@charset "UTF-8";
.title_icon{height:65px;width:auto;display:block;margin:0 auto;padding-bottom:30px}
.title_icon_factory{height:85px;width:auto;display:block;margin:0 auto;padding-bottom:30px}
.title_icon_jigyou{height:85px;width:auto;display:block;margin:0 auto;padding-bottom:30px}
.products_wrap{width:1000px;background-repeat:no-repeat;background-size:cover;background-position:top left;margin:0 auto;display:block;padding:0;transition-duration:0.5s}
.bg_onetime_popup{position:fixed;top:0;left:0;z-index:999999;width:100vw;height:100vh;background-color:rgba(0,0,0,.8);opacity:0;visibility:hidden;transition:0.5s}
.bg_onetime_popup.js_active{opacity:1;visibility:visible}
.onetime_popup{position:absolute;top:45%;left:50%;transform:translateX(-50%) translateY(-50%);cursor:pointer;background-image:url(../img/attention_base.svg);background-repeat:repeat;background-size:cover;width:90%;padding:5%}
.onetime_popup_title{position:relative;padding:30px 90px;margin:0;background-color:#38d;color:#fff;font-size:32px;text-align:center;line-height:1.5}
.onetime_popup_title::before,.onetime_popup_title::after{position:absolute;top:50%;right:30px;transform:translateY(-50%);width:30px;height:4px;background-color:#fff;content:""}
.onetime_popup_title::before{transform:rotate(45deg)}
.onetime_popup_title::after{transform:rotate(-45deg)}
.onetime_popup_content{padding:60px 30px;text-align:center}
.products_wrap {
  transition-duration: 0.5s;
}
.products_wrap img{
  width: 100%;
  cursor: pointer;
}
.products_wrap:hover{
  box-shadow: 10px 10px 10px rgba(0,0,0,0.5);
  transform: translateY(-10px);
  transition-duration: 0.5s;
}	
.h760_auto {height: 760px;}
.w1000_w90_top {width: 1000px;margin: 0 auto;}
/*================================================
 *  追加CSS
 ================================================*/
.header_img{width: 100%; background-image: url(../img/flash1.jpg); background-repeat: no-repeat; background-size: cover; background-position:  center top;}
.title_h{height:80px;}
.news_back{background-image: url("../img/news_back_img_pc.svg"); background-repeat: no-repeat; background-size: 40%; background-position:  right top;}
.news_ul{border-left: solid gray 1px;width: 90%;padding-left: 10%}
.news_kiji{background-image: url("../img/news_yajirushi.svg");background-position: center right;background-repeat: no-repeat;background-size: 10%; padding: 4% 0;border-bottom: dotted 1px gray;margin: 2% 0;display: block;}
.news_kiji a{color: #666666 !important;}
.date{font-size: 0.8rem;}
.news_more{width: 90%;}
.pc_pt20per{padding-top: 22%;}
.pl3per{padding-left: 3%;}

.service_box01{background-image: url("../img/service_back_01_pc.svg");background-position: left top;background-repeat: no-repeat;background-size: cover; padding: 4%;border-bottom: solid 1px gray;border-right: solid 1px gray;margin: 2% 0 3%;display: block;box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);}
.service_box02{background-image: url("../img/service_back_02_pc.svg");background-position: left top;background-repeat: no-repeat;background-size: cover; padding: 4%;border-bottom: solid 1px gray;border-right: solid 1px gray;margin: 2% 0 3%;display: block;box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);}
.service_btn{width: 48%;margin-right: 3%}
.service_mt50{margin-top: 50px;}

.flow_back{background-image: url("../img/flow_back_pc.png");background-position:bottom center;background-repeat: no-repeat;background-size: contain; padding: 0% 0% 12%;}
.flow_more{width: 40%;margin: 5% auto;}
.conpany_back{background-image: url("../img/company_back_pc.jpg");background-position:bottom center;background-repeat: no-repeat;background-size: cover; padding: 55% 0% 0%;}
@media screen and (max-width:560px){
.title_icon{height:auto;width:75%;margin:10px auto;padding-bottom:40px}
.title_icon_factory{height:auto;width:80%}
.title_icon_jigyou{height:auto;width:80%}
.products_wrap{width:100%}
.products_wrap:hover{box-shadow:10px 10px 10px rgba(0,0,0,.5);transform:translateY(-10px);transition-duration:0.5s}
.h760_auto {height: auto;}
.w1000_w90_top {width: 90%;}
/*================================================
 *  追加CSS
 ================================================*/
.header_img{width: 100%; background-image: url(../img/flash1_sp.jpg); background-repeat: no-repeat; background-size: cover; background-position:  center top;}
.title_h{width: 100%;}
.news_ul{border-left: none;width: 100%;padding-left: 0%;}
.news_more{width: 80%;}
.pc_pt20per{padding-top: 3%;}
.sp_pt3per{padding-top: 3%;}
.service_box01{background-image: url("../img/service_back_01_sp.svg");background-position: left top;background-repeat: no-repeat;background-size: cover; padding: 4%;border-bottom: solid 1px gray;border-right: solid 1px gray;margin: 2% 0 3%;display: block;box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);}
.service_box02{background-image: url("../img/service_back_02_sp.svg");background-position: left top;background-repeat: no-repeat;background-size: cover; padding: 4%;border-bottom: solid 1px gray;border-right: solid 1px gray;margin: 2% 0 3%;display: block;box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);}
.service_btn{width: 100%;margin-right: 0%}
.service_mt50{margin-top: 3%;padding-bottom: 5%}

.flow_more{width: 100%;margin: 5% auto;}
}