@charset "UTF-8";

html{
	margin:0;
	padding:0;
	font-size:62.5%;
}

body{
	margin:0 auto;
	padding:0;
	font-size:1.4em;
	font-family:'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'Yu Gothic',YuGothic, sans-serif;
	font-weight:400;
}
h1, h2, h3, h4, h5, h6,a{
	line-height:125%;
}
p{
	line-height:160%;
}
li{
	line-height:145%;
}

/* iPad背景切れ対策 */
@media screen and (min-width:668px){
	body{
		min-width:1200px;
	}
}

*,*::before,*::after{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box;
}
header,footer,section,aside,nav,article,main{
	display:block;
}
h1, h2, h3, h4, h5, h6 {
	margin:0;
	padding:0;
}
p {
	margin:0;
	padding:0;
	font-size:100%;
}
img {
	border:none;
	vertical-align:top;
	margin:0;
	padding:0;
}
figure,ul,ol,li,dl,dt,dd{
	margin:0;
	padding:0;
}
ul li,ol li{
	list-style:none;
}
a{
	color:#000000;
	text-decoration:none;
	transition:color 0.2s;
}
a:link{
	color:#000000;
}
a:visited{
	color:#000000;
}
a:hover{
	color:#000000;
	text-decoration:none;
}


/* clearfix */
.clearfix::after {
	content:' ';
	display:block;
	height:0;
	font-size:0;
	clear: both;
	visibility:hidden;
}

/* 表示切替 */
.switch{
	visibility:hidden;
}
.sp{
	display:none;
}

/* リンクボタン */
.listBtn{
	display:-ms-flex;
	display:flex;
	-ms-justify-content:space-between;
	justify-content:space-between;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
}
.listBtn li{
	width:calc((100% - 10px)/2);
	font-size:1.3rem;
	text-align:center;
}
.listBtn li a{
	display:block;
	padding:0 10px 0 0px;
	height:37px;
	line-height:37px;
	vertical-align:middle;
	border-radius:3px;
	box-shadow:0 5px 0 0 rgba(0,0,0,0.15);
}


/*
	header
-----------------------------------------------------------------------------------------------*/
#headOut{
	background-color:#FFFFFF;
}
#headIn{
	width:1200px;
	padding:15px 30px;
	margin:0 auto;
}
.headL{
	float:left;
}
.headR{
	padding:7px 0 0 0;
	float:right;
}
#logo{
	display:inline-block;
	padding:0 5px 0 0;
	line-height:18px;
	vertical-align:middle;
}
a.btnCompany{
	display:inline-block;
	height:34px;
	padding:0 10px;
	line-height:34px;
	text-align:center;
	vertical-align:middle;
	color:#FFFFFF;
	background-color:#AABCCB;
	border-radius:17px;
	transition:background-color 0.15s;
}
a.btnCompany:hover{
	background-color:#8DA2B3;
}
.headR a{
	display:block;
}
.headR a img{
	transition:opacity 0.15s;
}
.headR a:hover img{
	opacity:0.7;
}

/*
	contents
-----------------------------------------------------------------------------------------------*/
#kvArea{
	padding:165px 30px 158px 30px;
	text-align:center;
	background-color:#0068B6;
}
#titMain{
	padding:15px 30px;
	font-size:2.2rem;
	font-weight:normal;
	text-align:center;
	letter-spacing:0.05em;
	color:#FFFFFF;
	background-color:#1DADE5;
}
#mainPicOut{
	background-color:#F5FAFF;
}
#mainPicIn{
	width:1200px;
	margin:0 auto;
	padding:0 30px;
	background-color:#FFFFFF;
	background-clip:content-box;
}

/* 会社紹介 */
#companyOut{
	background-color:#1254A7;
}
#listCompany{
	display:-ms-flex;
	display:flex;
	width:1200px;
	padding:0 30px;
	margin:0 auto;
}
#listCompany > li{
	width:380px;
	height: 336px;
	padding:40px 30px 30px 30px;
	color:#FFFFFF;
	background-color:#0068B6;
	position:relative;
}
#listCompany > li::after{
	content:' ';
	display:block;
	width:0;
	height:0;
	border:7px solid transparent;
	border-top:10px solid #FFFFFF;
	position:absolute;
	top:0;
	left:50%;
	margin:0 0 0 -7px;
}
#listCompany > li:nth-of-type(2){
	background-color:#1254A7;
}
#listCompany > li .tit{
	padding:0 0 10px 0;
	margin:0 0 15px 0;
	font-size:1.8rem;
	font-weight:normal;
	text-align:center;
	line-height:145%;
	position:relative;
	border-bottom:1px dotted #FFFFFF;
}
#listCompany li:first-of-type .tit{
	padding:14px 0 22px 0;
}
#listCompany > li .tit::before,#listCompany > li .tit::after{
	content:' ';
	display:block;
	width:6px;
	height:6px;
	background-color:#FFFFFF;
	border-radius:3px;
	position:absolute;
	bottom:-3px;
	left:0;
}
#listCompany > li .tit::after{
	left:auto;
	right:0;
}

#listCompany .listBtn{
	padding:15px 0 0 0;
	position:relative;
}
#listCompany .listBtn li a{
	background-color:#FFFFFF;
	position:relative;
	transition:background-color 0.15s;
}
#listCompany .listBtn li a:hover{
	background-color:#D4E7F4;
}
#listCompany .listBtn li a::after{
	content:' ';
	display:block;
	width:8px;
	height:8px;
	border-top:1px solid #0068B7;
	border-right:1px solid #0068B7;
	position:absolute;
	top:50%;
	right:8px;
	transform:translateY(-50%) rotate(45deg);
}

/* 非活性 */
#listCompany .listBtn li.disabled a{
	color:#2D93E0;
	line-height:35px;
	background-color:transparent;
	border:1px solid #2D93E0;
	box-shadow:none;
	pointer-events:none;
}
#listCompany .listBtn li.disabled a::after{
	border-color:#2D93E0;
}
#listCompany li p{
	text-align: justify;
}
/* エントリー */
#listCompany .listBtn li:last-of-type{
	width:100%;
}
#listCompany .listBtn li a.btnEntry{
	margin:10px 0 0 0;
	font-weight:bold;
	background:url(../images/ico_entry_pc.png) right 10px center no-repeat #FFF000;
	transition:color 0.15s,background-color 0.15s;
}
#listCompany .listBtn li a.btnEntry:hover{
	color:#FFFFFF;
	background-color:#1DADE5;
}
#listCompany .listBtn li a.btnEntry::after{
	display:none;
}
@media screen and (min-width:668px){
	#listCompany .listBtn li#btnEntryPc{
		width:calc(300% + 120px);
		position:absolute;
		bottom:-47px;
		left:0;
		z-index:10;
	}
}

/* 採用サイト */
#entry{
	width:1200px;
	padding:0 30px;
	margin:30px auto 35px auto;
	text-align:center;
}
#entry a.btnWindow{
	display:inline-block;
	width:350px;
	padding:18px 5px 18px 20px;
	font-size:1.6rem;
	font-weight:bold;
	background:url(../images/ico_window_pc.png) right 10px center no-repeat #E8E8E8;
	border-radius:3px;
	box-shadow:0 5px 0 0 rgba(0,0,0,0.25);
	transition:color 0.15s,background-color 0.15s;
}
#entry a.btnWindow:hover{
	color:#FFFFFF;
	background-color:#0068B7;
}


/*
	footer
-----------------------------------------------------------------------------------------------*/
#footOut{
	background-color:#1DADE5;
}
#footOut p{
	width:1200px;
	padding:10px 30px;
	margin:0 auto;
	text-align:center;
	color:#FFFFFF;
}
#footOut p small{
	font-size:1.0rem;
}



@media screen and (max-width:667px){
	body{
		-webkit-text-size-adjust:100%;
	}
	img{
		width:100%;
	}
	.pc{
		display:none;
	}
	.sp{
		display:block;
	}
	br.sp{
		display:inline-block;
	}
	

	
	/*
		header
	-----------------------------------------------------------------------------------------------*/
	#headIn{
		width:100%;
		padding:10px;
	}
	.headR{
		width:calc(100% - 240px);
		padding:4px 0 0 0;
		text-align:right;
	}
	#logo{
		padding:0 3px 0 0;
		line-height:13px;
	}
	#logo img{
		width:131px;
	}
	a.btnCompany{
		width:90px;
		height:22px;
		padding:0 8px;
		font-size:1.2rem;
		line-height:22px;
		border-radius:11px;
	}
	.headR a img{
		max-width:98px;
	}
	
	
	/*
		contents
	-----------------------------------------------------------------------------------------------*/
	#kvArea{
		padding:54px 15px 50px 15px;
	}
	#kvArea img{
		width:220px;
	}
	#titMain{
		padding:10px 15px;
		font-size:2.0rem;
	}
	#mainPicOut{
		background-color:#FFFFFF;
	}
	#mainPicIn{
		width:100%;
		padding:0 15px;
	}
	
	/* 会社紹介 */
	#listCompany{
		display:block;
		width:100%;
		padding:0;
	}
	#listCompany > li{
		width:100%;
		height: 100%;
		padding:30px 15px 34px 15px;
	}
	#listCompany > li::after{
		display:none;
	}
	#listCompany > li .tit{
		padding:0 0 10px 0;
		margin:0 0 15px 0;
		font-size:1.8rem;
	}
	#listCompany li:first-of-type .tit{
		padding:0 0 10px 0;
	}
	
	#listCompany .listBtn{
		width:92%;
		margin:0 auto;
	}
	
	/* エントリー */
	#listCompany .listBtn li:last-of-type{
	width:100%;
}
	#listCompany .listBtn li a.btnEntry{
		background:url(../images/ico_entry_sp.png) right 10px center no-repeat #FFF000;
		background-size:15px 17px;
	}
	
	/* 採用サイト */
	#entry{
		width:100%;
		padding:20px 15px;
		margin:0 auto;
	}
	#entry a.btnWindow{
		width:100%;
		padding:15px 5px 13px 22px;
		font-size:1.4rem;
	}
	#entry a.btnWindow{
		background:url(../images/ico_window_sp.png) right 10px center no-repeat #E8E8E8;
		background-size:11px 11px;
	}
	
	
	/*
		footer
	-----------------------------------------------------------------------------------------------*/
	#footOut p{
		width:100%;
		padding:10px 10px;
		line-height:110%;
	}
}