@charset "UTF-8";
/*
 ------------------------------

 ◆creation date:17/08/02
 ・17/08/02：全体的に書き直し

 ----------------------------- */


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

	共通

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


body {
	opacity:0;
	-webkit-transition:opacity 0.25s 0.5s;
	transition:opacity 0.25s 0.5s;
}

body.on {
	opacity:1;
	-webkit-transition:opacity 0.25s 0.5s;
	transition:opacity 0.25s 0.5s;
}

@supports (-ms-ime-align:auto) {
		body {
		opacity:1;
	}
}

h1 {
	text-indent:-50000px;
}

h2 {
	font-family:'Roboto';
	letter-spacing:0.2em;
	font-size:31px;
	font-weight:100;
	color:#0201a3;
}

main {
	/*width:960px;*/
	width:100%;
	margin:0 auto;
	padding:0 0 49px;
	background-color:#e5e5e5;
	overflow-x:hidden;
}

.contents-inner {
	max-width:960px;
	margin:0 auto;
}


@media screen and (max-width:750px) {
	body {
		width:750px;
	}

	body main {
		width:750px;
		padding:0;
	}

	h1 {
		text-indent:0;
	}

	h2 {
		margin:0 auto;
		font-size:45px;
		text-align:center;
	}

	.displayPC {
		display:none !important;
	}
	
	.displaySP {
		display:block !important;
	}
	
	.flexSP {
		display:-webkit-box !important;
		display:-webkit-flex !important;
		display:-ms-flexbox !important;
		display:flex !important;
	}
	
	#man {
		width:120px;
		height:280px;
		background:url(../images/man.png) no-repeat;
		background-size:100% auto;
		margin:150px auto 0;
	}
	
	#man span {
		display:block;
		width:120px;
		height:190px;
		background:url(../images/man_upper.png) no-repeat;
		background-size:100% auto;
	}
}



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

	フッター兼ナビゲーション

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

footer {
	position:fixed;
	z-index:10000;
	bottom:0;
	/*left:50%;*/
	left:0;
	width:100%;
	height:49px;
	/*margin:0 0 0 -480px;*/
	background-color:#d3d3d3;
}

footer nav {
	max-width:960px;
	margin:0 auto;
}

footer nav ul {
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	width:100%;
	height:48px;
	margin:1px auto 0;
	padding:0 17px;
	border-top:solid 1px #dadada;
	-webkit-box-pack:justify;
	-webkit-justify-content:space-between;
	-ms-flex-pack:justify;
	justify-content:space-between;
	-webkit-box-align:stretch;
	-webkit-align-items:stretch;
	-ms-flex-align:stretch;
	align-items:stretch;
	/*background-color:#d3d3d3;*/
	font-family:'Roboto';
	letter-spacing:0.2em;
}

footer nav ul li {
	display:block;
	-webkit-transition:opacity 0.5s;
	transition:opacity 0.5s;
	opacity:1;
	background-repeat:no-repeat;
	background-position:center;
	vertical-align:middle;
}

footer nav ul li:hover {
	-webkit-transition:opacity 0.5s;
	transition:opacity 0.5s;
	opacity:0.6;
}

footer nav ul li a {
	display:block;
	height:70px;
	padding-top:15px;
	font-size:18px;
	color:#0000a9 !important;
}

footer nav ul li:first-of-type {
	width:161px;
	background-image:url("../images/logo.png");
}

footer nav ul li:nth-of-type(3) {
	/*width:135px;
	background-image:url("../images/navWorks.png");*/
}

footer nav ul li:nth-of-type(4) {
	/*width:167px;
	background-image:url("../images/navCompany.png");*/
}

footer nav ul li:nth-of-type(5) {
	/*width:145px;
	background-image:url("../images/navAccess.png");*/
}

footer nav ul li:nth-of-type(6) {
	/*width:164px;
	background-image:url("../images/navContact.png");*/
}

footer nav ul li:nth-of-type(2) {
	/*width:154px;
	background-image:url("../images/navRecruit.png");*/
}

footer nav ul li a {
	/*text-indent:-50000px;*/
}


@media screen and (max-width:750px) {
	footer {
		left:0;
		width:100%;
		height:94px;
		margin:0;
	}

	footer nav .swiper-container {
		background-color:#d3d3d3;
		height:94px;
	}

	footer nav .swiper-container .swiper-slide {
		display:table;
		text-align:center;
		vertical-align:middle !important;
		/*width:250px !important;*/
		height:94px;
	}

	footer nav .swiper-container .swiper-slide img {
		width:100%;
	}

	footer nav .swiper-container .swiper-slide:hover {
		-webkit-transition:none;
		transition:none;
		opacity:1;
	}

	footer nav .swiper-container .swiper-slide a {
		/*display:block;*/
		display:table-cell;
		height:94px;
		font-size:36px;
		vertical-align:middle !important;
		color:#0000a9 !important;
	}

	footer nav .swiper-container .swiper-slide:first-of-type img {
		display:block;
		width:100%;
		margin:0 auto;
	}
/*
	footer nav ul li a {
		text-indent:-50000px;
	}
*/

	.sp-logo a {
		text-align:center;
		/*margin:0 auto;*/
	}
}






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

	メインビジュアル

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

#andesMan {
	width:100%;
	background-color:#fff;
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	-ms-flex-pack:center;
	justify-content:center;
	-webkit-box-align:center;
	-webkit-align-items:center;
	-ms-flex-align:center;
	align-items:center;
	position:relative;
}

#andesMan p {
	position:absolute;
	top:100px;
	left:0;
	width:100%;
	text-align:center;
}

#andesMan img {
	display:none;
}

#andesMan img#andesManDefault,
#andesMan img#andesDirectors {
	width:194px;
}

#andesMan img#andesManMorning {
	width:302px;
}

#andesMan img#andesManLunch {
	width:270px;
}
/*
#andesMan img#andesDirectors {
	width:640px;
}
*/
#andesMan img#andesManNight {
	width:274px;
}

#andesMan img#andesManSleep {
	width:274px;
}

#andesMan p img {
	display:inline !important;
}


@media screen and (max-width:750px) {

	#andesMan {
		position:relative;
	}

	#andesMan p {
		position:absolute;
		top:100px;
		text-align:center;
	}

	#andesMan img,
	#andesMan img#andesDirectors {
		width:200px !important;
		height:auto;
	}
/*
	#andesMan img#andesDirectors {
		width:100% !important;
		height:auto;
	}
*/
	#andesMan img#andesManSleep {
		width:50% !important;
		height:auto;
	}

	#andesMan {
		padding:150px 0 100px 0;
	}
	
	#andesMan p {
		top:30px;
	}
	
	#andesMan img {
		margin:auto;
	}
}



@media screen and (max-height: 728px) {
#andesMan p {
	position:relative;
	top:auto;
	width:auto;
}

#andesMan p img {
	display: block !important;
}

}


@media screen and (max-width:750px) {
.displayPC {
display:none !important;
}
.displaySP {
display:block !important;
}
.flexSP {
display:-webkit-box !important;
display:-webkit-flex !important;
display:-ms-flexbox !important;
display:flex !important;
}

#man {
	width:120px;
	height:280px;
	background:url(../images/man.png) no-repeat;
	background-size:100% auto;
	margin:150px auto 0;
	}
#man span {
	display:block;
	width:120px;
	height:190px;
	background:url(../images/man_upper.png) no-repeat;
	background-size:100% auto;
	}
}