@charset "UTF-8";
@media screen and (min-width: 768px),print {

.seo_bread_list { margin-bottom: 18px; color: #fff; }
.seo_bread_list a { color: #fff; }
.seo_bread_list img { -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); }


.main-title{margin-bottom: 37px;}
.onecol-contents{text-align: center;position: relative;margin-bottom: 289px;padding-top: 22px;}
.onecol-contents .cmpimg{display: block;margin: 0 auto 23px;position: relative;}
.onecol-contents h2{font-size: 1.8rem;letter-spacing: 0.36rem;font-weight: bold;position: relative;left: -3px;margin-bottom: 38px;color: #fff;}
.onecol-contents h2 span{display: block;font-size: 4.6rem;margin-bottom: -17px;}
.onecol-contents h3{font-size: 2rem;font-weight: bold;letter-spacing: 0.096rem;margin-bottom: 0.6rem;color: #fff;}
.onecol-contents h3 span{font-size: 4rem;letter-spacing: 0.4rem;position: relative;top: 0.7rem;left: 0.2rem;}
.onecol-contents p.text{font-size: 1.6rem;letter-spacing: 0.32rem;line-height: 3;margin-bottom: 4px;color: #fff;}
.onecol-contents p.text2{font-size: 1.6rem;letter-spacing: 0.16rem;line-height: 2;margin-bottom: 46px;color: #fff;}
.onecol-contents p.morebtn{width: 270px;margin: 53px auto 22px;}
.onecol-contents p.morebtn a{width: 280px;padding-top: 12px;font-size: 1.6rem;height: 55px;}
.recruit-main-titlebox { background: url(../images/recruitment-info/h1.jpg)no-repeat top center; }

.blue-btn{ width: 270px; margin: 0 auto 0px; padding-bottom: 229px; }

}

@media screen and (max-width: 767px) {
.seo_bread_list {margin-bottom: -15.3vw;color: #fff;z-index: 3;position: relative;top: -0.9vw;}
.seo_bread_list a { color: #fff; }
.seo_bread_list img { -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); }

.recruit-main-titlebox { background: url(../images/recruitment-info/sp-h1.jpg)no-repeat top center; background-size: 100% auto; height: 86vw; }
.recruit-back-contents::before{top: -6.1vw;}
.recruit-back-contents{ }

.main-title{margin-bottom: 9.87vw;}
.onecol-contents{text-align: center;position: relative;margin-bottom: 20.87vw;padding-top: 15.77vw;}
.onecol-contents .cmpimg{display: block;margin: 0 auto 4.37vw;position: relative;left: 0vw;top: 1.07vw;width: 32.9vw;}
.onecol-contents h2{font-size: 4.27vw;letter-spacing: 0.85vw;line-height: 1.55;font-weight: bold;position: relative;left: 0vw;margin-bottom: 3.63vw;color: #FFFFFF;padding-left: 0vw;}
.onecol-contents h2 span{display: block;font-size: 12.27vw;margin-bottom: 0vw;}
.onecol-contents h3{font-size: 5.33vw;font-weight: bold;letter-spacing: 0.53vw;margin-bottom: 0.9vw;color: #fff;padding-left: 2vw;}
.onecol-contents h3 span{font-size: 7.47vw;letter-spacing: 0.75vw;position: relative;left: -1vw;}
.onecol-contents p.text{font-size: 3.73vw;letter-spacing: 0.75vw;line-height: 2.5;text-align: left;margin: 0 5.2vw 4.5vw;color: #FFFFFF;}
.onecol-contents p.text2{font-size: 3.73vw;letter-spacing: 0.37vw;line-height: 1.7;text-align: center;margin: 0 6.2vw 13vw;color: #fff;}
.onecol-contents p.morebtn{margin: 7.93vw 6.3vw 5.87vw;font-size: 3.73vw;letter-spacing: 0.19vw;}
.onecol-contents p.morebtn a{padding-top: 4vw;font-size: 3.73vw;height: 14.67vw;}
p.morebtn a .arr{top: 5.9vw;right: 6vw;}

}