/*-------------------------------------------------
個別
---------------------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Anton&family=Noto+Sans+JP:wght@500&display=swap');
body{
        font-family: 'Noto Sans JP',"游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
        font-size: 16px;
}
#logo,#logo span,header .trans_logo,#logo2,header .page_title_bg{
    background-color: #ffdab9;
    /*background-color: #2a8db0;*/
    /*border: 3px solid #2a8db0;*/
}
/*#logo span{border-left: none!important;}*/
#logo img{max-width: 300px;}
.trans_header .trans_logo img{
    max-width: 200px;
    padding-top: 10px;
}
#contents1 .con1_title p,#contents2 .con2_title p,#contents3 .con3_title p,.cms_title p,.more a,.info_title p,#contents2 .con2_wrap::before,#contents3 .con3_wrap::before,#page_title p{font-family: 'Anton', sans-serif;}
#top_cms .top_cms_bg {
    display: none;
}
#contents1 .con1_title h2{
    display: inline;
    font-size: 26px;
	background-image: linear-gradient(rgba(0,0,0,0) 70%, rgba(225,113,24,1) 70%);
}
#contents1 .con1_title p,.con2_title p,.con3_title p,.cms_title p{
    font-size: 5rem;
    line-height: 1;
}
#contents1 .con1_right{
        background-image: url(Dup/img/bg_item1.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom right;
}
#contents2 .con2_title h2,#contents3 .con3_title h2{
    background-color: #e17118;
    color: #fff;
    padding-left: 10px;
}
#contents2 .con2_title span, #contents3 .con3_title span{display: none;}
#contents2 .con2_wrap,#contents3 .con3_wrap{position: relative;}
#contents2 .con2_wrap::before,#contents3 .con3_wrap::before{
    content: "Recruite";
    display: block;
    position: absolute;
    bottom: 0;
    left: 50px;
    font-size: 180px;
    text-transform: uppercase;
    color: #e6e6e6;
    opacity: 0.2;
    line-height: 0.85;
}
#contents3 .con3_wrap::before{
    content: "Works";
    left: inherit;
    right: 0;
    color: #9c9c9c;
}
#contents3 .con3_left{color: #333;}
.cms_title p,.cms_title h2{
    color: #333;
}
.cms_title{position: relative;}
.cms_title::before{
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 200px 200px 0 0;
    border-color: #ff6f00 transparent transparent transparent;
    top: 0;
    left: 0;
    position: absolute;
    z-index: -1;
}
header .menu_stick{background-color: #e17118;}
.cate_wrap .link_box a {
    background-image: url(Dup/img/item01.png);
    background-repeat: no-repeat;
    background-position: center top 20px;
    padding-top: 70px;
    padding-bottom: 20px;
    transition: all 0.3s;
    background-color: #f5f5f5;
}
.cate_wrap .link_box a:hover {
    transform: translateY(-5px);
}
.cate_wrap .link_box:nth-of-type(2) a {
    background-image: url(Dup/img/item02.png);
}
.link_num:before {
    content: "01";
    font-size: 20px;
    display: block;
}
.cms_6-a .link_box:nth-of-type(2) .link_num:before {
    content: "02";
}
#top_info .info_title span{background-color: #333;}
.catch{
        bottom: 5%;
    left: 5%;
    max-width: 600px;
    width: 50%;
}
/*-------------------------------------------------
下層
---------------------------------------------------*/





/*-------------------------------------------------
tab
-----------------------------------------------------*/
@media screen and (max-width: 768px){
#contents2 .con2_wrap, #contents3 .con3_wrap{padding-bottom: 80px;}
#contents2 .con2_wrap::before, #contents3 .con3_wrap::before{font-size: 120px;}

}



/*-------------------------------------------------
sp
-----------------------------------------------------*/
@media screen and (max-width: 667px){
#contents1 .con1_right{background-size: 80%;}
#contents2 .con2_wrap::before,#contents3 .con3_wrap::before{font-size: 80px;}
#contents2 .con2_wrap{
    padding-bottom: 50px;
}
#contents3 .con3_wrap{padding-bottom: 40px;}
#contents3 .con3_wrap::before{bottom: -20px;}
#contents1 .con1_title p, #contents2 .con2_title p, #contents3 .con3_title p, .cms_title p{font-size: 3rem;}

}


/*-------------------------------------------------
IE
-----------------------------------------------------*/
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none){
#cms_2-a .cate .cate_title,#cms_6-a .cate .cate_title{padding-top: 10px!important;}
#cms_5-a .cate .cate_title{padding-top: 0!important;}
.footer_nav a, #page09 a{padding-top: 3px!important;}
}


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

}