@charset "utf-8";
/*------------------------------------------------------------
	トープページ
------------------------------------------------------------*/
#main {
	padding-bottom: 40px;
}

#main .headLine01 {
	border: none;
}

#main .topBox {
	margin-bottom: 53px;
	text-align: center;
	background: url(../../../recruittest/img/message/top_bg.jpg) repeat-y center top;
}

#main .subBox {
	margin: 0 auto;
	width: 710px;
	padding-top:30px;
}

#main .subBox h3 {
	margin-bottom: 15px;
	color: #182d3d;
	font-size: 24px;
	background: #CAE9FF;
		padding:15px 20px;
}
.fix #gHeader .hBox h1{
	top:0;
}

#main .subBox p {
	font-size: 14px;
	line-height: 2.15;
}

#main .member_cont{
	max-width: 1100px;
	margin: 0 auto;
	padding-top:50px;
}
.maincont{
	background-color:#F2F2F2;
}
.carrerttl .ttlimg{
	max-width:900px;
	margin:0 auto;
	padding: 60px 0;
}
.carrerp{
	text-align: center;
	font-size:20px;
}
.carrerttlimg{
	padding-bottom: 60px;
}
.title_bg{
	padding:60px 20px;
	background: url("../../../image/recruittest/tabletalk_ttlbg.png") no-repeat center top;
	background-size: cover;
}

.main_cont img{
	width: 100%;
}
#main .headLine02{
	max-width:600px;
	margin: 0 auto;
	padding-bottom: 30px;
}
#main .headLine03{
	text-align: center;
	color: #fff;
	line-height: 2em;
	font-size:20px;
}
#main .mainBox{
	padding:160px 30px 80px 30px;
}
.infomainBox{
	background-image: url("../../../image/recruittest/carrer_bgttl.png");
	background-position: top center;
	background-color: #479EE7;
	background-repeat: no-repeat;
	background-size: contain;
}
.subtitle{
	max-width: 300px !important;
	display: flex;
	justify-content: flex-end;
	margin: -55px 0 0 0;
}
.info{
	background-image: url("../../../image/recruittest/listnum01.png");
	background-position: right top;
	background-repeat: no-repeat;
	background-size: 100px;
	background-color: #fff;
	border-radius: 20px;
	padding:50px;
	margin:30px 0 60px 0;
}
.info h5{
	font-size: 22px;
	font-weight: 800;
	color:#479EE7;
}
.info h3{
	font-size: 40px;
	font-weight: 800;
}
.info2{
	background-image: url("../../../image/recruittest/listnum02.png");
	background-position: right top;
	background-repeat: no-repeat;
	background-size: 100px;
	background-color: #fff;
	border-radius: 20px;
	padding:50px;
	margin:30px 0 60px 0;
}
.info2 h5{
	font-size: 22px;
	font-weight: 800;
	color:#479EE7;
}
.info2 h3{
	font-size: 40px;
	font-weight: 800;
}
.infolist{
	margin-bottom: 20px;
}
.infoat{
	border-top: 1px dashed #000;
	padding-top: 20px;
}
.infolist img{
	margin: 20px 0;
}
.tabletalk{
	margin: 0 auto;
	text-align: center;
	max-width:900px;
}
.tabletalk p{
	margin: 0 auto;
	text-align: center;
	color: #00E5FF;
}

.col2{
	width:49%;
	display: inline-block;
	padding:30px 20px;
	vertical-align: top;
}

.col2 h3{
	width:100%;
	display: inline-block;
	margin-bottom: 20px;
}
.member_inner{
	width: 900px;
	margin:0 auto;
}
.member_img{
	display: inline-block;
	width: 100%;
	vertical-align: top;
}

.member_txt{
	width: 50%;
	display: inline-block;
	letter-spacing: .05em;
	line-height: 2;
	padding: 22px 20px 30px;
	background: #fff;
	vertical-align: top;
}
.recruit-topic {
padding: 90px 30px;
background-image: url("../../../image/recruittest/entry_bg.png");
background-size: 1100px;
background-repeat: no-repeat;
background-position: center;
background-color: #F2F2F2;
}
.recruit-topic .inner .ttl h3 {
font-size: 80px !important;
color: #479EE7;
text-align: center;
font-weight: bolder;
line-height: 1.2em;
}
.recruit-topic .inner {
max-width: 800px;
margin: 0 auto;
padding: 60px 0 80px;
}

.recruit-topic .inner .ttl p {
font-size: 20px;
color: #479EE7;
text-align: center;
margin-bottom: 20px;
}

.recruit-topic .inner .mynavi {
max-width: 100%;
margin: 0 auto;
}


.recruit-topic .inner .mynavi li {
width: 49%;
margin: 0 auto;
list-style: none;
}
.sp-on {
display: none;
}

@media all and (min-width: 0) and (max-width: 767px) {
	#main {
		margin-bottom: 0px;
		margin-top: 25px;
	}
	#main .headLine01{
		margin-bottom: 0;
		font-size:32px;
		padding:30px 0 32px 0;
	}
	#main .topBox {
		margin-bottom: 21px;
		
		padding-bottom: 27px;
		text-align: left;
		background: -moz-linear-gradient(top,#F1F2F4 0%,#EEF2F3);
		background: -webkit-gradient(linear, left top, left bottom, from(#F1F2F4),to(#EEF2F3));
	}
	.carrerttl .ttlimg {
		padding: 60px 30px;
	}
	.carrerp {
		font-size: 16px;
		line-height: 2em;
	}
	.info{
		padding:60px 30px;
	}
	.info h3 {
font-size: 33px;
line-height: 1.6em;
}
		.info2{
		padding:60px 30px;
	}
	.info2 h3 {
font-size: 33px;
line-height: 1.6em;
}
	.pc-on {
display: none;
}
	.sp-on {
display: block;
padding: 0px;
}
	.recruit-topic .inner .mynavi{
		padding:0 20px;
	}
	#main .mainBox {
		padding: 80px 30px 80px 30px;
}
	#main .headLine03 {
		font-size: 16px;
	padding:0;
	background-color:unset;
	}
	#main .topBox img {
		width: 100%;
	}
	
	#main .topBox .spBox {
		margin: 22px 15px 0;
	}
	
	#main .topBox .spBox .ttl {
		margin-bottom: 6px;
		font-size: 23px;
		line-height: 1.45;
	}
	
	#main .topBox .spBox p {
		color: #172c3c;
		font-size: 14px;
		font-weight: bold;
	}
	
	#main .subBox {
		margin: 0 17px;
		width: auto;
		padding-top:50px;
	}
	
	#main .subBox h3 {
		margin-bottom: 5px;
		color: #221714;
		font-size: 14px;
		background: #CAE9FF;
		padding:15px 20px;
		
	}
	#main .member_inner{
		width:100%;
	}
	#main .subBox p {
		font-size: 12px;
		line-height: 1.8;
	}
	
	#main .subBox p {
		font-size: 12px;
		line-height: 1.8;
	}
	
	#main .member_cont .col2 {
		width: 100%;
	}
	
	#main .member_img {
		width: 100%;
	}
	
	#main .member_txt {
		width: 100%;
	}
	.txt_a{
		margin-bottom: 15px;
	}
	.txt_b{
		margin-bottom: 15px;
	}
	.sub{
  color: #fff;
  display: flex;
  left: 70px;
  position: static;
  top: 20px;
  white-space: nowrap;
  font-size: 12px;
}
	.title_txt{
  color: #fff;
  display: flex;
  left: 70px;
  position: static;
  top: 40px;
  white-space: nowrap;
  font-size: 20px;
  font-weight: 600;
}
	.txt_title{
		padding:40px 20px;
	}
	
	.term01 {
margin-left: 0px;
transition: opacity .6s cubic-bezier(.36,.07,.7,.91) 0s;
background-color: #fff;
padding: 40px 30px;
}
	
	.sub_r {
position: static;
}
	
	.title_txt_r {
position: static;
}
	
	.term02 {
margin-right: 0px;
padding: 40px 30px;
}
	
	.title_txt2 {
position: static;
top: 0px;
}
	
	.sub2{
  position: static;
  top: 0px;
}
	.sub_r2 {
position: static;
top: 0px;
}

.title_txt_r2{
  position: static;
  top: 0px;
}
.recruit-topic .inner {
width: 100%;
margin: 0 auto;
padding: 30px 0 30px;
}

.recruit-topic {
background-image: url("../../../image/recruittest/entry_bg_sp.png");
background-size: 360px;
	}
	
.recruit-topic .inner {
padding: 30px;
}
	
.recruit-topic .inner .ttl h3 {
font-size: 44px !important;
}
	
.recruit-topic .inner .ttl p {
font-size: 16px;
}


.recruit-topic .inner .mynavi li {
width: 300px;
padding: 5px;
}
	
	#txt .col2{
		width: 100%;
		padding: 10px 20px;
	}
	
	#txt .col1{
		width: 100%;
		padding: 10px 20px;
	}
}