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


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

.hed_img {
background: url(../images/recruit/hed_img.jpg) 0 0 no-repeat;
height: 710px;
margin-top: 80px;
width: 40%;
float: left;
background-size: cover;
}
.hed_img2 {
background: url(./../images/recruit/president/pre_hed.jpg) 0 0 no-repeat;
height: 710px;
margin-top: 80px;
width: 40%;
float: left;
background-size: cover;
}


.policy {
margin-bottom: 50px;
}



.gray_bg {
margin-bottom: 50px;
}




.flow_tit {
font-size: 1.3em;
color: #ea5514;
font-weight: bold;
margin-bottom: 10px;
}

.recruit_box {
position: relative;
margin-bottom: 140px;
box-sizing: border-box;
min-width: 1200px;
display: block;
}


.recruit_box:hover .recruit_img {
margin-left: 20px;
opacity: 1;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all .3s ease-out;
transition: all 0.3s ease-out;
}


.recruit_box:hover .recruit_titbox {
left: 414px;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all .3s ease-out;
transition: all 0.3s ease-out;
}


.recruit_img {
display: inline-block;
position: relative;
vertical-align: top;
z-index: 100;
}

.recruit_img::after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #000;
opacity: 0;
-webkit-transition: opacity .5s cubic-bezier(0.215, 0.61, 0.355, 1);
}



.recruit_tit {
padding-left: 414px;
line-height: 3em;

}

.recruit_titbox {
position: absolute;
left: 434px;
top: 40px;
width: 700px;
z-index: 0;
color: #fff;
padding: 134px 70px 135px 0px;
background: #000;
}



.tit_en {
font-size: 2.5em;
font-family: Arial,Helvetica,Verdana,sans-serif;
position: relative;
}

.tit_en::after {
position: absolute;
content: "";
display: block;
background: #fff;
height: 2px;
width: 100px;
left: -120px;
top: 20px;
}


.tit_en2 {
font-size: 2.5em;
font-family: Arial,Helvetica,Verdana,sans-serif;
position: relative;
}

.tit_en2::after {
position: absolute;
content: "";
display: block;
background: #fff;
height: 2px;
width: 100px;
right: -120px;
top: 20px;
}






.tit_jp {
font-size: 1.2em;
font-weight: bold;
}

.recruit_txt {
font-weight: bold;
}

.recruit_tit2 {
padding-right: 414px;
line-height: 3em;

}

.recruit_titbox2 {
display: inline-block;
right: 434px;
top: 40px;
width: 700px;
z-index: 0;
color: #fff;
padding: 134px 70px 135px;
background: #000;
}

.recruit_box2 {
position: relative;
margin-bottom: 140px;
box-sizing: border-box;
min-width: 1200px;
display: block;
}

.recruit_box2:hover .recruit_img2 {
left: 414px;
opacity: 1;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all .3s ease-out;
transition: all 0.3s ease-out;
}


.recruit_box2:hover .recruit_titbox2 {
margin-left: 20px;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all .3s ease-out;
transition: all 0.3s ease-out;
}





.recruit_img2 {
position: absolute;
vertical-align: top;
z-index: 100;
left: 434px;
top: 80px;
}

.recruit_img2::after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #000;
opacity: 0;
-webkit-transition: opacity .5s cubic-bezier(0.215, 0.61, 0.355, 1);
}




.rec_btn {
background: #000;
padding: 10px;
}

.rec_btn a {
color: #fff;
display: block;
text-align: center;
font-weight: bold;
font-size: 1.5em;
position: relative;
}

.rec_btn:hover {
background: rgba(0,0,0,0.8);
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all .3s ease-out;
transition: all 0.3s ease-out;
}


.rec_btn a span::after {
font-family: FontAwesome;
content: "\f105";
position: absolute;
font-size: 25px;
right: 200px;
color: #fff;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all .3s ease-out;
transition: all 0.3s ease-out;
}

.rec_btn:hover a span::after {
right: 180px;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all .3s ease-out;
transition: all 0.3s ease-out;
}



/* =============================================================================
entry
========================================================================== */



.com_table th span {
float: right;
font-size: 0.8em;
background: #4d4d4d;
padding: 0 10px;
color: #FFF;
line-height: normal;
font-style: normal;
}

input[type="submit"] {
background:  #4d4d4d;
border:  #4d4d4d 1px solid;
color: #FFF;
font-size: 1.2em;
padding: 15px 50px;
cursor: pointer;
transition: 0.5s;
font-family: "メイリオ", "Meiryo", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}

input[type="submit"]:hover {
background: #fff;
border: #4d4d4d 1px solid;
color: #4d4d4d;
}

.submit:hover {
background: #fff;
border: #165aa2 1px solid;
color: #165aa2;
}

input[type="text"],
textarea,
select {
padding: 8px;
border: 1px solid #dddddd;
font-family: "メイリオ", "Meiryo", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}

.w240 { width: 240px;}
.w350 { width: 350px;}
.w540 { width: 540px;}
.w100p { width: 100%; box-sizing: border-box;}

.h_kome {
background:  #4d4d4d none repeat scroll 0 0;
color: #fff;
display: inline-block;
font-size: 0.9em;
margin-right: 5px;
padding: 1px 10px;
}	


/* =============================================================================
president
========================================================================== */	


.pre_tit {
color: #ea5514;
font-size: 1.5em;
margin-bottom: 30px;
font-weight: bold;
font-family: "游明朝体","Yu Mincho",YuMincho,"ＭＳ Ｐ明朝","MS PMincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro",serif;
}


.pre_txt {
font-family: "游明朝体","Yu Mincho",YuMincho,"ＭＳ Ｐ明朝","MS PMincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro",serif;
line-height: 2.5em;
}

.pre_name {
font-family: "游明朝体","Yu Mincho",YuMincho,"ＭＳ Ｐ明朝","MS PMincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro",serif;
text-align: right;
font-size: 1.1em;
font-weight: 500;
}


/* =============================================================================
senior
========================================================================== */


.senior_list {
width: 100%;
margin: 70px auto;
}	

.senior_list li {
width: 380px;
float: left;
margin-right: 30px;
position: relative;
display: block;
}


.senior_list li img {
width: 100%;
}

.senior_list li:nth-child(3n+3) {
margin-right: 0px;
}




.senior_box {
position: absolute;
bottom: 0;
background: rgba(0,0,0,0.7);
left: 0;
right: 0;
padding: 20px;
}

.senior_list_tit {
font-size: 20px;
color: #fff;
line-height: 30px;
}

.senior_list_tit span {
font-size: 15px;
}

.senior_name {
font-size: 25px;
font-weight: bold;
color: #fff;
}

.senior_list li:hover .senior_list_img {
opacity: 1!important;
}


.senior_list li:hover a {
opacity: 1!important;
}

.senior_list li:hover .arrow_box2 {
right: 20px;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all .3s ease-out;
transition: all 0.3s ease-out;
}

.arrow_box2 {
position: absolute;
bottom: 40px;
right: 50px;
}

.senior_list li:hover .senior_box {
background: rgba(224,129,171,0.7);
opacity: 1;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all .3s ease-out;
transition: all 0.3s ease-out;
}

.arrow2 {
text-align: right;
position: relative;
display: inline-block;
padding-left: 20px;
}

.arrow2::before{
content: '';
width: 15px;
height: 15px;
border: 0px;
border-top: solid 2px #fff;
border-right: solid 2px #fff;
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
top: 50%;
left: 0;
margin-top: -4px;
}



/* =============================================================================
vol
========================================================================== */	


.vol_tit {
color:  #ea5514;
font-size: 1.3em;
margin-bottom: 20px;
}


.vol_hed {
width: 100%;
position: relative;
margin-bottom: 50px;
}


.vol_hedimg {
background: url(./../images/recruit/vol1/img01.jpg);
height: 400px;
background-size: cover;
}

.vol_hedimg2 {
background: url(./../images/recruit/vol2/img01.jpg);
height: 400px;
background-size: cover;
}


.vol_hedimg3 {
background: url(./../images/recruit/vol3/img01.jpg);
height: 400px;
background-size: cover;
}



.vol_titbox {
position: absolute;
bottom: 50px;
background: #000;
right: 50px;
padding: 30px 100px 30px 30px;
font-style: italic;
}

.vol_title {
font-size: 2em;
color: #fff;

}

.vol_nen {
color: #fff;
font-size: 1.3em;
font-weight: bold;
}



.bnr_manga_box {
width: 1100px;
margin:60px auto 80px;
}

.bnr_manga_box img{
width: 100%;
height: auto;
}



}

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


.hed_img {
background: url(../images/recruit/hed_img.jpg) center  center no-repeat;
height: 350px;
width: 100%;
background-size: cover;
}

.hed_img2 {
background: url(./../images/recruit/president/pre_hed.jpg) center  center no-repeat;
height: 350px;
width: 100%;
background-size: cover;
}




.policy {
margin-bottom: 50px;
}




.flow_tit {
font-size: 1.2em;
color: #ea5514;
margin-bottom: 10px;
font-weight: bold;
}




.recruit_box {
position: relative;
margin-bottom: 200px;
box-sizing: border-box;
display: block;

}


.recruit_img {
display: inline-block;
position: relative;
vertical-align: top;
z-index: 100;
width: 95%;
height: 400px;
overflow: hidden;
}

.recruit_img img {
width: 100%;
overflow: hidden;
}

.recruit_img::after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #000;
opacity: 0;
-webkit-transition: opacity .5s cubic-bezier(0.215, 0.61, 0.355, 1);
}



.recruit_tit {
padding-top: 15%;
line-height: 2.5em;
padding-left: 50px;
padding-right: 20px;

}

.recruit_titbox {
position: absolute;
top: 40px;
left: 10px;
width: 95%;
z-index: 0;
color: #fff;
padding: 35% 0px 50px 0px;
background: #000;
}




.tit_en {
font-size: 2em;
font-family: Arial,Helvetica,Verdana,sans-serif;
position: relative;
}


.tit_en2 {
font-size: 2.5em;
font-family: Arial,Helvetica,Verdana,sans-serif;
position: relative;
}








.tit_jp {
font-size: 1.2em;
font-weight: bold;
}

.recruit_txt {
font-weight: bold;
}

.recruit_box2 {
position: relative;
margin-bottom: 100px;
box-sizing: border-box;
margin-top: 100px;
display: block;
}


.recruit_tit2 {
padding-top: 0%;
padding-left: 50px;
line-height: 3em;
padding-right: 20px;

}

.recruit_titbox2 {
position: absolute;
left: 10px;
top: 40px;
width: 95%;
z-index: 0;
color: #fff;
padding: 40% 0px 50px 0px;
background: #000;
}




.recruit_img2 {
position: relative;
vertical-align: top;
z-index: 100;
left: 0px;
width: 95%;
height: 400px;
overflow: hidden;
top: -40px;
}

.recruit_img2 img {
width: 100%;
}

.recruit_img2::after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #000;
opacity: 0;
-webkit-transition: opacity .5s cubic-bezier(0.215, 0.61, 0.355, 1);
}




.rec_btn {
background: #000;
padding: 10px;
margin-bottom: 30px;
}

.rec_btn a {
color: #fff;
display: block;
text-align: center;
font-weight: bold;
font-size: 1.3em;
position: relative;
}

.rec_btn:hover {
background: rgba(0,0,0,0.8);
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all .3s ease-out;
transition: all 0.3s ease-out;
}


.rec_btn a span::after {
font-family: FontAwesome;
content: "\f105";
position: absolute;
font-size: 25px;
right:25%;
top: -10%;
color: #fff;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all .3s ease-out;
transition: all 0.3s ease-out;
}

.rec_btn:hover a span::after {
right: 20%;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all .3s ease-out;
transition: all 0.3s ease-out;
}

/* =============================================================================
entry
========================================================================== */



.com_table th span {
float: right;
font-size: 0.8em;
background:  #4d4d4d;
padding: 0 10px;
color: #FFF;
line-height: normal;
font-style: normal;
}

input[type="submit"] {
background:  #4d4d4d;
border:  #4d4d4d 1px solid;
color: #FFF;
font-size: 1.2em;
padding: 15px 50px;
cursor: pointer;
transition: 0.5s;
font-family: "メイリオ", "Meiryo", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}

input[type="submit"]:hover {
background: #fff;
border: #4d4d4d 1px solid;
color:  #4d4d4d;
}

.submit:hover {
background: #fff;
border: #165aa2 1px solid;
color: #165aa2;
}

input[type="text"],
textarea,
select {
padding: 8px;
border: 1px solid #dddddd;
font-family: "メイリオ", "Meiryo", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}

.w240 { width: 90%;}
.w350 { width: 90%;}
.w540 { width: 90%;}
.w100p { width: 100%; box-sizing: border-box;}

.h_kome {
background:  #4d4d4d none repeat scroll 0 0;
color: #fff;
display: inline-block;
font-size: 0.9em;
margin-right: 5px;
padding: 1px 10px;
}	

/* =============================================================================
president
========================================================================== */	


.pre_tit {
color: #ea5514;
font-size: 1.3em;
margin-bottom: 30px;
font-weight: bold;
font-family: "游明朝体","Yu Mincho",YuMincho,"ＭＳ Ｐ明朝","MS PMincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro",serif;
}


.pre_txt {
font-family: "游明朝体","Yu Mincho",YuMincho,"ＭＳ Ｐ明朝","MS PMincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro",serif;
line-height: 2.5em;
}

.pre_name {
font-family: "游明朝体","Yu Mincho",YuMincho,"ＭＳ Ｐ明朝","MS PMincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro",serif;
text-align: right;
font-size: 1.1em;
font-weight: 500;
}


/* =============================================================================
senior
========================================================================== */	

.senior_list {
width: 100%;
margin: 70px auto;
}	

.senior_list li {
width: 98%;
margin: 0 auto 30px;
position: relative;
display: block;
}

.senior_list li:nth-child(3n+3) {
margin-right: 0px;
}

.senior_list_img img {
width: 100%;
}


.senior_box {
position: absolute;
bottom: 0;
background: rgba(0,0,0,0.7);
left: 0;
right: 0;
padding: 20px;
}

.senior_list_tit {
font-size: 20px;
color: #fff;
line-height: 30px;
}

.senior_list_tit span {
font-size: 15px;
}

.senior_name {
font-size: 25px;
font-weight: bold;
color: #fff;
}

.senior_list li:hover .senior_list_img {
opacity: 1!important;
}


.senior_list li:hover a {
opacity: 1!important;
}

.senior_list li:hover .arrow_box2 {
right: 20px;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all .3s ease-out;
transition: all 0.3s ease-out;
}

.arrow_box2 {
position: absolute;
bottom: 40px;
right: 50px;
}

.senior_list li:hover .senior_box {
background: rgba(224,129,171,0.7);
opacity: 1;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all .3s ease-out;
transition: all 0.3s ease-out;
}

.arrow2 {
text-align: right;
position: relative;
display: inline-block;
padding-left: 20px;
}

.arrow2::before{
content: '';
width: 15px;
height: 15px;
border: 0px;
border-top: solid 2px #fff;
border-right: solid 2px #fff;
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
top: 50%;
left: 0;
margin-top: -4px;
}


/* =============================================================================
vol
========================================================================== */	



.vol_tit {
color:  #ea5514;
font-size: 1.3em;
margin-bottom: 20px;
}


.vol_hed {
width: 100%;
position: relative;
margin-bottom: 50px;
}

.vol_hedimg {
width: 100%;
background: url(./../images/recruit/vol1/img01_sp.jpg);
height: 450px;
background-size:cover;
background-position: center;
}


.vol_hedimg2 {
width: 100%;
background: url(./../images/recruit/vol2/img01_sp.jpg);
height: 450px;
background-size:cover;
background-position: center;
}


.vol_hedimg3 {
width: 100%;
background: url(./../images/recruit/vol3/img01_sp.jpg);
height: 450px;
background-size:cover;
background-position: center;
}

.vol_titbox {
box-sizing: border-box;
position: absolute;
bottom: 0px;
background: #000;
width: 100%;
right: 0px;
padding: 10px 100px 30px 30px;
font-style: italic;
}

.vol_title {
font-size: 2em;
color: #fff;

}

.vol_nen {
color: #fff;
font-size: 1.3em;
font-weight: bold;
}


.w570_l img, .w570_r img {
width: 100%;
height: auto;
}



.bnr_manga_box {
width: 90%;
margin:40px auto 40px;
}

.bnr_manga_box img{
width: 100%;
height: auto;
}












}