@charset "utf-8";

.header {
    border-top: 8px solid #0368B4;

    @media (max-width: 1023px) {
        border-top-width: 4rem;
    }
}


/* 下層共通 */
.page-fv {
    position: relative;

    .w1536 {
        max-width: 1536px;
        width: 90%;
        margin: 0 auto;
        padding: 104rem 0 100rem;

        .page-ttl {
            display: flex;
            flex-direction: column;
            gap: 16rem;

            .tit-ja {
                display: flex;
                align-items: flex-end;

                .main {
                    font-family: var(--font-main);
                    font-weight: 500;
                    font-size: 48rem;
                    color: #313131;

                    @media (max-width: 1023px) {
                        font-size: 24rem;
                    }
                }

                .sub {
                    font-family: var(--font-main);
                    font-weight: 500;
                    font-size: 40rem;
                    color: #313131;

                    @media (max-width: 1023px) {
                        font-size: 20rem;
                    }
                }
            }

            .tit-en {
                font-family: var(--font-en);
                font-weight: bold;
                font-size: 24rem;
                letter-spacing: 0.08em;
                color: #01a0ea;
                text-transform: uppercase;

                @media (max-width: 1023px) {
                    font-size: 16rem;
                }
            }
        }
    }
}

.page-fv.p_service {
    .w1536 {
        display: flex;
        gap: 24rem;

        @media (max-width: 1023px) {
            padding: 75rem 0 56rem;
        }

        .icon {
            max-width: 115rem;
            width: 100%;

            @media (max-width: 1023px) {
                max-width: 62rem;
            }

            img {
                width: 100%;
                height: auto;
            }
        }
    }
}

@keyframes yurayura {
    0%, 100% {
        transform: rotate(5deg);
    }

    50% {
        transform: rotate(-5deg);
    }
}

.yellow-sec {
    background: url(/system_panel/uploads/images/yellowsec-bottom.jpg) no-repeat bottom/100% auto, url(/system_panel/uploads/images/yellowsec-top.jpg) no-repeat top/100% auto, #FFFAC9;


    @media (max-width: 1023px) {
        background: url(/system_panel/uploads/images/yellowsec-bottom_sp.jpg) no-repeat bottom/100% auto, url(/system_panel/uploads/images/yellowsec-top_sp.jpg) no-repeat top/100% auto, #FFFAC9;
    }
}

.blue-sec {
    background: url(/system_panel/uploads/images/bluesec-bottom.jpg) no-repeat bottom/100% auto, url(/system_panel/uploads/images/bluesec-top.jpg) no-repeat top/100% auto, #D8EFFA;

    @media (max-width: 1023px) {
        background: url(/system_panel/uploads/images/bluesec-bottom_sp.jpg) no-repeat bottom/100% auto, url(/system_panel/uploads/images/bluesec-top_sp.jpg) no-repeat top/100% auto, #D8EFFA;
    }
}

.has-deco {
    position: relative;

    .deco {
        max-width: 993rem;
        width: 100%;
        position: absolute;
        right: 96rem;
        bottom: calc(100% - 20rem);

        @media (max-width: 1023px) {
            max-width: 329rem;
            right: 0;
            bottom: calc(100% - 17rem);
        }
    }
}

.sec-title {
    .tit-en {
        font-size: 56rem;

        @media (max-width: 1023px) {
            font-size: 40rem;
        }
    }
}


.gjs-dashed {
    p {
        font-size: 16px!important;
    }
}