@charset "UTF-8";
#contact-hero {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center; }

.follow-pages {
  margin-top: 50px;
  font-weight: 600;
  font-size: 22px; }
  @media (max-width: 991px) {
    .follow-pages {
      font-size: 18px; } }

.contact-page-btns {
  margin-top: 20px; }

@media (max-width: 767px) {
  .contact-page-btn {
    margin-top: 20px; } }
.contact-page-btn a {
  color: #fff;
  background-color: #000;
  padding: 10px;
  transition: .3s;
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: center; }
  @media (max-width: 991px) {
    .contact-page-btn a {
      padding: 10px 5px; } }
  .contact-page-btn a:hover {
    background-color: #707070; }
  .contact-page-btn a span {
    font-size: 18px;
    display: flex;
    align-items: center; }
    @media (max-width: 991px) {
      .contact-page-btn a span {
        font-size: 15px; } }
    .contact-page-btn a span i {
      margin-right: 10px;
      font-size: 22px; }
      @media (max-width: 991px) {
        .contact-page-btn a span i {
          font-size: 18px;
          margin-right: 5px; } }
      @media (max-width: 767px) {
        .contact-page-btn a span i {
          margin-right: 8px; } }

#contact-page-forms {
  margin-top: 75px; }
  #contact-page-forms h2 {
    font-size: 32px;
    font-weight: bold;
    font-family: "Noto Serif", serif !important;
    margin-bottom: 25px; }
  #contact-page-forms p {
    margin-bottom: 1.5rem; }
    @media (max-width: 1199px) {
      #contact-page-forms p {
        margin-bottom: 1.08rem; } }
  #contact-page-forms input, #contact-page-forms button, #contact-page-forms textarea, #contact-page-forms select {
    appearance: auto; }
    @media (max-width: 575px) {
      #contact-page-forms input, #contact-page-forms button, #contact-page-forms textarea, #contact-page-forms select {
        font-size: 16px; } }
  #contact-page-forms .wpcf7-text {
    width: 100%;
    border: 1px solid #707070;
    padding: 8px 10px; }
  #contact-page-forms .wpcf7-textarea {
    width: 100%;
    border: 1px solid #707070;
    padding: 8px 10px; }

.country-radio {
  /* デフォルトのボタン */
  /* チェック前のボタン */
  /* チェック後のボタン */ }
  .country-radio p {
    display: flex; }
    @media (max-width: 1199px) {
      .country-radio p {
        display: block; } }
    @media (max-width: 575px) {
      .country-radio p {
        font-size: 14px; } }
  .country-radio .wpcf7-form-control-wrap {
    margin-left: 30px; }
    @media (max-width: 1199px) {
      .country-radio .wpcf7-form-control-wrap {
        margin-left: 0;
        padding-top: 3px;
        display: inline-block; } }
  .country-radio .wpcf7-list-item.first {
    margin: 0; }
  .country-radio .wpcf7-list-item-label {
    cursor: pointer;
    display: flex; }
  .country-radio input[type="radio"] {
    opacity: 0;
    /* デフォルトのボタンを非表示 */
    position: absolute; }
  .country-radio .wpcf7-list-item-label::before {
    background: #fff;
    border: 1px solid #707070;
    border-radius: 100%;
    /* ラジオボタンっぽく丸くする */
    content: "";
    height: 1.2em;
    margin-bottom: auto;
    margin-right: .35em;
    margin-top: auto;
    transition: background-color .2s;
    /* 色をじんわり変化させる */
    width: 1.2em; }
  .country-radio input[type="radio"]:checked + .wpcf7-list-item-label::before {
    background-color: #161616;
    /* チェック後の中心の色 */
    box-shadow: inset 0 0 0 3px #fff;
    /* 中心の色のスタイル */ }

.attachment {
  padding-top: 0.5em; }

.send-btn {
  margin-top: 15px;
  display: inline-block; }
  .send-btn .wpcf7-submit {
    padding: 10px 40px;
    background-color: #000;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    transition: .3s; }
    .send-btn .wpcf7-submit:hover {
      background-color: #707070; }

.wpcf7-form.hide_error_message .wpcf7-not-valid-tip {
  display: none; }

.contact-map iframe {
  width: 100%;
  height: 508px; }
  @media (max-width: 575px) {
    .contact-map iframe {
      display: 333px; } }