@charset "utf-8";

/**
 *
 *  ページ用CSS
 *　contact
 */

/*--------------------------------------------------------------------------
   Overwright
---------------------------------------------------------------------------*/



/*--------------------------------------------------------------------------
   Content
---------------------------------------------------------------------------*/

/* contact
-----------------------------------------------------------------*/
.contact{
	padding: 145px 0 185px;
}
.contact .layout-box{
	margin-bottom: 60px;
}
.contact .layout-box > div{
	max-width: 580px;
	width: calc(50% - 5px);
	padding: 30px 3% 50px;
	background: #fff;	
}
.contact .layout-box > div h3{
	padding-bottom: 10px;
	border-bottom: 1px solid #d9d9d9;
	font-size: 2.4rem;
	line-height: 1.2;
	text-align: center;
}
.contact .layout-box > div .tel,
.contact .layout-box > div .fax{
	text-align: center;
	font-size: 3.5rem;
	line-height: 1.1;
	font-weight: bold;
}
.contact .layout-box > div .tel{
	margin-top: 35px;
}
.contact .layout-box > div .tel a{
	padding-left: 40px;
	background: url(../img/common/ico_phone.svg) no-repeat left 8px center;
	background-size: 20px auto;
}
.contact .layout-box > div .fax span{
	padding-left: 40px;
	background: url(../img/common/ico_fax.svg) no-repeat left center;
	background-size: 28px auto;
}
.contact .layout-box > div .businesshour{
	margin-bottom: 15px;
	text-align: center;
}
.contact .layout-box > div .btn-base{
	margin-top: 70px;
}
.contact .layout-box > div .btn-base a{
	max-width: 400px;
	margin: 0 auto;
}
.contact .note{
	line-height: 1.5;
}
















/*--------------------------------------------------------------------------
   mobile
---------------------------------------------------------------------------*/
@media screen and (max-width: 768px) {

	.page-ttl .ja{
		font-size: 2.8em;
	}

/* contact
-----------------------------------------------------------------*/
	.contact{
		padding: 60px 0 80px;
	}
	.contact .layout-box{
		display: block;
		margin-bottom: 30px;
	}
	.contact .layout-box > div{
		width: 100%;
		margin: 0 auto;
		padding: 20px 20px 35px;
	}
	.contact .layout-box > div:nth-child(n+2){
		margin-top: 30px;
	}
	.contact .layout-box > div h3{
		font-size: 2rem;
	}
	.contact .layout-box > div .tel,
	.contact .layout-box > div .fax{
		font-size: 3rem;
	}
	.contact .layout-box > div .tel{
		margin-top: 25px;
	}
	.contact .layout-box > div .tel a{
		padding-left: 37px;
		background: url(../img/common/ico_phone.svg) no-repeat left 8px center;
		background-size: 20px auto;
	}
	.contact .layout-box > div .fax span{
		padding-left: 37px;
		background: url(../img/common/ico_fax.svg) no-repeat left center;
		background-size: 28px auto;
	}
	.contact .layout-box > div .businesshour{
		margin-bottom: 10px;
	}
	.contact .layout-box > div .btn-base{
		margin-top: 30px;
	}
	.contact .layout-box > div .btn-base a{
		font-size: 1.4rem;
	}
	.contact .note{
		font-size: 1.3rem;
	}



}