@charset "utf-8";
/* mv */
.common_mv_ttl {
    opacity: 1;
}
.common_mv_img::after {
    background-color: rgba(144, 144, 144, 0.4);
}
.main {
    overflow: clip;
}
.section {
    margin-inline: auto;
}
@media (min-width: 751px) {
    .next {
        padding-bottom: 160rem;
    }
    .next_mv .common_mv_img {
        background: url(../../images/next/mv_img.jpg) no-repeat center / cover;
    }
    .common_mv_txt_wrap {
        padding-bottom: 215rem;
    }
    .common_mv_ttl {
        font-size: unset;
    }
    .common_mv_ttl img {
        width: 374rem;
    }
    .common_mv_txt {
        margin-top: 55rem;
        font-size: 18rem;
        line-height: calc(40 / 18);
    }
    .page_anchor {
        width: 1110rem;
        margin-top: 110rem;
        gap: 25rem;
    }
    .page_anchor_link {
        width: 202rem;
        font-size: 17rem;
    }
    .page_anchor_link::after {
        bottom: 25rem;
    }
    .page_anchor_link_bg {
        width: 202rem;
        height: auto;
    }
    .page_anchor_link_txt {
        top: 30rem;
    }
    .page_anchor_link_2 .page_anchor_link_txt {
        top: 20rem;
    }
    .page_anchor_link_2::after {
        bottom: 15rem;
    }
}
@media (max-width: 750px) {
    .next {
        padding-bottom: 80rem;
    }
    .common_mv_txt_wrap{
        margin-top: -485rem;
    }
    .next_mv .common_mv_img {
        background: url(../../images/next/mv_img_sp.jpg) no-repeat center / cover;
    }
    .common_mv_ttl {
        font-size: 1em;
    }
    .common_mv_ttl img {
        width: 215rem;
    }
    .common_mv_txt {
        margin-top: 30rem;
        font-size: 16rem;
        line-height: calc(29 / 16);
    }
    .common_mv_inner {
        padding: 5rem 25rem 322rem;
    }
    .page_anchor_link {
        font-size: 12rem;
    }
    .page_anchor_link_2 .page_anchor_link_txt {
        top: 15rem;
    }
    .page_anchor_link_2::after {
        bottom: 15rem;
    }
}

/* section */
.section_wrap,
.section_inner {
    display: flex;
    flex-direction: column;
}
.section {
    overflow: hidden;
}
.next .section {
    background-color: #d6cdc0;
}
.section_ttl {
    color: #fff;
    background: no-repeat 50% / cover;
    display: flex;
    align-items: center;
}
.section_ttl_1 {
    background-image: url(../../images/next/section_ttl_1.jpg);
}
.section_ttl_2 {
    background-image: url(../../images/next/section_ttl_2.jpg);
}
.section_ttl_3 {
    background-image: url(../../images/next/section_ttl_3.jpg);
}
.section_ttl_4 {
    background-image: url(../../images/next/section_ttl_4.jpg);
}
.section_ttl_5 {
    background-image: url(../../images/next/section_ttl_5.jpg);
}
.section_ttl_num {
    font-weight: 300;
}
.section_ttl_inner {
    font-weight: 700;
}
.section_ttl_s {
    display: block;
}
.section_top_ttl,
.section_top_txt,
.section_box_ttl,
.section_box_link {
    font-weight: 700;
}
.section_box_flex {
    display: flex;
}
.gap_30 {
    gap: 30rem;
}
.gap_60 {
    gap: 60rem;
}
.section_box_ttl {
    position: relative;
    white-space: nowrap;
}
.section_box_ttl::before {
    content: '';
    border-radius: 50%;
    background-color: #ffdc26;
    display: block;
    position: absolute;
    left: 0;
}
.section_box_txt_blue,
.section_box_txt_blue_s {
    font-weight: 700;
    text-align: center;
    color: #ffdc26;
    background-color: var(--main-blue);
    display: inline-block;
}
.section_box_link {
    border-bottom: 2rem solid var(--main-blue);
    display: inline-block;
}
.durability_list,
.durability_list > li {
    display: flex;
    flex-direction: column;
}
.durability_list_ttl {
    font-weight: 700;
}
.section_img img {
    width: 100%;
    height: auto;
}
.section_img_3_2,
.section_img_5_1 {
    display: flex;
}
@media (min-width: 751px) {
    .section_wrap {
        margin-top: 80rem;
        gap: 125rem;
    }
    .section {
        width: 1110rem;
        border-radius: 15rem;
    }
    .section_inner {
        padding: 90rem 60rem;
        gap: 90rem;
    }
    .section_ttl {
        padding: 50rem 55rem;
        gap: 96rem;
        white-space: nowrap;
    }
    .section_ttl_num {
        font-size: 130rem;
    }
    .section_ttl_inner {
        font-size: 55rem;
        line-height: calc(74 / 55);
    }
    .section_ttl_s {
        font-size: 28rem;
        line-height: calc(30 / 28);
    }

    .section_top_ttl {
        margin-bottom: 30rem;
        font-size: 28rem;
        line-height: calc(49 / 28);
    }
    .section_top_txt {
        font-size: 20rem;
        line-height: calc(43 / 20);
    }


    .section_box_ttl {
        margin-bottom: 14rem;
        padding-left: 24rem;
        font-size: 28rem;
        line-height: calc(42 / 28);
    }
    .section_box_ttl::before {
        width: 15rem;
        height: 15rem;
        top: 12rem;
    }
    .section_box_txt {
        font-size: 16rem;
        line-height: calc(34 / 16);
    }
    .section_box_txt_blue {
        margin-block: 50rem 10rem;
        padding-inline: 10rem;
        font-size: 25rem;
    }
    .section_box_txt_blue_s {
        min-width: 275rem;
        margin-block: 16rem 18rem;
        padding: 4rem 10rem;
        font-size: 16rem;
    }
    .section_box_note {
        margin-top: 10rem;
        font-size: 14rem;
        line-height: calc(22 / 14);
    }
    .section_box_link {
        margin-top: 20rem;
        padding-bottom: 5rem;
        font-size: 18rem;
    }
    .section_box_link + .section_box_link {
        margin-left: 50rem;
    }

    .durability_list {
        gap: 30rem;
    }
    .durability_list > li {
        gap: 5rem;
    }
    .durability_list_ttl {
        font-size: 20rem;
    }
    .durability_list_txt {
        font-size: 16rem;
        line-height: calc(26 / 16);
    }

    .section_img_note {
        margin-top: 10rem;
        font-size: 14rem;
        line-height: calc(22 / 14);
    }
    .section_img_1_1,
    .section_img_1_2,
    .section_img_1_3,
    .section_img_1_4 {
        width: 393rem;
        min-width: 393rem;
    }
    .section_img_2_1 {
        width: 382rem;
        min-width: 382rem;
    }
    .section_img_2_2 {
        width: 440rem;
        min-width: 440rem;
    }
    .section_img_2_3,
    .section_img_3_1 {
        margin-top: 30rem;
    }
    .section_img_2_4 {
        width: 545rem;
        min-width: 545rem;
        margin-top: 56rem;
    }
    .section_img_3_2 {
        width: 552rem;
        min-width: 552rem;
        gap: 26rem;
    }
    .section_img_3_2 img {
        width: 263rem;
    }
    .section_img_3_4 {
        width: 465rem;
        min-width: 465rem;
    }
    .section_img_5_1 {
        width: 625rem;
        min-width: 625rem;
        gap: 23rem;
    }
    .section_img_5_1 .section_box_link {
        margin-top: 10rem;
    }
    .section_img_5_1 .section_img_5_1_1,
    .section_img_5_1 .section_img_5_1_2 {
        width: 301rem;
    }
    .section_img_5_2 {
        width: 375rem;
        min-width: 375rem;
    }
    .section_img_5_3,
    .section_img_5_4 {
        width: 404rem;
        min-width: 404rem;
        margin-top: 64rem;
    }
    .section_img_5_5 {
        margin-top: 50rem;
    }
    .section_img_5_6 {
        width: 404rem;
        min-width: 404rem;
    }
}
@media (max-width: 750px) {
    .section_wrap {
        margin-top: 40rem;
        gap: 70rem;
    }
    .section {
        width: 325rem;
        border-radius: 10rem;
    }
    .section_inner {
        padding: 25rem 25rem 60rem;
        gap: 75rem;
    }
    .section_ttl {
        padding: 30rem 20rem;
        gap: 26rem;
    }
    .section_ttl_num {
        font-size: 45rem;
    }
    .section_ttl_inner {
        font-size: 20rem;
        line-height: calc(27 / 20);
    }
    .section_ttl_s {
        margin-bottom: 10rem;
        font-size: 14rem;
        line-height: calc(9 / 14);
        display: block;
    }

    .section_top_ttl {
        font-size: 22rem;
        line-height: calc(34 / 22);
    }
    .section_top_txt {
        margin-top: 30rem;
        font-size: 16rem;
        line-height: calc(33 / 16);
    }

    .section_box_flex {
        flex-direction: column;
    }
    .section_box_ttl {
        padding-left: 20rem;
        font-size: 20rem;
        line-height: calc(36 / 20);
    }
    .section_box_ttl::before {
        width: 12rem;
        height: 12rem;
        top: 12rem;
    }
    .section_box_txt {
        margin-top: 14rem;
        font-size: 14rem;
        line-height: calc(26 / 14);
    }
    .section_box_txt_blue {
        margin-block: 40rem 10rem;
        padding-block: 5rem;
        font-size: 14rem;
        text-align: center;
        display: block;
    }
    .section_box_txt_blue_s {
        min-width: 275rem;
        margin-top: 10rem;
        padding-block: 4rem;
        font-size: 16rem;
    }
    .section_box_note {
        margin-top: 10rem;
        font-size: 12rem;
        line-height: calc(22 / 12);
    }
    .section_box_link {
        margin-top: 20rem;
        padding-bottom: 5rem;
        font-size: 12rem;
    }

    .durability_list {
        gap: 30rem;
    }
    .durability_list > li {
        gap: 10rem;
    }
    .durability_list_ttl {
        font-size: 20rem;
    }
    .durability_list_txt {
        font-size: 16rem;
        line-height: calc(26 / 16);
    }

    .section_img_btn {
        width: 160rem;
        height: 40rem;
        margin: 30rem auto 0;
        padding-inline: 30rem 23rem;
        font-weight: 700;
        font-size: 13rem;
        text-align: left;
        color: var(--main-blue);
        border: 1rem solid var(--main-blue);
        border-radius: 100rem;
        background-color: #fff;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .section_img_btn::after {
        content: '';
        width: 13rem;
        height: 13rem;
        background: url(../../images/common/img_btn_icon.svg) no-repeat 50% / contain;
        display: block;
    }

    .section_img_note {
        margin-top: 5rem;
        font-size: 12rem;
        line-height: calc(22 / 12);
    }
    .section_img_btn + .section_img_note {
        margin-top: 30rem;
    }
    .section_img_2_3,
    .section_img_3_1 {
        margin-top: 30rem;
    }
    .section_img_3_2 {
        flex-direction: column;
        gap: 12rem;
    }
    .section_img_5_3 {
        margin-top: 30rem;
    }
    .section_img_5_1 {
        text-align: center;
        flex-direction: column;
        gap: 55rem;
    }
    .section_box_link_wrap_5_3 {
        text-align: center;
    }
    .section_img_5_5 {
        margin-top: 52rem;
    }
    .section_box_txt_blue_s_5_6 {
        font-size: 13rem;
    }
}

/* point */
.point {
    color: #fff;
    border-radius: 10rem;
    background-color: var(--main-blue);
}
.point_ttl {
    font-weight: 700;
}
.point_ttl_yellow {
    color: #ffdc26;
    display: inline-block;
}
.point_list {
    display: flex;
    flex-direction: column;
}
.point_list > li {
    display: flex;
}
.point_list_num {
    font-weight: 300;
    display: inline-block;
}
.point_list_txt {
    border-left: 1.5rem solid #fff;
}
@media (min-width: 751px) {
    .point {
        margin-top: 60rem;
        padding: 35rem;
    }
    .point_ttl {
        font-size: 28rem;
    }
    .point_ttl_yellow {
        margin-left: 10rem;
        font-size: 34rem;
    }
    .point_inner {
        margin-top: 20rem;
        display: flex;
        gap: 36rem;
    }
    .point img {
        width: 223rem;
    }
    .point_list {
        gap: 20rem;
    }
    .point_list > li {
        align-items: center;
    }
    .point_list_num {
        width: 72rem;
        font-size: 41rem;
    }
    .point_list_txt {
        padding-left: 23rem;
        padding-block: 6rem;
        font-size: 20rem;
    }
}
@media (max-width: 750px) {
    .point {
        margin-top: 30rem;
        padding: 20rem 24rem 30rem;
    }
    .point_ttl {
        font-size: 21rem;
        text-align: center;
    }
    .point_ttl_yellow {
        font-size: 25rem;
        display: block;
    }
    .point img {
        width: 100%;
        margin-top: 15rem;
    }
    .point_list {
        margin-top: 30rem;
        gap: 20rem;
    }
    .point_list_num {
        min-width: 50rem;
        font-size: 30rem;
    }
    .point_list_txt {
        padding-left: 16rem;
        font-size: 14rem;
        line-height: calc(21 / 14);
    }
}

/* merit */
.merit {
    background-color: #f7f3ed;
}
.merit_ttl,
.merit_list_num {
    font-weight: 700;
}
.merit_list,
.merit_list > li {
    display: flex;
}
.merit_list {
    flex-direction: column;
    gap: 26rem;
}
.merit_list > li {
    gap: 11rem;
}
.merit_list_num {
    width: 35rem;
    min-width: 35rem;
    height: 35rem;
    font-size: 17rem;
    color: #fff;
    border-radius: 50%;
    background-color: var(--main-blue);
    display: flex;
    align-items: center;
    justify-content: center;
}
@media (min-width: 751px) {
    .merit {
        margin-top: 60rem;
        padding: 30rem 40rem;
        border-radius: 20rem;
        display: flex;
        gap: 46rem;
    }
    .merit_ttl {
        font-size: 25rem;
        line-height: calc(37 / 25);
    }
    .merit_list > li {
        align-items: center;
    }
    .merit_list_txt {
        font-size: 18rem;
        line-height: calc(26 / 18);
    }
}
@media (max-width: 750px) {
    .merit {
        margin-top: 30rem;
        padding: 20rem 24rem;
        border-radius: 10rem;
    }
    .merit_ttl {
        font-size: 20rem;
        line-height: calc(28 / 20);
    }
    .merit_list {
        margin-top: 20rem;
    }
    .merit_list_txt {
        font-size: 14rem;
        line-height: calc(20 / 14);
    }
}

/* all_electric */
.all_electric_inner {
    display: flex;
    flex-direction: column;
}
.all_electric_ttl {
    font-weight: 700;
    color: #ffdc26;
    background-color: var(--main-blue);
    display: inline-block;
    white-space: nowrap;
}
.all_electric_txt {
    font-weight: 700;
}
@media (min-width: 751px) {
    .all_electric {
        margin-top: 63rem;
    }
    .all_electric_inner {
        gap: 30rem;
    }
    .all_electric_ttl {
        padding: 10rem 14rem;
        font-size: 25rem;
    }
    .all_electric_txt {
        font-size: 32rem;
        line-height: calc(56 / 32);
    }
    .all_electric_note {
        font-size: 14rem;
    }
    .all_electric_img,
    .all_electric_img img {
        width: 588rem;
    }
    .all_electric_img {
        margin: 28rem auto 0;
    }
}
@media (max-width: 750px) {
    .all_electric {
        margin-top: 27rem;
    }
    .all_electric_inner {
        gap: 20rem;
    }
    .all_electric_ttl {
        padding: 6rem;
        font-size: 14rem;
    }
    .all_electric_txt {
        font-size: 21rem;
        line-height: calc(30 / 21);
        white-space: nowrap;
    }
    .all_electric_note {
        font-size: 12rem;
    }
    .all_electric_img {
        margin-top: 30rem;
    }
}

/* model */
.model {
    border: 1rem solid #707070;
    background-color: #f7f3ed;
    display: flex;
    flex-direction: column;
}
.model_inner {
    display: flex;
    flex-direction: column;
}
.model_ttl {
    font-weight: 700;
}
@media (min-width: 751px) {
    .model {
        margin-top: 84rem;
        padding: 30rem;
        gap: 50rem;
    }
    .model_inner {
        gap: 20rem;
    }
    .model_ttl {
        font-size: 18rem;
    }
    .model_txt {
        font-size: 14rem;
        line-height: calc(22 / 14);
    }
    .model_note {
        margin-top: 20rem;
        font-size: 14rem;
        line-height: calc(22 / 14);
    }
}
@media (max-width: 750px) {
    .model {
        margin-top: 50rem;
        padding: 30rem 25rem;
        gap: 50rem;
    }
    .model_inner {
        gap: 20rem;
    }
    .model_ttl {
        font-size: 16rem;
        line-height: calc(31 / 16);
    }
    .model_txt {
        font-size: 16rem;
        line-height: calc(26 / 16);
    }
    .model_note {
        margin-top: 20rem;
        font-size: 12rem;
        line-height: calc(22 / 12);
    }
}

/* case_studies */
.case_studies {
    position: relative;
}
.case_studies::before {
    content: '';
    height: 100%;
    background-color: #d6cdc0;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}
.case_studies_inner {
    position: relative;
}
.case_studies_ttl_en,
.case_studies_ttl_jp {
    line-height: 1;
    display: block;
}
.case_studies_ttl_en {
    color: #fff;
    opacity: 0.44;
}
.case_studies_ttl_jp,
.case_studies_item_ttl {
    font-weight: 700;
}
.case_studies_swiper_wrap,
.case_studies_item_ttl {
    position: relative;
}
.case_studies_item_ttl::before {
    content: '';
    border-radius: 50%;
    background-color: #ffdc26;
    display: block;
    position: absolute;
    left: 0;
}
.case_studies_swiper_wrap .swiper-button {
    width: 54rem;
    height: 54rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    top: auto;
    bottom: 0;
}
.case_studies_swiper_wrap .swiper-button-prev {
    border: 1rem solid var(--main-blue);
    background-color: #fff;
}
.case_studies_swiper_wrap .swiper-button-next {
    border: 1rem solid #fff;
    background-color: var(--main-blue);
}
.case_studies_swiper_wrap .swiper-button::after {
    content: '';
    margin: auto;
    background: no-repeat 50% / contain;
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
}
.case_studies_swiper_wrap .swiper-button-prev::after {
    rotate: 180deg;
    background-image: url(../../images/next/arrow_blue.svg);
}
.case_studies_swiper_wrap .swiper-button-next::after {
    background-image: url(../../images/next/arrow_white.svg);
}
.case_studies_swiper_button {
    border: none;
    color: inherit;
    text-align: inherit;
    cursor: pointer;
}
@media (min-width: 751px) {
    .case_studies {
        margin-top: 130rem;
    }
    .case_studies::before {
        width: calc(50% + 555rem);
        border-radius: 0 15rem 15rem 0;
    }
    .case_studies_inner {
        width: 1110rem;
        margin-inline: auto;
        padding-block: 25rem 45rem;
    }
    .case_studies_ttl_en {
        font-size: 80rem;
    }
    .case_studies_ttl_jp {
        margin-top: 10rem;
        font-size: 30rem;
    }

    .case_studies_swiper_wrap {
        padding-bottom: 108rem;
    }
    .case_studies_swiper {
        margin-top: 40rem;
    }
    .case_studies_swiper .swiper-slide,
    .case_studies_item_img {
        width: 322rem;
    }
    .case_studies_item_ttl {
        margin-bottom: 6rem;
        padding-left: 28rem;
        height: calc(25 / 16 * 2em);
        font-size: 16rem;
        line-height: calc(25 / 16);
    }
    .case_studies_item_ttl::before {
        width: 20rem;
        height: 20rem;
        top: 2rem;
    }
    .case_studies_swiper_wrap .swiper-button {
        width: 56rem;
        height: 56rem;
    }
    .case_studies_swiper_wrap .swiper-button-prev {
        right: calc(50% + 10rem);
        left: auto;
    }
    .case_studies_swiper_wrap .swiper-button-next {
        left: calc(50% + 10rem);
    }
    .case_studies_swiper_wrap .swiper-button::after {
        width: 20rem;
        height: 13rem;
    }
}
@media (max-width: 750px) {
    .case_studies {
        margin-top: 67rem;
    }
    .case_studies::before {
        width: calc(100% - 25rem);
        border-radius: 0 20rem 20rem 0;
    }
    .case_studies_inner {
        width: 300rem;
        margin-left: 25rem;
        padding-block: 27rem 50rem;
    }
    .case_studies_ttl_en {
        font-size: 75rem;
    }
    .case_studies_ttl_jp {
        margin-top: 10rem;
        font-size: 20rem;
    }

    .case_studies_swiper_wrap {
        padding-bottom: 73rem;
    }
    .case_studies_swiper {
        margin-top: 40rem;
    }
    .case_studies_swiper .swiper-slide {
        width: 300rem;
    }
    .case_studies_item_ttl {
        margin-bottom: 10rem;
        padding-left: 25rem;
        height: calc(20 / 14 * 2em);
        font-size: 14rem;
        line-height: calc(20 / 14);
    }
    .case_studies_item_ttl::before {
        width: 20rem;
        height: 20rem;
        top: 2rem;
    }
    .case_studies_item_img {
        width: 100%;
    }
    .case_studies_swiper_wrap .swiper-button {
        width: 43rem;
        height: 43rem;
    }
    .case_studies_swiper_wrap .swiper-button-prev {
        right: 53rem;
        left: auto;
    }
    .case_studies_swiper_wrap .swiper-button-next {
        right: 0;
    }
    .case_studies_swiper_wrap .swiper-button::after {
        width: 16rem;
        height: 10rem;
    }
}
@media (min-width: 751px) {
    @media (hover:hover) {
        .case_studies_swiper_wrap .swiper-button {
            transition: opacity 0.3s;
        }
        .case_studies_swiper_wrap .swiper-button:hover {
            opacity: 0.7;
        }
    }
}

/* 施工事例モーダル*/
/* modal */
body.is_modal_show {
    overflow: hidden;
}
.modal_content {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 200;
    opacity: 0;
    transform: translateY(100%);
    background: rgba(0, 0, 0, 0.75);
    transition: opacity 0.3s 0s, transform 0s 0.3s;
}
.modal_content.is_modal_show {
    opacity: 1;
    transform: translateY(0%);
    transition: opacity 0.3s 0s, transform 0s 0s;
}
.modal_scroll {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    text-align: center;
    letter-spacing: -0.5em;
}
.modal_scroll_inner {
    margin: auto;
    width: 100%;
    letter-spacing: normal;
    line-height: 1.5;
    position: relative;
}
.modal_inner {
    position: relative;
    opacity: 0;
    transition: opacity 0.3s, transform 0.3s;
}
.is_modal_show .modal_inner {
    opacity: 1;
}

/* centering */
.modal_scroll_inner,
.modal_scroll:after {
    display: inline-block;
    vertical-align: middle;
}
.modal_scroll:after {
    content: '';
    height: 100%;
}
/* close */
.modal_close {
    position: absolute;
    top: 0;
    right: 0;
}
/* swiper */
.case_modal {
    overflow: hidden;
}
.case_modal .swiper-container {
    max-height: 620rem;
}
.case_modal .swiper-container .swiper-slide {
    overflow: hidden;
    display: flex;
    justify-content: center;
}
.case_modal_wrap{
    width: 100%;
}
.case_modal_wrap .swiper-wrapper {
    align-items: center;
}
.swiper-button-prev-case.swiper-button-prev,
.swiper-button-next-case.swiper-button-next {
    font-weight: 700;
    color: #fff;
}
.swiper-button-next-case.swiper-button-next::before,
.swiper-button-prev-case.swiper-button-prev::before{
    display: none;
}
.swiper-button-next-case.swiper-button-next:after,
.swiper-button-prev-case.swiper-button-prev:after{
    display: inherit;
}
.swiper-button-prev-case.swiper-button-next.swiper-button-disabled,
.swiper-button-next-case.swiper-button-prev.swiper-button-disabled {
    opacity: 0;
    pointer-events: none;
}
.swiper-button-prev-case .swiper-button-inner {
    display: block;
}
.swiper-pagination-case{
    color: #fff;
    display: inline-block;
}
.case_modal_img{
    max-height: 100%;
    max-width: 100%;
    object-fit: contain;
}
@media (min-width: 751px) {
    .case_modal {
        padding-bottom: 35rem;
    }
    .case_modal .swiper-container {
        height: 44vw;
    }
    .swiper-button-prev-case.swiper-button-prev,
    .swiper-button-next-case.swiper-button-next {
        top: 50%;
    }
    .swiper-button-next-case.swiper-button-next:after,
    .swiper-button-prev-case.swiper-button-prev:after{
        font-size: 60rem;
    }
    .swiper-button-prev-case.swiper-button-prev {
        left: 230rem;
    }
    .swiper-button-next-case.swiper-button-next {
        right: 230rem;
    }
    .modal_close {
        width: 64rem;
        height: 64rem;
        border: 1px solid #fff;
        position: absolute;
        top: 0;
        right: 260rem;
        z-index: 100;
        cursor: pointer;
    }
    .modal_close::before,
    .modal_close::after {
        content: '';
        width: 45rem;
        height: 1px;
        margin: auto;
        background-color: #fff;
        position: absolute;
        inset: 0;
    }
    .modal_close::before {
        transform: rotate(45deg);
    }
    .modal_close::after {
        transform: rotate(-45deg);
    }
    .case_modal_wrap .modal_close {
        right: 209rem;
    }
    .case_modal_img{
        width: 540rem;
    }
    .swiper-pagination-case{
        font-size: 20rem;
        bottom: 0;
    }
}
@media (max-width: 750px){
    .case_modal {
        padding-bottom: 30rem;
    }
    .case_modal .swiper-container {
        height: 67vw;
        max-height: 620rem;
    }
    .modal_scroll_inner {
        padding-inline: 25rem;
    }
    .swiper-button-next-case.swiper-button-next:after,
    .swiper-button-prev-case.swiper-button-prev:after{
        content: none;
    }
    .case_modal_wrap .swiper-button-inner{
        font-size: 16rem;
    }
    .swiper-button-prev-case.swiper-button-prev,
    .swiper-button-next-case.swiper-button-next {
        bottom: 0;
        top: inherit;
    }
    .swiper-button-prev-case.swiper-button-prev {
        left: 20rem;
    }
    .swiper-button-next-case.swiper-button-next {
        right: 20rem;
    }
    .swiper-pagination-case{
        font-size: 16rem;
    }
}
/* modal */
@media (max-width: 750px) {
    /* close */
    .modal_close {
        position: absolute;
        top: 0;
        right: 0;
    }

    .modal_scroll_inner {
        width: 345rem;
        padding: 50rem 10rem 50rem;
    }
    .modal_close {
        width: 32rem;
        height: 32rem;
        border: 1px solid #fff;
        position: absolute;
        top: -40rem;
        right: 0;
        z-index: 100;
        cursor: pointer;
    }
    .modal_close::before,
    .modal_close::after {
        content: '';
        width: 20rem;
        height: 1px;
        margin: auto;
        background-color: #fff;
        position: absolute;
        inset: 0;
    }
    .modal_close::before {
        transform: rotate(45deg);
    }
    .modal_close::after {
        transform: rotate(-45deg);
    }

    .goho_modal {
        background-color: #fff;
    }
    .goho_modal_padding {
        padding: 8rem;
    }
}