/*!*********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/sass-loader/dist/cjs/index.js??ruleSet[1].rules[1].use[3]!./src/pages/content/dam/casio/global/moflin/rev2/css/common.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --moflin-c-text: #464646;
  --moflin-c-text-dark: #3c3c3c;
  --moflin-c-sub: #717279;
  --moflin-c-white: #ffffff;
  --moflin-c-black: #000000;
  --moflin-c-coral: #dd9b8c;
  --moflin-c-border: #d7d8dc;
  --moflin-c-border-dark: #b8b9bd;
  --moflin-c-border-light: #dddddd;
  --moflin-c-bg-nav: #f4f4f4;
  --moflin-c-bg-gray: #f4f4f4;
  --moflin-c-bg-lgray: #f6f3f1;
  --moflin-c-bg-dgray: #717171;
  --moflin-c-bg-beige: #faf0e6;
  --moflin-c-bg-pink: #dd9b8c;
  --moflin-c-bg-green: #f9fce6;
  --moflin-c-bg-hover: #f9f9f9;
  --moflin-c-bg-pale: #f2f2f2;
  --moflin-c-nav-dim: rgba(0, 0, 0, 0.5);
  --moflin-c-modal-overlay: rgba(0, 0, 0, 0.85);
  --moflin-c-about-gray: #8b8f99;
  --moflin-c-about-progress: #707070;
  --moflin-c-about-time: #303030;
  --moflin-c-gray: #717171;
  --moflin-c-owners-pink: #eecdc6;
  --moflin-c-products-tag: #eed3c8;
  --moflin-c-products-cart-hover: #ffd7d0;
  --moflin-c-collection-mori: #f29c8d;
  --moflin-c-collection-mori-dark: #dd9b8b;
  --moflin-c-collection-mofsanpo: #8f9c6e;
  --moflin-c-collection-mofsanpo-light: #c2c9a7;
  --moflin-c-collection-mori-season: #8c837d;
  --moflin-c-himitsu-bg: #f7f7f8;
  --moflin-c-himitsu-gray: #898a90;
  --moflin-c-himitsu-gray-dark: #7c7d83;
  --moflin-c-graph-orange: #ffb764;
  --moflin-c-graph-gray: #aaabaf;
  --moflin-c-graph-gray-light: #c6c7ca;
  --moflin-c-graph-gray-pale: #e3e3e4;
  --moflin-c-graph-yellow: #f1d558;
  --moflin-c-graph-green: #46d3b0;
  --moflin-c-graph-blue: #57c8ff;
  --moflin-c-graph-purple: #bb97db;
  --moflin-font-base: Lexend Deca, Noto Sans JP, sans-serif;
  --moflin-font-jp: Noto Sans JP, sans-serif;
  --moflin-fs-h1: 56px;
  --moflin-fs-sp-h1: 8.7179487179vw;
  --moflin-fs-h2: 48px;
  --moflin-fs-sp-h2: 8.2051282051vw;
  --moflin-fs-12: 12px;
  --moflin-fs-sp-12: 3.0769230769vw;
  --moflin-fs-13: 13px;
  --moflin-fs-sp-13: 3.3333333333vw;
  --moflin-fs-14: 14px;
  --moflin-fs-sp-14: 3.5897435897vw;
  --moflin-fs-15: 15px;
  --moflin-fs-sp-15: 3.8461538462vw;
  --moflin-fs-16: 16px;
  --moflin-fs-sp-16: 4.1025641026vw;
  --moflin-fs-18: 18px;
  --moflin-fs-sp-18: 4.6153846154vw;
  --moflin-fs-20: 20px;
  --moflin-fs-sp-20: 5.1282051282vw;
  --moflin-fs-22: 22px;
  --moflin-fs-sp-22: 5.641025641vw;
  --moflin-fs-24: 24px;
  --moflin-fs-sp-24: 6.1538461538vw;
  --moflin-fs-28: 28px;
  --moflin-fs-sp-28: 7.1794871795vw;
  --moflin-fs-32: 32px;
  --moflin-fs-sp-32: 8.2051282051vw;
}

#moflin .switch-container.is-bg-beige {
  background-color: var(--moflin-c-bg-beige);
}

#moflin .aem-GridColumn:has(+ .aem-GridColumn > .switch-container.is-curve-under.is-bg-beige) {
  background: linear-gradient(var(--moflin-c-bg-beige), var(--moflin-c-bg-beige)) left bottom/100% 80px no-repeat;
}
@media (max-width: 767px) {
  #moflin .aem-GridColumn:has(+ .aem-GridColumn > .switch-container.is-curve-under.is-bg-beige) {
    background-size: 100% 3.0769230769vw;
  }
}

#moflin .switch-container.is-bg-gray {
  background-color: var(--moflin-c-bg-gray);
}

#moflin .aem-GridColumn:has(+ .aem-GridColumn > .switch-container.is-curve-under.is-bg-gray) {
  background: linear-gradient(var(--moflin-c-bg-gray), var(--moflin-c-bg-gray)) left bottom/100% 80px no-repeat;
}
@media (max-width: 767px) {
  #moflin .aem-GridColumn:has(+ .aem-GridColumn > .switch-container.is-curve-under.is-bg-gray) {
    background-size: 100% 3.0769230769vw;
  }
}

#moflin .switch-container.is-bg-pink {
  background-color: var(--moflin-c-bg-pink);
}

#moflin .aem-GridColumn:has(+ .aem-GridColumn > .switch-container.is-curve-under.is-bg-pink) {
  background: linear-gradient(var(--moflin-c-bg-pink), var(--moflin-c-bg-pink)) left bottom/100% 80px no-repeat;
}
@media (max-width: 767px) {
  #moflin .aem-GridColumn:has(+ .aem-GridColumn > .switch-container.is-curve-under.is-bg-pink) {
    background-size: 100% 3.0769230769vw;
  }
}

#moflin .switch-container.is-bg-dgray {
  background-color: var(--moflin-c-bg-dgray);
}

#moflin .aem-GridColumn:has(+ .aem-GridColumn > .switch-container.is-curve-under.is-bg-dgray) {
  background: linear-gradient(var(--moflin-c-bg-dgray), var(--moflin-c-bg-dgray)) left bottom/100% 80px no-repeat;
}
@media (max-width: 767px) {
  #moflin .aem-GridColumn:has(+ .aem-GridColumn > .switch-container.is-curve-under.is-bg-dgray) {
    background-size: 100% 3.0769230769vw;
  }
}

#moflin .switch-container.is-bg-green {
  background-color: var(--moflin-c-bg-green);
}

#moflin .aem-GridColumn:has(+ .aem-GridColumn > .switch-container.is-curve-under.is-bg-green) {
  background: linear-gradient(var(--moflin-c-bg-green), var(--moflin-c-bg-green)) left bottom/100% 80px no-repeat;
}
@media (max-width: 767px) {
  #moflin .aem-GridColumn:has(+ .aem-GridColumn > .switch-container.is-curve-under.is-bg-green) {
    background-size: 100% 3.0769230769vw;
  }
}

#moflin .switch-container.is-bg-lgray {
  background-color: var(--moflin-c-bg-lgray);
}

#moflin .aem-GridColumn:has(+ .aem-GridColumn > .switch-container.is-curve-under.is-bg-lgray) {
  background: linear-gradient(var(--moflin-c-bg-lgray), var(--moflin-c-bg-lgray)) left bottom/100% 80px no-repeat;
}
@media (max-width: 767px) {
  #moflin .aem-GridColumn:has(+ .aem-GridColumn > .switch-container.is-curve-under.is-bg-lgray) {
    background-size: 100% 3.0769230769vw;
  }
}

#moflin .switch-container.is-bg-grid {
  background: linear-gradient(var(--moflin-c-bg-gray) 1px, transparent 1px) left top/15px 15px, linear-gradient(90deg, var(--moflin-c-bg-gray) 1px, transparent 1px) left top/15px 15px, var(--moflin-c-white);
}

#moflin .aem-GridColumn:has(+ .aem-GridColumn > .switch-container.is-curve-under.is-bg-grid) {
  position: relative;
  isolation: isolate;
}
#moflin .aem-GridColumn:has(+ .aem-GridColumn > .switch-container.is-curve-under.is-bg-grid)::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  height: 80px;
  background: linear-gradient(var(--moflin-c-bg-gray) 1px, transparent 1px) left top/15px 15px, linear-gradient(90deg, var(--moflin-c-bg-gray) 1px, transparent 1px) left top/15px 15px, var(--moflin-c-white);
}
@media (max-width: 767px) {
  #moflin .aem-GridColumn:has(+ .aem-GridColumn > .switch-container.is-curve-under.is-bg-grid)::after {
    height: 3.0769230769vw;
  }
}

#moflin .switch-container:is(.is-curve-top-up, .is-curve-top-down, .is-curve-bottom-down, .is-curve-bottom-up) {
  --curve-h: 80px;
  --curve-rx: 55%;
  --curve-top: linear-gradient(#000, #000);
  --curve-bottom: linear-gradient(#000, #000);
  --curve-top-h: 0px;
  --curve-bottom-h: 0px;
  -webkit-mask-image: var(--curve-top), linear-gradient(#000, #000), var(--curve-bottom);
          mask-image: var(--curve-top), linear-gradient(#000, #000), var(--curve-bottom);
  -webkit-mask-position: 0 0, 0 var(--curve-top-h), 0 100%;
          mask-position: 0 0, 0 var(--curve-top-h), 0 100%;
  -webkit-mask-size: 100% var(--curve-top-h), 100% calc(100% - var(--curve-top-h) - var(--curve-bottom-h)), 100% var(--curve-bottom-h);
          mask-size: 100% var(--curve-top-h), 100% calc(100% - var(--curve-top-h) - var(--curve-bottom-h)), 100% var(--curve-bottom-h);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}
@media (max-width: 767px) {
  #moflin .switch-container:is(.is-curve-top-up, .is-curve-top-down, .is-curve-bottom-down, .is-curve-bottom-up) {
    --curve-h: 3.0769230769vw;
  }
}
#moflin .switch-container:is(.is-curve-top-up, .is-curve-top-down) {
  --curve-top-h: var(--curve-h);
}
#moflin .switch-container:is(.is-curve-bottom-down, .is-curve-bottom-up) {
  --curve-bottom-h: var(--curve-h);
}
#moflin .switch-container.is-curve-top-up {
  --curve-top: radial-gradient(var(--curve-rx) 100% at 50% 100%, #000 99%, transparent 100%);
}
#moflin .switch-container.is-curve-top-down {
  --curve-top: radial-gradient(var(--curve-rx) 100% at 50% 0, transparent 99%, #000 100%);
}
#moflin .switch-container.is-curve-bottom-down {
  --curve-bottom: radial-gradient(var(--curve-rx) 100% at 50% 0, #000 99%, transparent 100%);
}
#moflin .switch-container.is-curve-bottom-up {
  --curve-bottom: radial-gradient(var(--curve-rx) 100% at 50% 100%, transparent 99%, #000 100%);
}
#moflin .switch-container:is(.is-bg-beige, .is-bg-gray, .is-bg-green, .is-bg-lgray):is(.is-curve-top-up, .is-curve-top-down) {
  padding-top: var(--curve-h);
}
#moflin .switch-container:is(.is-bg-beige, .is-bg-gray, .is-bg-green, .is-bg-lgray):is(.is-curve-bottom-down, .is-curve-bottom-up) {
  padding-bottom: var(--curve-h);
}

#moflin {
  font-feature-settings: "palt";
}

#moflin .switch-container.is-inr {
  box-sizing: content-box;
  max-width: 1000px;
  margin-right: auto;
  margin-left: auto;
  padding-right: 20px;
  padding-left: 20px;
}
@media (max-width: 767px) {
  #moflin .switch-container.is-inr {
    padding-right: 5.1282051282vw;
    padding-left: 5.1282051282vw;
  }
}
#moflin .switch-container.is-inr .switch-container.is-inr {
  max-width: none;
  padding-right: 0;
  padding-left: 0;
}

#moflin .switch-container.is-grid .aem-Grid {
  width: auto;
}
#moflin .switch-container.is-grid .aem-Grid::before, #moflin .switch-container.is-grid .aem-Grid::after {
  content: none;
}
#moflin .switch-container.is-grid .aem-GridColumn {
  float: none;
  clear: none;
  width: auto;
  margin: 0;
}
#moflin .switch-container.is-grid > .cmp-container > .aem-Grid {
  display: grid;
  grid-template-columns: var(--grid-cols, 1fr 1fr);
  align-items: center;
  gap: var(--grid-gap, 40px);
}
@media (max-width: 767px) {
  #moflin .switch-container.is-grid > .cmp-container > .aem-Grid {
    grid-template-columns: 1fr;
    gap: var(--grid-gap-sp, 8.2051282051vw);
  }
}

#moflin .switch-container.is-read {
  padding: 32px 0 96px;
}
@media (max-width: 767px) {
  #moflin .switch-container.is-read {
    padding: 6.1538461538vw 0 14.358974359vw;
  }
}
#moflin .switch-container.is-read .is-title {
  margin-bottom: 64px;
}
@media (max-width: 767px) {
  #moflin .switch-container.is-read .is-title {
    margin-bottom: 10.2564102564vw;
  }
}
#moflin .switch-container.is-read .is-title h1 + p {
  margin-top: 24px;
}
@media (max-width: 767px) {
  #moflin .switch-container.is-read .is-title h1 + p {
    margin-top: 8.2051282051vw;
  }
}

#moflin .switch-container.is-title {
  color: var(--moflin-c-text);
  font-family: var(--moflin-font-base);
  text-align: center;
}
#moflin .switch-container.is-title .cmp-text :is(h1, h2) {
  margin: 0;
  padding: 0;
  color: inherit;
  font-weight: 700;
  font-feature-settings: "palt";
  letter-spacing: 0.06em;
}
#moflin .switch-container.is-title .cmp-text h1 {
  display: inline-block;
  padding-bottom: 8px;
  border-bottom: 5px solid var(--moflin-c-coral);
  font-size: var(--moflin-fs-h1);
  line-height: 1.5;
}
@media (max-width: 767px) {
  #moflin .switch-container.is-title .cmp-text h1 {
    padding-bottom: 2.0512820513vw;
    border-bottom: 1.2820512821vw solid var(--moflin-c-coral);
    font-size: var(--moflin-fs-sp-h1);
    white-space: nowrap;
  }
}
#moflin .switch-container.is-title .cmp-text h2 {
  font-size: var(--moflin-fs-h2);
  line-height: 1.5;
}
@media (max-width: 767px) {
  #moflin .switch-container.is-title .cmp-text h2 {
    font-size: var(--moflin-fs-sp-h2);
  }
}
#moflin .switch-container.is-title .cmp-text h2::after {
  content: "";
  display: block;
  width: 40px;
  height: 6px;
  margin: 16px auto 0;
  background: var(--moflin-c-coral);
}
@media (max-width: 767px) {
  #moflin .switch-container.is-title .cmp-text h2::after {
    margin: 2.0512820513vw auto 0;
    width: 9.2307692308vw;
    height: 1.2820512821vw;
  }
}
#moflin .switch-container.is-title .cmp-text p {
  width: auto;
  overflow: visible;
  white-space: normal;
  text-overflow: clip;
  margin: 32px 0 0;
  color: inherit;
  font-family: var(--moflin-font-jp);
  font-size: var(--moflin-fs-16);
  line-height: 1.8;
  letter-spacing: 0.06em;
}
@media (max-width: 767px) {
  #moflin .switch-container.is-title .cmp-text p {
    margin: 4.1025641026vw 0 0;
    font-size: var(--moflin-fs-sp-16);
    line-height: 1.8;
    letter-spacing: 0.06em;
  }
}

#moflin .switch-container.is-anchor-menu .aem-Grid {
  width: auto;
}
#moflin .switch-container.is-anchor-menu .aem-Grid::before, #moflin .switch-container.is-anchor-menu .aem-Grid::after {
  content: none;
}
#moflin .switch-container.is-anchor-menu .aem-GridColumn {
  float: none;
  clear: none;
  width: auto;
  margin: 0;
}
#moflin .switch-container.is-anchor-menu {
  max-width: 800px;
  margin: 0 auto;
  overflow: hidden;
  border-radius: 8px;
  background: var(--moflin-c-bg-nav);
  font-family: var(--moflin-font-base);
}
#moflin .switch-container.is-anchor-menu > .cmp-container > .aem-Grid {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 1fr;
}
@media (max-width: 767px) {
  #moflin .switch-container.is-anchor-menu > .cmp-container > .aem-Grid {
    grid-auto-flow: row;
    padding: 2.0512820513vw 4.6153846154vw;
  }
}
#moflin .switch-container.is-anchor-menu .button + .button {
  border-left: 1px solid var(--moflin-c-border);
}
@media (max-width: 767px) {
  #moflin .switch-container.is-anchor-menu .button + .button {
    border-top: 1px solid var(--moflin-c-border);
    border-left: 0;
  }
}
#moflin .switch-container.is-anchor-menu.is-3 {
  max-width: 1200px;
}
@media (min-width: 768px) {
  #moflin .switch-container.is-anchor-menu.is-3 > .cmp-container > .aem-Grid {
    grid-template-columns: repeat(3, 1fr);
    grid-auto-flow: row;
  }
}
@media (min-width: 768px) {
  #moflin .switch-container.is-anchor-menu.is-3 .button:nth-child(3n+1) {
    border-left: 0;
  }
  #moflin .switch-container.is-anchor-menu.is-3 .button {
    box-shadow: 0 1px 0 var(--moflin-c-border);
  }
  #moflin .switch-container.is-anchor-menu.is-3 .button:last-child:nth-child(3n+2) {
    box-shadow: 0 1px 0 var(--moflin-c-border), 1px 0 0 var(--moflin-c-border);
  }
}
@media (max-width: 767px) {
  #moflin .switch-container.is-anchor-menu.is-3 {
    max-width: 307.6923076923vw;
  }
}
@media (min-width: 768px) {
  #moflin .switch-container.is-anchor-menu.is-2 > .cmp-container > .aem-Grid {
    grid-template-columns: repeat(2, 1fr);
    grid-auto-flow: row;
  }
}
@media (min-width: 768px) {
  #moflin .switch-container.is-anchor-menu.is-2 .button:nth-child(2n+1) {
    border-left: 0;
  }
  #moflin .switch-container.is-anchor-menu.is-2 .button {
    box-shadow: 0 1px 0 var(--moflin-c-border);
  }
}
#moflin .switch-container.is-anchor-menu .cmp-button {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
  min-width: 0;
  min-height: 64px;
  margin: 0;
  padding: 12px 16px;
  border: 0;
  border-radius: 0;
  background: none;
  color: var(--moflin-c-text);
  text-align: left;
  text-decoration: none;
}
@media (max-width: 767px) {
  #moflin .switch-container.is-anchor-menu .cmp-button {
    gap: 3.0769230769vw;
    min-height: 12.3076923077vw;
    padding: 3.0769230769vw 2px;
  }
}
#moflin .switch-container.is-anchor-menu .cmp-button::after {
  content: "";
  display: block;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 0;
  background: url("/content/dam/casio/global/moflin/rev2/img/arrow.svg") no-repeat center/contain;
  border-radius: 50%;
  background-color: var(--moflin-c-white);
  background-size: 8px 10px;
}
@media (max-width: 767px) {
  #moflin .switch-container.is-anchor-menu .cmp-button::after {
    background-size: 2.0512820513vw 2.5641025641vw;
  }
}
@media (hover: hover) {
  #moflin .switch-container.is-anchor-menu .cmp-button:hover {
    opacity: 0.7;
  }
}
#moflin .switch-container.is-anchor-menu .cmp-button:focus-visible {
  outline: 2px solid var(--moflin-c-text);
  outline-offset: -2px;
}
#moflin .switch-container.is-anchor-menu .cmp-button__text {
  margin: 0;
  font-size: var(--moflin-fs-16);
  font-weight: 400;
  line-height: 1.5;
}
@media (max-width: 767px) {
  #moflin .switch-container.is-anchor-menu .cmp-button__text {
    font-size: var(--moflin-fs-sp-16);
  }
}
@media (max-width: 767px) {
  #moflin .switch-container.is-anchor-menu {
    max-width: 205.1282051282vw;
    border-radius: 2.0512820513vw;
  }
}

#moflin .switch-container.is-moflin-btn .aem-Grid {
  width: auto;
}
#moflin .switch-container.is-moflin-btn .aem-Grid::before, #moflin .switch-container.is-moflin-btn .aem-Grid::after {
  content: none;
}
#moflin .switch-container.is-moflin-btn .aem-GridColumn {
  float: none;
  clear: none;
  width: auto;
  margin: 0;
}
#moflin .switch-container.is-moflin-btn > .cmp-container > .aem-Grid {
  display: flex;
  justify-content: center;
}
#moflin .switch-container.is-moflin-btn .cmp-button {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  width: auto;
  max-width: 100%;
  min-width: 285px;
  min-height: 46px;
  margin: 0;
  padding: 8px 24px;
  border: 0;
  border-radius: 8px;
  background: var(--moflin-c-text);
  color: var(--moflin-c-white);
  text-align: center;
  text-decoration: none;
  transition: transform 0.2s ease-out;
}
#moflin .switch-container.is-moflin-btn .cmp-button::after {
  content: none;
}
@media (hover: hover) {
  #moflin .switch-container.is-moflin-btn .cmp-button:hover {
    transform: scale(1.05);
  }
}
#moflin .switch-container.is-moflin-btn .cmp-button:focus-visible {
  outline: 2px solid var(--moflin-c-text);
  outline-offset: 2px;
}
@media (max-width: 767px) {
  #moflin .switch-container.is-moflin-btn .cmp-button {
    min-width: 73.0769230769vw;
    min-height: 11.7948717949vw;
    padding: 2.0512820513vw 6.1538461538vw;
    border-radius: 2.0512820513vw;
  }
}
#moflin .switch-container.is-moflin-btn .cmp-button__text::after {
  content: none;
}
#moflin .switch-container.is-moflin-btn .cmp-button__text {
  margin: 0;
  font-family: var(--moflin-font-base);
  font-size: var(--moflin-fs-16);
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.06em;
}
@media (max-width: 767px) {
  #moflin .switch-container.is-moflin-btn .cmp-button__text {
    font-size: var(--moflin-fs-sp-16);
  }
}

#moflin .bps-accordion .cmp-accordion {
  border-top: 2px solid var(--moflin-c-border);
  font-family: var(--moflin-font-base);
}
#moflin .bps-accordion .cmp-accordion__item {
  margin: 0;
  border: 0;
}
#moflin .bps-accordion .cmp-accordion__title {
  margin: 0;
  padding: 0;
  border-top: 0;
  border-bottom: 2px solid var(--moflin-c-border);
}
#moflin .bps-accordion .cmp-accordion__title::after {
  content: none;
}
#moflin .bps-accordion .accordion-title-btn {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  width: 100%;
  min-height: 54px;
  margin: 0;
  padding: 12px 8px;
  border: 0;
  color: var(--moflin-c-text);
  font-family: inherit;
  font-size: var(--moflin-fs-16);
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.06em;
  text-align: left;
  cursor: pointer;
  transition: background-color 0.2s ease-out;
}
@media (hover: hover) {
  #moflin .bps-accordion .accordion-title-btn:hover {
    background-color: var(--moflin-c-bg-hover);
  }
}
#moflin .bps-accordion .accordion-title-btn::after {
  content: "";
  display: block;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  min-height: 0;
  background: url("/content/dam/casio/global/moflin/rev2/img/plus.svg") no-repeat center/contain;
}
#moflin .bps-accordion .accordion-title-btn:focus-visible {
  outline: 2px solid var(--moflin-c-text);
  outline-offset: -2px;
}
@media (max-width: 767px) {
  #moflin .bps-accordion .accordion-title-btn {
    gap: 4.1025641026vw;
    min-height: 13.8461538462vw;
    padding: 3.0769230769vw 2.0512820513vw;
    font-size: var(--moflin-fs-sp-16);
  }
}
#moflin .bps-accordion .cmp-accordion__title.open .accordion-title-btn::after {
  background-image: url("/content/dam/casio/global/moflin/rev2/img/minus.svg");
}
#moflin .bps-accordion .cmp-accordion__panel {
  margin: 0;
  padding: 16px 8px 24px;
  border-bottom: 2px solid var(--moflin-c-border);
}
@media (max-width: 767px) {
  #moflin .bps-accordion .cmp-accordion__panel {
    padding: 4.1025641026vw 2.0512820513vw 6.1538461538vw;
  }
}
#moflin .bps-accordion .cmp-text p {
  width: auto;
  overflow: visible;
  white-space: normal;
  text-overflow: clip;
  margin: 0;
  color: var(--moflin-c-text);
  font-size: var(--moflin-fs-15);
  line-height: 1.8;
}
#moflin .bps-accordion .cmp-text p a {
  color: inherit;
  text-decoration: underline;
}
@media (max-width: 767px) {
  #moflin .bps-accordion .cmp-text p {
    font-size: var(--moflin-fs-sp-15);
  }
}

#moflin #moflin-header-wrapper {
  position: relative;
  z-index: 100;
  background: var(--moflin-c-white);
  color: var(--moflin-c-text);
  font-family: var(--moflin-font-base);
}
#moflin #moflin-header-wrapper.is-fixed {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
}
#moflin #moflin-header-wrapper .aem-Grid {
  display: flex;
  width: auto;
}
#moflin #moflin-header-wrapper .aem-Grid::before, #moflin #moflin-header-wrapper .aem-Grid::after {
  content: none;
}
#moflin #moflin-header-wrapper .aem-GridColumn {
  float: none;
  clear: none;
  width: auto;
  margin: 0;
}
#moflin #moflin-header-wrapper ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
#moflin #moflin-header-wrapper li {
  margin: 0;
  padding: 0;
}
#moflin #moflin-header-wrapper li::before {
  content: none;
}
#moflin #moflin-header-wrapper a,
#moflin #moflin-header-wrapper button {
  color: inherit;
  text-decoration: none;
}
#moflin #moflin-header-wrapper button.cmp-button {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
  font: inherit;
  cursor: pointer;
}
#moflin #moflin-header-wrapper a:focus-visible,
#moflin #moflin-header-wrapper button:focus-visible {
  outline: 2px solid var(--moflin-c-text);
  outline-offset: 2px;
}
#moflin #moflin-header-wrapper .cmp-button {
  display: flex;
  align-items: center;
  box-sizing: border-box;
  width: auto;
  min-width: 0;
  height: auto;
  min-height: 0;
  margin: 0;
  border: 0;
  border-radius: 0;
  background: none;
}
#moflin #moflin-header-wrapper .cmp-button__text {
  margin: 0;
  padding: 0;
  color: inherit;
  font: inherit;
  letter-spacing: inherit;
}
#moflin #moflin-header-wrapper .cmp-text p {
  width: auto;
  overflow: visible;
  white-space: normal;
  text-overflow: clip;
  margin: 0;
}
#moflin #moflin-header-wrapper > .aem-Grid {
  align-items: center;
  justify-content: space-between;
}
#moflin #moflin-header-wrapper > .aem-Grid > .image {
  flex-shrink: 0;
  width: 110px;
}
#moflin #moflin-header-wrapper > .aem-Grid > .image img {
  display: block;
  width: 100%;
  height: auto;
}
#moflin #moflin-header-wrapper .other-menu .cmp-button {
  border-radius: 8px;
  font-weight: 700;
  white-space: nowrap;
}
#moflin #moflin-header-wrapper .other-menu > .cmp-container > .aem-Grid > .button:last-child .cmp-button {
  background: var(--moflin-c-coral);
}
#moflin #moflin-header-wrapper .menu .aem-Grid {
  display: block;
}
#moflin #moflin-header-wrapper .menu br {
  display: none;
}
#moflin #moflin-header-wrapper .menu .cmp-text a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
@media (min-width: 1200px) {
  #moflin #moflin-header-wrapper {
    padding: 16px 32px;
  }
  #moflin #moflin-header-wrapper > .aem-Grid {
    max-width: 1368px;
    margin: 0 auto;
  }
  #moflin #moflin-header-wrapper .header-inr > .cmp-container > .aem-Grid {
    align-items: center;
    gap: 24px;
  }
  #moflin #moflin-header-wrapper .header-inr > .cmp-container > .aem-Grid > .container:has(.other-menu) {
    order: 2;
  }
  #moflin #moflin-header-wrapper .other-menu > .cmp-container > .aem-Grid > .button:first-child {
    display: none;
  }
  #moflin #moflin-header-wrapper .other-menu .cmp-button {
    padding: 10px 19px;
    color: var(--moflin-c-text-dark);
    font-size: var(--moflin-fs-16);
    line-height: 30px;
    transition: transform 0.2s ease-out;
  }
}
@media (min-width: 1200px) and (hover: hover) {
  #moflin #moflin-header-wrapper .other-menu .cmp-button:hover {
    transform: scale(1.05);
  }
}
@media (min-width: 1200px) {
  #moflin #moflin-header-wrapper #menu-wrap > .aem-Grid {
    align-items: center;
    gap: 32px;
  }
  #moflin #moflin-header-wrapper:has(.is-menu-slot.is-open .menu)::after {
    content: "";
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    height: 100vh;
    background: var(--moflin-c-nav-dim);
    pointer-events: none;
    animation: moflin-menu-fade 0.2s ease-out;
  }
  #moflin #moflin-header-wrapper .is-menu-slot:has(button.cmp-button) {
    position: relative;
  }
  #moflin #moflin-header-wrapper .is-menu-slot:has(button.cmp-button) .cmp-button {
    gap: 4px;
    font-size: var(--moflin-fs-16);
    font-weight: 700;
    line-height: 1.5;
    white-space: nowrap;
  }
  #moflin #moflin-header-wrapper .is-menu-slot:has(button.cmp-button) .cmp-button::after {
    content: "";
    display: block;
    flex-shrink: 0;
    width: 10px;
    height: 10px;
    min-height: 0;
    background: url("/content/dam/casio/global/moflin/rev2/img/plus.svg") no-repeat center/contain;
  }
  #moflin #moflin-header-wrapper .is-menu-slot:has(button.cmp-button).is-open .cmp-button::after {
    background-image: url("/content/dam/casio/global/moflin/rev2/img/minus.svg");
  }
  #moflin #moflin-header-wrapper .is-menu-slot:has(button.cmp-button).is-open::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: -29px;
    left: 0;
    height: 3px;
    background: var(--moflin-c-coral);
  }
  #moflin #moflin-header-wrapper .is-menu-slot:has(button.cmp-button) .menu {
    position: absolute;
    z-index: 1;
    top: calc(100% + 48px);
    left: -46px;
    min-width: 228px;
    overflow: hidden;
    border-radius: 6px;
    background: var(--moflin-c-white);
  }
  #moflin #moflin-header-wrapper .is-menu-slot:has(button.cmp-button):not(.is-open) .menu {
    display: none !important;
  }
  #moflin #moflin-header-wrapper .is-menu-slot:has(button.cmp-button).is-open .menu {
    animation: moflin-menu-fade 0.2s ease-out;
  }
  #moflin #moflin-header-wrapper .is-menu-slot:has(button.cmp-button) .menu li + li {
    border-top: 1px solid var(--moflin-c-border);
  }
  #moflin #moflin-header-wrapper .is-menu-slot:has(button.cmp-button) .menu .cmp-text a {
    min-height: 50px;
    padding: 12px 14px 12px 16px;
    font-family: var(--moflin-font-jp);
    font-size: var(--moflin-fs-14);
    line-height: 1.5;
    letter-spacing: 0.06em;
    white-space: nowrap;
  }
  #moflin #moflin-header-wrapper .is-menu-slot:has(button.cmp-button) .menu .cmp-text a::after {
    content: "";
    display: block;
    flex-shrink: 0;
    width: 8px;
    height: 10px;
    min-height: 0;
    background: url("/content/dam/casio/global/moflin/rev2/img/arrow.svg") no-repeat center/contain;
    transform: rotate(-90deg);
  }
}
@media (min-width: 1200px) and (hover: hover) {
  #moflin #moflin-header-wrapper .is-menu-slot:has(button.cmp-button) .menu .cmp-text a:hover {
    background: var(--moflin-c-bg-nav);
  }
}
@media (min-width: 1200px) {
  #moflin #moflin-header-wrapper .is-menu-slot:has(a.cmp-button) .cmp-button {
    font-size: var(--moflin-fs-16);
    font-weight: 700;
    line-height: 1.5;
    white-space: nowrap;
  }
  #moflin #moflin-header-wrapper .is-menu-slot:not(:has(.cmp-button)):not(.is-sp) ul {
    display: flex;
    gap: 20px;
  }
  #moflin #moflin-header-wrapper .is-menu-slot:not(:has(.cmp-button)):not(.is-sp) .cmp-text a {
    font-size: var(--moflin-fs-13);
    font-weight: 500;
    line-height: 1.5;
    white-space: nowrap;
  }
}
@media (min-width: 1200px) and (hover: hover) {
  #moflin #moflin-header-wrapper .is-menu-slot:not(:has(.cmp-button)):not(.is-sp) .cmp-text a:hover {
    text-decoration: underline;
  }
}
@media (min-width: 1200px) {
  #moflin #moflin-header-wrapper .is-menu-slot.is-sp,
  #moflin #moflin-header-wrapper .embed:has(#js-nav-toggle) {
    display: none !important;
  }
}
@media (max-width: 1199px) {
  #moflin #moflin-header-wrapper {
    padding: 10px 10px 10px 10px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
  }
  #moflin #moflin-header-wrapper > .aem-Grid {
    flex-wrap: wrap;
  }
  #moflin #moflin-header-wrapper > .aem-Grid > .embed {
    order: 1;
  }
  #moflin #moflin-header-wrapper > .aem-Grid > .container:has(.header-inr) {
    display: none;
    order: 2;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    max-height: var(--moflin-nav-max-h, calc(100vh - 70px));
    overflow-y: auto;
    overscroll-behavior: contain;
    background: var(--moflin-c-bg-nav);
  }
  #moflin #moflin-header-wrapper.is-nav-open > .aem-Grid > .container:has(.header-inr) {
    display: block;
  }
  #moflin #moflin-header-wrapper .header-inr {
    padding: 16px 18px 32px;
  }
  #moflin #moflin-header-wrapper .header-inr > .cmp-container > .aem-Grid {
    flex-direction: column;
    gap: 24px;
    max-width: 600px;
    margin: 0 auto;
  }
  #moflin #moflin-header-wrapper .other-menu > .cmp-container > .aem-Grid {
    gap: 8px;
  }
  #moflin #moflin-header-wrapper .other-menu > .cmp-container > .aem-Grid > .button {
    flex: 1 1 0;
    min-width: 0;
  }
  #moflin #moflin-header-wrapper .other-menu .cmp-button {
    justify-content: space-between;
    gap: 8px;
    min-height: 48px;
    padding: 12px;
    font-family: var(--moflin-font-jp);
    line-height: 1.3;
    font-feature-settings: "palt" 1;
  }
  #moflin #moflin-header-wrapper .other-menu .cmp-button::after {
    content: "";
    display: block;
    flex-shrink: 0;
    width: 8px;
    height: 10px;
    min-height: 0;
    background: url("/content/dam/casio/global/moflin/rev2/img/arrow.svg") no-repeat center/contain;
    transform: rotate(-90deg);
  }
  #moflin #moflin-header-wrapper .other-menu > .cmp-container > .aem-Grid > .button:first-child .cmp-button {
    background: var(--moflin-c-text);
    color: var(--moflin-c-white);
    font-size: var(--moflin-fs-15);
    letter-spacing: 0.06em;
  }
  #moflin #moflin-header-wrapper .other-menu > .cmp-container > .aem-Grid > .button:first-child .cmp-button::after {
    background-image: url("/content/dam/casio/global/moflin/rev2/img/arrow-white.svg");
  }
  #moflin #moflin-header-wrapper .other-menu > .cmp-container > .aem-Grid > .button:first-child .cmp-button .cmp-button__text::after {
    content: none;
  }
  #moflin #moflin-header-wrapper .other-menu > .cmp-container > .aem-Grid > .button:last-child .cmp-button {
    color: var(--moflin-c-text-dark);
    font-size: var(--moflin-fs-14);
    letter-spacing: 0.06em;
  }
  #moflin #moflin-header-wrapper .other-menu > .cmp-container > .aem-Grid > .button:last-child .cmp-button .cmp-button__text {
    flex: 1;
    text-align: center;
  }
  #moflin #moflin-header-wrapper #menu-wrap > .aem-Grid {
    flex-direction: column;
  }
  #moflin #moflin-header-wrapper .is-menu-slot:has(button.cmp-button),
  #moflin #moflin-header-wrapper .is-menu-slot:has(a.cmp-button) {
    border-top: 1px solid var(--moflin-c-border);
  }
  #moflin #moflin-header-wrapper .is-menu-slot:has(a.cmp-button) {
    border-bottom: 1px solid var(--moflin-c-border);
  }
  #moflin #moflin-header-wrapper .is-menu-slot:has(button.cmp-button) > .cmp-container > .aem-Grid,
  #moflin #moflin-header-wrapper .is-menu-slot:has(a.cmp-button) > .cmp-container > .aem-Grid {
    flex-direction: column;
  }
  #moflin #moflin-header-wrapper .is-menu-slot:has(button.cmp-button) .cmp-button,
  #moflin #moflin-header-wrapper .is-menu-slot:has(a.cmp-button) .cmp-button {
    justify-content: space-between;
    width: 100%;
    padding: 12px 0;
    font-family: var(--moflin-font-jp);
    font-size: var(--moflin-fs-18);
    line-height: 1.5;
    letter-spacing: 0.06em;
    text-align: left;
    font-feature-settings: "palt" 1;
  }
  #moflin #moflin-header-wrapper .is-menu-slot:has(button.cmp-button) .cmp-button::after,
  #moflin #moflin-header-wrapper .is-menu-slot:has(a.cmp-button) .cmp-button::after {
    content: "";
    flex-shrink: 0;
    width: 28px;
    height: 28px;
    min-height: 0;
    border-radius: 50%;
    background: var(--moflin-c-white) no-repeat center/10px auto;
  }
  #moflin #moflin-header-wrapper .is-menu-slot:has(button.cmp-button) .cmp-button::after {
    background-image: url("/content/dam/casio/global/moflin/rev2/img/plus.svg");
  }
  #moflin #moflin-header-wrapper .is-menu-slot:has(button.cmp-button).is-open .cmp-button::after {
    background-image: url("/content/dam/casio/global/moflin/rev2/img/minus.svg");
  }
  #moflin #moflin-header-wrapper .is-menu-slot:has(a.cmp-button) .cmp-button::after {
    background-image: url("/content/dam/casio/global/moflin/rev2/img/arrow-lg.svg");
    transform: rotate(-90deg);
  }
  #moflin #moflin-header-wrapper .is-menu-slot:has(button.cmp-button):not(.is-open) .menu {
    display: none !important;
  }
  #moflin #moflin-header-wrapper .is-menu-slot:has(button.cmp-button) .menu li {
    border-top: 1px solid var(--moflin-c-border);
    background: var(--moflin-c-white);
  }
  #moflin #moflin-header-wrapper .is-menu-slot:has(button.cmp-button) .menu .cmp-text a {
    padding: 12px 12px 12px 16px;
    font-family: var(--moflin-font-jp);
    font-size: var(--moflin-fs-15);
    line-height: 1.5;
    letter-spacing: 0.06em;
    font-feature-settings: "palt" 1;
  }
  #moflin #moflin-header-wrapper .is-menu-slot:has(button.cmp-button) .menu .cmp-text a::after {
    content: "";
    display: block;
    flex-shrink: 0;
    width: 8px;
    height: 10px;
    min-height: 0;
    background: url("/content/dam/casio/global/moflin/rev2/img/arrow.svg") no-repeat center/contain;
    transform: rotate(-90deg);
  }
  #moflin #moflin-header-wrapper .is-menu-slot:not(:has(.cmp-button)):not(.is-sp) {
    margin-top: 24px;
  }
  #moflin #moflin-header-wrapper .is-menu-slot:not(:has(.cmp-button)):not(.is-sp) > .cmp-container > .aem-Grid {
    display: block;
  }
  #moflin #moflin-header-wrapper .is-menu-slot:not(:has(.cmp-button)):not(.is-sp) ul {
    overflow: hidden;
    border: 1px solid var(--moflin-c-border);
    border-radius: 8px;
  }
  #moflin #moflin-header-wrapper .is-menu-slot:not(:has(.cmp-button)):not(.is-sp) li + li {
    border-top: 1px solid var(--moflin-c-border);
  }
  #moflin #moflin-header-wrapper .is-menu-slot:not(:has(.cmp-button)):not(.is-sp) .cmp-text a {
    padding: 12px;
    font-family: var(--moflin-font-jp);
    font-size: var(--moflin-fs-16);
    line-height: 1.5;
    letter-spacing: 0.06em;
    font-feature-settings: "palt" 1;
  }
  #moflin #moflin-header-wrapper .is-menu-slot:not(:has(.cmp-button)):not(.is-sp) .cmp-text a::after {
    content: "";
    display: block;
    flex-shrink: 0;
    width: 10px;
    height: 12px;
    min-height: 0;
    background: url("/content/dam/casio/global/moflin/rev2/img/arrow-lg.svg") no-repeat center/contain;
    transform: rotate(-90deg);
  }
  #moflin #moflin-header-wrapper .is-menu-slot.is-sp {
    margin-top: 24px;
  }
  #moflin #moflin-header-wrapper .is-menu-slot.is-sp > .cmp-container > .aem-Grid {
    flex-direction: column;
    gap: 8px;
  }
  #moflin #moflin-header-wrapper .is-menu-slot.is-sp .cmp-image {
    overflow: hidden;
    border: 1px solid var(--moflin-c-border-dark);
    background: var(--moflin-c-white);
  }
  #moflin #moflin-header-wrapper .is-menu-slot.is-sp .cmp-image img {
    display: block;
    width: 100%;
    height: auto;
  }
  #moflin #moflin-header-wrapper .is-menu-slot.is-sp .cmp-text p {
    color: var(--moflin-c-sub);
    font-size: var(--moflin-fs-16);
    line-height: 1.5;
    letter-spacing: 0.06em;
    text-align: center;
  }
}

#moflin #js-nav-toggle {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 6px;
  width: 46px;
  height: 46px;
  margin: 0;
  padding: 0;
  border: 1px solid var(--moflin-c-text);
  border-radius: 4px;
  background: var(--moflin-c-white);
  cursor: pointer;
}
#moflin #js-nav-toggle span {
  display: block;
  width: 24px;
  height: 2px;
  border-radius: 2px;
  background: var(--moflin-c-text);
  transition: transform 0.2s, opacity 0.2s;
}
#moflin #js-nav-toggle[aria-expanded=true] span:nth-child(1) {
  transform: translateY(8px) rotate(45deg);
}
#moflin #js-nav-toggle[aria-expanded=true] span:nth-child(2) {
  opacity: 0;
}
#moflin #js-nav-toggle[aria-expanded=true] span:nth-child(3) {
  transform: translateY(-8px) rotate(-45deg);
}

#moflin:has(.m-review1) #moflin-header-wrapper {
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
}

@keyframes moflin-menu-fade {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
#moflin .moflin-modal,
#moflin .moflin-modal *,
#moflin .moflin-modal *::before,
#moflin .moflin-modal *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
#moflin .moflin-modal {
  position: fixed;
  inset: 0;
  z-index: 10000;
  display: flex;
  align-items: center;
  justify-content: center;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.3s, visibility 0s 0.3s;
}
#moflin .moflin-modal.is-open {
  visibility: visible;
  opacity: 1;
  transition: opacity 0.3s, visibility 0s;
}
#moflin .moflin-modal .moflin-modal__guard {
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
}
#moflin .moflin-modal .moflin-modal__overlay {
  position: absolute;
  inset: 0;
  border: 0;
  background-color: var(--moflin-c-modal-overlay);
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
#moflin .moflin-modal .moflin-modal__body {
  --modal-chrome: 112px;
  position: relative;
  display: flex;
  flex-direction: column;
}
@media (max-width: 767px) {
  #moflin .moflin-modal .moflin-modal__body {
    --modal-chrome: 21.5384615385vw;
  }
}
#moflin .moflin-modal .moflin-modal__close {
  align-self: flex-end;
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  margin-bottom: 16px;
  border: 0;
  background: none;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
@media (max-width: 767px) {
  #moflin .moflin-modal .moflin-modal__close {
    width: 10.2564102564vw;
    height: 10.2564102564vw;
    margin-bottom: 3.0769230769vw;
  }
}
#moflin .moflin-modal .moflin-modal__close::before, #moflin .moflin-modal .moflin-modal__close::after {
  content: "";
  grid-area: 1/1;
  width: 20px;
  height: 2px;
  background-color: var(--moflin-c-white);
}
@media (max-width: 767px) {
  #moflin .moflin-modal .moflin-modal__close::before, #moflin .moflin-modal .moflin-modal__close::after {
    width: 4.1025641026vw;
  }
}
#moflin .moflin-modal .moflin-modal__close::before {
  transform: rotate(45deg);
}
#moflin .moflin-modal .moflin-modal__close::after {
  transform: rotate(-45deg);
}
#moflin .moflin-modal .moflin-modal__close:focus-visible {
  outline: 2px solid var(--moflin-c-white);
  outline-offset: 2px;
}
#moflin .moflin-modal .moflin-modal__frame {
  position: relative;
  width: min(1120px, 90vw, (100vh - var(--modal-chrome)) * 16 / 9);
  width: min(1120px, 90vw, (100svh - var(--modal-chrome)) * 16 / 9);
  aspect-ratio: 16/9;
  background-color: var(--moflin-c-black);
}
@media (max-width: 767px) {
  #moflin .moflin-modal .moflin-modal__frame {
    width: calc(100vw - 8.2051282051vw);
  }
}
#moflin .moflin-modal .moflin-modal__frame iframe {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
}

#moflin :is(#footer-1, #footer-2) {
  font-family: var(--moflin-font-base);
}
#moflin :is(#footer-1, #footer-2) .aem-Grid {
  display: flex;
  width: auto;
}
#moflin :is(#footer-1, #footer-2) .aem-Grid::before, #moflin :is(#footer-1, #footer-2) .aem-Grid::after {
  content: none;
}
#moflin :is(#footer-1, #footer-2) .aem-GridColumn {
  float: none;
  clear: none;
  width: auto;
  margin: 0;
}
#moflin :is(#footer-1, #footer-2) .cmp-image,
#moflin :is(#footer-1, #footer-2) picture,
#moflin :is(#footer-1, #footer-2) img {
  display: block;
}
#moflin :is(#footer-1, #footer-2) img {
  width: 100%;
  height: auto;
}

#moflin :is(#footer-1, #footer-2) > .aem-Grid {
  display: block;
}

#moflin #footer-1 {
  padding: 80px 0;
}
@media (max-width: 767px) {
  #moflin #footer-1 {
    padding: 14.358974359vw 0 18.4615384615vw;
  }
}
#moflin #footer-1 .is-inr > .cmp-container > .aem-Grid {
  align-items: center;
  gap: 16px;
}
@media (max-width: 767px) {
  #moflin #footer-1 .is-inr > .cmp-container > .aem-Grid {
    flex-direction: column;
    gap: 4.1025641026vw;
  }
}
#moflin #footer-1 .is-inr > .cmp-container > .aem-Grid > .image {
  flex: 0 0 auto;
  width: 632px;
  margin-left: -14px;
}
@media (max-width: 767px) {
  #moflin #footer-1 .is-inr > .cmp-container > .aem-Grid > .image {
    margin-left: -3.5897435897vw;
    width: calc(100% + 10.2564102564vw);
    margin: 0 -5.1282051282vw;
  }
}
#moflin #footer-1 .is-inr > .cmp-container > .aem-Grid > .container {
  flex: 1 1 auto;
  min-width: 0;
}
@media (max-width: 767px) {
  #moflin #footer-1 .is-inr > .cmp-container > .aem-Grid > .container {
    width: 100%;
  }
}
#moflin #footer-1 .is-inr .container .aem-Grid {
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
}
@media (max-width: 767px) {
  #moflin #footer-1 .is-inr .container .aem-Grid {
    align-items: center;
    gap: 4.1025641026vw;
  }
}
#moflin #footer-1 .cmp-text p {
  width: auto;
  overflow: visible;
  white-space: normal;
  text-overflow: clip;
  margin: 0;
  color: var(--moflin-c-text);
  font-size: 38px;
  font-weight: 700;
  line-height: 1.45;
  letter-spacing: 0.06em;
}
@media (max-width: 767px) {
  #moflin #footer-1 .cmp-text p {
    font-size: var(--moflin-fs-sp-24);
    text-align: center;
  }
}
#moflin #footer-1 .button {
  width: 285px;
}
@media (max-width: 767px) {
  #moflin #footer-1 .button {
    width: 73.0769230769vw;
  }
}
#moflin #footer-1 .cmp-button {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-width: 0;
  min-height: 46px;
  margin: 0;
  padding: 8px 16px;
  border: 0;
  border-radius: 6px;
  background: var(--moflin-c-white);
  color: var(--moflin-c-text);
  text-decoration: none;
  transition: transform 0.2s ease-out;
}
#moflin #footer-1 .cmp-button::after {
  content: none;
}
@media (hover: hover) {
  #moflin #footer-1 .cmp-button:hover {
    transform: scale(1.05);
  }
}
#moflin #footer-1 .cmp-button:focus-visible {
  outline: 2px solid var(--moflin-c-text);
  outline-offset: 2px;
}
@media (max-width: 767px) {
  #moflin #footer-1 .cmp-button {
    min-height: 11.7948717949vw;
    padding: 2.0512820513vw 4.1025641026vw;
    border-radius: 1.5384615385vw;
  }
}
#moflin #footer-1 .cmp-button__text {
  margin: 0;
  font-size: var(--moflin-fs-16);
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.06em;
}
@media (max-width: 767px) {
  #moflin #footer-1 .cmp-button__text {
    font-size: var(--moflin-fs-sp-16);
  }
}

#moflin #footer-2 {
  padding: 48px 0;
}
@media (max-width: 767px) {
  #moflin #footer-2 {
    padding: 5.1282051282vw 0;
  }
}
#moflin #footer-2 .is-inr > .cmp-container > .aem-Grid {
  align-items: center;
  justify-content: space-between;
}
#moflin #footer-2 .is-inr > .cmp-container > .aem-Grid > .container:first-child .aem-Grid {
  flex-direction: column;
  gap: 8px;
}
#moflin #footer-2 .is-inr > .cmp-container > .aem-Grid > .container:first-child .aem-Grid .image:first-child {
  width: 218px;
}
@media (max-width: 767px) {
  #moflin #footer-2 .is-inr > .cmp-container > .aem-Grid > .container:first-child .aem-Grid .image:first-child {
    width: 55.8974358974vw;
    display: none;
  }
}
#moflin #footer-2 .is-inr > .cmp-container > .aem-Grid > .container:first-child .aem-Grid .image:last-child {
  width: 216px;
}
@media (max-width: 767px) {
  #moflin #footer-2 .is-inr > .cmp-container > .aem-Grid > .container:first-child .aem-Grid .image:last-child {
    width: 32.8205128205vw;
  }
}
@media (max-width: 767px) {
  #moflin #footer-2 .is-inr > .cmp-container > .aem-Grid > .container:first-child .aem-Grid {
    gap: 2.0512820513vw;
  }
}
#moflin #footer-2 .is-inr > .cmp-container > .aem-Grid > .container:last-child .aem-Grid {
  gap: 40px;
}
@media (max-width: 767px) {
  #moflin #footer-2 .is-inr > .cmp-container > .aem-Grid > .container:last-child .aem-Grid {
    gap: 4.1025641026vw;
  }
}
#moflin #footer-2 .is-inr > .cmp-container > .aem-Grid > .container:last-child .aem-Grid .image {
  width: 65px;
}
@media (max-width: 767px) {
  #moflin #footer-2 .is-inr > .cmp-container > .aem-Grid > .container:last-child .aem-Grid .image {
    width: 14.1025641026vw;
  }
}
#moflin #footer-2 .cmp-image__link {
  display: block;
  overflow: hidden;
  border-radius: 4px;
  background: var(--moflin-c-white);
  transition: transform 0.2s ease-out;
}
@media (hover: hover) {
  #moflin #footer-2 .cmp-image__link:hover {
    transform: scale(1.1);
  }
}
#moflin #footer-2 .cmp-image__link:focus-visible {
  outline: 2px solid var(--moflin-c-white);
  outline-offset: 2px;
}
@media (max-width: 767px) {
  #moflin #footer-2 .cmp-image__link {
    border-radius: 1.0256410256vw;
  }
}

#moflin .container:has(> .switch-container > #topbtn) {
  position: fixed;
  right: 0;
  bottom: 0;
  z-index: 101;
  width: 0;
  height: 0;
}

#moflin #topbtn {
  position: absolute;
  right: 50px;
  bottom: 50px;
  box-sizing: border-box;
  width: 97px;
  padding: 12px;
  border-radius: 8px;
  background: var(--moflin-c-white);
  filter: drop-shadow(0 0 5px color-mix(in srgb, var(--moflin-c-black) 10%, transparent));
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.3s, visibility 0s 0.3s, transform 0.2s;
}
@media (max-width: 767px) {
  #moflin #topbtn {
    right: 2.5641025641vw;
    bottom: 2.5641025641vw;
    width: 16.4102564103vw;
    height: 16.4102564103vw;
    padding: 2.0512820513vw;
    border-radius: 2.0512820513vw;
  }
}
#moflin #topbtn.is-active {
  visibility: visible;
  opacity: 1;
  transition: opacity 0.3s, visibility 0s, transform 0.2s;
}
@media (hover: hover) {
  #moflin #topbtn:hover {
    transform: scale(1.05);
  }
}
#moflin #topbtn .cmp-image__link {
  display: block;
}
#moflin #topbtn .cmp-image__link:focus-visible {
  outline: 2px solid var(--moflin-c-text);
  outline-offset: 2px;
}
#moflin #topbtn img {
  display: block;
  width: 100%;
  height: auto;
}
@media (max-width: 767px) {
  #moflin #topbtn img {
    height: 12.3076923077vw;
    -o-object-fit: contain;
       object-fit: contain;
  }
}

#moflin #mv .aem-Grid {
  width: auto;
}
#moflin #mv .aem-Grid::before, #moflin #mv .aem-Grid::after {
  content: none;
}
#moflin #mv .aem-GridColumn {
  float: none;
  clear: none;
  width: auto;
  margin: 0;
}
@media (min-width: 768px) {
  #moflin #mv > .aem-Grid {
    display: grid;
    grid-template-columns: 1fr 65.56%;
    align-items: center;
  }
  #moflin #mv > .aem-Grid > :first-child {
    grid-row: 1;
    grid-column: 2;
  }
  #moflin #mv > .aem-Grid > :last-child {
    grid-row: 1;
    grid-column: 1;
  }
}
#moflin #mv .cmp-embed {
  position: relative;
  animation: top-mv-fade 1s ease-out both;
}
@media (max-width: 767px) {
  #moflin #mv .cmp-embed {
    margin-left: 5.1282051282vw;
  }
}
#moflin #mv video {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
  -o-object-fit: cover;
     object-fit: cover;
  border-bottom-left-radius: 120px;
  background: var(--moflin-c-bg-gray);
}
@media (max-width: 767px) {
  #moflin #mv video {
    border-bottom-left-radius: 12.0512820513vw;
  }
}
#moflin #mv .mv-control {
  position: absolute;
  right: 24px;
  bottom: 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
  width: 80px;
  height: 80px;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: var(--moflin-c-white);
  color: var(--moflin-c-text);
  font-family: var(--moflin-font-base);
  font-size: var(--moflin-fs-12);
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.06em;
  cursor: pointer;
}
#moflin #mv .mv-control::after {
  content: "";
  box-sizing: border-box;
  width: 18px;
  height: 22px;
  border-right: 6px solid currentColor;
  border-left: 6px solid currentColor;
}
#moflin #mv .mv-control.is-paused::after {
  width: 24px;
  height: 25px;
  border: 0;
  background: url("/content/dam/casio/global/moflin/rev2/img/play.svg") no-repeat center/contain;
}
#moflin #mv .mv-control:focus-visible {
  outline: 2px solid var(--moflin-c-text);
  outline-offset: 2px;
}
@media (max-width: 767px) {
  #moflin #mv .mv-control {
    right: 3.0769230769vw;
    bottom: 3.0769230769vw;
    gap: 0.5128205128vw;
    width: 16.4102564103vw;
    height: 16.4102564103vw;
    font-size: var(--moflin-fs-sp-10);
    letter-spacing: 0.02em;
  }
  #moflin #mv .mv-control::after {
    width: 3.0769230769vw;
    height: 3.8461538462vw;
    border-right-width: 1.0256410256vw;
    border-left-width: 1.0256410256vw;
  }
  #moflin #mv .mv-control.is-paused::after {
    width: 4.1025641026vw;
    height: 4.358974359vw;
  }
}

@keyframes top-mv-fade {
  from {
    opacity: 0;
  }
}
@keyframes top-mv-fade-up {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
}
#moflin #mv-txt {
  animation: top-mv-fade-up 1s ease-out 0.4s both;
}
#moflin #mv-txt .aem-Grid {
  width: auto;
}
#moflin #mv-txt .aem-Grid::before, #moflin #mv-txt .aem-Grid::after {
  content: none;
}
#moflin #mv-txt .aem-GridColumn {
  float: none;
  clear: none;
  width: auto;
  margin: 0;
}
#moflin #mv-txt > .aem-Grid {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3.4722222222vw;
}
@media (max-width: 767px) {
  #moflin #mv-txt > .aem-Grid {
    flex-direction: row-reverse;
    align-items: center;
    gap: 0;
    padding: 4.1025641026vw 5.1282051282vw 0;
  }
}
@media (max-width: 767px) {
  #moflin #mv-txt > .aem-Grid > * {
    flex: 1 1 0;
  }
}
#moflin #mv-txt .cmp-image {
  width: 14.2361111111vw;
}
@media (max-width: 767px) {
  #moflin #mv-txt .cmp-image {
    width: 30.7692307692vw;
    margin: 0 auto;
  }
}
#moflin #mv-txt .cmp-image img {
  display: block;
  width: 100%;
  height: auto;
}
#moflin #mv-txt h1 {
  margin: 0;
  padding: 0;
  color: var(--moflin-c-text);
  font-family: var(--moflin-font-jp);
  font-size: 3.4027777778vw;
  font-weight: 600;
  line-height: 1.68;
  letter-spacing: 0.22em;
  white-space: nowrap;
}
@media (max-width: 767px) {
  #moflin #mv-txt h1 {
    font-size: var(--moflin-fs-sp-32);
    line-height: 1.69;
  }
}

#moflin .m-top-area > .cmp-container .aem-Grid {
  width: auto;
}
#moflin .m-top-area > .cmp-container .aem-Grid::before, #moflin .m-top-area > .cmp-container .aem-Grid::after {
  content: none;
}
#moflin .m-top-area > .cmp-container .aem-GridColumn {
  float: none;
  clear: none;
  width: auto;
  margin: 0;
}
#moflin .m-top-area > .cmp-container {
  padding-top: 80px;
}
@media (max-width: 767px) {
  #moflin .m-top-area > .cmp-container {
    padding-top: 0;
  }
}
#moflin .m-top-area > .cmp-container .switch-container.is-inr {
  position: relative;
  max-width: 1336px;
}
@media (max-width: 767px) {
  #moflin .m-top-area > .cmp-container .switch-container.is-inr {
    max-width: 342.5641025641vw;
    padding-top: 23.8461538462vw;
  }
}
#moflin .m-top-area > .cmp-container .switch-container.is-inr > .cmp-container > .aem-Grid > .image {
  position: absolute;
}
#moflin .m-top-area > .cmp-container .switch-container.is-inr > .cmp-container > .aem-Grid > .image img {
  display: block;
  width: 100%;
  height: auto;
}
#moflin .m-top-area > .cmp-container .switch-container.is-inr > .cmp-container > .aem-Grid > .image:nth-child(1) {
  top: 25px;
  left: 0;
  width: 167px;
}
@media (max-width: 767px) {
  #moflin .m-top-area > .cmp-container .switch-container.is-inr > .cmp-container > .aem-Grid > .image:nth-child(1) {
    top: 0;
    right: 6.1538461538vw;
    left: auto;
    width: 20.5128205128vw;
  }
}
#moflin .m-top-area > .cmp-container .switch-container.is-inr > .cmp-container > .aem-Grid > .image:nth-child(2) {
  top: 304px;
  right: 0;
  width: 187px;
}
@media (max-width: 767px) {
  #moflin .m-top-area > .cmp-container .switch-container.is-inr > .cmp-container > .aem-Grid > .image:nth-child(2) {
    top: auto;
    right: auto;
    bottom: 21.0256410256vw;
    left: 5.641025641vw;
    width: 22.0512820513vw;
    transform: scaleX(-1);
  }
}
#moflin .m-top-area > .cmp-container .switch-container.is-inr > .cmp-container > .aem-Grid > .container {
  width: 788px;
  max-width: 100%;
  margin: 66px auto 0;
}
@media (max-width: 767px) {
  #moflin .m-top-area > .cmp-container .switch-container.is-inr > .cmp-container > .aem-Grid > .container {
    width: 202.0512820513vw;
    margin: 0 auto;
  }
}
#moflin .m-top-area > .cmp-container .cmp-image__link {
  display: block;
  overflow: hidden;
  background: var(--moflin-c-white);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}
@media (max-width: 767px) {
  #moflin .m-top-area > .cmp-container .cmp-image__link {
    box-shadow: 0 0 2.3076923077vw rgba(0, 0, 0, 0.1);
  }
}
#moflin .m-top-area > .cmp-container .cmp-image__link img {
  display: block;
  width: 100%;
  height: auto;
  transition: transform 0.2s ease-out;
}
@media (hover: hover) {
  #moflin .m-top-area > .cmp-container .cmp-image__link:hover img {
    transform: scale(1.05);
  }
}
#moflin .m-top-area > .cmp-container .is-inr .cmp-text p:not(.information) {
  width: auto;
  overflow: visible;
  white-space: normal;
  text-overflow: clip;
  margin: 24px 0 0;
  color: var(--moflin-c-text);
  font-family: var(--moflin-font-base);
  font-size: var(--moflin-fs-24);
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.06em;
  text-align: center;
}
@media (max-width: 767px) {
  #moflin .m-top-area > .cmp-container .is-inr .cmp-text p:not(.information) {
    margin: 3.3333333333vw 0 0;
    font-size: var(--moflin-fs-sp-18);
  }
}
#moflin .m-top-area > .cmp-container .is-number {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 58px;
  height: 58px;
  margin: 0 4px;
  border-radius: 50%;
  background: color-mix(in srgb, var(--moflin-c-coral) 50%, transparent);
  font-size: 38px;
  line-height: 1;
  vertical-align: middle;
}
@media (max-width: 767px) {
  #moflin .m-top-area > .cmp-container .is-number {
    width: 9.4871794872vw;
    height: 9.4871794872vw;
    margin: 0 2px;
    font-size: var(--moflin-fs-sp-24);
  }
}
#moflin .m-top-area > .cmp-container .is-underline {
  text-decoration: underline;
  text-decoration-color: var(--moflin-c-coral);
  text-decoration-thickness: 2px;
  text-underline-offset: 6px;
}
@media (max-width: 767px) {
  #moflin .m-top-area > .cmp-container .is-underline {
    text-underline-offset: 1.5384615385vw;
    display: block;
    width: -moz-fit-content;
    width: fit-content;
    margin: 1.7948717949vw auto 0;
  }
}
#moflin .m-top-area > .cmp-container .cmp-experiencefragment--information {
  width: 788px;
  max-width: 100%;
  margin: 63px auto 0;
}
@media (max-width: 767px) {
  #moflin .m-top-area > .cmp-container .cmp-experiencefragment--information {
    box-sizing: border-box;
    width: auto;
    margin: 28.2051282051vw 0 0;
  }
}
#moflin .m-top-area > .cmp-container .information {
  width: auto;
  overflow: visible;
  white-space: normal;
  text-overflow: clip;
  margin: 0;
  padding: 16px;
  border-radius: 8px;
  background: var(--moflin-c-bg-gray);
  font-family: var(--moflin-font-base);
  font-size: var(--moflin-fs-16);
  font-weight: 700;
  line-height: 2;
  letter-spacing: 0.06em;
  text-align: center;
}
@media (max-width: 767px) {
  #moflin .m-top-area > .cmp-container .information {
    padding: 4.1025641026vw;
    border-radius: 2.0512820513vw;
    font-size: var(--moflin-fs-sp-13);
    line-height: 1.54;
  }
}
#moflin .m-top-area > .cmp-container .information a {
  color: var(--moflin-c-text);
  font: inherit;
  text-decoration: underline;
}
@media (hover: hover) {
  #moflin .m-top-area > .cmp-container .information a:hover {
    text-decoration: none;
  }
}

#moflin .m-top1 > .cmp-container > .aem-Grid > .container > .switch-container.is-inr {
  max-width: 1200px;
}
@media (max-width: 767px) {
  #moflin .m-top1 > .cmp-container > .aem-Grid > .container > .switch-container.is-inr {
    max-width: 307.6923076923vw;
  }
}

#moflin .m-top1 > .cmp-container #sec1-1 {
  padding-top: 96px;
}
@media (max-width: 767px) {
  #moflin .m-top1 > .cmp-container #sec1-1 {
    padding-top: 10.2564102564vw;
  }
}
#moflin .m-top1 > .cmp-container #sec1-1 .switch-container.is-title {
  margin-bottom: 32px;
}
@media (max-width: 767px) {
  #moflin .m-top1 > .cmp-container #sec1-1 .switch-container.is-title {
    margin-bottom: 6.1538461538vw;
  }
}

#moflin .m-top1 > .cmp-container .switch-container.is-card .aem-Grid {
  width: auto;
}
#moflin .m-top1 > .cmp-container .switch-container.is-card .aem-Grid::before, #moflin .m-top1 > .cmp-container .switch-container.is-card .aem-Grid::after {
  content: none;
}
#moflin .m-top1 > .cmp-container .switch-container.is-card .aem-GridColumn {
  float: none;
  clear: none;
  width: auto;
  margin: 0;
}
#moflin .m-top1 > .cmp-container .switch-container.is-card > .cmp-container > .aem-Grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 36px;
}
@media (max-width: 767px) {
  #moflin .m-top1 > .cmp-container .switch-container.is-card > .cmp-container > .aem-Grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 5.1282051282vw;
  }
}
#moflin .m-top1 > .cmp-container .switch-container.is-card > .cmp-container > .aem-Grid > .container > .switch-container .aem-Grid {
  width: auto;
}
#moflin .m-top1 > .cmp-container .switch-container.is-card > .cmp-container > .aem-Grid > .container > .switch-container .aem-Grid::before, #moflin .m-top1 > .cmp-container .switch-container.is-card > .cmp-container > .aem-Grid > .container > .switch-container .aem-Grid::after {
  content: none;
}
#moflin .m-top1 > .cmp-container .switch-container.is-card > .cmp-container > .aem-Grid > .container > .switch-container .aem-GridColumn {
  float: none;
  clear: none;
  width: auto;
  margin: 0;
}
#moflin .m-top1 > .cmp-container .switch-container.is-card > .cmp-container > .aem-Grid > .container > .switch-container {
  height: 100%;
  overflow: hidden;
  border-radius: 20px;
  background: var(--moflin-c-bg-beige);
}
#moflin .m-top1 > .cmp-container .switch-container.is-card > .cmp-container > .aem-Grid > .container > .switch-container > .cmp-container,
#moflin .m-top1 > .cmp-container .switch-container.is-card > .cmp-container > .aem-Grid > .container > .switch-container > .cmp-container > .aem-Grid {
  height: 100%;
}
#moflin .m-top1 > .cmp-container .switch-container.is-card > .cmp-container > .aem-Grid > .container > .switch-container > .cmp-container > .aem-Grid {
  display: flex;
  flex-direction: column;
}
@media (max-width: 767px) {
  #moflin .m-top1 > .cmp-container .switch-container.is-card > .cmp-container > .aem-Grid > .container > .switch-container {
    border-radius: 5.1282051282vw;
  }
}
#moflin .m-top1 > .cmp-container .switch-container.is-card .cmp-image img {
  display: block;
  width: 100%;
  height: auto;
}
#moflin .m-top1 > .cmp-container .switch-container.is-card .cmp-text {
  padding: 24px 32px 32px;
  color: var(--moflin-c-text);
  font-family: var(--moflin-font-base);
}
@media (max-width: 767px) {
  #moflin .m-top1 > .cmp-container .switch-container.is-card .cmp-text {
    padding: 6.1538461538vw;
  }
}
#moflin .m-top1 > .cmp-container .switch-container.is-card .cmp-text h3 {
  margin: 0;
  padding: 0;
  color: inherit;
  font-size: var(--moflin-fs-20);
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.06em;
}
@media (max-width: 767px) {
  #moflin .m-top1 > .cmp-container .switch-container.is-card .cmp-text h3 {
    font-size: var(--moflin-fs-sp-20);
  }
}
#moflin .m-top1 > .cmp-container .switch-container.is-card .cmp-text p {
  width: auto;
  overflow: visible;
  white-space: normal;
  text-overflow: clip;
  margin: 10px 0 0;
  color: inherit;
  font-size: var(--moflin-fs-16);
  line-height: 1.8;
  letter-spacing: 0.06em;
}
@media (max-width: 767px) {
  #moflin .m-top1 > .cmp-container .switch-container.is-card .cmp-text p {
    margin: 2.5641025641vw 0 0;
    font-size: var(--moflin-fs-sp-16);
  }
}
#moflin .m-top1 > .cmp-container .switch-container.is-card > .cmp-container > .aem-Grid > .container > .switch-container.is-6 {
  padding-top: 32px;
  background: var(--moflin-c-coral);
}
@media (max-width: 767px) {
  #moflin .m-top1 > .cmp-container .switch-container.is-card > .cmp-container > .aem-Grid > .container > .switch-container.is-6 {
    padding-top: 5.1282051282vw;
  }
}
#moflin .m-top1 > .cmp-container .switch-container.is-card > .cmp-container > .aem-Grid > .container > .switch-container.is-6 > .cmp-container > .aem-Grid {
  align-items: center;
  padding: 0 32px 32px;
}
@media (max-width: 767px) {
  #moflin .m-top1 > .cmp-container .switch-container.is-card > .cmp-container > .aem-Grid > .container > .switch-container.is-6 > .cmp-container > .aem-Grid {
    padding: 0 5.1282051282vw 6.1538461538vw;
  }
}
#moflin .m-top1 > .cmp-container .switch-container.is-card > .cmp-container > .aem-Grid > .container > .switch-container.is-6 .cmp-image {
  overflow: hidden;
  border-radius: 20px;
  background: var(--moflin-c-white);
}
@media (max-width: 767px) {
  #moflin .m-top1 > .cmp-container .switch-container.is-card > .cmp-container > .aem-Grid > .container > .switch-container.is-6 .cmp-image {
    border-radius: 5.1282051282vw;
  }
}
#moflin .m-top1 > .cmp-container .switch-container.is-card > .cmp-container > .aem-Grid > .container > .switch-container.is-6 .cmp-text {
  padding: 32px 0 0;
}
@media (max-width: 767px) {
  #moflin .m-top1 > .cmp-container .switch-container.is-card > .cmp-container > .aem-Grid > .container > .switch-container.is-6 .cmp-text {
    padding: 6.1538461538vw 0 0;
  }
}
#moflin .m-top1 > .cmp-container .switch-container.is-card > .cmp-container > .aem-Grid > .container > .switch-container.is-6 h3 {
  color: var(--moflin-c-text-dark);
  font-size: var(--moflin-fs-24);
  text-align: center;
}
@media (max-width: 767px) {
  #moflin .m-top1 > .cmp-container .switch-container.is-card > .cmp-container > .aem-Grid > .container > .switch-container.is-6 h3 {
    font-size: var(--moflin-fs-sp-24);
  }
}
#moflin .m-top1 > .cmp-container .switch-container.is-card > .cmp-container > .aem-Grid > .container > .switch-container.is-6 .switch-container.is-moflin-btn {
  margin-top: 32px;
}
@media (max-width: 767px) {
  #moflin .m-top1 > .cmp-container .switch-container.is-card > .cmp-container > .aem-Grid > .container > .switch-container.is-6 .switch-container.is-moflin-btn {
    margin-top: 4.1025641026vw;
  }
}
#moflin .m-top1 > .cmp-container .switch-container.is-card > .cmp-container > .aem-Grid > .container > .switch-container.is-6 .switch-container.is-moflin-btn .cmp-button {
  background: var(--moflin-c-white);
  color: var(--moflin-c-text);
}

#moflin .m-top1 > .cmp-container #sec1-2 .aem-Grid {
  width: auto;
}
#moflin .m-top1 > .cmp-container #sec1-2 .aem-Grid::before, #moflin .m-top1 > .cmp-container #sec1-2 .aem-Grid::after {
  content: none;
}
#moflin .m-top1 > .cmp-container #sec1-2 .aem-GridColumn {
  float: none;
  clear: none;
  width: auto;
  margin: 0;
}
#moflin .m-top1 > .cmp-container #sec1-2 {
  padding: 136px 0;
}
@media (max-width: 767px) {
  #moflin .m-top1 > .cmp-container #sec1-2 {
    padding: 16.4102564103vw 0;
  }
}
#moflin .m-top1 > .cmp-container #sec1-2 > .aem-Grid {
  display: grid;
  grid-template-columns: 48.75% minmax(0, 448px);
  align-items: center;
  -moz-column-gap: 7.15%;
       column-gap: 7.15%;
}
@media (max-width: 767px) {
  #moflin .m-top1 > .cmp-container #sec1-2 > .aem-Grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 6.1538461538vw;
  }
}
@media (max-width: 767px) {
  #moflin .m-top1 > .cmp-container #sec1-2 > .aem-Grid > .image {
    margin-right: 5.1282051282vw;
  }
}
#moflin .m-top1 > .cmp-container #sec1-2 > .aem-Grid > .image img {
  display: block;
  width: 100%;
  height: auto;
}
@media (max-width: 767px) {
  #moflin .m-top1 > .cmp-container #sec1-2 > .aem-Grid > .container {
    padding: 0 7.1794871795vw;
    text-align: center;
  }
}
#moflin .m-top1 > .cmp-container #sec1-2 .container .cmp-image {
  width: 250px;
}
@media (max-width: 767px) {
  #moflin .m-top1 > .cmp-container #sec1-2 .container .cmp-image {
    width: 46.1538461538vw;
    margin: 0 auto;
  }
}
#moflin .m-top1 > .cmp-container #sec1-2 .container .cmp-image img {
  display: block;
  width: 100%;
  height: auto;
}
#moflin .m-top1 > .cmp-container #sec1-2 .cmp-text p {
  width: auto;
  overflow: visible;
  white-space: normal;
  text-overflow: clip;
  margin: 28px 0 0;
  color: var(--moflin-c-text);
  font-family: var(--moflin-font-jp);
  font-size: var(--moflin-fs-20);
  line-height: 2;
  letter-spacing: 0.06em;
}
@media (max-width: 767px) {
  #moflin .m-top1 > .cmp-container #sec1-2 .cmp-text p {
    margin: 6.6666666667vw 0 0;
    font-size: var(--moflin-fs-sp-16);
  }
}

#moflin .m-top1 > .cmp-container #sec1-3 {
  padding: 83px 0 59px;
}
@media (max-width: 767px) {
  #moflin .m-top1 > .cmp-container #sec1-3 {
    padding: 16.4102564103vw 0 24.6153846154vw;
  }
}
#moflin .m-top1 > .cmp-container #sec1-3 .switch-container.is-inr {
  max-width: 1200px;
}
@media (max-width: 767px) {
  #moflin .m-top1 > .cmp-container #sec1-3 .switch-container.is-inr {
    max-width: 307.6923076923vw;
  }
}

#moflin .m-top1 > .cmp-container #sec1-3-1 .aem-Grid {
  width: auto;
}
#moflin .m-top1 > .cmp-container #sec1-3-1 .aem-Grid::before, #moflin .m-top1 > .cmp-container #sec1-3-1 .aem-Grid::after {
  content: none;
}
#moflin .m-top1 > .cmp-container #sec1-3-1 .aem-GridColumn {
  float: none;
  clear: none;
  width: auto;
  margin: 0;
}
#moflin .m-top1 > .cmp-container #sec1-3-1 > .aem-Grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: start;
  gap: 64px 36px;
  padding-bottom: 64px;
}
@media (max-width: 767px) {
  #moflin .m-top1 > .cmp-container #sec1-3-1 > .aem-Grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 14.358974359vw;
    padding-bottom: 0;
  }
}
@media (min-width: 768px) {
  #moflin .m-top1 > .cmp-container #sec1-3-1 > .aem-Grid > :nth-child(even) {
    translate: 0 64px;
  }
}
#moflin .m-top1 > .cmp-container #sec1-3-1 .cmp-image {
  width: 584px;
  max-width: 100%;
  margin: 0 auto;
}
#moflin .m-top1 > .cmp-container #sec1-3-1 .cmp-image img {
  display: block;
  width: 100%;
  height: auto;
}
@media (max-width: 767px) {
  #moflin .m-top1 > .cmp-container #sec1-3-1 .cmp-image {
    width: 149.7435897436vw;
  }
}
#moflin .m-top1 > .cmp-container #sec1-3-1 .cmp-text {
  margin-top: 32px;
  padding: 0 56px;
  color: var(--moflin-c-text);
}
@media (max-width: 767px) {
  #moflin .m-top1 > .cmp-container #sec1-3-1 .cmp-text {
    margin-top: 4.1025641026vw;
    padding: 0;
  }
}
#moflin .m-top1 > .cmp-container #sec1-3-1 .cmp-text h3 {
  margin: 0;
  padding: 0;
  color: inherit;
  font-family: var(--moflin-font-base);
  font-size: var(--moflin-fs-32);
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.06em;
  text-align: center;
}
@media (max-width: 767px) {
  #moflin .m-top1 > .cmp-container #sec1-3-1 .cmp-text h3 {
    font-size: var(--moflin-fs-sp-28);
  }
}
#moflin .m-top1 > .cmp-container #sec1-3-1 .cmp-text p {
  width: auto;
  overflow: visible;
  white-space: normal;
  text-overflow: clip;
  margin: 8px 0 0;
  color: inherit;
  font-family: var(--moflin-font-jp);
  font-size: var(--moflin-fs-18);
  line-height: 1.8;
  letter-spacing: 0.06em;
  text-align: left;
}
@media (max-width: 767px) {
  #moflin .m-top1 > .cmp-container #sec1-3-1 .cmp-text p {
    font-size: var(--moflin-fs-16);
    text-align: left !important;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #moflin .m-top1 > .cmp-container #sec1-3-1 .cmp-text p {
    font-size: var(--moflin-fs-sp-16);
  }
}
@media (max-width: 767px) {
  #moflin .m-top1 > .cmp-container #sec1-3-1 .cmp-text p {
    margin: 2.0512820513vw 0 0;
    font-size: var(--moflin-fs-sp-18);
  }
}
#moflin .m-top1 > .cmp-container #sec1-3-1 .switch-container.is-moflin-btn {
  margin-top: 16px;
}
@media (max-width: 767px) {
  #moflin .m-top1 > .cmp-container #sec1-3-1 .switch-container.is-moflin-btn {
    margin-top: 4.1025641026vw;
  }
}

#moflin .m-top1 > .cmp-container #sec1-3-2 .aem-Grid {
  width: auto;
}
#moflin .m-top1 > .cmp-container #sec1-3-2 .aem-Grid::before, #moflin .m-top1 > .cmp-container #sec1-3-2 .aem-Grid::after {
  content: none;
}
#moflin .m-top1 > .cmp-container #sec1-3-2 .aem-GridColumn {
  float: none;
  clear: none;
  width: auto;
  margin: 0;
}
#moflin .m-top1 > .cmp-container #sec1-3-2 {
  width: -moz-fit-content;
  width: fit-content;
  max-width: 100%;
  margin: 96px auto 0;
}
@media (max-width: 767px) {
  #moflin .m-top1 > .cmp-container #sec1-3-2 {
    margin: 14.358974359vw auto 0;
    box-sizing: border-box;
    width: 100%;
  }
}
#moflin .m-top1 > .cmp-container #sec1-3-2 > .aem-Grid {
  display: grid;
  grid-template-columns: 160px auto auto;
  align-items: center;
  -moz-column-gap: 24px;
       column-gap: 24px;
  padding: 32px;
  border-radius: 20px;
  background: var(--moflin-c-white);
}
@media (max-width: 767px) {
  #moflin .m-top1 > .cmp-container #sec1-3-2 > .aem-Grid {
    -moz-column-gap: 6.1538461538vw;
         column-gap: 6.1538461538vw;
    border-radius: 5.1282051282vw;
    grid-template-columns: 41.0256410256vw 1fr;
    gap: 4.1025641026vw;
    padding: 6.1538461538vw;
  }
}
@media (max-width: 767px) {
  #moflin .m-top1 > .cmp-container #sec1-3-2 > .aem-Grid > .image {
    grid-row: 1;
    grid-column: 1;
  }
}
#moflin .m-top1 > .cmp-container #sec1-3-2 > .aem-Grid > .image img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 8px;
}
@media (max-width: 767px) {
  #moflin .m-top1 > .cmp-container #sec1-3-2 > .aem-Grid > .image img {
    border-radius: 2.0512820513vw;
  }
}
@media (max-width: 767px) {
  #moflin .m-top1 > .cmp-container #sec1-3-2 > .aem-Grid > .text {
    display: contents;
  }
}
#moflin .m-top1 > .cmp-container #sec1-3-2 .cmp-text {
  color: var(--moflin-c-text);
}
@media (max-width: 767px) {
  #moflin .m-top1 > .cmp-container #sec1-3-2 .cmp-text {
    display: contents;
  }
}
#moflin .m-top1 > .cmp-container #sec1-3-2 .cmp-text h3 {
  margin: 0;
  padding: 0;
  color: inherit;
  font-family: var(--moflin-font-base);
  font-size: var(--moflin-fs-20);
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.06em;
}
@media (max-width: 767px) {
  #moflin .m-top1 > .cmp-container #sec1-3-2 .cmp-text h3 {
    grid-row: 1;
    grid-column: 2;
    font-size: var(--moflin-fs-sp-18);
  }
}
#moflin .m-top1 > .cmp-container #sec1-3-2 .cmp-text p {
  width: auto;
  overflow: visible;
  white-space: normal;
  text-overflow: clip;
  max-width: 360px;
  margin: 7px 0 0;
  color: inherit;
  font-family: var(--moflin-font-jp);
  font-size: var(--moflin-fs-16);
  line-height: 1.8;
  letter-spacing: 0.06em;
}
@media (max-width: 767px) {
  #moflin .m-top1 > .cmp-container #sec1-3-2 .cmp-text p {
    max-width: 92.3076923077vw;
    grid-column: 1/-1;
    margin: 0;
    font-size: var(--moflin-fs-sp-14);
    letter-spacing: 0.03em;
  }
}
@media (max-width: 767px) {
  #moflin .m-top1 > .cmp-container #sec1-3-2 > .aem-Grid > .container {
    grid-column: 1/-1;
  }
}
@media (max-width: 767px) {
  #moflin .m-top1 > .cmp-container #sec1-3-2 .switch-container.is-moflin-btn .button {
    width: 100%;
  }
}
#moflin .m-top1 > .cmp-container #sec1-3-2 .switch-container.is-moflin-btn .cmp-button {
  min-width: 0;
  min-height: 43px;
  padding: 8px 24px;
}
@media (max-width: 767px) {
  #moflin .m-top1 > .cmp-container #sec1-3-2 .switch-container.is-moflin-btn .cmp-button {
    min-height: 11.0256410256vw;
    padding: 2.0512820513vw 6.1538461538vw;
    width: 100%;
  }
}
#moflin .m-top1 > .cmp-container #sec1-3-2 .switch-container.is-moflin-btn .cmp-button__text {
  font-size: var(--moflin-fs-14);
}
@media (max-width: 767px) {
  #moflin .m-top1 > .cmp-container #sec1-3-2 .switch-container.is-moflin-btn .cmp-button__text {
    font-size: var(--moflin-fs-sp-14);
  }
}

#moflin .m-top2 > .cmp-container {
  padding: 96px 0 120px;
}
@media (max-width: 767px) {
  #moflin .m-top2 > .cmp-container {
    padding: 16.4102564103vw 0;
  }
}
#moflin .m-top2 > .cmp-container .switch-container.is-inr {
  max-width: 1200px;
}
@media (max-width: 767px) {
  #moflin .m-top2 > .cmp-container .switch-container.is-inr {
    max-width: 307.6923076923vw;
  }
}
#moflin .m-top2 > .cmp-container .switch-container.is-title {
  margin-bottom: 32px;
}
@media (max-width: 767px) {
  #moflin .m-top2 > .cmp-container .switch-container.is-title {
    margin-bottom: 6.1538461538vw;
  }
}
#moflin .m-top2 > .cmp-container .switch-container.is-moflin-btn {
  margin-top: 48px;
}
@media (max-width: 767px) {
  #moflin .m-top2 > .cmp-container .switch-container.is-moflin-btn {
    margin-top: 6.1538461538vw;
  }
}

#moflin .m-top2 > .cmp-container .cmp-newslist {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 32px;
  margin: 0;
  padding: 0;
  list-style: none;
}
@media (max-width: 767px) {
  #moflin .m-top2 > .cmp-container .cmp-newslist {
    grid-template-columns: minmax(0, 1fr);
    gap: 6.1538461538vw;
  }
}
#moflin .m-top2 > .cmp-container .cmp-newslist .cmp-newslist__item {
  width: auto;
  margin: 0;
  padding: 0;
  border: 0;
}
@media (max-width: 767px) {
  #moflin .m-top2 > .cmp-container .cmp-newslist .cmp-newslist__item:not(:last-child) {
    padding-bottom: 4.1025641026vw;
    border-bottom: 1px solid var(--moflin-c-border);
  }
}
#moflin .m-top2 > .cmp-container .cmp-newslist .cmp-newslist__row {
  margin: 0;
  padding: 0;
}
#moflin .m-top2 > .cmp-container .cmp-newslist .cmp-newslist__link {
  display: block;
  color: var(--moflin-c-text);
  text-decoration: none;
}
#moflin .m-top2 > .cmp-container .cmp-newslist .cmp-newslist__link .cmp-newslist-item__thumbnail-inner {
  overflow: hidden;
}
#moflin .m-top2 > .cmp-container .cmp-newslist .cmp-newslist__link img {
  transition: transform 0.2s ease-out;
}
@media (hover: hover) {
  #moflin .m-top2 > .cmp-container .cmp-newslist .cmp-newslist__link:hover img {
    transform: scale(1.05);
  }
}
#moflin .m-top2 > .cmp-container .cmp-newslist .cmp-newslist__link:focus-visible {
  outline: 2px solid var(--moflin-c-text);
  outline-offset: 2px;
}
#moflin .m-top2 > .cmp-container .cmp-newslist .cmp-newslist-item {
  display: grid;
  grid-template-columns: 140px minmax(0, 1fr);
  grid-template-rows: auto 1fr;
  gap: 4px 16px;
  align-items: start;
  margin: 0;
  padding: 0;
}
@media (max-width: 767px) {
  #moflin .m-top2 > .cmp-container .cmp-newslist .cmp-newslist-item {
    grid-template-columns: 30.7692307692vw minmax(0, 1fr);
    gap: 1.0256410256vw 4.1025641026vw;
  }
}
#moflin .m-top2 > .cmp-container .cmp-newslist .cmp-newslist-item__thumbnail {
  grid-row: 1/span 2;
  grid-column: 1;
  width: auto;
  margin: 0;
  padding: 0;
}
#moflin .m-top2 > .cmp-container .cmp-newslist .cmp-newslist-item__thumbnail-inner {
  position: relative;
  width: auto;
  height: auto;
  padding: 0;
  border-radius: 8px;
}
@media (max-width: 767px) {
  #moflin .m-top2 > .cmp-container .cmp-newslist .cmp-newslist-item__thumbnail-inner {
    border-radius: 2.0512820513vw;
  }
}
#moflin .m-top2 > .cmp-container .cmp-newslist .cmp-newslist-item__thumbnail-inner img {
  position: static;
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 4/3;
  -o-object-fit: cover;
     object-fit: cover;
}
#moflin .m-top2 > .cmp-container .cmp-newslist .cmp-newslist-item__date {
  grid-row: 1;
  grid-column: 2;
  width: auto;
  margin: 0;
  color: var(--moflin-c-text);
  font-family: var(--moflin-font-base);
  font-size: var(--moflin-fs-12);
  line-height: 1.5;
  letter-spacing: 0.06em;
}
@media (max-width: 767px) {
  #moflin .m-top2 > .cmp-container .cmp-newslist .cmp-newslist-item__date {
    font-size: var(--moflin-fs-sp-12);
  }
}
#moflin .m-top2 > .cmp-container .cmp-newslist .cmp-newslist-item__tag {
  display: none;
}
#moflin .m-top2 > .cmp-container .cmp-newslist .cmp-newslist-item__title {
  grid-row: 2;
  grid-column: 2;
  width: auto;
  margin: 0;
  color: var(--moflin-c-text);
  font-family: var(--moflin-font-jp);
  font-size: var(--moflin-fs-14);
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.06em;
}
@media (max-width: 767px) {
  #moflin .m-top2 > .cmp-container .cmp-newslist .cmp-newslist-item__title {
    font-size: var(--moflin-fs-sp-14);
  }
}
#moflin .m-top2 > .cmp-container .cmp-newslist .cmp-newslist-item__title span {
  display: block;
  overflow: visible;
  -webkit-line-clamp: unset;
}

#moflin .m-top2 > .cmp-container #news-list .aem-Grid {
  width: auto;
}
#moflin .m-top2 > .cmp-container #news-list .aem-Grid::before, #moflin .m-top2 > .cmp-container #news-list .aem-Grid::after {
  content: none;
}
#moflin .m-top2 > .cmp-container #news-list .aem-GridColumn {
  float: none;
  clear: none;
  width: auto;
  margin: 0;
}
#moflin .m-top2 > .cmp-container #news-list > .aem-Grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 32px;
}
@media (max-width: 767px) {
  #moflin .m-top2 > .cmp-container #news-list > .aem-Grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 6.1538461538vw;
  }
}
@media (max-width: 767px) {
  #moflin .m-top2 > .cmp-container #news-list > .aem-Grid > .container:not(:last-child) {
    padding-bottom: 4.1025641026vw;
    border-bottom: 1px solid var(--moflin-c-border);
  }
}
#moflin .m-top2 > .cmp-container #news-list .cmp-container > .aem-Grid .aem-Grid {
  width: auto;
}
#moflin .m-top2 > .cmp-container #news-list .cmp-container > .aem-Grid .aem-Grid::before, #moflin .m-top2 > .cmp-container #news-list .cmp-container > .aem-Grid .aem-Grid::after {
  content: none;
}
#moflin .m-top2 > .cmp-container #news-list .cmp-container > .aem-Grid .aem-GridColumn {
  float: none;
  clear: none;
  width: auto;
  margin: 0;
}
#moflin .m-top2 > .cmp-container #news-list .cmp-container > .aem-Grid {
  display: grid;
  grid-template-columns: 140px minmax(0, 1fr);
  gap: 16px;
  align-items: start;
}
@media (max-width: 767px) {
  #moflin .m-top2 > .cmp-container #news-list .cmp-container > .aem-Grid {
    grid-template-columns: 30.7692307692vw minmax(0, 1fr);
    gap: 4.1025641026vw;
  }
}
#moflin .m-top2 > .cmp-container #news-list .cmp-container > .aem-Grid::before, #moflin .m-top2 > .cmp-container #news-list .cmp-container > .aem-Grid::after {
  content: none;
}
#moflin .m-top2 > .cmp-container #news-list .cmp-container > .aem-Grid > .aem-GridColumn {
  float: none;
  width: auto;
}
#moflin .m-top2 > .cmp-container #news-list .cmp-image {
  overflow: hidden;
  border-radius: 8px;
}
@media (max-width: 767px) {
  #moflin .m-top2 > .cmp-container #news-list .cmp-image {
    border-radius: 2.0512820513vw;
  }
}
#moflin .m-top2 > .cmp-container #news-list .cmp-image img {
  display: block;
  width: 100% !important;
  height: auto;
  aspect-ratio: 4/3;
  -o-object-fit: cover;
     object-fit: cover;
}
#moflin .m-top2 > .cmp-container #news-list .cmp-text p {
  margin: 0;
  color: var(--moflin-c-text);
  font-family: var(--moflin-font-jp);
  font-size: var(--moflin-fs-14);
  line-height: 1.5;
  letter-spacing: 0.06em;
}
@media (max-width: 767px) {
  #moflin .m-top2 > .cmp-container #news-list .cmp-text p {
    font-size: var(--moflin-fs-sp-14);
  }
}
#moflin .m-top2 > .cmp-container #news-list .cmp-text p:first-child {
  font-family: var(--moflin-font-base);
  font-size: var(--moflin-fs-12);
}
@media (max-width: 767px) {
  #moflin .m-top2 > .cmp-container #news-list .cmp-text p:first-child {
    font-size: var(--moflin-fs-sp-12);
  }
}
#moflin .m-top2 > .cmp-container #news-list .cmp-text p:first-child span {
  font-size: inherit;
}
#moflin .m-top2 > .cmp-container #news-list .cmp-text p + p {
  margin-top: 4px;
}
@media (max-width: 767px) {
  #moflin .m-top2 > .cmp-container #news-list .cmp-text p + p {
    margin-top: 1.0256410256vw;
  }
}
#moflin .m-top2 > .cmp-container #news-list .cmp-text a {
  color: inherit;
  text-decoration: none;
  transition: opacity 0.2s ease-out;
}
@media (hover: hover) {
  #moflin .m-top2 > .cmp-container #news-list .cmp-text a:hover {
    opacity: 0.6;
  }
}
#moflin .m-top2 > .cmp-container #news-list .cmp-text a:focus-visible {
  outline: 2px solid var(--moflin-c-text);
  outline-offset: 2px;
}

#moflin .m-top3 > .cmp-container {
  padding: 51px 0 120px;
}
@media (max-width: 767px) {
  #moflin .m-top3 > .cmp-container {
    padding: 10.2564102564vw 0 16.4102564103vw;
  }
}
#moflin .m-top3 > .cmp-container .switch-container.is-title .cmp-text p {
  margin-top: 10px;
}
@media (max-width: 767px) {
  #moflin .m-top3 > .cmp-container .switch-container.is-title .cmp-text p {
    margin-top: 2.5641025641vw;
  }
}

#moflin .m-top3 > .cmp-container #top-sns .aem-Grid {
  width: auto;
}
#moflin .m-top3 > .cmp-container #top-sns .aem-Grid::before, #moflin .m-top3 > .cmp-container #top-sns .aem-Grid::after {
  content: none;
}
#moflin .m-top3 > .cmp-container #top-sns .aem-GridColumn {
  float: none;
  clear: none;
  width: auto;
  margin: 0;
}
#moflin .m-top3 > .cmp-container #top-sns {
  margin-top: 10px;
}
@media (max-width: 767px) {
  #moflin .m-top3 > .cmp-container #top-sns {
    margin-top: 2.0512820513vw;
  }
}
#moflin .m-top3 > .cmp-container #top-sns > .aem-Grid {
  display: flex;
  justify-content: center;
}
#moflin .m-top3 > .cmp-container #top-sns .cmp-image {
  width: 55px;
}
#moflin .m-top3 > .cmp-container #top-sns .cmp-image img {
  display: block;
  width: 100%;
  height: auto;
}
@media (max-width: 767px) {
  #moflin .m-top3 > .cmp-container #top-sns .cmp-image {
    width: 14.1025641026vw;
  }
}
#moflin .m-top3 > .cmp-container #top-sns .cmp-image__link {
  display: block;
  transition: transform 0.2s ease-out;
}
@media (hover: hover) {
  #moflin .m-top3 > .cmp-container #top-sns .cmp-image__link:hover {
    transform: scale(1.1);
  }
}

#moflin .m-top3 > .cmp-container #pr1 {
  margin-top: 10px;
}
@media (max-width: 767px) {
  #moflin .m-top3 > .cmp-container #pr1 {
    margin: 2.0512820513vw 3.0769230769vw 0;
  }
}
#moflin .m-top3 > .cmp-container #pr1 .cmp-text p {
  width: auto;
  overflow: visible;
  white-space: normal;
  text-overflow: clip;
  margin: 0;
  color: var(--moflin-c-text);
  font-family: var(--moflin-font-base);
}
#moflin .m-top3 > .cmp-container #pr1 .cmp-text p:first-child {
  font-size: var(--moflin-fs-14);
  line-height: 2;
  text-align: right;
}
@media (max-width: 767px) {
  #moflin .m-top3 > .cmp-container #pr1 .cmp-text p:first-child {
    font-size: var(--moflin-fs-sp-14);
  }
}
#moflin .m-top3 > .cmp-container #pr1 .cmp-text p + p {
  padding-top: 10px;
  font-size: min(4.2vw, 22px);
  font-weight: 200;
  line-height: 1;
}
@media (max-width: 767px) {
  #moflin .m-top3 > .cmp-container #pr1 .cmp-text p + p {
    padding-top: 2.5641025641vw;
    font-size: 4.2vw;
  }
}

#moflin .m-top3 > .cmp-container .cmp-container:has(> .aem-Grid > .container > .switch-container.js-modal) .aem-Grid {
  width: auto;
}
#moflin .m-top3 > .cmp-container .cmp-container:has(> .aem-Grid > .container > .switch-container.js-modal) .aem-Grid::before, #moflin .m-top3 > .cmp-container .cmp-container:has(> .aem-Grid > .container > .switch-container.js-modal) .aem-Grid::after {
  content: none;
}
#moflin .m-top3 > .cmp-container .cmp-container:has(> .aem-Grid > .container > .switch-container.js-modal) .aem-GridColumn {
  float: none;
  clear: none;
  width: auto;
  margin: 0;
}
#moflin .m-top3 > .cmp-container .cmp-container:has(> .aem-Grid > .container > .switch-container.js-modal) {
  margin-top: 10px;
}
@media (max-width: 767px) {
  #moflin .m-top3 > .cmp-container .cmp-container:has(> .aem-Grid > .container > .switch-container.js-modal) {
    margin: 2.5641025641vw 0 0;
  }
}
#moflin .m-top3 > .cmp-container .cmp-container:has(> .aem-Grid > .container > .switch-container.js-modal) > .aem-Grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px 5px;
}
@media (max-width: 767px) {
  #moflin .m-top3 > .cmp-container .cmp-container:has(> .aem-Grid > .container > .switch-container.js-modal) > .aem-Grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 1.2820512821vw;
  }
}
#moflin .m-top3 > .cmp-container .cmp-container:has(> .aem-Grid > .container > .switch-container.js-modal) .cmp-image__link {
  display: block;
  overflow: hidden;
}
#moflin .m-top3 > .cmp-container .cmp-container:has(> .aem-Grid > .container > .switch-container.js-modal) .cmp-image__link img {
  display: block;
  width: 100%;
  height: auto;
  transition: transform 0.2s ease-out;
}
@media (hover: hover) {
  #moflin .m-top3 > .cmp-container .cmp-container:has(> .aem-Grid > .container > .switch-container.js-modal) .cmp-image__link:hover img {
    transform: scale(1.05);
  }
}

#moflin .m-top3 > .cmp-container #pr2 {
  margin-top: 60px;
}
@media (max-width: 767px) {
  #moflin .m-top3 > .cmp-container #pr2 {
    margin: 10.2564102564vw 4.1025641026vw 0;
  }
}
#moflin .m-top3 > .cmp-container #pr2 .c-sec_inr {
  width: 100%;
}
#moflin .m-top3 > .cmp-container #pr2 .p-shareCol-2 {
  margin-top: 6%;
}
@media (max-width: 767px) {
  #moflin .m-top3 > .cmp-container #pr2 .p-shareCol-2 {
    margin-top: 7.69%;
  }
}
#moflin .m-top3 > .cmp-container #pr2 .yotpo :is(.yotpo-pictures-gallery-title, .yotpo-icon-button-text, .show-more, .show-less) {
  color: var(--moflin-c-text) !important;
}
#moflin .m-top3 > .cmp-container #pr2 .yotpo .yotpo-default-button {
  border-color: var(--moflin-c-text) !important;
}
#moflin .m-top3 > .cmp-container #pr2 .yotpo :focus-visible {
  outline: 3px solid var(--moflin-c-text) !important;
  outline-offset: -3px !important;
  box-shadow: inset 0 0 0 6px var(--moflin-c-white) !important;
}

#moflin .m-story1 #himitsu_history {
  position: relative;
  background-color: var(--moflin-c-himitsu-bg);
}

#moflin .m-story1 #himitsu_history #himitsu_history_main {
  position: relative;
  max-width: 1920px;
  margin: 0 auto;
}

#moflin .m-story1 #himitsu_history #himitsu_history_main #himitsu_history_main_bg img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#moflin .m-story1 #himitsu_history #himitsu_history_main #himitsu_history_main_2012 {
  position: absolute;
}

#moflin .m-story1 #himitsu_history #himitsu_history_main #himitsu_history_main_2012 #himitsu_history_main_2012_box > div {
  display: flex;
}

#moflin .m-story1 #himitsu_history #himitsu_history_main #himitsu_history_main_2012 #himitsu_history_main_2012_box > div > div:first-child {
  flex: 1;
}

#moflin .m-story1 #himitsu_history #himitsu_history_main #himitsu_history_main_2016 {
  position: absolute;
}

#moflin .m-story1 #himitsu_history #himitsu_history_main #himitsu_history_main_2016 #himitsu_history_main_2016_box > div {
  display: flex;
}

#moflin .m-story1 #himitsu_history #himitsu_history_main #himitsu_history_main_2016 #himitsu_history_main_2016_box > div > div:first-child {
  flex: 1;
}

#moflin .m-story1 #himitsu_history #himitsu_history_main #himitsu_history_main_2019 {
  position: absolute;
}

#moflin .m-story1 #himitsu_history #himitsu_history_main #himitsu_history_main_2019 #himitsu_history_main_2019_box > div {
  display: flex;
}

#moflin .m-story1 #himitsu_history #himitsu_history_main #himitsu_history_main_2019 #himitsu_history_main_2019_box > div > div:first-child {
  flex: 1;
}

#moflin .m-story1 #himitsu_history #himitsu_history_main #himitsu_history_main_2023 {
  position: absolute;
}

#moflin .m-story1 #himitsu_history #himitsu_history_main #himitsu_history_main_2023 #himitsu_history_main_2023_box > div {
  display: flex;
}

#moflin .m-story1 #himitsu_history #himitsu_history_main #himitsu_history_main_2023 #himitsu_history_main_2023_box > div > div:first-child {
  flex: 1;
}

#moflin .m-story1 #himitsu_history #himitsu_history_main #himitsu_history_main_2025 {
  position: absolute;
}

#moflin .m-story1 #himitsu_history #himitsu_history_main #himitsu_history_main_2025 #himitsu_history_main_2025_box > div {
  display: flex;
}

#moflin .m-story1 #himitsu_history #himitsu_history_main #himitsu_history_main_2025 #himitsu_history_main_2025_box > div > div:first-child {
  flex: 1;
}

#moflin .m-story1 #himitsu_history #himitsu_history_main .himitsu_history_main_title {
  color: var(--moflin-c-coral);
  letter-spacing: 0.1em;
  font-weight: 700;
  text-align: left;
  line-height: 1;
  padding: 0;
}

#moflin .m-story1 #himitsu_history #himitsu_history_main .himitsu_history_main_sub {
  color: var(--moflin-c-himitsu-gray);
  letter-spacing: 0.1em;
  font-weight: 700;
  text-align: left;
  line-height: 1.8;
  padding: 0;
}

#moflin .m-story1 #himitsu_history #himitsu_history_main .himitsu_history_main_txt {
  color: var(--moflin-c-himitsu-gray);
  font-weight: 400;
  text-align: left;
  line-height: 1.8;
  padding: 0;
}

#moflin .m-story1 #himitsu_history #himitsu_history_box > div {
  display: flex;
  justify-content: center;
  align-items: flex-start;
}

#moflin .m-story1 #himitsu_history #himitsu_history_box .himitsu_history_box_title {
  font-family: Lexend Deca, Noto Sans JP, sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 700;
  color: var(--moflin-c-coral);
  letter-spacing: 0.1em;
  line-height: 1;
  text-align: center;
}

#moflin .m-story1 #himitsu_history #himitsu_history_box .himitsu_history_box_post {
  font-family: Lexend Deca, Noto Sans JP, sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 400;
  color: var(--moflin-c-himitsu-gray-dark);
  letter-spacing: 0.05em;
  line-height: 1.4;
  text-align: center;
  margin-bottom: 0;
}

#moflin .m-story1 #himitsu_history #himitsu_history_box .himitsu_history_box_name {
  display: flex;
  justify-content: center;
}

#moflin .m-story1 #himitsu_history #himitsu_history_box .himitsu_history_box_name .chara {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
}

#moflin .m-story1 #himitsu_history #himitsu_history_box .himitsu_history_box_name .chara.is-left {
  padding-left: 1em;
}

#moflin .m-story1 #himitsu_history #himitsu_history_box .himitsu_history_box_name .kana {
  margin-bottom: 0.15em;
}

#moflin .m-story1 #himitsu_history #himitsu_history_box .himitsu_history_box_name .kana, #moflin .m-story1 #himitsu_history #himitsu_history_box .himitsu_history_box_name .kanji {
  font-family: Lexend Deca, Noto Sans JP, sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 400;
  color: var(--moflin-c-himitsu-gray-dark);
  line-height: 1;
}

#moflin .m-story1 #himitsu_history #himitsu_history_box .himitsu_history_box_txt {
  font-family: Lexend Deca, Noto Sans JP, sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 400;
  color: var(--moflin-c-himitsu-gray-dark);
  letter-spacing: 0.05em;
  line-height: 1.6;
  text-align: center;
}

@media (min-width: 1440px) {
  #moflin .m-story1 #himitsu_history {
    padding: 170px 0 120px;
  }
  #moflin .m-story1 #himitsu_history #himitsu_history_main #himitsu_history_main_bg {
    aspect-ratio: 1920/4490;
  }
  #moflin .m-story1 #himitsu_history #himitsu_history_main #himitsu_history_main_2012 {
    top: 48.4375vw;
    left: 25.52083vw;
    width: 56.25vw;
  }
  #moflin .m-story1 #himitsu_history #himitsu_history_main #himitsu_history_main_2012 .himitsu_history_main_title {
    padding-left: 8.85417vw;
  }
  #moflin .m-story1 #himitsu_history #himitsu_history_main #himitsu_history_main_2012 #himitsu_history_main_2012_box {
    margin-top: 2.60417vw;
  }
  #moflin .m-story1 #himitsu_history #himitsu_history_main #himitsu_history_main_2012 #himitsu_history_main_2012_box > div {
    justify-content: space-between;
  }
  #moflin .m-story1 #himitsu_history #himitsu_history_main #himitsu_history_main_2012 #himitsu_history_main_2012_box > div > div:first-child {
    padding-right: 2.08333vw;
  }
  #moflin .m-story1 #himitsu_history #himitsu_history_main #himitsu_history_main_2012 #himitsu_history_main_2012_box > div > div:nth-child(2) {
    width: 30.46875vw;
  }
  #moflin .m-story1 #himitsu_history #himitsu_history_main #himitsu_history_main_2016 {
    top: 84.89583vw;
    left: 16.5625vw;
    width: 55.72917vw;
  }
  #moflin .m-story1 #himitsu_history #himitsu_history_main #himitsu_history_main_2016 .himitsu_history_main_title {
    padding-left: 10.41667vw;
  }
  #moflin .m-story1 #himitsu_history #himitsu_history_main #himitsu_history_main_2016 #himitsu_history_main_2016_box {
    margin-top: 2.60417vw;
  }
  #moflin .m-story1 #himitsu_history #himitsu_history_main #himitsu_history_main_2016 #himitsu_history_main_2016_box > div {
    justify-content: space-between;
  }
  #moflin .m-story1 #himitsu_history #himitsu_history_main #himitsu_history_main_2016 #himitsu_history_main_2016_box > div > div:first-child {
    padding-left: 2.08333vw;
    order: 2;
  }
  #moflin .m-story1 #himitsu_history #himitsu_history_main #himitsu_history_main_2016 #himitsu_history_main_2016_box > div > div:nth-child(2) {
    width: 30.46875vw;
    order: 1;
  }
  #moflin .m-story1 #himitsu_history #himitsu_history_main #himitsu_history_main_2019 {
    top: 118.75vw;
    left: 25.52083vw;
    width: 57.08333vw;
  }
  #moflin .m-story1 #himitsu_history #himitsu_history_main #himitsu_history_main_2019 .himitsu_history_main_title {
    padding-left: 8.125vw;
  }
  #moflin .m-story1 #himitsu_history #himitsu_history_main #himitsu_history_main_2019 #himitsu_history_main_2019_box {
    margin-top: 2.60417vw;
  }
  #moflin .m-story1 #himitsu_history #himitsu_history_main #himitsu_history_main_2019 #himitsu_history_main_2019_box > div {
    justify-content: space-between;
  }
  #moflin .m-story1 #himitsu_history #himitsu_history_main #himitsu_history_main_2019 #himitsu_history_main_2019_box > div > div:first-child {
    padding-right: 2.08333vw;
  }
  #moflin .m-story1 #himitsu_history #himitsu_history_main #himitsu_history_main_2019 #himitsu_history_main_2019_box > div > div:nth-child(2) {
    width: 32.91667vw;
    transform: translate(-1.5625vw, -1.5625vw);
  }
  #moflin .m-story1 #himitsu_history #himitsu_history_main #himitsu_history_main_2023 {
    top: 158.4375vw;
    left: 16.5625vw;
    width: 55.52083vw;
  }
  #moflin .m-story1 #himitsu_history #himitsu_history_main #himitsu_history_main_2023 .himitsu_history_main_title {
    padding-left: 18.85417vw;
  }
  #moflin .m-story1 #himitsu_history #himitsu_history_main #himitsu_history_main_2023 #himitsu_history_main_2023_box {
    margin-top: 2.60417vw;
  }
  #moflin .m-story1 #himitsu_history #himitsu_history_main #himitsu_history_main_2023 #himitsu_history_main_2023_box > div {
    justify-content: space-between;
  }
  #moflin .m-story1 #himitsu_history #himitsu_history_main #himitsu_history_main_2023 #himitsu_history_main_2023_box > div > div:first-child {
    padding-left: 2.08333vw;
    order: 2;
  }
  #moflin .m-story1 #himitsu_history #himitsu_history_main #himitsu_history_main_2023 #himitsu_history_main_2023_box > div > div:nth-child(2) {
    width: 30.46875vw;
    order: 1;
  }
  #moflin .m-story1 #himitsu_history #himitsu_history_main #himitsu_history_main_2025 {
    top: 192.08333vw;
    left: 25.52083vw;
    width: 57.08333vw;
  }
  #moflin .m-story1 #himitsu_history #himitsu_history_main #himitsu_history_main_2025 .himitsu_history_main_title {
    padding-left: 10.52083vw;
  }
  #moflin .m-story1 #himitsu_history #himitsu_history_main #himitsu_history_main_2025 #himitsu_history_main_2025_box {
    margin-top: 2.60417vw;
  }
  #moflin .m-story1 #himitsu_history #himitsu_history_main #himitsu_history_main_2025 #himitsu_history_main_2025_box > div {
    justify-content: space-between;
  }
  #moflin .m-story1 #himitsu_history #himitsu_history_main #himitsu_history_main_2025 #himitsu_history_main_2025_box > div > div:first-child {
    padding-right: 2.08333vw;
  }
  #moflin .m-story1 #himitsu_history #himitsu_history_main #himitsu_history_main_2025 #himitsu_history_main_2025_box > div > div:nth-child(2) {
    width: 30.46875vw;
  }
  #moflin .m-story1 #himitsu_history #himitsu_history_main .himitsu_history_main_title {
    font-size: 1.61458vw;
  }
  #moflin .m-story1 #himitsu_history #himitsu_history_main .himitsu_history_main_sub {
    font-size: 1.30208vw;
    margin-bottom: 1.30208vw;
  }
  #moflin .m-story1 #himitsu_history #himitsu_history_main .himitsu_history_main_txt {
    font-size: 1.04167vw;
  }
  #moflin .m-story1 #himitsu_history #himitsu_history_box {
    margin-top: 60px;
  }
  #moflin .m-story1 #himitsu_history #himitsu_history_box > div > div {
    width: 300px;
  }
  #moflin .m-story1 #himitsu_history #himitsu_history_box > div > div:nth-child(3n+2) {
    margin: 0 130px;
  }
  #moflin .m-story1 #himitsu_history #himitsu_history_box img {
    margin-top: 35px;
    margin-bottom: 20px;
  }
  #moflin .m-story1 #himitsu_history #himitsu_history_box .himitsu_history_box_title {
    font-size: 21px;
  }
  #moflin .m-story1 #himitsu_history #himitsu_history_box .himitsu_history_box_post {
    font-size: var(--moflin-fs-14);
  }
  #moflin .m-story1 #himitsu_history #himitsu_history_box .himitsu_history_box_name {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  #moflin .m-story1 #himitsu_history #himitsu_history_box .himitsu_history_box_name .kana {
    font-size: var(--moflin-fs-12);
  }
  #moflin .m-story1 #himitsu_history #himitsu_history_box .himitsu_history_box_name .kanji {
    font-size: var(--moflin-fs-28);
  }
  #moflin .m-story1 #himitsu_history #himitsu_history_box .himitsu_history_box_txt {
    font-size: var(--moflin-fs-16);
  }
}
@media (min-width: 769px) and (max-width: 1440px) {
  #moflin .m-story1 #himitsu_history {
    padding: 11.80556vw 0 8.33333vw;
  }
  #moflin .m-story1 #himitsu_history #himitsu_history_main #himitsu_history_main_bg {
    aspect-ratio: 1920/4490;
  }
  #moflin .m-story1 #himitsu_history #himitsu_history_main #himitsu_history_main_2012 {
    top: 48.4375vw;
    left: 25.52083vw;
    width: 56.25vw;
  }
  #moflin .m-story1 #himitsu_history #himitsu_history_main #himitsu_history_main_2012 .himitsu_history_main_title {
    padding-left: 8.85417vw;
  }
  #moflin .m-story1 #himitsu_history #himitsu_history_main #himitsu_history_main_2012 #himitsu_history_main_2012_box {
    margin-top: 2.60417vw;
  }
  #moflin .m-story1 #himitsu_history #himitsu_history_main #himitsu_history_main_2012 #himitsu_history_main_2012_box > div {
    justify-content: space-between;
  }
  #moflin .m-story1 #himitsu_history #himitsu_history_main #himitsu_history_main_2012 #himitsu_history_main_2012_box > div > div:first-child {
    padding-right: 2.08333vw;
  }
  #moflin .m-story1 #himitsu_history #himitsu_history_main #himitsu_history_main_2012 #himitsu_history_main_2012_box > div > div:nth-child(2) {
    width: 30.46875vw;
  }
  #moflin .m-story1 #himitsu_history #himitsu_history_main #himitsu_history_main_2016 {
    top: 84.89583vw;
    left: 16.5625vw;
    width: 55.72917vw;
  }
  #moflin .m-story1 #himitsu_history #himitsu_history_main #himitsu_history_main_2016 .himitsu_history_main_title {
    padding-left: 10.41667vw;
  }
  #moflin .m-story1 #himitsu_history #himitsu_history_main #himitsu_history_main_2016 #himitsu_history_main_2016_box {
    margin-top: 2.60417vw;
  }
  #moflin .m-story1 #himitsu_history #himitsu_history_main #himitsu_history_main_2016 #himitsu_history_main_2016_box > div {
    justify-content: space-between;
  }
  #moflin .m-story1 #himitsu_history #himitsu_history_main #himitsu_history_main_2016 #himitsu_history_main_2016_box > div > div:first-child {
    padding-left: 2.08333vw;
    order: 2;
  }
  #moflin .m-story1 #himitsu_history #himitsu_history_main #himitsu_history_main_2016 #himitsu_history_main_2016_box > div > div:nth-child(2) {
    width: 30.46875vw;
    order: 1;
  }
  #moflin .m-story1 #himitsu_history #himitsu_history_main #himitsu_history_main_2019 {
    top: 118.75vw;
    left: 25.52083vw;
    width: 57.08333vw;
  }
  #moflin .m-story1 #himitsu_history #himitsu_history_main #himitsu_history_main_2019 .himitsu_history_main_title {
    padding-left: 8.125vw;
  }
  #moflin .m-story1 #himitsu_history #himitsu_history_main #himitsu_history_main_2019 #himitsu_history_main_2019_box {
    margin-top: 2.60417vw;
  }
  #moflin .m-story1 #himitsu_history #himitsu_history_main #himitsu_history_main_2019 #himitsu_history_main_2019_box > div {
    justify-content: space-between;
  }
  #moflin .m-story1 #himitsu_history #himitsu_history_main #himitsu_history_main_2019 #himitsu_history_main_2019_box > div > div:first-child {
    padding-right: 2.08333vw;
  }
  #moflin .m-story1 #himitsu_history #himitsu_history_main #himitsu_history_main_2019 #himitsu_history_main_2019_box > div > div:nth-child(2) {
    width: 32.91667vw;
    transform: translate(-1.5625vw, -1.5625vw);
  }
  #moflin .m-story1 #himitsu_history #himitsu_history_main #himitsu_history_main_2023 {
    top: 158.4375vw;
    left: 16.5625vw;
    width: 55.52083vw;
  }
  #moflin .m-story1 #himitsu_history #himitsu_history_main #himitsu_history_main_2023 .himitsu_history_main_title {
    padding-left: 18.85417vw;
  }
  #moflin .m-story1 #himitsu_history #himitsu_history_main #himitsu_history_main_2023 #himitsu_history_main_2023_box {
    margin-top: 2.60417vw;
  }
  #moflin .m-story1 #himitsu_history #himitsu_history_main #himitsu_history_main_2023 #himitsu_history_main_2023_box > div {
    justify-content: space-between;
  }
  #moflin .m-story1 #himitsu_history #himitsu_history_main #himitsu_history_main_2023 #himitsu_history_main_2023_box > div > div:first-child {
    padding-left: 2.08333vw;
    order: 2;
  }
  #moflin .m-story1 #himitsu_history #himitsu_history_main #himitsu_history_main_2023 #himitsu_history_main_2023_box > div > div:nth-child(2) {
    width: 30.46875vw;
    order: 1;
  }
  #moflin .m-story1 #himitsu_history #himitsu_history_main #himitsu_history_main_2025 {
    top: 192.08333vw;
    left: 25.52083vw;
    width: 57.08333vw;
  }
  #moflin .m-story1 #himitsu_history #himitsu_history_main #himitsu_history_main_2025 .himitsu_history_main_title {
    padding-left: 10.52083vw;
  }
  #moflin .m-story1 #himitsu_history #himitsu_history_main #himitsu_history_main_2025 #himitsu_history_main_2025_box {
    margin-top: 2.60417vw;
  }
  #moflin .m-story1 #himitsu_history #himitsu_history_main #himitsu_history_main_2025 #himitsu_history_main_2025_box > div {
    justify-content: space-between;
  }
  #moflin .m-story1 #himitsu_history #himitsu_history_main #himitsu_history_main_2025 #himitsu_history_main_2025_box > div > div:first-child {
    padding-right: 2.08333vw;
  }
  #moflin .m-story1 #himitsu_history #himitsu_history_main #himitsu_history_main_2025 #himitsu_history_main_2025_box > div > div:nth-child(2) {
    width: 30.46875vw;
  }
  #moflin .m-story1 #himitsu_history #himitsu_history_main .himitsu_history_main_title {
    font-size: 1.61458vw;
  }
  #moflin .m-story1 #himitsu_history #himitsu_history_main .himitsu_history_main_sub {
    font-size: 1.30208vw;
    margin-bottom: 1.30208vw;
  }
  #moflin .m-story1 #himitsu_history #himitsu_history_main .himitsu_history_main_txt {
    font-size: 1.04167vw;
  }
  #moflin .m-story1 #himitsu_history #himitsu_history_box {
    margin-top: 4.16667vw;
  }
  #moflin .m-story1 #himitsu_history #himitsu_history_box > div > div {
    width: 20.83333vw;
  }
  #moflin .m-story1 #himitsu_history #himitsu_history_box > div > div:nth-child(3n+2) {
    margin: 0 9.02778vw;
  }
  #moflin .m-story1 #himitsu_history #himitsu_history_box img {
    margin-top: 2.43056vw;
    margin-bottom: 1.38889vw;
  }
  #moflin .m-story1 #himitsu_history #himitsu_history_box .himitsu_history_box_title {
    font-size: 1.45833vw;
  }
  #moflin .m-story1 #himitsu_history #himitsu_history_box .himitsu_history_box_post {
    font-size: 0.97222vw;
  }
  #moflin .m-story1 #himitsu_history #himitsu_history_box .himitsu_history_box_name {
    margin-top: 1.38889vw;
    margin-bottom: 1.38889vw;
  }
  #moflin .m-story1 #himitsu_history #himitsu_history_box .himitsu_history_box_name .kana {
    font-size: 0.83333vw;
  }
  #moflin .m-story1 #himitsu_history #himitsu_history_box .himitsu_history_box_name .kanji {
    font-size: 1.94444vw;
  }
  #moflin .m-story1 #himitsu_history #himitsu_history_box .himitsu_history_box_txt {
    font-size: 1.11111vw;
  }
}
@media (max-width: 768px) {
  #moflin .m-story1 #himitsu_history {
    padding: 17.33333vw 0;
  }
  #moflin .m-story1 #himitsu_history #himitsu_history_main #himitsu_history_main_bg {
    aspect-ratio: 750/6100;
  }
  #moflin .m-story1 #himitsu_history #himitsu_history_main #himitsu_history_main_2012 {
    top: 81.86667vw;
    left: 50%;
    transform: translateX(-50%);
    width: 90.66667vw;
  }
  #moflin .m-story1 #himitsu_history #himitsu_history_main #himitsu_history_main_2012 #himitsu_history_main_2012_box {
    margin-top: 2.66667vw;
  }
  #moflin .m-story1 #himitsu_history #himitsu_history_main #himitsu_history_main_2012 #himitsu_history_main_2012_box > div {
    flex-direction: column;
    align-items: center;
  }
  #moflin .m-story1 #himitsu_history #himitsu_history_main #himitsu_history_main_2012 #himitsu_history_main_2012_box > div > div:first-child {
    margin-bottom: 2.66667vw;
  }
  #moflin .m-story1 #himitsu_history #himitsu_history_main #himitsu_history_main_2012 #himitsu_history_main_2012_box > div > div:nth-child(2) {
    width: 76.8vw;
  }
  #moflin .m-story1 #himitsu_history #himitsu_history_main #himitsu_history_main_2016 {
    top: 224.26667vw;
    left: 50%;
    transform: translateX(-50%);
    width: 90.66667vw;
  }
  #moflin .m-story1 #himitsu_history #himitsu_history_main #himitsu_history_main_2016 #himitsu_history_main_2016_box {
    margin-top: 2.66667vw;
  }
  #moflin .m-story1 #himitsu_history #himitsu_history_main #himitsu_history_main_2016 #himitsu_history_main_2016_box .himitsu_history_main_txt {
    padding: 0 2.66667vw;
  }
  #moflin .m-story1 #himitsu_history #himitsu_history_main #himitsu_history_main_2016 #himitsu_history_main_2016_box > div {
    flex-direction: column;
    align-items: center;
  }
  #moflin .m-story1 #himitsu_history #himitsu_history_main #himitsu_history_main_2016 #himitsu_history_main_2016_box > div > div:first-child {
    margin-bottom: 2.66667vw;
  }
  #moflin .m-story1 #himitsu_history #himitsu_history_main #himitsu_history_main_2016 #himitsu_history_main_2016_box > div > div:nth-child(2) {
    width: 76.8vw;
  }
  #moflin .m-story1 #himitsu_history #himitsu_history_main #himitsu_history_main_2019 {
    top: 372vw;
    left: 50%;
    transform: translateX(-50%);
    width: 94.66667vw;
  }
  #moflin .m-story1 #himitsu_history #himitsu_history_main #himitsu_history_main_2019 #himitsu_history_main_2019_box {
    margin-top: 2.66667vw;
  }
  #moflin .m-story1 #himitsu_history #himitsu_history_main #himitsu_history_main_2019 #himitsu_history_main_2019_box .himitsu_history_main_txt {
    padding: 0 1.33333vw;
  }
  #moflin .m-story1 #himitsu_history #himitsu_history_main #himitsu_history_main_2019 #himitsu_history_main_2019_box > div {
    flex-direction: column;
    align-items: center;
  }
  #moflin .m-story1 #himitsu_history #himitsu_history_main #himitsu_history_main_2019 #himitsu_history_main_2019_box > div > div:first-child {
    margin-bottom: 2.66667vw;
  }
  #moflin .m-story1 #himitsu_history #himitsu_history_main #himitsu_history_main_2019 #himitsu_history_main_2019_box > div > div:nth-child(2) {
    width: 84.26667vw;
  }
  #moflin .m-story1 #himitsu_history #himitsu_history_main #himitsu_history_main_2023 {
    top: 526.93333vw;
    left: 50%;
    transform: translateX(-50%);
    width: 90.66667vw;
  }
  #moflin .m-story1 #himitsu_history #himitsu_history_main #himitsu_history_main_2023 #himitsu_history_main_2023_box {
    margin-top: 2.66667vw;
  }
  #moflin .m-story1 #himitsu_history #himitsu_history_main #himitsu_history_main_2023 #himitsu_history_main_2023_box > div {
    flex-direction: column;
    align-items: center;
  }
  #moflin .m-story1 #himitsu_history #himitsu_history_main #himitsu_history_main_2023 #himitsu_history_main_2023_box > div > div:first-child {
    margin-bottom: 2.66667vw;
  }
  #moflin .m-story1 #himitsu_history #himitsu_history_main #himitsu_history_main_2023 #himitsu_history_main_2023_box > div > div:nth-child(2) {
    width: 76.8vw;
  }
  #moflin .m-story1 #himitsu_history #himitsu_history_main #himitsu_history_main_2025 {
    top: 646.66667vw;
    left: 50%;
    transform: translateX(-50%);
    width: 90.66667vw;
  }
  #moflin .m-story1 #himitsu_history #himitsu_history_main #himitsu_history_main_2025 #himitsu_history_main_2025_box {
    margin-top: 2.66667vw;
  }
  #moflin .m-story1 #himitsu_history #himitsu_history_main #himitsu_history_main_2025 #himitsu_history_main_2025_box > div {
    flex-direction: column;
    align-items: center;
  }
  #moflin .m-story1 #himitsu_history #himitsu_history_main #himitsu_history_main_2025 #himitsu_history_main_2025_box > div > div:first-child {
    margin-bottom: 2.66667vw;
  }
  #moflin .m-story1 #himitsu_history #himitsu_history_main #himitsu_history_main_2025 #himitsu_history_main_2025_box > div > div:nth-child(2) {
    width: 76.8vw;
  }
  #moflin .m-story1 #himitsu_history #himitsu_history_main .himitsu_history_main_title {
    font-size: 4.4vw;
    line-height: 1.6;
    text-align: center;
  }
  #moflin .m-story1 #himitsu_history #himitsu_history_main .himitsu_history_main_sub {
    font-size: 3.86667vw;
    margin-bottom: 2.66667vw;
    text-align: center;
  }
  #moflin .m-story1 #himitsu_history #himitsu_history_main .himitsu_history_main_txt {
    font-size: 3.46667vw;
    padding: 0 6.66667vw;
  }
  #moflin .m-story1 #himitsu_history #himitsu_history_box {
    margin-top: 8vw;
  }
  #moflin .m-story1 #himitsu_history #himitsu_history_box > div {
    flex-direction: column;
    align-items: center;
  }
  #moflin .m-story1 #himitsu_history #himitsu_history_box > div > div {
    width: 60vw;
  }
  #moflin .m-story1 #himitsu_history #himitsu_history_box > div > div:nth-child(n+2) {
    margin-top: 13.33333vw;
  }
  #moflin .m-story1 #himitsu_history #himitsu_history_box img {
    margin-top: 3.33333vw;
    margin-bottom: 2.66667vw;
  }
  #moflin .m-story1 #himitsu_history #himitsu_history_box .himitsu_history_box_title {
    font-size: 4vw;
  }
  #moflin .m-story1 #himitsu_history #himitsu_history_box .himitsu_history_box_post {
    font-size: 2.66667vw;
  }
  #moflin .m-story1 #himitsu_history #himitsu_history_box .himitsu_history_box_name {
    margin-top: 4vw;
    margin-bottom: 3.33333vw;
  }
  #moflin .m-story1 #himitsu_history #himitsu_history_box .himitsu_history_box_name .kana {
    font-size: 2.13333vw;
    margin-bottom: 0.25em;
  }
  #moflin .m-story1 #himitsu_history #himitsu_history_box .himitsu_history_box_name .kanji {
    font-size: 5.33333vw;
  }
  #moflin .m-story1 #himitsu_history #himitsu_history_box .himitsu_history_box_txt {
    font-size: 3.46667vw;
  }
}
@media (min-width: 1920px) {
  #moflin .m-story1 #himitsu_history #himitsu_history_main #himitsu_history_main_bg {
    max-width: 1920px;
    aspect-ratio: 1920/4490;
    margin: 0 auto;
  }
  #moflin .m-story1 #himitsu_history #himitsu_history_main #himitsu_history_main_2012 {
    top: 930px;
    left: 490px;
    width: 1080px;
  }
  #moflin .m-story1 #himitsu_history #himitsu_history_main #himitsu_history_main_2012 .himitsu_history_main_title {
    padding-left: 170px;
  }
  #moflin .m-story1 #himitsu_history #himitsu_history_main #himitsu_history_main_2012 #himitsu_history_main_2012_box {
    margin-top: 50px;
  }
  #moflin .m-story1 #himitsu_history #himitsu_history_main #himitsu_history_main_2012 #himitsu_history_main_2012_box > div {
    justify-content: space-between;
  }
  #moflin .m-story1 #himitsu_history #himitsu_history_main #himitsu_history_main_2012 #himitsu_history_main_2012_box > div > div:first-child {
    padding-right: 40px;
  }
  #moflin .m-story1 #himitsu_history #himitsu_history_main #himitsu_history_main_2012 #himitsu_history_main_2012_box > div > div:nth-child(2) {
    width: 585px;
  }
  #moflin .m-story1 #himitsu_history #himitsu_history_main #himitsu_history_main_2016 {
    top: 1630px;
    left: 318px;
    width: 1070px;
  }
  #moflin .m-story1 #himitsu_history #himitsu_history_main #himitsu_history_main_2016 .himitsu_history_main_title {
    padding-left: 200px;
  }
  #moflin .m-story1 #himitsu_history #himitsu_history_main #himitsu_history_main_2016 #himitsu_history_main_2016_box {
    margin-top: 50px;
  }
  #moflin .m-story1 #himitsu_history #himitsu_history_main #himitsu_history_main_2016 #himitsu_history_main_2016_box > div {
    justify-content: space-between;
  }
  #moflin .m-story1 #himitsu_history #himitsu_history_main #himitsu_history_main_2016 #himitsu_history_main_2016_box > div > div:first-child {
    padding-left: 40px;
    order: 2;
  }
  #moflin .m-story1 #himitsu_history #himitsu_history_main #himitsu_history_main_2016 #himitsu_history_main_2016_box > div > div:nth-child(2) {
    width: 585px;
    order: 1;
  }
  #moflin .m-story1 #himitsu_history #himitsu_history_main #himitsu_history_main_2019 {
    top: 2280px;
    left: 490px;
    width: 1096px;
  }
  #moflin .m-story1 #himitsu_history #himitsu_history_main #himitsu_history_main_2019 .himitsu_history_main_title {
    padding-left: 156px;
  }
  #moflin .m-story1 #himitsu_history #himitsu_history_main #himitsu_history_main_2019 #himitsu_history_main_2019_box {
    margin-top: 50px;
  }
  #moflin .m-story1 #himitsu_history #himitsu_history_main #himitsu_history_main_2019 #himitsu_history_main_2019_box > div {
    justify-content: space-between;
  }
  #moflin .m-story1 #himitsu_history #himitsu_history_main #himitsu_history_main_2019 #himitsu_history_main_2019_box > div > div:first-child {
    padding-right: 40px;
  }
  #moflin .m-story1 #himitsu_history #himitsu_history_main #himitsu_history_main_2019 #himitsu_history_main_2019_box > div > div:nth-child(2) {
    width: 632px;
    transform: translate(-20px, -20px);
  }
  #moflin .m-story1 #himitsu_history #himitsu_history_main #himitsu_history_main_2023 {
    top: 3042px;
    left: 318px;
    width: 1066px;
  }
  #moflin .m-story1 #himitsu_history #himitsu_history_main #himitsu_history_main_2023 .himitsu_history_main_title {
    padding-left: 362px;
  }
  #moflin .m-story1 #himitsu_history #himitsu_history_main #himitsu_history_main_2023 #himitsu_history_main_2023_box {
    margin-top: 50px;
  }
  #moflin .m-story1 #himitsu_history #himitsu_history_main #himitsu_history_main_2023 #himitsu_history_main_2023_box > div {
    justify-content: space-between;
  }
  #moflin .m-story1 #himitsu_history #himitsu_history_main #himitsu_history_main_2023 #himitsu_history_main_2023_box > div > div:first-child {
    padding-left: 40px;
    order: 2;
  }
  #moflin .m-story1 #himitsu_history #himitsu_history_main #himitsu_history_main_2023 #himitsu_history_main_2023_box > div > div:nth-child(2) {
    width: 585px;
    order: 1;
  }
  #moflin .m-story1 #himitsu_history #himitsu_history_main #himitsu_history_main_2025 {
    top: 3688px;
    left: 490px;
    width: 1096px;
  }
  #moflin .m-story1 #himitsu_history #himitsu_history_main #himitsu_history_main_2025 .himitsu_history_main_title {
    padding-left: 202px;
  }
  #moflin .m-story1 #himitsu_history #himitsu_history_main #himitsu_history_main_2025 #himitsu_history_main_2025_box {
    margin-top: 50px;
  }
  #moflin .m-story1 #himitsu_history #himitsu_history_main #himitsu_history_main_2025 #himitsu_history_main_2025_box > div {
    justify-content: space-between;
  }
  #moflin .m-story1 #himitsu_history #himitsu_history_main #himitsu_history_main_2025 #himitsu_history_main_2025_box > div > div:first-child {
    padding-right: 40px;
  }
  #moflin .m-story1 #himitsu_history #himitsu_history_main #himitsu_history_main_2025 #himitsu_history_main_2025_box > div > div:nth-child(2) {
    width: 585px;
  }
  #moflin .m-story1 #himitsu_history #himitsu_history_main .himitsu_history_main_title {
    font-size: 31px;
  }
  #moflin .m-story1 #himitsu_history #himitsu_history_main .himitsu_history_main_sub {
    font-size: 25px;
    margin-bottom: 25px;
  }
  #moflin .m-story1 #himitsu_history #himitsu_history_main .himitsu_history_main_txt {
    font-size: var(--moflin-fs-20);
  }
}
#moflin .m-story1 #himitsu_history #himitsu_history_main {
  container-type: inline-size;
}

#moflin .m-story1 #himitsu_history .himitsu_history_main_year {
  position: absolute;
  margin: 0;
  padding: 0;
  color: var(--moflin-c-gray);
  font-family: var(--moflin-font-base);
  font-size: 4.5755208333cqw;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
}
@media (max-width: 768px) {
  #moflin .m-story1 #himitsu_history .himitsu_history_main_year {
    font-size: 8.4666666667cqw;
  }
}

#moflin .m-story1 #himitsu_history #himitsu_history_main_2012 .himitsu_history_main_year {
  top: calc(42.9987770833cqw - 48.4375vw);
  left: calc(9.1501171875cqw - 25.52083vw);
}
@media (min-width: 1920px) {
  #moflin .m-story1 #himitsu_history #himitsu_history_main_2012 .himitsu_history_main_year {
    top: calc(42.9987770833cqw - 930px);
    left: calc(9.1501171875cqw - 489.999936px);
  }
}
@media (max-width: 768px) {
  #moflin .m-story1 #himitsu_history #himitsu_history_main_2012 .himitsu_history_main_year {
    top: calc(64.8396266667cqw - 81.86667vw);
    left: calc(3.7396666667cqw - 50cqw + 45.333335vw);
  }
}

#moflin .m-story1 #himitsu_history #himitsu_history_main_2016 .himitsu_history_main_year {
  top: calc(86.1758604167cqw - 84.89583vw);
  left: calc(80.0355338542cqw - 16.5625vw);
}
@media (min-width: 1920px) {
  #moflin .m-story1 #himitsu_history #himitsu_history_main_2016 .himitsu_history_main_year {
    top: calc(86.1758604167cqw - 1629.999936px);
    left: calc(80.0355338542cqw - 318px);
  }
}
@media (max-width: 768px) {
  #moflin .m-story1 #himitsu_history #himitsu_history_main_2016 .himitsu_history_main_year {
    top: calc(209.77296cqw - 224.26667vw);
    left: calc(75.873cqw - 50cqw + 45.333335vw);
  }
}

#moflin .m-story1 #himitsu_history #himitsu_history_main_2019 .himitsu_history_main_year {
  top: calc(125.5508604167cqw - 118.75vw);
  left: calc(8.2126171875cqw - 25.52083vw);
}
@media (min-width: 1920px) {
  #moflin .m-story1 #himitsu_history #himitsu_history_main_2019 .himitsu_history_main_year {
    top: calc(125.5508604167cqw - 2280px);
    left: calc(8.2126171875cqw - 489.999936px);
  }
}
@media (max-width: 768px) {
  #moflin .m-story1 #himitsu_history #himitsu_history_main_2019 .himitsu_history_main_year {
    top: calc(357.1062933333cqw - 372vw);
    left: calc(8.1396666667cqw - 50cqw + 47.333335vw);
  }
}

#moflin .m-story1 #himitsu_history #himitsu_history_main_2023 .himitsu_history_main_year {
  top: calc(174.2487770833cqw - 158.4375vw);
  left: calc(77.9001171875cqw - 16.5625vw);
}
@media (min-width: 1920px) {
  #moflin .m-story1 #himitsu_history #himitsu_history_main_2023 .himitsu_history_main_year {
    top: calc(174.2487770833cqw - 3042px);
    left: calc(77.9001171875cqw - 318px);
  }
}
@media (max-width: 768px) {
  #moflin .m-story1 #himitsu_history #himitsu_history_main_2023 .himitsu_history_main_year {
    top: calc(515.2396266667cqw - 526.93333vw);
    left: calc(71.3396666667cqw - 50cqw + 45.333335vw);
  }
}

#moflin .m-story1 #himitsu_history #himitsu_history_main_2025 .himitsu_history_main_year {
  top: calc(188.5196104167cqw - 192.08333vw);
  left: calc(8.6813671875cqw - 25.52083vw);
}
@media (min-width: 1920px) {
  #moflin .m-story1 #himitsu_history #himitsu_history_main_2025 .himitsu_history_main_year {
    top: calc(188.5196104167cqw - 3687.999936px);
    left: calc(8.6813671875cqw - 489.999936px);
  }
}
@media (max-width: 768px) {
  #moflin .m-story1 #himitsu_history #himitsu_history_main_2025 .himitsu_history_main_year {
    top: calc(633.2396266667cqw - 646.66667vw);
    left: calc(10.1396666667cqw - 50cqw + 45.333335vw);
  }
}

#moflin #kv img {
  display: block;
  width: 100%;
  height: auto;
}

#moflin .m-story1 #himitsu_history #himitsu_history_main {
  font-feature-settings: normal;
}

@media (min-width: 768px) {
  #moflin :is(.m-story1, .m-story2) br.sp {
    display: none;
  }
}
@media (max-width: 767px) {
  #moflin :is(.m-story1, .m-story2) br.pc-tb {
    display: none;
  }
}

#moflin .m-story1 #himitsu_history {
  overflow-x: clip;
  background-color: var(--moflin-c-bg-gray);
}
#moflin .m-story1 #himitsu_history .is-title {
  margin-bottom: 40px;
}
@media (max-width: 767px) {
  #moflin .m-story1 #himitsu_history .is-title {
    margin-bottom: 8.2051282051vw;
    padding: 0 5.1282051282vw;
  }
}
@media (max-width: 767px) {
  #moflin .m-story1 #himitsu_history .is-title .main_history_txt {
    max-width: 78.7179487179vw;
    margin-right: auto;
    margin-left: auto;
    font-size: var(--moflin-fs-sp-16);
    line-height: 1.8;
    letter-spacing: 0.06em;
  }
}
#moflin .m-story1 #himitsu_history #himitsu_history_main :is(.himitsu_history_main_title, .himitsu_history_main_sub, .himitsu_history_main_txt) {
  color: var(--moflin-c-text);
}
#moflin .m-story1 #himitsu_history #himitsu_history_main .himitsu_history_main_title {
  text-align: center;
}
@media (min-width: 769px) {
  #moflin .m-story1 #himitsu_history #himitsu_history_main :is(#himitsu_history_main_2012, #himitsu_history_main_2016, #himitsu_history_main_2019, #himitsu_history_main_2023, #himitsu_history_main_2025) .himitsu_history_main_title {
    width: 100vw;
    margin-left: -25.52083vw;
    padding-left: 0;
  }
  #moflin .m-story1 #himitsu_history #himitsu_history_main :is(#himitsu_history_main_2016, #himitsu_history_main_2023) .himitsu_history_main_title {
    margin-left: -16.5625vw;
  }
}
@media (min-width: 1920px) {
  #moflin .m-story1 #himitsu_history #himitsu_history_main :is(#himitsu_history_main_2012, #himitsu_history_main_2016, #himitsu_history_main_2019, #himitsu_history_main_2023, #himitsu_history_main_2025) .himitsu_history_main_title {
    width: 1920px;
    margin-left: -490px;
  }
}
@media (min-width: 1920px) and (max-width: 767px) {
  #moflin .m-story1 #himitsu_history #himitsu_history_main :is(#himitsu_history_main_2012, #himitsu_history_main_2016, #himitsu_history_main_2019, #himitsu_history_main_2023, #himitsu_history_main_2025) .himitsu_history_main_title {
    width: 492.3076923077vw;
    margin-left: -125.641025641vw;
  }
}
@media (min-width: 1920px) {
  #moflin .m-story1 #himitsu_history #himitsu_history_main :is(#himitsu_history_main_2016, #himitsu_history_main_2023) .himitsu_history_main_title {
    margin-left: -318px;
  }
}
@media (min-width: 1920px) and (max-width: 767px) {
  #moflin .m-story1 #himitsu_history #himitsu_history_main :is(#himitsu_history_main_2016, #himitsu_history_main_2023) .himitsu_history_main_title {
    margin-left: -81.5384615385vw;
  }
}
#moflin .m-story1 #himitsu_history #himitsu_history_box :is(.himitsu_history_box_title, .himitsu_history_box_post, .himitsu_history_box_txt) {
  color: var(--moflin-c-text);
}
#moflin .m-story1 #himitsu_history #himitsu_history_box .himitsu_history_box_name :is(.kana, .kanji) {
  color: var(--moflin-c-text);
}

#moflin .m-story2 #himitsu_bottom {
  padding: 120px 0;
}
@media (max-width: 767px) {
  #moflin .m-story2 #himitsu_bottom {
    padding: 12.3076923077vw 5.1282051282vw 16.4102564103vw;
  }
}
#moflin .m-story2 #himitsu_bottom #himitsu_bottom_movie_photo > .aem-Grid .aem-Grid {
  width: auto;
}
#moflin .m-story2 #himitsu_bottom #himitsu_bottom_movie_photo > .aem-Grid .aem-Grid::before, #moflin .m-story2 #himitsu_bottom #himitsu_bottom_movie_photo > .aem-Grid .aem-Grid::after {
  content: none;
}
#moflin .m-story2 #himitsu_bottom #himitsu_bottom_movie_photo > .aem-Grid .aem-GridColumn {
  float: none;
  clear: none;
  width: auto;
  margin: 0;
}
#moflin .m-story2 #himitsu_bottom #himitsu_bottom_movie_photo > .aem-Grid {
  display: grid;
  grid-template-columns: 530fr 320fr;
  gap: 36px;
  max-width: 886px;
  margin: 40px auto 0;
}
@media (max-width: 767px) {
  #moflin .m-story2 #himitsu_bottom #himitsu_bottom_movie_photo > .aem-Grid {
    max-width: 227.1794871795vw;
    margin: 8.2051282051vw auto 0;
    grid-template-columns: 1fr;
    gap: 10.2564102564vw;
  }
}
#moflin .m-story2 #himitsu_bottom #himitsu_bottom_movie_photo > .aem-Grid::before, #moflin .m-story2 #himitsu_bottom #himitsu_bottom_movie_photo > .aem-Grid::after {
  content: none;
}
#moflin .m-story2 #himitsu_bottom #himitsu_bottom_movie_photo > .aem-Grid > .aem-GridColumn {
  float: none;
  width: auto;
}
#moflin .m-story2 #himitsu_bottom img {
  display: block;
  width: 100%;
  height: auto;
}
#moflin .m-story2 #himitsu_bottom #himitsu_bottom_movie_icon {
  width: 68px;
  margin: 0 auto 16px;
}
@media (max-width: 767px) {
  #moflin .m-story2 #himitsu_bottom #himitsu_bottom_movie_icon {
    margin: 0 auto 4.1025641026vw;
    width: 12.3076923077vw;
  }
}
#moflin .m-story2 #himitsu_bottom .cmp-content_panel {
  background: none;
}
@media (max-width: 767px) {
  #moflin .m-story2 #himitsu_bottom .cmp-content_panel {
    max-width: 59.4871794872vw;
    margin: 0 auto;
  }
}
#moflin .m-story2 #himitsu_bottom .cmp-content_panel a {
  display: block;
  color: var(--moflin-c-text);
  text-decoration: none;
}
#moflin .m-story2 #himitsu_bottom .cmp-content_panel a .cmp-content_panel__img {
  overflow: hidden;
}
#moflin .m-story2 #himitsu_bottom .cmp-content_panel a img {
  transition: transform 0.2s ease-out;
}
@media (hover: hover) {
  #moflin .m-story2 #himitsu_bottom .cmp-content_panel a:hover img {
    transform: scale(1.05);
  }
}
#moflin .m-story2 #himitsu_bottom .cmp-content_panel a:focus-visible {
  outline: 2px solid var(--moflin-c-text);
  outline-offset: 2px;
}
#moflin .m-story2 #himitsu_bottom .cmp-content_panel .cmp-content_panel__inner {
  display: block;
  height: auto;
}
#moflin .m-story2 #himitsu_bottom .cmp-content_panel .cmp-content_panel__img {
  height: auto;
  padding: 0;
}
#moflin .m-story2 #himitsu_bottom .cmp-content_panel .cmp-content_panel__img::before {
  content: none;
}
#moflin .m-story2 #himitsu_bottom .cmp-content_panel .cmp-content_panel__img img {
  position: static;
  aspect-ratio: 4/3 !important;
  -o-object-fit: cover;
     object-fit: cover;
}
#moflin .m-story2 #himitsu_bottom .cmp-content_panel .cmp-content_panel__info {
  height: auto;
  padding: 0;
  background: none;
}
#moflin .m-story2 #himitsu_bottom .cmp-content_panel .cmp-content_panel__desc {
  height: auto !important;
  margin-top: 16px;
  font-family: var(--moflin-font-base);
  font-size: var(--moflin-fs-16);
  line-height: 1.5;
  letter-spacing: 0.04em;
}
@media (max-width: 767px) {
  #moflin .m-story2 #himitsu_bottom .cmp-content_panel .cmp-content_panel__desc {
    margin-top: 4.1025641026vw;
    font-size: var(--moflin-fs-sp-16);
  }
}

#moflin.is-fade-ready :is(.m-story1, .m-story2) #himitsu_history .cmp-text:has(> .main_history_txt) h2,
#moflin.is-fade-ready :is(.m-story1, .m-story2) #himitsu_history .main_history_txt,
#moflin.is-fade-ready :is(.m-story1, .m-story2) #himitsu_history_box > .aem-Grid > .container,
#moflin.is-fade-ready :is(.m-story1, .m-story2) #himitsu_bottom_movie_icon,
#moflin.is-fade-ready :is(.m-story1, .m-story2) #himitsu_bottom .main_bottom_title .is-l,
#moflin.is-fade-ready :is(.m-story1, .m-story2) #himitsu_bottom .main_bottom_title .is-s {
  opacity: 0;
  translate: 0 min(5.556vw, 80px);
  transition: opacity 1.2s, translate 1.2s cubic-bezier(0.26, 1, 0.48, 1);
  transition-delay: 0s;
}
#moflin.is-fade-ready :is(.m-story1, .m-story2) #himitsu_history .cmp-text:has(> .main_history_txt) h2.is-active,
#moflin.is-fade-ready :is(.m-story1, .m-story2) #himitsu_history .main_history_txt.is-active,
#moflin.is-fade-ready :is(.m-story1, .m-story2) #himitsu_history_box > .aem-Grid > .container.is-active,
#moflin.is-fade-ready :is(.m-story1, .m-story2) #himitsu_bottom_movie_icon.is-active,
#moflin.is-fade-ready :is(.m-story1, .m-story2) #himitsu_bottom .main_bottom_title .is-l.is-active,
#moflin.is-fade-ready :is(.m-story1, .m-story2) #himitsu_bottom .main_bottom_title .is-s.is-active {
  opacity: 1;
  translate: 0 0;
}
#moflin.is-fade-ready :is(.m-story1, .m-story2) #himitsu_bottom .main_bottom_title :is(.is-l, .is-s) {
  display: inline-block;
}
#moflin.is-fade-ready :is(.m-story1, .m-story2) #himitsu_bottom_movie_photo {
  opacity: 0;
  translate: 0 min(4.167vw, 60px);
  transition: opacity 1.4s, translate 1.4s cubic-bezier(0.26, 1, 0.48, 1);
  transition-delay: 0s;
}
@media (max-width: 767px) {
  #moflin.is-fade-ready :is(.m-story1, .m-story2) #himitsu_bottom_movie_photo {
    translate: 0 8vw;
  }
}
#moflin.is-fade-ready :is(.m-story1, .m-story2) #himitsu_bottom_movie_photo.is-active {
  opacity: 1;
  translate: 0 0;
}
@media (min-width: 768px) {
  #moflin.is-fade-ready :is(.m-story1, .m-story2) #himitsu_history_box > .aem-Grid > .container:nth-child(3n+1) {
    transition-delay: 0.1s;
  }
  #moflin.is-fade-ready :is(.m-story1, .m-story2) #himitsu_history_box > .aem-Grid > .container:nth-child(3n+2) {
    transition-delay: 0.2s;
  }
  #moflin.is-fade-ready :is(.m-story1, .m-story2) #himitsu_history_box > .aem-Grid > .container:nth-child(3n) {
    transition-delay: 0.3s;
  }
}
@media (max-width: 767px) {
  #moflin.is-fade-ready :is(.m-story1, .m-story2) #himitsu_history_main .himitsu_history_main_title,
  #moflin.is-fade-ready :is(.m-story1, .m-story2) #himitsu_history_main .himitsu_history_main_sub,
  #moflin.is-fade-ready :is(.m-story1, .m-story2) #himitsu_history_main .himitsu_history_main_txt,
  #moflin.is-fade-ready :is(.m-story1, .m-story2) #himitsu_history_main [id$=_box] img {
    opacity: 0;
    translate: 0 10.667vw;
    transition: opacity 1.2s, translate 1.2s cubic-bezier(0.26, 1, 0.48, 1);
    transition-delay: 0.1s;
  }
  #moflin.is-fade-ready :is(.m-story1, .m-story2) #himitsu_history_main .himitsu_history_main_title.is-active,
  #moflin.is-fade-ready :is(.m-story1, .m-story2) #himitsu_history_main .himitsu_history_main_sub.is-active,
  #moflin.is-fade-ready :is(.m-story1, .m-story2) #himitsu_history_main .himitsu_history_main_txt.is-active,
  #moflin.is-fade-ready :is(.m-story1, .m-story2) #himitsu_history_main [id$=_box] img.is-active {
    opacity: 1;
    translate: 0 0;
  }
}
@media (min-width: 768px) {
  #moflin.is-fade-ready :is(.m-story1, .m-story2) #himitsu_history_main .himitsu_history_main_title {
    opacity: 0;
    translate: 0 min(4.167vw, 80px);
    transition: opacity 1.2s, translate 1.2s cubic-bezier(0.26, 1, 0.48, 1);
    transition-delay: 0.7s;
  }
  #moflin.is-fade-ready :is(.m-story1, .m-story2) #himitsu_history_main .himitsu_history_main_sub {
    opacity: 0;
    translate: 0 min(4.167vw, 80px);
    transition: opacity 1.2s, translate 1.2s cubic-bezier(0.26, 1, 0.48, 1);
    transition-delay: 0.8s;
  }
  #moflin.is-fade-ready :is(.m-story1, .m-story2) #himitsu_history_main .himitsu_history_main_txt {
    opacity: 0;
    translate: 0 min(4.167vw, 80px);
    transition: opacity 1.2s, translate 1.2s cubic-bezier(0.26, 1, 0.48, 1);
    transition-delay: 0.9s;
  }
  #moflin.is-fade-ready :is(.m-story1, .m-story2) #himitsu_history_main [id$=_box] img {
    opacity: 0;
    translate: 0 min(3.125vw, 60px);
    transition: opacity 1.4s, translate 1.4s cubic-bezier(0.26, 1, 0.48, 1);
    transition-delay: 0.1s;
  }
  #moflin.is-fade-ready :is(.m-story1, .m-story2) #himitsu_history_main [id^=himitsu_history_main_2].is-active .himitsu_history_main_title,
  #moflin.is-fade-ready :is(.m-story1, .m-story2) #himitsu_history_main [id^=himitsu_history_main_2].is-active .himitsu_history_main_sub,
  #moflin.is-fade-ready :is(.m-story1, .m-story2) #himitsu_history_main [id^=himitsu_history_main_2].is-active .himitsu_history_main_txt,
  #moflin.is-fade-ready :is(.m-story1, .m-story2) #himitsu_history_main [id^=himitsu_history_main_2].is-active [id$=_box] img {
    opacity: 1;
    translate: 0 0;
  }
}

#moflin.is-fade-ready .is-scroll-fade {
  opacity: 0;
  translate: 0 min(2.778vw, 40px);
  transition: opacity 0.8s, translate 0.8s cubic-bezier(0.26, 1, 0.48, 1);
}
#moflin.is-fade-ready .is-scroll-fade.is-active {
  opacity: 1;
  translate: 0 0;
}

#moflin #kv img {
  display: block;
  width: 100%;
  height: auto;
}

#moflin .is-read > .cmp-container > .aem-Grid > .container > .is-inr:has(.is-anchor-menu.is-3),
#moflin :is(.m-owner2, .m-owner6) > .cmp-container > .aem-Grid > .container > .is-inr {
  max-width: 1200px;
}
@media (max-width: 767px) {
  #moflin .is-read > .cmp-container > .aem-Grid > .container > .is-inr:has(.is-anchor-menu.is-3),
  #moflin :is(.m-owner2, .m-owner6) > .cmp-container > .aem-Grid > .container > .is-inr {
    max-width: 307.6923076923vw;
  }
}

@media (min-width: 768px) {
  #moflin .container:has(> .switch-container.is-read):has(+ .container > .switch-container.is-curve-top-up) > .switch-container.is-read {
    padding-bottom: 120px;
  }
}

#moflin :is(.m-owner1, .m-owner2, .m-owner3, .m-owner4, .m-owner5, .m-owner6) > .cmp-container {
  padding: 80px 0 100px;
  color: var(--moflin-c-text);
  font-family: var(--moflin-font-base);
}
@media (max-width: 767px) {
  #moflin :is(.m-owner1, .m-owner2, .m-owner3, .m-owner4, .m-owner5, .m-owner6) > .cmp-container {
    padding: 10.2564102564vw 0 12.3076923077vw;
  }
}
#moflin :is(.m-owner1, .m-owner2, .m-owner3, .m-owner4, .m-owner5, .m-owner6) > .cmp-container .is-title {
  margin-bottom: 40px;
}
@media (max-width: 767px) {
  #moflin :is(.m-owner1, .m-owner2, .m-owner3, .m-owner4, .m-owner5, .m-owner6) > .cmp-container .is-title {
    margin-bottom: 6.1538461538vw;
  }
}
#moflin :is(.m-owner1, .m-owner2, .m-owner3, .m-owner4, .m-owner5, .m-owner6) > .cmp-container .cmp-text p {
  width: auto;
  overflow: visible;
  white-space: normal;
  text-overflow: clip;
}
#moflin :is(.m-owner1, .m-owner2, .m-owner3, .m-owner4, .m-owner5, .m-owner6) > .cmp-container .is-moflin-btn {
  margin-top: 24px;
}
@media (max-width: 767px) {
  #moflin :is(.m-owner1, .m-owner2, .m-owner3, .m-owner4, .m-owner5, .m-owner6) > .cmp-container .is-moflin-btn {
    margin-top: 6.1538461538vw;
  }
}
#moflin :is(.m-owner1, .m-owner2, .m-owner3, .m-owner4, .m-owner5, .m-owner6) > .cmp-container .cmp-text--size-14 {
  font-size: var(--moflin-fs-14);
}
@media (max-width: 767px) {
  #moflin :is(.m-owner1, .m-owner2, .m-owner3, .m-owner4, .m-owner5, .m-owner6) > .cmp-container .cmp-text--size-14 {
    font-size: var(--moflin-fs-sp-14);
  }
}

#moflin :is(.m-owner1, .m-owner3, .m-owner5).is-bg-beige > .cmp-container {
  padding: 56px 0 80px;
}
@media (max-width: 767px) {
  #moflin :is(.m-owner1, .m-owner3, .m-owner5).is-bg-beige > .cmp-container {
    padding: 8.2051282051vw 0 12.3076923077vw;
  }
}

#moflin .m-owner1 > .cmp-container .is-grid {
  --grid-cols: 351px 366px;
  --grid-gap: 32px;
  justify-content: center;
}
#moflin .m-owner1 > .cmp-container .is-grid > .cmp-container > .aem-Grid {
  justify-content: center;
}
@media (max-width: 767px) {
  #moflin .m-owner1 > .cmp-container .is-grid > .cmp-container > .aem-Grid {
    justify-items: center;
  }
}
#moflin .m-owner1 > .cmp-container .is-grid img {
  display: block;
  width: 100%;
  height: auto;
}
@media (max-width: 767px) {
  #moflin .m-owner1 > .cmp-container .is-grid > .cmp-container > .aem-Grid > .image {
    width: 76%;
  }
}
#moflin .m-owner1 > .cmp-container .is-grid .container .aem-Grid .aem-Grid {
  width: auto;
}
#moflin .m-owner1 > .cmp-container .is-grid .container .aem-Grid .aem-Grid::before, #moflin .m-owner1 > .cmp-container .is-grid .container .aem-Grid .aem-Grid::after {
  content: none;
}
#moflin .m-owner1 > .cmp-container .is-grid .container .aem-Grid .aem-GridColumn {
  float: none;
  clear: none;
  width: auto;
  margin: 0;
}
#moflin .m-owner1 > .cmp-container .is-grid .container .aem-Grid {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 32px;
}
#moflin .m-owner1 > .cmp-container .is-grid .container .aem-Grid::before, #moflin .m-owner1 > .cmp-container .is-grid .container .aem-Grid::after {
  content: none;
}
@media (max-width: 767px) {
  #moflin .m-owner1 > .cmp-container .is-grid .container .aem-Grid {
    gap: 6.1538461538vw;
  }
}
#moflin .m-owner1 > .cmp-container .is-grid .container .container .aem-Grid {
  flex-direction: row;
  gap: 31px;
}
@media (max-width: 767px) {
  #moflin .m-owner1 > .cmp-container .is-grid .container .container .aem-Grid {
    gap: 4.1025641026vw;
  }
}
#moflin .m-owner1 > .cmp-container .is-grid > .cmp-container > .aem-Grid > .container {
  box-sizing: border-box;
  width: 100%;
  padding: 28px;
  border-radius: 16px;
  background: var(--moflin-c-white);
}
@media (max-width: 767px) {
  #moflin .m-owner1 > .cmp-container .is-grid > .cmp-container > .aem-Grid > .container {
    padding: 7.1794871795vw;
    border-radius: 4.1025641026vw;
  }
}
#moflin .m-owner1 > .cmp-container .is-grid .container .image:first-child {
  width: 260px;
}
@media (max-width: 767px) {
  #moflin .m-owner1 > .cmp-container .is-grid .container .image:first-child {
    width: 66.6666666667vw;
  }
}
#moflin .m-owner1 > .cmp-container .is-grid .container .container .image {
  width: auto;
}
#moflin .m-owner1 > .cmp-container .is-grid .container .container .image img {
  width: auto;
  height: 45px;
}
@media (max-width: 767px) {
  #moflin .m-owner1 > .cmp-container .is-grid .container .container .image img {
    height: 11.5384615385vw;
  }
}
#moflin .m-owner1 > .cmp-container .is-grid .cmp-image__link {
  display: block;
}
#moflin .m-owner1 > .cmp-container .is-grid .cmp-image__link:focus-visible {
  outline: 2px solid var(--moflin-c-text);
  outline-offset: 2px;
}
@media (max-width: 767px) {
  #moflin .m-owner1 > .cmp-container .is-grid {
    --grid-cols: vw(351px) vw(366px);
    --grid-gap: vw(32px);
  }
}

#moflin .m-owner2 #support {
  text-align: center;
}
#moflin .m-owner2 #support :is(h3, h4, h5, p) {
  margin: 0;
  color: var(--moflin-c-text);
}
#moflin .m-owner2 #support h3 {
  font-size: var(--moflin-fs-32);
  font-weight: 700;
  line-height: 1.5;
}
@media (max-width: 767px) {
  #moflin .m-owner2 #support h3 {
    font-size: var(--moflin-fs-sp-20);
  }
}
#moflin .m-owner2 #support p {
  font-size: var(--moflin-fs-16);
  line-height: 1.8;
}
@media (max-width: 767px) {
  #moflin .m-owner2 #support p {
    font-size: var(--moflin-fs-sp-14);
    letter-spacing: 0;
  }
}
#moflin .m-owner2 #support .note {
  font-size: var(--moflin-fs-14);
  line-height: 1.6;
}
@media (max-width: 767px) {
  #moflin .m-owner2 #support .note {
    font-size: var(--moflin-fs-sp-13);
  }
}
#moflin .m-owner2 #support a {
  color: inherit;
  text-decoration: underline;
}
@media (min-width: 768px) {
  #moflin .m-owner2 #support br.sp {
    display: none;
  }
}
#moflin .m-owner2 #support .box {
  border: 2px solid var(--moflin-c-border);
}
#moflin .m-owner2 #support .support-contents1 {
  max-width: 784px;
  margin: 16px auto 0;
}
@media (max-width: 767px) {
  #moflin .m-owner2 #support .support-contents1 {
    max-width: 201.0256410256vw;
    margin: 8.2051282051vw auto 0;
  }
}
#moflin .m-owner2 #support .support-contents1 h3 {
  margin-bottom: 24px;
}
@media (max-width: 767px) {
  #moflin .m-owner2 #support .support-contents1 h3 {
    margin-bottom: 4.1025641026vw;
  }
}
#moflin .m-owner2 #support .support-contents1 .box {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  padding: 28px 16px 32px;
}
@media (max-width: 767px) {
  #moflin .m-owner2 #support .support-contents1 .box {
    gap: 2.0512820513vw;
    padding: 6.1538461538vw 3.0769230769vw;
  }
}
#moflin .m-owner2 #support .support-contents1 .box > p:first-child {
  font-weight: 700;
}
#moflin .m-owner2 #support .support-contents1 h4 {
  font-size: var(--moflin-fs-24);
  font-weight: 700;
  line-height: 1.5;
}
@media (max-width: 767px) {
  #moflin .m-owner2 #support .support-contents1 h4 {
    font-size: var(--moflin-fs-sp-20);
  }
}
#moflin .m-owner2 #support .support-contents1 .price {
  font-size: var(--moflin-fs-20);
  font-weight: 700;
}
@media (max-width: 767px) {
  #moflin .m-owner2 #support .support-contents1 .price {
    font-size: var(--moflin-fs-sp-20);
  }
}
#moflin .m-owner2 #support .support-contents1 .moflin-color {
  margin-top: 4px;
  padding: 2px 10px;
  border-radius: 6px;
  background: var(--moflin-c-owners-pink);
  font-size: var(--moflin-fs-16);
  font-weight: 700;
}
@media (max-width: 767px) {
  #moflin .m-owner2 #support .support-contents1 .moflin-color {
    margin-top: 1.0256410256vw;
    padding: 2px 2.5641025641vw;
    border-radius: 1.5384615385vw;
    font-size: var(--moflin-fs-sp-16);
  }
}
#moflin .m-owner2 #support .support-contents2 .lead {
  margin: 24px 0 48px;
}
@media (max-width: 767px) {
  #moflin .m-owner2 #support .support-contents2 .lead {
    margin: 6.1538461538vw 0 8.2051282051vw;
  }
}
#moflin .m-owner2 #support .support-contents2-inner {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
  max-width: 1200px;
  margin: 0 auto;
}
@media (max-width: 767px) {
  #moflin .m-owner2 #support .support-contents2-inner {
    max-width: 307.6923076923vw;
    grid-template-columns: 1fr;
    gap: 8.2051282051vw;
  }
}
#moflin .m-owner2 #support .support-contents2-content {
  display: flex;
  flex-direction: column;
  border: 2px solid var(--moflin-c-border);
}
#moflin .m-owner2 #support .support-contents2-content > h3 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  margin: 0 24px;
  padding: 24px 0;
  border-bottom: 1px solid var(--moflin-c-border);
  font-size: var(--moflin-fs-18);
}
@media (max-width: 767px) {
  #moflin .m-owner2 #support .support-contents2-content > h3 {
    gap: 2.0512820513vw;
    padding: 6.1538461538vw 0;
    font-size: var(--moflin-fs-sp-18);
    margin: 0 6.1538461538vw;
  }
}
#moflin .m-owner2 #support .support-contents2-content > h3 img {
  width: 175px;
}
@media (max-width: 767px) {
  #moflin .m-owner2 #support .support-contents2-content > h3 img {
    width: 44.8717948718vw;
  }
}
#moflin .m-owner2 #support .support-contents2-content > .box {
  flex: 1;
  padding: 0 24px 24px;
  border: 0;
}
#moflin .m-owner2 #support .support-contents2-content > .box > div {
  padding: 20px 0 16px;
}
@media (max-width: 767px) {
  #moflin .m-owner2 #support .support-contents2-content > .box > div {
    padding: 5.1282051282vw 0 4.1025641026vw;
  }
}
#moflin .m-owner2 #support .support-contents2-content > .box > div + div {
  border-top: 1px solid var(--moflin-c-border);
}
@media (max-width: 767px) {
  #moflin .m-owner2 #support .support-contents2-content > .box {
    padding: 0 6.1538461538vw 6.1538461538vw;
  }
}
#moflin .m-owner2 #support .support-contents2-content h4 {
  margin-bottom: 4px;
  font-size: var(--moflin-fs-24);
  font-weight: 700;
  line-height: 1.5;
}
@media (max-width: 767px) {
  #moflin .m-owner2 #support .support-contents2-content h4 {
    margin-bottom: 1.0256410256vw;
    font-size: var(--moflin-fs-sp-20);
  }
}
#moflin .m-owner2 #support .support-contents2-content .note {
  margin-top: 8px;
}
@media (max-width: 767px) {
  #moflin .m-owner2 #support .support-contents2-content .note {
    margin-top: 2.0512820513vw;
  }
}
#moflin .m-owner2 #support .support-contents2-content h5 {
  margin-top: 12px;
  padding: 6px;
  border-radius: 8px;
  background: var(--moflin-c-owners-pink);
  font-size: var(--moflin-fs-18);
  font-weight: 700;
  line-height: 1.6;
}
@media (max-width: 767px) {
  #moflin .m-owner2 #support .support-contents2-content h5 {
    margin-top: 3.0769230769vw;
    padding: 1.5384615385vw;
    border-radius: 2.0512820513vw;
    font-size: var(--moflin-fs-sp-18);
  }
}
#moflin .m-owner2 #support .price span {
  font-size: var(--moflin-fs-24);
  line-height: 1.2;
}
@media (max-width: 767px) {
  #moflin .m-owner2 #support .price span {
    font-size: var(--moflin-fs-sp-22);
  }
}
#moflin .m-owner2 #support :is(.support-contents1 .price, .price.result) span {
  font-size: var(--moflin-fs-32);
}
@media (max-width: 767px) {
  #moflin .m-owner2 #support :is(.support-contents1 .price, .price.result) span {
    font-size: var(--moflin-fs-sp-28);
  }
}
#moflin .m-owner2 #support .price.result span {
  background: linear-gradient(var(--moflin-c-owners-pink), var(--moflin-c-owners-pink)) left bottom/100% 5px no-repeat;
}
@media (max-width: 767px) {
  #moflin .m-owner2 #support .price.result span {
    background: linear-gradient(var(--moflin-c-owners-pink), var(--moflin-c-owners-pink)) left bottom/100% 1.2820512821vw no-repeat;
  }
}
#moflin .m-owner2 #support .price-off-detail {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 64px;
  margin: 12px 0 8px;
  text-align: left;
}
@media (max-width: 767px) {
  #moflin .m-owner2 #support .price-off-detail {
    margin: 3.0769230769vw auto 2.0512820513vw;
    flex-direction: column;
    align-items: flex-start;
    gap: 8.2051282051vw;
    width: -moz-fit-content;
    width: fit-content;
  }
}
#moflin .m-owner2 #support .price-off-detail p {
  font-size: var(--moflin-fs-16);
  font-weight: 700;
  line-height: 1.8;
}
@media (max-width: 767px) {
  #moflin .m-owner2 #support .price-off-detail p {
    font-size: var(--moflin-fs-sp-16);
  }
}
#moflin .m-owner2 #support .price-off-detail p:nth-child(2) {
  position: relative;
}
#moflin .m-owner2 #support .price-off-detail p:nth-child(2)::before {
  content: "";
  position: absolute;
  top: 50%;
  right: calc(100% + 22px);
  width: 22px;
  aspect-ratio: 17/25;
  background: var(--moflin-c-gray);
  clip-path: polygon(0 0, 0 100%, 100% 50%);
  transform: translateY(-50%);
}
@media (max-width: 767px) {
  #moflin .m-owner2 #support .price-off-detail p:nth-child(2)::before {
    width: 5.641025641vw;
    top: -6.6666666667vw;
    right: auto;
    left: 50%;
    transform: translateX(-50%) rotate(90deg);
  }
}

#moflin .m-owner2 > .cmp-container .support-contents3 {
  max-width: 994px;
  margin: 40px auto 0;
}
@media (max-width: 767px) {
  #moflin .m-owner2 > .cmp-container .support-contents3 {
    max-width: 254.8717948718vw;
    margin: 12.3076923077vw auto 0;
  }
}
#moflin .m-owner2 > .cmp-container .support-contents3 #support-contents3__title h3 {
  margin: 0;
  padding: 12px;
  border: 2px solid var(--moflin-c-gray);
  font-size: var(--moflin-fs-24);
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
}
@media (max-width: 767px) {
  #moflin .m-owner2 > .cmp-container .support-contents3 #support-contents3__title h3 {
    padding: 2.0512820513vw;
    font-size: var(--moflin-fs-sp-18);
  }
}
#moflin .m-owner2 > .cmp-container .support-contents3 .support-contents3_step-grp > .cmp-container > .aem-Grid .aem-Grid {
  width: auto;
}
#moflin .m-owner2 > .cmp-container .support-contents3 .support-contents3_step-grp > .cmp-container > .aem-Grid .aem-Grid::before, #moflin .m-owner2 > .cmp-container .support-contents3 .support-contents3_step-grp > .cmp-container > .aem-Grid .aem-Grid::after {
  content: none;
}
#moflin .m-owner2 > .cmp-container .support-contents3 .support-contents3_step-grp > .cmp-container > .aem-Grid .aem-GridColumn {
  float: none;
  clear: none;
  width: auto;
  margin: 0;
}
#moflin .m-owner2 > .cmp-container .support-contents3 .support-contents3_step-grp > .cmp-container > .aem-Grid {
  display: grid;
}
#moflin .m-owner2 > .cmp-container .support-contents3 .support-contents3_step-grp > .cmp-container > .aem-Grid::before, #moflin .m-owner2 > .cmp-container .support-contents3 .support-contents3_step-grp > .cmp-container > .aem-Grid::after {
  content: none;
}
#moflin .m-owner2 > .cmp-container .support-contents3 .support-contents3_step-grp > .cmp-container > .aem-Grid {
  grid-template-columns: repeat(3, 270px);
  justify-content: center;
  gap: 95px;
  margin: 36px auto 0;
}
@media (max-width: 767px) {
  #moflin .m-owner2 > .cmp-container .support-contents3 .support-contents3_step-grp > .cmp-container > .aem-Grid {
    margin: 8.2051282051vw auto 0;
    grid-template-columns: 1fr;
    gap: 12.3076923077vw;
  }
}
#moflin .m-owner2 > .cmp-container .support-contents3 .support-contents3_step-grp > .cmp-container > .aem-Grid > .container {
  position: relative;
}
#moflin .m-owner2 > .cmp-container .support-contents3 .support-contents3_step-grp > .cmp-container > .aem-Grid > .container:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 100px;
  left: calc(100% + 37px);
  width: 22px;
  aspect-ratio: 17/25;
  background: var(--moflin-c-gray);
  clip-path: polygon(0 0, 0 100%, 100% 50%);
  transform: translateY(-50%);
}
@media (max-width: 767px) {
  #moflin .m-owner2 > .cmp-container .support-contents3 .support-contents3_step-grp > .cmp-container > .aem-Grid > .container:not(:last-child)::after {
    width: 5.641025641vw;
    top: auto;
    bottom: -9.2307692308vw;
    left: 50%;
    transform: translateX(-50%) rotate(90deg);
  }
}
#moflin .m-owner2 > .cmp-container .support-contents3 .support-contents3_step-grp > .cmp-container > .aem-Grid .aem-Grid .aem-Grid {
  width: auto;
}
#moflin .m-owner2 > .cmp-container .support-contents3 .support-contents3_step-grp > .cmp-container > .aem-Grid .aem-Grid .aem-Grid::before, #moflin .m-owner2 > .cmp-container .support-contents3 .support-contents3_step-grp > .cmp-container > .aem-Grid .aem-Grid .aem-Grid::after {
  content: none;
}
#moflin .m-owner2 > .cmp-container .support-contents3 .support-contents3_step-grp > .cmp-container > .aem-Grid .aem-Grid .aem-GridColumn {
  float: none;
  clear: none;
  width: auto;
  margin: 0;
}
#moflin .m-owner2 > .cmp-container .support-contents3 .support-contents3_step-grp > .cmp-container > .aem-Grid .aem-Grid {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}
@media (max-width: 767px) {
  #moflin .m-owner2 > .cmp-container .support-contents3 .support-contents3_step-grp > .cmp-container > .aem-Grid .aem-Grid {
    display: grid;
    grid-template-columns: 25.641025641vw 1fr;
    align-items: center;
    gap: 3.0769230769vw;
  }
}
#moflin .m-owner2 > .cmp-container .support-contents3 .support-contents3_step-grp > .cmp-container > .aem-Grid .aem-GridColumn.image {
  width: 200px;
}
@media (max-width: 767px) {
  #moflin .m-owner2 > .cmp-container .support-contents3 .support-contents3_step-grp > .cmp-container > .aem-Grid .aem-GridColumn.image {
    width: 25.641025641vw;
  }
}
#moflin .m-owner2 > .cmp-container .support-contents3 .support-contents3_step-grp > .cmp-container > .aem-Grid .aem-GridColumn.image img {
  display: block;
  width: 100%;
  height: auto;
}
#moflin .m-owner2 > .cmp-container .support-contents3 .support-contents3_step-grp > .cmp-container > .aem-Grid .cmp-text {
  text-align: center;
}
@media (max-width: 767px) {
  #moflin .m-owner2 > .cmp-container .support-contents3 .support-contents3_step-grp > .cmp-container > .aem-Grid .cmp-text {
    text-align: left;
  }
}
#moflin .m-owner2 > .cmp-container .support-contents3 .support-contents3_step-grp > .cmp-container > .aem-Grid .cmp-text p {
  margin: 0;
  font-size: var(--moflin-fs-16);
  font-weight: 500;
  line-height: 1.6;
}
#moflin .m-owner2 > .cmp-container .support-contents3 .support-contents3_step-grp > .cmp-container > .aem-Grid .cmp-text p:first-child {
  margin-bottom: 4px;
  font-size: var(--moflin-fs-20);
  font-weight: 700;
}
@media (max-width: 767px) {
  #moflin .m-owner2 > .cmp-container .support-contents3 .support-contents3_step-grp > .cmp-container > .aem-Grid .cmp-text p:first-child {
    margin-bottom: 1.0256410256vw;
    font-size: var(--moflin-fs-sp-18);
  }
}
#moflin .m-owner2 > .cmp-container .support-contents3 .support-contents3_step-grp > .cmp-container > .aem-Grid .cmp-text p:nth-child(3) {
  display: inline-block;
  margin-top: 4px;
  padding: 0 6px;
  background: var(--moflin-c-owners-pink);
  font-size: var(--moflin-fs-14);
}
@media (max-width: 767px) {
  #moflin .m-owner2 > .cmp-container .support-contents3 .support-contents3_step-grp > .cmp-container > .aem-Grid .cmp-text p:nth-child(3) {
    margin-top: 1.0256410256vw;
    padding: 0 1.5384615385vw;
    font-size: var(--moflin-fs-sp-14);
  }
}
@media (max-width: 767px) {
  #moflin .m-owner2 > .cmp-container .support-contents3 .support-contents3_step-grp > .cmp-container > .aem-Grid .cmp-text p {
    font-size: var(--moflin-fs-sp-16);
  }
}

#moflin .m-owner2 > .cmp-container .supportCol-3_btns {
  margin-top: 40px;
}
@media (max-width: 767px) {
  #moflin .m-owner2 > .cmp-container .supportCol-3_btns {
    margin-top: 10.2564102564vw;
  }
}

#moflin :is(.m-owner3, .m-owner5) > .cmp-container .is-grid {
  --grid-cols: 481px 1fr;
  --grid-gap: 36px;
  max-width: 984px;
  margin: 0 auto;
}
#moflin :is(.m-owner3, .m-owner5) > .cmp-container .is-grid img {
  display: block;
  width: 100%;
  height: auto;
}
#moflin :is(.m-owner3, .m-owner5) > .cmp-container .is-grid .container .aem-Grid .aem-Grid {
  width: auto;
}
#moflin :is(.m-owner3, .m-owner5) > .cmp-container .is-grid .container .aem-Grid .aem-Grid::before, #moflin :is(.m-owner3, .m-owner5) > .cmp-container .is-grid .container .aem-Grid .aem-Grid::after {
  content: none;
}
#moflin :is(.m-owner3, .m-owner5) > .cmp-container .is-grid .container .aem-Grid .aem-GridColumn {
  float: none;
  clear: none;
  width: auto;
  margin: 0;
}
#moflin :is(.m-owner3, .m-owner5) > .cmp-container .is-grid .container .aem-Grid {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media (max-width: 767px) {
  #moflin :is(.m-owner3, .m-owner5) > .cmp-container .is-grid .container .aem-Grid {
    gap: 5.1282051282vw;
  }
}
#moflin :is(.m-owner3, .m-owner5) > .cmp-container .is-grid .is-moflin-btn {
  margin-top: 0;
}
#moflin :is(.m-owner3, .m-owner5) > .cmp-container .is-grid .is-moflin-btn > .cmp-container > .aem-Grid {
  flex-direction: row;
  justify-content: flex-start;
}
@media (max-width: 767px) {
  #moflin :is(.m-owner3, .m-owner5) > .cmp-container .is-grid .is-moflin-btn > .cmp-container > .aem-Grid {
    justify-content: center;
  }
}
#moflin :is(.m-owner3, .m-owner5) > .cmp-container .is-grid .cmp-text p {
  margin: 0;
  font-size: var(--moflin-fs-16);
  line-height: 1.8;
}
@media (max-width: 767px) {
  #moflin :is(.m-owner3, .m-owner5) > .cmp-container .is-grid .cmp-text p {
    font-size: var(--moflin-fs-sp-16);
    text-align: center;
  }
}
@media (max-width: 767px) {
  #moflin :is(.m-owner3, .m-owner5) > .cmp-container .is-grid {
    --grid-cols: vw(481px) 1fr;
    --grid-gap: vw(36px);
    max-width: 252.3076923077vw;
  }
}

#moflin .m-owner4 > .cmp-container .is-inr > .cmp-container > .aem-Grid {
  max-width: 788px;
  margin: 0 auto;
}
@media (max-width: 767px) {
  #moflin .m-owner4 > .cmp-container .is-inr > .cmp-container > .aem-Grid {
    max-width: 202.0512820513vw;
  }
}
#moflin .m-owner4 > .cmp-container .image img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 16px;
}
@media (max-width: 767px) {
  #moflin .m-owner4 > .cmp-container .image img {
    border-radius: 4.1025641026vw;
  }
}
#moflin .m-owner4 > .cmp-container .is-title + .image,
#moflin .m-owner4 > .cmp-container .image {
  margin-bottom: 24px;
}
@media (max-width: 767px) {
  #moflin .m-owner4 > .cmp-container .is-title + .image,
  #moflin .m-owner4 > .cmp-container .image {
    margin-bottom: 6.1538461538vw;
  }
}
#moflin .m-owner4 > .cmp-container .cmp-text h4 {
  margin: 0 0 8px;
  font-size: var(--moflin-fs-20);
  font-weight: 700;
  line-height: 1.6;
  text-align: center;
}
@media (max-width: 767px) {
  #moflin .m-owner4 > .cmp-container .cmp-text h4 {
    margin: 0 0 2.0512820513vw;
    font-size: var(--moflin-fs-sp-20);
  }
}
#moflin .m-owner4 > .cmp-container .cmp-text p {
  margin: 0;
  font-size: var(--moflin-fs-16);
  line-height: 1.8;
  text-align: left;
}
@media (max-width: 767px) {
  #moflin .m-owner4 > .cmp-container .cmp-text p {
    font-size: var(--moflin-fs-sp-16);
  }
}

#moflin .m-owner6 > .cmp-container .is-moflin-btn {
  margin-top: 32px;
}
@media (max-width: 767px) {
  #moflin .m-owner6 > .cmp-container .is-moflin-btn {
    margin-top: 8.2051282051vw;
  }
}

#moflin #kv img {
  display: block;
  width: 100%;
  height: auto;
}

#moflin .is-read > .cmp-container > .aem-Grid > .container > .is-inr:has(.is-anchor-menu.is-3),
#moflin :is(.m-product1, .m-product2, .m-product4) > .cmp-container > .aem-Grid > .container > .is-inr {
  max-width: 1200px;
}
@media (max-width: 767px) {
  #moflin .is-read > .cmp-container > .aem-Grid > .container > .is-inr:has(.is-anchor-menu.is-3),
  #moflin :is(.m-product1, .m-product2, .m-product4) > .cmp-container > .aem-Grid > .container > .is-inr {
    max-width: 307.6923076923vw;
  }
}

#moflin :is(.m-product1, .m-product2, .m-product3, .m-product4, .m-product5) > .cmp-container {
  color: var(--moflin-c-text);
  font-family: var(--moflin-font-base);
}
#moflin :is(.m-product1, .m-product2, .m-product3, .m-product4, .m-product5) > .cmp-container .is-title {
  margin-bottom: 40px;
}
@media (max-width: 767px) {
  #moflin :is(.m-product1, .m-product2, .m-product3, .m-product4, .m-product5) > .cmp-container .is-title {
    margin-bottom: 6.1538461538vw;
  }
}
#moflin :is(.m-product1, .m-product2, .m-product3, .m-product4, .m-product5) > .cmp-container .cmp-text p {
  width: auto;
  overflow: visible;
  white-space: normal;
  text-overflow: clip;
}

#moflin .m-product1 > .cmp-container {
  padding: 0;
}

#moflin .m-product2 > .cmp-container {
  padding: 100px 0 120px;
}
@media (max-width: 767px) {
  #moflin .m-product2 > .cmp-container {
    padding: 14.358974359vw 0 16.4102564103vw;
  }
}

#moflin .m-product4 > .cmp-container {
  padding: 80px 0 120px;
}
@media (max-width: 767px) {
  #moflin .m-product4 > .cmp-container {
    padding: 10.2564102564vw 0 14.358974359vw;
  }
}

#moflin :is(.m-product1, .m-product2, .m-product3, .m-product4) .cmp-single-product_panel__btn-addcart a {
  background-color: var(--moflin-c-coral);
  color: var(--moflin-c-text-dark);
}

#moflin :is(.m-product1, .m-product2, .m-product3) :is([id^=online-products], [id$=item_grp]) > .aem-Grid .aem-Grid {
  width: auto;
}
#moflin :is(.m-product1, .m-product2, .m-product3) :is([id^=online-products], [id$=item_grp]) > .aem-Grid .aem-Grid::before, #moflin :is(.m-product1, .m-product2, .m-product3) :is([id^=online-products], [id$=item_grp]) > .aem-Grid .aem-Grid::after {
  content: none;
}
#moflin :is(.m-product1, .m-product2, .m-product3) :is([id^=online-products], [id$=item_grp]) > .aem-Grid .aem-GridColumn {
  float: none;
  clear: none;
  width: auto;
  margin: 0;
}
#moflin :is(.m-product1, .m-product2, .m-product3) :is([id^=online-products], [id$=item_grp]) > .aem-Grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
#moflin :is(.m-product1, .m-product2, .m-product3) :is([id^=online-products], [id$=item_grp]) > .aem-Grid::before, #moflin :is(.m-product1, .m-product2, .m-product3) :is([id^=online-products], [id$=item_grp]) > .aem-Grid::after {
  content: none;
}
@media (max-width: 767px) {
  #moflin :is(.m-product1, .m-product2, .m-product3) :is([id^=online-products], [id$=item_grp]) > .aem-Grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

#moflin :is(.m-product1, .m-product2) [id^=online-products] > .aem-Grid {
  margin-bottom: 100px;
}
@media (max-width: 767px) {
  #moflin :is(.m-product1, .m-product2) [id^=online-products] > .aem-Grid {
    margin-bottom: 12.3076923077vw;
  }
}

#moflin .m-product2 #online-products-house > .aem-Grid {
  grid-template-columns: minmax(0, 400px);
  justify-content: center;
  margin-bottom: 0;
}
@media (max-width: 767px) {
  #moflin .m-product2 #online-products-house > .aem-Grid {
    grid-template-columns: minmax(0, 50%);
  }
}

#moflin .m-product1 > .cmp-container .online-header {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 36px;
  margin-bottom: 24px;
  text-align: center;
}
@media (max-width: 767px) {
  #moflin .m-product1 > .cmp-container .online-header {
    min-height: 9.2307692308vw;
    flex-direction: column;
    gap: 3.0769230769vw;
    margin-bottom: 4.1025641026vw;
  }
}
#moflin .m-product1 > .cmp-container .online-header .label {
  position: absolute;
  left: 0;
  padding: 4px 8px;
  border: 2px solid var(--moflin-c-border-dark);
  font-size: var(--moflin-fs-14);
  font-weight: 700;
  line-height: 1.5;
}
@media (max-width: 767px) {
  #moflin .m-product1 > .cmp-container .online-header .label {
    padding: 1.0256410256vw 2.0512820513vw;
    position: static;
    box-sizing: border-box;
    width: 100%;
    font-size: var(--moflin-fs-sp-13);
  }
}
#moflin .m-product1 > .cmp-container .online-header .title {
  margin: 0;
  color: var(--moflin-c-text);
  font-size: var(--moflin-fs-24);
  font-weight: 700;
  line-height: 1.5;
}
@media (max-width: 767px) {
  #moflin .m-product1 > .cmp-container .online-header .title {
    font-size: var(--moflin-fs-sp-18);
  }
}

#moflin .m-product1 #model-comparison .model-comparison-header {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  margin: 0;
  padding: 18px 16px;
  background-color: var(--moflin-c-coral);
  color: var(--moflin-c-text-dark);
  font-size: 30px;
  font-weight: 700;
  line-height: 1.3;
  text-align: center;
}
#moflin .m-product1 #model-comparison .model-comparison-header::before {
  content: "";
  flex-shrink: 0;
  width: 50px;
  aspect-ratio: 6/5;
  background-color: currentColor;
  -webkit-mask: url("/content/dam/casio/global/moflin/common/img/moflin-ico_line.svg") no-repeat center/contain;
          mask: url("/content/dam/casio/global/moflin/common/img/moflin-ico_line.svg") no-repeat center/contain;
}
@media (max-width: 767px) {
  #moflin .m-product1 #model-comparison .model-comparison-header::before {
    width: 12.8205128205vw;
  }
}
@media (max-width: 767px) {
  #moflin .m-product1 #model-comparison .model-comparison-header {
    gap: 2.0512820513vw;
    padding: 3.0769230769vw;
    font-size: var(--moflin-fs-sp-20);
  }
  #moflin .m-product1 #model-comparison .model-comparison-header::before {
    width: 8.2051282051vw;
  }
}
#moflin .m-product1 #model-comparison .model-comparison-inner {
  display: grid;
  grid-template-columns: 1fr 516px;
  grid-template-rows: 1fr auto auto 1fr auto;
  -moz-column-gap: 40px;
       column-gap: 40px;
  padding: 24px 64px 20px;
  border: 2px solid var(--moflin-c-bg-pink);
  border-top: 0;
}
@media (max-width: 767px) {
  #moflin .m-product1 #model-comparison .model-comparison-inner {
    grid-template-columns: 1fr 132.3076923077vw;
    -moz-column-gap: 10.2564102564vw;
         column-gap: 10.2564102564vw;
    display: block;
    padding: 6.1538461538vw 4.1025641026vw;
  }
}
#moflin .m-product1 #model-comparison .model-comparison-inner > h3 {
  grid-area: 2/1;
  margin: 0 0 16px;
  font-size: var(--moflin-fs-28);
  font-weight: 700;
  line-height: 1.6;
}
@media (max-width: 767px) {
  #moflin .m-product1 #model-comparison .model-comparison-inner > h3 {
    margin: 0 0 4.1025641026vw;
    font-size: var(--moflin-fs-sp-18);
    text-align: center;
  }
}
#moflin .m-product1 #model-comparison .model-comparison-inner > p {
  grid-column: 1;
  margin: 0;
  font-size: var(--moflin-fs-15);
  line-height: 1.8;
  letter-spacing: 0.02em;
}
@media (max-width: 767px) {
  #moflin .m-product1 #model-comparison .model-comparison-inner > p {
    font-size: var(--moflin-fs-sp-14);
  }
}
#moflin .m-product1 #model-comparison .model-comparison-inner > p:nth-of-type(1) {
  grid-row: 3;
}
#moflin .m-product1 #model-comparison .model-comparison-inner > p:nth-of-type(2) {
  grid-row: 4;
  align-self: start;
}
#moflin .m-product1 #model-comparison .model-comparison-inner > :has(table) {
  grid-area: 1/2/5/3;
  align-self: center;
}
#moflin .m-product1 #model-comparison .model-comparison-inner > :has(table.sp) {
  display: none;
}
#moflin .m-product1 #model-comparison .model-comparison-inner > div:not(:has(table)) {
  grid-column: 1/-1;
  margin-top: 16px;
  text-align: center;
}
#moflin .m-product1 #model-comparison .model-comparison-inner > div:not(:has(table)) p {
  font-size: var(--moflin-fs-14);
}
@media (max-width: 767px) {
  #moflin .m-product1 #model-comparison .model-comparison-inner > div:not(:has(table)) p {
    font-size: var(--moflin-fs-sp-14);
  }
}
@media (max-width: 767px) {
  #moflin .m-product1 #model-comparison .model-comparison-inner > div:not(:has(table)) {
    margin-top: 4.1025641026vw;
  }
}
#moflin .m-product1 #model-comparison table {
  width: 100%;
  border-collapse: collapse;
  color: var(--moflin-c-text);
  font-size: var(--moflin-fs-14);
  line-height: 1.5;
  text-align: center;
}
@media (max-width: 767px) {
  #moflin .m-product1 #model-comparison table {
    margin-top: 6.1538461538vw;
    font-size: var(--moflin-fs-sp-13);
  }
}
#moflin .m-product1 #model-comparison tr {
  border-bottom: 1px solid var(--moflin-c-border);
}
#moflin .m-product1 #model-comparison :is(th, td) {
  border: 0;
  background: none;
  color: inherit;
  font-size: inherit;
  text-align: center;
  vertical-align: middle;
}
#moflin .m-product1 #model-comparison th {
  padding: 12px 8px 16px;
  font-weight: 700;
}
@media (max-width: 767px) {
  #moflin .m-product1 #model-comparison th {
    padding: 3.0769230769vw 2.0512820513vw 4.1025641026vw;
  }
}
#moflin .m-product1 #model-comparison td {
  padding: 14px 8px;
}
@media (max-width: 767px) {
  #moflin .m-product1 #model-comparison td {
    padding: 3.5897435897vw 2.0512820513vw;
  }
}
#moflin .m-product1 #model-comparison td:first-child {
  width: 140px;
  font-weight: 700;
  text-align: left;
}
@media (max-width: 767px) {
  #moflin .m-product1 #model-comparison td:first-child {
    width: 21.5384615385vw;
  }
}
#moflin .m-product1 #model-comparison td img {
  display: block;
  width: auto;
  max-width: 100%;
  height: 60px;
  margin: 8px auto 0;
}
@media (max-width: 767px) {
  #moflin .m-product1 #model-comparison td img {
    height: 15.3846153846vw;
    margin: 2.0512820513vw auto 0;
  }
}
#moflin .m-product1 #model-comparison .moflin-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}
#moflin .m-product1 #model-comparison .moflin-list li::before {
  content: none;
}
#moflin .m-product1 #model-comparison .moflin-list p {
  margin: 0;
}
@media (max-width: 767px) {
  #moflin .m-product1 #model-comparison .moflin-list {
    gap: 2.0512820513vw;
  }
}
#moflin .m-product1 #model-comparison .moflin-icon {
  display: flex;
  justify-content: center;
  gap: 6px;
}
#moflin .m-product1 #model-comparison .moflin-icon img {
  width: 30px;
  height: auto;
  margin: 4px 0 0;
}
@media (max-width: 767px) {
  #moflin .m-product1 #model-comparison .moflin-icon img {
    width: 7.6923076923vw;
    margin: 1.0256410256vw 0 0;
  }
}
@media (max-width: 767px) {
  #moflin .m-product1 #model-comparison .moflin-icon {
    gap: 1.5384615385vw;
  }
}

#moflin .m-product3 > .cmp-container:not(#_) .is-curve-top-up {
  padding-top: calc(var(--curve-h) + 40px);
}
@media (max-width: 767px) {
  #moflin .m-product3 > .cmp-container:not(#_) .is-curve-top-up {
    padding-top: calc(var(--curve-h) + 10.2564102564vw);
  }
}
#moflin .m-product3 > .cmp-container:not(#_) .is-curve-bottom-down {
  padding-bottom: calc(var(--curve-h) + 40px);
}
@media (max-width: 767px) {
  #moflin .m-product3 > .cmp-container:not(#_) .is-curve-bottom-down {
    padding-bottom: calc(var(--curve-h) + 10.2564102564vw);
  }
}
#moflin .m-product3 > .cmp-container:not(#_) .is-curve-under {
  padding-top: 100px;
}
@media (max-width: 767px) {
  #moflin .m-product3 > .cmp-container:not(#_) .is-curve-under {
    padding-top: 12.3076923077vw;
  }
}
#moflin .m-product3 > .cmp-container:not(#_) .is-title {
  margin-bottom: 24px;
}
@media (max-width: 767px) {
  #moflin .m-product3 > .cmp-container:not(#_) .is-title {
    margin-bottom: 6.1538461538vw;
  }
}
#moflin .m-product3 > .cmp-container:not(#_) .is-moflin-btn {
  margin-top: 24px;
}
@media (max-width: 767px) {
  #moflin .m-product3 > .cmp-container:not(#_) .is-moflin-btn {
    margin-top: 6.1538461538vw;
  }
}
#moflin .m-product3 > .cmp-container:not(#_) .text:has(+ .container > .is-moflin-btn) {
  margin-top: 48px;
}
@media (max-width: 767px) {
  #moflin .m-product3 > .cmp-container:not(#_) .text:has(+ .container > .is-moflin-btn) {
    margin-top: 8.2051282051vw;
  }
}
#moflin .m-product3 > .cmp-container:not(#_) .is-inr {
  max-width: none;
}
@media (min-width: 768px) {
  #moflin .m-product3 > .cmp-container:not(#_) .is-inr {
    padding-right: 0;
    padding-left: 0;
  }
}
#moflin .m-product3 > .cmp-container:not(#_) .text:has(+ .container > .is-moflin-btn) p {
  margin: 0;
  font-weight: 700;
  text-align: center;
}

#moflin .m-product3 > .cmp-container:not(#_) #mori_collection .item_title {
  background-color: var(--moflin-c-coral);
  color: var(--moflin-c-text-dark);
}
#moflin .m-product3 > .cmp-container:not(#_) #mori_collection .collections_title {
  color: var(--moflin-c-gray);
}
#moflin .m-product3 > .cmp-container:not(#_) #mori_collection [id$=mainimg] {
  border-color: var(--moflin-c-collection-mori-dark);
}

#moflin .m-product3 > .cmp-container:not(#_) #mofsanpo_collection .item_title {
  background-color: var(--moflin-c-collection-mofsanpo);
  color: var(--moflin-c-text-dark);
}
#moflin .m-product3 > .cmp-container:not(#_) #mofsanpo_collection .collections_title {
  color: var(--moflin-c-gray);
}
#moflin .m-product3 > .cmp-container:not(#_) #mofsanpo_collection [id$=mainimg] {
  border-color: var(--moflin-c-collection-mofsanpo-light);
}

#moflin .m-product3 > .cmp-container:not(#_) #mori-season-collection .item_title {
  background-color: var(--moflin-c-collection-mori-season);
  color: var(--moflin-c-white);
}
#moflin .m-product3 > .cmp-container:not(#_) #mori-season-collection .collections_title {
  color: var(--moflin-c-collection-mori-season);
}
#moflin .m-product3 > .cmp-container:not(#_) #mori-season-collection [id$=mainimg] {
  border-color: var(--moflin-c-collection-mori-season);
}

#moflin .m-product3 > .cmp-container:not(#_) [id$=item_container] {
  width: 90%;
  max-width: 1296px;
  margin: 0 auto;
  padding-bottom: 64px;
  background-color: var(--moflin-c-white);
}
@media (max-width: 767px) {
  #moflin .m-product3 > .cmp-container:not(#_) [id$=item_container] {
    max-width: 332.3076923077vw;
    width: calc(100% - 10.2564102564vw);
    padding-bottom: 10.2564102564vw;
  }
}
@media (max-width: 767px) {
  #moflin .m-product3 > .cmp-container:not(#_) .is-inr [id$=item_container] {
    width: 100%;
  }
}
#moflin .m-product3 > .cmp-container:not(#_) .item_title {
  margin: 0;
  padding: 12px 16px;
  color: var(--moflin-c-white);
  font-size: var(--moflin-fs-24);
  font-weight: 700;
  line-height: 1.4;
  text-align: center;
}
@media (max-width: 767px) {
  #moflin .m-product3 > .cmp-container:not(#_) .item_title {
    padding: 2.0512820513vw 3.0769230769vw;
    font-size: var(--moflin-fs-sp-18);
  }
}
#moflin .m-product3 > .cmp-container:not(#_) .collections_title {
  margin: 48px 0 40px;
  padding: 0 16px;
  font-size: 44px;
  font-weight: 700;
  line-height: 1.3;
  text-align: center;
}
@media (max-width: 767px) {
  #moflin .m-product3 > .cmp-container:not(#_) .collections_title {
    padding: 0 4.1025641026vw;
    margin: 6.1538461538vw 0;
    font-size: var(--moflin-fs-sp-28);
  }
}
#moflin .m-product3 > .cmp-container:not(#_) [id$=mainimg] {
  width: 350px;
  max-width: calc(100% - 32px);
  margin: 0 auto;
  border: 1px solid;
}
#moflin .m-product3 > .cmp-container:not(#_) [id$=mainimg] img {
  display: block;
  width: 100%;
  height: auto;
}
@media (max-width: 767px) {
  #moflin .m-product3 > .cmp-container:not(#_) [id$=mainimg] {
    width: 89.7435897436vw;
    max-width: calc(100% - 8.2051282051vw);
  }
}
#moflin .m-product3 > .cmp-container:not(#_) [id$=item_area] {
  max-width: 1141px;
  margin: 48px auto 0;
  padding: 0 16px;
}
@media (max-width: 767px) {
  #moflin .m-product3 > .cmp-container:not(#_) [id$=item_area] {
    max-width: 292.5641025641vw;
    margin: 8.2051282051vw auto 0;
    padding: 0 4.1025641026vw;
  }
}
#moflin .m-product3 > .cmp-container:not(#_) .item_desc {
  max-width: 600px;
  margin: 0 auto 40px;
  font-weight: 700;
  text-align: center;
}
#moflin .m-product3 > .cmp-container:not(#_) .item_desc p {
  margin: 0;
  font-size: var(--moflin-fs-16);
  line-height: 2;
}
@media (max-width: 767px) {
  #moflin .m-product3 > .cmp-container:not(#_) .item_desc p {
    font-size: var(--moflin-fs-sp-14);
  }
}
#moflin .m-product3 > .cmp-container:not(#_) .item_desc .item_desc_title {
  margin-bottom: 16px;
  font-size: var(--moflin-fs-22);
  line-height: 1.5;
}
@media (max-width: 767px) {
  #moflin .m-product3 > .cmp-container:not(#_) .item_desc .item_desc_title {
    margin-bottom: 4.1025641026vw;
    font-size: var(--moflin-fs-sp-18);
  }
}
@media (max-width: 767px) {
  #moflin .m-product3 > .cmp-container:not(#_) .item_desc {
    max-width: 153.8461538462vw;
    margin: 0 auto 10.2564102564vw;
  }
}
#moflin .m-product3 > .cmp-container:not(#_) [id$=item_grp] > .aem-Grid {
  -moz-column-gap: 26px;
       column-gap: 26px;
  row-gap: 40px;
}
@media (max-width: 767px) {
  #moflin .m-product3 > .cmp-container:not(#_) [id$=item_grp] > .aem-Grid {
    -moz-column-gap: 4.1025641026vw;
         column-gap: 4.1025641026vw;
    row-gap: 6.1538461538vw;
  }
}
#moflin .m-product3 > .cmp-container:not(#_) [id$=item_grp] > .aem-Grid > .container .aem-Grid,
#moflin .m-product3 > .cmp-container:not(#_) [id$=item_grp] > .aem-Grid .aem-Grid .aem-Grid {
  width: auto;
}
#moflin .m-product3 > .cmp-container:not(#_) [id$=item_grp] > .aem-Grid > .container .aem-Grid::before, #moflin .m-product3 > .cmp-container:not(#_) [id$=item_grp] > .aem-Grid > .container .aem-Grid::after,
#moflin .m-product3 > .cmp-container:not(#_) [id$=item_grp] > .aem-Grid .aem-Grid .aem-Grid::before,
#moflin .m-product3 > .cmp-container:not(#_) [id$=item_grp] > .aem-Grid .aem-Grid .aem-Grid::after {
  content: none;
}
#moflin .m-product3 > .cmp-container:not(#_) [id$=item_grp] > .aem-Grid > .container .aem-GridColumn,
#moflin .m-product3 > .cmp-container:not(#_) [id$=item_grp] > .aem-Grid .aem-Grid .aem-GridColumn {
  float: none;
  clear: none;
  width: auto;
  margin: 0;
}

#moflin .m-product4 #exh .exh-contents-container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: start;
  gap: 40px;
}
@media (max-width: 767px) {
  #moflin .m-product4 #exh .exh-contents-container {
    grid-template-columns: 1fr;
    gap: 0;
  }
}
#moflin .m-product4 #exh .exh-contents {
  border-bottom: 2px solid var(--moflin-c-border);
}
@media (max-width: 767px) {
  #moflin .m-product4 #exh .exh-contents:first-child {
    border-bottom: 0;
  }
}
#moflin .m-product4 #exh .accordion-item {
  border-top: 2px solid var(--moflin-c-border);
}
#moflin .m-product4 #exh .accordion-header {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  width: 100%;
  min-height: 57px;
  margin: 0;
  padding: 12px 8px 12px 10px;
  border: 0;
  background: none;
  color: var(--moflin-c-gray);
  font-family: inherit;
  font-size: var(--moflin-fs-18);
  font-weight: 500;
  line-height: 1.5;
  text-align: left;
  cursor: pointer;
}
#moflin .m-product4 #exh .accordion-header::before {
  content: none;
}
#moflin .m-product4 #exh .accordion-header::after {
  content: "";
  display: block;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  min-height: 0;
  background: url("/content/dam/casio/global/moflin/rev2/img/plus.svg") no-repeat center/contain;
  position: static;
  margin: 0;
  transform: none;
}
#moflin .m-product4 #exh .accordion-header:focus-visible {
  outline: 2px solid var(--moflin-c-text);
  outline-offset: -2px;
}
@media (max-width: 767px) {
  #moflin .m-product4 #exh .accordion-header {
    gap: 4.1025641026vw;
    min-height: 14.6153846154vw;
    padding: 3.0769230769vw 2.0512820513vw 3.0769230769vw 2.5641025641vw;
    font-size: var(--moflin-fs-sp-16);
  }
}
#moflin .m-product4 #exh .is-open .accordion-header::after {
  background-image: url("/content/dam/casio/global/moflin/rev2/img/minus.svg");
}
#moflin .m-product4 #exh .accordion-content {
  display: block;
}
#moflin .m-product4 #exh .accordion-content[hidden] {
  display: none;
}
#moflin .m-product4 #exh .accordion-inner {
  padding: 0 0 16px;
  overflow: visible;
}
@media (max-width: 767px) {
  #moflin .m-product4 #exh .accordion-inner {
    padding: 0 0 4.1025641026vw;
  }
}
#moflin .m-product4 #exh .cityname {
  display: inline-block;
  margin: 16px 0 8px;
  padding: 6px 16px;
  border: 1px solid var(--moflin-c-border-dark);
  font-size: var(--moflin-fs-15);
}
@media (max-width: 767px) {
  #moflin .m-product4 #exh .cityname {
    margin: 4.1025641026vw 0 2.0512820513vw;
    padding: 1.5384615385vw 4.1025641026vw;
    font-size: var(--moflin-fs-sp-15);
  }
}
#moflin .m-product4 #exh .store-container {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  padding: 16px 10px;
  border-bottom: 1px solid var(--moflin-c-border);
}
#moflin .m-product4 #exh .store-container:last-child {
  border-bottom: 0;
}
@media (max-width: 767px) {
  #moflin .m-product4 #exh .store-container {
    gap: 4.1025641026vw;
    padding: 4.1025641026vw 2.5641025641vw;
  }
}
#moflin .m-product4 #exh .store-name {
  margin: 0 0 8px;
  font-size: var(--moflin-fs-18);
  font-weight: 700;
  line-height: 1.5;
}
@media (max-width: 767px) {
  #moflin .m-product4 #exh .store-name {
    margin: 0 0 2.0512820513vw;
    font-size: var(--moflin-fs-sp-16);
  }
}
#moflin .m-product4 #exh a {
  color: inherit;
  text-decoration: underline;
}
#moflin .m-product4 #exh .address p,
#moflin .m-product4 #exh .list {
  margin: 0;
  font-size: var(--moflin-fs-15);
  line-height: 1.6;
}
@media (max-width: 767px) {
  #moflin .m-product4 #exh .address p,
  #moflin .m-product4 #exh .list {
    font-size: var(--moflin-fs-sp-14);
  }
}
#moflin .m-product4 #exh .list {
  padding-left: 1.2em;
}
#moflin .m-product4 #exh .available-tag {
  margin: 0;
  padding: 3px 8px;
  border-radius: 5px;
  background: var(--moflin-c-products-tag);
  font-size: var(--moflin-fs-14);
  white-space: nowrap;
}
@media (max-width: 767px) {
  #moflin .m-product4 #exh .available-tag {
    padding: 0.7692307692vw 2.0512820513vw;
    border-radius: 1.2820512821vw;
    font-size: var(--moflin-fs-sp-14);
  }
}
#moflin .m-product4 #exh .btn-grp {
  margin-top: 32px;
  text-align: center;
}
#moflin .m-product4 #exh .btn-grp p {
  margin: 0;
}
@media (max-width: 767px) {
  #moflin .m-product4 #exh .btn-grp {
    margin-top: 8.2051282051vw;
  }
}
#moflin .m-product4 #exh .moflin-btn {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 285px;
  min-height: 46px;
  padding: 8px 24px;
  border-radius: 8px;
  background: var(--moflin-c-text);
  color: var(--moflin-c-white);
  font-size: var(--moflin-fs-16);
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.04em;
  text-decoration: none;
  transition: background-color 0.2s ease-out;
}
#moflin .m-product4 #exh .moflin-btn::after {
  content: none;
}
@media (hover: hover) {
  #moflin .m-product4 #exh .moflin-btn:hover {
    background-color: var(--moflin-c-products-cart-hover);
  }
}
#moflin .m-product4 #exh .moflin-btn:focus-visible {
  outline: 2px solid var(--moflin-c-text);
  outline-offset: 2px;
}
@media (max-width: 767px) {
  #moflin .m-product4 #exh .moflin-btn {
    min-width: 73.0769230769vw;
    min-height: 11.7948717949vw;
    padding: 2.0512820513vw 6.1538461538vw;
    border-radius: 2.0512820513vw;
    font-size: var(--moflin-fs-sp-16);
  }
}

#moflin .m-product5 #catalog {
  padding-bottom: 100px;
  text-align: center;
}
@media (max-width: 767px) {
  #moflin .m-product5 #catalog {
    padding-bottom: 12.3076923077vw;
  }
}
#moflin .m-product5 #catalog .inner {
  width: 90%;
  max-width: 500px;
  margin: 0 auto;
}
@media (max-width: 767px) {
  #moflin .m-product5 #catalog .inner {
    width: 90vw;
    margin-left: calc(50% - 45vw);
  }
}
#moflin .m-product5 #catalog img {
  display: block;
  width: 100%;
  height: auto;
}
#moflin .m-product5 #catalog .cmp-text p {
  margin: 0;
  color: var(--moflin-c-sub);
  font-family: var(--moflin-font-base);
  font-feature-settings: normal;
  font-size: min(4vw, 18px);
  line-height: 2;
}
#moflin .m-product5 #catalog .pdf-download {
  position: relative;
  color: var(--moflin-c-sub);
  text-decoration: none;
}
#moflin .m-product5 #catalog .pdf-download::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 105%;
  width: 1em;
  aspect-ratio: 1/1;
  background: url("/content/dam/casio/global/moflin/common/img/icon-download.svg") no-repeat center/cover;
  transform: translateY(-50%);
}

#moflin #kv img {
  display: block;
  width: 100%;
  height: auto;
}

#moflin .m-review1 > .cmp-container {
  padding-bottom: 120px;
}
@media (max-width: 767px) {
  #moflin .m-review1 > .cmp-container {
    padding-bottom: 16.4102564103vw;
  }
}
#moflin .m-review1 > .cmp-container .is-title p {
  margin-top: 24px;
}
@media (max-width: 767px) {
  #moflin .m-review1 > .cmp-container .is-title p {
    margin-top: 6.1538461538vw;
  }
}

#moflin .m-review1 #review-inner {
  margin-top: 32px;
}
@media (max-width: 767px) {
  #moflin .m-review1 #review-inner {
    margin-top: 6.1538461538vw;
  }
}

#moflin .m-review1 #btn-grp .aem-Grid {
  width: auto;
}
#moflin .m-review1 #btn-grp .aem-Grid::before, #moflin .m-review1 #btn-grp .aem-Grid::after {
  content: none;
}
#moflin .m-review1 #btn-grp .aem-GridColumn {
  float: none;
  clear: none;
  width: auto;
  margin: 0;
}
#moflin .m-review1 #btn-grp > .aem-Grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 4px;
  max-width: 640px;
  margin: 0 auto;
  padding: 4px;
  border-radius: 10px;
  background: var(--moflin-c-border);
}
@media (max-width: 767px) {
  #moflin .m-review1 #btn-grp > .aem-Grid {
    gap: 1.0256410256vw;
    max-width: 164.1025641026vw;
    padding: 1.0256410256vw;
    border-radius: 2.5641025641vw;
  }
}
#moflin .m-review1 #btn-grp .cmp-button {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-width: 0;
  min-height: 46px;
  margin: 0;
  padding: 6px 8px;
  border: 0;
  border-radius: 8px;
  background: none;
  color: var(--moflin-c-text);
  text-decoration: none;
  transition: background-color 0.2s, color 0.2s;
}
#moflin .m-review1 #btn-grp .cmp-button::before, #moflin .m-review1 #btn-grp .cmp-button::after {
  content: none;
}
@media (hover: hover) {
  #moflin .m-review1 #btn-grp .cmp-button:hover {
    background: color-mix(in srgb, var(--moflin-c-white) 60%, transparent);
  }
}
#moflin .m-review1 #btn-grp .cmp-button:focus-visible {
  outline: 2px solid var(--moflin-c-text);
  outline-offset: 2px;
}
#moflin .m-review1 #btn-grp .cmp-button[aria-current] {
  background: var(--moflin-c-text);
  color: var(--moflin-c-white);
  pointer-events: none;
}
@media (max-width: 767px) {
  #moflin .m-review1 #btn-grp .cmp-button {
    min-height: 11.7948717949vw;
    padding: 1.5384615385vw 2.0512820513vw;
    border-radius: 2.0512820513vw;
  }
}
#moflin .m-review1 #btn-grp .cmp-button__text {
  margin: 0;
  font-family: var(--moflin-font-base);
  font-size: var(--moflin-fs-16);
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.06em;
}
@media (max-width: 767px) {
  #moflin .m-review1 #btn-grp .cmp-button__text {
    font-size: var(--moflin-fs-sp-16);
  }
}

#moflin .m-review1 #prodeuct-image {
  width: 290px;
  margin: 40px auto 0;
}
@media (max-width: 767px) {
  #moflin .m-review1 #prodeuct-image {
    margin: 8.2051282051vw auto 0;
    width: 61.5384615385vw;
  }
}
#moflin .m-review1 #prodeuct-image img {
  display: block;
  width: 100%;
}

#moflin .m-review1 .cmp-experiencefragment--review h4 {
  margin: 16px 0 40px;
  color: var(--moflin-c-sub);
  font-family: var(--moflin-font-base);
  font-size: var(--moflin-fs-24);
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
}
@media (max-width: 767px) {
  #moflin .m-review1 .cmp-experiencefragment--review h4 {
    margin: 4.1025641026vw 0 10.2564102564vw;
    font-size: var(--moflin-fs-sp-22);
  }
}

#moflin .m-review2 > .cmp-container {
  padding-bottom: calc(var(--curve-h) + 80px);
}
@media (max-width: 767px) {
  #moflin .m-review2 > .cmp-container {
    padding-bottom: calc(var(--curve-h) + 12.3076923077vw);
  }
}
#moflin .m-review2 > .cmp-container > .aem-Grid > .container > .is-inr {
  max-width: 1200px;
}
@media (max-width: 767px) {
  #moflin .m-review2 > .cmp-container > .aem-Grid > .container > .is-inr {
    max-width: 307.6923076923vw;
  }
}
#moflin .m-review2 > .cmp-container .is-title {
  margin-bottom: 56px;
}
@media (max-width: 767px) {
  #moflin .m-review2 > .cmp-container .is-title {
    margin-bottom: 8.2051282051vw;
  }
}
#moflin .m-review2 > .cmp-container .is-moflin-btn {
  margin-top: 32px;
}
@media (min-width: 768px) {
  #moflin .m-review2 > .cmp-container .is-moflin-btn {
    display: none !important;
  }
}
@media (max-width: 767px) {
  #moflin .m-review2 > .cmp-container .is-moflin-btn {
    margin-top: 8.2051282051vw;
  }
}
#moflin .m-review2 > .cmp-container .is-moflin-btn.is-hidden {
  display: none !important;
}
@media (max-width: 767px) {
  #moflin .m-review2 > .cmp-container .switch-container.is-voice:not(.is-expanded) .voices:nth-child(n+4) {
    display: none;
  }
}
#moflin .m-review2 > .cmp-container .switch-container.is-voice .voices:focus {
  outline: none;
}

#moflin .m-review2 .switch-container.is-voice .cmp-text {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 48px 36px;
  padding-bottom: 16px;
}
@media (max-width: 767px) {
  #moflin .m-review2 .switch-container.is-voice .cmp-text {
    padding-bottom: 4.1025641026vw;
    grid-template-columns: 1fr;
    gap: 10.2564102564vw;
  }
}
#moflin .m-review2 .switch-container.is-voice .voices {
  position: relative;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 264px;
  padding: 32px 24px;
  border: 3px solid var(--moflin-c-coral);
  border-radius: 16px;
  background: var(--moflin-c-white);
  color: var(--moflin-c-text);
  font-family: var(--moflin-font-jp);
  text-align: center;
}
@media (max-width: 767px) {
  #moflin .m-review2 .switch-container.is-voice .voices {
    border: 0.7692307692vw solid var(--moflin-c-coral);
    border-radius: 4.1025641026vw;
    min-height: 0;
    padding: 7.1794871795vw 5.1282051282vw;
  }
}
#moflin .m-review2 .switch-container.is-voice .voices::before, #moflin .m-review2 .switch-container.is-voice .voices::after {
  content: "";
  position: absolute;
  left: 50%;
  width: 24px;
  height: 14px;
  clip-path: polygon(0 0, 100% 0, 50% 100%);
  translate: -50% 0;
}
@media (max-width: 767px) {
  #moflin .m-review2 .switch-container.is-voice .voices::before, #moflin .m-review2 .switch-container.is-voice .voices::after {
    width: 6.1538461538vw;
    height: 3.5897435897vw;
  }
}
#moflin .m-review2 .switch-container.is-voice .voices::before {
  top: 100%;
  background: var(--moflin-c-coral);
}
#moflin .m-review2 .switch-container.is-voice .voices::after {
  top: calc(100% - 3px);
  background: var(--moflin-c-white);
}
@media (max-width: 767px) {
  #moflin .m-review2 .switch-container.is-voice .voices::after {
    top: calc(100% - 0.7692307692vw);
  }
}
#moflin .m-review2 .switch-container.is-voice h3 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin: 0;
  padding: 0;
  color: inherit;
  font-family: var(--moflin-font-base);
  font-size: var(--moflin-fs-20);
  font-weight: 700;
  line-height: 1.5;
}
@media (max-width: 767px) {
  #moflin .m-review2 .switch-container.is-voice h3 {
    gap: 2.0512820513vw;
    font-size: var(--moflin-fs-sp-18);
  }
}
#moflin .m-review2 .switch-container.is-voice h3::before, #moflin .m-review2 .switch-container.is-voice h3::after {
  content: "";
  width: 2px;
  height: 0.9em;
  background: var(--moflin-c-coral);
}
#moflin .m-review2 .switch-container.is-voice h3::before {
  rotate: -25deg;
}
#moflin .m-review2 .switch-container.is-voice h3::after {
  rotate: 25deg;
}
#moflin .m-review2 .switch-container.is-voice p {
  width: auto;
  overflow: visible;
  white-space: normal;
  text-overflow: clip;
  margin: 8px 0 0;
  color: inherit;
  font-size: var(--moflin-fs-15);
  line-height: 1.8;
}
@media (max-width: 767px) {
  #moflin .m-review2 .switch-container.is-voice p {
    margin: 2.0512820513vw 0 0;
    font-size: var(--moflin-fs-sp-14);
  }
}

#moflin .m-review3 > .cmp-container {
  padding: 100px 0 calc(var(--curve-h) + 100px);
}
@media (max-width: 767px) {
  #moflin .m-review3 > .cmp-container {
    padding: 14.358974359vw 0 calc(var(--curve-h) + 12.3076923077vw);
  }
}
#moflin .m-review3 > .cmp-container > .aem-Grid > .container > .is-inr {
  max-width: 1200px;
}
@media (max-width: 767px) {
  #moflin .m-review3 > .cmp-container > .aem-Grid > .container > .is-inr {
    max-width: 307.6923076923vw;
  }
}
#moflin .m-review3 > .cmp-container .is-inr > .cmp-container > .aem-Grid > .text h3 {
  width: -moz-fit-content;
  width: fit-content;
  margin: 40px auto 0;
  padding: 0;
  color: var(--moflin-c-text);
  font-family: var(--moflin-font-base);
  font-size: var(--moflin-fs-20);
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
  background: linear-gradient(transparent 70%, color-mix(in srgb, var(--moflin-c-coral) 35%, transparent) 70%);
}
@media (max-width: 767px) {
  #moflin .m-review3 > .cmp-container .is-inr > .cmp-container > .aem-Grid > .text h3 {
    margin: 8.2051282051vw auto 0;
    font-size: var(--moflin-fs-sp-18);
  }
}
#moflin .m-review3 > .cmp-container .is-inr > .cmp-container > .aem-Grid > .text h3::before, #moflin .m-review3 > .cmp-container .is-inr > .cmp-container > .aem-Grid > .text h3::after {
  content: "";
  display: inline-block;
  width: 2px;
  height: 1em;
  margin: 0 12px;
  background: var(--moflin-c-text);
  vertical-align: -0.1em;
}
@media (max-width: 767px) {
  #moflin .m-review3 > .cmp-container .is-inr > .cmp-container > .aem-Grid > .text h3::before, #moflin .m-review3 > .cmp-container .is-inr > .cmp-container > .aem-Grid > .text h3::after {
    margin: 0 3.0769230769vw;
  }
}
#moflin .m-review3 > .cmp-container .is-inr > .cmp-container > .aem-Grid > .text h3::before {
  rotate: -25deg;
}
#moflin .m-review3 > .cmp-container .is-inr > .cmp-container > .aem-Grid > .text h3::after {
  rotate: 25deg;
}
#moflin .m-review3 > .cmp-container .aem-GridColumn:has(> .is-graph) ~ .text {
  margin-top: 48px;
  text-align: center;
}
@media (max-width: 767px) {
  #moflin .m-review3 > .cmp-container .aem-GridColumn:has(> .is-graph) ~ .text {
    margin-top: 10.2564102564vw;
  }
}
#moflin .m-review3 > .cmp-container .aem-GridColumn:has(> .is-graph) ~ .text p {
  width: auto;
  overflow: visible;
  white-space: normal;
  text-overflow: clip;
  display: inline-block;
  margin: 0;
  padding: 4px 12px;
  background: var(--moflin-c-bg-pale);
  color: var(--moflin-c-text);
  font-family: var(--moflin-font-jp);
  font-size: var(--moflin-fs-13);
  line-height: 1.5;
  text-align: left !important;
}
@media (max-width: 767px) {
  #moflin .m-review3 > .cmp-container .aem-GridColumn:has(> .is-graph) ~ .text p {
    padding: 1.0256410256vw 3.0769230769vw;
    font-size: var(--moflin-fs-sp-13);
  }
}

#moflin .m-review3 .switch-container.is-graph .aem-Grid {
  width: auto;
}
#moflin .m-review3 .switch-container.is-graph .aem-Grid::before, #moflin .m-review3 .switch-container.is-graph .aem-Grid::after {
  content: none;
}
#moflin .m-review3 .switch-container.is-graph .aem-GridColumn {
  float: none;
  clear: none;
  width: auto;
  margin: 0;
}
#moflin .m-review3 .switch-container.is-graph {
  margin-top: 24px;
}
#moflin .m-review3 .switch-container.is-graph > .cmp-container > .aem-Grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 40px 36px;
}
@media (max-width: 767px) {
  #moflin .m-review3 .switch-container.is-graph > .cmp-container > .aem-Grid {
    grid-template-columns: 1fr;
    gap: 10.2564102564vw;
  }
}
#moflin .m-review3 .switch-container.is-graph [class*=is-graph-] .aem-Grid {
  width: auto;
}
#moflin .m-review3 .switch-container.is-graph [class*=is-graph-] .aem-Grid::before, #moflin .m-review3 .switch-container.is-graph [class*=is-graph-] .aem-Grid::after {
  content: none;
}
#moflin .m-review3 .switch-container.is-graph [class*=is-graph-] .aem-GridColumn {
  float: none;
  clear: none;
  width: auto;
  margin: 0;
}
#moflin .m-review3 .switch-container.is-graph [class*=is-graph-] {
  color: var(--moflin-c-text);
  font-family: var(--moflin-font-base);
}
#moflin .m-review3 .switch-container.is-graph [class*=is-graph-] .cmp-text p {
  width: auto;
  overflow: visible;
  white-space: normal;
  text-overflow: clip;
}
#moflin .m-review3 .switch-container.is-graph [class*=is-graph-] .text:first-child p {
  position: relative;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 80px;
  margin: 0;
  padding: 8px 24px;
  font-size: var(--moflin-fs-18);
  font-weight: 700;
  line-height: 1.5;
}
@media (max-width: 767px) {
  #moflin .m-review3 .switch-container.is-graph [class*=is-graph-] .text:first-child p {
    min-height: 20.5128205128vw;
    padding: 2.0512820513vw 6.1538461538vw;
    font-size: 4.358974359vw;
  }
}
#moflin .m-review3 .switch-container.is-graph [class*=is-graph-] .text:first-child p::before, #moflin .m-review3 .switch-container.is-graph [class*=is-graph-] .text:first-child p::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 12px;
  border: 2px solid var(--moflin-c-text);
}
@media (max-width: 767px) {
  #moflin .m-review3 .switch-container.is-graph [class*=is-graph-] .text:first-child p::before, #moflin .m-review3 .switch-container.is-graph [class*=is-graph-] .text:first-child p::after {
    width: 3.0769230769vw;
  }
}
#moflin .m-review3 .switch-container.is-graph [class*=is-graph-] .text:first-child p::before {
  left: 0;
  border-right: 0;
}
#moflin .m-review3 .switch-container.is-graph [class*=is-graph-] .text:first-child p::after {
  right: 0;
  border-left: 0;
}
#moflin .m-review3 .switch-container.is-graph [class*=is-graph-] .image {
  margin-top: 16px;
}
@media (max-width: 767px) {
  #moflin .m-review3 .switch-container.is-graph [class*=is-graph-] .image {
    margin-top: 4.1025641026vw;
  }
}
#moflin .m-review3 .switch-container.is-graph [class*=is-graph-] .cmp-image__image {
  display: block;
  width: 100%;
  max-width: 300px;
  margin: 0 auto;
}
@media (max-width: 767px) {
  #moflin .m-review3 .switch-container.is-graph [class*=is-graph-] .cmp-image__image {
    max-width: 76.9230769231vw;
  }
}
#moflin .m-review3 .switch-container.is-graph [class*=is-graph-] .text:last-child {
  margin-top: 24px;
}
#moflin .m-review3 .switch-container.is-graph [class*=is-graph-] .text:last-child p {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  font-size: var(--moflin-fs-14);
  line-height: 1.5;
}
#moflin .m-review3 .switch-container.is-graph [class*=is-graph-] .text:last-child p + p {
  margin-top: 12px;
}
@media (max-width: 767px) {
  #moflin .m-review3 .switch-container.is-graph [class*=is-graph-] .text:last-child p + p {
    margin-top: 3.0769230769vw;
  }
}
#moflin .m-review3 .switch-container.is-graph [class*=is-graph-] .text:last-child p::before {
  content: "";
  flex-shrink: 0;
  width: 12px;
  height: 12px;
}
@media (max-width: 767px) {
  #moflin .m-review3 .switch-container.is-graph [class*=is-graph-] .text:last-child p::before {
    width: 3.0769230769vw;
    height: 3.0769230769vw;
  }
}
#moflin .m-review3 .switch-container.is-graph [class*=is-graph-] .text:last-child p:has(b) {
  font-size: var(--moflin-fs-18);
}
@media (max-width: 767px) {
  #moflin .m-review3 .switch-container.is-graph [class*=is-graph-] .text:last-child p:has(b) {
    font-size: var(--moflin-fs-sp-18);
  }
}
@media (max-width: 767px) {
  #moflin .m-review3 .switch-container.is-graph [class*=is-graph-] .text:last-child p {
    gap: 2.0512820513vw;
    font-size: var(--moflin-fs-sp-14);
  }
}
#moflin .m-review3 .switch-container.is-graph [class*=is-graph-] .text:last-child b {
  font-weight: 700;
}
@media (max-width: 767px) {
  #moflin .m-review3 .switch-container.is-graph [class*=is-graph-] .text:last-child {
    margin-top: 6.1538461538vw;
  }
}
#moflin .m-review3 .switch-container.is-graph .is-graph-1 .text:last-child p:nth-child(1)::before {
  background: var(--moflin-c-coral);
}
#moflin .m-review3 .switch-container.is-graph .is-graph-1 .text:last-child p:nth-child(2)::before {
  background: var(--moflin-c-graph-orange);
}
#moflin .m-review3 .switch-container.is-graph .is-graph-1 .text:last-child p:nth-child(3)::before {
  background: var(--moflin-c-graph-gray);
}
#moflin .m-review3 .switch-container.is-graph .is-graph-1 .text:last-child p:nth-child(4)::before {
  background: var(--moflin-c-graph-gray-light);
}
#moflin .m-review3 .switch-container.is-graph .is-graph-1 .text:last-child p:nth-child(5)::before {
  background: var(--moflin-c-graph-gray-pale);
}
#moflin .m-review3 .switch-container.is-graph .is-graph-2 .text:last-child p:nth-child(1)::before {
  background: var(--moflin-c-coral);
}
#moflin .m-review3 .switch-container.is-graph .is-graph-2 .text:last-child p:nth-child(2)::before {
  background: var(--moflin-c-graph-orange);
}
#moflin .m-review3 .switch-container.is-graph .is-graph-2 .text:last-child p:nth-child(3)::before {
  background: var(--moflin-c-graph-gray);
}
#moflin .m-review3 .switch-container.is-graph .is-graph-2 .text:last-child p:nth-child(4)::before {
  background: var(--moflin-c-border);
}
#moflin .m-review3 .switch-container.is-graph .is-graph-2 .text:last-child p:nth-child(5)::before {
  background: var(--moflin-c-bg-gray);
}
#moflin .m-review3 .switch-container.is-graph .is-graph-3 .text:last-child p:nth-child(1)::before {
  background: var(--moflin-c-coral);
}
#moflin .m-review3 .switch-container.is-graph .is-graph-3 .text:last-child p:nth-child(2)::before {
  background: var(--moflin-c-graph-orange);
}
#moflin .m-review3 .switch-container.is-graph .is-graph-3 .text:last-child p:nth-child(3)::before {
  background: var(--moflin-c-graph-yellow);
}
#moflin .m-review3 .switch-container.is-graph .is-graph-3 .text:last-child p:nth-child(4)::before {
  background: var(--moflin-c-graph-green);
}
#moflin .m-review3 .switch-container.is-graph .is-graph-3 .text:last-child p:nth-child(5)::before {
  background: var(--moflin-c-graph-blue);
}
#moflin .m-review3 .switch-container.is-graph .is-graph-3 .text:last-child p:nth-child(6)::before {
  background: var(--moflin-c-graph-purple);
}
#moflin .m-review3 .switch-container.is-graph .is-graph-3 .text:last-child p:has(b) {
  font-size: var(--moflin-fs-16);
}
@media (max-width: 767px) {
  #moflin .m-review3 .switch-container.is-graph .is-graph-3 .text:last-child p:has(b) {
    font-size: var(--moflin-fs-sp-16);
  }
}
@media (max-width: 767px) {
  #moflin .m-review3 .switch-container.is-graph {
    margin-top: 6.1538461538vw;
  }
}

#moflin .m-review4 > .cmp-container {
  padding: 40px 0 120px;
}
@media (max-width: 767px) {
  #moflin .m-review4 > .cmp-container {
    padding: 4.1025641026vw 0 16.4102564103vw;
  }
}

#moflin .m-review4 #life-inner {
  max-width: 790px;
  margin: 32px auto 0;
}
@media (max-width: 767px) {
  #moflin .m-review4 #life-inner {
    max-width: 202.5641025641vw;
    margin: 6.1538461538vw auto 0;
  }
}

#moflin .m-review4 #kinarino .aem-Grid {
  width: auto;
}
#moflin .m-review4 #kinarino .aem-Grid::before, #moflin .m-review4 #kinarino .aem-Grid::after {
  content: none;
}
#moflin .m-review4 #kinarino .aem-GridColumn {
  float: none;
  clear: none;
  width: auto;
  margin: 0;
}
#moflin .m-review4 #kinarino .created-by {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#moflin .m-review4 #kinarino .created-by p {
  width: auto;
  overflow: visible;
  white-space: normal;
  text-overflow: clip;
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  color: var(--moflin-c-text);
  font-family: var(--moflin-font-base);
  font-size: var(--moflin-fs-14);
  font-weight: 700;
}
@media (max-width: 767px) {
  #moflin .m-review4 #kinarino .created-by p {
    gap: 2.0512820513vw;
    font-size: var(--moflin-fs-sp-14);
  }
}
#moflin .m-review4 #kinarino .created-by img {
  width: 90px;
}
@media (max-width: 767px) {
  #moflin .m-review4 #kinarino .created-by img {
    width: 23.0769230769vw;
  }
}

#moflin .m-review4 #kinarino__layout-row .aem-Grid {
  width: auto;
}
#moflin .m-review4 #kinarino__layout-row .aem-Grid::before, #moflin .m-review4 #kinarino__layout-row .aem-Grid::after {
  content: none;
}
#moflin .m-review4 #kinarino__layout-row .aem-GridColumn {
  float: none;
  clear: none;
  width: auto;
  margin: 0;
}
#moflin .m-review4 #kinarino__layout-row {
  margin-top: 16px;
}
#moflin .m-review4 #kinarino__layout-row > .aem-Grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 36px;
}
@media (max-width: 767px) {
  #moflin .m-review4 #kinarino__layout-row > .aem-Grid {
    gap: 4.1025641026vw;
  }
}
#moflin .m-review4 #kinarino__layout-row .cmp-image {
  overflow: hidden;
  border-radius: 12px;
}
#moflin .m-review4 #kinarino__layout-row .cmp-image:has(.cmp-image__link:focus-visible) {
  outline: 3px solid var(--moflin-c-text);
  outline-offset: 3px;
}
@media (max-width: 767px) {
  #moflin .m-review4 #kinarino__layout-row .cmp-image {
    border-radius: 3.0769230769vw;
  }
}
#moflin .m-review4 #kinarino__layout-row .cmp-image__image {
  display: block;
  width: 100%;
  transition: transform 0.2s ease-out;
}
#moflin .m-review4 #kinarino__layout-row .cmp-image__link {
  display: block;
}
@media (hover: hover) {
  #moflin .m-review4 #kinarino__layout-row .cmp-image__link:hover .cmp-image__image {
    transform: scale(1.05);
  }
}
#moflin .m-review4 #kinarino__layout-row .cmp-text p {
  width: auto;
  overflow: visible;
  white-space: normal;
  text-overflow: clip;
  margin: 16px 0 0;
  color: var(--moflin-c-text);
  font-family: var(--moflin-font-base);
  font-size: var(--moflin-fs-16);
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
}
@media (max-width: 767px) {
  #moflin .m-review4 #kinarino__layout-row .cmp-text p {
    margin: 4.1025641026vw 0 0;
    font-size: var(--moflin-fs-sp-14);
  }
}
#moflin .m-review4 #kinarino__layout-row .is-moflin-btn {
  margin-top: 16px;
}
@media (max-width: 767px) {
  #moflin .m-review4 #kinarino__layout-row .is-moflin-btn {
    margin-top: 4.1025641026vw;
  }
}
@media (max-width: 767px) {
  #moflin .m-review4 #kinarino__layout-row {
    margin-top: 4.1025641026vw;
  }
}

#moflin :is(.m-about1, .m-about2, .m-about3, .m-about4, .m-about5, .m-about6) > .cmp-container {
  color: var(--moflin-c-text);
  font-family: var(--moflin-font-base);
}
#moflin :is(.m-about1, .m-about2, .m-about3, .m-about4, .m-about5, .m-about6) > .cmp-container > .aem-Grid > .container > .is-inr {
  max-width: 1200px;
}
@media (max-width: 767px) {
  #moflin :is(.m-about1, .m-about2, .m-about3, .m-about4, .m-about5, .m-about6) > .cmp-container > .aem-Grid > .container > .is-inr {
    max-width: none;
  }
}
#moflin :is(.m-about1, .m-about2, .m-about3, .m-about4, .m-about5, .m-about6) > .cmp-container .is-title {
  margin-bottom: 32px;
}
@media (max-width: 767px) {
  #moflin :is(.m-about1, .m-about2, .m-about3, .m-about4, .m-about5, .m-about6) > .cmp-container .is-title {
    margin-bottom: 6.1538461538vw;
  }
}
#moflin :is(.m-about1, .m-about2, .m-about3, .m-about4, .m-about5, .m-about6) > .cmp-container .is-title .cmp-text p {
  margin-top: 24px;
  font-size: var(--moflin-fs-18);
}
@media (max-width: 767px) {
  #moflin :is(.m-about1, .m-about2, .m-about3, .m-about4, .m-about5, .m-about6) > .cmp-container .is-title .cmp-text p {
    margin-top: 4.1025641026vw;
    font-size: var(--moflin-fs-sp-16);
  }
}
#moflin :is(.m-about1, .m-about2, .m-about3, .m-about4, .m-about5, .m-about6) > .cmp-container .is-title .cmp-text h3 {
  margin: 24px 0 0;
  color: inherit;
  font-size: var(--moflin-fs-24);
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.06em;
}
@media (max-width: 767px) {
  #moflin :is(.m-about1, .m-about2, .m-about3, .m-about4, .m-about5, .m-about6) > .cmp-container .is-title .cmp-text h3 {
    margin-top: 4.1025641026vw;
    font-size: var(--moflin-fs-sp-18);
  }
}
#moflin :is(.m-about1, .m-about2, .m-about3, .m-about4, .m-about5, .m-about6) > .cmp-container .is-title .cmp-text h3 + p {
  margin-top: 8px;
}
@media (max-width: 767px) {
  #moflin :is(.m-about1, .m-about2, .m-about3, .m-about4, .m-about5, .m-about6) > .cmp-container .is-title .cmp-text h3 + p {
    margin-top: 4.1025641026vw;
  }
}
#moflin :is(.m-about1, .m-about2, .m-about3, .m-about4, .m-about5, .m-about6) > .cmp-container .cmp-text :is(h3, h4, h5) {
  margin: 0;
  padding: 0;
  color: inherit;
  font-weight: 700;
  font-feature-settings: "palt";
}
#moflin :is(.m-about1, .m-about2, .m-about3, .m-about4, .m-about5, .m-about6) > .cmp-container .cmp-text p {
  width: auto;
  overflow: visible;
  white-space: normal;
  text-overflow: clip;
  margin: 0;
  color: inherit;
  font-family: var(--moflin-font-jp);
  font-size: var(--moflin-fs-16);
  line-height: 1.8;
  letter-spacing: 0.06em;
}
@media (max-width: 767px) {
  #moflin :is(.m-about1, .m-about2, .m-about3, .m-about4, .m-about5, .m-about6) > .cmp-container .cmp-text p {
    font-size: var(--moflin-fs-sp-14);
  }
}
#moflin :is(.m-about1, .m-about2, .m-about3, .m-about4, .m-about5, .m-about6) > .cmp-container .cmp-image img {
  display: block;
  width: 100%;
  height: auto;
}

#moflin :is(.m-about1, .m-about3, .m-about5) > .cmp-container {
  padding: 96px 0 120px;
}
@media (max-width: 767px) {
  #moflin :is(.m-about1, .m-about3, .m-about5) > .cmp-container {
    padding: 14.358974359vw 0 16.4102564103vw;
  }
}

#moflin :is(.m-about2, .m-about4) > .cmp-container {
  padding: 8px 0 16px;
}
@media (max-width: 767px) {
  #moflin :is(.m-about2, .m-about4) > .cmp-container {
    padding: 8.2051282051vw 0 10.2564102564vw;
  }
}

#moflin .m-about6 > .cmp-container {
  padding: 8px 0 120px;
}
@media (max-width: 767px) {
  #moflin .m-about6 > .cmp-container {
    padding: 8.2051282051vw 0 16.4102564103vw;
  }
}

#moflin .switch-container.is-grid2 .aem-Grid {
  width: auto;
}
#moflin .switch-container.is-grid2 .aem-Grid::before, #moflin .switch-container.is-grid2 .aem-Grid::after {
  content: none;
}
#moflin .switch-container.is-grid2 .aem-GridColumn {
  float: none;
  clear: none;
  width: auto;
  margin: 0;
}
#moflin .switch-container.is-grid2 > .cmp-container > .aem-Grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 32px 16px;
}
@media (max-width: 767px) {
  #moflin .switch-container.is-grid2 > .cmp-container > .aem-Grid {
    gap: 6.1538461538vw 4.1025641026vw;
  }
}
@media (max-width: 767px) {
  #moflin .switch-container.is-grid2.is-grid-sp1 > .cmp-container > .aem-Grid {
    grid-template-columns: minmax(0, 1fr);
  }
}

#moflin :is(.m-about1, .m-about2, .m-about3, .m-about4, .m-about5, .m-about6) .js-modal .cmp-image__link {
  display: block;
  position: relative;
  overflow: hidden;
  border-radius: 20px;
}
#moflin :is(.m-about1, .m-about2, .m-about3, .m-about4, .m-about5, .m-about6) .js-modal .cmp-image__link img {
  transition: transform 0.2s ease-out;
}
@media (hover: hover) {
  #moflin :is(.m-about1, .m-about2, .m-about3, .m-about4, .m-about5, .m-about6) .js-modal .cmp-image__link:hover img {
    transform: scale(1.05);
  }
}
#moflin :is(.m-about1, .m-about2, .m-about3, .m-about4, .m-about5, .m-about6) .js-modal .cmp-image__link:focus-visible {
  outline: 2px solid var(--moflin-c-text);
  outline-offset: 2px;
}
@media (max-width: 767px) {
  #moflin :is(.m-about1, .m-about2, .m-about3, .m-about4, .m-about5, .m-about6) .js-modal .cmp-image__link {
    border-radius: 5.1282051282vw;
  }
}

#moflin .m-about1 .is-inr > .cmp-container > .aem-Grid > .container:not(:first-child) > .switch-container > .cmp-container > .aem-Grid .aem-Grid {
  width: auto;
}
#moflin .m-about1 .is-inr > .cmp-container > .aem-Grid > .container:not(:first-child) > .switch-container > .cmp-container > .aem-Grid .aem-Grid::before, #moflin .m-about1 .is-inr > .cmp-container > .aem-Grid > .container:not(:first-child) > .switch-container > .cmp-container > .aem-Grid .aem-Grid::after {
  content: none;
}
#moflin .m-about1 .is-inr > .cmp-container > .aem-Grid > .container:not(:first-child) > .switch-container > .cmp-container > .aem-Grid .aem-GridColumn {
  float: none;
  clear: none;
  width: auto;
  margin: 0;
}
#moflin .m-about1 .is-inr > .cmp-container > .aem-Grid > .container:not(:first-child) > .switch-container > .cmp-container > .aem-Grid::before, #moflin .m-about1 .is-inr > .cmp-container > .aem-Grid > .container:not(:first-child) > .switch-container > .cmp-container > .aem-Grid::after {
  content: none;
}
#moflin .m-about1 .is-inr > .cmp-container > .aem-Grid > .container:not(:first-child) > .switch-container > .cmp-container > .aem-Grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 36px;
}
@media (max-width: 767px) {
  #moflin .m-about1 .is-inr > .cmp-container > .aem-Grid > .container:not(:first-child) > .switch-container > .cmp-container > .aem-Grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 12.3076923077vw;
  }
}
#moflin .m-about1 .is-inr > .cmp-container > .aem-Grid > .container:not(:first-child) > .switch-container > .cmp-container > .aem-Grid > .container > .switch-container > .cmp-container > .aem-Grid {
  display: flex;
  flex-direction: column;
  gap: 16px;
  text-align: center;
}
@media (max-width: 767px) {
  #moflin .m-about1 .is-inr > .cmp-container > .aem-Grid > .container:not(:first-child) > .switch-container > .cmp-container > .aem-Grid > .container > .switch-container > .cmp-container > .aem-Grid {
    gap: 4.1025641026vw;
  }
}
#moflin .m-about1 .is-inr > .cmp-container > .aem-Grid > .container:not(:first-child) > .switch-container > .cmp-container > .aem-Grid .js-modal img {
  aspect-ratio: 1;
  -o-object-fit: cover;
     object-fit: cover;
}
#moflin .m-about1 .is-inr > .cmp-container > .aem-Grid > .container:not(:first-child) > .switch-container > .cmp-container > .aem-Grid .js-modal .cmp-image__link::after {
  content: "";
  position: absolute;
  right: 24px;
  bottom: 24px;
  width: 72px;
  height: 72px;
  border-radius: 50%;
  background: color-mix(in srgb, var(--moflin-c-white) 85%, transparent) url("/content/dam/casio/global/moflin/rev2/img/play.svg") no-repeat 56% center/26px 27px;
  pointer-events: none;
}
@media (max-width: 767px) {
  #moflin .m-about1 .is-inr > .cmp-container > .aem-Grid > .container:not(:first-child) > .switch-container > .cmp-container > .aem-Grid .js-modal .cmp-image__link::after {
    right: 6.1538461538vw;
    bottom: 6.1538461538vw;
    width: 18.4615384615vw;
    height: 18.4615384615vw;
    background-size: 6.6666666667vw 6.9230769231vw;
  }
}
#moflin .m-about1 .is-inr > .cmp-container > .aem-Grid > .container:not(:first-child) > .switch-container > .cmp-container > .aem-Grid .cmp-text h3 {
  margin-bottom: 8px;
  font-size: var(--moflin-fs-24);
  line-height: 1.5;
  letter-spacing: 0.06em;
}
@media (max-width: 767px) {
  #moflin .m-about1 .is-inr > .cmp-container > .aem-Grid > .container:not(:first-child) > .switch-container > .cmp-container > .aem-Grid .cmp-text h3 {
    margin-bottom: 2.0512820513vw;
    font-size: var(--moflin-fs-sp-24);
  }
}
@media (max-width: 767px) {
  #moflin .m-about1 .is-inr > .cmp-container > .aem-Grid > .container:not(:first-child) > .switch-container > .cmp-container > .aem-Grid .cmp-text p {
    font-size: var(--moflin-fs-sp-16);
  }
}

#moflin :is(.m-about1, .m-about2, .m-about3, .m-about4, .m-about5, .m-about6) .switch-container.is-audio .aem-Grid {
  width: auto;
}
#moflin :is(.m-about1, .m-about2, .m-about3, .m-about4, .m-about5, .m-about6) .switch-container.is-audio .aem-Grid::before, #moflin :is(.m-about1, .m-about2, .m-about3, .m-about4, .m-about5, .m-about6) .switch-container.is-audio .aem-Grid::after {
  content: none;
}
#moflin :is(.m-about1, .m-about2, .m-about3, .m-about4, .m-about5, .m-about6) .switch-container.is-audio .aem-GridColumn {
  float: none;
  clear: none;
  width: auto;
  margin: 0;
}
#moflin :is(.m-about1, .m-about2, .m-about3, .m-about4, .m-about5, .m-about6) .switch-container.is-audio > .cmp-container {
  padding: 16px;
  border-radius: 8px;
  background: var(--moflin-c-bg-beige);
}
@media (max-width: 767px) {
  #moflin :is(.m-about1, .m-about2, .m-about3, .m-about4, .m-about5, .m-about6) .switch-container.is-audio > .cmp-container {
    padding: 4.1025641026vw;
    border-radius: 2.0512820513vw;
  }
}
#moflin :is(.m-about1, .m-about2, .m-about3, .m-about4, .m-about5, .m-about6) .switch-container.is-audio > .cmp-container > .aem-Grid {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media (max-width: 767px) {
  #moflin :is(.m-about1, .m-about2, .m-about3, .m-about4, .m-about5, .m-about6) .switch-container.is-audio > .cmp-container > .aem-Grid {
    gap: 4.1025641026vw;
  }
}
#moflin :is(.m-about1, .m-about2, .m-about3, .m-about4, .m-about5, .m-about6) .switch-container.is-audio .cmp-text h4 {
  font-size: var(--moflin-fs-16);
  line-height: 1.5;
  letter-spacing: 0.06em;
  text-align: center;
}
@media (max-width: 767px) {
  #moflin :is(.m-about1, .m-about2, .m-about3, .m-about4, .m-about5, .m-about6) .switch-container.is-audio .cmp-text h4 {
    font-size: var(--moflin-fs-sp-16);
  }
}
#moflin :is(.m-about1, .m-about2, .m-about3, .m-about4, .m-about5, .m-about6) .switch-container.is-audio .cmp-audio-container {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  min-height: 64px;
  padding: 12px 15px;
  border: 0;
  border-radius: 5px;
  background: var(--moflin-c-white);
}
@media (max-width: 767px) {
  #moflin :is(.m-about1, .m-about2, .m-about3, .m-about4, .m-about5, .m-about6) .switch-container.is-audio .cmp-audio-container {
    min-height: 16.4102564103vw;
    padding: 3.0769230769vw 3.8461538462vw;
    border-radius: 1.2820512821vw;
  }
}
#moflin :is(.m-about1, .m-about2, .m-about3, .m-about4, .m-about5, .m-about6) .switch-container.is-audio .audio-player {
  flex: 1 1 auto;
}
#moflin :is(.m-about1, .m-about2, .m-about3, .m-about4, .m-about5, .m-about6) .switch-container.is-audio .audio-player {
  align-items: center;
  background: none;
}
#moflin :is(.m-about1, .m-about2, .m-about3, .m-about4, .m-about5, .m-about6) .switch-container.is-audio .audio-player__play-button svg {
  fill: var(--moflin-c-text);
}
#moflin :is(.m-about1, .m-about2, .m-about3, .m-about4, .m-about5, .m-about6) .switch-container.is-audio .audio-player__info {
  flex: 1 1 auto;
  min-width: 0;
  margin-left: 20px;
}
@media (max-width: 767px) {
  #moflin :is(.m-about1, .m-about2, .m-about3, .m-about4, .m-about5, .m-about6) .switch-container.is-audio .audio-player__info {
    margin-left: 4.1025641026vw;
  }
}
#moflin :is(.m-about1, .m-about2, .m-about3, .m-about4, .m-about5, .m-about6) .switch-container.is-audio .audio-player__title {
  display: none;
}
#moflin :is(.m-about1, .m-about2, .m-about3, .m-about4, .m-about5, .m-about6) .switch-container.is-audio .audio-player__controls {
  align-items: center;
  gap: 10px;
}
@media (max-width: 767px) {
  #moflin :is(.m-about1, .m-about2, .m-about3, .m-about4, .m-about5, .m-about6) .switch-container.is-audio .audio-player__controls {
    gap: 2.0512820513vw;
  }
}
#moflin :is(.m-about1, .m-about2, .m-about3, .m-about4, .m-about5, .m-about6) .switch-container.is-audio .audio-player__progress:not(.audio-player__volume-progress) {
  height: 5px;
  margin: 0;
  border-radius: 4px;
  background: var(--moflin-c-about-progress);
}
#moflin :is(.m-about1, .m-about2, .m-about3, .m-about4, .m-about5, .m-about6) .switch-container.is-audio .audio-player__progress-value,
#moflin :is(.m-about1, .m-about2, .m-about3, .m-about4, .m-about5, .m-about6) .switch-container.is-audio .audio-player__progress-pin {
  background-color: var(--moflin-c-text) !important;
}
#moflin :is(.m-about1, .m-about2, .m-about3, .m-about4, .m-about5, .m-about6) .switch-container.is-audio .audio-player__time {
  margin: 0;
  color: var(--moflin-c-about-time);
  font-family: var(--moflin-font-base);
  font-size: var(--moflin-fs-12);
  line-height: 18px;
  white-space: nowrap;
}
@media (max-width: 767px) {
  #moflin :is(.m-about1, .m-about2, .m-about3, .m-about4, .m-about5, .m-about6) .switch-container.is-audio .audio-player__time {
    font-size: var(--moflin-fs-sp-12);
  }
}
#moflin :is(.m-about1, .m-about2, .m-about3, .m-about4, .m-about5, .m-about6) .switch-container.is-audio .audio-player__volume-button svg {
  fill: var(--moflin-c-text);
}

#moflin .m-about2 .m-about2-contents .aem-Grid {
  width: auto;
}
#moflin .m-about2 .m-about2-contents .aem-Grid::before, #moflin .m-about2 .m-about2-contents .aem-Grid::after {
  content: none;
}
#moflin .m-about2 .m-about2-contents .aem-GridColumn {
  float: none;
  clear: none;
  width: auto;
  margin: 0;
}

#moflin .m-about2 .m-about2-col .aem-Grid {
  width: auto;
}
#moflin .m-about2 .m-about2-col .aem-Grid::before, #moflin .m-about2 .m-about2-col .aem-Grid::after {
  content: none;
}
#moflin .m-about2 .m-about2-col .aem-GridColumn {
  float: none;
  clear: none;
  width: auto;
  margin: 0;
}
#moflin .m-about2 .m-about2-col {
  overflow: hidden;
  background: var(--moflin-c-white);
}
#moflin .m-about2 .m-about2-col > .cmp-container > .aem-Grid > .text .cmp-text h3 {
  padding: 20px 4px;
  background: rgba(221, 155, 140, 0.5);
  font-size: var(--moflin-fs-24);
  line-height: 1.3;
  letter-spacing: 0.06em;
  text-align: center;
}
@media (max-width: 767px) {
  #moflin .m-about2 .m-about2-col > .cmp-container > .aem-Grid > .text .cmp-text h3 {
    padding: 3.0769230769vw 1.0256410256vw;
    font-size: var(--moflin-fs-sp-20);
  }
}
#moflin .m-about2 .m-about2-col .cmp-text h4 {
  font-size: var(--moflin-fs-24);
  line-height: 1.5;
  letter-spacing: 0.06em;
  text-align: center;
}
@media (max-width: 767px) {
  #moflin .m-about2 .m-about2-col .cmp-text h4 {
    font-size: var(--moflin-fs-sp-18);
  }
}
#moflin .m-about2 .m-about2-col .cmp-text h5 {
  color: var(--moflin-c-about-gray);
  font-size: 40px;
  line-height: 1;
  letter-spacing: 0.06em;
  text-align: center;
}
@media (max-width: 767px) {
  #moflin .m-about2 .m-about2-col .cmp-text h5 {
    font-size: var(--moflin-fs-sp-28);
  }
}

#moflin .m-about2 .m-about2-contents > .cmp-container > .aem-Grid > .container:first-child > .m-about2-col {
  border-radius: 20px 20px 0 0;
}
@media (max-width: 767px) {
  #moflin .m-about2 .m-about2-contents > .cmp-container > .aem-Grid > .container:first-child > .m-about2-col {
    border-radius: 5.1282051282vw 5.1282051282vw 0 0;
  }
}

#moflin .m-about2 .m-about2-contents > .cmp-container > .aem-Grid > .container:last-child > .m-about2-col {
  border-radius: 0 0 20px 20px;
}
@media (max-width: 767px) {
  #moflin .m-about2 .m-about2-contents > .cmp-container > .aem-Grid > .container:last-child > .m-about2-col {
    border-radius: 0 0 5.1282051282vw 5.1282051282vw;
  }
}

#moflin .m-about2 .m-about2-contents > .cmp-container > .aem-Grid > .container:first-child > .m-about2-col > .cmp-container > .aem-Grid > .container > .switch-container > .cmp-container {
  padding: 64px 80px 80px;
}
@media (max-width: 767px) {
  #moflin .m-about2 .m-about2-contents > .cmp-container > .aem-Grid > .container:first-child > .m-about2-col > .cmp-container > .aem-Grid > .container > .switch-container > .cmp-container {
    padding: 6.1538461538vw 5.1282051282vw 8.2051282051vw;
  }
}
#moflin .m-about2 .m-about2-contents > .cmp-container > .aem-Grid > .container:first-child > .m-about2-col > .cmp-container > .aem-Grid > .container > .switch-container > .cmp-container > .aem-Grid > .container > .switch-container > .cmp-container > .aem-Grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: start;
  gap: 36px;
}
@media (max-width: 767px) {
  #moflin .m-about2 .m-about2-contents > .cmp-container > .aem-Grid > .container:first-child > .m-about2-col > .cmp-container > .aem-Grid > .container > .switch-container > .cmp-container > .aem-Grid > .container > .switch-container > .cmp-container > .aem-Grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 8.2051282051vw;
  }
}
#moflin .m-about2 .m-about2-contents > .cmp-container > .aem-Grid > .container:first-child > .m-about2-col > .cmp-container > .aem-Grid > .container > .switch-container > .cmp-container > .aem-Grid > .container > .switch-container:not(.is-grid2) > .cmp-container > .aem-Grid > .container > .switch-container:not(.is-grid2, .is-bg-lgray) > .cmp-container > .aem-Grid {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media (max-width: 767px) {
  #moflin .m-about2 .m-about2-contents > .cmp-container > .aem-Grid > .container:first-child > .m-about2-col > .cmp-container > .aem-Grid > .container > .switch-container > .cmp-container > .aem-Grid > .container > .switch-container:not(.is-grid2) > .cmp-container > .aem-Grid > .container > .switch-container:not(.is-grid2, .is-bg-lgray) > .cmp-container > .aem-Grid {
    gap: 4.1025641026vw;
  }
}

#moflin .m-about2 .m-about2-contents > .cmp-container > .aem-Grid > .container:first-child > .m-about2-col > .cmp-container > .aem-Grid > .container > .switch-container > .cmp-container > .aem-Grid > .container:first-child > .switch-container {
  padding-bottom: 64px;
  border-bottom: 1px solid var(--moflin-c-border);
}
@media (max-width: 767px) {
  #moflin .m-about2 .m-about2-contents > .cmp-container > .aem-Grid > .container:first-child > .m-about2-col > .cmp-container > .aem-Grid > .container > .switch-container > .cmp-container > .aem-Grid > .container:first-child > .switch-container {
    padding-bottom: 8.2051282051vw;
  }
}
#moflin .m-about2 .m-about2-contents > .cmp-container > .aem-Grid > .container:first-child > .m-about2-col > .cmp-container > .aem-Grid > .container > .switch-container > .cmp-container > .aem-Grid > .container:last-child > .switch-container {
  padding-top: 64px;
}
@media (max-width: 767px) {
  #moflin .m-about2 .m-about2-contents > .cmp-container > .aem-Grid > .container:first-child > .m-about2-col > .cmp-container > .aem-Grid > .container > .switch-container > .cmp-container > .aem-Grid > .container:last-child > .switch-container {
    padding-top: 8.2051282051vw;
  }
}

@media (max-width: 767px) {
  #moflin .m-about2 .m-about2-col .cmp-container:has(> .aem-Grid > .image + .text) > .aem-Grid > .image {
    order: 1;
  }
}

#moflin .m-about2 .is-grid2 > .cmp-container > .aem-Grid > .container > .switch-container > .cmp-container > .aem-Grid {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
@media (max-width: 767px) {
  #moflin .m-about2 .is-grid2 > .cmp-container > .aem-Grid > .container > .switch-container > .cmp-container > .aem-Grid {
    gap: 2.0512820513vw;
  }
}

#moflin .m-about2 .is-grid2 .js-modal img {
  aspect-ratio: 309/191;
  -o-object-fit: cover;
     object-fit: cover;
}

#moflin .m-about2 .is-grid2 .cmp-image:not(:has(.cmp-image__link)) {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 130px;
}
#moflin .m-about2 .is-grid2 .cmp-image:not(:has(.cmp-image__link)) img {
  width: auto;
  max-width: 148px;
  max-height: 130px;
}
@media (max-width: 767px) {
  #moflin .m-about2 .is-grid2 .cmp-image:not(:has(.cmp-image__link)) {
    height: 28.2051282051vw;
  }
  #moflin .m-about2 .is-grid2 .cmp-image:not(:has(.cmp-image__link)) img {
    max-width: 33.3333333333vw;
    max-height: 28.2051282051vw;
  }
}

#moflin .m-about2 .switch-container.is-bg-lgray .aem-Grid {
  width: auto;
}
#moflin .m-about2 .switch-container.is-bg-lgray .aem-Grid::before, #moflin .m-about2 .switch-container.is-bg-lgray .aem-Grid::after {
  content: none;
}
#moflin .m-about2 .switch-container.is-bg-lgray .aem-GridColumn {
  float: none;
  clear: none;
  width: auto;
  margin: 0;
}
#moflin .m-about2 .switch-container.is-bg-lgray {
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  height: 100%;
  padding: 40px 20px;
  border-radius: 20px;
  background: var(--moflin-c-bg-gray);
}
@media (max-width: 767px) {
  #moflin .m-about2 .switch-container.is-bg-lgray {
    height: auto;
    padding: 6.1538461538vw 5.1282051282vw;
    border-radius: 5.1282051282vw;
  }
}
#moflin .m-about2 .switch-container.is-bg-lgray > .cmp-container > .aem-Grid {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
}
@media (max-width: 767px) {
  #moflin .m-about2 .switch-container.is-bg-lgray > .cmp-container > .aem-Grid {
    gap: 3.0769230769vw;
  }
}
#moflin .m-about2 .switch-container.is-bg-lgray .cmp-text p {
  display: flex;
  align-items: center;
  gap: 11px;
  font-weight: 700;
  text-align: center;
}
#moflin .m-about2 .switch-container.is-bg-lgray .cmp-text p::before, #moflin .m-about2 .switch-container.is-bg-lgray .cmp-text p::after {
  content: "";
  width: 2px;
  height: 31px;
  background: var(--moflin-c-text);
  transform: rotate(-16deg);
}
#moflin .m-about2 .switch-container.is-bg-lgray .cmp-text p::after {
  transform: rotate(16deg);
}
@media (max-width: 767px) {
  #moflin .m-about2 .switch-container.is-bg-lgray .cmp-text p {
    gap: 2.8205128205vw;
    font-size: var(--moflin-fs-sp-14);
  }
  #moflin .m-about2 .switch-container.is-bg-lgray .cmp-text p::before, #moflin .m-about2 .switch-container.is-bg-lgray .cmp-text p::after {
    height: 6.6666666667vw;
  }
}
#moflin .m-about2 .switch-container.is-bg-lgray .image {
  width: 295px;
}
@media (max-width: 767px) {
  #moflin .m-about2 .switch-container.is-bg-lgray .image {
    width: 69.2307692308vw;
  }
}
#moflin .m-about2 .switch-container.is-bg-lgray .is-moflin-btn {
  margin-top: 4px;
}

#moflin .m-about2 .m-about2-contents > .cmp-container > .aem-Grid > .container:last-child > .m-about2-col > .cmp-container > .aem-Grid > .container > .switch-container > .cmp-container {
  padding: 80px;
}
@media (max-width: 767px) {
  #moflin .m-about2 .m-about2-contents > .cmp-container > .aem-Grid > .container:last-child > .m-about2-col > .cmp-container > .aem-Grid > .container > .switch-container > .cmp-container {
    padding: 6.1538461538vw 5.1282051282vw 8.2051282051vw;
  }
}
#moflin .m-about2 .m-about2-contents > .cmp-container > .aem-Grid > .container:last-child > .m-about2-col > .cmp-container > .aem-Grid > .container > .switch-container > .cmp-container > .aem-Grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: center;
  gap: 36px;
}
@media (max-width: 767px) {
  #moflin .m-about2 .m-about2-contents > .cmp-container > .aem-Grid > .container:last-child > .m-about2-col > .cmp-container > .aem-Grid > .container > .switch-container > .cmp-container > .aem-Grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 6.1538461538vw;
  }
}
#moflin .m-about2 .m-about2-contents > .cmp-container > .aem-Grid > .container:last-child > .m-about2-col > .cmp-container > .aem-Grid > .container > .switch-container > .cmp-container > .aem-Grid > .text .cmp-text h4 {
  margin-bottom: 24px;
}
@media (max-width: 767px) {
  #moflin .m-about2 .m-about2-contents > .cmp-container > .aem-Grid > .container:last-child > .m-about2-col > .cmp-container > .aem-Grid > .container > .switch-container > .cmp-container > .aem-Grid > .text .cmp-text h4 {
    margin-bottom: 4.1025641026vw;
  }
}
#moflin .m-about2 .m-about2-contents > .cmp-container > .aem-Grid > .container:last-child > .m-about2-col > .cmp-container > .aem-Grid > .container > .switch-container > .cmp-container > .aem-Grid > .container > .switch-container > .cmp-container > .aem-Grid {
  display: flex;
  flex-direction: column;
}
#moflin .m-about2 .m-about2-contents > .cmp-container > .aem-Grid > .container:last-child > .m-about2-col > .cmp-container > .aem-Grid > .container > .switch-container > .cmp-container > .aem-Grid > .container > .switch-container > .cmp-container > .aem-Grid > .text .cmp-text p {
  margin-bottom: 16px;
  font-family: var(--moflin-font-base);
  font-size: var(--moflin-fs-22);
  line-height: 1.5;
  text-align: center;
}
@media (max-width: 767px) {
  #moflin .m-about2 .m-about2-contents > .cmp-container > .aem-Grid > .container:last-child > .m-about2-col > .cmp-container > .aem-Grid > .container > .switch-container > .cmp-container > .aem-Grid > .container > .switch-container > .cmp-container > .aem-Grid > .text .cmp-text p {
    margin-bottom: 4.1025641026vw;
    font-size: var(--moflin-fs-sp-18);
  }
}
#moflin .m-about2 .m-about2-contents > .cmp-container > .aem-Grid > .container:last-child > .m-about2-col > .cmp-container > .aem-Grid > .container > .switch-container > .cmp-container > .aem-Grid > .container > .switch-container > .cmp-container > .aem-Grid > .image img {
  height: 80px;
  border-radius: 8px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 767px) {
  #moflin .m-about2 .m-about2-contents > .cmp-container > .aem-Grid > .container:last-child > .m-about2-col > .cmp-container > .aem-Grid > .container > .switch-container > .cmp-container > .aem-Grid > .container > .switch-container > .cmp-container > .aem-Grid > .image img {
    height: 14.358974359vw;
    border-radius: 2.0512820513vw;
  }
}
#moflin .m-about2 .m-about2-contents > .cmp-container > .aem-Grid > .container:last-child > .m-about2-col > .cmp-container > .aem-Grid > .container > .switch-container > .cmp-container > .aem-Grid > .container > .switch-container > .cmp-container > .aem-Grid > .container > .switch-container > .cmp-container > .aem-Grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  margin-top: 4px;
}
@media (max-width: 767px) {
  #moflin .m-about2 .m-about2-contents > .cmp-container > .aem-Grid > .container:last-child > .m-about2-col > .cmp-container > .aem-Grid > .container > .switch-container > .cmp-container > .aem-Grid > .container > .switch-container > .cmp-container > .aem-Grid > .container > .switch-container > .cmp-container > .aem-Grid {
    gap: 3.0769230769vw;
  }
}
#moflin .m-about2 .m-about2-contents > .cmp-container > .aem-Grid > .container:last-child > .m-about2-col > .cmp-container > .aem-Grid > .container > .switch-container > .cmp-container > .aem-Grid > .container > .switch-container > .cmp-container > .aem-Grid > .container > .switch-container > .cmp-container > .aem-Grid .cmp-text::before {
  content: "";
  display: block;
  width: 1px;
  height: 12px;
  margin: 0 auto;
  background: var(--moflin-c-border);
}
@media (max-width: 767px) {
  #moflin .m-about2 .m-about2-contents > .cmp-container > .aem-Grid > .container:last-child > .m-about2-col > .cmp-container > .aem-Grid > .container > .switch-container > .cmp-container > .aem-Grid > .container > .switch-container > .cmp-container > .aem-Grid > .container > .switch-container > .cmp-container > .aem-Grid .cmp-text::before {
    height: 3.0769230769vw;
  }
}
#moflin .m-about2 .m-about2-contents > .cmp-container > .aem-Grid > .container:last-child > .m-about2-col > .cmp-container > .aem-Grid > .container > .switch-container > .cmp-container > .aem-Grid > .container > .switch-container > .cmp-container > .aem-Grid > .container > .switch-container > .cmp-container > .aem-Grid .cmp-text p {
  font-size: var(--moflin-fs-14);
  line-height: 1.5;
}
@media (max-width: 767px) {
  #moflin .m-about2 .m-about2-contents > .cmp-container > .aem-Grid > .container:last-child > .m-about2-col > .cmp-container > .aem-Grid > .container > .switch-container > .cmp-container > .aem-Grid > .container > .switch-container > .cmp-container > .aem-Grid > .container > .switch-container > .cmp-container > .aem-Grid .cmp-text p {
    font-size: var(--moflin-fs-sp-13);
  }
}
#moflin .m-about2 .m-about2-contents > .cmp-container > .aem-Grid > .container:last-child > .m-about2-col > .cmp-container > .aem-Grid > .container > .switch-container > .cmp-container > .aem-Grid > .container > .switch-container > .cmp-container > .aem-Grid > .container > .switch-container > .cmp-container > .aem-Grid .cmp-text p:first-child {
  font-size: var(--moflin-fs-16);
  line-height: 1.8;
}
@media (max-width: 767px) {
  #moflin .m-about2 .m-about2-contents > .cmp-container > .aem-Grid > .container:last-child > .m-about2-col > .cmp-container > .aem-Grid > .container > .switch-container > .cmp-container > .aem-Grid > .container > .switch-container > .cmp-container > .aem-Grid > .container > .switch-container > .cmp-container > .aem-Grid .cmp-text p:first-child {
    font-size: var(--moflin-fs-sp-14);
  }
}

#moflin :is(.m-about3, .m-about5) .is-inr > .cmp-container > .aem-Grid > .container:not(:first-child) > .switch-container > .cmp-container > .aem-Grid .aem-Grid {
  width: auto;
}
#moflin :is(.m-about3, .m-about5) .is-inr > .cmp-container > .aem-Grid > .container:not(:first-child) > .switch-container > .cmp-container > .aem-Grid .aem-Grid::before, #moflin :is(.m-about3, .m-about5) .is-inr > .cmp-container > .aem-Grid > .container:not(:first-child) > .switch-container > .cmp-container > .aem-Grid .aem-Grid::after {
  content: none;
}
#moflin :is(.m-about3, .m-about5) .is-inr > .cmp-container > .aem-Grid > .container:not(:first-child) > .switch-container > .cmp-container > .aem-Grid .aem-GridColumn {
  float: none;
  clear: none;
  width: auto;
  margin: 0;
}
#moflin :is(.m-about3, .m-about5) .is-inr > .cmp-container > .aem-Grid > .container:not(:first-child) > .switch-container > .cmp-container > .aem-Grid::before, #moflin :is(.m-about3, .m-about5) .is-inr > .cmp-container > .aem-Grid > .container:not(:first-child) > .switch-container > .cmp-container > .aem-Grid::after {
  content: none;
}
#moflin :is(.m-about3, .m-about5) .is-inr > .cmp-container > .aem-Grid > .container:not(:first-child) > .switch-container > .cmp-container > .aem-Grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  align-items: start;
  gap: 36px;
}
@media (max-width: 767px) {
  #moflin :is(.m-about3, .m-about5) .is-inr > .cmp-container > .aem-Grid > .container:not(:first-child) > .switch-container > .cmp-container > .aem-Grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6.1538461538vw 4.1025641026vw;
  }
}
#moflin :is(.m-about3, .m-about5) .is-inr > .cmp-container > .aem-Grid > .container:not(:first-child) > .switch-container > .cmp-container > .aem-Grid > .container > .switch-container > .cmp-container > .aem-Grid {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media (max-width: 767px) {
  #moflin :is(.m-about3, .m-about5) .is-inr > .cmp-container > .aem-Grid > .container:not(:first-child) > .switch-container > .cmp-container > .aem-Grid > .container > .switch-container > .cmp-container > .aem-Grid {
    gap: 2.0512820513vw;
  }
}
#moflin :is(.m-about3, .m-about5) .is-inr > .cmp-container > .aem-Grid > .container:not(:first-child) > .switch-container > .cmp-container > .aem-Grid .cmp-text h3 {
  font-size: var(--moflin-fs-18);
  line-height: 1.5;
  letter-spacing: 0.06em;
  text-align: center;
}
@media (max-width: 767px) {
  #moflin :is(.m-about3, .m-about5) .is-inr > .cmp-container > .aem-Grid > .container:not(:first-child) > .switch-container > .cmp-container > .aem-Grid .cmp-text h3 {
    font-size: var(--moflin-fs-sp-16);
  }
}
#moflin :is(.m-about3, .m-about5) .is-inr > .cmp-container > .aem-Grid > .container:not(:first-child) > .switch-container > .cmp-container > .aem-Grid .cmp-text h3 + p {
  margin-top: 16px;
}
@media (max-width: 767px) {
  #moflin :is(.m-about3, .m-about5) .is-inr > .cmp-container > .aem-Grid > .container:not(:first-child) > .switch-container > .cmp-container > .aem-Grid .cmp-text h3 + p {
    margin-top: 2.0512820513vw;
  }
}

#moflin .m-about3 .is-inr .container:not(:first-child) .cmp-image img {
  aspect-ratio: 309/191;
  border-radius: 20px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 767px) {
  #moflin .m-about3 .is-inr .container:not(:first-child) .cmp-image img {
    border-radius: 2.5641025641vw;
  }
}

#moflin .m-about3 .is-inr > .cmp-container > .aem-Grid > .container:not(:first-child) > .switch-container > .cmp-container > .aem-Grid > .container:nth-child(1) .cmp-text h3 {
  padding: 8px;
  border-radius: 100px;
  background: rgba(248, 156, 107, 0.3);
}
@media (max-width: 767px) {
  #moflin .m-about3 .is-inr > .cmp-container > .aem-Grid > .container:not(:first-child) > .switch-container > .cmp-container > .aem-Grid > .container:nth-child(1) .cmp-text h3 {
    padding: 1.0256410256vw;
  }
}

#moflin .m-about3 .is-inr > .cmp-container > .aem-Grid > .container:not(:first-child) > .switch-container > .cmp-container > .aem-Grid > .container:nth-child(2) .cmp-text h3 {
  padding: 8px;
  border-radius: 100px;
  background: rgba(175, 117, 175, 0.3);
}
@media (max-width: 767px) {
  #moflin .m-about3 .is-inr > .cmp-container > .aem-Grid > .container:not(:first-child) > .switch-container > .cmp-container > .aem-Grid > .container:nth-child(2) .cmp-text h3 {
    padding: 1.0256410256vw;
  }
}

#moflin .m-about3 .is-inr > .cmp-container > .aem-Grid > .container:not(:first-child) > .switch-container > .cmp-container > .aem-Grid > .container:nth-child(3) .cmp-text h3 {
  padding: 8px;
  border-radius: 100px;
  background: rgba(239, 119, 110, 0.3);
}
@media (max-width: 767px) {
  #moflin .m-about3 .is-inr > .cmp-container > .aem-Grid > .container:not(:first-child) > .switch-container > .cmp-container > .aem-Grid > .container:nth-child(3) .cmp-text h3 {
    padding: 1.0256410256vw;
  }
}

#moflin .m-about3 .is-inr > .cmp-container > .aem-Grid > .container:not(:first-child) > .switch-container > .cmp-container > .aem-Grid > .container:nth-child(4) .cmp-text h3 {
  padding: 8px;
  border-radius: 100px;
  background: rgba(76, 116, 184, 0.3);
}
@media (max-width: 767px) {
  #moflin .m-about3 .is-inr > .cmp-container > .aem-Grid > .container:not(:first-child) > .switch-container > .cmp-container > .aem-Grid > .container:nth-child(4) .cmp-text h3 {
    padding: 1.0256410256vw;
  }
}

#moflin .m-about5 .is-inr .container:not(:first-child) .cmp-text h3 {
  padding: 8px 0;
  font-size: var(--moflin-fs-20);
}
@media (max-width: 767px) {
  #moflin .m-about5 .is-inr .container:not(:first-child) .cmp-text h3 {
    font-size: var(--moflin-fs-sp-16);
  }
}

#moflin .m-about6 #sec6-1 > .aem-Grid .aem-Grid {
  width: auto;
}
#moflin .m-about6 #sec6-1 > .aem-Grid .aem-Grid::before, #moflin .m-about6 #sec6-1 > .aem-Grid .aem-Grid::after {
  content: none;
}
#moflin .m-about6 #sec6-1 > .aem-Grid .aem-GridColumn {
  float: none;
  clear: none;
  width: auto;
  margin: 0;
}
#moflin .m-about6 #sec6-1 > .aem-Grid::before, #moflin .m-about6 #sec6-1 > .aem-Grid::after {
  content: none;
}
#moflin .m-about6 #sec6-1 > .aem-Grid {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 32px;
}
@media (max-width: 767px) {
  #moflin .m-about6 #sec6-1 > .aem-Grid {
    flex-direction: column;
    gap: 4.1025641026vw;
  }
}
#moflin .m-about6 #sec6-1 > .aem-Grid > .image {
  flex: 0 0 280px;
}
@media (max-width: 767px) {
  #moflin .m-about6 #sec6-1 > .aem-Grid > .image {
    flex: none;
    order: 1;
    width: 100%;
  }
}
#moflin .m-about6 #sec6-1 > .aem-Grid > .image img {
  aspect-ratio: 280/173;
  border-radius: 20px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 767px) {
  #moflin .m-about6 #sec6-1 > .aem-Grid > .image img {
    aspect-ratio: 350/128;
    border-radius: 5.1282051282vw;
  }
}
#moflin .m-about6 #sec6-1 > .aem-Grid .cmp-text p {
  font-size: var(--moflin-fs-18);
}
@media (max-width: 767px) {
  #moflin .m-about6 #sec6-1 > .aem-Grid .cmp-text p {
    font-size: var(--moflin-fs-sp-15);
    text-align: center;
  }
}

#moflin .m-about6 #sec6-2 {
  margin-top: 56px;
}
@media (max-width: 767px) {
  #moflin .m-about6 #sec6-2 {
    margin-top: 8.2051282051vw;
  }
}
#moflin .m-about6 #sec6-2 > .aem-Grid .aem-Grid {
  width: auto;
}
#moflin .m-about6 #sec6-2 > .aem-Grid .aem-Grid::before, #moflin .m-about6 #sec6-2 > .aem-Grid .aem-Grid::after {
  content: none;
}
#moflin .m-about6 #sec6-2 > .aem-Grid .aem-GridColumn {
  float: none;
  clear: none;
  width: auto;
  margin: 0;
}
#moflin .m-about6 #sec6-2 > .aem-Grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 36px;
}
#moflin .m-about6 #sec6-2 > .aem-Grid::before, #moflin .m-about6 #sec6-2 > .aem-Grid::after {
  content: none;
}
@media (max-width: 767px) {
  #moflin .m-about6 #sec6-2 > .aem-Grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 5.1282051282vw;
  }
}
#moflin .m-about6 #sec6-2 > .aem-Grid > .container > .switch-container .aem-Grid {
  width: auto;
}
#moflin .m-about6 #sec6-2 > .aem-Grid > .container > .switch-container .aem-Grid::before, #moflin .m-about6 #sec6-2 > .aem-Grid > .container > .switch-container .aem-Grid::after {
  content: none;
}
#moflin .m-about6 #sec6-2 > .aem-Grid > .container > .switch-container .aem-GridColumn {
  float: none;
  clear: none;
  width: auto;
  margin: 0;
}
#moflin .m-about6 #sec6-2 > .aem-Grid > .container > .switch-container {
  box-sizing: border-box;
  height: 100%;
  overflow: hidden;
  border: 2px solid var(--moflin-c-coral);
  border-radius: 20px;
  background: var(--moflin-c-white);
}
@media (max-width: 767px) {
  #moflin .m-about6 #sec6-2 > .aem-Grid > .container > .switch-container {
    border-radius: 5.1282051282vw;
  }
}
#moflin .m-about6 #sec6-2 .cmp-text h3 {
  padding: 20px;
  background: var(--moflin-c-coral);
  color: var(--moflin-c-text-dark);
  font-family: var(--moflin-font-base);
  font-size: var(--moflin-fs-20);
  line-height: 1.5;
}
@media (max-width: 767px) {
  #moflin .m-about6 #sec6-2 .cmp-text h3 {
    padding: 4.1025641026vw;
    font-size: var(--moflin-fs-sp-18);
  }
}
#moflin .m-about6 #sec6-2 .switch-container .switch-container > .cmp-container {
  padding: 0 20px 10px;
}
@media (max-width: 767px) {
  #moflin .m-about6 #sec6-2 .switch-container .switch-container > .cmp-container {
    padding: 0 5.1282051282vw 2.5641025641vw;
  }
}
#moflin .m-about6 #sec6-2 .switch-container .switch-container .cmp-text p {
  padding: 12px 10px;
  border-bottom: 1px solid var(--moflin-c-coral);
  font-family: var(--moflin-font-base);
  text-align: center;
}
@media (max-width: 767px) {
  #moflin .m-about6 #sec6-2 .switch-container .switch-container .cmp-text p {
    padding: 3.0769230769vw 2.5641025641vw;
    font-size: var(--moflin-fs-sp-15);
  }
}
#moflin .m-about6 #sec6-2 .switch-container .switch-container .text:last-child .cmp-text p:last-child {
  border-bottom: 0;
}
#moflin .m-about6 #sec6-2 .cmp-image {
  padding: 8px 10px;
}
#moflin .m-about6 #sec6-2 .cmp-image img {
  width: 100px !important;
  margin: 0 auto;
}
@media (max-width: 767px) {
  #moflin .m-about6 #sec6-2 .cmp-image {
    padding: 2.0512820513vw 2.5641025641vw;
  }
  #moflin .m-about6 #sec6-2 .cmp-image img {
    width: 25.641025641vw !important;
  }
}

#moflin .m-about4 .is-inr > .cmp-container > .aem-Grid > .container:nth-child(2) > .switch-container > .cmp-container > .aem-Grid .aem-Grid {
  width: auto;
}
#moflin .m-about4 .is-inr > .cmp-container > .aem-Grid > .container:nth-child(2) > .switch-container > .cmp-container > .aem-Grid .aem-Grid::before, #moflin .m-about4 .is-inr > .cmp-container > .aem-Grid > .container:nth-child(2) > .switch-container > .cmp-container > .aem-Grid .aem-Grid::after {
  content: none;
}
#moflin .m-about4 .is-inr > .cmp-container > .aem-Grid > .container:nth-child(2) > .switch-container > .cmp-container > .aem-Grid .aem-GridColumn {
  float: none;
  clear: none;
  width: auto;
  margin: 0;
}
#moflin .m-about4 .is-inr > .cmp-container > .aem-Grid > .container:nth-child(2) > .switch-container > .cmp-container > .aem-Grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 40px 36px;
}
#moflin .m-about4 .is-inr > .cmp-container > .aem-Grid > .container:nth-child(2) > .switch-container > .cmp-container > .aem-Grid::before, #moflin .m-about4 .is-inr > .cmp-container > .aem-Grid > .container:nth-child(2) > .switch-container > .cmp-container > .aem-Grid::after {
  content: none;
}
@media (max-width: 767px) {
  #moflin .m-about4 .is-inr > .cmp-container > .aem-Grid > .container:nth-child(2) > .switch-container > .cmp-container > .aem-Grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8.2051282051vw 4.1025641026vw;
  }
}
#moflin .m-about4 .is-inr > .cmp-container > .aem-Grid > .container:nth-child(2) > .switch-container > .cmp-container > .aem-Grid > .container {
  width: 273px;
}
@media (max-width: 767px) {
  #moflin .m-about4 .is-inr > .cmp-container > .aem-Grid > .container:nth-child(2) > .switch-container > .cmp-container > .aem-Grid > .container {
    width: auto;
  }
}
#moflin .m-about4 .is-inr > .cmp-container > .aem-Grid > .container:nth-child(2) > .switch-container > .cmp-container > .aem-Grid > .container > .switch-container > .cmp-container > .aem-Grid {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
}
@media (max-width: 767px) {
  #moflin .m-about4 .is-inr > .cmp-container > .aem-Grid > .container:nth-child(2) > .switch-container > .cmp-container > .aem-Grid > .container > .switch-container > .cmp-container > .aem-Grid {
    gap: 2.0512820513vw;
  }
}
#moflin .m-about4 .is-inr > .cmp-container > .aem-Grid > .container:nth-child(2) > .switch-container > .cmp-container > .aem-Grid .cmp-image {
  width: 260px;
}
@media (max-width: 767px) {
  #moflin .m-about4 .is-inr > .cmp-container > .aem-Grid > .container:nth-child(2) > .switch-container > .cmp-container > .aem-Grid .cmp-image {
    width: 100%;
  }
}
#moflin .m-about4 .is-inr > .cmp-container > .aem-Grid > .container:nth-child(2) > .switch-container > .cmp-container > .aem-Grid .cmp-image img {
  box-sizing: border-box;
  aspect-ratio: 1;
  border: 6px solid var(--moflin-c-white);
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 767px) {
  #moflin .m-about4 .is-inr > .cmp-container > .aem-Grid > .container:nth-child(2) > .switch-container > .cmp-container > .aem-Grid .cmp-image img {
    border-width: 1.0256410256vw;
  }
}
#moflin .m-about4 .is-inr > .cmp-container > .aem-Grid > .container:nth-child(2) > .switch-container > .cmp-container > .aem-Grid .cmp-text h3 {
  margin-bottom: 8px;
  font-size: var(--moflin-fs-20);
  line-height: 1.5;
  letter-spacing: 0.06em;
  text-align: center;
}
@media (max-width: 767px) {
  #moflin .m-about4 .is-inr > .cmp-container > .aem-Grid > .container:nth-child(2) > .switch-container > .cmp-container > .aem-Grid .cmp-text h3 {
    margin-bottom: 2.0512820513vw;
    font-size: var(--moflin-fs-sp-16);
  }
}
#moflin .m-about4 .is-inr > .cmp-container > .aem-Grid > .container:nth-child(2) > .switch-container > .cmp-container > .aem-Grid .is-moflin-btn {
  width: 100%;
  margin-top: 8px;
}
#moflin .m-about4 .is-inr > .cmp-container > .aem-Grid > .container:nth-child(2) > .switch-container > .cmp-container > .aem-Grid .is-moflin-btn .cmp-button {
  width: 100%;
  min-width: 0;
  border-radius: 10px;
}
#moflin .m-about4 .is-inr > .cmp-container > .aem-Grid > .container:nth-child(2) > .switch-container > .cmp-container > .aem-Grid .is-moflin-btn .cmp-button__text {
  font-size: var(--moflin-fs-14);
}
@media (max-width: 767px) {
  #moflin .m-about4 .is-inr > .cmp-container > .aem-Grid > .container:nth-child(2) > .switch-container > .cmp-container > .aem-Grid .is-moflin-btn {
    margin-top: 2.0512820513vw;
  }
  #moflin .m-about4 .is-inr > .cmp-container > .aem-Grid > .container:nth-child(2) > .switch-container > .cmp-container > .aem-Grid .is-moflin-btn .cmp-button {
    width: auto;
    min-width: 73.0769230769vw;
    border-radius: 2.5641025641vw;
  }
  #moflin .m-about4 .is-inr > .cmp-container > .aem-Grid > .container:nth-child(2) > .switch-container > .cmp-container > .aem-Grid .is-moflin-btn .cmp-button__text {
    font-size: var(--moflin-fs-sp-14);
  }
}
@media (max-width: 767px) {
  #moflin .m-about4 .is-inr > .cmp-container > .aem-Grid > .container:nth-child(2) > .switch-container > .cmp-container > .aem-Grid > .container:has(.cmp-image):nth-child(odd):is(:last-child, :nth-last-child(2)) .container:has(> .is-moflin-btn) {
    grid-column: 1/-1;
  }
}
@media (max-width: 767px) {
  #moflin .m-about4 .is-inr > .cmp-container > .aem-Grid > .container:nth-child(2) > .switch-container > .cmp-container > .aem-Grid > .container:has(.cmp-image):nth-child(odd):is(:last-child, :nth-last-child(2)) {
    grid-column: 1/-1;
  }
  #moflin .m-about4 .is-inr > .cmp-container > .aem-Grid > .container:nth-child(2) > .switch-container > .cmp-container > .aem-Grid > .container:has(.cmp-image):nth-child(odd):is(:last-child, :nth-last-child(2)) > .switch-container > .cmp-container > .aem-Grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: center;
    gap: 4.1025641026vw;
  }
  #moflin .m-about4 .is-inr > .cmp-container > .aem-Grid > .container:nth-child(2) > .switch-container > .cmp-container > .aem-Grid > .container:has(.cmp-image):nth-child(odd):is(:last-child, :nth-last-child(2)) .cmp-text h3 {
    text-align: left;
  }
}

#moflin .m-about4 .is-inr > .cmp-container > .aem-Grid > .container:nth-child(n+3) {
  margin-top: 48px;
}
@media (max-width: 767px) {
  #moflin .m-about4 .is-inr > .cmp-container > .aem-Grid > .container:nth-child(n+3) {
    margin-top: 10.2564102564vw;
  }
}
#moflin .m-about4 .is-inr > .cmp-container > .aem-Grid > .container:nth-child(n+3) > .switch-container .aem-Grid {
  width: auto;
}
#moflin .m-about4 .is-inr > .cmp-container > .aem-Grid > .container:nth-child(n+3) > .switch-container .aem-Grid::before, #moflin .m-about4 .is-inr > .cmp-container > .aem-Grid > .container:nth-child(n+3) > .switch-container .aem-Grid::after {
  content: none;
}
#moflin .m-about4 .is-inr > .cmp-container > .aem-Grid > .container:nth-child(n+3) > .switch-container .aem-GridColumn {
  float: none;
  clear: none;
  width: auto;
  margin: 0;
}
#moflin .m-about4 .is-inr > .cmp-container > .aem-Grid > .container:nth-child(n+3) > .switch-container > .cmp-container > .aem-Grid {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
}
@media (max-width: 767px) {
  #moflin .m-about4 .is-inr > .cmp-container > .aem-Grid > .container:nth-child(n+3) > .switch-container > .cmp-container > .aem-Grid {
    gap: 2.0512820513vw;
  }
}
#moflin .m-about4 .is-inr > .cmp-container > .aem-Grid > .container:nth-child(n+3) .cmp-text h3 {
  font-size: var(--moflin-fs-16);
  line-height: 1.5;
  letter-spacing: 0.06em;
}
@media (max-width: 767px) {
  #moflin .m-about4 .is-inr > .cmp-container > .aem-Grid > .container:nth-child(n+3) .cmp-text h3 {
    font-size: var(--moflin-fs-sp-16);
  }
}

[id^=moflin] {
  --moflin-theme-color: #f29c8d;
  --moflin-bg-color: #f5eee6;
  --moflin-beige-color: #e6d2c7;
  --moflin-light-gray-color: var(--moflin-c-border-dark);
  --moflin-gray-color: var(--moflin-c-sub);
  --moflin-font-family: var(--moflin-font-base);
  --moflin_theme_color: #f29c8d;
  --moflin_bg_color: #f5eee6;
  --moflin_grey_color: var(--moflin-c-sub);
}

:where(.second-aniv, .switch-container:has(#moflin_namecard)) #moflin {
  color: var(--moflin-gray-color);
  font-family: var(--moflin-font-family);
  font-feature-settings: normal;
}

:where(.second-aniv, .switch-container:has(#moflin_namecard)) [id^=moflin] img {
  width: 100%;
}

:where(.second-aniv, .switch-container:has(#moflin_namecard)) #moflin :is(h2, h3, h4, h5) {
  padding: 0;
  line-height: 1.5;
}

:where(.second-aniv, .switch-container:has(#moflin_namecard)) [id^=moflin] p {
  margin-bottom: 10px;
  font-size: min(4vw, 18px);
  line-height: 2;
}

:where(.second-aniv, .switch-container:has(#moflin_namecard)) [id^=moflin] a {
  color: var(--moflin-gray-color);
  text-decoration: none;
}

:where(.second-aniv, .switch-container:has(#moflin_namecard)) #moflin .lead p {
  font-size: min(4.3vw, 22px);
  text-align: center;
}

:where(.second-aniv, .switch-container:has(#moflin_namecard)) #moflin .note {
  font-size: min(3.8vw, 14px);
}

:where(.second-aniv, .switch-container:has(#moflin_namecard)) [id^=moflin] a.moflin-btn {
  position: relative;
  display: inline-block;
  padding: 20px 60px;
  border-color: var(--moflin-theme-color);
  border-radius: 10px;
  background: var(--moflin-theme-color);
  color: var(--moflin-c-white);
  font-size: min(4vw, 20px);
  font-weight: 700;
  transition: 0.3s ease-out;
}
:where(.second-aniv, .switch-container:has(#moflin_namecard)) [id^=moflin] a.moflin-btn::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 33px;
  display: inline-block;
  width: 10px;
  min-height: auto;
  aspect-ratio: 1/1;
  border-top: 2px solid var(--moflin-c-white);
  border-right: 2px solid var(--moflin-c-white);
  transform: translateY(-50%) rotate(45deg);
}
:where(.second-aniv, .switch-container:has(#moflin_namecard)) [id^=moflin] a.moflin-btn:hover {
  transform: scale(1.05);
}
@media (max-width: 767px) {
  :where(.second-aniv, .switch-container:has(#moflin_namecard)) [id^=moflin] a.moflin-btn {
    padding: 10px 40px;
  }
  :where(.second-aniv, .switch-container:has(#moflin_namecard)) [id^=moflin] a.moflin-btn::after {
    right: 20px;
  }
}

#p-moflin_top {
  position: relative;
  z-index: 0;
}

:where(#p-moflin_top) {
  color: var(--moflin-c-sub);
}
:where(#p-moflin_top) :is(h1, h2, h3, h4, h5, h6) {
  font-family: var(--moflin-font-base);
  font-weight: 700;
  font-style: normal;
}
:where(#p-moflin_top) :is(p, li, th, td, dt, dd) {
  font-family: var(--moflin-font-base);
  font-size: 1.06667rem;
  font-style: normal;
  line-height: 1.5;
}
@media (max-width: 767px) {
  :where(#p-moflin_top) :is(p, li, th, td, dt, dd) {
    font-size: 1rem;
  }
}
:where(#p-moflin_top) a {
  color: var(--moflin-c-sub);
}
:where(#p-moflin_top) img {
  display: block;
  width: 100%;
  height: auto;
}
:where(#p-moflin_top) :is(p, ul, ol, dl, table) + :is(p, ul, ol, dl, table) {
  margin-top: 16px;
}

#moflin .m-uk-spec .aem-Grid {
  width: auto;
}
#moflin .m-uk-spec .aem-Grid::before, #moflin .m-uk-spec .aem-Grid::after {
  content: none;
}
#moflin .m-uk-spec .aem-GridColumn {
  float: none;
  clear: none;
  width: auto;
  margin: 0;
}
#moflin .m-uk-spec {
  color: var(--moflin-c-text);
  font-family: var(--moflin-font-base);
}
#moflin .m-uk-spec .cmp-text :is(h2, h3, p) {
  width: auto;
  overflow: visible;
  white-space: normal;
  text-overflow: clip;
  margin: 0;
  padding: 0;
  color: inherit;
  font-family: inherit;
}
#moflin .m-uk-spec img {
  display: block;
  width: 100%;
  height: auto;
}

#moflin .m-uk-spec #spec_movie {
  max-width: 784px;
  margin: 0 auto;
}
@media (max-width: 767px) {
  #moflin .m-uk-spec #spec_movie {
    max-width: none;
  }
}
#moflin .m-uk-spec #spec_movie .cmp-image {
  overflow: hidden;
  border-radius: 20px;
}
#moflin .m-uk-spec #spec_movie .cmp-image:has(.cmp-image__link:focus-visible) {
  outline: 3px solid var(--moflin-c-text);
  outline-offset: 3px;
}
@media (max-width: 767px) {
  #moflin .m-uk-spec #spec_movie .cmp-image {
    border-radius: 5.1282051282vw;
  }
}
#moflin .m-uk-spec #spec_movie .cmp-image__link {
  position: relative;
  display: block;
}
#moflin .m-uk-spec #spec_movie .cmp-image__link img {
  aspect-ratio: 784/437;
  -o-object-fit: cover;
     object-fit: cover;
  transition: transform 0.2s ease-out;
}
@media (hover: hover) {
  #moflin .m-uk-spec #spec_movie .cmp-image__link:hover img {
    transform: scale(1.03);
  }
}
#moflin .m-uk-spec #spec_movie .cmp-image__link:focus-visible {
  outline: 0;
}
#moflin .m-uk-spec #spec_movie .cmp-image__link::before {
  content: "";
  position: absolute;
  right: 24px;
  bottom: 24px;
  z-index: 1;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: var(--moflin-c-white);
  pointer-events: none;
}
#moflin .m-uk-spec #spec_movie .cmp-image__link::after {
  content: "PLAY";
  position: absolute;
  right: 24px;
  bottom: 24px;
  z-index: 1;
  box-sizing: border-box;
  width: 80px;
  height: 80px;
  padding-top: 9px;
  background: url("/content/dam/casio/global/moflin/rev2/img/play.svg") no-repeat center 36px/24px 25px;
  color: var(--moflin-c-text);
  font-family: var(--moflin-font-base);
  font-size: var(--moflin-fs-12);
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.06em;
  text-align: center;
  pointer-events: none;
}
@media (max-width: 767px) {
  #moflin .m-uk-spec #spec_movie .cmp-image__link::before, #moflin .m-uk-spec #spec_movie .cmp-image__link::after {
    right: 6.1538461538vw;
    bottom: 6.1538461538vw;
    width: 20.5128205128vw;
    height: 20.5128205128vw;
  }
  #moflin .m-uk-spec #spec_movie .cmp-image__link::after {
    padding-top: 2.3076923077vw;
    background-position: center 9.2307692308vw;
    background-size: 6.1538461538vw 6.4102564103vw;
    font-size: var(--moflin-fs-sp-12);
  }
}

#moflin .m-uk-spec #spec_box {
  margin-top: 32px;
}
@media (max-width: 767px) {
  #moflin .m-uk-spec #spec_box {
    margin-top: 8.2051282051vw;
  }
}
#moflin .m-uk-spec #spec_box > .aem-Grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0 40px;
}
@media (max-width: 767px) {
  #moflin .m-uk-spec #spec_box > .aem-Grid {
    grid-template-columns: minmax(0, 1fr);
  }
}
#moflin .m-uk-spec #spec_box > .aem-Grid > .text {
  grid-column: 1/-1;
}
#moflin .m-uk-spec #spec_box > .aem-Grid > .container {
  align-self: start;
}
#moflin .m-uk-spec #spec_box .cmp-text h3 {
  margin-bottom: 10px;
  font-size: var(--moflin-fs-24);
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: -0.03em;
}
@media (max-width: 767px) {
  #moflin .m-uk-spec #spec_box .cmp-text h3 {
    margin-bottom: 2.5641025641vw;
    font-size: var(--moflin-fs-sp-24);
  }
}
#moflin .m-uk-spec #spec_box > .aem-Grid > .text:last-child .cmp-text p {
  margin-top: 20px;
  font-size: var(--moflin-fs-18);
  line-height: 1.3;
  letter-spacing: -0.03em;
  text-align: right;
}
@media (max-width: 767px) {
  #moflin .m-uk-spec #spec_box > .aem-Grid > .text:last-child .cmp-text p {
    margin-top: 5.1282051282vw;
    font-size: var(--moflin-fs-sp-14);
    line-height: 1.6;
    text-align: left;
  }
}

#moflin .m-uk-spec :is(#spec_box_lt, #spec_box_rb) > .aem-Grid > .container {
  border-bottom: 1px solid var(--moflin-c-border);
}
#moflin .m-uk-spec :is(#spec_box_lt, #spec_box_rb) > .aem-Grid > .container > .switch-container > .cmp-container > .aem-Grid {
  box-sizing: border-box;
  display: grid;
  grid-template-columns: 60px 220px minmax(0, 1fr);
  align-items: center;
  min-height: 73px;
  padding: 16px 0;
}
@media (max-width: 767px) {
  #moflin .m-uk-spec :is(#spec_box_lt, #spec_box_rb) > .aem-Grid > .container > .switch-container > .cmp-container > .aem-Grid {
    grid-template-columns: 15.3846153846vw 46.1538461538vw minmax(0, 1fr);
    min-height: 18.7179487179vw;
    padding: 4.1025641026vw 0;
  }
}
#moflin .m-uk-spec :is(#spec_box_lt, #spec_box_rb) > .aem-Grid > .container > .switch-container > .cmp-container > .aem-Grid > .container:first-child .cmp-image {
  width: 40px;
}
@media (max-width: 767px) {
  #moflin .m-uk-spec :is(#spec_box_lt, #spec_box_rb) > .aem-Grid > .container > .switch-container > .cmp-container > .aem-Grid > .container:first-child .cmp-image {
    width: 10.2564102564vw;
  }
}
#moflin .m-uk-spec :is(#spec_box_lt, #spec_box_rb) .cmp-text p {
  font-size: var(--moflin-fs-18);
  line-height: 1.3;
  letter-spacing: -0.03em;
}
@media (max-width: 767px) {
  #moflin .m-uk-spec :is(#spec_box_lt, #spec_box_rb) .cmp-text p {
    font-size: var(--moflin-fs-sp-15);
    line-height: 1.5;
  }
}
#moflin .m-uk-spec :is(#spec_box_lt, #spec_box_rb) > .aem-Grid > .container > .switch-container > .cmp-container > .aem-Grid > .container:nth-child(2) .cmp-text p {
  font-weight: 500;
}

#moflin .m-uk-faq .cmp-accordion__panel .cmp-text p + p {
  margin-top: 1em;
}

/*# sourceMappingURL=common.css.map*/