@charset "UTF-8";
/* CSS Document */

@media screen and (max-width: 1100px){
	.gnav li a{
		padding-left:1em;
		font-size:14px;
	}
	.logo{
		width:45%;
		font-size:20px;
	}
}
@media screen and (max-width: 970px){
	.gnav li a{
		padding-left:0.8em;
		font-size:12px;
	}
	.logo{
		width:47%;
		font-size:16px;
	}
}
/*スマホ用スタイル*/
@media screen and (max-width: 767px){
	.logo{
		width:90%;
		font-size:16px;
	}
	input[type="submit"] {
 	 -webkit-appearance: none;
	}
	.br_sp{
		display:block!important;
	}
	.br_pc{
		display:none!important;
	}
	.reverse {
   	 	flex-flow: row-reverse nowrap;
	}
	p, li, td, th, dt, dd {
		font-size:14px;
		line-height: 1.6em;
	}
	.fs36{
		font-size:26px;
	}
	.fs33{
		font-size:24px;
	}
	.fs19{
		font-size:14px;
	}


	div.zdo_drawer_menu .zdo_drawer_nav_wrapper{
  		background:#00007c;
	}
	div.zdo_drawer_menu .zdo_drawer_button .zdo_drawer_bar{
    	background-color:#fff;
	}
	div.zdo_drawer_menu .zdo_drawer_button{
		top:10px;
	}
	div.zdo_drawer_menu .zdo_drawer_nav{
		padding: 30px 24px;
	}
	div.zdo_drawer_menu .zdo_drawer_nav li{
		margin-bottom:2em;
	}


	/*common*/
	.logo{
		font-size:16px;
	}
	.logo span:first-child{
		width:20%;
		padding-right:0.4em;
	}
	.pageHeader{
		height:70px;
	}
	.pageHeader_inner{
		padding:2em 0 0;
	}
	.contents{
		padding:70px 0 0;
	}
	.page_ttl01{
		font-size:30px;
		line-height:1.4;
	}
	.page_ttl01_en{
		width:100%;
		max-width:300px;
		margin:0 auto 40px;
		font-size:16px;
	}
	.page_ttl02{
		font-size:24px;
		padding:0.6em;
		line-height: 1.2;
	}
	.fnav li a{
		padding: 0 0.6em;
	}
	.foot_txt03,
	.foot_txt04{
		font-size:14px;
	}
	.foot_contact{
		padding:60px 4% 100px;
	}
	.page_head{
		padding:50px 0 20px;
	}
	.page_head_inner{
		width:100%;
		padding:1em;
	}
	.page_head_ttls{
		font-size:12px;
	}
	.page_head_ttl{
		font-size:30px;
	}
	.page_tb01 th{
		padding:1em;
		width: 36%;
	}
	.page_tb01 td{
		padding:1em;
	}
	.page_tb02 th{
		padding:1em;
		width: 36%;
	}
	.page_tb02 td{
		padding:1em;
	}
	.page_head_access{
    	background:url(../img/access/head_bg_sp.png) no-repeat center center;
   		background-size:cover;
	}
	.page_head_business{
    	background:url(../img/business/head_bg_sp.png) no-repeat center center;
   		background-size:cover;
	}
	.page_head_company{
    	background:url(../img/company/head_bg_sp.png) no-repeat center center;
   		background-size:cover;
	}
	.page_head_contact{
    	background:url(../img/contact/head_bg_sp.png) no-repeat center center;
   		background-size:cover;
	}
	.page_head_form{
    	background:url(../img/contact/head_bg_sp.png) no-repeat center center;
   		background-size:cover;
	}
	.page_head_process{
    	background:url(../img/process/head_bg_sp.png) no-repeat center center;
   		background-size:cover;
	}
	.page_head_product{
    	background:url(../img/product/head_bg_sp.png) no-repeat center center;
   		background-size:cover;
	}
	
	
	
	

	
	/*top*/
	.top_slide_txt{
		font-size:18px;
		padding:80px 0 0;
	}
	div.top_slide_inner{
		height:150px;
	}
	.top_bussiness_box{
		width:100%;
		margin:0 0 3em;
	}
	.top_bussiness_ttl{
		text-align:left;
		font-size:26px;
	}
	.top_bussiness_ttl:before {
		right:0;
	}
	.top_product_img div{
		margin:40px 0 0;
	}
	.top_company{
		height:auto;
		margin:0 0 2em;
	}
	.top_offiice_txt01{
		font-size:14px;
	}
	
	/*bussiness*/
	.business_business_img{
		position:static;
	}
	.business_business_txt{
		padding:2em;
	}
	.business_product_box{
		width:100%;
	}
	.product_foobtn{
		padding:160px 0;
	}
	.product_foobtn_btn{
		margin-left:0;
	}
	.product_foobtn_btn a{
		font-size:20px;
	}
	
	/*product*/
	.product_product_list li{
		width:100%;
		margin:2em 0 0;
	}
	
	/*process*/
	.process_machine_txt01{
		font-size:18px;
	}
	.process_img01{
		height:138px;
		background-size:contain;
		background-position:bottom center;
	}
	.process_process_img{
		width:100%;
	}
	.process_process_txt{
		width:100%;
	}
	.process_process_txt{
		padding:1em 2em 2em;
	}
	.process_product_box{
		width:100%;
	}
	
	/*company*/
	.company_ttl01{
		font-size:30px;
		line-height:1.2;
	}
	.company_message_txt{
		width:100%;
	}
	.company_message_img{
		width:90%;
		margin:0 5%;
	}
	.company_rinen_inner{
		text-align:left;
	}
	.company_ttl03{
		font-size:24px;
		line-height:1.2;
	}
	.company_hosin_box{
		width:100%;
		margin:0 0 3em;
	}
	.company_img01{
		height:112px;
		background-size:contain;
		background-position:bottom center;
	}
	.company_img02{
		height:112px;
		background-size:contain;
		background-position:bottom center;
	}
	
	/*contact*/
	.contact_contact_txt02{
		font-size:16px;
	}
	
	/*form*/
	.form_tb th,
	.form_tb td{
		padding:1em;
	}
	
	/*access*/
	.access_access_txt01{
		font-size:16px;
	}
	.access_img01{
		height:138px;
		background-size:contain;
		background-position:bottom center;
	}



}