@charset "UTF-8";

.sb-post-tagger-content {

    /* pcの電話番号発信対応 */
    @media screen and (min-width: 768px) {
        a[href^="tel:"] {
            pointer-events: none;
        }
    }

    /* ホバー */

    a {
        text-decoration: none;
        color: inherit;
        -webkit-transition: opacity 0.3s;
        transition: opacity 0.3s;
    }

    @media screen and (min-width: 768px) {
        a:hover {
            opacity: 0.8;
        }
    }

    *,
    *::before,
    *::after {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    /* Remove default padding */

    ul,
    ol {
        padding: 0;
    }

    /* Remove default margin */

    h1,
    h2,
    h3,
    h4,
    p,
    ul,
    ol,
    figure,
    blockquote,
    dl,
    dd {
        margin: 0;
    }

    /* Remove list styles on ul, ol elements with a class attribute */

    ul,
    ol {
        list-style: none;
    }

    /* A elements that don't have a class get default styles */

    a:not([class]) {
        text-decoration-skip-ink: auto;
    }

    /* Make images easier to work with */

    img {
        max-width: 100%;
        display: block;
        width: 100%;
        height: auto;
    }

    /* Natural flow and rhythm in articles by default */

    article > * + * {
        margin-top: 1em;
    }

    /* Inherit fonts for inputs and buttons */

    input,
    button,
    textarea,
    select {
        font: inherit;
    }

    /* Blur images when they have no alt attribute */

    img:not([alt]) {
        filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="10" /></filter></svg>#filter');
        -webkit-filter: blur(10px);
        filter: blur(10px);
    }

    /* フォームリセット */

    input,
    button,
    select,
    textarea {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background: transparent;
        border: none;
        border-radius: 0;
        font: inherit;
        outline: none;
    }

    textarea {
        resize: vertical;
    }

    input[type=checkbox],
    input[type=radio] {
        display: none;
    }

    input[type=submit],
    input[type=button],
    label,
    button,
    select {
        cursor: pointer;
    }

    select::-ms-expand {
        display: none;
    }

    .footer {
        background-color: #f6efff;
    }

    .footer__inner {
        padding: 40px 0px;
        padding: 2.5rem 0rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .footer__logo img {
        width: 120px;
        width: 7.5rem;
        height: auto;
    }

    .footer__nav {
        margin-top: 24px;
        margin-top: 1.5rem;
    }

    .footer__list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 16px;
        gap: 1rem;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    @media screen and (min-width: 768px) {
        .footer__list {
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-direction: row;
            flex-direction: row;
        }
    }

    .footer__item {
        text-align: center;
    }

    @media screen and (min-width: 768px) {
        .footer__item {
            text-align: left;
        }
    }

    .footer__link {
        font-size: 12px;
        font-size: 0.75rem;
        color: #666666;
    }

    .footer__sns {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 16px;
        gap: 1rem;
        margin-top: 24px;
        margin-top: 1.5rem;
    }

    .footer__sns-link img {
        width: 20px;
        width: 1.25rem;
        height: 20px;
        height: 1.25rem;
    }

    .footer__copyright {
        font-size: 11px;
        font-size: 0.6875rem;
        color: #999999;
        text-align: center;
        background-color: #fff;
        padding-block: 16px;
        padding-block: 1rem;
    }

    .header {
        width: 100%;
        padding: 16px 0;
        padding: 1rem 0;
        background-color: #fff;
        position: fixed;
        top: 36px;
        top: 2.25rem;
        z-index: 10;
    }

    .header__inner {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        position: relative;
    }

    .header__logo {
        z-index: 11;
    }

    .header__logo img {
        width: 120px;
        width: 7.5rem;
        height: auto;
    }

    .header__hamburger {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        width: 30px;
        width: 1.875rem;
        height: 24px;
        height: 1.5rem;
        background: transparent;
        border: none;
        cursor: pointer;
        padding: 0;
        z-index: 11;
        position: relative;
    }

    @media screen and (min-width: 768px) {
        .header__hamburger {
            display: none;
        }
    }

    .header__hamburger-line {
        width: 100%;
        height: 2px;
        height: 0.125rem;
        background-color: #333;
        border-radius: 0.125rem;
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease;
        -webkit-transform-origin: center;
        transform-origin: center;
    }

    .header__hamburger.is-active .header__hamburger-line:nth-child(1) {
        -webkit-transform: translateY(0.625rem) rotate(45deg);
        transform: translateY(0.625rem) rotate(45deg);
    }

    .header__hamburger.is-active .header__hamburger-line:nth-child(2) {
        opacity: 0;
    }

    .header__hamburger.is-active .header__hamburger-line:nth-child(3) {
        -webkit-transform: translateY(-0.625rem) rotate(-45deg);
        transform: translateY(-0.625rem) rotate(-45deg);
    }

    .header__nav {
        display: none;
    }

    @media screen and (min-width: 768px) {
        .header__nav {
            display: block;
        }
    }

    .header__nav-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 24px;
        gap: 1.5rem;
    }

    .header__nav-item a {
        font-size: 14px;
        font-size: 0.875rem;
        color: #333;
        text-decoration: none;
        padding-bottom: 4px;
        padding-bottom: 0.25rem;
        display: inline-block;
        border-bottom: 2px solid transparent;
        border-bottom: 0.125rem solid transparent;
    }

    .header__nav-item a.is-active {
        border-bottom-color: #9b6de3;
        color: #9b6de3;
    }

    .header__contact {
        display: none;
    }

    @media screen and (min-width: 768px) {
        .header__contact {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            gap: 1rem;
        }
    }

    .header__tel {
        font-size: 14px;
        font-size: 0.875rem;
        color: #333;
        text-decoration: none;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 4px;
        gap: 0.25rem;
    }

    .header__btn {
        padding: 8px 16px;
        padding: 0.5rem 1rem;
        background-color: #9b6de3;
        color: #fff;
        text-decoration: none;
        border-radius: 0.25rem;
        font-size: 14px;
        font-size: 0.875rem;
        display: inline-block;
    }

    .header__drawer {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        background-color: rgba(0, 0, 0, .5);
        opacity: 0;
        visibility: hidden;
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease;
        z-index: 9;
    }

    @media screen and (min-width: 768px) {
        .header__drawer {
            display: none;
        }
    }

    .header__drawer.is-open {
        opacity: 1;
        visibility: visible;
    }

    .header__drawer-nav {
        position: absolute;
        top: 0;
        right: 0;
        width: 80%;
        max-width: 300px;
        max-width: 18.75rem;
        height: 100%;
        background-color: #fff;
        padding: 80px 20px 20px;
        padding: 5rem 1.25rem 1.25rem;
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        -webkit-transition: -webkit-transform 0.3s ease;
        transition: -webkit-transform 0.3s ease;
        transition: transform 0.3s ease;
        transition: transform 0.3s ease, -webkit-transform 0.3s ease;
        overflow-y: auto;
    }

    .header__drawer.is-open .header__drawer-nav {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    .header__drawer-list {
        list-style: none;
        padding: 0;
        margin: 0 0 30px 0;
        margin: 0 0 1.875rem 0;
    }

    .header__drawer-item {
        border-bottom: 1px solid #eee;
        border-bottom: 0.0625rem solid #eee;
    }

    .header__drawer-item a {
        display: block;
        padding: 16px 0;
        padding: 1rem 0;
        font-size: 16px;
        font-size: 1rem;
        color: #333;
        text-decoration: none;
        -webkit-transition: color 0.3s ease;
        transition: color 0.3s ease;
    }

    .header__drawer-item a:hover {
        color: #9b6de3;
    }

    .header__drawer-item a.is-active {
        color: #9b6de3;
        font-weight: 700;
    }

    .header__drawer-contact {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 16px;
        gap: 1rem;
    }

    .header__drawer-tel {
        font-size: 16px;
        font-size: 1rem;
        color: #333;
        text-decoration: none;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 8px;
        gap: 0.5rem;
        padding: 12px;
        padding: 0.75rem;
        background-color: #f5f5f5;
        border-radius: 0.25rem;
    }

    .header__drawer-btn {
        padding: 12px 20px;
        padding: 0.75rem 1.25rem;
        background-color: #9b6de3;
        color: #fff;
        text-decoration: none;
        border-radius: 0.25rem;
        font-size: 16px;
        font-size: 1rem;
        text-align: center;
        display: block;
    }

    .inner {
        width: 100%;
        padding-right: 20px;
        padding-left: 20px;
        margin-right: auto;
        margin-left: auto;
    }

    @media screen and (min-width: 768px) {
        .inner {
            max-width: 1102px;
            padding-right: 25px;
            padding-left: 25px;
        }
    }


    /* ここまでリセットcss */


    .js-loading-overlay {
        position: fixed;
        inset: 0;
        background: rgba(255, 255, 255, .8);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        z-index: 9999;
    }

    .js-loading {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 8px;
        gap: 0.5rem;
        color: #2d105d;
        font-weight: 700;
        letter-spacing: 0.12em;
    }

    .js-loading .dot {
        width: 10px;
        width: 0.625rem;
        height: 10px;
        height: 0.625rem;
        border-radius: 50%;
        background: #2d105d;
        -webkit-animation: js-dot 1s infinite ease-in-out;
        animation: js-dot 1s infinite ease-in-out;
        opacity: 0.4;
    }

    .js-loading .dot:nth-child(2) {
        -webkit-animation-delay: 0.15s;
        animation-delay: 0.15s;
    }

    .js-loading .dot:nth-child(3) {
        -webkit-animation-delay: 0.3s;
        animation-delay: 0.3s;
    }

    @-webkit-keyframes js-dot {
        0%, 80%, 100% {
            -webkit-transform: scale(0.6);
            transform: scale(0.6);
            opacity: 0.3;
        }
        40% {
            -webkit-transform: scale(1);
            transform: scale(1);
            opacity: 1;
        }
    }

    @keyframes js-dot {
        0%, 80%, 100% {
            -webkit-transform: scale(0.6);
            transform: scale(0.6);
            opacity: 0.3;
        }
        40% {
            -webkit-transform: scale(1);
            transform: scale(1);
            opacity: 1;
        }
    }

    .sec-title {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 8px;
        gap: 0.5rem;
    }

    @media screen and (min-width: 768px) {
        .sec-title {
            gap: 1.875rem;
        }
    }

    .sec-title__label {
        font-family: "Poppins", sans-serif;
        font-size: 18px;
        font-size: 1.125rem;
        color: #ba61f5;
        font-weight: 700;
    }

    @media screen and (min-width: 768px) {
        .sec-title__label {
            font-size: 1.5625rem;
        }
    }

    @media screen and (min-width: 768px) {
        .sec-title__content {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            gap: 0.5625rem;
        }
    }

    .sec-title__title {
        font-size: 16px;
        font-size: 1rem;
        letter-spacing: 0.02em;
        font-weight: 700;
        font-family: "Noto Sans JP", sans-serif;
    }

    @media screen and (min-width: 768px) {
        .sec-title__title {
            font-size: 1.3125rem;
        }
    }

    .sec-title__title span {
        color: #ba61f5;
        font-size: 20px;
        font-size: 1.25rem;
    }

    @media screen and (min-width: 768px) {
        .sec-title__title span {
            font-size: 1.5625rem;
        }
    }

    .sec-title__message {
        font-size: 12px;
        font-size: 0.75rem;
        color: #585858;
        font-weight: 400;
        font-family: "Poppins", sans-serif;
    }

    @media screen and (min-width: 768px) {
        .sec-title__message {
            font-size: 0.75rem;
            letter-spacing: 0.1em;
            margin-top: 0.375rem;
        }
    }

    .search-page {
        padding-bottom: 100px;
        padding-bottom: 6.25rem;
    }

    .fv {
        /*padding-top: 128px;*/
        /*padding-top: 8rem;*/
        padding-bottom: 64px;
        padding-bottom: 4rem;
        background-color: #fafafa;
    }

    @media screen and (min-width: 768px) {
        .fv {
            /*padding-top: 8rem;*/
            padding-bottom: 0;
        }
    }

    .fv__inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        max-width: 1256px;
        margin-inline: auto;
    }

    @media screen and (min-width: 768px) {
        .fv__inner {
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-direction: row;
            flex-direction: row;
            padding-bottom: 2.5rem;
        }
    }
    @media screen and (min-width: 1366px) {
        .fv__inner {
            padding-bottom: 0;
        }
    }

    .fv__photos {
        position: relative;
    }

    @media screen and (min-width: 768px) {
        .fv__photos {
            width: 44%;
        }
    }
    @media screen and (min-width: 1024px) {
        .fv__photos {
            width: 51%;
        }
    }

    .fv__photo {
        width: 240px;
        width: 15rem;
        height: auto;
        border-radius: 0.5rem;
        -webkit-box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, .15);
        box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, .15);
        position: absolute;
    }

    .fv__content {
        margin-top: 30px;
        margin-top: 1.875rem;
    }

    @media screen and (min-width: 768px) {
        .fv__content {
            width: 57%;
            margin-top: 0.75rem;
        }
    }
    @media screen and (min-width: 1366px) {
        .fv__content {
            width: 49%;
        }
    }

    .fv__subtitle {
        font-size: 12px;
        font-size: 0.75rem;
        color: #b4afc4;
        font-size: 12px;
        font-size: 0.75rem;
        text-align: center;
        letter-spacing: 0.1em;
        font-family: "Poppins", sans-serif;
        font-weight: 700;
    }

    .fv__title {
        margin-top: 10px;
        margin-top: 0.625rem;
        font-size: 20px;
        font-size: 1.25rem;
        text-align: center;
        letter-spacing: 0.01em;
    }

    @media screen and (min-width: 768px) {
        .fv__title {
            font-size: 1.875rem;
            margin-top: -0.4375rem;
        }
    }

    .fv__title--strong {
        color: #ba61f5;
        font-weight: bold;
        font-size: 28px;
        font-size: 1.75rem;
    }

    @media screen and (min-width: 768px) {
        .fv__title--strong {
            font-size: 2.625rem;
        }
    }

    .fv__message {
        margin-top: 10px;
        margin-top: 0.625rem;
        font-size: 12px;
        font-size: 0.75rem;
        line-height: 1.8;
        font-weight: 400;
        text-align: center;
    }

    @media screen and (min-width: 768px) {
        .fv__message {
            line-height: 2;
            margin-top: 0.8125rem;
            letter-spacing: 0;
        }
    }

    .fv__steps {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        gap: 24px;
        gap: 1.5rem;
        margin-top: 32px;
        margin-top: 2rem;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    @media screen and (min-width: 768px) {
        .fv__steps {
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-direction: row;
            flex-direction: row;
            gap: 0.625rem;
            -webkit-box-align: stretch;
            -ms-flex-align: stretch;
            align-items: stretch;
        }
    }

    .fv__step {
        background: #fff;
        border-radius: 0.75rem;
        padding: 16px;
        padding: 1rem;
        text-align: center;
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 80%;
        margin-inline: auto;
        max-width: 506px;
    }

    @media screen and (min-width: 768px) {
        .fv__step {
            width: 9.4375rem;
            padding: 1.25rem 0.5625rem 0.9375rem;
        }
    }

    .fv__step-num {
        display: block;
        font-size: 12px;
        font-size: 0.75rem;
        color: #2d105d;
        font-weight: 700;
        position: relative;
        font-family: "Poppins", sans-serif;
    }

    @media screen and (min-width: 768px) {
        .fv__step-num {
            font-size: 0.625rem;
        }
    }

    .fv__step-num::after {
        content: "";
        position: absolute;
        bottom: -9px;
        bottom: -0.5625rem;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        width: 10px;
        width: 0.625rem;
        height: 1px;
        height: 0.0625rem;
        background-color: #ba61f5;
    }

    .fv__step-text {
        font-size: 15px;
        font-size: 0.9375rem;
        line-height: 1.4;
        font-weight: 700;
        margin-top: 20px;
        margin-top: 1.25rem;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
    }

    @media screen and (min-width: 768px) {
        .fv__step-text {
            margin-top: 0.8125rem;
            letter-spacing: 0.06em;
            line-height: 1.7;
        }
    }

    @media screen and (min-width: 768px) {
        .fv__step-text.secondary {
            line-height: 1.4;
        }
    }

    .fv__step-text span {
        color: #ba61f5;
        font-weight: bold;
    }

    .fv__step-text .big {
        font-size: 22px;
        font-size: 1.375rem;
        padding-inline: 3px;
        padding-inline: 0.1875rem;
    }

    @media screen and (min-width: 768px) {
        .fv__step-text .big {
            font-size: 1.25rem;
        }
    }

    .fv__triangle-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .fv__triangle {
        width: 0;
        height: 0;
        border-top: 11px solid #2d105d;
        border-top: 0.6875rem solid #2d105d;
        border-left: 10px solid transparent;
        border-left: 0.625rem solid transparent;
        border-right: 10px solid transparent;
        border-right: 0.625rem solid transparent;
        -ms-flex-item-align: center;
        align-self: center;
    }

    @media screen and (min-width: 768px) {
        .fv__triangle {
            border-left: 0.75rem solid #2d105d;
            border-top: 0.625rem solid transparent;
            border-bottom: 0.625rem solid transparent;
            border-right: 0;
            -ms-flex-item-align: center;
            align-self: center;
        }
    }

    .fv__step--pickup {
        position: relative;
    }

    @media screen and (min-width: 768px) {
        .fv__step--pickup {
            width: 15.625rem;
        }
    }

    .fv__step--pickup .fv__step-text {
        margin-top: 0;
    }

    @media screen and (min-width: 768px) {
        .fv__step--pickup .fv__step-text {
            font-size: 1.0625rem;
            line-height: 1.6;
            margin-top: 0.8125rem;
        }
    }

    .fv__pickup {
        position: absolute;
        top: -16px;
        top: -1rem;
        left: -11px;
        left: -0.6875rem;
        -webkit-transform: rotate(-9deg);
        transform: rotate(-9deg);
        display: inline-block;
        background-color: #2d105d;
        color: #f4ec24;
        font-family: "Poppins", sans-serif;
        font-weight: 700;
        font-size: 17px;
        font-size: 1.0625rem;
        padding: 3px 24px;
        padding: 0.1875rem 1.5rem;
    }

    @media screen and (min-width: 768px) {
        .fv__pickup {
            font-size: 1.1875rem;
            letter-spacing: 0.06em;
        }
    }

    .area {
        margin-top: 24px;
        margin-top: 1.5rem;
    }

    @media screen and (min-width: 768px) {
        .area {
            margin-top: 2rem;
        }
    }

    .area__inner {
        width: 100%;
        padding-right: 20px;
        padding-left: 20px;
        margin-inline: auto;
    }

    @media screen and (min-width: 768px) {
        .area__inner {
            max-width: 1102px;
            padding-right: 25px;
            padding-left: 25px;
        }
    }

    .area__content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        margin-top: 34px;
        margin-top: 2.125rem;
        max-width: 404px;
        margin-inline: auto;
    }

    @media screen and (min-width: 768px) {
        .area__content {
            width: 94%;
            margin-left: auto;
            margin-top: 1.6875rem;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-direction: row;
            flex-direction: row;
            max-width: none;
        }
    }

    .area__list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 12px;
        gap: 0.75rem;
        margin-top: 40px;
        margin-top: 2.5rem;
    }

    @media screen and (min-width: 768px) {
        .area__list {
            width: 47%;
            margin-top: 2.0625rem;
        }
    }

    .area__item {
        width: calc(50% - 0.375rem);
    }

    .area__item.all {
        width: 100%;
    }

    .area__button {
        width: 100%;
        padding: 12px;
        padding: 0.75rem;
        background-color: #b59ff7;
        border-radius: 0.3125rem;
        text-align: center;
        -webkit-box-shadow: 0 0.1875rem 0.375rem rgba(0, 0, 0, .16);
        box-shadow: 0 0.1875rem 0.375rem rgba(0, 0, 0, .16);
        -webkit-transition: background-color 0.3s ease;
        transition: background-color 0.3s ease;
    }

    @media screen and (min-width: 768px) {
        .area__button {
            padding: 1.0625rem 0.75rem;
        }
    }

    .area__button.is-selected {
        background-color: #2d105d;
        -webkit-box-shadow: 0 0.1875rem 0.375rem rgba(45, 16, 93, .3);
        box-shadow: 0 0.1875rem 0.375rem rgba(45, 16, 93, .3);
    }

    @media screen and (min-width: 768px) {
        .area__button:hover {
            background-color: #c1c1c1;
        }

        .area__button.is-selected:hover {
            background-color: #2d105d;
        }
    }

    .area__jp {
        display: block;
        font-size: 14px;
        font-size: 0.875rem;
        font-weight: 700;
        color: #ffffff;
    }

    @media screen and (min-width: 768px) {
        .area__jp {
            font-size: 1.25rem;
        }
    }

    .area__en {
        display: block;
        font-size: 11px;
        font-size: 0.6875rem;
        color: #ffffff;
        font-family: "Poppins", sans-serif;
    }

    .area__map {
        margin-top: 16px;
        margin-top: 1rem;
    }

    @media screen and (min-width: 768px) {
        .area__map {
            width: 44%;
            margin-top: 1.875rem;
        }
    }

    .area__map {
        position: relative;
    }

    .area__map picture {
        display: block;
        width: 100%;
        -webkit-transition: opacity 0.3s ease;
        transition: opacity 0.3s ease;
    }

    .area__map img {
        width: 100%;
        height: auto;
        display: block;
    }

    .select {
        margin-top: 100px;
        margin-top: 6.25rem;
    }

    @media screen and (min-width: 768px) {
        .select {
            margin-top: 8.125rem;
        }
    }

    .select__inner {
        width: 100%;
        padding-right: 20px;
        padding-left: 20px;
        margin-inline: auto;
    }

    @media screen and (min-width: 768px) {
        .select__inner {
            max-width: 1102px;
            padding-right: 25px;
            padding-left: 25px;
        }
    }

    .select__title .sec-title__message {
        font-size: 10px;
        font-size: 0.625rem;
    }

    @media screen and (min-width: 768px) {
        .select__title .sec-title__message {
            font-size: 0.75rem;
        }
    }

    .select__list {
        display: grid;
        margin-top: 24px;
        margin-top: 1.5rem;
        grid-template-columns: repeat(3, 1fr);
        gap: 12px;
        gap: 0.75rem;
    }

    @media screen and (min-width: 600px) {
        .select__list {
            grid-template-columns: repeat(4, 1fr);
        }
    }
    @media screen and (min-width: 768px) {
        .select__list {
            margin-top: 1.375rem;
            grid-template-columns: repeat(5, 1fr);
            gap: 1rem;
        }
    }

    .select__item {
        border-radius: 0.3125rem;
        overflow: hidden;
        cursor: pointer;
        position: relative;
        -webkit-box-shadow: 0.125rem 0.125rem 0.375rem rgba(0, 0, 0, .16);
        box-shadow: 0.125rem 0.125rem 0.375rem rgba(0, 0, 0, .16);
        will-change: transform;
        -webkit-transform-origin: center;
        transform-origin: center;
    }

    .select__item img {
        aspect-ratio: 1/1;
        -o-object-fit: cover;
        object-fit: cover;
        width: 100%;
        height: 100%;
        display: block;
    }

    .select__item.is-selected {
        opacity: 1;
    }

    .select__item.is-selected::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(210, 204, 219, .3);
        border: 2px solid #2d105d;
        border: 0.125rem solid #2d105d;
        border-radius: 0.3125rem;
        pointer-events: none;
    }

    @media screen and (min-width: 768px) {
        .select__item.is-selected::after {
            border: 0.1875rem solid #2d105d;
        }
    }
    @media screen and (min-width: 768px) {
        .select__item:hover:not(.is-disabled) {
            -webkit-transform: scale(0.98);
            transform: scale(0.98);
            -webkit-transition: none;
            transition: none;
        }
    }

    .select__button {
        margin-top: 40px;
        margin-top: 2.5rem;
        text-align: center;
        position: relative;
    }

    .select__error {
        margin-bottom: 16px;
        margin-bottom: 1rem;
        text-align: center;
    }

    .select__error-text {
        color: #ff0000;
        font-size: 14px;
        font-size: 0.875rem;
        font-weight: 700;
        line-height: 1.6;
    }

    @media screen and (min-width: 768px) {
        .select__error-text {
            font-size: 1rem;
        }
    }

    .select__error-text--en {
        display: block;
        font-size: 12px;
        font-size: 0.75rem;
        font-weight: 400;
        margin-top: 4px;
        margin-top: 0.25rem;
    }

    @media screen and (min-width: 768px) {
        .select__error-text--en {
            font-size: 0.875rem;
        }
    }

    .select__button-icon {
        width: 30px;
        width: 1.875rem;
        display: block;
    }

    @media screen and (min-width: 768px) {
        .select__button-icon {
            width: 2.125rem;
        }
    }

    .select__button-btn {
        background-color: #2d105d;
        text-align: center;
        color: #fff;
        border-radius: 0.3125rem;
        -webkit-box-shadow: 0 0.1875rem 0.375rem rgba(0, 0, 0, .16);
        box-shadow: 0 0.1875rem 0.375rem rgba(0, 0, 0, .16);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding-block: 9px;
        padding-block: 0.5625rem;
        margin-inline: auto;
        gap: 14px;
        gap: 0.875rem;
        width: 100%;
        max-width: 450px;
        max-width: 28.125rem;
    }

    @media screen and (min-width: 768px) {
        .select__button-btn {
            width: 28.125rem;
        }
    }

    .select__button-text {
        font-size: 18px;
        font-size: 1.125rem;
    }

    @media screen and (min-width: 768px) {
        .select__button-text {
            font-size: 1.25rem;
        }
    }

    .select__button-text--en {
        color: #f5ec25;
        font-size: 10px;
        font-size: 0.625rem;
        letter-spacing: 0.1em;
        display: block;
        font-family: "Poppins", sans-serif;
    }

    @media screen and (min-width: 768px) {
        .select__button-text--en {
            font-size: 0.75rem;
        }
    }

    .tour-list {
        margin-top: 72px;
        margin-top: 4.5rem;
    }

    .tour-list__inner {
        width: 100%;
        padding-right: 20px;
        padding-left: 20px;
        margin-inline: auto;
    }

    @media screen and (min-width: 768px) {
        .tour-list__inner {
            max-width: 1102px;
            padding-right: 25px;
            padding-left: 25px;
        }
    }

    @media screen and (min-width: 768px) {
        .tour-list__title {
            -webkit-box-align: end;
            -ms-flex-align: end;
            align-items: flex-end;
        }
    }

    .tour-list__title.sec-title {
        gap: 10px;
        gap: 0.625rem;
    }

    .tour-list__title .sec-title__label {
        font-size: 20px;
        font-size: 1.25rem;
        text-shadow: 3px 3px 0px rgba(181, 159, 247, .5);
        color: #2d105d;
        line-height: 1;
        -ms-flex-negative: 0;
        flex-shrink: 0;
    }

    @media screen and (min-width: 768px) {
        .tour-list__title .sec-title__label {
            font-size: 3.5625rem;
            margin-right: 1.4375rem;
            text-shadow: 5px 5px 0px rgba(181, 159, 247, .5);
        }
    }

    .tour-list__title .sec-title__title {
        font-size: 14px;
        font-size: 0.875rem;
    }

    @media screen and (min-width: 768px) {
        .tour-list__title .sec-title__title {
            font-size: 1.3125rem;
            letter-spacing: 0.01em;
        }
    }

    @media screen and (min-width: 768px) {
        .tour-list__title .sec-title__content {
            margin-top: 1.4375rem;
        }
    }

    .tour-list__items {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 24px;
        gap: 1.5rem;
        row-gap: 34px;
        row-gap: 2.125rem;
        margin-top: 60px;
        margin-top: 3.75rem;
    }

    @media screen and (min-width: 768px) {
        .tour-list__items {
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-direction: row;
            flex-direction: row;
        }
    }

    .tour-list__item {
        width: 100%;
        -webkit-box-shadow: 0 0.1875rem 0.375rem rgba(0, 0, 0, .16);
        box-shadow: 0 0.1875rem 0.375rem rgba(0, 0, 0, .16);
    }

    @media screen and (min-width: 768px) {
        .tour-list__item {
            width: calc(33.333% - 1rem);
        }
    }

    .tour-card {
        border: 1px solid #707070;
        border: 0.0625rem solid #707070;
        padding: 10px 10px 8px;
        padding: 0.625rem 0.625rem 0.5rem;
        height: 100%;
    }

    .tour-card__image {
        position: relative;
    }

    .tour-card__image img {
        aspect-ratio: 315/217;
        -o-object-fit: cover;
        object-fit: cover;
    }

    .tour-card__thumb {
        position: absolute;
        right: 16px;
        right: 1rem;
        bottom: -36px;
        bottom: -2.25rem;
        width: 96px;
        width: 6rem;
        height: 96px;
        height: 6rem;
        border-radius: 50%;
        border: 5px solid #ffffff;
        border: 0.3125rem solid #ffffff;
    }

    .tour-card__thumb img {
        width: 100%;
        height: 100%;
        border-radius: 50%;
    }

    .tour-card__tag {
        display: inline-block;
        font-size: 12px;
        font-size: 0.75rem;
        font-weight: 400;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 4px;
        gap: 0.25rem;
    }

    .tour-card__tag span {
        width: 12px;
        width: 0.75rem;
    }

    .tour-card__title {
        font-size: 15px;
        font-size: 0.9375rem;
        font-weight: 700;
        margin-top: 4px;
        margin-top: 0.25rem;
        letter-spacing: 0.04em;
        max-height: 36px;
        padding-bottom: 8px;
        overflow: hidden;
    }

    .tour-card__detail {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-top: 10px;
        margin-top: 0.625rem;
    }

    .tour-card__locate {
        color: #fff;
        background-color: #b59ff7;
        border-radius: 0.6875rem;
        font-size: 13px;
        font-size: 0.8125rem;
        padding: 2px 20px;
        padding: 0.125rem 1.25rem;
        text-align: center;
        font-weight: 700;
    }

    .tour-card__price {
        font-size: 25px;
        font-size: 1.5625rem;
        font-weight: 400;
        text-align: right;
    }

    .tour-card__button {
        margin-top: 40px;
        margin-top: 2.5rem;
        text-align: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 15%;
    }

    @media screen and (min-width: 768px) {
        .tour-card__button {
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-direction: row;
            flex-direction: row;
            margin-top: 3.75rem;
        }
    }

    .tour-card__button-icon {
        width: 30px;
        width: 1.875rem;
        display: block;
    }

    @media screen and (min-width: 768px) {
        .tour-card__button-icon {
            width: 2.125rem;
        }
    }

    .tour-card__button-btn {
        background-color: #2d105d;
        text-align: center;
        color: #fff;
        border-radius: 0.3125rem;
        -webkit-box-shadow: 0 0.1875rem 0.375rem rgba(0, 0, 0, .16);
        box-shadow: 0 0.1875rem 0.375rem rgba(0, 0, 0, .16);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding-block: 9px;
        padding-block: 0.5625rem;
        gap: 14px;
        gap: 0.875rem;
        width: 100%;
        max-width: 495px;
        max-width: 30.9375rem;
        display: flex;
    }

    @media screen and (min-width: 768px) {
        .tour-card__button-btn {
            width: 20.125rem;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-direction: row;
            flex-direction: row;
        }
    }

    .tour-card__button-text {
        font-size: 18px;
        font-size: 1.125rem;
    }

    @media screen and (min-width: 768px) {
        .tour-card__button-text {
            font-size: 1.25rem;
        }
    }

    .tour-card__button-text--en {
        color: #f5ec25;
        font-size: 10px;
        font-size: 0.625rem;
        letter-spacing: 0.1em;
        display: block;
        font-family: "Poppins", sans-serif;
    }

    @media screen and (min-width: 768px) {
        .tour-card__button-text--en {
            font-size: 0.75rem;
        }
    }

    .tour-card__button-message {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-top: 40px;
        margin-top: 2.5rem;
        font-weight: 700;
    }

    @media screen and (min-width: 768px) {
        .tour-card__button-message {
            gap: 2.1875rem;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-direction: row;
            flex-direction: row;
            margin-top: 0;
            -ms-flex-negative: 0;
            flex-shrink: 0;
        }
    }

    .tour-card__button-message span {
        width: 196px;
        width: 12.25rem;
        margin-top: 32px;
        margin-top: 2rem;
    }

    @media screen and (min-width: 768px) {
        .tour-card__button-message span {
            margin-top: 0;
        }
    }
    /*# sourceMappingURL=styles.css.map */

    .contact {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;

        .btn-area {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;

            div {
                width: 300px;
                max-width: 100%;
                margin: 0 20px;
                cursor: pointer !important;

                a {
                    pointer-events: all !important;
                }
            }
        }
    }
}