@charset "UTF-8";

/* 20260601 エリアページ作成 */
.scn-section {
    margin-bottom: 7.5em;
}

.section_wrap:has(.scn-area-page) {
    padding: 3em 0 0;
}

.scn-btn_cmn_01 {
    margin: 3em auto 0;
}

.page:has(.scn-area-page) .ttl_page_h1 {
    margin-bottom: 5.75em
}

@media screen and (max-width: 767px) {
    .page:has(.scn-area-page) .ttl_page_h1 {
        margin-bottom:4em
    }
}

.page .scn-area-page .ttl_icon_round {
    font-size: 1.25em;
    font-weight: 700;
    padding-left: 1.75em;
    background: url(../images/icon_round.svg) no-repeat center left/25px;
    margin-bottom: .75em;
    color: #fff
}

.page .scn-area-page .para p {
    font-size: .9375em;
    line-height: 2
}

.page .scn-area-page .para p:not(:last-child) {
    margin-bottom: 1em
}

.page .scn-area-page .para.align_center {
    text-align: center
}

.page .scn-area-page p.large {
    font-size: 2.1875em;
    text-align: center;
    margin-bottom: 1em
}

@media screen and (max-width: 767px) {
    .page .scn-area-page p.large {
        font-size:2em
    }
}

.page .scn-area-page #lead .lead01 {
    display: flex;
    align-items: center;
    gap: 5%
}

@media screen and (max-width: 1023px) {
    .page .scn-area-page #lead .lead01 {
        margin-bottom:2em
    }
}

@media screen and (max-width: 767px) {
    .page .scn-area-page #lead .lead01 {
        flex-direction:column;
        margin-bottom: 0em
    }
}

.page .scn-area-page #lead .lead01 .box_image {
    width: 54.8%;
    flex-shrink: 0
}

@media screen and (max-width: 1023px) {
    .page .scn-area-page #lead .lead01 .box_image {
        width:45%
    }
}

@media screen and (max-width: 767px) {
    .page .scn-area-page #lead .lead01 .box_image {
        width:100%
    }
}

.page .scn-area-page #lead .lead01 .box_text {
    width: 35.8%
}

@media screen and (max-width: 1023px) {
    .page .scn-area-page #lead .lead01 .box_text {
        width:50%
    }
}

@media screen and (max-width: 767px) {
    .page .scn-area-page #lead .lead01 .box_text {
        width:100%;
        padding: 2em 0
    }
}

.page .scn-area-page #lead .lead01 .head {
    font-size: 1.75em;
    line-height: 1.65;
    margin-bottom: 1em;
    letter-spacing: .12em
}

@media screen and (max-width: 767px) {
    .page .scn-area-page #lead .lead01 .head {
        font-size:1.5em
    }
}

.page .scn-area-page #lead .lead02 {
    margin-bottom: 5.5em;
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    gap: 7.3%
}

@media screen and (max-width: 1023px) {
    .page .scn-area-page #lead .lead02 {
        justify-content:center
    }
}

@media screen and (max-width: 767px) {
    .page .scn-area-page #lead .lead02 {
        flex-direction:column;
        justify-content: unset
    }
}

.page .scn-area-page #lead .lead02 .box_image {
    width: 40%;
    flex-shrink: 0
}

@media screen and (max-width: 767px) {
    .page .scn-area-page #lead .lead02 .box_image {
        width:100%
    }
}

.page .scn-area-page #lead .lead02 .box_text {
    width: 35.8%
}

@media screen and (max-width: 1023px) {
    .page .scn-area-page #lead .lead02 .box_text {
        width:40%
    }
}

@media screen and (max-width: 767px) {
    .page .scn-area-page #lead .lead02 .box_text {
        width:100%;
        padding: 2em 0 0
    }
}

.page .scn-area-page #lead .lead02 .head {
    font-size: 1.875em;
    line-height: 1.65;
    margin-bottom: 1em;
    letter-spacing: .12em
}

@media screen and (max-width: 767px) {
    .page .scn-area-page #lead .lead02 .head {
        font-size:1.75em
    }
}

.page .scn-area-page #lead .lead03 .box_image {
    margin-left: min((50vw - 50%)*-1,0px);
    margin-right: min((50vw - 50%)*-1,0px);
    height: 560px;
    box-shadow: 0 5px 10px #d6d6d6
}

@media screen and (max-width: 767px) {
    .page .scn-area-page #lead .lead03 .box_image {
        height:220px
    }
}

.page .scn-area-page #lead .lead03 .box_image img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

@media screen and (max-width: 767px) {
    .page .scn-area-page #lead .lead03 .box_image img {
        -o-object-position:center left;
        object-position: center left
    }
}

.page .scn-area-page #lead .lead03 .box_text {
    padding: 7.5em 0 12.5em
}

@media screen and (max-width: 767px) {
    .page .scn-area-page #lead .lead03 .box_text {
        padding:3.5em 0 10em
    }
}

.page .scn-area-page #lead .lead03 .box_text .head {
    text-align: center;
    font-size: 2.1875em;
    line-height: 1.45;
    margin-bottom: 1em;
    letter-spacing: .12em
}

@media screen and (max-width: 767px) {
    .page .scn-area-page #lead .lead03 .box_text .head {
        font-size:2em
    }
}

.page .scn-area-page .l__bg_subcolor.first {
    padding: 13.5em 0;
    margin-bottom: 8.75em;
    padding-left: 6.4vw;
    padding-right: 6.4vw
}

@media screen and (min-width: 768px) {
    .page .scn-area-page .l__bg_subcolor.first {
        padding-left:min(4.6vw,70px);
        padding-right: min(4.6vw,70px)
    }
}

.page .scn-area-page .l__bg_subcolor.first {
    position: relative
}

@media screen and (max-width: 767px) {
    .page .scn-area-page .l__bg_subcolor.first {
        padding-top:10em;
        padding-bottom: 5em;
        margin-bottom: 5em
    }
}

.page .scn-area-page .l__bg_subcolor.first .gallery_slide {
    position: absolute;
    top: -100px;
    left: 0;
    width: 100%
}

@media screen and (max-width: 767px) {
    .page .scn-area-page .l__bg_subcolor.first .gallery_slide {
        top:-75px
    }
}

.page .scn-area-page #policy {
    margin-bottom: 7.5em
}

.page .scn-area-page #policy .para {
    margin-bottom: 4.5em
}

.page .scn-area-page #policy .content_flex {
    max-width: 1090px;
    margin: 0 auto;
    display: flex;
    gap: 6.5%
}

@media screen and (max-width: 767px) {
    .page .scn-area-page #policy .content_flex {
        flex-direction:column
    }
}

.page .scn-area-page #policy .content_flex .box_figure {
    width: 35.5%;
    flex-shrink: 0
}

@media screen and (max-width: 767px) {
    .page .scn-area-page #policy .content_flex .box_figure {
        width:80%;
        margin: 0 auto 2em
    }
}

.page .scn-area-page #policy .content_flex .list_policy li {
    color: #fff
}

.page .scn-area-page #policy .content_flex .list_policy li:not(:last-child) {
    margin-bottom: 3em
}

.page .scn-area-page #policy .content_flex .list_policy li p {
    font-size: .875em;
    line-height: 1.7;
    margin-bottom: 1.5em
}

.page .scn-area-page #backbone .para {
    margin-bottom: 4.5em
}

@media screen and (max-width: 767px) {
    .page .scn-area-page #backbone .para {
        margin-bottom:2.5em
    }
}

.page .scn-area-page #backbone .content_flex {
    max-width: 1090px;
    margin: 0 auto;
    display: flex;
    gap: 5%
}

@media screen and (max-width: 767px) {
    .page .scn-area-page #backbone .content_flex {
        display:block
    }
}

.page .scn-area-page #backbone .content_flex .box_image {
    margin-left: -6%
}

@media screen and (max-width: 767px) {
    .page .scn-area-page #backbone .content_flex .box_image {
        margin-left:min((50vw - 50%)*-1,0px);
        margin-right: min((50vw - 50%)*-1,0px);
        aspect-ratio: 2/1;
        margin-bottom: 2.5em
    }

    .page .scn-area-page #backbone .content_flex .box_image img {
        display: block;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }
}

.page .scn-area-page #backbone .content_flex .box_text {
    width: 58%;
    flex-shrink: 0
}

@media screen and (max-width: 767px) {
    .page .scn-area-page #backbone .content_flex .box_text {
        width:100%
    }
}

.page .scn-area-page #backbone .content_flex .list_policy li {
    color: #fff
}

.page .scn-area-page #backbone .content_flex .list_policy li:not(:last-child) {
    margin-bottom: 3em
}

.page .scn-area-page #backbone .content_flex .list_policy li p {
    font-size: .875em;
    line-height: 1.7
}

.page .scn-area-page #lineup,.page .scn-area-page #quality,.page .scn-area-page #after-support {
    margin-bottom: 7.5em
}

.page .scn-area-page #lineup .para,.page .scn-area-page #quality .para,.page .scn-area-page #after-support .para {
    margin-bottom: 3em
}

@media screen and (max-width: 767px) {
    .page .scn-area-page #lineup p.large {
        font-size:1.75em
    }
}

@media screen and (max-width: 767px) {
    .page .scn-area-page #quality p.large {
        font-size:1.75em
    }
}

@media screen and (max-width: 767px) {
    .page .scn-area-page #quality .cmn_nav_quality {
        flex-direction:column;
        gap: 1em
    }

    .page .scn-area-page #quality .cmn_nav_quality li {
        width: 100%
    }

    .page .scn-area-page #quality .cmn_nav_quality li a {
        flex-direction: row;
        justify-content: flex-start;
        aspect-ratio: unset;
        gap: 5%;
        padding: 1em 5%
    }

    .page .scn-area-page #quality .cmn_nav_quality li a:before {
        width: 25%;
        flex-shrink: 0
    }

    .page .scn-area-page #quality .cmn_nav_quality li a .box_text {
        flex-grow: 1;
        text-align: left
    }

    .page .scn-area-page #quality .cmn_nav_quality li a .box_text .head {
        font-size: 1.25em
    }

    .page .scn-area-page #quality .cmn_nav_quality li a:after {
        transform: rotate(-90deg)
    }
}

@media screen and (max-width: 767px) {
    .page .scn-area-page #after-support p.large {
        font-size:1.75em
    }
}

.page .scn-area-page #after-support .btn_cmn_01,.page .scn-area-page #after-support #your-submit {
    margin: 0 auto
}

.page .scn-area-page .l__bg_subcolor.second {
    padding: 7.5em 0;
    padding-left: 6.4vw;
    padding-right: 6.4vw
}

@media screen and (min-width: 768px) {
    .page .scn-area-page .l__bg_subcolor.second {
        padding-left:min(4.6vw,70px);
        padding-right: min(4.6vw,70px)
    }
}

.page .scn-area-page .l_container_tri,.page .scn-area-page .l_container_tri_subcolor {
    margin-bottom: 7.5em
}

.page .scn-area-page .l_container_tri .en_large,.page .scn-area-page .l_container_tri_subcolor .en_large {
    color: #fff
}

.page .scn-area-page .l_container_tri .container,.page .scn-area-page .l_container_tri_subcolor .container {
    position: relative
}

.page .scn-area-page #staff {
    padding: 3em 0 6em
}

@media screen and (max-width: 1023px) {
    .page .scn-area-page #staff {
        padding:6em 0;
        padding-left: 6.4vw;
        padding-right: 6.4vw
    }
}

@media screen and (max-width: 1023px)and (min-width: 768px) {
    .page .scn-area-page #staff {
        padding-left:min(4.6vw,70px);
        padding-right: min(4.6vw,70px)
    }
}

@media screen and (max-width: 767px) {
    .page .scn-area-page #staff {
        padding-left:6.4vw;
        padding-right: 6.4vw;
        padding-top: 3em
    }
}

@media screen and (max-width: 767px)and (min-width: 768px) {
    .page .scn-area-page #staff {
        padding-left:min(4.6vw,70px);
        padding-right: min(4.6vw,70px)
    }
}

.page .scn-area-page #staff .btn_cmn_01,.page .scn-area-page #staff #your-submit {
    margin: 5em auto 0
}

@media screen and (max-width: 767px) {
    .page .scn-area-page #staff .btn_cmn_01,.page .scn-area-page #staff #your-submit {
        margin:3em auto 0
    }
}

@media screen and (max-width: 767px) {
    .page .scn-area-page #flow {
        padding-left:6.4vw;
        padding-right: 6.4vw
    }
}

@media screen and (max-width: 767px)and (min-width: 768px) {
    .page .scn-area-page #flow {
        padding-left:min(4.6vw,70px);
        padding-right: min(4.6vw,70px)
    }
}

.page .scn-area-page #flow .list_flow li.splide__slide {
    background: #fff;
    padding: 50px;
    position: relative
}

@media screen and (max-width: 767px) {
    .page .scn-area-page #flow .list_flow li.splide__slide {
        padding:5.3%
    }
}

.page .scn-area-page #flow .list_flow li.splide__slide:before {
    content: "";
    display: block;
    width: 37%;
    height: 5px;
    background-color: #2b4d76;
    position: absolute;
    top: 0;
    left: 0
}

.page .scn-area-page #flow .list_flow li.splide__slide .en {
    font-size: 1.625em;
    font-weight: 700;
    letter-spacing: .12em;
    color: #d8d2d1
}

.page .scn-area-page #flow .list_flow li.splide__slide .en .num {
    font-size: 1.73em
}

.page .scn-area-page #flow .list_flow li.splide__slide h3 {
    font-size: 1.25em;
    font-weight: 700;
    padding: .5em 0 1em
}

.page .scn-area-page #flow .list_flow li.splide__slide p {
    font-size: .875em;
    line-height: 1.85em
}

.page .scn-area-page #flow .list_flow li.splide__slide.free:after {
    content: "ここまで\a無料";
    white-space: pre;
    display: grid;
    place-content: center;
    width: 120px;
    aspect-ratio: 1/1;
    border-radius: 50%;
    background-color: #2b4d76;
    text-align: center;
    color: #fff;
    font-weight: 700;
    font-size: 1.25em;
    line-height: 1.25;
    position: absolute;
    top: 20px;
    right: 20px
}

@media screen and (max-width: 767px) {
    .page .scn-area-page #flow .list_flow li.splide__slide.free:after {
        transform-origin:top right;
        transform: scale(0.7);
        top: 10px;
        right: 10px
    }
}

.page .scn-area-page #flow .splide__arrow svg {
    display: none !important
}

.page .scn-area-page #flow .splide__arrow {
    height: auto;
    width: 50px;
    aspect-ratio: 1/1;
    background: #fff no-repeat center/contain;
    border-radius: 50%;
    opacity: 1
}

.page .scn-area-page #flow .splide__arrow:hover {
    opacity: .7
}

.page .scn-area-page #flow .splide__arrow.splide__arrow--prev {
    left: 0;
    transform: translate(-50%, -50%);
    background-image: url(../images/arrow_left_slide.svg)
}

.page .scn-area-page #flow .splide__arrow.splide__arrow--next {
    right: 0;
    transform: translate(50%, -50%);
    background-image: url(../images/arrow_right_slide.svg)
}

.page .scn-area-page #flow .splide__arrow:disabled {
    display: none
}

@media screen and (max-width: 767px) {
    .page .scn-area-page #flow .splide__arrow {
        width:35px
    }
}