/* CSS Document */





.l-section-inner-content__text {
    position: relative;
    width: 100%;
    margin: 0 0 min( calc( 90 * 100vw / var( --design-width ) ), 90px );
    padding: 0 var(--default-padding-x);
    color: #262626;
    font-size: min( calc( 29 * 100vw / var( --design-width ) ), 29px );
    line-height: 2;
    letter-spacing: 0.1em;
}
@media screen and ( max-width: 768px ) {
    .l-section-inner-content__text {
        margin: 0 0 calc( 45 * 100vw / var( --design-width ) );
        font-size: calc( 16 * 100vw / var( --design-width ) );
        line-height: 1.5;
    }
}





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

approach 

============================== */
.position-index .l-section.approach {
    padding: 0;
    background-color: rgba( 244, 243, 237, 0.83 );
}
.position-index .approach-inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
}
@media screen and ( max-width: 768px ) {
    .position-index .l-section.approach {
    }
    .position-index .approach-inner {
    }
}



.position-index .approach-inner-image {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
    font-size: 0;
}
.position-index .approach-inner-image picture img {
    width: 100%;
}
.position-index .approach-inner-image figcaption {
    position: absolute;
    bottom: 0;
    right: 0;
    display: inline-block;
    width: auto;
    margin: 0;
    padding: 0;
    color: #fff;
    font-size: var( --font-size-figcaption );
    line-height: 2;
    letter-spacing: 0.1em;
    background-color: rgba( 0, 0, 0, 0.4 );
}
@media screen and ( max-width: 768px ) {
    .position-index .approach-inner-image {
    }
    .position-index .approach-inner-image::after {
        content: url(../img/common/icon_zoom.png);
        position: absolute;
        display: block;
        top: calc(50% - calc(calc(65 * 100vw / var(--design-width)) / 2));
        left: calc(50% - calc(calc(65 * 100vw / var(--design-width)) / 2));
        width: calc(65 * 100vw / var(--design-width));
        height: calc(65 * 100vw / var(--design-width));
        margin: 0;
        padding: 0;
        background-color: rgba(0, 0, 0, 0.3);
        transition: all 0.5s;
        opacity: 1;
    }
    .position-index .approach-inner-image.is_active::after {
        opacity: 0;
    }
    .position-index .approach-inner-image picture img {
    }
    .position-index .approach-inner-image figcaption {
    }
}



.position-index .approach-inner-content {
    position: relative;
    width: 100%;
    max-width: 1610px;
    margin: 0 auto;
    padding: 110px var( --default-padding-x );
    padding: 165px var( --default-padding-x );
}
.position-index .approach-inner-content .l-section-title {
    width: 100%;
    max-width: 1610px;
    margin-left: auto;
    text-align: left;
}
.position-index .approach-inner-content .l-section-lead {
    max-width: 1610px;
    margin-left: auto;
    margin-left: right;
    text-align: left;
}
@media screen and ( max-width: 768px ) {
    .position-index .approach-inner-content {
        max-width: none;
        margin: 0;
        padding: calc( 60 * 100vw / var( --design-width ) ) var( --default-padding-x );
    }
    .position-index .approach-inner-content .l-section-title {
        max-width: none;
    }
    .position-index .approach-inner-content .l-section-lead {
        max-width: none;
    }
}



.position-index .approach-inner-content-inner {
    position: relative;
    width: 100%;
    margin: 0 ;
    padding: 0;
}
.position-index .l-section.approach .approach-inner-content-inner .l-section-inner-content__text {
    position: absolute;
    top: 0;
    left: 0;
    padding: 0;
}
.position-index .approach-inner-content-inner-image {
    position: relative;
    width: 100%;
    margin: 0;
    padding: min( calc( 150 * 100vw / var( --design-width ) ), 150px ) 0 0;
    font-size: 0;
    mix-blend-mode: multiply;
}
.position-index .approach-inner-content-inner-image picture img {
    width: 100%;
}
.position-index .approach-inner-content-inner-image figcaption {
    position: absolute;
    bottom: 15%;
    right: 0;
    display: inline-block;
    width: auto;
    margin: 0;
    padding: 0;
    color: #333;
    font-size: var( --font-size-figcaption );
    line-height: 2;
    letter-spacing: 0.1em;
}
@media screen and ( max-width: 768px ) {
    .position-index .approach-inner-content-inner {
    }
    .position-index .l-section.approach .approach-inner-content-inner .l-section-inner-content__text {
        position: relative;
        top: auto;
        left: auto;
        margin-bottom: calc( 60 * 100vw / var( --design-width ) );
    }
    .position-index .approach-inner-content-inner-image {
        padding: 0;
        margin-bottom: calc( 60 * 100vw / var( --design-width ) );
    }
    .position-index .approach-inner-content-inner-image::after {
        content: url(../img/common/icon_zoom.png);
        position: absolute;
        display: block;
        top: calc(50% - calc(calc(65 * 100vw / var(--design-width)) / 2));
        left: calc(50% - calc(calc(65 * 100vw / var(--design-width)) / 2));
        width: calc(65 * 100vw / var(--design-width));
        height: calc(65 * 100vw / var(--design-width));
        margin: 0;
        padding: 0;
        background-color: rgba(0, 0, 0, 0.3);
        transition: all 0.5s;
        opacity: 1;
    }
    .position-index .approach-inner-content-inner-image.is_active::after {
        opacity: 0;
    }
    .position-index .approach-inner-content-inner-image picture img {
    }
    .position-index .approach-inner-content-inner-image figcaption {
        bottom: 0;
    }
}



.l-section.approach .approach-movie {
    position: relative;
    width: 100%;
    max-width: 924px;
    margin: 0 auto;
    padding: 0;
}
.l-section.approach .approach-movie-text {
    position: relative;
    width: 100%;
    margin: 0 0 min( calc( 35 * 100vw / var( --design-width ) ), 35px );
    padding: 0;
    font-size: min( calc( 31 * 100vw / var( --design-width ) ), 31px );
    line-height: 1;
    letter-spacing: 0.1em;
    text-align: center;
}
.l-section.approach .approach-movie-caption {
    position: relative;
    width: 100%;
    margin: 0 0 min( calc( 35 * 100vw / var( --design-width ) ), 35px );
    padding: 0;
    color: #fff;
    font-size: min( calc( 30 * 100vw / var( --design-width ) ), 30px );
    line-height: 2;
    letter-spacing: 0.1em;
    text-align: center;
    background-color: #1F2346;
}
.l-section.approach .approach-movie-image {
}
.l-section.approach .approach-movie-image a {
}
.l-section.approach .approach-movie-image a img {
}
@media screen and ( max-width: 768px ) {
    .l-section.approach .approach-movie {
        max-width: none;
    }
    .l-section.approach .approach-movie-text {
        margin: 0 0 calc( 20 * 100vw / var( --design-width ) );
        font-size: calc( 14 * 100vw / var( --design-width ) );
        line-height: 1.5;
    }
    .l-section.approach .approach-movie-caption {
        margin: 0 0 calc( 20 * 100vw / var( --design-width ) );
        font-size: calc( 13 * 100vw / var( --design-width ) );
        line-height: 3;
    }
    .l-section.approach .approach-movie-image {
    }
    .l-section.approach .approach-movie-image a {
    }
    .l-section.approach .approach-movie-image a img {
    }
}





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

merit_of_station 

============================== */
.position-index .l-section.merit_of_station {
    padding-top: 110px;
    padding: 165px 0;
    background-color: #1F2346;
}
.position-index .merit_of_station-inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
}
@media screen and ( max-width: 768px ) {
    .position-index .l-section.merit_of_station {
        padding-top: calc( 60 * 100vw / var( --design-width ) );
        padding: calc( 60 * 100vw / var( --design-width ) ) 0;
    }
    .position-index .merit_of_station-inner {
    }
}



.position-index .merit_of_station-inner .l-section-title {
    color: rgba( 255, 255, 255, 0.4 );
    text-align: center;
}
.position-index .merit_of_station-inner .l-section-lead {
    color: #fff;
}
@media screen and ( max-width: 768px ) {
    .position-index .merit_of_station-inner .l-section-title {
    }
    .position-index .merit_of_station-inner .l-section-lead {
    }
}



.position-index .l-section.merit_of_station .merit_of_station-inner-content {
    position: relative;
    width: 30.58%;
    max-width: 520px;
    margin: 0 auto;
    padding: 0;
}
.position-index .merit_of_station-inner-content-image {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
    font-size: 0;
}
.position-index .merit_of_station-inner-content-image picture img {
    width: 100%;
}
.position-index .merit_of_station-inner-content-image figcaption {
    position: absolute;
    bottom: 0;
    right: 0;
    display: inline-block;
    width: auto;
    margin: min( calc( 15 * 100vw / var( --design-width ) ), 15px ) 0 0;
    padding: 0;
    color: #fff;
    font-size: var( --font-size-figcaption );
    line-height: 2;
    letter-spacing: 0.1em;
    background-color: rgba( 0, 0, 0, 0.4 );
}
.position-index .merit_of_station-inner-content-caption {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 1em 0;
    color: #fff;
    font-size: min( calc( 34 * 100vw / var( --design-width ) ), 34px );
    font-size: min( calc( 33 * 100vw / var( --design-width ) ), 33px );
    line-height: 1;
    letter-spacing: 0.1em;
    text-align: center;
    border-bottom: 1px solid #fff;
}
.position-index .l-section.merit_of_station .merit_of_station-inner-content .l-section-inner-content__text {
    margin: min( calc( 34 * 100vw / var( --design-width ) ), 34px ) 0 0;
    padding: 0;
    color: #fff;
}
@media screen and ( max-width: 768px ) {
    .position-index .l-section.merit_of_station .merit_of_station-inner-content {
        width: 100%;
        max-width: none;
    }
    .position-index .l-section.merit_of_station .merit_of_station-inner-content.cntent_01 {
        margin-bottom: calc( 60 * 100vw / var( --design-width ) );
    }
    .position-index .l-section.merit_of_station .merit_of_station-inner-content.cntent_02 {
        margin-bottom: calc( 60 * 100vw / var( --design-width ) );
    }
    .position-index .merit_of_station-inner-content-image {
    }
    .position-index .merit_of_station-inner-content-image picture img {
    }
    .position-index .merit_of_station-inner-content-image figcaption {
        margin: min( calc( 15 * 100vw / var( --design-width ) ), 15px ) 0 0;
    }
    .position-index .merit_of_station-inner-content-caption {
        font-size: calc( 20 * 100vw / var( --design-width ) );
    }
    .position-index .l-section.merit_of_station .merit_of_station-inner-content .l-section-inner-content__text {
        margin: calc( 34 * 100vw / var( --design-width ) ) 0 0;
    }
}



.position-index .merit_of_station-inner-content.cntent_01 .merit_of_station-inner-content-image {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}
.position-index .merit_of_station-inner-content.cntent_01 .merit_of_station-inner-content-image figure {
    width: 50%;
}
@media screen and ( max-width: 768px ) {
    .position-index .merit_of_station-inner-content.cntent_01 .merit_of_station-inner-content-image {
    }
    .position-index .merit_of_station-inner-content.cntent_01 .merit_of_station-inner-content-image figure {
    }
}





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

value_of_position 

============================== */
.position-index .l-section.value_of_position {
    padding-top: 110px;
    padding: 165px 0;
    background-color: #262626;
}
.position-index .value_of_position-inner {
}
@media screen and ( max-width: 768px ) {
    .position-index .l-section.value_of_position {
        padding-top: calc( 60 * 100vw / var( --design-width ) );
        padding: calc( 60 * 100vw / var( --design-width ) ) 0;
    }
    .position-index .value_of_position-inner {
    }
}



.position-index .value_of_position-inner .l-section-title {
    color: rgba( 255, 255, 255, 0.4 );
    text-align: left;
}
@media screen and ( max-width: 768px ) {
    .position-index .value_of_position-inner .l-section-title {
    }
}



.position-index .value_of_position-inner-content {
    position: relative;
    width: 100%;
    max-width: 1484px;
    margin: 0 auto min( calc( 200 * 100vw / var( --design-width ) ), 200px );
    padding: 0;
}
.position-index .value_of_position-inner-content .l-section-lead {
    color: #fff;
    text-align: left;
}
.position-index .l-section.value_of_position .value_of_position-inner-content .l-section-inner-content__text {
    padding: 0;
    color: #fff;
    text-align: left;
}
.position-index .value_of_position-inner-content-image {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
    font-size: 0;
}
.position-index .value_of_position-inner-content-image-caption {
    position: relative;
    width: 100%;
    margin: 0 auto min( calc( 20 * 100vw / var( --design-width ) ), 20px );
    color: #fff;
    font-size: min( calc( 28 * 100vw / var( --design-width ) ), 28px );
    line-height: 1;
    letter-spacing: 0.1em;
}
.position-index .value_of_position-inner-content-image-inner {
}
.position-index .value_of_position-inner-content-image picture img {
    width: 100%;
}
.position-index .value_of_position-inner-content-image figcaption {
    position: relative;
    display: block;
    width: 100%;
    margin: min( calc( 15 * 100vw / var( --design-width ) ), 15px ) 0 0;
    padding: 0;
    color: #fff;
    font-size: var( --font-size-figcaption );
    line-height: 2;
    letter-spacing: 0.1em;
}
@media screen and ( max-width: 768px ) {
    .position-index .value_of_position-inner-content {
        max-width: none;
        margin: 0 auto calc( 100 * 100vw / var( --design-width ) );
    }
    .position-index .value_of_position-inner-content .l-section-lead {
    }
    .position-index .l-section.value_of_position .value_of_position-inner-content .l-section-inner-content__text {
    }
    .position-index .value_of_position-inner-content-image {
    }
    .position-index .value_of_position-inner-content-image-caption {
        margin: 0 auto calc( 20 * 100vw / var( --design-width ) );
        font-size: calc( 14 * 100vw / var( --design-width ) );
    }
    .position-index .value_of_position-inner-content-image-inner {
        position: relative;
        width: 100%;
        margin: 0;
        padding: 0;
        overflow: scroll;
    }
    .position-index .value_of_position-inner-content-image-inner::after {
        content: url(../img/common/icon_swipe.png);
        position: absolute;
        display: block;
        top: calc(50% - calc(calc(65 * 100vw / var(--design-width)) / 2));
        left: calc(50% - calc(calc(65 * 100vw / var(--design-width)) / 2));
        width: calc(65 * 100vw / var(--design-width));
        height: calc(65 * 100vw / var(--design-width));
        margin: 0;
        padding: 0;
        background-color: rgba(0, 0, 0, 0.3);
        transition: all 0.5s;
        opacity: 1;
    }
    .position-index .value_of_position-inner-content-image-inner.is_active::after {
        opacity: 0;
    }
    .position-index .value_of_position-inner-content-image-inner_image {
        position: relative;
        width: 300%;
    }
    .position-index .value_of_position-inner-content-image figure {
    }
    .position-index .value_of_position-inner-content-image picture img {
    }
    .position-index .value_of_position-inner-content-image figcaption {
        margin: calc( 15 * 100vw / var( --design-width ) ) 0 0;
    }
}



.position-index .value_of_position-inner-content.content_02 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
}
.position-index .l-section.value_of_position .value_of_position-inner-content.content_02 .l-section-inner-content__text {
    width: 36.59%;
}
.position-index .content_02 .value_of_position-inner-content-image {
    position: relative;
    width: 55.32%;
    margin: 0;
    padding: 0;
    font-size: 0;
}
@media screen and ( max-width: 768px ) {
    .position-index .value_of_position-inner-content.content_02 {
    }
    .position-index .value_of_position-inner-content.content_02 .l-section-lead {
        font-size: calc( 19.5 * 100vw / var( --design-width ) );
    }
    .position-index .l-section.value_of_position .value_of_position-inner-content.content_02 .l-section-inner-content__text {
        width: 100%;
    }
    .position-index .content_02 .value_of_position-inner-content-image {
        width: 100%;
    }
}



.position-index .value_of_position-inner-content.content_03 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
}
.position-index .l-section.value_of_position .value_of_position-inner-content.content_03 .l-section-inner-content__text {
    width: 100%;
}
.position-index .content_03 .value_of_position-inner-content-image {
    position: relative;
    margin: 0;
    padding: 0;
    font-size: 0;
}
.position-index .content_03 .value_of_position-inner-content-image.image_01 {
    width: 32%;
}
.position-index .content_03 .value_of_position-inner-content-image-caption {
    font-size: min( calc( 25 * 100vw / var( --design-width ) ), 25px );
}
.position-index .content_03 .value_of_position-inner-content-image-point {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin: min( calc( 10 * 100vw / var( --design-width ) ), 10px ) 0 0;
    padding: 0.7em 0;
    color: #fff;
    font-size: min( calc( 29 * 100vw / var( --design-width ) ), 29px );
    line-height: 1;
    letter-spacing: 0.1em;
    background-color: #9B8900;
}
.position-index .content_03 .value_of_position-inner-content-image.image_02 {
    width: 100%;
    max-width: 1085px;
    margin: min( calc( 120 * 100vw / var( --design-width ) ), 120px ) auto 0;
}
.position-index .content_03 .value_of_position-inner-content-image.image_02 figcaption {
    margin-top: min( calc( 50 * 100vw / var( --design-width ) ), 50px );
}

.position-index .content_03_left{
    margin-top: 4%;
    width: 62%;
}
.value_of_position-inner-content-notice{
    width: 100%;
    margin-top: 40px;
    color:#fff;
    text-align: right;
    font-size: min(calc(13 * 100vw / var(--design-width)), 13px);
}

@media screen and ( max-width: 768px ) {
    .position-index .value_of_position-inner-content.content_03 {
    }
    .position-index .l-section.value_of_position .value_of_position-inner-content.content_03 .l-section-inner-content__text {
        width: 100%;
    }
    .position-index .content_03 .value_of_position-inner-content-image {
    }
    .position-index .content_03 .value_of_position-inner-content-image.image_01 {
        width: 100%;
    }
    .position-index .content_03 .value_of_position-inner-content-image-caption {
        font-size: calc( 14 * 100vw / var( --design-width ) );
        line-height: 1.5;
    }
    .position-index .content_03 .value_of_position-inner-content-image.image_01 figure {
        margin-bottom: calc( 20 * 100vw / var( --design-width ) );
    }
    .position-index .content_03 .value_of_position-inner-content-image-point {
        margin: calc( 10 * 100vw / var( --design-width ) ) 0 0;
        font-size: calc( 16 * 100vw / var( --design-width ) );
        line-height: 1.5;
        text-align: center;
    }
    .position-index .content_03 .value_of_position-inner-content-image.image_02 {
        max-width: none;
        margin: min( calc( 60 * 100vw / var( --design-width ) ), 60px ) auto 0;
    }
    .position-index .content_03 .value_of_position-inner-content-image.image_02 figcaption {
        margin-top: min( calc( 25 * 100vw / var( --design-width ) ), 25px );
    }
    .position-index .content_03_left {
        width: 100%;
        margin-bottom: 40px;
    }
    
    .value_of_position-inner-content-notice {
        margin-top: 20px;
        text-align: left;
    }
}



.position-index .value_of_position-inner-content.content_04 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 0;
}
.position-index .l-section.value_of_position .value_of_position-inner-content.content_04 .l-section-inner-content__text {
    width: 45.01%;
}
.position-index .content_04 .value_of_position-inner-content-image {
    position: relative;
    width: 47.84%;
    margin: 0;
    padding: 0;
    font-size: 0;
}
.position-index .content_04 .value_of_position-inner-content-annotation {
    position: relative;
    width: 100%;
    margin: min( calc( 15 * 100vw / var( --design-width ) ), 15px ) 0 0;
    padding: 0;
    color: #fff;
    font-size: var( --font-size-figcaption );
    line-height: 2;
    letter-spacing: 0.1em;
}
@media screen and ( max-width: 768px ) {
    .position-index .value_of_position-inner-content.content_04 {
    }
    .position-index .l-section.value_of_position .value_of_position-inner-content.content_04 .l-section-inner-content__text {
        width: 100%;
    }
    .position-index .content_04 .value_of_position-inner-content-image {
        width: 100%;
    }
    .position-index .content_04 .value_of_position-inner-content-annotation {
        margin: calc( 15 * 100vw / var( --design-width ) ) 0 0;
    }
}





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

soka_east_area 

============================== */
.position-index .l-section.soka_east_area {
    padding-bottom: 0;
    background-color: #948572;
}
.position-index .soka_east_area-inner {
}
@media screen and ( max-width: 768px ) {
    .position-index .l-section.soka_east_area {
    }
    .position-index .soka_east_area-inner {
    }
}



.position-index .l-section.soka_east_area figcaption {
    position: relative;
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    color: #333;
    font-size: var( --font-size-figcaption );
    line-height: 2;
    letter-spacing: 0.1em;
}
@media screen and ( max-width: 768px ) {
}



.position-index .soka_east_area-inner-bg {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
    font-size: 0;
}
.position-index .soka_east_area-inner-bg picture img {
    width: 100%;
}
.position-index .l-section.soka_east_area .soka_east_area-inner-bg figcaption {
    position: absolute;
    bottom: 35%; /* 500px at 1920 */
    right: 0;
    width: auto;
    color: #fff;
}
@media screen and ( max-width: 768px ) {
}



.position-index .soka_east_area-inner-content {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0 var(--default-padding-x);
}
@media screen and ( max-width: 768px ) {
}



.position-index .soka_east_area-inner-content.content_01 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-end;
    max-width: 1380px;
    margin: max( calc( -1 * 655 * 100vw / var( --design-width ) ), -655px ) auto min( calc( 220 * 100vw / var( --design-width ) ), 220px ); /* .l-section-title is 185 at 1920 */
}
.position-index .soka_east_area-inner-content.content_01 .l-section-title {
    color: rgba( 255, 255, 255, 0.51 );
    text-align: left;
}
@media screen and ( max-width: 768px ) {
    .position-index .soka_east_area-inner-content.content_01 {
        flex-direction: column;
        flex-wrap: nowrap;
        max-width: none;
        margin: max( calc( -1 * 50 * 100vw / var( --design-width ) ), -50px ) auto calc( 110 * 100vw / var( --design-width ) ); /* .l-section-title is 185 at 1920 */
    }
    .position-index .soka_east_area-inner-content.content_01 .l-section-title {
        text-align: center;
    }
}



.position-index .soka_east_area-inner-content-left {
    position: relative;
    width: 56.88%;
    margin: 0;
    padding: 0;
}
.position-index .soka_east_area-inner-content-left .l-section-lead {
    color: #fff;
    text-align: left;
}
.position-index .soka_east_area-inner-content-left .l-section-inner-content__text {
    padding: 0;
    color: #fff;
    text-align: left;
}
.position-index .soka_east_area-inner-content-left-image {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    width: 100%;
    margin: 0;
    padding: 0;
}
.position-index .soka_east_area-inner-content-left-image .image_item {
    position: relative;
    width: 48.91%;
    margin: 0;
    padding: 0;
    font-size: 0;
}
.position-index .soka_east_area-inner-content-left-image .image_item picture img {
    width: 100%;
}
.position-index .soka_east_area-inner-content-left-image .image_item figcaption {
    color: #fff;
}
@media screen and ( max-width: 768px ) {
    .position-index .soka_east_area-inner-content-left {
        width: 100%;
        margin-bottom: calc( 60 * 100vw / var( --design-width ) );
    }
    .position-index .soka_east_area-inner-content-left .l-section-lead {
        text-align: center;
    }
    .position-index .soka_east_area-inner-content-left .l-section-inner-content__text {
        text-align: left;
    }
    .position-index .soka_east_area-inner-content-left-image {
        position: relative;
        display: flex;
        justify-content: space-between;
        align-items: flex-end;
        width: 100%;
        margin: 0;
        padding: 0;
    }
    .position-index .soka_east_area-inner-content-left-image .image_item {
        position: relative;
        width: 48.91%;
        margin: 0;
        padding: 0;
        font-size: 0;
    }
    .position-index .soka_east_area-inner-content-left-image .image_item picture img {
        width: 100%;
    }
    .position-index .soka_east_area-inner-content-left-image .image_item figcaption {
        color: #fff;
    }
}



.position-index .soka_east_area-inner-content-map {
    position: relative;
    width: 36.88%;
    margin: 0;
    padding: 0;
    font-size: 0;
}
.position-index .soka_east_area-inner-content-map figure {
}
.position-index .soka_east_area-inner-content-map picture {
    aspect-ratio: 509 / 759;
}
.position-index .soka_east_area-inner-content-map picture img {
    width: 100%;
}
.position-index .l-section.soka_east_area .soka_east_area-inner-content-map figcaption {
    color: #fff;
}
@media screen and ( max-width: 768px ) {
    .position-index .soka_east_area-inner-content-map {
        width: 100%;
    }
    .position-index .soka_east_area-inner-content-map figure {
    }
    .position-index .soka_east_area-inner-content-map picture {
    }
    .position-index .soka_east_area-inner-content-map picture img {
    }
    .position-index .l-section.soka_east_area .soka_east_area-inner-content-map figcaption {
    }
}





.position-index .soka_east_area-inner-content.content_02 {
    margin: 0;
    padding-bottom: min( calc( 110 * 100vw / var( --design-width ) ), 110px );
    padding-bottom: 165px;
    background-image: url( '../img/position/soka_east_area-inner-content_02-bg.webp' );
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: cover;
}
.position-index .soka_east_area-inner-content.content_02 .l-section-lead {
    color: #fff;
}
.position-index .soka_east_area-inner-content.content_02 .l-section-inner-content__text {
    padding: 0;
    color: #fff;
    text-align: center;
}
.position-index .soka_east_area-inner-content.content_02 .soka_east_area-inner-content-caption {
    position: relative;
    width: 100%;
    margin: 0 0 min( calc( 70 * 100vw / var( --design-width ) ), 70px );
    padding: 0;
    color: #fff;
    font-size: min( calc( 40 * 100vw / var( --design-width ) ), 40px );
    line-height: 1;
    letter-spacing: 0.1em;
    text-align: center;
}
@media screen and ( max-width: 768px ) {
    .position-index .soka_east_area-inner-content.content_02 {
        padding-bottom: calc( 55 * 100vw / var( --design-width ) );
    }
    .position-index .soka_east_area-inner-content.content_02 .l-section-lead {
    }
    .position-index .soka_east_area-inner-content.content_02 .l-section-inner-content__text {
    }
    .position-index .soka_east_area-inner-content.content_02 .soka_east_area-inner-content-caption {
        margin: 0 0 calc( 35 * 100vw / var( --design-width ) );
        font-size: calc( 20 * 100vw / var( --design-width ) );
    }
}



.position-index .soka_east_area-inner-content-tab {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    max-width: 1132px;
    margin: 0 auto min( calc( 60 * 100vw / var( --design-width ) ), 60px );
    padding: 0;
}
.position-index .soka_east_area-inner-content-tab .each_item {
    position: relative;
    width: 23.85%;
    margin: 0;
    padding: 0;
}
.position-index .soka_east_area-inner-content-tab .each_item a {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 2.8em;
    margin: 0;
    padding: 0;
    color: #fff;
    font-size: min( calc( 35 * 100vw / var( --design-width ) ), 35px );
    line-height: 1;
    letter-spacing: 0.1em;
    background-color: rgba( 255, 255, 255, 0.24 );
}
.position-index .soka_east_area-inner-content-tab .each_item.is_active a {
    background-color: #1F2346;
}
@media screen and ( max-width: 768px ) {
    .position-index .soka_east_area-inner-content-tab {
        max-width: none;
        margin: 0 auto calc( 30 * 100vw / var( --design-width ) );
    }
    .position-index .soka_east_area-inner-content-tab .each_item {
    }
    .position-index .soka_east_area-inner-content-tab .each_item a {
        font-size: calc( 17.5 * 100vw / var( --design-width ) );
    }
    .position-index .soka_east_area-inner-content-tab .each_item.is_active a {
        background-color: #1F2346;
    }
}



.position-index .soka_east_area-inner-content-tab_content {
    position: relative;
    width: 100%;
    max-width: 1132px;
    margin: 0 auto;
    padding: 0;
}
.position-index .soka_east_area-inner-content-tab_content .each_item {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    margin: 0;
    padding: 0;
    opacity: 0;
    transition: opacity 0.5s;
}
.position-index .soka_east_area-inner-content-tab_content .each_item.is_active {
    opacity: 1;
}
.position-index .soka_east_area-inner-content-tab_content .each_item.content_1948 {
    position: relative;
    top: auto;
    left: auto;
}
.position-index .soka_east_area-inner-content-tab_content .each_item-image {
    position: relative;
    width: 100%;
    margin: 0 0 min( calc( 60 * 100vw / var( --design-width ) ), 60px );
    padding: 0;
    font-size: 0;
}
.position-index .soka_east_area-inner-content-tab_content .each_item-image picture img {
    width: 100%;
}
.position-index .soka_east_area-inner-content-tab_content .each_item-image figcaption {
    color: #fff;
}
.position-index .soka_east_area-inner-content-tab_content .each_item-explain {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
}
.position-index .soka_east_area-inner-content-tab_content .each_item-explain .year {
    position: relative;
    width: 100%;
    margin: 0 0 min( calc( 40 * 100vw / var( --design-width ) ), 40px );
    padding: 0;
    color: #fff;
    font-size: min( calc( 35 * 100vw / var( --design-width ) ), 35px );
    line-height: 1;
    letter-spacing: 0.1em;
    text-align: center;
}
.position-index .soka_east_area-inner-content-tab_content .each_item-explain .year .text-l {
    font-size: min( calc( 65 * 100vw / var( --design-width ) ), 65px );
}
.position-index .l-section.soka_east_area .soka_east_area-inner-content-tab_content .each_item-explain .l-section-inner-content__text {
    margin: 0;
    padding: 0;
    color: #fff;
    font-size: min( calc( 29 * 100vw / var( --design-width ) ), 29px );
    font-size: min( calc( 25 * 100vw / var( --design-width ) ), 25px );
    text-align: center;
}
@media screen and ( max-width: 768px ) {
    .position-index .soka_east_area-inner-content-tab_content {
        max-width: none;
        padding: 0;
    }
    .position-index .soka_east_area-inner-content-tab_content .each_item {
    }
    .position-index .soka_east_area-inner-content-tab_content .each_item.is_active {
    }
    .position-index .soka_east_area-inner-content-tab_content .each_item.content_1948 {
    }
    .position-index .soka_east_area-inner-content-tab_content .each_item-image {
        margin: 0 0 calc( 30 * 100vw / var( --design-width ) );
    }
    .position-index .soka_east_area-inner-content-tab_content .each_item-image picture img {
    }
    .position-index .soka_east_area-inner-content-tab_content .each_item-image figcaption {
    }
    .position-index .soka_east_area-inner-content-tab_content .each_item-explain {
    }
    .position-index .soka_east_area-inner-content-tab_content .each_item-explain .year {
        margin: 0 0 calc( 20 * 100vw / var( --design-width ) );
        font-size: var( --font-size-20 );
    }
    .position-index .soka_east_area-inner-content-tab_content .each_item-explain .year .text-l {
        font-size: calc( 32.5 * 100vw / var( --design-width ) );
    }
    .position-index .l-section.soka_east_area .soka_east_area-inner-content-tab_content .each_item-explain .l-section-inner-content__text {
        font-size: calc( 16 * 100vw / var( --design-width ) );
    }
}





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

green_promenade 

============================== */
.position-index .l-section.green_promenade {
    padding-top: 110px;
    padding: 165px 0;
    background-color: #E4EAEC;
}
.position-index .green_promenade-inner {
}
@media screen and ( max-width: 768px ) {
    .position-index .l-section.green_promenade {
        padding-top: calc( 55 * 100vw / var( --design-width ) );
        padding: calc( 60 * 100vw / var( --design-width ) ) 0;
    }
    .position-index .green_promenade-inner {
    }
}



.position-index .l-section.green_promenade figcaption {
    position: relative;
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    color: #333;
    font-size: var( --font-size-figcaption );
    line-height: 2;
    letter-spacing: 0.1em;
}
@media screen and ( max-width: 768px ) {
    .position-index .l-section.green_promenade figcaption {
        position: absolute;
        bottom: 0;
        right: 0;
        display: inline-block;
        width: auto;
        color: #fff;
        background-color: rgba( 0, 0, 0, 0.4 );
    }
}



.position-index .green_promenade-inner-image {
    position: relative;
    width: 100%;
    margin: 0 auto min( calc( 80 * 100vw / var( --design-width ) ), 80px );
    padding: 0;
}
.position-index .green_promenade-inner-image picture img {
    width: 100%;
}
.position-index .l-section.green_promenade .green_promenade-inner-image figcaption {
    position: absolute;
    bottom: 0;
    right: 0;
    display: inline-block;
    width: auto;
    color: #fff;
    background-color: rgba( 0, 0, 0, 0.4 );
}
@media screen and ( max-width: 768px ) {
    .position-index .green_promenade-inner-image {
        margin: 0 auto calc( 40 * 100vw / var( --design-width ) );
    }
}



.position-index .green_promenade-inner-content {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    width: 100%;
    max-width: 1420px;
    margin: 0 auto;
    padding: 0;
}
@media screen and ( max-width: 768px ) {
    .position-index .green_promenade-inner-content {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        gap: calc( 40 * 100vw / var( --design-width ) );
        max-width: none;
        padding: 0 var(--default-padding-x);
    }
}



.position-index .green_promenade-inner-content-left {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    width: 53.08%;
    margin: 0 auto;
    padding: 0;
}
.position-index .green_promenade-inner-content-left .l-section-inner-content__text {
    padding: 0;
}
.position-index .green_promenade-inner-content-left-image {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
}
.position-index .green_promenade-inner-content-left-image picture img {
    width: 100%;
}
.position-index .green_promenade-inner-content-left-image figcaption {
}
@media screen and ( max-width: 768px ) {
    .position-index .green_promenade-inner-content-left {
        justify-content: flex-start;
        gap: calc( 40 * 100vw / var( --design-width ) );
        width: 100%;
        margin: 0 auto;
        padding: 0;
    }
    .position-index .green_promenade-inner-content-left .l-section-inner-content__text {
        margin-bottom: 0;
    }
    .position-index .green_promenade-inner-content-left-image {
        width: 80%;
        margin: 0 auto;
    }
    .position-index .green_promenade-inner-content-left-image picture img {
    }
    .position-index .green_promenade-inner-content-left-image figcaption {
    }
}



.position-index .green_promenade-inner-content-map {
    position: relative;
    width: 39.08%;
    margin: 0 auto;
    padding: 0;
}
.position-index .green_promenade-inner-content-map picture img {
    width: 100%;
}
.position-index .green_promenade-inner-content-map figcaption {
}
@media screen and ( max-width: 768px ) {
    .position-index .green_promenade-inner-content-map {
        width: 100%;
    }
    .position-index .green_promenade-inner-content-map picture img {
    }
    .position-index .green_promenade-inner-content-map figcaption {
    }
}


/*調整用*/
.text_right{
    text-align: right;
}
.mr80{
    margin-right: 80px;
}