html {
  scroll-behavior: smooth;
}

@media screen and (min-width: 1401px) {
  html {
    font-size: 62.5%;
  }
}
@media screen and (max-width: 1400px) {
  html {
    font-size: 0.7142857vw;
  }
}
body {
  width: 100%;
}

.l-container {
  width: 100%;
}

.f-container {
  position: relative;
  display: flex;
  overflow: clip;
  overflow: clip;
  width: 100%;
  text-align: center;
  color: #000000;

  font-feature-settings: 'palt';
}
.f-container * {
  box-sizing: border-box;
  font-family: 'zen-kaku-gothic-new', sans-serif;

  margin-block-start: 0;
  margin-block-end: 0;
}
.f-container a.mask-img,
.f-container .sec a {
  position: relative;
}
.f-container a.mask-img::after,
.f-container .sec a::after {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  width: 100%;
  height: 100%;
  content: '';
  transition: all 0.3s;

  -webkit-mask-size: cover;
  mask-size: cover;
}
.f-container a.mask-img:hover,
.f-container .sec a:hover {
  opacity: 1;
}
.f-container a.mask-img:hover::after,
.f-container .sec a:hover::after {
  opacity: 0.7;
  background: rgba(255, 255, 255, 0.3);
}
.f-container img {
  width: 100%;
  height: auto;
  vertical-align: top;
  pointer-events: none;
}
.f-container svg {
  display: block;
  width: 100%;
  height: auto;
}
.f-container a {
  display: block;
  cursor: pointer;
  text-decoration: none;
  color: #000000;
  transition: opacity 0.3s;
}
.f-container a:hover {
  opacity: 0.7;
}
.f-container figure {
  display: block;
}
.f-container .fade-in,
.f-container .sec .anim {
  visibility: hidden;
  opacity: 0;
  transition: opacity 1s, visibility 1s;
}
.f-container .fade-in.showed,
.f-container .sec .showed.anim {
  visibility: visible;
  opacity: 1;
}
.f-container .navi__pc {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
}
.f-container .navi__pc-pic {
  height: 17.2rem;
}
.f-container .navi__pc-pic a {
  position: relative;
  height: 100%;
}
.f-container .navi__pc-pic a::after {
  position: absolute;
  bottom: 0;
  left: 50%;
  display: inline-block;
  width: 1.2rem;
  height: 0.6rem;
  content: '';
  background: no-repeat url(../img/pc_navi_arrow.png) 0 0 / contain;
  transform: translateX(-50%);
}
.f-container .navi__pc .pic01 {
  width: 8.8rem;
}
.f-container .navi__pc .pic01 img {
  margin-top: 0.1rem;
}
.f-container .navi__pc .pic02 {
  width: 12.8rem;
  margin-left: 4.2rem;
}
.f-container .navi__pc .pic03 {
  width: 8.8rem;
}
.f-container .navi__pc .pic04 {
  width: 8.8rem;
  margin-left: 6.2rem;
}
.f-container .f-left,
.f-container .f-right {
  position: sticky;
  top: 80px;
  display: flex;
  overflow: clip;
  justify-content: center;
  width: calc((100vw - 30%) / 2);
  min-width: calc((100vw - 480px) / 2);
  max-height: calc(100vh - 80px);
  background-color: #fcfaf5;
}
.f-container .f-main {
  overflow: clip;
  width: 30%;
  max-width: 480px;
}
.f-container .el-sticky {
  position: sticky;
  z-index: 0;

  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  will-change: transform;
}
.f-container .hero {
  position: relative;
}
.f-container .hero__mv {
  margin-bottom: calc(78 * var(--vw) * 0.3 / 750);
}
.f-container .hero__lead {
  position: relative;
}
.f-container .hero__lead-bg {
  margin-bottom: calc(77 * var(--vw) * 0.3 / 750);
}
.f-container .hero__lead-txt {
  position: absolute;
  top: calc(110 * var(--vw) * 0.3 / 750);
  left: calc(2 * var(--vw) * 0.3 / 750);
  width: 100%;
  letter-spacing: 0.06em;
  font-size: calc(26 * var(--vw) * 0.3 / 750);
  line-height: calc(52 * var(--vw) * 0.3 / 750);
}
.f-container .hero__lead-txt span {
  display: inline-block;
  padding-right: calc(3 * var(--vw) * 0.3 / 750);
  margin-right: calc(-3 * var(--vw) * 0.3 / 750);
  letter-spacing: 0.06em;
}
.f-container .navi__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: calc(167 * var(--vw) * 0.3 / 750);
  background-color: #ffffff;

  -moz-column-gap: calc(49 * var(--vw) * 0.3 / 750);
  column-gap: calc(49 * var(--vw) * 0.3 / 750);
}
.f-container .navi__pic {
  height: calc(285 * var(--vw) * 0.3 / 750);
}
.f-container .navi__pic a {
  position: relative;
  height: 100%;
}
.f-container .navi__pic a::after {
  position: absolute;
  bottom: 0;
  left: 50%;
  display: inline-block;
  width: calc(24 * var(--vw) * 0.3 / 750);
  height: calc(12 * var(--vw) * 0.3 / 750);
  content: '';
  background: no-repeat url(../img/navi_arrow.png) 0 0 / contain;
  transform: translateX(-50%);
}
.f-container .navi .pic01 {
  width: calc(140 * var(--vw) * 0.3 / 750);
}
.f-container .navi .pic02 {
  width: calc(142 * var(--vw) * 0.3 / 750);
}
.f-container .navi .pic03 {
  width: calc(140 * var(--vw) * 0.3 / 750);
}
.f-container .navi .pic04 {
  width: calc(140 * var(--vw) * 0.3 / 750);
}
.f-container .sec .anim.td {
  transition-delay: 0.2s;
}
.f-container .sec__area {
  overflow: visible;
}
.f-container .sec__title {
  position: relative;
  display: flex;
  flex-direction: column;
  margin-bottom: calc(46 * var(--vw) * 0.3 / 750);
}
.f-container .sec__title-en {
  margin-bottom: calc(54 * var(--vw) * 0.3 / 750);
  font-family: 'scotch-display', sans-serif;
  font-size: calc(100 * var(--vw) * 0.3 / 750);
  font-weight: 400;
  font-style: italic;
  line-height: calc(76 * var(--vw) * 0.3 / 750);
  color: #dd997a;
}
.f-container .sec__title-en .disnon {
  display: none;
  visibility: hidden;
}
.f-container .sec__title-ja {
  position: relative;
  display: flex;
  justify-content: center;
  letter-spacing: 0.06em;
  font-size: calc(26 * var(--vw) * 0.3 / 750);
  font-weight: 400;
  line-height: calc(26 * var(--vw) * 0.3 / 750);
}
.f-container .sec__title-ja::before {
  position: absolute;
  top: 50%;
  left: 0;
  display: inline-block;
  width: 100%;
  height: calc(2 * var(--vw) * 0.3 / 750);
  min-height: 1px;
  content: '';
  background-color: #dd997a;
  transform: translateY(-50%);
}
.f-container .sec__title-ja span {
  position: relative;
  z-index: 2;
  padding: 0 calc(30 * var(--vw) * 0.3 / 750);
  background-color: #ffffff;
}
.f-container .sec__text {
  margin-bottom: calc(47 * var(--vw) * 0.3 / 750);
  letter-spacing: 0.06em;
  font-size: calc(26 * var(--vw) * 0.3 / 750);
  line-height: calc(52 * var(--vw) * 0.3 / 750);
}
.f-container .sec__text span {
  display: inline-block;
}
.f-container .sec__pics {
  display: flex;
  justify-content: center;
  margin-bottom: calc(100 * var(--vw) * 0.3 / 750);

  -moz-column-gap: calc(20 * var(--vw) * 0.3 / 750);
  column-gap: calc(20 * var(--vw) * 0.3 / 750);
}
.f-container .sec__pic {
  position: relative;
  width: calc(210 * var(--vw) * 0.3 / 750);
  height: calc(250 * var(--vw) * 0.3 / 750);
}
.f-container .sec__pic-color {
  position: absolute;
  bottom: calc(5 * var(--vw) * 0.3 / 750);
  left: 0;
  width: 100%;
  font-family: 'scotch-display', sans-serif;
  font-size: calc(26 * var(--vw) * 0.3 / 750);
  font-weight: 400;
  font-style: normal;
  line-height: calc(20 * var(--vw) * 0.3 / 750);
}
.f-container .sec .si {
  padding-bottom: calc(100 * var(--vw) * 0.3 / 750);
}
.f-container .sec .si__ttl {
  margin-bottom: calc(37 * var(--vw) * 0.3 / 750);
  letter-spacing: 0.06em;
  font-family: 'zen-kaku-gothic-new', sans-serif;
  font-size: calc(26 * var(--vw) * 0.3 / 750);
  font-weight: 400;
  font-style: normal;
  line-height: calc(26 * var(--vw) * 0.3 / 750);
}
.f-container .sec .si__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;

  -moz-column-gap: calc(10 * var(--vw) * 0.3 / 750);
  column-gap: calc(10 * var(--vw) * 0.3 / 750);
}
.f-container .sec .si__box {
  width: calc(160 * var(--vw) * 0.3 / 750);
  padding-bottom: calc(27 * var(--vw) * 0.3 / 750);
  background-color: #fcfaf5;
}
.f-container .sec .si__txt {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.f-container .sec .si__num {
  position: relative;
  width: calc(129 * var(--vw) * 0.3 / 750);
  padding: calc(35 * var(--vw) * 0.3 / 750) 0 calc(22 * var(--vw) * 0.3 / 750);
  margin-bottom: calc(14 * var(--vw) * 0.3 / 750);
  font-family: 'scotch-display', sans-serif;
  font-size: calc(26 * var(--vw) * 0.3 / 750);
  font-weight: 400;
  font-style: normal;
  line-height: calc(22 * var(--vw) * 0.3 / 750);
}
.f-container .sec .si__num::after {
  position: absolute;
  bottom: calc(2 * var(--vw) * 0.3 / 750);
  left: 0;
  display: inline-block;
  width: 100%;
  height: calc(2 * var(--vw) * 0.3 / 750);
  min-height: 1px;
  content: '';
  background-color: #dd997a;
}
.f-container .sec .si__detail {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  width: 100%;
}
.f-container .sec .si__detail span {
  letter-spacing: 0.06em;
  font-family: 'zen-kaku-gothic-new', sans-serif;
  font-size: calc(20 * var(--vw) * 0.3 / 750);
  font-weight: 400;
  font-style: normal;
  line-height: calc(30 * var(--vw) * 0.3 / 750);
}
.f-container .sec .si__detail-ja {
  padding-left: calc(5 * var(--vw) * 0.3 / 750);
}
.f-container .sec__beige {
  position: relative;
  z-index: 10;
  display: flex;
  flex-direction: column;
  background-color: transparent;
}
.f-container .sec__beige-top {
  width: 100%;
  height: calc(146 * var(--vw) * 0.3 / 750);
  background: no-repeat url(../img/circle_top.png) 0 0 / cover;
}
.f-container .sec__beige-box {
  position: relative;
  padding-bottom: calc(50 * var(--vw) * 0.3 / 750);
  background-color: #fcf7f2;
}
.f-container .sec__beige-box::before {
  position: absolute;
  z-index: 0;
  bottom: 0;
  left: 0;
  display: inline-block;
  width: 110%;
  height: 100%;
  content: '';
  pointer-events: none;
  background-color: #fcf7f2;
}
.f-container .sec__beige-ttl {
  display: flex;
  justify-content: center;
  padding-top: calc(5 * var(--vw) * 0.3 / 750);
  margin-bottom: calc(85 * var(--vw) * 0.3 / 750);
}
.f-container .sec__beige-ttl > span {
  position: relative;
  letter-spacing: 0.06em;
  font-family: 'zen-kaku-gothic-new', sans-serif;
  font-size: calc(30 * var(--vw) * 0.3 / 750);
  font-weight: 700;
  font-style: normal;
  line-height: calc(60 * var(--vw) * 0.3 / 750);
  color: #dd997a;
}
.f-container .sec__beige-ttl > span span {
  display: inline-block;
  padding-left: calc(12 * var(--vw) * 0.3 / 750);
}
.f-container .sec__beige-ttl > span::before,
.f-container .sec__beige-ttl > span::after {
  position: absolute;
  display: inline-block;
  width: calc(22 * var(--vw) * 0.3 / 750);
  height: calc(21 * var(--vw) * 0.3 / 750);
  content: '';
}
.f-container .sec__beige-ttl > span::before {
  top: calc(5 * var(--vw) * 0.3 / 750);
  left: calc(-45 * var(--vw) * 0.3 / 750);
  background: no-repeat url(../img/beige_ttl_left.png) 0 0 / contain;
}
.f-container .sec__beige-ttl > span::after {
  right: calc(-50 * var(--vw) * 0.3 / 750);
  bottom: calc(-3 * var(--vw) * 0.3 / 750);
  background: no-repeat url(../img/beige_ttl_right.png) 0 0 / contain;
}
.f-container .sec__beige-bottom {
  width: 100%;
  height: calc(110 * var(--vw) * 0.3 / 750);
  background: no-repeat url(../img/beige_bottom.png) top center/contain;
  background-color: #ffffff;
}
.f-container .sec__img-box {
  position: relative;
  z-index: 3;
}
.f-container .sec__img-color {
  position: absolute;
  pointer-events: none;
}
.f-container .sec__slide {
  overflow: clip;
}
.f-container .sec__slide .swiper {
  width: 100%;
}
.f-container .sec__baloon {
  position: absolute;
  pointer-events: none;
}
.f-container .sec .after-sticky {
  position: relative;
  z-index: 10;

  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  will-change: transform;
}
.f-container .sec__desc {
  position: relative;
  z-index: 11;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
}
.f-container .sec .sec01 .sec__text span:nth-of-type(1) {
  margin: 0 calc(7 * var(--vw) * 0.3 / 750) 0 calc(-12 * var(--vw) * 0.3 / 750);
}
.f-container .sec .sec01 .sec__text span:nth-of-type(2) {
  padding-right: calc(8 * var(--vw) * 0.3 / 750);
}
.f-container .sec .sec01 .sec__beige-bottom {
  padding-bottom: calc(270 * var(--vw) * 0.3 / 750);
}
.f-container .sec .sec01 .sec__desc {
  margin-bottom: calc(100 * var(--vw) * 0.3 / 750);

  -moz-column-gap: calc(40 * var(--vw) * 0.3 / 750);
  column-gap: calc(40 * var(--vw) * 0.3 / 750);
}
.f-container .sec .sec01 .img01,
.f-container .sec .sec01 .img02 {
  width: calc(315 * var(--vw) * 0.3 / 750);
}
.f-container .sec .sec01 .img03 {
  width: calc(450 * var(--vw) * 0.3 / 750);
  margin: 0 auto calc(40 * var(--vw) * 0.3 / 750);
}
.f-container .sec .sec01 .img04 {
  width: calc(450 * var(--vw) * 0.3 / 750);
  margin-left: calc(260 * var(--vw) * 0.3 / 750);
}
.f-container .sec .sec01 .baloon01 {
  top: calc(56 * var(--vw) * 0.3 / 750);
  left: calc(30 * var(--vw) * 0.3 / 750);
  width: calc(288 * var(--vw) * 0.3 / 750);
}
.f-container .sec .sec02 .sec__title {
  padding-top: calc(83 * var(--vw) * 0.3 / 750);
}
.f-container .sec .sec02 .sec__title::after {
  position: absolute;
  top: 0;
  left: calc(259 * var(--vw) * 0.3 / 750);
  display: inline-block;
  width: calc(230 * var(--vw) * 0.3 / 750);
  height: calc(53 * var(--vw) * 0.3 / 750);
  content: '';
  background: no-repeat url(../img/sec02_ttl_baloon.png) 0 0 / contain;
}
.f-container .sec .sec02 .sec__title-en {
  margin-bottom: calc(50 * var(--vw) * 0.3 / 750);
}
.f-container .sec .sec02 .sec__text span:nth-of-type(1) {
  margin-right: calc(-22 * var(--vw) * 0.3 / 750);
}
.f-container .sec .sec02 .sec__text span:nth-of-type(2) {
  margin-right: calc(-22 * var(--vw) * 0.3 / 750);
}
.f-container .sec .sec02 .sec__beige-bottom {
  padding-bottom: calc(168 * var(--vw) * 0.3 / 750);
}
.f-container .sec .sec02 .sec__desc {
  position: relative;
  z-index: 3;
  padding-top: calc(237 * var(--vw) * 0.3 / 750);
}
.f-container .sec .sec02 .sec__desc-box {
  width: calc(335 * var(--vw) * 0.3 / 750);
  padding: 0 calc(20 * var(--vw) * 0.3 / 750) calc(20 * var(--vw) * 0.3 / 750);
}
.f-container .sec .sec02 .sec__desc-box .sec__img {
  width: calc(295 * var(--vw) * 0.3 / 750);
}
.f-container .sec .sec02 .sec__desc-box .img01 {
  margin-bottom: calc(98 * var(--vw) * 0.3 / 750);
}
.f-container .sec .sec02 .sec__desc-left {
  background-color: rgba(239, 204, 191, 0.4);
}
.f-container .sec .sec02 .sec__desc-left .sec__desc-txt {
  margin-left: calc(-18 * var(--vw) * 0.3 / 750);
}
.f-container .sec .sec02 .sec__desc-right {
  background-color: rgba(255, 255, 255, 0.4);
}
.f-container .sec .sec02 .sec__desc-right .sec__desc-txt {
  margin-left: calc(18 * var(--vw) * 0.3 / 750);
}
.f-container .sec .sec02 .sec__desc-txt {
  padding: calc(20 * var(--vw) * 0.3 / 750) 0;
  letter-spacing: 0.06em;
  font-family: 'zen-kaku-gothic-new', sans-serif;
  font-size: calc(26 * var(--vw) * 0.3 / 750);
  font-weight: 400;
  font-style: normal;
  line-height: calc(26 * var(--vw) * 0.3 / 750);
}
.f-container .sec .sec02 .sec__desc-point {
  position: absolute;
  bottom: calc(443 * var(--vw) * 0.3 / 750);
  left: 50%;
  width: calc(422 * var(--vw) * 0.3 / 750);
  transform: translateX(-50%);
}
.f-container .sec .sec02 .sec__desc .left-arrow {
  position: relative;
}
.f-container .sec .sec02 .sec__desc .left-arrow::after {
  position: absolute;
  z-index: 4;
  top: 50%;
  left: calc(-31 * var(--vw) * 0.3 / 750);
  display: inline-block;
  width: calc(22 * var(--vw) * 0.3 / 750);
  height: calc(47 * var(--vw) * 0.3 / 750);
  content: '';
  background: no-repeat url(../img/left_arrow.png) 0 0 / contain;
  transform: translateY(-50%);
}
.f-container .sec .sec02 .slide01 {
  width: calc(430 * var(--vw) * 0.3 / 750);
  margin-left: calc(40 * var(--vw) * 0.3 / 750);
}
.f-container .sec .sec02 .img-box01 {
  width: calc(300 * var(--vw) * 0.3 / 750);
  margin: calc(-300 * var(--vw) * 0.3 / 750) 0 calc(79 * var(--vw) * 0.3 / 750)
    calc(410 * var(--vw) * 0.3 / 750);
}
.f-container .sec .sec02 .img-color01 {
  top: calc(-43 * var(--vw) * 0.3 / 750);
  right: calc(9 * var(--vw) * 0.3 / 750);
  width: calc(205 * var(--vw) * 0.3 / 750);
}
.f-container .sec .sec02 .img-box02 {
  display: flex;
  width: calc(670 * var(--vw) * 0.3 / 750);
  margin-bottom: calc(200 * var(--vw) * 0.3 / 750);
  margin-left: calc(40 * var(--vw) * 0.3 / 750);
}
.f-container .sec .sec02 .img-color02 {
  top: calc(-37 * var(--vw) * 0.3 / 750);
  left: calc(10 * var(--vw) * 0.3 / 750);
  width: calc(144 * var(--vw) * 0.3 / 750);
}
.f-container .sec .sec02 .img03 {
  width: calc(330 * var(--vw) * 0.3 / 750);
}
.f-container .sec .sec02 .img04 {
  width: calc(330 * var(--vw) * 0.3 / 750);
  margin-left: calc(10 * var(--vw) * 0.3 / 750);
}
.f-container .sec .sec02 .img-box03 {
  width: calc(670 * var(--vw) * 0.3 / 750);
  margin-bottom: calc(100 * var(--vw) * 0.3 / 750);
  margin-left: calc(40 * var(--vw) * 0.3 / 750);
}
.f-container .sec .sec02 .img-color03 {
  top: calc(306 * var(--vw) * 0.3 / 750);
  right: calc(8 * var(--vw) * 0.3 / 750);
  width: calc(143 * var(--vw) * 0.3 / 750);
}
.f-container .sec .sec02 .img05 {
  width: calc(430 * var(--vw) * 0.3 / 750);
}
.f-container .sec .sec02 .img06 {
  position: absolute;
  top: calc(-120 * var(--vw) * 0.3 / 750);
  right: 0;
  width: calc(330 * var(--vw) * 0.3 / 750);
}
.f-container .sec .sec02 .baloon01 {
  position: absolute;
  top: 0;
  left: calc(200 * var(--vw) * 0.3 / 750);
  width: calc(580 * var(--vw) * 0.3 / 750);
}
.f-container .sec .sec03 .sec__text span:nth-of-type(1) {
  margin: 0 calc(7 * var(--vw) * 0.3 / 750) 0 calc(-12 * var(--vw) * 0.3 / 750);
}
.f-container .sec .sec03 .sec__text span:nth-of-type(2) {
  padding-right: calc(8 * var(--vw) * 0.3 / 750);
}
.f-container .sec .sec03 .sec__beige-bottom {
  padding-bottom: calc(275 * var(--vw) * 0.3 / 750);
}
.f-container .sec .sec03 .img-box01 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;

  gap: calc(10 * var(--vw) * 0.3 / 750);
}
.f-container .sec .sec03 .img-box01 .sec__img {
  width: calc(330 * var(--vw) * 0.3 / 750);
}
.f-container .sec .sec04 {
  margin-bottom: calc(160 * var(--vw) * 0.3 / 750);
}
.f-container .sec .sec04 .sec__text span:nth-of-type(1) {
  margin-right: calc(-8 * var(--vw) * 0.3 / 750);
}
.f-container .sec .sec04 .sec__text span:nth-of-type(2) {
  margin-right: calc(-8 * var(--vw) * 0.3 / 750);
}
.f-container .sec .sec04 .sec__pics {
  margin-bottom: calc(60 * var(--vw) * 0.3 / 750);
}
.f-container .sec .sec04 .sec__pic {
  height: calc(350 * var(--vw) * 0.3 / 750);
}
.f-container .sec .sec04 .sec__beige-ttl > span span {
  padding: 0 calc(8 * var(--vw) * 0.3 / 750);
}
.f-container .sec .sec04 .sec__beige-bottom {
  padding-bottom: calc(440 * var(--vw) * 0.3 / 750);
}
.f-container .sec .sec04 .slide01 {
  width: calc(600 * var(--vw) * 0.3 / 750);
  margin: 0 auto calc(60 * var(--vw) * 0.3 / 750);
}
.f-container .sec .sec04 .img02 {
  width: calc(490 * var(--vw) * 0.3 / 750);
  margin: 0 auto;
}
.f-container .sec .sec04 .sec__desc {
  background-color: #ffffff;

  -moz-column-gap: calc(10 * var(--vw) * 0.3 / 750);
  column-gap: calc(10 * var(--vw) * 0.3 / 750);
}
.f-container .sec .sec04 .sec__desc .baloon01 {
  position: absolute;
  top: calc(-170 * var(--vw) * 0.3 / 750);
  right: calc(20 * var(--vw) * 0.3 / 750);
  width: calc(330 * var(--vw) * 0.3 / 750);
}
.f-container .sec .sec04 .sec__desc-box {
  display: flex;
  flex-direction: column;
  width: calc(330 * var(--vw) * 0.3 / 750);

  row-gap: calc(10 * var(--vw) * 0.3 / 750);
}
.f-container .sec .sec04 .sec__desc-img {
  width: 100%;
}
.f-container .sec .sec04 .sec__desc-right {
  margin-top: calc(220 * var(--vw) * 0.3 / 750);
}
.f-container .all__item-check {
  width: calc(690 * var(--vw) * 0.3 / 750);
  margin: 0 auto calc(200 * var(--vw) * 0.3 / 750);
}
@media screen and (min-width: 1700px) {
  .f-container .hero__mv {
    margin-bottom: calc(49.92px);
  }
  .f-container .hero__lead-bg {
    margin-bottom: calc(49.28px);
  }
  .f-container .hero__lead-txt {
    top: calc(70.4px);
    left: calc(1.28px);
    font-size: calc(16.64px);
    line-height: calc(33.28px);
  }
  .f-container .hero__lead-txt span {
    padding-right: calc(1.92px);
    margin-right: calc(-1.92px);
  }
  .f-container .navi__list {
    margin-bottom: calc(106.88px);

    -moz-column-gap: calc(31.36px);
    column-gap: calc(31.36px);
  }
  .f-container .navi__pic {
    height: calc(182.4px);
  }
  .f-container .navi__pic a::after {
    display: inline-block;
    width: calc(15.36px);
    height: calc(7.68px);
    content: '';
  }
  .f-container .navi .pic01 {
    width: calc(89.6px);
  }
  .f-container .navi .pic02 {
    width: calc(90.88px);
  }
  .f-container .navi .pic03 {
    width: calc(89.6px);
  }
  .f-container .navi .pic04 {
    width: calc(89.6px);
  }
  .f-container .sec__title {
    margin-bottom: calc(29.44px);
  }
  .f-container .sec__title-en {
    margin-bottom: calc(34.56px);
    font-size: calc(64px);
    line-height: calc(48.64px);
  }
  .f-container .sec__title-ja {
    font-size: calc(16.64px);
    line-height: calc(16.64px);
  }
  .f-container .sec__title-ja::before {
    height: calc(1.28px);
  }
  .f-container .sec__title-ja span {
    padding: 0 calc(19.2px);
  }
  .f-container .sec__text {
    margin-bottom: calc(30.08px);
    font-size: calc(16.64px);
    line-height: calc(33.28px);
  }
  .f-container .sec__pics {
    margin-bottom: calc(64px);

    -moz-column-gap: calc(12.8px);
    column-gap: calc(12.8px);
  }
  .f-container .sec__pic {
    width: calc(134.4px);
    height: calc(160px);
  }
  .f-container .sec__pic-color {
    bottom: calc(3.2px);
    font-size: calc(16.64px);
    line-height: calc(12.8px);
  }
  .f-container .sec .si {
    padding-bottom: calc(64px);
  }
  .f-container .sec .si__ttl {
    margin-bottom: calc(23.68px);
    font-size: calc(16.64px);
    line-height: calc(16.64px);
  }
  .f-container .sec .si__list {
    -moz-column-gap: calc(6.4px);
    column-gap: calc(6.4px);
  }
  .f-container .sec .si__box {
    width: calc(102.4px);
    padding-bottom: calc(17.28px);
  }
  .f-container .sec .si__num {
    width: calc(82.56px);
    padding: calc(22.4px) 0 calc(14.08px);
    margin-bottom: calc(8.96px);
    font-size: calc(16.64px);
    line-height: calc(14.08px);
  }
  .f-container .sec .si__num::after {
    bottom: calc(1.28px);
    height: calc(1.28px);
  }
  .f-container .sec .si__detail span {
    font-size: calc(12.8px);
    line-height: calc(19.2px);
  }
  .f-container .sec .si__detail-ja {
    padding-left: calc(3.2px);
  }
  .f-container .sec__beige-top {
    height: calc(93.44px);
  }
  .f-container .sec__beige-box {
    padding-bottom: calc(32px);
  }
  .f-container .sec__beige-ttl {
    padding-top: calc(3.2px);
    margin-bottom: calc(54.4px);
  }
  .f-container .sec__beige-ttl > span {
    font-size: calc(19.2px);
    line-height: calc(38.4px);
  }
  .f-container .sec__beige-ttl > span span {
    padding-left: calc(7.68px);
  }
  .f-container .sec__beige-ttl > span::before,
  .f-container .sec__beige-ttl > span::after {
    width: calc(14.08px);
    height: calc(13.44px);
  }
  .f-container .sec__beige-ttl > span::before {
    top: calc(3.2px);
    left: calc(-28.8px);
  }
  .f-container .sec__beige-ttl > span::after {
    right: calc(-32px);
    bottom: calc(-1.92px);
  }
  .f-container .sec__beige-bottom {
    height: calc(70.4px);
  }
  .f-container .sec .sec01 .sec__text span:nth-of-type(1) {
    margin: 0 calc(4.48px) 0 calc(-7.68px);
  }
  .f-container .sec .sec01 .sec__text span:nth-of-type(2) {
    padding-right: calc(5.12px);
  }
  .f-container .sec .sec01 .sec__beige-bottom {
    padding-bottom: calc(172.8px);
  }
  .f-container .sec .sec01 .sec__desc {
    margin-bottom: calc(64px);

    -moz-column-gap: calc(25.6px);
    column-gap: calc(25.6px);
  }
  .f-container .sec .sec01 .img01,
  .f-container .sec .sec01 .img02 {
    width: calc(201.6px);
  }
  .f-container .sec .sec01 .img03 {
    width: calc(288px);
    margin: 0 auto calc(25.6px);
  }
  .f-container .sec .sec01 .img04 {
    width: calc(288px);
    margin-left: calc(166.4px);
  }
  .f-container .sec .sec01 .baloon01 {
    top: calc(35.84px);
    left: calc(19.2px);
    width: calc(184.32px);
  }
  .f-container .sec .sec02 .sec__title {
    padding-top: calc(53.12px);
  }
  .f-container .sec .sec02 .sec__title::after {
    left: calc(165.76px);
    display: inline-block;
    width: calc(147.2px);
    height: calc(33.92px);
    content: '';
  }
  .f-container .sec .sec02 .sec__title-en {
    margin-bottom: calc(32px);
  }
  .f-container .sec .sec02 .sec__text span:nth-of-type(1) {
    margin-right: calc(-14.08px);
  }
  .f-container .sec .sec02 .sec__text span:nth-of-type(2) {
    margin-right: calc(-14.08px);
  }
  .f-container .sec .sec02 .sec__beige-bottom {
    padding-bottom: calc(107.52px);
  }
  .f-container .sec .sec02 .sec__desc {
    padding-top: calc(151.68px);
  }
  .f-container .sec .sec02 .sec__desc-box {
    width: calc(214.4px);
    padding: 0 calc(12.8px) calc(12.8px);
  }
  .f-container .sec .sec02 .sec__desc-box .sec__img {
    width: calc(188.8px);
  }
  .f-container .sec .sec02 .sec__desc-box .img01 {
    margin-bottom: calc(62.72px);
  }
  .f-container .sec .sec02 .sec__desc-left .sec__desc-txt {
    margin-left: calc(-11.52px);
  }
  .f-container .sec .sec02 .sec__desc-right .sec__desc-txt {
    margin-left: calc(11.52px);
  }
  .f-container .sec .sec02 .sec__desc-txt {
    padding: calc(12.8px) 0;
    font-size: calc(16.64px);
    line-height: calc(16.64px);
  }
  .f-container .sec .sec02 .sec__desc-point {
    bottom: calc(283.52px);
    width: calc(270.08px);
  }
  .f-container .sec .sec02 .sec__desc .left-arrow::after {
    left: calc(-19.84px);
    width: calc(14.08px);
    height: calc(30.08px);
  }
  .f-container .sec .sec02 .slide01 {
    width: calc(275.2px);
    margin-left: calc(25.6px);
  }
  .f-container .sec .sec02 .img-box01 {
    width: calc(192px);
    margin: calc(-192px) 0 calc(50.56px) calc(262.4px);
  }
  .f-container .sec .sec02 .img-color01 {
    top: calc(-27.52px);
    right: calc(5.76px);
    width: calc(131.2px);
  }
  .f-container .sec .sec02 .img-box02 {
    width: calc(428.8px);
    margin-bottom: calc(128px);
    margin-left: calc(25.6px);
  }
  .f-container .sec .sec02 .img-color02 {
    top: calc(-23.68px);
    left: calc(6.4px);
    width: calc(92.16px);
  }
  .f-container .sec .sec02 .img03 {
    width: calc(211.2px);
  }
  .f-container .sec .sec02 .img04 {
    width: calc(211.2px);
    margin-left: calc(6.4px);
  }
  .f-container .sec .sec02 .img-box03 {
    width: calc(428.8px);
    margin-bottom: calc(64px);
    margin-left: calc(25.6px);
  }
  .f-container .sec .sec02 .img-color03 {
    top: calc(195.84px);
    right: calc(5.12px);
    width: calc(91.52px);
  }
  .f-container .sec .sec02 .img05 {
    width: calc(275.2px);
  }
  .f-container .sec .sec02 .img06 {
    top: calc(-76.8px);
    right: 0;
    width: calc(211.2px);
  }
  .f-container .sec .sec02 .baloon01 {
    top: 0;
    left: calc(128px);
    width: calc(371.2px);
  }
  .f-container .sec .sec03 .sec__text span:nth-of-type(1) {
    margin: 0 calc(4.48px) 0 calc(-7.68px);
  }
  .f-container .sec .sec03 .sec__text span:nth-of-type(2) {
    padding-right: calc(5.12px);
  }
  .f-container .sec .sec03 .sec__beige-bottom {
    padding-bottom: calc(176px);
  }
  .f-container .sec .sec03 .img-box01 {
    gap: calc(6.4px);
  }
  .f-container .sec .sec03 .img-box01 .sec__img {
    width: calc(211.2px);
  }
  .f-container .sec .sec04 {
    margin-bottom: calc(102.4px);
  }
  .f-container .sec .sec04 .sec__text span:nth-of-type(1) {
    margin-right: calc(-5.12px);
  }
  .f-container .sec .sec04 .sec__text span:nth-of-type(2) {
    margin-right: calc(-5.12px);
  }
  .f-container .sec .sec04 .sec__pics {
    margin-bottom: calc(38.4px);
  }
  .f-container .sec .sec04 .sec__pic {
    height: calc(224px);
  }
  .f-container .sec .sec04 .sec__beige-ttl > span span {
    padding: 0 calc(5.12px);
  }
  .f-container .sec .sec04 .sec__beige-bottom {
    padding-bottom: calc(281.6px);
  }
  .f-container .sec .sec04 .slide01 {
    width: calc(384px);
    margin: 0 auto calc(38.4px);
  }
  .f-container .sec .sec04 .img02 {
    width: calc(313.6px);
  }
  .f-container .sec .sec04 .sec__desc {
    -moz-column-gap: calc(6.4px);
    column-gap: calc(6.4px);
  }
  .f-container .sec .sec04 .sec__desc .baloon01 {
    top: calc(-108.8px);
    right: calc(12.8px);
    width: calc(211.2px);
  }
  .f-container .sec .sec04 .sec__desc-box {
    width: calc(211.2px);

    row-gap: calc(6.4px);
  }
  .f-container .sec .sec04 .sec__desc-img {
    width: 100%;
  }
  .f-container .sec .sec04 .sec__desc-right {
    margin-top: calc(140.8px);
  }
  .f-container .all__item-check {
    width: calc(441.6px);
    margin: 0 auto calc(128px);
  }
}

.pc-footer {
  margin-top: 0;
}

.l-footer {
  padding-top: 0;
}