@charset "utf-8";
/* CSS Document */
.policy_txt{border:1px solid #ccc;padding:20px;font-size:14px;margin-bottom:20px;background:#fff;overflow-y: scroll;height:400px;}
.policy_txt ol{margin-left:2em;}
.wpcf7-list-item{margin:0 !important;}

.modal {
display: block;
width: 50%;
height:300px;
position: fixed;
z-index: 100;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
/* margin: -200px 0 0 -200px; */
background: white;
box-shadow: 0 0 60px 10px rgba(0, 0, 0, 0.9);
overflow:scroll;
}
.closed {
  display: none;
}

.modal-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 50;
background: rgba(0, 0, 0, 0.6);
}
.modal-guts {
position: absolute;
top: 0;
left: 0;
width:100%;
overflow: auto;
padding: 20px 50px 20px 20px;
}
.modal .close-button {
position: absolute;
z-index: 1;
top: 10px;
right: 20px;
border: 0;
background: black;
color: white;
padding: 5px 10px;
font-size:14px;
}
#open-button,.open-button {
cursor: pointer;
display:inline-block;
}

.form_area{width:700px;margin:0 auto 0px;font-size:16px;}
.contact_box{width:100%;display:table;padding:10px 0;font-family: tbchibirgothicplusk-pro, sans-serif;font-style: normal;font-weight: 400;}
.contact_title{font-size:16px;}
.contact_con{width:100%;}
.contact_all{width:100%;text-align:center;margin-top:0px;}
.privacy{width:100%;background:#fff;font-size:16px;text-align:left;}
.privacy ol{margin-left:1em;margin-bottom:1em;}
.privacy p{margin-bottom:1em;}

.hissu{
padding:0 0.5em;
background:#81c346;
color:#fff;
display:inline-block;
vertical-align:middle;
height:34px;
line-height:28px;
font-size:20px;
margin:0 0.8em 2px 10px;
float:right;
}
.no-hissu{padding-left:3.6em;}
input, select {border:none;height: 50px;vertical-align:middle;padding:10px;background:#fff;border:#231815 1px solid;font-size:20px;}
textarea{border:none;width: 100%;font-size:20px;padding:10px;background:#fff;height:180px;resize: none;border:#231815 1px solid;}
input[type="text"]{width: 100%;}
input[name="your-name"]{width: 100%;}
input[name="text-100"]{width: 100%;}
input[name="text-110"]{width: 100%;}
input[name="text-120"]{width: 100%;}
input[name="text-130"]{width: 100%;}
input[name="text-200"]{width: 12%;margin-right:5px;}
input[name="text-210"]{width: 12%;margin-left:2%;margin-right:5px;}
input[name="text-220"]{width: 20%;margin:0 5px;}
input[name="text-300"]{width: 15%;margin:0 5px;}
input[name="text-310"]{width: 12%;margin-left:2%;margin-right:5px;}
input[name="text-320"]{width: 12%;margin-left:2%;margin-right:5px;}
input[name="text-330"]{width: 12%;margin:0 5px;}
input[name="text-340"]{width: 12%;margin-left:2%;margin-right:5px;}




input[type="tel"]{width:100%;}
input[type="email"]{width:100%;}
input[type="file"]{border:none;}
input[name="address1"]{width: 40%;margin-left:2%;}
textarea[name="your-message"]{width: 100%;}
input[type="submit"]{
line-height:1;
width:330px;
background:none;
transition:ease 0.3s;
text-align:center;
font-size:20px;
height:60px;
vertical-align:middle;
display:inline-block;
border:#231815 1px solid;
text-align:center;
color:#000;
}
input[type="submit"]:hover{
color:#fff;
cursor:pointer;
background: #8f8780;
border:#8f8780 1px solid;
}
div.wpcf7 .ajax-loader {display: block;}
span.wpcf7-not-valid-tip{display: none !important;}
.wpcf7 form.invalid .wpcf7-response-output{background:#D87E8A;border:none;padding:10px;color:#fff;}
.wpcf7 form.sent .wpcf7-response-output{background:#D87E8A;border:none;padding:10px;color:#fff;}
.wpcf7-spinner{display:none !important;}

/* 1099px以下から 1カラム表示
------------------------------------------------------------*/
@media only screen and (max-width: 979px){
input[type="email"][type="email"]{width: 100%;}
input[name="your-name"][type="text"]{width: 100%;}




}



/* 650px以下から 1カラム表示
------------------------------------------------------------*/
@media only screen and (max-width: 650px){
.form_area{width:100%;margin:0 auto 0px;font-size:16px;line-height:1.4;}
.contact_box{width:100%;display:block;padding:10px 0;marign-bottom:10px;}
.contact_title{font-size:14px;}
.contact_con{width:100%;}
.contact_all{width:100%;text-align:center;margin-top:0px;}
.modal {width:90%;height:300px;}
.privacy ol{margin-left:1em;margin-bottom:1em;}

.hissu{margin-right:5px;}

input[type="submit"]{
line-height:1;
width:80%;
transition:ease 0.3s;
text-align:center;
font-size:18px;
height:60px;

}

input[name="text-130"]{width: 49%;margin-left:2%;}
input[name="text-200"]{width: 15%;margin-right:5px;}
input[name="text-210"]{width: 15%;margin-left:2%;margin-right:5px;}
input[name="text-220"]{width: 20%;margin:0 5px;}
input[name="text-300"]{width: 25%;margin:0 5px;}
input[name="text-310"]{width: 15%;margin-left:2%;margin-right:5px;}
input[name="text-320"]{width: 15%;margin-left:2%;margin-right:5px;}
input[name="text-330"]{width: 15%;margin:0 5px;}
input[name="text-340"]{width: 15%;margin-left:2%;margin-right:5px;}

input[name="acceptance-100"]{height:auto;}
}