@charset "UTF-8";
/* ====================================== //
// フォント設定 - 種類

// ====================================== */
@font-face {
  font-family: "Roboto";
  src: url("../font/Roboto/Roboto-VariableFont_wdth") format("truetype");
}
@font-face {
  font-family: "Libre Caslon Text";
  src: url("../font/Libre_Caslon_Text/LibreCaslonText-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "Noto Sans JP";
  src: url("../font/Noto_Sans_JP/NotoSansJP-VariableFont_wght.ttf") format("truetype");
}
/* ====================================== //
// フォント設定 - 種類

// ====================================== */
@font-face {
  font-family: "Roboto";
  src: url("../font/Roboto/Roboto-VariableFont_wdth") format("truetype");
}
@font-face {
  font-family: "Libre Caslon Text";
  src: url("../font/Libre_Caslon_Text/LibreCaslonText-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "Noto Sans JP";
  src: url("../font/Noto_Sans_JP/NotoSansJP-VariableFont_wght.ttf") format("truetype");
}
.u-OverMiddle-Block {
  display: none;
}
@media screen and (min-width: 756px) {
  .u-OverMiddle-Block {
    display: block;
  }
}

.u-UnderMiddle-Block {
  display: block;
}
@media screen and (min-width: 756px) {
  .u-UnderMiddle-Block {
    display: none;
  }
}

.u-UnderMiddle-InlineBlock {
  display: inline-block;
}
@media screen and (min-width: 756px) {
  .u-UnderMiddle-InlineBlock {
    display: none;
  }
}

.u-Katakana {
  letter-spacing: -0.12em;
}

.u-TextMain {
  color: #5fa5a6;
}

.u-TextSub {
  color: #b4963c;
}

.u-TextBold {
  font-weight: 700;
}

.u-TextBold {
  font-weight: 700;
}

.u-UnderMain,
.u-UnderSub,
.u-UnderAccent {
  display: inline-block;
  position: relative;
}
.u-UnderMain::after,
.u-UnderSub::after,
.u-UnderAccent::after {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 40%;
  z-index: -1;
  content: "";
}

.u-UnderMain::after {
  background-color: #5fa5a6;
}

.u-UnderSub::after {
  background-color: #b4963c;
}

.u-UnderAccent::after {
  background-color: #f08969;
}

/* ====================================== //
// function
// ====================================== */
/* ====================================== //
// utility
// ====================================== */
html {
  scroll-behavior: smooth;
  scroll-margin-top: 84px;
}

body {
  overflow-x: hidden;
  font-family: "Libre Caslon Text";
  font-family: "Noto Sans JP";
  font-size: 16px;
  line-height: 1.2;
  letter-spacing: 0;
  color: #4d4d4d;
  font-weight: 400;
}

a {
  width: 100%;
  position: relative;
  cursor: pointer;
}

img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

iframe {
  width: 100%;
}

.l-Section {
  padding-block: 30px;
}
@media screen and (min-width: 756px) {
  .l-Section {
    padding-block: 60px;
  }
}

.l-Container,
.l-Container-Price,
.l-Container-Footer {
  padding-inline: 0.9375rem;
}
@media screen and (min-width: 756px) {
  .l-Container,
.l-Container-Price,
.l-Container-Footer {
    margin-inline: auto;
    padding-inline: 1.875rem;
  }
}

.l-Container {
  padding-inline: 1.25rem;
}
@media screen and (min-width: 756px) {
  .l-Container {
    max-width: 72.5rem;
  }
}

@media screen and (min-width: 756px) {
  .l-Container-Narrow {
    max-width: 72.5rem;
    height: 100%;
  }
}

.l-Container-Reason {
  padding-inline: 15px;
}
@media screen and (min-width: 756px) {
  .l-Container-Reason {
    margin-inline: auto;
    max-width: 71.25rem;
    padding-inline: 30px;
  }
}

.l-Container-Price {
  max-width: 63.125rem;
}

.l-Container-CTA {
  padding-inline: 1.5625rem;
  margin-inline: auto;
}
@media screen and (min-width: 756px) {
  .l-Container-CTA {
    max-width: 85.75rem;
  }
}

.l-Container-Case {
  position: relative;
  padding-inline: 1.5625rem;
  margin-inline: auto;
}
@media screen and (min-width: 756px) {
  .l-Container-Case {
    max-width: 1120px;
    padding-inline: 40px;
  }
}

.l-Container-QA {
  padding-inline: 1.5625rem;
  margin-inline: auto;
}
@media screen and (min-width: 756px) {
  .l-Container-QA {
    max-width: 53.75rem;
  }
}

.l-Container-Contact {
  padding-inline: 1.25rem;
  margin-inline: auto;
}
@media screen and (min-width: 756px) {
  .l-Container-Contact {
    max-width: 79rem;
  }
}

.l-Container-News {
  padding-inline: 1.25rem;
  margin-inline: auto;
}
@media screen and (min-width: 756px) {
  .l-Container-News {
    max-width: 69rem;
  }
}

.l-Container-Footer {
  margin-inline: auto;
}
@media screen and (min-width: 756px) {
  .l-Container-Footer {
    max-width: 83.75rem;
  }
}

.c-Headline02 {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
  font-family: "游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho Pro", serif;
  font-weight: 600;
  font-size: clamp(
    1.5rem,
    2.34vw + 0.39435rem,
    2.5rem
  );
  letter-spacing: 0.05em;
  line-height: 1.4;
  color: #4d4d4d;
}

.c-TimeTable {
  width: 100%;
  border: none;
  border-collapse: collapse;
}

.c-TimeTableHead {
  background-color: #5fa5a6;
  color: #ffffff;
  height: clamp(
    1.75rem,
    2.34vw + 0.64435rem,
    2.75rem
  );
  font-size: clamp(
    0.75rem,
    0.58vw + 0.47595rem,
    1rem
  );
  border: 0;
}

.c-TimeTableRow {
  height: clamp(
    2.4375rem,
    1.9vw + 1.53975rem,
    3.25rem
  );
  background-color: #ffffff;
  position: relative;
}
.c-TimeTableRow:not(:last-child)::after {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #dfdfdf;
  content: "";
}

.c-TimeTitle-AM,
.c-TimeTitle-PM {
  font-size: clamp(
    0.75rem,
    0.58vw + 0.47595rem,
    1rem
  );
}

.c-TimeCell-S {
  width: 10.2127659574%;
}

.c-TimeCell-M {
  width: 14.8936170213%;
}

.c-TimeTable td,
.c-TimeCell {
  text-align: center;
  vertical-align: middle;
}

.c-IconCircle {
  display: inline-block;
  width: clamp(
    0.75rem,
    0.58vw + 0.47595rem,
    1rem
  );
  aspect-ratio: 1;
  border-radius: 50%;
  background-color: #4d4d4d;
}

.c-IconBar {
  display: inline-block;
  vertical-align: super;
  width: clamp(
    0.75rem,
    0.58vw + 0.47595rem,
    1rem
  );
  height: 1px;
  transform: translateY(-50%);
  background-color: #4d4d4d;
}

.pg-Header {
  width: 100%;
  height: 3.875rem;
  background-color: #ffffff;
}
@media screen and (min-width: 756px) {
  .pg-Header {
    height: 5.25rem;
  }
}

.pg-Header__Container {
  height: inherit;
  display: flex;
  padding-inline: 0.625rem 0;
}
@media screen and (min-width: 756px) {
  .pg-Header__Container {
    margin-inline: auto;
    max-width: 88.5rem;
    flex-direction: row;
    align-items: center;
    padding-inline: 1.875rem;
  }
}

.pg-Header__LogoWrap {
  width: 10.5rem;
  display: flex;
  align-items: center;
}
@media screen and (min-width: 756px) {
  .pg-Header__LogoWrap {
    width: 17.375rem;
  }
}

.pg-Header__LogoLink {
  display: flex;
  align-items: center;
  transition: 0.3s opacity;
}
@media (hover: hover) {
  .pg-Header__LogoLink:hover {
    opacity: 0.6;
  }
}

.pg-Header__Reservation {
  margin-left: auto;
}
@media (min-width: 756px) {
  .pg-Header__Reservation {
    padding-block: 0.875rem;
  }
}

.pg-Header__ReservationLink {
  background-color: #b4963c;
  padding-block: 0.75rem;
  padding-inline: clamp(
    0.84375rem,
    5.63vw + -1.816425rem,
    3.25rem
  );
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.625rem;
  min-width: 0;
  transition: 0.3s background-color;
}
@media (hover: hover) {
  .pg-Header__ReservationLink:hover {
    background-color: #b6a36a;
  }
}

.pg-Header__ReservationIcon {
  width: 2rem;
  aspect-ratio: 1;
}

.pg-Header__ReservationText {
  width: -webkit-min-content;
  width: -moz-min-content;
  width: min-content;
  color: #ffffff;
  font-weight: 700;
  font-size: clamp(
    0.875rem,
    0.29vw + 0.737975rem,
    1rem
  );
  line-height: 1.2857142857;
  letter-spacing: 0.04em;
  word-break: keep-all;
  overflow-wrap: break-word;
}
@media screen and (min-width: 756px) {
  .pg-Header__ReservationText {
    width: auto;
    word-break: unset;
    overflow-wrap: unset;
    line-height: 1.448125;
    letter-spacing: 0.03em;
  }
}

.pg-Footer {
  background-color: rgba(95, 165, 167, 0.2);
  padding-top: clamp(
    1.875rem,
    5.85vw + -0.889125rem,
    4.375rem
  );
  padding-bottom: clamp(
    1.875rem,
    4.39vw + -0.199275rem,
    3.75rem
  );
}

.pg-Footer__Container {
  padding-inline: 15px;
}
@media screen and (min-width: 756px) {
  .pg-Footer__Container {
    margin-inline: auto;
    max-width: 61.5rem;
    padding-inline: 30px;
  }
}

.pg-Footer__Headline02 {
  margin-inline: auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-family: "游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho Pro", serif;
  color: #5fa5a6;
  font-weight: 600;
  font-size: clamp(
    1.125rem,
    3.22vw + -0.39645rem,
    2.5rem
  );
  line-height: 1.5;
  letter-spacing: 0.06em;
}
@media screen and (min-width: 756px) {
  .pg-Footer__Headline02 {
    line-height: 1.5;
    letter-spacing: 0.06em;
  }
}

.pg-Footer__LogoWrap {
  margin-inline: auto;
  margin-top: 1.25rem;
  width: clamp(
    14.875rem,
    22.08vw + 4.4422rem,
    24.3125rem
  );
  aspect-ratio: 5.4788732394;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (min-width: 756px) {
  .pg-Footer__LogoWrap {
    margin-top: 0.625rem;
  }
}

.pg-Footer__Overview-01 {
  margin-top: clamp(
    0.1875rem,
    2.49vw + -0.989025rem,
    1.25rem
  );
  margin-inline: auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-size: clamp(
    0.875rem,
    0.29vw + 0.737975rem,
    1rem
  );
  line-height: 1.5;
  letter-spacing: 0.05em;
}

.pg-Footer__TelIconWrap {
  width: clamp(
    1.375rem,
    1.46vw + 0.68515rem,
    2rem
  );
  aspect-ratio: 1;
  -o-object-fit: contain;
     object-fit: contain;
}

.pg-Footer__TelNumber {
  font-family: "Roboto";
  font-size: clamp(
    1.125rem,
    2.05vw + 0.156375rem,
    2rem
  );
  line-height: 1.5;
  letter-spacing: 0.08em;
}

.pg-Footer__TelLink {
  margin-top: clamp(
    0.4375rem,
    1.02vw + -0.04445rem,
    0.875rem
  );
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
  width: fit-content;
  display: flex;
  align-items: center;
  gap: 0.625rem;
  font-size: clamp(
    0.875rem,
    0.29vw + 0.737975rem,
    1rem
  );
  line-height: 1.5;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 756px) {
  .pg-Footer__TelLink {
    pointer-events: none;
    cursor: default;
  }
}

.pg-Footer__Layout {
  margin-top: clamp(
    1.125rem,
    0.88vw + 0.7092rem,
    1.5rem
  );
  display: flex;
  flex-direction: column-reverse;
  row-gap: 1.25rem;
}
@media screen and (min-width: 756px) {
  .pg-Footer__Layout {
    flex-direction: row;
  }
}

.pg-Footer__TimetableArea {
  width: 100%;
}
@media screen and (min-width: 756px) {
  .pg-Footer__TimetableArea {
    width: 50.6479481641%;
  }
}

.pg-Footer__AccessArea {
  width: 100%;
}
@media screen and (min-width: 756px) {
  .pg-Footer__AccessArea {
    margin-left: auto;
    width: 46.2203023758%;
  }
}

.pg-Footer__Memo {
  margin-top: 0.625rem;
  font-size: clamp(
    0.625rem,
    0.88vw + 0.2092rem,
    1rem
  );
  line-height: 2;
  letter-spacing: -0.02em;
}
@media screen and (min-width: 756px) {
  .pg-Footer__Memo {
    margin-top: 0.5625rem;
    padding-left: 6px;
    line-height: 2;
    letter-spacing: 0em;
  }
}

.pg-Footer__MapArea {
  width: 57.875rem;
  height: 23rem;
}

.pg-Footer__Access-01,
.pg-Footer__Access-02 {
  padding-left: clamp(
    2.125rem,
    1.32vw + 1.5013rem,
    2.6875rem
  );
  position: relative;
  font-size: clamp(
    0.875rem,
    0.29vw + 0.737975rem,
    1rem
  );
  line-height: 1.8;
  letter-spacing: 0em;
}
.pg-Footer__Access-01::before,
.pg-Footer__Access-02::before {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 1.375rem;
  aspect-ratio: 1;
  background-size: contain;
  background-repeat: no-repeat;
  content: "";
}
@media screen and (min-width: 756px) {
  .pg-Footer__Access-01,
.pg-Footer__Access-02 {
    line-height: 1.8;
    letter-spacing: 0em;
  }
  .pg-Footer__Access-01::before,
.pg-Footer__Access-02::before {
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 1.875rem;
    height: 1.875rem;
    content: "";
  }
}

.pg-Footer__Access-01 {
  margin-top: clamp(
    0.75rem,
    0.88vw + 0.3342rem,
    1.125rem
  );
}
.pg-Footer__Access-01::before {
  background-image: url(../images/pages/front/icon-train.svg);
}

.pg-Footer__Access-02 {
  margin-top: clamp(
    0.3125rem,
    1.61vw + -0.448225rem,
    1rem
  );
}
.pg-Footer__Access-02::before {
  background-image: url(../images/pages/front/icon-car.svg);
}

.pg-Footer__MapArea {
  margin-top: clamp(
    0.625rem,
    2.92vw + -0.7547rem,
    1.875rem
  );
  width: 100%;
  aspect-ratio: 0.3974082073;
}

.pg-Footer__Information {
  text-align: center;
  margin-top: 1.875rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
  font-size: 0.75rem;
}

.pg-Footer__Information p {
  font-size: 10px;
  margin-top: 0.9375rem;
}

.pf-MainView {
  margin-inline: auto;
  position: relative;
  overflow-x: hidden;
}
.pf-MainView::before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -2;
  width: 100%;
  height: 100%;
  background-image: url("../images/pages/front/main_view-bg01-sp.png");
  background-size: cover;
  background-repeat: no-repeat;
  content: "";
}
@media screen and (min-width: 1000px) {
  .pf-MainView:before {
    background-image: url("../images/pages/front/main_view-base.png");
  }
  .pf-MainView:after {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(90deg, rgba(194, 194, 194, 0.1019607843), #fafafb 43% 71%, rgba(0, 0, 0, 0.1019607843));
    content: "";
  }
}

.pf-MainView__ContainerWrap {
  margin-inline: auto;
  max-width: 1440px;
  position: relative;
  position: relative;
}
.pf-MainView__ContainerWrap::after {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  z-index: 0;
  width: clamp(
    15.625rem,
    30.05vw + 8.3003125rem,
    22.5rem
  );
  aspect-ratio: 0.5602678571;
  background-image: url("../images/pages/front/main_view-bg02-sp.png");
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
}
@media screen and (min-width: 756px) {
  .pf-MainView__ContainerWrap {
    margin-inline: auto;
    padding-inline: 30px 0;
  }
  .pf-MainView__ContainerWrap::after {
    top: unset;
    bottom: 0;
    right: -145px;
    transform: unset;
    width: clamp(
    40.625rem,
    13.45vw + 34.269875rem,
    46.375rem
  );
    aspect-ratio: 1.0108991826;
    background-image: url("../images/pages/front/main_view-bg02.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 100% 100%;
  }
}
@media screen and (min-width: 1000px) {
  .pf-MainView__ContainerWrap::after {
    width: clamp(
    39.0625rem,
    26.59vw + 22.44375rem,
    46.375rem
  );
    aspect-ratio: 1.0108991826;
  }
}

.pf-MainView__Container {
  padding-top: clamp(
    1.4375rem,
    5.41vw + -1.118725rem,
    3.75rem
  );
  padding-bottom: clamp(
    1.4375rem,
    0vw + 1.4375rem,
    1.4375rem
  );
  padding-inline: 0.8125rem 0;
  width: 100%;
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 756px) {
  .pf-MainView__Container {
    max-width: 1030px;
    margin-inline: auto;
  }
}

.pf-MainView__WorriesWrap {
  display: flex;
  align-items: center;
  gap: 0.625rem;
}

.pf-MainView__Worries {
  background-color: #5fa5a6;
  box-shadow: 4px 4px 1px 0px rgba(0, 0, 0, 0.1490196078);
  padding-block: 0rem 0.1875rem;
  padding-inline: clamp(
    0.4025rem,
    0.52vw + 0.1568rem,
    0.625rem
  );
  color: #ffffff;
  font-weight: 700;
  font-size: clamp(
    1rem,
    2.34vw + -0.10565rem,
    2rem
  );
  line-height: 1.2;
  letter-spacing: 0.03em;
}

.pf-MainView__WorriesText-01,
.pf-MainView__WorriesText-02 {
  background-color: #ffffff;
  font-family: "游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho Pro", serif;
  font-weight: 600;
  font-size: clamp(
    1rem,
    1.17vw + 0.447175rem,
    1.5rem
  );
  line-height: 1.6020833333;
}

.pf-MainView__WorriesText-01 {
  letter-spacing: 0.11em;
}

.pf-MainView__WorriesText-02 {
  letter-spacing: 0.03em;
}

.pf-MainView__Line02 {
  margin-top: clamp(
    1rem,
    1.75vw + 0.173125rem,
    1.75rem
  );
  font-family: "游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho Pro", serif;
  font-weight: 600;
  font-size: clamp(
    1.25rem,
    1.75vw + 0.423125rem,
    2rem
  );
  line-height: 1.6021875;
  letter-spacing: 0.05em;
}

.pf-MainView__Line02-01 {
  letter-spacing: -0.36em;
}

.pf-MainView__Line03 {
  margin-top: 1rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
@media screen and (min-width: 1000px) {
  .pf-MainView__Line03 {
    flex-direction: row;
  }
}

.pf-MainView__DoubleArea {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  row-gap: 0.3125rem;
  position: relative;
}
@media screen and (min-width: 1000px) {
  .pf-MainView__DoubleArea {
    row-gap: 0.5rem;
  }
}

.pf-MainView__DoubleText01 {
  background-color: #ffffff;
  padding-block: clamp(
    0rem,
    0.88vw + -0.4158rem,
    0.375rem
  );
  padding-inline: clamp(
    0.4375rem,
    1.9vw + -0.46025rem,
    1.25rem
  );
  color: #5fa5a6;
  font-family: "游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho Pro", serif;
  font-weight: 600;
  font-size: clamp(
    2rem,
    3.51vw + 0.341525rem,
    3.5rem
  );
  line-height: 1.2;
  letter-spacing: 0.07em;
}
@media screen and (min-width: 1000px) {
  .pf-MainView__DoubleText01 {
    letter-spacing: 0.03em;
  }
}

.pf-MainView__DoubleIconWrap {
  width: clamp(
    1.1475rem,
    1.64vw + 0.3726rem,
    1.848125rem
  );
  aspect-ratio: 1.0456152758;
}

.pf-MainView__DoubleText02Wrap {
  position: relative;
}

.pf-MainView__DoubleText02-01 {
  background-color: #ffffff;
  padding-inline: clamp(
    0.25rem,
    2.34vw + -0.85565rem,
    1.25rem
  );
  color: #5fa5a6;
  font-family: "Libre Caslon Text";
  font-weight: 400;
  font-size: clamp(
    2.25rem,
    3.51vw + 0.591525rem,
    3.75rem
  );
  line-height: 1.2;
  letter-spacing: 0em;
}
@media screen and (min-width: 1000px) {
  .pf-MainView__DoubleText02-01 {
    letter-spacing: 0.03em;
  }
}

.pf-MainView__DoubleText02-02 {
  position: absolute;
  bottom: 12%;
  right: -30%;
  transform: translateX(-50%);
  font-family: "游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho Pro", serif;
  font-weight: 600;
  font-size: clamp(
    1.25rem,
    4.97vw + -1.098325rem,
    3.375rem
  );
  line-height: 1.2;
}
@media screen and (min-width: 1000px) {
  .pf-MainView__DoubleText02-02 {
    bottom: 12%;
    right: -55%;
  }
}

.pf-MainView__EffectNote01Wrap {
  align-self: flex-end;
}
@media screen and (min-width: 1000px) {
  .pf-MainView__EffectNote01Wrap {
    position: absolute;
    bottom: 0.625rem;
    right: 0rem;
  }
}

.pf-MainView__EffectNoteWrap {
  margin-top: 1rem;
}
@media screen and (min-width: 1000px) {
  .pf-MainView__EffectNoteWrap {
    align-self: flex-end;
  }
}

.pf-MainView__EffectNote-01 {
  font-family: "Libre Caslon Text";
  font-weight: 400;
  font-size: clamp(
    4.375rem,
    7.02vw + 1.05805rem,
    7.375rem
  );
  line-height: 1;
  letter-spacing: -0.03em;
}

.pf-MainView__EffectNote-02 {
  font-family: "游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho Pro", serif;
  font-weight: 400;
  font-size: clamp(
    3.125rem,
    5.56vw + 0.4979rem,
    5.5rem
  );
  letter-spacing: -0.01em;
}

.pf-MainView__InformationWrap {
  margin-top: 1.25rem;
  font-family: "游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho Pro", serif;
  display: flex;
}
@media screen and (min-width: 1000px) {
  .pf-MainView__InformationWrap {
    margin-top: 1.875rem;
  }
}

.pf-MainView__Nasal {
  background: #b4963c;
  padding-block: clamp(
    0.3125rem,
    1.02vw + -0.16945rem,
    0.75rem
  ) clamp(
    0.375rem,
    0.58vw + 0.10095rem,
    0.625rem
  );
  padding-inline: clamp(
    0.8125rem,
    3.36vw + -0.7751rem,
    2.25rem
  );
  color: #ffffff;
  font-weight: 600;
  font-size: clamp(
    1.25rem,
    2.34vw + 0.14435rem,
    2.25rem
  );
  letter-spacing: 0.07em;
  word-break: break-all;
  overflow-wrap: break-word;
}

.pf-MainView__NasalBr {
  display: block;
}
@media screen and (min-width: 1000px) {
  .pf-MainView__NasalBr {
    display: none;
  }
}

.pf-MainView__Information {
  background: #ffffff;
  border: 1px solid #b4963c;
  padding-block: clamp(
    0.3125rem,
    1.02vw + -0.16945rem,
    0.75rem
  ) clamp(
    0.375rem,
    0.58vw + 0.10095rem,
    0.625rem
  );
  padding-inline: clamp(
    0.65625rem,
    2.85vw + -0.690375rem,
    1.875rem
  ) clamp(
    0.65625rem,
    3.73vw + -1.106175rem,
    2.25rem
  );
  color: #b4963c;
  font-weight: 600;
  font-size: clamp(
    1.25rem,
    2.34vw + 0.14435rem,
    2.25rem
  );
  letter-spacing: 0.03em;
}

.pf-MainView__EffectWrap {
  display: flex;
  justify-content: flex-start;
  gap: clamp(
    1rem,
    2.34vw + -0.10565rem,
    2rem
  );
}

.pf-MainView__EffectPoint {
  border: 1px solid #5fa5a6;
  border-radius: 50%;
}

.pf-MainView__PointNote {
  color: #5fa5a6;
  font-weight: 500;
  font-size: clamp(
    1.25rem,
    0vw + 1.25rem,
    1.25rem
  );
  line-height: 1.4;
  letter-spacing: 0.05em;
}

.pf-MainView__Caption {
  margin-top: clamp(
    0.75rem,
    1.17vw + 0.197175rem,
    1.25rem
  );
  padding-right: 2px;
  font-weight: 300;
  font-size: clamp(
    0.625rem,
    0.29vw + 0.487975rem,
    0.75rem
  );
  line-height: 1.5;
}
@media screen and (min-width: 1000px) {
  .pf-MainView__Caption {
    padding-right: unset;
    line-height: 1.25;
    letter-spacing: 0.05em;
  }
}

.pf-MainView__EffectWrap {
  margin-top: 0.5rem;
  padding-right: 12px;
}
@media screen and (min-width: 756px) {
  .pf-MainView__EffectWrap {
    margin-top: 1.25rem;
    padding-right: unset;
  }
}

.pf-MainView__EffectPoint {
  width: 8.75rem;
  aspect-ratio: 1;
  border-radius: 50%;
  border: 1px solid #5fa5a6;
  background-color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  color: #5fa5a6;
  font-weight: 500;
  font-size: clamp(
    0.945rem,
    0.71vw + 0.609525rem,
    1.25rem
  );
  line-height: 1.4;
}

.pf-Evolution {
  position: relative;
}
.pf-Evolution::before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  content: "";
  width: 100%;
  height: 100%;
  background-image: url(../images/pages/front/evolution_bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}

.pf-Evolution__Container {
  margin-inline: auto;
  padding-inline: 1.25rem;
}
@media screen and (min-width: 756px) {
  .pf-Evolution__Container {
    max-width: 46.875rem;
    padding-inline: 1.875rem;
  }
}

.pf-Evolution__Headline02 {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
  text-align: center;
  white-space: nowrap;
}

.pf-Evolution__Headline02-Border {
  margin-left: -4px;
  display: inline-block;
  position: relative;
  padding-left: clamp(
    2.375rem,
    2.49vw + 1.198475rem,
    3.4375rem
  );
  color: #5fa5a6;
}
.pf-Evolution__Headline02-Border::before {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: clamp(
    1.875rem,
    1.46vw + 1.18515rem,
    2.5rem
  );
  height: 1px;
  background-color: #4d4d4d;
  content: "";
}

.pf-Evolution__Body {
  margin-top: clamp(
    1.25rem,
    0.88vw + 0.8342rem,
    1.625rem
  );
}

.pf-Evolution__Caption {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
  font-weight: 500;
  font-size: clamp(
    0.875rem,
    1.46vw + 0.18515rem,
    1.5rem
  );
}
@media screen and (min-width: 756px) {
  .pf-Evolution__Caption {
    font-weight: 400;
  }
}

.pf-Evolution__NoteWrap {
  margin-top: clamp(
    1.125rem,
    1.75vw + 0.298125rem,
    1.875rem
  );
  text-align: justify;
  font-size: clamp(
    0.875rem,
    0.29vw + 0.737975rem,
    1rem
  );
  line-height: 1.6;
  letter-spacing: 0.06em;
}
@media screen and (min-width: 756px) {
  .pf-Evolution__NoteWrap {
    line-height: 2.25;
    letter-spacing: 0.04em;
  }
  .pf-Evolution__NoteWrap :not(:first-child) {
    margin-top: clamp(
    1rem,
    1.46vw + 0.31015rem,
    1.625rem
  );
  }
}

.pf-Evolution__NoteBr {
  margin-top: 18px;
}
@media screen and (min-width: 756px) {
  .pf-Evolution__NoteBr {
    display: contents;
  }
}

.pf-Evolution__AttentionWrap {
  margin-top: clamp(
    1.125rem,
    0.58vw + 0.85095rem,
    1.375rem
  );
  font-size: clamp(
    0.625rem,
    0.29vw + 0.487975rem,
    0.75rem
  );
  font-weight: 350;
  line-height: 1.5;
}
@media screen and (min-width: 756px) {
  .pf-Evolution__AttentionWrap {
    line-height: 1.8333333333;
  }
}

.pf-Problem {
  background-color: #e1e6e9;
  padding-bottom: clamp(
    1.875rem,
    4.39vw + -0.199275rem,
    3.75rem
  );
}

.pf-Problem__UpperContainer {
  padding-inline: 1.375rem;
}
@media screen and (min-width: 756px) {
  .pf-Problem__UpperContainer {
    max-width: 56.25rem;
    margin-inline: auto;
  }
}

.pf-Problem__LowerContainer {
  padding-inline: 0.9375rem;
  text-align: center;
}
@media screen and (min-width: 756px) {
  .pf-Problem__LowerContainer {
    max-width: 47.875rem;
    margin-inline: auto;
  }
}

.pf-Problem__Headline02Wrap {
  background-color: #66767f;
  padding-block: clamp(
    0.875rem,
    0.88vw + 0.4592rem,
    1.25rem
  ) clamp(
    0.875rem,
    2.49vw + -0.301525rem,
    1.9375rem
  );
}

.pf-Problem__Headline02 {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
  color: #ffffff;
  font-family: "Noto Sans JP";
  font-size: clamp(
    1.125rem,
    2.05vw + 0.156375rem,
    2rem
  );
  letter-spacing: 0;
  font-weight: 500;
}

.pf-Problem__UpperBody {
  padding-top: clamp(
    1.25rem,
    3.95vw + -0.616375rem,
    2.9375rem
  );
  padding-bottom: clamp(
    4.5625rem,
    5.12vw + 2.1433rem,
    6.75rem
  );
  position: relative;
}
.pf-Problem__UpperBody::before {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 0;
  width: 100%;
  height: 100%;
  background-image: url(../images/pages/front/problem-bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center bottom;
  content: "";
}

.pf-Problem__ListTitle {
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
  color: #ffffff;
  font-weight: 400;
  font-size: clamp(
    0.875rem,
    1.46vw + 0.18515rem,
    1.5rem
  );
}
.pf-Problem__ListTitle::before {
  position: absolute;
  top: 86%;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: 100%;
  background-image: url(../images/pages/front/prpblen-line.svg);
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
}
@media screen and (min-width: 756px) {
  .pf-Problem__ListTitle::before {
    top: 106%;
  }
}

.pf-Problem__List {
  margin-top: clamp(
    1.875rem,
    5.85vw + -0.889125rem,
    4.375rem
  );
  padding-left: clamp(
    0rem,
    10.96vw + -5.1786rem,
    4.6875rem
  );
}

.pf-Problem__Item {
  position: relative;
  padding-left: clamp(
    1.49875rem,
    3.95vw + -0.367625rem,
    3.1875rem
  );
  color: #ffffff;
  font-weight: 350;
  font-size: clamp(
    0.75rem,
    1.75vw + -0.076875rem,
    1.5rem
  );
  letter-spacing: 0.03em;
}
.pf-Problem__Item:not(:first-child) {
  margin-top: clamp(
    0.8125rem,
    2.05vw + -0.156125rem,
    1.6875rem
  );
}
.pf-Problem__Item::before {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  content: "";
  width: clamp(
    0.875rem,
    2.42vw + -0.26845rem,
    1.9075rem
  );
  aspect-ratio: 1.0903571429;
  background-image: url(../images/pages/front/prpblem-check.svg);
  background-repeat: no-repeat;
  background-size: contain;
}

.pf-Problem__LowerContainer {
  margin-top: clamp(
    1.125rem,
    3.22vw + -0.39645rem,
    2.5rem
  );
  padding-inline: 0.9375rem;
}
@media screen and (min-width: 756px) {
  .pf-Problem__LowerContainer {
    max-width: 47.875rem;
    margin-inline: auto;
  }
}

.pf-Problem__Note01 {
  font-weight: 500;
  font-size: clamp(
    0.875rem,
    1.46vw + 0.18515rem,
    1.5rem
  );
  line-height: 1.488125;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 756px) {
  .pf-Problem__Note01 {
    line-height: 2.1666666667;
    letter-spacing: 0;
  }
}

.pf-Problem__Note01-Orange {
  color: #f08969;
  font-weight: 500;
  font-size: clamp(
    1rem,
    1.17vw + 0.447175rem,
    1.5rem
  );
  line-height: 1.488125;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 756px) {
  .pf-Problem__Note01-Orange {
    line-height: 1.625;
    letter-spacing: auto;
    font-weight: 700;
    font-size: clamp(
    1rem,
    2.34vw + -0.10565rem,
    2rem
  );
    letter-spacing: 0;
  }
}

.pf-Problem__Note02 {
  margin-top: clamp(
    1rem,
    2.05vw + 0.031375rem,
    1.875rem
  );
  width: clamp(
    3.8125rem,
    10.67vw + -1.229075rem,
    8.375rem
  );
  aspect-ratio: 1;
  margin-inline: auto;
}

.pf-Problem__Note03 {
  margin-top: clamp(
    1rem,
    2.05vw + 0.031375rem,
    1.875rem
  );
  font-weight: 400;
  font-size: clamp(
    1rem,
    2.34vw + -0.10565rem,
    2rem
  );
  line-height: 1.488125;
}
@media screen and (min-width: 756px) {
  .pf-Problem__Note03 {
    line-height: 1.625;
    letter-spacing: 0.1em;
  }
}

.pf-Problem__Note03-Underline {
  position: relative;
  font-weight: 700;
}
.pf-Problem__Note03-Underline::before {
  position: absolute;
  top: 106%;
  left: 0;
  content: "";
  width: 100%;
  height: 1px;
  background-color: #4d4d4d;
}

.pf-Limit {
  padding-top: clamp(
    1.875rem,
    4.39vw + -0.199275rem,
    3.75rem
  );
  padding-bottom: clamp(
    1.875rem,
    4.39vw + -0.199275rem,
    3.75rem
  );
  background-image: url(../images/pages/front/limit-bg.png);
  background-position: 80% center;
  background-size: cover;
}
@media screen and (min-width: break-main) {
  .pf-Limit {
    padding-top: 6.25rem;
    padding-bottom: 4.5rem;
  }
}

.pf-Limit__Container {
  margin-inline: auto;
  padding-inline: 0.9375rem;
}
@media screen and (min-width: 756px) {
  .pf-Limit__Container {
    margin-top: 6px;
    max-width: 60.25rem;
    padding-inline: 1.875rem;
  }
}

@media screen and (min-width: break-main) {
  .pf-Limit__SubContainer {
    margin-inline: auto;
    max-width: 62.5rem;
  }
}

.pf-Limit__Headline02 {
  text-align: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
  letter-spacing: 0;
}

.pf-Limit__Headline02-Underline {
  -webkit-text-decoration: wavy underline #4d4d4d;
          text-decoration: wavy underline #4d4d4d;
}

.pf-Limit__Body {
  margin-top: 2.5rem;
}
@media screen and (min-width: break-main) {
  .pf-Limit__Body {
    margin-top: 4rem;
    width: 100%;
  }
}

.pf-Limit__Line01 {
  margin-top: clamp(
    0.75rem,
    2.63vw + -0.492675rem,
    1.875rem
  );
  margin-inline: auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  border: 1px solid #5fa5a6;
  padding-block: clamp(
    0.125rem,
    0.44vw + -0.0829rem,
    0.3125rem
  );
  padding-inline: clamp(
    0.375rem,
    0.29vw + 0.237975rem,
    0.5rem
  );
  color: #5fa5a6;
  font-weight: 500;
  font-size: clamp(
    0.875rem,
    1.46vw + 0.18515rem,
    1.5rem
  );
}
@media screen and (min-width: 756px) {
  .pf-Limit__Line01 {
    padding-block: 0.625rem;
    padding-inline: 0.875rem;
  }
}

.pf-Limit__Line02 {
  margin-top: clamp(
    1rem,
    1.17vw + 0.447175rem,
    1.5rem
  );
  padding-inline: clamp(
    0rem,
    4.09vw + -1.932525rem,
    1.75rem
  );
  font-weight: 400;
  font-size: clamp(
    0.875rem,
    1.46vw + 0.18515rem,
    1.5rem
  );
  line-height: 1.7142857143;
  letter-spacing: 0.01em;
}
@media screen and (min-width: 756px) {
  .pf-Limit__Line02 {
    text-align: center;
    line-height: 1.7142857143;
    letter-spacing: 0.01em;
  }
}

.pf-Limit__Line02-Bold,
.pf-Limit__Line02-BoldLine {
  font-weight: 700;
}

.pf-Limit__Line02-BoldLine {
  display: inline-block;
  position: relative;
}
.pf-Limit__Line02-BoldLine::before {
  position: absolute;
  top: 60%;
  left: 0;
  z-index: -1;
  content: "";
  width: 100%;
  height: 11px;
  background-color: #5fa5a6;
}

.pf-Limit__Line03 {
  margin-top: clamp(
    1rem,
    3.51vw + -0.658475rem,
    2.5rem
  );
  display: flex;
  flex-direction: column;
  align-items: center;
  border: 1px solid #5fa5a6;
  padding-top: clamp(
    1.5rem,
    1.17vw + 0.947175rem,
    2rem
  );
  padding-bottom: clamp(
    1.625rem,
    0.88vw + 1.2092rem,
    2rem
  );
  padding-inline: clamp(
    1.625rem,
    2.05vw + 0.656375rem,
    2.5rem
  );
}
@media screen and (min-width: 756px) {
  .pf-Limit__Line03 {
    flex-direction: row;
    gap: clamp(
    1.25rem,
    11.11vw + -3.999475rem,
    6rem
  );
    position: relative;
  }
  .pf-Limit__Line03::before {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 1px;
    height: 80%;
    background-color: #5fa5a6;
    content: "";
  }
}

.pf-Limit__Theme01 {
  position: relative;
  max-width: 95%;
}
.pf-Limit__Theme01:not(:first-child) {
  margin-top: 2.125rem;
}
.pf-Limit__Theme01:not(:first-child)::before {
  position: absolute;
  top: -15%;
  left: 50%;
  transform: translateX(-50%);
  width: 96%;
  height: 1px;
  background-color: #5fa5a6;
  content: "";
}
@media screen and (min-width: 756px) {
  .pf-Limit__Theme01 {
    max-width: 45%;
  }
  .pf-Limit__Theme01:not(:first-child) {
    margin-top: unset;
    margin-left: auto;
  }
  .pf-Limit__Theme01:not(:first-child):before {
    content: unset;
  }
}

.pf-Limit__ThemeTitleWrap {
  display: flex;
  align-items: center;
}

.pf-Limit__ThemeTag {
  border-radius: 20px;
  padding-block: clamp(
    0.125rem,
    0.29vw + -0.012025rem,
    0.25rem
  );
  padding-inline: clamp(
    0.75rem,
    0.88vw + 0.3342rem,
    1.125rem
  );
  background-color: #5fa5a6;
  color: #ffffff;
  font-weight: 500;
  font-size: clamp(
    0.75rem,
    0.88vw + 0.3342rem,
    1.125rem
  );
  letter-spacing: 0.1em;
  line-height: 1.4;
}

.pf-Limit__ThemeTag-Number {
  font-size: clamp(
    0.875rem,
    0.58vw + 0.60095rem,
    1.125rem
  );
  letter-spacing: 0.1em;
}

.pf-Limit__ThemeTitle {
  margin-left: clamp(
    0.625rem,
    0.73vw + 0.280075rem,
    0.9375rem
  );
  font-weight: 500;
  font-size: clamp(
    0.875rem,
    1.46vw + 0.18515rem,
    1.5rem
  );
}

.pf-Limit__ThemeBody-01 {
  margin-top: clamp(
    0.375rem,
    1.17vw + -0.177825rem,
    0.875rem
  );
  font-size: clamp(
    0.75rem,
    0.58vw + 0.47595rem,
    1rem
  );
  line-height: 1.8333333333;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 756px) {
  .pf-Limit__ThemeBody-01 {
    line-height: 1.875;
  }
}

.pf-Limit__ThemeBody-02 {
  margin-top: clamp(
    0.375rem,
    1.17vw + -0.177825rem,
    0.875rem
  );
  font-size: clamp(
    0.75rem,
    0.58vw + 0.47595rem,
    1rem
  );
  line-height: 1.8333333333;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 756px) {
  .pf-Limit__ThemeBody-02 {
    line-height: 1.625;
    letter-spacing: 0;
    margin-top: 8px;
  }
}

.pf-Approach {
  padding-bottom: clamp(
    1.875rem,
    4.39vw + -0.199275rem,
    3.75rem
  );
  background-image: url(../images/pages/front/approach-bg-03.png);
  background-repeat: no-repeat;
  background-size: cover;
}

.pf-Approach__Container-Upper-01 {
  padding-inline: 0.9375rem;
}
@media screen and (min-width: 756px) {
  .pf-Approach__Container-Upper-01 {
    max-width: 54.375rem;
    margin-inline: auto;
    padding-inline: 1.875rem;
  }
}

.pf-Approach__Container-Upper-02 {
  padding-inline: 0.9375rem;
}
@media screen and (min-width: 756px) {
  .pf-Approach__Container-Upper-02 {
    max-width: 60.625rem;
    margin-inline: auto;
    padding-inline: 1.875rem;
  }
}

.pf-Approach__Container-Upper-03 {
  margin-top: clamp(
    1.75rem,
    2.05vw + 0.781375rem,
    2.625rem
  );
  padding-inline: 0.9375rem;
}
@media screen and (min-width: 756px) {
  .pf-Approach__Container-Upper-03 {
    max-width: 72.625rem;
    margin-inline: auto;
    padding-inline: 1.875rem;
  }
}

.pf-Approach__Container {
  padding-inline: 0.9375rem;
}
@media screen and (min-width: 756px) {
  .pf-Approach__Container {
    max-width: 58.875rem;
    margin-inline: auto;
    padding-inline: 1.875rem;
  }
}

.pf-Approach__Upper {
  position: relative;
}

.pf-Approach__UpperContainer {
  padding-inline: 0.9375rem;
}
@media screen and (min-width: 756px) {
  .pf-Approach__UpperContainer {
    max-width: 56.25rem;
    margin-inline: auto;
  }
}

.pf-Approach__LowerContainer {
  padding-inline: 0.9375rem;
  text-align: center;
}
@media screen and (min-width: 756px) {
  .pf-Approach__LowerContainer {
    max-width: 47.875rem;
    margin-inline: auto;
  }
}

.pf-Approach__Headline02Wrap {
  background-color: #b4963c;
  position: relative;
  z-index: 1;
}
.pf-Approach__Headline02Wrap::before {
  position: absolute;
  bottom: -38%;
  left: 50%;
  transform: translateX(-50%);
  z-index: 0;
  border: 12px solid transparent;
  border-top: 24px solid #b4963c;
  content: "";
}

.pf-Approach__Headline02 {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
  position: relative;
  z-index: auto;
  padding-top: clamp(
    0.3125rem,
    3.22vw + -1.20895rem,
    1.6875rem
  );
  padding-bottom: clamp(
    0.5625rem,
    2.63vw + -0.680175rem,
    1.6875rem
  );
  text-align: center;
  color: #ffffff;
  font-family: "Noto Sans JP";
  font-size: clamp(
    1.125rem,
    2.05vw + 0.156375rem,
    2rem
  );
  letter-spacing: 0;
  font-weight: 500;
}

.pf-Approach__UpperBody {
  padding-top: clamp(
    1.875rem,
    3.8vw + 0.0795rem,
    3.5rem
  );
  padding-bottom: clamp(
    3.4375rem,
    10.38vw + -1.46705rem,
    7.875rem
  );
  position: relative;
  z-index: 0;
}
.pf-Approach__UpperBody::before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background-image: url(../images/pages/front/approach-bg-02.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 100%;
  content: "";
}

.pf-Approach__Head {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: clamp(
    0.1875rem,
    0.58vw + -0.08655rem,
    0.4375rem
  );
}

.pf-Approach__IconBarth {
  width: clamp(
    4.646875rem,
    14.46vw + -2.185475rem,
    10.826875rem
  );
  aspect-ratio: 1.0250295858;
  background-image: url(../images/pages/front/approach-circle.png);
  background-size: contain;
  background-repeat: no-repeat;
}

.pf-Approach__TitleWrap {
  flex: 1;
  padding-top: 0.3125rem;
}

.pf-Approach__Title01 {
  padding-top: clamp(
    0rem,
    2.92vw + -1.3797rem,
    1.25rem
  );
  padding-left: clamp(
    0.25rem,
    0.58vw + -0.02405rem,
    0.5rem
  );
  font-family: "游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho Pro", serif;
  font-weight: 600;
  font-size: clamp(
    1rem,
    2.34vw + -0.10565rem,
    2rem
  );
  letter-spacing: 0.02em;
}

.pf-Approach__Title01-Small {
  font-size: clamp(
    1rem,
    1.17vw + 0.447175rem,
    1.5rem
  );
  font-weight: 600;
  letter-spacing: -0.3em;
}

.pf-Approach__Title02 {
  display: flex;
  align-items: center;
}

.pf-Approach__Title02-01 {
  margin-left: -3%;
  padding-top: 8px;
  padding-right: 4%;
  background-image: linear-gradient(117.28deg, #8f6f10 17.12%, #b4963c 35.55%, #b4963c 56.33%, #8f6f10 80.85%);
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: "游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho Pro", serif;
  font-weight: 600;
  font-size: clamp(
    4rem,
    9.65vw + -0.559625rem,
    8.125rem
  );
  line-height: 1;
  letter-spacing: -0.02em;
  font-style: italic;
}
@media screen and (min-width: 756px) {
  .pf-Approach__Title02-01 {
    margin-left: unset;
    padding-top: unset;
    padding-right: 6%;
  }
}

.pf-Approach__Title02-02 {
  margin-left: -4%;
  padding-top: 2%;
  padding-right: 6%;
  background-image: linear-gradient(176.11deg, #8f6f10 10.58%, #b4963c 36.13%, #8f6f10 67.26%);
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: "游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho Pro", serif;
  font-weight: 600;
  font-size: clamp(
    2.5rem,
    5.85vw + -0.264125rem,
    5rem
  );
  letter-spacing: -0.18em;
  font-style: italic;
}

.pf-Approach__Upper02 {
  margin-top: clamp(
    0.375rem,
    1.17vw + -0.177825rem,
    0.875rem
  );
  text-align: center;
  font-weight: 500;
  font-size: clamp(
    0.875rem,
    1.46vw + 0.18515rem,
    1.5rem
  );
  line-height: 1.5714285714;
  letter-spacing: 0.08em;
}
@media screen and (min-width: 756px) {
  .pf-Approach__Upper02 {
    line-height: 2;
  }
}

.pf-Approach__Middle-Bold {
  font-weight: 700;
  font-size: clamp(
    0.875rem,
    2.63vw + -0.367675rem,
    2rem
  );
  position: relative;
  z-index: auto;
}
.pf-Approach__Middle-Bold::before {
  position: absolute;
  top: 70%;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 10px;
  background-color: #b4963c;
  content: "";
}
@media screen and (min-width: 756px) {
  .pf-Approach__Middle-Bold {
    line-height: 1.5;
  }
}

.pf-Approach__Upper03 {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 0.75rem;
}
@media screen and (min-width: 756px) {
  .pf-Approach__Upper03 {
    flex-direction: row;
    justify-content: center;
    gap: clamp(
    0.9375rem,
    2.19vw + -0.097275rem,
    1.875rem
  );
  }
}

.pf-Approach__Item01,
.pf-Approach__Item02 {
  min-width: clamp(
    15.5625rem,
    18.86vw + 6.65115rem,
    23.625rem
  );
  background-color: #ffffff;
  box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.2509803922);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media screen and (min-width: 756px) {
  .pf-Approach__Item01,
.pf-Approach__Item02 {
    aspect-ratio: 4.6666666667;
  }
}

.pf-Approach__Item01 {
  aspect-ratio: 3.2337662338;
  padding-top: clamp(
    0.25rem,
    1.61vw + -0.510725rem,
    0.9375rem
  );
  padding-bottom: clamp(
    0.25rem,
    1.46vw + -0.43985rem,
    0.875rem
  );
  position: relative;
}
.pf-Approach__Item01::after {
  position: absolute;
  top: -32%;
  left: -14%;
  width: clamp(
    4.125rem,
    14.18vw + -2.57505rem,
    10.1875rem
  );
  aspect-ratio: 1.1478873239;
  background-image: url(../images/pages/front/approrch-bubbles-01.png);
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
}
@media screen and (min-width: 756px) {
  .pf-Approach__Item01::after {
    aspect-ratio: 1.1478873239;
    bottom: 0;
    left: 0;
    transform: translate(-72%, 53%);
  }
}

.pf-Approach__Item02 {
  aspect-ratio: 3.4109589041;
  padding-top: clamp(
    0.25rem,
    1.61vw + -0.510725rem,
    0.9375rem
  );
  padding-bottom: clamp(
    0.25rem,
    1.46vw + -0.43985rem,
    0.875rem
  );
  position: relative;
}
.pf-Approach__Item02::after {
  position: absolute;
  top: -60%;
  right: -14%;
  width: clamp(
    4rem,
    15.94vw + -3.53165rem,
    10.8125rem
  );
  aspect-ratio: 0.8888888889;
  background-image: url(../images/pages/front/approrch-bubbles-02.png);
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
}
@media screen and (min-width: 756px) {
  .pf-Approach__Item02::after {
    top: 0;
    right: 0;
    transform: translate(80%, -58%);
    aspect-ratio: 1.1478873239;
  }
}

.pf-Approach__ItemTitle {
  font-weight: 400;
  font-size: clamp(
    0.875rem,
    1.46vw + 0.18515rem,
    1.5rem
  );
}

.pf-Approach__ItemBody01 {
  margin-top: clamp(
    0.375rem,
    1.17vw + -0.177825rem,
    0.875rem
  );
  font-family: "游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho Pro", serif;
  color: #b4963c;
  font-weight: 600;
  font-size: clamp(
    2.25rem,
    2.05vw + 1.281375rem,
    3.125rem
  );
  letter-spacing: 0.05em;
}

.pf-Approach__ItemBody02 {
  margin-top: clamp(
    0.375rem,
    1.17vw + -0.177825rem,
    0.875rem
  );
  font-family: "游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho Pro", serif;
  color: #5fa5a6;
  font-weight: 400;
  font-size: clamp(
    2.5rem,
    1.17vw + 1.947175rem,
    3rem
  );
  line-height: 1;
  letter-spacing: 0.07em;
}

.pf-Approach__ItemMulti {
  width: clamp(
    1.8125rem,
    3.07vw + 0.361925rem,
    3.125rem
  );
  aspect-ratio: 1;
}

.pf-Approach__Middle {
  margin-top: clamp(
    1.125rem,
    6.14vw + -1.77615rem,
    3.75rem
  );
}

.pf-Approach__Merit01__TitleWrap,
.pf-Approach__Merit02__TitleWrap {
  display: flex;
  align-items: flex-start;
  gap: clamp(
    1.25rem,
    1.61vw + 0.489275rem,
    1.9375rem
  );
}

.pf-Approach__Merit02__TitleWrap {
  justify-content: center;
  align-items: center;
}
@media screen and (min-width: 756px) {
  .pf-Approach__Merit02__TitleWrap {
    justify-content: flex-end;
  }
}

.pf-MeritIcon-01,
.pf-MeritIcon-02 {
  border-radius: 50%;
  width: clamp(
    3.5rem,
    4.97vw + 1.151675rem,
    5.625rem
  );
  aspect-ratio: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.pf-MeritIcon-01 {
  background-color: #b4963c;
}

.pf-MeritIcon-02 {
  background-color: #5fa5a6;
}

.pf-MeritIcon__Note {
  font-family: "Libre Caslon Text";
  color: #ffffff;
  font-weight: 400;
  font-size: clamp(
    0.875rem,
    0.58vw + 0.60095rem,
    1.125rem
  );
  line-height: 1;
  letter-spacing: 0;
}

.pf-MeritIcon__Number {
  font-family: "Libre Caslon Text";
  color: #ffffff;
  font-weight: 400;
  font-size: clamp(
    2rem,
    2.63vw + 0.757325rem,
    3.125rem
  );
  line-height: 1;
  letter-spacing: 0;
}

.pf-Approach__MeritTitleUpper {
  padding-top: clamp(
    0rem,
    1.75vw + -0.826875rem,
    0.75rem
  );
  font-family: "游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho Pro", serif;
  font-weight: 600;
  font-size: clamp(
    1rem,
    1.17vw + 0.447175rem,
    1.5rem
  );
  line-height: 1.4;
  letter-spacing: 0;
}

.pf-Approach__MeritTitleLower-01,
.pf-Approach__MeritTitleLower-02 {
  padding-left: clamp(
    0rem,
    1.75vw + -0.826875rem,
    0.75rem
  );
  font-family: "游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho Pro", serif;
  font-weight: 600;
  font-size: clamp(
    1.5rem,
    2.34vw + 0.39435rem,
    2.5rem
  );
  line-height: 1.2;
  letter-spacing: 0.07em;
}

.pf-Approach__MeritTitleLower-01 {
  color: #b4963c;
}

.pf-Approach__MeritTitleLower-02 {
  color: #5fa5a6;
}

.pf-Approach__MeritNote-01,
.pf-Approach__MeritNote-02 {
  display: flex;
  flex-direction: column-reverse;
}
@media screen and (min-width: 756px) {
  .pf-Approach__MeritNote-01,
.pf-Approach__MeritNote-02 {
    align-items: center;
    margin-top: 2.1875rem;
    gap: clamp(
    0.9375rem,
    2.49vw + -0.239025rem,
    2rem
  );
  }
}

@media screen and (min-width: 756px) {
  .pf-Approach__MeritNote-01 {
    flex-direction: row;
    margin-top: 2.1875rem;
  }
}

@media screen and (min-width: 756px) {
  .pf-Approach__MeritNote-02 {
    flex-direction: row-reverse;
    margin-top: 1.75rem;
  }
}

.pf-Approach__MeritNoteArea-01 {
  margin-top: 9px;
}
@media screen and (min-width: 756px) {
  .pf-Approach__MeritNoteArea-01 {
    max-width: 26.4375rem;
    margin-top: unset;
  }
}

.pf-Approach__MeritNoteArea-02 {
  margin-top: 1.125rem;
}
@media screen and (min-width: 756px) {
  .pf-Approach__MeritNoteArea-02 {
    margin-top: unset;
    max-width: 27.0625rem;
  }
}

.pf-Approach__MeritNote01 {
  padding-inline: 8px;
  font-weight: 500;
  font-size: clamp(
    1rem,
    1.17vw + 0.447175rem,
    1.5rem
  );
  line-height: 1.2;
  letter-spacing: 0.07em;
}
@media screen and (min-width: 756px) {
  .pf-Approach__MeritNote01 {
    padding-inline: unset;
  }
}

.pf-Approach__MeritNote02-01,
.pf-Approach__MeritNote02-02 {
  padding-inline: 8px;
  font-weight: 400;
  font-size: clamp(
    0.875rem,
    0.29vw + 0.737975rem,
    1rem
  );
  line-height: 1.5714285714;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 756px) {
  .pf-Approach__MeritNote02-01,
.pf-Approach__MeritNote02-02 {
    padding-inline: unset;
    line-height: 1.5625;
  }
}

.pf-Approach__MeritNote02-01 {
  margin-top: clamp(
    1.25rem,
    2.92vw + -0.1297rem,
    2.5rem
  );
}

.pf-Approach__MeritNote02-02 {
  margin-top: clamp(
    1.25rem,
    0.88vw + 0.8342rem,
    1.625rem
  );
}

.pf-Text-Bold {
  font-weight: 700;
}

.pf-Approach__MeritImageArea-01 {
  margin-top: 0.9375rem;
  aspect-ratio: 1.7291666667;
}
@media screen and (min-width: 756px) {
  .pf-Approach__MeritImageArea-01 {
    width: clamp(
    20.875rem,
    12.28vw + 15.0727rem,
    26.125rem
  );
    margin-top: unset;
    margin-left: auto;
    aspect-ratio: 1.5597014925;
  }
}

.pf-Approach__MeritImageArea-02 {
  aspect-ratio: 1.7395833333;
}
@media screen and (min-width: 756px) {
  .pf-Approach__MeritImageArea-02 {
    width: clamp(
    20.875rem,
    12.28vw + 15.0727rem,
    26.125rem
  );
    margin-top: unset;
    margin-left: auto;
    aspect-ratio: 1.5597014925;
  }
}

.pf-Approach__MeritIcon {
  margin-top: clamp(
    1.25rem,
    2.92vw + -0.1297rem,
    2.5rem
  );
  margin-inline: auto;
  width: clamp(
    2.5rem,
    9.94vw + -2.19665rem,
    6.75rem
  );
  aspect-ratio: 3.5868482232;
}

.pf-Approach__MaterialsFlex {
  margin-top: clamp(
    1rem,
    0.15vw + 0.929125rem,
    1.0625rem
  );
  display: flex;
  justify-content: center;
  align-items: center;
  gap: clamp(
    0.25rem,
    6.73vw + -2.929925rem,
    3.125rem
  );
}

.pf-Approach__MaterialsArea-01,
.pf-Approach__MaterialsArea-02 {
  width: clamp(
    11.1875rem,
    22.81vw + 0.409775rem,
    20.9375rem
  );
  aspect-ratio: 2.6323529412;
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media screen and (min-width: 756px) {
  .pf-Approach__MaterialsArea-01,
.pf-Approach__MaterialsArea-02 {
    aspect-ratio: 2.6377952756;
  }
}

.pf-Approach__MaterialsArea-01 {
  border: 1.5px solid rgba(238, 220, 167, 0.6980392157);
  background: radial-gradient(50% 50% at 50% 50%, #ffffff 0%, rgba(238, 220, 167, 0.3) 100%);
}

.pf-Approach__MaterialsArea-02 {
  border: 1.5px solid rgba(157, 220, 222, 0.6980392157);
  background: radial-gradient(50% 50% at 50% 50%, #ffffff 0%, rgba(157, 220, 222, 0.3) 100%);
}

.pf-Approach__MaterialsTitle-01,
.pf-Approach__MaterialsTitle-02 {
  font-weight: 700;
  font-size: clamp(
    0.875rem,
    1.46vw + 0.18515rem,
    1.5rem
  );
  line-height: 1.2;
  letter-spacing: 0;
}

.pf-Approach__MaterialsTitle-01 {
  color: #b4963c;
}

.pf-Approach__MaterialsTitle-02 {
  color: #5fa5a6;
}

.pf-Approach__MaterialsNote {
  margin-top: clamp(
    0.625rem,
    0.73vw + 0.280075rem,
    0.9375rem
  );
  font-weight: 400;
  font-size: clamp(
    0.75rem,
    1.17vw + 0.197175rem,
    1.25rem
  );
  line-height: 1.2;
  letter-spacing: 0;
}

.pf-Approach__MaterialsCaption {
  margin-top: clamp(
    0.6875rem,
    5.41vw + -1.868725rem,
    3rem
  );
  margin-left: auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-size: clamp(
    0.625rem,
    0.29vw + 0.487975rem,
    0.75rem
  );
}

.pf-Approach__Merit02 {
  margin-top: clamp(
    2.625rem,
    2.63vw + 1.382325rem,
    3.75rem
  );
}

.pf-MeritIcon-02 {
  background: #5fa5a6;
}

.pf-Approach__Caption01 {
  margin-top: 0.875rem;
}
.pf-Approach__Caption01:not(:first-child) {
  margin-top: 0.3125rem;
}

.pf-Approach__MeritTitleUpper {
  padding-left: 1.125rem;
  padding-top: 0.4375rem;
}

.pf-Approach__Span-Open,
.pf-Approach__Span-Close {
  letter-spacing: -0.05em;
}

.pf-Approach__Span-01 {
  padding-right: 1.125rem;
  letter-spacing: -0.1em;
}

.pf-Approach__Span-Open {
  letter-spacing: 0em;
}

.pf-Synergy {
  background-image: url(../images/pages/front/synergy-bg-02.png);
}
@media screen and (min-width: break-main) {
  .pf-Synergy {
    padding-top: 6.25rem;
    padding-bottom: 4.5rem;
  }
}

.pf-Synergy__Upper {
  padding-bottom: clamp(
    2.8125rem,
    5.99vw + -0.017775rem,
    5.375rem
  );
  background-image: url(../images/pages/front/synergy-bg-01.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center Bottom;
}

.pf-Synergy__Container {
  margin-inline: auto;
  padding-top: clamp(
    2.375rem,
    3.22vw + 0.85355rem,
    3.75rem
  );
  padding-inline: 0.625rem;
}
@media screen and (min-width: 756px) {
  .pf-Synergy__Container {
    max-width: 61rem;
    padding-inline: 1.875rem;
  }
}

.pf-Synergy__Headline02 {
  margin-inline: auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  text-align: center;
  font-family: "游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho Pro", serif;
  font-size: clamp(
    1.125rem,
    2.05vw + 0.156375rem,
    2rem
  );
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: 0.05em;
}

.pf-Synergy__Headline02-Big,
.pf-Synergy__Headline02-Span {
  font-size: clamp(
    2rem,
    2.34vw + 0.89435rem,
    3rem
  );
}

.pf-Synergy__Caption {
  margin-top: clamp(
    0.25rem,
    0.88vw + -0.1658rem,
    0.625rem
  );
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
  font-weight: 400;
  font-size: clamp(
    1rem,
    1.17vw + 0.447175rem,
    1.5rem
  );
  line-height: 1.4;
  letter-spacing: 0;
  position: relative;
  z-index: 1;
}
.pf-Synergy__Caption::after {
  position: absolute;
  top: 110%;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #4d4d4d;
  content: "";
}

.pf-Synergy__Layout {
  margin-top: clamp(
    2rem,
    2.92vw + 0.6203rem,
    3.25rem
  );
  padding-inline: clamp(
    0rem,
    9.21vw + -4.351725rem,
    3.9375rem
  );
  display: flex;
  justify-content: center;
  align-items: center;
  gap: clamp(
    0.375rem,
    9.43vw + -1.9235625rem,
    6.5625rem
  );
}

.pf-Synergy__Item-01,
.pf-Synergy__Item-02 {
  width: clamp(
    9.5rem,
    14.91vw + 2.455025rem,
    15.875rem
  );
  aspect-ratio: 1;
  background-color: rgba(255, 255, 255, 0.6980392157);
  box-shadow: 4px 4px 15px 0px rgba(0, 0, 0, 0.2509803922);
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.pf-Synergy__Item-01 {
  padding-block: clamp(
    0.0625rem,
    5.12vw + -2.3567rem,
    2.25rem
  );
}

.pf-Synergy__Item-02 {
  padding-block: clamp(
    0.0625rem,
    4.53vw + -2.077925rem,
    2rem
  );
}

.pf-Synergy__ItemTitle-01,
.pf-Synergy__ItemTitle-02 {
  font-family: "游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho Pro", serif;
  color: #ffffff;
  font-weight: 600;
  line-height: 1.2;
}

.pf-Synergy__ItemTitle-01 {
  padding-inline: clamp(
    0.0625rem,
    1.02vw + -0.41945rem,
    0.5rem
  );
  background-color: #b4963c;
  font-size: clamp(
    1.125rem,
    2.05vw + 0.156375rem,
    2rem
  );
  letter-spacing: 0.05em;
}

.pf-Synergy__ItemTitle-02 {
  background-color: #5fa5a6;
  padding-top: clamp(
    0.0625rem,
    0.15vw + -0.008375rem,
    0.125rem
  );
  padding-bottom: clamp(
    0.125rem,
    0.29vw + -0.012025rem,
    0.25rem
  );
  font-size: clamp(
    1.25rem,
    2.92vw + -0.1297rem,
    2.5rem
  );
  line-height: 1;
  letter-spacing: 0.08em;
}

.pf-Synergy__ItemNote {
  margin-top: clamp(
    0.5625rem,
    0.44vw + 0.3546rem,
    0.75rem
  );
  text-align: center;
  font-weight: 500;
  font-size: clamp(
    0.875rem,
    1.46vw + 0.18515rem,
    1.5rem
  );
  line-height: 1.5385714286;
  letter-spacing: 0;
}

.pf-Synergy__Icon {
  width: clamp(
    2.5rem,
    5.12vw + 0.0808rem,
    4.6875rem
  );
  aspect-ratio: 1;
  -o-object-fit: contain;
     object-fit: contain;
}

.pf-Synergy__Writing {
  margin-top: clamp(
    1.125rem,
    0.58vw + 0.85095rem,
    1.375rem
  );
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
  z-index: 0;
  padding-inline: 3px;
  font-weight: 400;
  font-size: clamp(
    0.875rem,
    1.46vw + 0.18515rem,
    1.5rem
  );
  line-height: 1.6666666667;
  letter-spacing: 0.04em;
}
@media screen and (min-width: 756px) {
  .pf-Synergy__Writing {
    margin-inline: auto;
    text-align: center;
  }
}

.pf-Synergy__Lower {
  padding-bottom: clamp(
    1.6875rem,
    4.82vw + -0.58995rem,
    3.75rem
  );
  position: relative;
}
@media screen and (min-width: 756px) {
  .pf-Synergy__Lower::before {
    position: absolute;
    top: 0;
    right: 0;
    transform: translate(-26%, -19%);
    width: clamp(
    14.6875rem,
    25.44vw + 2.6671rem,
    25.5625rem
  );
    aspect-ratio: 0.8483606557;
    background-image: url(../images/pages/front/synergy-image.png);
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
  }
}

.pf-SynergyLower__Container {
  margin-inline: auto;
  max-width: 28.125rem;
  padding-top: clamp(
    0.75rem,
    9.36vw + -3.6726rem,
    4.75rem
  );
  padding-inline: 0.9375rem;
  position: relative;
}
.pf-SynergyLower__Container::before {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-55%);
  width: 148px;
  aspect-ratio: 0.7219512195;
  background-image: url(../images/pages/front/synergy-image-sp.png);
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
}
@media screen and (min-width: 756px) {
  .pf-SynergyLower__Container {
    max-width: 75%;
    padding-inline: 1.875rem;
  }
  .pf-SynergyLower__Container::before {
    content: none;
  }
}

.pf-Synergy__Line-01 {
  font-family: "游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho Pro", serif;
  font-weight: 600;
  font-size: clamp(
    1rem,
    2.34vw + -0.10565rem,
    2rem
  );
  line-height: 1.375;
  letter-spacing: -0.1em;
}
@media screen and (min-width: 756px) {
  .pf-Synergy__Line-01 {
    max-width: 68%;
  }
}
@media screen and (min-width: 756px) {
  .pf-Synergy__Line-01 {
    line-height: 1.21875;
  }
}

.pf-Synergy__Line-02 {
  margin-top: clamp(
    0.3125rem,
    1.9vw + -0.58525rem,
    1.125rem
  );
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  background-color: #ffffff;
  box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.2509803922);
  padding-block: clamp(
    0.0625rem,
    0.44vw + -0.1454rem,
    0.25rem
  );
  padding-inline: 9px;
  font-family: "游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho Pro", serif;
  color: #5fa5a6;
  font-weight: 600;
  font-size: clamp(
    1.5rem,
    3.51vw + -0.158475rem,
    3rem
  );
  line-height: 1.2;
  letter-spacing: 0;
}

.pf-Synergy__Line-03 {
  margin-top: clamp(
    0.3125rem,
    1.9vw + -0.58525rem,
    1.125rem
  );
  font-family: "游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho Pro", serif;
  color: #5fa5a6;
  font-weight: 600;
  font-size: clamp(
    1.5rem,
    2.34vw + 0.39435rem,
    2.5rem
  );
  line-height: 1.1666666667;
  letter-spacing: -0.1em;
}

.pf-Synergy__Line-04 {
  margin-top: clamp(
    0.75rem,
    1.17vw + 0.197175rem,
    1.25rem
  );
  font-size: clamp(
    0.625rem,
    0.29vw + 0.487975rem,
    0.75rem
  );
  line-height: 1.6;
  letter-spacing: -0.1em;
}

.pf-Synergy__ListItem:not(:first-child) {
  margin-top: 12px;
}

.pf-AntiAging {
  padding-top: clamp(
    1.875rem,
    4.39vw + -0.199275rem,
    3.75rem
  );
  padding-bottom: clamp(
    1.875rem,
    4.39vw + -0.199275rem,
    3.75rem
  );
  background-image: url(../images/pages/front/anti-aging-bg.png);
  background-repeat: no-repeat;
  background-size: cover;
}

.pf-AntiAging__Container {
  padding-inline: 1.25rem;
}
@media screen and (min-width: 756px) {
  .pf-AntiAging__Container {
    margin-inline: auto;
    max-width: 53rem;
    padding-inline: 30px;
  }
}

.pf-AntiAging__Headline02 {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
  text-align: center;
  font-size: clamp(
    1.125rem,
    2.05vw + 0.156375rem,
    2rem
  );
  font-weight: 600;
  line-height: 1.8888888889;
  letter-spacing: 0.04em;
}
@media screen and (min-width: 756px) {
  .pf-AntiAging__Headline02 {
    line-height: 1.8888888889;
  }
}

.pf-AntiAging__Orange {
  color: #f08969;
  font-size: clamp(
    1.5rem,
    2.34vw + 0.39435rem,
    2.5rem
  );
  line-height: 1.4166666667;
  letter-spacing: 10%;
}
@media screen and (min-width: 756px) {
  .pf-AntiAging__Orange {
    line-height: 1.35;
  }
}

.pf-AntiAging__Small {
  color: #f08969;
  font-size: clamp(
    1.125rem,
    2.05vw + 0.156375rem,
    2rem
  );
  line-height: 1.6875;
  letter-spacing: 0.01em;
}

.pf-AntiAging__Wrap {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
}

.pf-AntiAging__Body {
  padding-top: clamp(
    1.25rem,
    1.46vw + 0.56015rem,
    1.875rem
  );
}

.pf-AntiAging__Caption {
  margin-top: clamp(
    1.125rem,
    0.44vw + 0.9171rem,
    1.3125rem
  );
  line-height: 1.375;
  letter-spacing: 0em;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  line-height: 1.5;
  font-size: clamp(
    0.875rem,
    0.29vw + 0.737975rem,
    1rem
  );
}

.pf-AntiAging__Thesis {
  margin-top: clamp(
    0.75rem,
    0.58vw + 0.47595rem,
    1rem
  );
  padding-left: clamp(
    0.75rem,
    1.61vw + -0.010725rem,
    1.4375rem
  );
  width: 96%;
  position: relative;
  font-size: clamp(
    0.75rem,
    0.58vw + 0.47595rem,
    1rem
  );
  line-height: 2;
  letter-spacing: 0;
  word-break: keep-all;
  overflow-wrap: break-word;
}
.pf-AntiAging__Thesis::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 2px;
  height: 94%;
  background-color: #4d4d4d;
  content: "";
}
@media screen and (min-width: 756px) {
  .pf-AntiAging__Thesis {
    margin-left: 6px;
    margin-top: 10px;
    line-height: 1.875;
  }
}

.pf-AntiAging__Translation {
  margin-top: clamp(
    1rem,
    1.32vw + 0.3763rem,
    1.5625rem
  );
  margin-left: clamp(
    0rem,
    3.65vw + -1.724625rem,
    1.5625rem
  );
  max-width: 34.5625rem;
  font-size: clamp(
    0.875rem,
    0.29vw + 0.737975rem,
    1rem
  );
  line-height: 1.7142857143;
  letter-spacing: 0.06em;
}
@media screen and (min-width: 756px) {
  .pf-AntiAging__Translation {
    line-height: 1.875;
  }
}

.pf-AntiAging__UnderAccent {
  background-image: linear-gradient(transparent 50%, #f08969 0%);
}

.pf-AntiAging__Comments {
  margin-top: clamp(
    0.75rem,
    0.88vw + 0.3342rem,
    1.125rem
  );
  margin-left: clamp(
    0rem,
    3.65vw + -1.724625rem,
    1.5625rem
  );
  font-size: clamp(
    0.625rem,
    0.29vw + 0.487975rem,
    0.75rem
  );
  line-height: 1.6;
  letter-spacing: 0;
}
@media screen and (min-width: 756px) {
  .pf-AntiAging__Comments {
    line-height: 1.8333333333;
    letter-spacing: 0;
  }
}

.pf-Effort {
  padding-bottom: clamp(
    1.875rem,
    4.39vw + -0.199275rem,
    3.75rem
  );
  overflow-x: hidden;
}
@media screen and (min-width: 756px) {
  .pf-Effort {
    position: relative;
  }
  .pf-Effort::before {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    height: 100%;
    aspect-ratio: 1.0448833034;
    background-image: url(../images/pages/front/effort-doctor.png);
    background-size: cover;
    background-repeat: no-repeat;
    content: "";
  }
  .pf-Effort::after {
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
    height: 100%;
    aspect-ratio: 1.0807899461;
    background-image: url(../images/pages/front/effort-bed.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right bottom;
    content: "";
  }
}

.pf-Effort__Image {
  width: 100%;
  aspect-ratio: 1.9132653061;
  background-image: url("../images/pages/front/effort-2.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
@media screen and (min-width: 756px) {
  .pf-Effort__Image {
    display: none;
  }
}

.pf-Effort__Container {
  padding-inline: 0.625rem;
}
@media screen and (min-width: 756px) {
  .pf-Effort__Container {
    margin-inline: auto;
    max-width: 48.75rem;
    padding-inline: 30px;
  }
}

.pf-Effort__Notion {
  margin-inline: auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding-block: clamp(
    0.125rem,
    0.8vw + -0.253rem,
    0.46875rem
  );
  padding-inline: clamp(
    0.3125rem,
    1.02vw + -0.16945rem,
    0.75rem
  );
  border: 1px solid #b4963c;
  font-family: "游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho Pro", serif;
  color: #b4963c;
  font-weight: 600;
  font-size: clamp(
    0.875rem,
    0.88vw + 0.4592rem,
    1.25rem
  );
  line-height: 1.5;
  letter-spacing: 0;
}

.pf-Effort__Headline02 {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-left: clamp(
    0rem,
    2.92vw + -1.3797rem,
    1.25rem
  );
  margin-top: 0.9375rem;
  margin-inline: auto;
  font-family: "游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho Pro", serif;
  font-size: clamp(
    1.125rem,
    2.05vw + 0.156375rem,
    2rem
  );
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0.12em;
}

.pf-Effort__Headline02-01 {
  letter-spacing: 0.09em;
}

.pf-Effort__Headline02-02 {
  letter-spacing: 0.11em;
}

.pf-Effort__Headline02-03 {
  letter-spacing: 0.06em;
}

.pf-Effort__Headline02-04 {
  letter-spacing: 0.03em;
}

.pf-Effort__Headline02-05 {
  letter-spacing: -0.03em;
}

.pf-Effort__Large {
  font-size: clamp(
    1.5rem,
    3.51vw + -0.158475rem,
    3rem
  );
}

.pf-Effort__Caption {
  margin-top: clamp(
    0.9375rem,
    0.8vw + 0.5595rem,
    1.28125rem
  );
  margin-inline: auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-weight: 700;
  font-size: clamp(
    0.875rem,
    1.46vw + 0.18515rem,
    1.5rem
  );
  line-height: 1.5;
  letter-spacing: 0.05em;
  text-decoration: underline;
}

.pf-Effort__Caption-01 {
  letter-spacing: -0.26em;
}

.pf-Effort__Writing {
  margin-top: 1.875rem;
  max-width: 41.1875rem;
  margin-inline: auto;
  font-size: clamp(
    0.875rem,
    0.29vw + 0.737975rem,
    1rem
  );
  line-height: 1.7142857143;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 756px) {
  .pf-Effort__Writing {
    margin-top: 1.5rem;
    line-height: 1.875;
    letter-spacing: 0.04em;
  }
}

.pf-Effort__Memo {
  margin-top: clamp(
    1rem,
    0.58vw + 0.72595rem,
    1.25rem
  );
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-left: clamp(
    0rem,
    4.39vw + -2.074275rem,
    1.875rem
  );
  font-size: clamp(
    0.625rem,
    0.29vw + 0.487975rem,
    0.75rem
  );
  line-height: 1.6;
  letter-spacing: 0em;
}
@media screen and (min-width: 756px) {
  .pf-Effort__Memo {
    line-height: 1.8333333333;
    letter-spacing: 0.05em;
  }
}

.pf-Attention {
  background-color: #e1e6e9;
  padding-top: clamp(
    1.875rem,
    4.39vw + -0.199275rem,
    3.75rem
  );
  padding-bottom: clamp(
    1.875rem,
    4.39vw + -0.199275rem,
    3.75rem
  );
}

.pf-Attention__Container {
  padding-inline: 0.8125rem;
}
@media screen and (min-width: 756px) {
  .pf-Attention__Container {
    margin-inline: auto;
    max-width: 56.25rem;
    padding-inline: 30px;
  }
}

.pf-Attention__Board {
  background-color: #ffffff;
  box-shadow: 2px 4px 4px 0px rgba(0, 0, 0, 0.2509803922);
  padding-top: clamp(
    2.0625rem,
    2.92vw + 0.6828rem,
    3.3125rem
  );
  padding-bottom: clamp(
    2rem,
    5.56vw + -0.6271rem,
    4.375rem
  );
  padding-inline: clamp(
    0.375rem,
    5.26vw + -2.11035rem,
    2.625rem
  );
}

.pf-Attention__Headline02 {
  font-family: "游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho Pro", serif;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
  color: #5fa5a6;
  font-size: clamp(
    1.5rem,
    2.34vw + 0.39435rem,
    2.5rem
  );
  font-weight: 600;
  line-height: 1.0833333333;
}
@media screen and (min-width: 756px) {
  .pf-Attention__Headline02 {
    line-height: 1.5;
  }
}

.pf-Attention__Caption {
  margin-top: clamp(
    0.125rem,
    0.88vw + -0.2908rem,
    0.5rem
  );
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
  font-weight: 500;
  font-size: clamp(
    0.875rem,
    0.29vw + 0.737975rem,
    1rem
  );
  line-height: 1.5;
  letter-spacing: 0.05em;
}

.pf-Attention__List {
  margin-top: 0.5rem;
  padding-inline: 0.625rem;
}
@media screen and (min-width: 756px) {
  .pf-Attention__List {
    margin-top: 1.5rem;
    padding-inline: unset;
  }
}

.pf-Attention__Item {
  padding-block: clamp(
    0.875rem,
    0.88vw + 0.4592rem,
    1.25rem
  );
  position: relative;
}
.pf-Attention__Item::after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #bdb4b5;
  background-size: cover;
  background-repeat: no-repeat;
  content: "";
}

.pf-Attention__ItemTitle {
  padding-left: 1.25rem;
  font-weight: 500;
  font-size: clamp(
    0.875rem,
    0.29vw + 0.737975rem,
    1rem
  );
  line-height: 2.1428571429;
  letter-spacing: 0;
  position: relative;
}
@media screen and (min-width: 756px) {
  .pf-Attention__ItemTitle {
    line-height: 1.875;
  }
}
.pf-Attention__ItemTitle::before {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 0.5625rem;
  aspect-ratio: 1;
  background-color: #5fa5a6;
  background-size: cover;
  background-repeat: no-repeat;
  content: "";
}

.pf-Attention__ItemNote {
  font-weight: 400;
  font-size: clamp(
    0.75rem,
    0.58vw + 0.47595rem,
    1rem
  );
  line-height: 1.8333333333;
  letter-spacing: 0;
}
@media screen and (min-width: 756px) {
  .pf-Attention__ItemNote {
    line-height: 1.875;
  }
}

.pf-Attention__Notion {
  margin-top: clamp(
    1.5rem,
    2.34vw + 0.39435rem,
    2.5rem
  );
  padding-inline: 0.625rem;
  font-weight: 500;
  font-size: clamp(
    0.875rem,
    0.29vw + 0.737975rem,
    1rem
  );
  line-height: 1.7142857143;
  letter-spacing: 0;
}
@media screen and (min-width: 756px) {
  .pf-Attention__Notion {
    padding-inline: unset;
  }
}

.pf-Attention__Memo {
  margin-top: 0.625rem;
  padding-inline: 0.875rem;
  font-size: clamp(
    0.625rem,
    0.29vw + 0.487975rem,
    0.75rem
  );
  line-height: 1.6;
  letter-spacing: 0;
}
@media screen and (min-width: 756px) {
  .pf-Attention__Memo {
    margin-top: 0.125rem;
    padding-inline: unset;
    line-height: 1.8333333333;
  }
}

.pf-Flow {
  padding-top: clamp(
    2.25rem,
    3.51vw + 0.591525rem,
    3.75rem
  );
  padding-bottom: clamp(
    1.875rem,
    4.39vw + -0.199275rem,
    3.75rem
  );
  background-image: url(../images/pages/front/flow-bg.png);
  background-repeat: no-repeat;
  background-size: cover;
}

.pf-Flow__Container {
  padding-inline: 0.6875rem;
}
@media screen and (min-width: 756px) {
  .pf-Flow__Container {
    margin-inline: auto;
    max-width: 58.75rem;
    padding-inline: 30px;
  }
}

.pf-Flow__Caption {
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
  color: #5fa5a6;
  font-weight: 500;
  font-size: clamp(
    1rem,
    1.17vw + 0.447175rem,
    1.5rem
  );
  line-height: 1.5;
  letter-spacing: 0.08em;
}
.pf-Flow__Caption::before {
  position: absolute;
  bottom: -52%;
  left: 50%;
  transform: translateX(-50%);
  width: 120%;
  aspect-ratio: 6.6222222222;
  background-image: url(../images/pages/front/flow-icon-h2.svg);
  background-size: cover;
  background-repeat: no-repeat;
  content: "";
}
@media screen and (min-width: 756px) {
  .pf-Flow__Caption::before {
    position: absolute;
    bottom: -32%;
    width: 130%;
  }
}

.pf-Flow__Caption-01 {
  color: #5fa5a6;
  font-weight: 500;
  font-size: clamp(
    1.5rem,
    2.34vw + 0.39435rem,
    2.5rem
  );
  line-height: 1.15;
  letter-spacing: 0.08em;
}

.pf-Flow__Headline02 {
  margin-inline: auto;
  margin-top: clamp(
    2rem,
    0.58vw + 1.72595rem,
    2.25rem
  );
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-size: clamp(
    1.5rem,
    2.34vw + 0.39435rem,
    2.5rem
  );
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.06em;
}

.pf-Flow__Information {
  margin-top: clamp(
    0.3125rem,
    2.78vw + -1.00105rem,
    1.5rem
  );
  margin-inline: auto;
  padding-inline: 2.1875rem;
  text-align: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-weight: 500;
  font-size: clamp(
    0.875rem,
    1.46vw + 0.18515rem,
    1.5rem
  );
  line-height: 1.85;
  letter-spacing: 0;
}
@media screen and (min-width: 756px) {
  .pf-Flow__Information {
    padding-inline: unset;
    line-height: 1.5;
  }
}

.pf-Flow__Item {
  margin-top: clamp(
    0.625rem,
    4.97vw + -1.723325rem,
    2.75rem
  );
}
.pf-Flow__Item:not(:first-child) {
  margin-top: clamp(
    0.625rem,
    1.46vw + -0.06485rem,
    1.25rem
  );
}

.pf-FlowItem {
  margin-top: clamp(
    1.625rem,
    2.92vw + 0.2453rem,
    2.875rem
  );
  background: #ffffff;
  border: 2px solid #5fa5a6;
  border-radius: 1.25rem;
  padding-top: 1.5625rem;
  padding-bottom: 1.625rem;
  padding-inline: clamp(
    0.9375rem,
    0.73vw + 0.592575rem,
    1.25rem
  );
  display: grid;
  grid-template-columns: 114px 1fr;
  grid-template-rows: 44px 1fr;
  grid-column-gap: 16px;
  grid-row-gap: 3px;
}
@media screen and (min-width: 756px) {
  .pf-FlowItem {
    padding-top: 1.25rem;
    padding-bottom: 1.125rem;
    grid-template-columns: 200px 1fr;
    grid-template-rows: 75px 1fr;
    grid-column-gap: 0px;
    grid-row-gap: 26px;
  }
}

.pf-FlowItem__TitleWrap {
  grid-area: 1/1/2/3;
}

.pf-FlowItem__Image {
  width: 7.125rem;
  aspect-ratio: 1;
  align-self: center;
  grid-area: 2/1/3/2;
}
@media screen and (min-width: 756px) {
  .pf-FlowItem__Image {
    width: 12.5rem;
    align-self: unset;
  }
}

.pf-FlowItem__Article {
  grid-area: 2/2/3/3;
}

@media screen and (min-width: 756px) {
  .pf-FlowItem__Image {
    grid-area: 1/1/3/2;
  }
  .pf-FlowItem__TitleWrap {
    grid-area: 1/2/2/3;
  }
  .pf-FlowItem__Article {
    grid-area: 2/2/3/3;
  }
}
.pf-FlowItem__TitleWrap {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 756px) {
  .pf-FlowItem__TitleWrap {
    padding-left: 3rem;
    align-items: unset;
    justify-content: unset;
  }
}

.pf-FlowItem__IndexWrap {
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 756px) {
  .pf-FlowItem__IndexWrap {
    flex-direction: row;
  }
}

.pf-FlowItem__Note {
  margin-top: auto;
  color: #5fa5a6;
  font-weight: 500;
  font-size: clamp(
    0.6375rem,
    1.14vw + 0.09885rem,
    1.125rem
  );
  line-height: 0.85;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
@media screen and (min-width: 756px) {
  .pf-FlowItem__Note {
    line-height: 1;
  }
}

.pf-FlowItem__Number {
  margin-top: auto;
  font-family: "Roboto";
  color: #5fa5a6;
  font-weight: 700;
  font-size: clamp(
    2rem,
    1.17vw + 1.447175rem,
    2.5rem
  );
  line-height: 1;
  letter-spacing: 0;
}
@media screen and (min-width: 756px) {
  .pf-FlowItem__Number {
    margin-left: 10px;
  }
}

.pf-FlowItem__Title {
  margin-left: 20px;
  font-weight: 500;
  font-size: clamp(
    1.375rem,
    0.29vw + 1.237975rem,
    1.5rem
  );
  line-height: 1.5;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 756px) {
  .pf-FlowItem__Title {
    margin-top: auto;
  }
}

.pf-FlowItem__Article {
  font-size: clamp(
    0.875rem,
    0.29vw + 0.737975rem,
    1rem
  );
  line-height: 1.8;
  letter-spacing: 0.04em;
}
@media screen and (min-width: 756px) {
  .pf-FlowItem__Article {
    padding-left: 3rem;
  }
}

.pf-Flow__Icon {
  margin-top: clamp(
    0.625rem,
    1.46vw + -0.06485rem,
    1.25rem
  );
  margin-inline: auto;
  width: 1.875rem;
  aspect-ratio: 1.25;
  background-image: url(../images/pages/front/icon-polygon.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center bottom;
}

.pf-Detail {
  padding-top: clamp(
    1.875rem,
    4.39vw + -0.199275rem,
    3.75rem
  );
  padding-bottom: clamp(
    1.875rem,
    4.39vw + -0.199275rem,
    3.75rem
  );
  background-color: #faf5f1;
}

.pf-Detail__Container {
  padding-inline: 15px;
}
@media screen and (min-width: 756px) {
  .pf-Detail__Container {
    margin-inline: auto;
    max-width: 57.25rem;
    padding-inline: 30px;
  }
}

.pf-Detail__Headline02 {
  font-family: "Noto Sans JP";
  text-align: center;
  font-size: clamp(
    1.5rem,
    1.17vw + 0.947175rem,
    2rem
  );
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.05em;
  position: relative;
}
.pf-Detail__Headline02::after {
  position: absolute;
  top: 107%;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #4d4d4d;
  content: "";
}
@media screen and (min-width: 756px) {
  .pf-Detail__Headline02::after {
    top: 110%;
  }
}

.pf-Detail__MenuWrap {
  margin-top: clamp(
    1.5625rem,
    2.49vw + 0.385975rem,
    2.625rem
  );
}

.pf-Detail__MenuNotion {
  padding-top: clamp(
    0.4375rem,
    0.73vw + 0.092575rem,
    0.75rem
  );
  padding-bottom: clamp(
    0.75rem,
    0.73vw + 0.405075rem,
    1.0625rem
  );
  background-color: #b4963c;
  text-align: center;
  color: #ffffff;
  font-family: "游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho Pro", serif;
}

.pf-Detail__NotionLine-01 {
  font-weight: 600;
  font-size: clamp(
    1.5rem,
    1.17vw + 0.947175rem,
    2rem
  );
  line-height: 1.2;
  letter-spacing: 0.07em;
}

.pf-Detail__Kana {
  letter-spacing: -0.15em;
}
@media screen and (min-width: 756px) {
  .pf-Detail__Kana {
    letter-spacing: -0.15em;
  }
}

.pf-Detail__Number {
  font-size: 2rem;
  letter-spacing: 0em;
}
@media screen and (min-width: 756px) {
  .pf-Detail__Number {
    font-size: 2.5rem;
  }
}

.pf-Detail__Small {
  font-size: clamp(
    1rem,
    1.17vw + 0.447175rem,
    1.5rem
  );
  line-height: clamp(
    1rem,
    0.96vw + 0.5464rem,
    1.41rem
  );
  letter-spacing: 0.04em;
}
@media screen and (min-width: 756px) {
  .pf-Detail__Small {
    line-height: 1.5416666667;
  }
}

.pf-Detail__NotionLine-02 {
  margin-top: 3px;
  font-family: "游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho Pro", serif;
  font-weight: 600;
  font-size: clamp(
    0.875rem,
    1.46vw + 0.18515rem,
    1.5rem
  );
  line-height: clamp(
    0.875rem,
    1.25vw + 0.284375rem,
    1.41rem
  );
  letter-spacing: 0.05em;
}
@media screen and (min-width: 756px) {
  .pf-Detail__NotionLine-02 {
    line-height: clamp(
    1.5rem,
    1.9vw + 0.60225rem,
    2.3125rem
  );
    line-height: 37px;
  }
}

.pf-Detail__LineupWrap {
  background-color: #ffffff;
  padding-top: clamp(
    1.3125rem,
    1.61vw + 0.551775rem,
    2rem
  );
  padding-bottom: clamp(
    1.125rem,
    1.75vw + 0.298125rem,
    1.875rem
  );
  padding-inline: clamp(
    1.125rem,
    2.49vw + -0.051525rem,
    2.1875rem
  );
  position: relative;
}
.pf-Detail__LineupWrap::before {
  position: absolute;
  top: 0;
  right: 0;
  transform: translate(-24%, -5%);
  width: 4.9375rem;
  aspect-ratio: 0.5163398693;
  background-image: url(../images/pages/front/detail-menu.png);
  background-size: cover;
  background-repeat: no-repeat;
  box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.3019607843);
  content: "";
}
@media screen and (min-width: 756px) {
  .pf-Detail__LineupWrap::before {
    top: 50%;
    right: 0;
    transform: translate(-29%, -66%);
    width: 6.6875rem;
    aspect-ratio: 0.5144230769;
  }
}

.pf-Detail__Lineup {
  max-width: calc(100% - 101px);
}
.pf-Detail__Lineup:not(:first-child) {
  margin-top: clamp(
    0.625rem,
    1.46vw + -0.06485rem,
    1.25rem
  );
}

.pf-Detail__LineupTitle {
  color: #b4963c;
  font-weight: 500;
  font-size: clamp(
    1rem,
    1.17vw + 0.447175rem,
    1.5rem
  );
  line-height: 1.051875;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 756px) {
  .pf-Detail__LineupTitle {
    line-height: 1.25;
  }
}

.pf-Detail__LineupBody {
  margin-top: 5px;
  font-size: clamp(
    0.75rem,
    1.17vw + 0.197175rem,
    1.25rem
  );
  line-height: 1.4025;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 756px) {
  .pf-Detail__LineupBody {
    margin-top: unset;
    line-height: 1.5;
  }
}

.pf-Detail__Information {
  margin-top: clamp(
    0.75rem,
    2.78vw + -0.56355rem,
    1.9375rem
  );
  font-weight: 500;
  font-size: clamp(
    0.875rem,
    0.88vw + 0.4592rem,
    1.25rem
  );
  line-height: 1.7142857143;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 756px) {
  .pf-Detail__Information {
    line-height: 1.7;
    letter-spacing: 0.02em;
  }
}

.pf-Detail__Memo {
  margin-top: clamp(
    0.75rem,
    2.78vw + -0.56355rem,
    1.9375rem
  );
  font-size: clamp(
    0.625rem,
    0.88vw + 0.2092rem,
    1rem
  );
  line-height: 1.6;
  letter-spacing: 0;
}
@media screen and (min-width: 756px) {
  .pf-Detail__Memo {
    line-height: 1.375;
  }
}

.pf-CTA {
  padding-top: clamp(
    1.875rem,
    10.23vw + -2.958675rem,
    6.25rem
  );
  padding-bottom: clamp(
    1.125rem,
    12.72vw + -4.8852rem,
    6.5625rem
  );
  background-image: url("../images/pages/front/cta-bg-sp.png");
  background-size: cover;
  background-blend-mode: overlay;
  color: #ffffff;
}
@media screen and (min-width: 756px) {
  .pf-CTA {
    background-image: url("../images/pages/front/cta-bg.png");
  }
}

@media screen and (min-width: 756px) {
  .pf-CTA__Container-01,
.pf-CTA__Container-02 {
    margin-inline: auto;
    text-align: center;
  }
}

.pf-CTA__Container-01 {
  padding-inline: 0.75rem;
  max-width: 65.75rem;
}
@media screen and (min-width: 756px) {
  .pf-CTA__Container-01 {
    padding-inline: 30px;
  }
}

.pf-CTA__Container-02 {
  padding-inline: 0.75rem;
  max-width: 48.125rem;
}
@media screen and (min-width: 756px) {
  .pf-CTA__Container-02 {
    padding-inline: 30px;
  }
}

.pf-CTA__Headline02 {
  font-family: "游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho Pro", serif;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
  text-align: center;
  font-size: clamp(
    1.5rem,
    2.63vw + 0.257325rem,
    2.625rem
  );
  font-weight: 400;
  line-height: 1.6666666667;
  letter-spacing: 0;
}
@media screen and (min-width: 756px) {
  .pf-CTA__Headline02 {
    line-height: 1.4523809524;
  }
}

.pf-CTA__Button {
  margin-top: clamp(
    1.0625rem,
    1.46vw + 0.37265rem,
    1.6875rem
  );
  margin-inline: auto;
  width: clamp(
    20.5rem,
    22.95vw + 9.656125rem,
    30.3125rem
  );
  border-radius: 0.25rem;
  background: linear-gradient(88.6deg, #b4963c 46.61%, #e3c05b 115.1%);
  padding-top: clamp(
    0.6875rem,
    1.32vw + 0.0638rem,
    1.25rem
  );
  padding-bottom: clamp(
    0.6875rem,
    1.17vw + 0.134675rem,
    1.1875rem
  );
  padding-inline: clamp(
    0.5rem,
    4.39vw + -1.574275rem,
    2.375rem
  );
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.6875rem;
}
@media (hover: hover) {
  .pf-CTA__Button:hover {
    background: #b6a36a;
  }
}

.pf-CTA__ButtonNote {
  font-weight: 700;
  font-size: clamp(
    0.875rem,
    1.46vw + 0.18515rem,
    1.5rem
  );
  line-height: 1.448125;
  letter-spacing: 0.03em;
}
@media screen and (min-width: 756px) {
  .pf-CTA__ButtonNote {
    line-height: 1.4479166667;
  }
}

.pf-CTA__Writing {
  margin-top: clamp(
    1.25rem,
    1.46vw + 0.56015rem,
    1.875rem
  );
  font-weight: 500;
  font-size: clamp(
    1rem,
    0.58vw + 0.72595rem,
    1.25rem
  );
  line-height: 1.75;
  letter-spacing: 0.02em;
}
@media screen and (min-width: 756px) {
  .pf-CTA__Writing {
    text-align: center;
    line-height: 1.6;
    letter-spacing: 0.01em;
  }
}

.pf-CTA__Memo {
  text-align: left;
  margin-top: clamp(
    0.625rem,
    1.46vw + -0.06485rem,
    1.25rem
  );
  font-size: clamp(
    0.625rem,
    0.88vw + 0.2092rem,
    1rem
  );
  line-height: 1.6;
}
@media screen and (min-width: 756px) {
  .pf-CTA__Memo {
    line-height: 1.375;
  }
}

.pf-QA {
  padding-top: clamp(
    2.25rem,
    1.75vw + 1.423125rem,
    3rem
  );
  padding-bottom: clamp(
    2.375rem,
    3.22vw + 0.85355rem,
    3.75rem
  );
  background-image: url("../images/pages/front/qa-bg.jpg");
  background-size: cover;
}

.pf-QA__Container {
  padding-inline: 15px;
}
@media screen and (min-width: 756px) {
  .pf-QA__Container {
    margin-inline: auto;
    max-width: 55.625rem;
    padding-inline: 30px;
  }
}

.pf-QA__Headline02 {
  font-family: "Noto Sans JP";
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
  color: #5fa5a6;
  font-size: clamp(
    1.5rem,
    2.63vw + 0.257325rem,
    2.625rem
  );
  font-weight: 700;
  line-height: 1.6666666667;
  letter-spacing: 0;
}
@media screen and (min-width: 756px) {
  .pf-QA__Headline02 {
    line-height: 1.4523809524;
  }
}

.pf-QA__Body {
  margin-top: clamp(
    1.5rem,
    1.75vw + 0.673125rem,
    2.25rem
  );
}

.pf-QA__Item {
  background-color: #ffffff;
  padding-top: clamp(
    0.75rem,
    2.63vw + -0.492675rem,
    1.875rem
  );
  padding-bottom: clamp(
    0.75rem,
    2.63vw + -0.492675rem,
    1.875rem
  );
  padding-inline: clamp(
    0.625rem,
    1.46vw + -0.06485rem,
    1.25rem
  );
}
.pf-QA__Item:not(:first-child) {
  margin-top: 1.8125rem;
}
@media screen and (min-width: 756px) {
  .pf-QA__Item:not(:first-child) {
    margin-top: 1.875rem;
  }
}

.pf-QA__ItemIndexWrap {
  position: relative;
  position: relative;
}
.pf-QA__ItemIndexWrap::before {
  position: absolute;
  top: 50%;
  left: 0;
  width: 2.5rem;
  transform: translate(18%, -46%);
  aspect-ratio: 1;
  background-image: url(../images/pages/front/icon-qa.svg);
  background-size: contain;
  background-repeat: no-repeat;
  content: "";
}
.pf-QA__ItemIndexWrap::after {
  position: absolute;
  top: 160%;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #5fa5a6;
  content: "";
}
@media screen and (min-width: 756px) {
  .pf-QA__ItemIndexWrap::before {
    position: absolute;
    top: 50%;
    left: 0;
    width: 2.5rem;
    transform: translate(0, -50%);
  }
}

.pf-QA__ItemIndex {
  padding-left: 4rem;
  position: relative;
  z-index: 0;
  font-weight: 700;
  font-size: clamp(
    1rem,
    0.58vw + 0.72595rem,
    1.25rem
  );
  line-height: 1.7;
  letter-spacing: 0em;
}
@media screen and (min-width: 756px) {
  .pf-QA__ItemIndex {
    padding-left: 3.5rem;
  }
}

.pf-QA__ItemBody {
  margin-top: clamp(
    1.6875rem,
    1.9vw + 0.78975rem,
    2.5rem
  );
  padding-left: 7px;
  font-weight: 500;
  font-size: clamp(
    0.875rem,
    0.29vw + 0.737975rem,
    1rem
  );
  line-height: 1.8;
  letter-spacing: 0.03em;
}
@media screen and (min-width: Break-Middle) {
  .pf-QA__ItemBody {
    padding-left: unset;
    line-height: 1.8;
    letter-spacing: 0.05em;
  }
}

.pg-Annotation {
  margin-inline: auto;
  max-width: 760px;
  padding-inline: 20px;
  padding-block: 40px;
  line-height: 1.6;
}

.u-TextLink {
  color: #0066cc;
  text-decoration: none;
}
@media (hover: hover) {
  .u-TextLink:hover {
    text-decoration: underline;
  }
}

.pg-Annotation__Section {
  margin-top: 40px;
}

.pg-Annotation__Block {
  margin-top: 20px;
}

.pg-Annotation__Headline01 {
  padding-block: 25px;
  font-size: 1.75rem;
  text-align: center;
}

.pg-Annotation__Headline02 {
  font-size: 24px;
  font-weight: 700;
}
.pg-Annotation__Headline02:not(:first-child) {
  margin-top: 50px;
}

.pg-Annotation__Headline03 {
  margin-bottom: 5px;
  font-size: 20px;
  font-weight: 700;
}

.pg-Annotation__Headline04,
.pg-Annotation__Headline04-Overview {
  margin-bottom: 5px;
  font-weight: 700;
}

.pg-Annotation__Headline04-Overview {
  margin-top: 16px;
}

.pg-Annotation__Notes {
  margin-top: 20px;
}

.pg-Annotation__Overview {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding-block: 16px;
  border-top: 1px solid #4d4d4d;
  border-bottom: 1px solid #4d4d4d;
}

.pg-Commerce {
  padding-bottom: 30px;
}

.u-Indent02 {
  text-indent: -1em;
  padding-left: 2em;
}
/*# sourceMappingURL=style.css.map */