@charset "utf-8";



/*////////////////////////////////////////////////////

	リセット

////////////////////////////////////////////////////*/
html,body {
	height: 100%;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
	margin: 0;
	padding: 0;
}
img {
	border: none;
	vertical-align: top;
	zoom: 1;
	}
input,select,textarea {font-size: 100%; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Arial, Helvetica, Verdana, sans-serif;}
ul,ol,li {
	list-style: none;
}
table {
border-collapse: colapse;
border-spacing: 0;
}
/*////////////////////////////////////////////////////

	基本レイアウト

////////////////////////////////////////////////////*/

/*=====================================================

デフォルト（スマホ）画面ここから

=====================================================*/
header {
	position: relative;
}

	#headertxt {
		display: none;
	}
	header h1 {
		background: #ffffff;
		background: -moz-linear-gradient(top,  #ffffff 0%, #add7ff 100%);
		background: -webkit-linear-gradient(top,  #ffffff 0%,#add7ff 100%);
		background: linear-gradient(to bottom,  #ffffff 0%,#add7ff 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#add7ff',GradientType=0 );
		display: table;
		width: 100%;
		padding: 0;
		height: 60px;
	}
		header h1 a {
			display: table-cell;
			width: 100%;
			height: 100%;
			vertical-align: middle;
			text-align: center;
		}
		header h1 a img {
			width: 50%;
			height: auto;
		}
		#hMenu {
			position: relative;
		}
		/* グローバルナビ */
		.gNav {
			position: relative;
			background: url(../images/common/sp/bg04.gif) 0 0 repeat-x;
			padding: 16px 0 0;
			display: block;
		}
			header .gNav {
				display: none;
			}
			.gNav ul {
				
			}
			.gNav li {
				border-bottom: 1px dotted  #1e90ff;
				
			}
				.gNav li.lastChild {
					border-bottom: none;
				}
				.gNav li a {
					padding: 5% 3%;
					display: block;
					background: #4169e1;
					-webkit-transition: all ease 1s;
					-moz-transition: all ease 1s;
					-ms-transition: all ease 1s;
					-o-transition: all ease 1s;
					transition: all ease 1s;
					/*border-right: 2px solid  #abd6ff;*/
					color: #fff;
				}
					.gNav li a:hover,
					.gNav li.active a {
						color: #fff;
						/*border-right: 2px solid #fff;*/
						background: #1e90ff;
					}
		#gNavBtn {
			position: absolute;
			top: 0;
			right: 0;
			width: 28px;
			height: 22px;
			padding: 19px;
			display: block;
			cursor: pointer;
		}
			#gNavBtn img {
				width: 100%;
				height: auto;
			}
	#pjax {
		position: relative;
	}
	#certification_mark {
	    margin:10px;
	}
	/* topMV */
	#mv {
		position: relative;
		list-style: none;
		overflow: hidden;
		width: 100%;
		padding: 0;
		margin: 0;
		display: block;
	}

		#mv li {
			-webkit-backface-visibility: hidden;
			position: absolute;
			display: none;
			width: 100%;
			left: 0;
			top: 0;
		}

		#mv li:first-child {
			position: relative;
			display: block;
			float: left;
		}

		#mv img {
			display: block;
			height: auto;
			float: left;
			width: 100%;
			border: 0;
			z-index: 1;
		}

	/* top リード文　*/
	#lead {
		display: none;
	}
	/* top コンテンツ */
	#top_contents {
		padding: 10% 5%;
		background: #fff url(../images/common/sp/bg01.jpg) 0 0 repeat-x;
	}
		#top_contents .contents {
		}
		#top_contents ul.topics {
			
		}
			ul.topics li {
				zoom: 1;
				padding-bottom: 5%;
				border-bottom: 1px solid  #eaeaea;
				margin-bottom: 5%;
			}
				ul.topics li.lastChild {
					margin-bottom: 0;
				}
				ul.topics li:after {
					content: '';
					display: block;
					clear: both;
					
				}
				ul.topics li span {
					padding-left: 15px;
					color: #000;
					background: url(../images/common/sp/ico_arrow01.png)0 4px no-repeat;
				}
				ul.topics li p {
					padding-left: 15px;
				}
				ul.topics li p,
				ul.topics li p a {
					color: #4169e1;
					text-decoration: underline;
				}
		#top_contents h2 {
			font-weight: normal;
			margin-bottom: 1rem;
			font-size: 1.2rem;
			color: #4169e1;
			font-weight: normal;
		}
	
	/* フッター */
	footer {
		z-index: 3;
		background: #ffffff;
		background: -moz-linear-gradient(top,  #ffffff 0%, #85c3ff 100%);
		background: -webkit-linear-gradient(top,  #ffffff 0%,#85c3ff 100%);
		background: linear-gradient(to bottom,  #ffffff 0%,#85c3ff 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#85c3ff',GradientType=0 );
	}
		footer .inner {
			margin: 0 auto;
			position: relative;
		}
		footer #copyright {
			font-size: 0.5rem;
			text-align: center;
			padding: 4% 0;
			background: #4169e1;
			color: #fff;
		}
		footer ul {
			padding: 2% 3%;
		}
			footer ul li {
				padding: 3% 0 3% 30px;
			}
			footer ul li#txt_access {
				background: url(../images/common/sp/ico_footer01.png) 0 50% no-repeat;
				font-size: 0.8rem;
				line-height: 1.2;
			}
			footer ul li#txt_tel {
				background: url(../images/common/sp/ico_footer02.png) 0 50% no-repeat;
				line-height: 1.2;
				font-size: 1.4rem;
			}
	#pjax {
		z-index: 1;
	}
	#contents {
		margin: 0 auto;
		z-index: 1;
		display: block;
		zoom: 1;
		height: auto;
	}
		#contents:after {
			content: '';
			display: block;
			clear: both;
		}
		#contents .contents {
			background: #fff;
			padding: 0 0 30px;
		}
		
		#contents h2 {
			font-size: 1.8rem;
			margin-bottom: 1.5rem;
		}
		#contents h2 img {
			width: 100%;
			height: auto;
		}
		
#bg,#loading {
		position: fixed;
		width: 100%;
		z-index: 0;
		top: 0;
		left: 0;
		height: 0;
	}
	#bg {
		z-index: -100;
		display: none;
	}
	#loading {
		z-index: 100;
		display: table;
	}
	@-webkit-keyframes loaderSprite {
	    from { background-position: 0px; }
	    to { background-position: -700px; }
	}

	@-moz-keyframes loaderSprite {
		    from { background-position: 0px; }
		    to { background-position: -700px; }
	}

	@keyframes loaderSprite {
	    from { background-position: 0px; }
	    to { background-position: -700px; }
	}
	.inner_load {
		display: table-cell;
		width: 100%;
		height: 100%;
		vertical-align: middle;
		text-align: center;
	}
	.loader {
	    width: 50px;
	    height: 50px;
	    margin: 0 auto;
	    text-indent: -99999px;
	    background-image: url("../images/common/loading.png");
	    -webkit-animation: loaderSprite 0.9333333333333333s steps(14, end) infinite;
	    -moz-animation: loaderSprite 0.9333333333333333s steps(14, end) infinite;
	    animation: loaderSprite 0.9333333333333333s steps(14, end) infinite;
	}
.backstretch {
	display: none;
}
/*=====================================================

PC画面ここから

=====================================================*/
@media screen and (min-width:641px){/* PC画面のとき?*/
	body {
		min-width: 950px;
	}

	header{
		position: fixed;
		display: block;
		z-index: 2;
		left: 0;
		top: 0;
		width: 100%;
		border-bottom: 1px solid  #aad5ff;
		background: #ffffff;
		background: -moz-linear-gradient(top,  #ffffff 0%, #add7ff 100%);
		background: -webkit-linear-gradient(top,  #ffffff 0%,#add7ff 100%);
		background: linear-gradient(to bottom,  #ffffff 0%,#add7ff 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#add7ff',GradientType=0 );
	}
		header .inner {
			position: relative;
			width: 950px;
			margin: 0 auto;
		}
		#headertxt {
			padding: 2px 0;
			margin: 0 auto;
			font-size: 10px;
			line-height: 1;
			color: #666;
			display: block;
		}
		header #hMenu {
			position: absolute;
			top: 15px;
			left: 0;
			width: 250px;
			zoom: 1;
			display: table;
		}
		/* h1 ロゴ */
		header h1{
			height: 165px;
			background: #fff;
		}
			
			header h1 a img {
				width: 240px;
				height: auto;
				margin-top:28px;
			}
		/* グローバルナビ */
		.gNav {
			position: relative;
			background: #fff url(../images/common/bg01.jpg) 0 220px no-repeat;
			padding: 0 0 600px;
			display: none;
		}
			header .gNav {
				display: block;
			}
			.gNav li {
				height: 43px;
				border-bottom: 1px dotted  #89c5ff;
				/*background: url(../images/common/bg03.png) 0 0 repeat*/;
			}
				.gNav li a {
					padding: 14px 10px 0;
					/*border-right: 2px solid  #4169e1;*/
					height: 29px;
					background: #4169e1;
				}
					.gNav li a:hover,
					.gNav li.active a {
						/*border-right: 2px solid  #fff;*/
						background: url(../images/common/bg03.png) 0 0 repeat;
						color: #fff;
					}
		#gNavBtn {
			display: none;
		}
	#mv {
		display: none;
	}
	/* top リード文　*/
	#lead {
		width: 950px;
		height: 200px;
		margin: 0 auto;
		z-index: 2;
		display: table;
	}
		#lead p {
			display: table-cell;
			vertical-align: middle;
			text-align: right;
			width: 670px;
			padding: 0 0 0 280px;
		}
			#lead p img {
				width: auto;
				height: auto;
				margin-top:115px;
			}

	#top_contents {
		width: 100%;
		height: 100px;
		background: rgba(38,73,157,0.7);
		padding: 30px 0;
		position: fixed;
		bottom: 64px;
		left: 0;
		/*overflow: scroll;*/
	}
		#top_contents .contents {
			width: 670px;
			height: 100px;
			/*overflow: scroll;*/
			padding: 0 0 0 280px;
			margin: 0 auto;
			background: none;
		}
		#top_contents ul.topics {
			
		}
			ul.topics li {
				zoom: 1;
				padding: 0 0 5px;
				margin: 0;
				border: none;
			}
				ul.topics li:after {
					content: '';
					display: block;
					clear: both;
				}
				ul.topics li span {
					float: left;
					width: 80px;
					padding-left: 10px;
					background: url(../images/common/ico_arrow01.png)0 6px no-repeat;
					color: #fff;
					font-weight: bold;
					/*margin:auto;*/
				}
				ul.topics li p {
					/*float: left;*/
					margin-left: 100px;
					padding-left: 0;
				}
				ul.topics li p,
				ul.topics li p a {
					color: #fff;
				}
		#top_contents h2 {
			font-weight: normal;
			margin-bottom: 20px;
			font-size: 18px;
			color: #c8e4ff;
		}

	footer {
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
		z-index: 3;
		height: 64px;
		background: #ffffff;
		background: -moz-linear-gradient(top,  #ffffff 0%, #85c3ff 100%);
		background: -webkit-linear-gradient(top,  #ffffff 0%,#85c3ff 100%);
		background: linear-gradient(to bottom,  #ffffff 0%,#85c3ff 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#85c3ff',GradientType=0 );
		color: #2a2922;
		border-top: 1px solid #aad5ff;
	}
		footer .inner {
			width: 950px;
			margin: 0 auto;
			position: relative;
		}
		footer #copyright {
			float: right;
			font-size: 10px;
			position: absolute;
			top: 20px;
			right: 0;
			text-align: right;
			padding: 0;
			border-top: none;
		}
		footer ul {
			zoom: 1;
			padding: 17px 0 0;
		}
			footer ul:after {
				content: '';
				display: block;
				clear: both;
			}
			footer ul li {
				float: left;
				padding: 0 20px 0 20px;
			}
			footer ul li#txt_access {
				background: url(../images/common/ico_footer01.png) 0 50% no-repeat;
				font-size: 11px;
				line-height: 1.2;
			}
			footer ul li#txt_tel {
				background: url(../images/common/ico_footer02.png) 0 50% no-repeat;
				line-height: 1.2;
				font-size: 24px;
			}
	#contents {
		width: 950px;
		margin: 0 auto;
	}
		#contents .contents {
			width: 660px;
			padding: 35px 20px 94px;
			margin: 0 0 0 250px;
			background: rgba(255,255,255,0.7);
		}
		
		#contents h2 {
			margin-bottom: 20px;
		}
	#bg {
		background: url(../images/common/bg_mv01.png) 0 0 no-repeat,
		url(../images/common/bg_mv02.png) 100% 100% no-repeat;
		display: block;
	}
	.backstretch {
		display: block;
	}
	footer #copyright {
			background: rgba(255,255,255,0);
			color: #000;
		}
}