/*----------------------------------------------------------------------------------------------------------------------#contact----------*/

#contact{
width:90%;
max-width:1080px;
margin:80px auto 0;
}

#contact .tit_en, #contact .tit_sec{ text-align:center; font-size: 28px; font-weight: bold;}

#contact .tit_sec::after { margin: 14px auto 30px; }

#contact .read{
margin:20px 0px;
text-align:center;
font-size: 15px;
}

.by_tel{
background-color:#dae3ef;
margin-top:25px;
padding:40px;
text-align:center;
margin-bottom: 50px;
}

.by_tel p:first-child span{
border-bottom:1px solid #3051a1;
font-weight:bold;
padding-bottom:10px;
}

.by_tel p em{
font-size:32px;
line-height:1.4;
font-family:Helvetica, sans-serif;
padding-left:20px;
color:#3051a1;
letter-spacing:4px;
}

.by_tel p:last-child{ margin-top:16px; }

.by_tel p strong{ color:#3051a1; }

.caution{
width: 90%;
margin:0 auto;	
border:1px solid #ddd;
padding:30px 40px;
font-size:12px;
}

.must{ margin-top:35px; }

.red_text{ color:#ff0000; }


.text_area{
background-color:#f6f6f6;
border:1px solid #f6f6f6;
font-size:13px;
-webkit-appearance: none;
padding:10px;
width:100%;
}

.privacy{
margin:35px 0px 30px 0px;
padding:20px 40px;
border:1px solid #ddd;
font-size:12px;
}

.privacy h4{ 
font-weight:bold;
color:#3051a1;
}

.check{
text-align:center;
margin-top:30px;
font-weight:bold;
font-size:13px;
}

.check input{ margin-right: 10px; }

.check label{ cursor: pointer; }

.send_btn{
text-align:center;
margin-top:30px;
}

.send{
letter-spacing:1px;	
cursor:pointer;
color:#fff;
background-color:#f6ce39;
border-radius:25px;
width:300px;
height:50px;
font-weight:bold;
font-size:14px;
-webkit-appearance:none;
border:none;
}

@media screen and (max-width:1024px){
	
#contact{
width:100%;
max-width:1024px;
}

}

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

#contact{
width:100%;
margin:50px auto 0;
}
	
#contact .read{ 
text-align:justify;
}

	
.by_tel{ padding:20px; }

.by_tel p:first-child span{
border-bottom:1px solid #f6ce39;
font-weight:bold;
padding-bottom:10px;
}

.by_tel p em{
display:block;
margin-top:20px;
font-size:35px;
padding-left:0px;
letter-spacing:2px;
}

.by_tel p:last-child{ margin-top:10px; }

.by_tel p strong{ display:block; }

.caution{ padding:20px; }
	

.privacy{ padding:20px; }

.send_btn{
text-align:center;
margin-top:30px;
}

.send{ width:100%; }

}

/*----------------------------------------------------------------------------------------------------------------------#mailform----------*/

#mailform {
	width:800px;
	margin:0 auto;
	line-height:100%;
	font-size:100%;
}
.inner p{
	line-height: 2;
	padding-top: 10px;
}
table.formTable{
	width:100%;
	margin:50px auto 20px;
	border-collapse:collapse;
}
table.formTable td,table.formTable th{
	border:1px solid #ccc;
	padding:15px;
}
table.formTable th{
	width:30%;
	color:#fff;
	background:#727272;
	text-align:left;
	font-size: 13px;
}
input[type="submit"], input[type="reset"], input[type="button"] {
letter-spacing:1px;
cursor:pointer;
color:#000;
background-color:#f6ce39;
border-radius:25px;
width:200px;
height:40px;
font-weight:bold;
font-size:12px;
-webkit-appearance:none;
border:none;
margin-bottom: 10px !important;
}

input[type="text"], textarea {
	width:90% !important;
	padding:5px;
	font-size:100%;
	display:block;
}

/*　簡易版レスポンシブ用CSS（必要最低限のみとしています。ブレークポイントも含め自由に設定下さい）　*/
@media screen and (max-width:740px) {
#mailform {
	width:95%;
	margin:0 auto;
}
table.formTable th, table.formTable td {
	width:auto;
	display:block;
}
table.formTable th {
	margin-top:5px;
	border-bottom:0;
}
input[type="text"], textarea {
	width:90% !important;
	padding:5px;
	font-size:100%;
	display:block;
}
input[type="submit"], input[type="reset"], input[type="button"] {
letter-spacing:1px;	
cursor:pointer;
color:#000;
background-color:#f6ce39;
border-radius:25px;
width:300px;
height:40px;
font-weight:bold;
font-size:12px;
-webkit-appearance:none;
border:none;
margin-bottom: 10px;
}
}


.red {color: #FB0101;}


.privacy{
margin-top:30px;
padding:20px 26px;
border:1px solid #ddd;
font-size:12px;
background-color:#fff;
}

.privacy h4{ 
font-size:12px !important;
font-weight:bold;
color:#000;
}


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

#mailform {
	width: 90%;
}
	
#mailform input[type=text] {
	width: 100%;
}
	
#mailform textarea[name=contact] {
	width: 100%;
}
	
#mailform label {
	width: 300px;
	padding-left: 0px;
}

}