@charset "utf-8";
/* ===================================================================
 style info : サイト内共通のモジュール設定
=================================================================== */

p,h1,h2,h3,h4,h5{	background-image:url(bg-p.gif);}
p{	text-indent: 0;	line-height:1.5em;}
body {	height:100%; color: #333333;	-webkit-text-size-adjust: none;}
body > header,
body > main,
body > footer{	min-width:960px;}
	
/* ------------------------------------------------------ *
	header 
 * ------------------------------------------------------ */
#header{	display:block;	width:100%;	margin:0 auto;	position:relative;	overflow:visible; z-index:+100;}
#header .inner01{	padding:35px 0;}
#header h1{	margin:0 20px auto auto;}
.logo01{	display:inline-block;	width:325px;	height:80px;	margin:0;	text-indent:110%;	white-space:nowrap;	overflow:hidden;	background:url(../img/logo.png) no-repeat;}
.logo02{	display:inline-block;	width:325px;	height:80px;	margin:0;	text-indent:110%;	white-space:nowrap;	overflow:hidden;	background:url(../img/logo2.png) no-repeat;}
#header .inner01 > p{	font-size:108%;	line-height:1.3em;	margin: 20px 0;}
#header .fR a{	font-size: 32px;}
#header .fR p{	font-size: 116%;	line-height: 1.2em;}
#header li{	vertical-align: top;}
/* ------------------------------------------------------ *
	nav
 * ------------------------------------------------------ */
.global-nav{	display:block;	width:100%;	margin:0 auto;	background:#F2B103;}
	.global-nav ul{	display:table;	width:960px;	margin:0 auto;}
	.global-nav li{	display:table-cell;	list-style:none;	height:inherit; vertical-align:middle;	text-align:center;	width:25%;}
	.global-nav li > a{	display:block; height: inherit;	font-size:153.9%;	color:#FFF;	font-weight: bold;	padding: 14px 0 12px;}
	.global-nav li.n01 > a{	background:#0096D3;}
	.global-nav li.n02 > a{	background:#3BAA7B;}
	.global-nav li.n03 > a{	background:#3EA9C2;}
	.global-nav li.n04 > a{	background:#E27A3F;}
/* ------------------------------------------------------ *
	contents
 * ------------------------------------------------------ */
#main{ display:block;width: 100%;	padding:0;	position:relative;	overflow:hidden;}
#main::after{	content:"";	display:table;	clear:both;}
.inner01{	width:960px;	max-width:960px;	margin:0 auto;}
article,
section{	display:block;}
article{	padding-bottom: 100px;}
article::after{	content:"";	display:table;	clear:both;}
article > *:not(header) + *,
article > .inner01 + .inner01{	margin-top:80px;}


h1,h2,h3,h4,h5,h6{	color:#333333;	font-weight:normal;}
.h-txt01{	display:block;	font-size:36px;	font-weight:bold;	margin-bottom:5px;	z-index:+1;	position: relative;	overflow: hidden;	color: #000;}
	.h-txt01:after{	content:"";	display:block;	height:1px;	background:#000;	position:absolute;	width:100%;	top:50%;}
.h-txt02{	display: block;	padding: 15px .8em 8px;	font-size: 138.5%;	color: #FFFFFF;	font-weight: bold;	border-bottom: solid 5px #009B5F;	background: #3BAA7B;	margin: 50px auto 30px;}

.h-txt02-2{	display: block;	padding: 15px .8em 8px;	font-size: 138.5%;	color: #FFFFFF;	font-weight: bold;	border-bottom: solid 5px #000066;	background: #23477E;	margin: 50px auto 30px;}

[class^="header-sub"]{	display:table;	width: 100%;	height:150px;	background:0 0 repeat;	margin:0 auto 60px;	position:relative;	color:#FFF;	text-align: center;}
	[class^="header-sub"] h2{	display: table-cell;	height: inherit;	font-size:60px; color:inherit;	vertical-align: middle;}
	.header-sub01{	background:#162E4E;}
	.header-sub02{	background:#23477E;}
	.header-sub03{	background:#E27A3F;}
[class*="box2col"]{	display:block; clear:both;}
[class*="box2col"] > *{	display:block;	float:left;	list-style:none;}
[class*="box2col"] > *:nth-child(even){	float:right;}
[class*="box2col"] > *:nth-child(odd){	clear:both;}
[class*="box2col"]:after{	content:"";	display:table;	clear:both;}
[class*="box2col"] img{	max-width:100%;}
	.box2col01 > *{	width: 460px;}
	
[class^="inlinebox"]{	text-align:left;	letter-spacing:-.4em;}	
[class^="inlinebox"] > li{	display:inline-block;	list-style:none;	letter-spacing:normal; vertical-align:top;}
.inlinebox01 > li{	max-width:300px;}
.inlinebox01 > li + li{	margin-left:30px;}
.inlinebox01 > li:nth-child(3n+1){	margin-left:0;}
.inlinebox01 > li:nth-child(3n) ~ li{	margin-top:20px;}


/*
root
*/
#slider{	position:relative;	height:600px;}
	#slider .slides{	height:inherit;}
	#slider .slides li{		list-style:none;	height:inherit;	width:100%;	background: center center no-repeat #EEE;	background-size:cover;	display:none;}
	#slider .slides li > *{	display: block;	height: inherit;	margin: 0 auto;	position: relative;}
		#slider .slides li.n01{	background-image:url(../img/img-index-slide.jpg);}
		#slider .slides li.n02{	background-image:url(../img/img-index-slide_s2.jpg);}
		#slider .slides li.n03{	background-image:url(../img/img-index-slide_s3.jpg);}
	#slider p{	display:block;	width:960px;	font-size:60px;	color:#FFF;	font-weight: bold;	line-height:1.2;	position: absolute;	left: 50%;	bottom: 80px;	margin: 0 0 0 -480px;}
.root section{	padding:80px 0;}
.root #sec01 .h-txt01{	margin-bottom: 60px;}
	.root #sec01 li{	position: relative;}
	.root #sec01 p{	position:absolute;	left: 0;	bottom: 0;	padding: 14px 1em 12px;	color: #FFFFFF;	font-size: 153.9%;	font-weight: bold;	line-height: 1.2;}
	.root #sec01 .h-txt01::after{	left: 7em;}
.root #sec02{	position: relative;	padding-bottom: 0;}
	.root #sec02::before{	content: "";	display: block;	width: 100%;	height: 400px;	position: absolute;	left: 0;	top: 0; background:url(../img/bg-index01.jpg) center top no-repeat;	background-size:cover;	z-index: -1;}
	.root #sec02 *{	color: #FFFFFF;}
	.root #sec02 .h-txt01{	margin-bottom:50px;}
	.root #sec02 .h-txt01.tR::after{	left: auto;	right: 5em;	background:#FFF;}
	.root #sec02 .gmap{	border:solid 3px #8F8F8F;	width: 577px;	height: 421px;	float: right;}
	.root #sec02 h3{	font-size: 182%;}
	.root #sec02 p{	font-size: 123.1%;	line-height: 1.5;}
	.root #sec02 figure{	margin: 0 0 0 40px;	position: relative;}
	.root #sec02 figcaption{	position: absolute;	left: 30px;	bottom: 150px;	font-size: 182%;	font-weight: bold;	line-height: 1.5;}
	.root #sec02 .btn01{	display:block;	width: 210px;	padding: 12px 0 10px;	text-align:center;	color:#FFF;	font-size: 138.5%;	font-weight: bold;	background:#0096D3;	border:solid 3px #FFFFFF;	border-radius: 10px;	position: relative;	margin: -135px 0 85px 70px;}
	.root #sec03 .h-txt01::after{	left: 5em;}
	#feed{	font-size: 138.5%;	margin-top: 20px;}
		#feed dt{	padding: 20px 40px 20px 20px; float: left;	clear: both; font-weight: bold; border-bottom: solid 1px #999;}
		#feed dd{	padding: 20px 20px 20px 0;	white-space: nowrap;	text-overflow: ellipsis;	overflow: hidden;	border-bottom: solid 1px #999;}
/*
result
*/
.result .inlinebox01 > li{	width: 300px;	font-size: 123.1%;}
.result .inlinebox01 > li:nth-child(3n) ~ li{	margin-top: 40px;}
.result .inlinebox01 h4{	margin: 10px auto 7px;}
.result .inlinebox01 h4.bold{	margin: 0 auto 10px;}
.result .inlinebox01 p{	font-size: .875em;	line-height: 1.5;}
.disc li{	list-style: none;	padding-left: 1em;	text-indent: -1em;	line-height: 1.2;	margin-bottom: .3em;}
.disc li::before{	content: "・";}
/*
result
*/
.greeting #main p{	font-size: 138.5%;}
.greeting .box01{	margin: 50px auto 60px;}
.greeting .box01 img{	margin: -180px 40px 0 80px; float: left; z-index: +1;	position: relative;}
.greeting .box2col01 img{	margin: 0 auto 25px;}

.recruit .box2col01 img{	margin: 0 auto 25px;}

/* ------------------------------------------------------ *
	footer
 * ------------------------------------------------------ */
#totop{	width:960px;	height:56px;	margin:-28px auto;	position:relative;}
#totop a{	display:block;	width:56px;	height:56px;	background:url(../img/totop.png) center center no-repeat;	border-radius:50%;	text-indent:110%;	white-space:nowrap;	overflow:hidden;	position:absolute;	right:0;	bottom:0;	transition:all linear .1s;}
#footer{	display:block;	width:100%;	margin:0 auto;	background:#332E2C;	padding:40px 0 20px;}
.footer-nav{	text-align:center;	margin:0 auto 30px;}
	.footer-nav > li{	display:inline-block; vertical-align:top;	margin:0 20px;}
	.footer-nav > li > a{	display:block;	font-size:123.1%;	color:#FFF;}
#copyright{	display:block;	clear:both;	font-size:108%;	text-align:center;	color:#FFF;}