@charset "UTF-8";


/* recruitbg
------------------------------------------------- */
.recruitbg1 {
	width: 50%;
	height: 100%;
	background: url("../img/recruit/bg1.jpg") 0.6em top repeat;
	background-size: 0.9375em auto;
	position: absolute;
	left: 50%;
	top: 0;
	z-index: 1;
}
.recruitbg2 {
	width: 100%;
	height: 100%;
	background: url("../img/recruit/bg2.jpg") center top repeat-y;
	background-size: 87.5em auto;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
}
@media only screen and (max-width:750px){
.recruitbg1 {
	display: none;
}
.recruitbg2 {
	background: url("../img/recruit/bg2_sp.jpg") center top repeat-y;
	background-size: 100% auto;
	z-index: 1;
}
}


/* header
------------------------------------------------- */
@media only screen and (min-width:751px){
#header {
    background-color: rgba(255,255,255,1);
    position: fixed !important;
	top: 0 !important;
}
#header .logo {
	background-image: none !important;
}
#header .logo img {
	opacity: 1 !important;
}
}


/* #gnav
------------------------------------------------- */
@media only screen and (min-width:751px){
#gnav > ul > li > a {
    color: #2E3134 !important;
}
#gnav > ul > li > a:hover,
#gnav > ul > li.active > a {
	color: #023B7E !important;
}
}


/* #hnav
------------------------------------------------- */
@media only screen and (min-width:751px){
#hnav ul li {
    color: #BABABA !important;
	border-right: 1px dashed #2E3134 !important;
}
#hnav ul li a {
    color: #2E3134 !important;
}
#hnav ul li.lang {
	background: url('data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_6890%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%206890%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218.002%22%20height%3D%2218.001%22%20viewBox%3D%220%200%2018.002%2018.001%22%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip-path%22%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_8101%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%208101%22%20width%3D%2218.002%22%20height%3D%2218.001%22%20fill%3D%22%232E3134%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_6849%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%206849%22%20clip-path%3D%22url(%23clip-path)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_37953%22%20data-name%3D%22%E3%83%91%E3%82%B9%2037953%22%20d%3D%22M9%2C0a9%2C9%2C0%2C1%2C0%2C9%2C9A9.011%2C9.011%2C0%2C0%2C0%2C9%2C0M9%2C17.237A8.236%2C8.236%2C0%2C1%2C1%2C17.237%2C9%2C8.246%2C8.246%2C0%2C0%2C1%2C9%2C17.237%22%20transform%3D%22translate(0%200)%22%20fill%3D%22%232E3134%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_37954%22%20data-name%3D%22%E3%83%91%E3%82%B9%2037954%22%20d%3D%22M53.018%2C57.116a.382.382%2C0%2C0%2C0-.36.4c.018.325-.342.7-1.013%2C1.068-1.024.554-.865%2C1.007-.481%2C2.1.29.825-1.307%2C3.5-2.016%2C4.063a3.371%2C3.371%2C0%2C0%2C1-.181-1.1c0-1.5%2C0-3.759-1.99-4.516a15.2%2C15.2%2C0%2C0%2C0-1.767-.585c-.03-.007-.11-.024-.131-.2a.916.916%2C0%2C0%2C1%2C.457-.867.661.661%2C0%2C0%2C1%2C.421-.056.593.593%2C0%2C0%2C0%2C.525-.13c.206-.2.2-.5.148-1.132a1.494%2C1.494%2C0%2C0%2C0-.49-1.079%2C1.864%2C1.864%2C0%2C0%2C0-1.455-.237%2C2.9%2C2.9%2C0%2C0%2C1-.319.028c-.85%2C0-.986.636-1.282%2C2.029l-.058.273-.007.031a.682.682%2C0%2C0%2C1-.065-.089%2C10.921%2C10.921%2C0%2C0%2C1-.173-1.552.382.382%2C0%2C0%2C0-.713-.166l-.606%2C1.061a.185.185%2C0%2C0%2C0-.031.074s-.128.276-.885.543c-.1.034-.151.039-.164.048a3.665%2C3.665%2C0%2C0%2C1%2C.4-1.687.382.382%2C0%2C0%2C0-.7-.305c-.25.573-.774%2C1.965-.254%2C2.524a.845.845%2C0%2C0%2C0%2C.975.142c.936-.331%2C1.234-.737%2C1.33-.954a2.08%2C2.08%2C0%2C0%2C0%2C.151.631c.064.113.416.669.9.595.3-.047.5-.293.594-.734l.058-.274c.281-1.319.338-1.424.534-1.424a3.576%2C3.576%2C0%2C0%2C0%2C.41-.034c.325-.038.693-.082.882.072a.785.785%2C0%2C0%2C1%2C.21.552c.017.2.025.331.028.422a1.371%2C1.371%2C0%2C0%2C0-.692.14%2C1.676%2C1.676%2C0%2C0%2C0-.885%2C1.645.936.936%2C0%2C0%2C0%2C.727.861%2C14.256%2C14.256%2C0%2C0%2C1%2C1.658.552c1.384.528%2C1.5%2C2.034%2C1.5%2C3.809.007.455.082%2C1.543.616%2C1.828a.636.636%2C0%2C0%2C0%2C.294.073.741.741%2C0%2C0%2C0%2C.408-.132c.708-.462%2C2.849-3.613%2C2.364-4.993-.327-.929-.327-.929.125-1.174.973-.527%2C1.448-1.126%2C1.412-1.781a.374.374%2C0%2C0%2C0-.4-.361%22%20transform%3D%22translate(-37.042%20-51.257)%22%20fill%3D%22%232E3134%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_37955%22%20data-name%3D%22%E3%83%91%E3%82%B9%2037955%22%20d%3D%22M27.618%2C136.362a2.991%2C2.991%2C0%2C0%2C1-.709-.331%2C3.117%2C3.117%2C0%2C0%2C0-.687-.522%2C3.821%2C3.821%2C0%2C0%2C1-.468-.316.519.519%2C0%2C0%2C0-.543-.082c-.145.062-.585.252-.772%2C2.369a.382.382%2C0%2C0%2C0%2C.347.414.387.387%2C0%2C0%2C0%2C.414-.347%2C7.879%2C7.879%2C0%2C0%2C1%2C.287-1.6c.128.09.237.156.342.218a2.357%2C2.357%2C0%2C0%2C1%2C.539.407%2C2.9%2C2.9%2C0%2C0%2C0%2C.977.5c.168.064.418.16.573.241l-.091.078c-.551.469-.849.79-1.581%2C2.935a.383.383%2C0%2C0%2C0%2C.239.485.393.393%2C0%2C0%2C0%2C.123.02.383.383%2C0%2C0%2C0%2C.362-.259c.7-2.041.928-2.239%2C1.352-2.6.065-.055.134-.114.208-.181a.627.627%2C0%2C0%2C0%2C.239-.6c-.079-.426-.576-.616-1.152-.835%22%20transform%3D%22translate(-22.858%20-126.333)%22%20fill%3D%22%232E3134%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E') 1.5em center no-repeat !important;
	background-size: 1.28em auto !important;
	padding-left: 3.4em !important;
	font-weight: 700 !important;
	padding-right: 0 !important;
	border-right: none !important;
}
#hnav ul li.lang ul {
	justify-content: center !important;
}
#hnav ul li.lang ul li {
	padding: 0 !important;
	border: none !important;
}
#hnav ul li.lang ul li:nth-child(2) {
	padding: 0 0.85em !important;
}
#hnav ul li.lang ul li a {
	font-weight: 500 !important;
}
#hnav ul li a:hover {
    color: #023B7E !important;
}
}


/* #cnav
------------------------------------------------- */
@media only screen and (min-width:751px){
#cnav {
    width: 9.375em !important;
	height: 5.625em !important;
	right: 0 !important;
	top: 0 !important;
}
#cnav a {
    display: flex !important;
	width: 100% !important;
	height: 6.42857em !important;
	background-position: 1.7em center !important;
	background-color: #023B7E !important;
	padding-left: 2.4em !important;
}
#cnav a:hover {
	color: #fff !important;
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_6818%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%206818%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2217.272%22%20height%3D%2212.954%22%20viewBox%3D%220%200%2017.272%2012.954%22%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip-path%22%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_8077%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%208077%22%20width%3D%2217.272%22%20height%3D%2212.954%22%20fill%3D%22%23fff%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_6817%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%206817%22%20clip-path%3D%22url(%23clip-path)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_32151%22%20data-name%3D%22%E3%83%91%E3%82%B9%2032151%22%20d%3D%22M40.89%2C27.582l-5.7%2C5.13a.816.816%2C0%2C0%2C1-1.066%2C0l-5.7-5.13a.36.36%2C0%2C0%2C0-.481.536l5.7%2C5.13a1.534%2C1.534%2C0%2C0%2C0%2C2.028%2C0l5.7-5.13a.36.36%2C0%2C0%2C0-.481-.536%22%20transform%3D%22translate(-26.096%20-25.791)%22%20fill%3D%22%23fff%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_32152%22%20data-name%3D%22%E3%83%91%E3%82%B9%2032152%22%20d%3D%22M176.3%2C119.222a.36.36%2C0%2C0%2C0-.46.554l3.821%2C3.179a.36.36%2C0%2C0%2C0%2C.46-.554Z%22%20transform%3D%22translate(-164.857%20-111.781)%22%20fill%3D%22%23fff%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_32153%22%20data-name%3D%22%E3%83%91%E3%82%B9%2032153%22%20d%3D%22M31.764%2C119.219%2C27.942%2C122.4a.36.36%2C0%2C0%2C0%2C.46.554l3.822-3.179a.36.36%2C0%2C0%2C0-.46-.554%22%20transform%3D%22translate(-26.095%20-111.777)%22%20fill%3D%22%23fff%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_32154%22%20data-name%3D%22%E3%83%91%E3%82%B9%2032154%22%20d%3D%22M15.221%2C0H2.045A2.006%2C2.006%2C0%2C0%2C0%2C0%2C2.009v8.939a2%2C2%2C0%2C0%2C0%2C2.045%2C2.006H15.221a2.031%2C2.031%2C0%2C0%2C0%2C2.051-2.006V2.009A2.032%2C2.032%2C0%2C0%2C0%2C15.221%2C0m1.331%2C10.947a1.3%2C1.3%2C0%2C0%2C1-1.331%2C1.287H2.045A1.293%2C1.293%2C0%2C0%2C1%2C.72%2C10.947V2.009A1.294%2C1.294%2C0%2C0%2C1%2C2.045.72H15.221a1.3%2C1.3%2C0%2C0%2C1%2C1.331%2C1.289Z%22%20fill%3D%22%23fff%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E') !important;
}
}


/* common
------------------------------------------------- */
.recruit .tit {
	font-weight: 700;
	text-align: center;
	letter-spacing: 0.05em;
	line-height: 1.5;
	padding-bottom: 1.25em;
}
.recruit .inner .maincon {
	width: 100%;
}
.recruit .inner .entit {
	width: 1.2em;
	height: 100%;
	margin-left: -9.15em;
	padding-top: 1.2em;
	position: sticky;
	top: 10em;
	box-sizing: border-box;
}
.recruit .inner .entit p {
	font-weight: 700;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	line-height: 1;
}
@media only screen and (min-width:751px) and (max-width:1350px){
.recruit .inner .entit {
	margin-left: -3.65em;
}
}
@media only screen and (max-width:750px){
.recruit .tit {
	font-size: 6.4vw;
	line-height: 1.95;
	padding-bottom: 3em;
}
.recruit .inner .maincon {
	width: 84vw;
	margin-right: 4vw;
}
.recruit .inner .entit {
	width: 4vw;
	margin-left: 0;
	padding-top: 0.5em;
	top: 16vw;
}
.recruit .inner .entit p {
	font-size: 3.2vw;
}
}


/* maintit
------------------------------------------------- */
.maintit {
	padding: 13.8em 0 2.5em;
}
.maintit::before {
	display: none;
}
.maintit #path {
	top: 8.5em;
}
@media only screen and (max-width:750px){
.maintit {
	padding: 35.5vw 0 18.5vw;
}
.maintit #path {
	top: 21.5vw;
}
}


/* mainvisual
------------------------------------------------- */
.mainvisual {
	height: 5000px;
	box-sizing: border-box;
	position: relative;
}
.mainvisual .cover {
	width: 100%;
	height: 64.375em;
	background: linear-gradient(rgba(0,0,0,0), #2E3134);
	opacity: 0.8;
	mix-blend-mode: multiply;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 1;
}
.mainvisual .mainttl {
	width: 34.72em;
	position: fixed;
	left: 50%;
	margin-left: -17.36em;
	bottom: 0;
	z-index: 5;
	opacity: 1;
	transition: 1s;
}
.mainvisual.triger .mainttl {
	opacity: 0;
}
.mainvisual .maininn1 {
	width: 100%;
	height: calc(100vh - 5.625em);
	position: sticky;
	top: 5.625em;
	z-index: 2;
}
.mainvisual .maininn1 .mainbg {
	width: 86%;
	max-width: 100%;
	height: 100%;
	background: url("../img/recruit/mainbg.jpg") center center no-repeat;
	background-size: cover;
	margin: 0 auto;
	position: relative;
	z-index: 1;
}
.mainvisual .maininn1 .mainbg .gybg {
	width: 100%;
	height: 100%;
	background-color: #2E3134;
	mix-blend-mode: multiply;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
	opacity: 0;
	transition: 0.5s;
}
.mainvisual.triger .maininn1 .mainbg .gybg {
	opacity: 0.8;
}
.mainvisual .maininn2 {
	width: 100%;
	height: calc(100vh - 5.625em);
	position: sticky;
	top: 5.625em;
	margin-top: calc(-100vh + 5.625em);
	margin-bottom: 64.375em;
	z-index: 2;
}
.mainvisual .maininn2 h2 {
	width: 34.72em;
	position: absolute;
	left: 50%;
	margin-left: -17.36em;
	bottom: 0;
	z-index: 5;
	transition: 1s;
	opacity: 0;
}
.mainvisual.triger .maininn2 h2 {
	opacity: 1;
}
.mainvisual .maininn3 {
	width: 100%;
	height: 64.375em;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 4;
}
.mainvisual .maininn3 .con {
	width: 100%;
	position: absolute;
	left: 0;
	top: 4.5em;
	z-index: 5;
}
.mainvisual .maininn3 .con p {
	font-weight: 700;
	color: #fff;
	line-height: 2.11;
	text-align: center;
	padding-bottom: 2em;
}
.mainvisual .person {
	z-index: 3;
	overflow: hidden;
	transition: 0s;
}
.mainvisual .person img {
	width: 100%;
	max-width: 100%;
	height: auto;
	max-height: inherit;
	position: absolute;
	top: 0;
	transition: 0.5s;
	opacity: 0;
}
.mainvisual .person img.show {
	opacity: 1;
}
.mainvisual .p1 {
	right: 50%;
	display: flex;
	justify-content: flex-end;
}
.mainvisual.triger .p1 {
	right: auto;
	left: 0;
}
.mainvisual .p2 {
	left: 50%;
	display: flex;
	justify-content: flex-start;
}
.mainvisual.triger .p2 {
	left: auto;
	right: 0;
}
.mainvisual .maininn2 .person {
	width: 36.71875em;
	height: 52.34375em;
	position: absolute;
	top: -2em;
	opacity: 1;
}
.mainvisual .maininn2 .person.over2 {
	top: auto;
	bottom: 0;
}
.mainvisual.triger .maininn2 .person {
	width: 28.75em;
	height: 40.98404255em;
	position: fixed;
	top: auto;
	bottom: 0;
	opacity: 0;
}
.mainvisual .maininn3 .person {
	width: 28.75em;
	height: 40.98404255em;
	position: fixed;
	top: 5em;
	opacity: 0;
}
.mainvisual .maininn3 .person.over3 {
	top: auto;
	bottom: 0;
}
.mainvisual.triger .maininn3 .person {
	opacity: 1;
}
.mainvisual .chara {
	width: 10.1875em;
	height: 14.375em;
	position: fixed;
	left: 0;
	bottom: 2em;
	z-index: 10;
}
.mainvisual .chara iframe {
	width: 100%;
	height: 100%;
}
@media only screen and (max-width:750px){
.mainvisual {
	height: 750vw;
}
.mainvisual .cover {
	height: 250.66vw;
}
.mainvisual .mainttl {
	width: 77.33vw;
	margin-left: -38.665vw;
	bottom: 46.4vw;
}
.mainvisual.triger .mainttl {
	bottom: 72vw;
	opacity: 1;
}
.mainvisual.triger2 .mainttl {
	position: absolute;
	top: 455vw;
	bottom: auto;
}
.mainvisual .maininn1 {
	height: 100vh;
	top: 0;
}
.mainvisual .maininn1 .mainbg {
	width: 84%;
	background-image: url("../img/recruit/mainbg_sp.jpg");
}
.mainvisual .maininn2 {
	height: 100vh;
	top: 0;
	margin-top: -100vh;
	margin-bottom: 270vw;
}
.mainvisual .maininn2 h2 {
	display: none;
}
.mainvisual .maininn3 {
	height: 270vw;
}
.mainvisual .maininn3 .con {
	width: 84%;
	left: 8vw;
	top: 24vw;
}
.mainvisual .maininn3 .con p {
	font-size: 4.266vw;
	line-height: 1.81;
	text-align: left;
	padding-bottom: 2em;
}
.mainvisual .p1 {
	right: auto;
	left: 0;
}
.mainvisual.triger .p1 {
	right: auto;
	left: 0;
}
.mainvisual .p2 {
	left: auto;
	right: 0;
}
.mainvisual.triger .p2 {
	left: auto;
	right: 0;
}
.mainvisual .maininn2 .person {
	width: 50vw;
	height: 116vw;
	position: fixed;
	top: 60vw;
}
.mainvisual .maininn2 .person.over2 {
	position: fixed;
	top: auto;
	bottom: 0;
}
.mainvisual.triger .maininn2 .person {
	width: 32.8vw;
	height: 76vw;
	position: fixed;
	top: auto;
	bottom: 0;
	opacity: 0;
}
.mainvisual .maininn3 .person {
	width: 32.8vw;
	height: 76vw;
	position: fixed;
	top: auto;
	bottom: 0;
	opacity: 0;
}
.mainvisual.triger .maininn3 .person {
	opacity: 1;
}
.mainvisual .chara {
	width: 25.866vw;
	height: 36.498vw;
	bottom: 5.33vw;
}
}


/* movie
------------------------------------------------- */
.movie {
	padding-top: 8.75em; 
}
.movie .moviebtn {
	width: 25.875em;
	margin: 0 auto;
}
@media only screen and (max-width:750px){
.movie {
	padding-top: 20vw; 
}
.movie .moviebtn {
	width: 84vw;
	margin: 0 auto;
}	
}


/* cont1
------------------------------------------------- */
.cont1 {
	padding: 12.5em 0 14.75em; 
}
.cont1 .inner {
	display: flex;
	justify-content: space-around;
	flex-direction: row-reverse;
}
.cont1 .titbox {
	position: relative;
}
.cont1 .titbox .chara {
	width: 7.9375em;
	height: 9.75em;
	position: absolute;
	left: 4.635em;
	top: -3.5em;
}
.cont1 .titbox .chara iframe {
	width: 100%;
    height: 100%;
}
.cont1 .sec {
	padding-bottom: 8.75em;
}
.cont1 .sec:first-of-type {
	padding-bottom: 5em;
}
.cont1 .sec:last-of-type {
	padding-bottom: 0;
}
.cont1 .sec h4 {
	text-align: center;
	font-weight: 700;
	letter-spacing: 0.05em;
	padding: 0.1em 0;
	margin-bottom: 2.4em;
	border-bottom: 0.1785em solid #2E3134;
	position: relative;
}
.cont1 .sec h4::before {
	content: '';
	width: 100%;
	height: 1px;
	background-color: #2E3134;
	position: absolute;
	left: 0;
	top: 0;
}
.cont1 .sec h4 span {
	font-weight: 700;
	padding-right: 2em;
}
.cont1 .sec h4 span i {
	font-weight: 700;
	padding: 0 0.2em;
}
.cont1 .sec dl {
	display: flex;
	padding-bottom: 4.375em;
}
.cont1 .sec:first-of-type dl {
	padding-bottom: 1.5em;
}
.cont1 .sec:last-of-type dl {
	padding-bottom: 2em;
}
.cont1 .sec dl dt {
	width: 3.75em;
	margin: 0.5em 3.75em 0 6.8125em;
}
.cont1 .sec dl dd {
	width: 43.75em;
	line-height: 1.81;
}
.cont1 .sec .btn a {
	display: block;
	width: 100%;
	height: 100%;
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: center center;
}
.cont1 .sec .btn.btn1 a {
	background-image: url("../img/recruit/btn1.png");
}
.cont1 .sec .btn.btn2 a {
	background-image: url("../img/recruit/btn2.png");
}
.cont1 .sec .btn.btn3 a {
	background-image: url("../img/recruit/btn3.png");
}
.cont1 .sec .btn img {
	opacity: 0;
	transition: 0.4s;
}
@media only screen and (min-width:751px){
.cont1 .sec .btn a:hover img {
	opacity: 1;
}
}
@media only screen and (max-width:750px){
.cont1 {
	padding: 38.66vw 0 43.46vw; 
}
.cont1 .titbox .chara {
	width: 26.933vw;
	height: 33.083vw;
	left: 28.5vw;
	top: -34.4vw;
}
.cont1 .sec {
	padding-bottom: 24vw;
}
.cont1 .sec:first-of-type {
	padding-bottom: 24vw;
}
.cont1 .sec h4 {
	font-size: 4.8vw;
	padding: 0.7em 0 0.6em;
	margin-bottom: 8vw;
	border-bottom: 1.33vw solid #2E3134;
}
.cont1 .sec h4::before {
	height: 2px;
}
.cont1 .sec h4 span {
	font-size: 4vw;
	display: block;
	padding-right: 0;
	line-height: 1.2;
}
.cont1 .sec h4 span i {
	font-size: 6.66vw;
	padding: 0 0.2em;
}
.cont1 .sec dl {
	display: block;
	padding-bottom: 12vw;
}
.cont1 .sec:first-of-type dl,
.cont1 .sec:last-of-type dl {
	padding-bottom: 12vw;
}
.cont1 .sec dl dt {
	width: 15vw;
	margin: 0 auto 8vw;
}
.cont1 .sec dl dd {
	width: 100%;
	font-size: 4.266vw;
}
.cont1 .sec .btn.btn1 a,
.cont1 .sec .btn.btn2 a, 
.cont1 .sec .btn.btn2 a {
	background-image: none;
}
.cont1 .sec .btn img {
	opacity: 1;
}
}


/* cont2
------------------------------------------------- */
.cont2 {
	padding-bottom: 19em;
	position: relative;
}
.cont2 .inner {
	display: flex;
	justify-content: space-around;
	flex-direction: row-reverse;
	position: relative;
	z-index: 5;
}
.cont2 .tit {
	padding-bottom: 0;
}
.cont2 .copy {
	text-align: center;
	font-weight: 700;
	letter-spacing: 0.05em;
	padding-bottom: 7.5em;
}
.cont2 ul {
	display: flex;
	flex-wrap: wrap;
}
.cont2 ul li {
	width: 31.8%;
	background-color: #fff;
	margin: 0 2.3% 3.5em 0;
	border-bottom: 0.1875em solid #2E3134;
}
.cont2 ul li:nth-child(3n) {
	margin-right: 0;
}
.cont2 ul li:last-child {
	margin-bottom: 0;
}
.cont2 ul li p {
	text-align: center;
	line-height: 3.6;
}
.cont2 ul li p span {
	font-weight: 700;
	line-height: 2.45;
	padding-left: 1.5em;
}
.cont2 .tape1 {
	width: 100%;
	height: 108.28125em;
	background: url("../img/recruit/tape1.png") right top no-repeat;
	background-size: auto 100%;
	position: absolute;
	right: 0;
	top: -12em;
	z-index: 1;
}
.cont2 .tape1 .chara1 {
	width: 7.1875em;
	position: absolute;
	right: 6.8em;
	top: 9em;
	z-index: 2
}
.cont2 .tape2 {
	width: 100%;
	height: 112.03125em;
	background: url("../img/recruit/tape2.png") right top no-repeat;
	background-size: auto 100%;
	position: absolute;
	right: 0;
	top: 75em;
	z-index: 2;
}
.cont2 .tape3 {
	width: 100%;
	height: 108.28125em;
	background: url("../img/recruit/tape3.png") right top no-repeat;
	background-size: auto 100%;
	position: absolute;
	right: 0;
	top: 157em;
	z-index: 3;
}
.cont2 .tape3 .chara2 {
	width: 7.1875em;
	position: absolute;
	right: 0;
	top: 10.5em;
	z-index: 2
}
.cont2 .tape3.isAnimate2 .chara2 {
	width: 12.3125em;
}
.cont2 .tape3 .chara2 .ch1,
.cont2 .tape3.isAnimate2 .chara2 .ch2 {
	display: block;
}
.cont2 .tape3 .chara2 .ch2,
.cont2 .tape3.isAnimate2 .chara2 .ch1 {
	display: none;
}
@media only screen and (min-width:751px){
.cont2 .tape1.isAnimate .chara1 {
	animation: chara-anim1 8s ease 0.1s 1 forwards;
}
.cont2 .tape3.isAnimate .chara2 {
	animation: chara-anim2 2s ease 0.1s 1 forwards;
}
}
@media only screen and (max-width:750px){
.cont2 {
	padding-bottom: 58vw;
}
.cont2 .copy {
	font-size: 4.266vw;
	padding-bottom: 7em;
}
.cont2 .inner .maincon {
	width: 92vw;
	margin-right: 0;
	overflow: hidden;
}
.cont2 .inner .entit {
	margin-right: -4vw;
}	
.cont2 ul {
	justify-content: space-between;
}
.cont2 ul li {
	width: 48.4%;
	margin: 0 0 7.2vw;
	border-bottom: 0.8vw solid #2E3134;
}
.cont2 ul li:last-child {
	margin-bottom: 7.2vw;
}
.cont2 ul li p {
	font-size: 2.666vw;
	line-height: 2.4;
}
.cont2 ul li p span {
	font-size: 4.266vw;
	line-height: 1.75;
	padding-left: 1em;
}
.cont2 .tape1 {
	width: 100%;
	height: 78vw;
	background: url("../img/recruit/tape1_sp.png") right top no-repeat;
	background-size: auto 100%;
	right: 0;
	top: 4.8vw;
	overflow: hidden;
}
.cont2 .tape1 .chara1 {
	width: 16.98vw;
	right: 8vw;
	top: 19.2vw;
}
.cont2 .tape1.isAnimate .chara1 {
	animation: chara-anim1-sp 2s ease 0.1s 1 forwards;
}
.cont2 .tape2 {
	width: 100%;
	height: 51.466vw;
	background: url("../img/recruit/tape2_sp.png") right top no-repeat;
	background-size: auto 100%;
	right: 0;
	top: 475vw;
	overflow: hidden;
}
.cont2 .tape3 {
	width: 100%;
	height: 66.666vw;
	background: url("../img/recruit/tape3_sp.png") right top no-repeat;
	background-size: auto 100%;
	right: 0;
	top: 560vw;
	overflow: hidden;
}
.cont2 .tape3 .chara2 {
	width: 15.872vw;
	right: -7.936vw;
	top: 0;
}
.cont2 .tape3.isAnimate .chara2 {
	animation: chara-anim2-sp 1.5s ease 0.1s 1 forwards;
}
.cont2 .tape3.isAnimate2 .chara2 {
	width: 26.365vw;
	top: 36vw !important;
}
.cont2 .tape3 .chara2 .ch1,
.cont2 .tape3.isAnimate2 .chara2 .ch2 {
	display: block;
}
.cont2 .tape3 .chara2 .ch2,
.cont2 .tape3.isAnimate2 .chara2 .ch1 {
	display: none;
}
}


/* cont3
------------------------------------------------- */
.cont3 {
	padding-bottom: 13.75em;
	position: relative;
	z-index: 8;
}
.cont3 .inner {
	display: flex;
	justify-content: space-around;
	flex-direction: row-reverse;
}
.cont3 .tit {
	padding-bottom: 1.5em;
}
.cont3 .sec:last-of-type {
	border-bottom: 1px solid #707070;
}
.cont3 .sec .ttl {
	height: 7.5em;
	display: flex;
	align-items: center;
	cursor: pointer;
}
.cont3 .sec .ttl h4 {
	width: 100%;
	height: 100%;
	padding: 1.5em 8em 1.5em 4.16em;
	font-weight: 700;
	letter-spacing: 0.05em;
	background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2262%22%20height%3D%2262%22%20viewBox%3D%220%200%2062%2062%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_8670%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%208670%22%20transform%3D%22translate(-1038%20-7159)%22%3E%20%3Cg%20id%3D%22%E6%A5%95%E5%86%86%E5%BD%A2_90%22%20data-name%3D%22%E6%A5%95%E5%86%86%E5%BD%A2%2090%22%20transform%3D%22translate(1038%207159)%22%20fill%3D%22none%22%20stroke%3D%22%232e3134%22%20stroke-width%3D%221%22%3E%20%3Ccircle%20cx%3D%2231%22%20cy%3D%2231%22%20r%3D%2231%22%20stroke%3D%22none%22%2F%3E%20%3Ccircle%20cx%3D%2231%22%20cy%3D%2231%22%20r%3D%2230.5%22%20fill%3D%22none%22%2F%3E%20%3C%2Fg%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_7524%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%207524%22%3E%20%3Cline%20id%3D%22%E7%B7%9A_8950%22%20data-name%3D%22%E7%B7%9A%208950%22%20x2%3D%2215.757%22%20transform%3D%22translate(1061.122%207190.43)%22%20fill%3D%22none%22%20stroke%3D%22%232e3134%22%20stroke-width%3D%221%22%2F%3E%20%3Cline%20id%3D%22%E7%B7%9A_8951%22%20data-name%3D%22%E7%B7%9A%208951%22%20x2%3D%2215.757%22%20transform%3D%22translate(1069%207182.553)%20rotate(90)%22%20fill%3D%22none%22%20stroke%3D%22%232e3134%22%20stroke-width%3D%221%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fsvg%3E') right 4.16em center no-repeat #fff;
	background-size: 2.58em auto;
	border-top: 1px solid #707070;
	box-sizing: border-box;
	display: flex;
	align-items: center;
}
.cont3 .sec .ttl.open h4 {
	color: #fff;
	background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2262%22%20height%3D%2262%22%20viewBox%3D%220%200%2062%2062%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_7526%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%207526%22%20transform%3D%22translate(-1038%20-7159)%22%3E%20%3Cg%20id%3D%22%E6%A5%95%E5%86%86%E5%BD%A2_90%22%20data-name%3D%22%E6%A5%95%E5%86%86%E5%BD%A2%2090%22%20transform%3D%22translate(1038%207159)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%221%22%3E%20%3Ccircle%20cx%3D%2231%22%20cy%3D%2231%22%20r%3D%2231%22%20stroke%3D%22none%22%2F%3E%20%3Ccircle%20cx%3D%2231%22%20cy%3D%2231%22%20r%3D%2230.5%22%20fill%3D%22none%22%2F%3E%20%3C%2Fg%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_7524%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%207524%22%3E%20%3Cline%20id%3D%22%E7%B7%9A_8950%22%20data-name%3D%22%E7%B7%9A%208950%22%20x2%3D%2215.757%22%20transform%3D%22translate(1061.122%207190.43)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%221%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fsvg%3E') right 4.16em center no-repeat #0D59B2;
	background-size: 2.58em auto;
}
.cont3 .sec .con {
	display: none;
	padding: 3.125em 6.25em 6.875em;
	background-color: #fff;
}
.cont3 .sec .con table {
	width: 100%;
}
.cont3 .sec .con table th {
	width: 6.875em;
	border-right: 1px solid #798189;
	text-align: left;
	font-weight: 700;
	color: #0D59B2;
	line-height: 1.81;
	letter-spacing: 0.05em;
	vertical-align: top;
	padding-bottom: 3.5em;
}
.cont3 .sec .con table td {
	text-align: left;
	line-height: 1.81;
	vertical-align: top;
	padding: 0 0 3.5em 2.6em;
}
.cont3 .sec .con table tr:last-child th,
.cont3 .sec .con table tr:last-child td {
	padding-bottom: 1em;
}
@media only screen and (min-width:751px){
.cont3 .sec .ttl:hover h4 {
	color: #fff;
	background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2264%22%20height%3D%2264%22%20viewBox%3D%220%200%2064%2064%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_7525%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%207525%22%20transform%3D%22translate(-1037%20-7158)%22%3E%20%3Cg%20id%3D%22%E6%A5%95%E5%86%86%E5%BD%A2_90%22%20data-name%3D%22%E6%A5%95%E5%86%86%E5%BD%A2%2090%22%20transform%3D%22translate(1038%207159)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%221%22%3E%20%3Ccircle%20cx%3D%2231%22%20cy%3D%2231%22%20r%3D%2231%22%20stroke%3D%22none%22%2F%3E%20%3Ccircle%20cx%3D%2231%22%20cy%3D%2231%22%20r%3D%2231.5%22%20fill%3D%22none%22%2F%3E%20%3C%2Fg%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_7524%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%207524%22%3E%20%3Cline%20id%3D%22%E7%B7%9A_8950%22%20data-name%3D%22%E7%B7%9A%208950%22%20x2%3D%2215.757%22%20transform%3D%22translate(1061.122%207190.43)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%221%22%2F%3E%20%3Cline%20id%3D%22%E7%B7%9A_8951%22%20data-name%3D%22%E7%B7%9A%208951%22%20x2%3D%2215.757%22%20transform%3D%22translate(1069%207182.553)%20rotate(90)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%221%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fsvg%3E') right 4.16em center no-repeat #0D59B2;
	background-size: 2.58em auto;
}
}
@media only screen and (max-width:750px){
.cont3 {
	padding-bottom: 26.66vw;
}
.cont3 .tit {
	padding-bottom: 14vw;
}
.cont3 .sec .ttl {
	height: 23.2vw;
}
.cont3 .sec .ttl h4 {
	line-height: 1.9;
	padding: 1em 16vw 1em 5.33vw;
	background-size: 8.533vw auto;
	background-position: right 5.33vw center;
}
.cont3 .sec .ttl.open h4 {
	background-size: 8.533vw auto;
	background-position: right 5.33vw center;
}
.cont3 .sec .con {
	padding: 10vw 5.33vw 8vw;
}
.cont3 .sec .con table th {
	font-size: 4.266vw;
	display: block;
	width: 100%;
	border-right: none;
	padding-bottom: 3vw;
}
.cont3 .sec .con table td {
	font-size: 4.266vw;
	display: block;
	width: 100%;
	padding: 0 0 12vw;
}
.cont3 .sec .con table tr:last-child th {
	padding-bottom: 3vw;
}
.cont3 .sec .con table tr:last-child td {
	padding-bottom: 12vw;
}
}


/* entrybtn
------------------------------------------------- */
.entrybtn {
	display: none;
}
.entrybtn a {
	display: block;
	width: 8.625em;
	background: url("../img/recruit/entrybtn.png") center center no-repeat;
	background-size: 100% auto;
	position: fixed;
	right: 2em;
	bottom: 2em;
	z-index: 10;
}
.entrybtn a img {
	opacity: 0;
}
@media only screen and (min-width:751px){
.entrybtn a:hover {
	background: none;
}
.entrybtn a:hover img {
	opacity: 1;
}
}
@media only screen and (max-width:750px){
.entrybtn a {
	width: 23.344vw;
	right: 4vw;
	bottom: 4vw;
}
}