@charset "UTF-8";

@media screen and (min-width: 750px) {
    html {
        font-size: 62.5%;
    }
    @media screen and (max-width: 900px) {
        html {
            font-size: calc(10 / 900 * 100vw);
        }
    }

    .sp-only {
        display: none;
    }

    .pc-only {
        display: block;
    }

    /* con幅 900pxから超えるため制御 */
    .header {
        width: 100%;
        max-height: 7rem;
        padding-inline: 2.4rem;
    }

    .header-logo {
        max-width: calc(24.6rem * 0.7);
    }

    .header-login {
        max-width: calc(32.2rem * 0.7);
    }

    /* fv */
    .fv-img {
        width: 100%;
        display: block;
    }

    .fv-img > img {
        width: 100%;
        height: auto;
        max-height: 60vh;
        margin: 0 auto;
        object-fit: contain;
    }

    .fv-btn {
        display: flex;
        justify-content: center;
        align-items: end;
        gap: 1.6rem;
        height: 16.7rem;
        padding: 0;
        background: url(../img/PC-fv-btn-bg.png) top center/100% 100% no-repeat;
    }

    .fv-btn01 {
        max-width: 45rem;
    }

    .fv-btn01Wrap {
        margin-top: auto;
    }

    .fv-btn02 {
        max-width: 31.4rem;
    }

    .fv-btn02-txt {
        max-width: 32.897rem;
    }

    .fv-btn03 {
        max-width: 30rem;
    }

    .fv-btn03-txt {
        max-width: 29.898rem;
    }

    /* tab */
    .tab {
        gap: 0;
        padding: 5rem 6rem 1rem;
    }

    .tab-head {
        max-width: 70rem;
    }

    .tab-list {
        gap: 1.8rem;
        grid-template-columns: repeat(4, 1fr);
    }

    .common-btn {
        width: calc(19.8rem * 0.9);
    }

    /* sec */
    .sec01-btn,
    .sec02-btn,
    .sec03-btn,
    .sec04-btn {
        width: calc(47.9rem * 0.9);
    }

    /* sec01 */
    /* sec01-前面スライド */
    .slider-list {
        top: 30.2rem;
    }

    .slider-item {
        width: 74.8rem;
        margin-inline: 4rem;
    }

    .slick-prev,
    .slick-next {
        bottom: 10.5rem;
    }

    .slick-prev {
        left: 6.6rem;
    }

    .slick-next {
        right: 6.6rem;
    }

    .slick-dots {
        bottom: 4rem;
    }

    /* スライド2枚目 */
    .slider-itemBg02_07 {
        width: 100%;
        height: 44.1rem;
        padding-top: 4.6rem;
        background: url(../img/PC-sec01-sliderBg02_07.png) top center/100% 100%
            no-repeat;
    }
    .slider-itemBg02_07-btn {
        width: 67.6rem;
    }

    /* スライド5枚目 */
    .slider-itemBg05_11 {
        height: 17.7rem;
        padding-top: 4.5rem;
        background: url(../img/PC-sec01-sliderBg05_11.png) top center/100% 100%
            no-repeat;
    }

    /* 共通ボタン */
    .sec01-btnBg {
        height: 25.4rem;
        padding-bottom: 2rem;
        background: url(../img/PC-sec01-btnBg.png) top center/100% 100%
            no-repeat;
    }

    /* sec02 */
    .sec02_07 {
        background: url(../img/PC-sec02_07.png) top center/100% 100% no-repeat;
    }

    .sec02_10 {
        padding-bottom: 0;
        background: url(../img/PC-sec02_10.png) top center/100% 100% no-repeat;
    }

    .sec02_11 {
        height: 26rem;
        background: url(../img/PC-sec02_11.png) top center/100% 100% no-repeat;
    }

    /* sec03 */
    .sec03_06 {
        background: url(../img/PC-sec03_06.png) top center/100% 100% no-repeat;
    }

    .sec03_09 {
        padding-bottom: 0;
        background: url(../img/PC-sec03_09.png) top center/100% 100% no-repeat;
    }

    .sec03_10 {
        align-items: center;
        height: 27.2rem;
        background: url(../img/PC-sec03_10.png) top center/100% 100% no-repeat;
    }

    /* sec04 */
    .sec04_07 {
        background: url(../img/PC-sec04_07.png) top center/100% 100% no-repeat;
    }

    .sec04_08 {
        align-items: center;
        height: 28.5rem;
        padding-top: 4.4rem;
        background: url(../img/PC-sec04_08.png) top center/100% 100% no-repeat;
    }

    /* footer */
    .footer {
        padding-bottom: 12rem;
    }

    .footer01-wrap {
        background-color: #faf9e1;
    }
    .footer03-wrap {
        background-color: var(--white);
    }

    .footer-nav {
        height: 11.1rem;
        background: url(../img/PC-footer05.png) top center/100% 100% no-repeat;
    }

    .footer-list {
        display: flex;
        gap: 4.4rem;
    }

    .footer-txt01 {
        width: 11.567rem;
    }

    .footer-txt02 {
        width: 15.763rem;
    }

    .footer-txt03 {
        width: 14.4rem;
    }

    .footer-txt04 {
        width: 20.407rem;
    }

    /* follow */
    .follow {
        width: 100vw;
        max-width: none;
        left: 50%;
        transform: translateX(-50%);
    }

    .follow-inner {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 1rem;
        width: 100%;
        max-width: 1240px;
        height: 15rem;
        margin: 0 auto;
        padding: 2rem 1.5rem;
    }

    .follow01 {
        max-width: 32.383rem;
    }

    .follow02,
    .follow03 {
        max-width: 32.183rem;
    }

    .follow04 {
        max-width: 11.348rem;
    }

    .follow04-link {
        position: static;
    }
}