@charset "UTF-8";
a {
    color: #282828;
}
a:hover {
    opacity: 0.8;
}
.bg_gray {
    background: #f2f2f2;
}
.f_blue {
    color: #044b90;
}
.blue-marker {
    background: linear-gradient(transparent 70%, #bcc7de 70%);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.i-menu-arrow::after {
    content: "";
    display: inline-block;
    width: 13px;
    height: 13px;
    background: url('../img/makenewmagazine/u_arrow.svg') no-repeat;
    background-size: contain;
    vertical-align: middle;
    position: absolute;
    margin-left: 15px;
}
.sp_hidden {
    display: block !important;
}
.pc_hidden {
    display: none !important;
}
/*icon*/
.i-facebook {
    content: "";
    display: inline-block;
    width: 10px;
    height: 21px;
    background: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='10'%20height='21.383'%20viewBox='0%200%2010%2021.383'%3e%3cpath%20d='M9.608,10.69H6.675V21.383H2.67V10.69H0V7.007L2.67,7l0-2.16C2.665,1.824,3.481,0,7.023,0H9.976V3.69H8.129c-1.374,0-1.454.52-1.454,1.469V7H10Z'%20transform='translate(0)'%20fill='%23231815'/%3e%3c/svg%3e") no-repeat;
    background-size: contain;
}
.i-instagram {
    content: "";
    display: inline-block;
    width: 21px;
    height: 21px;
    background: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='21.24'%20height='21.24'%20viewBox='0%200%2021.24%2021.24'%3e%3cpath%20d='M57.423,3.752A5.473,5.473,0,1,0,62.9,9.224a5.48,5.48,0,0,0-5.474-5.472m0,9.06a3.588,3.588,0,1,1,3.588-3.588,3.591,3.591,0,0,1-3.588,3.588'%20transform='translate(-46.802%201.396)'%20fill='%23231815'/%3e%3cpath%20d='M59.462,2.752a1.38,1.38,0,1,0,.978.4,1.388,1.388,0,0,0-.978-.4'%20transform='translate(-43.138%200.798)'%20fill='%23231815'/%3e%3cpath%20d='M64.107.53H54.59a5.869,5.869,0,0,0-5.862,5.862v9.517a5.867,5.867,0,0,0,5.862,5.86h9.517a5.867,5.867,0,0,0,5.86-5.86V6.392A5.867,5.867,0,0,0,64.107.53m3.977,15.379a3.98,3.98,0,0,1-3.977,3.977H54.59a3.98,3.98,0,0,1-3.977-3.977V6.392A3.98,3.98,0,0,1,54.59,2.415h9.517a3.98,3.98,0,0,1,3.977,3.977Z'%20transform='translate(-48.728%20-0.53)'%20fill='%23231815'/%3e%3c/svg%3e") no-repeat;
    background-size: contain;
}
.i_x {
    content: "";
    display: inline-block;
    width: 17px;
    height: 17px;
    background: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='17'%20height='17.233'%20viewBox='0%200%2017%2017.233'%3e%3cpath%20d='M111.291,9.707l6.208-7.25h-1.451l-5.42,6.292-4.354-6.292H101.2l6.586,9.591L101.2,19.69h1.543l5.71-6.669,4.58,6.669H118.2Zm2.476,8.815-5.153-7.449-5.155-7.447h2.168l2.959,4.309,7.268,10.587Z'%20transform='translate(-101.2%20-2.457)'%20fill='%23231815'/%3e%3c/svg%3e") no-repeat;
    background-size: contain;
}
/* header */
.l-header {
    width: 100%;
}
.l-header__inner {
    width: 100%;
    height: 100px;
    position: relative;
}
.l-header__inner h1 img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 148px;
    object-fit: contain;
}
.article-area {
    width: 100%;
}
.article-area .article-area-inner {
    width: 100%;
    max-width: calc(100% - 4%);
    margin: 10px auto 0;
    background: #ffffff;
    padding: 60px 0;
}
.article-area .article-area-inner.main-photo {
    margin-top: 0;
}
.article-area .article-area-inner.article {
    margin-top: 0;
    margin-bottom: 60px;
}
.article-area .article-area-inner h2 {
    font-size: 2.4rem;
    line-height: 1.6;
    margin-bottom: 15px;
}
.article-area .article-area-inner h3 {
    font-size: 2.4rem;
    line-height: 1.6;
    margin-bottom: 25px;
}
.article-area .article-area-inner.main-photo {
    padding: 0;
}
.article-area .article-area-inner .title-area {
    width: 100%;
    max-width: calc(100% - 10%);
    margin: 0 auto;
}
.article-area .article-area-inner .right-position-text {
    width: 100%;
    max-width: calc(100% - 10%);
    margin:  0 2% 0 auto;
}
.article-area .article-area-inner .right-position-text .title-area {
    max-width: 100%;
    padding: 50px 0 10px;
    margin-left: 0;
}
.article-area .article-area-inner .right-position-text.lead p {
    margin-bottom: 50px;
    font-size: 1.6rem;
    line-height: 1.8;
}
.article-area .article-area-inner .right-position-text.menu .border-both-area {
    border-top: 2px solid #282828;
    border-bottom: 2px solid #282828;
}
.article-area .article-area-inner .right-position-text.menu ol {
    padding: 35px;
}
.article-area .article-area-inner .right-position-text.menu ol li {
    margin-bottom: 15px;
    font-size: 1.6rem;
    padding-left: 10px;
}
.article-area .article-area-inner .right-position-text.menu ol li:last-child {
    margin-bottom: 0;
}
.article-area .article-area-inner .right-position-text .img-area {
    width: 100%;
}
.article-area .article-area-inner .right-position-text .img-area .flex {
    justify-content: space-between;
}
.article-area .article-area-inner .right-position-text .img-area .flex .img-area-box {
    width: 100%;
    max-width: calc(100% / 2 - 5px);
}
.article-area .article-area-inner .right-position-text .img-area .flex .img-area-box p {
    line-height: normal;
}
.article-area .article-area-inner .right-position-text .interview-text {
    margin-top: 40px;
}
.article-area .article-area-inner .right-position-text .interview-text .interview-answer {
    display: flex;
    margin-top: 40px;
}
.article-area .article-area-inner .right-position-text .interview-text p {
    font-size: 1.6rem;
    line-height: 1.6;
    font-weight: 500;
}
.article-area .article-area-inner .right-position-text .interview-text p.interview-title {
    margin-left: 40px;
}
.article-area .article-area-inner .right-position-text .interview-text p.interview-title .line-top {
    padding-left: 0;
    position: relative;
    margin-left: 0px;
}
.article-area .article-area-inner .right-position-text .interview-text p.interview-title .line-top::before {
    content: "";
    display: inline-block;
    background: #282828;
    height: 1px;
    width: 35px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -40px;
}
.article-area .article-area-inner .right-position-text .interview-text .interview-answer .name-area {
    width: 15%;
}
.article-area .article-area-inner .right-position-text .interview-text .interview-answer .text-area {
    width: 85%;
}
.article-area .article-area-inner .right-position-text .interview-text .interview-answer .text-area p {
    margin-bottom: 40px;
    font-weight: 500;
}
.article-area .article-area-inner .right-position-text .link-area {
    width: 100%;
    max-width: calc(100% - 40px);
    padding:  20px;
    border: 1px solid #eeeeef;
    margin-top: 60px;
    display: flex;
}
.article-area .article-area-inner .right-position-text .link-area.text-only {
    max-width: 100%;
    padding: 0;
    margin: 45px 0 70px;
    border: none;
}
.article-area .article-area-inner .right-position-text .link-area.text-only a {
    font-size: 2.4rem;
    font-weight: 600;
    font-feature-settings: "palt";
}
.article-area .article-area-inner .right-position-text .link-area .link-img {
    width: 25%;
}
.article-area .article-area-inner .right-position-text .link-area .link-img img {
    width: 100%;
    object-fit: contain;
}
.article-area .article-area-inner .right-position-text .link-area .link-text {
    width: 75%;
    padding-left: 30px;
}
.article-area .article-area-inner .right-position-text .link-area .link-text h3 {
    font-size: 1.8rem;
    line-height: normal;
    margin-bottom: 15px;
}
.article-area .article-area-inner .right-position-text .link-area .link-text p {
    font-size: 1.4rem;
    line-height: 1.6;
}
.article-area .article-area-inner .right-position-text .profile-area {
    width: 100%;
    max-width: calc(100% - 40px);
    padding: 30px 20px;
    margin: 50px auto 0;
}
.article-area .article-area-inner .right-position-text .profile-area h3 {
    font-size: 1.8rem;
    width: 100%;
    text-align: left;
    border-bottom: 2px solid #282828;
    padding-bottom: 10px;
}
.article-area .article-area-inner .right-position-text .profile-area .profile-area-inner {
    width: 100%;
    display: flex;
    margin-top: 30px;
}
.article-area .article-area-inner .right-position-text .profile-area .profile-area-inner .profile-photo {
    width: 20%;
    text-align: center;
    padding-right: 30px;
}
.article-area .article-area-inner .right-position-text .profile-area .profile-area-inner .profile-photo img {
    width: 128px;
    object-fit: contain;
    border-radius: 50%;
}
.article-area .article-area-inner .right-position-text .profile-area .profile-area-inner .profile-text {
    width: 80%;
}
.article-area .article-area-inner .right-position-text .profile-area .profile-area-inner .profile-text h4 {
    font-size: 2.2rem;
    font-feature-settings: "palt";
    margin-bottom: 15px;
}
.article-area .article-area-inner .right-position-text .profile-area .profile-area-inner .profile-text p {
    font-size: 1.6rem;
    line-height: normal;
    margin-bottom: 15px;
}
.article-area .article-area-inner .right-position-text .credit {
    margin-top: 60px;
}
.article-area .article-area-inner .right-position-text .credit ul {
    width: 100%;
    display: flex;
    justify-content: end;
}
.article-area .article-area-inner .right-position-text .credit ul li {
    font-weight: 600;
    position: relative;
    padding: 0 15px;
    font-size: 1.2rem;
}
.article-area .article-area-inner .right-position-text .credit ul li::after {
    display: inline-block;
    content: "";
    width: 1px;
    height: 15px;
    background: #282828;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
}
.article-area .article-area-inner .right-position-text .credit ul li:last-child::after {
    background: none;
}
/*footer*/
.footer {
    width: 100%;
    background: #1A1A1A;
}
.footer .footer_inner {
    width: 100%;
    max-width: calc(100% - 4%);
    margin: 0 auto;
    padding: 15px 0 20px;
    display: flex;
}
.footer .footer_inner img.logo {
    width: 128px;
    object-fit: contain;
}
.footer .footer_inner .footer_inner.link_area {
    width: 100%;
    max-width: calc(100% - 16%);
    display: flex;
    margin-right: 0;
    justify-content: space-between;
    align-items: flex-start;
    padding-bottom: 0;
}
.footer .footer_inner .footer_inner.link_area p {
    color: #ffffff;
    font-size: 1.0rem;
    font-weight: 500;
    white-space: nowrap;
}
.footer .footer_inner .footer_inner.link_area .link_area_inner {
    display: flex;
    width: 100%;
    max-width: fit-content;
}
.footer .footer_inner .footer_inner.link_area .link_area_inner .link_area_inner_inner {
    width: 100%;
    max-width: fit-content;
    margin-right: 30px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}
.footer .footer_inner .footer_inner.link_area .link_area_inner .link_area_inner_inner:last-child {
    margin-right: 0;
}
.footer .footer_inner .footer_inner.link_area .link_area_inner .link_area_inner_inner a p {
    color: #ffffff;
    font-size: 1.2rem;
    line-height: normal;
    font-weight: 500;
    margin-bottom: 10px;
}
.footer .footer_inner .footer_inner.link_area a {
    color: #ffffff;
}
@media screen and (min-width: 1280px) {
    .article-area .article-area-inner {
        width: 100%;
        max-width: 1100px;
    }
}
@media screen and (max-width: 980px) {
    .footer .footer_inner .footer_inner.link_area{
        padding-left: 15px;
    }
    .footer .footer_inner .footer_inner.link_area .link_area_inner .link_area_inner_inner {
        margin-right: 10px;
    }
}
@media screen and (max-width: 767px) {
    /*header*/
    .l-header {
        width: 100%;
    }
    .l-header__inner h1 {
        margin: 0 auto;
    }
    .l-header__inner h1 img {
        width: 110px;
    }
    .l-header__inner  {
        height: 70px;
    }
    .l-header__inner h1 p {
        font-size: 2.0rem;
    }
    .article-area .article-area-inner {
        margin-top: 5px;
    }
    .article-area .article-area-inner.article {
        margin-bottom: 20px;
    }
    .article-area .article-area-inner .right-position-text {
        max-width: calc(100% - 10%);
        margin: 0 auto;
    }
    /*footer*/
    .footer .footer_inner {
        width: 100%;
        text-align: center;
        padding: 20px 0;
    }
    .footer .footer_inner img.logo {
        width: 96px;
    }
    .footer .footer_inner,
    .footer .footer_inner .footer_inner.link_area,
    .footer .footer_inner .footer_inner.link_area .link_area_inner {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .footer .footer_inner .footer_inner.link_area {
        margin-left: 0;
    }
    .footer .footer_inner .footer_inner.link_area .link_area_inner .link_area_inner_inner {
        width: 100%;
        max-width: 100%;
        text-align: left;
        margin-right: 0;
    }
    .footer .footer_inner .footer_inner.link_area .link_area_inner .link_area_inner_inner:last-child {
        margin-bottom: 30px;
    }
}
@media screen and (max-width: 560px) {
    .l-header__inner h1 p {
        font-size: 1.6rem;
    }
    .article-area .article-area-inner {
        padding: 30px 0;
    }
    .article-area .article-area-inner .right-position-text.lead p {
        margin-bottom: 30px;
        font-size: 1.4rem;
        line-height: 1.6;
    }
    .article-area .article-area-inner .right-position-text.menu ol li {
        font-size: 1.4rem;
    }
    .article-area .article-area-inner h1 {
        font-size: 2.0rem;
    }
    .article-area .article-area-inner h2 {
        font-size: 1.6rem;
    }
    .article-area .article-area-inner .right-position-text .interview-text p.interview-title .line-top::before {
        top: 11px;
    }
    .article-area .article-area-inner .right-position-text .interview-text .interview-answer {
        margin-top: 30px;
    }
    .article-area .article-area-inner .right-position-text .interview-text p {
        font-size: 1.4rem;
    }
    .article-area .article-area-inner .right-position-text .title-area {
        padding: 35px 0 0;
    }
    .article-area .article-area-inner .right-position-text .profile-area .profile-area-inner .profile-text h4 {
        font-size: 1.8rem;
    }
    .article-area .article-area-inner .right-position-text .link-area.text-only {
        margin: 35px 0 50px;
    }
    .article-area .article-area-inner .right-position-text .link-area {
        display: flex;
        flex-direction: column;
    }
    .article-area .article-area-inner .right-position-text .link-area.text-only a {
        font-size: 2.0rem;
    }
    .article-area .article-area-inner .right-position-text .link-area .link-img {
        width: 100%;
        margin-bottom: 15px;
    }
    .article-area .article-area-inner .right-position-text .link-area .link-text {
        width: 100%;
        padding-left: 0;
    }
    .article-area .article-area-inner .right-position-text .link-area .link-text h3 {
        font-size: 1.6rem;
    }
    .article-area .article-area-inner .right-position-text .profile-area .profile-area-inner .profile-text h4 {
        font-size: 1.6rem;
    }
    .article-area .article-area-inner .right-position-text .profile-area .profile-area-inner .profile-text p {
        font-size: 1.4rem;
    }
    .article-area .article-area-inner .right-position-text .credit {
        margin-top: 30px;
    }
    .article-area .article-area-inner .right-position-text .credit ul {
        flex-wrap: wrap;
    }
    .article-area .article-area-inner .right-position-text .credit ul li {
        font-size: 1.0rem;
    }
    .article-area .article-area-inner .right-position-text .credit ul li:last-child {
        padding: 5px 0 0;
    }
    .article-area .article-area-inner .right-position-text .credit ul li::after {
        height: 10px;
    }
    .article-area .article-area-inner .right-position-text .credit ul li p {
        text-align: right;
    }
}