@charset "UTF-8";

.btn-pagetop {
	position: fixed;
	bottom: 20px;
	right: 60px;
	z-index: 4;
}
@media only screen and (min-width:1px) and (max-width:1024px){
	.btn-pagetop{
		right: 15px;
		bottom: 15px;
	}
	.btn-pagetop img{
		width: 34px;
		height: 34px;
	}

}/* endMedia */
.wrp-structure__inner{
	max-width: 1160px;
}
.pageHeader{
	margin-bottom: 30px;
}
.section__line{
	top: 0;
	height: 96%;
	z-index: 0;
}
.section{
	z-index: 1;
	position: relative;
	padding-bottom: 172px;
}
.box-media .no-lineheight{
	line-height: 0;
	padding-bottom: 10px;
}
@media only screen and (min-width:1px) and (max-width:1024px){
	.section__line{
		display: none;
	}
	.box-media{
		text-align: center;
	}
	.box-media img{
		width: 100%;
	}
	.section{
		display: none;
		padding-bottom: 0;
	}
	.section.selected{
		display: block;
	}
	.section__header__sub {
		font-size: 12px;
		margin-bottom: 8px;
	}
	.hdg-lv2 {
		font-size: 18px;
		margin-bottom: 10px;
	}
	.section__header p{
		font-size: 14px;
	}
	.section .wrp-structure__inner {
		padding: 0;
	}
	.box-media .no-lineheight,
	.pb0 {
		padding-bottom: 2px;
	}
	.wrp-structure{
		line-height: 1;
	}
}/* endMedia */

.lst-tab{
	overflow: hidden;
	border-top: 1px solid #e7e7e7;
	border-bottom: 1px solid #e7e7e7;
	margin-left: -1px;
	width: 100%;
}
.lst-tab li{
	width: 33.3333%;
	float: left;
	border-left: 1px solid #fff;
	border-top: 1px solid #fff;
	box-sizing: border-box;
	background: #898989;
}
.lst-tab li a{
	padding: 5px 8px;
	display: table;
	width: 100%;
	color: #fff;
	font-size: 11px;
	box-sizing: border-box;
	text-align: center;
}
.lst-tab li a:hover{
	text-decoration: none;
}
.lst-tab li.active{
	background: #a4002c;
}
.lst-tab li a span{
	display: table-cell;
	/*vertical-align: middle;*/
}
/*--------------------------*/
.box-media--table{
	display: table;
	width: 100%;
}
.box-media--table .box-media__small,
.box-media--table .box-media__large{
	float: none;
	display: table-cell;
	vertical-align: bottom;
	background: none;
}
.box-media--table .section__header{
	padding-top: 40px;
}
/*-----------------------------------*/
.box-media{
	overflow: hidden;
}
.box-media p{
	line-height: 2;
	background: #fff;
	font-size: 16px;
}
.box-media__small,
.box-media__large{
	float: left;
	box-sizing: border-box;
	background: #fff;
}
.box-media__left {
	float: left;
}
.box-media__right {
	float: right;
}
.box-media__small{
	width: 44.39%;
	text-align: right;
	box-sizing: border-box;
}
.isIE11 .box-media__small .extend{
	width: 100%;
	display: inline-block;
}
.box-media__large{
	width: 55.60%;
	padding-left: 10px;
	text-align: left;
	box-sizing: border-box;
}
.box-media__large--sm {
	width: 81.005%;
	display: inline-block;
}
.box-media__small .section__header{
	padding: 36px 50px 65px;
	text-align: left;
}
.box-media__small .section__header .hdg-lv2{
	margin-bottom: 22px;
}
@media only screen and (min-width:1px) and (max-width:1024px){
	.box-media{
		text-align: center;
	}
	.box-media__small,
	.box-media__large{
		float: none;
		display: block;
		width: 100%;
		text-align: center;
		padding: 0;
	}
	.box-media__left,
	.box-media__right {
		float: none;
	}
	.box-media__large--sm {
		width: 100%;
	}
	.box-media__small .section__header,
	.box-media--table .section__header{
		padding: 25px 15px 15px;
		text-align: center;
	}
	.box-media p{
		line-height: 1.5;
		font-size: 12px;
	}
	.box-media__small .section__header .hdg-lv2{
		margin-bottom: 10px;
	}
}/* endMedia */


@media only screen and (min-width:1px) and (max-width:1024px){
	.box-media--table{
		display: block;
	}
	.box-media--table .box-media__small,
	.box-media--table .box-media__large{
		float: none;
		display: block;
	}
}/* endMedia */
/*-----------------------------*/
.box-media--right .box-media__small{
	text-align: left;
}
.box-media--right .box-media__large{
	text-align: right;
	padding-left: 0;
	padding-right: 10px;
}
@media only screen and (min-width:1px) and (max-width:1024px){
	.box-media--right .box-media__small,
	.box-media--right .box-media__large{
		text-align: center;
		padding: 0;
	}
}
.box-media .pb0 {
	padding-bottom: 0;
}
/*-----------------------------*/
.section01{
	padding: 115px 0 220px;
}
.section01 .section__header{
	padding: 40px 46px 78px;
	box-sizing: border-box;
}
.section01 .box-media__large{
	padding-left: 0;
	padding-right: 10px;
}
@media only screen and (min-width:1px) and (max-width:1024px){
	.section01{
		padding: 0;
		margin-bottom: -1px;
		padding-bottom: 0;
	}
	.section01 .section__header{
		padding: 25px 15px 15px;
		text-align: center;
	}
	.section01 .box-media__large{
		padding-right: 0;
	}
}
/*----------------------------------*/
.section02 .section__header{
	padding: 50px 10% 65px;
	box-sizing: border-box;
	text-align: left;
}
.section02 .box-media--right .box-media__large{
	padding-right: 0;
	padding-left: 10px;
	text-align: left;
}
@media only screen and (min-width:1px) and (max-width:1024px){
	.section02{
		margin-bottom: -1px;
		padding-bottom: 0;
	}
	.section02 .section__header{
		padding: 25px 15px 15px;
		text-align: center;
	}
	.section02 .box-media--right .box-media__large{
		padding-left: 0;
	}
}
/*----------------------------------*/
.section03{
	padding-bottom: 0;
}
@media only screen and (min-width:1px) and (max-width:1024px){
	.section03 .section__header{
		padding: 25px 15px 15px;
		text-align: center;
	}
	.section03{
		margin-bottom: -1px;
		padding-bottom: 0;
	}
}
/*----------------------------------*/
.section04{
	padding-bottom: 50px;
}
.section04 .box-media__small .section__header{
	padding: 25px 50px 65px;
}
@media only screen and (min-width:1px) and (max-width:1024px){
	.section04{
		padding-bottom: 0;
	}
	.section04 .box-media__small .section__header{
		padding: 25px 15px 15px;
	}
}
/*----------------------------------*/
@media only screen and (min-width:1px) and (max-width:1024px){
	.section05{
		margin-bottom: -2px;
		padding-bottom: 0;
	}
}
/*----------------------------------*/
@media only screen and (min-width:1px) and (max-width:1024px){
	.section06{
		margin-bottom: -1px;
		padding-bottom: 0;
	}
}
/*----------------------------------*/
.section07{
	padding-bottom: 0;
}
@media only screen and (min-width:1px) and (max-width:1024px){
	.section07{
		margin-bottom: -1px;
		padding-bottom: 0;
	}
}
/*----------------------------------*/
@media only screen and (min-width:1px) and (max-width:1024px){
	.section08{
		margin-bottom: -1px;
		padding-bottom: 0;
	}
}
/*----------------------------------*/
.section09 .box-media__large{
	padding-right: 10px;
	padding-left: 0;
	text-align: right;
}
@media only screen and (min-width:1px) and (max-width:1024px){
	.section09 .box-media__large{
		padding-right: 0;
	}
	.section09{
		margin-bottom: -1px;
		padding-bottom: 0;
	}
}
/*--------------------------------------*/
.section-last{
	/*background: #fff;*/
	margin-bottom: 130px;
	padding-bottom: 0;
}
.section-last .section__line{
	display: block;
	position: absolute;
	background: url("/recruit/assets/images/pct-line02.png") repeat-y top center;
	width: 4px;
	height: 100px;
	z-index: 1;
	left: 50%;
	margin-left: -2px;
	bottom: -600px;
}
@media only screen and (min-width:1px) and (max-width:1024px){
	.section-last {
		padding-bottom: 0;
	}
	.section-last .section__line{
		display: none;
	}
	.section08{
		margin-bottom: 0;
		padding-bottom: 0;
	}
}