@charset "utf-8";
/* CSS Document */





/* ==============================

main_visual

============================== */
.main_visual .main_visual-slide_dots {
    position: absolute;
    bottom: 0;
    left: min( max( calc( 48.5 * 100vw / var( --dw ) ), calc( 48.5px * 0.75 ) ), calc( 48.5px * 1.38 ) );
    display: flex;
    justify-content: flex-start;
    align-items: center;
    min-width: 200px;
    height: 50px;
}
.main_visual .main_visual-slide_dots .dots-wrap {
    display: flex;
    justify-content: center;
} 
.main_visual .dots-wrap li {
    width: 10px;
    height: 10px;
    margin: 0 5px;
    border-radius: 50%;
    background: #fff;
    cursor: pointer;
    transition: background 0.5s;
}
.main_visual .dots-wrap li:hover,
.main_visual .dots-wrap li.slick-active {
    background: rgba( 0, 0, 0, 0.6 );
}
.main_visual .dots-wrap li button {
    display: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
    padding: 0;
    border: none;
    background-color: transparent;
}
@media screen and ( max-width: 768px ) {
    .main_visual .main_visual-slide_dots {
        left: calc( 27.5 * 100vw / var( --dw ) );
        min-width: 30%;
        height: 30px;
    }
    .main_visual .main_visual-slide_dots .dots-wrap {
    } 
    .main_visual .dots-wrap li {
    }
    .main_visual .dots-wrap li:hover,
    .main_visual .dots-wrap li.slick-active {
    }
    .main_visual .dots-wrap li button {
    }
}



.main_visual-first_view {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    z-index: 10;
    /*
    opacity: 0.5;
    */
}
.main_visual-first_view.is_active {
    display: none;
}
.main_visual-first_view_item {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    opacity: 1;
    transition: opacity 0.5s;
}
.main_visual-first_view_item.skip a {
    position: absolute;
    bottom: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 8rem;
    height: 5rem;
    margin: 0;
    padding: 0;
    color: #333;
    border-radius: 0 0.5rem 0 0;
    background-color: rgba( 255, 255, 255, 0.95 );
}
.main_visual-first_view_item.is_active {
    opacity: 0;
}
.main_visual-first_view_item.item_04 { z-index: 1; }
.main_visual-first_view_item.item_01 { z-index: 2; }
.main_visual-first_view_item.item_03 { z-index: 3; }
.main_visual-first_view_item.item_02 { z-index: 4; }
.main_visual-first_view_item.skip { z-index: 5; }
































/* ==============================

point

============================== */
.l-sc.point {
}
/*.point .l-inner {
    padding-left: 0;
    padding-right: 0;
    --bg_color_dark: #e5dc98;
    --bg_color_light: #f5eca9;
    background-image: linear-gradient( 180deg, var( --bg_color_dark ), var( --bg_color_light ) 25%, var( --bg_color_light ) 75%, var( --bg_color_dark ) 100% );
}*/

.point .l-inner {
    padding-left: 0;
    padding-right: 0;
    --bg_color_dark: #cacac9;
    --bg_color_light: #eeeeed;
    background-image: linear-gradient( 180deg, var( --bg_color_dark ), var( --bg_color_light ) 30%, var( --bg_color_light ) 70%, var( --bg_color_dark ) 100% );
}

/*MVメリットボックス背景確認用*/
.point .l-inner2 {
    padding-left: 0;
    padding-right: 0;
    --bg_color_dark: #c2b133;
    --bg_color_light: #f5eca9;
    background-image: linear-gradient( 180deg, var( --bg_color_dark ), var( --bg_color_light ) 30%, var( --bg_color_light ) 70%, var( --bg_color_dark ) 100% );
}
.point .l-inner3 {
    padding-left: 0;
    padding-right: 0;
    --bg_color_dark: #cacac9;
    --bg_color_light: #eeeeed;
    background-image: linear-gradient( 180deg, var( --bg_color_dark ), var( --bg_color_light ) 30%, var( --bg_color_light ) 70%, var( --bg_color_dark ) 100% );
}
/*MVメリットボックス背景確認用*/

@media screen and ( max-width: 768px ) {
    .l-sc.point {
    }
    .point .l-inner {
        padding-left: calc( 27.5 * 100vw / var( --dw ) );
        padding-right: calc( 27.5 * 100vw / var( --dw ) );
    }
}



.point-list {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: stretch;
    gap: 0 min( max( calc( 60 * 100vw / var( --dw ) ), calc( 60px * 0.75 ) ), 60px ); /* gap は デザイン上の幅より拡大させない */
    width: 100%;
    height: min( max( calc( 110 * 100vw / var( --dw ) ), calc( 110px * 0.75 ) ), calc( 110px * 1.38 ) );
    margin: 0;
    padding: min( max( calc( 15 * 100vw / var( --dw ) ), calc( 110px * 0.75 ) ), calc( 15px * 1.38 ) ) 0;
}
.point-list-separator {
    position: relative;
    width: 1px;
    height: 100%;
    margin: 0;
    padding: 0;
    background-color: #a2a2a2;
}
.point-list-each_point {
    position: relative;
    height: 100%;
    margin: 0;
    padding: 0;
}
.point-list-each_point__text {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    text-align: center;
}
.point-list-each_point__text span {
    display: inline-block;
}
@media screen and ( max-width: 768px ) {
    .point-list {
        flex-direction: column;
        gap: calc( 10 * 100vw / var( --dw ) ) 0;
        height: auto;
        padding: calc( 10 * 100vw / var( --dw ) ) 0;
    }
    .point-list-separator {
        width: 100%;
        height: 1px;
    }
    .point-list-each_point {
    }
    .point-list-each_point__text {
    }
    .point-list-each_point__text span {
    }
}



.point-annotation {
    line-height: 3;
    text-align: center;
}
@media screen and ( max-width: 768px ) {
    .point-annotation {
        padding: 0.5em calc( 27.5 * 100vw / var( --dw ) );
        line-height: 1.5;
        text-align: left;
    }
}










/* ==============================

call_to_action

============================== */
.l-sc.call_to_action {
    padding: min( max( calc( 80 * 100vw / var( --dw ) ), calc( 80px * 0.75 ) ), calc( 80px * 1.38 ) ) 0;
}
.l-sc.call_to_action .l-inner {
}
@media screen and ( max-width: 768px ) {
    .l-sc.call_to_action {
        padding: calc( 20 * 100vw / var( --dw ) ) 0;
    }
    .l-sc.call_to_action .l-inner {
        padding: 0;
    }
}



.call_to_action-entty {
    margin-bottom: min( max( calc( 65 * 100vw / var( --dw ) ), calc( 65px * 0.75 ) ), calc( 65px * 1.38 ) );
}
.call_to_action-entty__title {
    margin-bottom: min( max( calc( 10 * 100vw / var( --dw ) ), calc( 10px * 0.75 ) ), calc( 10px * 1.38 ) );
    color: #333;
    text-align: center;
}
.call_to_action-entty__text {
    margin-bottom: min( max( calc( 35 * 100vw / var( --dw ) ), calc( 35px * 0.75 ) ), calc( 35px * 1.38 ) );
    text-align: center;
}
.call_to_action-entty__button {
    position: relative;
    width: min( max( calc( 300 * 100vw / var( --dw ) ), calc( 300px * 0.75 ) ), calc( 300px * 1.38 ) );
    margin: 0 auto;
    padding: 0;
}
.call_to_action-entty__button a {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin: 0;
    padding: 1em 0;
    color: #fff;
    font-family: "Noto Serif JP", serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    font-size: min( max( calc( 16 * 100vw / var( --dw ) ), calc( 16px * 0.75 ) ), calc( 16px * 1.38 ) );
    line-height: 1;
    letter-spacing: 0.06em;
    /*background-color: #A59B54;*/
    background-color: #155c63;
}
@media screen and ( max-width: 768px ) {
    .call_to_action-entty {
        margin-bottom: min( max( calc( 65 * 100vw / var( --dw ) ), calc( 65px * 0.75 ) ), calc( 65px * 1.38 ) );
    }
    .call_to_action-entty__title {
        margin-bottom: min( max( calc( 10 * 100vw / var( --dw ) ), calc( 10px * 0.75 ) ), calc( 10px * 1.38 ) );
        color: #333;
        text-align: center;
    }
    .call_to_action-entty__text {
        margin-bottom: min( max( calc( 35 * 100vw / var( --dw ) ), calc( 35px * 0.75 ) ), calc( 35px * 1.38 ) );
        text-align: center;
    }
    .call_to_action-entty__button {
        width: 100%;
        padding: 0 calc( 27.5 * 100vw / var( --dw ) );
    }
    .call_to_action-entty__button a {
        width: 100%;
        margin: 0;
        padding: 1em 0;
        color: #fff;
        font-size: min( max( calc( 16 * 100vw / var( --dw ) ), calc( 16px * 0.75 ) ), calc( 16px * 1.38 ) );
        line-height: 1;
        letter-spacing: 0.06em;
        /*background-color: #A59B54;*/
        background-color: #155c63;
    }
}



.call_to_action-information {
    position: relative;
    width: 100%;
    max-width: 960px;
    margin: 0 auto;
    padding: 0 calc( 27.5 * 100vw / var( --dw ) );
}
.call_to_action-information__title {
    position: relative;
    width: 100%;
    margin: 0 0 min( max( calc( 10 * 100vw / var( --dw ) ), calc( 10px * 0.75 ) ), calc( 10px * 1.38 ) );
    padding: 0;
    color: #A2A2A2;
    text-align: center;
}
.call_to_action-information-list {
    position: relative;
    width: 100%;
    margin: 0 auto;
    padding: 0;
    text-align: center;
}
@media screen and ( max-width: 1520px ) {
    .call_to_action-information {
    max-width: 800px;
}
}
@media screen and ( max-width: 768px ) {
    .call_to_action-information {
    }
    .call_to_action-information__title {
        margin: 0 0 calc( 10 * 100vw / var( --dw ) );
    }
    .call_to_action-information-list {
    }
}










/* ==============================

l-sc--content

============================== */
.l-sc--content {
    position: relative;
    width: 100%;
    aspect-ratio: 1388 / 650;
    margin: 0;
    padding: 0;
}
@media screen and ( max-width: 768px ) {
    .l-sc--content {
        aspect-ratio: 750 / 1300;
    }
}



.l-sc--content .section-bg {
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}
.l-sc--content .section-bg figure, 
.l-sc--content .section-bg picture {
    height: 100%;
}
.l-sc--content .section-bg picture img {
}
@media screen and ( max-width: 768px ) {
    .l-sc--content .section-bg {
        height: auto;
        aspect-ratio: 750 / 1300;
    }
    .l-sc--content .section-bg figure, 
    .l-sc--content .section-bg picture {
        height: auto;
        aspect-ratio: 750 / 1300;
    }
    .l-sc--content .section-bg picture img {
    }
}



.l-sc--content .section-fg {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}
.l-sc--content .section-fg__title {
    position: absolute;
    margin: 0;
    padding: 0;
}
.l-sc--content .section-fg__text {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
}
.l-sc--content .section-fg__annotation {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
}
.l-sc--content .section-fg-link {
    position: absolute;
    right: 0;
    width: min( max( calc( 350 * 100vw / var( --dw ) ), calc( 300px * 0.75 ) ), calc( 300px * 1.5 ) );
    margin: 0;
    padding: 0;
}
.l-sc--content .section-fg-link a {
    position: relative;
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
}
.l-sc--content .section-fg-link__text {
    position: relative;
    width: 100%;
    margin: 0 0 min( max( calc( 10 * 100vw / var( --dw ) ), calc( 10px * 0.75 ) ), calc( 10px * 1.38 ) );
    padding: 0;
}
.l-sc--content .section-fg-link__read_more {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
    color: #333;
    font-family: "Roboto", sans-serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
    font-size: var( --fs-xs );
    line-height: 2;
    letter-spacing: 0;
    font-variation-settings: "wdth" 100;
}
.l-sc--content .section-fg-link__read_more .bottom_arrow {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 40%;
    height: calc( var( --fs-xs ) / 2 );
    margin: 0;
    padding: 0;
    border-bottom: 2px solid #333;
    transition: transform 1.5s;
}
.l-sc--content a:hover .section-fg-link__read_more .bottom_arrow {
    transform: translateX( 180px );
}
.l-sc--content .section-fg-link__read_more .bottom_arrow::after {
    content: '';
    position: absolute;
    bottom: -1px;
    right: 1px;
    width: 2px;
    height: 100%;
    margin: 0;
    padding: 0;
    background-color: #333;
    transform: rotate( -45deg );
}
/* .white */
.l-sc--content .white .section-fg-link__text {
    color: #fff;
}
.l-sc--content .white .section-fg-link__read_more {
    color: #fff;
}
.l-sc--content .white .section-fg-link__read_more .bottom_arrow {
    border-bottom-color: #fff;
}
.l-sc--content .white .section-fg-link__read_more .bottom_arrow::after {
    background-color: #fff;
}
@media screen and ( max-width: 768px ) {
    .l-sc--content .section-fg {
    }
    .l-sc--content .section-fg__title {
        position: relative;
        margin: calc( 40 * 100vw / var( --dw ) ) auto 0;
        padding: 0;
    }
    .l-sc--content .section-fg__text {
    }
    .l-sc--content .section-fg__annotation {
    }
    .l-sc--content .section-fg-link {
        position: absolute;
        left: calc( 27.5 * 100vw / var( --dw ) );
        right: auto;
        width: 100%;
    }
    .l-sc--content .section-fg-link a {
    }
    .l-sc--content .section-fg-link__text {
        margin: 0 0 calc( 10 * 100vw / var( --dw ) );
    }
    .l-sc--content .section-fg-link__read_more {
    }
    .l-sc--content .section-fg-link__read_more .bottom_arrow {
        width: 30%;
    }
    .l-sc--content a:hover .section-fg-link__read_more .bottom_arrow {
        transform: translateX( 180px );
    }
    .l-sc--content .section-fg-link__read_more .bottom_arrow::after {
    }
    /* .white */
    .l-sc--content .white .section-fg-link__text {
    }
    .l-sc--content .white .section-fg-link__read_more {
    }
    .l-sc--content .white .section-fg-link__read_more .bottom_arrow {
    }
    .l-sc--content .white .section-fg-link__read_more .bottom_arrow::after {
    }
}










/* ==============================

concept

============================== */
.l-sc.concept {
}
.concept .section-fg {
    padding: min( max( calc( 25 * 100vw / var( --dw ) ), calc( 25px * 0.5 ) ), calc( 25px * 1.38 ) ) 0 0;
}
.l-sc--content.concept .section-fg__title {
    position: relative;
    width: 100%;
    margin: 0 0 min( max( calc( 25 * 100vw / var( --dw ) ), calc( 25px * 0.5 ) ), calc( 25px * 1.38 ) );
    padding: 0;
    color: #a2a2a2;
    text-align: center;
}
.concept .section-fg__brand {
    position: relative;
    width: min( max( calc( 380 * 100vw / var( --dw ) ), calc( 380px * 0.5 ) ), calc( 380px * 1.38 ) );
    margin: 0 auto min( max( calc( 20 * 100vw / var( --dw ) ), calc( 20px * 0.5 ) ), calc( 20px * 1.38 ) );
    padding: 0;
}
.concept .section-fg__text {
    margin-bottom: min( max( calc( 15 * 100vw / var( --dw ) ), calc( 15px * 0.5 ) ), calc( 15px * 1.38 ) );
    color: #fff;
    text-align: center;
}
.concept .section-fg__annotation {
    color: #fff;
    text-align: center;
}
@media screen and ( min-width: 900px ) {
    .l-sc.concept {
    }
    .concept .section-fg {
        padding: min( max( calc( 50 * 100vw / var( --dw ) ), calc( 50px * 0.5 ) ), calc( 50px * 1.38 ) ) 0 0;
    }
    .l-sc--content.concept .section-fg__title {
        margin: 0 0 min( max( calc( 50 * 100vw / var( --dw ) ), calc( 50px * 0.5 ) ), calc( 50px * 1.38 ) );
    }
    .concept .section-fg__brand {
        width: min( max( calc( 380 * 100vw / var( --dw ) ), calc( 380px * 0.5 ) ), calc( 380px * 1.38 ) );
        margin: 0 auto min( max( calc( 40 * 100vw / var( --dw ) ), calc( 40px * 0.5 ) ), calc( 40px * 1.38 ) );
    }
    .concept .section-fg__text {
        margin-bottom: min( max( calc( 30 * 100vw / var( --dw ) ), calc( 30px * 0.5 ) ), calc( 30px * 1.38 ) );
    }
    .concept .section-fg__annotation {
    }
}
@media screen and ( max-width: 768px ) {
    .l-sc.concept {
    }
    .l-sc.concept .l-inner {
        padding: 0;
    }
    .concept .section-fg {
        padding: calc( 40 * 100vw / var( --dw ) ) 0 0;
        padding: calc( 30 * 100vw / var( --dw ) ) 0 0;
    }
    .l-sc--content.concept .section-fg__title {
        margin: 0 0 calc( 40 * 100vw / var( --dw ) );
        margin: 0 0 calc( 30 * 100vw / var( --dw ) );
    }
    .concept .section-fg__brand {
        width: 100%;
        margin: 0 auto calc( 20 * 100vw / var( --dw ) );
        padding: 0 calc( 27.5 * 100vw / var( --dw ) );
    }
    .concept .section-fg__text {
        margin-bottom: calc( 15 * 100vw / var( --dw ) );
        padding-left: calc( 27.5 * 100vw / var( --dw ) );
        padding-right: calc( 27.5 * 100vw / var( --dw ) );
        text-align: left;
    }
    .concept .section-fg__annotation {
        padding-left: calc( 27.5 * 100vw / var( --dw ) );
        padding-right: calc( 27.5 * 100vw / var( --dw ) );
        text-align: left;
    }
}
                       




/* ==============================

project

============================== */
.l-sc.project {
}
.l-sc--content.project .section-fg__title {
    top: min( max( calc( 23.5 * 100vw / var( --dw ) ), calc( 23.5px * 0.75 ) ), calc( 23.5px * 1.38 ) );
    left: min( max( calc( 48.5 * 100vw / var( --dw ) ), calc( 48.5px * 0.75 ) ), calc( 48.5px * 1.38 ) );
    width: min( max( calc( 316.5 * 100vw / var( --dw ) ), calc( 316.5px * 0.75 ) ), calc( 316.5px * 1.38 ) );
}
.l-sc--content.project .section-fg-link {
    top: min( max( calc( 112 * 100vw / var( --dw ) ), calc( 112px * 0.75 ) ), calc( 112px * 1.38 ) );
}
.l-sc--content.project .section-fg-link__text {
}
@media screen and ( max-width: 768px ) {
    .l-sc.project {
    }
    .l-sc--content.project .section-fg__title {
        top: auto;
        left: auto;
        width: calc( 316.5 * 100vw / var( --dw ) );
    }
    .l-sc--content.project .section-fg-link {
        top: auto;
        bottom: calc( 40 * 100vw / var( --dw ) );
    }
    .l-sc--content.project .section-fg-link__text {
        color: #fff;
        text-shadow: 
        0.1em 0.1em 0.2em rgba( 0, 0, 0, 0.75 ), 
        -0.1em 0.1em 0.2em rgba( 0, 0, 0, 0.75 ), 
        0.1em -0.1em 0.2em rgba( 0, 0, 0, 0.75 ), 
        -0.1em -0.1em 0.2em rgba( 0, 0, 0, 0.75 );
    }
    .l-sc--content.project .section-fg-link__read_more {
        color: #fff;
    }
    .l-sc--content.project .section-fg-link__read_more .bottom_arrow {
        border-bottom-color: #fff;
    }
    .l-sc--content.project .section-fg-link__read_more .bottom_arrow::after {
        background-color: #fff;
    }
}
                       




/* ==============================

location

============================== */
.l-sc.location {
}
.l-sc--content.location .section-fg__title {
    top: min( max( calc( 23.5 * 100vw / var( --dw ) ), calc( 23.5px * 0.75 ) ), calc( 23.5px * 1.38 ) );
    left: min( max( calc( 48.5 * 100vw / var( --dw ) ), calc( 48.5px * 0.75 ) ), calc( 48.5px * 1.38 ) );
    width: min( max( calc( 386.5 * 100vw / var( --dw ) ), calc( 386.5px * 0.75 ) ), calc( 386.5px * 1.38 ) );
}
.l-sc--content.location .section-fg-link {
    bottom: min( max( calc( 40 * 100vw / var( --dw ) ), calc( 40px * 0.75 ) ), calc( 40px * 1.38 ) );
}
.l-sc--content.location .section-fg-link__text {
    color: #fff;
}
.l-sc--content.location .section-fg-link__read_more {
    color: #fff;
}
.location .location-slide_dots {
    position: absolute;
    bottom: 0;
    left: min( max( calc( 48.5 * 100vw / var( --dw ) ), calc( 48.5px * 0.75 ) ), calc( 48.5px * 1.38 ) );
    display: flex;
    justify-content: flex-start;
    align-items: center;
    min-width: 200px;
    height: 50px;
}
.location .location-slide_dots .dots-wrap {
    display: flex;
    justify-content: center;
} 
.location .dots-wrap li {
    width: 10px;
    height: 10px;
    margin: 0 5px;
    border-radius: 50%;
    background: #fff;
    cursor: pointer;
    transition: background 0.5s;
}
.location .dots-wrap li:hover,
.location .dots-wrap li.slick-active {
    background: rgba( 0, 0, 0, 0.6 );
}
.location .dots-wrap li button {
    display: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
    padding: 0;
    border: none;
    background-color: transparent;
}
@media screen and ( max-width: 768px ) {
    .l-sc.location {
    }
    .l-sc--content.location .section-fg__title {
        top: auto;
        left: auto;
        width: calc( 353.22 * 100vw / var( --dw ) );
    }
    .l-sc--content.location .section-fg-link {
        bottom: calc( 40 * 100vw / var( --dw ) );
    }
    .l-sc--content.location .section-fg-link__text {
        text-shadow: 
        0.1em 0.1em 0.2em rgba( 0, 0, 0, 0.75 ), 
        -0.1em 0.1em 0.2em rgba( 0, 0, 0, 0.75 ), 
        0.1em -0.1em 0.2em rgba( 0, 0, 0, 0.75 ), 
        -0.1em -0.1em 0.2em rgba( 0, 0, 0, 0.75 );
    }
    .l-sc--content.location .section-fg-link__read_more {
    }
    .location .location-slide_dots {
        left: calc( 27.5 * 100vw / var( --dw ) );
        min-width: 30%;
        height: 30px;
    }
    .location .location-slide_dots .dots-wrap {
    } 
    .location .dots-wrap li {
    }
    .location .dots-wrap li:hover,
    .location .dots-wrap li.slick-active {
    }
    .location .dots-wrap li button {
    }
}
                       




/* ==============================

plan

============================== */
.l-sc.plan {
}
.l-sc--content.plan .section-fg__title {
    top: min( max( calc( 40 * 100vw / var( --dw ) ), calc( 40px * 0.75 ) ), calc( 40px * 1.38 ) );
    left: min( max( calc( 65 * 100vw / var( --dw ) ), calc( 65px * 0.75 ) ), calc( 65px * 1.38 ) );
    width: min( max( calc( 173 * 100vw / var( --dw ) ), calc( 173px * 0.75 ) ), calc( 173px * 1.38 ) );
}
.l-sc--content.plan .section-fg-link {
    top: min( max( calc( 40 * 100vw / var( --dw ) ), calc( 40px * 0.75 ) ), calc( 40px * 1.38 ) );
}
.l-sc--content.plan .section-fg-link__text {
    margin: 0;
}
.l-sc--content.plan .section-fg-link__annotation {
    margin: 0 0 min( max( calc( 10 * 100vw / var( --dw ) ), calc( 10px * 0.75 ) ), calc( 10px * 1.38 ) );
}
@media screen and ( max-width: 768px ) {
    .l-sc.plan {
    }
    .l-sc--content.plan .section-fg__title {
        top: auto;
        left: auto;
        width: calc( 173 * 100vw / var( --dw ) );
    }
    .l-sc--content.plan .section-fg-link {
        top: calc( 100 * 100vw / var( --dw ) );
    }
    .l-sc--content.plan .section-fg-link__text {
        margin: 0;
    }
    .l-sc--content.plan .section-fg-link__annotation {
        margin: 0 0 calc( 10 * 100vw / var( --dw ) );
    }
}
                       






























































/* ==============================

font-size

============================== */