@charset "UTF-8";

/* !HTML5 elements ---------------------------------------------------------- */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section
{ display: block;}

/* !Reseting ---------------------------------------------------------------- */
body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, Meiryo, メイリオ,　sans-serif;
	font-size: 13px; /* 11px; */
	-webkit-text-size-adjust: none;
	line-height: 1.6;
	color: #444;
}
/* ie7 */ *:first-child+html body { font-size: 82%; /* 69%; */}
/* ie6Below */ * html body { font-size:82%; /* font-size: 69%; */}
/* ie8 */ html>/**/body { font-size /*\**/: 82%\9;}
body, div, pre, p, blockquote, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, th, td
{ margin: 0; padding: 0;}
input, textarea
{ margin: 0; font-size: 100%;}
label
{ cursor: pointer;}
table
{ border-collapse: collapse; border-spacing: 0; font-size: 100%;}
fieldset, img
{ border: 0;}
img
{ vertical-align: middle;}
address, caption, cite, code, dfn, em, th, var
{ font-style: normal; font-weight: normal;}
ol, ul
{ list-style: none;}
caption, th
{ text-align: left;}
h1, h2, h3, h4, h5, h6
{ font-size: 100%; font-weight: normal;}
q:after, q:before
{ content:'';}
a, input
{ /* outline: none; */ }
abbr, acronym
{ border: 0;}

/* !Reset Module ------------------------------------------------------------ */
.reset div, .reset dl, .reset dt, .reset dd, .reset ul, .reset ol, .reset li, .reset h1, .reset h2, .reset h3, .reset h4, .reset h5, .reset h6,
.reset pre, .reset form, .reset fieldset, .reset p, .reset blockquote, .reset th, .reset td
{ margin: 0; padding: 0;}
.reset input, .reset textarea
{ margin: 0; font-size: 100%;}
.reset table
{ border-collapse: collapse; border-spacing: 0; font-size: 100%;}
.reset fieldset, .reset img, .reset abbr, .reset acronym
{ border: 0;}
.reset address, .reset caption, .reset cite, .reset code, .reset dfn, .reset em, .reset th, .reset var
{ font-style: normal; font-weight: normal;}
.reset ol, .reset ul
{ list-style: none;}
.reset caption, .reset th
{ text-align: left;}
.reset h1, .reset h2, .reset h3, .reset h4, .reset h5, .reset h6
{ font-size: 100%; font-weight: normal;}
.reset a, .reset input
{ /* outline: none; */ }
.reset q:after, .reset q:before
{ content:'';}

input,
textarea,
select {
    font-size: 16px;
}

/* !Clearfix ---------------------------------------------------------------- */
.clearfix,
#contents,
#header,
.inner,
.sectionOutline dl
{
	display: block;
	min-height: 1%;
}
.clearfix:after,
#contents:after,
#header:after,
.inner:after,
.sectionOutline dl:after
{
	clear: both;
	content:".";
	display: block;
	height: 0;
	visibility: hidden;
}
* html .clearfix,
* html #contents,
* html #header,
* html .inner,
* html .sectionOutline dl
{
	height: 1%;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}

/* !Layout ------------------------------------------------------------------ */
html { overflow-y: scroll;}
body { text-align: center; background: #fff;}

/* !Define mobile styles
---------------------------------------------------------- */
* {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
img {
	max-width: 100%;
	height: auto;
}

/* !Wrapper
---------------------------------------------------------- */
#wrapper {
	margin: 0 auto;
	width: 100%;
	text-align: left;
}

/* !Header
---------------------------------------------------------- */
#header {
	width: 100%;
	height: 50px;
	margin: 0 auto;
	background: #fff;
	border-bottom: #ccc solid 1px;
}
	#headerLogo {
		float: left;
		margin: 14px 10px;
	}
		#headerLogo img { width: 160px;}
	.contact { display: none;}

/* !Contents
---------------------------------------------------------- */
#contents { text-align: left;}
.inner { margin: 15px;}

	.intro {
		position: relative;
		background: url(../img/pic_main.jpg) top center no-repeat;
		background-size: 100% auto;
		height: 128px;
		padding: 24px 0 0;
	}
		.intro p {
			width: 150px;
			height: 80px;
			padding: 10px;
			text-align: center;
			background-color: #009fe1;
			filter: alpha(opacity=70);
			-moz-opacity: 0.7;
			-khtml-opacity: 0.7;
			background-color: rgba(0,159,225,0.7);
		}
			.intro p img { height: 60px;}
	.pageNavi {
		text-align: center;
		margin: 20px 0;
	}
		.pageNavi li { display: inline-block;}
		.pageNavi li:nth-child(2) {
			border: #9ddaf3 solid;
			border-width: 0 1px;
			display: inline-block;
			padding: 0 2px;
		}
			.pageNavi li a {
				padding: 5px 13px;
				display: block;
				font-size: 85%;
				color: #009fe1;
			}
.sectionOutline,
.sectionVoice {
	border-top: #009fe1 solid 2px;
	margin: 0 0 40px;
	padding: 8px 15px;
}
	.sectionOutline h2,
	.sectionVoice h2 {
		font-size: 136%;
		font-weight: bold;
		margin: 0 0 10px;
	}
		.sectionOutline h2 span,
		.sectionVoice h2 span {
			font-size: 62%;
			font-weight: normal;
			color: #999;
			letter-spacing: 1px;
		}
	.boxType01 {
		background: #eee;
		padding: 10px 15px;
		margin: 0 0 10px;
		font-size: 93%;
		line-height: 1.8;
		color: #000;
	}
	.sectionOutline dl {
		padding: 10px 0;
		border-bottom: #eee solid 1px;
	}
		.sectionOutline dt {
			font-weight: bold;
			margin: 0 0 3px;
		}
		.sectionOutline dd {
			font-size: 93%;
			line-height: 1.4;
		}
			.sectionOutline dd ul li { padding: 0 0 3px 13px;}
			.sectionOutline dd ul li:before {
				content: "・";
				margin: 0 0 0 -12px;
			}
	.notes {
		margin: 10px 0 0;
		color: #999;
		font-size: 85%;
	}
	.textType01 {
		color: #009fe1;
		font-weight: bold;
		font-size: 124%;
		line-height: 1.4;
	}
	.sectionVoice ul {}
		.sectionVoice li {
			margin: 15px 0;
			padding: 0 0 0 25px;
			min-height: 55px;
		}
		.humanType01 {
			background: url(../img/ico_voice01.png) 5px 5px no-repeat;
			background-size: auto 50px;
		}
		.humanType02 {
			background: url(../img/ico_voice02.png) 5px 5px no-repeat;
			background-size: auto 50px;
		}
		.humanType03 {
			background: url(../img/ico_voice03.png) 5px 5px no-repeat;
			background-size: auto 50px;
		}
			.sectionVoice dl {
				padding: 10px;
				margin: 0 0 0 10px;
				background: #f9f3e9;
			}
			.sectionVoice dl:before {
				content: "";
				display: inline-block;
				border: 8px solid transparent;
				margin: 0 0 0 -25px;
				transform: rotate(90deg);
				-moz-transform: rotate(90deg);
				-webkit-transform: rotate(90deg);
				-o-transform: rotate(90deg);
				-ms-transform: rotate(90deg);
				border-top-color: #f9f3e9;
			}
				.sectionVoice li dl dt {
					line-height: 1.4;
					color: #000;
					margin: -20px 0 0;
				}
				.sectionVoice li dl dd {
					text-align: right;
					font-size: 85%;
					color: #666;
				}

.btnType01 {}
	.btnType01 a {
		width: 80%;
		display: block;
		background: #009fe1;
		border-radius: 10px;
		color: #fff;
		padding: 20px;
		margin: 20px auto;
		text-align: center;
		font-size: 124%;
		font-weight: bold;
	}
	.btnType01 a:hover,
	.btnType01 a:active,
	.btnType01 a:focus { color: #fff;}


.dnSP { display: none;}
.dnPC {}

/* !footer
---------------------------------------------------------- */
#footer {
	width: 100%;
	margin: 0 auto;
}
	.pageTop01 {
		text-align: center;
		margin: 20px 0;
	}
		.pageTop01 a,
		.pageTop01 a:hover,
		.pageTop01 a:active,
		.pageTop01 a:focus { color: #666; font-size: 93%;}
		.arrow {
			display: block;
			width: 15px;
			height: 15px;
			margin: 0 auto 3px;
			background-color: transparent;
			border-top: 2px solid #009fe1;
			border-left: 2px solid #009fe1;
			transform: rotate(45deg);
			-moz-transform: rotate(45deg);
			-webkit-transform: rotate(45deg);
			-o-transform: rotate(45deg);
			-ms-transform: rotate(45deg);
		}
	.pageTop02 { display: none;}
	#copyright {
		border-top: #ccc solid 1px;
		padding: 15px 10px;
		text-align: center;
	}
		.textType02 {
			color: #000;
			font-size: 93%;
			line-height: 1.4;
			font-weight: bold;
		}
			.textType02 span {
				font-size: 85%;
				font-weight: normal;
			}
		.textType03 {
			color: #999;
			font-size: 70%;
			line-height: 1.4;
		}
		#copyright p { margin: 0 0 10px;}
		#copyright p:last-child { margin: 0;}
		#footerLogo { padding: 0 0 10px;}
			#footerLogo img { width: 120px;}

@media only screen and (min-width: 375px) and (max-width: 640px) {
	.intro {
		height: 150px;
		padding: 30px 0 0;
	}
		.intro p {
			width: 180px;
			height: 90px;
		}
			.intro p img { height: 70px;}
}

/* !Medium screens, min-width 641px
---------------------------------------------------------- */
@media only print, screen and (min-width: 40.063em) {

/* !wrapper
---------------------------------------------------------- */
#wrapper {
	margin: 0 auto;
	width: 140%;
	text-align: left;
}

/* !header
---------------------------------------------------------- */
#header {
	width: 100%;
	height: 100px;
	margin: 0 auto;
	background: #fff;
	border-bottom: #009fe1 solid 3px;
	padding: 16px 20px 0;
}
	#headerLogo {
		float: left;
		margin: 2px 0 0;
	}
		#headerLogo img { width: 180px;}
	.contact {
		display: inherit;
		float: right;
		white-space: nowrap;
	}
		.contact dt {
			background: #009fe1;
			color: #fff;
			font-size: 131%;
			padding: 2px 10px;
			margin: 0 15px 0 0;
			float: left;
		}
		.contact dd {
			padding: 2px 0;
			font-size: 147%;
			font-weight: bold;
			float: left;
		}
			.contact dd span {
				font-size: 85%;
				font-weight: normal;
			}
		.contact dd:last-child {
			padding: 3px 0 0;
			width: 100%;
			font-size: 177%;
			float: none;
			clear: both;
		}

/* !contents
---------------------------------------------------------- */
.inner {
	width: 1000px;
	margin: auto;
}

	.intro {
		height: 400px;
		padding: 90px 0 0;
	}
		.intro p {
			width: 410px;
			height: 220px;
			padding: 30px;
			margin: 0 0 0 40px;
		}
			.intro p img { height: 160px;}
	.pageNavi {
		text-align: center;
		margin: 50px 0;
	}
		.pageNavi li { display: inline-block; width: 30%;}
		.pageNavi li:nth-child(2) {
			border: none;
			display: inline-block;
			padding: 0;
			margin: 0 10px;
		}
			.pageNavi li a {
				padding: 0;
				display: block;
				font-size: 147%;
				color: #009fe1;
				border: #9ddaf3 solid 1px;
				height: 60px;
				line-height: 60px;
				border-radius: 30px;
			}
.sectionOutline,
.sectionVoice {
	border-top: #009fe1 solid 3px;
	margin: 0 0 60px;
	padding: 20px 30px;
}
	.sectionOutline h2,
	.sectionVoice h2 {
		font-size: 231%;
		font-weight: bold;
		margin: 0 0 40px;
	}
		.sectionOutline h2 span,
		.sectionVoice h2 span {
			font-size: 50%;
			font-weight: normal;
			color: #999;
			letter-spacing: 1px;
		}
	.boxType01 {
		background: #eee;
		padding: 15px 30px;
		margin: 0 0 20px;
		font-size: 139%;
		line-height: 1.8;
		color: #000;
	}
	.sectionOutline dl {
		padding: 10px 0;
		border-bottom: #eee solid 1px;
	}
		.sectionOutline dt {
			font-weight: bold;
			margin: 0 0 3px;
			font-size: 154%;
		}
		.sectionOutline dd {
			font-size: 147%;
			line-height: 1.4;
		}
			.sectionOutline dd ul li { padding: 0 0 3px 13px;}
			.sectionOutline dd ul li:before {
				content: "・";
				margin: 0 0 0 -12px;
			}
	.notes {
		margin: 10px 0 0;
		color: #999;
		font-size: 124%;
		text-align: right;
	}
	.textType01 {
		color: #e97;
		font-weight: bold;
		font-size: 231%;
		line-height: 1.4;
		text-align: center;
	}
	.sectionVoice ul {}
		.sectionVoice li {
			width: 950px;
			margin: 30px auto;
			padding: 25px 50px  25px 100px;
			min-height: 140px;
			border: #ddd solid 1px;
			border-radius: 10px;
		}
		.humanType01 {
			background: url(../img/ico_voice01.png) 50px center no-repeat;
			background-size: auto 100px;
		}
		.humanType02 {
			background: url(../img/ico_voice02.png) 50px center no-repeat;
			background-size: auto 100px;
		}
		.humanType03 {
			background: url(../img/ico_voice03.png) 50px center no-repeat;
			background-size: auto 100px;
		}
			.sectionVoice dl {
				padding: 15px 25px;
				margin: 0 0 0 25px;
				background: #f9f3e9;
			}
			.sectionVoice dl:before {
				content: "";
				display: inline-block;
				border: 20px solid transparent;
				margin: 0 0 0 -60px;
				transform: rotate(90deg);
				-moz-transform: rotate(90deg);
				-webkit-transform: rotate(90deg);
				-o-transform: rotate(90deg);
				-ms-transform: rotate(90deg);
				border-top-color: #f9f3e9;
			}
				.sectionVoice li dl dt {
					line-height: 1.4;
					color: #000;
					margin: -25px 0 20px;
					font-size: 162%;
				}
				.sectionVoice li dl dd {
					text-align: right;
					font-size: 131%;
					color: #666;
				}

.btnType01 {}
	.btnType01 a {
		width: 40%;
		display: block;
		background: #009fe1;
		border-radius: 10px;
		color: #fff;
		padding: 30px;
		margin: 50px auto;
		text-align: center;
		font-size: 200%;
		font-weight: bold;
	}
	.btnType01 a:hover,
	.btnType01 a:active,
	.btnType01 a:focus { color: #fff;}


.dnSP { display: inline;}
.dnPC { display: none;}

/* !footer
---------------------------------------------------------- */
#footer {
	width: 100%;
	margin: 0 auto;
}
	.pageTop01 { display: none;}
	.pageTop02 {
		display: block;
		position: fixed;
		bottom: 30px;
		right: 30px;
		z-index: 9999;
	}
		.pageTop02 a { 
			display: block;
			width: 80px;
			height: 80px;
			border-radius: 80px;
			background: #009fe1 url(../img/ico_arrow02.png) center 28px no-repeat;
			border: #fff solid 1px;
		}
	#copyright {
		border-top: #ccc solid 1px;
		padding: 20px 0;
		text-align: center;
	}
		.textType02 { display: none;}
		.textType03 {
			color: #999;
			font-size: 116%;
			line-height: 1.4;
		}
		#copyright p { margin: 0 0 10px;}
			#copyright p:last-child { margin: 0;}
			#footerLogo { padding: 15px 0;}
				#footerLogo img { width: 180px;}

}

@media only screen and (min-width: 769px) and (max-width: 1024px) {}


/* !Large screens, min-width 1025px
---------------------------------------------------------- */
@media only print, screen and (min-width: 64.063em) {

a:hover,
a:active,
a:focus {
	color: #009fe1;
	text-decoration: none;
	filter: alpha(opacity=60);
	-moz-filter: "alpha(opacity=60)";
	-webkit-filter: "alpha(opacity=60)";
	opacity: 0.6;
}
input,
textarea,
select {
    font-size: 14px;
}

/* !Wrapper
---------------------------------------------------------- */
#wrapper { width: 1000px;}

/* !header
---------------------------------------------------------- */
#header { padding: 16px 0;}
	.contact { margin: 8px 0 0}
		.contact dt {
			font-size: 100%;
			padding: 3px 10px;
			margin: 0 15px 0 0;
			line-height: 1.4;
		}
		.contact dd {
			padding: 3px 0;
			font-size: 108%;
		}
			.contact dd span {
				font-size: 85%;
				font-weight: normal;
			}
		.contact dd:last-child { font-size: 139%;}

/* !Contents
---------------------------------------------------------- */
	.intro p { margin: 0 0 0 30px;}
			.pageNavi li a { font-size: 139%;}
.sectionOutline,
.sectionVoice { padding: 20px 0;}
	.sectionOutline h2,
	.sectionVoice h2 { color: #009fe1;}
	.boxType01 {
		padding: 30px 50px;
		margin: 0 0 20px;
		font-size: 108%;
		line-height: 2.0;
	}
	.sectionOutline dl {
		padding: 30px 50px;
		border-bottom: #eee solid 1px;
	}
		.sectionOutline dt {
			margin: 0;
			font-size: 124%;
			line-height: 1.4;
			width: 18%;
			float: left;
		}
		.sectionOutline dd {
			font-size: 124%;
			line-height: 1.4;
			width: 80%;
			float: right;
		}
			.sectionOutline dd ul li { padding: 0 0 5px 13px;}
			.sectionOutline dd ul li:before {
				content: "・";
				margin: 0 0 0 -12px;
			}
	.notes { font-size: 93%;}
				.sectionVoice li dl dt { font-size: 147%;}
				.sectionVoice li dl dd { font-size: 100%;}

.btnType01 {}
	.btnType01 a {
		width: 50%;
		padding: 20px;
		margin: 50px auto;
		font-size: 185%;
	}


/* !Footer
---------------------------------------------------------- */
		.pageTop02 a { 
			display: block;
			width: 70px;
			height: 70px;
			border-radius: 70px;
			background: #009fe1 url(../img/ico_arrow02.png) center 23px no-repeat;
			border: #fff solid 1px;
		}
		.pageTop02 a:hover {
			background: #fff url(../img/ico_arrow01.png) center 23px no-repeat;
			border: #009fe1 solid 1px;
			filter: alpha(opacity=100);
			-moz-filter: "alpha(opacity=100)";
			-webkit-filter: "alpha(opacity=100)";
			opacity: 1.0;
		}
	#copyright { font-size: 85%;}

}