@charset "utf-8";
    /* 
    
    ボタン　共通
    
    */

    .view_all_btn {
        display: flex;
        position: relative;
        align-items: center;
        column-gap: 73px;
        padding-bottom: 16px;
    }

    .view_all_btn::after,
    .view_all_btn:before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        height: 1px;
    }

    .view_all_btn:before {
        background-color: #4E5864;
        z-index: 2;
        width: 38px;
        transition: width 0.7s cubic-bezier(0.23, 1, 0.32, 1);
    }

    .view_all_btn:hover::before {
        width: 100%;
    }

    .view_all_btn::after {
        background-color: #4E5864;
        opacity: 0.4;
        z-index: 1;
        width: 100%;
    }

    .view_all_btn .arrow {
        width: 31px;
        height: 31px;
        border-radius: 50%;
        border: 1px solid #4E5864;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        transition: all 0.5s;
    }

    .view_all_btn:hover .arrow {
        background-color: #4E5864;
    }

    .view_all_btn .arrow svg {
        display: block;
        width: 11px;
        height: 6px;
    }

    .view_all_btn .arrow svg path {
        fill: #4E5864;
        transition: all 0.5s;
    }

    .view_all_btn:hover .arrow svg path {
        fill: #fff;
    }

    /*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

  home fv

----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/

    .fv_area {
        /* margin-top: 123px; */
        margin-top: 80px;
        position: relative;
    }

    .fv_area.scroll-up {
        transform: translateY(0px);
    }

    .fv_area:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        height: 50%;
        width: 100%;
        z-index: -2;
        background-color: #F5F5F5;
    }

    .fv_area .fv_sns_list {
        flex-direction: column;
        row-gap: 25px;
        position: absolute;
        left: 40px;
        width: 21px;
        height: 60px;
        bottom: 0;
        top: 0;
        margin: auto;
    }

    .fv_area .fv_snsn_item a,
    .fv_area .fv_snsn_item a svg {
        display: block;
    }

    .fv_area .fv_snsn_item a {
        width: 20px;
        height: 18px;
    }

    .fv_area .fv_snsn_item a svg {
        width: 100%;
        height: 100%;
    }

    .fv_area .fv_snsn_item a svg path {
        background-color: #4E5864;
    }

    .fv_area .fv_inner {
        height: 670px;
        position: relative;
        margin-left: 100px;
    }

    .fv_area .fv_slider {
        height: 100%;
    }

    .fv_area .fv_slider .img {
        overflow: hidden;
        -webkit-transition-property: opacity, -webkit-transform !important;
        transition-property: opacity, -webkit-transform !important;
        transition-property: opacity, transform !important;
        transition-property: opacity, transform, -webkit-transform !important;
        pointer-events: none;
    }

    .fv_area .fv_slider .img img {
        display: block;
        object-fit: cover;
        transition-delay: 0s;
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
        -webkit-transition: 7s 1s ease-out;
        transition: 7s 1s ease-out;
    }

    .fv_area .fv_slider .swiper-slide[class*=-active] .img img {
        -webkit-transition-delay: 0s;
        transition-delay: 0s;
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    .fv_area .fv_slider .swiper-slide:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #000;
        opacity: 0.15;
    }

    .fv_area .catch_copy {
        position: absolute;
        bottom: 64px;
        left: 50px;
        z-index: 5;
    }

    .fv_area .catch_copy h2,
    .fv_area .catch_copy p {
        color: #fff;
    }

    .fv_area .catch_copy h2 {
        font-size: 38px;
        margin-bottom: 25px;
        line-height: 1.5;
    }

    .fv_area .catch_copy p {
        font-size: 17px;
        line-height: 2.5;
        margin-bottom: 20px;
    }

    .fv_area .catch_copy .link_txt {
        padding-right: 80px;
        padding-bottom: 16px;
        position: relative;
        transition: all 0.5s;
        color: #fff;
        font-size: 16px;
    }

    .fv_area .catch_copy .link_txt svg {
        width: 11px;
        height: 6px;
        display: block;
    }

    .fv_area .catch_copy .link_txt span {
        position: absolute;
        top: -18px;
        right: 0;
        bottom: 0;
        margin: auto;
        width: 31px;
        height: 31px;
        border-radius: 50%;
        border: 1px solid #fff;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        transition: all 0.5s;
    }

    .fv_area .catch_copy .link_txt:hover span {
        background-color: #fff;
    }

    .fv_area .catch_copy .link_txt svg path {
        fill: #fff;
    }

    .fv_area .catch_copy .link_txt:hover svg path {
        fill: #4E5864;
    }

    .fv_area .catch_copy .link_txt::before,
    .fv_area .catch_copy .link_txt::after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        height: 1px;
        background-color: #fff;
    }

    .fv_area .catch_copy .link_txt::before {
        z-index: 2;
        width: 38px;
        transition: width 0.7s cubic-bezier(0.23, 1, 0.32, 1);
    }

    .fv_area .catch_copy .link_txt:hover:before {
        width: 100%;
    }

    .fv_area .catch_copy .link_txt::after {
        z-index: 1;
        width: 100%;
        opacity: 0.3;
    }

    .fv_area .fv_slider .img {
        height: 100%;
    }

    .fv_area .fv_slider_thumbnail {
        position: absolute;
        right: 60px;
        bottom: 50px;
        z-index: 5;
    }

    .fv_area .fv_slider_thumbnail .swiper-wrapper {
        column-gap: 11px;
    }

    .fv_area .fv_slider_thumbnail .swiper-slide {
        max-width: 100px;
        height: 72px;
        overflow: hidden;
        position: relative;
    }

    .fv_area .fv_slider_thumbnail .swiper-slide:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #000000;
        opacity: 0.3;
        transition: all 0.5s;
    }

    .fv_area .fv_slider_thumbnail .swiper-slide-thumb-active.swiper-slide:after {
        opacity: 0;
    }

    .fv_area .fv_slider_thumbnail .swiper-slide img {
        display: block;
    }

    /*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

  home_price_area 

----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/

    .home_price_area {
        position: relative;
    }

    .home_price_area:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #F5F5F5;
        z-index: -2;
    }

    /* 
    .home_price_area .home_price_inner {
        padding: 72px 100px 110px 100px;
    } */

    .home_price_area .home_price_inner {
        padding: 25px 100px 110px 100px;
    }

    .home_price_area .home_price_list {
        max-width: 1500px;
        width: 100%;
        margin: 0 auto;
        column-gap: 23px;
        box-sizing: content-box;
    }

    .home_price_area .home_price_item {
        width: calc(33.33% - 16px);
    }

    .home_price_area .scroll-up.home_price_item:nth-child(2) {
        transition-delay: 0.2s;
    }

    .home_price_area .scroll-up.home_price_item:nth-child(3) {
        transition-delay: 0.4s;
    }

    .home_price_area .home_price_item_inner {
        border: 1px solid #707070;
        padding-top: 96px;
        position: relative;
    }

    .home_price_area .price_table_list {
        padding: 0 45px 47px 45px;
        row-gap: 30px;
        flex-direction: column;
    }

    .home_price_area .price_table_item {
        padding-bottom: 15px;
        align-items: center;
        border-bottom: 1px solid #707070;
        justify-content: space-between;
        column-gap: 8px;
        row-gap: 5px;
    }

    .home_price_area .price_table_item:last-child {
        border-bottom: unset;
        padding-bottom: 0;
    }

    .home_price_area .price_item {
        font-size: 14px;
    }

    .home_price_area .price_time {
        font-size: 17px;
    }

    .home_price_area .price_time span {
        font-size: 33px;
        font-weight: 100;
    }

    .home_price_area .plan_ttl {
        display: inline-block;
        padding: 12px 16px;
        background-color: #2E3136;
        color: #fff;
        position: absolute;
        top: 0;
        left: 0;
    }

    .home_price_area .home_price_item_inner a {
        padding: 20px 32px;
        position: relative;
        background-color: #4E5864;
        display: block;
        color: #fff;
    }

    .home_price_area .home_price_item_inner a span {
        position: absolute;
        top: 0;
        right: 32px;
        bottom: 0;
        margin: auto;
        width: 36px;
        height: 36px;
        border-radius: 50%;
        border: 1px solid #fff;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        transition: all 0.5s;
    }

    .home_price_area .home_price_item_inner a span svg {
        display: block;
        width: 14px;
        height: 8px;
    }

    .home_price_area .home_price_item_inner a:hover span {
        background-color: #fff;
    }

    .home_price_area .home_price_item_inner a span svg path {
        fill: #fff;
        transition: all 0.5s;
    }

    .home_price_area .home_price_item_inner a:hover span svg path {
        fill: #4E5864;
    }

    .home_price_area .attention_txt {
        display: block;
        font-size: 13px;
        text-align: right;
        margin-top: 11px;
        padding-right: 30px;
    }

    /*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

  home_studio_area

----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/

    .home_studio_area .home_studio_inner {
        padding: 84px 100px 115px 100px;
    }

    .home_studio_area .home_studio_wrap {
        max-width: 1400px;
        width: 100%;
        margin: 0 auto;
        box-sizing: content-box;
    }

    .home_studio_area .title_area .txt_wrap {
        align-items: center;
        justify-content: space-between;
    }

    .home_studio_area .title_area a {
        display: flex;
        position: relative;
        align-items: center;
        column-gap: 73px;
        padding-bottom: 16px;
    }

    .home_studio_area .title_area a .arrow {
        width: 31px;
        height: 31px;
        border-radius: 50%;
        border: 1px solid #4E5864;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        transition: all 0.5s;
    }

    .home_studio_area .title_area a:hover .arrow {
        background-color: #4E5864;
    }

    .home_studio_area .title_area a .arrow svg {
        display: block;
        width: 11px;
        height: 6px;
    }

    .home_studio_area .title_area a .arrow svg path {
        fill: #4E5864;
        transition: all 0.5s;
    }

    .home_studio_area .title_area a:hover .arrow svg path {
        fill: #fff;
    }

    .home_studio_area .title_area a::after,
    .home_studio_area .title_area a:before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        height: 1px;
    }

    .home_studio_area .title_area a::after {
        background-color: #4E5864;
        opacity: 0.4;
        z-index: 1;
        width: 100%;
    }

    .home_studio_area .title_area a:before {
        background-color: #4E5864;
        z-index: 2;
        width: 38px;
        /* transform: scale(0, 1); */
        transition: width 0.7s cubic-bezier(0.23, 1, 0.32, 1);
    }

    .home_studio_area .title_area a:hover::before {
        width: 100%;
    }

    .home_studio_area .title_area {
        padding-top: 20px;
        border-top: 1px solid;
    }

    .home_studio_area .title_area h3 {
        font-size: 12px;
        padding-left: 18px;
        position: relative;
    }

    .home_studio_area .title_area h3::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        margin: auto;
        width: 11px;
        height: 10px;
        background-image: url(../images/common/polygon_icon.svg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
    }

    .home_studio_area .title_area p {
        font-size: 17px;
        line-height: 2.5;
        margin: 92px 0 102px 0;
    }

    .home_studio_area .studio_cat_wrap {
        align-items: center;
        row-gap: 24px;
        margin-bottom: 50px;
        column-gap: 64px;
    }

    .home_studio_area .studio_left_box {
        align-items: center;
        column-gap: 64px;
        row-gap: 20px;
    }

    .home_studio_area .studio_cat_wrap .studio_cat_ttl {
        font-size: 18px;
        font-weight: 100;
    }

    .home_studio_area .studio_cat_list {
        column-gap: 36px;
    }

    .home_studio_area .studio_cat_item a {
        padding-bottom: 6px;
        border-bottom: 1px solid;
        padding-right: 25px;
        position: relative;
        transition: all 0.5s;
    }

    .home_studio_area .studio_cat_item a:hover {
        color: #358FC0;
    }

    .home_studio_area .studio_cat_item a:before,
    .home_studio_area .studio_cat_item a:after {
        position: absolute;
        content: "";
        display: block;
        transition: all 0.4s;
        background: #707070;
        right: 0px;
        top: -4px;
        bottom: 0;
        margin: auto;
        width: 9px;
        height: 1px;
    }

    .home_studio_area .studio_cat_item a:before {
        transform: translate(-50%, -50%) rotate(90deg);
        right: -4px;
        top: -2px;
        transition: all 0.5s;
    }

    .home_studio_area .studio_cat_item a:hover::after {
        background: #358FC0;
    }

    .home_studio_area .studio_cat_item a:hover:before {
        transform: translate(-50%, -50%) rotate(0deg);
        top: -3px;
        background: #358FC0;
    }

    .home_studio_area .studio_slide_block_list {
        /* column-gap: 32px; */
        flex-wrap: nowrap;
        margin-bottom: 80px;
    }

    .home_studio_area .swiper-slide {
        width: auto;
    }

    .home_studio_area .swiper-slide .img_wrap {
        display: block;
        max-width: 704px;
        width: 100%;
        height: 469px;
        overflow: hidden;
    }

    .home_studio_area .swiper-slide .img_wrap img {
        display: block;
        transition: all 1s;
    }

    /* .home_studio_area .swiper-slide a:hover img {
        transform: scale(1.1);
    } */

    .home_studio_area .swiper-scrollbar {
        /* width: 100%;
        max-width: 596px; */
    }

    .home_studio_area .swiper-horizontal>.swiper-scrollbar,
    .home_studio_area .swiper-scrollbar.swiper-scrollbar-horizontal {
        width: 100%;
        max-width: 596px;
        border-radius: 2px;
        z-index: 5;
        height: 3px;
    }

    .home_studio_area .swiper-scrollbar-drag {
        background: #4E5864;
        border-radius: 2px;
    }

    .home_studio_area .swiper_nav_wrap {
        column-gap: 48px;
        align-items: center;
    }

    .home_studio_area .prev_next_arrow .arrow_prev,
    .home_studio_area .prev_next_arrow .arrow_next {
        width: 48px;
        height: 48px;
        border: 1px solid;
        border-radius: 50%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        transition: all 0.5s;
    }

    .home_studio_area .prev_next_arrow span,
    .home_studio_area .prev_next_arrow span svg {
        display: block;
    }

    .home_studio_area .prev_next_arrow span svg {
        width: 15px;
        height: 9px;
    }

    .home_studio_area .prev_next_arrow span svg path {
        transition: all 0.5s;
    }

    .home_studio_area .prev_next_arrow .arrow_prev:hover,
    .home_studio_area .prev_next_arrow .arrow_next:hover {
        background-color: #4E5864;
    }

    .home_studio_area .prev_next_arrow .arrow_prev:hover span svg path,
    .home_studio_area .prev_next_arrow .arrow_next:hover span svg path {
        fill: #fff;
    }

    .home_studio_area .prev_next_arrow {
        column-gap: 10px;
    }

    .home_studio_area .prev_next_arrow .arrow_prev {
        transform: scale(-1, 1);
    }

    /*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

  home_loop_area

----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/

    .home_loop_area .home_loop_inner {
        position: relative;
        display: flex;
        align-items: flex-start;
        width: 100vw;
        height: 526px;
        white-space: nowrap;
        overflow: hidden;
        margin-bottom: 108px;
    }

    .home_loop_area img {
        height: 100%;
        display: block;
        object-fit: cover;
        width: auto;
        padding-right: 5px;
        max-width: 3659px;
    }

    .home_loop_area img:first-child {
        animation: loop 150s -75s linear infinite;
    }

    .home_loop_area img:last-child {
        animation: loop2 150s linear infinite;
    }

    @keyframes loop {
        0% {
            transform: translateX(100%);
        }

        to {
            transform: translateX(-100%);
        }
    }

    @keyframes loop2 {
        0% {
            transform: translateX(0);
        }

        to {
            transform: translateX(-200%);
        }
    }

    /* .home_loop_area .swiper-wrapper {
        transition-timing-function: linear;
    } */
    /* .home_loop_area img:first-child {
        animation: loop 150s -75s linear infinite;
    }

    .home_loop_area img:last-child {
        animation: loop2 150s linear infinite;
    }

    @keyframes loop {
        0% {
            transform: translateX(100%);
        }

        100% {
            transform: translateX(-100%);
        }
    }

    @keyframes loop2 {
        0% {
            transform: translateX(0);
        }

        100% {
            transform: translateX(-200%);
        }
    } */
    /*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

  home_other_link_area

----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/

    .home_other_link_area .other_link_box {
        display: block;
        width: 50%;
        height: 486px;
        position: relative;
        overflow: hidden;
    }

    .home_other_link_area .scroll-up.other_link_box:nth-child(2) {
        transition-delay: 0.2s;
    }

    .home_other_link_area .other_link_box:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #000;
        opacity: 0.3;
    }

    .home_other_link_area .other_link_box .img {
        height: 100%;
    }

    .home_other_link_area .other_link_box img {
        display: block;
        transition: all 1s;
    }

    .home_other_link_area .other_link_box:hover img {
        transform: scale(1.1);
    }

    .home_other_link_area .other_link_ttl_area {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        padding: 60px 60px 0 60px;
        z-index: 5;
    }

    .home_other_link_area .other_link_ttl_wrap {
        justify-content: space-between;
        align-items: center;
        width: 100%;
        padding-bottom: 27px;
        position: relative;
    }

    .home_other_link_area .other_link_ttl {
        font-size: 26px;
        font-weight: 100;
    }

    .home_other_link_area .other_link_ttl,
    .home_other_link_wrap p {
        color: #ffff;
    }

    .home_other_link_wrap p {
        padding-top: 15px;
        font-size: 16px;
    }

    .home_other_link_area .other_link_ttl_wrap:after,
    .home_other_link_area .other_link_ttl_wrap:before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        height: 1px;
        transition: all 0.5s;
    }

    .home_other_link_area .other_link_ttl_wrap:after {
        background-color: #fff;
        opacity: 0.4;
        z-index: 1;
        width: 100%;
    }

    .home_other_link_area .other_link_ttl_wrap:before {
        background-color: #fff;
        z-index: 2;
        width: 272px;
        /* transform: scale(0, 1); */
        transition: width 0.7s cubic-bezier(0.23, 1, 0.32, 1);
    }

    .home_other_link_area .other_link_box:hover .other_link_ttl_wrap:before {
        width: 100%;
    }

    .home_other_link_area .arrow {
        width: 36px;
        height: 36px;
        border-radius: 50%;
        border: 1px solid #fff;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        transition: all 0.5s;
    }

    .home_other_link_area .arrow svg {
        display: block;
        width: 14px;
        height: 8px;
    }

    .home_other_link_area .other_link_box:hover .arrow {
        background-color: #fff;
    }

    .home_other_link_area .arrow svg path {
        fill: #fff;
        transition: all 0.5s;
    }

    .home_other_link_area .other_link_box:hover .arrow svg path {
        fill: #4E5864;
    }

    /*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

  home_studio_area

----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/

    .home_case_area .home_case_inner {
        padding: 124px 150px 171px 150px;
    }

    .home_case_area .home_case_wrap {
        max-width: 1400px;
        width: 100%;
        margin: 0 auto;
        box-sizing: content-box;
    }

    .home_case_area .title_area {
        padding-top: 20px;
        border-top: 1px solid;
    }

    .home_case_area .title_area h3 {
        font-size: 12px;
        padding-left: 18px;
        position: relative;
    }

    .home_case_area .title_area h3::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        margin: auto;
        width: 11px;
        height: 10px;
        background-image: url(../images/common/polygon_icon.svg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
    }

    .home_case_area .case_detail_ttl_area {
        margin: 94px 0 74px 0;
        column-gap: 58px;
        align-items: center;
    }

    .home_case_area .case_detail_ttl_area span.en_didot {
        display: block;
        font-size: 37px;
        font-weight: 100;
    }

    .home_case_area .case_detail_ttl_area a {
        display: flex;
        position: relative;
        align-items: center;
        column-gap: 73px;
        padding-bottom: 16px;
    }

    .home_case_area .case_detail_ttl_area a::after,
    .home_case_area .case_detail_ttl_area a:before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        height: 1px;
    }

    .home_case_area .case_detail_ttl_area a::after {
        background-color: #4E5864;
        opacity: 0.4;
        z-index: 1;
        width: 100%;
    }

    .home_case_area .case_detail_ttl_area a:before {
        background-color: #4E5864;
        z-index: 2;
        width: 38px;
        /* transform: scale(0, 1); */
        transition: width 0.7s cubic-bezier(0.23, 1, 0.32, 1);
    }

    .home_case_area .case_detail_ttl_area a:hover::before {
        width: 100%;
    }

    .home_case_area .case_detail_ttl_area .arrow {
        width: 31px;
        height: 31px;
        border-radius: 50%;
        border: 1px solid #4E5864;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        transition: all 0.5s;
    }

    .home_case_area .case_detail_ttl_area a:hover .arrow {
        background-color: #4E5864;
    }

    .home_case_area .case_detail_ttl_area .arrow svg {
        display: block;
        width: 11px;
        height: 6px;
    }

    .home_case_area .case_detail_ttl_area .arrow svg path {
        fill: #4E5864;
        transition: all 0.5s;
    }

    .home_case_area .case_detail_ttl_area a:hover .arrow svg path {
        fill: #fff;
    }

    .home_case_area .home_case_list {
        column-gap: 38px;
        row-gap: 72px;
    }

    .home_case_area .home_case_item {
        width: calc(50% - 19px);
        height: 100%;
    }

    .home_case_area .scroll-up.home_case_item:nth-child(2) {
        transition-delay: 0.2s;
    }

    .home_case_area .scroll-up.home_case_item:nth-child(3) {
        transition-delay: 0.4s;
    }

    .home_case_area .scroll-up.home_case_item:nth-child(4) {
        transition-delay: 0.6s;
    }

    .home_case_area .home_case_item span {
        margin-top: 19px;
        line-height: 1.5;
    }

    .home_case_area .home_case_item span,
    .home_case_area .home_case_item .photo_link,
    .home_case_area .home_case_item .photo_link img {
        display: block;
    }

    .home_case_area .home_case_item .movie_link,
    .home_case_area .home_case_item .photo_link {
        /* height: 382px; */
        overflow: hidden;
        aspect-ratio: 1.787;
        width: 100%;
        height: 100%;
    }

    .home_case_item .photo_link img {
        transition: all 0.8s;
    }

    .home_case_item .photo_link:hover img {
        transform: scale(1.1);
    }

    .home_case_area .home_case_item iframe {
        width: 100%;
        height: 100%;
        display: block;
    }

    /*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

  home_reserve_area

----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/

    .home_reserve_area .home_reserve_inner {
        /* background-image: url(../images/home/reserve_bg.jpg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover; */
        position: relative;
        padding: 71px 150px 127px 150px;
    }

    .home_reserve_area .home_reserve_inner:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-image: url(../images/home/reserve_bg.jpg);
        background-position: center;
        background-size: cover;
        z-index: -3;
    }

    .home_reserve_area .home_reserve_wrap {
        max-width: 1400px;
        width: 100%;
        margin: 0 auto;
        box-sizing: content-box;
    }

    .home_reserve_area .title_area {
        padding-top: 20px;
        border-top: 1px solid #fff;
        margin-bottom: 99px;
    }

    .home_reserve_area .title_area h3 {
        font-size: 12px;
        padding-left: 18px;
        position: relative;
        color: #fff;
    }

    .home_reserve_area .title_area h3::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        margin: auto;
        width: 11px;
        height: 10px;
        background-image: url(../images/common/polygon_icon_wh.svg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
    }

    .home_reserve_area .home_reserve_list {
        column-gap: 20px;
        row-gap: 16px;
    }

    .home_reserve_area .home_reserve_item {
        width: calc(50% - 10px);
    }

    .home_reserve_area .home_reserve_item a {
        justify-content: space-between;
        align-items: center;
        padding: 57px;
        position: relative;
        border-radius: 11px;
        overflow: hidden;
    }

    .home_reserve_area .home_reserve_item a .txt_wrap {
        width: 100%;
        justify-content: space-between;
        position: relative;
        padding-bottom: 15px;
        align-items: center;
    }

    .home_reserve_area .home_reserve_item a .ttl {
        display: block;
        color: #fff;
        font-size: 20px;
    }

    .home_reserve_area .home_reserve_item a .txt_wrap:after,
    .home_reserve_area .home_reserve_item a .txt_wrap:before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        height: 1px;
        transition: all 0.5s;
    }

    .home_reserve_area .home_reserve_item a .txt_wrap:before {
        background-color: #fff;
        z-index: 2;
        width: 91px;
        /* transform: scale(0, 1); */
        transition: width 0.7s cubic-bezier(0.23, 1, 0.32, 1);
    }

    .home_reserve_area .home_reserve_item a .txt_wrap:after {
        background-color: #fff;
        opacity: 0.4;
        z-index: 1;
        width: 100%;
    }

    .home_reserve_area .home_reserve_item a:hover .txt_wrap:before {
        width: 100%;
    }

    .home_reserve_area .home_reserve_item a .arrow {
        width: 36px;
        height: 36px;
        border-radius: 50%;
        border: 1px solid #fff;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        transition: all 0.5s;
    }

    .home_reserve_area .home_reserve_item a .arrow svg {
        display: block;
        width: 14px;
        height: 8px;
    }

    .home_reserve_area .home_reserve_item a:hover .arrow {
        background-color: #fff;
    }

    .home_reserve_area .home_reserve_item a .arrow svg path {
        fill: #fff;
        transition: all 0.5s;
    }

    .home_reserve_area .home_reserve_item a:hover .arrow svg path {
        fill: #4E5864;
    }

    home_reserve_area .home_reserve_item a .ttl::after,
    home_reserve_area .home_reserve_item a .ttl::before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        height: 1px;
    }

    .home_reserve_area .home_reserve_item a:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: -1;
        /* filter: brightness(0.5);
        -webkit-filter: brightness(0.5);
        will-change: filter; */
        /* backdrop-filter: brightness(0.5);
        -webkit-backdrop-filter: brightness(0.5); */
        opacity: 0.5;
        background-color: #000;
    }

    .home_reserve_area .home_reserve_item a:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: -2;
        backdrop-filter: blur(13px);
        -webkit-backdrop-filter: blur(13px);
        /* filter: brightness(0.5);
        -webkit-filter: brightness(0.5); */
        will-change: filter;
    }

    .home_reserve_area .btn_wrap {
        position: absolute;
        bottom: -35px;
        left: 0;
        right: 0;
        margin: auto;
        max-width: 336px;
        padding: 0 30px;
    }

    .home_reserve_area .btn_link {
        display: block;
        width: 100%;
        padding: 25px 52px;
        border: 1px solid #358FC0;
        background-color: #358FC0;
        color: #fff;
        border-radius: 50px;
        transition: all 0.5s;
    }

    .home_reserve_area .btn_link:hover {
        background-color: #fff;
        color: #358FC0;
    }

    .home_reserve_area .btn_link .arrow {
        position: absolute;
        top: 0;
        bottom: 0;
        margin: auto;
        right: 52px;
        width: 15px;
        height: 9px;
    }

    .home_reserve_area .btn_link svg {
        display: block;
    }

    .home_reserve_area .btn_link svg path {
        fill: #fff;
        transition: all 0.5s;
    }

    .home_reserve_area .btn_link:hover svg path {
        fill: #358FC0;
    }

    /*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

  home_studio_area

----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/

    .home_access_area {
        padding: 191px 150px 195px 150px;
    }

    .home_access_area .home_access_inner {
        max-width: 1400px;
        width: 100%;
        margin: 0 auto;
        box-sizing: content-box;
    }

    .home_access_area .title_area {
        padding-top: 20px;
        border-top: 1px solid;
    }

    .home_access_area .title_area h3 {
        font-size: 12px;
        padding-left: 18px;
        position: relative;
    }

    .home_access_area .title_area h3::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        margin: auto;
        width: 11px;
        height: 10px;
        background-image: url(../images/common/polygon_icon.svg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
    }

    .home_access_area .home_access_wrap {
        margin-top: 110px;
        column-gap: 84px;
    }

    .home_access_area .detail {
        width: calc(49% - 42px);
        flex-direction: column;
        row-gap: 28px;
    }

    .home_access_area .map {
        width: calc(51% - 42px);
    }

    .home_access_area .detail dl {
        column-gap: 30px;
        padding-bottom: 28px;
        border-bottom: 1px solid #CECECE;
    }

    .home_access_area .detail dl:last-child {
        border-bottom: unset;
        padding-bottom: 0;
    }

    .home_access_area .detail dt,
    .home_access_area .detail dd {
        font-size: 16px;
    }

    .home_access_area .detail dt {
        width: calc(67px - 15px);
    }

    .home_access_area .detail dd {
        width: calc(100% - 67px - 15px);
        line-height: 1.6;
    }

    .home_access_area .detail dd a {
        padding-bottom: 3px;
        border-bottom: 1px solid;
        transition: all 0.5s;
    }

    .home_access_area .detail dd a:hover {
        color: #358FC0;
    }

    .home_access_area .map iframe {
        display: block;
        width: 100%;
        height: 100%;
    }

    /*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

  home_studio_area

----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/

    .home_news_area {
        padding: 0 150px 160px 150px;
    }

    .home_news_area .home_news_inner {
        max-width: 1400px;
        width: 100%;
        margin: 0 auto;
        box-sizing: content-box;
    }

    .home_news_area .title_area {
        padding-top: 20px;
        border-top: 1px solid;
    }

    .home_news_area .title_area h3 {
        font-size: 12px;
        padding-left: 18px;
        position: relative;
    }

    .home_news_area .title_area h3::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        margin: auto;
        width: 11px;
        height: 10px;
        background-image: url(../images/common/polygon_icon.svg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
    }

    .home_news_area .home_news_wrap {
        margin-top: 70px;
        align-items: flex-start;
        justify-content: space-between;
        column-gap: 100px;
    }

    .home_news_area .view_all_btn {
        display: flex;
        position: relative;
        align-items: center;
        justify-content: space-between;
        padding-bottom: 16px;
        width: calc(235px - 50px);
    }

    .home_news_area .view_all_btn:before {
        background-color: #4E5864;
        z-index: 2;
        width: 38px;
        /* transform: scale(0, 1); */
        transition: width 0.7s cubic-bezier(0.23, 1, 0.32, 1);
    }

    .home_news_area .view_all_btn::after,
    .home_news_area .view_all_btn:before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        height: 1px;
    }

    .home_news_area .view_all_btn:hover::before {
        width: 100%;
    }

    .home_news_area .view_all_btn::after {
        background-color: #4E5864;
        opacity: 0.4;
        z-index: 1;
        width: 100%;
    }

    .home_news_area .view_all_btn .arrow {
        width: 31px;
        height: 31px;
        border-radius: 50%;
        border: 1px solid #4E5864;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        transition: all 0.5s;
    }

    .home_news_area .view_all_btn:hover .arrow {
        background-color: #4E5864;
    }

    .home_news_area .view_all_btn .arrow svg {
        display: block;
        width: 11px;
        height: 6px;
    }

    .home_news_area .view_all_btn .arrow svg path {
        fill: #4E5864;
        transition: all 0.5s;
    }

    .home_news_area .view_all_btn:hover .arrow svg path {
        fill: #fff;
    }

    .home_news_area .home_news_list {
        width: calc(100% - 235px - 50px);
        column-gap: 70px;
        row-gap: 26px;
    }

    .home_news_area .home_news_item {
        width: calc(50% - 35px);
    }

    .home_news_area .home_news_item a {
        column-gap: 20px;
        align-items: center;
    }

    .home_news_area .home_news_item .img {
        width: calc(160px - 10px);
        height: 100%;
        overflow: hidden;
    }

    .home_news_area .home_news_item .date_ttl_area {
        width: calc(100% - 160px - 10px);
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }

    .home_news_area .home_news_item .img img {
        display: block;
        transition: all 0.5s;
    }

    .home_news_area .home_news_item a:hover .img img {
        transform: scale(1.1);
    }

    .home_news_area .home_news_item .date_ttl_area .data {
        font-size: 13px;
        color: #9D9D9D;
        margin-bottom: 13px;
        display: block;
        transition: all 0.5s;
        line-height: 1;
    }

    .home_news_area .home_news_item .date_ttl_area .ttl {
        line-height: 1.8;
        display: inline-block;
        text-underline-offset: 0.9ex;
        text-decoration: underline;
        text-decoration-color: #4E5864;
        transition: all 0.5s;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-right: 20px;
        width: 100%;
    }

    .home_news_area .home_news_item a:hover .date_ttl_area .data,
    .home_news_area .home_news_item a:hover .date_ttl_area .ttl {
        color: #358FC0;
    }

    .home_news_area .home_news_item a:hover .date_ttl_area .ttl {
        text-decoration-color: #358FC0;
    }

    /* 
    
    swiper 共通
    
    */

    .swiper-horizontal>.swiper-scrollbar,
    .swiper-scrollbar.swiper-scrollbar-horizontal {
        position: unset;
    }

    .swiper-button-next.swiper-button-disabled,
    .swiper-button-prev.swiper-button-disabled {
        opacity: 1;
    }

    .swiper-button-next,
    .swiper-button-prev {
        position: unset;
        top: unset;
        width: unset;
        height: unset;
        margin-top: unset;
        z-index: 10;
        color: unset;
    }

    .swiper-button-next:after,
    .swiper-button-prev:after {
        content: unset;
    }

    /*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

  media 2000px～

----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/

    @media all and (min-width:2000px) {
        .fv_area .fv_inner {
            height: 750px;
        }

        .home_other_link_area .other_link_box {
            height: 600px;
        }
    }

    /*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

  media 1550px

----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/

    @media all and (max-width:1800px) {
        .fv_area .fv_inner {
            height: 600px;
        }
    }

    /*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

  media 1550px

----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/

    @media all and (max-width:1530px) {
        .fv_area .catch_copy {
            bottom: 30px;
        }

        .home_price_area .price_item,
        .home_price_area .price_time {
            font-size: 10px;
        }

        .home_price_area .price_item,
        .home_price_area .price_time {
            font-size: 10px;
        }

        .home_price_area .price_time span {
            font-size: 21px;
            font-weight: 100;
        }

        .home_price_area .price_table_list {
            padding: 0 15px 47px 15px;
        }
    }

    /*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

  media 1300px

----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/

    @media all and (max-width:1300px) {
        .fv_area .catch_copy {
            bottom: 70px;
        }

        .fv_area .fv_slider_thumbnail {
            right: 30px;
            bottom: 30px;
        }
    }

    /*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

  media 1200px

----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/

    @media all and (max-width:1200px) {
        .fv_area .fv_sns_list {
            left: 25px;
        }

        .fv_area .fv_inner {
            margin-left: 70px;
        }

        .fv_area .catch_copy {
            bottom: 120px;
        }

        .home_price_area .home_price_inner {
            padding: 25px 70px 110px 70px;
        }

        .home_price_area .price_table_list {
            padding: 0 15px 47px 15px;
        }

        .home_studio_area .home_studio_inner {
            padding: 84px 70px 115px 70px;
        }

        .home_studio_area .studio_cat_wrap {
            column-gap: 24px;
        }

        .home_studio_area .studio_cat_wrap .studio_cat_ttl {
            font-size: 15px;
        }

        .home_studio_area .studio_cat_list {
            column-gap: 12px;
        }

        .home_studio_area .studio_cat_item a {
            padding-right: 20px;
            font-size: 12px;
        }

        .home_studio_area .swiper-horizontal>.swiper-scrollbar,
        .home_studio_area .swiper-scrollbar.swiper-scrollbar-horizontal {
            max-width: 396px;
        }

        .home_other_link_area .other_link_ttl_area {
            padding: 30px 30px 0 30px;
        }

        .home_case_area .home_case_inner {
            padding: 124px 90px 171px 90px;
        }

        .home_reserve_area .home_reserve_inner {
            padding: 71px 90px 127px 90px;
        }

        .home_access_area {
            padding: 191px 90px 195px 90px;
        }

        .home_news_area {
            padding: 0 90px 160px 90px;
        }

        .home_news_area .home_news_item {
            width: 100%;
        }

        .home_price_area .home_price_item_inner {
            padding-top: 66px;
        }
    }

    /*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

  media 1000px

----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/

    @media all and (max-width:1000px) {
        .home_price_area .home_price_list {
            row-gap: 27px;
        }

        .home_price_area .home_price_item {
            width: 100%;
        }

        .home_price_area .price_item,
        .home_price_area .price_time {
            font-size: 13px;
        }
    }

    /*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

  media 768

----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/

    @media all and (max-width:768px) {

        /* 
    
    fv 768

    */
        .fv_area {
            margin-top: 69.7px;
        }

        .fv_area .fv_inner {
            height: 474px;
            margin-left: 0;
        }

        .fv_area .fv_sns_list {
            display: none;
        }

        .fv_area .fv_slider_thumbnail {
            right: 0;
            left: 0;
            bottom: 40px;
            margin: auto;
            padding: 0 40px;
        }

        .fv_area .catch_copy {
            bottom: 135px;
            left: 0;
            z-index: 5;
            right: 0;
            margin: auto;
            padding: 0 30px;
        }

        .fv_area .catch_copy h2 {
            font-size: 25px;
            margin-bottom: 17px;
        }

        .fv_area .catch_copy p {
            font-size: 15px;
            margin-bottom: 30px;
        }

        .fv_area .fv_slider_thumbnail {
            right: 0;
            left: 0;
            bottom: 40px;
            margin: auto;
            padding: 0 30px;
        }

        .fv_area .fv_slider_thumbnail .swiper-wrapper {
            column-gap: 8px;
            justify-content: flex-end;
        }

        .fv_area .fv_slider_thumbnail .swiper-slide {
            max-width: 55px;
            height: 42px;
        }

        .fv_area .catch_copy .link_txt {
            white-space: nowrap;
        }

        /* 
    
    home_price 768
    
    */
        .home_price_area .home_price_inner {
            padding: 34px 30px 40px 30px;
        }

        .home_price_area .home_price_item {
            width: 100%;
        }

        .home_price_area .plan_ttl {
            font-size: 14px;
            padding: 7px 14px;
            line-height: 1;
        }

        .home_price_area .price_table_list {
            row-gap: 15px;
            padding: 0 15px 25px 15px;
        }

        .home_price_area .price_time span {
            font-size: 33px;
        }

        .home_price_area .price_time {
            font-size: 13px;
        }

        .home_price_area .home_price_item_inner a {
            padding: 17px;
            font-size: 13px;
        }

        .home_price_area .home_price_item_inner a span {
            right: 17px;
        }

        .home_price_area .attention_txt {
            font-size: 10px;
            padding-right: 0;
        }

        /* 
        
        home_studio_area 768
        
        */
        .home_studio_area .home_studio_inner {
            padding: 49px 30px 52px 30px;
        }

        .home_studio_area .home_studio_wrap {
            /* box-sizing: border-box; */
            max-width: unset;
            margin: unset;
        }

        .home_studio_area .title_area p {
            font-size: 12px;
        }

        .home_studio_area .title_area .txt_wrap {
            flex-wrap: nowrap;
            column-gap: 10px;
        }

        .home_studio_area .title_area a {
            column-gap: 10px;
            font-size: 12px;
        }

        .home_studio_area .title_area a .arrow {
            width: 20px;
            height: 20px;
        }

        .home_studio_area .title_area a .arrow svg {
            width: 5px;
            height: 3px;
        }

        .home_studio_area .title_area p {
            font-size: 12px;
            line-height: 2;
            margin: 27px 0 42px 0;
        }

        .home_studio_area .studio_slide_block_list {
            /* column-gap: 12px; */
            margin-bottom: 22px;
        }

        .home_studio_area .swiper-slide .img_wrap {
            /* max-width: 256px;
            height: 171px; */
            max-width: 100%;
            height: auto;
        }

        .home_studio_area .studio_cat_wrap {
            align-items: flex-start;
            margin-bottom: 34px;
            /* flex-direction: column; */
            row-gap: 21px;
        }

        .home_studio_area .studio_cat_wrap .studio_cat_ttl {
            font-size: 13px;
        }

        .home_studio_area .studio_cat_list {
            column-gap: 22px;
            row-gap: 18px;
        }

        .home_studio_area .studio_cat_item a {
            padding-right: 25px;
            white-space: nowrap;
            font-size: 15px;
        }

        .home_studio_area .swiper-horizontal>.swiper-scrollbar,
        .home_studio_area .swiper-scrollbar.swiper-scrollbar-horizontal {
            /* max-width: 140px; */
            max-width: 220px;
        }

        .home_studio_area .swiper_nav_wrap {
            column-gap: 16px;
        }

        .home_studio_area .prev_next_arrow .arrow_prev,
        .home_studio_area .prev_next_arrow .arrow_next {
            width: 35px;
            height: 35px;
        }

        /* 
        
        home_loop_area 768
        
        */
        .home_loop_area .home_loop_inner {
            height: 287px;
            margin-bottom: 38px;
        }

        .home_loop_area img {
            padding-right: 3px;
        }

        /* 
        
        home_other_link_area 768
        
        */
        .home_other_link_wrap.flex_contents {
            flex-direction: column;
            row-gap: 12px;
        }

        .home_other_link_area .other_link_box {
            width: 100%;
            height: 326px;
        }

        .home_other_link_area .other_link_ttl_wrap {
            padding-bottom: 15px;
        }

        .home_other_link_area .other_link_ttl_area {
            padding: 50px 30px 0 30px;
        }

        .home_other_link_area .other_link_ttl {
            font-size: 20px;
        }

        .home_other_link_wrap p {
            padding-top: 9px;
            font-size: 15px;
        }

        /* 
        
        home_case_area 768
        
        */
        .home_case_area .home_case_inner {
            padding: 48px 5px 64px 5px;
        }

        .home_case_area .case_detail_ttl_area {
            margin: 48px 0 35px 0;
            column-gap: 20px;
            justify-content: space-between;
            padding: 0 25px;
        }

        .home_case_area .title_area {
            padding-top: 20px;
            width: calc(100% - 50px);
            margin: 0 auto;
        }

        .home_case_area .case_detail_ttl_area span.en_didot {
            font-size: 20px;
        }

        .home_case_area .case_detail_ttl_area a {
            font-size: 14px;
        }

        .home_case_area .home_case_list {
            column-gap: 7px;
            row-gap: 26px;
        }

        .home_case_area .home_case_item {
            width: calc(50% - 3.5px);
        }

        .video-js .ytp-large-play-button {
            width: 48px !important;
            height: 28px !important;
            margin-left: 0 !important;
            margin-top: 0 !important;
            transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
        }

        .video-js.ytp-large-play-button svg {
            left: 0 !important;
            position: unset !important;
            top: 0 !important;
        }

        .home_case_area .home_case_item span {
            margin-top: 5px;
            font-size: 13px;
        }

        /* 

        home_reserve_area 768

        */
        .home_reserve_area .home_reserve_inner {
            padding: 52px 30px 71px 30px;
        }

        .home_reserve_area .title_area {
            margin-bottom: 42px;
        }

        .home_reserve_area .home_reserve_list {
            column-gap: 9px;
            row-gap: 10px;
        }

        .home_reserve_area .home_reserve_item {
            width: calc(50% - 5px);
        }

        .home_reserve_area .home_reserve_item a {
            padding: 21px 12px;
        }

        .home_reserve_area .home_reserve_item a .ttl {
            font-size: 14px;
            line-height: 1;
        }

        .home_reserve_area .home_reserve_item a .txt_wrap {
            padding-bottom: 11px;
        }

        .home_reserve_area .home_reserve_item a .arrow {
            display: none;
        }

        .home_reserve_area .home_reserve_item a .txt_wrap:before {
            width: 32px;
        }

        /* 
        
        home_access_area 768
        
        */
        .home_access_area {
            padding: 85px 30px 52px 30px;
        }

        .home_access_area .home_access_wrap {
            margin-top: 42px;
            row-gap: 24px;
            flex-direction: column-reverse;
        }

        .home_access_area .detail,
        .home_access_area .map {
            width: 100%;
        }

        .home_access_area .map {
            height: 349px;
        }

        .home_access_area .detail dl {
            padding-bottom: 24px;
            flex-direction: column;
            row-gap: 7px;
        }

        .home_access_area .detail dt,
        .home_access_area .detail dd {
            font-size: 14px;
            width: 100%;
        }

        .home_access_area .detail dd a {
            margin-top: 18px;
        }

        /* 
        
        home_news_area 768
        
        */
        .home_news_area {
            padding: 0 30px 60px 30px;
        }

        .home_news_area .home_news_wrap {
            flex-direction: column-reverse;
            row-gap: 46px;
            margin-top: 44px;
        }

        .home_news_area .home_news_list {
            width: 100%;
        }

        .home_news_area .view_all_btn {
            width: unset;
            max-width: 185px;
            column-gap: 73px;
            font-size: 14px;
        }
    }

    /*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

  media 420

----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/

    @media all and (max-width:420px) {
        .home_price_area .price_time span {
            font-size: 18px;
        }

        .home_price_area .price_item {
            font-size: 12px;
        }

        .home_price_area .price_table_item {
            column-gap: 0;
        }

        .home_price_area .price_item {
            letter-spacing: 0.05em;
        }

        .home_price_area .price_time span {
            font-size: 22px;
        }

        .fv_area .catch_copy {
            bottom: 110px;
            left: 0;
            right: 0;
            width: 100%;
            padding: 0 30px;
        }

        .fv_area .catch_copy h2 {
            font-size: 22px;
        }

        .fv_area .catch_copy p {
            font-size: 13px;
        }
    }