@charset 'UTF-8';

html{}
html,body{
	font-size: 15px;
	font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo","Helvetica Neue","Helvetica","ＭＳ Ｐゴシック","Arial","Verdana","sans-serif";
	width: 100%;
	height: 100%;
	position: relative;
	text-align: left;
}
body{
	position: relative;
	color: #222;
	line-height: 1.5;
	overflow: hidden;
	overflow-y: auto;
}
.wrap{
	width: auto;
	max-width: 900px;
	margin: auto;
	padding-left: 10px;
	padding-right: 10px;
	position: relative;
}
/* ------------------------------ 
	HEADER
-------------------------------- */
header{padding-bottom: 60px;}
header h1{
	color:#004296;
	font-size: 120%;
	position: relative;
	line-height: 120px;
}
header h1:after{
	content: "";
	display: block;
	width: 170px;
	height: 47.2px;
	background-image: url("../img/logo_S.png");
	background-size: 170px auto;
	background-repeat: no-repeat;
	background-position: center right;
	position: absolute;
	top: 50%;
	right: 0px;
	background-color: #fff;
	padding-left: 1em;
	margin-top: -24px;
}
header h1 span{background-color: #fff; padding-right: 1em;}
header h1:before{
	content: "";
	width: 100%;
	height: 2px;
	background-color: #004296;
	display: block;
	position: absolute;
	top: 0;
	bottom:0;
	left: 0;
	right: 0px;
	margin: auto;
	z-index: -1;
}
/* ------------------------------ 
	TOP HEADER
-------------------------------- */
.topP header {padding-bottom: 40px;}
.topP header h1{padding: 80px 0 30px; text-align: center;}
.topP header h1 img{
	width: 100%;
	max-width: 460px;
	height: auto;
}
.topP header h1:after, .topP header h1:before, .topP header h1 span{display: none;}
.topP header p{text-align: center; font-size: 110%; font-weight: bold; padding-bottom: 60px;}

/* NAV -------------------------------- */
header nav ul{
	display: block;
	background-color: #555;
	line-height: 35px;
	color: #fff;
	text-align: center;
	position: relative;
}
header nav ul:before, header nav ul:after, .strength li a:before, .strength li a:after{
	content: ".";
	line-height: 35px;
	width: 50px;
	display: block;
	z-index: 1;
	background-image: url("../img/gradation_L.png");
	background-repeat: repeat-y;
	background-size: 50px 35px;
	background-position: center center;
	text-indent: -9999px;
	position: absolute;
	top: 0;
	left: 0;
}
header nav ul:after, .strength li a:after{background-image: url("../img/gradation_R.png"); left: auto; right: 0;}

nav li{display: inline-block; margin-left: 3em;}
nav li:first-child{margin-left: 0;}
nav a{text-decoration: none; color: #fff;}
nav a:hover{color: #e30920;}
.nalink{color: #aaa;}

ul.pcNone{display: none;}
li.spNone{display: inline-block;}
@media screen and (max-width: 640px) {
	li.spNone{display: none;}
	ul.pcNone{display: block;}
	nav li{margin-left: 1.5em;}
}
@media screen and (max-width: 360px) {
	header nav ul:before, header nav ul:after{display: none;}
}
/* トップ -------------------------------- */
.strength li{line-height: 50px;}
.strength li a{
	display: block;
	text-decoration: none;
	background-color: #e30920;
	margin-top: 1em;
	color: #fff;
	font-weight: bold;
	text-align: center;
	padding: 13px 50px;
	line-height: normal;
	position: relative;
}
.strength li:first-child a{margin-top: 0;}
.strength li a:before, .strength li a:after{
	height: 100%;
	min-height: 48px;
	background-size: 50px auto;
}

.strength .next{
	display: block;
	text-indent: -9999px;
	width: 30px;
	height: 30px;
	background-color: #555;
	border-radius: 15px;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 80px;
	margin: auto;
	z-index: 2;
}
.strength .next:after{
content: "";
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 9px 0 9px 15.6px;
	border-color: transparent transparent transparent #ffffff;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 9px;
	margin: auto;
}
@media screen and (max-width: 640px) {
	.strength .next{right: 10px;}
}
/* 会社案内 -------------------------------- */
.company dl{
	padding-bottom: 20px;
	display: table;
	width: 100%;
	max-width: 600px;
	margin: auto;
}
.company dt{
	display: table-cell;
	width: 120px;
	padding: 0 10px 0 0;
	box-sizing: border-box;
}
.company dt::after {
	content: ":";
	display: block;
	float: right;
}
.company dd{display: table-cell;}

@media screen and (max-width: 480px) {
	.company dl{
		padding-bottom: 20px;
		display: block;
		width: 100%;
		text-align: center;
	}
	.company dt{
		display: block;
		width: auto;
		padding: 0 0 0.5em 0;
		border-bottom: 1px solid #ccc;
		margin-bottom: 0.5em;
		font-weight: bold;
		color: #555;
	}
	.company dt::after {
		display: none;
	}
	.company dd{display: block;}
}
/* お問合わせ -------------------------------- */
.googleForm{
	width: 100%;
	height: 1500px;
}

/* ------------------------------ 
	FOOTER
-------------------------------- */
.copyright{font-size: 80%; text-align: center; padding: 60px 0;}




.noDisplay{display: none;}