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

/*-----スライドショー-----*/

.recruit .mv {
    width: 100%;
    position: relative;
}
.recruit .mv .mainCopy {
	display: block;
    padding: 60px 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    /*width: 580px;*/
    z-index: 1;
}
.recruit .mv .slider_01 > li {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    width: 100%;
    height: calc(100vh - 0px);
}
.recruit .mv .txWrap{}
.recruit .mv .mainCopy span {
    color: #fff;
    margin: 0 auto;
    display: block;
    font-weight: 200;
    text-align: center;
    letter-spacing: 0.6em;
}
.recruit .mv .mainCopy span.jp {
    font-size: 40px;
    line-height: 1.4;
    margin-bottom: 24px;
    font-family: 'ShipporiMincho-Regular';
	text-shadow: 1px 2px 2px rgb(0 0 0 / 65%);
}
.recruit .mv .mainCopy span.jp em{ font-size: 26px; font-style: normal;}
.recruit .mv .mainCopy span.en{ font-size: 14px; font-family: 'Open Sans', sans-serif; letter-spacing: 0.4em;}
.recruit .mv .read {
    position: absolute;
    left: 100px;
    bottom: 120px;
    width: auto;
    font-size: 24px;
    line-height: 2;
    color: #fff;
    letter-spacing: 0.3em;
	font-weight:600;
	text-shadow: 1px 2px 1px rgba(0,0,0,0.3);
}
.recruit .mv .read span{ display: block; font-size: 14px; letter-spacing: 0.4em; margin: 20px auto 0;}
.recruit .mv .bx-wrapper{ margin: 0;}
.recruit .mv .bx-wrapper .bx-pager { bottom: 60px; }
.recruit .mv .bx-wrapper .bx-pager.bx-default-pager a.active { /*background: #29a66d !important;*/     background-color: #eb5c01 !important; }
.recruit .mv .bx-wrapper .bx-pager.bx-default-pager a { background: #fff !important; margin: 0px 10px; width: 6px; height: 6px;}
	
.recruit .mv .bx-wrapper .bx-controls-direction a { z-index: 999 !important; }
	
.pc_show { display: block; }
.sp_show { display: none !important; }


.recruit .recruit-mv{
	position:relative;
	background-image:url(../img/mv_bg01.jpg);
	background-size:cover;
	background-repeat:no-repeat;
    width: 100%;
    height: 100vh;}
.recruit .recruit-read {
    position: absolute;
    left: 100px;
    bottom: 200px;
    width: auto;
    font-size: 24px;
    line-height: 2;
    color: #fff;
    letter-spacing: 0.3em;
    font-weight: 600;
    text-shadow: 1px 2px 1px rgb(0 0 0 / 30%);
	z-index: 10;
}

.recruit .recruit-head div{ padding:30px 0; background-color:#0053A5;  text-align:center; }
.recruit .recruit-head div ul{ overflow:hidden; font-size: 0; }
.recruit .recruit-head div ul li {
    line-height: 1;
    display: inline-block;
    padding: 0 20px 0 20px;
    border-right: solid 1px #fff;
}
.recruit .recruit-head div ul li:first-child{ padding:0 20px 0 0;}
.recruit .recruit-head div ul li:last-child{ padding:0 0 0 20px; border:none;}
.recruit .recruit-head div ul li a{ color:#fff; text-decoration:none; font-weight:500; font-size:18px;}
.recruit .recruit-head div ul li a.anchor {
    display: block;
    padding-top: 120px !important;
    margin-top: -120px !important;
}
.recruit .recruit-head div ul li a:hover{ color:#FF6; transition: all 0.3s ease 0s; }

.recruit .recruit-message{ background-color:#E9ECF0; padding:80px 0;}
.recruit .recruit-message div{ text-align:center;}
.recruit .recruit-message div p{ margin-bottom: 30px;}
.recruit .recruit-message div p:last-child{ margin-bottom: 0px;}
.recruit .recruit-message div p:nth-child(1){ position: relative; font-size: 26px; font-family: 'Open Sans', sans-serif; letter-spacing: 0.2em; font-weight:600;}
.recruit .recruit-message div p:nth-child(2) {
    font-size: 22px;
    letter-spacing: 0.3em;
    font-weight: 600;
}
.recruit .recruit-message div p strong{ font-weight:normal; display:block; margin-bottom:16px;}
.recruit .recruit-message div p strong:last-child{ margin-bottom:0px;}
.recruit .recruit-message p:nth-child(3){ font-size: 16px; line-height:1.8;}
.recruit .recruit-message p:nth-child(3) span{ display: block; /*margin-bottom: 10px;*/ letter-spacing: 0.2em; }
.recruit .recruit-message p:nth-child(3) span br{ display:none; }

.recruit .recruit-info{ text-align:center; margin:100px auto 60px;}
.recruit .recruit-info div{}
.recruit .recruit-info div p:nth-of-type(1){ margin-bottom:40px;}
.recruit .recruit-info div p:nth-of-type(1) span{ display:block; margin-bottom:16px;}
.recruit .recruit-info div p:nth-of-type(2){ margin-bottom:60px;}
.recruit .recruit-info div p:nth-of-type(2) span{ display:block; margin-bottom:16px;}
.recruit .recruit-info div p:last-child{ width:420px; margin:0 auto; }

.recruit .recruit-feature{ margin-bottom:60px; }
.recruit .recruit-feature div{ position:relative;}
/*.recruit .recruit-feature div ul{ text-align:center; margin-bottom:60px;}*/
.recruit .recruit-feature div ul {
    text-align: justify;
    width: 600px;
    margin: 0 auto 60px;
}
.recruit .recruit-feature div ul li:first-letter{ color:#0053A5;}
.recruit .recruit-feature div ul li{ margin-bottom:16px;}
.recruit .recruit-feature div ul li:last-child{ margin-bottom:0px;}
.recruit .recruit-feature div ul li span{ display:block;}
.recruit .recruit-feature div p:last-child{ width:420px; margin:0 auto; }

.recruit .recruit-boshuu{ margin-bottom:60px; text-align:center; }
.recruit .recruit-boshuu div{}
.recruit .recruit-boshuu div p{ }
.recruit .recruit-boshuu div p a{ display:inline-block; padding:20px 80px 16px; background-color:#E9ECF0; border:solid 1px #333; font-size:26px; text-align-last: justify; text-decoration:none;
color:#333; font-weight:600;
    -webkit-box-shadow: 3px 3px 6px 0px rgb(0 0 0 / 30%);
    -moz-box-shadow: 3px 3px 6px 0px rgba(0,0,0,0.3);
    box-shadow: 3px 3px 6px 0px rgb(0 0 0 / 30%);
}
.recruit .recruit-boshuu div p a:hover{ background:#0053A5; transition: all 0.3s ease 0s; color:#fff;}
.recruit .recruit-boshuu div p a span{ display:block; font-size:14px; letter-spacing:0.3em; }

.recruit .recruit-feature .recruit-bg1 {
    background-color: #E9ECF0;
    width: 100%;
    height: 580px;
    position: absolute;
    left: 0;
    top: -220px;
    z-index: -10;
}

.recruit h4 {
    text-align: center;
    font-size: 30px;
    letter-spacing: 0.4em;
    position: relative;
    padding-bottom: 25px;
    margin-bottom: 50px;
}
.recruit h4:after{
    position: absolute;
    bottom: 0;
    left: 50%;
    content: "";
    width: 60px;
    height: 3px;
    transform: translate(-50%, 0);
    background-color: #0053A5;
}

.recruit h5 {
    text-align: center;
    font-size: 20px;
    letter-spacing: 0.2em;
    position: relative;
    /*padding-bottom: 20px;*/
    margin-bottom: 30px;
}
/*.recruit h5:after{
    position: absolute;
    bottom: 0;
    left: 50%;
    content: "";
	display:inline-block;
	background-image:url(../img/recruit-parts1.jpg);
	background-size:cover;
	background-repeat:no-repeat;
	width:64px;
	height:1px;
    transform: translate(-50%, 0);
}*/

/*-----アコーディオン-----*/

.recruit-shain-cont1{ overflow:hidden;}
.recruit-shain-cont1 div:nth-child(1){ float:left; width:30%;}
.recruit-shain-cont1 div:nth-child(2){ float:right; width:66%; text-align:justify;}
.recruit-shain-cont1 div:nth-child(2) p:nth-child(1) {
    font-size: 24px;
    line-height: 1.6;
    font-weight: 600;
    letter-spacing: 0.2em;
    margin-bottom: 16px;
}

.recruit-shain-cont1b{ overflow:hidden;}
.recruit-shain-cont1b div:nth-child(1){ float:right; width:30%;}
.recruit-shain-cont1b div:nth-child(2){ float:left; width:66%; text-align:justify;}
.recruit-shain-cont1b div:nth-child(2) p:nth-child(1) {
    font-size: 24px;
    line-height: 1.6;
    font-weight: 600;
    letter-spacing: 0.2em;
    margin-bottom: 16px;
}
.accordion .accordion-cont1 dt:after{ left:0; }

.recruit-shain-cont2{ overflow:hidden; padding:40px 0 0 0;}
.recruit-shain-cont2 div:nth-child(1){ float:right; width:54%;}
.recruit-shain-cont2 div:nth-child(2){ float:left; width:42%; text-align:justify;}
.recruit-shain-cont2 div:nth-child(2) p:nth-child(1) { margin-bottom: 16px; }

.recruit-shain-cont2b{ overflow:hidden; padding:40px 0 0 0;}
.recruit-shain-cont2b div:nth-child(1){ float:left; width:54%;}
.recruit-shain-cont2b div:nth-child(2){ float:right; width:42%; text-align:justify;}
.recruit-shain-cont2b div:nth-child(2) p:nth-child(1) { margin-bottom: 16px; }

.recruit-shain-name {
    margin: 30px 0 0 0;
    padding: 24px 0 0 0;
    border-top: solid 1px #000;
    font-weight: 600;
    font-size: 24px;
}
.recruit-shain-name span {
    display: none;
    font-size: 14px;
}

.accordion-cont1{ width:860px; margin:0 auto; padding:40px 0;}
.accordion-cont2{ background-color:#E9ECF0; padding:40px 0;}
.accordion-cont2 div.accordion-cont2-cont{ width:860px; margin:0 auto;}
.accordion{ width:100%; margin:0 auto;}
.accordion dd{ display: none; } 
.accordion dt{
    /*margin:20px auto 20px;
    padding: 20px 20px 25px;*/
    cursor: pointer;
    /*font-size:18px;
    border: 1px solid #afafaf;
    background-color:#fff;*/
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	position:relative;
	text-align:left;
    }
.accordion dt:hover{ opacity: 0.5; filter: alpha(opacity=50); -moz-opacity:0.5;}
.accordion dt div{ /*padding:2px 0 0 5%; display:inline-block;*/}
.question{ font-size:2.2rem; line-height:2.4rem;}
.accordion dd div{ margin:0 auto; /*padding:2%;*/ color:#333; text-align:left; } 
/*.accordion dt:before{
	font-family:"Arial", Gadget, sans-serif;
	font-weight:bold;
	content:"Q";
	font-size:28px;
	color:#08bf5b;
	background-size: cover;
	position:absolute;
	z-index:10;
	display:inline-block;
	}*/
.accordion dt:after {
    /* float: right; */
	width: max-content;
    font-size: 16px;
    background-color: #000;
    color: #fff;
    padding: 4px 20px;
    /* color: #0053A5; */
    content: '> MORE';
    font-weight: 600;
    position: absolute;
    right: 0;
    bottom: 0;
	display:inline-block;
    -webkit-box-shadow: 3px 3px 6px 0px rgb(0 0 0 / 30%);
    -moz-box-shadow: 3px 3px 6px 0px rgba(0,0,0,0.3);
    box-shadow: 3px 3px 6px 0px rgb(0 0 0 / 30%);
}
.accordion dt.active:after{ content:"CLOSE"; background-color:#EB5C01;  }

@media only screen and (max-width: 1024px) {

.recruit .recruit-mv {
    position: relative;
    background-image: url(../img/mv_bg01.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 800px;
}

}

@media only screen and (max-width: 860px) {
	
.accordion-cont1{ width:90%;}
.accordion-cont2 div.accordion-cont2-cont { width:90%;}

.recruit .recruit-feature div ul {
    text-align: center;
    width: 90%;
    margin: 0 auto 60px;
    text-align: justify;
}

.accordion dt { padding: 0 0 50px 0; }

}

@media only screen and (max-width: 480px) {

.recruit .slider-custom li { height: 300px !important;}
/*.recruit .slider-custom li img{ height: 300px; object-fit: cover; }*/

.pc_show { display: none; }
.sp_show { display: block !important; }
.bx-wrapper .bx-pager.bx-default-pager a {
    width: 6px !important;
    height: 6px !important;
    margin: 0 6px !important;}
.recruit .mv .bx-wrapper .bx-pager { bottom: 20px;}

.recruit .mv .read {
    left: 20px;
    /*top: 90px;*/
	top:200px;
    bottom: auto;
    width: auto;
    font-size: 14px;
    line-height: 1.6;
    letter-spacing: 0.2em;
	text-shadow: 1px 1px 1px rgb(0 0 0 / 30%);
}
.recruit .mv .read span{ display:block; margin:0; }



.recruit .recruit-mv{ background-image:url(../img/mv_bg01sp.jpg);     height: 100vh;}

.recruit .recruit-info div p:last-child { width: 100%;}
.recruit .recruit-feature div p:last-child { width:100%;}

.recruit .recruit-read {
    left: 20px;
    bottom: 100px;
    width: auto;
    font-size: 16px;
    line-height: 1.6;
    letter-spacing: 0.2em;
    text-shadow: 1px 1px 1px rgb(0 0 0 / 30%);
}
.recruit .recruit-head div ul li a {
    font-size: 14px;
}
.recruit .recruit-head div ul li:first-child {
    padding: 0 6px 0 0;
}
.recruit .recruit-head div ul li:last-child {
    padding: 0 0 0 6px;
}
.recruit .recruit-head div ul li {
    padding: 0 6px 0 6px;
}

.recruit .recruit-message div p:nth-child(1) { font-size: 20px;}
.recruit .recruit-message div p:nth-child(2){
    font-size: 16px;
    letter-spacing: 0.1em;
}
.recruit .recruit-message p:nth-child(3) {
    font-size: 12px;
    margin-bottom: 40px;
}
.recruit .recruit-message p:nth-child(3) span {
    letter-spacing: 0.1em;
}
.recruit .recruit-message p:nth-child(3) span br{ display:block;}

.recruit .recruit-message {
    padding: 60px 0;
}

.recruit h4 {
    font-size: 20px;
    padding-bottom: 20px;
    margin-bottom: 40px;
	letter-spacing: 0.2em;
}
.recruit h4:after { width: 50px; height: 2px;}

.recruit h5{
    font-size: 16px;
    padding-bottom: 15px;
    margin-bottom: 24px;
}

.recruit-shain-cont1 div:nth-child(1) {
    float: none;
    width: 50%;
    display: block;
    margin: 0 auto 16px;
}
.recruit-shain-cont1 div:nth-child(2) {
    float: none;
    width: 100%;
    display: block;
	/*padding: 0 0 50px 0;*/
}
.recruit-shain-cont1 div:nth-child(2) p:nth-child(1) { font-size: 16px;}
.accordion dt:after { font-size: 14px;}
.recruit-shain-cont2 div:nth-child(1) { float: none; width: 100%; display: block; margin: 0 auto 16px;}
.recruit-shain-cont2 div:nth-child(2) { float: none; width: 100%; display: block;}

.recruit-shain-cont1b div:nth-child(1) { float: none; width: 50%; display: block; margin: 0 auto 16px; }
.recruit-shain-cont1b div:nth-child(2) {
    float: none;
    width: 100%;
	display:block;
}
.recruit-shain-cont1b div:nth-child(2) p:nth-child(1) { font-size: 16px; }
.recruit-shain-cont1b div:nth-child(2) {
    float: none;
    width: 100%;
    display: block;
	/*padding: 0 0 50px 0;*/
}

.recruit-shain-cont2b div:nth-child(1) {
    float:none;
    width:100%;
	display:block;
	margin-bottom:16px;
}
.recruit-shain-cont2b div:nth-child(2) {
    float: none;
    width: 100%;
    display: block;
}

.recruit .recruit-info div p:nth-of-type(1) {
    text-align: justify;
    width: 90%;
    margin: 0 auto 24px;
}
.recruit .recruit-info div p:nth-of-type(2) {
    text-align: justify;
    width: 90%;
    margin: 0 auto 24px;
}
.recruit .recruit-info div p:nth-of-type(1) br{ display:none; }
.recruit .recruit-info div p:nth-of-type(2) br{ display:none; }

.recruit .recruit-info {
    text-align: center;
    margin: 60px auto 60px;
}
.recruit .recruit-feature div ul {
    width: 90%;
    margin: 0 auto;
    text-align: justify;
    margin-bottom: 40px;
}
.recruit .recruit-boshuu div p a {
    padding: 20px 40px 16px;}
	
.recruit-shain-cont2 {
    padding: 30px 0 0 0;
}
.recruit-shain-cont2b {
    padding: 30px 0 0 0;
}

.recruit-shain-name {
    font-size: 18px;
}

}