@charset "UTF-8";

.--sans {
    font-family: "Noto Sans JP", sans-serif;
}

.--serif {
    font-family: "Noto Serif JP", serif;
}

br {
    display: block;
}

.adlp-footer {
    background: #1B1B1B;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    gap: min(calc(60 / 1080 * 100vw), 60px);
    padding: min(calc(60 / 1080 * 100vw), 60px) min(calc(460 / 1080 * 100vw), 460px) min(calc(150 / 1080 * 100vw), 150px);
}

@media screen and (max-width: 767px) {
    .adlp-footer {
        flex-direction: column;
        align-items: center;
        gap: calc(40 / 750 * 100vw);
        padding: calc(80 / 750 * 100vw) 0 calc(180 / 750 * 100vw);
    }
}

.adlp-footer__bnr {
    flex-shrink: 0;
    width: min(calc(346 / 1080 * 100vw), 346px);
    height: min(calc(98 / 1080 * 100vw), 98px);
}

@media screen and (max-width: 767px) {
    .adlp-footer__bnr {
        width: calc(480 / 750 * 100vw);
        height: calc(136 / 750 * 100vw);
    }
}

.adlp-footer__content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: min(calc(40 / 1080 * 100vw), 40px);
}

@media screen and (max-width: 767px) {
    .adlp-footer__content {
        align-items: center;
        gap: calc(40 / 750 * 100vw);
        width: calc(750 / 750 * 100vw);
    }
}

@media screen and (max-width: 767px) {
    .adlp-footer__links {
        width: calc(750 / 750 * 100vw);
    }
}

.adlp-footer__menu__wrapper {
    display: flex;
    flex-direction: column;
    gap: min(calc(20 / 1080 * 100vw), 20px);
}

@media screen and (max-width: 767px) {
    .adlp-footer__menu__wrapper {
        gap: calc(16 / 750 * 100vw);
        text-align: center;
    }
}

.adlp-footer__menu a {
    color: #FFFFFF;
    text-decoration: none;
    font-weight: 700;
    font-size: min(calc(16 / 1080 * 100vw), 16px);
    letter-spacing: 0.04em;
    line-height: 1.8;
}

@media screen and (max-width: 767px) {
    .adlp-footer__menu a {
        font-size: calc(26 / 750 * 100vw);
        letter-spacing: 0.04em;
        line-height: 1.7999999523;
    }
}

.adlp-footer__text {
    color: #FFFFFF;
    text-align: center;
    font-weight: 400;
    font-size: min(calc(12 / 1080 * 100vw), 12px);
    letter-spacing: 0.04em;
    line-height: 1.5;
}

@media screen and (max-width: 767px) {
    .adlp-footer__text {
        font-size: calc(20 / 750 * 100vw);
        letter-spacing: 0.04em;
        line-height: 1.5;
        width: calc(750 / 750 * 100vw);
    }
}

.adlp-accordion__wrapper {
    display: flex;
    flex-direction: column;
    gap: min(calc(30 / 1080 * 100vw), 30px);
}

@media screen and (max-width: 767px) {
    .adlp-accordion__wrapper {
        gap: calc(30 / 750 * 100vw);
    }
}

.adlp-accordion {
    background: #fff;
}

.adlp-accordion__header {
    position: relative;
    cursor: pointer;
}

.adlp-accordion__header__inner {
    display: flex;
    align-items: center;
    padding: min(calc(20 / 1080 * 100vw), 20px) min(calc(80 / 1080 * 100vw), 80px) min(calc(20 / 1080 * 100vw), 20px) min(calc(40 / 1080 * 100vw), 40px);
}

@media screen and (max-width: 767px) {
    .adlp-accordion__header__inner {
        padding: calc(40 / 750 * 100vw) calc(112 / 750 * 100vw) calc(40 / 750 * 100vw) calc(40 / 750 * 100vw);
    }
}

.adlp-accordion__header__inner .lead {
    line-height: 1;
    font-size: min(calc(40 / 1080 * 100vw), 40px);
    margin-right: min(calc(20 / 1080 * 100vw), 20px);
}

@media screen and (max-width: 767px) {
    .adlp-accordion__header__inner .lead {
        font-size: calc(48 / 750 * 100vw);
        margin-right: calc(20 / 750 * 100vw);
    }
}

.adlp-accordion__header::after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: min(calc(20 / 1080 * 100vw), 20px);
    height: min(calc(12 / 1080 * 100vw), 12px);
    right: min(calc(45 / 1080 * 100vw), 45px);
    transition: all 0.3s;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='12' viewBox='0 0 20 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 11.5L0.47372 0.25L19.5263 0.250002L10 11.5Z' fill='%23012F83'/%3E%3C/svg%3E%0A");
    background-size: 100% 100%;
}

@media screen and (max-width: 767px) {
    .adlp-accordion__header::after {
        width: calc(28 / 750 * 100vw);
        height: calc(17 / 750 * 100vw);
        right: calc(35 / 750 * 100vw);
    }
}

.adlp-accordion__header.--open::after {
    transform: translateY(-50%) rotate(180deg);
}

.adlp-accordion__header.--open::before {
    opacity: 0;
}

.adlp-accordion__header.--img::after {
    display: none;
}

.adlp-accordion__header.--img>span:last-child {
    display: none;
}

.adlp-accordion__header.--img.--open>span:first-child {
    display: none;
}

.adlp-accordion__header.--img.--open>span:last-child {
    display: block;
}

.adlp-accordion__header.--plus::before {
    content: "";
    display: block;
    background-image: none;
    background: #012F83;
    position: absolute;
    height: min(calc(20 / 1080 * 100vw), 20px);
    width: min(calc(2 / 1080 * 100vw), 2px);
    right: min(calc(49 / 1080 * 100vw), 49px);
    top: 50%;
    transform: translateY(-50%);
    transition: 0.3s;
}

@media screen and (max-width: 767px) {
    .adlp-accordion__header.--plus::before {
        height: calc(20 / 750 * 100vw);
        width: calc(2 / 750 * 100vw);
        right: calc(49 / 750 * 100vw);
    }
}

.adlp-accordion__header.--plus::after {
    width: min(calc(20 / 1080 * 100vw), 20px);
    height: min(calc(2 / 1080 * 100vw), 2px);
    right: min(calc(40 / 1080 * 100vw), 40px);
    background-image: none;
    background: #012F83;
    transform: translate(0, -50%);
}

@media screen and (max-width: 767px) {
    .adlp-accordion__header.--plus::after {
        width: calc(20 / 750 * 100vw);
        height: calc(2 / 750 * 100vw);
        right: calc(40 / 750 * 100vw);
    }
}

.adlp-accordion__body {
    display: none;
}

.adlp-accordion__body__inner {
    display: flex;
    align-items: flex-start;
    padding: min(calc(20 / 1080 * 100vw), 20px) min(calc(40 / 1080 * 100vw), 40px);
}

@media screen and (max-width: 767px) {
    .adlp-accordion__body__inner {
        padding: 0 calc(40 / 750 * 100vw) calc(40 / 750 * 100vw);
    }
}

.adlp-accordion__body__inner .lead {
    font-size: min(calc(40 / 1080 * 100vw), 40px);
    margin-right: min(calc(20 / 1080 * 100vw), 20px);
}

@media screen and (max-width: 767px) {
    .adlp-accordion__body__inner .lead {
        margin-right: calc(20 / 750 * 100vw);
    }
}

.js-toggle {
    cursor: pointer;
}

.js-toggle+* {
    display: none;
}

.adlp-logo__wrapper {
    display: flex;
    width: min(calc(4592 / 1080 * 100vw), 4592px);
}

@media screen and (max-width: 767px) {
    .adlp-logo__wrapper {
        width: calc(4592 / 750 * 100vw);
    }
}

.adlp-logo {
    animation: infinity-scroll-left 25s infinite linear 0.5s both;
    width: min(calc(1680 / 1080 * 100vw), 1680px);
}

@media screen and (max-width: 767px) {
    .adlp-logo {
        animation: infinity-scroll-left 15s infinite linear 0.5s both;
        width: calc(1120 / 750 * 100vw);
    }
}

@keyframes infinity-scroll-left {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-100%);
    }
}

.adlp-swiper {
    position: relative;
    padding-bottom: min(calc(50 / 1080 * 100vw), 50px);
    width: 100%;
}

@media screen and (max-width: 767px) {
    .adlp-swiper {
        padding-bottom: calc(80 / 750 * 100vw);
    }
}

.adlp-swiper.--hide {
    overflow: hidden;
}

.adlp-swiper .swiper-slide {
    padding: 0 min(calc(40 / 1080 * 100vw), 40px);
}

.adlp-swiper .swiper-button-next,
.adlp-swiper .swiper-button-prev {
    width: min(calc(24 / 1080 * 100vw), 24px);
    height: min(calc(84 / 1080 * 100vw), 84px);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
}

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

    .adlp-swiper .swiper-button-next,
    .adlp-swiper .swiper-button-prev {
        width: calc(30 / 750 * 100vw);
    }
}

.adlp-swiper .swiper-button-next::after,
.adlp-swiper .swiper-button-prev::after {
    display: none;
}

.adlp-swiper .swiper-button-prev {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='84' viewBox='0 0 24 84' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='24' height='84' fill='%234A453B'/%3E%3Cpath d='M18 51L8 42L18 33' stroke='white' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E%0A");
    left: 0;
}

.adlp-swiper .swiper-button-next {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='84' viewBox='0 0 24 84' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='24' height='84' fill='%234A453B'/%3E%3Cpath d='M8 33L18 42L8 51' stroke='white' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E%0A");
    right: 0;
}

.adlp-swiper {
    /* ページネーションの余白 */
}

.adlp-swiper .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.adlp-swiper .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 min(calc(8 / 1080 * 100vw), 8px);
}

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

    .adlp-swiper .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
    .adlp-swiper .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 0 calc(8 / 750 * 100vw);
    }
}

.adlp-swiper .swiper-pagination-bullet {
    height: min(calc(10 / 1080 * 100vw), 10px);
    width: min(calc(10 / 1080 * 100vw), 10px);
}

@media screen and (max-width: 767px) {
    .adlp-swiper .swiper-pagination-bullet {
        width: calc(16 / 750 * 100vw);
        height: calc(16 / 750 * 100vw);
    }
}

.adlp-swiper .swiper-pagination-bullet-active {
    background-color: #E0BF23;
}

.adlp-swiper__wrapper {
    padding-bottom: min(calc(30 / 1080 * 100vw), 30px);
}

@media screen and (max-width: 767px) {
    .adlp-swiper__wrapper {
        width: 100%;
        padding-bottom: calc(60 / 750 * 100vw);
    }
}

.sec01 {
    background: rgb(243, 239, 239);
    padding: min(calc(60 / 1080 * 100vw), 60px) 0;
}

@media screen and (max-width: 767px) {
    .sec01 {
        padding: calc(80 / 750 * 100vw) 0;
    }
}

.sec01__inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: min(calc(40 / 1080 * 100vw), 40px);
}

@media screen and (max-width: 767px) {
    .sec01__inner {
        gap: calc(40 / 750 * 100vw);
    }
}

.sec01__head {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: min(calc(10 / 1080 * 100vw), 10px);
}

@media screen and (max-width: 767px) {
    .sec01__head {
        gap: calc(16 / 750 * 100vw);
    }
}

.sec01__title {
    font-size: min(calc(20 / 1080 * 100vw), 20px);
    font-weight: 500;
    color: #B99566;
    letter-spacing: 0.24em;
    text-align: center;
}

@media screen and (max-width: 767px) {
    .sec01__title {
        font-size: calc(28 / 750 * 100vw);
        letter-spacing: 0.24em;
    }
}

.sec01__line {
    width: min(calc(30 / 1080 * 100vw), 30px);
    height: 1px;
    background: #B99566;
}

@media screen and (max-width: 767px) {
    .sec01__line {
        width: calc(40 / 750 * 100vw);
    }
}

.sec01__content {
    display: flex;
    flex-direction: column;
    gap: min(calc(24 / 1080 * 100vw), 24px);
    width: 100%;
}

@media screen and (max-width: 767px) {
    .sec01__content {
        gap: calc(32 / 750 * 100vw);
    }
}

.sec01__subtitle {
    font-size: min(calc(30 / 1080 * 100vw), 30px);
    font-weight: 600;
    color: #452F04;
    letter-spacing: 0.08em;
    text-align: center;
}

@media screen and (max-width: 767px) {
    .sec01__subtitle {
        font-size: calc(36 / 750 * 100vw);
        letter-spacing: 0.08em;
    }
}

.sec01__banners {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
    gap: min(calc(20 / 1080 * 100vw), 20px);
}

@media screen and (max-width: 767px) {
    .sec01__banners {
        flex-direction: column;
        align-items: center;
        gap: calc(32 / 750 * 100vw);
        width: calc(630 / 750 * 100vw);
        margin: 0 auto;
    }
}

.sec01__banner {
    width: min(calc(320 / 1080 * 100vw), 320px);
    height: min(calc(95 / 1080 * 100vw), 95px);
    display: block;
}

@media screen and (max-width: 767px) {
    .sec01__banner {
        width: calc(630 / 750 * 100vw);
        height: calc(188 / 750 * 100vw);
    }
}

.sec02 {
    background: linear-gradient(to right, rgb(243, 239, 239) 0%, rgb(243, 239, 239) 100%) no-repeat max(calc(0 / 1080 * 100vw), 0px) min(calc(452 / 1080 * 100vw), 452px)/min(calc(938 / 1080 * 100vw), 938px) min(calc(458 / 1080 * 100vw), 458px);
    padding: min(calc(100 / 1080 * 100vw), 100px) 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: min(calc(40 / 1080 * 100vw), 40px);
}

@media screen and (max-width: 767px) {
    .sec02 {
        background: linear-gradient(to right, rgb(243, 239, 239) 0%, rgb(243, 239, 239) 100%) no-repeat calc(0 / 750 * 100vw) calc(675 / 750 * 100vw)/calc(690 / 750 * 100vw) calc(610 / 750 * 100vw);
        padding: calc(80 / 750 * 100vw) 0;
        gap: calc(60 / 750 * 100vw);
    }
}

.sec02__inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: min(calc(40 / 1080 * 100vw), 40px);
}

@media screen and (max-width: 767px) {
    .sec02__inner {
        gap: calc(50 / 750 * 100vw);
    }
}

.sec02__head {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: min(calc(24 / 1080 * 100vw), 24px);
}

@media screen and (max-width: 767px) {
    .sec02__head {
        gap: calc(40 / 750 * 100vw);
    }
}

.sec02__title__wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: min(calc(10 / 1080 * 100vw), 10px);
}

@media screen and (max-width: 767px) {
    .sec02__title__wrapper {
        gap: calc(16 / 750 * 100vw);
    }
}

.sec02__title {
    font-size: min(calc(20 / 1080 * 100vw), 20px);
    font-weight: 500;
    color: #b99566;
    letter-spacing: 0.24em;
}

@media screen and (max-width: 767px) {
    .sec02__title {
        font-size: calc(28 / 750 * 100vw);
        letter-spacing: 0.24em;
    }
}

.sec02__line {
    width: min(calc(30 / 1080 * 100vw), 30px);
    height: 1px;
    background: #b99566;
}

@media screen and (max-width: 767px) {
    .sec02__line {
        width: calc(40 / 750 * 100vw);
    }
}

.sec02__main__title__wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: min(calc(24 / 1080 * 100vw), 24px);
}

@media screen and (max-width: 767px) {
    .sec02__main__title__wrapper {
        gap: calc(32 / 750 * 100vw);
    }
}

.sec02__tag {
    background: #452f04;
    padding: min(calc(6 / 1080 * 100vw), 6px) min(calc(12 / 1080 * 100vw), 12px) min(calc(7.5 / 1080 * 100vw), 7.5px);
    height: min(calc(39 / 1080 * 100vw), 39px);
    display: flex;
    align-items: center;
    justify-content: center;
}

@media screen and (max-width: 767px) {
    .sec02__tag {
        height: calc(51 / 750 * 100vw);
        padding: calc(8 / 750 * 100vw) calc(16 / 750 * 100vw) calc(10 / 750 * 100vw);
    }
}

.sec02__tag span {
    font-size: min(calc(22 / 1080 * 100vw), 22px);
    color: rgb(255, 255, 255);
    letter-spacing: 0.08em;
    font-weight: 600;
}

@media screen and (max-width: 767px) {
    .sec02__tag span {
        font-size: calc(30 / 750 * 100vw);
        letter-spacing: 0.08em;
    }
}

.sec02__main__title {
    font-size: min(calc(42 / 1080 * 100vw), 42px);
    font-weight: 500;
    line-height: 1.1;
    color: #174a45;
    letter-spacing: 0.12em;
}

@media screen and (max-width: 767px) {
    .sec02__main__title {
        font-size: calc(56 / 750 * 100vw);
        letter-spacing: 0.12em;
    }
}

.sec02__description {
    text-align: center;
    font-size: min(calc(16 / 1080 * 100vw), 16px);
    color: rgb(51, 51, 51);
    letter-spacing: 0.08em;
    line-height: 1.8;
}

@media screen and (max-width: 767px) {
    .sec02__description {
        font-size: calc(26 / 750 * 100vw);
        letter-spacing: 0.08em;
        line-height: 1.8;
    }
}

.sec02__description .note {
    text-align: center;
    font-size: min(calc(12 / 1080 * 100vw), 12px);
    color: rgb(51, 51, 51);
    letter-spacing: 0.08em;
    line-height: 1.8;
    margin: min(calc(12 / 1080 * 100vw), 12px) 0 0;
}

@media screen and (max-width: 767px) {
    .sec02__description .note {
        font-size: calc(20 / 750 * 100vw);
        letter-spacing: 0.08em;
        line-height: 1.8;
        margin: calc(12 / 750 * 100vw);
    }
}

.sec02__content {
    width: min(calc(1080 / 1080 * 100vw), 1080px);
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: min(calc(40 / 1080 * 100vw), 40px);
    padding-right: min(calc(32 / 1080 * 100vw), 32px);
}

@media screen and (max-width: 767px) {
    .sec02__content {
        width: 100%;
        flex-direction: column;
        gap: calc(60 / 750 * 100vw);
        padding-right: 0;
    }
}

.sec02__image {
    width: min(calc(570 / 1080 * 100vw), 570px);
    filter: drop-shadow(max(calc(-3 / 1080 * 100vw), -3px) min(calc(3 / 1080 * 100vw), 3px) min(calc(4 / 1080 * 100vw), 4px) rgba(0, 0, 0, 0.2));
}

@media screen and (max-width: 767px) {
    .sec02__image {
        width: calc(750 / 750 * 100vw);
        filter: drop-shadow(0 calc(2 / 750 * 100vw) calc(6 / 750 * 100vw) rgba(0, 0, 0, 0.16));
    }
}

.sec02__info {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: min(calc(12 / 1080 * 100vw), 12px);
}

@media screen and (max-width: 767px) {
    .sec02__info {
        width: calc(630 / 750 * 100vw);
        gap: calc(16 / 750 * 100vw);
    }
}

.sec02__info__item {
    display: flex;
    gap: min(calc(18 / 1080 * 100vw), 18px);
    align-items: flex-start;
}

@media screen and (max-width: 767px) {
    .sec02__info__item {
        gap: calc(24 / 750 * 100vw);
    }
}

.sec02__info__item:last-child {
    align-items: center;
}

.sec02__info__label {
    width: min(calc(113 / 1080 * 100vw), 113px);
    height: min(calc(32 / 1080 * 100vw), 32px);
    background: rgb(51, 51, 51);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: min(calc(1.5 / 1080 * 100vw), 1.5px) 0 min(calc(3 / 1080 * 100vw), 3px);
}

@media screen and (max-width: 767px) {
    .sec02__info__label {
        width: calc(150 / 750 * 100vw);
        height: calc(42 / 750 * 100vw);
        padding: calc(2 / 750 * 100vw) 0 calc(4 / 750 * 100vw);
    }
}

.sec02__info__label span {
    font-size: min(calc(16 / 1080 * 100vw), 16px);
    color: rgb(255, 255, 255);
    letter-spacing: 0.08em;
    font-weight: 600;
}

@media screen and (max-width: 767px) {
    .sec02__info__label span {
        font-size: calc(26 / 750 * 100vw);
        letter-spacing: 0.08em;
    }
}

.sec02__info__text {
    flex: 1;
    font-size: min(calc(16 / 1080 * 100vw), 16px);
    color: rgb(51, 51, 51);
    letter-spacing: 0.08em;
    line-height: 1.6;
}

@media screen and (max-width: 767px) {
    .sec02__info__text {
        font-size: calc(26 / 750 * 100vw);
        letter-spacing: 0.08em;
    }
}

.sec02__info__text p {
    line-height: 1.6;
}

.sec02__info__content {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: min(calc(12 / 1080 * 100vw), 12px);
}

@media screen and (max-width: 767px) {
    .sec02__info__content {
        gap: calc(16 / 750 * 100vw);
    }
}

.sec02__info__note {
    font-size: min(calc(12 / 1080 * 100vw), 12px);
    color: rgb(51, 51, 51);
    letter-spacing: 0.04em;
    line-height: 1.6;
    text-align: justify;
}

@media screen and (max-width: 767px) {
    .sec02__info__note {
        font-size: calc(20 / 750 * 100vw);
        letter-spacing: 0.04em;
    }
}

.sec02__info__note:last-child {
    letter-spacing: 0.03em;
}

@media screen and (max-width: 767px) {
    .sec02__info__note:last-child {
        letter-spacing: 0.03em;
    }
}

.sec02__info__note p {
    line-height: 1.6;
}

.sec02 .adlp-accordion__wrapper {
    margin-top: min(calc(20 / 1080 * 100vw), 20px);
    gap: min(calc(24 / 1080 * 100vw), 24px);
}

@media screen and (max-width: 767px) {
    .sec02 .adlp-accordion__wrapper {
        margin-top: calc(10 / 750 * 100vw);
        gap: calc(40 / 750 * 100vw);
    }
}

.sec02 .adlp-accordion {
    background: transparent;
    margin: 0 auto;
    width: min(calc(920 / 1080 * 100vw), 920px);
}

@media screen and (max-width: 767px) {
    .sec02 .adlp-accordion {
        width: calc(630 / 750 * 100vw);
    }
}

.sec02 .adlp-accordion__body__inner {
    display: block;
    padding: min(calc(40 / 1080 * 100vw), 40px) 0 0;
}

@media screen and (max-width: 767px) {
    .sec02 .adlp-accordion__body__inner {
        padding-top: calc(60 / 750 * 100vw);
    }
}

.sec02 .adlp-accordion__header {
    margin: 0 auto;
    width: min(calc(470 / 1080 * 100vw), 470px);
    height: min(calc(70 / 1080 * 100vw), 70px);
    border: min(calc(2 / 1080 * 100vw), 2px) solid rgb(51, 51, 51);
    border-radius: min(calc(35 / 1080 * 100vw), 35px);
}

@media screen and (max-width: 767px) {
    .sec02 .adlp-accordion__header {
        width: calc(550 / 750 * 100vw);
        height: calc(104 / 750 * 100vw);
        border-width: calc(2 / 750 * 100vw);
        border-radius: calc(99 / 750 * 100vw);
    }
}

.sec02 .adlp-accordion__header::after {
    border-radius: 50%;
    width: min(calc(22 / 1080 * 100vw), 22px);
    height: min(calc(22 / 1080 * 100vw), 22px);
    right: min(calc(40 / 1080 * 100vw), 40px);
    background: url(../img/common/icon_toggle1.svg) 50% 50%/min(calc(10 / 1080 * 100vw), 10px) no-repeat rgb(23, 74, 69);
}

@media screen and (max-width: 767px) {
    .sec02 .adlp-accordion__header::after {
        width: calc(28 / 750 * 100vw);
        height: calc(28 / 750 * 100vw);
        right: calc(40 / 750 * 100vw);
        background-size: calc(14 / 750 * 100vw);
    }
}

.sec02 .adlp-accordion__header__inner {
    justify-content: center;
    align-items: center;
    padding: 0;
    height: 100%;
}

@media screen and (max-width: 767px) {
    .sec02 .adlp-accordion__header__inner {
        gap: calc(10 / 750 * 100vw);
    }
}

.sec02 .adlp-accordion__header__inner p {
    font-size: min(calc(24 / 1080 * 100vw), 24px);
    font-weight: 500;
    color: rgb(51, 51, 51);
    letter-spacing: 0.04em;
    text-align: center;
}

@media screen and (max-width: 767px) {
    .sec02 .adlp-accordion__header__inner p {
        font-size: calc(32 / 750 * 100vw);
        letter-spacing: 0.04em;
    }
}

.sec03 {
    background: linear-gradient(0, #fff 0%, #fff 100%) no-repeat 0 0/100% min(calc(567 / 1080 * 100vw), 567px) rgb(243, 239, 239);
    padding: min(calc(100 / 1080 * 100vw), 100px) 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: min(calc(80 / 1080 * 100vw), 80px);
}

@media screen and (max-width: 767px) {
    .sec03 {
        background: linear-gradient(0, #fff 0%, #fff 100%) no-repeat 0 0/100% calc(600 / 750 * 100vw) rgb(243, 239, 239);
        padding: calc(80 / 750 * 100vw) 0;
        gap: calc(60 / 750 * 100vw);
    }
}

.sec03__rectangle {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: min(calc(1920 / 1080 * 100vw), 1920px);
    height: min(calc(567 / 1080 * 100vw), 567px);
    background: rgb(255, 255, 255);
    z-index: -1;
}

@media screen and (max-width: 767px) {
    .sec03__rectangle {
        display: none;
    }
}

.sec03__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: min(calc(24 / 1080 * 100vw), 24px);
}

@media screen and (max-width: 767px) {
    .sec03__header {
        gap: calc(40 / 750 * 100vw);
    }
}

.sec03__header__title {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: min(calc(18 / 1080 * 100vw), 18px);
}

@media screen and (max-width: 767px) {
    .sec03__header__title {
        gap: calc(24 / 750 * 100vw);
    }
}

.sec03__title {
    font-size: min(calc(20 / 1080 * 100vw), 20px);
    color: #b99566;
    letter-spacing: 0.24em;
    line-height: 1;
    font-weight: 500;
}

@media screen and (max-width: 767px) {
    .sec03__title {
        font-size: calc(28 / 750 * 100vw);
        letter-spacing: 0.24em;
    }
}

.sec03__line {
    width: min(calc(30 / 1080 * 100vw), 30px);
    height: 1px;
    background: #b99566;
}

@media screen and (max-width: 767px) {
    .sec03__line {
        width: calc(40 / 750 * 100vw);
    }
}

.sec03__header__main {
    display: flex;
    align-items: center;
    gap: min(calc(6 / 1080 * 100vw), 6px);
}

@media screen and (max-width: 767px) {
    .sec03__header__main {
        flex-direction: column;
        gap: 0;
        align-items: center;
    }
}

.sec03__main__row {
    display: flex;
    align-items: center;
    gap: min(calc(6 / 1080 * 100vw), 6px);
}

@media screen and (max-width: 767px) {
    .sec03__main__row {
        gap: calc(16 / 750 * 100vw);
    }
}

.sec03__main__text {
    font-size: min(calc(36 / 1080 * 100vw), 36px);
    color: rgb(51, 51, 51);
    letter-spacing: 0.12em;
    font-weight: 600;
}

@media screen and (max-width: 767px) {
    .sec03__main__text {
        font-size: calc(48 / 750 * 100vw);
        letter-spacing: 0.12em;
    }
}

.sec03__main__tag {
    background: rgb(23, 74, 69);
    padding: 0 min(calc(12 / 1080 * 100vw), 12px);
    gap: min(calc(7.5 / 1080 * 100vw), 7.5px);
    display: flex;
    align-items: center;
    justify-content: center;
}

@media screen and (max-width: 767px) {
    .sec03__main__tag {
        padding: 0 calc(16 / 750 * 100vw);
        gap: calc(10 / 750 * 100vw);
    }
}

.sec03__tag__text {
    font-size: min(calc(36 / 1080 * 100vw), 36px);
    color: rgb(255, 255, 255);
    letter-spacing: 0.12em;
    line-height: 1.4;
    font-weight: 600;
}

@media screen and (max-width: 767px) {
    .sec03__tag__text {
        font-size: calc(48 / 750 * 100vw);
        letter-spacing: 0.12em;
    }
}

.sec03__header__number {
    display: flex;
    align-items: flex-end;
}

.sec03__number__bg {
    width: min(calc(88 / 1080 * 100vw), 88px);
    height: min(calc(89 / 1080 * 100vw), 89px);
}

@media screen and (max-width: 767px) {
    .sec03__number__bg {
        width: calc(117 / 750 * 100vw);
        height: calc(118 / 750 * 100vw);
    }
}

.sec03__number__text {
    font-size: min(calc(48 / 1080 * 100vw), 48px);
    color: rgb(23, 74, 69);
    font-weight: 500;
    line-height: 1;
}

@media screen and (max-width: 767px) {
    .sec03__number__text {
        font-size: calc(66 / 750 * 100vw);
    }
}

.sec03__content {
    display: flex;
    flex-direction: column;
    width: min(calc(1000 / 1080 * 100vw), 1000px);
    margin: 0 auto;
}

@media screen and (max-width: 767px) {
    .sec03__content {
        width: 100%;
    }
}

.sec03__merit1 {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: min(calc(40 / 1080 * 100vw), 40px);
    padding: 0 min(calc(40 / 1080 * 100vw), 40px) min(calc(60 / 1080 * 100vw), 60px);
}

@media screen and (max-width: 767px) {
    .sec03__merit1 {
        background: rgb(243, 239, 239);
        padding: 0 0 calc(80 / 750 * 100vw);
        gap: calc(40 / 750 * 100vw);
    }
}

.sec03__merit1 picture {
    width: min(calc(1000 / 1080 * 100vw), 1000px);
    height: min(calc(340 / 1080 * 100vw), 340px);
}

@media screen and (max-width: 767px) {
    .sec03__merit1 picture {
        width: calc(750 / 750 * 100vw);
        height: calc(396 / 750 * 100vw);
    }
}

.sec03__merit1__title {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: min(calc(40 / 1080 * 100vw), 40px);
}

@media screen and (max-width: 767px) {
    .sec03__merit1__title {
        gap: calc(32 / 750 * 100vw);
    }
}

.sec03__merit1__number {
    display: flex;
    justify-content: center;
    align-items: center;
    background: url(../img/common/sec03_merit.svg) 50% 0/100% no-repeat;
    width: min(calc(104 / 1080 * 100vw), 104px);
    height: min(calc(89.031 / 1080 * 100vw), 89.031px);
    margin: max(calc(-28 / 1080 * 100vw), -28px) 0 max(calc(-16 / 1080 * 100vw), -16px);
}

@media screen and (max-width: 767px) {
    .sec03__merit1__number {
        width: calc(135.001 / 750 * 100vw);
        height: calc(115.033 / 750 * 100vw);
        margin: calc(-12 / 750 * 100vw) 0 calc(-4 / 750 * 100vw);
    }
}

.sec03__merit1__number .sec03__number__text {
    margin-top: -20%;
    font-size: min(calc(48 / 1080 * 100vw), 48px);
    text-shadow: 0 1px 0 #fff, 1px 1px 0 #fff, 1px 0 0 #fff, -1px -1px 0 #fff, 0 -1px 0 #fff, -1px 0 0 #fff;
    color: rgb(23, 74, 69);
    font-weight: 500;
}

@media screen and (max-width: 767px) {
    .sec03__merit1__number .sec03__number__text {
        font-size: calc(66 / 750 * 100vw);
    }
}

.sec03__merit1__title__main {
    background: rgb(23, 74, 69);
    padding: min(calc(24 / 1080 * 100vw), 24px) min(calc(40 / 1080 * 100vw), 40px);
    width: min(calc(920 / 1080 * 100vw), 920px);
    text-align: center;
    font-size: min(calc(36 / 1080 * 100vw), 36px);
    color: rgb(255, 255, 255);
    font-weight: 600;
    letter-spacing: 0.08em;
    line-height: 1.4;
}

@media screen and (max-width: 767px) {
    .sec03__merit1__title__main {
        width: calc(750 / 750 * 100vw);
        padding: calc(32 / 750 * 100vw) 0;
        font-size: calc(48 / 750 * 100vw);
        letter-spacing: 0.08em;
    }
}

.sec03__merit1__body {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-end;
    gap: min(calc(40 / 1080 * 100vw), 40px);
    width: 100%;
}

@media screen and (max-width: 767px) {
    .sec03__merit1__body {
        flex-direction: column;
        align-items: center;
        gap: calc(8 / 750 * 100vw);
        width: calc(750 / 750 * 100vw);
    }
}

.sec03__merit1__intro {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: min(calc(6 / 1080 * 100vw), 6px);
}

@media screen and (max-width: 767px) {
    .sec03__merit1__intro {
        margin: calc(30 / 750 * 100vw) 0 calc(52 / 750 * 100vw);
        gap: calc(8 / 750 * 100vw);
    }
}

.sec03__intro__text {
    font-size: min(calc(22 / 1080 * 100vw), 22px);
    color: rgb(51, 51, 51);
    font-weight: 600;
    letter-spacing: 0.08em;
    line-height: 1.1;
}

@media screen and (max-width: 767px) {
    .sec03__intro__text {
        font-size: calc(30 / 750 * 100vw);
        letter-spacing: 0.08em;
        width: calc(630 / 750 * 100vw);
        text-align: center;
    }
}

.sec03__intro__highlight {
    border-bottom: min(calc(2 / 1080 * 100vw), 2px) solid rgb(23, 74, 69);
    font-size: min(calc(32 / 1080 * 100vw), 32px);
    color: rgb(23, 74, 69);
    font-weight: 600;
    letter-spacing: 0.08em;
    line-height: 1.6;
}

@media screen and (max-width: 767px) {
    .sec03__intro__highlight {
        border-bottom-width: calc(2 / 750 * 100vw);
        font-size: calc(44 / 750 * 100vw);
        letter-spacing: 0.08em;
    }
}

.sec03__merit1__brands {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: min(calc(7.5 / 1080 * 100vw), 7.5px);
}

@media screen and (max-width: 767px) {
    .sec03__merit1__brands {
        gap: calc(10 / 750 * 100vw);
    }
}

.sec03__brands_title {
    color: #452F04;
    font-size: min(calc(20 / 1080 * 100vw), 20px);
}

@media screen and (max-width: 767px) {
    .sec03__brands_title {
        font-size: calc(28 / 750 * 100vw);
    }
}

.sec03__brands__count {
    background: linear-gradient(90deg, #452F04 0%, #69542B 100%);
    padding: min(calc(12 / 1080 * 100vw), 12px) 0;
    width: min(calc(413 / 1080 * 100vw), 413px);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: min(calc(7.5 / 1080 * 100vw), 7.5px);
}

@media screen and (max-width: 767px) {
    .sec03__brands__count {
        width: fit-content;
        padding: calc(16 / 750 * 100vw) calc(40 / 750 * 100vw);
        gap: calc(10 / 750 * 100vw);
    }
}

.sec03__brands__count__text {
    color: rgb(255, 255, 255);
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -0.04em;
}

.sec03__count__large {
    font-size: min(calc(48 / 1080 * 100vw), 48px);
}

@media screen and (max-width: 767px) {
    .sec03__count__large {
        font-size: calc(64 / 750 * 100vw);
    }
}

.sec03__count__medium {
    font-size: min(calc(36 / 1080 * 100vw), 36px);
}

@media screen and (max-width: 767px) {
    .sec03__count__medium {
        font-size: calc(48 / 750 * 100vw);
    }
}

.sec03__count__small {
    font-size: min(calc(30 / 1080 * 100vw), 30px);
}

@media screen and (max-width: 767px) {
    .sec03__count__small {
        font-size: calc(40 / 750 * 100vw);
    }
}

.sec03__brands__note {
    font-size: min(calc(12 / 1080 * 100vw), 12px);
    color: rgb(255, 255, 255);
    letter-spacing: 0.04em;
    line-height: 1.6;
}

@media screen and (max-width: 767px) {
    .sec03__brands__note {
        font-size: calc(20 / 750 * 100vw);
        letter-spacing: 0.04em;
    }
}

.sec03__merit1__brands__detail {
    background: rgb(255, 255, 255);
    padding: min(calc(40 / 1080 * 100vw), 40px);
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: flex-end;
    gap: min(calc(24 / 1080 * 100vw), 24px) min(calc(40 / 1080 * 100vw), 40px);
    width: 100%;
}

@media screen and (max-width: 767px) {
    .sec03__merit1__brands__detail {
        flex-direction: column;
        align-items: center;
        padding: calc(60 / 750 * 100vw) 0;
        gap: calc(40 / 750 * 100vw);
    }
}

.sec03__brands__lists {
    background: rgb(243, 239, 239);
    width: min(calc(450 / 1080 * 100vw), 450px);
    padding: min(calc(30 / 1080 * 100vw), 30px);
    display: flex;
    justify-content: space-between;
    gap: min(calc(20 / 1080 * 100vw), 20px);
}

@media screen and (max-width: 767px) {
    .sec03__brands__lists {
        justify-content: center;
        width: calc(630 / 750 * 100vw);
        padding: calc(21 / 750 * 100vw) calc(30 / 750 * 100vw);
        gap: calc(36 / 750 * 100vw);
    }
}

.sec03__brands__list {
    display: flex;
    align-items: center;
    gap: min(calc(10.5 / 1080 * 100vw), 10.5px);
}

@media screen and (max-width: 767px) {
    .sec03__brands__list {
        gap: calc(14 / 750 * 100vw);
    }
}

.sec03__brands__names {
    font-size: min(calc(20 / 1080 * 100vw), 20px);
    color: rgb(51, 51, 51);
    font-weight: 600;
    letter-spacing: 0.08em;
}

@media screen and (max-width: 767px) {
    .sec03__brands__names {
        font-size: calc(28 / 750 * 100vw);
        letter-spacing: 0.08em;
    }
}

.sec03__brands__names p {
    line-height: 1.4;
}

.sec03__brands__names p::before {
    content: "◆";
    padding-right: min(calc(10 / 1080 * 100vw), 10px);
    font-size: min(calc(12 / 1080 * 100vw), 12px);
    color: rgb(23, 74, 69);
    font-weight: 600;
    letter-spacing: 0.08em;
    line-height: 2.5;
}

@media screen and (max-width: 767px) {
    .sec03__brands__names p::before {
        font-size: calc(18 / 750 * 100vw);
        letter-spacing: 0.08em;
        line-height: 2.5;
    }
}

.sec03__brands__info {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    gap: min(calc(40 / 1080 * 100vw), 40px);
}

@media screen and (max-width: 767px) {
    .sec03__brands__info {
        width: 100%;
        gap: calc(60 / 750 * 100vw);
    }
}

.sec03__brands__description {
    font-size: min(calc(20 / 1080 * 100vw), 20px);
    color: rgb(51, 51, 51);
    font-weight: 500;
    letter-spacing: 0.08em;
    line-height: 1.6;
    text-align: center;
}

@media screen and (max-width: 767px) {
    .sec03__brands__description {
        font-size: calc(28 / 750 * 100vw);
        letter-spacing: 0.08em;
        line-height: 1.6;
    }
}

.sec03__brands__expertise {
    border: 1px solid rgb(23, 74, 69);
    padding: min(calc(24 / 1080 * 100vw), 24px);
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: min(calc(18 / 1080 * 100vw), 18px);
    width: 100%;
}

@media screen and (max-width: 767px) {
    .sec03__brands__expertise {
        padding: calc(40 / 750 * 100vw);
        gap: calc(24 / 750 * 100vw);
        width: calc(629 / 750 * 100vw);
    }
}

.sec03__expertise__text {
    font-size: min(calc(16 / 1080 * 100vw), 16px);
    color: rgb(51, 51, 51);
    letter-spacing: 0.08em;
    line-height: 1.8;
    text-align: center;
}

@media screen and (max-width: 767px) {
    .sec03__expertise__text {
        font-size: calc(26 / 750 * 100vw);
        letter-spacing: 0.08em;
        line-height: 1.8;
    }
}

.sec03__expertise__text b {
    color: rgb(23, 74, 69);
}

.sec03__expertise__badge {
    position: absolute;
    top: max(calc(-18 / 1080 * 100vw), -18px);
    left: 50%;
    transform: translateX(-50%);
    background: rgb(255, 255, 255);
    padding: min(calc(6 / 1080 * 100vw), 6px) min(calc(18 / 1080 * 100vw), 18px) min(calc(7.5 / 1080 * 100vw), 7.5px);
    font-size: min(calc(20 / 1080 * 100vw), 20px);
    color: rgb(69, 47, 4);
    letter-spacing: 0.08em;
    line-height: 1.1;
}

@media screen and (max-width: 767px) {
    .sec03__expertise__badge {
        top: calc(-24 / 750 * 100vw);
        padding: calc(8 / 750 * 100vw) calc(24 / 750 * 100vw) calc(10 / 750 * 100vw);
        font-size: calc(28 / 750 * 100vw);
        letter-spacing: 0.08em;
    }
}

.sec03__brands__timestamp {
    font-size: min(calc(12 / 1080 * 100vw), 12px);
    color: rgb(51, 51, 51);
    letter-spacing: 0.08em;
    line-height: 1.3;
    text-align: right;
    width: 100%;
}

@media screen and (max-width: 767px) {
    .sec03__brands__timestamp {
        font-size: calc(18 / 750 * 100vw);
        letter-spacing: 0.08em;
        text-align: center;
    }
}

.sec03__popular__brands {
    background: #7FA5A1;
    padding: min(calc(40 / 1080 * 100vw), 40px) min(calc(79 / 1080 * 100vw), 79px) min(calc(60 / 1080 * 100vw), 60px);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: min(calc(40 / 1080 * 100vw), 40px);
}

@media screen and (max-width: 767px) {
    .sec03__popular__brands {
        padding: calc(80 / 750 * 100vw) calc(60 / 750 * 100vw);
        gap: calc(60 / 750 * 100vw);
    }
}

.sec03__popular__title {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: min(calc(12 / 1080 * 100vw), 12px);
}

@media screen and (max-width: 767px) {
    .sec03__popular__title {
        gap: calc(16 / 750 * 100vw);
    }
}

.sec03__popular__shop {
    font-size: min(calc(22 / 1080 * 100vw), 22px);
    color: rgb(255, 255, 255);
    font-weight: 700;
    letter-spacing: 0.08em;
    line-height: 1.4;
}

@media screen and (max-width: 767px) {
    .sec03__popular__shop {
        font-size: calc(30 / 750 * 100vw);
        letter-spacing: 0.08em;
    }
}

.sec03__popular__subtitle {
    border-bottom: 2px solid rgb(255, 255, 255);
    width: fit-content;
    font-size: min(calc(36 / 1080 * 100vw), 36px);
    color: rgb(255, 255, 255);
    font-weight: 600;
    letter-spacing: 0.12em;
    line-height: 1.4;
    text-align: center;
}

@media screen and (max-width: 767px) {
    .sec03__popular__subtitle {
        font-size: calc(48 / 750 * 100vw);
        letter-spacing: 0.12em;
    }
}

.sec03__popular__content {
    display: flex;
    align-items: center;
    gap: min(calc(20 / 1080 * 100vw), 20px);
    width: 100%;
}

@media screen and (max-width: 767px) {
    .sec03__popular__content {
        gap: calc(42 / 750 * 100vw);
    }
}

.sec03__popular__images {
    display: flex;
    gap: min(calc(18 / 1080 * 100vw), 18px);
    width: min(calc(348 / 1080 * 100vw), 348px);
}

@media screen and (max-width: 767px) {
    .sec03__popular__images {
        flex-direction: column;
        gap: calc(24 / 750 * 100vw);
        width: calc(220 / 750 * 100vw);
    }
}

.sec03__popular__images img {
    width: min(calc(165 / 1080 * 100vw), 165px);
}

@media screen and (max-width: 767px) {
    .sec03__popular__images img {
        width: calc(220 / 750 * 100vw);
    }
}

.sec03__popular__list {
    display: flex;
    flex-wrap: wrap;
    gap: min(calc(6 / 1080 * 100vw), 6px);
    width: min(calc(474 / 1080 * 100vw), 474px);
}

@media screen and (max-width: 767px) {
    .sec03__popular__list {
        flex-direction: column;
        gap: calc(8 / 750 * 100vw);
        width: auto;
    }
}

.sec03__popular__item {
    display: flex;
    align-items: center;
    gap: min(calc(12 / 1080 * 100vw), 12px);
    width: min(calc(270 / 1080 * 100vw), 270px);
}

@media screen and (max-width: 767px) {
    .sec03__popular__item {
        width: 100%;
        gap: calc(16 / 750 * 100vw);
    }
}

.sec03__popular__item:nth-child(even) {
    width: min(calc(180 / 1080 * 100vw), 180px);
}

@media screen and (max-width: 767px) {
    .sec03__popular__item:nth-child(even) {
        width: 100%;
    }
}

.sec03__popular__item::before {
    content: "";
    background: url(../img/common/icon_check1.svg) 50% 0/100% no-repeat;
    width: min(calc(27 / 1080 * 100vw), 27px);
    height: min(calc(27 / 1080 * 100vw), 27px);
    display: block;
}

@media screen and (max-width: 767px) {
    .sec03__popular__item::before {
        width: calc(36 / 750 * 100vw);
        height: calc(36 / 750 * 100vw);
    }
}

.sec03__brand__name {
    font-size: min(calc(24 / 1080 * 100vw), 24px);
    color: rgb(255, 255, 255);
    font-weight: 500;
    letter-spacing: 0.02em;
    line-height: 1.6;
}

@media screen and (max-width: 767px) {
    .sec03__brand__name {
        font-size: calc(32 / 750 * 100vw);
        letter-spacing: 0.02em;
    }
}

.sec03__popular__note {
    border: min(calc(2 / 1080 * 100vw), 2px) solid rgb(255, 255, 255);
    padding: min(calc(24 / 1080 * 100vw), 24px);
    font-size: min(calc(16 / 1080 * 100vw), 16px);
    color: rgb(255, 255, 255);
    font-weight: 700;
    letter-spacing: 0.08em;
    line-height: 1.8;
    text-align: center;
}

@media screen and (max-width: 767px) {
    .sec03__popular__note {
        border-width: calc(2 / 750 * 100vw);
        padding: calc(40 / 750 * 100vw);
        width: calc(629 / 750 * 100vw);
        font-size: calc(26 / 750 * 100vw);
        letter-spacing: 0.08em;
    }
}

.sec03 .adlp-btn {
    background: #fff;
    border: 0;
    border-radius: min(calc(74 / 1080 * 100vw), 74px);
    width: min(calc(470 / 1080 * 100vw), 470px);
    height: min(calc(70 / 1080 * 100vw), 70px);
    position: relative;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media screen and (max-width: 767px) {
    .sec03 .adlp-btn {
        border-radius: calc(99 / 750 * 100vw);
        width: 100%;
        height: auto;
    }
}

.sec03 .adlp-btn__inner {
    display: flex;
    align-items: center;
    padding: min(calc(24 / 1080 * 100vw), 24px) min(calc(45 / 1080 * 100vw), 45px) min(calc(26 / 1080 * 100vw), 26px);
    width: 100%;
    justify-content: center;
}

@media screen and (max-width: 767px) {
    .sec03 .adlp-btn__inner {
        padding: calc(20 / 750 * 100vw) calc(60 / 750 * 100vw);
    }
}

.sec03 .adlp-btn__inner span {
    font-size: min(calc(26 / 1080 * 100vw), 26px);
    color: rgb(23, 74, 69);
    font-weight: 500;
    letter-spacing: 0.04em;
}

@media screen and (max-width: 767px) {
    .sec03 .adlp-btn__inner span {
        font-size: calc(36 / 750 * 100vw);
        letter-spacing: 0.04em;
    }
}

.sec03 .adlp-btn::after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 50%;
    width: min(calc(22 / 1080 * 100vw), 22px);
    height: min(calc(22 / 1080 * 100vw), 22px);
    right: min(calc(40 / 1080 * 100vw), 40px);
    transition: all 0.3s;
    background: url(../img/common/icon_toggle1.svg) 50% 50%/min(calc(10 / 1080 * 100vw), 10px) no-repeat rgb(23, 74, 69);
}

@media screen and (max-width: 767px) {
    .sec03 .adlp-btn::after {
        width: calc(28 / 750 * 100vw);
        height: calc(28 / 750 * 100vw);
        right: calc(40 / 750 * 100vw);
        background-size: calc(14 / 750 * 100vw);
    }
}

@media screen and (min-width: 768px) {
    .sec03 .adlp-btn:hover {
        background: #f0f0f0;
    }
}

@media screen and (max-width: 767px) {
    .sec03 .adlp-btn:active {
        background: #f0f0f0;
    }
}

.sec03__merit2 {
    background: rgb(243, 239, 239);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: min(calc(40 / 1080 * 100vw), 40px);
    padding: 0 min(calc(40 / 1080 * 100vw), 40px) min(calc(60 / 1080 * 100vw), 60px);
}

@media screen and (max-width: 767px) {
    .sec03__merit2 {
        padding: 0 0 calc(80 / 750 * 100vw);
        gap: calc(40 / 750 * 100vw);
    }
}

.sec03__merit2__content {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: min(calc(40 / 1080 * 100vw), 40px);
    width: 100%;
}

@media screen and (max-width: 767px) {
    .sec03__merit2__content {
        gap: calc(60 / 750 * 100vw);
    }
}

.sec03__merit2__title {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: min(calc(40 / 1080 * 100vw), 40px);
}

@media screen and (max-width: 767px) {
    .sec03__merit2__title {
        gap: calc(32 / 750 * 100vw);
    }
}

.sec03__merit2__number {
    display: flex;
    justify-content: center;
    align-items: center;
    background: url(../img/common/sec03_merit.svg) 50% 0/100% no-repeat;
    width: min(calc(104 / 1080 * 100vw), 104px);
    height: min(calc(89.031 / 1080 * 100vw), 89.031px);
    margin: max(calc(-28 / 1080 * 100vw), -28px) 0 max(calc(-16 / 1080 * 100vw), -16px);
}

@media screen and (max-width: 767px) {
    .sec03__merit2__number {
        width: calc(135.001 / 750 * 100vw);
        height: calc(115.033 / 750 * 100vw);
    }
}

.sec03__merit2__number .sec03__number__text {
    margin-top: -20%;
    font-size: min(calc(48 / 1080 * 100vw), 48px);
    text-shadow: 0 1px 0 #fff, 1px 1px 0 #fff, 1px 0 0 #fff, -1px -1px 0 #fff, 0 -1px 0 #fff, -1px 0 0 #fff;
    color: rgb(23, 74, 69);
    font-weight: 500;
}

@media screen and (max-width: 767px) {
    .sec03__merit2__number .sec03__number__text {
        font-size: calc(66 / 750 * 100vw);
    }
}

.sec03__merit2__title__main {
    background: rgb(23, 74, 69);
    padding: min(calc(24 / 1080 * 100vw), 24px) min(calc(40 / 1080 * 100vw), 40px);
    width: min(calc(920 / 1080 * 100vw), 920px);
    text-align: center;
    font-size: min(calc(36 / 1080 * 100vw), 36px);
    color: rgb(255, 255, 255);
    font-weight: 600;
    letter-spacing: 0.08em;
    line-height: 1.4;
}

@media screen and (max-width: 767px) {
    .sec03__merit2__title__main {
        width: calc(750 / 750 * 100vw);
        padding: calc(32 / 750 * 100vw) 0;
        font-size: calc(48 / 750 * 100vw);
        letter-spacing: 0.08em;
    }
}

.sec03__merit2__description {
    width: min(calc(920 / 1080 * 100vw), 920px);
    text-align: center;
    font-size: min(calc(16 / 1080 * 100vw), 16px);
    color: rgb(51, 51, 51);
    letter-spacing: 0.08em;
    line-height: 1.8;
}

@media screen and (max-width: 767px) {
    .sec03__merit2__description {
        width: calc(750 / 750 * 100vw);
        font-size: calc(26 / 750 * 100vw);
        letter-spacing: 0.08em;
    }
}

.sec03__description__bold {
    font-weight: 700;
    color: rgb(23, 74, 69);
}

.sec03__appraiser {
    position: relative;
    width: min(calc(920 / 1080 * 100vw), 920px);
}

@media screen and (max-width: 767px) {
    .sec03__appraiser {
        width: calc(750 / 750 * 100vw);
    }
}

.sec03__appraiser__bg {
    position: relative;
    width: 100%;
    height: min(calc(265 / 1080 * 100vw), 265px);
    background: rgb(255, 255, 255);
}

@media screen and (max-width: 767px) {
    .sec03__appraiser__bg {
        width: calc(690 / 750 * 100vw);
        height: calc(393 / 750 * 100vw);
    }
}

.sec03__appraiser__bg img {
    position: absolute;
    right: 0;
    top: max(calc(-102 / 1080 * 100vw), -102px);
    width: min(calc(263 / 1080 * 100vw), 263px);
}

@media screen and (max-width: 767px) {
    .sec03__appraiser__bg img {
        width: calc(360 / 750 * 100vw);
        top: calc(-56 / 750 * 100vw);
        right: calc(-60 / 750 * 100vw);
    }
}

.sec03__appraiser__title {
    position: absolute;
    top: min(calc(50 / 1080 * 100vw), 50px);
    left: min(calc(180 / 1080 * 100vw), 180px);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0;
}

@media screen and (max-width: 767px) {
    .sec03__appraiser__title {
        top: calc(138 / 750 * 100vw);
        left: calc(60 / 750 * 100vw);
        transform: none;
        gap: 0;
    }
}

.sec03__appraiser__title__main {
    font-size: min(calc(36 / 1080 * 100vw), 36px);
    color: rgb(23, 74, 69);
    font-weight: 600;
    letter-spacing: 0.08em;
    line-height: 1.4;
}

@media screen and (max-width: 767px) {
    .sec03__appraiser__title__main {
        font-size: calc(48 / 750 * 100vw);
        letter-spacing: 0.08em;
    }
}

.sec03__appraiser__subtitle {
    font-size: min(calc(21 / 1080 * 100vw), 21px);
    color: #b99566;
    font-weight: 500;
    letter-spacing: 0.24em;
}

@media screen and (max-width: 767px) {
    .sec03__appraiser__subtitle {
        font-size: calc(28 / 750 * 100vw);
        letter-spacing: 0.24em;
    }
}

.sec03__appraiser__info {
    background: linear-gradient(272deg, #452F04 0%, #69542B 100%);
    position: absolute;
    top: min(calc(176 / 1080 * 100vw), 176px);
    left: min(calc(140 / 1080 * 100vw), 140px);
    display: flex;
    align-items: center;
    gap: min(calc(30 / 1080 * 100vw), 30px);
    width: min(calc(780 / 1080 * 100vw), 780px);
    padding: min(calc(24 / 1080 * 100vw), 24px) min(calc(40 / 1080 * 100vw), 40px);
}

@media screen and (max-width: 767px) {
    .sec03__appraiser__info {
        top: calc(334 / 750 * 100vw);
        left: calc(60 / 750 * 100vw);
        flex-direction: column;
        gap: calc(40 / 750 * 100vw);
        width: calc(690 / 750 * 100vw);
        padding: calc(56 / 750 * 100vw) calc(60 / 750 * 100vw);
    }
}

.sec03__appraiser__profile {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: min(calc(8 / 1080 * 100vw), 8px);
}

@media screen and (max-width: 767px) {
    .sec03__appraiser__profile {
        width: 100%;
        align-items: flex-start;
        gap: calc(8 / 750 * 100vw);
    }
}

.sec03__appraiser__name {
    font-size: min(calc(27 / 1080 * 100vw), 27px);
    color: rgb(255, 255, 255);
    font-weight: 500;
    letter-spacing: 0.08em;
    line-height: 1.6;
}

@media screen and (max-width: 767px) {
    .sec03__appraiser__name {
        position: relative;
        width: 100%;
        font-size: calc(36 / 750 * 100vw);
        letter-spacing: 0.08em;
    }

    .sec03__appraiser__name::after {
        content: "";
        background: #fff;
        position: absolute;
        right: 0;
        top: 50%;
        width: calc(264 / 750 * 100vw);
        height: 1px;
    }
}

.sec03__appraiser__en {
    font-size: min(calc(18 / 1080 * 100vw), 18px);
    color: #dbc3a2;
    font-weight: 500;
    letter-spacing: 0.24em;
}

@media screen and (max-width: 767px) {
    .sec03__appraiser__en {
        font-size: calc(24 / 750 * 100vw);
        letter-spacing: 0.24em;
    }
}

.sec03__appraiser__comment {
    flex: 1;
    border-left: 1px solid #fff;
    padding-left: min(calc(30 / 1080 * 100vw), 30px);
    font-size: min(calc(16 / 1080 * 100vw), 16px);
    color: rgb(255, 255, 255);
    letter-spacing: 0.08em;
    line-height: 1.8;
}

@media screen and (max-width: 767px) {
    .sec03__appraiser__comment {
        border: 0;
        padding-left: 0;
        font-size: calc(26 / 750 * 100vw);
        letter-spacing: 0.08em;
        width: 100%;
    }
}

.sec03__appraiser__footnote {
    font-size: min(calc(12 / 1080 * 100vw), 12px);
    color: rgb(255, 255, 255);
    letter-spacing: 0.08em;
}

@media screen and (max-width: 767px) {
    .sec03__appraiser__footnote {
        font-size: calc(20 / 750 * 100vw);
        letter-spacing: 0.08em;
    }
}

.sec03__staff {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    position: relative;
    width: 100%;
    margin-top: min(calc(75 / 1080 * 100vw), 75px);
}

@media screen and (max-width: 767px) {
    .sec03__staff {
        flex-direction: column;
        align-items: center;
        gap: calc(60 / 750 * 100vw);
        margin-top: calc(470 / 750 * 100vw);
    }
}

.sec03__staff__text {
    display: flex;
    align-items: center;
    background: url(../img/pc/sec03_img6.webp) 0 0/100% no-repeat;
    width: min(calc(440 / 1080 * 100vw), 440px);
    height: min(calc(203 / 1080 * 100vw), 203px);
    padding: min(calc(16 / 1080 * 100vw), 16px) 0 0 min(calc(182 / 1080 * 100vw), 182px);
    font-size: min(calc(24 / 1080 * 100vw), 24px);
    color: rgb(255, 255, 255);
    font-weight: 600;
    letter-spacing: 0.01em;
    line-height: 1.6;
}

@media screen and (max-width: 767px) {
    .sec03__staff__text {
        background: url(../img/sp/sec03_img6.webp) 0 0/100% no-repeat;
        width: calc(630 / 750 * 100vw);
        height: calc(253 / 750 * 100vw);
        padding: 0 0 calc(20 / 750 * 100vw) calc(192 / 750 * 100vw);
        font-size: calc(36 / 750 * 100vw);
    }
}

.sec03__staff__info {
    background: #fff;
    width: min(calc(440 / 1080 * 100vw), 440px);
    height: min(calc(190 / 1080 * 100vw), 190px);
    display: flex;
    gap: min(calc(18 / 1080 * 100vw), 18px);
    padding: min(calc(18 / 1080 * 100vw), 18px) min(calc(30 / 1080 * 100vw), 30px);
}

@media screen and (max-width: 767px) {
    .sec03__staff__info {
        width: calc(630 / 750 * 100vw);
        height: auto;
        padding: calc(40 / 750 * 100vw);
        gap: calc(24 / 750 * 100vw);
    }
}

.sec03__staff__info img {
    width: min(calc(109 / 1080 * 100vw), 109px);
}

@media screen and (max-width: 767px) {
    .sec03__staff__info img {
        width: calc(160 / 750 * 100vw);
    }
}

.sec03__staff__credentials {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: min(calc(8 / 1080 * 100vw), 8px);
}

@media screen and (max-width: 767px) {
    .sec03__staff__credentials {
        flex-direction: column;
        align-items: flex-start;
        gap: calc(12 / 750 * 100vw);
    }
}

.sec03__staff__badge {
    background: rgb(69, 47, 4);
    padding: min(calc(6 / 1080 * 100vw), 6px) min(calc(12 / 1080 * 100vw), 12px) min(calc(7.5 / 1080 * 100vw), 7.5px);
    height: min(calc(35 / 1080 * 100vw), 35px);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: min(calc(16 / 1080 * 100vw), 16px);
    color: rgb(255, 255, 255);
    font-weight: 600;
    letter-spacing: 0.08em;
    line-height: 1.1;
}

@media screen and (max-width: 767px) {
    .sec03__staff__badge {
        padding: calc(8 / 750 * 100vw) calc(16 / 750 * 100vw) calc(10 / 750 * 100vw);
        height: auto;
        font-size: calc(26 / 750 * 100vw);
        letter-spacing: 0.08em;
    }
}

.sec03__staff__qualification {
    flex: 1;
    font-size: min(calc(22 / 1080 * 100vw), 22px);
    color: rgb(23, 74, 69);
    font-weight: 600;
    letter-spacing: 0.08em;
    line-height: 1.4;
}

@media screen and (max-width: 767px) {
    .sec03__staff__qualification {
        font-size: calc(34 / 750 * 100vw);
        letter-spacing: 0.08em;
        width: calc(366 / 750 * 100vw);
    }
}

.sec03__staff__note {
    font-size: min(calc(12 / 1080 * 100vw), 12px);
    color: rgb(51, 51, 51);
    letter-spacing: 0.08em;
    line-height: 1.3;
}

@media screen and (max-width: 767px) {
    .sec03__staff__note {
        font-size: calc(18 / 750 * 100vw);
        letter-spacing: 0.08em;
    }
}

.sec03__merit3 {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: min(calc(40 / 1080 * 100vw), 40px);
    padding: 0 min(calc(40 / 1080 * 100vw), 40px);
}

@media screen and (max-width: 767px) {
    .sec03__merit3 {
        padding: 0;
        gap: calc(40 / 750 * 100vw);
    }
}

.sec03__merit3 picture {
    width: min(calc(1000 / 1080 * 100vw), 1000px);
    height: min(calc(340 / 1080 * 100vw), 340px);
}

@media screen and (max-width: 767px) {
    .sec03__merit3 picture {
        width: calc(750 / 750 * 100vw);
        height: calc(400 / 750 * 100vw);
    }
}

.sec03__merit3__content {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: min(calc(40 / 1080 * 100vw), 40px);
    width: 100%;
}

@media screen and (max-width: 767px) {
    .sec03__merit3__content {
        gap: calc(60 / 750 * 100vw);
    }
}

.sec03__merit3__title {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: min(calc(40 / 1080 * 100vw), 40px);
}

@media screen and (max-width: 767px) {
    .sec03__merit3__title {
        gap: calc(32 / 750 * 100vw);
    }
}

.sec03__merit3__number {
    display: flex;
    justify-content: center;
    align-items: center;
    background: url(../img/common/sec03_merit.svg) 50% 0/100% no-repeat;
    width: min(calc(104 / 1080 * 100vw), 104px);
    height: min(calc(89.031 / 1080 * 100vw), 89.031px);
    margin: max(calc(-28 / 1080 * 100vw), -28px) 0 max(calc(-16 / 1080 * 100vw), -16px);
}

@media screen and (max-width: 767px) {
    .sec03__merit3__number {
        width: calc(135.001 / 750 * 100vw);
        height: calc(115.033 / 750 * 100vw);
    }
}

.sec03__merit3__number .sec03__number__text {
    margin-top: -20%;
    font-size: min(calc(48 / 1080 * 100vw), 48px);
    text-shadow: 0 1px 0 #fff, 1px 1px 0 #fff, 1px 0 0 #fff, -1px -1px 0 #fff, 0 -1px 0 #fff, -1px 0 0 #fff;
    color: rgb(23, 74, 69);
    font-weight: 500;
}

@media screen and (max-width: 767px) {
    .sec03__merit3__number .sec03__number__text {
        font-size: calc(66 / 750 * 100vw);
    }
}

.sec03__merit3__title__main {
    background: rgb(23, 74, 69);
    padding: min(calc(24 / 1080 * 100vw), 24px) min(calc(40 / 1080 * 100vw), 40px);
    width: min(calc(920 / 1080 * 100vw), 920px);
    text-align: center;
    font-size: min(calc(36 / 1080 * 100vw), 36px);
    color: rgb(255, 255, 255);
    font-weight: 600;
    letter-spacing: 0.08em;
    line-height: 1.4;
}

@media screen and (max-width: 767px) {
    .sec03__merit3__title__main {
        width: calc(750 / 750 * 100vw);
        padding: calc(32 / 750 * 100vw) 0;
        font-size: calc(48 / 750 * 100vw);
        letter-spacing: 0.08em;
    }
}

.sec03__merit3__reasons {
    display: flex;
    gap: min(calc(40 / 1080 * 100vw), 40px);
    width: 100%;
}

@media screen and (max-width: 767px) {
    .sec03__merit3__reasons {
        flex-direction: column;
        align-items: center;
        gap: calc(40 / 750 * 100vw);
    }
}

.sec03__reason {
    background: #fff;
    border: 1px solid rgb(69, 47, 4);
    padding: min(calc(30 / 1080 * 100vw), 30px);
    width: min(calc(440 / 1080 * 100vw), 440px);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: min(calc(18 / 1080 * 100vw), 18px);
}

@media screen and (max-width: 767px) {
    .sec03__reason {
        width: calc(629 / 750 * 100vw);
        padding: calc(40 / 750 * 100vw);
        gap: calc(24 / 750 * 100vw);
    }
}

.sec03__reason__title {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: min(calc(18 / 1080 * 100vw), 18px);
    width: 100%;
}

@media screen and (max-width: 767px) {
    .sec03__reason__title {
        gap: calc(24 / 750 * 100vw);
    }
}

.sec03__reason__label {
    font-size: min(calc(21 / 1080 * 100vw), 21px);
    color: #b99566;
    font-weight: 500;
    letter-spacing: 0.24em;
    line-height: 1.2;
}

@media screen and (max-width: 767px) {
    .sec03__reason__label {
        font-size: calc(28 / 750 * 100vw);
        letter-spacing: 0.24em;
    }
}

.sec03__reason__line {
    width: min(calc(30 / 1080 * 100vw), 30px);
    height: 1px;
    background: #b99566;
}

@media screen and (max-width: 767px) {
    .sec03__reason__line {
        width: calc(40 / 750 * 100vw);
    }
}

.sec03__reason__text {
    font-size: min(calc(16 / 1080 * 100vw), 16px);
    color: rgb(51, 51, 51);
    letter-spacing: 0.05em;
    line-height: 1.8;
}

@media screen and (max-width: 767px) {
    .sec03__reason__text {
        font-size: calc(26 / 750 * 100vw);
        letter-spacing: 0.05em;
    }
}

.sec03__reason__text b {
    color: rgb(23, 74, 69);
}

.sec04 {
    padding: min(calc(100 / 1080 * 100vw), 100px) 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: min(calc(60 / 1080 * 100vw), 60px);
}

@media screen and (max-width: 767px) {
    .sec04 {
        padding: calc(80 / 750 * 100vw) calc(60 / 750 * 100vw);
        gap: calc(40 / 750 * 100vw);
    }
}

.sec04__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: min(calc(30 / 1080 * 100vw), 30px);
}

@media screen and (max-width: 767px) {
    .sec04__header {
        gap: calc(50 / 750 * 100vw);
    }
}

.sec04__header__content {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: min(calc(24 / 1080 * 100vw), 24px);
}

@media screen and (max-width: 767px) {
    .sec04__header__content {
        gap: calc(40 / 750 * 100vw);
    }
}

.sec04__header__title {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: min(calc(12 / 1080 * 100vw), 12px);
}

@media screen and (max-width: 767px) {
    .sec04__header__title {
        gap: calc(16 / 750 * 100vw);
    }
}

.sec04__header__line {
    width: min(calc(30 / 1080 * 100vw), 30px);
    height: 1px;
    background: #B99566;
}

@media screen and (max-width: 767px) {
    .sec04__header__line {
        width: calc(40 / 750 * 100vw);
    }
}

.sec04__header__main {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.sec04__example {
    font-size: min(calc(20 / 1080 * 100vw), 20px);
    font-weight: 500;
    color: #B99566;
    letter-spacing: 0.24em;
    text-align: center;
}

@media screen and (max-width: 767px) {
    .sec04__example {
        font-size: calc(28 / 750 * 100vw);
        letter-spacing: 0.24em;
    }
}

.sec04__store {
    font-size: min(calc(22 / 1080 * 100vw), 22px);
    font-weight: 600;
    color: rgb(51, 51, 51);
    letter-spacing: 0.08em;
    text-align: center;
}

@media screen and (max-width: 767px) {
    .sec04__store {
        font-size: calc(30 / 750 * 100vw);
        letter-spacing: 0.08em;
    }
}

.sec04__title {
    font-size: min(calc(42 / 1080 * 100vw), 42px);
    font-weight: 500;
    color: rgb(23, 74, 69);
    letter-spacing: 0.12em;
    text-align: center;
}

@media screen and (max-width: 767px) {
    .sec04__title {
        font-size: calc(56 / 750 * 100vw);
        letter-spacing: 0.12em;
    }
}

.sec04__icon {
    width: min(calc(54 / 1080 * 100vw), 54px);
    height: min(calc(54 / 1080 * 100vw), 54px);
}

@media screen and (max-width: 767px) {
    .sec04__icon {
        width: calc(72 / 750 * 100vw);
        height: calc(72 / 750 * 100vw);
    }
}

.sec04__content {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: min(calc(24 / 1080 * 100vw), 24px);
}

@media screen and (max-width: 767px) {
    .sec04__content {
        gap: calc(40 / 750 * 100vw);
    }
}

.sec04__items {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: min(calc(30 / 1080 * 100vw), 30px);
    width: min(calc(1000 / 1080 * 100vw), 1000px);
}

@media screen and (max-width: 767px) {
    .sec04__items {
        gap: calc(40 / 750 * 100vw) calc(36 / 750 * 100vw);
        width: 100%;
    }
}

.sec04__item {
    border: 1px solid rgb(69, 47, 4);
    display: flex;
    flex-direction: column;
    gap: min(calc(18 / 1080 * 100vw), 30px);
    width: min(calc(480 / 1080 * 100vw), 480px);
    padding: min(calc(24 / 1080 * 100vw), 24px);
}

@media screen and (max-width: 767px) {
    .sec04__item {
        gap: 0;
        width: calc(297 / 750 * 100vw);
        padding: calc(20 / 750 * 100vw) calc(30 / 750 * 100vw) calc(40 / 750 * 100vw);
    }
}

.sec04__item__main {
    display: flex;
    align-items: flex-start;
    gap: min(calc(16 / 1080 * 100vw), 30px);
}

@media screen and (max-width: 767px) {
    .sec04__item__main {
        flex-direction: column;
        gap: 0;
    }
}

.sec04__item__main .--pic {
    width: min(calc(150 / 1080 * 100vw), 150px);
}

@media screen and (max-width: 767px) {
    .sec04__item__main .--pic {
        width: 100%;
    }
}

.sec04__item__info {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

@media screen and (max-width: 767px) {
    .sec04__item__info {
        gap: calc(20 / 750 * 100vw);
        align-items: center;
    }
}

.sec04__item__detail {
    font-size: min(calc(12 / 1080 * 100vw), 12px);
    margin-bottom: min(calc(8 / 1080 * 100vw), 8px);
    font-weight: 400;
    color: #1B1B1B;
    letter-spacing: 0.04em;
    line-height: 1.6;
}

@media screen and (max-width: 767px) {
    .sec04__item__detail {
        font-size: calc(20 / 750 * 100vw);
        letter-spacing: 0.02em;
    }
}

.sec04__item__material {
    font-size: min(calc(12 / 1080 * 100vw), 12px);
    font-weight: 400;
    color: #1B1B1B;
    letter-spacing: 0.04em;
    line-height: 1.6;
}

@media screen and (max-width: 767px) {
    .sec04__item__material {
        font-size: calc(20 / 750 * 100vw);
        letter-spacing: 0.04em;
        width: 100%;
        text-align: left;
    }
}

.sec04__item__brand {
    width: 100%;
    margin-bottom: min(calc(8 / 1080 * 100vw), 8px);
    padding-bottom: min(calc(4 / 1080 * 100vw), 4px);
    border-bottom: 1px solid rgb(69, 47, 4);
    line-height: 1.4;
}

@media screen and (max-width: 767px) {
    .sec04__item__brand {
        margin-bottom: 0;
        padding-bottom: calc(6 / 750 * 100vw);
    }
}

.sec04__item__badge {
    background: rgb(69, 47, 4);
    padding: min(calc(3 / 1080 * 100vw), 3px) 0;
    height: min(calc(30 / 1080 * 100vw), 30px);
    display: flex;
    align-items: center;
    justify-content: center;
}

@media screen and (max-width: 767px) {
    .sec04__item__badge {
        padding: calc(4 / 750 * 100vw) 0;
        height: calc(40 / 750 * 100vw);
    }
}

.sec04__item__badge--shoes,
.sec04__item__badge--bag,
.sec04__item__badge--watch {
    width: min(calc(101 / 1080 * 100vw), 101px);
}

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

    .sec04__item__badge--shoes,
    .sec04__item__badge--bag,
    .sec04__item__badge--watch {
        width: calc(135 / 750 * 100vw);
    }
}

.sec04__item__price {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    gap: min(calc(12 / 1080 * 100vw), 18px);
}

@media screen and (max-width: 767px) {
    .sec04__item__price {
        flex-direction: column;
        gap: calc(12 / 750 * 100vw);
    }
}

.sec04__brand {
    font-size: min(calc(22 / 1080 * 100vw), 22px);
    font-weight: 600;
    color: rgb(69, 47, 4);
    letter-spacing: 0.08em;
}

@media screen and (max-width: 767px) {
    .sec04__brand {
        font-size: calc(32 / 750 * 100vw);
        letter-spacing: 0.01em;
    }
}

.sec04__badge__text {
    font-size: min(calc(16 / 1080 * 100vw), 16px);
    font-weight: 600;
    color: rgb(255, 255, 255);
    letter-spacing: 0.08em;
}

@media screen and (max-width: 767px) {
    .sec04__badge__text {
        font-size: calc(24 / 750 * 100vw);
        letter-spacing: 0.08em;
    }
}

.sec04__badge--accessory .sec04__badge__text {
    font-size: min(calc(14 / 1080 * 100vw), 14px);
}

@media screen and (max-width: 767px) {
    .sec04__badge--accessory .sec04__badge__text {
        font-size: calc(20 / 750 * 100vw);
    }
}

@media screen and (max-width: 767px) {
    .sec04__badge--watch .sec04__badge__text {
        font-size: calc(26 / 750 * 100vw);
    }
}

.sec04__price__label {
    background: rgb(23, 74, 69);
    padding: 0 min(calc(8 / 1080 * 100vw), 8px);
    display: flex;
    align-items: center;
    justify-content: center;
}

@media screen and (max-width: 767px) {
    .sec04__price__label {
        margin: calc(-10 / 750 * 100vw) auto 0;
        padding: 0 calc(16 / 750 * 100vw);
    }
}

.sec04__price__text {
    font-size: min(calc(18 / 1080 * 100vw), 18px);
    font-weight: 600;
    color: rgb(255, 255, 255);
    letter-spacing: 0.02em;
    text-align: center;
}

@media screen and (max-width: 767px) {
    .sec04__price__text {
        font-size: calc(32 / 750 * 100vw);
        letter-spacing: 0.04em;
        line-height: 1.4;
    }
}

.sec04__price__amount {
    display: flex;
}

@media screen and (max-width: 767px) {
    .sec04__price__amount {
        align-items: flex-end;
        margin: 0 calc(-30 / 750 * 100vw);
    }
}

.sec04__price__number {
    font-size: min(calc(30 / 1080 * 100vw), 30px);
    line-height: 1;
    font-weight: 700;
    color: rgb(23, 74, 69);
    letter-spacing: 0.02em;
}

@media screen and (max-width: 767px) {
    .sec04__price__number {
        font-size: calc(50 / 750 * 100vw);
        letter-spacing: 0.04em;
    }
}

.sec04__price__unit {
    font-size: min(calc(22 / 1080 * 100vw), 22px);
    font-weight: 700;
    color: rgb(23, 74, 69);
    letter-spacing: 0.04em;
}

@media screen and (max-width: 767px) {
    .sec04__price__unit {
        font-size: calc(32 / 750 * 100vw);
        line-height: 1;
    }
}

.sec04__description {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: min(calc(24 / 1080 * 100vw), 24px);
    margin-top: max(calc(-20 / 1080 * 100vw), -20px);
}

@media screen and (max-width: 767px) {
    .sec04__description {
        gap: calc(40 / 750 * 100vw);
        margin-top: 0;
    }
}

.sec04__desc__main {
    font-size: min(calc(16 / 1080 * 100vw), 16px);
    font-weight: 400;
    color: rgb(51, 51, 51);
    letter-spacing: 0.08em;
    text-align: center;
    line-height: 1.8;
}

@media screen and (max-width: 767px) {
    .sec04__desc__main {
        font-size: calc(26 / 750 * 100vw);
        letter-spacing: 0.08em;
    }
}

.sec04__desc__highlight {
    font-weight: 700;
    color: rgb(23, 74, 69);
}

.sec04 .adlp-btn.--btn04.--d {
    background: #1C6C64;
    height: min(calc(76 / 1080 * 100vw), 76px);
}

@media screen and (max-width: 767px) {
    .sec04 .adlp-btn.--btn04.--d {
        height: calc(120 / 750 * 100vw);
    }

    .sec04 .adlp-btn.--btn04.--d p .main {
        font-size: calc(38 / 750 * 100vw);
    }
}

.sec04__desc__notes {
    font-size: min(calc(12 / 1080 * 100vw), 12px);
    font-weight: 400;
    color: rgb(51, 51, 51);
    letter-spacing: 0.08em;
    text-align: left;
    line-height: 1.3;
}

@media screen and (max-width: 767px) {
    .sec04__desc__notes {
        font-size: calc(18 / 750 * 100vw);
        letter-spacing: 0.08em;
    }
}

.sec05 {
    background: #F4E9DA;
    position: relative;
    padding: min(calc(120 / 1080 * 100vw), 120px) min(calc(460 / 1080 * 100vw), 460px) min(calc(100 / 1080 * 100vw), 100px);
}

@media screen and (max-width: 767px) {
    .sec05 {
        padding: calc(160 / 750 * 100vw) calc(60 / 750 * 100vw) calc(80 / 750 * 100vw);
    }
}

.sec05::after {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: min(calc(600 / 1080 * 100vw), 600px);
    height: min(calc(75 / 1080 * 100vw), 75px);
    background: #F3EFEF;
    clip-path: polygon(0 0, 100% 0, 50% 100%);
}

@media screen and (max-width: 767px) {
    .sec05::after {
        width: calc(750 / 750 * 100vw);
        height: calc(100 / 750 * 100vw);
    }
}

.sec05__header {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: min(calc(24 / 1080 * 100vw), 24px);
    margin-bottom: min(calc(10 / 1080 * 100vw), 10px);
}

@media screen and (max-width: 767px) {
    .sec05__header {
        justify-content: space-between;
        gap: 0;
        width: calc(580 / 750 * 100vw);
        margin: 0 auto calc(60 / 750 * 100vw);
    }
}

.sec05__header::before,
.sec05__header::after {
    content: "";
    display: block;
    width: min(calc(42 / 1080 * 100vw), 42px);
    height: min(calc(141 / 1080 * 100vw), 141px);
    background: url(../img/common/sec05_style1.webp) 50% 0/100% no-repeat;
}

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

    .sec05__header::before,
    .sec05__header::after {
        width: calc(80 / 750 * 100vw);
        height: calc(269 / 750 * 100vw);
    }
}

.sec05__header::after {
    transform: scale(-1, 1);
}

.sec05__header__content {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: min(calc(16 / 1080 * 100vw), 16px) min(calc(6 / 1080 * 100vw), 6px);
    width: min(calc(440 / 1080 * 100vw), 440px);
    margin-top: min(calc(20 / 1080 * 100vw), 20px);
}

@media screen and (max-width: 767px) {
    .sec05__header__content {
        flex-direction: column;
        gap: calc(0 / 750 * 100vw);
        margin-top: calc(8 / 750 * 100vw);
        width: fit-content;
    }
}

.sec05__header__area {
    white-space: nowrap;
    font-size: min(calc(28 / 1080 * 100vw), 28px);
    font-weight: 700;
    color: rgb(69, 47, 4);
    letter-spacing: 0.05em;
    text-align: center;
    padding:  1em 0 0;
}

@media screen and (max-width: 767px) {
    .sec05__header__area {
        width: 100%;
        font-size: calc(38 / 750 * 100vw);
        letter-spacing: 0.05em;
        padding: 0;
    }
}

.sec05__header__ratingImg {
    display: inline-block;
    position: relative;
    vertical-align: middle;

}

.sec05__header__ratingImg img,
.sec05__header__ratingImg picture {
    width: min(calc(219 / 1080 * 100vw), 219px);
    display: block;
    height: auto;

}



@media screen and (max-width: 767px) {
    .sec05__header__rating {
        font-size: calc(92 / 750 * 100vw);
        letter-spacing: 0.08em;
        text-shadow: 0px 0px 20px white;
    }
    .sec05__header__ratingImg img,
    .sec05__header__ratingImg picture {
        width: calc(291 / 750 * 100vw);

    }
}

.sec05__header__sub {
    width: 100%;
    font-size: min(calc(30 / 1080 * 100vw), 30px);
    font-weight: 600;
    color: rgb(23, 74, 69);
    letter-spacing: 0.08em;
    text-align: center;
    line-height: 1.6;
}

@media screen and (max-width: 767px) {
    .sec05__header__sub {
        font-size: calc(42 / 750 * 100vw);
        letter-spacing: 0.08em;
    }
}

.sec05__header__note {
    flex: 1;
    font-size: min(calc(12 / 1080 * 100vw), 12px);
    font-weight: 400;
    color: rgb(51, 51, 51);
    letter-spacing: 0.08em;
    text-align: right;
}

@media screen and (max-width: 767px) {
    .sec05__header__note {
        font-size: calc(18 / 750 * 100vw);
        letter-spacing: 0.08em;
    }
}

.sec05__rating__star {
    font-size: min(calc(60 / 1080 * 100vw), 60px);
    font-weight: 700;
    line-height: 1;
    color: rgb(23, 74, 69);
}

@media screen and (max-width: 767px) {
    .sec05__rating__star {
        font-size: calc(80 / 750 * 100vw);
    }
}

.sec05__rating__number {
    font-size: min(calc(74 / 1080 * 100vw), 74px);
    font-weight: 700;
    line-height: 0.6;
    color: rgb(23, 74, 69);
}

@media screen and (max-width: 767px) {
    .sec05__rating__number {
        font-size: calc(100 / 750 * 100vw);
    }
}

.sec05__rating__mark {
    position: absolute;
    right: max(calc(-10 / 1080 * 100vw), -10px);
    bottom: max(calc(-4 / 1080 * 100vw), -4px);
    font-size: min(calc(12 / 1080 * 100vw), 12px);
    font-weight: 400;
    color: rgb(51, 51, 51);
}

@media screen and (max-width: 767px) {
    .sec05__rating__mark {
        right: calc(-10 / 750 * 100vw);
        bottom: calc(-14 / 750 * 100vw);
        font-size: calc(18 / 750 * 100vw);
    }
}

.sec05__triangle {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: min(calc(600 / 1080 * 100vw), 600px);
    height: min(calc(75 / 1080 * 100vw), 75px);
}

@media screen and (max-width: 767px) {
    .sec05__triangle {
        width: calc(750 / 750 * 100vw);
        height: calc(100 / 750 * 100vw);
    }
}

.sec05__badge {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    z-index: 1;
    top: min(calc(24 / 1080 * 100vw), 24px);
    left: 50%;
    transform: translateX(-50%);
    width: min(calc(90 / 1080 * 100vw), 90px);
    height: min(calc(90 / 1080 * 100vw), 90px);
    background: rgb(69, 47, 4);
    border-radius: 50%;
}

@media screen and (max-width: 767px) {
    .sec05__badge {
        top: calc(32 / 750 * 100vw);
        width: calc(120 / 750 * 100vw);
        height: calc(120 / 750 * 100vw);
    }
}

.sec05__badge__text {
    font-size: min(calc(24 / 1080 * 100vw), 24px);
    font-weight: 700;
    color: rgb(255, 255, 255);
    text-align: center;
}

@media screen and (max-width: 767px) {
    .sec05__badge__text {
        font-size: calc(32 / 750 * 100vw);
    }
}

.sec05__content {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: min(calc(40 / 1080 * 100vw), 40px);
}

@media screen and (max-width: 767px) {
    .sec05__content {
        gap: calc(60 / 750 * 100vw);
    }
}

.sec05__reviews {
    display: flex;
    gap: min(calc(30 / 1080 * 100vw), 30px);
    width: min(calc(920 / 1080 * 100vw), 920px);
}

@media screen and (max-width: 767px) {
    .sec05__reviews {
        flex-direction: column;
        gap: calc(40 / 750 * 100vw);
        width: calc(630 / 750 * 100vw);
    }
}

.sec05__review {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: max(calc(-20 / 1080 * 100vw), -20px);
    width: min(calc(286 / 1080 * 100vw), 286px);
}

@media screen and (max-width: 767px) {
    .sec05__review {
        flex-direction: row;
        align-items: center;
        gap: calc(32 / 750 * 100vw);
        width: 100%;
    }
}

@media screen and (max-width: 767px) {
    .sec05__review:nth-child(even) {
        flex-direction: row-reverse;
    }

    .sec05__review:nth-child(even) .sec05__review__balloon::after {
        left: auto;
        right: calc(-16 / 750 * 100vw);
        clip-path: polygon(0 0, 100% 50%, 0 100%);
    }
}

.sec05__review__icon {
    width: min(calc(120 / 1080 * 100vw), 120px);
    height: min(calc(120 / 1080 * 100vw), 120px);
    position: relative;
    z-index: 2;
}

@media screen and (max-width: 767px) {
    .sec05__review__icon {
        width: calc(160 / 750 * 100vw);
        height: calc(160 / 750 * 100vw);
    }
}

.sec05__review__balloon {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #7FA5A1;
    border-radius: min(calc(13 / 1080 * 100vw), 13px);
    margin-top: max(calc(-20 / 1080 * 100vw), -20px);
    padding: min(calc(32 / 1080 * 100vw), 32px) min(calc(32 / 1080 * 100vw), 32px) min(calc(24 / 1080 * 100vw), 24px);
    position: relative;
    width: 100%;
}

@media screen and (max-width: 767px) {
    .sec05__review__balloon {
        height: calc(160 / 750 * 100vw);
        border-radius: calc(17 / 750 * 100vw);
        margin-top: 0;
        padding: calc(32 / 750 * 100vw);
        flex: 1;
    }
}

.sec05__review__balloon::after {
    content: "";
    position: absolute;
    top: max(calc(-18 / 1080 * 100vw), -18px);
    left: min(calc(52 / 1080 * 100vw), 52px);
    width: min(calc(24 / 1080 * 100vw), 24px);
    height: min(calc(19 / 1080 * 100vw), 19px);
    background: #7FA5A1;
    clip-path: polygon(0 100%, 100% 0, 100% 100%);
}

@media screen and (max-width: 767px) {
    .sec05__review__balloon::after {
        top: 50%;
        transform: translateY(-50%);
        left: calc(-16 / 750 * 100vw);
        width: calc(16 / 750 * 100vw);
        height: calc(32 / 750 * 100vw);
        clip-path: polygon(0 50%, 100% 0, 100% 100%);
    }
}

.sec05__review__text {
    font-size: min(calc(22 / 1080 * 100vw), 22px);
    font-weight: 700;
    color: rgb(255, 255, 255);
    letter-spacing: 0.04em;
    text-align: center;
    line-height: 1.6;
}

@media screen and (max-width: 767px) {
    .sec05__review__text {
        font-size: calc(32 / 750 * 100vw);
        letter-spacing: 0.04em;
        text-align: left;
    }
}

.sec05__summary {
    background: rgb(255, 255, 255);
    border: 1px solid rgb(69, 47, 4);
    padding: min(calc(18 / 1080 * 100vw), 18px) min(calc(30 / 1080 * 100vw), 30px);
}

@media screen and (max-width: 767px) {
    .sec05__summary {
        padding: calc(40 / 750 * 100vw);
        width: calc(629 / 750 * 100vw);
    }
}

.sec05__summary__content {
    font-size: min(calc(16 / 1080 * 100vw), 16px);
    font-weight: 400;
    color: rgb(51, 51, 51);
    letter-spacing: 0.05em;
    line-height: 1.8;
    text-align: center;
}

@media screen and (max-width: 767px) {
    .sec05__summary__content {
        font-size: calc(26 / 750 * 100vw);
        letter-spacing: 0.05em;
    }
}

.sec05__summary__highlight {
    font-weight: 700;
    color: rgb(23, 74, 69);
}

.sec05__summary__highlight__sub {
    font-weight: 400;
    color: rgb(23, 74, 69);
}

.sec06 {
    background: rgb(243, 239, 239);
    padding: min(calc(100 / 1080 * 100vw), 100px) 0;
}

@media screen and (max-width: 767px) {
    .sec06 {
        padding: calc(80 / 750 * 100vw) 0;
    }
}

.sec06__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: min(calc(24 / 1080 * 100vw), 24px);
    margin-bottom: min(calc(80 / 1080 * 100vw), 80px);
}

@media screen and (max-width: 767px) {
    .sec06__header {
        gap: calc(40 / 750 * 100vw);
        margin-bottom: calc(60 / 750 * 100vw);
    }
}

.sec06__header__content {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: min(calc(18 / 1080 * 100vw), 18px);
}

@media screen and (max-width: 767px) {
    .sec06__header__content {
        gap: calc(24 / 750 * 100vw);
    }
}

.sec06__header__title {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: min(calc(8 / 1080 * 100vw), 8px);
}

@media screen and (max-width: 767px) {
    .sec06__header__title {
        gap: calc(16 / 750 * 100vw);
    }
}

.sec06__header__flow {
    font-size: min(calc(20 / 1080 * 100vw), 20px);
    font-weight: 500;
    color: #B99566;
    text-align: center;
    letter-spacing: 0.24em;
}

@media screen and (max-width: 767px) {
    .sec06__header__flow {
        font-size: calc(28 / 750 * 100vw);
        letter-spacing: 0.24em;
    }
}

.sec06__header__line {
    width: min(calc(30 / 1080 * 100vw), 30px);
    height: 1px;
    background: #B99566;
}

@media screen and (max-width: 767px) {
    .sec06__header__line {
        width: calc(40 / 750 * 100vw);
    }
}

.sec06__header__main {
    font-size: min(calc(22 / 1080 * 100vw), 22px);
    font-weight: 600;
    color: rgb(51, 51, 51);
    text-align: center;
    letter-spacing: 0.08em;
    line-height: 1.1;
}

@media screen and (max-width: 767px) {
    .sec06__header__main {
        font-size: calc(30 / 750 * 100vw);
        letter-spacing: 0.08em;
        line-height: 1.1;
    }
}

.sec06__header__subtitle {
    font-size: min(calc(42 / 1080 * 100vw), 42px);
    font-weight: 500;
    color: rgb(23, 74, 69);
    text-align: center;
    letter-spacing: 0.12em;
    line-height: 1.1;
}

@media screen and (max-width: 767px) {
    .sec06__header__subtitle {
        font-size: calc(56 / 750 * 100vw);
        letter-spacing: 0.12em;
        line-height: 1.1;
    }
}

.sec06__header__subtitle .sec06__number {
    font-size: min(calc(60 / 1080 * 100vw), 60px);
}

@media screen and (max-width: 767px) {
    .sec06__header__subtitle .sec06__number {
        font-size: calc(80 / 750 * 100vw);
    }
}

.sec06__steps {
    display: flex;
    flex-wrap: wrap;
    width: min(calc(920 / 1080 * 100vw), 920px);
    gap: min(calc(30 / 1080 * 100vw), 30px) 0;
    margin: 0 auto;
}

@media screen and (max-width: 767px) {
    .sec06__steps {
        flex-direction: column;
        width: calc(630 / 750 * 100vw);
        gap: 0;
    }
}

.sec06__step {
    display: flex;
    flex-direction: column;
    gap: min(calc(24 / 1080 * 100vw), 24px);
    width: min(calc(460 / 1080 * 100vw), 460px);
}

@media screen and (max-width: 767px) {
    .sec06__step {
        flex-direction: row;
        width: 100%;
        gap: calc(40 / 750 * 100vw);
    }
}

.sec06__step__header {
    position: relative;
    height: min(calc(72 / 1080 * 100vw), 72px);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: min(calc(12 / 1080 * 100vw), 12px);
    background: url(../img/pc/sec06_flow.webp) 50% 0/100% no-repeat;
}

@media screen and (max-width: 767px) {
    .sec06__step__header {
        width: calc(210 / 750 * 100vw);
        height: auto;
        background: url(../img/sp/sec06_flow.webp) 50% 100%/100% no-repeat;
        flex-direction: column;
        gap: calc(8 / 750 * 100vw);
        padding-bottom: calc(40 / 750 * 100vw);
    }
}

@media screen and (max-width: 767px) {
    .sec06__step:not(:last-child) .sec06__step__header {
        background-color: #fff;
    }
}

@media screen and (max-width: 767px) {
    .sec06__step:last-child .sec06__step__content {
        padding-bottom: calc(24 / 750 * 100vw);
    }

    .sec06__step:last-child .sec06__step__content::after {
        bottom: 0;
    }
}

.sec06__step__title {
    font-size: min(calc(20 / 1080 * 100vw), 20px);
    font-weight: 500;
    color: #B99566;
    letter-spacing: 0.24em;
}

@media screen and (max-width: 767px) {
    .sec06__step__title {
        font-size: calc(28 / 750 * 100vw);
        letter-spacing: 0.24em;
    }
}

.sec06__step__number {
    font-size: min(calc(42 / 1080 * 100vw), 42px);
    font-weight: 500;
    color: rgb(23, 74, 69);
    line-height: 1;
}

@media screen and (max-width: 767px) {
    .sec06__step__number {
        font-size: calc(58 / 750 * 100vw);
        line-height: 1;
    }
}

.sec06__step__name {
    font-size: min(calc(26 / 1080 * 100vw), 26px);
    font-weight: 600;
    color: rgb(23, 74, 69);
    letter-spacing: 0.04em;
    line-height: 1.4;
}

@media screen and (max-width: 767px) {
    .sec06__step__name {
        margin-top: calc(20 / 750 * 100vw);
        font-size: calc(35 / 750 * 100vw);
        letter-spacing: 0.04em;
        line-height: 1.4;
        text-align: center;
    }
}

.sec06__step__content {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: min(calc(20 / 1080 * 100vw), 20px);
    padding: 0 min(calc(50 / 1080 * 100vw), 50px);
}

@media screen and (max-width: 767px) {
    .sec06__step__content {
        position: relative;
        flex: 1;
        padding: 0 0 calc(64 / 750 * 100vw);
        align-items: flex-start;
        gap: calc(16 / 750 * 100vw);
    }

    .sec06__step__content::after {
        content: "";
        position: absolute;
        bottom: calc(40 / 750 * 100vw);
        width: 100%;
        height: 1px;
        border-bottom: 1px dotted #283F6D;
    }
}

.sec06__step__text {
    display: flex;
    flex-direction: column;
    gap: min(calc(8 / 1080 * 100vw), 8px);
    width: 100%;
}

@media screen and (max-width: 767px) {
    .sec06__step__text {
        gap: calc(8 / 750 * 100vw);
    }
}

.sec06__step__main {
    font-size: min(calc(16 / 1080 * 100vw), 16px);
    font-weight: 400;
    color: rgb(51, 51, 51);
    line-height: 1.6;
    text-align: justify;
}

@media screen and (max-width: 767px) {
    .sec06__step__main {
        font-size: calc(24 / 750 * 100vw);
        line-height: 1.6;
        text-align: justify;
    }
}

.sec06__step__note {
    font-size: min(calc(12 / 1080 * 100vw), 12px);
    font-weight: 400;
    color: rgb(51, 51, 51);
    letter-spacing: 0.04em;
    line-height: 1.3;
}

@media screen and (max-width: 767px) {
    .sec06__step__note {
        font-size: calc(18 / 750 * 100vw);
        letter-spacing: 0.04em;
        line-height: 1.3;
    }
}

.sec06__step:nth-child(odd) .sec06__step__content {
    border-right: 2px dotted #283F6D;
}

@media screen and (max-width: 767px) {
    .sec06__step:nth-child(odd) .sec06__step__content {
        border: none;
    }
}

.sec07 {
    background: #7fa5a1;
    padding: min(calc(100 / 1080 * 100vw), 100px) min(calc(500 / 1080 * 100vw), 500px);
}

@media screen and (max-width: 767px) {
    .sec07 {
        padding: calc(80 / 750 * 100vw) calc(60 / 750 * 100vw);
    }
}

.sec07__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: min(calc(80 / 1080 * 100vw), 80px);
    margin-bottom: min(calc(80 / 1080 * 100vw), 80px);
}

@media screen and (max-width: 767px) {
    .sec07__header {
        gap: calc(140 / 750 * 100vw);
        margin-bottom: calc(140 / 750 * 100vw);
    }
}

.sec07__header__content {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: min(calc(24 / 1080 * 100vw), 24px);
}

@media screen and (max-width: 767px) {
    .sec07__header__content {
        gap: calc(40 / 750 * 100vw);
    }
}

.sec07__header__title {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: min(calc(8 / 1080 * 100vw), 8px);
}

@media screen and (max-width: 767px) {
    .sec07__header__title {
        gap: calc(16 / 750 * 100vw);
    }
}

.sec07__header__flow {
    font-size: min(calc(20 / 1080 * 100vw), 20px);
    font-weight: 500;
    color: rgb(255, 255, 255);
    text-align: center;
    letter-spacing: 0.24em;
}

@media screen and (max-width: 767px) {
    .sec07__header__flow {
        font-size: calc(28 / 750 * 100vw);
        letter-spacing: 0.24em;
    }
}

.sec07__header__line {
    width: min(calc(30 / 1080 * 100vw), 30px);
    height: 1px;
    background: rgb(255, 255, 255);
}

@media screen and (max-width: 767px) {
    .sec07__header__line {
        width: calc(40 / 750 * 100vw);
    }
}

.sec07__header__main {
    font-size: min(calc(22 / 1080 * 100vw), 22px);
    font-weight: 600;
    color: rgb(255, 255, 255);
    text-align: center;
    letter-spacing: 0.08em;
    line-height: 1.1;
}

@media screen and (max-width: 767px) {
    .sec07__header__main {
        font-size: calc(30 / 750 * 100vw);
        letter-spacing: 0.08em;
        line-height: 1.1;
    }
}

.sec07__header__subtitle {
    font-size: min(calc(42 / 1080 * 100vw), 42px);
    font-weight: 500;
    color: rgb(255, 255, 255);
    text-align: center;
    letter-spacing: 0.12em;
    line-height: 1.3;
}

@media screen and (max-width: 767px) {
    .sec07__header__subtitle {
        margin-top: calc(-16 / 750 * 100vw);
        font-size: calc(56 / 750 * 100vw);
        letter-spacing: 0.12em;
        line-height: 1.3;
    }
}

.sec07__content {
    display: flex;
    flex-direction: column;
    gap: min(calc(30 / 1080 * 100vw), 30px);
}

@media screen and (max-width: 767px) {
    .sec07__content {
        gap: calc(40 / 750 * 100vw);
    }
}

.sec07__voices {
    display: flex;
    justify-content: center;
    gap: min(calc(40 / 1080 * 100vw), 40px);
}

@media screen and (max-width: 767px) {
    .sec07__voices {
        flex-direction: column;
        gap: calc(140 / 750 * 100vw);
    }
}

.sec07__voice {
    background: rgb(255, 255, 255);
    width: min(calc(440 / 1080 * 100vw), 440px);
    height: min(calc(430 / 1080 * 100vw), 430px);
    padding: min(calc(75 / 1080 * 100vw), 75px) min(calc(30 / 1080 * 100vw), 30px) min(calc(30 / 1080 * 100vw), 30px);
    position: relative;
}

@media screen and (max-width: 767px) {
    .sec07__voice {
        width: calc(630 / 750 * 100vw);
        height: auto;
        padding: calc(100 / 750 * 100vw) calc(40 / 750 * 100vw) calc(40 / 750 * 100vw);
    }
}

.sec07__voice__content {
    display: flex;
    gap: min(calc(30 / 1080 * 100vw), 30px);
    height: 100%;
}

@media screen and (max-width: 767px) {
    .sec07__voice__content {
        gap: calc(40 / 750 * 100vw);
    }
}

.sec07__voice__text {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: min(calc(24 / 1080 * 100vw), 24px);
    padding-top: min(calc(12 / 1080 * 100vw), 12px);
}

@media screen and (max-width: 767px) {
    .sec07__voice__text {
        gap: calc(32 / 750 * 100vw);
        padding-top: calc(16 / 750 * 100vw);
    }
}

.sec07__voice__title {
    font-size: min(calc(22 / 1080 * 100vw), 22px);
    font-weight: 600;
    color: rgb(51, 51, 51);
    letter-spacing: 0.08em;
    line-height: 1.6;
    padding-bottom: min(calc(18 / 1080 * 100vw), 18px);
    border-bottom: 1px solid rgb(51, 51, 51);
}

@media screen and (max-width: 767px) {
    .sec07__voice__title {
        font-size: calc(34 / 750 * 100vw);
        letter-spacing: 0.08em;
        line-height: 1.6;
        padding-bottom: calc(24 / 750 * 100vw);
    }
}

.sec07__voice__body {
    font-size: min(calc(16 / 1080 * 100vw), 16px);
    font-weight: 400;
    color: #1b1b1b;
    letter-spacing: 0.08em;
    line-height: 1.6;
    text-align: justify;
}

@media screen and (max-width: 767px) {
    .sec07__voice__body {
        font-size: calc(26 / 750 * 100vw);
        letter-spacing: 0.08em;
        line-height: 1.6;
    }
}

.sec07__voice__highlight {
    font-weight: 700;
    color: #174a45;
}

.sec07__voice__icon {
    position: absolute;
    top: max(calc(-80 / 1080 * 100vw), -80px);
    left: 50%;
    transform: translateX(-50%);
    width: min(calc(150 / 1080 * 100vw), 150px);
    height: min(calc(150 / 1080 * 100vw), 150px);
}

@media screen and (max-width: 767px) {
    .sec07__voice__icon {
        top: calc(-100 / 750 * 100vw);
        width: calc(200 / 750 * 100vw);
        height: calc(200 / 750 * 100vw);
    }
}

.sec07__note {
    font-size: min(calc(12 / 1080 * 100vw), 12px);
    font-weight: 400;
    color: rgb(255, 255, 255);
    letter-spacing: 0.08em;
    line-height: 1.3;
    text-align: right;
}

@media screen and (max-width: 767px) {
    .sec07__note {
        font-size: calc(18 / 750 * 100vw);
        letter-spacing: 0.08em;
        line-height: 1.3;
        text-align: left;
    }
}

.sec08 {
    background: rgb(255, 255, 255);
    padding: min(calc(100 / 1080 * 100vw), 100px) min(calc(500 / 1080 * 100vw), 500px);
}

@media screen and (max-width: 767px) {
    .sec08 {
        padding: calc(80 / 750 * 100vw) calc(60 / 750 * 100vw);
    }
}

.sec08__content {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: min(calc(60 / 1080 * 100vw), 60px);
}

@media screen and (max-width: 767px) {
    .sec08__content {
        gap: calc(60 / 750 * 100vw);
    }
}

.sec08__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: min(calc(24 / 1080 * 100vw), 24px);
}

@media screen and (max-width: 767px) {
    .sec08__header {
        gap: calc(40 / 750 * 100vw);
    }
}

.sec08__header__title {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: min(calc(8 / 1080 * 100vw), 8px);
}

@media screen and (max-width: 767px) {
    .sec08__header__title {
        gap: calc(16 / 750 * 100vw);
    }
}

.sec08__header__flow {
    font-size: min(calc(20 / 1080 * 100vw), 20px);
    font-weight: 500;
    color: #b99566;
    text-align: center;
    letter-spacing: 0.24em;
}

@media screen and (max-width: 767px) {
    .sec08__header__flow {
        font-size: calc(28 / 750 * 100vw);
        letter-spacing: 0.24em;
    }
}

.sec08__header__line {
    width: min(calc(30 / 1080 * 100vw), 30px);
    height: 1px;
    background: #b99566;
}

@media screen and (max-width: 767px) {
    .sec08__header__line {
        width: calc(40 / 750 * 100vw);
    }
}

.sec08__header__main {
    font-size: min(calc(22 / 1080 * 100vw), 22px);
    font-weight: 600;
    color: #333333;
    text-align: center;
    letter-spacing: 0.08em;
    line-height: 1.1;
}

@media screen and (max-width: 767px) {
    .sec08__header__main {
        font-size: calc(30 / 750 * 100vw);
        letter-spacing: 0.08em;
        line-height: 1.1;
    }
}

.sec08__header__subtitle {
    margin-top: max(calc(-6 / 1080 * 100vw), -6px);
    font-size: min(calc(42 / 1080 * 100vw), 42px);
    font-weight: 500;
    color: #174a45;
    text-align: center;
    letter-spacing: 0.12em;
    line-height: 1.1;
}

@media screen and (max-width: 767px) {
    .sec08__header__subtitle {
        margin-top: calc(-20 / 750 * 100vw);
        font-size: calc(56 / 750 * 100vw);
        letter-spacing: 0.12em;
        line-height: 1.1;
    }
}

.sec08__accordion {
    width: 100%;
}

.sec08__accordion .adlp-accordion {
    background: #f3efef;
}

.sec08__accordion .adlp-accordion__wrapper {
    gap: min(calc(24 / 1080 * 100vw), 24px);
}

@media screen and (max-width: 767px) {
    .sec08__accordion .adlp-accordion__wrapper {
        gap: calc(60 / 750 * 100vw);
    }
}

.sec08__accordion .adlp-accordion__header::after {
    background: url(../img/common/icon_toggle2.svg) 0 0/100% no-repeat;
    width: min(calc(22 / 1080 * 100vw), 22px);
    height: min(calc(22 / 1080 * 100vw), 22px);
    right: min(calc(40 / 1080 * 100vw), 40px);
}

@media screen and (max-width: 767px) {
    .sec08__accordion .adlp-accordion__header::after {
        width: calc(28 / 750 * 100vw);
        height: calc(28 / 750 * 100vw);
        right: calc(40 / 750 * 100vw);
    }
}

.sec08__accordion .adlp-accordion__header__inner {
    padding: min(calc(24 / 1080 * 100vw), 24px) min(calc(40 / 1080 * 100vw), 40px);
}

@media screen and (max-width: 767px) {
    .sec08__accordion .adlp-accordion__header__inner {
        padding: calc(40 / 750 * 100vw) calc(100 / 750 * 100vw) calc(40 / 750 * 100vw) calc(40 / 750 * 100vw);
    }
}

.sec08__accordion .adlp-accordion__header__inner .text {
    font-size: min(calc(24 / 1080 * 100vw), 24px);
    font-weight: 400;
    color: #333333;
    letter-spacing: 0.08em;
    line-height: 1.6;
}

@media screen and (max-width: 767px) {
    .sec08__accordion .adlp-accordion__header__inner .text {
        font-size: calc(34 / 750 * 100vw);
        letter-spacing: 0.08em;
        line-height: 1.6;
    }
}

.sec08__accordion .adlp-accordion__body {
    padding: 0 min(calc(40 / 1080 * 100vw), 40px);
}

@media screen and (max-width: 767px) {
    .sec08__accordion .adlp-accordion__body {
        padding: 0 calc(40 / 750 * 100vw);
    }
}

.sec08__accordion .adlp-accordion__body__inner {
    border-top: 1px solid #333;
    padding: min(calc(24 / 1080 * 100vw), 24px) 0;
}

@media screen and (max-width: 767px) {
    .sec08__accordion .adlp-accordion__body__inner {
        padding: calc(32 / 750 * 100vw) 0 calc(40 / 750 * 100vw);
    }
}

.sec08__accordion .adlp-accordion__body__inner .text {
    font-size: min(calc(16 / 1080 * 100vw), 16px);
    font-weight: 400;
    color: #1b1b1b;
    letter-spacing: 0.08em;
    line-height: 1.6;
    text-align: justify;
}

@media screen and (max-width: 767px) {
    .sec08__accordion .adlp-accordion__body__inner .text {
        font-size: calc(26 / 750 * 100vw);
        letter-spacing: 0.08em;
        line-height: 1.6;
    }
}

.sec09 {
    position: relative;
    background: url(../img/pc/sec09.webp) 50% 0/100% no-repeat;
}

@media screen and (max-width: 767px) {
    .sec09 {
        background: url(../img/sp/sec09.webp) 50% 0/100% no-repeat;
    }
}

.sec09__content {
    position: relative;
    width: min(calc(1920 / 1080 * 100vw), 1920px);
    height: min(calc(626 / 1080 * 100vw), 626px);
}

@media screen and (max-width: 767px) {
    .sec09__content {
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
    }
}

.sec09__images {
    position: relative;
    width: 100%;
    height: 100%;
}

@media screen and (max-width: 767px) {
    .sec09__images {
        height: calc(583 / 750 * 100vw);
    }
}

.sec09__main-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

@media screen and (max-width: 767px) {
    .sec09__main-image {
        position: relative;
    }
}

.sec09__logo {
    position: absolute;
    top: min(calc(213 / 1080 * 100vw), 213px);
    left: min(calc(594 / 1080 * 100vw), 594px);
    width: min(calc(333 / 1080 * 100vw), 333px);
    height: min(calc(144 / 1080 * 100vw), 144px);
}

@media screen and (max-width: 767px) {
    .sec09__logo {
        top: calc(245 / 750 * 100vw);
        left: calc(60 / 750 * 100vw);
        width: calc(340 / 750 * 100vw);
        height: calc(148 / 750 * 100vw);
    }
}

.sec09__text {
    position: absolute;
    top: min(calc(392 / 1080 * 100vw), 392px);
    left: min(calc(460 / 1080 * 100vw), 460px);
    width: min(calc(600 / 1080 * 100vw), 600px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: min(calc(14 / 1080 * 100vw), 14px);
    padding: min(calc(30 / 1080 * 100vw), 30px) min(calc(40 / 1080 * 100vw), 40px);
    background: rgb(255, 255, 255);
}

@media screen and (max-width: 767px) {
    .sec09__text {
        position: relative;
        top: auto;
        left: auto;
        width: 100%;
        gap: calc(24 / 750 * 100vw);
        padding: calc(60 / 750 * 100vw) 0;
    }
}

.sec09__subtitle {
    text-align: center;
    line-height: 1.4;
}

.sec09__subtitle .subtitle-part {
    letter-spacing: 0.04em;
}

.sec09__subtitle .subtitle-part:nth-child(1),
.sec09__subtitle .subtitle-part:nth-child(3) {
    font-size: min(calc(24 / 1080 * 100vw), 24px);
    font-weight: 600;
    color: rgb(23, 74, 69);
}

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

    .sec09__subtitle .subtitle-part:nth-child(1),
    .sec09__subtitle .subtitle-part:nth-child(3) {
        font-size: calc(36 / 750 * 100vw);
    }
}

.sec09__subtitle .subtitle-part:nth-child(2),
.sec09__subtitle .subtitle-part:nth-child(4) {
    font-size: min(calc(24 / 1080 * 100vw), 24px);
    font-weight: 400;
    color: rgb(51, 51, 51);
}

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

    .sec09__subtitle .subtitle-part:nth-child(2),
    .sec09__subtitle .subtitle-part:nth-child(4) {
        font-size: calc(36 / 750 * 100vw);
    }
}

.sec09__title {
    display: flex;
    justify-content: center;
    gap: min(calc(12 / 1080 * 100vw), 12px);
}

@media screen and (max-width: 767px) {
    .sec09__title {
        gap: calc(16 / 750 * 100vw);
    }
}

.sec09__title-part {
    font-size: min(calc(46 / 1080 * 100vw), 46px);
    font-weight: 500;
    color: rgb(23, 74, 69);
    text-align: center;
    letter-spacing: 0.08em;
    line-height: 1.4;
}

@media screen and (max-width: 767px) {
    .sec09__title-part {
        font-size: calc(64 / 750 * 100vw);
    }
}

.sec09__title-highlight {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: min(calc(7.5 / 1080 * 100vw), 7.5px);
    padding: 0 min(calc(12 / 1080 * 100vw), 12px);
    background: rgb(23, 74, 69);
    font-size: min(calc(46 / 1080 * 100vw), 46px);
    font-weight: 500;
    color: rgb(255, 255, 255);
    text-align: center;
    letter-spacing: 0.08em;
    line-height: 1.4;
}

@media screen and (max-width: 767px) {
    .sec09__title-highlight {
        gap: calc(10 / 750 * 100vw);
        padding: 0 calc(16 / 750 * 100vw);
        font-size: calc(64 / 750 * 100vw);
    }
}

.sec10 {
    background: rgb(243, 239, 239);
    padding: min(calc(100 / 1080 * 100vw), 100px) 0;
}

@media screen and (max-width: 767px) {
    .sec10 {
        padding: calc(80 / 750 * 100vw) 0;
    }
}

.sec10__inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: min(calc(40 / 1080 * 100vw), 40px);
    width: min(calc(920 / 1080 * 100vw), 920px);
    margin: 0 auto;
}

@media screen and (max-width: 767px) {
    .sec10__inner {
        gap: calc(60 / 750 * 100vw);
        width: calc(630 / 750 * 100vw);
    }
}

.sec10__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: min(calc(24 / 1080 * 100vw), 24px);
}

@media screen and (max-width: 767px) {
    .sec10__header {
        gap: calc(32 / 750 * 100vw);
    }
}

.sec10__title {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: min(calc(8 / 1080 * 100vw), 8px);
}

@media screen and (max-width: 767px) {
    .sec10__title {
        gap: calc(16 / 750 * 100vw);
    }
}

.sec10__title span {
    font-size: min(calc(20 / 1080 * 100vw), 20px);
    font-weight: 500;
    color: #B99566;
    letter-spacing: 0.24em;
}

@media screen and (max-width: 767px) {
    .sec10__title span {
        font-size: calc(28 / 750 * 100vw);
        letter-spacing: 0.24em;
    }
}

.sec10__line {
    width: min(calc(30 / 1080 * 100vw), 30px);
    height: 1px;
    background: #B99566;
}

@media screen and (max-width: 767px) {
    .sec10__line {
        width: calc(40 / 750 * 100vw);
    }
}

.sec10__main {
    font-size: min(calc(42 / 1080 * 100vw), 42px);
    font-weight: 500;
    line-height: 1.2;
    color: rgb(23, 74, 69);
    letter-spacing: 0.12em;
}

@media screen and (max-width: 767px) {
    .sec10__main {
        font-size: calc(56 / 750 * 100vw);
        letter-spacing: 0.12em;
    }
}

.sec10__content {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: min(calc(40 / 1080 * 100vw), 40px);
}

@media screen and (max-width: 767px) {
    .sec10__content {
        gap: calc(60 / 750 * 100vw);
    }
}

.sec10__map {
    margin-top: min(calc(40 / 1080 * 100vw), 40px);
    width: min(calc(920 / 1080 * 100vw), 920px);
    height: min(calc(420 / 1080 * 100vw), 420px);
}

@media screen and (max-width: 767px) {
    .sec10__map {
        margin-top: 0;
        width: calc(630 / 750 * 100vw);
        height: calc(394 / 750 * 100vw);
    }
}

.sec10__map iframe {
    width: 100%;
    height: 100%;
}

.sec10 .adlp-accordion__wrapper {
    gap: min(calc(40 / 1080 * 100vw), 40px);
}

@media screen and (max-width: 767px) {
    .sec10 .adlp-accordion__wrapper {
        gap: calc(60 / 750 * 100vw);
    }
}

.sec10 .adlp-accordion {
    background: transparent;
    margin: 0 auto;
    width: min(calc(920 / 1080 * 100vw), 920px);
}

@media screen and (max-width: 767px) {
    .sec10 .adlp-accordion {
        width: calc(630 / 750 * 100vw);
    }
}

.sec10 .adlp-accordion__body__inner {
    display: block;
    padding: min(calc(40 / 1080 * 100vw), 40px) 0 0;
}

@media screen and (max-width: 767px) {
    .sec10 .adlp-accordion__body__inner {
        padding-top: calc(60 / 750 * 100vw);
    }
}

.sec10 .adlp-accordion__header {
    margin: 0 auto;
    width: min(calc(470 / 1080 * 100vw), 470px);
    height: min(calc(70 / 1080 * 100vw), 70px);
    border: min(calc(2 / 1080 * 100vw), 2px) solid rgb(51, 51, 51);
    border-radius: min(calc(35 / 1080 * 100vw), 35px);
}

@media screen and (max-width: 767px) {
    .sec10 .adlp-accordion__header {
        width: calc(550 / 750 * 100vw);
        height: calc(104 / 750 * 100vw);
        border-width: calc(2 / 750 * 100vw);
        border-radius: calc(99 / 750 * 100vw);
    }
}

.sec10 .adlp-accordion__header::after {
    border-radius: 50%;
    width: min(calc(22 / 1080 * 100vw), 22px);
    height: min(calc(22 / 1080 * 100vw), 22px);
    right: min(calc(40 / 1080 * 100vw), 40px);
    background: url(../img/common/icon_toggle1.svg) 50% 50%/min(calc(10 / 1080 * 100vw), 10px) no-repeat rgb(23, 74, 69);
}

@media screen and (max-width: 767px) {
    .sec10 .adlp-accordion__header::after {
        width: calc(28 / 750 * 100vw);
        height: calc(28 / 750 * 100vw);
        right: calc(40 / 750 * 100vw);
        background-size: calc(14 / 750 * 100vw);
    }
}

.sec10 .adlp-accordion__header__inner {
    justify-content: center;
    align-items: center;
    padding: 0;
    height: 100%;
}

@media screen and (max-width: 767px) {
    .sec10 .adlp-accordion__header__inner {
        gap: calc(10 / 750 * 100vw);
    }
}

.sec10 .adlp-accordion__header__inner p {
    font-size: min(calc(24 / 1080 * 100vw), 24px);
    font-weight: 500;
    color: rgb(51, 51, 51);
    letter-spacing: 0.04em;
    text-align: center;
}

@media screen and (max-width: 767px) {
    .sec10 .adlp-accordion__header__inner p {
        font-size: calc(32 / 750 * 100vw);
        letter-spacing: 0.04em;
    }
}

.sec10__route-header {
    background: rgb(69, 47, 4);
    padding: min(calc(2 / 1080 * 100vw), 2px) 0;
    width: min(calc(920 / 1080 * 100vw), 920px);
    display: flex;
    justify-content: center;
    margin-bottom: min(calc(30 / 1080 * 100vw), 30px);
}

@media screen and (max-width: 767px) {
    .sec10__route-header {
        padding: calc(2 / 750 * 100vw) 0;
        width: calc(630 / 750 * 100vw);
        margin-bottom: calc(40 / 750 * 100vw);
    }
}

.sec10__route-header span {
    font-size: min(calc(26 / 1080 * 100vw), 26px);
    font-weight: 600;
    color: rgb(255, 255, 255);
    letter-spacing: 0.08em;
}

@media screen and (max-width: 767px) {
    .sec10__route-header span {
        font-size: calc(36 / 750 * 100vw);
        letter-spacing: 0.08em;
    }
}

.sec10__steps {
    display: flex;
    flex-direction: column;
    gap: min(calc(88 / 1080 * 100vw), 88px);
}

@media screen and (max-width: 767px) {
    .sec10__steps {
        gap: calc(116 / 750 * 100vw);
    }
}

.sec10__step {
    position: relative;
    display: flex;
    align-items: center;
    gap: min(calc(40 / 1080 * 100vw), 40px);
    width: min(calc(920 / 1080 * 100vw), 920px);
}

@media screen and (max-width: 767px) {
    .sec10__step {
        flex-direction: column;
        gap: calc(40 / 750 * 100vw);
        width: calc(630 / 750 * 100vw);
    }
}

.sec10__step:not(:last-child)::after {
    content: "";
    background: #B5A89D;
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    bottom: max(calc(-57 / 1080 * 100vw), -57px);
    width: min(calc(113 / 1080 * 100vw), 113px);
    height: min(calc(27 / 1080 * 100vw), 27px);
    clip-path: polygon(0 0, 100% 0, 50% 100%);
}

@media screen and (max-width: 767px) {
    .sec10__step:not(:last-child)::after {
        bottom: calc(-76 / 750 * 100vw);
        width: calc(150 / 750 * 100vw);
        height: calc(36 / 750 * 100vw);
    }
}

.sec10__step picture {
    width: min(calc(460 / 1080 * 100vw), 460px);
}

@media screen and (max-width: 767px) {
    .sec10__step picture {
        width: calc(630 / 750 * 100vw);
    }
}

.sec10__video {
    position: relative;
    width: min(calc(460 / 1080 * 100vw), 460px);
    aspect-ratio: 460/260;
    /*height: 0;*/
    overflow: hidden;
}

.sec10__video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

@media screen and (max-width: 767px) {
    .sec10__video {
        width: calc(630 / 750 * 100vw);
        padding-bottom: calc(354 / 750 * 100vw);
    }
}

.sec10__step-content {
    display: flex;
    gap: min(calc(24 / 1080 * 100vw), 24px);
    align-items: center;
    flex: 1;
}

@media screen and (max-width: 767px) {
    .sec10__step-content {
        gap: calc(28 / 750 * 100vw);
        align-items: flex-start;
    }
}

.sec10__step-number {
    width: min(calc(63 / 1080 * 100vw), 63px);
    height: min(calc(63 / 1080 * 100vw), 63px);
    background: rgb(23, 74, 69);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media screen and (max-width: 767px) {
    .sec10__step-number {
        width: calc(84 / 750 * 100vw);
        height: calc(84 / 750 * 100vw);
    }
}

.sec10__step-number span {
    font-size: min(calc(39 / 1080 * 100vw), 39px);
    font-weight: 500;
    color: rgb(255, 255, 255);
}

@media screen and (max-width: 767px) {
    .sec10__step-number span {
        font-size: calc(52 / 750 * 100vw);
    }
}

.sec10__step-text {
    flex: 1;
    line-height: 1.6;
}

.sec10__step-text span {
    font-size: min(calc(16 / 1080 * 100vw), 16px);
    font-weight: 400;
    color: rgb(51, 51, 51);
    letter-spacing: 0.08em;
    line-height: 1.6;
}
.sec10__step-text a {
    text-decoration: underline;
    width: fit-content;
    display: block;
    font-size: min(calc(16 / 1080 * 100vw), 16px);
    font-weight: 400;
    color: rgb(51, 51, 51);
    letter-spacing: 0.08em;
    line-height: 1.6;
}

@media screen and (max-width: 767px) {
    .sec10__step-text span {
        font-size: calc(26 / 750 * 100vw);
        letter-spacing: 0.04em;
    }
    .sec10__step-text a {
        font-size: calc(26 / 750 * 100vw);
        letter-spacing: 0.04em;
    }
}

.sec10__parking-name {
    font-size: min(calc(26 / 1080 * 100vw), 26px);
    font-weight: 600;
    color: rgb(23, 74, 69);
    letter-spacing: 0.08em;
    text-align: center;
    margin-bottom: min(calc(30 / 1080 * 100vw), 30px);
}

@media screen and (max-width: 767px) {
    .sec10__parking-name {
        font-size: calc(36 / 750 * 100vw);
        letter-spacing: 0.08em;
        margin-bottom: calc(40 / 750 * 100vw);
    }
}

.sec10__parking-info {
    display: flex;
    align-items: center;
    gap: min(calc(40 / 1080 * 100vw), 40px);
    width: min(calc(920 / 1080 * 100vw), 920px);
    margin-bottom: min(calc(30 / 1080 * 100vw), 30px);
}

@media screen and (max-width: 767px) {
    .sec10__parking-info {
        flex-direction: column;
        gap: calc(40 / 750 * 100vw);
        width: calc(630 / 750 * 100vw);
        margin-bottom: calc(60 / 750 * 100vw);
    }
}

.sec10__parking-info picture {
    width: min(calc(460 / 1080 * 100vw), 460px);
}

@media screen and (max-width: 767px) {
    .sec10__parking-info picture {
        width: calc(630 / 750 * 100vw);
    }
}

.sec10__parking-details {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: min(calc(24 / 1080 * 100vw), 24px);
}

@media screen and (max-width: 767px) {
    .sec10__parking-details {
        gap: calc(40 / 750 * 100vw);
    }
}

.sec10__map-info {
    font-size: min(calc(16 / 1080 * 100vw), 16px);
    color: rgb(51, 51, 51);
    letter-spacing: 0.08em;
    line-height: 1.6;
}

@media screen and (max-width: 767px) {
    .sec10__map-info {
        font-size: calc(26 / 750 * 100vw);
    }
}

.sec10__map-info span {
    font-size: min(calc(24 / 1080 * 100vw), 24px);
    font-weight: 700;
    color: rgb(69, 47, 4);
}

@media screen and (max-width: 767px) {
    .sec10__map-info span {
        font-size: calc(32 / 750 * 100vw);
    }
}

.sec10__notice {
    line-height: 1.6;
    font-size: min(calc(12 / 1080 * 100vw), 12px);
    font-weight: 400;
    color: rgb(51, 51, 51);
    letter-spacing: 0.08em;
}

@media screen and (max-width: 767px) {
    .sec10__notice {
        font-size: calc(20 / 750 * 100vw);
        letter-spacing: 0.08em;
    }
}

.sec10__parking-service {
    background: rgb(243, 226, 203);
    padding: min(calc(30 / 1080 * 100vw), 30px);
    width: min(calc(920 / 1080 * 100vw), 920px);
    display: flex;
    justify-content: center;
    align-items: center;
    gap: min(calc(60 / 1080 * 100vw), 60px);
}

@media screen and (max-width: 767px) {
    .sec10__parking-service {
        flex-direction: column;
        gap: calc(24 / 750 * 100vw);
        padding: calc(40 / 750 * 100vw);
        width: calc(630 / 750 * 100vw);
    }
}

.sec10__service-header {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: min(calc(4 / 1080 * 100vw), 4px);
    padding-bottom: min(calc(36 / 1080 * 100vw), 36px);
}

@media screen and (max-width: 767px) {
    .sec10__service-header {
        flex-direction: row;
        gap: calc(32 / 750 * 100vw);
        padding-bottom: 0;
    }
}

.sec10__service-header img {
    width: min(calc(63 / 1080 * 100vw), 63px);
}

@media screen and (max-width: 767px) {
    .sec10__service-header img {
        width: calc(80 / 750 * 100vw);
    }
}

.sec10__service-header span {
    font-size: min(calc(30 / 1080 * 100vw), 30px);
    line-height: 1;
    font-weight: 600;
    color: rgb(69, 47, 4);
    letter-spacing: 0.08em;
}

@media screen and (max-width: 767px) {
    .sec10__service-header span {
        font-size: calc(40 / 750 * 100vw);
        letter-spacing: 0.08em;
    }
}

.sec10__service-content {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: min(calc(8 / 1080 * 100vw), 8px);
}

@media screen and (max-width: 767px) {
    .sec10__service-content {
        gap: calc(24 / 750 * 100vw);
        align-items: flex-start;
    }
}

.sec10__service-main {
    background: rgb(255, 255, 255);
    width: min(calc(413 / 1080 * 100vw), 413px);
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
}

@media screen and (max-width: 767px) {
    .sec10__service-main {
        width: calc(550 / 750 * 100vw);
    }
}

.sec10__service-highlight {
    background: rgb(69, 47, 4);
    padding: 0 min(calc(12 / 1080 * 100vw), 12px);
    width: 100%;
    text-align: center;
}

@media screen and (max-width: 767px) {
    .sec10__service-highlight {
        padding: 0 calc(16 / 750 * 100vw);
    }
}

.sec10__service-highlight span {
    font-size: min(calc(24 / 1080 * 100vw), 24px);
    font-weight: 600;
    color: rgb(255, 255, 255);
    letter-spacing: 0.08em;
}

@media screen and (max-width: 767px) {
    .sec10__service-highlight span {
        font-size: calc(32 / 750 * 100vw);
        letter-spacing: 0.08em;
    }
}

.sec10__service-amount {
    padding: min(calc(10 / 1080 * 100vw), 10px) 0;
    text-align: center;
}

@media screen and (max-width: 767px) {
    .sec10__service-amount {
        padding: calc(14 / 750 * 100vw) 0;
    }
}

.sec10__service-amount .--marker {
    background: linear-gradient(0deg, transparent 10%, #F6F39A 10%, #F6F39A 25%, transparent 25%);
}

.sec10__service-amount span {
    font-size: min(calc(27 / 1080 * 100vw), 27px);
    font-weight: 400;
    color: rgb(23, 74, 69);
    letter-spacing: 0.04em;
    line-height: 1.4;
}

@media screen and (max-width: 767px) {
    .sec10__service-amount span {
        font-size: calc(36 / 750 * 100vw);
        letter-spacing: 0.04em;
    }
}

.sec10__service-amount span.sec10__amount-number {
    font-size: min(calc(48 / 1080 * 100vw), 48px);
    font-weight: 600;
}

@media screen and (max-width: 767px) {
    .sec10__service-amount span.sec10__amount-number {
        font-size: calc(64 / 750 * 100vw);
    }
}

.sec10__service-note {
    font-size: min(calc(12 / 1080 * 100vw), 12px) !important;
    color: rgb(51, 51, 51) !important;
}

@media screen and (max-width: 767px) {
    .sec10__service-note {
        font-size: calc(20 / 750 * 100vw) !important;
    }
}

.sec10__service-condition {
    font-size: min(calc(12 / 1080 * 100vw), 12px);
    font-weight: 400;
    color: rgb(51, 51, 51);
    letter-spacing: 0.04em;
    text-align: right;
}

@media screen and (max-width: 767px) {
    .sec10__service-condition {
        font-size: calc(20 / 750 * 100vw);
        letter-spacing: 0.04em;
    }
}

.sec10__store-info {
    background: rgb(255, 255, 255);
    padding: min(calc(30 / 1080 * 100vw), 30px) min(calc(40 / 1080 * 100vw), 40px);
    width: min(calc(920 / 1080 * 100vw), 920px);
    display: flex;
    gap: min(calc(60 / 1080 * 100vw), 60px);
}

@media screen and (max-width: 767px) {
    .sec10__store-info {
        flex-direction: column;
        padding: calc(60 / 750 * 100vw) calc(40 / 750 * 100vw);
        width: calc(630 / 750 * 100vw);
        gap: calc(40 / 750 * 100vw);
    }
}

.sec10__info-left,
.sec10__info-right {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: min(calc(18 / 1080 * 100vw), 18px);
}

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

    .sec10__info-left,
    .sec10__info-right {
        gap: calc(40 / 750 * 100vw);
    }
}

.sec10__info-item {
    display: flex;
    flex-direction: column;
    gap: min(calc(18 / 1080 * 100vw), 18px);
}

@media screen and (max-width: 767px) {
    .sec10__info-item {
        gap: calc(24 / 750 * 100vw);
    }
}

.sec10__info-label {
    background: rgb(51, 51, 51);
    padding: min(calc(1.5 / 1080 * 100vw), 1.5px) 0 min(calc(3 / 1080 * 100vw), 3px);
    text-align: center;
}

@media screen and (max-width: 767px) {
    .sec10__info-label {
        padding: calc(2 / 750 * 100vw) 0 calc(4 / 750 * 100vw);
    }
}

.sec10__info-label {
    font-size: min(calc(16 / 1080 * 100vw), 16px);
    font-weight: 600;
    color: rgb(255, 255, 255);
    letter-spacing: 0.08em;
}

@media screen and (max-width: 767px) {
    .sec10__info-label {
        font-size: calc(26 / 750 * 100vw);
        letter-spacing: 0.08em;
    }
}

.sec10__info-content {
    font-size: min(calc(16 / 1080 * 100vw), 16px);
    font-weight: 400;
    color: rgb(51, 51, 51);
    letter-spacing: 0.08em;
    line-height: 1.6;
}

@media screen and (max-width: 767px) {
    .sec10__info-content {
        font-size: calc(26 / 750 * 100vw);
        letter-spacing: 0.08em;
    }
}

.sec10__info-note {
    font-size: min(calc(12 / 1080 * 100vw), 12px);
    font-weight: 400;
    color: rgb(51, 51, 51);
    letter-spacing: 0.04em;
    line-height: 1.6;
}

@media screen and (max-width: 767px) {
    .sec10__info-note {
        font-size: calc(20 / 750 * 100vw);
        letter-spacing: 0.04em;
    }
}

.sec10__info-note--highlight {
    font-weight: 700;
    color: rgb(23, 74, 69);
}

.sec10__items {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: min(calc(14 / 1080 * 100vw), 14px);
    width: min(calc(920 / 1080 * 100vw), 920px);
}

@media screen and (max-width: 767px) {
    .sec10__items {
        gap: calc(16 / 750 * 100vw);
        width: calc(630 / 750 * 100vw);
    }
}

.sec10__item {
    width: min(calc(126 / 1080 * 100vw), 126px);
    height: min(calc(150 / 1080 * 100vw), 150px);
    padding-top: min(calc(14 / 1080 * 100vw), 14px);
    background: linear-gradient(125deg, rgb(23, 74, 69) 50%, #2A5954 50%);
    display: flex;
    flex-direction: column;
    align-items: center;
}

@media screen and (max-width: 767px) {
    .sec10__item {
        padding-top: min(calc(24 / 1080 * 100vw), 24px);
        width: calc(144 / 750 * 100vw);
        height: calc(216 / 750 * 100vw);
    }
}

.sec10__item img {
    width: min(calc(72 / 1080 * 100vw), 72px);
    height: min(calc(72 / 1080 * 100vw), 72px);
}

@media screen and (max-width: 767px) {
    .sec10__item img {
        width: calc(96 / 750 * 100vw);
        height: calc(96 / 750 * 100vw);
    }
}

.sec10__item-text {
    text-align: center;
    line-height: 1;
}

.sec10__item-text span {
    font-size: min(calc(16 / 1080 * 100vw), 16px);
    font-weight: 600;
    color: rgb(255, 255, 255);
    letter-spacing: 0.08em;
    line-height: 1.4;
}

@media screen and (max-width: 767px) {
    .sec10__item-text span {
        font-size: calc(26 / 750 * 100vw);
        letter-spacing: 0.08em;
    }
}

.sec10 .adlp-btn.--btn04 {
    background: #fff;
    border: min(calc(2 / 1080 * 100vw), 2px) solid #333;
    width: min(calc(390 / 1080 * 100vw), 390px);
    height: min(calc(70 / 1080 * 100vw), 70px);
}

@media screen and (max-width: 767px) {
    .sec10 .adlp-btn.--btn04 {
        border-width: calc(2 / 750 * 100vw);
        width: calc(550 / 750 * 100vw);
        height: calc(104 / 750 * 100vw);
    }
}

.sec10 .adlp-btn.--btn04 p {
    font-size: min(calc(24 / 1080 * 100vw), 24px);
    color: #333;
}

@media screen and (max-width: 767px) {
    .sec10 .adlp-btn.--btn04 p {
        font-size: calc(32 / 750 * 100vw);
    }
}

.sec10 .adlp-btn.--btn04::after {
    right: min(calc(20 / 1080 * 100vw), 20px);
    width: min(calc(22 / 1080 * 100vw), 22px);
    height: min(calc(22 / 1080 * 100vw), 22px);
    background: url(../img/common/icon_arrow3.svg) 0 0/100% no-repeat;
}

@media screen and (max-width: 767px) {
    .sec10 .adlp-btn.--btn04::after {
        right: calc(40 / 750 * 100vw);
        width: calc(28 / 750 * 100vw);
        height: calc(28 / 750 * 100vw);
    }
}

.sec11 {
    background: #fff;
    padding: min(calc(100 / 1080 * 100vw), 100px) 0;
}

@media screen and (max-width: 767px) {
    .sec11 {
        padding: calc(80 / 750 * 100vw) 0;
    }
}

.sec11 .sec11__inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: min(calc(60 / 1080 * 100vw), 60px);
    width: min(calc(920 / 1080 * 100vw), 920px);
    margin: 0 auto;
}

@media screen and (max-width: 767px) {
    .sec11 .sec11__inner {
        gap: calc(60 / 750 * 100vw);
        width: calc(630 / 750 * 100vw);
    }
}

.sec11 .sec11__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: min(calc(24 / 1080 * 100vw), 24px);
    margin: 0 0;
}

@media screen and (max-width: 767px) {
    .sec11 .sec11__header {
        gap: calc(32 / 750 * 100vw);
    }
}

.sec11 .sec11__main {
    font-size: min(calc(42 / 1080 * 100vw), 42px);
    font-weight: 500;
    line-height: 1.2;
    color: rgb(23, 74, 69);
    letter-spacing: 0.12em;
}

@media screen and (max-width: 767px) {
    .sec11 .sec11__main {
        font-size: calc(56 / 750 * 100vw);
        letter-spacing: 0.12em;
    }
}

.sec11 .sec11__content {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: min(calc(40 / 1080 * 100vw), 40px);
}

@media screen and (max-width: 767px) {
    .sec11 .sec11__content {
        gap: calc(60 / 750 * 100vw);
    }
}

.sec11 .adlp-accordion__wrapper {
    gap: min(calc(64 / 1080 * 100vw), 64px);
}

@media screen and (max-width: 767px) {
    .sec11 .adlp-accordion__wrapper {
        gap: calc(70 / 750 * 100vw);
    }
}

.sec11 .sec11__title {
    text-align: center;
    width: 100%;
    margin: 0 0 min(calc(24 / 1080 * 100vw), 24px);
    color: #452F04;
    font-size: min(calc(22 / 1080 * 100vw), 22px);
    font-weight: 600;
    line-height: 110%;
}

@media screen and (max-width: 767px) {
    .sec11 .sec11__title {
        margin: 0 0 calc(32 / 750 * 100vw);
        font-size: calc(30 / 750 * 100vw);
    }
}

.sec11 .adlp-accordion {
    background: transparent;
    margin: 0 auto;
    width: min(calc(920 / 1080 * 100vw), 920px);
}

@media screen and (max-width: 767px) {
    .sec11 .adlp-accordion {
        width: calc(630 / 750 * 100vw);
    }
}

.sec11 .adlp-accordion__body__inner {
    display: block;
    padding: min(calc(16 / 1080 * 100vw), 16px) 0 0;
}

@media screen and (max-width: 767px) {
    .sec11 .adlp-accordion__body__inner {
        padding-top: calc(16 / 750 * 100vw);
    }
}

.sec11 .adlp-accordion__header {
    margin: 0 auto;
    width: min(calc(470 / 1080 * 100vw), 470px);
    height: min(calc(70 / 1080 * 100vw), 70px);
    border: min(calc(2 / 1080 * 100vw), 2px) solid rgb(51, 51, 51);
    border-radius: min(calc(35 / 1080 * 100vw), 35px);
}

@media screen and (max-width: 767px) {
    .sec11 .adlp-accordion__header {
        width: calc(630 / 750 * 100vw);
        height: calc(120 / 750 * 100vw);
        border-width: calc(2 / 750 * 100vw);
        border-radius: calc(99 / 750 * 100vw);
    }
}

.sec11 .adlp-accordion__header::after {
    border-radius: 50%;
    width: min(calc(22 / 1080 * 100vw), 22px);
    height: min(calc(22 / 1080 * 100vw), 22px);
    right: min(calc(40 / 1080 * 100vw), 40px);
    background: url(../img/common/icon_toggle1.svg) 50% 50%/min(calc(10 / 1080 * 100vw), 10px) no-repeat rgb(23, 74, 69);
}

@media screen and (max-width: 767px) {
    .sec11 .adlp-accordion__header::after {
        width: calc(28 / 750 * 100vw);
        height: calc(28 / 750 * 100vw);
        right: calc(40 / 750 * 100vw);
        background-size: calc(14 / 750 * 100vw);
    }
}

.sec11 .adlp-accordion__header__inner {
    justify-content: center;
    align-items: center;
    padding: 0;
    height: 100%;
}

@media screen and (max-width: 767px) {
    .sec11 .adlp-accordion__header__inner {
        gap: calc(10 / 750 * 100vw);
    }
}

.sec11 .adlp-accordion__header__inner p {
    font-size: min(calc(24 / 1080 * 100vw), 24px);
    font-weight: 500;
    color: rgb(51, 51, 51);
    letter-spacing: 0.04em;
    text-align: center;
}

@media screen and (max-width: 767px) {
    .sec11 .adlp-accordion__header__inner p {
        font-size: calc(32 / 750 * 100vw);
        letter-spacing: 0.04em;
    }
}

.sec11 .sec11__box {
    background-color: #F3EFEF;
    padding: min(calc(40 / 1080 * 100vw), 40px) 0;
}

@media screen and (max-width: 767px) {
    .sec11 .sec11__box {
        padding: calc(40 / 750 * 100vw) calc(14 / 750 * 100vw);
    }
}

.sec11 .sec11__steps {
    position: relative;
    width: fit-content;
    margin: 0 auto;
}

@media screen and (max-width: 767px) {
    .sec11 .sec11__steps {
        align-self: stretch;
    }
}

.sec11 .sec11__step-group {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: min(calc(520 / 1080 * 100vw), 520px);
}

@media screen and (max-width: 767px) {
    .sec11 .sec11__step-group {
        justify-content: space-between;
        align-self: stretch;
        width: calc(600 / 750 * 100vw);
        gap: calc(30 / 750 * 100vw);
    }
}

.sec11 .sec11__step {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: min(calc(146 / 1080 * 100vw), 146px);
    height: min(calc(146 / 1080 * 100vw), 146px);
    border: 1px solid rgb(69, 47, 4);
    border-radius: 50%;
    background-color: #fff;
}

@media screen and (max-width: 767px) {
    .sec11 .sec11__step {
        width: calc(180 / 750 * 100vw);
        height: calc(180 / 750 * 100vw);
    }
}

.sec11 .sec11__step:nth-child(-n+2)::after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: max(calc(-28 / 1080 * 100vw), -28px);
    width: min(calc(12 / 1080 * 100vw), 12px);
    height: min(calc(30 / 1080 * 100vw), 30px);
    background: #B5A89D;
    clip-path: polygon(0 0, 100% 50%, 0 100%);
}

@media screen and (max-width: 767px) {
    .sec11 .sec11__step:nth-child(-n+2)::after {
        right: calc(-25 / 750 * 100vw);
        width: calc(14 / 750 * 100vw);
        height: calc(34 / 750 * 100vw);
    }
}

.sec11 .sec11__step-text,
.sec11 .sec11__step-complex {
    font-weight: 700;
    font-size: min(calc(16 / 1080 * 100vw), 16px);
    line-height: 1.4;
    letter-spacing: 0.04em;
    text-align: center;
    color: rgb(69, 47, 4);
}

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

    .sec11 .sec11__step-text,
    .sec11 .sec11__step-complex {
        font-size: calc(26 / 750 * 100vw);
    }
}

.sec11 .sec11__step-text p,
.sec11 .sec11__step-complex p {
    margin: 0;
    line-height: 1.5;
}

.sec11 .sec11__step-text p:first-child,
.sec11 .sec11__step-complex p:first-child {
    margin-bottom: 0;
    letter-spacing: 0em;
}

.sec11 .sec11__step-complex {
    top: min(calc(40 / 1080 * 100vw), 40px);
    left: min(calc(19 / 1080 * 100vw), 19px);
    width: min(calc(109 / 1080 * 100vw), 109px);
    height: min(calc(67 / 1080 * 100vw), 67px);
    transform: none;
}

@media screen and (max-width: 767px) {
    .sec11 .sec11__step-complex {
        top: calc(44 / 750 * 100vw);
        left: calc(19 / 750 * 100vw);
        width: calc(157 / 750 * 100vw);
        height: calc(117 / 750 * 100vw);
    }
}

.sec11 .sec11__step-main {
    position: relative;
    font-weight: 700;
    text-align: center;
    color: rgb(69, 47, 4);
}

.sec11 .sec11__step-main .sec11__step-number {
    font-size: min(calc(16 / 1080 * 100vw), 16px);
    line-height: 1.8;
    letter-spacing: 0.04em;
    color: rgb(69, 47, 4);
}

@media screen and (max-width: 767px) {
    .sec11 .sec11__step-main .sec11__step-number {
        font-size: calc(26 / 750 * 100vw);
    }
}

.sec11 .sec11__step-main .sec11__step-big {
    font-size: min(calc(30 / 1080 * 100vw), 30px);
    line-height: 1;
    letter-spacing: 0.04em;
    color: rgb(23, 74, 69);
}

@media screen and (max-width: 767px) {
    .sec11 .sec11__step-main .sec11__step-big {
        font-size: calc(40 / 750 * 100vw);
        line-height: 1.4;
    }
}

.sec11 .sec11__step-main .sec11__step-unit {
    font-size: min(calc(18 / 1080 * 100vw), 18px);
    line-height: 1.8;
    letter-spacing: 0.04em;
    color: rgb(23, 74, 69);
}

@media screen and (max-width: 767px) {
    .sec11 .sec11__step-main .sec11__step-unit {
        font-size: calc(26 / 750 * 100vw);
    }
}

.sec11 .sec11__step-main .sec11__step-suffix {
    font-size: min(calc(18 / 1080 * 100vw), 18px);
    line-height: 1.8;
    letter-spacing: 0.04em;
    color: rgb(69, 47, 4);
}

@media screen and (max-width: 767px) {
    .sec11 .sec11__step-main .sec11__step-suffix {
        font-size: calc(26 / 750 * 100vw);
    }
}

.sec11 .sec11__step-note {
    font-weight: 400;
    font-size: min(calc(12 / 1080 * 100vw), 12px);
    line-height: 1.3;
    letter-spacing: 0.08em;
    color: rgb(51, 51, 51);
}

@media screen and (max-width: 767px) {
    .sec11 .sec11__step-note {
        bottom: calc(-23 / 750 * 100vw);
        font-size: calc(18 / 750 * 100vw);
    }
}

.sec11 .sec11__button-wrapper {
    margin: min(calc(30 / 1080 * 100vw), 30px) auto 0;
}

@media screen and (max-width: 767px) {
    .sec11 .sec11__button-wrapper {
        margin: calc(30 / 750 * 100vw) auto 0;
    }
}

.sec11 .sec11__button-wrapper .adlp-btn.--btn04.-c {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: min(calc(36 / 1080 * 100vw), 36px);
    padding: min(calc(12 / 1080 * 100vw), 12px) min(calc(32 / 1080 * 100vw), 32px) min(calc(12 / 1080 * 100vw), 12px) min(calc(12 / 1080 * 100vw), 12px);
    width: min(calc(480 / 1080 * 100vw), 480px);
    height: min(calc(90 / 1080 * 100vw), 90px);
    margin: auto;
    background: #00B900;
    border-radius: min(calc(6 / 1080 * 100vw), 6px);
}

@media screen and (max-width: 767px) {
    .sec11 .sec11__button-wrapper .adlp-btn.--btn04.-c {
        gap: calc(40 / 750 * 100vw);
        padding: calc(16 / 750 * 100vw);
        width: calc(600 / 750 * 100vw);
        height: calc(120 / 750 * 100vw);
        border-radius: calc(8 / 750 * 100vw);
    }
}

.sec11 .sec11__button-wrapper .adlp-btn.--btn04.-c::after {
    content: "";
    background: url(../img/common/icon_arrow1.svg) no-repeat center;
    background-size: contain;
    width: min(calc(27 / 1080 * 100vw), 27px);
    height: min(calc(9 / 1080 * 100vw), 9px);
}

@media screen and (max-width: 767px) {
    .sec11 .sec11__button-wrapper .adlp-btn.--btn04.-c::after {
        width: calc(36 / 750 * 100vw);
        height: calc(12 / 750 * 100vw);
    }
}

.sec11 .sec11__btn-badge {
    display: flex;
    justify-content: center;
    align-items: center;
    align-self: stretch;
    gap: min(calc(7.5 / 1080 * 100vw), 7.5px);
    padding: min(calc(12 / 1080 * 100vw), 12px);
    background: rgb(255, 255, 255);
    border-radius: min(calc(3 / 1080 * 100vw), 3px);
}

@media screen and (max-width: 767px) {
    .sec11 .sec11__btn-badge {
        gap: calc(10 / 750 * 100vw);
        padding: calc(16 / 750 * 100vw);
        border-radius: calc(4 / 750 * 100vw);
    }
}

.sec11 .sec11__btn-badge p {
    margin: 0;
    font-size: min(calc(18 / 1080 * 100vw), 18px);
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 0.04em;
    text-align: center;
    color: rgb(23, 74, 69);
}

@media screen and (max-width: 767px) {
    .sec11 .sec11__btn-badge p {
        font-size: calc(24 / 750 * 100vw);
    }
}

.sec11 .sec11__btn-badge p .--large {
    font-size: min(calc(24 / 1080 * 100vw), 24px);
}

@media screen and (max-width: 767px) {
    .sec11 .sec11__btn-badge p .--large {
        font-size: calc(32 / 750 * 100vw);
    }
}

.sec11 .sec11__btn-text {
    margin: 0;
    font-weight: 600;
    font-size: min(calc(28 / 1080 * 100vw), 28px);
    line-height: 1;
    letter-spacing: 0.04em;
    text-align: center;
    color: rgb(255, 255, 255);
}

@media screen and (max-width: 767px) {
    .sec11 .sec11__btn-text {
        font-size: calc(38 / 750 * 100vw);
    }
}

.sec11 .sec11__note {
    margin: 0;
    font-weight: 400;
    font-size: min(calc(12 / 1080 * 100vw), 12px);
    line-height: 1.3;
    letter-spacing: 0.08em;
    color: rgb(51, 51, 51);
    width: fit-content;
    margin: min(calc(32 / 1080 * 100vw), 32px) auto 0;
}

@media screen and (max-width: 767px) {
    .sec11 .sec11__note {
        font-size: calc(20 / 750 * 100vw);
        width: calc(600 / 750 * 100vw);
        margin: calc(40 / 750 * 100vw) auto 0;
    }
}

.sec11 .sec11__img {
    width: min(calc(860 / 1080 * 100vw), 860px);
    margin: auto;
}

@media screen and (max-width: 767px) {
    .sec11 .sec11__img {
        width: calc(560 / 750 * 100vw);
    }
}

.sec11 .sec11__tags {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: min(calc(16 / 1080 * 100vw), 16px);
    margin: min(calc(24 / 1080 * 100vw), 24px) 0 0;
}

@media screen and (max-width: 767px) {
    .sec11 .sec11__tags {
        gap: calc(0 / 750 * 100vw);
        width: calc(560 / 750 * 100vw);
        justify-content: space-between;
        margin: calc(50 / 750 * 100vw) auto 0;
    }
}

.sec11 .sec11__tag {
    width: min(calc(200 / 1080 * 100vw), 200px);
    height: min(calc(72 / 1080 * 100vw), 72px);
    background-image: url("data:image/svg+xml,%3Csvg width='200' height='72' viewBox='0 0 200 72' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='200' height='72' fill='%23174A45'/%3E%3Cpath opacity='0.08' d='M0 72L200 0V72H0Z' fill='white'/%3E%3C/svg%3E%0A");
    background-size: contain;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    display: flex;
    justify-content: center;
    align-items: center;
}

@media screen and (max-width: 767px) {
    .sec11 .sec11__tag {
        width: calc(260 / 750 * 100vw);
        height: calc(100 / 750 * 100vw);
        background-image: url("data:image/svg+xml,%3Csvg width='261' height='101' viewBox='0 0 261 101' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='260' height='100' fill='%23174A45'/%3E%3Cpath opacity='0.08' d='M0.460938 101L260.461 0V101H0.460938Z' fill='white'/%3E%3C/svg%3E%0A");
    }
}

.sec11 .sec11__tagText {
    color: #FFF;
    text-align: center;
    font-size: min(calc(16 / 1080 * 100vw), 16px);
    font-weight: 600;
    line-height: 140%;
}

@media screen and (max-width: 767px) {
    .sec11 .sec11__tagText {
        font-size: calc(26 / 750 * 100vw);
    }
}

.sec11 .sec11__lead {
    color: #333;
    text-align: center;
    font-family: "Noto Serif JP", serif;
    font-size: min(calc(22 / 1080 * 100vw), 22px);
    font-weight: 500;
    line-height: 130%;
    margin: min(calc(24 / 1080 * 100vw), 24px) 0 0;
}

@media screen and (max-width: 767px) {
    .sec11 .sec11__lead {
        font-size: calc(32 / 750 * 100vw);
        margin: calc(50 / 750 * 100vw) 0 0;
    }
}

.sec11 .sec11__btn--e {
    width: fit-content;
    margin: min(calc(16 / 1080 * 100vw), 16px) auto 0;
}

@media screen and (max-width: 767px) {
    .sec11 .sec11__btn--e {
        margin: calc(40 / 750 * 100vw) auto 0;
    }
}

.sec11 .sec11__btn--e .adlp-btn.--btn04.--e {
    width: min(calc(480 / 1080 * 100vw), 480px);
}

@media screen and (max-width: 767px) {
    .sec11 .sec11__btn--e .adlp-btn.--btn04.--e {
        width: calc(600 / 750 * 100vw);
    }
}

/* =====================================
 * method
 * ===================================== */
.method {
    background-color: #F3EFEF;
    padding: min(calc(100 / 1080 * 100vw), 100px) 0;
}

@media screen and (max-width: 767px) {
    .method {
        padding: calc(80 / 750 * 100vw) 0;
    }
}

.method__inner {
    width: min(calc(900 / 1080 * 100vw), 900px);
    margin: 0 auto;
}

@media screen and (max-width: 767px) {
    .method__inner {
        width: calc(630 / 750 * 100vw);
    }
}

.method__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: min(calc(24 / 1080 * 100vw), 24px);
    margin-bottom: min(calc(60 / 1080 * 100vw), 60px);
}

@media screen and (max-width: 767px) {
    .method__header {
        gap: calc(40 / 750 * 100vw);
        margin-bottom: calc(60 / 750 * 100vw);
    }
}

.method__header__title {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: min(calc(18 / 1080 * 100vw), 18px);
}

@media screen and (max-width: 767px) {
    .method__header__title {
        gap: calc(24 / 750 * 100vw);
    }
}

.method__header__label {
    font-size: min(calc(20 / 1080 * 100vw), 20px);
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0.24em;
    color: #B99566;
}

@media screen and (max-width: 767px) {
    .method__header__label {
        font-size: calc(28 / 750 * 100vw);
    }
}

.method__header__line {
    width: min(calc(30 / 1080 * 100vw), 30px);
    height: 1px;
    background-color: #B99566;
}

@media screen and (max-width: 767px) {
    .method__header__line {
        width: calc(40 / 750 * 100vw);
    }
}

.method__header__main {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0;
}

.method__header__subtitle {
    margin: 0;
    font-size: min(calc(22 / 1080 * 100vw), 22px);
    font-weight: 600;
    line-height: 1.1;
    letter-spacing: 0.08em;
    color: #333;
    margin-bottom: min(calc(18 / 1080 * 100vw), 18px);
}

@media screen and (max-width: 767px) {
    .method__header__subtitle {
        font-size: calc(30 / 750 * 100vw);
    }
}

.method__header__title-main {
    margin: 0;
    font-size: min(calc(42 / 1080 * 100vw), 42px);
    font-weight: 500;
    line-height: 1.1;
    letter-spacing: 0.12em;
    color: #174A45;
}

@media screen and (max-width: 767px) {
    .method__header__title-main {
        font-size: calc(56 / 750 * 100vw);
    }
}

.method__cards {
    display: flex;
    flex-direction: column;
    gap: min(calc(60 / 1080 * 100vw), 60px);
}

@media screen and (max-width: 767px) {
    .method__cards {
        gap: calc(90 / 750 * 100vw);
    }
}

.method__card {
    position: relative;
}

.method__card__decoration {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: min(calc(-46 / 1080 * 100vw), -46px);
}

@media screen and (max-width: 767px) {
    .method__card__decoration {
        margin-bottom: calc(-78 / 750 * 100vw);
    }
}

.method__card__line {
    position: absolute;
    top: 50%;
    height: 4px;
    background-color: #82B8A6;
}

@media screen and (max-width: 767px) {
    .method__card__line {
        height: 2px;
    }
}

.method__card__line.--left {
    left: 0;
    width: min(calc(370 / 1080 * 100vw), 370px);
}

@media screen and (max-width: 767px) {
    .method__card__line.--left {
        width: calc(210 / 750 * 100vw);
    }
}

.method__card__line.--right {
    right: 0;
    width: min(calc(370 / 1080 * 100vw), 370px);
}

@media screen and (max-width: 767px) {
    .method__card__line.--right {
        width: calc(210 / 750 * 100vw);
    }
}

.method__card__icon {
    position: relative;
    z-index: 1;
    width: min(calc(120 / 1080 * 100vw), 120px);
    height: min(calc(120 / 1080 * 100vw), 120px);
}

@media screen and (max-width: 767px) {
    .method__card__icon {
        width: calc(160 / 750 * 100vw);
        height: calc(160 / 750 * 100vw);
    }
}

.method__card__icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.method__card__body {
    background-color: #fff;
    padding: min(calc(80 / 1080 * 100vw), 80px) min(calc(45 / 1080 * 100vw), 45px) min(calc(38 / 1080 * 100vw), 38px);
}

@media screen and (max-width: 767px) {
    .method__card__body {
        padding: calc(103 / 750 * 100vw) calc(25 / 750 * 100vw) calc(60 / 750 * 100vw);
    }
}

.method__card__content {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: min(calc(36 / 1080 * 100vw), 36px);
}

@media screen and (max-width: 767px) {
    .method__card__content {
        gap: calc(36 / 750 * 100vw);
    }
}

.method__card__info {
    display: flex;
    align-items: center;
    gap: min(calc(40 / 1080 * 100vw), 40px);
    width: 100%;
}

@media screen and (max-width: 767px) {
    .method__card__info {
        flex-direction: column;
        gap: calc(10 / 750 * 100vw);
    }
}

.method__card__title {
    display: flex;
    align-items: center;
    gap: min(calc(14 / 1080 * 100vw), 14px);
    flex-shrink: 0;
}

@media screen and (max-width: 767px) {
    .method__card__title {
        gap: calc(21 / 750 * 100vw);
    }
}

.method__card__number {
    font-size: min(calc(58 / 1080 * 100vw), 58px);
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0.02em;
    color: #B99566;
}

@media screen and (max-width: 767px) {
    .method__card__number {
        font-size: calc(72 / 750 * 100vw);
    }
}

.method__card__name {
    font-size: min(calc(36 / 1080 * 100vw), 36px);
    font-weight: 500;
    line-height: 1.6;
    letter-spacing: 0.08em;
    color: #174A45;
}

@media screen and (max-width: 767px) {
    .method__card__name {
        font-size: calc(50 / 750 * 100vw);
    }
}

.method__card__desc {
    margin: 0;
    font-size: min(calc(22 / 1080 * 100vw), 22px);
    font-weight: 400;
    line-height: 1.8;
    letter-spacing: 0.01em;
    color: #333;
}

@media screen and (max-width: 767px) {
    .method__card__desc {
        font-size: calc(30 / 750 * 100vw);
        text-align: center;
    }
}

.method__card__btn {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: min(calc(470 / 1080 * 100vw), 470px);
    height: min(calc(70 / 1080 * 100vw), 70px);
    border: 2px solid #174A45;
    border-radius: min(calc(35 / 1080 * 100vw), 35px);
    background-color: #fff;
    text-decoration: none;
    transition: opacity 0.3s;
}

@media screen and (max-width: 767px) {
    .method__card__btn {
        width: calc(550 / 750 * 100vw);
        height: calc(98 / 750 * 100vw);
        border-radius: calc(99 / 750 * 100vw);
    }
}

.method__card__btn:hover {
    opacity: 0.7;
}

.method__card__btn-text {
    font-size: min(calc(23 / 1080 * 100vw), 23px);
    font-weight: 500;
    line-height: 1.1;
    letter-spacing: 0.04em;
    color: #174A45;
}

@media screen and (max-width: 767px) {
    .method__card__btn-text {
        font-size: calc(28 / 750 * 100vw);
    }
}

.method__card__btn-icon {
    position: absolute;
    right: min(calc(30 / 1080 * 100vw), 30px);
    top: 50%;
    transform: translateY(-50%);
    width: min(calc(22 / 1080 * 100vw), 22px);
    height: min(calc(22 / 1080 * 100vw), 22px);
}

@media screen and (max-width: 767px) {
    .method__card__btn-icon {
        right: calc(27 / 750 * 100vw);
        width: calc(28 / 750 * 100vw);
        height: calc(28 / 750 * 100vw);
    }
}

.method__card__btn-icon img {
    width: 100%;
    height: 100%;
}

/* =====================================
   Floating
   ===================================== */
.adlp-floating {
    position: fixed;
    bottom: 0;
    left: 50%;
    width: 100%;
    background-color: #F5F5F5;
    z-index: 1000;
    display: flex;
    justify-content: center;
    align-items: center;
    height: min(calc(90 / 1080 * 100vw), 90px);
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s, visibility 0.3s;
}

@media screen and (max-width: 767px) {
    .adlp-floating {
        height: calc(140 / 750 * 100vw);
    }
}

.adlp-floating.--show {
    opacity: 1;
    visibility: visible;
}

.adlp-floating__inner {
    display: flex;
    align-items: center;
    gap: min(calc(10 / 1080 * 100vw), 10px);
    width: min(calc(630 / 1080 * 100vw), 630px);
    margin: 0 auto;
}

@media screen and (max-width: 767px) {
    .adlp-floating__inner {
        gap: calc(18 / 750 * 100vw);
        width: 100%;
    }
}

.adlp-floating__group {
    display: flex;
    flex-direction: column;
    gap: min(calc(6 / 1080 * 100vw), 6px);
}

@media screen and (max-width: 767px) {
    .adlp-floating__group {
        gap: calc(6 / 750 * 100vw);
    }
}

.adlp-floating__label {
    font-size: min(calc(12 / 1080 * 100vw), 12px);
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: 0.08em;
    text-align: center;
    color: #333333;
}

@media screen and (max-width: 767px) {
    .adlp-floating__label {
        font-size: calc(22 / 750 * 100vw);
    }
}

.adlp-floating__btns {
    display: flex;
    align-items: center;
    gap: min(calc(10 / 1080 * 100vw), 10px);
}

@media screen and (max-width: 767px) {
    .adlp-floating__btns {
        gap: calc(18 / 750 * 100vw);
    }
}

.adlp-floating__btn {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: min(calc(6 / 1080 * 100vw), 6px);
    box-shadow: 4px 5px 4px 0px rgba(0, 0, 0, 0.25);
    transition: opacity 0.3s;
}

@media screen and (max-width: 767px) {
    .adlp-floating__btn {
        border-radius: calc(6 / 750 * 100vw);
    }
}

.adlp-floating__btn:hover {
    opacity: 0.7;
}

.adlp-floating__btn.--primary {
    width: min(calc(308 / 1080 * 100vw), 308px);
    height: min(calc(50 / 1080 * 100vw), 50px);
    background-color: #C6A064;
}

@media screen and (max-width: 767px) {
    .adlp-floating__btn.--primary {
        width: calc(336 / 750 * 100vw);
        height: calc(80 / 750 * 100vw);
    }
}

.adlp-floating__btn.--secondary {
    width: min(calc(149 / 1080 * 100vw), 149px);
    height: min(calc(50 / 1080 * 100vw), 50px);
    background-color: #6E7273;
}

@media screen and (max-width: 767px) {
    .adlp-floating__btn.--secondary {
        width: calc(159 / 750 * 100vw);
        height: calc(80 / 750 * 100vw);
    }
}

.adlp-floating__btn-text {
    font-size: min(calc(16 / 1080 * 100vw), 16px);
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 0.12em;
    text-align: center;
    color: #FFFFFF;
}

@media screen and (max-width: 767px) {
    .adlp-floating__btn-text {
        font-size: calc(26 / 750 * 100vw);
    }
}

/* sec02 access styles for hamamatsu */
.sec02__access {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: min(calc(24 / 1080 * 100vw), 24px);
}

@media screen and (max-width: 767px) {
    .sec02__access {
        gap: calc(40 / 750 * 100vw);
    }
}

.sec02__access-header {
    width: 100%;
    background: #452f04;
    padding: min(calc(9 / 1080 * 100vw), 9px) min(calc(12 / 1080 * 100vw), 12px) min(calc(12 / 1080 * 100vw), 12px);
    text-align: center;
}

@media screen and (max-width: 767px) {
    .sec02__access-header {
        padding: calc(12 / 750 * 100vw) calc(16 / 750 * 100vw) calc(16 / 750 * 100vw);
    }
}

.sec02__access-header span {
    font-family: "Noto Sans JP", sans-serif;
    font-size: min(calc(24 / 1080 * 100vw), 24px);
    font-weight: 600;
    color: #fff;
    letter-spacing: 0.08em;
    line-height: 1.4;
}

@media screen and (max-width: 767px) {
    .sec02__access-header span {
        font-size: calc(32 / 750 * 100vw);
        letter-spacing: 0.08em;
    }
}

.sec02__access-title {
    font-size: min(calc(27 / 1080 * 100vw), 27px);
    font-weight: 600;
    color: #174a45;
    letter-spacing: 0.08em;
    line-height: 1.6;
}

@media screen and (max-width: 767px) {
    .sec02__access-title {
        font-size: calc(36 / 750 * 100vw);
        letter-spacing: 0.08em;
    }
}

.sec02__access-map {
    display: flex;
    align-items: flex-start;
    gap: min(calc(30 / 1080 * 100vw), 30px);
    width: 100%;
}

@media screen and (max-width: 767px) {
    .sec02__access-map {
        flex-direction: column;
        gap: calc(40 / 750 * 100vw);
    }
}

.sec02__access-map > picture {
    flex-shrink: 0;
    width: min(calc(501 / 1080 * 100vw), 501px);
    overflow: hidden;
}

@media screen and (max-width: 767px) {
    .sec02__access-map > picture {
        width: 100%;
    }
}

.sec02__access-map-info {
    display: flex;
    flex-direction: column;
    gap: min(calc(15 / 1080 * 100vw), 15px);
}

@media screen and (max-width: 767px) {
    .sec02__access-map-info {
        gap: calc(20 / 750 * 100vw);
    }
}

.sec02__access-mapcode {
    display: flex;
    align-items: center;
    gap: min(calc(15 / 1080 * 100vw), 15px);
}

@media screen and (max-width: 767px) {
    .sec02__access-mapcode {
        gap: calc(20 / 750 * 100vw);
    }
}

.sec02__access-mapcode-label {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: min(calc(1.5 / 1080 * 100vw), 1.5px) min(calc(7.5 / 1080 * 100vw), 7.5px);
    border: 1px solid #452f04;
    font-size: min(calc(24 / 1080 * 100vw), 24px);
    font-weight: 500;
    color: #452f04;
    letter-spacing: 0.08em;
    line-height: 1.6;
}

@media screen and (max-width: 767px) {
    .sec02__access-mapcode-label {
        padding: calc(2 / 750 * 100vw) calc(10 / 750 * 100vw);
        font-size: calc(32 / 750 * 100vw);
    }
}

.sec02__access-mapcode-value {
    font-size: min(calc(24 / 1080 * 100vw), 24px);
    font-weight: 600;
    color: #452f04;
    letter-spacing: 0.08em;
    line-height: 1.6;
}

@media screen and (max-width: 767px) {
    .sec02__access-mapcode-value {
        font-size: calc(32 / 750 * 100vw);
    }
}

.sec02__access-address {
    font-size: min(calc(18 / 1080 * 100vw), 18px);
    font-weight: 400;
    color: #333;
    letter-spacing: 0.08em;
    line-height: 1.6;
}

@media screen and (max-width: 767px) {
    .sec02__access-address {
        font-size: calc(26 / 750 * 100vw);
    }
}

.sec02__access-note {
    font-size: min(calc(15 / 1080 * 100vw), 15px);
    font-weight: 400;
    color: #333;
    letter-spacing: 0.08em;
    line-height: 1.6;
}

@media screen and (max-width: 767px) {
    .sec02__access-note {
        font-size: calc(20 / 750 * 100vw);
    }
}

.sec02__access-steps {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: center;
    gap: min(calc(16 / 1080 * 100vw), 16px);
    width: 100%;
}

@media screen and (max-width: 767px) {
    .sec02__access-steps {
        flex-direction: column;
        align-items: center;
        gap: calc(40 / 750 * 100vw);
    }
}

.sec02__access-step {
    display: flex;
    flex-direction: column;
    gap: min(calc(4 / 1080 * 100vw), 4px);
    width: min(calc(410 / 1080 * 100vw), 410px);
}

@media screen and (max-width: 767px) {
    .sec02__access-step {
        width: 100%;
        gap: calc(40 / 750 * 100vw);
    }
}

.sec02__access-step-img {
    width: 100%;
    overflow: hidden;
}

.sec02__access-step-img img {
    width: 100%;
    height: auto;
    object-fit: cover;
}

.sec02__access-step-content {
    display: flex;
    align-items: center;
    gap: min(calc(12 / 1080 * 100vw), 12px);
    min-height: min(calc(63 / 1080 * 100vw), 63px);
}

@media screen and (max-width: 767px) {
    .sec02__access-step-content {
        gap: calc(20 / 750 * 100vw);
        min-height: calc(84 / 750 * 100vw);
    }
}

.sec02__access-step-num {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: min(calc(38 / 1080 * 100vw), 38px);
    height: min(calc(38 / 1080 * 100vw), 38px);
    background: #174a45;
    border-radius: 50%;
}

@media screen and (max-width: 767px) {
    .sec02__access-step-num {
        width: calc(84 / 750 * 100vw);
        height: calc(84 / 750 * 100vw);
    }
}

.sec02__access-step-num span {
    font-size: min(calc(22 / 1080 * 100vw), 22px);
    font-weight: 500;
    color: #fff;
    line-height: 1;
}

@media screen and (max-width: 767px) {
    .sec02__access-step-num span {
        font-size: calc(52 / 750 * 100vw);
    }
}

.sec02__access-step-text {
    flex: 1;
    font-size: min(calc(16 / 1080 * 100vw), 16px);
    font-weight: 400;
    color: #333;
    letter-spacing: 0.08em;
    line-height: 1.6;
    text-align: justify;
}

@media screen and (max-width: 767px) {
    .sec02__access-step-text {
        font-size: calc(26 / 750 * 100vw);
    }
}

.sec02__access-arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.sec02__access-arrow.pc {
    width: min(calc(27 / 1080 * 100vw), 27px);
    height: min(calc(280 / 1080 * 100vw), 280px);
}

@media screen and (max-width: 767px) {
    .sec02__access-arrow.pc {
        display: none;
    }
}

.sec02__access-arrow.sp {
    display: none;
}

@media screen and (max-width: 767px) {
    .sec02__access-arrow.sp {
        display: flex;
        width: calc(150 / 750 * 100vw);
        height: calc(36 / 750 * 100vw);
    }
}

.sec02__access-arrow img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

/*# sourceMappingURL=lp.css.map */