@charset "UTF-8";
/* ==========================================
   ■ 設定値（ここだけ触ればOK）
   ========================================== */
html {
  scroll-behavior: smooth;
}

:root {
  --limitSizeNum: 100vw;
  --spSize: 750;
  --pcSize: 1400;
  --spSizeInPc: 420;
}

.f-container {
  --pc-width: 1400; /*PCデザイン幅*/
  --sp-width: 750; /*SPデザイン幅*/
  --pc-artboard-width: 420; /*SP共通デザイン幅*/
  --sp-artboard-width: 750; /*PC共通デザイン幅*/
  --formula: calc(var(--variable) * var(--ratio)); /*SP→PC 可変設定*/
  --formula_pc: calc(var(--variable) * 1); /*PC 1400以上は固定*/
}

@media (min-width: 1401px) {
  html {
    font-size: 62.5%;
  }
  .f-container {
    --ratio: calc(
      var(--pc-artboard-width) / var(--sp-artboard-width)
    ); /* PCとSPのデザイン幅の比率 */
    --variable: 1px; /* 固定値（可変しない） */
  }
}
/* PC画面幅 768～1400px 可変 */
@media (min-width: 768px) and (max-width: 1400px) {
  html {
    font-size: calc(100vw / (140));
  }
  .f-container {
    --ratio: calc(
      var(--pc-artboard-width) / var(--sp-artboard-width)
    ); /* PCとSPのデザイン幅の比率 */
    --variable: calc(100vw / var(--pc-width)); /* 画面幅に基づく可変値 */
  }
}
/* SP画面幅 767px以下 可変 */
@media (max-width: 767px) {
  :root {
    --spSizeInPc: 750;
    --pcSize: 750;
  }
  html {
    font-size: calc(100vw / (75));
  }
  .f-container {
    --ratio: 1; /* 比率は1（変わらない） */
    --variable: calc(100vw / var(--sp-width)); /* 画面幅に基づく可変値 */
  }
  .f-right,
  .f-left {
    display: none !important;
  }
}
.l-container {
  width: 100%;
}

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

.f-container {
  opacity: 0;
}
.f-container.show {
  opacity: 1;
}
.f-container {
  scroll-margin-top: 80px;
  width: 100%;
  overflow: clip;
  display: flex;
  position: relative;
}
.f-container * {
  box-sizing: border-box;
  margin-block-start: 0;
  margin-block-end: 0;
  margin-inline-start: 0;
  margin-inline-end: 0;
}
.f-container {
  color: #000;
  font-feature-settings: "palt";
}
.f-container a.mask-img {
  position: relative;
}
.f-container a.mask-img::after {
  display: inline-block;
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  transition: all 0.3s ease-in-out;
  -webkit-mask-size: cover;
          mask-size: cover;
  will-change: opacity;
}
.f-container a.mask-img:hover {
  opacity: 1;
}
.f-container a.mask-img:hover::after {
  background: rgb(255, 255, 255);
  opacity: 0.3;
}
@media (max-width: 768px) {
  .f-container a.mask-img:hover::after {
    opacity: 0;
  }
}
.f-container img,
.f-container video {
  width: 100%;
  height: auto;
  vertical-align: top;
  pointer-events: none;
}
.f-container svg {
  width: 100%;
  height: auto;
  display: block;
  pointer-events: none;
}
.f-container a {
  color: #000;
  display: block;
  transition: all 0.3s ease-in-out;
  text-decoration: none;
  cursor: pointer;
}
.f-container a:hover {
  opacity: 0.7;
}
@media (max-width: 768px) {
  .f-container a:hover {
    opacity: 1;
  }
}
.f-container figure {
  display: block;
}
.f-container .f-left, .f-container .f-right {
  width: calc((100% - 42rem) / 2);
  height: calc(100vh - 80px);
  overflow: clip;
  position: sticky;
  top: 80px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.f-container .f-left__title {
  width: 38.98rem;
}
.f-container .f-left__title img {
  width: 100%;
  height: auto;
}
.f-container .f-right img {
  width: 100%;
  height: auto;
}
.f-container .f-right__list {
  display: flex;
  flex-direction: column;
  row-gap: 1rem;
}
.f-container .f-right__link {
  width: 24.8rem;
  height: 8rem;
}
.f-container .f-right__link a {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}
.f-container .f-right__link a::after {
  display: inline-block;
  content: "";
  width: 1.07rem;
  height: 0.43959rem;
  background: no-repeat url(../img/pc_arrow.svg) 0 0/contain;
  margin-left: auto;
}
.f-container .f-right__link-img {
  width: 6rem;
  flex-shrink: 0;
  height: auto;
  margin-right: 2.2rem;
}
.f-container .f-right__link-name {
  font-family: "zen-kaku-gothic-new", sans-serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0.06em;
  font-size: 1.3rem;
}
.f-container .f-main {
  width: 42rem;
  min-height: 100vh;
  overflow: clip;
}
@media (max-width: 768px) {
  .f-container .f-main {
    max-width: calc(750 * var(--formula));
    width: 100%;
  }
}
.f-container .f-main-wrap {
  width: 100%;
  background-color: #fff;
}
.f-container .fadeIn {
  opacity: 0;
  visibility: hidden;
  transition: all ease 1s;
}
.f-container .fadeIn.showed {
  opacity: 1;
  visibility: visible;
}
.f-container .hero {
  background-color: #fcfaf5;
}
.f-container .hero__mv {
  margin-bottom: calc(133 * var(--formula));
}
.f-container .hero__text {
  font-family: "zen-kaku-gothic-new", sans-serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0.06em;
  font-size: calc(26 * var(--formula));
  line-height: calc(45.5 * var(--formula));
  text-align: center;
  padding-bottom: calc(126 * var(--formula));
}
.f-container .hero__text span {
  margin-right: calc(-15 * var(--formula));
}
.f-container .hero {
  margin-bottom: calc(141 * var(--formula));
}
.f-container .navi {
  width: 100%;
  margin-bottom: calc(140 * var(--formula));
}
.f-container .navi__list {
  display: flex;
  flex-wrap: wrap;
}
.f-container .navi__link {
  position: relative;
  width: 50%;
  height: calc(188 * var(--formula));
}
.f-container .navi__link::before {
  display: inline-block;
  content: "";
  width: 100%;
  height: 1px;
  background-color: #e5c6ac;
  position: absolute;
  z-index: 2;
  left: 0;
  bottom: 0;
}
.f-container .navi__link a {
  display: flex;
  flex-wrap: wrap;
  height: 100%;
}
.f-container .navi__link-img {
  flex-shrink: 0;
  width: calc(140 * var(--formula));
}
.f-container .navi__link:nth-of-type(1), .f-container .navi__link:nth-of-type(2) {
  height: calc(190 * var(--formula));
  border-top: 1px solid #e5c6ac;
}
.f-container .navi__link:nth-of-type(odd)::after {
  display: inline-block;
  content: "";
  width: 1px;
  height: 100%;
  background-color: #e5c6ac;
  position: absolute;
  z-index: 3;
  right: calc(-1 * var(--formula));
  top: 0;
}
.f-container .navi__link:nth-of-type(odd) .navi__link-img {
  margin-left: calc(40 * var(--formula));
}
.f-container .navi__link:nth-of-type(even) .navi__link-img {
  margin-left: calc(21 * var(--formula));
}
.f-container .navi__link-name {
  height: 100%;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-grow: 1;
  font-family: "zen-kaku-gothic-new", sans-serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0.06em;
  font-size: calc(20 * var(--formula));
  line-height: calc(35 * var(--formula));
  text-align: center;
}
.f-container .navi__link-name::after {
  display: inline-block;
  content: "";
  width: calc(24 * var(--formula));
  height: calc(12 * var(--formula));
  background: no-repeat url(../img/navi_arrow.svg) 0 0/contain;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: calc(30 * var(--formula));
}
.f-container .navi__link:nth-of-type(even) .navi__link-name {
  margin-left: calc(-38 * var(--formula));
}
.f-container .modal {
  position: fixed;
  inset: 0;
  z-index: 100;
  opacity: 0;
  transform: scale(0);
  transition: opacity 0.5s, transform 0s 0.5s;
}
.f-container .modal.is-open {
  opacity: 1;
  transform: scale(1);
  transition: opacity 0.5s;
}
.f-container .modal_overlay {
  width: 100vw;
  height: 100vh;
  position: absolute;
  inset: 0;
  background: #fff;
  cursor: pointer;
}
.f-container .modal_content {
  width: calc(750 * var(--formula));
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
}
.f-container .modal .close_button {
  width: calc(58.5495 * var(--formula));
  position: fixed;
  top: calc(40 * var(--formula));
  right: calc(40 * var(--formula));
  z-index: 101;
  cursor: pointer;
}
.f-container .st {
  width: calc(670 * var(--formula));
  margin: 0 auto;
}
.f-container .st__title {
  width: calc(550 * var(--formula));
  margin-left: calc(60 * var(--formula));
  margin-bottom: calc(39 * var(--formula));
}
.f-container .st {
  border-collapse: collapse;
  table-layout: fixed;
}
.f-container .st thead th {
  width: calc(168 * var(--formula));
  height: calc(112 * var(--formula));
  border-left: 1px solid #fff;
  color: #fff;
  font-family: "baskerville-display-pt", serif;
  font-weight: 700;
  font-style: normal;
  font-size: calc(38 * var(--formula));
  line-height: calc(45.5 * var(--formula));
  letter-spacing: 0.06em;
}
.f-container .st thead th:nth-of-type(3) {
  border-right: 1px solid #e5c6ac !important;
}
.f-container .st__diagonal {
  border-left: 1px solid #e5c6ac !important;
  width: calc(335 * var(--formula)) !important;
  position: relative;
  overflow: hidden;
}
.f-container .st__diagonal span {
  font-family: "zen-kaku-gothic-new", sans-serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0.06em;
  font-size: calc(22 * var(--formula));
  line-height: calc(27.5 * var(--formula));
  font-weight: 400 !important;
}
.f-container .st__diagonal::before {
  display: inline-block;
  content: "";
  width: 150%;
  height: calc(2 * var(--formula));
  background-color: #fff;
  position: absolute;
  left: 0;
  top: 0;
  transform-origin: left top;
  transform: rotate(18.5deg);
  pointer-events: none;
}
.f-container .st__text--top {
  text-align: right;
  position: absolute;
  top: calc(14 * var(--formula));
  right: calc(29 * var(--formula));
  z-index: 1;
}
.f-container .st__text--top span {
  display: inline-block;
  margin-left: calc(5 * var(--formula));
}
.f-container .st__text--bottom {
  position: absolute;
  bottom: calc(15 * var(--formula));
  left: calc(29 * var(--formula));
  z-index: 1;
}
.f-container .st tr.bg-beige {
  background-color: #fcfaf5;
}
.f-container .st td {
  border: calc(2 * var(--formula)) solid #e5c6ac;
  border-top: none;
  height: calc(112 * var(--formula));
  text-align: center;
  position: relative;
  font-family: "baskerville-display-pt", serif;
  font-weight: 400;
  font-style: normal;
  font-size: calc(38 * var(--formula));
  line-height: calc(45 * var(--formula));
  letter-spacing: 0.06em;
  position: relative;
  overflow: hidden;
}
.f-container .st td.st__slash::before {
  display: inline-block;
  content: "";
  width: 150%;
  height: calc(2 * var(--formula));
  background-color: #e5c6ac;
  position: absolute;
  left: 0;
  top: 0;
  transform-origin: left top;
  transform: rotate(33.5deg);
  pointer-events: none;
}
.f-container .st th {
  background: #e5c6ac;
  font-weight: bold;
}
.f-container .sec .dfc {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.f-container .sec .dfl {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.f-container .sec .dfr {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.f-container .sec .abs {
  position: absolute;
}
.f-container .sec .bgc {
  background-color: #fcfaf5;
}
.f-container .sec__area {
  position: relative;
  padding-bottom: calc(140 * var(--formula));
}
.f-container .sec__title {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.f-container .sec__title-en {
  color: #e5c6ac;
  font-family: "duende-pro", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: calc(140 * var(--formula));
  line-height: calc(75 * var(--formula));
  padding-top: calc(23 * var(--formula));
  padding-bottom: calc(10 * var(--formula));
  text-align: center;
}
.f-container .sec__text {
  font-family: "zen-kaku-gothic-new", sans-serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0.06em;
  font-size: calc(26 * var(--formula));
  line-height: calc(45.5 * var(--formula));
  text-align: center;
  margin-bottom: calc(52 * var(--formula));
}
.f-container .sec__text span {
  display: inline-block;
  margin-right: calc(-14 * var(--formula));
}
.f-container .sec__items {
  position: relative;
  -moz-column-gap: calc(20 * var(--formula));
       column-gap: calc(20 * var(--formula));
  margin-bottom: calc(54 * var(--formula));
}
.f-container .sec__item {
  width: calc(210 * var(--formula));
  position: relative;
}
.f-container .sec__item-color {
  pointer-events: none;
  font-family: "baskerville-display-pt", serif;
  font-weight: 400;
  font-style: normal;
  font-size: calc(26 * var(--formula));
  line-height: calc(22 * var(--formula));
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  text-align: center;
}
.f-container .sec__item-name {
  font-family: "zen-kaku-gothic-new", sans-serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0.06em;
  font-size: calc(26 * var(--formula));
  line-height: calc(45.5 * var(--formula));
  text-align: center;
}
.f-container .sec__btn {
  font-family: "zen-kaku-gothic-new", sans-serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0.06em;
  font-size: calc(30 * var(--formula));
  line-height: calc(52 * var(--formula));
  margin-left: calc(235 * var(--formula));
  margin-bottom: calc(102 * var(--formula));
  display: flex;
  flex-wrap: wrap;
  cursor: pointer;
}
.f-container .sec__btn span {
  display: flex;
  align-items: center;
  margin-left: calc(19 * var(--formula));
  width: calc(40 * var(--formula));
}
.f-container .sec__sub {
  margin-bottom: calc(102 * var(--formula));
}
.f-container .sec__box {
  position: relative;
}
.f-container .sec__slide {
  position: relative;
}
.f-container .sec__img {
  position: relative;
}
.f-container .sec__color {
  pointer-events: none;
  font-family: "baskerville-display-pt", serif;
  font-weight: 400;
  font-style: normal;
}
.f-container .sec__intro {
  position: relative;
}
.f-container .sec01 {
  padding-top: calc(142 * var(--formula));
}
.f-container .sec01 .sec__title {
  margin-bottom: calc(51 * var(--formula));
}
.f-container .sec01 .sec__title-en {
  margin-bottom: calc(30 * var(--formula));
}
.f-container .sec01 .sec__title-jp {
  width: calc(362 * var(--formula));
}
.f-container .sec01 .sec__sub {
  width: calc(454.12 * var(--formula));
  margin-left: calc(160 * var(--formula));
}
.f-container .sec01 .sec__diff {
  -moz-column-gap: calc(40 * var(--formula));
       column-gap: calc(40 * var(--formula));
  margin-bottom: calc(100 * var(--formula));
}
.f-container .sec01 .sec__diff-img {
  width: calc(315 * var(--formula));
}
.f-container .sec01 .sec__baloon {
  width: calc(482 * var(--formula));
  margin-left: calc(227 * var(--formula));
  margin-bottom: calc(61 * var(--formula));
}
.f-container .sec01 .slide01 {
  width: calc(480 * var(--formula));
  margin-left: calc(40 * var(--formula));
}
.f-container .sec02 {
  padding-top: calc(140 * var(--formula));
}
.f-container .sec02 .sec__title {
  margin-bottom: calc(51 * var(--formula));
}
.f-container .sec02 .sec__title-en {
  margin-bottom: calc(30 * var(--formula));
  margin-left: calc(-13 * var(--formula));
}
.f-container .sec02 .sec__title-jp {
  width: calc(680 * var(--formula));
}
.f-container .sec02 .sec__text span:nth-of-type(1) {
  margin-right: calc(-30 * var(--formula));
}
.f-container .sec02 .sec__sub {
  margin-top: calc(-8 * var(--formula));
  width: calc(676.72 * var(--formula));
  margin-left: calc(37 * var(--formula));
}
.f-container .sec02 .sec__diff {
  width: calc(670 * var(--formula));
  margin: 0 auto;
}
.f-container .sec02 .sec__diff-title {
  width: calc(405.121 * var(--formula));
  margin-bottom: calc(33 * var(--formula));
}
.f-container .sec02 .sec__diff-box {
  width: calc(335 * var(--formula));
  padding-bottom: calc(17 * var(--formula));
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.f-container .sec02 .sec__diff-box.diff-left {
  background-color: #fcfaf5;
  border: calc(2 * var(--formula)) solid rgba(229, 198, 172, 0.7);
}
.f-container .sec02 .sec__diff-box.diff-right {
  border: calc(2 * var(--formula)) solid rgba(237, 237, 237, 0.7);
}
.f-container .sec02 .sec__diff-text {
  width: 100%;
  text-align: center;
  font-family: "zen-kaku-gothic-new", sans-serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0.06em;
  font-size: calc(26 * var(--formula));
  line-height: calc(52 * var(--formula));
  padding-top: calc(7 * var(--formula));
  margin-bottom: calc(7 * var(--formula));
}
.f-container .sec02 .sec__diff-img {
  position: relative;
  width: calc(295 * var(--formula));
}
.f-container .sec02 .sec__diff-img.mb {
  margin-bottom: calc(20 * var(--formula));
}
.f-container .sec02 .sec__diff-img.arrow::after {
  display: inline-block;
  content: "";
  width: calc(22 * var(--formula));
  height: calc(47.3013 * var(--formula));
  background: no-repeat url(../img/sec02_diff_arrow.svg) 0 0/contain;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: calc(-30 * var(--formula));
}
.f-container .sec02 .sec__diff .slide04 {
  width: calc(295 * var(--formula));
}
.f-container .sec02 .sec__baloon {
  width: calc(426 * var(--formula));
  margin-left: calc(41 * var(--formula));
  margin-bottom: calc(61 * var(--formula));
}
.f-container .sec02 .box01 {
  padding-bottom: calc(99 * var(--formula));
  margin-bottom: calc(40 * var(--formula));
}
.f-container .sec02 .box01 .slide01 {
  width: calc(430 * var(--formula));
  margin-left: calc(40 * var(--formula));
}
.f-container .sec02 .box01 .img02 {
  width: calc(300 * var(--formula));
  right: calc(40 * var(--formula));
  bottom: 0;
}
.f-container .sec02 .box01 .color01 {
  font-size: calc(78 * var(--formula));
  line-height: calc(136.5 * var(--formula));
  color: rgba(234, 197, 187, 0.6);
  right: calc(40 * var(--formula));
  top: calc(162 * var(--formula));
}
.f-container .sec02 .box02 {
  width: calc(470 * var(--formula));
  margin-left: calc(40 * var(--formula));
}
.f-container .sec02 .box02 .color02 {
  font-size: calc(72 * var(--formula));
  line-height: calc(126 * var(--formula));
  color: rgba(255, 255, 255, 0.6);
  left: calc(21 * var(--formula));
  bottom: calc(-21 * var(--formula));
}
.f-container .sec02 .box03 {
  width: calc(430 * var(--formula));
  margin-top: calc(-60 * var(--formula));
  margin-left: calc(280 * var(--formula));
  margin-bottom: calc(101 * var(--formula));
}
.f-container .sec02 .box03 .color03 {
  font-size: calc(72 * var(--formula));
  line-height: calc(126 * var(--formula));
  color: rgba(104, 104, 104, 0.6);
  right: 0;
  top: calc(-103 * var(--formula));
}
.f-container .sec03 {
  padding-top: calc(142 * var(--formula));
}
.f-container .sec03 .sec__title {
  margin-bottom: calc(50 * var(--formula));
}
.f-container .sec03 .sec__title-en {
  margin-bottom: calc(30 * var(--formula));
  margin-left: calc(-3 * var(--formula));
}
.f-container .sec03 .sec__title-jp {
  width: calc(513 * var(--formula));
}
.f-container .sec03 .sec__sub {
  margin-top: calc(-5 * var(--formula));
  width: calc(581.32 * var(--formula));
  margin-left: calc(96 * var(--formula));
}
.f-container .sec03 .box01 {
  flex-wrap: nowrap;
  -moz-column-gap: calc(10 * var(--formula));
       column-gap: calc(10 * var(--formula));
}
.f-container .sec03 .box01 .sec__slide {
  width: calc(370 * var(--formula));
}
.f-container .sec03 .box01 .slide02 {
  margin-left: auto;
}
.f-container .sec04 {
  padding-top: calc(142 * var(--formula));
  padding-bottom: 0;
}
.f-container .sec04 .sec__title {
  margin-bottom: calc(52 * var(--formula));
}
.f-container .sec04 .sec__title-en {
  margin-bottom: calc(30 * var(--formula));
  margin-left: calc(-20 * var(--formula));
}
.f-container .sec04 .sec__title-jp {
  width: calc(513 * var(--formula));
}
.f-container .sec04 .sec__sub {
  margin-top: calc(-5 * var(--formula));
  width: calc(583.48 * var(--formula));
  margin-left: calc(96 * var(--formula));
}
.f-container .sec04 .sec__intro {
  padding-top: calc(248 * var(--formula));
  -moz-column-gap: calc(10 * var(--formula));
       column-gap: calc(10 * var(--formula));
  padding-bottom: calc(100 * var(--formula));
}
.f-container .sec04 .sec__intro-box {
  width: calc(330 * var(--formula));
  position: relative;
  z-index: 2;
}
.f-container .sec04 .sec__intro .box-right {
  padding-top: calc(130 * var(--formula));
}
.f-container .sec04 .sec__intro .intro01 {
  margin-bottom: calc(10 * var(--formula));
}
.f-container .sec04 .sec__intro .intro03 {
  margin-bottom: calc(10 * var(--formula));
}
.f-container .sec04 .sec__baloon {
  width: calc(482 * var(--formula));
  top: calc(100 * var(--formula));
  right: calc(40 * var(--formula));
}
.f-container .sec04 .slide01 {
  width: calc(510 * var(--formula));
}
.f-container .sec04 .img02 {
  width: calc(430 * var(--formula));
  margin-top: calc(-111 * var(--formula));
  margin-left: auto;
  margin-bottom: calc(140 * var(--formula));
}
.f-container .sec05 {
  padding-top: calc(140 * var(--formula));
  padding-bottom: 0;
}
.f-container .sec05 .sec__title {
  margin-bottom: calc(53 * var(--formula));
}
.f-container .sec05 .sec__title-en {
  margin-bottom: calc(30 * var(--formula));
  margin-left: calc(-12 * var(--formula));
}
.f-container .sec05 .sec__title-jp {
  width: calc(400 * var(--formula));
}
.f-container .sec05 .sec__text {
  margin-bottom: calc(50 * var(--formula));
}
.f-container .sec05 .sec__items {
  width: calc(670 * var(--formula));
  margin: 0 auto;
}
.f-container .sec05 .sec__items.items01 {
  padding-bottom: calc(40 * var(--formula));
  margin-bottom: calc(42 * var(--formula));
}
.f-container .sec05 .sec__items.items02 {
  padding-bottom: calc(38 * var(--formula));
  margin-bottom: calc(40 * var(--formula));
}
.f-container .sec05 .sec__items.items03 {
  margin-bottom: calc(56 * var(--formula));
}
.f-container .sec05 .sec__items.bb {
  border-bottom: calc(2 * var(--formula)) solid #e5c6ac;
}
.f-container .sec05 .sec__item-name {
  font-family: "zen-kaku-gothic-new", sans-serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0.06em;
  font-size: calc(26 * var(--formula));
  line-height: calc(45.5 * var(--formula));
  text-align: center;
}
.f-container .sec05 .sec__item-name.item-name01 {
  padding-top: calc(77 * var(--formula));
  padding-right: calc(22 * var(--formula));
}
.f-container .sec05 .sec__item-name.item-name02 {
  padding-top: calc(100 * var(--formula));
  padding-left: calc(22 * var(--formula));
}
.f-container .sec05 .sec__item-name.item-name03 {
  position: absolute;
  top: calc(79 * var(--formula));
  left: calc(8 * var(--formula));
}
.f-container .sec05 .sec__btn {
  margin-bottom: calc(91 * var(--formula));
}
.f-container .sec05 .img01 {
  width: calc(430 * var(--formula));
}
.f-container .sec05 .img02 {
  width: calc(370 * var(--formula));
  margin-top: calc(-359 * var(--formula));
  margin-left: auto;
  margin-bottom: calc(100 * var(--formula));
}
.f-container .sec05 .img03 {
  width: calc(490 * var(--formula));
  margin: 0 auto calc(100 * var(--formula));
}
.f-container .sec05 .box01 {
  flex-wrap: nowrap;
  -moz-column-gap: calc(10 * var(--formula));
       column-gap: calc(10 * var(--formula));
}
.f-container .sec05 .img04,
.f-container .sec05 .img05 {
  width: calc(370 * var(--formula));
}
.f-container .sec05 .img05 {
  margin-left: auto;
}
.f-container .sec06 {
  padding-top: calc(102 * var(--formula));
  padding-bottom: calc(140 * var(--formula));
}
.f-container .sec06 .sec__items {
  width: calc(670 * var(--formula));
  margin: 0 auto calc(102 * var(--formula));
}
.f-container .sec06 .sec__item-name.item-name01 {
  padding-top: calc(100 * var(--formula));
  padding-left: calc(50 * var(--formula));
}
.f-container .sec06 .slide01 {
  width: calc(470 * var(--formula));
  margin-left: auto;
}
.f-container .sec06 .slide02 {
  width: calc(390 * var(--formula));
  margin-top: calc(-300 * var(--formula));
}
.f-container .rc {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.f-container .rc__title {
  width: calc(419 * var(--formula));
  margin-bottom: calc(40 * var(--formula));
}
.f-container .rc__bnr {
  width: calc(670 * var(--formula));
  margin-bottom: calc(140 * var(--formula));
}
.f-container .all__btn {
  width: calc(670 * var(--formula));
  margin: 0 auto;
  padding-bottom: calc(200 * var(--formula));
}