@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;
}

/*----------------------------------
    基本のカラー
-----------------------------------*/
/*----------------------------------
    見出しのカラー
-----------------------------------*/
/*----------------------------------
    color-関数
    $color-base: #2da4a7;を変更すれば全体の色味が変わります
-----------------------------------*/
:root {
  --color-50: #f5fafb;
  --color-100: #eaf6f6;
  --color-200: #7accc6;
  --color-300: #96d2d3;
  --color-400: #58c4bc;
  --color-500: #00a8a0;
  --color-600: #1e3c5e;
  --color-700: #175254;
  --color-800: #0e3132;
  --color-900: #051011;
  --color-950: #020808;
}

/*----------------------------------
    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: #333333;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.7;
}

img {
  width: 100%;
  height: auto;
}

a {
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease; /* 透過度の変化にアニメーションを適用 */
  color: inherit;
}
a:hover {
  opacity: 0.7; /* ホバー時の透過度を設定 */
}

@media (min-width: 768px) {
  a[href*="tel:"] {
    pointer-events: none;
    cursor: default;
  }
}
.dib-pc {
  display: inline-block;
}

.fixed-img {
  z-index: 100;
  position: fixed;
  left: 0; /* 画面左端に固定 */
  bottom: 0; /* 画面下に固定 */
  width: 100%;
}

.noto-serif-jp-Bold {
  font-family: "Noto Serif JP", serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}

.eb-garamond-bold-italic {
  font-family: "EB Garamond", serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: italic;
}

/*----------------------------------
    header-switch
-----------------------------------*/
.l-header__tel-wrapper1-switch {
  display: none;
}

.l-header__tel-wrapper2-switch {
  display: none;
}

.l-header__tel-wrapper3-switch {
  display: none;
}

.l-header__tel-wrapper4-switch {
  display: none;
}

.l-header__wrapper-pc-switch2 {
  display: none;
}

.l-header__wrapper-pc-switch3 {
  display: none;
}

.l-header__wrapper-pc-switch4 {
  display: none;
}

.l-header__wrapper-pc-switch5 {
  display: none;
}

.l-header__wrapper-pc-switch6 {
  display: none;
}

.l-header__wrapper-pc-switch7 {
  display: none;
}

.l-header__wrapper-pc-switch8 {
  display: none;
}

.l-header__wrapper-pc-switch9 {
  display: none;
}

/*----------------------------------
    cta-switch
-----------------------------------*/
/*----------------------------------
    cta-switch
-----------------------------------*/
/*----------------------------------
    cta-switch
-----------------------------------*/
/*----------------------------------
    cta-switch
-----------------------------------*/
/*----------------------------------
    trouble-switch
-----------------------------------*/
/*----------------------------------
    solution-switch
-----------------------------------*/
/*----------------------------------
    flow-switch
-----------------------------------*/
/*----------------------------------
    price-switch
-----------------------------------*/
/*----------------------------------
    form-switch
-----------------------------------*/
/*----------------------------------
    form-switch
-----------------------------------*/
/*----------------------------------
    voice-switch
-----------------------------------*/
/*----------------------------------
    about-switch
-----------------------------------*/
/*----------------------------------
    footer-switch
-----------------------------------*/
.p-footer-switch-1 {
  display: none;
}

.p-footer-switch-2 {
  display: none;
}

.p-footer-switch-3 {
  display: none;
}

.p-footer-switch-4 {
  display: none;
}

.p-footer-switch-5 {
  display: none;
}

/*----------------------------------
    trouble-switch
-----------------------------------*/
/*----------------------------------
    trouble-switch
-----------------------------------*/
.l-inner {
  padding-inline: 24px;
  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) / (1366 - 768), 203px);
  }
}

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

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

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

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

.l-form-inner {
  padding-inline: 24px;
  max-width: 542px;
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .l-form-inner {
    max-width: 1366px;
    padding-inline: clamp(50px, 50px + (233) * (100vw - 768px) / (1366 - 768), 283px);
  }
}

.l-header {
  z-index: 103;
  position: sticky;
  left: 0;
  top: 0;
  width: 100%;
  -webkit-transition: top 0.3s ease, visibility 0.3s ease;
  transition: top 0.3s ease, visibility 0.3s ease;
  background: rgba(255, 255, 255, 0.5);
}
@media screen and (min-width: 768px) {
  .l-header {
    left: 0;
    width: 100%;
    background: rgba(255, 255, 255, 0.5);
  }
}

.l-header__wrapper-sp {
  -webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  /*----------------------------------
      header__tel-wrapper1
  -----------------------------------*/
  /*----------------------------------
      header__tel-wrapper2
  -----------------------------------*/
  /*----------------------------------
      header__tel-wrapper3
  -----------------------------------*/
  /*----------------------------------
      header__tel-wrapper4
  -----------------------------------*/
}
@media screen and (min-width: 768px) {
  .l-header__wrapper-sp {
    display: none;
  }
}
.l-header__wrapper-sp .l-header__inner {
  position: relative;
  max-width: 648px;
  height: 100%;
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .l-header__wrapper-sp .l-header__inner {
    max-width: 1500px;
  }
}
.l-header__wrapper-sp .l-header__content {
  position: relative;
  padding-inline: 24px;
  height: 56px;
  margin-inline: auto;
  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: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media screen and (min-width: 768px) {
  .l-header__wrapper-sp .l-header__content {
    padding-inline: 30px 20px;
    height: 100%;
    margin-inline: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.l-header__wrapper-sp .c-logo {
  display: block;
  width: clamp(109px, 109px + (40) * (100vw - 950px) / (1366 - 950), 149px);
}
.l-header__wrapper-sp .l-header__nav {
  display: none;
}
@media screen and (min-width: 768px) {
  .l-header__wrapper-sp .l-header__nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: clamp(20px, 20px + (34) * (100vw - 768px) / (1366 - 768), 54px);
  }
}
.l-header__wrapper-sp .l-header__nav-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: clamp(20px, 20px + (20) * (100vw - 768px) / (1366 - 768), 40px);
}
.l-header__wrapper-sp .menu-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;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #333333;
}
.l-header__wrapper-sp .l-header__menu-ja {
  font-size: clamp(0.625rem, 0.3039297659rem + 0.6688963211vw, 0.875rem);
}
.l-header__wrapper-sp .l-header__btn-wrapper {
  display: none;
}
@media screen and (min-width: 768px) {
  .l-header__wrapper-sp .l-header__btn-wrapper {
    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;
  }
}
.l-header__wrapper-sp .l-header__btn {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.l-header__wrapper-sp .l-header__tel-wrapper1 {
  height: 56px;
  margin-inline: auto;
  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;
}
.l-header__wrapper-sp .l-header__tel-wrapper1 p {
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1;
}
.l-header__wrapper-sp .l-header__tel-wrapper1 .l-header__tel {
  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;
}
.l-header__wrapper-sp .l-header__tel-wrapper1 .l-header__tel p {
  font-size: 1.6875rem;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
}
.l-header__wrapper-sp .l-header__tel-wrapper1 .l-header__contact-phone-img .fas {
  font-size: 1.4375rem;
  width: 23px;
  height: 23px;
  color: #333333;
}
.l-header__wrapper-sp .l-header__tel-wrapper2 {
  height: 56px;
  margin-inline: auto;
  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: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-inline: 9px 14px;
  max-width: 430px;
}
.l-header__wrapper-sp .l-header__tel-wrapper2 .l-header__tel-btn {
  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: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
}
.l-header__wrapper-sp .l-header__tel-wrapper2 .l-header__tel-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-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.l-header__wrapper-sp .l-header__tel-wrapper2 .l-header__tel-wrap p {
  font-size: 0.75rem;
  font-weight: 400;
}
.l-header__wrapper-sp .l-header__tel-wrapper2 .l-header__tel-wrap .l-header__tel {
  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: 2px;
}
.l-header__wrapper-sp .l-header__tel-wrapper2 .l-header__tel-wrap .l-header__tel p {
  font-size: 1rem;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  white-space: nowrap;
}
.l-header__wrapper-sp .l-header__tel-wrapper2 .l-header__contact-phone-img {
  -webkit-transform: rotate(10deg);
  transform: rotate(10deg);
  margin-top: -3px;
}
.l-header__wrapper-sp .l-header__tel-wrapper2 .l-header__contact-phone-img .fas {
  font-size: 0.75rem;
  width: 12px;
  height: 12px;
  color: #333333;
}
.l-header__wrapper-sp .l-header__tel-wrapper3 {
  height: 56px;
  margin-inline: auto;
  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: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
  padding-inline: 9px 14px;
  max-width: 430px;
}
.l-header__wrapper-sp .l-header__tel-wrapper3 .l-header__tel-btn {
  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: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
}
.l-header__wrapper-sp .l-header__tel-wrapper3 .l-header__tel-wrap {
  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;
}
.l-header__wrapper-sp .l-header__tel-wrapper3 .l-header__tel-wrap p {
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1;
}
.l-header__wrapper-sp .l-header__tel-wrapper3 .l-header__tel-wrap .l-header__tel {
  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: 2px;
}
.l-header__wrapper-sp .l-header__tel-wrapper3 .l-header__tel-wrap .l-header__tel p {
  font-size: 1.5rem;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  white-space: nowrap;
  color: var(--color-500);
}
.l-header__wrapper-sp .l-header__tel-wrapper3 .l-header__contact-phone-img {
  -webkit-transform: rotate(10deg);
  transform: rotate(10deg);
  margin-top: -3px;
}
.l-header__wrapper-sp .l-header__tel-wrapper3 .l-header__contact-phone-img .fas {
  font-size: 1.125rem;
  width: 21px;
  height: 21px;
  color: var(--color-500);
}
.l-header__wrapper-sp .l-header__tel-wrapper4 {
  height: 56px;
  margin-inline: auto;
  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;
}
.l-header__wrapper-sp .l-header__tel-wrapper4 p {
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1;
}
.l-header__wrapper-sp .l-header__tel-wrapper4 .l-header__tel {
  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;
}
.l-header__wrapper-sp .l-header__tel-wrapper4 .l-header__tel p {
  font-size: 1.6875rem;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  color: var(--color-500);
}
.l-header__wrapper-sp .l-header__tel-wrapper4 .l-header__contact-phone-img .fas {
  font-size: 1.4375rem;
  width: 23px;
  height: 23px;
  color: var(--color-500);
}
/*----------------------------------
    header--pc
-----------------------------------*/
/*----------------------------------
    header__wrapper-pc1
-----------------------------------*/
.l-header__wrapper-pc1 {
  display: block;
  left: 0;
  width: 100%;
  height: 60px;
  background: #edf48a;
  -webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
@media screen and (min-width: 768px) {
  .l-header__wrapper-pc1 {
    display: block;
    left: 0;
    width: 100%;
    height: 60px;
    background: #edf48a;
    -webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  }
}
.l-header__wrapper-pc1 .l-header__inner {
  position: relative;
  padding-inline: 24px;
  height: 100%;
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .l-header__wrapper-pc1 .l-header__inner {
    padding-inline: 30px 20px;
    max-width: 1500px;
  }
}
.l-header__wrapper-pc1 .l-header__content {
  font-size: 1.25em;
  position: relative;
  height: 56px;
  margin-inline: auto;
  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: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media screen and (min-width: 768px) {
  .l-header__wrapper-pc1 .l-header__content {
    font-size: 1.5em;
    height: 100%;
    margin-inline: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.l-header__wrapper-pc1 .l-header__nav {
  display: none;
}
@media screen and (min-width: 768px) {
  .l-header__wrapper-pc1 .l-header__nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: clamp(20px, 20px + (34) * (100vw - 768px) / (1366 - 768), 54px);
  }
}
.l-header__wrapper-pc1 .l-header__nav-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: clamp(20px, 20px + (20) * (100vw - 768px) / (1366 - 768), 40px);
}
.l-header__wrapper-pc1 .menu-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;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #333333;
}
.l-header__wrapper-pc1 .l-header__menu-ja {
  font-size: clamp(1rem, 1rem + 0.6688963211vw, 1rem);
  line-height: 1.3em;
}
.l-header__wrapper-pc1 .l-header__btn-wrapper {
  display: none;
}
@media screen and (min-width: 768px) {
  .l-header__wrapper-pc1 .l-header__btn-wrapper {
    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;
  }
}

/*----------------------------------
    header__wrapper-pc2
-----------------------------------*/
.l-header__wrapper-pc2 {
  display: none;
}
@media screen and (min-width: 768px) {
  .l-header__wrapper-pc2 {
    display: block;
    left: 0;
    width: 100%;
    height: 60px;
    background: rgba(255, 255, 255, 0.5);
    -webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  }
}
.l-header__wrapper-pc2 .l-header__inner {
  position: relative;
  padding-inline: 24px;
  height: 100%;
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .l-header__wrapper-pc2 .l-header__inner {
    padding-inline: 30px 20px;
    max-width: 1500px;
  }
}
.l-header__wrapper-pc2 .l-header__content {
  position: relative;
  height: 56px;
  margin-inline: auto;
  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: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media screen and (min-width: 768px) {
  .l-header__wrapper-pc2 .l-header__content {
    height: 100%;
    margin-inline: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.l-header__wrapper-pc2 .l-header__nav {
  display: none;
}
@media screen and (min-width: 768px) {
  .l-header__wrapper-pc2 .l-header__nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: clamp(15px, 15px + (48) * (100vw - 768px) / (1366 - 768), 63px);
  }
}
.l-header__wrapper-pc2 .l-header__nav-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: clamp(15px, 15px + (15) * (100vw - 768px) / (1366 - 768), 30px);
}
.l-header__wrapper-pc2 .menu-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;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #333333;
}
.l-header__wrapper-pc2 .l-header__menu-ja {
  font-size: clamp(0.625rem, 0.3039297659rem + 0.6688963211vw, 0.875rem);
}
.l-header__wrapper-pc2 .l-header__btn-wrapper {
  display: none;
}
@media screen and (min-width: 768px) {
  .l-header__wrapper-pc2 .l-header__btn-wrapper {
    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: 6px;
  }
}

/*----------------------------------
    header__wrapper-pc3
-----------------------------------*/
.l-header__wrapper-pc3 {
  display: none;
}
@media screen and (min-width: 768px) {
  .l-header__wrapper-pc3 {
    display: block;
    left: 0;
    width: 100%;
    height: 60px;
    background: rgba(255, 255, 255, 0.5);
    -webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  }
}
.l-header__wrapper-pc3 .l-header__inner {
  position: relative;
  padding-inline: 24px;
  height: 100%;
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .l-header__wrapper-pc3 .l-header__inner {
    padding-inline: 30px 20px;
    max-width: 1500px;
  }
}
.l-header__wrapper-pc3 .l-header__content {
  position: relative;
  height: 56px;
  margin-inline: auto;
  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: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media screen and (min-width: 768px) {
  .l-header__wrapper-pc3 .l-header__content {
    height: 100%;
    margin-inline: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.l-header__wrapper-pc3 .l-header__nav {
  display: none;
}
@media screen and (min-width: 768px) {
  .l-header__wrapper-pc3 .l-header__nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: clamp(15px, 15px + (54) * (100vw - 768px) / (1366 - 768), 69px);
  }
}
.l-header__wrapper-pc3 .l-header__nav-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: clamp(12px, 12px + (13) * (100vw - 768px) / (1366 - 768), 25px);
}
.l-header__wrapper-pc3 .menu-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;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #333333;
}
.l-header__wrapper-pc3 .l-header__menu-ja {
  font-size: clamp(0.5625rem, 0.1611622074rem + 0.8361204013vw, 0.875rem);
}
.l-header__wrapper-pc3 .l-header__btn-wrapper {
  display: none;
}
@media screen and (min-width: 768px) {
  .l-header__wrapper-pc3 .l-header__btn-wrapper {
    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: 6px;
  }
}
.l-header__wrapper-pc3 .l-header__tel-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-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 1px;
}
.l-header__wrapper-pc3 .l-header__tel-wrap p {
  font-size: clamp(0.625rem, 0.4644648829rem + 0.3344481605vw, 0.75rem);
  font-weight: 400;
  line-height: 1;
}
.l-header__wrapper-pc3 .l-header__tel-wrap .l-header__tel {
  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: 2px;
}
.l-header__wrapper-pc3 .l-header__tel-wrap .l-header__tel p {
  font-size: clamp(0.75rem, 0.2683946488rem + 1.0033444816vw, 1.125rem);
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  white-space: nowrap;
}
.l-header__wrapper-pc3 .l-header__contact-phone-img {
  -webkit-transform: rotate(10deg);
  transform: rotate(10deg);
  margin-top: clamp(-8px, -8px + 5 * (100vw - 768px) / 598, -3px);
}
.l-header__wrapper-pc3 .l-header__contact-phone-img .fas {
  font-size: clamp(0.5rem, 0.0183946488rem + 1.0033444816vw, 0.875rem);
  width: clamp(0.5rem, 0.0183946488rem + 1.0033444816vw, 0.875rem);
  height: clamp(0.5rem, 0.0183946488rem + 1.0033444816vw, 0.875rem);
}
/*----------------------------------
    header__wrapper-pc4
-----------------------------------*/
.l-header__wrapper-pc4 {
  display: none;
}
@media screen and (min-width: 768px) {
  .l-header__wrapper-pc4 {
    display: block;
    left: 0;
    width: 100%;
    height: 60px;
    background: rgba(255, 255, 255, 0.5);
    -webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  }
}
.l-header__wrapper-pc4 .l-header__inner {
  position: relative;
  padding-inline: 24px;
  height: 100%;
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .l-header__wrapper-pc4 .l-header__inner {
    padding-inline: 30px 20px;
    max-width: 1500px;
  }
}
.l-header__wrapper-pc4 .l-header__content {
  position: relative;
  height: 56px;
  margin-inline: auto;
  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: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media screen and (min-width: 768px) {
  .l-header__wrapper-pc4 .l-header__content {
    height: 100%;
    margin-inline: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.l-header__wrapper-pc4 .l-header__nav {
  display: none;
}
@media screen and (min-width: 768px) {
  .l-header__wrapper-pc4 .l-header__nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: clamp(10px, 10px + (59) * (100vw - 768px) / (1366 - 768), 69px);
  }
}
.l-header__wrapper-pc4 .l-header__nav-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: clamp(12px, 12px + (13) * (100vw - 768px) / (1366 - 768), 25px);
}
.l-header__wrapper-pc4 .menu-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;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #333333;
}
.l-header__wrapper-pc4 .l-header__menu-ja {
  font-size: clamp(0.5625rem, 0.1611622074rem + 0.8361204013vw, 0.875rem);
}
.l-header__wrapper-pc4 .l-header__btn-wrapper {
  display: none;
}
@media screen and (min-width: 768px) {
  .l-header__wrapper-pc4 .l-header__btn-wrapper {
    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: clamp(6px, 6px + (9) * (100vw - 768px) / (1366 - 768), 15px);
  }
}
.l-header__wrapper-pc4 .l-header__tel-wrap {
  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: clamp(4px, 4px + (4) * (100vw - 768px) / (1366 - 768), 8px);
}
.l-header__wrapper-pc4 .l-header__tel-wrap p {
  font-size: clamp(0.625rem, 0.4644648829rem + 0.3344481605vw, 0.75rem);
  font-weight: 400;
  line-height: 1;
}
.l-header__wrapper-pc4 .l-header__tel-wrap .l-header__tel {
  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: clamp(2px, 2px + (7) * (100vw - 768px) / (1366 - 768), 9px);
}
.l-header__wrapper-pc4 .l-header__tel-wrap .l-header__tel p {
  font-size: clamp(0.875rem, -0.1684782609rem + 2.1739130435vw, 1.6875rem);
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  white-space: nowrap;
  color: var(--color-500);
}
.l-header__wrapper-pc4 .l-header__contact-phone-img {
  -webkit-transform: rotate(10deg);
  transform: rotate(10deg);
}
.l-header__wrapper-pc4 .l-header__contact-phone-img .fas {
  font-size: clamp(0.875rem, 0.3933946488rem + 1.0033444816vw, 1.25rem);
  width: clamp(0.875rem, 0.3933946488rem + 1.0033444816vw, 1.25rem);
  height: clamp(0.875rem, 0.3933946488rem + 1.0033444816vw, 1.25rem);
  color: var(--color-500);
}
/*----------------------------------
    header__wrapper-pc5
-----------------------------------*/
.l-header__wrapper-pc5 {
  display: none;
}
@media screen and (min-width: 768px) {
  .l-header__wrapper-pc5 {
    display: block;
    left: 0;
    width: 100%;
    height: 60px;
    background: rgba(255, 255, 255, 0.5);
    -webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  }
}
.l-header__wrapper-pc5 .l-header__inner {
  position: relative;
  padding-inline: 24px;
  height: 100%;
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .l-header__wrapper-pc5 .l-header__inner {
    padding-inline: 30px 20px;
    max-width: 1500px;
  }
}
.l-header__wrapper-pc5 .l-header__content {
  position: relative;
  height: 56px;
  margin-inline: auto;
  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: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media screen and (min-width: 768px) {
  .l-header__wrapper-pc5 .l-header__content {
    height: 100%;
    margin-inline: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.l-header__wrapper-pc5 .l-header__nav {
  display: none;
}
@media screen and (min-width: 768px) {
  .l-header__wrapper-pc5 .l-header__nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: clamp(30px, 30px + (127) * (100vw - 768px) / (1366 - 768), 157px);
  }
}
.l-header__wrapper-pc5 .l-header__nav-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: clamp(12px, 12px + (13) * (100vw - 768px) / (1366 - 768), 25px);
}
.l-header__wrapper-pc5 .menu-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;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #333333;
}
.l-header__wrapper-pc5 .l-header__menu-ja {
  font-size: clamp(0.5625rem, 0.1611622074rem + 0.8361204013vw, 0.875rem);
}
.l-header__wrapper-pc5 .l-header__btn-wrapper {
  display: none;
}
@media screen and (min-width: 768px) {
  .l-header__wrapper-pc5 .l-header__btn-wrapper {
    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: 5px;
  }
}
.l-header__wrapper-pc5 .l-header__sns {
  padding-top: 31px;
  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: 16px;
}
.l-header__wrapper-pc5 .fa-brands {
  color: #fff;
}
.l-header__wrapper-pc5 .fa-instagram {
  font-size: clamp(16px, 16px + (4) * (100vw - 768px) / (1366 - 768), 20px);
}
.l-header__wrapper-pc5 .fa-x-twitter {
  font-size: clamp(15px, 15px + (5) * (100vw - 768px) / (1366 - 768), 20px);
}
.l-header__wrapper-pc5 .l-header__sns-item-icon {
  width: clamp(34px, 34px + (6) * (100vw - 768px) / (1366 - 768), 40px);
  height: clamp(34px, 34px + (6) * (100vw - 768px) / (1366 - 768), 40px);
  border-radius: 20px;
  border: solid 1px var(--color-500);
  background-color: var(--color-500);
  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;
}
.l-header__wrapper-pc5 .l-header__sns-item-icon i,
.l-header__wrapper-pc5 .l-header__sns-item-icon img {
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
.l-header__wrapper-pc5 .l-header__sns-item-icon:hover i {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.l-header__wrapper-pc5 .l-header__sns-item-icon:hover img {
  -webkit-transform: scale(1.1) translateX(-1px);
  transform: scale(1.1) translateX(-1px);
}

/*----------------------------------
    header__wrapper-pc6
-----------------------------------*/
.l-header__wrapper-pc6 {
  display: none;
}
@media screen and (min-width: 768px) {
  .l-header__wrapper-pc6 {
    display: block;
    left: 0;
    width: 100%;
    height: 60px;
    background: rgba(255, 255, 255, 0.5);
    -webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  }
}
.l-header__wrapper-pc6 .l-header__inner {
  position: relative;
  padding-inline: 24px;
  height: 100%;
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .l-header__wrapper-pc6 .l-header__inner {
    padding-inline: 30px 20px;
    max-width: 1500px;
  }
}
.l-header__wrapper-pc6 .l-header__content {
  position: relative;
  height: 56px;
  margin-inline: auto;
  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: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media screen and (min-width: 768px) {
  .l-header__wrapper-pc6 .l-header__content {
    height: 100%;
    margin-inline: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.l-header__wrapper-pc6 .l-header__nav {
  display: none;
}
@media screen and (min-width: 768px) {
  .l-header__wrapper-pc6 .l-header__nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: clamp(20px, 20px + (80) * (100vw - 768px) / (1366 - 768), 100px);
  }
}
.l-header__wrapper-pc6 .l-header__nav-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: clamp(20px, 20px + (31) * (100vw - 768px) / (1366 - 768), 51px);
}
.l-header__wrapper-pc6 .menu-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;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #333333;
  text-align: center;
}
.l-header__wrapper-pc6 .l-header__menu-en {
  font-family: "Outfit", sans-serif;
  font-size: clamp(0.75rem, 0.3486622074rem + 0.8361204013vw, 1.0625rem);
  line-height: 1;
}
.l-header__wrapper-pc6 .l-header__menu-ja {
  font-size: clamp(0.5625rem, 0.4019648829rem + 0.3344481605vw, 0.6875rem);
  font-weight: 400;
}
.l-header__wrapper-pc6 .l-header__btn-wrapper {
  display: none;
}
@media screen and (min-width: 768px) {
  .l-header__wrapper-pc6 .l-header__btn-wrapper {
    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: clamp(6px, 6px + (9) * (100vw - 768px) / (1366 - 768), 15px);
  }
}
.l-header__wrapper-pc6 .l-header__tel-wrap {
  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: clamp(4px, 4px + (4) * (100vw - 768px) / (1366 - 768), 8px);
}
.l-header__wrapper-pc6 .l-header__tel-wrap p {
  font-size: clamp(0.625rem, 0.4644648829rem + 0.3344481605vw, 0.75rem);
  font-weight: 400;
  line-height: 1;
}
.l-header__wrapper-pc6 .l-header__tel-wrap .l-header__tel {
  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: clamp(2px, 2px + (7) * (100vw - 768px) / (1366 - 768), 9px);
}
.l-header__wrapper-pc6 .l-header__tel-wrap .l-header__tel p {
  font-size: clamp(0.875rem, -0.1684782609rem + 2.1739130435vw, 1.6875rem);
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  white-space: nowrap;
  color: var(--color-500);
}
.l-header__wrapper-pc6 .l-header__contact-phone-img {
  -webkit-transform: rotate(10deg);
  transform: rotate(10deg);
}
.l-header__wrapper-pc6 .l-header__contact-phone-img .fas {
  font-size: clamp(0.875rem, 0.3933946488rem + 1.0033444816vw, 1.25rem);
  width: clamp(0.875rem, 0.3933946488rem + 1.0033444816vw, 1.25rem);
  height: clamp(0.875rem, 0.3933946488rem + 1.0033444816vw, 1.25rem);
  color: var(--color-500);
}
/*----------------------------------
    header__wrapper-pc7
-----------------------------------*/
.l-header__wrapper-pc7 {
  display: none;
}
@media screen and (min-width: 768px) {
  .l-header__wrapper-pc7 {
    display: block;
    left: 0;
    width: 100%;
    height: 60px;
    background: rgba(255, 255, 255, 0.5);
    -webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  }
}
.l-header__wrapper-pc7 .l-header__inner {
  position: relative;
  padding-inline: 24px;
  height: 100%;
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .l-header__wrapper-pc7 .l-header__inner {
    padding-inline: 30px 20px;
    max-width: 1500px;
  }
}
.l-header__wrapper-pc7 .l-header__content {
  position: relative;
  height: 56px;
  margin-inline: auto;
  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: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media screen and (min-width: 768px) {
  .l-header__wrapper-pc7 .l-header__content {
    height: 100%;
    margin-inline: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.l-header__wrapper-pc7 .l-header__nav {
  display: none;
}
@media screen and (min-width: 768px) {
  .l-header__wrapper-pc7 .l-header__nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: clamp(10px, 10px + (86) * (100vw - 768px) / (1366 - 768), 96px);
  }
}
.l-header__wrapper-pc7 .l-header__nav-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: clamp(20px, 20px + (31) * (100vw - 768px) / (1366 - 768), 51px);
}
.l-header__wrapper-pc7 .menu-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;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #333333;
  text-align: center;
}
.l-header__wrapper-pc7 .l-header__menu-en {
  font-family: "Outfit", sans-serif;
  font-size: clamp(0.75rem, 0.3486622074rem + 0.8361204013vw, 1.0625rem);
  line-height: 1;
}
.l-header__wrapper-pc7 .l-header__menu-ja {
  font-size: clamp(0.5625rem, 0.4019648829rem + 0.3344481605vw, 0.6875rem);
  font-weight: 400;
}
.l-header__wrapper-pc7 .l-header__btn-wrapper {
  display: none;
}
@media screen and (min-width: 768px) {
  .l-header__wrapper-pc7 .l-header__btn-wrapper {
    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: clamp(5px, 5px + (5) * (100vw - 768px) / (1366 - 768), 10px);
  }
}
.l-header__wrapper-pc7 .l-header__sns {
  padding-top: 31px;
  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: 16px;
}
.l-header__wrapper-pc7 .fa-instagram {
  font-size: clamp(16px, 16px + (4) * (100vw - 768px) / (1366 - 768), 20px);
}
.l-header__wrapper-pc7 .fa-x-twitter {
  font-size: clamp(15px, 15px + (5) * (100vw - 768px) / (1366 - 768), 20px);
}
.l-header__wrapper-pc7 .l-header__sns-item-icon {
  width: clamp(34px, 34px + (6) * (100vw - 768px) / (1366 - 768), 40px);
  height: clamp(34px, 34px + (6) * (100vw - 768px) / (1366 - 768), 40px);
  border-radius: 20px;
  border: solid 1px #333333;
  background-color: #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;
}
.l-header__wrapper-pc7 .l-header__sns-item-icon i,
.l-header__wrapper-pc7 .l-header__sns-item-icon img {
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
.l-header__wrapper-pc7 .l-header__sns-item-icon:hover i {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.l-header__wrapper-pc7 .l-header__sns-item-icon:hover img {
  -webkit-transform: scale(1.1) translateX(-1px);
  transform: scale(1.1) translateX(-1px);
}

/*----------------------------------
    header__wrapper-pc8
-----------------------------------*/
.l-header__wrapper-pc8 {
  display: none;
}
@media screen and (min-width: 768px) {
  .l-header__wrapper-pc8 {
    display: block;
    left: 0;
    width: 100%;
    height: 60px;
    background: rgba(255, 255, 255, 0.5);
    -webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  }
}
.l-header__wrapper-pc8 .l-header__inner {
  position: relative;
  padding-inline: 24px;
  height: 100%;
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .l-header__wrapper-pc8 .l-header__inner {
    padding-inline: 30px 20px;
    max-width: 1500px;
  }
}
.l-header__wrapper-pc8 .l-header__content {
  position: relative;
  height: 56px;
  margin-inline: auto;
  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-header__wrapper-pc8 .l-header__content {
    height: 100%;
    margin-inline: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.l-header__wrapper-pc8 .l-header__nav {
  display: none;
}
@media screen and (min-width: 768px) {
  .l-header__wrapper-pc8 .l-header__nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: clamp(10px, 10px + (86) * (100vw - 768px) / (1366 - 768), 96px);
  }
}
.l-header__wrapper-pc8 .l-header__nav-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: clamp(20px, 20px + (25) * (100vw - 768px) / (1366 - 768), 45px);
}
.l-header__wrapper-pc8 .l-header__logo-pc8 {
  margin-inline: 10px;
}
.l-header__wrapper-pc8 .menu-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;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #333333;
  text-align: center;
}
.l-header__wrapper-pc8 .l-header__menu-en {
  font-family: "Outfit", sans-serif;
  font-size: clamp(0.75rem, 0.3486622074rem + 0.8361204013vw, 1.0625rem);
  line-height: 1;
}
.l-header__wrapper-pc8 .l-header__menu-ja {
  font-size: clamp(0.5625rem, 0.4019648829rem + 0.3344481605vw, 0.6875rem);
  font-weight: 400;
}
.l-header__wrapper-pc8 .l-header__btn-wrapper {
  display: none;
}
@media screen and (min-width: 768px) {
  .l-header__wrapper-pc8 .l-header__btn-wrapper {
    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: clamp(5px, 5px + (5) * (100vw - 768px) / (1366 - 768), 10px);
  }
}
.l-header__wrapper-pc8 .l-header__sns {
  padding-top: 31px;
  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: 16px;
}
.l-header__wrapper-pc8 .fa-instagram {
  font-size: clamp(16px, 16px + (4) * (100vw - 768px) / (1366 - 768), 20px);
}
.l-header__wrapper-pc8 .fa-x-twitter {
  font-size: clamp(15px, 15px + (5) * (100vw - 768px) / (1366 - 768), 20px);
}
.l-header__wrapper-pc8 .l-header__sns-item-icon {
  width: clamp(34px, 34px + (6) * (100vw - 768px) / (1366 - 768), 40px);
  height: clamp(34px, 34px + (6) * (100vw - 768px) / (1366 - 768), 40px);
  border-radius: 20px;
  border: solid 1px #333333;
  background-color: #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;
}
.l-header__wrapper-pc8 .l-header__sns-item-icon i,
.l-header__wrapper-pc8 .l-header__sns-item-icon img {
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
.l-header__wrapper-pc8 .l-header__sns-item-icon:hover i {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.l-header__wrapper-pc8 .l-header__sns-item-icon:hover img {
  -webkit-transform: scale(1.1) translateX(-1px);
  transform: scale(1.1) translateX(-1px);
}

/*----------------------------------
    header__wrapper-pc9
-----------------------------------*/
.l-header__wrapper-pc9 {
  display: none;
}
@media screen and (min-width: 768px) {
  .l-header__wrapper-pc9 {
    background: url(../img/header-bg.webp) no-repeat center center/cover;
    display: block;
    left: 0;
    width: 100%;
    height: 60px;
  }
}
.l-header__wrapper-pc9 .l-header__inner {
  position: relative;
  padding-inline: 24px;
  height: 100%;
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .l-header__wrapper-pc9 .l-header__inner {
    padding-inline: 30px 20px;
    max-width: 1500px;
  }
}
.l-header__wrapper-pc9 .l-header__content {
  position: relative;
  height: 56px;
  margin-inline: auto;
  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: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media screen and (min-width: 768px) {
  .l-header__wrapper-pc9 .l-header__content {
    height: 100%;
    margin-inline: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.l-header__wrapper-pc9 .l-header__nav {
  display: none;
}
@media screen and (min-width: 768px) {
  .l-header__wrapper-pc9 .l-header__nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: clamp(10px, 10px + (86) * (100vw - 768px) / (1366 - 768), 96px);
  }
}
.l-header__wrapper-pc9 .l-header__nav-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: clamp(20px, 20px + (31) * (100vw - 768px) / (1366 - 768), 51px);
}
.l-header__wrapper-pc9 .menu-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;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #333333;
  text-align: center;
}
.l-header__wrapper-pc9 .l-header__menu-en {
  font-family: "Outfit", sans-serif;
  font-size: clamp(0.75rem, 0.3486622074rem + 0.8361204013vw, 1.0625rem);
  line-height: 1;
}
.l-header__wrapper-pc9 .l-header__menu-ja {
  font-size: clamp(0.5625rem, 0.4019648829rem + 0.3344481605vw, 0.6875rem);
  font-weight: 400;
}
.l-header__wrapper-pc9 .l-header__btn-wrapper {
  display: none;
}
@media screen and (min-width: 768px) {
  .l-header__wrapper-pc9 .l-header__btn-wrapper {
    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: clamp(5px, 5px + (5) * (100vw - 768px) / (1366 - 768), 10px);
  }
}
.l-header__wrapper-pc9 .l-header__sns {
  padding-top: 31px;
  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;
}
.l-header__wrapper-pc9 .fa-instagram {
  font-size: clamp(16px, 16px + (4) * (100vw - 768px) / (1366 - 768), 20px);
}
.l-header__wrapper-pc9 .fa-x-twitter {
  font-size: clamp(15px, 15px + (5) * (100vw - 768px) / (1366 - 768), 20px);
}
.l-header__wrapper-pc9 .l-header__sns-item-icon {
  width: clamp(34px, 34px + (6) * (100vw - 768px) / (1366 - 768), 40px);
  height: clamp(34px, 34px + (6) * (100vw - 768px) / (1366 - 768), 40px);
  border-radius: 20px;
  border: solid 1px #333333;
  background-color: #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;
}
.l-header__wrapper-pc9 .l-header__sns-item-icon img {
  -webkit-transform: translateX(-1px);
  transform: translateX(-1px);
  width: 24px;
  height: 20px;
}
.l-header__wrapper-pc9 .l-header__sns-item-icon i,
.l-header__wrapper-pc9 .l-header__sns-item-icon img {
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
.l-header__wrapper-pc9 .l-header__sns-item-icon:hover i {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.l-header__wrapper-pc9 .l-header__sns-item-icon:hover img {
  -webkit-transform: scale(1.1) translateX(-1px);
  transform: scale(1.1) translateX(-1px);
}
.l-header__wrapper-pc9 .l-header__btn-icon-wrap {
  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: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 29px;
}

/*----------------------------------
    drawer
-----------------------------------*/
#js-drawer-content {
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
  -webkit-transform: translateX(100%);
  transform: translateX(100%); /* 初期状態を右側に設定 */
  z-index: 105;
}

.l-drawer-content {
  position: fixed;
  top: 0;
  right: 0;
  width: 100dvw;
  height: 100dvh;
  z-index: 105;
  background-color: #fff;
  overflow-y: auto;
  scrollbar-width: none;
}
@media screen and (min-width: 768px) {
  .l-drawer-content {
    width: 500px;
  }
}

.l-drawer__inner {
  -webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  padding-inline: 24px 26px;
}

.l-drawer__wrapper {
  max-width: 648px;
  margin-inline: auto;
  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: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 56px;
  -webkit-transition: top 0.3s ease, visibility 0.3s ease;
  transition: top 0.3s ease, visibility 0.3s ease;
}

.l-drawer__logo {
  display: block;
  width: 109px;
}

.l-drawer__nav-list {
  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;
  padding-top: 5.5px;
}

.l-drawer__menu-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 10px;
  padding-inline: 20px 40px;
  padding-block: 14.5px 18.5px;
  border-bottom: 1px solid #999999;
}
.l-drawer__menu-item .c-drawer__menu-ja {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  font-size: 1.25rem;
}
.l-drawer__menu-item .c-drawer__menu-icon {
  width: 18px;
  height: 18px;
  border-right: 2px solid #333333;
  border-bottom: 2px solid #333333;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.l-drawer__sns {
  padding-top: 31px;
  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: 16px;
}

.fa-instagram {
  font-size: 20px;
}

.fa-x-twitter {
  font-size: 20px;
}

.l-drawer__sns-item-icon {
  width: 60px;
  height: 60px;
  border-radius: 30px;
  border: solid 1px #333333;
  background-color: #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;
  overflow: hidden;
}
.l-drawer__sns-item-icon img {
  width: 24px;
  height: 20px;
  -webkit-transform: translateX(-1px);
  transform: translateX(-1px);
}
.l-drawer__sns-item-icon i,
.l-drawer__sns-item-icon img {
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
.l-drawer__sns-item-icon:hover i {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.l-drawer__sns-item-icon:hover img {
  -webkit-transform: scale(1.1) translateX(-1px);
  transform: scale(1.1) translateX(-1px);
}

.l-drawer__btn-wrapper {
  padding-top: 34px;
}

.l-drawer-btn-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-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 15px;
}

/*----------------------------------
    fixed
-----------------------------------*/
.l-footer__sp-fixed {
  -webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.16);
  box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.16);
  background-color: #fff;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 100;
}
@media screen and (min-width: 768px) {
  .l-footer__sp-fixed {
    display: none;
  }
}

/*----------------------------------
      1
  -----------------------------------*/
.l-footer__sp-wrapper-1 {
  height: 56px;
  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;
}
.l-footer__sp-wrapper-1 .l-footer__btn {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: block;
}
.l-footer__sp-wrapper-1 .l-footer__btn-text {
  border-radius: 20px;
  display: block;
  min-width: clamp(235px, 235px + (65) * (100vw - 430px) / (768 - 430), 300px);
  min-height: clamp(40px, 40px + (0) * (100vw - 430px) / (768 - 430), 40px);
  display: grid;
  place-items: center;
  font-size: 1.375rem;
  line-height: 1.23;
  font-weight: 600;
}

/*----------------------------------
      2
  -----------------------------------*/
.l-footer__sp-wrapper-2 {
  height: 56px;
  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;
}
.l-footer__sp-wrapper-2 .l-footer__btn {
  width: 50%;
  height: 100%;
  display: grid;
  place-items: center;
}
.l-footer__sp-wrapper-2 .l-footer__btn-text {
  font-weight: 600;
  font-size: 1.375rem;
  line-height: 1.23;
}

/*----------------------------------
    3
-----------------------------------*/
.l-footer__sp-wrapper-3 {
  height: 56px;
}
.l-footer__sp-wrapper-3 .l-footer__inner {
  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: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-inline: 36px;
  padding-block: 10px 6px;
  max-width: 500px;
  margin-inline: auto;
}
.l-footer__sp-wrapper-3 .l-footer__btn-wrapper {
  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: 16px;
}
.l-footer__sp-wrapper-3 .fa-instagram {
  font-size: 1.375rem;
}
.l-footer__sp-wrapper-3 .fa-x-twitter {
  font-size: 1.25rem;
}
.l-footer__sp-wrapper-3 .l-footer__sns-item {
  display: block;
  width: 40px;
  height: 40px;
  border-radius: 20px;
  background-color: var(--color-500);
  color: #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;
}

.c-footer-contact-btn1 {
  border: solid 2px var(--color-500);
  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: 39px;
  position: relative;
  min-width: clamp(235px, 235px + (25) * (100vw - 430px) / (768 - 430), 260px);
  min-height: clamp(40px, 40px + (0) * (100vw - 430px) / (768 - 430), 40px);
  border-radius: 20px;
  padding-inline: 20px;
}
.c-footer-contact-btn1 p {
  font-size: 1.125rem;
  line-height: 1.5;
  font-weight: 600;
  margin-left: 25px;
}

.l-footer__btn-img {
  position: absolute;
  top: 50%;
  left: 17px;
  -webkit-transform: translateY(-47%);
  transform: translateY(-47%);
  width: clamp(20px, 20px + (0) * (100vw - 430px) / (768 - 430), 20px);
}

/*----------------------------------
    4
-----------------------------------*/
.l-footer__sp-wrapper-4 {
  height: 56px;
}
.l-footer__sp-wrapper-4 .l-footer__inner {
  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: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-inline: 36px;
  padding-block: 10px 6px;
  max-width: 500px;
  margin-inline: auto;
}
.l-footer__sp-wrapper-4 .l-footer__btn-wrapper {
  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: 16px;
}
.l-footer__sp-wrapper-4 .fa-instagram {
  font-size: 1.375rem;
}
.l-footer__sp-wrapper-4 .fa-x-twitter {
  font-size: 1.25rem;
}
.l-footer__sp-wrapper-4 .l-footer__sns-item {
  display: block;
  width: 40px;
  height: 40px;
  border-radius: 20px;
  border: solid 1px #333333;
  background-color: #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;
}
.l-footer__sp-wrapper-4 .c-footer-contact-btn1 {
  border: solid 2px var(--color-500);
  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: 39px;
  position: relative;
  min-width: clamp(235px, 235px + (25) * (100vw - 430px) / (768 - 430), 260px);
  min-height: clamp(40px, 40px + (0) * (100vw - 430px) / (768 - 430), 40px);
  border-radius: 20px;
  padding-inline: 20px;
}
.l-footer__sp-wrapper-4 .c-footer-contact-btn1 p {
  font-size: 1.125rem;
  line-height: 1.5;
  font-weight: 600;
  margin-left: 25px;
}
.l-footer__sp-wrapper-4 .l-footer__btn-img {
  position: absolute;
  top: 50%;
  left: 17px;
  -webkit-transform: translateY(-47%);
  transform: translateY(-47%);
  width: clamp(20px, 20px + (0) * (100vw - 430px) / (768 - 430), 20px);
}

/*----------------------------------
    5
-----------------------------------*/
.l-footer__sp-wrapper-5 {
  height: 56px;
  background: url(../img/footer-bg.webp) no-repeat center center/cover;
}
.l-footer__sp-wrapper-5 .l-footer__inner {
  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-inline: 36px;
  padding-block: 10px 6px;
  max-width: 500px;
  gap: 24px;
  margin-inline: auto;
}
.l-footer__sp-wrapper-5 .fa-instagram {
  font-size: 1.375rem;
}
.l-footer__sp-wrapper-5 .fa-x-twitter {
  font-size: 1.25rem;
}
.l-footer__sp-wrapper-5 .l-footer__sns-item {
  display: block;
  width: 40px;
  height: 40px;
  border-radius: 20px;
  border: solid 1px #333333;
  background-color: #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;
}

/*----------------------------------
    footer
-----------------------------------*/
/*----------------------------------
    1
-----------------------------------*/
.l-footer__wrapper-1 .l-footer__inner {
  padding-block: 22px;
  background-color: var(--color-500);
  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;
}
.l-footer__wrapper-1 .l-footer__copyright {
  font-size: 0.75rem;
  line-height: 1.5;
}

/*----------------------------------
    2
-----------------------------------*/
.l-footer__wrapper-2 .l-footer__inner {
  padding-block: 22px;
  background-color: #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;
}
.l-footer__wrapper-2 .l-footer__copyright {
  font-size: 0.75rem;
  line-height: 1.5;
}

/*----------------------------------
    3
-----------------------------------*/
.l-footer__wrapper-3 {
  background-color: var(--color-500);
  padding-block: 22px 26px;
}
.l-footer__wrapper-3 .l-footer__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
}
@media screen and (min-width: 768px) {
  .l-footer__wrapper-3 .l-footer__inner {
    -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;
    padding-inline: 33px;
    max-width: 1300px;
    margin-inline: auto;
  }
}
.l-footer__wrapper-3 .l-footer__copyright {
  font-size: 0.75rem;
  line-height: 1.5;
  color: #fff;
}
.l-footer__wrapper-3 .l-footer__links {
  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: 47px;
}
@media screen and (min-width: 768px) {
  .l-footer__wrapper-3 .l-footer__links {
    gap: 27px;
  }
}
.l-footer__wrapper-3 .l-footer__link {
  font-size: 0.75rem;
  line-height: 1.5;
  color: #fff;
  text-decoration: underline;
}

/*----------------------------------
    4
-----------------------------------*/
.l-footer__wrapper-4 {
  background-color: #fff;
  padding-block: 22px 26px;
}
.l-footer__wrapper-4 .l-footer__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
}
@media screen and (min-width: 768px) {
  .l-footer__wrapper-4 .l-footer__inner {
    -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;
    padding-inline: 33px;
    max-width: 1300px;
    margin-inline: auto;
  }
}
.l-footer__wrapper-4 .l-footer__copyright {
  font-size: 0.75rem;
  line-height: 1.5;
}
.l-footer__wrapper-4 .l-footer__links {
  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: 47px;
}
@media screen and (min-width: 768px) {
  .l-footer__wrapper-4 .l-footer__links {
    gap: 27px;
  }
}
.l-footer__wrapper-4 .l-footer__link {
  font-size: 0.75rem;
  line-height: 1.5;
  text-decoration: underline;
}

/*----------------------------------
    5
-----------------------------------*/
.l-footer__wrapper-5 {
  padding-block: 22px;
  background-color: var(--color-500);
}
.l-footer__wrapper-5 .l-footer__inner {
  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-inline: 33px;
  max-width: 1300px;
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .l-footer__wrapper-5 .l-footer__inner {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
}
.l-footer__wrapper-5 .l-footer__copyright {
  font-size: 0.75rem;
  line-height: 1.5;
}

/*----------------------------------
    6
-----------------------------------*/
.l-footer__wrapper-6 {
  padding-block: 22px;
  background-color: #fff;
}
.l-footer__wrapper-6 .l-footer__inner {
  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-inline: 33px;
  max-width: 1300px;
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .l-footer__wrapper-6 .l-footer__inner {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
}
.l-footer__wrapper-6 .l-footer__copyright {
  font-size: 0.75rem;
  line-height: 1.5;
}

.c-logo {
  display: block;
  width: clamp(75px, 75px + (74) * (100vw - 950px) / (1366 - 950), 149px);
}

/*----------------------------------
    header-btn
-----------------------------------*/
.c-header-btn {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: block;
}

.c-header-button-sp {
  border: solid 2px var(--color-500);
  border-radius: 20px;
  display: block;
  font-size: 1rem;
  min-width: clamp(136px, 136px + (14) * (100vw - 375px) / (1366 - 375), 150px);
  min-height: clamp(40px, 40px + (0) * (100vw - 375px) / (1366 - 375), 40px);
  display: grid;
  place-items: center;
}

.c-header-button1 {
  border: solid 2px var(--color-500);
  display: block;
  font-size: 1rem;
  min-width: 136px;
  min-height: 40px;
  display: grid;
  place-items: center;
  border-radius: 20px;
}
@media screen and (min-width: 768px) {
  .c-header-button1 {
    min-width: clamp(120px, 120px + (93) * (100vw - 768px) / (1366 - 768), 213px);
    min-height: clamp(30px, 30px + (10) * (100vw - 768px) / (1366 - 768), 40px);
    font-size: clamp(0.75rem, 0.2683946488rem + 1.0033444816vw, 1.125rem);
  }
}

.c-header-button2 {
  border: solid 2px var(--color-500);
  display: block;
  font-size: 1rem;
  min-width: 136px;
  min-height: 40px;
  display: grid;
  place-items: center;
  border-radius: 20px;
}
@media screen and (min-width: 768px) {
  .c-header-button2 {
    min-width: clamp(90px, 90px + (123) * (100vw - 768px) / (1366 - 768), 213px);
    min-height: clamp(30px, 30px + (10) * (100vw - 768px) / (1366 - 768), 40px);
    font-size: clamp(0.625rem, -0.0171404682rem + 1.3377926421vw, 1.125rem);
  }
}

.c-header-button3 {
  border: solid 2px var(--color-500);
  display: block;
  font-size: 1rem;
  min-width: 136px;
  min-height: 40px;
  display: grid;
  place-items: center;
  border-radius: 20px;
}
@media screen and (min-width: 768px) {
  .c-header-button3 {
    min-width: clamp(70px, 70px + (80) * (100vw - 768px) / (1366 - 768), 150px);
    min-height: clamp(30px, 30px + (10) * (100vw - 768px) / (1366 - 768), 40px);
    font-size: clamp(0.5625rem, -0.1599080268rem + 1.5050167224vw, 1.125rem);
  }
}

.c-header-contact-btn1 {
  border: solid 2px var(--color-500);
  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: clamp(4px, 4px + (6) * (100vw - 768px) / (1366 - 768), 10px);
  font-size: 1rem;
  min-width: 136px;
  min-height: 40px;
  border-radius: 20px;
}
@media screen and (min-width: 768px) {
  .c-header-contact-btn1 {
    min-width: clamp(120px, 120px + (60) * (100vw - 768px) / (1366 - 768), 180px);
    min-height: clamp(30px, 30px + (10) * (100vw - 768px) / (1366 - 768), 40px);
  }
}
.c-header-contact-btn1 p {
  font-size: clamp(0.75rem, 0.2683946488rem + 1.0033444816vw, 1.125rem);
}

@media screen and (min-width: 768px) {
  .c-btn-img-contact {
    -webkit-transform: translateY(clamp(-4px, -4px + 5 * (100vw - 768px) / 598, -3px));
    transform: translateY(clamp(-4px, -4px + 5 * (100vw - 768px) / 598, -3px));
    width: clamp(18px, 18px + (2) * (100vw - 768px) / (1366 - 768), 20px);
  }
}

/*----------------------------------
    /header-btn
-----------------------------------*/
/*----------------------------------
    cta-btn
-----------------------------------*/
.c-cta-btn {
  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: 6px;
  border-radius: 10px;
  padding-inline: 18px;
  width: 100%;
  height: 64px;
}
@media screen and (min-width: 768px) {
  .c-cta-btn {
    height: 70px;
  }
}

.c-cta-button {
  display: block;
  font-size: 1.75rem;
  white-space: nowrap;
  font-weight: 600;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .c-cta-button {
    font-size: 1.75rem;
    line-height: 1.5;
  }
}

.c-cta-icon-btn {
  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: 8px;
  border-radius: 10px;
  padding-inline: 18px;
  width: 100%;
  height: 64px;
}
@media screen and (min-width: 768px) {
  .c-cta-icon-btn {
    height: 60px;
  }
}

.c-cta-btn__icon {
  display: block;
  -webkit-transform: translateY(4px);
  transform: translateY(4px);
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.c-cta-icon-button-form {
  display: block;
  font-size: 1.5rem;
  white-space: nowrap;
  font-weight: 600;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .c-cta-icon-button-form {
    font-size: 1.5625rem;
    line-height: 1.5;
  }
}

.c-cta-icon-button-tel {
  display: block;
  font-size: 1.875rem;
  white-space: nowrap;
  font-weight: 600;
  text-align: center;
  font-family: "Roboto", sans-serif;
}
@media screen and (min-width: 768px) {
  .c-cta-icon-button-tel {
    font-size: 1.875rem;
    line-height: 1.5;
  }
}

/*----------------------------------
    service-btn
-----------------------------------*/
.c-service-btn {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  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;
  border-radius: 18px;
  padding-inline: 18px;
  text-align: center;
  min-width: 151px;
  min-height: 36px;
}

.c-service-btn__text {
  display: block;
  font-size: 1rem;
  white-space: nowrap;
  font-weight: 600;
  margin-left: 8px;
}

.c-service-btn__icon {
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 10px solid currentColor;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

/*----------------------------------
    price-btn
-----------------------------------*/
.c-price-btn {
  border-radius: 30px;
  font-size: 1.375rem;
  font-weight: 600;
  min-height: clamp(60px, 60px + (0) * (100vw - 375px) / (1366 - 375), 60px);
  display: grid;
  place-items: center;
}
@media screen and (min-width: 768px) {
  .c-price-btn {
    min-width: clamp(300px, 300px + (0) * (100vw - 375px) / (1366 - 375), 300px);
    border-radius: 25px;
    min-height: clamp(50px, 50px + (0) * (100vw - 375px) / (1366 - 375), 50px);
  }
}

.c-drawer-icon {
  width: 36px;
  height: 30px;
  position: relative;
  z-index: 106;
  opacity: 0.6;
}
.c-drawer-icon.is-checked .c-drawer-icon__bar1 {
  -webkit-transition: top 300ms 50ms ease, -webkit-transform 300ms 350ms ease;
  transition: top 300ms 50ms ease, -webkit-transform 300ms 350ms ease;
  transition: top 300ms 50ms ease, transform 300ms 350ms ease;
  transition: top 300ms 50ms ease, transform 300ms 350ms ease, -webkit-transform 300ms 350ms ease;
  width: 36px;
  top: 15px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  background: #333333;
  z-index: 999;
  display: block;
}
.c-drawer-icon.is-checked .c-drawer-icon__bar2 {
  display: none;
}
.c-drawer-icon.is-checked .c-drawer-icon__bar3 {
  -webkit-transition: top 300ms 50ms ease, -webkit-transform 300ms 350ms ease;
  transition: top 300ms 50ms ease, -webkit-transform 300ms 350ms ease;
  transition: top 300ms 50ms ease, transform 300ms 350ms ease;
  transition: top 300ms 50ms ease, transform 300ms 350ms ease, -webkit-transform 300ms 350ms ease;
  top: 15px;
  width: 36px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  background: #333333;
  z-index: 999;
}
.c-drawer-icon__bar1 {
  position: absolute;
  top: 0px;
  left: 0%;
  z-index: 999;
  width: 36px;
  height: 2px;
  border-radius: 1.5px;
  background: #333333;
  -webkit-transition: top 0.3s linear, -webkit-transform 0.3s linear;
  transition: top 0.3s linear, -webkit-transform 0.3s linear;
  transition: transform 0.3s linear, top 0.3s linear;
  transition: transform 0.3s linear, top 0.3s linear, -webkit-transform 0.3s linear;
}

.c-drawer-icon__bar2 {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0%;
  width: 36px;
  height: 2px;
  border-radius: 1.5px;
  background: #333333;
}

.c-drawer-icon__bar3 {
  position: absolute;
  bottom: 0px;
  left: 0%;
  width: 36px;
  height: 1.6px;
  border-radius: 1.5px;
  background: #333333;
  -webkit-transition: top 0.3s linear, -webkit-transform 0.3s linear;
  transition: top 0.3s linear, -webkit-transform 0.3s linear;
  transition: transform 0.3s linear, top 0.3s linear;
  transition: transform 0.3s linear, top 0.3s linear, -webkit-transform 0.3s linear;
}

/*----------------------------------
    close-icon
-----------------------------------*/
.c-drawer-close-icon {
  width: 36px;
  height: 30px;
  position: relative;
  display: block;
  z-index: 106;
  opacity: 0.6;
  background-color: #fff;
}
.c-drawer-close-icon .c-drawer-close-icon__bar1 {
  position: absolute;
  -webkit-transition: top 300ms 50ms ease, -webkit-transform 300ms 350ms ease;
  transition: top 300ms 50ms ease, -webkit-transform 300ms 350ms ease;
  transition: top 300ms 50ms ease, transform 300ms 350ms ease;
  transition: top 300ms 50ms ease, transform 300ms 350ms ease, -webkit-transform 300ms 350ms ease;
  width: 36px;
  top: 15px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  background: #333333;
  z-index: 999;
  display: block;
}
.c-drawer-close-icon .c-drawer-close-icon__bar3 {
  -webkit-transition: top 300ms 50ms ease, -webkit-transform 300ms 350ms ease;
  transition: top 300ms 50ms ease, -webkit-transform 300ms 350ms ease;
  transition: top 300ms 50ms ease, transform 300ms 350ms ease;
  transition: top 300ms 50ms ease, transform 300ms 350ms ease, -webkit-transform 300ms 350ms ease;
  top: 15px;
  width: 36px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  background: #333333;
  z-index: 999;
}

.c-drawer-close-icon__bar1 {
  position: absolute;
  top: 0px;
  left: 0%;
  z-index: 999;
  width: 36px;
  height: 2px;
  border-radius: 1.5px;
  background: #333333;
  -webkit-transition: top 0.3s linear, -webkit-transform 0.3s linear;
  transition: top 0.3s linear, -webkit-transform 0.3s linear;
  transition: transform 0.3s linear, top 0.3s linear;
  transition: transform 0.3s linear, top 0.3s linear, -webkit-transform 0.3s linear;
}

.c-drawer-close-icon__bar2 {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0%;
  width: 36px;
  height: 2px;
  border-radius: 1.5px;
  background: #333333;
}

.c-drawer-close-icon__bar3 {
  position: absolute;
  bottom: 0px;
  left: 0%;
  width: 36px;
  height: 1.6px;
  border-radius: 1.5px;
  background: #333333;
  -webkit-transition: top 0.3s linear, -webkit-transform 0.3s linear;
  transition: top 0.3s linear, -webkit-transform 0.3s linear;
  transition: transform 0.3s linear, top 0.3s linear;
  transition: transform 0.3s linear, top 0.3s linear, -webkit-transform 0.3s linear;
}

/*----------------------------------
    drawer-button
-----------------------------------*/
.c-drawer-btn {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.c-drawer-button {
  border: solid 2px var(--color-500);
  display: block;
  font-size: 1.375rem;
  font-weight: 600;
  min-width: 382px;
  height: 60px;
  display: grid;
  place-items: center;
  line-height: 1.91;
  border-radius: 30px;
}
@media screen and (min-width: 768px) {
  .c-drawer-button {
    font-size: clamp(0.75rem, 0.2683946488rem + 1.0033444816vw, 1.125rem);
  }
}

.c-tel-button {
  border: solid 1px var(--color-500);
  display: block;
  font-size: 1.375rem;
  min-width: 382px;
  height: 60px;
  display: grid;
  place-items: center;
  line-height: 1.91;
  border-radius: 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: 17px;
}
.c-tel-button p {
  font-size: 1rem;
}
@media screen and (min-width: 768px) {
  .c-tel-button {
    font-size: clamp(0.75rem, 0.2683946488rem + 1.0033444816vw, 1.125rem);
  }
}
.c-tel-button .fa-phone {
  font-size: 1.125rem;
  color: #fff;
  -webkit-transform: rotate(10deg);
  transform: rotate(10deg);
}

.c-drawer-btn__tel-wrap {
  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;
}
.c-drawer-btn__tel-wrap p {
  font-size: 1.5rem;
  font-weight: 600;
}

.c-title h2 {
  font-size: 1.65rem;
  line-height: 1.5;
  font-weight: 600;
}
@media screen and (min-width: 768px) {
  .c-title h2 {
    font-size: clamp(1.5rem, 0.5367892977rem + 2.0066889632vw, 1.75rem);
    line-height: 1.58;
  }
}

.c-title-2 h2 {
  font-size: 1.5rem;
  line-height: 1.5;
}
@media screen and (min-width: 768px) {
  .c-title-2 h2 {
    font-size: clamp(2.3rem, 1.0183946488rem + 1.0033444816vw, 2.3rem);
    line-height: 1.5;
  }
}

.c-title-text p {
  line-height: 1.8;
}

.c-title-text-2 p {
  line-height: 1.75;
}

.c-title-text-3 p {
  font-size: 1.125rem;
  line-height: 1.75;
}
@media screen and (min-width: 768px) {
  .c-title-text-3 p {
    line-height: 1.75;
    font-size: clamp(1.125rem, 1.125rem + 0vw, 1.125rem);
  }
}

.c-title-text-4 p {
  font-size: 0.75rem;
  line-height: 1.42;
}
@media screen and (min-width: 768px) {
  .c-title-text-4 p {
    font-size: 0.6875rem;
    line-height: 1.55;
  }
}

.c-title-text-5 p {
  font-size: 1rem;
  line-height: 1.75;
}
@media screen and (min-width: 768px) {
  .c-title-text-5 p {
    font-size: 1.25rem;
    line-height: 1.6;
  }
}

/*----------------------------------
    p-cta
-----------------------------------*/
/*----------------------------------
    p-cta-1
-----------------------------------*/
.p-cta-1 {
  padding-block: 40px;
  background: url(../img/cta-bg-sp.webp) no-repeat center center/cover;
}
@media screen and (min-width: 768px) {
  .p-cta-1 {
    background: url(../img/cta-bg-pc.webp) no-repeat center center/cover;
    padding-block: 70px 80px;
  }
}
.p-cta-1 .p-cta-title {
  text-align: center;
}
@media screen and (min-width: 768px) {
  .p-cta-1 .p-cta__content {
    padding-inline: 100px;
  }
}
.p-cta-1 .p-cta-btn-wrap {
  margin-top: 32px;
}
@media screen and (min-width: 768px) {
  .p-cta-1 .p-cta-btn-wrap {
    margin-top: 28px;
  }
}

/*----------------------------------
    p-cta-2
-----------------------------------*/
.p-cta-2 {
  padding-block: 40px;
  background-color: var(--color-500);
}
@media screen and (min-width: 768px) {
  .p-cta-2 {
    padding-block: 70px 80px;
  }
}
.p-cta-2 .p-cta-title {
  text-align: center;
}
@media screen and (min-width: 768px) {
  .p-cta-2 .p-cta__content {
    padding-inline: 100px;
  }
}
.p-cta-2 .p-cta-btn-wrap {
  margin-top: 32px;
}
@media screen and (min-width: 768px) {
  .p-cta-2 .p-cta-btn-wrap {
    margin-top: 28px;
  }
}

/*----------------------------------
    p-cta-3
-----------------------------------*/
.p-cta-3 {
  padding-block: 40px;
  background: url(../img/cta-bg-sp.webp) no-repeat center center/cover;
}
@media screen and (min-width: 768px) {
  .p-cta-3 {
    background: url(../img/cta-bg-pc.webp) no-repeat center center/cover;
    padding-block: 70px 80px;
  }
}
.p-cta-3 .p-cta-title {
  text-align: center;
}
@media screen and (min-width: 768px) {
  .p-cta-3 .p-cta__content {
    padding-inline: 100px;
  }
}
.p-cta-3 .p-cta-btn-wrap {
  margin-top: 32px;
  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: 21px;
}
@media screen and (min-width: 768px) {
  .p-cta-3 .p-cta-btn-wrap {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    margin-top: 29px;
    gap: 15px;
  }
}
.p-cta-3 .p-cta-btn-icon-form path {
  fill: #fff;
}
.p-cta-3 .p-cta-btn-icon-tel path {
  fill: var(--color-500);
}
.p-cta-3 .p-cta-btn-tel-border {
  border: 3px solid var(--color-500);
}

/*----------------------------------
    p-cta-4
-----------------------------------*/
.p-cta-4 {
  padding-block: 30px 40px;
  background: var(--color-500);
}
@media screen and (min-width: 768px) {
  .p-cta-4 {
    padding-block: 70px 80px;
  }
}
.p-cta-4 .p-cta-title {
  text-align: center;
}
@media screen and (min-width: 768px) {
  .p-cta-4 .p-cta__content {
    padding-inline: 100px;
  }
}
.p-cta-4 .p-cta-btn-wrap {
  margin-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 21px;
}
@media screen and (min-width: 768px) {
  .p-cta-4 .p-cta-btn-wrap {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    margin-top: 29px;
    gap: 15px;
  }
}
.p-cta-4 .p-cta-btn-icon-form path {
  fill: #fff;
}
.p-cta-4 .p-cta-btn-icon-tel path {
  fill: var(--color-500);
}

/*----------------------------------
    p-cta-5
-----------------------------------*/
.p-cta-5 {
  padding-block: 40px;
  background: url(../img/cta-bg-sp.webp) no-repeat center center/cover;
}
@media screen and (min-width: 768px) {
  .p-cta-5 {
    background: url(../img/cta-bg-pc.webp) no-repeat center center/cover;
    padding-block: 65px 64px;
  }
}
.p-cta-5 .p-cta-title {
  text-align: center;
}
.p-cta-5 .p-cta__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: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 14px;
}
@media screen and (min-width: 768px) {
  .p-cta-5 .p-cta__content {
    -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;
    gap: clamp(20px, 20px + (23) * (100vw - 768px) / (1366 - 768), 43px);
  }
}
.p-cta-5 .p-cta__content-text-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: 24px;
}
@media screen and (min-width: 768px) {
  .p-cta-5 .p-cta__content-text-wrap {
    gap: clamp(10px, 10px + (2) * (100vw - 768px) / (1366 - 768), 12px);
  }
}
.p-cta-5 .p-cta-tel {
  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: 2px;
}
.p-cta-5 .p-cta-tel p {
  font-size: 2.125rem;
  font-weight: 600;
  line-height: 1.18;
}
@media screen and (min-width: 768px) {
  .p-cta-5 .p-cta-tel p {
    font-size: clamp(2.125rem, 1.6433946488rem + 1.0033444816vw, 2.5rem);
    font-family: "Roboto", sans-serif;
  }
}
.p-cta-5 .p-cta-tel-text p {
  font-size: 1rem;
  line-height: 1.79;
}
@media screen and (min-width: 768px) {
  .p-cta-5 .p-cta-tel-text p {
    font-size: 1rem;
  }
}
@media screen and (min-width: 768px) {
  .p-cta-5 .p-cta-btn-icon-tel svg {
    width: 36px;
    height: 36px;
  }
}
.p-cta-5 .p-cta-btn-icon-tel path {
  fill: var(--color-500);
}
.p-cta-5 .p-cta-img {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 382px;
}
@media screen and (min-width: 768px) {
  .p-cta-5 .p-cta-img {
    width: clamp(282px, 282px + (198) * (100vw - 768px) / (1366 - 768), 480px);
  }
}
.p-cta-5 .p-cta-img img {
  -o-object-fit: cover;
  object-fit: cover;
}

/*----------------------------------
    p-cta-6
-----------------------------------*/
.p-cta-6 {
  padding-block: 40px;
  background: var(--color-500);
}
@media screen and (min-width: 768px) {
  .p-cta-6 {
    padding-block: 65px 64px;
  }
}
.p-cta-6 .p-cta-title {
  text-align: center;
}
.p-cta-6 .p-cta__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: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 14px;
}
@media screen and (min-width: 768px) {
  .p-cta-6 .p-cta__content {
    -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;
    gap: clamp(20px, 20px + (23) * (100vw - 768px) / (1366 - 768), 43px);
  }
}
.p-cta-6 .p-cta__content-text-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: 24px;
}
@media screen and (min-width: 768px) {
  .p-cta-6 .p-cta__content-text-wrap {
    gap: clamp(10px, 10px + (2) * (100vw - 768px) / (1366 - 768), 12px);
  }
}
.p-cta-6 .p-cta-tel {
  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: 2px;
}
.p-cta-6 .p-cta-tel p {
  font-size: 2.125rem;
  font-weight: 600;
  line-height: 1.18;
}
@media screen and (min-width: 768px) {
  .p-cta-6 .p-cta-tel p {
    font-size: clamp(2.125rem, 1.6433946488rem + 1.0033444816vw, 2.5rem);
    font-family: "Roboto", sans-serif;
  }
}
.p-cta-6 .p-cta-tel-text p {
  font-size: 1rem;
  line-height: 1.79;
}
@media screen and (min-width: 768px) {
  .p-cta-6 .p-cta-tel-text p {
    font-size: 1rem;
  }
}
@media screen and (min-width: 768px) {
  .p-cta-6 .p-cta-btn-icon-tel svg {
    width: 36px;
    height: 36px;
  }
}
.p-cta-6 .p-cta-btn-icon-tel path {
  fill: #fff;
}
.p-cta-6 .p-cta-img {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 382px;
}
@media screen and (min-width: 768px) {
  .p-cta-6 .p-cta-img {
    width: clamp(282px, 282px + (198) * (100vw - 768px) / (1366 - 768), 480px);
  }
}
.p-cta-6 .p-cta-img img {
  -o-object-fit: cover;
  object-fit: cover;
}

/*----------------------------------
    p-cta-7
-----------------------------------*/
.p-cta-7 {
  padding-block: 40px;
  background: url(../img/cta-bg-sp.webp) no-repeat center center/cover;
}
@media screen and (min-width: 768px) {
  .p-cta-7 {
    background: url(../img/cta-bg-pc.webp) no-repeat center center/cover;
    padding-block: 65px 64px;
  }
}
.p-cta-7 .p-cta-title {
  text-align: center;
}
.p-cta-7 .p-cta__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: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 14px;
}
@media screen and (min-width: 768px) {
  .p-cta-7 .p-cta__content {
    -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;
    gap: clamp(20px, 20px + (23) * (100vw - 768px) / (1366 - 768), 43px);
  }
}
.p-cta-7 .p-cta__content-text-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: 24px;
}
@media screen and (min-width: 768px) {
  .p-cta-7 .p-cta__content-text-wrap {
    gap: clamp(20px, 20px + (4) * (100vw - 768px) / (1366 - 768), 24px);
  }
}
.p-cta-7 .p-cta-btn-wrap {
  width: 100%;
}
.p-cta-7 .p-cta-tel {
  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: 2px;
}
.p-cta-7 .p-cta-tel p {
  font-size: 2.125rem;
  font-weight: 600;
  line-height: 1.18;
}
@media screen and (min-width: 768px) {
  .p-cta-7 .p-cta-tel p {
    font-size: clamp(2.125rem, 1.6433946488rem + 1.0033444816vw, 2.5rem);
    font-family: "Roboto", sans-serif;
  }
}
.p-cta-7 .p-cta-tel-text p {
  font-size: 1rem;
  line-height: 1.79;
}
@media screen and (min-width: 768px) {
  .p-cta-7 .p-cta-tel-text p {
    font-size: 1rem;
  }
}
@media screen and (min-width: 768px) {
  .p-cta-7 .p-cta-btn-icon-tel svg {
    width: 36px;
    height: 36px;
  }
}
.p-cta-7 .p-cta-btn-icon-tel path {
  fill: #fff;
}
.p-cta-7 .p-cta-img {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 382px;
}
@media screen and (min-width: 768px) {
  .p-cta-7 .p-cta-img {
    width: clamp(282px, 282px + (198) * (100vw - 768px) / (1366 - 768), 480px);
  }
}
.p-cta-7 .p-cta-img img {
  -o-object-fit: cover;
  object-fit: cover;
}

/*----------------------------------
    p-cta-8
-----------------------------------*/
.p-cta-8 {
  padding-block: 40px;
  background: var(--color-500);
}
@media screen and (min-width: 768px) {
  .p-cta-8 {
    padding-block: 65px 64px;
  }
}
.p-cta-8 .p-cta-title {
  text-align: center;
}
.p-cta-8 .p-cta__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: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 14px;
}
@media screen and (min-width: 768px) {
  .p-cta-8 .p-cta__content {
    -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;
    gap: clamp(20px, 20px + (23) * (100vw - 768px) / (1366 - 768), 43px);
  }
}
.p-cta-8 .p-cta__content-text-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: 24px;
}
@media screen and (min-width: 768px) {
  .p-cta-8 .p-cta__content-text-wrap {
    gap: clamp(20px, 20px + (4) * (100vw - 768px) / (1366 - 768), 24px);
  }
}
.p-cta-8 .p-cta-btn-wrap {
  width: 100%;
}
.p-cta-8 .p-cta-tel {
  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: 2px;
}
.p-cta-8 .p-cta-tel p {
  font-size: 2.125rem;
  font-weight: 600;
  line-height: 1.18;
}
@media screen and (min-width: 768px) {
  .p-cta-8 .p-cta-tel p {
    font-size: clamp(2.125rem, 1.6433946488rem + 1.0033444816vw, 2.5rem);
    font-family: "Roboto", sans-serif;
  }
}
.p-cta-8 .p-cta-tel-text p {
  font-size: 1rem;
  line-height: 1.79;
}
@media screen and (min-width: 768px) {
  .p-cta-8 .p-cta-tel-text p {
    font-size: 1rem;
  }
}
@media screen and (min-width: 768px) {
  .p-cta-8 .p-cta-btn-icon-tel svg {
    width: 36px;
    height: 36px;
  }
}
.p-cta-8 .p-cta-btn-icon-tel path {
  fill: #fff;
}
.p-cta-8 .p-cta-img {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 382px;
}
@media screen and (min-width: 768px) {
  .p-cta-8 .p-cta-img {
    width: clamp(282px, 282px + (198) * (100vw - 768px) / (1366 - 768), 480px);
  }
}
.p-cta-8 .p-cta-img img {
  -o-object-fit: cover;
  object-fit: cover;
}

/*----------------------------------
    p-cta-9
-----------------------------------*/
.p-cta-9 {
  padding-block: 88px 40px;
  background: url(../img/cta-bg-sp.webp) no-repeat center center/cover;
}
@media screen and (min-width: 768px) {
  .p-cta-9 {
    background: url(../img/cta-bg-pc.webp) no-repeat center center/cover;
    padding-block: 65px 64px;
  }
}
.p-cta-9 .p-cta-title {
  text-align: center;
}
.p-cta-9 .p-cta__inner {
  padding-inline: 22px;
  max-width: 542px;
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .p-cta-9 .p-cta__inner {
    max-width: 1366px;
    padding-inline: clamp(30px, 30px + (173) * (100vw - 768px) / (1366 - 768), 203px);
  }
}
.p-cta-9 .p-cta__content-text-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: 22px;
  position: relative;
  border: 1px solid #333333;
  border-top: none;
  padding-top: 45px;
  padding-inline: 25px;
  padding-bottom: 26px;
}
@media screen and (min-width: 768px) {
  .p-cta-9 .p-cta__content-text-wrap {
    padding-top: 58px;
    -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;
    padding-inline: clamp(20px, 20px + (40) * (100vw - 768px) / (1366 - 768), 60px);
    padding-bottom: 24px;
    gap: clamp(20px, 20px + (40) * (100vw - 768px) / (1366 - 768), 60px);
  }
}
.p-cta-9 .p-cta__content-text-wrap::before,
.p-cta-9 .p-cta__content-text-wrap::after {
  content: "";
  position: absolute;
  top: 0;
  width: 10%;
  height: 1px;
  background: #333333;
  z-index: 0;
}
@media screen and (min-width: 768px) {
  .p-cta-9 .p-cta__content-text-wrap::before,
  .p-cta-9 .p-cta__content-text-wrap::after {
    width: clamp(100px, 100px + (53) * (100vw - 768px) / (1366 - 768), 153px);
  }
}
.p-cta-9 .p-cta__content-text-wrap::before {
  left: 0;
}
.p-cta-9 .p-cta__content-text-wrap::after {
  right: 0;
}
.p-cta-9 .p-cta-title {
  position: absolute;
  top: -3%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: block;
  width: 282px;
}
@media screen and (min-width: 768px) {
  .p-cta-9 .p-cta-title {
    text-align: center;
    width: clamp(502px, 502px + (458) * (100vw - 768px) / (1366 - 768), 960px);
  }
}
.p-cta-9 .p-cta-btn-wrap {
  width: 100%;
  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: 12px;
}
@media screen and (min-width: 768px) {
  .p-cta-9 .p-cta-btn-wrap {
    gap: 15px;
  }
}
.p-cta-9 .p-cta-tel {
  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: 2px;
}
.p-cta-9 .p-cta-tel p {
  font-size: 2.125rem;
  font-weight: 600;
  line-height: 1.18;
}
@media screen and (min-width: 768px) {
  .p-cta-9 .p-cta-tel p {
    font-size: clamp(2.125rem, 1.6433946488rem + 1.0033444816vw, 2.5rem);
    font-family: "Roboto", sans-serif;
  }
}
.p-cta-9 .p-cta-tel-text p {
  font-size: 1rem;
  line-height: 1.79;
}
@media screen and (min-width: 768px) {
  .p-cta-9 .p-cta-tel-text p {
    font-size: 1rem;
  }
}
@media screen and (min-width: 768px) {
  .p-cta-9 .p-cta-btn-icon-tel svg {
    width: 36px;
    height: 36px;
  }
}
.p-cta-9 .p-cta-btn-icon-tel path {
  fill: var(--color-500);
}
.p-cta-9 .p-cta-btn-icon-form path {
  fill: #fff;
}
.p-cta-9 .p-cta-img {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 382px;
}
@media screen and (min-width: 768px) {
  .p-cta-9 .p-cta-img {
    width: clamp(282px, 282px + (198) * (100vw - 768px) / (1366 - 768), 480px);
  }
}

/*----------------------------------
    p-cta-10
-----------------------------------*/
.p-cta-10 {
  padding-block: 88px 40px;
  background: var(--color-500);
}
@media screen and (min-width: 768px) {
  .p-cta-10 {
    padding-block: 65px 64px;
  }
}
.p-cta-10 .p-cta-title {
  text-align: center;
}
.p-cta-10 .p-cta__inner {
  padding-inline: 22px;
  max-width: 542px;
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .p-cta-10 .p-cta__inner {
    max-width: 1366px;
    padding-inline: clamp(30px, 30px + (173) * (100vw - 768px) / (1366 - 768), 203px);
  }
}
.p-cta-10 .p-cta__content-text-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: 22px;
  position: relative;
  border: 1px solid #fff;
  border-top: none;
  padding-top: 45px;
  padding-inline: 25px;
  padding-bottom: 26px;
}
@media screen and (min-width: 768px) {
  .p-cta-10 .p-cta__content-text-wrap {
    padding-top: 58px;
    -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;
    padding-inline: clamp(20px, 20px + (40) * (100vw - 768px) / (1366 - 768), 60px);
    padding-bottom: 24px;
    gap: clamp(20px, 20px + (40) * (100vw - 768px) / (1366 - 768), 60px);
  }
}
.p-cta-10 .p-cta__content-text-wrap::before,
.p-cta-10 .p-cta__content-text-wrap::after {
  content: "";
  position: absolute;
  top: 0;
  width: 10%;
  height: 1px;
  background: #fff;
  z-index: 0;
}
@media screen and (min-width: 768px) {
  .p-cta-10 .p-cta__content-text-wrap::before,
  .p-cta-10 .p-cta__content-text-wrap::after {
    width: clamp(100px, 100px + (53) * (100vw - 768px) / (1366 - 768), 153px);
  }
}
.p-cta-10 .p-cta__content-text-wrap::before {
  left: 0;
}
.p-cta-10 .p-cta__content-text-wrap::after {
  right: 0;
}
.p-cta-10 .p-cta-title {
  position: absolute;
  top: -3%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: block;
  width: 282px;
}
@media screen and (min-width: 768px) {
  .p-cta-10 .p-cta-title {
    text-align: center;
    width: clamp(502px, 502px + (458) * (100vw - 768px) / (1366 - 768), 960px);
  }
}
.p-cta-10 .p-cta-btn-wrap {
  width: 100%;
  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: 12px;
}
@media screen and (min-width: 768px) {
  .p-cta-10 .p-cta-btn-wrap {
    gap: 15px;
  }
}
.p-cta-10 .p-cta-tel {
  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: 2px;
}
.p-cta-10 .p-cta-tel p {
  font-size: 2.125rem;
  font-weight: 600;
  line-height: 1.18;
}
@media screen and (min-width: 768px) {
  .p-cta-10 .p-cta-tel p {
    font-size: clamp(2.125rem, 1.6433946488rem + 1.0033444816vw, 2.5rem);
    font-family: "Roboto", sans-serif;
  }
}
.p-cta-10 .p-cta-tel-text p {
  font-size: 1rem;
  line-height: 1.79;
}
@media screen and (min-width: 768px) {
  .p-cta-10 .p-cta-tel-text p {
    font-size: 1rem;
  }
}
@media screen and (min-width: 768px) {
  .p-cta-10 .p-cta-btn-icon-tel svg {
    width: 36px;
    height: 36px;
  }
}
.p-cta-10 .p-cta-btn-icon-tel path {
  fill: #fff;
}
.p-cta-10 .p-cta-btn-icon-form path {
  fill: #fff;
}
.p-cta-10 .p-cta-img {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 382px;
}
@media screen and (min-width: 768px) {
  .p-cta-10 .p-cta-img {
    width: clamp(282px, 282px + (198) * (100vw - 768px) / (1366 - 768), 480px);
  }
}

/*----------------------------------
    case1
-----------------------------------*/
.p-case-1 {
  padding-block: 40px;
}
@media screen and (min-width: 768px) {
  .p-case-1 {
    padding-block: 73px 80px;
  }
}
.p-case-1 .p-case__title-wrap {
  padding-inline: 32px;
}
.p-case-1 .p-case__text {
  padding-top: 16px;
}
@media screen and (min-width: 768px) {
  .p-case-1 .p-case__text {
    padding-top: 40px;
  }
}
.p-case-1 .p-case__inner {
  padding-inline: 24px;
  max-width: 542px;
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .p-case-1 .p-case__inner {
    padding-inline: 0;
    max-width: 100%;
  }
}
.p-case-1 .p-case-content {
  padding-top: 30px;
}
@media screen and (min-width: 768px) {
  .p-case-1 .p-case-content {
    padding-top: 52px;
  }
}
.p-case-1 .p-case__swiper {
  overflow: visible !important; /* Swiperの独自のoverflowを消す */
}
@media screen and (min-width: 768px) {
  .p-case-1 .p-case__swiper {
    overflow: hidden !important;
  }
}
.p-case-1 .swiper-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-column-gap: 30px;
  -moz-column-gap: 30px;
  column-gap: 30px;
  row-gap: 12px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media screen and (min-width: 768px) {
  .p-case-1 .swiper-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    gap: 0;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 100%;
  }
}
.p-case-1 .swiper-slide {
  width: calc((100% - 60px) / 3);
}
@media screen and (min-width: 768px) {
  .p-case-1 .swiper-slide {
    width: 110px !important;
  }
}
.p-case-1 .swiper-slide:nth-last-child(-n + 2):first-child,
.p-case-1 .swiper-slide:nth-last-child(-n + 2):first-child ~ .swiper-slide {
  margin-left: calc((100% - 60px) / 3 + 30px);
}
.p-case-1 .p-case-content-img {
  width: 110px;
}
.p-case-1 .p-case__swiper .swiper-wrapper {
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear; /* アニメーションを一定の速度にする */
}
.p-case-1 .p-case__swiper .swiper-slide {
  -webkit-transition: -webkit-transform 3s ease-in-out;
  transition: -webkit-transform 3s ease-in-out;
  transition: transform 3s ease-in-out;
  transition: transform 3s ease-in-out, -webkit-transform 3s ease-in-out; /* アニメーションのスピードと効果を設定 */
}

/*----------------------------------
    case2
-----------------------------------*/
.p-case-2 {
  padding-block: 42px 48px;
}
@media screen and (min-width: 768px) {
  .p-case-2 {
    padding-block: 87px 113px;
  }
}
.p-case-2 .p-case__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: 30px;
}
@media screen and (min-width: 768px) {
  .p-case-2 .p-case__contents {
    -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;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: clamp(30px, 30px + (31) * (100vw - 768px) / (1366 - 768), 61px);
  }
}
.p-case-2 .p-case__text-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px;
  padding-inline: 12px;
}
@media screen and (min-width: 768px) {
  .p-case-2 .p-case__text-wrap {
    width: clamp(320px, 320px + (160) * (100vw - 768px) / (1366 - 768), 480px);
    padding-inline: 0;
    gap: clamp(2px, 2px + (14) * (100vw - 768px) / (1366 - 768), 16px);
  }
}
.p-case-2 .p-case__content-text {
  margin-top: -6px;
}
@media screen and (min-width: 768px) {
  .p-case-2 .p-case__content-text {
    margin-top: 14px;
  }
}
.p-case-2 .p-case__content-text p {
  font-size: 1rem;
  line-height: 2;
}
@media screen and (min-width: 768px) {
  .p-case-2 .p-case__content-text p {
    font-size: clamp(1rem, 0.7144648829rem + 0.3344481605vw, 1rem);
    line-height: 1.56;
  }
}
.p-case-2 .p-case__img-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-column-gap: 26px;
  -moz-column-gap: 26px;
  column-gap: 26px;
  row-gap: 16px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media screen and (min-width: 768px) {
  .p-case-2 .p-case__img-wrap {
    margin-top: 10px;
    width: clamp(330px, 330px + (89) * (100vw - 768px) / (1366 - 768), 419px);
    -webkit-column-gap: clamp(16px, 16px + (14) * (100vw - 768px) / (1366 - 768), 30px);
    -moz-column-gap: clamp(16px, 16px + (14) * (100vw - 768px) / (1366 - 768), 30px);
    column-gap: clamp(16px, 16px + (14) * (100vw - 768px) / (1366 - 768), 30px);
    row-gap: clamp(30px, 30px + (16) * (100vw - 768px) / (1366 - 768), 46px);
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }
}
.p-case-2 .p-case__img {
  width: calc((100% - 60px) / 3);
}
@media screen and (min-width: 768px) {
  .p-case-2 .p-case__img {
    width: clamp(95px, 95px + (24) * (100vw - 768px) / (1366 - 768), 119px);
  }
}
.p-case-2 .p-case__img img {
  width: 100%;
  height: 100%;
}
.p-case-2 .p-case__img:nth-last-child(-n + 2):first-child,
.p-case-2 .p-case__img:nth-last-child(-n + 2):first-child ~ .p-case__img {
  margin-left: calc((100% - 60px) / 3 + 15px);
}
.p-case-2 .p-case__img:last-child:nth-child(odd) {
  margin-left: auto;
  margin-right: auto;
}
/*----------------------------------
    case3
-----------------------------------*/
.p-case-3 {
  padding-block: 40px;
}
@media screen and (min-width: 768px) {
  .p-case-3 {
    padding-block: 73px 91px;
  }
}
.p-case-3 .p-case__text-wrap {
  padding-inline: 32px;
}
.p-case-3 .p-case__text {
  padding-top: 16px;
}
@media screen and (min-width: 768px) {
  .p-case-3 .p-case__text {
    padding-top: 35px;
  }
}
.p-case-3 .p-case__boxes {
  margin-top: 37px;
  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-case-3 .p-case__boxes {
    margin-top: 72px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: clamp(20px, 20px + (19) * (100vw - 768px) / (1366 - 768), 39px);
  }
}
.p-case-3 .p-case__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 5px;
}
@media screen and (min-width: 768px) {
  .p-case-3 .p-case__box {
    gap: 17px;
  }
}
.p-case-3 .p-case__box-title-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 24px;
}
@media screen and (min-width: 768px) {
  .p-case-3 .p-case__box-title-wrap {
    gap: clamp(10px, 10px + (14) * (100vw - 768px) / (1366 - 768), 24px);
  }
}
.p-case-3 .p-case__box-title-logo {
  width: 60px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
@media screen and (min-width: 768px) {
  .p-case-3 .p-case__box-title-logo {
    width: clamp(50px, 50px + (17) * (100vw - 768px) / (1366 - 768), 67px);
  }
}
.p-case-3 .p-case__box-title-text h3 {
  font-size: 1.25rem;
  line-height: 1.6;
}
@media screen and (min-width: 768px) {
  .p-case-3 .p-case__box-title-text h3 {
    margin-top: 5px;
    font-size: clamp(1rem, 0.3933946488rem + 1.0033444816vw, 1.25rem);
  }
}
.p-case-3 .p-case__box-content {
  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: 16px;
}
@media screen and (min-width: 768px) {
  .p-case-3 .p-case__box-content {
    -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;
    gap: 20px;
  }
}
.p-case-3 .p-case__box-content-img {
  width: 170px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
@media screen and (min-width: 768px) {
  .p-case-3 .p-case__box-content-img {
    width: 100%;
  }
}
.p-case-3 .p-case__box-content-img img {
  -o-object-fit: cover;
  object-fit: cover;
}
.p-case-3 .p-case__box-content-text p {
  font-size: 1rem;
  line-height: 1.79;
}
@media screen and (min-width: 768px) {
  .p-case-3 .p-case__box-content-text p {
    font-size: clamp(1rem, 0.7144648829rem + 0.3344481605vw, 1rem);
    line-height: 1.56;
  }
}

/*----------------------------------
    case4
-----------------------------------*/
.p-case-4 {
  padding-block: 40px 40px;
}
@media screen and (min-width: 768px) {
  .p-case-4 {
    padding-block: 68px 113px;
  }
}
.p-case-4 .p-case__contents {
  display: grid;
  row-gap: 16px;
  grid-template-areas: "title" "logo" "img" "text";
  grid-template-columns: 1fr;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media screen and (min-width: 768px) {
  .p-case-4 .p-case__contents {
    width: 100%;
    grid-template-areas: "title img" "logo img" "text img";
    grid-template-columns: 50.5% 44.5%;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    row-gap: 30px;
    -webkit-column-gap: 5%;
    -moz-column-gap: 5%;
    column-gap: 5%;
  }
}
.p-case-4 .p-case__title {
  grid-area: title;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .p-case-4 .p-case__title {
    text-align: left;
  }
}
.p-case-4 .p-case__box-title-wrap {
  padding-top: 11px;
  grid-area: logo;
}
@media screen and (min-width: 768px) {
  .p-case-4 .p-case__box-title-wrap {
    padding-top: 0;
  }
}
.p-case-4 .p-case__content-text {
  grid-area: text;
}
.p-case-4 .p-case__img {
  grid-area: img;
}
.p-case-4 .p-case__box-title-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 24px;
}
@media screen and (min-width: 768px) {
  .p-case-4 .p-case__box-title-wrap {
    gap: clamp(10px, 10px + (14) * (100vw - 768px) / (1366 - 768), 24px);
  }
}
.p-case-4 .p-case__box-title-logo {
  width: 60px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
@media screen and (min-width: 768px) {
  .p-case-4 .p-case__box-title-logo {
    width: clamp(50px, 50px + (17) * (100vw - 768px) / (1366 - 768), 67px);
  }
}
.p-case-4 .p-case__box-title-text h3 {
  font-size: 1.25rem;
  line-height: 1.6;
}
@media screen and (min-width: 768px) {
  .p-case-4 .p-case__box-title-text h3 {
    margin-top: 10px;
    font-size: clamp(1rem, 0.6789297659rem + 0.6688963211vw, 1.25rem);
  }
}
.p-case-4 .p-case__content-text {
  margin-top: -6px;
}
@media screen and (min-width: 768px) {
  .p-case-4 .p-case__content-text {
    margin-top: -22px;
  }
}
.p-case-4 .p-case__content-text p {
  font-size: 1rem;
  line-height: 1.79;
}
@media screen and (min-width: 768px) {
  .p-case-4 .p-case__content-text p {
    font-size: clamp(1rem, 0.7144648829rem + 0.3344481605vw, 1rem);
    line-height: 1.56;
  }
}

/*----------------------------------
    p-service-1
-----------------------------------*/
.p-service-1 {
  padding-block: 40px 40px;
  background-color: var(--color-50);
}
@media screen and (min-width: 768px) {
  .p-service-1 {
    padding-block: 100px 116px;
  }
}
.p-service-1 .p-service__text {
  padding-top: 16px;
}
@media screen and (min-width: 768px) {
  .p-service-1 .p-service__text {
    padding-top: 32px;
  }
}
@media screen and (min-width: 768px) {
  .p-service-1 .p-service__text p {
    font-size: clamp(1rem, 0.9425747863rem + 0.2136752137vw, 1.125rem);
  }
}
.p-service-1 .p-service__boxes {
  padding-top: 11px;
  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-service-1 .p-service__boxes {
    padding-top: 48px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}
.p-service-1 .p-service__box {
  background-color: #fff;
  padding-inline: 26px;
  border-radius: 10px;
}
@media screen and (min-width: 768px) {
  .p-service-1 .p-service__box {
    padding-inline: 30px;
    width: 100%;
  }
}
.p-service-1 .p-service__box-title-wrap {
  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-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-bottom: 5px;
  border-bottom: 1px solid #999999;
}
@media screen and (min-width: 768px) {
  .p-service-1 .p-service__box-title-wrap {
    padding-top: 30px;
    padding-bottom: 16px;
  }
}
.p-service-1 .p-service__box-title-nom {
  font-family: "Roboto", sans-serif;
  font-size: clamp(2.3125rem, 2.0540865385rem + 0.9615384615vw, 2.875rem);
  line-height: 0.59;
  font-weight: 600;
}
@media screen and (min-width: 768px) {
  .p-service-1 .p-service__box-title-nom {
    font-size: clamp(2.3125rem, 1.5900919732rem + 1.5050167224vw, 2.875rem);
  }
}
.p-service-1 .p-service__box-title-text {
  width: 100%;
  text-align: center;
}
.p-service-1 .p-service__box-title-text h3 {
  font-size: clamp(1.5rem, 1.5rem + 0vw, 1.5rem);
  line-height: 1.58;
  font-weight: 600;
}
@media screen and (min-width: 768px) {
  .p-service-1 .p-service__box-title-text h3 {
    font-size: clamp(1.125rem, 0.6433946488rem + 1.0033444816vw, 1.5rem);
  }
}
.p-service-1 .p-service__box-content {
  padding-block: 23px 28px;
  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: 20px;
}
@media screen and (min-width: 768px) {
  .p-service-1 .p-service__box-content {
    padding-block: 28px 28px;
    gap: 26px;
  }
}
.p-service-1 .p-service__box-content-img {
  width: 120px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
@media screen and (min-width: 768px) {
  .p-service-1 .p-service__box-content-img {
    width: clamp(90px, 90px + (54) * (100vw - 430px) / (1366 - 430), 144px);
  }
}
.p-service-1 .p-service__box-content-img img {
  -o-object-fit: cover;
  object-fit: cover;
}
@media screen and (min-width: 768px) {
  .p-service-1 .p-service__box-content-text {
    font-size: clamp(0.75rem, 0.4289297659rem + 0.6688963211vw, 1rem);
  }
}

/*----------------------------------
    p-service-2
-----------------------------------*/
.p-service-2 {
  padding-block: 48px 40px;
  background-color: var(--color-500);
}
@media screen and (min-width: 768px) {
  .p-service-2 {
    padding-block: 100px 116px;
  }
}
.p-service-2 .p-service__text {
  padding-top: 19px;
}
@media screen and (min-width: 768px) {
  .p-service-2 .p-service__text {
    padding-top: 32px;
  }
}
@media screen and (min-width: 768px) {
  .p-service-2 .p-service__text p {
    font-size: clamp(1rem, 0.9425747863rem + 0.2136752137vw, 1.125rem);
  }
}
.p-service-2 .p-service__boxes {
  padding-top: 11px;
  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-service-2 .p-service__boxes {
    gap: 38px;
    padding-top: 48px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}
.p-service-2 .p-service__box {
  background-color: #fff;
  padding-inline: 26px;
  border-radius: 10px;
}
@media screen and (min-width: 768px) {
  .p-service-2 .p-service__box {
    padding-inline: 30px;
    width: 100%;
  }
}
.p-service-2 .p-service__box .p-service__box-title-wrap {
  padding-top: 25px;
  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: center;
  -ms-flex-align: center;
  align-items: center;
  padding-bottom: 13px;
  border-bottom: 1px solid #999999;
}
@media screen and (min-width: 768px) {
  .p-service-2 .p-service__box .p-service__box-title-wrap {
    padding-top: 30px;
    padding-bottom: 16px;
  }
}
.p-service-2 .p-service__box-title-nom {
  font-family: "Roboto", sans-serif;
  font-size: clamp(2.3125rem, 2.0540865385rem + 0.9615384615vw, 2.875rem);
  line-height: 0.59;
  font-weight: 600;
}
@media screen and (min-width: 768px) {
  .p-service-2 .p-service__box-title-nom {
    font-size: clamp(2.3125rem, 1.5900919732rem + 1.5050167224vw, 2.875rem);
  }
}
.p-service-2 .p-service__box-title-text {
  width: 100%;
  text-align: center;
}
.p-service-2 .p-service__box-title-text h3 {
  font-size: clamp(1.25rem, 1.1351495726rem + 0.4273504274vw, 1.5rem);
  line-height: 1.58;
  font-weight: 600;
}
@media screen and (min-width: 768px) {
  .p-service-2 .p-service__box-title-text h3 {
    font-size: clamp(1.125rem, 0.6433946488rem + 1.0033444816vw, 1.5rem);
  }
}
.p-service-2 .p-service__box-content {
  padding-block: 23px 28px;
  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: 20px;
}
@media screen and (min-width: 768px) {
  .p-service-2 .p-service__box-content {
    padding-block: 28px 34px;
    gap: 26px;
  }
}
.p-service-2 .p-service__box-content-img {
  width: 120px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
@media screen and (min-width: 768px) {
  .p-service-2 .p-service__box-content-img {
    width: clamp(90px, 90px + (54) * (100vw - 430px) / (1366 - 430), 144px);
  }
}
.p-service-2 .p-service__box-content-img img {
  -o-object-fit: cover;
  object-fit: cover;
}
@media screen and (min-width: 768px) {
  .p-service-2 .p-service__box-content-text {
    font-size: clamp(0.75rem, 0.4289297659rem + 0.6688963211vw, 1rem);
  }
}

/*----------------------------------
    p-service-3
-----------------------------------*/
.p-service-3 {
  padding-block: 48px 36px;
  background-color: var(--color-50);
}
@media screen and (min-width: 768px) {
  .p-service-3 {
    padding-block: 100px 141px;
  }
}
.p-service-3 .p-service__text {
  padding-top: 19px;
}
@media screen and (min-width: 768px) {
  .p-service-3 .p-service__text {
    padding-top: 32px;
  }
}
@media screen and (min-width: 768px) {
  .p-service-3 .p-service__text p {
    font-size: clamp(1rem, 0.9425747863rem + 0.2136752137vw, 1.125rem);
  }
}
.p-service-3 .p-service__boxes {
  padding-top: 48px;
  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: 24px;
}
@media screen and (min-width: 768px) {
  .p-service-3 .p-service__boxes {
    padding-top: 70px;
    -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;
    gap: clamp(12px, 12px + (18) * (100vw - 768px) / (1366 - 768), 30px);
  }
}
.p-service-3 .p-service__box {
  position: relative;
  background-color: #fff;
  padding-inline: 26px;
  border-radius: 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: 9px;
}
@media screen and (min-width: 768px) {
  .p-service-3 .p-service__box {
    gap: 18px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
}
.p-service-3 .p-service__box-title-nom {
  position: absolute;
  top: 0%;
  left: 50%;
  -webkit-transform: translate(-50%, -25%);
  transform: translate(-50%, -25%);
  font-family: "Roboto", sans-serif;
  font-size: clamp(3rem, 3rem + 0vw, 3rem);
  line-height: 0.59;
  font-weight: 600;
}
@media screen and (min-width: 768px) {
  .p-service-3 .p-service__box-title-nom {
    font-size: clamp(2.3125rem, 1.5900919732rem + 1.5050167224vw, 2.875rem);
  }
}
.p-service-3 .p-service__box-title-wrap {
  padding-top: 39px;
}
.p-service-3 .p-service__box-title-text h3 {
  font-size: clamp(1.375rem, 1.375rem + 0vw, 1.375rem);
  line-height: 1.73;
  font-weight: 600;
}
@media screen and (min-width: 768px) {
  .p-service-3 .p-service__box-title-text h3 {
    font-size: clamp(1.125rem, 0.6433946488rem + 1.0033444816vw, 1.5rem);
  }
}
.p-service-3 .p-service__box-content {
  padding-bottom: 24px;
}
@media screen and (min-width: 768px) {
  .p-service-3 .p-service__box-content {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }
}
.p-service-3 .p-service__box-content-text {
  font-size: clamp(1rem, 0.8175747863rem + 0.2136752137vw, 1rem);
  line-height: 1.79;
}
@media screen and (min-width: 768px) {
  .p-service-3 .p-service__box-content-text {
    font-size: clamp(1rem, 0.7144648829rem + 0.3344481605vw, 1rem);
    line-height: 1.56;
  }
}

/*----------------------------------
    p-service-4
-----------------------------------*/
.p-service-4 {
  padding-block: 40px 40px;
  background-color: var(--color-500);
}
@media screen and (min-width: 768px) {
  .p-service-4 {
    padding-block: 100px 138px;
  }
}
.p-service-4 .p-service__text {
  padding-top: 19px;
}
@media screen and (min-width: 768px) {
  .p-service-4 .p-service__text {
    padding-top: 32px;
  }
}
@media screen and (min-width: 768px) {
  .p-service-4 .p-service__text p {
    font-size: clamp(1rem, 0.9425747863rem + 0.2136752137vw, 1.125rem);
  }
}
.p-service-4 .p-service__boxes {
  padding-top: 52px;
  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: 39px;
}
@media screen and (min-width: 768px) {
  .p-service-4 .p-service__boxes {
    padding-top: 68px;
    -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;
    gap: clamp(12px, 12px + (18) * (100vw - 768px) / (1366 - 768), 30px);
  }
}
.p-service-4 .p-service__box {
  position: relative;
  background-color: #fff;
  padding-inline: 26px;
  border-radius: 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-service-4 .p-service__box {
    gap: 18px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
}
.p-service-4 .p-service__box-title-nom {
  width: 54px;
  height: 54px;
  background-color: var(--color-300);
  border-radius: 50%;
  position: absolute;
  top: 0%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-family: "Roboto", sans-serif;
  font-size: clamp(1.875rem, 1.875rem + 0vw, 1.875rem);
  line-height: 0.59;
  font-weight: 600;
  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) {
  .p-service-4 .p-service__box-title-nom {
    font-size: clamp(1.875rem, 1.875rem + 0vw, 1.875rem);
  }
}
.p-service-4 .p-service__box-title-wrap {
  padding-top: 32px;
}
@media screen and (min-width: 768px) {
  .p-service-4 .p-service__box-title-wrap {
    padding-top: 37px;
  }
}
.p-service-4 .p-service__box-title-text h3 {
  font-size: clamp(1.375rem, 1.375rem + 0vw, 1.375rem);
  line-height: 1.73;
  font-weight: 600;
}
@media screen and (min-width: 768px) {
  .p-service-4 .p-service__box-title-text h3 {
    font-size: clamp(1.125rem, 0.6433946488rem + 1.0033444816vw, 1.5rem);
  }
}
.p-service-4 .p-service__box-content {
  padding-bottom: 22px;
}
@media screen and (min-width: 768px) {
  .p-service-4 .p-service__box-content {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }
}
.p-service-4 .p-service__box-content-text {
  font-size: clamp(1rem, 0.8175747863rem + 0.2136752137vw, 1rem);
  line-height: 1.79;
}
@media screen and (min-width: 768px) {
  .p-service-4 .p-service__box-content-text {
    font-size: clamp(1rem, 0.7144648829rem + 0.3344481605vw, 1rem);
    line-height: 1.56;
  }
}

/*----------------------------------
    p-service-5
-----------------------------------*/
.p-service-5 {
  padding-block: 42px 40px;
  background-color: var(--color-50);
}
@media screen and (min-width: 768px) {
  .p-service-5 {
    padding-block: 100px 92px;
  }
}
.p-service-5 .p-service__text {
  padding-top: 19px;
}
@media screen and (min-width: 768px) {
  .p-service-5 .p-service__text {
    padding-top: 32px;
  }
}
@media screen and (min-width: 768px) {
  .p-service-5 .p-service__text p {
    font-size: clamp(1rem, 0.9425747863rem + 0.2136752137vw, 1.125rem);
  }
}
.p-service-5 .p-service__boxes {
  padding-top: 30px;
  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-service-5 .p-service__boxes {
    gap: clamp(12px, 12px + (18) * (100vw - 768px) / (1366 - 768), 30px);
    padding-top: 68px;
    -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;
  }
}
.p-service-5 .p-service__box {
  background-color: #fff;
  padding-inline: 24px;
  border-radius: 10px;
  position: relative;
}
@media screen and (min-width: 768px) {
  .p-service-5 .p-service__box {
    padding-inline: 20px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
}
.p-service-5 .p-service__box .p-service__box-title-nom {
  padding-top: 40px;
  font-family: "Roboto", sans-serif;
  font-size: clamp(2rem, 2rem + 0vw, 2rem);
  line-height: 0.75;
  font-weight: 600;
  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) {
  .p-service-5 .p-service__box .p-service__box-title-nom {
    font-size: clamp(2.3125rem, 1.5900919732rem + 1.5050167224vw, 2.875rem);
    position: absolute;
    top: 0%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    padding-top: 0;
  }
}
.p-service-5 .p-service__box .p-service__box-title-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;
  padding-top: 10px;
  padding-bottom: 12px;
  border-bottom: 1px solid #999999;
  gap: 10px;
}
@media screen and (min-width: 768px) {
  .p-service-5 .p-service__box .p-service__box-title-wrap {
    padding-top: 46px;
    padding-bottom: 16px;
    border-bottom: none;
  }
}
.p-service-5 .p-service__box-title-text {
  width: 100%;
  text-align: center;
}
.p-service-5 .p-service__box-title-text h3 {
  font-size: clamp(1.375rem, 1.375rem + 0vw, 1.375rem);
  line-height: 1.73;
  font-weight: 600;
}
@media screen and (min-width: 768px) {
  .p-service-5 .p-service__box-title-text h3 {
    font-size: clamp(1.125rem, 0.6433946488rem + 1.0033444816vw, 1.5rem);
  }
}
.p-service-5 .p-service__box-content {
  padding-block: 23px 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-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 24px;
}
@media screen and (min-width: 768px) {
  .p-service-5 .p-service__box-content {
    padding-block: 0px 34px;
    gap: 20px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }
}
.p-service-5 .p-service__box-content-img {
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.p-service-5 .p-service__box-content-img img {
  -o-object-fit: cover;
  object-fit: cover;
}
.p-service-5 .p-service__box-content-text {
  font-size: clamp(1rem, 1rem + 0vw, 1rem);
  line-height: 1.79;
}
@media screen and (min-width: 768px) {
  .p-service-5 .p-service__box-content-text {
    font-size: clamp(0.75rem, 0.4289297659rem + 0.6688963211vw, 1rem);
    line-height: 1.56;
  }
}

/*----------------------------------
    p-service-6
-----------------------------------*/
.p-service-6 {
  padding-block: 40px 58px;
  background-color: var(--color-400);
}
@media screen and (min-width: 768px) {
  .p-service-6 {
    padding-block: 60px 60px;
  }
}
.p-service-6 .p-service__text {
  padding-top: 15px;
}
@media screen and (min-width: 768px) {
  .p-service-6 .p-service__text {
    padding-top: 20px;
  }
}
@media screen and (min-width: 768px) {
  .p-service-6 .p-service__text p {
    font-size: clamp(1rem, 0.9425747863rem + 0.2136752137vw, 1.125rem);
  }
}
.p-service-6 .p-service__boxes {
  padding-top: 42px;
  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: 40px;
}
@media screen and (min-width: 768px) {
  .p-service-6 .p-service__boxes {
    padding-top: 40px;
    -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;
    gap: clamp(12px, 12px + (23) * (100vw - 768px) / (1366 - 768), 35px);
  }
}
.p-service-6 .p-service__box {
  position: relative;
  background-color: #fff;
  padding-inline: 23px;
  border-radius: 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;
  width: 100%;
  gap: 10px;
}
@media screen and (min-width: 768px) {
  .p-service-6 .p-service__box {
    padding-inline: 20px;
    gap: 16px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 100%;
  }
}
.p-service-6 .p-service__box-title-nom {
  width: 45px;
  height: 45px;
  background-color: var(--color-300);
  border-radius: 50%;
  position: absolute;
  top: 0%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-style: italic;
  font-family: "EB Garamond", serif;
  font-size: clamp(1.6rem, 1.6rem + 0vw, 1.6rem);
  line-height: 0.59;
  font-weight: 600;
  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) {
  .p-service-6 .p-service__box-title-nom {
    font-size: clamp(1.6rem, 1.6rem + 0vw, 1.6rem);
  }
}
.p-service-6 .p-service__box-title-wrap {
  padding-top: 32px;
}
@media screen and (min-width: 768px) {
  .p-service-6 .p-service__box-title-wrap {
    padding-top: 30px;
  }
}
.p-service-6 .p-service__box-title-text h3 {
  font-size: clamp(1.375rem, 1.375rem + 0vw, 1.375rem);
  text-align: center;
  line-height: 1.3;
  font-weight: 600;
}
@media screen and (min-width: 768px) {
  .p-service-6 .p-service__box-title-text h3 {
    font-size: clamp(1.125rem, 0.6433946488rem + 1.0033444816vw, 1.5rem);
  }
}
.p-service-6 .p-service__box-content {
  padding-bottom: 22px;
  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;
  gap: 9px;
}
@media screen and (min-width: 768px) {
  .p-service-6 .p-service__box-content {
    gap: 18px;
    padding-bottom: 20px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }
}
.p-service-6 .p-service__box-content-text {
  font-size: clamp(1rem, 0.8175747863rem + 0.2136752137vw, 1rem);
  line-height: 1.79;
}
@media screen and (min-width: 768px) {
  .p-service-6 .p-service__box-content-text {
    font-size: clamp(1rem, 0.7144648829rem + 0.3344481605vw, 1rem);
    line-height: 1.56;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }
}

/*----------------------------------
    p-service-7
-----------------------------------*/
.p-service-7 {
  padding-block: 40px 40px;
  background-color: var(--color-50);
}
@media screen and (min-width: 768px) {
  .p-service-7 {
    padding-block: 100px 144px;
  }
}
.p-service-7 .p-service__text {
  padding-top: 19px;
}
@media screen and (min-width: 768px) {
  .p-service-7 .p-service__text {
    padding-top: 32px;
  }
}
@media screen and (min-width: 768px) {
  .p-service-7 .p-service__text p {
    font-size: clamp(1rem, 0.9425747863rem + 0.2136752137vw, 1.125rem);
  }
}
.p-service-7 .p-service__boxes {
  padding-top: 32px;
  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: 14px;
}
@media screen and (min-width: 768px) {
  .p-service-7 .p-service__boxes {
    padding-top: 48px;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    gap: clamp(12px, 12px + (8) * (100vw - 768px) / (1366 - 768), 20px);
  }
}
.p-service-7 .p-service__box {
  padding-inline: 24px;
  padding-block: 32px 24px;
  border-radius: 10px;
  -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  background-color: #fff;
  display: grid;
  grid-template-columns: 40px minmax(286px, 1fr) 1fr;
  grid-template-areas: "nom title title" "img img img" "text text text" "btn btn btn";
}
@media screen and (min-width: 768px) {
  .p-service-7 .p-service__box {
    padding-inline: 24px 34px;
    padding-block: 23px 23px;
    grid-template-columns: clamp(40px, 40px + (25) * (100vw - 768px) / (1366 - 768), 65px) auto 1fr;
    grid-template-areas: "nom img title" "nom img text" "nom img btn";
    -webkit-column-gap: clamp(12px, 12px + (24) * (100vw - 768px) / (1366 - 768), 36px);
    -moz-column-gap: clamp(12px, 12px + (24) * (100vw - 768px) / (1366 - 768), 36px);
    column-gap: clamp(12px, 12px + (24) * (100vw - 768px) / (1366 - 768), 36px);
  }
}
.p-service-7 .p-service__box-title-nom {
  grid-area: nom;
  align-self: center;
  font-family: "Roboto", sans-serif;
  font-size: clamp(2.5rem, 2.5rem + 0vw, 2.5rem);
  line-height: 0.6;
  font-weight: 600;
  width: 40px;
}
@media screen and (min-width: 768px) {
  .p-service-7 .p-service__box-title-nom {
    border-right: 1px solid #333333;
    font-size: clamp(1.875rem, 0.5907190635rem + 2.6755852843vw, 2.875rem);
    width: 100%;
    height: 100%;
    padding-top: 5px;
  }
}
.p-service-7 .p-service__box-title {
  grid-area: title;
  align-self: center;
  text-align: center;
}
.p-service-7 .p-service__box-title h3 {
  font-size: clamp(1.375rem, 1.375rem + 0vw, 1.375rem);
  line-height: 1.73;
  font-weight: 600;
}
@media screen and (min-width: 768px) {
  .p-service-7 .p-service__box-title h3 {
    font-size: clamp(1.125rem, 0.6433946488rem + 1.0033444816vw, 1.5rem);
    text-align: left;
    padding-left: 8px;
  }
}
.p-service-7 .p-service__box-img {
  grid-area: img;
  margin-top: 6px;
  border-top: 1px solid #333333;
  padding-top: 15px;
}
@media screen and (min-width: 768px) {
  .p-service-7 .p-service__box-img {
    border-top: none;
    -ms-flex-item-align: center;
    align-self: center;
    padding-top: 0;
    margin-top: 0;
    width: clamp(260px, 260px + (54) * (100vw - 768px) / (1366 - 768), 314px);
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }
}
.p-service-7 .p-service__box-img img {
  -o-object-fit: cover;
  object-fit: cover;
}
.p-service-7 .p-service__box-text {
  grid-area: text;
  padding-top: 15px;
}
@media screen and (min-width: 768px) {
  .p-service-7 .p-service__box-text {
    padding-top: 16px;
  }
}
.p-service-7 .p-service__box-text p {
  font-size: clamp(1rem, 1rem + 0vw, 1rem);
  line-height: 1.79;
}
@media screen and (min-width: 768px) {
  .p-service-7 .p-service__box-text p {
    font-size: clamp(0.75rem, 0.4289297659rem + 0.6688963211vw, 1rem);
    line-height: 1.56;
    padding-left: 8px;
  }
}
.p-service-7 .p-service__box-btn {
  grid-area: btn;
  align-self: flex-end;
  justify-self: flex-end;
  margin-top: 14px;
}
@media screen and (min-width: 768px) {
  .p-service-7 .p-service__box-btn {
    margin-top: 0px;
  }
}

/*----------------------------------
    p-service-8
-----------------------------------*/
.p-service-8 {
  padding-block: 40px 40px;
  background-color: var(--color-500);
}
@media screen and (min-width: 768px) {
  .p-service-8 {
    padding-block: 100px 144px;
  }
}
.p-service-8 .p-service__text {
  padding-top: 19px;
}
@media screen and (min-width: 768px) {
  .p-service-8 .p-service__text {
    padding-top: 32px;
  }
}
@media screen and (min-width: 768px) {
  .p-service-8 .p-service__text p {
    font-size: clamp(1rem, 0.9425747863rem + 0.2136752137vw, 1.125rem);
  }
}
.p-service-8 .p-service__boxes {
  padding-top: 32px;
  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: 14px;
}
@media screen and (min-width: 768px) {
  .p-service-8 .p-service__boxes {
    padding-top: 48px;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    gap: clamp(12px, 12px + (8) * (100vw - 768px) / (1366 - 768), 20px);
  }
}
.p-service-8 .p-service__box {
  padding-inline: 24px;
  padding-block: 32px 24px;
  border-radius: 10px;
  -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  background-color: #fff;
  display: grid;
  grid-template-columns: 40px minmax(286px, 1fr) 1fr;
  grid-template-areas: "nom title title" "img img img" "text text text" "btn btn btn";
}
@media screen and (min-width: 768px) {
  .p-service-8 .p-service__box {
    padding-inline: 24px 34px;
    padding-block: 23px 23px;
    grid-template-columns: clamp(40px, 40px + (25) * (100vw - 768px) / (1366 - 768), 65px) auto 1fr;
    grid-template-areas: "nom img title" "nom img text" "nom img btn";
    -webkit-column-gap: clamp(12px, 12px + (24) * (100vw - 768px) / (1366 - 768), 36px);
    -moz-column-gap: clamp(12px, 12px + (24) * (100vw - 768px) / (1366 - 768), 36px);
    column-gap: clamp(12px, 12px + (24) * (100vw - 768px) / (1366 - 768), 36px);
  }
}
.p-service-8 .p-service__box-title-nom {
  grid-area: nom;
  align-self: center;
  font-family: "Roboto", sans-serif;
  font-size: clamp(2.5rem, 2.5rem + 0vw, 2.5rem);
  line-height: 0.6;
  font-weight: 600;
  width: 40px;
}
@media screen and (min-width: 768px) {
  .p-service-8 .p-service__box-title-nom {
    border-right: 1px solid #333333;
    font-size: clamp(1.875rem, 0.5907190635rem + 2.6755852843vw, 2.875rem);
    width: 100%;
    height: 100%;
    padding-top: 5px;
  }
}
.p-service-8 .p-service__box-title {
  grid-area: title;
  align-self: center;
  text-align: center;
}
.p-service-8 .p-service__box-title h3 {
  font-size: clamp(1.375rem, 1.375rem + 0vw, 1.375rem);
  line-height: 1.73;
  font-weight: 600;
}
@media screen and (min-width: 768px) {
  .p-service-8 .p-service__box-title h3 {
    font-size: clamp(1.125rem, 0.6433946488rem + 1.0033444816vw, 1.5rem);
    text-align: left;
    padding-left: 8px;
  }
}
.p-service-8 .p-service__box-img {
  grid-area: img;
  margin-top: 6px;
  border-top: 1px solid #333333;
  padding-top: 15px;
}
@media screen and (min-width: 768px) {
  .p-service-8 .p-service__box-img {
    border-top: none;
    -ms-flex-item-align: center;
    align-self: center;
    padding-top: 0;
    margin-top: 0;
    width: clamp(260px, 260px + (54) * (100vw - 768px) / (1366 - 768), 314px);
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }
}
.p-service-8 .p-service__box-img img {
  -o-object-fit: cover;
  object-fit: cover;
}
.p-service-8 .p-service__box-text {
  grid-area: text;
  padding-top: 15px;
}
@media screen and (min-width: 768px) {
  .p-service-8 .p-service__box-text {
    padding-top: 16px;
  }
}
.p-service-8 .p-service__box-text p {
  font-size: clamp(1rem, 1rem + 0vw, 1rem);
  line-height: 1.79;
}
@media screen and (min-width: 768px) {
  .p-service-8 .p-service__box-text p {
    font-size: clamp(0.75rem, 0.4289297659rem + 0.6688963211vw, 1rem);
    line-height: 1.56;
    padding-left: 8px;
  }
}
.p-service-8 .p-service__box-btn {
  grid-area: btn;
  align-self: flex-end;
  justify-self: flex-end;
  margin-top: 14px;
}
@media screen and (min-width: 768px) {
  .p-service-8 .p-service__box-btn {
    margin-top: 0px;
  }
}

/*----------------------------------
    p-service-9
-----------------------------------*/
.p-service-9 {
  padding-block: 40px 40px;
  background-color: var(--color-50);
}
@media screen and (min-width: 768px) {
  .p-service-9 {
    padding-block: 100px 139px;
  }
}
.p-service-9 .p-service__text {
  padding-top: 19px;
}
@media screen and (min-width: 768px) {
  .p-service-9 .p-service__text {
    padding-top: 32px;
  }
}
@media screen and (min-width: 768px) {
  .p-service-9 .p-service__text p {
    font-size: clamp(1rem, 0.9425747863rem + 0.2136752137vw, 1.125rem);
  }
}
.p-service-9 .p-service__boxes {
  padding-top: 32px;
  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: 14px;
}
@media screen and (min-width: 768px) {
  .p-service-9 .p-service__boxes {
    padding-top: 40px;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    gap: clamp(12px, 12px + (8) * (100vw - 768px) / (1366 - 768), 20px);
  }
}
.p-service-9 .p-service__box {
  padding-block: 32px 0px;
  border-radius: 10px;
  -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  background-color: #fff;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-areas: " title " "text " "img ";
}
@media screen and (min-width: 768px) {
  .p-service-9 .p-service__box {
    padding-inline: 24px 0px;
    padding-block: 0;
    grid-template-columns: 1fr auto;
    grid-template-areas: "title img " "text img" "text img ";
    -webkit-column-gap: clamp(12px, 12px + (10) * (100vw - 768px) / (1366 - 768), 22px);
    -moz-column-gap: clamp(12px, 12px + (10) * (100vw - 768px) / (1366 - 768), 22px);
    column-gap: clamp(12px, 12px + (10) * (100vw - 768px) / (1366 - 768), 22px);
  }
}
.p-service-9 .p-service__box2 {
  padding-block: 32px 0px;
  border-radius: 10px;
  -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  background-color: #fff;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-areas: " title " "text " "img ";
}
@media screen and (min-width: 768px) {
  .p-service-9 .p-service__box2 {
    padding-inline: 0px 24px;
    padding-block: 0;
    grid-template-columns: 1fr auto;
    grid-template-areas: "img title " "img text" "img text ";
    -webkit-column-gap: clamp(12px, 12px + (10) * (100vw - 768px) / (1366 - 768), 22px);
    -moz-column-gap: clamp(12px, 12px + (10) * (100vw - 768px) / (1366 - 768), 22px);
    column-gap: clamp(12px, 12px + (10) * (100vw - 768px) / (1366 - 768), 22px);
  }
}
.p-service-9 .p-service__box-title-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: 10px;
  margin-inline: 24px;
  padding-bottom: 7px;
  border-bottom: 1px solid #333333;
}
@media screen and (min-width: 768px) {
  .p-service-9 .p-service__box-title-wrap {
    gap: 22px;
    padding-top: 22px;
    padding-bottom: 14px;
  }
}
.p-service-9 .p-service__box-title-nom {
  grid-area: nom;
  align-self: center;
  font-family: "Roboto", sans-serif;
  font-size: clamp(2.5rem, 2.5rem + 0vw, 2.5rem);
  line-height: 0.6;
  font-weight: 600;
}
@media screen and (min-width: 768px) {
  .p-service-9 .p-service__box-title-nom {
    font-size: clamp(1.875rem, 0.5907190635rem + 2.6755852843vw, 2.875rem);
  }
}
.p-service-9 .p-service__box-title {
  grid-area: title;
  align-self: center;
  text-align: center;
}
.p-service-9 .p-service__box-title h3 {
  font-size: clamp(1.375rem, 1.375rem + 0vw, 1.375rem);
  line-height: 1.73;
  font-weight: 600;
}
@media screen and (min-width: 768px) {
  .p-service-9 .p-service__box-title h3 {
    font-size: clamp(1.125rem, 0.6433946488rem + 1.0033444816vw, 1.5rem);
    text-align: left;
    padding-left: 8px;
  }
}
.p-service-9 .p-service__box-img {
  grid-area: img;
  border-radius: 0 0 10px 10px;
  padding-top: 19px;
}
@media screen and (min-width: 768px) {
  .p-service-9 .p-service__box-img {
    -ms-flex-item-align: end;
    align-self: flex-end;
    padding-top: 0;
    margin-top: 0;
    width: clamp(300px, 300px + (63) * (100vw - 768px) / (1366 - 768), 363px);
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }
}
.p-service-9 .p-service__box-img img {
  border-radius: 0 0 10px 10px;
  -o-object-fit: cover;
  object-fit: cover;
}
@media screen and (min-width: 768px) {
  .p-service-9 .p-service__box-img img {
    border-radius: 0 10px 10px 0;
  }
}
.p-service-9 .p-service__box-img2 {
  grid-area: img;
  border-radius: 0 0 10px 10px;
  padding-top: 19px;
}
@media screen and (min-width: 768px) {
  .p-service-9 .p-service__box-img2 {
    -ms-flex-item-align: end;
    align-self: flex-end;
    padding-top: 0;
    margin-top: 0;
    width: clamp(300px, 300px + (63) * (100vw - 768px) / (1366 - 768), 363px);
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }
}
.p-service-9 .p-service__box-img2 img {
  border-radius: 0 0 10px 10px;
  -o-object-fit: cover;
  object-fit: cover;
}
@media screen and (min-width: 768px) {
  .p-service-9 .p-service__box-img2 img {
    border-radius: 10px 0 0 10px;
  }
}
.p-service-9 .p-service__box-text {
  grid-area: text;
  padding-top: 15px;
  padding-inline: 24px;
}
@media screen and (min-width: 768px) {
  .p-service-9 .p-service__box-text {
    padding-top: clamp(14px, 14px + (8) * (100vw - 768px) / (1366 - 768), 22px);
    padding-bottom: clamp(14px, 14px + (9) * (100vw - 768px) / (1366 - 768), 23px);
  }
}
.p-service-9 .p-service__box-text p {
  font-size: clamp(1rem, 1rem + 0vw, 1rem);
  line-height: 1.79;
}
@media screen and (min-width: 768px) {
  .p-service-9 .p-service__box-text p {
    font-size: clamp(0.75rem, 0.4289297659rem + 0.6688963211vw, 1rem);
    line-height: 1.56;
    padding-left: 8px;
  }
}

/*----------------------------------
    p-service-10
-----------------------------------*/
.p-service-10 {
  padding-block: 40px 40px;
  background-color: var(--color-500);
}
@media screen and (min-width: 768px) {
  .p-service-10 {
    padding-block: 100px 144px;
  }
}
.p-service-10 .p-service__text {
  padding-top: 19px;
}
@media screen and (min-width: 768px) {
  .p-service-10 .p-service__text {
    padding-top: 32px;
  }
}
@media screen and (min-width: 768px) {
  .p-service-10 .p-service__text p {
    font-size: clamp(1rem, 0.9425747863rem + 0.2136752137vw, 1.125rem);
  }
}
.p-service-10 .p-service__boxes {
  padding-top: 32px;
  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: 14px;
}
@media screen and (min-width: 768px) {
  .p-service-10 .p-service__boxes {
    padding-top: 40px;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    gap: clamp(12px, 12px + (8) * (100vw - 768px) / (1366 - 768), 20px);
  }
}
.p-service-10 .p-service__box {
  padding-block: 32px 0px;
  border-radius: 10px;
  -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  background-color: #fff;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-areas: " title " "text " "img ";
}
@media screen and (min-width: 768px) {
  .p-service-10 .p-service__box {
    padding-inline: 24px 0px;
    padding-block: 0;
    grid-template-columns: 1fr auto;
    grid-template-areas: "title img " "text img" "text img ";
    -webkit-column-gap: clamp(12px, 12px + (10) * (100vw - 768px) / (1366 - 768), 22px);
    -moz-column-gap: clamp(12px, 12px + (10) * (100vw - 768px) / (1366 - 768), 22px);
    column-gap: clamp(12px, 12px + (10) * (100vw - 768px) / (1366 - 768), 22px);
  }
}
.p-service-10 .p-service__box2 {
  padding-block: 32px 0px;
  border-radius: 10px;
  -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  background-color: #fff;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-areas: " title " "text " "img ";
}
@media screen and (min-width: 768px) {
  .p-service-10 .p-service__box2 {
    padding-inline: 0px 24px;
    padding-block: 0;
    grid-template-columns: 1fr auto;
    grid-template-areas: "img title " "img text" "img text ";
    -webkit-column-gap: clamp(12px, 12px + (10) * (100vw - 768px) / (1366 - 768), 22px);
    -moz-column-gap: clamp(12px, 12px + (10) * (100vw - 768px) / (1366 - 768), 22px);
    column-gap: clamp(12px, 12px + (10) * (100vw - 768px) / (1366 - 768), 22px);
  }
}
.p-service-10 .p-service__box-title-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: 10px;
  margin-inline: 24px;
  padding-bottom: 7px;
  border-bottom: 1px solid #333333;
}
@media screen and (min-width: 768px) {
  .p-service-10 .p-service__box-title-wrap {
    gap: 22px;
    padding-top: 22px;
    padding-top: clamp(22px, 22px + (0) * (100vw - 768px) / (1366 - 768), 22px);
    padding-bottom: 14px;
    padding-block: clamp(8px, 8px + (6) * (100vw - 768px) / (1366 - 768), 14px);
  }
}
.p-service-10 .p-service__box-title-nom {
  grid-area: nom;
  align-self: center;
  font-family: "Roboto", sans-serif;
  font-size: clamp(2.5rem, 2.5rem + 0vw, 2.5rem);
  line-height: 0.6;
  font-weight: 600;
}
@media screen and (min-width: 768px) {
  .p-service-10 .p-service__box-title-nom {
    font-size: clamp(1.875rem, 0.5907190635rem + 2.6755852843vw, 2.875rem);
  }
}
.p-service-10 .p-service__box-title {
  grid-area: title;
  align-self: center;
  text-align: center;
}
.p-service-10 .p-service__box-title h3 {
  font-size: clamp(1.375rem, 1.375rem + 0vw, 1.375rem);
  line-height: 1.73;
  font-weight: 600;
}
@media screen and (min-width: 768px) {
  .p-service-10 .p-service__box-title h3 {
    font-size: clamp(1.125rem, 0.6433946488rem + 1.0033444816vw, 1.5rem);
    text-align: left;
    padding-left: 8px;
  }
}
.p-service-10 .p-service__box-img {
  grid-area: img;
  border-radius: 0 0 10px 10px;
  padding-top: 19px;
}
@media screen and (min-width: 768px) {
  .p-service-10 .p-service__box-img {
    -ms-flex-item-align: end;
    align-self: flex-end;
    padding-top: 0;
    margin-top: 0;
    width: clamp(300px, 300px + (63) * (100vw - 768px) / (1366 - 768), 363px);
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }
}
.p-service-10 .p-service__box-img img {
  border-radius: 0 0 10px 10px;
  -o-object-fit: cover;
  object-fit: cover;
}
@media screen and (min-width: 768px) {
  .p-service-10 .p-service__box-img img {
    border-radius: 0 10px 10px 0;
  }
}
.p-service-10 .p-service__box-img2 {
  grid-area: img;
  border-radius: 0 0 10px 10px;
  padding-top: 19px;
}
@media screen and (min-width: 768px) {
  .p-service-10 .p-service__box-img2 {
    -ms-flex-item-align: end;
    align-self: flex-end;
    padding-top: 0;
    margin-top: 0;
    width: clamp(300px, 300px + (63) * (100vw - 768px) / (1366 - 768), 363px);
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }
}
.p-service-10 .p-service__box-img2 img {
  border-radius: 0 0 10px 10px;
  -o-object-fit: cover;
  object-fit: cover;
}
@media screen and (min-width: 768px) {
  .p-service-10 .p-service__box-img2 img {
    border-radius: 10px 0 0 10px;
  }
}
.p-service-10 .p-service__box-text {
  grid-area: text;
  padding-top: 15px;
  padding-inline: 24px;
}
@media screen and (min-width: 768px) {
  .p-service-10 .p-service__box-text {
    padding-top: 22px;
    padding-top: clamp(14px, 14px + (8) * (100vw - 768px) / (1366 - 768), 22px);
    padding-bottom: 23px;
    padding-bottom: clamp(14px, 14px + (9) * (100vw - 768px) / (1366 - 768), 23px);
  }
}
.p-service-10 .p-service__box-text p {
  font-size: clamp(1rem, 1rem + 0vw, 1rem);
  line-height: 1.79;
}
@media screen and (min-width: 768px) {
  .p-service-10 .p-service__box-text p {
    font-size: clamp(0.75rem, 0.4289297659rem + 0.6688963211vw, 1rem);
    line-height: 1.56;
    padding-left: 8px;
  }
}

.p-news {
  padding-top: 31px;
}

/*----------------------------------
    p-news-1
-----------------------------------*/
.p-news-1 {
  padding-block: 40px 43px;
}
@media screen and (min-width: 768px) {
  .p-news-1 {
    padding-block: 100px 148px;
  }
}
.p-news-1 .p-news__text {
  padding-top: 16px;
}
@media screen and (min-width: 768px) {
  .p-news-1 .p-news__text {
    padding-top: 40px;
  }
}
@media screen and (min-width: 768px) {
  .p-news-1 .p-news__contents {
    padding-top: 43px;
  }
}
.p-news-1 .p-news__list {
  border-top: 1px solid #d5d5d5;
}
.p-news-1 .p-news__box {
  position: relative;
  padding-block: 15px;
  padding-inline: 12px 35px;
  border-bottom: 1px solid #d5d5d5;
  display: grid;
  grid-template-columns: auto;
  grid-template-areas: "new" "time" "text";
}
@media screen and (min-width: 768px) {
  .p-news-1 .p-news__box {
    padding-block: 26px;
    padding-inline: 30px 10px;
    grid-template-columns: clamp(128px, 128px + (55) * (100vw - 768px) / (1366 - 768), 183px) auto auto;
    grid-template-areas: "time text new";
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
.p-news-1 .p-news__box::before {
  content: "";
  position: absolute;
  right: 12px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 14px;
  height: 14px;
  border-top: 1px solid var(--color-700);
  border-right: 1px solid var(--color-700);
  -webkit-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
}
@media screen and (min-width: 768px) {
  .p-news-1 .p-news__box::before {
    display: none;
  }
}
.p-news-1 .p-news__box:hover::before {
  right: 8px;
}
.p-news-1 .p-news__item-new {
  margin-bottom: 12px;
  width: 51px;
  height: 18px;
  background-color: var(--color-500);
  border-radius: 2px;
  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;
  justify-self: center;
  grid-area: new;
  font-size: clamp(0.6875rem, 0.6875rem + 0vw, 0.6875rem);
  text-align: center;
}
@media screen and (min-width: 768px) {
  .p-news-1 .p-news__item-new {
    margin-bottom: 0;
    margin-left: 20px;
    -ms-flex-item-align: center;
    align-self: center;
    justify-self: start;
  }
}
.p-news-1 .p-news__item-date {
  grid-area: time;
  font-size: clamp(0.875rem, 0.875rem + 0vw, 0.875rem);
  line-height: 1.5;
  justify-self: center;
}
@media screen and (min-width: 768px) {
  .p-news-1 .p-news__item-date {
    justify-self: start;
    -ms-flex-item-align: center;
    align-self: center;
  }
}
.p-news-1 .p-news__item-text {
  padding-top: 12px;
  grid-area: text;
}
@media screen and (min-width: 768px) {
  .p-news-1 .p-news__item-text {
    padding-top: 0;
    justify-self: stretch;
    -ms-flex-item-align: center;
    align-self: center;
    width: auto;
  }
}
.p-news-1 .p-news__item-text p {
  font-size: clamp(0.875rem, 0.8175747863rem + 0.2136752137vw, 1rem);
  line-height: 1.59;
}

/*----------------------------------
    p-news-2
-----------------------------------*/
.p-news-2 {
  padding-block: 40px 43px;
}
@media screen and (min-width: 768px) {
  .p-news-2 {
    padding-block: 92px 98px;
  }
}
.p-news-2 .p-news__text {
  padding-top: 16px;
}
@media screen and (min-width: 768px) {
  .p-news-2 .p-news__text {
    padding-top: 40px;
  }
}
.p-news-2 .p-news__contents {
  padding-top: 32px;
}
@media screen and (min-width: 768px) {
  .p-news-2 .p-news__contents {
    padding-top: 37px;
  }
}
.p-news-2 .p-news__list {
  border-top: 1px solid #d5d5d5;
  max-height: 520px;
  overflow-y: auto;
}
@media screen and (min-width: 768px) {
  .p-news-2 .p-news__list {
    -webkit-box-shadow: inset 0 0 6px 0 rgba(0, 0, 0, 0.16);
    box-shadow: inset 0 0 6px 0 rgba(0, 0, 0, 0.16);
    border: solid 1px #eee;
    max-height: 371px;
  }
}
.p-news-2 .p-news__box {
  position: relative;
  padding-block: 15px;
  padding-inline: 0px 40px;
  border-bottom: 1px solid #d5d5d5;
  display: grid;
  grid-template-columns: clamp(120px, 120px + (0) * (100vw - 430px) / (1366 - 430), 120px) auto;
  grid-template-areas: "time new" "text text";
}
@media screen and (min-width: 768px) {
  .p-news-2 .p-news__box {
    padding-block: 15.3px;
    margin-left: 13px;
    padding-inline: 28px 30px;
    grid-template-columns: clamp(128px, 128px + (22) * (100vw - 768px) / (1366 - 768), 150px) auto auto;
    grid-template-areas: "time text new";
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
.p-news-2 .p-news__box:hover::before {
  right: 8px;
}
.p-news-2 .p-news__item-new {
  width: 51px;
  height: 18px;
  background-color: var(--color-500);
  border-radius: 2px;
  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;
  justify-self: stretch;
  grid-area: new;
  font-size: clamp(0.6875rem, 0.6875rem + 0vw, 0.6875rem);
  text-align: center;
}
@media screen and (min-width: 768px) {
  .p-news-2 .p-news__item-new {
    margin-bottom: 0;
    margin-left: 20px;
    -ms-flex-item-align: center;
    align-self: center;
    justify-self: start;
  }
}
.p-news-2 .p-news__item-date {
  grid-area: time;
  font-size: clamp(0.875rem, 0.875rem + 0vw, 0.875rem);
  line-height: 1.5;
  justify-self: start;
}
@media screen and (min-width: 768px) {
  .p-news-2 .p-news__item-date {
    justify-self: stretch;
    -ms-flex-item-align: center;
    align-self: center;
  }
}
.p-news-2 .p-news__item-text {
  padding-top: 8px;
  grid-area: text;
}
@media screen and (min-width: 768px) {
  .p-news-2 .p-news__item-text {
    padding-top: 0;
    justify-self: stretch;
    -ms-flex-item-align: center;
    align-self: center;
    width: auto;
  }
}
.p-news-2 .p-news__item-text p {
  font-size: clamp(0.875rem, 0.875rem + 0vw, 0.875rem);
  line-height: 1.59;
}

/*----------------------------------
    p-news-3
-----------------------------------*/
.p-news-3 {
  padding-block: 49px 43px;
}
@media screen and (min-width: 768px) {
  .p-news-3 {
    padding-block: 100px 107px;
  }
}
.p-news-3 .p-news__text {
  padding-top: 16px;
}
@media screen and (min-width: 768px) {
  .p-news-3 .p-news__text {
    padding-top: 40px;
  }
}
.p-news-3 .p-news__contents {
  padding-top: 28px;
  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: 8px;
}
@media screen and (min-width: 768px) {
  .p-news-3 .p-news__contents {
    gap: 38px;
    padding-top: 36px;
    -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;
  }
}
.p-news-3 .p-news__img {
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
@media screen and (min-width: 768px) {
  .p-news-3 .p-news__img {
    width: 244px;
    width: clamp(220px, 220px + (24) * (100vw - 768px) / (1366 - 768), 244px);
  }
}
.p-news-3 .p-news__list {
  border-top: 1px solid #d5d5d5;
}
.p-news-3 .p-news__box {
  position: relative;
  padding-block: 15px;
  padding-inline: 0px 40px;
  border-bottom: 1px solid #d5d5d5;
  display: grid;
  grid-template-columns: clamp(120px, 120px + (0) * (100vw - 430px) / (1366 - 430), 120px) auto;
  grid-template-areas: "time new" "text text";
}
@media screen and (min-width: 768px) {
  .p-news-3 .p-news__box {
    padding-inline: 30px 10px;
    grid-template-columns: clamp(120px, 120px + (0) * (100vw - 768px) / (1366 - 768), 120px) auto;
  }
}
.p-news-3 .p-news__box:hover::before {
  right: 8px;
}
.p-news-3 .p-news__item-new {
  width: 51px;
  height: 18px;
  background-color: var(--color-500);
  border-radius: 2px;
  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;
  justify-self: stretch;
  grid-area: new;
  font-size: clamp(0.6875rem, 0.6875rem + 0vw, 0.6875rem);
  text-align: center;
}
@media screen and (min-width: 768px) {
  .p-news-3 .p-news__item-new {
    margin-bottom: 0;
    -ms-flex-item-align: center;
    align-self: center;
    justify-self: start;
  }
}
.p-news-3 .p-news__item-date {
  grid-area: time;
  font-size: clamp(0.875rem, 0.875rem + 0vw, 0.875rem);
  line-height: 1.5;
  justify-self: start;
}
@media screen and (min-width: 768px) {
  .p-news-3 .p-news__item-date {
    justify-self: stretch;
    -ms-flex-item-align: center;
    align-self: center;
  }
}
.p-news-3 .p-news__item-text {
  padding-top: 7.6px;
  grid-area: text;
}
@media screen and (min-width: 768px) {
  .p-news-3 .p-news__item-text {
    padding-top: 1px;
    justify-self: stretch;
    -ms-flex-item-align: center;
    align-self: center;
    width: auto;
  }
}
.p-news-3 .p-news__item-text p {
  font-size: clamp(0.875rem, 0.8175747863rem + 0.2136752137vw, 1rem);
  line-height: 1.59;
}
@media screen and (min-width: 768px) {
  .p-news-3 .p-news__item-text p {
    font-size: clamp(0.75rem, 0.4289297659rem + 0.6688963211vw, 1rem);
  }
}

/*----------------------------------
    p-news-4
-----------------------------------*/
.p-news-4 {
  padding-block: 45px 43px;
}
@media screen and (min-width: 768px) {
  .p-news-4 {
    padding-block: 96px 192px;
  }
}
.p-news-4 .p-news__text {
  padding-top: 16px;
}
@media screen and (min-width: 768px) {
  .p-news-4 .p-news__text {
    padding-top: 40px;
  }
}
.p-news-4 .p-news__contents {
  padding-top: 29px;
}
@media screen and (min-width: 768px) {
  .p-news-4 .p-news__contents {
    padding-top: 36px;
  }
}
.p-news-4 .p-news__grid {
  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-news-4 .p-news__grid {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 20px;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
.p-news-4 .p-news__main .p-news__box--large {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.p-news-4 .p-news__main .p-news__box--large .p-news__box-img {
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
@media screen and (min-width: 768px) {
  .p-news-4 .p-news__main .p-news__box--large .p-news__box-img {
    width: clamp(320px, 320px + (140) * (100vw - 768px) / (1366 - 768), 460px);
  }
}
.p-news-4 .p-news__main .p-news__box--large .p-news__box-img img {
  -o-object-fit: cover;
  object-fit: cover;
}
.p-news-4 .p-news__main .p-news__box--large .p-news__box-date-wrap {
  padding-top: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 4px;
}
@media screen and (min-width: 768px) {
  .p-news-4 .p-news__main .p-news__box--large .p-news__box-date-wrap {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 10px;
    padding-top: 21px;
  }
}
.p-news-4 .p-news__sub {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px;
}
@media screen and (min-width: 768px) {
  .p-news-4 .p-news__sub {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}
.p-news-4 .p-news__sub .p-news__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
}
.p-news-4 .p-news__sub .p-news__box-date-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-block: 6px 16px;
  border-bottom: 1px solid #7e7e7e;
  gap: 5px;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .p-news-4 .p-news__sub .p-news__box-date-wrap {
    padding-block: 2px 16px;
    padding-block: 2px clamp(6px, 6px + (10) * (100vw - 768px) / (1366 - 768), 16px);
    gap: 9px;
    gap: clamp(4px, 4px + (5) * (100vw - 768px) / (1366 - 768), 9px);
  }
}
.p-news-4 .p-news__sub .p-news__box-img {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 88px;
}
@media screen and (min-width: 768px) {
  .p-news-4 .p-news__sub .p-news__box-img {
    width: clamp(120px, 120px + (32) * (100vw - 768px) / (1366 - 768), 152px);
  }
}
.p-news-4 .p-news__sub .p-news__box-img img {
  -o-object-fit: cover;
  object-fit: cover;
}
.p-news-4 .p-news__item-date {
  font-size: clamp(0.6875rem, 0.6875rem + 0vw, 0.6875rem);
  line-height: 1.55;
  color: #999999;
}
.p-news-4 .p-news__item-text p {
  font-size: clamp(0.75rem, 0.6925747863rem + 0.2136752137vw, 0.875rem);
  line-height: 1.75;
}
@media screen and (min-width: 768px) {
  .p-news-4 .p-news__item-text p {
    line-height: 1.5;
  }
}

/*----------------------------------
    p-news-5
-----------------------------------*/
.p-news-5 {
  padding-block: 48px 43px;
  background: url(../img/news-bg-sp.webp) no-repeat center/cover;
}
@media screen and (min-width: 768px) {
  .p-news-5 {
    background: url(../img/news-bg-pc.webp) no-repeat center/cover;
    padding-block: 95px 133px;
  }
}
.p-news-5 .p-news__text {
  padding-top: 16px;
}
@media screen and (min-width: 768px) {
  .p-news-5 .p-news__text {
    padding-top: 40px;
  }
}
.p-news-5 .p-news__contents {
  padding-top: 28px;
}
@media screen and (min-width: 768px) {
  .p-news-5 .p-news__contents {
    padding-top: 37px;
  }
}
.p-news-5 .p-news__list {
  border-top: 1px solid #d5d5d5;
}
.p-news-5 .p-news__item {
  background-color: #fff;
}
.p-news-5 .p-news__box {
  position: relative;
  padding-block: 32px;
  padding-inline: 24px;
  border-bottom: 1px solid #d5d5d5;
  display: grid;
  grid-template-columns: auto;
  grid-template-areas: "time category" "text text" "img img";
}
@media screen and (min-width: 768px) {
  .p-news-5 .p-news__box {
    padding-block: 0px;
    padding-inline: 30px 60px;
    grid-template-columns: auto auto auto auto;
    grid-template-areas: "time img category text";
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: clamp(20px, 20px + (10) * (100vw - 768px) / (1366 - 768), 30px);
  }
}
.p-news-5 .p-news__item-new {
  position: absolute;
  right: 0;
  top: -1px;
  width: 53px;
}
.p-news-5 .p-news__item-category {
  grid-area: category;
  justify-self: end;
  min-width: 110px;
  min-height: 23px;
  border-radius: 6px;
  border: solid 1px var(--color-500);
  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: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .p-news-5 .p-news__item-category {
    min-width: 88px;
  }
}
.p-news-5 .p-news__item-category p {
  font-size: clamp(0.875rem, 0.875rem + 0vw, 0.875rem);
  font-weight: 600;
  line-height: 1;
  color: var(--color-500);
}
@media screen and (min-width: 768px) {
  .p-news-5 .p-news__item-category p {
    font-size: clamp(0.75rem, 0.75rem + 0vw, 0.75rem);
  }
}
.p-news-5 .p-news__item-date {
  grid-area: time;
  font-size: clamp(0.875rem, 0.875rem + 0vw, 0.875rem);
  line-height: 1.5;
  color: #666666;
}
.p-news-5 .p-news__item-text {
  padding-top: 15px;
  grid-area: text;
}
@media screen and (min-width: 768px) {
  .p-news-5 .p-news__item-text {
    padding-top: 0;
    justify-self: stretch;
    -ms-flex-item-align: center;
    align-self: center;
    width: auto;
  }
}
.p-news-5 .p-news__item-text p {
  font-size: clamp(0.875rem, 0.8175747863rem + 0.2136752137vw, 1rem);
  line-height: 1.59;
}
.p-news-5 .p-news__box-img {
  padding-top: 15px;
  grid-area: img;
}
@media screen and (min-width: 768px) {
  .p-news-5 .p-news__box-img {
    padding-top: 0px;
    width: 124px;
  }
}
.p-news-5 .p-news__box-img img {
  -o-object-fit: cover;
  object-fit: cover;
}
.p-news-5 .new-ribbon-bg {
  fill: var(--color-500);
}

/*----------------------------------
    p-news-6
-----------------------------------*/
.p-news-6 {
  padding-block: 48px 43px;
  background: url(../img/news-bg-sp.webp) no-repeat center/cover;
}
@media screen and (min-width: 768px) {
  .p-news-6 {
    background: url(../img/news-bg-pc.webp) no-repeat center/cover;
    padding-block: 95px 124px;
  }
}
.p-news-6 .p-news__text {
  padding-top: 16px;
}
@media screen and (min-width: 768px) {
  .p-news-6 .p-news__text {
    padding-top: 40px;
  }
}
.p-news-6 .p-news__contents {
  padding-top: 32px;
}
@media screen and (min-width: 768px) {
  .p-news-6 .p-news__contents {
    padding-top: 37px;
  }
}
.p-news-6 .p-news__list {
  border-top: 1px solid #d5d5d5;
}
.p-news-6 .p-news__item {
  background-color: #fff;
}
.p-news-6 .p-news__box {
  position: relative;
  padding-block: 23px 32px;
  padding-inline: 24px;
  border-bottom: 1px solid #d5d5d5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 15px;
}
@media screen and (min-width: 768px) {
  .p-news-6 .p-news__box {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    padding-block: 0px;
    padding-inline: 0px 24px;
    gap: 30px;
  }
}
.p-news-6 .p-news__item-wrap {
  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: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media screen and (min-width: 768px) {
  .p-news-6 .p-news__item-wrap {
    padding-block: 28px 14px;
    -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;
    gap: 30px;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }
}
.p-news-6 .p-news__item-date-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
}
.p-news-6 .p-news__item-text-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  .p-news-6 .p-news__item-text-wrap {
    padding-block: clamp(14px, 14px + (6) * (100vw - 768px) / (1366 - 768), 20px);
    gap: 8px;
  }
}
.p-news-6 .p-news__item-new {
  width: 51px;
  height: 18px;
  background-color: var(--color-500);
  border-radius: 2px;
  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;
  justify-self: stretch;
  grid-area: new;
  font-size: clamp(0.6875rem, 0.6875rem + 0vw, 0.6875rem);
  text-align: center;
}
@media screen and (min-width: 768px) {
  .p-news-6 .p-news__item-new {
    margin-bottom: 0;
    -ms-flex-item-align: center;
    align-self: center;
    justify-self: start;
  }
}
.p-news-6 .p-news__item-category {
  min-width: 110px;
  min-height: 23px;
  border-radius: 6px;
  border: solid 1px var(--color-500);
  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: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .p-news-6 .p-news__item-category {
    min-width: 88px;
  }
}
.p-news-6 .p-news__item-category p {
  font-size: clamp(0.875rem, 0.875rem + 0vw, 0.875rem);
  font-weight: 600;
  line-height: 1;
  color: var(--color-500);
}
@media screen and (min-width: 768px) {
  .p-news-6 .p-news__item-category p {
    font-size: clamp(0.75rem, 0.75rem + 0vw, 0.75rem);
  }
}
.p-news-6 .p-news__item-date {
  font-size: clamp(0.875rem, 0.875rem + 0vw, 0.875rem);
  line-height: 1.5;
  color: #666666;
}
.p-news-6 .p-news__item-title h3 {
  font-size: clamp(1rem, 1rem + 0vw, 1rem);
  line-height: 1.56;
}
@media screen and (min-width: 768px) {
  .p-news-6 .p-news__item-title h3 {
    font-size: clamp(0.875rem, 0.3933946488rem + 1.0033444816vw, 1.25rem);
    line-height: 1.6;
  }
}
.p-news-6 .p-news__item-text {
  padding-top: 5px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  line-clamp: 3;
  -webkit-line-clamp: 3; /* デフォルトで3行 */
}
@media screen and (min-width: 768px) {
  .p-news-6 .p-news__item-text {
    padding-top: 0;
    line-clamp: 2;
    -webkit-line-clamp: 2; /* 2行に制限 */
    width: auto;
  }
}
.p-news-6 .p-news__item-text p {
  font-size: clamp(0.875rem, 0.875rem + 0vw, 0.875rem);
  line-height: 1.79;
}
@media screen and (min-width: 768px) {
  .p-news-6 .p-news__item-text p {
    line-height: 1.59;
    font-size: clamp(0.75rem, 0.6925747863rem + 0.2136752137vw, 0.875rem);
  }
}
.p-news-6 .p-news__box-img {
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
@media screen and (min-width: 768px) {
  .p-news-6 .p-news__box-img {
    padding-top: 0px;
    width: 198px;
  }
}
.p-news-6 .p-news__box-img img {
  -o-object-fit: cover;
  object-fit: cover;
}

/*----------------------------------
    p-news-7
-----------------------------------*/
.p-news-7 {
  padding-block: 48px 43px;
  background: url(../img/news-bg-sp.webp) no-repeat center/cover;
}
@media screen and (min-width: 768px) {
  .p-news-7 {
    background: url(../img/news-bg-pc.webp) no-repeat center/cover;
    padding-block: 95px 112px;
  }
}
.p-news-7 .p-news__text {
  padding-top: 16px;
}
@media screen and (min-width: 768px) {
  .p-news-7 .p-news__text {
    padding-top: 40px;
  }
}
.p-news-7 .p-news__contents {
  padding-top: 30px;
}
@media screen and (min-width: 768px) {
  .p-news-7 .p-news__contents {
    padding-top: 57px;
  }
}
.p-news-7 .p-news__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 19px;
}
@media screen and (min-width: 768px) {
  .p-news-7 .p-news__list {
    -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: clamp(19px, 19px + (11) * (100vw - 768px) / (1366 - 768), 30px);
  }
}
.p-news-7 .p-news__item {
  background-color: #fff;
  border-radius: 10px;
  overflow: hidden;
  -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
}
@media screen and (min-width: 768px) {
  .p-news-7 .p-news__item {
    width: 300px;
  }
}
.p-news-7 .p-news__box {
  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;
  border: solid 1px #eee;
}
@media screen and (min-width: 768px) {
  .p-news-7 .p-news__box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
  }
}
.p-news-7 .p-news__item-content {
  padding-top: 16px;
  padding-inline: 23px;
}
@media screen and (min-width: 768px) {
  .p-news-7 .p-news__item-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-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding-top: 20px;
  }
}
@media screen and (min-width: 768px) {
  .p-news-7 .p-news__box-img {
    padding-top: 0px;
  }
}
.p-news-7 .p-news__box-img img {
  -o-object-fit: cover;
  object-fit: cover;
}
.p-news-7 .p-news__item-category {
  min-width: 88px;
  min-height: 24px;
  border-radius: 6px;
  border: solid 1px var(--color-500);
  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: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .p-news-7 .p-news__item-category {
    min-width: 88px;
  }
}
.p-news-7 .p-news__item-category p {
  font-size: clamp(0.75rem, 0.75rem + 0vw, 0.75rem);
  font-weight: 600;
  line-height: 1;
  color: var(--color-500);
}
@media screen and (min-width: 768px) {
  .p-news-7 .p-news__item-category p {
    font-size: clamp(0.75rem, 0.75rem + 0vw, 0.75rem);
  }
}
.p-news-7 .p-news__item-text-wrap {
  padding-top: 8px;
  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-positive: 1;
  flex-grow: 1;
}
.p-news-7 .p-news__item-new {
  position: absolute;
  left: 6%;
  top: 0px;
  width: 41px;
  height: 30px;
  background-color: var(--color-500);
  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;
  padding-top: 2px;
  color: #fff;
  font-size: clamp(0.75rem, 0.75rem + 0vw, 0.75rem);
  font-weight: 600;
  font-family: "Roboto", sans-serif;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 50% 73%, 0 100%);
  clip-path: polygon(0 0, 100% 0, 100% 100%, 50% 73%, 0 100%);
}
.p-news-7 .p-news__item-title {
  padding-bottom: 6px;
  border-bottom: 1px solid #d5d5d5;
  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-positive: 1;
  flex-grow: 1;
}
.p-news-7 .p-news__item-title h3 {
  font-size: clamp(1.25rem, 1.25rem + 0vw, 1.25rem);
  line-height: 1.6;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
@media screen and (min-width: 768px) {
  .p-news-7 .p-news__item-title h3 {
    font-size: clamp(0.875rem, 0.3933946488rem + 1.0033444816vw, 1.25rem);
    line-height: 1.6;
  }
}
.p-news-7 .p-news__item-text {
  padding-top: 5px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  line-clamp: 2;
  -webkit-line-clamp: 2; /* デフォルトで3行 */
}
@media screen and (min-width: 768px) {
  .p-news-7 .p-news__item-text {
    padding-top: 8px;
    line-clamp: 2;
    -webkit-line-clamp: 2; /* 2行に制限 */
  }
}
.p-news-7 .p-news__item-text p {
  font-size: clamp(0.875rem, 0.875rem + 0vw, 0.875rem);
  line-height: 1.5;
}
@media screen and (min-width: 768px) {
  .p-news-7 .p-news__item-text p {
    line-height: 1.59;
    font-size: clamp(0.75rem, 0.6925747863rem + 0.2136752137vw, 0.875rem);
  }
}
.p-news-7 .p-news__item-date-wrap {
  padding-top: 7px;
  padding-bottom: 12px;
  -ms-flex-item-align: end;
  align-self: flex-end;
  text-align: right;
}
@media screen and (min-width: 768px) {
  .p-news-7 .p-news__item-date-wrap {
    padding-top: 2px;
  }
}
.p-news-7 .p-news__item-date {
  font-size: clamp(0.875rem, 0.875rem + 0vw, 0.875rem);
  line-height: 1.5;
  color: #666666;
}

/*----------------------------------
    p-news-8
-----------------------------------*/
.p-news-8 {
  padding-block: 45px 43px;
  background: url(../img/news-bg-sp.webp) no-repeat center/cover;
}
@media screen and (min-width: 768px) {
  .p-news-8 {
    background: url(../img/news-bg-pc.webp) no-repeat center/cover;
    padding-block: 96px 192px;
  }
}
.p-news-8 .p-news__text {
  padding-top: 16px;
}
@media screen and (min-width: 768px) {
  .p-news-8 .p-news__text {
    padding-top: 40px;
  }
}
.p-news-8 .p-news__contents {
  padding-top: 33px;
}
@media screen and (min-width: 768px) {
  .p-news-8 .p-news__contents {
    padding-top: 69px;
  }
}
.p-news-8 .p-news__grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 26px;
}
@media screen and (min-width: 768px) {
  .p-news-8 .p-news__grid {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 21px;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
@media screen and (min-width: 768px) {
  .p-news-8 .p-news__main {
    width: 50%;
  }
}
.p-news-8 .p-news__main .p-news__box--large {
  position: relative;
  -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  border-radius: 10px;
  overflow: hidden;
}
.p-news-8 .p-news__main .p-news__box--large .p-news__box-img {
  width: 100%;
}
.p-news-8 .p-news__main .p-news__box--large .p-news__box-img img {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.p-news-8 .p-news__main .p-news__box--large .p-news__box-img::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(rgba(255, 255, 255, 0)),
    color-stop(30%, rgba(255, 255, 255, 0.2)),
    color-stop(50%, rgba(255, 255, 255, 0.8)),
    to(rgba(255, 255, 255, 0.95))
  );
  background: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.2) 30%,
    rgba(255, 255, 255, 0.8) 50%,
    rgba(255, 255, 255, 0.95) 100%
  );
  pointer-events: none;
}
.p-news-8 .p-news__main .p-news__box--large .p-news__item-new {
  position: absolute;
  left: 5%;
  top: 0px;
  width: 41px;
  height: 30px;
  background-color: var(--color-500);
  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;
  padding-top: 2px;
  color: #fff;
  font-size: clamp(0.75rem, 0.75rem + 0vw, 0.75rem);
  font-weight: 600;
  font-family: "Roboto", sans-serif;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 50% 73%, 0 100%);
  clip-path: polygon(0 0, 100% 0, 100% 100%, 50% 73%, 0 100%);
}
@media screen and (min-width: 768px) {
  .p-news-8 .p-news__main .p-news__box--large .p-news__item-new {
    font-size: 15px;
    width: 55px;
    height: 40px;
  }
}
.p-news-8 .p-news__main .p-news__box--large .p-news__box-overlay {
  padding-inline: 21px;
  position: absolute;
  bottom: 3%;
  -webkit-transform: translateY(0%);
  transform: translateY(0%);
  left: 0;
  right: 0;
}
@media screen and (min-width: 768px) {
  .p-news-8 .p-news__main .p-news__box--large .p-news__box-overlay {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8px;
  }
}
.p-news-8 .p-news__main .p-news__box--large .p-news__box-date-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 4px;
}
@media screen and (min-width: 768px) {
  .p-news-8 .p-news__main .p-news__box--large .p-news__box-date-wrap {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}
.p-news-8 .p-news__main .p-news__box--large .p-news__item-text {
  padding-top: 8px;
}
@media screen and (min-width: 768px) {
  .p-news-8 .p-news__main .p-news__box--large .p-news__item-text {
    padding-top: 0;
  }
}
.p-news-8 .p-news__main .p-news__box--large .p-news__item-text p {
  font-size: clamp(1.25rem, 1.1351495726rem + 0.4273504274vw, 1.5rem);
  line-height: 1.6;
}
@media screen and (min-width: 768px) {
  .p-news-8 .p-news__main .p-news__box--large .p-news__item-text p {
    line-height: 1.58;
  }
}
.p-news-8 .p-news__sub {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px;
}
@media screen and (min-width: 768px) {
  .p-news-8 .p-news__sub {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    width: 50%;
  }
}
.p-news-8 .p-news__sub .p-news__box {
  display: grid;
  grid-template-columns: auto;
  grid-template-areas: "category time" "text text";
  position: relative;
  -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  border-radius: 10px;
  background-color: var(--color-100);
  padding-inline: 21px;
  padding-top: 16px;
}
@media screen and (min-width: 768px) {
  .p-news-8 .p-news__sub .p-news__box {
    padding-inline: clamp(10px, 10px + (10) * (100vw - 768px) / (1366 - 768), 20px);
    padding-top: clamp(8px, 8px + (8) * (100vw - 768px) / (1366 - 768), 16px);
    grid-template-columns: auto;
    grid-template-areas: "category" "text " "time";
  }
}
.p-news-8 .p-news__sub .p-news__item-text {
  grid-area: text;
  padding-top: 4px;
  padding-bottom: 24px;
}
@media screen and (min-width: 768px) {
  .p-news-8 .p-news__sub .p-news__item-text {
    padding-top: 0px;
    padding-bottom: 0px;
  }
}
.p-news-8 .p-news__sub .p-news__item-text p {
  font-size: clamp(1rem, 0.9425747863rem + 0.2136752137vw, 1.125rem);
  line-height: 1.75;
}
@media screen and (min-width: 768px) {
  .p-news-8 .p-news__sub .p-news__item-text p {
    line-height: 1.5;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    line-clamp: 2;
    -webkit-line-clamp: 2; /* デフォルトで3行 */
    font-size: clamp(0.625rem, 0.3952991453rem + 0.8547008547vw, 1.125rem);
  }
}
.p-news-8 .p-news__item-date {
  justify-self: flex-end;
  grid-area: time;
  font-size: clamp(0.625rem, 0.5101495726rem + 0.4273504274vw, 0.875rem);
  line-height: 1.55;
  color: #666666;
}
@media screen and (min-width: 768px) {
  .p-news-8 .p-news__item-date {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    line-height: 1;
  }
}
.p-news-8 .p-news__item-category {
  grid-area: category;
  display: block;
  min-width: 88px;
  min-height: 24px;
  border-radius: 6px;
  border: solid 1px var(--color-500);
  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: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .p-news-8 .p-news__item-category {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    min-width: 88px;
    min-height: clamp(20px, 20px + (4) * (100vw - 768px) / (1366 - 768), 24px);
  }
}
.p-news-8 .p-news__item-category p {
  font-size: clamp(0.75rem, 0.75rem + 0vw, 0.75rem);
  font-weight: 600;
  line-height: 1;
  color: var(--color-500);
}
@media screen and (min-width: 768px) {
  .p-news-8 .p-news__item-category p {
    font-size: clamp(0.5625rem, 0.3216973244rem + 0.5016722408vw, 0.75rem);
  }
}

/*----------------------------------
    p-trouble1
-----------------------------------*/
.p-trouble-1 {
  padding-block: 40px 143px;
  background-color: #999999;
}
@media screen and (min-width: 768px) {
  .p-trouble-1 {
    padding-block: 96px 170px;
  }
}
.p-trouble-1 .p-trouble__text {
  padding-top: 19px;
}
@media screen and (min-width: 768px) {
  .p-trouble-1 .p-trouble__text {
    padding-top: 40px;
  }
}
.p-trouble-1 .p-trouble__contents {
  padding-top: 32px;
}
@media screen and (min-width: 768px) {
  .p-trouble-1 .p-trouble__contents {
    padding-top: 40px;
  }
}
.p-trouble-1 .p-trouble__box {
  background-color: #eeeeee;
  padding-inline: 20px;
  padding-block: 24px 80px;
  position: relative;
  border-radius: 10px;
}
@media screen and (min-width: 768px) {
  .p-trouble-1 .p-trouble__box {
    padding-inline: clamp(20px, 20px + (27) * (100vw - 768px) / (1366 - 768), 47px);
    padding-block: 40px 43px;
    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: 20px;
  }
}
.p-trouble-1 .p-trouble__box-img {
  width: 170px;
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 70%);
  transform: translate(-50%, 70%);
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .p-trouble-1 .p-trouble__box-img {
    width: 187px;
    -webkit-transform: translate(-50%, 59%);
    transform: translate(-50%, 59%);
  }
}
.p-trouble-1 .p-trouble__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;
  gap: 10px;
}
@media screen and (min-width: 768px) {
  .p-trouble-1 .p-trouble__item-wrap {
    gap: clamp(10px, 10px + (10) * (100vw - 768px) / (1366 - 768), 20px);
    width: 100%;
  }
}
.p-trouble-1 .p-trouble__item-wrap-md {
  display: none;
}
@media screen and (min-width: 768px) {
  .p-trouble-1 .p-trouble__item-wrap-md {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.p-trouble-1 .p-trouble__item {
  border-radius: 10px;
  background-color: #fff;
  padding-inline: 48px 16px;
  padding-block: 7px 9px;
  position: relative;
}
@media screen and (min-width: 768px) {
  .p-trouble-1 .p-trouble__item {
    padding-inline: 58px 16px;
  }
}
.p-trouble-1 .p-trouble__item-img {
  position: absolute;
  width: 26px;
  top: 0;
  left: 9px;
}
.p-trouble-1 .p-trouble__item-text p {
  line-height: 1.63;
}
@media screen and (min-width: 768px) {
  .p-trouble-1 .p-trouble__item-text p {
    line-height: 1.56;
    font-size: clamp(0.875rem, 0.5539297659rem + 0.6688963211vw, 1.125rem);
  }
}

/*----------------------------------
    p-trouble2
-----------------------------------*/
.p-trouble-2 {
  padding-block: 82px 44px;
  background-color: #999999;
}
@media screen and (min-width: 768px) {
  .p-trouble-2 {
    padding-block: 101px 109px;
  }
}
.p-trouble-2 .p-trouble__text {
  padding-top: 19px;
}
@media screen and (min-width: 768px) {
  .p-trouble-2 .p-trouble__text {
    padding-top: 40px;
  }
}
.p-trouble-2 .p-trouble__contents {
  padding-top: 32px;
}
@media screen and (min-width: 768px) {
  .p-trouble-2 .p-trouble__contents {
    padding-top: 40px;
  }
}
@media screen and (min-width: 768px) {
  .p-trouble-2 .p-trouble__box {
    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: 20px;
  }
}
.p-trouble-2 .p-trouble__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;
  gap: 22px;
}
@media screen and (min-width: 768px) {
  .p-trouble-2 .p-trouble__item-wrap {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-column-gap: clamp(10px, 10px + (10) * (100vw - 768px) / (1366 - 768), 20px);
    -moz-column-gap: clamp(10px, 10px + (10) * (100vw - 768px) / (1366 - 768), 20px);
    column-gap: clamp(10px, 10px + (10) * (100vw - 768px) / (1366 - 768), 20px);
    row-gap: clamp(10px, 10px + (12) * (100vw - 768px) / (1366 - 768), 22px);
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}
@media screen and (min-width: 768px) {
  .p-trouble-2 .p-trouble__item-wrap-md {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.p-trouble-2 .p-trouble__item {
  border-radius: 10px;
  background-color: #fff;
  padding-block: 13px 13px;
  position: relative;
}
@media screen and (min-width: 768px) {
  .p-trouble-2 .p-trouble__item {
    padding-block: 18px 20px;
    width: calc(50% - 10px);
  }
}
.p-trouble-2 .p-trouble__item-img {
  position: absolute;
  width: 90px;
}
@media screen and (min-width: 768px) {
  .p-trouble-2 .p-trouble__item-img {
    width: clamp(70px, 70px + (21) * (100vw - 768px) / (1366 - 768), 91px);
    height: clamp(70px, 70px + (29) * (100vw - 768px) / (1366 - 768), 99px);
  }
  .p-trouble-2 .p-trouble__item-img img {
    width: 100%;
    height: 100%;
  }
}
.p-trouble-2 .p-trouble__item-right {
  margin-right: 45px;
}
@media screen and (min-width: 768px) {
  .p-trouble-2 .p-trouble__item-right {
    margin-right: 0;
  }
}
.p-trouble-2 .p-trouble__item-right .p-trouble__item-img {
  top: 50%;
  right: 0;
  -webkit-transform: translate(50%, -50%);
  transform: translate(50%, -50%);
}
@media screen and (min-width: 768px) {
  .p-trouble-2 .p-trouble__item-right .p-trouble__item-img {
    top: auto;
    bottom: 0;
    left: clamp(10px, 10px + (14) * (100vw - 768px) / (1366 - 768), 24px);
    -webkit-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
  }
}
.p-trouble-2 .p-trouble__item-right .p-trouble__item-text {
  padding-inline: 15px 60px;
}
@media screen and (min-width: 768px) {
  .p-trouble-2 .p-trouble__item-right .p-trouble__item-text {
    padding-inline: clamp(100px, 100px + (41) * (100vw - 768px) / (1366 - 768), 141px)
      clamp(30px, 30px + (23) * (100vw - 768px) / (1366 - 768), 53px);
  }
}
.p-trouble-2 .p-trouble__item-left {
  margin-left: 45px;
}
@media screen and (min-width: 768px) {
  .p-trouble-2 .p-trouble__item-left {
    margin-left: 0;
  }
}
.p-trouble-2 .p-trouble__item-left .p-trouble__item-img {
  top: 50%;
  left: 0;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
@media screen and (min-width: 768px) {
  .p-trouble-2 .p-trouble__item-left .p-trouble__item-img {
    top: auto;
    bottom: 0;
    left: clamp(10px, 10px + (14) * (100vw - 768px) / (1366 - 768), 24px);
    -webkit-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
  }
}
.p-trouble-2 .p-trouble__item-left .p-trouble__item-text {
  padding-inline: 60px 24px;
}
@media screen and (min-width: 768px) {
  .p-trouble-2 .p-trouble__item-left .p-trouble__item-text {
    padding-inline: clamp(100px, 100px + (41) * (100vw - 768px) / (1366 - 768), 141px)
      clamp(30px, 30px + (23) * (100vw - 768px) / (1366 - 768), 53px);
  }
}
.p-trouble-2 .p-trouble__item-text p {
  line-height: 1.79;
  font-size: clamp(0.875rem, 0.875rem + 0vw, 0.875rem);
}
@media screen and (min-width: 768px) {
  .p-trouble-2 .p-trouble__item-text p {
    line-height: 1.56;
    font-size: clamp(0.875rem, 0.7144648829rem + 0.3344481605vw, 1rem);
  }
}

/*----------------------------------
    p-trouble3
-----------------------------------*/
.p-trouble-3 {
  padding-block: 40px 40px;
  background-color: #999999;
}
@media screen and (min-width: 768px) {
  .p-trouble-3 {
    padding-block: 65px 170px;
  }
}
.p-trouble-3 .p-trouble__text {
  padding-top: 19px;
}
@media screen and (min-width: 768px) {
  .p-trouble-3 .p-trouble__text {
    padding-top: 40px;
  }
}
.p-trouble-3 .p-trouble__boxes {
  padding-top: 29px;
  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: 13px;
}
@media screen and (min-width: 768px) {
  .p-trouble-3 .p-trouble__boxes {
    padding-top: 37px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: clamp(16px, 16px + (14) * (100vw - 768px) / (1366 - 768), 30px);
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }
}
.p-trouble-3 .p-trouble__box {
  border-radius: 10px;
  background-color: #fff;
  padding-inline: 18px 8px;
  padding-block: 24px;
  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: 16px;
}
@media screen and (min-width: 768px) {
  .p-trouble-3 .p-trouble__box {
    padding-inline: 20px;
    padding-block: 30px 22px;
  }
}
.p-trouble-3 .p-trouble__box-title {
  padding-inline: 30px;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .p-trouble-3 .p-trouble__box-title {
    padding-inline: 0;
  }
}
.p-trouble-3 .p-trouble__box-title h3 {
  font-size: clamp(1.25rem, 1.25rem + 0vw, 1.25rem);
  line-height: 1.6;
}
@media screen and (min-width: 768px) {
  .p-trouble-3 .p-trouble__box-title h3 {
    font-size: clamp(1rem, 0.6789297659rem + 0.6688963211vw, 1.25rem);
  }
}
.p-trouble-3 .p-trouble__box-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 11px;
}
@media screen and (min-width: 768px) {
  .p-trouble-3 .p-trouble__box-content {
    gap: 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;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }
}
.p-trouble-3 .p-trouble__box-img {
  width: 172px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
@media screen and (min-width: 768px) {
  .p-trouble-3 .p-trouble__box-img {
    width: 260px;
    width: clamp(172px, 172px + (88) * (100vw - 768px) / (1366 - 768), 260px);
  }
}
@media screen and (min-width: 768px) {
  .p-trouble-3 .p-trouble__box-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-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }
}
.p-trouble-3 .p-trouble__box-text p {
  line-height: 1.79;
  font-size: clamp(0.875rem, 0.8175747863rem + 0.2136752137vw, 1rem);
}
@media screen and (min-width: 768px) {
  .p-trouble-3 .p-trouble__box-text p {
    line-height: 1.56;
    font-size: clamp(0.875rem, 0.8175747863rem + 0.2136752137vw, 1rem);
  }
}

/*----------------------------------
    p-trouble4
-----------------------------------*/
.p-trouble-4 {
  padding-block: 40px 40px;
  background-color: var(--color-400);
}
@media screen and (min-width: 768px) {
  .p-trouble-4 {
    padding-block: 0px 80px;
  }
}
.p-trouble-4 .p-trouble__text {
  padding-top: 19px;
}
@media screen and (min-width: 768px) {
  .p-trouble-4 .p-trouble__text {
    padding-top: 40px;
  }
}
.p-trouble-4 .p-trouble__content {
  padding-top: 32px;
  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;
}
@media screen and (min-width: 768px) {
  .p-trouble-4 .p-trouble__content {
    gap: 20px;
    padding-top: 40px;
  }
}
.p-trouble-4 .p-trouble__box {
  border-radius: 10px;
  background-color: #fff;
  display: grid;
  grid-template-columns: auto;
  grid-template-areas: "title" "img" "text";
  padding-inline: 24px;
}
@media screen and (min-width: 768px) {
  .p-trouble-4 .p-trouble__box {
    -webkit-column-gap: clamp(16px, 16px + (16) * (100vw - 768px) / (1366 - 768), 32px);
    -moz-column-gap: clamp(16px, 16px + (16) * (100vw - 768px) / (1366 - 768), 32px);
    column-gap: clamp(16px, 16px + (16) * (100vw - 768px) / (1366 - 768), 32px);
  }
}
@media screen and (min-width: 768px) {
  .p-trouble-4 .p-trouble__box-1 {
    grid-template-columns: auto;
    grid-template-areas: "img title" "img text";
    padding-inline: clamp(16px, 16px + (5) * (100vw - 768px) / (1366 - 768), 21px);
  }
}
@media screen and (min-width: 768px) {
  .p-trouble-4 .p-trouble__box-2 {
    grid-template-columns: auto;
    grid-template-areas: "title img" "text img";
    padding-inline: clamp(24px, 24px + (15) * (100vw - 768px) / (1366 - 768), 39px)
      clamp(16px, 16px + (5) * (100vw - 768px) / (1366 - 768), 21px);
  }
}
.p-trouble-4 .p-trouble__box-title-wrap {
  grid-area: title;
  padding-top: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media screen and (min-width: 768px) {
  .p-trouble-4 .p-trouble__box-title-wrap {
    gap: 10px;
  }
}
.p-trouble-4 .p-trouble__box-title-img {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 28px;
}
@media screen and (min-width: 768px) {
  .p-trouble-4 .p-trouble__box-title-img {
    padding-top: 0;
    width: clamp(18px, 18px + (5) * (100vw - 768px) / (1366 - 768), 23px);
  }
}
.p-trouble-4 .p-trouble__box-title h3 {
  font-size: clamp(1.25rem, 1.25rem + 0vw, 1.25rem);
  line-height: 1.3;
}
@media screen and (min-width: 768px) {
  .p-trouble-4 .p-trouble__box-title h3 {
    font-size: clamp(0.875rem, 0.3933946488rem + 1.0033444816vw, 1.25rem);
  }
}
.p-trouble-4 .p-trouble__box-text {
  grid-area: text;
  padding-top: 13px;
  padding-bottom: 21px;
}
.p-trouble-4 .p-trouble__box-text p {
  font-size: clamp(0.875rem, 0.875rem + 0vw, 0.875rem);
  line-height: 1.79;
}
@media screen and (min-width: 768px) {
  .p-trouble-4 .p-trouble__box-text p {
    line-height: 1.56;
    font-size: clamp(0.75rem, 0.4289297659rem + 0.6688963211vw, 1rem);
  }
}
.p-trouble-4 .p-trouble__box-img {
  grid-area: img;
  padding-top: 19px;
}
@media screen and (min-width: 768px) {
  .p-trouble-4 .p-trouble__box-img {
    padding-top: 0;
    width: clamp(360px, 360px + (0) * (100vw - 768px) / (1366 - 768), 360px);
  }
}
.p-trouble-4 .p-trouble__box-img img {
  -o-object-fit: cover;
  object-fit: cover;
}

/*----------------------------------
    p-trouble5
-----------------------------------*/
.p-trouble-5 {
  padding-block: 40px 40px;
  background-color: #999999;
}
@media screen and (min-width: 768px) {
  .p-trouble-5 {
    padding-block: 24px 50px;
  }
}
.p-trouble-5 .p-trouble__text {
  padding-top: 19px;
}
@media screen and (min-width: 768px) {
  .p-trouble-5 .p-trouble__text {
    padding-top: 40px;
  }
}
.p-trouble-5 .p-trouble__content {
  padding-top: 32px;
}
@media screen and (min-width: 768px) {
  .p-trouble-5 .p-trouble__content {
    padding-top: 44px;
  }
}
.p-trouble-5 .p-trouble__box {
  position: relative;
  min-height: 485px;
}
@media screen and (min-width: 768px) {
  .p-trouble-5 .p-trouble__box {
    min-height: 443px;
  }
}
.p-trouble-5 .p-trouble__box-img {
  position: absolute;
  width: 150px;
  bottom: 0;
  left: 46%;
  -webkit-transform: translate(-50%, 0%);
  transform: translate(-50%, 0%);
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .p-trouble-5 .p-trouble__box-img {
    width: 221px;
    left: 50%;
  }
}
.p-trouble-5 .p-trouble__box-img-accent {
  position: absolute;
  width: 50px;
  bottom: 91px;
  left: 76%;
  -webkit-transform: translate(-50%, 0%);
  transform: translate(-50%, 0%);
}
@media screen and (min-width: 768px) {
  .p-trouble-5 .p-trouble__box-img-accent {
    bottom: 100px;
    left: clamp(520px, 520px + (110) * (100vw - 768px) / (1366 - 768), 630px);
  }
}
.p-trouble-5 .p-trouble__text-box {
  position: absolute;
  background-color: #ffffff;
  border-radius: 10px;
  padding-inline: 14px;
}
.p-trouble-5 .p-trouble__text-box p {
  font-size: clamp(0.875rem, 0.875rem + 0vw, 0.875rem);
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  line-clamp: 5;
  -webkit-line-clamp: 5; /* デフォルトで3行 */
}
@media screen and (min-width: 768px) {
  .p-trouble-5 .p-trouble__text-box p {
    padding-inline: 24px;
    line-clamp: 3;
    -webkit-line-clamp: 3; /* 2行に制限 */
    font-size: clamp(0.875rem, 0.8175747863rem + 0.2136752137vw, 1rem);
  }
}
.p-trouble-5 .p-trouble__text-box1 {
  padding-block: 18px 16px;
  width: clamp(191px, 191px + (39) * (100vw - 430px) / (768 - 430), 230px);
  left: 0;
}
@media screen and (min-width: 768px) {
  .p-trouble-5 .p-trouble__text-box1 {
    padding-block: 18px 20px;
    width: clamp(250px, 250px + (113) * (100vw - 768px) / (1366 - 768), 363px);
    left: 8.6%;
  }
}
.p-trouble-5 .p-trouble__text-box1::after {
  content: "";
  position: absolute;
  bottom: -14px;
  left: 35%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 30px;
  height: 15px;
  background-color: #ffffff;
  -webkit-clip-path: polygon(0% 0%, 60% 70%, 50% 0%);
  clip-path: polygon(0% 0%, 60% 70%, 50% 0%);
}
@media screen and (min-width: 768px) {
  .p-trouble-5 .p-trouble__text-box1::after {
    left: 88%;
  }
}
.p-trouble-5 .p-trouble__text-box1 p {
  line-height: 1.57;
}
@media screen and (min-width: 768px) {
  .p-trouble-5 .p-trouble__text-box1 p {
    line-height: 1.56;
  }
}
.p-trouble-5 .p-trouble__text-box2 {
  padding-block: 19px;
  width: clamp(164px, 164px + (66) * (100vw - 430px) / (768 - 430), 230px);
  right: 0;
  top: 7%;
}
@media screen and (min-width: 768px) {
  .p-trouble-5 .p-trouble__text-box2 {
    padding-block: 18px 20px;
    top: 0;
    right: 8.6%;
    width: clamp(250px, 250px + (113) * (100vw - 768px) / (1366 - 768), 363px);
  }
}
.p-trouble-5 .p-trouble__text-box2::after {
  content: "";
  position: absolute;
  bottom: -14px;
  left: 23%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 30px;
  height: 15px;
  background-color: #ffffff;
  -webkit-clip-path: polygon(50% 0%, 26% 80%, 96% 0%);
  clip-path: polygon(50% 0%, 26% 80%, 96% 0%);
}
.p-trouble-5 .p-trouble__text-box2 p {
  line-height: 1.43;
}
@media screen and (min-width: 768px) {
  .p-trouble-5 .p-trouble__text-box2 p {
    line-height: 1.56;
  }
}
.p-trouble-5 .p-trouble__text-box3 {
  padding-block: 18px 16px;
  width: clamp(191px, 191px + (39) * (100vw - 430px) / (768 - 430), 230px);
  left: 0;
  top: 29.5%;
}
@media screen and (min-width: 768px) {
  .p-trouble-5 .p-trouble__text-box3 {
    top: 33%;
    padding-block: 18px 20px;
    width: clamp(250px, 250px + (113) * (100vw - 768px) / (1366 - 768), 363px);
  }
}
.p-trouble-5 .p-trouble__text-box3::after {
  content: "";
  position: absolute;
  bottom: -14px;
  left: 78%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 30px;
  height: 15px;
  background-color: #ffffff;
  -webkit-clip-path: polygon(0% 0%, 60% 70%, 50% 0%);
  clip-path: polygon(0% 0%, 60% 70%, 50% 0%);
}
@media screen and (min-width: 768px) {
  .p-trouble-5 .p-trouble__text-box3::after {
    left: 88%;
  }
}
.p-trouble-5 .p-trouble__text-box3 p {
  line-height: 1.57;
}
@media screen and (min-width: 768px) {
  .p-trouble-5 .p-trouble__text-box3 p {
    line-height: 1.56;
  }
}
.p-trouble-5 .p-trouble__text-box4 {
  padding-block: 19px;
  width: clamp(164px, 164px + (66) * (100vw - 430px) / (768 - 430), 230px);
  right: 0;
  top: 40%;
}
@media screen and (min-width: 768px) {
  .p-trouble-5 .p-trouble__text-box4 {
    top: 33%;
    padding-block: 18px 20px;
    width: clamp(250px, 250px + (113) * (100vw - 768px) / (1366 - 768), 363px);
  }
}
.p-trouble-5 .p-trouble__text-box4::after {
  content: "";
  position: absolute;
  bottom: -14px;
  left: 65%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 30px;
  height: 15px;
  background-color: #ffffff;
  -webkit-clip-path: polygon(50% 0%, 26% 80%, 96% 0%);
  clip-path: polygon(50% 0%, 26% 80%, 96% 0%);
}
@media screen and (min-width: 768px) {
  .p-trouble-5 .p-trouble__text-box4::after {
    left: 10%;
  }
}
.p-trouble-5 .p-trouble__text-box4 p {
  line-height: 1.43;
}
@media screen and (min-width: 768px) {
  .p-trouble-5 .p-trouble__text-box4 p {
    line-height: 1.56;
  }
}

/*----------------------------------
    p-trouble6
-----------------------------------*/
.p-trouble-6 {
  padding-block: 40px 40px;
  background-color: #e2e2e2;
}
@media screen and (min-width: 768px) {
  .p-trouble-6 {
    padding-block: 95px 72px;
  }
}
.p-trouble-6 .p-trouble__title-wrap {
  padding-inline: clamp(24px, 24px + (0) * (100vw - 430px) / (768 - 430), 24px);
  max-width: 542px;
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .p-trouble-6 .p-trouble__title-wrap {
    max-width: 1366px;
    padding-inline: clamp(30px, 30px + (173) * (100vw - 768px) / (1366 - 768), 203px)
      clamp(250px, 250px + (201) * (100vw - 768px) / (1366 - 768), 451px);
  }
}
.p-trouble-6 .p-trouble__title {
  text-align: center;
}
@media screen and (min-width: 768px) {
  .p-trouble-6 .p-trouble__title {
    text-align: left;
  }
}
.p-trouble-6 .p-trouble__text {
  text-align: center;
}
@media screen and (min-width: 768px) {
  .p-trouble-6 .p-trouble__text {
    text-align: left;
  }
}
.p-trouble-6 .p-trouble__text {
  padding-top: 19px;
}
@media screen and (min-width: 768px) {
  .p-trouble-6 .p-trouble__text {
    padding-top: 40px;
  }
}
.p-trouble-6 .p-trouble__inner {
  padding-left: clamp(24px, 24px + (112) * (100vw - 430px) / (768 - 430), 136px);
}
@media screen and (min-width: 768px) {
  .p-trouble-6 .p-trouble__inner {
    margin-inline: auto;
    max-width: 1366px;
    padding-inline: clamp(30px, 30px + (173) * (100vw - 768px) / (1366 - 768), 203px)
      clamp(30px, 30px + (46) * (100vw - 768px) / (1366 - 768), 76px);
  }
}
.p-trouble-6 .p-trouble__content {
  padding-top: 32px;
}
@media screen and (min-width: 768px) {
  .p-trouble-6 .p-trouble__content {
    padding-top: 42px;
  }
}
.p-trouble-6 .p-trouble__boxes {
  position: relative;
}
.p-trouble-6 .p-trouble__box-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 4px;
}
@media screen and (min-width: 768px) {
  .p-trouble-6 .p-trouble__box-wrap {
    gap: 16px;
  }
}
.p-trouble-6 .p-trouble__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  margin-right: 140px;
  padding-bottom: 14px;
  border-bottom: 2px dotted transparent;
  background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    color-stop(20%, #666666),
    color-stop(0%, rgba(255, 255, 255, 0))
  );
  background-image: linear-gradient(to right, #666666 20%, rgba(255, 255, 255, 0) 0%);
  background-position: bottom;
  background-size: 10px 2px;
  background-repeat: repeat-x;
  display: flex;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 4px;
}
@media screen and (min-width: 768px) {
  .p-trouble-6 .p-trouble__box {
    gap: 13px;
  }
}
.p-trouble-6 .p-trouble__box-img-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  right: 0;
  bottom: 0;
}
@media screen and (min-width: 768px) {
  .p-trouble-6 .p-trouble__box-img-wrap {
    bottom: -36px;
  }
}
.p-trouble-6 .p-trouble__box-img {
  width: 159px;
}
@media screen and (min-width: 768px) {
  .p-trouble-6 .p-trouble__box-img {
    width: clamp(280px, 280px + (133) * (100vw - 768px) / (1366 - 768), 413px);
  }
}
.p-trouble-6 .p-trouble__box-img-accent {
  width: 59px;
  -webkit-transform: translate(50%, -10%);
  transform: translate(50%, -10%);
}
.p-trouble-6 .p-trouble__box-title-img {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 39px;
}
@media screen and (min-width: 768px) {
  .p-trouble-6 .p-trouble__box-title-img {
    width: clamp(39px, 39px + (9) * (100vw - 768px) / (1366 - 768), 48px);
  }
}
.p-trouble-6 .p-trouble__box-title-img svg {
  width: 100%;
  height: 100%;
}
.p-trouble-6 .p-trouble__box-title-img svg path {
  fill: var(--color-500);
}
.p-trouble-6 .p-trouble__box-title {
  padding-right: 28px;
}
.p-trouble-6 .p-trouble__box-title h3 {
  font-size: clamp(1.125rem, 1.0675747863rem + 0.2136752137vw, 1.25rem);
  line-height: 1.22;
}
@media screen and (min-width: 768px) {
  .p-trouble-6 .p-trouble__box-title h3 {
    line-height: 1.6;
    font-size: clamp(1rem, 0.6789297659rem + 0.6688963211vw, 1.25rem);
  }
}
.p-trouble-6 .p-trouble__box-title-img-pc {
  display: none;
}
@media screen and (min-width: 768px) {
  .p-trouble-6 .p-trouble__box-title-img-pc {
    display: block;
  }
}
.p-trouble-6 .p-trouble__box-title-img-sp {
  display: block;
}
@media screen and (min-width: 768px) {
  .p-trouble-6 .p-trouble__box-title-img-sp {
    display: none;
  }
}

/*----------------------------------
    p-trouble7
-----------------------------------*/
.p-trouble-7 {
  padding-block: 35px 80px;
  background-color: #e8f1f5;
}
@media screen and (min-width: 768px) {
  .p-trouble-7 {
    padding-block: 50px 0px;
  }
}
.p-trouble-7 .p-trouble__text {
  padding-top: 19px;
}
@media screen and (min-width: 768px) {
  .p-trouble-7 .p-trouble__text {
    padding-top: 20px;
  }
}
.p-trouble-7 .p-trouble__contents {
  padding-top: 30px;
}
@media screen and (min-width: 768px) {
  .p-trouble-7 .p-trouble__contents {
    padding-top: 30px;
  }
}
.p-trouble-7 .p-trouble__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;
  gap: 50px;
}
@media screen and (min-width: 768px) {
  .p-trouble-7 .p-trouble__item-wrap {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-column-gap: clamp(10px, 10px + (26) * (100vw - 768px) / (1366 - 768), 36px);
    -moz-column-gap: clamp(10px, 10px + (26) * (100vw - 768px) / (1366 - 768), 36px);
    column-gap: clamp(10px, 10px + (26) * (100vw - 768px) / (1366 - 768), 36px);
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}
.p-trouble-7 .p-trouble__item {
  position: relative;
}
@media screen and (min-width: 768px) {
  .p-trouble-7 .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-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }
}
.p-trouble-7 .p-trouble__item-img {
  position: absolute;
  width: 160px;
}
@media screen and (min-width: 768px) {
  .p-trouble-7 .p-trouble__item-img {
    position: absolute;
    width: 200px;
  }
}
.p-trouble-7 .p-trouble__item-left .p-trouble__item-img {
  padding-bottom: 80px;
  bottom: 0;
  left: 0;
  -webkit-transform: translate(0%, 50%);
  transform: translate(0%, 50%);
}
@media screen and (min-width: 768px) {
  .p-trouble-7 .p-trouble__item-left .p-trouble__item-img {
    padding-bottom: 0px;
    top: 40%;
    bottom: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
  }
}
.p-trouble-7 .p-trouble__item-left .p-trouble__item-text {
  margin-left: 150px;
  padding-inline: 22px;
  padding-block: 8px;
  background-color: #fff;
  border-radius: 10px;
}
.p-trouble-7 .p-trouble__item-left .p-trouble__item-text::before,
.p-trouble-7 .p-trouble__item-left .p-trouble__item-text::after {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  background-color: #fff;
  border-radius: 50%;
}
.p-trouble-7 .p-trouble__item-left .p-trouble__item-text::before {
  width: 10px;
  height: 10px;
  left: 200px; /*●位置変更*/
  bottom: -14px;
}
@media screen and (min-width: 768px) {
  .p-trouble-7 .p-trouble__item-left .p-trouble__item-text::before {
    width: 17px;
    height: 17px;
    left: 20px;
    bottom: 125px;
  }
}
.p-trouble-7 .p-trouble__item-left .p-trouble__item-text::after {
  width: 5px;
  height: 5px;
  left: 195px; /*●位置変更*/
  bottom: -21px;
}
@media screen and (min-width: 768px) {
  .p-trouble-7 .p-trouble__item-left .p-trouble__item-text::after {
    width: 8px;
    height: 8px;
    left: 37px;
    bottom: 115px;
  }
}
@media screen and (min-width: 768px) {
  .p-trouble-7 .p-trouble__item-left .p-trouble__item-text {
    margin-left: 0;
    margin-bottom: 147px;
    padding-inline: 30px;
    padding-block: 30px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }
}
.p-trouble-7 .p-trouble__item-right .p-trouble__item-img {
  padding-bottom: 80px;
  bottom: 0;
  right: 0;
  -webkit-transform: translate(0%, 50%);
  transform: translate(0%, 50%);
}
@media screen and (min-width: 768px) {
  .p-trouble-7 .p-trouble__item-right .p-trouble__item-img {
    padding-bottom: 0px;
    top: 40%;
    bottom: 0;
    right: 50%;
    -webkit-transform: translate(50%, 0%);
    transform: translate(50%, 0%);
  }
}
.p-trouble-7 .p-trouble__item-right .p-trouble__item-text {
  margin-right: 150px;
  padding-inline: 22px;
  padding-block: 8px;
  background-color: #fff;
  border-radius: 10px;
}
.p-trouble-7 .p-trouble__item-right .p-trouble__item-text::before,
.p-trouble-7 .p-trouble__item-right .p-trouble__item-text::after {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  background-color: #fff;
  border-radius: 50%;
}
.p-trouble-7 .p-trouble__item-right .p-trouble__item-text::before {
  width: 10px;
  height: 10px;
  right: 200px; /*●位置変更*/
  bottom: -14px;
}
@media screen and (min-width: 768px) {
  .p-trouble-7 .p-trouble__item-right .p-trouble__item-text::before {
    width: 17px;
    height: 17px;
    right: 20px; /*●位置変更*/
    bottom: 125px;
  }
}
.p-trouble-7 .p-trouble__item-right .p-trouble__item-text::after {
  width: 5px;
  height: 5px;
  right: 195px; /*●位置変更*/
  bottom: -21px;
}
@media screen and (min-width: 768px) {
  .p-trouble-7 .p-trouble__item-right .p-trouble__item-text::after {
    width: 8px;
    height: 8px;
    right: 35px; /*●位置変更*/
    bottom: 115px;
  }
}
@media screen and (min-width: 768px) {
  .p-trouble-7 .p-trouble__item-right .p-trouble__item-text {
    margin-right: 0;
    margin-bottom: 147px;
    padding-inline: 30px;
    padding-block: 30px;
  }
}
@media screen and (min-width: 768px) {
  .p-trouble-7 .p-trouble__item-text {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }
}
.p-trouble-7 .p-trouble__item-text p {
  line-height: 1.79;
  font-size: clamp(1.1rem, 1.1rem + 0vw, 1.1rem);
}
@media screen and (min-width: 768px) {
  .p-trouble-7 .p-trouble__item-text p {
    line-height: 1.56;
    font-size: clamp(1.1rem, 0.7144648829rem + 0.3344481605vw, 1rem);
  }
}

/*----------------------------------
    p-solution-switch-1
-----------------------------------*/
.p-solution-1 {
  padding-block: 40px;
  background-color: var(--color-50);
}
@media screen and (min-width: 768px) {
  .p-solution-1 {
    padding-block: 100px 76px;
  }
}
.p-solution-1 .p-solution__title-wrap {
  padding-inline: clamp(32px, 32px + (0) * (100vw - 430px) / (768 - 430), 32px);
}
@media screen and (min-width: 768px) {
  .p-solution-1 .p-solution__title-wrap {
    margin-inline: auto;
    max-width: 1366px;
    padding-inline: clamp(30px, 30px + (173) * (100vw - 768px) / (1366 - 768), 203px)
      clamp(130px, 130px + (292) * (100vw - 768px) / (1366 - 768), 422px);
  }
}
.p-solution-1 .p-solution__title {
  text-align: center;
}
.p-solution-1 .p-solution__text {
  text-align: center;
  padding-top: 19px;
}
@media screen and (min-width: 768px) {
  .p-solution-1 .p-solution__text {
    text-align: left;
    padding-top: 36px;
    padding-right: 61px;
  }
}
.p-solution-1 .p-solution__contents {
  padding-top: 103px;
}
@media screen and (min-width: 768px) {
  .p-solution-1 .p-solution__contents {
    padding-top: 38px;
  }
}
.p-solution-1 .p-solution__contents-img {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, -66%);
  transform: translate(-50%, -66%);
  width: 138px;
}
@media screen and (min-width: 768px) {
  .p-solution-1 .p-solution__contents-img {
    width: clamp(160px, 160px + (94) * (100vw - 768px) / (1366 - 768), 254px);
    left: auto;
    right: 0px;
    -webkit-transform: translate(0%, -100%);
    transform: translate(0%, -100%);
  }
}
.p-solution-1 .p-solution__items {
  background-color: #fff;
  border-radius: 10px;
  position: relative;
  padding-top: 55px;
  padding-bottom: 23px;
  padding-inline: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px;
}
@media screen and (min-width: 768px) {
  .p-solution-1 .p-solution__items {
    padding-top: 41px;
    padding-bottom: 48px;
    padding-inline: clamp(30px, 30px + (30) * (100vw - 768px) / (1366 - 768), 60px);
    gap: 32px;
  }
}
.p-solution-1 .p-solution__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  .p-solution-1 .p-solution__item {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}
.p-solution-1 .p-solution__item5 {
  display: none;
}
@media screen and (min-width: 768px) {
  .p-solution-1 .p-solution__item5 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.p-solution-1 .p-solution__item-title-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: 8px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media screen and (min-width: 768px) {
  .p-solution-1 .p-solution__item-title-wrap {
    gap: 18px;
  }
}
.p-solution-1 .p-solution__title-img {
  width: 21px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.p-solution-1 .p-solution__title-img svg .solution-check {
  fill: var(--color-500);
}
.p-solution-1 .p-solution__item-title h3 {
  font-size: clamp(1.25rem, 1.25rem + 0vw, 1.25rem);
  line-height: 1.6;
}
@media screen and (min-width: 768px) {
  .p-solution-1 .p-solution__item-title h3 {
    font-size: clamp(1rem, 0.6789297659rem + 0.6688963211vw, 1.25rem);
  }
}
@media screen and (min-width: 768px) {
  .p-solution-1 .p-solution__item-text-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}
.p-solution-1 .p-solution__item-text-1 {
  font-size: clamp(1.25rem, 1.25rem + 0vw, 1.25rem);
  line-height: 1.6;
}
@media screen and (min-width: 768px) {
  .p-solution-1 .p-solution__item-text-1 {
    font-size: clamp(1rem, 0.6789297659rem + 0.6688963211vw, 1.25rem);
  }
}
.p-solution-1 .p-solution__item-text-2 {
  padding-top: 7px;
  font-size: clamp(1.25rem, 1.25rem + 0vw, 1.25rem);
  line-height: 1.6;
}
@media screen and (min-width: 768px) {
  .p-solution-1 .p-solution__item-text-2 {
    padding-top: 0;
    font-size: clamp(1rem, 0.6789297659rem + 0.6688963211vw, 1.25rem);
  }
}
/*----------------------------------
    p-solution-switch-2
-----------------------------------*/
.p-solution-2 {
  padding-block: 40px;
  background-color: var(--color-50);
}
@media screen and (min-width: 768px) {
  .p-solution-2 {
    padding-block: 100px 92px;
  }
}
.p-solution-2 .p-solution__text {
  padding-top: 19px;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .p-solution-2 .p-solution__text {
    -moz-text-align-last: left;
    text-align-last: left;
    padding-top: 36px;
  }
}
.p-solution-2 .p-solution__contents {
  padding-top: 81px;
}
@media screen and (min-width: 768px) {
  .p-solution-2 .p-solution__contents {
    padding-top: 38px;
  }
}
.p-solution-2 .p-solution__contents-img {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, -62%);
  transform: translate(-50%, -62%);
  width: 282px;
}
@media screen and (min-width: 768px) {
  .p-solution-2 .p-solution__contents-img {
    width: 324px;
    top: auto;
    bottom: 0;
    -webkit-transform: translate(-50%, 60%);
    transform: translate(-50%, 60%);
  }
}
.p-solution-2 .p-solution__items {
  background-color: #fff;
  border-radius: 10px;
  position: relative;
  padding-top: 55px;
  padding-bottom: 23px;
  padding-inline: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 13px;
}
@media screen and (min-width: 768px) {
  .p-solution-2 .p-solution__items {
    padding-top: 36px;
    padding-bottom: 48px;
    padding-inline: clamp(30px, 30px + (10) * (100vw - 768px) / (1366 - 768), 40px);
    gap: 27px;
  }
}
.p-solution-2 .p-solution__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  .p-solution-2 .p-solution__item {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
.p-solution-2 .p-solution__item-title-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: 8px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media screen and (min-width: 768px) {
  .p-solution-2 .p-solution__item-title-wrap {
    gap: 18px;
  }
}
.p-solution-2 .p-solution__title-img {
  width: 21px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
@media screen and (min-width: 768px) {
  .p-solution-2 .p-solution__title-img {
    width: 25px;
  }
}
.p-solution-2 .p-solution__title-img svg {
  width: 100%;
  height: 100%;
}
.p-solution-2 .p-solution__title-img svg .solution-check {
  fill: var(--color-500);
}
.p-solution-2 .p-solution__item-title h3 {
  font-size: clamp(1.25rem, 1.25rem + 0vw, 1.25rem);
  line-height: 1.6;
}
@media screen and (min-width: 768px) {
  .p-solution-2 .p-solution__item-title h3 {
    font-size: clamp(1rem, 0.6789297659rem + 0.6688963211vw, 1.25rem);
  }
}
@media screen and (min-width: 768px) {
  .p-solution-2 .p-solution__item-text-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}
.p-solution-2 .p-solution__item-text-1 {
  padding-top: 7px;
  font-size: clamp(1.25rem, 1.25rem + 0vw, 1.25rem);
  line-height: 1.6;
}
@media screen and (min-width: 768px) {
  .p-solution-2 .p-solution__item-text-1 {
    padding-top: 0;
    font-size: clamp(1rem, 0.6789297659rem + 0.6688963211vw, 1.25rem);
  }
}
.p-solution-2 .p-solution__item-text-2 {
  padding-top: 7px;
  font-size: clamp(1.25rem, 1.25rem + 0vw, 1.25rem);
  line-height: 1.6;
}
@media screen and (min-width: 768px) {
  .p-solution-2 .p-solution__item-text-2 {
    padding-top: 0;
    font-size: clamp(1rem, 0.6789297659rem + 0.6688963211vw, 1.25rem);
  }
}
.p-solution-2 .p-solution__title-img-pc {
  display: none;
}
@media screen and (min-width: 768px) {
  .p-solution-2 .p-solution__title-img-pc {
    display: block;
  }
}
.p-solution-2 .p-solution__title-img-sp {
  display: block;
}
@media screen and (min-width: 768px) {
  .p-solution-2 .p-solution__title-img-sp {
    display: none;
  }
}

/*----------------------------------
    p-solution-3
-----------------------------------*/
.p-solution-3 {
  padding-block: 80px 40px;
  background-color: var(--color-50);
}
@media screen and (min-width: 768px) {
  .p-solution-3 {
    padding-block: 151px 92px;
  }
}
.p-solution-3 .p-solution__title {
  text-align: center;
}
.p-solution-3 .p-solution__inner {
  padding-inline: 24px;
  max-width: 558px;
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .p-solution-3 .p-solution__inner {
    max-width: 1366px;
    padding-inline: clamp(30px, 30px + (173) * (100vw - 768px) / (1366 - 768), 203px);
  }
}
.p-solution-3 .p-solution__content-text-wrap {
  position: relative;
  border: 3px solid var(--color-500);
  border-radius: 10px;
  padding-top: 47px;
  padding-inline: 22px;
  padding-bottom: 23px;
}
@media screen and (min-width: 768px) {
  .p-solution-3 .p-solution__content-text-wrap {
    padding-top: 58px;
    padding-inline: clamp(20px, 20px + (40) * (100vw - 768px) / (1366 - 768), 60px);
    padding-top: 64px;
    padding-bottom: 50px;
  }
}
.p-solution-3 .p-solution__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;
  position: relative;
}
@media screen and (min-width: 768px) {
  .p-solution-3 .p-solution__items {
    -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(30px, 30px + (10) * (100vw - 768px) / (1366 - 768), 40px);
    padding-top: 42px;
  }
}
.p-solution-3 .p-solution__title {
  position: absolute;
  top: 0%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: block;
  width: 320px;
  background-color: var(--color-50);
}
@media screen and (min-width: 768px) {
  .p-solution-3 .p-solution__title {
    text-align: center;
    width: clamp(502px, 502px + (188) * (100vw - 768px) / (1366 - 768), 690px);
  }
}
.p-solution-3 .p-solution__item {
  width: 100%;
  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: 8px;
  padding-top: 25px;
}
@media screen and (min-width: 768px) {
  .p-solution-3 .p-solution__item {
    gap: 15px;
    padding-top: 0;
  }
}
.p-solution-3 .p-solution__title-img {
  width: 36px;
}
@media screen and (min-width: 768px) {
  .p-solution-3 .p-solution__title-img {
    width: clamp(25px, 25px + (5) * (100vw - 768px) / (1366 - 768), 30px);
  }
}
.p-solution-3 .p-solution__title-img svg {
  width: 100%;
  height: 100%;
}
.p-solution-3 .p-solution__title-img svg .solution-check {
  fill: var(--color-500);
}
.p-solution-3 .p-solution__title-wap {
  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: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 16px;
}
@media screen and (min-width: 768px) {
  .p-solution-3 .p-solution__title-wap {
    gap: 6px;
  }
}
.p-solution-3 .p-solution__item-title h3 {
  font-size: 1.375rem;
  line-height: 1.27;
}
@media screen and (min-width: 768px) {
  .p-solution-3 .p-solution__item-title h3 {
    font-size: clamp(1.25rem, 0.9289297659rem + 0.6688963211vw, 1.5rem);
  }
}
.p-solution-3 .p-solution__item-img {
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.p-solution-3 .p-solution__item-img img {
  -o-object-fit: cover;
  object-fit: cover;
}
.p-solution-3 .p-solution__item-text {
  padding-top: 9px;
}
.p-solution-3 .p-solution__item-text p {
  font-size: clamp(0.875rem, 0.875rem + 0vw, 0.875rem);
  line-height: 1.79;
}
@media screen and (min-width: 768px) {
  .p-solution-3 .p-solution__item-text p {
    line-height: 1.56;
    font-size: clamp(0.875rem, 0.7144648829rem + 0.3344481605vw, 1rem);
  }
}
.p-solution-3 .p-solution__title-img-pc {
  display: none;
}
@media screen and (min-width: 768px) {
  .p-solution-3 .p-solution__title-img-pc {
    display: block;
  }
}
.p-solution-3 .p-solution__title-img-sp {
  display: block;
}
@media screen and (min-width: 768px) {
  .p-solution-3 .p-solution__title-img-sp {
    display: none;
  }
}

/*----------------------------------
    p-solution-4
-----------------------------------*/
.p-solution-4 {
  padding-block: 80px 40px;
  background-color: var(--color-50);
}
@media screen and (min-width: 768px) {
  .p-solution-4 {
    padding-block: 144px 92px;
  }
}
.p-solution-4 .p-solution__title {
  text-align: center;
}
.p-solution-4 .p-solution__text {
  text-align: center;
}
@media screen and (min-width: 768px) {
  .p-solution-4 .p-solution__text {
    -moz-text-align-last: left;
    text-align-last: left;
  }
}
.p-solution-4 .p-solution__inner {
  padding-inline: 24px;
  max-width: 558px;
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .p-solution-4 .p-solution__inner {
    max-width: 1366px;
    padding-inline: clamp(30px, 30px + (173) * (100vw - 768px) / (1366 - 768), 203px);
  }
}
.p-solution-4 .p-solution__content-text-wrap {
  position: relative;
  border: 3px solid var(--color-500);
  border-radius: 10px;
  padding-top: 47px;
  padding-inline: 22px;
  padding-bottom: 11px;
}
@media screen and (min-width: 768px) {
  .p-solution-4 .p-solution__content-text-wrap {
    padding-top: 58px;
    padding-inline: clamp(20px, 20px + (25) * (100vw - 768px) / (1366 - 768), 45px);
    padding-top: 64px;
    padding-bottom: 50px;
  }
}
.p-solution-4 .p-solution__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;
  position: relative;
}
@media screen and (min-width: 768px) {
  .p-solution-4 .p-solution__items {
    -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(20px, 20px + (10) * (100vw - 768px) / (1366 - 768), 30px);
    padding-top: 42px;
  }
}
.p-solution-4 .p-solution__title {
  position: absolute;
  top: 0%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: block;
  width: 320px;
  background-color: var(--color-50);
}
@media screen and (min-width: 768px) {
  .p-solution-4 .p-solution__title {
    text-align: center;
    width: clamp(502px, 502px + (188) * (100vw - 768px) / (1366 - 768), 690px);
  }
}
.p-solution-4 .p-solution__item {
  width: 100%;
  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: 8px;
  padding-top: 23px;
}
@media screen and (min-width: 768px) {
  .p-solution-4 .p-solution__item {
    gap: 15px;
    padding-top: 0;
  }
}
.p-solution-4 .p-solution__title-img {
  width: 36px;
}
@media screen and (min-width: 768px) {
  .p-solution-4 .p-solution__title-img {
    width: clamp(25px, 25px + (5) * (100vw - 768px) / (1366 - 768), 30px);
  }
}
.p-solution-4 .p-solution__title-img svg {
  width: 100%;
  height: 100%;
}
.p-solution-4 .p-solution__title-img svg .solution-check {
  fill: var(--color-500);
}
.p-solution-4 .p-solution__title-wap {
  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: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 16px;
}
@media screen and (min-width: 768px) {
  .p-solution-4 .p-solution__title-wap {
    gap: 6px;
  }
}
.p-solution-4 .p-solution__item-title h3 {
  font-size: 1.375rem;
  line-height: 1.27;
}
@media screen and (min-width: 768px) {
  .p-solution-4 .p-solution__item-title h3 {
    font-size: clamp(1.25rem, 0.9289297659rem + 0.6688963211vw, 1.5rem);
  }
}
.p-solution-4 .p-solution__item-img {
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.p-solution-4 .p-solution__item-img img {
  -o-object-fit: cover;
  object-fit: cover;
}
.p-solution-4 .p-solution__item-text {
  padding-top: 9px;
}
.p-solution-4 .p-solution__item-text p {
  font-size: clamp(0.875rem, 0.875rem + 0vw, 0.875rem);
  line-height: 1.79;
}
@media screen and (min-width: 768px) {
  .p-solution-4 .p-solution__item-text p {
    line-height: 1.56;
    font-size: clamp(0.875rem, 0.7144648829rem + 0.3344481605vw, 1rem);
  }
}
.p-solution-4 .p-solution__title-img-pc {
  display: none;
}
@media screen and (min-width: 768px) {
  .p-solution-4 .p-solution__title-img-pc {
    display: block;
  }
}
.p-solution-4 .p-solution__title-img-sp {
  display: block;
}
@media screen and (min-width: 768px) {
  .p-solution-4 .p-solution__title-img-sp {
    display: none;
  }
}

/*----------------------------------
    p-flow-switch-1
-----------------------------------*/
.p-flow-switch-1 {
  padding-top: 40px;
}
@media screen and (min-width: 768px) {
  .p-flow-switch-1 {
    padding-top: 60px;
  }
}

.p-flow-1 .p-flow__text {
  text-align: center;
  padding-top: 16px;
}
@media screen and (min-width: 768px) {
  .p-flow-1 .p-flow__text {
    text-align: left;
    padding-top: 37px;
  }
}
.p-flow-1 .p-flow__contents {
  padding-top: 25px;
}
@media screen and (min-width: 768px) {
  .p-flow-1 .p-flow__contents {
    padding-top: 38px;
  }
}
.p-flow-1 .p-flow__box {
  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;
  border-radius: 10px;
  -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  background-color: var(--color-white);
  position: relative;
  margin-bottom: 73px;
}
@media screen and (min-width: 768px) {
  .p-flow-1 .p-flow__box {
    -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;
    margin-bottom: 30px;
  }
}
.p-flow-1 .p-flow__box::after,
.p-flow-1 .p-flow__box::before {
  content: "";
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 0;
  height: 0;
}

/*▼の影消す-----------------------------------*/
/*.p-flow-1 .p-flow__box::before {
  bottom: -52px;
  border-left: 47px solid transparent;
  border-right: 47px solid transparent;
  border-top: 27px solid rgba(0, 0, 0, 0.16);
  -webkit-filter: blur(3px);
          filter: blur(3px);
}
@media screen and (min-width: 768px) {
  .p-flow-1 .p-flow__box::before {
    bottom: -29px;
    left: 40px;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-top: 18px solid rgba(0, 0, 0, 0.16);
  }
}*/

.p-flow-1 .p-flow__box::after {
  bottom: -50px;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .p-flow-1 .p-flow__box::after {
    bottom: -27px;
    left: 40px;
  }
}
.p-flow-1 .p-flow__box1 {
  border: solid 2px var(--color-300);
}
.p-flow-1 .p-flow__box1::after {
  border-left: 45px solid transparent;
  border-right: 45px solid transparent;
  border-top: 25px solid var(--color-300);
}
@media screen and (min-width: 768px) {
  .p-flow-1 .p-flow__box1::after {
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-top: 18px solid var(--color-300);
  }
}
.p-flow-1 .p-flow__box2 {
  border: solid 2px var(--color-400);
}
.p-flow-1 .p-flow__box2::after {
  border-left: 45px solid transparent;
  border-right: 45px solid transparent;
  border-top: 25px solid var(--color-400);
}
@media screen and (min-width: 768px) {
  .p-flow-1 .p-flow__box2::after {
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-top: 18px solid var(--color-400);
  }
}
.p-flow-1 .p-flow__box3 {
  border: solid 2px var(--color-500);
}
.p-flow-1 .p-flow__box3::after {
  display: none;
  /*	border-left: 45px solid transparent;
  border-right: 45px solid transparent;
  border-top: 25px solid var(--color-500);
	*/
}
@media screen and (min-width: 768px) {
  .p-flow-1 .p-flow__box3::after {
    display: none;
    /*border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-top: 18px solid var(--color-500);
  */
  }
}
.p-flow-1 .p-flow__box4 {
  border: solid 2px var(--color-600);
  margin-bottom: 0;
}
.p-flow-1 .p-flow__box4::after {
  display: none;
}
@media screen and (min-width: 768px) {
  .p-flow-1 .p-flow__box4::after {
    display: block;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-top: 18px solid var(--color-600);
  }
}
.p-flow-1 .p-flow__box4::before {
  display: none;
}
@media screen and (min-width: 768px) {
  .p-flow-1 .p-flow__box4::before {
    display: block;
  }
}
.p-flow-1 .p-flow__box-number-wrap {
  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: end;
  -ms-flex-align: end;
  align-items: flex-end;
  gap: 8px;
  height: 49px;
  width: 100%;
  padding-bottom: 7px;
  border-radius: 8px 8px 0 0;
}
@media screen and (min-width: 768px) {
  .p-flow-1 .p-flow__box-number-wrap {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -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: 0;
    width: clamp(60px, 60px + (27) * (100vw - 768px) / (1366 - 768), 87px);
    height: auto;
    min-height: 100%;
    padding-bottom: 0;
    border-radius: 8px 0 0 8px;
  }
}
.p-flow-1 .p-flow__box-number-wrap1 {
  background-color: var(--color-300);
}
.p-flow-1 .p-flow__box-number-wrap2 {
  background-color: var(--color-400);
}
.p-flow-1 .p-flow__box-number-wrap3 {
  background-color: var(--color-500);
}
.p-flow-1 .p-flow__box-number-wrap4 {
  background-color: var(--color-600);
}
.p-flow-1 .p-flow__box-number-text span {
  font-size: 1.375rem;
  font-weight: 600;
  font-family: "EB Garamond", serif;
  font-style: italic;
}
@media screen and (min-width: 768px) {
  .p-flow-1 .p-flow__box-number-text span {
    font-size: clamp(1.125rem, 0.9644648829rem + 0.3344481605vw, 1.25rem);
  }
}
.p-flow-1 .p-flow__box-number span {
  font-size: 2.25rem;
  font-weight: 600;
  font-style: italic;
  font-family: "EB Garamond", serif;
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .p-flow-1 .p-flow__box-number span {
    font-size: clamp(2.25rem, 1.5275919732rem + 1.5050167224vw, 2.8125rem);
  }
}
.p-flow-1 .p-flow__box-contents-btn {
  padding-top: 18px;
  padding-bottom: 30px;
  padding-inline: 24px;
  display: grid;
  grid-template-columns: auto;
  grid-template-areas: "title" "text" "img" "btn";
}
@media screen and (min-width: 768px) {
  .p-flow-1 .p-flow__box-contents-btn {
    padding-inline: clamp(12px, 12px + (16) * (100vw - 768px) / (1366 - 768), 28px)
      clamp(12px, 12px + (12) * (100vw - 768px) / (1366 - 768), 24px);
    padding-top: 0;
    padding-bottom: 20px;
    grid-template-columns: auto;
    grid-template-rows: auto;
    grid-template-areas: "title img" "text img" "btn img";
    -webkit-column-gap: clamp(16px, 16px + (14) * (100vw - 768px) / (1366 - 768), 30px);
    -moz-column-gap: clamp(16px, 16px + (14) * (100vw - 768px) / (1366 - 768), 30px);
    column-gap: clamp(16px, 16px + (14) * (100vw - 768px) / (1366 - 768), 30px);
  }
}
.p-flow-1 .p-flow__box-contents {
  padding-top: 18px;
  padding-bottom: 30px;
  padding-inline: 24px;
  display: grid;
  grid-template-columns: auto;
  grid-template-areas: "title" "text" "img";
}
@media screen and (min-width: 768px) {
  .p-flow-1 .p-flow__box-contents {
    padding-inline: clamp(12px, 12px + (16) * (100vw - 768px) / (1366 - 768), 28px)
      clamp(12px, 12px + (12) * (100vw - 768px) / (1366 - 768), 24px);
    padding-top: 0;
    padding-bottom: 20px;
    grid-template-columns: auto;
    grid-template-rows: auto 1fr;
    grid-template-areas: "title img" "text img";
    -webkit-column-gap: clamp(16px, 16px + (14) * (100vw - 768px) / (1366 - 768), 30px);
    -moz-column-gap: clamp(16px, 16px + (14) * (100vw - 768px) / (1366 - 768), 30px);
    column-gap: clamp(16px, 16px + (14) * (100vw - 768px) / (1366 - 768), 30px);
  }
}
.p-flow-1 .p-flow__box-title {
  grid-area: title;
}
@media screen and (min-width: 768px) {
  .p-flow-1 .p-flow__box-title {
    padding-top: 24px;
  }
}
.p-flow-1 .p-flow__box-title h3 {
  font-size: clamp(1.375rem, 1.3175747863rem + 0.2136752137vw, 1.5rem);
  line-height: 1.73;
}
@media screen and (min-width: 768px) {
  .p-flow-1 .p-flow__box-title h3 {
    font-size: clamp(1.125rem, 0.6433946488rem + 1.0033444816vw, 1.5rem);
    line-height: 1.58;
  }
}
.p-flow-1 .p-flow__box-text {
  grid-area: text;
}
@media screen and (min-width: 768px) {
  .p-flow-1 .p-flow__box-text {
    padding-top: 16px;
  }
}
.p-flow-1 .p-flow__box-text p {
  font-size: clamp(1rem, 1rem + 0vw, 1rem);
  line-height: 1.7;
}
@media screen and (min-width: 768px) {
  .p-flow-1 .p-flow__box-text p {
    font-size: clamp(1rem, 0.7144648829rem + 0.3344481605vw, 1rem);
    line-height: 1.7;
  }
}
.p-flow-1 .p-flow__box-img {
  grid-area: img;
  padding-top: 24px;
}
@media screen and (min-width: 768px) {
  .p-flow-1 .p-flow__box-img {
    width: clamp(250px, 250px + (102) * (100vw - 768px) / (1366 - 768), 352px);
  }
}
.p-flow-1 .p-flow__box-img img {
  -o-object-fit: cover;
  object-fit: cover;
}
.p-flow-1 .p-flow__box-btn-wrap {
  grid-area: btn;
  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;
  padding-top: 24px;
  gap: 13px;
}
@media screen and (min-width: 768px) {
  .p-flow-1 .p-flow__box-btn-wrap {
    padding-top: clamp(10px, 10px + (9) * (100vw - 768px) / (1366 - 768), 19px);
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: clamp(8px, 8px + (5) * (100vw - 768px) / (1366 - 768), 13px);
  }
}
.p-flow-1 .p-flow__box-tel-btn {
  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;
  width: 100%;
  min-height: 56px;
  border-radius: 28px;
  padding-inline: 10px;
  gap: 20px;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .p-flow-1 .p-flow__box-tel-btn {
    gap: 0;
    border-radius: 22.5px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    padding-inline: 0;
    min-width: clamp(160px, 160px + (53) * (100vw - 768px) / (1366 - 768), 213px);
    min-height: clamp(42px, 42px + (6) * (100vw - 768px) / (1366 - 768), 48px);
  }
}
.p-flow-1 .p-flow__box-button {
  font-size: 0.875rem;
  line-height: 0.86;
}
@media screen and (min-width: 768px) {
  .p-flow-1 .p-flow__box-button {
    font-size: clamp(0.625rem, 0.4644648829rem + 0.3344481605vw, 0.75rem);
    line-height: 1;
    text-align: center;
  }
}
.p-flow-1 .p-flow__box-button-nom-wrap {
  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-flow-1 .p-flow__box-button-nom-img {
  width: 20px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-transform: rotate(8deg);
  transform: rotate(8deg);
}
@media screen and (min-width: 768px) {
  .p-flow-1 .p-flow__box-button-nom-img {
    width: clamp(16px, 16px + (4) * (100vw - 768px) / (1366 - 768), 20px);
  }
}
.p-flow-1 .p-flow__box-button-nom-text {
  margin-left: -3px;
  font-family: "Roboto", sans-serif;
  font-size: 1.375rem;
  font-weight: 600;
}
@media screen and (min-width: 768px) {
  .p-flow-1 .p-flow__box-button-nom-text {
    font-size: clamp(0.875rem, 0.5539297659rem + 0.6688963211vw, 1.125rem);
    line-height: 1.5;
  }
}
.p-flow-1 .p-flow__box-form-btn {
  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;
  width: 100%;
  min-height: 52px;
  border-radius: 28px;
  padding-inline: 10px;
  gap: 6px;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .p-flow-1 .p-flow__box-form-btn {
    gap: 0;
    padding-inline: 0;
    border-radius: 22.5px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    min-width: clamp(160px, 160px + (53) * (100vw - 768px) / (1366 - 768), 213px);
    min-height: clamp(42px, 42px + (6) * (100vw - 768px) / (1366 - 768), 48px);
  }
}
.p-flow-1 .p-flow__box-button-form-text1 {
  font-size: 0.875rem;
  line-height: 0.86;
}
@media screen and (min-width: 768px) {
  .p-flow-1 .p-flow__box-button-form-text1 {
    font-size: clamp(0.625rem, 0.4644648829rem + 0.3344481605vw, 0.75rem);
    line-height: 1.5;
  }
}
.p-flow-1 .p-flow__box-button-form-text2 {
  font-size: clamp(1.25rem, 1.25rem + 0vw, 1.25rem);
  line-height: 1.35;
  font-weight: 600;
}
@media screen and (min-width: 768px) {
  .p-flow-1 .p-flow__box-button-form-text2 {
    font-size: clamp(0.75rem, 0.4289297659rem + 0.6688963211vw, 1rem);
    line-height: 1.69;
  }
}

/*----------------------------------
    p-flow-switch-2
-----------------------------------*/
.p-flow-switch-2 {
  padding-block: 44px;
}
@media screen and (min-width: 768px) {
  .p-flow-switch-2 {
    padding-block: 32px;
  }
}

.p-flow-2 .p-flow__text {
  text-align: center;
  padding-top: 16px;
}
@media screen and (min-width: 768px) {
  .p-flow-2 .p-flow__text {
    text-align: left;
    padding-top: 37px;
  }
}
.p-flow-2 .p-flow__contents {
  padding-top: 32px;
}
@media screen and (min-width: 768px) {
  .p-flow-2 .p-flow__contents {
    padding-top: 38px;
  }
}
.p-flow-2 .p-flow__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  position: relative;
}
.p-flow-2 .p-flow__box::after,
.p-flow-2 .p-flow__box::before {
  content: "";
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 0;
  height: 0;
}
.p-flow-2 .p-flow__box-left {
  width: 61px;
  height: auto;
  min-height: 100%;
  position: relative;
}
@media screen and (min-width: 768px) {
  .p-flow-2 .p-flow__box-left {
    width: 87px;
  }
}
.p-flow-2 .p-flow__box-left::after {
  content: "";
  position: absolute;
  top: 61px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 6px;
  height: calc(98% - 61px);
  background-image: radial-gradient(circle, var(--color-300) 30%, transparent 30%);
  background-size: 6px 12px;
  background-repeat: repeat-y;
  background-position: center;
}
.p-flow-2 .p-flow__box-left::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
}
.p-flow-2 .p-flow__box-left-1::after {
  background-image: radial-gradient(circle, var(--color-300) 30%, transparent 30%);
}
.p-flow-2 .p-flow__box-left-1::before {
  border-top: 19px solid var(--color-300);
}
.p-flow-2 .p-flow__box-left-2::after {
  background-image: radial-gradient(circle, var(--color-400) 30%, transparent 30%);
}
.p-flow-2 .p-flow__box-left-2::before {
  border-top: 19px solid var(--color-400);
}
.p-flow-2 .p-flow__box-left-3::after {
  background-image: radial-gradient(circle, var(--color-500) 30%, transparent 30%);
}
.p-flow-2 .p-flow__box-left-3::before {
  border-top: 19px solid var(--color-500);
}
.p-flow-2 .p-flow__box-left-4::after {
  background-image: radial-gradient(circle, var(--color-600) 30%, transparent 30%);
}
.p-flow-2 .p-flow__box-left-4::before {
  border-top: 19px solid var(--color-600);
}
.p-flow-2 .p-flow__box-number-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-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 50%;
  width: 61px;
  height: 61px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
@media screen and (min-width: 768px) {
  .p-flow-2 .p-flow__box-number-wrap {
    width: clamp(61px, 61px + (26) * (100vw - 768px) / (1366 - 768), 87px);
    height: clamp(61px, 61px + (26) * (100vw - 768px) / (1366 - 768), 87px);
    gap: 4px;
  }
}
.p-flow-2 .p-flow__box-number-wrap1 {
  background-color: var(--color-300);
}
.p-flow-2 .p-flow__box-number-wrap2 {
  background-color: var(--color-400);
}
.p-flow-2 .p-flow__box-number-wrap3 {
  background-color: var(--color-500);
}
.p-flow-2 .p-flow__box-number-wrap4 {
  background-color: var(--color-600);
}
.p-flow-2 .p-flow__box-number-text span {
  font-size: 0.875rem;
  font-weight: 600;
  font-family: "Roboto", sans-serif;
  font-style: italic;
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .p-flow-2 .p-flow__box-number-text span {
    font-size: clamp(0.875rem, 0.3933946488rem + 1.0033444816vw, 1.25rem);
  }
}
.p-flow-2 .p-flow__box-number span {
  font-size: 2rem;
  font-weight: 600;
  font-style: italic;
  font-family: "Roboto", sans-serif;
  line-height: 0.5;
}
@media screen and (min-width: 768px) {
  .p-flow-2 .p-flow__box-number span {
    font-size: clamp(1.625rem, 0.099916388rem + 3.1772575251vw, 2.8125rem);
  }
}
.p-flow-2 .p-flow__box-contents-btn {
  padding-bottom: 49px;
  display: grid;
  grid-template-columns: auto;
  grid-template-areas: "title" "img" "text" "btn";
}
@media screen and (min-width: 768px) {
  .p-flow-2 .p-flow__box-contents-btn {
    padding-bottom: 26px;
    grid-template-columns: 1fr auto;
    grid-template-rows: auto 1fr;
    grid-template-areas: "title img" "text img" "btn img";
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
  }
}
.p-flow-2 .p-flow__box-contents {
  padding-bottom: 47px;
  display: grid;
  grid-template-columns: auto;
  grid-template-areas: "title" "img" "text";
}
@media screen and (min-width: 768px) {
  .p-flow-2 .p-flow__box-contents {
    padding-bottom: 42px;
    grid-template-columns: 1fr auto;
    grid-template-rows: auto 1fr;
    grid-template-areas: "title img" "text img";
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
  }
}
.p-flow-2 .p-flow__box-title {
  grid-area: title;
  padding-left: 11px;
}
@media screen and (min-width: 768px) {
  .p-flow-2 .p-flow__box-title {
    padding-left: 29px;
    padding-top: clamp(16px, 16px + (8) * (100vw - 768px) / (1366 - 768), 24px);
    position: relative;
    padding-bottom: clamp(16px, 16px + (9) * (100vw - 768px) / (1366 - 768), 25px);
  }
  .p-flow-2 .p-flow__box-title::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: -34px;
    width: calc(100% + 25px + 34px);
    height: 5px;
  }
}
.p-flow-2 .p-flow__box-title-1::before {
  background-color: var(--color-300);
}
.p-flow-2 .p-flow__box-title-2::before {
  background-color: var(--color-400);
}
.p-flow-2 .p-flow__box-title-3::before {
  background-color: var(--color-500);
}
.p-flow-2 .p-flow__box-title-4::before {
  background-color: var(--color-600);
}
.p-flow-2 .p-flow__box-title h3 {
  font-size: clamp(1.375rem, 1.3175747863rem + 0.2136752137vw, 1.5rem);
  font-weight: 600;
  line-height: 1.45;
}
@media screen and (min-width: 768px) {
  .p-flow-2 .p-flow__box-title h3 {
    font-size: clamp(1rem, 0.3578595318rem + 1.3377926421vw, 1.5rem);
    line-height: 1.58;
  }
}
.p-flow-2 .p-flow__box-text {
  grid-area: text;
  padding-top: 12px;
}
@media screen and (min-width: 768px) {
  .p-flow-2 .p-flow__box-text {
    padding-top: 14px;
    padding-left: 10px;
  }
}
.p-flow-2 .p-flow__box-text p {
  font-size: clamp(0.875rem, 0.875rem + 0vw, 0.875rem);
  line-height: 1.79;
}
@media screen and (min-width: 768px) {
  .p-flow-2 .p-flow__box-text p {
    font-size: clamp(0.75rem, 0.4289297659rem + 0.6688963211vw, 1rem);
    line-height: 1.56;
  }
}
.p-flow-2 .p-flow__box-img-wrap {
  grid-area: img;
  margin-top: 10px;
  width: 100%;
  height: 134px;
  border-radius: 10px;
  position: relative;
}
@media screen and (min-width: 768px) {
  .p-flow-2 .p-flow__box-img-wrap {
    margin-top: 0;
    width: clamp(260px, 260px + (146) * (100vw - 768px) / (1366 - 768), 406px);
    height: clamp(150px, 150px + (78) * (100vw - 768px) / (1366 - 768), 228px);
    border-radius: 20px;
  }
}
.p-flow-2 .p-flow__box-img-wrap-1 {
  border: solid 4px var(--color-300);
}
@media screen and (min-width: 768px) {
  .p-flow-2 .p-flow__box-img-wrap-1 {
    border: solid 6px var(--color-300);
  }
}
.p-flow-2 .p-flow__box-img-wrap-2 {
  border: solid 4px var(--color-400);
}
@media screen and (min-width: 768px) {
  .p-flow-2 .p-flow__box-img-wrap-2 {
    border: solid 6px var(--color-400);
  }
}
.p-flow-2 .p-flow__box-img-wrap-3 {
  border: solid 4px var(--color-500);
}
@media screen and (min-width: 768px) {
  .p-flow-2 .p-flow__box-img-wrap-3 {
    border: solid 6px var(--color-500);
  }
}
.p-flow-2 .p-flow__box-img-wrap-4 {
  border: solid 4px var(--color-600);
}
@media screen and (min-width: 768px) {
  .p-flow-2 .p-flow__box-img-wrap-4 {
    border: solid 6px var(--color-600);
  }
}
.p-flow-2 .p-flow__box-img {
  width: 187px;
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
@media screen and (min-width: 768px) {
  .p-flow-2 .p-flow__box-img {
    width: clamp(187px, 187px + (91) * (100vw - 768px) / (1366 - 768), 278px);
  }
}
.p-flow-2 .p-flow__box-img2 {
  width: 202px;
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
@media screen and (min-width: 768px) {
  .p-flow-2 .p-flow__box-img2 {
    width: clamp(202px, 202px + (111) * (100vw - 768px) / (1366 - 768), 313px);
  }
}
.p-flow-2 .p-flow__box-btn-wrap {
  grid-area: btn;
  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;
  padding-top: 22px;
  gap: 17px;
}
@media screen and (min-width: 768px) {
  .p-flow-2 .p-flow__box-btn-wrap {
    padding-top: clamp(10px, 10px + (9) * (100vw - 768px) / (1366 - 768), 19px);
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: clamp(8px, 8px + (3) * (100vw - 768px) / (1366 - 768), 11px);
    padding-left: 10px;
  }
}
.p-flow-2 .p-flow__box-tel-btn {
  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;
  width: 100%;
  min-height: 56px;
  border-radius: 28px;
  padding-inline: 10px;
  gap: 10px;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .p-flow-2 .p-flow__box-tel-btn {
    gap: 0;
    border-radius: 22.5px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    padding-inline: 0;
    min-width: clamp(160px, 160px + (53) * (100vw - 768px) / (1366 - 768), 213px);
    min-height: clamp(42px, 42px + (6) * (100vw - 768px) / (1366 - 768), 48px);
  }
}
.p-flow-2 .p-flow__box-button {
  font-size: 0.875rem;
  line-height: 0.86;
}
@media screen and (min-width: 768px) {
  .p-flow-2 .p-flow__box-button {
    font-size: clamp(0.625rem, 0.4644648829rem + 0.3344481605vw, 0.75rem);
    line-height: 1;
    text-align: center;
  }
}
.p-flow-2 .p-flow__box-button-nom-wrap {
  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-flow-2 .p-flow__box-button-nom-img {
  width: 20px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-transform: rotate(8deg);
  transform: rotate(8deg);
}
@media screen and (min-width: 768px) {
  .p-flow-2 .p-flow__box-button-nom-img {
    width: clamp(16px, 16px + (4) * (100vw - 768px) / (1366 - 768), 20px);
  }
}
.p-flow-2 .p-flow__box-button-nom-text {
  margin-left: -3px;
  font-family: "Roboto", sans-serif;
  font-size: 1.375rem;
  font-weight: 600;
}
@media screen and (min-width: 768px) {
  .p-flow-2 .p-flow__box-button-nom-text {
    font-size: clamp(0.875rem, 0.5539297659rem + 0.6688963211vw, 1.125rem);
    line-height: 1.5;
  }
}
.p-flow-2 .p-flow__box-form-btn {
  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;
  width: 100%;
  min-height: 53px;
  border-radius: 28px;
  padding-inline: 10px;
  gap: 6px;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .p-flow-2 .p-flow__box-form-btn {
    gap: 0;
    padding-inline: 0;
    border-radius: 22.5px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    min-width: clamp(160px, 160px + (53) * (100vw - 768px) / (1366 - 768), 213px);
    min-height: clamp(42px, 42px + (6) * (100vw - 768px) / (1366 - 768), 48px);
  }
}
.p-flow-2 .p-flow__box-button-form-text1 {
  font-size: 0.875rem;
  line-height: 0.86;
}
@media screen and (min-width: 768px) {
  .p-flow-2 .p-flow__box-button-form-text1 {
    font-size: clamp(0.625rem, 0.4644648829rem + 0.3344481605vw, 0.75rem);
    line-height: 1.5;
  }
}
.p-flow-2 .p-flow__box-button-form-text2 {
  font-size: clamp(1.25rem, 1.25rem + 0vw, 1.25rem);
  line-height: 1.35;
  font-weight: 600;
}
@media screen and (min-width: 768px) {
  .p-flow-2 .p-flow__box-button-form-text2 {
    font-size: clamp(0.75rem, 0.4289297659rem + 0.6688963211vw, 1rem);
    line-height: 1.69;
  }
}

/*----------------------------------
    p-flow-switch-3
-----------------------------------*/
.p-flow-switch-3 {
  padding-block: 39px 67px;
}
@media screen and (min-width: 768px) {
  .p-flow-switch-3 {
    padding-block: 75px 96px;
  }
}

.p-flow-3 .p-flow__text {
  text-align: center;
  padding-top: 16px;
}
@media screen and (min-width: 768px) {
  .p-flow-3 .p-flow__text {
    text-align: left;
    padding-top: 37px;
  }
}
.p-flow-3 .p-flow__contents {
  padding-top: 2px;
}
@media screen and (min-width: 768px) {
  .p-flow-3 .p-flow__contents {
    padding-top: 40px;
  }
}
.p-flow-3 .p-flow__boxes {
  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: 14px;
}
.p-flow-3 .p-flow__box {
  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;
  border-radius: 10px;
  -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  position: relative;
}
.p-flow-3 .p-flow__box::after,
.p-flow-3 .p-flow__box::before {
  content: "";
  position: absolute;
  left: 18%;
  -webkit-transform: translate(-50%, 100%);
  transform: translate(-50%, 100%);
  width: 0;
  height: 0;
  z-index: 5;
}
@media screen and (min-width: 768px) {
  .p-flow-3 .p-flow__box::after,
  .p-flow-3 .p-flow__box::before {
    left: 7%;
  }
}
.p-flow-3 .p-flow__box::before {
  content: "";
  position: absolute;
  bottom: -2px;
  -webkit-transform: translateX(-50% 100%);
  transform: translateX(-50% 100%);
  width: 0;
  height: 0;
  border-left: 17px solid transparent;
  border-right: 17px solid transparent;
  border-top: 20px solid #fff;
  -webkit-filter: drop-shadow(0 3px 3px rgba(0, 0, 0, 0.16));
  filter: drop-shadow(0 3px 3px rgba(0, 0, 0, 0.16));
}
.p-flow-3 .p-flow__box::after {
  bottom: 1px;
  z-index: 5;
}
.p-flow-3 .p-flow__box1::after {
  border-left: 17px solid transparent;
  border-right: 17px solid transparent;
  border-top: 20px solid #fff;
}
.p-flow-3 .p-flow__box2 {
  position: relative;
  z-index: 3;
}
.p-flow-3 .p-flow__box2::after {
  border-left: 17px solid transparent;
  border-right: 17px solid transparent;
  border-top: 20px solid #fff;
}
.p-flow-3 .p-flow__box3 {
  z-index: 2;
}
.p-flow-3 .p-flow__box3::after {
  border-left: 17px solid transparent;
  border-right: 17px solid transparent;
  border-top: 20px solid #fff;
}
.p-flow-3 .p-flow__box4 {
  z-index: 1;
  margin-bottom: 0;
}
.p-flow-3 .p-flow__box4::after {
  display: none;
}
@media screen and (min-width: 768px) {
  .p-flow-3 .p-flow__box4::after {
    display: block;
    border-left: 17px solid transparent;
    border-right: 17px solid transparent;
    border-top: 20px solid #fff;
  }
}
.p-flow-3 .p-flow__box4::before {
  display: none;
}
@media screen and (min-width: 768px) {
  .p-flow-3 .p-flow__box4::before {
    display: block;
  }
}
.p-flow-3 .p-flow__box-title-wrap {
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  border-radius: 10px 10px 0 0;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 110px;
  padding-inline: 13px;
}
@media screen and (min-width: 768px) {
  .p-flow-3 .p-flow__box-title-wrap {
    width: 100%;
    min-height: 60px;
    padding-right: clamp(200px, 200px + (200) * (100vw - 768px) / (1366 - 768), 400px);
    padding-left: 19px;
    gap: 20px;
  }
}
.p-flow-3 .p-flow__box-title-wrap1 {
  background-color: var(--color-300);
}
.p-flow-3 .p-flow__box-title-wrap2 {
  background-color: var(--color-400);
}
.p-flow-3 .p-flow__box-title-wrap3 {
  background-color: var(--color-500);
}
.p-flow-3 .p-flow__box-title-wrap4 {
  background-color: var(--color-600);
}
.p-flow-3 .p-flow__box-number-wrap {
  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: 3px;
  margin-top: -27px;
}
@media screen and (min-width: 768px) {
  .p-flow-3 .p-flow__box-number-wrap {
    margin-top: 0;
  }
}
.p-flow-3 .p-flow__box-number-text span {
  font-size: 1.25rem;
  font-weight: 600;
  font-family: "Roboto", sans-serif;
  font-style: italic;
}
@media screen and (min-width: 768px) {
  .p-flow-3 .p-flow__box-number-text span {
    font-size: clamp(1.125rem, 0.9644648829rem + 0.3344481605vw, 1.25rem);
  }
}
.p-flow-3 .p-flow__box-number span {
  font-size: 2.5rem;
  font-weight: 600;
  font-style: italic;
  font-family: "Roboto", sans-serif;
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .p-flow-3 .p-flow__box-number span {
    font-size: clamp(2.25rem, 1.5275919732rem + 1.5050167224vw, 2.8125rem);
  }
}
.p-flow-3 .p-flow__box-title {
  margin-top: -27px;
  padding-left: 10px;
}
@media screen and (min-width: 768px) {
  .p-flow-3 .p-flow__box-title {
    padding-left: 0;
    margin-top: 0;
  }
}
.p-flow-3 .p-flow__box-title h3 {
  font-size: clamp(1.375rem, 1.3175747863rem + 0.2136752137vw, 1.5rem);
  font-weight: 600;
  line-height: 1.27;
}
@media screen and (min-width: 768px) {
  .p-flow-3 .p-flow__box-title h3 {
    font-size: clamp(1.125rem, 0.6433946488rem + 1.0033444816vw, 1.5rem);
    line-height: 1.58;
  }
}
.p-flow-3 .p-flow__box-contents-btn {
  padding-top: 18px;
  padding-bottom: 30px;
  padding-inline: 24px;
  display: grid;
  grid-template-columns: auto;
  grid-template-areas: "img" "text" "btn";
}
@media screen and (min-width: 768px) {
  .p-flow-3 .p-flow__box-contents-btn {
    padding-inline: clamp(12px, 12px + (23) * (100vw - 768px) / (1366 - 768), 35px)
      clamp(12px, 12px + (12) * (100vw - 768px) / (1366 - 768), 24px);
    padding-top: 0;
    padding-bottom: 20px;
    grid-template-columns: auto;
    grid-template-rows: auto;
    grid-template-areas: "text img" "btn img";
    -webkit-column-gap: clamp(16px, 16px + (14) * (100vw - 768px) / (1366 - 768), 30px);
    -moz-column-gap: clamp(16px, 16px + (14) * (100vw - 768px) / (1366 - 768), 30px);
    column-gap: clamp(16px, 16px + (14) * (100vw - 768px) / (1366 - 768), 30px);
    min-height: clamp(140px, 140px + (45) * (100vw - 768px) / (1366 - 768), 185px);
  }
}
.p-flow-3 .p-flow__box-contents {
  padding-top: 18px;
  padding-bottom: 30px;
  padding-inline: 24px;
  display: grid;
  grid-template-columns: auto;
  grid-template-areas: "img" "text";
}
@media screen and (min-width: 768px) {
  .p-flow-3 .p-flow__box-contents {
    padding-inline: clamp(12px, 12px + (23) * (100vw - 768px) / (1366 - 768), 35px)
      clamp(12px, 12px + (12) * (100vw - 768px) / (1366 - 768), 24px);
    padding-top: 0;
    padding-bottom: 20px;
    grid-template-columns: 1fr;
    grid-template-areas: "text img";
    -webkit-column-gap: clamp(16px, 16px + (14) * (100vw - 768px) / (1366 - 768), 30px);
    -moz-column-gap: clamp(16px, 16px + (14) * (100vw - 768px) / (1366 - 768), 30px);
    column-gap: clamp(16px, 16px + (14) * (100vw - 768px) / (1366 - 768), 30px);
    min-height: clamp(140px, 140px + (45) * (100vw - 768px) / (1366 - 768), 185px);
  }
}
.p-flow-3 .p-flow__box-text {
  grid-area: text;
  padding-top: 11px;
}
@media screen and (min-width: 768px) {
  .p-flow-3 .p-flow__box-text {
    padding-top: 21px;
  }
}
.p-flow-3 .p-flow__box-text p {
  font-size: clamp(0.875rem, 0.875rem + 0vw, 0.875rem);
  line-height: 1.79;
}
@media screen and (min-width: 768px) {
  .p-flow-3 .p-flow__box-text p {
    font-size: clamp(0.875rem, 0.7144648829rem + 0.3344481605vw, 1rem);
    line-height: 1.56;
  }
}
.p-flow-3 .p-flow__box-img-wrap {
  grid-area: img;
  position: relative;
  width: 100%;
  z-index: 2;
  height: 74px;
}
@media screen and (min-width: 768px) {
  .p-flow-3 .p-flow__box-img-wrap {
    padding-top: 0;
    width: clamp(250px, 250px + (102) * (100vw - 768px) / (1366 - 768), 352px);
    height: clamp(139px, 139px + (0) * (100vw - 768px) / (1366 - 768), 139px);
    -ms-flex-item-align: end;
    align-self: flex-end;
  }
}
.p-flow-3 .p-flow__box-img {
  width: 334px;
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 3;
}
@media screen and (min-width: 768px) {
  .p-flow-3 .p-flow__box-img {
    width: clamp(250px, 250px + (102) * (100vw - 768px) / (1366 - 768), 352px);
  }
}
.p-flow-3 .p-flow__box-img img {
  -o-object-fit: cover;
  object-fit: cover;
}
.p-flow-3 .p-flow__box-btn-wrap {
  grid-area: btn;
  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;
  padding-top: 32px;
  gap: 15px;
}
@media screen and (min-width: 768px) {
  .p-flow-3 .p-flow__box-btn-wrap {
    padding-top: clamp(10px, 10px + (9) * (100vw - 768px) / (1366 - 768), 19px);
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: clamp(8px, 8px + (5) * (100vw - 768px) / (1366 - 768), 13px);
  }
}
.p-flow-3 .p-flow__box-tel-btn {
  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;
  width: 100%;
  min-height: 56px;
  border-radius: 28px;
  padding-inline: 10px;
  gap: 20px;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .p-flow-3 .p-flow__box-tel-btn {
    gap: 0;
    border-radius: 22.5px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    padding-inline: 0;
    min-width: clamp(160px, 160px + (53) * (100vw - 768px) / (1366 - 768), 213px);
    min-height: clamp(42px, 42px + (6) * (100vw - 768px) / (1366 - 768), 48px);
  }
}
.p-flow-3 .p-flow__box-button {
  font-size: 0.875rem;
  line-height: 0.86;
}
@media screen and (min-width: 768px) {
  .p-flow-3 .p-flow__box-button {
    font-size: clamp(0.625rem, 0.4644648829rem + 0.3344481605vw, 0.75rem);
    line-height: 1;
    text-align: center;
  }
}
.p-flow-3 .p-flow__box-button-nom-wrap {
  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-flow-3 .p-flow__box-button-nom-img {
  width: 20px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-transform: rotate(8deg);
  transform: rotate(8deg);
}
@media screen and (min-width: 768px) {
  .p-flow-3 .p-flow__box-button-nom-img {
    width: clamp(16px, 16px + (4) * (100vw - 768px) / (1366 - 768), 20px);
  }
}
.p-flow-3 .p-flow__box-button-nom-text {
  margin-left: -3px;
  font-family: "Roboto", sans-serif;
  font-size: 1.375rem;
  font-weight: 600;
}
@media screen and (min-width: 768px) {
  .p-flow-3 .p-flow__box-button-nom-text {
    font-size: clamp(0.875rem, 0.5539297659rem + 0.6688963211vw, 1.125rem);
    line-height: 1.5;
  }
}
.p-flow-3 .p-flow__box-form-btn {
  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;
  width: 100%;
  min-height: 52px;
  border-radius: 28px;
  padding-inline: 10px;
  gap: 6px;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .p-flow-3 .p-flow__box-form-btn {
    gap: 15px;
    padding-inline: 0;
    border-radius: 22.5px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    min-width: clamp(160px, 160px + (53) * (100vw - 768px) / (1366 - 768), 213px);
    min-height: clamp(42px, 42px + (6) * (100vw - 768px) / (1366 - 768), 48px);
  }
}
@media screen and (min-width: 768px) {
  .p-flow-3 .p-flow__box-form-btn-img {
    -webkit-transform: translateY(5px);
    transform: translateY(5px);
  }
}
.p-flow-3 .p-flow__box-form-btn-img path {
  fill: var(--color-500);
}
@media screen and (min-width: 768px) {
  .p-flow-3 .p-flow__box-button-form-text-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
.p-flow-3 .p-flow__box-button-form-text1 {
  font-size: 0.875rem;
  line-height: 0.86;
}
@media screen and (min-width: 768px) {
  .p-flow-3 .p-flow__box-button-form-text1 {
    font-size: clamp(0.625rem, 0.4644648829rem + 0.3344481605vw, 0.75rem);
    line-height: 1.5;
  }
}
.p-flow-3 .p-flow__box-button-form-text2 {
  font-size: clamp(1.25rem, 1.25rem + 0vw, 1.25rem);
  line-height: 1.35;
  font-weight: 600;
}
@media screen and (min-width: 768px) {
  .p-flow-3 .p-flow__box-button-form-text2 {
    font-size: clamp(0.75rem, 0.4289297659rem + 0.6688963211vw, 1rem);
    line-height: 1.69;
  }
}

/*----------------------------------
    p-flow-switch-4
-----------------------------------*/
.p-flow-switch-4 {
  padding-block: 44px;
}
@media screen and (min-width: 768px) {
  .p-flow-switch-4 {
    padding-block: 32px;
  }
}

.p-flow-4 .p-flow__text {
  text-align: center;
  padding-top: 16px;
}
@media screen and (min-width: 768px) {
  .p-flow-4 .p-flow__text {
    text-align: left;
    padding-top: 37px;
  }
}
@media screen and (min-width: 768px) {
  .p-flow-4 .p-flow__contents {
    padding-top: 54px;
  }
}
.p-flow-4 .p-flow__boxes {
  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-flow-4 .p-flow__boxes {
    gap: 30px;
    -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;
  }
}
.p-flow-4 .p-flow__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 25px;
  border-radius: 10px;
  -webkit-box-shadow: 0 5px 6px 0 rgba(0, 0, 0, 0.16);
  box-shadow: 0 5px 6px 0 rgba(0, 0, 0, 0.16);
  position: relative;
}
@media screen and (min-width: 768px) {
  .p-flow-4 .p-flow__box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
.p-flow-4 .p-flow__box::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  -webkit-transform: translate(-50%, 50%);
  transform: translate(-50%, 50%);
  width: 0;
  height: 0;
}
@media screen and (min-width: 768px) {
  .p-flow-4 .p-flow__box::after {
    right: 0;
    left: auto;
    top: 50%;
    -webkit-transform: translate(75%, -25%) rotate(-90deg);
    transform: translate(75%, -25%) rotate(-90deg);
    bottom: auto;
  }
}
.p-flow-4 .p-flow__box1::after {
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  border-top: 48px solid var(--color-200);
}
@media screen and (min-width: 768px) {
  .p-flow-4 .p-flow__box1::after {
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
    border-top: 48px solid var(--color-200);
  }
}
.p-flow-4 .p-flow__box2::after {
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  border-top: 48px solid var(--color-200);
}
@media screen and (min-width: 768px) {
  .p-flow-4 .p-flow__box2::after {
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
    border-top: 48px solid var(--color-200);
  }
}
.p-flow-4 .p-flow__box3 {
  margin-bottom: 0;
}
.p-flow-4 .p-flow__box3::after {
  display: none;
}
.p-flow-4 .p-flow__box-left {
  width: 74px;
  height: auto;
  min-height: 100%;
  position: relative;
}
@media screen and (min-width: 768px) {
  .p-flow-4 .p-flow__box-left {
    width: 87px;
    min-height: auto;
  }
}
.p-flow-4 .p-flow__box-left::after {
  content: "";
  position: absolute;
  top: 74px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 6px;
  height: calc(100% - 74px + 24px);
  background-image: radial-gradient(circle, var(--color-500) 30%, transparent 30%);
  background-size: 6px 12px;
  background-repeat: repeat-y;
  background-position: center;
}
@media screen and (min-width: 768px) {
  .p-flow-4 .p-flow__box-left::after {
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: clamp(230px, 230px + (70) * (100vw - 768px) / (1366 - 768), 300px);
    height: 12px;
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='6' viewBox='0 0 4 6'%3E%3Cpath d='M3,0,6,4H0Z' transform='translate(4) rotate(90)' fill='%23ffffff'/%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='6' viewBox='0 0 4 6'%3E%3Cpath d='M3,0,6,4H0Z' transform='translate(4) rotate(90)' fill='%23ffffff'/%3E%3C/svg%3E");
    mask-size: 10px 8px;
    -webkit-mask-size: 10px 8px;
    mask-repeat: repeat-x;
    -webkit-mask-repeat: repeat-x;
    background-color: var(--color-500);
    image-rendering: crisp-edges;
  }
}
.p-flow-4 .p-flow__box-left-3::after {
  display: none;
}
.p-flow-4 .p-flow__box-number-wrap {
  position: relative;
  z-index: 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-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 50%;
  width: 74px;
  height: 74px;
  background-color: var(--color-500);
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
@media screen and (min-width: 768px) {
  .p-flow-4 .p-flow__box-number-wrap {
    width: clamp(61px, 61px + (26) * (100vw - 768px) / (1366 - 768), 87px);
    height: clamp(61px, 61px + (26) * (100vw - 768px) / (1366 - 768), 87px);
    gap: 4px;
  }
}
.p-flow-4 .p-flow__box-number-text span {
  font-size: 1rem;
  font-weight: 600;
  font-family: "Roboto", sans-serif;
  font-style: italic;
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .p-flow-4 .p-flow__box-number-text span {
    font-size: clamp(0.875rem, 0.3933946488rem + 1.0033444816vw, 1.25rem);
  }
}
.p-flow-4 .p-flow__box-number span {
  font-size: 2.5rem;
  font-weight: 600;
  font-style: italic;
  font-family: "Roboto", sans-serif;
  line-height: 0.8;
}
@media screen and (min-width: 768px) {
  .p-flow-4 .p-flow__box-number span {
    font-size: clamp(1.625rem, 0.099916388rem + 3.1772575251vw, 2.8125rem);
  }
}
.p-flow-4 .p-flow__box-contents {
  padding-inline: 14px 16px;
  padding-bottom: 40px;
  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-flow-4 .p-flow__box-contents {
    padding-bottom: 25px;
    padding-inline: 18px;
  }
}
.p-flow-4 .p-flow__box-title {
  -moz-text-align-last: left;
  text-align-last: left;
  padding-top: 11px;
}
@media screen and (min-width: 768px) {
  .p-flow-4 .p-flow__box-title {
    padding-top: clamp(16px, 16px + (0) * (100vw - 768px) / (1366 - 768), 16px);
    padding-inline: 14px;
    position: relative;
  }
}
.p-flow-4 .p-flow__box-title h3 {
  font-size: clamp(1.25rem, 1.25rem + 0vw, 1.25rem);
  font-weight: 600;
  line-height: 1.6;
}
@media screen and (min-width: 768px) {
  .p-flow-4 .p-flow__box-title h3 {
    font-size: clamp(1rem, 0.6789297659rem + 0.6688963211vw, 1.25rem);
  }
}
.p-flow-4 .p-flow__box-text {
  grid-area: text;
  padding-top: 12px;
}
@media screen and (min-width: 768px) {
  .p-flow-4 .p-flow__box-text {
    padding-top: 17px;
  }
}
.p-flow-4 .p-flow__box-text p {
  font-size: clamp(0.875rem, 0.875rem + 0vw, 0.875rem);
  line-height: 1.79;
}
@media screen and (min-width: 768px) {
  .p-flow-4 .p-flow__box-text p {
    font-size: clamp(0.75rem, 0.4289297659rem + 0.6688963211vw, 1rem);
    line-height: 1.56;
  }
}
.p-flow-4 .p-flow__box-img {
  width: 254px;
  padding-top: 16px;
}
@media screen and (min-width: 768px) {
  .p-flow-4 .p-flow__box-img {
    width: clamp(187px, 187px + (73) * (100vw - 768px) / (1366 - 768), 260px);
  }
}

/*----------------------------------
    p-price
-----------------------------------*/
/*----------------------------------
    p-price-switch-1
-----------------------------------*/
.p-price-1 {
  padding-block: 40px;
}
@media screen and (min-width: 768px) {
  .p-price-1 {
    padding-block: 100px;
  }
}
.p-price-1 .p-price__contents {
  margin-top: 20px;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  padding-bottom: 18px;
  margin-top: 37px;
}
@media screen and (min-width: 768px) {
  .p-price-1 .p-price__contents {
    overflow: visible;
    margin-top: 37px;
    padding-inline: 0;
    margin-inline: auto;
  }
}
.p-price-1 .p-price__contents::-webkit-scrollbar {
  height: 8px !important;
}
.p-price-1 .p-price__contents::-webkit-scrollbar-track {
  background: #f1f1f1 !important;
  border-radius: 10px;
}
.p-price-1 .p-price__contents::-webkit-scrollbar-thumb {
  background-color: var(--color-400) !important;
  border-radius: 10px !important;
  border: 5px solid var(--color-400) !important;
}
@-moz-document url-prefix() {
  .p-price-1 .p-price__contents {
    scrollbar-width: auto;
    scrollbar-color: var(--color-400) #f1f1f1;
  }
}
.p-price-1 .price-table {
  width: 632px;
  border-collapse: separate; /* border-spacingを有効にするために必要 */
  border-spacing: 8px 0; /* 横方向の隙間を10px、縦方向の隙間を0に設定 */
  -webkit-transform: translateX(-8px);
  transform: translateX(-8px);
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .p-price-1 .price-table {
    width: 100%;
    margin-left: -9px;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    border-spacing: 9px 0;
  }
}
.p-price-1 .price-table th,
.p-price-1 .price-table td {
  text-align: center;
}
.p-price-1 th,
.p-price-1 td {
  display: table-cell;
  vertical-align: middle;
}
.p-price-1 th {
  border-radius: 20px 20px 0 0;
  min-width: 120px !important;
  height: 64px;
  font-size: 12px;
  line-height: 1.5;
}
@media screen and (min-width: 768px) {
  .p-price-1 th {
    min-width: clamp(120px, 120px + (64) * (100vw - 768px) / (1366 - 768), 184px) !important;
    height: 64px;
  }
}
.p-price-1 td {
  min-width: 120px !important;
  height: 80px;
}
@media screen and (min-width: 768px) {
  .p-price-1 td {
    min-width: clamp(120px, 120px + (64) * (100vw - 768px) / (1366 - 768), 184px) !important;
    height: 73px;
  }
}
.p-price-1 .p-price__table-plan1 {
  border: solid 2px #e1e5e8;
}
.p-price-1 .p-price__title-ja {
  display: block;
  font-size: 0.75rem;
  line-height: 1.5;
}
.p-price-1 .p-price__title-en {
  display: block;
  font-size: 1.125rem;
  line-height: 1.56;
}
.p-price-1 .p-price__table-title {
  font-size: 1rem;
  line-height: 1.56;
  font-weight: 600;
}
@media screen and (min-width: 768px) {
  .p-price-1 .p-price__table-title {
    font-size: clamp(0.875rem, 0.7144648829rem + 0.3344481605vw, 1rem);
  }
}
.p-price-1 .p-price__price {
  font-size: 0.875rem;
  padding-right: 4px;
  font-weight: 600;
}
.p-price-1 .p-price__table-2 {
  font-size: 1.6875rem;
  line-height: 1.37;
}
@media screen and (min-width: 768px) {
  .p-price-1 .p-price__table-2 {
    font-size: clamp(1.375rem, 0.9736622074rem + 0.8361204013vw, 1.6875rem);
  }
}
.p-price-1 .p-price__table-3 {
  font-size: 1.4375rem;
  line-height: 1.56;
}
@media screen and (min-width: 768px) {
  .p-price-1 .p-price__table-3 {
    font-size: clamp(1.125rem, 0.7236622074rem + 0.8361204013vw, 1.4375rem);
  }
}
.p-price-1 .p-price-table-none {
  font-size: 1rem;
  line-height: 1.56;
}
.p-price-1 .p-price__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;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-inline: auto;
  width: 37px;
  height: 37px;
  border-radius: 50%;
  font-size: 1.125rem;
  line-height: 1.56;
}
.p-price-1 .p-price__text-wrap {
  padding-top: 24px;
}
@media screen and (min-width: 768px) {
  .p-price-1 .p-price__text-wrap {
    padding-top: 0px;
  }
}
.p-price-1 .p-price__text {
  font-size: 0.75rem;
  line-height: 1.42;
  color: #999999;
}
.p-price-1 .p-price__btn-wrap {
  padding-top: 29px;
}
@media screen and (min-width: 768px) {
  .p-price-1 .p-price__btn-wrap {
    padding-top: 59px;
    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-price-switch-2
-----------------------------------*/
.p-price-2 {
  padding-block: 44px 40px;
}
@media screen and (min-width: 768px) {
  .p-price-2 {
    padding-block: 100px 96px;
  }
}
.p-price-2 .p-price__contents {
  margin-top: 20px;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  padding-bottom: 8px;
  margin-top: 37px;
}
@media screen and (min-width: 768px) {
  .p-price-2 .p-price__contents {
    overflow: visible;
    margin-top: 29px;
    padding-bottom: 19px;
    padding-inline: 0;
    margin-inline: auto;
  }
}
.p-price-2 .p-price__contents::-webkit-scrollbar {
  height: 8px !important;
}
.p-price-2 .p-price__contents::-webkit-scrollbar-track {
  background: #f1f1f1 !important;
  border-radius: 10px;
}
.p-price-2 .p-price__contents::-webkit-scrollbar-thumb {
  background-color: var(--color-400) !important;
  border-radius: 10px !important;
  border: 5px solid var(--color-400) !important;
}
@-moz-document url-prefix() {
  .p-price-2 .p-price__contents {
    scrollbar-width: auto;
    scrollbar-color: var(--color-400) #f1f1f1;
  }
}
.p-price-2 .price-table {
  width: 504px;
  border-collapse: separate; /* border-spacingを有効にするために必要 */
  border-spacing: 8px 0; /* 横方向の隙間を10px、縦方向の隙間を0に設定 */
  -webkit-transform: translateX(-8px);
  transform: translateX(-8px);
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .p-price-2 .price-table {
    width: 100%;
    margin-left: -10px;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    border-spacing: 10px 0;
  }
}
.p-price-2 .price-table th,
.p-price-2 .price-table td {
  text-align: center;
}
.p-price-2 th,
.p-price-2 td {
  display: table-cell;
  vertical-align: middle;
}
.p-price-2 th {
  border-radius: 20px 20px 0 0;
  min-width: 120px !important;
  height: 64px;
  font-size: 12px;
  line-height: 1.5;
}
@media screen and (min-width: 768px) {
  .p-price-2 th {
    min-width: clamp(140px, 140px + (92) * (100vw - 768px) / (1366 - 768), 232px) !important;
    height: 64px;
  }
}
.p-price-2 td {
  min-width: 120px !important;
  height: 80px;
}
@media screen and (min-width: 768px) {
  .p-price-2 td {
    min-width: clamp(140px, 140px + (92) * (100vw - 768px) / (1366 - 768), 232px) !important;
    height: 73px;
  }
}
.p-price-2 .p-price__title-ja {
  display: block;
  font-size: 0.75rem;
  line-height: 1.5;
}
.p-price-2 .p-price__title-en {
  display: block;
  font-size: 1.125rem;
  line-height: 1.56;
}
.p-price-2 .p-price__table-title {
  font-size: 1rem;
  line-height: 1.56;
  font-weight: 600;
}
@media screen and (min-width: 768px) {
  .p-price-2 .p-price__table-title {
    font-size: clamp(0.875rem, 0.7144648829rem + 0.3344481605vw, 1rem);
  }
}
.p-price-2 .p-price__price {
  font-size: 0.875rem;
  padding-right: 4px;
  font-weight: 600;
}
.p-price-2 .p-price__table-2 {
  font-size: 1.6875rem;
  line-height: 1.37;
}
@media screen and (min-width: 768px) {
  .p-price-2 .p-price__table-2 {
    font-size: clamp(1.375rem, 0.9736622074rem + 0.8361204013vw, 1.6875rem);
  }
}
.p-price-2 .p-price__table-3 {
  font-size: 1.4375rem;
  line-height: 1.56;
}
@media screen and (min-width: 768px) {
  .p-price-2 .p-price__table-3 {
    font-size: clamp(1.125rem, 0.7236622074rem + 0.8361204013vw, 1.4375rem);
  }
}
.p-price-2 .p-price-table-none {
  font-size: 1rem;
  line-height: 1.56;
}
.p-price-2 .p-price__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;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-inline: auto;
  width: 37px;
  height: 37px;
  border-radius: 50%;
  font-size: 1.125rem;
  line-height: 1.56;
}
.p-price-2 .p-price__text-wrap {
  padding-top: 24px;
}
@media screen and (min-width: 768px) {
  .p-price-2 .p-price__text-wrap {
    padding-top: 0px;
  }
}
.p-price-2 .p-price__text {
  font-size: 0.75rem;
  line-height: 1.42;
  color: #999999;
}
.p-price-2 .p-price__btn-wrap {
  padding-top: 29px;
}
@media screen and (min-width: 768px) {
  .p-price-2 .p-price__btn-wrap {
    padding-top: 57px;
    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-price-switch-3
-----------------------------------*/
.p-price-3 {
  padding-block: 40px;
}
@media screen and (min-width: 768px) {
  .p-price-3 {
    padding-block: 100px 96px;
  }
}
.p-price-3 .p-price__contents {
  padding-top: 37px;
}
@media screen and (min-width: 768px) {
  .p-price-3 .p-price__contents {
    padding-top: 55px;
  }
}
.p-price-3 .price-table {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 12px;
}
@media screen and (min-width: 768px) {
  .p-price-3 .price-table {
    gap: 24px;
  }
}
@media screen and (min-width: 768px) {
  .p-price-3 .price-table-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}
.p-price-3 .p-price__table-title-wrap {
  padding-block: 5px 22px;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 80%, 50% 100%, 0 80%);
  clip-path: polygon(0 0, 100% 0, 100% 80%, 50% 100%, 0 80%);
  text-align: center;
}
@media screen and (min-width: 768px) {
  .p-price-3 .p-price__table-title-wrap {
    padding-inline: clamp(15px, 15px + (8) * (100vw - 768px) / (1366 - 768), 23px)
      clamp(15px, 15px + (5) * (100vw - 768px) / (1366 - 768), 20px);
    padding-block: 19px 16px;
    clip-path: polygon(0 0, 94% 0, 100% 50%, 94% 100%, 0 100%);
    -webkit-clip-path: polygon(0 0, 94% 0, 100% 50%, 94% 100%, 0 100%);
    text-align: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: auto;
    min-width: clamp(200px, 200px + (114) * (100vw - 768px) / (1366 - 768), 314px);
  }
}
.p-price-3 .p-price__table-title-en {
  font-size: 0.75rem;
  font-family: "Roboto", sans-serif;
  font-style: italic;
  font-weight: 300;
  line-height: 1.5;
}
@media screen and (min-width: 768px) {
  .p-price-3 .p-price__table-title-en {
    font-size: clamp(0.625rem, 0.4644648829rem + 0.3344481605vw, 0.75rem);
  }
}
.p-price-3 .p-price__table-title-ja {
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.6;
}
@media screen and (min-width: 768px) {
  .p-price-3 .p-price__table-title-ja {
    font-size: clamp(1rem, 0.6789297659rem + 0.6688963211vw, 1.25rem);
  }
}
.p-price-3 .p-price__table-text {
  font-size: 0.875rem;
  line-height: 1.5;
}
@media screen and (min-width: 768px) {
  .p-price-3 .p-price__table-text {
    font-size: clamp(0.75rem, 0.5894648829rem + 0.3344481605vw, 0.875rem);
  }
}
.p-price-3 .p-price__table-body-wrap {
  position: relative;
  padding-top: 31px;
}
@media screen and (min-width: 768px) {
  .p-price-3 .p-price__table-body-wrap {
    padding-top: 0;
    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;
  }
}
.p-price-3 .p-price__table-body-wrap::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 100%;
}
@media screen and (min-width: 768px) {
  .p-price-3 .p-price__table-body-wrap::before {
    width: 100%;
    height: 1px;
  }
}
.p-price-3 .p-price__table-body-wrap::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 1px;
  height: 100%;
}
@media screen and (min-width: 768px) {
  .p-price-3 .p-price__table-body-wrap::after {
    top: auto;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
  }
}
.p-price-3 .p-price__table-body-wrap-1::before,
.p-price-3 .p-price__table-body-wrap-1::after {
  background-color: var(--color-300);
}
.p-price-3 .p-price__table-body-wrap-2::before,
.p-price-3 .p-price__table-body-wrap-2::after {
  background-color: var(--color-400);
}
.p-price-3 .p-price__table-body-wrap-3::before,
.p-price-3 .p-price__table-body-wrap-3::after {
  background-color: var(--color-500);
}
.p-price-3 .p-price__table-body1 {
  position: relative;
  background-image: radial-gradient(circle, var(--color-300) 1.2px, transparent 1px);
  background-size: 5px 5px;
  background-position: top -5px;
  background-repeat: repeat-x;
  margin-inline: 7px;
  padding-inline: 30px 15px;
  padding-block: 31px 31px;
  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: 76px;
}
@media screen and (min-width: 768px) {
  .p-price-3 .p-price__table-body1 {
    gap: 19px;
    gap: clamp(10px, 10px + (9) * (100vw - 768px) / (1366 - 768), 19px);
    margin-inline: 0;
    padding-inline: clamp(20px, 20px + (10) * (100vw - 768px) / (1366 - 768), 30px) 15px;
    background-image: none;
    background-size: initial;
    background-position: initial;
    background-repeat: initial;
    padding-block: 29px 12px;
    min-width: 317px;
    min-width: clamp(245px, 245px + (72) * (100vw - 768px) / (1366 - 768), 317px);
  }
}
.p-price-3 .p-price__table-body2 {
  position: relative;
  background-image: radial-gradient(circle, var(--color-300) 1.2px, transparent 1px);
  background-size: 5px 5px;
  background-position: top -5px;
  background-repeat: repeat-x;
  padding-inline: 30px 15px;
  margin-inline: 7px;
  padding-block: 31px 12px;
  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: 76px;
}
@media screen and (min-width: 768px) {
  .p-price-3 .p-price__table-body2 {
    gap: 19px;
    gap: clamp(10px, 10px + (9) * (100vw - 768px) / (1366 - 768), 19px);
    margin-inline: 0;
    background-image: none;
    background-size: initial;
    background-position: initial;
    background-repeat: initial;
    position: relative;
    padding-inline: clamp(15px, 15px + (37) * (100vw - 768px) / (1366 - 768), 52px)
      clamp(10px, 10px + (5) * (100vw - 768px) / (1366 - 768), 15px);
    min-width: clamp(230px, 230px + (96) * (100vw - 768px) / (1366 - 768), 326px);
  }
  .p-price-3 .p-price__table-body2::before {
    content: "";
    position: absolute;
    top: 5%;
    left: 0;
    width: 3px;
    background-image: radial-gradient(circle, var(--color-300) 1.2px, transparent 1px);
    background-size: 5px 5px;
    background-position: top left;
    background-repeat: repeat-y;
    height: 90%;
  }
}
.p-price-3 .p-price__table-body-1 {
  background-image: radial-gradient(circle, var(--color-300) 1.2px, transparent 1px);
}
.p-price-3 .p-price__table-body-2 {
  background-image: radial-gradient(circle, var(--color-400) 1.2px, transparent 1px);
}
.p-price-3 .p-price__table-body-3 {
  background-image: radial-gradient(circle, var(--color-500) 1.2px, transparent 1px);
}
.p-price-3 .p-price__table-body-title {
  text-align: center;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  min-width: 185px;
  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;
  border-radius: 16px;
}
.p-price-3 .p-price__table-body-title h4 {
  font-size: 1.125rem;
  line-height: 1.56;
  font-weight: 600;
}
.p-price-3 .p-price__table-body-title-1 {
  border: 1px solid var(--color-300);
  background-color: #fff;
}
.p-price-3 .p-price__table-body-price p {
  font-family: "Akshar", sans-serif;
  font-size: 1.6875rem;
  line-height: 1.37;
}
@media screen and (min-width: 768px) {
  .p-price-3 .p-price__table-body-price p {
    font-size: clamp(1.375rem, 0.9736622074rem + 0.8361204013vw, 1.6875rem);
  }
}
.p-price-3 .p-price__price {
  font-size: 0.875rem;
  line-height: 1.07;
  font-weight: 600;
  padding-right: 8px;
}
.p-price-3 .p-price__table-body-price-text li {
  font-size: 0.875rem;
  padding-left: 14px;
  position: relative;
}
@media screen and (min-width: 768px) {
  .p-price-3 .p-price__table-body-price-text li {
    font-size: clamp(0.75rem, 0.5894648829rem + 0.3344481605vw, 0.875rem);
  }
}
.p-price-3 .p-price__table-body-price-text li::before {
  content: "・";
  position: absolute;
  top: 0;
  left: 0;
}
.p-price-3 .p-price__text-wrap {
  padding-top: 21px;
}
@media screen and (min-width: 768px) {
  .p-price-3 .p-price__text-wrap {
    padding-top: 20px;
  }
}
.p-price-3 .p-price__text {
  font-size: 0.75rem;
  line-height: 1.42;
  color: #999999;
}
.p-price-3 .p-price__btn-wrap {
  padding-top: 29px;
}
@media screen and (min-width: 768px) {
  .p-price-3 .p-price__btn-wrap {
    padding-top: 27px;
    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-price-switch-4
-----------------------------------*/
.p-price-4 {
  padding-block: 40px 40px;
}
@media screen and (min-width: 768px) {
  .p-price-4 {
    padding-block: 68px 49px;
  }
}
.p-price-4 .price-table-wrapper {
  margin-inline: -8px 0;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  padding-bottom: 17px;
  margin-top: 36px;
}
@media screen and (min-width: 768px) {
  .p-price-4 .price-table-wrapper {
    margin-inline: -21px;
    overflow: visible;
    margin-top: 32px;
    padding-bottom: 19px;
    padding-inline: 0;
  }
}
.p-price-4 .price-table-wrapper::-webkit-scrollbar {
  height: 8px !important;
}
.p-price-4 .price-table-wrapper::-webkit-scrollbar-track {
  background: #f1f1f1 !important;
  border-radius: 10px;
}
.p-price-4 .price-table-wrapper::-webkit-scrollbar-thumb {
  background-color: var(--color-400) !important;
  border-radius: 10px !important;
  border: 5px solid var(--color-400) !important;
}
@-moz-document url-prefix() {
  .p-price-4 .price-table-wrapper {
    scrollbar-width: auto;
    scrollbar-color: var(--color-400) #f1f1f1;
  }
}
.p-price-4 .price-table {
  border-collapse: separate;
  border-spacing: 8px 0;
  width: calc(100% + 16px);
  margin-inline: auto;
  max-width: 500px;
}
@media screen and (min-width: 768px) {
  .p-price-4 .price-table {
    border-spacing: 21px 0;
    width: 100%;
    max-width: none;
  }
}
.p-price-4 th,
.p-price-4 td {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  position: relative;
  z-index: 2;
  min-width: 144px;
  font-size: 0.875rem;
  line-height: 1.14;
}
@media screen and (min-width: 768px) {
  .p-price-4 th,
  .p-price-4 td {
    min-width: clamp(144px, 144px + (162) * (100vw - 768px) / (1366 - 768), 306px);
    font-size: clamp(0.75rem, 0.4289297659rem + 0.6688963211vw, 1rem);
  }
}
.p-price-4 th {
  border-radius: 10px 10px 0 0;
  height: 80px;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 80%, 50% 100%, 0 80%);
  clip-path: polygon(0 0, 100% 0, 100% 80%, 50% 100%, 0 80%);
}
@media screen and (min-width: 768px) {
  .p-price-4 th {
    min-width: clamp(144px, 144px + (162) * (100vw - 768px) / (1366 - 768), 306px) !important;
    height: 80px;
    width: 306px;
  }
}
.p-price-4 th span {
  display: block;
}
.p-price-4 td {
  padding-inline: 14px;
  height: 100px;
}
@media screen and (min-width: 768px) {
  .p-price-4 td {
    padding-inline: 0;
    min-width: clamp(140px, 140px + (166) * (100vw - 768px) / (1366 - 768), 306px) !important;
    height: 73px;
    width: 306px;
  }
}
.p-price-4 .p-price__title-ja {
  font-size: 0.75rem;
  line-height: 1.5;
}
.p-price-4 .p-price__title-en {
  font-size: 1.125rem;
  line-height: 1.56;
}
.p-price-4 .p-price__table-2 td {
  position: relative;
  z-index: 1;
  padding-inline: 8px;
  height: 100px;
  padding-top: 5px;
}
.p-price-4 .p-price__table-2 td::before {
  content: "";
  position: absolute;
  top: -18px;
  left: 0;
  right: 0;
  height: 20px;
  background-color: inherit;
  z-index: 1;
}
.p-price-4 .p-price__table-2 td p {
  font-size: 0.6875rem;
  line-height: 1.55;
}
@media screen and (min-width: 768px) {
  .p-price-4 .p-price__table-2 td p {
    padding-top: 10px;
  }
}
@media screen and (min-width: 768px) {
  .p-price-4 .p-price__table-2 td {
    padding-inline: 8px;
  }
}
.p-price-4 .p-price__money {
  font-size: 3rem;
  line-height: 1;
  font-family: "Akshar", sans-serif;
}
.p-price-4 .p-price__price {
  font-size: 0.875rem;
  line-height: 1.07;
  padding-right: 1px;
  font-family: "Akshar", sans-serif;
}
.p-price-4 .p-price__table-7 td {
  padding-inline: 14px;
  height: 40px;
  border-radius: 0 0 10px 10px;
}
.p-price-4 .p-price__table-7 td a {
  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: 13px;
}
.p-price-4 .p-price__table-7 td a span {
  font-size: 0.875rem;
  line-height: 1.5;
  font-weight: 600;
}
.p-price-4 .p-price-btn-wrapper-arrow {
  position: relative;
  width: 8px;
  height: 8px;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.p-price-4 .p-price__text-wrap {
  padding-top: 21px;
}
@media screen and (min-width: 768px) {
  .p-price-4 .p-price__text-wrap {
    padding-top: 2px;
  }
}
.p-price-4 .p-price__text {
  font-size: 0.75rem;
  line-height: 1.42;
  color: #999999;
}
.p-price-4 .p-price__btn-wrap {
  padding-top: 33px;
}
@media screen and (min-width: 768px) {
  .p-price-4 .p-price__btn-wrap {
    padding-top: 27px;
    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-price-switch-5
-----------------------------------*/
.p-price-5 {
  padding-block: 40px 40px;
}
@media screen and (min-width: 768px) {
  .p-price-5 {
    padding-block: 100px 96px;
  }
}
.p-price-5 .p-price__text {
  padding-top: 37px;
}
@media screen and (min-width: 768px) {
  .p-price-5 .p-price__text {
    padding-top: 21px;
  }
}
.p-price-5 .p-price__contents {
  padding-top: 32px;
}
@media screen and (min-width: 768px) {
  .p-price-5 .p-price__contents {
    padding-top: 19px;
  }
}
.p-price-5 .p-price__boxes {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 4px;
}
@media screen and (min-width: 768px) {
  .p-price-5 .p-price__boxes {
    gap: 5px;
  }
}
.p-price-5 .p-price__boxes-title {
  border-radius: 5px 5px 0 0;
  padding-inline: 23px;
  padding-block: 3px 9px;
  margin-bottom: 4px;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .p-price-5 .p-price__boxes-title {
    margin-bottom: 0;
  }
}
.p-price-5 .p-price__boxes-title h3 {
  font-size: 1rem;
  line-height: 1.75;
  font-weight: 600;
}
@media screen and (min-width: 768px) {
  .p-price-5 .p-price__boxes-title h3 {
    font-size: clamp(1rem, 0.8394648829rem + 0.3344481605vw, 1.125rem);
    line-height: 1.56;
  }
}
.p-price-5 .p-price__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  gap: 7px;
}
.p-price-5 .p-price__box-category {
  border-radius: 5px;
  padding-inline: 15px;
  padding-block: 4px;
  border: solid 2px var(--color-500);
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  text-orientation: upright;
}
.p-price-5 .p-price__box-category h4 {
  font-weight: 600;
}
.p-price-5 .p-price__box-body {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 4px;
}
@media screen and (min-width: 768px) {
  .p-price-5 .p-price__box-body {
    gap: 0;
  }
}
.p-price-5 .p-price__box-wrap {
  display: grid;
  grid-template-columns: auto;
  grid-template-areas: "title price" "text price";
  padding-block: 13px;
  padding-inline: 30px 26px;
}
@media screen and (min-width: 768px) {
  .p-price-5 .p-price__box-wrap {
    grid-template-columns: auto 15% 33%;
    grid-template-areas: "title price text";
    padding-block: 13.4px 7px;
    padding-inline: 0;
  }
}
.p-price-5 .p-price__box-body-title {
  grid-area: title;
}
.p-price-5 .p-price__box-body-title h5 {
  font-size: 0.875rem;
  line-height: 1.29;
}
@media screen and (min-width: 768px) {
  .p-price-5 .p-price__box-body-title h5 {
    font-size: clamp(0.875rem, 0.7144648829rem + 0.3344481605vw, 1rem);
    line-height: 1.56;
    padding-inline: 30px;
  }
}
.p-price-5 .p-price__box-body-price {
  grid-area: price;
  align-self: center;
  justify-self: end;
}
.p-price-5 .p-price__box-body-price p {
  font-family: "Akshar", sans-serif;
  line-height: 1.19;
  font-size: 1.5rem;
}
@media screen and (min-width: 768px) {
  .p-price-5 .p-price__box-body-price p {
    font-size: clamp(0.875rem, 0.3933946488rem + 1.0033444816vw, 1.25rem);
    line-height: 1.46;
  }
}
.p-price-5 .p-price__price {
  vertical-align: top;
  font-weight: 600;
  font-size: 1.25rem;
  padding-right: 4px;
}
@media screen and (min-width: 768px) {
  .p-price-5 .p-price__price {
    font-size: clamp(0.875rem, 0.7144648829rem + 0.3344481605vw, 1rem);
    line-height: 1.5;
  }
}
.p-price-5 .p-price__box-body-text {
  grid-area: text;
  padding-top: 5px;
}
@media screen and (min-width: 768px) {
  .p-price-5 .p-price__box-body-text {
    padding-top: 0;
    justify-self: center;
  }
}
.p-price-5 .p-price__box-body-text p {
  font-size: 0.75rem;
  line-height: 1.75;
}
@media screen and (min-width: 768px) {
  .p-price-5 .p-price__box-body-text p {
    font-size: clamp(0.75rem, 0.5894648829rem + 0.3344481605vw, 0.875rem);
    line-height: 1.5;
  }
}
.p-price-5 .p-price__boxes-title2 {
  margin-top: 2px;
}

/*----------------------------------
    p-form
-----------------------------------*/
.p-form-1 {
  padding-block: 47px 59px;
  /*----------------------------------
      /チェックボックス
  -----------------------------------*/
  /*----------------------------------
      送信ボタン
  -----------------------------------*/
}
@media screen and (min-width: 768px) {
  .p-form-1 {
    padding-block: 100px 95px;
  }
}
.p-form-1 input[type="text"],
.p-form-1 input[type="email"],
.p-form-1 input[type="tel"],
.p-form-1 select,
.p-form-1 textarea {
  width: 100%;
  height: auto;
  border-radius: 4px;
  background: #f6f6f6;
  border: 1px solid #cccccc; /* ボーダーを透明に設定 */
  outline: none;
  padding-inline: 22px;
  padding-block: 13px 11px;
  line-height: 1.56;
  font-size: 1rem;
}
.p-form-1 input[type="text"]::-webkit-input-placeholder,
.p-form-1 input[type="email"]::-webkit-input-placeholder,
.p-form-1 input[type="tel"]::-webkit-input-placeholder,
.p-form-1 select::-webkit-input-placeholder,
.p-form-1 textarea::-webkit-input-placeholder {
  font-size: 1rem;
  color: #cccccc;
  line-height: 1.56;
  /* 32px */
}
.p-form-1 input[type="text"]::-moz-placeholder,
.p-form-1 input[type="email"]::-moz-placeholder,
.p-form-1 input[type="tel"]::-moz-placeholder,
.p-form-1 select::-moz-placeholder,
.p-form-1 textarea::-moz-placeholder {
  font-size: 1rem;
  color: #cccccc;
  line-height: 1.56;
  /* 32px */
}
.p-form-1 input[type="text"]:-ms-input-placeholder,
.p-form-1 input[type="email"]:-ms-input-placeholder,
.p-form-1 input[type="tel"]:-ms-input-placeholder,
.p-form-1 select:-ms-input-placeholder,
.p-form-1 textarea:-ms-input-placeholder {
  font-size: 1rem;
  color: #cccccc;
  line-height: 1.56;
  /* 32px */
}
.p-form-1 input[type="text"]::-ms-input-placeholder,
.p-form-1 input[type="email"]::-ms-input-placeholder,
.p-form-1 input[type="tel"]::-ms-input-placeholder,
.p-form-1 select::-ms-input-placeholder,
.p-form-1 textarea::-ms-input-placeholder {
  font-size: 1rem;
  color: #cccccc;
  line-height: 1.56;
  /* 32px */
}
.p-form-1 input[type="text"]::placeholder,
.p-form-1 input[type="email"]::placeholder,
.p-form-1 input[type="tel"]::placeholder,
.p-form-1 select::placeholder,
.p-form-1 textarea::placeholder {
  font-size: 1rem;
  color: #cccccc;
  line-height: 1.56;
  /* 32px */
}
.p-form-1 input[type="text"]:focus,
.p-form-1 input[type="email"]:focus,
.p-form-1 input[type="tel"]:focus,
.p-form-1 select:focus,
.p-form-1 textarea:focus {
  border: 1px solid var(--color-500);
  background: var(--color-50);
}
.p-form-1 textarea {
  min-height: 240px;
}
@media screen and (min-width: 768px) {
  .p-form-1 textarea {
    min-height: 220px;
  }
}
.p-form-1 .p-form__contents {
  padding-top: 35px;
}
@media screen and (min-width: 768px) {
  .p-form-1 .p-form__contents {
    padding-top: 44px;
  }
}
.p-form-1 .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: 15px;
}
@media screen and (min-width: 768px) {
  .p-form-1 .contact-contents__items {
    gap: 19px;
  }
}
.p-form-1 .contact-contents__item-title {
  font-size: 0.875rem;
  line-height: 1.5;
  font-weight: 600;
}
.p-form-1 .required-label {
  border-radius: 3px;
  margin-left: 10px;
  margin-top: -1px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  font-size: 0.75rem;
  line-height: 1.5;
  min-width: 47px;
  min-height: 22px;
}
@media screen and (min-width: 768px) {
  .p-form-1 .required-label {
    min-width: 48px;
    min-height: 22px;
  }
}
.p-form-1 .contact-contents__item-input--text {
  margin-top: 5px;
}
.p-form-1 .contact__privacy-wrap {
  padding-top: 11px;
}
@media screen and (min-width: 768px) {
  .p-form-1 .contact__privacy-wrap {
    padding-top: 31px;
  }
}
.p-form-1 .contact__privacy-title {
  font-size: 0.875rem;
  line-height: 1.5;
  font-weight: 600;
}
.p-form-1 .contact__privacy {
  -webkit-padding-before: 8px;
  padding-block-start: 8px;
}
@media screen and (min-width: 768px) {
  .p-form-1 .contact__privacy {
    -webkit-padding-before: 8px;
    padding-block-start: 8px;
  }
}
.p-form-1 .contact__privacy .form-checkbox__input {
  width: 1px;
  height: 1px;
  position: absolute;
  clip: rect(0, 0, 0, 0);
  overflow: hidden;
  display: inline-block;
}
.p-form-1 .contact__privacy .form-checkbox__input:checked + .wpcf7-list-item-label::after {
  opacity: 1;
}
.p-form-1 .contact__privacy .form-checkbox__input:focus + .wpcf7-list-item-label::before {
  border: 2px solid var(--color-500);
}
.p-form-1 .contact__privacy .wpcf7-list-item-label {
  padding-left: 34px;
  position: relative;
  display: inline-block;
  font-size: 1rem;
  line-height: 1.56; /* 25.2px */
  white-space: nowrap;
}
.p-form-1 .contact__privacy .wpcf7-list-item-label::before {
  content: "";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
  width: 25px;
  height: 25px;
  border: 1px solid #cccccc;
  background: #f6f6f6;
  cursor: pointer;
}
.p-form-1 .contact__privacy .wpcf7-list-item-label::after {
  content: "";
  position: absolute;
  top: calc(50% - 1px);
  -webkit-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
  left: 9px;
  width: 6px;
  height: 12px;
  border-right: 2px solid #333333;
  border-bottom: 2px solid #333333;
  opacity: 0;
}
.p-form-1 .contact__privacy-text {
  padding-top: 5px;
  padding-left: 34px;
}
.p-form-1 .contact__privacy-text p {
  font-size: 0.75rem;
  line-height: 1.5;
}
.p-form-1 .contact__contents-form {
  -webkit-padding-before: 7px;
  padding-block-start: 7px;
  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) {
  .p-form-1 .contact__contents-form {
    -webkit-padding-before: 40px;
    padding-block-start: 40px;
  }
}
.p-form-1 .contact__contents-form input[type="submit"] {
  border-radius: 50px;
  font-size: 1.375rem;
  /* Body3_en */
  width: 100%;
  min-height: 60px;
  border: 1px solid transparent;
  position: relative;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  -webkit-transition: background 0.4s ease, color 0.4s ease;
  transition: background 0.4s ease, color 0.4s ease;
  padding: 8px 40px;
  background: var(--color-500);
  color: #fff;
}
@media screen and (min-width: 768px) {
  .p-form-1 .contact__contents-form input[type="submit"] {
    min-width: 300px;
    width: 300px;
    min-height: 50px;
  }
}
.p-form-1 .contact__contents-form input[type="submit"]:hover {
  opacity: 0.6;
}
.p-form-1 .wpcf7-spinner {
  display: none !important;
}

/*----------------------------------
    p-form-2
-----------------------------------*/
.p-form-2 {
  padding-block: 50px 59px;
  background: var(--color-500);
  /*----------------------------------
      /チェックボックス
  -----------------------------------*/
  /*----------------------------------
      送信ボタン
  -----------------------------------*/
}
@media screen and (min-width: 768px) {
  .p-form-2 {
    padding-block: 100px 95px;
  }
}
.p-form-2 input[type="text"],
.p-form-2 input[type="email"],
.p-form-2 input[type="tel"],
.p-form-2 select,
.p-form-2 textarea {
  width: 100%;
  height: auto;
  border-radius: 4px;
  background: #f6f6f6;
  -webkit-box-shadow: inset 0 3px 3px 0 rgba(0, 0, 0, 0.16);
  box-shadow: inset 0 3px 3px 0 rgba(0, 0, 0, 0.16);
  border: none;
  outline: none;
  padding-inline: 22px;
  padding-block: 13px 11px;
  line-height: 1.56;
  font-size: 1rem;
}
.p-form-2 input[type="text"]:focus,
.p-form-2 input[type="email"]:focus,
.p-form-2 input[type="tel"]:focus,
.p-form-2 select:focus,
.p-form-2 textarea:focus {
  border: 1px solid var(--color-800);
  background: var(--color-100);
}
.p-form-2 input[type="text"]::-webkit-input-placeholder,
.p-form-2 input[type="email"]::-webkit-input-placeholder,
.p-form-2 input[type="tel"]::-webkit-input-placeholder,
.p-form-2 select::-webkit-input-placeholder,
.p-form-2 textarea::-webkit-input-placeholder {
  font-size: 1rem;
  color: #cccccc;
  line-height: 1.56;
  /* 32px */
}
.p-form-2 input[type="text"]::-moz-placeholder,
.p-form-2 input[type="email"]::-moz-placeholder,
.p-form-2 input[type="tel"]::-moz-placeholder,
.p-form-2 select::-moz-placeholder,
.p-form-2 textarea::-moz-placeholder {
  font-size: 1rem;
  color: #cccccc;
  line-height: 1.56;
  /* 32px */
}
.p-form-2 input[type="text"]:-ms-input-placeholder,
.p-form-2 input[type="email"]:-ms-input-placeholder,
.p-form-2 input[type="tel"]:-ms-input-placeholder,
.p-form-2 select:-ms-input-placeholder,
.p-form-2 textarea:-ms-input-placeholder {
  font-size: 1rem;
  color: #cccccc;
  line-height: 1.56;
  /* 32px */
}
.p-form-2 input[type="text"]::-ms-input-placeholder,
.p-form-2 input[type="email"]::-ms-input-placeholder,
.p-form-2 input[type="tel"]::-ms-input-placeholder,
.p-form-2 select::-ms-input-placeholder,
.p-form-2 textarea::-ms-input-placeholder {
  font-size: 1rem;
  color: #cccccc;
  line-height: 1.56;
  /* 32px */
}
.p-form-2 input[type="text"]::placeholder,
.p-form-2 input[type="email"]::placeholder,
.p-form-2 input[type="tel"]::placeholder,
.p-form-2 select::placeholder,
.p-form-2 textarea::placeholder {
  font-size: 1rem;
  color: #cccccc;
  line-height: 1.56;
  /* 32px */
}
.p-form-2 textarea {
  min-height: 240px;
}
@media screen and (min-width: 768px) {
  .p-form-2 textarea {
    min-height: 220px;
  }
}
.p-form-2 .p-form__contents {
  padding-top: 35px;
}
@media screen and (min-width: 768px) {
  .p-form-2 .p-form__contents {
    padding-top: 44px;
  }
}
.p-form-2 .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: 17px;
}
@media screen and (min-width: 768px) {
  .p-form-2 .contact-contents__items {
    gap: 20px;
  }
}
.p-form-2 .contact-contents__item-title {
  font-size: 0.875rem;
  line-height: 1.5;
  font-weight: 600;
}
.p-form-2 .required-label {
  border-radius: 3px;
  margin-left: 10px;
  margin-top: -1px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  font-size: 0.75rem;
  line-height: 1.5;
  min-width: 47px;
  min-height: 22px;
}
@media screen and (min-width: 768px) {
  .p-form-2 .required-label {
    min-width: 48px;
    min-height: 22px;
  }
}
.p-form-2 .contact-contents__item-input--text {
  margin-top: 5px;
}
.p-form-2 .contact__privacy-wrap {
  padding-top: 11px;
}
@media screen and (min-width: 768px) {
  .p-form-2 .contact__privacy-wrap {
    padding-top: 31px;
  }
}
.p-form-2 .contact__privacy-title {
  font-size: 0.875rem;
  line-height: 1.5;
  font-weight: 600;
}
.p-form-2 .contact__privacy {
  -webkit-padding-before: 8px;
  padding-block-start: 8px;
}
@media screen and (min-width: 768px) {
  .p-form-2 .contact__privacy {
    -webkit-padding-before: 8px;
    padding-block-start: 8px;
  }
}
.p-form-2 .contact__privacy .form-checkbox__input {
  width: 1px;
  height: 1px;
  position: absolute;
  clip: rect(0, 0, 0, 0);
  overflow: hidden;
  display: inline-block;
}
.p-form-2 .contact__privacy .form-checkbox__input:checked + .wpcf7-list-item-label::after {
  opacity: 1;
}
.p-form-2 .contact__privacy .form-checkbox__input:focus + .wpcf7-list-item-label::before {
  border: 1px solid var(--color-800);
}
.p-form-2 .contact__privacy .wpcf7-list-item-label {
  padding-left: 34px;
  position: relative;
  display: inline-block;
  font-size: 1rem;
  line-height: 1.56; /* 25.2px */
  white-space: nowrap;
  color: #fff;
}
.p-form-2 .contact__privacy .wpcf7-list-item-label::before {
  content: "";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
  width: 25px;
  height: 25px;
  border: 1px solid #cccccc;
  background: #f6f6f6;
  cursor: pointer;
}
.p-form-2 .contact__privacy .wpcf7-list-item-label::after {
  content: "";
  position: absolute;
  top: calc(50% - 1px);
  -webkit-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
  left: 9px;
  width: 6px;
  height: 12px;
  border-right: 2px solid #333333;
  border-bottom: 2px solid #333333;
  opacity: 0;
}
.p-form-2 .contact__privacy-text {
  padding-top: 5px;
  padding-left: 34px;
}
.p-form-2 .contact__privacy-text p {
  font-size: 0.75rem;
  line-height: 1.5;
}
.p-form-2 .contact__contents-form {
  -webkit-padding-before: 7px;
  padding-block-start: 7px;
  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) {
  .p-form-2 .contact__contents-form {
    -webkit-padding-before: 40px;
    padding-block-start: 40px;
  }
}
.p-form-2 .contact__contents-form input[type="submit"] {
  border-radius: 50px;
  font-size: 1.375rem;
  /* Body3_en */
  width: 100%;
  min-height: 60px;
  border: 1px solid transparent;
  position: relative;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  -webkit-transition: background 0.4s ease, color 0.4s ease;
  transition: background 0.4s ease, color 0.4s ease;
  padding: 8px 40px;
  background: var(--color-600);
  color: #fff;
}
@media screen and (min-width: 768px) {
  .p-form-2 .contact__contents-form input[type="submit"] {
    min-width: 300px;
    width: 300px;
    min-height: 50px;
  }
}
.p-form-2 .contact__contents-form input[type="submit"]:hover {
  opacity: 0.6;
}
.p-form-2 .wpcf7-spinner {
  display: none !important;
}

/*----------------------------------
    p-form3
-----------------------------------*/
.p-form-3 {
  padding-block: 47px 59px;
  /*----------------------------------
      /チェックボックス
  -----------------------------------*/
  /*----------------------------------
      チェックリスト
  -----------------------------------*/
  /*----------------------------------
      送信ボタン
  -----------------------------------*/
}
@media screen and (min-width: 768px) {
  .p-form-3 {
    padding-block: 100px 100px;
  }
}
.p-form-3 input[type="text"],
.p-form-3 input[type="email"],
.p-form-3 input[type="tel"],
.p-form-3 select,
.p-form-3 textarea {
  width: 100%;
  height: auto;
  border-radius: 4px;
  background: #f6f6f6;
  border: 1px solid #cccccc; /* ボーダーを透明に設定 */
  outline: none;
  padding-inline: 22px;
  padding-block: 14px 10px;
  line-height: 1.56;
  font-size: 1rem;
}
@media screen and (min-width: 768px) {
  .p-form-3 input[type="text"],
  .p-form-3 input[type="email"],
  .p-form-3 input[type="tel"],
  .p-form-3 select,
  .p-form-3 textarea {
    padding-inline: 18px;
    padding-block: 19px 15px;
  }
}
.p-form-3 input[type="text"]:focus,
.p-form-3 input[type="email"]:focus,
.p-form-3 input[type="tel"]:focus,
.p-form-3 select:focus,
.p-form-3 textarea:focus {
  border: 1px solid var(--color-500);
  background: var(--color-50);
}
.p-form-3 input[type="text"]::-webkit-input-placeholder,
.p-form-3 input[type="email"]::-webkit-input-placeholder,
.p-form-3 input[type="tel"]::-webkit-input-placeholder,
.p-form-3 select::-webkit-input-placeholder,
.p-form-3 textarea::-webkit-input-placeholder {
  font-size: 1rem;
  color: #cccccc;
  line-height: 1.56;
  /* 32px */
}
.p-form-3 input[type="text"]::-moz-placeholder,
.p-form-3 input[type="email"]::-moz-placeholder,
.p-form-3 input[type="tel"]::-moz-placeholder,
.p-form-3 select::-moz-placeholder,
.p-form-3 textarea::-moz-placeholder {
  font-size: 1rem;
  color: #cccccc;
  line-height: 1.56;
  /* 32px */
}
.p-form-3 input[type="text"]:-ms-input-placeholder,
.p-form-3 input[type="email"]:-ms-input-placeholder,
.p-form-3 input[type="tel"]:-ms-input-placeholder,
.p-form-3 select:-ms-input-placeholder,
.p-form-3 textarea:-ms-input-placeholder {
  font-size: 1rem;
  color: #cccccc;
  line-height: 1.56;
  /* 32px */
}
.p-form-3 input[type="text"]::-ms-input-placeholder,
.p-form-3 input[type="email"]::-ms-input-placeholder,
.p-form-3 input[type="tel"]::-ms-input-placeholder,
.p-form-3 select::-ms-input-placeholder,
.p-form-3 textarea::-ms-input-placeholder {
  font-size: 1rem;
  color: #cccccc;
  line-height: 1.56;
  /* 32px */
}
.p-form-3 input[type="text"]::placeholder,
.p-form-3 input[type="email"]::placeholder,
.p-form-3 input[type="tel"]::placeholder,
.p-form-3 select::placeholder,
.p-form-3 textarea::placeholder {
  font-size: 1rem;
  color: #cccccc;
  line-height: 1.56;
  /* 32px */
}
.p-form-3 textarea {
  min-height: 240px;
}
@media screen and (min-width: 768px) {
  .p-form-3 textarea {
    min-height: 200px;
  }
}
.p-form-3 .p-price__text {
  padding-top: 16px;
}
@media screen and (min-width: 768px) {
  .p-form-3 .p-price__text {
    padding-top: 24px;
  }
}
.p-form-3 .p-form__contents {
  padding-top: 27px;
}
@media screen and (min-width: 768px) {
  .p-form-3 .p-form__contents {
    padding-top: 63px;
  }
}
.p-form-3 .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: 15px;
}
@media screen and (min-width: 768px) {
  .p-form-3 .contact-contents__items {
    gap: 19px;
  }
}
.p-form-3 .contact-contents__items-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 15px;
}
@media screen and (min-width: 768px) {
  .p-form-3 .contact-contents__items-wrap {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 20px;
  }
}
@media screen and (min-width: 768px) {
  .p-form-3 .contact-contents__item-pc {
    width: 50%;
  }
}
.p-form-3 .contact-contents__item-title {
  font-size: 0.875rem;
  line-height: 1.5;
  font-weight: 600;
}
@media screen and (min-width: 768px) {
  .p-form-3 .contact-contents__item-title {
    font-size: 1rem;
    line-height: 1.6;
  }
}
.p-form-3 .required-label {
  border-radius: 3px;
  margin-left: 10px;
  margin-top: -1px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  font-size: 0.75rem;
  line-height: 1.5;
  min-width: 47px;
  min-height: 22px;
}
@media screen and (min-width: 768px) {
  .p-form-3 .required-label {
    min-width: 48px;
    margin-left: 6px;
    min-height: 22px;
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }
}
.p-form-3 .contact-contents__item-input--text {
  margin-top: 5px;
}
.p-form-3 .contact__privacy-wrap {
  padding-top: 11px;
}
@media screen and (min-width: 768px) {
  .p-form-3 .contact__privacy-wrap {
    padding-top: 18px;
    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: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}
.p-form-3 .contact__privacy-title {
  font-size: 0.875rem;
  line-height: 1.5;
  font-weight: 600;
}
@media screen and (min-width: 768px) {
  .p-form-3 .contact__privacy-title {
    font-size: clamp(0.875rem, 0.7144648829rem + 0.3344481605vw, 1rem);
    line-height: 1.56;
  }
}
@media screen and (min-width: 768px) {
  .p-form-3 .contact-contents__item-textarea {
    margin-top: 26px;
  }
}
.p-form-3 .contact__privacy {
  -webkit-padding-before: 8px;
  padding-block-start: 8px;
}
@media screen and (min-width: 768px) {
  .p-form-3 .contact__privacy {
    -webkit-padding-before: 0px;
    padding-block-start: 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.p-form-3 .contact__privacy .form-checkbox__input {
  width: 1px;
  height: 1px;
  position: absolute;
  clip: rect(0, 0, 0, 0);
  overflow: hidden;
  display: inline-block;
}
.p-form-3 .contact__privacy .form-checkbox__input:checked + .wpcf7-list-item-label::after {
  opacity: 1;
}
.p-form-3 .contact__privacy .form-checkbox__input:focus + .wpcf7-list-item-label::before {
  border: 1px solid var(--color-500);
}
.p-form-3 .contact__privacy .wpcf7-list-item-label {
  padding-left: 34px;
  position: relative;
  display: inline-block;
  font-size: 1rem;
  line-height: 1.56; /* 25.2px */
  white-space: nowrap;
}
@media screen and (min-width: 768px) {
  .p-form-3 .contact__privacy .wpcf7-list-item-label {
    font-size: clamp(0.875rem, 0.7144648829rem + 0.3344481605vw, 1rem);
  }
}
.p-form-3 .contact__privacy .wpcf7-list-item-label::before {
  content: "";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
  width: 25px;
  height: 25px;
  border: 1px solid #cccccc;
  background: #f6f6f6;
  cursor: pointer;
}
.p-form-3 .contact__privacy .wpcf7-list-item-label::after {
  content: "";
  position: absolute;
  top: calc(50% - 1px);
  -webkit-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
  left: 9px;
  width: 6px;
  height: 12px;
  border-right: 2px solid #333333;
  border-bottom: 2px solid #333333;
  opacity: 0;
}
.p-form-3 .contact__privacy-text {
  padding-top: 5px;
  padding-left: 34px;
}
.p-form-3 .contact__privacy-text p {
  font-size: 0.75rem;
  line-height: 1.5;
}
.p-form-3 .contact-contents__item-check-box {
  padding-top: 18px;
}
@media screen and (min-width: 768px) {
  .p-form-3 .contact-contents__item-check-box {
    padding-top: 16px;
  }
}
.p-form-3 .contact-contents__item-check-box label {
  font-size: 0.875rem;
  line-height: 1.79;
}
@media screen and (min-width: 768px) {
  .p-form-3 .contact-contents__item-check-box label {
    font-size: clamp(0.875rem, 0.7144648829rem + 0.3344481605vw, 1rem);
    line-height: 1.56;
  }
}
.p-form-3 .contact-contents__item-check-box .checkbox-cl01 {
  -webkit-column-gap: 30px;
  -moz-column-gap: 30px;
  column-gap: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  row-gap: 18px;
}
@media screen and (min-width: 768px) {
  .p-form-3 .contact-contents__item-check-box .checkbox-cl01 {
    -webkit-column-gap: 79px;
    -moz-column-gap: 79px;
    column-gap: 79px;
    -webkit-column-gap: clamp(30px, 30px + (49px) * (100vw - 768px) / (1366 - 768), 79pxpx);
    -moz-column-gap: clamp(30px, 30px + (49px) * (100vw - 768px) / (1366 - 768), 79pxpx);
    column-gap: clamp(30px, 30px + (49px) * (100vw - 768px) / (1366 - 768), 79pxpx);
    row-gap: 20px;
  }
}
.p-form-3 .contact-contents__item-check-box .checkbox-cl01 input {
  width: 1px;
  height: 1px;
  position: absolute;
  clip: rect(0, 0, 0, 0);
  overflow: hidden;
  margin: -1px;
  padding: 0;
  border: 0;
}
.p-form-3 .contact-contents__item-check-box .checkbox-cl01 input:focus + span::before {
  border: 1px solid var(--color-500);
}
.p-form-3 .contact-contents__item-check-box .checkbox-cl01 input + span {
  padding-left: 35px;
  display: inline-block;
  position: relative;
  white-space: nowrap;
}
.p-form-3 .contact-contents__item-check-box .checkbox-cl01 input + span::after,
.p-form-3 .contact-contents__item-check-box .checkbox-cl01 input + span::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
}
.p-form-3 .contact-contents__item-check-box .checkbox-cl01 input + span::before {
  border: 1px solid #aaaaaa;
  background: #f6f6f6;
  height: 25px;
  width: 25px;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.p-form-3 .contact-contents__item-check-box .checkbox-cl01 input + span::after {
  top: calc(50% - 1px);
  -webkit-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
  left: 9px;
  width: 6px;
  height: 13px;
  border-right: 2px solid #333333;
  border-bottom: 2px solid #333333;
  opacity: 0;
  -webkit-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}
.p-form-3 .contact-contents__item-check-box .checkbox-cl01 input:checked + span::after {
  opacity: 1;
}
.p-form-3 .contact__contents-form {
  -webkit-padding-before: 7px;
  padding-block-start: 7px;
  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) {
  .p-form-3 .contact__contents-form {
    -webkit-padding-before: 27px;
    padding-block-start: 27px;
  }
}
.p-form-3 .contact__contents-form input[type="submit"] {
  border-radius: 50px;
  font-size: 1.375rem;
  /* Body3_en */
  width: 100%;
  min-height: 60px;
  border: 1px solid transparent;
  position: relative;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  -webkit-transition: background 0.4s ease, color 0.4s ease;
  transition: background 0.4s ease, color 0.4s ease;
  padding: 8px 40px;
  background: var(--color-500);
  color: #fff;
}
@media screen and (min-width: 768px) {
  .p-form-3 .contact__contents-form input[type="submit"] {
    min-width: 300px;
    width: 300px;
    min-height: 50px;
  }
}
.p-form-3 .contact__contents-form input[type="submit"]:hover {
  opacity: 0.6;
}
.p-form-3 .wpcf7-spinner {
  display: none !important;
}

/*----------------------------------
    p-form4
-----------------------------------*/
.p-form-4 {
  padding-block: 0px 30px;
  background: var(--color-500);
  /*----------------------------------
      /チェックボックス
  -----------------------------------*/
  /*----------------------------------
      チェックリスト
  -----------------------------------*/
  /*----------------------------------
      送信ボタン
  -----------------------------------*/
}
@media screen and (min-width: 768px) {
  .p-form-4 {
    padding-block: 0px 100px;
  }
}
.p-form-4 input[type="text"],
.p-form-4 input[type="email"],
.p-form-4 input[type="tel"],
.p-form-4 select,
.p-form-4 textarea {
  width: 100%;
  height: auto;
  border-radius: 4px;
  background: #f6f6f6;
  -webkit-box-shadow: inset 0 3px 3px 0 rgba(0, 0, 0, 0.16);
  box-shadow: inset 0 3px 3px 0 rgba(0, 0, 0, 0.16);
  border: none;
  outline: none;
  padding-inline: 22px;
  padding-block: 14px 10px;
  line-height: 1.56;
  font-size: 1rem;
}
@media screen and (min-width: 768px) {
  .p-form-4 input[type="text"],
  .p-form-4 input[type="email"],
  .p-form-4 input[type="tel"],
  .p-form-4 select,
  .p-form-4 textarea {
    padding-inline: 18px;
    padding-block: 21px 16px;
  }
}
.p-form-4 input[type="text"]:focus,
.p-form-4 input[type="email"]:focus,
.p-form-4 input[type="tel"]:focus,
.p-form-4 select:focus,
.p-form-4 textarea:focus {
  border: 1px solid var(--color-600);
  background: #e7f7f6;
}
.p-form-4 input[type="text"]::-webkit-input-placeholder,
.p-form-4 input[type="email"]::-webkit-input-placeholder,
.p-form-4 input[type="tel"]::-webkit-input-placeholder,
.p-form-4 select::-webkit-input-placeholder,
.p-form-4 textarea::-webkit-input-placeholder {
  font-size: 1rem;
  color: #cccccc;
  line-height: 1.56;
  font-weight: 600;
  /* 32px */
}
.p-form-4 input[type="text"]::-moz-placeholder,
.p-form-4 input[type="email"]::-moz-placeholder,
.p-form-4 input[type="tel"]::-moz-placeholder,
.p-form-4 select::-moz-placeholder,
.p-form-4 textarea::-moz-placeholder {
  font-size: 1rem;
  color: #cccccc;
  line-height: 1.56;
  font-weight: 600;
  /* 32px */
}
.p-form-4 input[type="text"]:-ms-input-placeholder,
.p-form-4 input[type="email"]:-ms-input-placeholder,
.p-form-4 input[type="tel"]:-ms-input-placeholder,
.p-form-4 select:-ms-input-placeholder,
.p-form-4 textarea:-ms-input-placeholder {
  font-size: 1rem;
  color: #cccccc;
  line-height: 1.56;
  font-weight: 600;
  /* 32px */
}
.p-form-4 input[type="text"]::-ms-input-placeholder,
.p-form-4 input[type="email"]::-ms-input-placeholder,
.p-form-4 input[type="tel"]::-ms-input-placeholder,
.p-form-4 select::-ms-input-placeholder,
.p-form-4 textarea::-ms-input-placeholder {
  font-size: 1rem;
  color: #cccccc;
  line-height: 1.56;
  font-weight: 600;
  /* 32px */
}
.p-form-4 input[type="text"]::placeholder,
.p-form-4 input[type="email"]::placeholder,
.p-form-4 input[type="tel"]::placeholder,
.p-form-4 select::placeholder,
.p-form-4 textarea::placeholder {
  font-size: 1rem;
  color: #cccccc;
  line-height: 1.56;
  font-weight: 600;
  /* 32px */
}
.p-form-4 textarea {
  min-height: 240px;
}
@media screen and (min-width: 768px) {
  .p-form-4 textarea {
    min-height: 200px;
  }
}
.p-form-4 .p-price__text {
  padding-top: 16px;
}
@media screen and (min-width: 768px) {
  .p-form-4 .p-price__text {
    padding-top: 24px;
  }
}
.p-form-4 .p-form__contents {
  padding-top: 27px;
}
@media screen and (min-width: 768px) {
  .p-form-4 .p-form__contents {
    padding-top: 30px;
  }
}
.p-form-4 .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: 15px;
}
@media screen and (min-width: 768px) {
  .p-form-4 .contact-contents__items {
    gap: 19px;
  }
}
.p-form-4 .contact-contents__items-wrap {
  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-form-4 .contact-contents__items-wrap {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 20px;
  }
}
@media screen and (min-width: 768px) {
  .p-form-4 .contact-contents__item-pc {
    width: 50%;
  }
}
.p-form-4 .contact-contents__item-title {
  font-size: 0.875rem;
  line-height: 1.5;
  font-weight: 600;
}
@media screen and (min-width: 768px) {
  .p-form-4 .contact-contents__item-title {
    font-size: 1rem;
    line-height: 1.6;
  }
}
.p-form-4 .required-label {
  border-radius: 3px;
  margin-left: 10px;
  margin-top: -1px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  font-size: 0.75rem;
  line-height: 1.5;
  min-width: 47px;
  min-height: 22px;
  -webkit-transform: translateY(-2px);
  transform: translateY(-2px);
}
@media screen and (min-width: 768px) {
  .p-form-4 .required-label {
    min-width: 48px;
    margin-left: 6px;
    min-height: 22px;
  }
}
.p-form-4 .contact-contents__item-input--text {
  margin-top: 5px;
}
.p-form-4 .contact__privacy-wrap {
  padding-top: 15px;
}
@media screen and (min-width: 768px) {
  .p-form-4 .contact__privacy-wrap {
    padding-top: 18px;
    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: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}
.p-form-4 .contact__privacy-title {
  font-size: 0.875rem;
  line-height: 1.5;
  font-weight: 600;
}
@media screen and (min-width: 768px) {
  .p-form-4 .contact__privacy-title {
    font-size: clamp(0.875rem, 0.7144648829rem + 0.3344481605vw, 1rem);
    line-height: 1.56;
  }
}
@media screen and (min-width: 768px) {
  .p-form-4 .contact-contents__item-textarea {
    margin-top: 26px;
  }
}
.p-form-4 .contact__privacy {
  -webkit-padding-before: 8px;
  padding-block-start: 8px;
}
@media screen and (min-width: 768px) {
  .p-form-4 .contact__privacy {
    -webkit-padding-before: 0px;
    padding-block-start: 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.p-form-4 .contact__privacy .form-checkbox__input {
  width: 1px;
  height: 1px;
  position: absolute;
  clip: rect(0, 0, 0, 0);
  overflow: hidden;
  display: inline-block;
}
.p-form-4 .contact__privacy .form-checkbox__input:checked + .wpcf7-list-item-label::after {
  opacity: 1;
}
.p-form-4 .contact__privacy .form-checkbox__input:focus + .wpcf7-list-item-label::before {
  border: 1px solid var(--color-500);
}
.p-form-4 .contact__privacy .wpcf7-list-item-label {
  padding-left: 34px;
  position: relative;
  display: inline-block;
  font-size: 1rem;
  line-height: 1.56; /* 25.2px */
  white-space: nowrap;
}
@media screen and (min-width: 768px) {
  .p-form-4 .contact__privacy .wpcf7-list-item-label {
    font-size: clamp(0.875rem, 0.7144648829rem + 0.3344481605vw, 1rem);
  }
}
.p-form-4 .contact__privacy .wpcf7-list-item-label::before {
  content: "";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
  width: 25px;
  height: 25px;
  -webkit-box-shadow: inset 0 3px 3px 0 rgba(0, 0, 0, 0.16);
  box-shadow: inset 0 3px 3px 0 rgba(0, 0, 0, 0.16);
  background: #f6f6f6;
  cursor: pointer;
}
.p-form-4 .contact__privacy .wpcf7-list-item-label::after {
  content: "";
  position: absolute;
  top: calc(50% - 1px);
  -webkit-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
  left: 9px;
  width: 6px;
  height: 12px;
  border-right: 2px solid #333333;
  border-bottom: 2px solid #333333;
  opacity: 0;
}
.p-form-4 .contact__privacy-text {
  padding-top: 5px;
  padding-left: 34px;
}
.p-form-4 .contact__privacy-text p {
  font-size: 0.75rem;
  line-height: 1.5;
}
.p-form-4 .contact-contents__item-check-box {
  padding-top: 18px;
}
@media screen and (min-width: 768px) {
  .p-form-4 .contact-contents__item-check-box {
    padding-top: 16px;
  }
}
.p-form-4 .contact-contents__item-check-box label {
  font-size: 0.875rem;
  line-height: 1.79;
}
@media screen and (min-width: 768px) {
  .p-form-4 .contact-contents__item-check-box label {
    font-size: clamp(0.875rem, 0.7144648829rem + 0.3344481605vw, 1rem);
    line-height: 1.56;
  }
}
.p-form-4 .contact-contents__item-check-box .wpcf7-checkbox {
  display: grid;
  grid-template-columns: repeat(4, auto);
  row-gap: 18px;
}
@media screen and (min-width: 768px) {
  .p-form-4 .contact-contents__item-check-box .wpcf7-checkbox {
    -webkit-column-gap: 79px;
    -moz-column-gap: 79px;
    column-gap: 79px;
    -webkit-column-gap: clamp(30px, 30px + (49px) * (100vw - 768px) / (1366 - 768), 79pxpx);
    -moz-column-gap: clamp(30px, 30px + (49px) * (100vw - 768px) / (1366 - 768), 79pxpx);
    column-gap: clamp(30px, 30px + (49px) * (100vw - 768px) / (1366 - 768), 79pxpx);
    row-gap: 20px;
    display: grid;
    grid-template-columns: repeat(4, auto);
    -webkit-column-gap: 0px;
    -moz-column-gap: 0px;
    column-gap: 0px;
    width: 79%;
  }
}
.p-form-4 .contact-contents__item-check-box .wpcf7-checkbox input {
  width: 1px;
  height: 1px;
  position: absolute;
  clip: rect(0, 0, 0, 0);
  overflow: hidden;
  margin: -1px;
  padding: 0;
  border: 0;
}
.p-form-4 .contact-contents__item-check-box .wpcf7-checkbox input:focus + span::before {
  border: 1px solid var(--color-600);
}
.p-form-4 .contact-contents__item-check-box .wpcf7-checkbox input + span {
  padding-left: 35px;
  display: inline-block;
  position: relative;
  white-space: nowrap;
}
.p-form-4 .contact-contents__item-check-box .wpcf7-checkbox input + span::after,
.p-form-4 .contact-contents__item-check-box .wpcf7-checkbox input + span::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
}
.p-form-4 .contact-contents__item-check-box .wpcf7-checkbox input + span::before {
  -webkit-box-shadow: inset 0 3px 3px 0 rgba(0, 0, 0, 0.16);
  box-shadow: inset 0 3px 3px 0 rgba(0, 0, 0, 0.16);
  background: #f6f6f6;
  height: 25px;
  width: 25px;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.p-form-4 .contact-contents__item-check-box .wpcf7-checkbox input + span::after {
  top: calc(50% - 1px);
  -webkit-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
  left: 9px;
  width: 6px;
  height: 13px;
  border-right: 2px solid #333333;
  border-bottom: 2px solid #333333;
  opacity: 0;
  -webkit-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}
.p-form-4 .contact-contents__item-check-box .wpcf7-checkbox input:checked + span::after {
  opacity: 1;
}
.p-form-4 .contact__contents-form {
  -webkit-padding-before: 13px;
  padding-block-start: 13px;
  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) {
  .p-form-4 .contact__contents-form {
    -webkit-padding-before: 27px;
    padding-block-start: 27px;
  }
}
.p-form-4 .contact__contents-form input[type="submit"] {
  border-radius: 50px;
  font-size: 1.375rem;
  /* Body3_en */
  width: 100%;
  min-height: 60px;
  border: 1px solid transparent;
  position: relative;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  -webkit-transition: background 0.4s ease, color 0.4s ease;
  transition: background 0.4s ease, color 0.4s ease;
  padding: 8px 40px;
  background: var(--color-600);
  color: #fff;
}
@media screen and (min-width: 768px) {
  .p-form-4 .contact__contents-form input[type="submit"] {
    min-width: 300px;
    width: 300px;
    min-height: 50px;
  }
}
.p-form-4 .contact__contents-form input[type="submit"]:hover {
  opacity: 0.6;
}
.p-form-4 .wpcf7-spinner {
  display: none !important;
}

/*----------------------------------
    p-form-5
-----------------------------------*/
.p-form-5 {
  padding-block: 56px 15px;
  /*----------------------------------
      /チェックボックス
  -----------------------------------*/
  /*----------------------------------
      送信ボタン
  -----------------------------------*/
}
@media screen and (min-width: 768px) {
  .p-form-5 {
    padding-block: 100px 95px;
  }
}
.p-form-5 input[type="text"],
.p-form-5 input[type="email"],
.p-form-5 input[type="tel"],
.p-form-5 select,
.p-form-5 textarea {
  width: 100%;
  height: auto;
  border-radius: 4px;
  background: #f6f6f6;
  border: 1px solid #cccccc; /* ボーダーを透明に設定 */
  outline: none;
  padding-inline: 22px;
  padding-block: 13px 10px;
  line-height: 1.56;
  font-size: 1rem;
}
.p-form-5 input[type="text"]:focus,
.p-form-5 input[type="email"]:focus,
.p-form-5 input[type="tel"]:focus,
.p-form-5 select:focus,
.p-form-5 textarea:focus {
  border: 1px solid var(--color-500);
  background: var(--color-50);
}
.p-form-5 input[type="text"]::-webkit-input-placeholder,
.p-form-5 input[type="email"]::-webkit-input-placeholder,
.p-form-5 input[type="tel"]::-webkit-input-placeholder,
.p-form-5 select::-webkit-input-placeholder,
.p-form-5 textarea::-webkit-input-placeholder {
  font-size: 1rem;
  color: #cccccc;
  line-height: 1.56;
  /* 32px */
}
.p-form-5 input[type="text"]::-moz-placeholder,
.p-form-5 input[type="email"]::-moz-placeholder,
.p-form-5 input[type="tel"]::-moz-placeholder,
.p-form-5 select::-moz-placeholder,
.p-form-5 textarea::-moz-placeholder {
  font-size: 1rem;
  color: #cccccc;
  line-height: 1.56;
  /* 32px */
}
.p-form-5 input[type="text"]:-ms-input-placeholder,
.p-form-5 input[type="email"]:-ms-input-placeholder,
.p-form-5 input[type="tel"]:-ms-input-placeholder,
.p-form-5 select:-ms-input-placeholder,
.p-form-5 textarea:-ms-input-placeholder {
  font-size: 1rem;
  color: #cccccc;
  line-height: 1.56;
  /* 32px */
}
.p-form-5 input[type="text"]::-ms-input-placeholder,
.p-form-5 input[type="email"]::-ms-input-placeholder,
.p-form-5 input[type="tel"]::-ms-input-placeholder,
.p-form-5 select::-ms-input-placeholder,
.p-form-5 textarea::-ms-input-placeholder {
  font-size: 1rem;
  color: #cccccc;
  line-height: 1.56;
  /* 32px */
}
.p-form-5 input[type="text"]::placeholder,
.p-form-5 input[type="email"]::placeholder,
.p-form-5 input[type="tel"]::placeholder,
.p-form-5 select::placeholder,
.p-form-5 textarea::placeholder {
  font-size: 1rem;
  color: #cccccc;
  line-height: 1.56;
  /* 32px */
}
.p-form-5 textarea {
  min-height: 240px;
}
@media screen and (min-width: 768px) {
  .p-form-5 textarea {
    min-height: 220px;
  }
}
.p-form-5 .p-price__text {
  padding-top: 16px;
}
@media screen and (min-width: 768px) {
  .p-form-5 .p-price__text {
    padding-top: 35px;
  }
}
.p-form-5 .p-form__contents {
  padding-top: 26px;
}
@media screen and (min-width: 768px) {
  .p-form-5 .p-form__contents {
    padding-top: 36px;
  }
}
.p-form-5 .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: 17px;
}
@media screen and (min-width: 768px) {
  .p-form-5 .contact-contents__items {
    gap: 15px;
  }
}
@media screen and (min-width: 768px) {
  .p-form-5 .contact-contents__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: 10px;
  }
}
.p-form-5 .contact-contents__item-title {
  font-size: 0.875rem;
  line-height: 1.5;
  font-weight: 600;
}
@media screen and (min-width: 768px) {
  .p-form-5 .contact-contents__item-title {
    padding-top: 5px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }
}
.p-form-5 .required-label {
  border-radius: 3px;
  margin-left: 10px;
  margin-top: -1px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  font-size: 0.75rem;
  line-height: 1.5;
  min-width: 47px;
  min-height: 22px;
}
@media screen and (min-width: 768px) {
  .p-form-5 .required-label {
    margin-left: 0;
    margin-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;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    vertical-align: middle;
    min-width: 48px;
    min-height: 22px;
    width: 48px;
    height: 22px;
  }
}
.p-form-5 .contact-contents__item-input--text {
  margin-top: 5px;
}
@media screen and (min-width: 768px) {
  .p-form-5 .contact-contents__item-input--text {
    width: 100%;
  }
}
.p-form-5 .contact__privacy-wrap {
  padding-top: 11px;
}
@media screen and (min-width: 768px) {
  .p-form-5 .contact__privacy-wrap {
    padding-top: 13px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 52px;
  }
}
.p-form-5 .contact__privacy-title {
  font-size: 0.875rem;
  line-height: 1.5;
  font-weight: 600;
}
.p-form-5 .contact__privacy {
  -webkit-padding-before: 8px;
  padding-block-start: 8px;
}
@media screen and (min-width: 768px) {
  .p-form-5 .contact__privacy {
    -webkit-padding-before: 0px;
    padding-block-start: 0px;
  }
}
.p-form-5 .contact__privacy .form-checkbox__input {
  width: 1px;
  height: 1px;
  position: absolute;
  clip: rect(0, 0, 0, 0);
  overflow: hidden;
  display: inline-block;
}
.p-form-5 .contact__privacy .form-checkbox__input:checked + .wpcf7-list-item-label::after {
  opacity: 1;
}
.p-form-5 .contact__privacy .form-checkbox__input:focus + .wpcf7-list-item-label::before {
  border: 1px solid var(--color-500);
}
.p-form-5 .contact__privacy .wpcf7-list-item-label {
  padding-left: 34px;
  position: relative;
  display: inline-block;
  font-size: 1rem;
  line-height: 1.56; /* 25.2px */
  white-space: nowrap;
}
.p-form-5 .contact__privacy .wpcf7-list-item-label::before {
  content: "";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
  width: 25px;
  height: 25px;
  border: 1px solid #cccccc;
  background: #f6f6f6;
  cursor: pointer;
}
.p-form-5 .contact__privacy .wpcf7-list-item-label::after {
  content: "";
  position: absolute;
  top: calc(50% - 1px);
  -webkit-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
  left: 9px;
  width: 6px;
  height: 12px;
  border-right: 2px solid #333333;
  border-bottom: 2px solid #333333;
  opacity: 0;
}
.p-form-5 .contact__privacy-text {
  padding-top: 5px;
  padding-left: 34px;
}
.p-form-5 .contact__privacy-text p {
  font-size: 0.75rem;
  line-height: 1.5;
}
.p-form-5 .contact__contents-form {
  -webkit-padding-before: 7px;
  padding-block-start: 7px;
  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) {
  .p-form-5 .contact__contents-form {
    -webkit-padding-before: 90px;
    padding-block-start: 90px;
  }
}
.p-form-5 .contact__contents-form input[type="submit"] {
  border-radius: 50px;
  font-size: 1.375rem;
  /* Body3_en */
  width: 100%;
  min-height: 60px;
  border: 1px solid transparent;
  position: relative;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  -webkit-transition: background 0.4s ease, color 0.4s ease;
  transition: background 0.4s ease, color 0.4s ease;
  padding: 8px 40px;
  background: var(--color-500);
  color: #fff;
}
@media screen and (min-width: 768px) {
  .p-form-5 .contact__contents-form input[type="submit"] {
    min-width: 300px;
    width: 300px;
    min-height: 50px;
  }
}
.p-form-5 .contact__contents-form input[type="submit"]:hover {
  opacity: 0.6;
}
.p-form-5 .wpcf7-spinner {
  display: none !important;
}

/*----------------------------------
    p-form-6
-----------------------------------*/
.p-form-6 {
  background: var(--color-500);
  padding-block: 56px 59px;
  /*----------------------------------
      /チェックボックス
  -----------------------------------*/
  /*----------------------------------
      送信ボタン
  -----------------------------------*/
}
@media screen and (min-width: 768px) {
  .p-form-6 {
    padding-block: 102px 95px;
  }
}
.p-form-6 input[type="text"],
.p-form-6 input[type="email"],
.p-form-6 input[type="tel"],
.p-form-6 select,
.p-form-6 textarea {
  width: 100%;
  height: auto;
  border-radius: 4px;
  background: #f6f6f6;
  -webkit-box-shadow: inset 0 3px 3px 0 rgba(0, 0, 0, 0.16);
  box-shadow: inset 0 3px 3px 0 rgba(0, 0, 0, 0.16);
  border: none;
  outline: none;
  padding-inline: 22px;
  padding-block: 13px 12px;
  line-height: 1.56;
  font-size: 1rem;
}
@media screen and (min-width: 768px) {
  .p-form-6 input[type="text"],
  .p-form-6 input[type="email"],
  .p-form-6 input[type="tel"],
  .p-form-6 select,
  .p-form-6 textarea {
    padding-block: 13px 10px;
  }
}
.p-form-6 input[type="text"]:focus,
.p-form-6 input[type="email"]:focus,
.p-form-6 input[type="tel"]:focus,
.p-form-6 select:focus,
.p-form-6 textarea:focus {
  border: 1px solid var(--color-800);
  background: var(--color-100);
}
.p-form-6 input[type="text"]::-webkit-input-placeholder,
.p-form-6 input[type="email"]::-webkit-input-placeholder,
.p-form-6 input[type="tel"]::-webkit-input-placeholder,
.p-form-6 select::-webkit-input-placeholder,
.p-form-6 textarea::-webkit-input-placeholder {
  font-size: 1rem;
  color: #cccccc;
  line-height: 1.56;
  /* 32px */
}
.p-form-6 input[type="text"]::-moz-placeholder,
.p-form-6 input[type="email"]::-moz-placeholder,
.p-form-6 input[type="tel"]::-moz-placeholder,
.p-form-6 select::-moz-placeholder,
.p-form-6 textarea::-moz-placeholder {
  font-size: 1rem;
  color: #cccccc;
  line-height: 1.56;
  /* 32px */
}
.p-form-6 input[type="text"]:-ms-input-placeholder,
.p-form-6 input[type="email"]:-ms-input-placeholder,
.p-form-6 input[type="tel"]:-ms-input-placeholder,
.p-form-6 select:-ms-input-placeholder,
.p-form-6 textarea:-ms-input-placeholder {
  font-size: 1rem;
  color: #cccccc;
  line-height: 1.56;
  /* 32px */
}
.p-form-6 input[type="text"]::-ms-input-placeholder,
.p-form-6 input[type="email"]::-ms-input-placeholder,
.p-form-6 input[type="tel"]::-ms-input-placeholder,
.p-form-6 select::-ms-input-placeholder,
.p-form-6 textarea::-ms-input-placeholder {
  font-size: 1rem;
  color: #cccccc;
  line-height: 1.56;
  /* 32px */
}
.p-form-6 input[type="text"]::placeholder,
.p-form-6 input[type="email"]::placeholder,
.p-form-6 input[type="tel"]::placeholder,
.p-form-6 select::placeholder,
.p-form-6 textarea::placeholder {
  font-size: 1rem;
  color: #cccccc;
  line-height: 1.56;
  /* 32px */
}
.p-form-6 textarea {
  min-height: 240px;
}
@media screen and (min-width: 768px) {
  .p-form-6 textarea {
    min-height: 220px;
  }
}
.p-form-6 .p-price__text {
  padding-top: 16px;
}
@media screen and (min-width: 768px) {
  .p-form-6 .p-price__text {
    padding-top: 35px;
  }
}
.p-form-6 .p-form__contents {
  padding-top: 26px;
}
@media screen and (min-width: 768px) {
  .p-form-6 .p-form__contents {
    padding-top: 36px;
  }
}
.p-form-6 .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: 16.5px;
}
@media screen and (min-width: 768px) {
  .p-form-6 .contact-contents__items {
    gap: 16px;
  }
}
@media screen and (min-width: 768px) {
  .p-form-6 .contact-contents__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: 10px;
  }
}
.p-form-6 .contact-contents__item-title {
  font-size: 0.875rem;
  line-height: 1.5;
  font-weight: 600;
}
@media screen and (min-width: 768px) {
  .p-form-6 .contact-contents__item-title {
    padding-top: 5px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }
}
.p-form-6 .required-label {
  border-radius: 3px;
  margin-left: 10px;
  margin-top: -1px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  font-size: 0.75rem;
  line-height: 1.5;
  min-width: 47px;
  min-height: 22px;
}
@media screen and (min-width: 768px) {
  .p-form-6 .required-label {
    margin-left: 0;
    margin-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;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    vertical-align: middle;
    min-width: 48px;
    min-height: 22px;
    width: 48px;
    height: 22px;
  }
}
.p-form-6 .contact-contents__item-input--text {
  margin-top: 5px;
}
@media screen and (min-width: 768px) {
  .p-form-6 .contact-contents__item-input--text {
    width: 100%;
  }
}
.p-form-6 .contact__privacy-wrap {
  padding-top: 11px;
}
@media screen and (min-width: 768px) {
  .p-form-6 .contact__privacy-wrap {
    padding-top: 13px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 52px;
  }
}
.p-form-6 .contact__privacy-title {
  font-size: 0.875rem;
  line-height: 1.5;
  font-weight: 600;
}
.p-form-6 .contact__privacy {
  -webkit-padding-before: 8px;
  padding-block-start: 8px;
}
@media screen and (min-width: 768px) {
  .p-form-6 .contact__privacy {
    -webkit-padding-before: 0px;
    padding-block-start: 0px;
  }
}
.p-form-6 .contact__privacy .form-checkbox__input {
  width: 1px;
  height: 1px;
  position: absolute;
  clip: rect(0, 0, 0, 0);
  overflow: hidden;
  display: inline-block;
}
.p-form-6 .contact__privacy .form-checkbox__input:checked + .wpcf7-list-item-label::after {
  opacity: 1;
}
.p-form-6 .contact__privacy .form-checkbox__input:focus + .wpcf7-list-item-label::before {
  border: 1px solid var(--color-500);
}
.p-form-6 .contact__privacy .wpcf7-list-item-label {
  padding-left: 34px;
  position: relative;
  display: inline-block;
  font-size: 1rem;
  line-height: 1.56; /* 25.2px */
  white-space: nowrap;
}
.p-form-6 .contact__privacy .wpcf7-list-item-label::before {
  content: "";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
  width: 25px;
  height: 25px;
  -webkit-box-shadow: inset 0 3px 3px 0 rgba(0, 0, 0, 0.16);
  box-shadow: inset 0 3px 3px 0 rgba(0, 0, 0, 0.16);
  background: #f6f6f6;
  cursor: pointer;
}
.p-form-6 .contact__privacy .wpcf7-list-item-label::after {
  content: "";
  position: absolute;
  top: calc(50% - 1px);
  -webkit-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
  left: 9px;
  width: 6px;
  height: 12px;
  border-right: 2px solid #333333;
  border-bottom: 2px solid #333333;
  opacity: 0;
}
.p-form-6 .contact__privacy-text {
  padding-top: 5px;
  padding-left: 34px;
}
.p-form-6 .contact__privacy-text p {
  font-size: 0.75rem;
  line-height: 1.5;
}
.p-form-6 .contact__contents-form {
  -webkit-padding-before: 7px;
  padding-block-start: 7px;
  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) {
  .p-form-6 .contact__contents-form {
    -webkit-padding-before: 90px;
    padding-block-start: 90px;
  }
}
.p-form-6 .contact__contents-form input[type="submit"] {
  border-radius: 50px;
  font-size: 1.375rem;
  /* Body3_en */
  width: 100%;
  min-height: 60px;
  border: 1px solid transparent;
  position: relative;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  -webkit-transition: background 0.4s ease, color 0.4s ease;
  transition: background 0.4s ease, color 0.4s ease;
  padding: 8px 40px;
  background: var(--color-600);
  color: #fff;
}
@media screen and (min-width: 768px) {
  .p-form-6 .contact__contents-form input[type="submit"] {
    min-width: 300px;
    width: 300px;
    min-height: 50px;
  }
}
.p-form-6 .contact__contents-form input[type="submit"]:hover {
  opacity: 0.6;
}
.p-form-6 .wpcf7-spinner {
  display: none !important;
}

/*----------------------------------
    comparison-1
-----------------------------------*/
.p-comparison-1 {
  background-color: var(--color-50);
  padding-block: 40px;
}
@media screen and (min-width: 768px) {
  .p-comparison-1 {
    padding-block: 100px 100px;
  }
}
.p-comparison-1 .p-comparison__contents {
  padding-top: 160px;
  padding-inline: 0 20px;
  overflow-x: auto;
  margin-inline: auto;
  -webkit-overflow-scrolling: touch;
  padding-bottom: 16px;
}
@media screen and (min-width: 768px) {
  .p-comparison-1 .p-comparison__contents {
    overflow: visible;
    padding-inline: 0;
    margin-inline: auto;
  }
}
.p-comparison-1 .p-comparison__contents::-webkit-scrollbar {
  height: 8px !important;
}
.p-comparison-1 .p-comparison__contents::-webkit-scrollbar-track {
  background: #f1f1f1 !important;
  border-radius: 10px;
}
.p-comparison-1 .p-comparison__contents::-webkit-scrollbar-thumb {
  background-color: var(--color-400) !important;
  border-radius: 10px !important;
  border: 5px solid var(--color-400) !important;
}
@-moz-document url-prefix() {
  .p-comparison-1 .p-comparison__contents {
    scrollbar-width: auto;
    scrollbar-color: var(--color-400) #f1f1f1;
  }
}
.p-comparison-1 .p-comparison__table-wrap {
  margin-inline: auto;
}
.p-comparison-1 .p-comparison__table {
  margin-inline: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.p-comparison-1 .p-comparison__table-date {
  min-width: 80px;
  border-radius: 20px 0 0 20px;
}
@media screen and (min-width: 768px) {
  .p-comparison-1 .p-comparison__table-date {
    min-width: 200px;
    min-width: clamp(110px, 110px + (90) * (100vw - 768px) / (1366 - 768), 200px);
    width: 200px;
  }
}
.p-comparison-1 .p-comparison__table-date-td:not(:last-child),
.p-comparison-1 .p-comparison__table-item-td-2:not(:last-child) {
  position: relative;
}
.p-comparison-1 .p-comparison__table-date-td:not(:last-child)::after,
.p-comparison-1 .p-comparison__table-item-td-2:not(:last-child)::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 5%;
  width: 86%;
  height: 1px;
  background-color: #999999;
}
.p-comparison-1 .p-comparison__table-item-td-1:not(:last-child) {
  position: relative;
}
.p-comparison-1 .p-comparison__table-item-td-1:not(:last-child)::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 5%;
  width: 62%;
  height: 1px;
  background-color: #999999;
}
@media screen and (min-width: 768px) {
  .p-comparison-1 .p-comparison__table-item-td-1:not(:last-child)::after {
    width: 86%;
  }
}
.p-comparison-1 .p-comparison__table-date-td {
  height: 233px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  padding-inline: 12px 12px;
}
@media screen and (min-width: 768px) {
  .p-comparison-1 .p-comparison__table-date-td {
    height: 193px;
    padding-inline: clamp(12px, 12px + (12) * (100vw - 768px) / (1366 - 768), 24px) 12px;
  }
}
.p-comparison-1 .p-comparison__table-date-td p {
  word-break: break-all;
  overflow-wrap: break-word;
  line-height: 2;
  position: relative;
  z-index: 2;
}
@media screen and (min-width: 768px) {
  .p-comparison-1 .p-comparison__table-date-td p {
    line-height: 1.6;
    font-size: clamp(16px, 16px + (4) * (100vw - 768px) / (1366 - 768), 20px);
  }
}
.p-comparison-1 .p-comparison__table-date-td:first-child {
  border-top-left-radius: 10px;
}
.p-comparison-1 .p-comparison__table-date-td:last-child {
  border-bottom-left-radius: 10px;
}
.p-comparison-1 .p-comparison__table-item {
  position: relative;
}
.p-comparison-1 .p-comparison__table-item1 {
  min-width: 183px;
}
@media screen and (min-width: 768px) {
  .p-comparison-1 .p-comparison__table-item1 {
    min-width: 360px;
    min-width: clamp(200px, 200px + (160) * (100vw - 768px) / (1366 - 768), 360px);
    width: 360px;
  }
}
.p-comparison-1 .p-comparison__table-item2 {
  min-width: 230px;
  margin-left: -30px;
  -webkit-box-shadow: -5px 5px 10px 0 rgba(0, 0, 0, 0.16);
  box-shadow: -5px 5px 10px 0 rgba(0, 0, 0, 0.16);
  border-radius: 10px;
}
@media screen and (min-width: 768px) {
  .p-comparison-1 .p-comparison__table-item2 {
    min-width: 400px;
    min-width: clamp(220px, 220px + (180) * (100vw - 768px) / (1366 - 768), 400px);
    width: 400px;
    margin-left: 0px;
  }
}
.p-comparison-1 .p-comparison__table-item-title {
  position: absolute;
  top: -2.5%;
  text-align: center;
  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;
  z-index: 3;
}
@media screen and (min-width: 768px) {
  .p-comparison-1 .p-comparison__table-item-title {
    top: -4%;
  }
}
.p-comparison-1 .p-comparison__table-item-title::after {
  content: "";
  position: absolute;
  top: 98%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
}
.p-comparison-1 .p-comparison__table-item-title h3 {
  font-weight: 600;
  line-height: 1.6;
  font-size: 1.25rem;
  padding-inline: 25px;
}
@media screen and (min-width: 768px) {
  .p-comparison-1 .p-comparison__table-item-title h3 {
    font-size: clamp(16px, 16px + (4) * (100vw - 768px) / (1366 - 768), 20px);
    line-height: 1.58;
  }
}
.p-comparison-1 .p-comparison__table-item-title1 {
  width: 152px;
  height: 110px;
  left: clamp(0px, 0px + (23) * (100vw - 430px) / (768 - 430), 23px);
  -webkit-transform: translate(0%, -95%);
  transform: translate(0%, -95%);
}
@media screen and (min-width: 768px) {
  .p-comparison-1 .p-comparison__table-item-title1 {
    width: 340px;
    width: clamp(182px, 182px + (158) * (100vw - 768px) / (1366 - 768), 340px);
    height: 66px;
    left: 50%;
    -webkit-transform: translate(-50%, -95%);
    transform: translate(-50%, -95%);
  }
}
.p-comparison-1 .p-comparison__table-item-title1::after {
  border-top: 20px solid #999999;
}
.p-comparison-1 .p-comparison__table-item-title2 {
  width: 182px;
  height: 110px;
  left: 50%;
  -webkit-transform: translate(-50%, -95%);
  transform: translate(-50%, -95%);
}
@media screen and (min-width: 768px) {
  .p-comparison-1 .p-comparison__table-item-title2 {
    width: 380px;
    width: clamp(182px, 182px + (198) * (100vw - 768px) / (1366 - 768), 380px);
    height: 66px;
  }
}
.p-comparison-1 .p-comparison__table-item-title2::after {
  border-top: 20px solid var(--color-500);
}
.p-comparison-1 .p-comparison__table-item-td {
  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;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 13px;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .p-comparison-1 .p-comparison__table-item-td {
    gap: 16px;
  }
}
.p-comparison-1 .p-comparison__table-item-td p {
  position: relative;
  z-index: 2;
  line-height: 1.75;
}
.p-comparison-1 .p-comparison__table-item-td-1 {
  padding-inline: 36px 63px;
  height: 233px;
}
@media screen and (min-width: 768px) {
  .p-comparison-1 .p-comparison__table-item-td-1 {
    padding-inline: clamp(20px, 20px + (20) * (100vw - 768px) / (1366 - 768), 40px);
    height: 193px;
  }
}
.p-comparison-1 .p-comparison__table-item-td-1 p {
  word-break: break-all;
  overflow-wrap: break-word;
  line-height: 1.75;
}
@media screen and (min-width: 768px) {
  .p-comparison-1 .p-comparison__table-item-td-1 p {
    font-size: clamp(16px, 16px + (2) * (100vw - 768px) / (1366 - 768), 18px);
    line-height: 1.56;
  }
}
.p-comparison-1 .p-comparison__table-item-td-2 {
  padding-inline: 8px;
  height: 233px;
}
@media screen and (min-width: 768px) {
  .p-comparison-1 .p-comparison__table-item-td-2 {
    height: 193px;
    padding-inline: clamp(20px, 20px + (20) * (100vw - 768px) / (1366 - 768), 40px);
    -moz-text-align-last: left;
    text-align-last: left;
  }
}
.p-comparison-1 .p-comparison__table-item-td-2 p {
  font-size: 0.875rem;
  line-height: 1.79;
}
@media screen and (min-width: 768px) {
  .p-comparison-1 .p-comparison__table-item-td-2 p {
    font-size: clamp(14px, 14px + (2) * (100vw - 768px) / (1366 - 768), 16px);
    line-height: 1.56;
  }
}
.p-comparison-1 .p-comparison__table-item-td-2:first-child {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.p-comparison-1 .p-comparison__table-item-td-2:last-child {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
@media screen and (min-width: 768px) {
  .p-comparison-1 .p-comparison__table-item-td-2:last-child {
    height: 219px;
  }
}
.p-comparison-1 .p-comparison__table-item-td-2-1 {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.p-comparison-1 .p-comparison__table-item-td-title {
  padding-inline: 14px;
  text-align: center;
}
.p-comparison-1 .p-comparison__table-item-td-title h4 {
  position: relative;
  z-index: 2;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.2;
}
@media screen and (min-width: 768px) {
  .p-comparison-1 .p-comparison__table-item-td-title h4 {
    font-size: clamp(20px, 20px + (4) * (100vw - 768px) / (1366 - 768), 24px);
    line-height: 1.58;
  }
}
.p-comparison-1 .p-comparison__table-item-img1 {
  position: absolute;
  top: 50%;
  left: 40%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .p-comparison-1 .p-comparison__table-item-img1 {
    left: 50%;
  }
}
.p-comparison-1 .p-comparison__table-item-img2 {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 1;
}
.p-comparison-1 .p-comparison__table-item-img-try {
  width: 85px;
}
.p-comparison-1 .p-comparison__table-item-img-x {
  width: 57px;
}
.p-comparison-1 .p-comparison__table-item-img-circle {
  stroke: var(--color-100);
}

/*----------------------------------
    comparison-2
-----------------------------------*/
.p-comparison-2 {
  background-color: var(--color-50);
  padding-block: 40px;
}
@media screen and (min-width: 768px) {
  .p-comparison-2 {
    padding-block: 112px 127px;
  }
}
.p-comparison-2 .p-comparison__contents {
  padding-top: 37px;
}
.p-comparison-2 .p-comparison__boxes {
  display: grid;
  grid-template-columns: 56px auto;
  grid-template-areas: "title1 text1" "title2 text2";
  -webkit-column-gap: 6px;
  -moz-column-gap: 6px;
  column-gap: 6px;
}
@media screen and (min-width: 768px) {
  .p-comparison-2 .p-comparison__boxes {
    grid-template-columns: auto clamp(100px, 100px + (40) * (100vw - 768px) / (1366 - 768), 140px) auto;
    grid-template-areas: "text1 title2 text2";
    -webkit-column-gap: 10px;
    -moz-column-gap: 10px;
    column-gap: 10px;
  }
}
.p-comparison-2 .p-comparison__box-titlebox-item:not(:last-child) {
  position: relative;
}
.p-comparison-2 .p-comparison__box-titlebox-item:not(:last-child)::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 60%;
  height: 1px;
  background-color: #fff;
}
.p-comparison-2 .p-comparison__box-textbox-item:not(:last-child) {
  position: relative;
}
.p-comparison-2 .p-comparison__box-textbox-item:not(:last-child)::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 87%;
  height: 1px;
  background-color: #cccccc;
}
.p-comparison-2 .p-comparison__box-titlebox {
  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-comparison-2 .p-comparison__box-titlebox1 {
  grid-area: title1;
  border-bottom: 1px solid #fff;
}
@media screen and (min-width: 768px) {
  .p-comparison-2 .p-comparison__box-titlebox1 {
    display: none;
  }
}
.p-comparison-2 .p-comparison__box-titlebox2 {
  grid-area: title2;
}
.p-comparison-2 .p-comparison__box-textbox1 {
  grid-area: text1;
}
.p-comparison-2 .p-comparison__box-textbox2 {
  grid-area: text2;
}
.p-comparison-2 .p-comparison__box-titlebox-item {
  height: 184px;
  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;
  padding-inline: 14px;
  padding-top: 24px;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .p-comparison-2 .p-comparison__box-titlebox-item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 0px;
    height: 256px;
    width: 100%;
  }
}
.p-comparison-2 .p-comparison__box-titlebox-item h3 {
  word-break: break-all;
  overflow-wrap: break-word;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.5;
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  letter-spacing: 3px;
}
@media screen and (min-width: 768px) {
  .p-comparison-2 .p-comparison__box-titlebox-item h3 {
    -webkit-writing-mode: horizontal-tb;
    -ms-writing-mode: lr-tb;
    writing-mode: horizontal-tb;
    letter-spacing: 0;
  }
}
.p-comparison-2 .p-comparison__box-titlebox-item:first-child {
  padding-top: 68px;
  height: 225px;
}
@media screen and (min-width: 768px) {
  .p-comparison-2 .p-comparison__box-titlebox-item:first-child {
    height: 300px;
    padding-top: 44px;
  }
}
.p-comparison-2 .p-comparison__box-titlebox-item:last-child {
  height: 192px;
}
@media screen and (min-width: 768px) {
  .p-comparison-2 .p-comparison__box-titlebox-item:last-child {
    height: 256px;
  }
}
.p-comparison-2 .p-comparison__box-textbox {
  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;
  position: relative;
}
.p-comparison-2 .p-comparison__box-textbox-title {
  width: 100%;
  height: 44px;
  position: absolute;
  top: 0;
  left: 0;
  padding-block: 6px 8px;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 80%, 50% 100%, 0 80%);
  clip-path: polygon(0 0, 100% 0, 100% 80%, 50% 100%, 0 80%);
  text-align: center;
  z-index: 2;
}
@media screen and (min-width: 768px) {
  .p-comparison-2 .p-comparison__box-textbox-title {
    height: 57px;
  }
}
.p-comparison-2 .p-comparison__box-textbox-title h4 {
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.6;
}
.p-comparison-2 .p-comparison__box-textbox-item {
  height: 184px;
  padding-inline: 20px;
  padding-top: 23px;
  padding-bottom: 10px;
}
@media screen and (min-width: 768px) {
  .p-comparison-2 .p-comparison__box-textbox-item {
    padding-top: 32px;
    height: 256px;
    padding-inline: clamp(20px, 20px + (21) * (100vw - 768px) / (1366 - 768), 41px)
      clamp(20px, 20px + (19) * (100vw - 768px) / (1366 - 768), 39px);
  }
}
.p-comparison-2 .p-comparison__box-textbox-item:first-child {
  padding-top: 68px;
  height: 225px;
}
@media screen and (min-width: 768px) {
  .p-comparison-2 .p-comparison__box-textbox-item:first-child {
    height: 300px;
  }
}
.p-comparison-2 .p-comparison__box-textbox-item:last-child {
  height: 192px;
}
@media screen and (min-width: 768px) {
  .p-comparison-2 .p-comparison__box-textbox-item:last-child {
    height: 256px;
  }
}
.p-comparison-2 .p-comparison__box-textbox-item-farst {
  padding-top: 64px;
  height: 225px;
}
@media screen and (min-width: 768px) {
  .p-comparison-2 .p-comparison__box-textbox-item-farst {
    padding-top: 77px;
    height: 300px;
  }
}
.p-comparison-2 .p-comparison__box-textbox-item-text p {
  font-size: 0.875rem;
  line-height: 1.79;
}
@media screen and (min-width: 768px) {
  .p-comparison-2 .p-comparison__box-textbox-item-text p {
    font-size: clamp(14px, 14px + (2) * (100vw - 768px) / (1366 - 768), 16px);
    line-height: 1.56;
  }
}
.p-comparison-2 .p-comparison__box-textbox-item-img {
  padding-top: 5px;
  max-width: 330px;
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .p-comparison-2 .p-comparison__box-textbox-item-img {
    padding-top: 19px;
    max-width: 100%;
    width: clamp(240px, 240px + (80) * (100vw - 768px) / (1366 - 768), 320px);
  }
}

/*----------------------------------
    comparison-3
-----------------------------------*/
.p-comparison-3 {
  background-color: var(--color-50);
  padding-block: 20px 40px;
}
@media screen and (min-width: 768px) {
  .p-comparison-3 {
    padding-block: 30px 80px;
  }
}
.p-comparison-3 .p-comparison__contents {
  padding-top: 70px;
  padding-inline: 0 20px;
  overflow-x: auto;
  margin-inline: auto;
  -webkit-overflow-scrolling: touch;
  padding-bottom: 16px;
}
@media screen and (min-width: 768px) {
  .p-comparison-3 .p-comparison__contents {
    padding-top: 36px;
    overflow: visible;
    padding-inline: 0;
    margin-inline: auto;
  }
}
.p-comparison-3 .p-comparison__contents::-webkit-scrollbar {
  height: 8px !important;
}
.p-comparison-3 .p-comparison__contents::-webkit-scrollbar-track {
  background: #f1f1f1 !important;
  border-radius: 10px;
}
.p-comparison-3 .p-comparison__contents::-webkit-scrollbar-thumb {
  background-color: var(--color-400) !important;
  border-radius: 10px !important;
  border: 5px solid var(--color-400) !important;
}
@-moz-document url-prefix() {
  .p-comparison-3 .p-comparison__contents {
    scrollbar-width: auto;
    scrollbar-color: var(--color-400) #f1f1f1;
  }
}
.p-comparison-3 .p-comparison__table-wrap {
  margin-inline: auto;
}
.p-comparison-3 .p-comparison__table {
  margin-inline: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 3px;
}
@media screen and (min-width: 768px) {
  .p-comparison-3 .p-comparison__table {
    gap: 6px;
  }
}
.p-comparison-3 .p-comparison__table-date {
  min-width: 100px;
}
@media screen and (min-width: 768px) {
  .p-comparison-3 .p-comparison__table-date {
    min-width: 200px;
    min-width: clamp(100px, 100px + (40) * (100vw - 768px) / (1366 - 768), 140px);
    width: 140px;
  }
}
.p-comparison-3 .p-comparison__table-item-td-1:not(:last-child),
.p-comparison-3 .p-comparison__table-item-td-2:not(:last-child) {
  position: relative;
}
.p-comparison-3 .p-comparison__table-item-td-1:not(:last-child)::after,
.p-comparison-3 .p-comparison__table-item-td-2:not(:last-child)::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 86%;
  height: 1px;
  background-color: #999999;
}
.p-comparison-3 .p-comparison__table-date-td:not(:last-child) {
  position: relative;
}
.p-comparison-3 .p-comparison__table-date-td:not(:last-child)::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 86%;
  height: 1px;
  background-color: #fff;
}
.p-comparison-3 .p-comparison__table-date-td {
  height: 200px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  padding-inline: 5px;
}
@media screen and (min-width: 768px) {
  .p-comparison-3 .p-comparison__table-date-td {
    height: 149px;
    padding-inline: clamp(12px, 12px + (12) * (100vw - 768px) / (1366 - 768), 24px) 12px;
  }
}
.p-comparison-3 .p-comparison__table-date-td p {
  word-break: break-all;
  overflow-wrap: break-word;
  font-weight: 600;
  position: relative;
  z-index: 2;
  font-size: 1rem;
  line-height: 1.83;
}
@media screen and (min-width: 768px) {
  .p-comparison-3 .p-comparison__table-date-td p {
    line-height: 1.5;
    font-size: clamp(16px, 16px + (2) * (100vw - 768px) / (1366 - 768), 16px);
  }
}
.p-comparison-3 .p-comparison__table-date-td:first-child {
  height: 190px;
  padding-top: 30px;
}
@media screen and (min-width: 768px) {
  .p-comparison-3 .p-comparison__table-date-td:first-child {
    height: 220px;
    padding-top: 90px;
  }
}
.p-comparison-3 .p-comparison__price__currency {
  font-size: 0.875rem;
  line-height: 1.07;
}
.p-comparison-3 .p-comparison__price__amount {
  font-size: 1.6875rem;
  line-height: 1.37;
}
.p-comparison-3 .p-comparison__table-item {
  position: relative;
}
.p-comparison-3 .p-comparison__table-item {
  min-width: 200px;
}
@media screen and (min-width: 768px) {
  .p-comparison-3 .p-comparison__table-item {
    min-width: clamp(170px, 170px + (90) * (100vw - 768px) / (1366 - 768), 260px);
  }
}
.p-comparison-3 .p-comparison__table-item-title {
  position: absolute;
  top: 0.5%;
  text-align: center;
  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;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 86%, 50% 100%, 0 86%);
  clip-path: polygon(0 0, 100% 0, 100% 86%, 50% 100%, 0 86%);
  z-index: 3;
  width: 100%;
  height: 70px;
  left: 50%;
  -webkit-transform: translate(-50%, -70%);
  transform: translate(-50%, -70%);
}
@media screen and (min-width: 768px) {
  .p-comparison-3 .p-comparison__table-item-title {
    min-width: clamp(170px, 170px + (90) * (100vw - 768px) / (1366 - 768), 260px);
    width: 100%;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 77%, 50% 100%, 0 77%);
    clip-path: polygon(0 0, 100% 0, 100% 77%, 50% 100%, 0 77%);
    height: 90px;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
  }
}
.p-comparison-3 .p-comparison__table-item-title h3 {
  font-weight: 600;
  line-height: 1.2;
  font-size: 1rem;
  padding-bottom: 7px;
}
@media screen and (min-width: 768px) {
  .p-comparison-3 .p-comparison__table-item-title h3 {
    font-size: clamp(16px, 16px + (4) * (100vw - 768px) / (1366 - 768), 20px);
    padding-bottom: 7px;
  }
}
.p-comparison-3 .p-comparison__table-item-title h3 small {
  font-weight: 600;
  line-height: 1;
  font-size: 0.75em;
  padding-inline: 0px;
}
@media screen and (min-width: 768px) {
  .p-comparison-3 .p-comparison__table-item-title h3 small {
    font-size: clamp(14px, 14px + (4) * (100vw - 768px) / (1366 - 768), 14px);
  }
}

.p-comparison-3 .p-comparison__table-item-title1::after {
  border-top: 15px solid #999999;
}
.p-comparison-3 .p-comparison__table-item-title2::after {
  border-top: 15px solid var(--color-500);
}
.p-comparison-3 .p-comparison__table-item-td {
  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;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 13px;
  text-align: center;
  height: 200px;
  padding-inline: 20px;
}
@media screen and (min-width: 768px) {
  .p-comparison-3 .p-comparison__table-item-td {
    gap: 16px;
    -moz-text-align-last: left;
    text-align-last: left;
    height: 149px;
  }
}
.p-comparison-3 .p-comparison__table-item-td p {
  position: relative;
  z-index: 2;
  line-height: 1.6;
  font-size: 1rem;
}
@media screen and (min-width: 768px) {
  .p-comparison-3 .p-comparison__table-item-td p {
    font-size: clamp(16px, 16px + (2) * (100vw - 768px) / (1366 - 768), 16px);
    line-height: 1.56;
  }
}
.p-comparison-3 .p-comparison__table-item-td-2 {
  -moz-text-align-last: left;
  text-align-last: left;
}
.p-comparison-3 .p-comparison__table-item-td-first {
  height: 190px;
  padding-top: 30px;
}
@media screen and (min-width: 768px) {
  .p-comparison-3 .p-comparison__table-item-td-first {
    height: 220px;
    padding-top: 90px;
  }
}
.p-comparison-3 .p-comparison__table-item-td-title {
  padding-inline: 14px;
  text-align: center;
}
.p-comparison-3 .p-comparison__table-item-td-title h4 {
  position: relative;
  z-index: 2;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.2;
}
@media screen and (min-width: 768px) {
  .p-comparison-3 .p-comparison__table-item-td-title h4 {
    font-size: clamp(20px, 20px + (4) * (100vw - 768px) / (1366 - 768), 24px);
    line-height: 1.58;
  }
}
.p-comparison-3 .p-comparison__table-item-img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 1;
}
.p-comparison-3 .p-comparison__table-item-img-try {
  width: 112px;
}
@media screen and (min-width: 768px) {
  .p-comparison-3 .p-comparison__table-item-img-try {
    width: clamp(112px, 85px + (32) * (100vw - 768px) / (1366 - 768), 117px);
  }
}
.p-comparison-3 .p-comparison__table-item-img-x {
  width: 90px;
}
@media screen and (min-width: 768px) {
  .p-comparison-3 .p-comparison__table-item-img-x {
    width: clamp(90px, 57px + (35) * (100vw - 768px) / (1366 - 768), 92px);
  }
}
.p-comparison-3 .p-comparison__table-item-img-circle {
  stroke: var(--color-100);
}

/*----------------------------------
    comparison-4
-----------------------------------*/
.p-comparison-4 {
  background-color: var(--color-50);
  padding-block: 40px;
}
@media screen and (min-width: 768px) {
  .p-comparison-4 {
    padding-block: 112px 127px;
  }
}
.p-comparison-4 .p-comparison__text {
  padding-top: 17px;
}
@media screen and (min-width: 768px) {
  .p-comparison-4 .p-comparison__text {
    padding-top: 34px;
    max-width: 410px;
    margin-inline: auto;
    text-align: left;
  }
}
@media screen and (min-width: 768px) {
  .p-comparison-4 .p-comparison__text p {
    font-size: clamp(0.875rem, 0.5539297659rem + 0.6688963211vw, 1.125rem);
    line-height: 1.56;
  }
}
.p-comparison-4 .p-comparison__contents {
  padding-top: 40px;
}
@media screen and (min-width: 768px) {
  .p-comparison-4 .p-comparison__contents {
    padding-top: 40px;
  }
}
.p-comparison-4 .p-comparison__boxes {
  display: grid;
  grid-template-columns: 84px auto;
  grid-template-areas: "title1 text1" "title2 text2";
  -webkit-column-gap: 8px;
  -moz-column-gap: 8px;
  column-gap: 8px;
  row-gap: 24px;
}
@media screen and (min-width: 768px) {
  .p-comparison-4 .p-comparison__boxes {
    grid-template-columns: auto clamp(100px, 100px + (40) * (100vw - 768px) / (1366 - 768), 140px) auto;
    grid-template-areas: "text1 title2 text2";
    -webkit-column-gap: 10px;
    -moz-column-gap: 10px;
    column-gap: 10px;
  }
}
.p-comparison-4 .p-comparison__box-titlebox-item:not(:last-child) {
  position: relative;
}
.p-comparison-4 .p-comparison__box-titlebox-item:not(:last-child)::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 60%;
  height: 1px;
  background-color: #fff;
}
.p-comparison-4 .p-comparison__box-textbox-item:not(:last-child) {
  position: relative;
}
.p-comparison-4 .p-comparison__box-textbox-item:not(:last-child)::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 87%;
  height: 1px;
  background-color: #cccccc;
}
.p-comparison-4 .p-comparison__box-titlebox {
  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;
  position: relative;
}
.p-comparison-4 .p-comparison__box-titlebox1 {
  grid-area: title1;
  border-bottom: 1px solid #fff;
}
@media screen and (min-width: 768px) {
  .p-comparison-4 .p-comparison__box-titlebox1 {
    display: none;
  }
}
.p-comparison-4 .p-comparison__box-titlebox2 {
  grid-area: title2;
}
.p-comparison-4 .p-comparison__box-textbox1 {
  grid-area: text1;
}
.p-comparison-4 .p-comparison__box-textbox2 {
  grid-area: text2;
}
.p-comparison-4 .p-comparison__box-titlebox-item {
  height: 100px;
  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;
  padding-inline: 14px;
  padding-top: 24px;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .p-comparison-4 .p-comparison__box-titlebox-item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 0px;
    height: 147px;
    width: 100%;
  }
}
.p-comparison-4 .p-comparison__box-titlebox-item h3 {
  word-break: break-all;
  overflow-wrap: break-word;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.5;
}
.p-comparison-4 .p-comparison__box-titlebox-item:last-child {
  height: 108px;
}
@media screen and (min-width: 768px) {
  .p-comparison-4 .p-comparison__box-titlebox-item:last-child {
    height: 145px;
  }
}
.p-comparison-4 .p-comparison__box-titlebox-item-first {
  padding-top: 68px;
  height: 147px;
}
@media screen and (min-width: 768px) {
  .p-comparison-4 .p-comparison__box-titlebox-item-first {
    height: 213px;
  }
}
.p-comparison-4 .p-comparison__box-textbox {
  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;
  position: relative;
  position: relative;
}
.p-comparison-4 .p-comparison__box-textbox-title {
  width: 100%;
  height: 44px;
  position: absolute;
  top: 0;
  left: 0;
  padding-block: 6px 8px;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 80%, 50% 100%, 0 80%);
  clip-path: polygon(0 0, 100% 0, 100% 80%, 50% 100%, 0 80%);
  text-align: center;
  z-index: 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;
}
@media screen and (min-width: 768px) {
  .p-comparison-4 .p-comparison__box-textbox-title {
    height: 74px;
  }
}
.p-comparison-4 .p-comparison__box-textbox-title h4 {
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.6;
  margin-top: -3px;
}
@media screen and (min-width: 768px) {
  .p-comparison-4 .p-comparison__box-textbox-title h4 {
    margin-top: -5px;
  }
}
.p-comparison-4 .p-comparison__box-textbox-item {
  height: 100px;
  padding-inline: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
  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) {
  .p-comparison-4 .p-comparison__box-textbox-item {
    padding-top: 10px;
    height: 147px;
    padding-inline: clamp(20px, 20px + (21) * (100vw - 768px) / (1366 - 768), 41px)
      clamp(20px, 20px + (19) * (100vw - 768px) / (1366 - 768), 39px);
  }
}
.p-comparison-4 .p-comparison__box-textbox-item:last-child {
  height: 108px;
}
@media screen and (min-width: 768px) {
  .p-comparison-4 .p-comparison__box-textbox-item:last-child {
    height: 145px;
  }
}
.p-comparison-4 .p-comparison__box-textbox-item-farst {
  padding-top: 56px;
  height: 147px;
}
@media screen and (min-width: 768px) {
  .p-comparison-4 .p-comparison__box-textbox-item-farst {
    padding-top: 84px;
    height: 213px;
  }
}
.p-comparison-4 .p-comparison__box-textbox-item-text p {
  font-size: 0.875rem;
  line-height: 1.79;
}
@media screen and (min-width: 768px) {
  .p-comparison-4 .p-comparison__box-textbox-item-text p {
    font-size: clamp(14px, 14px + (2) * (100vw - 768px) / (1366 - 768), 16px);
    line-height: 1.56;
  }
}
.p-comparison-4 .p-comparison__box-textbox-item-img {
  padding-top: 5px;
  width: 280px;
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .p-comparison-4 .p-comparison__box-textbox-item-img {
    padding-top: 19px;
    width: clamp(240px, 240px + (80) * (100vw - 768px) / (1366 - 768), 320px);
  }
}
.p-comparison-4 .p-comparison__box-titlebox1-img {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, -37%);
  transform: translate(-50%, -37%);
  z-index: 2;
  width: 81px;
}
.p-comparison-4 .p-comparison__box-textbox1-img {
  position: absolute;
  top: 0;
  left: 5%;
  -webkit-transform: translate(0%, -100%);
  transform: translate(0%, -100%);
  z-index: 2;
  width: clamp(130px, 130px + (75) * (100vw - 768px) / (1366 - 768), 205px);
}
.p-comparison-4 .p-comparison__box-titlebox2-img {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, -37%);
  transform: translate(-50%, -37%);
  z-index: 2;
  width: 81px;
}
.p-comparison-4 .p-comparison__box-textbox2-img {
  position: absolute;
  top: 0;
  right: 5%;
  -webkit-transform: translate(0%, -100%);
  transform: translate(0%, -100%);
  z-index: 2;
  width: clamp(130px, 130px + (98) * (100vw - 768px) / (1366 - 768), 228px);
}

/*----------------------------------
    comparison-5
-----------------------------------*/
.p-comparison-5 {
  background-color: var(--color-50);
  padding-block: 47px 46px;
  /*----------------------------------
  sep    
  -----------------------------------*/
}
@media screen and (min-width: 768px) {
  .p-comparison-5 {
    padding-block: 84px 211px;
  }
}
.p-comparison-5 .p-comparison__text {
  padding-top: 17px;
}
@media screen and (min-width: 768px) {
  .p-comparison-5 .p-comparison__text {
    padding-top: 34px;
    margin-inline: auto;
  }
}
@media screen and (min-width: 768px) {
  .p-comparison-5 .p-comparison__text p {
    font-size: clamp(0.875rem, 0.5539297659rem + 0.6688963211vw, 1.125rem);
    line-height: 1.56;
  }
}
.p-comparison-5 .p-comparison__contents {
  padding-top: 17px;
}
@media screen and (min-width: 768px) {
  .p-comparison-5 .p-comparison__contents {
    padding-top: 34px;
  }
}
.p-comparison-5 .p-comparison__boxes {
  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: 24px;
}
@media screen and (min-width: 768px) {
  .p-comparison-5 .p-comparison__boxes {
    gap: 20px;
  }
}
.p-comparison-5 .p-comparison__box {
  border-radius: 20px 20px 20px 20px;
  width: 100%;
  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-comparison-5 .p-comparison__box {
    -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;
  }
}
.p-comparison-5 .p-comparison__box-title {
  width: 100%;
  height: 48px;
  border-radius: 20px 20px 0 0;
  text-align: center;
  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) {
  .p-comparison-5 .p-comparison__box-title {
    height: auto;
    border-radius: 20px 0 0 20px;
    min-width: clamp(135px, 135px + (65) * (100vw - 768px) / (1366 - 768), 200px);
    width: auto;
  }
}
.p-comparison-5 .p-comparison__box-title h3 {
  font-size: 1.25rem;
  line-height: 1.6;
  font-weight: 600;
}
@media screen and (min-width: 768px) {
  .p-comparison-5 .p-comparison__box-title h3 {
    font-size: clamp(16px, 16px + (4) * (100vw - 768px) / (1366 - 768), 20px);
  }
}
.p-comparison-5 .p-comparison__box-content {
  width: 100%;
  padding-top: 28px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  border-radius: 0 0 20px 20px;
}
@media screen and (min-width: 768px) {
  .p-comparison-5 .p-comparison__box-content {
    padding-top: 40px;
    -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;
    border-radius: 0 20px 20px 0;
  }
}
.p-comparison-5 .p-comparison__box-content-1 {
  width: 100%;
  padding-inline: 8px;
  padding-top: 28px;
  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;
}
@media screen and (min-width: 768px) {
  .p-comparison-5 .p-comparison__box-content-1 {
    padding-top: 40px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    padding-inline: clamp(20px, 20px + (22) * (100vw - 768px) / (1366 - 768), 42px);
  }
}
.p-comparison-5 .p-comparison__box-content-2 {
  width: 100%;
  padding-inline: 30px;
  padding-top: 28px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 17px;
}
@media screen and (min-width: 768px) {
  .p-comparison-5 .p-comparison__box-content-2 {
    padding-top: 40px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    padding-inline: clamp(20px, 20px + (22) * (100vw - 768px) / (1366 - 768), 42px);
  }
}
.p-comparison-5 .p-comparison__box-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  .p-comparison-5 .p-comparison__box-list {
    padding-bottom: 40px;
  }
}
.p-comparison-5 .p-comparison__box-list-1 {
  gap: 12px;
}
@media screen and (min-width: 768px) {
  .p-comparison-5 .p-comparison__box-list-1 {
    gap: 17px;
  }
}
.p-comparison-5 .p-comparison__box-list-1 li {
  font-size: 1rem;
  line-height: 1.75;
  position: relative;
  padding-left: 15px;
}
@media screen and (min-width: 768px) {
  .p-comparison-5 .p-comparison__box-list-1 li {
    font-size: clamp(16px, 16px + (2) * (100vw - 768px) / (1366 - 768), 18px);
    line-height: 1.56;
  }
}
.p-comparison-5 .p-comparison__box-list-1 li::before {
  content: "";
  position: absolute;
  left: 5px;
  top: 0.75em;
  width: 5px;
  height: 5px;
  background-color: #cccccc;
  border-radius: 50%;
}
.p-comparison-5 .p-comparison__box-image-wrap {
  -ms-flex-item-align: center;
  align-self: center;
}
.p-comparison-5 .p-comparison__box-list-2 {
  gap: 16px;
}
.p-comparison-5 .p-comparison__box-list-2 li {
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.4;
  position: relative;
  text-indent: 1em;
}
@media screen and (min-width: 768px) {
  .p-comparison-5 .p-comparison__box-list-2 li {
    font-size: clamp(18px, 18px + (2) * (100vw - 768px) / (1366 - 768), 20px);
    line-height: 1.6;
  }
}
.p-comparison-5 .p-comparison__box-list-2 li::before {
  content: "";
  position: absolute;
  left: 5px;
  top: 0.7em;
  width: 5px;
  height: 5px;
  background-color: var(--color-500);
  border-radius: 50%;
}
.p-comparison-5 .p-comparison__box-image-wrap1 {
  width: 110px;
}
@media screen and (min-width: 768px) {
  .p-comparison-5 .p-comparison__box-image-wrap1 {
    width: clamp(110px, 110px + (74) * (100vw - 768px) / (1366 - 768), 184px);
  }
}
.p-comparison-5 .p-comparison__box-image-wrap1 img {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}
.p-comparison-5 .p-comparison__box-image-wrap2 {
  width: 136px;
}
@media screen and (min-width: 768px) {
  .p-comparison-5 .p-comparison__box-image-wrap2 {
    width: clamp(136px, 136px + (88) * (100vw - 768px) / (1366 - 768), 224px);
  }
}
.p-comparison-5 .p-comparison__box-sep {
  text-align: center;
  padding-bottom: 20px;
}
@media screen and (min-width: 768px) {
  .p-comparison-5 .p-comparison__box-sep {
    padding-bottom: 0;
  }
}
.p-comparison-5 .p-comparison__box-sep-inner {
  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: 10px;
  position: relative;
}
.p-comparison-5 .p-comparison__box-sep-text {
  font-size: 1.2rem; /* h4相当のサイズに調整 */
  font-weight: bold;
}
@media screen and (min-width: 768px) {
  .p-comparison-5 .p-comparison__box-sep-text {
    font-size: 1.5rem; /* h4相当のサイズに調整 */
  }
}
.p-comparison-5 .p-comparison__box-sep-decoration {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.p-comparison-5 .p-comparison__box-sep-decoration span {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 18px 10px 0 10px;
  border-color: var(--color-300) transparent transparent transparent;
  margin: 0 3px;
}
@media screen and (min-width: 768px) {
  .p-comparison-5 .p-comparison__box-sep-decoration span {
    border-width: 25px 14px 0 14px;
  }
}
.p-comparison-5 .p-comparison__box-sep-decoration--left {
  position: absolute;
  bottom: -14px;
  -webkit-transform: translateY(50%);
  transform: translateY(50%);
  left: 0;
}
@media screen and (min-width: 768px) {
  .p-comparison-5 .p-comparison__box-sep-decoration--left {
    position: relative;
    bottom: 0;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
.p-comparison-5 .p-comparison__box-sep-decoration--right {
  position: absolute;
  bottom: -20px;
  -webkit-transform: translateY(50%);
  transform: translateY(50%);
  right: 0;
}
@media screen and (min-width: 768px) {
  .p-comparison-5 .p-comparison__box-sep-decoration--right {
    position: relative;
    bottom: 0;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

/*----------------------------------
    p-voive-1
-----------------------------------*/
.p-voice-1 {
  background-color: var(--color-300);
  padding-block: 43px;
}
@media screen and (min-width: 768px) {
  .p-voice-1 {
    padding-block: 100px 104px;
  }
}
.p-voice-1 .p-voice__text {
  padding-top: 16px;
}
@media screen and (min-width: 768px) {
  .p-voice-1 .p-voice__text {
    padding-top: 35px;
  }
}
.p-voice-1 .p-voice__contents {
  padding-top: 141px;
}
@media screen and (min-width: 768px) {
  .p-voice-1 .p-voice__contents {
    padding-top: 158px;
  }
}
.p-voice-1 .p-voice__boxes {
  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: 134px;
}
@media screen and (min-width: 768px) {
  .p-voice-1 .p-voice__boxes {
    -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;
    gap: clamp(20px, 20px + (20) * (100vw - 768px) / (1366 - 768), 40px);
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}
.p-voice-1 .p-voice__box {
  border-radius: 10px;
  background-color: #fff;
  position: relative;
  padding-top: 132px;
  padding-inline: 23px;
}
@media screen and (min-width: 768px) {
  .p-voice-1 .p-voice__box {
    padding-top: 145px;
    padding-inline: 30px;
    width: 100%;
  }
}
.p-voice-1 .p-voice__box-2 {
  padding-top: 152px;
}
@media screen and (min-width: 768px) {
  .p-voice-1 .p-voice__box-2 {
    padding-top: 145px;
  }
}
.p-voice-1 .p-voice__box-img {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 220px;
}
@media screen and (min-width: 768px) {
  .p-voice-1 .p-voice__box-img {
    width: 240px;
  }
}
.p-voice-1 .p-voice__box-img-2 {
  width: 240px;
  -webkit-transform: translate(-50%, -46%);
  transform: translate(-50%, -46%);
}
@media screen and (min-width: 768px) {
  .p-voice-1 .p-voice__box-img-2 {
    width: 240px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
}
.p-voice-1 .p-voice__box-title {
  text-align: center;
}
.p-voice-1 .p-voice__box-title h3 {
  font-size: 1.375rem;
  line-height: 1.73;
}
@media screen and (min-width: 768px) {
  .p-voice-1 .p-voice__box-title h3 {
    font-size: clamp(1.25rem, 0.9289297659rem + 0.6688963211vw, 1.5rem);
    line-height: 1.58;
  }
}
.p-voice-1 .p-voice__box-body {
  padding-top: 21px;
  padding-bottom: 30px;
  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: 23px;
}
@media screen and (min-width: 768px) {
  .p-voice-1 .p-voice__box-body {
    padding-top: 28px;
    gap: 32px;
    padding-bottom: 39px;
  }
}
.p-voice-1 .p-voice__box-text-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: 14px;
}
@media screen and (min-width: 768px) {
  .p-voice-1 .p-voice__box-text-wrap {
    gap: 16px;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }
}
.p-voice-1 .p-voice__box-body-title {
  text-align: center;
  min-height: 23px;
  width: 100%;
  border-radius: 11.5px;
  position: relative;
}
@media screen and (min-width: 768px) {
  .p-voice-1 .p-voice__box-body-title {
    min-width: 218px;
    width: 218px;
  }
}
.p-voice-1 .p-voice__box-body-title h4 {
  font-size: 1rem;
  line-height: 1.56;
  font-weight: 600;
}
@media screen and (min-width: 768px) {
  .p-voice-1 .p-voice__box-body-title::after {
    content: "";
    position: absolute;
    display: block;
    top: 30%;
    left: 105%;
    width: clamp(50px, 50px + (130) * (100vw - 768px) / (1366 - 768), 180px);
    height: 10px;
    background-image: radial-gradient(circle, var(--color-500) 30%, transparent 30%);
    background-size: 10px 8px;
    background-repeat: repeat-x;
    background-position: 0 0;
  }
}
/*----------------------------------
    p-voive-2
-----------------------------------*/
.p-voice-2 {
  background-color: var(--color-300);
  padding-block: 41px;
  /*----------------------------------
      button
  -----------------------------------*/
}
@media screen and (min-width: 768px) {
  .p-voice-2 {
    padding-block: 100px 104px;
  }
}
.p-voice-2 .p-voice__text {
  padding-top: 16px;
}
@media screen and (min-width: 768px) {
  .p-voice-2 .p-voice__text {
    padding-top: 35px;
  }
}
.p-voice-2 .p-voice__contents {
  padding-top: 40px;
}
@media screen and (min-width: 768px) {
  .p-voice-2 .p-voice__contents {
    padding-top: 70px;
  }
}
.p-voice-2 .p-voice__boxes {
  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: 26px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media screen and (min-width: 768px) {
  .p-voice-2 .p-voice__boxes {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    row-gap: 41px;
    -webkit-column-gap: 40px;
    -moz-column-gap: 40px;
    column-gap: 40px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 calc(50% - 40px);
    flex: 1 1 calc(50% - 40px);
  }
}
.p-voice-2 .p-voice__box {
  border-radius: 10px;
  background-color: #fff;
  position: relative;
  padding-bottom: 28px;
}
@media screen and (min-width: 768px) {
  .p-voice-2 .p-voice__box {
    width: calc(50% - 20px);
    padding-bottom: 23px;
  }
}
.p-voice-2 .p-voice__box-head {
  background-color: var(--color-500);
  border-radius: 10px 10px 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  gap: 19px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-inline: 8px 30px;
  min-height: 40px;
}
@media screen and (min-width: 950px) {
  .p-voice-2 .p-voice__box-head {
    gap: clamp(10px, 10px + (26) * (100vw - 950px) / (1366 - 950), 36px);
    padding-inline: 21px 30px;
    min-height: 60px;
  }
}
.p-voice-2 .p-voice__box-img-wrap {
  position: relative;
  width: 60px;
}
@media screen and (min-width: 768px) {
  .p-voice-2 .p-voice__box-img-wrap {
    width: clamp(80px, 80px + (12) * (100vw - 768px) / (1366 - 768), 92px);
  }
}
.p-voice-2 .p-voice__box-img {
  position: absolute;
  border-radius: 50%;
  top: 0;
  left: 0;
  width: 60px;
  -webkit-transform: translate(0%, -50%);
  transform: translate(0%, -50%);
  background-color: #fff;
}
@media screen and (min-width: 768px) {
  .p-voice-2 .p-voice__box-img {
    width: clamp(80px, 80px + (12) * (100vw - 768px) / (1366 - 768), 92px);
  }
}
.p-voice-2 .p-voice__box-title h3 {
  font-size: 1.25rem;
  line-height: 1.6;
}
.p-voice-2 .p-voice__box-body {
  padding-block: 20px 32px;
  padding-inline: 11px;
}
@media screen and (min-width: 768px) {
  .p-voice-2 .p-voice__box-body {
    padding-inline: 31px;
    padding-block: 21px 32px;
    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-positive: 1;
    flex-grow: 1;
  }
}
@media screen and (min-width: 768px) {
  .p-voice-2 .p-voice-box-body-title {
    text-align: center;
    padding-inline: 8px;
    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-positive: 1;
    flex-grow: 1;
  }
}
.p-voice-2 .p-voice-box-body-title h4 {
  font-size: 1.25rem;
  line-height: 1.6;
  font-weight: 600;
}
@media screen and (min-width: 768px) {
  .p-voice-2 .p-voice-box-body-title h4 {
    font-size: clamp(1rem, 0.6789297659rem + 0.6688963211vw, 1.25rem);
  }
}
@media screen and (min-width: 768px) {
  .p-voice-2 .p-voice__box-title-accent {
    font-size: 0.875rem;
    line-height: 2.29;
  }
}
.p-voice-2 .p-voice__box-body-text-wrap {
  padding-top: 8px;
  -webkit-transition: max-height 0.5s ease-in-out;
  transition: max-height 0.5s ease-in-out;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .p-voice-2 .p-voice__box-body-text-wrap {
    padding-top: 16px;
  }
}
.p-voice-2 .p-voice__box-body-text {
  cursor: pointer;
  overflow: hidden;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.p-voice-2 .p-voice__box-body-text p {
  font-size: 0.875rem;
  line-height: 1.79;
}
@media screen and (min-width: 768px) {
  .p-voice-2 .p-voice__box-body-text p {
    font-size: clamp(0.875rem, 0.7144648829rem + 0.3344481605vw, 1rem);
    line-height: 1.56;
  }
}
.p-voice-2 .p-voice__box-buttons {
  padding: 0px 4px 0px;
  position: absolute;
  bottom: 24px;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media screen and (min-width: 768px) {
  .p-voice-2 .p-voice__box-buttons {
    bottom: 17px;
    padding: 0px 12px 0px;
  }
}
.p-voice-2 .p-voice__box-readmore {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: none;
  border: none;
  color: #999;
  cursor: pointer;
  padding: 0px 10px;
  font-size: 0.75rem;
  line-height: 1;
  height: 20px;
  -webkit-transition: opacity 0.3s ease, visibility 0.3s ease, -webkit-transform 0.3s ease;
  transition: opacity 0.3s ease, visibility 0.3s ease, -webkit-transform 0.3s ease;
  transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s ease;
  transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s ease, -webkit-transform 0.3s ease;
  visibility: hidden;
  opacity: 0;
}
.p-voice-2 .p-voice__box-button-text {
  display: inline-block;
  vertical-align: middle;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.p-voice-2 .p-voice__box-button-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-left: 5px;
  background-image: url(../img/read.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
  -webkit-transform: translateY(0%);
  transform: translateY(0%);
}
.p-voice-2 .p-voice__box-readmore[aria-expanded="true"] .p-voice__box-button-icon {
  -webkit-transform: rotate(180deg) translateY(0%);
  transform: rotate(180deg) translateY(0%);
}
.p-voice-2 .p-voice__box-readmore[aria-expanded="true"] .p-voice__box-button-text {
  opacity: 0;
}

/*----------------------------------
    p-voive-3
-----------------------------------*/
.p-voice-3 {
  background: url("../img/voice_bg.webp") repeat;
  background-size: 100%;
  padding-block: 44px;
  /*----------------------------------
      button
  -----------------------------------*/
}
@media screen and (min-width: 768px) {
  .p-voice-3 {
    padding-block: 80px 80px;
  }
}
.p-voice-3 .p-voice3__text {
  padding-top: 16px;
}
@media screen and (min-width: 768px) {
  .p-voice-3 .p-voice3__text {
    padding-top: 35px;
  }
}
.p-voice-3 .p-voice3__contents {
  padding-top: 30px;
}
@media screen and (min-width: 768px) {
  .p-voice-3 .p-voice3__contents {
    padding-top: 40px;
  }
}
.p-voice-3 .p-voice3__boxes {
  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: 19px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media screen and (min-width: 768px) {
  .p-voice-3 .p-voice3__boxes {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    row-gap: 32px;
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 calc(50% - 30px);
    flex: 1 1 calc(50% - 30px);
  }
}
@media screen and (min-width: 950px) {
  .p-voice-3 .p-voice3__boxes {
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 calc(33.333% - 19px);
    flex: 1 1 calc(33.333% - 19px);
  }
}
.p-voice-3 .p-voice3__box {
  border-radius: 10px;
  background-color: #fff;
  position: relative;
  padding-bottom: 19px;
}
@media screen and (min-width: 768px) {
  .p-voice-3 .p-voice3__box {
    width: calc(50% - 20px);
    padding-bottom: 23px;
  }
}
@media screen and (min-width: 950px) {
  .p-voice-3 .p-voice3__box {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 calc(33.333% - 30px);
    flex: 1 1 calc(33.333% - 30px);
  }
}
.p-voice-3 .p-voice3__box-head {
  background-color: var(--color-500);
  border-radius: 10px 10px 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  gap: 19px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-inline: 8px 20px;
  min-height: 60px;
}
@media screen and (min-width: 768px) {
  .p-voice-3 .p-voice3__box-head {
    gap: clamp(10px, 10px + (7) * (100vw - 950px) / (1366 - 950), 17px);
    padding-inline: 15px 19px;
    min-height: 86px;
  }
}
@media screen and (min-width: 950px) {
  .p-voice-3 .p-voice3__box-head {
    gap: clamp(10px, 10px + (7) * (100vw - 950px) / (1366 - 950), 17px);
    padding-inline: clamp(5px, 5px + (10) * (100vw - 950px) / (1366 - 950), 15px)
      clamp(5px, 5px + (14) * (100vw - 950px) / (1366 - 950), 19px);
    min-height: 86px;
  }
}
.p-voice-3 .p-voice3__box-img-wrap {
  position: relative;
  width: 60px;
}
@media screen and (min-width: 768px) {
  .p-voice-3 .p-voice3__box-img-wrap {
    width: clamp(80px, 80px + (12) * (100vw - 768px) / (1366 - 768), 92px);
  }
}
@media screen and (min-width: 950px) {
  .p-voice-3 .p-voice3__box-img-wrap {
    width: clamp(70px, 70px + (22) * (100vw - 768px) / (1366 - 768), 92px);
  }
}
.p-voice-3 .p-voice3__box-img {
  position: absolute;
  border-radius: 50%;
  top: -11px;
  left: 0;
  width: 60px;
  -webkit-transform: translate(0%, -50%);
  transform: translate(0%, -50%);
  background-color: #fff;
}
@media screen and (min-width: 768px) {
  .p-voice-3 .p-voice3__box-img {
    width: clamp(80px, 80px + (12) * (100vw - 768px) / (1366 - 768), 92px);
  }
}
@media screen and (min-width: 950px) {
  .p-voice-3 .p-voice3__box-img {
    width: clamp(70px, 70px + (22) * (100vw - 768px) / (1366 - 768), 92px);
  }
}
.p-voice-3 .p-voice3__box-title {
  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;
  gap: 3px;
  margin-top: -6px;
  padding: 10px 0px 10px 10px;
}
@media screen and (min-width: 950px) {
  .p-voice-3 .p-voice3__box-title {
    margin-top: 0px;
  }
}
.p-voice-3 .p-voice3__box-title h3 {
  font-size: 1.25rem;
  line-height: 1.6;
}
.p-voice-3 .p-voice3__box-title p {
  font-size: 0.8rem;
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .p-voice-3 .p-voice3__box-title p {
    font-size: clamp(0.75rem, 0.5894648829rem + 0.3344481605vw, 0.875rem);
    line-height: 1.2;
  }
}
.p-voice-3 .p-voice3__box-body {
  padding-block: 15px 32px;
  padding-inline: 20px;
}
@media screen and (min-width: 768px) {
  .p-voice-3 .p-voice3__box-body {
    padding-inline: 20px;
    padding-block: 20px 20px;
  }
}
@media screen and (min-width: 950px) {
  .p-voice-3 .p-voice3__box-body {
    padding-inline: clamp(15px, 15px + (15) * (100vw - 768px) / (1366 - 768), 30px);
  }
}
@media screen and (min-width: 768px) {
  .p-voice-3 .p-voice3-box-body-title {
    text-align: center;
    min-height: 5.5em; /* 2行分など、見出しの最大行数に合わせて調整 */
    display: flex;
    align-items: center;
  }
}
.p-voice-3 .p-voice3-box-body-title h4 {
  font-size: 1.1rem;
  line-height: 1.5;
  font-weight: 600;
}
@media screen and (min-width: 768px) {
  .p-voice-3 .p-voice3-box-body-title h4 {
    font-size: clamp(1rem, 0.6789297659rem + 0.6688963211vw, 1.1rem);
  }
}
@media screen and (min-width: 950px) {
  .p-voice-3 .p-voice3-box-body-title h4 {
    font-size: clamp(0.875rem, 0.3933946488rem + 1.0033444816vw, 1.2rem);
  }
}
@media screen and (min-width: 768px) {
  .p-voice-3 .p-voice3__box-title-accent {
    font-size: 0.875rem;
    line-height: 2.29;
  }
}
.p-voice-3 .p-voice3__box-body-text-wrap {
  padding-top: 8px;
  -webkit-transition: max-height 0.5s ease-in-out;
  transition: max-height 0.5s ease-in-out;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .p-voice-3 .p-voice3__box-body-text-wrap {
    padding-top: 16px;
  }
}
.p-voice-3 .p-voice3__box-body-text {
  cursor: pointer;
  overflow: hidden;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.p-voice-3 .p-voice3__box-body-text p {
  font-size: 0.875rem;
  line-height: 1.79;
}
@media screen and (min-width: 768px) {
  .p-voice-3 .p-voice3__box-body-text p {
    font-size: clamp(0.875rem, 0.7144648829rem + 0.3344481605vw, 1rem);
    line-height: 1.56;
  }
}
.p-voice-3 .p-voice3__box-buttons {
  padding: 0px 4px 0px;
  position: absolute;
  bottom: 16px;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media screen and (min-width: 768px) {
  .p-voice-3 .p-voice3__box-buttons {
    bottom: 17px;
    padding: 0px 12px 0px;
  }
}
.p-voice-3 .p-voice3__box-readmore {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: none;
  border: none;
  color: #999;
  cursor: pointer;
  padding: 0px 10px;
  font-size: 0.75rem;
  line-height: 1;
  height: 20px;
  -webkit-transition: opacity 0.3s ease, visibility 0.3s ease, -webkit-transform 0.3s ease;
  transition: opacity 0.3s ease, visibility 0.3s ease, -webkit-transform 0.3s ease;
  transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s ease;
  transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s ease, -webkit-transform 0.3s ease;
  visibility: hidden;
  opacity: 0;
}
.p-voice-3 .p-voice3__box-button-text {
  display: inline-block;
  vertical-align: middle;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.p-voice-3 .p-voice3__box-button-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-left: 5px;
  background-image: url(../img/read.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
  -webkit-transform: translateY(0%);
  transform: translateY(0%);
}
.p-voice-3 .p-voice3__box-readmore[aria-expanded="true"] .p-voice3__box-button-icon {
  -webkit-transform: rotate(180deg) translateY(0%);
  transform: rotate(180deg) translateY(0%);
}
.p-voice-3 .p-voice3__box-readmore[aria-expanded="true"] .p-voice3__box-button-text {
  opacity: 0;
}

/*----------------------------------
    p-voive-4
-----------------------------------*/
.p-voice-4 {
  background-color: var(--color-300);
  padding-block: 41px;
  /*----------------------------------
      button
  -----------------------------------*/
}
@media screen and (min-width: 768px) {
  .p-voice-4 {
    padding-block: 66px 104px;
  }
}
.p-voice-4 .p-voice4__text {
  padding-top: 16px;
}
@media screen and (min-width: 768px) {
  .p-voice-4 .p-voice4__text {
    padding-top: 35px;
  }
}
.p-voice-4 .p-voice4__contents {
  padding-top: 112px;
}
@media screen and (min-width: 768px) {
  .p-voice-4 .p-voice4__contents {
    padding-top: 120px;
  }
}
.p-voice-4 .p-voice4__boxes {
  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: 99px;
}
@media screen and (min-width: 768px) {
  .p-voice-4 .p-voice4__boxes {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: clamp(10px, 10px + (20) * (100vw - 768px) / (1366 - 768), 30px);
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}
.p-voice-4 .p-voice4__box {
  border-radius: 10px;
  background-color: #fff;
  position: relative;
  padding-bottom: 28px;
}
@media screen and (min-width: 768px) {
  .p-voice-4 .p-voice4__box {
    width: calc(50% - 20px);
    padding-bottom: 23px;
  }
}
.p-voice-4 .p-voice4__box-img {
  position: absolute;
  top: 0;
  left: 50%;
  width: 160px;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
@media screen and (min-width: 768px) {
  .p-voice-4 .p-voice4__box-img {
    width: clamp(120px, 120px + (40) * (100vw - 768px) / (1366 - 768), 160px);
  }
}
.p-voice-4 .p-voice4__box-title {
  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: center;
  -ms-flex-align: center;
  align-items: center;
  padding-inline: 24px;
  padding-top: 100px;
  gap: 12px;
}
@media screen and (min-width: 768px) {
  .p-voice-4 .p-voice4__box-title {
    padding-top: 102px;
    padding-inline: clamp(15px, 15px + (35) * (100vw - 768px) / (1366 - 768), 50px)
      clamp(15px, 15px + (35) * (100vw - 768px) / (1366 - 768), 50px);
    gap: 15px;
  }
}
.p-voice-4 .p-voice4__box-title p {
  font-size: 0.75rem;
  line-height: 1.5;
}
.p-voice-4 .p-voice4__box-title h3 {
  font-size: 1.25rem;
  line-height: 1.6;
  white-space: nowrap;
}
.p-voice-4 .p-voice4__box-body {
  padding-block: 4px 34px;
  padding-inline: 24px;
}
@media screen and (min-width: 768px) {
  .p-voice-4 .p-voice4__box-body {
    padding-inline: 30px;
    padding-inline: clamp(15px, 15px + (15) * (100vw - 768px) / (1366 - 768), 30px);
    padding-block: 4px 23px;
  }
}
.p-voice-4 .p-voice4__box-body-text-wrap {
  padding-top: 8px;
  -webkit-transition: max-height 0.5s ease-in-out;
  transition: max-height 0.5s ease-in-out;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .p-voice-4 .p-voice4__box-body-text-wrap {
    padding-top: 16px;
  }
}
.p-voice-4 .p-voice4__box-body-text {
  cursor: pointer;
  overflow: hidden;
  -webkit-transition: max-height 0.5s ease-in-out;
  transition: max-height 0.5s ease-in-out;
  font-size: 0.875rem;
  line-height: 1.79;
}
@media screen and (min-width: 768px) {
  .p-voice-4 .p-voice4__box-body-text {
    font-size: clamp(1rem, 1rem + 0vw, 1rem);
    line-height: 1.56;
  }
}
.p-voice-4 .p-voice4__box-buttons {
  padding: 0px 4px 0px;
  position: absolute;
  bottom: 24px;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media screen and (min-width: 768px) {
  .p-voice-4 .p-voice4__box-buttons {
    bottom: 17px;
    padding: 0px 12px 0px;
  }
}
.p-voice-4 .p-voice4__box-readmore {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: none;
  border: none;
  color: #999;
  cursor: pointer;
  padding: 0px 20px;
  font-size: 0.75rem;
  line-height: 1;
  height: 20px;
  -webkit-transition: opacity 0.3s ease, visibility 0.3s ease, -webkit-transform 0.3s ease;
  transition: opacity 0.3s ease, visibility 0.3s ease, -webkit-transform 0.3s ease;
  transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s ease;
  transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s ease, -webkit-transform 0.3s ease;
  visibility: hidden;
  opacity: 0;
}
.p-voice-4 .p-voice4__box-button-text {
  display: inline-block;
  vertical-align: middle;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.p-voice-4 .p-voice4__box-button-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-left: 5px;
  background-image: url(../img/read.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
  -webkit-transform: translateY(0%);
  transform: translateY(0%);
}
.p-voice-4 .p-voice4__box-readmore[aria-expanded="true"] .p-voice4__box-button-icon {
  -webkit-transform: rotate(180deg) translateY(0%);
  transform: rotate(180deg) translateY(0%);
}
.p-voice-4 .p-voice4__box-readmore[aria-expanded="true"] .p-voice4__box-button-text {
  opacity: 0;
}

/*----------------------------------
    p-about-1
-----------------------------------*/
.p-about-1 {
  padding-block: 42px;
}
@media screen and (min-width: 768px) {
  .p-about-1 {
    padding-block: 100px 89px;
  }
}
.p-about-1 .p-about__text {
  padding-top: 16px;
}
@media screen and (min-width: 768px) {
  .p-about-1 .p-about__text {
    padding-top: 36px;
  }
}
.p-about-1 .p-about__contents {
  padding-top: 32px;
}
@media screen and (min-width: 768px) {
  .p-about-1 .p-about__contents {
    padding-top: 37px;
  }
}
.p-about-1 .p-about__boxes {
  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: 29px;
}
@media screen and (min-width: 768px) {
  .p-about-1 .p-about__boxes {
    -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;
  }
}
@media screen and (min-width: 768px) {
  .p-about-1 .p-about__box {
    width: 100%;
  }
}
.p-about-1 .p-about__box-body {
  padding-top: 14px;
}
@media screen and (min-width: 768px) {
  .p-about-1 .p-about__box-body {
    padding-top: 31px;
  }
}
.p-about-1 .p-about__box-text {
  font-size: 1rem;
  line-height: 1.8;
}
@media screen and (min-width: 768px) {
  .p-about-1 .p-about__box-text {
    font-size: 1rem;
    line-height: 1.8;
  }
}
.p-about-1 .p-about__box-text + .p-about__box-text {
  padding-top: 25px;
}
@media screen and (min-width: 768px) {
  .p-about-1 .p-about__box-text + .p-about__box-text {
    padding-top: 25px;
  }
}

/*----------------------------------
    p-about-2
-----------------------------------*/
.p-about-2 {
  padding-block: 39px;
}
@media screen and (min-width: 768px) {
  .p-about-2 {
    padding-block: 100px 59px;
  }
}
.p-about-2 .p-about__text {
  padding-top: 16px;
}
@media screen and (min-width: 768px) {
  .p-about-2 .p-about__text {
    padding-top: 36px;
  }
}
.p-about-2 .p-about__contents {
  padding-top: 30px;
}
@media screen and (min-width: 768px) {
  .p-about-2 .p-about__contents {
    padding-top: 37px;
  }
}
.p-about-2 .p-about__boxes {
  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: 29px;
}
@media screen and (min-width: 768px) {
  .p-about-2 .p-about__boxes {
    -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) / (1366 - 768), 40px);
  }
}
.p-about-2 .p-about__box {
  width: 100%;
}
.p-about-2 .p-about__box-body {
  padding-top: 14px;
}
@media screen and (min-width: 768px) {
  .p-about-2 .p-about__box-body {
    padding-top: 20px;
  }
}
.p-about-2 .p-about__box-text {
  font-size: 0.875rem;
  line-height: 1.79;
}
@media screen and (min-width: 768px) {
  .p-about-2 .p-about__box-text {
    font-size: clamp(0.875rem, 0.7144648829rem + 0.3344481605vw, 1rem);
    line-height: 1.56;
  }
}
.p-about-2 .p-about__box-text + .p-about__box-text {
  padding-top: 25px;
}
@media screen and (min-width: 768px) {
  .p-about-2 .p-about__box-text + .p-about__box-text {
    padding-top: 25px;
  }
}

/*----------------------------------
    p-about-3
-----------------------------------*/
.p-about-3 {
  padding-block: 41px;
}
@media screen and (min-width: 768px) {
  .p-about-3 {
    padding-block: 97px 203px;
  }
}
.p-about-3 .p-about__text {
  padding-top: 16px;
}
@media screen and (min-width: 768px) {
  .p-about-3 .p-about__text {
    padding-top: 36px;
  }
}
.p-about-3 .p-about__contents {
  padding-top: 30px;
}
@media screen and (min-width: 768px) {
  .p-about-3 .p-about__contents {
    padding-top: 49px;
  }
}
.p-about-3 .p-about__boxes {
  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: 24px;
}
@media screen and (min-width: 768px) {
  .p-about-3 .p-about__boxes {
    -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) / (1366 - 768), 40px);
  }
}
.p-about-3 .p-about__box {
  width: 100%;
  padding-inline: 20px;
  border-radius: 10px;
  background-color: #fff;
  border: 1px solid #999999;
  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-about-3 .p-about__box-head {
  width: 100%;
  border-bottom: 1px solid #999999;
}
.p-about-3 .p-about__box-head-title {
  padding-block: 24px 13px;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .p-about-3 .p-about__box-head-title {
    padding-block: 24px 17px;
  }
}
.p-about-3 .p-about__box-head-title h3 {
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.6;
}
@media screen and (min-width: 768px) {
  .p-about-3 .p-about__box-head-title h3 {
    font-size: clamp(1.125rem, 0.9644648829rem + 0.3344481605vw, 1.25rem);
    line-height: 1.6;
  }
}
.p-about-3 .p-about__box-body {
  padding-top: 16px;
  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: 15px;
  padding-bottom: 24px;
}
@media screen and (min-width: 768px) {
  .p-about-3 .p-about__box-body {
    padding-top: 20px;
    gap: 19px;
  }
}
.p-about-3 .p-about__box-img {
  width: 151px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
@media screen and (min-width: 768px) {
  .p-about-3 .p-about__box-img {
    width: clamp(100px, 100px + (51) * (100vw - 768px) / (1366 - 768), 151px);
  }
}
.p-about-3 .p-about__box-text {
  font-size: 0.875rem;
  line-height: 1.29;
}
@media screen and (min-width: 768px) {
  .p-about-3 .p-about__box-text {
    font-size: clamp(0.75rem, 0.4289297659rem + 0.6688963211vw, 1rem);
    line-height: 1.56;
  }
}
.p-about-3 .p-about__box-text + .p-about__box-text {
  padding-top: 17px;
}
@media screen and (min-width: 768px) {
  .p-about-3 .p-about__box-text + .p-about__box-text {
    padding-top: 25px;
  }
}

/*----------------------------------
    p-about-4
-----------------------------------*/
.p-about-4 {
  padding-block: 44px;
}
@media screen and (min-width: 768px) {
  .p-about-4 {
    padding-block: 101px 89px;
  }
}
.p-about-4 .p-about__text {
  padding-top: 16px;
}
@media screen and (min-width: 768px) {
  .p-about-4 .p-about__text {
    padding-top: 36px;
  }
}
.p-about-4 .p-about__contents {
  padding-top: 30px;
}
@media screen and (min-width: 768px) {
  .p-about-4 .p-about__contents {
    padding-top: 49px;
  }
}
.p-about-4 .p-about__boxes {
  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: 24px;
}
@media screen and (min-width: 768px) {
  .p-about-4 .p-about__boxes {
    -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(15px, 15px + (15) * (100vw - 768px) / (1366 - 768), 30px);
  }
}
.p-about-4 .p-about__box {
  width: 100%;
  padding-inline: 20px;
  border-radius: 10px;
  background-color: #fff;
  border: 1px solid #999999;
  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-about-4 .p-about__box {
    padding-inline: clamp(15px, 15px + (15) * (100vw - 768px) / (1366 - 768), 30px);
  }
}
.p-about-4 .p-about__box-head {
  width: 100%;
  border-bottom: 1px solid #999999;
}
.p-about-4 .p-about__box-head-title {
  padding-block: 24px 13px;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .p-about-4 .p-about__box-head-title {
    padding-block: 30px 16px;
  }
}
.p-about-4 .p-about__box-head-title h3 {
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.6;
}
@media screen and (min-width: 768px) {
  .p-about-4 .p-about__box-head-title h3 {
    font-size: clamp(1rem, 0.6789297659rem + 0.6688963211vw, 1.25rem);
    line-height: 1.6;
  }
}
.p-about-4 .p-about__box-body {
  padding-top: 16px;
  padding-bottom: 24px;
  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: 15px;
}
@media screen and (min-width: 768px) {
  .p-about-4 .p-about__box-body {
    padding-top: 20px;
    gap: 19px;
    padding-bottom: 30px;
    -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: stretch;
    -ms-flex-pack: stretch;
    justify-content: stretch;
  }
}
.p-about-4 .p-about__box-img {
  width: 151px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
@media screen and (min-width: 768px) {
  .p-about-4 .p-about__box-img {
    width: clamp(100px, 100px + (47) * (100vw - 768px) / (1366 - 768), 147px);
  }
}
.p-about-4 .p-about__box-text {
  font-size: 0.875rem;
  line-height: 1.29;
}
@media screen and (min-width: 768px) {
  .p-about-4 .p-about__box-text {
    font-size: clamp(0.75rem, 0.4289297659rem + 0.6688963211vw, 1rem);
    line-height: 1.56;
  }
}
.p-about-4 .p-about__box-text + .p-about__box-text {
  padding-top: 17px;
}
@media screen and (min-width: 768px) {
  .p-about-4 .p-about__box-text + .p-about__box-text {
    padding-top: 25px;
  }
}

/*----------------------------------
    p-about-5
-----------------------------------*/
.p-about-5 {
  padding-block: 42px;
}
@media screen and (min-width: 768px) {
  .p-about-5 {
    padding-block: 89px 59px;
  }
}
.p-about-5 .p-about__text {
  padding-top: 16px;
}
@media screen and (min-width: 768px) {
  .p-about-5 .p-about__text {
    padding-top: 36px;
  }
}
.p-about-5 .p-about__contents {
  padding-top: 29px;
}
@media screen and (min-width: 768px) {
  .p-about-5 .p-about__contents {
    padding-top: 48px;
  }
}
.p-about-5 .p-about__boxes {
  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: 16px;
}
@media screen and (min-width: 768px) {
  .p-about-5 .p-about__boxes {
    -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) / (1366 - 768), 40px);
  }
}
.p-about-5 .p-about__box {
  padding-block: 24px;
  padding-inline: 24px;
  border: 1px solid #999999;
  border-radius: 10px;
}
@media screen and (min-width: 768px) {
  .p-about-5 .p-about__box {
    padding-block: 28px 38px;
    padding-inline: clamp(20px, 20px + (10) * (100vw - 768px) / (1366 - 768), 30px);
    width: 100%;
  }
}
.p-about-5 .p-about__box-body {
  padding-top: 15px;
}
@media screen and (min-width: 768px) {
  .p-about-5 .p-about__box-body {
    padding-top: 26px;
  }
}
.p-about-5 .p-about__box-body-title {
  text-align: center;
}
.p-about-5 .p-about__box-body-title h3 {
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.6;
}
@media screen and (min-width: 768px) {
  .p-about-5 .p-about__box-body-title h3 {
    font-size: clamp(1.125rem, 0.9644648829rem + 0.3344481605vw, 1.25rem);
    line-height: 1.6;
  }
}
.p-about-5 .p-about__box-text-wrap {
  padding-top: 16px;
}
@media screen and (min-width: 768px) {
  .p-about-5 .p-about__box-text-wrap {
    padding-top: 19px;
  }
}
.p-about-5 .p-about__box-text {
  font-size: 0.875rem;
  line-height: 1.29;
}
@media screen and (min-width: 768px) {
  .p-about-5 .p-about__box-text {
    font-size: 1rem;
    line-height: 1.56;
  }
}
.p-about-5 .p-about__box-text + .p-about__box-text {
  padding-top: 17px;
}
@media screen and (min-width: 768px) {
  .p-about-5 .p-about__box-text + .p-about__box-text {
    padding-top: 25px;
  }
}

/*----------------------------------
    p-about-6
-----------------------------------*/
.p-about-6 {
  padding-block: 42px;
}
@media screen and (min-width: 768px) {
  .p-about-6 {
    padding-block: 98px 72px;
  }
}
.p-about-6 .p-about__text {
  padding-top: 16px;
}
@media screen and (min-width: 768px) {
  .p-about-6 .p-about__text {
    padding-top: 36px;
  }
}
.p-about-6 .p-about__contents {
  padding-top: 29px;
}
@media screen and (min-width: 768px) {
  .p-about-6 .p-about__contents {
    padding-top: 48px;
  }
}
.p-about-6 .p-about__boxes {
  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: 16px;
}
@media screen and (min-width: 768px) {
  .p-about-6 .p-about__boxes {
    -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) / (1366 - 768), 40px);
  }
}
.p-about-6 .p-about__box {
  padding-block: 24px;
  padding-inline: 24px;
  border: 1px solid #999999;
  border-radius: 10px;
}
@media screen and (min-width: 768px) {
  .p-about-6 .p-about__box {
    padding-block: 28px 30px;
    padding-inline: clamp(20px, 20px + (10) * (100vw - 768px) / (1366 - 768), 30px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
  }
}
.p-about-6 .p-about__box-head {
  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-about-6 .p-about__box-head {
    -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;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    gap: clamp(10px, 10px + (10) * (100vw - 768px) / (1366 - 768), 20px);
  }
}
.p-about-6 .p-about__box-img {
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
@media screen and (min-width: 768px) {
  .p-about-6 .p-about__box-img {
    width: clamp(150px, 150px + (62) * (100vw - 768px) / (1366 - 768), 212px);
  }
}
.p-about-6 .p-about__box-body {
  padding-top: 19px;
}
@media screen and (min-width: 768px) {
  .p-about-6 .p-about__box-body {
    padding-top: 19px;
  }
}
.p-about-6 .p-about__box-body-title h3 {
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.38;
}
@media screen and (min-width: 768px) {
  .p-about-6 .p-about__box-body-title h3 {
    font-size: clamp(0.875rem, 0.5539297659rem + 0.6688963211vw, 1.125rem);
    line-height: 1.56;
  }
}
.p-about-6 .p-about__box-text {
  font-size: 0.875rem;
  line-height: 1.29;
}
@media screen and (min-width: 768px) {
  .p-about-6 .p-about__box-text {
    font-size: clamp(0.875rem, 0.7144648829rem + 0.3344481605vw, 1rem);
    line-height: 1.56;
  }
}
.p-about-6 .p-about__box-text + .p-about__box-text {
  padding-top: 17px;
}
@media screen and (min-width: 768px) {
  .p-about-6 .p-about__box-text + .p-about__box-text {
    padding-top: 25px;
  }
}

/*----------------------------------
    p-about-7
-----------------------------------*/
.p-about-7 {
  padding-block: 42px;
}
@media screen and (min-width: 768px) {
  .p-about-7 {
    padding-block: 98px 72px;
  }
}
.p-about-7 .p-about__text {
  padding-top: 16px;
}
@media screen and (min-width: 768px) {
  .p-about-7 .p-about__text {
    padding-top: 36px;
  }
}
.p-about-7 .p-about__contents {
  padding-top: 30px;
}
@media screen and (min-width: 768px) {
  .p-about-7 .p-about__contents {
    padding-top: 50px;
  }
}
.p-about-7 .p-about__boxes {
  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: 16px;
}
@media screen and (min-width: 768px) {
  .p-about-7 .p-about__boxes {
    -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(15px, 15px + (13) * (100vw - 768px) / (1366 - 768), 28px);
  }
}
.p-about-7 .p-about__box {
  padding-block: 24px;
  padding-inline: 23px;
  border: 1px solid #999999;
  border-radius: 10px;
}
@media screen and (min-width: 768px) {
  .p-about-7 .p-about__box {
    padding-block: 28px 30px;
    padding-inline: clamp(20px, 20px + (10) * (100vw - 768px) / (1366 - 768), 30px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
  }
}
.p-about-7 .p-about__box-head {
  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: 13px;
}
@media screen and (min-width: 768px) {
  .p-about-7 .p-about__box-head {
    -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: clamp(10px, 10px + (10) * (100vw - 768px) / (1366 - 768), 20px);
  }
}
.p-about-7 .p-about__box-img {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 140px;
}
@media screen and (min-width: 768px) {
  .p-about-7 .p-about__box-img {
    width: clamp(160px, 160px + (80) * (100vw - 768px) / (1366 - 768), 240px);
  }
}
.p-about-7 .p-about__box-body {
  padding-top: 9px;
}
@media screen and (min-width: 768px) {
  .p-about-7 .p-about__box-body {
    padding-top: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.p-about-7 .p-about__box-body-title {
  margin-top: -5px;
}
@media screen and (min-width: 768px) {
  .p-about-7 .p-about__box-body-title {
    margin-top: 0px;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.p-about-7 .p-about__box-body-title h3 {
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.38;
}
@media screen and (min-width: 768px) {
  .p-about-7 .p-about__box-body-title h3 {
    font-size: clamp(0.875rem, 0.3933946488rem + 1.0033444816vw, 1.25rem);
    line-height: 1.6;
  }
}
@media screen and (min-width: 768px) {
  .p-about-7 .p-about__box-text-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-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }
}
.p-about-7 .p-about__box-text {
  font-size: 0.875rem;
  line-height: 1.29;
}
@media screen and (min-width: 768px) {
  .p-about-7 .p-about__box-text {
    font-size: clamp(0.875rem, 0.7144648829rem + 0.3344481605vw, 1rem);
    line-height: 1.56;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }
}
.p-about-7 .p-about__box-text + .p-about__box-text {
  padding-top: 17px;
}
@media screen and (min-width: 768px) {
  .p-about-7 .p-about__box-text + .p-about__box-text {
    padding-top: 25px;
  }
}

/*----------------------------------
    p-about-8
-----------------------------------*/
.p-about-8 {
  padding-block: 42px;
}
@media screen and (min-width: 768px) {
  .p-about-8 {
    padding-block: 125px 59px;
  }
}
.p-about-8 .p-about__text {
  padding-top: 16px;
}
@media screen and (min-width: 768px) {
  .p-about-8 .p-about__text {
    padding-top: 36px;
  }
}
.p-about-8 .p-about__contents {
  padding-top: 29px;
}
@media screen and (min-width: 768px) {
  .p-about-8 .p-about__contents {
    padding-top: 48px;
  }
}
.p-about-8 .p-about__boxes {
  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: 16px;
}
@media screen and (min-width: 768px) {
  .p-about-8 .p-about__boxes {
    -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) / (1366 - 768), 40px);
  }
}
.p-about-8 .p-about__box {
  border: 1px solid #999999;
  border-radius: 10px;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .p-about-8 .p-about__box {
    width: 100%;
  }
}
.p-about-8 .p-about__box-body-title {
  text-align: center;
  padding-block: 10px 9px;
  padding-inline: 20px;
}
@media screen and (min-width: 768px) {
  .p-about-8 .p-about__box-body-title {
    padding-block: 20px 19px;
  }
}
.p-about-8 .p-about__box-body-title h3 {
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.6;
}
@media screen and (min-width: 768px) {
  .p-about-8 .p-about__box-body-title h3 {
    font-size: clamp(1.125rem, 0.9644648829rem + 0.3344481605vw, 1.25rem);
    line-height: 1.6;
  }
}
.p-about-8 .p-about__box-text-wrap {
  padding-block: 16px 24px;
  padding-inline: 24px;
}
@media screen and (min-width: 768px) {
  .p-about-8 .p-about__box-text-wrap {
    padding-block: 16px 28px;
    padding-inline: 29px;
  }
}
.p-about-8 .p-about__box-text {
  font-size: 0.875rem;
  line-height: 1.29;
}
@media screen and (min-width: 768px) {
  .p-about-8 .p-about__box-text {
    font-size: 1rem;
    line-height: 1.56;
  }
}
.p-about-8 .p-about__box-text + .p-about__box-text {
  padding-top: 17px;
}
@media screen and (min-width: 768px) {
  .p-about-8 .p-about__box-text + .p-about__box-text {
    padding-top: 25px;
  }
}

/*----------------------------------
    p-about-9
-----------------------------------*/
.p-about-9 {
  padding-block: 42px;
}
@media screen and (min-width: 768px) {
  .p-about-9 {
    padding-block: 109px 69px;
  }
}
.p-about-9 .p-about__text {
  padding-top: 16px;
}
@media screen and (min-width: 768px) {
  .p-about-9 .p-about__text {
    padding-top: 36px;
  }
}
.p-about-9 .p-about__contents {
  padding-top: 29px;
}
@media screen and (min-width: 768px) {
  .p-about-9 .p-about__contents {
    padding-top: 48px;
  }
}
.p-about-9 .p-about__boxes {
  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: 16px;
}
@media screen and (min-width: 768px) {
  .p-about-9 .p-about__boxes {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    gap: clamp(15px, 15px + (15) * (100vw - 768px) / (1366 - 768), 30px);
  }
}
.p-about-9 .p-about__box {
  border: 1px solid #999999;
  border-radius: 10px;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  .p-about-9 .p-about__box {
    width: 100%;
    display: grid;
    grid-template-rows: subgrid;
    grid-row: span 3;
    gap: 0;
  }
}
.p-about-9 .p-about__box-body-title {
  text-align: center;
  padding-block: 10px 9px;
  padding-inline: 20px;
}
@media screen and (min-width: 768px) {
  .p-about-9 .p-about__box-body-title {
    padding-block: 13px 13px;
    padding-inline: clamp(15px, 15px + (15) * (100vw - 768px) / (1366 - 768), 30px);
  }
}
.p-about-9 .p-about__box-body-title h3 {
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.6;
}
@media screen and (min-width: 768px) {
  .p-about-9 .p-about__box-body-title h3 {
    font-size: clamp(1rem, 0.6789297659rem + 0.6688963211vw, 1.25rem);
    line-height: 1.6;
  }
}
.p-about-9 .p-about__box-text-wrap {
  padding-block: 16px 24px;
  padding-inline: 24px;
}
@media screen and (min-width: 768px) {
  .p-about-9 .p-about__box-text-wrap {
    padding-block: 16px 28px;
    padding-inline: clamp(15px, 15px + (14) * (100vw - 768px) / (1366 - 768), 29px);
  }
}
.p-about-9 .p-about__box-text {
  font-size: 0.875rem;
  line-height: 1.29;
}
@media screen and (min-width: 768px) {
  .p-about-9 .p-about__box-text {
    font-size: clamp(0.75rem, 0.4289297659rem + 0.6688963211vw, 1rem);
    line-height: 1.56;
  }
}
.p-about-9 .p-about__box-text + .p-about__box-text {
  padding-top: 17px;
}
@media screen and (min-width: 768px) {
  .p-about-9 .p-about__box-text + .p-about__box-text {
    padding-top: 25px;
  }
}

/*----------------------------------
    p-about-10
-----------------------------------*/
.p-about-10 {
  padding-block: 42px;
  background: linear-gradient(var(--color-100), var(--color-50));
}
@media screen and (min-width: 768px) {
  .p-about-10 {
    padding-block: 60px 60px;
  }
}
.p-about-10 .p-about__text {
  padding-top: 16px;
}
@media screen and (min-width: 768px) {
  .p-about-10 .p-about__text {
    padding-top: 20px;
  }
}
.p-about-10 .p-about__contents {
  padding-top: 29px;
}
@media screen and (min-width: 768px) {
  .p-about-10 .p-about__contents {
    padding-top: 30px;
  }
}
.p-about-10 .p-about__boxes {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
}
@media screen and (min-width: 768px) {
  .p-about-10 .p-about__boxes {
    display: grid;
    grid-template-columns: 1fr;
    gap: 16px;
  }
}
.p-about-10 .p-about__box {
  border: 1px solid #999999;
  background-color: #fff;
  border-radius: 10px;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .p-about-10 .p-about__box {
    display: grid;
    grid-template-rows: subgrid;
    grid-row: span 3;
    gap: 0;
    width: 100%;
  }
}
.p-about-10 .p-about__box-body-title {
  text-align: center;
  padding-block: 6px 5px;
  padding-inline: 20px;
}
@media screen and (min-width: 768px) {
  .p-about-10 .p-about__box-body-title {
    padding-inline: clamp(15px, 15px + (15) * (100vw - 768px) / (1366 - 768), 30px);
  }
}
.p-about-10 .p-about__box-body-title h3 {
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.4;
}
@media screen and (min-width: 768px) {
  .p-about-10 .p-about__box-body-title h3 {
    font-size: clamp(1rem, 0.6789297659rem + 0.6688963211vw, 1.25rem);
    line-height: 1.6;
  }
}
.p-about-10 .p-about__box-text-wrap {
  padding-block: 20px;
  padding-inline: 25px;
}
@media screen and (min-width: 768px) {
  .p-about-10 .p-about__box-text-wrap {
    padding-block: 25px;
    padding-inline: 30px;
  }
}
.p-about-10 .p-about__box-text {
  font-size: 1rem;
  line-height: 1.7;
}
@media screen and (min-width: 768px) {
  .p-about-10 .p-about__box-text {
    font-size: clamp(1rem, 0.4289297659rem + 0.6688963211vw, 1rem);
    line-height: 1.7;
  }
}
.p-about-10 .p-about__box-text + .p-about__box-text {
  padding-top: 18px;
}
@media screen and (min-width: 768px) {
  .p-about-10 .p-about__box-text + .p-about__box-text {
    padding-top: 25px;
  }
}

/*----------------------------------
    p-about-11
-----------------------------------*/
.p-about-11 {
  padding-block: 44px;
}
@media screen and (min-width: 768px) {
  .p-about-11 {
    padding-block: 110px 110px;
  }
}
.p-about-11 .p-about__text {
  padding-top: 16px;
}
@media screen and (min-width: 768px) {
  .p-about-11 .p-about__text {
    padding-top: 36px;
  }
}
.p-about-11 .p-about__contents {
  padding-top: 29px;
}
@media screen and (min-width: 768px) {
  .p-about-11 .p-about__contents {
    padding-top: 48px;
  }
}
.p-about-11 .p-about__boxes {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
}
@media screen and (min-width: 768px) {
  .p-about-11 .p-about__boxes {
    grid-template-columns: repeat(3, 1fr);
    gap: clamp(15px, 15px + (15) * (100vw - 768px) / (1366 - 768), 30px);
  }
}
.p-about-11 .p-about__box {
  border: 1px solid #999999;
  border-radius: 10px;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .p-about-11 .p-about__box {
    display: grid;
    grid-template-rows: subgrid;
    grid-row: span 3;
    gap: 0;
    width: 100%;
  }
}
.p-about-11 .p-about__box-body-title {
  text-align: center;
  padding-block: 6px 5px;
  padding-inline: 20px;
}
@media screen and (min-width: 768px) {
  .p-about-11 .p-about__box-body-title {
    padding-block: 10px 17px;
    padding-inline: clamp(15px, 15px + (15) * (100vw - 768px) / (1366 - 768), 30px);
  }
}
.p-about-11 .p-about__box-body-title h3 {
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.4;
}
@media screen and (min-width: 768px) {
  .p-about-11 .p-about__box-body-title h3 {
    font-size: clamp(1rem, 0.6789297659rem + 0.6688963211vw, 1.25rem);
    line-height: 1.6;
  }
}
.p-about-11 .p-about__box-text-wrap {
  padding-block: 19px 24px;
  padding-inline: 24px;
}
@media screen and (min-width: 768px) {
  .p-about-11 .p-about__box-text-wrap {
    padding-block: 21px 28px;
    padding-inline: clamp(15px, 15px + (14) * (100vw - 768px) / (1366 - 768), 29px);
  }
}
.p-about-11 .p-about__box-text {
  font-size: 0.875rem;
  line-height: 1.29;
}
@media screen and (min-width: 768px) {
  .p-about-11 .p-about__box-text {
    font-size: clamp(0.75rem, 0.4289297659rem + 0.6688963211vw, 1rem);
    line-height: 1.56;
  }
}
.p-about-11 .p-about__box-text + .p-about__box-text {
  padding-top: 18px;
}
@media screen and (min-width: 768px) {
  .p-about-11 .p-about__box-text + .p-about__box-text {
    padding-top: 25px;
  }
}

/*----------------------------------
    p-about-12-a
-----------------------------------*/
.p-about-12-a {
  padding-block: 39px;
}
@media screen and (min-width: 768px) {
  .p-about-12-a {
    padding-block: 102px 116px;
  }
}
.p-about-12-a .p-about__text {
  padding-top: 16px;
}
@media screen and (min-width: 768px) {
  .p-about-12-a .p-about__text {
    padding-top: 36px;
  }
}
.p-about-12-a .p-about__contents {
  padding-top: 29px;
}
@media screen and (min-width: 768px) {
  .p-about-12-a .p-about__contents {
    padding-top: 38px;
  }
}
.p-about-12-a .p-about__boxes {
  display: grid;
  grid-template-columns: 1fr;
  gap: 7px;
}
@media screen and (min-width: 768px) {
  .p-about-12-a .p-about__boxes {
    row-gap: 60px;
  }
}
@media screen and (min-width: 768px) {
  .p-about-12-a .p-about__box {
    display: grid;
    -webkit-column-gap: clamp(10px, 10px + (20) * (100vw - 768px) / (1366 - 768), 30px);
    -moz-column-gap: clamp(10px, 10px + (20) * (100vw - 768px) / (1366 - 768), 30px);
    column-gap: clamp(10px, 10px + (20) * (100vw - 768px) / (1366 - 768), 30px);
    grid-template-columns: auto auto;
    grid-template-rows: auto auto;
  }
}
@media screen and (min-width: 768px) {
  .p-about-12-a .p-about__box--1 {
    grid-template-areas: "img text";
  }
}
@media screen and (min-width: 768px) {
  .p-about-12-a .p-about__box--2 {
    grid-template-areas: "text img";
  }
}
.p-about-12-a .p-about__box-img {
  grid-area: img;
  padding-top: 8px;
}
@media screen and (min-width: 768px) {
  .p-about-12-a .p-about__box-img {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-top: 0;
    width: clamp(300px, 300px + (100) * (100vw - 768px) / (1366 - 768), 400px);
  }
}
.p-about-12-a .p-about__box-text-wrap {
  grid-area: text;
  padding-block: 13px 24px;
}
@media screen and (min-width: 768px) {
  .p-about-12-a .p-about__box-text-wrap {
    padding-block: 0px 0px;
    padding-inline: 0px;
  }
}
.p-about-12-a .p-about__box-text p {
  font-size: 0.875rem;
  line-height: 1.79;
}
@media screen and (min-width: 768px) {
  .p-about-12-a .p-about__box-text p {
    font-size: clamp(0.75rem, 0.4289297659rem + 0.6688963211vw, 1rem);
    line-height: 1.56;
  }
}
.p-about-12-a .p-about__box-text + .p-about__box-text {
  padding-top: 24px;
}
@media screen and (min-width: 768px) {
  .p-about-12-a .p-about__box-text + .p-about__box-text {
    padding-top: clamp(15px, 15px + (10) * (100vw - 768px) / (1366 - 768), 25px);
  }
}

/*----------------------------------
    p-about-12
-----------------------------------*/
.p-about-12 {
  padding-block: 39px;
}
@media screen and (min-width: 768px) {
  .p-about-12 {
    padding-block: 102px 116px;
  }
}
.p-about-12 .p-about__text {
  padding-top: 16px;
}
@media screen and (min-width: 768px) {
  .p-about-12 .p-about__text {
    padding-top: 36px;
  }
}
.p-about-12 .p-about__contents {
  padding-top: 29px;
}
@media screen and (min-width: 768px) {
  .p-about-12 .p-about__contents {
    padding-top: 38px;
  }
}
.p-about-12 .p-about__boxes {
  display: grid;
  grid-template-columns: 1fr;
  gap: 7px;
}
@media screen and (min-width: 768px) {
  .p-about-12 .p-about__boxes {
    row-gap: 60px;
  }
}
@media screen and (min-width: 768px) {
  .p-about-12 .p-about__box {
    display: grid;
    -webkit-column-gap: clamp(10px, 10px + (20) * (100vw - 768px) / (1366 - 768), 30px);
    -moz-column-gap: clamp(10px, 10px + (20) * (100vw - 768px) / (1366 - 768), 30px);
    column-gap: clamp(10px, 10px + (20) * (100vw - 768px) / (1366 - 768), 30px);
    grid-template-columns: auto auto;
    grid-template-rows: auto auto;
  }
}
@media screen and (min-width: 768px) {
  .p-about-12 .p-about__box--1 {
    grid-template-areas: "img title" "img text";
  }
}
@media screen and (min-width: 768px) {
  .p-about-12 .p-about__box--2 {
    grid-template-areas: "title img" "text img";
  }
}
.p-about-12 .p-about__box-body-title {
  grid-area: title;
  padding-block: 10px 8px;
  padding-inline: 20px;
  border-top: 1px solid #999999;
  border-left: 12px solid var(--color-300);
}
@media screen and (min-width: 768px) {
  .p-about-12 .p-about__box-body-title {
    padding-block: 8px 0px;
    padding-inline: clamp(15px, 15px + (5) * (100vw - 768px) / (1366 - 768), 20px);
  }
}
.p-about-12 .p-about__box-body-title h3 {
  font-size: 1.25rem;
  line-height: 1.6;
}
@media screen and (min-width: 768px) {
  .p-about-12 .p-about__box-body-title h3 {
    font-size: clamp(1rem, 0.6789297659rem + 0.6688963211vw, 1.25rem);
    line-height: 1.6;
  }
}
.p-about-12 .p-about__box-img {
  grid-area: img;
  padding-top: 8px;
}
@media screen and (min-width: 768px) {
  .p-about-12 .p-about__box-img {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-top: 0;
    width: clamp(280px, 280px + (120) * (100vw - 768px) / (1366 - 768), 400px);
  }
}
.p-about-12 .p-about__box-text-wrap {
  grid-area: text;
  padding-block: 13px 24px;
}
@media screen and (min-width: 768px) {
  .p-about-12 .p-about__box-text-wrap {
    padding-block: clamp(15px, 15px + (9) * (100vw - 768px) / (1366 - 768), 24px) 0px;
    padding-inline: 0px;
  }
}
.p-about-12 .p-about__box-text p {
  font-size: 0.875rem;
  line-height: 1.79;
}
@media screen and (min-width: 768px) {
  .p-about-12 .p-about__box-text p {
    font-size: clamp(0.75rem, 0.4289297659rem + 0.6688963211vw, 1rem);
    line-height: 1.56;
  }
}
.p-about-12 .p-about__box-text + .p-about__box-text {
  padding-top: 24px;
}
@media screen and (min-width: 768px) {
  .p-about-12 .p-about__box-text + .p-about__box-text {
    padding-top: clamp(15px, 15px + (10) * (100vw - 768px) / (1366 - 768), 25px);
  }
}

/*----------------------------------
    p-about-13
-----------------------------------*/
.p-about-13 {
  padding-block: 20px 40px;
}
@media screen and (min-width: 768px) {
  .p-about-13 {
    padding-block: 95px 59px;
  }
}
.p-about-13 .p-about__text {
  padding-top: 16px;
}
@media screen and (min-width: 768px) {
  .p-about-13 .p-about__text {
    padding-top: 36px;
  }
}
.p-about-13 .p-about__contents {
  padding-top: 29px;
}
@media screen and (min-width: 768px) {
  .p-about-13 .p-about__contents {
    padding-top: 38px;
  }
}
.p-about-13 .p-about__boxes {
  display: grid;
  grid-template-columns: 1fr;
  gap: 17px;
}
@media screen and (min-width: 768px) {
  .p-about-13 .p-about__boxes {
    row-gap: 28px;
  }
}
.p-about-13 .p-about__box {
  border: 1px solid #999999;
  border-radius: 10px;
  padding-inline: 24px;
  padding-block: 21px;
}
@media screen and (min-width: 768px) {
  .p-about-13 .p-about__box {
    padding-inline: 0px;
    padding-block: 0px;
    display: grid;
    -webkit-column-gap: 0;
    -moz-column-gap: 0;
    column-gap: 0;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto 1fr;
  }
}
@media screen and (min-width: 768px) {
  .p-about-13 .p-about__box--1 {
    grid-template-areas: "img title" "img text";
  }
}
@media screen and (min-width: 768px) {
  .p-about-13 .p-about__box--2 {
    grid-template-areas: "title img" "text img";
  }
}
.p-about-13 .p-about__box-body-title {
  grid-area: title;
  padding-block: 0px 16px;
  text-align: center;
  border-bottom: 1px solid #999999;
}
@media screen and (min-width: 768px) {
  .p-about-13 .p-about__box-body-title {
    padding-block: 30px 16px;
    padding-block: clamp(15px, 15px + (15) * (100vw - 768px) / (1366 - 768), 30px) 16px;
    margin-inline: clamp(15px, 15px + (25) * (100vw - 768px) / (1366 - 768), 40px);
    -moz-text-align-last: left;
    text-align-last: left;
  }
}
.p-about-13 .p-about__box-body-title h3 {
  font-size: 1.25rem;
  line-height: 1.6;
}
@media screen and (min-width: 768px) {
  .p-about-13 .p-about__box-body-title h3 {
    font-size: clamp(1rem, 0.6789297659rem + 0.6688963211vw, 1.25rem);
    line-height: 1.6;
  }
}
.p-about-13 .p-about__box-img {
  grid-area: img;
  padding-top: 14px;
}
@media screen and (min-width: 768px) {
  .p-about-13 .p-about__box-img {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-top: 0;
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  .p-about-13 .p-about__box-img-1 {
    border-radius: 10px 0 0 10px;
  }
}
@media screen and (min-width: 768px) {
  .p-about-13 .p-about__box-img-1 img {
    border-radius: 10px 0 0 10px;
  }
}
@media screen and (min-width: 768px) {
  .p-about-13 .p-about__box-img-2 {
    border-radius: 0 10px 10px 0;
  }
}
@media screen and (min-width: 768px) {
  .p-about-13 .p-about__box-img-2 img {
    border-radius: 0 10px 10px 0;
  }
}
.p-about-13 .p-about__box-text-wrap {
  grid-area: text;
  padding-block: 19px 0px;
}
@media screen and (min-width: 768px) {
  .p-about-13 .p-about__box-text-wrap {
    padding-block: clamp(15px, 15px + (4) * (100vw - 768px) / (1366 - 768), 19px)
      clamp(15px, 15px + (4) * (100vw - 768px) / (1366 - 768), 19px);
    padding-inline: 0px;
    margin-inline: clamp(15px, 15px + (25) * (100vw - 768px) / (1366 - 768), 40px);
  }
}
.p-about-13 .p-about__box-text p {
  font-size: 0.875rem;
  line-height: 1.29;
}
@media screen and (min-width: 768px) {
  .p-about-13 .p-about__box-text p {
    font-size: clamp(0.75rem, 0.4289297659rem + 0.6688963211vw, 1rem);
    line-height: 1.56;
  }
}
.p-about-13 .p-about__box-text + .p-about__box-text {
  padding-top: 19px;
}
@media screen and (min-width: 768px) {
  .p-about-13 .p-about__box-text + .p-about__box-text {
    padding-top: clamp(15px, 15px + (10) * (100vw - 768px) / (1366 - 768), 25px);
  }
}

/*----------------------------------
    p-about-14
-----------------------------------*/
.p-about-14 {
  padding-block: 45px;
}
@media screen and (min-width: 768px) {
  .p-about-14 {
    padding-block: 116px 80px;
  }
}
.p-about-14 .p-about__text {
  padding-top: 16px;
}
@media screen and (min-width: 768px) {
  .p-about-14 .p-about__text {
    padding-top: 30px;
  }
}
.p-about-14 .p-about__contents {
  padding-top: 21px;
}
@media screen and (min-width: 768px) {
  .p-about-14 .p-about__contents {
    padding-top: 38px;
  }
}
.p-about-14 .p-about__boxes {
  display: grid;
  grid-template-columns: 1fr;
  gap: 21px;
}
@media screen and (min-width: 768px) {
  .p-about-14 .p-about__boxes {
    row-gap: 51px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
.p-about-14 .p-about__box {
  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-about-14 .p-about__box {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: clamp(15px, 15px + (25) * (100vw - 768px) / (1366 - 768), 40px);
  }
}
@media screen and (min-width: 768px) {
  .p-about-14 .p-about__box--1 {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}
@media screen and (min-width: 768px) {
  .p-about-14 .p-about__box--2 {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
}
.p-about-14 .p-about__box-body-title {
  padding-block: 16px 0px;
}
@media screen and (min-width: 768px) {
  .p-about-14 .p-about__box-body-title {
    padding-block: 8px 0px;
  }
}
.p-about-14 .p-about__box-body-title h3 {
  font-size: 1.375rem;
  line-height: 1.73;
}
@media screen and (min-width: 768px) {
  .p-about-14 .p-about__box-body-title h3 {
    font-size: clamp(1rem, 0.3578595318rem + 1.3377926421vw, 1.5rem);
    line-height: 1.58;
  }
}
.p-about-14 .p-about__box-img {
  padding-top: 8px;
  width: calc(100% + 32px);
}
@media screen and (min-width: 768px) {
  .p-about-14 .p-about__box-img {
    width: 100vw;
    width: clamp(382px, 382px + (261) * (100vw - 768px) / (1366 - 768), 643px);
    max-width: 643px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }
}
.p-about-14 .p-about__box-img-1 {
  margin-left: -32px;
}
@media screen and (min-width: 768px) {
  .p-about-14 .p-about__box-img-1 {
    margin-left: clamp(-203px, -30px + -173 * (100vw - 768px) / 598, -30px);
  }
}
.p-about-14 .p-about__box-img-2 {
  margin-right: -32px;
}
@media screen and (min-width: 768px) {
  .p-about-14 .p-about__box-img-2 {
    margin-right: clamp(-203px, -30px + -173 * (100vw - 768px) / 598, -30px);
  }
}
.p-about-14 .p-about__box-text-wrap {
  padding-block: 10px 0px;
}
@media screen and (min-width: 768px) {
  .p-about-14 .p-about__box-text-wrap {
    padding-block: 16px 0px;
    padding-inline: 0px;
  }
}
.p-about-14 .p-about__box-text p {
  font-size: 0.875rem;
  line-height: 1.79;
}
@media screen and (min-width: 768px) {
  .p-about-14 .p-about__box-text p {
    font-size: clamp(0.75rem, 0.4289297659rem + 0.6688963211vw, 1rem);
    line-height: 1.56;
  }
}
.p-about-14 .p-about__box-text + .p-about__box-text {
  padding-top: 24px;
}
@media screen and (min-width: 768px) {
  .p-about-14 .p-about__box-text + .p-about__box-text {
    padding-top: 25px;
  }
}

/*----------------------------------
    p-about-15
-----------------------------------*/
.p-about-15 {
  padding-block: 39px 2px;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .p-about-15 {
    padding-block: 99px 107px;
  }
}
.p-about-15 .p-about__text {
  padding-top: 16px;
}
@media screen and (min-width: 768px) {
  .p-about-15 .p-about__text {
    padding-top: 36px;
  }
}
.p-about-15 .p-about__contents {
  padding-top: 67px;
}
@media screen and (min-width: 768px) {
  .p-about-15 .p-about__contents {
    padding-top: 38px;
  }
}
.p-about-15 .p-about__boxes {
  display: grid;
  grid-template-columns: 1fr;
  gap: 30px;
}
@media screen and (min-width: 768px) {
  .p-about-15 .p-about__boxes {
    row-gap: 60px;
  }
}
@media screen and (min-width: 768px) {
  .p-about-15 .p-about__box {
    display: grid;
    -webkit-column-gap: clamp(20px, 20px + (10) * (100vw - 768px) / (1366 - 768), 30px);
    -moz-column-gap: clamp(20px, 20px + (10) * (100vw - 768px) / (1366 - 768), 30px);
    column-gap: clamp(20px, 20px + (10) * (100vw - 768px) / (1366 - 768), 30px);
    grid-template-columns: auto auto;
    grid-template-rows: auto auto;
  }
}
@media screen and (min-width: 768px) {
  .p-about-15 .p-about__box--1 {
    grid-template-areas: "img text";
  }
}
@media screen and (min-width: 768px) {
  .p-about-15 .p-about__box--2 {
    grid-template-areas: "text img";
  }
}
.p-about-15 .p-about__box-img-wrap {
  position: relative;
  grid-area: img;
}
@media screen and (min-width: 768px) {
  .p-about-15 .p-about__box-img-wrap {
    margin-left: 0;
  }
}
.p-about-15 .p-about__box-img-wrap--1 {
  margin-left: -32px;
}
@media screen and (min-width: 768px) {
  .p-about-15 .p-about__box-img-wrap--1 {
    margin-left: 0;
  }
}
.p-about-15 .p-about__box-img-wrap--1 .p-about__box-accent-1 {
  position: absolute;
  top: -40px;
  right: -9px;
  width: 321px;
  height: 199px;
}
@media screen and (min-width: 768px) {
  .p-about-15 .p-about__box-img-wrap--1 .p-about__box-accent-1 {
    top: -82px;
    right: auto;
    left: -20%;
    width: clamp(200px, 200px + (121) * (100vw - 768px) / (1366 - 768), 321px);
    height: clamp(140px, 140px + (59) * (100vw - 768px) / (1366 - 768), 199px);
  }
}
.p-about-15 .p-about__box-img-wrap--1 .p-about__box-accent-2 {
  position: absolute;
  top: 59px;
  right: 19px;
  width: 253px;
  height: 157px;
}
@media screen and (min-width: 768px) {
  .p-about-15 .p-about__box-img-wrap--1 .p-about__box-accent-2 {
    top: auto;
    right: auto;
    left: -28%;
    bottom: -79px;
    width: clamp(180px, 180px + (73) * (100vw - 768px) / (1366 - 768), 253px);
    height: clamp(120px, 120px + (37) * (100vw - 768px) / (1366 - 768), 157px);
  }
}
.p-about-15 .p-about__box-img-wrap--2 {
  margin-right: -9px;
}
@media screen and (min-width: 768px) {
  .p-about-15 .p-about__box-img-wrap--2 {
    margin-right: 0;
  }
}
.p-about-15 .p-about__box-img-wrap--2 .p-about__box-accent-1 {
  position: absolute;
  z-index: 1;
  top: -40px;
  left: -33px;
  width: 321px;
  height: 199px;
}
@media screen and (min-width: 768px) {
  .p-about-15 .p-about__box-img-wrap--2 .p-about__box-accent-1 {
    width: clamp(200px, 200px + (121) * (100vw - 768px) / (1366 - 768), 321px);
    height: clamp(140px, 140px + (59) * (100vw - 768px) / (1366 - 768), 199px);
    top: -105px;
    left: auto;
    right: -22%;
  }
}
.p-about-15 .p-about__box-img-wrap--2 .p-about__box-accent-2 {
  position: absolute;
  z-index: 2;
  top: 59px;
  left: -4px;
  width: 253px;
  height: 157px;
}
@media screen and (min-width: 768px) {
  .p-about-15 .p-about__box-img-wrap--2 .p-about__box-accent-2 {
    width: clamp(180px, 180px + (73) * (100vw - 768px) / (1366 - 768), 253px);
    height: clamp(120px, 120px + (37) * (100vw - 768px) / (1366 - 768), 157px);
    top: auto;
    left: -5%;
    bottom: -54px;
  }
}
.p-about-15 .p-about__box-img {
  position: relative;
  z-index: 3;
  width: 324px;
}
@media screen and (min-width: 768px) {
  .p-about-15 .p-about__box-img {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-top: 0;
    width: clamp(300px, 300px + (100) * (100vw - 768px) / (1366 - 768), 400px);
  }
}
.p-about-15 .p-about__box-img--2 {
  margin-left: auto;
}
.p-about-15 .p-about__box-text-wrap {
  grid-area: text;
  padding-block: 31px 24px;
  position: relative;
  z-index: 3;
}
@media screen and (min-width: 768px) {
  .p-about-15 .p-about__box-text-wrap {
    -ms-flex-item-align: stretch;
    align-self: stretch;
    padding-block: 0px 0px;
    padding-inline: 0px;
  }
}
.p-about-15 .p-about__box-text p {
  font-size: 0.875rem;
  line-height: 1.79;
}
@media screen and (min-width: 768px) {
  .p-about-15 .p-about__box-text p {
    font-size: clamp(0.75rem, 0.4289297659rem + 0.6688963211vw, 1rem);
    line-height: 1.56;
  }
}
.p-about-15 .p-about__box-text + .p-about__box-text {
  padding-top: 24px;
}
@media screen and (min-width: 768px) {
  .p-about-15 .p-about__box-text + .p-about__box-text {
    padding-top: 25px;
  }
}

/*----------------------------------
    p-about-16
-----------------------------------*/
.p-about-16 {
  background: url("../img/point_bg.webp") repeat;
  background-size: 100%;
  padding: 30px 0px 40px 0px;
}
@media screen and (min-width: 768px) {
  .p-about-16 {
    padding-block: 99px 125px;
  }
}
.p-about-16 .p-about__text {
  padding-top: 16px;
}
@media screen and (min-width: 768px) {
  .p-about-16 .p-about__text {
    padding-top: 36px;
  }
}
.p-about-16 .p-about__contents {
  padding-top: 67px;
}
@media screen and (min-width: 768px) {
  .p-about-16 .p-about__contents {
    padding-top: 38px;
  }
}
.p-about-16 .p-about__boxes {
  display: grid;
  grid-template-columns: 1fr;
  gap: 60px;
}
@media screen and (min-width: 768px) {
  .p-about-16 .p-about__boxes {
    row-gap: 93px;
  }
}
@media screen and (min-width: 768px) {
  .p-about-16 .p-about__box {
    display: grid;
    -webkit-column-gap: clamp(20px, 20px + (10) * (100vw - 768px) / (1366 - 768), 30px);
    -moz-column-gap: clamp(20px, 20px + (10) * (100vw - 768px) / (1366 - 768), 30px);
    column-gap: clamp(20px, 20px + (10) * (100vw - 768px) / (1366 - 768), 30px);
    grid-template-columns: auto auto;
    grid-template-rows: auto auto;
    position: relative;
  }
}
@media screen and (min-width: 768px) {
  .p-about-16 .p-about__box--1 {
    grid-template-areas: "img text";
  }
}
@media screen and (min-width: 768px) {
  .p-about-16 .p-about__box--2 {
    grid-template-areas: "text img";
  }
}
.p-about-16 .p-about__box-img-wrap {
  position: relative;
  grid-area: img;
  z-index: 3;
}
@media screen and (min-width: 768px) {
  .p-about-16 .p-about__box-img-wrap {
    z-index: auto;
    margin-left: 0;
  }
}
.p-about-16 .p-about__box-img-wrap--1 {
  margin-left: -32px;
}
@media screen and (min-width: 768px) {
  .p-about-16 .p-about__box-img-wrap--1 {
    margin-left: 0;
  }
}
.p-about-16 .p-about__box-img-wrap--1 .p-about__box-accent-1 {
  position: absolute;
  top: -40px;
  right: -9px;
  width: 321px;
  height: 199px;
}
@media screen and (min-width: 768px) {
  .p-about-16 .p-about__box-img-wrap--1 .p-about__box-accent-1 {
    top: -82px;
    right: auto;
    left: -20%;
    width: clamp(200px, 200px + (121) * (100vw - 768px) / (1366 - 768), 321px);
    height: clamp(140px, 140px + (59) * (100vw - 768px) / (1366 - 768), 199px);
  }
}
.p-about-16 .p-about__box-img-wrap--1 .p-about__box-accent-2 {
  position: absolute;
  top: 30px;
  right: 19px;
  width: 253px;
  height: 157px;
}
@media screen and (min-width: 768px) {
  .p-about-16 .p-about__box-img-wrap--1 .p-about__box-accent-2 {
    top: auto;
    right: auto;
    z-index: 1;
    left: 50%;
    bottom: 50%;
    width: clamp(180px, 180px + (73) * (100vw - 768px) / (1366 - 768), 253px);
    height: clamp(120px, 120px + (37) * (100vw - 768px) / (1366 - 768), 157px);
  }
}
.p-about-16 .p-about__box-img-wrap--2 {
  margin-right: -9px;
}
@media screen and (min-width: 768px) {
  .p-about-16 .p-about__box-img-wrap--2 {
    margin-right: 0;
  }
}
.p-about-16 .p-about__box-img-wrap--2 .p-about__box-accent-1 {
  position: absolute;
  top: -40px;
  left: -33px;
  width: 321px;
  height: 199px;
}
@media screen and (min-width: 768px) {
  .p-about-16 .p-about__box-img-wrap--2 .p-about__box-accent-1 {
    width: clamp(200px, 200px + (121) * (100vw - 768px) / (1366 - 768), 321px);
    height: clamp(140px, 140px + (59) * (100vw - 768px) / (1366 - 768), 199px);
    top: -105px;
    left: auto;
    right: -10%;
    z-index: 1;
  }
}
@media screen and (min-width: 950px) {
  .p-about-16 .p-about__box-img-wrap--2 .p-about__box-accent-1 {
    width: clamp(200px, 200px + (121) * (100vw - 768px) / (1366 - 768), 321px);
    height: clamp(140px, 140px + (59) * (100vw - 768px) / (1366 - 768), 199px);
    top: -105px;
    left: auto;
    right: -22%;
    z-index: 1;
  }
}
.p-about-16 .p-about__box-img-wrap--2 .p-about__box-accent-2 {
  position: absolute;
  top: 30px;
  left: -4px;
  width: 253px;
  height: 157px;
}
@media screen and (min-width: 768px) {
  .p-about-16 .p-about__box-img-wrap--2 .p-about__box-accent-2 {
    width: clamp(180px, 180px + (43) * (100vw - 768px) / (1366 - 768), 223px);
    height: clamp(120px, 120px + (37) * (100vw - 768px) / (1366 - 768), 157px);
    top: auto;
    left: -5%;
    bottom: 50%;
    z-index: 1;
  }
}
.p-about-16 .p-about__box-img {
  position: relative;
  width: 324px;
}
@media screen and (min-width: 768px) {
  .p-about-16 .p-about__box-img {
    z-index: 10;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-top: 0;
    width: clamp(300px, 300px + (100) * (100vw - 768px) / (1366 - 768), 400px);
  }
}
.p-about-16 .p-about__box-img--2 {
  margin-left: auto;
}
.p-about-16 .p-about__box-text-wrap-1 {
  grid-area: text;
  padding-block: 31px 24px;
  position: relative;
  z-index: 0;
  padding-inline: 11px;
}
@media screen and (min-width: 768px) {
  .p-about-16 .p-about__box-text-wrap-1 {
    z-index: 8;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    padding-block: 14px 0px;
    padding-inline: 0px 40px;
  }
}
.p-about-16 .p-about__box-text-wrap-1::before {
  content: "";
  position: absolute;
  top: -46px;
  left: -10px;
  right: -10px;
  bottom: 0px;
  background-color: rgba(255, 255, 255, 0.9);
  z-index: -1;
}
@media screen and (min-width: 768px) {
  .p-about-16 .p-about__box-text-wrap-1::before {
    top: -28px;
    left: -40px;
    right: 0px;
    bottom: -40px;
  }
}
.p-about-16 .p-about__box-text-wrap-2 {
  grid-area: text;
  padding-block: 31px 24px;
  position: relative;
  z-index: 0;
  padding-inline: 11px;
}
@media screen and (min-width: 768px) {
  .p-about-16 .p-about__box-text-wrap-2 {
    z-index: 8;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    padding-block: 14px 0px;
    padding-inline: 40px 0px;
  }
}
.p-about-16 .p-about__box-text-wrap-2::before {
  content: "";
  position: absolute;
  top: -46px;
  left: -10px;
  right: -10px;
  bottom: 0px;
  background-color: rgba(255, 255, 255, 0.9);
  z-index: -1;
}
@media screen and (min-width: 768px) {
  .p-about-16 .p-about__box-text-wrap-2::before {
    top: -28px;
    left: 0px;
    right: -40px;
    bottom: -40px;
  }
}
.p-about-16 .p-about__box-text {
  position: relative;
  z-index: 5;
}
.p-about-16 .p-about__box-text p {
  font-size: 1rem;
  line-height: 1.79;
}
@media screen and (min-width: 768px) {
  .p-about-16 .p-about__box-text p {
    font-size: clamp(1rem, 0.4289297659rem + 0.6688963211vw, 1rem);
    line-height: 1.56;
    padding-top: 15px;
  }
}
.p-about-16 .p-about__box-text + .p-about__box-text {
  padding-top: -5px;
}
@media screen and (min-width: 768px) {
  .p-about-16 .p-about__box-text + .p-about__box-text {
    padding-top: -2px;
  }
}

/*----------------------------------
    p-about-17
-----------------------------------*/
.p-about-17 {
  padding-block: 42px 60px;
}
@media screen and (min-width: 768px) {
  .p-about-17 {
    padding-block: 99px 96px;
  }
}
.p-about-17 .p-about__text {
  padding-top: 16px;
}
@media screen and (min-width: 768px) {
  .p-about-17 .p-about__text {
    padding-top: 36px;
  }
}
.p-about-17 .p-about__contents {
  padding-top: 29px;
}
@media screen and (min-width: 768px) {
  .p-about-17 .p-about__contents {
    padding-top: 65px;
  }
}
.p-about-17 .p-about__boxes {
  display: grid;
  grid-template-columns: 1fr;
  gap: 35px;
}
@media screen and (min-width: 768px) {
  .p-about-17 .p-about__boxes {
    gap: 29px;
  }
}
.p-about-17 .p-about__box {
  border: 1px solid #999999;
  border-radius: 10px;
}
@media screen and (min-width: 768px) {
  .p-about-17 .p-about__box-img {
    width: clamp(300px, 300px + (160) * (100vw - 768px) / (1366 - 768), 460px);
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }
}
.p-about-17 .p-about__box-body {
  padding-inline: 24px;
  padding-block: 24px;
}
@media screen and (min-width: 768px) {
  .p-about-17 .p-about__box-body {
    padding-inline: 21px;
    padding-block: 21px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 40px;
  }
}
@media screen and (min-width: 768px) {
  .p-about-17 .p-about__box-body-1 {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}
@media screen and (min-width: 768px) {
  .p-about-17 .p-about__box-body-2 {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
}
.p-about-17 .p-about__box-body-title {
  text-align: center;
  border-radius: 10px 10px 0 0;
  padding-block: 6px 5px;
  padding-inline: 20px;
}
@media screen and (min-width: 768px) {
  .p-about-17 .p-about__box-body-title {
    padding-block: 6px 10px;
    padding-inline: clamp(15px, 15px + (15) * (100vw - 768px) / (1366 - 768), 30px);
  }
}
.p-about-17 .p-about__box-body-title h3 {
  font-size: 1.25rem;
  line-height: 1.4;
}
@media screen and (min-width: 768px) {
  .p-about-17 .p-about__box-body-title h3 {
    font-size: clamp(1rem, 0.6789297659rem + 0.6688963211vw, 1.25rem);
    line-height: 1.6;
  }
}
.p-about-17 .p-about__box-text-wrap {
  padding-block: 17px 0px;
}
@media screen and (min-width: 768px) {
  .p-about-17 .p-about__box-text-wrap {
    padding-block: 19px 0px;
  }
}
.p-about-17 .p-about__box-text {
  font-size: 0.875rem;
  line-height: 1.29;
}
@media screen and (min-width: 768px) {
  .p-about-17 .p-about__box-text {
    font-size: clamp(0.75rem, 0.4289297659rem + 0.6688963211vw, 1rem);
    line-height: 1.56;
  }
}
.p-about-17 .p-about__box-text + .p-about__box-text {
  padding-top: 18px;
}
@media screen and (min-width: 768px) {
  .p-about-17 .p-about__box-text + .p-about__box-text {
    padding-top: 25px;
  }
}

/*----------------------------------
    p-about-18
-----------------------------------*/
.p-about-18 {
  background: url("../img/point_bg.webp") repeat;
  background-size: 100%;
  padding: 30px 0px 40px 0px;
}
@media screen and (min-width: 768px) {
  .p-about-18 {
    padding: 60px 0px 80px 0px;
  }
}
.p-about-18 .p-about__text {
  padding-top: 20px;
}
@media screen and (min-width: 768px) {
  .p-about-18 .p-about__text {
    padding: 25px 0px 10px 0px;
  }
}
.p-about-18 .p-about__contents {
  padding-top: 50px;
}
@media screen and (min-width: 768px) {
  .p-about-18 .p-about__contents {
    padding-top: 25px;
  }
}
.p-about-18 .p-about__boxes {
  display: grid;
  grid-template-columns: 1fr;
  gap: 60px;
}
@media screen and (min-width: 768px) {
  .p-about-18 .p-about__boxes {
    gap: 25px;
  }
}
.p-about-18 .p-about__box {
  border-radius: 0px;
  position: relative;
  background-color: #fff;
  border: 1px solid #a5a5a5;
}
.p-about-18 .p-about__box-img {
  padding-top: 16px;
}
@media screen and (min-width: 768px) {
  .p-about-18 .p-about__box-img {
    width: clamp(360px, 360px + (230) * (100vw - 768px) / (1366 - 768), 590px);
    padding-top: 13px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }
}
.p-about-18 .p-about__box-img-1 {
  margin-right: -48px;
}
@media screen and (min-width: 768px) {
  .p-about-18 .p-about__box-img-1 {
    margin-right: 0;
    margin-left: calc(-48px + -125 * (100vw - 768px) / 602);
  }
}
.p-about-18 .p-about__box-img-2 {
  margin-left: -48px;
}
@media screen and (min-width: 768px) {
  .p-about-18 .p-about__box-img-2 {
    margin-left: 0;
    margin-right: calc(-48px + -125 * (100vw - 768px) / 602);
  }
}
.p-about-18 .p-about__box-body {
  padding-inline: 24px;
  padding-block: 0px 32px;
  position: relative;
}
@media screen and (min-width: 768px) {
  .p-about-18 .p-about__box-body {
    padding-inline: clamp(20px, 20px + (22) * (100vw - 768px) / (1366 - 768), 42px);
    padding-block: 30px 37px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: clamp(20px, 20px + (20) * (100vw - 768px) / (1366 - 768), 40px);
  }
}
@media screen and (min-width: 768px) {
  .p-about-18 .p-about__box-body-1 {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
}
@media screen and (min-width: 768px) {
  .p-about-18 .p-about__box-body-2 {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}
.p-about-18 .p-about__box-body-wrap {
  position: relative;
  padding-top: 21px;
}
@media screen and (min-width: 768px) {
  .p-about-18 .p-about__box-body-wrap {
    padding-top: clamp(20px, 20px + (49) * (100vw - 768px) / (1366 - 768), 69px);
  }
}
.p-about-18 .p-about__box-body-title {
  text-align: center;
  position: absolute;
  top: 0%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  padding-block: 15px 15px;
  width: clamp(385px, 385px + (75) * (100vw - 430px) / (767 - 430), 460px);
}
@media screen and (min-width: 768px) {
  .p-about-18 .p-about__box-body-title {
    -moz-text-align-last: left;
    text-align-last: left;
    width: clamp(385px, 385px + (132) * (100vw - 768px) / (1366 - 768), 517px);
    padding-block: clamp(8px, 8px + (11) * (100vw - 768px) / (1366 - 768), 19px)
      clamp(8px, 8px + (10) * (100vw - 768px) / (1366 - 768), 18px);
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }
}
.p-about-18 .p-about__box-body-title h3 {
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.4;
  text-align: left;
}

@media screen and (min-width: 768px) {
  .p-about-18 .p-about__box-body-title h3 {
    font-size: clamp(1.25rem, 0.6789297659rem + 0.6688963211vw, 1.25rem);
    line-height: 1.6;
  }
}

.p-about-18 .p-about__box-body-title-1 {
  padding-inline: 25px 20px;
  left: -48px;
}
@media screen and (min-width: 768px) {
  .p-about-18 .p-about__box-body-title-1 {
    left: 0;
    padding-inline: clamp(30px, 15px + (13) * (100vw - 768px) / (1366 - 768), 28px) 20px;
    margin-right: -30px;
    margin-left: auto;
  }
}
.p-about-18 .p-about__box-body-title-2 {
  padding-inline: 20px;
  right: -48px;
}
@media screen and (min-width: 768px) {
  .p-about-18 .p-about__box-body-title-2 {
    padding-inline: clamp(30px, 15px + (15) * (100vw - 768px) / (1366 - 768), 30px) 20px;
    right: 0;
  }
}
.p-about-18 .p-about__box-text-wrap {
  padding-block: 25px 10px;
}
@media screen and (min-width: 768px) {
  .p-about-18 .p-about__box-text-wrap {
    padding-block: 30px 0px;
  }
}
.p-about-18 .p-about__box-text {
  font-size: 1rem;
  line-height: 1.7;
}
@media screen and (min-width: 768px) {
  .p-about-18 .p-about__box-text {
    font-size: clamp(1rem, 0.4289297659rem + 0.6688963211vw, 1rem);
    line-height: 1.7;
  }
}
.p-about-18 .p-about__box-text + .p-about__box-text {
  padding-top: 18px;
}
@media screen and (min-width: 768px) {
  .p-about-18 .p-about__box-text + .p-about__box-text {
    padding-top: 25px;
  }
}

/*----------------------------------
    movie
-----------------------------------*/
.p-movie-1 {
  padding-block: 63px 73px;
  background-color: var(--color-50);
}
@media screen and (min-width: 768px) {
  .p-movie-1 {
    padding-block: 95px 132px;
  }
}
.p-movie-1 .p-movie__title-wrap {
  padding-inline: 24px;
  max-width: 558px;
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .p-movie-1 .p-movie__title-wrap {
    max-width: 1366px;
    padding-inline: clamp(30px, 30px + (328) * (100vw - 768px) / (1366 - 768), 358px);
  }
}
.p-movie-1 .p-movie__text {
  padding-top: 16px;
}
@media screen and (min-width: 768px) {
  .p-movie-1 .p-movie__text {
    padding-top: 40px;
  }
}
.p-movie-1 .p-movie__video-wrapper {
  width: 100%;
  height: auto;
  aspect-ratio: 430/242;
  margin-inline: auto;
  margin-top: 16px;
}
@media screen and (min-width: 768px) {
  .p-movie-1 .p-movie__video-wrapper {
    margin-top: 40px;
    width: clamp(600px, 600px + (50) * (100vw - 768px) / (1366 - 768), 650px);
    aspect-ratio: 650/366;
  }
}

/*----------------------------------
    p-movie-2
-----------------------------------*/
.p-movie-2 {
  padding-block: 63px 73px;
  background-color: var(--color-300);
}
@media screen and (min-width: 768px) {
  .p-movie-2 {
    padding-block: 95px 132px;
  }
}
.p-movie-2 .p-movie__title-wrap {
  padding-inline: 24px;
  max-width: 558px;
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .p-movie-2 .p-movie__title-wrap {
    max-width: 1366px;
    padding-inline: clamp(30px, 30px + (328) * (100vw - 768px) / (1366 - 768), 358px);
  }
}
.p-movie-2 .p-movie__text {
  padding-top: 16px;
}
@media screen and (min-width: 768px) {
  .p-movie-2 .p-movie__text {
    padding-top: 40px;
  }
}
.p-movie-2 .p-movie__video-wrapper {
  width: 100%;
  height: auto;
  aspect-ratio: 430/242;
  margin-inline: auto;
  margin-top: 16px;
}
@media screen and (min-width: 768px) {
  .p-movie-2 .p-movie__video-wrapper {
    margin-top: 40px;
    width: clamp(600px, 600px + (50) * (100vw - 768px) / (1366 - 768), 650px);
    aspect-ratio: 650/366;
  }
}

/*----------------------------------
    p-movie-3
-----------------------------------*/
.p-movie-3 {
  padding-block: 63px 73px;
  background: url(../img/p-movie-bg-sp.webp) no-repeat center center/cover;
}
@media screen and (min-width: 768px) {
  .p-movie-3 {
    background: url(../img/p-movie-bg-pc.webp) no-repeat center center/cover;
    padding-block: 95px 132px;
  }
}
.p-movie-3 .p-movie__title-wrap {
  padding-inline: 24px;
  max-width: 558px;
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .p-movie-3 .p-movie__title-wrap {
    max-width: 1366px;
    padding-inline: clamp(30px, 30px + (328) * (100vw - 768px) / (1366 - 768), 358px);
  }
}
.p-movie-3 .p-movie__text {
  padding-top: 16px;
}
@media screen and (min-width: 768px) {
  .p-movie-3 .p-movie__text {
    padding-top: 40px;
  }
}
.p-movie-3 .p-movie__video-wrapper {
  width: 100%;
  height: auto;
  aspect-ratio: 430/242;
  margin-inline: auto;
  margin-top: 16px;
}
@media screen and (min-width: 768px) {
  .p-movie-3 .p-movie__video-wrapper {
    margin-top: 40px;
    width: clamp(600px, 600px + (50) * (100vw - 768px) / (1366 - 768), 650px);
    aspect-ratio: 650/366;
  }
}

/*----------------------------------
    p-fluid-shape
-----------------------------------*/
.p-fluid-shape-1 {
  background-color: #fff;
  padding-block: 48px 8px;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .p-fluid-shape-1 {
    padding-block: 99px 89px;
  }
}
.p-fluid-shape-1 .p-fluid-shape__text {
  padding-top: 16px;
}
@media screen and (min-width: 768px) {
  .p-fluid-shape-1 .p-fluid-shape__text {
    padding-top: 36px;
  }
}
.p-fluid-shape-1 .p-fluid-shape__contents {
  padding-top: 16px;
}
@media screen and (min-width: 768px) {
  .p-fluid-shape-1 .p-fluid-shape__contents {
    padding-top: 4px;
  }
}
.p-fluid-shape-1 .p-fluid-shape__boxes {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0px;
}
@media screen and (min-width: 768px) {
  .p-fluid-shape-1 .p-fluid-shape__boxes {
    row-gap: 30px;
  }
}
@media screen and (min-width: 950px) {
  .p-fluid-shape-1 .p-fluid-shape__boxes {
    row-gap: 0px;
  }
}
@media screen and (min-width: 768px) {
  .p-fluid-shape-1 .p-fluid-shape__box {
    display: grid;
    -webkit-column-gap: clamp(20px, 20px + (20) * (100vw - 768px) / (1366 - 768), 40px);
    -moz-column-gap: clamp(20px, 20px + (20) * (100vw - 768px) / (1366 - 768), 40px);
    column-gap: clamp(20px, 20px + (20) * (100vw - 768px) / (1366 - 768), 40px);
    grid-template-columns: auto auto;
    grid-template-rows: auto auto;
    position: relative;
  }
}
@media screen and (min-width: 768px) {
  .p-fluid-shape-1 .p-fluid-shape__box--1 {
    grid-template-areas: "img text";
  }
}
@media screen and (min-width: 768px) {
  .p-fluid-shape-1 .p-fluid-shape__box--2 {
    grid-template-areas: "text img";
  }
}
.p-fluid-shape-1 .p-fluid-shape__box-img-wrap {
  position: relative;
  grid-area: img;
  z-index: 3;
  max-width: 430px;
}
@media screen and (min-width: 768px) {
  .p-fluid-shape-1 .p-fluid-shape__box-img-wrap {
    max-width: none;
    z-index: auto;
    margin-left: 0;
  }
}
@media screen and (min-width: 768px) {
  .p-fluid-shape-1 .p-fluid-shape__accent-sp {
    display: none;
  }
}
.p-fluid-shape-1 .p-fluid-shape__accent-pc {
  display: none;
}
@media screen and (min-width: 768px) {
  .p-fluid-shape-1 .p-fluid-shape__accent-pc {
    display: block;
  }
}
@media screen and (min-width: 768px) {
  .p-fluid-shape-1 .p-fluid-shape__box-img-wrap--1 {
    margin-left: -12px;
  }
}
.p-fluid-shape-1 .p-fluid-shape__box-img-wrap--1 .p-fluid-shape__box-accent-1 {
  position: absolute;
  top: -2px;
  left: 6px;
  width: 109px;
  height: auto;
}
@media screen and (min-width: 768px) {
  .p-fluid-shape-1 .p-fluid-shape__box-img-wrap--1 .p-fluid-shape__box-accent-1 {
    width: clamp(200px, 200px + (27) * (100vw - 768px) / (1366 - 768), 227px);
    top: -145px;
    left: -50px;
    z-index: 1;
  }
}
.p-fluid-shape-1 .p-fluid-shape__box-img-wrap--1 .p-fluid-shape__box-accent-1 svg path {
  fill: var(--color-50);
}
.p-fluid-shape-1 .p-fluid-shape__box-img-wrap--1 .p-fluid-shape__box-accent-2 {
  position: absolute;
  top: 107px;
  left: -18px;
  width: 199px;
}
@media screen and (min-width: 768px) {
  .p-fluid-shape-1 .p-fluid-shape__box-img-wrap--1 .p-fluid-shape__box-accent-2 {
    width: clamp(180px, 180px + (76) * (100vw - 768px) / (1366 - 768), 256px);
    top: auto;
    left: -34%;
    bottom: -38px;
    z-index: 1;
  }
}
.p-fluid-shape-1 .p-fluid-shape__box-img-wrap--1 .p-fluid-shape__box-accent-2 svg path {
  fill: var(--color-100);
}
@media screen and (min-width: 768px) {
  .p-fluid-shape-1 .p-fluid-shape__box-img-wrap--2 {
    margin-right: -26px;
    margin-top: calc(0px - 27 * (100vw - 798px) / 568);
  }
}
@media screen and (min-width: 1200px) {
  .p-fluid-shape-1 .p-fluid-shape__box-img-wrap--2 {
    margin-top: -27px;
  }
}
.p-fluid-shape-1 .p-fluid-shape__box-img-wrap--2 .p-fluid-shape__box-accent-1 {
  position: absolute;
  bottom: -24px;
  left: -22px;
  width: 163px;
  height: auto;
}
@media screen and (min-width: 768px) {
  .p-fluid-shape-1 .p-fluid-shape__box-img-wrap--2 .p-fluid-shape__box-accent-1 {
    bottom: auto;
    top: -83px;
    left: auto;
    right: -36%;
    width: clamp(240px, 240px + (50) * (100vw - 768px) / (1366 - 768), 290px);
  }
}
.p-fluid-shape-1 .p-fluid-shape__box-img-wrap--2 .p-fluid-shape__box-accent-1 svg path {
  fill: var(--color-50);
}
.p-fluid-shape-1 .p-fluid-shape__box-img-wrap--2 .p-fluid-shape__box-accent-2 {
  position: absolute;
  top: -46px;
  right: -60px;
  width: 243px;
  height: auto;
}
@media screen and (min-width: 768px) {
  .p-fluid-shape-1 .p-fluid-shape__box-img-wrap--2 .p-fluid-shape__box-accent-2 {
    top: auto;
    right: auto;
    z-index: 1;
    left: -1%;
    bottom: -63px;
    width: clamp(170px, 170px + (25) * (100vw - 768px) / (1366 - 768), 195px);
  }
}
.p-fluid-shape-1 .p-fluid-shape__box-img-wrap--2 .p-fluid-shape__box-accent-2 svg path {
  fill: var(--color-100);
}
.p-fluid-shape-1 .p-fluid-shape__box-img {
  position: relative;
}
@media screen and (min-width: 768px) {
  .p-fluid-shape-1 .p-fluid-shape__box-img {
    z-index: 10;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-top: 0;
  }
}
.p-fluid-shape-1 .p-fluid-shape__box-img--1 {
  width: 330px;
  margin-left: auto;
  margin-right: -9px;
}
@media screen and (min-width: 768px) {
  .p-fluid-shape-1 .p-fluid-shape__box-img--1 {
    width: clamp(300px, 300px + (110) * (100vw - 768px) / (1366 - 768), 410px);
  }
}
.p-fluid-shape-1 .p-fluid-shape__box-img--2 {
  margin-left: 10px;
  width: 346px;
}
@media screen and (min-width: 768px) {
  .p-fluid-shape-1 .p-fluid-shape__box-img--2 {
    width: clamp(300px, 300px + (123) * (100vw - 768px) / (1366 - 768), 423px);
  }
}
.p-fluid-shape-1 .p-fluid-shape__box-text-wrap-1 {
  grid-area: text;
  padding-block: 20px 20px;
  position: relative;
  z-index: 0;
}
@media screen and (min-width: 768px) {
  .p-fluid-shape-1 .p-fluid-shape__box-text-wrap-1 {
    z-index: 8;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    padding-block: 35px 0px;
  }
}
.p-fluid-shape-1 .p-fluid-shape__box-text-wrap-2 {
  grid-area: text;
  padding-block: 20px 20px;
  position: relative;
  z-index: 0;
}
@media screen and (min-width: 768px) {
  .p-fluid-shape-1 .p-fluid-shape__box-text-wrap-2 {
    z-index: 8;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    padding-block: 16px 0px;
  }
}
.p-fluid-shape-1 .p-fluid-shape__box-text {
  position: relative;
  z-index: 5;
}
.p-fluid-shape-1 .p-fluid-shape__box-text p {
  font-size: 0.875rem;
  line-height: 1.79;
}
@media screen and (min-width: 768px) {
  .p-fluid-shape-1 .p-fluid-shape__box-text p {
    font-size: clamp(0.75rem, 0.4289297659rem + 0.6688963211vw, 1rem);
    line-height: 1.56;
  }
}
.p-fluid-shape-1 .p-fluid-shape__box-text + .p-fluid-shape__box-text {
  padding-top: 25px;
}
@media screen and (min-width: 768px) {
  .p-fluid-shape-1 .p-fluid-shape__box-text + .p-fluid-shape__box-text {
    padding-top: 25px;
  }
}

/*----------------------------------
    p-fluid-shape-2
-----------------------------------*/
.p-fluid-shape-2 {
  background-color: var(--color-50);
  padding-block: 42px 40px;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .p-fluid-shape-2 {
    padding-block: 99px 125px;
  }
}
.p-fluid-shape-2 .p-fluid-shape__text {
  padding-top: 16px;
}
@media screen and (min-width: 768px) {
  .p-fluid-shape-2 .p-fluid-shape__text {
    padding-top: 36px;
  }
}
.p-fluid-shape-2 .p-fluid-shape__contents {
  padding-top: 16px;
}
@media screen and (min-width: 768px) {
  .p-fluid-shape-2 .p-fluid-shape__contents {
    padding-top: 4px;
  }
}
.p-fluid-shape-2 .p-fluid-shape__boxes {
  display: grid;
  grid-template-columns: 1fr;
  gap: 30px;
}
@media screen and (min-width: 768px) {
  .p-fluid-shape-2 .p-fluid-shape__boxes {
    row-gap: 34px;
  }
}
@media screen and (min-width: 768px) {
  .p-fluid-shape-2 .p-fluid-shape__box {
    display: grid;
    grid-template-columns: auto auto;
    grid-template-rows: auto auto;
    position: relative;
  }
}
@media screen and (min-width: 768px) {
  .p-fluid-shape-2 .p-fluid-shape__box--1 {
    -webkit-column-gap: clamp(20px, 20px + (0) * (100vw - 768px) / (1366 - 768), 20px);
    -moz-column-gap: clamp(20px, 20px + (0) * (100vw - 768px) / (1366 - 768), 20px);
    column-gap: clamp(20px, 20px + (0) * (100vw - 768px) / (1366 - 768), 20px);
    grid-template-areas: "img text";
  }
}
@media screen and (min-width: 768px) {
  .p-fluid-shape-2 .p-fluid-shape__box--2 {
    grid-template-areas: "text img";
  }
}
.p-fluid-shape-2 .p-fluid-shape__box-img-wrap {
  position: relative;
  grid-area: img;
  z-index: 3;
}
@media screen and (min-width: 768px) {
  .p-fluid-shape-2 .p-fluid-shape__box-img-wrap {
    max-width: none;
    z-index: auto;
    margin-left: 0;
  }
}
@media screen and (min-width: 768px) {
  .p-fluid-shape-2 .p-fluid-shape__accent-sp {
    display: none;
  }
}
.p-fluid-shape-2 .p-fluid-shape__accent-pc {
  display: none;
}
@media screen and (min-width: 768px) {
  .p-fluid-shape-2 .p-fluid-shape__accent-pc {
    display: block;
  }
}
@media screen and (min-width: 768px) {
  .p-fluid-shape-2 .p-fluid-shape__box-img-wrap--1 {
    margin-left: -20px;
  }
}
@media screen and (min-width: 950px) {
  .p-fluid-shape-2 .p-fluid-shape__box-img-wrap--1 {
    margin-left: -32px;
  }
}
.p-fluid-shape-2 .p-fluid-shape__box-img-wrap--1 .p-fluid-shape__box-accent-1 {
  position: absolute;
  top: -2px;
  left: 6px;
  width: 109px;
  height: auto;
}
@media screen and (min-width: 768px) {
  .p-fluid-shape-2 .p-fluid-shape__box-img-wrap--1 .p-fluid-shape__box-accent-1 {
    width: clamp(200px, 200px + (27) * (100vw - 768px) / (1366 - 768), 227px);
    top: -145px;
    left: -50px;
    z-index: 1;
  }
}
.p-fluid-shape-2 .p-fluid-shape__box-img-wrap--1 .p-fluid-shape__box-accent-1 svg path {
  fill: var(--color-100);
}
.p-fluid-shape-2 .p-fluid-shape__box-img-wrap--1 .p-fluid-shape__box-accent-2 {
  position: absolute;
  top: 107px;
  left: -8px;
  width: 199px;
}
@media screen and (min-width: 768px) {
  .p-fluid-shape-2 .p-fluid-shape__box-img-wrap--1 .p-fluid-shape__box-accent-2 {
    width: clamp(180px, 180px + (76) * (100vw - 768px) / (1366 - 768), 256px);
    top: auto;
    left: -34%;
    bottom: -7px;
    z-index: 1;
  }
}
.p-fluid-shape-2 .p-fluid-shape__box-img-wrap--1 .p-fluid-shape__box-accent-2 svg path {
  fill: var(--color-200);
}
@media screen and (min-width: 768px) {
  .p-fluid-shape-2 .p-fluid-shape__box-img-wrap--2 {
    margin-right: -20px;
    margin-top: 28px;
  }
}
@media screen and (min-width: 950px) {
  .p-fluid-shape-2 .p-fluid-shape__box-img-wrap--2 {
    margin-right: -40px;
  }
}
.p-fluid-shape-2 .p-fluid-shape__box-img-wrap--2 .p-fluid-shape__box-accent-1 {
  position: absolute;
  bottom: -24px;
  left: -22px;
  width: 163px;
  height: auto;
}
@media screen and (min-width: 768px) {
  .p-fluid-shape-2 .p-fluid-shape__box-img-wrap--2 .p-fluid-shape__box-accent-1 {
    bottom: auto;
    top: -83px;
    left: auto;
    right: -36%;
    width: clamp(240px, 240px + (50) * (100vw - 768px) / (1366 - 768), 290px);
  }
}
.p-fluid-shape-2 .p-fluid-shape__box-img-wrap--2 .p-fluid-shape__box-accent-1 svg path {
  fill: var(--color-100);
}
.p-fluid-shape-2 .p-fluid-shape__box-img-wrap--2 .p-fluid-shape__box-accent-2 {
  position: absolute;
  top: -46px;
  right: -53px;
  width: 243px;
  height: auto;
}
@media screen and (min-width: 768px) {
  .p-fluid-shape-2 .p-fluid-shape__box-img-wrap--2 .p-fluid-shape__box-accent-2 {
    top: auto;
    right: auto;
    z-index: 1;
    left: 2%;
    bottom: -63px;
    width: clamp(170px, 170px + (25) * (100vw - 768px) / (1366 - 768), 195px);
  }
}
.p-fluid-shape-2 .p-fluid-shape__box-img-wrap--2 .p-fluid-shape__box-accent-2 svg path {
  fill: var(--color-200);
}
.p-fluid-shape-2 .p-fluid-shape__box-img {
  position: relative;
}
@media screen and (min-width: 768px) {
  .p-fluid-shape-2 .p-fluid-shape__box-img {
    z-index: 10;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-top: 0;
  }
}
.p-fluid-shape-2 .p-fluid-shape__box-img--1 {
  width: 330px;
  margin-left: auto;
}
@media screen and (min-width: 768px) {
  .p-fluid-shape-2 .p-fluid-shape__box-img--1 {
    margin-right: -9px;
    width: clamp(320px, 320px + (90) * (100vw - 768px) / (1366 - 768), 410px);
  }
}
.p-fluid-shape-2 .p-fluid-shape__box-img--2 {
  margin-left: 18px;
  width: 346px;
}
@media screen and (min-width: 768px) {
  .p-fluid-shape-2 .p-fluid-shape__box-img--2 {
    width: clamp(320px, 320px + (103) * (100vw - 768px) / (1366 - 768), 423px);
  }
}
.p-fluid-shape-2 .p-fluid-shape__box-text-wrap-1 {
  grid-area: text;
  padding-block: 70px 20px;
  position: relative;
  z-index: 0;
  padding-inline: 21px;
  background-color: #fff;
  margin-top: -50px;
}
@media screen and (min-width: 768px) {
  .p-fluid-shape-2 .p-fluid-shape__box-text-wrap-1 {
    margin-top: 10px;
    z-index: 8;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    padding-block: 39px 36px;
    padding-inline: 40px 40px;
  }
}
.p-fluid-shape-2 .p-fluid-shape__box-text-wrap-2 {
  grid-area: text;
  padding-block: 70px 20px;
  position: relative;
  z-index: 0;
  padding-inline: 21px;
  background-color: #fff;
  margin-top: -60px;
}
@media screen and (min-width: 768px) {
  .p-fluid-shape-2 .p-fluid-shape__box-text-wrap-2 {
    margin-top: 0;
    z-index: 8;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    padding-block: 39px 36px;
    padding-inline: clamp(20px, 20px + (20) * (100vw - 768px) / (1366 - 768), 40px);
  }
}
.p-fluid-shape-2 .p-fluid-shape__box-text {
  position: relative;
  z-index: 5;
}
.p-fluid-shape-2 .p-fluid-shape__box-text p {
  font-size: 0.875rem;
  line-height: 1.79;
}
@media screen and (min-width: 768px) {
  .p-fluid-shape-2 .p-fluid-shape__box-text p {
    font-size: clamp(0.75rem, 0.4289297659rem + 0.6688963211vw, 1rem);
    line-height: 1.56;
  }
}
.p-fluid-shape-2 .p-fluid-shape__box-text + .p-fluid-shape__box-text {
  padding-top: 25px;
}
@media screen and (min-width: 768px) {
  .p-fluid-shape-2 .p-fluid-shape__box-text + .p-fluid-shape__box-text {
    padding-top: 25px;
  }
}

.u-text-center {
  text-align: center;
}

.u-dotted-text {
  position: relative;
}
.u-dotted-text::before {
  content: "・";
  position: absolute;
  top: -0.8em;
  left: 0;
  right: 0;
  color: #cddc00;
  font-size: 1em;
}

.u-dotted-text-2 {
  position: relative;
}
.u-dotted-text-2::before {
  content: "・";
  position: absolute;
  top: -12px;
  left: 0;
  right: 0;
  color: var(--color-500);
  font-size: 1em;
}

.u-dotted-text-3 {
  position: relative;
}
.u-dotted-text-3::before {
  content: "・";
  position: absolute;
  top: -0.7em;
  left: 0;
  right: 0;
  color: #cddc00;
  font-size: 1em;
}

.u-text-underline {
  text-decoration: underline;
  text-underline-offset: -5px;
  text-decoration-color: var(--color-100);
  text-decoration-thickness: 8px;
}

.u-text-underline-2 {
  text-decoration: underline;
  text-underline-offset: 0px;
  text-decoration-color: var(--color-300);
  text-decoration-thickness: 3px;
}

.u-text-underline-yellow {
  text-decoration: underline;
  text-underline-offset: -5px;
  text-decoration-color: #edf48a;
  text-decoration-thickness: 8px;
}
.u-text-underline-yellow2 {
  text-decoration: underline;
  text-underline-offset: 3px;
  text-decoration-color: #cddc00;
  text-decoration-thickness: 5px;
}

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

.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-font-bold {
  font-weight: 600;
}

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

.u-color-gray-medium {
  color: #999999;
}

.u-color-gray-medium2 {
  color: #777777;
}

.u-color-gray-dark {
  color: #666666;
}

.u-color-key-color1 {
  color: #1e3c5e;
}

.u-color-key-color2 {
  color: #18729b;
}

.u-color-key-color3 {
  color: #00a8a0;
}

.u-color-key-color4 {
  color: #cddc00;
}

.u-color-key-color5 {
  color: #e40d63;
}

.u-color-50 {
  color: var(--color-50);
}

.u-color-100 {
  color: var(--color-100);
}

.u-color-200 {
  color: var(--color-200);
}

.u-color-300 {
  color: var(--color-300);
}

.u-color-400 {
  color: var(--color-400);
}

.u-color-500 {
  color: var(--color-500);
}

.u-color-600 {
  color: var(--color-600);
}

.u-color-700 {
  color: var(--color-700);
}

.u-color-800 {
  color: var(--color-800);
}

.u-color-900 {
  color: var(--color-900);
}

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

.u-bg-price-table {
  background-color: var(--color-50);
}

.u-bg-background-light {
  background-color: #f6f6f6;
}

.u-bg-background-gray-medium {
  background-color: #999999;
}

.u-bg-gray-light {
  background-color: #cccccc;
}

.u-bg-gray-light1 {
  background-color: #e1e1e1;
}

.u-bg-gray-light2 {
  background-color: #e2e2e2;
}

.u-bg-key-color1 {
  background-color: #1e3c5e;
}

.u-bg-key-color2 {
  background-color: #18729b;
}

.u-bg-key-color3 {
  background-color: #00a8a0;
}

.u-bg-key-color4 {
  background-color: #cddc00;
}

.u-bg-50 {
  background-color: var(--color-50);
}

.u-bg-100 {
  background-color: var(--color-100);
}

.u-bg-200 {
  background-color: var(--color-200);
}

.u-bg-300 {
  background-color: var(--color-300);
}

.u-bg-400 {
  background-color: var(--color-400);
}

.u-bg-500 {
  background-color: var(--color-500);
}

.u-bg-600 {
  background-color: var(--color-600);
}

.u-bg-700 {
  background-color: var(--color-700);
}

.u-bg-800 {
  background-color: var(--color-800);
}

.u-bg-900 {
  background-color: var(--color-900);
}

.u-btn-color-1 {
  background-color: var(--color-500);
  color: #fff;
  -webkit-transition: color 0.3s, background-color 0.3s;
  transition: color 0.3s, background-color 0.3s;
  border: 2px solid var(--color-500);
}
.u-btn-color-1:hover {
  background-color: #fff;
  color: var(--color-500);
  opacity: 1;
}
.u-btn-color-1:hover path {
  fill: var(--color-500);
  -webkit-transition: fill 0.3s;
  transition: fill 0.3s;
}

.u-btn-color-1-600 {
  background-color: var(--color-600);
  color: #fff;
  -webkit-transition: color 0.3s, background-color 0.3s;
  transition: color 0.3s, background-color 0.3s;
  border: 2px solid var(--color-600);
}
.u-btn-color-1-600:hover {
  background-color: #fff;
  color: var(--color-600);
  opacity: 1;
}
.u-btn-color-1-600:hover path {
  fill: var(--color-600);
  -webkit-transition: fill 0.3s;
  transition: fill 0.3s;
}

.u-btn-color-1-line {
  background-color: #06c755;
  color: #fff;
  -webkit-transition: color 0.3s, background-color 0.3s;
  transition: color 0.3s, background-color 0.3s;
  border: 2px solid #06c755;
}
.u-btn-color-1-line:hover {
  background-color: #fff;
  color: #06c755;
  opacity: 1;
}
.u-btn-color-1-line:hover path {
  fill: #06c755;
  -webkit-transition: fill 0.3s;
  transition: fill 0.3s;
}

.u-btn-color-2 {
  background-color: white;
  color: var(--color-500);
  -webkit-transition: color 0.3s, background-color 0.3s;
  transition: color 0.3s, background-color 0.3s;
  border: 2px solid var(--color-500);
}
.u-btn-color-2:hover {
  background-color: var(--color-500);
  color: #fff;
  opacity: 1;
}
.u-btn-color-2:hover path {
  fill: #fff;
  -webkit-transition: fill 0.3s;
  transition: fill 0.3s;
}

.u-nowrap {
  white-space: nowrap;
}

/*----------------------------------
    u-heading-design-border
    色を変更したい場合はvariables.scssの$color-heading-borderを変更してください
    また、color-関数をを使用したい場合はこのファイル内の$color-heading-borderをvar(--color-500)に変更してください。
-----------------------------------*/
/*----------------------------------
    下線
-----------------------------------*/
.u-heading-design-border {
  /*  display: inline-block;
  position: relative;
  padding-inline: 40px;*/
  padding-bottom: 10px;
  border-bottom: 2px solid #d8d8d8;
}
@media screen and (min-width: 768px) {
  .u-heading-design-border {
    padding-bottom: 5px;
  }
}

/*----------------------------------
    下点線
-----------------------------------*/
.u-heading-design-border-dotted {
  display: inline-block;
  position: relative;
  padding-inline: 40px;
  padding-bottom: 10px;
  border-bottom: 3px dotted #000;
}
@media screen and (min-width: 768px) {
  .u-heading-design-border-dotted {
    padding-bottom: 5px;
  }
}

/*----------------------------------
    下破線
-----------------------------------*/
.u-heading-design-border-dashed {
  display: inline-block;
  position: relative;
  padding-inline: 40px;
  padding-bottom: 10px;
  border-bottom: 3px dashed #000;
}
@media screen and (min-width: 768px) {
  .u-heading-design-border-dashed {
    padding-bottom: 5px;
  }
}

/*----------------------------------
    下二重線
-----------------------------------*/
.u-heading-design-border-double {
  display: inline-block;
  position: relative;
  padding-inline: 40px;
  padding-bottom: 10px;
  border-bottom: 6px double #000;
}
@media screen and (min-width: 768px) {
  .u-heading-design-border-double {
    padding-bottom: 5px;
  }
}

/*----------------------------------
    左線
-----------------------------------*/
.u-heading-design-border-left-1 {
  padding-block: 0.5rem;
  padding-inline: 0.5rem 0;
  border-left: 4px solid #000;
  white-space: nowrap;
  display: inline-block;
}

/*----------------------------------
    左点線
-----------------------------------*/
.u-heading-design-border-left-2 {
  padding-block: 0.5rem;
  padding-inline: 0.5rem 0;
  border-left: 4px dotted #000;
  display: inline-block;
}

/*----------------------------------
    左破線
-----------------------------------*/
.u-heading-design-border-left-3 {
  padding-block: 0.5rem;
  padding-inline: 0.5rem 0;
  border-left: 4px dashed #000;
  display: inline-block;
}

/*----------------------------------
    左二重線
-----------------------------------*/
.u-heading-design-border-left-4 {
  padding-block: 0.5rem;
  padding-inline: 0.5rem 0;
  border-left: 6px double #000;
  display: inline-block;
}

/*----------------------------------
    u-heading-design-border-circle
-----------------------------------*/
/*----------------------------------
    囲み線
-----------------------------------*/
.u-heading-design-border-circle {
  padding-block: 0.3rem;
  padding-inline: 2rem;
  border: 3px solid #000;
  display: inline-block;
}
@media screen and (min-width: 768px) {
  .u-heading-design-border-circle {
    padding-block: 0.05rem;
  }
}

/*----------------------------------
    囲み点線
-----------------------------------*/
.u-heading-design-border-circle-dotted {
  padding-block: 0.3rem;
  padding-inline: 2rem;
  border: 3px dotted #000;
  display: inline-block;
}
@media screen and (min-width: 768px) {
  .u-heading-design-border-circle-dotted {
    padding-block: 0.05rem;
  }
}

/*----------------------------------
    囲み破線
-----------------------------------*/
.u-heading-design-border-circle-dashed {
  padding-block: 0.3rem;
  padding-inline: 2rem;
  border: 3px dashed #000;
  display: inline-block;
}
@media screen and (min-width: 768px) {
  .u-heading-design-border-circle-dashed {
    padding-block: 0.05rem;
  }
}

/*----------------------------------
    囲み二重線
-----------------------------------*/
.u-heading-design-border-circle-double {
  padding-block: 0.3rem;
  padding-inline: 2rem;
  border: 6px double #000;
  display: inline-block;
}
@media screen and (min-width: 768px) {
  .u-heading-design-border-circle-double {
    padding-block: 0.3rem;
  }
}

/*----------------------------------
    囲み二重線2
-----------------------------------*/
.u-heading-design-border-circle-double-2 {
  padding-block: 0.3rem;
  padding-inline: 2rem;
  border: 4px solid #000;
  display: inline-block;
  position: relative;
}
@media screen and (min-width: 768px) {
  .u-heading-design-border-circle-double-2 {
    padding-block: 0.3rem;
  }
}
.u-heading-design-border-circle-double-2::before {
  position: absolute;
  top: 4px;
  left: 4px;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  content: "";
  border: 2px solid #000;
}

/*----------------------------------
    囲み二重線点線
-----------------------------------*/
.u-heading-design-border-circle-double-dotted {
  padding-block: 0.8rem;
  padding-inline: 2rem;
  border: 4px solid #000;
  display: inline-block;
  position: relative;
}
@media screen and (min-width: 768px) {
  .u-heading-design-border-circle-double-dotted {
    padding-block: 0.3rem;
  }
}
.u-heading-design-border-circle-double-dotted::before {
  position: absolute;
  top: 4px;
  left: 4px;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  content: "";
  border: 4px dotted #000;
}

/*----------------------------------
    囲み二重線点線2
-----------------------------------*/
.u-heading-design-border-circle-double-dotted-2 {
  padding-block: 0.8rem;
  padding-inline: 2rem;
  border: 4px solid #000;
  display: inline-block;
  position: relative;
}
@media screen and (min-width: 768px) {
  .u-heading-design-border-circle-double-dotted-2 {
    padding-block: 0.3rem;
  }
}
.u-heading-design-border-circle-double-dotted-2::before,
.u-heading-design-border-circle-double-dotted-2::after {
  position: absolute;
  left: 0;
  width: 100%;
  content: "";
  border-top: 4px dotted #000;
}
.u-heading-design-border-circle-double-dotted-2::before {
  top: 6px;
}
.u-heading-design-border-circle-double-dotted-2::after {
  bottom: 6px;
}

/*----------------------------------
    u-heading-design-border-block
-----------------------------------*/
/*----------------------------------
    上下線
-----------------------------------*/
.u-heading-design-border-block {
  display: inline-block;
  position: relative;
  padding-inline: 40px;
  padding-block: 10px;
  border-top: 3px solid #000;
  border-bottom: 3px solid #fff;
}
@media screen and (min-width: 768px) {
  .u-heading-design-border-block {
    padding-block: 5px;
  }
}

/*----------------------------------
    上下点線
-----------------------------------*/
.u-heading-design-border-block-dotted {
  display: inline-block;
  position: relative;
  padding-inline: 40px;
  padding-block: 10px;
  border-top: 3px dotted #000;
  border-bottom: 3px dotted #000;
}
@media screen and (min-width: 768px) {
  .u-heading-design-border-block-dotted {
    padding-block: 5px;
  }
}

/*----------------------------------
    上下破線
-----------------------------------*/
.u-heading-design-border-block-dashed {
  display: inline-block;
  position: relative;
  padding-inline: 40px;
  padding-block: 10px;
  border-top: 3px dashed #000;
  border-bottom: 3px dashed #000;
}
@media screen and (min-width: 768px) {
  .u-heading-design-border-block-dashed {
    padding-block: 5px;
  }
}

/*----------------------------------
    上下二重線
-----------------------------------*/
.u-heading-design-border-block-double {
  display: inline-block;
  position: relative;
  padding-inline: 40px;
  padding-block: 10px;
  border-top: 6px double #000;
  border-bottom: 6px double #000;
}
@media screen and (min-width: 768px) {
  .u-heading-design-border-block-double {
    padding-block: 5px;
  }
}

/*----------------------------------
    背景色
-----------------------------------*/
.u-heading-design-bgc {
  position: relative;
  display: inline-block;
  z-index: 1;
  background-color: #f4f4f4;
  padding-inline: 40px;
  padding-block: 3px;
}
@media screen and (min-width: 768px) {
  .u-heading-design-bgc {
    padding-block: 0;
  }
}

/*----------------------------------
    背景色+左線
-----------------------------------*/
.u-heading-design-bgc-bl {
  position: relative;
  display: inline-block;
  z-index: 1;
  background-color: #f4f4f4;
  padding-inline: 40px;
  padding-block: 3px;
  border-left: 6px solid #000;
}
@media screen and (min-width: 768px) {
  .u-heading-design-bgc-bl {
    padding-block: 0;
  }
}

/*----------------------------------
    背景色+左点線
-----------------------------------*/
.u-heading-design-bgc-bl-dotted {
  position: relative;
  display: inline-block;
  z-index: 1;
  background-color: #f4f4f4;
  padding-inline: 40px;
  padding-block: 3px;
  border-left: 4px dotted #000;
}
@media screen and (min-width: 768px) {
  .u-heading-design-bgc-bl-dotted {
    padding-block: 0;
  }
}

/*----------------------------------
    背景色+左破線
-----------------------------------*/
.u-heading-design-bgc-bl-dashed {
  position: relative;
  display: inline-block;
  z-index: 1;
  background-color: #f4f4f4;
  padding-inline: 40px;
  padding-block: 3px;
  border-left: 4px dashed #000;
}
@media screen and (min-width: 768px) {
  .u-heading-design-bgc-bl-dashed {
    padding-block: 0;
  }
}

/*----------------------------------
    背景色+左二重線
-----------------------------------*/
.u-heading-design-bgc-bl-double {
  position: relative;
  display: inline-block;
  z-index: 1;
  background-color: #f4f4f4;
  padding-inline: 40px;
  padding-block: 3px;
  border-left: 6px double #000;
}
@media screen and (min-width: 768px) {
  .u-heading-design-bgc-bl-double {
    padding-block: 0;
  }
}

/*----------------------------------
    背景色+下線
-----------------------------------*/
.u-heading-design-bgc-bb {
  position: relative;
  display: inline-block;
  z-index: 1;
  background-color: #f4f4f4;
  padding-inline: 40px;
  padding-block: 5px;
  border-bottom: 3px solid #000;
}
@media screen and (min-width: 768px) {
  .u-heading-design-bgc-bb {
    padding-block: 0;
  }
}

/*----------------------------------
    背景色+下点線
-----------------------------------*/
.u-heading-design-bgc-bb-dotted {
  position: relative;
  display: inline-block;
  z-index: 1;
  background-color: #f4f4f4;
  padding-inline: 40px;
  padding-block: 5px;
  border-bottom: 3px dotted #000;
}
@media screen and (min-width: 768px) {
  .u-heading-design-bgc-bb-dotted {
    padding-block: 0;
  }
}

/*----------------------------------
    背景色+下破線
-----------------------------------*/
.u-heading-design-bgc-bb-dashed {
  position: relative;
  display: inline-block;
  z-index: 1;
  background-color: #f4f4f4;
  padding-inline: 40px;
  padding-block: 5px;
  border-bottom: 3px dashed #000;
}
@media screen and (min-width: 768px) {
  .u-heading-design-bgc-bb-dashed {
    padding-block: 0;
  }
}

/*----------------------------------
    背景色+下二重線
-----------------------------------*/
.u-heading-design-bgc-bb-double {
  position: relative;
  display: inline-block;
  z-index: 1;
  background-color: #f4f4f4;
  padding-inline: 40px;
  padding-block: 5px;
  border-bottom: 6px double #000;
}
@media screen and (min-width: 768px) {
  .u-heading-design-bgc-bb-double {
    padding-block: 0;
  }
}

/*----------------------------------
    背景色+上線
-----------------------------------*/
.u-heading-design-bgc-bt {
  position: relative;
  display: inline-block;
  z-index: 1;
  background-color: #f4f4f4;
  padding-inline: 40px;
  padding-block: 5px;
  border-top: 3px solid #000;
}
@media screen and (min-width: 768px) {
  .u-heading-design-bgc-bt {
    padding-block: 0;
  }
}

/*----------------------------------
    背景色+上点線
-----------------------------------*/
.u-heading-design-bgc-bt-dotted {
  position: relative;
  display: inline-block;
  z-index: 1;
  background-color: #f4f4f4;
  padding-inline: 40px;
  padding-block: 5px;
  border-top: 4px dotted #000;
}
@media screen and (min-width: 768px) {
  .u-heading-design-bgc-bt-dotted {
    padding-block: 0;
  }
}

/*----------------------------------
    背景色+上破線
-----------------------------------*/
.u-heading-design-bgc-bt-dashed {
  position: relative;
  display: inline-block;
  z-index: 1;
  background-color: #f4f4f4;
  padding-inline: 40px;
  padding-block: 5px;
  border-top: 4px dashed #000;
}
@media screen and (min-width: 768px) {
  .u-heading-design-bgc-bt-dashed {
    padding-block: 0;
  }
}

/*----------------------------------
    背景色+上二重線
-----------------------------------*/
.u-heading-design-bgc-bt-double {
  position: relative;
  display: inline-block;
  z-index: 1;
  background-color: #f4f4f4;
  padding-inline: 40px;
  padding-block: 5px;
  border-top: 6px double #000;
}
@media screen and (min-width: 768px) {
  .u-heading-design-bgc-bt-double {
    padding-block: 0;
  }
}

/*----------------------------------
    背景色+影
-----------------------------------*/
.u-heading-design-bgc-shadow {
  position: relative;
  display: inline-block;
  padding-inline: 40px;
  padding-block: 3px;
  background: var(--color-500);
  -webkit-box-shadow: 5px 5px 0 var(--color-600);
  box-shadow: 5px 5px 0 var(--color-600);
}
@media screen and (min-width: 768px) {
  .u-heading-design-bgc-shadow {
    padding-block: 0;
  }
}

/*----------------------------------
    下線アクセント
-----------------------------------*/
.u-heading-design-bgc-accent {
  position: relative;
  display: inline-block;
  padding-inline: 40px;
  padding-block: 3px;
  border-bottom: 6px solid var(--color-500);
}
@media screen and (min-width: 768px) {
  .u-heading-design-bgc-accent {
    padding-block: 0;
  }
}
.u-heading-design-bgc-accent::before {
  position: absolute;
  bottom: -6px;
  left: 0;
  width: 20%;
  height: 6px;
  content: "";
  background: var(--color-300);
}

/*----------------------------------
    背景色+ズレ囲み線
-----------------------------------*/
.u-heading-design-bgc-accent-2 {
  position: relative;
  display: inline-block;
  padding-inline: 40px;
  padding-block: 0px 8px;
  background-color: #fff;
}
.u-heading-design-bgc-accent-2::before {
  position: absolute;
  top: -5px;
  left: -5px;
  width: 100%;
  height: 100%;
  content: "";
  border: 4px solid #000;
}

/*----------------------------------
    背景色+ズレ囲み線2
-----------------------------------*/
.u-heading-design-bgc-accent-3 {
  position: relative;
  display: inline-block;
  padding-inline: 40px;
  padding-block: 0px 13px;
  background: var(--color-200);
}
.u-heading-design-bgc-accent-3::before {
  position: absolute;
  top: -7px;
  left: -7px;
  width: 100%;
  height: 100%;
  content: "";
  border: 4px solid #000;
}

/*----------------------------------
    ストライプ
-----------------------------------*/
.u-heading-design-ingenuity-stripe {
  position: relative;
  display: inline-block;
  padding-inline: 40px;
  padding-bottom: 14px;
}
@media screen and (min-width: 768px) {
  .u-heading-design-ingenuity-stripe {
    padding-bottom: 10px;
  }
}
.u-heading-design-ingenuity-stripe::after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10px;
  content: "";
  background-image: repeating-linear-gradient(
    -45deg,
    var(--color-500),
    var(--color-500) 1px,
    transparent 2px,
    transparent 5px
  );
  background-size: 7px 7px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

/*----------------------------------
    ストライプ2
-----------------------------------*/
.u-heading-design-ingenuity-stripe-2 {
  position: relative;
  display: inline-block;
  padding-inline: 40px;
  padding-block: 4px 14px;
  border: 2px solid #000;
}
.u-heading-design-ingenuity-stripe-2::after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10px;
  content: "";
  border-top: 2px solid #000;
  background-image: repeating-linear-gradient(-45deg, #000, #000 1px, transparent 2px, transparent 5px);
  background-size: 7px 7px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

/*----------------------------------
    シンボル風

    ※iを使用しています
    <i class="far fa-lightbulb"></i>
-----------------------------------*/
.u-heading-design-ingenuity-lightbulb {
  margin-top: 40px;
  position: relative;
  display: inline-block;
  padding-inline: 20px;
  padding-block: 10px;
  border: 2px solid #000;
  background: #fff;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .u-heading-design-ingenuity-lightbulb {
    padding-inline: 40px;
  }
}
.u-heading-design-ingenuity-lightbulb::before,
.u-heading-design-ingenuity-lightbulb::after {
  position: absolute;
  content: "";
  z-index: -1;
}
.u-heading-design-ingenuity-lightbulb::before {
  top: -50px;
  left: 50%;
  translate: -50%;
  width: 90px;
  height: 90px;
  border: 2px solid #000;
  border-radius: 50%;
  background: #fff;
}
.u-heading-design-ingenuity-lightbulb::after {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
}
.u-heading-design-ingenuity-lightbulb i {
  position: absolute;
  z-index: 1;
  top: -30px;
  left: 50%;
  translate: -50%;
  width: 80px;
  height: 60px;
  text-align: center;
}

/*----------------------------------
    ステッチ風
    ※spanを使用しています
    ※iを使用しています
    <i class="far fa-lightbulb"></i><span></span>
-----------------------------------*/
.u-heading-design-ingenuity-stitch {
  margin-top: 40px;
  position: relative;
  display: inline-block;
  padding-inline: 20px;
  padding-block: 10px;
  border: 2px solid #000;
  background: #fff;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .u-heading-design-ingenuity-stitch {
    padding-inline: 40px;
  }
}
.u-heading-design-ingenuity-stitch::before,
.u-heading-design-ingenuity-stitch::after {
  position: absolute;
  content: "";
  z-index: -1;
}
.u-heading-design-ingenuity-stitch::before {
  top: -50px;
  left: 50%;
  translate: -50%;
  width: 90px;
  height: 90px;
  border: 2px solid #000;
  border-radius: 50%;
  background: #fff;
}
.u-heading-design-ingenuity-stitch::after {
  top: 4px;
  left: 4px;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 2px dashed #000;
  background: #fff;
}
.u-heading-design-ingenuity-stitch i {
  position: absolute;
  z-index: 2;
  top: -25px;
  left: 50%;
  translate: -50%;
  width: 80px;
  height: 60px;
  text-align: center;
}
.u-heading-design-ingenuity-stitch span {
  position: relative;
  display: block;
  z-index: 1;
}
.u-heading-design-ingenuity-stitch span::before,
.u-heading-design-ingenuity-stitch span::after {
  position: absolute;
  content: "";
}
.u-heading-design-ingenuity-stitch span::before {
  top: -53px;
  left: 50%;
  translate: -50%;
  width: 76px;
  height: 48px;
  border: 2px dashed #000;
  border-radius: 50vw 50vw 0 0;
}
.u-heading-design-ingenuity-stitch span::after {
  position: absolute;
  top: -10px;
  left: 50%;
  translate: -50%;
  width: 64px;
  height: 10px;
  background: #fff;
}

/*----------------------------------
    両サイド2重線
-----------------------------------*/
.u-heading-design-ingenuity-side-double {
  position: relative;
  display: inline-block;
  padding: 0 65px;
  text-align: center;
}
.u-heading-design-ingenuity-side-double::before,
.u-heading-design-ingenuity-side-double::after {
  position: absolute;
  top: calc(50% - 3px);
  width: 50px;
  height: 6px;
  content: "";
  border-top: solid 2px #000;
  border-bottom: solid 2px #000;
}
.u-heading-design-ingenuity-side-double::before {
  left: 0;
}
.u-heading-design-ingenuity-side-double::after {
  right: 0;
}

/*----------------------------------
    両サイド線
-----------------------------------*/
.u-heading-design-ingenuity-side-single {
  position: relative;
  display: inline-block;
  padding: 0 65px;
  text-align: center;
}
.u-heading-design-ingenuity-side-single::before,
.u-heading-design-ingenuity-side-single::after {
  position: absolute;
  top: 50%;
  width: 50px;
  height: 6px;
  content: "";
  border-top: solid 2px #1e3c5e;
}
.u-heading-design-ingenuity-side-single::before {
  left: 0;
}
.u-heading-design-ingenuity-side-single::after {
  right: 0;
}

/*----------------------------------
    小さい下線
-----------------------------------*/
.u-heading-design-ingenuity-under-line {
  position: relative;
  display: inline-block;
  margin-bottom: 20px;
}
.u-heading-design-ingenuity-under-line::after {
  position: absolute;
  bottom: -15px;
  left: 50%;
  translate: -50%;
  width: 50%;
  height: 4px;
  content: "";
  border-radius: 4px;
  background: var(--color-500);
}

/*----------------------------------
    英語+日本語+下線
    ※spanを使用しています
    <span>間に日本語テキストを入れてください</span>
-----------------------------------*/
.u-heading-design-ingenuity-en-ja {
  position: relative;
  display: inline-block;
  padding-bottom: 10px;
  font-size: 1.75rem;
  line-height: 1.21;
  font-weight: 600;
}
@media screen and (min-width: 768px) {
  .u-heading-design-ingenuity-en-ja {
    font-size: clamp(1.5rem, 0.5367892977rem + 2.0066889632vw, 2.25rem);
    line-height: 1.58;
  }
}
.u-heading-design-ingenuity-en-ja span {
  display: block;
  font-size: 1.25rem;
  font-weight: 600;
}
@media screen and (min-width: 768px) {
  .u-heading-design-ingenuity-en-ja span {
    font-size: clamp(1.125rem, 0.9644648829rem + 0.3344481605vw, 1.25rem);
  }
}
.u-heading-design-ingenuity-en-ja::after {
  position: absolute;
  bottom: -8px;
  left: 50%;
  translate: -50%;
  width: 60%;
  height: 5px;
  content: "";
  border-radius: 3px;
  background: var(--color-500);
}

/*----------------------------------
    タグ丸
-----------------------------------*/
.u-heading-design-tag {
  position: relative;
  display: inline-block;
  padding: 1rem 2rem 1rem 4rem;
  border-radius: 100vh 0 0 100vh;
  background: #d90606;
  -webkit-mask-image: radial-gradient(circle 7px at 24px 50%, transparent 100%, black 100%);
  mask-image: radial-gradient(circle 7px at 24px 50%, transparent 100%, black 100%);
}

/*----------------------------------
    タグ角
-----------------------------------*/
.u-heading-design-tag-2 {
  position: relative;
  display: inline-block;
  padding: 1rem 2rem 1rem 4rem;
  -webkit-clip-path: polygon(0 50%, 2rem 0, 100% 0, 100% 100%, 2rem 100%, 0 50%);
  clip-path: polygon(0 50%, 2rem 0, 100% 0, 100% 100%, 2rem 100%, 0 50%);
  background: #d90606;
  -webkit-mask-image: radial-gradient(circle 7px at 30px 50%, transparent 100%, black 100%);
  mask-image: radial-gradient(circle 7px at 30px 50%, transparent 100%, black 100%);
}

/*----------------------------------
        リボン
        ※spanを使用しています
        <span>間にテキストを入れてください</span>
-----------------------------------*/
.u-heading-design-ribbon-1 {
  position: relative;
  margin-block: 20px;
  margin-inline: 2rem;
  text-align: center;
  display: inline-block;
}
.u-heading-design-ribbon-1::before,
.u-heading-design-ribbon-1::after {
  position: absolute;
  z-index: 0;
  bottom: -10px;
  display: block;
  content: "";
  border: 1em solid #c00505;
}
.u-heading-design-ribbon-1::before {
  left: -30px;
  border-left-width: 15px;
  border-left-color: transparent;
}
.u-heading-design-ribbon-1::after {
  right: -30px;
  border-right-width: 15px;
  border-right-color: transparent;
}
.u-heading-design-ribbon-1 span {
  position: relative;
  z-index: 1;
  display: block;
  padding: 1rem 1rem;
  color: #fff;
  background: #d90606;
}
@media screen and (min-width: 768px) {
  .u-heading-design-ribbon-1 span {
    padding: 1rem 3rem;
  }
}
.u-heading-design-ribbon-1 span::before,
.u-heading-design-ribbon-1 span::after {
  position: absolute;
  bottom: -10px;
  display: block;
  width: 10px;
  height: 10px;
  content: "";
  border-style: solid;
  border-color: #c00505 transparent transparent transparent;
}
.u-heading-design-ribbon-1 span::before {
  left: 0;
  border-width: 10px 0 0 10px;
}
.u-heading-design-ribbon-1 span::after {
  right: 0;
  border-width: 10px 10px 0 0;
}

/*----------------------------------
    リボン2
    改行する項目にはてきしていません
-----------------------------------*/
.u-heading-design-ribbon-2 {
  display: inline-block;
  position: relative;
  min-height: 60px;
  margin-block: 20px;
  margin-inline: 2rem;
  padding-block: 0.5rem;
  text-align: center;
  background: #d90606;
}
.u-heading-design-ribbon-2::before,
.u-heading-design-ribbon-2::after {
  position: absolute;
  top: 0;
  bottom: 2px;
  display: block;
  content: "";
  border: 30px solid #d90606;
}
.u-heading-design-ribbon-2::before {
  left: -40px;
  border-left-width: 15px;
  border-left-color: transparent;
}
.u-heading-design-ribbon-2::after {
  right: -40px;
  border-right-width: 15px;
  border-right-color: transparent;
}

/*----------------------------------
    リボンの装飾が付いた見出し
    spanを使用しています
    <span></span>
-----------------------------------*/
.u-heading-design-ribbon-3 {
  position: relative;
  display: inline-block;
  padding: 1rem 2rem 1rem 3em;
  background: #fff;
}
@media screen and (min-width: 768px) {
  .u-heading-design-ribbon-3 {
    padding: 1rem 2rem 1rem 4em;
  }
}
.u-heading-design-ribbon-3 span {
  position: absolute;
  top: -10px;
  left: 20px;
  display: inline-block;
  width: 52px;
  height: 50px;
  text-align: center;
  background: #d90606;
}
.u-heading-design-ribbon-3 span::before,
.u-heading-design-ribbon-3 span::after {
  position: absolute;
  content: "";
}
.u-heading-design-ribbon-3 span::before {
  right: -10px;
  width: 0;
  height: 0;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #d90606;
}
.u-heading-design-ribbon-3 span::after {
  top: 50%;
  left: 0;
  display: block;
  width: 52px;
  height: 50%;
  border: 26px solid #d90606;
  border-bottom-width: 15px;
  border-bottom-color: transparent;
}

/*----------------------------------
    リボンの装飾が付いた見出し2
    imgを使用しています
    spanを使用しています
    <span><i class="fas fa-star"></i></span>
-----------------------------------*/
.u-heading-design-ribbon-4 {
  position: relative;
  display: inline-block;
  padding: 1rem 2rem 1rem 3em;
  background: #fff;
}
@media screen and (min-width: 768px) {
  .u-heading-design-ribbon-4 {
    padding: 1rem 2rem 1rem 4em;
  }
}
.u-heading-design-ribbon-4 span {
  position: absolute;
  top: -10px;
  left: 20px;
  display: inline-block;
  width: 52px;
  height: 50px;
  text-align: center;
  background: #d90606;
}
.u-heading-design-ribbon-4 span::before,
.u-heading-design-ribbon-4 span::after {
  position: absolute;
  content: "";
}
.u-heading-design-ribbon-4 span::before {
  right: -10px;
  width: 0;
  height: 0;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #d90606;
}
.u-heading-design-ribbon-4 span::after {
  top: 50%;
  left: 0;
  display: block;
  width: 52px;
  height: 50%;
  border: 26px solid #d90606;
  border-bottom-width: 15px;
  border-bottom-color: transparent;
}
.u-heading-design-ribbon-4 span i {
  position: relative;
  z-index: 1;
  color: #fff100;
}

/*----------------------------------
    背景に回り込むイメージの見出し
-----------------------------------*/
.u-heading-design-ribbon-5 {
  position: relative;
  margin: 1rem -10px;
  padding: 1rem 2rem;
  background: #d90606;
}
.u-heading-design-ribbon-5::before,
.u-heading-design-ribbon-5::after {
  position: absolute;
  content: "";
}
.u-heading-design-ribbon-5::before {
  bottom: -10px;
  left: 0;
  width: 0;
  height: 0;
  border-top: 10px solid #8f0404;
  border-left: 10px solid transparent;
}
.u-heading-design-ribbon-5::after {
  right: 0;
  bottom: -10px;
  width: 0;
  height: 0;
  border-top: 10px solid #8f0404;
  border-right: 10px solid transparent;
}

/*----------------------------------
    リボンの装飾が付いた見出し2
-----------------------------------*/
.u-heading-design-ribbon-6 {
  position: relative;
  display: inline-block;
  margin: 1rem 0 1rem -10px;
  padding: 1rem 3rem;
  color: #fff;
  border-radius: 0 100vh 100vh 0;
  background: #d90606;
  -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2);
}
.u-heading-design-ribbon-6::before {
  position: absolute;
  bottom: -10px;
  left: 0;
  width: 0;
  height: 0;
  content: "";
  border-top: 10px solid #8f0404;
  border-left: 10px solid transparent;
}

/*----------------------------------
    吹き出し-color
-----------------------------------*/
.u-heading-design-bubble-1 {
  position: relative;
  display: inline-block;
  padding: 0.5rem 1rem;
  border-radius: 10px;
  background: var(--color-500);
}
.u-heading-design-bubble-1::after {
  position: absolute;
  bottom: -8px;
  left: 1em;
  width: 0;
  height: 0;
  content: "";
  border-width: 10px 10px 0 10px;
  border-style: solid;
  border-color: var(--color-500) transparent transparent transparent;
}

/*----------------------------------
    吹き出し-border
-----------------------------------*/
.u-heading-design-bubble-2 {
  position: relative;
  padding: 0.8rem 1.2rem;
  border: 3px solid #d8d8d8;
  border-radius: 10px;
  background: #f9f9f9;
  display: inline-block;
}
.u-heading-design-bubble-2::before {
  position: absolute;
  bottom: -14px;
  left: 1em;
  width: 0;
  height: 0;
  content: "";
  border-width: 14px 12px 0 12px;
  border-style: solid;
  border-color: #d8d8d8 transparent transparent transparent;
}
.u-heading-design-bubble-2::after {
  position: absolute;
  bottom: -10px;
  left: 1em;
  width: 0;
  height: 0;
  content: "";
  border-width: 14px 12px 0 12px;
  border-style: solid;
  border-color: #f9f9f9 transparent transparent transparent;
}

/*----------------------------------
    吹き出し-border-only
-----------------------------------*/
.u-heading-design-bubble-3 {
  position: relative;
  padding: 0.8rem 1.2rem;
  display: inline-block;
  border-bottom: 3px solid #000;
}
.u-heading-design-bubble-3::before {
  position: absolute;
  bottom: -14px;
  left: 1em;
  width: 0;
  height: 0;
  content: "";
  border-width: 14px 12px 0 12px;
  border-style: solid;
  border-color: #000 transparent transparent transparent;
}
.u-heading-design-bubble-3::after {
  position: absolute;
  bottom: -10px;
  left: 1em;
  width: 0;
  height: 0;
  content: "";
  border-width: 14px 12px 0 12px;
  border-style: solid;
  border-color: #f9f9f9 transparent transparent transparent;
}

/*----------------------------------
    吹き出し-border-only2
    ※afterの色は変更背景色と合わせる
-----------------------------------*/
.u-heading-design-bubble-4 {
  position: relative;
  padding: 0.8rem 1.2rem;
  display: inline-block;
  border-bottom: 3px solid #000;
  border-left: 3px solid #000;
  border-radius: 0 0 0 20px;
}
.u-heading-design-bubble-4::before {
  position: absolute;
  right: 50px;
  bottom: -21px;
  width: 0;
  height: 0;
  content: "";
  border-width: 21px 21px 0 0;
  border-style: solid;
  border-color: #000 transparent transparent transparent;
}
.u-heading-design-bubble-4::after {
  position: absolute;
  right: 54px;
  bottom: -12px;
  width: 0;
  height: 0;
  content: "";
  border-width: 14px 14px 0 0;
  border-style: solid;
  border-color: #fff transparent transparent transparent;
}

/*----------------------------------
    吹き出し-考え事風 left
-----------------------------------*/
.u-heading-design-bubble-5 {
  position: relative;
  margin-bottom: 1.5rem;
  padding: 0.8rem 2rem;
  display: inline-block;
  border-radius: 10px;
  background: #eee;
}
.u-heading-design-bubble-5::before,
.u-heading-design-bubble-5::after {
  position: absolute;
  content: "";
  border-radius: 50%;
  background: #eee;
}
.u-heading-design-bubble-5::before {
  bottom: -15px;
  left: 30px;
  width: 30px;
  height: 30px;
}
.u-heading-design-bubble-5::after {
  bottom: -30px;
  left: 50px;
  width: 15px;
  height: 15px;
}

/*----------------------------------
    吹き出し-考え事風 right
-----------------------------------*/
.u-heading-design-bubble-6 {
  position: relative;
  margin-bottom: 1.5rem;
  padding: 0.8rem 2rem;
  display: inline-block;
  border-radius: 10px;
  background: #eee;
}
.u-heading-design-bubble-6::before,
.u-heading-design-bubble-6::after {
  position: absolute;
  content: "";
  border-radius: 50%;
  background: #eee;
}
.u-heading-design-bubble-6::before {
  bottom: -15px;
  right: 30px;
  width: 30px;
  height: 30px;
}
.u-heading-design-bubble-6::after {
  bottom: -30px;
  right: 50px;
  width: 15px;
  height: 15px;
}

/*----------------------------------
    縁取り
-----------------------------------*/
.u-heading-design-text-1 {
     font-size: 165%;
    padding-bottom: 10px;
    text-shadow: #fff 3px 0, #fff -3px 0, #fff 0 -3px, #fff 0 3px, #fff 3px 3px, #fff -3px 3px, #fff 3px -3px, #fff -3px -3px, #fff 1px 3px, #fff -1px 3px, #fff 1px -3px, #fff -1px -3px, #fff 3px 1px, #fff -3px 1px, #fff 3px -1px, #fff -3px -1px;
}

/*----------------------------------
    縁取り+影
-----------------------------------*/
.u-heading-design-text-2 {
  text-shadow: #fff 2px 0, #fff -2px 0, #fff 0 -2px, #fff 0 2px, #fff 2px 2px, #fff -2px 2px, #fff 2px -2px,
    #fff -2px -2px, #fff 1px 2px, #fff -1px 2px, #fff 1px -2px, #fff -1px -2px, #fff 2px 1px, #fff -2px 1px,
    #fff 2px -1px, #fff -2px -1px, rgba(0, 0, 0, 0.5) 3px 3px 3px;
}

/*----------------------------------
    立体
-----------------------------------*/
.u-heading-design-text-3 {
  text-shadow: 0 1px 0 #ccc, 0 3px 0 #ccc, 0 4px 10px rgba(0, 0, 0, 0.2);
}

/*----------------------------------
    最初の文字を大きく
-----------------------------------*/
.u-heading-design-text-first-letter::first-letter {
  font-size: 120%;
  color: #eb6100;
}

/*----------------------------------
  傾き+影
-----------------------------------*/
.u-heading-design-text-slant {
  font-style: italic;
  letter-spacing: 0.1em;
  text-shadow: -3px 2px 0 #000;
}

/*----------------------------------
  傾き+影2
  背景と同じ色にしてください
-----------------------------------*/
.u-heading-design-text-slant-2 {
  font-style: italic;
  letter-spacing: 0.1em;
  text-shadow: -4px 3px 0 var(--color-500), -8px 6px 0 #000;
}

/*----------------------------------
    鍵括弧
-----------------------------------*/
.u-heading-design-text-bracket {
  position: relative;
  padding: 0.3em 2em;
  text-align: center;
  display: inline-block;
}
.u-heading-design-text-bracket::before,
.u-heading-design-text-bracket::after {
  position: absolute;
  content: "";
}
.u-heading-design-text-bracket::before {
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  border-top: 2px solid #1e3c5e;
  border-left: 2px solid #1e3c5e;
}
.u-heading-design-text-bracket::after {
  bottom: 0;
  right: 0;
  width: 40px;
  height: 40px;
  border-bottom: 2px solid #1e3c5e;
  border-right: 2px solid #1e3c5e;
}

/*----------------------------------
    シンボルを追加した見出し
    spanを追加してください
    divを追加してください
    <span>01</span><div>テキスト</div>
-----------------------------------*/
.u-heading-design-text-symbol {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-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: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  border: 2px solid #000;
  width: auto;
  max-width: 100%;
}
.u-heading-design-text-symbol span {
  z-index: 1;
  width: 23%;
  min-width: 80px;
  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;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  min-height: 100%;
  -webkit-clip-path: polygon(0 0, 100% 0, 80% 100%, 0 100%);
  clip-path: polygon(0 0, 100% 0, 80% 100%, 0 100%);
  color: #fff;
  background: #000;
}
.u-heading-design-text-symbol div {
  width: 77%;
  padding-block: 0.8rem;
  margin-inline: 20px;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

/*----------------------------------
    シンボルを追加した見出し2
    spanを追加してください
    divを追加してください
    <span>02</span><div>テキスト</div>
-----------------------------------*/
.u-heading-design-text-symbol-2 {
  position: relative;
  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: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  border-top: 2px solid #000;
  width: auto;
  max-width: 100%;
}
.u-heading-design-text-symbol-2 span {
  z-index: 1;
  width: 23%;
  min-width: 80px;
  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;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  min-height: 100%;
  -webkit-clip-path: polygon(0 0, 100% 0, 80% 100%, 0 100%);
  clip-path: polygon(0 0, 100% 0, 80% 100%, 0 100%);
  color: #fff;
  background: #000;
}
.u-heading-design-text-symbol-2 div {
  width: 77%;
  padding-block: 0.8rem;
  margin-inline: 20px;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

/*----------------------------------
    シンボルを追加した見出し3
    spanを追加してください
    divを追加してください
    <span>02</span><div>テキスト</div>
-----------------------------------*/
.u-heading-design-text-symbol-3 {
  position: relative;
  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: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  width: auto;
  max-width: 100%;
}
.u-heading-design-text-symbol-3 span {
  z-index: 1;
  width: 23%;
  min-width: 80px;
  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;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  min-height: 100%;
  color: #fff;
  background: #000;
  border-radius: 12px;
}
.u-heading-design-text-symbol-3 div {
  position: relative;
  width: 77%;
  padding-block: 0.8rem;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
.u-heading-design-text-symbol-3 div::before {
  content: "";
  position: absolute;
  top: 0;
  left: calc(-2rem - 12px);
  right: 0;
  width: calc(100% + 2rem);
  height: 3px;
  background-color: #000;
}

/*----------------------------------
    シンボルを追加した見出し4
     spanを追加してください
    divを追加してください
    <span>04</span><div>テキスト</div>
-----------------------------------*/
.u-heading-design-text-symbol-4 {
  position: relative;
  word-break: break-all;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.u-heading-design-text-symbol-4 span {
  width: 15%;
}
.u-heading-design-text-symbol-4 div {
  padding-block: 0.8rem;
  padding-inline: 1rem;
  display: block;
  background: #000;
  -webkit-clip-path: polygon(0 0, 100% 0, 92% 100%, 0 100%);
  clip-path: polygon(0 0, 100% 0, 92% 100%, 0 100%);
  width: 85%;
  -moz-text-align-last: left;
  text-align-last: left;
}

/*----------------------------------
    シンボルを追加した見出し5
     spanを追加してください
    divを追加してください
    <span>04</span><div>テキスト</div>
-----------------------------------*/
.u-heading-design-text-symbol-5 {
  position: relative;
  border-bottom: 3px solid #000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: left;
  gap: clamp(10px, 10px + (10) * (100vw - 430px) / (1366 - 430), 20px);
}
.u-heading-design-text-symbol-5 span {
  font-family: "Roboto", sans-serif;
  font-size: 250%;
  line-height: 1;
  -ms-flex-item-align: end;
  align-self: flex-end;
}

/*----------------------------------
    アイコンを追加した見出し
    spanを追加してください
    iを追加してください
    <span><i class="fas fa-yen-sign"></i></span>テキスト
-----------------------------------*/
.u-heading-design-text-icon {
  position: relative;
  padding-inline: 70px 1.5rem;
  padding-block: 0.8rem;
  border: 3px solid #000;
  border-radius: 100vh;
  background-color: #fff;
  color: #333333;
}
.u-heading-design-text-icon span {
  font-size: 2rem;
  line-height: 50px;
  position: absolute;
  top: calc(50% - 25px);
  left: 10px;
  display: block;
  width: 50px;
  height: 50px;
  color: #fff;
  border-radius: 50%;
  background: #000;
}

/*----------------------------------
    ボーダー+影
    spanを追加してください
    <span>テキスト</span>
-----------------------------------*/
.u-heading-design-text-border-shadow {
  position: relative;
  text-align: center;
  border: 3px solid #000;
  display: inline-block;
}
.u-heading-design-text-border-shadow::before,
.u-heading-design-text-border-shadow::after {
  position: absolute;
  content: "";
}
.u-heading-design-text-border-shadow::before {
  top: 0px;
  left: 0px;
  width: calc(100% - 0px);
  height: calc(100% - 0px);
  background: #f8f8f8;
}
.u-heading-design-text-border-shadow span {
  position: relative;
  display: block;
  padding: 2rem;
  letter-spacing: 0.05em;
  color: #fff;
  text-shadow: #000 2px 0, #000 -2px 0, #000 0 -2px, #000 0 2px, #000 2px 2px, #000 -2px 2px, #000 2px -2px,
    #000 -2px -2px, #000 1px 2px, #000 -1px 2px, #000 1px -2px, #000 -1px -2px, #000 2px 1px, #000 -2px 1px,
    #000 2px -1px, #000 -2px -1px, 4px 4px 0 #000, 0 4px 0 #000;
}
.u-heading-design-text-border-shadow span::before,
.u-heading-design-text-border-shadow span::after {
  position: absolute;
  left: 10px;
  width: calc(100% - 20px);
  height: 2px;
  content: "";
  background: #000;
}
.u-heading-design-text-border-shadow span::before {
  top: 15px;
}
.u-heading-design-text-border-shadow span::after {
  bottom: 15px;
}

/*----------------------------------
    サブコピーを入れた見出し
-----------------------------------*/
.u-heading-design-text-sub-copy {
  position: relative;
  padding: 1rem 2rem;
  text-align: center;
  border: 3px solid #000;
}
.u-heading-design-text-sub-copy::before {
  position: absolute;
  font-size: 50%;
  top: -24px;
  left: -3px;
  height: 24px;
  padding: 0 1em;
  content: "POINT";
  color: #fff;
  background: #000;
  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;
}

/*----------------------------------
    サブコピーを入れた見出し2
-----------------------------------*/
.u-heading-design-text-sub-copy-2 {
  position: relative;
  padding: 1rem 2rem;
  text-align: center;
  border: 3px solid #000;
  border-radius: 0 10px 10px 10px;
}
.u-heading-design-text-sub-copy-2::before {
  position: absolute;
  font-size: 50%;
  top: -24px;
  left: -3px;
  height: 24px;
  padding: 0 1em;
  content: "POINT";
  color: #fff;
  border-radius: 10px 10px 0 0;
  background: #000;
  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;
}

/*----------------------------------
    サブコピーを入れた見出し3
-----------------------------------*/
.u-heading-design-text-sub-copy-3 {
  position: relative;
  padding: 1rem 2rem;
  text-align: center;
  border-radius: 0 10px 10px 10px;
  background-color: var(--color-300);
}
.u-heading-design-text-sub-copy-3::before {
  position: absolute;
  color: #fff;
  font-size: 50%;
  top: -24px;
  left: 0px;
  height: 24px;
  padding: 0 1em;
  content: "POINT";
  color: #fff;
  border-radius: 10px 10px 0 0;
  background: var(--color-400);
  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;
}

/*----------------------------------
    サブコピーを入れた見出し4
-----------------------------------*/
.u-heading-design-text-sub-copy-4 {
  position: relative;
  padding: 1rem 2rem;
  text-align: center;
  border-radius: 0 10px 10px 10px;
  background-color: var(--color-300);
}
.u-heading-design-text-sub-copy-4::before {
  font-family: "Font Awesome 5 Free";
  position: absolute;
  color: #fff;
  font-size: 50%;
  top: -24px;
  left: 0px;
  height: 24px;
  padding: 0 1em;
  content: "\f0a4    POINT";
  letter-spacing: 0.1em;
  color: #fff;
  border-radius: 10px 10px 0 0;
  background: var(--color-400);
  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;
}

/*----------------------------------
    サブコピーを入れた見出し5
    spanを追加してください
    <span>01</span>テキスト
-----------------------------------*/
.u-heading-design-text-sub-copy-5 {
  position: relative;
  padding-left: 4em;
  text-align: left;
}
.u-heading-design-text-sub-copy-5 span {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  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;
  left: 0;
  padding: 0.4rem 1.6rem;
  color: #fff;
  background: var(--color-400);
}
.u-heading-design-text-sub-copy-5 span::after {
  position: absolute;
  top: calc(50% - 7px);
  right: -11px;
  width: 0;
  height: 0;
  content: "";
  border-width: 7px 0 7px 12px;
  border-style: solid;
  border-color: transparent transparent transparent var(--color-400);
}

/*----------------------------------
    サブコピーを入れた見出し6
    spanを追加してください
    <span><i class="far fa-hand-point-right"></i>01</span>テキスト
-----------------------------------*/
.u-heading-design-text-sub-copy-6 {
  position: relative;
  padding-left: 5em;
}
.u-heading-design-text-sub-copy-6 span {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  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;
  left: 0;
  padding: 0.4rem 1.6rem;
  border-radius: 10px;
  color: #fff;
  background: var(--color-400);
}
.u-heading-design-text-sub-copy-6 span::after {
  position: absolute;
  top: calc(50% - 7px);
  right: -11px;
  width: 0;
  height: 0;
  content: "";
  border-width: 7px 0 7px 12px;
  border-style: solid;
  border-color: transparent transparent transparent var(--color-400);
}
.u-heading-design-text-sub-copy-6 i {
  margin-right: 0.8rem;
}

/*----------------------------------
    サブコピーを入れた見出し7
-----------------------------------*/
.u-heading-design-text-sub-copy-7 {
  position: relative;
  display: inline-block;
  padding: 0 1.5em;
  text-align: center;
}
.u-heading-design-text-sub-copy-7::before,
.u-heading-design-text-sub-copy-7::after {
  font-family: "Font Awesome 5 Free";
  line-height: 1;
  position: absolute;
  top: calc(50% - 0.5em);
  color: #eb6100;
}
.u-heading-design-text-sub-copy-7::before {
  left: 0;
  content: "\f101";
}
.u-heading-design-text-sub-copy-7::after {
  right: 0;
  content: "\f100";
}


/* チェックボックスのグリッドレイアウト */
.contact-contents__item-check-box p {
  display: grid;
  grid-template-columns: repeat(4, auto);
  gap: 0px;
  margin: 0;
}

@media screen and (min-width: 768px) {
  .contact-contents__item-check-box p {
    gap: 20px;
    width: 79%;
  }
}

/* チェックボックス本体を非表示に */
.contact-contents__item-check-box input[type="checkbox"] {
  width: 1px;
  height: 1px;
  position: absolute;
  clip: rect(0, 0, 0, 0);
  overflow: hidden;
  margin: -1px;
  padding: 0;
  border: 0;
}

/* 共通のラベルスタイル */
.contact-contents__item-check-box label {
  padding-left: 35px;
  position: relative;
  display: inline-block;
  white-space: nowrap;
  font-size: 0.875rem;
  line-height: 1.79;
  cursor: pointer;
}

@media screen and (min-width: 768px) {
  .contact-contents__item-check-box label {
    font-size: clamp(0.875rem, 0.7144648829rem + 0.3344481605vw, 1rem);
    line-height: 1.56;
  }
}

/* 最初の項目のチェックボックス */
.contact-contents__item-check-box > p > label::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  width: 25px;
  height: 25px;
  box-shadow: inset 0 3px 3px 0 rgba(0, 0, 0, 0.16);
  background: #f6f6f6;
}

/* 最初の項目のチェックマーク */
.contact-contents__item-check-box > p > label {
  position: relative;
}

.contact-contents__item-check-box > p > label input[type="checkbox"]:checked ~ label::after,
.contact-contents__item-check-box > p > label input[type="checkbox"]:checked + label::after,
.contact-contents__item-check-box > p > label:has(input[type="checkbox"]:checked)::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
  left: 9px;
  width: 6px;
  height: 13px;
  border-right: 2px solid #333333;
  border-bottom: 2px solid #333333;
  opacity: 1;
  transition: opacity 0.2s ease-in-out;
  z-index: 1;
}


/* 2番目以降の項目のチェックボックス */
.contact-contents__item-check-box .wpcf7-list-item-label::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  width: 25px;
  height: 25px;
  box-shadow: inset 0 3px 3px 0 rgba(0, 0, 0, 0.16);
  background: #f6f6f6;
}

/* 2番目以降の項目のチェックマーク */
.contact-contents__item-check-box .wpcf7-list-item input[type="checkbox"]:checked + .wpcf7-list-item-label::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
  left: 9px;
  width: 6px;
  height: 13px;
  border-right: 2px solid #333333;
  border-bottom: 2px solid #333333;
  opacity: 1;
  transition: opacity 0.2s ease-in-out;
}

/* フォーカス時のスタイル */
.contact-contents__item-check-box input[type="checkbox"]:focus + label::before,
.contact-contents__item-check-box input[type="checkbox"]:focus + .wpcf7-list-item-label::before {
  border: 1px solid var(--color-600);
}

/* Contact Form 7のデフォルトマージンを削除 */
.contact-contents__item-check-box .wpcf7-list-item {
  margin: 0;
}

/* wpcf7-list-item-labelのスタイル */
.contact-contents__item-check-box .wpcf7-list-item-label {
  padding-left: 35px;
  position: relative;
  display: inline-block;
  white-space: nowrap;
  font-size: 0.875rem;
  line-height: 1.79;
  cursor: pointer;
}








// ... existing code ...

/* プライバシーポリシー同意チェックボックス */
.contact__privacy {
  position: relative;
}

.contact__privacy p {
  margin: 0;
}

/* チェックボックス本体を非表示に */
.contact__privacy input[type="checkbox"].form-checkbox__input {
  width: 1px;
  height: 1px;
  position: absolute;
  clip: rect(0, 0, 0, 0);
  overflow: hidden;
  margin: -1px;
  padding: 0;
  border: 0;
}

/* チェックボックスを含むラベル */
.contact__privacy label:has(input[type="checkbox"]) {
  padding-left: 35px;
  position: relative;
  display: inline-block;
  white-space: nowrap;
  font-size: 0.875rem;
  line-height: 1.79;
  cursor: pointer;
}

@media screen and (min-width: 768px) {
  .contact__privacy .form-checkbox label:has(input[type="checkbox"]) {
    font-size: clamp(0.875rem, 0.7144648829rem + 0.3344481605vw, 1rem);
    line-height: 1.56;
  }
}

/* チェックボックスの箱 */
.contact__privacy .form-checkbox label:has(input[type="checkbox"])::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  width: 25px;
  height: 25px;
  box-shadow: inset 0 3px 3px 0 rgba(0, 0, 0, 0.16);
  background: #f6f6f6;
}

/* チェックマーク */
.contact__privacy .form-checkbox label:has(input[type="checkbox"]:checked)::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
  left: 9px;
  width: 6px;
  height: 13px;
  border-right: 2px solid #333333;
  border-bottom: 2px solid #333333;
  opacity: 1;
  transition: opacity 0.2s ease-in-out;
  z-index: 1;
}

/* フォーカス時のスタイル */
.contact__privacy label:has(input[type="checkbox"]:focus)::before {
  border: 1px solid var(--color-600);
}

/* プライバシーポリシーのテキスト */
.contact__privacy-text {
  padding-top: 5px;
  padding-left: 35px;
}

.contact__privacy-text p {
  font-size: 0.75rem;
  line-height: 1.5;
}

/* リンクのスタイル */
.contact__privacy-text a {
  color: var(--color-600);
  text-decoration: underline;
}

.contact__privacy-text a:hover {
  opacity: 0.7;
}

/* 不要なbrタグを非表示に */
.contact__privacy br {
  display: none;
}

/* 外側のラベルのリセット */
.contact__privacy .form-checkbox {
  padding: 0;
  margin: 0;
  display: inline;
}

// ... existing code ...
/*----------------------------------
    サブコピーを入れた見出し7
-----------------------------------*/
.u-heading-design-text-sub-copy-7 {
  position: relative;
  display: inline-block;
  padding: 0 1.5em;
  text-align: center;
}
.u-heading-design-text-sub-copy-7::before, .u-heading-design-text-sub-copy-7::after {
  font-family: "Font Awesome 5 Free";
  line-height: 1;
  position: absolute;
  top: calc(50% - 0.5em);
  color: #eb6100;
}
.u-heading-design-text-sub-copy-7::before {
  left: 0;
  content: "\f101";
}
.u-heading-design-text-sub-copy-7::after {
  right: 0;
  content: "\f100";
}