/*================================================================================

media query mixin

================================================================================*/
/*    google font on web
--------------------------------------------------------------------------------*/
@import url("https://fonts.googleapis.com/css2?family=Marcellus&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap");
/*    google font on server
--------------------------------------------------------------------------------*/
/*    icomoon
--------------------------------------------------------------------------------*/
/*    custom
--------------------------------------------------------------------------------*/
.contactWrap { padding-bottom: 100px; }
.contactWrap .mainArea { padding-top: 150px; }
@media screen and (max-width: 768px) { .contactWrap .mainArea { padding-top: 120px; } }
.contactWrap .form .form_inner { width: 800px; margin: 0 auto; }
@media screen and (max-width: 768px) { .contactWrap .form .form_inner { width: 100%; } }
.contactWrap .form .form_inner .frBlock { padding: 30px 0; }
.contactWrap .form .form_inner .frBlock .fr-title { font-size: 20px; font-weight: bold; margin-bottom: 15px; }
.contactWrap .form .form_inner .frBlock .fr-control { width: 800px; }
@media screen and (max-width: 768px) { .contactWrap .form .form_inner .frBlock .fr-control { width: 100%; } }
.contactWrap .form .form_inner .frBlock input, .contactWrap .form .form_inner .frBlock button, .contactWrap .form .form_inner .frBlock textarea, .contactWrap .form .form_inner .frBlock select { width: 100%; border: none; font-size: 16px; border-bottom: 1px solid #ccc; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 0; padding: 10px; }
.contactWrap .form .form_inner .frBlock ::-webkit-input-placeholder { color: #ccc; }
.contactWrap .form .form_inner .frBlock :-ms-input-placeholder { color: #ccc; }
.contactWrap .form .form_inner .frBlock ::-ms-input-placeholder { color: #ccc; }
.contactWrap .form .form_inner .frBlock ::placeholder { color: #ccc; }

.frBtn { margin: 40px auto 0; color: #fff; font-size: 20px; font-weight: bold; letter-spacing: 2px; display: block; position: relative; background: #9b9d72; width: 300px; padding: 20px; text-align: center; text-decoration: none; border-radius: 40px; }
.frBtn::before, .frBtn::after { content: ""; position: absolute; }
.frBtn::before { width: 25px; height: 3px; background: #fff; top: 50%; right: 30px; }
.frBtn::after { width: 15px; height: 15px; border-top: solid 3px #fff; border-right: solid 3px #fff; top: 50%; right: 28px; -webkit-transform: rotate(45deg); transform: rotate(45deg); margin-top: -6px; }

#formWrap { width: 800px; margin: 0 auto; color: #000; line-height: 120%; font-size: 90%; }
@media screen and (max-width: 768px) { #formWrap { width: 95%; margin: 0 auto; } }
#formWrap table.formTable { width: 100%; margin: 0 auto; border-collapse: collapse; }
#formWrap table.formTable td, #formWrap table.formTable th { border: 1px solid #ccc; padding: 10px; }
#formWrap table.formTable th { width: 30%; font-weight: normal; background: #f4f4f4; text-align: left; }
@media screen and (max-width: 768px) { #formWrap table.formTable th { margin-top: 5px; border-bottom: 0; } }
#formWrap p.error_messe { margin: 5px 0; color: #b90000; }
#formWrap .btn01, #formWrap .btn02 { letter-spacing: 3px; width: 200px; padding: 15px 20px; border: none; font-weight: bold; border-radius: 30px; }
@media screen and (max-width: 768px) { #formWrap .btn01, #formWrap .btn02 { width: 80% !important; height: auto !important; margin: 0 auto; } }
#formWrap .btn01 { color: #fff; background: #9b9d72; }
@media screen and (max-width: 768px) { #formWrap .btn01 { margin-bottom: 20px; } }
#formWrap .btn02 { background: #ccc; margin-left: 30px; }
@media screen and (max-width: 768px) { #formWrap .btn02 { margin-left: auto; } }
@media screen and (max-width: 768px) { #formWrap table.formTable th, #formWrap table.formTable td { width: auto; display: block; }
  #formWrap form input[type="submit"], #formWrap form input[type="reset"], #formWrap form input[type="button"] { display: block; width: 100%; height: 40px; } }

/*# sourceMappingURL=contact.css.map */