@charset "UTF-8";

@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);

body {
   font-family: 'Noto Sans Japanese', serif !important;
   font-size: 14px !important;
}

body a {
   font-family: 'Noto Sans Japanese', serif !important;
   font-size: 14px !important;
}

.toTop {
    text-align: right;
}

.fh5co-cover .fh5co-cover-text .cover-text-sublead {
   font-family: 'Noto Sans Japanese', serif !important;
   font-size: 14px !important;
}

.scroll-btn {
    width:100%;
}

.top_main_v {
  text-align:center;
  background:url(../../images/top_mv.png) no-repeat;
  background-position:center;
  text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
}

.fh5co-cover-style-2 {
  background-size:cover;
  background-position:top !important;
  background-repeat:no-repeat;
}

.subindex {
    background-image: url(../images/rec_top_bg01Sub.png) !important;
    background-repeat: no-repeat;
}

.fh5co-project-style-2 .fh5co-projects ul li {
  background-attachment:inherit;
  background-repeat:no-repeat;
  background-position:center !important;
}

.fh5co-nav-style-1 {
  border-top:4px solid #80c41c;
  background-position:top;
  margin-top:0;
  height:130px;
}

.fh5co-nav-style-1 .fh5co-link-wrap ul li a, .fh5co-nav-style-2 .fh5co-link-wrap ul li a {
  color:#fff;
}

.btn-success {
  border:2px solid #80c41c;
  background:#fff;
  color:#80c41c;
}

.fh5co-cover .fh5co-cover-text .btn-outline {
  background:#80c41c;
  border:2px solid #80c41c;
}

.cus_more_btn {
  display:block;
}

.fh5co-footer-style-3 {
  background:#fff;
}


.fh5co-footer-style-3 h3 {
  color:#80c41c;
}

.fh5co-footer-style-3 a {
  color:#7c7c7c !important;
}


.fh5co-footer-style-3 p {
  color:#7c7c7c;
}

.fh5co-footer-style-3 .fh5co-made p {
  font-size:12px;
  padding-top:10px;
  border-top:1px solid #fff;
}

.fh5co-footer-style-3 {
  padding-bottom:30px;
}



.fh5co-project-style-2 .fh5co-projects ul li {
    width: 100%;
    position: relative;
    display: block;
    padding:50px 0;
}

.cus_more_btn01 {
    margin-right: 4px;
    margin-bottom: 4px;
    font-family: "Open Sans", Arial, sans-serif;
    font-size: 12px;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-weight: 700;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    border:2px solid #fff;
    text-align:center;
    width:25% !important;
    color:#fff;
}

.cus_more_btn02 {
    font-family: "Open Sans", Arial, 'Noto Sans Japanese', sans-serif;
    font-size: 12px;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-weight: 700;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    border:2px solid #fff;
    text-align:center;
    width:200px !important;
    color:#fff;
    padding:0 20px;
}

.map_btn01 {
    font-family: "Open Sans", Arial, 'Noto Sans Japanese', sans-serif;
    font-size: 12px;
    letter-spacing: 2px;
    text-transform: uppercase;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    border:2px solid #80c41c;
    background:#80c41c;
    text-align:center;
    width:200px !important;
    color:#fff;
    padding:10px 20px;
}

.rec_btn01 {
    font-family: "Open Sans", Arial, 'Noto Sans Japanese', sans-serif;
    font-size: 12px !important;
    letter-spacing: 2px;
    text-transform: uppercase;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    border:2px solid #80c41c;
    background:#80c41c;
    text-align:center;
    width:200px !important;
    color:#fff;
    padding:5px 25px;
}




.cus_more_btn01--type2 {
  float:right;
}

.top_cont2_R p {
  font-size:14px !important;
  color:#fff !important;
}

.top_cont2_L h3 {
  font-size:18px !important;
  color:#fff;
  font-weight: 500 !important;
}

.bc_list {
    font-size: 13px !important;
  margin:10px auto;
}

.bc_list li {
  display:inline-block;
  list-style-type:none;
}

.bc_list li a {
  color:#80c41c;
}

/*pages*/

.page_top_out {
  min-height:150px !important;
}

.page_mv {
  min-height:150px !important;
    background-size: 100%;
}

.page_v {
  text-align:center;
  display:block !important;
  min-height:150px !important;
  margin-top:25%;
}

.cont_stit {
  text-align:center;
}

.cont_stit h3 {
  margin-bottom:10px;
  color:#fff;
}

.pageCont_in01 {
  width:100%;
  text-align:center;
  color:#000;
  background:#FAFAFA;
}

.pageCont_in03 {
  width:100%;
  padding:50px 0;
  color:#000;
  background:#FAFAFA;
}

.pageCont_in04 {
  width:100%;
  padding:50px 0;
  color:#000;
}



.page_inner {
  width:1000px;
  margin:0 auto;
}

.fh5co-content-style-6 .link-block h3, .fh5co-content-style-7 .link-block h3 {
  font-size:14px;
}

.pageCont_in02 {
  padding:50px 0;
  background:#fff;
}

.pageCont_in02 a {
  display:block;
  color:#000;
}

.pageCont_in02 p {
  margin-top:10px;
}

.pageCont_in02_box1 {
  display:inline-block;
  margin:0 10px;
}
  
.ser_icon {
  margin-bottom:20px;
}

.ta_R {
  text-align:right;
}

.ta-cen {
  text-align:center;
}

.net_menu_list h3 {
  text-shadow:1px 1px #333;
}

.sTit02 {
  border-left: 5px solid #80c41c;
  padding-left:10px;
}

.is_flow {
    margin: 50px 0 20px 0;
    padding: 0;
}

.flow_mb {
  margin-bottom:80px !important;
}

.is_flow li {
  font-size:14px;
  line-height:1.5;
  list-style-type:none;
  display:table-cell;
  text-align:center;
  vertical-align:middle;
  width:17%;
  margin:0 5px;
  background:#80c41c;
  color:#fff;
  float:left;
  -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
}

.opt_flow li {
  width:14% !important;
}


.cont_mb {
  margin-bottom:90px;
}

.p_z {
  padding-top:0 !important;
}

.ser_bg01 {
  background:url(../images/top_bg02.png) no-repeat;
  background-size:cover;
  background-position:center;
  padding:40px 0;
  color:#fff;
  text-shadow: 1px 1px #333;
}
.ser_bg02 {
  background:url(../images/top_bg03.png) no-repeat;
  background-size:cover;
  background-position:center;
  padding:40px 0;
  color:#fff;
  text-shadow: 1px 1px #333;
}
.ser_bg03 {
  background:url(../images/net_bg03.png) no-repeat;
  background-size:cover;
  background-position:center;
  padding:40px 0;
  color:#fff;
  text-shadow: 1px 1px #333;
}
.ser_bg04 {
  background:url(../images/top_bg04.png) no-repeat;
  background-size:cover;
  background-position:center;
  padding:40px 0;
  color:#fff;
  text-shadow: 1px 1px #333;
}

.fh5co-text {
   font-family: "Open Sans", Arial, 'Noto Sans Japanese', sans-serif !important;
   font-size: 14px !important;
    float: left;
    width: 100%;
    clear: both;
}
.fh5co-text p {
    font-style: normal !important;
    line-height: 28px;
}

.fh5co-cover .fh5co-cover-text .cover-text-lead {
    margin: 0 0 6px !important;
}

.pri_bot_L {
  float:left;
}

.pri_bot_R {
  float:right;
}

.pri_li {
  margin-bottom:30px;
}

.pri_li li {
  list-style-type:none;
}

.pri_num {
  color:#80c41c;
  font-weight:bolder;
}

.corp_topMenu ul {
  padding:30px 0 0 0;
}

.corp_topMenu li {
  list-style-type:none;
  float:left;
  width:18%;
  margin:0 1%;
}

.corp_topMenu li img {
  width:100%;
}

.corp_topMenu li img:hover {
  opacity:0.8;
}

.rinen {
  text-align:center;
  font-size:18px;
  color:#80c41c;
  padding:20px 0;
}

.greent_li {
  list-style-type:none;
  margin-bottom:30px;
  font-weight:bolder;
}
  
.data_ta {
  width:100%;
  border:1px solid #80c41c;
  margin-bottom:40px;
}

.data_ta th {
  padding:2%;
  border:1px solid #80c41c;
  border-left:5px solid #80c41c;
  background:#c4ff91;
}

.data_ta td {
  padding:2%;
  border:1px solid #80c41c;
}

.data_ta2 {
  width:75%;
  border:1px solid #a4a5a0;
  margin-bottom:10px;
}

.data_ta2 th {
  padding:1%;
  border:1px solid #a4a5a0;
  background:#e0e2dc;
  font-weight:normal;
}

.data_ta2 td {
  width:60%;
  padding:1%;
  border:1px solid #a4a5a0;
  text-align:left;
}

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

.hist_ta tr {
  border-bottom:1px solid #80c41c;
}

.hist_ta th {
  padding:30px 0 10px;
}

.se_cont_L {
  float:left;
  width:30%;
  background:#80c41c;
  color:#fff;
  text-align:center;
  padding:10% 0;
}

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

.prdu_cont01 {
  text-align:center;
  margin-bottom:30px;
}

.prdu_cont01 img {
  margin-bottom:20px;
}

.prod_cont02 h3 {
  font-size:15px;
  min-height:2em;
  text-align:center;
}

.acc_L {
  float:left;
  width:33%;
}

.acc_L img {
  width:100%;
}

.acc_R {
  float:right;
  width:60%;
}

.acc_li {
  list-style-type:none;
  padding:0;
}

.g_map {
  line-height:0;
}

.rec_top_read {
  font-size:18px !important;
  font-weight:bolder !important;
  color:gray;
}

.fh5co-features-style-1 .fh5co-features .fh5co-feature, .fh5co-features-style-5 .fh5co-features .fh5co-feature {
  border-color:#fff !important;
}



.rec_topCont02 h3 {
  color:#606060 !important;
}

.rec_topCont02 p {
  color:#606060 !important;
  margin-bottom:10px !important;
}

.footer_bot_L {
  width:55%;
  padding-right:5%;
  float:left;
  border-right:1px solid #ccc;
}

.footer_bot_R {
  width:40%;
  float:right;
}

.footer_bot_box {
  float:left;
  text-align:center;
  display:inline-block;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   -ms-border-radius: 4px;
   border-radius: 4px;
   background-color:#80c41c;
   color:#fff;
   padding:20px 10px;
}

.footer_bot_box span {
  font-size:20px;
  font-weight:bolder;
}

.footer_bot_tel {
  float:left;
  margin-left:10px;
  /*margin-top:15px;*/
}

.p-no {
    margin-bottom: 10px;
    margin-top: 10px;
}

.footer_bot_R_text {
  float:left;
  color:#606060;
  margin-right:20px;
}

.footer_bot_ban {
  float:left;
  margin-top:10px;
}

.rec_qa_cont_icon {
  float:left;
  width:5%;
  font-size:38px;
  font-weight:500;
}
.rec_qa_cont_text {
  float:left;
  width:90%;
}

.rec_qa_cont_q {
  margin-bottom:20px;
}

.rec_qa_cont_q .rec_qa_cont_icon {
  color:#80c41c;
}

.rec_qa_cont_a .rec_qa_cont_icon {
  color:#61a8f1;
}

.rec_qa_cont_q p {
  font-weight:bolder;
  font-size:22px;
}

.rec_qa_cont {
  border-bottom:1px dashed #ccc;
  margin-bottom:40px;
}

.adv_top {
  width:70%;
  margin:0 auto 80px auto;
}

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

.adv_top_L img {
  width:100%;
}

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

.pageCont_in05 {
  background-color:#e2e9d7;
  padding:30px 0;
}

.offc_ul01 {
  padding:0;
}

.offc_img01 {
  float:right;
  margin-left:10px;
}


/*pc*/
@media(min-width:767px){
  
.gnav {
   width:70%;
    padding: 0 !important;
 }
 
.fh5co-nav-style-1 .fh5co-link-wrap ul li a {
  margin:0 5px;
}

.col-md-offset-3 {
  margin-left: 24%;
}

.col-md-6 {
  width: 52%;
}

.col-md-push-6 {
  left:5%;
}
    
    .subindex .col-md-push-6 {
        left:45%;
    }
    
    .subindex .top_main_v {
        background: none;
    }

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

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

.se_box01 {
  width:50% !important;
}

.is_flow li span {
  display:block;
  padding:10px 0;
}

.recBox_under {
  width:25% !important;
}

.recBox_4 {
  border-bottom:none !important;
}

.recBox_6 {
  border-right:1px solid rgba(255, 255, 255, 0.2) !important;
}

.recBox_7 {
  border-right:none !important;
}

.page_top_out {
  left:24% !important;
}

.offc_box {
  width:50%;
}

.logoImg {
        width: 260px;
    }
    
    .pIcon {
        margin-left: 20px;
    }
    
    .col-md-3-2 {
    width:50%;
}





}





/*sp*/
@media all and (min-width: 0) and (max-width: 768px) {
    
    body {
        width:100%;
        overflow-x: hidden;
        min-width: 100%;
    }
    
    .fh5co-cover-style-2 {
    background-attachment: inherit;
    background-position:100% !important;
}
  
.fh5co-cover .fh5co-cover-text .full-height {
  min-height:inherit;
  display:block;
  margin-top:120px;
}

.fh5co-cover .fh5co-cover-text .full-height .fh5co-cover-intro {
  display:block !important;
  min-height:inherit;
}

.top_main_v {
   background-size:contain;
}
    
    .subindex .col-md-push-6 {
        left:0%;
    }
    
    .subindex .top_main_v {
        background: none;
    }

.top_main_v img {
  width:100%;
}
    
     .fh5co-logo {
        width:100% !important;
    }

.fh5co-cover .fh5co-cover-text .cover-text-sublead {
  font-size:14px;
  line-height:1.5;
  margin-bottom:10px;
}

.fh5co-cover-style-2 {
  height:100% !important;
  background-size:100% !important;
  background-position:left top !important;
  background-image: url(../images/rec_top_bg01_sp.png) !important;
  max-width: 100%;
}
    
    .subindex {
        background-image: url(../images/rec_top_bg01Sub_sp.png) !important;
        background-repeat: no-repeat;
    }

    .rec_topCont02_bg {
        background-attachment:inherit !important;
        background-size: cover!important;
    }


#recruit .fh5co-cover-style-2 {
  height:100% !important;
  background-size:100% !important;
  background-image:url(../images/rec_top_bg01_sp.png) no-repeat !important;
}

.fh5co-cover {
  min-height:inherit !important;
  padding-bottom:20%;
}

.fh5co-cover .fh5co-cover-text .full-height {
  height:inherit !important;
}

.fh5co-footer-style-3 .fh5co-made {
  padding-top:0;
}

.logoImg {
  width:180px;
  margin:0 auto;
}

.fh5co-nav-style-1[data-offcanvass-position="fh5co-offcanvass-left"] .fh5co-nav-toggle, .fh5co-nav-style-2[data-offcanvass-position="fh5co-offcanvass-left"] .fh5co-nav-toggle {
    right: auto;
    top: auto;
    top: 0;
    left: 0;
    margin-top: -8px !important;
}

.page_top_out,.page_v {
  min-height:100px !important;
}

.page_inner {
  width:94%;
}

.bc_list {
  display:none;
}

.is_flow {
  padding:0;
}

.is_flow li {
  list-style-type:none;
  display:block;
  text-align:center;
  width:100%;
  padding:10px 0;
  margin:0;
  background:#80c41c;
  color:#fff;
  margin-bottom:10px;
}

.w100 {
  width:100%;
}

.pri_bot_L {
  float:none;
}

.pri_bot_R {
  float:none;
}

.data_ta th {
  display:block;
  padding:2%;
  width:100%;
}

.data_ta td {
  display:block;
  padding:2%;
  width:100%;
  border:none;
}

.hist_ta th {
  padding:30px 0 10px;
  width:100%;
  display:block;
}

.hist_ta td {
  width:100%;
  display:block;
  padding-bottom:10px;
}

.se_cont_L {
  float:none;
  width:100%;
  background:#80c41c;
  color:#fff;
  text-align:center;
  padding:2% 0;
  margin-bottom:30px;
}

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

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

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

.footer_bot_L {
  width:100%;
  padding-right:0;
  float:none;
  border-right:none;
}
.footer_bot_L img {
  width:100%;
}

.footer_bot_R {
  width:100%;
  float:none;
}
.footer_bot_R img {
  width:100%;
}

.footer_bot_box {
  float:none;
  display:block;
}

.footer_bot_box span {
  font-size:20px;
  font-weight:bolder;
}

.footer_bot_tel {
  float:none;
  margin-left:0;
  margin-bottom:10px
}

.footer_bot_R_text {
  text-align:center;
  float:none;
  color:#606060;
  margin-right:0;
}

.footer_bot_ban {
  float:none;
  margin-top:10px;
  margin:0 auto;
    width:50%;
    display: block;
}

.rec_qa_cont_icon {
  width:10%;
}
.rec_qa_cont_text {
  width:90%;
}

.offc_img01 {
  width:100%;
  float:none;
  margin-left:0;
  margin-bottom:10px;
}
  
    .pLogos img {
        width:20%;
    }
    
    .fh5co-features-style-1 .fh5co-features .fh5co-feature, .fh5co-features-style-5 .fh5co-features .fh5co-feature {
    border-right: none !important;
}
    
.tab-bb {
        border-bottom:1px solid #fff!important;
    }


  
}


@media all and (min-width: 768px) and (max-width: 1024px) {
.fh5co-cover-style-2 {
  height:100% !important;
  background-size:100% !important;
  background-position:0 -5% !important;
  background-image: url(../images/rec_top_bg01_sp.png) !important;
}
    
.subindex {
    background-image: url(../images/rec_top_bg01Sub_sp.png) !important;
    background-repeat: no-repeat;
}
    
.fh5co-feature {
    width:50% !important;
    border: none !important;
    border-bottom: 1px solid #fff !important;
}

    .container .rec_topCont02 .recBox_7 {
        border-right: none !important;
    }
    .fh5co-cover-style-2 {
    background-attachment: inherit;
    background-position:0 17% !important;
}
    .col-sm-3 {
        width:30%;
    }
    
    .p-b .visible-sm-block {
        display: none !important;
    }
    
    .col-md-3-2 {
        width:100%;
    }
    
    

    
}




#fh5co-offcanvass {
  z-index: 9999;
}

#fh5co-offcanvass.fh5co-offcanvass-left {
    left: 0;
    -moz-transform: translateX(-250px);
    -webkit-transform: translateX(-250px);
    -ms-transform: translateX(-250px);
    -o-transform: translateX(-250px);
    transform: translateX(-250px);
    -webkit-transition: all 0.4s ease-in;
    -moz-transition: all 0.4s ease-in;
    -ms-transition: all 0.4s ease-in;
    -o-transition: all 0.4s ease-in;
    transition: all 0.4s ease-in;
}


.mobile-menu-expanded #fh5co-page.fh5co-offcanvass-left {
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -ms-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    -moz-transform: translateX(250px);
    -webkit-transform: translateX(250px);
    -ms-transform: translateX(250px);
    -o-transform: translateX(250px);
    transform: translateX(250px);
}