/*-------------------------------------------スマホ-------------------------------*/
@media screen and (max-width:768px){
h2.main_txt.font_10up.mg_b-50px.d_none.d_block_sp.width_100per.main_fade1.motion1s.font_bold.txt_color1.linehight_1-h.fadetrans{
    margin-bottom:0;
}
    #point2 img {
    width: 30% !important;
}
    #contents1 {
    background-position: 30% 100% !important;
}
    h2.main_txt.font_10up.mg_b-50px.d_none.d_block_sp.width_100per.main_fade1.motion1s.font_bold.txt_color1.linehight_1-h.fadetrans{
        margin-top:50px !important;
    }
img.width_200.width_100_tb.posi_center{
    width:200px !important;
}
#main_img .main_bg, #contents1 .con1_bg {
    background: #000 !important;
}
.intro_wrap {
    background-position: 6% 34% !important;
}
h3.intro_title.font_8up.font_4up_sp.font_bold.mg_b-40px.fadein.fadetrans::before {
    transform: translate(0px,-44vw) !important;
    opacity: 0.6 !important;
}
    .intro_item.grid_6.grid_12_tb.mg_b-50px_tb {
    margin-top: 50px;
}
    .index #header {
    background: #222 !important;
}
#header,#header.headtrans {
    background-color: #222 !important;
}
    a.bg_white.txt_center.d_block.mg_clear.pd_10px.pd_l-30px.pd_r-30px.pd_5px_sp.pd_l-20px_sp.pd_r-20px_sp.font_bold.motion03s.hvr_trans.txt_white.bg_color1 {
    background: #b2aa6b !important;
}
a.pd_30px.pd_l-50px.pd_r-50px.pd_clear_tb.pd_t-20px_tb.pd_b-20px_tb.pd_t-10px_sp.pd_b-10px_sp.bg_white.width_200.width_100_tb.d_block.motion03s {
    background: #222 !important;
    padding: 10px 0 !important;
}
    span.d_block.width_20.posi_abs.bg_color1 {
    background: white;
}
img.d_block.width_80per_tb.width_60per_sp{
    width:80% !important;
}
.intro_wrap{
    background-size:250px !important;
}
}

/*-------------------------------------------ここまで-------------------------------*/

/*-------------------------------------------タブレット-------------------------------*/
@media screen and (min-width:668px) and (max-width:768px){
img.width_200.width_100_tb.posi_center{
    width:200px !important;
}
#main_img .main_bg, #contents1 .con1_bg {
    background: #222 !important;
}
.intro_wrap {
    background-position: 6% 26% !important;
}
h3.intro_title.font_8up.font_4up_sp.font_bold.mg_b-40px.fadein.fadetrans::before {
    transform: translate(0px,-4vw) !important;
    opacity: 0.6 !important;
}
    .intro_item.grid_6.grid_12_tb.mg_b-50px_tb {
    margin-top: 50px;
}
    .index #header {
    background: #222 !important;
}
#header,#header.headtrans {
    background-color: #222 !important;
}
    a.bg_white.txt_center.d_block.mg_clear.pd_10px.pd_l-30px.pd_r-30px.pd_5px_sp.pd_l-20px_sp.pd_r-20px_sp.font_bold.motion03s.hvr_trans.txt_white.bg_color1 {
    background: #b2aa6b !important;
}
a.pd_30px.pd_l-50px.pd_r-50px.pd_clear_tb.pd_t-20px_tb.pd_b-20px_tb.pd_t-10px_sp.pd_b-10px_sp.bg_white.width_200.width_100_tb.d_block.motion03s {
    background: #222 !important;
    padding: 20px 0 !important;
}
    span.d_block.width_20.posi_abs.bg_color1 {
    background: white;
}
}

/*-------------------------------------------ここまで-------------------------------*/
.cate_box.d_table.d_block_sp.width_90per.width_100per_sp.mg_center.mg_clear_sp.txt_left.border_so1-b.border_so1-l.border_so1-r{
    background:white !important;
}
ul.cate_list li a {
    background:#222 !important;
    color:white !important;
}
ul.cate_list li a:hover{
    background:#b2aa6b !important;
}
#sp_nav .nav_bg {
    background: linear-gradient(to bottom right, rgb(34, 34, 34), rgb(0 0 0)) !important;
}


h3.width_30per.pd_5px.pd_l-20px.font_2dw_tb.txt_color2.width_100per_sp{
    color:#222;
}
#header.headtrans #logo a {
    padding: 10px 25px;
}
main{
    margin-top:-11px;
}
.linkStyle{
    color:#b2aa6b;
}
.intro_wrap{
    background-image: url(Dup/img/japan.png);
    background-repeat: no-repeat;
    background-size: 390px;
    background-position: 2% 66%;
}
#page_title .page_title_gradient {
    background:transparent !important;
}
span.page_title_bg.d_block.width_100per.height100per.posi_abs.bg_color1.opacity07{
    background:#565656;
}
#page02,#page03,#page04,#page05,#page6,#page07,#page08,#page09,#page10{
    background:#e0e0e0;
}
#contents1 .con1_title::before {
    background-color: rgb(178 170 107);
}
.index #header{
    background:linear-gradient(180deg, rgba(183,183,183,0.8) 0%, rgba(0,0,0,0) 100%);
}
#header.headtrans{
    background:#222 !important;
}
#contents1{
    background-position: 100% 58%;
}
#point2 img{
    width:22%;
}
.con1_box.pd_100px.pd_l-50px_tb.pd_r-50px_tb.pd_l-20px_sp.pd_r-20px_sp.txt_white.posi_rel{
    padding-top:70px;
}
#point1{
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
    position:relative;
    z-index:2;
}
#point1 img{
    width:26%;
}
h3.intro_title.font_8up.font_4up_sp.font_bold.mg_b-40px.fadein.fadetrans::before {
    width: 270px;
    height: 100px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(Dup/img/recruit.png);
    display: block;
    content: "";
    position: absolute;
    transform: translate(0px,-5vw);
}
#main_b{
    position: absolute;
    width: 100%;
    top: 20%;
    left: 10%;
}
#main_b img{
    width:50%;
}
a.pd_30px.pd_l-50px.pd_r-50px.pd_clear_tb.pd_t-20px_tb.pd_b-20px_tb.pd_t-10px_sp.pd_b-10px_sp.bg_white.width_200.width_100_tb.d_block.motion03s{
    background:#222;
    padding:25px;
}
#header.headtrans {
    background-color: #222;
}
a.d_block.pd_10px.pd_l-20px.pd_r-20px.motion03s.hvr_trans.hvr_txt_color3{
    color:white !important;
}
a.bg_white.txt_center.d_block.mg_clear.pd_10px.pd_l-30px.pd_r-30px.pd_5px_sp.pd_l-20px_sp.pd_r-20px_sp.font_bold.motion03s.hvr_trans.txt_white.bg_color1.hvr_bg_color3.hvr_txt_white {
    background: #b2aa6b;
}
span.mg_t-20px.d_block.width_40.bg_color1.mg_center{
    background-color: #b2aa6b;
}
#main_img{
    overflow:hidden;
    height:auto !important;
}


/*
h3.intro_title.font_8up.font_4up_sp.font_bold.mg_b-40px.fadein.fadetrans::after {
    height: 40%;
    width: 40%;
    content: "";
    display: block;
    position: absolute;
    background-image: url(Dup/img/japan.png);
    background-repeat: no-repeat;
  transform: translate(-3vw,-8vw);
    background-size: contain;
    transition:all 1s;
  
}
*/
.con2_box.grid_6.grid_12_tb.bg_color3.pd_100px.pd_l-50px_tb.txt_white.pd_r-100px_tb.pd_50px_sp.pd_l-20px_sp.pd_r-20px_sp{
    background-image:url("Dup/img/content2.png");
    background-size:cover;
}
@media screen and (min-width:769px){
    #main_img .main_bg, #contents1 .con1_bg{
    background:transparent !important;
}
}