@charset "UTF-8";
/*================================================
 *  CSSリセット
 ================================================*/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;font-weight:normal;}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}

#body-inside{
	overflow-x: hidden;
	position: relative;
	top: 0;}
body{padding:0;margin:0;line-height: 1.4;}
p{line-height: 1.8;}
a{text-decoration:none;color:#000000;}
.spnone{display:block}
.sponly{display:none}
.overimg:hover{opacity:.5}
.header_logo{width: 26%; float:left;padding-top:0;padding-left:10px;}
.header_logo_inside{height:50px;width:auto;float:left;padding-top:0;padding-left:10px;padding-bottom:15px}
.header_tel{height:auto;width:345px;padding-top:10px;padding-right:10px;padding-bottom:10px}
.btn_header_seminner{float:right;width:auto;height:55px;padding-top:0}
.btn_header_contact{float:right;width:auto;height:55px;padding-top:0}
.btn_more{height:60px;width:auto;margin:20px auto}
.btn_link{height:105px;width:auto;display:block;margin:0 auto}
.top_btn{height:55px;float:right;padding-top:10px;padding-bottom:5px}
.header_btn_box{float:right;height:110px;margin-right:100px}
.header_btn{float:right;height:120px;width:auto}
.w1000_w90{width:1000px;margin:0 auto;display:block}
.w1000_w90_inside{width:1000px;margin:0 auto;display:block}
.contents{width:1000px;margin:0 auto;}
.w24per{width:245px;float:left;margin-right:1%;display:block;background-color:#EFEFEF;padding-top:30px}
.w50per{width:490px;float:right;display:block;background-color:#EFEFEF;padding-top:30px}

.footer_base{background-image:url("../img/footer_bg_img_pc.jpg");background-position:top center;background-size:cover}
.fotter_logo{width: 200px;padding-bottom: 10%;}
.header_base{background-size:cover;background-position:top center}.wrap{padding:60px 0 0 0}

.el_humburger img{height:75px;width:auto}
.el_humburger{position:absolute;right:0;width:75px;height:auto;padding-top:1px;box-sizing:border-box;z-index:10000;transition:all 0.2s ease-in-out;cursor:pointer;pointer-events:auto}
.el_humburger>span{display:block;width:100%;margin:0 auto 6px;height:3px;background:#000;transition:all 0.2s ease-in-out}
.el_humburger>span:last-child{margin-bottom:0}
.js_humburgerOpen .el_humburger>span{background:#000}
.js_humburgerOpen .el_humburger>span.top{transform:translateY(9px) rotate(-45deg)}
.js_humburgerOpen .el_humburger>span.middle{opacity:0}
.js_humburgerOpen .el_humburger>span.bottom{transform:translateY(-9px) rotate(45deg)}
.el_humburgerButton.el_humburgerButton__close{top:2%;right:2%}
.el_humburgerButton__close>span{display:block;width:35px;margin:0 auto;height:4px;background:#fff}
.el_humburgerButton__close>span.el_humburgerLineTop{transform:translateY(5px) rotate(-45deg)}
.el_humburgerButton__close>span.el_humburgerLineBottom{transform:translateY(-6px) rotate(45deg)}
.uq_spNavi{display:none}
.uq_spNavi.js_appear{position:fixed;top:0;left:0;bottom:0;right:0;display:block;z-index:5000}
.uq_spNavi_screen{position:absolute;top:0;left:0;bottom:0;right:0;background-color:rgba(255,255,255,.96);z-index:0;margin-top:0;padding-top:0;overflow:auto;-webkit-overflow-scrolling:touch}
.navigation{padding:80px 0 0 0;text-align:center}
.navigation_item{display:block;text-align:left;padding-left:60px;border-bottom:1px dotted #333;margin-bottom:10px;padding-bottom:20px;padding-top:15px;display:block;background-image:url(../img/check.svg);background-repeat:no-repeat;background-position:left center}
.navigation_item_bottom{display:block;text-align:left;padding-left:60px;margin-bottom:10px;padding-bottom:20px;padding-top:15px;display:block;background-image:url(../img/check.svg);background-repeat:no-repeat;background-position:left center}
.navigation_item:hover{opacity:.5}
.navigation_item_bottom:hover{opacity:.5}
.navigation_item>a{color:#000;text-decoration:none;font-size:20px;font-weight:400;letter-spacing:.1em;color:#333}
.navigation_item_bottom>a{color:#000;text-decoration:none;font-size:20px;font-weight:400;letter-spacing:.1em;color:#333}
.js_fixed{position:fixed;width:100%;height:100%}
.flexbox{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;justify-content:space-between;flex-wrap:wrap;margin:0 auto}
.flexbox::after{
  content:"";
  display: block;
  width:30%;
}
.child2{width:47%;margin-bottom:30px}
.child3{width:30%;margin-bottom:40px}
.child2_contact{width:49%;margin-bottom:10px}
.company_info_wrap_footer{width:45%;float:left}
.footerm_menu_wrap_footer{width:50%;float:right;margin-top:40px;padding-top:60px}
.footer_menu_wrap{width: 42%; float: left; padding-left: 3%}
.footer_logo_white{width:auto;height:70px;padding-bottom:20px}
.footer_menu{font-family:"Hiragino Sans","Hiragino Kaku Gothic ProN",Meiryo,"sans-serif";font-size:13px;height:14px;padding-top:5px;padding-bottom:4px;margin:0 auto;text-align:justify;display:block;letter-spacing:0em;font-weight:100;text-decoration:none;color:#fff;text-decoration:none}
.footer_menu:hover{padding-left:25px;text-decoration:none;color:#E3E3E3}
.footer_menu:visited{text-decoration:none;color:#fff}
.company_info{text-align:justify;color:#fff;font-weight:200;letter-spacing:.1em;padding-left:94px}
.to_top_btn{height:60px;width:auto;position:fixed;right:10px;bottom:50px;z-index:999998}

/*================================================
 *  追加CSS
 ================================================*/
.gmenu{width: 100%; height: 55px; float: right; overflow: hidden; margin-top: 1%; padding-bottom: 1%;}

.bg_beju{background-color: #ecebea;}
.bg_blue{background-color: #508dca;}
.w48per img,.w30per img,.img100 img{width: 100%;}
.w48per{width: 48%;margin: 0 auto;}
.w40per{width: 38%;margin: 0 auto;}
.w60per{width: 58%;margin: 0 auto;}
.w63per{width: 63%;margin: 0 auto;}
.w30per{width: 34%;margin: 0 auto;}
.f-left{float: left;}
.f-right{float: right;}
.clear{
	clear: both;
}


@media screen and (max-width:560px){
.header_logo{height:auto;width:60%;display:block;margin:0 auto;padding-top:10px;padding-left:5px;padding-bottom:5px}
.header_logo_inside{height:auto;width:60%;display:block;margin:0 auto;padding-top:10px;padding-left:5px;padding-bottom:5px}
.contents{width:90%;}																								
.w1000_w90{width:90%}
.w1000_w90_inside{width:100%}
.btn_more{height:auto;width:60%}
.btn_link{height:auto;width:60%}
.news_data{width:25%;padding-top:5px;padding-bottom:5px;font-size:12px}
.news_topics{width:70%;padding-left:2%;padding-top:5px;padding-bottom:5px}
.footer_base{background-image:url(../img/footer_bg_img_pc.jpg)}
.sponly{display:block}
.spnone{display:none}
.f_left,.f_right{float:none;margin:0 auto}
.w24per{width:90%;float:none;margin:5px auto 5px auto;padding-bottom:10px}
.w50per{width:90%;float:none;margin:5px auto 5px auto;padding-bottom:10px}
.header{height:65px}
.header_logo{height:60px;background-color:none}
.el_humburger img{height:60px}
.el_humburger{position:absolute;height:60px;width:60px}
.el_humburger>span{display:block;width:100%;margin:0 auto 6px;height:3px;background:#000;transition:all 0.2s ease-in-out}
.flexbox{display:block}
.child3{width:100%;margin-bottom:5%;}
.child2_contact{width:100%;margin-bottom:0}
.company_info_wrap_footer{width:90%;float:none;margin: 0 auto;}
.footerm_menu_wrap_footer{width:100%;float:none;margin-top:40px;padding-top:0px;}
.footer_menu_wrap{width: 90%; float: none; padding-left: 0%;padding-top: 30px;margin: 0 auto;}
.footer_logo_white{width:50%;height:auto;margin:0 auto;display:block}
.company_info{padding-left:28%;text-align:left}
.to_top_btn{bottom:80px}
/*================================================
 *  追加CSS
 ================================================*/
.w48per,.w40per,.w60per,.w63per,.w30per{
	width: 100%;
	margin: 0 auto;
}
.sp_pb5per{padding-bottom: 1%;}	
.f-left{float: none;}
.f-right{float: none;}
}