/* スタイル ----------------------------------------------------------------- */
* {font-family:"Roboto", "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;-webkit-box-sizing:border-box;box-sizing:border-box;}
body {background-color:#fff;color: #000;}
h1,h2,h3,h4,h5,h6,p,dl,dt,dd,ol,ul,li{margin:0;padding:0;list-style:none;font-size:14px;}
a{color: #666;-webkit-tap-highlight-color: rgba(0,0,0,0);}
input{sans-serif;font-family: 'Open Sans', sans-serif;}

#container {
	margin: 0 auto;
	width: 100%;
	height:100%;
}

/* 改行 -------------------------------------------------- */

br.break{
	display:none;
	}

/* パーツ -------------------------------------------------- */

.shadow{
	-webkit-filter: drop-shadow(0px 0 4px rgba(0, 0, 0, 1.0));
	-moz-filter: drop-shadow(0px 0 4px rgba(0, 0, 0, 1.0));
	-o-filter: drop-shadow(0px 0 4px rgba(0, 0, 0, 1.0));
	-ms-filter: drop-shadow(0px 0 4px rgba(0, 0, 0, 1.0));
	filter: drop-shadow(0px 0 4px rgba(0, 0, 0, 1.0));
	}

.line{
	width:100%;
	height:20px;
	border-bottom:1px dotted #ccc;
	margin-bottom:20px;
	}

.trans {
	opacity: .7;
	-webkit-opacity: .7;
	-moz-opacity: .7;
	filter: alpha(opacity=70);/* IE lt 8 */
	-ms-filter: "alpha(opacity=70)"; /* IE 8 */
	}

.radius {
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	}

.text-shadow-white {
	text-shadow:0px -1px 0px #666;
	color:#fff;
	}

.text-shadow-black-grayback {
	text-shadow: 0px 1px 0px #fff, 0px 1px 1px #fff;
	color:#666;
	}

.mB5 {
	margin-bottom:5px;
	}

.mB10 {
	margin-bottom:10px;
	}

.mB15 {
	margin-bottom:15px;
	}

.mB20 {
	margin-bottom:20px;
	}

.mB30 {
	margin-bottom:30px;
	}

.mR20 {
	margin-right:20px;
	}

/* ヘッダー -------------------------------------------------- */
header {
	}

#header{
	display:none;
	}

/* フッター -------------------------------------------------- */
footer {
	}


/* section0 -------------------------------------------------- */
#section0{
	background-size: cover;
	background: #003399;/*Other Browser*/
	background: -webkit-gradient(
	linear, left top, left bottom,
	color-stop(0.00, #003399),
	color-stop(1.00, #8bd2e9)
	);/*For Old WebKit*/
	background: linear-gradient(
	to bottom,
	#003399 0%,
	#8bd2e9 100%
	);/*For Modern Browser*/
	position:relative;
	}

.overlay{
	position: relative;
	top: 0; 
	left: 0;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	background: url(../img/overlay.png) repeat;
	}

.main_content nav{
	position:absolute;
	top:30px;
	right:30px;
	}

.main_content nav ul li.contact{
	position:absolute;
	top:1px;
	right:0;
	width:67px;
	height:32px;
	opacity: 1;
	-webkit-opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);/* IE lt 8 */
	-ms-filter: "alpha(opacity=100)"; /* IE 8 */
	transition:all 0.3s;
	}

.main_content nav ul li.contact a:hover{
	opacity: .7;
	-webkit-opacity: .7;
	-moz-opacity: .7;
	filter: alpha(opacity=70);/* IE lt 8 */
	-ms-filter: "alpha(opacity=70)"; /* IE 8 */
	transition:all 0.3s;
	cursor:pointer;
	}

.main_content nav ul li.recuruit{
	position:absolute;
	top:1px;
	right:87px;
	width:70px;
	height:32px;
	opacity: 1;
	-webkit-opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);/* IE lt 8 */
	-ms-filter: "alpha(opacity=100)"; /* IE 8 */
	transition:all 0.3s;
	}

.main_content nav ul li.recuruit a:hover{
	opacity: .7;
	-webkit-opacity: .7;
	-moz-opacity: .7;
	filter: alpha(opacity=70);/* IE lt 8 */
	-ms-filter: "alpha(opacity=70)"; /* IE 8 */
	transition:all 0.3s;
	cursor:pointer;
	}

.main_content nav ul li.request{
	position:absolute;
	top:0;
	right:177px;
	width:213px;
	height:33px;
	opacity: 1;
	-webkit-opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);/* IE lt 8 */
	-ms-filter: "alpha(opacity=100)"; /* IE 8 */
	transition:all 0.3s;
	}

.main_content nav ul li.request a:hover{
	opacity: .7;
	-webkit-opacity: .7;
	-moz-opacity: .7;
	filter: alpha(opacity=70);/* IE lt 8 */
	-ms-filter: "alpha(opacity=70)"; /* IE 8 */
	transition:all 0.3s;
	cursor:pointer;
	}

.main_content nav ul li.about{
	position:absolute;
	top:1px;
	right:410px;
	width:53px;
	height:33px;
	opacity: 1;
	-webkit-opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);/* IE lt 8 */
	-ms-filter: "alpha(opacity=100)"; /* IE 8 */
	transition:all 0.3s;
	}

.main_content nav ul li.about a:hover{
	opacity: .7;
	-webkit-opacity: .7;
	-moz-opacity: .7;
	filter: alpha(opacity=70);/* IE lt 8 */
	-ms-filter: "alpha(opacity=70)"; /* IE 8 */
	transition:all 0.3s;
	cursor:pointer;
	}

.main_content nav ul li.approach{
	position:absolute;
	top:0;
	right:483px;
	width:86px;
	height:33px;
	opacity: 1;
	-webkit-opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);/* IE lt 8 */
	-ms-filter: "alpha(opacity=100)"; /* IE 8 */
	transition:all 0.3s;
	}

.main_content nav ul li.approach a:hover{
	opacity: .7;
	-webkit-opacity: .7;
	-moz-opacity: .7;
	filter: alpha(opacity=70);/* IE lt 8 */
	-ms-filter: "alpha(opacity=70)"; /* IE 8 */
	transition:all 0.3s;
	cursor:pointer;
	}

.main_content nav ul li.top{
	position:absolute;
	top:3px;
	right:589px;
	width:31px;
	height:30px;
	opacity: 1;
	-webkit-opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);/* IE lt 8 */
	-ms-filter: "alpha(opacity=100)"; /* IE 8 */
	transition:all 0.3s;
	}

.main_content nav ul li.top a:hover{
	opacity: .7;
	-webkit-opacity: .7;
	-moz-opacity: .7;
	filter: alpha(opacity=70);/* IE lt 8 */
	-ms-filter: "alpha(opacity=70)"; /* IE 8 */
	transition:all 0.3s;
	cursor:pointer;
	}

@-webkit-keyframes 'fadeIn' {
0% {
	opacity:0;
	}
100% {
	opacity:1;
	}
	}
.fadeIn {
	-webkit-animation-name: 'fadeIn';
	-webkit-animation-duration: 1s;
	-webkit-animation-timing-function: ease-in;
	-webkit-animation-iteration-count: 1;
	}

#section0 h1{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 392px;
	height: 128px;
	line-height:1em;
	}

#section0 h1 img{
	width:392px;
	height:128px;
	}

#section0 h2.pc{
	position: absolute;
	left: 40px;
	bottom:80px;
	}

#section0 h2.sp{
	display:none;
	}

#section0 p.arrow{
	position: absolute;
	left: 49%;
	bottom:4%;
	width: 18px;
	height: 18px;
	}

#section0 p.arrow a{
	width: 18px;
	height: 18px;
	display:block;
	opacity: 1;
	-webkit-opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);/* IE lt 8 */
	-ms-filter: "alpha(opacity=100)"; /* IE 8 */
	transition:all 0.3s;
	}

#section0 p.arrow a:hover{
	width: 18px;
	height: 18px;
	opacity: .7;
	-webkit-opacity: .7;
	-moz-opacity: .7;
	filter: alpha(opacity=70);/* IE lt 8 */
	-ms-filter: "alpha(opacity=70)"; /* IE 8 */
	transition:all 0.3s;
	cursor:pointer;
	}

/* section1 -------------------------------------------------- */

#section1{
	background: url(../img/section1.jpg) 18% 50%;
	background-size: cover;
	position:relative;
	}

#section1 h1{
	position: absolute;
	top: 30px;
	right: 0;
	line-height:1em;
	}


#section1 h2.pc{
	position: absolute;
	top: 80px;
	right: 70px;
	line-height:1em;
	}

#section1 h2.sp{
	display:none;
	}

#section1 h3.pc{
	position: absolute;
	left: 40px;
	bottom:30%;
	}

#section1 h3.sp{
	display:none;
	}

#section1 p.arrow{
	position: absolute;
	left: 49%;
	bottom:4%;
	width: 18px;
	height: 18px;
	}

#section1 p.arrow a{
	width: 18px;
	height: 18px;
	display:block;
	opacity: 1;
	-webkit-opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);/* IE lt 8 */
	-ms-filter: "alpha(opacity=100)"; /* IE 8 */
	transition:all 0.3s;
	}

#section1 p.arrow a:hover{
	width: 18px;
	height: 18px;
	opacity: .7;
	-webkit-opacity: .7;
	-moz-opacity: .7;
	filter: alpha(opacity=70);/* IE lt 8 */
	-ms-filter: "alpha(opacity=70)"; /* IE 8 */
	transition:all 0.3s;
	cursor:pointer;
	}

/* section2 -------------------------------------------------- */

#section2{
	background: url(../img/section2.jpg) 18% 50%;
	background-size: cover;
	position:relative;
	}

#section2 h1{
	position: absolute;
	top: 30px;
	right: 0;
	line-height:1em;
	}


#section2 h2.pc{
	position: absolute;
	top: 80px;
	right: 70px;
	line-height:1em;
	}

#section2 h2.sp{
	display:none;
	}

#section2 h3.pc{
	position: absolute;
	left: 40px;
	bottom:30%;
	}

#section2 h3.sp{
	display:none;
	}

#section2 p.arrow{
	position: absolute;
	left: 49%;
	bottom:4%;
	width: 18px;
	height: 18px;
	}

#section2 p.arrow a{
	width: 18px;
	height: 18px;
	display:block;
	opacity: 1;
	-webkit-opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);/* IE lt 8 */
	-ms-filter: "alpha(opacity=100)"; /* IE 8 */
	transition:all 0.3s;
	}

#section2 p.arrow a:hover{
	width: 18px;
	height: 18px;
	opacity: .7;
	-webkit-opacity: .7;
	-moz-opacity: .7;
	filter: alpha(opacity=70);/* IE lt 8 */
	-ms-filter: "alpha(opacity=70)"; /* IE 8 */
	transition:all 0.3s;
	cursor:pointer;
	}

/* section3 -------------------------------------------------- */
#section3{
	background: url(../img/section3.jpg) 50% 50%;
	background-size: cover;
	position:relative;
	}

#section3 h1{
	position: absolute;
	top: 30px;
	right: 0;
	line-height:1em;
	}

#section3 h2.pc{
	position: absolute;
	top: 80px;
	right: 70px;
	line-height:1em;
	}

#section3 h2.sp{
	display:none;
	}

#section3 h3.pc{
	position: absolute;
	left: 40px;
	bottom:30%;
	}

#section3 h3.sp{
	display:none;
	}

#section3 p.arrow{
	position: absolute;
	left: 49%;
	bottom:4%;
	width: 18px;
	height: 18px;
	}

#section3 p.arrow a{
	width: 18px;
	height: 18px;
	display:block;
	opacity: 1;
	-webkit-opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);/* IE lt 8 */
	-ms-filter: "alpha(opacity=100)"; /* IE 8 */
	transition:all 0.3s;
	}

#section3 p.arrow a:hover{
	width: 18px;
	height: 18px;
	opacity: .7;
	-webkit-opacity: .7;
	-moz-opacity: .7;
	filter: alpha(opacity=70);/* IE lt 8 */
	-ms-filter: "alpha(opacity=70)"; /* IE 8 */
	transition:all 0.3s;
	cursor:pointer;
	}

/* section4 -------------------------------------------------- */
#section4{
	background: url(../img/section4.jpg) 50% 50%;
	background-size: cover;
	position:relative;
	}

#section4 h1{
	position: absolute;
	top: 30px;
	right: 0;
	line-height:1em;
	}

#section4 h2.pc{
	position: absolute;
	top: 80px;
	right: 70px;
	line-height:1em;
	}

#section4 h2.sp{
	display:none;
	}

#section4 h3.pc{
	position: absolute;
	left: 40px;
	bottom:30%;
	}

#section4 h3.sp{
	display:none;
	}

#section4 p.arrow{
	position: absolute;
	left: 49%;
	bottom:4%;
	width: 18px;
	height: 18px;
	}

#section4 p.arrow a{
	width: 18px;
	height: 18px;
	display:block;
	opacity: 1;
	-webkit-opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);/* IE lt 8 */
	-ms-filter: "alpha(opacity=100)"; /* IE 8 */
	transition:all 0.3s;
	}

#section4 p.arrow a:hover{
	width: 18px;
	height: 18px;
	opacity: .7;
	-webkit-opacity: .7;
	-moz-opacity: .7;
	filter: alpha(opacity=70);/* IE lt 8 */
	-ms-filter: "alpha(opacity=70)"; /* IE 8 */
	transition:all 0.3s;
	cursor:pointer;
	}

/* section5 -------------------------------------------------- */
#section5{
	background: url(../img/section5.jpg) 50% 50%;
	background-size: cover;
	position:relative;
	}

#section5 h1{
	position: absolute;
	top: 30px;
	right: 0;
	line-height:1em;
	}

#section5 h2.pc{
	position: absolute;
	top: 80px;
	right: 70px;
	line-height:1em;
	}

#section5 h2.sp{
	display:none;
	}

#section5 h3.pc{
	position: absolute;
	left: 40px;
	bottom:30%;
	}

#section5 h3.sp{
	display:none;
	}

#section5 p.arrow{
	position: absolute;
	left: 49%;
	bottom:4%;
	width: 18px;
	height: 18px;
	}

#section5 p.arrow a{
	width: 18px;
	height: 18px;
	display:block;
	opacity: 1;
	-webkit-opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);/* IE lt 8 */
	-ms-filter: "alpha(opacity=100)"; /* IE 8 */
	transition:all 0.3s;
	}

#section5 p.arrow a:hover{
	width: 18px;
	height: 18px;
	opacity: .7;
	-webkit-opacity: .7;
	-moz-opacity: .7;
	filter: alpha(opacity=70);/* IE lt 8 */
	-ms-filter: "alpha(opacity=70)"; /* IE 8 */
	transition:all 0.3s;
	cursor:pointer;
	}

/* section6 -------------------------------------------------- */
#section6{
	background: url(../img/section6.jpg) 50% 50%;
	background-size: cover;
	position:relative;
	}

#section6 h1{
	position: absolute;
	top: 30px;
	right: 0;
	line-height:1em;
	}

#section6 h2.pc{
	position: absolute;
	top: 80px;
	right: 70px;
	line-height:1em;
	}

#section6 h2.sp{
	display:none;
	}

#section6 h3.pc{
	position: absolute;
	left: 40px;
	bottom:30%;
	}

#section6 h3.sp{
	display:none;
	}

#section6 footer{
	background-color:#07428A;
	width:100%;
	height:75px;
 	position: absolute;
	left: 0;
	bottom:0;
	}

#section6 footer p{
	color:#fff;
	position: absolute;
	left: 30px;
	top:25px;
	}

#section6 footer span.twitter{
	color:#fff;
	position: absolute;
	right: 100px;
	top:15px;
	font-size:30px;
	display:none;
	}

#section6 footer span.facebook{
	color:#fff;
	position: absolute;
	right: 75px;
	top:15px;
	font-size:30px;
	display:none;
	}

#section6 footer span.envelope{
	color:#fff;
	position: absolute;
	right: 30px;
	top:15px;
	font-size:30px;
	}

#section6 footer span.twitter a,#section6 footer span.facebook a,#section6 footer span.envelope a{
	color:#fff;
	}

#section6 footer span.twitter a:hover,#section6 footer span.facebook a:hover,#section6 footer span.envelope a:hover{
	opacity: .7;
	-webkit-opacity: .7;
	-moz-opacity: .7;
	filter: alpha(opacity=70);/* IE lt 8 */
	-ms-filter: "alpha(opacity=70)"; /* IE 8 */
	transition:all 0.3s;
	cursor:pointer;
	}

/* section7 -------------------------------------------------- */
#section7{
	background: url(../img/section7.jpg) 50% 50%;
	background-size: cover;
	position:relative;
	}

#section7 h1{
	position: absolute;
	top: 30px;
	right: 0;
	line-height:1em;
	}

#section7 h2.pc{
	position: absolute;
	top: 80px;
	right: 70px;
	line-height:1em;
	}

#section7 h2.sp{
	display:none;
	}

#section7 h3.pc{
	position: absolute;
	left: 40px;
	bottom:30%;
	}

#section7 h3.sp{
	display:none;
	}

#section7 footer{
	background-color:#07428A;
	width:100%;
	height:75px;
 	position: absolute;
	left: 0;
	bottom:0;
	}

#section7 footer p{
	color:#fff;
	position: absolute;
	left: 30px;
	top:25px;
	}

#section7 footer span.twitter{
	color:#fff;
	position: absolute;
	right: 100px;
	top:15px;
	font-size:30px;
	display:none;
	}

#section7 footer span.facebook{
	color:#fff;
	position: absolute;
	right: 75px;
	top:15px;
	font-size:30px;
	display:none;
	}

#section7 footer span.envelope{
	color:#fff;
	position: absolute;
	right: 30px;
	top:15px;
	font-size:30px;
	}

#section7 footer span.twitter a,#section7 footer span.facebook a,#section7 footer span.envelope a{
	color:#fff;
	}

#section7 footer span.twitter a:hover,#section7 footer span.facebook a:hover,#section7 footer span.envelope a:hover{
	opacity: .7;
	-webkit-opacity: .7;
	-moz-opacity: .7;
	filter: alpha(opacity=70);/* IE lt 8 */
	-ms-filter: "alpha(opacity=70)"; /* IE 8 */
	transition:all 0.3s;
	cursor:pointer;
	}

#slide1{
	background-image: url(../imgs/bg2.jpg);
	padding: 6% 0 0 0;
	}

#slide2{
	background-image: url(../imgs/bg5.jpg);
	padding: 6% 0 0 0;
	}

/* pageArea -------------------------------------------------- */

.pageArea{
	padding:150px 5% 150px;
	}

.overlayPage{
	position:absolute;
	top: 0; 
	left: 0;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	background: url(../img/overlay.png) repeat;
	z-index:-9;
	}

.pageArea footer{
	background-color:#07428A;
	width:100%;
	height:75px;
 	position: absolute;
	left: 0;
	bottom:0;
	}

.pageArea footer p{
	color:#fff;
	position: absolute;
	left: 30px;
	top:25px;
	}

.pageArea footer span.twitter{
	color:#fff;
	position: absolute;
	right: 100px;
	top:15px;
	font-size:30px;
	display:none;
	}

.pageArea footer span.facebook{
	color:#fff;
	position: absolute;
	right: 75px;
	top:15px;
	font-size:30px;
	display:none;
	}

.pageArea footer span.envelope{
	color:#fff;
	position: absolute;
	right: 30px;
	top:15px;
	font-size:30px;
	}

.pageArea footer span.twitter a,.pageArea footer span.facebook a,.pageArea footer span.envelope a{
	color:#fff;
	}

.pageArea footer span.twitter a:hover,.pageArea footer span.facebook a:hover,.pageArea footer span.twitter a:hover{
	opacity: .7;
	-webkit-opacity: .7;
	-moz-opacity: .7;
	filter: alpha(opacity=70);/* IE lt 8 */
	-ms-filter: "alpha(opacity=70)"; /* IE 8 */
	transition:all 0.3s;
	cursor:pointer;
	}

/* contactPage -------------------------------------------------- */
#contactPage{
	background: #003399;/*Other Browser*/
	background: -webkit-gradient(
	linear, left top, left bottom,
	color-stop(0.00, #003399),
	color-stop(1.00, #8bd2e9)
	);/*For Old WebKit*/
	background: linear-gradient(
	to bottom,
	#003399 0%,
	#8bd2e9 100%
	);/*For Modern Browser*/
	position:relative;
	top: 0; 
	left: 0;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	z-index:0;
	}

#contactPage h1{
	margin-bottom:90px;
	}

#contactPage h1 img{
	width: 619px;
	}

#contactPage h2{
	margin-bottom:50px;
	text-align:right;
	}

#contactPage h2 img{
	width: 822px;
	}

/* recuruitPage -------------------------------------------------- */
#recuruitPage{
	background: #EA8B2B;/*Other Browser*/
	background: -webkit-gradient(
	linear, left top, left bottom,
	color-stop(0.00, #EA8B2B),
	color-stop(1.00, #FFEB95)
	);/*For Old WebKit*/
	background: linear-gradient(
	to bottom,
	#EA8B2B 0%,
	#FFEB95 100%
	);/*For Modern Browser*/
	position:relative;
	top: 0; 
	left: 0;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	z-index:0;
	}

#recuruitPage h1{
	margin-bottom:90px;
	}

#recuruitPage h1 img{
	width: 619px;
	}

#recuruitPage h2{
	margin-bottom:50px;
	text-align:right;
	}

#recuruitPage h2 img{
	width: 822px;
	}

/* requestPage -------------------------------------------------- */
#requestPage{
	background: linear-gradient(#00AA90, #C7E6DE);
	background: #00AA90;/*Other Browser*/
	background: -webkit-gradient(
	linear, left top, left bottom,
	color-stop(0.00, #00AA90),
	color-stop(1.00, #C7E6DE)
	);/*For Old WebKit*/
	background: linear-gradient(
	to bottom,
	#00AA90 0%,
	#C7E6DE 100%
	);/*For Modern Browser*/
	position:relative;
	top: 0; 
	left: 0;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	z-index:0;
	}

#requestPage h1{
	margin-bottom:90px;
	}

#requestPage h1 img{
	width: 619px;
	}

#requestPage h2{
	margin-bottom:50px;
	text-align:right;
	}

#requestPage h2 img{
	width: 841px;
	}


/* approachPage -------------------------------------------------- */
#approachPage{
	background: linear-gradient(#00B0DF, #C5E7F2);
	background: #00B0DF;/*Other Browser*/
	background: -webkit-gradient(
	linear, left top, left bottom,
	color-stop(0.00, #00B0DF),
	color-stop(1.00, #C5E7F2)
	);/*For Old WebKit*/
	background: linear-gradient(
	to bottom,
	#00B0DF 0%,
	#C5E7F2 100%
	);/*For Modern Browser*/
	position:relative;
	top: 0; 
	left: 0;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	z-index:0;
	}

#approachPage h1{
	margin-bottom:90px;
	}

#approachPage h1 img{
	width: 619px;
	}

#approachPage h2{
	margin-bottom:200px;
	text-align:right;
	}

#approachPage h2 img{
	width: 780px;
	}

#approachPage h3{
	margin-bottom:200px;
	text-align:center;
	}

#approachPage h3 img{
	width: 1116px;
	}

.apLayout_pc{
	margin:0 auto;
	width: 1200px;
	}

.apLayout_pc img{
	margin:0 auto;
	width: 1200px;
	}

.apLayout_sp{
	display:none;
	margin:0 auto;
	width: 1200px;
	}

.apLayout_sp img{
	display:none;
	margin:0 auto;
	width: 1200px;
	}

#approachPage h5{
	text-align:center;
	margin:200px auto 200px;
	}

#approachPage h5 img{
	width: 1068px;
	}



/* aboutPage -------------------------------------------------- */
#aboutPage{
	background: linear-gradient(#A891B9, #E3DCE8);
	background: #A891B9;/*Other Browser*/
	background: -webkit-gradient(
	linear, left top, left bottom,
	color-stop(0.00, #A891B9),
	color-stop(1.00, #E3DCE8)
	);/*For Old WebKit*/
	background: linear-gradient(
	to bottom,
	#A891B9 0%,
	#E3DCE8 100%
	);/*For Modern Browser*/
	position:relative;
	top: 0; 
	left: 0;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	z-index:0;
	}

#aboutPage h1{
	margin-bottom:90px;
	}

#aboutPage h1 img{
	width: 619px;
	}

#aboutPage h2{
	margin-bottom:90px;
	}

#aboutPage h2 img{
	width: 619px;
	}

#aboutPage table{
	margin:0 auto 40px;
	width:90%;
	color:#fff;
	font-size:14px;
	border-top:1px solid #fff;
	}

#aboutPage table th{
	padding:20px 5px;
	text-align:left;
	font-weight:normal;
	border-bottom:1px solid #fff;
	width:8em;
	}

#aboutPage table.w5 th{
	width:5em;
	}

#aboutPage table td{
	padding:20px 5px;
	text-align:left;
	font-weight:normal;
	border-bottom:1px solid #fff;
	}

#aboutPage h3{
	margin-bottom:10px;
	font-size:20px;
	color:#fff;
	font-weight:normal;
	line-height:1em;
	}

#aboutPage h3 span{
	font-size:14px;
	}

#aboutPage p{
	font-size:14px;
	color:#fff;
	}

#aboutPage .aboutArea{
	margin:0 auto 50px;
	width:90%;
	}

/* ----------------------------------------------------------------------
blink
---------------------------------------------------------------------- */
.blink{
	-webkit-animation:blink 1.0s ease-in-out infinite alternate;
	-moz-animation:blink 1.0s ease-in-out infinite alternate;
	animation:blink 1.0s ease-in-out infinite alternate;
	}
@-webkit-keyframes blink{
	0% {opacity:0;}
	100% {opacity:1;}
	}
@-moz-keyframes blink{
	0% {opacity:0;}
	100% {opacity:1;}
	}
@keyframes blink{
	0% {opacity:0;}
	100% {opacity:1;}
	}

 /* max-width: 1300px ----------------------------------------------------------------- */
@media screen
    and (max-width: 1300px) {

#approachPage h3 img{
	width: 100%;
	}

.apLayout_pc{
	margin:0 auto 30px;
	width:100%;
	}

.apLayout_pc img{
	width: 100%;
	}

#approachPage h5{
	margin:150px auto 150px;
	width: 80%;
	float:none;
	}
#approachPage h5 img{
	width: 100%;
	}

}


/* コンタクト -------------------------------------------------- */

.contactForm{
	float:right;
	width:50%;	
	}

.fTitle{
	color:#fff;
	font-size:14px;
	}

input{
	-webkit-box-sizing:border-box;box-sizing:border-box;
	width:100%;
	padding:10px;
	border-radius: 6px;
	-moz-borderr-radius: 6px;
	-webkit-borderr-radius: 6px;
	border:none;
	background-color:#fff;
	-webkit-appearance:none;
	}

input:focus{
	background-color:#ffffcc;
	}

.selectBox select {
	color:#000;
	-webkit-box-sizing:border-box;box-sizing:border-box;
	height:33px;
	padding:5px 30px 5px 10px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	text-indent: .01px; /*Firefox用*/
	text-overflow: ""; /*Firefox用*/
	border:none;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	background: #fff;
	background: url(../img/selectArrow.png) right 50% no-repeat);
	background: url(../img/selectArrow.png) right 50% no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#fff));
	background: url(../img/selectArrow.png) right 50% no-repeat, -webkit-linear-gradient(top, #fff 0%,#fff 100%);
	background: url(../img/selectArrow.png) right 50% no-repeat, -o-linear-gradient(top, #fff 0%,#fff 100%);
	background: url(../img/selectArrow.png) right 50% no-repeat, -ms-linear-gradient(top, #fff 0%,#fff 100%);
	background: url(../img/selectArrow.png) right 50% no-repeat, linear-gradient(to bottom, #fff 0%,#fff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#fff',GradientType=0 );
	background-size: 30px, 100%;
	}
@-moz-document url-prefix() { /*Firefox用*/
    .selectBox select {
	background: #fff;
	background: -moz-linear-gradient(top, #fff 0%, #fff 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#fff));
	background: -webkit-linear-gradient(top, #fff 0%,#fff 100%);
	background: -o-linear-gradient(top, #fff 0%,#fff 100%);
	background: -ms-linear-gradient(top, #fff 0%,#fff 100%);
	background: linear-gradient(to bottom, #fff 0%,#fff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#fff',GradientType=0 );
    }
}

select::-ms-expand {
	display: none;
	}
textarea{
	-webkit-box-sizing:border-box;box-sizing:border-box;
	width:100%;
	padding:10px;
	border-radius: 6px;
	-moz-borderr-radius: 6px;
	-webkit-borderr-radius: 6px;
	border:1px solid #ddd;
	background-color:#fff;
	-webkit-appearance:none;
	}

textarea:focus{
	background-color:#ffffcc;
	}

.submitBtn {
	margin-right:10px;
	display:inline-block;
	-webkit-box-sizing:border-box;box-sizing:border-box;
	width:40%;
	padding:10px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	background-color:#999;
	color:#fff;
	}

.submitBtn:hover {
	background-color:#ccc;
	cursor:pointer;
	}

.backBtn {
	display:inline-block;
	-webkit-box-sizing:border-box;box-sizing:border-box;
	width:40%;
	margin:0;
	padding:10px;
	border:1px solid #ccc;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	background-color:#ddd;
	color:#000;
	}

.backBtn:hover {
	background-color:#eee;
	cursor:pointer;
	}

.formBtn{
	margin-top:30px;
	width:100%;
	}

#formWrap{
	padding:30px;
	}

#formWrap h1{
	margin-bottom:20px;
	font-size:40px;
	}

#formWrap h3{
	font-size:16px;
	}

.confirm{
	margin-bottom:15px;
	padding:10px;
	-webkit-box-sizing:border-box;box-sizing:border-box;
	background-color:#fff;
	border:none;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	font-size:14px;
	color:#000;
	}



/* Slidebars -------------------------------------------------- */
.sb-slidebar ul{
	padding:40px 0 0;
	}

 .sb-slidebar li{
	text-align:center;
	margin-bottom:30px;
	}


.sb-slidebar li.contact{
	opacity: 1;
	-webkit-opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);/* IE lt 8 */
	-ms-filter: "alpha(opacity=100)"; /* IE 8 */
	transition:all 0.3s;
	}

.sb-slidebar li.contact a:hover{
	opacity: .7;
	-webkit-opacity: .7;
	-moz-opacity: .7;
	filter: alpha(opacity=70);/* IE lt 8 */
	-ms-filter: "alpha(opacity=70)"; /* IE 8 */
	transition:all 0.3s;
	cursor:pointer;
	}

.sb-slidebar li.request{
	opacity: 1;
	-webkit-opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);/* IE lt 8 */
	-ms-filter: "alpha(opacity=100)"; /* IE 8 */
	transition:all 0.3s;
	}

.sb-slidebar li.request a:hover{
	opacity: .7;
	-webkit-opacity: .7;
	-moz-opacity: .7;
	filter: alpha(opacity=70);/* IE lt 8 */
	-ms-filter: "alpha(opacity=70)"; /* IE 8 */
	transition:all 0.3s;
	cursor:pointer;
	}

.sb-slidebar li.about{
	opacity: 1;
	-webkit-opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);/* IE lt 8 */
	-ms-filter: "alpha(opacity=100)"; /* IE 8 */
	transition:all 0.3s;
	}
.sb-slidebar li.about a:hover{
	opacity: .7;
	-webkit-opacity: .7;
	-moz-opacity: .7;
	filter: alpha(opacity=70);/* IE lt 8 */
	-ms-filter: "alpha(opacity=70)"; /* IE 8 */
	transition:all 0.3s;
	cursor:pointer;
	}

.sb-slidebar li.approach{
	opacity: 1;
	-webkit-opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);/* IE lt 8 */
	-ms-filter: "alpha(opacity=100)"; /* IE 8 */
	transition:all 0.3s;
	}
.sb-slidebar li.approach a:hover{
	opacity: .7;
	-webkit-opacity: .7;
	-moz-opacity: .7;
	filter: alpha(opacity=70);/* IE lt 8 */
	-ms-filter: "alpha(opacity=70)"; /* IE 8 */
	transition:all 0.3s;
	cursor:pointer;
	}

.sb-slidebar li.top{
	opacity: 1;
	-webkit-opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);/* IE lt 8 */
	-ms-filter: "alpha(opacity=100)"; /* IE 8 */
	transition:all 0.3s;
	}
.sb-slidebar li.top a:hover{
	opacity: .7;
	-webkit-opacity: .7;
	-moz-opacity: .7;
	filter: alpha(opacity=70);/* IE lt 8 */
	-ms-filter: "alpha(opacity=70)"; /* IE 8 */
	transition:all 0.3s;
	cursor:pointer;
	}

#header {
	position: fixed;
	top:6px;
	right:6px;
	width: 100%;
	height:18px;
	z-index: 4;
	}
 
#header .sb-toggle-right {
	float: right;
	width:18px;
	height:18px;
	color:white;
	font-size:18px;
	}


 /* max-width: 1080px ----------------------------------------------------------------- */
@media screen
    and (max-width: 1080px) {

#contactPage h1 img{
	width: 60%;
	}
#recuruitPage h1 img{
	width: 60%;
	}

#requestPage h1 img{
	width: 60%;
	}

#approachPage h1 img{
	width: 60%;
	}

#aboutPage h1 img{
	width: 60%;
	}

#contactPage h2 img{
	width: 70%;
	}

#recuruitPage h2 img{
	width: 70%;
	}

#requestPage h2 img{
	width: 70%;
	}

#approachPage h2{
	margin-bottom:150px;
	}

#approachPage h2 img{
	width: 70%;
	}

#approachPage h3{
	margin-bottom:100px;
	}

#approachPage h5{
	margin:100px auto 100px;
	}

.contactForm{
	width:70%;	
	}

}


 /* max-width: 768px ----------------------------------------------------------------- */
@media screen
    and (max-width: 768px) {

#header{
	display:block;
	}

nav{
	display:none;
	}

/* section0 768px-------------------------------------------------- */
#section0 h1{
	position: absolute;
	top:35%;
	left: 25%;
	right: 25%;
	bottom: 50%;
	margin:auto;
	width: 70%;
	height:auto;
	line-height:1em;
	}
#section0 h1 img{
	width: 70%;
	height:auto;
	}

#section0 h2.pc{
	display:none;
	}

#section0 h2.sp{
	display:block;
	position: absolute;
	top:60%;
	left: 6%;
	right: 6%;
	margin: 0 auto;
	width: 98%;
	line-height:1em;
	}

#section0 h2.sp img{
	width: 90%;
	}

/* section1 768px-------------------------------------------------- */
#section1 h1 img{
	width: 3000px;
	}

#section1 h2.pc{
	display:none;
	}

#section1 h2.sp{
	display:block;
	position: absolute;
	top:35%;
	left: 10%;
	right: 10%;
	bottom: 50%;
	margin:auto;
	width: 90%;
	line-height:1em;
	}

#section1 h2.sp img{
	width: 90%;
	}

#section1 h3.pc{
	display:none;
	}

#section1 h3.sp{
	display:block;
	position: absolute;
	top:60%;
	left: 6%;
	right: 6%;
	margin: 0 auto;
	width: 98%;
	line-height:1em;
	}

#section1 h3.sp img{
	width: 90%;
	}

/* section2 768px-------------------------------------------------- */
#section2 h1 img{
	width: 3000px;
	}

#section2 h2.pc{
	display:none;
	}
#section2 h2.sp{
	display:block;
	position: absolute;
	top:35%;
	left: 20%;
	right: 20%;
	bottom: 50%;
	margin:auto;
	width: 80%;
	line-height:1em;
	}

#section2 h2.sp img{
	width: 80%;
	}

#section2 h3.pc{
	display:none;
	}

#section2 h3.sp{
	display:block;
	position: absolute;
	top:60%;
	left: 6%;
	right: 6%;
	margin: 0 auto;
	width: 98%;
	line-height:1em;
	}

#section2 h3.sp img{
	width: 90%;
	}

/* section3 768px-------------------------------------------------- */
#section3 h1 img{
	width: 3000px;
	}

#section3 h2.pc{
	display:none;
	}

#section3 h2.sp{
	display:block;
	position: absolute;
	top:35%;
	left: 20%;
	right: 20%;
	bottom: 50%;
	margin:auto;
	width: 80%;
	line-height:1em;
	}

#section3 h2.sp img{
	width: 80%;
	}

#section3 h3.pc{
	display:none;
	}

#section3 h3.sp{
	display:block;
	position: absolute;
	top:60%;
	left: 6%;
	right: 6%;
	margin: 0 auto;
	width: 98%;
	line-height:1em;
	}

#section3 h3.sp img{
	width: 90%;
	}

/* section4 768px-------------------------------------------------- */
#section4 h1 img{
	width: 3000px;
	}

#section4 h2.pc{
	display:none;
	}

#section4 h2.sp{
	display:block;
	position: absolute;
	top:35%;
	left: 20%;
	right: 20%;
	bottom: 50%;
	margin:auto;
	width: 80%;
	line-height:1em;
	}

#section4 h2.sp img{
	width: 80%;
	}

#section4 h3.pc{
	display:none;
	}

#section4 h3.sp{
	display:block;
	position: absolute;
	top:60%;
	left: 6%;
	right: 6%;
	margin: 0 auto;
	width: 98%;
	line-height:1em;
	}

#section4 h3.sp img{
	width: 90%;
	}

/* section5 768px-------------------------------------------------- */
#section5 h1 img{
	width: 3000px;
	}

#section5 h2.pc{
	display:none;
	}

#section5 h2.sp{
	display:block;
	position: absolute;
	top:35%;
	left: 20%;
	right: 20%;
	bottom: 50%;
	margin:auto;
	width: 80%;
	line-height:1em;
	}

#section5 h2.sp img{
	width: 80%;
	}

#section5 h3.pc{
	display:none;
	}

#section5 h3.sp{
	display:block;
	position: absolute;
	top:60%;
	left: 6%;
	right: 6%;
	margin: 0 auto;
	width: 98%;
	line-height:1em;
	}

#section5 h3.sp img{
	width: 90%;
	}


/* section6 768px-------------------------------------------------- */
#section6 h1 img{
	width: 3000px;
	}

#section6 h2.pc{
	display:none;
	}

#section6 h2.sp{
	display:block;
	position: absolute;
	top:35%;
	left: 20%;
	right: 20%;
	bottom: 50%;
	margin:auto;
	width: 80%;
	line-height:1em;
	}

#section6 h2.sp img{
	width: 80%;
	}

#section6 h3.pc{
	display:none;
	}

#section6 h3.sp{
	display:block;
	position: absolute;
	top:60%;
	left: 6%;
	right: 6%;
	margin: 0 auto;
	width: 98%;
	line-height:1em;
	}

#section6 h3.sp img{
	width: 90%;
	}

#section6 footer{
	padding-top:5px;
	height:60px;
 	position: absolute;
	left: 0;
	bottom:0;
	}

#section6 footer p{
	margin-top:35px;
	position:static;
	text-align:center;
	font-size:10px;
	}

#section6 footer span.twitter{
	position: absolute;
	right: 3%;
	top:8px;
	font-size:20px;
	}

#section6 footer span.facebook{
	position: absolute;
	right: 0%;
	top:8px;
	font-size:20px;
	}
#section6 footer span.envelope{
	position: absolute;
	right: 50%;
	top:8px;
	font-size:20px;
	}
		
/* section7 768px-------------------------------------------------- */
#section7 h1 img{
	width: 3000px;
	}

#section7 h2.pc{
	display:none;
	}

#section7 h2.sp{
	display:block;
	position: absolute;
	top:35%;
	left: 20%;
	right: 20%;
	bottom: 50%;
	margin:auto;
	width: 80%;
	line-height:1em;
	}
		
#section7 h2.sp img{
	width: 80%;
	}

#section7 h3.pc{
	display:none;
	}

#section7 h3.sp{
	display:block;
	position: absolute;
	top:60%;
	left: 6%;
	right: 6%;
	margin: 0 auto;
	width: 98%;
	line-height:1em;
	}

#section7 h3.sp img{
	width: 90%;
	}

#section7 footer{
	padding-top:5px;
	height:60px;
 	position: absolute;
	left: 0;
	bottom:0;
	}

#section7 footer p{
	margin-top:35px;
	position:static;
	text-align:center;
	font-size:10px;
	}

#section7 footer span.twitter{
	position: absolute;
	right: 3%;
	top:8px;
	font-size:20px;
	}

#section7 footer span.facebook{
	position: absolute;
	right: 0%;
	top:8px;
	font-size:20px;
	}
#section7 footer span.envelope{
	position: absolute;
	right: 50%;
	top:8px;
	font-size:20px;
	}

/* pageArea 768px-------------------------------------------------- */

.pageArea{
	padding:50px 5% 100px;
	}

.pageArea footer{
	padding-top:5px;
	height:60px;
 	position: absolute;
	left: 0;
	bottom:0;
	}

.pageArea footer p{
	margin-top:35px;
	position:static;
	text-align:center;
	font-size:10px;
	}

.pageArea footer span.twitter{
	position: absolute;
	right: 0%;
	top:8px;
	font-size:20px;
	}

.pageArea footer span.facebook{
	position: absolute;
	right: 0%;
	top:8px;
	font-size:20px;
	}

.pageArea footer span.envelope{
	position: absolute;
	right: 50%;
	top:8px;
	font-size:20px;
	}

/* contactPage 768px-------------------------------------------------- */
#contactPage h1{
	margin-bottom:60px;
	}

#contactPage h1 img{
	width: 80%;
	}

#contactPage h2 img{
	width: 100%;
	}

/* recuruitPage 768px-------------------------------------------------- */
#recuruitPage h1{
	margin-bottom:60px;
	}

#recuruitPage h1 img{
	width: 80%;
	}

#recuruitPage h2 img{
	width: 100%;
	}


/* requestPage 768px-------------------------------------------------- */
#requestPage h1{
	margin-bottom:60px;
	}

#requestPage h1 img{
	width: 80%;
	}

#requestPage h2 img{
	width: 100%;
	}


/* approachPage 768px-------------------------------------------------- */
#approachPage h1{
	margin-bottom:60px;
	}

#approachPage h1 img{
	width: 80%;
	}

#approachPage h2{
	margin-bottom:80px;
	}

#approachPage h2 img{
	width: 90%;
	}

.apLayout_pc{
	display:none;
	}

.apLayout_pc img{
	display:none;
	}

.apLayout_sp{
	display:block;
	margin:0 auto 30px;
	width:100%;
	}

.apLayout_sp img{
	display:block;
	width: 100%;
	}

/* aboutPage 768px-------------------------------------------------- */

#aboutPage h1{
	margin-bottom:60px;
	}

#aboutPage h1 img{
	width: 80%;
	}

#aboutPage h2{
	margin-bottom:60px;
	}

#aboutPage h2 img{
	width: 120%;
	}

#aboutPage h3{
	font-size:18px;
	}

#aboutPage p{
	font-size:12px;
	}

#aboutPage table{
	font-size:12px;
	}
#aboutPage table p{
	font-size:12px;
	}

#aboutPage .aboutArea{
	margin:0 auto 30px;

	}

/* contactForm 768px-------------------------------------------------- */
.contactForm{
	float:none;
	width:100%;	
	}


}

 /* max-width: 480px ----------------------------------------------------------------- */
@media screen
    and (max-width: 480px) {

#section1 h1 img{
	width: 2400px;
	}

#section2 h1 img{
	width: 2400px;
	}

#section3 h1 img{
	width: 2400px;
	}

#section4 h1 img{
	width: 2400px;
	}

#section5 h1 img{
	width: 2400px;
	}

#section6 h1 img{
	width: 2400px;
	}

		
#section7 h1 img{
	width: 2400px;
	}

#section7 footer span.twitter{
	right: 0%;
	}

#section7 footer span.facebook{
	right: 0%;
	}

#section7 footer span.envelope{
	right: 50%;
	}

.pageArea footer span.twitter{
	right: 0%;
	}

.pageArea footer span.facebook{
	right: 0%;
	}

.pageArea footer span.envelope{
	right: 50%;
	}


}