@charset "utf-8";
/* Info
 ========================================================================== */
/**
 * 1. Writer: Hyerin Lim. (Weaverloft Corp.)
 * 2. Production Date: 2023-11-24
 * 3. Client: (사)함께만드는세상 사회연대은행
 */

/*========== Font ==========*/
@font-face {  font-family: 'Pretendard Variable';  font-weight: 45 920; font-style: normal; font-display: swap; src: url('../fonts/PretendardVariable.woff2') format('woff2');} 
:root{
    --btn-color: #FF8253;
}
/*========== Base ==========*/
* {font-family: 'Pretendard Variable', sans-serif;letter-spacing: -0.025em; } 
*, ::before, ::after {box-sizing: border-box; } 
html {width: 100%;font-family: 'Pretendard Variable', sans-serif; font-variation-settings: 'wght' 400; font-weight: 400;color: #111;letter-spacing: -0.025em;-webkit-tap-highlight-color: transparent;scroll-behavior: smooth; } 
body {width: 100%;margin: 0;font-size: 16px;color: #111;line-height: 1.25;letter-spacing: -0.025em; } 
a {display: inline-block; text-decoration: none;color: #111; } 
img { width: 100%; max-width: 100%; height: 100%; object-fit: cover; vertical-align: middle; -webkit-user-drag: none; } 
img:focus-visible { outline: none; -webkit-tap-highlight-color : transparent; } 
figure, picture{display: inline-block;}
figure img, picture img {width: 100%; } 
h1, h2, h3, h4, h5, h6 {font-variation-settings: 'wght' 700; font-weight: 700;letter-spacing: -0.025em; } 
input[type='password']::-ms-reveal, input[type='password']::-ms-clear { display: none; } 
input[type=number] { appearance: textfield; -moz-appearance: textfield; -webkit-appearance: textfield; } 
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0; } 
textarea {resize: none; } 
button {background: inherit;border:none; background-color: transparent;box-shadow:none;padding:0;cursor:pointer; } 
select {-webkit-appearance: none;-moz-appearance: none;appearance: none;cursor: pointer; } 
select::-ms-expand {display: none; } 
input, textarea, button {border: none;appearance: none;-moz-appearance: none;-webkit-appearance: none;border-radius: 0;-webkit-border-radius: 0;-moz-border-radius: 0; } 
a, button, input, select, textarea { -webkit-tap-highlight-color: transparent}
:focus, input:focus, textarea:focus, button:focus, select:focus,
input:focus-visible, textarea:focus-visible, button:focus-visible, select:focus-visible { outline: none; -webkit-tap-highlight-color : transparent; } 
:focus-visible, button:focus-visible { outline: 2px dashed rgba(22,87,255,1); } 
.disabled, :disabled { outline: none !important; } 
.none {display: none; } 
.hidden {position: absolute;left: -9999px;display: none;visibility: hidden;opacity: 0;overflow: hidden; } 
.clearfix:before, .clearfix:after {display: block;content: '';line-height: 0;clear: both; } 
html, body{background-color: #fff !important;}
:root { color-scheme: light only;}
@media (prefers-color-scheme: dark) {
    html, body { background: #fff !important; background-color: #fff !important; }
}
/*========== Snow ==========*/
.snowflake{display: inline-block; width: 9px; height: 9px; border-radius: 50%; background-color: #fff;}
@keyframes snowflakes-fall {
    0% { top: -10% }
    100% { top: 100% }
}
@keyframes snowflakes-shake {
    0% { transform: translateX(0px) }
    50% { transform: translateX(80px) }
    100% { transform: translateX(0px) }
}
.snowflake { position: absolute; top: -10%; z-index: 99; user-select: none; cursor: default; animation-name: snowflakes-fall, snowflakes-shake; animation-duration: 10s, 3s; animation-timing-function: linear, ease-in-out; animation-iteration-count: infinite, infinite; animation-play-state: running, running; }
.snowflake:nth-of-type(2n){top: -7%; opacity: 0.7;}
.snowflake:nth-of-type(3n){top: -14%; opacity: 0.7;}
.snowflake:nth-of-type(1) { left: 10%; animation-delay: 1s, 1s }
.snowflake:nth-of-type(2) { left: 20%; animation-delay: 6s, .5s }
.snowflake:nth-of-type(3) { left: 30%; animation-delay: 4s, 2s }
.snowflake:nth-of-type(4) { top: -2%; left: 44%; animation-delay: 2s, 2s }
.snowflake:nth-of-type(5) { left: 50%; animation-delay: 8s, 3s }
.snowflake:nth-of-type(6) { left: 60%; animation-delay: 6s, 0.5s }
.snowflake:nth-of-type(7) { left: 35%; animation-delay: 5.5s, 1.5s }
.snowflake:nth-of-type(8) { left: 80%; animation-delay: 1s, 0s }
.snowflake:nth-of-type(9) { left: 90%; animation-delay: 3s, 1.5s }
.snowflake:nth-of-type(10) { left: 100%; animation-delay: 4.5s, 1s }
.snowflake:nth-of-type(11) { left: 1%; animation-delay: 0s, 0s }
.snowflake:nth-of-type(12) { left: 15%; animation-delay: 1.5s, 2s }
.snowflake:nth-of-type(13) { left: 70%; animation-delay: 7s, .5s }
.snowflake:nth-of-type(14) { left: 35%; animation-delay: 4.5s, 4s }
.snowflake:nth-of-type(15) { left: 45%; animation-delay: 9s, 1.5s }
.snowflake:nth-of-type(16) { left: 55%; animation-delay: 3.5s, 0s }
.snowflake:nth-of-type(17) { left: 25%; animation-delay: 2.5s, 3s }
.snowflake:nth-of-type(18) { left: 65%; animation-delay: 2s, 0s }
.snowflake:nth-of-type(19) { left: 85%; animation-delay: 5s, .5s }
.snowflake:nth-of-type(20) { left: 95%; animation-delay: 4.5s, 1s }
@media (min-width: 1025px){
    .snowflake{width: 12px; height: 12px;font-size: clamp(0.75rem, 1.171vw, 1rem); }
    .snowflake:nth-of-type(2n){width: 14px; height: 14px;font-size: clamp(0.75rem, 1.171vw, 1rem); }
}
/*========== Skip Nav ==========*/
.skip-nav a{position: fixed; left: 10px; top:-10em; z-index: 10001; display: block; padding: 0px 24px; background-color: var(--btn-color); border-radius:10px; font-size: 1rem; font-variation-settings: 'wght' 500; line-height: 2.5em; color: #fff; text-align: center;  }
.skip-nav a:focus{top: 10px;}
/*========== Common ==========*/
#wrap .wrap_inner{position: relative; width: 100%; max-width: 1920px; margin: 0 auto; overflow: hidden;}
#header .inner, .section .sec-inner{width: 100%; padding: 0 16px; font-size: 1rem;}
.section {position: relative; width: 100%; background-repeat: no-repeat; background-size: cover; background-position: center center; font-size: 1rem;}
.section .sec-title-wrap{text-align: center;}
.section .title-vis{display: inline-block; width: 2.75em; height: 1.25em; margin: 0 auto; background-image: url('../img/title-vis.svg'); background-size: 100% auto; font-size: 1rem; }
.section .title-vis.sky{ background-image: url('../img/title-vis-sky.svg');}
.section .sec-title{ font-size: 1.375rem; line-height: 1.3636em; word-break: keep-all; text-align: center;}
.section .sec-title .title{ font-size: 1rem;}
.section .sec-title .title img{ height: auto; object-fit: contain;}
.section .sec-text { font-size: 1rem; line-height: 1.5em;}
.section .support-btn-wrap{text-align: center;}
.section .support-btn { min-width: 7.7778em; padding: 0.5em 0.5556em; border-radius: 2.7778em; background-color: var(--btn-color); font-size: 1.125rem; font-variation-settings: 'wght' 700; font-weight: 700; color: #fff; line-height: 1.5; text-align: center; }
.section .support-btn.middle, .section .support-btn.large{padding: 0.7222em 0.5556em;}
.section .support-btn.middle{min-width: 8.4444em;}
.section .support-btn.large{min-width: 13.7778em;}
.section .orange{color: var(--btn-color);}
.section .sbold{font-variation-settings: 'wght' 600; font-variation-settings: 'wght' 600; font-weight: 600;}
.section .bold{font-variation-settings: 'wght' 700; font-variation-settings: 'wght' 700; font-weight: 700;}
.section br.fold{display: none;}
.pc{display: none;}
.mo{display: block;}
@media (max-width: 359px){
    .section{font-size: clamp(0.875rem, 4.444vw, 1rem);}
    #header .inner, .section .sec-inner{font-size: clamp(0.875rem, 4.444vw, 1rem);}
    .section .title-vis{font-size: clamp(0.875rem, 4.444vw, 1rem);}
    .section .sec-title{font-size: clamp(1.25rem, 6.111vw, 1.375rem);}
    .section .sec-title .title{ font-size: clamp(0.875rem, 4.444vw, 1rem);}
    .section .sec-text {font-size: clamp(0.875rem, 4.444vw, 1rem);}
    .section .support-btn {font-size: clamp(1rem, 5vw, 1.125rem);}
    .section .support-btn.large{min-width: auto; max-width: 248px; width: 100%;}
    .section br.fold{display: block;}
}
@media (min-width: 425px){
    .section{font-size: clamp(1rem, 3.765vw, 1.1875rem);}
    #header .inner, .section .sec-inner{font-size: clamp(1rem, 3.765vw, 1.1875rem);}
    .section .title-vis{font-size: clamp(1rem, 3.765vw, 1.1875rem);}
    .section .sec-title{font-size: clamp(1.375rem, 5.176vw, 1.875rem);}
    .section .sec-title .title{ font-size: clamp(1rem, 3.765vw, 1.1875rem);}
    .section .sec-text {font-size: clamp(1rem, 3.765vw, 1.1875rem);}
    .section .support-btn {font-size: clamp(1.125rem, 4.235vw, 1.3125rem);}
    .section .support-btn.middle, .section .support-btn.large{font-size: clamp(1.125rem, 4.235vw, 1.5rem);}
}
@media (min-width: 768px){
    #header .inner, .section .sec-inner{ padding: 0 32px;}
    .section{font-size: clamp(1.1875rem, 2.474vw, 1.4375rem);}
    #header .inner, .section .sec-inner{font-size: clamp(1.1875rem, 2.474vw, 1.4375rem);}
    .section .title-vis{font-size: clamp(1.1875rem, 2.474vw, 1.4375rem);}
    .section .sec-title{font-size: clamp(1.875rem, 3.906vw, 2.5rem);}
    .section .sec-title .title{ font-size: clamp(1.1875rem, 2.474vw, 1.4375rem);}
    .section .sec-text {font-size: clamp(1.1875rem, 2.474vw, 1.4375rem);}
    .section .support-btn {max-width: 214px;font-size: clamp(1.3125rem, 2.734vw, 1.5625rem);}
    .section .support-btn.middle, .section .support-btn.large{padding: 0.6em 0.5556em; font-size: clamp(1.5rem, 3.125vw, 1.875rem);}
}
@media (min-width: 1025px){
    #header .inner, .section .sec-inner{ padding: 0 60px; font-size: clamp(0.625rem, 0.976vw, 1rem);}
    .section{font-size: clamp(0.625rem, 0.976vw, 1rem);}
    .section .title-vis{width: 4.125em; min-width: 63px; height: 1.875em; min-height: 29px; margin-bottom: 1em; font-size: clamp(0.625rem, 0.976vw, 1rem);}
    .section .sec-title{font-size: clamp(2.5rem, 3.902vw, 3.125rem); line-height: 1.18em;}
    .section .sec-title .title{ font-size: clamp(0.625rem, 0.976vw, 1rem);}
    .section .sec-text {font-size: clamp(1.4375rem, 2.244vw, 1.625rem); line-height: 1.3846em;}
    .section .support-btn {width: 7.134em; max-width: 214px; min-width: auto; max-height: 67px; padding: 0.6333em 0.6333em; font-size: clamp(1.5625rem, 2.439vw, 1.875rem); line-height: 1; transition: opacity 300ms;}
    .section .support-btn.middle, .section .support-btn.large{max-height: 89px; padding: 0.7362em 0.7362em; font-size: clamp(1.875rem, 2.927vw, 2.25rem);}
    .section .support-btn.middle{width: 7.834em; max-width: 282px; min-width: auto;}
    .section .support-btn.large{width: 13.0556em; max-width: 470px; min-width: auto;}
    .section .support-btn:hover{opacity: 0.8; transition: opacity 300ms;}
    .pc{display: block;}
    .mo{display: none;}
}
@media (min-width: 1440px){
    #header .inner, .section .sec-inner{ padding: 0 100px;}
}
/*========== Header ==========*/
#header{position: absolute; top: 0; left: 0; z-index: 11; width: 100%;}
#header .header-logo{width: 100%; max-width: 394px; padding-top: 16px; transition: padding 300ms;}
#header .header-logo a{width: 100%;}
#header .header-logo img{aspect-ratio: 12/1;}
@media (min-width: 768px){
    #header .header-logo{ width: 50%; max-width: 505px; }
}
@media (min-width: 1025px){
    #header .header-logo{ width: 45%; padding-top: 45px; transition: padding 300ms;}
}
/*========== Section Main ==========*/
.sec-main {height: 93vh; height: calc(var(--vh, 1vh) * 93); height: 93dvh; aspect-ratio: 1/1.9; padding: 10.875em 0 15em; background-image: url('../img/sec-main-bg-mo.jpg'); background-position: left bottom;}
.sec-main .light-wrap{position: absolute; top: -40px; left: 0; right: 0; margin: 0 auto; z-index: 10; display: flex; flex-flow: column; justify-content: center; align-items: center; transition: all 300ms;}
.sec-main .light{width: 59.375em; font-size: 1rem; transition: all 300ms;}
.sec-main .light img{aspect-ratio: 1359/220;}
.sec-main .sec-title .title{width: 19.3125em;}
.sec-main .sec-title .title img{aspect-ratio: 50/19;}
.sec-main .sec-text{margin: 1.125em auto 2.375em; text-align: center; color: #077282;}
@media (max-width: 359px){
    .sec-main .light{font-size: clamp(0.875rem, 4.444vw, 1rem);}
    .sec-main .sec-title .title{width: 100%; max-width: 309px;}
    .sec-main .sec-text { word-break: keep-all;}
    .sec-main .sec-text br{display: none;}
}
@media (min-width: 425px){
    .sec-main .light{font-size: clamp(1rem, 3.765vw, 1.1875rem);}
    .sec-main .sec-text{font-size: clamp(1rem, 3.765vw, 1.25rem);}
}
@media (min-width: 768px){
    .sec-main .light{max-width: 1358px; font-size: clamp(1rem, 2.083vw, 1.4375rem);}
    .sec-main .sec-text{font-size: clamp(1.25rem, 2.604vw, 1.5625rem);}
}
@media (min-width: 1025px){
    .sec-main { display: flex; justify-content: center; align-items: center; aspect-ratio: 1/1.9; height: auto; max-height: 1080px; padding: 0 0 95px; background-image: url('../img/sec-main-bg.jpg'); background-position: center bottom;}
    .sec-main .light-wrap {top: -122px;}
    .sec-main .light{font-size: clamp(1.4375rem, 2.244vw, 1.625rem);}
    .sec-main .sec-title .title{width: 45.375em; min-width: 444px; max-width: 726px;}
    .sec-main .sec-text{margin: 0.8667em auto 1.7667em; font-size: clamp(1.5625rem, 2.439vw, 1.875rem); line-height: 1.1667em;}
}
@media (max-width: 450px) and (max-height: 900px){
    .sec-main{ padding-top: 20vh; padding-top: calc(var(--vh, 1vh) * 20); padding-top: 20dvh;}
}
@media (min-width: 768px) and (max-height: 1000px){
    .sec-main{ min-height: 950px;}
}
/*========== Section01 ==========*/
.section01 {padding: 8.125em 0 12.5em; background-image: url('../img/sec01-bg-mo.jpg'); background-position: center top;}
.section01 .sec-box{ position: relative; padding: 3.75em 16px 5em; border-radius: 15px; background-color: #fff; font-size: 1rem;}
.section01 .sec-box::before, .section01 .sec-box::after{content: ''; position: absolute; display: inline-block; width: 10.25em; height: auto; background-repeat: no-repeat; background-size: 100% auto;}
.section01 .sec-box::before{top: -3.0625em; left: -2.25em; aspect-ratio: 1/0.975; background-image: url('../img/sec01-box-bg01-mo.svg');}
.section01 .sec-box::after{ bottom: -2.25em; right: -0.375em; aspect-ratio: 1/0.73; background-image: url('../img/sec01-box-bg02-mo.svg');}
.section01 .sec-box .box-inner{position: relative; z-index: 1; text-align: center;}
.section01 .sec-title-wrap{margin-bottom: 2.1875em;}
.section01 .sec-text{font-variation-settings: 'wght' 500; font-weight: 500; word-break: keep-all;}
.section01 .sec-sub-text{font-size: 1.125rem; font-variation-settings: 'wght' 500; font-weight: 500; line-height: 1.3333em; word-break: keep-all;}
.section01 .sec-title-sub{margin: 0.7778em auto 2.1111em; font-size: 1.125rem; line-height: 1.3333em; word-break: keep-all;}
.section01 .sec-title-sub .vis-icon{position: relative; display: inline-block; padding-right: 0.2em; font-size: 1.25rem;}
.section01 .vis-icon::before, .section01 .vis-icon::after{position: absolute; content: ''; display: inline-block; width: 0.4em; height: 0.45em; background-image: url('../img/icon-vis.svg'); background-repeat: no-repeat; background-size: 100% auto; }
.section01 .vis-icon::before{top: -0.05em; left: -0.4em;}
.section01 .vis-icon::after{bottom: -0.25em; right: -0.25em;}
.section01 .sec-box-bg{display: none;}
.section01 .vis-slide-wrap{position: relative; margin: 2em auto 1.625em; overflow: hidden; font-size: 1rem;}
.section01 .vis-slide-wrap .vis-slide{position: relative;}
.section01 .vis-slide-wrap .vis-slide::before, .section01 .vis-slide-wrap .vis-slide::after{content: ''; position: absolute; top: 0; z-index: 5; display: inline-block; width: 2.125em; height: calc(100% - 1.875em);}
.section01 .vis-slide-wrap .vis-slide::before{ left: -1px; background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);}
.section01 .vis-slide-wrap .vis-slide::after{ right: -1px; background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);}
.section01 .vis-slide-wrap .swiper-slide{width: 14.25em;}
.section01 .vis-slide-wrap .swiper-slide .vis-img-wrap{width: 13.75em; height: 8.75em; margin-bottom: 1.25em; border-radius: 2px; background-color: #AACACA; transform: translate(0.5em, 0.5em);}
.section01 .vis-slide-wrap .swiper-slide .vis-img-wrap .vis{width: 13.75em; height: 8.75em; border-radius: 2px; overflow: hidden; transform: translate(-0.5em, -0.5em);}
.section01 .vis-slide-wrap .swiper-slide .vis-img-wrap .vis img{aspect-ratio: 11/7;}
.section01 .vis-slide-wrap .vis-tit{font-size: 1.125rem; font-variation-settings: 'wght' 700; font-weight: 700;}
.section01 .vis-slide-wrap .vis01 .vis-tit{color: #5A9BFC;}
.section01 .vis-slide-wrap .vis02 .vis-tit{color: var(--btn-color);}
.section01 .vis-slide-wrap .vis03 .vis-tit{color: #529D59;}
.section01 .vis-slide-wrap .vis-slide-control{position: absolute; top: 32%; left: 0; right: 0; z-index: 6; display: flex; flex-flow: row nowrap; align-items: center; justify-content: space-between; width: 16.25em; margin: 0 auto; font-size: 1rem;}
.section01 .vis-slide-wrap .swiper-button-next, .section01 .vis-slide-wrap .swiper-button-prev{position: static; width: 2.125em; height: 2.125em; margin: 0; border-radius: 50%; border: 1px solid #ddd; background-color: #fff; background-position: center center; background-repeat: no-repeat; background-size: 0.8125em 0.8125em; }
.section01 .vis-slide-wrap .swiper-button-next{ background-image: url('../img/arrow-next.svg');}
.section01 .vis-slide-wrap .swiper-button-prev{ background-image: url('../img/arrow-prev.svg');}
.section01 .vis-slide-wrap .swiper-button-next:after, .section01 .vis-slide-wrap .swiper-button-prev:after{display: none;}
@media (max-width: 300px){
    .section01 .sec-title br{display: none;}
    .section01 .vis-slide-wrap .vis-slide-control{width: 100%;}
}
@media (max-width: 359px){
    .section01 .sec-box{font-size: clamp(0.875rem, 4.444vw, 1rem);}
    .section01 .sec-text br{display: none;}
    .section01 .sec-sub-text{font-size: clamp(1rem, 5vw, 1.125rem);}
    .section01 .sec-title-sub{font-size: clamp(1rem, 5vw, 1.125rem);}
    .section01 .sec-title-sub .vis-icon{ font-size: clamp(1.125rem, 5.556vw, 1.25rem);}

    .section01 .vis-slide-wrap{font-size: clamp(0.875rem, 4.444vw, 1rem);}
    .section01 .vis-slide-wrap .vis-tit{font-size: clamp(1rem, 5vw, 1.125rem);}
    .section01 .vis-slide-wrap .vis-slide-control{font-size: clamp(0.875rem, 4.444vw, 1rem);}
}
@media (min-width: 425px){
    .section01 .sec-box{font-size: clamp(1rem, 3.765vw, 1.1875rem);}
    .section01 .sec-text br.tablet{display: none;}
    .section01 .sec-sub-text{font-size: clamp(1.125rem, 4.235vw, 1.3125rem);}
    .section01 .sec-title-sub{font-size: clamp(1.125rem, 4.235vw, 1.3125rem);}
    .section01 .sec-title-sub .vis-icon{ font-size: clamp(1.25rem, 4.706vw, 1.5625rem);}
    .section01 .vis-slide-wrap{font-size: clamp(1rem, 3.765vw, 1.75rem);}
    .section01 .vis-slide-wrap .vis-tit{font-size: clamp(1.125rem, 4.235vw, 1.3125rem);}
    .section01 .vis-slide-wrap .vis-slide-control{width: 17.25em; font-size: clamp(1rem, 3.765vw, 1.75rem);}
    .section01 .vis-slide-wrap .swiper-button-next, .section01 .vis-slide-wrap .swiper-button-prev{font-size: clamp(1rem, 3.765vw, 1.25rem);}
}
@media (min-width: 560px){
    .section01 .vis-slide-wrap .swiper-slide .vis-img-wrap{margin-bottom:0.875em;}
}
@media (min-width: 768px){
    .section01 .sec-box{padding: 3.75em 32px 5em;font-size: clamp(1.1875rem, 2.474vw, 1.4375rem);}
    .section01 .sec-sub-text{font-size: clamp(1.3125rem, 2.734vw, 1.5625rem);}
    .section01 .sec-title-sub{font-size: clamp(1.3125rem, 2.734vw, 1.5625rem);}
    .section01 .sec-title-sub .vis-icon{padding: 0 0.2em; font-size: clamp(1.5625rem, 3.255vw, 1.875rem);}
    .section01 .vis-icon::before{left: -0.2em;}
    .section01 .vis-slide-wrap{font-size: clamp(1.75rem, 3.646vw, 2.125rem);}
    .section01 .vis-slide-wrap .vis-tit{font-size:clamp(1.3125rem, 2.734vw, 1.5625rem);}
    .section01 .vis-slide-wrap .vis-slide-control{width: 17.25em; font-size: clamp(1.75rem, 3.646vw, 2.125rem);}
    .section01 .vis-slide-wrap .swiper-button-next, .section01 .vis-slide-wrap .swiper-button-prev{font-size: clamp(1.25rem, 2.604vw, 1.5rem);}
    .section01 .sec-box br.mo{display: none;}
    .section01 .sec-box br.pc{display: block;}
}
@media (min-width: 1025px){
    .section01 {padding: 17.125em 0 21.25em; background-image: url('../img/sec01-bg.jpg');}
    .section01 .sec-inner{position: relative;}
    .section01 .sec-box{position: relative; z-index: 1; max-width: 1100px; margin: 0 auto; padding: 5em 5.75em 9.25em; font-size: clamp(0.625rem, 0.976vw, 1rem);}
    .section01 .sec-box::before, .section01 .sec-box::after{ width: 26.25em;}
    .section01 .sec-box::before{top: -7.5625em; left: -7.375em; aspect-ratio: 42/40; background-image: url('../img/sec01-box-bg01.svg');}
    .section01 .sec-box::after{ bottom: -3.0625em; right: -0.6875em; aspect-ratio: 42/27; background-image: url('../img/sec01-box-bg02.svg');}
    .section01 .sec-box-bg{position: absolute; top: -1.875em; left: -0.625em; right: 0; display: block; width: 90.5em; max-width: 1100px; min-width: 905px; height: calc(100% + 0.9375em); margin: 0 auto; border-radius: 15px; background-color: #67A7A8; transform: rotate(5deg); font-size: clamp(0.625rem, 0.976vw, 1rem);}
    .section01 .sec-sub-text{font-size: clamp(1.5625rem, 2.439vw, 2.125rem);}
    .section01 .sec-title-sub{margin: 0.2941em auto 2.1765em; font-size: clamp(1.5625rem, 2.439vw, 2.125rem);}
    .section01 .sec-title-sub .vis-icon{ padding: 0 0.2632em; font-size: clamp(1.875rem, 2.927vw, 2.375rem);}
    .section01 .vis-icon::before{ width: 0.3421em; height: 0.4211em; }
    .section01 .vis-icon::after{ width: 0.4474em; height: 0.5263em; }
    .section01 .vis-icon::before{top: -0.1579em; left: -0.0789em;}
    .section01 .vis-icon::after{bottom: -0.2632em; right: -0.1579em;}
    .section01 .vis-slide-wrap{margin: 4.25em auto 3.625em; font-size: clamp(0.75rem, 1.171vw, 1rem); }
    .section01 .vis-slide-wrap .vis-slide .swiper-wrapper{display: flex; flex-flow: row nowrap; align-items: flex-start; justify-content: center; gap: 20px; width: fit-content; margin: 0 auto; font-size: clamp(0.75rem, 1.171vw, 1rem); transform: none !important; }
    .section01 .vis-slide-wrap .vis-slide::before, .section01 .vis-slide-wrap .vis-slide::after{display: none;}
    .section01 .vis-slide-wrap .swiper-slide{width: 15.5625em; min-width: 198px;}
    .section01 .vis-slide-wrap .swiper-slide .vis-img-wrap{width: 15em; min-width: 190px; height: 19.625em; min-height: 248px; margin-bottom: 1.625em; transform: translate(0.5625em, 0.5625em);}
    .section01 .vis-slide-wrap .swiper-slide .vis-img-wrap .vis{width: 15em; min-width: 190px; height: 19.625em; min-height: 248px; transform: translate(-0.5625em, -0.5625em);}
    .section01 .vis-slide-wrap .swiper-slide .vis-img-wrap .vis img{aspect-ratio: 120/157;}
    .section01 .vis-slide-wrap .vis-tit{font-size: clamp(1.5625rem, 2.439vw, 1.875rem);}
    .section01 .vis-slide-wrap .vis-slide-control{display: none;}
    .section01 .vis-slide-wrap .swiper-slide-duplicate{display: none;}
}
/*========== Section02 ==========*/
.section02{ margin-top: -8.25em; background-image: url('../img/sec02-bg01-mo.svg'), url('../img/sec02-bg02-mo.jpg'); background-position: center top, 55% bottom; background-size: 49.625em auto, 29.375em auto; }
.section02 .sec-inner{padding: 5.375em 0 8.125em;}
.section02 .sec-contents-wrap{ background: linear-gradient(180deg, rgba(28,171,225,1) 0%, rgba(28,171,225,1) 65%, rgba(28,171,225,0) 65%); color: #fff; text-align: center;}
.section02 .support-list{display: flex; flex-flow: column wrap; align-items: center; justify-content: center; gap: 2.8125em; margin: 3.5em auto 0; font-size: 1rem;}
.section02 .support-list .vis-wrap{ width: fit-content; margin: 0 auto 0.9375em; padding-top: 2.375em; background-image: url('../img/sec02-vis.svg'); background-repeat: no-repeat; background-position: center top; background-size: 7.8125em auto;}
.section02 .support-list .vis-wrap figure{display: flex; justify-content: center; align-items: center; width: 12.8125em; height: 12.8125em; border-radius: 14px; border: 5px solid #F45156; overflow: hidden;}
.section02 .support-list .vis-wrap figure img{aspect-ratio: 1/1; width: calc(100% + 5px); max-width: calc(100% + 5px); height: calc(100% + 5px);}
.section02 .support-list .support-tit{font-size: 1.125rem; font-variation-settings: 'wght' 600; font-weight: 600; line-height: 1.3333em;}
.section02 .support-list .support-txt{margin: 0.3571em auto 1.1429em; font-size: 0.875rem; line-height: 1.2857em;}
.section02 .footnote-txt{margin-top: 4.1667em; font-size: 0.75rem; font-variation-settings: 'wght' 400; font-weight: 400;}
@media (max-width: 359px){
    .section02 .support-list{font-size: clamp(0.875rem, 4.444vw, 1rem);}
    .section02 .support-list .support-tit{font-size: clamp(1rem, 5vw, 1.125rem);}
    .section02 .support-list .support-txt{font-size: clamp(0.75rem, 3.889vw, 0.875rem);}
    .section02 .footnote-txt{font-size: clamp(0.625rem, 3.333vw, 0.75rem);}
}
@media (min-width: 425px){
    .section02 .sec-inner{padding: 6.875em 0 8.125em;}
    .section02 .support-list{font-size: clamp(1rem, 3.765vw, 1.25rem);}
    .section02 .support-list .support-tit{font-size: clamp(1.125rem, 4.235vw, 1.3125rem);}
    .section02 .support-list .support-txt{ font-size: clamp(0.875rem, 3.294vw, 1.0625rem);}
    .section02 .footnote-txt{font-size: clamp(0.75rem, 2.824vw, 0.875rem);}
}
@media (min-width: 540px){
    .section02{background-size: 200% auto, 100% auto;}
}
@media (min-width: 768px){
    .section02 .support-list{font-size: clamp(1.25rem, 2.604vw, 1.5625rem);}
    .section02 .support-list .support-tit{font-size: clamp(1.3125rem, 2.734vw, 1.5625rem);}
    .section02 .support-list .support-txt{font-size: clamp(1.0625rem, 2.214vw, 1.25rem);}
    .section02 .footnote-txt{margin-top: 4.25em; font-size: clamp(0.875rem, 1.823vw, 1rem);}
}
@media (min-width: 930px){
    .section02 .sec-contents-wrap{background: linear-gradient(180deg, rgba(28,171,225,0) 0%, rgba(28,171,225,1) 15%, rgba(28,171,225,1) 15%, rgba(28,171,225,1) 65%, rgba(28,171,225,0) 65%);}
}
@media (min-width: 1025px){
    .section02{ margin-top: -11.25em; background-image: url('../img/sec02-bg01.svg'), url('../img/sec02-bg02.jpg'); background-position: center top, center bottom; background-size: 100% auto, 100% auto; }
    .section02 .sec-inner{padding: 15em 0 23.25em;}
    .section02 .sec-contents-wrap{background: linear-gradient(180deg, rgba(28,171,225,1) 0%, rgba(28,171,225,1) 56%, rgba(28,171,225,0) 57%, rgba(28,171,225,0) 100%);}
    .section02 .support-list{display: flex; flex-flow: row nowrap; align-items: flex-start; justify-content: center; gap: 6.25em; margin: 90px auto 0; font-size: clamp(0.625rem, 0.976vw, 1rem); }
    .section02 .support-list .vis-wrap{ padding-top: 3.75em; margin-bottom: 3.25em; background-image: url('../img/sec02-vis.svg'); background-repeat: no-repeat; background-position: center top; background-size: 12.1875em auto;}
    .section02 .support-list .vis-wrap figure{width: 20em; height: 20em; border-radius: 21px; border: 8px solid #F45156;}
    .section02 .support-list .vis-wrap figure img{width: calc(100% + 8px); max-width: calc(100% + 8px); height: calc(100% + 8px);}
    .section02 .support-list .support-tit{font-size: clamp(1.5625rem, 2.439vw, 2rem); line-height: 1.1875em;}
    .section02 .support-list .support-txt{margin: 0.625em auto 1.7917em; font-size: clamp(1.25rem, 1.951vw, 1.5rem); line-height: 1.25em;}
}
/*========== Section03 ==========*/
.section03{ margin-top: -4.0625em; background-image: url('../img/sec03-bg-mo.svg'); background-repeat: no-repeat; background-position: top center; background-size: 50em auto;}
.section03 .sec-inner{padding: 6.75em 0 0;}
.section03 .sec-contents-wrap{padding: 0 16px 5em; background-color: #69CAA9; font-size: 1rem;}
.section03 .sec-box{position: relative; padding: 2.125em 0.625em 1.875em 1em; border-radius: 10px; background-color: #fff; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.16); font-size: 1rem;}
.section03 .sec-box::before, .section03 .sec-box02::after{content: ''; position: absolute; display: inline-block; background-size: 100% auto; background-repeat: no-repeat; }
.section03 .sec-box01::before{top: -1.5em; right: -1.875em; width: 5.375em; height: 3.625em; background-image: url('../img/sec03-vis01-1.svg');}
.section03 .sec-box02::before{top: -0.8125em; right: -0.25em; width: 6.75em; height: 1.625em; background-image: url('../img/sec03-vis02-1.svg');}
.section03 .sec-box02::after{bottom: -2.3125em; left: -2.625em; width: 6.6875em; height: 8.0625em; background-image: url('../img/sec03-vis02-2.svg');}
.section03 .flex-wrap{display: flex; flex-flow: row nowrap; align-items: flex-start; justify-content: space-between; margin-bottom: 1.5em;}
.section03 .sec-title{font-size: 1.125rem; font-variation-settings: 'wght' 500; font-weight: 500; line-height: 1; text-align: left;}
.section03 .sec-title span{display: block; padding: 0.2222em 0; border-bottom: 1px solid #ddd;}
.section03 .sec-title span img{display: inline-block; width: 7.6667em; height: auto; object-fit: contain; aspect-ratio: 25/4; vertical-align: sub; transform: translateY(1px);}
.section03 .sec-text{font-size: 0.875rem; font-variation-settings: 'wght' 500; font-weight: 500; line-height: 1.2857em; word-break: keep-all;}
.section03 .footnote-txt{margin-top: 0.8333em; font-size: 0.75rem; word-break: keep-all;}
.section03 .support-btn-wrap{margin-top: 2.0625em;}
.section03 .support-btn-wrap .support-btn{transform: translateX(calc((0.625em - 1em) / 2));}
.section03 .sec-box01{margin-bottom: 1.375em;}
.section03 .sec-box01 .vis{width: 4.375em;}
.section03 .sec-box01 .vis img{aspect-ratio: 1/1;}
.section03 .sec-box02 .vis{width: 6.625em;}
.section03 .sec-box02 .vis img{aspect-ratio: 237/154;}
.section03 .sec-box02 .support-btn{background-color: #F45156;}
@media (max-width: 359px){
    .section03 .sec-contents-wrap{font-size: clamp(0.875rem, 4.444vw, 1rem);}
    .section03 .sec-title{font-size: clamp(1rem, 5vw, 1.125rem);}
    .section03 .sec-box .vis{display: none;}
    .section03 .sec-text{font-size: clamp(0.75rem, 3.889vw, 0.875rem);}
    .section03 .sec-text br{ display: none;}
    .section03 .footnote-txt{font-size: clamp(0.625rem, 3.333vw, 0.75rem);}
}
@media (min-width: 425px){
    .section03 .sec-contents-wrap{font-size: clamp(1rem, 3.765vw, 1.25rem);}
    .section03 .sec-box{font-size: clamp(1rem, 3.765vw, 1.25rem);}
    .section03 .sec-title{font-size: clamp(1.125rem, 4.235vw, 1.375rem);}
    .section03 .sec-text{font-size: clamp(0.875rem, 3.294vw, 1.0625rem);}
    .section03 .footnote-txt{font-size: clamp(0.75rem, 2.824vw, 0.875rem);}
}
@media (min-width: 540px){
    .section03 .sec-box{padding: 2.125em 6% 1.875em;}
    .section03 .flex-wrap{margin-bottom: 0.625em;}
    .section03 .support-btn-wrap .support-btn{transform: translateX(0);}
    .section03 .sec-box01 .vis{width: 20%; max-width: 120px;}
    .section03 .sec-box02 .vis{width: 30%; max-width: 180px;}
}
@media (min-width: 768px){
    .section03 .sec-contents-wrap{padding: 0 32px 5em; font-size: clamp(1.25rem, 2.604vw, 1.5625rem);}
    .section03 .sec-box{max-width: 1000px; margin: 0 auto; padding: 2.125em 2.2em 1.875em 3.48em; font-size: clamp(1.25rem, 2.604vw, 1.5625rem);}
    .section03 .flex-wrap .text-wrap{width: 50%; padding-top: 0.3em;}
    .section03 .sec-title{font-size: clamp(1.375rem, 2.865vw, 1.625rem);}
    .section03 .sec-text{font-size: clamp(1.0625rem, 2.214vw, 1.25rem);}
    .section03 .footnote-txt{font-size: clamp(0.875rem, 1.823vw, 1rem);}
    .section03 .support-btn-wrap .support-btn{transform: translateX(calc((2.2em - 3.48em) / 2));}
    .section03 .sec-box01{margin-bottom: 1.375em;}
    .section03 .sec-box01 .vis{width: 21%; max-width: 165px;}
    .section03 .sec-box02 .vis{width: 30%; max-width: 237px;}
    .section03 .sec-text br.mo{display: none;}
}
@media (min-width: 1025px){
    .section03{margin-top: -20em; background-image: url('../img/sec03-bg.png'); background-size: 100% auto;}
    .section03 .sec-inner{padding: 16.25em 0 0;}
    .section03 .sec-contents-wrap{padding: 0 6.25em 10em; font-size: clamp(0.625rem, 0.976vw, 1rem); }
    .section03 .sec-box{padding: 3.4375em 3.4375em 3.375em 5.4375em; font-size: clamp(0.625rem, 0.976vw, 1rem);}
    .section03 .sec-box01::before{top: -2.75em; right: -3.375em; width: 10.125em; height: 6.625em; }
    .section03 .sec-box02::before{top: -1.5em; right: -0.75em; width: 12.75em; height: 3em;}
    .section03 .sec-box02::after{bottom: -5.5em; left: -7.625em; width: 15.625em; height: 18.75em;}
    .section03 .sec-box02{max-height: 480px;}
    .section03 .sec-box .flex-wrap{margin-bottom: 1.875em;}
    .section03 .flex-wrap .text-wrap{padding-top: 0;}
    .section03 .sec-box01 .flex-wrap .text-wrap{padding-top: 0.625em;}
    .section03 .sec-title{font-size: clamp(1.625rem, 2.537vw, 2rem); line-height:1;}
    .section03 .sec-title span{padding: 0.2188em 0;}
    .section03 .sec-title span img{ width: 7.9375em;}
    .section03 .sec-box02 span img{transform: translateY(0.1875em);}
    .section03 .sec-box .sec-text{font-size: clamp(1.25rem, 1.951vw, 1.375rem); line-height:1.4545em;}
    .section03 .footnote-txt{margin-top: 0.5333em; font-size: clamp(0.875rem, 1.561vw, 0.9375rem); }
    .section03 .sec-box .support-btn-wrap{margin-top: 2.125em;}
    .section03 .support-btn-wrap .support-btn{transform: translateX(-0.5em);}
    .section03 .sec-box01{margin-bottom: 2.1875em;}
    .section03 .sec-box01 .vis{width: 10.3125em;}
    .section03 .sec-box02 .vis{width: 14.8125em;}
}
/*========== Section04 ==========*/
.section04{background-color: #F8EADD; background-image: url('../img/sec04-bg-mo.jpg');}
.section04::before{position: absolute; top: -0.875em; left: -1.75em; z-index: 10; content: ''; display: inline-block; width: 16.625em; height: 2.375em; background-image: url('../img/sec04-bg.svg'); background-size: 100% auto; background-repeat: no-repeat;}
.section04 .sec-inner{padding: 3.75em 16px 5em;}
.section04 .neighbor{display: flex; flex-flow: column wrap; width: 20.5em; margin: 1.375em auto 0; font-size: 1rem;}
.section04 .neighbor li{width: 11.25em; display: flex; flex-direction: column; align-items: center; text-align: center;}
.section04 .neighbor li:nth-child(2n){align-self: flex-end;}
.section04 .neighbor li.neighbor01{ padding-left: 0.125em;}
.section04 .neighbor li.neighbor02{ margin-top: -20.9375em;}
.section04 .neighbor li.neighbor02 .neighbor-before{width: 2.0625em;}
.section04 .neighbor li.neighbor03{ width: 13em; margin-top: -9.875em;}
.section04 .neighbor li.neighbor04{ margin-top: -9.875em; padding-right: 0.125em;}
.section04 .neighbor .neighbor-before{position: relative; z-index: 1; width: 1.75em;}
.section04 .neighbor .neighbor-vis{ width: 11.25em; height: 11.25em; margin-top: -0.25em; border-radius: 50%; overflow: hidden;}
.section04 .neighbor .neighbor-vis img{aspect-ratio: 1/1;}
.section04 .neighbor .neighbor-tit{margin-top: 0.6667em; font-size: 0.938rem; font-variation-settings: 'wght' 600; font-weight: 600; line-height: 1.3333em; word-break: keep-all;}
@media (max-width: 359px){
    .section04 .sec-inner{padding: 3.75em 0 5em;}
    .section04 .neighbor{gap: 0.625em; width: 100%; font-size: clamp(0.875rem, 4.444vw, 1rem);}
    .section04 .neighbor .neighbor-tit{font-size: clamp(0.8125rem, 4.167vw, 0.938rem);}
}
@media (min-width: 425px){
    .section04 .neighbor{font-size: clamp(1rem, 3.765vw, 1.25rem);}
    .section04 .neighbor .neighbor-tit{font-size: clamp(0.938rem, 3.529vw, 1.125rem);}
}
@media (min-width: 540px){
    .section04 .neighbor{width: 85%; max-width: 520px;}
}
@media (min-width: 768px){
    .section04 .neighbor{width: 72%; max-width: 670px; font-size: clamp(1.25rem, 2.604vw, 1.5625rem);}
    .section04 .neighbor li.neighbor03{margin-top: -12.875em;}
    .section04 .neighbor .neighbor-tit{font-size: clamp(1.125rem, 2.344vw, 1.375rem); line-height: 1.2727em;}
}
@media (min-width: 1025px){
    .section04{background-image: url('../img/sec04-bg.jpg');}
    .section04::before{ top: -1.875em; left: -2em; width: 34.75em; height: 4.8125em; }
    .section04 .sec-inner{padding: 6.5625em 16px 8.75em;}
    .section04 .neighbor{display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: flex-start; width: 100%; max-width: 1608px; margin: 3.625em auto 0; font-size: clamp(0.625rem, 0.976vw, 1rem); }
    .section04 .neighbor li{width: 23.75em;}
    .section04 .neighbor .neighbor-before{width: 3.7813em;}
    .section04 .neighbor li:nth-child(2n){align-self: flex-start;}
    .section04 .neighbor li.neighbor01{ margin-top: -15.625em; padding: 0;}
    .section04 .neighbor li.neighbor02{ margin-top: 0;}
    .section04 .neighbor li.neighbor02 .neighbor-before{width: 4.5313em;}
    .section04 .neighbor li.neighbor03{ width: 26.75em; margin: 0; padding: 0;}
    .section04 .neighbor li.neighbor04{margin-top: -16.375em;}
    .section04 .neighbor .neighbor-vis{ width: 23.75em; height: 23.75em; margin-top: -0.625em;}
    .section04 .neighbor .neighbor-tit{margin-top: 1.1364em; font-size: clamp(1.125rem, 1.756vw, 1.375rem); line-height: 1.2727em;}
    .section04 .neighbor .neighbor-tit br.tablet{display: none;}
}
@media (min-width: 1420px){
    .section04 .neighbor .neighbor-tit br.tablet{display: block;}
}
/*========== Section05 ==========*/
.section05{display: flex; justify-content: center; align-items: center; height: 15.625em; background-image: url('../img/sec05-bg-mo.jpg');}
.section05 .sec-inner{color: #fff; text-align: center;}
.section05 .sec-inner .sec-text{margin-top: 0.625em;}
@media (min-width: 1025px){
    .section05{ height: 30em; background-image: url('../img/sec05-bg.jpg');}
    .section05 .sec-inner{padding-top: 0.625em;}
    .section05 .sec-inner .sec-text{margin-top: 0.7692em;}
}
/*========== Section06 ==========*/
.section06{background-color: #DBEBEA; background-image: url('../img/sec06-bg-mo.jpg'); background-position: center bottom; background-size: 100% auto;}
.section06 .sec-inner{padding: 3.75em 16px 6.875em;}
.faq-list{width: 100%; margin: 1.500em auto 0; font-size: 1rem;}
.faq-list .faq-box{margin-bottom: 0.500em; padding: 0 0.750em; border-radius: 6px; background-color: #fff; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12);}
.faq-list .faq-box > div{display: flex; flex-flow: row nowrap; align-items: baseline; justify-content: flex-start;}
.faq-list .faq-box .icon{width: 1.500em; height: 1.500em; margin-right: 0.750em; border-radius: 50%; color: #fff; font-size: 1rem; font-variation-settings: 'wght' 600; font-weight: 600; line-height: 1.500em; text-align: center; }
.faq-list .faq-box .question .icon{background-color: #077282;}
.faq-list .faq-box .answer .icon{background-color: var(--btn-color);}
.faq-list .faq-box .question{cursor: pointer; padding: 0.750em 0;}
.faq-list .faq-box .question .tit{width: calc(100% - 2.714em - 0.857em); font-size: 0.875rem; font-variation-settings: 'wght' 600; font-weight: 600; line-height: 1.429em; word-break: keep-all;}
.faq-list .faq-box .question .arrow{display: inline-block; width: 0.625em; height: 0.625em; margin-left: 0.250em; background-image: url('../img/arrow-top.svg'); background-repeat: no-repeat; background-position: center center; background-size: cover; transform: rotate(180deg); transition: transform 300ms;}
.faq-list .faq-box .question.open .arrow{transform: rotate(0); transition: transform 300ms;}
.faq-list .faq-box .answer {display: none; padding: 0.750em 0 1.250em; border-top: 1px solid #ccc;}
.faq-list .faq-box .answer .answer-con{display: flex; flex-flow: row nowrap; align-items: flex-start; justify-content: flex-start;}
.faq-list .faq-box .answer .answer-con p{width: calc(100% - 3.167em - 1.000em); font-size: 0.750rem; font-variation-settings: 'wght' 600; font-weight: 600; line-height: 1.667em;}
.faq-list .faq-box .answer .answer-con p .fold{display: block;}
@media (min-width: 425px){
    .faq-list{font-size: clamp(1rem, 3.765vw, 1.1875rem);}
    .faq-list .faq-box .icon{font-size: clamp(1rem, 3.765vw, 1.1875rem);}
    .faq-list .faq-box .question .tit{font-size: clamp(0.875rem, 3.294vw, 1.125rem);}
    .faq-list .faq-box .answer .answer-con p{font-size: clamp(0.750rem, 2.824vw, 1rem);}
}
@media (min-width: 440px){
    .faq-list .faq-box .answer .answer-con p .fold{display: none;}
}
@media (min-width: 540px){
    .section06 .sec-inner{padding: 3.75em 16px 8.875em;}
}
@media (min-width: 768px){
    .section06 .sec-inner{padding: 3.75em 32px 8.875em;}
    .faq-list{ margin: 60px auto 0; font-size: clamp(1.1875rem, 2.474vw, 1.4375rem);}
    .faq-list .faq-box .icon{font-size: clamp(1.1875rem, 2.474vw, 1.4375rem);}
    .faq-list .faq-box .question .tit{font-size: clamp(1.125rem, 2.344vw,  1.375rem);}
    .faq-list .faq-box .answer .answer-con p{font-size: clamp(1rem, 2.083vw, 1.1875rem);}
}
@media (min-width: 1025px){
    .section06{background-image: url('../img/sec06-bg.jpg');}
    .section06 .sec-inner{padding: 6.375em 6.25em 13.5em;}
    .faq-list{ max-width: 1000px; margin: 3.75em auto 0; font-size: clamp(0.750rem, 1.171vw, 1rem);}
    .faq-list .faq-box{margin-bottom: 0.750em; padding: 0 1.875em; border-radius: 10px;}
    .faq-list .faq-box .icon{width: 1.500em; height: 1.500em; margin-right: 0.625em; font-size: clamp(1.375rem, 2.146vw, 2rem);}
    .faq-list .faq-box .question{padding: 1.438em 0;}
    .faq-list .faq-box .question .tit{width: calc(100% - 2.429em - 0.714em); font-size: clamp(1.375rem, 2.146vw,  1.750rem);}
    .faq-list .faq-box .question .arrow{ width: 1.063em; height: 1.063em; margin-left: 1em;  font-size: clamp(0.750rem, 1.171vw, 1rem);}
    .faq-list .faq-box .answer{padding: 1.438em 0 2.875em;}
    .faq-list .faq-box .answer .answer-con p{width: calc(100% - 3.091em - 0.818em); font-size: clamp(1.1875rem, 1.756vw, 1.500rem);}
}
/*========== Section07 ==========*/
.section07{ padding-top: 3.125em; background-color: #178F7D;}
.section07 .sec-title{margin-bottom: 1.0909em;}
.section07 .sec-title .title{width: 20.3125em;}
.section07 .sec-title .title img{aspect-ratio: 100/19;}
.section07 .vis-wrap{display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: flex-end; margin-top: -3.25em; padding: 0 0.1875em 0 1em; font-size: 1rem;}
.section07 .vis-wrap > figure{transform: translateY(0.625em);}
.section07 .vis-wrap .vis01{width: 4.5em;}
.section07 .vis-wrap .vis01 img{aspect-ratio: 76/59;}
.section07 .vis-wrap .vis02{width: 6.4375em;}
.section07 .vis-wrap .vis02 img{aspect-ratio: 113/119;}
@media (max-width: 359px){
    .section07 .sec-title .title{width: 96%; max-width: 325px;}
    .section07 .vis-wrap{font-size: clamp(0.875rem, 4.444vw, 1rem);}
}
@media (min-width: 425px){
    .section07 .vis-wrap{ max-width:540px; margin: -3.25em auto 0; font-size: clamp(1rem, 3.765vw, 1.25rem);}
}
@media (min-width: 768px){
    .section07 .vis-wrap{ width: 27em; max-width: 750px; margin: -5.25em auto 0; font-size: clamp(1.25rem, 2.604vw, 1.875rem);}
    .section07 .vis-wrap .vis01{width: 6.5em;}
    .section07 .vis-wrap .vis02{width: 8.4375em;}
}
@media (min-width: 1025px){
    .section07{ max-height: 480px; padding-top: 5.875em;}
    .section07 .sec-title{margin-bottom: 1.16em;}
    .section07 .sec-title .title{width: 51.25em;}
    .section07 .vis-wrap{ width: 75em; max-width: 1200px; margin: -16.25em auto 0; padding: 0 1.5625em 0 8em; font-size: clamp(0.75rem, 1.171vw, 1rem); }
    .section07 .vis-wrap > figure{transform: translateY(0.375em);}
    .section07 .vis-wrap .vis01{width: 14.25em;}
    .section07 .vis-wrap .vis02{width: 21.25em;}
}
/*========== Support ==========*/
#support-pc{display: none;}
#support-mo{ position: fixed; bottom: 20px; left: 0; right: 0; z-index: 100; width: calc(100% - 1.875em); width: 20.625em; width: calc(100% - 1.875em); height: 3.6875em; margin: 0 auto; border-radius: 6px; background-color: #EF4D3C; font-size: 1rem;}
#support-mo::before, #support-mo::after{position: absolute; z-index: 103; content: ''; display: inline-block; background-repeat: no-repeat; background-size: cover;}
#support-mo::before{left: -0.0625em; top: -0.0625em;width: 5.9375em; height: 3.8125em; background-image: url('../img/support-bg01-mo.svg');}
#support-mo::after{right: -0.0625em; top: 45%;width: 5.9375em; height: 0.4375em; background-image: url('../img/support-bg02-mo.svg');}
#support-mo .support-button{display: block; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; }
#support-mo .support-button img{width: 5.125em; aspect-ratio: 82/28;}
@media (max-width: 359px){
    #support-mo{font-size: clamp(0.875rem, 4.444vw, 1rem);}
}
@media (min-width: 425px){
    #support-mo{font-size: clamp(1rem, 3.765vw, 1.25rem);}
}
@media (min-width: 768px){
    #support-mo{font-size: clamp(1.25rem, 2.604vw, 1.5625rem);}
}
@media (min-width: 1025px){
    #support-mo{display: none;}
    #support-pc{ position: fixed; bottom: 3em; right: 4.75em; z-index: 100; display: block; width: 13.8125em; max-width: 221px; font-size: clamp(0.75rem, 1.171vw, 1rem); }
    #support-pc .support-button{display: block;}
    #support-pc .support-button img{aspect-ratio: 246/197;}
}
/*========== Footer ==========*/
#footer{height: 7.500em; background-color: #3F4847; font-size: 1rem;}
#footer .copyright{padding-top: 2em; font-size: 0.625rem; color: #ccc; text-align: center; word-break: keep-all;}
@media (max-width: 359px){
    #footer{height: 130px;}
}
@media (min-width: 425px){
    #footer {font-size: clamp(1rem, 3.765vw, 1.250rem);}
    #footer .copyright{font-size: clamp(0.625rem, 2.353vw, 0.813rem); line-height: 1; }
}
@media (min-width: 768px){
    #footer {font-size: clamp(1.25rem, 2.604vw, 1.5625rem);}
    #footer .copyright{font-size: clamp(0.813rem, 1.693vw, 0.938rem);}
}
@media (min-width: 1025px){
    #footer{height: 66px;}
    #footer .copyright{padding: 25px 0; font-size: 0.938rem;}
}