/* -------------------------------base(mobile)↓-------------------------------------- */
/* top-overwrite start */
.top-overwrite>h1>span>span{
    font-size: calc(22 * var(--site-font-size-ratio));
}
.top-overwrite>img{
    display: block;
    width: calc(237.49 * var(--site-font-size-ratio));
    margin: auto;
}
.top-overwrite>picture>img{
    border-radius: initial;
    display: block;
    margin-right: 0;
    margin-left: auto;
}
.top-overwrite::after {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: calc(30 * var(--site-font-size-ratio));
    transform: translateX(calc(-15 * var(--site-font-size-ratio)));
}
/* top-overwrite end */

/* under_top start */
.under_top{
    margin-top: calc(calc(856 - 188 - 607) * var(--site-font-size-ratio));
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    row-gap: calc(30 * var(--site-font-size-ratio));
    column-gap: calc(10 * var(--site-font-size-ratio));
}
.under_top>li{
    width: calc(166.17 * var(--site-font-size-ratio));
    font-size: calc(14 * var(--site-font-size-ratio));
    line-height: calc(22 * var(--site-font-size-ratio));
    letter-spacing: 0.05em;
    font-weight: 900;
    color: #0C1946;
    text-align: center;
}
.under_top>li>span{
    color: #FE7231;
}
.under_top>li>img{
    display: block;
    width: 100%;
    margin-bottom: calc(calc(173.59 - 166.17) * var(--site-font-size-ratio));
}
/* under_top end */

/* leaveItToMe start */
.leaveItToMe{
    margin-top: calc(calc(1549 - 856 - 496.08) * var(--site-font-size-ratio));
    margin-left: calc(15 * var(--site-font-size-ratio));
    padding: calc(calc(1616 - 1549) * var(--site-font-size-ratio)) calc(calc(35 - 15) * var(--site-font-size-ratio)) calc(calc(1549 + 391 - 1840 - 60) * var(--site-font-size-ratio));
    background-color: #FE7231;
    border-top-left-radius: calc(20 * var(--site-font-size-ratio));
    border-bottom-left-radius: calc(20 * var(--site-font-size-ratio));
    color: #ffffff;
    position: relative;
}
.leaveItToMe::before{
    content: "";
    display: block;
    width: calc(217.6 * var(--site-font-size-ratio));
    height: calc(203 * var(--site-font-size-ratio));
    background-image: url(../images/leaveItToMe.png);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-55%,-76%);
}
.leaveItToMe>h2{
    font-size: calc(34 * var(--site-font-size-ratio));
    line-height: calc(46 * var(--site-font-size-ratio));
    letter-spacing: 0.05em;
    font-weight: 900;
}
.leaveItToMe>p{
    margin-top: calc(calc(1719 - 1616 - 39 - 39) * var(--site-font-size-ratio));
    font-size: calc(16 * var(--site-font-size-ratio));
    line-height: calc(28 * var(--site-font-size-ratio));
    letter-spacing: 0.05em;
    font-weight: 600;
}
.leaveItToMe>.btn{
    margin-top: calc(calc(1840 - 1719 - 56 - 28) * var(--site-font-size-ratio));
}
/* leaveItToMe end */

/* voice start */
.voice{
    margin: calc(calc(2039 - 1549 - 391) * var(--site-font-size-ratio)) auto 0;
}
.voice>.title{
    margin: auto;
}
.voice>.title::before{
    content: "Voice";
}
.voice>.title::before,
.voice>.title::after{
    left: 50%;
    transform: translateX(-50%);
}
.voice .voice_splide{
    position: relative;
    padding:calc(5 * var(--site-font-size-ratio)) calc(55 * var(--site-font-size-ratio));
    margin-top:calc(calc(2162 - 2004 - 119) * var(--site-font-size-ratio));
}
.voice .splide__slide{
    background-color: #F1F6FC;
    border-radius: calc(15 * var(--site-font-size-ratio));
    padding: calc(10 * var(--site-font-size-ratio));
}
.voice .splide__slide>img{
    height: calc(88 * var(--site-font-size-ratio));
    display: block;
    margin: auto;
}
.voice .splide__slide>span{
    display: block;
    text-align: center;
    color: #0C1946;
}
.voice .splide__slide>span:nth-of-type(1){
    font-size: calc(16 * var(--site-font-size-ratio));
    line-height: calc(30 * var(--site-font-size-ratio));
    letter-spacing: 0.05em;
    font-weight: 500;
}
.voice .splide__slide>span:nth-of-type(2){
    font-size: calc(20 * var(--site-font-size-ratio));
    line-height: calc(30 * var(--site-font-size-ratio));
    letter-spacing: 0.05em;
    font-weight: 900;
}
.voice .splide__slide>p{
    font-size: calc(16 * var(--site-font-size-ratio));
    line-height: calc(28 * var(--site-font-size-ratio));
    letter-spacing: 0.05em;
    font-weight: 600;
}
.voice .splide__slide>p>span{
    color: #FE7231;
}
.voice .splide__arrows .splide__arrow--prev,
.voice .splide__arrows .splide__arrow--next{
    display: block;
    width: calc(35 * var(--site-font-size-ratio));
    height: calc(35 * var(--site-font-size-ratio));
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.voice .splide__arrows .splide__arrow--prev{
    left: calc(5 * var(--site-font-size-ratio));
}
.voice .splide__arrows .splide__arrow--next{
    right: calc(5 * var(--site-font-size-ratio));
}
/* voice end */

/* theReason start */
.theReason{
    margin-top: calc(calc(2622 - 2162 - 400) * var(--site-font-size-ratio));
    padding: calc(calc(2677 - 2622) * var(--site-font-size-ratio)) 0 calc(calc(2622 + 451 - 2953 - 60) * var(--site-font-size-ratio));
    background-color: #FFF6D8;
    border-top-right-radius: calc(25 * var(--site-font-size-ratio));
    border-bottom-right-radius: calc(25 * var(--site-font-size-ratio));
}
.theReason>.title::before{
    content: "The Reason";
}
.theReason>*:not(.splide){
    padding-left: calc(16 * var(--site-font-size-ratio));
    padding-right: calc(16 * var(--site-font-size-ratio));
}
.theReason>p{
    margin-top: calc(calc(2780 - 2642 - 119) * var(--site-font-size-ratio));
    font-size: calc(16 * var(--site-font-size-ratio));
    line-height: calc(28 * var(--site-font-size-ratio));
    letter-spacing: 0.05em;
    font-weight: 600;
}
.theReason>.marquee{
    overflow: hidden;
    height: calc(60 * var(--site-font-size-ratio));
}
.theReason>.marquee1{
    margin-top: calc(calc(2774 - 2553 - 180) * var(--site-font-size-ratio));
}
.theReason>.marquee2{
    margin-top: calc(calc(2840 - 2774 - 60) * var(--site-font-size-ratio));
}
.js-marquee{
    display: flex;
    flex-wrap: nowrap;
    margin: 0 !important;
}
.theReason .slide{
    width: calc(150 * var(--site-font-size-ratio));
    height: calc(60 * var(--site-font-size-ratio));
    background-color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 calc(3 * var(--site-font-size-ratio));
}
.theReason .slide>img{
    width: initial;
    max-width: 80%;
    max-height: 80%;
}
/* theReason end */

/* FAQ start */
.FAQ{
    margin-top: calc(calc(3133 - 2622 - 451) * var(--site-font-size-ratio));
    background-color: #F7F7F7;
    padding: calc(calc(3195 - 3133) * var(--site-font-size-ratio)) calc(15 * var(--site-font-size-ratio)) calc(calc(3133 + 613 - 3535 - 151) * var(--site-font-size-ratio));
}
.FAQ>.title::before{
    content: "FAQ";
}
.FAQ>dl{
    background-color: #ffffff;
    border-radius: calc(8 * var(--site-font-size-ratio));
    padding: calc(calc(3334 - 3319) * var(--site-font-size-ratio)) calc(calc(53 - 35) * var(--site-font-size-ratio)) calc(calc(3334 - 3319) * var(--site-font-size-ratio)) calc(calc(53 - 15) * var(--site-font-size-ratio));
    margin-top: calc(calc(3427 - 3319 - 98) * var(--site-font-size-ratio));

}
.FAQ>dl:first-of-type{
    margin-top: calc(calc(3319 - 3160 - 119) * var(--site-font-size-ratio));
}
.FAQ>dl>dt{
    font-size: calc(16 * var(--site-font-size-ratio));
    line-height: calc(30 * var(--site-font-size-ratio));
    letter-spacing: 0.05em;
    font-weight: 900;
    color: #0C1946;
    position: relative;
}
.FAQ>dl>dt::before{
    content: "Q";
    font-size: calc(22 * var(--site-font-size-ratio));
    line-height: calc(30 * var(--site-font-size-ratio));
    letter-spacing: 0.05em;
    font-weight: 900;
    color: #FE7231;
    position: absolute;
    left: calc(-25 * var(--site-font-size-ratio));
}
.FAQ>dl>dd{
    font-size: calc(16 * var(--site-font-size-ratio));
    line-height: calc(28 * var(--site-font-size-ratio));
    letter-spacing: 0.05em;
    font-weight: 600;
}
/* FAQ end */
/* -------------------------------base(mobile)↑-------------------------------------- */

/* -----------------desktop(include ipad)↓-------------------- */
@media screen and (min-width: 768px){
    /* top-overwrite start */
    .top{
        display: grid;
        grid-template-areas:
            "top-p top-mainImg"
            "top-imgText top-mainImg"
            "top-tetsuzuki top-tel";
    }
    .top::after{
        background: linear-gradient(to bottom,transparent calc(calc(140 - 80) * var(--site-font-size-ratio)),#FCC91A calc(calc(140 - 80) * var(--site-font-size-ratio)) 100%);
        border-bottom-left-radius: initial;
        border-bottom-right-radius: calc(30 * var(--site-font-size-ratio));
        transform: translateX(calc(-220 * var(--site-font-size-ratio)));
    }
    .top>picture>img{
        left: initial;
        right: 0;
    }
    .top>h1,
    .top>ul{
        margin-left: 0;
    }
    .top>h1{
        width: calc(680 * var(--site-font-size-ratio));
        margin-top: 0;
        margin-left: calc(101 * var(--site-font-size-ratio));
        grid-area: top-p;
        align-self: flex-end;
        opacity: 0.8;
    }
    .top>h1>span{
        width: fit-content;
        background: #FFF6D8;
        padding-left: calc(calc(711 - 682) * var(--site-font-size-ratio));
        padding-right: calc(10 * var(--site-font-size-ratio));
    }
    .top>h1>span:nth-of-type(1){
        margin-top: calc(calc(265 - 140) * var(--site-font-size-ratio));
    }
    .top>h1>span:nth-of-type(2){
        margin-top: calc(calc(350 - 265 - 70) * var(--site-font-size-ratio));
    }
    .top>h1>span>span{
        font-size: calc(27.12 * var(--site-font-size-ratio));
        line-height: calc(59.9 * var(--site-font-size-ratio));
    }
    .top>img{
        grid-area: top-imgText;
        width: calc(321.29 * var(--site-font-size-ratio));
        margin-left: calc(185 * var(--site-font-size-ratio));
        margin-top: calc(calc(317 - 189 - 120) * var(--site-font-size-ratio));
    }
    .top>a.btn:first-of-type{
        margin-top: calc(calc(523 - 80 - 409) * var(--site-font-size-ratio));
        grid-area: top-tetsuzuki;
        margin-right: 0;
    }
    /* top-overwrite end */

    /* under_top start */
    .under_top{
        margin-top: calc(calc(704 - 140 - 504) * var(--site-font-size-ratio));
        column-gap: calc(calc(479 - 220 - 224) * var(--site-font-size-ratio));
    }
    .under_top>li{
        width: calc(224 * var(--site-font-size-ratio));
        font-size: calc(16 * var(--site-font-size-ratio));
        line-height: calc(24 * var(--site-font-size-ratio));
    }
    .under_top>li>img{
        display: block;
        width: 100%;
        margin-bottom: calc(calc(938 - 704 - 224) * var(--site-font-size-ratio));
    }
    /* under_top end */

    /* leaveItToMe start */
    .leaveItToMe{
        margin-top: calc(calc(1135 - 704 - 294) * var(--site-font-size-ratio));
        margin-left: calc(100 * var(--site-font-size-ratio));
        padding: calc(calc(1195 - 1135) * var(--site-font-size-ratio)) calc(calc(221 - 100) * var(--site-font-size-ratio)) calc(calc(1135 + 325 - 1340 - 60) * var(--site-font-size-ratio));
        border-top-left-radius: calc(30 * var(--site-font-size-ratio));
        border-bottom-left-radius: calc(30 * var(--site-font-size-ratio));
    }
    .leaveItToMe::before{
        width: calc(447 * var(--site-font-size-ratio));
        height: calc(417 * var(--site-font-size-ratio));
        background-image: url(../images/leaveItToMe.png);
        top: initial;
        bottom: 0;
        left: 50%;
        transform: translate(0%,0%);
    }
    .leaveItToMe>*{
        position: relative;
        z-index: 1;
    }
    .leaveItToMe>h2{
        font-size: calc(40 * var(--site-font-size-ratio));
        line-height: calc(40 * var(--site-font-size-ratio));
    }
    .leaveItToMe>p{
        margin-top: calc(calc(1262 - 1195 - 39) * var(--site-font-size-ratio));
    }
    .leaveItToMe>.btn{
        margin-top: calc(calc(1340 - 1262 - 56) * var(--site-font-size-ratio));
        margin-left: 0;
    }
    /* leaveItToMe end */

    /* voice start */
    .voice{
        margin: calc(calc(1520 - 1135 - 325) * var(--site-font-size-ratio)) auto 0;
        width: calc(calc(933 - 241 + 265) * var(--site-font-size-ratio));
    }
    .voice .voice_splide{
        padding:calc(10 * var(--site-font-size-ratio)) calc(calc(241 - 221) * var(--site-font-size-ratio));
        margin-top:calc(calc(1644 - 1485 - 119) * var(--site-font-size-ratio));
    }
    .voice .splide__arrows .splide__arrow--prev,
    .voice .splide__arrows .splide__arrow--next{
        display: none;
    }
    /* voice end */

    /* theReason start */
    .theReason{
        height: calc(332 * var(--site-font-size-ratio));
        margin-top: calc(calc(2104 - 1644 - 400) * var(--site-font-size-ratio));
        margin-right: calc(calc(1440 - 1350) * var(--site-font-size-ratio));
        padding: 0 calc(calc(1350 - 650 - 568) * var(--site-font-size-ratio)) 0 calc(221 * var(--site-font-size-ratio));
        border-top-right-radius: calc(25 * var(--site-font-size-ratio));
        border-bottom-right-radius: calc(25 * var(--site-font-size-ratio));
        display: grid;
        grid-template-areas:
            "theReason-title theReason-marquee1 theReason-marquee2 theReason-marquee3"
            "theReason-p theReason-marquee1 theReason-marquee2 theReason-marquee3";
        grid-template-columns: 1fr calc(182.36 * var(--site-font-size-ratio)) calc(182.36 * var(--site-font-size-ratio)) calc(182.36 * var(--site-font-size-ratio));
        column-gap: calc(10 * var(--site-font-size-ratio));
    }
    .theReason>*:not(.splide){
        padding-left: 0;
        padding-right: 0;
    }
    .theReason>.title{
        grid-area: theReason-title;
        align-self: flex-end;
    }
    .theReason>p{
        margin-top: calc(calc(2262 - 2124 - 119) * var(--site-font-size-ratio));
        grid-area: theReason-p;
    }
    .theReason>.marquee{
        height: 100%;
    }
    .theReason>.marquee1{
        grid-area: theReason-marquee1;
        margin-top: 0;
    }
    .theReason>.marquee2{
        grid-area: theReason-marquee2;
        margin-top: 0;
    }
    .theReason>.marquee3{
        grid-area: theReason-marquee3;
    }
    .js-marquee{
        flex-wrap: wrap;
    }
    .theReason .slide{
        width: calc(182.36 * var(--site-font-size-ratio));
        height: calc(72.94 * var(--site-font-size-ratio));
        margin: calc(5 * var(--site-font-size-ratio)) 0;
    }
    /* theReason end */

    /* FAQ start */
    .FAQ{
        margin-top: calc(calc(2496 - 2104 - 332) * var(--site-font-size-ratio));
        padding: calc(calc(2559 - 2496) * var(--site-font-size-ratio)) 0;
        display: grid;
        align-items: flex-start;
        grid-template-areas:
            "FAQ-title FAQ-dl1"
            "FAQ-title FAQ-dl2"
            "FAQ-title FAQ-dl3";
        justify-content: center;
        column-gap: calc(calc(470 - 221 - 175) * var(--site-font-size-ratio));
    }
    .FAQ>.title{
        grid-area: FAQ-title;
    }
    .FAQ>dl{
        border-radius: calc(15 * var(--site-font-size-ratio));
        padding: calc(calc(2589 - 2574) * var(--site-font-size-ratio)) calc(calc(518 - 470) * var(--site-font-size-ratio));
        margin-top: calc(calc(2682 - 2574 - 98) * var(--site-font-size-ratio));
        width: calc(748 * var(--site-font-size-ratio));;
    }
    .FAQ>dl:first-of-type{
        margin-top: calc(calc(2574 - 2559) * var(--site-font-size-ratio));
        grid-area: FAQ-dl1;
    }
    .FAQ>dl:nth-of-type(2){
        grid-area: FAQ-dl2;
    }
    .FAQ>dl:nth-of-type(3){
        grid-area: FAQ-dl3;
    }
    .FAQ>dl>dt{
        font-size: calc(18 * var(--site-font-size-ratio));
    }
    .FAQ>dl>dt::before{
        left: calc(-25 * var(--site-font-size-ratio));
    }
    /* FAQ end */
}

@media screen and (min-width: 1440px){
}
/* -----------------desktop(include ipad)↑-------------------- */