@charset "UTF-8";:root{--feature-color: #005ead;--color-natural-black: #333;--feature-bg-gray-01: #f7f7f9}.feature-main-v-area{width:100%;max-width:1400px;margin:0 auto 80px;position:relative;padding:0 20px;.main-v{width:100%;aspect-ratio:1400 / 580}img{border-radius:20px}h2{font-size:2.8rem;font-weight:700}p{font-size:14px;line-height:1.78;font-weight:500;margin:8px 0 0}&:has(+.contents-area .anchor-btn){margin:0 auto 50px}@media screen and (max-width: 767px){margin:0;.main-v{aspect-ratio:350 / 145}img{border-radius:10px}h2{font-size:24px;color:var(--feature-color);margin:20px 0 0}p{margin:10px 0 0}}}.feature-main-v-innerarea{position:absolute;top:50%;left:5vw;transform:translateY(-50%);color:#fff;text-align:left;max-width:440px;background:#0060adcc;padding:min(2vw,50px) min(3vw,45px);border-radius:15px;@media screen and (max-width: 767px){position:static;transform:translate(0);background:transparent;color:#333;padding:0;max-width:100%}}.feature-main-v-area.layout-type-2{h2{position:relative;display:flex;flex-direction:column;gap:8px;font-size:3.5rem;line-height:1.5;&:after{content:"";display:block;width:43px;height:6px;background:#1e80cf}}p{margin:20px 0 0}.feature-main-v-innerarea{left:8vw;max-width:400px;padding:0;background:transparent;color:var(--color-natural-black)}@media screen and (max-width: 767px){h2{color:var(--color-natural-black);font-size:2.4rem}.feature-main-v-innerarea{max-width:100%}}}.feature-Profile__body{position:relative;z-index:0;background-color:#f7f7f9;display:flex;gap:30px;border-radius:10px 0 10px 10px}.feature-Profile__item{display:flex;gap:20px;flex:1}.feature-Profile__img{flex-shrink:0;width:110px}.feature-Profile__img img{width:100%;aspect-ratio:1 / 1;object-fit:cover;display:block;border-radius:20px}.feature-Profile__dept{font-size:1.4rem}.feature-Profile__name{margin-top:0;font-size:1.4rem}.feature-Profile__bio{margin-top:10px;font-size:1.4rem;color:#636363}.feature-Profile__body>.border{width:1px;position:relative;&:before{content:"";position:absolute;top:0;left:0;width:1px;height:70%;border-left:1px dashed #ccc}}@media screen and (min-width: 768px){.feature-Profile--bioDrop .feature-Profile__item{display:grid;grid-template-columns:110px 1fr;grid-template-rows:110px auto;gap:10px 20px;align-items:start}.feature-Profile--bioDrop .feature-Profile__text{display:contents}.feature-Profile--bioDrop .feature-Profile__img{grid-area:1 / 1 / 2 / 2}.feature-Profile--bioDrop .feature-Profile__nameBox{grid-area:1 / 2 / 2 / 3}.feature-Profile--bioDrop .feature-Profile__bio{grid-area:2 / 1 / 3 / 3;margin-top:10px}}@media screen and (min-width: 768px) and (max-width: 1000px){.feature-Profile--nameDrop .feature-Profile__item{display:block}.feature-Profile--nameDrop .feature-Profile__text{display:block;margin-top:12px}.feature-Profile--nameDrop .feature-Profile__nameBox{min-height:96px}.feature-Profile--nameDrop .feature-Profile__bio{margin-top:8px}}@media screen and (max-width: 767px){.feature-Profile__body{flex-direction:column}.feature-Profile__item{flex-direction:column;align-items:center}.feature-Profile__dept,.feature-Profile__name{text-align:center}.feature-Profile__body>.border{width:100%;height:1px}.feature-Profile__body>.border:before{width:100%;height:1px;border-left:none;border-top:1px dashed #ccc}.feature-Profile__item.sp-otherLayout{display:grid;grid-template-columns:150px 1fr;grid-template-rows:repeat(3,auto)}.feature-Profile__item.sp-otherLayout .feature-Profile__text{display:contents}.feature-Profile__item.sp-otherLayout h3{grid-area:1 / 1 / 2 / 3}.feature-Profile__item.sp-otherLayout .feature-Profile__img{grid-area:2 / 1 / 3 / 2}.feature-Profile__item.sp-otherLayout .feature-Profile__nameBox{grid-area:2 / 2 / 3 / 3}.feature-Profile__item.sp-otherLayout .feature-Profile__bio{grid-area:3 / 1 / 4 / 3}.feature-Profile__item.sp-otherLayout .feature-Profile__dept,.feature-Profile__item.sp-otherLayout .feature-Profile__name{text-align:left}}.episode-block{margin:80px 0 0;h2.section-title{margin:0 0 35px;span{color:var(--feature-color);font-size:1.4rem;font-weight:700;display:block;margin:0 0 8px}}&.bg-on{margin:100px 0 0;h2.section-title{margin:0 0 48px;span{color:#fff}}}.name.line+p{font-weight:700}&.bg-on{position:relative;isolation:isolate;padding:80px 0;color:#fff;&:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:100vw;height:100%;background-image:url(/sustainability/img/feature_Section_bg.png);background-size:cover;background-position:center;z-index:-1}}&.column{display:flex;gap:0;>.img-shadow{position:relative;align-self:flex-start;padding-bottom:50px;&:after{content:"";background:var(--feature-bg-gray-01);width:95%;height:calc(100% - 50px);position:absolute;z-index:-1;top:50px}}&.img-left{>.img-shadow{&:after{left:-40px;border-radius:0 30px 30px 0}}img{border-radius:0 30px 30px 0;width:100%}>div{&:first-child{width:50vw;margin-left:calc(50% - 50vw)}&:last-child{width:50%;padding:0 0 0 5%}}}&.img-right{>.img-shadow{&:after{right:-40px;border-radius:30px 0 0 30px}}img{border-radius:30px 0 0 30px;width:100%}>div{&:first-child{width:50%;padding:0 5% 0 0}&:last-child{width:50vw;margin-right:calc(50% - 50vw)}}}}.symposium{margin:0 0 40px;.comment{margin-bottom:16px}}@media screen and (max-width: 767px){margin:64px 0 0;h2.section-title{margin:0 0 40px;span{font-size:1rem;margin:0 0 8px}}&.column{flex-direction:column;&.img-left>div:first-child{padding:0 3% 0 0}&.img-right>div:last-child{padding:0 0 0 3%}&.img-left>div:first-child,&.img-right>div:last-child{width:100vw;margin-left:calc(50% - 50vw);margin-right:0}&.img-left>div:last-child,&.img-right>div:first-child{width:100%;padding:64px 0 0}&.img-right{flex-direction:column-reverse}>.img-shadow{padding-bottom:50px;&:after{height:calc(100% - 50px);top:80px}}&.img-left>.img-shadow:after{left:0;width:85%}&.img-right>.img-shadow:after{right:0;width:85%}}&.bg-on{margin:20px 0 0;padding:40px 0 20px;&:before{height:100%;background-position:center top}}.symposium .comment{margin-bottom:20px}}}.feature-title-box{text-align:center;margin-bottom:60px;h2{display:flex;align-items:center;gap:20px;width:100%;margin-top:12px;font-size:3rem;&:before,&:after{content:"";display:block;flex:1;border-top:1px solid #e6e6e6}span{display:inline-block;padding-left:.5em}}@media screen and (max-width: 767px){margin-bottom:30px;img{width:40px;height:40px}h2{font-size:1.8rem}}}section+section:has(.feature-title-box){margin-top:80px;@media screen and (max-width: 767px){margin-top:40px}}.comment-block{display:flex;align-items:flex-start;gap:32px;&:has(+.comment-block){margin-bottom:80px}.img-box{width:32.8%;text-align:center;.img-wrap{display:inline-block;margin-right:-30px;margin-bottom:50px;width:250px;min-width:250px;height:250px;border-radius:8px;box-shadow:-30px 30px 0 var(--feature-bg-gray-01);overflow:hidden}p{font-size:1.4rem}}.text-box{position:relative;width:68%;padding:40px;border-radius:20px;background:var(--feature-bg-gray-01);&:before{content:"";position:absolute;left:-18px;top:50px;display:block;width:0;height:0;border-style:solid;border-top:12px solid transparent;border-bottom:12px solid transparent;border-right:18px solid var(--feature-bg-gray-01);border-left:0}&:after{content:"”";position:absolute;top:-38px;right:24px;font-size:20rem;line-height:1;color:var(--quote-color, #f9e1e7);font-family:Hiragino Maru Gothic Pro,serif}h3{font-size:2rem;margin-bottom:20px}.img-caption{font-size:1.4rem}}.img-border{border-radius:8px;border:1px solid #fff}&.img-right{flex-direction:row-reverse;.img-box .img-wrap{margin-left:-30px;margin-right:0;box-shadow:30px 30px 0 var(--feature-bg-gray-01)}.text-box:before{left:auto;right:-18px;transform:rotate(180deg)}}@media screen and (max-width: 767px){flex-direction:column;gap:16px;&:has(+.comment-block){margin-bottom:40px}.img-box{width:100%;.img-wrap{margin-right:0;margin-bottom:16px;width:90px;min-width:90px;height:90px;border-radius:8px;box-shadow:-10px 10px 0 var(--feature-bg-gray-01);img{object-fit:cover;transform:var(--sp-scale-size, scale(1));object-position:var(--object-position, top)}}p{font-size:1.2rem}}.text-box{width:100%;padding:34px 20px 20px;&:before{display:none}&:after{font-size:14rem;top:-26px;right:10px}h3{font-size:1.6rem;margin-bottom:16px}.img-caption{font-size:1.2rem}}&.img-right{flex-direction:column;.img-box .img-wrap{margin-left:0;box-shadow:10px 10px 0 var(--feature-bg-gray-01)}}}}.col-area.gap-64>.column{width:calc(50% - 32px)}.col-area.gap-128>.column{width:calc(50% - 64px)}@media (min-width: 768px){html,body{min-width:0}main{min-width:0}}