@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: 16px !important;
}

.toTop {
    text-align: right;
}

.pt10 {
    padding-top: 50px !important;
}

.proCname {
  margin-top:27px !important;
}

.pno {
    padding: 0 !important;
}

.fh5co-cover .fh5co-cover-text .cover-text-sublead {
   font-family: 'Noto Sans Japanese', serif !important;
   font-size: 22px !important;
   text-shadow: -0.5px -0.5px 0 black,0.5px -0.5px 0 black,-0.5px 0.5px 0 black,0.5px 0.5px 0 black;"
}

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

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

.subindex {
    background-image: url(../images/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 #168c51;
  background-color:rgba(255, 255, 255,0.7);
  background-position:top;
  margin-top:0;
  height:70px;
}

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

.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;
}

.subindex .mouse {
    border-color: #000;
}

.subindex .mouse span {
    background: #000;
}

.subbtn i {
    background: #000;
}

.subbtn i:before {
    background: #000 !important
}

.subbtn i:after {
    background: #000 !important;
}





.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;
}



.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;
}

.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;
  background:#81F7F3;
}

.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;
}

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



.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;
}

.w100 {
    width:100%;
}

.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;
}





/*.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/corporate_bg01.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_bg03.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:100%;
  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:15%;
  padding:1%;
  border:1px solid #a4a5a0;
  text-align:right;
}

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

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

.hist_ta th {
  padding:30px 0;
}

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

.se_cont_C {
  float:center;
  width:100%;
}

.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_R img {
  width:100%;
}

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

.g_map {
  line-height:0;
}

.sp_homeBtn {
  display:none !important;
}

.produImg {
    max-width: 100%;
}

.fh5co-project-style-1, .fh5co-project-style-2, .fh5co-project-style-3, .fh5co-project-style-4 {
    padding: 0;
}



/*pc*/
@media(min-width:767px){
  
  .col-lg-3 {
  width:50%;
}
    
    .col-md-3-2 {
        width:50%;
    }

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

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

.col-md-push-6 {
  left:24%;
}
    
    .subindex .col-md-push-6 {
        left:0 !important;
        text-align: left;
    }
    
    .subindex .top_main_v {
        text-align: left;
        background: none;
    }
    
    .subindex .cover-text-lead {
        color: #000 !important;
    }
    
    .subindex .cover-text-sublead {
        color: #000 !important;
    }

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

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

.se_box01 {
  width:50% !important;
    min-height:180px;
}

.is_flow li span {
  display:block;
  padding:10px;
}
    
.is_flow li{
  position: relative;
  display:inline-block;
  margin-left: 20px;
  margin-bottom: 20px;
  padding: 0 15px 0 5px;
  background-color: #80c41c;
  
  font-size: 14px;
  color: #fff;
  line-height: 28px;
    background-image: url(../images/iconarr.png);
    background-repeat: no-repeat;
    background-position: right;
}


    
    .logoImg {
        width: 260px;
    }
    
    .pIcon {
        margin-left: 20px;
    }


}


@media all and (min-width: 768px) and (max-width: 1024px) {
.fh5co-cover-style-2 {
  height:100% !important;
  background-size:200% !important;
  background-position: center top !important;
}
.fh5co-cover-style-2 {
    background-attachment: inherit;
}
    
    .subindex {
        background-position: top !important;
    }


    .produImg {
        width:70% !important;
        max-width: 100% !important;
    }
    
    .p-b .visible-sm-block {
        display: none !important;
    }
    
    .col-md-3-2 {
        width:100%;
    }
    
    .sp-p-no {
        padding: 0 !important;
    }

}



/*sp*/
@media all and (min-width: 0) and (max-width: 768px) {
    
.fh5co-cover-style-2 {
    background-attachment: inherit;
}
  
.fh5co-cover .fh5co-cover-text .full-height {
  min-height:inherit;
  display:block;
  margin-top:70px;
}
 .is_flow li:after {
        display: none !important;
    }

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

    .se_box01 {
        width:100% !important;
    }

.top_main_v {
   background-size:cover;
}

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

.fh5co-cover-style-2 {
  height:100% !important;
  background-size:auto !important;
  /*background:url(../images/top_bg01_sp.png) no-repeat !important;*/
  background-position: center top !important;
}
    
    .subindex {
        background:url(../images/top_bg01Sub_sp.png) no-repeat !important;
        background-size: 100% !important;
        background-position: center 20%!important;
    }

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

.fh5co-cover {
  min-height:inherit !important;
  padding-bottom:50px;
}

.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;
}
    
    .subindex .col-md-push-6 {
        left:0 !important;
        text-align: left;
    }
    
    .subindex .top_main_v {
        text-align: left;
        background: none;
    }
    
    .subindex .cover-text-lead {
        color: #000 !important;
    }
    
    .subindex .cover-text-sublead {
        color: #000 !important;
    }



.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;
}

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

.data_ta2 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_L p {
  margin-bottom: 0 !important;
}

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

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

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

.sp_homeBtn {
  display:block !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:100% !important;
  margin:0 0 10px 0;
  background:#80c41c;
  color:#fff;
  float:left;
  -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
}
    
.fh5co-project-style-1, .fh5co-project-style-2, .fh5co-project-style-3, .fh5co-project-style-4 {
    padding: 20px;
}

    .fh5co-project-style-2 .p-b {
        padding-bottom: 0;
    }
    
    .fh5co-project-style-2 h1 {
        margin-bottom: 10px;
    }
    
    .fh5co-project-style-2 p {
        margin-bottom: 10px;
    }
    
    .spw100 {
        max-width:100%;
    }

    
    
    .pLogos img {
        width:20%;
    }
    
    .sp-p-no {
        padding: 0 !important;
    }
  
}

@media all and (min-width: 640) and (max-width: 767px) {

.fh5co-cover-style-2 {
  height:100% !important;
  background-size:cover;
  background:url(../images/top_bg01_sp.png) no-repeat !important;
}
.fh5co-cover-style-2 {
    background-attachment: inherit;
}


}



#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);
}