/*!
 * ress.css • v3.0.0
 * MIT License
 * github.com/filipelinhares/ress
 */
html {
    -webkit-text-size-adjust: 100%;
    box-sizing: border-box;
    word-break: normal;
    tab-size: 4
}

*,
:after,
:before {
    box-sizing: inherit;
    background-repeat: no-repeat
}

:after,
:before {
    text-decoration: inherit;
    vertical-align: inherit
}

* {
    margin: 0;
    padding: 0
}

hr {
    height: 0;
    overflow: visible
}

details,
main {
    display: block
}

summary {
    display: list-item
}

small {
    font-size: 80%
}

[hidden] {
    display: none
}

abbr[title] {
    -webkit-text-decoration: underline dotted;
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted
}

a {
    background-color: initial
}

a:active,
a:hover {
    outline-width: 0
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace
}

pre {
    font-size: 1em
}

b,
strong {
    font-weight: bolder
}

sub,
sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: initial
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

input {
    border-radius: 0
}

[disabled] {
    cursor: default
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

textarea {
    overflow: auto;
    resize: vertical
}

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

optgroup {
    font-weight: 700
}

button {
    overflow: visible
}

button,
select {
    text-transform: none
}

[role=button],
[type=button],
[type=reset],
[type=submit],
button {
    color: inherit;
    cursor: pointer
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
    padding: 0;
    border-style: none
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button:-moz-focusring {
    outline: 1px dotted ButtonText
}

[type=reset],
[type=submit],
button,
html [type=button] {
    -webkit-appearance: button
}

button,
input,
select,
textarea {
    border-style: none;
    background-color: initial
}

select {
    -moz-appearance: none;
    -webkit-appearance: none
}

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

select::-ms-value {
    color: currentColor
}

legend {
    display: table;
    max-width: 100%;
    border: 0;
    color: inherit;
    white-space: normal
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    color: inherit;
    font: inherit
}

img {
    border-style: none
}

progress {
    vertical-align: initial
}

[aria-busy=true] {
    cursor: progress
}

[aria-controls] {
    cursor: pointer
}

[aria-disabled] {
    cursor: default
}

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

::selection {
    background-color: #87ceeb
}

html {
    -webkit-font-smoothing: antialiased;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    font-size: 62.5%
}

body {
    font-size: 0.875rem;
    line-height: 1.75;
    font-family: Noto Sans JP, sans-serif
}

a,
body {
    color: #4a4d4f
}

a {
    text-decoration: none
}

ol,
ul {
    list-style: none;
    list-style-position: inside
}

img,
svg,
video {
    max-width: 100%;
    height: auto;
    vertical-align: bottom
}

picture img {
    width: 100%;
    height: auto
}

table {
    width: 100%;
    max-width: 100%;
    border-collapse: collapse
}

table td,
table th {
    text-align: left;
    word-break: break-all
}

address {
    font-style: normal
}

iframe {
    vertical-align: bottom
}

fieldset {
    border: none
}

input::-ms-clear {
    display: none
}

input[type=checkbox],
input[type=radio] {
    -moz-opacity: 0;
    -webkit-appearance: none;
    appearance: none;
    position: absolute;
    opacity: 0
}

[data-js-focus-visible]:focus:not([data-focus-visible-added]) {
    outline: none
}

@font-face {
    font-style: normal;
    font-weight: 400;
    src: url(../icons/site-icon.woff?rev) format("woff");
    font-family: site-icon
}

[class*=" icon-"],
[class^=icon-] {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    font-family: site-icon !important;
    text-decoration: none;
    text-transform: none
}

.icon-arrow:before {
    content: ""
}

.l-body {
    position: relative
}

.l-wrapper {
    padding-top: 128px
}

.l-grad-bg {
    --bg-height: max(15.4166666667vw, 222px);
    position: relative;
    margin-top: var(--bg-height)
}

.howto .l-grad-bg:after {
    display: block;
    z-index: -1;
    position: absolute;
    height: var(--bg-height);
    inset: 0 0 auto;
    translate: 0 -100%;
    background-color: #f6f4f5;
    content: ""
}

.l-grad-bg,
.l-grad-bg:before {
    background: linear-gradient(90deg, #e4e6d5, #f0d8cc 12.5%, #d9dae3 25%, #d8e4e0 37.5%, #ebe5d1 50%, #ead2da 62.5%, #eeddcd 75%, #e4e6d5 87.5%, #f0d8cc);
    background-size: 900% 900%;
    animation: gradationAnim 30s linear infinite
}

.l-grad-bg:before {
    -webkit-mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNDQwIiBoZWlnaHQ9IjIyMyIgZmlsbD0ibm9uZSI+PHBhdGggZD0iTTE0NDAgMTU3LjY4OWMtMjcwLjYgODMuMTUyLTU0NS4yMTIgNjUuNTg0LTgxNS44MTctNTIuNzAzQzQxNi4xMjIgMTQuMDM4IDIwOC4wNjEtMTcuMzY4IDAgMTAuNzY5djIxMS45MDZoMTQ0MHYtNjQuOTg2eiIgZmlsbD0idXJsKCNwYWludDBfbGluZWFyXzEyNjhfMTIzMTkpIi8+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJwYWludDBfbGluZWFyXzEyNjhfMTIzMTkiIHgxPSIwIiB5MT0iMTExLjczNiIgeDI9IjE0NDAiIHkyPSIxMTEuNzM2IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHN0b3Agc3RvcC1jb2xvcj0iI0U0RTdENSIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI0YwREFDQyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjwvc3ZnPg==) center/cover no-repeat;
    position: absolute;
    height: var(--bg-height);
    inset: 0 0 auto;
    translate: 0 -99%;
    content: "";
    mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNDQwIiBoZWlnaHQ9IjIyMyIgZmlsbD0ibm9uZSI+PHBhdGggZD0iTTE0NDAgMTU3LjY4OWMtMjcwLjYgODMuMTUyLTU0NS4yMTIgNjUuNTg0LTgxNS44MTctNTIuNzAzQzQxNi4xMjIgMTQuMDM4IDIwOC4wNjEtMTcuMzY4IDAgMTAuNzY5djIxMS45MDZoMTQ0MHYtNjQuOTg2eiIgZmlsbD0idXJsKCNwYWludDBfbGluZWFyXzEyNjhfMTIzMTkpIi8+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJwYWludDBfbGluZWFyXzEyNjhfMTIzMTkiIHgxPSIwIiB5MT0iMTExLjczNiIgeDI9IjE0NDAiIHkyPSIxMTEuNzM2IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHN0b3Agc3RvcC1jb2xvcj0iI0U0RTdENSIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI0YwREFDQyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjwvc3ZnPg==) center/cover no-repeat
}

.l-breadcrumbs {
    margin-top: max(5.5555555556vw, 80px)
}

.l-breadcrumbs ol {
    display: flex;
    width: max-content
}

.l-breadcrumbs li {
    text-transform: uppercase
}

.l-breadcrumbs li a {
    color: #7b8084;
    transition: opacity .4s ease
}

.l-breadcrumbs li+li {
    position: relative;
    margin-left: 10px;
    padding-left: 12px
}

.l-breadcrumbs li+li:before {
    position: absolute;
    aspect-ratio: 1;
    width: 4px;
    inset: .8em auto auto 0;
    border-radius: 50%;
    background-color: #c7c7c7;
    content: ""
}

.l-foot-contact {
    padding-bottom: 96px
}

.l-foot-contact__ttl {
    margin-bottom: 56px
}

.l-foot-contact__ttl p {
    text-align: center
}

.l-foot-contact__list {
    display: grid;
    gap: 16px
}

.l-foot-contact__item {
    display: grid;
    grid-template-rows: auto 1fr;
    padding: 32px;
    gap: 32px;
    border-radius: 40px;
    background-color: #fff;
    text-align: center
}

.l-foot-contact__item .item-ttl span {
    display: block
}

.l-foot-contact__item .item-ttl .icon {
    display: inline-grid;
    place-items: center;
    aspect-ratio: 1;
    width: 40px;
    border-radius: 50%;
    background-color: #f6f4f5
}

.l-foot-contact__item .item-ttl .icon img {
    width: 50%
}

.l-foot-contact__item .item-ttl .txt {
    margin-top: 16px;
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 1
}

.l-foot-contact__item .item-desc {
    display: grid;
    gap: 24px
}

.l-foot-contact__item .item-desc dd {
    margin-top: 4px;
    font-size: 2.8rem;
    line-height: 1;
    font-family: Lato, sans-serif
}

.l-foot-contact__item .item-btn {
    margin-top: auto
}

.l-foot-contact__item .item-btn a {
    display: grid;
    grid-template-columns: auto auto;
    align-items: center;
    justify-content: center;
    min-height: 56px;
    gap: 8px;
    border-radius: 8px;
    background-color: #4a4d4f;
    color: #fff;
    transition: opacity .4s ease
}

.l-foot-contact__item .item-btn a:before {
    width: 20px;
    height: 20px;
    background: url(https://mmoon.itembox.design/item/eo/assets/images/common/icon_mail_wh.svg) 50%/contain no-repeat;
    content: ""
}

.l-foot-contact__item .item-btn a[href$=".pdf"] {
    border: 1px solid;
    background-color: transparent;
    color: #4a4d4f
}

.l-foot-contact__item .item-btn a[href$=".pdf"]:before {
    background-image: url(https://mmoon.itembox.design/item/eo/assets/images/common/icon_download.svg)
}

.l-footer {
    padding-block: 64px 56px;
    background-color: #f6f4f5
}

.l-footer .l-inner>*+* {
    margin-top: 56px
}

.l-footer__logo {
    text-align: center
}

.l-footer__logo .l-footer__logo_flex {
    display: inline-grid;
    grid-template-columns: 84px 134px;
    align-items: center;
    gap: 36px
}


.l-footer__logo a img {
    width: 100%;
    height: auto
}

.l-footer__sns {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 48px
}

.l-footer__sns a {
    display: grid;
    width: 32px;
    transition: opacity .4s ease
}

.l-footer__sns img {
    width: 100%;
    height: auto
}

.l-footer__cpr {
    font-size: 1.2rem;
    text-align: center
}

.l-footer__cpr p+p {
    margin-top: 16px;
    font-family: Lato, sans-serif
}

.l-header {
    z-index: 999;
    position: fixed;
    width: 100%;
    inset: 0 0 auto;
    background-color: #fff
}

.l-header__inner {
    position: relative;
    height: 128px;
    padding-inline: 20px
}

.l-header__info {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.l-header__logo .l-header__logo_flex {
    display: inline-grid;
    grid-template-columns: 84px 134px;
    align-items: center;
    gap: 36px
}

.l-header__logo a img {
    width: 100%;
    height: auto
}

.l-header__menu {
    max-width: 1312px;
    height: calc(100% - 70px);
    margin-inline: auto;
    padding-top: 16px;
    padding-inline: 40px
}

.l-inner {
    max-width: 1246px;
    margin-inline: auto;
    padding-inline: 24px
}

.l-nav-ec {
    font-weight: 400;
    font-size: 1.3rem;
    line-height: 1
}

.l-nav-ec a {
    display: inline-grid;
    grid-template-columns: 20px auto;
    align-items: center;
    gap: 4px
}

.l-nav-ec a img {
    width: 100%;
    height: auto
}

.l-nav-ec__list {
    display: flex;
    align-items: center;
    gap: 10px
}

.l-nav-ec__item:last-of-type a,
.l-nav-ec__item:nth-last-of-type(2) a {
    grid-template-columns: 30px;
    gap: 0
}

.l-nav-lg {
    font-size: 1.5rem
}

.l-nav-lg a:not(.detail-item__pht) {
    transition: opacity .4s ease
}

.l-nav-lg,
.l-nav-lg__item,
.l-nav-lg__list {
    height: 100%
}

.l-nav-lg__list {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px
}

.l-nav-lg__item>a:has(+.l-nav-lg__detail),
.l-nav-lg__item>span:has(+.l-nav-lg__detail) {
    display: block;
    height: 100%
}

.l-nav-lg__item>a:hover+.l-nav-lg__detail,
.l-nav-lg__item>span:hover+.l-nav-lg__detail {
    visibility: visible;
    opacity: 1
}

.l-nav-lg__detail {
    display: flex;
    visibility: hidden;
    position: fixed;
    justify-content: center;
    width: calc(100% - 80px);
    min-width: 1160px;
    margin-inline: auto;
    inset: 128px 0 auto;
    padding-inline: 1.4705882353%;
    padding-block: 40px;
    gap: 80px;
    background-color: #fff;
    opacity: 0;
    transition: opacity .4s ease, visibility .4s ease
}

.l-nav-lg__detail:hover {
    visibility: visible;
    opacity: 1
}

.l-nav-lg .detail-item {
    position: relative;
    flex-basis: 18.4%;
    max-width: 230px;
    padding-bottom: 24px
}

.l-nav-lg .detail-item+.detail-item:before {
    position: absolute;
    width: 1px;
    height: 100%;
    inset: 0 auto 0 -40px;
    background-color: #baabb2;
    content: ""
}

.l-nav-lg .detail-item__pht figure {
    overflow: hidden;
    border-radius: 40px
}

.l-nav-lg .detail-item__pht figure img {
    width: 100%;
    object-fit: cover;
    transition: scale .4s ease
}

.l-nav-lg .detail-item__pht p {
    margin-top: 12px
}

.l-nav-lg .detail-item__list>li+li {
    margin-top: 20px
}

.l-nav-lg .detail-item>dl {
    font-size: 0.875rem
}

.l-nav-lg .detail-item>dl dt {
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
    margin-bottom: 16px;
    gap: 4px
}

.l-nav-lg .detail-item>dl dt:after {
    display: block;
    width: 100%;
    height: 1px;
    background-color: #000;
    content: ""
}

.l-nav-lg .detail-item .child-list {
    margin-top: 12px
}

.l-nav-lg .detail-item .child-list>li:before {
    content: "・"
}

.l-nav-lg .detail-item .child-list>li+li {
    margin-top: 8px
}

.l-nav-lg .detail-item.-large {
    flex-basis: 29.12%;
    max-width: 364px
}

.l-nav-lg .detail-item.-large .detail-item__list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    justify-content: space-between;
    gap: 20px
}

.l-nav-lg .detail-item.-large .detail-item__list>li+li {
    margin-top: 0
}

.l-nav-menu.-header {
    visibility: hidden;
    z-index: 999;
    position: fixed;
    width: 100%;
    max-height: 100%;
    inset: 21.3333333333vw 0 auto;
    overflow-y: auto;
    background-color: #fff;
    opacity: 0;
    transition: visibility .4s ease, opacity .4s ease
}

.l-nav-menu.-header a {
    pointer-events: none
}

.is-nav-active .l-nav-menu.-header a {
    pointer-events: auto
}

.is-nav-active .l-nav-menu,
.l-nav-menu.-footer {
    visibility: visible;
    opacity: 1
}

.l-nav-menu__list a {
    transition: opacity .4s ease
}

.l-nav-menu__item .parent {
    font-weight: 700;
    font-size: 0.875rem;
    line-height: 1.3571428571
}

.l-nav-menu__item .child-list>li+li {
    margin-top: 16px
}

.l-nav-menu__item .child-list.-type>li+li {
    margin-top: 0
}

.l-nav-menu__item .child-list dl dt {
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
    gap: 4px
}

.l-nav-menu__item .child-list dl dt:after {
    display: block;
    width: 100%;
    height: 1px;
    background-color: currentColor;
    content: ""
}

.l-nav-menu__item .child-list dl dd {
    margin-top: 20px
}

.l-nav-menu__item .child-list__wrap {
    margin-top: 16px
}

.l-nav-menu__item .child-list__wrap:has(.child-list__detail) {
    margin-top: 24px
}

.l-nav-menu__item .child-list__wrap:has(.child-list__detail):first-child {
    margin-top: 0
}

.l-nav-menu__item .child-list__detail {
    margin-top: 16px;
    font-size: 1.3rem
}

.l-nav-menu__item .child-list__detail>li {
    padding-left: 1em;
    text-indent: -1em
}

.l-nav-menu__item .child-list__detail>li:before {
    content: "・"
}

.l-nav-menu__item .child-list__detail>li+li {
    margin-top: 12px
}

.l-page-head {
    position: relative;
    padding-block: max(14.5833333333vw, 210px) max(8.4722222222vw, 122px)
}

.l-page-head:after {
    z-index: 2;
    position: absolute;
    height: max(11.1111111111vw, 160px);
    inset: auto 0 0;
    background: linear-gradient(180deg, hsla(0, 0%, 100%, 0), #fff);
    content: ""
}

.l-page-head__bg {
    position: absolute;
    height: max(27.7777777778vw, 400px);
    inset: 0 0 auto
}

.l-page-head__bg img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.l-page-head__txt>* {
    z-index: 3;
    position: relative
}

.l-page-head__txt:before {
    -webkit-mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNDQwIiBoZWlnaHQ9IjI2MiIgZmlsbD0ibm9uZSI+PHBhdGggZD0iTTAgNzkuMzM2YzE3OSAzMC41IDQxNC4zMDEgMjMuMzc1IDU5Mi03LjUgMTI5LjUtMjIuNSAyNTgtNTIgNDM1LTY3LjgxIDE3Ny0xNS44MSAyNzggMjcuODEgNDEzIDI3LjgxdjIyOS4xOUgwVjc5LjMzNnoiIGZpbGw9IiNmZmYiLz48L3N2Zz4=) center/cover no-repeat;
    z-index: 1;
    position: absolute;
    min-height: max(18.0555555556vw, 260px);
    inset: auto 0 0;
    background: #fff;
    content: "";
    mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNDQwIiBoZWlnaHQ9IjI2MiIgZmlsbD0ibm9uZSI+PHBhdGggZD0iTTAgNzkuMzM2YzE3OSAzMC41IDQxNC4zMDEgMjMuMzc1IDU5Mi03LjUgMTI5LjUtMjIuNSAyNTgtNTIgNDM1LTY3LjgxIDE3Ny0xNS44MSAyNzggMjcuODEgNDEzIDI3LjgxdjIyOS4xOUgwVjc5LjMzNnoiIGZpbGw9IiNmZmYiLz48L3N2Zz4=) center/cover no-repeat
}

.l-page-head__txt:after {
    -webkit-mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNDQwIiBoZWlnaHQ9IjM1MSIgZmlsbD0ibm9uZSI+PHBhdGggZD0iTTE0NDAgNzguNjAyYy0yMTEuNSA0Mi40MjQtMzY4IDQ2Ljg0Mi02MzctMjUuMDUxQzUzNC0xOC4zNDMgMTYwLjUtNi45NzMgMCAyOC4wMjZ2MzIyaDE0NDBWNzguNjAyeiIgZmlsbD0idXJsKCNwYWludDBfbGluZWFyXzEyNjhfNjUwOSkiIGZpbGwtb3BhY2l0eT0iLjg1Ii8+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJwYWludDBfbGluZWFyXzEyNjhfNjUwOSIgeDE9IjAiIHkxPSI1Ni43NTkiIHgyPSIxNDQwIiB5Mj0iNTYuNzU5IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHN0b3Agc3RvcC1jb2xvcj0iI0U0RTdENSIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI0YwREFDQyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjwvc3ZnPg==) center/cover no-repeat;
    z-index: 2;
    position: absolute;
    min-height: max(25vw, 360px);
    inset: auto 0 0;
    background: linear-gradient(90deg, #e4e6d5, #f0d8cc 12.5%, #d9dae3 25%, #d8e4e0 37.5%, #ebe5d1 50%, #ead2da 62.5%, #eeddcd 75%, #e4e6d5 87.5%, #f0d8cc);
    background-size: 900% 900%;
    content: "";
    animation: gradationAnim 30s linear infinite;
    mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNDQwIiBoZWlnaHQ9IjM1MSIgZmlsbD0ibm9uZSI+PHBhdGggZD0iTTE0NDAgNzguNjAyYy0yMTEuNSA0Mi40MjQtMzY4IDQ2Ljg0Mi02MzctMjUuMDUxQzUzNC0xOC4zNDMgMTYwLjUtNi45NzMgMCAyOC4wMjZ2MzIyaDE0NDBWNzguNjAyeiIgZmlsbD0idXJsKCNwYWludDBfbGluZWFyXzEyNjhfNjUwOSkiIGZpbGwtb3BhY2l0eT0iLjg1Ii8+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJwYWludDBfbGluZWFyXzEyNjhfNjUwOSIgeDE9IjAiIHkxPSI1Ni43NTkiIHgyPSIxNDQwIiB5Mj0iNTYuNzU5IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHN0b3Agc3RvcC1jb2xvcj0iI0U0RTdENSIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI0YwREFDQyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjwvc3ZnPg==) center/cover no-repeat;
    opacity: .85
}

@keyframes gradationAnim {
    0% {
        background-position: 0 0
    }

    to {
        background-position: 100% 100%
    }
}

.l-page-head__ttl {
    font-weight: 700;
    font-size: 1.125rem;
    line-height: 1
}

.l-page-head__ttl span {
    display: block
}

.l-page-head__ttl .en {
    font-weight: 400;
    font-size: 2.25rem;
    line-height: 1.2777777778;
    font-family: Lato, sans-serif;
    text-transform: uppercase
}

.l-page-head__ttl .en span {
    display: inline-block;
    font-size: 1.875rem;
    font-family: Noto Sans JP, sans-serif
}

.l-page-head__ttl .ja {
    margin-top: max(1.1111111111vw, 16px)
}

.l-page-lead__ttl {
    font-weight: 400;
    font-size: 2rem;
    line-height: 1.4375;
    text-transform: uppercase
}

.l-page-lead__desc {
    margin-top: 24px;
    font-size: 1rem
}

.l-page-body {
    padding-bottom: 120px
}

.l-page-body,
.l-page-sec+.l-page-sec {
    margin-top: 120px
}

.l-page-search {
    padding: 64px;
    border-radius: 40px;
    background-color: #f6f4f5
}

.l-page-search+.l-page-sec {
    margin-top: 120px
}

.l-page-search h2 {
    margin-bottom: 40px
}

.l-page-search h2 .en {
    font-weight: 400;
    font-size: 2.25rem;
    line-height: 1;
    font-family: Lato, sans-serif;
    letter-spacing: .1em;
    text-transform: uppercase
}

.l-page-search h2 .ja {
    margin-left: 16px;
    font-weight: 700;
    font-size: 0.875rem;
    line-height: 1
}

.l-page-search h3 {
    margin-bottom: 56px;
    font-weight: 400;
    font-size: 1.5rem;
    text-align: center
}

.l-page-search__form+* {
    margin-top: 56px
}

.l-page-search__form form {
    display: grid;
    grid-template-columns: 1fr auto
}

.l-page-search__form form>* {
    min-height: 56px;
    padding: 8px 24px
}

.l-page-search__form input {
    border-radius: 8px 0 0 8px;
    outline: 1px solid transparent;
    background-color: #fff;
    transition: outline .4s ease
}

.l-page-search__form input::placeholder {
    color: #c9c5c7
}

.l-page-search__form input:focus {
    outline: 1px solid #baabb2
}

.l-page-search__form button {
    display: inline-flex;
    grid-template-columns: auto auto;
    align-items: center;
    justify-content: center;
    min-width: 280px;
    gap: 8px;
    border-radius: 0 8px 8px 0;
    background-color: #4a4d4f;
    color: #fff;
    transition: background-color .4s ease
}

.l-page-search__form button:before {
    width: 24px;
    height: 24px;
    background: url(https://mmoon.itembox.design/item/eo/assets/images/common/icon_search.svg) 50%/contain no-repeat;
    content: ""
}

.l-page-search__anchor ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 40px 32px
}

.l-page-search__anchor li:not(:last-child) {
    position: relative
}

.l-page-search__anchor li:not(:last-child):after {
    position: absolute;
    width: 1px;
    height: 20px;
    inset: 50% 0 auto auto;
    translate: 0 -50%;
    rotate: 20deg;
    background-color: #baabb2;
    content: ""
}

.l-page-search__anchor li a {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    font-size: 1.125rem;
    transition: opacity .4s ease
}

.l-page-search__anchor li a:after {
    -webkit-mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5IiBoZWlnaHQ9IjEwIiBmaWxsPSJub25lIj48cGF0aCBkPSJNNS42MjcgOC40NDJjLS4zNTIuNzkyLTEuNDc2Ljc5Mi0xLjgyOCAwTDEuMDA3IDIuMTU2QTEgMSAwIDAxMS45MjEuNzVoNS41ODRhMSAxIDAgMDEuOTE0IDEuNDA2TDUuNjI3IDguNDQyeiIgZmlsbD0iI0JBQUJCMyIvPjwvc3ZnPg==) center/contain no-repeat;
    width: 10px;
    height: 14px;
    background-color: #baabb2;
    content: "";
    mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5IiBoZWlnaHQ9IjEwIiBmaWxsPSJub25lIj48cGF0aCBkPSJNNS42MjcgOC40NDJjLS4zNTIuNzkyLTEuNDc2Ljc5Mi0xLjgyOCAwTDEuMDA3IDIuMTU2QTEgMSAwIDAxMS45MjEuNzVoNS41ODRhMSAxIDAgMDEuOTE0IDEuNDA2TDUuNjI3IDguNDQyeiIgZmlsbD0iI0JBQUJCMyIvPjwvc3ZnPg==) center/contain no-repeat
}

.c-box__gray {
    padding: 60px;
    border-radius: 40px;
    background-color: #f6f4f5
}

.c-box__gray-alpha {
    padding: 60px;
    border-radius: 40px;
    background-color: rgba(246, 244, 245, .85)
}

.c-box__white {
    padding: 60px;
    border-radius: 40px;
    background-color: #fff
}

.c-btn-base {
    display: inline-grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 24px;
    gap: 16px;
    border-bottom: 1px solid #baabb2;
    font-weight: 700;
    font-size: 1rem;
    transition: border-color .4s ease
}

.c-btn-base:after {
    width: 16px;
    height: 16px;
    background: url(https://mmoon.itembox.design/item/eo/assets/images/common/icon_arr.svg) 50%/contain no-repeat;
    content: "";
    transition: translate .4s ease
}

.c-btn-box {
    display: inline-grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    justify-content: space-between;
    padding: 24px;
    border-radius: 8px;
    background-color: #f6f4f5;
    font-weight: 700;
    font-size: 1rem;
    transition: background-color .4s ease
}

.c-btn-box:after {
    width: 16px;
    height: 16px;
    background: url(https://mmoon.itembox.design/item/eo/assets/images/common/icon_arr.svg) 50%/contain no-repeat;
    content: "";
    transition: translate .4s ease
}

.c-btn-icon {
    display: grid;
    grid-template-columns: auto auto;
    align-items: center;
    justify-content: center;
    min-height: 56px;
    gap: 8px;
    border-radius: 8px;
    background-color: #4a4d4f;
    color: #fff;
    transition: opacity .4s ease
}

.c-btn-icon.-shopping:before {
    width: 20px;
    height: 20px;
    background: url(https://mmoon.itembox.design/item/eo/assets/images/common/icon_shopping.svg) 50%/contain no-repeat;
    content: ""
}

.c-btn-icon[href$=".pdf"] {
    border: 1px solid;
    background-color: transparent;
    color: #4a4d4f
}

.c-btn-icon[href$=".pdf"]:before {
    background-image: url(https://mmoon.itembox.design/item/eo/assets/images/common/icon_download.svg)
}

.c-hamburger {
    display: block;
    position: relative;
    aspect-ratio: 1;
    width: 8vw
}

.c-hamburger span {
    position: absolute;
    width: 100%;
    height: .5333333333vw;
    inset-inline: 0;
    transform-origin: left;
    background-color: #4a4d4f;
    transition: opacity .3s ease, scale .3s ease
}

.c-hamburger span:first-of-type {
    top: 1.0666666667vw
}

.c-hamburger span:nth-of-type(2) {
    top: 50%;
    translate: 0 -50%;
    scale: .75 1;
    transition-delay: .1s
}

.c-hamburger span:last-of-type {
    bottom: 1.0666666667vw;
    scale: .5 1;
    transition-delay: .2s
}

.c-hamburger:after,
.c-hamburger:before {
    position: absolute;
    width: 6.4vw;
    height: .5333333333vw;
    inset: 50% auto auto 50%;
    translate: -50% -50%;
    rotate: 45deg;
    scale: 0 1;
    background-color: #4a4d4f;
    content: "";
    opacity: 0;
    transition: opacity .3s ease, scale .3s ease
}

.c-hamburger:after {
    rotate: -45deg
}

.is-nav-active .c-hamburger span {
    scale: 0 1;
    opacity: 0
}

.is-nav-active .c-hamburger:after,
.is-nav-active .c-hamburger:before {
    scale: 1;
    opacity: 1;
    transition-delay: .2s
}

.c-list-horz__item+.c-list-horz__item {
    margin-top: 80px
}

.c-list-horz__item .item-pht {
    flex: 0 0 600px
}

.c-list-horz__item .item-pht img {
    border-radius: 300px
}

.c-list-horz__item .item-txt {
    display: grid;
    position: relative;
    padding: 56px;
    gap: 32px;
    border-radius: 40px;
    background: rgba(246, 244, 245, .85)
}

.c-list-horz__item .item-ttl {
    font-weight: 700;
    font-size: 1.5rem;
    line-height: 1.7916666667
}

.c-list-horz__item .item-link {
    margin-top: 16px
}

.c-list-horz.intro-list .c-list-horz__item .item-txt {
    gap: 48px
}

.js-scroll {
    translate: 0 30px;
    opacity: 0;
    transition: opacity .7s ease, translate .7s ease
}

.js-scroll.is-show {
    translate: 0 0;
    opacity: 1
}

.c-ttl-base {
    margin-bottom: 56px;
    text-align: center
}

.c-ttl-base span {
    display: block
}

.c-ttl-base .en {
    font-weight: 400;
    font-size: 2.25rem;
    line-height: 1.2777777778;
    font-family: Lato, sans-serif;
    letter-spacing: .1em;
    text-transform: uppercase
}

.c-ttl-base .ja {
    margin-top: 16px;
    font-weight: 700;
    font-size: 0.875rem;
    line-height: 1
}

.c-ttl__wave-right {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-end;
    margin-bottom: 32px;
    padding-right: 32px;
    gap: 16px;
    color: #baabb2;
    font-weight: 400;
    font-size: 2.25rem;
    line-height: 1;
    font-family: Lato, sans-serif;
    letter-spacing: .17em;
    text-transform: uppercase
}

.c-ttl__wave-right:before {
    display: block;
    width: 13px;
    height: 113px;
    margin-right: 48px;
    background: url(https://mmoon.itembox.design/item/eo/assets/images/common/deco_wave.svg) no-repeat 50%/contain;
    content: ""
}

.c-ttl__section-sub {
    margin-bottom: 32px;
    font-weight: 700;
    font-size: 1.5rem;
    line-height: 1.4
}

.cat-sec__head {
    display: grid;
    align-items: center;
    gap: 56px
}

.cat-sec__head .head-pht img {
    width: 100%;
    border-radius: 128px
}

.cat-sec__head .head-txt__ttl {
    font-weight: 400;
    font-size: 1.5rem
}

.cat-sec__head .head-txt__desc {
    margin-top: 16px;
    font-size: 1rem
}

.cat-sec__body {
    margin-top: 56px
}

.cat-sec__list {
    display: grid;
    gap: 8px
}

.cat-sec__item a {
    display: grid;
    grid-template-columns: 86px 1fr auto;
    align-items: center;
    padding: 24px;
    gap: 16px;
    border: 1px solid #f6f4f5;
    border-radius: 10px
}

.cat-sec__item a:after {
    width: 16px;
    height: 16px;
    background: url(https://mmoon.itembox.design/item/eo/assets/images/common/icon_arr.svg) 50%/contain no-repeat;
    content: "";
    transition: translate .4s ease
}

.cat-sec__item .item-pht {
    overflow: hidden;
    border-radius: 8px
}

.cat-sec__item .item-pht img {
    width: 100%;
    transition: scale .4s ease
}

.cat-order {
    margin-top: 56px
}

.cat-order__ttl {
    margin-bottom: 24px;
    font-weight: 400;
    font-size: 1.25rem
}

.cat-order__list {
    display: flex;
    flex-wrap: wrap;
    gap: 24px
}

.cat-order__item:not(:last-child) {
    position: relative;
    padding-right: 24px
}

.cat-order__item:not(:last-child):after {
    position: absolute;
    width: 1px;
    height: 20px;
    inset: 50% 0 auto auto;
    translate: 0 -50%;
    rotate: 20deg;
    background-color: #baabb2;
    content: ""
}

.cat-order__item a {
    display: inline-flex;
    gap: 2px;
    font-size: 1rem;
    transition: opacity .4s ease
}

.cat-order__item a:before {
    content: "#"
}

.cat-order__item a .type {
    margin-left: 6px;
    padding: 3px 8px 2px;
    translate: 0 1px;
    border-radius: 2px;
    background-color: #f6f4f5;
    color: #baabb2;
    font-size: 0.875rem;
    font-family: Lato, sans-serif;
    text-transform: uppercase
}

.howto-wrap {
    margin-top: 120px;
    padding-bottom: 120px
}

.howto-wrap+.howto-wrap {
    margin-top: 0;
    padding-top: 96px;
    background-color: #f6f4f5
}

.howto-list__item {
    overflow: hidden;
    border-radius: 40px;
    background: #f6f4f5
}

.howto-list__item .item-inner {
    display: grid;
    padding-inline: 40px;
    gap: 24px
}

.howto-list__item .item-head {
    padding-block: 40px
}

.howto-list__item .item-head__pht {
    width: 100%;
    overflow: hidden;
    border-radius: 16px
}

.howto-list__item .item-head__pht img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.howto-list__item .item-head__ttl {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    font-weight: 700;
    font-size: 1.125rem;
    line-height: 1.5
}

.howto-list__item .item-head__ttl .cross {
    position: relative;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-color: #fff
}

.howto-list__item .item-head__ttl .cross:after,
.howto-list__item .item-head__ttl .cross:before {
    display: inline-block;
    position: absolute;
    width: 1px;
    height: 50%;
    inset: 50% auto auto 50%;
    translate: -50% -50%;
    background-color: #baabb2;
    content: ""
}

.howto-list__item .item-head__ttl .cross:after {
    transform: rotate(90deg)
}

.howto-list__item .item-head__ttl .cross,
.howto-list__item .item-head__ttl .cross:after,
.howto-list__item .item-head__ttl .cross:before {
    transition: background-color .4s ease
}

.howto-list__item .item-head__desc {
    margin-top: 24px;
    text-align: justify
}

.howto-list__item .item-body__box {
    display: grid;
    padding: 32px;
    gap: 32px;
    border-radius: 16px;
    background-color: #fff
}

.howto-list__item .item-body__box dt {
    margin-bottom: 12px;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1
}

.howto-list__item .item-body__box dd {
    text-align: justify
}

.howto-list__item .item-body__link {
    padding-bottom: 40px
}

.howto-list__item .item-body__link h4 {
    margin-bottom: 16px;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5;
    text-align: center
}

.howto-list__item .item-body__link .link-wrap {
    display: grid;
    gap: 16px
}

.howto-list__item .item-body__link a {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    padding: 16px;
    gap: 12px;
    border: 1px solid #baabb2;
    border-radius: 12px;
    transition: opacity .4s ease
}

.howto-list__item .item-body__link a:after {
    width: 16px;
    height: 16px;
    background: url(https://mmoon.itembox.design/item/eo/assets/images/common/icon_arr.svg) 50%/contain no-repeat;
    content: ""
}

.howto-list__item .item-body__link a h5 {
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
    margin-bottom: 16px;
    gap: 8px;
    font-weight: 400;
    font-size: 1rem
}

.howto-list__item .item-body__link a h5 .thumb {
    width: 52px
}

.howto-list__item .item-body__link a h5 .thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%
}

.howto-list__item .item-body__link a .desc {
    text-align: justify
}

.howto-intro {
    position: relative
}

.howto-intro__pht {
    position: absolute;
    width: 75.1252086811%;
    inset: 0 auto auto 0
}

.howto-intro__pht img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 500px
}

.howto-intro__txt {
    position: relative
}

.howto-intro__box {
    padding: 56px;
    border-radius: 40px;
    background-color: #fff
}

.howto-intro__box .box-ttl {
    margin-bottom: 32px;
    font-weight: 700;
    font-size: 1.5rem
}

.howto-intro__box .box-desc dl+dl {
    margin-top: 16px
}

.howto-intro__box .box-desc dt {
    margin-bottom: 2px;
    font-weight: 700
}

.howto-intro__box .box-desc dd {
    text-align: justify
}

.intro-ttl {
    margin-bottom: 40px;
    font-weight: 400;
    font-size: 2.25rem;
    line-height: 1.5833333333
}

.intro-lead {
    display: grid;
    gap: 36px
}

.intro-lead .item-pht img {
    border-radius: 142px
}

.intro-lead .item-txt {
    margin-top: 24px;
    font-weight: 700;
    font-size: 1.125rem;
    text-align: center
}

.intro-bnr {
    display: grid;
    place-items: center;
    padding-block: 96px;
    border-radius: 40px;
    background: url(https://mmoon.itembox.design/item/eo/assets/images/notebar/intro/bnr_bg.webp) 50%/cover no-repeat
}

.intro-bnr__inner {
    padding: 40px;
    border-radius: 32px;
    background: hsla(0, 0%, 100%, .8)
}

.intro-bnr__ttl {
    margin-bottom: 40px;
    font-weight: 400;
    font-size: 2rem;
    line-height: 1.78125;
    font-family: Lato, sans-serif;
    letter-spacing: .1em;
    text-align: center;
    text-transform: uppercase
}

.note-chart {
    padding-block: 96px 120px;
    border-radius: 120px;
    background-color: #f6f4f5
}

.note-chart__ttl {
    margin-bottom: 16px;
    font-weight: 700;
    font-size: 1.5rem;
    line-height: 1.2916666667
}

.note-chart__pht {
    margin-top: 80px
}

.note-chart__pht figure {
    width: 878px;
    margin-inline: auto
}

.note-chart__pht figure img {
    width: 100%
}

.note-chart__desc {
    display: grid;
    margin-top: 64px;
    gap: 2px
}

.note-chart__desc dl {
    padding: 40px;
    background: linear-gradient(90deg, rgba(234, 215, 215, .5), rgba(235, 229, 209, .5))
}

.note-chart__desc dl:first-child {
    border-radius: 40px 0 0 40px;
    background: linear-gradient(270deg, rgba(216, 228, 224, .5), rgba(235, 229, 209, .5))
}

.note-chart__desc dl:last-child {
    border-radius: 0 40px 40px 0;
    background: linear-gradient(270deg, rgba(217, 218, 227, .5), rgba(240, 216, 204, .5))
}

.note-chart__desc dt {
    margin-bottom: 8px;
    font-weight: 700;
    font-size: 1.125rem;
    line-height: 1.7777777778
}

.note-chart__desc dd .box {
    margin-top: 16px;
    padding: 16px 24px 24px;
    border-radius: 12px;
    background: hsla(0, 0%, 100%, .5)
}

.note-chart__desc dd .box-ttl {
    margin-bottom: 12px;
    color: #baabb2;
    font-weight: 700;
    font-size: 1.5rem
}

.note-chart__desc dd .box-list li {
    position: relative;
    padding-left: 1em
}

.note-chart__desc dd .box-list li:before {
    position: absolute;
    width: 2px;
    height: 2px;
    inset: .8em auto auto .4em;
    border-radius: 50%;
    background-color: currentColor;
    content: ""
}

.note-chart__desc dd .box-list li+li {
    margin-top: 8px
}

.note-intro__lead {
    margin-bottom: 64px;
    font-size: 1.125rem
}

.note-intro__list {
    display: grid;
    margin-top: 96px;
    gap: 80px
}

.note-intro__item {
    display: grid;
    padding: 40px;
    gap: 24px;
    border-radius: 40px
}

.note-intro__item,
.note-intro__item.-top {
    background: linear-gradient(0deg, rgba(216, 228, 224, .4), rgba(235, 229, 209, 0) 91.81%)
}

.note-intro__item.-top .item-head__txt .type {
    color: #c1c4b5
}

.note-intro__item.-top .item-head__txt .type:before {
    background: url(https://mmoon.itembox.design/item/eo/assets/images/note/intro_icon_top.svg) 50%/contain no-repeat
}

.note-intro__item.-middle {
    background: linear-gradient(0deg, rgba(234, 215, 215, .4), rgba(235, 229, 209, 0))
}

.note-intro__item.-middle .item-head__txt .type {
    color: #e4cad3
}

.note-intro__item.-middle .item-head__txt .type:before {
    background: url(https://mmoon.itembox.design/item/eo/assets/images/note/intro_icon_middle.svg) 50%/contain no-repeat
}

.note-intro__item.-base {
    background: linear-gradient(0deg, rgba(217, 218, 227, .4), rgba(240, 216, 204, 0))
}

.note-intro__item.-base .item-head__txt .type {
    color: #c7c8d8
}

.note-intro__item.-base .item-head__txt .type:before {
    background: url(https://mmoon.itembox.design/item/eo/assets/images/note/intro_icon_base.svg) 50%/contain no-repeat
}

.note-intro__item .item-head {
    display: grid;
    grid-template-columns: 170px 1fr;
    align-items: center;
    gap: 24px
}

.note-intro__item .item-head__thumb img {
    width: 100%;
    border-radius: 100px
}

.note-intro__item .item-head__txt .type {
    display: grid;
    grid-template-columns: 50px 1fr;
    align-items: center;
    gap: 4px;
    color: #c1c4b5;
    font-weight: 700;
    font-size: 0.875rem;
    font-family: Lato, sans-serif;
    letter-spacing: .1em;
    text-transform: uppercase
}

.note-intro__item .item-head__txt .type:before {
    aspect-ratio: 1;
    width: 100%;
    background: url(https://mmoon.itembox.design/item/eo/assets/images/note/intro_icon_top.svg) 50%/contain no-repeat;
    content: ""
}

.note-intro__item .item-head__txt .ttl {
    margin-top: 12px;
    font-weight: 700;
    font-size: 1.125rem
}

.note-intro__item .item-head__txt .ttl small {
    display: block;
    color: #baabb2;
    font-size: 0.875rem
}

.note-intro__item .item-box {
    display: grid;
    align-items: center;
    padding: 16px 20px;
    gap: 24px;
    border-radius: 2px;
    background: hsla(0, 0%, 100%, .6)
}

.note-intro__item .item-box dt {
    height: -moz-fit-content;
    height: fit-content;
    font-weight: 700;
    font-size: 0.875rem;
    line-height: 1.7857142857
}

.note-intro__item .item-btn {
    width: -moz-fit-content;
    width: fit-content;
    margin-inline: auto
}

.note-intro__item .item-btn .c-btn-box {
    border: 1px solid #baabb2;
    background-color: transparent
}

:root {
    --scrollbar-width: calc(100vw - 100%)
}

.season .l-page-body {
    margin-top: 0;
    overflow: clip
}

.season .season-how-wrapper {
    margin: 0 calc(50% - 50vw);
    padding: 96px calc(50vw - 50%) 120px;
    background-color: #f6f4f5
}

.season .season-how-header {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: flex-end;
    gap: 80px
}

.season .season-how-header__txt h2 {
    display: flex;
    align-items: baseline;
    margin-bottom: 56px;
    gap: 20px
}

.season .season-how-header__txt h2 .en {
    font-weight: 400;
    font-size: 2.25rem;
    line-height: 1.2777777778;
    font-family: Lato, sans-serif;
    letter-spacing: .05em;
    text-transform: uppercase
}

.season .season-how-header__txt h2 .ja {
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 1;
    letter-spacing: 0
}

.season .season-how-header__txt p {
    max-width: 37em
}

.season .season-how-header figure {
    flex-shrink: 0;
    max-width: 452px
}

.season .season-how-header figure img {
    border-radius: 300px
}

.season .season-how-list {
    margin-top: 56px
}

.season .season-how-item {
    display: flex;
    padding: 60px;
    gap: 48px;
    border-radius: 40px;
    background-color: #fff
}

.season .season-how-item.-reverse {
    flex-direction: row-reverse
}

.season .season-how-item:not(:first-child) {
    margin-top: 48px
}

.season .season-how-item h3 {
    margin-bottom: 32px;
    font-weight: 700;
    font-size: 2.4rem;
    line-height: 1.4166666667;
    letter-spacing: 0
}

.season .season-how-item h4 {
    margin-bottom: 24px;
    font-weight: 700;
    font-size: 1.125rem;
    line-height: 1.3333333333;
    letter-spacing: 0
}

.season .season-how-item h5 {
    margin-bottom: 8px;
    font-weight: 700;
    font-size: 0.875rem;
    line-height: 1.4285714286;
    letter-spacing: 0
}

.season .season-how-item h5:not(:first-of-type) {
    margin-top: 16px
}

.season .season-how-item__detail {
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin-top: 48px;
    gap: 32px
}

.season .season-how-item figure {
    flex-shrink: 0
}

.season .season-how-item figure img {
    aspect-ratio: 1/1;
    max-width: 356px;
    object-fit: cover;
    border-radius: 16px
}

.season .season-how-other {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: flex-end;
    margin-top: 56px
}

.season .season-how-other__txt {
    position: relative;
    left: -42px;
    flex-grow: 1
}

.season .season-how-other__txt h3 {
    margin-top: 24px;
    font-weight: 700;
    font-size: 1.5rem;
    line-height: 1.8333333333;
    letter-spacing: 0
}

.season .season-how-other__link {
    margin-top: 48px;
    text-align: right
}

.season .season-how-other__link .c-btn-base {
    text-align: left
}

.season .season-how-other figure img {
    max-width: 520px;
    border-radius: 300px
}

.season .season-shopping-item {
    display: flex;
    flex-direction: row-reverse;
    align-items: flex-start;
    gap: 40px
}

.season .season-shopping-item:not(:first-child) {
    margin-top: 96px
}

.season .season-shopping-item__txt {
    flex-basis: 600px;
    padding: 60px;
    border-radius: 40px;
    background: #f6f4f5
}

.season .season-shopping-item__txt h3 {
    margin-bottom: 32px;
    font-weight: 700;
    font-size: 1.5rem;
    line-height: 1.4166666667;
    letter-spacing: 0
}

.season .season-shopping-item__txt .price {
    margin-bottom: 32px;
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 1.3333333333;
    letter-spacing: 0
}

.season .season-shopping-item__txt .price span {
    font-weight: 400;
    font-size: 1.25rem;
    line-height: 1.3125;
    font-family: Lato, sans-serif;
    letter-spacing: 0
}

.season .season-shopping-item__txt h4 {
    margin-top: 32px;
    margin-bottom: 24px;
    font-weight: 700;
    font-size: 1.125rem;
    line-height: 1.3333333333;
    letter-spacing: 0
}

.season .season-shopping-item__txt h4:first-of-type {
    margin-top: 48px
}

.season .season-shopping-item__txt .sizes {
    display: flex;
    gap: 8px
}

.season .season-shopping-item__txt .sizes a figure {
    overflow: hidden
}

.season .season-shopping-item__txt .sizes a img {
    rotate: .1deg;
    transition: scale .4s ease;
    will-change: scale
}

.season .season-shopping-item__txt .sizes p {
    margin-top: 8px;
    text-align: center
}

.season .season-shopping-item__txt .image>div {
    display: flex;
    gap: 10px
}

.season .season-shopping-item__txt .image>div:not(:first-of-type) {
    margin-top: 4px
}

.season .season-shopping-item__txt .image>div dt {
    flex-basis: 80px
}

.season .season-shopping-item__txt .types {
    display: flex;
    flex-wrap: wrap;
    gap: 16px
}

.season .season-shopping-item__txt .type {
    display: flex;
    align-items: center;
    gap: 8px
}

.season .season-shopping-item__txt .type:before {
    display: block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: currentColor;
    content: ""
}

.season .season-shopping-item__txt .type.-floral:before {
    background-color: #98a05f
}

.season .season-shopping-item__txt .type.-spicy:before {
    background-color: #c66839
}

.season .season-shopping-item__txt .type.-balsam:before {
    background-color: #6c7093
}

.season .season-shopping-item__txt .type.-citrus:before {
    background-color: #b29a4d
}

.season .season-shopping-item__txt .type.-herbal:before {
    background-color: #689787
}

.season .season-shopping-item__txt .type.-exotic:before {
    background-color: #ae5170
}

.season .season-shopping-item__txt .type.-woody:before {
    background-color: #cb9767
}

.season .season-shopping-item__txt h5 {
    margin-top: 16px;
    margin-bottom: 8px;
    font-weight: 700;
    font-size: 0.875rem;
    line-height: 1.4285714286;
    letter-spacing: 0
}

.season .season-shopping-item__txt .link {
    margin-top: 48px
}

.season .season-shopping-item__txt .oil a {
    display: inline-block;
    text-decoration: underline;
    text-underline-offset: 2px;
    transition: -webkit-text-decoration-color .4s ease;
    transition: text-decoration-color .4s ease;
    transition: text-decoration-color .4s ease, -webkit-text-decoration-color .4s ease
}

.season .season-shopping-item>figure {
    position: sticky;
    top: 128px;
    flex-basis: 560px
}

.season .collection-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 36px
}

.season .collection-item {
    display: flex;
    flex-direction: column
}

.season .collection-item figure {
    margin-bottom: 32px
}

.season .collection-item figure img {
    border-radius: 174px
}

.season .collection-item h3 {
    margin-bottom: 24px;
    font-weight: 700;
    font-size: 1.125rem;
    line-height: 1.3333333333;
    letter-spacing: 0
}

.season .collection-item p {
    margin-bottom: 40px
}

.season .collection-item .link {
    margin-top: auto
}

.season .collection-item .link .c-btn-box {
    width: 100%
}

.shop .shop-leadimg {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    margin-bottom: 120px;
    gap: 80px
}

.shop .shop-leadimg figure img {
    border-radius: 40px
}

.shop .shop-info {
    display: flex;
    position: relative;
    align-items: flex-end;
    justify-content: flex-end;
    margin-bottom: 120px
}

.shop .shop-info__gallery {
    z-index: -1;
    position: absolute;
    max-width: 900px;
    inset: 0 auto auto 0
}

.shop .shop-info__gallery .splide__slide img {
    aspect-ratio: 900/674;
    object-fit: cover;
    border-radius: 500px
}

.shop .shop-info__gallery .splide__pagination {
    z-index: 2;
    position: absolute;
    margin-top: 32px;
    inset: auto 0;
    gap: 8px
}

.shop .shop-info__gallery .splide__pagination .splide__pagination__page {
    width: 8px;
    height: 8px;
    border-radius: 4px;
    background: rgba(186, 171, 178, .5);
    transition: all .5s
}

.shop .shop-info__gallery .splide__pagination .splide__pagination__page.is-active {
    width: 24px;
    height: 8px;
    background: #baabb2
}

.shop .shop-info__text {
    max-width: 480px
}

.shop .shop-info__text dl dt {
    font-weight: 700;
    font-size: 0.875rem;
    line-height: 1.8
}

.shop .shop-info__text dl dd+dt {
    margin-top: 16px
}

.shop .shop-info__text .map a {
    text-decoration: underline
}

.shop .shop-info__text .map a:before {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 2px;
    background: url(https://mmoon.itembox.design/item/eo/assets/images/shop/icon_map.svg) no-repeat 50%/contain;
    content: ""
}

.shop .shop-info__text .btn {
    margin-top: 48px
}

.shop .shop-notebar {
    display: grid;
    grid-template-columns: 1fr 360px;
    gap: 80px
}

.shop .shop-notebar .btn {
    margin-top: 40px
}

.shop .shop-notebar figure img {
    border-radius: 500px
}

.u-d-block {
    display: block
}

.u-d-iblock {
    display: inline-block
}

.u-d-inline {
    display: inline
}

.u-d-flex {
    display: flex
}

.u-pl-0 {
    padding-left: 0
}

.u-pt-0 {
    padding-top: 0
}

.u-pl-0 {
    padding-right: 0
}

.u-pb-0 {
    padding-bottom: 0
}

.u-ml-0 {
    margin-left: 0
}

.u-mt-0 {
    margin-top: 0
}

.u-mr-0 {
    margin-right: 0
}

.u-mb-0 {
    margin-bottom: 0
}

.u-pl-1 {
    padding-left: 8px
}

.u-pt-1 {
    padding-top: 8px
}

.u-pl-1 {
    padding-right: 8px
}

.u-pb-1 {
    padding-bottom: 8px
}

.u-ml-1 {
    margin-left: 8px
}

.u-mt-1 {
    margin-top: 8px
}

.u-mr-1 {
    margin-right: 8px
}

.u-mb-1 {
    margin-bottom: 8px
}

.u-pl-2 {
    padding-left: 16px
}

.u-pt-2 {
    padding-top: 16px
}

.u-pl-2 {
    padding-right: 16px
}

.u-pb-2 {
    padding-bottom: 16px
}

.u-ml-2 {
    margin-left: 16px
}

.u-mt-2 {
    margin-top: 16px
}

.u-mr-2 {
    margin-right: 16px
}

.u-mb-2 {
    margin-bottom: 16px
}

.u-pl-3 {
    padding-left: 24px
}

.u-pt-3 {
    padding-top: 24px
}

.u-pl-3 {
    padding-right: 24px
}

.u-pb-3 {
    padding-bottom: 24px
}

.u-ml-3 {
    margin-left: 24px
}

.u-mt-3 {
    margin-top: 24px
}

.u-mr-3 {
    margin-right: 24px
}

.u-mb-3 {
    margin-bottom: 24px
}

.u-pl-4 {
    padding-left: 32px
}

.u-pt-4 {
    padding-top: 32px
}

.u-pl-4 {
    padding-right: 32px
}

.u-pb-4 {
    padding-bottom: 32px
}

.u-ml-4 {
    margin-left: 32px
}

.u-mt-4 {
    margin-top: 32px
}

.u-mr-4 {
    margin-right: 32px
}

.u-mb-4 {
    margin-bottom: 32px
}

.u-pl-5 {
    padding-left: 40px
}

.u-pt-5 {
    padding-top: 40px
}

.u-pl-5 {
    padding-right: 40px
}

.u-pb-5 {
    padding-bottom: 40px
}

.u-ml-5 {
    margin-left: 40px
}

.u-mt-5 {
    margin-top: 40px
}

.u-mr-5 {
    margin-right: 40px
}

.u-mb-5 {
    margin-bottom: 40px
}

.u-pl-6 {
    padding-left: 48px
}

.u-pt-6 {
    padding-top: 48px
}

.u-pl-6 {
    padding-right: 48px
}

.u-pb-6 {
    padding-bottom: 48px
}

.u-ml-6 {
    margin-left: 48px
}

.u-mt-6 {
    margin-top: 48px
}

.u-mr-6 {
    margin-right: 48px
}

.u-mb-6 {
    margin-bottom: 48px
}

.u-pl-7 {
    padding-left: 56px
}

.u-pt-7 {
    padding-top: 56px
}

.u-pl-7 {
    padding-right: 56px
}

.u-pb-7 {
    padding-bottom: 56px
}

.u-ml-7 {
    margin-left: 56px
}

.u-mt-7 {
    margin-top: 56px
}

.u-mr-7 {
    margin-right: 56px
}

.u-mb-7 {
    margin-bottom: 56px
}

.u-pl-8 {
    padding-left: 64px
}

.u-pt-8 {
    padding-top: 64px
}

.u-pl-8 {
    padding-right: 64px
}

.u-pb-8 {
    padding-bottom: 64px
}

.u-ml-8 {
    margin-left: 64px
}

.u-mt-8 {
    margin-top: 64px
}

.u-mr-8 {
    margin-right: 64px
}

.u-mb-8 {
    margin-bottom: 64px
}

.u-pl-9 {
    padding-left: 72px
}

.u-pt-9 {
    padding-top: 72px
}

.u-pl-9 {
    padding-right: 72px
}

.u-pb-9 {
    padding-bottom: 72px
}

.u-ml-9 {
    margin-left: 72px
}

.u-mt-9 {
    margin-top: 72px
}

.u-mr-9 {
    margin-right: 72px
}

.u-mb-9 {
    margin-bottom: 72px
}

.u-pl-10 {
    padding-left: 80px
}

.u-pt-10 {
    padding-top: 80px
}

.u-pl-10 {
    padding-right: 80px
}

.u-pb-10 {
    padding-bottom: 80px
}

.u-ml-10 {
    margin-left: 80px
}

.u-mt-10 {
    margin-top: 80px
}

.u-mr-10 {
    margin-right: 80px
}

.u-mb-10 {
    margin-bottom: 80px
}

.u-pl-letter {
    padding-left: 1.25em !important
}

.u-pt-letter {
    padding-top: 1.25em !important
}

.u-pr-letter {
    padding-right: 1.25em !important
}

.u-pb-letter {
    padding-bottom: 1.25em !important
}

.u-ml-letter {
    margin-left: 1.25em !important
}

.u-mt-letter {
    margin-top: 1.25em !important
}

.u-mr-letter {
    margin-right: 1.25em !important
}

.u-mb-letter {
    margin-bottom: 1.25em !important
}

.u-text-jp {
    font-family: Noto Sans JP, sans-serif
}

.u-text-en {
    font-family: Lato, sans-serif
}

.u-color-alert {
    color: #d10000
}

.u-color-text {
    color: #4a4d4f
}

.u-fw-bold {
    font-weight: 700
}

.u-fw-semibold {
    font-weight: 500
}

.u-fw-regular {
    font-weight: 400
}

.u-fw-light {
    font-weight: 100
}

.u-text-link {
    text-decoration: underline;
    text-underline-offset: 2px
}

.u-text-link[target=_blank]:after {
    top: .25em;
    margin-left: 2px;
    background: url(https://mmoon.itembox.design/item/eo/assets/images/common/icon_blank.svg) no-repeat 50%/contain
}

.u-text-link[href$=".pdf"]:after,
.u-text-link[target=_blank]:after {
    display: inline-block;
    position: relative;
    aspect-ratio: 1/1;
    width: 16px;
    content: ""
}

.u-text-link[href$=".pdf"]:after {
    top: .2em;
    margin-left: 3px;
    background: url(https://mmoon.itembox.design/item/eo/assets/images/common/icon_pdf.svg) no-repeat 50%/contain
}

.u-text-indent {
    padding-left: 1em;
    text-indent: -1em
}

.u-ta-left {
    text-align: left
}

.u-ta-right {
    text-align: right
}

.u-ta-center {
    text-align: center
}

@media screen {
    [hidden~=screen] {
        display: inherit
    }

    [hidden~=screen]:not(:active):not(:focus):not(:target) {
        clip: rect(0 0 0 0) !important;
        position: absolute !important
    }
}

@media screen and (max-width:767px) {
    html {
        font-size: 2.6666666667vw
    }

    html.is-nav-active {
        overflow: hidden
    }

    .l-wrapper {
        padding-top: 21.3333333333vw
    }

    .l-lg {
        display: none !important
    }

    .l-grad-bg {
        --bg-height: 15.4666666667vw
    }

    .l-breadcrumbs {
        margin-top: 10.6666666667vw
    }

    .l-breadcrumbs nav {
        overflow-x: auto
    }

    .l-breadcrumbs li+li {
        margin-left: 2.6666666667vw;
        padding-left: 3.2vw
    }

    .l-breadcrumbs li+li:before {
        width: 1.0666666667vw
    }

    .l-foot-contact {
        padding-block: 19.2vw
    }

    .l-foot-contact__ttl p {
        font-size: 1.3rem
    }

    .l-foot-contact__list {
        gap: 4.2666666667vw
    }

    .l-foot-contact__item {
        padding: 8.5333333333vw;
        gap: 8.5333333333vw;
        border-radius: 10.6666666667vw
    }

    .l-foot-contact__item .item-ttl .icon {
        width: 10.6666666667vw
    }

    .l-foot-contact__item .item-ttl .txt {
        margin-top: 4.2666666667vw;
        font-size: 1rem
    }

    .l-foot-contact__item .item-desc {
        gap: 6.4vw;
        font-size: 1.3rem
    }

    .l-foot-contact__item .item-desc dd {
        margin-top: 1.0666666667vw
    }

    .l-foot-contact__item .item-btn a {
        min-height: 14.9333333333vw;
        border-radius: 2.1333333333vw
    }

    .l-foot-contact__item .item-btn a:before {
        width: 5.3333333333vw;
        height: 5.3333333333vw
    }

    .l-footer {
        padding-block: 14.9333333333vw 8.5333333333vw
    }

    .l-footer .l-inner>*+* {
        margin-top: 10.6666666667vw
    }

    .l-footer__logo .footer__logo_flex {
        grid-template-columns: 22.4vw 35.7333333333vw;
        gap: 4.2666666667vw
    }

    .l-footer__sns {
        gap: 6.4vw
    }

    .l-footer__sns a {
        width: 8.5333333333vw
    }

    .l-footer__cpr {
        font-size: 1.1rem
    }

    .l-footer__cpr p+p {
        margin-top: 2.1333333333vw
    }

    .l-header__inner {
        height: 21.3333333333vw;
        padding: 5.3333333333vw
    }

    .l-header__logo .l-header__logo_flex {
        grid-template-columns: 19.2vw 26.1333333333vw;
        gap: 4.2666666667vw
    }

    .l-inner {
        padding-inline: 6.4vw
    }

    .l-nav-ec {
        display: flex;
        align-items: center;
        gap: 3.2vw
    }

    .l-nav-ec__list {
        gap: 3.2vw
    }

    .l-nav-ec__item {
        display: none
    }

    .l-nav-ec__item:last-of-type,
    .l-nav-ec__item:nth-last-of-type(2) {
        display: block
    }

    .l-nav-ec__item:last-of-type a,
    .l-nav-ec__item:nth-last-of-type(2) a {
        grid-template-columns: 8vw
    }

    .l-nav-menu.-header .l-nav-menu__inner {
        padding-bottom: 42.6666666667vw;
        padding-inline: 4.2666666667vw
    }

    .l-nav-menu__item .wrap+.wrap {
        display: contents
    }

    .l-nav-menu__item .parent {
        font-size: 1.5rem
    }

    .l-nav-menu__item .parent.c-accordion-btn {
        padding: 5.3333333333vw 8.5333333333vw 5.3333333333vw 4.2666666667vw;
        border-bottom: 1px solid #baabb2
    }

    .l-nav-menu__item .parent:not(.c-accordion-btn)>a,
    .l-nav-menu__item .parent:not(.c-accordion-btn)>span {
        display: block;
        padding: 5.3333333333vw 8.5333333333vw 5.3333333333vw 4.2666666667vw;
        border-bottom: 1px solid #baabb2
    }

    .l-nav-menu__item .child {
        padding-inline: 4.2666666667vw
    }

    .l-nav-menu__item .child-list>li+li {
        margin-top: 6.4vw
    }

    .l-nav-menu__item .child-list>li:first-child {
        padding-top: 6.4vw
    }

    .l-nav-menu__item .child-list>li:last-child {
        padding-bottom: 6.4vw
    }

    .l-nav-menu__item .child-list.-type>li+li {
        margin-top: 10.6666666667vw
    }

    .l-nav-menu__item .child-list dl dd {
        margin-top: 4.2666666667vw
    }

    .l-nav-menu__item .child-list__wrap:has(.child-list__detail) {
        margin-top: 6.4vw
    }

    .l-nav-menu__item .child-list__detail {
        margin-top: 3.2vw
    }

    .l-nav-menu__item .child-list__detail>li+li {
        margin-top: 2.1333333333vw
    }

    .l-page-head {
        margin-bottom: 17.0666666667vw;
        padding-block: 42.6666666667vw 5.3333333333vw
    }

    .l-page-head:after {
        height: 10.6666666667vw
    }

    .l-page-head__bg {
        height: 53.3333333333vw
    }

    .l-page-head__txt:before {
        min-height: 48vw
    }

    .l-page-head__txt:after {
        min-height: 53.3333333333vw
    }

    .l-page-head__ttl {
        font-size: 1rem
    }

    .l-page-head__ttl .en {
        font-size: 1.75rem
    }

    .l-page-head__ttl .en span {
        font-size: 1.6875rem
    }

    .l-page-head__ttl .ja {
        margin-top: 4.2666666667vw
    }

    .l-page-lead__ttl {
        width: -moz-fit-content;
        width: fit-content;
        margin-inline: auto;
        font-size: 1.5rem;
    }

    .l-page-lead__desc {
        margin-top: 4.2666666667vw;
        font-size: 0.9375rem;
        text-align: justify
    }

    .l-page-body {
        padding-bottom: 21.3333333333vw
    }

    .l-page-body,
    .l-page-sec+.l-page-sec {
        margin-top: 21.3333333333vw
    }

    .l-page-search {
        padding: 8.5333333333vw 6.4vw;
        border-radius: 10.6666666667vw
    }

    .l-page-search+.l-page-sec {
        margin-top: 21.3333333333vw
    }

    .l-page-search h2 {
        margin-bottom: 6.4vw
    }

    .l-page-search h2 .en {
        font-size: 1.625rem;
    }

    .l-page-search h2 .ja {
        margin-left: 2.1333333333vw;
        font-size: 0.6875rem;
    }

    .l-page-search h3 {
        margin-bottom: 10.6666666667vw;
        font-size: 1.125rem
    }

    .l-page-search__form+* {
        margin-top: 10.6666666667vw
    }

    .l-page-search__form form>* {
        min-height: 10.6666666667vw;
        padding: 2.1333333333vw 3.2vw
    }

    .l-page-search__form input {
        max-width: 61.3333333333vw;
        border-radius: 2.1333333333vw 0 0 2.1333333333vw
    }

    .l-page-search__form button {
        min-width: 13.3333333333vw;
        border-radius: 0 2.1333333333vw 2.1333333333vw 0
    }

    .l-page-search__form button:before {
        width: 6.4vw;
        height: 6.4vw
    }

    .l-page-search__anchor ul {
        gap: 4.2666666667vw
    }

    .l-page-search__anchor ul.-center {
        display: grid
    }

    .l-page-search__anchor li:not(:last-child):after {
        display: none;
        height: 5.3333333333vw;
        rotate: 20deg
    }

    .l-page-search__anchor li a {
        gap: 2.1333333333vw;
        font-size: 0.9375rem
    }

    .l-page-search__anchor li a:after {
        width: 1.6vw;
        height: 2.6666666667vw
    }

    .js-accordion {
        cursor: pointer
    }

    .js-accordion+* {
        display: grid;
        grid-template-rows: 0fr;
        transition: grid-template-rows .4s ease
    }

    .js-accordion+*>* {
        overflow: hidden
    }

    .js-accordion.is-opened+* {
        grid-template-rows: 1fr
    }

    .c-accordion-btn {
        position: relative
    }

    .c-accordion-btn:after,
    .c-accordion-btn:before {
        position: absolute;
        width: 3.7333333333vw;
        height: 1px;
        inset: 50% 2.1333333333vw auto auto;
        translate: 0 -50%;
        background: #baabb2;
        content: "";
        transition: rotate .4s ease
    }

    .c-accordion-btn:after {
        rotate: 90deg
    }

    .c-accordion-btn a {
        pointer-events: none !important
    }

    .c-accordion-btn.is-opened:after {
        rotate: 180deg
    }

    .c-box__gray,
    .c-box__gray-alpha,
    .c-box__white {
        padding: 10.6666666667vw 8.5333333333vw;
        border-radius: 10.6666666667vw
    }

    .c-btn-base {
        width: 100%;
        padding-bottom: 6.4vw;
        gap: 4.2666666667vw;
        font-size: 0.9375rem;
    }

    .c-btn-base:after {
        width: 4.2666666667vw;
        height: 4.2666666667vw
    }

    .c-btn-box {
        width: 100%;
        padding: 6.4vw
    }

    .c-btn-box:after {
        width: 4.2666666667vw;
        height: 4.2666666667vw
    }

    .c-btn-icon {
        min-height: 14.9333333333vw;
        border-radius: 2.1333333333vw
    }

    .c-btn-icon.-shopping:before {
        width: 5.3333333333vw;
        height: 5.3333333333vw
    }

    .c-list-horz__item+.c-list-horz__item {
        margin-top: 14.9333333333vw
    }

    .c-list-horz__item .item-pht img {
        border-radius: 80vw
    }

    .c-list-horz__item .item-txt {
        margin-top: -6.4vw;
        padding: 8.5333333333vw;
        gap: 6.4vw
    }

    .c-list-horz__item .item-ttl {
        width: -moz-fit-content;
        width: fit-content;
        margin-inline: auto;
        font-size: 1.125rem
    }

    .c-list-horz__item .item-desc {
        text-align: justify
    }

    .c-list-horz__item .item-link {
        margin-top: 3.2vw
    }

    .c-list-horz.intro-list .c-list-horz__item .item-txt {
        gap: 6.4vw
    }

    .js-scroll {
        translate: 0 5.3333333333vw
    }

    .c-ttl-base {
        margin-bottom: 10.6666666667vw
    }

    .c-ttl-base .en {
        font-size: 1.625rem
    }

    .c-ttl-base .ja {
        margin-top: 4.2666666667vw;
        font-size: 1.1rem
    }

    .c-ttl__wave-right {
        margin-bottom: 5.3333333333vw;
        padding-right: 5.3333333333vw;
        gap: 2.6666666667vw;
        font-size: 1.75rem
    }

    .c-ttl__wave-right:before {
        width: 2.6666666667vw;
        height: 18.6666666667vw;
        margin-right: 5.3333333333vw
    }

    .c-ttl__section-sub {
        margin-bottom: 6.4vw;
        font-size: 1.125rem;
        line-height: 1.5
    }

    .cat-sec__head {
        gap: 6.4vw
    }

    .cat-sec__head .head-txt {
        grid-area: 1
    }

    .cat-sec__head .head-txt__ttl {
        font-size: 1.125rem;
        text-align: center
    }

    .cat-sec__head .head-txt__desc {
        margin-top: 4.2666666667vw;
        font-size: 0.9375rem;
        text-align: justify
    }

    .cat-sec__body {
        margin-top: 10.6666666667vw
    }

    .cat-sec__list {
        gap: 2.1333333333vw
    }

    .cat-sec__item a {
        grid-template-columns: 22.9333333333vw 1fr auto;
        padding: 6.4vw;
        gap: 4.2666666667vw;
        border-radius: 2.6666666667vw
    }

    .cat-sec__item a:after {
        width: 4.2666666667vw;
        height: 4.2666666667vw
    }

    .cat-sec__item .item-pht {
        border-radius: 2.1333333333vw
    }

    .cat-order {
        margin-top: 10.6666666667vw
    }

    .cat-order__ttl {
        margin-bottom: 6.4vw;
        font-size: 1rem
    }

    .cat-order__list {
        gap: 6.4vw
    }

    .cat-order__item:not(:last-child) {
        padding-right: 6.4vw
    }

    .cat-order__item a {
        gap: .5333333333vw;
        font-size: 0.875rem
    }

    .cat-order__item a .type {
        margin-left: 1.6vw;
        padding: .5333333333vw 2.1333333333vw;
        font-size: 0.75rem
    }

    .howto-wrap {
        margin-top: 21.3333333333vw;
        padding-bottom: 21.3333333333vw
    }

    .howto-wrap+.howto-wrap {
        padding-top: 17.0666666667vw
    }

    .howto-list__item {
        border-radius: 10.6666666667vw
    }

    .howto-list__item+.howto-list__item {
        margin-top: 6.4vw
    }

    .howto-list__item .item-inner {
        padding-inline: 8.5333333333vw;
        gap: 6.4vw
    }

    .howto-list__item .item-head {
        padding-block: 8.5333333333vw
    }

    .howto-list__item .item-head.is-opened .item-head__ttl .cross:before {
        rotate: 90deg
    }

    .howto-list__item .item-head__pht {
        height: 45.3333333333vw
    }

    .howto-list__item .item-head__txt {
        grid-area: 1
    }

    .howto-list__item .item-head__ttl {
        gap: 4.2666666667vw;
        font-size: 0.9375rem;
    }

    .howto-list__item .item-head__ttl .cross:after,
    .howto-list__item .item-head__ttl .cross:before {
        transition: rotate .4s ease
    }

    .howto-list__item .item-head__desc {
        margin-top: 6.4vw
    }

    .howto-list__item .item-body__box {
        padding: 5.3333333333vw;
        gap: 6.4vw;
        border-radius: 4.2666666667vw
    }

    .howto-list__item .item-body__box dt {
        margin-bottom: 3.2vw
    }

    .howto-list__item .item-body__link {
        padding-bottom: 8.5333333333vw
    }

    .howto-list__item .item-body__link h4 {
        margin-bottom: 24px
    }

    .howto-list__item .item-body__link .link-wrap {
        gap: 6.4vw
    }

    .howto-list__item .item-body__link a {
        padding: 4.2666666667vw;
        gap: 3.2vw;
        border-radius: 3.2vw
    }

    .howto-list__item .item-body__link a:after {
        width: 4.2666666667vw;
        height: 4.2666666667vw
    }

    .howto-list__item .item-body__link a h5 {
        margin-bottom: 4.2666666667vw;
        gap: 2.1333333333vw
    }

    .howto-list__item .item-body__link a h5 .thumb {
        width: 13.8666666667vw
    }

    .howto-intro__pht {
        position: static;
        width: 100vw;
        margin: 0 calc(50% - 50vw)
    }

    .howto-intro__pht img {
        border-radius: 133.3333333333vw
    }

    .howto-intro__txt {
        margin-top: -12.8vw
    }

    .howto-intro__box {
        padding: 10.6666666667vw 8.5333333333vw;
        border-radius: 10.6666666667vw
    }

    .howto-intro__box .box-ttl {
        margin-bottom: 6.4vw;
        font-size: 1.25rem
    }

    .howto-intro__box .box-desc dl+dl {
        margin-top: 4.2666666667vw
    }

    .howto-intro__box .box-desc dt {
        margin-bottom: .5333333333vw
    }

    .intro-ttl {
        width: -moz-fit-content;
        width: fit-content;
        margin-bottom: 10.6666666667vw;
        margin-inline: auto;
        font-size: 1.5rem
    }

    .intro-lead {
        gap: 6.4vw
    }

    .intro-lead .item-pht img {
        border-radius: 37.8666666667vw
    }

    .intro-lead .item-txt {
        margin-top: 3.2vw;
        font-size: 1rem
    }

    .intro-link {
        display: block;
        padding-block: 4.2666666667vw
    }

    .intro-link li+li {
        margin-top: 6.4vw
    }

    .intro-bnr {
        margin: 0 calc(50% - 50vw);
        padding: 27.7333333333vw 6.4vw;
        border-radius: 0
    }

    .intro-bnr__inner {
        width: 100%;
        padding: 6.4vw;
        border-radius: 8.5333333333vw
    }

    .intro-bnr__ttl {
        margin-bottom: 6.4vw;
        font-size: 1.75rem;
    }

    .note-chart {
        padding-block: 12.8vw 17.0666666667vw;
        border-radius: 14.9333333333vw
    }

    .note-chart__ttl {
        width: -moz-fit-content;
        width: fit-content;
        margin-bottom: 4.2666666667vw;
        margin-inline: auto;
        font-size: 1.375rem;
    }

    .note-chart__lead {
        text-align: justify
    }

    .note-chart__pht {
        margin-top: 14.9333333333vw;
        overflow-x: auto
    }

    .note-chart__pht figure {
        width: 160vw;
        padding-inline: 3.2vw
    }

    .note-chart__desc {
        margin-top: 12.8vw;
        gap: .5333333333vw
    }

    .note-chart__desc dl {
        padding: 8.5333333333vw 6.4vw
    }

    .note-chart__desc dl:first-child {
        border-radius: 10.6666666667vw 10.6666666667vw 0 0
    }

    .note-chart__desc dl:last-child {
        border-radius: 0 0 10.6666666667vw 10.6666666667vw
    }

    .note-chart__desc dt {
        margin-bottom: 2.1333333333vw;
        font-size: 1rem;
        text-align: center
    }

    .note-chart__desc dd .txt {
        width: -moz-fit-content;
        width: fit-content;
        margin-inline: auto
    }

    .note-chart__desc dd .box {
        margin-top: 4.2666666667vw;
        padding: 4.2666666667vw 4.2666666667vw 6.4vw;
        border-radius: 3.2vw
    }

    .note-chart__desc dd .box-ttl {
        margin-bottom: 3.2vw;
        font-size: 0.875rem
    }

    .note-chart__desc dd .box-list li+li {
        margin-top: 2.1333333333vw
    }

    .note-intro__lead {
        margin-bottom: 12.8vw;
        font-size: 0.9375rem;
        text-align: justify
    }

    .note-intro .l-page-search__anchor li:not(:last-child) {
        padding-right: 3.2vw
    }

    .note-intro .l-page-search__anchor li:not(:last-child):after {
        display: block
    }

    .note-intro__list {
        margin-top: 19.2vw;
        gap: 10.6666666667vw
    }

    .note-intro__item {
        padding: 8.5333333333vw 6.4vw;
        gap: 6.4vw;
        border-radius: 10.6666666667vw
    }

    .note-intro__item .item-head {
        grid-template-columns: 29.3333333333vw 1fr;
        gap: 4.2666666667vw
    }

    .note-intro__item .item-head__txt .type {
        grid-template-columns: 9.6vw 1fr;
        gap: 1.0666666667vw;
        font-size: 1.2rem
    }

    .note-intro__item .item-head__txt .ttl {
        margin-top: 3.2vw;
        font-size: 1rem
    }

    .note-intro__item .item-head__txt .ttl small {
        font-size: 1.2rem
    }

    .note-intro__item .item-desc {
        text-align: justify
    }

    .note-intro__item .item-box {
        padding: 4.2666666667vw 5.3333333333vw;
        gap: 2.1333333333vw
    }

    .note-intro__item .item-box dt {
        text-align: center
    }

    .note-intro__item .item-btn {
        width: 100%
    }

    .season .season-how-wrapper {
        padding: 17.0666666667vw calc(50vw - 50%) 21.3333333333vw
    }

    .season .season-how-header {
        flex-direction: column-reverse;
        gap: 10.6666666667vw
    }

    .season .season-how-header__txt h2 {
        flex-direction: column;
        margin-bottom: 10.6666666667vw;
        gap: 4.2666666667vw
    }

    .season .season-how-header__txt h2 .en {
        font-size: 1.625rem;
        line-height: 1.2307692308
    }

    .season .season-how-header__txt h2 .ja {
        font-size: 0.6875rem;
        line-height: 1.0909090909
    }

    .season .season-how-header__txt p {
        max-width: none
    }

    .season .season-how-header figure img {
        border-radius: 80vw
    }

    .season .season-how-list {
        margin-top: 10.6666666667vw
    }

    .season .season-how-item {
        padding: 8.5333333333vw;
        gap: 8.5333333333vw;
        border-radius: 10.6666666667vw
    }

    .season .season-how-item,
    .season .season-how-item.-reverse {
        flex-direction: column-reverse
    }

    .season .season-how-item:not(:first-child) {
        margin-top: 8.5333333333vw
    }

    .season .season-how-item h3 {
        margin-bottom: 6.4vw;
        font-size: 1.25rem;
        line-height: 1.4
    }

    .season .season-how-item h4 {
        margin-bottom: 4.2666666667vw;
        font-size: 1rem;
        line-height: 1.25
    }

    .season .season-how-item h5 {
        margin-bottom: 2.1333333333vw
    }

    .season .season-how-item h5:not(:first-of-type) {
        margin-top: 3.2vw
    }

    .season .season-how-item__detail {
        grid-template-rows: 1fr auto;
        grid-template-columns: auto;
        margin-top: 8.5333333333vw;
        gap: 6.4vw
    }

    .season .season-how-item figure img {
        aspect-ratio: 4/3;
        border-radius: 4.2666666667vw
    }

    .season .season-how-other {
        flex-direction: column-reverse;
        margin-top: 12.8vw
    }

    .season .season-how-other__txt {
        position: static;
        left: 0;
        margin-top: 10.6666666667vw
    }

    .season .season-how-other__txt h3 {
        margin-top: 4.2666666667vw;
        font-size: 1.25rem;
        line-height: 1.6
    }

    .season .season-how-other__link {
        margin-top: 10.6666666667vw
    }

    .season .season-how-other figure img {
        border-radius: 80vw
    }

    .season .season-shopping-item {
        flex-direction: column-reverse;
        gap: 8.5333333333vw
    }

    .season .season-shopping-item:not(:first-child) {
        margin-top: 17.0666666667vw
    }

    .season .season-shopping-item__txt {
        flex-basis: auto;
        padding: 8.5333333333vw;
        border-radius: 10.6666666667vw
    }

    .season .season-shopping-item__txt h3 {
        margin-bottom: 6.4vw;
        font-size: 1.25rem;
        line-height: 1.4
    }

    .season .season-shopping-item__txt .price {
        margin-bottom: 6.4vw;
        font-size: 1rem;
        line-height: 1.5
    }

    .season .season-shopping-item__txt .price span {
        font-size: 1.5rem;
        line-height: 1.3333333333
    }

    .season .season-shopping-item__txt h4 {
        margin-top: 6.4vw;
        margin-bottom: 4.2666666667vw;
        font-size: 1rem;
        line-height: 1.25
    }

    .season .season-shopping-item__txt h4:first-of-type {
        margin-top: 8.5333333333vw
    }

    .season .season-shopping-item__txt .sizes {
        gap: 2.1333333333vw
    }

    .season .season-shopping-item__txt .sizes li {
        width: calc(33.33333% - 1.42222vw)
    }

    .season .season-shopping-item__txt .sizes p {
        margin-top: 2.1333333333vw
    }

    .season .season-shopping-item__txt .image>div {
        gap: 2.6666666667vw
    }

    .season .season-shopping-item__txt .image>div:not(:first-of-type) {
        margin-top: 1.0666666667vw
    }

    .season .season-shopping-item__txt .image>div dt {
        flex-basis: 21.3333333333vw
    }

    .season .season-shopping-item__txt .types {
        gap: 4.2666666667vw
    }

    .season .season-shopping-item__txt .type {
        gap: 2.1333333333vw
    }

    .season .season-shopping-item__txt .type:before {
        width: 1.6vw;
        height: 1.6vw
    }

    .season .season-shopping-item__txt h5 {
        margin-top: 4.2666666667vw;
        margin-bottom: 2.1333333333vw
    }

    .season .season-shopping-item__txt .link {
        margin-top: 10.6666666667vw
    }

    .season .season-shopping-item__txt .oil a {
        display: inline
    }

    .season .season-shopping-item>figure {
        position: static;
        flex-basis: auto
    }

    .season .collection-list {
        display: block
    }

    .season .collection-item:not(:first-child) {
        margin-top: 12.8vw
    }

    .season .collection-item figure {
        margin-bottom: 6.4vw
    }

    .season .collection-item figure img {
        border-radius: 46.4vw
    }

    .season .collection-item h3 {
        margin-bottom: 5.3333333333vw;
        font-size: 1rem;
        line-height: 1.25
    }

    .season .collection-item p {
        margin-bottom: 8.5333333333vw
    }

    .shop .shop-leadimg {
        margin-bottom: 21.3333333333vw;
        gap: 5.3333333333vw
    }

    .shop .shop-leadimg figure img {
        border-radius: 5.3333333333vw
    }

    .shop .shop-info {
        position: static;
        flex-direction: column;
        margin-bottom: 21.3333333333vw
    }

    .shop .shop-info__gallery {
        position: static;
        width: 100vw;
        height: 75vw;
        margin: 0 calc(50% - 50vw)
    }

    .shop .shop-info__gallery .splide__slide img {
        border-radius: 0
    }

    .shop .shop-info__gallery .splide__pagination {
        margin-top: 2.1333333333vw
    }

    .shop .shop-info__gallery .splide__pagination .splide__pagination__page {
        width: 1.0666666667vw;
        height: 1.0666666667vw
    }

    .shop .shop-info__gallery .splide__pagination .splide__pagination__page.is-active {
        width: 3.2vw;
        height: 1.0666666667vw
    }

    .shop .shop-info__text {
        margin-top: -6.4vw
    }

    .shop .shop-info__text .btn {
        margin-top: 12.8vw
    }

    .shop .shop-notebar {
        grid-template-columns: 1fr;
        gap: 10.6666666667vw
    }

    .shop .shop-notebar .text {
        order: 2
    }

    .shop .shop-notebar .btn {
        margin-top: 8.5333333333vw
    }

    .shop .shop-notebar figure {
        order: 1;
        margin-right: -6.4vw
    }

    .shop .shop-notebar figure img {
        aspect-ratio: 4/3;
        object-fit: cover;
        border-radius: 200px 0 0 200px
    }

    .u-pl-0 {
        padding-left: 0
    }

    .u-pt-0 {
        padding-top: 0
    }

    .u-pl-0 {
        padding-right: 0
    }

    .u-pb-0 {
        padding-bottom: 0
    }

    .u-ml-0 {
        margin-left: 0
    }

    .u-mt-0 {
        margin-top: 0
    }

    .u-mr-0 {
        margin-left: 0
    }

    .u-mb-0 {
        margin-bottom: 0
    }

    .u-pl-1 {
        padding-left: 1.0666666667vw
    }

    .u-pt-1 {
        padding-top: 1.0666666667vw
    }

    .u-pl-1 {
        padding-right: 1.0666666667vw
    }

    .u-pb-1 {
        padding-bottom: 1.0666666667vw
    }

    .u-ml-1 {
        margin-left: 1.0666666667vw
    }

    .u-mt-1 {
        margin-top: 1.0666666667vw
    }

    .u-mr-1 {
        margin-left: 1.0666666667vw
    }

    .u-mb-1 {
        margin-bottom: 1.0666666667vw
    }

    .u-pl-2 {
        padding-left: 2.1333333333vw
    }

    .u-pt-2 {
        padding-top: 2.1333333333vw
    }

    .u-pl-2 {
        padding-right: 2.1333333333vw
    }

    .u-pb-2 {
        padding-bottom: 2.1333333333vw
    }

    .u-ml-2 {
        margin-left: 2.1333333333vw
    }

    .u-mt-2 {
        margin-top: 2.1333333333vw
    }

    .u-mr-2 {
        margin-left: 2.1333333333vw
    }

    .u-mb-2 {
        margin-bottom: 2.1333333333vw
    }

    .u-pl-3 {
        padding-left: 3.2vw
    }

    .u-pt-3 {
        padding-top: 3.2vw
    }

    .u-pl-3 {
        padding-right: 3.2vw
    }

    .u-pb-3 {
        padding-bottom: 3.2vw
    }

    .u-ml-3 {
        margin-left: 3.2vw
    }

    .u-mt-3 {
        margin-top: 3.2vw
    }

    .u-mr-3 {
        margin-left: 3.2vw
    }

    .u-mb-3 {
        margin-bottom: 3.2vw
    }

    .u-pl-4 {
        padding-left: 4.2666666667vw
    }

    .u-pt-4 {
        padding-top: 4.2666666667vw
    }

    .u-pl-4 {
        padding-right: 4.2666666667vw
    }

    .u-pb-4 {
        padding-bottom: 4.2666666667vw
    }

    .u-ml-4 {
        margin-left: 4.2666666667vw
    }

    .u-mt-4 {
        margin-top: 4.2666666667vw
    }

    .u-mr-4 {
        margin-left: 4.2666666667vw
    }

    .u-mb-4 {
        margin-bottom: 4.2666666667vw
    }

    .u-pl-5 {
        padding-left: 5.3333333333vw
    }

    .u-pt-5 {
        padding-top: 5.3333333333vw
    }

    .u-pl-5 {
        padding-right: 5.3333333333vw
    }

    .u-pb-5 {
        padding-bottom: 5.3333333333vw
    }

    .u-ml-5 {
        margin-left: 5.3333333333vw
    }

    .u-mt-5 {
        margin-top: 5.3333333333vw
    }

    .u-mr-5 {
        margin-left: 5.3333333333vw
    }

    .u-mb-5 {
        margin-bottom: 5.3333333333vw
    }

    .u-pl-6 {
        padding-left: 6.4vw
    }

    .u-pt-6 {
        padding-top: 6.4vw
    }

    .u-pl-6 {
        padding-right: 6.4vw
    }

    .u-pb-6 {
        padding-bottom: 6.4vw
    }

    .u-ml-6 {
        margin-left: 6.4vw
    }

    .u-mt-6 {
        margin-top: 6.4vw
    }

    .u-mr-6 {
        margin-left: 6.4vw
    }

    .u-mb-6 {
        margin-bottom: 6.4vw
    }

    .u-pl-7 {
        padding-left: 7.4666666667vw
    }

    .u-pt-7 {
        padding-top: 7.4666666667vw
    }

    .u-pl-7 {
        padding-right: 7.4666666667vw
    }

    .u-pb-7 {
        padding-bottom: 7.4666666667vw
    }

    .u-ml-7 {
        margin-left: 7.4666666667vw
    }

    .u-mt-7 {
        margin-top: 7.4666666667vw
    }

    .u-mr-7 {
        margin-left: 7.4666666667vw
    }

    .u-mb-7 {
        margin-bottom: 7.4666666667vw
    }

    .u-pl-8 {
        padding-left: 8.5333333333vw
    }

    .u-pt-8 {
        padding-top: 8.5333333333vw
    }

    .u-pl-8 {
        padding-right: 8.5333333333vw
    }

    .u-pb-8 {
        padding-bottom: 8.5333333333vw
    }

    .u-ml-8 {
        margin-left: 8.5333333333vw
    }

    .u-mt-8 {
        margin-top: 8.5333333333vw
    }

    .u-mr-8 {
        margin-left: 8.5333333333vw
    }

    .u-mb-8 {
        margin-bottom: 8.5333333333vw
    }

    .u-pl-9 {
        padding-left: 9.6vw
    }

    .u-pt-9 {
        padding-top: 9.6vw
    }

    .u-pl-9 {
        padding-right: 9.6vw
    }

    .u-pb-9 {
        padding-bottom: 9.6vw
    }

    .u-ml-9 {
        margin-left: 9.6vw
    }

    .u-mt-9 {
        margin-top: 9.6vw
    }

    .u-mr-9 {
        margin-left: 9.6vw
    }

    .u-mb-9 {
        margin-bottom: 9.6vw
    }

    .u-pl-10 {
        padding-left: 10.6666666667vw
    }

    .u-pt-10 {
        padding-top: 10.6666666667vw
    }

    .u-pl-10 {
        padding-right: 10.6666666667vw
    }

    .u-pb-10 {
        padding-bottom: 10.6666666667vw
    }

    .u-ml-10 {
        margin-left: 10.6666666667vw
    }

    .u-mt-10 {
        margin-top: 10.6666666667vw
    }

    .u-mr-10 {
        margin-left: 10.6666666667vw
    }

    .u-mb-10 {
        margin-bottom: 10.6666666667vw
    }

    .u-text-link[target=_blank]:after {
        top: .2em;
        width: 4.2666666667vw
    }

    .u-text-link[href$=".pdf"]:after {
        width: 4.2666666667vw
    }
}

@media print,
screen and (min-width:768px) {
    body {
        min-width: 1200px
    }

    a[href^="tel:"] {
        text-decoration: none;
        pointer-events: none
    }

    .l-sm {
        display: none !important
    }

    .l-foot-contact__list {
        grid-template-columns: repeat(3, 1fr)
    }

    .l-header {
        min-width: 1200px
    }

    .l-header__info {
        height: 70px;
        padding-top: 20px
    }

    .l-nav-menu__list {
        display: grid;
        grid-template-columns: repeat(4, auto);
        grid-auto-rows: auto;
        justify-content: space-between;
        gap: 24px
    }

    .l-nav-menu__item .wrap+.wrap {
        margin-top: 40px
    }

    .l-nav-menu__item .parent+.parent {
        margin-top: 24px
    }

    .l-nav-menu__item .parent+.child {
        margin-top: 32px
    }

    .l-nav-menu__item .child-list.-type {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 32px
    }

    .l-nav-menu__item .child-list.-type>li:nth-of-type(2) {
        grid-area: 1/2/3/3
    }

    .l-page-head__ttl {
        padding-top: max(3.3333333333vw, 48px)
    }

    .l-page-head__ttl .en span {
        translate: 0 -5%
    }

    .l-page-lead {
        text-align: center
    }

    .l-page-search__anchor li:not(:last-child) {
        padding-right: 32px
    }

    .c-btn-base {
        min-width: 308px
    }

    .c-btn-box {
        min-width: 324px
    }

    .c-list-horz__item {
        display: flex;
        align-items: center
    }

    .c-list-horz__item:nth-child(2n) {
        flex-direction: row-reverse
    }

    .c-list-horz__item:nth-child(2n) .item-txt {
        margin-inline: 0 -40px
    }

    .c-list-horz__item .item-txt {
        flex: 1;
        margin-inline: -40px 0
    }

    .c-list-horz.intro-list .c-list-horz__item+.c-list-horz__item {
        margin-top: 0
    }

    .c-list-horz.intro-list .c-list-horz__item:nth-child(odd) {
        flex-direction: row-reverse
    }

    .c-list-horz.intro-list .c-list-horz__item:nth-child(odd) .item-txt {
        margin-inline: 0 -40px
    }

    .c-list-horz.intro-list .c-list-horz__item:nth-child(2n) {
        flex-direction: row
    }

    .c-list-horz.intro-list .c-list-horz__item:nth-child(2n) .item-txt {
        margin-inline: -40px 0
    }

    .js-scroll.-delay-01 {
        transition-delay: .2s
    }

    .js-scroll.-delay-02 {
        transition-delay: .4s
    }

    .js-scroll.-delay-03 {
        transition-delay: .6s
    }

    .js-scroll.-delay-04 {
        transition-delay: .8s
    }

    .js-scroll.-delay-05 {
        transition-delay: 1s
    }

    .js-scroll.-delay-06 {
        transition-delay: 1.2s
    }

    .cat-sec__head {
        grid-template-columns: 348px 1fr
    }

    .cat-sec__list {
        grid-template-columns: repeat(3, 1fr)
    }

    .cat-sec__item a {
        font-size: 1rem
    }

    .howto-list {
        display: flex;
        justify-content: center;
        gap: 16px
    }

    :where(.howto-list__item) {
        width: calc(33.33333% - 10.66667px);
        transition: width .4s ease;
        will-change: width
    }

    .howto-list__item .item-head .item-inner {
        display: flex;
        flex-wrap: wrap
    }

    .howto-list__item .item-head__pht {
        height: 398px;
        transition: width .4s ease, height .4s ease
    }

    .howto-list__item .item-head__txt {
        flex: 1
    }

    .howto-list__item .item-head__ttl {
        flex: 1;
        cursor: pointer
    }

    .howto-list__item .item-body__box,
    .howto-list__item .item-body__link .link-wrap {
        grid-template-columns: 1fr 1fr
    }

    .howto-intro__txt {
        max-width: 480px;
        margin-left: auto;
        padding-top: 130px
    }

    .js-panel-wrap:has(.is-opened) .js-panel-item:not(.is-opened) {
        width: 12.1035058431%
    }

    .js-panel-wrap:has(.is-opened) .js-panel-item:not(.is-opened) .item-head__pht {
        height: 364px
    }

    .js-panel-wrap:has(.is-opened) .js-panel-item:not(.is-opened) .item-head__ttl .cross {
        display: none
    }

    .js-panel-wrap:has(.is-opened) .js-panel-item:not(.is-opened) .item-head__desc {
        display: none
    }

    .js-panel-item:not(.is-opened) {
        cursor: pointer
    }

    .js-panel-item.is-opened {
        width: 73.121869783%
    }

    .js-panel-item.is-opened .js-panel-target {
        display: block
    }

    .js-panel-item.is-opened .item-head__pht {
        width: 34.6733668342%;
        height: 184px
    }

    .js-panel-item.is-opened .item-head__ttl .cross:before {
        rotate: 90deg
    }

    .js-panel-target {
        display: none
    }

    .intro-ttl {
        text-align: center
    }

    .intro-lead,
    .intro-link {
        grid-template-columns: repeat(3, 1fr)
    }

    .intro-link {
        display: grid;
        justify-content: space-between;
        gap: 24px
    }

    .intro-bnr .c-btn-base {
        width: 360px
    }

    .note-chart__desc {
        grid-template-columns: repeat(3, 1fr)
    }

    .note-intro__lead {
        text-align: center
    }

    .note-intro__list {
        grid-template-columns: repeat(2, 1fr)
    }

    .note-intro__item .item-box {
        grid-template-columns: 80px 1fr
    }

    .note-intro__item .item-box dt {
        border-right: 1px solid #baabb2
    }

    .note-intro__item .item-btn .c-btn-box {
        width: 400px
    }

    .season .collection-item:nth-child(2) {
        transition-delay: .2s
    }

    .season .collection-item:nth-child(3) {
        transition-delay: .4s
    }
}

@media(-webkit-min-device-pixel-ratio:2), (min-resolution:2dppx) {
    body {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }
}

@media(hover:hover) {
    .l-breadcrumbs li a:hover {
        opacity: .6
    }

    .l-foot-contact__item .item-btn a:hover {
        opacity: .8
    }

    .l-footer__sns a:hover,
    .l-nav-lg a:not(.detail-item__pht):hover {
        opacity: .6
    }

    .l-nav-lg .detail-item__pht:hover img {
        scale: 1.1
    }

    .l-nav-menu__list a:hover {
        opacity: .6
    }

    .l-page-search__form button:hover {
        background-color: #313335
    }

    .l-page-search__anchor li a:hover {
        opacity: .6
    }

    .c-btn-base:hover {
        border-color: #4a4d4f
    }

    .c-btn-base:hover:after {
        translate: 50%
    }

    .c-btn-box:hover {
        background-color: #ebe6e8
    }

    .c-btn-box:hover:after {
        translate: 50%
    }

    .c-btn-icon:hover {
        opacity: .8
    }

    .cat-sec__item a:hover img {
        scale: 1.1
    }

    .cat-sec__item a:hover:after {
        translate: 50%
    }

    .cat-order__item a:hover,
    .howto-list__item .item-body__link a:hover {
        opacity: .6
    }

    .season .season-shopping-item__txt .sizes a:hover img {
        scale: 1.1
    }

    .season .season-shopping-item__txt .oil a:hover {
        -webkit-text-decoration-color: transparent;
        text-decoration-color: transparent
    }

    .shop .shop-info__text .map a:hover,
    .u-text-link:hover {
        text-decoration: none
    }
}

@media print and (hover:none)and (orientation:portrait),
screen and (min-width:768px)and (hover:none)and (orientation:portrait) {
    .l-nav-lg {
        font-size: 1.3rem
    }

    .l-nav-lg__list {
        gap: 8px
    }
}

@media print and (hover:hover),
screen and (min-width:768px)and (hover:hover) {
    .js-panel-item:not(.is-opened):hover .cross {
        background-color: #baabb2
    }

    .js-panel-item:not(.is-opened):hover .cross:after,
    .js-panel-item:not(.is-opened):hover .cross:before {
        background-color: #fff
    }

    .js-panel-trigger:hover .cross {
        background-color: #baabb2
    }

    .js-panel-trigger:hover .cross:after,
    .js-panel-trigger:hover .cross:before {
        background-color: #fff
    }
}