@charset "utf-8";




@media screen and (min-width:768px){
/*pc・タブレットcss*/

#tel-contact{
	margin-bottom:120px;
}
#tel-contact .tel-fax-box{
	padding:50px;
	text-align:center;
	background:#F8F8F8;
}
#tel-contact .tel-fax-no{
	font-size:36px;
	line-height:1.3;
	letter-spacing:0.1em;
	font-family: "Oswald", serif;
	font-weight:500;
	color:#0C3972;
}	
#tel-contact .tel-fax-no a{
	text-decoration:none;
	color:#0C3972;
}	
#tel-contact .time{
	margin-bottom:10px;
	color:#0C3972;
	font-size:18px;
}	
#tel-contact .address{
	color:#0C3972;
}	

/* +++++++++++++++++++ */

#mail-contact{
	margin-bottom:120px;
}
#contact-form{
	width:100%;
	border-collapse:collapse;
	margin:0 auto 30px;
}
#contact-form th,
#contact-form td{
	padding:30px;
	vertical-align:top;
}
#contact-form th{
	width:30%;
}
#contact-form td{
	width:70%;
}
#contact-form th{
}
#contact-form td{
}
#contact-form tr:nth-child(even) th,
#contact-form tr:nth-child(even) td{
	background-color:#F8F8F8;
}

#contact-form input[type="text"],
#contact-form input[type="email"],
#contact-form input[type="tel"],
#contact-form textarea,
#contact-form select {
    padding: 30px 20px;
    border: solid 1px #ddd;
    box-sizing: border-box;
    width: 100%;
    padding: 15px 15px;
    box-shadow: none;
    border-radius: 0;
    background: #fff;
	font-size:16px;
}
#contact-form input[type="radio"]{
	transform:scale(1.2);
	border: solid 1px #CCCCCC;
	margin-right:0.5em;
}
#contact-form input[type="checkbox"]{
	transform:scale(1.2);
	border: solid 1px #CCCCCC;
}
#contact-form .required-icon{
    display: inline-block;
    padding: 3px 15px;
	margin-left:2em;
	background-color:#D11D23;
    color: #fff;
    font-size: 12px;
	line-height:1;
}
#contact-form textarea {
	width:100% !important;
    height: 300px !important;
}
#contact-form input::placeholder,
#contact-form textarea::placeholder {
    color: rgba(0,0,0,.3);
}
.submitbox{
	text-align:center;
	margin-top: 50px;
}
.submitbox button{
	display:inline-block;
	background:#D11D23;
	color:#fff;
	border:0;
	font-size:22px;
	cursor:pointer;
	vertical-align:top;
	width:400px;
	height:90px;
	line-height:90px;
}
#contact-form .request-list li{
	margin-right:2em;
}
#contact-form .privacy-policy-box{
	height:240px;
	overflow-y:scroll;
	margin-bottom:10px;
	padding:20px;
	border: solid 1px #CCCCCC;
	background-color:#fff;
}




}

@media screen and (min-width:768px) and ( max-width:1366px) {
	


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

@media (max-width: 768px) {
		
	#tel-contact{
		margin-bottom:12vw;
	}
	#tel-contact .tel-fax-box{
		padding:5vw;
		text-align:center;
		background:#F8F8F8;
	}
	#tel-contact .tel-fax-no{
		font-size:26px;
		line-height:1.3;
		letter-spacing:0.1em;
		font-family: "Oswald", serif;
		font-weight:500;
		color:#0C3972;
	}	
	#tel-contact .tel-fax-no a{
		text-decoration:none;
		color:#0C3972;
	}	
	#tel-contact .time{
		margin-bottom:2vw;
		color:#0C3972;
		font-size:16px;
	}	
	#tel-contact .address{
		color:#0C3972;
	}	
	
	/* +++++++++++++++++++ */
	
	#mail-contact{
		margin-bottom:12vw;
	}
	
	#contact-form{
		width:100%;
		border-collapse:collapse;
		margin:0 auto;
	}
	#contact-form th,
	#contact-form td{
		display:block;
		padding:3vw;
		vertical-align:top;
	}
	#contact-form th{
		width:100%;
	}
	#contact-form td{
		width:100%;
	}
	#contact-form th{
		background-color:#F8F8F8;
	}
	#contact-form td{
	}
	#contact-form tr:nth-child(even) th,
	#contact-form tr:nth-child(even) td{
	}
	
	#contact-form input[type="text"],
	#contact-form input[type="email"],
	#contact-form input[type="tel"],
	#contact-form textarea,
	#contact-form select {
		padding: 3vw;
		border: solid 1px #ddd;
		box-sizing: border-box;
		width: 100%;
		box-shadow: none;
		border-radius: 0;
		background: #fff;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		font-size:18px;
	}
	#contact-form input#postcode{
		width: 10em;
	}
	
	#contact-form .required-icon{
		display: inline-block;
		padding: 3px 15px;
		margin-left:2em;
		background-color:#D11D23;
		color: #fff;
		font-size: 12px;
		line-height:1;
	}
	#contact-form textarea {
		width:100% !important;
		height: 200px !important;
	}
	#contact-form input::placeholder,
	#contact-form textarea::placeholder {
		color: rgba(0,0,0,.3);
	}
	.submitbox{
		text-align:center;
		margin-top: 5vw;
	}
	.submitbox button{
		display:inline-block;
		background:#D11D23;
		color:#fff;
		border:0;
		font-size:18px;
		cursor:pointer;
		vertical-align:top;
		width:100%;
		height:80px;
		line-height:80px;
	}
	
	#contact-form .request-list li{
		width:100%;
		margin-bottom:2vw;
	}
	#contact-form .privacy-policy-box{
		height:240px;
		overflow-y:scroll;
		margin-bottom:10px;
		padding:20px;
		border: solid 1px #CCCCCC;
		background-color:#fff;
	}
	
}