@charset "utf-8";
/*-------- this page css --------*/

/* モバイルレイアウト : 480 px およびそれ以下. */

/* --------------------------------------------------------
main  -  section
-------------------------------------------------------- */

h4{
	margin:10% 0 0;
	padding:0;
	color:#234D95;
	font-family: "游ゴシック";
	font-size:16px;
	line-height:69px;
	overflow:hidden;
}

.contactBox{
	margin:5% 0 0;
}

.contactBox ul{ clear: both; float:none; margin:0 0 5%; padding:0; list-style:none; overflow:hidden;}
.contactBox li:first-child{
	background:#E8B233;
	clear:none;
	float:left;
	margin:0 1% 0 0;
	padding:1% 2%;
	width:20%;
	color:#FFF;
	text-align:center;
}

.contactBox li:last-child{
	clear:none;
	float:right;
	font-weight:bold;
	line-height:33px;
	width:74%;
}

.fontN{ font-size:15px; font-weight:normal; line-height:25px;}


/* タブレットレイアウト : 768 px～。モバイルレイアウトからスタイルを継承。 */

@media print, screen and (min-width: 768px) {

/* --------------------------------------------------------
main  -  section
-------------------------------------------------------- */

h4{
	margin:0;
	padding:0;
	font-size:18px;
	line-height:69px;
}

.contactBox{
	margin:20px 0 50px;
	overflow:hidden;
}

.contactBox ul{ clear:none; float:left; margin:0 0 20px; padding:0; width:400px; height:60px;}
.contactBox li:first-child{
	margin:0 5px 0 0;
	padding:5px 10px;
	width:60px;
}

.contactBox li:last-child{
	clear:none; float:left;
	width:300px;
}



/* デスクトップレイアウト : 769 px ～最大 1232 px。モバイルレイアウトとタブレットレイアウトからスタイルを継承。 */

@media print, screen and (min-width: 769px) {}