/* top_main-visual */
.top__main-visual{
    position: relative;
}
.top__main-visual::after{
    content: "";
    display: block;
    background-color: rgba(0, 0, 0, .35);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
}
.top__main-visual__inner{
    position: relative;
}
.top__main-visual__img{
    display: block;
    width: 100%;
}
.top__main-visual__logo-img{
    display: block;
    position: absolute;
    top: 0;
    bottom: -20rem;
    left: 0;
    right: 0;
    margin: auto;
    width: 60%;
    z-index: 1;
}
@media screen and (min-width: 768px) {
    .top__main-visual__logo-img{
        width: 42%;
        max-width: 580px;
    }
}
/* top_main-visual END */

/*banner_news-event*/
.top_banner_news-event{
    padding: 25rem 0 50rem;
    background-color: #E7F0ED;
}
.top_banner-area{
    margin-bottom: 30rem;
}
.top_banner-area__list{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.top_banner-area__item{
    max-width: 287rem;
}
.top_banner-area__item:nth-child(n+2){
    margin-top: 10rem;
}
.top_banner-area__link{
    display: block;
}
.top_banner-area__img{
    display: block;
    width: 100%;
}
@media (min-width: 768px) {
    .top_banner_news-event{
        padding: 36px 0 50px;
    }
    .top_banner-area{
        margin-bottom: 34px;
    }
    .top_banner-area__list{
        flex-direction: row;
        justify-content: center;
    }
    .top_banner-area__item{
        max-width: none;
        width: 386px;
        overflow: hidden;
    }
    .top_banner-area__item:nth-child(n+2){
        margin-top: 0;
        margin-left: 21px;
    }
    .top_banner-area__img{
        transition: all 0.3s;
    }
    .top_banner-area__link:hover .top_banner-area__img{
        transform: scale(1.05);;
    }
}
.top_news-event__inner{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.top_news-event__list{
    margin-bottom: 10rem;
    width: 100%;
}
.top_news-event__item{
    background-color: var(--color-background-secondary, #FFF);
    border-radius: 10rem;
    display: flex;
    flex-direction: column;
}
.top_news-event__item:nth-child(n+2){
    margin-top: 8rem;
}
.top_news-event__link{
    display: block;
    padding: 18rem;
    width: 100%;
    height: 100%;
}
.top_news-event__item-head{
    display: flex;
    align-items: center;
    margin-bottom: 10rem;
    flex-wrap: wrap;
}
.top_news-event__item-head__date{
    color: var(--color-neutral-800, #584844);
    font-family: "Open Sans";
    font-size: 12rem;
    font-weight: 400;
    line-height: 1;
    width: fit-content;
}
.top_news-event__item-head__category{
    padding: 5rem 6rem 6rem;
    border-radius: 30rem;
    background: var(--color-label-primary, #FFE9B0);
    width: fit-content;
    color: var(--color-text-secondary, #001130);
    text-align: center;
    font-size: 10rem;
    font-weight: 600;
    line-height: 1;
    margin-left: 20rem;
    position: relative;
}
.top_news-event__item-head__category:first-child:before{
    content: "";
    display: block;
    background-color: var(--color-neutral-300, #e0dedb);
    width: 1rem ;
    height: 11rem;
    position: absolute;
    left: -10rem;
    top: 0;
    bottom: 0;
    margin: auto;
}
.top_news-event__item-head__category:nth-child(n+2){
    margin-left: 6rem;
}
.top_news-event__item-head__category--miso-soysauce-fes{
    background-image: url(../img/miso-soysauce-fes/bg_category-tag-miso-fes.jpg);
    background-repeat: no-repeat;
    background-size: 102px;
    background-position: right;
}
.top_news-event__item-head__category--sake-fes {
    color: var(--color-background-secondary, #FFF);
    background-image: url(../img/sake-fes/bg_category-tag-sake-fes.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    width: fit-content;
    background-position: right;
    border: 1px solid #D8B44A;
}
.top_news-event__item-head__category-list{
    display: flex;
}
.top_news-event__item__content__title{
    color: var(--color-text-primary, #000B20);
    font-size: 14rem;
    font-weight: 600;
    line-height: 1.6;
    letter-spacing: 1.12px;
}
@media (min-width: 768px) {
    .top_news-event{
        position: relative;
    }
    .top_news-event__list{
        margin-bottom: 10px;
        display: flex;
        justify-content: center;
    }
    .top_news-event__item{
        width: calc( ( 100% - 20px * 3 ) / 4 );
        margin-right: 20px;
    }
    .top_news-event__item:nth-child(4n){
        margin-right: 0;
    }
    .top_news-event__item:nth-child(n+2){
        margin-top: 0;
    }
    .top_news-event__link{
        padding: 20px 25px;
        transition: all 0.3s;
    }
    .top_news-event__link:hover{
        opacity: .5;
    }
    .top_news-event__item__content__title{
        font-size: 15px;
        letter-spacing: 1.5px;
        font-weight: 500;
    }
    .common-text-button--top_news-event{
        position: absolute;
        right: 0;
        bottom: 36px;
    }
}
@media screen and (min-width: 768px) and (max-width: 880px) {
    .common-text-button--top_news-event{
        position: static;
    }
}
@media screen and (min-width: 768px) and (max-width: 1080px) {
    .top_news-event__list{
        flex-direction: column;
    }
    .top_news-event__item{
        width: 100%;
        margin-right: 0;
    }
    .top_news-event__item:nth-child(n+2){
        margin-top: 10rem;
    }
}
/*banner_news-event END*/

/* top_sakagura-map */
.top_sakagura-map {
    padding: 50rem 0 40rem;
    background-image: url(../img/sakagura/bg_sakagura-head.png);
    background-size: contain;
    background-position: top;
    background-blend-mode: multiply;
    background-color: #FFF3E9;

}
.top_sakagura-map__wrap{
    padding-bottom: 40rem;
}
.top_sakagura-map__inner{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.top_sakagura-map__title {
    color: var(--color-text-primary, #000B20);
    font-size: 14rem;
    font-weight: 700;
    letter-spacing: 0.56px;
    margin-bottom: 8rem;
    display: flex;
    align-items: center;
}
.top_sakagura-map__title::before {
    content: "";
    display: block;
    width: 40rem ;
    height: 40rem;
    background-image: url(../img/icon/icon_sakagura-sake.svg);
    background-repeat: no-repeat;
    background-size: contain;
    margin-right: 10rem;
    flex-shrink: 0;
}
.top_sakagura-map__title__sake-type {
    color: var(--color-text-primary, #000B20);
    font-size: 20rem;
    font-weight: 700;
    letter-spacing: 0.8px;
    margin-left: 2rem;
}
.top_sakagura-map__highlight-text{
    color: var(--color-text-primary, #000B20);
    font-size: 24rem;
    font-weight: 700;
    line-height: 1.6;
    letter-spacing: 0.96px;
    margin-bottom: 20rem;
}
.top_sakagura-map__highlight-span{
    color: var(--color-text-accent, #E83821);
    font-weight: 700;
}
.top_sakagura-map__description-text{
    color: var(--color-text-primary, #000B20);
    font-feature-settings: 'palt' on;
    font-size: 14rem;
    font-weight: 500;
    line-height: 2;
    letter-spacing: 1.4px;
    margin-bottom: 25rem;
}
.top_sakagura-map__description-span{
    font-weight: 700;
}
.top_sakagura-map__description-highlight {
    font-weight: 700;
    font-size: 17rem;
    letter-spacing: 1.7px;
}
.top_sakagura-map__image-group{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.top_sakagura-map__img{
    display: block;
    width: 100%;
    margin-bottom: 6rem;
}
@media (min-width: 768px) {
    .top_sakagura-map {
        padding: 60px 0;
    }
    .top_sakagura-map__wrap{
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
    }
    .top_sakagura-map__text-group{
        order: 2;
        max-width: 465px;
    }
    .top_sakagura-map__title{
        margin-bottom: 16px;
    }
    .top_sakagura-map__highlight-text{
        font-size: 34px;
        font-weight: 700;
        line-height: 1.5;
        letter-spacing: 2.04px;
        margin-bottom: 22px;
    }
    .top_sakagura-map__description-text{
        font-size: 15px;
        line-height: 2;
        letter-spacing: 1.5px;
        margin-bottom: 30px;
    }
    .top_sakagura-map__description-highlight {
        font-size: 18px;
        letter-spacing: 1.8px;
    }
    .top_sakagura-map__img{
        max-width: 679px;
        margin-bottom: 0;
    }
}
.sakagura-map__list-wrap--top{
    padding: 0;
}
.sakagura-map__list-wrap-inner--top{
    padding: 20rem 15rem;
    background: var(--color-background-secondary, #FFF);
}
.sakagura-map__item--top:first-child{
    border-top: none;
}
.sakagura-map__item--top:last-child{
    border-bottom: none;
}
.sakagura-map__item-link--top{
    gap: 8px;
}
@media (min-width: 768px) {
    .sakagura-map__list-wrap-inner--top{
        padding: 30rem 35rem;
        background: var(--color-background-secondary, #FFF);
        border-radius: 10px;
    }
    .sakagura-map__item--top:nth-child(-n+3){
        border-top: none;
    }
    .sakagura-map__item--top:nth-child(n+4){
        border-bottom: none;
    }
    .sakagura-map__item--top:first-child{
        border-top: none;
    }
    .sakagura-map__item--top:last-child{
        border-bottom: none;
    }
    .sakagura-map__item--top:nth-child(3n) {
        border-right: none;
    }
    .sakagura-map__item-link--top{
        padding: 20px 30px;
    }
}

.top_sakagura-map--others {
    background-color: #FDF9E3;
    background-image: none;
}
.top_sakagura-map--others .top_sakagura-map__title::before {
    background-image: url(../img/icon/icon_sakagura-others.svg);
}
/* top_sakagura-map END */

/* top_contents-introduction */
.top_contents-introduction{
    background: var(--color-background-secondary, #FFF);
    padding: 48rem 0 50rem;
}
.top_contents-introduction__inner{
    padding: 0 25px;
}
.top_contents-introduction__item:nth-child(n+2){
    margin-top: 45rem;
}
.top_contents-introduction__item-head{
    display: flex;
    justify-content: center;
    margin-bottom: 16rem;
}
.top_contents-introduction__item-copy{
    color: var(--color-text-primary, #000B20);
    font-size: 22rem;
    font-weight: 700;
    line-height: 1.5;
    writing-mode: vertical-rl;
    text-orientation: upright;
    margin-right: 26rem;
    width: fit-content;
    position: relative;
    top: 20rem;
    letter-spacing: 3.5px;
}
.top_contents-introduction__item-copy-span{
    color: var(--color-text-accent, #E83821);
    font-size: 36rem;
    font-weight: 700;
    letter-spacing: 3.5rem;
}
.top_contents-introduction__item-title{
    width: 260rem;
}
.top_contents-introduction__item-title-img{
    display: block;
    width: 100%;
}
.top_contents-introduction__item-lead{
    color: var(--color-text-primary, #000B20);
    font-feature-settings: 'palt' on;
    font-size: 14rem;
    font-weight: 500;
    line-height: 1.8;
    letter-spacing: 0.84px;
    margin-bottom: 8rem;
}
.common-text-button--top_contents-introduction{
    margin-left: auto;
}
@media (min-width: 768px) {
    .top_contents-introduction{
        padding: 50px 0 60px;
    }
    .top_contents-introduction__inner{
        padding: 0 15px;
    }
    .top_contents-introduction__list{
        display: flex;
    }
    .top_contents-introduction__item{
        width: calc( ( 100% - 116px * 2 ) / 3 );
    }
    .top_contents-introduction__item:nth-child(n+2){
        margin-top: 0;
        margin-left: 116px;
        position: relative;
    }
    .top_contents-introduction__item:nth-child(n+2)::before{
        content: "";
        display: block;
        background-color: var(--color-neutral-300 , #E0DEDB);
        width: 1px;
        height: calc(100% + 2px);
        position: absolute;
        left: -58px;
        top: 0;
        bottom: 0;
        margin: auto;
    }
    .top_contents-introduction__item-head{
        margin-bottom: 20px;
    }
    .top_contents-introduction__item-copy{
        font-size: 24px;
        margin-right: 24px;
    }
    .top_contents-introduction__item-copy-span{
        font-size: 40px;
    }
    .top_contents-introduction__item-lead{
        font-size: 15px;
        line-height: 1.9;
        letter-spacing: 0.9px;
        margin-bottom: 24px;
    }
}
@media screen and (min-width: 768px) and (max-width: 1080px) {
    .top_contents-introduction__list{
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    .top_contents-introduction__item{
        width: calc( ( 100% - 116px ) / 2 );
    }
    .top_contents-introduction__item:nth-child(n+2){
        margin-left: 0;
    }
    .top_contents-introduction__item:nth-child(2n){
        margin-left: 116px;
    }
    .top_contents-introduction__item:nth-child(n+2)::before{
        display: none;
    }
    .top_contents-introduction__item:nth-child(2n)::before{
        content: "";
        display: block;
        background-color: var(--color-neutral-300, #E0DEDB);
        width: 1px;
        height: 100%;
        position: absolute;
        left: -58px;
        top: 0;
        bottom: 0;
        margin: auto;
    }
    .top_contents-introduction__item:nth-child(n+3){
        margin-top: 60px;
    }

}
/* top_contents-introduction END */

/* lovers-style */
.lovers-style{
    background-color: var(--color-background-tertiary, #EFE5CC);
    padding: 60rem 0 64rem;
}
.lovers-style__item:nth-child(n+2){
    margin-top: 50rem;
}
.lovers-style__item-title{
    color: var(--color-text-primary, #000B20);
    font-feature-settings: 'palt' on;
    font-size: 20rem;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: 0.8px;
    margin-bottom: 25rem;
    text-align: center;
}
.lovers-style__item-title-span{
    color: var(--color-text-accent, #E83821);
    font-size: 13rem;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0.52px;
    display: block;
    margin-bottom: 14rem;
    text-transform: uppercase;
}
.lovers-style__item-list{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    gap: 9rem;
}
.lovers-style__list {
    width: 100%;
}
.lovers-style__item-list__item{
    border-radius: 10rem;
    overflow: hidden;
    width: calc( ( 100% - 9rem ) / 2 );
}
.lovers-style__item-list__item:nth-child(n+3){
    margin-top: 10rem;
}
.lovers-style__item-list__item-link{
    display: block;
    height: 100%;
}
.lovers-style__item-list__item-img{
    display: block;
    width: 100%;
    height: 109rem;
    object-fit: cover;
}
.lovers-style__item-list__item-text-wrap{
    background-color: var(--color-background-secondary, #FFF);
    padding: 10rem 12rem 15rem;
    height: calc(100% - 109rem);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.lovers-style__item-list__item-title{
    color: var(--color-text-primary, #000B20);
    font-size: 14rem;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: 0.28px;
    margin-bottom: 10rem;
}
.lovers-style__item-list__item-name{
    color: var(--color-text-accent, #E83821);
    font-size: 10rem;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0.2px;
}
@media (min-width: 768px) {
    .lovers-style{
        padding: 77px 0 83px;
    }
    .lovers-style__item:nth-child(n+2){
        margin-top: 64px;
    }
    .lovers-style__item-title{
        font-size: 30px;
        letter-spacing: 3.2px;
        margin-bottom: 44px;
    }
    .lovers-style__item-title-span{
        font-size: 14px;
        letter-spacing: 0.84px;
        margin-bottom: 16px;
    }
    .lovers-style__item-list {
        gap: 30px;
    }
    .lovers-style__item-list__item{
        width: calc( ( 100% - 30px * 3 ) / 4 );
        transition: all 0.3s;
    }
    .lovers-style__item-list__item:nth-child(n+3){
        margin-top: 0;
    }
    .lovers-style__item-list__item-img{
        height: 180px;
    }
    .lovers-style__item-list__item-text-wrap{
        padding: 10px 15px 20px;
        height: calc(100% - 180px);
    }
    .lovers-style__item-list__item-title{
        font-size: 16px;
        letter-spacing: 0.32px;
    }
    .lovers-style__item-list__item-name{
        font-size: 12px;
        letter-spacing: 0.24px;
    }
    .lovers-style__item-list__item:hover{
        opacity: .5;
    }
}
/* lovers-style END */

/* top_about */
.top_about{
    background-color: var(--color-background-primary, #f3f2ee);
    padding: 130rem 0 40rem;
}
.top_about__inner{
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    z-index: 1;
    max-width: 1410px;
}
.top_about__inner::before{
    content: "";
    display: block;
    background-image: url(../img/top/top_about_sp01.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 263rem;
    height: 133rem;
    position: absolute;
    top: -130rem;
    left: 0;
    z-index: -1;
}
.top_about__inner::after{
    content: "";
    display: block;
    background-image: url(../img/top/top_about_sp02.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 140rem;
    height: 98rem;
    position: absolute;
    right: 0;
    top: 116rem;
    z-index: -1;
}
.top_about__title{
    display: flex;
    justify-content: center;
    margin-bottom: 60rem;
    position: relative;
    z-index: 1;
}
.top_about__title-span{
    color: var(--color-text-primary, #000B20);
    font-kerning: none;
    font-feature-settings: 'vrt2' on;
    font-size: 32rem;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 6px;
    display: block;
    writing-mode: vertical-rl;
    text-orientation: upright;
    position: relative;
    z-index: 1;
}
.top_about__title-span:nth-of-type(n+2){
    margin-left: 30rem;
}
.top_about__title-span::before{
    content: "";
    display: block;
    background-color: var(--color-background-secondary, #FFF);
    width: 44rem;
    height: 189rem;
    position: absolute;
    bottom: 12px;
    right: 0;
    left: 0;
    margin: auto;
    z-index: -1;
    opacity: 0.9;
}
.top_about__title-span-span{
    font-kerning: none;
    font-feature-settings: 'vrt2' on;
    font-size: 32rem;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 6px;
    color: var(--color-text-accent, #E83821);
}
.top_about__lead-text{
    color: var(--color-text-primary, #000B20);
    text-align: center;
    font-feature-settings: 'palt' on;
    font-size: 14rem;
    font-weight: 500;
    line-height: 2;
    letter-spacing: 1.4px;
    margin-bottom: 10rem;
    position: relative;
    z-index: 1;
}
.top_about__lead-text-span{
    font-weight: 700;
}
@media (min-width: 768px) {
    .top_about{
        padding: 95px 0 60px;
    }
    .top_about__inner::before{
        background-image: url(../img/top/top_about_pc01.png);
        width: 30%;
        height: 67%;
        top: 5px;
    }
    .top_about__inner::after{
        background-image: url(../img/top/top_about_pc02.png);
        width: 30%;
        height: 67%;
        top: 140px;
    }
    .top_about__title{
        margin-bottom: 40px;
    }
    .top_about__title-span{
        font-size: 44px;
        letter-spacing: 8px;
    }
    .top_about__title-span:nth-of-type(n+2){
        margin-left: 38px;
    }
    .top_about__title-span::before{
        width: 59px;
        height: 253px;
        bottom: 20px;
    }
    .top_about__title-span-span{
        font-size: 44px;
        letter-spacing: 8px;
    }
    .top_about__lead-text{
        font-size: 15px;
        line-height: 2.25;
        letter-spacing: 1.5px;
    }
}
/* top_about END */

/* top_onedish-onecup */
.top_onedish-onecup{
    background-color: #4E648E;
    padding: 64rem 0 48rem;
    background-image: url(../img/top/top_onedish-onecup-bg_sp.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-blend-mode: multiply;
}
.top_onedish-onecup__inner{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.top_onedish-onecup__head{
    margin-bottom: 40rem;
}
.onedish-onecup__list-wrap{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.top_onedish-onecup__head-title{
    color: var(--color-text-inverse, #FFF);
    font-size: 24rem;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 1.44px;
    margin-bottom: 30rem;
    text-align: center;
}
.top_onedish-onecup__head-lead-text{
    color: var(--color-text-inverse, #FFF);
    font-feature-settings: 'palt' on;
    font-size: 14rem;
    font-weight: 500;
    line-height: 1.8;
    letter-spacing: 1.4px;
}
.onedish-onecup__list--top{
    margin-bottom: 30rem;
}
@media screen and (min-width: 768px) {
    .top_onedish-onecup{
        padding: 90rem 0 50rem;
        background-image: url(../img/top/top_onedish-onecup-bg_pc.jpg);
        background-repeat: repeat;
        background-position: top;
        background-size: 666px;
    }
    .top_onedish-onecup__inner{
        flex-direction: row;
        align-items: flex-start;
    }
    .top_onedish-onecup__head{
        margin-bottom: 0;
        margin-right: 80px;
        display: flex;
    }
    .top_onedish-onecup__head-title{
        font-size: 40px;
        font-weight: 700;
        line-height: 1.1;
        letter-spacing: 1.44px;
        margin-bottom: 0;
        margin-right: 40px;
        writing-mode: vertical-rl;
        text-orientation: upright;
        position: relative;
        top: -13px;
    }
    .top_onedish-onecup__head-lead-text{
        font-feature-settings: 'vert' on, 'palt' on, 'liga' off;
        font-size: 15px;
        font-style: normal;
        font-weight: 500;
        line-height: 2.2;
        letter-spacing: 1.5px;
        writing-mode: vertical-rl;
        text-orientation: upright;
    }
    .onedish-onecup__list--top{
        margin-bottom: 28px;
        gap: 30px;
    }
    .onedish-onecup__item--top{
        width: calc( ( 100% - 30px * 2 ) / 3 );
    }
    .common-text-button--top_onedish-onecup{
        margin-left: auto;
    }
}
@media screen and (min-width: 768px) and (max-width: 880px) {
    .top_onedish-onecup__inner {
        flex-direction: column;
        align-items: center;
    }
    .top_onedish-onecup__head {
        margin-bottom: 40rem;
        margin-right: 0;
        display: block;
    }
    .top_onedish-onecup__head-title {
        font-size: 40px;
        line-height: 1.1;
        margin-bottom: 30rem;
        writing-mode: horizontal-tb;
        text-orientation: mixed;
        position: static;
        margin-right: 0;
        font-feature-settings: normal;
    }
    .top_onedish-onecup__head-lead-text {
        font-size: 15px;
        line-height: 2.2;
        writing-mode: horizontal-tb;
        text-orientation: mixed;
        font-feature-settings: normal;
        text-align: center;
    }
    .onedish-onecup__list--top {
        margin-bottom: 30rem;
        grid-column-gap: 10px;
        grid-row-gap: 15px;
    }
    .onedish-onecup__item--top {
        width: calc( ( 100% - 10px ) / 2 );
    }
    .common-text-button--top_onedish-onecup {
        margin-left: 0;
    }
    .top_onedish-onecup__head-lead-text--br{
        display: none;
    }
}
/* top_onedish-onecup END */

/* top_local-guide */
.top_local-guide {
    padding: 50rem 0 30rem;
}
.top_local-guide__inner {
    display: grid;
    grid-template-areas:
        "title"
        "img"
        "text-btn";
    padding: 0 25rem;
}
.top_local-guide__title-block {
    grid-area: title;
}
.top_local-guide__shoulder-text {
    color: var(--color-text-accent, #E83821);
    font-size: 14rem;
    font-weight: 600;
    line-height: 150%;
    letter-spacing: 0.1em;
    text-align: center;
    margin-bottom: 6rem;
}
.top_local-guide__shoulder-text::before,
.top_local-guide__shoulder-text::after {
    position: relative;
    top: 2rem;
    display: inline-block;
    content: '';
    width: 2rem;
    height: 14rem;
    border-radius: 1rem;
    background-color: var(--color-text-accent, #E83821);
}
.top_local-guide__shoulder-text::before {
    transform: rotate(-17.53deg);
    margin-right: 8rem;
}
.top_local-guide__shoulder-text::after {
    transform: rotate(17.53deg);
    margin-left: 8rem;
}
.top_local-guide__h2-title {
    color: var(--color-text-primary, #000B20);
    font-size: 24rem;
    font-weight: 700;
    line-height: 150%;
    letter-spacing: 0.1em;
    margin-bottom: 20rem;
    text-align: center;
}
.top_local-guide__picture {
    grid-area: img;
}
.top_local-guide__img {
    display: block;
    width: 100%;
    margin-bottom: 30rem;
}
.top_local-guide__text-btn-block {
    grid-area: text-btn;
}
.top_local-guide-text {
    color: var(--color-text-primary, #000B20);
    font-size: 14rem;
    font-weight: 400;
    line-height: 180%;
    letter-spacing: 0.08em;
    margin-bottom: 14rem;
}
.top_local-guide-text--last {
    margin-bottom: 10rem;
}
.top_local-guide-text--bold {
    font-weight: bold;
}
.common-button--top_local-guide {
    width: fit-content;
    margin: 0 auto;
}
.sakagura-map__genre-icon-list {
    display: flex;
    gap: 4rem;
    margin-bottom: 8rem;
}
.sakagura-map__genre-icon-item {
    width: 28rem;
}
.sakagura-map__genre-icon-img {
    display: block;
    width: 100%;
}
.sakagura-map__area-list--top-others {
    margin-bottom: 0;
    margin-top: 10rem;
}
.sakagura-map__item-link--top-others {
    padding: 12rem 10rem 24rem;
}
@media screen and (min-width: 768px) {
    .top_local-guide {
        padding: 80rem 0;
    }
    .top_local-guide__inner {
        justify-content: space-between;
        grid-template-areas:
            "img title"
            "img text-btn";
        max-width: 1143rem;
        grid-template-columns: 50.32% 46.08%;
    }
    .top_local-guide__shoulder-text {
        font-size: 16rem;
        margin-bottom: 8rem;
    }
    .top_local-guide__shoulder-text::before,
    .top_local-guide__shoulder-text::after {
        top: 4rem;
        height: 20rem;
    }
    .top_local-guide__shoulder-text::before {
        margin-right: 10rem;
    }
    .top_local-guide__shoulder-text::after {
        margin-left: 10rem;
    }
    .top_local-guide__h2-title {
        font-size: 32rem;
    }
    .top_local-guide__img {
        width: 100%;
        margin-bottom: 0;
    }
    .top_local-guide-text {
        font-size: 15rem;
        line-height: 200%;
        letter-spacing: 0.04em;
        text-align: center;
    }
    .top_local-guide-text--last {
        margin-bottom: 34rem;
    }
    .common-button--top_local-guide {
        width: fit-content;
        padding: 0;
        margin: 0 auto;
    }
}

.guidebook-link__note-text {
    color: var(--color-text-secondary, #001130);
    font-size: 12rem;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0.96px;
    width: fit-content;
    margin: 0 auto 8rem;
    position: relative;
}
.guidebook-link__note-text::before {
    content: "";
    display: block;
    background-color: var(--color-secondary-800, #001130);
    width: 12rem;
    height: 1rem;
    transform: rotate(50deg);
    position: absolute;
    top: 0;
    bottom: 0;
    left: -17rem;
    margin: auto;
}
.guidebook-link__note-text::after {
    content: "";
    display: block;
    background-color: var(--color-secondary-800, #001130);
    width: 12rem;
    height: 1rem;
    transform: rotate(-50deg);
    position: absolute;
    top: 0;
    bottom: 0;
    right: -14rem;
    margin: auto;
}
.guidebook-link__link {
    display: block;
    width: 285rem;
}
.guidebook-link__img {
    display: block;
    width: 100%;
}
.guidebook-link__text-img {
    display: block;
    width: 120rem;
    margin-right: 4rem;
    position: relative;
    top: -1rem;
}
.common-button__link--guidebook {
    border: 2px solid #9A6C1C;
    background-image: url(../img/top/bg_guidebook-link.png);
    background-repeat: no-repeat;
    color: var(--color-secondary-600, #001D50);
    width: 285rem;
    padding: 6rem 8rem;
    justify-content: flex-start;
}
.guidebook-link__icon-img {
    display: block;
    width: 40rem;
    margin-right: 6rem;
}
@media screen and (min-width: 768px) {
    .guidebook-link {
        width: fit-content;
    }
    .common-button__link--guidebook {
        font-size: 14px;
    }
    .common-button__link--guidebook:hover:before {
        background-image: url(../img/icon/icon_common-button_popup.png);
    }
    .common-button__link--guidebook:hover {
        opacity: .5;
    }
    .guidebook-link__link {
        transition: .3s all;
    }
    .guidebook-link__link:hover {
        opacity: .5;
    }
    .sakagura-map__item-link--top-others {
        padding: 20px;
    }
}