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

a,
body,
button,
dd,
div,
dl,
dt,
figure,
h1,
h2,
h3,
h4,
h5,
h6,
html,
img,
li,
ol,
p,
small,
span,
table,
td,
th,
time,
tr,
ul {
    border: 0;
    font: inherit;
    font-size: 100%;
    margin: 0;
    padding: 0;
    vertical-align: baseline
}

html {
    line-height: 1
}

ol,
ul {
    list-style: none
}

dd,
li {
    list-style-type: none
}

article,
aside,
figcaption,
figure,
footer,
header,
main,
nav,
section {
    display: block
}

img {
    border: none;
    vertical-align: bottom
}

@media screen and (max-width:1224px) and (min-width:768px) {
    html {
        font-size: calc(16 / 1225 * 100vw)
    }
}

@media screen and (max-width:389px) {
    html {
        font-size: calc(16 / 390 * 100vw)
    }
}

body {
    color: #564339;
    font-family: "canto-pen", "Noto Sans JP", sans-serif;
    background: #f2ecee;
}

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

@media (hover:hover) {
    a:hover {
        cursor: pointer
    }
}

@media (min-width:768px) {
    a[href*="tel:"] {
        pointer-events: none;
        cursor: default;
        text-decoration: none
    }
}

a,
img,
picture,
span {
    display: inline-block
}

img,
svg {
    width: 100%;
    height: 100%
}

button {
    color: inherit;
    background: transparent
}

.l-header-bg {
    position: fixed;
    z-index: 98;
    top: 0;
    left: 0;
    width: 100%;
    height: 6.25rem;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.3s ease, visibility 0.3s ease;
    transition: opacity 0.3s ease, visibility 0.3s ease
}

@media (min-width:768px) {
    .l-header-bg {
        background: rgba(255, 255, 255, 0.4);
        -webkit-backdrop-filter: blur(6px);
        backdrop-filter: blur(6px)
    }
}

.l-header-bg.js-show {
    opacity: 1;
    visibility: visible
}

.l-header {
    position: fixed;
    z-index: 101;
    top: 1.75rem;
    left: 4rem;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: auto
}

@media screen and (max-width:767px) {
    .l-header {
        top: 2.75rem;
        left: 1.5rem
    }
}

.l-header.--top {
    translate: 0 calc(-100% - 6.25rem)
}

.l-header.--top.js-active {
    -webkit-animation: 0.5s 1.5s ease forwards slideDown;
    animation: 0.5s 1.5s ease forwards slideDown
}

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

.l-header__logo-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -moz-column-gap: 1.25rem;
    -webkit-column-gap: 1.25rem;
    column-gap: 1.25rem
}

@media (any-hover:hover) {
    .l-header__logo-wrap:hover {
        opacity: 0.7
    }
}

.l-header__logo {
    width: 12.5rem;
    width: max(12.5rem, 80px);
    height: auto;
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease
}

@media screen and (max-width:767px) {
    .l-header__logo {
        width: 160px
    }
}

.l-header__logo-side {
    font-size: 0.75rem;
    font-weight: 500;
    line-height: 1.8;
    letter-spacing: 0.06em;
    font-size: 12px
}

@media screen and (max-width:767px) {
    .l-header__logo-side {
        display: none
    }
}

.l-header__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -moz-column-gap: 1.4375rem;
    -webkit-column-gap: 1.4375rem;
    column-gap: 1.4375rem
}

.l-header__list li a {
    padding-inline: 0.625rem;
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: 0.06em;
    font-size: 14px;
    -webkit-transition: color 0.3s;
    transition: color 0.3s
}

@media (hover:hover) {
    .l-header__list li a:hover {
        color: #B59865
    }
}

.l-header__nav {
    position: fixed;
    z-index: 99;
    top: 2.5rem;
    right: 8.125rem;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: auto
}

@media screen and (max-width:1100px) {
    .l-header__nav {
        display: none
    }
}

.l-header__nav.--top {
    translate: 0 calc(-100% - 6.25rem)
}

.l-header__nav.--top.js-active {
    -webkit-animation: 0.5s 1.5s ease forwards slideDown;
    animation: 0.5s 1.5s ease forwards slideDown
}

@-webkit-keyframes slideDown {
    0% {
        translate: 0 calc(-100% - 6.25rem)
    }

    to {
        translate: 0
    }
}

@keyframes slideDown {
    0% {
        translate: 0 calc(-100% - 6.25rem)
    }

    to {
        translate: 0
    }
}

.l-drawer__icon {
    position: fixed;
    z-index: 102;
    top: 1.25rem;
    right: 1.875rem;
    width: 3.75rem;
    height: auto;
    aspect-ratio: 1;
    background: #564339;
    border-radius: 6px
}

@media screen and (max-width:767px) {
    .l-drawer__icon {
        top: 1.5rem;
        right: 1.5rem
    }
}

.l-drawer__icon.--top {
    translate: 0 calc(-100% - 6.25rem)
}

.l-drawer__icon.--top.js-active {
    -webkit-animation: 0.5s 1.5s ease forwards slideDown;
    animation: 0.5s 1.5s ease forwards slideDown
}

@media (any-hover:hover) {
    .l-drawer__icon:hover {
        cursor: pointer
    }

    .l-drawer__icon:hover .l-drawer__icon--bar {
        scale: 1.3
    }
}

.l-drawer__icon--bar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -moz-column-gap: 0.25rem;
    -webkit-column-gap: 0.25rem;
    column-gap: 0.25rem;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease
}

.l-drawer__icon--bar span {
    width: 0.25rem;
    height: auto;
    aspect-ratio: 1;
    border-radius: 50%;
    background: #fff
}

.l-drawer__icon.js-show .l-drawer__icon--bar1 {
    width: 0.875rem;
    height: 0.09375rem;
    border-radius: unset;
    translate: 0.5625rem;
    rotate: 45deg
}

.l-drawer__icon.js-show .l-drawer__icon--bar2 {
    display: none
}

.l-drawer__icon.js-show .l-drawer__icon--bar3 {
    width: 0.875rem;
    height: 0.09375rem;
    border-radius: unset;
    translate: -0.5625rem;
    rotate: -45deg
}

.l-drawer__bg {
    position: fixed;
    z-index: 100;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: rgba(255, 255, 255, 0.5);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease
}

.l-drawer__bg.js-show {
    opacity: 1;
    visibility: visible
}

.l-drawer {
    position: fixed;
    z-index: 100;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    overflow-x: hidden;
    overflow-y: scroll;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0s ease;
    transition: opacity 0s ease
}

@media (min-width:768px) {
    .l-drawer {
        max-height: 95vh;
        border-radius: 0 0 40px 40px
    }
}

@media screen and (max-width:767px) {
    .l-drawer {
        height: 100vh;
        height: 100svh
    }
}

.l-drawer.js-show {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease
}

.l-drawer__inner {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 40.2777777778%;
    grid-template-columns: 1fr 40.2777777778%;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content
}

@media screen and (max-width:767px) {
    .l-drawer__inner {
        display: block
    }
}

.l-drawer__info {
    background: #f1ece5
}

.l-drawer__info-inner {
    max-width: 53.75rem;
    padding: 8.75rem 3.75rem 5rem 4rem;
    margin-left: auto
}

@media (max-width:1400px) {
    .l-drawer__info-inner {
        padding: 8.75rem 1.875rem 5rem 2.125rem
    }
}

.l-drawer__table-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.l-drawer__table-wrap+.l-drawer__table-wrap {
    margin-top: 1.25rem
}

.l-drawer__table-head {
    color: #4D3F37;
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.8;
    letter-spacing: 0.04em;
    font-size: max(1.125rem, 12px)
}

.l-drawer__table {
    width: 38rem;
    border-radius: 0.375rem;
    border: 1px solid #4D3F37;
    border-spacing: 0
}

@media (max-width:1400px) {
    .l-drawer__table {
        width: 34.375rem
    }
}

.l-drawer__table th {
    padding-block: 1.5rem;
    color: #4D3F37;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0.06em;
    font-size: max(1rem, 13px);
    -webkit-font-feature-settings: "palt" on;
    font-feature-settings: "palt" on
}

.l-drawer__table td {
    padding-block: 1.625rem 1.5rem;
    text-align: center
}

.l-drawer__table .border-bottom td,
.l-drawer__table .border-bottom th {
    border-bottom: 1px solid #4D3F37
}

.l-drawer__table .time {
    font-family: "canto-pen", sans-serif;
    text-align: center;
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0em;
    font-size: max(1.25rem, 12px);
    width: 10rem
}

.l-drawer__table .last {
    padding-right: 2.5rem;
    width: 6.25rem
}

@media screen and (max-width:1200px) {
    .l-drawer__table .last {
        width: 15%;
        padding-right: 0.375rem
    }
}

.l-drawer__table .circle {
    width: 0.75rem;
    height: auto;
    aspect-ratio: 1;
    border-radius: 50%;
    background: #564339
}

.l-drawer__table .no-service {
    width: 0.625rem;
    height: 0.0625rem;
    margin-bottom: 0.34375rem;
    background: #4D3F37
}

.l-drawer__info-bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -moz-column-gap: 1.875rem;
    -webkit-column-gap: 1.875rem;
    column-gap: 1.875rem;
    margin-top: 3.5rem
}

.l-drawer__info-tel .tel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end;
    color: #4D3F37;
    margin-bottom: 1rem
}

.l-drawer__info-tel .tel span {
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0em;
    font-size: 14px
}

.l-drawer__info-tel .tel a {
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0em;
    font-size: 18px
}

.l-drawer__info-tel .text {
    font-size: 0.75rem;
    font-weight: 500;
    line-height: 1.8;
    letter-spacing: 0.06em;
    font-size: 12px
}

.l-drawer__info-address {
    font-family: "Noto Sans JP", sans-serif;
    color: #4D3F37
}

.l-drawer__info-address .address,
.l-drawer__info-address .post {
    font-size: 0.75rem;
    font-weight: 500;
    line-height: 1.8;
    letter-spacing: 0.06em;
    font-size: 12px
}

.l-drawer__info-address .post {
    line-height: 1
}

.l-drawer__info-address .go-to {
    margin-top: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -moz-column-gap: 0.5rem;
    -webkit-column-gap: 0.5rem;
    column-gap: 0.5rem
}

.l-drawer__info-address .go-to svg {
    width: 12px;
    height: auto
}

.l-drawer__info-address .go-to span {
    font-size: 0.75rem;
    font-weight: 500;
    line-height: 1.8;
    letter-spacing: 0.06em;
    font-size: 12px
}

.l-drawer__info-address .parking {
    font-size: 0.75rem;
    font-weight: 500;
    line-height: 1.8;
    letter-spacing: 0.06em;
    font-size: 12px
}

.l-drawer__info-address .map-link {
    margin-top: 0.75rem
}

.l-drawer__info-address .map-link a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -moz-column-gap: 0.5rem;
    -webkit-column-gap: 0.5rem;
    column-gap: 0.5rem;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    position: relative
}

.l-drawer__info-address .map-link a span {
    font-family: "canto-pen", sans-serif;
    border-bottom: 1px solid #4D3F37;
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 2.1428571429;
    letter-spacing: 0em;
    font-size: 14px
}

.l-drawer__info-address .map-link a:after {
    content: "";
    position: absolute;
    top: 55%;
    right: -2.75rem;
    translate: 0 -50%;
    background-image: url("../img/footer_btn_arrow.svg");
    background-size: contain;
    background-repeat: no-repeat;
    width: 1.875rem;
    height: 1.875rem;
    -webkit-transition: scale 0.3s;
    transition: scale 0.3s
}

@media screen and (max-width:767px) {
    .l-drawer__info-address .map-link a:after {
        background-size: contain;
        width: 1.25rem;
        height: 1.25rem;
        right: -1.75rem
    }
}

@media (hover:hover) {
    .l-drawer__info-address .map-link:hover a:after {
        background-image: url("../img/footer_btn_arrow_gold.svg");
        background-size: auto;
        scale: 1.2;
        translate: 0 0;
        top: 5%
    }
}

.l-drawer__nav {
    background: #fff
}

@media screen and (max-width:767px) {
    .l-drawer__nav {
        height: 100%
    }
}

.l-drawer__nav-inner {
    max-width: 36.25rem;
    padding: 8.125rem 5.625rem 5rem 4.25rem
}

@media (max-width:1400px) {
    .l-drawer__nav-inner {
        padding: 8.125rem 2.5rem 5rem 2.375rem
    }
}

@media screen and (max-width:767px) {
    .l-drawer__nav-inner {
        padding: 10rem 1.875rem 3.75rem;
        height: 100%;
        margin-inline: auto
    }
}

.l-drawer__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 1.25rem
}

@media screen and (max-width:767px) {
    .l-drawer__list {
        row-gap: 0.9375rem
    }
}

.l-drawer__list li a {
    padding-block: 0.3125rem;
    font-weight: 700;
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.8;
    letter-spacing: 0.04em;
    font-size: max(1.125rem, 16px);
    -webkit-transition: color 0.3s;
    transition: color 0.3s
}

@media screen and (max-width:767px) {
    .l-drawer__list li a {
        font-size: 0.875rem;
        font-weight: 400;
        line-height: 1.75;
        letter-spacing: 0.04em;
        font-size: 16px;
        font-weight: 600
    }
}

@media (hover:hover) {
    .l-drawer__list li a:hover {
        color: #f2ecee
    }
}

.l-drawer__sub-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -moz-column-gap: 1.875rem;
    -webkit-column-gap: 1.875rem;
    column-gap: 1.875rem;
    margin-top: 3.75rem
}

@media screen and (max-width:767px) {
    .l-drawer__sub-list {
        -moz-column-gap: 1.25rem;
        -webkit-column-gap: 1.25rem;
        column-gap: 1.25rem
    }
}

.l-drawer__sub-list li a {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -moz-column-gap: 0.375rem;
    -webkit-column-gap: 0.375rem;
    column-gap: 0.375rem;
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0em;
    font-size: 14px;
    color: #564339;
    font-family: "canto-pen", sans-serif;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s
}

@media screen and (max-width:767px) {
    .l-drawer__sub-list li a {
        font-size: 0.75rem;
        font-weight: 600;
        line-height: 1;
        letter-spacing: 0.02em;
        font-size: 12px
    }
}

.l-drawer__sub-list li a:before {
    content: "";
    width: 0.375rem;
    height: auto;
    aspect-ratio: 1;
    border-radius: 50%;
    background: #f2ecee
}

@media (hover:hover) {
    .l-drawer__sub-list li a:hover {
        opacity: 0.7
    }
}

.l-drawer__btn-wrap {
    margin-top: 5rem
}

@media screen and (max-width:767px) {
    .l-drawer__btn-wrap {
        margin-top: 2.5rem
    }
}

.l-drawer__btn+.l-drawer__btn-text {
    margin-top: 1rem
}

.l-drawer__btn-text {
    font-size: 0.75rem;
    font-weight: 500;
    line-height: 1.8;
    letter-spacing: 0.06em;
    font-size: 12px;
    -webkit-font-feature-settings: "palt" on;
    font-feature-settings: "palt" on
}

.l-drawer__btn-text+.l-drawer__btn {
    margin-top: 1.875rem
}

.l-drawer__info-sp {
    margin-top: 2.5rem;
    padding: 1.375rem 1.25rem;
    border-radius: 0.625rem;
    background: #f2ecee
}

.l-drawer__info-sp .head {
    font-size: 0.875rem;
    font-weight: 700;
    line-height: 1.75;
    letter-spacing: 0.04em;
    font-size: 14px;
    margin-bottom: 0.5rem
}

.l-drawer__info-sp .time-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -moz-column-gap: 0.625rem;
    -webkit-column-gap: 0.625rem;
    column-gap: 0.625rem
}

.l-drawer__info-sp .label {
    font-size: 0.75rem;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0.04em;
    -webkit-font-feature-settings: "palt" on;
    font-feature-settings: "palt" on;
    font-size: 12px;
    color: #564339;
    width: 80px;
    text-align: center;
    padding: 0.25rem 0;
    background: #f2ecee;
    border-radius: 0.125rem;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.l-drawer__info-sp .time {
    font-family: "canto-pen", "Noto Sans JP", sans-serif;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0.04em;
    font-size: 14px;
    -webkit-font-feature-settings: "palt" on;
    font-feature-settings: "palt" on
}

@media (min-width:374px) {
    .l-drawer__info-sp .time {
        white-space: nowrap
    }
}

.l-drawer__info-sp .time-info+.head {
    margin-top: 1.25rem
}

.l-drawer__info-sp .time-info+.time-info {
    margin-top: 0.5rem
}

.l-drawer__info-sp .tel {
    margin-top: 1.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end
}

.l-drawer__info-sp .tel span {
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0em;
    font-size: 14px
}

.l-drawer__info-sp .tel a {
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0em;
    font-size: 20px
}

.l-drawer__info-sp .address-wrap {
    margin-top: 0.625rem;
    font-family: "Noto Sans JP", sans-serif
}

.l-drawer__info-sp .address {
    font-size: 0.75rem;
    font-weight: 500;
    line-height: 1.7;
    letter-spacing: 0.04em;
    font-size: 12px
}

.l-drawer__info-sp .map-link {
    margin-top: 0.625rem
}

.l-drawer__info-sp .map-link a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -moz-column-gap: 0.5rem;
    -webkit-column-gap: 0.5rem;
    column-gap: 0.5rem
}

.l-drawer__info-sp .map-link span {
    font-size: 0.75rem;
    font-weight: 600;
    line-height: 2.1666666667;
    letter-spacing: 0.02em;
    font-size: 12px;
    border-bottom: 1px solid #564339
}

.l-drawer__info-sp .map-link svg {
    width: 1.625rem;
    height: auto
}

.l-side__btn {
    position: fixed;
    top: 6.875rem;
    right: 0;
    padding: 1.875rem 1.875rem 2.0625rem;
    height: 7.5rem;
    border-radius: 0.625rem 0 0 0.625rem;
    background: #564339;
    color: #ffffff;
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1.75;
    letter-spacing: 0.06em;
    font-size: 14px;
    -webkit-font-feature-settings: "palt" on;
    font-feature-settings: "palt" on;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0.4375rem;
    z-index: 60;
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s
}

@media screen and (max-width:900px) {
    .l-side__btn {
        height: 9.375rem;
        display: -ms-grid;
        display: grid;
        place-items: center;
        gap: 0
    }
}

@media screen and (max-width:767px) {
    .l-side__btn {
        display: block;
        top: auto;
        bottom: 1.25rem;
        width: 4.375rem;
        height: 7.1875rem;
        padding: 1.875rem 1.0625rem;
        font-size: 0.875rem;
        font-weight: 700;
        line-height: 1.75;
        letter-spacing: 0.04em;
        font-size: 14px
    }
}

.l-side__btn span {
    aspect-ratio: 30/18;
    width: 30px;
    height: auto
}

@media (min-width:768px) {
    .l-side__btn-wrap:hover .l-side__btn {
        opacity: 0
    }

    .l-side__btn-wrap:hover .l-side__btn-hover {
        opacity: 1
    }
}

.l-side__btn-hover {
    opacity: 0;
    position: fixed;
    top: 6.875rem;
    right: 0;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    padding: 0.6875rem 1.0625rem;
    height: 7.5rem;
    border-radius: 0.625rem 0 0 0.625rem;
    background: #564339;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 0.4375rem;
    z-index: 60;
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s
}

@media screen and (max-width:900px) {
    .l-side__btn-hover {
        height: 9.375rem;
        display: -ms-grid;
        display: grid;
        place-items: center;
        gap: 0
    }
}

@media screen and (max-width:767px) {
    .l-side__btn-hover {
        display: block;
        top: auto;
        bottom: 1.25rem;
        height: 7.1875rem
    }
}

.l-side__btn-hover span {
    aspect-ratio: 16/9;
    width: 16px;
    height: auto;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.l-side__btn-hover-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0.3125rem;
    color: #ffffff;
    font-size: 0.75rem;
    font-weight: 500;
    line-height: 1.8;
    letter-spacing: 0.06em;
    font-size: 12px;
    -webkit-font-feature-settings: "palt" on;
    font-feature-settings: "palt" on
}

.l-side__btn-hover-body {
    margin-top: 0.3125rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 7.875rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-inline: auto;
    gap: 0.625rem
}

.l-side__btn-hover-body a {
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s
}

@media (hover:hover) {
    .l-side__btn-hover-body a:hover {
        opacity: 0.6
    }
}

.l-side__copyright {
    position: fixed;
    bottom: 12.6875rem;
    right: 0.5rem;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    display: block;
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0em;
    font-size: 14px;
    font-family: "canto-pen", sans-serif;
    color: #f2ecee;
    z-index: 50
}

.l-side__sns {
    position: fixed;
    bottom: 3.8125rem;
    right: -7.5px;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0em;
    font-size: 14px;
    font-family: "canto-pen", sans-serif;
    color: #f2ecee;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 5px;
    padding: 0.125rem;
    -webkit-transition: background 0.3s;
    transition: background 0.3s;
    z-index: 50
}

.l-side__sns:before {
    content: "";
    width: 0.375rem;
    height: 0.375rem;
    border-radius: 50%;
    background: #f2ecee
}

@media (hover:hover) {
    .l-side__sns:hover {
        background: #f2ecee;
        color: #ffffff;
        border-radius: 0.3125rem
    }

    .l-side__sns:hover:before {
        content: "";
        background: #ffffff
    }
}

.l-inner {
    position: relative;
    width: 100%;
    max-width: 1225px;
    height: inherit;
    padding: 0 1.25rem;
    margin: auto
}

@media screen and (max-width:767px) and (min-width:550px) {
    .l-inner {
        max-width: 550px !important;
        margin-inline: auto
    }
}

@media screen and (max-width:767px) {
    .l-inner {
        width: 100%;
        max-width: 100%;
        padding: 0 1.875rem
    }
}

.l-inner__narrow {
    max-width: 55rem
}

@media screen and (max-width:767px) {
    .l-inner__narrow {
        padding: 0 3.125rem;
        max-width: 100%
    }
}

.l-inner__single {
    width: 100%;
    max-width: 75.9375rem;
    height: inherit;
    padding: 0 2rem;
    margin-left: auto
}

@media screen and (min-width:1500px) {
    .l-inner__single {
        margin-inline: auto
    }
}

@media screen and (max-width:767px) {
    .l-inner__single {
        width: 100%;
        max-width: 100%;
        padding: 0 1.875rem
    }
}

.l-footer-links {
    background: #f2ecee;
    padding-bottom: 13.375rem;
    overflow: hidden
}

@media screen and (max-width:767px) {
    .l-footer-links {
        padding-bottom: 10rem
    }
}

.page-template-page-work-shop .l-footer-links {
    background: #ffffff
}

.l-footer-links__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 2rem
}

@media screen and (max-width:767px) {
    .l-footer-links__wrap {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 1.875rem
    }
}

.l-footer-links__item {
    padding: 2.9375rem 2.5rem 1.9375rem 2.625rem;
    border-radius: 1.25rem;
    background: #fff;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 25rem
}

@media screen and (max-width:1200px) {
    .l-footer-links__item {
        height: auto
    }
}

@media screen and (max-width:767px) {
    .l-footer-links__item {
        padding: 1.375rem 1.875rem 2.0625rem;
        height: 25rem
    }
}

@media (hover:hover) {
    .l-footer-links__item:hover {
        background: #b59865;
    }

    .l-footer-links__item:hover .l-footer-links__text,
    .l-footer-links__item:hover .l-footer-links__title,
    .l-footer-links__item:hover .l-footer-links__title-sub {
        color: #ffffff
    }

    .l-footer-links__item:hover .c-view-more:before {
        bottom: 1px;
        background-color: #564339
    }

    .l-footer-links__item:hover .c-view-more:after {
        background-size: auto;
        scale: 1.2;
        translate: 0 0;
        top: 5%
    }
}

.l-footer-links__title {
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 1.6;
    letter-spacing: 0.04em;
    font-size: max(1.5rem, 20px);
    -webkit-font-feature-settings: "palt" on;
    font-feature-settings: "palt" on;
    color: #564339;
    -webkit-transition: color 0.3s;
    transition: color 0.3s
}

@media screen and (max-width:767px) {
    .l-footer-links__title {
        font-size: 1.25rem;
        font-weight: 500;
        line-height: 1.6;
        letter-spacing: 0.06em;
        font-size: 20px
    }
}

.l-footer-links__title-sub {
    margin-top: 0.4375rem;
    font-family: "canto-pen", sans-serif;
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0em;
    font-size: 14px;
    color: #564339;
    -webkit-transition: color 0.3s;
    transition: color 0.3s
}

@media screen and (max-width:767px) {
    .l-footer-links__title-sub {
        margin-top: 0.1875rem;
        font-size: 0.75rem;
        font-weight: 600;
        line-height: 1;
        letter-spacing: 0.02em;
        font-size: 12px
    }
}

.l-footer-links__text {
    margin-top: 6.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 2;
    letter-spacing: 0.06em;
    font-size: 16px;
    -webkit-font-feature-settings: "palt" on;
    font-feature-settings: "palt" on;
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
    text-align: justify
}

@media screen and (max-width:850px) {
    .l-footer-links__text {
        margin-top: 3.75rem
    }
}

@media screen and (max-width:767px) {
    .l-footer-links__text {
        margin-top: 5.6875rem;
        font-size: 0.875rem;
        font-weight: 400;
        line-height: 1.75;
        letter-spacing: 0.04em;
        font-size: 14px
    }
}

.l-footer-links__btn {
    margin-top: 0.6875rem;
    margin-left: auto
}

.l-footer-links__bottom {
    margin-top: 8.75rem;
    margin-inline: auto
}

@media screen and (max-width:767px) {
    .l-footer-links__bottom {
        margin-top: 4.9375rem
    }
}

.l-footer-links__bottom.--top {
    margin-top: 6.875rem
}

@media screen and (max-width:767px) {
    .l-footer-links__bottom.--top {
        margin-top: 3.75rem
    }
}

.l-footer-links__markers {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100vw;
    height: 7.875rem;
    margin-left: calc((100vw - 100%) / 2 * -1);
    white-space: nowrap;
    margin-top: -4.375rem;
    position: relative;
    z-index: 0
}

@media screen and (max-width:767px) {
    .l-footer-links__markers {
        height: 3.25rem;
        margin-top: -1.25rem
    }
}

.l-footer-links__markers ul {
    -webkit-animation: flowing 40s linear infinite;
    animation: flowing 40s linear infinite;
    font-size: 180px;
    font-family: "canto-pen", sans-serif;
    line-height: 1.3px;
    font-weight: 600;
    letter-spacing: -5.4px;
    color: #f2ecee;
    opacity: 0.6;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    margin: 0;
    padding: 0
}

@media screen and (max-width:767px) {
    .l-footer-links__markers ul {
        font-size: 74px;
        font-weight: 400;
        letter-spacing: -3.4px
    }
}

.bbs ul li {
    display: inline-block;
    padding-right: 10px
}

@-webkit-keyframes flowing {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

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

@keyframes flowing {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

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

.l-footer {
    margin-top: -4.375rem !important;
    padding-top: 7.5rem;
    background: #f2ecee;
    border-radius: 4.375rem 4.375rem 0 0
}

@media screen and (max-width:767px) {
    .l-footer {
        border-radius: 1.25rem 1.25rem 0 0;
        margin-top: -5.75rem !important;
        padding-top: 3.75rem
    }
}

.blog .l-footer,
.category .l-footer,
.single .l-footer,
.tag .l-footer {
    margin-top: 1.5rem !important
}

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

    .blog .l-footer,
    .category .l-footer,
    .single .l-footer,
    .tag .l-footer {
        margin-top: 2.375rem !important
    }
}

.l-footer__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 9.0277777778%
}

@media screen and (max-width:767px) {
    .l-footer__wrap {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 3.75rem
    }
}

.l-footer__item {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.l-footer__title {
    width: 13.375rem;
    height: auto
}

@media screen and (max-width:767px) {
    .l-footer__title {
        width: 7.3125rem
    }
}

.l-footer__sub-title {
    margin-top: 0.9375rem;
    color: #4D3F37;
    font-size: 0.75rem;
    font-weight: 500;
    line-height: 1.8;
    letter-spacing: 0.06em;
    font-size: 12px;
    -webkit-font-feature-settings: "palt" on;
    font-feature-settings: "palt" on
}

@media screen and (max-width:767px) {
    .l-footer__sub-title {
        margin-top: 0.625rem;
        font-size: 0.75rem;
        font-weight: 500;
        line-height: 1.7;
        letter-spacing: 0.04em;
        font-size: 12px
    }
}

.l-footer__tags {
    margin-top: 0.875rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0.75rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (max-width:767px) {
    .l-footer__tags {
        margin-top: 0.625rem;
        gap: 0.5rem
    }
}

.l-footer__tag {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0.25rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.l-footer__tag span {
    width: 0.625rem;
    height: 0.625rem;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.l-footer__tel {
    margin-top: 3.5625rem
}

.l-footer__tel span:first-of-type {
    font-family: "canto-pen", sans-serif;
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0em;
    font-size: 14px
}

.l-footer__tel span:nth-of-type(2) {
    font-family: "canto-pen", sans-serif;
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0em;
    font-size: 20px
}

.l-footer__tel-text {
    margin-top: 0.3125rem;
    font-size: 0.75rem;
    font-weight: 500;
    line-height: 1.8;
    letter-spacing: 0.06em;
    font-size: 12px;
    -webkit-font-feature-settings: "palt" on;
    font-feature-settings: "palt" on
}

@media screen and (max-width:767px) {
    .l-footer__tel-text {
        font-size: 0.75rem;
        font-weight: 500;
        line-height: 1.7;
        letter-spacing: 0.04em;
        font-size: 12px
    }
}

.l-footer__add {
    margin-top: 1.0625rem;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 0.75rem;
    font-weight: 500;
    line-height: 1.8;
    letter-spacing: 0.06em;
    font-size: 12px;
    padding-bottom: 0.9375rem;
    background-image: linear-gradient(to right, #ccc7ba 2px, transparent 2px);
    background-size: 6px 2px;
    background-repeat: repeat-x;
    background-position: left bottom
}

@media screen and (max-width:767px) {
    .l-footer__add {
        margin-top: 0.75rem;
        font-size: 0.75rem;
        font-weight: 500;
        line-height: 1.7;
        letter-spacing: 0.04em;
        font-size: 12px;
        padding-bottom: 0.875rem
    }
}

.l-footer__add-text {
    margin-top: 0.9375rem;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 0.75rem;
    font-weight: 500;
    line-height: 1.8;
    letter-spacing: 0.06em;
    font-size: 12px;
    -webkit-font-feature-settings: "palt" on;
    font-feature-settings: "palt" on
}

@media screen and (max-width:767px) {
    .l-footer__add-text {
        font-size: 0.75rem;
        font-weight: 500;
        line-height: 1.7;
        letter-spacing: 0.04em;
        font-size: 12px
    }
}

.l-footer__add-text.--1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0.5rem
}

.l-footer__add-text.--1 span {
    width: 0.75rem;
    height: auto;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.l-footer__add-text.--2 {
    margin-top: 0.125rem
}

.l-footer__btn-map {
    margin-top: 0.875rem;
    font-family: "canto-pen", sans-serif;
    color: #4D3F37;
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0em;
    font-size: 14px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    padding-block: 0.5rem;
    padding-right: 40px;
    position: relative
}

@media screen and (max-width:767px) {
    .l-footer__btn-map {
        margin-top: 0.6875rem;
        font-size: 0.75rem;
        font-weight: 600;
        line-height: 1;
        letter-spacing: 0.02em;
        font-size: 12px;
        padding-block: 0.625rem;
        padding-right: 1.75rem
    }
}

.l-footer__btn-map:before {
    content: "";
    position: absolute;
    width: 70%;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1px;
    background-color: #564339;
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s
}

@media screen and (max-width:767px) {
    .l-footer__btn-map:before {
        width: 80%
    }
}

.l-footer__btn-map:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    translate: 0 -50%;
    background-image: url("../img/footer_btn_arrow.svg");
    background-size: auto;
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
    -webkit-transition: scale 0.3s;
    transition: scale 0.3s
}

@media screen and (max-width:767px) {
    .l-footer__btn-map:after {
        background-size: contain;
        width: 1.25rem;
        height: 1.25rem
    }
}

@media (hover:hover) {
    .l-footer__btn-map:hover:before {
        background-color: #564339
    }

    .l-footer__btn-map:hover:after {
        background-image: url("../img/footer_btn_arrow_gold.svg");
        background-size: auto;
        scale: 1.2;
        translate: 0 0;
        top: 3%
    }
}

.l-footer__tables {
    margin-top: -0.625rem;
    width: 46rem;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 2.3125rem
}

@media screen and (max-width:767px) {
    .l-footer__tables {
        width: 100%;
        gap: 1.5rem
    }
}

@media screen and (max-width:375px) {
    .l-footer__tables {
        width: 20.625rem
    }
}

.l-footer__table-title {
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.8;
    letter-spacing: 0.04em;
    font-size: 18px
}

@media screen and (max-width:767px) {
    .l-footer__table-title {
        font-size: 0.875rem;
        font-weight: 700;
        line-height: 1.75;
        letter-spacing: 0.04em;
        font-size: 14px
    }
}

.l-footer__table table {
    margin-top: 0.625rem;
    border: 1px solid #564339;
    display: block;
    border-radius: 0.625rem;
    width: 100%;
    border-collapse: collapse;
    text-align: center;
	background: #fff;
}

@media screen and (max-width:767px) {
    .l-footer__table table {
        margin-top: 0.8125rem;
        border-radius: 0.5rem
    }
}

@media screen and (max-width:767px) {
    .l-footer__table .time {
        width: 20%
    }
}

.l-footer__table th {
    padding-block: 1.1875rem;
    padding-inline: 1.8125rem;
    border-bottom: 1px solid #564339;
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.8;
    letter-spacing: 0.04em;
    font-size: max(1.125rem, 11px);
    text-wrap: nowrap
}

@media screen and (max-width:767px) {
    .l-footer__table th {
        padding-block: 0.5rem;
        padding-inline: 0;
        font-size: 0.875rem;
        font-weight: 700;
        line-height: 1.75;
        letter-spacing: 0.04em;
        font-size: 14px;
        width: 8%
    }
}

@media screen and (max-width:375px) {
    .l-footer__table th {
        font-size: 13px
    }
}

.l-footer__table th:first-child {
    padding-left: 9.1875rem
}

@media screen and (max-width:767px) {
    .l-footer__table th:first-child {
        padding-left: 0
    }
}

.l-footer__table th:last-child {
    padding-left: 0.8125rem
}

@media screen and (max-width:767px) {
    .l-footer__table th:last-child {
        padding-left: 0.3125rem;
        padding-right: 0.8125rem;
        letter-spacing: -0.2em
    }
}

.l-footer__table .tr-border {
    border-bottom: 1px solid #564339
}

.l-footer__table td {
    padding-block: 2.25rem
}

@media screen and (max-width:767px) {
    .l-footer__table td {
        padding-block: 0.9375rem
    }
}

.l-footer__table .td-close {
    color: #666
}

.l-footer__table td:first-child {
    color: #564339;
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0em;
    font-size: max(1.25rem, 16px)
}

@media screen and (max-width:767px) {
    .l-footer__table td:first-child {
        padding-left: 0.4375rem;
        font-size: 0.75rem;
        font-weight: 600;
        line-height: 1;
        letter-spacing: 0.02em;
        font-size: 12px
    }
}

.l-footer__table td:not(first-child) {
    color: #564339;
    font-size: 1rem
}

@media screen and (max-width:767px) {
    .l-footer__table td:not(first-child) {
        font-size: 0.625rem
    }
}

.l-footer__table td:empty {
    visibility: hidden
}

.l-footer__table td:not(:empty):before {
    visibility: visible
}

.l-footer__table-text {
    margin-top: 0.9375rem;
    font-size: 0.75rem;
    font-weight: 500;
    line-height: 1.8;
    letter-spacing: 0.06em;
    font-size: 12px;
    -webkit-font-feature-settings: "palt" on;
    font-feature-settings: "palt" on
}

@media screen and (max-width:767px) {
    .l-footer__table-text {
        margin-top: 0.25rem;
        font-size: 0.75rem;
        font-weight: 500;
        line-height: 1.7;
        letter-spacing: 0.04em;
        font-size: 12px
    }
}

.l-footer__bottom {
    margin-top: 4.75rem;
    border-radius: 0.625rem;
    background: #564339;
    padding-block: 1.875rem 3.125rem;
    text-align: center;
    color: #ffffff;
    max-width: 48.125rem;
    margin-inline: auto
}

@media screen and (max-width:767px) {
    .l-footer__bottom {
        margin-top: 3.75rem;
        max-width: 37.5rem;
        padding-block: 2.0625rem 2.5625rem
    }
}

.l-footer__bottom-title {
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.8;
    letter-spacing: 0.04em;
    font-size: max(1.125rem, 16px)
}

@media screen and (max-width:767px) {
    .l-footer__bottom-title {
        font-size: 0.875rem;
        font-weight: 700;
        line-height: 1.75;
        letter-spacing: 0.04em;
        font-size: 14px
    }
}

.l-footer__bottom-text {
    margin-top: 0.875rem;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 0.75rem;
    font-weight: 500;
    line-height: 1.8;
    letter-spacing: 0.06em;
    font-size: 12px;
    -webkit-font-feature-settings: "palt" on;
    font-feature-settings: "palt" on
}

@media screen and (max-width:767px) {
    .l-footer__bottom-text {
        margin-top: 0.125rem;
        font-size: 0.75rem;
        font-weight: 500;
        line-height: 1.7;
        letter-spacing: 0.04em;
        font-size: 12px
    }
}

.l-footer__bottom-btn {
    margin-top: 1.5rem
}

@media screen and (max-width:767px) {
    .l-footer__bottom-btn {
        margin-top: 1.0625rem
    }
}

.l-footer__copyright {
    margin-top: 5rem;
    display: block;
    background: #564339;
    padding-block: 2.625rem;
    text-align: center;
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0em;
    font-size: 14px;
    color: #fff;
}

@media screen and (max-width:767px) {
    .l-footer__copyright {
        margin-top: 2.5rem;
        padding-block: 1.625rem;
        font-size: 0.625rem;
        font-weight: 600;
        line-height: 1;
        letter-spacing: 0em;
        font-size: 10px
    }
}

.l-sidebar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 3.125rem;
    padding-bottom: 4.5rem;
    position: sticky;
    top: 8.125rem;
    width: 16rem;
    margin-right: 2rem
}

@media screen and (max-width:767px) {
    .l-sidebar {
        gap: 2.25rem;
        padding-bottom: 0;
        position: static;
        width: 100%
    }
}

@media screen and (max-width:767px) {
    .l-sidebar.--single-page {
        display: none
    }
}

.single .l-sidebar {
    margin-top: 10.4375rem
}

.l-sidebar__title {
    color: #B59865;
    font-family: "canto-pen", sans-serif;
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 0;
    letter-spacing: 0em;
    font-size: max(1.25rem, 16px);
    padding-bottom: 1.75rem;
    background-image: linear-gradient(to right, #f2ecee 2px, transparent 2px);
    background-size: 6px 2px;
    background-repeat: repeat-x;
    background-position: left bottom
}

@media screen and (max-width:767px) {
    .l-sidebar__title {
        padding-bottom: 0;
        padding-top: 2.5rem;
        background-position: left top
    }
}

@media screen and (max-width:767px) {
    .l-sidebar__title.--tag {
        background: none;
        padding-top: 0
    }
}

.l-sidebar__categories {
    margin-top: 0.625rem
}

@media screen and (max-width:767px) {
    .l-sidebar__categories {
        margin-top: 1.3125rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 0.8125rem 1rem
    }
}

.l-sidebar__category {
    color: #4D3F37;
    font-size: 0.75rem;
    font-weight: 500;
    line-height: 1.8;
    letter-spacing: 0.06em;
    font-size: max(0.75rem, 12px);
    -webkit-font-feature-settings: "palt" on;
    font-feature-settings: "palt" on;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0.46875rem;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

@media screen and (max-width:767px) {
    .l-sidebar__category {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        line-height: 1
    }
}

.l-sidebar__category:before {
    content: "";
    width: 0.375rem;
    height: 0.375rem;
    border-radius: 50%;
    background: #f2ecee;
    display: inline-block
}

.l-sidebar__category+.l-sidebar__category {
    margin-top: 0.4375rem
}

@media screen and (max-width:767px) {
    .l-sidebar__category+.l-sidebar__category {
        margin-top: 0
    }
}

@media (hover:hover) {
    .l-sidebar__category:hover {
        color: #B59865
    }
}

.l-sidebar__tags {
    margin-top: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 0.6875rem 0.3125rem
}

@media screen and (max-width:767px) {
    .l-sidebar__tags {
        margin-top: 1.4375rem
    }
}

.l-sidebar__tag {
    padding: 0.25rem 0.625rem 0.1875rem;
    border-radius: 2.75rem;
    border: 1px solid #f2ecee;
    color: #4D3F37;
    font-size: 0.625rem;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0.06em;
    font-size: max(0.625rem, 10px);
    -webkit-font-feature-settings: "palt" on;
    font-feature-settings: "palt" on;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0.25rem
}

.l-sidebar__tag span {
    margin-top: -0.0625rem;
    background-image: url("../img/tag_sharp_black.svg");
    background-size: contain;
    background-repeat: no-repeat;
    width: 0.5rem;
    height: 0.5rem;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-transition: background-image 0.3s;
    transition: background-image 0.3s
}

@media (hover:hover) {
    .l-sidebar__tag:hover {
        color: #B59865
    }

    .l-sidebar__tag:hover span {
        background-image: url("../img/tag_sharp_gold.svg");
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex
    }
}

.c-btn {
    display: block;
    width: 21.25rem;
    padding-block: 1.25rem;
    background: #564339;
    border-radius: 0.625rem;
    color: #ffffff;
    text-align: left;
    padding-inline: 1.875rem;
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 1.8;
    letter-spacing: 0.04em;
    font-size: max(1.125rem, 14px);
    -webkit-font-feature-settings: "palt" on;
    font-feature-settings: "palt" on;
    -webkit-transition: background 0.3s, color 0.3s;
    transition: background 0.3s, color 0.3s;
    position: relative;
    z-index: 1
}

@media screen and (max-width:767px) {
    .c-btn {
        width: 20.625rem;
        padding-block: 1.5rem;
        font-size: 0.875rem;
        font-weight: 700;
        line-height: 1.75;
        letter-spacing: 0.04em
    }
}

.c-btn span {
    font-family: "canto-pen", sans-serif;
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 1.8;
    letter-spacing: 0.04em
}

@media screen and (max-width:767px) {
    .c-btn span {
        font-size: 0.875rem;
        font-weight: 700;
        line-height: 1.75;
        letter-spacing: 0.04em
    }
}

.c-btn:after {
    content: "";
    position: absolute;
    background-image: url("../img/btn_arrow_white.svg");
    background-size: contain;
    background-repeat: no-repeat;
    top: 50%;
    right: 1.875rem;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 2.125rem;
    height: 2.125rem
}

@media screen and (max-width:767px) {
    .c-btn:after {
        width: 1.5rem;
        height: 1.5rem
    }
}

@media (hover:hover) {
    .c-btn:hover {
        background: #f2ecee
    }
}

.c-btn__link {
    width: 100%;
    height: auto;
    padding: 1.125rem 1.875rem;
    background: #564339;
    border-radius: 0.625rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-transition: background 0.3s;
    transition: background 0.3s
}

.c-btn__link span {
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 1.8;
    letter-spacing: 0.04em;
    color: #ffffff
}

.c-btn__link svg {
    width: 2.125rem;
    height: auto
}

@media screen and (max-width:767px) {
    .c-btn__link {
        padding: 1.375rem 1.875rem
    }

    .c-btn__link span {
        font-size: 0.875rem;
        font-weight: 700;
        line-height: 1;
        letter-spacing: 0em
    }
}

@media (hover:hover) {
    .c-btn__link:hover {
        background: #f2ecee
    }
}

.c-btn__white {
    width: 36rem;
    padding-block: 1.75rem;
    background: #ffffff;
    border-radius: 0.625rem;
    color: #564339;
    text-align: center;
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.8;
    letter-spacing: 0.04em;
    -webkit-transition: background 0.3s, color 0.3s;
    transition: background 0.3s, color 0.3s
}

@media screen and (max-width:767px) {
    .c-btn__white {
        width: 18.75rem;
        padding-block: 1.4375rem;
        font-size: 0.875rem;
        font-weight: 700;
        line-height: 1.75;
        letter-spacing: 0.04em
    }
}

.c-btn__white span {
    font-family: "canto-pen", sans-serif;
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 1.8;
    letter-spacing: 0.04em
}

@media screen and (max-width:767px) {
    .c-btn__white span {
        font-size: 0.875rem;
        font-weight: 700;
        line-height: 1.75;
        letter-spacing: 0em
    }
}

@media (hover:hover) {
    .c-btn__white:hover {
        background: #f2ecee;
        color: #ffffff
    }
}

.c-tag {
    color: #ffffff;
    font-size: 0.75rem;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0.06em;
    font-size: 1rem;
    -webkit-font-feature-settings: "palt" on;
    font-feature-settings: "palt" on;
    padding: 5px 8px 4px;
    border-radius: 4px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    background: #564339;
}

.c-tag.--green {
    background: #b8d1ea
}

.c-tag.--purple {
    background: #9AB7A5
}

.c-tag.--brown {
    background: #B69C95
}

.c-tag.--white {
    background: #ffffff;
    color: #4D3F37
}

.c-tag.--beige-green {
    background: #f2ecee;
    color: #b8d1ea;
}

.c-tag.--beige-brown {
    background: #f2ecee;
    color: #4D3F37
}

.c-tag.--large {
    padding: 5px 11px 4px
}

.c-tag span {
    padding-right: 4px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.c-heading {
    padding-top: 13.4375rem;
    padding-bottom: 7.375rem;
    position: relative
}

@media screen and (max-width:767px) {
    .c-heading {
        padding-top: 11.25rem;
        padding-bottom: 13.5625rem
    }
}

.blog .c-heading {
    padding-bottom: 0
}

@media screen and (max-width:767px) {
    .blog .c-heading {
        padding-top: 11.25rem
    }
}

@media screen and (max-width:767px) {
    .blog .c-heading__top {
        padding-inline: 1.875rem
    }
}

.archive .c-heading {
    padding-bottom: 0
}

.c-heading__top {
    padding-left: 1.5rem;
    max-width: 1225px;
    margin-inline: auto
}

@media screen and (max-width:767px) {
    .c-heading__top {
        padding-left: 1.875rem;
        padding-right: 3.75rem
    }
}

.c-heading__title {
    font-size: 2.5rem;
    font-weight: 400;
    line-height: 1.65;
    letter-spacing: 0.04em;
    font-size: max(2.5rem, 30px);
    -webkit-font-feature-settings: "palt" on;
    font-feature-settings: "palt" on
}

@media screen and (max-width:767px) {
    .c-heading__title {
        font-size: 2.125rem;
        font-weight: 400;
        line-height: 1.4;
        letter-spacing: 0.02em;
        font-size: 34px
    }
}

.c-heading__text {
    margin-top: 0.625rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 2;
    letter-spacing: 0.06em;
    font-size: 16px;
    -webkit-font-feature-settings: "palt" on;
    font-feature-settings: "palt" on
}

@media screen and (max-width:767px) {
    .c-heading__text {
        margin-top: 1.25rem;
        font-size: 0.875rem;
        font-weight: 400;
        line-height: 1.75;
        letter-spacing: 0.04em;
        font-size: 14px
    }
}

.c-heading__img {
    margin-top: 3.125rem;
    aspect-ratio: 1312/586;
    width: 82rem;
    max-width: 100%;
    height: auto;
    margin-inline: auto
}

@media screen and (max-width:767px) {
    .c-heading__img {
        margin-top: 5.625rem;
        aspect-ratio: 330/300;
        width: 33.125rem;
        margin-inline: inherit;
        margin-right: auto
    }
}

@media screen and (max-width:550px) {
    .c-heading__img {
        width: 20.625rem
    }
}

.c-heading__under-line {
    position: absolute;
    z-index: 3;
    bottom: -5.125rem;
    right: 0;
    width: 82.08vw;
    height: auto
}

@media screen and (max-width:767px) {
    .c-heading__under-line {
        bottom: -10rem;
        width: 76.92vw;
        height: auto;
        bottom: 3.25rem
    }
}

.page-template-page-work-shop .c-heading__under-line {
    width: 66vw;
    bottom: -1.3125rem
}

@media screen and (max-width:767px) {
    .page-template-page-work-shop .c-heading__under-line {
        width: 77vw;
        bottom: 3.125rem
    }
}

@media screen and (max-width:767px) {
    .page-template-page-work-shop .c-heading__img {
        margin-top: 3.625rem
    }
}

.c-title {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    margin-inline: auto;
    text-align: center
}

.c-title.--white {
    color: #ffffff
}

.c-title.--white .c-title__sub {
    color: #ffffff
}

.c-title__sub {
    font-family: "canto-pen", sans-serif;
    color: #f2ecee;
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0em;
    font-size: 14px
}

@media screen and (max-width:767px) {
    .c-title__sub {
        font-size: 0.75rem;
        font-weight: 600;
        line-height: 1;
        letter-spacing: 0.02em;
        font-size: 12px
    }
}

.c-title__line {
    margin-top: 0.875rem;
    width: 6.7219375rem;
    height: auto
}

@media screen and (max-width:767px) {
    .c-title__line {
        margin-top: 0.625rem;
        width: 3.1250625rem
    }
}

.c-title__main {
    margin-top: 0.4375rem;
    font-size: 2rem;
    font-weight: 400;
    line-height: 1.65;
    letter-spacing: 0.02em;
    -webkit-font-feature-settings: "palt" on;
    font-feature-settings: "palt" on;
    color: #4D3F37;
    font-size: max(2rem, 26px);
    font-family: "Noto Sans JP", sans-serif
}

@media screen and (max-width:767px) {
    .c-title__main {
        margin-top: 0.8125rem;
        font-size: 1.625rem;
        font-weight: 400;
        line-height: 1.4;
        letter-spacing: 0.04em;
        font-size: 26px
    }
}

.c-title__main span {
    font-family: "canto-pen", sans-serif;
    font-size: 2.375rem;
    font-weight: 400;
    line-height: 1.65;
    letter-spacing: 0em
}

@media screen and (max-width:767px) {
    .c-title__main span {
        font-size: 1.875rem;
        font-weight: 400;
        line-height: 1.4;
        letter-spacing: 0em
    }
}

.c-title__main.--color-white {
    color: #ffffff
}

.c-view-more {
    font-family: "canto-pen", sans-serif;
    color: #564339;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0em;
    font-size: 16px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    position: relative;
    padding-block: 10px;
    padding-right: 42px
}

@media screen and (max-width:767px) {
    .c-view-more {
        font-size: 0.75rem;
        font-weight: 600;
        line-height: 1;
        letter-spacing: 0.02em;
        font-size: 12px;
        padding-right: 31px
    }
}

.c-view-more:before {
    content: "";
    position: absolute;
    width: 70%;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1px;
    background-color: transparent;
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s
}

.c-view-more:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    translate: 0 -50%;
    background-image: url("../img/btn_arrow_black.svg");
    background-size: contain;
    background-repeat: no-repeat;
    width: 34px;
    height: 34px;
    -webkit-transition: scale 0.3s;
    transition: scale 0.3s
}

@media screen and (max-width:767px) {
    .c-view-more:after {
        width: 24px;
        height: 24px
    }
}

.p-top-fv {
    padding-top: 13.875rem;
    position: relative
}

@media screen and (max-width:767px) {
    .p-top-fv {
        padding-top: 41.0256410256vw
    }
}

.p-top-fv__under-line {
    position: absolute;
    z-index: 3;
    bottom: -9.5rem;
    right: 0;
    width: 82.08vw;
    height: auto;
    opacity: 0;
    translate: 0 2.5rem
}

@media screen and (max-width:767px) {
    .p-top-fv__under-line {
        bottom: -6.25rem;
        width: 76.92vw;
        height: auto
    }
}

.p-top-fv__inner {
    width: min(81.875rem, 100%);
    position: relative
}

@media (min-width:1441px) {
    .p-top-fv__inner {
        width: calc(81.875rem + (100vw - 84.375rem) / 2)
    }
}

.p-top-fv__head {
    opacity: 0
}

@media (min-width:768px) {
    .p-top-fv__head {
        position: absolute;
        top: 0;
        right: 9rem;
        -ms-writing-mode: tb-rl;
        -webkit-writing-mode: vertical-rl;
        writing-mode: vertical-rl;
        font-size: 1.625rem;
        font-weight: 500;
        line-height: 1.2;
        letter-spacing: 0.16em;
        font-size: max(1.8055555556vw, 20px)
    }

    .p-top-fv__head span:first-of-type {
        margin-left: 1.25rem
    }
}

@media screen and (max-width:767px) {
    .p-top-fv__head {
        padding-left: 1.875rem;
        font-size: 1.125rem;
        font-weight: 400;
        line-height: 1.7777777778;
        letter-spacing: 0.0488888889em;
        font-size: 18px
    }
}

.p-top-fv__title-wrap {
    position: relative;
    z-index: 2;
    opacity: 0;
    translate: 0 2.5rem
}

.p-top-fv__title {
    font-size: 11.25rem;
    font-weight: 600;
    line-height: 1;
    letter-spacing: -0.04em;
    font-size: max(12.5vw, 100px);
    color: #564339;
    padding-left: 4.0625rem
}

@media screen and (max-width:767px) {
    .p-top-fv__title {
        margin-top: 0.75rem;
        font-size: 5.625rem;
        font-weight: 600;
        line-height: 1.1111111111;
        letter-spacing: -0.0556433956433933em;
        font-size: 90px;
        padding-left: 1.5rem
    }
}

.p-top-fv__title-under {
    position: relative;
    z-index: 2;
    font-size: 1rem;
    font-weight: 500;
    line-height: 2;
    letter-spacing: 0.06em;
    -webkit-font-feature-settings: "palt" on;
    font-feature-settings: "palt" on;
    font-size: max(1.1111111111vw, 16px);
    color: #ffffff;
    padding-left: 4.6875rem
}

@media screen and (max-width:767px) {
    .p-top-fv__title-under {
        font-size: 0.75rem;
        font-weight: 500;
        line-height: 1.9;
        letter-spacing: 0.04em;
        font-size: 12px;
        padding-left: 2.125rem;
        margin-top: 0.4375rem
    }
}

.p-top-fv__img-wrap {
    position: relative;
    z-index: 1;
    margin-top: -5.3125rem;
    width: 63.875rem;
    height: auto;
    aspect-ratio: 1022/800
}

@media (max-width:1280px) {
    .p-top-fv__img-wrap {
        width: 59.375rem
    }
}

@media (min-width:1441px) {
    .p-top-fv__img-wrap {
        width: calc(61.375rem + (100vw - 81.875rem) / 2)
    }
}

@media screen and (max-width:767px) {
    .p-top-fv__img-wrap {
        width: calc(100% - 3.75rem);
        height: auto;
        aspect-ratio: 330/404
    }
}

.p-top-fv__img {
    border-radius: 0 2.5rem 2.5rem 0;
    overflow: hidden;
    width: 100%;
    height: 100%
}

.p-top-fv__img img {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
    -webkit-animation: 9s 0.2s ease-out forwards fvImg;
    animation: 9s 0.2s ease-out forwards fvImg
}

@-webkit-keyframes fvImg {
    0% {
        scale: 1
    }

    to {
        scale: 1.1
    }
}

@keyframes fvImg {
    0% {
        scale: 1
    }

    to {
        scale: 1.1
    }
}

@media screen and (max-width:767px) {
    .p-top-fv__img {
        border-radius: 0 1.25rem 1.25rem 0
    }
}

.p-top-fv__topic {
    position: absolute;
    top: 38%;
    translate: 0 -50%;
    left: calc(100% - 6.25rem);
    width: 23.75rem;
    height: auto;
    opacity: 0;
    translate: 0 2.5rem
}

@media (max-width:1340px) {
    .p-top-fv__topic {
        left: calc(100% - 8.75rem)
    }
}

@media (any-hover:hover) {
    .p-top-fv__topic:hover {
        cursor: pointer
    }

    .p-top-fv__topic:hover .p-top-fv__topic-head {
        color: #fff;
        background: #f2ecee
    }

    .p-top-fv__topic:hover .p-top-fv__topic-body {
        background: #f2ecee
    }

    .p-top-fv__topic:hover .p-top-fv__topic-text {
        color: #fff
    }
}

.p-top-fv__topic-head {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 0.625rem 1.5rem 0.0625rem 1.875rem;
    background: #ffffff;
    border-radius: 0.625rem 0.625rem 0 0;
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0em;
    font-size: 20px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease
}

.p-top-fv__topic-body {
    margin-top: -0.0625rem;
    padding-block: 1.25rem;
    padding-inline: 1.25rem 1.875rem;
    background: #ffffff;
    border-radius: 0 0.625rem 0.625rem 0.625rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -moz-column-gap: 0.875rem;
    -webkit-column-gap: 0.875rem;
    column-gap: 0.875rem;
    position: relative;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease
}

.p-top-fv__topic-img {
    width: 6.875rem;
    height: auto;
    aspect-ratio: 110/70
}

.p-top-fv__topic-text {
    font-size: 0.75rem;
    font-weight: 500;
    line-height: 1.8;
    letter-spacing: 0.06em;
    font-size: 12px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease
}

.p-top-fv__topic-btn {
    position: absolute;
    right: -1.25rem;
    bottom: 1.5625rem;
    width: 2.5rem;
    height: auto;
    -webkit-transition: translate 0.3s ease;
    transition: translate 0.3s ease
}

.p-top-fv.js-active .p-top-fv__title-wrap {
    -webkit-animation: 1s 0.5s ease forwards fadeInUp;
    animation: 1s 0.5s ease forwards fadeInUp
}

.p-top-fv.js-active .p-top-fv__head {
    -webkit-animation: 1s 1s ease forwards fadeIn;
    animation: 1s 1s ease forwards fadeIn
}

.p-top-fv.js-active .p-top-fv__topic {
    -webkit-animation: 1s 1.5s ease forwards fadeInUp;
    animation: 1s 1.5s ease forwards fadeInUp
}

.p-top-fv.js-active .p-top-fv__under-line {
    -webkit-animation: 1s 2s ease forwards fadeInUp;
    animation: 1s 2s ease forwards fadeInUp
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        translate: 0 2.5rem
    }

    to {
        opacity: 1;
        translate: 0
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        translate: 0 2.5rem
    }

    to {
        opacity: 1;
        translate: 0
    }
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.p-top-picture {
    background: #f2ecee;
    padding-top: 18.75rem
}

@media screen and (max-width:767px) {
    .p-top-picture {
        padding-top: 18.75rem
    }
}

.p-top-picture__wrap {
    width: min(1440px, 100%);
    margin-inline: auto;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 27.8125rem auto 27.8125rem;
    grid-template-columns: 27.8125rem auto 27.8125rem;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

@media screen and (max-width:1200px) {
    .p-top-picture__wrap {
        -ms-grid-columns: 24.375rem auto 24.375rem;
        grid-template-columns: 24.375rem auto 24.375rem
    }
}

@media screen and (max-width:767px) {
    .p-top-picture__wrap {
        margin-top: -6.25rem;
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        position: relative
    }
}

.p-top-picture__center-text {
    position: sticky;
    z-index: 5;
    top: 50%;
    left: 50%;
    translate: -50% -50%;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    text-align: center
}

@media screen and (max-width:767px) {
    .p-top-picture__center-text {
        display: none
    }
}

.p-top-picture__center-text.--sp {
    display: none
}

@media screen and (max-width:767px) {
    .p-top-picture__center-text.--sp {
        display: block;
        width: auto;
        top: 50%;
        translate: 0 -50%
    }

    .p-top-picture__center-text.--sp:before {
        content: "";
        position: absolute;
        z-index: 2;
        top: 50%;
        left: 50%;
        translate: -50% -50%;
        width: 6.25rem;
        height: 6.25rem;
        border-radius: 50%;
        -webkit-backdrop-filter: blur(0.1px);
        backdrop-filter: blur(0.1px);
        -webkit-filter: blur(6px);
        filter: blur(6px);
        -webkit-box-shadow: 0 0 1.875rem 1.25rem rgba(236, 230, 220, 0.7);
        box-shadow: 0 0 1.875rem 1.25rem rgba(236, 230, 220, 0.7);
        background: radial-gradient(circle, rgba(236, 230, 220, 0.7), rgba(236, 230, 220, 0))
    }

    .p-top-picture__center-text.--sp:after {
        content: "";
        position: absolute;
        z-index: 3;
        top: 50%;
        left: 50%;
        translate: -50% -50%;
        width: 21.875rem;
        height: 21.875rem;
        border-radius: 50%;
        --sample-color: 236 230 220;
        aspect-ratio: 1/1;
        background: radial-gradient(circle, rgb(var(--sample-color)), rgb(var(--sample-color)/1));
        border-radius: 50%;
        -webkit-filter: blur(50px);
        filter: blur(50px)
    }
}

.p-top-picture__center-text .head {
    font-size: 1.6875rem;
    font-weight: 500;
    line-height: 1.8;
    letter-spacing: 0.06em;
    font-size: max(1.6875rem, 18px);
    margin-bottom: 2.5rem;
    -webkit-font-feature-settings: "palt" on;
    font-feature-settings: "palt" on
}

@media screen and (max-width:767px) {
    .p-top-picture__center-text .head {
        position: relative;
        z-index: 5;
        font-size: 1.25rem;
        font-weight: 500;
        line-height: 1.6;
        letter-spacing: 0.06em;
        font-size: 20px;
        margin-bottom: 1.875rem
    }
}

.p-top-picture__center-text .text {
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 2.4;
    letter-spacing: 0.06em;
    font-size: max(1.125rem, 14px);
    -webkit-font-feature-settings: "palt" on;
    font-feature-settings: "palt" on
}

@media screen and (max-width:767px) {
    .p-top-picture__center-text .text {
        position: relative;
        z-index: 5;
        font-size: 1.125rem;
        font-weight: 400;
        line-height: 2.1;
        letter-spacing: 0em;
        font-size: 14px
    }
}

.p-top-picture__left-images img {
    border-radius: 20px
}

@media screen and (max-width:767px) {
    .p-top-picture__left-images img {
        border-radius: 10px
    }
}

@media screen and (max-width:767px) {
    .p-top-picture__left-images {
        padding-bottom: 33.75rem
    }
}

.p-top-picture__left-images .images1 {
    width: 16.25rem;
    height: auto;
    aspect-ratio: 260/340;
    margin-left: 9.75rem;
    margin-top: 12.5rem
}

@media screen and (max-width:767px) {
    .p-top-picture__left-images .images1 {
        width: 6.625rem;
        margin-left: 0;
        margin-top: 12.5rem
    }

    .p-top-picture__left-images .images1 img {
        border-radius: 0 10px 10px 0
    }
}

.p-top-picture__left-images .images3 {
    width: 21.875rem;
    height: auto;
    aspect-ratio: 350/460;
    margin-top: 12.5rem
}

@media (max-width:1440px) {
    .p-top-picture__left-images .images3 img {
        border-radius: 0 20px 20px 0
    }
}

@media screen and (max-width:767px) {
    .p-top-picture__left-images .images3 {
        width: 9.375rem;
        margin-top: 15.3125rem
    }

    .p-top-picture__left-images .images3 img {
        border-radius: 0 10px 10px 0
    }
}

.p-top-picture__left-images .images5 {
    width: 21.875rem;
    height: auto;
    aspect-ratio: 350/460;
    margin-left: 5.9375rem;
    margin-top: 27.9375rem
}

@media screen and (max-width:767px) {
    .p-top-picture__left-images .images5 {
        width: 9.375rem;
        margin-left: 0;
        margin-top: 14.375rem
    }

    .p-top-picture__left-images .images5 img {
        border-radius: 0 10px 10px 0
    }
}

.p-top-picture__left-images .images7 {
    width: 14.375rem;
    height: auto;
    aspect-ratio: 230/300;
    margin-left: 10rem;
    margin-top: 15.4375rem
}

@media screen and (max-width:767px) {
    .p-top-picture__left-images .images7 {
        width: 6.625rem;
        margin-left: 1.875rem;
        margin-top: 12.0625rem
    }
}

.p-top-picture__left-images picture {
    overflow: hidden;
    display: block
}

.p-top-picture__left-images img {
    -o-object-fit: cover;
    object-fit: cover
}

.p-top-picture__right-images {
    padding-bottom: 8.75rem
}

.p-top-picture__right-images img {
    border-radius: 20px
}

@media screen and (max-width:767px) {
    .p-top-picture__right-images {
        position: absolute;
        right: 0;
        top: 0
    }
}

.p-top-picture__right-images .images2 {
    width: 24.375rem;
    height: auto;
    aspect-ratio: 390/512;
    margin-top: 24.875rem
}

@media (max-width:1200px) {
    .p-top-picture__right-images .images2 {
        padding-right: 1.25rem
    }
}

@media screen and (max-width:767px) {
    .p-top-picture__right-images .images2 {
        padding-right: 0rem;
        width: 9.375rem;
        margin-top: 23.125rem;
        margin-left: auto;
        margin-right: 0rem
    }

    .p-top-picture__right-images .images2 img {
        border-radius: 10px 0 0 10px
    }
}

.p-top-picture__right-images .images4 {
    width: 21.875rem;
    height: auto;
    aspect-ratio: 350/460;
    margin-right: 6rem;
    margin-top: 16.875rem
}

@media screen and (max-width:767px) {
    .p-top-picture__right-images .images4 {
        width: 7.5rem;
        margin-left: auto;
        margin-right: 1.875rem;
        margin-top: 15.5rem
    }
}

.p-top-picture__right-images .images6 {
    width: 14.375rem;
    height: auto;
    aspect-ratio: 230/300;
    margin-right: 9.75rem;
    margin-top: 22.125rem
}

@media screen and (max-width:767px) {
    .p-top-picture__right-images .images6 {
        width: 6.625rem;
        margin-right: 0rem;
        margin-top: 15.5rem;
        margin-left: auto
    }

    .p-top-picture__right-images .images6 img {
        border-radius: 10px 0 0 10px
    }
}

.p-top-picture__right-images .images8 {
    width: 21.875rem;
    height: auto;
    aspect-ratio: 350/460;
    margin-right: 0rem;
    margin-top: 15.625rem
}

@media screen and (max-width:767px) {
    .p-top-picture__right-images .images8 {
        width: 9.375rem;
        margin-top: 13.3125rem;
        margin-left: auto;
        margin-right: 1.875rem
    }
}

.p-top-picture__right-images picture {
    overflow: hidden;
    display: block
}

.p-top-picture__right-images img {
    -o-object-fit: cover;
    object-fit: cover
}

.p-top-about {
    overflow: hidden;
    padding-block: 11.1875rem 25.625rem;
    background: #f2ecee;
    border-radius: 4.375rem 4.375rem 0 0;
    position: relative
}

@media screen and (max-width:767px) {
    .p-top-about {
        overflow-x: unset;
        padding-block: 3.5rem 5rem;
        border-radius: 2.5rem 2.5rem 0 0
    }
}

.p-top-about__container {
    margin-top: 6rem
}

@media screen and (max-width:767px) {
    .p-top-about__container {
        margin-top: 3.125rem
    }
}

.p-top-about__panels-wrap {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 6.25rem
}

@media screen and (max-width:767px) {
    .p-top-about__panels-wrap {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        height: auto;
        gap: 3.4375rem
    }
}

.p-top-about__panel {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 2.5rem
}

@media screen and (max-width:767px) {
    .p-top-about__panel {
        width: 100%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 0.625rem
    }
}

.p-top-about__panel-img {
    aspect-ratio: 576/405;
    width: 36rem;
    height: auto;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media screen and (max-width:767px) {
    .p-top-about__panel-img {
        /*aspect-ratio: 330/330;*/
        width: 100%
    }
}

.p-top-about__panel-body {
    padding-top: 4.6875rem;
    max-width: 21.5rem
}

@media screen and (max-width:1200px) {
    .p-top-about__panel-body {
        max-width: 31.25rem
    }
}

@media screen and (max-width:767px) {
    .p-top-about__panel-body {
        padding-top: 0;
        max-width: 100%
    }
}

.p-top-about__panel-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 0.3125rem;
    -ms-flex-item-align: self-start;
    -ms-grid-row-align: self-start;
    align-self: self-start;
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 1.6;
    letter-spacing: 0.04em;
    font-size: 24px;
    -webkit-font-feature-settings: "palt" on;
    font-feature-settings: "palt" on
}

@media screen and (max-width:767px) {
    .p-top-about__panel-title {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 1.25rem;
        font-size: 1.375rem;
        font-weight: 600;
        line-height: 1.5;
        letter-spacing: 0.08em;
        font-size: 22px
    }
}

.p-top-about__panel-title span {
    font-size: 5.75rem;
    font-weight: 300;
    line-height: 1;
    letter-spacing: 0em;
    font-size: max(5.75rem, 70px)
}

@media screen and (max-width:767px) {
    .p-top-about__panel-title span {
        font-size: 4.375rem;
        font-weight: 300;
        line-height: 1;
        letter-spacing: 0em;
        font-size: 70px
    }
}

.p-top-about__panel-title.--gold {
    color: #B59865
}

.p-top-about__panel-title.--green {
    color: #b8d1ea
}

.p-top-about__panel-title.--purple {
    color: #9AB7A5
}

.p-top-about__panel-title.--brown {
    color: #B69C95
}

.p-top-about__panel-text {
    margin-top: 0.75rem;
    color: #4D3F37;
    font-size: 1rem;
    font-weight: 400;
    line-height: 2;
    letter-spacing: 0.06em;
    font-size: max(1rem, 14px);
    -webkit-font-feature-settings: "palt" on;
    font-feature-settings: "palt" on
}

@media screen and (max-width:767px) {
    .p-top-about__panel-text {
        margin-top: 0.3125rem;
        font-size: 0.875rem;
        font-weight: 400;
        line-height: 1.75;
        letter-spacing: 0.04em;
        font-size: 14px
    }
}

.p-top-about__line {
    margin-top: 8.125rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 1.25rem
}

@media screen and (max-width:767px) {
    .p-top-about__line {
        margin-top: 4.5rem
    }
}

.p-top-about__line-text {
    font-family: "canto-pen", sans-serif;
    color: #f2ecee;
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 0;
    letter-spacing: 0em;
    font-size: 20px
}

@media screen and (max-width:767px) {
    .p-top-about__line-text {
        font-size: 0.875rem;
        font-weight: 600;
        line-height: 1;
        letter-spacing: 0em;
        font-size: 14px
    }
}

.p-top-about__bar {
    width: 50.6875rem;
    height: 2px;
    background-image: linear-gradient(to right, #f2ecee 2px, transparent 2px);
    background-size: 6px 2px;
    background-repeat: repeat-x;
    background-position: left bottom
}

@media screen and (max-width:767px) {
    .p-top-about__bar {
        width: 15rem
    }
}

.p-top-about__bottom-wrap {
    margin-top: 5rem;
    display: -ms-grid;
    display: grid;
    grid-template-areas: "item-img item-title" "item-img item-text";
    -ms-grid-columns: 30% 4.625rem 1fr;
    grid-template-columns: 30% 1fr;
    -ms-grid-rows: 42% 1.125rem 1fr;
    grid-template-rows: 42% 1fr;
    gap: 1.125rem 4.625rem;
    width: 58rem;
    margin-inline: auto
}

@media screen and (max-width:767px) {
    .p-top-about__bottom-wrap {
        width: 100%;
        margin-top: 1.875rem;
        grid-template-areas: "item-img item-title" "item-text item-text";
        -ms-grid-columns: 33% 1.125rem 1fr;
        grid-template-columns: 33% 1fr;
        -ms-grid-rows: 42% 2.9375rem 1fr;
        grid-template-rows: 42% 1fr;
        gap: 2.9375rem 1.125rem;
        -webkit-font-feature-settings: "palt" on;
        font-feature-settings: "palt" on
    }
}

.p-top-about__bottom-img {
    -ms-grid-row: 1;
    -ms-grid-row-span: 3;
    -ms-grid-column: 1;
    margin-top: 0.6875rem;
    margin-right: 9rem;
    position: relative;
    grid-area: item-img;
    aspect-ratio: 288/288;
    width: 18rem;
    height: auto
}

@media screen and (max-width:767px) {
    .p-top-about__bottom-img {
        margin-right: 0;
        aspect-ratio: 110/110;
        width: 6.875rem
    }
}

.p-top-about__bottom-name {
    background: #C2C2AF;
    border-radius: 2.25rem;
    padding: 0.875rem 2.5rem 0.875rem;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    position: absolute;
    bottom: -1.5625rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

@media screen and (max-width:767px) {
    .p-top-about__bottom-name {
        padding: 0.5625rem 1.0625rem 0.5625rem
    }
}

.p-top-about__bottom-name span {
    display: block;
    color: #4D4D4D;
    -webkit-font-feature-settings: "palt" on;
    font-feature-settings: "palt" on;
    text-align: center
}

.p-top-about__bottom-name span:first-of-type {
    font-size: 0.75rem;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0.06em;
    font-size: 12px
}

@media screen and (max-width:767px) {
    .p-top-about__bottom-name span:first-of-type {
        font-size: 0.75rem;
        font-weight: 500;
        line-height: 1;
        letter-spacing: 0.04em;
        font-size: 12px
    }
}

.p-top-about__bottom-name span:nth-of-type(2) {
    margin-top: 0.5rem;
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0.04em;
    font-size: max(1.125rem, 14px)
}

@media screen and (max-width:767px) {
    .p-top-about__bottom-name span:nth-of-type(2) {
        margin-top: 0.3125rem;
        font-size: 0.875rem;
        font-weight: 700;
        line-height: 1;
        letter-spacing: 0.04em;
        font-size: 14px
    }
}

.p-top-about__bottom-title {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
    margin-top: auto;
    grid-area: item-title;
    color: #B59865;
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 1.6;
    letter-spacing: 0.04em;
    font-size: max(1.5rem, 20px);
    -webkit-font-feature-settings: "palt" on;
    font-feature-settings: "palt" on
}

@media screen and (max-width:767px) {
    .p-top-about__bottom-title {
        margin-top: 1.875rem;
        font-size: 1.25rem;
        font-weight: 500;
        line-height: 1.6;
        letter-spacing: 0.06em;
        font-size: 20px
    }
}

.p-top-about__bottom-text {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
    grid-area: item-text;
    color: #4D4D4D;
    font-size: 1rem;
    font-weight: 400;
    line-height: 2;
    letter-spacing: 0em;
    font-size: 16px
}

@media screen and (max-width:767px) {
    .p-top-about__bottom-img {
        -ms-grid-row: 1;
        -ms-grid-row-span: 1;
        -ms-grid-column: 1
    }

    .p-top-about__bottom-title {
        -ms-grid-row: 1;
        -ms-grid-column: 3
    }

    .p-top-about__bottom-text {
        -ms-grid-row: 3;
        -ms-grid-column: 1;
        -ms-grid-column-span: 3
    }
}

@media screen and (max-width:767px) {
    .p-top-about__bottom-text {
        font-size: 0.875rem;
        font-weight: 400;
        line-height: 1.75;
        letter-spacing: 0.0357142857em;
        font-size: 14px
    }
}

.p-top-about__bottom-btn {
    display: block;
    margin-top: 2.0625rem;
    margin-left: auto
}

@media screen and (max-width:767px) {
    .p-top-about__bottom-btn {
        margin-top: 1.0625rem
    }
}

@media (hover:hover) {
    .p-top-about__bottom-btn:hover:before {
        background-color: #564339
    }

    .p-top-about__bottom-btn:hover:after {
        background-image: url("../img/btn_arrow_gold.svg");
        background-size: auto;
        scale: 1.2;
        translate: 0 0;
        top: 5%
    }
}

.p-top-medical {
    margin-top: -1px;
    padding-block: 1.5625rem 13.75rem;
    background: #f2ecee;
    position: relative
}

@media screen and (max-width:767px) {
    .p-top-medical {
        padding-block: 4.5625rem 5rem
    }
}

.p-top-medical__under-line {
    position: absolute;
    z-index: 3;
    top: -19.875rem;
    left: 0;
    width: 82.08vw;
    height: auto
}

@media screen and (max-width:767px) {
    .p-top-medical__under-line {
        top: -3.125rem;
        width: 76.92vw;
        height: auto
    }
}

.p-top-medical__wrap {
    margin-top: 6rem;
    padding-left: 4.0625rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media screen and (min-width:1600px) {
    .p-top-medical__wrap {
        max-width: 1600px;
        margin-inline: auto
    }
}

@media screen and (max-width:767px) {
    .p-top-medical__wrap {
        margin-top: 2rem;
        padding-left: 0;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.p-top-medical__left {
    z-index: 10
}

.p-top-medical__left img {
    aspect-ratio: 640/800;
    width: 44.4444444444vw;
    height: auto
}

@media screen and (min-width:1600px) {
    .p-top-medical__left img {
        max-width: 640px
    }
}

@media screen and (max-width:767px) {
    .p-top-medical__left img {
        aspect-ratio: 260/325;
        width: 16.25rem;
        display: block;
        margin-inline: auto
    }
}

.p-top-medical__left-title {
    margin-top: 0.6875rem;
    padding-left: 0.75rem;
    color: rgba(77, 63, 55, 0.6);
    font-size: 0.75rem;
    font-weight: 500;
    line-height: 1.8;
    letter-spacing: 0em;
    font-size: 12px
}

@media screen and (max-width:767px) {
    .p-top-medical__left-title {
        text-align: center;
        padding-inline: 1.875rem
    }
}

@media screen and (max-width:550px) {
    .p-top-medical__left-title {
        text-align: left
    }
}

.p-top-medical__contents {
    padding: 8.875rem 8rem 8.9375rem 30rem;
    margin-top: 10.3125rem;
    margin-left: -24rem;
    background: #ffffff;
    border-radius: 0px 0px 0px 1.875rem
}

@media screen and (min-width:1600px) {
    .p-top-medical__contents {
        border-radius: 1.875rem
    }
}

@media screen and (max-width:1200px) {
    .p-top-medical__contents {
        padding: 8.875rem 6.75rem 8.9375rem 28.75rem
    }
}

@media screen and (max-width:767px) {
    .p-top-medical__contents {
        margin-top: -11.875rem;
        margin-left: 0;
        padding: 13.625rem 1.875rem 3.5rem;
        border-radius: 0;
        max-width: 550px;
        margin-inline: auto
    }
}

.p-top-medical__title {
    color: #B59865;
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 1.6;
    letter-spacing: 0.04em;
    font-size: max(1.5rem, 20px);
    -webkit-font-feature-settings: "palt" on;
    font-feature-settings: "palt" on
}

@media screen and (max-width:767px) {
    .p-top-medical__title {
        font-size: 1.25rem;
        font-weight: 500;
        line-height: 1.6;
        letter-spacing: 0.06em;
        font-size: 20px
    }
}

.p-top-medical__text {
    margin-top: 1.3125rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 2;
    letter-spacing: 0.06em;
    font-size: 16px;
    -webkit-font-feature-settings: "palt" on;
    font-feature-settings: "palt" on
}

@media screen and (max-width:767px) {
    .p-top-medical__text {
        margin-top: 0.5rem;
        font-size: 0.875rem;
        font-weight: 400;
        line-height: 1.75;
        letter-spacing: 0.04em;
        font-size: 14px
    }
}

.p-top-medical__cards {
    margin-top: 3.125rem;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 0.5rem 1fr 0.5rem 1fr;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.625rem 0.5rem;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    max-width: 100%
}

@media screen and (max-width:767px) {
    .p-top-medical__cards {
        margin-top: 2.125rem;
        width: auto
    }
}

.p-top-medical__card {
    border-radius: 0.5rem;
    color: #ffffff;
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.8;
    letter-spacing: 0.04em;
    font-size: max(1.125rem, 14px);
    text-align: center;
    width: 100%;
    max-width: 10.25rem;
    height: 7.875rem;
    -webkit-font-feature-settings: "palt" on;
    font-feature-settings: "palt" on;
    word-break: auto-phrase;
    display: -ms-grid;
    display: grid;
    place-items: center;
    padding: 0.5rem
}

@media screen and (max-width:767px) {
    .p-top-medical__card {
        width: 100%;
        height: 6.5rem;
        font-size: 0.875rem;
        font-weight: 700;
        line-height: 1.75;
        letter-spacing: 0.04em;
        font-size: 14px;
        padding: 0.1rem
    }
}

.p-top-medical__card.--green {
    background: #b8d1ea
}

.p-top-medical__card.--purple {
    background: #9AB7A5
}

.p-top-medical__card.--brown {
    background: #B69C95
}

.p-top-work {
    margin-top: -4.375rem;
    padding-block: 7.375rem 14.375rem;
    background: #b8d1ea;
    border-radius: 4.375rem 4.375rem 0 0
}

@media screen and (max-width:767px) {
    .p-top-work {
        margin-top: -5.8125rem;
        border-radius: 2.5rem 2.5rem 0 0;
        padding-block: 3.75rem 12rem
    }
}

.p-top-work__wrap {
    margin-top: 5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    gap: 5.1875rem
}

@media screen and (max-width:767px) {
    .p-top-work__wrap {
        margin-top: 2.125rem;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 2rem
    }
}

.p-top-work__img {
    aspect-ratio: 523/350;
    width: 32.6875rem;
    height: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media screen and (max-width:767px) {
    .p-top-work__img {
        aspect-ratio: 330/330;
        width: 100%
    }
}

.p-top-work__title {
    color: #ffffff;
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 1.6;
    letter-spacing: 0.04em;
    -webkit-font-feature-settings: "palt" on;
    font-feature-settings: "palt" on;
    font-size: max(1.5rem, 18px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0.75rem
}

@media screen and (max-width:950px) {
    .p-top-work__title {
        max-width: 600px;
        margin-inline: auto
    }
}

@media screen and (max-width:767px) {
    .p-top-work__title {
        font-size: 1.25rem;
        font-weight: 500;
        line-height: 1.6;
        letter-spacing: 0.06em
    }
}

.p-top-work__title span {
    width: 1.5546875rem;
    width: max(1.5546875rem, 24.875px);
    height: auto;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

@media screen and (max-width:767px) {
    .p-top-work__title span {
        width: 0.875rem
    }
}

.p-top-work__text {
    margin-top: 0.625rem;
    font-family: "Noto Sans JP", sans-serif;
    color: #ffffff;
    font-size: 1rem;
    font-weight: 400;
    line-height: 2;
    letter-spacing: 0.06em;
    font-size: 16px;
    -webkit-font-feature-settings: "palt" on;
    font-feature-settings: "palt" on
}

@media screen and (max-width:767px) {
    .p-top-work__text {
        font-size: 0.875rem;
        font-weight: 400;
        line-height: 1.75;
        letter-spacing: 0.04em;
        font-size: 14px
    }
}

.p-top-work__tags {
    margin-top: 1.25rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    -webkit-column-gap: 0.8125rem;
    -moz-column-gap: 0.8125rem;
    column-gap: 0.8125rem;
    row-gap: 0.625rem
}

@media screen and (max-width:767px) {
    .p-top-work__tags {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr 0.625rem 1fr;
        grid-template-columns: repeat(2, 1fr);
        gap: 0.625rem
    }
}

@media screen and (max-width:767px) {
    .p-top-work__tag {
        width: 100%
    }
}

.p-top-work__btn {
    margin-top: 2.5rem;
    display: block;
    width: 36rem;
    padding-block: 1.25rem;
    background: #ffffff;
    border-radius: 0.625rem;
    color: #564339;
    text-align: left;
    padding-inline: 2.375rem;
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 1.8;
    letter-spacing: 0.0527777778em;
    font-size: max(1.125rem, 14px);
    -webkit-font-feature-settings: "palt" on;
    font-feature-settings: "palt" on;
    -webkit-transition: background 0.3s, color 0.3s;
    transition: background 0.3s, color 0.3s;
    position: relative;
    z-index: 1
}

@media screen and (max-width:767px) {
    .p-top-work__btn {
        margin-top: 3rem;
        width: 20.625rem;
        padding-block: 1.5rem;
        padding-inline: 1.875rem;
        font-size: 0.875rem;
        font-weight: 700;
        line-height: 1.75;
        letter-spacing: 0.04em;
        font-size: 14px;
        margin-inline: auto
    }
}

.p-top-work__btn:after {
    content: "";
    position: absolute;
    background-image: url("../img/btn_arrow_black.svg");
    background-size: contain;
    background-repeat: no-repeat;
    top: 50%;
    right: 2.5rem;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    -webkit-transition: background-image 0.3s;
    transition: background-image 0.3s
}

@media screen and (max-width:767px) {
    .p-top-work__btn:after {
        width: 1.5rem;
        height: 1.5rem;
        right: 1.875rem
    }
}

@media (hover:hover) {
    .p-top-work__btn:hover {
        background: #f2ecee
    }

    .p-top-work__btn:hover:after {
        background-image: url("../img/btn_arrow_white.svg")
    }
}

.p-clinic__doctor {
    padding-bottom: 12.25rem
}

@media screen and (max-width:767px) {
    .p-clinic__doctor {
        padding-bottom: 5.8125rem
    }
}

.p-clinic__doctor-wrap {
    margin-top: 5.3125rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    gap: 5.8125rem
}

@media screen and (max-width:950px) {
    .p-clinic__doctor-wrap {
        margin-top: 1.875rem;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 2.5rem;
        max-width: 600px;
        margin-inline: auto
    }
}

.p-clinic__doctor-img {
  width: 100%;
  max-width: 600px;
  height: auto; /* ←縦の強制を解除 */
  aspect-ratio: auto; /* ←間延び防止 */
  object-fit: cover; /* ←枠内で自然にトリミング */
  border-radius: 8px;
  overflow: hidden;
}

.p-clinic__doctor-img img {
  width: 100%;
  height: auto;
  object-fit: cover; /* ←比率維持しつつきれいに表示 */
}

@media screen and (max-width:767px) {
    .p-clinic__doctor-img {
        aspect-ratio: 330/330;
        width: 20.625rem
    }
}

.p-clinic__doctor-head {
    margin-top: -0.5rem;
    color: #4D4D4D;
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 1.8;
    letter-spacing: 0.04em;
    font-size: max(1.5rem, 20px);
    -webkit-font-feature-settings: "palt" on;
    font-feature-settings: "palt" on
}

@media screen and (max-width:767px) {
    .p-clinic__doctor-head {
        font-size: 1.25rem;
        font-weight: 500;
        line-height: 1.6;
        letter-spacing: 0.06em;
        font-size: 20px
    }
}

.p-clinic__doctor-text {
    margin-top: 0.75rem;
    color: #4D3F37;
    font-size: 1rem;
    font-weight: 400;
    line-height: 2.6;
    letter-spacing: 0.04em;
    font-size: 16px;
    padding-bottom: 2.875rem;
    background-image: linear-gradient(to right, #f2ecee 2px, transparent 2px);
    background-size: 6px 2px;
    background-repeat: repeat-x;
    background-position: left bottom;
    -webkit-font-feature-settings: "palt" on;
    font-feature-settings: "palt" on
}

@media screen and (max-width:767px) {
    .p-clinic__doctor-text {
        font-size: 0.875rem;
        font-weight: 400;
        line-height: 1.75;
        letter-spacing: 0.04em;
        font-size: 14px;
        padding-bottom: 4.375rem
    }
}

.p-clinic__doctor-profile {
    margin-top: 2.5rem
}

.p-clinic__doctor-name {
    margin-top: 0.75rem;
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0.04em;
    font-size: max(1.125rem, 16px);
    -webkit-font-feature-settings: "palt" on;
    font-feature-settings: "palt" on;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0.5rem;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end
}

@media screen and (max-width:767px) {
    .p-clinic__doctor-name {
        font-size: 0.875rem;
        font-weight: 700;
        line-height: 1;
        letter-spacing: 0.04em;
        font-size: 14px
    }
}

.p-clinic__doctor-name span:nth-of-type(2) {
    color: #564339;
    font-size: 0.75rem;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0em;
    font-size: 12px
}

@media screen and (max-width:767px) {
    .p-clinic__doctor-name span:nth-of-type(2) {
        font-size: 0.625rem;
        font-weight: 600;
        line-height: 1;
        letter-spacing: 0em;
        font-size: 10px
    }
}

.p-clinic__doctor-position {
    margin-top: 0.375rem;
    color: #564339;
    font-size: 0.75rem;
    font-weight: 500;
    line-height: 1.8;
    letter-spacing: 0.06em;
    font-size: 12px;
    -webkit-font-feature-settings: "palt" on;
    font-feature-settings: "palt" on
}

.p-clinic__doctor-body {
    margin-top: 2.25rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 2.625rem
}

@media screen and (max-width:767px) {
    .p-clinic__doctor-body {
        margin-top: 1.125rem;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 1.1875rem
    }
}

.p-clinic__doctor-body-item ul {
    margin-top: 0.625rem
}

.p-clinic__doctor-body-item li {
    color: #4D3F37;
    font-size: 0.75rem;
    font-weight: 500;
    line-height: 1.8;
    letter-spacing: 0.06em;
    font-size: 12px;
    -webkit-font-feature-settings: "palt" on;
    font-feature-settings: "palt" on;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0.46875rem
}

.p-clinic__doctor-body-item li:before {
    content: "";
    width: 0.375rem;
    height: 0.375rem;
    border-radius: 50%;
    background: #f2ecee;
    display: inline-block
}

.p-clinic__doctor-body-item li+li {
    margin-top: 0.1875rem
}

.p-clinic__beginning {
    padding-bottom: 9.875rem
}

@media screen and (max-width:767px) {
    .p-clinic__beginning {
        padding-bottom: 3.75rem
    }
}

.p-clinic__beginning-img {
    margin-top: 5.4375rem;
    aspect-ratio: 1184/790;
    width: 100%;
    height: auto
}

@media screen and (max-width:767px) {
    .p-clinic__beginning-img {
        margin-top: 1.875rem;
        aspect-ratio: 330/330
    }
}

.p-clinic__beginning-title {
    margin-top: 7.5rem;
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 1.6;
    letter-spacing: 0em;
    font-size: max(1.5rem, 18px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0.75rem
}

@media screen and (max-width:1100px) {
    .p-clinic__beginning-title {
        max-width: 600px;
        margin-inline: auto
    }
}

@media screen and (max-width:767px) {
    .p-clinic__beginning-title {
        margin-top: 3.4375rem;
        font-size: 1.25rem;
        font-weight: 500;
        line-height: 1.6;
        letter-spacing: 0em;
        font-size: 20px
    }
}

.p-clinic__beginning-title span {
    width: 1.5546875rem;
    width: max(1.5546875rem, 24.875px);
    height: auto;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

@media screen and (max-width:767px) {
    .p-clinic__beginning-title span {
        width: 0.875rem
    }
}

@media screen and (max-width:767px) {
    .p-clinic__beginning-title.--2 {
        margin-top: 4.25rem
    }
}

.p-clinic__reason-wrap {
    margin-top: 3.875rem;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1.875rem 1fr 1.875rem 1fr 1.875rem 1fr;
    grid-template-columns: repeat(4, 1fr);
    gap: 1.875rem
}

@media screen and (max-width:950px) {
    .p-clinic__reason-wrap {
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr);
        max-width: 600px;
        margin-inline: auto
    }
}

@media screen and (max-width:767px) {
    .p-clinic__reason-wrap {
        margin-top: 2.0625rem;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 2.6875rem;
        -ms-grid-columns: 1fr;
        grid-template-columns: repeat(1, 1fr)
    }
}

.p-clinic__reason-item {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.p-clinic__reason-item-title {
    font-size: 1.375rem;
    font-weight: 500;
    line-height: 1.6;
    letter-spacing: 0.04em;
    font-size: max(1.375rem, 18px);
    font-family: "Noto Sans JP", sans-serif;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0.875rem;
    background-image: linear-gradient(to right, #ccc7ba 2px, transparent 2px);
    background-size: 6px 2px;
    background-repeat: repeat-x;
    background-position: left bottom
}

@media screen and (max-width:767px) {
    .p-clinic__reason-item-title {
        font-size: 1.25rem;
        font-weight: 500;
        line-height: 1.6;
        letter-spacing: 0.06em;
        font-size: 20px;
        gap: 1.625rem;
        -webkit-font-feature-settings: "palt" on;
        font-feature-settings: "palt" on
    }
}

.p-clinic__reason-item-num {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-family: "canto-pen", sans-serif;
    color: #B59865;
    font-size: 5.75rem;
    font-weight: 300;
    line-height: 1;
    letter-spacing: 0em;
    font-size: max(5.75rem, 80px)
}

@media screen and (max-width:767px) {
    .p-clinic__reason-item-num {
        font-size: 5.25rem;
        font-weight: 300;
        line-height: 1;
        letter-spacing: 0em;
        font-size: 84px
    }
}

.p-clinic__reason-item-num.--green {
    color: #b8d1ea
}

.p-clinic__reason-item-num.--purple {
    color: #9AB7A5
}

.p-clinic__reason-item-num.--beige {
    color: #B69C95
}

.p-clinic__reason-item-text {
    margin-top: 1.375rem;
    color: #4D3F37;
    font-family: "Noto Sans JP", sans-serif;
    text-align: justify;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.75;
    letter-spacing: 0.04em;
    font-size: 14px;
    -webkit-font-feature-settings: "palt" on;
    font-feature-settings: "palt" on
}

.p-clinic__flow-wrap {
    margin-top: 5.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 6.5972222222%
}

@media screen and (max-width:1100px) {
    .p-clinic__flow-wrap {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-top: 2.5rem;
        gap: 3.125rem
    }
}

.p-clinic__flow-img {
    aspect-ratio: 640/795;
    width: 40rem;
    height: auto;
    margin-left: calc(50% - 50vw);
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media (min-width:1700px) {
    .p-clinic__flow-img {
        width: 640px;
        margin-left: -237px
    }
}

@media screen and (max-width:767px) {
    .p-clinic__flow-img {
        aspect-ratio: 330/330;
        width: 20.625rem;
        margin-left: 0
    }
}

.p-clinic__flow-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 2.5rem;
    width: calc(36.0625rem + 50vw - 50%)
}

@media screen and (max-width:1100px) {
    .p-clinic__flow-items {
        margin-left: -40px;
        width: 600px
    }
}

@media screen and (max-width:767px) {
    .p-clinic__flow-items {
        margin-left: 0;
        gap: 2.625rem;
        width: 100%
    }
}

.p-clinic__flow-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 2.5rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (max-width:767px) {
    .p-clinic__flow-item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 0.875rem
    }
}

.p-clinic__flow-item img {
    width: 8.125rem;
    height: auto;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.p-clinic__flow-title {
    color: #4D3F37;
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 1.6;
    letter-spacing: 0.04em;
    font-size: max(1.5rem, 18px);
    -webkit-font-feature-settings: "palt" on;
    font-feature-settings: "palt" on
}

@media screen and (max-width:767px) {
    .p-clinic__flow-title {
        text-align: center
    }
}

.p-clinic__flow-text {
    margin-top: 0.4375rem;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 2.2857142857;
    letter-spacing: 0.0685714286em;
    font-size: 14px;
    -webkit-font-feature-settings: "palt" on;
    font-feature-settings: "palt" on
}

@media screen and (max-width:767px) {
    .p-clinic__flow-text {
        margin-top: 0.625rem
    }
}

.p-clinic__beginning-btn {
    margin-top: 1.1875rem;
    display: block;
    margin-left: auto;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    position: relative;
    padding-block: 0.3125rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 2;
    letter-spacing: 0.06em;
    font-size: 16px;
    -webkit-font-feature-settings: "palt" on;
    font-feature-settings: "palt" on;
    padding-right: 42px
}

@media screen and (max-width:1100px) {
    .p-clinic__beginning-btn {
        margin-right: 9.375rem
    }
}

@media screen and (max-width:767px) {
    .p-clinic__beginning-btn {
        margin-top: 1.5625rem;
        margin-right: 1.5625rem
    }
}

.p-clinic__beginning-btn:before {
    content: "";
    position: absolute;
    width: 70%;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1px;
    background-color: transparent;
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s
}

.p-clinic__beginning-btn:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    translate: 0 -50%;
    background-image: url("../img/btn_arrow_black.svg");
    background-size: contain;
    background-repeat: no-repeat;
    width: 2.125rem;
    height: 2.125rem;
    -webkit-transition: scale 0.3s;
    transition: scale 0.3s
}

@media screen and (max-width:767px) {
    .p-clinic__beginning-btn:after {
        background-size: contain
    }
}

@media (hover:hover) {
    .p-clinic__beginning-btn:hover:before {
        background-color: #564339
    }

    .p-clinic__beginning-btn:hover:after {
        background-image: url("../img/btn_arrow_gold.svg");
        background-size: auto;
        scale: 1.2;
        translate: 0 0;
        top: 7%
    }
}

.p-clinic__voice {
    padding-top: 8.75rem;
    padding-bottom: 15.875rem;
    border-radius: 4.375rem 4.375rem 0 0;
    background: #f2ecee;
    overflow: hidden
}

@media screen and (max-width:767px) {
    .p-clinic__voice {
        border-radius: 2.5rem 2.5rem 0 0;
        padding-top: 3.5rem;
        padding-bottom: 11.25rem
    }
}

.p-clinic__container {
    margin-top: 5.3125rem;
    position: relative
}

@media screen and (max-width:767px) {
    .p-clinic__container {
        margin-top: 2rem
    }
}

.p-clinic__container-inner {
    margin: 0 auto;
    overflow: visible
}

.p-clinic__slider {
    margin: 0 auto 0 0;
    overflow: visible
}

.p-clinic__slider-list {
    height: 100%
}

.p-clinic__slider-listItem {
    height: auto;
    padding: 2.75rem 2.75rem 2.3125rem;
    border-radius: 0.625rem;
    border: 1px solid #f2ecee;
    max-width: 22rem
}

@media screen and (max-width:767px) {
    .p-clinic__slider-listItem {
        max-width: 20rem;
        padding: 2.75rem 2rem 2.375rem 2rem
    }
}

.p-slider__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 1rem
}

.p-slider__content+.p-slider__content {
    margin-top: 0.875rem
}

.p-slider__top-text {
    margin-top: 0.125rem;
    color: #4D3F37;
    font-size: 0.75rem;
    font-weight: 500;
    line-height: 1.8;
    letter-spacing: 0.06em;
    font-size: 12px;
    -webkit-font-feature-settings: "palt" on;
    font-feature-settings: "palt" on
}

.p-slider__img {
    aspect-ratio: 120/120;
    width: 7.5rem;
    height: 7.5rem;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    border-radius: 10px;
    overflow: hidden
}

.p-slider__bottom {
    margin-top: 1.3125rem
}

@media screen and (max-width:767px) {
    .p-slider__bottom {
        margin-top: 0.9375rem
    }
}

.p-slider__bottom-title {
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.8;
    letter-spacing: 0.04em;
    font-size: 18px;
    -webkit-font-feature-settings: "palt" on;
    font-feature-settings: "palt" on
}

.p-slider__bottom-text {
    margin-top: 0.1875rem;
    color: #4D3F37;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.75;
    letter-spacing: 0.04em;
    font-size: 14px;
    -webkit-font-feature-settings: "palt" on;
    font-feature-settings: "palt" on
}

.swiper-horizontal>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
    left: 0;
    bottom: -3.75rem;
    max-width: 74.0625rem;
    height: 2px
}

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

    .swiper-horizontal>.swiper-scrollbar,
    .swiper-scrollbar.swiper-scrollbar-horizontal {
        bottom: -1.75rem;
        width: 100%
    }
}

.p-clinic__scroll {
    position: relative;
    width: 100%;
    overflow: hidden
}

.p-clinic__scroll:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: block;
    margin: auto 0;
    width: 100%;
    height: 100%;
    background-color: #f2ecee
}

.p-clinic__scroll .swiper-scrollbar-drag {
    position: relative;
    top: 0;
    left: 0;
    z-index: 2;
    height: 100%;
    background-color: #4D3F37;
    border-radius: 0;
    -webkit-transform-origin: right center;
    transform-origin: right center;
    will-change: transform;
    cursor: -webkit-grab;
    cursor: grab
}

.swiper-pagination-fraction {
    display: none
}

@media screen and (max-width:767px) {
    .swiper-pagination-fraction {
        display: block;
        bottom: -4.375rem;
        left: 0;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        color: #4D3F37;
        font-size: 0.875rem;
        font-weight: 600;
        line-height: 1;
        letter-spacing: 0em;
        font-size: 14px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -moz-column-gap: 4px;
        -webkit-column-gap: 4px;
        column-gap: 4px
    }
}

.swiper-pagination-fraction:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 47%;
    -webkit-transform: translate(-50%, -50%) rotate(90deg);
    transform: translate(-50%, -50%) rotate(90deg);
    width: 10px;
    height: 1px;
    background: #f2ecee
}

.swiper-pagination-separator {
    opacity: 0
}

.p-clinic__swiper-button-next,
.p-clinic__swiper-button-prev {
    top: unset;
    bottom: unset;
    left: unset;
    right: unset;
    margin: 0;
    padding: 0;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s
}

@media (hover:hover) {

    .p-clinic__swiper-button-next:hover,
    .p-clinic__swiper-button-prev:hover {
        opacity: 0.6
    }
}

.p-clinic__swiper-button-next:after,
.p-clinic__swiper-button-prev:after {
    content: ""
}

.p-clinic__swiper-button-next,
.p-clinic__swiper-button-prev {
    bottom: -7.625rem;
    width: 3.375rem
}

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

    .p-clinic__swiper-button-next,
    .p-clinic__swiper-button-prev {
        bottom: -5rem
    }
}

.p-clinic__swiper-button-prev {
    right: 4.25rem
}

@media screen and (max-width:767px) {
    .p-clinic__swiper-button-prev {
        right: 4.25rem
    }
}

.p-clinic__swiper-button-next {
    right: 0rem
}

@media screen and (max-width:767px) {
    .p-clinic__swiper-button-next {
        right: 0rem
    }
}

.p-medical__menu {
    padding-bottom: 8.75rem
}

@media screen and (max-width:767px) {
    .p-medical__menu {
        padding-bottom: 6.25rem
    }
}

.p-medical__menu-wrap {
    margin-top: 7.9375rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 7.375rem
}

@media screen and (max-width:767px) {
    .p-medical__menu-wrap {
        margin-top: 1.9375rem;
        gap: 4.8125rem
    }
}

.p-medical__menu-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 3.75rem
}

@media screen and (max-width:767px) {
    .p-medical__menu-item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 1.6875rem
    }
}

.p-medical__menu-img {
  display: block;
  width: 100%;
  max-width: 544px; /* 元指定を維持してもOK。横幅制限したい場合のみ */
  margin: 0 auto;
  overflow: hidden;
  border-radius: 10px; /* 角丸を付けたい場合 */
}

.p-medical__menu-img img {
  width: 100%;
  height: auto;           /* 高さを自動にして比率維持 */
  object-fit: cover;      /* 間延び防止・枠内に自然フィット */
  display: block;
}

@media screen and (max-width:767px) {
    .p-medical__menu-img {
        aspect-ratio: 330/330;
        width: 20.625rem
    }
}

.p-medical__menu-body {
    margin-top: -0.375rem
}

@media screen and (max-width:767px) {
    .p-medical__menu-body {
        padding-right: 0
    }
}

@media screen and (min-width:1200px) {
    .p-medical__menu-body {
        padding-right: 2.125rem
    }
}

.p-medical__menu-title {
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 1.6;
    letter-spacing: 0.04em;
    -webkit-font-feature-settings: "palt" on;
    font-feature-settings: "palt" on
}

@media screen and (max-width:767px) {
    .p-medical__menu-title {
        font-size: 1.625rem;
        font-weight: 400;
        line-height: 1.4;

    }
}

.p-medical__menu-text {
    margin-top: 0.5rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 2;
    letter-spacing: 0.06em;
    font-size: 16px;
    -webkit-font-feature-settings: "palt" on;
    font-feature-settings: "palt" on
}

@media screen and (max-width:767px) {
    .p-medical__menu-text {
        font-size: 0.875rem;
        font-weight: 400;
        line-height: 1.75;
        letter-spacing: 0.04em;
        font-size: 14px
    }
}

.p-medical__menu-tag {
    margin-top: 1.1875rem
}

@media screen and (max-width:767px) {
    .p-medical__menu-tag {
        margin-top: 1.375rem
    }
}

.p-medical__menu-detail {
    margin-top: 0.625rem;
    color: #4D3F37;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 500;
    line-height: 1.8;
    letter-spacing: 0.06em;
    font-size: 1rem;
    -webkit-font-feature-settings: "palt" on;
    font-feature-settings: "palt" on
}

@media screen and (max-width:767px) {
    .p-medical__menu-detail {
        margin-top: 0.375rem;
        font-size: 0.875rem;
        font-weight: 400;
        line-height: 1.75;
        letter-spacing: 0.04em;
        font-size: 14px
    }
}

.p-medical__menu-tags {
    margin-top: 1.4375rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 0.5rem
}

@media screen and (max-width:767px) {
    .p-medical__menu-tags {
        margin-top: 1.0625rem;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        width: 100%
    }
}

.p-medical__menu-tags.--wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 0.75rem;
    width: 50%
}

@media screen and (max-width:767px) {
    .p-medical__menu-tags.--wrap {
        gap: 0.5rem 0.75rem;
        width: 100%
    }
}

.p-medical__menu-bottom {
    margin-top: 7.5rem;
    padding: 5.75rem 6.25rem;
    border-radius: 1.25rem;
    background: #f2ecee;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (max-width:767px) {
    .p-medical__menu-bottom {
        margin-top: 6.875rem;
        padding: 3.1875rem 1.75rem;
        border-radius: 0.625rem;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 2.5rem
    }
}

@media screen and (min-width:1200px) {
    .p-medical__menu-bottom {
        padding: 5.75rem 7.9375rem
    }
}

.p-medical__menu-bottom-item {
    max-width: 35.9375rem
}

@media screen and (max-width:767px) {
    .p-medical__menu-bottom-item {
        margin-top: 0;
        max-width: 100%
    }
}

@media screen and (min-width:1200px) {
    .p-medical__menu-bottom-item {
        margin-top: -4.1875rem
    }
}

.p-medical__menu-bottom-title {
    color: #B59865;
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 1.6;
    letter-spacing: 0.04em;
    font-size: max(1.5rem, 18px);
    -webkit-font-feature-settings: "palt" on;
    font-feature-settings: "palt" on
}

@media screen and (max-width:767px) {
    .p-medical__menu-bottom-title {
        font-size: 1.25rem;
        font-weight: 500;
        line-height: 1.6;
        letter-spacing: 0.06em;
        font-size: 20px
    }
}

.p-medical__menu-bottom-text {
    margin-top: 0.5rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 2;
    letter-spacing: 0.06em;
    font-size: 16px;
    -webkit-font-feature-settings: "palt" on;
    font-feature-settings: "palt" on
}

@media screen and (max-width:767px) {
    .p-medical__menu-bottom-text {
        font-size: 0.875rem;
        font-weight: 400;
        line-height: 1.75;
        letter-spacing: 0.04em;
        font-size: 14px
    }
}

.p-medical__menu-bottom-lists {
    margin-top: 3.75rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 1.6875rem
}

@media screen and (max-width:767px) {
    .p-medical__menu-bottom-lists {
        margin-top: 2.1875rem;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 1.25rem
    }
}

.p-medical__menu-bottom-list ul {
    margin-top: 0.625rem
}

@media screen and (max-width:767px) {
    .p-medical__menu-bottom-list ul {
        margin-top: 0.375rem
    }
}

.p-medical__menu-bottom-list li {
    color: #4D3F37;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 0.75rem;
    font-weight: 500;
    line-height: 1.8;
    letter-spacing: 0.06em;
    font-size: 12px;
    -webkit-font-feature-settings: "palt" on;
    font-feature-settings: "palt" on;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0.46875rem
}

.p-medical__menu-bottom-list li:before {
    content: "";
    width: 0.375rem;
    height: 0.375rem;
    border-radius: 50%;
    background: #f2ecee;
    display: inline-block
}

.p-medical__menu-bottom-list li+li {
    margin-top: 0.1875rem
}

.p-medical__menu-bottom-img {
    aspect-ratio: 240/494;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 15rem;
    height: auto
}

@media screen and (max-width:767px) {
    .p-medical__menu-bottom-img {
        width: 10rem
    }
}

.p-medical__guide {
    padding-top: 8.75rem;
    border-radius: 4.375rem 4.375rem 0 0;
    background: #f2ecee
}

@media screen and (max-width:767px) {
    .p-medical__guide {
        padding-top: 3.5rem;
        border-radius: 2.5rem 2.5rem 0 0
    }
}

.p-medical__guide-wrap {
    margin-top: 6.125rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 6.125rem;
    -webkit-box-align: self-start;
    -ms-flex-align: self-start;
    align-items: self-start
}

@media screen and (max-width:767px) {
    .p-medical__guide-wrap {
        margin-top: 1.875rem;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        gap: 3.4375rem
    }
}

.p-medical__guide-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 4.25rem
}

@media screen and (max-width:767px) {
    .p-medical__guide-item {
        gap: 2.25rem
    }
}

.p-medical__guide-title {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 1.6;
    letter-spacing: 0.04em;
    font-size: max(1.5rem, 20px);
    -webkit-font-feature-settings: "palt" on;
    font-feature-settings: "palt" on;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0.75rem
}

@media screen and (max-width:950px) {
    .p-medical__guide-title {
        max-width: 600px;
        margin-inline: auto
    }
}

@media screen and (max-width:767px) {
    .p-medical__guide-title {
        font-size: 1.25rem;
        font-weight: 500;
        line-height: 1.6;
        letter-spacing: 0.06em;
    }
}

.p-medical__guide-title span {
    width: 1.5546875rem;
    width: max(1.5546875rem, 24.875px);
    height: auto;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

@media screen and (max-width:767px) {
    .p-medical__guide-title span {
        width: 0.875rem
    }
}

.p-medical__guide-text {
    margin-top: 1.25rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 2;
    letter-spacing: 0.06em;
    -webkit-font-feature-settings: "palt" on;
    font-feature-settings: "palt" on
}

@media screen and (max-width:767px) {
    .p-medical__guide-text {
        margin-top: 0.8125rem;
        font-size: 0.875rem;
        font-weight: 400;
        line-height: 1.75;
        letter-spacing: 0.04em;
        font-size: 14px
    }
}

.p-medical__guide-img {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 33.9375rem
}

@media screen and (max-width:767px) {
    .p-medical__guide-img {
        width: 100%
    }
}

.p-medical__price {
    background: #f2ecee;
    padding-top: 7.1875rem
}

@media screen and (max-width:767px) {
    .p-medical__price {
        padding-top: 4.1875rem
    }
}

.p-medical__price-faq {
    padding-block: 4.0625rem 7.9375rem
}

@media screen and (max-width:767px) {
    .p-medical__price-faq {
        padding-block: 1.875rem 6.25rem
    }
}

.p-medical__price-faq__inner {
    width: min(74rem, 100%);
    margin-inline: auto
}

@media screen and (max-width:767px) {
    .p-medical__price-faq__inner {
        width: min(37.5rem, 100%)
    }
}

summary {
    display: block
}

summary::-webkit-details-marker {
    display: none
}

.p-medical__price-faq__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 2.5625rem
}

@media screen and (max-width:767px) {
    .p-medical__price-faq__items {
        gap: 1.5rem
    }
}

.p-medical__price-faq__item {
    border-radius: 0.625rem;
    background: #ffffff;
    padding-inline: 2.5rem
}

@media screen and (max-width:767px) {
    .p-medical__price-faq__item {
        padding-inline: 1.25rem
    }
}

@media (hover:hover) {
    .p-medical__price-faq__item:hover .p-medical__price-faq__question-text {
        opacity: 0.7
    }
}

.p-medical__price-faq__question {
    padding-block: 3.125rem;
    position: relative
}

@media screen and (max-width:767px) {
    .p-medical__price-faq__question {
        padding-block: 1.1875rem
    }
}

.p-medical__price-faq__question:after,
.p-medical__price-faq__question:before {
    content: "";
    position: absolute;
    top: 50%;
    translate: 0 -50%;
    background: #f2ecee
}

.p-medical__price-faq__question:before {
    right: 0rem;
    width: 1.25rem;
    height: 0.125rem;
    -webkit-transition: rotate 0.3s ease;
    transition: rotate 0.3s ease
}

.p-medical__price-faq__question:after {
    right: 0.5625rem;
    width: 0.125rem;
    height: 1.25rem;
    -webkit-transition: rotate 0.3s ease;
    transition: rotate 0.3s ease
}

@media (any-hover:hover) {
    .p-medical__price-faq__question:hover {
        cursor: pointer
    }
}

details[open] .p-medical__price-faq__question:after,
details[open] .p-medical__price-faq__question:before {
    rotate: 45deg
}

.p-medical__price-faq__question-text {
    list-style: none;
    position: relative;
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 1.6;
    letter-spacing: 0.04em;
    font-size: max(1.5rem, 20px);
    -webkit-font-feature-settings: "palt" on;
    font-feature-settings: "palt" on;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s
}

@media screen and (max-width:767px) {
    .p-medical__price-faq__question-text {
        font-size: 1.25rem;
        font-weight: 500;
        line-height: 1.6;
        letter-spacing: 0.06em;
        font-size: 20px
    }
}

.p-medical__price-faq__answer {
    padding-top: 0.9375rem;
    padding-bottom: 5rem
}

@media screen and (max-width:767px) {
    .p-medical__price-faq__answer {
        padding-top: 1.625rem;
        padding-bottom: 2.5rem
		
    }
}

.p-medical__price-faq__answer-text {
    list-style: none;
    position: relative;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 2.6875rem 1fr;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.625rem 2.6875rem
}

@media screen and (max-width:767px) {
    .p-medical__price-faq__answer-text {
        -ms-grid-columns: 1fr;
        grid-template-columns: repeat(1, 1fr);
        gap: 1.6875rem
    }
}

.faq__answer-list:last-of-type {
    -ms-grid-column: 2;
    grid-column: 2
}

@media screen and (max-width:767px) {
    .faq__answer-list:last-of-type {
        -ms-grid-column: 1;
        grid-column: 1
    }
}

@media screen and (max-width:767px) {
    .faq__answer-list:has(.c-tag) {
        margin-top: 2.5rem
    }
}

@media screen and (max-width:767px) {
    .p-medical__price-faq__answer-text.--1 .faq__answer-list:nth-of-type(2) {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }

    .p-medical__price-faq__answer-text.--1 .faq__answer-list:nth-of-type(4) {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7
    }

    .p-medical__price-faq__answer-text.--1 .faq__answer-list:nth-of-type(6) {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }

    .p-medical__price-faq__answer-text.--1 .faq__answer-list:nth-of-type(7) {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }
}

@media screen and (max-width:767px) {
    .p-medical__price-faq__answer-text.--2 .faq__answer-list:nth-of-type(2) {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .p-medical__price-faq__answer-text.--2 .faq__answer-list:nth-of-type(4) {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }

    .p-medical__price-faq__answer-text.--2 .faq__answer-list:nth-of-type(5) {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }
}

.faq__answer-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 0.625rem;
    background-image: linear-gradient(to right, #f2ecee 2px, transparent 2px);
    background-size: 6px 2px;
    background-repeat: repeat-x;
    background-position: left bottom
}

@media screen and (max-width:767px) {
    .faq__answer-head {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 0.4375rem;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

.faq__answer-title {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 2;
    letter-spacing: 0.06em;
    font-size: 16px;
    -webkit-font-feature-settings: "palt" on;
    font-feature-settings: "palt" on
}

@media screen and (max-width:767px) {
    .faq__answer-title {
        font-size: 0.875rem;
        font-weight: 500;
        line-height: 1.8;
        letter-spacing: 0.06em;
        font-size: 14px;
        position: relative
    }
}

.faq__answer-title span {
    margin-left: 0.625rem;
    padding: 4px 8px 5px;
    font-size: 13px;
}

@media screen and (max-width:767px) {
    .faq__answer-title span {
        position: absolute;
        top: -2.125rem;
        left: 0;
        margin-left: 0
    }
}

.faq__answer-price {
    padding-top: 0.375rem;
    font-size: 0.75rem;
    font-weight: 500;
    line-height: 1.7;
    letter-spacing: 0.04em;
    font-size: 12px;
    -webkit-font-feature-settings: "palt" on;
    font-feature-settings: "palt" on
}

.faq__answer-price span {
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 0;
    letter-spacing: 0em;
    font-size: 20px;
    font-family: "canto-pen", sans-serif
}

.faq__answer-body {
    padding-top: 0.625rem;
    color: #564339;
    font-size: 0.75rem;
    font-weight: 500;
    line-height: 1.8;
    letter-spacing: 0.0564339564339564339em;
    font-size: 12px;
    -webkit-font-feature-settings: "palt" on;
    font-feature-settings: "palt" on
}

@media screen and (max-width:767px) {
    .faq__answer-body {
        font-size: 0.75rem;
        font-weight: 500;
        line-height: 1.8;
        letter-spacing: 0.06em;
        font-size: 12px
    }
}

.page-template-page-work-shop {
    background: #ffffff
}

.p-work-shop__lead {
    margin-top: 4.375rem;
    padding-block: 7.875rem 17.25rem;
    position: relative;
    max-width: 1920px;
    margin-inline: auto
}

@media screen and (max-width:767px) {
    .p-work-shop__lead {
        margin-top: 2.5rem;
        padding-block: 13.4375rem 28.9375rem
    }
}

.p-work-shop__lead-center-text {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    margin-inline: auto;
    text-align: center
}

.p-work-shop__lead-center-text .head {
    color: #B59865;
    font-size: 1.6875rem;
    font-weight: 500;
    line-height: 1.8;
    letter-spacing: 0.06em;
    font-size: max(1.6875rem, 20px);
    margin-bottom: 1.375rem;
    -webkit-font-feature-settings: "palt" on;
    font-feature-settings: "palt" on
}

@media screen and (max-width:767px) {
    .p-work-shop__lead-center-text .head {
        position: relative;
        z-index: 3;
        font-size: 1.25rem;
        font-weight: 500;
        line-height: 1.7;
        letter-spacing: 0.04em;
        font-size: 20px
    }
}

.p-work-shop__lead-center-text .text {
    color: #4D3F37;
    font-size: 1rem;
    font-weight: 400;
    line-height: 2.3;
    letter-spacing: 0.06em;
    font-size: 16px;
    -webkit-font-feature-settings: "palt" on;
    font-feature-settings: "palt" on;
    margin-bottom: 2.75rem
}

@media screen and (max-width:767px) {
    .p-work-shop__lead-center-text .text {
        position: relative;
        z-index: 3;
        font-size: 0.9375rem;
        font-weight: 400;
        line-height: 2.1;
        letter-spacing: 0.06em;
        font-size: 15px;
        margin-bottom: 1.875rem
    }
}

.p-work-shop__lead-center-text .circle {
    position: relative;
    padding: 4.875rem 4.3125rem 5rem
}

@media screen and (max-width:767px) {
    .p-work-shop__lead-center-text .circle {
        padding: 3.125rem 1.25rem 4.0625rem
    }
}

.p-work-shop__lead-center-text .circle .circle-bg {
    width: max(22.8125rem, 300px);
    height: max(16.25rem, 200px);
    border-radius: 50%;
    background: #f2ecee;
    position: absolute;
    top: 50%;
    left: 50%;
    translate: -50% -50%;
    z-index: -2
}

@media screen and (max-width:767px) {
    .p-work-shop__lead-center-text .circle .circle-bg {
        width: 100%;
        height: 100%
    }
}

.p-work-shop__lead-center-text .circle .circle-title {
    color: #4D3F37;
    font-size: 0.6875rem;
    font-weight: 600;
    line-height: 1.9;
    letter-spacing: 0.06em;
    font-size: 11px;
    -webkit-font-feature-settings: "palt" on;
    font-feature-settings: "palt" on;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0.625rem
}

.p-work-shop__lead-center-text .circle .circle-title:after,
.p-work-shop__lead-center-text .circle .circle-title:before {
    content: "";
    display: inline-block;
    width: 0.625rem;
    height: 1px;
    background-color: #4D3F37;
    position: relative
}

.p-work-shop__lead-center-text .circle .circle-title:before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.p-work-shop__lead-center-text .circle .circle-title:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.p-work-shop__lead-center-text .circle .circle-text {
    margin-top: 0.3125rem;
    color: #4D3F37;
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 2;
    letter-spacing: 0.06em;
    font-size: 18px;
    -webkit-font-feature-settings: "palt" on;
    font-feature-settings: "palt" on;
    text-align: center;
    position: relative
}

.p-work-shop__lead-center-text .circle .circle-text span {
    display: inline-block;
    position: relative
}

.p-work-shop__lead-center-text .circle .circle-text span:after {
    content: "";
    display: block;
    width: 100%;
    height: 0.5rem;
    border-radius: 0.125rem;
    background-color: rgba(182, 156, 149, 0.4);
    position: absolute;
    left: 0;
    bottom: 0.375rem;
    z-index: -1
}

.p-work-shop__lead-left-image {
    position: absolute;
    width: 26rem;
    height: auto;
    aspect-ratio: 416/517;
    top: 8.75rem;
    left: 0;
    z-index: -1
}

@media screen and (max-width:767px) {
    .p-work-shop__lead-left-image {
        aspect-ratio: 200/248;
        width: 12.5rem;
        top: unset;
        bottom: 9.4375rem
    }
}

.p-work-shop__lead-left-image img {
    -o-object-fit: cover;
    object-fit: cover
}

.p-work-shop__lead-right-1mages1 {
    position: absolute;
    width: 25.75rem;
    height: auto;
    aspect-ratio: 412/275;
    top: 0;
    right: 0
}

@media screen and (max-width:767px) {
    .p-work-shop__lead-right-1mages1 {
        aspect-ratio: 200/134;
        width: 12.5rem
    }
}

.p-work-shop__lead-right-images2 {
    position: absolute;
    width: 16rem;
    height: auto;
    aspect-ratio: 256/317;
    right: 11.8125rem;
    top: 29.0625rem
}

@media screen and (max-width:1300px) {
    .p-work-shop__lead-right-images2 {
        right: 3.75rem
    }
}

@media screen and (max-width:767px) {
    .p-work-shop__lead-right-images2 {
        top: unset;
        bottom: 5.625rem;
        right: 1.875rem;
        aspect-ratio: 120/149;
        width: 7.5rem
    }
}

.p-work-shop__movie {
    padding-bottom: 8.0625rem
}

@media screen and (max-width:767px) {
    .p-work-shop__movie {
        padding-bottom: 3.75rem
    }
}

.p-work-shop__movie-top {
    aspect-ratio: 1184/632;
    width: 74rem;
    height: auto;
    margin-inline: auto
}

@media screen and (max-width:767px) {
    .p-work-shop__movie-top {
        width: 100%
    }
}

@media screen and (max-width:550px) {
    .p-work-shop__movie-top {
        aspect-ratio: 330/175;
        width: 20.625rem
    }
}

.p-work-shop__movie-top iframe {
    width: 100%;
    height: 100%
}

.p-work-shop__movie-wrap {
    margin-top: 5rem;
    padding-right: 5.25rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 7.8125rem
	margin-bottom: 5rem;
}

@media screen and (max-width:900px) {
    .p-work-shop__movie-wrap {
        padding-right: 0
    }
}

@media screen and (max-width:767px) {
    .p-work-shop__movie-wrap {
        margin-top: 2rem;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 1.4375rem
    }
}

.p-work-shop__movie-sub-title {
    border-radius: 0.5rem;
    background: #b59865;
    padding: 0 1.0625rem 0 0.6875rem;
    font-size: 1rem;
    font-weight: 600;
    line-height: 2;
    letter-spacing: 0.06em;
    font-size: 16px;
    -webkit-font-feature-settings: "palt" on;
    font-feature-settings: "palt" on;
    color: #ffffff;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    position: relative
}

.p-work-shop__movie-sub-title svg {
    position: absolute;
    width: 0.992375rem;
    height: 1.39225rem;
    bottom: -0.5rem;
    left: 0.6875rem
}

@media screen and (max-width:767px) {
    .p-work-shop__movie-sub-title {
        font-size: 0.875rem;
        font-weight: 700;
        line-height: 1.75;
        letter-spacing: 0.04em;
        padding: 0.375rem 0.75rem 0.25rem
    }

    .p-work-shop__movie-sub-title svg {
        bottom: -0.625rem;
        left: 0.875rem;
        width: 0.625rem;
        height: auto;
        aspect-ratio: 15/22
    }
}

.p-work-shop__movie-title {
    margin-top: 0.8125rem;
    color: #B59865;
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 1.7564339564339564339;
    letter-spacing: 0.04em;
    font-size: max(1.5rem, 18px);
    -webkit-font-feature-settings: "palt" on;
    font-feature-settings: "palt" on
}

@media screen and (max-width:767px) {
    .p-work-shop__movie-title {
        margin-top: 0.9375rem;
        font-size: 1.25rem;
        font-weight: 500;
        line-height: 1.6;
        letter-spacing: 0.06em;
        font-size: 20px
    }
}

.p-work-shop__movie-title span {
    margin-top: 0;
    font-family: "canto-pen", sans-serif;
    font-size: 1.625rem;
    font-weight: 500;
    line-height: 1.6;
    letter-spacing: 0em;
    font-size: max(1.625rem, 20px)
}

@media screen and (max-width:767px) {
    .p-work-shop__movie-title span {
        font-size: 1.25rem;
        font-weight: 500;
        line-height: 1.6;
        letter-spacing: 0em;
        font-size: 20px
    }
}

.p-work-shop__movie-text {
    color: #4D3F37;
    font-size: 1rem;
    font-weight: 400;
    line-height: 2;
    letter-spacing: 0.06em;
    font-size: 16px;
    font-family: "Noto Sans JP", sans-serif;
    -webkit-font-feature-settings: "palt" on;
    font-feature-settings: "palt" on
}

@media screen and (max-width:767px) {
    .p-work-shop__movie-text {
        margin-top: 0.875rem;
        font-size: 0.875rem;
        font-weight: 400;
        line-height: 1.75;
        letter-spacing: 0.04em;
        font-size: 14px
    }
}

.p-work-shop__movie-link {
    margin-top: 1rem;
    font-family: "canto-pen", sans-serif;
    color: #564339;
    font-size: 0.625rem;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0em;
    font-size: 10px;
    text-transform: capitalize;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0.3125rem;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    position: relative
}

.p-work-shop__movie-link:before {
    content: "";
    position: absolute;
    bottom: -0.25rem;
    left: 0;
    width: 100%;
    height: 1px;
    background: #564339;
    opacity: 0;
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease
}

.p-work-shop__movie-link:after {
    content: "";
    background-image: url("../img/work-shop_link.svg");
    width: 0.625rem;
    height: 0.625rem;
    display: inline-block
}

@media (any-hover:hover) {
    .p-work-shop__movie-link:hover:before {
        opacity: 1
    }
}

@media screen and (max-width:767px) {
    .p-work-shop__movie-link {
        display: none
    }
}

.p-work-shop__movie-img {
    margin-top: -1.75rem;
    aspect-ratio: 376/376;
    width: 23.5rem;
    height: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media screen and (max-width:767px) {
    .p-work-shop__movie-img {
        margin-top: 0;
        width: 100%;
        aspect-ratio: unset;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 0.875rem
    }

    .p-work-shop__movie-img img {
        aspect-ratio: 77/77;
        width: 4.8125rem;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }
}

.p-work-shop__movie-link-sp {
    display: none
}

@media screen and (max-width:767px) {
    .p-work-shop__movie-link-sp {
        display: block;
        font-family: "canto-pen", sans-serif;
        color: #4D3F37;
        font-size: 0.75rem;
        font-weight: 600;
        line-height: 1;
        letter-spacing: 0.02em;
        font-size: 12px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 0.3125rem
    }

    .p-work-shop__movie-link-sp:after {
        content: "";
        background-image: url("../img/work-shop_link.svg");
        width: 0.625rem;
        height: 0.625rem;
        display: inline-block
    }
}

@media screen and (max-width:767px) and (max-width:767px) {
    .p-work-shop__movie-link-sp:after {
        margin-left: 0.75rem
    }
}

.p-work-shop__program {
    padding-block: 8.4375rem 8.75rem;
    border-radius: 4.375rem 4.375rem 0 0;
    background: #f2ecee
}

@media screen and (max-width:767px) {
    .p-work-shop__program {
        padding-block: 3.625rem 6.25rem;
        border-radius: 2.5rem 2.5rem 0 0
    }
}

.p-work-shop__program-wrap {
    margin-top: 4.75rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 3.75rem;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start
}

@media screen and (max-width:767px) {
    .p-work-shop__program-wrap {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-top: 1.875rem;
        gap: 1.5625rem
    }
}

.p-work-shop__program-img {
    margin-top: 0.625rem;
    aspect-ratio: 544/363;
    width: 34rem;
    height: auto;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media screen and (max-width:767px) {
    .p-work-shop__program-img {
        margin-inline: auto;
        margin-top: 0;
        aspect-ratio: 330/330;
        width: 20.625rem
    }
}

.p-work-shop__program-item {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding-right: 1.875rem
}

@media screen and (max-width:767px) {
    .p-work-shop__program-item {
        padding-right: 0
    }
}

.p-work-shop__program-item .c-tag {
    width: 80px;
    text-align: center
}

.p-work-shop__program-item .list {
    margin-top: 0.3rem;
    color: #4D3F37;
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1.8;
    letter-spacing: 0.04em;
    font-size: 14px;
    -webkit-font-feature-settings: "palt" on;
    font-feature-settings: "palt" on;
    font-family: "canto-pen", sans-serif;
    margin-bottom: 1.5rem
}

@media screen and (max-width:767px) {
    .p-work-shop__program-item .list {
        margin-top: 0.4375rem;
        margin-bottom: 0.6875rem
    }
}

.p-work-shop__program-text {
    color: #4D3F37;
    font-size: 1rem;
    font-weight: 400;
    line-height: 2;
    letter-spacing: 0.06em;
    font-size: 16px;
    -webkit-font-feature-settings: "palt" on;
    font-feature-settings: "palt" on;
    margin-bottom: 1.25rem
}

@media screen and (max-width:767px) {
    .p-work-shop__program-text {
        font-size: 0.875rem;
        font-weight: 400;
        line-height: 1.75;
        letter-spacing: 0.04em;
        font-size: 14px;
        margin-bottom: 1.0625rem
    }
}

.p-program-tabs {
    padding-block: 7.5rem 8.125rem
}

@media screen and (max-width:767px) {
    .p-program-tabs {
        padding-block: 1.375rem 0rem
    }
}

.p-program-tabs__inner {
    width: min(74rem, 100%);
    margin-inline: auto
}

@media screen and (max-width:550px) {
    .p-program-tabs__inner {
        width: 20.625rem
    }
}

.p-program-tabs__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.p-program-tabs__item {
    padding-block: 1.3125rem 0.8125rem;
    border-radius: 0.625rem 0.625rem 0px 0px;
    background: #f2ecee;
    color: #564339;
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 1.6;
    letter-spacing: 0.04em;
    font-size: max(1.5rem, 20px);
    -webkit-font-feature-settings: "palt" on;
    font-feature-settings: "palt" on;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

@media screen and (max-width:767px) {
    .p-program-tabs__item {
        padding-block: 0.6875rem 0.3125rem;
        font-size: 0.875rem;
        font-weight: 700;
        line-height: 1.75;
        letter-spacing: 0.04em;
        font-size: 14px
    }
}

.p-program-tabs__item span {
    font-family: "canto-pen", sans-serif;
    font-size: 0.75rem;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0em;
    font-size: 12px;
    display: block;
    margin-bottom: 0.3125rem
}

@media screen and (max-width:767px) {
    .p-program-tabs__item span {
        font-size: 0.625rem;
        font-weight: 600;
        line-height: 1;
        letter-spacing: 0.04em;
        font-size: 10px;
        margin-bottom: 0
    }
}

.p-program-tabs__item[aria-selected=true] {
    background: #b8d1ea;
    color: #ffffff;
    pointer-events: none
}

.p-program-tabs__item[aria-selected=false] {
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease
}

@media (any-hover:hover) {
    .p-program-tabs__item[aria-selected=false]:hover {
        cursor: pointer;
        opacity: 0.7
    }
}

.p-program-tabs__item.--2.active {
    background: #9AB7A5;
    color: #ffffff
}

.p-program-tabs__content {
    padding: 3.375rem 3.5rem 5.0625rem 6.75rem;
    background: #ffffff;
    border-radius: 0 0 0.625rem 0.625rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    gap: 6.375rem;
    border-top: 6px solid #b8d1ea
}

@media screen and (max-width:767px) {
    .p-program-tabs__content {
        padding: 2.5rem 1.875rem 3.125rem;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 1.4375rem
    }
}

.p-program-tabs__content.--content1 .price,
.p-program-tabs__content.--content1 .title {
    color: #b8d1ea
}

.p-program-tabs__content.--content2 {
    border-color: #9AB7A5
}

.p-program-tabs__content.--content2 .price,
.p-program-tabs__content.--content2 .title {
    color: #9AB7A5
}

.p-program-tabs-item {
    padding-top: 5rem
}

@media screen and (max-width:767px) {
    .p-program-tabs-item {
        padding-top: 0
    }
}

.p-program-tabs-item .title {
    font-size: 1.3125rem;
    font-weight: 700;
    line-height: 1.31;
    letter-spacing: 0.04em;
    font-size: max(1.3125rem, 18px);
    -webkit-font-feature-settings: "palt" on;
    font-feature-settings: "palt" on
}

@media screen and (max-width:767px) {
    .p-program-tabs-item .title {
        font-size: 1rem;
        font-weight: 700;
        line-height: 1.31;
        letter-spacing: 0.04em;
        font-size: 16px;
        text-align: center
    }
}

.p-program-tabs-item .price {
    margin-top: -0.3125rem;
    font-size: 0.875rem;
    font-weight: 700;
    line-height: 1.6;
    letter-spacing: 0.04em;
    font-size: 14px;
    -webkit-font-feature-settings: "palt" on;
    font-feature-settings: "palt" on
}

@media screen and (max-width:767px) {
    .p-program-tabs-item .price {
        margin-top: -0.125rem;
        text-align: center
    }
}

.p-program-tabs-item .price .num {
    font-family: "canto-pen", sans-serif;
    font-size: 2.75rem;
    font-weight: 500;
    line-height: 1.6;
    letter-spacing: 0.04em;
    font-size: max(2.75rem, 30px)
}

@media screen and (max-width:767px) {
    .p-program-tabs-item .price .num {
        letter-spacing: 0;
        margin-right: -0.0625rem
    }
}

.p-program-tabs-item .price .slash {
    font-size: 2rem;
    font-weight: 300;
    line-height: 1.6;
    letter-spacing: 0.04em;
    font-size: max(2rem, 20px);
    padding-inline: 1rem
}

@media screen and (max-width:767px) {
    .p-program-tabs-item .price .slash {
        padding-inline: 0rem 0.5625rem
    }
}

.p-program-tabs-item .text {
    margin-top: 0.875rem;
    color: #4D3F37;
    font-size: 0.75rem;
    font-weight: 500;
    line-height: 1.8;
    letter-spacing: 0.06em;
    font-size: 12px;
    -webkit-font-feature-settings: "palt" on;
    font-feature-settings: "palt" on
}

@media screen and (max-width:767px) {
    .p-program-tabs-item .text {
        margin-top: 0.25rem
    }
}

.p-program-tabs-item .asterisk {
    margin-top: 0.75rem;
    font-family: "canto-pen", sans-serif;
    color: #4D3F37;
    font-size: 0.75rem;
    font-weight: 500;
    line-height: 1.8;
    letter-spacing: 0.0416666667em;
    font-size: 12px;
    -webkit-font-feature-settings: "palt" on;
    font-feature-settings: "palt" on
}

.p-program-tabs__content-list {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    border-radius: 0.625rem;
    background: #f2ecee;
    padding: 1.625rem 3.125rem 1.875rem;
    width: 33.4375rem
}

@media screen and (max-width:767px) {
    .p-program-tabs__content-list {
        padding: 1.875rem 1.875rem 2.125rem;
        width: 100%
    }
}

.p-program-tabs__content-list ul {
    margin-top: 0.75rem
}

@media screen and (max-width:767px) {
    .p-program-tabs__content-list ul {
        margin-top: 0.8125rem
    }
}

.p-program-tabs__content-list li {
    color: #4D3F37;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.7;
    letter-spacing: 0.06em;
    font-size: 16px;
    -webkit-font-feature-settings: "palt" on;
    font-feature-settings: "palt" on;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 0.5rem
}

@media screen and (max-width:767px) {
    .p-program-tabs__content-list li {
        font-size: 0.875rem;
        font-weight: 400;
        line-height: 1.75;
        letter-spacing: 0.04em;
        font-size: 14px;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start
    }
}

.p-program-tabs__content-list li:before {
    content: "";
    width: 0.375rem;
    height: 0.375rem;
    border-radius: 50%;
    translate: 0 0.7em;
    background: #f2ecee;
    display: inline-block;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media screen and (max-width:767px) {
    .p-program-tabs__content-list li:before {
        margin-top: 0rem
    }
}

.p-program-tabs__content-list li+li {
    margin-top: 0.3125rem
}

.p-program-tabs__content-wrap {
    display: none
}

.p-program-tabs__content-wrap.js-show {
    display: block
}

.p-work-shop__bottom {
    border-radius: 0.625rem;
    background: #b8d1ea;
    padding-block: 1.875rem 2.8125rem;
    text-align: center;
    color: #ffffff;
    max-width: 43.75rem;
    margin-inline: auto
}

@media screen and (max-width:767px) {
    .p-work-shop__bottom {
        margin-top: 3.75rem;
        max-width: 37.5rem;
        padding-block: 2.0625rem 2.5625rem;
        margin-inline: -0.625rem
    }
}

.p-work-shop__bottom-title {
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.8;
    letter-spacing: 0.04em;
    font-size: 18px
}

@media screen and (max-width:767px) {
    .p-work-shop__bottom-title {
        font-size: 0.875rem;
        font-weight: 700;
        line-height: 1.75;
        letter-spacing: 0.04em;
        font-size: 14px
    }
}

.p-work-shop__bottom-text {
    margin-top: 0.875rem;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 0.75rem;
    font-weight: 500;
    line-height: 1.8;
    letter-spacing: 0.06em;
    font-size: 12px;
    -webkit-font-feature-settings: "palt" on;
    font-feature-settings: "palt" on
}

@media screen and (max-width:767px) {
    .p-work-shop__bottom-text {
        margin-top: 0.4375rem;
        font-size: 0.75rem;
        font-weight: 500;
        line-height: 1.7;
        letter-spacing: 0.04em;
        font-size: 12px
    }
}

.p-work-shop__bottom-btn {
    margin-top: 1.5rem;
    -webkit-font-feature-settings: "palt" on;
    font-feature-settings: "palt" on
}

@media screen and (max-width:767px) {
    .p-work-shop__bottom-btn {
        margin-top: 0.875rem
    }
}

.p-work-shop__future {
    padding-block: 8.375rem 8.75rem;
    border-radius: 4.375rem 4.375rem 0 0
}

@media screen and (max-width:767px) {
    .p-work-shop__future {
        padding-block: 3.375rem 6.25rem
    }
}

.p-work-shop__future-wrap {
    margin-top: 5.1875rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    gap: 4.875rem
}

@media screen and (max-width:767px) {
    .p-work-shop__future-wrap {
        margin-top: 1.9375rem;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        gap: 2.125rem
    }
}

.p-work-shop__title {
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 1.6;
    letter-spacing: 0.04em;
    -webkit-font-feature-settings: "palt" on;
    font-feature-settings: "palt" on;
    font-size: max(1.5rem, 20px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0.75rem
}

@media screen and (max-width:950px) {
    .p-work-shop__title {
        max-width: 600px;
        margin-inline: auto
    }
}

@media screen and (max-width:767px) {
    .p-work-shop__title {
        font-size: 1.2rem;
        font-weight: 500;
        line-height: 1.6;
        letter-spacing: 0.06em;
    }
}

.p-work-shop__title span {
    width: 1.5546875rem;
    width: max(1.5546875rem, 24.875px);
    height: auto;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

@media screen and (max-width:767px) {
    .p-work-shop__title span {
        width: 0.875rem
    }
}

.p-work-shop__future-lead {
    margin-top: 1.875rem;
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.8;
    letter-spacing: 0.04em;
    font-size: max(1.125rem, 16px);
    -webkit-font-feature-settings: "palt" on;
    font-feature-settings: "palt" on
}

@media screen and (max-width:767px) {
    .p-work-shop__future-lead {
        margin-top: 0.75rem;
        font-size: 0.875rem;
        font-weight: 700;
        line-height: 1.75;
        letter-spacing: 0.04em;
        font-size: 14px
    }
}

.p-work-shop__future-text {
    margin-top: 1rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 2;
    letter-spacing: 0.06em;
    font-size: 16px;
    -webkit-font-feature-settings: "palt" on;
    font-feature-settings: "palt" on
}

@media screen and (max-width:767px) {
    .p-work-shop__future-text {
        font-size: 0.875rem;
        font-weight: 400;
        line-height: 1.75;
        letter-spacing: 0.04em;
        font-size: 14px
    }
}

.p-work-shop__future-tags {
    margin-top: 1.6875rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0.75rem
}

@media screen and (max-width:767px) {
    .p-work-shop__future-tags {
        margin-top: 1.125rem
    }
}

.p-work-shop__future-img {
    aspect-ratio: 609/407;
    width: 38.0625rem;
    height: auto;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media screen and (max-width:767px) {
    .p-work-shop__future-img {
        aspect-ratio: 330/330;
        width: 20.625rem;
        margin-inline: auto
    }
}

.p-news {
    margin-top: 4.375rem
}

@media screen and (max-width:767px) {
    .p-news {
        margin-top: 1.9375rem
    }
}

.p-news__container {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -moz-column-gap: 2rem;
    -webkit-column-gap: 2rem;
    column-gap: 2rem;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

@media screen and (max-width:767px) {
    .p-news__container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        -moz-column-gap: 2.5rem;
        -webkit-column-gap: 2.5rem;
        column-gap: 2.5rem
    }
}

.p-news__contents {
    width: min(53.75rem, 100%);
    margin-inline: auto;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

@media screen and (max-width:767px) {
    .p-news__contents {
        margin-top: 2.5rem;
        width: 100%
    }
}

.p-news__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    gap: 1.875rem;
    padding-block: 1.875rem 1.75rem;
    border-bottom: 1px solid #f2ecee;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s
}

@media screen and (max-width:767px) {
    .p-news__content {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 0.75rem;
        padding-block: 0 1.875rem
    }
}

@media (hover:hover) {
    .p-news__content:hover {
        -webkit-transform: translateY(4px);
        transform: translateY(4px)
    }

    .p-news__content:hover .p-news__title {
        color: #B59865
    }
}

.p-news__content+.p-news__content {
    margin-top: 1.25rem
}

.p-news__content-img {
    margin-top: 0.5rem;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    aspect-ratio: 148/100;
    width: 9.25rem;
    height: auto;
    border-radius: 0.625rem;
    overflow: hidden
}

.p-news__content-img img {
    -o-object-fit: cover;
    object-fit: cover
}

@media screen and (max-width:767px) {
    .p-news__content-img {
        margin-top: 0;
        aspect-ratio: 329/222;
        width: 100%
    }
}

.p-news__item {
    width: 100%
}

.p-news__title {
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.8;
    letter-spacing: 0.04em;
    font-size: max(1.125rem, 16px);
    -webkit-font-feature-settings: "palt" on;
    font-feature-settings: "palt" on;
    -webkit-transition: color 0.3s;
    transition: color 0.3s
}

@media screen and (max-width:767px) {
    .p-news__title {
        font-size: 0.875rem;
        font-weight: 700;
        line-height: 1.75;
        letter-spacing: 0.04em;
        font-size: 14px
    }
}

.p-news__meta {
    margin-top: 0.625rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1.25rem
}

@media screen and (max-width:767px) {
    .p-news__meta {
        margin-top: 0.875rem;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.p-news__time {
    font-family: "canto-pen", sans-serif;
    color: #564339;
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0em;
    font-size: 14px
}

.p-news__category-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 0.875rem
}

.p-news__category {
    color: #564339;
    font-size: 0.75rem;
    font-weight: 500;
    line-height: 1.8;
    letter-spacing: 0.06em;
    font-size: 12px;
    -webkit-font-feature-settings: "palt" on;
    font-feature-settings: "palt" on
}

@media screen and (max-width:767px) {
    .p-news__category {
        font-size: 0.75rem;
        font-weight: 500;
        line-height: 1.8;
        letter-spacing: 0.06em;
        font-size: 12px
    }
}

.p-news__tags {
    margin-top: 0.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 0.875rem
}

.p-news__tag {
    color: #564339;
    font-size: 0.625rem;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0.06em;
    font-size: 10px;
    -webkit-font-feature-settings: "palt" on;
    font-feature-settings: "palt" on;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

.p-news__tag span {
    padding-right: 0.25rem;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.p-news__pagination {
    margin-top: 5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0.625rem
}

@media screen and (max-width:767px) {
    .p-news__pagination {
        margin-top: 3.75rem;
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
        margin-inline: auto
    }
}

.p-news__pagination .page-numbers {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    display: -ms-grid;
    display: grid;
    place-items: center;
    color: #4D3F37;
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0em;
    font-size: max(1.25rem, 18px);
    -webkit-transition: color 0.3s;
    transition: color 0.3s
}

@media (hover:hover) {
    .p-news__pagination .page-numbers:hover {
        color: #B59865
    }
}

.p-news__pagination .current {
    background: #f2ecee;
    color: #564339
}

@media (hover:hover) {
    .p-news__pagination .current:hover {
        color: #564339
    }
}

.p-news__pagination .prev {
    display: none
}

.p-news__pagination .next {
    padding-left: 1.5625rem
}

.p-news__pagination .next span {
    background: url("../img/pagination_next.svg");
    background-size: contain;
    background-repeat: no-repeat;
    width: 2.5rem;
    height: 2.5rem;
    -webkit-transition: background 0.3s;
    transition: background 0.3s
}

@media (hover:hover) {
    .p-news__pagination .next:hover span {
        background: url("../img/pagination_next_white.svg");
        background-size: contain;
        background-repeat: no-repeat
    }
}

.p-news-info {
    padding-block: 12.375rem 3.5rem
}

@media screen and (max-width:767px) {
    .p-news-info {
        padding-block: 11.375rem 0rem
    }
}

.p-news-info__container {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -moz-column-gap: 5rem;
    -webkit-column-gap: 5rem;
    column-gap: 5rem;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.p-news-info__contents {
    width: min(53.75rem, 100%);
    margin-inline: auto;
    padding-bottom: 3.75rem;
    background-image: linear-gradient(to right, #f2ecee 2px, transparent 2px);
    background-size: 6px 2px;
    background-repeat: repeat-x;
    background-position: left bottom;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

@media screen and (max-width:767px) {
    .p-news-info__contents {
        width: 100%;
        padding-bottom: 4.375rem
    }
}

.p-news-info__contents .p-news-info-img {
    margin-top: 4.1875rem;
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid #f2ecee
}

@media screen and (max-width:767px) {
    .p-news-info__contents .p-news-info-img {
        margin-top: 2.0625rem
    }
}

.p-news-info__contents .p-news-info__title {
    font-size: 2rem;
    font-weight: 400;
    line-height: 1.65;
    letter-spacing: 0.02em;
    font-size: max(2rem, 20px);
    -webkit-font-feature-settings: "palt" on;
    font-feature-settings: "palt" on
}

@media screen and (max-width:767px) {
    .p-news-info__contents .p-news-info__title {
        font-size: 1.625rem;
        font-weight: 400;
        line-height: 1.4;
        letter-spacing: 0.04em;
        font-size: 26px
    }
}

.p-news-info__contents .p-news-info__meta {
    margin-top: 1.125rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1.875rem
}

@media screen and (max-width:767px) {
    .p-news-info__contents .p-news-info__meta {
        margin-top: 0.9375rem;
        gap: 1.875rem
    }
}

.p-news-info__contents .p-news-info__time {
    font-family: "canto-pen", sans-serif;
    color: #564339;
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0em;
    font-size: 14px
}

.p-news-info__contents .p-news-info__category-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 0.875rem
}

.p-news-info__contents .p-news-info__category {
    color: #564339;
    font-size: 0.75rem;
    font-weight: 500;
    line-height: 1.8;
    letter-spacing: 0.06em;
    font-size: 12px;
    -webkit-font-feature-settings: "palt" on;
    font-feature-settings: "palt" on;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0.46875rem
}

.p-news-info__contents .p-news-info__category:before {
    content: "";
    width: 0.375rem;
    height: 0.375rem;
    border-radius: 50%;
    background: #f2ecee;
    display: inline-block
}

.p-news-info__contents .p-news-info__category li+li {
    margin-top: 0.1875rem
}

.p-news-info__contents h2 {
    margin-top: 4.375rem;
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 1.6;
    letter-spacing: 0.04em;
    font-size: max(1.5rem, 20px);
    -webkit-font-feature-settings: "palt" on;
    font-feature-settings: "palt" on
}

@media screen and (max-width:767px) {
    .p-news-info__contents h2 {
        margin-top: 3.125rem;
        font-size: 1.25rem;
        font-weight: 500;
        line-height: 1.6;
        letter-spacing: 0.06em;
        font-size: 20px
    }
}

.p-news-info__contents h3 {
    margin-top: 3.75rem;
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.6;
    letter-spacing: 0.04em;
    font-size: max(1.25rem, 18px);
    -webkit-font-feature-settings: "palt" on;
    font-feature-settings: "palt" on
}

@media screen and (max-width:767px) {
    .p-news-info__contents h3 {
        margin-top: 3.875rem;
        font-size: 1.125rem;
        font-weight: 700;
        line-height: 1.8;
        letter-spacing: 0.04em;
        font-size: 18px
    }
}

@media screen and (max-width:767px) {
    .p-news-info__contents h3+p {
        margin-top: 2.375rem
    }
}

.p-news-info__contents h4 {
    margin-top: 4.375rem;
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.6;
    letter-spacing: 0.04em;
    font-size: max(1.25rem, 18px);
    -webkit-font-feature-settings: "palt" on;
    font-feature-settings: "palt" on
}

@media screen and (max-width:767px) {
    .p-news-info__contents h4 {
        margin-top: 3.125rem;
        font-size: 1rem;
        font-weight: 700;
        line-height: 2.2;
        letter-spacing: 0.06em;
        font-size: 16px
    }
}

.p-news-info__contents p+h4 {
    margin-top: 2.1875rem
}

.p-news-info__contents p {
    margin-top: 2.1875rem;
    color: #4D3F37;
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 2.4;
    letter-spacing: 0.06em;
    font-size: max(1.125rem, 16px);
    -webkit-font-feature-settings: "palt" on;
    font-feature-settings: "palt" on
}

@media screen and (max-width:767px) {
    .p-news-info__contents p {
        margin-top: 2.6875rem;
        font-size: 1rem;
        font-weight: 400;
        line-height: 2.1875;
        letter-spacing: 0.06em;
        font-size: 16px
    }
}

.p-news-info__contents p strong {
    font-weight: 700
}

.p-news-info__contents h4+p {
    margin-top: 0.4em
}

@media screen and (max-width:767px) {
    .p-news-info__contents h4+p {
        margin-top: 0.1em
    }
}

.p-news-info__contents ul {
    margin-top: 2.75rem
}

@media screen and (max-width:767px) {
    .p-news-info__contents ul {
        margin-top: 2.25rem
    }
}

.p-news-info__contents ul li {
    color: #4D3F37;
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 2.4;
    letter-spacing: 0.06em;
    font-size: max(1.125rem, 16px);
    -webkit-font-feature-settings: "palt" on;
    font-feature-settings: "palt" on;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1.25rem
}

@media screen and (max-width:767px) {
    .p-news-info__contents ul li {
        font-size: 1rem;
        font-weight: 400;
        line-height: 2;
        letter-spacing: 0.06em;
        font-size: 16px;
        gap: 1.25rem;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start
    }
}

.p-news-info__contents ul li:before {
    content: "";
    width: 0.625rem;
    height: 0.625rem;
    border-radius: 50%;
    background: #f2ecee;
    display: inline-block;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media screen and (max-width:767px) {
    .p-news-info__contents ul li:before {
        margin-top: 0.75rem
    }
}

@media screen and (max-width:767px) {
    .p-news-info__contents ul li+li {
        margin-top: 0.8125rem
    }
}

.p-news-info__contents ul+p {
    margin-top: 2.6875rem
}

@media screen and (max-width:767px) {
    .p-news-info__contents ul+p {
        margin-top: 2.4375rem
    }
}

.p-news-info__contents ol {
    margin-top: 2.8125rem;
    counter-reset: li
}

@media screen and (max-width:767px) {
    .p-news-info__contents ol {
        margin-top: 2.5rem
    }
}

.p-news-info__contents ol li {
    color: #4D3F37;
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 2.4;
    letter-spacing: 0.06em;
    font-size: max(1.125rem, 16px);
    -webkit-font-feature-settings: "palt" on;
    font-feature-settings: "palt" on;
    padding-left: 1.875rem;
    position: relative;
    list-style: none
}

@media screen and (max-width:767px) {
    .p-news-info__contents ol li {
        font-size: 1rem;
        font-weight: 400;
        line-height: 2;
        letter-spacing: 0.06em;
        font-size: 16px;
        padding-left: 1.625rem
    }
}

.p-news-info__contents ol li:before {
    counter-increment: li;
    content: counter(li) ".";
    color: #B59865;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    font-family: "canto-pen", sans-serif;
    font-size: 1.25rem;
    font-weight: 900;
    line-height: 2.4;
    letter-spacing: 0.06em;
    font-size: 20px
}

@media screen and (max-width:767px) {
    .p-news-info__contents ol li:before {
        font-size: 1.25rem;
        font-weight: 500;
        line-height: 0;
        letter-spacing: 0em;
        font-size: 20px;
        top: 0.9375rem;
        -webkit-transform: unset;
        transform: unset
    }
}

@media screen and (max-width:767px) {
    .p-news-info__contents ol li+li {
        margin-top: 0.75rem
    }
}

.p-news-info__contents ol+p {
    margin-top: 2.5rem
}

.p-news-info__contents .wp-block-image {
    margin-top: 4rem;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-inline: auto
}

@media screen and (max-width:767px) {
    .p-news-info__contents .wp-block-image {
        margin-top: 3.625rem;
        width: unset
    }
}

@media screen and (max-width:767px) {
    .p-news-info__contents .wp-block-image img {
        width: 100% !important;
        height: auto !important
    }
}

.p-news-info__contents .wp-block-separator {
    margin-block: 3.875rem 4.5625rem;
    border-top: 1px solid #f2ecee
}

@media screen and (max-width:767px) {
    .p-news-info__contents .wp-block-separator {
        margin-block: 3.875rem
    }
}

.p-news-info__btn {
    margin-top: 5rem;
    width: 21.25rem;
    height: 4.375rem;
    padding-inline: 5.3125rem 5rem;
    margin-left: 13.625rem;
    gap: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 0.625rem;
    background: #564339;
    color: #ffffff;
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.8;
    letter-spacing: 0.04em;
    font-size: max(1.125rem, 16px);
    -webkit-font-feature-settings: "palt" on;
    font-feature-settings: "palt" on
}

@media screen and (max-width:767px) {
    .p-news-info__btn {
        margin-top: 3.75rem;
        margin-inline: auto;
        width: 20.75rem;
        font-size: 0.875rem;
        font-weight: 700;
        line-height: 1.75;
        letter-spacing: 0.04em;
        font-size: 14px
    }
}

.p-news-info__btn svg {
    width: 1.5rem;
    height: 1.5rem
}

@media screen and (max-width:767px) {
    .p-news-info__btn svg {
        width: 0.875rem;
        height: 0.875rem
    }
}

@media (hover:hover) {
    .p-news-info__btn:hover {
        opacity: 0.6
    }
}

@media (min-width:768px) {
    .u-sp {
        display: none !important
    }
}

@media screen and (max-width:767px) {
    .u-pc {
        display: none !important
    }
}

.u-font {
    font-family: "canto-pen", "Noto Sans JP", sans-serif
}

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

.u-font__en {
    font-family: "canto-pen", sans-serif
}

.u-text__center {
    text-align: center !important
}

@media screen and (max-width:767px) {
    .u-text__center--sp {
        text-align: center !important
    }
}

@media (min-width:768px) {
    .u-text__center--pc {
        text-align: center !important
    }
}

.u-text__left {
    text-align: left !important
}

@media screen and (max-width:767px) {
    .u-text__left--sp {
        text-align: left !important
    }
}

@media (min-width:768px) {
    .u-text__left--pc {
        text-align: left !important
    }
}

.u-text__right {
    text-align: right !important
}

@media screen and (max-width:767px) {
    .u-text__right--sp {
        text-align: right !important
    }
}

@media (min-width:768px) {
    .u-text__right--pc {
        text-align: right !important
    }
}

.u-text__nowrap {
    white-space: nowrap
}

@media screen and (max-width:767px) {
    .u-text__nowrap--sp {
        white-space: nowrap
    }
}

@media (min-width:768px) {
    .u-text__nowrap--pc {
        white-space: nowrap
    }
}

.u-pointer__none {
    pointer-events: none !important
}

@media screen and (max-width:767px) {
    .u-pointer__none--sp {
        pointer-events: none !important
    }
}

@media (min-width:768px) {
    .u-pointer__none--pc {
        pointer-events: none !important
    }
}

.u-animated__fadeIn {
    opacity: 0;
    -webkit-filter: blur(10px);
    filter: blur(10px);
    -webkit-transition: opacity 0.3s ease, -webkit-filter 0.7s ease;
    transition: opacity 0.3s ease, -webkit-filter 0.7s ease;
    transition: opacity 0.3s ease, filter 0.7s ease;
    transition: opacity 0.3s ease, filter 0.7s ease, -webkit-filter 0.7s ease
}

.u-animated__fadeIn.js-show {
    -webkit-filter: blur(0px);
    filter: blur(0px);
    opacity: 1
}

/* ==========================================================
   Rosette+ ケア付きデイサービス 価格表：順序確定パッチ
   PC：2カラム（行方向）／ SP：1カラム（ソース順）
   既存の SP 用 order（.--1 / .--2 の nth-of-type）を無効化
   ========================================================== */

/* 2カラムの基本（行方向＝左→右→次の行…） */
.p-medical__price-faq__answer-text {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  column-gap: 2.6875rem !important;
  row-gap: 1.625rem !important;
}

/* 各行の内側（タイトル左／価格右の横並び） */
.faq__answer-head {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
}

/* SP 時：1カラム化 + 余計な並び替えを全面禁止 */
@media screen and (max-width:767px) {
  .p-medical__price-faq__answer-text {
    grid-template-columns: 1fr !important;
    column-gap: 0 !important;
    row-gap: 1.6875rem !important;
  }

  /* 既存の order 指定を初期化（並び替え禁止） */
  .p-medical__price-faq__answer-text.--1 .faq__answer-list,
  .p-medical__price-faq__answer-text.--2 .faq__answer-list {
    /* Grid では order は本来無効だが、旧指定打ち消しのため明示 */
    order: 0 !important;
    -ms-flex-order: 0 !important;
    -webkit-box-ordinal-group: initial !important;
    grid-column: auto !important;
  }

  /* 末尾だけ右列に送っていた指定の打ち消し */
  .faq__answer-list:last-of-type {
    grid-column: auto !important;
  }

  /* タイトル／価格は横並びのまま（中央揃え禁止） */
  .faq__answer-head {
    flex-direction: row !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 0 !important;
  }
}


/* =========================
   プラン比較表 planhikaku（安定版）
   ========================= */
.planhikaku{
  --c-main:#564339;         /* 文字色/ドット色 */
  --c-head:#564339;         /* 見出し背景 */
  --c-head-text:#fff;       /* 見出し文字 */
  --c-menu:#e6ddd8;         /* 左メニュー列背景 */
  --c-cell:#fff;            /* セル背景（白） */
  --radius:10px;            /* 角丸（小さめ） */
  --gap-row:12px;           /* 行間 */
  --gap-col:10px;           /* 列間 */
  --h-cell:64px;            /* セル高さ（PC） */
  --h-head:44px;            /* 見出し高さ */
  --dot:10px;               /* ドット径 */
  --shadow:0 0 0 1px rgba(86,67,57,.06) inset;
  color:var(--c-main);
  margin-top: 6.125rem;
}

.planhikaku__table-wrap{
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
}

/* table 基本 */
.planhikaku__table{
  width:100%;
  min-width:760px;
  table-layout:fixed;
  border-collapse:separate;
  border-spacing:var(--gap-col) var(--gap-row);
  background:transparent;
}
.planhikaku__table th,
.planhikaku__table td{
  padding:0;
  vertical-align:middle; /* ←上下中央 */
}

/* thead 見出し */
.planhikaku__table thead th.planhikaku__head{
  background:var(--c-head);
  color:var(--c-head-text);
  height:var(--h-head);
  line-height:var(--h-head);      /* ←テキストを確実に縦中央 */
  text-align:center;
  font-weight:700;
  white-space:nowrap;
  border-radius:var(--radius);
  box-shadow:var(--shadow);
}

/* 左端「メニュー」見出し（高さは同じに） */
.planhikaku__head--menu{
  height:var(--h-head);
  line-height:var(--h-head);
}

/* 左メニュー列 */
.planhikaku__menu{
  background:var(--c-menu);
  height:var(--h-cell);
  line-height:var(--h-cell);      /* ←縦中央（日本語ラベル用） */
  text-align:center;
  font-weight:700;
  white-space:nowrap;
  border-radius:var(--radius);
  box-shadow:var(--shadow);
  overflow:hidden;
  text-overflow:ellipsis;
}

/* 通常セル */
.planhikaku__cell{
  background:var(--c-cell);
  height:var(--h-cell);
  border-radius:var(--radius);
  position:relative;
  box-shadow:var(--shadow);
}

/* ドット（完全センター） */
.planhikaku__cell--on::after{
  content:"";
  width:var(--dot);
  height:var(--dot);
  background:var(--c-main);
  border-radius:50%;
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
}

/* 備考 */
.planhikaku__notes{
  margin-top:12px;
  font-size:12px;
  line-height:1.6;
  color:var(--c-main);
}
.planhikaku__note-list{ display:grid; gap:4px; }

/* SP */
@media (max-width:767.98px){
  .planhikaku{
    --gap-row:10px;
    --gap-col:8px;
    --h-cell:56px;
    --h-head:40px;
    --dot:9px;
  }
  .planhikaku__table{ min-width:640px; }
  .planhikaku__table thead th.planhikaku__head{ font-size:13px; }
  .planhikaku__menu{ font-size:13px; }
}




/* --- 店内写真エリア --- */
.shop-pic {
  display: flex;
  justify-content: center;
  gap: 2rem;
  flex-wrap: wrap;
  margin: 3rem auto;
  max-width: 1200px;
}

.shop-pic__item {
  width: 30%;
  text-align: center;
}

.shop-pic__item img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 6px;
  object-fit: cover;
}

.shop-pic__caption {
  margin-top: 0.5rem;
  font-size: 0.95rem;
  color: #564339;
  line-height: 1.6;
}

/* --- SP縦並び（スマホ） --- */
@media (max-width: 767.98px) {
  .shop-pic {
    flex-direction: column;
    align-items: center;
    gap: 1.5rem;
  }

  .shop-pic__item {
    width: 90%;
  }

  .shop-pic__caption {
    font-size: 0.9rem;
  }
}


/* ===== rosette_gree ===== */
.rosette_gree {
  background: transparent;
  padding: 72px 0 72px;
}

.rosette_gree__inner {
  /* l-inner と同幅に統一 */
  max-width: 1225px;
  width: 100%;
  margin: 0 auto;
  padding: 0 1.25rem; /* l-innerと同じ内余白 */
}

.rosette_gree__body {
  background: #ffffff; /* カード部分だけ白 */
  border-radius: 12px;
  padding: 48px;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.05);
  border: 1px solid rgba(86, 67, 57, 0.08);

  /* 横幅を内包幅いっぱいに */
  width: 100%;
  box-sizing: border-box;
}

.rosette_gree__title {
  margin: 0 0 1rem;
  font-weight: 700;
  line-height: 1.7;
  color: #564339;
  font-size: clamp(16px, 2.2vw, 20px);
}

.rosette_gree__title::after {
  content: "";
  display: block;
  width: 72px;
  height: 3px;
  background: #b59865;
  border-radius: 2px;
  margin-top: 0.5rem;
}

.rosette_gree__text {
  margin-top: 1.5rem;
  line-height: 2;
  color: #564339;
  font-size: clamp(14px, 1.8vw, 16px);
}

/* ===== 下のセクション（デイサービスメニュー） ===== */
.p-medical__menu {
  background: transparent;
  padding-top: 0;
  padding-bottom: 72px;
}

/* SP調整 */
@media (max-width: 767.98px) {
  .rosette_gree__body {
    padding: 32px 20px;
  }
}



/* ── 178式ワンちゃん整体セクション：画像と文章の整列修正 ───────────────── */

.p-work-shop__future-wrap {
  display: flex;
  align-items: flex-start; /* ← ここがポイント。中央寄せを解除し上揃えに */
  gap: 3rem;
}

.p-work-shop__future-item {
  flex: 1 1 50%;
  min-width: 0;
}

.p-work-shop__future-img {
  flex: 0 0 50%;
  max-width: 640px;
  background: none !important;
  position: relative;
}

.p-work-shop__future-img::before,
.p-work-shop__future-img::after {
  content: none !important;
}

.p-work-shop__future-img img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
  border-radius: 8px;
  background: none !important;
  filter: none !important;
  mix-blend-mode: normal !important;
}

/* スマホ時は縦並び */
@media (max-width: 767px) {
  .p-work-shop__future-wrap {
    flex-direction: column;
    align-items: center;
    gap: 1.5rem;
  }
  .p-work-shop__future-item,
  .p-work-shop__future-img {
    width: 100%;
    max-width: 100%;
  }
}