header.is-scrolled {
    background-color: rgba(255, 255, 255, 0.8);
    backdrop-filter: saturate(180%) blur(12px);
    -webkit-backdrop-filter: saturate(180%) blur(12px);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03);
}

section>.tit {
    margin: 0 30px;
    padding: 80px 0;
    text-align: center;
    font-size: 2.85rem;
    font-weight: 500;
    line-height: 1.5;
    border-radius: 30px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top right;
}




/* sec00 */
.sec00{
    width: 100%;
    padding: 80px 0;
    background-color: var(--main-yellow);
    background-image: url(../img/sub/sec00_bg.png);
    background-position: center right;
    background-repeat: no-repeat;
    background-blend-mode: multiply;
    background-size: auto 100%;
    margin-bottom: 150px;
}
.sec00 .inner{
    width: 100%;
    max-width: 1316px;
    margin: 0 auto;
    text-align: center;
    font-size: 3.25rem;
}

.sec00 .inner strong{
    font-weight: 600;
}


/* sec01 */
.sec01 .inner {
    max-width: 650px;
    padding: 150px 0;
    text-align: left;
    margin: 0 auto;
}
.sec01 .inner h2{
    font-size: 2.85rem;
    font-weight: 700;
    margin: 0;
    margin-bottom: 60px;
}
.sec01 .inner>p{
    margin-bottom: 40px;
    font-size: 1.25rem;
    line-height: 1.5;
}
.sec01 .inner>p:last-child{margin-bottom: 0;}
.sec01 .inner>p strong{font-weight: 700; display: block;}
.sec01{background: transparent;}
.sec01 .tit {
    background-color: #FFF5D6;
    margin-bottom: 150px;
}
.sec01 .inner{
    max-width: 650px;
    padding: 0 0 150px;
    text-align: left;
    display: block;
}
.sec01 .inner .text{
    margin-bottom: 100px;
    font-size: 1.25rem;
    line-height: 1.5;
}
.sec01 .inner .step_wrap>div{
    margin-bottom: 80px;
    font-size: 1.25rem;
    line-height: 1.5;
    display: block;
    clear: both;
    content: "";
}
.sec01 .inner .step_wrap>div::before{
    display: block;
    content: "";
    width: 100%;
    max-width: 133px;
    aspect-ratio: 1 / 1;
    float: left;
    margin-right: 50px;
    background-position: center;
    background-size: 100% auto;
    background-repeat: no-repeat;
}
.sec01 .inner .step_wrap>div:nth-child(1):before{
    background-image: url(../img/sub/sec01_icon1.png);
}
.sec01 .inner .step_wrap>div:nth-child(2):before{
    background-image: url(../img/sub/sec01_icon2.png);
}
.sec01 .inner .step_wrap>div:nth-child(3):before{
    background-image: url(../img/sub/sec01_icon3.png);
}
.sec01 .inner .step_wrap>div>strong{
    font-size: 1.5rem;
    line-height: 1.5;
    font-weight: 700;
    display: block;
    margin-bottom: 30px;
}
.sec01 .inner .step_wrap>div>span{
    display: block;
    margin-left: 40px;
}



/* sec02 */
.sec02{
    background: none;}
.sec02 .tit{
    color: #fff;
    background-color: var(--main-blue);
    background-image: url(../img/sub/sec02_bg.png);
    background-blend-mode: multiply;
}
.sec02 .tit .small{ 
    font-size: 1.25rem;
    line-height: 1.5;
}
.sec02 .inner{
    max-width: 650px;
    margin: 150px auto 100px;
    padding: 0;
    display: block;
}
.sec02 .inner .check_tit{
    font-size: 1.5rem;
    line-height: 1;
    font-weight: 700;
    margin-bottom: 80px;
}
.sec02 .inner .list{margin-bottom: 100px;}
.sec02 .inner .list tr:first-child, .sec02 .inner .list tr:last-child{border: none;}
.sec02 .inner .list tr{
    border-bottom: 1px solid var(--lineGray);
    font-size: 1.25rem;
    line-height: 1;
}
.sec02 .inner .list tr>td:first-child{
    text-align: center;
    border-right:  1px solid var(--lineGray);
}
.sec02 .inner .list tr>td{
    letter-spacing: -0.04em;
    padding: 40px;
}
.sec02 .inner .list tr>td>strong{font-weight: 700;}
.sec02 .step_tit{
    background-color: #D6E8FF;
    border-radius: 30px;
    padding: 40px 0;
    text-align: center;
    font-size: 1.25rem;
    line-height: 1;
    font-weight: 500;
    margin: 0 auto 100px;
    max-width: 1316px;
        width: 90%;
}
.sec02 .inner:last-child{
    margin: 0 auto 150px;
    position: relative;
    padding-top: 269px;
}
.sec02 .inner:last-child>.step_wrap>img{
    position: absolute;
    top: 31px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;
}
.sec02 .inner:last-child>.step_wrap>img.pc{display: block;}
.sec02 .inner:last-child>.step_wrap>img.tb{display: none;}
.sec02 .inner:last-child>.step_wrap>img.m{display: none;}

.sec02 .inner:last-child>.step_bg>img.pc{display: block;}
.sec02 .inner:last-child>.step_bg>img.tb{display: none;}
.sec02 .inner:last-child>.step_bg>img.m{display: none;}

.sec02 .inner:last-child>.step_bg>img{
    position: absolute;
    top: -246px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
}

.sec02 .inner:last-child>.step_text{
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.5;
    text-align: center;
    margin-bottom: 100px;
}
.sec02 .inner:last-child>.text1, .sec02 .inner:last-child>.text2{
    font-size: 1.25rem;
    line-height: 1.5;
}
.sec02 .inner:last-child>.text1 strong, .sec02 .inner:last-child>.text2 strong{
    font-weight: 700;
}
.sec02 .inner:last-child>.text1{margin-bottom: 40px;}


/* sec03 */
.sec03{
    background: none;
    padding-bottom: 150px;
}
.sec03 .inner{padding: 0;}
.sec03 .tit{
    color: #fff;
    background-color: var(--main-black);
    background-image: url(../img/sub/sec03_bg.png);
    margin-bottom: 150px;
}
.sec03 .tit>span{
    font-size: 1.5rem;
    opacity: 0.3;
}
.sec03 .inner{
    width: 100%;
    max-width: 650px;
    margin: 0 auto;
}
.sec03 .inner .inner_tit{
    font-size: 1.25rem;
    line-height: 1.5;
    margin-bottom: 100px;
}
.sec03 .inner .inner_tit>strong{
    padding-top: 40px;
    font-weight: 700;
    display: block;
    line-height: 1.5;
}
.sec03 .inner ul{margin-bottom: 100px;}
.sec03 .inner ul>li{
    font-size: 1.25rem;
    line-height: 1;
    border-bottom: 1px solid var(--lineGray);
    margin-bottom: 60px;
}
.sec03 .inner ul>li:last-child{
    border: none;
    margin-bottom: 0;;
}
.sec03 .inner ul>li:last-child>.q{margin-bottom: 0;}
.sec03 .inner ul>li>.tit{
    font-size: 2.85rem;
    line-height: 1;
    background-color: transparent;
    margin-bottom: 25px;
    letter-spacing: -0.04em;
    color: #777;
    background: none;
}
.sec03 .inner ul>li>.tit>strong{font-weight: 700; color: var(--main-black);}
.sec03 .inner ul>li>.info{margin-bottom: 60px;}
.sec03 .inner ul>li>.q{
    line-height: 1.5;
    margin-bottom: 60px;
}
.sec03 .inner .txt{
    font-size: 1.25rem;
    line-height: 1.5;
    margin-bottom: 40px;
}
.sec03 .inner .txt:last-child{
    font-weight: 700;
    margin-bottom: 0;
}


/* sec04 */
.sec04{
    width: 100%;
    padding: 30px;
    box-sizing: border-box;
}
.sec04 .box{
    background-image: url(../img/sub/sec04_bg.png);
    background-position: center right;
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-color: #1E1E1E;
    border-radius: 30px;
}
.sec04 .box .inner{
    margin: 0 auto;
    max-width: 1316px;
    color: #fff;
    padding: 100px 0;
}
.sec04 .box .inner .tit{
    font-size: 2.85rem;
    font-weight: 600;
    line-height: 1.5;
    margin-bottom: 60px;
}
.sec04 .box .inner .txt{
    font-weight: 300;
    font-size: 1.25rem;
    line-height: 1.5;
    margin-bottom: 40px;
}
.sec04 .box .inner ul li, .sec04 .box .inner ul{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.sec04 .box .inner ul li, .sec04 .box .inner ul li a{
    font-size: 1.5rem;
    line-height: 1.5;
    color: #fff;
    font-weight: 600;
}
.sec04 .box .inner ul li a{
    display: block;
    cursor: pointer;
    background-color: rgba(255, 255, 255, 0.2);
    border: 1px solid #fff;
    line-height: 80px;
    height: 80px;
    width: 100%;
    padding: 0 70px;
    box-sizing: border-box;
    border-radius: 100px;
}
.sec04 .box .inner ul li a::after{
    display: inline-block;
    content: "";
    width: 22px;
    height: 20px;
    background-image: url(../img/sub/sec04_icon_btn.png);
    background-size: auto 100%;
    background-position: center right;
    background-repeat: no-repeat;
    margin-left: 5px;
}
@media (min-width: 1024px) and (max-width: 1279px) {
    /* sec02 */
    .sec02 .step_tit {
        margin: 0 auto 100px;
        max-width: 650px;
    }
    /* sec04 */
    .sec04 .box .inner{padding: 100px 80px;}
    .sec04 .box .inner ul li a{padding: 0 50px;}
}
@media (min-width: 768px) and (max-width: 1023px) {
    section>.tit{
        padding: 60px 0;
        font-size: 1.5rem;
        margin-bottom: 100px;
        border-radius: 20px;
    }
    /* sec00 */
    .sec00 {
        padding: 60px 0; 
        margin-bottom: 100px;
        background-image: url(../img/sub/tb_sec00_bg.png);
    }
    .sec00 .inner{font-size: 2rem;}
    /* sec01 */
    .sec01 .inner{
        padding-bottom: 100px;
        max-width: 604px;
    }
    .sec01 .inner h2{
        font-size: 1.5rem;
        margin-bottom: 60px;
    }
    .sec01 .inner>p{
        font-size: 1rem;
        margin-bottom: 30px;
    }
    .sec01 .inner .text{
        margin-bottom: 60px;
        font-size: 1rem;
    }
    .sec01 .inner .step_wrap>div{
        font-size: 1rem;
        margin-bottom: 40px;
    }
    .sec01 .inner .step_wrap>div>strong{    
        font-size: 1.25rem;
        line-height: 1;
        margin-bottom: 20px;
    }
    .sec01 .inner .step_wrap>div::before{max-width: 107px;}
    .sec01 .inner .step_wrap>div>span{margin-left: 187px;}
    
    
    /* sec02 */
    .sec02 .tit{background-image: url(../img/sub/tb_sec02_bg.png);}
    .sec02 .tit .small{font-size: 1rem;}
    .sec02 .step_tit{
        margin: 0 auto 100px;
        max-width: 604px;
        border-radius: 20px;
    }
    .sec02 .inner{
        max-width: 604px;
        margin-bottom: 100px;
    }
    .sec02 .inner:last-child{margin-bottom: 100px;}
    .sec02 .inner:last-child>.step_wrap>img.pc{
        display: none;
    }
    .sec02 .inner:last-child>.step_wrap>img.tb{
        display: block;
    }
    .sec02 .inner .list tr{font-size: 1rem;}
    .sec02 .inner .check_tit{
        font-size: 1.25rem;
        margin-bottom: 60px;
    }
    .sec02 .inner .list tr>td{padding: 30px;}
    .sec02 .inner:last-child>.step_text{
        font-size: 1rem;
        margin-bottom: 80px;
    }
    .sec02 .inner:last-child>.text1, .sec02 .inner:last-child>.text2{font-size: 1rem;}
    .sec02 .inner:last-child>.text1{margin-bottom: 30px;}

    
    /* sec03 */
    .sec03{padding-bottom: 100px;}
    .sec03 .tit{
        margin-bottom: 100px;
        background-image: url(../img/sub/tb_sec03_bg.png);
    }
    .sec03 .inner{max-width: 604px;}
    .sec03 .inner .inner_tit{
        font-size: 1rem; 
        margin-bottom: 80px;
    }
    .sec03 .inner .inner_tit>strong{padding-top: 30px;}
    .sec03 .inner ul>li>.tit{
        font-size: 1.5rem;
        margin-bottom: 20px;
    }
    .sec03 .inner ul>li>.info{
        font-size: 1rem;
        margin-bottom: 40px;
    }
    .sec03 .inner ul>li>.q{
        font-size: 1rem;
    }

    /* sec04 */
    .sec04 .box{
        background-image: url(../img/sub/tb_sec04_bg.png);
        border-radius: 20px;
    }
    .sec04 .box .inner{padding: 80px 60px;}
    .sec04 .box .inner .tit{font-size: 1.5rem; margin-bottom: 60px;}
    .sec04 .box .inner .txt{font-size: 1rem; margin-bottom: 40px;}
    .sec04 .box .inner ul li, .sec04 .box .inner ul li a{
        font-size: 1.25rem;
    }
    .sec04 .box .inner ul li a{
        padding: 0 40px;
    }
}

@media (min-width: 320px) and (max-width: 767px) {
section>.tit{
        padding: 60px;
        font-size: 1.5rem;
        margin-bottom: 80px;
        border-radius: 15px;
        margin: 0 20px

    }
    /* sec00 */
    .sec00 {
        font-size: 2rem;
        word-break: keep-all;
        padding: 40px; 
        line-height: 1.5;
        margin-bottom: 80px;
        background-image: url(../img/sub/n_m_sec00_bg.png);
        background-size: auto 100%;
    }
    .sec00 .inner{font-size: 2rem;}
    /* sec01 */

    
    /* sec01 */
    .sec01 .tit{    
        margin: 0 20px 80px;
        padding: 40px 20px;
        border-radius: 15px;
        
    }
    .sec01 .inner{
        padding-bottom: 80px;
        max-width: 320px;
        margin: 0 auto;
    }
    .sec01 .inner h2{
        font-size: 1.5rem;
        margin-bottom: 60px;
        font-weight: 600;
    }
    .sec01 .inner>p{
        font-size: 1rem;
        margin-bottom: 30px;
        word-break: keep-all;
    }
    .sec01 .inner .text{
        margin-bottom: 60px;
        font-size: 1rem;
    }
    .sec01 .inner .step_wrap>div{
        font-size: 1rem;
        margin-bottom: 40px;
        word-break: keep-all;
    }
    .sec01 .inner .step_wrap>div>strong{    
        font-size: 1.25rem;
        line-height: 1.5;
        margin-bottom: 20px;
    }
    .sec01 .inner .step_wrap>div::before{
        width: 95px;
        max-width: none;
        float: none;
    }
    .sec01 .inner .step_wrap>div>span{margin-left: 0;}


    /* sec02 */
    .sec02 .tit{
        background-image: url(../img/sub/m_sec02_bg.png);
    }
    .sec02 .inner{
        max-width: 320px;
        margin: 80px auto;
    }
    .sec02 .inner .check_tit {
        font-size: 1.25rem;
        line-height: 1.5;
        font-weight: 700;
        margin-bottom: 60px;
        word-break: keep-all;
    }
    .sec02 .inner .list tr{
        font-size: 1rem;
        line-height: 1.5;
        word-break: keep-all;
    }
    .sec02 .inner .list tr>td {
        letter-spacing: -0.04em;
        padding: 15px;
    }
    .sec02 .step_tit{        
        border-radius: 15px;
        margin-bottom: 80px;
        font-size: 1.5rem;
    }
    .sec02 .inner:last-child{
        margin: 80px auto;
        padding-top: 407px;
    }
    .sec02 .inner:last-child>.step_text{    
        margin-bottom: 80px;
        font-size: 1rem;
        line-height: 1.5;
    }
    .sec02 .inner:last-child>.text1{margin-bottom: 30px;}
    .sec02 .inner:last-child>.text1, .sec02 .inner:last-child>.text2{ font-size: 1rem; word-break: keep-all;}
    .sec02 .inner:last-child>.step_wrap>img.pc{display: none;}
    .sec02 .inner:last-child>.step_wrap>img.m{display: block;}
    .sec02 .inner:last-child>.step_wrap>img{max-width: 300px; height: auto;}
    .sec02 .inner:last-child>.step_bg>img.pc{display: none;}
    .sec02 .inner:last-child>.step_bg>img.m{display: block;}
    .sec02 .inner:last-child>.step_bg>img{
        top: -337px;
        max-width: 180px;
        height: auto;
    }


    /* sec03 */
    .sec03 {
        background: none;
        padding-bottom: 80px;
    }
    .sec03 .tit{
        margin-bottom: 80px;
        background-image: url(../img/sub/m_sec03_bg.png);
    }
    .sec03 .inner{
        max-width: 320px;
    }
    .sec03 .inner .inner_tit{
        font-size: 1rem;
    }
    .sec03 .inner .inner_tit>strong{padding-top: 30px;}
    .sec03 .inner ul {
        margin-bottom: 80px;
    }
    .sec03 .inner ul>li{
        font-size: 1rem;
        line-height: 1.5;
        margin-bottom: 40px;
    }
    .sec03 .inner ul>li>.tit{
        font-size: 1.5rem;
        margin-bottom: 15px;
        letter-spacing: -2.1px;
    }
    .sec03 .inner ul>li>.info {
        margin-bottom: 40px;
        font-size: 1rem;
    }
    .sec03 .inner .txt{
        font-size: 1rem;
        line-height: 1.5;
        margin-bottom: 30px;
    }


    /* sec04 */
    .sec04{padding: 20px;}
    .sec04 .box{
        border-radius: 15px;
        background-image: url(../img/sub/M_sec04_bg.png);
    }
    .sec04 .box .inner{
        padding: 60px 40px 40px;
        word-break: keep-all;
    }
    .sec04 .box .inner .tit{
        font-size: 1.5rem;
        margin-bottom: 40px;
    }
    .sec04 .box .inner .txt{
        font-size: 1rem;
        margin-bottom: 30px;
    }
    .sec04 .box .inner ul li, .sec04 .box .inner ul{
        display: block;
    }
    .sec04 .box .inner ul li:first-child{margin-bottom: 60px;}
    .sec04 .box .inner ul li, .sec04 .box .inner ul li a{
        font-size: 1rem;
    }
    .sec04 .box .inner ul li a{
        line-height: 1.5;
        padding: 13px 20px;
        border-radius: 10px;
        height: auto;
    }
    .sec04 .box .inner ul li a::after{
        display: inline-block;
        content: "";
        width: 18px;
        height: 12px;
        background-image: url(../img/sub/sec04_icon_btn.png);
        background-size: auto 100%;
        background-position: center right;
        background-repeat: no-repeat;
        margin-left: 5px;
    }
}