@charset "UTF-8";
#pageContact {
 position: relative;
}
#pageContact .main_wrap {
 padding: 14rem 0 6rem;
}
#pageContact .main_wrap .page_ttl {
 color: #4B936E;
 font-size: 8rem;
 line-height: 4rem;
}
#pageContact .main_wrap .page_ttl span {
 font-size: 1.3rem;
 color: #38484A;
}
@media screen and (max-width: 750px) {
  #pageContact .main_wrap {
    padding: 18rem 0 6rem;
  }
  #pageContact .main_wrap .page_ttl {
    line-height: 5rem;
  }
  #pageContact .main_wrap .page_ttl span {
    font-size: 2.4rem;
  }
}
#pageContact .contact_cnt {
 background: #fff;
 color: #38484A;
 padding: 8rem 0;
}
#pageContact .contact_cnt_flex {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -ms-flex-wrap: wrap;
     flex-wrap: wrap;
 -webkit-box-pack: justify;
     -ms-flex-pack: justify;
         justify-content: space-between;
}
#pageContact .contact_cnt_flex .com-txt_wrap {
 width: 35%;
}
#pageContact .form .form_area {
 width: 65%;
}
#pageContact .form .form_area .contact_form .form_list .row {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -ms-flex-wrap: wrap;
     flex-wrap: wrap;
 -webkit-box-pack: justify;
     -ms-flex-pack: justify;
         justify-content: space-between;
}
#pageContact .form .form_area .contact_form .form_list .row dt, #pageContact .form .form_area .contact_form .form_list .row dd {
 padding: 3rem 0;
}
#pageContact .form .form_area .contact_form .form_list .row dt {
 width: 27%;
}
#pageContact .form .form_area .contact_form .form_list .row dt .com-sup {
 color: #BD1C0A;
}
#pageContact .form .form_area .contact_form .form_list .row dd {
 width: 70%;
 padding-left: 1.5rem;
 border-bottom: 0.15rem solid rgba(56, 72, 74, 0.5);
 /* リセット*/
}
#pageContact .form .form_area .contact_form .form_list .row dd input[type=text],
#pageContact .form .form_area .contact_form .form_list .row dd input[type=email],
#pageContact .form .form_area .contact_form .form_list .row dd input[type=tel],
#pageContact .form .form_area .contact_form .form_list .row dd textarea {
 width: 100%;
 -webkit-appearance: none;
    -moz-appearance: none;
         appearance: none;
 border: none;
 background: transparent;
 font-size: 1.5rem;
 color: #38484A;
 font-family: inherit;
}
#pageContact .form .form_area .contact_form .form_list .row dd input[type=text]::-webkit-input-placeholder, #pageContact .form .form_area .contact_form .form_list .row dd input[type=email]::-webkit-input-placeholder, #pageContact .form .form_area .contact_form .form_list .row dd input[type=tel]::-webkit-input-placeholder, #pageContact .form .form_area .contact_form .form_list .row dd textarea::-webkit-input-placeholder {
 color: rgba(56, 72, 74, 0.4);
}
#pageContact .form .form_area .contact_form .form_list .row dd input[type=text]::-moz-placeholder, #pageContact .form .form_area .contact_form .form_list .row dd input[type=email]::-moz-placeholder, #pageContact .form .form_area .contact_form .form_list .row dd input[type=tel]::-moz-placeholder, #pageContact .form .form_area .contact_form .form_list .row dd textarea::-moz-placeholder {
 color: rgba(56, 72, 74, 0.4);
}
#pageContact .form .form_area .contact_form .form_list .row dd input[type=text]:-ms-input-placeholder, #pageContact .form .form_area .contact_form .form_list .row dd input[type=email]:-ms-input-placeholder, #pageContact .form .form_area .contact_form .form_list .row dd input[type=tel]:-ms-input-placeholder, #pageContact .form .form_area .contact_form .form_list .row dd textarea:-ms-input-placeholder {
 color: rgba(56, 72, 74, 0.4);
}
#pageContact .form .form_area .contact_form .form_list .row dd input[type=text]::-ms-input-placeholder, #pageContact .form .form_area .contact_form .form_list .row dd input[type=email]::-ms-input-placeholder, #pageContact .form .form_area .contact_form .form_list .row dd input[type=tel]::-ms-input-placeholder, #pageContact .form .form_area .contact_form .form_list .row dd textarea::-ms-input-placeholder {
 color: rgba(56, 72, 74, 0.4);
}
#pageContact .form .form_area .contact_form .form_list .row dd input[type=text]::placeholder,
#pageContact .form .form_area .contact_form .form_list .row dd input[type=email]::placeholder,
#pageContact .form .form_area .contact_form .form_list .row dd input[type=tel]::placeholder,
#pageContact .form .form_area .contact_form .form_list .row dd textarea::placeholder {
 color: rgba(56, 72, 74, 0.4);
}
#pageContact .form .form_area .contact_form .form_list .row dd input[type=text]:focus,
#pageContact .form .form_area .contact_form .form_list .row dd input[type=email]:focus,
#pageContact .form .form_area .contact_form .form_list .row dd input[type=tel]:focus,
#pageContact .form .form_area .contact_form .form_list .row dd textarea:focus {
 outline: none;
}
#pageContact .form .form_area .contact_form .form_list .row dd textarea {
 resize: vertical;
 min-height: 25rem;
 line-height: 1.6;
}
#pageContact .form .form_area .contact_form .submit_wrap {
 text-align: center;
 margin-top: 5rem;
}
#pageContact .form .form_area .contact_form .submit_wrap .btn_submit {
 width: 24.8rem;
 height: 4.5rem;
 background: #4B936E;
 color: #fff;
 font-size: 1.6rem;
 border: none;
 cursor: pointer;
 -webkit-transition: opacity 0.3s ease;
 transition: opacity 0.3s ease;
 position: relative;
}
#pageContact .form .form_area .contact_form .submit_wrap .btn_submit .txt {
 display: inline-block;
 color: transparent;
 letter-spacing: 0.1em;
 position: relative;
}
#pageContact .form .form_area .contact_form .submit_wrap .btn_submit .txt::before {
 content: attr(data-text);
 position: absolute;
 top: 0;
 left: 0;
 color: #fff;
 mix-blend-mode: overlay;
 z-index: 1;
}
#pageContact .form .form_area .contact_form .submit_wrap .btn_submit .txt::after {
 content: attr(data-text);
 position: absolute;
 top: 0;
 left: 0;
 color: #fff;
 mix-blend-mode: normal;
 z-index: 2;
 clip-path: inset(0 0 0 0);
 -webkit-transition: clip-path 0.8s cubic-bezier(0.19, 1, 0.22, 1);
 transition: clip-path 0.8s cubic-bezier(0.19, 1, 0.22, 1);
}
#pageContact .form .form_area .contact_form .submit_wrap .btn_submit .arrow {
 font-size: 1.2rem;
 mix-blend-mode: overlay;
 position: absolute;
 right: 1rem;
 top: 50%;
 -webkit-transform: translateY(-50%);
         transform: translateY(-50%);
 color: #fff;
 mix-blend-mode: overlay;
 -webkit-transition: -webkit-transform 0.6s ease;
 transition: -webkit-transform 0.6s ease;
 transition: transform 0.6s ease;
 transition: transform 0.6s ease, -webkit-transform 0.6s ease;
}
#pageContact .form .form_area .contact_form .submit_wrap .btn_submit:hover .txt::after {
 clip-path: inset(0 0 0 100%);
}
#pageContact .form .form_area .contact_form .submit_wrap .btn_submit:hover .arrow {
 -webkit-transform: translate(0.5rem, -50%);
         transform: translate(0.5rem, -50%);
}
#pageContact .policy {
 background: #fff;
}
#pageContact .policy .policy_area {
 width: 56%;
}
#pageContact .policy .policy_area .policy_txt {
 line-height: 1.9;
}
#pageContact .policy .policy_area .policy_txt span {
 display: inline-block;
 width: 100%;
 background: #E6E6E6;
 text-align: center;
 padding: 1rem 0;
}
@media screen and (max-width: 750px) {
  #pageContact .form .com-txt_wrap, #pageContact .policy .com-txt_wrap {
    width: 100%;
  }
  #pageContact .form .form_area {
    width: 100%;
  }
  #pageContact .form .form_area .contact_form .form_list .row dt, #pageContact .form .form_area .contact_form .form_list .row dd {
    padding: 3rem 0;
    font-size: 2.4rem;
  }
  #pageContact .form .form_area .contact_form .form_list .row dt {
    width: 100%;
  }
  #pageContact .form .form_area .contact_form .form_list .row dd {
    width: 100%;
    padding-left: 1.5rem;
  }
  #pageContact .form .form_area .contact_form .form_list .row dd input[type=text],
  #pageContact .form .form_area .contact_form .form_list .row dd input[type=email],
  #pageContact .form .form_area .contact_form .form_list .row dd input[type=tel],
  #pageContact .form .form_area .contact_form .form_list .row dd textarea {
    font-size: 2.4rem;
  }
  #pageContact .form .form_area .contact_form .submit_wrap .btn_submit {
    width: 43.9rem;
    height: 7.9rem;
    font-size: 2.5rem;
  }
  #pageContact .form .form_area .contact_form .submit_wrap .btn_submit .arrow {
    font-size: 3rem;
  }
  #pageContact .policy .policy_area {
    width: 100%;
  }
  #pageContact .policy .policy_area .policy_txt {
    font-size: 2.2rem;
  }
}