/*-------------------------------------------------
個別
---------------------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500&display=swap');
#wrap,.font_serif {
    font-family: 'Montserrat',"Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
.font_serif{letter-spacing: .1em;}
#header h1{
    background-color: transparent;
    top: 60px;
}
#contents1 h3::before{
    content: "Recruitment";
    display: block;
    position: absolute;
    z-index: -1;
    font-size: 3rem;
    font-style: italic;
    color: #ffd610;
    top: -50px;
    left: -30px;
    opacity: 0.3;
    text-transform: uppercase;
}
#contents1 figure{height: 500px;}
.item1::before, .item2::before, .item3::before {
    background-size: auto auto;
    background-color: rgba(255, 215, 116, 1)!important;
    background-image: repeating-linear-gradient(
-45deg
, transparent, transparent 10px, rgba(255, 233, 178, 1) 10px, rgba(255, 233, 178, 1) 20px );
}
#contents2 .box{margin-bottom: 100px;}
#contents2 .box .box_txt{border: 5px solid #FFBB00;}
#contents2 .box:first-of-type .box_txt,#contents2 .box:last-of-type .box_img{
    transform: translateY(50px);
}
#contents2 .box::after{
    height: 3px;
    transform: translate(-50%,-50%)skew(10deg, 10deg);}
#contents2 h4{position: relative;}
#contents2 h4::before{
    content: "01";
    display: block;
        position: absolute;
    z-index: -1;
    font-size: 7rem;
    font-style: italic;
    color: #ffd610;
    top: -115px;
    left: 0;
    opacity: 0.3;
}
#contents2 .box:last-of-type h4::before{content: "02";}
#contents2 .box::after, #contents2 .box .box_img::after {
    background-color: #ffbb00!important;
}
#top_cms .top_cms_box .more a {
    width: 200px;
    height: 50px;
    position: relative;
    border-radius: 50px;
    background-color: #fb0;
    border: none;
    color: #fff;
    box-shadow: 2px 3px 5px #00000014;
    transition: 0.5s;
}
#top_cms .top_cms_box .more a:hover{
    transform: translateY(-5px);
}
#top_cms .top_cms_box .more a span{text-transform: uppercase;}
footer #footer #footer_cms > div {
    background-color: rgba(255,255,255,0.95);
}
#footer > div.d_flex{position: relative;}
#footer > div.d_flex::before,#main_img::before{
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-color: rgba(255,255,255,0.35);
    top: 0;
    left: 0;
    position: absolute;
}
#main_img::before{
    background-color: rgba(255,255,255,0.15);
    z-index: 1;
}
#footer .logo,#footer #footer_cms{z-index: 1;}
.catch{
    bottom: 60px;
    left: 50px;
}
/*-------------------------------------------------
下層
---------------------------------------------------*/
#page10 .sub_title{text-align: left;}




/*-------------------------------------------------
tab
-----------------------------------------------------*/
@media screen and (max-width: 768px){
#main_img{height: 67vw!important;}
#contents1 .box_wrap .box{padding: 7%!important;}
#contents2 h4::before{font-size: 5rem;}


}



/*-------------------------------------------------
sp
-----------------------------------------------------*/
@media screen and (max-width: 667px){
#contents1 figure {
    height: 250px;
}
#contents1 h3::before {
    top: -30px;
    left: -20px;
    font-size: 2rem;
}
#contents2 .box:first-of-type .box_txt, #contents2 .box:last-of-type .box_img{transform: none;}
#contents2 .box > div {
    width: 100%;
}
.pager li.prev a{margin-left: 0;}
#header h1{top: 7px;}
#cms_3-b li a{text-align: left;}
#loader > div.posi_center{
    top: 55%;
}

}

/*-------------------------------------------------
sp 5SE
-----------------------------------------------------*/
@media screen and (max-width: 568px){
footer #footer #footer_cms > div{padding: 20px;}
footer #footer #footer_cms > div .tel a span{font-size: 16px;}
}





/*-------------------------------------------------
IE
-----------------------------------------------------*/
@media all and (-ms-high-contrast: none){
#cms_6-a .cate .cate_title,#cms_3-b .cate_title{padding-top: 11px!important;}
#cms_6-b .cate .cate_title{padding: 3px 5px 3px!important;}

}


/*-------------------------------------------------
Firefox
-----------------------------------------------------*/
@-moz-document url-prefix(){

}