@charset "UTF-8";
/* Gothic/Medium bold */
/* Gothic/Medium */
/* Gothic/Small */
/* Gothic/x-Small bold */
/* Mincho/xx-Large bold */
/* Mincho/Large bold */
/* Mincho/Medium bold */
/* Mincho/Small */
/* Mincho/x-Small */
/* Mincho/x-Small bold */
/* Mincho/xx-Small */
body {
  margin: 0;
  padding: 0;
  background: var(--White, #FFF);
  color: var(--Black, #222424);
}

img {
  max-width: 100%;
  height: auto;
}

.blue {
  color: var(--Blue, #517C94);
}

.red {
  color: var(--Red, #8D103D);
}

.gold {
  color: var(--Dark-Gold, #6E654D);
}

@media screen and (min-width: 751px) {
  .hero {
    margin-inline: auto;
    max-width: 1440px;
    padding: 7.2222222222vw 4.4444444444vw 6.1111111111vw;
    position: relative;
  }
}
@media screen and (min-width: 1441px) {
  .hero {
    padding: 104px 64px 88px;
  }
}
.hero .hero-img-pc {
  display: none;
}
@media screen and (min-width: 751px) {
  .hero .hero-img-pc {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
    width: 56.1805555556vw;
  }
}
@media screen and (min-width: 1441px) {
  .hero .hero-img-pc {
    width: 809px;
  }
}
.hero .inner {
  padding-top: 8.5333333333vw;
  padding-bottom: 6.4vw;
  display: flex;
  flex-direction: column;
  gap: 1.0666666667vw;
  align-items: center;
  z-index: 2;
  position: relative;
}
@media screen and (min-width: 751px) {
  .hero .inner {
    width: 45.5555555556vw;
    max-width: 656px;
    padding: 5vw 2.7777777778vw 3.8888888889vw;
    border: 1px solid var(--Dark-Gold, #6E654D);
    background: rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(10px);
    gap: 0;
  }
}
@media screen and (min-width: 1441px) {
  .hero .inner {
    padding: 72px 40px 56px;
  }
}
.hero .copy {
  font-family: YuGothic;
  font-size: 5.8666666667vw;
  font-weight: 500;
  line-height: 130%;
  letter-spacing: 0.0026666667vw;
  text-align: center;
  color: var(--Black, #222424);
  letter-spacing: 0.1173333333vw;
  text-align: center;
  position: relative;
  padding-bottom: 4.2666666667vw;
  position: relative;
  z-index: 2;
}
@media screen and (min-width: 751px) {
  .hero .copy {
    font-size: 44px;
    letter-spacing: 0.02px;
  }
}
@media screen and (min-width: 751px) {
  .hero .copy {
    font-size: 3.2928472222vw;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    letter-spacing: 0.0658333333vw;
    padding-bottom: 2.2222222222vw;
  }
}
@media screen and (min-width: 1441px) {
  .hero .copy {
    font-size: 47.417px;
    letter-spacing: 0.948px;
    padding-bottom: 32px;
  }
}
.hero .copy .xl {
  font-family: YuGothic;
  font-size: 6.4vw;
  font-weight: 500;
  line-height: 130%;
  letter-spacing: 0.0026666667vw;
  text-align: center;
}
@media screen and (min-width: 751px) {
  .hero .copy .xl {
    font-size: 48px;
    letter-spacing: 0.02px;
  }
}
@media screen and (min-width: 751px) {
  .hero .copy .xl {
    font-size: 3.5922222222vw;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    letter-spacing: 0.071875vw;
  }
}
@media screen and (min-width: 1441px) {
  .hero .copy .xl {
    font-size: 51.728px;
    letter-spacing: 1.035px;
  }
}
.hero .copy .xxl {
  font-family: YuGothic;
  font-size: 7.4666666667vw;
  font-weight: 700;
  line-height: 130%;
  letter-spacing: 0.0026666667vw;
  text-align: center;
}
@media screen and (min-width: 751px) {
  .hero .copy .xxl {
    font-size: 56px;
    letter-spacing: 0.02px;
  }
}
@media screen and (min-width: 751px) {
  .hero .copy .xxl {
    font-size: 4.1909027778vw;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
    letter-spacing: 0.0838194444vw;
  }
}
@media screen and (min-width: 1441px) {
  .hero .copy .xxl {
    font-size: 60.349px;
    letter-spacing: 1.207px;
  }
}
.hero .copy .wave {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 50.1721333333vw;
  pointer-events: none;
}
@media screen and (min-width: 751px) {
  .hero .copy .wave {
    width: 26.1313194444vw;
  }
}
@media screen and (min-width: 1441px) {
  .hero .copy .wave {
    width: 376.291px;
  }
}
.hero .copy .wave img {
  width: 100%;
}
.hero .logo {
  width: 32vw;
  text-align: center;
  position: relative;
  z-index: 2;
}
@media screen and (min-width: 751px) {
  .hero .logo {
    width: 17.9602083333vw;
    position: relative;
  }
}
@media screen and (min-width: 1441px) {
  .hero .logo {
    width: 258.627px;
  }
}
.hero .logo img {
  width: 100%;
}
.hero .img {
  position: relative;
  margin-top: -6.6666666667vw;
}
@media screen and (min-width: 751px) {
  .hero .img {
    display: none;
  }
}
.hero .hero-cta {
  margin-top: 3.2vw;
  width: 100%;
  padding: 0 3.2vw;
}
@media screen and (min-width: 751px) {
  .hero .hero-cta {
    margin-top: 5.0694444444vw;
    padding: 0;
  }
}
@media screen and (min-width: 1441px) {
  .hero .hero-cta {
    margin-top: 73px;
  }
}
.hero .hero-cta .top {
  color: var(--Black, #222424);
  text-align: center;
  font-family: "Shippori Mincho", serif;
  font-size: 6.4vw;
  font-style: normal;
  font-weight: 500;
  line-height: 160%;
}
@media screen and (min-width: 751px) {
  .hero .hero-cta .top {
    font-size: 48px;
  }
}
@media screen and (min-width: 751px) {
  .hero .hero-cta .top {
    font-size: 2.7777777778vw;
    font-weight: 500;
    line-height: 160%;
  }
}
@media screen and (min-width: 1441px) {
  .hero .hero-cta .top {
    font-size: 40px;
    line-height: 160%;
  }
}
.hero .hero-cta .btn-wrap {
  margin-top: 2.1333333333vw;
}
@media screen and (min-width: 751px) {
  .hero .hero-cta .btn-wrap {
    margin-top: 1.1111111111vw;
  }
}
@media screen and (min-width: 1441px) {
  .hero .hero-cta .btn-wrap {
    margin-top: 16px;
  }
}
.hero .hero-cta .bottom {
  margin-top: 2.1333333333vw;
  text-align: center;
  color: var(--Black, #222424);
  font-family: "Shippori Mincho", serif;
  font-size: 4.2666666667vw;
  font-style: normal;
  font-weight: 400;
  line-height: 170%;
}
@media screen and (min-width: 751px) {
  .hero .hero-cta .bottom {
    font-size: 32px;
  }
}
@media screen and (min-width: 751px) {
  .hero .hero-cta .bottom {
    margin-top: 1.1111111111vw;
    font-size: 2.2222222222vw;
    font-style: normal;
    font-weight: 400;
    line-height: 170%;
  }
}
@media screen and (min-width: 1441px) {
  .hero .hero-cta .bottom {
    margin-top: 16px;
    font-size: 32px;
  }
}
@media screen and (min-width: 751px) {
  .hero .hero-cta .line-button {
    padding: 1.1111111111vw 1.6666666667vw;
  }
}
@media screen and (min-width: 1441px) {
  .hero .hero-cta .line-button {
    padding: 16px 24px;
  }
}
@media screen and (min-width: 751px) {
  .hero .hero-cta .line-button::after {
    width: 4.4444444444vw;
    height: 4.4444444444vw;
    right: 1.3888888889vw;
  }
}
@media screen and (min-width: 1441px) {
  .hero .hero-cta .line-button::after {
    width: 64px;
    height: 64px;
    right: 20px;
  }
}
@media screen and (min-width: 751px) {
  .hero .hero-cta .line-button .sm {
    font-size: 1.5277777778vw;
    font-style: normal;
    font-weight: 700;
    line-height: 180%;
    letter-spacing: -0.0305555556vw;
  }
}
@media screen and (min-width: 1441px) {
  .hero .hero-cta .line-button .sm {
    font-size: 22px;
    letter-spacing: -0.44px;
  }
}
@media screen and (min-width: 751px) {
  .hero .hero-cta .line-button .lg {
    font-size: 2.7777777778vw;
    font-style: normal;
    font-weight: 500;
    line-height: 160%;
  }
}
@media screen and (min-width: 1441px) {
  .hero .hero-cta .line-button .lg {
    font-size: 40px;
  }
}

.container {
  max-width: 750px;
  margin-inline: auto;
}

.cta {
  padding: 21.3333333333vw 3.2vw;
  background-image: url(./images/bg.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
@media screen and (min-width: 751px) {
  .cta {
    padding: 160px 24px;
  }
}
.cta .SectionInner {
  padding: 10.6666666667vw 5.3333333333vw;
  background: var(--White, #FFF);
  position: relative;
}
@media screen and (min-width: 751px) {
  .cta .SectionInner {
    padding: 80px 40px;
  }
}
.cta .SectionInner::after {
  content: "";
  width: 100%;
  height: 100%;
  background-color: transparent;
  border: 1px solid var(--Light-Gold, #9E926F);
  position: absolute;
  top: -1.6vw;
  left: -1.6vw;
}
@media screen and (min-width: 751px) {
  .cta .SectionInner::after {
    top: -12px;
    left: -12px;
  }
}
.cta .title {
  color: var(--Black, #222424);
  text-align: center;
  font-family: "Shippori Mincho", serif;
  font-size: 5.3333333333vw;
  font-style: normal;
  font-weight: 500;
  line-height: 160%;
  padding: 1.0666666667vw 0;
  position: relative;
}
@media screen and (min-width: 751px) {
  .cta .title {
    font-size: 40px;
  }
}
@media screen and (min-width: 751px) {
  .cta .title {
    padding: 8px 0;
  }
}
.cta .title::before {
  content: "";
  background-image: url(./images/line01.svg);
  width: 100%;
  height: 0.1333333333vw;
  background-size: 82.9333333333vw 1px;
  background-position: center center;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (min-width: 751px) {
  .cta .title::before {
    width: 100%;
    height: 1px;
    background-size: cover;
  }
}
.cta .title::after {
  content: "";
  background-image: url(./images/line02.svg);
  width: 100%;
  height: 1.7333333333vw;
  background-size: 82.9333333333vw 1.7333333333vw;
  background-position: center center;
  background-repeat: no-repeat;
  position: absolute;
  bottom: -1.0666666667vw;
  left: 0;
}
@media screen and (min-width: 751px) {
  .cta .title::after {
    bottom: -8px;
    width: 100%;
    height: 13px;
    background-size: cover;
  }
}
.cta .title .lg {
  font-family: "Shippori Mincho", serif;
  font-size: 6.4vw;
  font-style: normal;
  font-weight: 500;
  line-height: 160%;
}
@media screen and (min-width: 751px) {
  .cta .title .lg {
    font-size: 48px;
  }
}
.cta .title .red {
  color: #8D103D;
}
.cta .title.-type02 {
  width: 69.3333333333vw;
  margin-inline: auto;
}
@media screen and (min-width: 751px) {
  .cta .title.-type02 {
    width: 520px;
  }
}
.cta .image {
  margin-top: 6.4vw;
}
@media screen and (min-width: 751px) {
  .cta .image {
    margin-top: 48px;
  }
}
.cta .image.-type02 {
  width: 69.3333333333vw;
  margin-top: 7.4666666667vw;
  margin-inline: auto;
  position: relative;
}
@media screen and (min-width: 751px) {
  .cta .image.-type02 {
    width: 520px;
    margin-top: 56px;
  }
}
.cta .image.-type02::before {
  content: "";
  background-image: url(./images/before.png);
  width: 18.3333333333vw;
  height: 8.5333333333vw;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  left: -6.4vw;
  top: -5.3333333333vw;
}
@media screen and (min-width: 751px) {
  .cta .image.-type02::before {
    width: 137.5px;
    height: 64px;
    left: -48px;
    top: -40px;
  }
}
.cta .image.-type02::after {
  content: "";
  background-image: url(./images/after.png);
  width: 15.6vw;
  height: 7.9333333333vw;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  left: 50%;
  top: -5.3333333333vw;
  margin-left: -2.6666666667vw;
}
@media screen and (min-width: 751px) {
  .cta .image.-type02::after {
    width: 117px;
    height: 59.5px;
    left: 50%;
    top: -40px;
    margin-left: -20px;
  }
}
.cta .cta-message {
  margin-top: 6.4vw;
  color: var(--Black, #222424);
  text-align: center;
  font-family: "Shippori Mincho", serif;
  font-size: 3.7333333333vw;
  font-style: normal;
  font-weight: 400;
  line-height: 170%;
}
@media screen and (min-width: 751px) {
  .cta .cta-message {
    font-size: 28px;
  }
}
@media screen and (min-width: 751px) {
  .cta .cta-message {
    margin-top: 48px;
  }
}
.cta .campaign {
  margin-top: 9.6vw;
}
@media screen and (min-width: 751px) {
  .cta .campaign {
    margin-top: 72px;
  }
}
.cta .campaign dt {
  color: var(--Dark-Gold, #6E654D);
  font-family: "Shippori Mincho", serif;
  font-size: 3.7333333333vw;
  font-style: normal;
  font-weight: 500;
  line-height: 170%;
}
@media screen and (min-width: 751px) {
  .cta .campaign dt {
    font-size: 28px;
  }
}
.cta .campaign dt span {
  width: 3.2vw;
}
@media screen and (min-width: 751px) {
  .cta .campaign dt span {
    width: 24px;
  }
}
.cta .campaign dt:not(:first-child) {
  margin-top: 8.5333333333vw;
}
@media screen and (min-width: 751px) {
  .cta .campaign dt:not(:first-child) {
    margin-top: 64px;
  }
}
.cta .campaign dd {
  color: var(--Black, #222424);
  font-family: "Shippori Mincho", serif;
  font-size: 4.2666666667vw;
  font-style: normal;
  font-weight: 400;
  line-height: 170%;
  margin-top: 2.1333333333vw;
}
@media screen and (min-width: 751px) {
  .cta .campaign dd {
    font-size: 32px;
  }
}
@media screen and (min-width: 751px) {
  .cta .campaign dd {
    margin-top: 16px;
  }
}
.cta .campaign dd .red {
  font-family: "Shippori Mincho", serif;
  font-size: 5.3333333333vw;
  font-style: normal;
  font-weight: 500;
  line-height: 160%;
}
@media screen and (min-width: 751px) {
  .cta .campaign dd .red {
    font-size: 40px;
  }
}
.cta .btn-wrap {
  margin-top: 6.4vw;
}
@media screen and (min-width: 751px) {
  .cta .btn-wrap {
    margin-top: 48px;
  }
}
.cta .btn-wrap.-type02 {
  margin-top: 9.6vw;
}
@media screen and (min-width: 751px) {
  .cta .btn-wrap.-type02 {
    margin-top: 72px;
  }
}
.cta .bottom {
  margin-top: 1.6vw;
  text-align: center;
  color: var(--Black, #222424);
  font-family: "Shippori Mincho", serif;
  font-size: 4.2666666667vw;
  font-style: normal;
  font-weight: 400;
  line-height: 170%;
}
@media screen and (min-width: 751px) {
  .cta .bottom {
    font-size: 32px;
  }
}
@media screen and (min-width: 751px) {
  .cta .bottom {
    margin-top: 12px;
  }
}

.line-button {
  display: flex;
  flex-direction: column;
  padding: 2.1333333333vw 3.2vw;
  justify-content: center;
  align-items: center;
  align-self: stretch;
  color: var(--White, #FFF);
  border-radius: 8px;
  background: linear-gradient(180deg, #06C755 0%, #04943F 100%);
  box-shadow: 4px 8px 20px 0px rgba(15, 28, 17, 0.2);
  position: relative;
  overflow: hidden;
  cursor: pointer;
}
@media screen and (min-width: 751px) {
  .line-button {
    padding: 16px 24px;
  }
}
.line-button:hover::before {
  opacity: 1;
}
.line-button::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.3) 100%), linear-gradient(180deg, #06C755 0%, #04943F 100%);
  box-shadow: 4px 8px 20px 0px rgba(15, 28, 17, 0.2);
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: 0.3s ease;
  z-index: 1;
}
.line-button::after {
  content: "";
  background-image: url(./images/button-icon.svg);
  background-repeat: no-repeat;
  width: 8.5333333333vw;
  height: 8.5333333333vw;
  background-size: cover;
  position: absolute;
  top: 50%;
  right: 2.6666666667vw;
  transform: translateY(-50%);
  z-index: 2;
}
@media screen and (min-width: 751px) {
  .line-button::after {
    width: 64px;
    height: 64px;
  }
}
.line-button .sm {
  font-family: YuGothic;
  font-size: 2.9333333333vw;
  font-style: normal;
  font-weight: 700;
  line-height: 180%;
  position: relative;
  z-index: 2;
}
@media screen and (min-width: 751px) {
  .line-button .sm {
    font-size: 22px;
  }
}
.line-button .lg {
  font-family: "Shippori Mincho", serif;
  font-size: 5.3333333333vw;
  font-style: normal;
  font-weight: 500;
  line-height: 160%;
  position: relative;
  z-index: 2;
}
@media screen and (min-width: 751px) {
  .line-button .lg {
    font-size: 40px;
  }
}

.problem {
  padding: 18.1333333333vw 4.2666666667vw;
  background-image: url(./images/bg2.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
@media screen and (min-width: 751px) {
  .problem {
    padding: 136px 32px;
  }
}
.problem .copy {
  text-align: center;
  font-family: "Shippori Mincho", serif;
  font-size: 6.4vw;
  font-style: normal;
  font-weight: 500;
  line-height: 160%;
}
@media screen and (min-width: 751px) {
  .problem .copy {
    font-size: 48px;
  }
}
.problem .image {
  margin-top: 5.3333333333vw;
  margin-inline: auto;
  width: 32.8vw;
}
@media screen and (min-width: 751px) {
  .problem .image {
    margin-top: 40px;
    width: 246px;
  }
}
.problem .problem-list {
  margin-top: 5.3333333333vw;
  background-color: #fff;
  padding: 5.3333333333vw;
  list-style-type: none;
}
@media screen and (min-width: 751px) {
  .problem .problem-list {
    margin-top: 40px;
    padding: 40px;
  }
}
.problem .problem-list li {
  background-image: url(./images/check.png);
  background-size: 7.6vw 6.4vw;
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 11.8666666667vw;
  color: var(--Dark-Gray, #505454);
  font-family: YuGothic;
  font-size: 2.9333333333vw;
  font-style: normal;
  font-weight: 500;
  line-height: 180%;
  letter-spacing: -0.0586666667vw;
}
@media screen and (min-width: 751px) {
  .problem .problem-list li {
    font-size: 22px;
    letter-spacing: -0.44px;
  }
}
@media screen and (min-width: 751px) {
  .problem .problem-list li {
    background-size: 57px 48px;
    padding-left: 89px;
  }
}
.problem .problem-list li:not(:first-child) {
  margin-top: 4.2666666667vw;
}
@media screen and (min-width: 751px) {
  .problem .problem-list li:not(:first-child) {
    margin-top: 32px;
  }
}
.problem .problem-list li .blue {
  font-family: YuGothic;
  font-size: 2.9333333333vw;
  font-style: normal;
  font-weight: 700;
  line-height: 180%;
}
@media screen and (min-width: 751px) {
  .problem .problem-list li .blue {
    font-size: 22px;
  }
}

.reason {
  padding: 18.1333333333vw 4.2666666667vw;
  background-image: url(./images/bg3.jpg);
  background-size: cover;
  background-position: center 0;
  background-repeat: no-repeat;
}
@media screen and (min-width: 751px) {
  .reason {
    padding: 136px 32px;
  }
}
.reason .copy {
  text-align: center;
  color: var(--Black, #222424);
  font-family: "Shippori Mincho", serif;
  font-size: 3.7333333333vw;
  font-style: normal;
  font-weight: 400;
  line-height: 170%;
}
@media screen and (min-width: 751px) {
  .reason .copy {
    font-size: 28px;
  }
}
.reason .copy .mark {
  position: relative;
}
.reason .copy .mark::before {
  content: "";
  width: 0.6666666667vw;
  height: 0.6666666667vw;
  background-color: var(--Black, #222424);
  border-radius: 50px;
  position: absolute;
  left: 50%;
  top: -0.5333333333vw;
  transform: translateX(-50%);
}
@media screen and (min-width: 751px) {
  .reason .copy .mark::before {
    width: 5px;
    height: 5px;
    top: -4px;
  }
}
.reason .copy .lg {
  font-family: "Shippori Mincho", serif;
  font-size: 8vw;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
}
@media screen and (min-width: 751px) {
  .reason .copy .lg {
    font-size: 60px;
  }
}
.reason .copy .lg span {
  font-family: "Shippori Mincho", serif;
  font-size: 6.4vw;
  font-style: normal;
  font-weight: 500;
  line-height: 160%;
}
@media screen and (min-width: 751px) {
  .reason .copy .lg span {
    font-size: 48px;
  }
}
.reason .reason-list {
  margin-top: 10.6666666667vw;
  display: flex;
  flex-direction: column;
  gap: 16vw;
  align-items: center;
  padding: 0 2.1333333333vw;
}
@media screen and (min-width: 751px) {
  .reason .reason-list {
    margin-top: 80px;
    gap: 120px;
    padding: 0 16px;
  }
}
.reason .reason-list .item {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 4.2666666667vw;
  padding: 5.3333333333vw 5.3333333333vw 7.4666666667vw;
  background: #FFF;
}
@media screen and (min-width: 751px) {
  .reason .reason-list .item {
    padding: 40px 40px 56px;
    gap: 32px;
  }
}
.reason .reason-list .item .no {
  position: absolute;
  top: -2.1333333333vw;
  left: -2.1333333333vw;
  width: 13.0666666667vw;
  height: 13.0666666667vw;
}
@media screen and (min-width: 751px) {
  .reason .reason-list .item .no {
    top: -16px;
    left: -16px;
    width: 98px;
    height: 98px;
  }
}
.reason .reason-list .item .img {
  width: 42.1498666667vw;
  margin-inline: auto;
}
@media screen and (min-width: 751px) {
  .reason .reason-list .item .img {
    width: 316.124px;
  }
}
.reason .reason-list .item .copy {
  color: var(--Blue, #517C94);
  font-family: "Shippori Mincho", serif;
  font-size: 5.3333333333vw;
  font-style: normal;
  font-weight: 500;
  line-height: 160%;
}
@media screen and (min-width: 751px) {
  .reason .reason-list .item .copy {
    font-size: 40px;
  }
}
.reason .reason-list .item .dec {
  font-family: YuGothic;
  font-size: 3.2vw;
  font-style: normal;
  font-weight: 500;
  line-height: 180%;
  letter-spacing: -0.064vw;
  color: var(--Dark-Gray, #505454);
}
@media screen and (min-width: 751px) {
  .reason .reason-list .item .dec {
    font-size: 24px;
    letter-spacing: -0.48px;
  }
}
.reason .bottom {
  text-align: center;
  margin-top: 10.6666666667vw;
  color: var(--Dark-Gray, #505454);
  font-family: YuGothic;
  font-size: 4.2666666667vw;
  font-style: normal;
  font-weight: 700;
  line-height: 170%;
}
@media screen and (min-width: 751px) {
  .reason .bottom {
    font-size: 32px;
  }
}
@media screen and (min-width: 751px) {
  .reason .bottom {
    margin-top: 80px;
  }
}

.intro {
  padding: 18.1333333333vw 4.2666666667vw;
  background-color: #fff;
}
@media screen and (min-width: 751px) {
  .intro {
    padding: 136px 32px;
  }
}
.intro .IntroImgWrapper {
  display: flex;
  gap: 3.2vw;
  justify-content: center;
  align-items: center;
}
@media screen and (min-width: 751px) {
  .intro .IntroImgWrapper {
    gap: 24px;
  }
}
.intro .IntroImgWrapper .img {
  width: 32.8vw;
}
@media screen and (min-width: 751px) {
  .intro .IntroImgWrapper .img {
    width: 246px;
  }
}
.intro .IntroImgWrapper .dec {
  font-family: "Shippori Mincho", serif;
  font-size: 5.3333333333vw;
  font-style: normal;
  font-weight: 500;
  line-height: 160%;
  position: relative;
}
@media screen and (min-width: 751px) {
  .intro .IntroImgWrapper .dec {
    font-size: 40px;
  }
}
.intro .IntroImgWrapper .dec::before {
  content: "";
  background-image: url(./images/square-brackets1.svg);
  width: 2.4vw;
  height: 3.7333333333vw;
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  left: -3.2vw;
}
@media screen and (min-width: 751px) {
  .intro .IntroImgWrapper .dec::before {
    width: 18px;
    height: 28px;
    left: -24px;
  }
}
.intro .IntroImgWrapper .dec::after {
  content: "";
  background-image: url(./images/square-brackets2.svg);
  width: 2.8vw;
  height: 3.0666666667vw;
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  bottom: 0;
  right: 0;
}
@media screen and (min-width: 751px) {
  .intro .IntroImgWrapper .dec::after {
    width: 21px;
    height: 23px;
  }
}
.intro .intro-message {
  margin-top: 16vw;
  text-align: center;
  color: var(--Black, #222424);
}
@media screen and (min-width: 751px) {
  .intro .intro-message {
    margin-top: 120px;
  }
}
.intro .intro-message .but {
  font-family: YuGothic;
  font-size: 5.8666666667vw;
  font-weight: 500;
  line-height: 130%;
  letter-spacing: 0.0026666667vw;
  text-align: center;
}
@media screen and (min-width: 751px) {
  .intro .intro-message .but {
    font-size: 44px;
    letter-spacing: 0.02px;
  }
}
.intro .intro-message .txt {
  margin-top: 5.3333333333vw;
  font-family: YuGothic;
  font-size: 4.2666666667vw;
  font-style: normal;
  font-weight: 500;
  line-height: 170%;
}
@media screen and (min-width: 751px) {
  .intro .intro-message .txt {
    font-size: 32px;
  }
}
@media screen and (min-width: 751px) {
  .intro .intro-message .txt {
    margin-top: 40px;
  }
}
.intro .intro-message .arrow {
  margin-top: 16vw;
  width: 19.4666666667vw;
  margin-inline: auto;
}
@media screen and (min-width: 751px) {
  .intro .intro-message .arrow {
    margin-top: 120px;
    width: 146px;
  }
}
.intro .intro-message .txt2 {
  margin-top: 16vw;
  font-family: "Shippori Mincho", serif;
  font-size: 4.2666666667vw;
  font-style: normal;
  font-weight: 400;
  line-height: 170%;
}
@media screen and (min-width: 751px) {
  .intro .intro-message .txt2 {
    font-size: 32px;
  }
}
@media screen and (min-width: 751px) {
  .intro .intro-message .txt2 {
    margin-top: 120px;
  }
}
.intro .intro-message .belme {
  font-family: "Shippori Mincho", serif;
  font-size: 6.4vw;
  font-style: normal;
  font-weight: 500;
  line-height: 160%;
  margin-top: 3.2vw;
}
@media screen and (min-width: 751px) {
  .intro .intro-message .belme {
    font-size: 48px;
  }
}
@media screen and (min-width: 751px) {
  .intro .intro-message .belme {
    margin-top: 24px;
  }
}
.intro .intro-message .belme span {
  font-family: "Shippori Mincho", serif;
  font-size: 8vw;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  background-image: url(./images/intro-wave.svg);
  background-size: 23.6vw 1.8666666667vw;
  background-position: 0 90%;
  background-repeat: no-repeat;
}
@media screen and (min-width: 751px) {
  .intro .intro-message .belme span {
    font-size: 60px;
  }
}
@media screen and (min-width: 751px) {
  .intro .intro-message .belme span {
    background-size: 177px 14px;
  }
}
.intro .intro-message .staff-img {
  margin-top: 5.3333333333vw;
}
@media screen and (min-width: 751px) {
  .intro .intro-message .staff-img {
    margin-top: 40px;
  }
}
.intro .intro-message .txt3 {
  margin-top: 4.2666666667vw;
  font-family: "Shippori Mincho", serif;
  font-size: 3.7333333333vw;
  font-style: normal;
  font-weight: 400;
  line-height: 170%;
}
@media screen and (min-width: 751px) {
  .intro .intro-message .txt3 {
    font-size: 28px;
  }
}
@media screen and (min-width: 751px) {
  .intro .intro-message .txt3 {
    margin-top: 32px;
  }
}

.features {
  padding: 18.1333333333vw 3.2vw 26.6666666667vw;
  background-color: #fff;
  background-image: url(./images/bg4.jpg);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  overflow: hidden;
}
@media screen and (min-width: 751px) {
  .features {
    padding: 136px 24px 200px;
  }
}
.features .copy {
  color: var(--Black, #222424);
  text-align: center;
  font-family: "Shippori Mincho", serif;
  font-size: 3.7333333333vw;
  font-style: normal;
  font-weight: 400;
  line-height: 170%;
}
@media screen and (min-width: 751px) {
  .features .copy {
    font-size: 28px;
  }
}
.features .copy .red {
  font-family: "Shippori Mincho", serif;
  font-size: 6.4vw;
  font-style: normal;
  font-weight: 500;
  line-height: 160%;
  display: block;
}
@media screen and (min-width: 751px) {
  .features .copy .red {
    font-size: 48px;
  }
}
.features .img {
  margin-top: 10.6666666667vw;
}
@media screen and (min-width: 751px) {
  .features .img {
    margin-top: 80px;
  }
}
.features .features-list {
  margin-top: 24vw;
  display: flex;
  flex-direction: column;
  gap: 24vw;
}
@media screen and (min-width: 751px) {
  .features .features-list {
    margin-top: 180px;
    gap: 180px;
  }
}
.features .features-list .item {
  display: flex;
  flex-direction: column;
  gap: 5.3333333333vw;
}
@media screen and (min-width: 751px) {
  .features .features-list .item {
    gap: 40px;
  }
}
.features .features-list .item .item-title {
  padding-left: 11.7333333333vw;
  color: var(--Black, #222424);
  font-family: "Shippori Mincho", serif;
  font-size: 3.7333333333vw;
  font-style: normal;
  font-weight: 400;
  line-height: 170%;
  position: relative;
}
@media screen and (min-width: 751px) {
  .features .features-list .item .item-title {
    font-size: 28px;
  }
}
@media screen and (min-width: 751px) {
  .features .features-list .item .item-title {
    padding-left: 88px;
  }
}
.features .features-list .item .item-title .red {
  display: block;
  font-family: "Shippori Mincho", serif;
  font-size: 5.3333333333vw;
  font-style: normal;
  font-weight: 500;
  line-height: 160%;
}
@media screen and (min-width: 751px) {
  .features .features-list .item .item-title .red {
    font-size: 40px;
  }
}
.features .features-list .item .item-title .no {
  position: absolute;
  top: -17.8666666667vw;
  left: -4.2666666667vw;
  color: rgba(141, 16, 61, 0.1);
  text-align: center;
  font-family: "Shippori Mincho", serif;
  font-size: 32vw;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
}
@media screen and (min-width: 751px) {
  .features .features-list .item .item-title .no {
    top: -134px;
    left: -32px;
    font-size: 240px;
  }
}
.features .features-list .item .item-img {
  position: relative;
}
.features .features-list .item .item-img img {
  position: relative;
  z-index: 2;
}
.features .features-list .item .item-img::before {
  content: "";
  width: 72.5333333333vw;
  height: 40vw;
  opacity: 0.8;
  background: rgba(141, 16, 61, 0.14);
  position: absolute;
  bottom: -3.2vw;
  right: -3.2vw;
  z-index: 1;
}
@media screen and (min-width: 751px) {
  .features .features-list .item .item-img::before {
    width: 544px;
    height: 300px;
    bottom: -24px;
    right: -24px;
  }
}
.features .features-list .item .item-dec {
  color: var(--Dark-Gray, #505454);
  font-family: YuGothic;
  font-size: 3.2vw;
  font-style: normal;
  font-weight: 500;
  line-height: 180%;
  letter-spacing: -0.064vw;
}
@media screen and (min-width: 751px) {
  .features .features-list .item .item-dec {
    font-size: 24px;
    letter-spacing: -0.48px;
  }
}
.features .features-list .item .item-dec p {
  margin-top: 1.6vw;
}
@media screen and (min-width: 751px) {
  .features .features-list .item .item-dec p {
    margin-top: 12px;
  }
}

.voice {
  padding: 18.1333333333vw 3.2vw;
  background-color: #fff;
}
@media screen and (min-width: 751px) {
  .voice {
    padding: 136px 24px;
  }
}
.voice h2 {
  text-align: center;
  font-family: "Shippori Mincho", serif;
  font-size: 6.4vw;
  font-style: normal;
  font-weight: 500;
  line-height: 160%;
}
@media screen and (min-width: 751px) {
  .voice h2 {
    font-size: 48px;
  }
}
.voice .voice-list {
  margin-top: 10.6666666667vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16vw;
}
@media screen and (min-width: 751px) {
  .voice .voice-list {
    margin-top: 80px;
    gap: 120px;
  }
}
.voice .voice-list .item .top {
  position: relative;
}
.voice .voice-list .item .copy {
  color: var(--White, #FFF);
  font-family: "Shippori Mincho", serif;
  font-size: 5.3333333333vw;
  font-style: normal;
  font-weight: 500;
  line-height: 160%;
  position: absolute;
  bottom: -4vw;
  left: -3.2vw;
}
@media screen and (min-width: 751px) {
  .voice .voice-list .item .copy {
    font-size: 40px;
  }
}
@media screen and (min-width: 751px) {
  .voice .voice-list .item .copy {
    bottom: -30px;
    left: -24px;
  }
}
.voice .voice-list .item .copy span {
  background: var(--Red, #8D103D);
  padding: 0 2.1333333333vw 0 3.2vw;
}
@media screen and (min-width: 751px) {
  .voice .voice-list .item .copy span {
    padding: 0 16px 0 24px;
  }
}
.voice .voice-list .item .copy.-right {
  text-align: right;
  left: 0;
  right: -3.2vw;
}
@media screen and (min-width: 751px) {
  .voice .voice-list .item .copy.-right {
    right: -24px;
  }
}
.voice .voice-list .item .copy.-right span {
  padding: 0 3.2vw 0 2.1333333333vw;
}
@media screen and (min-width: 751px) {
  .voice .voice-list .item .copy.-right span {
    padding: 0 24px 0 16px;
  }
}
.voice .voice-list .item .detail {
  margin-top: 9.6vw;
  color: var(--Dark-Gray, #505454);
  font-family: YuGothic;
  font-size: 3.2vw;
  font-style: normal;
  font-weight: 500;
  line-height: 180%;
  letter-spacing: -0.064vw;
}
@media screen and (min-width: 751px) {
  .voice .voice-list .item .detail {
    font-size: 24px;
    letter-spacing: -0.48px;
  }
}
@media screen and (min-width: 751px) {
  .voice .voice-list .item .detail {
    margin-top: 72px;
  }
}
.voice .voice-list .item .detail .name {
  font-family: YuGothic;
  font-size: 3.2vw;
  font-style: normal;
  font-weight: 500;
  line-height: 180%;
  letter-spacing: -0.064vw;
  font-weight: 700;
}
@media screen and (min-width: 751px) {
  .voice .voice-list .item .detail .name {
    font-size: 24px;
    letter-spacing: -0.48px;
  }
}
.voice .voice-list .item .detail .name + * {
  margin-top: 2.1333333333vw;
}
@media screen and (min-width: 751px) {
  .voice .voice-list .item .detail .name + * {
    margin-top: 16px;
  }
}
.voice .voice-list .item .detail p + p {
  margin-top: 1.6vw;
}
@media screen and (min-width: 751px) {
  .voice .voice-list .item .detail p + p {
    margin-top: 12px;
  }
}

.promise {
  background-image: url(./images/bg5.jpg);
  padding: 2.1333333333vw 3.2vw;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center 0;
}
@media screen and (min-width: 751px) {
  .promise {
    padding: 16px 32px;
  }
}
.promise .inner {
  border: 1px solid var(--Dark-Gold, #6E654D);
  padding: 16vw 1.0666666667vw;
}
@media screen and (min-width: 751px) {
  .promise .inner {
    padding: 120px 8px;
  }
}
.promise .copy {
  font-family: "Shippori Mincho", serif;
  font-size: 8vw;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 3.2vw;
}
@media screen and (min-width: 751px) {
  .promise .copy {
    font-size: 60px;
  }
}
@media screen and (min-width: 751px) {
  .promise .copy {
    gap: 24px;
  }
}
.promise .copy::before, .promise .copy::after {
  content: "";
  background-image: url(./images/promise-line.png);
  width: 8.9066666667vw;
  height: 11.12vw;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 0 0;
}
@media screen and (min-width: 751px) {
  .promise .copy::before, .promise .copy::after {
    width: 66.8px;
    height: 83.4px;
  }
}
.promise .promise-message {
  margin-top: 10.6666666667vw;
  text-align: center;
  color: var(--Black, #222424);
  font-family: "Shippori Mincho", serif;
  font-size: 5.3333333333vw;
  font-style: normal;
  font-weight: 500;
  line-height: 160%;
}
@media screen and (min-width: 751px) {
  .promise .promise-message {
    font-size: 40px;
  }
}
@media screen and (min-width: 751px) {
  .promise .promise-message {
    margin-top: 80px;
  }
}
.promise .promise-message span {
  padding: 0 1.0666666667vw;
  border: 1px solid #8D103D;
}
@media screen and (min-width: 751px) {
  .promise .promise-message span {
    padding: 0 8px;
  }
}
.promise .bottom {
  margin-top: 7.4666666667vw;
  font-family: "Shippori Mincho", serif;
  font-size: 3.7333333333vw;
  font-style: normal;
  font-weight: 400;
  line-height: 170%;
  color: var(--Black, #222424);
  text-align: center;
}
@media screen and (min-width: 751px) {
  .promise .bottom {
    font-size: 28px;
  }
}
@media screen and (min-width: 751px) {
  .promise .bottom {
    margin-top: 56px;
  }
}
.promise .note {
  color: var(--Black, #222424);
  text-align: center;
  margin-top: 2.1333333333vw;
  font-family: YuGothic;
  font-size: 2.9333333333vw;
  font-style: normal;
  font-weight: 500;
  line-height: 180%;
  letter-spacing: -0.0586666667vw;
}
@media screen and (min-width: 751px) {
  .promise .note {
    font-size: 22px;
    letter-spacing: -0.44px;
  }
}
@media screen and (min-width: 751px) {
  .promise .note {
    margin-top: 16px;
  }
}

.qa {
  padding: 18.1333333333vw 3.2vw;
  background-color: #fff;
}
@media screen and (min-width: 751px) {
  .qa {
    padding: 136px 24px;
  }
}
.qa .copy {
  color: var(--Dark-Gray, #505454);
  text-align: center;
  font-family: "Shippori Mincho", serif;
  font-size: 6.4vw;
  font-style: normal;
  font-weight: 500;
  line-height: 160%;
}
@media screen and (min-width: 751px) {
  .qa .copy {
    font-size: 48px;
  }
}
.qa .qa-list {
  margin-top: 10.6666666667vw;
}
@media screen and (min-width: 751px) {
  .qa .qa-list {
    margin-top: 80px;
  }
}
.qa .qa-list dt {
  color: var(--Dark-Gray, #505454);
  font-family: "Shippori Mincho", serif;
  font-size: 4.2666666667vw;
  font-style: normal;
  font-weight: 400;
  line-height: 170%;
  padding-left: 6vw;
  position: relative;
  border-bottom: 1px solid var(--Gray, #8F9696);
  padding-bottom: 1.0666666667vw;
}
@media screen and (min-width: 751px) {
  .qa .qa-list dt {
    font-size: 32px;
  }
}
@media screen and (min-width: 751px) {
  .qa .qa-list dt {
    padding-left: 45px;
    padding-bottom: 8px;
  }
}
.qa .qa-list dt::before {
  content: "Q.";
  position: absolute;
  left: 0;
  top: 0;
  font-family: "Shippori Mincho", serif;
  font-size: 4.2666666667vw;
  font-style: normal;
  font-weight: 400;
  line-height: 170%;
  font-weight: 500;
}
@media screen and (min-width: 751px) {
  .qa .qa-list dt::before {
    font-size: 32px;
  }
}
.qa .qa-list dt:not(:first-child) {
  margin-top: 7.4666666667vw;
}
@media screen and (min-width: 751px) {
  .qa .qa-list dt:not(:first-child) {
    margin-top: 56px;
  }
}
.qa .qa-list dd {
  margin-top: 4.2666666667vw;
  color: var(--Dark-Gray, #505454);
  font-family: YuGothic;
  font-size: 3.2vw;
  font-style: normal;
  font-weight: 500;
  line-height: 180%;
  letter-spacing: -0.064vw;
}
@media screen and (min-width: 751px) {
  .qa .qa-list dd {
    font-size: 24px;
    letter-spacing: -0.48px;
  }
}
@media screen and (min-width: 751px) {
  .qa .qa-list dd {
    margin-top: 32px;
  }
}

.message {
  padding: 18.1333333333vw 6.4vw;
  background-image: url(./images/bg6.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center 0;
}
@media screen and (min-width: 751px) {
  .message {
    padding: 136px 48px;
  }
}
.message .copy {
  color: var(--Black, #222424);
  text-align: center;
  font-family: "Shippori Mincho", serif;
  font-size: 4.2666666667vw;
  font-style: normal;
  font-weight: 400;
  line-height: 170%;
  font-weight: 500;
}
@media screen and (min-width: 751px) {
  .message .copy {
    font-size: 32px;
  }
}
.message .serif {
  text-align: center;
  font-family: "Shippori Mincho", serif;
  font-size: 6.4vw;
  font-style: normal;
  font-weight: 500;
  line-height: 160%;
}
@media screen and (min-width: 751px) {
  .message .serif {
    font-size: 48px;
  }
}
.message .serif .lg {
  font-family: "Shippori Mincho", serif;
  font-size: 8vw;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
}
@media screen and (min-width: 751px) {
  .message .serif .lg {
    font-size: 60px;
  }
}
.message .img {
  width: 64vw;
  margin-top: 9.0666666667vw;
  margin-inline: auto;
}
@media screen and (min-width: 751px) {
  .message .img {
    width: 480px;
    margin-top: 68px;
  }
}
.message .txt {
  margin-top: 10.6666666667vw;
  color: var(--Black, #222424);
  font-family: "Shippori Mincho", serif;
  font-size: 3.7333333333vw;
  font-style: normal;
  font-weight: 400;
  line-height: 170%;
}
@media screen and (min-width: 751px) {
  .message .txt {
    font-size: 28px;
  }
}
@media screen and (min-width: 751px) {
  .message .txt {
    margin-top: 80px;
  }
}
.message .txt p + p {
  margin-top: 4.2666666667vw;
}
@media screen and (min-width: 751px) {
  .message .txt p + p {
    margin-top: 32px;
  }
}
.message .txt ul {
  padding: 0;
  margin-top: 4.2666666667vw;
  list-style-type: none;
}
@media screen and (min-width: 751px) {
  .message .txt ul {
    margin-top: 32px;
  }
}
.message .txt ul li {
  font-family: "Shippori Mincho", serif;
  font-size: 3.2vw;
  font-style: normal;
  font-weight: 400;
  line-height: 170%;
}
@media screen and (min-width: 751px) {
  .message .txt ul li {
    font-size: 24px;
  }
}
.message .txt ul li::before {
  content: "・";
}
.message .txt ul + * {
  margin-top: 4.2666666667vw;
}
@media screen and (min-width: 751px) {
  .message .txt ul + * {
    margin-top: 32px;
  }
}

.shop {
  padding: 18.1333333333vw 3.2vw;
  background-color: #fff;
}
@media screen and (min-width: 751px) {
  .shop {
    padding: 136px 24px;
  }
}
.shop .copy {
  color: var(--Dark-Gray, #505454);
  text-align: center;
  font-family: "Shippori Mincho", serif;
  font-size: 6.4vw;
  font-style: normal;
  font-weight: 500;
  line-height: 160%;
}
@media screen and (min-width: 751px) {
  .shop .copy {
    font-size: 48px;
  }
}
.shop .copy2 {
  margin-top: 10.6666666667vw;
  font-family: "Shippori Mincho", serif;
  font-size: 5.3333333333vw;
  font-style: normal;
  font-weight: 500;
  line-height: 160%;
  font-weight: 500;
  text-align: center;
}
@media screen and (min-width: 751px) {
  .shop .copy2 {
    font-size: 40px;
  }
}
@media screen and (min-width: 751px) {
  .shop .copy2 {
    margin-top: 80px;
  }
}
.shop .shop-name {
  margin-top: 3.2vw;
  color: var(--Black, #222424);
  text-align: center;
  font-family: "Shippori Mincho", serif;
  font-size: 4.2666666667vw;
  font-style: normal;
  font-weight: 400;
  line-height: 170%;
  font-weight: 500;
}
@media screen and (min-width: 751px) {
  .shop .shop-name {
    font-size: 32px;
  }
}
@media screen and (min-width: 751px) {
  .shop .shop-name {
    margin-top: 24px;
  }
}
.shop .img {
  margin-top: 6.4vw;
}
@media screen and (min-width: 751px) {
  .shop .img {
    margin-top: 48px;
  }
}
.shop .shop-data {
  margin-top: 4.8vw;
}
@media screen and (min-width: 751px) {
  .shop .shop-data {
    margin-top: 48px;
  }
}
.shop .shop-data th {
  color: var(--PrimaryGray, #404040);
  font-family: "Shippori Mincho", serif;
  font-size: 3.7333333333vw;
  font-style: normal;
  font-weight: 400;
  line-height: 170%;
  text-align: left;
  white-space: nowrap;
  padding: 1.6vw 0;
}
@media screen and (min-width: 751px) {
  .shop .shop-data th {
    font-size: 28px;
  }
}
@media screen and (min-width: 751px) {
  .shop .shop-data th {
    width: 112px;
    padding: 12px 0;
  }
}
.shop .shop-data td {
  color: var(--PrimaryGray, #404040);
  font-family: "Shippori Mincho", serif;
  font-size: 3.7333333333vw;
  font-style: normal;
  font-weight: 400;
  line-height: 170%;
  padding: 1.6vw 0 1.6vw 4.2666666667vw;
}
@media screen and (min-width: 751px) {
  .shop .shop-data td {
    font-size: 28px;
  }
}
@media screen and (min-width: 751px) {
  .shop .shop-data td {
    padding: 12px 0 12px 32px;
  }
}
.shop .map {
  margin-top: 4.8vw;
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}
@media screen and (min-width: 751px) {
  .shop .map {
    margin-top: 36px;
  }
}
.shop .map iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.shop .btn-wrap {
  margin-top: 10.6666666667vw;
}
@media screen and (min-width: 751px) {
  .shop .btn-wrap {
    margin-top: 80px;
  }
}

.footer .inner {
  padding: 18.1333333333vw 0;
  background-image: url(./images/bg4.jpg);
  background-size: cover;
  background-position: center 0;
  background-repeat: no-repeat;
}
@media screen and (min-width: 751px) {
  .footer .inner {
    padding: 136px 0;
  }
}
.footer .copy {
  text-align: center;
  font-family: "Shippori Mincho", serif;
  font-size: 6.4vw;
  font-style: normal;
  font-weight: 500;
  line-height: 160%;
}
@media screen and (min-width: 751px) {
  .footer .copy {
    font-size: 48px;
  }
}
.footer .copy span {
  font-family: "Shippori Mincho", serif;
  font-size: 8vw;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
}
@media screen and (min-width: 751px) {
  .footer .copy span {
    font-size: 60px;
  }
}
.footer .dec {
  margin-top: 10.6666666667vw;
  color: var(--Black, #222424);
  text-align: center;
  font-family: "Shippori Mincho", serif;
  font-size: 3.7333333333vw;
  font-style: normal;
  font-weight: 400;
  line-height: 170%;
}
@media screen and (min-width: 751px) {
  .footer .dec {
    font-size: 28px;
  }
}
@media screen and (min-width: 751px) {
  .footer .dec {
    margin-top: 80px;
  }
}
.footer .note {
  margin-top: 2.1333333333vw;
  color: var(--Black, #222424);
  text-align: center;
  font-family: YuGothic;
  font-size: 2.9333333333vw;
  font-style: normal;
  font-weight: 500;
  line-height: 180%;
  letter-spacing: -0.0586666667vw;
}
@media screen and (min-width: 751px) {
  .footer .note {
    font-size: 22px;
    letter-spacing: -0.44px;
  }
}
@media screen and (min-width: 751px) {
  .footer .note {
    margin-top: 16px;
  }
}
.footer .img {
  margin-top: 10.6666666667vw;
}
@media screen and (min-width: 751px) {
  .footer .img {
    margin-top: 80px;
  }
}
.footer .btn-wrap {
  margin-top: 10.6666666667vw;
  padding: 0 3.2vw;
}
@media screen and (min-width: 751px) {
  .footer .btn-wrap {
    margin-top: 80px;
    padding: 0 24px;
  }
}
.footer .bottom {
  padding: 7.4666666667vw 0 3.2vw;
}
@media screen and (min-width: 751px) {
  .footer .bottom {
    padding: 56px 0 24px;
  }
}
.footer .bottom .shop-name {
  color: var(--Black, #222424);
  text-align: center;
  font-family: YuGothic;
  font-size: 4.2666666667vw;
  font-style: normal;
  font-weight: 500;
  line-height: 170%;
}
@media screen and (min-width: 751px) {
  .footer .bottom .shop-name {
    font-size: 32px;
  }
}
.footer .bottom .shop-name span {
  font-family: YuGothic;
  font-size: 4.2666666667vw;
  font-style: normal;
  font-weight: 700;
  line-height: 170%;
}
@media screen and (min-width: 751px) {
  .footer .bottom .shop-name span {
    font-size: 32px;
  }
}
.footer .bottom .shop-name .logo {
  display: block;
  margin-inline: auto;
  width: 32vw;
}
@media screen and (min-width: 751px) {
  .footer .bottom .shop-name .logo {
    width: 240px;
  }
}
.footer .bottom .copyright {
  color: var(--Dark-Gray, #505454);
  text-align: center;
  margin-top: 10.6666666667vw;
  font-family: "Shippori Mincho", serif;
  font-size: 3.2vw;
  font-style: normal;
  font-weight: 400;
  line-height: 170%;
}
@media screen and (min-width: 751px) {
  .footer .bottom .copyright {
    font-size: 24px;
  }
}
@media screen and (min-width: 751px) {
  .footer .bottom .copyright {
    margin-top: 80px;
  }
}/*# sourceMappingURL=style.css.map */