/************************************************/
/* 背景設定
/************************************************/
#banner {
    background-image: url(../images/bg/slider_bg.png);
}

#shop-news {
    background-image: url(../images/bg/news_bg.png);
}

#map {
    background-image: url(../images/bg/map_bg.png);
}

#shop-list {
    background-image: url(../images/bg/shop_bg.png);
}

#release {
    background-color: #F9F8EF;
}

#information {
    background-image: url(../images/bg/info_bg.png);
}

/************************************************/
/* MV
/************************************************/
#mv {
    width: 100%;
}

#mv>div,
#mv .splide__track,
#mv .splide__slide,
#mv .splide__slide picture {
    width: 100%;
    height: 100%;
}

#mv .splide__slide img {

    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

@media screen and (max-width: 767px) {
    #mv {
        height: 75vh;
        /* margin-top: calc(70 / var(--base-font-size-row-value) * 1rem); */
    }

}

/* PC */
@media screen and (min-width: 768px) {
    #mv {
        height: calc(480 / var(--base-font-size-row-value) * 1rem);
        /* margin-top: calc(140 / var(--base-font-size-row-value) * 1rem); */
    }
}

/************************************************/
/* banner slider
/************************************************/
#banner>div,
#banner .splide__track,
#banner .splide__slide,
#banner .splide__slide picture {
    width: 100%;
}

#banner .splide__slide {
    display: flex;
    flex-direction: column;
    gap: calc(20 / var(--base-font-size-row-value) * 1rem);
}

#banner .splide__slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

#banner .splide__slide .shop-name a {
    border-radius: 50px;
    font-weight: 900;

}

#banner .splide__slide .shop-name a {
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    padding: calc(8 / var(--base-font-size-row-value) * 1rem) 0;
    background-color: var(--primary-secondary-color);
    color: var(--primary-tertiary-color);
}

@media screen and (max-width: 767px) {
    #banner {
        padding: calc(20 / var(--base-font-size-row-value) * 1rem) 0;
    }

    #banner .splide__slide .shop-name {
        width: 80%;
        max-width: calc(280 / var(--base-font-size-row-value) * 1rem);
    }

}

@media screen and (min-width: 768px) {
    #banner {
        padding: calc(40 / var(--base-font-size-row-value) * 1rem) 0 calc(33 / var(--base-font-size-row-value) * 1rem);
    }

    #banner .splide__slide .shop-name {
        width: 38.4%;
        max-width: calc(300 / var(--base-font-size-row-value) * 1rem);
    }
}

/************************************************/
/* shop-news
/************************************************/
#shop-news {}

#shop-news .shop-news__list {
    width: 90%;
    max-width: 1100px;
    margin: 0 auto;
}

#shop-news .shop-news__list ul {
    display: grid;
}

#shop-news .shop-news__list li {
    overflow: hidden;
    background-color: var(--bg-color);
}

#shop-news .shop-news__list li a {
    display: flex;
    flex-direction: column;
    height: 100%;
}

#shop-news .shop-news__list .img-block {
    aspect-ratio: 350 / 263;
    width: 100%;
    overflow: hidden;
}

#shop-news .shop-news__list .img-block img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

#shop-news .shop-news__list li .info-block .shop-info {
    display: flex;
    align-items: center;
    background-color: var(--accent-color-1);
    color: #fff;
}

#shop-news .shop-news__list li .info-block .shop-info .date {
    flex-shrink: 0;
    color: var(--accent-color-1);
    background-color: var(--accent-color-2);
    border-radius: 0 50px 50px 0;
    font-weight: 900;
}

#shop-news .shop-news__list li .info-block .title {
    font-weight: 900;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.5;
    max-height: calc(1.5em * 2);
}

@media screen and (max-width: 767px) {
    #shop-news .shop-news__list li a {
        display: grid;
        grid-template-columns: 42vw 1fr;
    }

    #shop-news .shop-news__list li+li {
        margin-top: calc(10 / var(--base-font-size-row-value) * 1rem);
    }

    #shop-news {
        padding-top: calc(40 / var(--base-font-size-row-value) * 1rem);
    }

    #shop-news .shop-news__list li .info-block {
        height: calc(110 / var(--base-font-size-row-value) * 1rem);
    }

    #shop-news .shop-news__list li .info-block .shop-info {
        flex-direction: column;
        align-items: flex-start;
        height: calc(47 / var(--base-font-size-row-value) * 1rem);
        gap: calc(3 / var(--base-font-size-row-value) * 1rem);
        padding: calc(5 / var(--base-font-size-row-value) * 1rem) 0;
    }

    #shop-news .shop-news__list li .info-block .shop-info .date {
        padding: 0 calc(5 / var(--base-font-size-row-value) * 1rem);
        padding-right: calc(15 / var(--base-font-size-row-value) * 1rem);
        font-size: calc(10 / var(--base-font-size-row-value) * 1rem);
    }

    #shop-news .shop-news__list li .info-block .shop-info .shop-name {
        padding: 0 calc(8 / var(--base-font-size-row-value) * 1rem);
        font-size: calc(12 / var(--base-font-size-row-value) * 1rem);
    }

    #shop-news .shop-news__list li .info-block .title {
        margin-top: calc(10 / var(--base-font-size-row-value) * 1rem);
        padding: 0 calc(8 / var(--base-font-size-row-value) * 1rem);
        font-size: calc(13 / var(--base-font-size-row-value) * 1rem);

    }
}

@media screen and (min-width: 768px) {
    #shop-news {
        padding-top: calc(80 / var(--base-font-size-row-value) * 1rem);
    }

    #shop-news .shop-news__list ul {
        grid-template-columns: repeat(3, 1fr);
        grid-template-rows: repeat(2, auto);
        gap: calc(30 / var(--base-font-size-row-value) * 1rem) calc(25 / var(--base-font-size-row-value) * 1rem);
    }

    #shop-news .shop-news__list li .info-block {
        height: calc(164 / var(--base-font-size-row-value) * 1rem);
        padding: calc(15 / var(--base-font-size-row-value) * 1rem) calc(20 / var(--base-font-size-row-value) * 1rem);
    }

    #shop-news .shop-news__list li .info-block .shop-info {
        height: calc(50 / var(--base-font-size-row-value) * 1rem);
        font-size: calc(14 / var(--base-font-size-row-value) * 1rem);
        gap: calc(10 / var(--base-font-size-row-value) * 1rem);
        padding: calc(8 / var(--base-font-size-row-value) * 1rem) calc(10 / var(--base-font-size-row-value) * 1rem);
        padding-left: 0;
    }

    #shop-news .shop-news__list li .info-block .shop-info .date {
        padding: calc(2 / var(--base-font-size-row-value) * 1rem) calc(10 / var(--base-font-size-row-value) * 1rem);
    }

    #shop-news .shop-news__list li .info-block .title {
        margin-top: calc(15 / var(--base-font-size-row-value) * 1rem);
    }
}

/************************************************/
/* map
/************************************************/
#map .info-block {
    display: flex;
    align-items: center;
    width: 90%;
    margin: 0 auto;
    max-width: 1000px;
    font-weight: 900;
    line-height: 1.5;
}

#map .info-block img {
    display: block;
}

#map .map-grid {
    display: grid;
    width: 90%;
    max-width: 1100px;
    margin: 0 auto;
}

#map .map-block {
    width: 100%;
    background-color: #fff;
}



#map .map-block img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

#map .map-block map area {
    cursor: pointer;
}




@media screen and (max-width: 767px) {

    .map-block.pc {
        display: none !important;
    }

    .map-block.sp {
        display: block !important;
    }

    #map .info-block img {
        display: none;
    }

    #map .map-grid {
        grid-template-rows: repeat(3, auto);
        gap: calc(20 / var(--base-font-size-row-value) * 1rem);
        margin-bottom: calc(20 / var(--base-font-size-row-value) * 1rem);
    }

    #map .map-block {
        border: 2px solid #000;
    }

    #map .map-block.--whole {
        padding: calc(5 / var(--base-font-size-row-value) * 1rem);
    }

    #map .map-block.--b {
        width: 43%;
        margin: 0 auto;
    }
}

@media screen and (min-width: 768px) {
    .map-block.pc {
        display: block !important;
    }

    .map-block.sp {
        display: none !important;
    }

    #map .info-block {
        gap: calc(30 / var(--base-font-size-row-value) * 1rem);
        font-size: calc(20 / var(--base-font-size-row-value) * 1rem);
    }

    #map .info-block img {
        width: calc(110 / var(--base-font-size-row-value) * 1rem);
    }

    #map .map-grid {
        grid-template-columns: 68.8% auto;
        grid-template-rows: auto 36.7%;
        gap: calc(40 / var(--base-font-size-row-value) * 1rem);
        margin-bottom: calc(60 / var(--base-font-size-row-value) * 1rem);
    }

    #map .map-block {
        border: 3px solid #000;
    }

    #map .map-block.--whole {
        padding: calc(40 / var(--base-font-size-row-value) * 1rem);
        grid-area: 1 / 1 / 2 / 3;
    }

    #map .map-block.--a {
        grid-area: 2 / 1 / 3 / 2;
    }

    #map .map-block.--b {
        grid-area: 2 / 2 / 3 / 3;
    }
}

/************************************************/
/* shop-list
/************************************************/
#shop-list {}

#shop-list .shop-list__list {
    margin: 0 auto;
    width: 92%;
    max-width: 1100px;
}

#shop-list .shop-list__list>ul>li {
    position: relative;
    background-color: #fff;
}

#shop-list .shop-list__list>ul>li .head-block {
    position: relative;

}

#shop-list .shop-list__list>ul>li .head-block h3 {
    display: flex;
    align-items: center;
    background-color: var(--secondary-color);
    border-radius: 0 50px 50px 0;
    font-weight: 900;
    color: #fff;
}

#shop-list .shop-list__list>ul>li .head-block .data-list {
    display: flex;
    flex-wrap: wrap;
}

#shop-list .shop-list__list>ul>li .head-block .data-list li {
    display: flex;
    align-items: center;
    gap: 0.5em;
}

#shop-list .shop-list__list>ul>li .head-block .data-list li i {
    display: inline-block;
    width: 1.3em;
    height: 1.3em;
    background-size: contain;
    background-repeat: no-repeat;
    flex-shrink: 0;
}

#shop-list .shop-list__list>ul>li .head-block .data-list li.open i {
    background-image: url(../images/svg/ico-clock.svg);
}

#shop-list .shop-list__list>ul>li .head-block .data-list li.system i {
    background-image: url(../images/svg/ico-yen.svg);
}

#shop-list .shop-list__list>ul>li .head-block .data-list li.address i {
    background-image: url(../images/svg/ico-map.svg);
}

#shop-list .shop-list__list>ul>li .head-block .data-list li.address {
    flex: 0 0 100%;
}

#shop-list .shop-list__list>ul>li .img-block>.img-wrapper {
    aspect-ratio: 420 / 280;
    width: 100%;
    overflow: hidden;
}

#shop-list .shop-list__list>ul>li .img-block img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

#shop-list .shop-list__list>ul>li .info-block h4 {
    color: var(--accent-color-1);
    font-weight: 700;
}

#shop-list .shop-list__list>ul>li .info-block .comment p {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.7;
    max-height: calc(1.7em * 3);
}

#shop-list .shop-list__list>ul>li .btn-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    font-weight: 700;
}

#shop-list .shop-list__list>ul>li .btn-list li a {
    display: block;
    color: var(--secondary-color);
    background-color: #EFF9FB;
    border-radius: 5px;
}

#shop-list .shop-list__list>ul>li .btn-list li.c-arrow.c-arrow::before {
    background-color: #fff;
    z-index: 1;
}

#shop-list .shop-list__list>ul>li .btn-list li.c-arrow a {
    background-color: var(--secondary-color);
    color: #fff;
}

#shop-list .shop-list__list>ul>li .btn-list a {
    height: 100%;
}

#shop-list .shop-list__list>ul>li .btn-list .c-arrow::before {
    background-color: #fff;
}

#shop-list .shop-list__list>ul>li .btn-list .c-btn[class*="--link"] a::before {
    background-color: var(--secondary-color);
}


@media screen and (max-width: 767px) {
    #shop-list .shop-list__list>ul>li {
        border-top: 6px solid var(--accent-color-2);
        padding-top: calc(15 / var(--base-font-size-row-value) * 1rem);
        padding-bottom: calc(20 / var(--base-font-size-row-value) * 1rem);
        gap: calc(10 / var(--base-font-size-row-value) * 1rem) calc(20 / var(--base-font-size-row-value) * 1rem);
    }

    #shop-list .shop-list__list>ul>li+li {
        margin-top: calc(20 / var(--base-font-size-row-value) * 1rem);
    }

    #shop-list .shop-list__list>ul>li .head-block h3 {
        width: 90%;
        font-size: calc(22 / var(--base-font-size-row-value) * 1rem);
        padding: calc(8 / var(--base-font-size-row-value) * 1rem) 0;
        padding-left: calc(24 / var(--base-font-size-row-value) * 1rem);
    }

    #shop-list .shop-list__list>ul>li .head-block .data-list {
        width: 90%;
        margin: 0 auto;
        gap: calc(5 / var(--base-font-size-row-value) * 1rem) calc(10 / var(--base-font-size-row-value) * 1rem);
        padding-top: calc(12 / var(--base-font-size-row-value) * 1rem);
        padding-bottom: calc(20 / var(--base-font-size-row-value) * 1rem);
    }

    #shop-list .shop-list__list>ul>li .head-block .data-list li {
        /* flex: 0 0 45%; */
    }

    #shop-list .shop-list__list>ul>li .img-block,
    #shop-list .shop-list__list>ul>li .info-block {
        width: 90%;
        margin: 0 auto;
    }

    #shop-list .shop-list__list>ul>li .img-block {
        margin-bottom: calc(10 / var(--base-font-size-row-value) * 1rem);
    }

    #shop-list .shop-list__list>ul>li .info-block h4 {
        font-size: calc(18 / var(--base-font-size-row-value) * 1rem);
        margin-bottom: calc(10 / var(--base-font-size-row-value) * 1rem);
    }

    #shop-list .shop-list__list>ul>li .info-block .comment {
        margin-bottom: calc(15 / var(--base-font-size-row-value) * 1rem);
    }

    #shop-list .shop-list__list>ul>li .btn-list {
        gap: calc(10 / var(--base-font-size-row-value) * 1rem);
    }

    #shop-list .shop-list__list>ul>li .btn-list li a {
        border: 1px solid var(--secondary-color);
        font-size: calc(16 / var(--base-font-size-row-value) * 1rem);
    }

    #shop-list .shop-list__list>ul>li .btn-list li a {
        padding: calc(8 / var(--base-font-size-row-value) * 1rem) 0;
    }

    #shop-list .shop-list__list>ul>li .btn-list li[class*="--link"]>a {
        padding-right: 10px;
    }

    #shop-list .shop-list__list>ul>li .btn-list li[class*="--link"]>a::before {
        right: 10%;
    }

    #shop-list .shop-list__list>ul>li .btn-list .c-arrow::before {
        width: calc(14 / var(--base-font-size-row-value) * 1rem);
        height: calc(14 / var(--base-font-size-row-value) * 1rem);
        right: calc(10 / var(--base-font-size-row-value) * 1rem);
    }

}

@media screen and (min-width: 768px) {
    #shop-list .shop-list__list>ul>li {
        display: grid;
        align-items: center;
        grid-template-columns: 43.5% 1fr;
        grid-template-rows: repeat(2, auto);
        border-top: 8px solid var(--accent-color-2);
        gap: calc(30 / var(--base-font-size-row-value) * 1rem);
        padding: calc(40 / var(--base-font-size-row-value) * 1rem);
        padding-left: 0;
        padding-top: calc(25 / var(--base-font-size-row-value) * 1rem);
    }

    #shop-list .shop-list__list>ul>li+li {
        margin-top: calc(20 / var(--base-font-size-row-value) * 1rem);
    }

    #shop-list .shop-list__list>ul>li .head-block {
        grid-area: 1 / 1 / 2 / 3;
        display: grid;
        align-items: center;
        grid-template-columns: 55% 1fr;
        background-color: #F5F5F5;
    }

    #shop-list .shop-list__list>ul>li .head-block h3 {
        font-size: calc(28 / var(--base-font-size-row-value) * 1rem);
        padding-left: calc(40 / var(--base-font-size-row-value) * 1rem);
        height: calc(88 / var(--base-font-size-row-value) * 1rem);
    }

    #shop-list .shop-list__list>ul>li .head-block .data-list {
        padding: calc(15 / var(--base-font-size-row-value) * 1rem);
        padding-left: calc(40 / var(--base-font-size-row-value) * 1rem);
        gap: calc(10 / var(--base-font-size-row-value) * 1rem) calc(30 / var(--base-font-size-row-value) * 1rem);
    }

    #shop-list .shop-list__list>ul>li .head-block .data-list li {
        /* flex: 0 0 35%; */
    }

    #shop-list .shop-list__list>ul>li .img-block {
        grid-area: 2 / 1 / 3 / 2;
        padding-left: calc(40 / var(--base-font-size-row-value) * 1rem);
    }

    #shop-list .shop-list__list>ul>li .info-block h4 {
        font-size: calc(21 / var(--base-font-size-row-value) * 1rem);
        margin-bottom: calc(15 / var(--base-font-size-row-value) * 1rem);
    }

    #shop-list .shop-list__list>ul>li .info-block .comment {
        margin-bottom: calc(15 / var(--base-font-size-row-value) * 1rem);
    }

    #shop-list .shop-list__list>ul>li .btn-list {
        grid-area: 2 / 2 / 3 / 3;
        gap: calc(10 / var(--base-font-size-row-value) * 1rem);
    }


    #shop-list .shop-list__list>ul>li .btn-list li a {
        border: 2px solid var(--secondary-color);
        font-size: calc(14 / var(--base-font-size-row-value) * 1rem);
    }

    #shop-list .shop-list__list>ul>li .btn-list li a {
        padding: calc(12 / var(--base-font-size-row-value) * 1rem) 0;
    }

    #shop-list .shop-list__list>ul>li .btn-list li[class*="--link"]>a {
        padding-right: 20px;
    }

    #shop-list .shop-list__list>ul>li .btn-list .c-arrow::before {
        width: calc(12 / var(--base-font-size-row-value) * 1rem);
        height: calc(14 / var(--base-font-size-row-value) * 1rem);
        right: calc(20 / var(--base-font-size-row-value) * 1rem);
    }
}

/************************************************/
/* news
/************************************************/
#release .release__inner {
    width: 90%;
    max-width: 1100px;
    margin: 0 auto;
}

#release .release__article-list {
    font-weight: 700;
}

#release .release__article-list ul {
    border-top: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
}

#release .release__article-list li a {
    display: grid;
    grid-template-columns: 28% 1fr;
    align-items: center;
}

#release .release__article-list li+li {
    border-top: 1px solid #CCCCCC;
}

#release .release__article-list .news__moreread {
    text-align: right;
}

@media screen and (max-width: 767px) {
    #release .release__article-list li a {
        gap: calc(20 / var(--base-font-size-row-value) * 1rem);
        padding: calc(10 / var(--base-font-size-row-value) * 1rem) 0;
    }

    #release .release__article-list .news__moreread {
        margin-top: calc(10 / var(--base-font-size-row-value) * 1rem);
    }
}

@media screen and (min-width: 768px) {
    #release .c-section-header {
        text-align: left;
    }

    #release .c-section-header::before {
        display: none;
    }

    #release .release__inner {
        display: grid;
        grid-template-columns: auto 1fr;
        gap: 4vw;
    }

    #release .release__article-list {
        font-size: calc(18 / var(--base-font-size-row-value) * 1rem);
    }

    #release .release__article-list li a {
        gap: calc(40 / var(--base-font-size-row-value) * 1rem);
        padding: calc(20 / var(--base-font-size-row-value) * 1rem) 0;
    }

    #release .release__article-list .news__moreread {
        margin-top: calc(20 / var(--base-font-size-row-value) * 1rem);
    }

}

/************************************************/
/* spots
/************************************************/
#spots .spots__list ul {
    display: grid;
}

#spots .spots__list ul li {
    position: relative;
    background-image: url("https://placehold.jp/958x718.png");
    background-position: center;
    background-size: cover;
}

#spots .spots__list ul li .title {
    position: absolute;
    background-color: rgba(255, 255, 255, 0.85);
    border-radius: 0 53px 53px 0;
    font-weight: 900;
}

#spots .spots__list ul li .title a {
    display: block;
    width: 100%;
    height: 100%;
}

#spots .spots__list ul li .c-arrow::before {
    background-color: #000;
}

@media screen and (max-width: 767px) {
    #spots .spots__list ul {
        grid-template-rows: repeat(4, calc(300 / var(--base-font-size-row-value) * 1rem));
        gap: calc(2 / var(--base-font-size-row-value) * 1rem);
    }

    #spots .spots__list ul li .title {
        width: 53.5%;
        min-width: calc(310 / var(--base-font-size-row-value) * 1rem);
        bottom: calc(15 / var(--base-font-size-row-value) * 1rem);
        font-size: calc(16 / var(--base-font-size-row-value) * 1rem);
    }

    #spots .spots__list ul li .title a {
        padding: calc(10 / var(--base-font-size-row-value) * 1rem) 0;
        padding-left: calc(20 / var(--base-font-size-row-value) * 1rem);
        padding-right: calc(50 / var(--base-font-size-row-value) * 1rem);
    }

    #spots .spots__list ul li .c-arrow::before {
        width: calc(10 / var(--base-font-size-row-value) * 1rem);
        height: calc(16 / var(--base-font-size-row-value) * 1rem);
        right: calc(20 / var(--base-font-size-row-value) * 1rem);
    }
}

@media screen and (min-width: 768px) {
    #spots .spots__list ul {
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(2, 38vw);
        gap: calc(4 / var(--base-font-size-row-value) * 1rem);
    }

    #spots .spots__list ul li .title {
        width: 53.5%;
        min-width: calc(452 / var(--base-font-size-row-value) * 1rem);
        bottom: calc(30 / var(--base-font-size-row-value) * 1rem);
        font-size: calc(24 / var(--base-font-size-row-value) * 1rem);
    }

    #spots .spots__list ul li .title a {
        padding: calc(15 / var(--base-font-size-row-value) * 1rem) 0;
        padding-left: calc(40 / var(--base-font-size-row-value) * 1rem);
        padding-right: calc(100 / var(--base-font-size-row-value) * 1rem);
    }

    #spots .spots__list ul li .c-arrow::before {
        width: calc(14 / var(--base-font-size-row-value) * 1rem);
        height: calc(20 / var(--base-font-size-row-value) * 1rem);
        right: calc(50 / var(--base-font-size-row-value) * 1rem);
    }

}

/************************************************/
/* information
/************************************************/
#information .information__contents-list {
    margin: 0 auto;
    width: 95%;
    max-width: 1260px;
}

#information .information__contents-list li {
    background-color: #fff;
}

#information .information__contents-list li .title {
    font-weight: 900;
    text-align: center;
    border-bottom: 1px solid #000;
}

#information .information__contents-list li .contents {
    line-height: 1.7;
}

#information .information__contents-list li .contents .img img {
    display: block;
    width: 100%;
}

@media screen and (max-width: 767px) {
    #information .information__contents-list li {
        padding: calc(20 / var(--base-font-size-row-value) * 1rem);
        border-radius: 10px;
    }

    #information .information__contents-list li+li {
        margin-top: calc(10 / var(--base-font-size-row-value) * 1rem);
    }

    #information .information__contents-list li .title {
        font-size: calc(18 / var(--base-font-size-row-value) * 1rem);
        padding-bottom: calc(10 / var(--base-font-size-row-value) * 1rem);
        margin-bottom: calc(20 / var(--base-font-size-row-value) * 1rem);
    }

    #information .information__contents-list li .contents p {
        margin-top: calc(15 / var(--base-font-size-row-value) * 1rem);
    }
}

@media screen and (min-width: 768px) {
    #information .information__contents-list li {
        padding: calc(80 / var(--base-font-size-row-value) * 1rem);
        border-radius: 20px;
    }

    #information .information__contents-list li+li {
        margin-top: calc(20 / var(--base-font-size-row-value) * 1rem);
    }

    #information .information__contents-list li .title {
        font-size: calc(32 / var(--base-font-size-row-value) * 1rem);
        padding-bottom: calc(40 / var(--base-font-size-row-value) * 1rem);
        margin-bottom: calc(40 / var(--base-font-size-row-value) * 1rem);
    }

    #information .information__contents-list li .contents {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: calc(40 / var(--base-font-size-row-value) * 1rem);
    }

    #information .information__contents-list li:nth-child(even) .contents .img {
        order: 2;
    }

    #information .information__contents-list li:nth-child(even) .contents p {
        order: 1;
    }
}