#cf7-area,#cf7-recruit-area {
width:100%;
margin: 70px auto 100px;
color: #3E3A39;
}
#cf7-area, #cf7-area input, #cf7-area textarea, #cf7-area button, #cf7-area label,
#cf7-recruit-area, #cf7-recruit-area input, #cf7-recruit-area textarea, #cf7-recruit-area button, #cf7-recruit-area label {
font-family: "Noto Serif JP", serif !important;
}
.cf7-item {
display: flex;
align-items: flex-start;
justify-content: flex-start;
margin: 0 0 1.75em;
}
.cf7-q {
width: 20%;
margin: 0 0 0 60px;
}
.cf7-a {
width: 80%;
}
.cf7-birth {
width: 20%;
margin-right:1%;
display: inline-block;
}
#cf7-recruit-area .wpcf7-not-valid-tip, #cf7-area .wpcf7-not-valid-tip{
color: #d55252;
font-size: 1em;
font-weight: bold;
display: block;
padding-left: 20px;
} #cf7-recruit-area label,#cf7-area label{
font-weight:bold;
vertical-align: middle;
margin: 0;
font-size: 18px;
} .swal2-html-container {
text-align: left !important;
}
.swal2-popup {
font-family: "Noto Serif JP", serif;
border: solid 5px #727171;
border-radius: 15px;
}
div.swal2-icon.swal2-info {
border-color: #bfbfbf;
color: #bfbfbf;
} #cf7-area input[type="text"],#cf7-area input[type="email"],#cf7-area input[type="tel"],#cf7-area textarea,
#cf7-recruit-area input[type="text"],#cf7-recruit-area input[type="email"],#cf7-recruit-area input[type="tel"],#cf7-recruit-area select[name="birth-year"],#cf7-recruit-area select[name="birth-month"],#cf7-recruit-area select[name="birth-day"],#cf7-recruit-area textarea  {
background: #f5f5f5;
width: 100%;
margin-left: 10px;
border: solid 1.5px #727171;
}
#cf7-area input[type="text"]:focus,#cf7-area input[type="email"]:focus,#cf7-area input[type="tel"]:focus,#cf7-area textarea:focus,
#cf7-recruit-area input[type="text"]:focus,#cf7-recruit-area input[type="email"]:focus,#cf7-recruit-area input[type="tel"]:focus,#cf7-recruit-area select[name="birth-year"]:focus,#cf7-recruit-area select[name="birth-month"]:focus,#cf7-recruit-area select[name="birth-day"]:focus,#cf7-recruit-area textarea:focus  {
background: #ffffff;
border: 2px solid #b8b8b8;
outline: none;
}
#cf7-area input[type="checkbox"], #cf7-area input[type="radio"],#cf7-recruit-area input[type="checkbox"],#cf7-recruit-area input[type="radio"]{
appearance: auto;
accent-color:#3E3A39;
transform: scale(1.5);
}
#cf7-area .form-control,#cf7-recruit-area .form-control{
color: #3E3A39;
}
#cf7-area .form-control:focus,#cf7-recruit-area .form-control:focus{
color: #3E3A39;
background-color: #fff;
border-color: #ffffff;
outline: 0;
box-shadow: 0 0 0 .2rem rgba(70, 70, 70, 0.25)
}
#cf7-area input::placeholder,#cf7-area textarea::placeholder,
#cf7-recruit-area input::placeholder,#cf7-recruit-area select::placeholder,#cf7-recruit-area textarea::placeholder{
color: #a3a3a3;
}
#cf7-area .wpcf7-list-item,#cf7-recruit-area .wpcf7-list-item{
display: block;
margin: 0 1em 0 0.3em;
font-size: 17px;
}
#cf7-area .wpcf7-list-item-label,#cf7-recruit-area .wpcf7-list-item-label{
font-weight: bold;
padding:0 40px 0 5px;
}
#cf7-area textarea,#cf7-recruit-area textarea{
height:200px;
width: 100%;
padding: 0.625em 0.4375em;
}
.cf7-accept-check{
text-align: center;
margin: 50px auto;
}
#cf7-area .cf7-submit,#cf7-recruit-area .cf7-submit {
margin: 0 auto;
text-align: center;
}
#cf7-area .cf7-submit button[type="button"],#cf7-recruit-area .cf7-submit button[type="button"]{
background-color: #727171;
color: #ffffff;
font-weight: 900;
border-radius: 5px;
font-size: 1.2em;
padding: 10px 20px;
margin: 30px 0 30px;
border: none;
}
#cf7-area .cf7-submit button[type="button"]:hover,#cf7-recruit-area .cf7-submit button[type="button"]:hover
{
background-color:#ffffff;
border: 2px solid #727171;
color:#727171;
margin: 28px 0 28px;
}
#cf7-area .cf7-btn,#cf7-recruit-area .cf7-btn{
width: 40%;
margin: 0 auto;
text-align: center;
} .cf7-req{
font-size: .8em;
color: #ff0000;
vertical-align: top;
}
.wpcf7-response-output{
display: none;
}
.fade-in-contact{
opacity: 0;
animation: fadeInContact 0.5s ease-out 0.5s forwards;
} .fade-in-contact-fast{
opacity: 0;
animation: fadeInContact 0.5s ease-out 0.2s forwards;
}
@keyframes fadeInContact {
from { opacity: 0; }
to { opacity: 1; }
}
@media (min-width: 769px) and (max-width: 1199px) {
.cf7-q {
margin: 0;
}
#cf7-area .wpcf7-list-item,#cf7-recruit-area .wpcf7-list-item{
display: block;
margin: 0 1em;
font-size: 17px;
}
}
@media screen and (max-width:768px){
#cf7-area,#cf7-recruit-area{
width:100%;
}
.cf7-item {
display: block;
width: 90%;
margin: 0 auto 1.75em;
}
#cf7-area label,#cf7-recruit-area label{
display: block;
}
.cf7-q {
width: 100%;
margin: 0;
}
.cf7-a {
width: 100%;
}
.cf7-birth {
width: 31%;
display: inline-block;
}
#cf7-area input[type="text"], #cf7-area input[type="email"], #cf7-area input[type="tel"],#cf7-area textarea,
#cf7-recruit-area input[type="text"], #cf7-recruit-area input[type="email"], #cf7-recruit-area input[type="tel"],#cf7-recruit-area select[name="birth-year"],#cf7-recruit-area select[name="birth-month"],#cf7-recruit-area select[name="birth-day"], #cf7-recruit-area textarea{
margin-left: 0;
}
#cf7-area .wpcf7-list-item,#cf7-recruit-area .wpcf7-list-item{
padding-top: 10px;
}
#cf7-area .cf7-submit,#cf7-recruit-area .cf7-submit{
width: 90%;
}
}