@charset "utf-8";
@import url(reset.css);
@import url(base.css);
@import url(common.css);

body,
#wrap {
	overflow-x:hidden;
}


#container h2 ul {
	text-align:center;
}

#container h2 ul li {
	display:inline-block;
	margin-right:5px;
}

#container h2 ul li:last-child {
	margin-right:0;
}


/*-------------------------------------------------------------------
	support
-------------------------------------------------------------------*/

#support {
	position:relative;
}

#support .read {
	text-align:center;
	background:url(../image/reception/rece_line.png) bottom center no-repeat;
	padding:0 0 40px;
	margin:0 0 30px;
	font-size:1.3em;
}

#support .read dt {
	font-weight:500;
	line-height:1.4;
	margin:0 0 20px;
}

#support .read dd {
	line-height:2.0;
}

#support h3 {
	text-align:center;
	line-height:1.0;
	margin:0 0 30px;
	font-weight:500;
	font-size:1.3em;
}

#support h4 {
	text-align:center;
	line-height:1.0;
	margin:0 0 40px;
	font-weight:500;
	font-size:1.3em;
}

#support h3 span {
	display:inline-block;
	vertical-align:middle;
}

#support h3 span.blue {
	margin-right:5px;
	padding:10px;
	color:#FFF;
	background:#0083c6;
	border-radius:7px;
}

#support h4 span {
	display:inline-block;
	padding:10px 0;
	width:280px;
	text-align:center;
	color:#FFF;
	background:#0083c6;
	border-radius:7px;
}

#support .center {
	text-align:center;
	margin:0 0 30px;
}

#support .contbox {
	text-align:center;
	padding:0 0 20px;
}

#support .contbox dl {
	display:inline-block;
	text-align:center;
	border:2px solid #33ccff;
	border-radius:7px;
	padding:15px 20px;
	width:460px;
}

#support .contbox dl dt {
	font-size:1.3em;
	font-weight:500;
	line-height:1.0;
	padding:0 0 15px;
	border-bottom:2px solid #33ccff;
	margin-bottom:5px;
}

#support .contbox dl dd.tel {
	color:#33ccff;
	font-size:1.2em;
}

#support .contbox dl dd.tel span {
	font-size:1.8em;
}

#support .catbox {
	margin:60px 0 0;
}


#support .catbox .extxt {
	margin:0 0 20px;
}


#support table {
	width:100%;
}

#support table.main {
	margin:0 0 10px;
}

#support table.main th,
#support table.main td,
#support table.time th,
#support table.time td {
	border:1px solid #33ccff;
}

#support table.main th {
	text-align:center;
	font-weight:300;
	vertical-align:middle;
	width:20%;
	border-right:none;	
}

#support table.time th {
	text-align:center;
	font-weight:300;
	vertical-align:middle;
	width:20%;
	background:#33ccff;
	color:#fff;
}

#support table.time td  {
	padding:15px 3%;
}

#support table.main td table.sub td  {
	padding:15px 3%;
	width:40%;
	border:none;
	border-bottom:1px solid #33ccff;
}

#support table.main td table.sub tr:last-child td {
	border-bottom:none;
}

#support table.main td table.sub td:first-child {
	border-right:1px solid #33ccff;
}


#support .caution {
	margin:10px 0 0;
}

/*===============================================
  画面の横幅が1450px以下に適用
===============================================*/
@media screen and (max-width: 1450px) {
	
	
}

/*===============================================
  画面の横幅が1024px以下に適用
===============================================*/
@media screen and (max-width: 1024px) {
	
	
}

/*===============================================
  画面の横幅が768px以下に適用
===============================================*/
@media screen and (max-width: 768px){
	
	
	#support {
		position:relative;
	}
	

	#support h3 {
		font-size:1.0em;
	}
	
	#support h4 {
		font-size:1.1em;
	}
	
	#support h3 span {
		margin-bottom:10px;
	}
	
	#support h3 span.blue {
		margin-right:1%;
		padding:10px 3%;
	}
	
	#support h4 span {
		width:80%;
	}
	
	#support .contbox {
		text-align:center;
		margin:0 0 60px;
	}
	
	#support .contbox dl {
		padding:3% 5%;
		width:auto;
	}
	
	#support .contbox dl dt {
		font-size:1.1em;
	}
	
	
}

/*===============================================
  画面の横幅が640px以下に適用
===============================================*/
@media screen and (max-width: 640px){
	
	#support .read {
		font-size:1.0em;
	}
	
	#support .read dt {
		font-size:1.2em;
		line-height:1.5;
	}

	#support .read dd {
		line-height:1.8;
	}
	
	#container h2 ul li {
		margin:0 0 10px;
	}
	
	#container h2 ul li img {
		max-width:40px;
	}
	
	#support h4 {
		margin:0 0 30px;
	}
	
	/*#support table {
		margin:0 0 40px;
		font-size:0.9em;
	}*/
	
	#support .contbox dl dd.tel a {
		color:#33ccff;
	}

}