@charset "UTF-8";
#wpadminbar{
	display: none;
}
/* ---------------------------------------------------------
	~768px
----------------------------------------------------------*/
@media screen and (max-width: 768px) {
	.pc_view {
		display: none;
	}
	#pankuzu{
		display: none;
	}
	a {
		text-decoration: none;
	}
	hr {
		display: none;
	}
	body {
		width: 100%;
	}
	section {
		padding: 30px 0;
	}
	section h2{
		font-size: 130%;
		text-align: left;
		background: url(../img/h2_title_bg_s.png) left center no-repeat;
		padding: 10px 0 10px 25px;
		margin: 0 0 10px;
	}
	h3.title{
		font-size: 130%;
		text-align: left;
		background: url(../img/h2_title_bg_s.png) left center no-repeat;
		padding: 10px 0 10px 25px;
		margin: 20px 0 10px;
	}
	section div.box{
		width: 94%;
		margin: 0 auto;
	}
	section div.box img{
		max-width: 100%;
		height: auto;
	}
	input[type="button"], input[type="submit"] {
		border-radius: 0;
		-webkit-appearance: none;
	}
	/*####################　ヘッダ　####################*/
	header#site-header {
		margin: 0;
		padding: 0;
		position: relative;
		box-shadow: 0px 5px 3px -3px rgba(0,0,0,0.3);
		-webkit-box-shadow: 0px 5px 3px -3px rgba(0,0,0,0.1);
		-moz-box-shadow: 0px 5px 3px -3px rgba(0,0,0,0.1);
	}
	header#site-header h1 {
		text-indent: -9999px;
		margin: 0 auto;
		padding: 10px;
		width: 40%;
	}
	header#site-header h1 a {
		display: block;
		background: url(../img/logo.png) no-repeat;
		height: 0;
		background-size: 100%;
		padding-top: 37.556%;
	}
	div.map3d{
		display: none;
	}
	#menuBtn {
		position: fixed;
		top: 2px;
		right: 2px;
		width: 35px;
		z-index: 99999999999999999999;
	}
	#menuBtn a {
		display: block;
		text-indent: -9999px;
		width: 100%;
		height: 0;
		padding-top: 100%;
		background: url(../img/sp_menu.png) no-repeat;
		background-size: 100%;
	}
	
	/*####################　TOP　####################*/
	.swiper-container {
		width: 100%;
		height: 100%;
		margin-left: auto;
		margin-right: auto;
		margin-top: 5px;
		position: relative;
	}
	.swiper-slide {
		text-align: center;
		font-size: 12px;

	}
	.swiper-slide img {
		width: 100%;
		height: auto;
	}
	/*.swiper-slide video{
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		margin: auto;
		z-index: 9999 !important;
	}*/
	.swiper-video{
		position: relative;
		background: url(../img/loading.gif) no-repeat center center;
	}
	.swiper-video div.vi_logo h1{
		position: absolute;
		top: 15px;
		left: 0;
		right: 0;
		margin: auto;
		z-index: 9999999999999 !important;
		width: calc(168px/2);
		height: calc(63px/2);
		text-indent: -9999px;
		background: url(../img/vi_logo.png) no-repeat center center;
		background-size: 100%;
	}
	.swiper-video div.vi_logo h2{
		position: absolute;
		top: 50px;
		left: 0;
		right: 0;
		margin: auto;
		z-index: 9999999999999 !important;
		width: 100%;
		
	}
	.swiper-video div.vi_logo h2{
		color: #fff !important;
		text-align: center;
		font-family: '游明朝', '游明朝体', 'ＭＳ Ｐ明朝', 'MS PMincho', 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'serif';
		font-size: 14px;
	}
	/*####################　Page TOP　####################*/
	#pageTop {
		width: 10%;
		position: fixed;
		bottom: 30px;
		right: 0;
		z-index: 999999999999999;
	}
	#pageTop p.back-top a {
		text-indent: -9999px;
		display: block;
		width: 100%;
		height: 0;
		background: url(../img/go_top.png) no-repeat #000;
		background-size: 100%;
		padding-top: 100%;
	}
	/*####################　フッター　####################*/
	footer#site-footer{
		padding: 10px 0 0;
		background: #f6f6f6;
		color: #262626;
	}
	footer#site-footer iframe{
		width: 94%;
		margin: 0 auto;
		display: block;
	}
	footer#site-footer div.footBox div.rightbox h3{
		width: 100px;
		height: 0;
		text-indent: -9999px;
		background: url(../img/foot_logo.png) no-repeat center center;
		background-size: 100%;
		margin: 0 auto;
		padding-top: 15.3214%;
	}
	footer#site-footer div.footBox div.rightbox{
		
	}
	footer#site-footer div.footBox div.rightbox ul.cp_data{
		margin: 0 2%;
		background: #fff;
		padding: 5px 10px;
	}
	footer#site-footer div.footBox div.rightbox ul.cp_data li{
		font-size: 13px;
		height: 22px;
		padding: 3px 0 0 27px;
		margin: 2px 0;
		white-space: nowrap;
	}
	footer#site-footer div.footBox div.rightbox ul.cp_data li.addr{
		width: 100%;
		background: url(../img/foot_icon_addr.png) no-repeat left center;
		background-size: 24px;
	}
	footer#site-footer div.footBox div.rightbox ul.cp_data li.tel{
		background: url(../img/foot_icon_tel.png) no-repeat left center;
		background-size: 24px;
	}
	footer#site-footer div.footBox div.rightbox ul.cp_data li.mail{
		background: url(../img/foot_icon_mail.png) no-repeat left center;
		background-size: 24px;
	}
	footer#site-footer div.footBox div.rightbox ul.cp_data li.fax{
		background: url(../img/foot_icon_fax.png) no-repeat left center;
		background-size: 24px;
	}
	footer#site-footer div.footBox div.rightbox ul.cp_data li.web{
		background: url(../img/foot_icon_web.png) no-repeat left center;
		background-size: 24px;
	}
	footer#site-footer div.footBox div.rightbox ul.mark{
		margin: 10px 0;
		text-align: center;
	}
	footer#site-footer div.footBox div.rightbox ul.mark li{
		display: inline-block;
		text-indent: -9999px;
		margin: 0 5px;
	}
	footer#site-footer div.footBox div.rightbox ul.mark li.mirai{
		background: url(../img/foot_icon_mirai.png) no-repeat;
		width: 87px;
		height: 75px;
	}
	footer#site-footer div.footBox div.rightbox ul.mark li.kes{
		background: url(../img/foot_icon_kes.png) no-repeat;
		width: 100px;
		height: 75px;
	}
	footer#site-footer div.footBox div.rightbox ul.mark li.iso{
		background: url(../img/foot_icon_iso.png) no-repeat;
		width: 56px;
		height: 75px;
	}
	footer#site-footer div.footBox div.rightbox ul.mark li.jab{
		background: url(../img/foot_icon_jab3.png) no-repeat;
		width: 45px;
		height: 75px;
	}
	footer#site-footer address {
		padding: 10px;
		font-size: 10px;
		background: #262626;
		color: #fff;
		font-style: normal;
		text-align: center;
	}
	
	/**sidr****************************************************/
	.sidr {
		display: block;
		position: fixed;
		top: 0;
		height: 100%;
		z-index: 999999;
		width: 280px;
		overflow-x: hidden;
		overflow-y: auto;
		font-size: 15px;
		background: #1d2088;
	}
	.sidr .sidr-inner {
		padding: 0 0 15px;
	}
	.sidr .sidr-inner > p {
		margin-left: 15px;
		margin-right: 15px;
	}
	.sidr.right {
		left: auto;
		right: -280px;
	}
	.sidr.left {
		left: -280px;
		right: auto;
	}
	.sidr h1,  .sidr h2,  .sidr h3,  .sidr h4,  .sidr h5,  .sidr h6 {
		background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2RmZGZkZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
		background-size: 100%;
		background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #dfdfdf));
		background-image: -moz-linear-gradient(#ffffff, #dfdfdf);
		background-image: -webkit-linear-gradient(#ffffff, #dfdfdf);
		background-image: linear-gradient(#ffffff, #dfdfdf);
		font-size: 11px;
		font-weight: normal;
		padding: 0 15px;
		margin: 0 0 5px;
		color: #333;
		line-height: 24px;
		box-shadow: 0 5px 5px 3px rgba(0, 0, 0, 0.2);
	}
	.sidr p {
		font-size: 13px;
		margin: 0 0 12px;
	}
	.sidr p a {
		color: rgba(51, 51, 51, 0.9);
	}
	.sidr > p {
		margin-left: 15px;
		margin-right: 15px;
	}
	.sidr ul {
		display: block;
		margin: 0 0 15px;
		padding: 0;
		/*border-top: 1px solid #fff;*/
		/*border-bottom: 1px solid white;*/
	}
	.sidr ul li {
		display: block;
		margin: 0;
		line-height: 48px;
		/*border-top: 1px solid white;*/
		border-bottom: 1px solid #fff;
		padding: 8px 0 8px 10px;
	}
	.sidr ul li:hover, .sidr ul li.active, .sidr ul li.sidr-class-active {
		border-top: 0;
		line-height: 49px;
	}
	.sidr ul li:hover > a,  .sidr ul li:hover > span, .sidr ul li.active > a,  .sidr ul li.active > span, .sidr ul li.sidr-class-active > a,  .sidr ul li.sidr-class-active > span {
		/*box-shadow: 0 0 15px 3px #ebebeb inset;*/
	}
	.sidr ul li a,  .sidr ul li span {
		padding: 0 15px 0 20px;
		display: block;
		text-decoration: none;
		color: #fff;
	}
	.sidr ul li a{
		background: url(../img/sidr_icon_arrow.png) no-repeat left center;
		background-size: 15px;
	}
	.sidr ul li.sidr-class-home a{
		background: url(../img/sidr_icon_home.png) no-repeat left center;
		background-size: 15px;
	}
	.sidr ul li ul {
		border-bottom: 0;
		margin: 0;
	}
	.sidr ul li ul li {
		line-height: 40px;
		font-size: 13px;
		border-bottom: none;
	}
	.sidr ul li ul li a{
		color: #fff !important;
	}
	.sidr ul li ul li:last-child {
		border-bottom: 0;
	}
	.sidr ul li ul li:hover, .sidr ul li ul li.active, .sidr ul li ul li.sidr-class-active {
		border-top: 0;
		line-height: 41px;
	}
	.sidr ul li ul li:hover > a,  .sidr ul li ul li:hover > span, .sidr ul li ul li.active > a,  .sidr ul li ul li.active > span, .sidr ul li ul li.sidr-class-active > a,  .sidr ul li ul li.sidr-class-active > span {
		box-shadow: 0 0 15px 3px #ebebeb inset;
	}
	.sidr ul li ul li a,  .sidr ul li ul li span {
		color: rgba(51, 51, 51, 0.8);
		padding-left: 30px;
	}
	.sidr form {
		margin: 0 15px;
	}
	.sidr label {
		font-size: 13px;
	}
	.sidr input[type="text"],  .sidr input[type="password"],  .sidr input[type="date"],  .sidr input[type="datetime"],  .sidr input[type="email"],  .sidr input[type="number"],  .sidr input[type="search"],  .sidr input[type="tel"],  .sidr input[type="time"],  .sidr input[type="url"],  .sidr textarea,  .sidr select {
		width: 100%;
		font-size: 13px;
		padding: 5px;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		margin: 0 0 10px;
		border-radius: 2px;
		border: 0;
		background: rgba(0, 0, 0, 0.1);
		color: rgba(51, 51, 51, 0.6);
		display: block;
		clear: both;
	}
	.sidr input[type=checkbox] {
		width: auto;
		display: inline;
		clear: none;
	}
	.sidr input[type=button],  .sidr input[type=submit] {
		color: #f8f8f8;
		background: #333;
	}
	.sidr input[type=button]:hover,  .sidr input[type=submit]:hover {
		background: rgba(51, 51, 51, 0.9);
	}
	.sidr div.sidr-class-lang{
		text-align: center;
	}
	.sidr div.sidr-class-lang a{
		display: inline-block;
		padding: 10px;
		background: #fff;
		color: #1a1912;
		width: 50px;
		text-decoration: none;
	}
	li.sidr-class-navi01 a{
		background: url(../img/icon_spmenu_home.png) no-repeat left center !important;
		background-size: 18px !important;
		/*margin-left: 15px !important;*/
		padding-left: 20px !important;
	}
	li.sidr-class-navi02 a,
	li.sidr-class-navi03 a,
	li.sidr-class-navi04 a,
	li.sidr-class-navi05 a,
	li.sidr-class-navi06 a,
	li.sidr-class-navi07 a{
		background: url(../img/icon_spmenu_arrow.png) no-repeat left center !important;
		background-size: 18px !important;
		/*margin-left: 15px !important;*/
		padding-left: 20px !important;
	}
	li.sidr-class-close a{
		background: url(../img/icon_spmenu_close.png) no-repeat left center !important;
		background-size: 18px !important;
		/*margin-left: 15px !important;*/
		padding-left: 20px !important;
	}
	/*####################　2階層目共通　####################*/
	
	
	/*####################　TOP　####################*/
	section#main ul.news li:nth-child(even){
		background: #dddeed;
	}
	section#main ul.news li span{
		display: block;
		width: 100%;
		font-size: 90%;
	}
	section#main ul.news li a{
		color: #262626;
		text-decoration: none;
		display: block;
		padding: 5px;
	}
	section#main div.more{
		text-align: center;
		margin: 20px 0;
	}
	
	section#main div.more a{
		color: #000;
		background: url(../img/recruit_formbtn.png) left center;
		padding: 5px 10px;
		border: solid 2px #eee;
		border-radius: 20px;
		-webkit-border-radius: 20px;
		-moz-border-radius: 20px;
		text-decoration: none
	}
	body#index section#main div.rightbox a{
		display: block;
		text-indent: -9999px;
		background: url(../img/recruit_btn_sp2.jpg) no-repeat;
		background-size: 100%;
		width: 100%;
		height: 0;
		padding-top: 46.51%
	}
	section#main ul.products li,
	section#main ul.products2 li{
		width: 100%;
		margin: 0 0 10px;
	}
	section#main ul.products li a,
	section#main ul.products2 li a{
		display: block;
		text-indent: -9999px;
		width: 100%;
		height: 0;
		font-size: 20px;
		font-weight: bold;
		padding: 30.44% 0 0;
		outline: solid 1px #ddd;
	}
	section#main ul.products li.p1 a{
		background: url(../img/index_products_img01_sp.jpg) no-repeat;
		background-size: 100%;
	}
	section#main ul.products li.p2 a{
		background: url(../img/index_products_img02_sp.jpg) no-repeat;
		background-size: 100%;
	}
	section#main ul.products li.p3 a{
		background: url(../img/index_products_img03_sp.jpg) no-repeat;
		background-size: 100%;
	}
	section#main ul.products2 li.movie a{
		background: url(../img/index_products_img04_sp.jpg) no-repeat;
		background-size: 100%;
	}
	section#main ul.products2 li.map3d a{
		background: url(../img/index_products_img05_sp.jpg) no-repeat;
		background-size: 100%;
	}
	section#main div.isobox h4{
		background: url(../img/index_h4_bg.png) no-repeat left center;
		height: 40px;
		color: #fff;
		font-size: 115%;
		font-weight: bold;
		padding: 10px 0 0 15px;
		margin: 0 0 16px;
	}
	
	section#main div.isobox div.leftBox{
		text-align: center;
		margin: 0 0 15px;
	}
	section#main div.isobox div.rightBox{
		margin: 0 0 15px;	
	}
	/*####################　新着情報　####################*/
	
	body#news h2.pageTitle{
		text-indent: -9999px;
		background: url(../img/news_title_sp.jpg) no-repeat;
		background-size: 100%;
		width: 100%;
		height: 0;
		padding-top: 22.22%;
		margin: -10px auto 10px;
	}
	body#news h3.copy{
		font-size: 110%;
		margin: 0 0 20px;
	}
	body#news p.date{
		text-align: right;
		margin: 30px 0;
	}
	body#news div.paging{
		width: 100%;
		position: relative;
		height: 50px;
	}
	body#news div.prev{
		position: absolute;
		left: 0;
		top: 0;
	}
	body#news div.next{
		position: absolute;
		right: 0;
		top: 0;
	}
	/*####################　製品紹介　####################*/
	body#product h2.pageTitle{
		text-indent: -9999px;
		background: url(../img/product_title_sp.jpg) no-repeat;
		background-size: 100%;
		width: 100%;
		height: 0;
		padding-top: 22.22%;
		margin: -10px auto 10px;
	}
	body#product p.copy{
		margin: 0 0 10px;
	}
	body#product div.sbox,
	body#product div.kbox{
		text-align: center;
		margin: 0 0 20px;
		font-size: 90%;
	}
	body#product h4{
		background: url(../img/h4_title_bg.png) no-repeat;
		height: 40px;
		color: #fff;
		font-size: 110%;
		font-weight: bold;
		padding: 10px 0 0 15px;
		margin: 0 auto 16px;
	}
	body#product table {
		margin: 0;
		table-layout: auto;
		border-collapse: collapse;
		border-spacing: 0;
		width: 100%;
		border: 1px #ccc solid;
	}
	body#product table th {
		padding: 2px;
		border: 1px #ccc solid;
		border-width: 0 0 1px 1px;
		font-size: 85%;
		vertical-align: top;
	}
	body#product table td {
		padding: 2px;
		border: 1px #ccc solid;
		border-width: 0 0 1px 1px;
		text-align: left;
		font-size: 85%;
		vertical-align: top;
	}
	body#product table th img{
		width: 60px;
		height: auto;
	}
	/*####################　機械設備紹介　####################*/
	body#equipment h2.pageTitle{
		text-indent: -9999px;
		background: url(../img/equipment_title_sp.jpg) no-repeat;
		background-size: 100%;
		width: 100%;
		height: 0;
		padding-top: 22.22%;
		margin: -10px auto 10px;
	}
	body#equipment div.ebox{
		margin: 0 0 20px;
		text-align: center;
		fonnt-size: 90%;
	}
	body#equipment table{
		width: 100%;
		margin: 0 auto;
		table-layout: fixed;
		border-collapse: collapse;
		border-spacing: 0;
		border: 1px #e6e6e6 solid;
	}
	body#equipment table th {
		padding: 3px;
		border: 1px #e6e6e6 solid;
		border-width: 0 0 1px 1px;
		text-align: left;
		font-weight: bold;
		text-align: center;
		background: #f6f6f6;
		font-size: 90%;
	}
	body#equipment table td {
		padding: 3px;
		border: 1px #e6e6e6 solid;
		border-width: 0 0 1px 1px;
		text-align: center;
		font-size: 90%;
	}
	body#equipment h4{
		background: url(../img/h4_title_bg.png) no-repeat;
		height: 40px;
		color: #fff;
		font-size: 110%;
		font-weight: bold;
		padding: 10px 0 0 15px;
		margin: 10px auto 16px;
	}
	body#equipment p.copy{
		margin: 0 0 16px;
	}
	body#equipment div.tbox div.leftbox{
		margin: 0 0 16px;
	}
	body#equipment div.tbox div.rightbox{
		margin: 0 0 16px;
	}
	/*####################　会社概要　####################*/
	body#company h2.pageTitle{
		text-indent: -9999px;
		background: url(../img/company_title_sp.jpg) no-repeat;
		background-size: 100%;
		width: 100%;
		height: 0;
		padding-top: 22.22%;
		margin: -10px auto 10px;
	}
	body#company div.companyBox div.leftbox{
		width: 100%;
		margin: 0 0 16px;
	}
	body#company div.companyBox div.rightbox{
		width: 100%;
		margin: 0 0 16px;
	}
	body#company div.companyBox div.rightbox h4{
		color: #0b308e;
		font-size: 120%;
		font-weight: bold;
		margin: 20px 0;
	}
	body#company div.companyBox p{
		margin: 0 0 16px;	
	}
	body#company div.companyBox div.sign{
		text-align: right;
		margin: 5px 0 0;
	}
	body#company div.companyBox div.sign img{
		width: 240px;
		height: auto;
	}
	body#company table{
		width: 100%;
		margin: 0 auto 30px;
		table-layout: fixed;
		border-collapse: collapse;
		border-spacing: 0;
	}
	body#company table th {
		padding: 3px;
		border: 3px #0b308e solid;
		border-width: 3px 0 0 0;
		text-align: left;
		font-weight: bold;
		vertical-align: top;
		display: block;
		width: 100%;
		margin: 10px 0 0;
	}
	body#company table td {
		padding: 3px;
		border: 3px #bfbfbf solid;
		border-width: 3px 0 0 0;
		text-align: left;
		vertical-align: top;
		display: block;
		width: 100%;
	}
	body#company table td.dot {
		border: 1px #bfbfbf dotted;
		border-width: 1px 0 0 0;
	}
	/*####################　採用情報　####################*/
	body[id^="recruit"] h2.pageTitle{
		text-indent: -9999px;
		background: url(../img/recruit_title_sp.jpg) no-repeat;
		background-size: 100%;
		width: 100%;
		height: 0;
		padding-top: 22.22%;
		margin: -10px auto 10px;
	}
	body[id^="recruit"] h3.copy{
		font-family: '游明朝', '游明朝体', 'ＭＳ Ｐ明朝', 'MS PMincho', 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'serif';
		font-size: 110%;
		text-align: center;
		line-height: 200%;
	}
	body[id^="recruit"] ul.btn{
		margin: 20px auto 0;
		text-align :center;
	}
	body[id^="recruit"] ul.btn li{
		width: 90%;
		margin: 16px 5%;
	}
	body[id^="recruit"] ul.btn li a{
		
	}
	body[id^="recruit"] ul.btn li.btn01 a{
		background: url(../img/recruit_btn01a.png) no-repeat;
		background-size: 100%;
		display: block;
		text-indent: -9999px;
		width: 100%;
		height: 0;
		padding-top: 28.345%;
	}
	body[id^="recruit"] ul.btn li.btn02 a{
		background: url(../img/recruit_btn02a.png) no-repeat;
		background-size: 100%;
		display: block;
		text-indent: -9999px;
		width: 100%;
		height: 0;
		padding-top: 28.345%;
	}
	body[id^="recruit"] ul.btn li.asagaku a{
		display: block;
		text-indent: -9999px;
		background: url(../img/my-navi.gif) no-repeat;
		width: 160px;
		height: 45px;
		padding: 0;
		margin: 0 auto;
	}
	body[id^="recruit"] li.asagaku{
		text-align: center;
		margin: 0 0 20px;
	}
	body[id^="recruit"] li.asagaku img{
		width: 160px;
		height: auto;
	}
	body[id^="recruit"] div.asagaku{
		text-align: center;
		margin: 0 0 30px;
	}
	body[id^="recruit"] div.asagaku img{
		width: 240px;
		height: auto;
	}
	body[id^="recruit"] div.recruitBox{
		margin: 0 0 30px;
	}
	body[id^="recruit"] div.recruitBox div.leftbox{
		width: 100%;
		margin: 0 0 16px;
	}
	body[id^="recruit"] div.recruitBox div.rightbox{
		width: 100%;
		margin: 0 0 16px;
	}
	body[id^="recruit"] div.recruitBox div.rightbox p.space{
		margin: 30px 0 0;	
	}
	body[id^="recruit"] div.recruitBox div.rbox{
		width: 100%;
		margin: 0 0 16px;
	}
	body[id^="recruit"] div.recruitBox div.rbox h4{
		background: url(../img/h4_title_bg.png) no-repeat;
		height: 40px;
		color: #fff;
		font-size: 110%;
		font-weight: bold;
		padding: 10px 0 0 15px;
		margin: 10px auto 16px;
	}
	body[id^="recruit"] div.recruitBox div.rbox p{
		margin: 16px 0 0;	
	}
	body[id^="recruit"] div.recruitBox p.copy{
		margin: 0 0 16px; 
	}
	body[id^="recruit"] div.recruitBox div.rboxB{
		width: 100%;
		margin: 0 0 16px;
	}
	body[id^="recruit"] div.recruitBox div.rboxB h4{
		background: #0b308e;
		padding: 10px;
		font-size: 110%;
		font-weight: bold;
		color: #fff;
		text-align: center;
	}
	body[id^="recruit"] div.recruitBox div.rboxB ul{
		margin: 0 16px;
	}
	body[id^="recruit"] div.recruitBox div.rboxB ul li{
		list-style: square;
		margin: 0 0 0 5px;
	}
	body[id^="recruit"] div.vbox div.leftbox{
		width: 100%;
	}
	body[id^="recruit"] div.vbox div.rightbox{
		width: 100%;
	}
	body[id^="recruit"] div.vbox div.leftbox h4,
	body[id^="recruit"] div.vbox div.rightbox h4{
		background: url(../img/index_h4_bg.png) no-repeat;
		height: 40px;
		color: #fff;
		font-size: 110%;
		font-weight: bold;
		padding: 10px 0 0 15px;
		margin: 0 0 16px;
	}

	body[id^="recruit"] div.recruitBox div.voiceL,
	body[id^="recruit"] div.recruitBox div.voiceR{
		width: 100%;
		position: relative;
	}
	body[id^="recruit"] div.recruitBox div.voiceL{

	}
	body[id^="recruit"] div.recruitBox div.voiceR{

	}
	body[id^="recruit"] div.recruitBox div.voiceL img,
	body[id^="recruit"] div.recruitBox div.voiceR img{
		position: absolute;
		width: 200px;
		left: 0;
		right: 0;
		margin: auto;
		z-index: 9999;
	}
	body[id^="recruit"] div.recruitBox div.voiceL div.text,
	body[id^="recruit"] div.recruitBox div.voiceR div.text{
		border: solid 2px #bbb;
		padding: 120px 8px 8px;
		background: #f6f6f6;
		position: relative;
		top: 100px;
		z-index: 9998;
		margin: 0 0 120px;
	}
	body[id^="recruit"] div.recruitBox p.name{
		text-align: center;
		font-weight: bold;
	}
	body[id^="recruit"] div.recMovie{
		margin: 10px auto;
		width: 86%;
	}


	/**ここから**************************/
	body[id^="recruit"] div.recruitBox a.btn{
		display: block;
		width: 120px;
		margin: 10px auto;
		padding: 5px;
		border-radius: 5px;
		background: #16308c;
		color: #fff;
		text-align: center;
		text-decoration: none;
	}

	body[id^="recruit"] div.recruitBBox{
		margin: 0 auto;
		height: 100vh;
		overflow: scroll;
		position: relative;
	}
	body[id^="recruit"] div.recruitBBox div.leftbox{
		text-align: center;
		margin: 0 0 10px;
	}
	body[id^="recruit"] div.recruitBBox div.rightbox p{
		margin: 0 0 15px;
	}
	body[id^="recruit"] div.recruitBBox div.rightbox p.name{
		text-align: right;
	}
	body[id^="recruit"] div.recruitBBox p.btn{
		text-align: center;
	}
	body[id^="recruit"] div.recruitBBox p.btn button{
		display: block;
		width: 200px;
		padding: 5px 10px;
		text-align: center;
		background: #f1f1f1;
		border: solid 1px #ddd;
		border-radius: 5px;
		margin: 10px auto;
	}
	body[id^="recruit"] div.recruitBBox p.btn-top{
		position: absolute;
		top: 10px;
		right: 10px;
	}
	body[id^="recruit"] div.recruitBBox p.btn-top button{
		display: block;
		padding: 5px 10px;
		text-align: center;
		background: #f1f1f1;
		border: solid 1px #ddd;
		border-radius: 5px;
		margin: 10px auto;
	}
	body[id^="recruit"] div.recruitBBox p.btn button:focus {
		outline: none;
	}
	body[id^="recruit"] div.recruitBox div.voiceBox{
		width: 100%;
		position: relative;
	}


	body[id^="recruit"] div.recruitBox div.voiceBox img{
		position: absolute;
		width: 200px;
		left: 0;
		right: 0;
		margin: auto;
		z-index: 9999;
	}
	body[id^="recruit"] div.recruitBox div.voiceBox div.text{
		border: solid 2px #bbb;
		padding: 120px 8px 8px;
		background: #f6f6f6;
		position: relative;
		top: 100px;
		z-index: 9998;
		margin: 0 0 120px;
	}
	body[id^="recruit"] div.recruitBox p.name{
		text-align: center;
		font-weight: bold;
	}




	body[id^="recruit"] div.infobox h4{
		background: url(../img/index_h4_bg.png) no-repeat #0b308e;
		height: 40px;
		color: #fff;
		font-size: 110%;
		font-weight: bold;
		padding: 10px 0 0 15px;
		margin: 0 auto 16px;
	}
	body[id^="recruit"] div.vbox h4{
		background: url(../img/index_h4_bg.png) no-repeat #0b308e;
		height: 40px;
		color: #fff;
		font-size: 110%;
		font-weight: bold;
		padding: 10px 0 0 15px;
		margin: 0 auto 16px;
	}
	body[id^="recruit"] div.sbox h5{
		float: left;
		margin: 16px;
		font-size: 110%;
		font-weight: bold;
		color: #0b308e;
		padding-top: 8px;
	}
	body[id^="recruit"] div.sbox p{
		margin: 16px;
	}
	body[id^="recruit"] div.nbox div.nagare{
		margin: 16px 0;
		padding: 10px;
		width: 100%;
		border: solid 2px #bbb;
		position: relative;
	}
	body[id^="recruit"] div.nbox div.nagare:first-child{
		z-index: 40;
	}
	body[id^="recruit"] div.nbox div.nagare:nth-child(2){
		z-index: 30;
	}
	body[id^="recruit"] div.nbox div.nagare:nth-child(3){
		z-index: 20;
	}
	body[id^="recruit"] div.nbox div.nagare:last-child(4){
		z-index: 10;
	}
	body[id^="recruit"] div.nbox div.nagare span{
		position: absolute;
		display: block;
		width: 32px;
		height: 32px;
		background: url(../img/recruit_icon_arrow_sp.png) no-repeat;
		left: 0;
		right: 0;
		bottom: -26px;
		margin: auto;
	}
	body[id^="recruit"] div.nbox div.nagare h6{
		color: #0b308e;
		font-weight: bold;
		font-size: 16px;
		text-align :center;
		margin: 0 0 15px;
	}
	body[id^="recruit"] div.nbox div.leftbox{
		margin: 0 0 16px;
		width: 100%;
	}
	body[id^="recruit"] div.nbox div.rightbox{
		margin: 0 0 16px;
		width: 100%;
	}
	body[id^="recruit"] div.nbox div.leftbox h4,
	body[id^="recruit"] div.nbox div.rightbox h4{
		
	}
	body[id^="recruit"] div.nbox div.comBox h5{
		border-left: solid 15px #0b308e;
		margin: 0 0 10px;
		padding: 3px 0 3px 5px;
		font-weight: bold;
	}
	body[id^="recruit"] div.nbox div.comBox h5.title2{
		margin: 30px 0 10px;
	}
	body[id^="recruit"] table.entry{
		width: 100%;
		margin: 0 auto 30px;
		table-layout: fixed;
		border-collapse: collapse;
		border-spacing: 0;
	}
	body[id^="recruit"] table.entry th {
		padding: 5px;
		border: 3px #0b308e solid;
		border-width: 3px 0 0 0;
		text-align: left;
		font-weight: bold;
		vertical-align: top;
		display: block;
		width: 100%;
		margin: 10px 0 0;
	}
	body[id^="recruit"] table.entry td {
		padding: 5px;
		border: 3px #bfbfbf solid;
		border-width: 3px 0 0 0;
		text-align: left;
		vertical-align: top;
		display: block;
		width: 100%;
	}
	body[id^="recruit"] table.entry td.dot {
		border: 1px #bfbfbf dotted;
		border-width: 1px 0 0 0;
	}
	body[id^="recruit"] p.contact{
		margin: 0 16px 16px;
	}
	body[id^="recruit"] div.contact h4{
		background: url(../img/h4_title_bg.png) no-repeat;
		height: 40px;
		color: #fff;
		font-size: 110%;
		font-weight: bold;
		padding: 10px 0 0 15px;
		margin: 0 auto 16px;
	}
	body[id^="recruit"] div.contact div.tel{
		margin: 30px auto;
		width: 100%;
	}
	body[id^="recruit"] div.contact div.tel a{
		display: block;
		text-indent: -9999px;
		width: 100%;
		height: 0;
		background: url(../img/recruit_tel.png) no-repeat;
		background-size: 100%;
		padding-top: 12.355%;
	}
	body[id^="recruit"] table.form{
		width: 100%;
		margin: 20px auto;
	}
	body[id^="recruit"] table.form th{
		display: none;
	}
	body[id^="recruit"] table.form td{
		width: 100%;
		display: block;
	}
	body[id^="recruit"] table.form th{
		font-weight: bold;
		padding: 3px;
	}
	body[id^="recruit"] table.form td{
		padding: 3px;
		margin: 0 0 10px;
	}
	body[id^="recruit"] table.form td div.sp_view{
		font-weight: bold;
	}
	body[id^="recruit"] table.form input[type='text']{
		border: solid 1px #bbb;
		border-radius: 2px;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		width: 100%;
	}
	body[id^="recruit"] table.form input[type='text'].w90{
		width: 100%;	
	}
	body[id^="recruit"] table.form select{
		border: solid 1px #bbb;
		border-radius: 2px;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		width: 100%;
	}
	body[id^="recruit"] table.form textarea{
		border: solid 1px #bbb;
		border-radius: 2px;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		width: 100%;
	}
	body[id^="recruit"] div.form_btn{
		margin: 20px auto;
		width: 268px;
		height: 48px;
	}
	body[id^="recruit"] div.form_btn input{
		display: block;
		border: solid 2px #e5e5e5;
		border-radius: 24px;
		-webkit-border-radius: 24px;
		-moz-border-radius: 24px;
		width: 268px;
		height: 48px;
		text-align: center;
		font-weight: bold;
		background: url(../img/recruit_formbtn.png) repeat-x left center;
	}
	/*####################　お問い合わせ　####################*/
	body#contact h2.pageTitle{
		text-indent: -9999px;
		background: url(../img/contact_title_sp.jpg) no-repeat;
		background-size: 100%;
		width: 100%;
		height: 0;
		padding-top: 22.22%;
		margin: -10px auto 10px;
	}
	body[id^="contact"] table.form{
		width: 100%;
		margin: 20px auto;
	}
	body[id^="contact"] table.form th{
		display: none;
	}
	body[id^="contact"] table.form td{
		width: 100%;
		display: block;
		padding: 3px;
		margin: 0 0 10px;
	}
	body[id^="contact"] table.form td div.sp_view{
		font-weight: bold;
	}
	body[id^="contact"] table.form input[type='text']{
		border: solid 1px #bbb;
		border-radius: 2px;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		width: 100%;
	}
	body[id^="contact"] table.form input[type='text'].w90{
		width: 100%;	
	}
	body[id^="contact"] table.form select{
		border: solid 1px #bbb;
		border-radius: 2px;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		width: 100%;
	}
	body[id^="contact"] table.form textarea{
		border: solid 1px #bbb;
		border-radius: 2px;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		width: 100%;
	}
	body[id^="contact"] div.form_btn{
		margin: 20px auto;
		width: 268px;
		height: 48px;
	}
	body[id^="contact"] div.form_btn input{
		display: block;
		border: solid 2px #e5e5e5;
		border-radius: 24px;
		-webkit-border-radius: 24px;
		-moz-border-radius: 24px;
		width: 268px;
		height: 48px;
		text-align: center;
		font-weight: bold;
		background: url(../img/recruit_formbtn.png) repeat-x left center;
	}
	.select-wrap {
		position: relative;
	}
	.select-wrap:before {
		z-index: 1;
		position: absolute;
		right: 15px;
		top: 0;
		content: "\f123";
		font-family: "IonIcons";
		line-height: 43px;
		color: #7F878C;
		pointer-events: none;
	}
	select{
		outline:none;
		-moz-appearance: none;
		text-indent: 0.01px;
		text-overflow: '';
		background: none transparent;
		vertical-align: middle;
		font-size: inherit;
		color: inherit;
		-webkit-appearance: button;
		-moz-appearance: button;
		appearance: button;
		appearance: none;
		-webkit-appearance: none;
		-moz-appearance: none;
		height: 40px;
		padding: 8px 12px;
		border:1px solid #ddd;
		color:#262626;
		width:100%;
		border-radius:3px;
	}
	select option{
	  background-color: #fff;
	  color: #333;
	}
	select::-ms-expand {
	  display: none;
	}
	select:-moz-focusring { 
	  color: transparent; 
	  text-shadow: 0 0 0 #828c9a;
	}
	.mw_wp_form_confirm .select-wrap:before,
	.mw_wp_form_preview .select-wrap:before{
		z-index: 1;
		position: absolute;
		right: 15px;
		top: 0;
		content: "";
		pointer-events: none;
	}
}

/* ---------------------------------------------------------
	769px~
----------------------------------------------------------*/
@media screen and (min-width: 769px) {
	.sp_view {
		display: none;
	}
	
	header#site-header {
		width: 100%;
		background: #f6f6f6;
	}
	header#site-header nav#head-navigation {
		width: 100%;
		margin: 0 auto;
		padding: 0;
	}
	header#site-header nav#head-navigation div.head_top {
		max-width: 1200px;
		margin: 0 auto;
		position: relative;
	}
	header#site-header nav#head-navigation div.head_top div.map3d {
		position: absolute;
		top: 15px;
		right: 0;
		width: 220px;
		padding: 3px;
		border-radius: 5px;
		background-image: linear-gradient(180deg, rgba(155, 0, 13, 1), rgba(228, 0, 18, 1));
	}
	header#site-header nav#head-navigation h1 {
		margin: 0 auto 30px;
		padding: 15px 0;
		width: 213px;
		height: 80px;
	}
	header#site-header nav#head-navigation h1 a {
		display: block;
		background: url(../img/logo.png) no-repeat;
		width: 213px;
		height: 80px;
		text-indent: -9999px;
	}
	header#site-header nav#head-navigation div#navi{
		position: relative;
		z-index: 9999999999;
		width: 100%;
		height: 69px;
		background: url(../img/head_navi_bg.png) repeat-x;
	}
	header#site-header nav#head-navigation ul.menu {
		width: 1200px;
		margin: 0 auto;
		position: relative;
	}
	header#site-header nav#head-navigation ul.menu > li{
		float: left;
		height: 69px;
		position: relative;
	}
	header#site-header nav#head-navigation ul.menu li > a{
		display: block;
		text-indent: -9999px;
		background: url(../img/nead_navi.png) no-repeat;
		height: 69px;
	}
	header#site-header nav#head-navigation ul.menu li > a:hover{
		background: url(../img/nead_navi_hover.png) no-repeat;
	}

	/**ここから*******************/
	header#site-header nav#head-navigation ul.menu li ul{
		display: none;
		position: absolute !important;
		background: #fff !important;
		width: 178px;
		border-top: dotted 1px #ccc;
		z-index: 999999999999;
		top: 55px;
		left: 5px;
		box-sizing: border-box;
	}
	header#site-header nav#head-navigation ul.menu li ul li{
		margin: 0;
		float: none;
		box-sizing: border-box !important;
		width: 178px !important;
	}

	header#site-header nav#head-navigation ul.menu li ul li a{
		display: block !important;
		text-indent: 0px !important;
		background:  #fff !important;
		padding: 10px 0 !important;
		color: #333 !important;
		border-bottom: dotted 1px #ccc;
		text-align: center;
		box-sizing: border-box !important;
		width: 178px !important;
		height: 48px;
		text-decoration: none;
	}
	header#site-header nav#head-navigation ul.menu li ul li a:hover{
		background: #296bab !important;
		color: #fff !important;
		
	}
	/**ここまで*******************/


	header#site-header nav#head-navigation ul.menu li.navi01 a{
		width: 60px;
		background-position: 0 0;
	}
	body#index header#site-header nav#head-navigation ul.menu li.navi01 a{
		background: url(../img/nead_navi_hover.png) no-repeat;
		width: 60px;
		background-position: 0 0;
	}
	header#site-header nav#head-navigation ul.menu li.navi02 a{
		width: 191px;
		background-position: -60px 0;
	}
	body#news header#site-header nav#head-navigation ul.menu li.navi02 a{
		background: url(../img/nead_navi_hover.png) no-repeat;
		width: 191px;
		background-position: -60px 0;
	}
	header#site-header nav#head-navigation ul.menu > li.navi03 a{
		width: 186px;
		background-position: -251px 0;
	}
	body#product header#site-header nav#head-navigation ul.menu > li.navi03 a{
		background: url(../img/nead_navi_hover.png) no-repeat;
		width: 186px;
		background-position: -251px 0;
	}
	header#site-header nav#head-navigation ul.menu li.navi04 a{
		width: 190px;
		background-position: -437px 0;
	}
	body#equipment header#site-header nav#head-navigation ul.menu li.navi04 a{
		background: url(../img/nead_navi_hover.png) no-repeat;
		width: 190px;
		background-position: -437px 0;
	}
	header#site-header nav#head-navigation ul.menu li.navi05 a{
		width: 195px;
		background-position: -627px 0;
	}
	body#company header#site-header nav#head-navigation ul.menu li.navi05 a{
		background: url(../img/nead_navi_hover.png) no-repeat;
		width: 195px;
		background-position: -627px 0;
	}
	header#site-header nav#head-navigation ul.menu li.navi06 a{
		width: 190px;
		background-position: -822px 0;
	}
	body[id^="recruit"] header#site-header nav#head-navigation ul.menu li.navi06 a{
		background: url(../img/nead_navi_hover.png) no-repeat;
		width: 190px;
		background-position: -822px 0;
	}
	header#site-header nav#head-navigation ul.menu li.navi07 a{
		width: 188px;
		background-position: -1012px 0;
	}
	body#contact header#site-header nav#head-navigation ul.menu li.navi07 a{
		background: url(../img/nead_navi_hover.png) no-repeat;
		width: 188px;
		background-position: -1012px 0;
	}
	/*####################　pankuzu　####################*/
	#pankuzu{
		position: relative;
		width: 100%;
		background: #262626;
		margin-top: -10px;
		z-index: 9999;
	}
	#pankuzu .pankuzu{
		width: 1180px;
		margin: 0 auto;
		padding: 5px 0;
		color: #fff;
	}
	#pankuzu .pankuzu li{
		display: inline-block;
		margin: 0 8px;
	}
	#pankuzu .pankuzu a{
		color: #fff;
		text-decoration: none;
	}
	body#test #pankuzu,
	body#test2 #pankuzu{
		display: none;
	}
	/*####################　TOP　####################*/
	div#swiper-pc{
		position: relative;
		z-index: 99;
		width: 100%;
		height: 707px;
		background: url(../img/main_bg.jpg) center center;
		margin-top: -11px;
	}
	.swiper-container {
		width: 1200px;
		/*height: 643px;*/
		height: 670px;
		margin: 0 auto;
		position: relative;
		top: 10px;
		box-shadow: 0px 0px 10px  rgba(0, 0, 0, 0.3);
		background: url(../img/swiper_bg.png);
		border-radius: 15px;
	}
	.swiper-slide {
		text-align: center;
		font-size: 14px;
		position: relative;
		overflow: hidden;
	}
	.swiper-slide img {
		width: 100%;
		height: auto;
	}

	.swiper-slide video{
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		margin: auto;
		z-index: 9999 !important;
	}
	.swiper-video{
		position: relative;
		background: url(../img/loading.gif) no-repeat center center;
	}
	.swiper-video div.vi_logo h1{
		position: absolute;
		top: 25px;
		left: 25px;
		z-index: 9999999999999 !important;
		width: 168px;
		height: 63px;
		text-indent: -9999px;
		background: url(../img/vi_logo.png) no-repeat center center;
	}
	.swiper-video div.vi_logo h2{
		position: absolute;
		bottom: 80px;
		z-index: 9999999999999 !important;
		width: 100%;
		
	}
	.swiper-video div.vi_logo h2{
		color: #fff !important;
		text-align: center;
		font-family: '游明朝', '游明朝体', 'ＭＳ Ｐ明朝', 'MS PMincho', 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'serif';
		font-size: 30px;
	}
	/*.swiper-container div.mouse {
		position: absolute;
		width: 29px;
		height: 45px;
		bottom: 50px;
		left: 0;
		right: 0;
		margin: auto;
		z-index: 999999999999999999;
	}
	.swiper-container div.mouse a {
		display: block;
		text-indent: -9999px;
		background: url(../img/mouse.png) no-repeat;
		width: 29px;
		height: 45px;
	}*/
	
	/*####################　pageTop　####################*/
	#pageTop {
		display: none;
	}
	p.back-top {
		position: fixed;
		right: 0;
		bottom: 80px;
		width: 80px;
		height: 80px;
		margin: 0;
		padding: 0;
		text-indent: -9999px;
	}
	p.back-top a {
		display: block;
		background: url(../img/go_top.png) no-repeat;
		width: 80px;
		height: 80px;
	}
	p.back-top a:hover {
		text-decoration: none;
	}
	/*####################　フッター　####################*/
	footer#site-footer{
		background: #f6f6f6;
		width: 100%;
	}
	footer#site-footer div.footBox{
		padding: 80px 0;
		width: 1200px;
		margin: 0 auto;
	}
	footer#site-footer div.footBox div.leftbox{
		width: 570px;
		float: left;
		margin: 0 20px 0 10px
	}
	footer#site-footer div.footBox div.leftbox iframe{
		width: 570px;
		height: 425px;
	}
	footer#site-footer div.footBox div.rightbox{
		width: 585px;
		float: right;
		margin: 0 10px 0 0;
	}
	footer#site-footer div.footBox div.rightbox h3{
		width: 570px;
		height: 130px;
		text-indent: -9999px;
		background: url(../img/foot_logo.png) no-repeat center center;
		border-bottom: solid 1px #ddd;
	}
	footer#site-footer div.footBox div.rightbox ul.cp_data{
		margin: 30px 50px;
	}
	footer#site-footer div.footBox div.rightbox ul.cp_data li{
		float: left;
		height: 34px;
		padding: 5px 0 0 45px;
		margin: 7px 0;
	}
	footer#site-footer div.footBox div.rightbox ul.cp_data li.addr{
		width: 100%;
		background: url(../img/foot_icon_addr.png) no-repeat left center;
	}
	footer#site-footer div.footBox div.rightbox ul.cp_data li.tel{
		width: 40%;
		background: url(../img/foot_icon_tel.png) no-repeat left center;
	}
	footer#site-footer div.footBox div.rightbox ul.cp_data li.mail{
		width: 50%;
		background: url(../img/foot_icon_mail.png) no-repeat left center;
	}
	footer#site-footer div.footBox div.rightbox ul.cp_data li.fax{
		width: 40%;
		background: url(../img/foot_icon_fax.png) no-repeat left center;
	}
	footer#site-footer div.footBox div.rightbox ul.cp_data li.web{
		width: 50%;
		background: url(../img/foot_icon_web.png) no-repeat left center;
	}
	footer#site-footer div.footBox div.rightbox ul.mark{
		margin: 30px 0;
		text-align: center;
	}
	footer#site-footer div.footBox div.rightbox ul.mark li{
		display: inline-block;
		text-indent: -9999px;
		margin: 0 5px;
	}
	footer#site-footer div.footBox div.rightbox ul.mark li.mirai{
		background: url(../img/foot_icon_mirai.png) no-repeat;
		width: 87px;
		height: 75px;
	}
	footer#site-footer div.footBox div.rightbox ul.mark li.kes{
		background: url(../img/foot_icon_kes.png) no-repeat;
		width: 100px;
		height: 75px;
	}
	footer#site-footer div.footBox div.rightbox ul.mark li.iso{
		background: url(../img/foot_icon_iso.png) no-repeat;
		width: 56px;
		height: 75px;
	}
	footer#site-footer div.footBox div.rightbox ul.mark li.jab{
		background: url(../img/foot_icon_jab3.png) no-repeat;
		width: 45px;
		height: 75px;
	}
	footer#site-footer address{
		padding: 25px 0;
		color: #fff;
		text-align: center;
		font-style: normal;
		background: #262626;
	}
	/*####################　共通　####################*/
	section div.box{
		width: 1200px;
		margin: 0 auto 80px;
	}
	section div.box:last-child{
		width: 1200px;
		margin: 0 auto;
	}
	section h3.title{
		background: url(../img/h3_title_bg_l.png) no-repeat;
		width: 1168px;
		height: 64px;
		font-size: 24px;
		font-weight: bold;
		padding: 18px 0 0 28px;
		margin: 0 auto 30px;
	}
	/*####################　index section#main　####################*/
	section#main h2.newstitle{
		background: url(../img/h2_title_bg_s.png) no-repeat;
		width: 868px;
		height: 64px;
		font-size: 24px;
		font-weight: bold;
		padding: 18px 0 0 28px;
		margin: 0 0 30px;
	}
	section#main div.newsbox div.leftbox{
		float: left;
		margin: 0 0 0 16px;
	}
	section#main div.newsbox div.rightbox{
		float: right;
		width: 300px;
	}
	section#main div.newsbox div.rightbox a{
		display: block;
		text-indent: -9999px;
		background: url(../img/recruit_btn2.jpg) no-repeat;
		width: 268px;
		height: 555px;
		margin: 0 16px;
	}
	section#main div.newsbox div.rightbox a:hover{
		filter:alpha(opacity=85);
    	-moz-opacity: 0.85;
    	opacity: 0.85;	
	}
	section#main ul.news {
		width: 868px;
	}
	section#main ul.news li{
		
	}
	section#main ul.news li:nth-child(even){
		background: #dddeed;
	}
	section#main ul.news li span{
		display: block;
		width: 100%;
		font-size: 90%;
	}
	section#main ul.news li a{
		color: #262626;
		text-decoration: none;
		display: block;
		padding: 10px;
	}
	section#main ul.news li a:hover{
		background: #eee;
	}
	section#main div.more{
		margin: 20px auto;
		width: 268px;
		height: 48px;
	}
	section#main div.more a{
		display: block;
		text-indent: -9999px;
		background: url(../img/news_btn.png) no-repeat;
		width: 268px;
		height: 48px;
	}
	section#main div.more a:hover{
		background: url(../img/news_btn_hover.png) no-repeat;
	}
	section#main ul.products{
		margin: 0 0 32px;
	}
	section#main ul.products li{
		float: left;
		width: 368px;
		height: 276px;
		margin: 0 16px;
		text-align: center;
	}
	section#main ul.products li a{
		display: block;
		width: 368px;
		height: 276px;
		font-size: 20px;
		font-weight: bold;
		padding: 224px 0 0;
		color: #262626;
		text-decoration: none;
	}
	section#main ul.products li.p1 a{
		background: url(../img/index_products_img01.jpg) no-repeat;
	}
	section#main ul.products li.p2 a{
		background: url(../img/index_products_img02.jpg) no-repeat;
	}
	section#main ul.products li.p3 a{
		background: url(../img/index_products_img03.jpg) no-repeat;
	}

	section#main ul.products2{
		margin: 0 auto;
		width: 100%;
		display: flex;
		justify-content: space-between;
	}
	section#main ul.products2 li{
		width: 47%;
		height: 276px;
		margin: 0 16px;
		text-align: center;
	}
	section#main ul.products2 li a{
		display: block;
		width: 100%;
		height: 276px;
		font-size: 20px;
		font-weight: bold;
		padding: 224px 0 0;
		color: #262626;
		text-decoration: none;
	}
	section#main ul.products2 li.movie a{
		background: url(../img/index_products_img04.jpg) no-repeat;
		background-size: 100%;
	}
	section#main ul.products2 li.map3d a{
		background: url(../img/index_products_img05.jpg) no-repeat;
		background-size: 100%;
	}

	section#main ul li a:hover{
		filter:alpha(opacity=85);
    		-moz-opacity: 0.85;
    		opacity: 0.85;	
	}
	
	section#main div.isobox div.leftbox{
		width: 568px;
		float: left;
		margin: 0 16px;
	}
	section#main div.isobox div.rightbox{
		width: 568px;
		float: right;
		margin: 0 16px;
	}
	section#main div.isobox h4{
		background: url(../img/index_h4_bg.png) no-repeat;
		width: 568px;
		height: 40px;
		color: #fff;
		font-size: 20px;
		font-weight: bold;
		padding: 10px 0 0 15px;
		margin: 0 0 16px;
	}
	section#main div.isobox div.leftBox{
		float: left;
		width: 168px;
	}
	section#main div.isobox div.rightBox{
		float: right;
		width: 384px;
	}
	section#main div.isobox h5{
		color: #0b308e;
		font-size: 24px;
		font-weight: bold;
		margin: 0 0 10px;
	}
	/*####################　新着情報　####################*/
	
	body#news h2.pageTitle{
		text-indent: -9999px;
		background: url(../img/news_title.jpg) no-repeat;
		width: 1168px;
		height: 200px;
		margin: 0 auto 80px;
	}
	body#news ul.news{
		width: 1168px;
		margin: 10px auto;
	}
	body#news ul.news li:nth-child(even){
		background: #dddeed;
	}
	body#news ul.news li span{
		display: block;
		width: 100%;
		font-size: 90%;
	}
	body#news ul.news li a{
		color: #262626;
		text-decoration: none;
		display: block;
		padding: 10px;
	}
	body#news ul.news li a:hover{
		background: #eee;
	}
	body#news div.box{
		width: 1168px;
		margin: 20px auto;
	}
	body#news h3.copy{
		margin: 0 0 15px;
		font-size: 20px;
		border-bottom: solid 1px #ccc;
		padding: 5px 0;
		font-weight: bold;
	}
	body#news p.date{
		text-align: right;
		margin: 30px 0;
	}
	body#news div.paging{
		width: 100%;
		position: relative;
	}
	body#news div.prev{
		position: absolute;
		left: 0;
		top: 0;
	}
	body#news div.next{
		position: absolute;
		right: 0;
		top: 0;
	}
	/*####################　製品紹介　####################*/
	body#product p.copy{
		padding: 0 16px;
	}
	body#product h2.pageTitle{
		text-indent: -9999px;
		background: url(../img/product_title.jpg) no-repeat;
		width: 1168px;
		height: 200px;
		margin: 0 auto 80px;
	}
	body#product div.productbox{
		margin: 0 0 80px;
	}
	body#product div.productbox div.sbox{
		float: left;
		margin: 16px;
	}
	body#product div.productbox div.sbox p{
		margin: 10px 0;	
	}
	body#product h4{
		background: url(../img/h4_title_bg.png) no-repeat;
		width: 1168px;
		height: 40px;
		color: #fff;
		font-size: 20px;
		font-weight: bold;
		padding: 10px 0 0 15px;
		margin: 0 auto 16px;
	}
	body#product div.productbox div.kbox{
		float: left;
		margin: 16px;
	}
	body#product div.matebox{
		width: 1168px;
		margin: 0 auto 30px;
	}
	body#product table{
		width: 1168px;
		margin: 0 auto 80px;
		table-layout: fixed;
		border-collapse: collapse;
		border-spacing: 0;
		border: 1px #e6e6e6 solid;
	}
	body#product table th {
		padding: 5px;
		border: 1px #e6e6e6 solid;
		border-width: 0 0 1px 1px;
		text-align: left;
		font-weight: bold;
		text-align: center;
	}
	body#product table th.gray {
		background: #f6f6f6;
	}
	body#product table th.th1{
		width: 285px;
	}
	body#product table th.th2{
		width: 105px;
	}
	body#product table th.th3{
		width: 220px;
	}
	body#product table td {
		padding: 5px;
		border: 1px #e6e6e6 solid;
		border-width: 0 0 1px 1px;
		text-align: left;
	}
	body#product table td.center{
		text-align: center;
	}
	body#product table th img{
		width: 100px;
		height: auto;
	}
	body#product div.moviebox{
		width: 94%;
		display: flex;
		justify-content: space-between;
		margin: 0 auto;
	}
	body#product div.moviebox a{
		display: block;
		width: 32%;
	}
	body#product div.moviebox img{
		width: 100%;
	}
	body#product h3#map3d{
		margin: 50px 0 20px;
	}
	/*####################　機械設備紹介　####################*/
	body#equipment h2.pageTitle{
		text-indent: -9999px;
		background: url(../img/equipment_title.jpg) no-repeat;
		width: 1168px;
		height: 200px;
		margin: 0 auto 80px;
	}
	body#equipment div.ebox{
		float: left;
		width: 368px;
		margin: 16px;
	}
	body#equipment table{
		width: 100%;
		margin: 0 auto;
		table-layout: fixed;
		border-collapse: collapse;
		border-spacing: 0;
		border: 1px #e6e6e6 solid;
	}
	body#equipment table th {
		padding: 5px;
		border: 1px #e6e6e6 solid;
		border-width: 0 0 1px 1px;
		text-align: left;
		font-weight: bold;
		text-align: center;
		background: #f6f6f6;
	}
	body#equipment table td {
		padding: 5px;
		border: 1px #e6e6e6 solid;
		border-width: 0 0 1px 1px;
		text-align: center;
	}
	body#equipment h4{
		background: url(../img/h4_title_bg.png) no-repeat;
		width: 1168px;
		height: 40px;
		color: #fff;
		font-size: 20px;
		font-weight: bold;
		padding: 10px 0 0 15px;
		margin: 10px auto 16px;
	}
	body#equipment p.copy{
		margin: 0 16px 16px;
	}
	body#equipment div.tbox div.leftbox{
		float: left;
		margin: 16px;
		width: 568px;
	}
	body#equipment div.tbox div.rightbox{
		float: left;
		margin: 16px;
		width: 568px;
	}
	/*####################　会社概要　####################*/
	body#company h2.pageTitle{
		text-indent: -9999px;
		background: url(../img/company_title.jpg) no-repeat;
		width: 1168px;
		height: 200px;
		margin: 0 auto 80px;
	}
	body#company div.companyBox{
		margin: 0 0 80px;
	}
	body#company div.companyBox div.leftbox{
		float: left;
		width: 568px;
		margin: 0 16px 16px;
	}
	body#company div.companyBox div.rightbox{
		float: right;
		width: 568px;
		margin: 0 16px 16px;
	}
	body#company div.companyBox div.rightbox h4{
		color: #0b308e;
		font-size: 22px;
		font-weight: bold;
		margin: 80px 0 30px;
	}
	body#company div.companyBox p{
		margin: 0 0 16px;	
	}
	body#company div.companyBox div.sign{
		text-align: right;
		margin: 10px 0 0;
	}
	body#company table{
		width: 1168px;
		margin: 0 auto 80px;
		table-layout: fixed;
		border-collapse: collapse;
		border-spacing: 0;
	}
	body#company table th {
		padding: 8px;
		border: 3px #0b308e solid;
		border-width: 3px 0 0 0;
		text-align: left;
		font-weight: bold;
		text-align: center;
		vertical-align: top;
		width: 270px;
	}
	body#company table td {
		padding: 8px;
		border: 3px #bfbfbf solid;
		border-width: 3px 0 0 0;
		text-align: left;
		vertical-align: top;
	}
	body#company table td.dot {
		border: 1px #bfbfbf dotted;
		border-width: 1px 0 0 0;
	}
	/*####################　採用情報　####################*/
	body[id^="recruit"] h2.pageTitle{
		text-indent: -9999px;
		background: url(../img/recruit_title.jpg) no-repeat;
		width: 1168px;
		height: 200px;
		margin: 0 auto 80px;
	}
	body[id^="recruit"] h3.copy{
		font-family: '游明朝', '游明朝体', 'ＭＳ Ｐ明朝', 'MS PMincho', 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'serif';
		font-size: 32px;
		text-align: center;
		line-height: 200%;
	}
	body[id^="recruit"] ul.btn{
		margin: 50px auto 0;
		text-align :center;
	}
	body[id^="recruit"] ul.btn li{
		float: left;
		margin: 16px;
	}
	body[id^="recruit"] ul.btn li a{
		display: block;
		text-indent: -9999px;
		width: 568px;
		height: 161px;
	}
	body[id^="recruit"] ul.btn li.btn01 a{
		background: url(../img/recruit_btn01a.png) no-repeat;
	}
	body[id^="recruit"] ul.btn li.btn02 a{
		background: url(../img/recruit_btn02a.png) no-repeat;
	}
	body[id^="recruit"] ul.btn li a:hover{
		filter:alpha(opacity=85);
    	-moz-opacity: 0.85;
    	opacity: 0.85;
	}
	body[id^="recruit"] div.asagaku{
		width: 600px;
		text-align: center;
		margin: 0 0 80px;
	}
	body[id^="recruit"] div.asagaku p{
		margin: 0 0 20px;
	}
	body[id^="recruit"] div.recruitBox{
		margin: 0 0 80px;
	}
	body[id^="recruit"] div.recruitBox div.leftbox{
		float: left;
		width: 568px;
		margin: 16px;
	}
	body[id^="recruit"] div.recruitBox div.rightbox{
		float: right;
		width: 568px;
		margin: 16px;
	}
	body[id^="recruit"] div.recruitBox div.rightbox p.space{
		margin: 50px 0 0;	
	}
	body[id^="recruit"] div.recruitBox div.rbox{
		width: 368px;
		margin: 0 16px 16px;
		float: left;
	}
	body[id^="recruit"] div.recruitBox div.rbox h4{
		background: url(../img/h4_title_bg.png) no-repeat;
		width: 368px;
		height: 40px;
		color: #fff;
		font-size: 20px;
		font-weight: bold;
		padding: 10px 0 0 15px;
		margin: 10px auto 16px;
	}
	body[id^="recruit"] div.recruitBox div.rbox p{
		margin: 16px 0 0;	
	}
	body[id^="recruit"] div.recruitBox p.copy{
		margin: 0 16px 16px; 
	}
	body[id^="recruit"] div.recruitBox div.rboxB{
		width: 568px;
		margin: 0 16px 16px;
		float: left;
	}
	body[id^="recruit"] div.recruitBox div.rboxB h4{
		background: #0b308e;
		padding: 10px;
		font-size: 20px;
		font-weight: bold;
		color: #fff;
		text-align: center;
	}
	body[id^="recruit"] div.recruitBox div.rboxB ul{
		margin: 16px 0 16px 16px;
	}
	body[id^="recruit"] div.recruitBox div.rboxB ul li{
		list-style: square;
		margin: 0 0 0 5px;
	}
	body[id^="recruit"] div.vbox div.leftbox{
		width: 568px;
		float: left;
	}
	body[id^="recruit"] div.vbox div.rightbox{
		width: 568px;
		float: right;
	}
	body[id^="recruit"] div.vbox div.leftbox h4,
	body[id^="recruit"] div.vbox div.rightbox h4{
		background: url(../img/index_h4_bg.png) no-repeat;
		width: 568px;
		height: 40px;
		color: #fff;
		font-size: 20px;
		font-weight: bold;
		padding: 10px 0 0 15px;
		margin: 0 0 16px;
	}

	body[id^="recruit"] div.vbox h4{
		background: url(../img/index_h4_bg.png) no-repeat #0b308e;
		width: 1168px;
		height: 40px;
		color: #fff;
		font-size: 20px;
		font-weight: bold;
		padding: 10px 0 0 15px;
		margin: 0 auto 16px;
	}

	body[id^="recruit"] div.recruitBox div.voiceL,
	body[id^="recruit"] div.recruitBox div.voiceR{
		width: 268px;
		position: relative;
	}
	body[id^="recruit"] div.recruitBox div.voiceL{
		float: left;
	}
	body[id^="recruit"] div.recruitBox div.voiceR{
		float: right;
	}
	body[id^="recruit"] div.recruitBox div.voiceL img,
	body[id^="recruit"] div.recruitBox div.voiceR img{
		position: absolute;
		width: 200px;
		left: 0;
		right: 0;
		margin: auto;
		z-index: 9999;
	}
	body[id^="recruit"] div.recruitBox div.voiceL div.text,
	body[id^="recruit"] div.recruitBox div.voiceR div.text{
		border: solid 2px #bbb;
		padding: 120px 8px 8px;
		background: #f6f6f6;
		position: relative;
		top: 100px;
		z-index: 9998;
		margin: 0 0 80px;
	}
	body[id^="recruit"] div.recruitBox p.name{
		text-align: center;
		font-weight: bold;
		margin: 10px 0 0;
	}
	body[id^="recruit"] div.recruitBox a.btn{
		display: block;
		width: 120px;
		margin: 10px auto;
		padding: 5px;
		border-radius: 5px;
		background: #16308c;
		color: #fff;
		text-align: center;
		text-decoration: none;
	}
	body[id^="recruit"] div.recruitBox a.btn:hover{
		background: #c00;
	}
	body[id^="recruit"] div.recruitBBox{
		width: 800px;
		margin: 0 auto;
	}
	body[id^="recruit"] div.recruitBBox div.leftbox{
		text-align: center;
		margin: 0 0 10px;
	}
	body[id^="recruit"] div.recruitBBox div.rightbox p{
		margin: 0 0 15px;
	}
	body[id^="recruit"] div.recruitBBox div.rightbox p.name{
		text-align: right;
	}
	body[id^="recruit"] div.recruitBBox p.btn{
		text-align: center;
	}
	body[id^="recruit"] div.recruitBBox p.btn button{
		display: block;
		width: 200px;
		padding: 10px 15px;
		text-align: center;
		background: #f1f1f1;
		border: solid 1px #ddd;
		border-radius: 5px;
		margin: 10px auto;
	}
	body[id^="recruit"] div.recMovie{
		margin: 10px auto;
		width: 86%;
	}
	/**ここから*************************/
	body[id^="recruit"] div.recruitBox div.voiceBox{
		width: 268px;
		position: relative;
		float: left;
		margin: 0 16px;
	}


	body[id^="recruit"] div.recruitBox div.voiceBox img{
		position: absolute;
		width: 200px;
		left: 0;
		right: 0;
		margin: auto;
		z-index: 9999;
	}
	body[id^="recruit"] div.recruitBox div.voiceBox div.text{
		border: solid 2px #bbb;
		padding: 120px 8px 8px;
		background: #f6f6f6;
		position: relative;
		top: 100px;
		z-index: 9998;
		margin: 0 0 80px;
	}
	body[id^="recruit"] div.recruitBox p.name{
		text-align: center;
		font-weight: bold;
	}



	body[id^="recruit"] div.infobox h4{
		background: url(../img/index_h4_bg.png) no-repeat #0b308e;
		width: 1168px;
		height: 40px;
		color: #fff;
		font-size: 20px;
		font-weight: bold;
		padding: 10px 0 0 15px;
		margin: 0 auto 16px;
	}
	body[id^="recruit"] div.sbox h5{
		float: left;
		margin: 16px;
		font-size: 24px;
		font-weight: bold;
		color: #0b308e;
		width: 184px;
		padding-top: 8px;
	}
	body[id^="recruit"] div.sbox p{
		margin: 16px;
		width: 936px;
		float: right;
	}
	body[id^="recruit"] div.nbox div.nagare{
		margin: 16px;
		padding: 16px;
		width: 268px;
		border: solid 2px #bbb;
		float: left;
		height: 250px;
		position: relative;
	}
	body[id^="recruit"] div.nbox div.nagare:first-child{
		z-index: 40;
	}
	body[id^="recruit"] div.nbox div.nagare:nth-child(2){
		z-index: 30;
	}
	body[id^="recruit"] div.nbox div.nagare:nth-child(3){
		z-index: 20;
	}
	body[id^="recruit"] div.nbox div.nagare:last-child(4){
		z-index: 10;
	}
	body[id^="recruit"] div.nbox div.nagare span{
		position: absolute;
		display: block;
		width: 64px;
		height: 64px;
		background: url(../img/recruit_icon_arrow.png) no-repeat;
		right: -52px;
		top: 93px;
	}
	body[id^="recruit"] div.nbox div.nagare h6{
		color: #0b308e;
		font-weight: bold;
		font-size: 16px;
		text-align :center;
		margin: 0 0 15px;
	}
	body[id^="recruit"] div.nbox div.leftbox{
		float: left;
		margin: 16px;
		width: 568px;
	}
	body[id^="recruit"] div.nbox div.rightbox{
		float: left;
		margin: 16px;
		width: 568px;
	}
	body[id^="recruit"] div.nbox div.leftbox h4,
	body[id^="recruit"] div.nbox div.rightbox h4{
		width: 568px !important;
	}
	/*▼▼▼▼▼20200304追加▼▼▼▼▼*/
	body[id^="recruit"] div.top-sp{
		margin: 30px 0;
		
	}
	body[id^="recruit"] div.nbox div.comBox{
		margin: 16px 30px;
	}
	body[id^="recruit"] div.nbox div.comBox h5{
		border-left: solid 15px #0b308e;
		margin: 0 0 10px;
		padding: 3px 0 3px 5px;
		font-weight: bold;
	}
	body[id^="recruit"] div.nbox div.comBox h5.title2{
		margin: 30px 0 10px;
	}
	/*▲▲▲▲▲20200304追加▲▲▲▲▲*/
	body[id^="recruit"] table.entry{
		width: 1168px;
		margin: 0 auto 80px;
		table-layout: fixed;
		border-collapse: collapse;
		border-spacing: 0;
	}
	body[id^="recruit"] table.entry th {
		padding: 8px;
		border: 3px #0b308e solid;
		border-width: 3px 0 0 0;
		text-align: left;
		font-weight: bold;
		text-align: center;
		vertical-align: top;
		width: 270px;
	}
	body[id^="recruit"] table.entry td {
		padding: 8px;
		border: 3px #bfbfbf solid;
		border-width: 3px 0 0 0;
		text-align: left;
		vertical-align: top;
	}
	body[id^="recruit"] table.entry td.dot {
		border: 1px #bfbfbf dotted;
		border-width: 1px 0 0 0;
	}
	body[id^="recruit"] p.contact{
		margin: 0 16px 16px;
	}
	body[id^="recruit"] div.contact h4{
		background: url(../img/h4_title_bg.png) no-repeat;
		width: 1168px;
		height: 40px;
		color: #fff;
		font-size: 20px;
		font-weight: bold;
		padding: 10px 0 0 15px;
		margin: 0 auto 16px;
	}
	body[id^="recruit"] div.contact div.tel{
		margin: 30px auto;
		width: 777px;
		height: 96px;
	}
	body[id^="recruit"] div.contact div.tel a{
		display: block;
		text-indent: -9999px;
		width: 777px;
		height: 96px;
		background: url(../img/recruit_tel.png) no-repeat;
		pointer-events: none;
	}
	body[id^="recruit"] table.form{
		width: 1168px;
		margin: 30px auto;
	}
	body[id^="recruit"] table.form th,
	body[id^="recruit"] table.form td{
		width: 388px;
	}
	body[id^="recruit"] table.form th{
		font-weight: bold;
		padding: 10px 0px 0;
	}
	body[id^="recruit"] table.form td{
		padding: 10px 0px;
		margin: 0 0 20px;
	}
	body[id^="recruit"] table.form input[type='text']{
		border: solid 1px #bbb;
		border-radius: 2px;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		width: 100%;
	}
	body[id^="recruit"] table.form input[type='text'].w90{
		width: 90%;	
	}
	body[id^="recruit"] table.form select{
		border: solid 1px #bbb;
		border-radius: 2px;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		width: 100%;
	}
	body[id^="recruit"] table.form textarea{
		border: solid 1px #bbb;
		border-radius: 2px;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		width: 100%;
	}
	div.form_btn{
		margin: 20px auto;
		text-align: center;
	}
	div.form_btn input{
		display: block;
		border: solid 2px #e5e5e5;
		border-radius: 24px;
		-webkit-border-radius: 24px;
		-moz-border-radius: 24px;
		width: 268px;
		height: 48px;
		text-align: center;
		font-weight: bold;
		background: url(../img/recruit_formbtn.png) repeat-x left center;
		display: inline-block;
		margin: 0 10px;
	}
	/*####################　お問い合わせ　####################*/
	body#contact h2.pageTitle{
		text-indent: -9999px;
		background: url(../img/contact_title.jpg) no-repeat;
		width: 1168px;
		height: 200px;
		margin: 0 auto 80px;
	}
	body[id^="contact"] table.form{
		width: 1168px;
		margin: 30px auto;
	}
	body[id^="contact"] table.form th,
	body[id^="contact"] table.form td{
		width: 388px;
	}
	body[id^="contact"] table.form th{
		font-weight: bold;
		padding: 10px 0px 0;
	}
	body[id^="contact"] table.form td{
		padding: 10px 0px;
		margin: 0 0 20px;
	}
	body[id^="contact"] table.form input[type='text']{
		border: solid 1px #bbb;
		border-radius: 2px;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		width: 100%;
	}
	body[id^="contact"] table.form input[type='text'].w90{
		width: 90%;	
	}
	body[id^="contact"] table.form select{
		border: solid 1px #bbb;
		border-radius: 2px;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		width: 100%;
	}
	body[id^="contact"] table.form textarea{
		border: solid 1px #bbb;
		border-radius: 2px;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		width: 100%;
	}
	body[id^="contact"] div.form_btn{
		margin: 20px auto;
		text-align: center;
	}
	body[id^="contact"] div.form_btn input{
		display: block;
		border: solid 2px #e5e5e5;
		border-radius: 24px;
		-webkit-border-radius: 24px;
		-moz-border-radius: 24px;
		width: 268px;
		height: 48px;
		text-align: center;
		font-weight: bold;
		background: url(../img/recruit_formbtn.png) repeat-x left center;
		display: inline-block;
		margin: 0 10px;
	}
	.select-wrap {
		position: relative;
	}
	.select-wrap:before {
		z-index: 1;
		position: absolute;
		right: 15px;
		top: 0;
		content: "\f123";
		font-family: "IonIcons";
		line-height: 43px;
		color: #7F878C;
		pointer-events: none;
	}
	select{
		outline:none;
		-moz-appearance: none;
		text-indent: 0.01px;
		text-overflow: '';
		background: none transparent;
		vertical-align: middle;
		font-size: inherit;
		color: inherit;
		-webkit-appearance: button;
		-moz-appearance: button;
		appearance: button;
		appearance: none;
		-webkit-appearance: none;
		-moz-appearance: none;
		height: 40px;
		padding: 8px 12px;
		border:1px solid #ddd;
		color:#262626;
		width:100%;
		border-radius:3px;
	}
	select option{
	  background-color: #fff;
	  color: #333;
	}
	select::-ms-expand {
	  display: none;
	}
	select:-moz-focusring { 
	  color: transparent; 
	  text-shadow: 0 0 0 #828c9a;
	}
	.mw_wp_form_confirm .select-wrap:before,
	.mw_wp_form_preview .select-wrap:before{
		z-index: 1;
		position: absolute;
		right: 15px;
		top: 0;
		content: "";
		pointer-events: none;
	}
	
}
/* ---------------------------------------------------------
	980px~
----------------------------------------------------------*/
@media screen and (min-width: 980px) {
}

/* ---------------------------------------------------------
	1180px~
----------------------------------------------------------*/
@media screen and (min-width: 1180px) {
}
li.msg{
	text-align: center;
}
span.msg{
	color: #c00;
}
p.msg{
	text-align: center;
}
form li{
	text-align: center;
}