.single-interview{position:relative;padding:36px 0 0;background-color:#e4edef}.single-interview::after{position:absolute;top:0;left:0;z-index:0;width:100%;aspect-ratio:64/27;content:"";background-image:url(../images/interview/bg.webp);background-repeat:no-repeat;background-size:cover}@media screen and (max-width: 767px){.single-interview::after{aspect-ratio:425/308}}.single-interview__title{position:relative;z-index:1;display:flex;gap:30px;align-items:center;max-width:1030px;padding:0 40px;margin:0 auto 30px}@media screen and (min-width: 768px)and (max-width: 1024px){.single-interview__title{gap:24px;flex-direction:column}}@media screen and (max-width: 767px){.single-interview__title{gap:24px;flex-direction:column}}.single-interview__title .image{max-width:480px}@media screen and (max-width: 767px){.single-interview__title .image{width:100%;max-width:initial}}.single-interview__title .text{font-weight:700;font-size:1.375rem;color:#fff}@media screen and (min-width: 768px)and (max-width: 1024px){.single-interview__title .text{font-size:1.125rem}}@media screen and (max-width: 767px){.single-interview__title .text{font-size:1.125rem}}.single-interview__contents{position:relative;z-index:1;max-width:950px;padding:0 0 70px;margin-inline:auto;background-color:#fff}@media screen and (min-width: 768px)and (max-width: 1024px){.single-interview__contents{max-width:calc(100% - 80px)}}@media screen and (max-width: 767px){.single-interview__contents{max-width:calc(100% - 80px)}}.single-interview__main{position:relative;display:grid;grid-template-columns:63% 1fr;grid-template-areas:"photo texts" "title title" "name name"}@media screen and (min-width: 768px)and (max-width: 1024px){.single-interview__main{grid-template-columns:1fr;grid-template-areas:"photo" "title" "name" "texts";padding:18px}}@media screen and (max-width: 767px){.single-interview__main{grid-template-columns:1fr;grid-template-areas:"photo" "title" "name" "texts";padding:18px}}.single-interview__main .new-label{position:absolute;top:0;left:0}.single-interview__main .photo{grid-area:photo;width:100%;aspect-ratio:600/451}.single-interview__main .photo img{width:100%;height:100%;object-fit:cover}.single-interview__main .title{grid-area:title;font-weight:700;font-size:1.75rem;color:#215f82;padding:32px 0 28px;margin:0 70px;border-bottom:1px solid #215f82}@media screen and (min-width: 768px)and (max-width: 1024px){.single-interview__main .title{font-size:1.125rem;margin:0}}@media screen and (max-width: 767px){.single-interview__main .title{font-size:1.125rem;margin:0}}.single-interview__main .name{grid-area:name;display:flex;gap:12px;align-items:center;padding:32px 70px}@media screen and (min-width: 768px)and (max-width: 1024px){.single-interview__main .name{padding:14px 0}}@media screen and (max-width: 767px){.single-interview__main .name{padding:14px 0}}.single-interview__main .name__image{max-width:50px}.single-interview__main .name__link{display:flex;gap:8px;font-weight:100;font-size:1.625rem;color:#215f82;text-decoration:underline}@media screen and (min-width: 768px)and (max-width: 1024px){.single-interview__main .name__link{font-size:1.375rem}}.single-interview__main .texts{grid-area:texts;display:flex;flex-direction:column;padding:66px 68px 0 30px}@media screen and (min-width: 768px)and (max-width: 1024px){.single-interview__main .texts{padding:0}}@media screen and (max-width: 767px){.single-interview__main .texts{padding:0}}.single-interview__main .texts__group-member{font-weight:100;font-size:0.875rem;color:#215f82;line-height:1.5}@media screen and (min-width: 768px)and (max-width: 1024px){.single-interview__main .texts__group-member{font-size:1rem}}@media screen and (max-width: 767px){.single-interview__main .texts__group-member{font-size:1rem}}.single-interview__main .texts__date{font-size:0.875rem;color:#d5c9b5;margin:auto 0 0;text-align:right}@media screen and (min-width: 768px)and (max-width: 1024px){.single-interview__main .texts__date{font-size:1rem}}@media screen and (max-width: 767px){.single-interview__main .texts__date{font-size:1rem}}.single-interview__main .texts__box{color:#fff;padding:16px;margin:16px 0 0;background-color:#d5c9b5}.single-interview__main .texts__box dl dt,.single-interview__main .texts__box dl dd{font-size:0.875rem;line-height:1.5}.single-interview__main .texts__box dl dt{font-weight:700}.single-interview__main .texts__box .info{font-size:0.875rem;color:#fff;margin:30px 0 0}.single-interview__body .detail-ttl02{font-weight:700;font-size:1.25rem;color:#fff;padding:10px 50px;margin:0 0 32px;background-color:#8fc1cc}@media screen and (min-width: 768px)and (max-width: 1024px){.single-interview__body .detail-ttl02{font-size:1.125rem;padding:18px}}@media screen and (max-width: 767px){.single-interview__body .detail-ttl02{font-size:1.125rem;padding:18px}}.single-interview__body .detail-txt{display:flex;font-size:1rem;color:#215f82;line-height:1.875;margin:0 70px 48px}@media screen and (min-width: 768px)and (max-width: 1024px){.single-interview__body .detail-txt{margin:0 18px 26px}}@media screen and (max-width: 767px){.single-interview__body .detail-txt{margin:0 18px 26px}}.single-interview__body .detail-txt .detail-speaker{flex:0 0 80px}.single-interview__body .detail-txt .interviewer-icon{display:block;width:65px;aspect-ratio:1;background-image:url(../images/interview/icon-interviewer.png);background-repeat:no-repeat;background-size:contain}.single-interview__body .detail-txt .interviewer-icon span{visibility:hidden}.single-interview__body .detail-txt .speaker-icon{display:flex;align-items:center;justify-content:center;width:65px;aspect-ratio:1;font-weight:700;font-size:1rem;color:#fff;border-radius:50%;background-color:#218ba4}.single-interview__body .detail-txt .speaker-icon span{display:inline-block;text-align:center;line-height:1.3;letter-spacing:.05em}.single-interview__body .detail-txt .speaker-icon span::first-letter{font-size:1.375rem}.single-interview__body .detail-img{margin:0 70px 48px}@media screen and (min-width: 768px)and (max-width: 1024px){.single-interview__body .detail-img{margin:0 18px 26px}}@media screen and (max-width: 767px){.single-interview__body .detail-img{margin:0 18px 26px}}.single-interview__body .detail-img .caption{font-size:0.875rem;color:#215f82;margin:10px 0 0;text-align:center}.single-interview__body .detail-img .photo-date{font-size:0.75rem;color:#d5c9b5;text-align:center}.single-interview__date{font-size:1rem;color:#3e3a39;line-height:1.875;text-align:right;margin:0 70px 48px}.single-interview__op-link{display:flex;gap:20px;flex-direction:column;padding:18px;margin:0 70px;background-color:#218ba4}@media screen and (min-width: 768px)and (max-width: 1024px){.single-interview__op-link{margin:0 18px}}@media screen and (max-width: 767px){.single-interview__op-link{margin:0 18px}}.single-interview__op-link__photos{display:flex}@media screen and (max-width: 767px){.single-interview__op-link__photos{display:grid;grid-template-columns:repeat(4, 1fr)}}.single-interview__op-link__photos .photo-wrapper{width:100%;aspect-ratio:1;overflow:hidden}.single-interview__op-link__photos .photo-wrapper img{width:100%;height:100%;object-fit:cover}.single-interview__op-link__name{display:flex;gap:18px;align-items:center;background-image:url("../images/common/arrow-white.png");background-repeat:no-repeat;background-size:50px 17px;background-position:right center}@media screen and (max-width: 767px){.single-interview__op-link__name{padding:0 0 62px;background-position:center bottom}}.single-interview__op-link__name .icon{display:flex;align-items:center;justify-content:center;width:66px;aspect-ratio:1;border-radius:50%;background-color:#fff}@media screen and (max-width: 767px){.single-interview__op-link__name .icon{width:44px}}.single-interview__op-link__name .icon__image{max-width:50px}@media screen and (max-width: 767px){.single-interview__op-link__name .icon__image{max-width:32px}}.single-interview__op-link__name .name{font-weight:700;font-size:1.25rem;color:#fff}@media screen and (max-width: 767px){.single-interview__op-link__name .name{font-size:1.125rem}}.single-interview__other-posts{max-width:950px;padding:70px 0 120px;margin-inline:auto}@media screen and (min-width: 768px)and (max-width: 1024px){.single-interview__other-posts{max-width:calc(100% - 80px)}}@media screen and (max-width: 767px){.single-interview__other-posts{width:calc(100% - 80px);max-width:initial}}.single-interview__other-posts__wrapper{display:grid;gap:28px;grid-template-columns:repeat(3, 1fr);margin:0 0 80px}@media screen and (max-width: 767px){.single-interview__other-posts__wrapper{grid-template-columns:1fr}}.single-interview__other-posts__link{display:grid;gap:20px;grid-template-rows:auto repeat(2, 1fr);height:100%;padding:16px 18px;background-color:#fff;background-image:url(../images/common/arrow-blue.png);background-repeat:no-repeat;background-position:center bottom 32px;background-size:50px 17px}.single-interview__other-posts__link .photo{width:100%;aspect-ratio:131/76}.single-interview__other-posts__link .photo img{width:100%;height:100%;object-fit:cover}.single-interview__other-posts__link .title{font-weight:700;font-size:1.125rem;color:#215f82;line-height:1.5}@media screen and (min-width: 768px)and (max-width: 1024px){.single-interview__other-posts__link .title{font-size:1rem}}.single-interview__other-posts__link .name{display:flex;gap:8px;font-wegiht:100;font-size:1.375rem;color:#215f82;padding:24px 0 60px;border-top:1px solid #215f82}@media screen and (min-width: 768px)and (max-width: 1024px){.single-interview__other-posts__link .name{font-size:1.125rem}}.single-interview__other-posts__link-button{display:flex;align-items:center;justify-content:center;max-width:460px;height:66px;font-size:1rem;color:#fff;cursor:pointer;margin-inline:auto;border-radius:33px;background-color:#215f82}@media screen and (max-width: 767px){.single-interview__other-posts__link-button{max-width:100%}}