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

/*ヘッダー*/
header{min-height:57px;}

.logo{max-width:300px;padding:10px 0;float:left;width:30%;max-height:40px;}
.menu{float:right;margin:2% 0 0;}
.menu li{float:left;border-right:1px #333 solid;}
.menu li:last-child{border-right:none;}

.menu li a{color:#333;display:block;padding:0 1vw;}
.menu li a:hover{color:#F90;}

.btn_mail{max-width:40px;}


.slider_wrap{
	background:url(../img/top/main_bg.jpg) top center no-repeat;
	background-size:cover;
	line-height:0.7em;
	margin-bottom:3%;
	}
.slider_wrap .head_inner{max-width:1400px;margin:0 auto;}

/*フッター*/
footer{background:#f2f2f2;margin-top:5%;}
footer .footer_menu{display:table;margin:2% auto 5%;}
footer .footer_menu li{display:table-cell;border-right:1px #FFF solid;line-height: 1em;}
footer .footer_menu li:last-child{border-right:none;}
footer .footer_menu li a{display:block;padding:5px 20px;color:#FFF;}
footer .footer_menu li a:hover{color:#F90;}

footer .copyright_wrap{background:#1a1a1a;display:table;width:100%;}
footer small{color:#FFF;display:block;text-align:center;}


.footer_contact{padding:3.5% 0 2%;border-top:1px #bbb solid;}
.footer_contact .left{width:75%;text-align:center;margin:0 auto;}
footer .btn_footer_contact{
	padding:10px;
	background:#FFF url(../img/common/btn_footer_contact.png) center center no-repeat;
	background-size:70%;
	border:1px #888 solid;
	display:block;
	height: 70px;
	text-align:center;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
	}
footer .btn_footer_contact:hover{
	background:#FFa url(../img/common/btn_footer_contact.png) center center no-repeat;
	background-size:70%;
	}
footer .btn_footer_contact img{width:70%;}

footer .footer_tel{max-width:385px;display:block;float:left;width:50%;margin:0 1% 0 3%;}
footer .footer_fax{max-width:330px;display:block;float:left;margin-left:10px;width:42%;}
footer .footer_line{
	display:block;
	border-bottom:1px #888 solid;
	color:#f15a24;
	font-size:24px;
	font-weight:bold;
	padding:5px 0 10px;
	margin-bottom:10px;
	line-height:1em;
	}


/*タイトル*/
h2{
	font-family:'Sawarabi Mincho', sans-serif;
	font-size:48px;
	text-align:center;
	padding:2% 0 7%;
	line-height:1.1em;
	}
h2 span{
	display:block;
	font-family:"游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif;
	font-size:24px;
	padding-bottom:0.5%;
	color:#f15a24;
	}


/*写真左*/
.photo_left{margin-bottom:50px;}
.photo_left .left{width:50%;float:left;}
.photo_left .right{width:50%;float:right;}
.photo_left .right .text_wrap{max-width:600px;margin:4% 7% 0 7%;}

/*写真右*/
.photo_right{margin-bottom:50px;}
.photo_right .left{width:50%;float:left;}
.photo_right .right{width:50%;float:right;}
.photo_right .left .text_wrap{max-width:600px;margin:4% 7% 0 7%;float:right;}

.text_wrap h3{padding:15px 0;background:url(../img/common/title_btm_line.gif) left bottom no-repeat;font-size:32px;margin-bottom:15px;}
.text_wrap p{font-size:18px;}


/*トップページ*/
.top .photo_right .left .text_wrap{max-width:600px;margin:0 7% 0 7%;float:right;}
.top .text_wrap p{font-size:18px;}

.text_btm_btn{
	background:#3077b7 url(../img/common/btn_mark.png) right bottom no-repeat;
	padding:15px 10px 10px 5px;
	display:block;
	max-width:280px;
	width:90%;
	margin:7% auto 0;
	text-align:center;
	color:#FFF;
	font-size:24px;
	line-height:1em;
	}

.text_btm_btn:hover{
	background:#1f5277 url(../img/common/btn_mark.png) right bottom no-repeat;
	color:#FFF;
	}

/*会社案内（トップ）*/
.about_wrap{
	background:url(../img/top/about_bg.png) center bottom no-repeat;
	background-size:cover;
	margin:7% 0 0;
	padding:4% 0 7%;
}

.about_wrap h2{color:#FFF;}
.about_wrap h2 span{color:#FF0;}

.about_wrap .left{width:48%;float:left;}
.about_wrap .right{width:48%;float:right;}

.about_btn{margin-top:1%;}

/*採用情報ボタン（トップ）*/
.recruit_btn_wrap{
	width:96%;
	display:block;
	margin:10% auto 5%;
	max-width:800px;
	}


/*下層共通*/
#pankuzu{max-width:1000px;margin:10px auto;width:96%;}

.btm_m50{padding-bottom:50px;}
.btm_m100{padding-bottom:100px;}

.title_wrap h1{
	color:#FFF;
	text-align:center;
	font-family:'Sawarabi Mincho', sans-serif;
	line-height:1em;
	font-size: 42px;
	padding:15px 0;	
	}
	
/*テーブル*/
.table_wrap{width:100%;border-collapse:collapse;max-width:1000px;}
.table_wrap th,.table_wrap td{border:1px #333 solid;padding:2%;text-align:center;line-height:1.4em;word-wrap: break-word;overflow-wrap: break-word;}
.table_wrap th{background:#069;color:#FFF;font-weight:bold;}

.table_wrap th:nth-child(1){width:25%;}
.table_wrap th:nth-child(2){width:23%;}
.table_wrap th:nth-child(3){width:22%;}
.table_wrap th:nth-child(4){width:30%;}

.table_wrap tr td.cls{}


.tr_color{background:#FFa;}
.td_color{background:#FFa;}

/*テーブル2*/
.table_wrap2{width:100%;border-collapse:collapse;max-width:1000px;}
.table_wrap2 th,.table_wrap2 td{border:1px #333 solid;padding:2%;line-height:1.4em;word-wrap: break-word;overflow-wrap: break-word;}
.table_wrap2 th{background:#069;color:#FFF;font-weight:bold;width:30%;border-bottom:1px #FFF solid;text-align:center;}
.table_wrap2 tr:last-child th{border-bottom:1px #333 solid;}

/*フォーム関連*/
.text_line{width:96%;padding:10px;}
.zip_code{width:30%;padding:10px;margin-bottom:10px;}
.text_area{width:96%;min-height:300px;padding:10px;}
.nen{width:20%;padding:10px;}
.form__selectbox{padding:13px;}

.contact_tel{display:block;max-width:750px;margin:0 auto;width:90%;}
.hissu{padding:5% 0 1%;color:#F00;}

.contact_btn_wrap{padding:7% 5%;}
.contact_btn_wrap .submit{
	display:block;
	margin:0 auto;
	font-size:34px;
	background:#f7931e url(../img/common/btn_mark.png) right bottom no-repeat;
	color:#FFF;
	padding:10px;
	text-align:center;
	max-width:400px;
	width:96%;
	border: none;
	cursor: pointer;
	}
.contact_btn_wrap .submit:hover{background:#ad6217 url(../img/common/btn_mark.png) right bottom no-repeat;}

.contact_btn_wrap .back{
	display:block;
	margin:0 auto;
	font-size:34px;
	background:#666 url(../img/common/btn_mark.png) right bottom no-repeat;
	color:#FFF;
	padding:10px;
	text-align:center;
	max-width:400px;
	width:96%;
	border: none;
	cursor: pointer;
	}
.contact_btn_wrap .back:hover{background:#333 url(../img/common/btn_mark.png) right bottom no-repeat;}

.kakunin p{text-align:center;}
.kakunin p.error_messe{color:#F00;}

#formWrap .submit{float:left;width:48%;}
#formWrap .back{width:48%;}

.form_table tr:nth-child(7) th{border-bottom:1px #333 solid;}
.form_table2 tr:nth-child(15) th{border-bottom:1px #333 solid;}

.thanks_text{text-align:center;font-size:24px;}

/*タイトル：設備紹介ページ*/
.facility .title_wrap{
	background:url(../img/facility/title_img.jpg) center no-repeat;
	background-size:cover;
	min-height:300px;
	position: relative;
	}

.facility .title_wrap h1{
	background:url(../img/common/title_bg.png) center repeat-y;
	background-size:contain;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit- transform: translateY(-50%) translateX(-50%);
	width:100%;
	max-width:700px;
	min-height:40px;
	}


/*タイトル：製品に対する思いページ*/
.product .title_wrap{
	background:url(../img/product/title_img2.jpg) center no-repeat;
	background-size:cover;
	min-height:300px;
	position: relative;
	}

.product .title_wrap h1{
	background:url(../img/common/title_bg.png) center repeat-y;
	background-size:contain;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit- transform: translateY(-50%) translateX(-50%);
	width:100%;
	max-width:700px;
	min-height:40px;
	}

/*タイトル：会社案内*/
.about_us .title_wrap{
	background:url(../img/about_us/title_img.jpg) center no-repeat;
	background-size:cover;
	min-height:300px;
	position: relative;
	}

.about_us .title_wrap h1{
	background:url(../img/common/title_bg.png) center repeat-y;
	background-size:contain;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit- transform: translateY(-50%) translateX(-50%);
	width:100%;
	max-width:700px;
	min-height:40px;
	}

/*タイトル：採用情報*/
.recruit .title_wrap{
	background:url(../img/recruit/title_img2.jpg) center no-repeat;
	background-size:cover;
	min-height:300px;
	position: relative;
	}

.recruit .title_wrap h1{
	background:url(../img/common/title_bg.png) center repeat-y;
	background-size:contain;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit- transform: translateY(-50%) translateX(-50%);
	width:100%;
	max-width:700px;
	min-height:40px;
	}

/*タイトル：お問い合せ*/
.contact .title_wrap{
	background:url(../img/contact/title_img.jpg) center no-repeat;
	background-size:cover;
	min-height:300px;
	position: relative;
	}

.contact .title_wrap h1{
	background:url(../img/common/title_bg.png) center repeat-y;
	background-size:contain;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit- transform: translateY(-50%) translateX(-50%);
	width:100%;
	max-width:700px;
	min-height:40px;
	}




/*設備紹介*/
.product_wrap{padding-bottom:30px;}
.product_wrap img{float:right;max-width:480px;width:48%;}
.product_wrap .left{float:left;width:49%;}
.product_wrap h3{font-size:24px;font-weight:bold;}

.size_line{padding:5px 0;margin:5px 0;border-bottom:1px #333 solid;border-top:1px #333 solid;}


/*製品に対する思い*/
.product_base{padding-top:100px;}

/*会社案内*/
.gmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
margin:1% 0 5%;
}
 
.gmap iframe,
.gmap object,
.gmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.sign{font-size:36px;font-family:'Sawarabi Mincho', sans-serif;text-align:right;padding:5% 0 10%;}
.sign span{font-size:24px;margin-right:0.5em;}


/*採用情報*/
.num_list{margin-left:1.5em;}
.num_list li{list-style: decimal;}

.btn_wrap{padding:10% 0;}
.btn_wrap a{
	display:block;
	margin:0 auto;
	font-size:34px;
	background:#f7931e url(../img/common/btn_mark.png) right bottom no-repeat;
	color:#FFF;
	padding:10px;
	text-align:center;
	max-width:400px;
	width:96%;
	}
.btn_wrap a:hover{background:#ad6217 url(../img/common/btn_mark.png) right bottom no-repeat;}


/*求人サイト*/
.recruit_site{max-width:600px;margin:0 auto 15%;padding:1%;border:3px #ccc solid;}
.recruit_site .left{max-width:200px;float:left;}
.recruit_site .right{
	float:right;
	display:block;
	font-size:24px;
	font-weight:bolder;
	color:#333;
	padding-top:0.4em;
}
.recruit_site .right:hover{color:#F60;}




@media screen and (max-width:840px) {

/*ヘッダー*/
.logo{max-width:250px;width:65%;max-height:42px;padding:10px 0 0;}


/*タイトル*/
h2{font-size:42px;}
h2 span{font-size:21px;line-height:1.5em;}



/*フッター*/
footer{}
.footer_contact .left{width:100%;float:none;}
.footer_contact .right{width:100%;float:none;}
footer .footer_line{line-height:1.2em;;text-align:center;}

footer .btn_footer_contact{
	background:#FFF url(../img/common/btn_footer_contact_sp.png) center center no-repeat;
	background-size:40vw;
	height: 6vw;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
	}
footer .btn_footer_contact:hover{
	background:#FFa url(../img/common/btn_footer_contact_sp.png) center center no-repeat;
	background-size:40vw;
	}
footer .tel_fax {width:385px;margin:1% auto 2%;}
footer .footer_tel{display:block;float:none;width:100%;line-height:0;margin:0;}
footer .footer_fax{display:block;float:none;margin-left:0;width:100%;}
	
.footer_contact{padding:3% 0;}
.copyright_wrap .inner{width:100%;}

footer .footer_menu{display:block;margin:0;}
footer .footer_menu li{display:block;border-right:none;border-bottom:1px #FFF solid;line-height: 1em;}
footer .footer_menu li a{
	padding:15px 20px 15px 30px;
	color:#FFF;
	background:#4d4d4d url(../img/common/footer_link_icon.gif) 10px center no-repeat;
	background-size:10px;
	}
footer .footer_menu li a:hover{
	color:#FFF;
	background:#2d2d2d url(../img/common/footer_link_icon.gif) 10px center no-repeat;
	background-size:10px;
	}

footer .copyright_wrap{background:#1a1a1a;display:table;width:100%;}
footer small{color:#FFF;display:block;text-align:center;}


footer .btn_footer_contact img{width:70%;}


/*写真左*/
.photo_left .left{width:100%;float:left;}
.photo_left .right{width:100%;float:right;}
.photo_left .right .text_wrap{max-width:750px;margin:4%;}

/*写真右*/
.photo_right .left{width:100%;float:left;}
.photo_right .right{width:100%;float:right;}
.photo_right .left .text_wrap{max-width:750px;margin:4%;float:none;}


.text_wrap h3{padding:15px 0;background:url(../img/common/title_btm_line.gif) left bottom no-repeat;font-size:32px;margin-bottom:15px;}
.text_wrap p{font-size:21px;}


/*会社案内（トップ）*/
.about_wrap{
	background:url(../img/top/about_bg.png) center top no-repeat;
	background-size:cover;
	margin:7% 0 0;
	padding:4% 0 7%;
}

.about_wrap .left{width:100%;float:none;}
.about_wrap .right{width:100%;float:none;}

.about_btn{margin-top:1%;}


/*下層共通*/
#pankuzu{max-width:1000px;margin:10px auto 50px;width:96%;}

/*テーブル*/
.table_wrap th,.table_wrap td{font-size:0.7em;padding:1%;}

/*テーブル2*/
.table_wrap2{width:96%;}
.table_wrap2 th,.table_wrap2 td{float:left;width:100%;border:none;}


/*設備紹介*/
.product_wrap img{float:none;max-width:840px;width:100%;margin:0 auto;}
.product_wrap .left{float:none;width:100%;}


/*製品に対する思い*/
.product_base{padding-top:30px;}

/*フォーム関連*/
.text_line{width:94%;}
.text_area{width:94%;}

.contact h2{font-size:36px;}

#formWrap .submit{float:none;width:100%;margin-bottom:3%;}
#formWrap .back{width:100%;}

.contact_btn_wrap .submit{
	font-size:24px;
	}

.contact_btn_wrap .back{
	font-size:24px;
	}

/*求人サイト*/
.recruit_site{max-width:600px;margin:0 auto 15%;padding:1%;border:1px #ccc solid;}
.recruit_site .left{max-width:200px;float:none;margin:0 auto;display:block;}
.recruit_site .right{
	float:none;
	text-align:center;
	padding:0 0 2%;
}



}

@media screen and (max-width:480px) {
/*下層共通*/

.title_wrap h1{
	font-size: 7vw;
	padding:3vw 0 1vw;
	}

}