@charset "UTF-8";

/*----------------------------------------------------------------------------------------------------------------------見出し----------*/

.tit_jp{
font-size:30px;
font-weight:bold;
line-height:1.8;
letter-spacing:0.1em;
}

.tit_en{
font-size:17px;
color:#00ccff;
letter-spacing:0.05em;
}

@media screen and (max-width:1200px){

.tit_jp{ font-size:24px; }	

}

/*----------------------------------------------------------------------------------------------------------------------#cont----------*/

#tit_area{
background: url("../images/main_contact.jpg") no-repeat center center;
background-size: cover;
}

#cont{
margin:80px auto 0;
width:66.64%;
max-width:960px;
}

/*----------------------------------------------------------------------------------------------------------------------councel----------*/

#counsel { margin-top:50px; }

#counsel h2{
width:100%;
font-weight:bold;
background-color:#f3f8ea;
border-top:1px solid #e5e5e5;
border-bottom:1px solid #e5e5e5;
padding:22px 0 17px 30px;
}

#counsel ul{
display:flex;
border-bottom:1px solid #e5e5e5;
}

#counsel ul li.tel{ 
width:37.5%;
font-weight:bold;
font-size:18px;
border-right:1px dotted #ccc;
margin:20px 0;
padding-left:30px;
letter-spacing:0.15em;
}

#counsel ul li.tel a{ cursor:default; }

#counsel ul li.tel span{ font-size:32px; }

#counsel ul li.time{ 
margin:25px 0;
padding-left:30px;
line-height:2;
}

#counsel ul li.time span{ 
font-weight:bold;
color:#8dc21f;
}

#caution{ 
margin-top:40px;
border:1px solid #ddd;
font-size:13px;
padding:20px 30px;
letter-spacing:0.1em;
}

#caution span{ color:#8dc21f; }

.must{ margin-top:40px; }

.must span{ color:#ff0000; }

table.contact{ 
width:100%;
margin-top:40px; 
border-top:1px solid #ddd;
}

table.contact th{ 
font-weight:normal;
border-bottom:1px solid #ddd;
width:25%;
padding:22px 0 20px;
}

table.contact span.required { 
margin-left: 10px;
color:#ff0000;
}

table.contact td{ 
border-bottom:1px solid #ddd;
padding:22px 0 20px 20px;
}

table.contact td label{ margin-right:20px; }

table.contact td label input { margin-right: 10px; }

table.contact td input[type=text],
table.contact td input[type=tel],
table.contact td input[type=email],
table.contact td select {
border: none;
background: #f9fcf2;
width: 100%;
height: 4em;
padding: 10px;
}

table.contact td input.date{
border: none;
background: #f9fcf2;
width: 80px;
height: 4em;
padding: 10px;
}

table.contact td textarea {
border: none;
background: #f9fcf2;
width: 100%;
padding: 10px;
height: 200px;
}

table.contact td input::placeholder,
table.contact td textarea::placeholder {
color: #888;
font-size: 15px;
}

table.contact td input:-ms-input-placeholder,
table.contact td textarea:-ms-input-placeholder {
color: #888;
font-size: 15px;
}

table.contact td input::-ms-input-placeholder,
table.contact td textarea:-ms-input-placeholder {
color: #888;
font-size: 15px;
}

table.contact td select {
background: #fff;
border: 1px solid #ddd;
outline: medium none;
padding: 4px;
font-size: 15px;
width: 200px;
-webkit-appearance:none;
}

.privacy_box{
margin-top:50px;
border:1px solid #ddd;
font-size:13px;
padding:20px 30px;
letter-spacing:0.1em;
}

.privacy_box h2{ 
color:#8dc21f;
font-weight:bold;
}

.privacy_box a{ text-decoration:underline; }
.privacy_box a:hover{ text-decoration:none; }

.btn_confirm { margin-top: 70px; }

.btn_confirm input {
border: 1px solid #8dc21f;
border-radius:30px 30px;
width: 300px;
display: block;
background: #fff;
height: 60px;
color: #8dc21f;
font-size: 15px;
font-weight: bold;
margin:0 auto;
-webkit-appearance:none;
}

@media screen and (max-width:1200px){
	
#counsel ul{ display:block; }

#counsel ul li.tel{ 
width:100%;
border-right:none;
margin:20px 0 0 0;
}

#counsel ul li.time{ 
width:100%;
margin:0 0 25px 0;
}

}

@media screen and (max-width:767px){
	
#cont{
margin:80px auto 0;
width:90%;
display:block;
}

#counsel { margin:40px auto 0; }

#counsel ul li.tel span{ font-size:24px; }

table.contact th{ 
width:100%;
display:block;
background:#f6f6f6;
padding:16px 0 14px 20px;
}

table.contact td{ 
width:100%;
display:block;
padding:22px 0 20px;
}

.privacy_box{ margin-top:40px; }

.btn_confirm { margin-top:50px; }

#counsel ul li.time{ padding-right:30px; }

}