@charset "UTF-8";
/*////////////////////////////////////////////////////

    .ÔO¶¨

////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////
    ¥Ú©`¥¸¹ÌÓФΥ¹¥¿¥¤¥ë
////////////////////////////////////////////////////*/
h4 {
  font-weight: normal;
  font-size: inherit;
}

::-moz-placeholder {
  color: #87919B;
}

::placeholder {
  color: #87919B;
}

.msg_hissu {
  color: #FF0000;
  font-weight: bold;
}

.err_msg {
  color: #FF0000;
  font-weight: bold;
}

.f-red {
  color: #FF0000;
}

.contact_content {
  width: 100%;
  margin-top: 4rem;
  border-bottom: 1px solid #C8D2DC;
}
.contact_content .err_msg {
  color: #FF0000;
  font-weight: bold;
  margin-bottom: 1.6rem;
}
.contact_content tr {
  border-top: solid 1px #C8D2DC;
}
.contact_content tr.__err input, .contact_content tr.__err textarea {
  background-color: #FFE5E5;
}
.contact_content th {
  vertical-align: top;
  text-align: left;
  font-weight: bold;
  box-sizing: border-box;
}
@media only screen and (min-width: 1312px) {
  .contact_content th {
    width: 384px;
    padding: 3rem 32px;
  }
}
@media print, screen and (min-width: 960px) and (max-width: 1311px) {
  .contact_content th {
    width: calc((100% - 352px) / 12 * 4 + 96px);
    padding: 3rem 32px;
  }
}
@media only screen and (max-width: 959px) {
  .contact_content th {
    display: block;
    width: 100%;
    padding-top: 2.4rem;
  }
}
.contact_content td {
  box-sizing: border-box;
}
@media only screen and (min-width: 1312px) {
  .contact_content td {
    padding: 4rem 0 4rem 32px;
  }
}
@media print, screen and (min-width: 960px) and (max-width: 1311px) {
  .contact_content td {
    padding: 4rem 0 4rem 32px;
  }
}
@media only screen and (max-width: 959px) {
  .contact_content td {
    display: block;
    width: 100%;
    padding: 2.4rem 0;
  }
}
.contact_content .form400 {
  width: 100%;
  box-sizing: border-box;
  padding: 18px;
  border: 1px solid #C8D2DC;
}
.contact_content textarea {
  width: 100%;
  box-sizing: border-box;
  padding: 18px;
  border: 1px solid #C8D2DC;
  height: 224px;
}
@media only screen and (max-width: 959px) {
  .contact_content textarea {
    height: 340px;
  }
}
.contact_content select {
  width: 100%;
  padding: 18px;
  border: 1px solid #C8D2DC;
  color: #333;
  background-repeat: no-repeat;
  background-image: url(/common/img/arrow02_blue_down.svg);
  background-position: bottom 50% right 20px;
  background-size: 14px, 12px;
  font-size: 1.6rem;
}
.contact_content select option {
  font-size: 1.6rem;
}
@media only screen and (min-width: 1312px) {
  .contact_content .tr_syurui .contact_radio_wrap {
    display: flex;
    flex-wrap: wrap;
  }
}
@media only screen and (min-width: 1312px) {
  .contact_content .tr_syurui .contact_radio {
    width: 50%;
    margin-top: 1.5rem;
  }
}
@media only screen and (min-width: 1312px) {
  .contact_content .tr_syurui .contact_radio:nth-child(-n+2) {
    margin-top: 0;
  }
}
@media only screen and (max-width: 599px) {
  .contact_content .tr_syurui .contact_radio:nth-child(n+2) {
    margin-top: 1.5rem;
  }
}

.radio01-parts {
  cursor: pointer;
  padding-left: 38px;
  position: relative;
  display: inline-block;
}
.radio01-parts::before, .radio01-parts::after {
  content: "";
  display: block;
  position: absolute;
}
.radio01-parts::before {
  background-color: #fff;
  border: 1px solid #C8D2DC;
  height: 24px;
  width: 24px;
  left: 5px;
}
@media print, screen and (min-width: 960px) {
  .radio01-parts::before {
    top: calc(1em - 11px);
  }
}
@media only screen and (max-width: 959px) {
  .radio01-parts::before {
    top: calc(0.875em - 11px);
  }
}
.radio01-parts::after {
  background-color: #0068AF;
  opacity: 0;
  height: 16px;
  width: 16px;
  left: 10px;
}
@media print, screen and (min-width: 960px) {
  .radio01-parts::after {
    top: calc(1em - 6px);
  }
}
@media only screen and (max-width: 959px) {
  .radio01-parts::after {
    top: calc(0.875em - 6px);
  }
}

.radio01-input {
  position: absolute;
  white-space: nowrap;
  width: 1px;
  height: 1px;
  overflow: hidden;
  border: 0;
  padding: 0;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%);
  margin: -1px;
}
.radio01-input:checked + .radio01-parts {
  color: #0068AF;
}
.radio01-input:checked + .radio01-parts:after {
  opacity: 1;
}

.en .radio01-parts {
  padding-top: 4px;
}

.contact_text01 {
  margin-top: 3.2rem;
}

.agreewrap {
  text-align: left;
  padding: 0;
  margin-top: 4rem;
  border: 1px solid #CCC;
  overflow: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.agreewrap .agreewrap_inner {
  box-sizing: border-box;
}
@media print, screen and (min-width: 960px) {
  .agreewrap .agreewrap_inner {
    height: 22rem;
    padding: 3.2rem 3rem;
  }
}
@media only screen and (max-width: 959px) {
  .agreewrap .agreewrap_inner {
    height: 25rem;
    padding: 2.4rem;
  }
}
.agreewrap .agreewrap_inner:after {
  content: "";
  display: block;
  width: 1px;
  height: 1.5em;
}
.agreewrap .agreewrap_inner .cmn_tit04 {
  margin-bottom: 1.2rem;
}
.agreewrap .cmn_ul01 {
  padding-left: 1.5rem;
  margin: 0.5rem 0;
}
.agreewrap .agree_ul {
  padding-left: 1.5rem;
}

.agreewrap::-webkit-scrollbar {
  display: none;
}

.agree_txt_tit {
  margin-top: 1rem;
}

.doui_wrap {
  margin-top: 4rem;
}
.doui_wrap .doui {
  text-align: center;
}
@media print, screen and (min-width: 960px) {
  .doui_wrap .doui .radio01-parts:nth-of-type(n + 2) {
    margin-left: 11rem;
  }
}
@media only screen and (min-width: 1312px) {
  .doui_wrap .err_msg {
    margin-left: 416px;
  }
}
@media print, screen and (min-width: 960px) and (max-width: 1311px) {
  .doui_wrap .err_msg {
    width: calc((100% - 352px) / 12 * 4 + 128px);
  }
}

.g-recaptcha > div {
  margin: 0 auto;
}

.contact_btn {
  margin: auto;
  margin-top: 7rem;
  padding: 0;
  position: relative;
}
@media print, screen and (min-width: 960px) {
  .contact_btn {
    width: 384px;
  }
}
.contact_btn .contact_btn_submit {
  width: 100%;
  height: 100%;
  text-align: left;
  cursor: pointer;
  padding-left: 2.4rem;
}
.contact_btn.disabled {
  pointer-events: none;
  background-color: #CCCCCC;
}
.contact_btn.disabled .contact_btn_submit {
  pointer-events: none;
  cursor: not-allowed;
}
.contact_btn .arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  margin: 0;
}
@media print, screen and (min-width: 960px) {
  .contact_btn .arrow {
    right: 2.4rem;
  }
}
@media only screen and (max-width: 959px) {
  .contact_btn .arrow {
    right: 1.8rem;
  }
}

.contact_box02 {
  margin-top: 5rem;
  text-align: center;
}
.contact_box02 .contact_btn {
  display: inline-block;
}
@media print, screen and (min-width: 960px) {
  .contact_box02 .contact_btn:nth-child(n+2) {
    margin-left: 32px;
  }
}
@media print, screen and (min-width: 960px) and (max-width: 1311px) {
  .contact_box02 .contact_btn:nth-child(n+2) {
    margin-left: 32px;
  }
}
@media only screen and (min-width: 600px) and (max-width: 959px) {
  .contact_box02 .contact_btn:nth-child(n+2) {
    margin-left: 16px;
  }
}
@media only screen and (max-width: 959px) {
  .contact_box02 .contact_btn:nth-child(n+2) {
    margin-top: 4rem;
  }
}

.thanks .cmn_bgcbox01 {
  text-align: center;
}
.thanks .logo {
  display: inline-block;
}
@media print, screen and (min-width: 960px) {
  .thanks .logo {
    width: 30rem;
    margin-top: 4rem;
  }
}
@media only screen and (max-width: 959px) {
  .thanks .logo {
    width: 20rem;
    margin-top: 3rem;
  }
}
.thanks .logo img {
  width: 100%;
  height: auto;
}
.thanks .thanks_topbtn {
  margin: auto;
}
/*# sourceMappingURL=custom.css.map */