@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: 768px) {
  .u-OverMiddle-Block {
    display: block;
  }
}

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

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

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

.u-TextMain {
  color: #374b61;
}

.u-TextSub {
  color: #9d7c46;
}

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

.u-Underline {
  display: inline-block;
  position: relative;
}
.u-Underline::before {
  position: absolute;
  top: 108%;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 1px;
  background-color: #333333;
  content: "";
}

.u-UnderMain {
  background-image: linear-gradient(180deg, transparent 50%, #374b61);
}

.u-UnderGray {
  background-image: linear-gradient(180deg, transparent 50%, rgba(142, 158, 177, 0.5019607843));
}

.u-UnderSub {
  background-image: linear-gradient(180deg, transparent 50%, #9d7c46);
}

.u-UnderAccent {
  background-image: linear-gradient(180deg, transparent 50%, #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: #333333;
  font-weight: 400;
}

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

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

iframe {
  width: 100%;
}

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

.l-FullWide {
  margin-inline: auto;
  max-width: 1440px;
}

.l-Container,
.l-Container-Price,
.l-Container-Footer {
  padding-inline: 0.9375rem;
}
@media screen and (min-width: 768px) {
  .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: 768px) {
  .l-Container {
    max-width: 72.5rem;
  }
}

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

.l-Container-Reason {
  padding-inline: 15px;
}
@media screen and (min-width: 768px) {
  .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: 768px) {
  .l-Container-CTA {
    max-width: 85.75rem;
  }
}

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

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

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

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

.l-Container-Footer {
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .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.38vw + 0.3576rem,
    2.5rem
  );
  letter-spacing: 0.05em;
  line-height: 1.4;
  color: #333333;
}

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

.c-TimeTableHead {
  background-color: #374b61;
  color: #ffffff;
  height: clamp(
    1.75rem,
    2.38vw + 0.6076rem,
    2.75rem
  );
  font-size: clamp(
    0.75rem,
    0.6vw + 0.462rem,
    1rem
  );
  border: 0;
}

.c-TimeTableRow {
  height: clamp(
    2.4375rem,
    1.93vw + 1.5111rem,
    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.6vw + 0.462rem,
    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.6vw + 0.462rem,
    1rem
  );
  aspect-ratio: 1;
  border-radius: 50%;
  background-color: #333333;
}

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

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

.pg-Header__Container {
  height: inherit;
  display: flex;
  align-items: center;
  padding-inline: 0.625rem 0.5rem;
}
@media screen and (min-width: 768px) {
  .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: 768px) {
  .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: 768px) {
  .pg-Header__Reservation {
    padding-block: 0.875rem;
  }
}

.pg-Header__ReservationLink {
  background-color: #009fba;
  border-radius: 5px;
  box-shadow: 3px 3px 6px 0px #005c6b;
  padding-block: clamp(
    0.3125rem,
    1.04vw + -0.1867rem,
    0.75rem
  );
  padding-inline: clamp(
    0.625rem,
    0.63vw + 0.3226rem,
    0.8875rem
  );
  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: #607d8b;
  }
}

.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.3vw + 0.731rem,
    1rem
  );
  line-height: 1.2857142857;
  letter-spacing: 0.04em;
  word-break: keep-all;
  overflow-wrap: break-word;
}
@media screen and (min-width: 768px) {
  .pg-Header__ReservationText {
    width: auto;
    word-break: unset;
    overflow-wrap: unset;
    line-height: 1.448125;
    letter-spacing: 0.03em;
  }
}

.pg-Footer {
  background-color: #eef1f3;
  padding-top: clamp(
    1.875rem,
    5.95vw + -0.981rem,
    4.375rem
  );
  padding-bottom: clamp(
    1.875rem,
    4.46vw + -0.2658rem,
    3.75rem
  );
}

.pg-Footer__Container {
  padding-inline: 15px;
}
@media screen and (min-width: 768px) {
  .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: #374b61;
  font-weight: 600;
  font-size: clamp(
    1.125rem,
    3.27vw + -0.4446rem,
    2.5rem
  );
  line-height: 1.5;
  letter-spacing: 0.06em;
}
@media screen and (min-width: 768px) {
  .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,
    10.57vw + 9.8014rem,
    19.3125rem
  );
  aspect-ratio: 3.9615384615;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (min-width: 768px) {
  .pg-Footer__LogoWrap {
    margin-top: 0.625rem;
  }
}

.pg-Footer__LogoWrap img {
  -o-object-fit: contain;
     object-fit: contain;
}

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

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

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

.pg-Footer__TelLink {
  margin-top: clamp(
    0.4375rem,
    1.04vw + -0.0617rem,
    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.3vw + 0.731rem,
    1rem
  );
  line-height: 1.5;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px) {
  .pg-Footer__TelLink {
    pointer-events: none;
    cursor: default;
  }
}

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

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

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

.pg-Footer__Memo {
  margin-top: 0.625rem;
  font-size: clamp(
    0.625rem,
    0.89vw + 0.1978rem,
    1rem
  );
  line-height: 2;
  letter-spacing: -0.02em;
}
@media screen and (min-width: 768px) {
  .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.34vw + 1.4818rem,
    2.6875rem
  );
  position: relative;
  font-size: clamp(
    0.875rem,
    0.3vw + 0.731rem,
    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: 768px) {
  .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.89vw + 0.3228rem,
    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.64vw + -0.4747rem,
    1rem
  );
}
.pg-Footer__Access-02::before {
  background-image: url(../images/pages/front/icon-car.svg);
}

.pg-Footer__MapArea {
  margin-top: clamp(
    0.625rem,
    2.98vw + -0.8054rem,
    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;
  background-image: url("../images/pages/front/main_view-bg01-sp.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 100% 50%;
}
@media screen and (min-width: 768px) {
  .pf-MainView {
    background-image: url("../images/pages/front/main_view-bg01.png");
  }
}

.pf-MainView__ContainerWrap {
  margin-inline: auto;
  max-width: 1440px;
  position: relative;
}
.pf-MainView__ContainerWrap::before {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 0;
  width: clamp(
    16.375rem,
    30.03vw + 9.33671875rem,
    23.75rem
  );
  aspect-ratio: 0.6412776413;
  background-image: url("../images/pages/front/main_view-bg02-sp.png");
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
}
@media screen and (min-width: 768px) {
  .pf-MainView__ContainerWrap::before {
    width: clamp(
    30rem,
    35.71vw + 12.8592rem,
    45rem
  );
    aspect-ratio: 1.1338582677;
    background-image: url("../images/pages/front/main_view-bg02.png");
    content: "";
  }
}

.pf-MainView__Container {
  padding-inline: clamp(
    0.8125rem,
    27.23vw + -5.56953125rem,
    7.5rem
  );
  position: relative;
  padding-top: clamp(
    1.4375rem,
    6.4vw + -1.6345rem,
    4.125rem
  );
  padding-bottom: clamp(
    1.4375rem,
    2.23vw + 0.3671rem,
    2.375rem
  );
  max-width: 76.75rem;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .pf-MainView__Container {
    margin-left: auto;
    padding-inline: 30px;
  }
}

.pf-MainView__Line01 {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
  position: relative;
  color: #374b61;
  font-weight: 500;
  font-size: clamp(
    1.25rem,
    1.79vw + 0.3908rem,
    2rem
  );
  line-height: 1.2;
  letter-spacing: 0.03em;
  font-style: oblique;
}
.pf-MainView__Line01::before {
  position: absolute;
  top: 105%;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #374b61;
  background-size: cover;
  background-repeat: no-repeat;
  content: "";
}
@media screen and (min-width: 768px) {
  .pf-MainView__Line01 {
    margin-inline: unset;
  }
}

.pf-MainView__Line02 {
  margin-top: 1.4375rem;
  margin-inline: auto;
  display: block;
  width: clamp(
    15.6875rem,
    54.76vw + -10.5973rem,
    38.6875rem
  );
  max-width: 100%;
  aspect-ratio: 4.0483870968;
}
@media screen and (min-width: 768px) {
  .pf-MainView__Line02 {
    margin-top: clamp(
    0.75rem,
    4.91vw + -1.6068rem,
    2.8125rem
  );
    aspect-ratio: 16.2894736842;
    margin-inline: unset;
  }
}

.pf-MainView__Line02Image {
  -o-object-fit: contain;
     object-fit: contain;
}

.pf-MainView__Line03 {
  margin-top: clamp(
    0.75rem,
    0vw + 0.75rem,
    0.75rem
  );
  display: block;
  width: clamp(
    21.625rem,
    36.46vw + 4.1242rem,
    36.9375rem
  );
  max-width: 100%;
  aspect-ratio: 3.2833333333;
  -o-object-fit: contain;
     object-fit: contain;
}

.pf-MainView__Line0405Wrap {
  margin-top: 0.875rem;
  display: flex;
  flex-direction: column-reverse;
}
@media screen and (min-width: 768px) {
  .pf-MainView__Line0405Wrap {
    margin-top: unset;
    flex-direction: column;
  }
}

.pf-MainView__Line04 {
  display: block;
  margin-top: clamp(
    0.75rem,
    0.45vw + 0.534rem,
    0.9375rem
  );
  width: clamp(
    21.875rem,
    33.48vw + 5.8046rem,
    35.9375rem
  );
  aspect-ratio: 9.2105263158;
}
@media screen and (min-width: 768px) {
  .pf-MainView__Line04 {
    aspect-ratio: 8.984375;
  }
}

.pf-MainView__Line04Image {
  -o-object-fit: contain;
     object-fit: contain;
}

.pf-MainView__EffectNoteWrap {
  margin-top: clamp(
    0.875rem,
    0.3vw + 0.731rem,
    1rem
  );
}
@media screen and (min-width: 768px) {
  .pf-MainView__EffectNoteWrap {
    align-self: flex-end;
  }
}

.pf-MainView__EffectWrap {
  margin-top: clamp(
    0.5rem,
    2.98vw + -0.9304rem,
    1.75rem
  );
  margin-left: 2px;
  padding-right: 12px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  row-gap: 0.1875rem;
}
@media screen and (min-width: 768px) {
  .pf-MainView__EffectWrap {
    margin-top: 1.75rem;
    padding-right: unset;
    flex-direction: row;
    row-gap: unset;
    gap: 0.125rem;
  }
}

.pf-MainView__EffectPoint {
  width: clamp(
    10.25rem,
    4.46vw + 8.1092rem,
    12.125rem
  );
  aspect-ratio: 2.5;
}

.pf-MainView__EffectPointImage {
  -o-object-fit: contain;
     object-fit: contain;
}

.pf-MainView__Caption {
  margin-top: clamp(
    0.75rem,
    1.64vw + -0.0372rem,
    1.4375rem
  );
  padding-right: 2px;
  font-weight: 300;
  font-size: clamp(
    0.625rem,
    0.3vw + 0.481rem,
    0.75rem
  );
  line-height: 1.5;
}
@media screen and (min-width: 768px) {
  .pf-MainView__Caption {
    padding-right: unset;
    line-height: 1.25;
    letter-spacing: 0.05em;
  }
}

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

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

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

.pf-Section01__HeadBlock {
  background-color: #374b61;
  background-color: #374b61;
  padding-block: clamp(
    0.875rem,
    1.64vw + 0.0878rem,
    1.5625rem
  ) clamp(
    1.25rem,
    0.74vw + 0.8948rem,
    1.5625rem
  );
  position: relative;
}
.pf-Section01__HeadBlock::before {
  position: absolute;
  left: 50%;
  top: 100%;
  transform: translateX(-50%);
  width: 0.875rem;
  aspect-ratio: 1;
  background-image: url(../images/pages/front/section01-bg02.png);
  background-size: contain;
  background-repeat: no-repeat;
  content: "";
}

.pf-Section01__Headline02 {
  width: clamp(
    19.625rem,
    33.63vw + 3.4826rem,
    33.75rem
  );
  margin-inline: auto;
}

.pf-Section01__Headline02Image {
  -o-object-fit: contain;
     object-fit: contain;
}

.pf-Section01__MiddleBlock {
  background-image: url("../images/pages/front/section01-bg01-sp.png");
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: cover;
}
@media screen and (min-width: 768px) {
  .pf-Section01__MiddleBlock {
    background-image: url("../images/pages/front/section01-bg01-pc.png");
  }
}

.pf-Section01__MiddleFullWide {
  max-width: 1440px;
  margin-inline: auto;
  position: relative;
}
.pf-Section01__MiddleFullWide::before {
  position: absolute;
  left: 0;
  top: 16%;
  z-index: -1;
  width: clamp(
    11.75rem,
    51.79vw + -13.1092rem,
    33.5rem
  );
  aspect-ratio: 0.9447236181;
  background-image: url(../images/pages/front/section01-worry_man-sp.png);
  background-size: cover;
  background-repeat: no-repeat;
  content: "";
}
.pf-Section01__MiddleFullWide::after {
  position: absolute;
  right: 0;
  top: 55%;
  z-index: -1;
  width: clamp(
    12rem,
    34.08vw + -4.3584rem,
    26.3125rem
  );
  aspect-ratio: 1.1707317073;
  background-image: url(../images/pages/front/section01-worry_lady-sp.png);
  background-size: cover;
  background-repeat: no-repeat;
  content: "";
}
@media screen and (min-width: 768px) {
  .pf-Section01__MiddleFullWide::before {
    position: absolute;
    top: 16%;
    left: 0;
    aspect-ratio: 1.2465116279;
    background-image: url(../images/pages/front/section01-worry_man-pc.png);
  }
  .pf-Section01__MiddleFullWide::after {
    position: absolute;
    top: 12%;
    right: 0;
    aspect-ratio: 0.933481153;
    background-image: url(../images/pages/front/section01-worry_lady-pc.png);
  }
}

.pf-Section01__MiddleContainer {
  margin-inline: auto;
  max-width: 47.5rem;
  padding-top: clamp(
    1.8125rem,
    4.76vw + -0.4723rem,
    3.8125rem
  );
  padding-bottom: 3.125rem;
  padding-inline: 1.875rem;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .pf-Section01__MiddleContainer {
    padding-bottom: 6rem;
  }
}

.pf-Section01__MiddleLine01 {
  font-weight: 500;
  font-size: clamp(
    1rem,
    2.38vw + -0.1424rem,
    2rem
  );
  line-height: 1.2;
  letter-spacing: 0.05em;
}
.pf-Section01__MiddleLine01:not(:first-child) {
  margin-top: clamp(
    0.625rem,
    2.08vw + -0.3734rem,
    1.5rem
  );
}

.pf-Section01__MiddleLine02 {
  margin-top: clamp(
    0.625rem,
    0.89vw + 0.1978rem,
    1rem
  );
  display: inline-block;
  width: clamp(
    19.875rem,
    43.9vw + -1.197rem,
    38.3125rem
  );
  aspect-ratio: 7.756097561;
  margin-inline: auto;
}
@media screen and (min-width: Break-Middle) {
  .pf-Section01__MiddleLine02 {
    margin-top: 1rem;
    aspect-ratio: 15.487804878;
  }
}

.pf-Section01__MiddleLine02Image {
  -o-object-fit: contain;
     object-fit: contain;
}

.pf-Section01__MiddleUnderline {
  display: inline-block;
  position: relative;
}
.pf-Section01__MiddleUnderline::before {
  position: absolute;
  left: 50%;
  top: 80%;
  transform: translateX(-50%);
  width: 105%;
  height: 6px;
  background-color: #bda378;
  z-index: -1;
  content: "";
}

.pf-Section01__MiddleImage {
  margin-top: clamp(
    1.5625rem,
    2.68vw + 0.2761rem,
    2.6875rem
  );
  margin-inline: calc(50% - 50vw);
}
@media screen and (min-width: 768px) {
  .pf-Section01__MiddleImage {
    margin-top: 2.6875rem;
    margin-inline: unset;
  }
}

.pf-Section01__Problem01Wrap {
  margin-inline: auto;
  display: block;
  max-width: clamp(
    31.25rem,
    28.27vw + 17.6804rem,
    43.125rem
  );
  aspect-ratio: 1.3182608696;
}
@media screen and (min-width: 768px) {
  .pf-Section01__Problem01Wrap {
    aspect-ratio: 2.2186495177;
  }
}

.pf-Section01__BottomBlock {
  padding-top: 1.75rem;
  padding-bottom: clamp(
    3.75rem,
    1.49vw + 3.0348rem,
    4.375rem
  );
  position: relative;
}
.pf-Section01__BottomBlock::before {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: -1;
  width: 100%;
  height: 200%;
  background-image: url(../images/pages/front/section01-under-bg01.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center bottom;
  content: "";
}
@media screen and (min-width: 768px) {
  .pf-Section01__BottomBlock {
    padding-top: 2.125rem;
  }
}

.pf-Section01__BottomFlex {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media screen and (min-width: 768px) {
  .pf-Section01__BottomFlex {
    flex-direction: row;
    align-items: unset;
  }
}

.pf-Section01__BottomNote {
  max-width: clamp(
    25rem,
    29.76vw + 10.7152rem,
    37.5rem
  );
  padding-left: clamp(
    0rem,
    8.33vw + -3.9984rem,
    3.5rem
  );
  font-size: clamp(
    0.875rem,
    1.49vw + 0.1598rem,
    1.5rem
  );
  line-height: 2;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px) {
  .pf-Section01__BottomNote {
    max-width: 37.5rem;
  }
}

.pf-Section01__BottomWriting {
  margin-top: clamp(
    1.875rem,
    11.76vw + -3.7698rem,
    6.8125rem
  );
  text-align: center;
}

.pf-Section01__BottomImageBlock {
  position: relative;
  flex: 1;
  display: flex;
  justify-content: center;
}
@media screen and (min-width: 768px) {
  .pf-Section01__BottomImageBlock {
    justify-content: space-between;
  }
}

.pf-Section01__BottomImage-01 {
  width: clamp(
    9.4375rem,
    19.05vw + 0.2935rem,
    17.4375rem
  );
  aspect-ratio: 1;
}
@media screen and (min-width: 1220px) {
  .pf-Section01__BottomImage-01 {
    position: absolute;
    top: -50%;
    right: -1%;
  }
}

.pf-Section01__BottomImage-02 {
  width: clamp(
    9.4375rem,
    7.89vw + 5.6503rem,
    12.75rem
  );
  aspect-ratio: 1;
}
@media screen and (min-width: 1220px) {
  .pf-Section01__BottomImage-02 {
    position: absolute;
    top: 47%;
    right: 45%;
  }
}

.pf-Section01__BottomWriting01 {
  font-weight: 700;
  font-size: clamp(
    1rem,
    2.38vw + -0.1424rem,
    2rem
  );
  line-height: 1.2;
  letter-spacing: 0.05em;
  word-break: keep-all;
  overflow-wrap: anywhere;
}

.pf-Section01__BottomWriting01-01 {
  letter-spacing: -0.33em;
}

.pf-Section01__BottomWriting02 {
  margin-top: clamp(
    1.25rem,
    0vw + 1.25rem,
    1.25rem
  );
  font-size: clamp(
    0.875rem,
    1.49vw + 0.1598rem,
    1.5rem
  );
  line-height: 1.2;
  letter-spacing: 0.05em;
  word-break: keep-all;
  overflow-wrap: anywhere;
}

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

.pf-Section02__Headline02Wrap {
  margin-inline: calc(50% - 50vw);
  background-image: url("../images/pages/front/section02-headline02-bg-pc.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  padding-top: 1.875rem;
  padding-bottom: 1.875rem;
}

.pf-Section02__Headline02 {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
  text-align: center;
  font-family: "游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho Pro", serif;
  color: #ffffff;
  font-size: clamp(
    1.5rem,
    1.19vw + 0.9288rem,
    2rem
  );
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0em;
}
@media screen and (min-width: 768px) {
  .pf-Section02__Headline02 {
    text-align: unset;
  }
}

.pf-Section02__Headline02-01 {
  margin-inline: clamp(
    0.5rem,
    0.74vw + 0.1448rem,
    0.8125rem
  );
  background-color: #ffffff;
  padding-top: 1rem;
  padding-bottom: 0.375rem;
  padding-inline: clamp(
    0.5rem,
    0.89vw + 0.0728rem,
    0.875rem
  );
  display: inline-block;
  color: #374b61;
  font-weight: 600;
  font-size: clamp(
    2.5rem,
    0vw + 2.5rem,
    2.5rem
  );
  line-height: 1.2;
  letter-spacing: 0em;
}

.pf-Section02__Body {
  margin-top: clamp(
    1.875rem,
    2.68vw + 0.5886rem,
    3rem
  );
  margin-bottom: clamp(
    1.875rem,
    3.27vw + 0.3054rem,
    3.25rem
  );
  text-align: center;
}

.pf-Section02__Caption {
  word-break: keep-all;
  overflow-wrap: anywhere;
  font-size: clamp(
    0.875rem,
    0.89vw + 0.4478rem,
    1.25rem
  );
  line-height: 1.6;
  letter-spacing: 0.05em;
}

.pf-Section02__MedicineWrap {
  margin-top: clamp(
    1.25rem,
    4.17vw + -0.7516rem,
    3rem
  );
  display: flex;
  gap: clamp(
    0.625rem,
    8.04vw + -3.2342rem,
    4rem
  );
  justify-content: center;
}

.pf-Section02__Medicine01Wrap,
.pf-Section02__Medicine02Wrap {
  width: clamp(
    10.75rem,
    13.69vw + 4.1788rem,
    16.5rem
  );
  aspect-ratio: 1.3004926108;
}

.pf-Section02__Writing01 {
  width: 86%;
  margin-inline: auto;
  margin-top: clamp(
    1.25rem,
    4.46vw + -0.8908rem,
    3.125rem
  );
  font-size: clamp(
    0.875rem,
    0.89vw + 0.4478rem,
    1.25rem
  );
  line-height: 1.6;
  letter-spacing: 0.05em;
  position: relative;
}
.pf-Section02__Writing01::before, .pf-Section02__Writing01::after {
  position: absolute;
  top: 0;
  z-index: 0;
  width: clamp(
    2.25rem,
    4.02vw + 0.3204rem,
    3.9375rem
  );
  aspect-ratio: 0.5950413223;
  background-size: cover;
  background-repeat: no-repeat;
  content: "";
}
.pf-Section02__Writing01::before {
  left: 0;
  transform: translate(-85%, 0);
  background-image: url(../images/pages/front/section02-writing-left-sp.png);
}
.pf-Section02__Writing01::after {
  right: 0;
  transform: translate(85%, 0);
  background-image: url(../images/pages/front/section02-writing-right-sp.png);
}
@media screen and (min-width: 768px) {
  .pf-Section02__Writing01 {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    line-height: 2;
  }
  .pf-Section02__Writing01::before, .pf-Section02__Writing01::after {
    top: -2%;
    aspect-ratio: 0.9;
  }
  .pf-Section02__Writing01::before {
    transform: translate(-85%, 0);
    background-image: url(../images/pages/front/section02-writing-left-pc.png);
  }
  .pf-Section02__Writing01::after {
    transform: translate(85%, 0);
    background-image: url(../images/pages/front/section02-writing-right-pc.png);
  }
}

.pf-Section02__Writing02 {
  margin-top: clamp(
    1.875rem,
    1.04vw + 1.3758rem,
    2.3125rem
  );
  font-weight: 500;
  font-size: clamp(
    1rem,
    1.19vw + 0.4288rem,
    1.5rem
  );
  line-height: 2;
  letter-spacing: 0.05em;
  text-align: center;
}

.pf-Section03__Container {
  margin-inline: auto;
  padding-inline: 0.4375rem;
}
@media screen and (min-width: 768px) {
  .pf-Section03__Container {
    max-width: 63.125rem;
    padding-inline: 30px;
  }
}

.pf-Section03__Upper {
  background-color: #dec995;
  padding-top: clamp(
    1.25rem,
    1.49vw + 0.5348rem,
    1.875rem
  );
  padding-bottom: clamp(
    1.875rem,
    4.46vw + -0.2658rem,
    3.75rem
  );
}
@media screen and (min-width: 768px) {
  .pf-Section03__Upper {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }
}

.pf-Section03__Headline02Block {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
  font-size: clamp(
    1.5rem,
    1.19vw + 0.9288rem,
    2rem
  );
  font-weight: 700;
  line-height: 1.5;
}

.pf-Section03__Headline02Wrap {
  display: block;
  width: clamp(
    22.6875rem,
    55.21vw + -3.8133rem,
    45.875rem
  );
  max-width: 100%;
  margin-inline: auto;
  aspect-ratio: 3.2410714286;
}
@media screen and (min-width: Break-Middle) {
  .pf-Section03__Headline02Wrap {
    aspect-ratio: 3.7835051546;
  }
}

.pf-Section03__Headline02Image {
  -o-object-fit: contain;
     object-fit: contain;
}

.pf-Section03__Lower {
  background-image: url("../images/pages/front/section03-under-bg-pc.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  padding-block: clamp(
    1.5rem,
    5.36vw + -1.0728rem,
    3.75rem
  );
}

.pf-Section03__Layout {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.25rem;
}
@media screen and (min-width: 768px) {
  .pf-Section03__Layout {
    flex-direction: row-reverse;
    gap: clamp(
    1.25rem,
    5.95vw + -1.606rem,
    3.75rem
  );
  }
}

.pf-Section03_Note {
  max-width: 33.25rem;
  font-size: clamp(
    0.875rem,
    1.49vw + 0.1598rem,
    1.5rem
  );
  line-height: 2;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px) {
  .pf-Section03_Note {
    line-height: 1.6;
  }
}

.pf-Section03__Image01Wrap {
  width: clamp(
    21.75rem,
    0.15vw + 21.678rem,
    21.8125rem
  );
  aspect-ratio: 6.96;
  display: block;
}
@media screen and (min-width: 768px) {
  .pf-Section03__Image01Wrap {
    aspect-ratio: 1.1594684385;
  }
}

.pf-Section03__Image01 {
  -o-object-fit: contain;
     object-fit: contain;
}

.pf-Section03__Image02Wrap {
  display: block;
  margin-top: clamp(
    2.0625rem,
    5.51vw + -0.5823rem,
    4.375rem
  );
  margin-inline: auto;
  width: clamp(
    22.5625rem,
    57.44vw + -5.0087rem,
    46.6875rem
  );
  max-width: 100%;
  aspect-ratio: 3.6836734694;
}
@media screen and (min-width: 768px) {
  .pf-Section03__Image02Wrap {
    aspect-ratio: 6.7297297297;
  }
}

.pf-Section3__Image02 {
  -o-object-fit: contain;
     object-fit: contain;
}

.pf-Section04 {
  padding-top: clamp(
    1.875rem,
    4.46vw + -0.2658rem,
    3.75rem
  );
}

.pf-Section04__ContainerWrap {
  padding-inline: 0.4375rem;
  position: relative;
}
.pf-Section04__ContainerWrap::before {
  position: absolute;
  bottom: 5%;
  right: 0;
  width: clamp(
    7.25rem,
    19.35vw + -2.038rem,
    15.375rem
  );
  aspect-ratio: 0.627027027;
  background-image: url(../images/pages/front/section04-molecule-03-sp.png);
  background-size: cover;
  background-repeat: no-repeat;
  content: "";
}
@media screen and (min-width: 768px) {
  .pf-Section04__ContainerWrap {
    margin-inline: auto;
    max-width: 83.125rem;
    padding-inline: 30px;
  }
  .pf-Section04__ContainerWrap::before {
    right: 5%;
    aspect-ratio: 0.6629986245;
    background-image: url(../images/pages/front/section04-molecule-03.png);
  }
}

.pf-Section04__Container {
  position: relative;
}
.pf-Section04__Container::before {
  position: absolute;
  top: -1.5%;
  left: 6%;
  width: clamp(
    5.75rem,
    16.07vw + -1.9636rem,
    12.5rem
  );
  aspect-ratio: 0.812749004;
  background-image: url(../images/pages/front/section04-molecule-01.png);
  background-size: cover;
  background-repeat: no-repeat;
  content: "";
}
.pf-Section04__Container::after {
  position: absolute;
  top: 33%;
  left: 83%;
  transform: translate(-50%);
  width: clamp(
    4.125rem,
    11.76vw + -1.5198rem,
    9.0625rem
  );
  aspect-ratio: 0.7531806616;
  background-image: url(../images/pages/front/section04-molecule-02.png);
  background-size: cover;
  background-repeat: no-repeat;
  content: "";
}
@media screen and (min-width: 768px) {
  .pf-Section04__Container {
    margin-inline: auto;
    max-width: 65rem;
  }
  .pf-Section04__Container::before {
    top: 1%;
    left: unset;
    right: 0;
  }
  .pf-Section04__Container::after {
    top: 26%;
    left: 7%;
  }
}

@media screen and (min-width: 768px) {
  .pf-Section04__Merit01 {
    margin-inline: auto;
    max-width: 53.75rem;
  }
}

.pf-Section04__Merit01Note {
  -o-object-fit: contain;
     object-fit: contain;
}

.pf-Section04__MeritImage {
  -o-object-fit: contain;
     object-fit: contain;
}

.pf-Section04__Merit02Image {
  -o-object-fit: contain;
     object-fit: contain;
}

.pf-Section04__Merit01HeaderWrap {
  display: block;
  width: clamp(
    21.5625rem,
    55.8vw + -5.2215rem,
    45rem
  );
  aspect-ratio: 2.7822580645;
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .pf-Section04__Merit01HeaderWrap {
    margin-inline: unset;
    aspect-ratio: 7.4611398964;
  }
}

.pf-Section04__Merit01HeaderImage {
  -o-object-fit: contain;
     object-fit: contain;
}

.pf-Section04__Merit01Caption {
  margin-top: clamp(
    0.75rem,
    2.38vw + -0.3924rem,
    1.75rem
  );
  text-align: center;
  font-size: clamp(
    0.875rem,
    0.89vw + 0.4478rem,
    1.25rem
  );
  line-height: 2;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px) {
  .pf-Section04__Merit01Caption {
    text-align: unset;
  }
}

.pf-Section04__Merit01Layout {
  margin-top: clamp(
    0.625rem,
    2.98vw + -0.8054rem,
    1.875rem
  );
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1.25rem;
}
@media screen and (min-width: 768px) {
  .pf-Section04__Merit01Layout {
    flex-direction: row;
  }
}

.pf-Section04__Merit01ImageWrap {
  max-width: clamp(
    11.8125rem,
    15.18vw + 4.5261rem,
    18.1875rem
  );
  display: block;
  width: clamp(
    11.8125rem,
    15.18vw + 4.5261rem,
    18.1875rem
  );
  aspect-ratio: 1.0738636364;
}
@media screen and (min-width: 768px) {
  .pf-Section04__Merit01ImageWrap {
    aspect-ratio: 1.073800738;
  }
}

.pf-Section04__Merit01NoteWrap {
  width: clamp(
    22.4375rem,
    28.27vw + 8.8679rem,
    34.3125rem
  );
  aspect-ratio: 1.1966666667;
}
@media screen and (min-width: 768px) {
  .pf-Section04__Merit01NoteWrap {
    aspect-ratio: 2.0258302583;
  }
}

.pf-Section04__Merit01Writing01 {
  margin-top: clamp(
    1rem,
    2.98vw + -0.4304rem,
    2.25rem
  );
  margin-inline: auto;
  text-align: center;
  width: 100%;
  font-size: clamp(
    1rem,
    1.19vw + 0.4288rem,
    1.5rem
  );
  line-height: 2;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px) {
  .pf-Section04__Merit01Writing01 {
    width: 80%;
    line-height: 1.6;
  }
}

.pf-Section04__Merit02 {
  margin-top: clamp(
    3.75rem,
    8.63vw + -0.3924rem,
    7.375rem
  );
}

@media screen and (min-width: 768px) {
  .pf-Section04__Container-Merit02 {
    margin-inline: auto;
    max-width: 53.75rem;
  }
}

.pf-Section04__Merit02HeaderWrap {
  margin-inline: auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: block;
  width: clamp(
    22.8125rem,
    52.98vw + -2.6179rem,
    45.0625rem
  );
  max-width: 100%;
  aspect-ratio: 2.9435483871;
}
@media screen and (min-width: 768px) {
  .pf-Section04__Merit02HeaderWrap {
    margin-inline: unset;
    aspect-ratio: 7.8797814208;
    margin-left: auto;
  }
}

.pf-Section04__Merit02HeaderImage {
  -o-object-fit: contain;
     object-fit: contain;
}

.pf-Section04__Merit02Caption {
  margin-top: clamp(
    0.75rem,
    2.38vw + -0.3924rem,
    1.75rem
  );
  text-align: center;
  font-size: clamp(
    0.875rem,
    0.89vw + 0.4478rem,
    1.25rem
  );
  line-height: 2;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px) {
  .pf-Section04__Merit02Caption {
    margin-left: auto;
    max-width: 41.25rem;
    text-align: left;
    padding-right: 0.1875rem;
    line-height: 1.5;
  }
}

.pf-Section04__Merit02Layout {
  margin-top: clamp(
    0.625rem,
    1.19vw + 0.0538rem,
    1.125rem
  );
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1.9375rem;
}
@media screen and (min-width: 768px) {
  .pf-Section04__Merit02Layout {
    flex-direction: row-reverse;
    align-items: flex-end;
  }
}

.pf-Section04__Merit02ImageWrap {
  max-width: clamp(
    10.75rem,
    16.22vw + 2.9644rem,
    17.5625rem
  );
  display: block;
  aspect-ratio: 0.9297297297;
}
@media screen and (min-width: 768px) {
  .pf-Section04__Merit02ImageWrap {
    aspect-ratio: 1;
  }
}

.pf-Section04__Merit02NoteWrap {
  width: clamp(
    22.4375rem,
    28.27vw + 8.8679rem,
    34.3125rem
  );
  aspect-ratio: 1.1966666667;
}
@media screen and (min-width: 768px) {
  .pf-Section04__Merit02NoteWrap {
    aspect-ratio: 2.0333333333;
  }
}

.pf-Section04__Merit02Writing01 {
  margin-top: clamp(
    1.25rem,
    2.98vw + -0.1804rem,
    2.5rem
  );
  text-align: center;
  font-size: clamp(
    1rem,
    1.19vw + 0.4288rem,
    1.5rem
  );
  line-height: 2;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px) {
  .pf-Section04__Merit02Writing01 {
    line-height: 1.6;
  }
}

.pf-Section04__Merit02Writing02 {
  margin-top: 0.625rem;
  margin-inline: auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 0.75rem;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px) {
  .pf-Section04__Merit02Writing02 {
    line-height: 1.8333333333;
  }
}

.pf-Section04__Merit03 {
  margin-top: clamp(
    3.75rem,
    7.74vw + 0.0348rem,
    7rem
  );
}

.pf-Section04__Merit03HeaderWrap {
  display: block;
  margin-inline: auto;
  width: clamp(
    22.8125rem,
    76.49vw + -13.9027rem,
    54.9375rem
  );
  max-width: 100%;
  aspect-ratio: 2.3962264151;
}
@media screen and (min-width: 768px) {
  .pf-Section04__Merit03HeaderWrap {
    aspect-ratio: 5.5632911392;
  }
}

.pf-Section04__Merit03HeaderImage {
  -o-object-fit: contain;
     object-fit: contain;
}

.pf-Section04__Merit03Caption {
  margin-top: 3.75rem;
  max-width: 42rem;
  margin-inline: auto;
  font-size: clamp(
    0.875rem,
    0.89vw + 0.4478rem,
    1.25rem
  );
  line-height: 2;
  letter-spacing: 0.05em;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .pf-Section04__Merit03Caption {
    margin-top: 1.5625rem;
    line-height: 1.6;
  }
}

.pf-Section04__Merit03ImageWrap {
  display: block;
  margin-top: clamp(
    1.25rem,
    1.49vw + 0.5348rem,
    1.875rem
  );
  margin-inline: auto;
  width: clamp(
    22.625rem,
    35.12vw + 5.7674rem,
    37.375rem
  );
  aspect-ratio: 2.3506493506;
}
@media screen and (min-width: 768px) {
  .pf-Section04__Merit03ImageWrap {
    aspect-ratio: 2.6696428571;
  }
}

.pf-Section04__Merit03Image {
  -o-object-fit: contain;
     object-fit: contain;
}

.pf-Section04__Merit03Writing01 {
  margin-top: clamp(
    1rem,
    2.08vw + 0.0016rem,
    1.875rem
  );
  margin-inline: auto;
  max-width: 38.75rem;
  text-align: center;
  font-size: clamp(
    1rem,
    1.19vw + 0.4288rem,
    1.5rem
  );
  line-height: 1.6;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px) {
  .pf-Section04__Merit03Writing01 {
    line-height: 1.6;
  }
}

.pf-Section04__MessageBlock {
  margin-top: clamp(
    1.375rem,
    4.17vw + -0.6266rem,
    3.125rem
  );
  margin-inline: calc(50% - 50vw);
  background-image: url("../images/pages/front/section04-message-bg.png");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
  padding-top: clamp(
    0.625rem,
    6.55vw + -2.519rem,
    3.375rem
  );
  padding-bottom: clamp(
    0.625rem,
    6.55vw + -2.519rem,
    3.375rem
  );
}

.pf-Section04__MessageImageWrap {
  display: block;
  margin-inline: auto;
  width: clamp(
    23rem,
    56.7vw + -4.216rem,
    46.8125rem
  );
  aspect-ratio: 8.9700598802;
  padding-inline: 0.3125rem;
}
@media screen and (min-width: 768px) {
  .pf-Section04__MessageImageWrap {
    padding-inline: unset;
    aspect-ratio: 8.9700598802;
  }
}

.pf-Section04__MessageImage {
  -o-object-fit: contain;
     object-fit: contain;
}

.pf-Section05 {
  padding-top: clamp(
    1.875rem,
    4.46vw + -0.2658rem,
    3.75rem
  );
  padding-bottom: clamp(
    1.875rem,
    4.46vw + -0.2658rem,
    3.75rem
  );
}

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

.pf-Section05__Headline02Block {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
  font-size: clamp(
    1.5rem,
    1.19vw + 0.9288rem,
    2rem
  );
  font-weight: 700;
  line-height: 1.5;
}

.pf-Section05__Headline02Image {
  -o-object-fit: contain;
     object-fit: contain;
}

.pf-Section005__Caption {
  margin-inline: auto;
  margin-top: clamp(
    0.625rem,
    1.49vw + -0.0902rem,
    1.25rem
  );
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  line-height: 1.2;
  letter-spacing: 0.05em;
}

.pf-Section05__FlowWrap {
  display: block;
  margin-top: clamp(
    1.75rem,
    1.79vw + 0.8908rem,
    2.5rem
  );
  margin-inline: auto;
  aspect-ratio: 0.4248210024;
}
@media screen and (min-width: 768px) {
  .pf-Section05__FlowWrap {
    max-width: 57.25rem;
    aspect-ratio: 2.0220750552;
  }
}

.pf-Section05__FlowImage {
  -o-object-fit: contain;
     object-fit: contain;
}

.pf-Section05__Note {
  margin-top: clamp(
    1.875rem,
    1.49vw + 1.1598rem,
    2.5rem
  );
  margin-inline: auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-size: clamp(
    1rem,
    0.6vw + 0.712rem,
    1.25rem
  );
  line-height: 1.6;
  letter-spacing: 0.05em;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .pf-Section05__Note {
    line-height: 1.6;
  }
}

.pf-Section06 {
  padding-top: clamp(
    1.875rem,
    4.76vw + -0.4098rem,
    3.875rem
  );
  padding-bottom: clamp(
    1.125rem,
    4.46vw + -1.0158rem,
    3rem
  );
  background-image: url("../images/pages/front/section06-bg-sp.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
@media screen and (min-width: 768px) {
  .pf-Section06 {
    background-image: url("../images/pages/front/section06-bg-pc.png");
  }
}

.pf-Section06__Container {
  padding-inline: F-rem(6);
}
@media screen and (min-width: 768px) {
  .pf-Section06__Container {
    margin-inline: auto;
    max-width: 61.25rem;
    padding-inline: 30px;
  }
}

.pf-Section06__Headline02 {
  font-family: "游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho Pro", serif;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
  font-size: clamp(
    1.5rem,
    1.19vw + 0.9288rem,
    2rem
  );
  font-weight: 700;
  line-height: 1.5;
}

.pf-Section06__TitleWrap {
  display: block;
  width: clamp(
    15.6875rem,
    51.93vw + -9.2389rem,
    37.5rem
  );
  margin-inline: auto;
  aspect-ratio: 4.3275862069;
}
@media screen and (min-width: 768px) {
  .pf-Section06__TitleWrap {
    aspect-ratio: 13.6363636364;
  }
}

.pf-Section06__TitleImage,
.pf-Section06__StandardImage,
.pf-Section06__OptionImage,
.pf-Section06__CaptionImage {
  -o-object-fit: contain;
     object-fit: contain;
}

.pf-Section06__StandardWrap,
.pf-Section06__OptionWrap {
  margin-inline: auto;
  width: 100%;
  aspect-ratio: 1.9946808511;
  display: block;
}
@media screen and (min-width: 768px) {
  .pf-Section06__StandardWrap,
.pf-Section06__OptionWrap {
    width: clamp(
    33.75rem,
    56.1vw + 6.822rem,
    57.3125rem
  );
  }
}

.pf-Section06__StandardWrap {
  margin-top: 2.125rem;
}
@media screen and (min-width: 768px) {
  .pf-Section06__StandardWrap {
    margin-top: 2.25rem;
    aspect-ratio: 2.2925;
  }
}

.pf-Section06__OptionWrap {
  margin-top: 2.625rem;
  aspect-ratio: 1.5368852459;
}
@media screen and (min-width: 768px) {
  .pf-Section06__OptionWrap {
    margin-top: 3.375rem;
    aspect-ratio: 2.0198237885;
  }
}

.pf-Section06__CaptionWrap {
  margin-top: 0.75rem;
  margin-inline: auto;
  aspect-ratio: 1.937007874;
  display: block;
}
@media screen and (min-width: 768px) {
  .pf-Section06__CaptionWrap {
    margin-top: 2.375rem;
    width: clamp(
    25.3125rem,
    42.11vw + 5.0997rem,
    43rem
  );
    aspect-ratio: 2.2557377049;
  }
}

.pf-Section06__Note {
  margin-top: 1.125rem;
  letter-spacing: 0.05em;
  padding-inline: 0.4375rem;
}
@media screen and (min-width: 768px) {
  .pf-Section06__Note {
    margin-top: 2.5rem;
    padding-inline: unset;
  }
}

.pf-Section07 {
  padding-top: clamp(
    0rem,
    9.52vw + -4.5696rem,
    4rem
  );
  padding-bottom: clamp(
    1.875rem,
    4.46vw + -0.2658rem,
    3.75rem
  );
}
@media screen and (min-width: 768px) {
  .pf-Section07 {
    position: relative;
  }
  .pf-Section07::before {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: clamp(
    14.6875rem,
    34.82vw + -2.0261rem,
    29.3125rem
  );
    aspect-ratio: 0.7564516129;
    background-image: url("../images/pages/front/section07-doctor.png");
    background-size: cover;
    background-repeat: no-repeat;
    content: "";
  }
  .pf-Section07::after {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 0;
    width: clamp(
    15.9375rem,
    38.1vw + -2.3505rem,
    31.9375rem
  );
    aspect-ratio: 0.8241935484;
    background-image: url("../images/pages/front/section07-bed.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right bottom;
    content: "";
  }
}

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

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

.pf-Section07__Headline02 {
  margin-top: 0.9375rem;
}

.pf-Section07__Headline02ImageWrap {
  display: block;
  margin-inline: auto;
  width: clamp(
    21.5rem,
    11.01vw + 16.2152rem,
    26.125rem
  );
  aspect-ratio: 4.7777777778;
}
@media screen and (min-width: 768px) {
  .pf-Section07__Headline02ImageWrap {
    aspect-ratio: 3.4833333333;
  }
}

.pf-Section07__Headline02Image {
  -o-object-fit: contain;
     object-fit: contain;
}

.pf-Section07__Caption {
  margin-top: clamp(
    0.9375rem,
    0.82vw + 0.5439rem,
    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.49vw + 0.1598rem,
    1.5rem
  );
  line-height: 1.5;
  letter-spacing: 0.05em;
  text-decoration: underline;
}

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

.pf-Section07__Writing {
  margin-top: 1.875rem;
  max-width: clamp(
    31.25rem,
    23.66vw + 19.8932rem,
    41.1875rem
  );
  margin-inline: auto;
  font-size: clamp(
    0.875rem,
    0.3vw + 0.731rem,
    1rem
  );
  line-height: 1.7142857143;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px) {
  .pf-Section07__Writing {
    max-width: clamp(
    24.375rem,
    40.03vw + 5.1606rem,
    41.1875rem
  );
    margin-top: 1.5rem;
    line-height: 1.875;
    letter-spacing: 0.04em;
  }
}

.pf-Section07__Memo {
  margin-top: clamp(
    1rem,
    0.6vw + 0.712rem,
    1.25rem
  );
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
  font-size: clamp(
    0.625rem,
    0.3vw + 0.481rem,
    0.75rem
  );
  line-height: 1.6;
  letter-spacing: 0em;
}
@media screen and (min-width: 768px) {
  .pf-Section07__Memo {
    line-height: 1.8333333333;
    letter-spacing: 0.05em;
    margin-inline: auto;
  }
}

.pf-Section09 {
  background-image: url("../images/pages/front/section09-bg-sp.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 100% 100%;
}
@media screen and (min-width: 768px) {
  .pf-Section09 {
    background-image: url("../images/pages/front/section09-bg-pc.png");
  }
}

.pf-Section09__ContainerWrap {
  margin-inline: auto;
  max-width: 1440px;
  padding-top: clamp(
    1.875rem,
    5.06vw + -0.5538rem,
    4rem
  );
  padding-bottom: clamp(
    1.875rem,
    4.46vw + -0.2658rem,
    3.75rem
  );
  position: relative;
}
.pf-Section09__ContainerWrap::before {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 0;
  width: clamp(
    16.375rem,
    6.62vw + 14.8234375rem,
    18rem
  );
  aspect-ratio: 0.5646258503;
  background-image: url("../images/pages/front/section09-bg_man-sp.png");
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
}
@media screen and (min-width: 768px) {
  .pf-Section09__ContainerWrap::before {
    width: clamp(
    30rem,
    51.19vw + 5.4288rem,
    51.5rem
  );
    aspect-ratio: 1.4507042254;
    background-image: url("../images/pages/front/section09-bg_man-pc.png");
    content: "";
  }
}

.pf-Section09__Container {
  max-width: 60rem;
  padding-inline: 15px;
  color: #ffffff;
}
@media screen and (min-width: 768px) {
  .pf-Section09__Container {
    margin-inline: auto;
    padding-inline: 30px;
  }
}

.pf-Section09__Headline02 {
  font-family: "游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho Pro", serif;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-size: clamp(
    1.5rem,
    2.38vw + 0.3576rem,
    2.5rem
  );
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px) {
  .pf-Section09__Headline02 {
    line-height: 1.5;
  }
}

.pf-Section09__Headline03Wrap {
  display: block;
  margin-left: 0;
  margin-top: clamp(
    0.625rem,
    0.89vw + 0.1978rem,
    1rem
  );
  width: clamp(
    17rem,
    19.05vw + 7.856rem,
    25rem
  );
  aspect-ratio: 9.0666666667;
}
@media screen and (min-width: 768px) {
  .pf-Section09__Headline03Wrap {
    aspect-ratio: 9.0666666667;
  }
}

.pf-Section09__Headline03 {
  -o-object-fit: contain;
     object-fit: contain;
}

.pf-Section09__Writing01,
.pf-Section09__Writing02 {
  font-size: clamp(
    0.875rem,
    0.3vw + 0.731rem,
    1rem
  );
  line-height: 2;
  letter-spacing: 0.05em;
}

.pf-Section09__Writing01 {
  margin-top: 1.625rem;
  width: 50%;
}
@media screen and (min-width: 768px) {
  .pf-Section09__Writing01 {
    max-width: clamp(
    31.25rem,
    17.26vw + 22.9652rem,
    38.5rem
  );
    width: unset;
    margin-top: 2.5rem;
  }
}

.pf-Section09__Writing02 {
  max-width: clamp(
    30.625rem,
    18.75vw + 21.625rem,
    38.5rem
  );
}

.pf-Section10 {
  background-image: url(../images/pages/front/section10-bg-sp.png);
  padding-top: clamp(
    1.875rem,
    4.46vw + -0.2658rem,
    3.75rem
  );
  padding-bottom: clamp(
    1.875rem,
    4.46vw + -0.2658rem,
    3.75rem
  );
}
@media screen and (min-width: 768px) {
  .pf-Section10 {
    background-image: url(../images/pages/front/section10-bg-pc.png);
  }
}

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

.pf-Section10__Headline02 {
  font-family: "游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho Pro", serif;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
  font-size: clamp(
    1.5rem,
    1.19vw + 0.9288rem,
    2rem
  );
  font-weight: 700;
  line-height: 1.5;
}

.pf-Section10__Headline03Wrap {
  display: block;
  margin-top: 0.625rem;
  margin-inline: auto;
  width: clamp(
    21.75rem,
    36.76vw + 4.1052rem,
    37.1875rem
  );
  aspect-ratio: 9.7333333333;
}
@media screen and (min-width: 768px) {
  .pf-Section10__Headline03Wrap {
    margin-top: 1.25rem;
    aspect-ratio: 13.5227272727;
  }
}

.pf-Section10__Headline03 {
  -o-object-fit: contain;
     object-fit: contain;
}

.pf-section10__Writing {
  margin-top: 1.25rem;
  font-size: clamp(
    0.875rem,
    0.3vw + 0.731rem,
    1rem
  );
  line-height: 2;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px) {
  .pf-section10__Writing {
    text-align: center;
  }
}
@media screen and (min-width: 768px) {
  .pf-section10__Writing {
    margin-top: 2.5rem;
  }
}

.pf-Offer {
  padding-top: clamp(
    1.875rem,
    4.46vw + -0.2658rem,
    3.75rem
  );
  padding-bottom: clamp(
    1.875rem,
    4.46vw + -0.2658rem,
    3.75rem
  );
  background-image: url("../images/pages/front/offer-bg-sp.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
@media screen and (min-width: 768px) {
  .pf-Offer {
    background-image: url("../images/pages/front/offer-bg-pc.png");
  }
}

.pf-Offer__Container {
  padding-inline: 0.5625rem;
}
@media screen and (min-width: 768px) {
  .pf-Offer__Container {
    margin-inline: auto;
    max-width: 51.875rem;
    padding-inline: 30px;
  }
}

.pf-Offer__Headline02 {
  font-family: "游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho Pro", serif;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
  font-size: clamp(
    1.5rem,
    1.19vw + 0.9288rem,
    2rem
  );
  font-weight: 700;
  line-height: 1.5;
}

.pf-Offer__TableNotion {
  margin-top: 1.25rem;
  margin-left: auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-size: clamp(
    0.625rem,
    0.3vw + 0.481rem,
    0.75rem
  );
  line-height: 1.5;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px) {
  .pf-Offer__TableNotion {
    margin-top: 0.4375rem;
    padding-right: 0.25rem;
    line-height: 1.5;
  }
}

.pf-Offer__Writing01,
.pf-Offer__Writing02 {
  font-size: clamp(
    0.875rem,
    0.89vw + 0.4478rem,
    1.25rem
  );
  line-height: 1.6;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px) {
  .pf-Offer__Writing01,
.pf-Offer__Writing02 {
    line-height: 1.6;
  }
}

.pf-Offer__Writing01 {
  margin-top: 1.25rem;
}

.pf-Offer__Writing02 {
  margin-top: clamp(
    1.25rem,
    1.79vw + 0.3908rem,
    2rem
  );
}

.pf-Offer__Notion {
  margin-top: 1.25rem;
  font-size: clamp(
    0.625rem,
    0.3vw + 0.481rem,
    0.75rem
  );
  line-height: 1.5;
  letter-spacing: 0.05em;
}

.pf-Section11 {
  padding-top: clamp(
    2.0625rem,
    4.02vw + 0.1329rem,
    3.75rem
  );
  padding-bottom: clamp(
    1.875rem,
    4.46vw + -0.2658rem,
    3.75rem
  );
  background-color: #eef1f3;
  background-repeat: no-repeat;
  background-size: cover;
}

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

.pf-Section11__CaptionWrap {
  display: block;
  width: clamp(
    10.6875rem,
    6.55vw + 7.5435rem,
    13.4375rem
  );
  aspect-ratio: 5.0294117647;
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .pf-Section11__CaptionWrap {
    aspect-ratio: 6.1428571429;
  }
}

.pf-Section11__Caption {
  -o-object-fit: contain;
     object-fit: contain;
}

.pf-Section11__Caption-01 {
  color: #374b61;
  font-weight: 500;
  font-size: clamp(
    1.5rem,
    2.38vw + 0.3576rem,
    2.5rem
  );
  line-height: 1.15;
  letter-spacing: 0.08em;
}

.pf-Section11__Headline02 {
  margin-inline: auto;
  margin-top: clamp(
    0.4375rem,
    0.74vw + 0.0823rem,
    0.75rem
  );
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-size: clamp(
    1.5rem,
    1.19vw + 0.9288rem,
    2rem
  );
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.06em;
}

.pf-Section11__Information {
  margin-top: clamp(
    0.9375rem,
    1.93vw + 0.0111rem,
    1.75rem
  );
  margin-inline: auto;
  text-align: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-weight: 500;
  font-size: clamp(
    0.875rem,
    0.3vw + 0.731rem,
    1rem
  );
  line-height: 1.2;
  letter-spacing: 0.05em;
}

.pf-Section11__Body {
  margin-top: clamp(
    1.75rem,
    1.49vw + 1.0348rem,
    2.375rem
  );
}

.pf-Section11__FlowWrap {
  margin-inline: auto;
  width: 92%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media screen and (min-width: 768px) {
  .pf-Section11__FlowWrap {
    width: unset;
    flex-direction: row;
  }
}

.pf-Section11__Item {
  width: 100%;
  aspect-ratio: 1.773480663;
}
.pf-Section11__Item:not(:first-child) {
  margin-top: 0.75rem;
}
@media screen and (min-width: 768px) {
  .pf-Section11__Item {
    width: 17.125rem;
    aspect-ratio: 0.7248677249;
  }
  .pf-Section11__Item:not(:first-child) {
    margin-top: unset;
  }
}

.pf-Section11__ItemImage {
  -o-object-fit: contain;
     object-fit: contain;
}

.pf-Section11__IconWrap {
  height: 100%;
  padding-top: 4rem;
}

.pf-Section11__Icon-02,
.pf-Section11__Icon-03 {
  margin-block: auto;
  margin-inline: 0.625rem;
  width: 1.125rem;
  aspect-ratio: 0.6976744186;
  -webkit-mask-image: url(../images/pages/front/section11-arrow.svg);
          mask-image: url(../images/pages/front/section11-arrow.svg);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: contain;
          mask-size: contain;
  padding-top: 0.9375rem;
}

.pf-Section11__Icon-02 {
  background-color: #496174;
}

.pf-Section11__Icon-03 {
  background-color: #374b61;
}

.pf-Section11__ButtonWrap {
  display: block;
  margin-top: clamp(
    1.875rem,
    0vw + 1.875rem,
    1.875rem
  );
  margin-inline: auto;
  width: 100%;
  aspect-ratio: 6.1206896552;
}
@media screen and (min-width: 768px) {
  .pf-Section11__ButtonWrap {
    width: 32.375rem;
    aspect-ratio: 6.5405405405;
  }
}

.pf-Section11__Button {
  -o-object-fit: contain;
     object-fit: contain;
}

.pf-Section11__Notion01 {
  margin-top: clamp(
    1.25rem,
    2.38vw + 0.1076rem,
    2.25rem
  );
  text-align: center;
  font-weight: 500;
  font-size: clamp(
    1rem,
    0.6vw + 0.712rem,
    1.25rem
  );
  line-height: 1.2;
  letter-spacing: 0.05em;
}

.pf-Section11__Notion01-01 {
  letter-spacing: 0.08 em;
}

.pf-Section11__Notion02 {
  margin-top: 1.0625rem;
  margin-inline: calc(50% - 50vw);
  text-align: center;
  font-weight: 500;
  font-size: clamp(
    0.75rem,
    0.6vw + 0.462rem,
    1rem
  );
  line-height: 1.2;
  letter-spacing: 0em;
}
@media screen and (min-width: 768px) {
  .pf-Section11__Notion02 {
    margin-top: 0.875rem;
    letter-spacing: 0.05em;
  }
}

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

.pf-Attention__Container {
  padding-inline: 0.8125rem;
}
@media screen and (min-width: 768px) {
  .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.98vw + 0.6321rem,
    3.3125rem
  );
  padding-bottom: clamp(
    2rem,
    5.65vw + -0.712rem,
    4.375rem
  );
  padding-inline: clamp(
    0.375rem,
    5.36vw + -2.1978rem,
    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: #374b61;
  font-size: clamp(
    1.5rem,
    2.38vw + 0.3576rem,
    2.5rem
  );
  font-weight: 600;
  line-height: 1.0833333333;
}
@media screen and (min-width: 768px) {
  .pf-Attention__Headline02 {
    line-height: 1.5;
  }
}

.pf-Attention__Caption {
  margin-top: clamp(
    0.125rem,
    0.89vw + -0.3022rem,
    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.3vw + 0.731rem,
    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: 768px) {
  .pf-Attention__List {
    margin-top: 1.5rem;
    padding-inline: unset;
  }
}

.pf-Attention__Item {
  padding-block: clamp(
    0.875rem,
    0.89vw + 0.4478rem,
    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.3vw + 0.731rem,
    1rem
  );
  line-height: 2.1428571429;
  letter-spacing: 0;
  position: relative;
}
@media screen and (min-width: 768px) {
  .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: #374b61;
  background-size: cover;
  background-repeat: no-repeat;
  content: "";
}

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

.pf-Attention__Notion {
  margin-top: clamp(
    1.5rem,
    2.38vw + 0.3576rem,
    2.5rem
  );
  text-align: center;
  font-weight: 500;
  font-size: clamp(
    0.875rem,
    0.3vw + 0.731rem,
    1rem
  );
  line-height: 1.7142857143;
  letter-spacing: 0;
}
@media screen and (min-width: 768px) {
  .pf-Attention__Notion {
    padding-inline: unset;
  }
}

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

.pf-CTA {
  padding-top: clamp(
    1.875rem,
    10.42vw + -3.1266rem,
    6.25rem
  );
  padding-bottom: clamp(
    1.125rem,
    12.95vw + -5.091rem,
    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: 768px) {
  .pf-CTA {
    background-image: url("../images/pages/front/cta-bg.png");
  }
}

@media screen and (min-width: 768px) {
  .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: 768px) {
  .pf-CTA__Container-01 {
    padding-inline: 30px;
  }
}

.pf-CTA__Container-02 {
  padding-inline: 0.75rem;
  max-width: 48.125rem;
}
@media screen and (min-width: 768px) {
  .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.68vw + 0.2136rem,
    2.625rem
  );
  font-weight: 400;
  line-height: 1.6666666667;
  letter-spacing: 0;
}
@media screen and (min-width: 768px) {
  .pf-CTA__Headline02 {
    line-height: 1.4523809524;
  }
}

.pf-CTA__Button {
  margin-top: clamp(
    1.0625rem,
    1.49vw + 0.3473rem,
    1.6875rem
  );
  margin-inline: auto;
  width: clamp(
    20.5rem,
    23.36vw + 9.2872rem,
    30.3125rem
  );
  border-radius: 0.25rem;
  background: linear-gradient(88.6deg, #009fba 0%, #006e81 68.48%);
  padding-top: clamp(
    0.6875rem,
    1.34vw + 0.0443rem,
    1.25rem
  );
  padding-bottom: clamp(
    0.6875rem,
    1.19vw + 0.1163rem,
    1.1875rem
  );
  padding-inline: clamp(
    0.5rem,
    4.46vw + -1.6408rem,
    2.375rem
  );
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.6875rem;
}
@media (hover: hover) {
  .pf-CTA__Button:hover {
    background: #607d8b;
  }
}

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

.pf-CTA__Writing {
  margin-top: clamp(
    1.25rem,
    1.49vw + 0.5348rem,
    1.875rem
  );
  font-weight: 500;
  font-size: clamp(
    1rem,
    0.6vw + 0.712rem,
    1.25rem
  );
  line-height: 1.75;
  letter-spacing: 0.02em;
}
@media screen and (min-width: 768px) {
  .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.49vw + -0.0902rem,
    1.25rem
  );
  font-size: clamp(
    0.625rem,
    0.89vw + 0.1978rem,
    1rem
  );
  line-height: 1.6;
}
@media screen and (min-width: 768px) {
  .pf-CTA__Memo {
    line-height: 1.375;
  }
}

.pf-QA {
  padding-top: clamp(
    2.25rem,
    1.79vw + 1.3908rem,
    3rem
  );
  padding-bottom: clamp(
    2.375rem,
    3.27vw + 0.8054rem,
    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: 768px) {
  .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: #374b61;
  font-size: clamp(
    1.5rem,
    2.68vw + 0.2136rem,
    2.625rem
  );
  font-weight: 700;
  line-height: 1.6666666667;
  letter-spacing: 0;
}
@media screen and (min-width: 768px) {
  .pf-QA__Headline02 {
    line-height: 1.4523809524;
  }
}

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

.pf-QA__Item {
  background-color: #ffffff;
  padding-top: clamp(
    0.75rem,
    2.68vw + -0.5364rem,
    1.875rem
  );
  padding-bottom: clamp(
    0.75rem,
    2.68vw + -0.5364rem,
    1.875rem
  );
  padding-inline: clamp(
    0.625rem,
    1.49vw + -0.0902rem,
    1.25rem
  );
}
.pf-QA__Item:not(:first-child) {
  margin-top: 1.8125rem;
}
@media screen and (min-width: 768px) {
  .pf-QA__Item:not(:first-child) {
    margin-top: 1.875rem;
  }
}

.pf-QA__ItemIndexWrap {
  position: relative;
  border-bottom: 1px solid #374b61;
  padding-block: 15px;
}
.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: "";
}
@media screen and (min-width: 768px) {
  .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.6vw + 0.712rem,
    1.25rem
  );
  line-height: 1.7;
  letter-spacing: 0em;
}
@media screen and (min-width: 768px) {
  .pf-QA__ItemIndex {
    padding-left: 3.5rem;
  }
}

.pf-QA__ItemBody {
  margin-top: clamp(
    1.6875rem,
    1.93vw + 0.7611rem,
    2.5rem
  );
  padding-left: 7px;
  font-weight: 500;
  font-size: clamp(
    0.875rem,
    0.3vw + 0.731rem,
    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 #333333;
  border-bottom: 1px solid #333333;
}

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

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