@charset "UTF-8";
/* ------------- */
/* index         */
/* ------------- */
:root {
  --color-primary: #94D1CA;
  --color-accent: #26B8A7;
  --color-text: #000;
  --color-bg-light: #E7F8F6;
  --base-width: 1440px;
  --inner-width: 1200px;
}

* {
  position: relative;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  font-size: 10px;
  scroll-behavior: smooth;
}
html:has(dialog[open]) {
  overflow: hidden;
}

body {
  color: #000;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 400;
}

img,
svg {
  width: 100%;
  height: 100%;
  font-size: 0;
}

ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

a {
  color: var(--color-text);
  text-decoration: none;
  transition: 0.3s;
}
a:hover {
  transition: 0.3s;
  text-decoration: none;
}

em {
  font-style: normal;
}

button {
  border: none;
  outline: none;
  appearance: none;
}

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

.pc {
  display: block;
}
@media screen and (max-width: 768px) {
  .pc {
    display: none;
  }
}

.is-displaynone {
  display: none !important;
}

.u-ml8 {
  margin-left: 8px !important;
}

.u-mt0 {
  margin-top: 0 !important;
}

.u-mt8 {
  margin-top: 8px !important;
}

.u-mt16 {
  margin-top: 16px !important;
}

.u-mt24 {
  margin-top: 24px !important;
}

.u-mt32 {
  margin-top: 32px !important;
}

.u-mt40 {
  margin-top: 40px !important;
}

.u-mb16 {
  margin-bottom: 16px !important;
}
.u-alignright {
  text-align: right;
}

.u-alignleft {
  text-align: left;
}
.u-aligncenter {
  text-align: center;
}
.u-bold {
	font-weight: bold;
}

.u-width100 {
  width: 100%;
}

.mw_wp_form_input .u-hiddeninput {
	display: none !important;
}

.mw_wp_form_confirm .u-hiddenconfirm {
	display: none !important;
}

.u_dot {
  position: relative;
}
.u_dot:after {
  content: "";
  display: block;
  position: absolute;
  top: -4px;
  right: 0;
  left: 0;
  margin: auto;
  width: 6px;
  height: 6px;
  border-radius: 3px;
  background-color: #FF8A0A;
}

.u_underline {
  position: relative;
}
.u_underline:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: -4px;
  width: 100%;
  height: 22px;
  background-color: #FFEA7D;
  z-index: -1;
}

.l-wrapper {
  width: 100%;
}

.l-main {
  margin-top: 0;
}
@media screen and (max-width: 768px) {
  .l-main {
    margin-top: clamp(7rem, 5.9436619718rem + 2.8169014085vw, 10rem);
  }
}

.l-inner {
  max-width: 800px;
  font-size: clamp(1.4rem, 1.3295774648rem + 0.1877934272vw, 1.6rem);
  text-align: center;
  margin: 0 auto;
}

.l-footer {
  margin-top: 54px;
}

.p-header {
  position: relative;
  width: 100%;
  height: clamp(7rem, 5.9436619718rem + 2.8169014085vw, 10rem);
  background-color: var(--color-primary);
  padding: 14px clamp(1.2rem, 0.4957746479rem + 1.8779342723vw, 3.2rem);
  z-index: 10;
}
@media screen and (max-width: 1024px) {
  .p-header {
    position: fixed;
    top: 0;
  }
}

.p-header__inner {
  display: flex;
  gap: 24px;
  height: 100%;
  justify-content: space-between;
}
@media screen and (max-width: 1024px) {
  .p-header__inner {
    gap: 16px;
  }
}

.p-header__logo {
  display: flex;
  justify-content: end;
  flex-direction: column;
  text-align: center;
}
.p-header__logo img {
  max-width: clamp(16.8rem, 13.6309859155rem + 8.4507042254vw, 25.8rem);
  height: auto;
  filter: brightness(0) invert(1);
}
.p-header__logo p {
  font-size: clamp(1.1rem, 0.923943662rem + 0.4694835681vw, 1.6rem);
  font-weight: 400;
}

.p-header__nav {
  display: flex;
  margin: 0 0 0 8px;
}
@media screen and (max-width: 1024px) {
  .p-header__nav {
    display: none;
    margin: 0;
  }
}
.p-header__nav ul {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
}
.p-header__nav ul li {
  position: relative;
}
.p-header__nav ul li a {
  position: relative;
  font-size: 16px;
  font-weight: bold;
  display: inline-block;
  color: #fff;
}
.p-header__nav ul li a:before {
  content: "";
  display: block;
  position: absolute;
  bottom: -2px;
  right: 0;
  left: 0;
  margin: auto;
  height: 1px;
  width: 100%;
  background-color: #fff;
  transform: scaleX(0);
  transition: 0.2s;
}
.p-header__nav ul li a:hover:before {
  transform: scaleX(1);
  transition: 0.2s;
}
.p-header__nav ul li + li {
  margin-left: 3.4vw;
}
.p-header__nav ul li + li:after {
  content: "";
  position: absolute;
  display: block;
  width: 1px;
  height: 16px;
  background-color: #fff;
  top: 4px;
  bottom: 0;
  margin: auto;
  left: -1.7vw;
}

.p-header__contact {
  width: fit-content;
  margin: auto 0 0 auto;
}
@media screen and (max-width: 1024px) {
  .p-header__contact {
    display: none;
  }
}
.p-header__contact .c-contact {
  color: #fff;
}
.p-header__contact .c-contact strong {
  font-size: 1.75vw;
}
.p-header__contact .c-contact p {
  font-size: 1.02vw;
}

.p-header__button {
  display: flex;
  width: 172px;
  height: 56px;
  margin: auto 0 0 0;
}
@media screen and (max-width: 1024px) {
  .p-header__button {
    width: 110px;
    height: 40px;
    margin: auto 0 auto auto;
  }
}
.p-header__button a {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-text);
  font-size: clamp(1.4rem, 1.3295774648rem + 0.1877934272vw, 1.6rem);
  font-weight: bold;
  background-color: #FFEA7D;
  border-radius: 34px;
  opacity: 1;
  transition: 0.3s;
}
.p-header__button a:hover {
  background-color: #fff2af;
  transition: 0.3s;
}

.p-header__toggle {
  display: none;
}
@media screen and (max-width: 1024px) {
  .p-header__toggle {
    display: block;
    width: 40px;
    height: 40px;
    margin: auto 0;
  }
}

.p-header__toggle-inner {
  position: relative;
  background-color: #fff;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  z-index: 0;
  cursor: pointer;
}
.p-header__toggle-inner span {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  display: block;
  background-color: #94D1CA;
  width: 20px;
  height: 2px;
}

.p-header__toggle .p-header__toggle-inner span {
  transition: 0.3s;
}
.p-header__toggle .p-header__toggle-inner span:nth-of-type(1) {
  transform: translateY(-8px);
}
.p-header__toggle .p-header__toggle-inner span:nth-of-type(2) {
  opacity: 1;
  transform: translateY(0);
}
.p-header__toggle .p-header__toggle-inner span:nth-of-type(3) {
  transform: translateY(8px);
}
.p-header__toggle.is-active .p-header__toggle-inner span {
  width: 24px;
  transition: 0.3s;
}
.p-header__toggle.is-active .p-header__toggle-inner span:nth-of-type(1) {
  transform: translateY(0) rotateZ(-45deg);
}
.p-header__toggle.is-active .p-header__toggle-inner span:nth-of-type(2) {
  opacity: 0;
}
.p-header__toggle.is-active .p-header__toggle-inner span:nth-of-type(3) {
  transform: translateY(0) rotateZ(45deg);
}

.p-header__drawer-button,
.p-header__drawer-link {
  display: none;
}
@media screen and (max-width: 1024px) {
  .p-header__drawer-button,
  .p-header__drawer-link {
    display: block;
  }
}

.p-header__drawer {
  padding: 0 24px;
}

.l-header__drawer {
  display: block;
  position: fixed;
  width: 100vw;
  height: calc(100vh - 70px);
  top: clamp(7rem, 5.9436619718rem + 2.8169014085vw, 10rem);
  left: 0;
  z-index: 10;
  background-color: #fff;
  transform: translateX(100%);
  transition: 0.4s cubic-bezier(0.42, 0, 0.14, 1.01);
  opacity: 0;
}

.l-header__drawer.is-active {
  transform: translateX(0);
  opacity: 1;
  transition: 0.4s cubic-bezier(0.42, 0, 0.14, 1.01);
}

.p-header__drawer-ul {
  margin: 24px 0 0;
}
.p-header__drawer-ul li {
  border-bottom: 1px solid #DBDBDB;
}
.p-header__drawer-ul li a {
  position: relative;
  display: inline-block;
  width: 100%;
  font-size: 18px;
  font-weight: bold;
  padding: 16px 0;
}
.p-header__drawer-ul li a:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 16px;
  bottom: 0;
  margin: auto;
  width: 8px;
  height: 8px;
  border-right: 2px solid #94D1CA;
  border-bottom: 2px solid #94D1CA;
  transform: translateX(0) rotateZ(-45deg);
  transition: 0.2s;
}
.p-header__drawer-ul li:hover a:after {
  transition: 0.2s;
  transform: translateX(4px) rotateZ(-45deg);
}

.p-header__drawer-button {
  display: flex;
  width: 100%;
  height: 46px;
  margin: 30px 0 0 0;
}
.p-header__drawer-button a {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-text);
  font-size: clamp(1.4rem, 1.3295774648rem + 0.1877934272vw, 1.6rem);
  font-weight: bold;
  background-color: #FFEA7D;
  border-radius: 34px;
}

.p-header__drawer-link {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin: 30px 0 0;
}
.p-header__drawer-link a {
  display: inline-block;
  color: #94D1CA;
  font-size: 14px;
  font-weight: bold;
}

.p-footer {
  text-align: center;
  font-size: 16px;
}

.p-footer__hw {
  background-color: #F6F9F9;
  padding: clamp(4rem, 3.5774647887rem + 1.1267605634vw, 5.2rem) 24px 58px;
}

@media screen and (max-width: 768px) {
  .p-footer__hw-banner {
    text-align: left;
  }
}
.p-footer__hw-banner img {
  width: 258px;
  height: auto;
}

.p-footer__hw-nav {
  margin: 40px auto 0;
}
.p-footer__hw-nav .c-horizon_nav li a {
  position: relative;
  color: #000;
}

.p-footer__hw-link {
  display: flex;
  gap: 0 32px;
  flex-wrap: wrap;
  width: fit-content;
  margin: 32px auto 0;
}
@media screen and (max-width: 768px) {
  .p-footer__hw-link {
    gap: 12px 32px;
    text-align: left;
  }
}
.p-footer__hw-link a {
  position: relative;
  display: inline-block;
  color: var(--color-primary);
  font-weight: bold;
}
.p-footer__hw-link a:hover {
	text-decoration: underline;
}
@media screen and (max-width: 768px) {
  .p-footer__hw-link a {
    font-size: 14px;
  }
}

.p-footer__no {
  padding: 52px 24px 50px;
}

.p-footer__no-banner {
  width: fit-content;
  display: flex;
  align-items: center;
  gap: 16px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .p-footer__no-banner {
    margin: 0;
  }
}
.p-footer__no-banner img {
  width: clamp(17.2rem, 15.6507042254rem + 4.1314553991vw, 21.6rem);
  height: auto;
}

.p-footer__no-nav {
  margin: 28px auto 0;
}
.p-footer__no-nav .c-horizon_nav {
  max-width: 800px;
  margin: 0 auto;
  gap: 16px 64px;
}
@media screen and (max-width: 768px) {
  .p-footer__no-nav .c-horizon_nav {
    max-width: 100%;
  }
}

.p-footer__copy {
  width: 100%;
  color: #fff;
  font-size: 14px;
  text-align: center;
  background-color: var(--color-primary);
  padding: 12px 0 24px;
}

.c-container {
  display: flex;
  flex-direction: row;
}
@media screen and (max-width: 768px) {
  .c-container {
    flex-direction: column;
  }
}

ul.c-horizon_nav {
  display: flex;
  justify-content: center;
  gap: 0 64px;
  flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
  ul.c-horizon_nav {
    justify-content: start;
    gap: 16px 32px;
  }
}
ul.c-horizon_nav li {
  font-weight: bold;
}
ul.c-horizon_nav li:before {
  content: "";
  display: block;
  position: absolute;
  top: 4px;
  right: -32px;
  bottom: 0;
  margin: auto;
  width: 1px;
  height: 16px;
  background-color: #000;
}
@media screen and (max-width: 768px) {
  ul.c-horizon_nav li:before {
    right: -16px;
  }
}
ul.c-horizon_nav li:last-child:before {
  display: none;
}
ul.c-horizon_nav li a {
  position: relative;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 768px) {
  ul.c-horizon_nav li a {
    text-align: left;
  }
}
ul.c-horizon_nav li a:before {
  content: "";
  display: block;
  position: absolute;
  bottom: -2px;
  right: 0;
  left: 0;
  margin: auto;
  height: 1px;
  width: 100%;
  background-color: #000;
  transform: scaleX(0);
  transition: 0.2s;
}
ul.c-horizon_nav li a:hover:before {
  transform: scaleX(1);
  transition: 0.2s;
}

.c-contact {
  display: grid;
  grid-template-columns: 40px 1fr;
  grid-template-rows: 1fr;
  gap: 0px;
}
.c-contact .c-contact__info {
  grid-area: 1/2/2/3;
  display: flex;
  flex-direction: column;
  justify-content: end;
}
.c-contact .c-contact__info a {
	color: inherit;
}
@media screen and (min-width: 768px) {
	.c-contact .c-contact__info a {
		pointer-events: none;
	}	
}
.c-contact .c-contact__image {
  grid-area: 1/1/2/2;
  display: flex;
  flex-direction: column;
  justify-content: end;
}
.c-contact strong {
  display: inline-block;
  grid-area: 1/2/2/3;
  font-size: 24px;
  font-family: "Roboto", sans-serif;
  font-weight: bold;
}
.c-contact p {
  display: inline-block;
  grid-area: 2/2/3/3;
  font-size: 14px;
  margin-bottom: 3px;
}
.c-contact img {
  grid-area: 1/1/3/2;
  width: 32px;
  height: 58px;
  margin: auto 8px 0 0;
}

.c-child__header {
  padding: 50px 24px 64px;
}
@media screen and (max-width: 768px) {
  .c-child__header {
    margin-top: clamp(7rem, 5.9436619718rem + 2.8169014085vw, 10rem);
  }
}

.c-child__title {
  position: relative;
  color: #179486;
  font-size: clamp(3rem, 2.6478873239rem + 0.9389671362vw, 4rem);
}
.c-child__title:after {
  content: "";
  display: block;
  position: absolute;
  bottom: -16px;
  left: 0;
  right: 0;
  margin: auto;
  width: 232px;
  height: 38px;
  background: url(./../images/dec_child-header.svg) 50% 50%/contain no-repeat;
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .c-child__title:after {
    width: 182px;
    height: 30px;
  }
}

.c-graph_container {
  border: 1px solid #94D1CA;
  padding: 30px 16px;
}
.c-graph_container img {
  max-width: 580px;
}
.c-graph_container + .c-graph_container {
  margin-top: 30px;
}

.c-cta {
  text-align: left;
  background: url(./../images/photo_cta_pc.webp) 50% 50%/cover no-repeat;
  padding: 40px 50px;
  margin: clamp(4rem, 2.5915492958rem + 3.7558685446vw, 8rem) 0 0;
}
@media screen and (max-width: 768px) {
  .c-cta {
    background: url(./../images/photo_cta_sp.webp) 30% 0%/contain no-repeat;
    padding: 240px 24px 0;
  }
}
@media screen and (max-width: 375px) {
  .c-cta {
    background: url(./../images/photo_cta_sp.webp) 30% 0%/contain no-repeat;
  }
}

.c-cta__inner {
  width: 50%;
  min-width: 320px;
}
@media screen and (max-width: 768px) {
  .c-cta__inner {
    width: 100%;
    min-width: 100%;
  }
}

.c-cta__title {
  font-size: clamp(2rem, 1.8591549296rem + 0.3755868545vw, 2.4rem);
  font-weight: bold;
  color: var(--color-primary);
}

.c-cta__contact {
  position: relative;
  margin: clamp(4rem, 3.4366197183rem + 1.5023474178vw, 5.6rem) 0 0;
  background: #fff;
  padding: 18px 32px 12px;
  border-radius: 4px;
  border: 1px solid #FED400;
  box-shadow: 0 2px 6px #FED400;
}
@media screen and (max-width: 768px) {
  .c-cta__contact {
    padding: 18px 24px 12px;
  }
}
.c-cta__contact .c-contact {
  grid-template-columns: 48px 1fr;
}
.c-cta__contact .c-contact p {
  font-size: clamp(1.4rem, 1.3295774648rem + 0.1877934272vw, 1.6rem);
  margin-top: 0;
}
.c-cta__contact .c-contact img {
  filter: brightness(0);
  margin: auto 16px 0 0;
}

.c-cta__contact__title {
  position: absolute;
  top: -24px;
  left: 12px;
  color: #fff;
  font-size: 14px;
  background: #179486;
  border-radius: 16px;
  padding: 8px 16px;
}

.c-cta__button {
  margin-top: 16px;
}
.c-cta__button a {
  display: block;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  padding: 28px 0;
  border-radius: 4px;
  background: rgb(254, 212, 0);
  box-shadow: 0 2px 6px #FED400;
  transition: 0.3s;
}
.c-cta__button a:hover {
  background: rgba(254, 212, 0, 0.7);
  transition: 0.3s;
}

button {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: clamp(1.4rem, 1.3295774648rem + 0.1877934272vw, 1.6rem);
}

input[type=checkbox],
input[type=radio] {
  display: none;
}

input[type=text],
input[type=tel],
input[type=email],
input[type=date],
input[type=number] {
  font-size: inherit;
  height: 38px;
  padding: 0 8px;
  border: 1px solid #CBCBCB;
  border-radius: 3px;
}

textarea {
  font-size: inherit;
  width: 100%;
  height: 150px;
  padding: 8px;
  line-height: 1.5;
  border: 1px solid #CBCBCB;
  border-radius: 3px;
}

input[type=date]::-webkit-calendar-picker-indicator {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: auto;
  height: auto;
  background: transparent;
  z-index: 1;
}

input[type=date]::after,
input[type=text]::after,
.u-hasCalender::after {
  content: "";
  background-image: url(./../images/icon_form_calender.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 0 0;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 20px;
  right: 10px;
  transform: translateY(-50%);
  cursor: pointer;
}
.mw_wp_form_confirm .u-hasCalender::after {
	display: none;
}

label {
  display: block;
  width: fit-content;
}

.c-checkbox {
  display: block;
  font-size: clamp(14px, 14px + 0vw, 14px);
  margin: 0;
  padding: 10px 8px;
}

.c-checkbox__label {
  position: relative;
  display: flex;
  width: fit-content;
  align-items: center;
  padding: 0 0 0 32px;
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  .c-checkbox__label {
    flex-direction: column;
    align-items: start;
  }
}
.c-checkbox__label p {
  display: inline-block;
}
.c-checkbox__label p span {
  font-size: 1.5em;
}
.mwform-checkbox-field-text p + p {
  font-weight: bold;
  color: #717071;
}

.c-checkbox__label::before {
  content: "";
  position: absolute;
  display: block;
  top: calc(50% - 8px);
  left: 0;
  width: 20px;
  height: 20px;
  border: 1px solid #D1D8ED;
  border-radius: 3px;
  box-sizing: border-box;
}

.c-checkbox:checked + .c-checkbox__label::before,
.c-checkbox__label.is-checked::before{
  background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2212%22%20height%3D%2210%22%20viewBox%3D%220%200%2012%2010%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M0.717773%204.3805L3.93206%207.69629L10.7178%200.696289%22%20stroke%3D%22%2326B8A7%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E") 50% 4px no-repeat;
}

.radio-group {
  display: flex;
  gap: 20px;
  font-family: sans-serif;
}

.p-radio-label {
  display: flex;
  align-items: center;
  cursor: pointer;
  font-size: 16px;
  user-select: none;
}

.p-radio-label input[type=radio] {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}

.p-radio-custom {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  border: 1px solid #CBCBCB;
  border-radius: 50%;
  margin-right: 8px;
  background-color: #fff;
  box-sizing: border-box;
}

.p-radio-custom::after {
  content: "";
  position: absolute;
  top: 3px;
  left: 3px;
  width: 16px;
  height: 16px;
  background-color: #26B8A7;
  border-radius: 50%;
  opacity: 0;
  transform: scale(1);
}

.p-radio-label input[type=radio]:checked + .p-radio-custom {
  border-color: #26B8A7;
}

.p-radio-label input[type=radio]:checked + .p-radio-custom::after {
  opacity: 1;
}

.p-swiper {
  position: relative;
  width: 300px;
}
.mw_wp_form_confirm .p-swiper {
	display: none !important;
}
.mw_wp_form_confirm .p-formpage__servername {
	font-weight: normal;
	margin-bottom: 8px;
}
@media screen and (max-width: 768px) {
  .p-swiper {
    width: 100%;
  }
}
.p-swiper .swiper-slide img {
  height: 300px;
  width: auto;
  border: 1px solid #CBCBCB;
}
@media screen and (max-width: 768px) {
  .p-swiper .swiper-slide img {
    width: 100%;
    height: auto;
  }
}
.p-swiper .swiper-slide p {
  margin-top: 40px;
}

.p-confirm__slideimage img {
	width: 160px;
	height: 160px;
    border: 1px solid #CBCBCB;
}
.mw_wp_form_confirm .p-confirm__slideimage {
	color: #fff;
}

.swiper-slide-colorname {
  padding-top: 36px;
}
.swiper-pagination {
  bottom: 30px !important;
}
.swiper-pagination .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  margin: 0 7px !important;
}
.swiper-pagination .swiper-pagination-bullet-active {
  background-color: #26B8A7;
}

.c-modal p {
  font-size: clamp(1.4rem, 1.3295774648rem + 0.1877934272vw, 1.6rem);
}

.c-modal__title {
  width: calc(100% + 48px);
  font-size: 24px;
  font-weight: bold;
  color: #26B8A7;
  padding: 18px 20px;
  background-color: #E7F8F6;
  margin: 0 0 12px -24px;
}
@media screen and (max-width: 768px) {
  .c-modal__title {
    width: 100%;
    margin: 0 0 20px 0;
  }
}

.c-modal__headline {
  position: relative;
  font-size: clamp(1.4rem, 1.3295774648rem + 0.1877934272vw, 1.6rem);
  font-weight: bold;
  padding: 0 0 0 20px;
  margin: 30px 0 0;
}
@media screen and (max-width: 768px) {
  .c-modal__headline {
    margin: 30px 0 10px;
  }
}
.c-modal__headline:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 16px;
  height: 2px;
  background-color: #26B8A7;
}

.c-modal_conteiner {
  position: relative;
}
.c-modal_conteiner .c-container {
  gap: 0 8px;
  margin: 20px 0 0;
}
.c-modal_conteiner .c-container img {
  max-width: 176px;
  height: auto;
}
@media screen and (max-width: 768px) {
 .c-modal_conteiner .c-container {
   gap: 8px 0;
   margin: 20px 0 0;
 }
 .c-modal_conteiner .c-container img {
	width: 100%;
  max-width: 100%;
 }
}

dialog {
  border: none;
  overflow: visible;
  opacity: 0;
  padding: 0 50px 0;
  background: transparent;
}
@media screen and (max-width: 768px) {
  dialog {
    padding: 0;
  }
}

.c-modal_conteiner {
  overflow: visible;
}

.c-modal_body {
  width: calc(100% - 48px);
  max-width: 960px;
  max-height: 80vh;
  padding: 24px 48px;
  border-radius: 8px;
  margin: 0 auto;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: #fff;
}
@media screen and (max-width: 768px) {
  .c-modal_body {
    width: 100%;
    max-width: 100%;
    max-height: 70vh;
	padding: 24px 15px;
  }
}

dialog[open] {
  opacity: 1;
  transform: scale(1);
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
}

dialog::backdrop {
  background-color: rgba(0, 0, 0, 0.6);
}

@starting-style {
  dialog[open] {
    opacity: 0;
  }
}
.c-modal__closs {
  position: absolute;
  top: -14px;
  right: -5px;
  width: 24px;
  height: 24px;
  font-size: 32px;
  color: #fff;
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  .c-modal__closs {
    top: -45px;
    right: 0;
  }
}

.c-modal__closebutton {
  margin: clamp(2rem, 2.3521126761rem + -0.9389671362vw, 1rem) auto 0;
  cursor: pointer;
}

.c-button {
  width: fit-content;
}
.c-button a,
.c-button-form {
  display: block;
  width: fit-content;
  font-size: 16px;
  font-weight: bold;
  color: #26B8A7;
  background-color: #fff;
  border: 2px solid #26B8A7;
  padding: 12px 30px;
  border-radius: 33px;
  box-shadow: 0 0 4px #94D1CA;
  transition: 0.3s;
  cursor: pointer;
}
.c-button a:hover,
.c-button-form:hover {
  color: #fff;
  background-color: #26B8A7;
  transition: 0.3s;
}
.c-button.c-color__gray a,
.c-button-form.c-color__gray a{
  color: #717071;
  border: 2px solid #CBCBCB;
  box-shadow: 0 0 4px #717071;
}
.c-button.c-color__gray a:hover,
.c-button-form.c-color__gray a:hover{
  color: #fff;
  background-color: #717071;
}

.c-icon-tab {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url(./../images/icon_openTab.svg) 50% 50%/contain no-repeat;
}

.c-icon-halfbox {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-right: 2px solid #111;
  border-top: 2px solid #111;
  background: transparent;
}

.c-caution {
  position: relative;
  font-size: 12px;
  line-height: 1.8;
  text-align: left;
  padding: 0 0 0 1.5rem;
}
.c-caution:before {
  content: "※";
  display: block;
  position: absolute;
  font-size: inherit;
  left: 0rem;
}

.c-caution-lines {
  font-size: 12px;
  text-align: left;
  line-height: 1.8;
}

.c-em {
  color: #179486;
  font-weight: bold;
}

.c-divider {
  display: block;
  height: 10px;
  width: 100%;
  background: url(./../images/image_divider.svg) 50% 50%/contain no-repeat;
  border: 0;
  margin: clamp(3rem, 2.6478873239rem + 0.9389671362vw, 4rem) auto;
}
@media screen and (max-width: 768px) {
  .c-divider {
    width: calc(100% - 48px);
    height: 5px;
    background: url(./../images/image_divider.svg) 50% 50%/cover no-repeat;
  }
}

.c-divider__full {
  display: block;
  height: 6px;
  width: 100%;
  background: url(./../images/image_divider_full.png) 50% 50%/contain no-repeat;
  border: 0;
  margin: clamp(3rem, 2.6478873239rem + 0.9389671362vw, 4rem) auto;
}
@media screen and (max-width: 768px) {
  .c-divider__full {
    width: 100%;
    height: 5px;
    background: url(./../images/image_divider.svg) 50% 50%/cover no-repeat;
  }
}

.c-redlabel {
  min-width: 32px;
  height: fit-content;
  color: #FF0000;
  font-size: 12px;
  border: 1px solid #FF0000;
  padding: 0 3px 1px;
  border-radius: 3px;
}

.c-discription {
  font-size: clamp(1.2rem, 1.1295774648rem + 0.1877934272vw, 1.4rem);
  text-align: left;
}

.c-bold {
  font-weight: bold;
}

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

.c-scrollbox {
  font-size: inherit;
  width: 100%;
  height: 150px;
  padding: 20px;
  line-height: 1.5;
  border: 1px solid #CBCBCB;
  border-radius: 4px;
  overflow-y: scroll;
}
.c-scrollbox .c-linkoff {
	color: inherit;
}
@media screen and (min-width: 768px) {
  .c-scrollbox .c-linkoff {
	pointer-events: none;
  }
}

.p-mv {
  text-align: center;
}
.p-mv picture img {
  width: 100%;
  max-width: 1000px;
  vertical-align: bottom;
  margin: 0 auto;
}
.p-mv img {
  width: 100%;
}
@media screen and (max-width: 768px) {
.p-mv {
  margin-top: clamp(7rem, 5.9436619718rem + 2.8169014085vw, 10rem);
}
}

.p-mv_news {
  padding: 8px 0 10px;
  background-color: #FFF1A9;
}
.p-mv_news p {
  color: #26B8A7;
  font-size: 16px;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .p-mv_news p {
    color: #179486;
  }
}

.p-topcontact {
  padding: 12px 0;
}
.p-topcontact .c-container {
  width: 100%;
  max-width: 800px;
  align-items: center;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .p-topcontact .c-container {
    max-width: calc(100% - 48px);
    flex-direction: column;
  }
}
.p-topcontact .c-container__info,
.p-topcontact .c-container__link {
  width: 50%;
}
@media screen and (max-width: 768px) {
  .p-topcontact .c-container__info,
  .p-topcontact .c-container__link {
    width: 100%;
  }
}
.p-topcontact .c-container__info > img {
  width: 90px;
  height: 90px;
}
@media screen and (max-width: 768px) {
  .p-topcontact .c-container__info > img {
    display: none;
  }
}
.p-topcontact .c-container__info {
  display: flex;
  gap: 0 24px;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .p-topcontact .c-container__info {
    justify-content: center;
    padding: 0 0 12px;
  }
}
.p-topcontact .c-container__info .c-contact__image {
  filter: brightness(0);
}
.p-topcontact .c-container__info p {
  margin-top: 0;
  margin-bottom: 4px;
}

.p-topcontact .c-container__link {
  border-left: 1px solid #000;
  padding: 0 0 0 32px;
}
@media screen and (max-width: 768px) {
  .p-topcontact .c-container__link {
    border-left: none;
    border-top: 1px solid #000;
    padding: 12px 0 0 0;
  }
}
.p-topcontact .c-container__button {
  width: 100%;
  max-width: 360px;
  height: 56px;
}
@media screen and (max-width: 768px) {
  .p-topcontact .c-container__button {
    margin: 0 auto;
  }
}
.p-topcontact .c-container__button a {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-text);
  font-size: clamp(1.4rem, 1.3295774648rem + 0.1877934272vw, 1.6rem);
  font-weight: bold;
  background-color: #FED400;
  border-radius: 34px;
  box-shadow: 0 2px 6px rgba(254, 212, 0, 0.5);
  opacity: 1;
  transition: 0.3s;
}
.p-topcontact .c-container__button:hover a {
  opacity: 0.7;
  transition: 0.3s;
}

.p-topcontact .c-contact {
  margin-top: 0;
}

.p-no1 {
  padding: 25px 0;
  background: url(./../images/bg_top.webp) 50% 50%/cover no-repeat;
}
.p-no1 .c-image {
  width: 40%;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .p-no1 .c-image {
    width: calc(100% - 48px);
  }
}
.p-no1 .c-image img {
  width: 100%;
}

.p-campaignarea {
  padding: 32px 0 40px;
}
@media screen and (max-width: 768px) {
  .p-campaignarea {
    padding: 24px 0 32px;
  }
}
.p-campaignarea .c-image {
  width: 100%;
  max-width: 350px;
  font-size: 0;
  line-height: 0;
  margin: 0 auto;
  border-radius: 8px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  transition: 0.3s;
}
@media screen and (max-width: 768px) {
  .p-campaignarea .c-image {
    max-width: calc(100% - 48px);
  }
}
.p-campaignarea .c-image img {
  border-radius: 8px;
}
.p-campaignarea .c-image:hover {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.24);
  transition: 0.3s;
}
s .p-campaignarea .c-image:hover {
  opacity: 0.7;
}

.p-topclass {
  background: url(./../images/photo_pure_bg01.webp) 50% 50%/cover no-repeat;
  padding: 40px 0 60px;
}
@media screen and (max-width: 768px) {
  .p-topclass {
    padding: 32px 24px;
  }
}
.p-topclass__title {
  width: 100%;
  max-width: 440px;
  margin: 0 auto;
}

.p-topclass .c-container {
  width: 100%;
  max-width: 800px;
  gap: 0 32px;
  margin: 32px auto 0;
}
@media screen and (max-width: 768px) {
  .p-topclass .c-container {
    gap: 16px 0;
    margin: 16px auto 0;
  }
}
.p-topclass .c-container__image img {
  width: 350px;
  height: auto;
}
@media screen and (max-width: 768px) {
  .p-topclass .c-container__image img {
    width: 100%;
  }
}
.p-topclass .c-container__info {
  font-size: 16px;
  line-height: 1.6;
}
.p-topclass .c-container__info span {
  display: inline-block;
  font-size: 14px;
  color: #717071;
  margin-top: 16px;
}
.p-topclass .c-container__info .c-button {
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .p-topclass .c-container__info .c-button {
    margin: 32px auto 0;
  }
}

.p-detail {
  margin: 56px 0 52px;
}
@media screen and (max-width: 768px) {
  .p-detail {
    margin: 40px 0 52px;
  }
}
.p-detail .c-button {
  margin: 40px auto 0;
}
@media screen and (max-width: 768px) {
  .p-detail .c-button {
    margin: 32px auto 0;
  }
}

.p-detail__row {
  width: calc(100vw - (100vw - 800px) / 2);
}
@media screen and (max-width: 768px) {
  .p-detail__row {
    width: calc(100% - 48px);
  }
}
.p-detail__row .c-container {
  gap: 0 32px;
}

.p-detail__row.c-right {
  margin: 0 0 0 auto;
}
@media screen and (max-width: 768px) {
  .p-detail__row.c-right {
    margin: 0 auto;
  }
}
.p-detail__row.c-right .c-container__info {
  width: calc(100% - 350px - 32px);
}
@media screen and (max-width: 768px) {
  .p-detail__row.c-right .c-container__info {
    width: 100%;
  }
}
.p-detail__row.c-right img {
  max-width: 350px;
}
@media screen and (max-width: 768px) {
  .p-detail__row.c-right img {
    max-width: calc(100% - 48px);
    margin: 16px auto 0;
  }
}
.p-detail__row.c-left {
  margin: 40px auto 0 0;
}

@media screen and (max-width: 768px) {
  .p-detail__row.c-left {
    margin: 32px auto 0;
  }
}
.p-detail__row.c-left .p-detail__title {
  text-align: right;
}
@media screen and (max-width: 768px) {
  .p-detail__row.c-left .p-detail__title {
    text-align: left;
    padding: 0 0 10px;
  }
}
.p-detail__row.c-left .c-container__info {
  width: calc(100% - 290px - 32px);
}
@media screen and (max-width: 768px) {
  .p-detail__row.c-left .c-container__info {
    width: 100%;
  }
}
.p-detail__row.c-left .c-container__image img {
  max-width: 290px;
}
@media screen and (max-width: 768px) {
  .p-detail__row.c-left .c-container__info img {
    max-width: calc(100% - 48px);
    margin: 16px auto 0;
  }
}
.p-detail__row.c-left .c-container__info p {
  display: block;
  width: calc(100% - (100vw - 800px) / 2);
  margin: 16px 0 0 auto;
}
@media screen and (max-width: 768px) {
  .p-detail__row.c-left .c-container__info p {
    width: 100%;
    margin: 16px auto 0;
  }
}
.p-detail__row.c-left .c-container__info p span {
  color: #26B8A7;
  font-weight: bold;
}

.p-detail__title {
  width: 100%;
  font-size: 24px;
  font-weight: bold;
  padding: 32px 0 8px;
  border-bottom: 2px solid #CBCBCB;
}
.p-detail__title span {
  color: #26B8A7;
}

.p-detail__row .c-container__info p {
  font-size: 16px;
  line-height: 1.6;
  margin-top: 12px;
}
@media screen and (max-width: 768px) {
  .p-detail__row .c-container__info p {
    font-size: 14px;
  }
}

.p-flow {
  width: 100%;
  max-width: 800px;
  margin: 56px auto 52px;
}
@media screen and (max-width: 768px) {
  .p-flow {
    margin: 48px auto 40px;
  }
}

.p-flow__title {
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 36px;
}
@media screen and (max-width: 768px) {
  .p-flow__title {
    margin-bottom: 32px;
  }
}

.p-flowtable__row {
  display: flex;
  gap: 0 8px;
  align-items: center;
  flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
  .p-flowtable__row {
    width: calc(100% - 48px);
    margin: 0 auto;
  }
}

.p-flowtable__row .c-container {
  width: 90%;
  gap: 0 20px;
  margin: 16px 0 0;
}
@media screen and (max-width: 768px) {
  .p-flowtable__row .c-container {
    width: 100%;
    gap: 16px 0;
  }
}
.p-flowtable__row .c-container__item {
  width: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #94D1CA;
  border-radius: 4px;
}
@media screen and (max-width: 768px) {
  .p-flowtable__row .c-container__item {
    width: 100%;
  }
}
.p-flowtable__row .c-contact {
  padding: 10px;
}
@media screen and (max-width: 768px) {
  .p-flowtable__row .c-contact p {
    font-size: 14px !important;
  }
}
.p-flowtable__row .c-contact img {
  filter: brightness(0);
}

.p-flowtable__button {
  width: 100%;
  height: 100%;
}
.p-flowtable__button a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  font-size: 16px;
  font-weight: bold;
  background-color: #94D1CA;
  opacity: 1;
  transition: 0.3s;
}
@media screen and (max-width: 768px) {
  .p-flowtable__button a {
    padding: 20px 0;
  }
}
.p-flowtable__button a:hover {
  opacity: 0.7;
  transition: 0.3s;
}

.p-flowtable__number {
  width: 32px;
}
.p-flowtable__number div {
  display: block;
  width: 32px;
  height: 32px;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  line-height: 1.8;
  border: 1px solid #94D1CA;
  color: #94D1CA;
  border-radius: 16px;
}

.p-flowtable__title {
  width: calc(100% - 40px);
  font-size: 16px;
  font-weight: bold;
}

.p-flowtable__text {
  position: relative;
  width: 100%;
  padding: 16px 0 32px 40px;
}
@media screen and (max-width: 768px) {
  .p-flowtable__text {
    padding: 12px 0 32px 40px;
  }
}
.p-flowtable__text p {
  font-size: 16px;
  line-height: 1.6;
}
.p-flowtable__text:before {
  content: "";
  display: block;
  position: absolute;
  top: 12px;
  left: 16px;
  margin: auto;
  width: 1px;
  height: calc(100% - 24px);
  background-color: #94D1CA;
}

.p-flowtable__row:nth-child(3) .p-flowtable__text:before {
  display: none;
}

@media screen and (max-width: 768px) {
  .p-faqs.p-toppage {
    padding: 50px 24px 40px;
  }
}
.p-faqs.p-toppage .p-faq__title {
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 36px;
}
@media screen and (max-width: 768px) {
  .p-faqs.p-toppage .p-faq__title {
    margin-bottom: 30px;
  }
}
.p-faqs.p-toppage .c-button {
  margin: 32px auto 0;
}

.p-spacer {
  height: clamp(12.4rem, 9.723943662rem + 7.1361502347vw, 20rem);
}

.p-faqs {
  padding: clamp(4rem, 3.2957746479rem + 1.8779342723vw, 6rem) 24px;
  background-color: #E7F8F6;
}

.p-faq {
  font-size: clamp(1.4rem, 1.3295774648rem + 0.1877934272vw, 1.6rem);
  line-height: 1.8;
  background-color: #fff;
}
.p-faq button {
  width: 100%;
  cursor: pointer;
  font-weight: bold;
  text-align: left;
  background-color: transparent;
}
.p-faq {
  border: 1px solid #94D1CA;
  border-radius: 16px;
}
.p-faq + .p-faq {
  margin-top: clamp(1.6rem, 1.4591549296rem + 0.3755868545vw, 2rem);
}

.p-faq__q {
  position: relative;
  padding: 16px 56px 16px 40px;
}
.p-faq button {
color: #000 !important;
}
.p-faq__q:before {
  content: "Q.";
  font-weight: bold;
  position: absolute;
  left: 18px;
  color: inherit;
}

.p-accordion__trigger .p-faq__q .c-icon-halfbox {
  position: absolute;
  top: -3px;
  bottom: 0;
  right: 32px;
  margin: auto;
  width: 9px;
  height: 9px;
  transform: rotateZ(135deg);
  transition: 0.3s;
}
.p-accordion__trigger[aria-expanded=true] .p-faq__q .c-icon-halfbox {
  transform: rotateZ(-45deg);
}

.p-faq__a {
  position: relative;
  text-align: left;
  padding: 16px 56px 24px 40px;
}
.p-faq__a .c-linkoff {
	
}
@media screen and (max-width: 768px) {
  .p-faq__a {
    padding: 16px 24px 24px 40px;
  }
}
@media screen and (min-width: 768px) {
  .p-faq__a .c-linkoff {
	pointer-events: none;
  }	
}



.p-faq__a:before {
  content: "A.";
  font-weight: bold;
  position: absolute;
  left: 18px;
  color: #179486;
}

.p-accordion-container {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 0.3s ease-out;
}

.p-accordion-content {
  overflow: hidden;
  min-height: 0;
}

.p-accordion-container.is-open {
  grid-template-rows: 1fr;
}

.p-fixed_price {
  background-color: var(--color-bg-light);
  padding: clamp(6.4rem, 5.8366197183rem + 1.5023474178vw, 8rem) 24px clamp(3rem, 2.2957746479rem + 1.8779342723vw, 5rem);
}
.p-fixed_price .c-caution:first-of-type {
  margin-top: 20px;
}

.p-fixed_price--inner {
  position: relative;
  background-color: #fff;
  padding: 80px clamp(1.5rem, 0.6197183099rem + 2.3474178404vw, 4rem) 38px;
}

.p-fixed_price--title {
  position: absolute;
  top: -24px;
  right: 0;
  left: 0;
  margin: auto;
  width: fit-content;
  color: #fff;
  font-size: 24px;
  font-weight: bold;
  background-color: #179486;
  border-radius: 4px;
  padding: 10px 40px;
}

.p-fixed_price--header {
  width: 90%;
  display: flex;
  align-items: center;
  margin: 0 auto 40px;
}
@media screen and (max-width: 768px) {
  .p-fixed_price--header {
    flex-direction: column;
    gap: 36px;
  }
}

.p-fixed_price--header-info {
  width: 45%;
}
@media screen and (max-width: 768px) {
  .p-fixed_price--header-info {
    width: 100%;
  }
}

.p-fixed_price--header-image {
  width: 55%;
}
@media screen and (max-width: 768px) {
  .p-fixed_price--header-image {
    width: 100%;
  }
}

.p-fixed_price--header-info p {
  position: relative;
  color: #179486;
  font-size: clamp(3.2rem, 3.0591549296rem + 0.3755868545vw, 3.6rem);
  font-weight: bold;
  line-height: 1;
  z-index: 1;
}
.p-fixed_price--header-info p strong {
  font-size: clamp(5.2rem, 4.9887323944rem + 0.5633802817vw, 5.8rem);
}

.p-cost_performance {
  padding-top: clamp(4rem, 3.1549295775rem + 2.2535211268vw, 6.4rem);
}
.p-cost_performance p {
  font-size: myClmap(14, 16);
  margin-top: 20px;
}
.p-cost_performance .c-graph_container {
  width: calc(100% - 80px);
  margin: 30px auto 0;
}
.p-cost_performance .c-caution-lines {
  display: inline-block;
  width: calc(100% - 80px);
  margin: myClmap(20, 30) auto 0 40px;
}

.p-cost_performance--title {
  font-size: 24px;
}
.p-cost_performance--title span {
  color: #179486;
}

.p-safety {
  margin-top: clamp(4rem, 3.2957746479rem + 1.8779342723vw, 6rem);
}
.p-safety .l-inner {
  padding-top: 30px;
  padding-bottom: 30px;
  background-color: #FFFBF7;
}
.p-safety .l-inner + .l-inner {
  margin-top: 30px;
}
.p-safety .l-inner .c-caution {
  width: calc(100% - 80px);
  margin: clamp(1.6rem, 1.4591549296rem + 0.3755868545vw, 2rem) auto 0;
}
@media screen and (max-width: 768px) {
  .p-safety .l-inner .c-caution {
    width: calc(100% - 48px);
  }
}
.p-safety .l-inner .c-caution + .c-caution {
  margin-top: 0;
}

.p-safety--title {
  font-size: 24px;
}
.p-safety--title + p {
  margin-top: 20px;
}

.p-safety--price {
  position: relative;
  color: #179486;
  font-weight: bold;
  font-size: 45px;
  z-index: 1;
}
.p-safety--price small {
  font-size: 0.7em;
}
.p-safety--price .u_underline:after {
  bottom: 0;
  height: 28px;
}

.p-safety--items {
  width: calc(100% - 80px);
  display: flex;
  gap: 18px;
  flex-wrap: wrap;
  margin: 32px auto 0;
}
@media screen and (max-width: 768px) {
  .p-safety--items {
    width: calc(100% - 48px);
    flex-direction: column;
  }
}
.p-safety--items .p-safety--item {
  width: calc(50% - 9px);
}
@media screen and (max-width: 768px) {
  .p-safety--items .p-safety--item {
    width: 100%;
  }
}

.p-safety--item {
  padding: 30px 20px;
  text-align: left;
  background-color: #fff;
  border: 1px solid #CBCBCB;
}

.p-safety--item_name {
  display: flex;
  align-items: center;
  font-size: 16px;
  font-weight: bold;
}
.p-safety--item_name img {
  width: 50px;
  height: 50px;
  margin: 0 10px 0 0;
}
.p-safety--item_name + p {
  margin-top: 10px;
  font-size: 14px;
}

.p-safety--unit {
  width: calc(100% - 80px);
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  grid-template-columns: 350px 1fr;
  grid-template-rows: 1fr;
  gap: 36px;
  margin: 32px auto 0;
}
@media screen and (max-width: 768px) {
  .p-safety--unit {
    width: calc(100% - 48px);
    flex-direction: column-reverse;
    gap: 24px;
  }
}
.p-safety--unit .p-safety--unit-image {
  width: 45%;
}
@media screen and (max-width: 768px) {
  .p-safety--unit .p-safety--unit-image {
    width: 100%;
  }
}
.p-safety--unit .p-safety--unit-info {
  width: 55%;
}
@media screen and (max-width: 768px) {
  .p-safety--unit .p-safety--unit-info {
    width: 100%;
  }
}

.p-safety--unit-image img {
  font-size: 0;
}

.p-safety--unit-info {
  text-align: left;
}
.p-safety--unit-info .c-caution {
  margin-top: 20px;
}

.p-safety--unit_price {
  width: fit-content;
  font-size: 24px;
  background-color: #fff;
  padding: 4px 12px 6px;
  border: 1px solid #94D1CA;
  margin: 12px 0 0;
}
.p-safety--unit_price span {
  color: #26B8A7;
  font-size: 0.7em;
}
.p-safety--unit_price small {
  font-size: 0.7em;
}

.p-safety--unit .c-caution {
  width: 100% !important;
  margin: clamp(1.6rem, 1.4591549296rem + 0.3755868545vw, 2rem) 0 0 !important;
}

.p-payment {
  margin: clamp(4rem, 3.2957746479rem + 1.8779342723vw, 6rem) 24px;
}
.p-payment .c-caution {
  width: fit-content;
  text-align: center;
  line-height: 1.5;
  margin: 20px auto 0;
}
@media screen and (max-width: 768px) {
  .p-payment .c-caution {
    text-align: left;
    margin: 8px auto 0;
  }
}
.p-payment .c-button {
  margin: clamp(4rem, 3.2957746479rem + 1.8779342723vw, 6rem) auto 0;
}

.c-payment--title {
  font-size: 24px;
}
.c-payment--title + p {
  margin-top: 20px;
}

.p-payment--container {
  border: 1px solid #CBCBCB;
  margin-top: 30px;
  padding: 0 clamp(1.5rem, 0.9718309859rem + 1.4084507042vw, 3rem) 30px;
}

.p-payment--container-inner {
  display: flex;
  width: 80%;
  margin: 0 auto;
  padding: 30px 0 0;
}
@media screen and (max-width: 768px) {
  .p-payment--container-inner {
    width: 100%;
    gap: 20px;
    flex-direction: column;
  }
}

.p-payment--container-credit {
  width: 30%;
  display: flex;
  flex-direction: column;
  padding-right: 30px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .p-payment--container-credit {
    width: 100%;
    flex-direction: row;
    align-items: center;
    justify-content: start;
    gap: 0 12px;
    margin-right: 0;
    text-align: left;
  }
}
.p-payment--container-credit div {
  display: inline-block;
  width: fit-content;
  font-size: 22px;
  font-weight: bold;
  background-color: #FFF3BA;
  padding: 4px 16px 6px;
  margin: 6px auto 0;
}
@media screen and (max-width: 768px) {
  .p-payment--container-credit div {
    padding: 0 10px 2px;
    margin: 0;
  }
}
.p-payment--container-credit div small {
  font-size: 0.7em;
}

.p-payment--container-card {
  width: 70%;
  text-align: left;
  padding-left: 30px;
  border-left: 1px solid #CBCBCB;
}
@media screen and (max-width: 768px) {
  .p-payment--container-card {
    width: 100%;
    padding-left: 0;
    border-left: 0;
  }
}
.p-payment--container-card img {
  max-width: 340px;
  height: auto;
  margin-top: 10px;
}

.p-purification {
  background: url(./../images/photo_pure_bg01.png) 50% 50%/cover no-repeat;
  padding: 40px 24px;
}
.p-purification .c-container {
  gap: clamp(2rem, 1.4366197183rem + 1.5023474178vw, 3.6rem);
}
.p-purification .c-container-image,
.p-purification .c-container-info {
  width: 50%;
}
@media screen and (max-width: 768px) {
  .p-purification .c-container-image,
  .p-purification .c-container-info {
    width: 100%;
  }
}

.p-purification .c-container-image img {
  width: 100%;
  height: auto;
  font-size: 0;
}
.p-purification .c-container-info {
  text-align: left;
}
.p-purification .c-container-info p {
  margin-top: 16px;
  line-height: 1.8;
}
.p-purification .c-container-info em {
  color: #179486;
}
.p-purification .p-purification--title img {
  max-width: 274px;
}

.p-removal {
  margin-top: clamp(4rem, 3.2957746479rem + 1.8779342723vw, 6rem);
}

.p-removal--table {
  width: 100%;
  text-align: left;
  border: 1px solid #E9E9E9;
  margin: clamp(2rem, 2.3521126761rem + -0.9389671362vw, 1rem) auto 0;
}
@media screen and (max-width: 768px) {
  .p-removal--table {
    max-width: calc(100% - 48px);
  }
}
.p-removal--table .p-removal--th {
  width: 100%;
  font-weight: bold;
  background-color: #E9E9E9;
  line-height: 1.8;
  text-align: left;
  padding: 8px clamp(1.2rem, 0.9183098592rem + 0.7511737089vw, 2rem);
}
.p-removal--table .p-removal--td {
  padding: 20px;
}
.p-removal--table .p-removal--td p {
  font-size: 14px;
  line-height: 1.8;
}

.p-filter {
  margin: clamp(4rem, 3.2957746479rem + 1.8779342723vw, 6rem) auto 0;
}
.p-filter .p-filter--title {
  font-size: 24px;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .p-filter .p-filter--title {
    text-align: left;
    padding-left: 48px;
  }
}
.p-filter .p-filter--title img {
  position: relative;
  width: 16px;
  height: 16px;
  margin: 0 2px 0 0;
}
@media screen and (max-width: 768px) {
  .p-filter .p-filter--title img {
    position: absolute;
    top: 14px;
    left: 24px;
  }
}
.p-filter .c-container {
  gap: 24px;
  margin-top: 32px;
  margin-right: auto;
  margin-left: auto;
}
@media screen and (max-width: 768px) {
  .p-filter .c-container {
    width: calc(100% - 48px);
  }
}
.p-filter .c-container-image {
  width: 40%;
}
@media screen and (max-width: 768px) {
  .p-filter .c-container-image {
    width: 100%;
  }
}
.p-filter .c-container-info {
  display: flex;
  align-items: center;
  width: 60%;
  text-align: left;
}
@media screen and (max-width: 768px) {
  .p-filter .c-container-info {
    width: 100%;
  }
}
.p-filter .c-container-info p {
  line-height: 1.8;
}
.p-waterserver {
  padding: clamp(3rem, 2.6478873239rem + 0.9389671362vw, 4rem) 24px;
  background-color: #E7F8F6;
}

.p-waterserver__title {
  position: relative;
  width: fit-content;
  font-weight: bold;
  margin: 0 auto;
  z-index: 0;
}
.p-waterserver__title p {
  font-size: 16px;
}
.p-waterserver__title strong {
  font-size: 24px;
}
.p-waterserver__title strong span {
  color: #179486;
}
.p-waterserver__title:before, .p-waterserver__title:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  margin: auto;
  width: 2px;
  height: 32px;
  background-color: #26B8A7;
}
@media screen and (max-width: 768px) {
  .p-waterserver__title:before, .p-waterserver__title:after {
    top: 0;
    bottom: 0;
  }
}
.p-waterserver__title:before {
  left: -2em;
  transform: rotateZ(-15deg);
}
@media screen and (max-width: 768px) {
  .p-waterserver__title:before {
    left: -0.5em;
  }
}
.p-waterserver__title:after {
  right: -2em;
  transform: rotateZ(15deg);
}
@media screen and (max-width: 768px) {
  .p-waterserver__title:after {
    right: -0.5em;
  }
}

.p-waterserver__banner {
  margin: clamp(2rem, 1.8591549296rem + 0.3755868545vw, 2.4rem) auto 0;
}

.p-waterserver-catalog {
  gap: 24px;
  margin: clamp(3rem, 1.9436619718rem + 2.8169014085vw, 6rem) auto 0;
}
.p-waterserver-catalog .c-container {
  align-items: center;
}
@media screen and (max-width: 768px) {
  .p-waterserver-catalog .c-container + .c-container {
    margin-top: 30px;
    flex-direction: column-reverse;
  }
}
.p-waterserver-catalog .c-container__info {
  width: 60%;
}
@media screen and (max-width: 768px) {
  .p-waterserver-catalog .c-container__info {
    width: 100%;
  }
}
.p-waterserver-catalog .c-container__image {
  width: 40%;
}
@media screen and (max-width: 768px) {
  .p-waterserver-catalog .c-container__image {
    width: 100%;
  }
}

.p-waterserver-catalog .c-container__info {
  align-items: center;
}
.p-waterserver-catalog .c-container__info .p-waterserver-catalog__title {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 24px;
  font-weight: bold;
  line-height: 1.8;
}
@media screen and (max-width: 768px) {
  .p-waterserver-catalog .c-container__info .p-waterserver-catalog__title {
    line-height: 1.5;
    margin-top: 20px;
  }
}
.p-waterserver-catalog .c-container__info .p-waterserver-catalog__title img {
  width: 155px;
  height: auto;
}
.p-waterserver-catalog .c-container__info p {
  margin-top: clamp(1rem, 0.823943662rem + 0.4694835681vw, 1.5rem);
}

.p-waterserver-catalog p {
  font-size: 16px;
  line-height: 1.8;
}
@media screen and (max-width: 768px) {
  .p-waterserver-catalog p {
    line-height: 1.5;
  }
}
.p-waterserver-catalog .c-container__info ul {
  width: fit-content;
  margin: clamp(1rem, 0.823943662rem + 0.4694835681vw, 1.5rem) auto 0;
}
.p-waterserver-catalog .c-container__info ul li {
  position: relative;
  color: #717071;
  line-height: 1.8;
  text-transform: uppercase;
}
.p-waterserver-catalog .c-container__info ul li:before {
  content: "";
  display: block;
  position: absolute;
  top: 1px;
  bottom: 0;
  left: -1em;
  margin: auto;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  border: 1px solid red;
  box-sizing: border-box;
  background-color: #fff;
}
.p-waterserver-catalog .c-container__info ul li.c-catalog__white:before {
  border: 1px solid #B8B8B8;
}
.p-waterserver-catalog .c-container__info ul li.c-catalog__black:before {
  background-color: #5A5A5A;
  border: 1px solid #5A5A5A;
}
.p-waterserver-catalog .c-container__info ul li.c-catalog__il:before {
  background-color: #C0BAF2;
  border: 1px solid #C0BAF2;
}
.p-waterserver-catalog .c-container__info ul li.c-catalog__ag:before {
  background-color: #CBCB58;
  border: 1px solid #CBCB58;
}
.p-waterserver-catalog .c-container__info ul li.c-catalog__cp:before {
  background-color: #F1BDB7;
  border: 1px solid #F1BDB7;
}

.p-performance {
  margin: clamp(4rem, 3.2957746479rem + 1.8779342723vw, 6rem) 0 0;
}

.p-performance__header {
  width: fit-content;
  display: flex;
  align-items: center;
  gap: clamp(1rem, 0.6478873239rem + 0.9389671362vw, 2rem);
  margin: 28px auto 0;
}
@media screen and (max-width: 768px) {
  .p-performance__header {
    width: calc(100% - 48px);
    margin: 0 auto;
  }
}

.p-performance__number {
  font-size: clamp(4.2rem, 3.7774647887rem + 1.1267605634vw, 5.4rem);
  font-weight: bold;
  color: #94D1CA;
}
@media screen and (max-width: 768px) {
  .p-performance__number {
    margin-top: -26px;
  }
}

.p-performance__title {
  font-size: 24px;
  padding-top: 6px;
}
@media screen and (max-width: 768px) {
  .p-performance__title {
    text-align: left;
  }
}
.p-performance__title small {
  font-size: 0.8em;
}

.p-performance .c-container {
  gap: 0 32px;
  margin-top: 16px;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .p-performance .c-container {
    gap: 20px 0 0;
  }
}
.p-performance .c-container:nth-child(2n+1) {
  flex-direction: row-reverse;
}
@media screen and (max-width: 768px) {
  .p-performance .c-container:nth-child(2n+1) {
    flex-direction: column;
  }
}

.p-performance .c-container__image {
  max-width: 294px;
  font-size: 0;
}
@media screen and (max-width: 768px) {
  .p-performance .c-container__image {
    max-width: calc(100% - 48px);
  }
}
.p-performance .c-container__info {
  text-align: left;
}
@media screen and (max-width: 768px) {
  .p-performance .c-container__info {
    width: calc(100% - 48px);
    margin-top: 20px;
  }
}
.p-performance .c-container__info p {
  line-height: 1.8;
}
.p-performance .c-container__info .c-caution {
  margin-top: clamp(1rem, 0.7887323944rem + 0.5633802817vw, 1.6rem);
}
.p-performance .c-container__info .c-caution + .c-caution {
  margin-top: 0;
}

.p-performance .c-button {
  margin: 20px 0 0;
}
@media screen and (max-width: 768px) {
  .p-performance .c-button {
    margin: 20px auto 0;
  }
}

.p-spec {
  margin: clamp(4rem, 3.2957746479rem + 1.8779342723vw, 6rem) auto 0;
}
.p-spec .c-caution {
  margin-top: clamp(2rem, 1.8591549296rem + 0.3755868545vw, 2.4rem);
}
.p-spec .c-caution + .c-caution {
  margin-top: 0;
}
.p-spec .c-button {
  margin: clamp(4rem, 3.2957746479rem + 1.8779342723vw, 6rem) auto 0;
}

.p-spec__title {
  font-size: 24px;
}

.p-spec__table {
  width: 100%;
  margin: clamp(2rem, 1.6478873239rem + 0.9389671362vw, 3rem) auto 0;
}
@media screen and (max-width: 768px) {
  .p-spec__table {
    width: calc(100% - 48px);
  }
}
.p-spec__table table {
  width: 100%;
  border-collapse: collapse;
  font-size: clamp(1.4rem, 1.3295774648rem + 0.1877934272vw, 1.6rem);
  margin: 0 auto;
}
.p-spec__table th {
  text-align: center;
  font-weight: bold;
  padding: 8px;
  background-color: #E7F8F6;
  border: 1px solid #CBCBCB;
}
.p-spec__table td {
  text-align: center;
  padding: 8px;
  border: 1px solid #CBCBCB;
}

th.p-spec-table__title {
  background-color: #B7DCD8;
}

th.p-spec-table__darker {
  background-color: #D2E7E5;
}

.p-campaign {
  background-color: var(--color-bg-light);
  padding: clamp(3rem, 2.6478873239rem + 0.9389671362vw, 4rem) 24px 30px;
}
.p-campaign + .p-campaign {
  margin-top: clamp(4rem, 3.2957746479rem + 1.8779342723vw, 6rem);
}

.p-campaign .l-inner {
  position: relative;
  background-color: #fff;
  padding: clamp(3rem, 2.6478873239rem + 0.9389671362vw, 4rem) clamp(1.5rem, 0.6197183099rem + 2.3474178404vw, 4rem);
  text-align: left;
}
.p-campaign .l-inner a {
  position: relative;
  display: inline-block;
}
.p-campaign .l-inner a:before {
  content: "";
  display: block;
  position: absolute;
  bottom: 2px;
  width: 100%;
  height: 1px;
  background-color: #999;
  opacity: 1;
}
.p-campaign .l-inner a:hover:before {
  opacity: 0;
}

.p-campaign__title {
  color: var(--color-accent);
  font-size: 24px;
  font-weight: bold;
  margin-top: 30px;
}
.p-campaign__title:first-of-type {
  margin-top: 0;
}
.p-campaign__title + p {
  font-size: clamp(1.4rem, 1.3295774648rem + 0.1877934272vw, 1.6rem);
  line-height: 1.8;
  margin-top: 8px;
}

.p-campaign__content {
  margin-top: clamp(3rem, 2.6478873239rem + 0.9389671362vw, 4rem);
}

.p-information {
  padding: clamp(3rem, 2.6478873239rem + 0.9389671362vw, 4rem) 24px 30px;
}
.p-information + .p-information {
  margin-top: clamp(4rem, 3.2957746479rem + 1.8779342723vw, 6rem);
}

.p-information .l-inner {
  position: relative;
  text-align: left;
}
.p-information .l-inner a {
  text-decoration: underline;
}
.p-information .l-inner a:hover {
  text-decoration: none;
}
.p-information .l-inner h3 {
  font-size: 24px;
}
.p-information .l-inner h4 {
  margin-top: 48px;
  font-size: 20px;
}

.p-information .l-inner p {
  margin-top: 16px;
  line-height: 1.6;
}
.p-information .l-inner ul {
  list-style: disc;
  margin: 16px 0 0 0;
  padding: 0 0 0 clamp(2.4rem, 1.5549295775rem + 2.2535211268vw, 4.8rem);
}
.p-information .l-inner .p-indentation {
  padding: 16px 0 16px clamp(2rem, 1.2957746479rem + 1.8779342723vw, 4rem);
}

.p-information__table {
  width: 100%;
  border-collapse: collapse;
  border-bottom: 1px solid #CCCCCC;
}
.p-information__table a {
  color: #179486;
  font-weight: bold;
}
.p-information__table th {
  width: 35%;
  background-color: #F7F7F7;
}
.p-information__table td {
  width: 65%;
}
.p-information__table th, .p-information__table td {
  padding: 16px clamp(1.6rem, 1.3183098592rem + 0.7511737089vw, 2.4rem);
  border-top: 1px solid #CCCCCC;
}
.p-information__table ul {
  margin: 0 !important;
  padding: 0 0 0 16px !important;
}
.p-information__table .c-caution {
  display: inline-block;
  font-size: inherit;
  line-height: inherit;
}


.p-formpage {
  padding: clamp(4rem, 3.2957746479rem + 1.8779342723vw, 6rem) 24px;
  background-color: #E7F8F6;
}

.p-breadcrumb {
  width: fit-content;
  margin: 0 auto;
}
.p-breadcrumb ul {
  position: relative;
  display: flex;
  gap: 0 clamp(6rem, 5.6478873239rem + 0.9389671362vw, 7rem);
}
.p-breadcrumb ul li .p-breadcrumb__number {
  display: block;
  width: clamp(5.4rem, 5.0478873239rem + 0.9389671362vw, 6.4rem);
  height: clamp(5.4rem, 5.0478873239rem + 0.9389671362vw, 6.4rem);
  border-radius: 32px;
  color: #717071;
  font-size: clamp(2.4rem, 2.2591549296rem + 0.3755868545vw, 2.8rem);
  font-weight: bold;
  text-align: center;
  line-height: clamp(5.4rem, 5.0478873239rem + 0.9389671362vw, 6.4rem);
  background-color: #CBCBCB;
  z-index: 1;
}
.p-breadcrumb ul li .p-breadcrumb__number.is-active {
  color: #fff;
  background-color: #26B8A7;
}
.p-breadcrumb ul:after {
  content: "";
  display: block;
  position: absolute;
  top: clamp(2.7rem, 2.523943662rem + 0.4694835681vw, 3.2rem);
  bottom: 0;
  width: 100%;
  height: 5px;
  background-color: #26B8A7;
  z-index: 0;
}

.p-breadcrumb__step {
  margin-top: clamp(1rem, 0.9295774648rem + 0.1877934272vw, 1.2rem);
  font-size: clamp(1.4rem, 1.3295774648rem + 0.1877934272vw, 1.6rem);
}

.p-formarea__title {
  font-size: 24px;
}
@media screen and (max-width: 768px) {
  .p-formarea__title {
    margin-bottom: 36px;
  }
}

.p-formpage-container {
  background-color: #fff;
  margin-top: clamp(3rem, 2.6478873239rem + 0.9389671362vw, 4rem);
  padding: clamp(3rem, 2.6478873239rem + 0.9389671362vw, 4rem) clamp(1.5rem, -1.1408450704rem + 7.0422535211vw, 8rem);
}

.p-formpage-container__color {
  margin-top: clamp(2rem, 1.6478873239rem + 0.9389671362vw, 3rem);
}
.p-formpage-container__color .c-container {
  gap: 0 25px;
  margin-bottom: clamp(3rem, 2.6478873239rem + 0.9389671362vw, 4rem);
}
@media screen and (max-width: 768px) {
  .p-formpage-container__color .c-container {
    gap: 10px 0;
  }
}
.p-formpage-container__color .c-container__info {
  text-align: left;
}

.c-container__info .c-container {
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 768px) {
  .c-container__info .c-container {
    flex-direction: row;
    gap: 0 36px;
  }
}

.p-formpage__colorchoice {
  margin-top: 18px;
}

.p-formpage__servername {
  font-weight: bold;
}

.p-formpage__plan {
  border: 3px solid #FED400;
  padding: 14px 18px;
}
.p-formpage__plan strong {
  display: flex;
  align-items: baseline;
  color: #179486;
  font-weight: bold;
  font-size: 22px;
}
.p-formpage__plan strong span {
  font-size: 32px;
}
.p-formpage__plan small {
  color: #717071;
  font-weight: bold;
  font-size: 14px;
}
.p-formpage__plan small span {
  font-size: 22px;
}
.p-formpage__plan + .c-discription {
  margin-top: 16px;
  line-height: 1.5;
}
.mw_wp_form_confirm .p-formpage__plan {
    margin-top: 16px;
}
.p-formpage__monthlyfee {
  display: flex;
  align-items: baseline;
}

.p-formpage__colorpicker {
  display: flex;
  gap: 0 14px;
  margin-top: 8px;
}
.p-formpage__colorpicker li {
  cursor: pointer;
}
.p-formpage__colorpicker li div {
  text-indent: -9999px;
  width: 32px;
  height: 32px;
  border: 3px solid #111;
  border-radius: 16px;
  border: 3px solid #A3A3A3;
}

.p-formpage__colorpicker li div.c-catalog__white {
  background-color: #fff;
}
.p-formpage__colorpicker li div.c-catalog__black {
  background-color: #000;
}
.p-formpage__colorpicker li div.c-catalog__il {
  background-color: #C0BAF2;
}
.p-formpage__colorpicker li div.c-catalog__ag {
  background-color: #CBCB58;
}
.p-formpage__colorpicker li div.c-catalog__cp {
  background-color: #F1BDB7;
}
.p-formpage__colorpicker li.is-active div {
  border: 3px solid #26B8A7;
}

.p-formarea__subtitle {
  text-align: left;
  font-weight: bold;
  background-color: #F3F3F3;
  padding: 4px clamp(1.2rem, 0.7774647887rem + 1.1267605634vw, 2.4rem) 6px;
}

.p-formarea__serverservice {
  position: relative;
  text-align: left;
}
/* 親要素（div）の中身が空、またはinput[type="hidden"]しか存在しない場合 */
.mw_wp_form_confirm .p-formarea__serverservice:not(:has(span, label, p, .mwform-checkbox-wrapper))::after {
    content: "希望しない！";
    color: inherit;
    font-size: 0.95em;
    display: inline-block;
}

.mw_wp_form_confirm .p-formarea__serverservice:empty::after {
    content: "希望しない";
    color: inherit;
    font-size: 0.95em;
    display: inline-block;
}

.p-formarea__serverservice + .p-formarea__link {
  width: fit-content;
  color: #26B8A7;
  font-weight: bold;
  text-align: left;
  text-decoration: underline;
  margin-top: 15px;
  margin-left: 24px;
  cursor: pointer;
}
.mw_wp_form_confirm .p-formarea__link {
	display: none !important;
}
@media screen and (max-width: 768px) {
  .p-formarea__serverservice + .p-formarea__link {
    margin-left: 0;
  }
}
.p-formarea__serverservice + .p-formarea__link:hover {
  text-decoration: none;
}

.p-formarea__link + .p-formarea__subtitle {
  margin-top: 20px;
}

.p-formarea__serverservice {
  width: calc(100% - 48px);
  margin: 16px auto;
}
@media screen and (max-width: 768px) {
  .p-formarea__serverservice {
    width: 100%;
  }
}

.p-formpage-submit {
  width: fit-content;
  display: flex;
  gap: 0 20px;
  margin: clamp(3rem, 2.6478873239rem + 0.9389671362vw, 4rem) auto 0;
}

.p-formarea-row,
.p-formarea-tel,
.p-formarea-post {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0 24px;
}

.p-formarea-tel,
.p-formarea-post {
  gap: 0 24px;
}
.p-formarea-row.c-birthdate input[name="birth-year"] {
  max-width: 120px;
}
.p-formarea-row.c-birthdate input[name="birth-month"],
.p-formarea-row.c-birthdate input[name="birth-date"]{
  max-width: 80px;
}
.p-formarea-post input[name="yubin-number1"] {
  max-width: 80px;
}
.p-formarea-post input[name="yubin-number2"] {
  max-width: 100px;
}

@media screen and (max-width: 768px) {
  .p-formarea-tel,
  .p-formarea-post {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px 0;
  }
  .p-formarea-row.c-birthdate {
    gap: 0 16px;
  }
  .p-formarea-row.c-birthdate input[name="birth-year"] {
    max-width: 80px;
  }
  .p-formarea-row.c-birthdate input[name="birth-month"],
  .p-formarea-row.c-birthdate input[name="birth-date"]{
    max-width: 50px;
  }
  .p-formarea-post input[name="yubin-number1"] {
    max-width: 60px !important;
  }
  .p-formarea-post input[name="yubin-number2"] {
    max-width: 80px !important;
  }
}
.p-formarea-tel + .c-caution,
.p-formarea-post + .c-caution{
  margin-top: 8px;
}

.p-formarea-tel .c-container,
.p-formarea-post .c-container{
  align-items: center;
  gap: 0 8px;
}
@media screen and (max-width: 768px) {
  .p-formarea-tel .c-container,
  .p-formarea-post .c-container {
    flex-direction: row;
  }
}

.p-formarea-item {
  width: fit-content;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 0 8px;
}
@media screen and (max-width: 768px) {
	
}

.p-formarea__th {
  display: flex;
  align-items: center;
  gap: 0 6px;
  margin: clamp(1.5rem, 1.323943662rem + 0.4694835681vw, 2rem) 0 10px;
}

.p-formarea__formlavel {
  font-size: 16px;
  text-align: left;
}

.p-formarea-address {
  width: 90%;
  margin: 30px 0 30px auto;
}
.p-formarea-address .c-button a {
  font-size: 14px;
  padding: 6px 16px;
}

.p-formarea-address__title {
  position: relative;
  font-size: 16px;
  font-weight: bold;
  text-align: left;
}
.p-formarea-address__title::before {
  content: "";
  display: block;
  position: absolute;
  top: 1px;
  left: -2em;
  bottom: 0;
  margin: auto;
  width: 20px;
  height: 2px;
  background-color: #94D1CA;
}

.p-formarea-full input {
  width: 100%;
}
.mw_wp_form_confirm .p-formarea-full,
.mw_wp_form_confirm .u-width100 {
  text-align: left;
}
.mw_wp_form_confirm .p-formarea__th + p {
  width: 100%;
  display: block;
  text-align: left;	
}

.p-formarea-full .c-discription {
  margin-top: 4px;
}

.p-formarea-creditcard {
  text-align: left;
  border: 1px solid #94D1CA;
  padding: 14px 20px;
  margin: 16px auto 0;
}
.mw_wp_form_confirm .p-formarea-creditcard {
	display:none !important;
}
.p-formarea-creditcard img {
  width: auto;
  height: 44px;
  margin: 6px 0 8px;
}
@media screen and (max-width: 768px) {
  .p-formarea-creditcard img {
    width: 100%;
    height: auto;
  }
}

.p-formpage.p-form-comfirm .c-container {
  gap: 0 30px;
}
@media screen and (max-width: 768px) {
  .p-form-comfirm .p-formarea__title {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 768px) {
  .p-formpage.p-form-comfirm .c-container__info {
    margin-top: 15px;
  }
}
.p-formpage.p-form-comfirm .c-container__info p + p {
  margin: 8px 0 0;
}
.p-formpage.p-form-comfirm .p-formpage__plan {
  margin: 16px 0 0;
}
.p-formpage.p-form-comfirm .c-container__image img {
  width: 160px;
  height: 160px;
  border: 1px solid #CBCBCB;
}
@media screen and (max-width: 768px) {
  .p-formpage.p-form-comfirm .c-container__image img {
    width: 100%;
    height: auto;
  }
}
.p-formpage.p-form-comfirm .p-formarea__th {
  font-weight: bold;
  text-align: left;
}
.p-formpage.p-form-comfirm .p-formarea__input {
  text-align: left;
}
.p-formpage.p-form-comfirm .p-formarea__subtitle + p {
  margin: 14px clamp(1.2rem, 0.7774647887rem + 1.1267605634vw, 2.4rem) 20px;
}

.p-termsofuse {
  text-align: left;
}
.mw_wp_form_input .p-termsofuse {
/* 	display: none !important; */
}
.p-termsofuse .p-formarea__title {
  display: flex;
  align-items: center;
  text-align: left;
}
.p-termsofuse .p-formarea__title.c-margin {
  margin-top: clamp(3rem, 2.6478873239rem + 0.9389671362vw, 4rem);
}
.p-termsofuse h3 {
  font-size: 24px;
}
.p-termsofuse a {
  display: inline-block;
  color: #26B8A7;
  font-weight: bold;
  margin-top: 8px;
  text-decoration: underline;
}
.p-termsofuse .c-caution__orange {
  color: #FF8A0A;
  font-size: 18px;
  line-height: 1.6;
  font-weight: bold;
  margin-top: 32px;
  text-align: center;
}

.p-formpage.p-form-complete p,
.mw_wp_form_complete p{
  width: calc(100% - 40px);
  font-size: 16px;
  line-height: 1.5;
  text-align: left;
  margin-right: auto;
  margin-left: auto;
}
@media screen and (max-width: 768px) {
  .p-formpage.p-form-complete p,
  .mw_wp_form_complete  p{
    width: 100%;
  }
}
.p-formpage.p-form-complete p.c-margin,
.mw_wp_form_complete p.c-margin {
  margin-top: clamp(3rem, 2.6478873239rem + 0.9389671362vw, 4rem);
}
.p-formpage.p-form-complete p + p,
.mw_wp_form_complete p + p {
  margin-top: 20px;
}
.p-formpage.p-form-complete .p-formpage__aboutcredit,
.mw_wp_form_complete .p-formpage__aboutcredit {
  width: 100%;
  padding: 20px;
  border: 1px solid #26B8A7;
  margin-top: clamp(3rem, 2.6478873239rem + 0.9389671362vw, 4rem);
}
.p-formpage.p-form-complete .c-caution,
.mw_wp_form_complete .c-caution {
  font-size: 14px;
  margin-top: 10px;
}
.p-formpage.p-form-complete .c-caution + .c-caution,
.mw_wp_form_complete .c-caution + .c-caution{
  margin-top: 0;
}

.p-formpage-aboutcredit__title {
  color: #26B8A7;
  font-size: 16px;
  font-weight: bold;
}

.p-formpage-aboutcredit__title + p {
  margin-top: 15px;
  font-size: 16px;
}

/* =================================*/
/* MW WP Form 対応用CSS */
/* =================================*/

.p-formarea-row.u-alignleft .mwform-radio-field-item {
	flex: none !important;
}

/* ラジオボタン */
.mwform-radio-field-wrapper input[type="radio"] {
    display: none !important;
}
.p-formarea-row.u-alignleft .mwform-radio-field-wrapper {
	gap: 0 24px;
}

.mwform-radio-field-wrapper label {
    display: inline-flex !important;
    align-items: center;
    position: relative;
    cursor: pointer;
    gap: 0 !important;
}

.mwform-radio-field-wrapper .mwform-radio-field-text {
    position: relative;
    padding-left: 32px;
    display: inline-block;
    transform: none !important;
}

.mwform-radio-field-wrapper .mwform-radio-field-text::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    border: 1px solid #ccc;
    border-radius: 50%;
    background: #fff;
    box-sizing: border-box;
}

.mwform-radio-field-wrapper input[type="radio"]:checked + .mwform-radio-field-text::before {
    border: 1px solid rgb(38, 184, 167);
}
.mwform-radio-field-wrapper input[type="radio"]:checked + .mwform-radio-field-text::after {
    content: "";
    position: absolute;
    left: 4px;
    top: 50%;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: rgb(38, 184, 167);
}
@media screen and (max-width: 768px) {
 .mw_wp_form_input .mwform-radio-field-wrapper {
    width: 50% !important;	
 }
}

/* チェックボックス */

.mw_wp_form_input input[type="checkbox"] {
  position: absolute;
  white-space: nowrap;
  width: 1px;
  height: 1px;
  overflow: hidden;
  border: 0;
  padding: 0;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  margin: -1px;
}

.mw_wp_form_input .mwform-checkbox-field label {
  position: relative;
  display: flex;
  width: fit-content;
  align-items: center;
  padding: 0 0 0 32px;
  cursor: pointer;
}

.mw_wp_form_input .mwform-checkbox-field-text {
  display: flex;
  align-items: center;
}

@media screen and (max-width: 768px) {
  .mw_wp_form_input .mwform-checkbox-field-text {
    flex-direction: column;
    align-items: flex-start;
  }
}

.mw_wp_form_input .mwform-checkbox-field-text span {
  display: inline-block;
}

.mw_wp_form_input .c-checkbox__subtext {
  font-weight: bold;
  color: #717071;
}

.mw_wp_form_input .c-roboto {
  font-size: 1.5em;
}

.mw_wp_form_input .mwform-checkbox-field label::before {
  content: "";
  position: absolute;
  display: block;
  top: calc(50% - 10px);
  left: 0;
  width: 20px;
  height: 20px;
  border: 1px solid #D1D8ED;
  border-radius: 3px;
  box-sizing: border-box;
  background-color: #fff;
}
@media screen and (max-width: 768px) {
  .mw_wp_form_input .mwform-checkbox-field label::before {
    top: 2px;
  }
}

.mw_wp_form_input input[type="checkbox"]:checked + .mwform-checkbox-field-text::before {
  content: "";
  position: absolute;
  display: block;
    top: calc(50% - 8px);
    left: -32px;
  width: 20px;
  height: 20px;
  border-radius: 3px;
  box-sizing: border-box;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2212%22%20height%3D%2210%22%20viewBox%3D%220%200%2012%2010%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M0.717773%204.3805L3.93206%207.69629L10.7178%200.696289%22%20stroke%3D%22%2326B8A7%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E") 50% 4px no-repeat;
  z-index: 1;
}

@media screen and (max-width: 768px) {
  .mw_wp_form_input input[type="checkbox"]:checked + .mwform-checkbox-field-text::before {
    top: 2px;
  }
}

/* デートピッカーの位置調整（スマホ時のみ） */
@media screen and (max-width: 768px) {
    #ui-datepicker-div {
    width: calc(100vw - 80px);
    }

	.ui-datepicker td span,
	.ui-datepicker td a {
      padding: 0.5em .2em !important;
	  text-align: center !important;
	}
}

/* スライダー */


/* エラーメッセージ */
.mw_wp_form .error {
font-size: 0.8em;
text-align: left;
margin-top: 4px;
}