@charset "utf-8";
.container {width:100%; max-width:172rem; margin-left:auto; margin-right:auto;}

#header {height:12rem;}
#header .container {display:flex; align-items:center; height:12rem; justify-content: space-between; position:relative;;}
#header .logo {width:12.3rem; height:5.2rem; background:url('../img/logo.png') no-repeat center; background-size:100%; text-indent:-9999px;}

#header .slogan {text-indent:-9999px; position:absolute; width:14.9rem; height:6.5rem; background:url('../img/slogan.png') no-repeat center; background-size:100%; left:50%; top:50%; transform:translate(-50%, -50%);}

#header .btn-homepage a {display:block; width:27.5rem; height:6rem; line-height:6rem; border-radius:1rem; background:#654a98; background-size:1.6rem; padding:0 5.2rem; color:#ffffff; font-size:2rem; font-weight:700; letter-spacing:-0.05em; position:relative;}
#header .btn-homepage a::before {content:""; display:block; width:2rem; height:2.2rem; background:url('../img/ico_home.png') no-repeat center; position:absolute; top:2rem; left:3rem; background-size:2rem;}
#header .btn-homepage a::after {content:""; display:block; width:2rem; height:2.2rem; background:url('../img/ico_arrow_right.png') no-repeat center; position:absolute; top:2rem; right:3rem; background-size:2rem;}
#content {padding-bottom:10.8rem;}

.visual_wrap {position:relative;}
.visual {padding:5.2rem 0; position:relative; z-index:2;}
/* .visual_bg {background:url('../img/visual_bg.png') no-repeat center; width:100%; height:69.2rem; position:absolute; bottom:0; z-index:1;} */
.visual .text01_wrap {width:fit-content; position:relative; margin:0 auto;}
.visual .text01 {width:fit-content; margin:0 auto; line-height:1.648; font-size:3.4rem; font-weight:700; padding:0 4.8rem; position:relative; z-index:2;}
.visual .text01 span {font-weight:300;}
.visual .text01_bg {display:block; width:100%; height:3rem; background:#eae8ed; margin:0 auto; position:absolute; bottom:0; z-index:1;}
.visual .text02 {text-align:center; line-height:1.5; font-size:5.6rem; margin-top:6rem; letter-spacing:-0.03em; font-family:'KBO';}
.visual .text02 strong {font-size:7.2rem; display:inline-block; line-height:0.778; font-family:'KBO';}
.visual .text02 strong.purple {color:#654a98;}
.visual .text02 strong.orange {color:#e57609;}
.visual .text02 strong.green {color:#327858;}

.report_wrap {position:relative;}
.report {padding:2.4rem 0; padding-bottom:15rem; position: relative; z-index: 10;}
.report_bg {background:url('../img/report_bg.png') no-repeat center; width:100%; height:69.2rem; position:absolute; bottom:0; z-index:1; background-size:100%;}
/* .report .container {display:flex; align-items:flex-start; justify-content:flex-start; gap:0 2.4rem;} */
.report .article {flex:1 0; display:flex; align-items: stretch; gap:0 2.4rem; flex-direction: row;}
.report .article .video-area {position:relative; width:105rem; flex:none; height:59rem; background: #000;}
.report .article .video-area > * {width:100%; height:100%; position:absolute; left:50%; top:50%; transform: translate(-50%, -50%); object-fit: cover;}
.report .article .pdf_wrap {display: flex; flex-direction: column; gap: 4rem; width:62rem;}
.report .article .pdf-area {flex:1 0; height:27.5rem; display:flex; align-items: center; flex-direction: column; gap: 2.4rem; flex-direction: row;}
.report .article .pdf-area .down-pdf {flex:1 0; padding:3rem 4rem; width:100%; height:100%; position:relative; border-radius: 3rem; color:#fff;}
.report .article .pdf-area .down-pdf.purple {background:url('../img/report_bg01.png') no-repeat right 4rem center; background-color: #654a98; background-size:24rem;}
.report .article .pdf-area .down-pdf.green {background:url('../img/report_bg02.png') no-repeat right 4rem center; background-color: #327858; background-size:23rem;}
.report .article .pdf-area .down-pdf p {font-size:4rem; line-height:1.2; font-size: 4rem; display:block; font-weight: 600;;}
.report .article .pdf-area .down-pdf p span {line-height:1.2; font-size:4rem; display: block;}
.report .article .pdf-area .down-pdf.purple p span {display: inline-block;}
.report .article .pdf-area .down-pdf .year {font-size:2.6rem; line-height:1.5; font-weight:400;}
.report .article .pdf-area .down-pdf p .yellow {color:#ffe87d;}
.report .article .pdf-area .down-pdf .btn-down {display:block; width:18rem; height: 5.4rem; line-height:5.4rem; padding-left:5rem; position:absolute; bottom:3rem; border-radius: 1rem; font-size:2rem; font-weight:600;;}
.report .article .pdf-area .down-pdf.purple .btn-down {background:url('../img/ico_report_down01.png') no-repeat left 2rem center; background-color: #fff; background-size:2rem; color:#654a98;}
.report .article .pdf-area .down-pdf.green .btn-down {background:url('../img/ico_report_down02.png') no-repeat left 2rem center; background-color: #fff; background-size:2rem; color:#327858;}

.promise {}
.promise .tit {text-align: center; font-size:5rem; font-weight: 600; line-height:1.5; font-family: 'KBO'; padding-left:30rem; position:relative; height:22rem; display:block; width:fit-content; margin:0 auto; align-content: center; display: flex; align-items: center;}
.promise .tit::before {content:""; display:block; width:26.5rem; height:22rem; background: url('../img/promise_bg.png') no-repeat center; position:absolute; top:0; left:0; background-size:contain}
.promise .tit strong {font-size:6rem; line-height:1.236; display:inline-block; font-family: 'KBO';}
.promise .tit .purple {color:#654a98;}
.promise .tit .green {color:#327858;}
.promise .tit .orange {color:#e57609;}
.promise .promise-detail {background:#f3f6fb; padding:5rem; border-radius: 3rem;}
.promise .promise-detail + .promise-detail {margin-top:2.4rem;}
.promise .promise-detail:nth-of-type(1) {margin-top:4.8rem;}
.promise .promise-detail .title-area {display:flex; align-items: center; justify-content: flex-start; gap:0 1.6rem;}
.promise .promise-detail .title-area .num {flex:none; width:6rem; height:6rem; line-height:6rem; border-radius: 100%; text-align: center; color:#fff; font-size:3.8rem; font-weight:700;}
.promise .promise-detail .title-area .text {font-weight:700; font-size: 3.8rem; line-height:1.369; font-family: 'KBO';}
.promise .promise-detail .title-area .text span {font-family: 'KBO'; font-weight:800}
.promise .promise-detail img {margin-top:2rem;}

.promise .promise-detail.purple .title-area .num {background-color: #654a98;}
.promise .promise-detail.green .title-area .num {background-color: #327858;}
.promise .promise-detail.orange .title-area .num {background-color: #e57609;}
.promise .promise-detail.purple .title-area .text {color: #654a98;}
.promise .promise-detail.green .title-area .text {color: #327858;}
.promise .promise-detail.orange .title-area .text {color: #e57609;}
.promise .promise-detail.purple .title-area .text span {color: #3a1e6f;}
.promise .promise-detail.green .title-area .text span {color: #0f5133;}
.promise .promise-detail.orange .title-area .text span {color: #b65a00;}

.propel {padding:1.2rem 0;}
.propel .tit {text-align: center; font-size:5rem; font-weight: 600; line-height:1.5; font-family: 'KBO'; position:relative; height:22rem; display:block; width:fit-content; margin:0 auto; align-content: center; display: flex; align-items: center;}
.propel .propel-list {margin-top:5.2rem;}
.propel .propel-list ul {display:flex; flex-wrap: wrap; gap:2.4rem 2.4rem;}
.propel .propel-list ul li {width:calc(33.3334% - 1.6rem); background-repeat: no-repeat; background-position: right 2rem center;}
.propel .propel-list ul li a {display:block;}

.dim {position:fixed; z-index: 98; width:100vw; height: 100vh; background: #000; opacity: 0.65; top:0; left:0; right:0; bottom:0;}
.popup {position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 96rem; height: 64rem; background-color: #ffffff; display: none; z-index: 99; padding: 4rem 11.5rem; box-shadow: 3rem 3rem 4.5rem 1.5rem rgba(0,0,0,0.4);}
.popup.on {display: block;}
.popup .btn-pop-close {position: absolute; right: -1.5rem; top: -3.4rem; width: 7.5rem; height: 7.5rem; border-radius: 50%; background: url('../img/btn_popup_close.png') no-repeat center; background-size: 100%;}

[id*="popSwiper"] [class*="swiper-popup"] .swiper-wrapper .swiper-slide img {width: 56.2rem; margin: 0 auto;}
[id*="popSwiper"] .swiper-button-next, 
[id*="popSwiper"] .swiper-button-prev {width: 4.1rem; height: 5.4rem; background-repeat: no-repeat; background-position: center; background-size: 100%;}
[id*="popSwiper"] .swiper-button-next::after, 
[id*="popSwiper"] .swiper-button-prev::after {display: none;}
[id*="popSwiper"] .swiper-button-next {background-image: url('../img/btn_swiper_next_active.png');}
[id*="popSwiper"] .swiper-button-prev {background-image: url('../img/btn_swiper_prev_active.png');}
[id*="popSwiper"] .swiper-button-next.swiper-button-disabled {background-image: url('../img/btn_swiper_next_active.png'); opacity: 0.5;}
[id*="popSwiper"] .swiper-button-prev.swiper-button-disabled {background-image: url('../img/btn_swiper_prev_active.png'); opacity: 0.5;}


#footer {background-color:#2b2c40; padding:5.8rem 0; color:#fff;}
#footer .container {display:flex; align-items: center; justify-content: flex-start;}
#footer .logo {width:25.6rem;}
#footer .logo h1 {width:12.3rem; height:5.2rem; background:url('../img/logo_footer.png') no-repeat center; background-size:100%; text-indent: -9999px;}
#footer .company {}
#footer .company address {font-weight:500; font-size:2rem; font-style: normal;}
#footer .company p {font-size:1.6rem; color:#9193a1; line-height:1.5; margin-top:1rem;}


@media screen and (max-width:1800px) {
    .container {padding-left:4rem; padding-right:4rem;}

    .report .article .video-area {width:60%; height:auto; aspect-ratio:105/59;}
    .report .article .pdf_wrap {gap:2rem;}
    .report .article .pdf-area .down-pdf.green {background-size:17rem;}
    .report .article .pdf-area .down-pdf.purple {background-size:18rem;}

}
@media screen and (max-width:1640px) {
    .visual .text02 {font-size:5rem;}
    .visual .text02 strong {font-size:6rem}
    .report .article {flex-direction: column;}
    .report .article .video-area {width:100%;}
    .report .article .pdf_wrap {width:100%; flex-direction: row; margin-top:2rem;}
    .report .article .pdf-area .down-pdf .btn-down {width:auto; padding-right:3rem;}
}
@media screen and (max-width:1280px) {
    .promise .tit::before {}
}
@media screen and (max-width:768px) {
    #header .btn-homepage a {font-size:1.6rem;}
	/* .report .article .pdf_wrap {flex-direction: column;}
    .report .article .pdf-area .down-pdf .btn-down {display:inline-block; position:initial; margin-top:20px;} */
    .report .article .pdf-area {height:25rem;}
    .report .article .pdf-area .down-pdf p,
    .report .article .pdf-area .down-pdf p span {font-size:3rem;}
    .report .article .pdf-area .down-pdf.green {background-size:13rem;}
    .report .article .pdf-area .down-pdf.purple {background-size:12rem;}

    #footer .container {align-items: flex-start; justify-content: flex-start; flex-direction: column;}
    #footer .company {margin-top:10px;}
}
@media screen and (max-width:475px) {
    .report .article .pdf-area .down-pdf {padding:2rem 4rem 3rem 4rem;}
}
@media screen and (max-width:370px) {
    .report .article .pdf_wrap {flex-direction: column;}
    .report .article .pdf-area .down-pdf .btn-down {display:inline-block; position:initial; margin-top:10px;}
    .report .article .pdf-area .down-pdf p span {display: inline-block;}
}