@charset "utf-8";

/* 
INDIVIDUAL STYLING
=======================  */
main .container#contact-contents {
  padding-top:100px;
}
main .container#contact-contents .content-wrap {
  padding-top:0;
}

@media screen and (min-width: 321px) and (max-width: 540px) {
  main .container#contact-contents {
    padding-top:80px;
  }
}
@media screen and (max-width: 320px) {
  main .container#contact-contents {
    padding-top:80px;
  }
}

.content-wrap_header .breadcrumb p {
  font-size: var(--base-size_12p);
}
.content-wrap_header .breadcrumb p a {
  color: var(--XRD_blandkeycolor);
}
.content-wrap_header h1{
  text-align: center;
  font-size: var(--base-size_2h);
  font-weight: 600;
  margin-bottom: 53px;
}
.content-wrap_header h1 span{
  display: var(--dsp-block);
  font-size: var(--base-size_14p);
  color: var(--XRD_blandkeycolor);
}
.content-wrap_header p.blog-data {
  font-size: var(--base-size_1);
  line-height: 1.0;
}

.content-wrap .header.read {
  margin-bottom: var(--mb50);
}

.btn-wrap {
  justify-content: center;
}

/*form 入力画面*/
input[type="radio"],
input[type="checkbox"] {
  appearance: radio;
}

#contactForm .form_block {
  display: var(--dsp-flex);
  margin-bottom: var(--mb45);
  align-items: center;
  justify-content: space-between;
}
#contactForm .form_block.select,
#contactForm .form_block.text-fileld {
  align-items: flex-start;
}
p.annotation {
  font-size: var(--base-size_14p);
}

.form_block label {
  width: 13%;
  font-weight: 600;
}
.icn {
  width: 5%;
  text-align: center;
}
.icn span {
  font-size: var(--base-size_12p);
  padding: 5px 10px;
  border-radius: 5px;
}
.icn.req span {
  color: var(--com_color_f);
  background-color: var(--XRD_blandkeycolor);
}
.icn.any span {
  color: var(--XRD_blandkeycolor);
  background-color: var(--com_color_f);
  border: 1px solid var(--XRD_blandkeycolor);
}

.form-wrap {
  width: 75%;
}
.form-wrap .radio-btn {
  margin-right: 50px;
}

.form_block input.form_fileld,
.form_block select {
  display: inline-block;
  width: 100%;
  height: 40px;
  padding: 9px 10px;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.0;
  color: var(--com_color_b_111);
  background-color: var(--com_color_f);
  border: 1px solid var(--com_color_b_ddd);
  border-radius: 5px;
}
.form_block select:invalid {
  color: var(--com_color_b_111);
}

.custom-select-container {
  position: relative;
}
.custom-select-container svg {
  position: relative;
  position: absolute;
  top: 55%;
  right: 8px; /* 矢印の右側の余白 */
  transform: translateY(-50%);
  pointer-events: none; /* 矢印がマウスイベントをキャプチャしないようにする */
  width: 25px;
}

.form_block textarea {
  width: 100%;
  height: 300px;
  min-height: 200px;
  margin-bottom: 40px;
  padding: 9px 10px;
  display: inline-block;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.0;
  color: var(--com_color_b_111);
  background-color: var(--com_color_f);
  border: 1px solid var(--com_color_b_ddd);
  border-radius: 5px;
  resize: vertical;
  overflow: auto;
}
#faqArrow-05 .cls-1.faq-arrow {
  fill: #0088a2;
}
#contactForm .form_block.text-fileld {
  border-bottom: 1px solid var(--com_color_12);
}
.confirmation-wrap {
  display: flex;
  justify-content: center;
  vertical-align: middle;
}
.confirmation-wrap input {
  margin-right: 4px;
}
.confirmation-wrap label {
  font-weight: 600;
  line-height: 1.0;
}
.confirmation-wrap label a {
  color: var(--XRD_blandkeycolor);
}

.text-danger {
  color:var(--XRD_newscolor_media);
  margin-left: 25%;
  position: relative;
  top: calc(-1 *  var(--mb45))
}
.text-danger#inquiry_error {
  top: calc(-2 *  var(--mb40))
}
.text-danger#confirmation_error {
  margin-left: 0%;
  top: 0px
}

@media screen and (max-width: 1024px) {
  #contactForm .form_block {
    flex-wrap: wrap;
    justify-content: left;
  }
  .form-wrap {
    width: 100%;
    margin-top: var(--mt20);
  }
  .form_block label {
    width: auto;
    margin-right: 10px;
  }
  .icn {
    width: auto;
  }
  .custom-select-container svg {
    top: 75%;
  }
  .text-danger {
    margin-left: 0%;
  }
}
/*form 入力画面*/

/*form 確認画面*/
#contactForm-confirmation dl {margin:0; padding: 0px;}
#contactForm-confirmation dt {width:15%; line-height: 1.5; margin: 0; padding: 0;}
#contactForm-confirmation dd {width:100%; line-height: 1.5; margin-top: -1.5em; margin-bottom: .75rem; padding: 0 10px 1rem 200px;}
#contactForm-confirmation + div.btn-wrap div:nth-child(1) {
  margin-right: 10px;
}
@media screen and (max-width: 915px) {
  #contactForm-confirmation dt {width:40%;}
  #contactForm-confirmation dd {padding: 0 10px 1rem 170px;}
}
@media screen and (max-width: 768px) {
  #contactForm-confirmation dt {width:30%;}
  #contactForm-confirmation dd {padding: 0 10px 1rem 170px;}
}
@media screen and (max-width: 430px) {
  #contactForm-confirmation dt {width:100%;}
  #contactForm-confirmation dd {padding: 1.5rem 10px 1rem 0px;}
}

.btn-wrap > div.btn-b a.submit-load {
  color: var(--com_color_f);
  border-color: var(--XRD_blandkeycolor);
  background-color:var(--XRD_blandkeycolor);
  display: none;
}
/*form 確認画面*/

/*form thanksページ*/
.container.thanks {
  height: 83vh;
}
.message {
  text-align: center;
}
.message h1 {
  font-size: 32px;
  color: var(--XRD_blandkeycolor);
  font-weight: 600;
  margin-bottom: var(--mb30);
}
@media screen and (min-width: 531px) {
  .message br.sp-only {
    display: var(--dsp-none);
  }
}
@media screen and (max-width: 530px) {
  .message br.sp-only {
    display: var(--dsp-block);
  }
}
/*form thanksページ*/
/* 
INDIVIDUAL STYLING
=======================  */