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

/*PC*/
@media print, screen and (min-width: 769px) {


a:hover img { opacity: 1.0;}

.btm-skew {
height: 25%;
/*min-width: 1200px;
width: 100vw;*/
}

#recruit .hedImg { background: url(../images/recruit/hedImg.jpg) center center no-repeat; height: 600px; background-size: cover; text-indent: -9999px;}


#recruit {}
#recruit main {}
#recruit main .w1000 { padding: 50px 0 0;}
/*#recruit main .w1000 { padding: 50px 0 90px;}*/
#recruit main .bgGry {}


.ttlRecruit { text-align:center; margin: auto auto 50px;}
.ttlRecruit p:nth-of-type(1) { font-family: 'Noto Serif JP', serif; font-size: 22px; letter-spacing: 0.1em; margin: 0 0 15px;}
.ttlRecruit h2 { font-family: "Times New Roman", Times, serif; font-weight: normal; font-size: 50px; position: relative; margin: 0 0 15px;}
.ttlRecruit p:nth-of-type(2) { font-size: 18px; margin: 0;}

#recruit .w1000 .listbox { margin: -200px 0; padding: 0; list-style: none; z-index: 100;}
#recruit .w1000 .listbox li { width: 450px; background: #FFF; float: left; margin: 0 100px 100px 0;}
#recruit .w1000 .listbox li:nth-child(2n) { margin: 0 0 100px 0;}
#recruit .w1000 .listbox li a { display: block; position: relative; padding: 450px 30px 30px; box-sizing: border-box; text-decoration: none; color: #000;}
#recruit .w1000 .listbox li a img { position: absolute; top: 0; left: 0;}

#recruit .w1000 .listbox li a p { font-size: 20px; margin: 0 0 20px; padding: 0;}
#recruit .w1000 .listbox li a h3 { font-size: 30px; margin: 0; padding: 0;}
#recruit .w1000 .listbox li a h3 span { font-size: 20px; margin-left: 30px; color: #005bac;}

#recruit .btnBg { background: url(../images/recruit/btnBg.jpg) top center no-repeat; height: 645px; background-size: cover; margin-top: 0;}

#recruit .w1000 .btnSaoyou { width: 1000px; margin: -90px auto 250px; padding: 0; list-style: none; position: relative;}
#recruit .w1000 .btnSaoyou li { width: 440px; height:80px; float: left;}
#recruit .w1000 .btnSaoyou li:nth-child(2n+1) { margin-right: 120px;}
#recruit .w1000 .btnSaoyou li a { width: 440px; height:80px; display: block; background: #005bac; text-align: center; line-height: 80px; color: #FFF; text-decoration: none; font-size: 33px;}
#recruit .w1000 .btnSaoyou li a img { margin-left: 20px; width: 30px;}
#recruit .w1000 .btnSaoyou li a:hover { background: #0075c2;}

#recruit .w1000 .btnWelfare { padding: 30px 0 100px; text-align: center;}


/*
----------------------*/

#recruit_staff {}
#recruit_staff .hedImg { height: 900px;}


#recruit_staff .section01 { background: #005bac; padding: 0;}
#recruit_staff .section02 { background: #0068b7; padding: 0;}
#recruit_staff .section03 { background: #00437c; padding: 0 0 50px;}

#recruit_staff .section01 p,
#recruit_staff .section02 p,
#recruit_staff .section03 p { font-size: 18px; line-height: 36px; color: #FFF;}


#recruit_staff .imgR { float: right; width: 458px; padding: 0;}
#recruit_staff .imgL { float: left; width: 458px; padding: 0;}

#recruit_staff .txtR { float: right; width: 480px; padding: 0;}
#recruit_staff .txtL { float: left; width: 480px; padding: 0;}


#recruit_staff .wada { background: url(../images/recruit_staff/staff_wada.jpg) center center no-repeat; background-size: cover;}
#recruit_staff .wada .w1000 { position: relative; height: 900px;}
#recruit_staff .wada .catch { width: 500px; position: absolute; top: 25%; right: 0; text-align: center;}
#recruit_staff .wada .catch h2 { font-size: 40px; line-height: 70px; margin: 0 0 30px; padding: 0; font-weight: normal;}
#recruit_staff .wada .catch p { font-size: 22px; margin: 0 0 20px; padding: 0;}
#recruit_staff .wada .catch h3 { font-size: 56px; margin: 0 0 10px; padding: 0;}
#recruit_staff .wada .catch h3 span { display: block; font-size: 20px; margin: 0; padding: 0; font-weight: normal; color: #005bac;}


#recruit_staff .ikawa { background: url(../images/recruit_staff/staff_ikawa.jpg) center center no-repeat; background-size: cover;}
#recruit_staff .ikawa .w1000 { position: relative; height: 900px;}
#recruit_staff .ikawa .catch { width: 500px; position: absolute; top: 25%; right: 0; text-align: center; color: #FFF; text-shadow: 0 0px 5px rgba(0,0,0,0.8);}
#recruit_staff .ikawa .catch h2 { font-size: 40px; line-height: 70px; margin: 0 0 30px; padding: 0; font-weight: normal;}
#recruit_staff .ikawa .catch p { font-size: 22px; margin: 0 0 20px; padding: 0;}
#recruit_staff .ikawa .catch h3 { font-size: 56px; margin: 0 0 10px; padding: 0;}
#recruit_staff .ikawa .catch h3 span { display: block; font-size: 20px; margin: 0; padding: 0; font-weight: normal; color: #FFF;}


#recruit_staff .takemura { background: url(../images/recruit_staff/staff_takemura.jpg) center center no-repeat; background-size: cover;}
#recruit_staff .takemura .w1000 { position: relative; height: 900px;}
#recruit_staff .takemura .catch { width: 500px; position: absolute; top: 25%; left: 0; text-align: center;}
#recruit_staff .takemura .catch h2 { font-size: 40px; line-height: 70px; margin: 0 0 30px; padding: 0; font-weight: normal;}
#recruit_staff .takemura .catch p { font-size: 22px; margin: 0 0 20px; padding: 0;}
#recruit_staff .takemura .catch h3 { font-size: 56px; margin: 0 0 10px; padding: 0;}
#recruit_staff .takemura .catch h3 span { display: block; font-size: 20px; margin: 0; padding: 0; font-weight: normal; color: #005bac;}


#recruit_staff .nagai { background: url(../images/recruit_staff/staff_nagai.jpg) center center no-repeat; background-size: cover;}
#recruit_staff .nagai .w1000 { position: relative; height: 900px;}
#recruit_staff .nagai .catch { width: 500px; position: absolute; top: 25%; left: 0; text-align: center;}
#recruit_staff .nagai .catch h2 { font-size: 40px; line-height: 70px; margin: 0 0 30px; padding: 0; font-weight: normal;}
#recruit_staff .nagai .catch p { font-size: 22px; margin: 0 0 20px; padding: 0;}
#recruit_staff .nagai .catch h3 { font-size: 56px; margin: 0 0 10px; padding: 0;}
#recruit_staff .nagai .catch h3 span { display: block; font-size: 20px; margin: 0; padding: 0; font-weight: normal; color: #005bac;}



#recruit_staff .nav { margin: 0; padding: 0; list-style: none;}
#recruit_staff .nav li { width: 50%; float: left;}
#recruit_staff .nav li a { display: block; height: 150px; line-height: 150px; font-family: "Times New Roman", Times, serif; font-size: 50px; text-decoration: none; color:#000;}
#recruit_staff .nav li:nth-of-type(1) a { text-align: left;}
#recruit_staff .nav li:nth-of-type(2) a { text-align: right;}
#recruit_staff .nav li:nth-of-type(1) a::before {font-family: FontAwesome; content: "\f104"; margin-right: 30px;}
#recruit_staff .nav li:nth-of-type(2) a::after {font-family: FontAwesome; content: "\f105"; margin-left: 30px;}
#recruit_staff .nav li a:hover { opacity: 0.8;}


#recruit_staff .info { background: #005bac; padding: 60px 0 70px; font-family: 'Noto Serif JP', serif;}
#recruit_staff .info h3 { text-align: center; color: #FFF; font-size: 45px; font-weight: normal; margin: 0 0 70px; padding: 0; letter-spacing: 0.1em;}
#recruit_staff .info .btn { margin: 0; padding: 0; list-style: none;}
#recruit_staff .info .btn li { float: left; width: 470px; margin: auto;}
#recruit_staff .info .btn li:nth-child(2n+1) { margin-right: 60px;}
#recruit_staff .info .btn li a { width: 470px; height: 90px; display: block; font-size: 40px; line-height: 90px; text-decoration: none; text-align: center; background: #FFF; color: #005bac;}
#recruit_staff .info .btn li a::after {font-family: FontAwesome; content: "\f105"; margin-left: 30px;}
#recruit_staff .info .btn li a:hover { opacity: 0.8;}


/*
----------------------*/

#recruit_institutions .hedImg { background: url(../images/recruit/hedImg.jpg) center center no-repeat; height: 600px; background-size: cover; text-indent: -9999px;}

#recruit_institutions {}
#recruit_institutions .w1000 { padding: 50px 0 0;}
#recruit_institutions .w1000 .listbox2 { margin: 0 auto; padding: 50px 0 80px; list-style: none; width: 850px;}
#recruit_institutions .w1000 .listbox2 li { background: #c7dff4; text-align: center; margin-bottom: 30px; font-size: 18px; padding: 20px;}



}



/*sp*/
@media only screen and (max-width: 768px) {


a:hover img { opacity: 1.0;}

.btm-skew {
height: 25%;
/*min-width: 1200px;
width: 100vw;*/
}

#recruit .hedImg { background: url(../images/recruit/hedImg.jpg) center center no-repeat; height: 300px; background-size: cover; text-indent: -9999px;}


#recruit {}
#recruit main {}
#recruit main .w1000 { padding: 50px 0 0;}
/*#recruit main .w1000 { padding: 50px 0 90px;}*/
#recruit main .bgGry {}


.ttlRecruit { text-align:center;}
.ttlRecruit p:nth-of-type(1) { font-family: 'Noto Serif JP', serif; font-size: 18px; letter-spacing: 0.1em; margin: 0 0 15px;}
.ttlRecruit h2 { font-family: "Times New Roman", Times, serif; font-weight: normal; font-size: 30px; position: relative; margin: 0 0 15px;}
.ttlRecruit p:nth-of-type(2) { font-size: 12px; margin: 0 0 10%;}

#recruit .w1000 .listbox { margin: 0px 4%; padding: 0; list-style: none; z-index: 100;}
#recruit .w1000 .listbox li { width: 49%; background: #FFF; float: left; margin: 0 2% 2% 0;}
#recruit .w1000 .listbox li:nth-child(2n) { margin: 0 0 2% 0;}
#recruit .w1000 .listbox li a { display: block; position: relative; padding: 100% 15px 15px; box-sizing: border-box; text-decoration: none; color: #000;}
#recruit .w1000 .listbox li a img { position: absolute; top: 0; left: 0;}

#recruit .w1000 .listbox li a p { font-size: 16px; margin: 0 0 2%; padding: 0;}
#recruit .w1000 .listbox li a h3 { font-size: 20px; margin: 0; padding: 0;}
#recruit .w1000 .listbox li a h3 span { font-size: 12px; margin-left: 0; color: #005bac; display: block;}

#recruit .btnBg { background: url(../images/recruit/btnBg.jpg) top center no-repeat; height: 300px; background-size: cover; margin-top: 0;}

#recruit .w1000 .btnSaoyou { width: 80%; margin: 0 auto 20%; padding: 0; list-style: none; position: relative;}
#recruit .w1000 .btnSaoyou li { width: 100%; height: 60px; float: none; margin-bottom: 10px;}
#recruit .w1000 .btnSaoyou li:nth-child(2n+1) { margin-right: 0;}
#recruit .w1000 .btnSaoyou li a { width: 100%; height:60px; display: block; background: #005bac; text-align: center; line-height: 60px; color: #FFF; text-decoration: none; font-size: 20px;}
#recruit .w1000 .btnSaoyou li a img { margin-left: 20px;}
#recruit .w1000 .btnSaoyou li a:hover { background: #0075c2;}

#recruit .w1000 .btnWelfare { padding: 30px 0 100px; text-align: center;}


/*
----------------------*/

#recruit_staff {}
#recruit_staff .hedImg { height: 300px;}


#recruit_staff .section01 { background: #005bac; padding: 5% 0;}
#recruit_staff .section02 { background: #0068b7; padding: 5% 0;}
#recruit_staff .section03 { background: #00437c; padding: 5% 0;}

#recruit_staff .section01 p,
#recruit_staff .section02 p,
#recruit_staff .section03 p { font-size: 14px; line-height: 28px; color: #FFF;}


#recruit_staff .imgR { float: right; width: 40%; padding: 0 0 15px 15px;}
#recruit_staff .imgL { float: left; width: 40%; padding: 0 15px 15px 0;}

#recruit_staff .txtR { float: none; width: auto;}
#recruit_staff .txtL { float: none; width: auto;}


#recruit_staff .wada { background: url(../images/recruit_staff/staff_wada.jpg) center center no-repeat; background-size: cover;}
#recruit_staff .wada .w1000 { position: relative; height: 300px;}
#recruit_staff .wada .catch { width: 200px; position: absolute; top: 30%; right: 2%; text-align: center;}
#recruit_staff .wada .catch h2 { font-size: 16px; line-height: inherit; margin: 0 0 30px; padding: 0; font-weight: normal;}
#recruit_staff .wada .catch p { font-size: 10px; margin: 0 0 20px; padding: 0;}
#recruit_staff .wada .catch h3 { font-size: 20px; margin: 0 0 10px; padding: 0;}
#recruit_staff .wada .catch h3 span { display: block; font-size: 14px; margin: 0; padding: 0; font-weight: normal; color: #005bac;}


#recruit_staff .ikawa { background: url(../images/recruit_staff/staff_ikawa.jpg) center center no-repeat; background-size: cover;}
#recruit_staff .ikawa .w1000 { position: relative; height: 300px;}
#recruit_staff .ikawa .catch { width: 200px; position: absolute; top: 30%; right: 2%; text-align: center; color: #FFF; text-shadow: 0 0px 5px rgba(0,0,0,0.8);}
#recruit_staff .ikawa .catch h2 { font-size: 16px; line-height: inherit; margin: 0 0 30px; padding: 0; font-weight: normal;}
#recruit_staff .ikawa .catch p { font-size: 10px; margin: 0 0 20px; padding: 0;}
#recruit_staff .ikawa .catch h3 { font-size: 20px; margin: 0 0 10px; padding: 0;}
#recruit_staff .ikawa .catch h3 span { display: block; font-size: 14px; margin: 0; padding: 0; font-weight: normal; color: #FFF;}


#recruit_staff .takemura { background: url(../images/recruit_staff/staff_takemura.jpg) center center no-repeat; background-size: cover;}
#recruit_staff .takemura .w1000 { position: relative; height: 300px;}
#recruit_staff .takemura .catch { width: 200px; position: absolute; top: 30%; left: 2%; text-align: center;}
#recruit_staff .takemura .catch h2 { font-size: 16px; line-height: inherit; margin: 0 0 30px; padding: 0; font-weight: normal;}
#recruit_staff .takemura .catch p { font-size: 10px; margin: 0 0 20px; padding: 0;}
#recruit_staff .takemura .catch h3 { font-size: 20px; margin: 0 0 10px; padding: 0;}
#recruit_staff .takemura .catch h3 span { display: block; font-size: 14px; margin: 0; padding: 0; font-weight: normal; color: #005bac;}


#recruit_staff .nagai { background: url(../images/recruit_staff/staff_nagai.jpg) center center no-repeat; background-size: cover;}
#recruit_staff .nagai .w1000 { position: relative; height: 300px;}
#recruit_staff .nagai .catch { width: 200px; position: absolute; top: 30%; left: 2%; text-align: center;}
#recruit_staff .nagai .catch h2 { font-size: 16px; line-height: inherit; margin: 0 0 30px; padding: 0; font-weight: normal;}
#recruit_staff .nagai .catch p { font-size: 10px; margin: 0 0 20px; padding: 0;}
#recruit_staff .nagai .catch h3 { font-size: 20px; margin: 0 0 10px; padding: 0;}
#recruit_staff .nagai .catch h3 span { display: block; font-size: 14px; margin: 0; padding: 0; font-weight: normal; color: #005bac;}



#recruit_staff .nav { margin: 0; padding: 0; list-style: none;}
#recruit_staff .nav li { width: 50%; float: left;}
#recruit_staff .nav li a { display: block; height: 40px; line-height: 40px; font-family: "Times New Roman", Times, serif; font-size: 20px; text-decoration: none; color:#000;}
#recruit_staff .nav li:nth-of-type(1) a { text-align: left;}
#recruit_staff .nav li:nth-of-type(2) a { text-align: right;}
#recruit_staff .nav li:nth-of-type(1) a::before {font-family: FontAwesome; content: "\f104"; margin-right: 30px;}
#recruit_staff .nav li:nth-of-type(2) a::after {font-family: FontAwesome; content: "\f105"; margin-left: 30px;}
#recruit_staff .nav li a:hover { opacity: 0.8;}


#recruit_staff .info { background: #005bac; padding: 5% 0 5%; font-family: 'Noto Serif JP', serif;}
#recruit_staff .info h3 { text-align: center; color: #FFF; font-size: 20px; font-weight: normal; margin: 0 0 5%; padding: 0; letter-spacing: 0.1em;}
#recruit_staff .info .btn { margin: 0; padding: 0; list-style: none;}
#recruit_staff .info .btn li { float: none; width: 80%; margin: auto auto 3%;}
#recruit_staff .info .btn li:nth-child(2n+1) { margin-right: auto;}
#recruit_staff .info .btn li a { width: 100%; height: 30px; display: block; font-size: 16px; line-height: 30px; text-decoration: none; text-align: center; background: #FFF; color: #005bac;}
#recruit_staff .info .btn li a::after {font-family: FontAwesome; content: "\f105"; margin-left: 15px;}
#recruit_staff .info .btn li a:hover { opacity: 0.8;}


/*
----------------------*/

#recruit_institutions .hedImg { background: url(../images/recruit/hedImg.jpg) center center no-repeat; height: 300px; background-size: cover; text-indent: -9999px;}

#recruit_institutions {}
#recruit_institutions .w1000 { padding: 10% 0 0;}
#recruit_institutions .w1000 .listbox2 { margin: 0 auto; padding: 0 0 20%; list-style: none; width: 80%;}
#recruit_institutions .w1000 .listbox2 li { background: #c7dff4; text-align: center; margin-bottom: 20px; font-size: 16px; padding: 10px;}



}
}