@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Oswald&display=swap');
@import url(//db.onlinewebfonts.com/c/9cb830e3472ffe12fb4943f3ed80832f?family=Segoe+Print);

.lnav{
    position: absolute;
    top: 50px;
    right: 0;
    height: 33px;
    background: url(../../images/head_lline.png);
    width: 35%;
    padding-top: 5px;
    background-repeat: no-repeat;
    z-index: 5;
}

.lnav ul{
    display: flex;
    justify-content: space-between;
    padding: 0 30px 0 50px;
    max-width: 500px;
    text-align: left;
}

.lnav li{
    display: inline;
    line-height: 24px;
}

.lnav li .alisped{
    display: inline;
    padding-left: 10px;
}

@media all and (max-width: 1300px){
	
	.lnav li .alisped{
	    display: none;
	}
}
.lnav li{
    display: inline;
    line-height: 24px;
}

.lnav li a{
    text-decoration: none;
    color: #000;
}

.lnav img{
    vertical-align: text-bottom;
}

.sp {
    display:none;
}
section#main-img {
    position: relative;
}
section#main-img .scroll {
    position: absolute;
    bottom: 15px;
    left: 50%;
    margin-left: -40px;
}

#main_img_s{
    display: none;
}

.k_con{
    width: 100%;
}

.stage{
    width: 50%;
    margin: 0;
    padding: 0;
    height:auto;
    background-size:contain;
    background-position:top;
    position:relative;
}
div.stage_bg p.bg_01{

    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
/*
    background-image:url(../img/stage_bg.png);
    background-repeat:repeat;
    background-size:cover;
*/
    opacity:0.4;
    z-index:0;

}

.abo{
    float: left;
    overflow:hidden;


}
.innerp{
    position:absolute;
    height:100%;
    top:0;
    left:0;
    right:0;
    margin:0 auto;

}
.v{
    width:100%;
    height:auto;
}

.com{
    float: right;
    overflow:hidden;

}

.stage h3{
    font-size: 30px;
    color: #fff;
    line-height: inherit;
    padding:0;
    height: 100%;
}

.stage p{
    color: #fff;
    font-size: 16px;
    line-height: 1850%;
}

.clear{
    clear: both;
}

.clear hr{
    display: none;
}

.ceo_t_b{
    padding: 3em 3em 0 3em;
}

.ceo #daihyo{
    height: 100%;
    width: 100%;
    max-width: 5000px;
}

.day{
    float: left;
    font-weight: bold;
}

.title{
    float: left;
    margin-left: 30px;
    font-weight: bold;
}

.title a{
    text-decoration: none;
}

.job{
    width: 100%;
    overflow: hidden;
}

.left_job{
    width:24.849%;
    float: left;
    overflow:hidden;
}
.left_jop div div.job_text{
    top:-100%;

}
.right_job{
    width: 75.151%;
    float: right;
    overflow: hidden;
}

.right_job section{
    width: 20%;
    float: left;
    overflow: hidden;
    position:relative;
}
.right_job section a{
    background-color:#fff;

}
.right_job section p.btn_03{
    width:100%;
    position:absolute;
    left:0;
    bottom:-33%;
    z-index:1;

}

div.kage{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:rgba(255,255,255,0.7);

}

.other{
    width: 100%;
    background: #9fa0a0;
}

.other a{
    text-decoration: none;
}

.left_other{
    width:24.849%;
    float: left;
}

.right_other{
    width: 75.151%;
    float: right;
    overflow: hidden;
}

.right_other section{
    width: 50%;
    height:100%;
    float: left;
    overflow: hidden;
    position: relative;
}

.O_stage{
    width: 50%;
    margin: 0;
    padding: 0;
    height: 278px;
    background-size: contain;
    overflow:hidden;
    position:relative;
}
.other_kage{
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    background-image:url(../img/other_kage.png);
    background-size:contain;
    opacity:0.5;
    z-index:3;
}
.other_text{
    position:absolute;
    top:0;
    bottom:0;
    margin-top:15%;
    width:100%;
    z-index: 4;

}

.o1{
/*    background: url(../img/cons.jpg)no-repeat;*/
    background-size: cover;
/*background-size: cover;*/
}

.o2{
/*    background: url(../img/happy.jpg)no-repeat;*/
    background-size: cover;
/*    background-size: cover;*/

}

.O_stage h3{
font-size: 30px;
color: #fff;
line-height: 950%;
padding: 0;
text-align:center;
}

.O_stage p:first-of-type{
    color: #fff;
    font-size: 16px;
    padding-top: 140px;
    padding-bottom: 70px;
}

.O_stage p:nth-of-type(2){
    color: #fff;
    font-size: 16px;
/*    line-height: 220%;*/
}

/**************会社概要****************/
#content_kasou{
    width: 950px;
    margin: 0 auto;
    padding-bottom:50px;
}

.rinen{
    margin-top: 30px;
}

.rinen_left{
    width: 30%;
    float: left;
}

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

.rinen_right{
    width: 70%;
    float: left;

}

.rinen_right img{
    margin-top: 35px;
    width: 60%;
}

.movie{
    width: 100%;
    margin-top: 30px;
}

.movie iframe{
    width: 100%;
    height: 533px;
}

.gaiyo{
    margin-top: 30px;
}

#content_kasou #imh{
    opacity: 1;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
}

#content_kasou #imh:hover{
    opacity: 0.7;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
}

.midasi img{
    width: 100%;
    height: auto;
    margin-bottom: 30px;

}

.table_b{
    display: none;
}

.table_c{
    width: 800px;
    margin: 0 auto;
    font-size: 14px;
}

.table_c table{
    width: 100%;
    font-size: 14px;
}

.table_c th{
    background-color: #f6f6f6;
    width: 15%;
    text-align: center;
    vertical-align: middle;
    padding: 5px 0;
}

.table_c td{
    padding: 5px 10px 5px 10px;
    vertical-align: middle;
    line-height: 25px;
}

.bisi{
    width: 100%;
    margin-top: 30px;
}

.b_menu{
    width: 100%;
}

.b_menu section{
    width: 25%;
    float: left;
}

.s_contact {
    display: none;
}


/*************記事一覧**************/

.artview{
    width: 100%;
    overflow: hidden;
    text-align: left;
}

.artview article{
    width:454px;
    float:left;
    margin-top: 40px;
}

.artview article:nth-of-type(2n){
    float: right;
}

.a_img{
    width:100%;
    height: 185px;
    background-color: #999999;
    border: 3px solid #e73820;
    box-sizing: border-box;
    overflow:hidden;
}
.a_img img{
    width:auto;
    height:auto;
    min-width:100%;
    max-width:100%;
    min-height: 185px;
}


.m_left{
    position:absolute;
    width:38px;
}

.m_right{
    padding-top: 2px;
    margin-left: 48px;
}

.m_right h2{
    margin-bottom: 5px;
}

.m_right a{
    font-size: 16px;
    color: #e73820;
    text-decoration: none;
    font-weight: bold;
}

.mid{
    position:relative;
    margin-top: 15px;
}

.bot{
    margin-top: 10px;
    line-height: 20px;
}

.pnn{
    text-align: center;
margin-top: 30px;
}

.pnn li{
    display: inline-block;
}

.pnn li a{
    line-height: 41px;
    margin: 0 5px 0 5px;
    color: #e73820;
    text-decoration:none;
}
.pnn li a:visited{
    color: #e73820;
}
.pnn li span{
    line-height: 41px;
    margin: 0 5px 0 5px;
}

/**********記事詳細************/
.art{
    width: 100%;
    text-align: left;
}

.d_img{
    width:100%;
    height: auto;
    border: 8px solid #e73820;
    box-sizing: border-box;
    overflow:hidden;
}
.d_img img{
    width:auto;
    height:auto;
    max-width:100%;
}
#main {
    overflow:hidden;
}

.side_l{
    width: 35%;
    background: #f5f5f5;
    padding: 30px 0;
    float: left;
    padding-bottom: 32768px;
    margin-bottom: -32768px;
}

.pnn_a{
    text-align: center;
    margin-top: 30px;
    margin-bottom: 30px;

}

.pnn_a li{
    display: inline-block;
}

.pnn_a li a{
    line-height: 22px;
    margin: 0 5px 0 5px;
    color: #e73820;
    text-decoration:none;
}

.view{
    width: 264px;
    text-align: left;
    margin: 0 auto;
    margin-bottom: 100px;
}

.view dl{
    margin-bottom: 40px;
    margin-top: 20px;
}

.view dt{
    font-size: 14px;
}

.view dd{
    margin-top: 10px;
}

.view dd a{
    font-size: 16px;
    color: #aa3d3d;
    font-weight: bold;
}

.backnum{
    width: 264px;
    text-align: left;
    margin: 0 auto;
    margin-bottom: 100px;
}

.backnum dl{
    margin-bottom: 40px;
    margin-top: 20px;
    float: left;
}

.backnum dl:nth-of-type(2n){
    float: right;
    margin-right: 10px;
}


.backnum dt{
    font-size: 14px;
}

.backnum dd{
    margin-top: 10px;
}

.backnum dd a{
    font-size: 16px;
    color: #aa3d3d;
    font-weight: bold;
}

.kakob dl{
    float: none;
}

.side_r{
    width: 60%;
    background: #f5f5f5;
    padding: 30px 0;
    float: right;
    padding-bottom: 32768px;
    margin-bottom: -32768px;
}

.side_r article{
    width: 475px;
    margin: 0 auto;
}

.side_m_left{
    float: left;
}

.side_m_right{
    float: left;
    padding-top: 2px;
    margin-left: 10px;
    width: 89%;
}

.side_m_right h2{
    margin-bottom: 5px;
    float: left;
}

.side_m_right a{
    font-size: 23px;
    color: #e73820;
    text-decoration: none;
    font-weight: bold;
    line-height: 42px;
}

.side_m_right img{
    float: right;
    margin-top: 6px;
}

.side_bot{
    line-height: 20px;
    font-size: 19px;
    font-style: italic;
    text-align: left;
}

.art_con{
    margin-top: 30px;
}

.art_con p{
    line-height: 25px;
}


/*************教育*************/
.kyoken{
    margin-top: 30px;
    text-align: left;
}

.kyoken_left{
    width: 33%;
}

.k_l{
    float: left;

}

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

.kyoken_right{
    width: 60%;
    line-height: 25px;
/*    margin-top: 20px;*/
}

.k_r{
    float: right;
}

.kyoken_right img{
    margin-top: 35px;
    width: 60%;
}

.kyoiku section{
    margin-top: 30px;
}

.text{
    width: 55%;
    line-height: 25px;
    text-align: left;
    padding: 20px;
    background: #eeeeee;
}

.text h3{
    padding: 0;
    margin: 0;
    color: #007535;
    font-weight: bold;
    border-bottom: 1px solid #007535;
    margin-bottom: 5px;
    padding-bottom: 5px;
}

.kyo_img{
    width: 35%;
    text-align: left;
}

.kyo_img img{
    width: 100%;
}
/************代表挨拶**************/
.daihyo_gree{
    width: 100%;
    text-align: left;
}

.gree_main{
    margin-top: 30px;
    border-bottom: 1px solid #9b3228;
    padding-bottom: 30px;
}

.g_txt_l{
    width:42%;
    float: left;
}

.g_txt_l h1{
    margin-bottom: 40px;
}

.g_txt_l p{
    line-height: 25px;
}

.g_name{
    margin-top: 30px;
    text-align: right;
}

.g_img_r{
    width: 50%;
    float: right;
}

.g_img_r img{
    width: 100%;
}

.gree_m02{
    margin-top: 30px;
}

.gm02_l{
    width: 50%;
    float: left;
    position: relative;
    text-align: center;
}

.gm02_l img{
    width: 90%;
}

.gm02_r{
    width: 42%;
    float: right;
}

.gm02_r h1{
    margin-bottom: 40px;
}

.gm02_r p{
    line-height: 25px;
}

.gm02_l #of{
    position: absolute;
    left: 0;
    width: 35%;
    right: 0;
    top: 0;
    bottom: 0;
    height: 35%;
    margin: auto;
}

.safety{
    margin-top: 30px;
}

.safe_border{

    margin-top: 30px;
    padding: 20px;
    border: 1px solid #000;
}

.safe_txt_l{
    width: 50%;
    float: left;
}

.safe_txt_l h1{
    margin-bottom: 30px;
}

.safe_txt_l p{
    line-height: 25px;
}

.safe_txt_l p:last-of-type{
    margin-top: 30%;
}

.safe_txt_l h1 img{
    width: 100%;
}

.safe_img_r{
    width: 50%;
    float: right;
    text-align: right;
}

.safe_btn{
    width: 100%;
    margin-top: 30px;
}

.safe_btn ul{
    margin: 0 auto;
}

.safe_btn ul li{
    display: inline-block;
    margin: 20px;
}

.safe_btn a{
    border: 1px solid;
    padding: 10px 49px;
    border-radius: 5px;
    text-decoration: none;
    color: #fff;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#dd4527+0,640f08+100 */
    background: #dd4527; /* Old browsers */
    background: -moz-linear-gradient(top,  #dd4527 0%, #640f08 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dd4527), color-stop(100%,#640f08)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #dd4527 0%,#640f08 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #dd4527 0%,#640f08 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #dd4527 0%,#640f08 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #dd4527 0%,#640f08 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dd4527', endColorstr='#640f08',GradientType=0 ); /* IE6-9 */
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    text-shadow: 1px 1px 0 #000;
    opacity: 0.7;
}

.safe_btn a:hover{
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    opacity: 1;
}

.kaid{
    margin-top: 30px;
}

.kaid_02{
    margin-top: 30px;
    padding: 20px;
    border: 1px solid #000;
}

.kaid_l{
    float: left;
    width: 70%;
}

.kaid_l_t img{
    float: left;
}

.kltb{
    float: right;
    width: 70%;
}

.kltb h1{
    margin-bottom: 20px;
}

.kltb p{
    line-height: 20px;
}

p.kaid_l_m{
    width: 100%;
    overflow: hidden;
    line-height: 25px;
    margin-top: 20px;
}

.kaid_l_b img{
    width: 100%;
}

.g_nayami{
    margin-top: 30px;
}

.nayami_l{
    width: 45%;
    float: left;
    border: 1px solid #45b573;
    -ms-border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
}

.nayami_l p:first-child{
    text-align: center;
    padding: 13px;
    background-color: #92c343;
    border: 1px solid #92c343;
    -ms-border-radius: 7px 7px 0 0;
    -moz-border-radius: 7px 7px 0 0;
    -webkit-border-radius: 7px 7px 0 0;
    -o-border-radius: 7px 7px 0 0;
    border-radius: 7px 7px 0 0;
    color: #fff;
}

.nayami_l p:last-child{
    text-align: center;
    padding: 20px;
    line-height: 20px;
}

.nayami_r{
    width: 45%;
    float: right;
    border: 1px solid #45b573;
    -ms-border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
}

.nayami_r p:first-child{
    text-align: center;
    padding: 13px;
    background-color: #92c343;
    border: 1px solid #92c343;
    -ms-border-radius: 7px 7px 0 0;
    -moz-border-radius: 7px 7px 0 0;
    -webkit-border-radius: 7px 7px 0 0;
    -o-border-radius: 7px 7px 0 0;
    border-radius: 7px 7px 0 0;
    color: #fff;
}

.nayami_r p:last-child{
    text-align: center;
    padding: 20px;
    line-height: 20px;
}

.n_arrow{
    width: 5% !important;
    float: left;
    margin-left: 15px;
    margin-top: 40px;
}


.kaid_r{
    float: right;
    width: 30%;
    text-align: right;
    position: relative;
}

#wrapper #content_kasou .kaid_r a{
    position: absolute;
    bottom: 0px;
    left: 20px;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    opacity: 1;
}

#wrapper #content_kasou .kaid_r a img{
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    opacity: 1;
}

#wrapper #content_kasou .kaid_r a img:hover{
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    opacity: 0.7;
}


/*************募集要項***************/
.job{
}

.job_top{
    margin-top: 30px;
    position:relative;
}

.jtop_left{
    width: 39.3%;
    float: left;
}

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

.jtop_right{
    width: 49.6%;
    float: right;
    text-align: left;
}

.jtop_right h1{
    margin-bottom: 20px;
}

.jtop_right p{
    line-height: 25px;
}

.job_btn{
    position:absolute;
    bottom:0;
    right:0;
    width: 49.6%;
}

/*
.job_btn a, .bcon_btn a{
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    font-family: sans-serif;
    text-shadow: 1px 1px 0 #000;
}
*/
.j_btn_l{
    float: left;
    width: 50%;
    text-align: left;
}

.j_btn_s a{
    text-decoration: none;
    display: block;
    padding: 15px 0;
    color: #fff;
    border: 1px solid #555;
    border-radius: 5px;
    -ms-border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    background: #dd4527;
    background: -moz-linear-gradient(top, #dd4527 0%, #640f08 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dd4527), color-stop(100%,#640f08));
    background: -webkit-linear-gradient(top, #dd4527 0%,#640f08 100%);
    background: -o-linear-gradient(top, #dd4527 0%,#640f08 100%);
    background: -ms-linear-gradient(top, #dd4527 0%,#640f08 100%);
    background: linear-gradient(to bottom, #dd4527 0%,#640f08 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dd4527', endColorstr='#640f08',GradientType=0 );
}

.j_btn_r{
    float: right;
    width: 50%;
    text-align: right;
}

.job_zinzai{
    margin-top: 30px;
}

.job_ren{
    margin: 0 0 38px;
    padding-top:38px;
    border-top: 1px solid #a53b30;
    position:relative;
}

#gren{
    border: none;
}

.job_ren_l{
    width: 39.3%;
    float: left;
}

.job_ren_r{
    width: 49.6%;
    float: right;
    text-align: left;
}

.job_ren_r p{
    line-height: 25px;
}

.job_youko{
    margin-top: 30px;
}

.jyouko_table{
    text-align: left;
    width: 80%;
    margin: 0 auto;
    margin-top: 20px;
}

.jyouko_table table{
    width: 100%;
}

.jyouko_table th{
    padding: 10px;
    background-color: #f6f6f6;
}

.jyouko_table td{
    padding: 10px;
}

.jyouko_table p{
    line-height: 20px;
    margin-top: 20px;
}

.job_kensyu{
    margin-top: 30px;
}

.jkensyu_table{
    text-align: left;
    width: 80%;
    margin: 0 auto;
    margin-top: 20px;
}

.jkensyu_table table{
    width: 100%;
}

.jkensyu_table th{
    padding: 10px;
    background-color: #f6f6f6;
}

.jkensyu_table td{
    padding: 10px;
}

.job_hukuri{
    margin-top: 30px;
}

.job_hukuri p{
    width: 80%;
    margin: 0 auto;
    margin-top: 20px;
    text-align: left;
    line-height: 25px;
}

.job_o-bo,.jo-btn{
    margin-top: 30px;
}

.job_o-bo p{
    margin-top: 30px;
}

.jo-btn img{
    width: 80%
}

.jo-btn_l{
    width: 45%;
    float: left;
    margin-left: 30px;

}

.jo-btn_r{
    width: 45%;
    float: right;
    margin-right: 30px;
}

.job_bnr{
    margin-top: 50px;
}

.job_bnr img{
    widows: 80%;
}

.job_bnr a:first-child{
    float: left;
}

.job_bnr a:last-child{
    float: right;
}
#content_kasou .jo-btn a img{
    opacity:1;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
}
#content_kasou .jo-btn a img:hover{
    opacity:0.7;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
}
#content_kasou a img{
    opacity:0.7;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
}
#content_kasou a img:hover{
    opacity:1;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
}
/*
#content_kasou .job_btn a:hover, #content_kasou .bcon_btn a:hover, #content_kasou .safe_btn a:hover, #content_kasou .kaid_r a img:hover{
    opacity:0.7;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
}*/

/*****************業務内容******************/
.bcon{
    margin-top: 30px;
}

.bcon_top{
}

.bcontop_left{
    width: 30%;
    float: left;
}

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

.bcontop_right{
    width: 65%;
    float: right;
    text-align: left;
}

.bcontop_right h1{
    margin-bottom: 20px;
}

.bcontop_right p{
    line-height: 25px;
}

.koyu_l{
    float: left;
    width: 50%;
    margin-top: 20px;
    text-align: left;
}

.koyu_l p,.koyu_r p{
    line-height: 25px;
}

.koyu_r{
    float: right;
    width: 50%;
    margin-top: 20px;
    text-align: left;
}

.koyu_r img,.koyu_l img{
    max-width: 100%;
}




.bimg_in{
    text-align: right;
}

.bcon_btn{
    margin-top: 30%;
    position: absolute;
    bottom: 0;
    width:50%;
}

.bcon_btn a{
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
}

.bcon_btn_l{
    float: left;
    width:50%;


}

.bcon_btn_t{
    width:100%;
    text-align:center;
    margin: 0 auto;
}


.bcon_btn .bcon_btn_t a{
    padding: 20px 0;
}

.bcon_btn_s a{
    margin-top: 10px;
    text-decoration: none;
    display: block;
    padding: 15px 0;
}

.bcon_btn_r{
    float:right;
    width:50%;
    text-align:right;

}
.bcon_btn_s img{
    max-width:100%;
}


.bcon_koyu,.bcon_evek,.bcon_sikb,.bcon_tyuk{
    margin-top: 50px;
    position: relative;
}

/***************お問い合わせフォーム*****************/
.contact {
    border: 1px solid #e23820;
    padding: 15px;
    width: 80%;
    text-align: left;
    margin: 0 auto;
    margin-top: 30px;
}

.contact dl{
    padding-top: 20px;
}

.contact dt{
    margin-top: 20px;
}

.contact dd{
    margin-top: 15px;
    margin-left: 10px;
}

.contact_l{
    width: 45%;
    float: left;
}

.contact_r{
    width: 45%;
    float: right;
    border-left: 1px solid #000;
    padding-left: 37px;
}

.contact span.hissu{
    background-color: #ff0000;
    color: #fff;
    padding: 0px 5px;
    font-size: 13px;
}

.submit{
    text-align: center;
    width: 100%;
    margin-top: 30px;
}

input[type="submit"]:hover {
    padding: 15px 80px;
    background-color: #e23820;
    border: 1px solid #e23820;
    color: #fff;
}

input[type="submit"] {
    padding: 15px 80px;
    background-color: #fff;
    border: 1px solid #e23820;
    margin: 0 auto;

}


/*********lightbox*********/

.pic{
    border:5px solid #efefef;
    display:block;
    position: fixed;
    z-index: 102;
}

.back-layer {
    width: 100%;
    height: 100%;
    position:fixed;
    top:0;
    left:0;
    background: rgba( 33,33,33, 0.7);
    z-index:101;
}

/***************お問い合わせ2*********************/
.con2_txt p{
    line-height: 25px;
    font-weight: bold;
    font-size: 13px;
}

.con2_txt p:first-of-type{
    margin-bottom: 20px;
}

.con2_txt p:last-of-type{
    margin-bottom: 30px;
}

.con2_txt span{
    color: #ff0000;
}

.con2_r{
    color: #f00;
}

.oto{
    margin-bottom: 50px;
}

/***********service***************/
.p_title{
    width: 35%;
    margin-bottom: 30px;
}

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

.p_title_net{
    width: 60%;
    margin-bottom: 30px;
}

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

.service_con{
    text-align: left;
}

.serv_con1, .serv_con2, .serv_con3{
    width: 25%;
    float: left;
    padding: 0 4%;
}

.serv_con1 dt, .serv_con2 dt, .serv_con3 dt{
    margin-bottom: 15px;
    color: #007535;
}

.serv_con1 dd, .serv_con2 dd, .serv_con3 dd{
    margin-bottom: 10px;
}

.serv_con2{
    border-left: 1px dotted #000;
    border-right: 1px dotted #000;
}

.text h3:before{
    content: url(../../images/h3_icon.png);
    padding-right: 5px;
}

h3.icon:before{
    content: url(../../images/h3_icon.png);
    padding-right: 5px;
}

.icon{
    padding: 0;
    color: #00a160;
    margin-bottom: 10px;
    padding-top: 20px;
}

.bord{
    border-bottom: 2px solid #b5b5b5;
    margin-bottom: 20px;
    padding-bottom: 30px;
}

.hyo1{
    background: url(../../images/service/serv_i1.png) no-repeat;
    background-size: contain;
    padding-left: 13%;
}

.hyo2{
    background: url(../../images/service/serv_i2-40.png) no-repeat;
    background-size: contain;
    padding-left: 13%;
}

.hyo1 ul, .hyo2 ul{
    width: 85%;
}

.mb30{
    margin-bottom: 30px;
}

.hyo1 li, .hyo2 li{
    width: 24%;
    display: inline-block;
/*    margin-bottom: 30px;*/
}

.hyo1 li img, .hyo2 li img{
    width: 100%;
    height: auto;
}

.hyo1 li img.b_none, .hyo2 li img.b_none{
    width: 88%;
}

/***********company***************/
.comp_t{
    margin-bottom: 30px;
}

.comp_t table{
    width: 100%;
    border: none;
}

.comp_t tr{
    border: 1px solid #555;
    border-right: none;
    border-left: none;
}

.comp_t th{
/*    border: 1px dotted;*/
    padding: 10px;
    text-align: center;
    background: #f2f2f2;
    border-right: none;
    vertical-align: middle;
}

.comp_t td{
/*    border: 1px dotted;*/
    padding: 10px;
    border-left: none;
    line-height: 20px;
}

.comp_map{
    margin-bottom: 40px;
}

.comp_map p:first-of-type{
    padding: 0;
}

.comp_map p{
    padding-top: 40px;
    margin-bottom: 10px;
}

.comp_imgs li{
    width: 31%;
    display: inline-block;
    margin: 0 1%;
}

.comp_imgs img{
    width: 100%;
    height: auto;

}
/***********group***************/
.group_section{
    margin-bottom: 40px;

}

.group_section p{
    line-height: 20px;
}

.g_img{
    width: 100%;
}

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

.group_section h3{
    padding: 0;
    font-size: 18px;
    border-bottom: 1px dotted #555;
    margin-bottom: 20px;
}

.group_section h3 a{
    color: #00a160;
}

.gborder{
    border: 1px solid #a0a0a0;
    box-sizing: border-box;
}

.group_list{
    padding-top: 20px;
}

.group_list li{
    width: 30%;
    margin: 0 1.5%;
    display: inline-block;
    margin-bottom: 20px;
}

.group_list li p:first-of-type{
    color: #00a160;
}

.group_list li p{
    line-height: 20px;
}

.group_list a{
    color: #d99330;
}

/***********inter-net***************/
.inter_img{
    width: 100%;
    height: auto;
}

.net_list{
    width: 100%;
}

.net_list ul{
    border-bottom: 1px dotted #555;
margin-bottom: 10px;
}

.net_list li{
    display: inline-block;
    color: #0e7239;
    margin-bottom: 10px;
}
/*****************English*********************/

.eng_img_sec{
    width: 100%;
    margin-bottom: 40px;
}

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

.ing_img_t{
    width: 100%;
}

.ing_img_m{
    width: 100%;
}

.ing_img_b{
    width: 100%;
}

.ing_img_left{
    width: 50%;
    float: left;
}

.ing_img_right{
    width: 50%;
    float: right;
}

.eng_t{
    width: 100%;
    position: relative;
}

.eng_t p{
    margin-bottom: 30px;
}

.ing_left{
    width: 48%;
    float: left
}

.ing_right{
    width: 48%;
    float: right;
}

.eng_imgs{
    position: absolute;
    bottom: 5%;

}

.eng_imgs li{
    width: 30%;
    display: inline-block;
    margin: 0 1%;
}

.eng_imgs li:last-of-type img{
    width: 50%;
    height: auto;
}

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

/***************contact*******************/
.contact_t{
    margin-bottom: 30px;
    background: #f6f6f6;
    padding: 30px;
}

.contact_t table{
    width: 100%;
    border: none;
    margin-bottom: 30px;
}

.contact_t tr{
    border: 1px dotted #555;
    border-right: none;
    border-left: none;
}

.contact_t th{
    /*    border: 1px dotted;*/
    padding: 10px;
    text-align: center;
    border-right: none;
    vertical-align: middle;
}

.contact_t tr:nth-of-type(2n){
    background: #e8e5e5;
}

.contact_t td{
    /*    border: 1px dotted;*/
    padding: 10px;
    border-left: none;
    line-height: 20px;
    vertical-align: middle;
}

.contact_t td input{
    bo
border-color: #e9e9e9;
}

.contact_t p{
    margin-bottom: 20px;
    margin-left: 10px;
}

.con_small{
    font-size: 12px;
    display: block;
    margin-top: 5px;
}

.contact_sub{
    text-align: center;
    margin: 0 auto;
    display: block;
}

input[type="submit"]:hover {
    padding: 15px 80px;
    background-color: #fff;
    border: 1px solid #00a160;
    color: #00a160;
}

input[type="submit"] {
    padding: 15px 80px;
    background-color: #00a160;
    border: 1px solid #00a160;
    margin: 0 auto;
    color: #fff;

}

.tel_i:before{
    content: url(../../images/tel_icon.jpg);
    vertical-align: text-bottom;
}

.fax_i:before{
    content: url(../../images/fax_icon.jpg);
    vertical-align: text-bottom;
    padding-right: 5px;

}

.con_01{
    background: url(../../images/top_track.jpg) no-repeat;
    background-position: right bottom;
    background-size: contain;
}
.con_01 div.ceo {
	display: none;
}

.fba {
  margin-top: 30px;
  text-align: left;
}
.fbaHeading {
  font-weight: bold;
  margin-bottom: 20px;
  margin-top: 60px;
  font-size: 24px;
}
.txt {
  line-height: 1.5;
  font-size: 16px;
}
.fba .txt span.center {
  display: block;
  text-align: center;
  font-weight: bold;
  color: aqua;
  font-size: 18px;
  margin: 10px 0;
}
.fba .txt span.uLine {
  text-decoration: underline;
}
.fba .txt span.red {
  color: red;
}
.fba .txt strong {
  font-weight: bold;
  font-size: 18px;
}
.fba .img img {
  max-width: 100%;
  height: auto;
}
.fba .fbaContact {
  border: 1px solid red;
  padding: 20px 10px;
}
.fba .fbaContact .txt {
  color: blue;
  margin-bottom: 30px;
}
.fba .fbaContact .txt strong {
  font-size: inherit;
}
.fba .fbaLast {
  font-weight: bold;
  font-size: 20px;
}

@media screen and (max-width: 900px) {
    .con_01 {
    	background-size: 50%;
    }
}

@media screen and (max-width: 1279px) {
    .sp {
        display:block;
    }

    .title_nws h2 #newsmg{
        height: 140px;
    }

    #imagesection{
        width: 100%;
    }
    
    .ceo #daihyo{
        width: 100%;
        height: auto;
    }

    .con_01 div.ceo {
        width: 50%;
        height: auto;
        float: none;
        position: absolute;
        bottom: 0;
        right: 0;
        overflow:hidden;
    }

    .con_01 div.ceo_text {
        float: none;
        width: 100%;
    }

    .ceo_text .ceo_t_b {
        width: 90%;
        padding: 1em;
    }

    .abo, .com{
        float: none;
    }

    .stage{
        width: 100%;
    }

    .stage h3{
        margin: 0 auto;
        text-align: center;
        padding: 0;
    }

    #news div.left_news{
        overflow: hidden;
        float: none;
        width: 100%;
    }

    #news div.right_news{
        float: none;
        width: 90%;
        margin: 30px auto;
    }

    .title_nws p{
        width: 18%;
        margin: auto;
        height: 20%;
    }

    .con02_menu section{
        width: 50%;
        display: inline-block;
    }

    .con02_menu section div.btn_01{
        bottom: -100% !important;
    }

    .job{
        overflow: inherit;
        max-height: none;
        background-color: #000;
    }

    .left_job{
        float: none;
        width: 100%;
        max-height: none;
    }

    .right_job{
        width: 100%;
         max-height: none;
         float: none;
}
    .right_job section {
        width: 50%;
    }

    .left_other {
        width: 100%;
        float: none;
    }

    .right_other section{
        width: 100%;
        float: none;
    }

    div.kage{
        background: none;
    }

    #content{
        overflow: hidden;
    }


    .right_job section p.btn_03{
        bottom: 0;
    }

    .o_scol{
        width: 100%;
        position: relative;
    }

    .other{
        max-height: none;
    }

    .right_other {
        width: 100%;
        height: auto;
        float: none;
        max-height:1000px;
    }

    .o1, .o2{
        background: none;
    }

    o_stage p{
        display: none;
    }

    .other_text {
        position: absolute;
        top: 0;
        bottom: 0;
         z-index: 4;
        right: 0;
        left: 0;
        margin: auto;
        width: 70%;
        height: 60%;
    }

    .other_kage{
    }

    footer #company-guide .top{
        margin: 0;
    }

    footer #company-guide{
        min-height: 220px;
    }

    .s_contact{
            display: block;
            background-color: #fff;
            padding-top: 20px;
            border-top: 1px solid #e73820;
            border-bottom: 1px solid #e73820;
            padding-bottom: 20px;
            box-sizing: border-box;
    }

    .s_contact a{
        display: block;
    }

    .subimg{
        display: none;
    }

    .subimg_s{
        display: block;
    }

    .subimg_s img{
        width: 100%;
    }

    #main_img{
        display: none;
    }

    #main_img_s{
        width: 100%;
        padding-top: 62px;
        display: block;
    }

    #main_img_s img{
        width: 100%;
    }

    #main_img_s a img{
        width: 70%;
    }

    /************会社概要**************/
    #content_kasou{
        width: 100%;
    }

/*
    #content_kasou img{
        width: 100%;
        height: auto;
    }
*/

    .rinen_left{
        width: 60%;
        margin: 0 auto;
        float: none;
    }

    .rinen_right {
        float: none;
        width: 70%;
        margin: 0 auto;
    }

    .movie iframe{
        width: 100%;
        height: 250px;
    }

    .table_c{
        display: none;
    }

    .table_b{
        width: 90%;
        display: block;
        margin: 0 auto;
    }

    .table_b table{
        width: 100%;
    }

    .table_b table img{
        width: 80%;
    }

    .table_b th{
        background-color: #f6f6f6;
/*        width: 15%;*/
        text-align: center;
        vertical-align: middle;
        padding: 5px 5px;
    }

    .table_b td{
        padding: 5px 5px;
        vertical-align: middle;
        line-height: 25px;
    }

    .b_menu section {
        width: 50%;
        float: left;
    }

    .b_menu section img {
        width: 100%;
    }

    /**************教育***************/
    .kyoken_left {
        width: 60%;
        float: none;
        margin: 0 auto;
    }

    .kyoken_right {
        width: 90%;
        float: none;
        margin: 0 auto;
        margin-top: 20px;
    }

    .service_con{
        width: 90%;
        margin: 0 auto;
    }

    .text{
        width: 90%;
        float: none;
        margin: 0 auto;
        margin-bottom: 20px;
        padding: 5%;
    }

    .kyo_img{
        width: 100%;
        float: none;
        margin-bottom: 20px;
    }

    /************求人募集*****************/
    .jtop_left{
        width: 60%;
        margin: 0 auto;
        float: none;
        margin-bottom: 20px;
    }

    .jtop_right{
        width: 90%;
        float: none;
        margin: 0 auto;
    }

    .job_btn{
        width: 100%;
        text-align: center;
        position: static;
    }

    .j_btn_l {
         float: none;
         width: 50%;
        text-align: center;
        margin: 0 auto;
        margin-bottom: 20px;
        padding-top: 20px;
    }

    .j_btn_r {
         float: none;
         width: 50%;
        text-align: center;
        margin: 0 auto;
    }

    .job_zinzai{
        width: 100%;
    }

    .job_ren{
        width: 90%;
        margin: 0 auto;
        padding-bottom: 30px;
    }

    .job_ren_l {
        width: 60%;
        float: none;
        margin: 0 auto;
        margin-bottom: 20px;
    }

    .job_ren_r {
        width: 100%;
        float: none;
        text-align: left;
    }

    .job_o-bo p {
        margin-top: 30px;
        width: 90%;
        margin: 0 auto;
        margin-top: 30px;
    }

    .jo-btn{
        width: 90%;
        margin: 0 auto;
        margin-top: 30px;
    }

    .jo-btn_l{
        width: 90%;
        float: none;
        margin-left: 0;
        margin: 0 auto;
        margin-bottom: 20px;
    }

    .jo-btn_r{
        width: 90%;
        float: none;
        margin-right: 0;
        margin: 0 auto;
    }

    .job_bnr{
        width: 90%;
        margin: 0 auto;
        margin-top: 50px;
    }

    .jyouko_table td{
        line-height: 20px;
    }
    /********お問い合わせ*********/
    .contact_l {
        width: 100%;
        float: none;
    }

    .contact_r {
        width: 100%;
        float: none;
        border-left: 0;
        padding-left: 0;
    }

    /**************業務内容****************/
    .bcon_top {
        width: 90%;
        margin: 0 auto;
    }

    .bcontop_left {
        width: 60%;
        float: none;
        margin: 0 auto;
        margin-bottom: 20px;
    }

    .bcontop_right {
        width: 100%;
        float: none;
        text-align: left;
    }

    #content_kasou .bcontop_right img{
        width: 70%;
        margin: 0 auto;
        display: block;
    }

    .bcon_koyu{
        width: 100%;
        margin: 0 auto;
        margin-top: 30px;
    }

    .koyu_l {
        margin: 0 auto;
        float: none;
        width: 90%;
        margin-top: 20px;
        text-align: left;
    }

    .bcon_btn {
        margin: 0 auto;
        margin-top: 0;
        position: static;
        bottom: 0;
        width: 90%;
    }

    .koyu_r {
        margin: 0 auto;
        float: none;
        width: 90%;
        margin-top: 20px;
        text-align: left;
    }

    .bcon_btn .bcon_btn_t a {
         padding: 0;
    }

    .bcon_btn_s a {
        padding: 0;
    }
    /**代表挨拶*********************/
    .gree_main{
        width: 90%;
        margin: 0 auto;
        margin-top: 30px;
    }

    .g_txt_l {
        width: 100%;
        float: none;
        margin-bottom: 20px;
    }

    #content_kasou .g_name img{
        width: 70%;
        height: auto;
    }

    .g_txt_l h1 {
        margin-bottom: 20px;
    }

    .g_img_r {
        width: 100%;
        float: none;
    }

    .gree_m02 {
        margin: 0 auto;
        margin-top: 30px;
        width: 90%;
    }

    .gm02_l {
        width: 60%;
        float: none;
        margin: 0 auto;
        margin-bottom: 20px;
    }

    .gm02_r {
        width: 100%;
        float: none;
    }

    .gm02_r h1 {
        margin-bottom: 20px;
    }

    .safe_border, .kaid_02{
        width: 90%;
        margin: 0 auto;
        margin-top: 20px;
        padding: 0;
        border: none;
    }

    .safe_txt_l {
        width: 100%;
        float: none;
        margin-bottom: 20px;
    }

    .safe_txt_l p:last-of-type {
        margin-top: 0;
    }

    .safe_btn {
        text-align: center;
    }

    .safe_img_r {
        width: 60%;
        float: none;
        margin: 0 auto;
    }

    .kaid_l {
        float: none;
        width: 100%;
        margin-bottom: 20px;
    }

    #content_kasou .kaid_l_t img:first-of-type{
        width: 30%;
    }

    .kltb {
        float: right;
        width: 65%;
    }

    #content_kasou .kaid_l_t .kltb h1 img{
        width: 100%;
    }

    .nayami_l {
        width: 100%;
        float: none;
    }

    .nayami_r {
        width: 100%;
        float: none;
    }

    .n_arrow {
        width: 5% !important;
         float: none;
        margin: 0 auto;
        margin-top: 20px;
        margin-bottom: 20px;
        transform: rotate(90deg);
    }

    .kaid_r {
        float: none;
        width: 100%;
    }

    #content_kasou .kaid_r img{
            width: 40%;
            float: right;
    }

    #content_kasou .kaid_r a img{
        width: 60%;
        float: left;
    }

    .g_nayami{
        text-align: center;
    }
/*****************記事一覧*****************/
    .artview article{
        width: 90%;
        margin: 0 auto;
        float: none;
        margin-top: 30px;
    }

    .artview article:nth-of-type(2n){
        float: none;
    }

    /***************お知らせ******************/
    #main{
        width: 100%;
        margin: 0 auto;
        background: #f5f5f5;
    }

    #main img{
        width: 100%;
        height: auto;
    }

    .side_r{
        float: none;
        width: 90%;
        margin: 0 auto;
        margin-bottom: -32768px;
    }

    .side_r article{
        width: 100%;
    }

    .side_m_left{
        width: 10%;
        margin-left: 20px;
        float: none;
    }

    .side_m_right {
        width: 90%;
        text-align: left;
        margin: 0 auto;
        float: none;
    }

    .side_m_right h2{
        width: 80%;
    }

    #main .side_m_right img{
        width: 20%;
    }

    .side_m_right a{
        font-size: 20px;
        line-height: 32px;
    }

    .side_bot{
        width: 90%;
        margin: 0 auto;
    }

    .side_l{
        float: none;
        width: 90%;
        margin: 0 auto;
        margin-bottom: -32768px;
    }

    .view{
        width: 80%;
    }

    .art_con{
        width: 95%;
        margin: 0 auto;
        margin-top: 30px;
    }

    .view dd a{
        line-height: 1.5em;
    }

    footer #company-guide .red-b{
        border: none;
    }

    .copyl{
        width: 50%;
    }

    footer #company-guide .bottom{
        position: relative;
        overflow: hidden;
	    display: flex;
	    justify-content: space-between;
    }

	footer #company-guide .bottom .img_btn {
	    position: relative;
		width: 150px;
	    right: initial;
	    top: initial;
	    margin-right: 20px;
	}

	footer #company-guide .bottom .img_btn > img{
		left: 6px;
	}

    .company-info_2{
        float: none;
        width: 90%;
        margin: 0 auto;
        padding-top: 20px;
    }

    footer #company-guide .top .frame #company-info{
        float: none;
        width: 90%;
        margin: 0 auto;
        text-align: center;
        overflow: hidden;
    }

    .company-info_2 li{
        width: 100%;
        display: block;
        margin: 0 auto;
        margin-bottom: 10px;
        text-align: left;
        font-size: 12px;
    }

    #company-info .foot_link{
        float: right;
        width: 50%;
        margin: 0;
    }

    #company-info .foot_linc{
        float: left;
        width: 50%;
        margin: 0;
    }

    .company-info_2 ul{
        text-align: center;
        margin-top: 10px;
    }

    .kyoken{
        width: 95%;
        margin: 0 auto;
        margin-top: 30px;
    }

    .p_title{
        width: 60%;
    }

    .serv_con1, .serv_con2, .serv_con3{
        float: none;
        width: 100%;
        border-bottom: 1px dotted #000;
        margin-bottom: 10px;
    }

    .serv_con2{
        border-left:none;
        border-right:none;
    }

    .text h3{
        font-size: 1.3em;
    }

    .text h3:before{
        content: none;
    }

    .hyo1 ul, .hyo2 ul{
        padding-left: 15%;
    }

    .hyo1 li, .hyo2 li{
        width: 20%;
    }

    .hyo1, .hyo2{
        padding-left: 0;
    }

    .bord{
        width: 90%;
        margin: 0 auto;
    }

    footer{
        border-top: 1px solid #007535;
    }

    .group_list li{
        width: 46%;
        margin: 0 1%;
        margin-bottom: 20px;
    }

    .group_list a{
        font-size: 11px;
    }

    .comp_imgs li {
        width: 100%;
        display: block;
        /* margin: 0 1%; */
        margin: 0;
        margin-bottom: 20px;

    }

    .p_title_net{
        width: 90%;
    }

    .net_list{
        padding-top: 20px;
    }

    .form-width { max-width: 100%;}

    .contact_t td input, .contact_t td textarea{
        width: 90%;
    }

    .contact_t{
        padding: 10px;
    }

    .ing_left,.ing_right{
        float: none;
        width: 100%;
    }

    .eng_imgs{
        position: static;
    }

    .company-info_2 .tel_i a{
        margin: 0;
    }

    .con_01{
        min-height: inherit;
        position: relative;
    }

    .sap{
        margin-bottom: 0px;
    }

    .res_mb{
        margin-bottom: 50px;
    }

}

/* employment */
* {
  margin: 0;
  padding: 0; }

ul {
  list-style-type: none; }

a {
  color: inherit;
  text-decoration: none; }

ul,
ol,
div {
  margin: 0;
  padding: 0; }

html {
  font-size: 62.5%;
  letter-spacing: 0.05em; }
  @media screen and (max-width: 1200px) {
    html {
      min-width: 1200px; } }
  @media screen and (max-width: 797px) {
    html {
      min-width: 100%; } }

.overflow {
  overflow: hidden; }

.br-sp {
  display: none; }
  @media screen and (max-width: 767px) {
    .br-sp {
      display: block; } }

.employee {
  max-width: 1200px;
  margin: 0 auto;
  color: #1a1a1a; }
  @media screen and (max-width: 767px) {
    .employee {
      width: 100%; } }
  .employee--full {
    max-width: 100vw; }
    @media screen and (min-width: 768px) and (max-width: 1024px) {
      .employee--full {
        max-width: 1200px; } }
  .employee--job-details {
    text-align: center; }
  .employee__title-wrapper {
    width: 100%;
    margin: 50px 0;
    text-align: center; }
  .employee__title {
    font-size: 40px;
    color: #1a1a1a;
    font-family: '游明朝';
    line-height: 45px; }
    @media screen and (max-width: 767px) {
      .employee__title {
        font-size: 6vw; } }
  .employee__highlight {
    width: 95%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    margin-left: auto;
    margin-bottom: 110px; }
    @media screen and (min-width: 1921px) {
      .employee__highlight {
        width: 75%; } }
    @media screen and (max-width: 767px) {
      .employee__highlight {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
            -ms-flex-direction: column-reverse;
                flex-direction: column-reverse;
        width: 100%;
        margin-bottom: 50px; } }
    @media screen and (min-width: 768px) and (max-width: 1024px) {
      .employee__highlight {
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
            -ms-flex-align: start;
                align-items: flex-start; } }
    .employee__highlight--message {
      margin-left: 0;
      margin-right: auto;
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
          -ms-flex-align: start;
              align-items: flex-start; }
      @media screen and (max-width: 767px) {
        .employee__highlight--message {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -webkit-flex-direction: column;
              -ms-flex-direction: column;
                  flex-direction: column; } }
    .employee__highlight--interview {
      -webkit-box-align: end;
      -webkit-align-items: flex-end;
          -ms-flex-align: end;
              align-items: flex-end; }
      @media screen and (min-width: 768px) and (max-width: 1024px) {
        .employee__highlight--interview {
          -webkit-box-align: start;
          -webkit-align-items: flex-start;
              -ms-flex-align: start;
                  align-items: flex-start; } }
    .employee__highlight-text-wrapper {
      width: 55%;
      z-index: 1;
      margin-top: 80px;
      text-align: left }
      @media screen and (max-width: 767px) {
        .employee__highlight-text-wrapper {
          width: 90%;
          margin: -15% auto 0; } }
      @media screen and (min-width: 768px) and (max-width: 1024px) {
        .employee__highlight-text-wrapper {
          margin-top: 15%; } }
      .employee__highlight-text-wrapper--message {
        margin-top: 15%; }
        @media screen and (max-width: 767px) {
          .employee__highlight-text-wrapper--message {
            margin-top: -15%; } }
    .employee__highlight-text {
      font-size: 26px;
      font-weight: 600;
      display: block;
      margin-bottom: 20px;
      text-shadow: 0.8px 0.8px 0 #fff, 0.8px -0.8px 0 #fff, -0.8px 0.8px 0 #fff, -0.8px -0.8px 0 #fff, 0.8px 0 0 #fff, 0 0.8px 0 #fff, -0.8px 0 0 #fff, 0 -0.8px 0 #fff; }
      @media screen and (max-width: 767px) {
        .employee__highlight-text {
          font-size: 4.3vw;
          margin-bottom: 15px; } }
      .employee__highlight-text--small {
        font-size: 18px;
        font-weight: 500;
        margin: 0;
        line-height: 35px; }
        @media screen and (max-width: 767px) {
          .employee__highlight-text--small {
            font-size: 3.8vw;
            line-height: 5.5vw; } }
      .employee__highlight-text--inline {
        display: inline-block; }
      .employee__highlight-text--person {
        font-size: 20px;
        text-align: right; }
        @media screen and (max-width: 767px) {
          .employee__highlight-text--person {
            font-size: 4vw; } }
    .employee__highlight-img-wrapper {
      width: 65%;
      margin-left: -20%; }
      @media screen and (max-width: 767px) {
        .employee__highlight-img-wrapper {
          width: 90%;
          margin-left: auto; } }
      .employee__highlight-img-wrapper--left {
        margin-left: 0;
        margin-right: -20%; }
    .employee__highlight-title-wrapper {
      width: 100%;
      background: #00a05f;
      height: 80px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      margin-bottom: -1px; }
      @media screen and (max-width: 767px) {
        .employee__highlight-title-wrapper {
          height: 15vw; } }
      .employee__highlight-title-wrapper--left {
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
            -ms-flex-pack: end;
                justify-content: flex-end; }
      .employee__highlight-title-wrapper--small {
        width: 90%;
        margin: 0 auto;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
            -ms-flex-pack: center;
                justify-content: center; }
        @media screen and (max-width: 767px) {
          .employee__highlight-title-wrapper--small {
            width: 100%; } }
      .employee__highlight-title-wrapper--full {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
            -ms-flex-pack: center;
                justify-content: center;
        margin-top: 80px; }
    .employee__highlight-title {
      color: #fff;
      font-size: 35px;
      text-transform: uppercase;
      margin-left: 30px;
      font-family: 'Oswald', sans-serif;
      font-weight: normal;
      line-height: 35px; }
      @media screen and (max-width: 767px) {
        .employee__highlight-title {
          font-size: 6vw;
          line-height: 6vw;
          margin-left: 15px; } }
      .employee__highlight-title-small {
        color: #fff;
        font-size: 23px;
        line-height: 23px;
        margin-left: 10px;
        margin-right: 30px;
        font-weight: 600; }
        @media screen and (max-width: 767px) {
          .employee__highlight-title-small {
            font-size: 4vw;
            margin-right: 15px; } }
    .employee__highlight-img {
      width: 100%;
      height: auto;
      -o-object-fit: cover;
         object-fit: cover;
      -o-object-position: left top;
         object-position: left top; }
      @media screen and (max-width: 767px) {
        .employee__highlight-img {
          display: none; } }
      .employee__highlight-img-sp {
        display: none; }
        @media screen and (max-width: 767px) {
          .employee__highlight-img-sp {
            width: 100%;
            height: auto;
            -o-object-fit: cover;
               object-fit: cover;
            -o-object-position: left top;
               object-position: left top;
            display: block; } }
  .employee__guideline-wrapper {
    background: url("../../images/employment/guidline_bg.png");
    background-size: 100% 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 50px 0; }
  .employee__guideline-title {
    font-size: 20px;
    margin: 30px 0; }
  .employee__guideline-table {
    width: 80%;
    border-collapse: collapse;
    border: 2px solid #808080;
    background: #fff;
    margin: 0 auto; }
    @media screen and (max-width: 767px) {
      .employee__guideline-table {
        display: none;
        border: 0;
        width: 90%; } }
    @media screen and (max-width: 767px) {
      .employee__guideline-table--job-details {
        display: block; } }
    .employee__guideline-table--sp {
      display: none; }
      @media screen and (max-width: 767px) {
        .employee__guideline-table--sp {
          display: block; } }
  .employee__guideline-tr {
    border: 2px solid #808080; }
  .employee__guideline-td {
    padding: 10px;
    border: 2px solid #808080; }
    @media screen and (max-width: 767px) {
      .employee__guideline-td {
        padding: 5px; } }
    .employee__guideline-td:nth-child(odd) {
      text-align: center; }
    .employee__guideline-td:nth-child(even) {
      text-align: left; }
      @media screen and (max-width: 767px) {
        .employee__guideline-td:nth-child(even) {
          width: 100%; } }
  .employee__guideline-text {
    font-size: 14px;
    font-weight: 600;
    white-space: nowrap; }
    .employee__guideline-text--small {
      font-size: 13px;
      font-weight: 500;
      white-space: normal; }
  .employee__faq {
    width: 95%;
    margin: 60px 0 60px auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
    @media screen and (min-width: 1921px) {
      .employee__faq {
        width: 75%; } }
    @media screen and (max-width: 767px) {
      .employee__faq {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
            -ms-flex-direction: column;
                flex-direction: column;
        margin: 10px 0 0;
        width: 100%; } }
    @media screen and (min-width: 768px) and (max-width: 1024px) {
      .employee__faq {
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
            -ms-flex-align: start;
                align-items: flex-start; } }
    .employee__faq--left {
      margin: 60px auto 60px 0; }
      @media screen and (max-width: 767px) {
        .employee__faq--left {
          margin: 10px 0 0; } }
    .employee__faq-text-wrapper {
      width: 50%;
      z-index: 1;
      text-align: left; }
      @media screen and (max-width: 767px) {
        .employee__faq-text-wrapper {
          width: 90%;
          margin: 0 auto; }
          .employee__faq-text-wrapper:nth-child(odd) {
            margin-top: 30px; }
          .employee__faq-text-wrapper:last-child {
            margin-bottom: 50px; } }
    .employee__faq-text-question {
      font-size: 25px;
      font-weight: 600;
      display: block;
      margin-bottom: 20px;
      text-shadow: 0.8px 0.8px 0 #fff, 0.8px -0.8px 0 #fff, -0.8px 0.8px 0 #fff, -0.8px -0.8px 0 #fff, 0.8px 0 0 #fff, 0 0.8px 0 #fff, -0.8px 0 0 #fff, 0 -0.8px 0 #fff; }
      @media screen and (max-width: 767px) {
        .employee__faq-text-question {
          font-size: 5.5vw;
          margin-bottom: 10px; } }
      .employee__faq-text-question::before {
        content: 'Q.';
        font-size: 40px;
        font-family: 'Oswald', sans-serif;
        width: 40px;
        display: inline-block;
        font-weight: normal; }
        @media screen and (max-width: 767px) {
          .employee__faq-text-question::before {
            font-size: 8vw;
            width: 8vw; } }
    .employee__faq-text-answer {
      font-size: 23px;
      color: #4d4d4d;
      font-weight: 600;
      display: block;
      margin-bottom: 10px;
      text-shadow: 0.8px 0.8px 0 #fff, 0.8px -0.8px 0 #fff, -0.8px 0.8px 0 #fff, -0.8px -0.8px 0 #fff, 0.8px 0 0 #fff, 0 0.8px 0 #fff, -0.8px 0 0 #fff, 0 -0.8px 0 #fff; }
      @media screen and (max-width: 767px) {
        .employee__faq-text-answer {
          font-size: 5vw; } }
      .employee__faq-text-answer::before {
        content: 'A.';
        font-size: 40px;
        font-family: 'Oswald', sans-serif;
        width: 40px;
        display: inline-block;
        font-weight: normal;
        color: #1a1a1a; }
        @media screen and (max-width: 767px) {
          .employee__faq-text-answer::before {
            font-size: 8vw;
            width: 8vw; } }
    .employee__faq-text {
      margin-left: 40px;
      font-size: 16px;
      font-weight: 500;
      text-shadow: 0.8px 0.8px 0 #fff, 0.8px -0.8px 0 #fff, -0.8px 0.8px 0 #fff, -0.8px -0.8px 0 #fff, 0.8px 0 0 #fff, 0 0.8px 0 #fff, -0.8px 0 0 #fff, 0 -0.8px 0 #fff; }
      @media screen and (max-width: 767px) {
        .employee__faq-text {
          margin-left: 0;
          font-size: 3.8vw; } }
    .employee__faq-img-wrapper {
      width: 70%;
      margin-left: -20%; }
      @media screen and (max-width: 767px) {
        .employee__faq-img-wrapper {
          width: 95%;
          margin-left: auto;
          margin-top: -25%; } }
      .employee__faq-img-wrapper--left {
        margin-left: 0;
        margin-right: -20%; }
        @media screen and (max-width: 767px) {
          .employee__faq-img-wrapper--left {
            margin-right: auto;
            margin-top: 0;
            margin-bottom: -25%; } }
    .employee__faq-img {
      width: 100%;
      height: auto;
      -o-object-fit: cover;
         object-fit: cover;
      -o-object-position: left top;
         object-position: left top; }
      @media screen and (max-width: 767px) {
        .employee__faq-img {
          display: none; } }
      .employee__faq-img-sp {
        display: none; }
        @media screen and (max-width: 767px) {
          .employee__faq-img-sp {
            width: 100%;
            height: auto;
            -o-object-fit: cover;
               object-fit: cover;
            -o-object-position: left top;
               object-position: left top;
            display: block; } }
  .employee__flow-list {
    width: 80%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin: 80px auto; }
    @media screen and (max-width: 767px) {
      .employee__flow-list {
        width: 90%;
        margin: 30px auto; } }
  .employee__flow-item {
    width: calc((100% / 5) - 10px);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    justify-items: center; }
  .employee__flow-step {
    background: #00a05f;
    height: 135px;
    width: 135px;
    border-radius: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    z-index: 1; }
    @media screen and (max-width: 767px) {
      .employee__flow-step {
        height: 15vw;
        width: 15vw; } }
    @media screen and (min-width: 768px) and (max-width: 1024px) {
      .employee__flow-step {
        height: 100px;
        width: 100px; } }
  .employee__flow-step-text {
    font-size: 30px;
    color: #fff;
    font-family: "Segoe Print"; }
    @media screen and (max-width: 767px) {
      .employee__flow-step-text {
        font-size: 3vw; } }
    @media screen and (min-width: 768px) and (max-width: 1024px) {
      .employee__flow-step-text {
        font-size: 25px; } }
  .employee__flow-process {
    width: 90px;
    height: 350px;
    border: 1px solid #808080;
    margin: -65px 0 0 55px;
    text-align: center; }
    @media screen and (max-width: 767px) {
      .employee__flow-process {
        height: 40vw;
        width: 10vw;
        margin: -7.5vw 0 0 6vw; } }
    @media screen and (min-width: 768px) and (max-width: 1024px) {
      .employee__flow-process {
        margin: -50px 0 0 40px;
        width: 75px;
        height: 340px; } }
  .employee__flow-process-text {
    font-size: 35px;
    font-weight: 600;
    -webkit-writing-mode: vertical-rl;
        -ms-writing-mode: tb-rl;
            writing-mode: vertical-rl;
    -webkit-text-orientation: upright;
            text-orientation: upright;
    margin-top: 95px; }
    @media screen and (max-width: 767px) {
      .employee__flow-process-text {
        font-size: 3.5vw;
        margin-top: 12vw; } }
    @media screen and (min-width: 768px) and (max-width: 1024px) {
      .employee__flow-process-text {
        font-size: 30px; } }
  .employee__button-line {
    height: 140px;
    width: 2px;
    background: #ccc;
    margin: 0 auto -60px;
    z-index: 1;
    position: relative; }
    @media screen and (max-width: 767px) {
      .employee__button-line {
        height: 80px;
        margin-bottom: -30px; } }
  .employee__button {
    width: 70%;
    padding: 50px 0 30px;
    margin: 0 auto 50px;
    background: #00a05f;
    text-align: center;
    border-color: #ccc;
    border-style: solid;
    border-width: 20px 20px 2px 2px;
    -webkit-box-shadow: -20px 20px 0 0 #00a05f;
            box-shadow: -20px 20px 0 0 #00a05f;
    color: #fff;
    cursor: pointer;
    display: block;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    outline: none;
    -webkit-transform: translateX(20px);
        -ms-transform: translateX(20px);
            transform: translateX(20px); }
    @media screen and (max-width: 767px) {
      .employee__button {
        width: calc(90% - 20px);
        border-width: 10px 10px 2px 2px;
        -webkit-box-shadow: -10px 10px 0 0 #00a05f;
                box-shadow: -10px 10px 0 0 #00a05f;
        -webkit-transform: translateX(10px);
            -ms-transform: translateX(10px);
                transform: translateX(10px);
        padding: 20px 0 15px; } }
    .employee__button:hover {
      background: #fff;
      color: #00a05f;
      border-color: #00a05f;
      -webkit-box-shadow: -20px 20px 0 0 #cccccc;
              box-shadow: -20px 20px 0 0 #cccccc; }
      @media screen and (max-width: 767px) {
        .employee__button:hover {
          -webkit-box-shadow: -10px 10px 0 0 #cccccc;
                  box-shadow: -10px 10px 0 0 #cccccc; } }
  .employee__button-text {
    font-size: 50px;
    text-transform: uppercase;
    font-family: 'Oswald', sans-serif;
    font-weight: 600; }
    @media screen and (max-width: 767px) {
      .employee__button-text {
        font-size: 5vw; } }

/* news */
.news {
    width: 100%;
    background: #f7f8f9; }
  
  .news-wrapper {
    width: 80%;
    margin-left: auto;
    background: #fff;
    padding: 80px 0; }
    @media screen and (max-width: 767px) {
      .news-wrapper {
        width: 100%; } }
  
  .news-wrapper article {
    width: 90%;
    margin: 0 auto; }
  
  .news__title-wrapper {
    width: 100%;
    border-bottom: 2px solid #303030;
    text-align: left;
    padding-bottom: 20px;
    margin-bottom: 20px; }
  
  .news__title {
    font-size: 40px;
    color: #1a1a1a;;
    margin-bottom: 20px;
    font-family: '游明朝'; }
  
  .news__category {
    font-size: 14px;
    color: #fff;
    background: #00a05f;
    padding: 5px 10px;
    display: inline-block;
    margin-right: 10px; }
  
  .news__date {
    font-size: 14px;
    color: #1a1a1a;
    display: inline-block; }
  
  .news__image {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 10px 0; }
  
  .news__text-wrapper {
    width: 100%;
    text-align: left; }
  
  .news__text,
  .news__text-wrapper p {
    font-size: 18px;
    color: #1a1a1a;
    line-height: 25px; }


.top__main-visual {
  display: none;
}

@media screen and (min-width: 1280px) {
  .top__main-visual {
    display: block;
    width: 100%;
    height: 100vh;
    background-image: url('../img/top_main.jpg');
    background-position: bottom;
    background-size: cover;
    background-repeat: no-repeat;
  }
}