@charset "utf-8";
/* CSS Document */

/*--Base------------------------------------------------------------*/
html, body { width: 100%; height: 100%; }
html { height: 100%; overflow-y: scroll; }

/*--Reset-----------------------------------------------------------*/
* { margin: 0; padding: 0; }
img { border: none; vertical-align: middle; }
ul,ol { list-style: none; }

/*--clearfix-----------------------------------------------------------*/
.clearfix:before,
.clearfix:after {
	content: " ";
	display: table;
}
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

/*--Text------------------------------------------------------------*/
body {
	font-size: 88%; font-weight: normal; line-height: 1.5;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}
h1,h2,h3,h4,h5,h6 { font-size: 100%; }

/*--Link------------------------------------------------------------*/
a, a:link { color: #0065b2; text-decoration: none; }
a:visited { color: #0065b2; }
a:hover, a:active { text-decoration: none; }
a:focus { outline: none; }

/*--HTML5-----------------------------------------------------------*/
article,aside,details,footer,header,main,menu,nav,section,summary { display: block; }

/*--style----------------------------------------------------------*/
#wrapper {
	width: 100%;
	background: url(../images/body_bg.jpg) no-repeat center top;
}

/*--header----------------------------------------------------------*/
#header {
	width: 100%;
}
#header header {
	padding-top: 120px;
	text-align: center;
}
#header header p {
	margin-top: 60px;
}

/*--footer----------------------------------------------------------*/
#footer {
	width: 100%;
	margin-top: 40px;
	background-color: #0065b2; 
}
#footer footer {
	padding: 15px 0; 
}
#footer footer p {
	text-align: center;
	font-size: 16px;
	color: #FFF;
}

#header header,
#contents,
#footer footer {
	width: 100%;
	max-width: 960px;
	margin: 0 auto;
}

/*--section----------------------------------------------------------*/
section h1 {
	font-size: 32px;
	line-height: 28px;
	text-align: center;
	font-weight: normal;
	color: #0065b2;
	position: relative;
}
section h1:before {
  content: " ";
	width: 391px;
	height: 24px;
	position: absolute;
	left: 0;
	top: 0;
	background: url(../images/ttl_left.png) no-repeat left top;
}
section h1:after {
  content: " ";
	width: 391px;
	height: 24px;
	position: absolute;
	right: 0;
	top: 0;
	background: url(../images/ttl_right.png) no-repeat right top;
}

#summary, #business, #contact {
	margin: 80px auto 0;
}

/* #summary */
#summary dl {
	max-width: 685px;
	margin: 35px auto 0;
}
#summary dl dt,
#summary dl dd {
	padding: 15px 0 10px;
	font-size: 24px;
	line-height: 1.4;
	border-top: #0065b2 1px dashed;
}
#summary dl dt:first-child,
#summary dl dt:first-child + dd {
	border-top: none;
}
#summary dl dt {
	width: 162px;
	float: left;
}
#summary dl dd { margin-left: 162px; }

/* #business */
#business ul {
	margin: 40px auto 0;
	display: table;
}
#business ul li {
	font-size: 24px;
	line-height: 1.4;
	padding-left: 25px;
	position: relative;
}
#business ul li:before {
	content: "・";
	top: 0;
	left: 0;
	position: absolute;
}

/* #contact */
#contact {
	text-align: center;
	color: #0065b2;
}
#contact dl dt {
	margin-top: 30px;
	padding-left: 40px;
	font-size: 24px;
	line-height: 35px;
	position: relative;
	display: inline-block;
}
#contact dl dt.tel_ttl:before {
  content: " ";
	width: 32px;
	height: 32px;
	position: absolute;
	left: 0;
	top: 0;
	background: url(../images/icon_tel.png) no-repeat left top;
}
#contact dl dt.mail_ttl:before {
  content: " ";
	width: 32px;
	height: 28px;
	position: absolute;
	left: 0;
	top: 0;
	background: url(../images/icon_mail.png) no-repeat left top;
}
#contact dl dd {
	font-size: 48px;
	font-weight: bold;
}
#contact dl dd .receipt {
	font-size: 24px;
	font-weight: normal;
}

/*================================================
 *  タブレット
 ================================================*/
@media screen and (max-width:960px) {
	/* section */
	section h1 {
		line-height: 20px;
	}
	section h1:before,
	section h1:after {
		background-size: auto 18px;
	}
}

/*================================================
 *  スマートフォン用
 ================================================*/
@media screen and (max-width:640px) {
	img { zoom: .5; }

	#wrapper {
		background-size: auto 185px;
	}

	/* #header */
	#header header {
		padding-top: 60px;
	}
	#header header p {
		margin-top: 30px;
	}

	/* #footer */
	#footer {
		margin-top: 20px;
	}
	#footer footer {
		padding: 10px 0; 
	}
	#footer footer p {
		font-size: 0.8em;
	}
	
	/* section */
	section h1 {
		font-size: 1.2em;
		line-height: 12px;
	}
	section h1:before,
	section h1:after {
		width: 195px;
		height: 12px;
		background-size: auto 8px;
	}

	#summary, #business, #contact {
		margin-top: 40px;
	}

	/* #summary */
	#summary dl {
		margin: 15px 10px 0;
	}
	#summary dl dt,
	#summary dl dd {
		padding: 10px 0;
		font-size: 1em;
	}
	#summary dl dt {
		width: 94px;
	}
	#summary dl dd {
		margin-left: 94px;
	}
	
	/* #business */
	#business ul {
		margin-top: 20px;
	}
	#business ul li {
		font-size: 1em;
		padding-left: 15px;
	}
	
	/* #contact */
	#contact dl {
		margin: 10px 10px 0;
	}
	#contact dl dt {
		margin-top: 20px;
		padding-left: 20px;
		font-size: 1.3em;
		line-height: 15px;
	}
	#contact dl dt.tel_ttl:before {
		width: 16px;
		height: 16px;
		background-size: auto 100%;
	}
	#contact dl dt.mail_ttl:before {
		width: 16px;
		height: 14px;
		background-size: auto 100%;
	}
	#contact dl dd {
		font-size: 1.8em;
	}
	#contact dl dd .receipt {
		font-size: 0.6em;
	}
}