/* スマホのメニュー(MENU で開く窓)の中身 */
.sd.backdrop-2153c0 { background: rgba(0,0,0,0.16); height: 100%; justify-content: center; width: 100%; max-width: 100%; }
.sd.el-ef4611 { background: var(--s-color-61a46863); flex: none; height: auto; margin: 0 0 0 0; position: sticky; scale: 1e-10 1; top: 0; transform-origin: center right; transition-delay: 300ms; transition-duration: 1000ms; width: 100%; z-index: 3; max-width: 100%; }
.sd.el-ef4611.appear { scale: 1 1; }
.sd.el-ef4611&appear-active { transform-origin: center right; }
@media screen and (max-width: 840px) {
  .sd.el-ef4611 { left: 0px; top: 0px; }
}
.sd.el-b23f10 { bottom: auto; color: var(--s-color-92a7f007); flex: none; font-size: 24px; height: auto; left: auto; margin: 0 0 0 0; padding: 24px; position: fixed; right: 0px; top: 0px; transition-delay: 300ms; transition-duration: 800ms; width: auto; max-width: 100%; }
.sd.el-b23f10.appear { opacity: 0; }
.sd.el-215f35 { align-content: center; align-items: center; background: var(--s-color-beb10372); border-radius: 0; box-shadow: 0px 6px 15px 0px rgba(0,0,0,0.2); flex: none; flex-direction: column; flex-wrap: nowrap; height: 100%; justify-content: flex-start; margin: 0px; opacity: 1; overflow-x: hidden; overflow-y: auto; padding: 0; width: 100%; z-index: 1; max-width: 100%; }
.sd.el-edf361 { align-content: center; align-items: center; border-bottom: 0px solid var(--s-color-7488a796); border-left: 0px solid var(--s-color-7488a796); border-right: 0px solid var(--s-color-7488a796); border-top: 0px solid var(--s-color-7488a796); flex: none; flex-direction: column; flex-wrap: nowrap; justify-content: center; margin: 48px 0px 24px 0px; padding: 0px; width: 100%; z-index: 1; max-width: 100%; }
@media screen and (max-width: 840px) {
  .sd.el-edf361 { display: flex; }
}
@media screen and (max-width: 540px) {
  .sd.el-edf361 { display: flex; }
}
.sd.el-017436 { flex: none; padding: 0px; width: 100%; max-width: 100%; }
.sd.link-0175de { align-content: center; align-items: center; flex: none; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; padding: 24px 48px 24px; width: 100%; max-width: 100%; }
@media screen and (max-width: 540px) {
  .sd.link-0175de { padding: 24px 24px 24px; }
}
.sd.text-9f64b2 { color: var(--s-color-7488a796); flex: none; font-family: var(--s-font-d387890c); font-size: 16px; font-weight: 600; height: auto; letter-spacing: 0.15em; line-height: 1.4; margin: 0px 6px 0px 0px; padding: 0px 0px 0px; text-align: left; width: auto; max-width: calc(100% - 6px); justify-content: flex-start; }
.sd.text-9f64b2:hover { opacity: 0.5; }
.sd.el-ae54ef { align-content: center; align-items: center; background: var(--s-color-ff929267); flex: none; flex-direction: row; flex-wrap: wrap; gap: 24px; justify-content: flex-start; margin: 0px 0px 0px 0px; padding: 48px 48px 48px; width: 100%; --gap-h-el-ae54ef: 24px; --gap-v-el-ae54ef: 24px; max-width: 100%; }
@media screen and (max-width: 840px) {
  .sd.el-ae54ef { display: flex; --gap-h-el-ae54ef: 24px; --gap-v-el-ae54ef: 24px; }
}
@media screen and (max-width: 540px) {
  .sd.el-ae54ef { align-content: flex-start; align-items: flex-start; display: flex; flex-direction: row; flex-wrap: wrap; padding: 48px 24px 48px; --gap-h-el-ae54ef: 24px; --gap-v-el-ae54ef: 24px; }
}
.sd.link-ff8856 { color: var(--s-color-7488a796); font-family: var(--s-font-d387890c); font-size: 14px; font-weight: 600; height: auto; letter-spacing: 0.15em; line-height: 1.4; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-align: center; width: auto; max-width: 100%; justify-content: center; }
.sd.link-ff8856:hover { opacity: 0.5; }
@media screen and (max-width: 840px) {
  .sd.link-ff8856 { display: flex; }
}
@media screen and (max-width: 540px) {
  .sd.link-ff8856 { display: flex; }
}