/*============================================================================
	cHeaderSub
=============================================================================*/
.cHeaderSub h2 {
  margin: auto;
  color: #00B2C7;
  max-width: 1224px;
  width: 90%;
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  overflow: hidden;
}
.cHeaderSub h2 .en {
  font-family: "Kumbh Sans", serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-variation-settings: "YOPQ" 300;
  font-size: clamp(30px, 4.6662vw, 48px);
  font-weight: 300;
  line-height: 1;
}
.cHeaderSub h2 .jp {
  margin-left: clamp(24px, 4.167vw, 40px);
  font-weight: 500;
  letter-spacing: 0.04em;
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.cHeaderSub h2 .jp::before {
  content: '';
  margin-right: clamp(12px, 2.0835vw, 20px);
  width: clamp(60px, 10.416vw, 100px);
  height: 1px;
  background: #00B2C7;
  display: block;
}
@media (max-width: 1024px) {
  .cHeaderSub h2 {
    display: block;
  }
  .cHeaderSub h2 .jp {
    margin-left: 0;
    font-size: 1.4rem;
  }
  .cHeaderSub h2 .jp::before {
    width: 40px;
  }
}

.breadcrumbs {
  margin: clamp(48px, 8.334vw, 80px) auto 20px;
  max-width: 1224px;
  width: 90%;
}
.breadcrumbs ol {
  align-items: center;
}
.breadcrumbs ol li {
  color: #555555;
  font-family: "Kumbh Sans", serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-variation-settings: "YOPQ" 300;
  font-size: 1.4rem;
  font-weight: 500;
  letter-spacing: 0.06em;
}
.breadcrumbs ol li:not(:last-of-type)::after {
  content: '\00ff1e';
  margin-left: 8px;
  color: #555555;
  font-size: 1.0rem;
}
.breadcrumbs ol li + li {
  margin-left: 5px;
}
.breadcrumbs ol li a {
  color: #555555;
  font-size: 1.2rem;
  font-weight: 700;
  letter-spacing: 0.06em;
}
.breadcrumbs ol li a:hover {
  opacity: 0.4;
}

/*============================================================================
	contactTopArea
=============================================================================*/
.contactTopArea {
  padding: clamp(42px, 9.9996vw, 120px) 0 clamp(70px, 16.6668vw, 200px);
  border-radius: 2.7777777778vw 2.7777777778vw 0 0;
  background: #f2fbfc;
}
.contactTopArea .emergencyBox {
  margin: clamp(24px, 4.167vw, 40px) auto 0;
  padding: clamp(24px, 4.167vw, 40px);
  width: 90%;
  max-width: 860px;
  text-align: center;
  border-radius: 2.7777777778vw;
  background: #FFFFFF;
}
.contactTopArea .emergencyBox .ttl {
  margin: 0 auto clamp(12px, 2.0835vw, 20px);
  font-weight: 500;
}
.contactTopArea .emergencyBox .phone a {
  padding: clamp(12px, 2.0835vw, 20px) 10px;
  color: #FFFFFF;
  font-weight: 700;
  text-align: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 10px;
  background: #00B2C7;
}
.contactTopArea .emergencyBox .phone a .telno {
  margin-left: 12px;
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.contactTopArea .emergencyBox .phone a .telno::before {
  content: '';
  margin-right: 6px;
  width: 20px;
  height: 20px;
  background: url("../img/common/icon_phone.svg") no-repeat center center/contain;
  display: block;
}
.contactTopArea .emergencyBox .phone + .phone {
  margin-top: 20px;
}
.contactTopArea .emergencyBox .info {
  margin: clamp(12px, 2.0835vw, 20px) auto 0;
}
.contactTopArea .emergencyBox .info em {
  font-size: large;
  font-style: normal;
  font-weight: 700;
}
@media (max-width: 480px) {
  .contactTopArea {
    border-radius: 5.3333333333vw 5.3333333333vw 0 0;
  }
  .contactTopArea .emergencyBox {
    border-radius: 5.3333333333vw;
  }
  .contactTopArea .emergencyBox .info em {
    font-size: 1.4rem;
    display: block;
  }
}

/*============================================================================
	formArea
=============================================================================*/
.formArea {
  margin-top: max(-60px,-8.334vw);
  padding: clamp(42px, 9.9996vw, 120px) 0 clamp(70px, 16.6668vw, 200px);
  border-radius: 2.7777777778vw 2.7777777778vw 0 0;
  background: #FFFFFF;
}
.formArea #formWrap {
  margin: auto;
  width: 90%;
  max-width: 860px;
}
@media (max-width: 480px) {
  .formArea {
    border-radius: 5.3333333333vw 5.3333333333vw 0 0;
  }
}

.fluentform .ff-el-form-left, .fluentform .ff-el-form-right {
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
}
.fluentform .ff-el-form-left .ff-el-input--label, .fluentform .ff-el-form-right .ff-el-input--label {
  width: 230px;
  align-self: center;
  position: relative;
}
.fluentform .ff-el-form-left .ff-el-input--content, .fluentform .ff-el-form-right .ff-el-input--content {
  margin: 0 0 0 auto;
  width: calc(100% - 280px);
}
.fluentform .ff-el-form-left .ff-el-input--content.length_full input, .fluentform .ff-el-form-left .ff-el-input--content.length_full textarea, .fluentform .ff-el-form-right .ff-el-input--content.length_full input, .fluentform .ff-el-form-right .ff-el-input--content.length_full textarea {
  width: 100%;
}
@media (max-width: 480px) {
  .fluentform .ff-el-form-left, .fluentform .ff-el-form-right {
    display: block;
  }
  .fluentform .ff-el-form-left .ff-el-input--label, .fluentform .ff-el-form-right .ff-el-input--label {
    width: 100%;
  }
  .fluentform .ff-el-form-left .ff-el-input--content, .fluentform .ff-el-form-right .ff-el-input--content {
    width: 100%;
  }
}
.fluentform .ff-column-container {
  margin-bottom: clamp(18px, 3.1245vw, 30px);
  gap: 0px;
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.fluentform .ff-column-container .ff-t-cell .ff-el-group {
  margin-bottom: 0;
}
.fluentform .ff-column-container .ff-t-cell .label {
  margin: auto 0;
  position: relative;
}
.fluentform .ff-column-container .ff-t-cell .label .required {
  margin: auto 0 auto 10px;
  color: #FFFFFF;
  font-size: 1.2rem;
  width: 50px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  background: #FF9A55;
  border-radius: 5px;
}
@media (max-width: 480px) {
  .fluentform .ff-column-container .ff-t-cell .label {
    margin: 0 0 10px;
  }
  .fluentform .ff-column-container .ff-t-cell .label .required {
    font-size: 1.0rem;
    width: 40px;
    height: 20px;
    line-height: 20px;
  }
}
.fluentform .ff-column-container.ff_columns_total_2 > .ff-t-cell {
  flex-basis: auto !important;
}
.fluentform .ff-column-container.ff_columns_total_2 > .ff-t-cell:first-of-type {
  margin-right: 50px;
  font-weight: 500;
  width: 230px;
}
.fluentform .ff-column-container.ff_columns_total_2 > .ff-t-cell:not(.fluentform .ff-column-container.ff_columns_total_2 > .ff-t-cell:first-of-type) {
  width: calc(100% - 280px);
}
.fluentform .ff-column-container.ff_columns_total_2 > .ff-t-cell:not(.fluentform .ff-column-container.ff_columns_total_2 > .ff-t-cell:first-of-type) select {
  width: auto;
}
@media (max-width: 480px) {
  .fluentform .ff-column-container.ff_columns_total_2 > .ff-t-cell:first-of-type {
    margin-right: 0;
    width: 100%;
  }
  .fluentform .ff-column-container.ff_columns_total_2 > .ff-t-cell:not(.fluentform .ff-column-container.ff_columns_total_2 > .ff-t-cell:first-of-type) {
    width: 100%;
  }
}
.fluentform .ff-column-container.ff_columns_total_3 > .ff-t-cell {
  flex-basis: auto !important;
}
.fluentform .ff-column-container.ff_columns_total_3 > .ff-t-cell:first-of-type {
  margin-right: 50px;
  font-weight: 500;
  width: 230px;
}
.fluentform .ff-column-container.ff_columns_total_3 > .ff-t-cell:not(.fluentform .ff-column-container.ff_columns_total_3 > .ff-t-cell:first-of-type) {
  width: calc((100% - 300px) / 2);
}
.fluentform .ff-column-container.ff_columns_total_3 > .ff-t-cell:last-of-type {
  margin-left: 20px;
}
.fluentform .ff-column-container.ff_columns_total_3 > .ff-t-cell .ff-el-form-left .ff-el-input--label, .fluentform .ff-column-container.ff_columns_total_3 > .ff-t-cell .ff-el-form-right .ff-el-input--label {
  width: auto;
}
.fluentform .ff-column-container.ff_columns_total_3 > .ff-t-cell .ff-el-form-left .ff-el-input--content, .fluentform .ff-column-container.ff_columns_total_3 > .ff-t-cell .ff-el-form-right .ff-el-input--content {
  margin: 0;
  width: auto;
}
.fluentform .ff-column-container.ff_columns_total_3 > .ff-t-cell .ff-el-form-left .ff-el-input--content.length_full input, .fluentform .ff-column-container.ff_columns_total_3 > .ff-t-cell .ff-el-form-left .ff-el-input--content.length_full textarea, .fluentform .ff-column-container.ff_columns_total_3 > .ff-t-cell .ff-el-form-right .ff-el-input--content.length_full input, .fluentform .ff-column-container.ff_columns_total_3 > .ff-t-cell .ff-el-form-right .ff-el-input--content.length_full textarea {
  width: 100%;
}
@media (max-width: 480px) {
  .fluentform .ff-column-container.ff_columns_total_3 > .ff-t-cell {
    flex-basis: auto !important;
  }
  .fluentform .ff-column-container.ff_columns_total_3 > .ff-t-cell:first-of-type {
    margin-right: 10px;
    font-weight: 500;
    width: 20%;
  }
  .fluentform .ff-column-container.ff_columns_total_3 > .ff-t-cell:first-of-type .required {
    margin: 5px 0 0 0;
  }
  .fluentform .ff-column-container.ff_columns_total_3 > .ff-t-cell:not(.fluentform .ff-column-container.ff_columns_total_3 > .ff-t-cell:first-of-type) {
    width: calc((80% - 20px) / 2);
  }
  .fluentform .ff-column-container.ff_columns_total_3 > .ff-t-cell:last-of-type {
    margin-left: 10px !important;
  }
}
@media (max-width: 480px) {
  .fluentform .ff-column-container.tel > .ff-t-cell:first-of-type {
    margin: auto 0;
  }
  .fluentform .ff-column-container.tel > .ff-t-cell:first-of-type .label {
    margin: 0;
  }
}
.fluentform .ff-column-container.zipcode > .ff-t-cell {
  margin-top: auto;
  margin-bottom: auto;
  flex-basis: auto !important;
}
.fluentform .ff-column-container.zipcode > .ff-t-cell:first-of-type {
  margin-right: 50px;
  font-weight: 500;
  width: 230px;
}
.fluentform .ff-column-container.zipcode > .ff-t-cell:nth-of-type(2), .fluentform .ff-column-container.zipcode > .ff-t-cell:nth-of-type(4) {
  width: 40px;
  text-align: center;
}
.fluentform .ff-column-container.zipcode > .ff-t-cell:nth-of-type(3), .fluentform .ff-column-container.zipcode > .ff-t-cell:nth-of-type(5), .fluentform .ff-column-container.zipcode > .ff-t-cell:nth-of-type(6) {
  width: calc((100% - 400px) / 3);
  max-width: calc((100% - 400px) / 3);
}
.fluentform .ff-column-container.zipcode > .ff-t-cell:nth-of-type(6) {
  margin-left: 40px;
}
.fluentform .ff-column-container.zipcode > .ff-t-cell .btnAddress {
  color: #000000;
  width: 100%;
  height: 45px;
  line-height: 39px;
  text-align: center;
  background: #00B2C7;
  border: 3px solid rgba(0, 0, 0, 0.4);
}
@media (max-width: 480px) {
  .fluentform .ff-column-container.zipcode > .ff-t-cell:first-of-type {
    margin-right: 0;
    font-weight: 500;
    width: 100%;
  }
  .fluentform .ff-column-container.zipcode > .ff-t-cell:nth-of-type(2), .fluentform .ff-column-container.zipcode > .ff-t-cell:nth-of-type(4) {
    width: 30px;
    text-align: center;
    align-self: center;
  }
  .fluentform .ff-column-container.zipcode > .ff-t-cell:nth-of-type(3), .fluentform .ff-column-container.zipcode > .ff-t-cell:nth-of-type(5), .fluentform .ff-column-container.zipcode > .ff-t-cell:nth-of-type(6) {
    width: calc((100% - 80px) / 3);
    max-width: calc((100% - 80px) / 3);
  }
  .fluentform .ff-column-container.zipcode > .ff-t-cell:nth-of-type(6) {
    margin-left: 20px !important;
  }
  .fluentform .ff-column-container.zipcode > .ff-t-cell .btnAddress {
    font-size: 1.2rem;
    height: 40px;
    line-height: 34px;
  }
}
.fluentform .ff-column-container.date .ff-t-column-1 .label {
  margin: 5px 0 0;
}
.fluentform .ff-column-container.date .ff-t-column-2 input[data-type-datepicker] {
  width: 12em;
}
.fluentform .ff-column-container.date .ff-t-column-2 input.time {
  width: 18em;
}
.fluentform .ff-column-container.date .ff-t-column-2 .ff-el-group + .ff-el-group {
  margin-top: 10px;
}
@media (max-width: 480px) {
  .fluentform .ff-column-container.date {
    display: block;
  }
  .fluentform .ff-column-container.date .ff-t-column-1 {
    width: 100%;
  }
  .fluentform .ff-column-container.date .ff-t-column-2 input[data-type-datepicker] {
    width: 80%;
  }
  .fluentform .ff-column-container.date .ff-t-column-2 input.time {
    width: 100%;
  }
  .fluentform .ff-column-container.date .ff-t-column-2 input.time::placeholder {
    font-size: 1.2rem;
  }
  .fluentform .ff-column-container.date .ff-t-column-2 .ff-el-group + .ff-el-group {
    margin-top: 5px;
  }
}
.fluentform .ff-el-form-check.ff-el-tc {
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.fluentform .p-country-name {
  display: none;
}