@charset "UTF-8";
*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol,
dl,
li,
dt,
dd,
p,
div,
span,
img,
a,
table,
tr,
th,
td,
small,
button,
time,
figure {
  border: 0;
  font: inherit;
  font-size: 100%;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
}

html {
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

li,
dd {
  list-style-type: none;
}

header,
footer,
nav,
section,
article,
main,
aside,
figure,
figcaption {
  display: block;
}

img {
  border: none;
  vertical-align: bottom;
}

a {
  cursor: pointer;
  text-decoration: none;
}

/*----------------------------------
    16
-----------------------------------*/
/*----------------------------------
    clamp関数
-----------------------------------*/
/*----------------------------------
    fz-rem関数
-----------------------------------*/
/*----------------------------------
　　    pxをremに変換する関数
-----------------------------------*/
/*----------------------------------
　　    フォントサイズをレスポンシブにするmixin (pxをremに変換)
-----------------------------------*/
/*----------------------------------
使い方
@include responsive-font-size(16px, 24px, 375px, 1366px);
-----------------------------------*/
@-webkit-keyframes heartbeat {
  0%, 100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
}
@keyframes heartbeat {
  0%, 100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
}
html {
  scroll-behavior: smooth;
  scroll-padding-top: 63px;
  font-size: 16px;
}

body {
  -moz-text-size-adjust: 100%;
   -ms-text-size-adjust: 100%;
       text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  /* Safari */
  color: #333;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
}

video,
img,
svg {
  width: 100%;
  height: auto;
}

picture,
img,
a {
  display: inline-block;
}

span {
  display: inline;
}

a {
  text-decoration: none;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  /* 透過度の変化にアニメーションを適用 */
  color: inherit;
}
a:hover {
  opacity: 0.8;
  /* ホバー時の透過度を設定 */
}
@media screen and (min-width: 768px) {
  a:hover {
    cursor: pointer;
  }
}

@media (min-width: 768px) {
  a[href*="tel:"] {
    pointer-events: none;
    cursor: default;
  }
}
button {
  font: inherit;
  color: inherit;
  background: transparent;
  background: none;
  border: none;
}

.l-inner {
  padding-inline: 16px;
  max-width: 542px;
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .l-inner {
    max-width: 1366px;
    padding-inline: clamp(30px, 30px + (173) * (100vw - 768px) / (1920 - 768), 203px);
  }
}

.l-header {
  z-index: 997;
  position: fixed;
  right: 0;
  height: 45px;
  width: 100%;
  background: #FFF;
  -webkit-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (min-width: 768px) {
  .l-header {
    height: 50px;
    position: sticky;
    right: auto;
    top: 0;
    left: 0;
    background: rgba(255, 255, 255, 0.5);
  }
}
@media screen and (min-width: 1440px) {
  .l-header {
    height: 60px;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}

.l-header__inner {
  padding-inline: 40px;
}
.l-header__title {
  width: 147px;
}
@media screen and (min-width: 768px) {
  .l-header__title {
    width: 152px;
  }
}
@media screen and (min-width: 1440px) {
  .l-header__title {
    width: 195px;
  }
}

@-webkit-keyframes hoverAnimation {
  0% {
    color: black;
    /* アニメーション開始時の文字色 */
    -webkit-transform: translateY(0);
            transform: translateY(0);
    /* 元の位置 */
  }
  50% {
    color: #fff;
    /* アニメーション中間点の文字色 */
    -webkit-transform: translateY(-3px);
            transform: translateY(-3px);
    /* 少し上に移動 */
  }
  100% {
    color: #fff;
    /* アニメーション終了時の文字色 */
    -webkit-transform: translateY(0);
            transform: translateY(0);
    /* 元の位置に戻る */
  }
}

@keyframes hoverAnimation {
  0% {
    color: black;
    /* アニメーション開始時の文字色 */
    -webkit-transform: translateY(0);
            transform: translateY(0);
    /* 元の位置 */
  }
  50% {
    color: #fff;
    /* アニメーション中間点の文字色 */
    -webkit-transform: translateY(-3px);
            transform: translateY(-3px);
    /* 少し上に移動 */
  }
  100% {
    color: #fff;
    /* アニメーション終了時の文字色 */
    -webkit-transform: translateY(0);
            transform: translateY(0);
    /* 元の位置に戻る */
  }
}
.l-header__menu-ja {
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
  /* 色の変化にアニメーションを適用 */
}

.menu-item:hover .c-header__menu-ja {
  -webkit-animation: hoverAnimation 0.6s ease forwards;
          animation: hoverAnimation 0.6s ease forwards;
  /* キーフレームアニメーションを適用 */
}

.p-footer {
  padding-block: 30px 80px;
  background: #14135B;
}
@media screen and (min-width: 768px) {
  .p-footer {
    padding-block: 25px 110px;
  }
}

.p-footer__inner {
  padding-inline: 30px;
  max-width: 480px;
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .p-footer__inner {
    max-width: 1920px;
    padding-inline: clamp(30px, 30px + (0) * (100vw - 768px) / (1920 - 768), 30px);
  }
}

.p-footer__contents {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 6px;
}
@media screen and (min-width: 768px) {
  .p-footer__contents {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.p-footer__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 30px;
}

.p-footer__item {
  color: #FFF;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1.5;
  text-decoration-line: underline;
  text-decoration-style: solid;
  -webkit-text-decoration-skip: ink;
          text-decoration-skip-ink: auto;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}

.p-footer__copyright-text {
  color: #FFF;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1.5;
}

.l-follow-btn {
  position: fixed;
  bottom: 0px;
  right: 50%;
  translate: 49.8% 0%;
  z-index: 100;
  width: 100%;
  height: 50px;
  z-index: 999;
}
@media screen and (min-width: 768px) {
  .l-follow-btn {
    height: 80px;
    background: #F3F3F7;
    -webkit-box-shadow: 0 -3px 3px 0 rgba(0, 0, 0, 0.25);
            box-shadow: 0 -3px 3px 0 rgba(0, 0, 0, 0.25);
  }
}

.l-follow-btn__inner {
  height: 100%;
}
@media screen and (min-width: 768px) {
  .l-follow-btn__inner {
    max-width: 1920px;
    padding-inline: clamp(16px, 16px + (564) * (100vw - 768px) / (1920 - 768), 580px);
  }
}

.l-follow-btn__item-wrapper {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (min-width: 768px) {
  .l-follow-btn__item-wrapper {
    gap: clamp(15px, 15px + (25) * (100vw - 768px) / (1920 - 768), 40px);
  }
}

.l-follow-btn__item {
  height: 100%;
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 5px;
}
@media screen and (min-width: 768px) {
  .l-follow-btn__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 360px;
    height: 50px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 7px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    border-radius: 10px;
  }
}
.l-follow-btn__item p {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.12;
}
@media screen and (min-width: 768px) {
  .l-follow-btn__item p {
    font-size: 1.125rem;
  }
}

.l-follow-btn__icon {
  width: 18px;
}

.c-to-top {
  position: fixed;
  width: 50px;
  height: 50px;
  padding: 0 17px 3px 17px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  aspect-ratio: 1/1;
  right: 20px;
  bottom: 70px;
  border-radius: 57px;
  border: 1px solid #14135B;
  background: #FFF;
  cursor: pointer;
  z-index: 1000;
  opacity: 0;
  -webkit-transform: translateY(20px);
          transform: translateY(20px);
  pointer-events: none;
  -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
  transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
  transition: opacity 0.3s ease, transform 0.3s ease;
  transition: opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;
}
@media screen and (min-width: 768px) {
  .c-to-top {
    bottom: 100px;
  }
}
.c-to-top.js-show {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  pointer-events: auto;
}
.c-to-top svg {
  width: 16px;
  height: 10px;
}

.c-btn {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.c-button {
  border: solid 1px #fff;
  display: block;
  font-size: 1.125rem;
  width: clamp(345px, 345px + (205) * (100vw - 375px) / (1920 - 375), 550px);
  height: clamp(40px, 40px + (35) * (100vw - 375px) / (1920 - 375), 75px);
  display: grid;
  place-items: center;
  text-align: center;
}
/*----------------------------------
      <div class="p-mv-btn c-btn">
            <a class="c-button" href="#">会員登録する（無料）</a>
          </div>
-----------------------------------*/
.c-title-label {
  display: inline;
  color: #FFFD6B;
  background: #14135B;
  text-align: center;
  /* bold24px1.5em */
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.5;
  padding: 0 7px 2px 7px;
  /* 150% */
}
@media screen and (min-width: 768px) {
  .c-title-label {
    padding: 0 13px 4px 13px;
    font-size: 2.25rem;
  }
}

.p-fv {
  position: relative;
  height: 768px;
  background: url(../img/fv-img_sp.webp) no-repeat center center/cover;
}
@media screen and (min-width: 768px) {
  .p-fv {
    background: url(../img/fv-img_tab.webp) no-repeat center center/cover;
    height: 112vh;
  }
}
@media screen and (min-width: 1440px) {
  .p-fv {
    height: 90vh;
    background: url(../img/fv-img_pc.webp) no-repeat center center/cover;
  }
}

.p-fv__image {
  width: 100%;
  z-index: 0;
}

.p-fv__inner {
  padding-inline: 20px;
  width: 100%;
  position: absolute;
  z-index: 1;
  top: 46.5%;
  left: 50%;
  translate: -50% -50%;
  padding-inline: 16px;
  max-width: 542px;
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .p-fv__inner {
    top: 48.9%;
    max-width: 1920px;
    padding-inline: clamp(50px, 50px + (530) * (100vw - 768px) / (1920 - 768), 580px);
  }
}
@media screen and (min-width: 1440px) {
  .p-fv__inner {
    top: 45.9%;
  }
}

.p-fv__subtitle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 1px 5px 3px 5px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  background: #14135B;
}
@media screen and (min-width: 768px) {
  .p-fv__subtitle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 20px 3px 20px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 10px;
    -ms-flex-item-align: stretch;
        align-self: stretch;
  }
}
.p-fv__subtitle p {
  color: #FFF;
  text-align: center;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
}
@media screen and (min-width: 768px) {
  .p-fv__subtitle p {
    color: #FFF;
    text-align: center;
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 1.5;
  }
}
@media screen and (min-width: 1440px) {
  .p-fv__subtitle p {
    color: #FFF;
    text-align: center;
    font-size: 30px;
    font-weight: 500;
    line-height: 1.5;
  }
}

.p-fv__title {
  padding-top: 21px;
}
@media screen and (min-width: 768px) {
  .p-fv__title {
    padding-top: 23px;
  }
}
.p-fv__title h2 {
  color: #14135B;
  text-align: center;
  font-size: 1.5625rem;
  font-weight: 800;
  line-height: 1.5;
  white-space: nowrap;
  -webkit-text-stroke-width: 6px;
  -webkit-text-stroke-color: #fff;
  paint-order: stroke fill;
}
@media screen and (min-width: 768px) {
  .p-fv__title h2 {
    -webkit-text-stroke-width: 7px;
    color: #14135B;
    text-align: center;
    font-size: 2.8125rem;
    font-weight: 800;
    line-height: 1.5;
  }
}
@media screen and (min-width: 1440px) {
  .p-fv__title h2 {
    color: #14135B;
    text-align: center;
    font-size: 3.625rem;
    font-weight: 800;
    line-height: 87px;
    font-size: clamp(3.125rem, 1.625rem + 1.6666666667vw, 3.625rem);
  }
}

.p-fv__list {
  padding-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
  max-width: 541px;
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .p-fv__list {
    padding-top: 25px;
  }
}

.p-fv__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 5px 20px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 23px;
  background: rgba(255, 255, 255, 0.7);
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  align-items: center;
  gap: 9px;
}
@media screen and (min-width: 768px) {
  .p-fv__item {
    gap: 8px;
  }
}
.p-fv__item p {
  color: #333;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.5;
}
@media screen and (min-width: 768px) {
  .p-fv__item p {
    text-align: center;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.5;
  }
}

.p-fv__icon {
  color: #F47500;
  width: 16px;
  height: 16px;
  aspect-ratio: 1/1;
}
@media screen and (min-width: 768px) {
  .p-fv__icon {
    width: 20px;
    height: 20px;
  }
}

.p-fv__introduction {
  padding-top: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 4px;
}
@media screen and (min-width: 768px) {
  .p-fv__introduction {
    padding-top: 25px;
    gap: 8px;
  }
}
@media screen and (min-width: 1440px) {
  .p-fv__introduction {
    gap: 57px;
  }
}

.p-fv__introduction-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0px;
          flex: 1 0 0;
  border-radius: 10px;
  background: #FFFD6B;
  min-height: 76px;
}
@media screen and (min-width: 768px) {
  .p-fv__introduction-item {
    min-height: 100px;
  }
}
.p-fv__introduction-item P {
  color: #14135B;
  text-align: center;
  -webkit-text-stroke-width: 5px;
  -webkit-text-stroke-color: #fff;
  paint-order: stroke fill;
  line-height: 1;
}

.p-fv__introduction-item-1 p {
  font-size: 0.75rem;
  font-weight: 800;
}
@media screen and (min-width: 768px) {
  .p-fv__introduction-item-1 p {
    font-size: 1.375rem;
  }
}
.p-fv__introduction-item-1 .p-fv__introduction-item-test-sub {
  font-size: 0.75rem;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .p-fv__introduction-item-1 .p-fv__introduction-item-test-sub {
    font-size: 1.5rem;
  }
}

.p-fv__introduction-item-2 p {
  font-size: 0.875rem;
  font-weight: 800;
  line-height: 1.5;
}
@media screen and (min-width: 768px) {
  .p-fv__introduction-item-2 p {
    font-size: 1.375rem;
  }
}
.p-fv__introduction-item-2 .p-fv__introduction-item-text-strong {
  font-size: 1.375rem;
  font-weight: 700;
  line-height: 1.5;
}
@media screen and (min-width: 768px) {
  .p-fv__introduction-item-2 .p-fv__introduction-item-text-strong {
    font-size: 2.25rem;
    line-height: 1;
  }
}

.p-fv__introduction-item-3 p {
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.5;
}
@media screen and (min-width: 768px) {
  .p-fv__introduction-item-3 p {
    font-size: 1.5rem;
    line-height: 1.2;
  }
}
@media screen and (min-width: 768px) {
  .p-fv__introduction-item-3 p .p-fv__introduction-item-text-md {
    font-size: 1.375rem;
  }
}
.p-fv__introduction-item-3 .p-fv__introduction-item-text-strong {
  font-size: 1.375rem;
  font-weight: 700;
  line-height: 1.5;
}
@media screen and (min-width: 768px) {
  .p-fv__introduction-item-3 .p-fv__introduction-item-text-strong {
    line-height: 1.2;
  }
}

.p-fv__introduction-item-number {
  text-align: center;
  -webkit-text-stroke-width: 5px;
  -webkit-text-stroke-color: #fff;
  paint-order: stroke fill;
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .p-fv__introduction-item-number {
    font-size: 3rem;
  }
}

@media screen and (min-width: 768px) {
  .p-fv__introduction-item-3 .p-fv__introduction-item-number {
    font-size: 2.75rem;
  }
}

/*----------------------------------
    trouble
-----------------------------------*/
.p-trouble {
  padding-block: 40px;
  background: #F3F3F7;
}
@media screen and (min-width: 768px) {
  .p-trouble {
    padding-block: 60px;
  }
}

.p-trouble__inner {
  padding-inline: 25px;
  max-width: 442px;
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .p-trouble__inner {
    max-width: 1920px;
    padding-inline: clamp(40px, 40px + (380) * (100vw - 768px) / (1920 - 768), 420px);
  }
}

.p-trouble__title h2 {
  color: #14135B;
  text-align: center;
  /* bold24px1.5em */
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.5;
}
@media screen and (min-width: 768px) {
  .p-trouble__title h2 {
    font-size: clamp(1.5rem, 1rem + 1.0416666667vw, 2.25rem);
  }
}

.p-trouble__content {
  padding-top: 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 30px;
}
.p-trouble__content-box-1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 30px;
}
@media screen and (min-width: 768px) {
  .p-trouble__content-box-1 {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    gap: clamp(10px, 10px + (30) * (100vw - 768px) / (1920 - 768), 40px);
  }
}

.p-trouble__content-box-2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 30px;
}
@media screen and (min-width: 768px) {
  .p-trouble__content-box-2 {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    gap: clamp(20px, 20px + (20) * (100vw - 768px) / (1920 - 768), 40px);
  }
}

.p-trouble__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
@media screen and (min-width: 768px) {
  .p-trouble__item {
    max-width: 300px;
    width: clamp(200px, 200px + (100) * (100vw - 768px) / (1920 - 768), 300px);
  }
}

.p-trouble__item-img {
  width: 300px;
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .p-trouble__item-img {
    width: clamp(200px, 200px + (100) * (100vw - 768px) / (1920 - 768), 300px);
  }
}

.p-trouble__discription {
  margin-top: 40px;
  border-radius: 20px;
  background: #fff;
  max-width: 847px;
  margin-inline: auto;
}

.p-trouble__discription-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 15px 20px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}
.p-trouble__discription-inner p {
  color: #333;
  text-align: center;
  /* semibold20px1.5em */
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.5;
  /* 150% */
}
@media screen and (min-width: 768px) {
  .p-trouble__discription-inner p {
    font-size: clamp(1.125rem, 0.875rem + 0.5208333333vw, 1.5rem);
  }
}

.p-trouble__arrow {
  position: relative;
  width: 100%;
  height: 0;
  margin-top: -1px;
}
.p-trouble__arrow .p-trouble__unique-item {
  position: relative;
  width: 100%;
}
.p-trouble__arrow .p-trouble__unique-item::before {
  content: "";
  position: absolute;
  bottom: -61px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 78px solid transparent;
  border-right: 78px solid transparent;
  border-top: 34px solid #F47500;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .p-trouble__arrow .p-trouble__unique-item::before {
    bottom: -76px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 78px solid transparent;
    border-right: 78px solid transparent;
    border-top: 34px solid #F47500;
    z-index: 1;
  }
}

/*----------------------------------
    service
-----------------------------------*/
.p-service {
  padding-block: 40px 40px;
}
@media screen and (min-width: 768px) {
  .p-service {
    padding-block: 70px 32px;
  }
}

.p-service__inner {
  padding-inline: 25px;
  max-width: 442px;
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .p-service__inner {
    max-width: 1920px;
    padding-inline: clamp(40px, 40px + (385) * (100vw - 768px) / (1920 - 768), 425px);
  }
}

.p-service__title {
  color: #14135B;
  text-align: center;
  /* bold20px1.5em */
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.5;
  /* 150% */
}
@media screen and (min-width: 768px) {
  .p-service__title {
    /* Bold30px */
    font-size: 1.875rem;
  }
}

.p-service__title-separate {
  margin-top: 5px;
  display: block;
}
@media screen and (min-width: 768px) {
  .p-service__title-separate {
    margin-top: 0px;
  }
}

.p-service__title-strong {
  color: #14135B;
  text-align: center;
  /* bold24px1.5em */
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.5;
  /* 150% */
}
@media screen and (min-width: 768px) {
  .p-service__title-strong {
    font-size: 2.25rem;
  }
}

.p-service__text {
  padding-top: 25px;
}
@media screen and (min-width: 768px) {
  .p-service__text {
    padding-top: 20px;
  }
}
.p-service__text p {
  text-align: center;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.5;
}
@media screen and (min-width: 768px) {
  .p-service__text p {
    /* 150% */
  }
}

.p-service__contents {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 110px;
  padding-top: 25px;
  position: relative;
}
@media screen and (min-width: 768px) {
  .p-service__contents {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    gap: clamp(80px, 80px + (30) * (100vw - 768px) / (1920 - 768), 110px);
  }
}

.p-service__contents-item-1 {
  border-radius: 20px;
  border: 1px solid #D9D9D9;
  padding: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  position: relative;
}
@media screen and (min-width: 768px) {
  .p-service__contents-item-1 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-inline: clamp(25px, 25px + (20) * (100vw - 768px) / (1920 - 768), 45px);
    padding-block: 43px;
    min-width: 210px;
  }
}

.p-service__contents-item-name {
  border-radius: 21px;
  border: 1px solid #14135B;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 3px 15px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
}
.p-service__contents-item-name p {
  color: #14135B;
  font-family: "Noto Sans JP";
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
}
@media screen and (min-width: 768px) {
  .p-service__contents-item-name p {
    font-size: clamp(0.875rem, 0.7083333333rem + 0.3472222222vw, 1.125rem);
  }
}

.p-service__contents-item-img {
  width: 120px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-item-align: center;
      align-self: center;
}
@media screen and (min-width: 768px) {
  .p-service__contents-item-img {
    width: clamp(120px, 120px + (60) * (100vw - 768px) / (1920 - 768), 180px);
  }
}

.p-service__contents-item-df {
  padding-top: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
@media screen and (min-width: 768px) {
  .p-service__contents-item-df {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}

.p-service__contents-item-list-1 {
  border-radius: 10px;
  background: #F3F3F7;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 10px 15px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  position: relative;
}
.p-service__contents-item-list-1 .p-service__contents-item-list-item {
  position: relative;
}
.p-service__contents-item-list-1 .p-service__contents-item-list-item::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.5em;
  width: 6px;
  height: 6px;
  background-color: #B0B0B6;
  border-radius: 50%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.p-service__contents-item-list-1 .p-service__contents-item-list-item p {
  padding-left: 10px;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
}
@media screen and (min-width: 768px) {
  .p-service__contents-item-list-1 .p-service__contents-item-list-item p {
    font-size: clamp(0.875rem, 0.7916666667rem + 0.1736111111vw, 1rem);
  }
}

.p-service__contents-item-2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 7px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 20px;
  background: #F3F3F7;
}
@media screen and (min-width: 768px) {
  .p-service__contents-item-2 {
    gap: 12px;
    padding-block: 20px;
    padding-inline: clamp(25px, 25px + (35) * (100vw - 768px) / (1920 - 768), 60px);
  }
}

.p-service__contents-item-2-title p {
  color: #14135B;
  text-align: center;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.5;
}
@media screen and (min-width: 768px) {
  .p-service__contents-item-2-title p {
    text-align: justify;
    font-size: clamp(1.125rem, 0.875rem + 0.5208333333vw, 1.5rem);
    line-height: 1.5;
  }
}

.p-service__contents-item-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 18px;
}
@media screen and (min-width: 768px) {
  .p-service__contents-item-wrapper {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
}

@media screen and (min-width: 768px) {
  .p-service__contents-item-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    min-width: clamp(170px, 170px + (70) * (100vw - 768px) / (1920 - 768), 240px);
    -ms-flex-item-align: stretch;
        align-self: stretch;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}

.p-service__contents-item-list-2 {
  border-radius: 10px;
  border: 1px solid #14135B;
  background: #FFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 9px 15px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  height: 100%;
}
.p-service__contents-item-list-2 .p-service__contents-item-list-item {
  position: relative;
}
@media screen and (min-width: 768px) {
  .p-service__contents-item-list-2 .p-service__contents-item-list-item {
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    height: 100%;
  }
}
.p-service__contents-item-list-2 .p-service__contents-item-list-item::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.5em;
  width: 6px;
  height: 6px;
  background-color: #F47500;
  border-radius: 50%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.p-service__contents-item-list-2 .p-service__contents-item-list-item p {
  padding-left: 10px;
}
@media screen and (min-width: 768px) {
  .p-service__contents-item-list-2 .p-service__contents-item-list-item p {
    font-size: clamp(0.875rem, 0.7916666667rem + 0.1736111111vw, 1rem);
  }
}

.p-service__arrows {
  position: absolute;
  z-index: 10;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 10px;
  width: 100%;
  pointer-events: none;
  bottom: 15px;
  left: 50%;
  -webkit-transform: translate(-50%, 100%);
          transform: translate(-50%, 100%);
}
@media screen and (min-width: 768px) {
  .p-service__arrows {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    right: 0;
    bottom: 0;
    -webkit-transform: translate(39%, -70%);
            transform: translate(39%, -70%);
  }
}

.p-service__arrow {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  display: flex;
  width: 30px;
  height: 130px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  background: #F47500;
  color: #fff;
  white-space: nowrap;
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  text-orientation: upright;
}
@media screen and (min-width: 768px) {
  .p-service__arrow {
    -webkit-writing-mode: horizontal-tb;
        -ms-writing-mode: lr-tb;
            writing-mode: horizontal-tb;
    font-size: clamp(0.875rem, 0.7916666667rem + 0.1736111111vw, 1rem);
    padding-block: 10px;
    padding-inline: clamp(10px, 10px + (10) * (100vw - 768px) / (1920 - 768), 20px);
    width: clamp(110px, 110px + (64) * (100vw - 768px) / (1920 - 768), 174px);
    height: 30px;
  }
}
.p-service__arrow::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translate(-50%, calc(100% - 0.2px));
  transform: translate(-50%, calc(100% - 0.2px));
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-top: 10px solid #F47500;
}
@media screen and (min-width: 768px) {
  .p-service__arrow::after {
    bottom: auto;
    right: 0;
    top: 50%;
    left: auto;
    -webkit-transform: translate(calc(100% - 0.5px), -50%);
            transform: translate(calc(100% - 0.5px), -50%);
    border-left: 13px solid #F47500;
    border-top: 15.5px solid transparent;
    border-bottom: 15.5px solid transparent;
    border-right: none;
  }
}
@media screen and (min-width: 768px) {
  .p-service__arrow--1 {
    padding: 10px 20px 10px 28px;
  }
}
.p-service__arrow--2, .p-service__arrow--3, .p-service__arrow--4 {
  background: #14135B;
  margin-top: 11px;
}
@media screen and (min-width: 768px) {
  .p-service__arrow--2, .p-service__arrow--3, .p-service__arrow--4 {
    margin-top: 0;
    margin-left: 15px;
    padding: 10px 28px 10px 20px;
  }
}
.p-service__arrow--2::after, .p-service__arrow--3::after, .p-service__arrow--4::after {
  bottom: auto;
  top: -25px;
  border-top: none;
  border-bottom: 13px solid #14135B;
  border-left: 15.5px solid transparent;
  border-right: 15.5px solid transparent;
}
@media screen and (min-width: 768px) {
  .p-service__arrow--2::after, .p-service__arrow--3::after, .p-service__arrow--4::after {
    top: auto;
    bottom: auto;
    left: -11.5px;
    right: auto;
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
    border-bottom: 15.5px solid transparent;
    border-top: 15.5px solid transparent;
    border-right: 13px solid #14135B;
    border-left: none;
  }
}

.p-service__arrow--2 {
  margin-left: 15px;
}
@media screen and (min-width: 768px) {
  .p-service__arrow--2 {
    margin-top: 15px;
  }
}

@media screen and (min-width: 768px) {
  .p-service__arrow-text {
    color: #FFF;
    font-size: clamp(0.875rem, 0.7083333333rem + 0.3472222222vw, 1.125rem);
    font-weight: 700;
    line-height: 1.5;
  }
}

/*----------------------------------
    feature
-----------------------------------*/
.p-feature {
  padding-block: 21.5px 40px;
}
@media screen and (min-width: 768px) {
  .p-feature {
    padding-block: 23px 60px;
  }
}

.p-feature__inner {
  padding-inline: 25px;
  max-width: 442px;
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .p-feature__inner {
    max-width: 1920px;
    padding-inline: clamp(40px, 40px + (385) * (100vw - 768px) / (1920 - 768), 425px);
  }
}

.p-feature__content {
  border-radius: 20px;
  border: 1px solid #14135B;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 50px 25px 40px 25px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}
@media screen and (min-width: 768px) {
  .p-feature__content {
    border-radius: 20px;
    padding-block: 50px 40px;
    padding-inline: clamp(25px, 25px + (25) * (100vw - 768px) / (1920 - 768), 50px);
  }
}

.p-feature__title {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background: #fff;
  width: 226px;
  padding-inline: 5px;
}
@media screen and (min-width: 768px) {
  .p-feature__title {
    width: clamp(528px, 528px + (162) * (100vw - 768px) / (1920 - 768), 690px);
    padding-inline: 15px;
  }
}
.p-feature__title h2 {
  color: #14135B;
  text-align: center;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.5;
}
@media screen and (min-width: 768px) {
  .p-feature__title h2 {
    font-size: clamp(1.5rem, 1.25rem + 0.5208333333vw, 1.875rem);
    line-height: 1.5;
    white-space: nowrap;
  }
}

.p-feature__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
}
@media screen and (min-width: 768px) {
  .p-feature__items {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(3, auto);
    gap: 40px;
  }
}

.p-feature__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (min-width: 768px) {
  .p-feature__item {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    gap: 10px;
    padding-right: 5px;
  }
}

.p-feature__item-img {
  width: 85px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media screen and (min-width: 768px) {
  .p-feature__item-img {
    width: clamp(70px, 70px + (15) * (100vw - 768px) / (1920 - 768), 85px);
  }
}

.p-feature__item-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
}
@media screen and (min-width: 768px) {
  .p-feature__item-wrap {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 8px;
  }
}

.p-feature__item-main p {
  color: #14135B;
  text-align: center;
  /* bold20px1.5em */
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.5;
}
@media screen and (min-width: 768px) {
  .p-feature__item-main p {
    text-align: left;
    font-size: clamp(1rem, 0.5103092784rem + 0.824742268vw, 1.5rem);
  }
}

.p-feature__item-text p {
  /* regular16px1.5em */
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  /* 150% */
}
@media screen and (min-width: 768px) {
  .p-feature__item-text p {
    font-size: clamp(0.875rem, 0.7916666667rem + 0.1736111111vw, 1rem);
  }
}

/*----------------------------------
    unique


-----------------------------------*/
.p-unique {
  padding-block: 30px;
  background: #F3F3F7;
}
@media screen and (min-width: 768px) {
  .p-unique {
    padding-block: 60px;
  }
}

.p-unique__inner {
  padding-inline: 20px;
  max-width: 450px;
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .p-unique__inner {
    max-width: 2006px;
    padding-inline: clamp(40px, 40px + (428) * (100vw - 768px) / (1920 - 768), 468px);
  }
}

.p-unique__title h2 {
  text-align: center;
  /* bold24px1.5em */
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.5;
  /* 150% */
}
@media screen and (min-width: 768px) {
  .p-unique__title h2 {
    font-size: clamp(1.5rem, 1rem + 1.0416666667vw, 2.25rem);
    white-space: nowrap;
  }
}

.p-unique__text {
  padding-top: 15px;
}
@media screen and (min-width: 768px) {
  .p-unique__text {
    padding-top: 45px;
  }
}
.p-unique__text p + p {
  padding-top: 7px;
}
@media screen and (min-width: 768px) {
  .p-unique__text p + p {
    padding-top: 10px;
  }
}
.p-unique__text p {
  color: #333;
  text-align: center;
  /* reguar18px1.5em */
  font-family: "Noto Sans JP";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 27px;
  /* 150% */
}

.p-unique__arrow {
  padding-top: 8px;
  color: #9E9EAF;
  text-align: center;
  /* reguar18px1.5em */
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.5;
  /* 150% */
}

.p-unique__attention {
  margin-top: 11px;
  border-radius: 10px;
  background: #FFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  padding-block: 10px;
  padding-inline: 20px;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .p-unique__attention {
    margin-top: 17px;
    max-width: 812px;
    margin-inline: auto;
  }
}

.p-unique__attention-img {
  width: 20px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.p-unique__attention-text p {
  text-align: center;
  /* bold20px1.5em */
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.5;
  /* 150% */
}
@media screen and (min-width: 768px) {
  .p-unique__attention-text p {
    font-size: clamp(1.125rem, 0.875rem + 0.5208333333vw, 1.5rem);
  }
}

.p-unique__attention-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
  padding-top: 28px;
}
@media screen and (min-width: 768px) {
  .p-unique__attention-content {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: auto;
    -webkit-column-gap: 32px;
       -moz-column-gap: 32px;
            column-gap: 32px;
    row-gap: 36px;
  }
}
@media screen and (min-width: 950px) {
  .p-unique__attention-content {
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, auto);
  }
}

.p-unique__attention-content-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.p-unique__attention-content-item-number {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.p-unique__attention-content-item-number p {
  color: #14135B;
  text-align: center;
  font-family: "Roboto Mono", sans-serif;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.5;
}
.p-unique__attention-content-item-number span {
  padding-left: 5px;
  color: #14135B;
  text-align: center;
  font-family: "Roboto Mono", sans-serif;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1;
}

.p-unique__attention-content-item-img {
  width: 300px;
  padding-top: 3px;
}
@media screen and (min-width: 768px) {
  .p-unique__attention-content-item-img {
    width: 324px;
  }
}
@media screen and (min-width: 950px) {
  .p-unique__attention-content-item-img {
    width: clamp(220px, 220px + (80) * (100vw - 950px) / (1920 - 950), 300px);
  }
}

.p-unique__attention-content-item-title {
  padding-top: 10px;
}
.p-unique__attention-content-item-title p {
  color: #14135B;
  text-align: center;
  /* bold20px1.5em */
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.5;
  /* 150% */
}
@media screen and (min-width: 950px) {
  .p-unique__attention-content-item-title p {
    color: #14135B;
    text-align: center;
    /* bold24px1.5em */
    font-family: "Noto Sans JP", sans-serif;
    font-size: clamp(1.125rem, 0.7577319588rem + 0.618556701vw, 1.5rem);
    font-weight: 700;
    line-height: 1.5;
    /* 150% */
  }
}

.p-unique__attention-content-item-text {
  padding-top: 10px;
}
.p-unique__attention-content-item-text p {
  color: #333;
  text-align: justify;
  /* regular16px1.5em */
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  /* 150% */
}
@media screen and (min-width: 950px) {
  .p-unique__attention-content-item-text p {
    font-size: clamp(0.875rem, 0.7525773196rem + 0.206185567vw, 1rem);
  }
}

/*----------------------------------
    reason
-----------------------------------*/
.p-reason {
  padding-block: 30px;
}
@media screen and (min-width: 768px) {
  .p-reason {
    padding-block: 61px;
  }
}

.p-reason__inner-title {
  padding-inline: 20px;
  max-width: 450px;
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .p-reason__inner-title {
    max-width: 2006px;
    padding-inline: clamp(40px, 40px + (428) * (100vw - 768px) / (1920 - 768), 468px);
  }
}

.p-reason__inner {
  padding-inline: 25px;
  max-width: 460px;
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .p-reason__inner {
    max-width: 2006px;
    padding-inline: clamp(40px, 40px + (428) * (100vw - 768px) / (1920 - 768), 468px);
  }
}

.p-reason__title h2 {
  color: #14135B;
  text-align: center;
  /* bold24px1.5em */
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.5;
  /* 150% */
}
@media screen and (min-width: 768px) {
  .p-reason__title h2 {
    font-size: clamp(1.5rem, 1rem + 1.0416666667vw, 2.25rem);
    line-height: 1.5;
  }
}

.p-reason__text-sub {
  margin-top: 24px;
  margin-inline: auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding-block: 2px 5px;
  padding-inline: 13px 0px;
  background-color: #fff;
  border-left: 2px solid #B4B4B4;
  border-bottom: 2px solid #B4B4B4;
  border-bottom-left-radius: 8px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  position: relative;
}
@media screen and (min-width: 768px) {
  .p-reason__text-sub {
    margin-top: 29px;
    padding-block: 2px 5px;
    padding-inline: 16px 0px;
  }
}
.p-reason__text-sub p {
  text-align: center;
  /* semibold20px1.5em */
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.5;
  /* 150% */
}
@media screen and (min-width: 768px) {
  .p-reason__text-sub p {
    font-size: clamp(1.125rem, 0.875rem + 0.5208333333vw, 1.5rem);
  }
}
.p-reason__text-sub::after {
  content: "";
  position: absolute;
  bottom: -13px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 0px solid transparent;
  border-right: 13px solid transparent;
  border-top: 13px solid #B4B4B4;
}

.p-reason__text {
  padding-top: 27px;
}
.p-reason__text p {
  color: #333;
  text-align: center;
  /* reguar18px1.5em */
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.5;
  /* 150% */
}
@media screen and (min-width: 768px) {
  .p-reason__text p {
    font-size: clamp(1rem, 0.9166666667rem + 0.1736111111vw, 1.125rem);
  }
}

.p-reason__content {
  padding-top: 53px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 67px;
}
@media screen and (min-width: 768px) {
  .p-reason__content {
    padding-top: 51px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    gap: 40px;
  }
}

.p-reason__content-item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}

.p-reason__content-item-number {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 56px;
  height: 56px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  left: 50%;
  top: 0;
  -webkit-transform: translate(-43%, -50%);
          transform: translate(-43%, -50%);
  border-radius: 28px;
  background: #14135B;
}
@media screen and (min-width: 768px) {
  .p-reason__content-item-number {
    width: clamp(48px, 48px + (8) * (100vw - 768px) / (1920 - 768), 56px);
    height: clamp(48px, 48px + (8) * (100vw - 768px) / (1920 - 768), 56px);
  }
}
.p-reason__content-item-number p {
  color: #FFF;
  font-family: "Noto Sans JP";
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  /* 100% */
}
@media screen and (min-width: 768px) {
  .p-reason__content-item-number p {
    font-size: clamp(0.625rem, 0.5416666667rem + 0.1736111111vw, 0.75rem);
  }
}
.p-reason__content-item-number .p-reason__content-item-number-number {
  color: #FFF;
  font-family: "Roboto Mono", sans-serif;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1;
  /* 100% */
}
@media screen and (min-width: 768px) {
  .p-reason__content-item-number .p-reason__content-item-number-number {
    font-size: clamp(1.25rem, 1.0833333333rem + 0.3472222222vw, 1.5rem);
  }
}

.p-reason__content-item-img {
  width: 325px;
}
@media screen and (min-width: 768px) {
  .p-reason__content-item-img {
    width: clamp(180px, 180px + (153) * (100vw - 768px) / (1920 - 768), 333px);
  }
}

.p-reason__content-item-title p {
  color: #14135B;
  text-align: center;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.5;
  /* 150% */
}
@media screen and (min-width: 768px) {
  .p-reason__content-item-title p {
    font-size: clamp(1.125rem, 0.875rem + 0.5208333333vw, 1.5rem);
  }
}

.p-reason__content-item-text p {
  color: #333;
  text-align: justify;
  /* regular16px1.5em */
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  /* 150% */
}
@media screen and (min-width: 768px) {
  .p-reason__content-item-text p {
    font-size: clamp(0.875rem, 0.7916666667rem + 0.1736111111vw, 1rem);
  }
}

/*----------------------------------
    timing
-----------------------------------*/
.p-timing {
  padding-block: 30px;
  background: #F3F3F7;
}
@media screen and (min-width: 768px) {
  .p-timing {
    padding-block: 60px;
  }
}

.p-timing__inner {
  padding-inline: 20px;
  max-width: 490px;
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .p-timing__inner {
    max-width: 1920px;
    padding-inline: clamp(40px, 40px + (380) * (100vw - 768px) / (1920 - 768), 420px);
  }
}

.p-timing__content {
  background: #fff;
  border-radius: 20px;
  padding: 25px;
}
@media screen and (min-width: 768px) {
  .p-timing__content {
    padding-block: 40px 23px;
    padding-inline: clamp(15px, 15px + (25) * (100vw - 768px) / (1920 - 768), 40px);
  }
}

.p-timing__title {
  padding-inline: 23px;
}
.p-timing__title h2 {
  color: #14135B;
  text-align: center;
  /* bold24px1.5em */
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.5;
  /* 150% */
}
@media screen and (min-width: 768px) {
  .p-timing__title h2 {
    font-size: clamp(1.5rem, 1rem + 1.0416666667vw, 2.25rem);
  }
}

.p-timing__text {
  padding-top: 15px;
}
@media screen and (min-width: 768px) {
  .p-timing__text {
    padding-top: 25px;
  }
}
.p-timing__text p {
  color: #333;
  /* reguar18px1.5em */
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.5;
  /* 150% */
}
@media screen and (min-width: 768px) {
  .p-timing__text p {
    font-size: clamp(0.875rem, 0.7083333333rem + 0.3472222222vw, 1.125rem);
    text-align: center;
  }
}
.p-timing__text p + p {
  padding-top: 10px;
}
.p-timing__text .p-timing__text-last {
  font-size: 1.25rem;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .p-timing__text .p-timing__text-last {
    font-size: clamp(1.125rem, 0.875rem + 0.5208333333vw, 1.5rem);
  }
}

/*----------------------------------
    timing-point
-----------------------------------*/
.p-timing__point-text {
  position: relative;
  z-index: 1;
  margin-top: 35px;
}
@media screen and (min-width: 768px) {
  .p-timing__point-text {
    margin-top: 30px;
  }
}
.p-timing__point-text p {
  margin-inline: -4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 3px 10px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  border-radius: 20px;
  border: 1px solid #14135B;
  color: #14135B;
  text-align: center;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  white-space: nowrap;
  position: relative;
  z-index: 1;
  background: #fff;
  /* 150% */
}
@media screen and (min-width: 768px) {
  .p-timing__point-text p {
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 1.5;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-inline: auto;
  }
}
@media screen and (min-width: 768px) {
  .p-timing__point-text::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    left: 0;
    bottom: 50%;
    background-color: #14135B;
    z-index: 0;
  }
}

.p-timing__point-content {
  padding-top: 30px;
}
@media screen and (min-width: 768px) {
  .p-timing__point-content {
    padding-top: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 15px;
  }
}

.p-timing__point-content-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (min-width: 768px) {
  .p-timing__point-content-item {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 10px;
  }
}

.p-timing__point-content-item-1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}

.p-timing__point-content-item-label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 5px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  background: rgba(255, 253, 107, 0.7);
}
.p-timing__point-content-item-label p {
  color: #333;
  text-align: center;
  font-family: "Noto Sans JP";
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
@media screen and (min-width: 768px) {
  .p-timing__point-content-item-label p {
    font-size: clamp(0.875rem, 0.7916666667rem + 0.1736111111vw, 1rem);
  }
}

@media screen and (min-width: 768px) {
  .p-timing__point-content-item-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 15px;
  }
}
.p-timing__point-content-item-text .p-timing__point-content-item-text-title {
  color: #14135B;
  /* semibold24px1.5em */
  font-family: "Noto Sans JP";
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.5;
  /* 150% */
}
@media screen and (min-width: 768px) {
  .p-timing__point-content-item-text .p-timing__point-content-item-text-title {
    font-size: clamp(1.125rem, 0.875rem + 0.5208333333vw, 1.5rem);
  }
}
.p-timing__point-content-item-text .p-timing__point-content-item-text-text {
  color: #666;
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1.5;
  /* 150% */
  text-align: center;
}

.p-timing__point-content-item-2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 7px;
}

.p-timing__point-content-item-check {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  gap: 5px;
}
.p-timing__point-content-item-check p {
  color: #F47500;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 0.8125rem;
  font-weight: 800;
  line-height: 1.5;
  padding-top: 2px;
  /* 184.615% */
}
.p-timing__point-content-item-check-img {
  width: 12px;
  height: 16px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.p-timing__point-content-item-check-list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 5px;
}
.p-timing__point-content-item-check-list-item p {
  color: #333;
  /* regular14px1.5em */
  font-family: "Noto Sans JP", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
  /* 150% */
}
@media screen and (min-width: 768px) {
  .p-timing__point-content-item-check-list-item p {
    font-size: clamp(0.875rem, 0.7916666667rem + 0.1736111111vw, 1rem);
  }
}

.p-timing__point-content-item-check-list-item + .p-timing__point-content-item-check-list-item {
  padding-top: 5px;
}

.p-timing__point-content-item-img {
  width: 14px;
  height: 14px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.p-timing__underline {
  margin-top: 25px;
  position: relative;
  width: 100%;
  height: 15px;
  border-top: 1px solid #B4B4B4;
  border-right: 1px solid #B4B4B4;
  border-left: 1px solid #B4B4B4;
  border-top-left-radius: 50px;
  border-top-right-radius: 50px;
}
@media screen and (min-width: 768px) {
  .p-timing__underline {
    margin-top: 34px;
    margin-inline: clamp(0px, 0px + (20) * (100vw - 768px) / (1920 - 768), 20px);
    width: auto;
  }
}
.p-timing__underline::before {
  content: "";
  position: absolute;
  top: -20px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 1px;
  height: 20px;
  background-color: #B4B4B4;
}

/*----------------------------------
    timing-period
-----------------------------------*/
.p-timing__period {
  padding-right: 5px;
}
@media screen and (min-width: 768px) {
  .p-timing__period {
    padding-inline: clamp(0px, 0px + (20) * (100vw - 768px) / (1920 - 768), 20px);
  }
}

.p-timing__period-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
@media screen and (min-width: 768px) {
  .p-timing__period-content {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    margin-top: 16px;
  }
}

.p-timing__period-content-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
}
.p-timing__period-content-item:first-child {
  padding-top: 5px;
}
@media screen and (min-width: 768px) {
  .p-timing__period-content-item:first-child {
    padding-top: 0;
  }
}
@media screen and (min-width: 768px) {
  .p-timing__period-content-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 33.333%;
    gap: 15px;
  }
}

.p-timing__period-content-label-1 {
  background: #7A719D;
}

.p-timing__period-content-label-2 {
  background: #43427B;
}

.p-timing__period-content-label-3 {
  background: #14135B;
}

.p-timing__period-content-label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 35px;
  padding: 15px 5px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}
@media screen and (min-width: 768px) {
  .p-timing__period-content-label {
    width: auto;
    height: 54px;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
}
.p-timing__period-content-label p {
  color: #FFF;
  text-align: center;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  text-orientation: upright;
  letter-spacing: 1px;
}
@media screen and (min-width: 768px) {
  .p-timing__period-content-label p {
    letter-spacing: 0px;
  }
}
.p-timing__period-content-label p span {
  letter-spacing: 4px;
}
@media screen and (min-width: 768px) {
  .p-timing__period-content-label p span {
    letter-spacing: 0px;
  }
}
.p-timing__period-content-label p .p-text__combine {
  letter-spacing: 0px;
  text-combine-upright: all;
  -webkit-text-combine: horizontal;
  text-align: center;
  display: inline-block;
  -webkit-writing-mode: horizontal-tb;
      -ms-writing-mode: lr-tb;
          writing-mode: horizontal-tb;
  text-orientation: upright;
  text-align: left;
  width: 1em;
  line-height: 1;
  vertical-align: middle;
  -webkit-transform: translateX(-0.3em);
          transform: translateX(-0.3em);
}
@media screen and (min-width: 768px) {
  .p-timing__period-content-label p .p-text__combine {
    -webkit-writing-mode: initial;
        -ms-writing-mode: initial;
            writing-mode: initial;
    text-orientation: initial;
    text-combine-upright: initial;
    -webkit-text-combine: initial;
    display: initial;
    width: initial;
    line-height: initial;
    vertical-align: initial;
    -webkit-transform: initial;
            transform: initial;
    text-align: initial;
    letter-spacing: initial;
  }
}
@media screen and (min-width: 768px) {
  .p-timing__period-content-label p {
    -webkit-writing-mode: horizontal-tb;
        -ms-writing-mode: lr-tb;
            writing-mode: horizontal-tb;
  }
}

.p-timing__period-content-underline {
  position: relative;
  width: 12px;
  border-top: 1px solid #B4B4B4;
  border-right: 1px solid #B4B4B4;
  border-bottom: 1px solid #B4B4B4;
  border-top-right-radius: 50px;
  border-bottom-right-radius: 50px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media screen and (min-width: 768px) {
  .p-timing__period-content-underline {
    width: 100%;
    height: 15px;
    border-top: none;
    border-right: 1px solid #B4B4B4;
    border-bottom: 1px solid #B4B4B4;
    border-left: 1px solid #B4B4B4;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 50px;
    border-bottom-right-radius: 50px;
  }
}
.p-timing__period-content-underline::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translate(100%, -50%);
          transform: translate(100%, -50%);
  width: 20px;
  height: 1px;
  background-color: #B4B4B4;
}
@media screen and (min-width: 768px) {
  .p-timing__period-content-underline::before {
    top: auto;
    bottom: 0px;
    left: 50%;
    -webkit-transform: translate(-50%, 100%);
            transform: translate(-50%, 100%);
    width: 1px;
    height: 20px;
    background-color: #B4B4B4;
  }
}

.p-timing__period-content-item-df {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-block: 15px;
  padding-left: 18px;
}
@media screen and (min-width: 768px) {
  .p-timing__period-content-item-df {
    padding-block: 19px;
    padding-left: 0px;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    padding-inline: clamp(10px, 10px + (15) * (100vw - 768px) / (1920 - 768), 25px);
  }
}

.p-timing__period-content-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 5px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  background: rgba(255, 253, 107, 0.7);
}
.p-timing__period-content-text p {
  color: #333;
  text-align: center;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.5;
}
@media screen and (min-width: 768px) {
  .p-timing__period-content-text p {
    font-size: clamp(0.6875rem, 0.4791666667rem + 0.4340277778vw, 1rem);
    white-space: nowrap;
  }
}

.p-timing__period-content-text-sub {
  padding-top: 10px;
  text-align: center;
}
.p-timing__period-content-text-sub p {
  color: #14135B;
  /* semibold24px1.5em */
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.5;
  /* 150% */
}
@media screen and (min-width: 768px) {
  .p-timing__period-content-text-sub p {
    font-size: clamp(1.125rem, 0.875rem + 0.5208333333vw, 1.5rem);
  }
}

.p-timing__period-content-item-check {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 5px;
  -ms-flex-item-align: start;
      align-self: start;
  padding-top: 13px;
}
.p-timing__period-content-item-check p {
  color: #F47500;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 0.8125rem;
  font-weight: 800;
  line-height: 1.5;
  /* 184.615% */
}

.p-timing__period-content-item-check-img {
  width: 12px;
  height: 16px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.p-timing__period-content-item-check-list-item {
  padding-top: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 5px;
}
.p-timing__period-content-item-check-list-item p {
  color: #333;
  /* regular14px1.5em */
  font-family: "Noto Sans JP", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
  /* 150% */
}
@media screen and (min-width: 768px) {
  .p-timing__period-content-item-check-list-item p {
    font-size: clamp(0.75rem, 0.5833333333rem + 0.3472222222vw, 1rem);
  }
}

.p-timing__period-content-item-img {
  width: 14px;
  height: 14px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

/*----------------------------------
    talk
-----------------------------------*/
.p-talk {
  padding-block: 40px 25px;
}
@media screen and (min-width: 768px) {
  .p-talk {
    padding-block: 60px 38px;
  }
}

.p-talk__inner {
  padding-inline: 25px;
  max-width: 500px;
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .p-talk__inner {
    max-width: 1920px;
    padding-inline: clamp(40px, 40px + (380) * (100vw - 768px) / (1920 - 768), 420px);
  }
}

.p-talk__title h2 {
  color: #14135B;
  text-align: center;
  /* bold24px1.5em */
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.5;
  /* 150% */
}
@media screen and (min-width: 768px) {
  .p-talk__title h2 {
    font-size: clamp(1.5rem, 1rem + 1.0416666667vw, 2.25rem);
  }
}

.p-talk__content {
  padding-top: 25px;
}

.p-talk__content-item-text-1 p {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.5;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .p-talk__content-item-text-1 p {
    font-size: clamp(1.25rem, 1.0833333333rem + 0.3472222222vw, 1.5rem);
  }
}

.p-talk__content-item-text-2 {
  padding-top: 25px;
}
.p-talk__content-item-text-2 p {
  color: #333;
  text-align: center;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.5;
  /* 150% */
}

.p-talk__content-item-text-3 {
  padding-top: 10px;
}
.p-talk__content-item-text-3 p {
  color: #333;
  text-align: center;
  /* reguar18px1.5em */
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.5;
  /* 150% */
}

.p-talk__content-item-text-4 {
  padding-top: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
@media screen and (min-width: 768px) {
  .p-talk__content-item-text-4 {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.p-talk__content-item-text-4 p {
  color: #14135B;
  text-align: center;
  /* reguar18px1.5em */
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.5;
  /* 150% */
}

.p-talk__content-item-img {
  width: 70px;
}

.p-talk__content-item-text-5 {
  padding-top: 10px;
}
.p-talk__content-item-text-5 p {
  color: #333;
  text-align: center;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.5;
  /* 150% */
}

.p-talk__content-item-wrap {
  margin-top: 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 15px 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 20px;
  background: #F3F3F7;
}
@media screen and (min-width: 768px) {
  .p-talk__content-item-wrap {
    padding: 30px 20px;
  }
}

.p-talk__content-item-wrap-text-1 p {
  color: #14135B;
  text-align: center;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.5;
  /* 150% */
}
@media screen and (min-width: 768px) {
  .p-talk__content-item-wrap-text-1 p {
    font-size: clamp(1.25rem, 1.0833333333rem + 0.3472222222vw, 1.5rem);
  }
}

.p-talk__content-item-wrap-text-2 {
  padding-top: 2px;
}
.p-talk__content-item-wrap-text-2 p {
  color: #14135B;
  text-align: center;
  /* bold20px1.5em */
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.5;
  /* 150% */
}
@media screen and (min-width: 768px) {
  .p-talk__content-item-wrap-text-2 p {
    font-size: clamp(1.375rem, 1.0416666667rem + 0.6944444444vw, 1.875rem);
  }
}

/*----------------------------------
    accompany
-----------------------------------*/
.p-accompany {
  padding-block: 0 27px;
}
@media screen and (min-width: 768px) {
  .p-accompany {
    padding-block: 0 46px;
  }
}

.p-accompany__inner {
  padding-inline: 25px;
  max-width: 500px;
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .p-accompany__inner {
    max-width: 1920px;
    padding-inline: clamp(25px, 25px + (445) * (100vw - 768px) / (1920 - 768), 470px);
  }
}

.p-accompany__img {
  width: 70px;
  height: 70px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-item-align: center;
      align-self: center;
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .p-accompany__img {
    width: clamp(70px, 70px + (30) * (100vw - 768px) / (1920 - 768), 100px);
    height: clamp(70px, 70px + (31) * (100vw - 768px) / (1920 - 768), 101px);
  }
}

.p-accompany__title {
  margin-top: -1px;
}
.p-accompany__title h2 {
  color: #14135B;
  text-align: center;
  /* bold24px1.5em */
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.6;
  /* 150% */
}
@media screen and (min-width: 768px) {
  .p-accompany__title h2 {
    font-size: clamp(1.5rem, 1rem + 1.0416666667vw, 2.25rem);
  }
}

.p-accompany__text {
  padding-top: 17px;
}
@media screen and (min-width: 768px) {
  .p-accompany__text {
    padding-top: 26px;
  }
}
.p-accompany__text p {
  color: #333;
  /* reguar18px1.5em */
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.5;
}
@media screen and (min-width: 768px) {
  .p-accompany__text p {
    font-size: clamp(0.875rem, 0.7083333333rem + 0.3472222222vw, 1.125rem);
    text-align: center;
  }
}

.p-accompany__items {
  padding-top: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 25px;
}
@media screen and (min-width: 768px) {
  .p-accompany__items {
    padding-top: 25px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    gap: clamp(18px, 18px + (22) * (100vw - 768px) / (1920 - 768), 40px);
  }
}

.p-accompany__item {
  padding-bottom: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
@media screen and (min-width: 768px) {
  .p-accompany__item {
    width: clamp(220px, 220px + (80) * (100vw - 768px) / (1920 - 768), 300px);
  }
}

.p-accompany__item-img {
  width: 300px;
}
@media screen and (min-width: 768px) {
  .p-accompany__item-img {
    width: clamp(190px, 190px + (110) * (100vw - 768px) / (1920 - 768), 300px);
  }
}

.p-accompany__item-title p {
  color: #14135B;
  text-align: center;
  /* bold24px1.5em */
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.5;
  /* 150% */
}
@media screen and (min-width: 768px) {
  .p-accompany__item-title p {
    font-size: clamp(1rem, 0.6666666667rem + 0.6944444444vw, 1.5rem);
  }
}

.p-accompany__item-text p {
  color: #333;
  text-align: justify;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  /* 150% */
}
@media screen and (min-width: 768px) {
  .p-accompany__item-text p {
    font-size: clamp(0.75rem, 0.5833333333rem + 0.3472222222vw, 1rem);
  }
}

.p-accompany__item-wrap {
  padding-top: 5px;
}

.p-accompany__item-label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 4px 9px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  border-radius: 10px;
  border: 1px solid #14135B;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.p-accompany__item-label p {
  color: #14135B;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 0.8125rem;
  font-weight: 700;
  line-height: 1;
  /* 100% */
}
@media screen and (min-width: 768px) {
  .p-accompany__item-label p {
    font-size: clamp(0.8125rem, 0.8125rem + 0vw, 0.8125rem);
  }
}

.p-accompany__item-wrap ul {
  padding-top: 3px;
  padding-inline: 7px;
}
.p-accompany__item-wrap li {
  position: relative;
  padding-left: 1em;
}
.p-accompany__item-wrap li::before {
  content: "・";
  position: absolute;
  left: -4px;
  top: -1px;
  color: #333;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.5;
}
.p-accompany__item-wrap li p {
  color: #333;
  /* regular16px1.5em */
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
}
@media screen and (min-width: 768px) {
  .p-accompany__item-wrap li p {
    font-size: clamp(0.875rem, 0.7916666667rem + 0.1736111111vw, 1rem);
  }
}
.p-accompany__item-wrap .p-accompany__item-wrap-text p {
  color: #333;
  text-align: justify;
  /* regular16px1.5em */
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
}
@media screen and (min-width: 768px) {
  .p-accompany__item-wrap .p-accompany__item-wrap-text p {
    font-size: clamp(0.875rem, 0.7916666667rem + 0.1736111111vw, 1rem);
  }
}
.p-accompany__item-wrap .p-accompany__item-wrap-text p + p {
  padding-top: 5px;
}

/*----------------------------------
    service-example
-----------------------------------*/
.p-service-example {
  padding-block: 40px 36px;
  background: #F3F3F7;
}
@media screen and (min-width: 768px) {
  .p-service-example {
    padding-block: 60px;
  }
}

.p-case__inner {
  padding-inline: 25px;
  max-width: 450px;
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .p-case__inner {
    max-width: 1920px;
    padding-inline: clamp(25px, 25px + (418) * (100vw - 768px) / (1920 - 768), 443px);
  }
}

.p-service-example__title h2 {
  color: #14135B;
  text-align: center;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.5;
  -webkit-text-stroke-width: 7px;
  -webkit-text-stroke-color: #fff;
  paint-order: stroke fill;
}
@media screen and (min-width: 768px) {
  .p-service-example__title h2 {
    font-size: 2.25rem;
  }
}

.p-service-example__text {
  padding-top: 26px;
}
@media screen and (min-width: 768px) {
  .p-service-example__text {
    padding-top: 23px;
  }
}
.p-service-example__text p {
  color: #333;
  text-align: center;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.5;
}
@media screen and (min-width: 768px) {
  .p-service-example__text p {
    font-size: clamp(0.875rem, 0.7083333333rem + 0.3472222222vw, 1.125rem);
  }
}

.p-service-example__content {
  padding-top: 26px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
}
@media screen and (min-width: 768px) {
  .p-service-example__content {
    gap: 31px;
  }
}

.p-service-example__content-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .p-service-example__content-items {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    gap: clamp(16px, 16px + (15) * (100vw - 768px) / (1920 - 768), 31px);
  }
}

.p-service-example__content-item {
  border-radius: 10px;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .p-service-example__content-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}

.p-service-example__content-item-head {
  border-radius: 10px 10px 0 0;
  background: #14135B;
  position: relative;
  min-height: 44px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.p-service-example__content-item-head-img {
  width: 60px;
  position: absolute;
  top: 50%;
  left: 7.5px;
  -webkit-transform: translate(0%, -50%);
          transform: translate(0%, -50%);
}

.p-service-example__content-item-head-title {
  padding-left: 60px;
}
.p-service-example__content-item-head-title p {
  color: #FFF;
  text-align: center;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
}
@media screen and (min-width: 768px) {
  .p-service-example__content-item-head-title p {
    font-size: clamp(0.875rem, 0.7916666667rem + 0.1736111111vw, 1rem);
  }
}

.p-service-example__content-item-body {
  border-radius: 0 0 10px 10px;
  border-right: 1px solid #14135B;
  border-bottom: 1px solid #14135B;
  border-left: 1px solid #14135B;
  background: #FFF;
  padding: 20px;
}
@media screen and (min-width: 768px) {
  .p-service-example__content-item-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    min-height: 0;
  }
}

@media screen and (min-width: 768px) {
  .p-service-example__content-item-body-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    min-height: 0;
  }
}

.p-service-example__content-item-body-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 7px;
}
@media screen and (min-width: 768px) {
  .p-service-example__content-item-body-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 7px;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    min-height: 0;
  }
}
.p-service-example__content-item-body-text p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-width: 120px;
  padding-block: 5px;
  padding-inline: 10px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 32px;
  background: #F3F3F7;
  color: #14135B;
  text-align: center;
  /* tab */
  font-family: "Noto Sans JP", sans-serif;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.21;
}
@media screen and (min-width: 768px) {
  .p-service-example__content-item-body-text p {
    font-size: clamp(0.75rem, 0.6666666667rem + 0.1736111111vw, 0.875rem);
    padding-inline: clamp(6px, 6px + (4) * (100vw - 768px) / (1920 - 768), 10px);
  }
}

/*----------------------------------
    compare
-----------------------------------*/
.p-compare {
  padding-block: 40px 36px;
}
@media screen and (min-width: 768px) {
  .p-compare {
    padding-block: 60px 56px;
  }
}

.p-compare__inner {
  padding-inline: 25px;
  max-width: 650px;
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .p-compare__inner {
    max-width: 1920px;
    padding-inline: clamp(25px, 25px + (418) * (100vw - 768px) / (1920 - 768), 443px);
  }
}

.p-compare__title {
  color: #14135B;
  text-align: center;
  /* bold24px1.5em */
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.5;
}
@media screen and (min-width: 768px) {
  .p-compare__title {
    font-size: 2.25rem;
  }
}

.p-compare__sp-scroll {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
  padding-top: 24px;
}
@media screen and (min-width: 768px) {
  .p-compare__sp-scroll {
    display: none;
  }
}
.p-compare__sp-scroll p {
  color: #14135B;
  text-align: center;
  font-family: "Roboto", sans-serif;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.5;
}

.p-compare__sp-scroll-img {
  width: 10px;
  margin-top: -2.5px;
}

/*----------------------------------
    table

-----------------------------------*/
.p-compare__content {
  overflow-x: auto;
  padding-inline: 25px;
  margin-top: 5px;
}
@media screen and (min-width: 768px) {
  .p-compare__content {
    margin-inline: auto;
    padding-inline: 0;
    overflow-x: visible;
    max-width: 1920px;
    padding-inline: clamp(25px, 25px + (418) * (100vw - 768px) / (1920 - 768), 443px);
    margin-top: 20px;
  }
}

th,
td,
tr {
  height: 68.6px;
}
.p-compare__table-row--last {
  height: 130px;
}
.p-compare__table-row--last td {
  height: 100%;
  height: 130px;
}

.p-compare__table-header-item--first {
  min-width: 125px;
  height: 69px;
}
@media screen and (min-width: 768px) {
  .p-compare__table-header-item--first {
    min-width: clamp(125px, 125px + (40) * (100vw - 768px) / (1920 - 768), 165px);
  }
}

.p-compare__table {
  min-width: 600px;
  width: 100%;
  border-collapse: collapse;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .p-compare__table {
    min-width: auto;
    margin-left: clamp(0px, 0px + (60) * (100vw - 768px) / (1920 - 768), 60px);
  }
}

.p-compare__table-header-item {
  padding: 20px;
  text-align: center;
  vertical-align: middle;
  color: #fff;
  border-radius: 20px 20px 0 0;
}
.p-compare__table-header-item:first-child {
  background: transparent;
  border: none;
}
.p-compare__table-header-item--tanomate {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #14135B;
  border: 1px solid #14135B;
  gap: 10px;
  min-width: 365px !important;
  max-width: 365px !important;
}
@media screen and (min-width: 768px) {
  .p-compare__table-header-item--tanomate {
    min-width: 390px !important;
    min-width: clamp(260px, 260px + (130) * (100vw - 768px) / (1920 - 768), 390px) !important;
    max-width: clamp(260px, 260px + (130) * (100vw - 768px) / (1920 - 768), 390px);
  }
}

.p-compare__table-header-item--general {
  background: #B4B4B4;
  min-width: 325px !important;
  max-width: 325px !important;
}
@media screen and (min-width: 768px) {
  .p-compare__table-header-item--general {
    min-width: clamp(220px, 220px + (130) * (100vw - 768px) / (1920 - 768), 350px) !important;
    max-width: clamp(220px, 220px + (130) * (100vw - 768px) / (1920 - 768), 350px);
  }
}

.p-compare__table-header-logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 39px;
}

.p-compare__table-header-title {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.5;
  color: #fff;
}
@media screen and (min-width: 768px) {
  .p-compare__table-header-title {
    font-size: clamp(1.125rem, 1.125rem + 0vw, 1.125rem);
  }
}

.p-compare__table-row {
  border-bottom: 1px solid #E0E0E0;
}
.p-compare__table-row:nth-child(odd) .p-compare__table-label {
  background: #F3F3F7;
}
.p-compare__table-row:nth-child(odd) .p-compare__table-cell {
  background: #F3F3F7;
}
.p-compare__table-row:nth-child(even) .p-compare__table-label {
  background: #FFF;
}
.p-compare__table-row:nth-child(even) .p-compare__table-cell {
  background: #FFF;
}

.p-compare__table-label {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.5;
  color: #14135B;
  vertical-align: top;
  min-width: 125px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (min-width: 768px) {
  .p-compare__table-label {
    font-size: clamp(0.75rem, 0.6666666667rem + 0.1736111111vw, 0.875rem);
  }
}

.p-compare__table-cell {
  vertical-align: middle;
}
.p-compare__table-cell--tanomate {
  color: #14135B;
}
.p-compare__table-value-number {
  font-size: 1.25rem !important;
}

.p-compare__table-value-number-0 {
  font-size: 2rem !important;
  line-height: 1;
}

.p-compare__table-cell--general .p-compare__table-value {
  color: #555;
  /* 150% */
}

.p-compare__table-value {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
}
@media screen and (min-width: 768px) {
  .p-compare__table-value {
    font-size: clamp(0.875rem, 0.7916666667rem + 0.1736111111vw, 1rem);
    line-height: 1.3;
  }
}
@media screen and (min-width: 950px) {
  .p-compare__table-value {
    line-height: 1.5;
  }
}

.p-compare__table-desc {
  color: #555;
  text-align: center;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
  /* regular14px1.5em */
  /* 150% */
}
@media screen and (min-width: 768px) {
  .p-compare__table-desc {
    font-size: clamp(0.875rem, 0.875rem + 0vw, 0.875rem);
  }
}

.p-compare__table-list {
  list-style: none;
  margin: 0 auto;
  padding-left: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (min-width: 768px) {
  .p-compare__table-list {
    padding-left: clamp(15px, 15px + (15) * (100vw - 768px) / (1920 - 768), 30px);
  }
}

.p-compare__table-list--general {
  margin-inline: auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
@media screen and (min-width: 768px) {
  .p-compare__table-list--general {
    padding-left: 0;
  }
}

.p-compare__table-list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-item-align: start;
      align-self: flex-start;
  gap: 10px;
  color: #14135B;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  position: relative;
  padding-left: 20px;
}
@media screen and (min-width: 768px) {
  .p-compare__table-list-item {
    font-size: clamp(0.75rem, 0.5833333333rem + 0.3472222222vw, 1rem);
  }
}
.p-compare__table-list-item::before {
  content: "1";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 16px;
  height: 16px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  aspect-ratio: 1/1;
  border-radius: 16px;
  background: #F47500;
  color: #FFF;
  text-align: center;
  font-family: "Noto Sans JP";
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 1;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  position: absolute;
  padding-bottom: 1px;
  top: 50%;
  translate: 0 -50%;
  left: 0;
}
.p-compare__table-list-item:nth-child(2)::before {
  content: "2";
}
.p-compare__table-list-item:nth-child(3)::before {
  content: "3";
}
.p-compare__table-list-item:nth-child(4)::before {
  content: "4";
}

.p-compare__table-list--general .p-compare__table-list-item {
  color: #555;
}
.p-compare__table-list--general .p-compare__table-list-item::before {
  content: "1";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 16px;
  height: 16px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 16px;
  border: 1px solid #555;
  background: #FFF;
  color: #555;
  text-align: center;
  font-family: "Noto Sans JP";
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 1;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  position: absolute;
  padding-bottom: 1px;
  top: 50%;
  translate: 0 -50%;
  left: 0;
}

/*----------------------------------
    flow
-----------------------------------*/
.p-flow {
  padding-block: 40px;
  background: #F3F3F7;
}
@media screen and (min-width: 768px) {
  .p-flow {
    padding-block: 60px;
  }
}

.p-flow__inner {
  padding-inline: 20px;
  max-width: 460px;
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .p-flow__inner {
    max-width: 1920px;
    padding-inline: clamp(20px, 20px + (400) * (100vw - 768px) / (1920 - 768), 420px);
  }
}

.p-flow__title {
  padding-top: 30px;
  /* 150% */
}
.p-flow__title h2 {
  color: #14135B;
  text-align: center;
  /* bold24px1.5em */
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.5;
}
@media screen and (min-width: 768px) {
  .p-flow__title h2 {
    font-size: clamp(1.5rem, 1rem + 1.0416666667vw, 2.25rem);
  }
}

.p-flow__text {
  padding-top: 15px;
}
@media screen and (min-width: 768px) {
  .p-flow__text {
    padding-top: 22px;
  }
}
.p-flow__text p {
  color: #333;
  text-align: center;
  /* reguar18px1.5em */
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.5;
  /* 150% */
}

.p-flow__content {
  background: #fff;
  padding-inline: 25px;
  border-radius: 20px;
  -webkit-padding-after: 20px;
          padding-block-end: 20px;
}
@media screen and (min-width: 768px) {
  .p-flow__content {
    padding-inline: clamp(10px, 10px + (20) * (100vw - 768px) / (1920 - 768), 30px);
    -webkit-padding-after: 18px;
            padding-block-end: 18px;
  }
}

.p-flow__content-items {
  padding-top: 26px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 15px;
}
@media screen and (min-width: 768px) {
  .p-flow__content-items {
    padding-top: 25px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, auto);
    gap: 15px;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
  }
}
@media screen and (min-width: 950px) {
  .p-flow__content-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 15px;
  }
}

.p-flow__content-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: 15px;
}

.p-flow__content-number {
  width: 67px;
  height: 38px;
}
@media screen and (min-width: 768px) {
  .p-flow__content-number {
    width: 79px;
    height: 26px;
  }
}

.p-flow__content-item-img {
  margin-top: 5px;
}
@media screen and (min-width: 768px) {
  .p-flow__content-item-img {
    margin-top: 9px;
  }
}

.p-flow__content-item-title {
  padding-top: 10px;
  padding-bottom: 10px;
}
.p-flow__content-item-title p {
  color: #14135B;
  text-align: center;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.5;
  /* 150% */
}
@media screen and (min-width: 950px) {
  .p-flow__content-item-title p {
    font-size: clamp(1rem, 0.8775773196rem + 0.206185567vw, 1.125rem);
  }
}

.p-flow__content-item-tag {
  border-radius: 10px;
  border: 1px solid #14135B;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 4px 9px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  -ms-flex-item-align: start;
      align-self: flex-start;
  margin-bottom: 5px;
}
.p-flow__content-item-tag p {
  color: #14135B;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 0.8125rem;
  font-weight: 700;
  line-height: 1;
}

.p-flow__content-item-tag-separator {
  margin-top: 12px;
}

@media screen and (min-width: 768px) {
  .p-flow__content-item-list {
    -ms-flex-item-align: start;
        align-self: flex-start;
  }
}
.p-flow__content-item-list li + li {
  margin-top: 5px;
}

.p-flow__content-item-list-inner {
  padding-inline: 10px;
}

.p-flow__content-item-list-item {
  padding-left: 12px;
  position: relative;
}
.p-flow__content-item-list-item::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.5em;
  width: 6px;
  height: 6px;
  aspect-ratio: 1/1;
  background: #F47500;
  border-radius: 50%;
}
.p-flow__content-item-list-item p {
  color: #333;
  text-align: justify;
  /* regular14px1.5em */
  font-family: "Noto Sans JP", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
  /* 150% */
}
@media screen and (min-width: 950px) {
  .p-flow__content-item-list-item p {
    font-size: clamp(0.75rem, 0.6275773196rem + 0.206185567vw, 0.875rem);
  }
}

.p-flow__content-item-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 10px 15px 10px 12px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 7px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 10px;
  background: #F3F3F7;
  margin-top: 15px;
  margin-bottom: -15px;
}
@media screen and (min-width: 768px) {
  .p-flow__content-item-wrap {
    margin-bottom: 0;
  }
}

.p-flow__content-item-wrap-img {
  width: 16px;
  height: 16px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.p-flow__content-item-wrap-text p {
  color: #565673;
  text-align: justify;
  font-family: "Noto Sans JP";
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
  line-height: 19px;
  /* 146.154% */
}
@media screen and (min-width: 950px) {
  .p-flow__content-item-wrap-text p {
    font-size: clamp(0.75rem, 0.6887886598rem + 0.1030927835vw, 0.8125rem);
  }
}

/*----------------------------------
    plan
-----------------------------------*/
.p-plan {
  background: #F3F3F7;
  padding-bottom: 40px;
}
@media screen and (min-width: 950px) {
  .p-plan {
    padding-bottom: 60px;
  }
}

.p-plan__inner {
  padding-inline: 20px;
  max-width: 460px;
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .p-plan__inner {
    max-width: 1920px;
    padding-inline: clamp(20px, 20px + (400) * (100vw - 768px) / (1920 - 768), 420px);
  }
}

.p-plan__content {
  background: #fff;
  padding-inline: 25px;
  padding-block: 30px;
  border-radius: 20px;
}
@media screen and (min-width: 768px) {
  .p-plan__content {
    padding-inline: clamp(40px, 40px + (149) * (100vw - 768px) / (1920 - 768), 189px);
  }
}

.p-plan__title h2 {
  color: #14135B;
  text-align: center;
  /* bold24px1.5em */
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.5;
  /* 150% */
}
@media screen and (min-width: 768px) {
  .p-plan__title h2 {
    font-size: clamp(1.5rem, 1rem + 1.0416666667vw, 2.25rem);
  }
}

.p-plan__text {
  padding-top: 25px;
}
.p-plan__text p {
  color: #333;
  text-align: center;
  /* semibold24px1.5em */
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.5;
  /* 150% */
}

.p-plan__text-sub p {
  color: #333;
  text-align: center;
  /* reguar18px1.5em */
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.5;
  /* 150% */
}

.p-plan__wrap {
  margin-top: 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-inline: 20px;
  padding-block: 20px 15px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 10px;
  border: 1px solid #14135B;
  position: relative;
}
@media screen and (min-width: 768px) {
  .p-plan__wrap {
    padding-inline: 20px;
    padding-block: 30px 25px;
    margin-top: 23px;
  }
}
@media screen and (min-width: 950px) {
  .p-plan__wrap {
    padding-inline: 50px;
  }
}

.p-plan__wrap-item-title {
  position: absolute;
  top: 0;
  left: 5%;
  -webkit-transform: translate(0%, -50%);
          transform: translate(0%, -50%);
  background: #fff;
  padding-inline: 4px;
}
@media screen and (min-width: 768px) {
  .p-plan__wrap-item-title {
    left: 2%;
  }
}
.p-plan__wrap-item-title p {
  color: #14135B;
  text-align: center;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
  /* 150% */
}

.p-plan__wrap-df {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (min-width: 768px) {
  .p-plan__wrap-df {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

.p-plan__wrap-df-item p {
  color: #14135B;
  text-align: center;
  /* bold20px1.5em */
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.5;
  /* 150% */
}
@media screen and (min-width: 768px) {
  .p-plan__wrap-df-item p {
    font-size: 1.5rem;
  }
}

.p-plan__wrap-df-item-2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 5px;
  gap: 5px;
}
@media screen and (min-width: 768px) {
  .p-plan__wrap-df-item-2 {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    padding-top: 0;
    gap: 0px;
  }
}
.p-plan__wrap-df-item-2 p {
  color: #14135B;
  text-align: center;
  /* bold20px1.5em */
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.5;
  /* 150% */
}
@media screen and (min-width: 768px) {
  .p-plan__wrap-df-item-2 p {
    font-size: clamp(1.25rem, 1.0833333333rem + 0.3472222222vw, 1.5rem);
  }
}

.p-plan__wrap-border {
  position: relative;
}
.p-plan__wrap-border::before {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 100%;
  height: 10px;
  border-right: 1px solid #999;
  border-bottom: 1px solid #999;
  border-left: 1px solid #999;
}
.p-plan__wrap-border::after {
  content: "";
  position: absolute;
  bottom: -20px;
  left: 50%;
  -webkit-transform: translate(-50%, 50%);
          transform: translate(-50%, 50%);
  width: 1px;
  height: 20px;
  background: #999;
}

.p-plan__wrap-amount {
  padding-top: 30px;
  -ms-flex-item-align: start;
      align-self: flex-start;
  padding-left: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: 2px;
}
@media screen and (min-width: 768px) {
  .p-plan__wrap-amount {
    padding-left: 155px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media screen and (min-width: 950px) {
  .p-plan__wrap-amount {
    padding-left: 135px;
  }
}
.p-plan__wrap-amount p {
  color: #333;
  text-align: center;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.5;
  /* 150% */
}
@media screen and (min-width: 768px) {
  .p-plan__wrap-amount p {
    font-size: 1.25rem;
  }
}

.p-plan__wrap-amount-unit {
  color: #333;
  text-align: center;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1;
  /* 100% */
}

.p-plan__wrap-note {
  padding-top: 20px;
}
@media screen and (min-width: 768px) {
  .p-plan__wrap-note {
    padding-top: 15px;
  }
}
.p-plan__wrap-note p {
  color: #333;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.5;
  /* 150% */
}

.p-plan__wrap-2 {
  margin-top: 25px;
  border-radius: 10px;
  background: #F3F3F7;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 15px 10px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}
@media screen and (min-width: 768px) {
  .p-plan__wrap-2 {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    min-height: 110px;
  }
}

.p-plan__wrap-2-item-title {
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(20, 19, 91, 0.5);
  width: 100%;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .p-plan__wrap-2-item-title {
    width: clamp(120px, 120px + (20) * (100vw - 768px) / (1920 - 768), 140px);
    border-right: 1px solid rgba(20, 19, 91, 0.5);
    border-bottom: none;
    padding-bottom: 0;
    padding-right: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-item-align: stretch;
        align-self: stretch;
    height: auto;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
}
.p-plan__wrap-2-item-title p {
  color: #14135B;
  text-align: center;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
  /* 150% */
}

.p-plan__wrap-2-item-text {
  /* 150% */
}
@media screen and (min-width: 768px) {
  .p-plan__wrap-2-item-text {
    -ms-flex-item-align: center;
        align-self: center;
    width: 100%;
  }
}
.p-plan__wrap-2-item-text p {
  color: #333;
  text-align: center;
  /* regular16px1.5em */
  font-family: "Noto Sans JP";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}
.p-plan__wrap-2-item-text p + p {
  padding-top: 5px;
}
.p-plan__wrap-2-item-text .p-plan__wrap-2-item-text-sub {
  color: #333;
  text-align: center;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.5;
  /* 150% */
}
@media screen and (min-width: 768px) {
  .p-plan__wrap-2-item-text .p-plan__wrap-2-item-text-sub {
    font-size: clamp(1.125rem, 1.0416666667rem + 0.1736111111vw, 1.25rem);
  }
}

/*----------------------------------
    qa
-----------------------------------*/
.p-qa {
  padding-block: 40px 70px;
}
@media screen and (min-width: 768px) {
  .p-qa {
    padding-block: 60px 90px;
  }
}

.p-qa__inner {
  padding-inline: 20px;
  max-width: 460px;
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .p-qa__inner {
    max-width: 1920px;
    padding-inline: clamp(20px, 20px + (400) * (100vw - 768px) / (1920 - 768), 420px);
  }
}

.p-qa__title h2 {
  color: #14135B;
  text-align: center;
  /* bold24px1.5em */
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.5;
  /* 150% */
}
@media screen and (min-width: 768px) {
  .p-qa__title h2 {
    font-size: clamp(1.5rem, 1.25rem + 0.5208333333vw, 1.875rem);
  }
}

.p-qa__content {
  padding-top: 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 30px;
}
@media screen and (min-width: 768px) {
  .p-qa__content {
    padding-top: 22px;
  }
}

.p-qa__content-item {
  border-radius: 10px;
}

.p-qa__content-item-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #F3F3F7;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
  padding-inline: 15px;
  padding-block: 10px;
}

.p-qa__content-item-head-mark {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: #F47500;
  color: #fff;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.p-qa__content-item-head-text {
  color: #333;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
}

.p-qa__content-item-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 5px;
  padding-inline: 15px;
  padding-block: 10px;
}

.p-qa__content-item-body-mark {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: #fff;
  border: 1px solid #F47500;
  color: #F47500;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.p-qa__content-item-body-text {
  color: #14135B;
  /* regular16px1.5em */
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  /* 150% */
}

/*----------------------------------
    contact
-----------------------------------*/
.p-contact {
  padding-block: 29px 27px;
  background: #F3F3F7;
}
@media screen and (min-width: 768px) {
  .p-contact {
    padding-block: 60px 60px;
  }
}

.p-contact__inner {
  padding-inline: 20px;
  max-width: 460px;
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .p-contact__inner {
    max-width: 1920px;
    padding-inline: clamp(20px, 20px + (360) * (100vw - 768px) / (1920 - 768), 380px);
  }
}

.p-contact__contents {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 40px 20px 10px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 20px;
  background: #FFF;
}
@media screen and (min-width: 768px) {
  .p-contact__contents {
    padding-inline: clamp(20px, 20px + (20) * (100vw - 768px) / (1920 - 768), 40px);
  }
}

.p-contact__title {
  padding-bottom: 23px;
}
.p-contact__title h2 {
  color: #14135B;
  /* bold24px1.5em */
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.5;
  /* 150% */
}
@media screen and (min-width: 768px) {
  .p-contact__title h2 {
    font-size: clamp(1.5rem, 1.25rem + 0.5208333333vw, 1.875rem);
  }
}

.contact-contents__item-title label {
  color: #14135B;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.5;
}

.required-label-contact {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 2px 5px 4px 5px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  border-radius: 5px;
  background: #F47500;
  color: #fff;
  text-align: center;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 0.6875rem;
  font-weight: 700;
  line-height: 1;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  /* 109.091% */
}

form {
  width: 100%;
}

.contact-contents__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 14px;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .contact-contents__items {
    gap: 13px;
  }
}

.contact-contents__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 7px;
}
@media screen and (min-width: 950px) {
  .contact-contents__item {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}

.contact-contents__item-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
}
@media screen and (min-width: 950px) {
  .contact-contents__item-title {
    width: 205px;
  }
}
.contact-contents__item-title p {
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.contact-contents__item-title label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
}
@media screen and (min-width: 768px) {
  .contact-contents__item-title label {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}

.required-label-contact {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 2px 5px 4px 5px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  border-radius: 5px;
  background: #F47500;
  color: #fff;
  text-align: center;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 0.6875rem;
  font-weight: 700;
  line-height: 1;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.p-contact__adress-n {
  min-height: 80px;
  height: 80px;
}
@media screen and (min-width: 768px) {
  .p-contact__adress-n {
    min-height: 55px;
    height: 55px;
  }
}

.contact-contents__item-input--text {
  width: 100%;
}
.contact-contents__item-input--text p {
  margin: 0;
}
.contact-contents__item-input--text input[type=text],
.contact-contents__item-input--text input[type=email],
.contact-contents__item-input--text input[type=tel] {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 15px 20px;
  border-radius: 5px;
  border: 1px solid #D9D9D9;
  background: #F3F3F7;
  /* regular16px1.5em */
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1;
  /* 150% */
}
.contact-contents__item-input--text input[type=text]::-webkit-input-placeholder, .contact-contents__item-input--text input[type=email]::-webkit-input-placeholder, .contact-contents__item-input--text input[type=tel]::-webkit-input-placeholder {
  color: rgba(51, 51, 51, 0.5);
}
.contact-contents__item-input--text input[type=text]::-moz-placeholder, .contact-contents__item-input--text input[type=email]::-moz-placeholder, .contact-contents__item-input--text input[type=tel]::-moz-placeholder {
  color: rgba(51, 51, 51, 0.5);
}
.contact-contents__item-input--text input[type=text]:-ms-input-placeholder, .contact-contents__item-input--text input[type=email]:-ms-input-placeholder, .contact-contents__item-input--text input[type=tel]:-ms-input-placeholder {
  color: rgba(51, 51, 51, 0.5);
}
.contact-contents__item-input--text input[type=text]::-ms-input-placeholder, .contact-contents__item-input--text input[type=email]::-ms-input-placeholder, .contact-contents__item-input--text input[type=tel]::-ms-input-placeholder {
  color: rgba(51, 51, 51, 0.5);
}
.contact-contents__item-input--text input[type=text]::placeholder,
.contact-contents__item-input--text input[type=email]::placeholder,
.contact-contents__item-input--text input[type=tel]::placeholder {
  color: rgba(51, 51, 51, 0.5);
}
.contact-contents__item-input--text input[type=text]:focus,
.contact-contents__item-input--text input[type=email]:focus,
.contact-contents__item-input--text input[type=tel]:focus {
  outline: none;
  border-color: #14135B;
}

.u-textarea {
  width: 100%;
}
.u-textarea p {
  margin: 0;
}
.u-textarea textarea {
  width: 100%;
  padding: 15px 20px;
  border-radius: 5px;
  border: 1px solid #D9D9D9;
  background: #F3F3F7;
  /* regular16px1.5em */
  font-family: "Noto Sans JP";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  /* 150% */
}
.u-textarea textarea::-webkit-input-placeholder {
  color: rgba(51, 51, 51, 0.5);
}
.u-textarea textarea::-moz-placeholder {
  color: rgba(51, 51, 51, 0.5);
}
.u-textarea textarea:-ms-input-placeholder {
  color: rgba(51, 51, 51, 0.5);
}
.u-textarea textarea::-ms-input-placeholder {
  color: rgba(51, 51, 51, 0.5);
}
.u-textarea textarea::placeholder {
  color: rgba(51, 51, 51, 0.5);
}
.u-textarea textarea:focus {
  outline: none;
  border-color: #14135B;
}

.contact-contents__item-radio {
  padding-top: 5px;
}
@media screen and (min-width: 768px) {
  .contact-contents__item-radio {
    padding-top: 7px;
  }
}

.contact-contents__item-check-box {
  width: 100%;
}
.contact-contents__item-check-box p {
  margin: 0;
}
.contact-contents__item-check-box .wpcf7-radio {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 10px;
  -webkit-column-gap: 28px;
     -moz-column-gap: 28px;
          column-gap: 28px;
}
@media screen and (min-width: 768px) {
  .contact-contents__item-check-box .wpcf7-radio {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 28px;
  }
}
@media screen and (min-width: 950px) {
  .contact-contents__item-check-box .wpcf7-radio {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: clamp(10px, 10px + (18) * (100vw - 950px) / (1920 - 950), 28px);
  }
}
.contact-contents__item-check-box .wpcf7-list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin: 0;
}
.contact-contents__item-check-box .wpcf7-list-item label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 3px;
  cursor: pointer;
  color: #333;
  /* regular16px1.5em */
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  /* 150% */
  white-space: nowrap;
}
.contact-contents__item-check-box .wpcf7-list-item input[type=radio] {
  width: 20px;
  height: 20px;
  border: 2px solid #44464F;
  border-radius: 50%;
  cursor: pointer;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  position: relative;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin: 0;
}
.contact-contents__item-check-box .wpcf7-list-item input[type=radio]:checked {
  border-color: #44464F;
  background: #fff;
}
.contact-contents__item-check-box .wpcf7-list-item input[type=radio]:checked::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #44464F;
}
.contact-contents__item-check-box .wpcf7-list-item input[type=radio]:focus {
  outline: none;
  border-color: #44464F;
}

.contact-contents__item-number {
  padding-top: 5px;
}

.contact-contents__item-start-date {
  padding-top: 9px;
}
@media screen and (min-width: 950px) {
  .contact-contents__item-start-date {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-top: 10px;
  }
}

.contact-contents__item-message {
  padding-top: 8px;
}

.un__contact__contents-form {
  margin-top: 42px;
  text-align: center;
}
.un__contact__contents-form p {
  position: relative;
  display: inline-block;
}
.un__contact__contents-form p::before {
  content: "";
  position: absolute;
  left: 42px;
/*   top: 34%; */
	top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 20px;
  height: 20px;
  background-image: url("../img/contacr-icon.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  z-index: 1;
  pointer-events: none;
}
@media screen and (min-width: 768px) {
  .un__contact__contents-form p::before {
    left: 75px;
  }
}

.contact-contents__btn {
  width: 295px;
  height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-left: 28px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 7px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  position: relative;
  border-radius: 68px;
  background: #14135B;
  color: #FFF;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.5;
  /* 100% */
  cursor: pointer;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  border: none;
}
@media screen and (min-width: 768px) {
  .contact-contents__btn {
    width: 360px;
  }
}
.contact-contents__btn:hover:not(:disabled) {
  opacity: 0.8;
}

.p-contact__message-n {
  height: 250px;
  min-height: 250px;
}

.u-visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

@media screen and (min-width: 768px) {
  .u-hidden-pc {
    display: none;
  }
}

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

.u-fz-14 {
  font-size: 0.875rem;
}

.u-fz-36 {
  font-size: 2.25rem;
}

.u-color-white {
  color: #fff;
}

.u-color-main {
  color: #14135B;
}

.u-color-accent {
  color: #F47500;
}

.u-color-emphasis {
  color: #FFFD6B;
}

.u-bg-white {
  background-color: #fff;
}

.u-bg-main {
  background-color: #14135B;
}

.u-dib {
  display: inline-block;
}

.u-db {
  display: block;
}

.u-di {
  display: inline;
}

.u-fw-bold-600 {
  font-weight: 600;
}

.u-fw-bold-700 {
  font-weight: 700;
}

@media screen and (min-width: 1440px) {
  .u-text__underline-pc {
    text-decoration-line: underline;
    text-decoration-style: solid;
    -webkit-text-decoration-skip-ink: none;
            text-decoration-skip-ink: none;
    text-decoration-color: rgba(255, 253, 107, 0.7);
    text-decoration-thickness: 30%;
    text-underline-position: from-font;
  }
}

.u-text__underline {
  text-decoration-line: underline;
  text-decoration-style: solid;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
  text-decoration-color: rgba(255, 253, 107, 0.7);
  text-decoration-thickness: 20%;
  text-underline-offset: 2%;
  text-underline-position: from-font;
}

.u-text__dot {
  position: relative;
  display: inline-block;
}
.u-text__dot::before {
  content: "";
  position: absolute;
  top: 0px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 6px;
  height: 6px;
  background-color: #F47500;
  border-radius: 50%;
}

.u-text__dot-2 {
  position: relative;
  display: inline-block;
}
.u-text__dot-2::before {
  content: "";
  position: absolute;
  top: -2.5px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 6px;
  height: 6px;
  background-color: #F47500;
  border-radius: 50%;
}

.u-text__dot-text {
  position: relative;
  display: inline-block;
}
.u-text__dot-text::before {
  content: "";
  position: absolute;
  top: -1px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 4px;
  height: 4px;
  background-color: #F47500;
  border-radius: 50%;
}

.u-text-roboto-mono {
  font-family: "Roboto Mono", sans-serif;
}

.u-text-roboto {
  font-family: "Roboto", sans-serif;
}

.u-text-lh-13 {
  line-height: 1.3;
}
/* Contact Form 7 の隠しフィールド用 fieldset の枠線を消す */
.hidden-fields-container,
fieldset.hidden-fields-container {
  border: none;
  margin: 0;
  padding: 0;
}