﻿/* =============================================================
    Module
============================================================= */
@media screen and (min-width: 992px) {
}
@media screen and (max-width: 991px) {
}
@media screen and (min-width: 768px) {
}
@media screen and (max-width: 767px) {
}

/* =============================================================
    Common
============================================================= */
:root{
    --color-bg-top-gray: #CCCCCC;
    --color-home-border-gray: #A0A0A0;
}

/* =============================================================
    Swiper
============================================================= */
/* Swiperが暴走しないように */
.p-page-home .swiper {
    display: grid;
    width: 100%;
}
.p-page-home .swiper-wrapper {
    min-width: 0;
}

.top-product-slider{
    position: relative;
}
.slider-arrow{
    margin-block: auto;
    padding: 0;
    width: 4rem;
    aspect-ratio: 1;
    border-radius: 99%;
    overflow: hidden;
    background-color: rgba(0,0,0,.1);
    border: 1px solid var(--color-bg-active);
    transition: background var(--transition-default), opacity var(--transition-default);

    position: absolute;
    top: 0;
    bottom: 0;
    z-index: var(--zindex-hamburgermenu-contents);
}
[data-section="feature"] .slider-arrow{
    top: 7.3rem;
    bottom: unset;
    margin-block: unset;
}
.slider-arrow.js-arrow-prev{
    left: 0;
}
.slider-arrow.js-arrow-next{
    right: 0;
}
.slider-arrow[aria-disabled="true"]{
    opacity: 0;
    pointer-events: none;
}

.slider-arrow__wrap{
    margin-top: 2rem;
}

.swiper-scrollbar {
    background: #EDEDED; /* スクロールバーの背景色 */
    height: 6px; /* スクロールバーの高さ */
}
.swiper-scrollbar .swiper-scrollbar-drag {
    background: var(--color-secondary); /* スクロールドラッグの色 */
    border-radius: 4px; /* 角を丸くする */
}
    
@media screen and (max-width: 767px) {
    .top-product-slider.l-container{
        padding-inline: 0;
    }
    .p-page-home .swiper,
    .slider-arrow__wrap{
        padding-inline: 2rem;
    }
    .slider-arrow{
        display: none;
    }
}

@media screen and (min-width: 768px) {
}
@media screen and (max-width: 767px) {
}



/* =============================================================
    Mv
============================================================= */
[data-section="mv"]{
    position: relative;
    margin-bottom: 6rem;
}
[data-section="mv"] .swiper{
    padding-block: 0 1.4rem;
}
.c-mv-item{
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, .16);
}
[data-section="mv"] .slider-arrow__wrap {
    margin-top: 0;
}
.swiper-pagination{
    position: static;
    display: flex;
    justify-content: center;
    gap: 1.4rem;
}
.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{
    margin-inline: 0;
}
.swiper-pagination-bullet{
    content: '';
    display: block;
    width: 1.163rem;
    height: 1.812rem;
    mask-repeat: no-repeat;
    mask-size: contain;
    mask-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2211.632%22%20height%3D%2218.116%22%20viewBox%3D%220%200%2011.632%2018.116%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_513%22%20data-name%3D%22%E3%83%91%E3%82%B9%20513%22%20d%3D%22M140.483%2C375.389c-2.453%2C0-5.957%2C5.182-5.931%2C10.127s2.007%2C7.925%2C5.931%2C7.988%2C5.749-3.766%2C5.7-7.988S142.937%2C375.389%2C140.483%2C375.389Z%22%20transform%3D%22translate(-134.553%20-375.389)%22%20fill%3D%22%23ddd%22%2F%3E%3C%2Fsvg%3E');
    background-color: #DDDDDD;
    transition: background var(--transition-default);
    opacity: 1;
}
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet:nth-child(2n){
    margin-top: .6rem;
}
.swiper-pagination-bullet.swiper-pagination-bullet-active{
    background-color: var(--color-primary);
}
[data-section="mv"] .slider-arrow{
    opacity: 0;
    pointer-events: none;
    transition: opacity var(--transition-default),background var(--transition-default);
}
[data-section="mv"]:has(.swiper-initialized) .slider-arrow{
    opacity: 1;
    pointer-events: all;
}
@media screen and (min-width: 768px) {
    [data-section="mv"]{
        margin-bottom: 8rem;
    }
    [data-section="mv"] .swiper{
        padding-block: 2rem 1rem;
    }
    [data-section="mv"] .slider-arrow{
        top: calc(50% - .7rem - 2rem);
        bottom: unset;
    }
}
@media screen and (max-width: 991px) {
     [data-section="mv"] .slider-arrow{
        display: none;
     }
}
@media screen and (max-width: 1200px) {
    [data-section="mv"] .slider-arrow.js-arrow-next{
        /* right: calc(50% - 2rem - 29rem); */
        right:27.8%;
    }
    [data-section="mv"] .slider-arrow.js-arrow-prev{
        left:27.8%;
    }
}
@media screen and (min-width: 1201px) {
    [data-section="mv"] .slider-arrow.js-arrow-next{
        right:28.5%;
    }
    [data-section="mv"] .slider-arrow.js-arrow-prev{
        left:28.5%;
    }
}
@media screen and (max-width: 767px) {
    .p-page-home [data-section="mv"] .swiper,
    [data-section="mv"] .slider-arrow__wrap {
        padding-inline: 0;
    }
}

/* =============================================================
    Category Panel
============================================================= */
[data-section="category-panel"]{
    padding-bottom: 6rem;
}
.c-category-panel{
    margin-top: 3rem;
}
.c-category-panel__list{
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 2rem 1.5rem;
}
.c-category-panel__item p{
    margin-top: 1rem;
    line-height: 1.42857;
    letter-spacing: .1em;
    font-weight: var(--fw-semibold);
    text-align: center;
}
@media screen and (min-width: 768px) {
    [data-section="category-panel"]{
        padding-bottom: 8rem;
    }
    .c-category-panel__list{
        grid-template-columns: repeat(5,minmax(0,1fr));
        gap: 4rem 2rem;
    }
}

/* =============================================================
    Feature
============================================================= */
/* .c-feature-item p {
  margin-top: 1.4rem;
  font-size: 1.4rem;
  letter-spacing: 0.1em;
  line-height: 1.71428;
} */

.c-feature-item figcaption {
  margin-top: 1.4rem;
}

.c-feature-item p {
  margin-top: 0.8rem;
  font-size: 1.2rem;
  line-height: 1.66666;
  letter-spacing: 0.05em;
}

.c-feature-item h3 {
  font-size: 1.5rem;
  line-height: 1.7;
  letter-spacing: 0.1em;
  font-weight: var(--fw-semibold);
}

[data-section="feature"] .slider-arrow__wrap {
  margin-top: 0;
}

/* =============================================================
    Recipe
============================================================= */
[data-section="recipe"],
[data-section="feature"]{
    padding-bottom: 6rem;
}
.c-top-recipe{
    margin-top: 3rem;
}
.c-recipe-item figcaption{
    margin-top: 1.4rem;
}
.c-recipe-item h3{
    font-size: 1.5rem;
    line-height: 1.7;
    letter-spacing: .1em;
    font-weight: var(--fw-semibold);
}
.c-recipe-item p{
    margin-top: .8rem;
    font-size: 1.2rem;
    line-height: 1.66666;
    letter-spacing: .05em;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
}
.c-button-area--recipe {
    margin-top: 3rem;
    /* padding-inline: 10.75rem; */
}
.c-button--recipe {
    margin-inline: auto;
    padding-block: 1.05rem;
    font-size: 1.2rem;
    line-height: 1;
    letter-spacing: .1em;
    border-radius: 4em;
    display: grid;
    grid-template-columns: 2rem auto;
    grid-gap: .6rem;
    align-items: center;
    justify-content: center;
    background-color: var(--color-primary);

    width: var(--button-common-size);
}
a.c-button--recipe{
    color: #fff;
}
.c-button--recipe::before{
    content: '';
    width: 2rem;
    aspect-ratio: 1;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip-path%22%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_5756%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%205756%22%20width%3D%2220%22%20height%3D%2214.159%22%20fill%3D%22%23fff%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_22011%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2022011%22%20transform%3D%22translate(-456%20-3768)%22%3E%20%3Ccircle%20id%3D%22%E6%A5%95%E5%86%86%E5%BD%A2_21%22%20data-name%3D%22%E6%A5%95%E5%86%86%E5%BD%A2%2021%22%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%2210%22%20transform%3D%22translate(456%203768)%22%20fill%3D%22none%22%2F%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_13356%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2013356%22%20transform%3D%22translate(456%203771)%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_13355%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2013355%22%20clip-path%3D%22url(%23clip-path)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_3407%22%20data-name%3D%22%E3%83%91%E3%82%B9%203407%22%20d%3D%22M604.227%2C9.355a4%2C4%2C0%2C0%2C0-1.327%2C3.009V16.7a.235.235%2C0%2C0%2C0%2C.266.265h.708l-.266%2C5.133a.592.592%2C0%2C0%2C0%2C.531.619.51.51%2C0%2C0%2C0%2C.531-.531V9.532a.266.266%2C0%2C0%2C0-.442-.177%22%20transform%3D%22translate(-584.67%20-9.001)%22%20fill%3D%22%23fff%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_3408%22%20data-name%3D%22%E3%83%91%E3%82%B9%203408%22%20d%3D%22M2.3%2C5.853a.235.235%2C0%2C0%2C0-.265.265V8.508a.19.19%2C0%2C0%2C1-.177.177c-.088%2C0-.265-.089-.265-.177V6.118a.235.235%2C0%2C0%2C0-.265-.265c-.177%2C0-.354.089-.354.265V8.508A.19.19%2C0%2C0%2C1%2C.8%2C8.685a.19.19%2C0%2C0%2C1-.177-.177V6.118a.235.235%2C0%2C0%2C0-.265-.265c-.177%2C0-.354.089-.354.265v3.894a1.25%2C1.25%2C0%2C0%2C0%2C.885%2C1.239L.708%2C18.773a.567.567%2C0%2C0%2C0%2C.708.531.665.665%2C0%2C0%2C0%2C.442-.619l-.177-7.434a1.25%2C1.25%2C0%2C0%2C0%2C.885-1.239V6.118A.235.235%2C0%2C0%2C0%2C2.3%2C5.853%22%20transform%3D%22translate(0%20-5.676)%22%20fill%3D%22%23fff%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_3409%22%20data-name%3D%22%E3%83%91%E3%82%B9%203409%22%20d%3D%22M109.515%2C0a7.08%2C7.08%2C0%2C1%2C0%2C7.08%2C7.08A7.1%2C7.1%2C0%2C0%2C0%2C109.515%2C0m-.973%2C2.3a3.63%2C3.63%2C0%2C0%2C1%2C.973-.089.381.381%2C0%2C0%2C1%2C.354.354.381.381%2C0%2C0%2C1-.354.354%2C3.011%2C3.011%2C0%2C0%2C0-.885.088c-.177%2C0-.354-.088-.354-.265%2C0-.265.089-.442.265-.442m.973%2C9.735a4.929%2C4.929%2C0%2C0%2C1-4.867-4.956%2C5.135%2C5.135%2C0%2C0%2C1%2C1.858-3.894c.089-.089.089-.089.177-.089a.325.325%2C0%2C0%2C1%2C.266.089c.088.177.088.354-.089.442a4.7%2C4.7%2C0%2C0%2C0-1.593%2C3.451%2C4.248%2C4.248%2C0%2C0%2C0%2C8.5%2C0%2C.354.354%2C0%2C1%2C1%2C.708%2C0%2C4.948%2C4.948%2C0%2C0%2C1-4.956%2C4.956%22%20transform%3D%22translate(-99.338%200.001)%22%20fill%3D%22%23fff%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fsvg%3E')
}
@media screen and (min-width: 768px) {
    [data-section="recipe"],
    [data-section="feature"]{
        padding-bottom: 8rem;
    }
    .c-recipe-item p{
        -webkit-line-clamp: 3;
    }
    .c-button-area--recipe {
        padding-inline: 0;
    }
    .c-button--recipe {
        margin-inline: auto;
        padding-block: 1.05rem;
    }
}

/* =============================================================
    News
============================================================= */
[data-section="shop-information"]{
    padding-bottom: 6rem;
}
.p-homeNewsList{
    border-block: unset;
}
.c-top-news-area{
    margin-top: 3rem;
}
.p-homeNewsList__item + .p-homeNewsList__item{
    margin-top: 1rem;
}
.p-homeNewsList-body{
    padding: 2rem;
    border: 1px solid var(--color-home-border-gray);
}
.p-homeNewsList-body__time{
    margin-bottom: 1rem;
    font-family: var(--font-en);
    color: var(--color-secondary);
    font-weight: var(--fw-regular);
    font-size: 1.2rem;
    line-height: 2;
    letter-spacing: 0.1em;
}
/* .detail,
.p-homeNewsList-body__title * {
    text-decoration: underline;
} */
.detail dt,
.p-homeNewsList-body__title p{
    font-size: 1.4rem;
    line-height: 1.7;
    letter-spacing: .1em;
    border-bottom: 1px solid transparent;
}
.detail dd{
    display: none;
}
.c-button-area--news,
.c-button-area--guide{
    margin-top: 3rem;
    /* padding-inline: 10.75rem; */
}
.c-button--simple{
    margin-inline: auto;
    padding-block: 1.35rem;
    font-size: 1.2rem;
    line-height: 1;
    letter-spacing: .1em;
    border: 1px solid var(--color-home-border-gray);
    border-radius: 4em;
    display: grid;
    place-content: center;
    width: var(--button-common-size);
}
.c-news-link-text{
    border-bottom: 1px solid transparent;
}
@media screen and (min-width: 768px) {
    [data-section="shop-information"]{
        padding-bottom: 8rem;
    }
    .p-homeNewsList-body{
        padding: 2rem 4rem;
    }
    .p-homeNewsList-body__time{
        margin-bottom: 0;
        width: 16rem;
    }
    .p-homeNewsList-body__title{
        max-width: calc(100% - 16rem);
    }
    .p-homeNewsList-body__title p{
        width: fit-content;
    }
    .c-button-area--news,
    .c-button-area--guide{
        padding-inline: 0rem;
    }
    .c-button--simple{
        margin-inline: auto;
        padding-block: 1.35rem;
        /* max-width: 16rem; */
    }
}
/* =============================================================
    About
============================================================= */
.c-top-about{
    margin-top: 6rem;
    position: relative;
}
.c-top-about__image{
    position: relative;
}
.c-top-about__image::after{
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(54,50,41,.6);
}
.c-top-about__text{
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;

    display: grid;
    place-content: center
}
.c-top-about__text-inner{
    display: grid;
    grid-gap: 4.2rem;
    justify-items: center;
}
.c-top-about__description{
    display: grid;
    grid-gap: 3ch;
    text-align: center;
}
.c-top-about__description p{
    font-size: 1.2rem;
    line-height: 2;
    letter-spacing: .1em;
    color: #fff;
}
@media screen and (min-width: 768px) {
    .c-top-about__text.l-container{
        padding-inline: 9.5rem;
    }
    .c-top-about__image::after{
        background-color: unset;
        background-image: linear-gradient(90deg, rgba(54, 50, 41, 1), rgba(120, 118, 112, 1));
        opacity: .6;
        mix-blend-mode: multiply;
    }
    .c-top-about__icon{
        width: min(8.80733svw, 9.6rem);
    }
    .c-top-about__text{
        place-content: unset;
        align-items: center;
    }
    .c-top-about__text-inner{
        grid-gap: min(3.66972svw, 4rem);
        justify-items: flex-start;
    }
    .c-top-about__description{
        grid-gap: 3ch;
        text-align: left;
    }
    .c-top-about__description p{
        font-size: min(1.2844svw, 1.4rem);
        line-height: 1.71;
    }
}
/* =============================================================
    公式SNS
============================================================= */
.c-top-sns{
    margin-top: 6rem;
}
.c-top-sns__inner{
    margin-top: 3rem;
}

.c-sns-item{
}
.c-sns-item dl{
    overflow: hidden;
    border-radius: 1rem;
    background-color: var(--color-bg-active);
}
.c-sns-item__heading{
    padding-inline: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    font-size: 1.6rem;
    font-weight: var(--fw-semibold);
    color: #fff;
    font-family: var(--ff-shippori-mincho);
    line-height: 1.44444;
    height: 7.3rem;
    border-radius: 1rem 1rem 0 0;
}

.c-sns-item__heading span{
    font-size: 1.2rem;
}
.c-sns-item__content{
    height:  20.2rem;
    padding-block: 2rem;
    border: 3px solid var(--color-primary-bg);
    border-top: unset;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    text-align: center;
    border-radius: 0 0 1rem 1rem;
}

/* Mail */
[data-sns="mail"] .c-sns-item__heading{
    background-color: var(--color-primary);
    border: 3px solid var(--color-primary);
}
[data-sns="mail"] .c-sns-item__content{
    border-color: var(--color-primary-bg);
    border-top: unset;
    background-color: var(--color-bg-active);
}

/* Line */
[data-sns="line"] .c-sns-item__heading{
    background-color: #0AC755;
    border: 3px solid #0AC755;
}
[data-sns="line"] .c-sns-item__content{
    border-color: var(--color-primary-bg);
    border-top: unset;
    background-color: var(--color-bg-active);
}

/* Instagram sangyo */
[data-sns="instagram--sangyo"] .c-sns-item__heading{
    background-color: var(--color-home-border-gray);
    border: 3px solid var(--color-home-border-gray);
}
[data-sns="instagram--sangyo"] .c-sns-item__content{
    border-color: var(--color-primary-bg);
    border-top: unset;
    background-color: var(--color-bg-active);
}

/* Instagram kurogomalatte */
[data-sns="instagram--kurogomalatte"] .c-sns-item__heading{
    background-color: var(--color-home-border-gray);
    border: 3px solid var(--color-home-border-gray);
}
[data-sns="instagram--kurogomalatte"] .c-sns-item__content{
    border-color: var(--color-primary-bg);
    border-top: unset;
    background-color: var(--color-bg-active);
}

/* X */
[data-sns="x"] .c-sns-item__heading{
    background-color: #fff;
    border:3px solid var(--color-primary-bg);
    border-bottom: 1px solid var(--color-home-border-gray);
    color: var(--color-text-default);
}
[data-sns="x"] .c-sns-item__content{
    border-color: var(--color-primary-bg);
    border-top: unset;
    background-color: var(--color-bg-active);
}

/* Youtube */
[data-sns="youtube"] .c-sns-item__heading{
    background-color: #FF0301;
    border: 3px solid #FF0301;
}
[data-sns="youtube"] .c-sns-item__content{
    border-color: var(--color-primary-bg);
    border-top: unset;
    background-color: var(--color-bg-active);
}

/* Facebook */
[data-sns="facebook"] .c-sns-item__heading{
    background-color: #1777F2;
    border: 3px solid #1777F2;
}
[data-sns="facebook"] .c-sns-item__content{
    border-color: var(--color-primary-bg);
    border-top: unset;
    background-color: var(--color-bg-active);
}


/* [data-sns="x"] .c-sns-item__content,
[data-sns="youtube"] .c-sns-item__content,
[data-sns="facebook"] .c-sns-item__content{
    background-color: #fff;
} */



@media screen and (min-width: 768px) {
    .c-top-sns{
        margin-top: 8rem;
    }
}

/* =============================================================
    Guide
============================================================= */
.c-top-guide-area{
    margin-top: 3rem;
}

.c-top-guide__list{
    display: grid;
    grid-gap: 1rem 4rem;
}
.c-top-guide__item{
    padding: 3.2rem 5rem 3.5rem 2rem;
    position: relative;
    width: 100%;
    display: grid;
    grid-template-columns: 5rem auto;
    align-items: center;
    gap: 1.4rem;
    border: 2px solid var(--color-bg-top-gray);
    background-color: transparent;
}
.c-top-guide__item::before{
    content: '';
    width: 5rem;
    aspect-ratio: 1;
    background-size: contain;
    background-repeat: no-repeat;
}
.c-top-guide__item[data-guide-panel="shipping"]::before{
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2260%22%20height%3D%2260%22%20viewBox%3D%220%200%2060%2060%22%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip-path%22%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_5729%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%205729%22%20width%3D%2260%22%20height%3D%2260%22%20fill%3D%22none%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_22024%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2022024%22%20transform%3D%22translate(11848%20-9646)%22%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_5767%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%205767%22%20width%3D%2260%22%20height%3D%2260%22%20transform%3D%22translate(-11848%209646)%22%20fill%3D%22none%22%2F%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_22015%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2022015%22%20transform%3D%22translate(-11848%209646)%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_13294%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2013294%22%20clip-path%3D%22url(%23clip-path)%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_13352%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2013352%22%20transform%3D%22translate(2.5%2010)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_3371%22%20data-name%3D%22%E3%83%91%E3%82%B9%203371%22%20d%3D%22M30.417%2C106.667h27.5a3.754%2C3.754%2C0%2C0%2C1%2C3.75%2C3.75v3.75h7.388a7.461%2C7.461%2C0%2C0%2C1%2C6.709%2C4.146L81.008%2C128.8a6.264%2C6.264%2C0%2C0%2C1%2C.659%2C2.793v6.321a3.754%2C3.754%2C0%2C0%2C1-3.75%2C3.75H76.541a6.25%2C6.25%2C0%2C0%2C1-12.247%2C0H44.041a6.25%2C6.25%2C0%2C0%2C1-12.247%2C0H30.417a3.754%2C3.754%2C0%2C0%2C1-3.75-3.75v-27.5a3.754%2C3.754%2C0%2C0%2C1%2C3.75-3.75m40%2C37.5a3.75%2C3.75%2C0%2C1%2C0-3.75-3.75%2C3.754%2C3.754%2C0%2C0%2C0%2C3.75%2C3.75m-8.75-5h2.626a6.25%2C6.25%2C0%2C0%2C1%2C12.247%2C0h1.376a1.252%2C1.252%2C0%2C0%2C0%2C1.25-1.25V131.6a3.763%2C3.763%2C0%2C0%2C0-.4-1.675l-5.244-10.491a4.973%2C4.973%2C0%2C0%2C0-4.473-2.764H61.667Zm-23.75%2C5a3.75%2C3.75%2C0%2C1%2C0-3.75-3.75%2C3.754%2C3.754%2C0%2C0%2C0%2C3.75%2C3.75m-8.75-6.25a1.252%2C1.252%2C0%2C0%2C0%2C1.25%2C1.25h1.376a6.25%2C6.25%2C0%2C0%2C1%2C12.247%2C0H59.167v-7.5h-30Zm0-8.75h30v-18.75a1.252%2C1.252%2C0%2C0%2C0-1.25-1.25h-27.5a1.252%2C1.252%2C0%2C0%2C0-1.25%2C1.25Z%22%20transform%3D%22translate(-26.667%20-106.667)%22%20fill%3D%22%23333%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_3372%22%20data-name%3D%22%E3%83%91%E3%82%B9%203372%22%20d%3D%22M114.091%2C242.307l2.483%2C5.962A1.251%2C1.251%2C0%2C0%2C1%2C115.42%2C250h-7.5a1.249%2C1.249%2C0%2C0%2C1-1.25-1.25v-7.5a1.249%2C1.249%2C0%2C0%2C1%2C1.25-1.25h2.708a3.744%2C3.744%2C0%2C0%2C1%2C3.464%2C2.307m-3.464.193h-1.458v5h4.375l-1.763-4.231a1.244%2C1.244%2C0%2C0%2C0-1.155-.769%22%20transform%3D%22translate(-69.17%20-227.5)%22%20fill%3D%22%23333%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fsvg%3E')
}
.c-top-guide__item[data-guide-panel="delivery"]::before{
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2260%22%20height%3D%2260%22%20viewBox%3D%220%200%2060%2060%22%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip-path%22%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_5754%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%205754%22%20width%3D%2253.248%22%20height%3D%2260%22%20transform%3D%22translate(0%200)%22%20fill%3D%22%23363229%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_22023%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2022023%22%20transform%3D%22translate(11408%20-9646)%22%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_5769%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%205769%22%20width%3D%2260%22%20height%3D%2260%22%20transform%3D%22translate(-11408%209646)%22%20fill%3D%22none%22%2F%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_22018%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2022018%22%20transform%3D%22translate(-11405%209645.998)%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_13350%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2013350%22%20transform%3D%22translate(0%200.002)%22%20clip-path%3D%22url(%23clip-path)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_3380%22%20data-name%3D%22%E3%83%91%E3%82%B9%203380%22%20d%3D%22M52.614%2C15.025c0-.008-.007-.017-.011-.026s-.012-.016-.018-.024a4.806%2C4.806%2C0%2C0%2C0-1.741-1.735L29.027.643a4.821%2C4.821%2C0%2C0%2C0-4.807%2C0L2.4%2C13.24A4.8%2C4.8%2C0%2C0%2C0%2C.657%2C14.984c0%2C.006-.008.01-.011.016s0%2C.01-.007.015A4.8%2C4.8%2C0%2C0%2C0%2C0%2C17.4V42.595a4.819%2C4.819%2C0%2C0%2C0%2C2.4%2C4.163l21.817%2C12.6a4.791%2C4.791%2C0%2C0%2C0%2C2.225.631.9.9%2C0%2C0%2C0%2C.357%2C0%2C4.793%2C4.793%2C0%2C0%2C0%2C2.224-.63l21.817-12.6a4.82%2C4.82%2C0%2C0%2C0%2C2.4-4.163V17.4a4.8%2C4.8%2C0%2C0%2C0-.634-2.378M43.169%2C31.1l-4.377%2C2.53V25.209a3.89%2C3.89%2C0%2C0%2C0-1.94-3.359L14.385%2C8.88l4.376-2.526%2C23.576%2C13.61a1.668%2C1.668%2C0%2C0%2C1%2C.832%2C1.441ZM3.511%2C44.839a2.6%2C2.6%2C0%2C0%2C1-1.3-2.244V17.4c0-.071.008-.14.014-.21L25.516%2C30.638V57.528c-.063-.03-.127-.057-.188-.093Zm47.521-2.244a2.6%2C2.6%2C0%2C0%2C1-1.3%2C2.244l-21.817%2C12.6c-.061.035-.125.062-.188.092V30.638l4.343-2.508a1.108%2C1.108%2C0%2C0%2C0-1.108-1.918L26.623%2C28.72%2C3.337%2C15.275c.057-.04.113-.081.174-.116l8.658-5L35.744%2C23.768a1.669%2C1.669%2C0%2C0%2C1%2C.832%2C1.441V35.636a1.1%2C1.1%2C0%2C0%2C0%2C1.962.7L44.83%2C32.7c.01-.006.018-.014.028-.02a1.1%2C1.1%2C0%2C0%2C0%2C.1-.073c.025-.02.05-.039.073-.061a1.1%2C1.1%2C0%2C0%2C0%2C.08-.086c.021-.024.043-.048.061-.074a1.083%2C1.083%2C0%2C0%2C0%2C.063-.1c.015-.026.03-.051.043-.078a1.118%2C1.118%2C0%2C0%2C0%2C.044-.118c.009-.028.019-.055.026-.084a1.123%2C1.123%2C0%2C0%2C0%2C.02-.119c0-.033.009-.066.01-.1%2C0-.015%2C0-.028%2C0-.043V21.4a3.889%2C3.889%2C0%2C0%2C0-1.94-3.36L20.976%2C5.075l4.352-2.513a2.6%2C2.6%2C0%2C0%2C1%2C2.591%2C0l21.817%2C12.6c.061.035.117.077.174.117l-2.081%2C1.2A1.108%2C1.108%2C0%2C1%2C0%2C48.937%2C18.4l2.082-1.2c.006.07.014.139.014.21Z%22%20transform%3D%22translate(0%20-0.002)%22%20fill%3D%22%23363229%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_3381%22%20data-name%3D%22%E3%83%91%E3%82%B9%203381%22%20d%3D%22M233.8%2C697.628l-6.893-3.98a1.108%2C1.108%2C0%2C0%2C0-1.108%2C1.918l6.893%2C3.98a1.108%2C1.108%2C0%2C0%2C0%2C1.108-1.918%22%20transform%3D%22translate(-212.051%20-652.888)%22%20fill%3D%22%23363229%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_3382%22%20data-name%3D%22%E3%83%91%E3%82%B9%203382%22%20d%3D%22M280.745%2C815.456l-3.973-2.293a1.108%2C1.108%2C0%2C1%2C0-1.108%2C1.918l3.973%2C2.293a1.108%2C1.108%2C0%2C0%2C0%2C1.108-1.918%22%20transform%3D%22translate(-259%20-765.404)%22%20fill%3D%22%23363229%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fsvg%3E')
}
.c-top-guide__item[data-guide-panel="payment"]::before{
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2260%22%20height%3D%2260%22%20viewBox%3D%220%200%2060%2060%22%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip-path%22%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_5755%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%205755%22%20width%3D%2244.691%22%20height%3D%2253.81%22%20fill%3D%22%23363229%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%220.5%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_22022%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2022022%22%20transform%3D%22translate(10968%20-9646)%22%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_5771%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%205771%22%20width%3D%2260%22%20height%3D%2260%22%20transform%3D%22translate(-10968%209646)%22%20fill%3D%22none%22%2F%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_22021%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2022021%22%20transform%3D%22translate(-10960.732%209649)%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_13353%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2013353%22%20clip-path%3D%22url(%23clip-path)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_3383%22%20data-name%3D%22%E3%83%91%E3%82%B9%203383%22%20d%3D%22M13.861%2C60.76s.085-.041.138-.066c-.079.024-.138.048-.138.066%22%20transform%3D%22translate(-9.336%20-40.881)%22%20fill%3D%22%23363229%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%220.5%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_3384%22%20data-name%3D%22%E3%83%91%E3%82%B9%203384%22%20d%3D%22M11.4%2C62.8c.026-.03.048-.057.043-.059a.339.339%2C0%2C0%2C0-.043.059%22%20transform%3D%22translate(-7.679%20-42.26)%22%20fill%3D%22%23363229%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%220.5%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_3385%22%20data-name%3D%22%E3%83%91%E3%82%B9%203385%22%20d%3D%22M10.427%2C150.486c-.017-.051-.036-.1-.042-.1a.314.314%2C0%2C0%2C0%2C.042.1%22%20transform%3D%22translate(-6.995%20-101.295)%22%20fill%3D%22%23363229%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%220.5%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_3386%22%20data-name%3D%22%E3%83%91%E3%82%B9%203386%22%20d%3D%22M11.144%2C151.864a.348.348%2C0%2C0%2C0%2C.063.079c-.029-.045-.059-.088-.063-.079%22%20transform%3D%22translate(-7.506%20-102.288)%22%20fill%3D%22%23363229%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%220.5%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_3387%22%20data-name%3D%22%E3%83%91%E3%82%B9%203387%22%20d%3D%22M116.034%2C153.37a.226.226%2C0%2C0%2C0%2C.041-.05s-.021.019-.041.05%22%20transform%3D%22translate(-78.155%20-103.269)%22%20fill%3D%22%23363229%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%220.5%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_3388%22%20data-name%3D%22%E3%83%91%E3%82%B9%203388%22%20d%3D%22M13.882%2C154.166a.31.31%2C0%2C0%2C0%2C.072.042l-.019-.012-.012-.007-.042-.024%22%20transform%3D%22translate(-9.35%20-103.839)%22%20fill%3D%22%23363229%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%220.5%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_3389%22%20data-name%3D%22%E3%83%91%E3%82%B9%203389%22%20d%3D%22M115.438%2C153.944c.054-.032.1-.064.1-.079s-.054.036-.1.079%22%20transform%3D%22translate(-77.754%20-103.635)%22%20fill%3D%22%23363229%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%220.5%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_3390%22%20data-name%3D%22%E3%83%91%E3%82%B9%203390%22%20d%3D%22M115.818%2C76.421a.132.132%2C0%2C0%2C0%2C.021.012c-.033-.05-.054-.058-.054-.046l.015.015.019.019%22%20transform%3D%22translate(-77.988%20-51.448)%22%20fill%3D%22%23363229%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%220.5%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_3391%22%20data-name%3D%22%E3%83%91%E3%82%B9%203391%22%20d%3D%22M114.672%2C75.554c0-.015-.052-.033-.116-.051.054.03.117.065.116.051%22%20transform%3D%22translate(-77.16%20-50.856)%22%20fill%3D%22%23363229%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%220.5%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_3392%22%20data-name%3D%22%E3%83%91%E3%82%B9%203392%22%20d%3D%22M5.634%2C53.809c1.291%2C0%2C2.583%2C0%2C3.875%2C0H36.8a4.554%2C4.554%2C0%2C0%2C0%2C3.843-1.991c.886-1.295.729-2.867.729-4.35V43.611a6.354%2C6.354%2C0%2C0%2C0%2C1.543-1.26%2C7.061%2C7.061%2C0%2C0%2C0%2C1.771-4.778%2C8.011%2C8.011%2C0%2C0%2C0-1-4.436%2C7.091%2C7.091%2C0%2C0%2C0-2.311-2.282V27.149c0-.469.007-.939%2C0-1.407V22.348a6.458%2C6.458%2C0%2C0%2C0-.64-3.015l-.013-.023%2C1.011-1.75c.693-1.2%2C1.419-2.386%2C2.08-3.6.009-.017.019-.033.029-.05a1.658%2C1.658%2C0%2C0%2C0-.586-2.233L36.528%2C7.788%2C25.876%2C1.638%2C23.409.214A1.657%2C1.657%2C0%2C0%2C0%2C21.176.8L19.469%2C3.756l-4.077%2C7.062-3.229%2C5.591H5.672a5.773%2C5.773%2C0%2C0%2C0-3.745%2C1.328A5.535%2C5.535%2C0%2C0%2C0%2C0%2C22.019Q0%2C23.061%2C0%2C24.1q0%2C1.365%2C0%2C2.73V41.862c0%2C.434%2C0%2C.868%2C0%2C1.3v.353q0%2C2.325%2C0%2C4.651a5.5%2C5.5%2C0%2C0%2C0%2C5.631%2C5.642m-.971-34c-.053.025-.138.067-.138.066%2C0-.018.059-.042.138-.066m-.9.668s-.017.028-.043.059a.344.344%2C0%2C0%2C1%2C.043-.059m-.5%2C3.234V22.164c0-.089%2C0-.179%2C0-.268s0-.188.011-.282c0%2C0%2C0-.011%2C0-.016.028-.1.044-.206.072-.308.015-.052.03-.1.047-.155s.159-.3.033-.106.048-.084.08-.142c.051-.094.109-.182.164-.274l.031-.049c.072-.078.139-.161.214-.236s.156-.143.233-.215l0%2C0%2C.049-.027c.091-.055.18-.113.274-.164.047-.025.1-.048.142-.074l.07-.039c.17-.05.417-.1.458-.11l.025-.007c.105-.006.21-.012.316-.014h4.79l-.947%2C1.64H6.506a1.632%2C1.632%2C0%2C0%2C0%2C0%2C3.264H36.578c.118%2C0%2C.236%2C0%2C.354%2C0%2C.06%2C0%2C.121.007.181.006l.035.005c.028.006.129.027.219.05l0%2C0c.042.03.1.05.143.075s.091.056.137.084l.039.026c0%2C.005%2C0%2C.008.01.013.031.034.066.066.1.1%2C0-.012.021%2C0%2C.054.046a.118.118%2C0%2C0%2C1-.021-.012l.018.019.026.03c.045.075.089.15.134.224a.9.9%2C0%2C0%2C1%2C.036.087c.027.088.037.211.065.307%2C0%2C.028%2C0%2C.055%2C0%2C.082V29.9c-1.063-.068-2.15-.007-3.2-.007H28.193c-1.437%2C0-2.874-.005-4.311%2C0a6.757%2C6.757%2C0%2C0%2C0-4.041%2C1.31%2C6.936%2C6.936%2C0%2C0%2C0-2.782%2C5.016%2C8.952%2C8.952%2C0%2C0%2C0%2C.383%2C3.854%2C6.968%2C6.968%2C0%2C0%2C0%2C3.995%2C4.055%2C8.091%2C8.091%2C0%2C0%2C0%2C3.048.444H37.91a1.5%2C1.5%2C0%2C0%2C0%2C.171-.011l.032%2C0v4.518c0%2C.126%2C0%2C.251%2C0%2C.377%2C0%2C.035%2C0%2C.059%2C0%2C.079-.026.1-.053.2-.082.3v0l0%2C.006c-.055.09-.116.183-.169.276l-.08.082a1.386%2C1.386%2C0%2C0%2C0-.117.11l-.009.013c-.06.035-.121.067-.136.075-.036.02-.076.038-.113.059-.1.028-.2.055-.3.079h-.022c-.041%2C0-.083%2C0-.124%2C0-.089%2C0-.179%2C0-.268%2C0H5.659c-.114%2C0-.227%2C0-.34%2C0l-.087-.006c-.032-.009-.2-.036-.244-.047-.123-.031-.242-.073-.363-.11l-.019-.008-.021-.012.018.011a.292.292%2C0%2C0%2C1-.072-.042c-.08-.043-.159-.085-.237-.133-.042-.026-.083-.055-.125-.081h0a.271.271%2C0%2C0%2C1-.06-.042c-.039-.036-.079-.07-.118-.107-.09-.085-.172-.176-.256-.267l-.01-.011c-.056-.105-.135-.2-.194-.307-.008-.013-.052-.092-.09-.164-.018-.061-.044-.122-.063-.183q-.049-.156-.084-.315c-.008-.034-.013-.058-.018-.077-.006-.107-.013-.214-.014-.322s0-.2%2C0-.3V24.1a1.52%2C1.52%2C0%2C0%2C0-.05-.376ZM37.684%2C50.309c.044-.044.1-.095.1-.079s-.044.047-.1.079m.195-.209c.02-.03.038-.055.041-.05a.267.267%2C0%2C0%2C1-.041.05M21.672%2C33.883l-.1.076a.387.387%2C0%2C0%2C1%2C.1-.076M21%2C34.547a.128.128%2C0%2C0%2C0-.023.045c0-.008.008-.024.023-.045m-.459%2C4.56c.024.05.048.1.047.1s-.029-.047-.047-.1m1.927%2C1.946.124.052a.412.412%2C0%2C0%2C1-.124-.052m18.942-4.888a.175.175%2C0%2C0%2C0-.017-.055.094.094%2C0%2C0%2C1%2C.017.055m-.006.047c0%2C.023.008.036.011.049%2C0%2C.056%2C0%2C.111%2C0%2C.13.012.215.008.432.008.648%2C0%2C.231%2C0%2C.462%2C0%2C.692%2C0%2C.1%2C0%2C.194%2C0%2C.29%2C0%2C.076-.01.15-.015.226v.009h0c-.04.18-.074.36-.126.537-.031.1-.07.207-.1.311-.038.121-.015.1.009.049a2.694%2C2.694%2C0%2C0%2C1-.561.885s.266-.308.055-.079c-.061.066-.118.134-.179.2-.123.131-.256.247-.386.371-.021.019-.034.034-.047.048l-.089.057a5.159%2C5.159%2C0%2C0%2C1-.554.33c-.061.031-.125.059-.186.09l-.019.006c-.174.057-.346.115-.524.159-.071.018-.144.034-.216.048l-.109.021q-.271.044.1-.01c-.04.065-.492.03-.566.031H24.131c-.267%2C0-.529-.011-.8-.025-.066-.013-.131-.025-.2-.04a5.111%2C5.111%2C0%2C0%2C1-.528-.148l-.1-.036-.073-.028-.036-.02a5.2%2C5.2%2C0%2C0%2C1-.561-.319c-.058-.039-.115-.08-.173-.119l-.011-.011c-.118-.11-.24-.213-.352-.328-.043-.044-.337-.3-.321-.359l.123.162c-.043-.057-.085-.116-.125-.175q-.091-.133-.174-.272c-.092-.155-.171-.315-.252-.477l-.017-.034c-.025-.078-.049-.167-.054-.184a5.155%2C5.155%2C0%2C0%2C1-.137-.532%2C1.953%2C1.953%2C0%2C0%2C0-.039-.219l.02.06a.522.522%2C0%2C0%2C1-.011-.073c-.031-.463-.013-.933-.011-1.4%2C0-.078%2C0-.156%2C0-.233%2C0-.093.012-.186.017-.279.031-.149.057-.3.1-.445q.043-.159.1-.314l.036-.1q.1-.248-.043.087c-.017-.092.2-.4.242-.482.089-.156.19-.3.29-.452l.029-.044c.051-.055.108-.109.121-.123a5.168%2C5.168%2C0%2C0%2C1%2C.382-.374l.081-.07.05-.041.046-.029a5.218%2C5.218%2C0%2C0%2C1%2C.459-.28c.072-.039.145-.073.218-.11l-.019%2C0%2C.024%2C0%2C.018-.009c.09-.047.157-.046.15-.031.146-.048.3-.118.434-.152.071-.017.144-.033.215-.048.028-.006.206-.024.216-.029h.015c.095-.007.189-.009.284-.011H37.894c.166%2C0%2C.33.015.5.024.067.013.134.025.2.04.215.048.422.115.631.184l.019.006c.062.03.126.058.186.09a5.074%2C5.074%2C0%2C0%2C1%2C.465.271c.059.038.115.08.173.119l.011.011c.144.134.291.262.426.405.061.065.118.134.179.2.211.229-.056-.079-.055-.079.085.017.247.36.3.446.087.146.161.3.237.448.038.118.083.233.118.352.052.177.086.357.126.537M37.512%2C24.7c0%2C.014-.063-.021-.116-.051.064.018.116.037.116.051M21.885%2C6.1c.431-.746.883-1.486%2C1.319-2.235l5.288%2C3.053%2C10.652%2C6.15%2C1.061.612-.886%2C1.535-3.521%2C6.1H13.1l4.52-7.829L21.885%2C6.1M3.391%2C49.093c.006%2C0%2C.024.046.042.1a.311.311%2C0%2C0%2C1-.042-.1m.247.482c0-.009.034.034.063.079a.348.348%2C0%2C0%2C1-.063-.079%22%20transform%3D%22translate(0%200)%22%20fill%3D%22%23363229%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%220.5%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_3393%22%20data-name%3D%22%E3%83%91%E3%82%B9%203393%22%20d%3D%22M12.788%2C153.514c.065.034.1.019%2C0%2C0%22%20transform%3D%22translate(-8.613%20-103.4)%22%20fill%3D%22%23363229%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%220.5%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_3394%22%20data-name%3D%22%E3%83%91%E3%82%B9%203394%22%20d%3D%22M13.882%2C154.166l.042.023.012.007a.292.292%2C0%2C0%2C0-.054-.031%22%20transform%3D%22translate(-9.35%20-103.839)%22%20fill%3D%22%23363229%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%220.5%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_3395%22%20data-name%3D%22%E3%83%91%E3%82%B9%203395%22%20d%3D%22M115.818%2C76.431l-.019-.019-.015-.015c0%2C.007.012.02.033.034%22%20transform%3D%22translate(-77.988%20-51.458)%22%20fill%3D%22%23363229%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%220.5%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_3396%22%20data-name%3D%22%E3%83%91%E3%82%B9%203396%22%20d%3D%22M126.807%2C110.619a.158.158%2C0%2C0%2C1%2C.017.055.1.1%2C0%2C0%2C0-.017-.055%22%20transform%3D%22translate(-85.412%20-74.508)%22%20fill%3D%22%23363229%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%220.5%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_3397%22%20data-name%3D%22%E3%83%91%E3%82%B9%203397%22%20d%3D%22M66.088%2C103.872l.1-.076a.388.388%2C0%2C0%2C0-.1.076%22%20transform%3D%22translate(-44.514%20-69.912)%22%20fill%3D%22%23363229%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%220.5%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_3398%22%20data-name%3D%22%E3%83%91%E3%82%B9%203398%22%20d%3D%22M68.636%2C102.449l.019%2C0%2C0%2C0-.024%2C0%22%20transform%3D%22translate(-46.23%20-69.002)%22%20fill%3D%22%23363229%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%220.5%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_3399%22%20data-name%3D%22%E3%83%91%E3%82%B9%203399%22%20d%3D%22M68.726%2C102.333l-.018.009a.994.994%2C0%2C0%2C0%2C.168-.04c.008-.015-.06-.015-.15.031%22%20transform%3D%22translate(-46.279%20-68.9)%22%20fill%3D%22%23363229%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%220.5%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_3400%22%20data-name%3D%22%E3%83%91%E3%82%B9%203400%22%20d%3D%22M64.267%2C105.875a.131.131%2C0%2C0%2C1%2C.023-.044c-.016.02-.025.037-.023.044%22%20transform%3D%22translate(-43.287%20-71.283)%22%20fill%3D%22%23363229%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%220.5%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_3401%22%20data-name%3D%22%E3%83%91%E3%82%B9%203401%22%20d%3D%22M68.959%2C125.813l-.124-.052a.422.422%2C0%2C0%2C0%2C.124.052%22%20transform%3D%22translate(-46.364%20-84.707)%22%20fill%3D%22%23363229%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%220.5%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_3402%22%20data-name%3D%22%E3%83%91%E3%82%B9%203402%22%20d%3D%22M62.978%2C119.9s-.023-.051-.047-.1c.018.055.036.1.047.1%22%20transform%3D%22translate(-42.388%20-80.691)%22%20fill%3D%22%23363229%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%220.5%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_3403%22%20data-name%3D%22%E3%83%91%E3%82%B9%203403%22%20d%3D%22M73.969%2C107.871a2.266%2C2.266%2C0%2C1%2C1-2.266%2C2.267%2C2.266%2C2.266%2C0%2C0%2C1%2C2.266-2.267%22%20transform%3D%22translate(-48.295%20-72.657)%22%20fill%3D%22%23363229%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%220.5%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_3404%22%20data-name%3D%22%E3%83%91%E3%82%B9%203404%22%20d%3D%22M68.866%2C102.32a.994.994%2C0%2C0%2C1-.168.04l0%2C0c.118-.013.167-.032.172-.043%22%20transform%3D%22translate(-46.269%20-68.918)%22%20fill%3D%22%23363229%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%220.5%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_3405%22%20data-name%3D%22%E3%83%91%E3%82%B9%203405%22%20d%3D%22M62.265%2C117.046c.026.126.08.24%2C0%2C0%22%20transform%3D%22translate(-41.939%20-78.837)%22%20fill%3D%22%23363229%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%220.5%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_3406%22%20data-name%3D%22%E3%83%91%E3%82%B9%203406%22%20d%3D%22M73.969%2C112.4a2.266%2C2.266%2C0%2C1%2C0-2.266-2.266%2C2.266%2C2.266%2C0%2C0%2C0%2C2.266%2C2.266%22%20transform%3D%22translate(-48.295%20-72.657)%22%20fill%3D%22%23363229%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%220.5%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fsvg%3E')
}
.c-top-guide__item::after{
    position: absolute;
    bottom: 1rem;
    right: 1rem;
    content: '';
    width: 4rem;
    aspect-ratio: 1;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2240%22%20height%3D%2240%22%20viewBox%3D%220%200%2040%2040%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_13423%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2013423%22%20transform%3D%22translate(-400%20-5514)%22%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_5678%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%205678%22%20width%3D%2240%22%20height%3D%2240%22%20rx%3D%2220%22%20transform%3D%22translate(400%205514)%22%20fill%3D%22none%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_3361%22%20data-name%3D%22%E3%83%91%E3%82%B9%203361%22%20d%3D%22M-2394.776%2C4866.662l6.078%2C6.077-6.078%2C6.078%22%20transform%3D%22translate(2811.276%20660.838)%22%20fill%3D%22none%22%20stroke%3D%22%23a0a0a0%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E')
}
.c-top-guide__item h3{
    font-size: 2rem;
    line-height: 1.3;
    font-weight: var(--fw-semibold);
    font-family: var(---ff-shippori-mincho)
}
.c-top-guide__item p{
    margin-top: 1rem;
    font-size: 1.2rem;
    line-height: 1.6;
    letter-spacing: .1em;
    font-weight: var(--font-ja);
}

@media screen and (min-width: 992px) {
    .c-top-guide__list{
        grid-template-columns: repeat(3,minmax(0,1fr));
    }

    .c-top-guide__item{
        padding: 2.2rem 5rem 2.2rem 2rem;
        grid-template-columns: 6rem auto;
        gap: 2rem;
    }
    .c-top-guide__item::before{
        width: 6rem;
    }
    .c-top-guide__item::after{
        right: 2.5rem;
    }
}
@media screen and (max-width: 991px) {
    .c-top-guide__item{
        padding: 0 5rem 0 2rem;
        height: 12rem;
    }
}


@media (hover: hover){
    .p-homeNewsList-body--link,
    .c-top-guide__item{
        transition: background var(--transition-default);
    }
    .p-homeNewsList-body--link:hover,
    .c-top-guide__item:hover{
        background-color: var(--color-bg-active);
        opacity: 1;
    }
    .c-mv-item,
    [data-section="mv"] .swiper-pagination-bullet,
    .c-sns-item{
        transition: opacity var(--transition-default);
    }
    .c-mv-item:hover{
        opacity: .7;
    }
    [data-section="mv"] .swiper-pagination-bullet:hover{
        opacity: var(--hover-opacity);
    }
    .c-sns-item:hover{
        --hover-opacity:.7;
        opacity: var(--hover-opacity);
    }
    /* .detail dt,
    .p-homeNewsList-body__title p{
        transition: border var(--transition-default);
    } */
    /* .p-homeNewsList-body--link:hover .detail dt,
    .p-homeNewsList-body--link:hover .p-homeNewsList-body__title p{
        border-color: var(--color-text-default);
    } */
     .c-news-link-text{
        transition: border var(--transition-default);
     }
     .c-news-link-text:hover{
        border-color: var(--color-text-default);
     }

}