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



.spot-convenience-right__annotation br.figcaption_1200,
.spot-convenience-right__image figure figcaption br.figcaption_1200,
.spot-nature-image figure figcaption br.figcaption_1200,
.spot-convenience figure figcaption br.figcaption_1200 {
    display: none;
}
@media screen and ( max-width: 1200px ) {
    .spot-convenience-right__annotation br.figcaption_1200,
    .spot-convenience-right__image figure figcaption br.figcaption_1200,
    .spot-nature-image figure figcaption br.figcaption_1200,
    .spot-convenience figure figcaption br.figcaption_1200 {
        display: block;
    }
}
@media screen and ( max-width: 768px ) {
    .spot-convenience-right__annotation br.figcaption_1200,
    .spot-convenience-right__image figure figcaption br.figcaption_1200,
    .spot-nature-image figure figcaption br.figcaption_1200,
    .spot-convenience figure figcaption br.figcaption_1200 {
        display: none;
    }
}





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

main_visual

============================== */
.main_visual.lower_page .main_visual-fg .main_visual-fg-title {
    width: min( calc( 716 * 100vw / var( --dw ) ), calc( 716px * 1.38 ) );
}
@media screen and ( max-width: 768px ) {
    .main_visual.lower_page .main_visual-fg .main_visual-fg-title {
        width: calc( 324.61 * 100vw / var( --dw ) );
        left: calc( 50% - calc( calc( 324.61 * 100vw / var( --dw ) ) / 2 ) );
    }
}










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

lead

============================== */
.l-sc.lead {
    padding-top: min( calc( 80 * 100vw / var( --dw ) ), calc( 80px * 1.38 ) );
    padding-bottom: min( calc( 70 * 100vw / var( --dw ) ), calc( 70px * 1.38 ) );
}
@media screen and ( max-width: 768px ) {
    .l-sc.lead {
        padding-top: calc( 35 * 100vw / var( --dw ) );
        padding-bottom: calc( 35 * 100vw / var( --dw ) );
    }
}



.lead__title {
    position: relative;
    width: 100%;
    margin: 0 0 min( calc( 40 * 100vw / var( --dw ) ), calc( 40px * 1.38 ) );
    padding: 0;
    text-align: center;
}
.lead__text {
    position: relative;
    width: 100%;
    margin: 0 0 min( calc( 60 * 100vw / var( --dw ) ), calc( 60px * 1.38 ) );
    padding: 0;
    text-align: center;
}
@media screen and ( max-width: 768px ) {
    .lead__title {
        margin: 0 0 calc( 20 * 100vw / var( --dw ) );
    }
    .lead__text {
        margin: 0 0 calc( 30 * 100vw / var( --dw ) );
        text-align: left;
    }
}



.lead-ranking {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: stretch;
    gap: 0 min( calc( 20 * 100vw / var( --dw ) ), calc( 20px * 1.38 ) );
    width: min( calc( 1055 * 100vw / var( --dw ) ), calc( 1055px * 1.38 ) );
    margin: 0 auto;
    padding: min( calc( 40 * 100vw / var( --dw ) ), calc( 40px * 1.38 ) ) 0;
    background-color: #EFEFEF;
}
@media screen and ( max-width: 768px ) {
    .lead-ranking {
        display: block;
        width: 100%;
        margin: 0;
        padding: calc( 20 * 100vw / var( --dw ) ) 0;
    }
}



.lead-ranking-content {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: min( calc( 520 * 100vw / var( --dw ) ), calc( 520px * 1.38 ) );
    margin: 0;
    padding: 0;
}
@media screen and ( max-width: 768px ) {
    .lead-ranking-content {
        width: 100%;
    }
}



.lead-ranking-content__title {
    position: relative;
    width: 100%;
    margin: 0 0 min( calc( 40 * 100vw / var( --dw ) ), calc( 40px * 1.38 ) );
    padding: 0;
    text-align: center;
}
.lead-ranking-content__text {
    position: relative;
    width: 100%;
    margin: 0 0 min( calc( 20 * 100vw / var( --dw ) ), calc( 20px * 1.38 ) );
    padding: 0;
    text-align: center;
}
.lead-ranking-content__annotation {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
    text-align: center;
}
@media screen and ( max-width: 768px ) {
    .lead-ranking-content__title {
        margin: 0 0 calc( 20 * 100vw / var( --dw ) );
    }
    .lead-ranking-content__text {
        margin: 0 0 calc( 20 * 100vw / var( --dw ) );
    }
    .lead-ranking-content__annotation {
    }
}



.lead-ranking__ranking {
    position: relative;
    display: none;
    justify-content: space-between;
    align-items: flex-end;
    width: min( calc( 423 * 100vw / var( --dw ) ), calc( 423px * 1.38 ) );
    margin: 0;
    padding: 0;
}
.lead-ranking__ranking.pcObj {
    display: flex;
}
.lead-ranking__ranking.spObj {
    display: none;
}
.lead-ranking__image {
    position: relative;
    width: min( calc( 260 * 100vw / var( --dw ) ), calc( 260px * 1.38 ) );
    aspect-ratio: 260 / 267;
    margin: 0;
    padding: 0;
}
.lead-ranking-text {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: min( calc( 10 * 100vw / var( --dw ) ), calc( 10px * 1.38 ) ) 0;
    width: min( calc( 141 * 100vw / var( --dw ) ), calc( 141px * 1.38 ) );
    margin: 0;
    padding: 0;
}
.lead-ranking-text__item {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
}
.lead-ranking-text__item.item_title {
}
.lead-ranking-text__item.item_text {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    font-family: "Noto Serif JP", serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    font-size: min( calc( 19 * 100vw / var( --dw ) ), calc( 19px * 1.38 ) );
    line-height: 1;
    letter-spacing: 0em;
}
.lead-ranking-text__item.item_text .no {
    width: 2em;
}
.lead-ranking-text__item.item_text .text {
    width: calc( 100% - 2em );
}
.lead-ranking-text__separator {
    position: relative;
    width: 100%;
    height: 1px;
    margin: 0;
    padding: 0;
    background-color: #333;
}
@media screen and ( max-width: 768px ) {
    .lead-ranking__ranking {
        justify-content: center;
        gap: 0 calc( 25 * 100vw / var( --dw ) );
        width: 100%;
        margin: 0 0 calc( 20 * 100vw / var( --dw ) );
    }
    .lead-ranking__ranking.pcObj {
        display: none;
    }
    .lead-ranking__ranking.spObj {
        display: flex;
    }
    .lead-ranking__image {
        width: calc( 166.5 * 100vw / var( --dw ) );
        aspect-ratio: 260 / 267;
    }
    .lead-ranking-text {
        gap: calc( 8.5 * 100vw / var( --dw ) ) 0;
        width: calc( 91.5 * 100vw / var( --dw ) );
    }
    .lead-ranking-text__item {
    }
    .lead-ranking-text__item.item_title {
    }
    .lead-ranking-text__item.item_text {
        font-size: calc( 14 * 100vw / var( --dw ) );
    }
    .lead-ranking-text__item.item_text .no {
    }
    .lead-ranking-text__item.item_text .text {
    }
    .lead-ranking-text__separator {
    }
}










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

history

============================== */
.l-sc.history {
    padding-top: min( calc( 70 * 100vw / var( --dw ) ), calc( 70px * 1.38 ) );
    padding-bottom: min( calc( 80 * 100vw / var( --dw ) ), calc( 80px * 1.38 ) );
    background-color: #2E2D2D;
}
@media screen and ( max-width: 768px ) {
    .l-sc.history {
        padding-top: calc( 35 * 100vw / var( --dw ) );
        padding-bottom: calc( 35 * 100vw / var( --dw ) );
    }
}



.history__title {
    position: relative;
    width: 100%;
    margin: 0 0 min( calc( 30 * 100vw / var( --dw ) ), calc( 30px * 1.38 ) );
    padding: 0;
}
.history__title picture {
    position: relative;
    display: block;
    width: min( calc( 106 * 100vw / var( --dw ) ), calc( 106px * 1.38 ) );
    margin: 0 auto;
    padding: 0;
}
.history__title picture img {
    width: 100%;
}
@media screen and ( max-width: 768px ) {
    .history__title {
        margin: 0 0 calc( 30 * 100vw / var( --dw ) );
    }
    .history__title picture {
        width: calc( 106 * 100vw / var( --dw ) );
    }
    .history__title picture img {
    }
}



.history__text {
    position: relative;
    width: 100%;
    margin: 0 0 min( calc( 45 * 100vw / var( --dw ) ), calc( 45px * 1.38 ) );
    padding: 0;
    color: #fff;
    text-align: center;
}
@media screen and ( max-width: 768px ) {
    .history__text {
        margin: 0 0 calc( 22.5 * 100vw / var( --dw ) );
        text-align: left;
    }
}



.history-image {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0 min( calc( 10 * 100vw / var( --dw ) ), calc( 10px * 1.38 ) );
    width: 100%;
    margin: 0;
    padding: 0;
}
.history-image__item figure, 
.history-image__item picture {
    position: relative;
    display: inline-block;
    width: min( calc( 321 * 100vw / var( --dw ) ), calc( 321px * 1.38 ) );
    margin: 0;
    padding: 0;
}
.history-image__item picture img {
    width: 100%;
}
.history-image__item figure figcaption {
    position: relative;
    display: inline-block;
    width: 100%;
    margin: 0;
    padding: 0 1em;
    color: #fff;
    text-align: right;
    background-color: transparent;
}
@media screen and ( max-width: 768px ) {
    .history-image {
        flex-direction: column;
        gap: calc( 10 * 100vw / var( --dw ) ) 0;
    }
    .history-image__item figure, 
    .history-image__item picture {
        width: 100%;
    }
    .history-image__item picture img {
    }
    .history-image__item figure figcaption {
    }
}










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

nature

============================== */
.l-sc.nature {
    padding-top: min( calc( 70 * 100vw / var( --dw ) ), calc( 70px * 1.38 ) );
    padding-bottom: min( calc( 80 * 100vw / var( --dw ) ), calc( 80px * 1.38 ) );
}
.l-sc.nature .l-inner {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0 min( calc( 65 * 100vw / var( --dw ) ), calc( 65px * 1.38 ) );
}
@media screen and ( max-width: 768px ) {
    .l-sc.nature {
        padding-top: calc( 35 * 100vw / var( --dw ) );
        padding-bottom: calc( 35 * 100vw / var( --dw ) );
    }
    .l-sc.nature .l-inner {
        flex-direction: column;
        gap: calc( 20 * 100vw / var( --dw ) ) 0;
        padding: 0;
    }
}



.nature-content {
    position: relative;
    width: min( calc( 520 * 100vw / var( --dw ) ), calc( 520px * 1.38 ) );
    margin: 0;
    padding: 0;
}
@media screen and ( max-width: 768px ) {
    .nature-content {
        width: 100%;
    }
}



.nature-content__title {
    position: relative;
    width: 100%;
    margin: 0 0 min( calc( 40 * 100vw / var( --dw ) ), calc( 40px * 1.38 ) );
    padding: 0;
    text-align: center;
}
.nature-content__text {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
    text-align: center;
}
@media screen and ( max-width: 768px ) {
    .nature-content__title {
        margin: 0 0 calc( 20 * 100vw / var( --dw ) );
        white-space: nowrap;
    }
    .nature-content__text {
        padding: 0 calc( 27.5 * 100vw / var(--dw ) );
        text-align: left;
    }
}



.nature__image {
    position: relative;
    width: min( calc( 360 * 100vw / var( --dw ) ), calc( 360px * 1.38 ) );
    margin: 0;
    padding: 0;
    font-size: 0;
}
.nature__image figure, 
.nature__image picture {
    position: relative;
    display: inline-block;
    width: 100%;
    margin: 0;
    padding: 0;
    font-size: 0;
}
.nature__image picture img {
    width: 100%;
}
.nature__image figure figcaption {
    position: relative;
    display: inline-block;
    width: 100%;
    margin: 0;
    padding: 0 1em;
    color: #333;
    text-align: right;
    background-color: transparent;
}
@media screen and ( max-width: 768px ) {
    .nature__image {
        width: 100%;
        padding: 0 calc( 27.5 * 100vw / var(--dw ) );
    }
    .nature__image figure, 
    .nature__image picture {
    }
    .nature__image picture img {
    }
    .nature__image figure figcaption {
    }
}










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

spot

============================== */
.l-sc.spot {
    padding-top: min( calc( 70 * 100vw / var( --dw ) ), calc( 70px * 1.38 ) );
    padding-bottom: min( calc( 80 * 100vw / var( --dw ) ), calc( 80px * 1.38 ) );
    background-color: #EFEFEF;
}
@media screen and ( max-width: 768px ) {
    .l-sc.spot {
        padding-top: calc( 35 * 100vw / var( --dw ) );
        padding-bottom: calc( 35 * 100vw / var( --dw ) );
    }
}



.spot__title {
    position: relative;
    width: 100%;
    margin: 0 0 min( calc( 30 * 100vw / var( --dw ) ), calc( 30px * 1.38 ) );
    padding: 0.2em 0;
    text-align: center;
    border-bottom: 1px solid #466643;
}
.spot__text {
    position: relative;
    width: 100%;
    margin: 0 0 min( calc( 35 * 100vw / var( --dw ) ), calc( 35px * 1.38 ) );
    padding: 0;
    text-align: center;
}
@media screen and ( max-width: 768px ) {
    .spot__title {
        margin: 0 0 calc( 15 * 100vw / var( --dw ) );
        font-size: calc( 20 * 100vw / var( --dw ) );
    }
    .spot__text {
        margin: 0 0 calc( 17.5 * 100vw / var( --dw ) );
        font-size: calc( 17 * 100vw / var( --dw ) );
    }
}



.spot-nature__title {
}
.spot-nature__text {
}
@media screen and ( max-width: 768px ) {
}



/*
.spot-nature-slide {
    position: relative;
    width: 100%;
    height: min( calc( 481 * 100vw / var( --dw ) ), calc( 481px * 1.38 ) );
    margin: 0;
    padding: 0;
}
.slick .slide, 
.spot-nature-slide__item {
    position: relative;
    display: inline-block;
    width: min( calc( 278 * 100vw / var( --dw ) ), calc( 278px * 1.38 ) );
    aspect-ratio: 278 / 481;
    margin: 0 min( calc( 20 * 100vw / var( --dw ) ), calc( 20px * 1.38 ) ) 0 0;
    padding: 0;
    font-size: 0;
}
.spot-nature-slide__item picture {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    font-size: 0;
}
.spot-nature-slide__item picture img {
    width: 100%;
}
@media screen and ( max-width: 768px ) {
    .spot-nature-slide {
        height: calc( 650 * 100vw / var( --dw ) );
    }
    .slick .slide, 
    .spot-nature-slide__item {
        width: calc( 375 * 100vw / var( --dw ) );
        aspect-ratio: 375 / 650;
        margin: 0 calc( 20 * 100vw / var( --dw ) ) 0 0;
    }
    .spot-nature-slide__item picture {
    }
    .spot-nature-slide__item picture img {
    }
}
*/
.spot-nature-slide {
    position: relative;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
}
.spot-nature-slide.pcObj {
    display: block;
}
.spot-nature-slide.spObj {
    display: none;
}
.spot-nature-slide__dots {
    position: absolute;
    bottom: 0;
    left: 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    min-height: 50px;
    padding: 0 1rem;
}
.spot-nature-slide__dots .dots-wrap {
    display: flex;
    justify-content: flex-start;
} 
.spot-nature-slide__dots .dots-wrap li {
    width: 10px;
    height: 10px;
    margin: 0 5px;
    border-radius: 50%;
    background: #fff;
    cursor: pointer;
    transition: background 0.5s;
}
.spot-nature-slide__dots .dots-wrap li:hover,
.spot-nature-slide__dots .dots-wrap li.slick-active {
    background: rgba( 0, 0, 0, 0.6 );
}
.spot-nature-slide__dots .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 ) {
    .spot-nature-slide {
        height: calc( 100svh - min( 11.733vw, 52.8px ) - clamp(36px, 12vw, 54px) );
    }
    .spot-nature-slide.pcObj {
        display: none;
    }
    .spot-nature-slide.spObj {
        display: block;
    }
    .spot-nature-slide-inner {
        width: 100%;
        height: calc( 100svh - min( 11.733vw, 52.8px ) - clamp(36px, 12vw, 54px) );
    }
    .spot-nature-slide__item {
        width: 100%;
        height: calc( 100svh - min( 11.733vw, 52.8px ) - clamp(36px, 12vw, 54px) );
    }
    .spot-nature-slide__item picture {
        width: 100%;
        height: calc( 100svh - min( 11.733vw, 52.8px ) - clamp(36px, 12vw, 54px) );
    }
    .spot-nature-slide__item picture img {
        width: 100%;
        height: calc( 100svh - min( 11.733vw, 52.8px ) - clamp(36px, 12vw, 54px) );
        object-fit: cover;
        object-position: center center;
    }
    .spot-nature-slide__dots {
    }
    .spot-nature-slide__dots .dots-wrap {
    } 
    .spot-nature-slide__dots .dots-wrap li {
        width: 1rem;
        height: 1rem;
        margin: 0 1rem;
    }
    .spot-nature-slide__dots .dots-wrap li:hover,
    .spot-nature-slide__dots .dots-wrap li.slick-active {
    }
    .spot-nature-slide__dots .dots-wrap li button {
    }
}



.spot-nature__annotation {
    padding-left: min( calc( 100 * 100vw / var( --dw ) ), calc( 100px * 1.38 ) );
    padding-right: min( calc( 100 * 100vw / var( --dw ) ), calc( 100px * 1.38 ) );
    line-height: 2;
    text-align: right;
}
@media screen and ( max-width: 768px ) {
    .spot-nature__annotation {
        padding-left: 0;
        padding-right: 0;
        font-size: var( --fs-caption );
    }
}



.spot-nature-image {
    position: relative;
    width: 100%;
    margin: 0 0 min( calc( 100 * 100vw / var( --dw ) ), calc( 100px * 1.38 ) );
    padding: 0;
}
.spot-nature-image__title {
    position: relative;
    width: 100%;
    margin: 0 0 min( calc( 20 * 100vw / var( --dw ) ), calc( 20px * 1.38 ) );
    padding: 0;
    text-align: center;
}
.spot-nature-image-list {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    margin: 0;
    padding: 0;
}
.spot-nature-image-list__item {
    position: relative;
    width: min( calc( 290 * 100vw / var( --dw ) ), calc( 290px * 1.38 ) );
    margin: 0;
    padding: 0;
}
.spot-nature-image-list__item figure,
.spot-nature-image-list__item picture {
    position: relative;
    display: inline-block;
    width: 100%;
    margin: 0;
    padding: 0;
    font-size: 0;
}
.spot-nature-image-list__item picture img {
    width: 100%;
}
.spot-nature-image-list__item figure figcaption {
    position: absolute;
    bottom: 0;
    right: 0;
    display: inline-block;
    width: auto;
    margin: 0;
    padding: 0 1em;
    color: #fff;
    background-color: rgba( 0, 0, 0, 0.4 );
    text-align: right;
}
@media screen and ( max-width: 1200px ) {
    .spot-nature-image-list__item figure figcaption {
        top: 100%;
        bottom: auto;
        color: #333;
        background-color: transparent;
    }
}
@media screen and ( max-width: 768px ) {
    .spot-nature-image {
        margin: 0 0 calc( 50 * 100vw / var( --dw ) );
    }
    .spot-nature-image__title {
        margin: 0 0 calc( 20 * 100vw / var( --dw ) );
    }
    .spot-nature-image-list {
        flex-direction: column;
        justify-content: flex-start;
        gap: calc( 20 * 100vw / var( --dw ) ) 0;
    }
    .spot-nature-image-list__item {
        width: 100%;
    }
    .spot-nature-image-list__item figure,
    .spot-nature-image-list__item picture {
    }
    .spot-nature-image-list__item picture img {
    }
    .spot-nature-image-list__item figure figcaption {
        top: auto;
        bottom: 0;
        color: #fff;
        background-color: rgba( 0, 0, 0, 0.4 );
    }
}



.spot-convenience {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
}
.spot-convenience .l-inner {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
@media screen and ( max-width: 768px ) {
    .spot-convenience {
    }
    .spot-convenience .l-inner {
        flex-direction: column;
        gap: calc( 35 * 100vw / var( --dw ) ) 0;
    }
}



.spot-convenience-left {
    position: relative;
    width: min( calc( 823 * 100vw / var( --dw ) ), calc( 823px * 1.38 ) );
    margin: 0;
    padding: 0;
}
.spot-convenience-left__title {
}
.spot-convenience-left__text {
}
.spot-convenience-left-image {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    margin: 0;
    padding: 0;
}
.spot-convenience-left-image__item {
    position: relative;
    width: min( calc( 268.5 * 100vw / var( --dw ) ), calc( 268.5px * 1.38 ) );
    aspect-ratio: 537 / 528;
    margin: 0;
    padding: 0;
}
.spot-convenience-left-image__item figure, 
.spot-convenience-left-image__item picture {
    position: relative;
    display: inline-block;
    width: 100%;
    margin: 0;
    padding: 0;
    font-size: 0;
}
.spot-convenience-left-image__item picture img {
    width: 100%;
}
.spot-convenience-left-image__item figure figcaption {
    position: absolute;
    bottom: 0;
    right: 0;
    display: inline-block;
    width: auto;
    margin: 0;
    padding: 4px 0.5em;
    color: #fff;
    background-color: rgba( 0, 0, 0, 0.4 );
    line-height: 1.4;
    text-align: right;
}
@media screen and ( max-width: 1200px ) {
    .spot-convenience-left-image__item figure figcaption {
        top: 100%;
        bottom: auto;
        color: #333;
        background-color: transparent;
    }
}
@media screen and ( max-width: 768px ) {
    .spot-convenience-left {
        width: 100%;
    }
    .spot-convenience-left__title {
    }
    .spot-convenience-left__text {
    }
    .spot-convenience-left-image {
        flex-direction: column;
        justify-content: flex-start;
        gap: calc( 10 * 100vw / var( --dw ) ) 0;
    }
    .spot-convenience-left-image__item {
        width: 100%;
        aspect-ratio: 640 / 400;
    }
    .spot-convenience-left-image__item figure, 
    .spot-convenience-left-image__item picture {
    }
    .spot-convenience-left-image__item picture img {
    }
    .spot-convenience-left-image__item figure figcaption {
        top: auto;
        bottom: 0;
        color: #fff;
        background-color: rgba( 0, 0, 0, 0.4 );
    }
}



.spot-convenience-right {
    position: relative;
    width: min( calc( 320 * 100vw / var( --dw ) ), calc( 320px * 1.38 ) );
    margin: 0;
    padding: min( calc( 30 * 100vw / var( --dw ) ), calc( 30px * 1.38 ) ) 0 min( calc( 10 * 100vw / var( --dw ) ), calc( 10px * 1.38 ) );
    background-color: #fff;
}
.spot-convenience-right__title {
    position: relative;
    width: 100%;
    margin: 0 0 min( calc( 20 * 100vw / var( --dw ) ), calc( 20px * 1.38 ) );
    padding: 0;
    line-height: 1.74;
    text-align: center;
}
.spot-convenience-right__text {
    position: relative;
    width: 100%;
    margin: 0 0 min( calc( 20 * 100vw / var( --dw ) ), calc( 20px * 1.38 ) );
    padding: 0;
    line-height: 1.74;
    letter-spacing: 0;
    text-align: center;
}
.spot-convenience-right__image {
    position: relative;
    width: min( calc( 267 * 100vw / var( --dw ) ), calc( 267px * 1.38 ) );
    margin: 0 auto min( calc( 10 * 100vw / var( --dw ) ), calc( 10px * 1.38 ) );
    padding: 0;
}
.spot-convenience-right__image figure, 
.spot-convenience-right__image picture {
    position: relative;
    display: inline-block;
    width: 100%;
    margin: 0;
    padding: 0;
    font-size: 0;
}
.spot-convenience-right__image picture img {
    width: 100%;
}
.spot-convenience-right__image figure figcaption {
    position: absolute;
    bottom: 0;
    right: 0;
    display: inline-block;
    width: auto;
    margin: 0;
    padding: 0 0.5em;
    color: #fff;
    line-height: 1.4;
    background-color: rgba( 0, 0, 0, 0.4 );
}
@media screen and ( max-width: 1200px ) {
    .spot-convenience-right__image {
        margin-bottom: min( calc( 60 * 100vw / var( --dw ) ), calc( 60px * 1.38 ) );
    }
    .spot-convenience-right__image figure figcaption {
        top: 100%;
        bottom: auto;
        color: #333;
        line-height: 1.7;
        background-color: transparent;
    }
}
@media screen and ( max-width: 768px ) {
    .spot-convenience-right {
        width: 100%;
        padding: calc( 30 * 100vw / var( --dw ) ) 0;
    }
    .spot-convenience-right__title {
        margin: 0 0 calc( 20 * 100vw / var( --dw ) );
    }
    .spot-convenience-right__text {
        margin: 0 0 calc( 20 * 100vw / var( --dw ) );
        padding-left: calc( 20 * 100vw / var( --dw ) );
        padding-right: calc( 20 * 100vw / var( --dw ) );
        text-align: left;
    }
    .spot-convenience-right__image {
        width: calc( 267 * 100vw / var( --dw ) );
        margin: 0 auto calc( 10 * 100vw / var( --dw ) );
    }
    .spot-convenience-right__image figure, 
    .spot-convenience-right__image picture {
    }
    .spot-convenience-right__image picture img {
    }
    .spot-convenience-right__image figure figcaption {
        top: auto;
        bottom: 0;
        color: #fff;
        line-height: 2;
        background-color: rgba( 0, 0, 0, 0.4 );
    }
}



.spot-convenience-right__annotation {
    position: relative;
    width: min( calc( 280 * 100vw / var( --dw ) ), calc( 280px * 1.38 ) );
    margin: 0 auto;
    padding: 0;
}
@media screen and ( max-width: 768px ) {
    .spot-convenience-right__annotation {
        position: relative;
        width: calc( 267 * 100vw / var( --dw ) );
        margin: 0 auto;
        padding: 0;
    }
}