@media only screen and (max-width: 767px) {
  .pc {
    display: none !important;
  }
}
@media only screen and (min-width: 768px) {
  .sp {
    display: none !important;
  }
}
:root {
  --bg-color: #ffffff;
  --text-color: #121212;
  color-scheme: light;
}

html {
  word-break: break-all;
  font-size: 100%;
  scroll-behavior: smooth;
  overflow-x: clip;
}
@media (min-width: 768px) and (max-width: 1260px) {
  html {
    font-size: 1.2698412698vw;
  }
}
@media only screen and (max-width: 767px) {
  html {
    font-size: min(3.7333333333vw, 20.5333333333px);
  }
}

body {
  font-size: 1rem;
  font-family: "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Meiryo", "Yu Gothic", sans-serif;
  background-color: var(--bg-color);
  color: var(--text-color);
  overflow-x: clip;
}
body img {
  inline-size: 100%;
}
@media only screen and (max-width: 767px) {
  body {
    font-size: 1rem;
  }
}
body a {
  transition: all 0.4s;
}

.Inner {
  max-width: 1260px;
  width: 100%;
  padding-inline-start: 1.875rem;
  padding-inline-end: 1.875rem;
  margin-inline-start: auto;
  margin-inline-end: auto;
}
@media only screen and (max-width: 767px) {
  .Inner {
    padding-inline-start: 1.4285714286rem;
    padding-inline-end: 1.4285714286rem;
    max-width: 550px;
  }
}

.textTen {
  font-family: "ten-mincho", serif !important;
}

#wpadminbar {
  inset-block-start: auto !important;
  inset-block-end: 0 !important;
}

html {
  margin-block-start: 0 !important;
  margin-block-end: 32px !important;
}

@media screen and (max-width: 782px) {
  html {
    margin-block-end: 46px !important;
  }
}
.CtaBtn {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  inline-size: 100%;
  padding-block: 2.0138888889vw;
  padding-inline: 4.4444444444vw;
  border: 0.125vw solid transparent;
  border-radius: 100vw;
  font-family: "Noto Serif JP", "Yu Mincho", serif;
  font-weight: 700;
  font-size: 1.3194444444vw;
  letter-spacing: 0.06em;
  line-height: 1;
  text-decoration: none;
}

.CtaBtn__Label {
  white-space: nowrap;
}
.CtaBtn__Label b {
  margin-inline-end: 0.15em;
  font-family: "Noto Sans JP", "Hiragino Sans", "Yu Gothic", sans-serif;
  font-weight: 700;
  font-size: 2.3333333333vw;
  line-height: 1;
  vertical-align: middle;
}
@media only screen and (max-width: 767px) {
  .CtaBtn__Label b {
    font-size: 5.2266666667vw;
  }
}

.CtaBtn__Em {
  vertical-align: middle;
}

.CtaBtn__Sm {
  vertical-align: middle;
}

.CtaBtn__Icon {
  position: absolute;
  inset-inline-start: 2.0833333333vw;
  display: flex;
  flex-shrink: 0;
  inline-size: 2.0833333333vw;
}

.CtaBtn__Arrow {
  position: absolute;
  inset-inline-end: 1.9444444444vw;
  display: flex;
  flex-shrink: 0;
  inline-size: 1.3888888889vw;
}

.CtaBtn--line {
  block-size: 5.3173611111vw;
  padding-block: 0;
  border-width: 0.1097222222vw;
  border-radius: 0.4166666667vw;
  font-size: 1.3888888889vw;
  letter-spacing: 0.1em;
  box-shadow: 0.1097222222vw 0.1097222222vw 0.2194444444vw rgba(0, 0, 0, 0.2);
  background: linear-gradient(#06C755, #06C755) padding-box, linear-gradient(90deg, #f0cc7e 0%, #e8c47e 19%, #c78a03 60%, #e3b75e 79%, #efca84 87%, #f4e7cf 100%) border-box;
  color: #FFFFFF;
}
@media only screen and (max-width: 767px) {
  .CtaBtn--line {
    block-size: 13.8666666667vw;
    font-size: 3.12vw;
  }
}

.CtaBtn--line .CtaBtn__Label b {
  letter-spacing: normal;
}

.CtaBtn--line .CtaBtn__Arrow {
  inline-size: 0.6020833333vw;
  inset-inline-end: 2.9513888889vw;
}
@media only screen and (max-width: 767px) {
  .CtaBtn--line .CtaBtn__Arrow {
    inline-size: 1.3333333333vw;
    inset-inline-end: 6.6133333333vw;
  }
}

.CtaBtn--mail {
  block-size: 5.3173611111vw;
  padding-block: 0;
  border-radius: 0.4166666667vw;
  font-size: 1.3888888889vw;
  letter-spacing: 0.1em;
  box-shadow: 0.1097222222vw 0.1097222222vw 0.2194444444vw rgba(0, 0, 0, 0.2);
  background: linear-gradient(#FFFFFF, #FFFFFF) padding-box, linear-gradient(90deg, #f0cc7e 0%, #e8c47e 19%, #c78a03 60%, #e3b75e 79%, #efca84 87%, #f4e7cf 100%) border-box;
  color: #EBB032;
}
@media only screen and (max-width: 767px) {
  .CtaBtn--mail {
    block-size: 13.8666666667vw;
    font-size: 3.12vw;
  }
}

.CtaBtn--mail .CtaBtn__Label b {
  font-family: "Noto Serif JP", "Yu Mincho", serif;
  font-size: 2.0722222222vw;
  letter-spacing: 0.1em;
}
@media only screen and (max-width: 767px) {
  .CtaBtn--mail .CtaBtn__Label b {
    font-size: 4.64vw;
  }
}

.CtaBtn--mail .CtaBtn__Icon {
  position: static;
  inline-size: 2.9138888889vw;
  margin-inline-end: 1.1388888889vw;
}
@media only screen and (max-width: 767px) {
  .CtaBtn--mail .CtaBtn__Icon {
    inline-size: 6.5333333333vw;
    margin-inline-end: 2.56vw;
  }
}

.CtaBtn--mail .CtaBtn__Em {
  font-size: 2.0138888889vw;
  letter-spacing: 0.1em;
}
@media only screen and (max-width: 767px) {
  .CtaBtn--mail .CtaBtn__Em {
    font-size: 4.5066666667vw;
  }
}

.CtaBtn--mail .CtaBtn__Arrow {
  inline-size: 0.6020833333vw;
  inset-inline-end: 2.8888888889vw;
}
@media only screen and (max-width: 767px) {
  .CtaBtn--mail .CtaBtn__Arrow {
    inline-size: 1.3333333333vw;
    inset-inline-end: 6.48vw;
  }
}

.CtaBtn--line .CtaBtn__Icon {
  position: static;
  inline-size: 2.9027777778vw;
  margin-inline-end: 0.4375vw;
}
@media only screen and (max-width: 767px) {
  .CtaBtn--line .CtaBtn__Icon {
    inline-size: 6.5066666667vw;
    margin-inline-end: 0.9866666667vw;
  }
}

.CtaBtn--line .CtaBtn__Em {
  font-size: 2.0138888889vw;
  letter-spacing: 0.1em;
}
@media only screen and (max-width: 767px) {
  .CtaBtn--line .CtaBtn__Em {
    font-size: 4.5066666667vw;
  }
}

.ArrowsArea {
  width: 51.5rem;
  margin-inline: auto;
  display: flex;
  column-gap: 5.75rem;
  color: #354256;
  margin-block-start: 5.1875rem;
  margin-block-end: 6.875rem;
}

.PrevNavi,
.NextNavi {
  width: 22.875rem;
  height: 5rem;
  border-radius: 999px;
  border: 2px solid;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
  font-weight: 700;
  position: relative;
  transition: all 0.4s;
}
.PrevNavi:hover,
.NextNavi:hover {
  background-color: #354256;
  color: #fff;
}

.PrevNavi__p,
.NextNavi__p {
  opacity: 0.6;
  pointer-events: none;
}

.PrevNavi::after {
  display: block;
  content: "";
  width: 0.9375rem;
  height: 0.9375rem;
  border-block-start: 2px solid;
  border-inline-start: 2px solid;
  position: absolute;
  top: 50%;
  left: 3.125rem;
  transform: translateY(-50%) rotate(-45deg);
}

.PrevNavi:hover::after,
.NextNavi:hover::after {
  border-color: #fff;
}

.NextNavi::after {
  display: block;
  content: "";
  width: 0.9375rem;
  height: 0.9375rem;
  border-block-start: 2px solid;
  border-inline-end: 2px solid;
  position: absolute;
  top: 50%;
  right: 3.125rem;
  transform: translateY(-50%) rotate(45deg);
}

.is-disabled {
  color: #ccc;
  cursor: default;
  pointer-events: none;
  text-decoration: none;
}

.list-pageNo {
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .list-pageNo {
    margin-top: 6.4rem;
  }
}

.PageNumBox {
  display: flex;
  justify-content: center;
  column-gap: 0.625rem;
}

.page-numbers {
  font-size: 1.125rem;
  font-weight: bold;
  text-align: center;
  padding-top: 0.9375rem;
  width: 3.125rem;
  height: 3.125rem;
  background: #fff;
  border: 0.0625rem solid #000;
}

.page-numbers.current {
  color: #fff;
  background: #000;
}

.page-numbers.dots {
  border: none;
}

.PageNumBox div {
  width: 3.125rem;
  height: 3.125rem;
  margin: 0 0.21875rem;
  border: 1px solid #000;
  position: relative;
  transition-duration: 0.3s;
}
@media only screen and (max-width: 767px) {
  .PageNumBox div {
    width: 3.125rem;
    height: 3.125rem;
    margin: 0 0.21875rem;
  }
}
.PageNumBox div:hover {
  opacity: 0.5;
}

.PageNumBox div:nth-of-type(1) {
  background-color: #000;
  color: #fff;
}

.PageNumBox div:nth-of-type(4) {
  border: none;
}

.PageNumBox div p,
.PageNumBox div a {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 0.625rem 0.9375rem;
}

.Breadcrumb {
  margin-block-end: 0.5rem;
}

.Breadcrumb_List {
  display: flex;
  flex-wrap: wrap;
  column-gap: 1rem;
  row-gap: 1rem;
}
@media only screen and (max-width: 767px) {
  .Breadcrumb_List {
    row-gap: unset;
  }
}

.Breadcrumb_Item {
  display: flex;
  align-items: center;
  font-size: 1.125rem;
  color: #fff;
  line-height: 2.3333333333;
}
@media only screen and (max-width: 767px) {
  .Breadcrumb_Item {
    font-size: 0.8571428571rem;
    line-height: unset;
  }
}

.Breadcrumb_Item:not(:last-child)::after {
  content: ">";
  margin-left: min(0.7936507937vw, 10px);
  color: #fff;
  font-family: sans-serif;
  align-self: center;
}

.Breadcrumb_Item a {
  text-decoration: none;
  color: inherit;
}

.Breadcrumb_Item a:hover {
  text-decoration: underline;
}

.Breadcrumb_List--white .Breadcrumb_Item {
  color: #000;
}

.Breadcrumb_List--white .Breadcrumb_Item:not(:last-child)::after {
  color: #000;
}

@media only screen and (max-width: 767px) {
  main {
    display: flex;
    flex-direction: column;
  }
}

@media only screen and (max-width: 767px) {
  .Problem,
  .Solution,
  .Present--spdup,
  .Flow,
  .Support,
  .Faq,
  .Link,
  .Footer {
    order: 1;
  }
}

.Present--spdup {
  display: none;
}
@media only screen and (max-width: 767px) {
  .Present--spdup {
    display: block;
  }
}

.Fv {
  position: relative;
  inline-size: 100%;
}

.Fv__Hero {
  inline-size: 100%;
}
.Fv__Hero img {
  display: block;
  inline-size: 100%;
  block-size: auto;
}

.Fv__Content {
  position: absolute;
  inset: 0;
}
@media only screen and (max-width: 767px) {
  .Fv__Content {
    z-index: 1;
  }
}

.Fv__Veil {
  display: none;
}
@media only screen and (max-width: 767px) {
  .Fv__Veil {
    display: block;
    position: absolute;
    inset-block-start: 80.8vw;
    inset-inline-start: 0;
    inline-size: 100%;
    block-size: 130.4vw;
    z-index: 0;
    background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.8) 49.3%, rgba(186, 217, 240, 0.8) 49.3%, rgba(255, 255, 255, 0.8) 100%);
  }
}

.Fv__Feather {
  position: absolute;
  inset-block-start: 14.8611111111vw;
  inset-inline-start: 30.4166666667vw;
  inline-size: 25.3777777778vw;
  transform: rotate(-30deg);
}
@media only screen and (max-width: 767px) {
  .Fv__Feather {
    display: none;
  }
}
.Fv__Feather img {
  display: block;
  inline-size: 100%;
  block-size: auto;
}

.Fv__Eyebrow {
  position: absolute;
  inset-block-start: 8.4027777778vw;
  inset-inline-start: 8.4027777778vw;
  font-family: "Noto Sans JP", "Hiragino Sans", "Yu Gothic", sans-serif;
  font-size: 0.7916666667vw;
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 1.5789473684;
  color: #14244A;
}
@media only screen and (max-width: 767px) {
  .Fv__Eyebrow {
    inset-block-start: 33.8666666667vw;
    inset-inline-start: 7.7333333333vw;
    font-size: 0.7142857143rem;
    letter-spacing: 0.1em;
    line-height: 1.6;
  }
}

.Fv__Eyebrow::after {
  content: "";
  display: block;
  inline-size: 10.9375vw;
  block-size: 0.0694444444vw;
  margin-block-start: 0.7986111111vw;
  background-color: #14244A;
}
@media only screen and (max-width: 767px) {
  .Fv__Eyebrow::after {
    inline-size: min(25.1466666667vw, 94.3px);
    block-size: min(0.16vw, 0.6px);
    margin-block-start: min(3.36vw, 12.6px);
  }
}

.Fv__EnTitle {
  position: absolute;
  inset-block-start: 15.9722222222vw;
  inset-inline-start: 8.3333333333vw;
  margin-block: 0;
  font-family: "Playfair Display", "Didot", serif;
  font-size: 5.4861111111vw;
  font-weight: 400;
  letter-spacing: 0.01em;
  line-height: 1.0886075949;
  color: #14244A;
}
@media only screen and (max-width: 767px) {
  .Fv__EnTitle {
    inset-block-start: 50.4vw;
    inset-inline-start: 7.7333333333vw;
    font-size: 3.1785714286rem;
    letter-spacing: 0.01em;
    line-height: 1.0898876404;
    color: #EBB032;
  }
}

.Fv__JpTitle {
  position: absolute;
  inset-block-start: 31.0416666667vw;
  inset-inline-start: 8.3333333333vw;
  font-family: "Noto Serif JP", "Yu Mincho", serif;
  font-size: 1.7777777778vw;
  font-weight: 500;
  letter-spacing: 0.1em;
  color: #333333;
}
@media only screen and (max-width: 767px) {
  .Fv__JpTitle {
    inset-block-start: 88vw;
    inset-inline-start: 9.3333333333vw;
    font-size: 1.2142857143rem;
    letter-spacing: 0.1em;
  }
}

.Fv__Lead {
  position: absolute;
  inset-block-start: 35.1388888889vw;
  inset-inline-start: 8.3333333333vw;
  font-family: "Noto Serif JP", "Yu Mincho", serif;
  font-size: 1.1111111111vw;
  font-weight: 400;
  line-height: 1.8;
  color: #333333;
}
@media only screen and (max-width: 767px) {
  .Fv__Lead {
    inset-block-start: 97.6vw;
    inset-inline-start: 4.8vw;
    inset-inline-end: 4.8vw;
    font-size: 0.8571428571rem;
    line-height: 1.6666666667;
  }
}

.Fv__Badge {
  position: absolute;
  inset-block-start: 41.6666666667vw;
  inset-inline-start: 1.4583333333vw;
  inline-size: 26.1805555556vw;
  z-index: 1;
}
@media only screen and (max-width: 767px) {
  .Fv__Badge {
    inset-block-start: 127.7333333333vw;
    inset-inline-start: -1.8666666667vw;
    inline-size: 48.8vw;
  }
}
.Fv__Badge img {
  display: block;
  inline-size: 100%;
  block-size: auto;
}

.Fv__Buttons {
  position: absolute;
  inset-block-start: 49.2361111111vw;
  inset-inline-start: 15.5555555556vw;
  inline-size: 39.5138888889vw;
  display: flex;
  flex-direction: column;
  gap: 0.6944444444vw;
}
@media only screen and (max-width: 767px) {
  .Fv__Buttons {
    inset-block-start: 141.0666666667vw;
    inset-inline-start: 23.4666666667vw;
    inline-size: 69.6vw;
    gap: 1.3333333333vw;
  }
}

@media only screen and (max-width: 767px) {
  .Fv .CtaBtn {
    block-size: 10.9333333333vw;
    padding-block: 0;
    border-width: 0.5333333333vw;
    border-radius: 1.6vw;
    box-shadow: 0.32vw 0.32vw 0.64vw rgba(0, 0, 0, 0.2);
    font-size: 0.7142857143rem;
  }
}

.Fv .CtaBtn--line {
  justify-content: flex-start;
  padding-inline-start: 9.0194444444vw;
}
@media only screen and (max-width: 767px) {
  .Fv .CtaBtn--line {
    padding-inline-start: 15.8666666667vw;
  }
}

@media only screen and (max-width: 767px) {
  .Fv .CtaBtn--line .CtaBtn__Label b {
    font-size: 1.0714285714rem;
  }
}

@media only screen and (max-width: 767px) {
  .Fv .CtaBtn--line .CtaBtn__Em {
    font-size: 0.8571428571rem;
  }
}

@media only screen and (max-width: 767px) {
  .Fv .CtaBtn--line .CtaBtn__Icon {
    inline-size: 5.3333333333vw;
    margin-inline-end: 0.5333333333vw;
  }
}

@media only screen and (max-width: 767px) {
  .Fv .CtaBtn--line .CtaBtn__Arrow {
    inline-size: 1.8666666667vw;
    inset-inline-end: 4.2666666667vw;
  }
}

.Fv .CtaBtn--mail {
  justify-content: flex-start;
  padding-inline-start: 7.925vw;
}
@media only screen and (max-width: 767px) {
  .Fv .CtaBtn--mail {
    padding-inline-start: 15.0666666667vw;
  }
}

@media only screen and (max-width: 767px) {
  .Fv .CtaBtn--mail .CtaBtn__Label b {
    font-size: 0.8571428571rem;
  }
}

@media only screen and (max-width: 767px) {
  .Fv .CtaBtn--mail .CtaBtn__Em {
    font-size: 0.8571428571rem;
  }
}

@media only screen and (max-width: 767px) {
  .Fv .CtaBtn--mail .CtaBtn__Icon {
    inline-size: 5.0666666667vw;
    margin-inline-end: 1.8666666667vw;
  }
}

.Fv .CtaBtn--mail .CtaBtn__Arrow {
  inset-inline-end: 2.2576388889vw;
}
@media only screen and (max-width: 767px) {
  .Fv .CtaBtn--mail .CtaBtn__Arrow {
    inline-size: 1.8666666667vw;
    inset-inline-end: 4.2666666667vw;
  }
}

.Fv__CtaNote {
  position: absolute;
  inset-block-start: 63.5416666667vw;
  inset-inline-start: 24.375vw;
  font-family: "Noto Serif JP", "Yu Mincho", serif;
  font-size: 0.9958333333vw;
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 1.3465829847;
  color: #14244A;
}
@media only screen and (max-width: 767px) {
  .Fv__CtaNote {
    inset-block-start: 166.1333333333vw;
    inset-inline-start: 39.4666666667vw;
    font-size: 0.6071428571rem;
    line-height: 1.3529411765;
    letter-spacing: 0.1em;
  }
}

.Fv__Time {
  position: absolute;
  inset-block-start: 66.5972222222vw;
  inset-inline-start: 24.1666666667vw;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  inline-size: 12.7083333333vw;
  block-size: 2.9861111111vw;
  border: 0.0833333333vw solid #EBB032;
  border-radius: 100vw;
  background-color: #FFFFFF;
  font-family: "Noto Serif JP", "Yu Mincho", serif;
  font-size: 1.0625vw;
  font-weight: 500;
  letter-spacing: 0.1em;
  color: #333333;
}
@media only screen and (max-width: 767px) {
  .Fv__Time {
    inset-block-start: 176.2666666667vw;
    inset-inline-start: 49.3333333333vw;
    inline-size: auto;
    block-size: auto;
    padding-block: 1.0666666667vw;
    padding-inline: 3.7333333333vw;
    border-width: 0.2666666667vw;
    font-size: 0.7857142857rem;
    letter-spacing: 0.1em;
  }
}

.Fv__Intro {
  position: absolute;
  inset-block-start: 71.875vw;
  inset-inline-start: 0;
  inline-size: 100%;
  block-size: 46.9444444444vw;
  background-color: rgba(255, 255, 255, 0.8);
}
@media only screen and (max-width: 767px) {
  .Fv__Intro {
    position: relative;
    inset-block-start: auto;
    z-index: 1;
    block-size: auto;
    margin-block-start: 38.4vw;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: transparent;
  }
}

.Fv__IntroPhoto {
  position: absolute;
  inset-block-start: 10.3472222222vw;
  inset-inline-start: 8.5416666667vw;
  inline-size: 38.5416666667vw;
}
@media only screen and (max-width: 767px) {
  .Fv__IntroPhoto {
    order: 2;
    position: static;
    inline-size: 73.0666666667vw;
    margin-block-start: 8vw;
  }
}
.Fv__IntroPhoto img {
  display: block;
  inline-size: 100%;
  block-size: auto;
}

.Fv__IntroTitle {
  position: absolute;
  inset-block-start: 10.3472222222vw;
  inset-inline-start: 54.7222222222vw;
  font-family: "Noto Serif JP", "Yu Mincho", serif;
  font-size: 1.7777777778vw;
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 1.34375;
  color: #14244A;
}
@media only screen and (max-width: 767px) {
  .Fv__IntroTitle {
    position: static;
    text-align: center;
    font-size: 1.2428571429rem;
    line-height: 1.6666666667;
    letter-spacing: 0.1em;
  }
}

.Fv__IntroBody {
  position: absolute;
  inset-block-start: 17.2916666667vw;
  inset-inline-start: 54.7222222222vw;
  inline-size: 29.1666666667vw;
  font-family: "Noto Serif JP", "Yu Mincho", serif;
  font-size: 1.1111111111vw;
  font-weight: 400;
  line-height: 1.6;
  color: #333333;
}
@media only screen and (max-width: 767px) {
  .Fv__IntroBody {
    position: static;
    inline-size: 100%;
    padding-inline: 5.3333333333vw;
    margin-block-start: 3.2vw;
    text-align: center;
    font-size: 0.8571428571rem;
    line-height: 1.8461538462;
  }
}

@media only screen and (max-width: 767px) {
  .Fv__IntroText {
    order: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    inline-size: 100%;
  }
}

.Value {
  position: relative;
  inline-size: 100%;
  block-size: 41.1111111111vw;
}
@media only screen and (max-width: 767px) {
  .Value {
    position: static;
    block-size: auto;
    padding-block-start: 13.3333333333vw;
    padding-block-end: 10.6666666667vw;
    padding-inline: 4vw;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}

@media only screen and (max-width: 767px) {
  .Value__Head {
    display: flex;
    flex-direction: column;
    align-items: center;
    inline-size: 100%;
  }
}

.Value__Title {
  position: absolute;
  inset-block-start: 7.9861111111vw;
  inset-inline-start: 11.5972222222vw;
  margin-block: 0;
  font-family: "Noto Serif JP", "Yu Mincho", serif;
  font-size: 1.7777777778vw;
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 1.34375;
  color: #14244A;
}
@media only screen and (max-width: 767px) {
  .Value__Title {
    position: static;
    text-align: center;
    font-size: 1.2428571429rem;
    line-height: 1.6666666667;
    letter-spacing: 0.1em;
  }
}

.Value__Body {
  position: absolute;
  inset-block-start: 16.5277777778vw;
  inset-inline-start: 12.0138888889vw;
  font-family: "Noto Serif JP", "Yu Mincho", serif;
  font-size: 1.1111111111vw;
  font-weight: 400;
  line-height: 1.8571428571;
  color: #333333;
}
@media only screen and (max-width: 767px) {
  .Value__Body {
    position: static;
    margin-block-start: 4.8vw;
    text-align: center;
    font-size: 0.9285714286rem;
    line-height: 1.8461538462;
  }
}

.Value__Note {
  position: absolute;
  inset-block-start: 28.8541666667vw;
  inset-inline-start: 12.2222222222vw;
  font-family: "Noto Serif JP", "Yu Mincho", serif;
  font-size: 1.1111111111vw;
  font-weight: 400;
  line-height: 1.8571428571;
  color: #333333;
}
@media only screen and (max-width: 767px) {
  .Value__Note {
    position: static;
    margin-block-start: 5.3333333333vw;
    text-align: center;
    font-size: 0.9285714286rem;
    line-height: 1.8461538462;
  }
}

.ValuePanel {
  position: absolute;
  inset-block-start: 7.9861111111vw;
  inline-size: 23.3680555556vw;
  block-size: 26.5277777778vw;
  display: flex;
  flex-direction: column;
}
@media only screen and (max-width: 767px) {
  .ValuePanel {
    position: static;
    inline-size: 65.0666666667vw;
  }
}

.ValuePanel--navy {
  inset-inline-start: 40.9722222222vw;
  background-color: #d5e2f3;
}
@media only screen and (max-width: 767px) {
  .ValuePanel--navy {
    inset-inline-start: auto;
    block-size: 59.4666666667vw;
    margin-block-start: 8vw;
  }
}

.ValuePanel--sky {
  inset-inline-start: 66.2013888889vw;
  background-color: #e1eff9;
}
@media only screen and (max-width: 767px) {
  .ValuePanel--sky {
    inset-inline-start: auto;
    block-size: 44.5333333333vw;
    margin-block-start: 8vw;
  }
}

.ValuePanel__Label {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  block-size: 3.2291666667vw;
  font-family: "Noto Serif JP", "Yu Mincho", serif;
  font-size: 1.2111111111vw;
  font-weight: 500;
  letter-spacing: 0.01em;
  color: #FFFFFF;
}
@media only screen and (max-width: 767px) {
  .ValuePanel__Label {
    block-size: 9.0666666667vw;
    font-size: 0.9042857143rem;
    letter-spacing: 0.01em;
  }
}

.ValuePanel--navy .ValuePanel__Label {
  background-color: #14244A;
}

.ValuePanel--sky .ValuePanel__Label {
  background-color: #1096d7;
}

.ValuePanel__List {
  flex: 1;
  align-self: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.ValuePanel__List li {
  display: flex;
  align-items: center;
  gap: 0.4166666667vw;
  font-family: "Noto Serif JP", "Yu Mincho", serif;
  font-size: 1.5048611111vw;
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 1.833871712;
  color: #333333;
}
@media only screen and (max-width: 767px) {
  .ValuePanel__List li {
    gap: 1.3333333333vw;
    font-size: 1.1071428571rem;
    line-height: 1.8064516129;
    letter-spacing: 0.1em;
  }
}
.ValuePanel__List li::before {
  content: "";
  flex-shrink: 0;
  inline-size: 1.6666666667vw;
  block-size: 1.6666666667vw;
  background: url(../img/top/value-gem.png) center/contain no-repeat;
}
@media only screen and (max-width: 767px) {
  .ValuePanel__List li::before {
    inline-size: 6.4vw;
    block-size: 6.4vw;
  }
}

.Problem {
  position: relative;
  inline-size: 100%;
  block-size: 55vw;
}
@media only screen and (max-width: 767px) {
  .Problem {
    position: static;
    block-size: auto;
    padding-block-start: 16vw;
    padding-block-end: 16vw;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}

.SolutionGlobe {
  position: absolute;
  inset-block-start: 15.4020833333vw;
  inset-inline-start: 0;
  inline-size: 100%;
  z-index: -1;
}
@media only screen and (max-width: 767px) {
  .SolutionGlobe {
    display: none;
  }
}
.SolutionGlobe img {
  display: block;
  inline-size: 100%;
  block-size: auto;
}

.Problem__Title {
  position: absolute;
  inset-block-start: 0vw;
  inset-inline: 0;
  margin-block: 0;
  font-family: "Noto Serif JP", "Yu Mincho", serif;
  font-size: 1.7777777778vw;
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 1.34375;
  color: #14244A;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .Problem__Title {
    position: static;
    font-size: 1.2428571429rem;
    line-height: 1.6666666667;
    letter-spacing: 0.1em;
  }
}

.Problem__Lead {
  position: absolute;
  inset-block-start: 3.75vw;
  inset-inline: 0;
  font-family: "Noto Serif JP", "Yu Mincho", serif;
  font-size: 1.1111111111vw;
  font-weight: 400;
  line-height: 1.8571428571;
  color: #333333;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .Problem__Lead {
    position: static;
    margin-block-start: 3.7333333333vw;
    font-size: 0.8571428571rem;
    line-height: 1.8461538462;
  }
}

.Problem__Cards {
  position: absolute;
  inset-block-start: 9.0277777778vw;
  inset-inline-start: 10.6597222222vw;
  display: flex;
  gap: 1.1805555556vw;
}
@media only screen and (max-width: 767px) {
  .Problem__Cards {
    position: static;
    inset-inline-start: auto;
    margin-block-start: 8vw;
    flex-direction: column;
    align-items: center;
    gap: 9.3333333333vw;
  }
}

.ProblemCard {
  position: relative;
  inline-size: 24.9305555556vw;
  block-size: 36.3888888889vw;
  background: url(../img/top/problem-card-frame.svg) center/100% 100% no-repeat;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .ProblemCard {
    inline-size: 74.9333333333vw;
    block-size: 109.0666666667vw;
  }
}
.ProblemCard img {
  display: block;
  inline-size: 100%;
  block-size: auto;
}

.ProblemCard__Ornament {
  position: absolute;
  inset-block-start: 1.6666666667vw;
  inset-inline: 0;
  inline-size: 4.9305555556vw;
  margin-inline: auto;
}
@media only screen and (max-width: 767px) {
  .ProblemCard__Ornament {
    inset-block-start: 4.5333333333vw;
    inline-size: 13.3333333333vw;
  }
}

.ProblemCard__En {
  position: absolute;
  inset-block-start: 4.7222222222vw;
  inset-inline: 0;
  font-family: "Playfair Display", "Didot", serif;
  font-size: 2.5vw;
  font-weight: 400;
  color: #14244A;
  transform: skewY(-5.18deg);
  z-index: 1;
}
@media only screen and (max-width: 767px) {
  .ProblemCard__En {
    inset-block-start: 12.8vw;
    font-size: 1.7857142857rem;
  }
}

.ProblemCard__Icon {
  position: absolute;
  inset-block-start: 8.0555555556vw;
  inset-inline: 0;
  inline-size: 17.3611111111vw;
  margin-inline: auto;
}
@media only screen and (max-width: 767px) {
  .ProblemCard__Icon {
    inset-block-start: 21.6vw;
    inline-size: 46.6666666667vw;
  }
}

.ProblemCard__Sub {
  position: absolute;
  inset-block-start: 27.2222222222vw;
  inset-inline: 0;
  font-family: "Noto Serif JP", "Yu Mincho", serif;
  font-size: 1.6284722222vw;
  font-weight: 500;
  letter-spacing: 0.1em;
  color: #333333;
}
@media only screen and (max-width: 767px) {
  .ProblemCard__Sub {
    inset-block-start: 73.0666666667vw;
    font-size: 1.1428571429rem;
    letter-spacing: 0.1em;
  }
}

.ProblemCard__Body {
  position: absolute;
  inset-block-start: 30.625vw;
  inset-inline: 0;
  font-family: "Noto Serif JP", "Yu Mincho", serif;
  font-size: 1.1111111111vw;
  font-weight: 400;
  line-height: 1.8571428571;
  font-feature-settings: "halt" 1;
  color: #333333;
}
@media only screen and (max-width: 767px) {
  .ProblemCard__Body {
    inset-block-start: 85.3333333333vw;
    font-size: 0.75rem;
    line-height: 1.8095238095;
  }
}

.Solution {
  position: relative;
  inline-size: 100%;
  block-size: 39.5138888889vw;
}
@media only screen and (max-width: 767px) {
  .Solution {
    position: relative;
    block-size: auto;
    padding-block-start: 15.4666666667vw;
    padding-block-end: 16vw;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-image: linear-gradient(180deg, rgba(186, 217, 240, 0.8) 0%, rgba(255, 255, 255, 0.8) 100%);
    background-repeat: no-repeat;
    background-size: 100% 66.1333333333vw;
    background-position: center 6.4vw;
  }
}

.Solution__Globe {
  display: none;
}
@media only screen and (max-width: 767px) {
  .Solution__Globe {
    display: block;
    position: absolute;
    inset-inline: 0;
    inline-size: 100%;
    inset-block-start: 348.5333333333vw;
    z-index: -1;
  }
  .Solution__Globe img {
    display: block;
    inline-size: 100%;
    block-size: auto;
  }
}

.Solution__Title {
  position: absolute;
  inset-block-start: 0vw;
  inset-inline: 0;
  margin-block: 0;
  font-family: "Noto Serif JP", "Yu Mincho", serif;
  font-size: 1.7777777778vw;
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 1.34375;
  color: #14244A;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .Solution__Title {
    position: static;
    font-size: 1.2428571429rem;
    line-height: 1.6666666667;
    letter-spacing: 0.1em;
  }
}

.Solution__Lead {
  position: absolute;
  inset-block-start: 4.3055555556vw;
  inset-inline: 0;
  font-family: "Noto Serif JP", "Yu Mincho", serif;
  font-size: 1.1111111111vw;
  font-weight: 400;
  line-height: 1.8571428571;
  color: #333333;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .Solution__Lead {
    position: static;
    margin-block-start: 3.7333333333vw;
    font-size: 0.9285714286rem;
    line-height: 1.8461538462;
  }
}

.Solution__Cols {
  position: absolute;
  inset-block-start: 9.8611111111vw;
  inset-inline-start: 8.4027777778vw;
  display: flex;
  gap: 2.9444444444vw;
}
@media only screen and (max-width: 767px) {
  .Solution__Cols {
    position: static;
    inset-inline-start: auto;
    margin-block-start: 5.8666666667vw;
    flex-direction: column;
    align-items: center;
    gap: 5.3333333333vw;
    inline-size: 100%;
  }
}

.SolutionCol {
  inline-size: 18.6111111111vw;
}
@media only screen and (max-width: 767px) {
  .SolutionCol {
    inline-size: 71.1466666667vw;
  }
}
.SolutionCol img {
  display: block;
  inline-size: 100%;
  block-size: auto;
}

.SolutionCol__Title {
  margin-block-start: 2.0833333333vw;
  font-family: "Noto Serif JP", "Yu Mincho", serif;
  font-size: 1.3194444444vw;
  font-weight: 500;
  color: #333333;
}
@media only screen and (max-width: 767px) {
  .SolutionCol__Title {
    margin-block-start: 5.3333333333vw;
    font-size: 1.2428571429rem;
    line-height: 1.6666666667;
    letter-spacing: 0.1em;
    text-align: center;
  }
}

.SolutionCol__Body {
  margin-block-start: 0.3472222222vw;
  font-family: "Noto Serif JP", "Yu Mincho", serif;
  font-size: 1.1111111111vw;
  font-weight: 400;
  line-height: 1.8571428571;
  color: #333333;
  text-align: justify;
}
@media only screen and (max-width: 767px) {
  .SolutionCol__Body {
    margin-block-start: 1.6vw;
    font-size: 0.9285714286rem;
    line-height: 1.8461538462;
    text-align: left;
  }
}

.Present {
  position: relative;
  inline-size: 100%;
  block-size: 98.9583333333vw;
}
@media only screen and (max-width: 767px) {
  .Present {
    block-size: 112vw;
  }
}

.Present__Band {
  position: absolute;
  inset-block-start: 0.4861111111vw;
  inset-inline: 0;
  block-size: 89.4444444444vw;
  background-image: linear-gradient(180deg, #0096d4 0%, #14244a 100%), linear-gradient(90deg, #0096d4 0%, #8bbddf 55%, #70b7b8 100%);
  background-blend-mode: multiply, normal;
}
@media only screen and (max-width: 767px) {
  .Present__Band {
    inset-block-start: 6.4vw;
    block-size: 105.3333333333vw;
  }
}

.Present__Band::before,
.Present__Band::after {
  content: "";
  position: absolute;
  inset-inline: 0;
  block-size: 1.6666666667vw;
  background-image: linear-gradient(90deg, #dcb98c 0%, #ffe5d1 25%, #dcb98c 60%, #f3c88b 87%, #f9e7d6 100%);
}

.Present__Band::before {
  inset-block-start: 0;
}

.Present__Band::after {
  inset-block-end: 0;
}

.Present__Title {
  position: absolute;
  inset-block-start: 10.1736111111vw;
  inset-inline-start: 45.7986111111vw;
  margin-block: 0;
  font-family: "Noto Serif JP", "Yu Mincho", serif;
  font-size: 5.51875vw;
  font-weight: 600;
  letter-spacing: 0.1em;
  line-height: 1.3460425318;
  color: #FCD06D;
}
@media only screen and (max-width: 767px) {
  .Present__Title {
    inset-block-start: 14.9333333333vw;
    inset-inline-start: 42.6666666667vw;
    font-size: 1.5rem;
    line-height: 1.3333333333;
    letter-spacing: 0.1em;
  }
}

.Present__Sub {
  position: absolute;
  inset-block-start: 26.875vw;
  inset-inline-start: 45.7986111111vw;
  font-family: "Noto Serif JP", "Yu Mincho", serif;
  font-size: 2.9354166667vw;
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 1.3461083511;
  color: #FFFFFF;
}
@media only screen and (max-width: 767px) {
  .Present__Sub {
    inset-block-start: 32vw;
    inset-inline-start: 42.6666666667vw;
    font-size: 0.8571428571rem;
    letter-spacing: 0.1em;
  }
}

.Present__Note {
  position: absolute;
  inset-block-start: 29.4444444444vw;
  inset-inline-start: 45.7986111111vw;
  font-family: "Noto Serif JP", "Yu Mincho", serif;
  font-size: 2.1381944444vw;
  font-weight: 400;
  line-height: 1.8574212407;
  color: #FFFFFF;
}
@media only screen and (max-width: 767px) {
  .Present__Note {
    inset-block-start: 32.8vw;
    inset-inline-start: 42.6666666667vw;
    font-size: 0.7142857143rem;
    line-height: 1.8;
  }
}

.PresentCheck {
  position: absolute;
  inset-block-start: 47.7083333333vw;
  inset-inline-start: 16.7708333333vw;
}
@media only screen and (max-width: 767px) {
  .PresentCheck {
    inset-block-start: 52.5333333333vw;
    inset-inline-start: 13.0666666667vw;
  }
}
.PresentCheck li {
  position: relative;
  padding-inline-start: 5.6944444444vw;
  font-family: "Noto Serif JP", "Yu Mincho", serif;
  font-size: 3.6472222222vw;
  font-weight: 500;
  letter-spacing: 0.01em;
  line-height: 1.8343488195;
  color: #f3f3ed;
}
@media only screen and (max-width: 767px) {
  .PresentCheck li {
    padding-inline-start: 5.8666666667vw;
    font-size: 1rem;
    line-height: 1.7857142857;
    letter-spacing: 0.01em;
  }
}
.PresentCheck li::before {
  content: "";
  position: absolute;
  inset-block-start: 50%;
  inset-inline-start: 0;
  transform: translateY(-50%);
  inline-size: 5.9722222222vw;
  block-size: 4.7083333333vw;
  background: url(../img/top/present-check.svg) center/contain no-repeat;
}
@media only screen and (max-width: 767px) {
  .PresentCheck li::before {
    inline-size: 6.4vw;
    block-size: 6.4vw;
  }
}

.Present__Buttons {
  position: absolute;
  inset-block-start: 63.75vw;
  inset-inline-start: 26.3590277778vw;
  inline-size: 48.9583333333vw;
  display: flex;
  flex-direction: column;
  gap: 1.5277777778vw;
}
@media only screen and (max-width: 767px) {
  .Present__Buttons {
    inset-block-start: 70.4vw;
    inset-inline-start: 11.7333333333vw;
    inline-size: 78.9333333333vw;
    gap: 3.2vw;
  }
}

.Present .CtaBtn {
  block-size: 8.8888888889vw;
  padding-block: 0;
  padding-inline: 6.25vw;
  justify-content: flex-start;
  border-width: 0.1388888889vw;
  font-size: 3vw;
}
@media only screen and (max-width: 767px) {
  .Present .CtaBtn {
    justify-content: center;
    padding-inline: 4.2666666667vw;
    font-size: 0.9285714286rem;
  }
}

.Present .CtaBtn__Label b {
  font-size: 3.38125vw;
}
@media only screen and (max-width: 767px) {
  .Present .CtaBtn__Label b {
    font-size: 1.4285714286rem;
  }
}

.Present .CtaBtn--mail .CtaBtn__Label b {
  font-family: "Noto Serif JP", "Yu Mincho", serif;
  font-size: 3vw;
}

.Present .CtaBtn--mail {
  block-size: 7.6993055556vw;
  padding-inline-start: 3.5708333333vw;
  border-width: 0.1590277778vw;
  border-radius: 0.6013888889vw;
  font-size: 2.0138888889vw;
  box-shadow: 0.1590277778vw 0.1590277778vw 0.3180555556vw rgba(0, 0, 0, 0.2);
}
@media only screen and (max-width: 767px) {
  .Present .CtaBtn--mail {
    block-size: 12.8vw;
    padding-inline-start: 0;
    border-width: 0.5333333333vw;
    border-radius: 2.1333333333vw;
    font-size: 0.9285714286rem;
    box-shadow: 0.4vw 0.4vw 0.8vw rgba(0, 0, 0, 0.2);
  }
}

.Present .CtaBtn--mail .CtaBtn__Arrow {
  inset-inline-end: 3.4652777778vw;
}
@media only screen and (max-width: 767px) {
  .Present .CtaBtn--mail .CtaBtn__Arrow {
    inset-inline-end: 5.3333333333vw;
  }
}

.Present .CtaBtn--mail .CtaBtn__Em {
  font-size: 2.9166666667vw;
}
@media only screen and (max-width: 767px) {
  .Present .CtaBtn--mail .CtaBtn__Em {
    font-size: 1.2142857143rem;
  }
}

.Present .CtaBtn--mail .CtaBtn__Icon {
  margin-inline-end: 1.6708333333vw;
}
@media only screen and (max-width: 767px) {
  .Present .CtaBtn--mail .CtaBtn__Icon {
    margin-inline-end: 2.1333333333vw;
  }
}

@media only screen and (max-width: 767px) {
  .Present .CtaBtn--mail .CtaBtn__Label b {
    font-size: 1.2142857143rem;
  }
}

.Present .CtaBtn__Label {
  white-space: nowrap;
}

.Present .CtaBtn__Icon {
  position: static;
  inline-size: 4.1666666667vw;
  margin-inline-end: 1.25vw;
}
@media only screen and (max-width: 767px) {
  .Present .CtaBtn__Icon {
    inline-size: 7.4666666667vw;
    margin-inline-end: 1.6vw;
  }
}

.Present .CtaBtn__Arrow {
  inset-inline-end: 4.1666666667vw;
  inline-size: 0.9027777778vw;
}
@media only screen and (max-width: 767px) {
  .Present .CtaBtn__Arrow {
    inline-size: 2.4vw;
    inset-inline-end: 5.3333333333vw;
  }
}

.Present .CtaBtn--line {
  block-size: 7.6993055556vw;
  padding-inline-start: 4.8729166667vw;
  border-width: 0.1590277778vw;
  border-radius: 0.6013888889vw;
  font-size: 2.0138888889vw;
  box-shadow: 0.1590277778vw 0.1590277778vw 0.3180555556vw rgba(0, 0, 0, 0.2);
}
@media only screen and (max-width: 767px) {
  .Present .CtaBtn--line {
    block-size: 12.8vw;
    padding-inline-start: 0;
    border-width: 0.5333333333vw;
    border-radius: 2.1333333333vw;
    font-size: 0.9285714286rem;
    box-shadow: 0.4vw 0.4vw 0.8vw rgba(0, 0, 0, 0.2);
  }
}

.Present .CtaBtn--line .CtaBtn__Em {
  font-size: 2.9166666667vw;
}
@media only screen and (max-width: 767px) {
  .Present .CtaBtn--line .CtaBtn__Em {
    font-size: 1.2142857143rem;
  }
}

.Present__Badge {
  position: absolute;
  inset-block-start: -3.9027777778vw;
  inset-inline-start: 4.2361111111vw;
  inline-size: 47.2694444444vw;
  z-index: 1;
}
@media only screen and (max-width: 767px) {
  .Present__Badge {
    inset-block-start: 0;
    inset-inline-start: 0.2666666667vw;
    inline-size: 48vw;
  }
}
.Present__Badge img {
  display: block;
  inline-size: 100%;
  block-size: auto;
}

.Flow {
  position: relative;
  inline-size: 100%;
  block-size: 101.1111111111vw;
}
@media only screen and (max-width: 767px) {
  .Flow {
    block-size: 453.3333333333vw;
    margin-block-start: 13.3333333333vw;
  }
}

.Flow__Bg {
  position: absolute;
  inset-block-start: 20.9375vw;
  inset-inline-start: -0.1944444444vw;
  inline-size: 100.5555555556vw;
  z-index: -1;
}
@media only screen and (max-width: 767px) {
  .Flow__Bg {
    inset-block-start: 249.8666666667vw;
    inset-inline-start: 0;
    inline-size: 100%;
    block-size: 66.1333333333vw;
    background-image: linear-gradient(180deg, #bad9f0 0, #ffffff 27.6533333333vw);
    opacity: 0.8;
  }
}
.Flow__Bg img {
  display: block;
  inline-size: 100%;
  block-size: auto;
}
@media only screen and (max-width: 767px) {
  .Flow__Bg img {
    display: none;
  }
}

.FlowWatercolorSp {
  display: none;
}
@media only screen and (max-width: 767px) {
  .FlowWatercolorSp {
    display: block;
    position: absolute;
    inset-block-start: 316vw;
    inset-inline-start: 0;
    inline-size: 100%;
    block-size: 129.6vw;
    overflow: hidden;
    z-index: -1;
  }
  .FlowWatercolorSp img {
    position: absolute;
    inset-block-start: 0.7333333333vw;
    inset-inline-start: -36.9333333333vw;
    inline-size: 171.7333333333vw;
    max-inline-size: none;
    block-size: auto;
  }
}

.Flow__Title {
  position: absolute;
  inset-block-start: 0.0277777778vw;
  inset-inline-start: 42.1965277778vw;
  margin-block: 0;
  font-family: "Noto Serif JP", "Yu Mincho", serif;
  font-size: 1.7770833333vw;
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 1.3462289957;
  color: #14244A;
}
@media only screen and (max-width: 767px) {
  .Flow__Title {
    inset-block-start: 0;
    inset-inline: 0;
    text-align: center;
    font-size: 1.2428571429rem;
    line-height: 1.6666666667;
    letter-spacing: 0.1em;
  }
}

.FlowStep__Icon {
  position: absolute;
}
.FlowStep__Icon img {
  display: block;
  inline-size: 100%;
  block-size: auto;
}

.FlowStep__Icon--1 {
  inset-block-start: 5.7847222222vw;
  inset-inline-start: 13.3013888889vw;
  inline-size: 14.78125vw;
}
@media only screen and (max-width: 767px) {
  .FlowStep__Icon--1 {
    inset-block-start: 9.6vw;
    inset-inline-start: 27.7333333333vw;
    inline-size: 39.2vw;
  }
}

.FlowStep__Icon--2 {
  inset-block-start: 5.3958333333vw;
  inset-inline-start: 31.7972222222vw;
  inline-size: 15.5708333333vw;
}
@media only screen and (max-width: 767px) {
  .FlowStep__Icon--2 {
    inset-block-start: 64.5333333333vw;
    inset-inline-start: 26.6666666667vw;
    inline-size: 41.3333333333vw;
  }
}

.FlowStep__Icon--3 {
  inset-block-start: 5.0972222222vw;
  inset-inline-start: 51.0763888889vw;
  inline-size: 15.5708333333vw;
}
@media only screen and (max-width: 767px) {
  .FlowStep__Icon--3 {
    inset-block-start: 124vw;
    inset-inline-start: 26.9333333333vw;
    inline-size: 41.3333333333vw;
  }
}

.FlowStep__Icon--4 {
  inset-block-start: 5.8541666667vw;
  inset-inline-start: 71.5152777778vw;
  inline-size: 14.65vw;
}
@media only screen and (max-width: 767px) {
  .FlowStep__Icon--4 {
    inset-block-start: 181.3333333333vw;
    inset-inline-start: 28.2666666667vw;
    inline-size: 38.6666666667vw;
  }
}

@media only screen and (max-width: 767px) {
  .FlowBrSp {
    display: none;
  }
}

.FlowStep__Cap {
  position: absolute;
  transform: translateX(-50%);
  font-family: "Noto Serif JP", "Yu Mincho", serif;
  font-size: 1.3194444444vw;
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 1.4210526316;
  color: #333333;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .FlowStep__Cap {
    transform: none;
    font-size: 0.9285714286rem;
    line-height: 1.4230769231;
  }
}

.FlowStep__Cap--1 {
  inset-block-start: 21.9722222222vw;
  inset-inline-start: 21.6354166667vw;
}
@media only screen and (max-width: 767px) {
  .FlowStep__Cap--1 {
    inset-block-start: 52.2666666667vw;
    inset-inline: 0;
  }
}

.FlowStep__Cap--2 {
  inset-block-start: 21.8645833333vw;
  inset-inline-start: 40.5534722222vw;
}
@media only screen and (max-width: 767px) {
  .FlowStep__Cap--2 {
    inset-block-start: 108vw;
    inset-inline: 0;
  }
}

.FlowStep__Cap--3 {
  inset-block-start: 21.8645833333vw;
  inset-inline-start: 59.0506944444vw;
}
@media only screen and (max-width: 767px) {
  .FlowStep__Cap--3 {
    inset-block-start: 168.2666666667vw;
    inset-inline: 0;
  }
}

.FlowStep__Cap--4 {
  inset-block-start: 21.8645833333vw;
  inset-inline-start: 79.1625vw;
}
@media only screen and (max-width: 767px) {
  .FlowStep__Cap--4 {
    inset-block-start: 223.7333333333vw;
    inset-inline: 0;
  }
}

.FlowStep__Arrow {
  position: absolute;
  inset-block-start: 12.4861111111vw;
  display: flex;
  inline-size: 1.0340277778vw;
  color: #14244A;
}
@media only screen and (max-width: 767px) {
  .FlowStep__Arrow {
    inline-size: 2.7466666667vw;
    margin-inline: auto;
    transform: rotate(90deg);
  }
}
.FlowStep__Arrow svg {
  display: block;
  inline-size: 100%;
  block-size: auto;
}

.FlowStep__Arrow--1 {
  inset-inline-start: 30.0597222222vw;
}
@media only screen and (max-width: 767px) {
  .FlowStep__Arrow--1 {
    inset-block-start: 57.3333333333vw;
    inset-inline: 0;
  }
}

.FlowStep__Arrow--2 {
  inset-inline-start: 48.2vw;
}
@media only screen and (max-width: 767px) {
  .FlowStep__Arrow--2 {
    inset-block-start: 115.4666666667vw;
    inset-inline: 0;
  }
}

.FlowStep__Arrow--3 {
  inset-inline-start: 68.1194444444vw;
}
@media only screen and (max-width: 767px) {
  .FlowStep__Arrow--3 {
    inset-block-start: 174.6666666667vw;
    inset-inline: 0;
  }
}

.Flow__Subtitle {
  position: absolute;
  inset-block-start: 37.1111111111vw;
  inset-inline: 0;
  margin-block: 0;
  font-family: "Noto Serif JP", "Yu Mincho", serif;
  font-size: 1.7770833333vw;
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 1.3462289957;
  color: #14244A;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .Flow__Subtitle {
    inset-block-start: 261.6vw;
    inset-inline-start: 11.0666666667vw;
    inset-inline-end: auto;
    text-align: left;
    font-size: 1.2428571429rem;
    line-height: 1.6666666667;
    letter-spacing: 0.1em;
  }
}

.Flow__Body {
  position: absolute;
  inset-block-start: 42.1111111111vw;
  inset-inline: 0;
  font-family: "Noto Serif JP", "Yu Mincho", serif;
  font-size: 1.1111111111vw;
  font-weight: 400;
  line-height: 1.8571428571;
  color: #333333;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .Flow__Body {
    inset-block-start: 280vw;
    inset-inline-start: 11.0666666667vw;
    inset-inline-end: auto;
    text-align: left;
    font-size: 0.8571428571rem;
    line-height: 1.8461538462;
  }
}

.FlowShot {
  position: absolute;
}
.FlowShot img {
  display: block;
  inline-size: 100%;
  block-size: auto;
}

.FlowShot--1 {
  inset-block-start: 48.9194444444vw;
  inset-inline-start: 8.3590277778vw;
  inline-size: 19.9708333333vw;
}
@media only screen and (max-width: 767px) {
  .FlowShot--1 {
    inset-block-start: 302.6666666667vw;
    inset-inline-start: 12.8vw;
    inline-size: 35.4666666667vw;
  }
}

.FlowShot--2 {
  inset-block-start: 49.1548611111vw;
  inset-inline-start: 29.5659722222vw;
  inline-size: 19.9020833333vw;
}
@media only screen and (max-width: 767px) {
  .FlowShot--2 {
    inset-block-start: 302.6666666667vw;
    inset-inline-start: 50.4vw;
    inline-size: 35.4666666667vw;
  }
}

.FlowShot--3 {
  inset-block-start: 49.1548611111vw;
  inset-inline-start: 50.6652777778vw;
  inline-size: 19.9020833333vw;
}
@media only screen and (max-width: 767px) {
  .FlowShot--3 {
    inset-block-start: 351.2vw;
    inset-inline-start: 12.8vw;
    inline-size: 35.4666666667vw;
  }
}

.FlowShot--4 {
  inset-block-start: 49.1548611111vw;
  inset-inline-start: 71.7645833333vw;
  inline-size: 19.9020833333vw;
}
@media only screen and (max-width: 767px) {
  .FlowShot--4 {
    inset-block-start: 351.2vw;
    inset-inline-start: 50.4vw;
    inline-size: 35.4666666667vw;
  }
}

.FlowLogo {
  position: absolute;
}
.FlowLogo img {
  display: block;
  inline-size: 100%;
  block-size: auto;
  mix-blend-mode: multiply;
}

.FlowLogo--1 {
  inset-block-start: 75.3381944444vw;
  inset-inline-start: 11.9305555556vw;
  inline-size: 16.8930555556vw;
}
@media only screen and (max-width: 767px) {
  .FlowLogo--1 {
    inset-block-start: 392.2666666667vw;
    inset-inline-start: 12.5333333333vw;
    inline-size: 34.4vw;
  }
}

.FlowLogo--2 {
  inset-block-start: 76.9402777778vw;
  inset-inline-start: 31.2618055556vw;
  inline-size: 15.1486111111vw;
}
@media only screen and (max-width: 767px) {
  .FlowLogo--2 {
    inset-block-start: 394.1333333333vw;
    inset-inline-start: 53.6vw;
    inline-size: 30.9333333333vw;
  }
}

.FlowLogo--3 {
  inset-block-start: 82.2138888889vw;
  inset-inline-start: 50.2138888889vw;
  inline-size: 17.3609027778vw;
}
@media only screen and (max-width: 767px) {
  .FlowLogo--3 {
    inset-block-start: 424.5333333333vw;
    inset-inline-start: 13.6vw;
    inline-size: 31.4666666667vw;
  }
}

.FlowLogo--4 {
  inset-block-start: 82.2680555556vw;
  inset-inline-start: 72.3472222222vw;
  inline-size: 16.7597222222vw;
}
@media only screen and (max-width: 767px) {
  .FlowLogo--4 {
    inset-block-start: 424.5333333333vw;
    inset-inline-start: 53.8666666667vw;
    inline-size: 30.4vw;
  }
}

.SupportBrSp {
  display: none;
}
@media only screen and (max-width: 767px) {
  .SupportBrSp {
    display: block;
  }
}

.Support {
  position: relative;
  inline-size: 100%;
  block-size: 52.1527777778vw;
}
@media only screen and (max-width: 767px) {
  .Support {
    block-size: auto;
    padding-block-start: 5.3333333333vw;
    padding-block-end: 32.2666666667vw;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}

.Support__Bg {
  position: absolute;
  inset-block-start: -6.1201388889vw;
  inset-inline-start: -0.1243055556vw;
  inline-size: 100.1243055556vw;
}
@media only screen and (max-width: 767px) {
  .Support__Bg {
    inset-block-start: 33.6vw;
    inset-block-end: auto;
    inset-inline-start: 0;
    inline-size: 100%;
    block-size: 90.9333333333vw;
    overflow: hidden;
    z-index: -1;
  }
}
.Support__Bg img {
  display: block;
  inline-size: 100%;
  block-size: auto;
}
@media only screen and (max-width: 767px) {
  .Support__Bg img {
    position: absolute;
    inset-block-start: -10.6666666667vw;
    inset-inline-start: -9.8666666667vw;
    inline-size: 167.7333333333vw;
    max-inline-size: none;
    block-size: 100.8vw;
  }
}

.Support__Title {
  position: absolute;
  inset-block-start: 0.0208333333vw;
  inset-inline-start: 8.9354166667vw;
  margin-block: 0;
  font-family: "Noto Serif JP", "Yu Mincho", serif;
  font-size: 2.6229166667vw;
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 1.3460418321;
  color: #14244A;
}
@media only screen and (max-width: 767px) {
  .Support__Title {
    position: static;
    text-align: center;
    font-size: 1.2428571429rem;
    line-height: 1.6666666667;
    letter-spacing: 0.1em;
  }
}

.Support__Body {
  position: absolute;
  inset-block-start: 9.70625vw;
  inset-inline-start: 9.31875vw;
  font-family: "Noto Serif JP", "Yu Mincho", serif;
  font-size: 1.2111111111vw;
  font-weight: 500;
  letter-spacing: 0.01em;
  line-height: 1.8348623853;
  color: #333333;
}
@media only screen and (max-width: 767px) {
  .Support__Body {
    position: static;
    margin-block-start: 4.2666666667vw;
    text-align: center;
    font-size: 0.9285714286rem;
    line-height: 1.8461538462;
    letter-spacing: normal;
  }
}

.Faq {
  position: relative;
  inline-size: 100%;
  padding-block: 7.9722222222vw 6.0951388889vw;
  interpolate-size: allow-keywords;
}
@media only screen and (max-width: 767px) {
  .Faq {
    padding-block: 10.6666666667vw 8vw;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}

.Faq__Title {
  position: absolute;
  inset-block-start: 0.0069444444vw;
  inset-inline-start: 40.7347222222vw;
  margin-block: 0;
  font-family: "Noto Serif JP", "Yu Mincho", serif;
  font-size: 2.6229166667vw;
  font-weight: 500;
  letter-spacing: 0.01em;
  line-height: 1.3460418321;
  color: #14244A;
}
@media only screen and (max-width: 767px) {
  .Faq__Title {
    position: static;
    text-align: center;
    font-size: 1.2428571429rem;
    line-height: 1.6666666667;
  }
}

.Faq__Grid {
  margin-inline-start: 9.8729166667vw;
  display: flex;
  align-items: flex-start;
  gap: 4.0138888889vw;
  inline-size: 80.2541666667vw;
}
@media only screen and (max-width: 767px) {
  .Faq__Grid {
    margin-inline: 0;
    margin-block-start: 7.4666666667vw;
    flex-direction: column;
    gap: 5.3333333333vw;
    inline-size: 77.0666666667vw;
  }
}

.Faq__Col {
  display: flex;
  flex-direction: column;
  gap: 2.6173611111vw;
  inline-size: 38.1201388889vw;
}
@media only screen and (max-width: 767px) {
  .Faq__Col {
    gap: 5.3333333333vw;
    inline-size: 100%;
  }
}

.FaqItem {
  position: relative;
}

.FaqItem::details-content {
  block-size: 0;
  overflow: hidden;
  transition: block-size 0.35s ease, content-visibility 0.35s ease allow-discrete;
}

.FaqItem[open]::details-content {
  block-size: auto;
}

@media (prefers-reduced-motion: reduce) {
  .FaqItem::details-content {
    transition: none;
  }
}
.FaqItem__Q {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  gap: 1.9763888889vw;
  min-block-size: 4.6416666667vw;
  padding-inline: 1.3645833333vw;
  background-color: #FFFFFF;
  border: 1px solid #0e3b41;
  border-radius: 0.2777777778vw;
  cursor: pointer;
  list-style: none;
}
@media only screen and (max-width: 767px) {
  .FaqItem__Q {
    gap: 3.7333333333vw;
    min-block-size: 12.8vw;
    padding-inline: 2.6666666667vw;
    border-radius: 1.0666666667vw;
  }
}

.FaqItem__Q::-webkit-details-marker {
  display: none;
}

.FaqItem__Label {
  flex-shrink: 0;
  min-inline-size: 3.125vw;
  font-family: "Noto Serif JP", "Yu Mincho", serif;
  font-size: 2.2875vw;
  font-weight: 500;
  letter-spacing: 0.01em;
  line-height: 1;
  color: #C7B299;
}
@media only screen and (max-width: 767px) {
  .FaqItem__Label {
    min-inline-size: 6.6666666667vw;
    font-size: 1.2357142857rem;
  }
}

.FaqItem__Label--a {
  color: #333333;
}

.FaqItem__QText {
  font-family: "Noto Serif JP", "Yu Mincho", serif;
  font-size: 1.2111111111vw;
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 1.8348623853;
  color: #333333;
}
@media only screen and (max-width: 767px) {
  .FaqItem__QText {
    font-size: 0.8214285714rem;
    line-height: 1.5652173913;
    letter-spacing: normal;
  }
}

.FaqItem__A {
  display: flex;
  align-items: baseline;
  gap: 1.9763888889vw;
  margin-block-start: calc(0.5555555556vw * -1);
  padding-block: 1.9444444444vw;
  padding-inline: 1.3555555556vw;
  background-color: #dcd9cf;
  border-radius: 0.2777777778vw;
}
@media only screen and (max-width: 767px) {
  .FaqItem__A {
    gap: 3.7333333333vw;
    margin-block-start: calc(1.0666666667vw * -1);
    padding-block: 3.7333333333vw;
    padding-inline: 2.6666666667vw;
    border-radius: 1.0666666667vw;
  }
}

.FaqItem__AText {
  font-family: "Noto Serif JP", "Yu Mincho", serif;
  font-size: 1.2111111111vw;
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 1.8348623853;
  color: #333333;
}
@media only screen and (max-width: 767px) {
  .FaqItem__AText {
    font-size: 0.8214285714rem;
    line-height: 1.5652173913;
    letter-spacing: normal;
  }
}

.Link {
  position: relative;
  overflow: hidden;
  inline-size: 100%;
  block-size: 54.6527777778vw;
}
@media only screen and (max-width: 767px) {
  .Link {
    block-size: 97.3333333333vw;
  }
}

.Link__Bg {
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: -6.5493055556vw;
  inline-size: 106.5493055556vw;
}
@media only screen and (max-width: 767px) {
  .Link__Bg {
    inset: 0;
    inline-size: 100%;
    block-size: 100%;
  }
}
.Link__Bg img {
  display: block;
  inline-size: 100%;
  block-size: auto;
}
@media only screen and (max-width: 767px) {
  .Link__Bg img {
    block-size: 100%;
    object-fit: cover;
  }
}

.Link__Title {
  position: absolute;
  inset-block-start: 9.6527777778vw;
  inset-inline-start: 51.3444444444vw;
  transform: translateX(-50%);
  margin-block: 0;
  inline-size: max-content;
  font-family: "Noto Serif JP", "Yu Mincho", serif;
  font-size: 2.6229166667vw;
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 1.3460418321;
  text-align: center;
  color: #FFFFFF;
}
@media only screen and (max-width: 767px) {
  .Link__Title {
    inset-block-start: 12.5333333333vw;
    inset-inline-start: 50%;
    font-size: 1.5714285714rem;
    line-height: 1.4090909091;
  }
}

.Link__Lead {
  position: absolute;
  inset-block-start: 18.6805555556vw;
  inset-inline-start: 51.3444444444vw;
  transform: translateX(-50%);
  inline-size: max-content;
  font-family: "Noto Serif JP", "Yu Mincho", serif;
  font-size: 1.2111111111vw;
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 1.8348623853;
  text-align: center;
  color: #FFFFFF;
}
@media only screen and (max-width: 767px) {
  .Link__Lead {
    inset-block-start: 33.0666666667vw;
    inset-inline-start: 50%;
    font-size: 0.9285714286rem;
    line-height: 1.6923076923;
  }
}

.Link__Buttons {
  position: absolute;
  inset-block-start: 26.8055555556vw;
  inset-inline-start: 34.5944444444vw;
  display: flex;
  flex-direction: column;
  gap: 1.9444444444vw;
  inline-size: 33.75vw;
}
@media only screen and (max-width: 767px) {
  .Link__Buttons {
    inset-block-start: 50.1333333333vw;
    inset-inline-start: 50%;
    transform: translateX(-50%);
    gap: 1.3333333333vw;
    inline-size: 75.7333333333vw;
  }
}

.Link .CtaBtn--line {
  justify-content: flex-start;
  padding-inline-start: 3.3847222222vw;
}
@media only screen and (max-width: 767px) {
  .Link .CtaBtn--line {
    justify-content: center;
    padding-inline-start: 0;
    block-size: 14.6666666667vw;
    padding-block: 0;
    border-width: 0.5333333333vw;
  }
}

.Link .CtaBtn--mail {
  justify-content: flex-start;
  padding-inline-start: 2.2291666667vw;
}
@media only screen and (max-width: 767px) {
  .Link .CtaBtn--mail {
    justify-content: center;
    padding-inline-start: 0;
    block-size: 13.8666666667vw;
    padding-block: 0;
    border-width: 0.5333333333vw;
  }
}

.Link .CtaBtn--mail .CtaBtn__Arrow {
  inset-inline-end: 2.1944444444vw;
}
@media only screen and (max-width: 767px) {
  .Link .CtaBtn--mail .CtaBtn__Arrow {
    inset-inline-end: auto;
  }
}

.Link__Note {
  position: absolute;
  inset-block-start: 41.6666666667vw;
  inset-inline-start: 35.7944444444vw;
  font-family: "Noto Serif JP", "Yu Mincho", serif;
  font-size: 1.2111111111vw;
  font-weight: 500;
  letter-spacing: 0.01em;
  line-height: 1.8348623853;
  color: #FFFFFF;
}
@media only screen and (max-width: 767px) {
  .Link__Note {
    inset-block-start: 84.2666666667vw;
    inset-inline: 0;
    text-align: center;
    font-size: 0.7857142857rem;
    line-height: 1.6363636364;
    letter-spacing: 0.01em;
  }
}

.Footer {
  position: relative;
  inline-size: 100%;
  block-size: 29.6444444444vw;
}
@media only screen and (max-width: 767px) {
  .Footer {
    block-size: 64vw;
  }
}

.Footer::before {
  content: "";
  position: absolute;
  inset-block-start: 0;
  inset-inline: 0;
  block-size: 1px;
  background-image: linear-gradient(90deg, #dcb98c 0%, #ffe5d1 25%, #dcb98c 60%, #f3c88b 87%, #f9e7d6 100%);
  z-index: 1;
}

.Footer__Bg {
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: -0.0340277778vw;
  inline-size: 100.0340277778vw;
}
@media only screen and (max-width: 767px) {
  .Footer__Bg {
    inset: 0;
    inline-size: 100%;
    block-size: 100%;
  }
}
.Footer__Bg img {
  display: block;
  inline-size: 100%;
  block-size: auto;
}
@media only screen and (max-width: 767px) {
  .Footer__Bg img {
    block-size: 100%;
    object-fit: cover;
  }
}

.Footer__Lead {
  position: absolute;
  inset-block-start: 4.3409722222vw;
  inset-inline-start: 36.1909722222vw;
  font-family: "Noto Serif JP", "Yu Mincho", serif;
  font-size: 1.3298611111vw;
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 1.8339425587;
  color: #ebb032;
}
@media only screen and (max-width: 767px) {
  .Footer__Lead {
    inset-block-start: 6.4vw;
    inset-inline: 0;
    text-align: center;
    font-size: 0.9285714286rem;
    line-height: 1.8461538462;
  }
}

.Footer__Btn {
  position: absolute;
  inset-block-start: 8.6423611111vw;
  inset-inline-start: 36.4180555556vw;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  inline-size: 30.0694444444vw;
  block-size: 6.25vw;
  padding-inline-start: 2.0527777778vw;
  gap: 0.4166666667vw;
  border: 0.1680555556vw solid #FFFFFF;
  border-radius: 0.5555555556vw;
  background-image: linear-gradient(180deg, #f0cc7e 0%, #e8c47e 18%, #c78a03 60%, #efca84 87%, #f4e7cf 100%);
  color: #FFFFFF;
  text-decoration: none;
}
@media only screen and (max-width: 767px) {
  .Footer__Btn {
    inset-block-start: 16.5333333333vw;
    inset-inline-start: 50%;
    transform: translateX(-50%);
    inline-size: 75.4666666667vw;
    block-size: 15.4666666667vw;
    padding-inline-start: 5.3333333333vw;
    gap: 1.6vw;
    border-width: 0.4vw;
    border-radius: 1.6vw;
  }
}

.Footer__BtnIcon {
  display: flex;
  flex-shrink: 0;
  inline-size: 3.6805555556vw;
}
@media only screen and (max-width: 767px) {
  .Footer__BtnIcon {
    inline-size: 9.0666666667vw;
  }
}

.Footer__BtnLabel {
  font-family: "Noto Serif JP", "Yu Mincho", serif;
  font-weight: 700;
  font-size: 1.63125vw;
  letter-spacing: 0.1em;
  line-height: 1;
  white-space: nowrap;
}
@media only screen and (max-width: 767px) {
  .Footer__BtnLabel {
    font-size: 1.0714285714rem;
  }
}

.Footer__BtnArrow {
  position: absolute;
  inset-inline-end: 2.4631944444vw;
  display: flex;
  flex-shrink: 0;
  inline-size: 1.1805555556vw;
}
@media only screen and (max-width: 767px) {
  .Footer__BtnArrow {
    inset-inline-end: 5.8666666667vw;
    inline-size: 3.2vw;
  }
}

.Footer__BtnArrow svg {
  display: block;
  inline-size: 100%;
  block-size: auto;
}

.Footer__MailNote {
  position: absolute;
  inset-block-start: 16.1111111111vw;
  inset-inline-start: 51.4527777778vw;
  transform: translateX(-50%);
  font-family: "Noto Serif JP", "Yu Mincho", serif;
  font-size: max(1.0416666667vw, 10px);
  font-weight: 400;
  line-height: 1.6;
  color: #FFFFFF;
  white-space: nowrap;
}
@media only screen and (max-width: 767px) {
  .Footer__MailNote {
    inset-block-start: 34.1333333333vw;
    inset-inline: 0;
    transform: none;
    font-size: max(0.7857142857rem, 10px);
    line-height: 1.6363636364;
    text-align: center;
    white-space: normal;
  }
}

@media only screen and (max-width: 767px) {
  .Footer__MailAddress {
    display: block;
  }
}

.Footer__Name {
  position: absolute;
  inset-block-start: 20.6229166667vw;
  inset-inline-start: 33.3138888889vw;
  font-family: "Noto Serif JP", "Yu Mincho", serif;
  font-size: 1.83125vw;
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 1.8346605992;
  color: #FFFFFF;
}
@media only screen and (max-width: 767px) {
  .Footer__Name {
    inset-block-start: 46.9333333333vw;
    inset-inline: 0;
    text-align: center;
    font-size: 0.7857142857rem;
    line-height: 1.8181818182;
  }
}

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