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

#container{
	background: none;
	position: relative;
	z-index: 0;
}
#contents{
	
}
body *{position: relative; z-index: 10;}
/*
body::before{
	content: '';
	display: block;
	width: 100%;
	height: 86.6vw;
	position: fixed;
	top:0;
	left:0;
	z-index: 0;
	background: url(../img/recruit/top/bg_ph01.jpg) no-repeat top center/cover;
}*/
body,
.spBg{
	background: url(../img/recruit/bg.svg) #FFF top center;
}
/*=============================
main
=============================*/
/*
#main {
	background: url(../img/recruit/top/bg_ph01.jpg) no-repeat top center/auto 100vw;
	background-attachment: fixed;
	height: 86.6vw;
	position: relative;
}*/
/*
#main {
	background: url(../img/recruit/top/bg_ph01.jpg) no-repeat top center/cover;
	height: 86.6vw;
	position: relative;
}*/
#main {
	height: 86.6vw;
	position: relative;
	overflow: hidden;
}

#main h1{
	text-align: center;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
#main h1 img{
	height: 32vw;
	width: auto;
}

/*=============================
bg_ph
=============================*/
#spPhBg{
	display: block;
	width: 100%;
	height: 100%;
	position: fixed;
	top:0;
	left:0;
	z-index: 0;
	background: #000;
	display: none;
}
#spPhBg.bg_ph01{display: block;background: url(../img/recruit/top/bg_ph01.jpg) no-repeat top center/auto 86.6vw;}
#spPhBg.bg_ph02{display: block;background: url(../img/recruit/top/bg_ph02.jpg) no-repeat center center/auto 100vw;}
#spPhBg.bg_ph03{display: block;background: url(../img/recruit/top/bg_ph03.jpg) no-repeat center center/auto 100vw;}
#spPhBg.bg_ph04{display: block;background: url(../img/recruit/top/bg_ph04.jpg) no-repeat center center/auto 100vw;}



#bg_ph02,
#bg_ph03,
#bg_ph04{
	height: 50vw;
}
#bg_ph05 {
	height: 70vw;
	position: relative;
	overflow: hidden;
}
#bg_ph05 .bg{
	width: 100%;
	height: 70vw;
	position: absolute;
	top:-100%;
	left:0;
	background: url(../img/recruit/top/bg_ph05.jpg) no-repeat bottom -20vw center/auto 100vw;
}


#bg_ph05 .inner{
	width: 100%;
	margin-top: 6.67vw;
}
#bg_ph05 .inner .copy{
	padding-left: 2.67vw;
	margin-bottom: 6.67vw;
}
#bg_ph05 .inner .copy img{
	height: 30vw;
	width: auto;
}
#bg_ph05 .inner .bt{
	text-align: center;
}
#bg_ph05 .inner .bt a{
	display: inline-block;
	text-align: center;
	width: 48vw;
	height: 8.00vw;
	background: #001452;
	position: relative;
	color: #FFF;
	font-size: 3.20vw;
	font-weight: bold;
	letter-spacing: 0.1em;
	-webkit-border-radius: 1vw;
	border-radius: 1vw;
}
#bg_ph05 .inner .bt a::after{
	content: '';
	display: inline-block;
	width: 3.33vw;
	height: 3.33vw;
	background: url(../img/recruit/top/bt_arrow_w.svg) no-repeat center center/contain;
	position: absolute;
	top: 50%;
	right:3.33vw;
	margin-top: -1.65vw;
}
/*
#bg_ph02 {
	height: 50vw;
	background: url(../img/recruit/top/bg_ph02.jpg) no-repeat center center/auto 100vw;
	background-attachment: fixed;
	margin-bottom: 28.5vw;
}
#bg_ph03 {
	height: 50vw;
	background: url(../img/recruit/top/bg_ph03.jpg) no-repeat center center/auto 100vw;
	background-attachment: fixed;
}
#bg_ph04 {
	height: 50vw;
	background: url(../img/recruit/top/bg_ph04.jpg) no-repeat center center/auto 100vw;
	background-attachment: fixed;
}
#bg_ph05 {
	height: 70vw;
	background: url(../img/recruit/top/bg_ph05.jpg) no-repeat bottom center/auto 100vw;
	background-attachment: fixed;
	position: relative;
}*/
/*
#bg_ph02 {
	height: 50vw;
	background: url(../img/recruit/top/bg_ph02.jpg) no-repeat center center/cover;
	margin-bottom: 28.5vw;
}
#bg_ph03 {
	height: 50vw;
	background: url(../img/recruit/top/bg_ph03.jpg) no-repeat center center/cover;
}
#bg_ph04 {
	height: 50vw;
	background: url(../img/recruit/top/bg_ph04.jpg) no-repeat center center/cover;
}
#bg_ph05 {
	height: 70vw;
	background: url(../img/recruit/top/bg_ph05.jpg) no-repeat bottom center/cover;
	position: relative;
}*/

/*=============================
bloc01
=============================*/
#bloc01{
	padding: 20.5vw 0 24.5vw;
}


#bloc01 > .inner{
	padding: 0 4.67vw;
}
#bloc01 h2{
	height: 19vw;
	background: url(../img/recruit/top/copy_bg01.svg) no-repeat center center/contain;
	position: relative;
	text-align: center;
	font-size: 5.33vw;
	letter-spacing: 0.05em;
	line-height: 1.6;
	color: #001452;
	padding-left: 0.5em;
	margin-bottom: 10.00vw;
}
#bloc01 .txt{
	font-size: 3.47vw;
	letter-spacing: 0.05em;
	line-height: 1.9;
	text-align: justify;
	-ms-text-justify: inter-ideograph;
	text-justify: inter-ideograph;
	margin-bottom: 6.67vw;
}
#bloc01 > .copy{
	font-size: 4.67vw;
	letter-spacing: 0.1em;
	line-height: 2.0;
	text-align: center;
	color: #F18200;
}

#btList {
	padding: 28.5vw 0 31vw;
}
#btList li{
	height: 32vw;
}
#btList li:not(:last-child){
	margin-bottom: 2.67vw;
}
#btList li a{
	display: block;
	height: 100%;
	position: relative;
	color: #F18200;
	text-decoration: none;
	text-align: center;
}
#btList li.list01 a{background: url(../img/recruit/top/bt_bg01.jpg) no-repeat center center/cover;}
#btList li.list02 a{background: url(../img/recruit/top/bt_bg02.jpg) no-repeat center center/cover;}
#btList li.list03 a{background: url(../img/recruit/top/bt_bg03.jpg) no-repeat center center/cover;}

#btList li a::before,
#btList li a::after{
	content: '';
	display: block;
	position: absolute;
}
#btList li a::before{
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	background: rgba(0,20,82,0.5);
	top:0;
	left:0;
}


#btList li a::after{
	width: 4.67vw;
	height: 4.67vw;
	background: url(../img/recruit/top/bt_arrow_or.svg) no-repeat center center/contain;
	top:50%;
	right:4.67vw;
	margin-top: -2.3vw;
}

#btList li a p{
	text-align: center;
}
#btList li a p.num {
	position: absolute;
	width: 16vw;
	height: 11vw;
	top:-1.33vw;
}
#btList li:nth-child(odd) a p.num{left: 4.67vw;}
#btList li:nth-child(even) a p.num{right: 4.67vw;}
#btList li a p.num img{
	height: 100%;
	width: auto;
}

#btList li a p.pageTit{
	width: 40vw;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	font-size: 3.47vw;
	font-weight: bold;
	letter-spacing: 0.1em;
}
#btList li a p.pageTit::before,
#btList li a p.pageTit::after{
	content: '/';
	display: inline-block;
	position: absolute;
	top:50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
#btList li a p.pageTit::before{left: 0;}
#btList li a p.pageTit::after {right: 0;}

#btList li a p.copy{
	font-size: 4.67vw;
	letter-spacing: 0.15em;
	line-height: 1.7;
	margin-top: 4.67vw;
}


/*=============================
member
=============================*/
#member{
	padding: 24.5vw 0 35vw;
}

#member h2{
	height: 23vw;
	background: url(../img/recruit/top/member_titBg.svg) no-repeat center center/contain;
	position: relative;
	text-align: center;
	font-size: 5.33vw;
	letter-spacing: 0.05em;
	color: #001452;
	padding-left: 0.5em;
	padding-top: 2.00vw;
	margin-bottom: 9.38vw;
}
#member h2::after{
	content: '';
	display: block;
	width: 12.00vw;
	height: 3.33vw;
	position: absolute;
	bottom: -7.33vw;
	left:50%;
	margin-left: -6vw;
	background: url(../img/recruit/top/member_arrow.svg) no-repeat center center/contain;
}
#member h2 .fs{
	display: block;
	font-size: 3.47vw;
	margin-bottom: 2.00vw;
}
#member .inner > .txt{
	padding: 0 4.67vw;
	font-size: 3.47vw;
	letter-spacing: 0.05em;
	line-height: 1.9;
	text-align: justify;
	-ms-text-justify: inter-ideograph;
	text-justify: inter-ideograph;
	margin-bottom: 7.81vw;
}
#member .memList{
	width: 84vw;
	margin-left: auto;
	margin-right: auto;
	-js-display: flex;
	display: -webkit-flex;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
#member .memList li{
	width: 33.3%;
	height: 61vw;
	
}
#member .memList li:nth-child(n+4){
	margin-top: 13.33vw;
}
#member .memList li.list05{
	width: 66.7%;
}
#member .memList li a{
	text-decoration: none;
	display: block;
	height: 100%;
	position: relative;
}
#member .memList li a::after{
	content: '';
	width: 6.67vw;
	height: 6.67vw;
	display: inline-block;
	background: url(../img/recruit/top/bt_arrow_bl.svg) no-repeat center center/contain;
	position: absolute;
	bottom:-3.3vw;
	left:50%;
	margin-left: -3.3vw;
}
#member .memList li.list01 a{background: url(../img/recruit/top/member01_ph.jpg) no-repeat center center/cover;}
#member .memList li.list02 a{background: url(../img/recruit/top/member02_ph.jpg) no-repeat center center/cover;}
#member .memList li.list03 a{background: url(../img/recruit/top/member03_ph.jpg) no-repeat center center/cover;}
#member .memList li.list04 a{background: url(../img/recruit/top/member04_ph.jpg) no-repeat center center/cover;}
#member .memList li.list05 a{background: url(../img/recruit/top/member05_ph.jpg) no-repeat center center/cover;}

#member .memList li a h3{
	width: 100%;
	height: 11.5vw;
	position: absolute;
	top:-3.33vw;
	left:0;
	color: #001452;
	font-size: 3.47vw;
	font-weight: bold;
	text-align: center;
	letter-spacing: 0.15em;
}
#member .memList li.list01 a h3{background: url(../img/recruit/top/member01_titBg.svg) no-repeat center center/85% auto;}
#member .memList li.list02 a h3{background: url(../img/recruit/top/member02_titBg.svg) no-repeat center center/94% auto;}
#member .memList li.list03 a h3{background: url(../img/recruit/top/member03_titBg.svg) no-repeat center center/94% auto;}
#member .memList li.list04 a h3{background: url(../img/recruit/top/member04_titBg.svg) no-repeat center center/94% auto;}
#member .memList li.list05 a h3{background: url(../img/recruit/top/member05_titBg.svg) no-repeat center center/66% auto;}



/*=============================
other
=============================*/
#other{
	padding: 21vw 0 29vw;
}

#other h2{
	height: 14vw;
	background: url(../img/recruit/top/other_titBg.svg) no-repeat center center/contain;
	position: relative;
	text-align: center;
	font-size: 3.47vw;
	letter-spacing: 0.05em;
	color: #001452;
	font-weight: bold;
	padding-left: 0.5em;
	margin-bottom: 4.67vw;
}
#other .linkList{
	-js-display: flex;
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#other .linkList li{
	width: 49%;
	height: 26.5vw;
}
#other .linkList li:not(:last-child){
	margin-bottom: 1.33vw;
}
#other .linkList li.list03{
	width: 100%;
	height: 17.5vw;
}

#other .linkList li a{
	display: block;
	height: 100%;
	position: relative;
	color: #001452;
	text-decoration: none;
	text-align: center;
}
#other .linkList li.list01 a{background: url(../img/recruit/top/other_ph01.jpg) no-repeat center center/cover;}
#other .linkList li.list02 a{background: url(../img/recruit/top/other_ph02.jpg) no-repeat center center/cover;}
#other .linkList li a::before{
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	background: rgba(241,130,0,0.86);
	position: absolute;
	top:0;
	left:0;
	z-index: 0;
}
#other .linkList li a .pageTit{
	width: 40vw;
	font-size: 3.47vw;
	font-weight: bold;
	letter-spacing: 0.1em;
	padding-bottom: 8.00vw;
	position: relative;
}
#other .linkList li a .pageTit::after{
	content: '';
	display: block;
	width: 4.00vw;
	height: 4.00vw;
	background: url(../img/recruit/top/bt_arrow_bl.svg) no-repeat center center/contain;
	position: absolute;
	bottom:0;
	left:50%;
	margin-left: -2vw;
}
#other .linkList li a .pageTit span{
	display: block;
	position: relative;
}
#other .linkList li a .pageTit span::before,
#other .linkList li a .pageTit span::after{
	content: '/';
	display: inline-block;
	position: absolute;
	top:50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
#other .linkList li a .pageTit span::before{left: 0;}
#other .linkList li a .pageTit span::after {right: 0;}