@charset "UTF-8";
/*--------------------------------------------------
**************************************************
  PC用
**************************************************
--------------------------------------------------*/
@media screen and (min-width: 768px) {
	
	.contact h1{
		font-size:40px;
	}
	.contact .tel_box,
	.contact .form_box{
		width:900px;
		margin-left:auto;
		margin-right:auto;
		padding:20px 0;
		border:#0057b8 2px solid;
		border-radius:10px;
	}
	.contact .tel_box p:nth-child(1){
		font-size:20px;
	}
	.contact .tel_box .contact_us span{
		padding:2px 40px;
		background-color:#0057b8;
		border-radius:20px;
		font-size:14px;
	}
	.contact .tel_box .tel_number a{
		line-height:1;
		padding-left:50px;
		background:url(../imgs/other/pc/icon-tel_2.png) no-repeat left center;
		background-size:41px;
		font-size:40px;
		color:#0057b8 !important;
		letter-spacing:0 !important;
	}
	.contact .tel_box .reception_time{
		font-size:14px;
	}
	.contact .tel_box .chat a{
		display:inline-block;
		padding:50px 30px 10px;
		background:#0057b8 url(../imgs/other/pc/icon-chat.png) no-repeat center 8px;
		background-size:40px;
		border-radius:10px;
		font-size:16px;
		color:#fff;
	}
	.contact .form_box{
		position:relative;
		padding:50px 3%;
		background-color:#fff;
	}
	.contact .form_box dl{
		width:100%;
		padding-bottom:40px;
		border-bottom:#e5e5e5 1px solid;
	}
	.contact .form_box dl dt{
		font-family:TBUDGothic E;
		font-size:16px;
		font-weight:700;
	}
		.contact .form_box dl dt:not(:first-child){
			margin-top:40px;
		}
	.contact .form_box dl dt span{
		vertical-align:middle;
		margin-left:15px;
		padding:0 10px;
		border-radius:5px;
		font-size:14px;
	}
	.contact .form_box dl dt .must{
		border:#0057b8 1px solid;
		color:#0057b8;
	}
	.contact .form_box dl dt .option{
		border:#333 1px solid;
		color:#333;
	}
	.contact .form_box dl dd{
		margin-top:10px;
	}
	.contact .form_box dl dd input:not([type="submit"]),
	.contact .form_box dl dd select,
	.contact .form_box dl dd textarea{
		padding:10px;
		background-color:#ebebeb;
		border:#9a9a9a 1px solid;
		border-radius:5px;
		font-size:15px;
	}
	.contact .form_box dl dd ul li{
		margin:10px 0;
	}
	.contact .form_box dl dd ul li input + label{
		font-size:15px;
	}
	.contact .form_box dl dd input[name="name"]{
		width:40%;
	}
	.contact .form_box dl dd input[name="tel"]{
		width:30%;
	}
	.contact .form_box dl dd input[name="email"]{
		width:100%;
	}
	.contact .form_box dl dd input[name="address"]{
		width:100%;
	}
	.contact .form_box dl dd .hope_year{
		width:100px;
	}
	.contact .form_box dl dd .hope_month,
	.contact .form_box dl dd .hope_day{
		width:70px;
	}
	.contact .form_box dl dd textarea{
		max-width:830px;
		width:100%;
	}
	.contact .form_box dl dd input[type="file"]{
		margin-left:10px;
	}
	.contact .form_box input[type="submit"]{
		cursor:pointer;
		padding:10px 100px;
		background-color:#0057b8;
		border-radius:30px;
		font-size:16px;
		color:#fff;
	}

	.contact .form_box .error{
		margin-bottom:20px;
		color:#ff0000;
	}
	


}/* End PC */



/*--------------------------------------------------
**************************************************
  SP用
**************************************************
--------------------------------------------------*/
@media screen and (max-width: 767px) {
	
	.contact h1{
		font-size:28px;
	}
	.contact .tel_box,
	.contact .form_box{
		width:100%;
		margin-left:auto;
		margin-right:auto;
		padding:20px 0;
		border:#0057b8 2px solid;
		border-radius:10px;
	}
	.contact .tel_box p:nth-child(1){
		font-size:15px;
	}
	.contact .tel_box .contact_us span{
		padding:5px 20px;
		background-color:#0057b8;
		border-radius:20px;
		font-size:12px;
	}
	.contact .tel_box .tel_number a{
		line-height:1;
		padding-left:40px;
		background:url(../imgs/other/sp/icon-tel_2.png) no-repeat left center;
		background-size:30px;
		font-size:29px;
		color:#0057b8 !important;
		letter-spacing:0 !important;
	}
	.contact .tel_box .reception_time{
		font-size:12px;
	}
	.contact .tel_box .chat a{
		display:inline-block;
		padding:45px 15px 10px;
		background:#0057b8 url(../imgs/other/sp/icon-chat.png) no-repeat center 5px;
		background-size:35px;
		border-radius:10px;
		font-size:14px;
		color:#fff;
	}
	.contact .form_box{
		position:relative;
		padding:20px 5% 30px;
		background-color:#fff;
	}
	.contact .form_box dl{
		width:100%;
		padding-bottom:30px;
		border-bottom:#e5e5e5 1px solid;
	}
	.contact .form_box dl dt{
		font-family:TBUDGothic E;
		font-size:16px;
		font-weight:700;
	}
		.contact .form_box dl dt:not(:first-child){
			margin-top:40px;
		}
	.contact .form_box dl dt span{
		vertical-align:middle;
		margin-left:15px;
		padding:0 10px;
		border-radius:5px;
		font-size:14px;
	}
	.contact .form_box dl dt .must{
		border:#0057b8 1px solid;
		color:#0057b8;
	}
	.contact .form_box dl dt .option{
		border:#333 1px solid;
		color:#333;
	}
	.contact .form_box dl dd{
		margin-top:10px;
	}
	.contact .form_box dl dd input:not([type="submit"]),
	.contact .form_box dl dd select,
	.contact .form_box dl dd textarea{
		padding:10px;
		background-color:#ebebeb;
		border:#9a9a9a 1px solid;
		border-radius:5px;
		font-size:16px;
	}
	.contact .form_box dl dd ul li{
		margin:10px 0;
	}
	.contact .form_box dl dd ul li input + label{
		font-size:15px;
	}
	.contact .form_box dl dd input[name="name"],
	.contact .form_box dl dd input[name="tel"],
	.contact .form_box dl dd input[name="email"],
	.contact .form_box dl dd input[name="address"]{
		width:100%;
	}
	.contact .form_box dl dd input[name="budget"]{
		width:30%;
	}
	.contact .form_box dl dd .hope_year,
	.contact .form_box dl dd .hope_month,
	.contact .form_box dl dd .hope_day,
	.contact .form_box dl dd .hope_time{
		margin:10px 0;
	}
	.contact .form_box dl dd textarea{
		width:100%;
	}
	.contact .form_box dl dd input[type="file"]{
		width:100%;
	}
	.contact .form_box input[type="submit"]{
		display:block;
		width:100%;
		padding:10px 0;
		background-color:#0057b8;
		border-radius:30px;
		font-size:16px;
		color:#fff;
	}

	.contact .form_box .error{
		margin-bottom:20px;
		color:#ff0000;
	}
	

}/* End SP */