@charset "UTF-8";
/* A Modern CSS Reset */
*,
*::before,
*::after {
  box-sizing: border-box;
}

body,
h1,
h2,
h3,
h4,
p,
figure,
blockquote,
dl,
dd,
ul {
  margin: 0;
  padding: 0;
}

ul[role=list],
ol[role=list] {
  list-style: none;
}

li {
  list-style: none;
  line-height: 1;
}

html:focus-within {
  scroll-behavior: smooth;
}

body {
  min-height: 100vh;
  text-rendering: optimizeSpeed;
  line-height: 1.5;
}

a:not([class]) {
  -webkit-text-decoration-skip: ink;
          text-decoration-skip-ink: auto;
}

a {
  text-decoration: none;
}

img,
picture {
  max-width: 100%;
  display: block;
}

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

@media (prefers-reduced-motion: reduce) {
  html:focus-within {
    scroll-behavior: auto;
  }
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}
/* mixin */
/* commmon */
body {
  position: relative;
  background-color: #FFDC50;
}

a {
  display: block;
  transition: all 0.6s;
  cursor: pointer;
}
a:hover {
  opacity: 0.6;
}
a.site-nav__btn:hover, a.section-mv-btn:hover, a.section-cta-short-btn__link a.section-cta-product__btn:hover {
  opacity: 1;
}

.fadein {
  opacity: 0;
  transform: translateY(40px);
  transition: 1s;
}

/* PC */
@media screen and (max-width: 780px) {
  .pc-only {
    display: none;
  }
}

/* SP */
@media screen and (min-width: 781px) {
  .sp-only {
    display: none;
  }
}

.site-bg-001 {
  position: relative;
  background-color: #FFDC50;
}
.site-bg-001:before {
  content: "";
  position: fixed;
  background: url(../img/site-bg-left-top.png) no-repeat top left/contain;
  left: 0;
  top: 0;
  z-index: 10;
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .site-bg-001:before {
    width: clamp(297.96px, 38.2vw, 382px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .site-bg-001:before {
    width: clamp(298.4375px, 29.84375vw, 382px);
  }
}
@media screen and (min-width: 1281px) {
  .site-bg-001:before {
    width: clamp(382px, 19.8958333333vw, 382px);
  }
}
@media screen and (max-width: 780px) {
  .site-bg-001:before {
    width: clamp(293.8461538462px, 97.9487179487vw, 764px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .site-bg-001:before {
    height: clamp(365.82px, 46.9vw, 469px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .site-bg-001:before {
    height: clamp(366.40625px, 36.640625vw, 469px);
  }
}
@media screen and (min-width: 1281px) {
  .site-bg-001:before {
    height: clamp(469px, 24.4270833333vw, 469px);
  }
}
@media screen and (max-width: 780px) {
  .site-bg-001:before {
    height: clamp(360.7692307692px, 120.2564102564vw, 938px);
  }
}
@media screen and (max-width: 780px) {
  .site-bg-001:before {
    content: none;
  }
}
.site-bg-001:after {
  content: "";
  position: fixed;
  background: url(../img/site-bg-left-bottom.png) no-repeat bottom left/contain;
  left: 0;
  bottom: 0;
  z-index: 10;
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .site-bg-001:after {
    width: clamp(286.26px, 36.7vw, 367px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .site-bg-001:after {
    width: clamp(286.71875px, 28.671875vw, 367px);
  }
}
@media screen and (min-width: 1281px) {
  .site-bg-001:after {
    width: clamp(367px, 19.1145833333vw, 367px);
  }
}
@media screen and (max-width: 780px) {
  .site-bg-001:after {
    width: clamp(282.3076923077px, 94.1025641026vw, 734px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .site-bg-001:after {
    height: clamp(85.02px, 10.9vw, 109px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .site-bg-001:after {
    height: clamp(85.15625px, 8.515625vw, 109px);
  }
}
@media screen and (min-width: 1281px) {
  .site-bg-001:after {
    height: clamp(109px, 5.6770833333vw, 109px);
  }
}
@media screen and (max-width: 780px) {
  .site-bg-001:after {
    height: clamp(83.8461538462px, 27.9487179487vw, 218px);
  }
}
@media screen and (max-width: 780px) {
  .site-bg-001:after {
    content: none;
  }
}
.site-bg-002 {
  position: relative;
}
.site-bg-002:before {
  content: "";
  position: fixed;
  background: url(../img/site-bg-right-top.png) no-repeat top right/contain;
  right: 0;
  top: 0;
  z-index: 10;
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .site-bg-002:before {
    width: clamp(379.08px, 48.6vw, 486px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .site-bg-002:before {
    width: clamp(379.6875px, 37.96875vw, 486px);
  }
}
@media screen and (min-width: 1281px) {
  .site-bg-002:before {
    width: clamp(486px, 25.3125vw, 486px);
  }
}
@media screen and (max-width: 780px) {
  .site-bg-002:before {
    width: clamp(373.8461538462px, 124.6153846154vw, 972px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .site-bg-002:before {
    height: clamp(165.36px, 21.2vw, 212px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .site-bg-002:before {
    height: clamp(165.625px, 16.5625vw, 212px);
  }
}
@media screen and (min-width: 1281px) {
  .site-bg-002:before {
    height: clamp(212px, 11.0416666667vw, 212px);
  }
}
@media screen and (max-width: 780px) {
  .site-bg-002:before {
    height: clamp(163.0769230769px, 54.358974359vw, 424px);
  }
}
@media screen and (max-width: 780px) {
  .site-bg-002:before {
    content: none;
  }
}
.site-bg-002:after {
  content: "";
  position: fixed;
  background: url(../img/site-bg-right-bottom.png) no-repeat bottom right/contain;
  right: 0;
  bottom: 0;
  z-index: 10;
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .site-bg-002:after {
    width: clamp(209.04px, 26.8vw, 268px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .site-bg-002:after {
    width: clamp(209.375px, 20.9375vw, 268px);
  }
}
@media screen and (min-width: 1281px) {
  .site-bg-002:after {
    width: clamp(268px, 13.9583333333vw, 268px);
  }
}
@media screen and (max-width: 780px) {
  .site-bg-002:after {
    width: clamp(206.1538461538px, 68.7179487179vw, 536px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .site-bg-002:after {
    height: clamp(199.68px, 25.6vw, 256px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .site-bg-002:after {
    height: clamp(200px, 20vw, 256px);
  }
}
@media screen and (min-width: 1281px) {
  .site-bg-002:after {
    height: clamp(256px, 13.3333333333vw, 256px);
  }
}
@media screen and (max-width: 780px) {
  .site-bg-002:after {
    height: clamp(196.9230769231px, 65.641025641vw, 512px);
  }
}
@media screen and (max-width: 780px) {
  .site-bg-002:after {
    content: none;
  }
}
.site-fixed-content {
  overflow: hidden;
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 15;
  top: 0;
  left: 0;
}
.site-inner {
  max-width: 1400px;
  height: 100%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 1500px) {
  .site-inner {
    max-width: 1200px;
    justify-content: center;
  }
}
.site-area-left {
  position: relative;
  z-index: 15;
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .site-area-left {
    width: clamp(234px, 30vw, 300px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .site-area-left {
    width: clamp(234.375px, 23.4375vw, 300px);
  }
}
@media screen and (min-width: 1281px) {
  .site-area-left {
    width: clamp(300px, 15.625vw, 300px);
  }
}
@media screen and (max-width: 780px) {
  .site-area-left {
    width: clamp(230.7692307692px, 76.9230769231vw, 600px);
  }
}
@media screen and (min-width: 1501px) and (min-width: 781px) and (max-width: 1000px) {
  .site-area-left {
    margin-left: clamp(58.5px, 7.5vw, 75px);
  }
}
@media screen and (min-width: 1501px) and (min-width: 1001px) and (max-width: 1280px) {
  .site-area-left {
    margin-left: clamp(58.59375px, 5.859375vw, 75px);
  }
}
@media screen and (min-width: 1501px) and (min-width: 1281px) {
  .site-area-left {
    margin-left: clamp(75px, 3.90625vw, 75px);
  }
}
@media screen and (min-width: 1501px) and (max-width: 780px) {
  .site-area-left {
    margin-left: clamp(57.6923076923px, 19.2307692308vw, 150px);
  }
}
@media screen and (max-width: 1000px) {
  .site-area-left {
    display: none;
  }
}
@media screen and (max-width: 780px) {
  .site-area-left {
    display: none;
  }
}
.site-area-middle {
  position: relative;
  z-index: 20;
}
.site-area-right {
  position: relative;
  z-index: 15;
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .site-area-right {
    width: clamp(234px, 30vw, 300px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .site-area-right {
    width: clamp(234.375px, 23.4375vw, 300px);
  }
}
@media screen and (min-width: 1281px) {
  .site-area-right {
    width: clamp(300px, 15.625vw, 300px);
  }
}
@media screen and (max-width: 780px) {
  .site-area-right {
    width: clamp(230.7692307692px, 76.9230769231vw, 600px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .site-area-right {
    margin-left: clamp(468px, 60vw, 600px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .site-area-right {
    margin-left: clamp(468.75px, 46.875vw, 600px);
  }
}
@media screen and (min-width: 1281px) {
  .site-area-right {
    margin-left: clamp(600px, 31.25vw, 600px);
  }
}
@media screen and (max-width: 780px) {
  .site-area-right {
    margin-left: clamp(461.5384615385px, 153.8461538462vw, 1200px);
  }
}
@media screen and (min-width: 1501px) and (min-width: 781px) and (max-width: 1000px) {
  .site-area-right {
    margin-right: clamp(58.5px, 7.5vw, 75px);
  }
}
@media screen and (min-width: 1501px) and (min-width: 1001px) and (max-width: 1280px) {
  .site-area-right {
    margin-right: clamp(58.59375px, 5.859375vw, 75px);
  }
}
@media screen and (min-width: 1501px) and (min-width: 1281px) {
  .site-area-right {
    margin-right: clamp(75px, 3.90625vw, 75px);
  }
}
@media screen and (min-width: 1501px) and (max-width: 780px) {
  .site-area-right {
    margin-right: clamp(57.6923076923px, 19.2307692308vw, 150px);
  }
}
@media screen and (max-width: 1000px) {
  .site-area-right {
    margin-left: auto;
  }
}
@media screen and (max-width: 1000px) and (min-width: 781px) and (max-width: 1000px) {
  .site-area-right {
    width: clamp(312px, 40vw, 400px);
  }
}
@media screen and (max-width: 1000px) and (min-width: 1001px) and (max-width: 1280px) {
  .site-area-right {
    width: clamp(312.5px, 31.25vw, 400px);
  }
}
@media screen and (max-width: 1000px) and (min-width: 1281px) {
  .site-area-right {
    width: clamp(400px, 20.8333333333vw, 400px);
  }
}
@media screen and (max-width: 1000px) and (max-width: 780px) {
  .site-area-right {
    width: clamp(307.6923076923px, 102.5641025641vw, 800px);
  }
}
@media screen and (max-width: 1000px) and (min-width: 781px) and (max-width: 1000px) {
  .site-area-right {
    padding-left: clamp(46.02px, 5.9vw, 59px);
  }
}
@media screen and (max-width: 1000px) and (min-width: 1001px) and (max-width: 1280px) {
  .site-area-right {
    padding-left: clamp(46.09375px, 4.609375vw, 59px);
  }
}
@media screen and (max-width: 1000px) and (min-width: 1281px) {
  .site-area-right {
    padding-left: clamp(59px, 3.0729166667vw, 59px);
  }
}
@media screen and (max-width: 1000px) and (max-width: 780px) {
  .site-area-right {
    padding-left: clamp(45.3846153846px, 15.1282051282vw, 118px);
  }
}
@media screen and (max-width: 1000px) and (min-width: 781px) and (max-width: 1000px) {
  .site-area-right {
    padding-right: clamp(57.72px, 7.4vw, 74px);
  }
}
@media screen and (max-width: 1000px) and (min-width: 1001px) and (max-width: 1280px) {
  .site-area-right {
    padding-right: clamp(57.8125px, 5.78125vw, 74px);
  }
}
@media screen and (max-width: 1000px) and (min-width: 1281px) {
  .site-area-right {
    padding-right: clamp(74px, 3.8541666667vw, 74px);
  }
}
@media screen and (max-width: 1000px) and (max-width: 780px) {
  .site-area-right {
    padding-right: clamp(56.9230769231px, 18.9743589744vw, 148px);
  }
}
@media screen and (max-width: 780px) {
  .site-area-right {
    display: none;
  }
}
.site-heading__title {
  margin: 0 auto;
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .site-heading__title {
    max-width: clamp(63.96px, 8.2vw, 82px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .site-heading__title {
    max-width: clamp(64.0625px, 6.40625vw, 82px);
  }
}
@media screen and (min-width: 1281px) {
  .site-heading__title {
    max-width: clamp(82px, 4.2708333333vw, 82px);
  }
}
@media screen and (max-width: 780px) {
  .site-heading__title {
    max-width: clamp(63.0769230769px, 21.0256410256vw, 164px);
  }
}
.site-heading__text {
  font-family: "Zen Old Mincho";
  font-weight: 400;
  letter-spacing: 0.3em;
  text-align: center;
  color: #000;
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .site-heading__text {
    font-size: clamp(11.7px, 1.5vw, 15px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .site-heading__text {
    font-size: clamp(11.71875px, 1.171875vw, 15px);
  }
}
@media screen and (min-width: 1281px) {
  .site-heading__text {
    font-size: clamp(15px, 0.78125vw, 15px);
  }
}
@media screen and (max-width: 780px) {
  .site-heading__text {
    font-size: clamp(11.5384615385px, 3.8461538462vw, 30px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .site-heading__text {
    line-height: clamp(24.18px, 3.1vw, 31px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .site-heading__text {
    line-height: clamp(24.21875px, 2.421875vw, 31px);
  }
}
@media screen and (min-width: 1281px) {
  .site-heading__text {
    line-height: clamp(31px, 1.6145833333vw, 31px);
  }
}
@media screen and (max-width: 780px) {
  .site-heading__text {
    line-height: clamp(23.8461538462px, 7.9487179487vw, 62px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .site-heading__text {
    margin-top: clamp(46.8px, 6vw, 60px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .site-heading__text {
    margin-top: clamp(46.875px, 4.6875vw, 60px);
  }
}
@media screen and (min-width: 1281px) {
  .site-heading__text {
    margin-top: clamp(60px, 3.125vw, 60px);
  }
}
@media screen and (max-width: 780px) {
  .site-heading__text {
    margin-top: clamp(46.1538461538px, 15.3846153846vw, 120px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .site-heading__text {
    margin-bottom: clamp(27.3px, 3.5vw, 35px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .site-heading__text {
    margin-bottom: clamp(27.34375px, 2.734375vw, 35px);
  }
}
@media screen and (min-width: 1281px) {
  .site-heading__text {
    margin-bottom: clamp(35px, 1.8229166667vw, 35px);
  }
}
@media screen and (max-width: 780px) {
  .site-heading__text {
    margin-bottom: clamp(26.9230769231px, 8.9743589744vw, 70px);
  }
}
.site-heading__hexagon {
  margin: 0 auto;
  background: url(../img/mv-hexagon.png) no-repeat center center/contain;
  position: relative;
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .site-heading__hexagon {
    width: clamp(170.04px, 21.8vw, 218px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .site-heading__hexagon {
    width: clamp(170.3125px, 17.03125vw, 218px);
  }
}
@media screen and (min-width: 1281px) {
  .site-heading__hexagon {
    width: clamp(218px, 11.3541666667vw, 218px);
  }
}
@media screen and (max-width: 780px) {
  .site-heading__hexagon {
    width: clamp(167.6923076923px, 55.8974358974vw, 436px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .site-heading__hexagon {
    height: clamp(170.04px, 21.8vw, 218px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .site-heading__hexagon {
    height: clamp(170.3125px, 17.03125vw, 218px);
  }
}
@media screen and (min-width: 1281px) {
  .site-heading__hexagon {
    height: clamp(218px, 11.3541666667vw, 218px);
  }
}
@media screen and (max-width: 780px) {
  .site-heading__hexagon {
    height: clamp(167.6923076923px, 55.8974358974vw, 436px);
  }
}
.site-heading__hexagon-number {
  position: absolute;
  transform: translateX(-50%);
  left: 50%;
  display: flex;
  align-items: flex-end;
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .site-heading__hexagon-number {
    top: clamp(39px, 5vw, 50px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .site-heading__hexagon-number {
    top: clamp(39.0625px, 3.90625vw, 50px);
  }
}
@media screen and (min-width: 1281px) {
  .site-heading__hexagon-number {
    top: clamp(50px, 2.6041666667vw, 50px);
  }
}
@media screen and (max-width: 780px) {
  .site-heading__hexagon-number {
    top: clamp(38.4615384615px, 12.8205128205vw, 100px);
  }
}
.site-heading__hexagon-number-01 {
  font-family: "Cormorant Garamond";
  font-weight: 400;
  letter-spacing: 0.02em;
  text-align: left;
  color: #000;
  height: 100%;
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .site-heading__hexagon-number-01 {
    font-size: clamp(42.12px, 5.4vw, 54px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .site-heading__hexagon-number-01 {
    font-size: clamp(42.1875px, 4.21875vw, 54px);
  }
}
@media screen and (min-width: 1281px) {
  .site-heading__hexagon-number-01 {
    font-size: clamp(54px, 2.8125vw, 54px);
  }
}
@media screen and (max-width: 780px) {
  .site-heading__hexagon-number-01 {
    font-size: clamp(41.5384615385px, 13.8461538462vw, 108px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .site-heading__hexagon-number-01 {
    line-height: clamp(42.12px, 5.4vw, 54px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .site-heading__hexagon-number-01 {
    line-height: clamp(42.1875px, 4.21875vw, 54px);
  }
}
@media screen and (min-width: 1281px) {
  .site-heading__hexagon-number-01 {
    line-height: clamp(54px, 2.8125vw, 54px);
  }
}
@media screen and (max-width: 780px) {
  .site-heading__hexagon-number-01 {
    line-height: clamp(41.5384615385px, 13.8461538462vw, 108px);
  }
}
.site-heading__hexagon-number-02 {
  font-family: "Cormorant Garamond";
  font-weight: 400;
  letter-spacing: 0.02em;
  text-align: left;
  color: #000;
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .site-heading__hexagon-number-02 {
    font-size: clamp(20.28px, 2.6vw, 26px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .site-heading__hexagon-number-02 {
    font-size: clamp(20.3125px, 2.03125vw, 26px);
  }
}
@media screen and (min-width: 1281px) {
  .site-heading__hexagon-number-02 {
    font-size: clamp(26px, 1.3541666667vw, 26px);
  }
}
@media screen and (max-width: 780px) {
  .site-heading__hexagon-number-02 {
    font-size: clamp(20px, 6.6666666667vw, 52px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .site-heading__hexagon-number-02 {
    line-height: clamp(20.28px, 2.6vw, 26px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .site-heading__hexagon-number-02 {
    line-height: clamp(20.3125px, 2.03125vw, 26px);
  }
}
@media screen and (min-width: 1281px) {
  .site-heading__hexagon-number-02 {
    line-height: clamp(26px, 1.3541666667vw, 26px);
  }
}
@media screen and (max-width: 780px) {
  .site-heading__hexagon-number-02 {
    line-height: clamp(20px, 6.6666666667vw, 52px);
  }
}
.site-heading__hexagon-desc {
  position: absolute;
  transform: translateX(-50%);
  left: 50%;
  font-family: "Zen Old Mincho";
  font-weight: 400;
  letter-spacing: 0.2em;
  text-align: center;
  color: #000;
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .site-heading__hexagon-desc {
    bottom: clamp(50.7px, 6.5vw, 65px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .site-heading__hexagon-desc {
    bottom: clamp(50.78125px, 5.078125vw, 65px);
  }
}
@media screen and (min-width: 1281px) {
  .site-heading__hexagon-desc {
    bottom: clamp(65px, 3.3854166667vw, 65px);
  }
}
@media screen and (max-width: 780px) {
  .site-heading__hexagon-desc {
    bottom: clamp(50px, 16.6666666667vw, 130px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .site-heading__hexagon-desc {
    font-size: clamp(10.14px, 1.3vw, 13px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .site-heading__hexagon-desc {
    font-size: clamp(10.15625px, 1.015625vw, 13px);
  }
}
@media screen and (min-width: 1281px) {
  .site-heading__hexagon-desc {
    font-size: clamp(13px, 0.6770833333vw, 13px);
  }
}
@media screen and (max-width: 780px) {
  .site-heading__hexagon-desc {
    font-size: clamp(10px, 3.3333333333vw, 26px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .site-heading__hexagon-desc {
    line-height: clamp(14.04px, 1.8vw, 18px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .site-heading__hexagon-desc {
    line-height: clamp(14.0625px, 1.40625vw, 18px);
  }
}
@media screen and (min-width: 1281px) {
  .site-heading__hexagon-desc {
    line-height: clamp(18px, 0.9375vw, 18px);
  }
}
@media screen and (max-width: 780px) {
  .site-heading__hexagon-desc {
    line-height: clamp(13.8461538462px, 4.6153846154vw, 36px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .site-nav {
    padding-left: clamp(46.02px, 5.9vw, 59px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .site-nav {
    padding-left: clamp(46.09375px, 4.609375vw, 59px);
  }
}
@media screen and (min-width: 1281px) {
  .site-nav {
    padding-left: clamp(59px, 3.0729166667vw, 59px);
  }
}
@media screen and (max-width: 780px) {
  .site-nav {
    padding-left: clamp(45.3846153846px, 15.1282051282vw, 118px);
  }
}
.site-nav-online-shop-link {
  position: relative;
}
.site-nav-online-shop-link:after {
  content: "";
  position: absolute;
  background: url(../img/pc-online-shop-icon.png) no-repeat center center/contain;
  width: 16px;
  height: 16px;
  top: 50%;
  transform: translateY(-50%);
  opacity: 0.5;
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .site-nav-online-shop-link:after {
    right: clamp(7.8px, 1vw, 10px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .site-nav-online-shop-link:after {
    right: clamp(7.8125px, 0.78125vw, 10px);
  }
}
@media screen and (min-width: 1281px) {
  .site-nav-online-shop-link:after {
    right: clamp(10px, 0.5208333333vw, 10px);
  }
}
@media screen and (max-width: 780px) {
  .site-nav-online-shop-link:after {
    right: clamp(7.6923076923px, 2.5641025641vw, 20px);
  }
}
.site-nav-online-shop-link span {
  display: block;
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .site-nav-online-shop-link-pre {
    font-size: clamp(7.8px, 1vw, 10px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .site-nav-online-shop-link-pre {
    font-size: clamp(7.8125px, 0.78125vw, 10px);
  }
}
@media screen and (min-width: 1281px) {
  .site-nav-online-shop-link-pre {
    font-size: clamp(10px, 0.5208333333vw, 10px);
  }
}
@media screen and (max-width: 780px) {
  .site-nav-online-shop-link-pre {
    font-size: clamp(7.6923076923px, 2.5641025641vw, 20px);
  }
}
.site-nav__list {
  border-bottom: 1px dashed rgba(30, 30, 30, 0.5);
}
.site-nav__link {
  font-family: "Zen Old Mincho";
  font-weight: 400;
  letter-spacing: 0.2em;
  text-align: center;
  border-top: 1px dashed rgba(30, 30, 30, 0.5);
  transition: all 0s;
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .site-nav__link {
    font-size: clamp(12.48px, 1.6vw, 16px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .site-nav__link {
    font-size: clamp(12.5px, 1.25vw, 16px);
  }
}
@media screen and (min-width: 1281px) {
  .site-nav__link {
    font-size: clamp(16px, 0.8333333333vw, 16px);
  }
}
@media screen and (max-width: 780px) {
  .site-nav__link {
    font-size: clamp(12.3076923077px, 4.1025641026vw, 32px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .site-nav__link {
    line-height: clamp(23.4px, 3vw, 30px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .site-nav__link {
    line-height: clamp(23.4375px, 2.34375vw, 30px);
  }
}
@media screen and (min-width: 1281px) {
  .site-nav__link {
    line-height: clamp(30px, 1.5625vw, 30px);
  }
}
@media screen and (max-width: 780px) {
  .site-nav__link {
    line-height: clamp(23.0769230769px, 7.6923076923vw, 60px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .site-nav__link {
    padding-left: clamp(6.24px, 0.8vw, 8px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .site-nav__link {
    padding-left: clamp(6.25px, 0.625vw, 8px);
  }
}
@media screen and (min-width: 1281px) {
  .site-nav__link {
    padding-left: clamp(8px, 0.4166666667vw, 8px);
  }
}
@media screen and (max-width: 780px) {
  .site-nav__link {
    padding-left: clamp(6.1538461538px, 2.0512820513vw, 16px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .site-nav__link {
    padding-right: clamp(6.24px, 0.8vw, 8px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .site-nav__link {
    padding-right: clamp(6.25px, 0.625vw, 8px);
  }
}
@media screen and (min-width: 1281px) {
  .site-nav__link {
    padding-right: clamp(8px, 0.4166666667vw, 8px);
  }
}
@media screen and (max-width: 780px) {
  .site-nav__link {
    padding-right: clamp(6.1538461538px, 2.0512820513vw, 16px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .site-nav__link {
    padding-top: clamp(10.14px, 1.3vw, 13px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .site-nav__link {
    padding-top: clamp(10.15625px, 1.015625vw, 13px);
  }
}
@media screen and (min-width: 1281px) {
  .site-nav__link {
    padding-top: clamp(13px, 0.6770833333vw, 13px);
  }
}
@media screen and (max-width: 780px) {
  .site-nav__link {
    padding-top: clamp(10px, 3.3333333333vw, 26px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .site-nav__link {
    padding-bottom: clamp(10.14px, 1.3vw, 13px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .site-nav__link {
    padding-bottom: clamp(10.15625px, 1.015625vw, 13px);
  }
}
@media screen and (min-width: 1281px) {
  .site-nav__link {
    padding-bottom: clamp(13px, 0.6770833333vw, 13px);
  }
}
@media screen and (max-width: 780px) {
  .site-nav__link {
    padding-bottom: clamp(10px, 3.3333333333vw, 26px);
  }
}
.site-nav__link:hover {
  opacity: 1;
}
.site-nav__link span {
  color: rgba(30, 30, 30, 0.5);
  position: relative;
}
.site-nav__link.active {
  border-top: 1px dashed rgb(30, 30, 30);
  border-bottom: 1px dashed rgb(30, 30, 30);
}
.site-nav__link.active span {
  color: rgb(30, 30, 30);
}
.site-nav__link.active span:after {
  content: "";
  position: absolute;
  background-color: #1E1E1E;
  border-radius: 50%;
  width: 6px;
  height: 6px;
  top: 50%;
  transform: translateY(-50%);
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .site-nav__link.active span:after {
    left: clamp(-12.48px, -1.6vw, -16px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .site-nav__link.active span:after {
    left: clamp(-12.5px, -1.25vw, -16px);
  }
}
@media screen and (min-width: 1281px) {
  .site-nav__link.active span:after {
    left: clamp(-16px, -0.8333333333vw, -16px);
  }
}
@media screen and (max-width: 780px) {
  .site-nav__link.active span:after {
    left: clamp(-12.3076923077px, -4.1025641026vw, -32px);
  }
}
.site-nav__link.active-after {
  border-top: none;
}
.site-nav__btn {
  margin: 0 auto;
  position: relative;
  bottom: auto;
  transition: top 0.5s ease-in-out, bottom 0.5s ease-in-out;
  background-color: #61481C;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  font-family: "Zen Old Mincho";
  font-weight: 400;
  letter-spacing: 0.2em;
  text-align: center;
  color: #ffdc50;
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .site-nav__btn {
    width: clamp(173.16px, 22.2vw, 222px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .site-nav__btn {
    width: clamp(173.4375px, 17.34375vw, 222px);
  }
}
@media screen and (min-width: 1281px) {
  .site-nav__btn {
    width: clamp(222px, 11.5625vw, 222px);
  }
}
@media screen and (max-width: 780px) {
  .site-nav__btn {
    width: clamp(170.7692307692px, 56.9230769231vw, 444px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .site-nav__btn {
    height: clamp(51.48px, 6.6vw, 66px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .site-nav__btn {
    height: clamp(51.5625px, 5.15625vw, 66px);
  }
}
@media screen and (min-width: 1281px) {
  .site-nav__btn {
    height: clamp(66px, 3.4375vw, 66px);
  }
}
@media screen and (max-width: 780px) {
  .site-nav__btn {
    height: clamp(50.7692307692px, 16.9230769231vw, 132px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .site-nav__btn {
    border-radius: clamp(23.4px, 3vw, 30px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .site-nav__btn {
    border-radius: clamp(23.4375px, 2.34375vw, 30px);
  }
}
@media screen and (min-width: 1281px) {
  .site-nav__btn {
    border-radius: clamp(30px, 1.5625vw, 30px);
  }
}
@media screen and (max-width: 780px) {
  .site-nav__btn {
    border-radius: clamp(23.0769230769px, 7.6923076923vw, 60px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .site-nav__btn {
    font-size: clamp(17.16px, 2.2vw, 22px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .site-nav__btn {
    font-size: clamp(17.1875px, 1.71875vw, 22px);
  }
}
@media screen and (min-width: 1281px) {
  .site-nav__btn {
    font-size: clamp(22px, 1.1458333333vw, 22px);
  }
}
@media screen and (max-width: 780px) {
  .site-nav__btn {
    font-size: clamp(16.9230769231px, 5.641025641vw, 44px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .site-nav__btn {
    line-height: clamp(18.72px, 2.4vw, 24px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .site-nav__btn {
    line-height: clamp(18.75px, 1.875vw, 24px);
  }
}
@media screen and (min-width: 1281px) {
  .site-nav__btn {
    line-height: clamp(24px, 1.25vw, 24px);
  }
}
@media screen and (max-width: 780px) {
  .site-nav__btn {
    line-height: clamp(18.4615384615px, 6.1538461538vw, 48px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .site-nav__btn {
    margin-top: clamp(60.84px, 7.8vw, 78px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .site-nav__btn {
    margin-top: clamp(60.9375px, 6.09375vw, 78px);
  }
}
@media screen and (min-width: 1281px) {
  .site-nav__btn {
    margin-top: clamp(78px, 4.0625vw, 78px);
  }
}
@media screen and (max-width: 780px) {
  .site-nav__btn {
    margin-top: clamp(60px, 20vw, 156px);
  }
}
.site-nav__btn:before {
  content: "";
  position: absolute;
  background: url(../img/mv-btn-bee.png) no-repeat top right/contain;
  right: 0;
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .site-nav__btn:before {
    width: clamp(46.8px, 6vw, 60px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .site-nav__btn:before {
    width: clamp(46.875px, 4.6875vw, 60px);
  }
}
@media screen and (min-width: 1281px) {
  .site-nav__btn:before {
    width: clamp(60px, 3.125vw, 60px);
  }
}
@media screen and (max-width: 780px) {
  .site-nav__btn:before {
    width: clamp(46.1538461538px, 15.3846153846vw, 120px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .site-nav__btn:before {
    height: clamp(50.7px, 6.5vw, 65px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .site-nav__btn:before {
    height: clamp(50.78125px, 5.078125vw, 65px);
  }
}
@media screen and (min-width: 1281px) {
  .site-nav__btn:before {
    height: clamp(65px, 3.3854166667vw, 65px);
  }
}
@media screen and (max-width: 780px) {
  .site-nav__btn:before {
    height: clamp(50px, 16.6666666667vw, 130px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .site-nav__btn:before {
    bottom: clamp(26.52px, 3.4vw, 34px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .site-nav__btn:before {
    bottom: clamp(26.5625px, 2.65625vw, 34px);
  }
}
@media screen and (min-width: 1281px) {
  .site-nav__btn:before {
    bottom: clamp(34px, 1.7708333333vw, 34px);
  }
}
@media screen and (max-width: 780px) {
  .site-nav__btn:before {
    bottom: clamp(26.1538461538px, 8.7179487179vw, 68px);
  }
}
.site-nav__btn:after {
  content: none;
  position: absolute;
  background: url(../img/mv-btn-drip.png) no-repeat center top/contain;
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .site-nav__btn:after {
    width: clamp(14.04px, 1.8vw, 18px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .site-nav__btn:after {
    width: clamp(14.0625px, 1.40625vw, 18px);
  }
}
@media screen and (min-width: 1281px) {
  .site-nav__btn:after {
    width: clamp(18px, 0.9375vw, 18px);
  }
}
@media screen and (max-width: 780px) {
  .site-nav__btn:after {
    width: clamp(13.8461538462px, 4.6153846154vw, 36px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .site-nav__btn:after {
    height: clamp(22.62px, 2.9vw, 29px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .site-nav__btn:after {
    height: clamp(22.65625px, 2.265625vw, 29px);
  }
}
@media screen and (min-width: 1281px) {
  .site-nav__btn:after {
    height: clamp(29px, 1.5104166667vw, 29px);
  }
}
@media screen and (max-width: 780px) {
  .site-nav__btn:after {
    height: clamp(22.3076923077px, 7.4358974359vw, 58px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .site-nav__btn:after {
    left: clamp(29.64px, 3.8vw, 38px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .site-nav__btn:after {
    left: clamp(29.6875px, 2.96875vw, 38px);
  }
}
@media screen and (min-width: 1281px) {
  .site-nav__btn:after {
    left: clamp(38px, 1.9791666667vw, 38px);
  }
}
@media screen and (max-width: 780px) {
  .site-nav__btn:after {
    left: clamp(29.2307692308px, 9.7435897436vw, 76px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .site-nav__btn:after {
    top: clamp(51.48px, 6.6vw, 66px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .site-nav__btn:after {
    top: clamp(51.5625px, 5.15625vw, 66px);
  }
}
@media screen and (min-width: 1281px) {
  .site-nav__btn:after {
    top: clamp(66px, 3.4375vw, 66px);
  }
}
@media screen and (max-width: 780px) {
  .site-nav__btn:after {
    top: clamp(50.7692307692px, 16.9230769231vw, 132px);
  }
}
.site-nav__btn-pre {
  display: block;
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .site-nav__btn-pre {
    font-size: clamp(12.48px, 1.6vw, 16px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .site-nav__btn-pre {
    font-size: clamp(12.5px, 1.25vw, 16px);
  }
}
@media screen and (min-width: 1281px) {
  .site-nav__btn-pre {
    font-size: clamp(16px, 0.8333333333vw, 16px);
  }
}
@media screen and (max-width: 780px) {
  .site-nav__btn-pre {
    font-size: clamp(12.3076923077px, 4.1025641026vw, 32px);
  }
}
.site-nav-tablet-logo {
  display: none;
  margin: 0 auto;
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .site-nav-tablet-logo {
    max-width: clamp(125.58px, 16.1vw, 161px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .site-nav-tablet-logo {
    max-width: clamp(125.78125px, 12.578125vw, 161px);
  }
}
@media screen and (min-width: 1281px) {
  .site-nav-tablet-logo {
    max-width: clamp(161px, 8.3854166667vw, 161px);
  }
}
@media screen and (max-width: 780px) {
  .site-nav-tablet-logo {
    max-width: clamp(123.8461538462px, 41.2820512821vw, 322px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .site-nav-tablet-logo {
    margin-bottom: clamp(32.76px, 4.2vw, 42px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .site-nav-tablet-logo {
    margin-bottom: clamp(32.8125px, 3.28125vw, 42px);
  }
}
@media screen and (min-width: 1281px) {
  .site-nav-tablet-logo {
    margin-bottom: clamp(42px, 2.1875vw, 42px);
  }
}
@media screen and (max-width: 780px) {
  .site-nav-tablet-logo {
    margin-bottom: clamp(32.3076923077px, 10.7692307692vw, 84px);
  }
}
@media screen and (max-width: 1000px) and (min-width: 781px) {
  .site-nav-tablet-logo {
    display: block;
  }
}

.main {
  position: relative;
}
.main:after {
  content: "";
  position: fixed;
  height: 100%;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
}
@media screen and (min-width: 781px) {
  .main:after {
    background: url(../img/bg-shadow.png) no-repeat center top/cover;
  }
}
@media screen and (max-width: 780px) {
  .main:after {
    background: url(../img/bg-shadow-sp.png) no-repeat center top/cover;
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .main:after {
    width: clamp(468px, 60vw, 600px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .main:after {
    width: clamp(468.75px, 46.875vw, 600px);
  }
}
@media screen and (min-width: 1281px) {
  .main:after {
    width: clamp(600px, 31.25vw, 600px);
  }
}
@media screen and (max-width: 780px) {
  .main:after {
    width: clamp(300px, 100vw, 780px);
  }
}
@media screen and (max-width: 1000px) {
  .main:after {
    left: 0;
    transform: translateX(0);
  }
}

.main-content {
  max-width: 780px;
  margin: 0 auto;
  background: #fff;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.16);
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .main-content {
    margin-left: 0;
  }
}
@media screen and (min-width: 1001px) {
  .main-content {
    max-width: min(46.875vw, 600px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .main-content {
    max-width: min(60vw, 600px);
  }
}

@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-wrap--sm {
    padding-left: clamp(23.4px, 3vw, 30px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-wrap--sm {
    padding-left: clamp(23.4375px, 2.34375vw, 30px);
  }
}
@media screen and (min-width: 1281px) {
  .section-wrap--sm {
    padding-left: clamp(30px, 1.5625vw, 30px);
  }
}
@media screen and (max-width: 780px) {
  .section-wrap--sm {
    padding-left: clamp(23.0769230769px, 7.6923076923vw, 60px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-wrap--sm {
    padding-right: clamp(23.4px, 3vw, 30px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-wrap--sm {
    padding-right: clamp(23.4375px, 2.34375vw, 30px);
  }
}
@media screen and (min-width: 1281px) {
  .section-wrap--sm {
    padding-right: clamp(30px, 1.5625vw, 30px);
  }
}
@media screen and (max-width: 780px) {
  .section-wrap--sm {
    padding-right: clamp(23.0769230769px, 7.6923076923vw, 60px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-wrap--md {
    padding-left: clamp(11.7px, 1.5vw, 15px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-wrap--md {
    padding-left: clamp(11.71875px, 1.171875vw, 15px);
  }
}
@media screen and (min-width: 1281px) {
  .section-wrap--md {
    padding-left: clamp(15px, 0.78125vw, 15px);
  }
}
@media screen and (max-width: 780px) {
  .section-wrap--md {
    padding-left: clamp(11.5384615385px, 3.8461538462vw, 30px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-wrap--md {
    padding-right: clamp(11.7px, 1.5vw, 15px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-wrap--md {
    padding-right: clamp(11.71875px, 1.171875vw, 15px);
  }
}
@media screen and (min-width: 1281px) {
  .section-wrap--md {
    padding-right: clamp(15px, 0.78125vw, 15px);
  }
}
@media screen and (max-width: 780px) {
  .section-wrap--md {
    padding-right: clamp(11.5384615385px, 3.8461538462vw, 30px);
  }
}
.section-wrap--yellow {
  background-color: #FFDC50;
}
.section-heading {
  text-align: center;
}
.section-heading__eyebrow {
  font-family: "Cormorant Garamond";
  font-weight: 500;
  letter-spacing: 0.35em;
  text-align: center;
  color: #000;
  position: relative;
  display: inline-block;
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-heading__eyebrow {
    font-size: clamp(12.48px, 1.6vw, 16px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-heading__eyebrow {
    font-size: clamp(12.5px, 1.25vw, 16px);
  }
}
@media screen and (min-width: 1281px) {
  .section-heading__eyebrow {
    font-size: clamp(16px, 0.8333333333vw, 16px);
  }
}
@media screen and (max-width: 780px) {
  .section-heading__eyebrow {
    font-size: clamp(12.3076923077px, 4.1025641026vw, 32px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-heading__eyebrow {
    line-height: clamp(24.18px, 3.1vw, 31px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-heading__eyebrow {
    line-height: clamp(24.21875px, 2.421875vw, 31px);
  }
}
@media screen and (min-width: 1281px) {
  .section-heading__eyebrow {
    line-height: clamp(31px, 1.6145833333vw, 31px);
  }
}
@media screen and (max-width: 780px) {
  .section-heading__eyebrow {
    line-height: clamp(23.8461538462px, 7.9487179487vw, 62px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-heading__eyebrow {
    padding-left: clamp(17.16px, 2.2vw, 22px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-heading__eyebrow {
    padding-left: clamp(17.1875px, 1.71875vw, 22px);
  }
}
@media screen and (min-width: 1281px) {
  .section-heading__eyebrow {
    padding-left: clamp(22px, 1.1458333333vw, 22px);
  }
}
@media screen and (max-width: 780px) {
  .section-heading__eyebrow {
    padding-left: clamp(16.9230769231px, 5.641025641vw, 44px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-heading__eyebrow {
    padding-right: clamp(17.16px, 2.2vw, 22px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-heading__eyebrow {
    padding-right: clamp(17.1875px, 1.71875vw, 22px);
  }
}
@media screen and (min-width: 1281px) {
  .section-heading__eyebrow {
    padding-right: clamp(22px, 1.1458333333vw, 22px);
  }
}
@media screen and (max-width: 780px) {
  .section-heading__eyebrow {
    padding-right: clamp(16.9230769231px, 5.641025641vw, 44px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-heading__eyebrow {
    margin-bottom: clamp(9.36px, 1.2vw, 12px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-heading__eyebrow {
    margin-bottom: clamp(9.375px, 0.9375vw, 12px);
  }
}
@media screen and (min-width: 1281px) {
  .section-heading__eyebrow {
    margin-bottom: clamp(12px, 0.625vw, 12px);
  }
}
@media screen and (max-width: 780px) {
  .section-heading__eyebrow {
    margin-bottom: clamp(9.2307692308px, 3.0769230769vw, 24px);
  }
}
.section-heading__eyebrow:before {
  content: "";
  position: absolute;
  background-image: url(../img/section-heading-eyebrow-deco.png);
  background-repeat: no-repeat;
  background-position: center left;
  background-size: contain;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-heading__eyebrow:before {
    width: clamp(7.8px, 1vw, 10px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-heading__eyebrow:before {
    width: clamp(7.8125px, 0.78125vw, 10px);
  }
}
@media screen and (min-width: 1281px) {
  .section-heading__eyebrow:before {
    width: clamp(10px, 0.5208333333vw, 10px);
  }
}
@media screen and (max-width: 780px) {
  .section-heading__eyebrow:before {
    width: clamp(7.6923076923px, 2.5641025641vw, 20px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-heading__eyebrow:before {
    height: clamp(7.02px, 0.9vw, 9px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-heading__eyebrow:before {
    height: clamp(7.03125px, 0.703125vw, 9px);
  }
}
@media screen and (min-width: 1281px) {
  .section-heading__eyebrow:before {
    height: clamp(9px, 0.46875vw, 9px);
  }
}
@media screen and (max-width: 780px) {
  .section-heading__eyebrow:before {
    height: clamp(6.9230769231px, 2.3076923077vw, 18px);
  }
}
.section-heading__eyebrow:after {
  content: "";
  position: absolute;
  background-image: url(../img/section-heading-eyebrow-deco.png);
  background-repeat: no-repeat;
  background-position: center right;
  background-size: contain;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-heading__eyebrow:after {
    width: clamp(7.8px, 1vw, 10px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-heading__eyebrow:after {
    width: clamp(7.8125px, 0.78125vw, 10px);
  }
}
@media screen and (min-width: 1281px) {
  .section-heading__eyebrow:after {
    width: clamp(10px, 0.5208333333vw, 10px);
  }
}
@media screen and (max-width: 780px) {
  .section-heading__eyebrow:after {
    width: clamp(7.6923076923px, 2.5641025641vw, 20px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-heading__eyebrow:after {
    height: clamp(7.02px, 0.9vw, 9px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-heading__eyebrow:after {
    height: clamp(7.03125px, 0.703125vw, 9px);
  }
}
@media screen and (min-width: 1281px) {
  .section-heading__eyebrow:after {
    height: clamp(9px, 0.46875vw, 9px);
  }
}
@media screen and (max-width: 780px) {
  .section-heading__eyebrow:after {
    height: clamp(6.9230769231px, 2.3076923077vw, 18px);
  }
}
.section-heading__title {
  font-family: "Zen Old Mincho";
  font-weight: 500;
  letter-spacing: 0.2em;
  text-align: center;
  color: #000;
  position: relative;
  margin: 0 auto;
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-heading__title {
    font-size: clamp(20.28px, 2.6vw, 26px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-heading__title {
    font-size: clamp(20.3125px, 2.03125vw, 26px);
  }
}
@media screen and (min-width: 1281px) {
  .section-heading__title {
    font-size: clamp(26px, 1.3541666667vw, 26px);
  }
}
@media screen and (max-width: 780px) {
  .section-heading__title {
    font-size: clamp(20px, 6.6666666667vw, 52px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-heading__title {
    line-height: clamp(35.88px, 4.6vw, 46px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-heading__title {
    line-height: clamp(35.9375px, 3.59375vw, 46px);
  }
}
@media screen and (min-width: 1281px) {
  .section-heading__title {
    line-height: clamp(46px, 2.3958333333vw, 46px);
  }
}
@media screen and (max-width: 780px) {
  .section-heading__title {
    line-height: clamp(35.3846153846px, 11.7948717949vw, 92px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-heading__title {
    max-width: clamp(280.8px, 36vw, 360px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-heading__title {
    max-width: clamp(281.25px, 28.125vw, 360px);
  }
}
@media screen and (min-width: 1281px) {
  .section-heading__title {
    max-width: clamp(360px, 18.75vw, 360px);
  }
}
@media screen and (max-width: 780px) {
  .section-heading__title {
    max-width: clamp(276.9230769231px, 92.3076923077vw, 720px);
  }
}
.section-heading__title:before {
  content: "";
  position: absolute;
  background-image: url(../img/section-heading-deco-left.png);
  background-repeat: no-repeat;
  background-position: center left;
  background-size: contain;
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-heading__title:before {
    width: clamp(35.88px, 4.6vw, 46px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-heading__title:before {
    width: clamp(35.9375px, 3.59375vw, 46px);
  }
}
@media screen and (min-width: 1281px) {
  .section-heading__title:before {
    width: clamp(46px, 2.3958333333vw, 46px);
  }
}
@media screen and (max-width: 780px) {
  .section-heading__title:before {
    width: clamp(35.3846153846px, 11.7948717949vw, 92px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-heading__title:before {
    height: clamp(43.68px, 5.6vw, 56px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-heading__title:before {
    height: clamp(43.75px, 4.375vw, 56px);
  }
}
@media screen and (min-width: 1281px) {
  .section-heading__title:before {
    height: clamp(56px, 2.9166666667vw, 56px);
  }
}
@media screen and (max-width: 780px) {
  .section-heading__title:before {
    height: clamp(43.0769230769px, 14.358974359vw, 112px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-heading__title:before {
    left: clamp(0px, 0vw, 0px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-heading__title:before {
    left: clamp(0px, 0vw, 0px);
  }
}
@media screen and (min-width: 1281px) {
  .section-heading__title:before {
    left: clamp(0px, 0vw, 0px);
  }
}
@media screen and (max-width: 780px) {
  .section-heading__title:before {
    left: clamp(0px, 0vw, 0px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-heading__title:before {
    top: clamp(-27.3px, -3.5vw, -35px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-heading__title:before {
    top: clamp(-27.34375px, -2.734375vw, -35px);
  }
}
@media screen and (min-width: 1281px) {
  .section-heading__title:before {
    top: clamp(-35px, -1.8229166667vw, -35px);
  }
}
@media screen and (max-width: 780px) {
  .section-heading__title:before {
    top: clamp(-26.9230769231px, -8.9743589744vw, -70px);
  }
}
.section-heading__title:after {
  content: "";
  position: absolute;
  background-image: url(../img/section-heading-deco-right.png);
  background-repeat: no-repeat;
  background-position: center right;
  background-size: contain;
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-heading__title:after {
    width: clamp(35.88px, 4.6vw, 46px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-heading__title:after {
    width: clamp(35.9375px, 3.59375vw, 46px);
  }
}
@media screen and (min-width: 1281px) {
  .section-heading__title:after {
    width: clamp(46px, 2.3958333333vw, 46px);
  }
}
@media screen and (max-width: 780px) {
  .section-heading__title:after {
    width: clamp(35.3846153846px, 11.7948717949vw, 92px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-heading__title:after {
    height: clamp(43.68px, 5.6vw, 56px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-heading__title:after {
    height: clamp(43.75px, 4.375vw, 56px);
  }
}
@media screen and (min-width: 1281px) {
  .section-heading__title:after {
    height: clamp(56px, 2.9166666667vw, 56px);
  }
}
@media screen and (max-width: 780px) {
  .section-heading__title:after {
    height: clamp(43.0769230769px, 14.358974359vw, 112px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-heading__title:after {
    right: clamp(0px, 0vw, 0px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-heading__title:after {
    right: clamp(0px, 0vw, 0px);
  }
}
@media screen and (min-width: 1281px) {
  .section-heading__title:after {
    right: clamp(0px, 0vw, 0px);
  }
}
@media screen and (max-width: 780px) {
  .section-heading__title:after {
    right: clamp(0px, 0vw, 0px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-heading__title:after {
    top: clamp(-27.3px, -3.5vw, -35px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-heading__title:after {
    top: clamp(-27.34375px, -2.734375vw, -35px);
  }
}
@media screen and (min-width: 1281px) {
  .section-heading__title:after {
    top: clamp(-35px, -1.8229166667vw, -35px);
  }
}
@media screen and (max-width: 780px) {
  .section-heading__title:after {
    top: clamp(-26.9230769231px, -8.9743589744vw, -70px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-table-wrap {
    padding-left: clamp(62.4px, 8vw, 80px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-table-wrap {
    padding-left: clamp(62.5px, 6.25vw, 80px);
  }
}
@media screen and (min-width: 1281px) {
  .section-table-wrap {
    padding-left: clamp(80px, 4.1666666667vw, 80px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-table-wrap {
    padding-right: clamp(62.4px, 8vw, 80px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-table-wrap {
    padding-right: clamp(62.5px, 6.25vw, 80px);
  }
}
@media screen and (min-width: 1281px) {
  .section-table-wrap {
    padding-right: clamp(80px, 4.1666666667vw, 80px);
  }
}
.section-table__list {
  border-top: 1px solid #1e1e1e;
}
.section-table__item {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #1e1e1e;
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-table__item {
    padding-top: clamp(11.7px, 1.5vw, 15px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-table__item {
    padding-top: clamp(11.71875px, 1.171875vw, 15px);
  }
}
@media screen and (min-width: 1281px) {
  .section-table__item {
    padding-top: clamp(15px, 0.78125vw, 15px);
  }
}
@media screen and (max-width: 780px) {
  .section-table__item {
    padding-top: clamp(11.5384615385px, 3.8461538462vw, 30px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-table__item {
    padding-bottom: clamp(11.7px, 1.5vw, 15px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-table__item {
    padding-bottom: clamp(11.71875px, 1.171875vw, 15px);
  }
}
@media screen and (min-width: 1281px) {
  .section-table__item {
    padding-bottom: clamp(15px, 0.78125vw, 15px);
  }
}
@media screen and (max-width: 780px) {
  .section-table__item {
    padding-bottom: clamp(11.5384615385px, 3.8461538462vw, 30px);
  }
}
.section-table__title {
  font-family: "Zen Old Mincho";
  font-weight: 400;
  letter-spacing: 0.1em;
  color: #1e1e1e;
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-table__title {
    font-size: clamp(11.7px, 1.5vw, 15px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-table__title {
    font-size: clamp(11.71875px, 1.171875vw, 15px);
  }
}
@media screen and (min-width: 1281px) {
  .section-table__title {
    font-size: clamp(15px, 0.78125vw, 15px);
  }
}
@media screen and (max-width: 780px) {
  .section-table__title {
    font-size: clamp(11.5384615385px, 3.8461538462vw, 30px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-table__title {
    line-height: clamp(23.4px, 3vw, 30px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-table__title {
    line-height: clamp(23.4375px, 2.34375vw, 30px);
  }
}
@media screen and (min-width: 1281px) {
  .section-table__title {
    line-height: clamp(30px, 1.5625vw, 30px);
  }
}
@media screen and (max-width: 780px) {
  .section-table__title {
    line-height: clamp(23.0769230769px, 7.6923076923vw, 60px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-table__title {
    min-width: clamp(85.8px, 11vw, 110px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-table__title {
    min-width: clamp(85.9375px, 8.59375vw, 110px);
  }
}
@media screen and (min-width: 1281px) {
  .section-table__title {
    min-width: clamp(110px, 5.7291666667vw, 110px);
  }
}
@media screen and (max-width: 780px) {
  .section-table__title {
    min-width: clamp(84.6153846154px, 28.2051282051vw, 220px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-table__title {
    padding-left: clamp(9.36px, 1.2vw, 12px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-table__title {
    padding-left: clamp(9.375px, 0.9375vw, 12px);
  }
}
@media screen and (min-width: 1281px) {
  .section-table__title {
    padding-left: clamp(12px, 0.625vw, 12px);
  }
}
@media screen and (max-width: 780px) {
  .section-table__title {
    padding-left: clamp(9.2307692308px, 3.0769230769vw, 24px);
  }
}
.section-table__text {
  font-family: "Zen Old Mincho";
  font-weight: 400;
  letter-spacing: 0.05em;
  text-align: left;
  color: #1e1e1e;
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-table__text {
    font-size: clamp(10.14px, 1.3vw, 13px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-table__text {
    font-size: clamp(10.15625px, 1.015625vw, 13px);
  }
}
@media screen and (min-width: 1281px) {
  .section-table__text {
    font-size: clamp(13px, 0.6770833333vw, 13px);
  }
}
@media screen and (max-width: 780px) {
  .section-table__text {
    font-size: clamp(10px, 3.3333333333vw, 26px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-table__text {
    line-height: clamp(18.72px, 2.4vw, 24px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-table__text {
    line-height: clamp(18.75px, 1.875vw, 24px);
  }
}
@media screen and (min-width: 1281px) {
  .section-table__text {
    line-height: clamp(24px, 1.25vw, 24px);
  }
}
@media screen and (max-width: 780px) {
  .section-table__text {
    line-height: clamp(18.4615384615px, 6.1538461538vw, 48px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-table__text {
    padding-left: clamp(10.92px, 1.4vw, 14px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-table__text {
    padding-left: clamp(10.9375px, 1.09375vw, 14px);
  }
}
@media screen and (min-width: 1281px) {
  .section-table__text {
    padding-left: clamp(14px, 0.7291666667vw, 14px);
  }
}
@media screen and (max-width: 780px) {
  .section-table__text {
    padding-left: clamp(10.7692307692px, 3.5897435897vw, 28px);
  }
}

.section-mv {
  position: relative;
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-mv {
    height: clamp(702px, 90vw, 900px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-mv {
    height: clamp(703.125px, 70.3125vw, 900px);
  }
}
@media screen and (min-width: 1281px) {
  .section-mv {
    height: clamp(900px, 46.875vw, 900px);
  }
}
@media screen and (max-width: 780px) {
  .section-mv {
    height: clamp(653.8461538462px, 217.9487179487vw, 1700px);
  }
}
@media screen and (min-width: 781px) {
  .section-mv {
    background: url(..//img/mv-bg.png) no-repeat top center/contain;
  }
}
@media screen and (max-width: 780px) {
  .section-mv {
    background: url(..//img/mv-bg-sp.png) no-repeat top center/contain;
  }
}
.section-mv:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-mv:after {
    width: clamp(211.38px, 27.1vw, 271px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-mv:after {
    width: clamp(211.71875px, 21.171875vw, 271px);
  }
}
@media screen and (min-width: 1281px) {
  .section-mv:after {
    width: clamp(271px, 14.1145833333vw, 271px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-mv:after {
    height: clamp(170.04px, 21.8vw, 218px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-mv:after {
    height: clamp(170.3125px, 17.03125vw, 218px);
  }
}
@media screen and (min-width: 1281px) {
  .section-mv:after {
    height: clamp(218px, 11.3541666667vw, 218px);
  }
}
@media screen and (max-width: 780px) {
  .section-mv:after {
    width: clamp(150px, 50vw, 390px);
  }
}
@media screen and (max-width: 780px) {
  .section-mv:after {
    height: clamp(131.5384615385px, 43.8461538462vw, 342px);
  }
}
@media screen and (min-width: 781px) {
  .section-mv:after {
    background: url(..//img/mv-deco.png) no-repeat top right/contain;
  }
}
@media screen and (max-width: 780px) {
  .section-mv:after {
    background: url(..//img/mv-deco-sp.png) no-repeat top right/contain;
  }
}
.section-mv-animation {
  position: relative;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity 1s ease-in-out;
}
.section-mv-animation.fade-in {
  opacity: 1;
}
.section-mv-logo {
  position: absolute;
  z-index: 5;
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-mv-logo {
    width: clamp(71.76px, 9.2vw, 92px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-mv-logo {
    width: clamp(71.875px, 7.1875vw, 92px);
  }
}
@media screen and (min-width: 1281px) {
  .section-mv-logo {
    width: clamp(92px, 4.7916666667vw, 92px);
  }
}
@media screen and (max-width: 780px) {
  .section-mv-logo {
    width: clamp(70.7692307692px, 23.5897435897vw, 184px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-mv-logo {
    top: clamp(62.4px, 8vw, 80px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-mv-logo {
    top: clamp(62.5px, 6.25vw, 80px);
  }
}
@media screen and (min-width: 1281px) {
  .section-mv-logo {
    top: clamp(80px, 4.1666666667vw, 80px);
  }
}
@media screen and (max-width: 780px) {
  .section-mv-logo {
    top: clamp(61.5384615385px, 20.5128205128vw, 160px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-mv-logo {
    left: clamp(90.48px, 11.6vw, 116px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-mv-logo {
    left: clamp(90.625px, 9.0625vw, 116px);
  }
}
@media screen and (min-width: 1281px) {
  .section-mv-logo {
    left: clamp(116px, 6.0416666667vw, 116px);
  }
}
@media screen and (max-width: 780px) {
  .section-mv-logo {
    left: clamp(47.6923076923px, 15.8974358974vw, 124px);
  }
}
.section-mv-catchcopy {
  font-family: "Zen Old Mincho";
  font-weight: 400;
  letter-spacing: 0.3em;
  text-align: left;
  color: #000;
  position: absolute;
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-mv-catchcopy {
    font-size: clamp(11.7px, 1.5vw, 15px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-mv-catchcopy {
    font-size: clamp(11.71875px, 1.171875vw, 15px);
  }
}
@media screen and (min-width: 1281px) {
  .section-mv-catchcopy {
    font-size: clamp(15px, 0.78125vw, 15px);
  }
}
@media screen and (max-width: 780px) {
  .section-mv-catchcopy {
    font-size: clamp(11.5384615385px, 3.8461538462vw, 30px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-mv-catchcopy {
    line-height: clamp(24.18px, 3.1vw, 31px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-mv-catchcopy {
    line-height: clamp(24.21875px, 2.421875vw, 31px);
  }
}
@media screen and (min-width: 1281px) {
  .section-mv-catchcopy {
    line-height: clamp(31px, 1.6145833333vw, 31px);
  }
}
@media screen and (max-width: 780px) {
  .section-mv-catchcopy {
    line-height: clamp(23.8461538462px, 7.9487179487vw, 62px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-mv-catchcopy--001 {
    top: clamp(93.6px, 12vw, 120px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-mv-catchcopy--001 {
    top: clamp(93.75px, 9.375vw, 120px);
  }
}
@media screen and (min-width: 1281px) {
  .section-mv-catchcopy--001 {
    top: clamp(120px, 6.25vw, 120px);
  }
}
@media screen and (max-width: 780px) {
  .section-mv-catchcopy--001 {
    top: clamp(92.3076923077px, 30.7692307692vw, 240px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-mv-catchcopy--001 {
    right: clamp(112.32px, 14.4vw, 144px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-mv-catchcopy--001 {
    right: clamp(112.5px, 11.25vw, 144px);
  }
}
@media screen and (min-width: 1281px) {
  .section-mv-catchcopy--001 {
    right: clamp(144px, 7.5vw, 144px);
  }
}
@media screen and (max-width: 780px) {
  .section-mv-catchcopy--001 {
    right: clamp(23.0769230769px, 7.6923076923vw, 60px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-mv-catchcopy--002 {
    left: clamp(68.64px, 8.8vw, 88px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-mv-catchcopy--002 {
    left: clamp(68.75px, 6.875vw, 88px);
  }
}
@media screen and (min-width: 1281px) {
  .section-mv-catchcopy--002 {
    left: clamp(88px, 4.5833333333vw, 88px);
  }
}
@media screen and (max-width: 780px) {
  .section-mv-catchcopy--002 {
    left: clamp(30.7692307692px, 10.2564102564vw, 80px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-mv-catchcopy--002 {
    bottom: clamp(85.8px, 11vw, 110px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-mv-catchcopy--002 {
    bottom: clamp(85.9375px, 8.59375vw, 110px);
  }
}
@media screen and (min-width: 1281px) {
  .section-mv-catchcopy--002 {
    bottom: clamp(110px, 5.7291666667vw, 110px);
  }
}
@media screen and (max-width: 780px) {
  .section-mv-catchcopy--002 {
    bottom: clamp(34.6153846154px, 11.5384615385vw, 90px);
  }
}
.section-mv-hexagon {
  position: absolute;
  background: url(../img/mv-hexagon-sp.png) no-repeat center center/contain;
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-mv-hexagon {
    right: clamp(25.74px, 3.3vw, 33px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-mv-hexagon {
    right: clamp(25.78125px, 2.578125vw, 33px);
  }
}
@media screen and (min-width: 1281px) {
  .section-mv-hexagon {
    right: clamp(33px, 1.71875vw, 33px);
  }
}
@media screen and (max-width: 780px) {
  .section-mv-hexagon {
    right: clamp(19.2307692308px, 6.4102564103vw, 50px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-mv-hexagon {
    bottom: clamp(103.74px, 13.3vw, 133px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-mv-hexagon {
    bottom: clamp(103.90625px, 10.390625vw, 133px);
  }
}
@media screen and (min-width: 1281px) {
  .section-mv-hexagon {
    bottom: clamp(133px, 6.9270833333vw, 133px);
  }
}
@media screen and (max-width: 780px) {
  .section-mv-hexagon {
    bottom: clamp(64.6153846154px, 21.5384615385vw, 168px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-mv-hexagon {
    width: clamp(121.68px, 15.6vw, 156px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-mv-hexagon {
    width: clamp(121.875px, 12.1875vw, 156px);
  }
}
@media screen and (min-width: 1281px) {
  .section-mv-hexagon {
    width: clamp(156px, 8.125vw, 156px);
  }
}
@media screen and (max-width: 780px) {
  .section-mv-hexagon {
    width: clamp(120px, 40vw, 312px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-mv-hexagon {
    height: clamp(122.46px, 15.7vw, 157px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-mv-hexagon {
    height: clamp(122.65625px, 12.265625vw, 157px);
  }
}
@media screen and (min-width: 1281px) {
  .section-mv-hexagon {
    height: clamp(157px, 8.1770833333vw, 157px);
  }
}
@media screen and (max-width: 780px) {
  .section-mv-hexagon {
    height: clamp(120.7692307692px, 40.2564102564vw, 314px);
  }
}
.section-mv-hexagon__content {
  height: 100%;
  position: relative;
}
.section-mv-hexagon__content-number {
  position: absolute;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  top: 16px;
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-mv-hexagon__content-number {
    top: clamp(15.6px, 2vw, 20px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-mv-hexagon__content-number {
    top: clamp(15.625px, 1.5625vw, 20px);
  }
}
@media screen and (min-width: 1281px) {
  .section-mv-hexagon__content-number {
    top: clamp(20px, 1.0416666667vw, 20px);
  }
}
@media screen and (max-width: 780px) {
  .section-mv-hexagon__content-number {
    top: clamp(15.3846153846px, 5.1282051282vw, 40px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-mv-hexagon__content-number {
    left: clamp(37.44px, 4.8vw, 48px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-mv-hexagon__content-number {
    left: clamp(37.5px, 3.75vw, 48px);
  }
}
@media screen and (min-width: 1281px) {
  .section-mv-hexagon__content-number {
    left: clamp(48px, 2.5vw, 48px);
  }
}
@media screen and (max-width: 780px) {
  .section-mv-hexagon__content-number {
    left: clamp(36.9230769231px, 12.3076923077vw, 96px);
  }
}
.section-mv-hexagon__content-number-01 {
  font-family: "Cormorant Garamond";
  font-weight: 400;
  letter-spacing: 0.02em;
  line-height: 1;
  text-align: left;
  color: #000;
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-mv-hexagon__content-number-01 {
    font-size: clamp(39.78px, 5.1vw, 51px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-mv-hexagon__content-number-01 {
    font-size: clamp(39.84375px, 3.984375vw, 51px);
  }
}
@media screen and (min-width: 1281px) {
  .section-mv-hexagon__content-number-01 {
    font-size: clamp(51px, 2.65625vw, 51px);
  }
}
@media screen and (max-width: 780px) {
  .section-mv-hexagon__content-number-01 {
    font-size: clamp(39.2307692308px, 13.0769230769vw, 102px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-mv-hexagon__content-number-01 {
    margin-bottom: clamp(9.36px, 1.2vw, 12px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-mv-hexagon__content-number-01 {
    margin-bottom: clamp(9.375px, 0.9375vw, 12px);
  }
}
@media screen and (min-width: 1281px) {
  .section-mv-hexagon__content-number-01 {
    margin-bottom: clamp(12px, 0.625vw, 12px);
  }
}
@media screen and (max-width: 780px) {
  .section-mv-hexagon__content-number-01 {
    margin-bottom: clamp(9.2307692308px, 3.0769230769vw, 24px);
  }
}
.section-mv-hexagon__content-number-02 {
  font-family: "Cormorant Garamond";
  font-weight: 400;
  letter-spacing: 0.02em;
  text-align: right;
  color: #000;
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-mv-hexagon__content-number-02 {
    font-size: clamp(20.28px, 2.6vw, 26px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-mv-hexagon__content-number-02 {
    font-size: clamp(20.3125px, 2.03125vw, 26px);
  }
}
@media screen and (min-width: 1281px) {
  .section-mv-hexagon__content-number-02 {
    font-size: clamp(26px, 1.3541666667vw, 26px);
  }
}
@media screen and (max-width: 780px) {
  .section-mv-hexagon__content-number-02 {
    font-size: clamp(20px, 6.6666666667vw, 52px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-mv-hexagon__content-number-02 {
    line-height: clamp(24.18px, 3.1vw, 31px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-mv-hexagon__content-number-02 {
    line-height: clamp(24.21875px, 2.421875vw, 31px);
  }
}
@media screen and (min-width: 1281px) {
  .section-mv-hexagon__content-number-02 {
    line-height: clamp(31px, 1.6145833333vw, 31px);
  }
}
@media screen and (max-width: 780px) {
  .section-mv-hexagon__content-number-02 {
    line-height: clamp(23.8461538462px, 7.9487179487vw, 62px);
  }
}
.section-mv-hexagon__content-desc {
  font-family: "Zen Old Mincho";
  font-weight: 400;
  letter-spacing: 0.2em;
  text-align: center;
  color: #000;
  position: absolute;
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-mv-hexagon__content-desc {
    font-size: clamp(10.92px, 1.4vw, 14px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-mv-hexagon__content-desc {
    font-size: clamp(10.9375px, 1.09375vw, 14px);
  }
}
@media screen and (min-width: 1281px) {
  .section-mv-hexagon__content-desc {
    font-size: clamp(14px, 0.7291666667vw, 14px);
  }
}
@media screen and (max-width: 780px) {
  .section-mv-hexagon__content-desc {
    font-size: clamp(10.7692307692px, 3.5897435897vw, 28px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-mv-hexagon__content-desc {
    line-height: clamp(15.6px, 2vw, 20px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-mv-hexagon__content-desc {
    line-height: clamp(15.625px, 1.5625vw, 20px);
  }
}
@media screen and (min-width: 1281px) {
  .section-mv-hexagon__content-desc {
    line-height: clamp(20px, 1.0416666667vw, 20px);
  }
}
@media screen and (max-width: 780px) {
  .section-mv-hexagon__content-desc {
    line-height: clamp(15.3846153846px, 5.1282051282vw, 40px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-mv-hexagon__content-desc {
    left: clamp(37.44px, 4.8vw, 48px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-mv-hexagon__content-desc {
    left: clamp(37.5px, 3.75vw, 48px);
  }
}
@media screen and (min-width: 1281px) {
  .section-mv-hexagon__content-desc {
    left: clamp(48px, 2.5vw, 48px);
  }
}
@media screen and (max-width: 780px) {
  .section-mv-hexagon__content-desc {
    left: clamp(36.9230769231px, 12.3076923077vw, 96px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-mv-hexagon__content-desc {
    bottom: clamp(26.52px, 3.4vw, 34px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-mv-hexagon__content-desc {
    bottom: clamp(26.5625px, 2.65625vw, 34px);
  }
}
@media screen and (min-width: 1281px) {
  .section-mv-hexagon__content-desc {
    bottom: clamp(34px, 1.7708333333vw, 34px);
  }
}
@media screen and (max-width: 780px) {
  .section-mv-hexagon__content-desc {
    bottom: clamp(26.1538461538px, 8.7179487179vw, 68px);
  }
}
.section-mv-img {
  position: absolute;
  left: 0;
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-mv-img {
    top: clamp(210.6px, 27vw, 270px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-mv-img {
    top: clamp(210.9375px, 21.09375vw, 270px);
  }
}
@media screen and (min-width: 1281px) {
  .section-mv-img {
    top: clamp(270px, 14.0625vw, 270px);
  }
}
@media screen and (max-width: 780px) {
  .section-mv-img {
    top: clamp(207.6923076923px, 69.2307692308vw, 540px);
  }
}
.section-mv-btn {
  z-index: 100;
  position: absolute;
  bottom: auto;
  transition: top 0.5s ease-in-out, bottom 0.5s ease-in-out;
  background-color: #61481C;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  font-family: "Zen Old Mincho";
  font-weight: 400;
  letter-spacing: 0.2em;
  text-align: center;
  color: #ffdc50;
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-mv-btn {
    width: clamp(134.16px, 17.2vw, 172px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-mv-btn {
    width: clamp(134.375px, 13.4375vw, 172px);
  }
}
@media screen and (min-width: 1281px) {
  .section-mv-btn {
    width: clamp(172px, 8.9583333333vw, 172px);
  }
}
@media screen and (max-width: 780px) {
  .section-mv-btn {
    width: clamp(132.3076923077px, 44.1025641026vw, 344px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-mv-btn {
    height: clamp(39.78px, 5.1vw, 51px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-mv-btn {
    height: clamp(39.84375px, 3.984375vw, 51px);
  }
}
@media screen and (min-width: 1281px) {
  .section-mv-btn {
    height: clamp(51px, 2.65625vw, 51px);
  }
}
@media screen and (max-width: 780px) {
  .section-mv-btn {
    height: clamp(39.2307692308px, 13.0769230769vw, 102px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-mv-btn {
    right: clamp(19.5px, 2.5vw, 25px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-mv-btn {
    right: clamp(19.53125px, 1.953125vw, 25px);
  }
}
@media screen and (min-width: 1281px) {
  .section-mv-btn {
    right: clamp(25px, 1.3020833333vw, 25px);
  }
}
@media screen and (max-width: 780px) {
  .section-mv-btn {
    right: clamp(19.2307692308px, 6.4102564103vw, 50px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-mv-btn {
    top: clamp(592.8px, 76vw, 760px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-mv-btn {
    top: clamp(593.75px, 59.375vw, 760px);
  }
}
@media screen and (min-width: 1281px) {
  .section-mv-btn {
    top: clamp(760px, 39.5833333333vw, 760px);
  }
}
@media screen and (max-width: 780px) {
  .section-mv-btn {
    top: clamp(584.6153846154px, 194.8717948718vw, 1520px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-mv-btn {
    border-radius: clamp(23.4px, 3vw, 30px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-mv-btn {
    border-radius: clamp(23.4375px, 2.34375vw, 30px);
  }
}
@media screen and (min-width: 1281px) {
  .section-mv-btn {
    border-radius: clamp(30px, 1.5625vw, 30px);
  }
}
@media screen and (max-width: 780px) {
  .section-mv-btn {
    border-radius: clamp(23.0769230769px, 7.6923076923vw, 60px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-mv-btn {
    font-size: clamp(14.04px, 1.8vw, 18px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-mv-btn {
    font-size: clamp(14.0625px, 1.40625vw, 18px);
  }
}
@media screen and (min-width: 1281px) {
  .section-mv-btn {
    font-size: clamp(18px, 0.9375vw, 18px);
  }
}
@media screen and (max-width: 780px) {
  .section-mv-btn {
    font-size: clamp(13.8461538462px, 4.6153846154vw, 36px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-mv-btn {
    line-height: clamp(15.6px, 2vw, 20px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-mv-btn {
    line-height: clamp(15.625px, 1.5625vw, 20px);
  }
}
@media screen and (min-width: 1281px) {
  .section-mv-btn {
    line-height: clamp(20px, 1.0416666667vw, 20px);
  }
}
@media screen and (max-width: 780px) {
  .section-mv-btn {
    line-height: clamp(15.3846153846px, 5.1282051282vw, 40px);
  }
}
.section-mv-btn:before {
  content: "";
  position: absolute;
  background: url(../img/mv-btn-bee.png) no-repeat top right/contain;
  right: 0;
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-mv-btn:before {
    width: clamp(36.66px, 4.7vw, 47px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-mv-btn:before {
    width: clamp(36.71875px, 3.671875vw, 47px);
  }
}
@media screen and (min-width: 1281px) {
  .section-mv-btn:before {
    width: clamp(47px, 2.4479166667vw, 47px);
  }
}
@media screen and (max-width: 780px) {
  .section-mv-btn:before {
    width: clamp(36.1538461538px, 12.0512820513vw, 94px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-mv-btn:before {
    height: clamp(39.78px, 5.1vw, 51px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-mv-btn:before {
    height: clamp(39.84375px, 3.984375vw, 51px);
  }
}
@media screen and (min-width: 1281px) {
  .section-mv-btn:before {
    height: clamp(51px, 2.65625vw, 51px);
  }
}
@media screen and (max-width: 780px) {
  .section-mv-btn:before {
    height: clamp(39.2307692308px, 13.0769230769vw, 102px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-mv-btn:before {
    bottom: clamp(19.5px, 2.5vw, 25px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-mv-btn:before {
    bottom: clamp(19.53125px, 1.953125vw, 25px);
  }
}
@media screen and (min-width: 1281px) {
  .section-mv-btn:before {
    bottom: clamp(25px, 1.3020833333vw, 25px);
  }
}
@media screen and (max-width: 780px) {
  .section-mv-btn:before {
    bottom: clamp(19.2307692308px, 6.4102564103vw, 50px);
  }
}
.section-mv-btn:after {
  content: none;
  position: absolute;
  background: url(../img/mv-btn-drip.png) no-repeat center top/contain;
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-mv-btn:after {
    width: clamp(10.92px, 1.4vw, 14px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-mv-btn:after {
    width: clamp(10.9375px, 1.09375vw, 14px);
  }
}
@media screen and (min-width: 1281px) {
  .section-mv-btn:after {
    width: clamp(14px, 0.7291666667vw, 14px);
  }
}
@media screen and (max-width: 780px) {
  .section-mv-btn:after {
    width: clamp(10.7692307692px, 3.5897435897vw, 28px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-mv-btn:after {
    height: clamp(17.16px, 2.2vw, 22px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-mv-btn:after {
    height: clamp(17.1875px, 1.71875vw, 22px);
  }
}
@media screen and (min-width: 1281px) {
  .section-mv-btn:after {
    height: clamp(22px, 1.1458333333vw, 22px);
  }
}
@media screen and (max-width: 780px) {
  .section-mv-btn:after {
    height: clamp(16.9230769231px, 5.641025641vw, 44px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-mv-btn:after {
    left: clamp(23.4px, 3vw, 30px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-mv-btn:after {
    left: clamp(23.4375px, 2.34375vw, 30px);
  }
}
@media screen and (min-width: 1281px) {
  .section-mv-btn:after {
    left: clamp(30px, 1.5625vw, 30px);
  }
}
@media screen and (max-width: 780px) {
  .section-mv-btn:after {
    left: clamp(23.0769230769px, 7.6923076923vw, 60px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-mv-btn:after {
    top: clamp(39.78px, 5.1vw, 51px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-mv-btn:after {
    top: clamp(39.84375px, 3.984375vw, 51px);
  }
}
@media screen and (min-width: 1281px) {
  .section-mv-btn:after {
    top: clamp(51px, 2.65625vw, 51px);
  }
}
@media screen and (max-width: 780px) {
  .section-mv-btn:after {
    top: clamp(39.2307692308px, 13.0769230769vw, 102px);
  }
}
.section-mv-btn.active {
  position: fixed;
  top: auto;
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-mv-btn.active {
    bottom: clamp(25.74px, 3.3vw, 33px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-mv-btn.active {
    bottom: clamp(25.78125px, 2.578125vw, 33px);
  }
}
@media screen and (min-width: 1281px) {
  .section-mv-btn.active {
    bottom: clamp(33px, 1.71875vw, 33px);
  }
}
@media screen and (max-width: 780px) {
  .section-mv-btn.active {
    bottom: clamp(25.3846153846px, 8.4615384615vw, 66px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-mv-btn-pre {
    font-size: clamp(9.36px, 1.2vw, 12px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-mv-btn-pre {
    font-size: clamp(9.375px, 0.9375vw, 12px);
  }
}
@media screen and (min-width: 1281px) {
  .section-mv-btn-pre {
    font-size: clamp(12px, 0.625vw, 12px);
  }
}
@media screen and (max-width: 780px) {
  .section-mv-btn-pre {
    font-size: clamp(9.2307692308px, 3.0769230769vw, 24px);
  }
}

@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-component {
    padding-top: clamp(19.5px, 2.5vw, 25px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-component {
    padding-top: clamp(19.53125px, 1.953125vw, 25px);
  }
}
@media screen and (min-width: 1281px) {
  .section-component {
    padding-top: clamp(25px, 1.3020833333vw, 25px);
  }
}
@media screen and (max-width: 780px) {
  .section-component {
    padding-top: clamp(19.2307692308px, 6.4102564103vw, 50px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-component {
    padding-bottom: clamp(54.6px, 7vw, 70px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-component {
    padding-bottom: clamp(54.6875px, 5.46875vw, 70px);
  }
}
@media screen and (min-width: 1281px) {
  .section-component {
    padding-bottom: clamp(70px, 3.6458333333vw, 70px);
  }
}
@media screen and (max-width: 780px) {
  .section-component {
    padding-bottom: clamp(53.8461538462px, 17.9487179487vw, 140px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-component {
    padding-left: clamp(54.6px, 7vw, 70px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-component {
    padding-left: clamp(54.6875px, 5.46875vw, 70px);
  }
}
@media screen and (min-width: 1281px) {
  .section-component {
    padding-left: clamp(70px, 3.6458333333vw, 70px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-component {
    padding-right: clamp(54.6px, 7vw, 70px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-component {
    padding-right: clamp(54.6875px, 5.46875vw, 70px);
  }
}
@media screen and (min-width: 1281px) {
  .section-component {
    padding-right: clamp(70px, 3.6458333333vw, 70px);
  }
}
@media screen and (max-width: 780px) {
  .section-component {
    padding-top: clamp(61.5384615385px, 20.5128205128vw, 160px);
  }
}
@media screen and (max-width: 780px) {
  .section-component {
    padding-bottom: clamp(61.5384615385px, 20.5128205128vw, 160px);
  }
}
@media screen and (max-width: 780px) {
  .section-component {
    padding-left: clamp(0px, 0vw, 0px);
  }
}
@media screen and (max-width: 780px) {
  .section-component {
    padding-right: clamp(0px, 0vw, 0px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-component-img {
    margin-top: clamp(41.34px, 5.3vw, 53px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-component-img {
    margin-top: clamp(41.40625px, 4.140625vw, 53px);
  }
}
@media screen and (min-width: 1281px) {
  .section-component-img {
    margin-top: clamp(53px, 2.7604166667vw, 53px);
  }
}
@media screen and (max-width: 780px) {
  .section-component-img {
    margin-top: clamp(40.7692307692px, 13.5897435897vw, 106px);
  }
}

.section-cta--long {
  background-color: #FFDC50;
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-cta--long {
    padding-bottom: clamp(229.32px, 29.4vw, 294px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-cta--long {
    padding-bottom: clamp(229.6875px, 22.96875vw, 294px);
  }
}
@media screen and (min-width: 1281px) {
  .section-cta--long {
    padding-bottom: clamp(294px, 15.3125vw, 294px);
  }
}
@media screen and (max-width: 780px) {
  .section-cta--long {
    padding-bottom: clamp(197.6923076923px, 65.8974358974vw, 514px);
  }
}
.section-cta-inner {
  position: relative;
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-cta-inner {
    padding-top: clamp(74.1px, 9.5vw, 95px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-cta-inner {
    padding-top: clamp(74.21875px, 7.421875vw, 95px);
  }
}
@media screen and (min-width: 1281px) {
  .section-cta-inner {
    padding-top: clamp(95px, 4.9479166667vw, 95px);
  }
}
@media screen and (max-width: 780px) {
  .section-cta-inner {
    padding-top: clamp(73.0769230769px, 24.358974359vw, 190px);
  }
}
.section-cta-inner:after {
  content: "";
  position: absolute;
  background-image: url(../img/section-cta-logo.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center top;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-cta-inner:after {
    width: clamp(163.02px, 20.9vw, 209px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-cta-inner:after {
    width: clamp(163.28125px, 16.328125vw, 209px);
  }
}
@media screen and (min-width: 1281px) {
  .section-cta-inner:after {
    width: clamp(209px, 10.8854166667vw, 209px);
  }
}
@media screen and (max-width: 780px) {
  .section-cta-inner:after {
    width: clamp(160.7692307692px, 53.5897435897vw, 418px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-cta-inner:after {
    height: clamp(67.08px, 8.6vw, 86px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-cta-inner:after {
    height: clamp(67.1875px, 6.71875vw, 86px);
  }
}
@media screen and (min-width: 1281px) {
  .section-cta-inner:after {
    height: clamp(86px, 4.4791666667vw, 86px);
  }
}
@media screen and (max-width: 780px) {
  .section-cta-inner:after {
    height: clamp(66.1538461538px, 22.0512820513vw, 172px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-cta-inner:after {
    top: clamp(-23.4px, -3vw, -30px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-cta-inner:after {
    top: clamp(-23.4375px, -2.34375vw, -30px);
  }
}
@media screen and (min-width: 1281px) {
  .section-cta-inner:after {
    top: clamp(-30px, -1.5625vw, -30px);
  }
}
@media screen and (max-width: 780px) {
  .section-cta-inner:after {
    top: clamp(-23.0769230769px, -7.6923076923vw, -60px);
  }
}
.section-cta-line {
  width: 1px;
  background-color: #1E1E1E;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-cta-line {
    height: clamp(23.4px, 3vw, 30px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-cta-line {
    height: clamp(23.4375px, 2.34375vw, 30px);
  }
}
@media screen and (min-width: 1281px) {
  .section-cta-line {
    height: clamp(30px, 1.5625vw, 30px);
  }
}
@media screen and (max-width: 780px) {
  .section-cta-line {
    height: clamp(23.0769230769px, 7.6923076923vw, 60px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-cta-line {
    margin-bottom: clamp(19.5px, 2.5vw, 25px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-cta-line {
    margin-bottom: clamp(19.53125px, 1.953125vw, 25px);
  }
}
@media screen and (min-width: 1281px) {
  .section-cta-line {
    margin-bottom: clamp(25px, 1.3020833333vw, 25px);
  }
}
@media screen and (max-width: 780px) {
  .section-cta-line {
    margin-bottom: clamp(19.2307692308px, 6.4102564103vw, 50px);
  }
}
.section-cta-text {
  font-family: "Zen Old Mincho";
  font-weight: 400;
  letter-spacing: 0.25em;
  text-align: center;
  color: #1e1e1e;
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-cta-text {
    font-size: clamp(11.7px, 1.5vw, 15px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-cta-text {
    font-size: clamp(11.71875px, 1.171875vw, 15px);
  }
}
@media screen and (min-width: 1281px) {
  .section-cta-text {
    font-size: clamp(15px, 0.78125vw, 15px);
  }
}
@media screen and (max-width: 780px) {
  .section-cta-text {
    font-size: clamp(11.5384615385px, 3.8461538462vw, 30px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-cta-text {
    line-height: clamp(24.96px, 3.2vw, 32px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-cta-text {
    line-height: clamp(25px, 2.5vw, 32px);
  }
}
@media screen and (min-width: 1281px) {
  .section-cta-text {
    line-height: clamp(32px, 1.6666666667vw, 32px);
  }
}
@media screen and (max-width: 780px) {
  .section-cta-text {
    line-height: clamp(24.6153846154px, 8.2051282051vw, 64px);
  }
}
.section-cta-short-price {
  margin: 0 auto;
  text-align: center;
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-cta-short-price {
    padding-top: clamp(27.3px, 3.5vw, 35px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-cta-short-price {
    padding-top: clamp(27.34375px, 2.734375vw, 35px);
  }
}
@media screen and (min-width: 1281px) {
  .section-cta-short-price {
    padding-top: clamp(35px, 1.8229166667vw, 35px);
  }
}
@media screen and (max-width: 780px) {
  .section-cta-short-price {
    padding-top: clamp(26.9230769231px, 8.9743589744vw, 70px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-cta-short-price {
    padding-bottom: clamp(31.2px, 4vw, 40px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-cta-short-price {
    padding-bottom: clamp(31.25px, 3.125vw, 40px);
  }
}
@media screen and (min-width: 1281px) {
  .section-cta-short-price {
    padding-bottom: clamp(40px, 2.0833333333vw, 40px);
  }
}
@media screen and (max-width: 780px) {
  .section-cta-short-price {
    padding-bottom: clamp(30.7692307692px, 10.2564102564vw, 80px);
  }
}
.section-cta-short-price__wrap {
  display: flex;
  align-items: center;
  justify-content: center;
}
.section-cta-short-price__gram {
  border: 1px solid #1e1e1e;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-cta-short-price__gram {
    width: clamp(31.2px, 4vw, 40px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-cta-short-price__gram {
    width: clamp(31.25px, 3.125vw, 40px);
  }
}
@media screen and (min-width: 1281px) {
  .section-cta-short-price__gram {
    width: clamp(40px, 2.0833333333vw, 40px);
  }
}
@media screen and (max-width: 780px) {
  .section-cta-short-price__gram {
    width: clamp(30.7692307692px, 10.2564102564vw, 80px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-cta-short-price__gram {
    height: clamp(31.2px, 4vw, 40px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-cta-short-price__gram {
    height: clamp(31.25px, 3.125vw, 40px);
  }
}
@media screen and (min-width: 1281px) {
  .section-cta-short-price__gram {
    height: clamp(40px, 2.0833333333vw, 40px);
  }
}
@media screen and (max-width: 780px) {
  .section-cta-short-price__gram {
    height: clamp(30.7692307692px, 10.2564102564vw, 80px);
  }
}
.section-cta-short-price__gram-text {
  font-family: "Zen Old Mincho";
  font-weight: 400;
  letter-spacing: 0.02em;
  line-height: 1;
  color: #1e1e1e;
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-cta-short-price__gram-text {
    font-size: clamp(12.48px, 1.6vw, 16px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-cta-short-price__gram-text {
    font-size: clamp(12.5px, 1.25vw, 16px);
  }
}
@media screen and (min-width: 1281px) {
  .section-cta-short-price__gram-text {
    font-size: clamp(16px, 0.8333333333vw, 16px);
  }
}
@media screen and (max-width: 780px) {
  .section-cta-short-price__gram-text {
    font-size: clamp(12.3076923077px, 4.1025641026vw, 32px);
  }
}
.section-cta-short-price__product {
  font-family: "Cormorant Garamond";
  font-weight: 300;
  letter-spacing: 0.02em;
  color: #000;
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-cta-short-price__product {
    font-size: clamp(56.16px, 7.2vw, 72px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-cta-short-price__product {
    font-size: clamp(56.25px, 5.625vw, 72px);
  }
}
@media screen and (min-width: 1281px) {
  .section-cta-short-price__product {
    font-size: clamp(72px, 3.75vw, 72px);
  }
}
@media screen and (max-width: 780px) {
  .section-cta-short-price__product {
    font-size: clamp(55.3846153846px, 18.4615384615vw, 144px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-cta-short-price__product {
    line-height: clamp(24.18px, 3.1vw, 31px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-cta-short-price__product {
    line-height: clamp(24.21875px, 2.421875vw, 31px);
  }
}
@media screen and (min-width: 1281px) {
  .section-cta-short-price__product {
    line-height: clamp(31px, 1.6145833333vw, 31px);
  }
}
@media screen and (max-width: 780px) {
  .section-cta-short-price__product {
    line-height: clamp(23.8461538462px, 7.9487179487vw, 62px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-cta-short-price__product {
    margin-left: clamp(7.8px, 1vw, 10px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-cta-short-price__product {
    margin-left: clamp(7.8125px, 0.78125vw, 10px);
  }
}
@media screen and (min-width: 1281px) {
  .section-cta-short-price__product {
    margin-left: clamp(10px, 0.5208333333vw, 10px);
  }
}
@media screen and (max-width: 780px) {
  .section-cta-short-price__product {
    margin-left: clamp(7.6923076923px, 2.5641025641vw, 20px);
  }
}
.section-cta-short-price__yen {
  font-family: "Zen Old Mincho";
  font-weight: 400;
  letter-spacing: 0.02em;
  color: #000;
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-cta-short-price__yen {
    font-size: clamp(12.48px, 1.6vw, 16px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-cta-short-price__yen {
    font-size: clamp(12.5px, 1.25vw, 16px);
  }
}
@media screen and (min-width: 1281px) {
  .section-cta-short-price__yen {
    font-size: clamp(16px, 0.8333333333vw, 16px);
  }
}
@media screen and (max-width: 780px) {
  .section-cta-short-price__yen {
    font-size: clamp(12.3076923077px, 4.1025641026vw, 32px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-cta-short-price__yen {
    line-height: clamp(24.18px, 3.1vw, 31px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-cta-short-price__yen {
    line-height: clamp(24.21875px, 2.421875vw, 31px);
  }
}
@media screen and (min-width: 1281px) {
  .section-cta-short-price__yen {
    line-height: clamp(31px, 1.6145833333vw, 31px);
  }
}
@media screen and (max-width: 780px) {
  .section-cta-short-price__yen {
    line-height: clamp(23.8461538462px, 7.9487179487vw, 62px);
  }
}
.section-cta-short-price__tax {
  font-family: "Zen Old Mincho";
  font-weight: 400;
  letter-spacing: 0.02em;
  color: #000;
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-cta-short-price__tax {
    font-size: clamp(12.48px, 1.6vw, 16px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-cta-short-price__tax {
    font-size: clamp(12.5px, 1.25vw, 16px);
  }
}
@media screen and (min-width: 1281px) {
  .section-cta-short-price__tax {
    font-size: clamp(16px, 0.8333333333vw, 16px);
  }
}
@media screen and (max-width: 780px) {
  .section-cta-short-price__tax {
    font-size: clamp(12.3076923077px, 4.1025641026vw, 32px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-cta-short-price__tax {
    line-height: clamp(24.18px, 3.1vw, 31px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-cta-short-price__tax {
    line-height: clamp(24.21875px, 2.421875vw, 31px);
  }
}
@media screen and (min-width: 1281px) {
  .section-cta-short-price__tax {
    line-height: clamp(31px, 1.6145833333vw, 31px);
  }
}
@media screen and (max-width: 780px) {
  .section-cta-short-price__tax {
    line-height: clamp(23.8461538462px, 7.9487179487vw, 62px);
  }
}
.section-cta-short-price__variation {
  font-family: "Zen Old Mincho";
  font-weight: 400;
  letter-spacing: 0.1em;
  color: #1e1e1e;
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-cta-short-price__variation {
    font-size: clamp(11.7px, 1.5vw, 15px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-cta-short-price__variation {
    font-size: clamp(11.71875px, 1.171875vw, 15px);
  }
}
@media screen and (min-width: 1281px) {
  .section-cta-short-price__variation {
    font-size: clamp(15px, 0.78125vw, 15px);
  }
}
@media screen and (max-width: 780px) {
  .section-cta-short-price__variation {
    font-size: clamp(11.5384615385px, 3.8461538462vw, 30px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-cta-short-price__variation {
    line-height: clamp(21.06px, 2.7vw, 27px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-cta-short-price__variation {
    line-height: clamp(21.09375px, 2.109375vw, 27px);
  }
}
@media screen and (min-width: 1281px) {
  .section-cta-short-price__variation {
    line-height: clamp(27px, 1.40625vw, 27px);
  }
}
@media screen and (max-width: 780px) {
  .section-cta-short-price__variation {
    line-height: clamp(20.7692307692px, 6.9230769231vw, 54px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-cta-short-price__variation {
    margin-top: clamp(4.68px, 0.6vw, 6px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-cta-short-price__variation {
    margin-top: clamp(4.6875px, 0.46875vw, 6px);
  }
}
@media screen and (min-width: 1281px) {
  .section-cta-short-price__variation {
    margin-top: clamp(6px, 0.3125vw, 6px);
  }
}
@media screen and (max-width: 780px) {
  .section-cta-short-price__variation {
    margin-top: clamp(4.6153846154px, 1.5384615385vw, 12px);
  }
}
.section-cta-short-btn {
  margin: 0 auto;
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-cta-short-btn {
    padding-bottom: clamp(35.88px, 4.6vw, 46px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-cta-short-btn {
    padding-bottom: clamp(35.9375px, 3.59375vw, 46px);
  }
}
@media screen and (min-width: 1281px) {
  .section-cta-short-btn {
    padding-bottom: clamp(46px, 2.3958333333vw, 46px);
  }
}
@media screen and (max-width: 780px) {
  .section-cta-short-btn {
    padding-bottom: clamp(35.3846153846px, 11.7948717949vw, 92px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-cta-short-btn {
    max-width: clamp(366.6px, 47vw, 470px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-cta-short-btn {
    max-width: clamp(367.1875px, 36.71875vw, 470px);
  }
}
@media screen and (min-width: 1281px) {
  .section-cta-short-btn {
    max-width: clamp(470px, 24.4791666667vw, 470px);
  }
}
@media screen and (max-width: 780px) {
  .section-cta-short-btn {
    max-width: clamp(361.5384615385px, 120.5128205128vw, 940px);
  }
}
.section-cta-short-btn__link {
  font-family: "Zen Old Mincho";
  font-weight: 400;
  letter-spacing: 0.2em;
  line-height: 27px;
  text-align: center;
  color: #1e1e1e;
  background: #fff;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-cta-short-btn__link {
    font-size: clamp(12.48px, 1.6vw, 16px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-cta-short-btn__link {
    font-size: clamp(12.5px, 1.25vw, 16px);
  }
}
@media screen and (min-width: 1281px) {
  .section-cta-short-btn__link {
    font-size: clamp(16px, 0.8333333333vw, 16px);
  }
}
@media screen and (max-width: 780px) {
  .section-cta-short-btn__link {
    font-size: clamp(12.3076923077px, 4.1025641026vw, 32px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-cta-short-btn__link {
    border-radius: clamp(23.4px, 3vw, 30px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-cta-short-btn__link {
    border-radius: clamp(23.4375px, 2.34375vw, 30px);
  }
}
@media screen and (min-width: 1281px) {
  .section-cta-short-btn__link {
    border-radius: clamp(30px, 1.5625vw, 30px);
  }
}
@media screen and (max-width: 780px) {
  .section-cta-short-btn__link {
    border-radius: clamp(23.0769230769px, 7.6923076923vw, 60px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-cta-short-btn__link {
    height: clamp(46.8px, 6vw, 60px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-cta-short-btn__link {
    height: clamp(46.875px, 4.6875vw, 60px);
  }
}
@media screen and (min-width: 1281px) {
  .section-cta-short-btn__link {
    height: clamp(60px, 3.125vw, 60px);
  }
}
@media screen and (max-width: 780px) {
  .section-cta-short-btn__link {
    height: clamp(46.1538461538px, 15.3846153846vw, 120px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-cta-short-btn__link-pre {
    font-size: clamp(9.36px, 1.2vw, 12px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-cta-short-btn__link-pre {
    font-size: clamp(9.375px, 0.9375vw, 12px);
  }
}
@media screen and (min-width: 1281px) {
  .section-cta-short-btn__link-pre {
    font-size: clamp(12px, 0.625vw, 12px);
  }
}
@media screen and (max-width: 780px) {
  .section-cta-short-btn__link-pre {
    font-size: clamp(9.2307692308px, 3.0769230769vw, 24px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-cta-short-btn__link-pre {
    padding-left: clamp(9.36px, 1.2vw, 12px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-cta-short-btn__link-pre {
    padding-left: clamp(9.375px, 0.9375vw, 12px);
  }
}
@media screen and (min-width: 1281px) {
  .section-cta-short-btn__link-pre {
    padding-left: clamp(12px, 0.625vw, 12px);
  }
}
@media screen and (max-width: 780px) {
  .section-cta-short-btn__link-pre {
    padding-left: clamp(9.2307692308px, 3.0769230769vw, 24px);
  }
}
.section-cta-short-drip {
  width: 100%;
  background-size: contain;
  background-position: center top;
  background-repeat: no-repeat;
}
@media screen and (max-width: 780px) {
  .section-cta-short-drip {
    height: clamp(86.9230769231px, 28.9743589744vw, 226px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-cta-short-drip {
    height: clamp(98.28px, 12.6vw, 126px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-cta-short-drip {
    height: clamp(98.4375px, 9.84375vw, 126px);
  }
}
@media screen and (min-width: 1281px) {
  .section-cta-short-drip {
    height: clamp(126px, 6.5625vw, 126px);
  }
}
@media screen and (min-width: 781px) {
  .section-cta-short-drip {
    background-image: url(../img/section-cta-short-drip.png);
  }
}
@media screen and (max-width: 780px) {
  .section-cta-short-drip {
    background-image: url(../img/section-cta-short-drip-sp.png);
  }
}
.section-cta-product {
  background-color: #FFDC50;
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-cta-product {
    padding-top: clamp(28.08px, 3.6vw, 36px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-cta-product {
    padding-top: clamp(28.125px, 2.8125vw, 36px);
  }
}
@media screen and (min-width: 1281px) {
  .section-cta-product {
    padding-top: clamp(36px, 1.875vw, 36px);
  }
}
@media screen and (max-width: 780px) {
  .section-cta-product {
    padding-top: clamp(27.6923076923px, 9.2307692308vw, 72px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-cta-product {
    padding-bottom: clamp(7.8px, 1vw, 10px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-cta-product {
    padding-bottom: clamp(7.8125px, 0.78125vw, 10px);
  }
}
@media screen and (min-width: 1281px) {
  .section-cta-product {
    padding-bottom: clamp(10px, 0.5208333333vw, 10px);
  }
}
@media screen and (max-width: 780px) {
  .section-cta-product {
    padding-bottom: clamp(7.6923076923px, 2.5641025641vw, 20px);
  }
}
.section-cta-product__item {
  border-bottom: 1px dashed #1e1e1e;
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-cta-product__item {
    padding-top: clamp(23.4px, 3vw, 30px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-cta-product__item {
    padding-top: clamp(23.4375px, 2.34375vw, 30px);
  }
}
@media screen and (min-width: 1281px) {
  .section-cta-product__item {
    padding-top: clamp(30px, 1.5625vw, 30px);
  }
}
@media screen and (max-width: 780px) {
  .section-cta-product__item {
    padding-top: clamp(23.0769230769px, 7.6923076923vw, 60px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-cta-product__item {
    padding-bottom: clamp(23.4px, 3vw, 30px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-cta-product__item {
    padding-bottom: clamp(23.4375px, 2.34375vw, 30px);
  }
}
@media screen and (min-width: 1281px) {
  .section-cta-product__item {
    padding-bottom: clamp(30px, 1.5625vw, 30px);
  }
}
@media screen and (max-width: 780px) {
  .section-cta-product__item {
    padding-bottom: clamp(23.0769230769px, 7.6923076923vw, 60px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-cta-product__item {
    margin-right: clamp(39px, 5vw, 50px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-cta-product__item {
    margin-right: clamp(39.0625px, 3.90625vw, 50px);
  }
}
@media screen and (min-width: 1281px) {
  .section-cta-product__item {
    margin-right: clamp(50px, 2.6041666667vw, 50px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-cta-product__item {
    margin-left: clamp(39px, 5vw, 50px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-cta-product__item {
    margin-left: clamp(39.0625px, 3.90625vw, 50px);
  }
}
@media screen and (min-width: 1281px) {
  .section-cta-product__item {
    margin-left: clamp(50px, 2.6041666667vw, 50px);
  }
}
.section-cta-product__item:nth-of-type(3) {
  border-bottom: none;
}
.section-cta-product__item .section-wrap {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 780px) {
  .section-cta-product__img {
    width: clamp(101.5384615385px, 33.8461538462vw, 264px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-cta-product__img {
    width: clamp(174.72px, 22.4vw, 224px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-cta-product__img {
    width: clamp(175px, 17.5vw, 224px);
  }
}
@media screen and (min-width: 1281px) {
  .section-cta-product__img {
    width: clamp(224px, 11.6666666667vw, 224px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-cta-product__img {
    margin-left: clamp(8.58px, 1.1vw, 11px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-cta-product__img {
    margin-left: clamp(8.59375px, 0.859375vw, 11px);
  }
}
@media screen and (min-width: 1281px) {
  .section-cta-product__img {
    margin-left: clamp(11px, 0.5729166667vw, 11px);
  }
}
@media screen and (max-width: 780px) {
  .section-cta-product__img {
    margin-left: clamp(8.4615384615px, 2.8205128205vw, 22px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-cta-product__info {
    width: clamp(145.86px, 18.7vw, 187px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-cta-product__info {
    width: clamp(146.09375px, 14.609375vw, 187px);
  }
}
@media screen and (min-width: 1281px) {
  .section-cta-product__info {
    width: clamp(187px, 9.7395833333vw, 187px);
  }
}
@media screen and (max-width: 780px) {
  .section-cta-product__info {
    width: clamp(143.8461538462px, 47.9487179487vw, 374px);
  }
}
@media screen and (max-width: 780px) {
  .section-cta-product__info {
    margin-left: clamp(19.2307692308px, 6.4102564103vw, 50px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-cta-product__info {
    margin-left: clamp(24.96px, 3.2vw, 32px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-cta-product__info {
    margin-left: clamp(25px, 2.5vw, 32px);
  }
}
@media screen and (min-width: 1281px) {
  .section-cta-product__info {
    margin-left: clamp(32px, 1.6666666667vw, 32px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-cta-product__info {
    padding-top: clamp(9.36px, 1.2vw, 12px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-cta-product__info {
    padding-top: clamp(9.375px, 0.9375vw, 12px);
  }
}
@media screen and (min-width: 1281px) {
  .section-cta-product__info {
    padding-top: clamp(12px, 0.625vw, 12px);
  }
}
@media screen and (max-width: 780px) {
  .section-cta-product__info {
    padding-top: clamp(9.2307692308px, 3.0769230769vw, 24px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-cta-product__info {
    padding-bottom: clamp(4.68px, 0.6vw, 6px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-cta-product__info {
    padding-bottom: clamp(4.6875px, 0.46875vw, 6px);
  }
}
@media screen and (min-width: 1281px) {
  .section-cta-product__info {
    padding-bottom: clamp(6px, 0.3125vw, 6px);
  }
}
@media screen and (max-width: 780px) {
  .section-cta-product__info {
    padding-bottom: clamp(4.6153846154px, 1.5384615385vw, 12px);
  }
}
.section-cta-product__price {
  position: relative;
}
.section-cta-product__price-gram {
  font-family: "Zen Old Mincho";
  font-weight: 400;
  letter-spacing: 0.02em;
  text-align: left;
  color: #1e1e1e;
  position: absolute;
  border: 1px solid #1e1e1e;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 0;
  left: 0;
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-cta-product__price-gram {
    font-size: clamp(12.48px, 1.6vw, 16px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-cta-product__price-gram {
    font-size: clamp(12.5px, 1.25vw, 16px);
  }
}
@media screen and (min-width: 1281px) {
  .section-cta-product__price-gram {
    font-size: clamp(16px, 0.8333333333vw, 16px);
  }
}
@media screen and (max-width: 780px) {
  .section-cta-product__price-gram {
    font-size: clamp(12.3076923077px, 4.1025641026vw, 32px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-cta-product__price-gram {
    line-height: clamp(24.18px, 3.1vw, 31px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-cta-product__price-gram {
    line-height: clamp(24.21875px, 2.421875vw, 31px);
  }
}
@media screen and (min-width: 1281px) {
  .section-cta-product__price-gram {
    line-height: clamp(31px, 1.6145833333vw, 31px);
  }
}
@media screen and (max-width: 780px) {
  .section-cta-product__price-gram {
    line-height: clamp(23.8461538462px, 7.9487179487vw, 62px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-cta-product__price-gram {
    width: clamp(31.2px, 4vw, 40px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-cta-product__price-gram {
    width: clamp(31.25px, 3.125vw, 40px);
  }
}
@media screen and (min-width: 1281px) {
  .section-cta-product__price-gram {
    width: clamp(40px, 2.0833333333vw, 40px);
  }
}
@media screen and (max-width: 780px) {
  .section-cta-product__price-gram {
    width: clamp(30.7692307692px, 10.2564102564vw, 80px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-cta-product__price-gram {
    height: clamp(31.2px, 4vw, 40px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-cta-product__price-gram {
    height: clamp(31.25px, 3.125vw, 40px);
  }
}
@media screen and (min-width: 1281px) {
  .section-cta-product__price-gram {
    height: clamp(40px, 2.0833333333vw, 40px);
  }
}
@media screen and (max-width: 780px) {
  .section-cta-product__price-gram {
    height: clamp(30.7692307692px, 10.2564102564vw, 80px);
  }
}
.section-cta-product__price-text {
  font-family: "Cormorant Garamond";
  font-weight: 300;
  letter-spacing: 0.02em;
  text-align: left;
  color: #000;
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-cta-product__price-text {
    font-size: clamp(43.68px, 5.6vw, 56px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-cta-product__price-text {
    font-size: clamp(43.75px, 4.375vw, 56px);
  }
}
@media screen and (min-width: 1281px) {
  .section-cta-product__price-text {
    font-size: clamp(56px, 2.9166666667vw, 56px);
  }
}
@media screen and (max-width: 780px) {
  .section-cta-product__price-text {
    font-size: clamp(43.0769230769px, 14.358974359vw, 112px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-cta-product__price-text {
    line-height: clamp(24.18px, 3.1vw, 31px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-cta-product__price-text {
    line-height: clamp(24.21875px, 2.421875vw, 31px);
  }
}
@media screen and (min-width: 1281px) {
  .section-cta-product__price-text {
    line-height: clamp(31px, 1.6145833333vw, 31px);
  }
}
@media screen and (max-width: 780px) {
  .section-cta-product__price-text {
    line-height: clamp(23.8461538462px, 7.9487179487vw, 62px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-cta-product__price-text {
    padding-bottom: clamp(34.32px, 4.4vw, 44px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-cta-product__price-text {
    padding-bottom: clamp(34.375px, 3.4375vw, 44px);
  }
}
@media screen and (min-width: 1281px) {
  .section-cta-product__price-text {
    padding-bottom: clamp(44px, 2.2916666667vw, 44px);
  }
}
@media screen and (max-width: 780px) {
  .section-cta-product__price-text {
    padding-bottom: clamp(33.8461538462px, 11.2820512821vw, 88px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-cta-product__price-text {
    padding-left: clamp(39px, 5vw, 50px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-cta-product__price-text {
    padding-left: clamp(39.0625px, 3.90625vw, 50px);
  }
}
@media screen and (min-width: 1281px) {
  .section-cta-product__price-text {
    padding-left: clamp(50px, 2.6041666667vw, 50px);
  }
}
@media screen and (max-width: 780px) {
  .section-cta-product__price-text {
    padding-left: clamp(38.4615384615px, 12.8205128205vw, 100px);
  }
}
.section-cta-product__price-yen {
  font-family: "Zen Old Mincho";
  font-weight: 400;
  letter-spacing: 0.02em;
  text-align: left;
  color: #000;
  position: absolute;
  right: 0;
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-cta-product__price-yen {
    font-size: clamp(12.48px, 1.6vw, 16px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-cta-product__price-yen {
    font-size: clamp(12.5px, 1.25vw, 16px);
  }
}
@media screen and (min-width: 1281px) {
  .section-cta-product__price-yen {
    font-size: clamp(16px, 0.8333333333vw, 16px);
  }
}
@media screen and (max-width: 780px) {
  .section-cta-product__price-yen {
    font-size: clamp(12.3076923077px, 4.1025641026vw, 32px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-cta-product__price-yen {
    line-height: clamp(24.18px, 3.1vw, 31px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-cta-product__price-yen {
    line-height: clamp(24.21875px, 2.421875vw, 31px);
  }
}
@media screen and (min-width: 1281px) {
  .section-cta-product__price-yen {
    line-height: clamp(31px, 1.6145833333vw, 31px);
  }
}
@media screen and (max-width: 780px) {
  .section-cta-product__price-yen {
    line-height: clamp(23.8461538462px, 7.9487179487vw, 62px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-cta-product__price-yen {
    right: clamp(-3.9px, -0.5vw, -5px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-cta-product__price-yen {
    right: clamp(-3.90625px, -0.390625vw, -5px);
  }
}
@media screen and (min-width: 1281px) {
  .section-cta-product__price-yen {
    right: clamp(-5px, -0.2604166667vw, -5px);
  }
}
@media screen and (max-width: 780px) {
  .section-cta-product__price-yen {
    right: clamp(-3.8461538462px, -1.2820512821vw, -10px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-cta-product__price-yen {
    top: clamp(7.8px, 1vw, 10px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-cta-product__price-yen {
    top: clamp(7.8125px, 0.78125vw, 10px);
  }
}
@media screen and (min-width: 1281px) {
  .section-cta-product__price-yen {
    top: clamp(10px, 0.5208333333vw, 10px);
  }
}
@media screen and (max-width: 780px) {
  .section-cta-product__price-yen {
    top: clamp(7.6923076923px, 2.5641025641vw, 20px);
  }
}
.section-cta-product__price-tax {
  font-family: "Zen Old Mincho";
  font-weight: 400;
  letter-spacing: 0.1em;
  text-align: left;
  color: #000;
  position: absolute;
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-cta-product__price-tax {
    font-size: clamp(10.92px, 1.4vw, 14px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-cta-product__price-tax {
    font-size: clamp(10.9375px, 1.09375vw, 14px);
  }
}
@media screen and (min-width: 1281px) {
  .section-cta-product__price-tax {
    font-size: clamp(14px, 0.7291666667vw, 14px);
  }
}
@media screen and (max-width: 780px) {
  .section-cta-product__price-tax {
    font-size: clamp(10.7692307692px, 3.5897435897vw, 28px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-cta-product__price-tax {
    line-height: clamp(24.18px, 3.1vw, 31px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-cta-product__price-tax {
    line-height: clamp(24.21875px, 2.421875vw, 31px);
  }
}
@media screen and (min-width: 1281px) {
  .section-cta-product__price-tax {
    line-height: clamp(31px, 1.6145833333vw, 31px);
  }
}
@media screen and (max-width: 780px) {
  .section-cta-product__price-tax {
    line-height: clamp(23.8461538462px, 7.9487179487vw, 62px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-cta-product__price-tax {
    right: clamp(27.3px, 3.5vw, 35px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-cta-product__price-tax {
    right: clamp(27.34375px, 2.734375vw, 35px);
  }
}
@media screen and (min-width: 1281px) {
  .section-cta-product__price-tax {
    right: clamp(35px, 1.8229166667vw, 35px);
  }
}
@media screen and (max-width: 780px) {
  .section-cta-product__price-tax {
    right: clamp(26.9230769231px, 8.9743589744vw, 70px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-cta-product__price-tax {
    bottom: clamp(7.8px, 1vw, 10px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-cta-product__price-tax {
    bottom: clamp(7.8125px, 0.78125vw, 10px);
  }
}
@media screen and (min-width: 1281px) {
  .section-cta-product__price-tax {
    bottom: clamp(10px, 0.5208333333vw, 10px);
  }
}
@media screen and (max-width: 780px) {
  .section-cta-product__price-tax {
    bottom: clamp(7.6923076923px, 2.5641025641vw, 20px);
  }
}
.section-cta-product__btn {
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Zen Old Mincho";
  font-weight: 400;
  letter-spacing: 0.2em;
  text-align: center;
  color: #1e1e1e;
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-cta-product__btn {
    height: clamp(31.2px, 4vw, 40px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-cta-product__btn {
    height: clamp(31.25px, 3.125vw, 40px);
  }
}
@media screen and (min-width: 1281px) {
  .section-cta-product__btn {
    height: clamp(40px, 2.0833333333vw, 40px);
  }
}
@media screen and (max-width: 780px) {
  .section-cta-product__btn {
    height: clamp(30.7692307692px, 10.2564102564vw, 80px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-cta-product__btn {
    border-radius: clamp(15.6px, 2vw, 20px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-cta-product__btn {
    border-radius: clamp(15.625px, 1.5625vw, 20px);
  }
}
@media screen and (min-width: 1281px) {
  .section-cta-product__btn {
    border-radius: clamp(20px, 1.0416666667vw, 20px);
  }
}
@media screen and (max-width: 780px) {
  .section-cta-product__btn {
    border-radius: clamp(15.3846153846px, 5.1282051282vw, 40px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-cta-product__btn {
    font-size: clamp(12.48px, 1.6vw, 16px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-cta-product__btn {
    font-size: clamp(12.5px, 1.25vw, 16px);
  }
}
@media screen and (min-width: 1281px) {
  .section-cta-product__btn {
    font-size: clamp(16px, 0.8333333333vw, 16px);
  }
}
@media screen and (max-width: 780px) {
  .section-cta-product__btn {
    font-size: clamp(12.3076923077px, 4.1025641026vw, 32px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-cta-product__btn {
    line-height: clamp(21.06px, 2.7vw, 27px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-cta-product__btn {
    line-height: clamp(21.09375px, 2.109375vw, 27px);
  }
}
@media screen and (min-width: 1281px) {
  .section-cta-product__btn {
    line-height: clamp(27px, 1.40625vw, 27px);
  }
}
@media screen and (max-width: 780px) {
  .section-cta-product__btn {
    line-height: clamp(20.7692307692px, 6.9230769231vw, 54px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-cta-product__btn-pre {
    font-size: clamp(9.36px, 1.2vw, 12px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-cta-product__btn-pre {
    font-size: clamp(9.375px, 0.9375vw, 12px);
  }
}
@media screen and (min-width: 1281px) {
  .section-cta-product__btn-pre {
    font-size: clamp(12px, 0.625vw, 12px);
  }
}
@media screen and (max-width: 780px) {
  .section-cta-product__btn-pre {
    font-size: clamp(9.2307692308px, 3.0769230769vw, 24px);
  }
}
.section-cta-online-shop-link {
  font-family: "Zen Old Mincho";
  font-weight: 400;
  text-decoration: underline;
  letter-spacing: 0.1em;
  text-align: center;
  color: #1e1e1e;
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-cta-online-shop-link {
    font-size: clamp(11.7px, 1.5vw, 15px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-cta-online-shop-link {
    font-size: clamp(11.71875px, 1.171875vw, 15px);
  }
}
@media screen and (min-width: 1281px) {
  .section-cta-online-shop-link {
    font-size: clamp(15px, 0.78125vw, 15px);
  }
}
@media screen and (max-width: 780px) {
  .section-cta-online-shop-link {
    font-size: clamp(11.5384615385px, 3.8461538462vw, 30px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-cta-online-shop-link {
    line-height: clamp(23.4px, 3vw, 30px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-cta-online-shop-link {
    line-height: clamp(23.4375px, 2.34375vw, 30px);
  }
}
@media screen and (min-width: 1281px) {
  .section-cta-online-shop-link {
    line-height: clamp(30px, 1.5625vw, 30px);
  }
}
@media screen and (max-width: 780px) {
  .section-cta-online-shop-link {
    line-height: clamp(23.0769230769px, 7.6923076923vw, 60px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-cta-online-shop-link {
    padding-bottom: clamp(56.94px, 7.3vw, 73px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-cta-online-shop-link {
    padding-bottom: clamp(57.03125px, 5.703125vw, 73px);
  }
}
@media screen and (min-width: 1281px) {
  .section-cta-online-shop-link {
    padding-bottom: clamp(73px, 3.8020833333vw, 73px);
  }
}
@media screen and (max-width: 780px) {
  .section-cta-online-shop-link {
    padding-bottom: clamp(56.1538461538px, 18.7179487179vw, 146px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-cta-online-shop-link-pre {
    font-size: clamp(9.36px, 1.2vw, 12px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-cta-online-shop-link-pre {
    font-size: clamp(9.375px, 0.9375vw, 12px);
  }
}
@media screen and (min-width: 1281px) {
  .section-cta-online-shop-link-pre {
    font-size: clamp(12px, 0.625vw, 12px);
  }
}
@media screen and (max-width: 780px) {
  .section-cta-online-shop-link-pre {
    font-size: clamp(9.2307692308px, 3.0769230769vw, 24px);
  }
}

@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-point {
    padding-top: clamp(57.72px, 7.4vw, 74px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-point {
    padding-top: clamp(57.8125px, 5.78125vw, 74px);
  }
}
@media screen and (min-width: 1281px) {
  .section-point {
    padding-top: clamp(74px, 3.8541666667vw, 74px);
  }
}
@media screen and (max-width: 780px) {
  .section-point {
    padding-top: clamp(56.9230769231px, 18.9743589744vw, 148px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-point {
    padding-bottom: clamp(85.8px, 11vw, 110px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-point {
    padding-bottom: clamp(85.9375px, 8.59375vw, 110px);
  }
}
@media screen and (min-width: 1281px) {
  .section-point {
    padding-bottom: clamp(110px, 5.7291666667vw, 110px);
  }
}
@media screen and (max-width: 780px) {
  .section-point {
    padding-bottom: clamp(84.6153846154px, 28.2051282051vw, 220px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-point-item {
    margin-top: clamp(66.3px, 8.5vw, 85px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-point-item {
    margin-top: clamp(66.40625px, 6.640625vw, 85px);
  }
}
@media screen and (min-width: 1281px) {
  .section-point-item {
    margin-top: clamp(85px, 4.4270833333vw, 85px);
  }
}
@media screen and (max-width: 780px) {
  .section-point-item {
    margin-top: clamp(65.3846153846px, 21.7948717949vw, 170px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-point-item {
    padding-left: clamp(39px, 5vw, 50px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-point-item {
    padding-left: clamp(39.0625px, 3.90625vw, 50px);
  }
}
@media screen and (min-width: 1281px) {
  .section-point-item {
    padding-left: clamp(50px, 2.6041666667vw, 50px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-point-item {
    padding-right: clamp(39px, 5vw, 50px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-point-item {
    padding-right: clamp(39.0625px, 3.90625vw, 50px);
  }
}
@media screen and (min-width: 1281px) {
  .section-point-item {
    padding-right: clamp(50px, 2.6041666667vw, 50px);
  }
}
.section-point-img {
  position: relative;
  display: block;
}
.section-point-img:after {
  position: absolute;
  font-family: "Cormorant Garamond";
  font-weight: 300;
  letter-spacing: 0.02em;
  line-height: 31px;
  text-align: center;
  color: #000;
  top: max(-5vw, -30px);
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-point-img:after {
    font-size: clamp(78px, 10vw, 100px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-point-img:after {
    font-size: clamp(78.125px, 7.8125vw, 100px);
  }
}
@media screen and (min-width: 1281px) {
  .section-point-img:after {
    font-size: clamp(100px, 5.2083333333vw, 100px);
  }
}
@media screen and (max-width: 780px) {
  .section-point-img:after {
    font-size: clamp(76.9230769231px, 25.641025641vw, 200px);
  }
}
.section-point-img--001:after {
  content: "01";
}
.section-point-img--002:after {
  content: "02";
}
.section-point-img--003:after {
  content: "03";
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-point-content {
    padding-top: clamp(28.86px, 3.7vw, 37px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-point-content {
    padding-top: clamp(28.90625px, 2.890625vw, 37px);
  }
}
@media screen and (min-width: 1281px) {
  .section-point-content {
    padding-top: clamp(37px, 1.9270833333vw, 37px);
  }
}
@media screen and (max-width: 780px) {
  .section-point-content {
    padding-top: clamp(28.4615384615px, 9.4871794872vw, 74px);
  }
}
.section-point-content__title {
  font-family: "Zen Old Mincho";
  font-weight: 500;
  letter-spacing: 0.1em;
  text-align: center;
  color: #1e1e1e;
  font-feature-settings: "palt";
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-point-content__title {
    font-size: clamp(14.04px, 1.8vw, 18px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-point-content__title {
    font-size: clamp(14.0625px, 1.40625vw, 18px);
  }
}
@media screen and (min-width: 1281px) {
  .section-point-content__title {
    font-size: clamp(18px, 0.9375vw, 18px);
  }
}
@media screen and (max-width: 780px) {
  .section-point-content__title {
    font-size: clamp(13.8461538462px, 4.6153846154vw, 36px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-point-content__title {
    line-height: clamp(28.08px, 3.6vw, 36px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-point-content__title {
    line-height: clamp(28.125px, 2.8125vw, 36px);
  }
}
@media screen and (min-width: 1281px) {
  .section-point-content__title {
    line-height: clamp(36px, 1.875vw, 36px);
  }
}
@media screen and (max-width: 780px) {
  .section-point-content__title {
    line-height: clamp(27.6923076923px, 9.2307692308vw, 72px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-point-content__title {
    margin-bottom: clamp(31.2px, 4vw, 40px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-point-content__title {
    margin-bottom: clamp(31.25px, 3.125vw, 40px);
  }
}
@media screen and (min-width: 1281px) {
  .section-point-content__title {
    margin-bottom: clamp(40px, 2.0833333333vw, 40px);
  }
}
@media screen and (max-width: 780px) {
  .section-point-content__title {
    margin-bottom: clamp(30.7692307692px, 10.2564102564vw, 80px);
  }
}
.section-point-content__title span {
  background: linear-gradient(transparent 80%, #FFDC50 80%);
}
.section-point-content__text {
  font-family: "Zen Old Mincho";
  font-weight: 400;
  letter-spacing: 0.1em;
  text-align: left;
  color: #1e1e1e;
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-point-content__text {
    font-size: clamp(11.7px, 1.5vw, 15px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-point-content__text {
    font-size: clamp(11.71875px, 1.171875vw, 15px);
  }
}
@media screen and (min-width: 1281px) {
  .section-point-content__text {
    font-size: clamp(15px, 0.78125vw, 15px);
  }
}
@media screen and (max-width: 780px) {
  .section-point-content__text {
    font-size: clamp(11.5384615385px, 3.8461538462vw, 30px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-point-content__text {
    line-height: clamp(23.4px, 3vw, 30px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-point-content__text {
    line-height: clamp(23.4375px, 2.34375vw, 30px);
  }
}
@media screen and (min-width: 1281px) {
  .section-point-content__text {
    line-height: clamp(30px, 1.5625vw, 30px);
  }
}
@media screen and (max-width: 780px) {
  .section-point-content__text {
    line-height: clamp(23.0769230769px, 7.6923076923vw, 60px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-point-content__text {
    padding-right: clamp(11.7px, 1.5vw, 15px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-point-content__text {
    padding-right: clamp(11.71875px, 1.171875vw, 15px);
  }
}
@media screen and (min-width: 1281px) {
  .section-point-content__text {
    padding-right: clamp(15px, 0.78125vw, 15px);
  }
}
@media screen and (max-width: 780px) {
  .section-point-content__text {
    padding-right: clamp(11.5384615385px, 3.8461538462vw, 30px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-point-content__text {
    padding-left: clamp(11.7px, 1.5vw, 15px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-point-content__text {
    padding-left: clamp(11.71875px, 1.171875vw, 15px);
  }
}
@media screen and (min-width: 1281px) {
  .section-point-content__text {
    padding-left: clamp(15px, 0.78125vw, 15px);
  }
}
@media screen and (max-width: 780px) {
  .section-point-content__text {
    padding-left: clamp(11.5384615385px, 3.8461538462vw, 30px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-point-content__text {
    padding-left: clamp(11.7px, 1.5vw, 15px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-point-content__text {
    padding-left: clamp(11.71875px, 1.171875vw, 15px);
  }
}
@media screen and (min-width: 1281px) {
  .section-point-content__text {
    padding-left: clamp(15px, 0.78125vw, 15px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-point-content__text {
    padding-right: clamp(11.7px, 1.5vw, 15px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-point-content__text {
    padding-right: clamp(11.71875px, 1.171875vw, 15px);
  }
}
@media screen and (min-width: 1281px) {
  .section-point-content__text {
    padding-right: clamp(15px, 0.78125vw, 15px);
  }
}

.section-wrap {
  position: relative;
}
.section-desc-drip-top {
  width: 100%;
  background-image: url(../img/section-desc-drip-top.png);
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: contain;
  position: relative;
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-desc-drip-top {
    height: clamp(66.3px, 8.5vw, 85px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-desc-drip-top {
    height: clamp(66.40625px, 6.640625vw, 85px);
  }
}
@media screen and (min-width: 1281px) {
  .section-desc-drip-top {
    height: clamp(85px, 4.4270833333vw, 85px);
  }
}
@media screen and (max-width: 780px) {
  .section-desc-drip-top {
    height: clamp(65.3846153846px, 21.7948717949vw, 170px);
  }
}
.section-desc-drip-top:after {
  content: "";
  position: absolute;
  background-image: url(../img/section-desc-heading-title.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-desc-drip-top:after {
    top: clamp(3.9px, 0.5vw, 5px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-desc-drip-top:after {
    top: clamp(3.90625px, 0.390625vw, 5px);
  }
}
@media screen and (min-width: 1281px) {
  .section-desc-drip-top:after {
    top: clamp(5px, 0.2604166667vw, 5px);
  }
}
@media screen and (max-width: 780px) {
  .section-desc-drip-top:after {
    top: clamp(3.8461538462px, 1.2820512821vw, 10px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-desc-drip-top:after {
    width: clamp(205.92px, 26.4vw, 264px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-desc-drip-top:after {
    width: clamp(206.25px, 20.625vw, 264px);
  }
}
@media screen and (min-width: 1281px) {
  .section-desc-drip-top:after {
    width: clamp(264px, 13.75vw, 264px);
  }
}
@media screen and (max-width: 780px) {
  .section-desc-drip-top:after {
    width: clamp(203.0769230769px, 67.6923076923vw, 528px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-desc-drip-top:after {
    height: clamp(51.48px, 6.6vw, 66px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-desc-drip-top:after {
    height: clamp(51.5625px, 5.15625vw, 66px);
  }
}
@media screen and (min-width: 1281px) {
  .section-desc-drip-top:after {
    height: clamp(66px, 3.4375vw, 66px);
  }
}
@media screen and (max-width: 780px) {
  .section-desc-drip-top:after {
    height: clamp(50.7692307692px, 16.9230769231vw, 132px);
  }
}
.section-desc-drip-bottom {
  width: 100%;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: contain;
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-desc-drip-bottom {
    height: clamp(127.14px, 16.3vw, 163px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-desc-drip-bottom {
    height: clamp(127.34375px, 12.734375vw, 163px);
  }
}
@media screen and (min-width: 1281px) {
  .section-desc-drip-bottom {
    height: clamp(163px, 8.4895833333vw, 163px);
  }
}
@media screen and (max-width: 780px) {
  .section-desc-drip-bottom {
    height: clamp(125.3846153846px, 41.7948717949vw, 326px);
  }
}
@media screen and (min-width: 781px) {
  .section-desc-drip-bottom {
    background-image: url(../img/section-desc-drip-bottom.png);
  }
}
@media screen and (max-width: 780px) {
  .section-desc-drip-bottom {
    background-image: url(../img/section-desc-drip-bottom-sp.png);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-desc-heading {
    padding-top: clamp(6.24px, 0.8vw, 8px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-desc-heading {
    padding-top: clamp(6.25px, 0.625vw, 8px);
  }
}
@media screen and (min-width: 1281px) {
  .section-desc-heading {
    padding-top: clamp(8px, 0.4166666667vw, 8px);
  }
}
@media screen and (max-width: 780px) {
  .section-desc-heading {
    padding-top: clamp(4.6153846154px, 1.5384615385vw, 12px);
  }
}
@media screen and (min-width: 781px) {
  .section-desc-heading {
    background: url(../img/section-desc-drip-top.png) no-repeat center center/cover;
  }
}
@media screen and (min-width: 781px) and (min-width: 781px) and (max-width: 1000px) {
  .section-desc-heading {
    height: clamp(187.2px, 24vw, 240px);
  }
}
@media screen and (min-width: 781px) and (min-width: 1001px) and (max-width: 1280px) {
  .section-desc-heading {
    height: clamp(187.5px, 18.75vw, 240px);
  }
}
@media screen and (min-width: 781px) and (min-width: 1281px) {
  .section-desc-heading {
    height: clamp(240px, 12.5vw, 240px);
  }
}
@media screen and (min-width: 781px) and (max-width: 780px) {
  .section-desc-heading {
    height: clamp(184.6153846154px, 61.5384615385vw, 480px);
  }
}
@media screen and (max-width: 780px) {
  .section-desc-heading {
    background: url(../img/section-desc-drip-top-sp.png) no-repeat center center/cover;
  }
}
@media screen and (max-width: 780px) and (min-width: 781px) and (max-width: 1000px) {
  .section-desc-heading {
    height: clamp(179.4px, 23vw, 230px);
  }
}
@media screen and (max-width: 780px) and (min-width: 1001px) and (max-width: 1280px) {
  .section-desc-heading {
    height: clamp(179.6875px, 17.96875vw, 230px);
  }
}
@media screen and (max-width: 780px) and (min-width: 1281px) {
  .section-desc-heading {
    height: clamp(230px, 11.9791666667vw, 230px);
  }
}
@media screen and (max-width: 780px) and (max-width: 780px) {
  .section-desc-heading {
    height: clamp(176.9230769231px, 58.9743589744vw, 460px);
  }
}
.section-desc-heading-border {
  border-radius: 8px;
  background: #fff;
  border: 1px solid #ffdc50;
  margin: 0 auto;
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-desc-heading-border {
    width: clamp(205.92px, 26.4vw, 264px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-desc-heading-border {
    width: clamp(206.25px, 20.625vw, 264px);
  }
}
@media screen and (min-width: 1281px) {
  .section-desc-heading-border {
    width: clamp(264px, 13.75vw, 264px);
  }
}
@media screen and (max-width: 780px) {
  .section-desc-heading-border {
    width: clamp(203.0769230769px, 67.6923076923vw, 528px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-desc-heading-border {
    height: clamp(51.48px, 6.6vw, 66px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-desc-heading-border {
    height: clamp(51.5625px, 5.15625vw, 66px);
  }
}
@media screen and (min-width: 1281px) {
  .section-desc-heading-border {
    height: clamp(66px, 3.4375vw, 66px);
  }
}
@media screen and (max-width: 780px) {
  .section-desc-heading-border {
    height: clamp(50.7692307692px, 16.9230769231vw, 132px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-desc-heading-border {
    padding: clamp(4.68px, 0.6vw, 6px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-desc-heading-border {
    padding: clamp(4.6875px, 0.46875vw, 6px);
  }
}
@media screen and (min-width: 1281px) {
  .section-desc-heading-border {
    padding: clamp(6px, 0.3125vw, 6px);
  }
}
@media screen and (max-width: 780px) {
  .section-desc-heading-border {
    padding: clamp(4.6153846154px, 1.5384615385vw, 12px);
  }
}
.section-desc-heading__title {
  font-family: "Zen Old Mincho";
  font-weight: 500;
  letter-spacing: 0.2em;
  line-height: 1;
  text-align: center;
  color: #000;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  border: 2px solid #ffdc50;
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-desc-heading__title {
    font-size: clamp(20.28px, 2.6vw, 26px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-desc-heading__title {
    font-size: clamp(20.3125px, 2.03125vw, 26px);
  }
}
@media screen and (min-width: 1281px) {
  .section-desc-heading__title {
    font-size: clamp(26px, 1.3541666667vw, 26px);
  }
}
@media screen and (max-width: 780px) {
  .section-desc-heading__title {
    font-size: clamp(20px, 6.6666666667vw, 52px);
  }
}
.section-desc-heading__text {
  font-family: "Zen Old Mincho";
  font-weight: normal;
  letter-spacing: 0.1em;
  line-height: 1.7;
  text-align: center;
  color: #1e1e1e;
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-desc-heading__text {
    font-size: clamp(11.7px, 1.5vw, 15px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-desc-heading__text {
    font-size: clamp(11.71875px, 1.171875vw, 15px);
  }
}
@media screen and (min-width: 1281px) {
  .section-desc-heading__text {
    font-size: clamp(15px, 0.78125vw, 15px);
  }
}
@media screen and (max-width: 780px) {
  .section-desc-heading__text {
    font-size: clamp(11.5384615385px, 3.8461538462vw, 30px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-desc-heading__text {
    padding-top: clamp(29.64px, 3.8vw, 38px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-desc-heading__text {
    padding-top: clamp(29.6875px, 2.96875vw, 38px);
  }
}
@media screen and (min-width: 1281px) {
  .section-desc-heading__text {
    padding-top: clamp(38px, 1.9791666667vw, 38px);
  }
}
@media screen and (max-width: 780px) {
  .section-desc-heading__text {
    padding-top: clamp(29.2307692308px, 9.7435897436vw, 76px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-desc-heading__text {
    padding-bottom: clamp(54.6px, 7vw, 70px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-desc-heading__text {
    padding-bottom: clamp(54.6875px, 5.46875vw, 70px);
  }
}
@media screen and (min-width: 1281px) {
  .section-desc-heading__text {
    padding-bottom: clamp(70px, 3.6458333333vw, 70px);
  }
}
@media screen and (max-width: 780px) {
  .section-desc-heading__text {
    padding-bottom: clamp(53.8461538462px, 17.9487179487vw, 140px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-desc-heading__text {
    padding-left: clamp(23.4px, 3vw, 30px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-desc-heading__text {
    padding-left: clamp(23.4375px, 2.34375vw, 30px);
  }
}
@media screen and (min-width: 1281px) {
  .section-desc-heading__text {
    padding-left: clamp(30px, 1.5625vw, 30px);
  }
}
@media screen and (max-width: 780px) {
  .section-desc-heading__text {
    padding-left: clamp(23.0769230769px, 7.6923076923vw, 60px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-desc-heading__text {
    padding-right: clamp(23.4px, 3vw, 30px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-desc-heading__text {
    padding-right: clamp(23.4375px, 2.34375vw, 30px);
  }
}
@media screen and (min-width: 1281px) {
  .section-desc-heading__text {
    padding-right: clamp(30px, 1.5625vw, 30px);
  }
}
@media screen and (max-width: 780px) {
  .section-desc-heading__text {
    padding-right: clamp(23.0769230769px, 7.6923076923vw, 60px);
  }
}
.section-desc-text {
  font-family: "Zen Old Mincho";
  font-weight: normal;
  letter-spacing: 0.1em;
  text-align: left;
  color: #1e1e1e;
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-desc-text {
    font-size: clamp(11.7px, 1.5vw, 15px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-desc-text {
    font-size: clamp(11.71875px, 1.171875vw, 15px);
  }
}
@media screen and (min-width: 1281px) {
  .section-desc-text {
    font-size: clamp(15px, 0.78125vw, 15px);
  }
}
@media screen and (max-width: 780px) {
  .section-desc-text {
    font-size: clamp(11.5384615385px, 3.8461538462vw, 30px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-desc-text {
    line-height: clamp(23.4px, 3vw, 30px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-desc-text {
    line-height: clamp(23.4375px, 2.34375vw, 30px);
  }
}
@media screen and (min-width: 1281px) {
  .section-desc-text {
    line-height: clamp(30px, 1.5625vw, 30px);
  }
}
@media screen and (max-width: 780px) {
  .section-desc-text {
    line-height: clamp(23.0769230769px, 7.6923076923vw, 60px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-desc-text {
    padding-top: clamp(15.6px, 2vw, 20px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-desc-text {
    padding-top: clamp(15.625px, 1.5625vw, 20px);
  }
}
@media screen and (min-width: 1281px) {
  .section-desc-text {
    padding-top: clamp(20px, 1.0416666667vw, 20px);
  }
}
@media screen and (max-width: 780px) {
  .section-desc-text {
    padding-top: clamp(15.3846153846px, 5.1282051282vw, 40px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-desc-text {
    padding-bottom: clamp(28.08px, 3.6vw, 36px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-desc-text {
    padding-bottom: clamp(28.125px, 2.8125vw, 36px);
  }
}
@media screen and (min-width: 1281px) {
  .section-desc-text {
    padding-bottom: clamp(36px, 1.875vw, 36px);
  }
}
@media screen and (max-width: 780px) {
  .section-desc-text {
    padding-bottom: clamp(27.6923076923px, 9.2307692308vw, 72px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-desc-text.last-child {
    padding-bottom: clamp(21.06px, 2.7vw, 27px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-desc-text.last-child {
    padding-bottom: clamp(21.09375px, 2.109375vw, 27px);
  }
}
@media screen and (min-width: 1281px) {
  .section-desc-text.last-child {
    padding-bottom: clamp(27px, 1.40625vw, 27px);
  }
}
@media screen and (max-width: 780px) {
  .section-desc-text.last-child {
    padding-bottom: clamp(20.7692307692px, 6.9230769231vw, 54px);
  }
}
.section-desc-item {
  background-color: #FFDC50;
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-desc-item {
    padding-left: clamp(23.4px, 3vw, 30px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-desc-item {
    padding-left: clamp(23.4375px, 2.34375vw, 30px);
  }
}
@media screen and (min-width: 1281px) {
  .section-desc-item {
    padding-left: clamp(30px, 1.5625vw, 30px);
  }
}
@media screen and (max-width: 780px) {
  .section-desc-item {
    padding-left: clamp(23.0769230769px, 7.6923076923vw, 60px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-desc-item {
    padding-right: clamp(23.4px, 3vw, 30px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-desc-item {
    padding-right: clamp(23.4375px, 2.34375vw, 30px);
  }
}
@media screen and (min-width: 1281px) {
  .section-desc-item {
    padding-right: clamp(30px, 1.5625vw, 30px);
  }
}
@media screen and (max-width: 780px) {
  .section-desc-item {
    padding-right: clamp(23.0769230769px, 7.6923076923vw, 60px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-desc-item {
    padding-left: clamp(62.4px, 8vw, 80px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-desc-item {
    padding-left: clamp(62.5px, 6.25vw, 80px);
  }
}
@media screen and (min-width: 1281px) {
  .section-desc-item {
    padding-left: clamp(80px, 4.1666666667vw, 80px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-desc-item {
    padding-right: clamp(62.4px, 8vw, 80px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-desc-item {
    padding-right: clamp(62.5px, 6.25vw, 80px);
  }
}
@media screen and (min-width: 1281px) {
  .section-desc-item {
    padding-right: clamp(80px, 4.1666666667vw, 80px);
  }
}
.section-desc-item-heading {
  display: flex;
  background-color: #fff;
  overflow: hidden;
  width: 100%;
  position: relative;
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-desc-item-heading {
    border-radius: clamp(6.24px, 0.8vw, 8px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-desc-item-heading {
    border-radius: clamp(6.25px, 0.625vw, 8px);
  }
}
@media screen and (min-width: 1281px) {
  .section-desc-item-heading {
    border-radius: clamp(8px, 0.4166666667vw, 8px);
  }
}
@media screen and (max-width: 780px) {
  .section-desc-item-heading {
    border-radius: clamp(6.1538461538px, 2.0512820513vw, 16px);
  }
}
.section-desc-item-heading:before, .section-desc-item-heading:after {
  border-radius: 50%;
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-desc-item-heading:before, .section-desc-item-heading:after {
    top: clamp(21.84px, 2.8vw, 28px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-desc-item-heading:before, .section-desc-item-heading:after {
    top: clamp(21.875px, 2.1875vw, 28px);
  }
}
@media screen and (min-width: 1281px) {
  .section-desc-item-heading:before, .section-desc-item-heading:after {
    top: clamp(28px, 1.4583333333vw, 28px);
  }
}
@media screen and (max-width: 780px) {
  .section-desc-item-heading:before, .section-desc-item-heading:after {
    top: clamp(21.5384615385px, 7.1794871795vw, 56px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-desc-item-heading:before, .section-desc-item-heading:after {
    left: clamp(148.2px, 19vw, 190px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-desc-item-heading:before, .section-desc-item-heading:after {
    left: clamp(148.4375px, 14.84375vw, 190px);
  }
}
@media screen and (min-width: 1281px) {
  .section-desc-item-heading:before, .section-desc-item-heading:after {
    left: clamp(190px, 9.8958333333vw, 190px);
  }
}
@media screen and (max-width: 780px) {
  .section-desc-item-heading:before, .section-desc-item-heading:after {
    left: clamp(100px, 33.3333333333vw, 260px);
  }
}
.section-desc-item-heading:before {
  content: "";
  position: absolute;
  background: #ffdc50;
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-desc-item-heading:before {
    width: clamp(35.88px, 4.6vw, 46px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-desc-item-heading:before {
    width: clamp(35.9375px, 3.59375vw, 46px);
  }
}
@media screen and (min-width: 1281px) {
  .section-desc-item-heading:before {
    width: clamp(46px, 2.3958333333vw, 46px);
  }
}
@media screen and (max-width: 780px) {
  .section-desc-item-heading:before {
    width: clamp(35.3846153846px, 11.7948717949vw, 92px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-desc-item-heading:before {
    height: clamp(35.88px, 4.6vw, 46px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-desc-item-heading:before {
    height: clamp(35.9375px, 3.59375vw, 46px);
  }
}
@media screen and (min-width: 1281px) {
  .section-desc-item-heading:before {
    height: clamp(46px, 2.3958333333vw, 46px);
  }
}
@media screen and (max-width: 780px) {
  .section-desc-item-heading:before {
    height: clamp(35.3846153846px, 11.7948717949vw, 92px);
  }
}
.section-desc-item-heading:after {
  content: "01";
  position: absolute;
  font-family: "Cormorant Garamond";
  font-weight: 300;
  letter-spacing: 0.02em;
  line-height: 0;
  text-align: center;
  color: #000;
  border-radius: 50%;
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-desc-item-heading:after {
    font-size: clamp(26.52px, 3.4vw, 34px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-desc-item-heading:after {
    font-size: clamp(26.5625px, 2.65625vw, 34px);
  }
}
@media screen and (min-width: 1281px) {
  .section-desc-item-heading:after {
    font-size: clamp(34px, 1.7708333333vw, 34px);
  }
}
@media screen and (max-width: 780px) {
  .section-desc-item-heading:after {
    font-size: clamp(26.1538461538px, 8.7179487179vw, 68px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-desc-item-heading:after {
    width: clamp(35.88px, 4.6vw, 46px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-desc-item-heading:after {
    width: clamp(35.9375px, 3.59375vw, 46px);
  }
}
@media screen and (min-width: 1281px) {
  .section-desc-item-heading:after {
    width: clamp(46px, 2.3958333333vw, 46px);
  }
}
@media screen and (max-width: 780px) {
  .section-desc-item-heading:after {
    width: clamp(35.3846153846px, 11.7948717949vw, 92px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-desc-item-heading:after {
    height: clamp(35.88px, 4.6vw, 46px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-desc-item-heading:after {
    height: clamp(35.9375px, 3.59375vw, 46px);
  }
}
@media screen and (min-width: 1281px) {
  .section-desc-item-heading:after {
    height: clamp(46px, 2.3958333333vw, 46px);
  }
}
@media screen and (max-width: 780px) {
  .section-desc-item-heading:after {
    height: clamp(35.3846153846px, 11.7948717949vw, 92px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-desc-item-heading:after {
    top: clamp(37.44px, 4.8vw, 48px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-desc-item-heading:after {
    top: clamp(37.5px, 3.75vw, 48px);
  }
}
@media screen and (min-width: 1281px) {
  .section-desc-item-heading:after {
    top: clamp(48px, 2.5vw, 48px);
  }
}
@media screen and (max-width: 780px) {
  .section-desc-item-heading:after {
    top: clamp(36.9230769231px, 12.3076923077vw, 96px);
  }
}
.section-desc-item-heading--001:after {
  content: "01";
}
.section-desc-item-heading--002:after {
  content: "02";
}
.section-desc-item-heading--003:after {
  content: "03";
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-desc-item-heading__img {
    width: clamp(119.34px, 15.3vw, 153px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-desc-item-heading__img {
    width: clamp(119.53125px, 11.953125vw, 153px);
  }
}
@media screen and (min-width: 1281px) {
  .section-desc-item-heading__img {
    width: clamp(153px, 7.96875vw, 153px);
  }
}
@media screen and (max-width: 780px) {
  .section-desc-item-heading__img {
    width: clamp(117.6923076923px, 39.2307692308vw, 306px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-desc-item-heading__text-wrap {
    width: clamp(223.86px, 28.7vw, 287px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-desc-item-heading__text-wrap {
    width: clamp(224.21875px, 22.421875vw, 287px);
  }
}
@media screen and (min-width: 1281px) {
  .section-desc-item-heading__text-wrap {
    width: clamp(287px, 14.9479166667vw, 287px);
  }
}
@media screen and (max-width: 780px) {
  .section-desc-item-heading__text-wrap {
    width: clamp(136.1538461538px, 45.3846153846vw, 354px);
  }
}
.section-desc-item-heading__text-wrap-text {
  font-family: "Zen Old Mincho";
  font-weight: 500;
  letter-spacing: 0.05em;
  text-align: left;
  color: #1e1e1e;
  display: flex;
  align-items: center;
  height: 100%;
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-desc-item-heading__text-wrap-text {
    font-size: clamp(13.26px, 1.7vw, 17px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-desc-item-heading__text-wrap-text {
    font-size: clamp(13.28125px, 1.328125vw, 17px);
  }
}
@media screen and (min-width: 1281px) {
  .section-desc-item-heading__text-wrap-text {
    font-size: clamp(17px, 0.8854166667vw, 17px);
  }
}
@media screen and (max-width: 780px) {
  .section-desc-item-heading__text-wrap-text {
    font-size: clamp(13.0769230769px, 4.358974359vw, 34px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-desc-item-heading__text-wrap-text {
    line-height: clamp(28.08px, 3.6vw, 36px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-desc-item-heading__text-wrap-text {
    line-height: clamp(28.125px, 2.8125vw, 36px);
  }
}
@media screen and (min-width: 1281px) {
  .section-desc-item-heading__text-wrap-text {
    line-height: clamp(36px, 1.875vw, 36px);
  }
}
@media screen and (max-width: 780px) {
  .section-desc-item-heading__text-wrap-text {
    line-height: clamp(27.6923076923px, 9.2307692308vw, 72px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-desc-item-heading__text-wrap-text {
    padding-left: clamp(79.56px, 10.2vw, 102px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-desc-item-heading__text-wrap-text {
    padding-left: clamp(79.6875px, 7.96875vw, 102px);
  }
}
@media screen and (min-width: 1281px) {
  .section-desc-item-heading__text-wrap-text {
    padding-left: clamp(102px, 5.3125vw, 102px);
  }
}
@media screen and (max-width: 780px) {
  .section-desc-item-heading__text-wrap-text {
    justify-content: center;
  }
}

@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-recommend {
    padding-top: clamp(49.92px, 6.4vw, 64px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-recommend {
    padding-top: clamp(50px, 5vw, 64px);
  }
}
@media screen and (min-width: 1281px) {
  .section-recommend {
    padding-top: clamp(64px, 3.3333333333vw, 64px);
  }
}
@media screen and (max-width: 780px) {
  .section-recommend {
    padding-top: clamp(49.2307692308px, 16.4102564103vw, 128px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-recommend {
    padding-bottom: clamp(107.64px, 13.8vw, 138px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-recommend {
    padding-bottom: clamp(107.8125px, 10.78125vw, 138px);
  }
}
@media screen and (min-width: 1281px) {
  .section-recommend {
    padding-bottom: clamp(138px, 7.1875vw, 138px);
  }
}
@media screen and (max-width: 780px) {
  .section-recommend {
    padding-bottom: clamp(106.1538461538px, 35.3846153846vw, 276px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-recommend {
    padding-top: clamp(64.74px, 8.3vw, 83px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-recommend {
    padding-top: clamp(64.84375px, 6.484375vw, 83px);
  }
}
@media screen and (min-width: 1281px) {
  .section-recommend {
    padding-top: clamp(83px, 4.3229166667vw, 83px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-recommend {
    padding-bottom: clamp(109.2px, 14vw, 140px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-recommend {
    padding-bottom: clamp(109.375px, 10.9375vw, 140px);
  }
}
@media screen and (min-width: 1281px) {
  .section-recommend {
    padding-bottom: clamp(140px, 7.2916666667vw, 140px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-recommend-wrap {
    padding-left: clamp(62.4px, 8vw, 80px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-recommend-wrap {
    padding-left: clamp(62.5px, 6.25vw, 80px);
  }
}
@media screen and (min-width: 1281px) {
  .section-recommend-wrap {
    padding-left: clamp(80px, 4.1666666667vw, 80px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-recommend-wrap {
    padding-right: clamp(62.4px, 8vw, 80px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-recommend-wrap {
    padding-right: clamp(62.5px, 6.25vw, 80px);
  }
}
@media screen and (min-width: 1281px) {
  .section-recommend-wrap {
    padding-right: clamp(80px, 4.1666666667vw, 80px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-recommend-accordion {
    margin-top: clamp(50.7px, 6.5vw, 65px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-recommend-accordion {
    margin-top: clamp(50.78125px, 5.078125vw, 65px);
  }
}
@media screen and (min-width: 1281px) {
  .section-recommend-accordion {
    margin-top: clamp(65px, 3.3854166667vw, 65px);
  }
}
@media screen and (max-width: 780px) {
  .section-recommend-accordion {
    margin-top: clamp(50px, 16.6666666667vw, 130px);
  }
}
@media screen and (max-width: 780px) {
  .section-recommend-accordion {
    padding-left: clamp(11.5384615385px, 3.8461538462vw, 30px);
  }
}
@media screen and (max-width: 780px) {
  .section-recommend-accordion {
    padding-right: clamp(11.5384615385px, 3.8461538462vw, 30px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-recommend-accordion__item {
    margin-bottom: clamp(15.6px, 2vw, 20px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-recommend-accordion__item {
    margin-bottom: clamp(15.625px, 1.5625vw, 20px);
  }
}
@media screen and (min-width: 1281px) {
  .section-recommend-accordion__item {
    margin-bottom: clamp(20px, 1.0416666667vw, 20px);
  }
}
@media screen and (max-width: 780px) {
  .section-recommend-accordion__item {
    margin-bottom: clamp(15.3846153846px, 5.1282051282vw, 40px);
  }
}
.section-recommend-accordion__title {
  background: #ffdc50;
  font-family: "Zen Old Mincho";
  font-weight: 400;
  letter-spacing: 0.1em;
  text-align: left;
  color: #1e1e1e;
  position: relative;
  display: flex;
  align-items: center;
  cursor: pointer;
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-recommend-accordion__title {
    border-radius: clamp(9.36px, 1.2vw, 12px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-recommend-accordion__title {
    border-radius: clamp(9.375px, 0.9375vw, 12px);
  }
}
@media screen and (min-width: 1281px) {
  .section-recommend-accordion__title {
    border-radius: clamp(12px, 0.625vw, 12px);
  }
}
@media screen and (max-width: 780px) {
  .section-recommend-accordion__title {
    border-radius: clamp(9.2307692308px, 3.0769230769vw, 24px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-recommend-accordion__title {
    font-size: clamp(11.7px, 1.5vw, 15px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-recommend-accordion__title {
    font-size: clamp(11.71875px, 1.171875vw, 15px);
  }
}
@media screen and (min-width: 1281px) {
  .section-recommend-accordion__title {
    font-size: clamp(15px, 0.78125vw, 15px);
  }
}
@media screen and (max-width: 780px) {
  .section-recommend-accordion__title {
    font-size: clamp(11.5384615385px, 3.8461538462vw, 30px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-recommend-accordion__title {
    line-height: clamp(19.5px, 2.5vw, 25px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-recommend-accordion__title {
    line-height: clamp(19.53125px, 1.953125vw, 25px);
  }
}
@media screen and (min-width: 1281px) {
  .section-recommend-accordion__title {
    line-height: clamp(25px, 1.3020833333vw, 25px);
  }
}
@media screen and (max-width: 780px) {
  .section-recommend-accordion__title {
    line-height: clamp(19.2307692308px, 6.4102564103vw, 50px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-recommend-accordion__title {
    padding-top: clamp(9.36px, 1.2vw, 12px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-recommend-accordion__title {
    padding-top: clamp(9.375px, 0.9375vw, 12px);
  }
}
@media screen and (min-width: 1281px) {
  .section-recommend-accordion__title {
    padding-top: clamp(12px, 0.625vw, 12px);
  }
}
@media screen and (max-width: 780px) {
  .section-recommend-accordion__title {
    padding-top: clamp(9.2307692308px, 3.0769230769vw, 24px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-recommend-accordion__title {
    padding-bottom: clamp(9.36px, 1.2vw, 12px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-recommend-accordion__title {
    padding-bottom: clamp(9.375px, 0.9375vw, 12px);
  }
}
@media screen and (min-width: 1281px) {
  .section-recommend-accordion__title {
    padding-bottom: clamp(12px, 0.625vw, 12px);
  }
}
@media screen and (max-width: 780px) {
  .section-recommend-accordion__title {
    padding-bottom: clamp(9.2307692308px, 3.0769230769vw, 24px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-recommend-accordion__title {
    padding-left: clamp(15.6px, 2vw, 20px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-recommend-accordion__title {
    padding-left: clamp(15.625px, 1.5625vw, 20px);
  }
}
@media screen and (min-width: 1281px) {
  .section-recommend-accordion__title {
    padding-left: clamp(20px, 1.0416666667vw, 20px);
  }
}
@media screen and (max-width: 780px) {
  .section-recommend-accordion__title {
    padding-left: clamp(15.3846153846px, 5.1282051282vw, 40px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-recommend-accordion__title {
    padding-right: clamp(35.1px, 4.5vw, 45px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-recommend-accordion__title {
    padding-right: clamp(35.15625px, 3.515625vw, 45px);
  }
}
@media screen and (min-width: 1281px) {
  .section-recommend-accordion__title {
    padding-right: clamp(45px, 2.34375vw, 45px);
  }
}
@media screen and (max-width: 780px) {
  .section-recommend-accordion__title {
    padding-right: clamp(34.6153846154px, 11.5384615385vw, 90px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-recommend-accordion__title {
    min-height: clamp(54.6px, 7vw, 70px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-recommend-accordion__title {
    min-height: clamp(54.6875px, 5.46875vw, 70px);
  }
}
@media screen and (min-width: 1281px) {
  .section-recommend-accordion__title {
    min-height: clamp(70px, 3.6458333333vw, 70px);
  }
}
@media screen and (max-width: 780px) {
  .section-recommend-accordion__title {
    min-height: clamp(53.8461538462px, 17.9487179487vw, 140px);
  }
}
.section-recommend-accordion__title:after {
  content: none;
  position: absolute;
  background-image: url(../img/recommend-accordion-icon-open.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  transition: all 0.5s;
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-recommend-accordion__title:after {
    width: clamp(7.8px, 1vw, 10px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-recommend-accordion__title:after {
    width: clamp(7.8125px, 0.78125vw, 10px);
  }
}
@media screen and (min-width: 1281px) {
  .section-recommend-accordion__title:after {
    width: clamp(10px, 0.5208333333vw, 10px);
  }
}
@media screen and (max-width: 780px) {
  .section-recommend-accordion__title:after {
    width: clamp(7.6923076923px, 2.5641025641vw, 20px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-recommend-accordion__title:after {
    height: clamp(7.8px, 1vw, 10px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-recommend-accordion__title:after {
    height: clamp(7.8125px, 0.78125vw, 10px);
  }
}
@media screen and (min-width: 1281px) {
  .section-recommend-accordion__title:after {
    height: clamp(10px, 0.5208333333vw, 10px);
  }
}
@media screen and (max-width: 780px) {
  .section-recommend-accordion__title:after {
    height: clamp(7.6923076923px, 2.5641025641vw, 20px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-recommend-accordion__title:after {
    top: clamp(24.96px, 3.2vw, 32px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-recommend-accordion__title:after {
    top: clamp(25px, 2.5vw, 32px);
  }
}
@media screen and (min-width: 1281px) {
  .section-recommend-accordion__title:after {
    top: clamp(32px, 1.6666666667vw, 32px);
  }
}
@media screen and (max-width: 780px) {
  .section-recommend-accordion__title:after {
    top: clamp(24.6153846154px, 8.2051282051vw, 64px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-recommend-accordion__title:after {
    right: clamp(11.7px, 1.5vw, 15px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-recommend-accordion__title:after {
    right: clamp(11.71875px, 1.171875vw, 15px);
  }
}
@media screen and (min-width: 1281px) {
  .section-recommend-accordion__title:after {
    right: clamp(15px, 0.78125vw, 15px);
  }
}
@media screen and (max-width: 780px) {
  .section-recommend-accordion__title:after {
    right: clamp(11.5384615385px, 3.8461538462vw, 30px);
  }
}
.section-recommend-accordion__title.active:after {
  transform: rotate(45deg);
}
.section-recommend-accordion__text {
  font-family: "Zen Old Mincho";
  font-weight: 400;
  letter-spacing: 0.1em;
  text-align: left;
  color: #1e1e1e;
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-recommend-accordion__text {
    font-size: clamp(11.7px, 1.5vw, 15px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-recommend-accordion__text {
    font-size: clamp(11.71875px, 1.171875vw, 15px);
  }
}
@media screen and (min-width: 1281px) {
  .section-recommend-accordion__text {
    font-size: clamp(15px, 0.78125vw, 15px);
  }
}
@media screen and (max-width: 780px) {
  .section-recommend-accordion__text {
    font-size: clamp(11.5384615385px, 3.8461538462vw, 30px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-recommend-accordion__text {
    line-height: clamp(23.4px, 3vw, 30px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-recommend-accordion__text {
    line-height: clamp(23.4375px, 2.34375vw, 30px);
  }
}
@media screen and (min-width: 1281px) {
  .section-recommend-accordion__text {
    line-height: clamp(30px, 1.5625vw, 30px);
  }
}
@media screen and (max-width: 780px) {
  .section-recommend-accordion__text {
    line-height: clamp(23.0769230769px, 7.6923076923vw, 60px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-recommend-accordion__text {
    padding-top: clamp(9.36px, 1.2vw, 12px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-recommend-accordion__text {
    padding-top: clamp(9.375px, 0.9375vw, 12px);
  }
}
@media screen and (min-width: 1281px) {
  .section-recommend-accordion__text {
    padding-top: clamp(12px, 0.625vw, 12px);
  }
}
@media screen and (max-width: 780px) {
  .section-recommend-accordion__text {
    padding-top: clamp(9.2307692308px, 3.0769230769vw, 24px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-recommend-accordion__text {
    padding-bottom: clamp(7.8px, 1vw, 10px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-recommend-accordion__text {
    padding-bottom: clamp(7.8125px, 0.78125vw, 10px);
  }
}
@media screen and (min-width: 1281px) {
  .section-recommend-accordion__text {
    padding-bottom: clamp(10px, 0.5208333333vw, 10px);
  }
}
@media screen and (max-width: 780px) {
  .section-recommend-accordion__text {
    padding-bottom: clamp(7.6923076923px, 2.5641025641vw, 20px);
  }
}
.section-recommend-accordion__notice {
  display: block;
  font-family: "Zen Old Mincho";
  font-weight: 400;
  letter-spacing: 0.1em;
  text-align: left;
  color: #1e1e1e;
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-recommend-accordion__notice {
    font-size: clamp(10.14px, 1.3vw, 13px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-recommend-accordion__notice {
    font-size: clamp(10.15625px, 1.015625vw, 13px);
  }
}
@media screen and (min-width: 1281px) {
  .section-recommend-accordion__notice {
    font-size: clamp(13px, 0.6770833333vw, 13px);
  }
}
@media screen and (max-width: 780px) {
  .section-recommend-accordion__notice {
    font-size: clamp(10px, 3.3333333333vw, 26px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-recommend-accordion__notice {
    line-height: clamp(23.4px, 3vw, 30px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-recommend-accordion__notice {
    line-height: clamp(23.4375px, 2.34375vw, 30px);
  }
}
@media screen and (min-width: 1281px) {
  .section-recommend-accordion__notice {
    line-height: clamp(30px, 1.5625vw, 30px);
  }
}
@media screen and (max-width: 780px) {
  .section-recommend-accordion__notice {
    line-height: clamp(23.0769230769px, 7.6923076923vw, 60px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-recommend-accordion__notice {
    padding-top: clamp(7.8px, 1vw, 10px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-recommend-accordion__notice {
    padding-top: clamp(7.8125px, 0.78125vw, 10px);
  }
}
@media screen and (min-width: 1281px) {
  .section-recommend-accordion__notice {
    padding-top: clamp(10px, 0.5208333333vw, 10px);
  }
}
@media screen and (max-width: 780px) {
  .section-recommend-accordion__notice {
    padding-top: clamp(7.6923076923px, 2.5641025641vw, 20px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-recommend-accordion__notice {
    padding-bottom: clamp(7.8px, 1vw, 10px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-recommend-accordion__notice {
    padding-bottom: clamp(7.8125px, 0.78125vw, 10px);
  }
}
@media screen and (min-width: 1281px) {
  .section-recommend-accordion__notice {
    padding-bottom: clamp(10px, 0.5208333333vw, 10px);
  }
}
@media screen and (max-width: 780px) {
  .section-recommend-accordion__notice {
    padding-bottom: clamp(7.6923076923px, 2.5641025641vw, 20px);
  }
}

@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-use {
    padding-bottom: clamp(62.4px, 8vw, 80px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-use {
    padding-bottom: clamp(62.5px, 6.25vw, 80px);
  }
}
@media screen and (min-width: 1281px) {
  .section-use {
    padding-bottom: clamp(80px, 4.1666666667vw, 80px);
  }
}
@media screen and (max-width: 780px) {
  .section-use {
    padding-bottom: clamp(61.5384615385px, 20.5128205128vw, 160px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-use-container {
    padding-left: clamp(50.7px, 6.5vw, 65px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-use-container {
    padding-left: clamp(50.78125px, 5.078125vw, 65px);
  }
}
@media screen and (min-width: 1281px) {
  .section-use-container {
    padding-left: clamp(65px, 3.3854166667vw, 65px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-use-container {
    padding-right: clamp(50.7px, 6.5vw, 65px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-use-container {
    padding-right: clamp(50.78125px, 5.078125vw, 65px);
  }
}
@media screen and (min-width: 1281px) {
  .section-use-container {
    padding-right: clamp(65px, 3.3854166667vw, 65px);
  }
}
.section-use-wrap {
  position: relative;
  background: #fff;
  border: 1px solid #ffdc50;
  margin-top: max(-13vw, -100px);
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-use-wrap {
    padding-top: clamp(45.24px, 5.8vw, 58px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-use-wrap {
    padding-top: clamp(45.3125px, 4.53125vw, 58px);
  }
}
@media screen and (min-width: 1281px) {
  .section-use-wrap {
    padding-top: clamp(58px, 3.0208333333vw, 58px);
  }
}
@media screen and (max-width: 780px) {
  .section-use-wrap {
    padding-top: clamp(44.6153846154px, 14.8717948718vw, 116px);
  }
}
@media screen and (max-width: 780px) {
  .section-use-wrap {
    padding-bottom: clamp(27.6923076923px, 9.2307692308vw, 72px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-use-wrap {
    padding-bottom: clamp(68.64px, 8.8vw, 88px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-use-wrap {
    padding-bottom: clamp(68.75px, 6.875vw, 88px);
  }
}
@media screen and (min-width: 1281px) {
  .section-use-wrap {
    padding-bottom: clamp(88px, 4.5833333333vw, 88px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-use-wrap {
    border-radius: clamp(9.36px, 1.2vw, 12px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-use-wrap {
    border-radius: clamp(9.375px, 0.9375vw, 12px);
  }
}
@media screen and (min-width: 1281px) {
  .section-use-wrap {
    border-radius: clamp(12px, 0.625vw, 12px);
  }
}
@media screen and (max-width: 780px) {
  .section-use-wrap {
    border-radius: clamp(9.2307692308px, 3.0769230769vw, 24px);
  }
}
.section-use-htu-label {
  position: absolute;
  background: #ffdc50;
  border: 1px solid #ffdc50;
  font-family: "Cormorant Garamond";
  font-weight: 500;
  letter-spacing: 0.35em;
  text-align: center;
  color: #000;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-use-htu-label {
    border-radius: clamp(13.26px, 1.7vw, 17px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-use-htu-label {
    border-radius: clamp(13.28125px, 1.328125vw, 17px);
  }
}
@media screen and (min-width: 1281px) {
  .section-use-htu-label {
    border-radius: clamp(17px, 0.8854166667vw, 17px);
  }
}
@media screen and (max-width: 780px) {
  .section-use-htu-label {
    border-radius: clamp(13.0769230769px, 4.358974359vw, 34px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-use-htu-label {
    width: clamp(180.18px, 23.1vw, 231px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-use-htu-label {
    width: clamp(180.46875px, 18.046875vw, 231px);
  }
}
@media screen and (min-width: 1281px) {
  .section-use-htu-label {
    width: clamp(231px, 12.03125vw, 231px);
  }
}
@media screen and (max-width: 780px) {
  .section-use-htu-label {
    width: clamp(177.6923076923px, 59.2307692308vw, 462px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-use-htu-label {
    height: clamp(26.52px, 3.4vw, 34px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-use-htu-label {
    height: clamp(26.5625px, 2.65625vw, 34px);
  }
}
@media screen and (min-width: 1281px) {
  .section-use-htu-label {
    height: clamp(34px, 1.7708333333vw, 34px);
  }
}
@media screen and (max-width: 780px) {
  .section-use-htu-label {
    height: clamp(26.1538461538px, 8.7179487179vw, 68px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-use-htu-label {
    font-size: clamp(12.48px, 1.6vw, 16px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-use-htu-label {
    font-size: clamp(12.5px, 1.25vw, 16px);
  }
}
@media screen and (min-width: 1281px) {
  .section-use-htu-label {
    font-size: clamp(16px, 0.8333333333vw, 16px);
  }
}
@media screen and (max-width: 780px) {
  .section-use-htu-label {
    font-size: clamp(12.3076923077px, 4.1025641026vw, 32px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-use-htu-label {
    line-height: clamp(24.18px, 3.1vw, 31px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-use-htu-label {
    line-height: clamp(24.21875px, 2.421875vw, 31px);
  }
}
@media screen and (min-width: 1281px) {
  .section-use-htu-label {
    line-height: clamp(31px, 1.6145833333vw, 31px);
  }
}
@media screen and (max-width: 780px) {
  .section-use-htu-label {
    line-height: clamp(23.8461538462px, 7.9487179487vw, 62px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-use-htu-label {
    top: clamp(-15.6px, -2vw, -20px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-use-htu-label {
    top: clamp(-15.625px, -1.5625vw, -20px);
  }
}
@media screen and (min-width: 1281px) {
  .section-use-htu-label {
    top: clamp(-20px, -1.0416666667vw, -20px);
  }
}
@media screen and (max-width: 780px) {
  .section-use-htu-label {
    top: clamp(-15.3846153846px, -5.1282051282vw, -40px);
  }
}
@media screen and (min-width: 781px) {
  .section-use-htu-label {
    top: max(-2.8333vw, -17px);
  }
}
@media screen and (max-width: 780px) {
  .section-use-htu-label {
    top: max(-4.3589vw, -34px);
  }
}
.section-use-title {
  font-family: "Zen Old Mincho";
  font-weight: 500;
  letter-spacing: 0.2em;
  text-align: center;
  color: #000;
  position: relative;
  margin: 0 auto;
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-use-title {
    font-size: clamp(20.28px, 2.6vw, 26px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-use-title {
    font-size: clamp(20.3125px, 2.03125vw, 26px);
  }
}
@media screen and (min-width: 1281px) {
  .section-use-title {
    font-size: clamp(26px, 1.3541666667vw, 26px);
  }
}
@media screen and (max-width: 780px) {
  .section-use-title {
    font-size: clamp(20px, 6.6666666667vw, 52px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-use-title {
    line-height: clamp(35.88px, 4.6vw, 46px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-use-title {
    line-height: clamp(35.9375px, 3.59375vw, 46px);
  }
}
@media screen and (min-width: 1281px) {
  .section-use-title {
    line-height: clamp(46px, 2.3958333333vw, 46px);
  }
}
@media screen and (max-width: 780px) {
  .section-use-title {
    line-height: clamp(35.3846153846px, 11.7948717949vw, 92px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-use-title {
    max-width: clamp(195px, 25vw, 250px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-use-title {
    max-width: clamp(195.3125px, 19.53125vw, 250px);
  }
}
@media screen and (min-width: 1281px) {
  .section-use-title {
    max-width: clamp(250px, 13.0208333333vw, 250px);
  }
}
@media screen and (max-width: 780px) {
  .section-use-title {
    max-width: clamp(192.3076923077px, 64.1025641026vw, 500px);
  }
}
.section-use-title:before {
  content: "";
  position: absolute;
  background: url(../img/section-use-deco.png) no-repeat center center/contain;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-use-title:before {
    width: clamp(35.88px, 4.6vw, 46px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-use-title:before {
    width: clamp(35.9375px, 3.59375vw, 46px);
  }
}
@media screen and (min-width: 1281px) {
  .section-use-title:before {
    width: clamp(46px, 2.3958333333vw, 46px);
  }
}
@media screen and (max-width: 780px) {
  .section-use-title:before {
    width: clamp(35.3846153846px, 11.7948717949vw, 92px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-use-title:before {
    height: clamp(7.8px, 1vw, 10px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-use-title:before {
    height: clamp(7.8125px, 0.78125vw, 10px);
  }
}
@media screen and (min-width: 1281px) {
  .section-use-title:before {
    height: clamp(10px, 0.5208333333vw, 10px);
  }
}
@media screen and (max-width: 780px) {
  .section-use-title:before {
    height: clamp(7.6923076923px, 2.5641025641vw, 20px);
  }
}
.section-use-title:after {
  content: "";
  position: absolute;
  background: url(../img/section-use-deco.png) no-repeat center center/contain;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-use-title:after {
    width: clamp(35.88px, 4.6vw, 46px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-use-title:after {
    width: clamp(35.9375px, 3.59375vw, 46px);
  }
}
@media screen and (min-width: 1281px) {
  .section-use-title:after {
    width: clamp(46px, 2.3958333333vw, 46px);
  }
}
@media screen and (max-width: 780px) {
  .section-use-title:after {
    width: clamp(35.3846153846px, 11.7948717949vw, 92px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-use-title:after {
    height: clamp(7.8px, 1vw, 10px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-use-title:after {
    height: clamp(7.8125px, 0.78125vw, 10px);
  }
}
@media screen and (min-width: 1281px) {
  .section-use-title:after {
    height: clamp(10px, 0.5208333333vw, 10px);
  }
}
@media screen and (max-width: 780px) {
  .section-use-title:after {
    height: clamp(7.6923076923px, 2.5641025641vw, 20px);
  }
}
.section-use-text {
  font-family: "Zen Old Mincho";
  font-weight: 400;
  letter-spacing: 0.1em;
  text-align: left;
  color: #1e1e1e;
  background: transparent;
  border-bottom: 1px dashed #1e1e1e;
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-use-text {
    font-size: clamp(11.7px, 1.5vw, 15px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-use-text {
    font-size: clamp(11.71875px, 1.171875vw, 15px);
  }
}
@media screen and (min-width: 1281px) {
  .section-use-text {
    font-size: clamp(15px, 0.78125vw, 15px);
  }
}
@media screen and (max-width: 780px) {
  .section-use-text {
    font-size: clamp(11.5384615385px, 3.8461538462vw, 30px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-use-text {
    line-height: clamp(23.4px, 3vw, 30px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-use-text {
    line-height: clamp(23.4375px, 2.34375vw, 30px);
  }
}
@media screen and (min-width: 1281px) {
  .section-use-text {
    line-height: clamp(30px, 1.5625vw, 30px);
  }
}
@media screen and (max-width: 780px) {
  .section-use-text {
    line-height: clamp(23.0769230769px, 7.6923076923vw, 60px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-use-text {
    padding-top: clamp(18.72px, 2.4vw, 24px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-use-text {
    padding-top: clamp(18.75px, 1.875vw, 24px);
  }
}
@media screen and (min-width: 1281px) {
  .section-use-text {
    padding-top: clamp(24px, 1.25vw, 24px);
  }
}
@media screen and (max-width: 780px) {
  .section-use-text {
    padding-top: clamp(18.4615384615px, 6.1538461538vw, 48px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-use-text {
    padding-bottom: clamp(34.32px, 4.4vw, 44px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-use-text {
    padding-bottom: clamp(34.375px, 3.4375vw, 44px);
  }
}
@media screen and (min-width: 1281px) {
  .section-use-text {
    padding-bottom: clamp(44px, 2.2916666667vw, 44px);
  }
}
@media screen and (max-width: 780px) {
  .section-use-text {
    padding-bottom: clamp(33.8461538462px, 11.2820512821vw, 88px);
  }
}
.section-use-notice__title {
  font-family: "Zen Old Mincho";
  font-weight: 500;
  letter-spacing: 0.1em;
  text-align: center;
  color: #1e1e1e;
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-use-notice__title {
    font-size: clamp(11.7px, 1.5vw, 15px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-use-notice__title {
    font-size: clamp(11.71875px, 1.171875vw, 15px);
  }
}
@media screen and (min-width: 1281px) {
  .section-use-notice__title {
    font-size: clamp(15px, 0.78125vw, 15px);
  }
}
@media screen and (max-width: 780px) {
  .section-use-notice__title {
    font-size: clamp(11.5384615385px, 3.8461538462vw, 30px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-use-notice__title {
    line-height: clamp(18.72px, 2.4vw, 24px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-use-notice__title {
    line-height: clamp(18.75px, 1.875vw, 24px);
  }
}
@media screen and (min-width: 1281px) {
  .section-use-notice__title {
    line-height: clamp(24px, 1.25vw, 24px);
  }
}
@media screen and (max-width: 780px) {
  .section-use-notice__title {
    line-height: clamp(18.4615384615px, 6.1538461538vw, 48px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-use-notice__title {
    margin-top: clamp(23.4px, 3vw, 30px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-use-notice__title {
    margin-top: clamp(23.4375px, 2.34375vw, 30px);
  }
}
@media screen and (min-width: 1281px) {
  .section-use-notice__title {
    margin-top: clamp(30px, 1.5625vw, 30px);
  }
}
@media screen and (max-width: 780px) {
  .section-use-notice__title {
    margin-top: clamp(23.0769230769px, 7.6923076923vw, 60px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-use-notice__title {
    margin-bottom: clamp(15.6px, 2vw, 20px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-use-notice__title {
    margin-bottom: clamp(15.625px, 1.5625vw, 20px);
  }
}
@media screen and (min-width: 1281px) {
  .section-use-notice__title {
    margin-bottom: clamp(20px, 1.0416666667vw, 20px);
  }
}
@media screen and (max-width: 780px) {
  .section-use-notice__title {
    margin-bottom: clamp(15.3846153846px, 5.1282051282vw, 40px);
  }
}
.section-use-notice__list-item {
  font-family: "Zen Old Mincho";
  font-weight: normal;
  letter-spacing: 0.05em;
  text-align: left;
  color: #1e1e1e;
  padding-left: 1em;
  text-indent: -1em;
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-use-notice__list-item {
    font-size: clamp(10.14px, 1.3vw, 13px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-use-notice__list-item {
    font-size: clamp(10.15625px, 1.015625vw, 13px);
  }
}
@media screen and (min-width: 1281px) {
  .section-use-notice__list-item {
    font-size: clamp(13px, 0.6770833333vw, 13px);
  }
}
@media screen and (max-width: 780px) {
  .section-use-notice__list-item {
    font-size: clamp(10px, 3.3333333333vw, 26px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-use-notice__list-item {
    line-height: clamp(18.72px, 2.4vw, 24px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-use-notice__list-item {
    line-height: clamp(18.75px, 1.875vw, 24px);
  }
}
@media screen and (min-width: 1281px) {
  .section-use-notice__list-item {
    line-height: clamp(24px, 1.25vw, 24px);
  }
}
@media screen and (max-width: 780px) {
  .section-use-notice__list-item {
    line-height: clamp(18.4615384615px, 6.1538461538vw, 48px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-use-notice__list-item {
    margin-top: clamp(4.68px, 0.6vw, 6px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-use-notice__list-item {
    margin-top: clamp(4.6875px, 0.46875vw, 6px);
  }
}
@media screen and (min-width: 1281px) {
  .section-use-notice__list-item {
    margin-top: clamp(6px, 0.3125vw, 6px);
  }
}
@media screen and (max-width: 780px) {
  .section-use-notice__list-item {
    margin-top: clamp(4.6153846154px, 1.5384615385vw, 12px);
  }
}
.section-use-notice__list-item:not(:last-child) {
  padding-bottom: 3px;
}

.section-about-us {
  position: relative;
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-about-us {
    padding-top: clamp(234px, 30vw, 300px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-about-us {
    padding-top: clamp(234.375px, 23.4375vw, 300px);
  }
}
@media screen and (min-width: 1281px) {
  .section-about-us {
    padding-top: clamp(300px, 15.625vw, 300px);
  }
}
@media screen and (max-width: 780px) {
  .section-about-us {
    padding-top: clamp(153.8461538462px, 51.2820512821vw, 400px);
  }
}
.section-about-us:after {
  content: "";
  position: absolute;
}
@media screen and (max-width: 780px) {
  .section-about-us:after {
    background: url(../img/about-us-img.png) no-repeat center center/contain;
    top: max(-40vw, -312px);
    left: 50%;
    transform: translateX(-50%);
  }
}
@media screen and (max-width: 780px) and (min-width: 781px) and (max-width: 1000px) {
  .section-about-us:after {
    width: clamp(158.34px, 20.3vw, 203px);
  }
}
@media screen and (max-width: 780px) and (min-width: 1001px) and (max-width: 1280px) {
  .section-about-us:after {
    width: clamp(158.59375px, 15.859375vw, 203px);
  }
}
@media screen and (max-width: 780px) and (min-width: 1281px) {
  .section-about-us:after {
    width: clamp(203px, 10.5729166667vw, 203px);
  }
}
@media screen and (max-width: 780px) and (max-width: 780px) {
  .section-about-us:after {
    width: clamp(156.1538461538px, 52.0512820513vw, 406px);
  }
}
@media screen and (max-width: 780px) and (min-width: 781px) and (max-width: 1000px) {
  .section-about-us:after {
    height: clamp(234px, 30vw, 300px);
  }
}
@media screen and (max-width: 780px) and (min-width: 1001px) and (max-width: 1280px) {
  .section-about-us:after {
    height: clamp(234.375px, 23.4375vw, 300px);
  }
}
@media screen and (max-width: 780px) and (min-width: 1281px) {
  .section-about-us:after {
    height: clamp(300px, 15.625vw, 300px);
  }
}
@media screen and (max-width: 780px) and (max-width: 780px) {
  .section-about-us:after {
    height: clamp(230.7692307692px, 76.9230769231vw, 600px);
  }
}
@media screen and (min-width: 781px) {
  .section-about-us:after {
    background: url(../img/about-us-img.png) no-repeat center center/contain;
    top: max(-26vw, -156px);
    left: 50%;
    transform: translateX(-50%);
  }
}
@media screen and (min-width: 781px) and (min-width: 781px) and (max-width: 1000px) {
  .section-about-us:after {
    width: clamp(210.6px, 27vw, 270px);
  }
}
@media screen and (min-width: 781px) and (min-width: 1001px) and (max-width: 1280px) {
  .section-about-us:after {
    width: clamp(210.9375px, 21.09375vw, 270px);
  }
}
@media screen and (min-width: 781px) and (min-width: 1281px) {
  .section-about-us:after {
    width: clamp(270px, 14.0625vw, 270px);
  }
}
@media screen and (min-width: 781px) and (max-width: 780px) {
  .section-about-us:after {
    width: clamp(207.6923076923px, 69.2307692308vw, 540px);
  }
}
@media screen and (min-width: 781px) and (min-width: 781px) and (max-width: 1000px) {
  .section-about-us:after {
    height: clamp(312px, 40vw, 400px);
  }
}
@media screen and (min-width: 781px) and (min-width: 1001px) and (max-width: 1280px) {
  .section-about-us:after {
    height: clamp(312.5px, 31.25vw, 400px);
  }
}
@media screen and (min-width: 781px) and (min-width: 1281px) {
  .section-about-us:after {
    height: clamp(400px, 20.8333333333vw, 400px);
  }
}
@media screen and (min-width: 781px) and (max-width: 780px) {
  .section-about-us:after {
    height: clamp(307.6923076923px, 102.5641025641vw, 800px);
  }
}
.section-about-us .section-heading {
  position: relative;
}
.section-about-us .section-heading:after {
  content: "（創業23年）";
  position: absolute;
  width: 100%;
  font-family: "Zen Old Mincho";
  font-weight: 400;
  letter-spacing: 0.1em;
  line-height: 1;
  color: #1e1e1e;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-about-us .section-heading:after {
    height: clamp(16.38px, 2.1vw, 21px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-about-us .section-heading:after {
    height: clamp(16.40625px, 1.640625vw, 21px);
  }
}
@media screen and (min-width: 1281px) {
  .section-about-us .section-heading:after {
    height: clamp(21px, 1.09375vw, 21px);
  }
}
@media screen and (max-width: 780px) {
  .section-about-us .section-heading:after {
    height: clamp(16.1538461538px, 5.3846153846vw, 42px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-about-us .section-heading:after {
    font-size: clamp(11.7px, 1.5vw, 15px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-about-us .section-heading:after {
    font-size: clamp(11.71875px, 1.171875vw, 15px);
  }
}
@media screen and (min-width: 1281px) {
  .section-about-us .section-heading:after {
    font-size: clamp(15px, 0.78125vw, 15px);
  }
}
@media screen and (max-width: 780px) {
  .section-about-us .section-heading:after {
    font-size: clamp(11.5384615385px, 3.8461538462vw, 30px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-about-us .section-heading:after {
    top: clamp(31.2px, 4vw, 40px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-about-us .section-heading:after {
    top: clamp(31.25px, 3.125vw, 40px);
  }
}
@media screen and (min-width: 1281px) {
  .section-about-us .section-heading:after {
    top: clamp(40px, 2.0833333333vw, 40px);
  }
}
@media screen and (max-width: 780px) {
  .section-about-us .section-heading:after {
    top: clamp(30.7692307692px, 10.2564102564vw, 80px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-about-us .section-heading .section-heading__eyebrow {
    margin-bottom: clamp(34.32px, 4.4vw, 44px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-about-us .section-heading .section-heading__eyebrow {
    margin-bottom: clamp(34.375px, 3.4375vw, 44px);
  }
}
@media screen and (min-width: 1281px) {
  .section-about-us .section-heading .section-heading__eyebrow {
    margin-bottom: clamp(44px, 2.2916666667vw, 44px);
  }
}
@media screen and (max-width: 780px) {
  .section-about-us .section-heading .section-heading__eyebrow {
    margin-bottom: clamp(33.8461538462px, 11.2820512821vw, 88px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-about-us-content-wrap {
    padding-left: clamp(62.4px, 8vw, 80px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-about-us-content-wrap {
    padding-left: clamp(62.5px, 6.25vw, 80px);
  }
}
@media screen and (min-width: 1281px) {
  .section-about-us-content-wrap {
    padding-left: clamp(80px, 4.1666666667vw, 80px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-about-us-content-wrap {
    padding-right: clamp(62.4px, 8vw, 80px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-about-us-content-wrap {
    padding-right: clamp(62.5px, 6.25vw, 80px);
  }
}
@media screen and (min-width: 1281px) {
  .section-about-us-content-wrap {
    padding-right: clamp(80px, 4.1666666667vw, 80px);
  }
}
.section-about-us-content__heading {
  text-align: center;
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-about-us-content__heading {
    margin-top: clamp(35.88px, 4.6vw, 46px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-about-us-content__heading {
    margin-top: clamp(35.9375px, 3.59375vw, 46px);
  }
}
@media screen and (min-width: 1281px) {
  .section-about-us-content__heading {
    margin-top: clamp(46px, 2.3958333333vw, 46px);
  }
}
@media screen and (max-width: 780px) {
  .section-about-us-content__heading {
    margin-top: clamp(35.3846153846px, 11.7948717949vw, 92px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-about-us-content__heading {
    margin-bottom: clamp(46.8px, 6vw, 60px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-about-us-content__heading {
    margin-bottom: clamp(46.875px, 4.6875vw, 60px);
  }
}
@media screen and (min-width: 1281px) {
  .section-about-us-content__heading {
    margin-bottom: clamp(60px, 3.125vw, 60px);
  }
}
@media screen and (max-width: 780px) {
  .section-about-us-content__heading {
    margin-bottom: clamp(46.1538461538px, 15.3846153846vw, 120px);
  }
}
.section-about-us-content__title {
  font-family: "Zen Old Mincho";
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 2.2;
  text-align: center;
  color: #1e1e1e;
  display: inline;
  background-color: #FFDC50;
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-about-us-content__title {
    font-size: clamp(14.04px, 1.8vw, 18px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-about-us-content__title {
    font-size: clamp(14.0625px, 1.40625vw, 18px);
  }
}
@media screen and (min-width: 1281px) {
  .section-about-us-content__title {
    font-size: clamp(18px, 0.9375vw, 18px);
  }
}
@media screen and (max-width: 780px) {
  .section-about-us-content__title {
    font-size: clamp(13.8461538462px, 4.6153846154vw, 36px);
  }
}
.section-about-us-content__text {
  font-family: "Zen Old Mincho";
  font-weight: 400;
  letter-spacing: 0.1em;
  text-align: left;
  color: #1e1e1e;
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-about-us-content__text {
    font-size: clamp(11.7px, 1.5vw, 15px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-about-us-content__text {
    font-size: clamp(11.71875px, 1.171875vw, 15px);
  }
}
@media screen and (min-width: 1281px) {
  .section-about-us-content__text {
    font-size: clamp(15px, 0.78125vw, 15px);
  }
}
@media screen and (max-width: 780px) {
  .section-about-us-content__text {
    font-size: clamp(11.5384615385px, 3.8461538462vw, 30px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-about-us-content__text {
    line-height: clamp(23.4px, 3vw, 30px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-about-us-content__text {
    line-height: clamp(23.4375px, 2.34375vw, 30px);
  }
}
@media screen and (min-width: 1281px) {
  .section-about-us-content__text {
    line-height: clamp(30px, 1.5625vw, 30px);
  }
}
@media screen and (max-width: 780px) {
  .section-about-us-content__text {
    line-height: clamp(23.0769230769px, 7.6923076923vw, 60px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-about-us-content__text {
    margin-bottom: clamp(22.62px, 2.9vw, 29px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-about-us-content__text {
    margin-bottom: clamp(22.65625px, 2.265625vw, 29px);
  }
}
@media screen and (min-width: 1281px) {
  .section-about-us-content__text {
    margin-bottom: clamp(29px, 1.5104166667vw, 29px);
  }
}
@media screen and (max-width: 780px) {
  .section-about-us-content__text {
    margin-bottom: clamp(22.3076923077px, 7.4358974359vw, 58px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .section-about-us-content__text:nth-of-type(3) {
    margin-bottom: clamp(58.5px, 7.5vw, 75px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .section-about-us-content__text:nth-of-type(3) {
    margin-bottom: clamp(58.59375px, 5.859375vw, 75px);
  }
}
@media screen and (min-width: 1281px) {
  .section-about-us-content__text:nth-of-type(3) {
    margin-bottom: clamp(75px, 3.90625vw, 75px);
  }
}
@media screen and (max-width: 780px) {
  .section-about-us-content__text:nth-of-type(3) {
    margin-bottom: clamp(57.6923076923px, 19.2307692308vw, 150px);
  }
}

@media screen and (max-width: 780px) {
  .footer {
    padding-top: clamp(81.5384615385px, 27.1794871795vw, 212px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .footer {
    padding-top: clamp(109.2px, 14vw, 140px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .footer {
    padding-top: clamp(109.375px, 10.9375vw, 140px);
  }
}
@media screen and (min-width: 1281px) {
  .footer {
    padding-top: clamp(140px, 7.2916666667vw, 140px);
  }
}
.footer-wave {
  width: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center bottom;
  margin-bottom: -1px;
}
@media screen and (min-width: 781px) {
  .footer-wave {
    background-image: url(../img/footer-wave.png);
  }
}
@media screen and (min-width: 781px) and (min-width: 781px) and (max-width: 1000px) {
  .footer-wave {
    height: clamp(63.96px, 8.2vw, 82px);
  }
}
@media screen and (min-width: 781px) and (min-width: 1001px) and (max-width: 1280px) {
  .footer-wave {
    height: clamp(64.0625px, 6.40625vw, 82px);
  }
}
@media screen and (min-width: 781px) and (min-width: 1281px) {
  .footer-wave {
    height: clamp(82px, 4.2708333333vw, 82px);
  }
}
@media screen and (min-width: 781px) and (max-width: 780px) {
  .footer-wave {
    height: clamp(63.0769230769px, 21.0256410256vw, 164px);
  }
}
@media screen and (max-width: 780px) {
  .footer-wave {
    background-image: url(../img/footer-wave-sp.png);
  }
}
@media screen and (max-width: 780px) and (min-width: 781px) and (max-width: 1000px) {
  .footer-wave {
    height: clamp(74.88px, 9.6vw, 96px);
  }
}
@media screen and (max-width: 780px) and (min-width: 1001px) and (max-width: 1280px) {
  .footer-wave {
    height: clamp(75px, 7.5vw, 96px);
  }
}
@media screen and (max-width: 780px) and (min-width: 1281px) {
  .footer-wave {
    height: clamp(96px, 5vw, 96px);
  }
}
@media screen and (max-width: 780px) and (max-width: 780px) {
  .footer-wave {
    height: clamp(73.8461538462px, 24.6153846154vw, 192px);
  }
}
.footer-wrap {
  background-color: #1E1E1E;
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .footer-wrap {
    padding-top: clamp(54.6px, 7vw, 70px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .footer-wrap {
    padding-top: clamp(54.6875px, 5.46875vw, 70px);
  }
}
@media screen and (min-width: 1281px) {
  .footer-wrap {
    padding-top: clamp(70px, 3.6458333333vw, 70px);
  }
}
@media screen and (max-width: 780px) {
  .footer-wrap {
    padding-top: clamp(44.6153846154px, 14.8717948718vw, 116px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .footer-wrap {
    padding-bottom: clamp(15.6px, 2vw, 20px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .footer-wrap {
    padding-bottom: clamp(15.625px, 1.5625vw, 20px);
  }
}
@media screen and (min-width: 1281px) {
  .footer-wrap {
    padding-bottom: clamp(20px, 1.0416666667vw, 20px);
  }
}
@media screen and (max-width: 780px) {
  .footer-wrap {
    padding-bottom: clamp(15.3846153846px, 5.1282051282vw, 40px);
  }
}
@media screen and (max-width: 780px) {
  .footer-wrap {
    padding-left: clamp(23.0769230769px, 7.6923076923vw, 60px);
  }
}
@media screen and (max-width: 780px) {
  .footer-wrap {
    padding-right: clamp(23.0769230769px, 7.6923076923vw, 60px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .footer-wrap {
    padding-left: clamp(62.4px, 8vw, 80px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .footer-wrap {
    padding-left: clamp(62.5px, 6.25vw, 80px);
  }
}
@media screen and (min-width: 1281px) {
  .footer-wrap {
    padding-left: clamp(80px, 4.1666666667vw, 80px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .footer-wrap {
    padding-right: clamp(62.4px, 8vw, 80px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .footer-wrap {
    padding-right: clamp(62.5px, 6.25vw, 80px);
  }
}
@media screen and (min-width: 1281px) {
  .footer-wrap {
    padding-right: clamp(80px, 4.1666666667vw, 80px);
  }
}
.footer-grid {
  display: flex;
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .footer-grid {
    margin-bottom: clamp(42.9px, 5.5vw, 55px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .footer-grid {
    margin-bottom: clamp(42.96875px, 4.296875vw, 55px);
  }
}
@media screen and (min-width: 1281px) {
  .footer-grid {
    margin-bottom: clamp(55px, 2.8645833333vw, 55px);
  }
}
@media screen and (max-width: 780px) {
  .footer-grid {
    margin-bottom: clamp(42.3076923077px, 14.1025641026vw, 110px);
  }
}
@media screen and (min-width: 781px) {
  .footer-grid {
    justify-content: space-between;
  }
}
@media screen and (max-width: 780px) {
  .footer-logo {
    width: clamp(50.7692307692px, 16.9230769231vw, 132px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .footer-logo {
    width: clamp(65.52px, 8.4vw, 84px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .footer-logo {
    width: clamp(65.625px, 6.5625vw, 84px);
  }
}
@media screen and (min-width: 1281px) {
  .footer-logo {
    width: clamp(84px, 4.375vw, 84px);
  }
}
@media screen and (max-width: 780px) {
  .footer-logo {
    margin-right: clamp(58.4615384615px, 19.4871794872vw, 152px);
  }
}
@media screen and (max-width: 780px) {
  .footer-logo {
    margin-left: clamp(15.3846153846px, 5.1282051282vw, 40px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .footer-linklist {
    width: clamp(131.04px, 16.8vw, 168px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .footer-linklist {
    width: clamp(131.25px, 13.125vw, 168px);
  }
}
@media screen and (min-width: 1281px) {
  .footer-linklist {
    width: clamp(168px, 8.75vw, 168px);
  }
}
@media screen and (max-width: 780px) {
  .footer-linklist {
    width: clamp(129.2307692308px, 43.0769230769vw, 336px);
  }
}
.footer-linklist__link {
  font-family: "Zen Old Mincho";
  font-weight: 400;
  text-decoration: underline;
  letter-spacing: 0.1em;
  line-height: 1.5;
  color: #fff;
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .footer-linklist__link {
    font-size: clamp(11.7px, 1.5vw, 15px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .footer-linklist__link {
    font-size: clamp(11.71875px, 1.171875vw, 15px);
  }
}
@media screen and (min-width: 1281px) {
  .footer-linklist__link {
    font-size: clamp(15px, 0.78125vw, 15px);
  }
}
@media screen and (max-width: 780px) {
  .footer-linklist__link {
    font-size: clamp(11.5384615385px, 3.8461538462vw, 30px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .footer-linklist__link {
    margin-bottom: clamp(15.6px, 2vw, 20px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .footer-linklist__link {
    margin-bottom: clamp(15.625px, 1.5625vw, 20px);
  }
}
@media screen and (min-width: 1281px) {
  .footer-linklist__link {
    margin-bottom: clamp(20px, 1.0416666667vw, 20px);
  }
}
@media screen and (max-width: 780px) {
  .footer-linklist__link {
    margin-bottom: clamp(15.3846153846px, 5.1282051282vw, 40px);
  }
}
.footer-online-shop {
  position: relative;
}
.footer-online-shop:after {
  content: "";
  position: absolute;
  background-image: url(../img/footer-online-shop-icon.png);
  background-repeat: no-repeat;
  background-position: center right;
  background-size: contain;
  top: 15%;
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .footer-online-shop:after {
    width: clamp(12.48px, 1.6vw, 16px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .footer-online-shop:after {
    width: clamp(12.5px, 1.25vw, 16px);
  }
}
@media screen and (min-width: 1281px) {
  .footer-online-shop:after {
    width: clamp(16px, 0.8333333333vw, 16px);
  }
}
@media screen and (max-width: 780px) {
  .footer-online-shop:after {
    width: clamp(12.3076923077px, 4.1025641026vw, 32px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .footer-online-shop:after {
    height: clamp(12.48px, 1.6vw, 16px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .footer-online-shop:after {
    height: clamp(12.5px, 1.25vw, 16px);
  }
}
@media screen and (min-width: 1281px) {
  .footer-online-shop:after {
    height: clamp(16px, 0.8333333333vw, 16px);
  }
}
@media screen and (max-width: 780px) {
  .footer-online-shop:after {
    height: clamp(12.3076923077px, 4.1025641026vw, 32px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .footer-online-shop:after {
    right: clamp(-7.8px, -1vw, -10px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .footer-online-shop:after {
    right: clamp(-7.8125px, -0.78125vw, -10px);
  }
}
@media screen and (min-width: 1281px) {
  .footer-online-shop:after {
    right: clamp(-10px, -0.5208333333vw, -10px);
  }
}
@media screen and (max-width: 780px) {
  .footer-online-shop:after {
    right: clamp(-7.6923076923px, -2.5641025641vw, -20px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .footer-online-shop {
    padding-bottom: clamp(15.6px, 2vw, 20px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .footer-online-shop {
    padding-bottom: clamp(15.625px, 1.5625vw, 20px);
  }
}
@media screen and (min-width: 1281px) {
  .footer-online-shop {
    padding-bottom: clamp(20px, 1.0416666667vw, 20px);
  }
}
@media screen and (max-width: 780px) {
  .footer-online-shop {
    padding-bottom: clamp(15.3846153846px, 5.1282051282vw, 40px);
  }
}
.footer-online-shop:before {
  content: "※準備中";
  position: absolute;
  left: 0;
  bottom: 0;
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .footer-online-shop:before {
    font-size: clamp(9.36px, 1.2vw, 12px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .footer-online-shop:before {
    font-size: clamp(9.375px, 0.9375vw, 12px);
  }
}
@media screen and (min-width: 1281px) {
  .footer-online-shop:before {
    font-size: clamp(12px, 0.625vw, 12px);
  }
}
@media screen and (max-width: 780px) {
  .footer-online-shop:before {
    font-size: clamp(9.2307692308px, 3.0769230769vw, 24px);
  }
}
.footer-notice {
  border-radius: 8px;
  border: 1px solid #fff;
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .footer-notice {
    padding-top: clamp(15.6px, 2vw, 20px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .footer-notice {
    padding-top: clamp(15.625px, 1.5625vw, 20px);
  }
}
@media screen and (min-width: 1281px) {
  .footer-notice {
    padding-top: clamp(20px, 1.0416666667vw, 20px);
  }
}
@media screen and (max-width: 780px) {
  .footer-notice {
    padding-top: clamp(15.3846153846px, 5.1282051282vw, 40px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .footer-notice {
    padding-bottom: clamp(15.6px, 2vw, 20px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .footer-notice {
    padding-bottom: clamp(15.625px, 1.5625vw, 20px);
  }
}
@media screen and (min-width: 1281px) {
  .footer-notice {
    padding-bottom: clamp(20px, 1.0416666667vw, 20px);
  }
}
@media screen and (max-width: 780px) {
  .footer-notice {
    padding-bottom: clamp(15.3846153846px, 5.1282051282vw, 40px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .footer-notice {
    padding-left: clamp(12.48px, 1.6vw, 16px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .footer-notice {
    padding-left: clamp(12.5px, 1.25vw, 16px);
  }
}
@media screen and (min-width: 1281px) {
  .footer-notice {
    padding-left: clamp(16px, 0.8333333333vw, 16px);
  }
}
@media screen and (max-width: 780px) {
  .footer-notice {
    padding-left: clamp(12.3076923077px, 4.1025641026vw, 32px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .footer-notice {
    padding-right: clamp(9.36px, 1.2vw, 12px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .footer-notice {
    padding-right: clamp(9.375px, 0.9375vw, 12px);
  }
}
@media screen and (min-width: 1281px) {
  .footer-notice {
    padding-right: clamp(12px, 0.625vw, 12px);
  }
}
@media screen and (max-width: 780px) {
  .footer-notice {
    padding-right: clamp(9.2307692308px, 3.0769230769vw, 24px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .footer-notice {
    margin-bottom: clamp(31.2px, 4vw, 40px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .footer-notice {
    margin-bottom: clamp(31.25px, 3.125vw, 40px);
  }
}
@media screen and (min-width: 1281px) {
  .footer-notice {
    margin-bottom: clamp(40px, 2.0833333333vw, 40px);
  }
}
@media screen and (max-width: 780px) {
  .footer-notice {
    margin-bottom: clamp(30.7692307692px, 10.2564102564vw, 80px);
  }
}
.footer-notice__text {
  font-family: "Zen Old Mincho";
  font-weight: 400;
  line-height: 1.6923;
  text-align: left;
  color: #fff;
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .footer-notice__text {
    font-size: clamp(10.14px, 1.3vw, 13px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .footer-notice__text {
    font-size: clamp(10.15625px, 1.015625vw, 13px);
  }
}
@media screen and (min-width: 1281px) {
  .footer-notice__text {
    font-size: clamp(13px, 0.6770833333vw, 13px);
  }
}
@media screen and (max-width: 780px) {
  .footer-notice__text {
    font-size: clamp(10px, 3.3333333333vw, 26px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .footer-notice__text {
    margin-bottom: clamp(11.7px, 1.5vw, 15px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .footer-notice__text {
    margin-bottom: clamp(11.71875px, 1.171875vw, 15px);
  }
}
@media screen and (min-width: 1281px) {
  .footer-notice__text {
    margin-bottom: clamp(15px, 0.78125vw, 15px);
  }
}
@media screen and (max-width: 780px) {
  .footer-notice__text {
    margin-bottom: clamp(11.5384615385px, 3.8461538462vw, 30px);
  }
}
.footer-notice__list-item {
  font-family: "Zen Old Mincho";
  font-weight: 400;
  line-height: 1.6923;
  letter-spacing: 0.1em;
  text-align: left;
  color: #fff;
  text-decoration: underline;
  position: relative;
  display: inline-block;
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .footer-notice__list-item {
    font-size: clamp(10.14px, 1.3vw, 13px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .footer-notice__list-item {
    font-size: clamp(10.15625px, 1.015625vw, 13px);
  }
}
@media screen and (min-width: 1281px) {
  .footer-notice__list-item {
    font-size: clamp(13px, 0.6770833333vw, 13px);
  }
}
@media screen and (max-width: 780px) {
  .footer-notice__list-item {
    font-size: clamp(10px, 3.3333333333vw, 26px);
  }
}
.footer-notice__list-item:after {
  content: "";
  position: absolute;
  background-image: url(../img/footer-online-shop-icon.png);
  background-repeat: no-repeat;
  background-position: center right;
  background-size: contain;
  top: 50%;
  transform: translateY(-50%);
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .footer-notice__list-item:after {
    width: clamp(12.48px, 1.6vw, 16px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .footer-notice__list-item:after {
    width: clamp(12.5px, 1.25vw, 16px);
  }
}
@media screen and (min-width: 1281px) {
  .footer-notice__list-item:after {
    width: clamp(16px, 0.8333333333vw, 16px);
  }
}
@media screen and (max-width: 780px) {
  .footer-notice__list-item:after {
    width: clamp(12.3076923077px, 4.1025641026vw, 32px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .footer-notice__list-item:after {
    height: clamp(12.48px, 1.6vw, 16px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .footer-notice__list-item:after {
    height: clamp(12.5px, 1.25vw, 16px);
  }
}
@media screen and (min-width: 1281px) {
  .footer-notice__list-item:after {
    height: clamp(16px, 0.8333333333vw, 16px);
  }
}
@media screen and (max-width: 780px) {
  .footer-notice__list-item:after {
    height: clamp(12.3076923077px, 4.1025641026vw, 32px);
  }
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .footer-notice__list-item:after {
    right: clamp(-23.4px, -3vw, -30px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .footer-notice__list-item:after {
    right: clamp(-23.4375px, -2.34375vw, -30px);
  }
}
@media screen and (min-width: 1281px) {
  .footer-notice__list-item:after {
    right: clamp(-30px, -1.5625vw, -30px);
  }
}
@media screen and (max-width: 780px) {
  .footer-notice__list-item:after {
    right: clamp(-30.7692307692px, -10.2564102564vw, -80px);
  }
}
.footer-copyright__text {
  font-family: "Cormorant Garamond";
  font-weight: 400;
  letter-spacing: 0.02em;
  line-height: 1.5;
  text-align: center;
  color: #fff;
}
@media screen and (min-width: 781px) and (max-width: 1000px) {
  .footer-copyright__text {
    font-size: clamp(10.92px, 1.4vw, 14px);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  .footer-copyright__text {
    font-size: clamp(10.9375px, 1.09375vw, 14px);
  }
}
@media screen and (min-width: 1281px) {
  .footer-copyright__text {
    font-size: clamp(14px, 0.7291666667vw, 14px);
  }
}
@media screen and (max-width: 780px) {
  .footer-copyright__text {
    font-size: clamp(10.7692307692px, 3.5897435897vw, 28px);
  }
}/*# sourceMappingURL=style.css.map */