@charset "UTF-8";
:root {
  --color-primary: #52a8b3;
  --color-primary-light: #eaf4f5;
  --color-primary-light2: #b8e7ed;
  --color-alert: #e40000;
  --color-body: #0f0f0f;
  --color-white: #ffffff;
  --color-body-light: #4a5152;
  --color-shadow: rgb(159 159 159 / .5);
  --background-body: var(--color-primary);
  --background-main: var(--color-white);
  --background-header: var(--color-white);
  --background-gray: #e2e2e2;
  --gutter-main: 1.5rem;
  --line-height-body: 1.75;
  --line-height-s: 1.5;
  --font-size-body: 16px;
  --wrapper-width: 520px;
  --wrapper-width-s: 414px;
  --design-width: 390;
  --border-radius-xs: 2px;
  --border-radius-s: 4px;
  --border-radius-m: 8px;
  --border-radius-l: 16px;
  --letter-spacing-xs: 0.01em;
  --letter-spacing-s: 0.05em;
  --letter-spacing-l: 0.1em;
  --cv-background: rgb(255 255 255 / .9);
  --primary-border: var(--color-primary);
  --primary-background: var(--color-primary);
  --primary-gradient: linear-gradient(#fff 0%, #d8ecef 100%);
  --white-gradient: linear-gradient(#fff 0%, #f5f5f5 100%);
  --button-background: var(--color-white);
  --button-color: var(--color-body);
  --button-icon: var(--primary-background);
  --button-primary-background: var(--primary-background);
  --button-primary-color: var(--color-white);
  --button-primary-icon: var(--color-white);
  --button-document-border: #707070;
  --header-border: #dfeaeb;
  --gnav-background: var(--color-primary);
  --gnav-color: var(--color-white);
  --gnav-border: rgb(255 255 255 / .5);
  --gnav-border-current: rgb(255 255 255 / 1);
  --scroll-transition-duration: 1s;
}

.p-faq__item > dt {
  cursor: pointer;
  transition: all 0.3s ease-out;
}
.p-faq__item > dt:hover {
  opacity: 0.6;
}

html {
  font-size: var(--font-size-body);
}

body {
  line-height: var(--line-height-body);
  font-family: "Noto Sans JP", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  font-size: 100%;
  font-weight: 500;
  background: var(--background-body);
  color: var(--color-body);
}

.p-bg-fixed {
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  background: url("../images/bg.jpg") no-repeat center center/cover;
}
@media screen and (max-width: 581px) {
  .p-bg-fixed {
    display: none;
  }
}

.p-bg-fixed__nav {
  display: grid;
  align-content: center;
  position: absolute;
  top: 0;
  left: 0;
  width: calc(50% - 260px);
  height: 100%;
  padding-right: 4.2105263158vw;
  padding-left: 2.1052631579vw;
}
@media screen and (max-width: 1080px) {
  .p-bg-fixed__nav {
    display: none;
  }
}
.p-bg-fixed__nav .p-gnav {
  width: clamp(240px, 100%, 420px);
  margin-right: 0;
  margin-left: auto;
  padding: 0;
  background: transparent;
}
.p-bg-fixed__nav .p-gnavList__link::after {
  background-image: url("../images/ico_arrow_primary.svg");
  background-color: var(--button-primary-icon);
}

@media screen and (max-width: 990px) {
  .p-bg-fixed__logo,
  .p-bg-fixed__nav {
    display: none;
  }
}

.l-wrapper {
  position: relative;
  z-index: 1;
  max-width: var(--wrapper-width);
  margin: 0 auto;
  background: var(--background-main);
  box-shadow: 0 0 200px rgba(97, 97, 97, 0.12);
  transition: background-color var(--scroll-transition-duration) ease, color var(--scroll-transition-duration) ease;
}
body.is-color-inverted .l-wrapper {
  background-color: var(--primary-background);
}

.c-inner {
  padding: 0 var(--gutter-main);
}

.c-video iframe {
  display: block;
  width: 100%;
  height: 100%;
  aspect-ratio: 16/9;
}

.l-footer {
  position: relative;
  background: #fff;
  padding: 1.75rem 1.25rem 1.25rem;
}

.p-footerLogo a {
  display: block;
  width: 187px;
  margin-inline: auto;
  line-height: 1;
}
.p-footerLogo a img {
  width: 100%;
  height: auto;
}

.p-bottomNotes {
  padding-top: 1.4375rem;
  padding-bottom: 2.5rem;
}

.p-bottomNotes__another {
  padding-bottom: 2.5rem;
}

.p-copyright {
  margin-top: 1rem;
  text-align: center;
  line-height: 1;
}
.p-copyright small {
  font-size: 0.625rem;
}

.l-header {
  border-bottom: 1px solid var(--header-border);
}
.l-header .l-header__inner {
  display: flex;
  align-items: center;
  position: relative;
  z-index: 100;
  width: 100%;
  height: 64px;
  padding-right: 64px;
  background: var(--background-header);
}
@media screen and (min-width: 1081px) {
  .l-header .l-header__inner {
    justify-content: center;
    padding-right: 0;
  }
}
.l-header .p-headerLogo {
  padding: 0 16px;
}
.l-header .p-headerLogo img {
  max-width: 301px;
  height: auto;
}

.p-spMenu {
  position: fixed;
  top: 10px;
  right: calc(50% - 250px);
  z-index: 101;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 46px;
  height: 46px;
  padding-top: 4px;
  border: 1px solid var(--header-border);
  border-radius: 50%;
  background-color: #fff;
  appearance: none;
  transition: all 0.3s ease-out;
}
@media screen and (min-width: 1081px) {
  .p-spMenu {
    display: none;
  }
}
@media screen and (max-width: 580px) {
  .p-spMenu {
    right: 10px;
  }
}
.p-spMenu .hamburger-button {
  cursor: pointer;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 29px;
  height: 12px;
  padding: 0;
  transition: background-color 0.3s ease;
}
.p-spMenu .hamburger-button .hamburger-button-line {
  display: block;
  width: 29px;
  height: 1px;
  background-color: var(--primary-border);
  transition: transform 0.3s ease;
  transform-origin: center;
}
.p-spMenu .hamburger-button .hamburger-button-line:first-child {
  transform: translateY(-3.5px) rotate(0);
}
.p-spMenu .hamburger-button .hamburger-button-line:last-child {
  transform: translateY(3.5px) rotate(0);
}
.p-spMenu.is-active .hamburger-button-line:first-child {
  transform: translateY(1px) rotate(20.5deg);
}
.p-spMenu.is-active .hamburger-button-line:last-child {
  transform: translateY(0) rotate(-20.5deg);
}
.p-spMenu .hamburger-button-text {
  margin-top: 3px;
  line-height: 1.4;
  font-size: 0.625rem;
  font-weight: 700;
  color: var(--color-body);
  letter-spacing: -0.03em;
}

.p-gnav {
  height: 100%;
  max-width: var(--wrapper-width);
  margin-inline: auto;
  overflow-y: auto;
  padding: 104px 24px 120px;
  background: var(--gnav-background);
  color: var(--gnav-color);
}

.p-gnav__title {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 1.5rem;
  line-height: 1.45;
}
.p-gnav__title .main {
  font-size: 1.25rem;
  font-weight: 700;
  letter-spacing: 0.02em;
}
.p-gnav__title .small {
  line-height: 1.429;
  font-size: 0.875rem;
  font-weight: 500;
}

.p-gnavList {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 0.8125rem;
  letter-spacing: var(--letter-spacing-l);
}

.p-gnavList__item {
  border-bottom: 1px solid var(--gnav-border);
}
.p-gnavList__item--current {
  border-bottom-width: 3px;
  border-bottom-color: var(--gnav-border-current);
}
.p-gnavList__item.p-gnavList__plan {
  border-bottom-width: 0;
}

.p-gnavList__children {
  display: grid;
  grid-template-columns: 1fr;
  padding-left: 20px;
  row-gap: 0.8125rem;
}

.p-gnavList__heading {
  margin: 28px 0 12px;
  line-height: 1.5;
}

.p-gnavList__link {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.9375rem 0;
  color: currentColor;
  text-decoration: none;
  line-height: var(--line-height-s);
  transition: opacity 0.2s ease;
}
@media (hover: hover) {
  .p-gnavList__link:hover {
    opacity: 0.6;
  }
}
.p-gnavList__children .p-gnavList__link {
  padding-left: 0.625rem;
}
.p-gnavList__link::after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  border-radius: var(--border-radius-xs);
  background: url("../images/ico_arrow_white.svg") no-repeat center center var(--primary-background);
  background-size: 11px 9px;
}

.l-menu {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  transform: translateY(-100%);
  transition: transform 0.4s ease, visibility 0.5s, opacity 0.5s;
  opacity: 0;
  visibility: hidden;
  z-index: 99;
}
@media screen and (min-width: 1081px) {
  .l-menu {
    display: none;
  }
}
.l-menu.is-active {
  transform: translateY(0);
  visibility: visible;
  opacity: 1;
}

.p-subMenuButton {
  position: fixed;
  top: 0.5rem;
  right: calc(50% - 191px);
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 11.375rem;
  height: 3.125rem;
  padding: 0.875rem;
  border: 1px solid var(--header-border);
  border-radius: 12px;
  background: var(--color-white);
  appearance: none;
  font-size: 0.875rem;
  font-weight: 500;
  z-index: 98;
  transition: all 0.3s ease-out;
}
@media screen and (min-width: 1081px) {
  .p-subMenuButton {
    display: none;
  }
}
@media screen and (max-width: 580px) {
  .p-subMenuButton {
    right: 69px;
  }
}
.p-subMenuButton::after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  border: 1px solid var(--primary-border);
  border-radius: var(--border-radius-xs);
  background: url("../images/ico_arrow_primary.svg") no-repeat center center var(--button-primary-icon);
  background-size: 12px 10px;
  transform: rotate(90deg);
}
.p-subMenuButton.is-active::after {
  transform: rotate(-90deg);
}

.l-subMenu {
  position: fixed;
  top: 4rem;
  right: calc(50% - 245px);
  width: 14.75rem;
  padding: 0.9375rem 1.6875rem;
  border: 1px solid var(--header-border);
  border-radius: 12px;
  background: var(--color-white);
  transition: visibility 0.5s, opacity 0.5s;
  opacity: 0;
  visibility: hidden;
  z-index: 98;
}
@media screen and (min-width: 1081px) {
  .l-subMenu {
    display: none;
  }
}
@media screen and (max-width: 580px) {
  .l-subMenu {
    right: 0.9375rem;
  }
}
.l-subMenu.is-active {
  visibility: visible;
  opacity: 1;
}

.p-subMenuList {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 0.75rem;
  font-size: 0.875rem;
  line-height: 1.429;
}

.p-subMenuList__item:not(:last-child) {
  border-bottom: 1px solid rgba(82, 179, 179, 0.5);
}

.p-subMenuList__children {
  display: grid;
  grid-template: 1fr;
  padding-left: 20px;
  row-gap: 0.8125rem;
}

.p-subMenuList__heading {
  margin: 28px 0 12px;
  line-height: 1.5;
}

.p-subMenuList__link {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.75rem 0;
  color: currentColor;
  text-decoration: none;
  transition: opacity 0.2s ease;
}
@media (hover: hover) {
  .p-subMenuList__link:hover {
    opacity: 0.6;
  }
}
.p-subMenuList__link::after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  border: 1px solid var(--primary-border);
  border-radius: var(--border-radius-xs);
  background: url("../images/ico_arrow_primary.svg") no-repeat center center var(--button-primary-icon);
  background-size: 12px 10px;
}

.p-mv__text {
  display: grid;
  grid-template-columns: 1fr;
  padding: calc(42 / var(--design-width) * 100%) 0 calc(63 / var(--design-width) * 100%);
  text-align: center;
}

.p-mv__catch img {
  width: calc(239 / var(--design-width) * 100%);
  height: auto;
}

.p-mv__title {
  margin: 0;
  padding-top: calc(46 / var(--design-width) * 100%);
}
.p-mv__title img {
  width: calc(290 / var(--design-width) * 100%);
  height: auto;
}

.p-mv__img img {
  width: 100%;
  height: auto;
}

.p-intro {
  padding: 5rem 0 6.875rem;
}

.p-intro__video {
  display: grid;
  justify-content: center;
}
.p-intro__video img, .p-intro__video video {
  width: 100%;
  height: auto;
}

.p-cvFixed {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 200;
  width: 100%;
  text-align: center;
}

.p-cvFixed__inner {
  margin-inline: auto;
  max-width: var(--wrapper-width);
  background: var(--cv-background);
}
.p-cvFixed__inner.p-cvArea {
  padding-top: 1.125rem;
  padding-bottom: 1.125rem;
}

.p-cvArea {
  display: flex;
  justify-content: center;
  padding: 4.25rem 1.875rem;
}

.c-button {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 1.375rem;
  border: 2px solid var(--primary-border);
  border-radius: var(--border-radius-m);
  background: var(--color-white);
  color: var(--button-color);
  text-decoration: none;
  box-shadow: 0px 4px 0px var(--color-shadow);
  letter-spacing: 0.1em;
  transition: opacity 0.2s ease;
}
@media (hover: hover) {
  .c-button:hover {
    opacity: 0.6;
  }
}
.c-button--another {
  line-height: 1.45;
}
.c-button::after {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  border-radius: var(--border-radius-xs);
  background: url("../images/ico_arrow_white.svg") no-repeat center center var(--button-icon);
  background-size: 12px 10px;
}

.c-button--cv {
  max-width: 350px;
  padding: 1rem 1.875rem 1rem;
  background: var(--primary-background);
  color: var(--button-primary-color);
  letter-spacing: 0;
}
.c-button--cv::after {
  width: 16px;
  height: 16px;
  border-radius: var(--border-radius-xs);
  background-image: url("../images/ico_arrow_primary.svg");
  background-color: var(--button-primary-icon);
  background-size: 9px 8px;
}
body.is-color-inverted .c-button--cv {
  background-color: var(--button-primary-color);
  color: var(--button-primary-background);
  transition: background-color var(--scroll-transition-duration) ease, color var(--scroll-transition-duration) ease, opacity var(--scroll-transition-duration) ease;
}
body.is-color-inverted .c-button--cv::after {
  background-image: url("../images/ico_arrow_white.svg");
  background-color: var(--button-primary-background);
  transition: background-color var(--scroll-transition-duration);
}

.c-button__label em {
  font-size: 1.25em;
  font-style: normal;
}
.c-button--cv .c-button__label {
  padding-left: 0.8125rem;
}

.c-buttonGroup {
  display: flex;
  row-gap: 1.75rem;
}
.c-buttonGroup--vertical {
  flex-direction: column;
}

.c-dotList {
  font-weight: normal;
}
.c-dotList > li {
  padding-left: 1em;
  text-indent: -1em;
  line-height: 1.5;
}
.c-dotList > li:before {
  content: "・";
}

.c-noteList {
  font-weight: normal;
}
.c-noteList > li {
  padding-left: 1em;
  text-indent: -1em;
  line-height: 1.5;
  font-size: 0.75rem;
}
.c-noteList > li:before {
  content: "※";
}
.c-noteList--number {
  counter-reset: count;
}
.c-noteList--number > li {
  padding-left: 2em;
  text-indent: -2em;
  counter-increment: count;
}
.c-noteList--number > li:before {
  margin-right: 0.5em;
  content: "※" counter(count);
}

.c-linkList a {
  text-decoration: underline;
}
@media (hover: hover) {
  .c-linkList a:hover {
    text-decoration: none;
  }
}

.p-pagetop {
  position: absolute;
  top: -1.5625rem;
  right: var(--gutter-main);
}

.p-pagetop__button {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  row-gap: 0.125rem;
  width: 3.125rem;
  height: 3.125rem;
  border: 1px solid #dfeaeb;
  border-radius: 50%;
  background: var(--color-white);
  text-align: center;
  line-height: 1;
  font-size: 0.625rem;
  font-weight: 500;
}
.p-pagetop__button::before {
  content: "";
  display: block;
  width: 14px;
  height: 17px;
  background: url("../images/ico_arrow_pagetop.svg") no-repeat center center;
  background-size: 14px 17px;
}

.c-headingGroup {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 1.25rem;
}

.c-headingGroup__main {
  grid-row: 2/3;
  font-weight: 500;
}

.c-headingGroup__sub {
  grid-row: 1/2;
}

.p-about {
  padding: 5rem 0 0.75rem;
}
.p-about .c-headingGroup {
  margin-bottom: 3.125rem;
}

.p-about__lead {
  position: relative;
}

.p-about__text {
  position: absolute;
  bottom: 4.375rem;
  z-index: 1;
}

.p-about__notes {
  position: absolute;
  bottom: 0;
  z-index: 1;
  width: 100%;
  padding: 1.5625rem var(--gutter-main) 0.875rem;
  background: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  font-size: 0.75rem;
  font-weight: 400;
  color: #fff;
}

.p-bgTextGroup {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 0.5rem;
}

.p-bgText {
  line-height: 2.1875rem;
}

.p-bgText__line {
  display: inline;
  padding: 0.2em 0.25em;
  border-radius: var(--border-radius-s);
  background: var(--background-main);
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
  font-size: 1.5rem;
}

.p-about__bg {
  position: relative;
}
.p-about__bg img {
  width: 100%;
  height: auto;
}

.p-about__summary {
  padding-top: 3.75rem;
}

.p-about__summary__box {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 3rem;
  padding: 1.875rem 1.625rem 3.625rem;
  border: 2px solid var(--primary-border);
  border-radius: var(--border-radius-l);
}

.p-stepList {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 2.5rem;
  list-style: none;
}

.p-stepItem {
  position: relative;
  margin-top: 36px;
  padding: 3.4375rem 0.9375rem 1.9375rem;
  border: 1px solid var(--primary-border);
  border-radius: var(--border-radius-l);
  transition: border-color var(--scroll-transition-duration) ease;
}
body.is-color-inverted .p-stepItem {
  border-color: var(--color-white);
}
.p-stepItem .c-noteList {
  margin-top: 0.75rem;
}

.p-stepItem__title {
  margin-bottom: 1.25rem;
  line-height: 1.667;
  text-align: center;
}

.p-stepItem__titleNumber {
  display: grid;
  grid-template-columns: 1fr;
  place-content: center;
  position: absolute;
  top: -36px;
  left: 50%;
  width: 72px;
  height: 72px;
  margin-left: -36px;
  border: 1px solid var(--primary-border);
  border-radius: 50%;
  background: var(--background-main);
  line-height: 1;
  font-size: 0.8125rem;
  font-weight: 900;
  letter-spacing: var(--letter-spacing-s);
  transition: border-color var(--scroll-transition-duration) ease, background-color var(--scroll-transition-duration) ease;
}
body.is-color-inverted .p-stepItem__titleNumber {
  border-color: var(--color-white);
  background-color: var(--primary-background);
}
.p-stepItem__titleNumber > .number {
  font-size: 1.125rem;
}

.p-stepItem__titleText {
  font-size: 1.125rem;
  font-weight: 700;
}

.p-stepItem__buttons {
  display: grid;
  row-gap: 0.75rem;
  margin-top: 1.25rem;
}

.p-docButton {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 0.875rem 0.6875rem;
  border: 1px solid var(--button-document-border);
  border-radius: var(--border-radius-s);
  background: var(--color-white);
  color: var(--button-color);
  text-decoration: none;
  font-size: 0.75rem;
  transition: opacity 0.2s ease;
}
@media (hover: hover) {
  .p-docButton:hover {
    opacity: 0.6;
  }
}
.p-docButton::after {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: center center;
}
.p-docButton--video::after {
  background-image: url("../images/ico_video.svg");
  background-size: 16px 16px;
}
.p-docButton--pdf::after {
  background-image: url("../images/ico_pdf.svg");
  background-size: 16px 16px;
}
.p-docButton--link::after {
  border-radius: var(--border-radius-xs);
  background-image: url("../images/ico_arrow_white.svg");
  background-color: var(--primary-background);
  background-size: 9px 7px;
}

.p-plan {
  padding: 5rem 0;
}
.p-plan .c-headingGroup {
  margin-bottom: 4rem;
}

.p-carousel {
  display: flex;
  padding: 2.5rem 0;
  overflow: hidden;
}

.p-carousel__scroller {
  display: flex;
  flex-shrink: 0;
  animation-name: scroll-rtl;
  animation-timing-function: linear;
  animation-direction: normal;
  animation-iteration-count: infinite;
  animation-fill-mode: both;
}
.p-carousel__scroller--logo {
  animation-duration: 25s;
}
.p-carousel__scroller--logo .p-carousel__thumb {
  margin-inline: 1.5rem;
}
.p-carousel__scroller--photo {
  animation-duration: 30s;
}
.p-carousel__scroller--photo .p-carousel__thumb {
  margin-inline: 0.5rem;
  border-radius: var(--border-radius-m);
}

.p-carousel__thumb {
  flex-shrink: 0;
}

@keyframes scroll-rtl {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}
.c-headingGroup__sub {
  position: relative;
}

.p-imgDefault,
.p-imgInverted {
  transition: visibility var(--scroll-transition-duration) ease, opacity var(--scroll-transition-duration) ease;
}

.p-imgDefault {
  visibility: visible;
  opacity: 1;
}
body.is-color-inverted .p-imgDefault {
  visibility: hidden;
  opacity: 0;
}

.p-imgInverted {
  position: absolute;
  top: 0;
  left: 0;
  visibility: hidden;
  opacity: 0;
}
body.is-color-inverted .p-imgInverted {
  visibility: visible;
  opacity: 1;
}

.p-feature,
.p-flow,
.p-plan {
  transition: color var(--scroll-transition-duration) ease;
}
body:not(.is-color-inverted) .p-feature .p-bgTextGroup,
body:not(.is-color-inverted) .p-flow .p-bgTextGroup,
body:not(.is-color-inverted) .p-plan .p-bgTextGroup {
  background-color: var(--primary-background);
  color: var(--color-white);
  transition: background-color var(--scroll-transition-duration) ease, color var(--scroll-transition-duration) ease;
}
body.is-color-inverted .p-feature,
body.is-color-inverted .p-flow,
body.is-color-inverted .p-plan {
  color: var(--color-white);
}
body.is-color-inverted .p-feature .p-bgTextGroup,
body.is-color-inverted .p-flow .p-bgTextGroup,
body.is-color-inverted .p-plan .p-bgTextGroup {
  color: var(--color-body);
}

.p-feature {
  padding: 6.25rem 0 5rem;
}

.p-feature__lead {
  margin: 4rem 0 2rem;
  line-height: 1.5;
  text-align: center;
  letter-spacing: var(--letter-spacing-s);
  font-size: 1.5rem;
}

.p-feature__img {
  display: flex;
  justify-content: center;
  position: relative;
  margin-bottom: 2.0625rem;
}
.p-feature__img .p-imgInverted {
  left: auto;
}

.p-feature__intro {
  margin-top: 5.6875rem;
}
.p-feature__intro p {
  position: relative;
  z-index: 1;
}
.p-feature__intro .p-bgTextGroup {
  margin-bottom: -5rem;
}
.p-feature__intro .p-bgTextGroup {
  row-gap: 0.9375rem;
}
.p-feature__intro .p-bgText {
  line-height: 1.7;
}
.p-feature__intro .p-bgText__line {
  padding: 0.25em 0.3em;
  font-size: 1.375rem;
}

.p-feature__carousel {
  margin-inline: calc(var(--gutter-main) * -1);
}

.p-featureItem {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 2.5rem;
  margin-top: 7.5rem;
}

.p-featureItem__heading {
  position: relative;
  padding: 1.625rem;
  line-height: 1.455;
  text-align: center;
  font-size: 1.375rem;
}
.p-featureItem__heading > .text {
  display: block;
}
.p-featureItem__heading::before, .p-featureItem__heading::after,
.p-featureItem__heading > .text::before,
.p-featureItem__heading > .text::after {
  content: "";
  display: block;
  position: absolute;
  width: 20px;
  height: 20px;
  opacity: 0.5;
}
.p-featureItem__heading::before, .p-featureItem__heading::after {
  top: 0;
  border-top: 1px solid var(--color-white);
}
.p-featureItem__heading > .text::before,
.p-featureItem__heading > .text::after {
  bottom: 0;
  border-bottom: 1px solid var(--color-white);
}
.p-featureItem__heading::before,
.p-featureItem__heading > .text::before {
  left: 0;
  border-left: 1px solid var(--color-white);
}
.p-featureItem__heading::after,
.p-featureItem__heading > .text::after {
  right: 0;
  border-right: 1px solid var(--color-white);
}

.p-featureItem__img {
  display: grid;
  place-content: center;
  min-height: 380px;
  border-radius: var(--border-radius-l);
  background: var(--primary-gradient);
}
.p-featureItem__img img {
  max-width: 100%;
  height: auto;
}

.p-featureItem__box {
  padding: 1.625rem 1.25rem 1.875rem;
  border-radius: var(--border-radius-l);
  background: var(--white-gradient);
  color: var(--color-body);
}

.p-featureItem__heading2 {
  margin-bottom: 0.9375rem;
  line-height: 1.625;
  text-align: center;
  font-size: 1.5rem;
  font-weight: 700;
}

.p-featureFigure {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 2.125rem;
  margin-bottom: 2.5rem;
  text-align: center;
}
.p-featureFigure > img {
  margin-inline: auto;
}

.p-featureFigure__caption {
  color: var(--color-body-light);
  font-size: 0.875rem;
}

.p-flow {
  padding: 5.625rem 0;
}
.p-flow .c-headingGroup {
  margin-bottom: 5rem;
}

.p-contact {
  padding: 2.625rem 0;
  background: var(--color-primary-light);
}
.p-contact .c-noteList {
  margin-top: 1rem;
}

.p-contact__info {
  padding: 1.5em 1em;
  border-radius: var(--border-radius-l);
  border: 1px solid var(--primary-border);
  background: var(--background-main);
  font-size: 0.875rem;
}

.p-contact__infoTitle {
  margin-bottom: 1.25rem;
  font-weight: 700;
  text-align: center;
}

.p-contact__infoTel {
  margin-bottom: 0.5em;
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 1.429;
  text-align: center;
}
.p-contact__infoTel > small {
  display: block;
  line-height: 1.5;
  font-size: 0.625rem;
  font-weight: normal;
}
.p-contact__infoTel:not(:last-child) {
  margin-bottom: 1rem;
}

.p-contact__heading {
  margin-bottom: 1.75rem;
  text-align: center;
  font-weight: 700;
}

.l-breadcrumb {
  padding: 0.625rem 0;
}

.p-breadcrumbList {
  display: flex;
  flex-wrap: wrap;
  font-size: 0.625rem;
}
.p-breadcrumbList > li:not(:first-child)::before {
  padding: 0 0.4em;
  content: "/";
}
.p-breadcrumbList a {
  text-decoration: none;
  color: currentColor;
  transition: opacity 0.2s ease;
}
@media (hover: hover) {
  .p-breadcrumbList a:hover {
    opacity: 0.6;
  }
}

.p-planTitle {
  text-align: center;
  line-height: 1.458;
  margin: 1.375rem 0 1.5rem;
  font-size: 1.125rem;
  font-weight: 500;
}

.p-planTitle__main {
  font-size: 1.5rem;
  font-weight: 700;
  letter-spacing: var(--letter-spacing-s);
}

.p-planArea {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 0.75rem;
  margin-bottom: 3.375rem;
  padding: 1.125rem;
  border: 2px solid var(--primary-border);
  border-radius: var(--border-radius-l);
}
.p-planArea:has(+ .p-planName) {
  margin-bottom: 2.1875rem;
}

.p-planArea__title {
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 0.5em;
  text-align: center;
  line-height: 1.444;
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: var(--letter-spacing-l);
}
.p-planArea__title > strong {
  font-size: 1.5rem;
  font-weight: 700;
}

.p-planLead {
  margin-bottom: 2.5rem;
  text-align: center;
  line-height: 1.417;
  font-size: 1.5rem;
  letter-spacing: var(--letter-spacing-s);
}

.p-planName {
  margin-bottom: 0.875rem;
  text-align: center;
  letter-spacing: 0.02em;
  line-height: 1.143;
  font-size: 1.75rem;
  font-weight: 700;
}

.c-tabButtons {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 0.5rem;
}

.c-tab {
  --tab-default-background: var(--color-primary-light2);
  --tab-active-background: var(--color-white);
  --tab-actidefaultve-border: var(--color-primary-light2);
  --tab-active-border: var(--primary-border);
  display: block;
  padding: 0.375rem 0.5625rem 0.625rem;
  border: 2px solid var(--tab-default-background);
  border-bottom: none;
  border-radius: var(--border-radius-m) var(--border-radius-m) 0 0;
  background-color: var(--tab-default-background);
  cursor: pointer;
  transition: background-color 0.3s, border-color 0.3s;
  appearance: none;
}
.c-tab.is-active {
  background-color: var(--tab-active-background);
  border-color: var(--tab-active-border);
  box-shadow: 0px 2px 4px rgba(147, 147, 147, 0.5);
}

.c-tab__sub,
.c-tab__main {
  display: block;
  line-height: 1.333;
  font-weight: 700;
  text-align: center;
}

.c-tab__sub {
  margin-bottom: 0.375rem;
  padding-bottom: 0.3125rem;
  border-bottom: 1px dashed var(--primary-border);
  font-size: 0.75rem;
}

.c-tab__main {
  font-size: 1.125rem;
}

.c-tabContents {
  position: relative;
  border: 2px solid var(--primary-border);
  border-radius: var(--border-radius-l) var(--border-radius-l);
  background-color: var(--background-main);
  box-shadow: 0px 2px 4px rgba(147, 147, 147, 0.5);
}
.c-tabContents:has([data-tab-panel]) {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.c-tabContents:has([data-tab-panel])::before {
  content: "";
  display: block;
  position: absolute;
  top: -4px;
  z-index: 1;
  width: calc(50% - 0.375rem);
  height: 4px;
  background: var(--background-main);
}
.c-tabContents:has(#plan01.is-active)::before {
  left: 0;
}
.c-tabContents:has(#plan02.is-active)::before {
  right: 0;
}

.c-tabContents__panel {
  border-radius: 0 0 var(--border-radius-l) var(--border-radius-l);
  overflow: hidden;
}
.c-tabContents__panel[data-tab-panel] {
  display: none;
}
.c-tabContents__panel[data-tab-panel].is-active {
  display: block;
}

.p-planContainer {
  padding-bottom: 5rem;
}

.p-planMain {
  padding: 2.5rem 1.375rem;
  font-size: 0.75rem;
}
.p-planMain p:not(:last-child) {
  margin-bottom: 1.667em;
}

.p-planMain__title {
  width: fit-content;
  padding: 0.4375rem 2.1875rem;
  margin-inline: auto;
  margin-bottom: 2.5rem;
  border-radius: var(--border-radius-s);
  background: var(--primary-background);
  color: var(--color-white);
  font-size: 1.125rem;
  font-weight: 700;
  letter-spacing: var(--letter-spacing-xs);
}
.p-planMain__title--hidden {
  display: none;
}

.p-planMain__lead {
  margin-bottom: 2.5rem;
  line-height: 1.45;
  text-align: center;
  font-size: 1.25rem;
  font-weight: 500;
}

.p-planMain__heading {
  margin-bottom: 1.25rem;
  text-align: center;
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: var(--letter-spacing-xs);
}

.p-planMain__block {
  padding-top: 2.4375rem;
  border-top: 1px dashed;
}
.p-planMain__block:not(:last-child) {
  margin-bottom: 2.5rem;
}
.p-planMain__block--noBorder {
  padding-top: 0;
  border-top: none;
}
.p-planMain__block--bdPrimary {
  border-top-color: var(--primary-border);
}
.p-planMain__block--bdGray {
  border-top-color: rgba(100, 36, 3, 0.2);
}

.p-planMain__img {
  text-align: center;
}
.p-planMain__img--fixed01 {
  margin-bottom: 2.5rem;
}
.p-planMain__img--fixed02 {
  margin-bottom: 1.625rem;
}
.p-planMain__img--fixed03 {
  margin-bottom: 2.25rem;
}
.p-planMain__img--fixed04 {
  margin-bottom: 3.5rem;
}
.p-planMain__img--fixed05 {
  margin-bottom: 2.5rem;
}
.p-planMain__img--fixed06 {
  margin-bottom: 2.5rem;
}
.p-planMain__img--usage01 {
  margin-bottom: 3.75rem;
}
.p-planMain__img--usage02 {
  margin-bottom: 1.5rem;
}
.p-planMain__img--usage03 {
  margin-bottom: 1.25rem;
}
.p-planMain__img--usage04 {
  margin-bottom: 2.5rem;
}
.p-planMain__img--usage05 {
  margin-bottom: 2.5rem;
}
.p-planMain__img--usage06 {
  margin-bottom: 1.25rem;
}
.p-planMain__img img {
  max-width: 100%;
  height: auto;
}
.p-planMain__img .c-noteList {
  margin-top: 0.5rem;
}

.p-planAnchor {
  text-align: center;
}
.p-planAnchor--plan, .p-planAnchor--condition {
  margin-top: 2.5rem;
}

.p-planAnchor__link,
.p-planAnchor__scroll {
  display: inline-flex;
  align-items: center;
  column-gap: 0.75rem;
  text-decoration: underline;
  font-size: 0.875rem;
}
@media (hover: hover) {
  .p-planAnchor__link:hover,
  .p-planAnchor__scroll:hover {
    text-decoration: none;
  }
}
.p-planAnchor__link::after,
.p-planAnchor__scroll::after {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  border-radius: 2px;
  background-repeat: no-repeat;
  background-position: center center;
  background-color: var(--button-icon);
}

.p-planAnchor__link::after {
  background-image: url("../images/ico_arrow_white.svg");
  background-size: 9px 7px;
}

.p-planAnchor__scroll::after {
  background-image: url("../images/ico_arrow_down_white.svg");
  background-size: 7px 9px;
}

.p-infoBlock {
  display: grid;
  grid-template-columns: 1fr;
  padding: 2.0625rem 0.75rem 2.25rem;
  font-size: 0.75rem;
}
.p-infoBlock--condition, .p-infoBlock--campaign {
  row-gap: 1.5rem;
}
.p-infoBlock--condition {
  background: var(--color-primary-light);
}
.p-infoBlock--terms {
  background: var(--background-gray);
}
.p-infoBlock--campaign {
  background: var(--color-primary-light2);
}

.p-infoBlock__title {
  text-align: center;
  font-size: 0.875rem;
  font-weight: 700;
}
.p-infoBlock__title--left {
  text-align: left;
}

.p-infoBlock__heading {
  margin-bottom: 0.5rem;
  font-size: 0.875rem;
  font-weight: 700;
}
.p-infoBlock__heading:not(:first-child) {
  margin-top: 2rem;
}

.p-infoBlock__body {
  line-height: 1.5;
  font-size: 0.75rem;
  font-weight: normal;
}
.p-infoBlock__body p:not(:last-child),
.p-infoBlock__body ul:not(:last-child) {
  margin-bottom: 1.5em;
}
.p-infoBlock__body a {
  text-decoration: underline;
}

.p-bgSection {
  padding: 3.75rem 0;
}
.p-bgSection--catalog {
  background: var(--color-primary-light);
}
.p-bgSection--faq {
  background: var(--color-primary);
  color: var(--color-white);
}

.p-bgSection__title {
  display: flex;
  flex-direction: column;
  align-items: center;
  line-height: 1.458;
  margin-bottom: 2.5rem;
  font-size: 1.5rem;
  font-weight: 700;
  letter-spacing: var(--letter-spacing-l);
}
.p-bgSection__title::after {
  content: "";
  display: inline-block;
  width: 15px;
  height: 0;
  margin-top: 1.25rem;
  border-top: 1px solid;
}

.p-catalog {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 1.25rem;
  max-width: 240px;
  margin-inline: auto;
}

.p-catalog__thumb {
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}

.p-catalog__caption {
  margin-top: 1.125rem;
  line-height: 1.429;
  font-size: 0.875rem;
  font-weight: 700;
  letter-spacing: var(--letter-spacing-l);
}

.p-catalog__button .p-docButton {
  padding: 0.5625rem 0.6875rem;
  border-color: var(--primary-border);
}
.p-catalog__button .p-docButton::after {
  width: 20px;
  height: 20px;
  background-size: 20px 20px;
}

.p-faq__item {
  border-top: 1px solid rgba(255, 255, 255, 0.8);
  transition: all 0.3s ease;
}
.p-faq__item:last-child {
  border-bottom: 1px solid rgba(255, 255, 255, 0.8);
}
.p-faq__item.highlight {
  background: rgb(254.9488372093, 253.0046511628, 244.0511627907);
  border: 1px solid rgb(254.2372093023, 225.2511627907, 91.7627906977);
}
.p-faq__item > dt {
  display: grid;
  grid-template-columns: 1fr auto;
  column-gap: 3em;
  padding: 1.5625rem 0;
  font-size: 0.875rem;
  line-height: 1.429;
}
.p-faq__item > dt::after {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  border-radius: 2px;
  background: url("../images/ico_acd_open.svg") no-repeat center center var(--color-white);
  background-size: 8px 5px;
}
.p-faq__item > dt.active::after {
  background-image: url("../images/ico_acd_close.svg");
}
.p-faq__item > dt > span {
  position: relative;
  padding-left: 1.3em;
}
.p-faq__item > dt > span::before {
  content: "Q.";
  position: absolute;
  left: 0;
}
.p-faq__item > dd {
  border-top: 1px dashed rgba(255, 255, 255, 0.8);
  font-size: 13px;
  padding: 1rem 0 1.5rem 2.3rem;
  background-size: 28px;
  position: relative;
}
.p-faq__item > dd:before {
  content: "A";
  display: block;
  font-size: 18px;
  position: absolute;
  top: 0.8rem;
  left: 1rem;
}
.p-faq__item > dd p {
  margin-bottom: 1em;
}
.p-faq__item > dd p:last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 580px) {
  .p-faq__item > dd .mod_call {
    margin-left: -2.3rem;
    width: calc(100% + 2.3rem);
  }
}

.p-faq__buttons {
  display: grid;
  row-gap: 0.375rem;
}
.p-faq__buttons .p-docButton {
  border-color: var(--primary-border);
}

.p-faq__contact > dt {
  margin-top: 1.5em;
  padding-bottom: 0.5em;
}

.mod_call {
  padding: 2em 1em 2.2em;
  background: #fff;
  border-radius: 9px;
  text-align: center;
  line-height: 1;
  color: #111;
  text-decoration: none;
  display: inline-block;
  border: 1px solid #eee;
  width: 100%;
  position: relative;
}

.mod_call a {
  text-decoration: none;
}

.mod_call span {
  display: inline-block;
}

.mod_call .body {
  margin-top: 0.8em;
  display: flex;
  justify-content: center;
}

.mod_call .foot {
  margin-top: 0.1em;
}

.mod_call .title {
  font-weight: 700;
  color: #18185c;
  font-size: 1em;
}

.mod_call .fcmark {
  width: 2.2em;
  height: 100%;
  margin-right: 0.5em;
  transform: translateY(13%);
}

@media screen and (max-width: 769px) {
  .mod_call .fcmark {
    width: 9vw;
  }
}
.mod_call .fcmark svg {
  width: 100%;
  height: auto;
  vertical-align: bottom;
}

.mod_call .number {
  color: #111;
  font-size: 2.65em;
  font-family: "League Spartan", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}

.mod_call .number span {
  transform: translateY(-10%);
}

@media screen and (max-width: 769px) {
  .mod_call .number {
    font-size: 10vw;
  }
}
.mod_call .callex {
  font-size: 0.7em;
  opacity: 0.6;
  letter-spacing: 0.03em;
}

@media screen and (max-width: 769px) {
  .mod_call .callex {
    font-size: 3vw;
  }
}
.mod_call.small {
  padding: 1.5em 1em 1.6em;
}

.mod_call.small .fcmark {
  height: 1.8em;
  transform: translateY(17%);
}

@media screen and (max-width: 769px) {
  .mod_call.small .fcmark {
    width: 7vw;
  }
}
.mod_call.small .number {
  font-size: 2.65em;
}

@media screen and (max-width: 769px) {
  .mod_call.small .number {
    font-size: 8vw;
  }
}
.mod_call.small .callex {
  font-size: 0.7em;
}

@media screen and (max-width: 769px) {
  .mod_call.small .callex {
    font-size: 2.5vw;
  }
}
.u-alert {
  color: var(--color-alert);
  font-weight: 700;
}