@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Lato:300,400);
/* Style.css */

/* [ Utility and Reset css ]
===================================================================== */

html,button,input,select,textarea { color: #333; }
html { -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -o-text-size-adjust: 100%; text-size-adjust: 100%; font-size: 100%; }
*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
::-moz-selection { background: #e5f5f1; color: #333; text-shadow: none; }
::selection { background: #e5f5f1; color: #333; text-shadow: none; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
audio,canvas,img,video { vertical-align: middle; }
.ie7 .title { padding-top: 20px; }
fieldset {  border: 0; margin: 0; padding: 0; }
textarea { resize: vertical; }

/* [ Reset 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, menu, nav, section, summary, time, mark, audio, video{ margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; }
table,div,ul,ol,li,dl,dt,dd{ list-style: none; margin: 0; padding: 0; }
table{ border-collapse:collapse; border-spacing:0; }
article,aside,details,figcaption,figure, footer,header,hgroup,menu,nav,section { display:block; }
nav ul,li { list-style:none; }

/* [ Helper class ] -------------------------------------------------- */
.ir { background-color: transparent; border: 0; overflow: hidden; *text-indent: -9999px; }
.ir:before { content: ""; display: block;  width: 0;  height: 150%; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute;  width: 1px; }
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
/* clearfix */
.cf:before, .cf:after { content: " ";  display: table; }
.cf:after { clear: both; }
.cf { *zoom: 1; }

img { max-width: 100%; height: auto; margin: 0; padding: 0; border:0; outline: none; border-style: none; vertical-align: bottom; line-height: 0; }
img,iframe,object { max-width:100%; }	/* モダンブラウザ用 */
.ie7 img,.ie8 object { width:100%; }	/* IE7用 */
.ie8 img,.ie8 object { width:auto; }	/* IE8用 */

/* [ Parts ]
===================================================================== */
/* space */
.ma0{margin: 0 !important;}.m5 {margin:5px;}.m10 {margin:10px;}.m15 {margin:15px;}.m20 {margin:20px;}.m25 {margin:25px;}.m30 {margin:30px;}.m35 {margin:35px;}.m40 {margin:40px;}.m45 {margin:45px;}.m50 {margin:50px;}.m55 {margin:55px;}.m60 {margin:60px;}.mt5 {margin-top:5px;}.mt10 {margin-top:10px;}.mt15 {margin-top:15px;}.mt20 {margin-top:20px;}.mt25 {margin-top:25px;}.mt30 {margin-top:30px;}.mt35 {margin-top:35px;}.mt40 {margin-top:40px;}.mt45 {margin-top:45px;}.mt50 {margin-top:50px;}.mt55 {margin-top:55px;}.mt60 {margin-top:60px;}.mr5 {margin-right:5px;}.mr10 {margin-right:10px;}.mr15 {margin-right:15px;}.mr20 {margin-right:20px;}.mr25 {margin-right:25px;}.mr30 {margin-right:30px;}.mr35 {margin-right:35px;}.mr40 {margin-right:40px;}.mr45 {margin-right:45px;}.mr50 {margin-right:50px;}.mr55 {margin-right:55px;}.mr60 {margin-right:60px;}.mb5 {margin-bottom:5px;}.mb10 {margin-bottom:10px;}.mb15 {margin-bottom:15px;}.mb20 {margin-bottom:20px;}.mb25 {margin-bottom:25px;}.mb30 {margin-bottom:30px;}.mb35 {margin-bottom:35px;}.mb40 {margin-bottom:40px;}.mb45 {margin-bottom:45px;}.mb50 {margin-bottom:50px;}.mb55 {margin-bottom:55px;}.mb60 {margin-bottom:60px;}.ml5 {margin-left:5px;}.ml10 {margin-left:10px;}.ml15 {margin-left:15px;}.ml20 {margin-left:20px;}.ml25 {margin-left:25px;}.ml30 {margin-left:30px;}.ml35 {margin-left:35px;}.ml40 {margin-left:40px;}.ml45 {margin-left:45px;}.ml50 {margin-left:50px;}.ml55 {margin-left:55px;}.ml60 {margin-left:60px;}.pt0{padding-top: 0 !important;}.p5 {padding:5px;}.p10 {padding:10px;}.p15 {padding:15px;}.p20 {padding:20px;}.p25 {padding:25px;}.p30 {padding:30px;}.p35 {padding:35px;}.p40 {padding:40px;}.p45 {padding:45px;}.p50 {padding:50px;}.p55 {padding:55px;}.p60 {padding:60px;}.pt5 {padding-top:5px;}.pt10 {padding-top:10px;}.pt15 {padding-top:15px;}.pt20 {padding-top:20px;}.pt25 {padding-top:25px;}.pt30 {padding-top:30px;}.pt35 {padding-top:35px;}.pt40 {padding-top:40px;}.pt45 {padding-top:45px;}.pt50 {padding-top:50px;}.pt55 {padding-top:55px;}.pt60 {padding-top:60px;}.pr5 {padding-right:5px;}.pr10 {padding-right:10px;}.pr15 {padding-right:15px;}.pr20 {padding-right:20px;}.pr25 {padding-right:25px;}.pr30 {padding-right:30px;}.pr35 {padding-right:35px;}.pr40 {padding-right:40px;}.pr45 {padding-right:45px;}.pr50 {padding-right:50px;}.pr55 {padding-right:55px;}.pr60 {padding-right:60px;}.pb5 {padding-bottom:5px;}.pb10 {padding-bottom:10px;}.pb15 {padding-bottom:15px;}.pb20 {padding-bottom:20px;}.pb25 {padding-bottom:25px;}.pb30 {padding-bottom:30px;}.pb35 {padding-bottom:35px;}.pb40 {padding-bottom:40px;}.pb45 {padding-bottom:45px;}.pb50 {padding-bottom:50px;}.pb55 {padding-bottom:55px;}.pb60 {padding-bottom:60px;}.pl5 {padding-left:5px;}.pl10 {padding-left:10px;}.pl15 {padding-left:15px;}.pl20 {padding-left:20px;}.pl25 {padding-left:25px;}.pl30 {padding-left:30px;}.pl35 {padding-left:35px;}.pl40 {padding-left:40px;}.pl45 {padding-left:45px;}.pl50 {padding-left:50px;}.pl55 {padding-left:55px;}.pl60 {padding-left:60px;}

/* [ Font Setting ]
===================================================================== */

html{ font-size: 62.5%; }
body { -webkit-text-size-adjust: 100%; text-rendering: optimizeLegibility; }

P{ margin: 0; padding: 0; }
p img{ vertical-align: middle; /*max-width: 100%;*/ }

/* [ Link ] -------------------------------------------------- */
a { -webkit-tap-highlight-color: rgba(193, 240, 231, 0.2); color: #333; text-decoration: none; }
a:visited { color: #333; }
a:hover { color: #333; text-decoration: none; }
a:active { color: #333; }

a img:hover{
	opacity: 0.65;
	filter:alpha(opacity=65);
	-moz-opacity: 0.65;
}
a img { 
	text-decoration: none;
	outline: none;
}
a img::before,a img::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
a img,a img::before,a img::after {
	-webkit-transition: all .2s;
	transition: all .2s;
}
a.out_links{
	background: url(../img/common/ic_out_links.svg) right center no-repeat;
	background-size: 12px;
	padding-right: 16px;
	margin-right: 4px;
}
/* btn */
.btn_more,.btn_more a{
	display: inline-block;
	text-align: center;
	text-decoration: none;
	outline: none;
}
.btn_more::before, .btn_more::after, .btn_more a::before, .btn_more a::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.btn_more,.btn_more::before,.btn_more::after,
.btn_more a,.btn_more a::before,.btn_more a::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}


/* [ HTML,Body ]
===================================================================== */

html{
	height: 100% !important;
}
body{
	/*width: 100%;
	padding: 0;
	margin: 0 auto;
	color: #000;*/
	background-color: #f6f6f6;
	font-family: "Lato", "YuGothic", "Yu Gothic", "Hiragino Kaku Gothic Pro", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14px;
	line-height: 28px;
	letter-spacing: .05em;
	font-weight: normal;
	word-wrap: break-word;
}
#wrap{
	position: relative;
	width: 100%;
	min-width: 375px;
	min-height: 100%;
	padding-left: 250px;
}

@media screen and (max-width: 960px){
	#wrap{
		width: 100%;
		min-width: 100%;
		min-height: 100%;
		padding-left: 0;
	}
}
@media screen and (max-width: 650px){
	body{
		line-height: 24px;
	}
}

/* [ Header ]
===================================================================== */

.global{
	position: fixed;
	top: 0;
	left: 0;
	width: 250px;
	height: 100%;
	min-height: 620px;
	background-color: #fff;
	z-index: 2000;
}
.pc_menu{
	padding-top: 40px;
}
.pc_menu h1.logo{
	width: 180px;
	margin: 0 auto;
}
.pc_menu ul{
	width: 100%;
	margin-top: 40px;
}
.pc_menu li{
	width: 100%;
	height: auto;
	margin: 0 auto;
	text-align: left;
	font-weight: bold;
	font-size: 15px;
	line-height: 1.2em;
}
.pc_menu li a{
	display: block;
	padding: 10px 40px;
}
.pc_menu li a:hover{
	background-color: #f6f6f6;
}
.pc_menu li .small{
	font-size: 9px;
	font-weight: normal;
	color: #aeaeae;
}
.pc_menu ul:not(.sub_nav) li:last-child a{
	display: block;
	padding-right: 20px; /* アイコン分の余白を広めに確保 */
	background: url(../img/common/ic_out_links_gray.svg) 11.25rem 28% / 12px no-repeat;
}
.pc_menu ul:not(.sub_nav) li:last-child a:hover {
	background-color: #f6f6f6;
}

/* [ drawer menu ] */
.drawer-header{
    display: none;
}

@media screen and (max-width: 960px){
	.global{
		display: none;
	}
	.drawer-header{
		display: block;
	}
	.drawer-header li{
		border-bottom: 1px solid #ddd;
	}
	.drawer-menu-item .small{
		font-size: 9px;
		font-weight: normal;
		color: #aeaeae;
	}
}

/* [ SP menu ] -------------------------------------------------- */

.sp_header, .sp_global{ display: none; }

@media screen and (max-width: 960px){
	.sp_header{
		display: block;
		position: relative;
		width: 100%;
		height: 80px;
		background-color: #fff;
	}
	.sp_header h1.logo{
		width: 180px;
		padding: 20px 0 0 10px;
	}
	.sp_global{
		display: block;
		width: 100%;
	}
	
	.drawer-menu li:last-child a{
		display: block;
		background: url(../img/common/ic_out_links_gray.svg) 7rem 28% / 12px no-repeat;
	}
}

/* [ Contact menu ] -------------------------------------------------- */

.sub_nav{
	position: absolute;
	left: 0;
	bottom: 0;
}
.sub_nav li{
	width: 100%;
	height: 56px;
	line-height: 56px;
	font-size: 13px;
}
.sub_nav li img{
	vertical-align: middle;
}
.sub_nav li a{
	display: block;
	padding: 0 0 0 60px;
	color: #fff;
}
li.access{
	background: url(../img/common/access.svg) 22px center no-repeat;
	background-size: 24px;
}
li.mailform{
	background: url(../img/common/mail.svg) 22px center no-repeat;
	background-size: 23px;
}
li.access, li.access a:hover{ background-color: #80a3ca; }
li.mailform, li.mailform a:hover{ background-color: #4c7fb5; }
li.tel, li.tel a:hover{ background-color: #004896; }
.sub_nav li.tel{
	height: 104px;
	line-height: 104px;
	text-align: center;
}
.sub_nav li.tel img{
	width: 226px;
	height: 88px;
}
.sub_nav li a:hover{ opacity: 0.65; filter:alpha(opacity=65); -moz-opacity: 0.65; }
.sub_nav li a{ text-decoration: none; outline: none; }
.sub_nav li a::before, .sub_nav li a::after { position: absolute; z-index: -1; display: block; content: ''; }
.sub_nav li a, .sub_nav li a ::before, .sub_nav li a::after { -webkit-transition: all .2s; transition: all .2s; }

@media screen and (max-width: 960px){
	.sp_menu{
		width: 100%;
		display: table;
		table-layout: fixed;	/*均等配置*/
	}
	.sp_menu li{
		display: table-cell;
		vertical-align: middle;
		text-align: center;
		font-size: 100%;
	}
	.sp_menu li a{
		display: block;
		padding: 20% 0 8%;
		color: #fff;
		font-weight: bold;
	}
	li.access, 
	li.mailform{
		background-position: center 32%;
		background-size: 11%;
	}
	li.tel{
		background: url(../img/common/tel.svg) center 34% no-repeat;
		background-size: 14%;
		background-color: #004896;
	}
	li.access a:hover, li.mailform a:hover, li.tel a:hover{ opacity: 0.65; filter:alpha(opacity=65); -moz-opacity: 0.65; }
}
@media screen and (max-width: 650px){
	.sp_menu li{
		font-size: 85%;
	}
	.sp_menu li a{
		padding: 38% 0 10%;
	}
	li.access, li.mailform{
		background-size: 18%;
	}
	li.tel{
		background-size: 22%;
	}
}


/* [ Bace ]
===================================================================== */

#main{
	width: 100%;
	min-width: 860px;
	height: auto;
	position: relative;
	overflow: hidden;
	text-align: center;
	margin: 0 auto;
	padding: 0 6px;
}
section h2{
	width: 860px;
	margin: 0 auto 40px;
	text-align: left;
	color: #555;
	font-size: 28px;
	letter-spacing: .08em;
}
section h2 span{
	color: #009c70;
	font-size: 16px;
	letter-spacing: .05em;
	vertical-align: top;
	padding-left: 22px;
	margin-left: 16px;
	background: url(../img/common/ic_arrow_green.png) left center no-repeat;
	background-size: 8px;
}
section h3{
	width: 860px;
	text-align: left;
	margin: 0 auto 20px;
	font-size: 16px;
}
section h3 span.green{
	color: #009c70;
	padding-right: 4px;
}

/* [ Page top ] */
.pagetop a{
	position: fixed;
	bottom: 0;
	right: 0;
	width: 80px;
	height: 80px;
	display: block;
	background-color: #000;
	background-color: rgba(0,0,0,.8);
	z-index: 2000;
}
.pagetop img{
	padding-top: 32px;
}

@media screen and (max-width: 960px){
	#main{
		width: 100%;
		min-width: 100%;
		padding: 0;
	}
	section h2,
	section h3{
		width: 90%;
	}
	.pagetop a{
		position: relative;
		width: 100%;
		height: auto;
		background-color: #333;
	}
	.pagetop img{
		padding: 20px 0;
	}
}
@media screen and (max-width: 650px){
	section h2{
		font-size: 20px;
		letter-spacing: 0;
		margin: 0 auto 20px;
	}
	section h2 span{
		font-size: 12px;
		letter-spacing: 0;
	}
	section h3{
		margin: 0 auto 10px;
		font-size: 14px;
	}
}

#page_header{
	width: 100%;
	height: auto;
}
#page_header .text_box{
	width: 100%;
	height: 160px;
	overflow: hidden;
	background: url(../img/common/page_header_bg.jpg) left top repeat;
	background-size: 160px;
}
#page_header .text_box h2,
#page_header .text_box p{
	padding-left: 40px;
	color: #fff;
}
#page_header .text_box h2{
	margin-top: 70px;
	font-size: 30px;
	font-weight: normal;
	letter-spacing: .2em;
}
#page_header .text_box p{
	margin-top: 8px;
	font-size: 13px;
	font-weight: 300;
	letter-spacing: .1em;
}
.bread_link{
	width: 100%;
	height: 50px;
	background-color: #eaeaea;
}
.bread_link ul{
	padding: 12px 0 0 30px;
}
.bread_link li{
	float: left;
	margin-right: 8px;
	font-size: 12px;
	color: #777;
}
.bread_link .ic_right{
	padding-right: 14px;
	background: url(../img/common/ic_bread_right.svg) right center no-repeat;
}
.bread_link li a{ font-weight: bold; text-decoration: underline; }
.bread_link li a:hover{ text-decoration: none; }

#header_visual{
	width: 100%;
	height: 320px;
}

#page_nav{
	width: 100%;
	min-height: 70px;
	background-color: #66c4a9;
    -moz-box-shadow: 0 4px #33b08c;
    -webkit-box-shadow: 0 4px #33b08c;
	box-shadow: 0 4px #33b08c;
}
#page_nav ul{
	padding-top: 20px;
	margin: 0 30px;
	text-align: center;
}
#page_nav li{
	display: inline-block;
	background: url(../img/common/ic_nav_arrow.svg) left center no-repeat;
	background-size: 12px;
	padding-left: 20px;
	margin: 0 10px;
}
#page_nav li a{
	color: #fff;
	font-size: 16px;
	font-weight: bold;
}
/* [ table ] */
table.two_column{
	width: 860px;
	height: auto;
	margin: 0 auto;
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
}
table.two_column th,
table.two_column td{
	padding: 12px 20px 12px 30px;
	text-align: left;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}
table.two_column th{
	width: 200px;
	vertical-align: top;
}
table.two_column td{
	width: 660px;
	background-color: #fff;
}
table.two_column a{
	color: #009c70;
}
table.two_column a:hover{
	text-decoration: underline;
}

@media screen and (max-width: 960px){
	#page_header .text_box{ height: auto; text-align: center; }
	#page_header .text_box h2, 	#page_header .text_box p{ margin: 0; }
	#page_header .text_box h2{ font-size: 26px; font-weight: bold; padding: 40px 0 0; }
	#page_header .text_box p{ padding: 10px 0 34px; }
	#page_nav ul{ padding-bottom: 20px; }
	table.two_column{ width: 90%; }
}
@media screen and (max-width: 650px){
	#page_header .text_box{ background-size: 120px; }
	#page_header .text_box h2{ font-size: 20px; padding: 22px 0 0; }
	#page_header .text_box p{ font-size: 11px; font-weight: bold; letter-spacing: 0; padding: 2px 0 18px; }
	.bread_link{ height: auto; display: inline-block; vertical-align: bottom; padding: 14px 0 6px; }
	.bread_link ul{ padding: 0 5%; }
	.bread_link li{ line-height: 18px; margin-bottom: 6px; }
	#header_visual{ height: 200px; }
	#page_nav ul{ margin: 0 2%; padding-bottom: 16px; }
	#page_nav li{ display: inline; margin: 0 6px; }
	#page_nav li a{ font-size: 13px; }
	
	table.two_column th{
		border-right: 1px solid #ddd;
	}
	table.two_column th,
	table.two_column td{
		width: 100%;
		float: left;
		padding: 10px 5%;
		font-size: 13px;
	}
	table.two_column td.mynavi{text-align:center;}
}


/* [ Top ]
===================================================================== */

#main_visual{
	width: 100%;
	height: 500px;
	overflow: hidden;
	position: relative;
}
.pc_main_visual .main_cover{
	width: 100%;
	height: 500px;
	background: url(../img/top/bg_main_visual.png) left top repeat;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
}
.pc_main_visual video{
	vertical-align: bottom;
	min-width: 100%;
	min-height: 500px; 
	z-index: 1;
}
.pc_main_visual img{
	width: 100%;
	height: auto;
}
.sp_main_visual{
	display: none;
}
#main_visual .copy{
	position: absolute;
	top: 20%;
	z-index: 3;
	width: 100%;
	height: 500px;
	text-align: center;
}
#main_visual .copy img{
	width: 520px;
}
#main_visual .btn_more a{
	width: 280px;
	height: 60px;
	line-height: 60px;
	margin-top: 40px;
	padding-right: 10px;
	background: url(../img/common/ic_under_white.svg) 190px center no-repeat;
	background-size: 12px;
	background-color: rgba(0, 0, 0, .4);
	border: 1px solid #fff;
	font-size: 18px;
	color: #fff;
}
#main_visual .btn_more a:hover {
	background-color: transparent;
}

@media screen and (max-width: 960px){
	#main_visual{
		height: auto;
	}
	.pc_main_visual{
		display: none;
	}
	.sp_main_visual{
		display: block;
	}
	.sp_main_visual img{
		width: 100%;
		height: auto;
	}
	#main_visual .copy img{
		width: 60%;
	}
}
@media screen and (max-width: 650px){
	#main_visual .copy{
		top: 15%;
	}
	#main_visual .btn_more a{
		font-size: 14px;
	}
	#main_visual .copy img{
		width: 60%;
	}
	#main_visual .btn_more a{
		width: 220px;
		height: 10%;
		line-height: 50px;
		padding-right: 1%;
		margin-top: 20px;
		background: url(../img/common/ic_under_white.svg) 160px center no-repeat;
		background-size: 12px;
		background-color: rgba(0, 0, 0, .4);
	}
}

/* [ pick up ] -------------------------------------------------- */

#pickup{
	position: relative;
	width: 100%;
	height: auto;
	margin: 50px auto 60px;
}
.slider_wrap{
	width: 100%;
	padding: 40px 0 20px;
	background: url(../img/common/bg_slider.gif) left top repeat;
}
.slider-contents{
	width: 100%;
}
.slider div{
	width: 100%;
}
.slider div a{
	color: #fff;
}
.slider .title{
	font-size: 32px;
	font-weight: 300;
	letter-spacing: .1em;
}
.slider .caption{
	margin-top: 14px;
}
/* 半導体 */
.slider_semicon h3{
	letter-spacing: .05em;
}
.slider_semicon p{
	margin-top: 10px;
}
.slider .btn_more{
	width: 100px;
	height: 36px;
	line-height: 34px;
	margin-top: 10px;
	padding-left: 20px;
	background: url(../img/common/ic_arrow_white.svg) 20px center no-repeat;
	background-size: 8px;
	background-color: rgba(0, 0, 0, .4);
	border: 1px solid #fff;
	color: #fff;
}
.slider .btn_more:hover {
	background-color: transparent;
}

.slider_panel{
	background: url(../img/top/slider_panel.jpg) center center no-repeat;
}
.slider_semicon{
	padding: 22px 0 30px;
	background: url(../img/top/slider_semicon.jpg) center center no-repeat;
}
.slider_ems{
	background: url(../img/top/slider_ems.jpg) center center no-repeat;
}
.slider_yasai{
	background: url(../img/top/slider_yasai.jpg) center center no-repeat;
}
.slider_welfare{
	background: url(../img/top/slider_welfare.jpg) center center no-repeat;
}
.slider_panel, .slider_ems,
.slider_yasai, .slider_welfare{ padding: 50px 0 40px; }

@media screen and (max-width: 960px){
	#pickup{
		width: 100%;
	}
	.slider .title{
		font-size: 30px;
	}
	.slider_semicon .title{
		letter-spacing: .02em;
		font-size: 26px;
	}
	.slider_semicon .caption{
		margin-top: 8px;
	}
	.slider_semicon{
		padding: 12px 0 26px;
	}
	.slider_panel, .slider_ems,
	.slider_yasai, .slider_welfare{ padding: 40px 0 30px; }
}
@media screen and (max-width: 650px){
	#pickup{
		margin: 40px auto 60px;
	}
	.slider_wrap{
		padding: 20px 0 10px;
	}
	.slider .title{
		font-size: 26px;
		letter-spacing: 0;
	}
	.slider_semicon .title{
		font-size: 22px;
	}
	.slider_semicon{
		padding: 12px 0 30px;
	}
}

/* [ concept ] -------------------------------------------------- */

#concept{
	width: 860px;
	height: auto;
	margin: 0 auto 60px;
}
#concept .inner{
	width: 100%;
	padding: 60px 40px;
	background-color: #fff;
	-moz-box-shadow: 2px 2px 3px #ddd; -webkit-box-shadow: 2px 2px 3px #ddd; box-shadow: 2px 2px 3px #ddd;
}
#concept h3{
	width: 100%;
	color: #009c70;
	font-size: 32px;
	text-align: center;
}
#concept p{
	margin-top: 30px;
}

@media screen and (max-width: 960px){
	#concept{
		width: 100%;
	}
	#concept .inner{
		width: 90%;
		margin: 0 auto;
	}
}
@media screen and (max-width: 650px){
	#concept .inner{
		padding: 10% 8%;
	}
	#concept h3{
		font-size: 26px;
		line-height: 1.2em;
	}
}

/* [ news ] -------------------------------------------------- */

#news{
	width: 860px;
	height: auto;
	margin: 0 auto 80px;
}
.news_list{
	text-align: left;
}
.news_list .post{
	padding-bottom: 14px;
	margin-bottom: 14px;
	border-bottom: 1px dashed #ddd;
}
.news_list .cat, 
.news_list .date{
	float: left;
}
.news_list .cat{
	width: 90px;
	height: 26px;
	line-height: 26px;
	background-color: #009c70;
	color: #fff;
	text-align: center;
	font-weight: 300;
	margin-right: 20px;
}
.news_list .date{
	margin-right: 20px;
	font-weight: bold;
	vertical-align: top;
}
.news_list .post-title{
	width: 70%;
	overflow: hidden;
	letter-spacing: 0;
	line-height: 24px;
}
.news_list .post-title a:hover{
	text-decoration: underline;
}
#news .btn_more {
	width: 100%;
	text-align: left;
	margin-top: 20px;
}
#news .btn_more a{
	width: 240px;
	height: 60px;
	line-height: 60px;
	background-color: #fff;
	border: 2px solid #009c70;
	color: #009c70;
	font-size: 16px;
	font-weight: bold;
}
#news .btn_more a:hover {
	background-color: #009c70;
	border: 2px solid #009c70;
	color: #fff;
}
#news .btn_more img{
	vertical-align: middle;
	margin-top: -5px;
	margin-left: 10px;
}
@media screen and (max-width: 960px){
	#news{
		width: 100%;
	}
	.news_list{
		width: 90%;
		margin: 0 auto;
	}
	.news_list .date{
		float: none;
		margin: 0;
	}
	.news_list .post-title{
		width: 100%;
		margin-top: 10px;
	}
	#news .btn_more {
		width: 90%;
	}
	#news .btn_more a{
		width: 100%;
	}
}
@media screen and (max-width: 650px){
	#news{
		margin: 0 auto 60px;
	}
	.news_list .post{
		padding-bottom: 10px;
	}
	.news_list .post-title{
		line-height: 20px;
	}
	#news .btn_more a{
		width: 100%;
		height: 50px;
		line-height: 48px;
	}
}

/*  [ footer ]
===================================================================== */

#footer{
	width: 100%;
	height: auto;
	padding: 30px 0;
	background-color: #fff;
}
.banner_area{
	width: 100%;
	padding-bottom: 30px;
	margin-bottom: 30px;
	border-bottom: 2px solid #f6f6f6;
}
.banner_area ul{
	width: 840px;
	margin: 0 auto;
	display: table;
	table-layout: fixed;	/*均等配置*/
}
.banner_area li{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	padding: 0 4px;
}
.footer_link{
	width: 860px;
	margin: 0 auto 30px;
}
.footer_link li{
	display: inline-block;
	background: url(../img/footer/icon_right.svg) left center no-repeat;
	background-size: 16px;
	margin: 0 10px;
}
.footer_link li a{
	padding-left: 21px;
	font-size: 13px;
	font-weight: bold;
}
.copyright{
	color: #999;
	font-size: 10px;
}
@media screen and (max-width: 960px){
	.banner_area{
		width: 100%;
	}
	.banner_area ul{
		width: 90%;
	}
	.footer_link{
		width: 90%;
	}
}
@media screen and (max-width: 650px){
	.banner_area{
		padding-bottom: 20px;
	}
	.banner_area ul{
		width: 92%;
	}
	.banner_area li{
		float: left;
		width: 48%;
		margin: 0 2% 10px 0;
		padding: 0;
	}
	.footer_link li{
		float: left;
	}
	.footer_link li a{
		font-size: 12px;
		line-height: 32px;
	}
	.copyright{
		font-size: 10px;
	}
}


/* [ Vision ]
===================================================================== */

.vision_bg{
	background: url(../img/vision/vision_main.jpg) no-repeat center;
	-moz-background-size:cover;
	background-size: cover;
}

#philosophy,
#policies{
	position: relative;
	overflow: hidden;
	width: 100%;
	height: auto;
	margin: 60px auto 80px;
}
#philosophy .inner,
#policies .inner{
	width: 860px;
	margin: 0 auto;
	text-align: left;
}
#philosophy .inner{
	width: 900px;
}
#philosophy .text,
#philosophy .figure{
	float: left;
	width: 410px;
	height: auto;
}
#philosophy .text{
	margin-right: 40px;
	padding: 50px;
	font-size: 16px;
	line-height: 36px;
	background-color: #fff;
	box-shadow: 3px 3px 3px #ddd;
	-moz-box-shadow: 3px 3px 3px #ddd;
	-webkit-box-shadow: 3px 3px 3px #ddd;
}
#policies dt{
	float: left;
	padding-right: 10px;
	font-weight: bold;
}
@media screen and (max-width: 960px){
	.vision_bg{
		background: url(../img/vision/vision_main.jpg) no-repeat 90% bottom;
		-moz-background-size:cover;
		background-size: cover;
	}
	#philosophy .inner{
		width: 92%;
	}
	#policies .inner{
		width: 90%;
	}
	#philosophy .text,
	#philosophy .figure{
		width: 48%;
	}
	#philosophy .text{
		margin-right: 2%;
		padding: 5%;
		line-height: 32px;
	}
	#policies dd{
		padding-left: 1em;
		text-indent: -0.5em;
	}
}
@media screen and (max-width: 650px){
	#philosophy,
	#policies{
		margin: 40px auto 60px;
	}
	#philosophy .inner{
		width: 90%;
	}
	#philosophy .text,
	#philosophy .figure{
		float: none;
		width: 100%;
	}
	#philosophy .text{
		width: 90%;
		margin: 0 auto 30px;
		padding: 20px 0;
		text-align: center;
		font-size: 13px;
		line-height: 24px;
	}
	#policies dd{
		padding-left: 1.2em;
		text-indent: -0.5em;
		padding-bottom: 4px;
	}
}


/* [ Company ]
===================================================================== */

.company_bg{
	background: url(../img/company/company_main.jpg) no-repeat center;
	-moz-background-size:cover;
	background-size: cover;
}

#overview,
#access,
#group{
	width: 100%;
	height: auto;
	margin: 60px auto 80px;
}

#access .inner{
	width: 860px;
	margin: 0 auto;
	text-align: left;
}
#access .map{
	padding: 20px 0;
}
#access .map_btn{
	display: none;
}


@media screen and (max-width: 960px){
	#access .inner{
		width: 90%;
	}
	#access .map iframe{
		width: 100%;
	}
}
@media screen and (max-width: 650px){
	#overview,#access,#group{
		margin: 40px auto 60px;
	}
	#access .map{
		display: none;
	}
	#access .map_btn{
		display: block;
		width: 100%;
		margin-top: 20px;
		text-align: center;
		background-color: #009c70;
	}
	#access .map_btn a{
		display: block;
		padding: 16px 0;
		color: #fff;
		background: url(../img/common/ic_arrow_white.svg) 74% center no-repeat;
		background-size: 8px;
	}
}


/* [ Service ]
===================================================================== */

#header_visual img{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 260px;
	height: 250px;
}
#heading{
	width: 860px;
	margin: 0 auto;
	text-align: center;
}
#heading h2.title{
	text-align: center;
	margin: 50px auto 0;
	font-size: 32px;
	line-height: 42px;
}
#heading p{
	width: 90%;
	margin: 20px auto 0;
}

/* [ footer nav ] -------------------------------------------------- */

#footer_service{
	width: 100%;
	height: auto;
	margin: 60px auto 80px;
}
.nav_text{
	width: 860px;
	margin: 0 auto;
	font-size: 15px;
	font-weight: bold;
	text-align: left;
}
.nav_text img{
	margin-right: 6px;
}
.nav_service{
	width: 100%;
	padding: 40px 0 50px;
	margin-top: 10px;
	background: url(../img/common/bg_slider.gif) left top repeat;
}
.nav_service ul{
	width: 860px;
	height: auto;
	margin: 0 auto;
	display: table;
	table-layout: fixed;	/*均等配置*/
	border-collapse: separate;	/* すき間 */
	border-spacing: 8px 0;
}
.nav_service li{
	display: table-cell;
	vertical-align: top;
	height: 70px;
	line-height: 70px;
	padding: 0 20px;
	text-align: left;
}
.nav_service li a{
	color: #fff;
	font-weight: bold;
	display: block;
}
.nav_service li{ -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; }
.nav_service li:hover{ opacity: 0.65; filter:alpha(opacity=65); -moz-opacity: 0.65; }
.nav_service li::before,.nav_service li::after { position: absolute; z-index: -1; display: block; content: ''; }
.nav_service li,.nav_service li::before,.nav_service li::after { -webkit-transition: all .2s; transition: all .2s; }

.nav_service li.panel{ background: url(../img/service/ic_arrow_panel_50.svg) 95% center no-repeat; background-size: 8px; background-color: #338bbb; -moz-box-shadow: 0 4px #006eaa; -webkit-box-shadow: 0 4px #006eaa; box-shadow: 0 4px #006eaa; }
.nav_service li.semicon{ background: url(../img/service/ic_arrow_semicon_50.svg) 95% center no-repeat; background-size: 8px; background-color: #33b565; -moz-box-shadow: 0 4px #00a33e; -webkit-box-shadow: 0 4px #00a33e; box-shadow: 0 4px #00a33e; }
.nav_service li.ems{ background: url(../img/service/ic_arrow_ems_50.svg) 95% center no-repeat; background-size: 8px; background-color: #33bbd6; -moz-box-shadow: 0 4px #00aacb; -webkit-box-shadow: 0 4px #00aacb; box-shadow: 0 4px #00aacb; }
.nav_service li.food{ background: url(../img/service/ic_arrow_food_50.svg) 95% center no-repeat; background-size: 8px; background-color: #f8bc33; -moz-box-shadow: 0 4px #f6ab00; -webkit-box-shadow: 0 4px #f6ab00; box-shadow: 0 4px #f6ab00; }
.nav_service li.welfare{ background: url(../img/service/ic_arrow_welfare_50.svg) 95% center no-repeat; background-size: 8px; background-color: #ee80a5; -moz-box-shadow: 0 4px #ea608e; -webkit-box-shadow: 0 4px #ea608e; box-shadow: 0 4px #ea608e; }

@media screen and (max-width: 960px){
	#heading{
		width: 100%;
	}
	.nav_text{
		width: 90%;
	}
	.nav_service ul{
		width: 90%;
		border-spacing: 6px 0;
	}
}
@media screen and (max-width: 650px){
	#header_visual img{
		width: 160px;
		height: auto;
	}
	#heading h2.title{
		margin: 40px auto 0;
		font-size: 20px;
		line-height: 30px;
	}
	#heading p{
		margin: 20px auto 0;
	}
	#footer_service{
		margin: 40px auto 60px;
	}
	.nav_service{
		padding: 20px 0;
	}
	.nav_service ul{
		width: 90%;
		height: auto;
		margin: 0 auto;
	}
	.nav_service li{
		display: block;
		float: left;
		width: 48%;
		margin: 3% 1% 0;
	}
}

/* [ Service top ] -------------------------------------------------- */

#service_contents{
	width: 100%;
	height: auto;
	margin: 60px auto 80px;
}
.s_sec_wrap{
	width: 100%;
	height: auto;
	overflow: hidden;
}
.s_sec_wrap .inner{
	width: 860px;
	height: auto;
	padding: 50px 20px;
	margin: 0 auto;
}
.s_sec_wrap h3{
	width: 100%;
	font-size: 28px;
	letter-spacing: .2em;
}
.s_sec_wrap .l_content{
	float: left;
	width: 500px;
	text-align: left;
}
.s_sec_wrap .r_content{
	float: right;
}
.s_sec_wrap .r_content img{
	width: 280px;
	height: 180px;
}
.s_sec_wrap .btn_more a{
	width: 240px;
	height: 60px;
	line-height: 60px;
	margin-top: 30px;
	background-color: #fff;
	font-size: 16px;
	font-weight: bold;
}
.s_sec_wrap .btn_more img{
	vertical-align: middle;
	margin-top: -5px;
	margin-left: 10px;
}

/* [panel] */
article#panel{ background-color: #d9e9f2; }
article#panel h3{ color: #006eaa; }
article#panel .btn_more a{ border: 2px solid #006eaa; color: #006eaa; }
article#panel .btn_more a:hover { background-color: #006eaa; border: 2px solid #006eaa; color: #fff; }
/* [semiconductor] */
article#semicon{ background-color: #d9f1e2; }
article#semicon h3{ color: #00a33e; }
article#semicon .btn_more a{ border: 2px solid #00a33e; color: #00a33e; }
article#semicon .btn_more a:hover { background-color: #00a33e; border: 2px solid #00a33e; color: #fff; }
/* [ems] */
article#ems{ background-color: #d9f2f7; }
article#ems h3{ color: #00aacb; }
article#ems .btn_more a{ border: 2px solid #00aacb; color: #00aacb; }
article#ems .btn_more a:hover { background-color: #00aacb; border: 2px solid #00aacb; color: #fff; }
/* [food] */
article#food{ background-color: #fef2d9; }
article#food h3{ color: #f6ab00; }
article#food .btn_more a{ border: 2px solid #f6ab00; color: #f6ab00; }
article#food .btn_more a:hover { background-color: #f6ab00; border: 2px solid f6ab00; color: #fff; }
/* [welfare] */
article#welfare{ background-color: #fce7ee; }
article#welfare h3{ color: #ea608e; }
article#welfare .btn_more a{ border: 2px solid #ea608e; color: #ea608e; }
article#welfare .btn_more a:hover { background-color: #ea608e; border: 2px solid #ea608e; color: #fff; }

@media screen and (max-width: 960px){
	.s_sec_wrap .inner{
		width: 100%;
		padding: 50px 5%;
	}
	.s_sec_wrap .l_content{
		width: 60%;
	}
	.s_sec_wrap .r_content{
		width: 35%;
	}
	.s_sec_wrap .r_content img{
		width: 100%;
		height: auto;
	}
	.s_sec_wrap .btn_more {
		width: 80%;
	}
	.s_sec_wrap .btn_more a{
		width: 100%;
	}
}
@media screen and (max-width: 650px){
	#service_contents{
		margin: 40px auto 60px;
	}
	.s_sec_wrap .inner{
		padding: 30px 5%;
	}
	.s_sec_wrap h3{
		text-align: center;
		margin-bottom: 16px;
		font-size: 22px;
	}
	.s_sec_wrap p{
		font-size: 13px;
		line-height: 22px;
	}
	.s_sec_wrap .l_content{
		float: none;
		width: 100%;
		text-align: center;
	}
	.s_sec_wrap .r_content{
		display: none;
	}
	.s_sec_wrap .btn_more{
		width: 80%;
	}
	.s_sec_wrap .btn_more a{
		width: 100%;
		height: 50px;
		line-height: 48px;
		margin-top: 20px;
	}
}

/* [ Panel ] -------------------------------------------------- */

.panel_bg{
	background: url(../img/service/panel_main.jpg) no-repeat center;
	-moz-background-size:cover;
	background-size: cover;
	position: relative;
}

#point,#product,#field,#quality{
	width: 100%;
	height: auto;
	margin: 60px auto 80px;
}
#point .inner{
	width: 860px;
	padding: 20px 0;
	margin: 0 auto;
	border-top: 1px dashed #ddd;
}
#point .inner:last-child {
	border-bottom: 1px dashed #ddd;
}
#point .box_txt{
	float: left;
	width: 500px;
	text-align: left;
}
#point .box_txt p.num{
	display: inline;
	color: #fff;
	padding: 2px 8px;
	background-color: #006eaa;
	font-style: italic;
	font-weight: 300;
}
#point .box_txt h3.title{
	width: 100%;
	padding-left: 16px;
	margin-top: 20px;
	font-size: 22px;
	background: url(../img/service/ic_arrow_panel.png) left center no-repeat;
	background-size: 8px;
}
#point .box_txt p.text{
	padding-left: 20px;
}
#point .photo{
	float: right;
	width: 300px;
	height: 188px;
}
#point .photo img{ -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; }

#product .inner{
	width: 100%;
}
#product .col_3_wrap{
	width: 866px;
	margin: 0 auto;
	overflow: hidden;
	display: table;
	table-layout: fixed;	/*均等配置*/
	border-collapse: separate;	/* すき間 */
	border-spacing: 6px 0;
}
#product .col_3{
	display: table-cell;
	vertical-align: top;
	padding: 10px 10px 20px;
	background-color: #fff;
}
#product .col_3 img{
	width: 100%;
	height: auto;
}
#product .col_3 h3.title{
	width: 100%;
	margin: 10px auto 6px;
	padding: 0;
	color: #006eaa;
	font-size: 15px;
	text-align: center;
}
#product .col_3 p.ex{
	font-size: 13px;
	line-height: 20px;
}

#field .inner{
	width: 860px;
	margin: 0 auto;
	overflow: hidden;
	text-align: left;
}
#field .col_2_wrap{
	width: 880px;
}
#field .col_2{
	float: left;
    vertical-align:middle;
	width: 420px;
	height: 160px;
	margin: 0 20px 20px 0;
	background-color: #d9e9f2;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
}
#field .col_2 .icon{
	float: left;
	padding: 10px;
}
#field .col_2 .text{
	padding: 10px;
	text-align: left;
}
#field .col_2 h3.title{
	font-size: 18px;
	margin: 10px 0;
}
#field .col_2 li{
	font-size: 12px;
	line-height: 22px;
}
#field .col_2 li span{
	color: #fff;
}
#field .col_2 li small{
	font-size: 60%;
}

#quality .inner{
	width: 860px;
	margin: 0 auto;
	text-align: left;
}
#quality p{
	float: left;
	width: 500px;
}
#quality .ios{
	float: right;
}

@media screen and (max-width: 960px){
	#point .inner{
		width: 90%;
	}
	#point .box_txt{
		float: left;
		width: 60%;
	}
	#point .photo{
		width: 36%;
		height: auto;
	}
	#point .photo img{
		width: 100%;
	}
	#product .col_3_wrap{
		width: 90%;
	}
	#field .inner{
		width: 90%;
		margin: 0 auto;
		overflow: hidden;
		text-align: left;
	}
	#field .col_2_wrap{
		width: 100%;
		text-align: center;
	}
	#field .col_2{
		float: none;
		width: 48%;
		height: 170px;
		margin: 0 4px 10px;
		display: inline-block;
		vertical-align: top;
	}
	#field .col_2 .icon{
		width: 30%;
		padding: 2% 0;
	}
	#field .col_2 .text{
		float: right;
		width: 70%;
		padding: 2% 1%;
	}
	#field .col_2 h3.title{
		font-size: 16px;
	}
	#field .col_2 li{
		line-height: 20px;
	}
	#quality .inner{
		width: 90%;
	}
	#quality p{
		width: 57%;
	}
	#quality .ios{
		width: 40%;
	}
}
@media screen and (max-width: 650px){
		
	#point,#product,#field,#quality{
		margin: 40px auto 60px;
	}
	#point .box_txt{
		float: none;
		width: 100%;
	}
	#point .box_txt h3.title{
		font-size: 16px;
		background: url(../img/service/ic_arrow_panel.png) left 6px no-repeat;
		background-size: 8px;
		margin-top: 10px;
	}
	#point .box_txt p.text{
		padding-left: 0;
	}
	#point .photo{
		display: none;
	}
	#product .inner{
		width: 100%;
	}
	#product .col_3_wrap{
		display: block;
		width: 60%;
	}
	#product .col_3{
		display: block;
		width: 100%;
		padding: 0;
		margin-bottom: 20px;
		background-color: #f6f6f6;
	}
	#product .col_3 img{
		width: 100%;
	}
	#product .col_3 p.ex{
		font-size: 13px;
		line-height: 20px;
	}
	#field .col_2{
		width: 100%;
		height: auto;
		min-height: 140px;
		margin: 0 0 10px;
		display: block;
		vertical-align: top;
	}
	#field .col_2 .icon,
	#field .col_2 .text{ padding: 1%; }
	
	#quality p,
	#quality .ios{
		float: none;
	}
	#quality p{
		width: 100%;
	}
	#quality .ios{
		width: 60%;
		margin: 20px auto 0;
		text-align: center;
	}
}

/* [ Semiconductor ] -------------------------------------------------- */

.semicon_bg{
	background: url(../img/service/semicon_main.jpg) no-repeat center;
	-moz-background-size:cover;
	background-size: cover;
	position: relative;
}

#process,#technology,#material{
	width: 100%;
	height: auto;
	margin: 60px auto 80px;
}
#technology .inner, 
#material .inner{
	width: 860px;
	margin: 0 auto;
	overflow: hidden;
}
section h3 span.semicon{
	color: #00a33e;
	padding-right: 4px;
}
.slider_process .box{
	width: 100%;
	height: 280px;
	text-align: center;
	background-color: #fff;
	-moz-box-shadow: 4px 4px #ddd; -webkit-box-shadow: 4px 4px #ddd; box-shadow: 4px 4px #ddd;
}
.slider_process h4.title{
	font-size: 16px;
	font-weight: bold;
	margin-top: 10px;
}
.slider_process h4 span{
	color: #00a33e;
	padding-right: 8px;
}
.slider_process .box dl{
	margin-top: 8px;
}
.slider_process .box dt{
	font-size: 12px;
	line-height: 16px;
}
#process #chipping{
	margin-top: 40px;
}
#technology ul{
	width: 870px;
}
#technology li{
	display: inline-block;
	width: 420px;
	height: 420px;
	margin: 0 10px 10px 0;
	padding: 20px;
	background-color: #eee;	
	border: 1px solid #ddd;
	vertical-align: top;
	text-align: left;
}
#technology li img{
	width: 100%;
	height: auto;
	margin-bottom: 20px;
}
#technology li h3{
	display: inline;
	padding: 6px 10px;
	color: #fff;
	background-color: #00a33e;
}
#technology li p{
	margin-top: 10px;
	font-size: 13px;
	line-height: 24px;
}
#material ul{
	width: 880px;
	display: table;
	table-layout: fixed;	/*均等配置*/
	border-collapse: separate;	/* すき間 */
	border-spacing: 10px 0;
	margin-left: -10px;
}
#material li{
	display: table-cell;
	vertical-align: top;
}
#material .titile{
	font-weight: bold;
	margin-top: 10px;
}

@media screen and (max-width: 960px){
	#technology .inner,
	#material .inner{
		width: 90%;
	}
	#technology ul{
		width: 100%;
	}
	#material ul{
		width: 103%;
		border-spacing: 3% 0;
		margin-left: -3%;
	}
	#technology li{
		width: 48%;
		height: 400px;
		margin: 0 0 10px 1%;
	}
}
@media screen and (max-width: 650px){
		
	#process,#technology,#material{
		margin: 40px auto 60px;
	}
	
	.slider_process .box{
		height: auto;
		min-height: 240px;
	}
	.slider_process h4.title{
		font-size: 16px;
	}
	#technology li{
		display: block;
		width: 100%;
		height: auto;
		margin-left: 0;
	}
	#technology li p{
		font-size: 12px;
		line-height: 20px;
	}
	#material li{
		display: block;
		width: 100%;
		margin-bottom: 10px;
	}
	#material li img{
		width: 60%;
	}
}

/* [ EMS ] -------------------------------------------------- */

.ems_bg{
	background: url(../img/service/ems_main.jpg) no-repeat center;
	-moz-background-size:cover;
	background-size: cover;
	position: relative;
}

#ems_works,#ems_service, #ems_flow,#simulation,#case{
	width: 100%;
	height: auto;
	margin: 60px auto 80px;
}
#ems_works .inner, #ems_service .inner, #ems_flow .inner, #simulation .inner, #case .inner{
	width: 860px;
	margin: 0 auto;
	overflow: hidden;
}
#ems_works .so-ene, #ems_works .syo-ene{
	width: 400px;
	height: 300px;
}
#ems_works .so-ene{ float: left; }
#ems_works .syo-ene{ float: right; }
#ems_works .x{
	float: left;
	margin-top: 130px;
	margin-left: 14px;
}
#ems_service ul{
	width: 880px;
}
#ems_service li{
	float: left;
	width: 200px;
	margin: 0 20px 20px 0;
}
#ems_service li p{
	margin-top: 6px;
	font-size: 13px;
	line-height: 20px;
	font-weight: bold;
}
#ems_flow dl{
	width: 100%;
	border-top: 1px solid #ddd;
}
#ems_flow dt, #ems_flow dd{
	display: inline-block;
	vertical-align: top;
}
#ems_flow dt{
	width: 180px;
	height: 110px;
	line-height: 50px;
	padding: 20px 0 0;
	background: url(../img/service/ems_arrow.jpg) left 99px no-repeat;
	font-size: 20px;
	font-style: italic;
	text-align: center;
}
#ems_flow dt:last-of-type{
	background: none;
	height: 100px;
	border-bottom: 1px solid #ddd;
}
#ems_flow dt span{
	color: #00aacb;
	padding-left: 10px;
}
#ems_flow dd{
	overflow: auto;
	width: 676px;
	height: 100px;
	padding: 30px 0 0 10px;
	font-size: 14px;
	line-height: 22px;
	text-align: left;
	border-bottom: 1px solid #ddd;
}
#simulation .example{
	width: 100%;
	padding: 20px;
	background-color: #eaeaea;
	text-align: left;
}
#simulation .example strong{
	background-color: #fcee21;
	padding: 2px;
}
#simulation ul{
	width: 880px;
	margin-top: 30px;
}
#simulation li{
	float: left;
	width: 420px;
	margin-right: 20px;
}
#simulation li h3{
	width: 100%;
	font-size: 15px;
	margin-bottom: 10px;
}
#simulation .text{
	margin-top: 10px;
	font-size: 12px;
	text-align: left;
}
#case ul{
	width: 870px;
}
#case li{
	float: left;
	width: 280px;
	height: 290px;
	padding: 10px;
	margin: 0 10px 10px 0;
	background-color: #fff;
}
#case li p.title{
	margin-top: 10px;
	color: #00aacb;
	font-size: 15px;
	font-weight: bold;
}
#case li p.text{
	margin-top: 4px;
	font-size: 13px;
	line-height: 20px;
}

@media screen and (max-width: 960px){
	#ems_works .inner, #ems_service .inner,
	#ems_flow .inner, #simulation .inner, #case .inner{
		width: 90%;
	}
	#ems_works .so-ene, #ems_works .syo-ene{
		width: 46%;
		height: auto;
	}
	#ems_works .x{
		width: 8%;
		margin-top: 15%;
		margin-left: 0;
	}
	#ems_service ul{
		width: 101%;
	}
	#ems_service li{
		width: 24%;
		margin: 0 1% 20px 0;
	}
	#ems_flow dl{
		width: 100%;
	}
	#ems_flow dt{
		width: 25%;
	}
	#ems_flow dd{
		width: 74%;
	}
	#simulation .example{
		width: 100%;
		padding: 20px;
		background-color: #eaeaea;
		text-align: left;
	}
	#simulation ul{
		width: 102%;
	}
	#simulation li{
		width: 48%;
		margin-right: 2%;
	}
	#simulation li h3{
		font-size: 14px;
	}
	#case ul{
		width: 102%;
	}
	#case li{
		width: 32%;
		height: 260px;
		margin: 0 1% 10px 0;
	}
	#case li p.text{
		margin-bottom: 10px;
	}
}
@media screen and (max-width: 650px){
	
	#ems_works, #ems_service, #simulation, #flow, #case{
		margin: 40px auto 60px;
	}
	#ems_works .so-ene, #ems_works .syo-ene{
		width: 100%;
	}
	#ems_works .so-ene, #ems_works .syo-ene, #ems_works .x{
		float: none;
	}
	#ems_works .x{
		width: 100%;
		margin: 10px auto;
	}
	#ems_service ul{
		width: 102%;
	}
	#ems_service li{
		width: 48%;
		margin: 0 2% 14px 0;
	}
	#ems_flow dl{
		width: 100%;
		border: none;
	}
	#ems_flow dt, #ems_flow dd{
		display: block;
		width: 100%;
		height: auto;
		padding: 0;
		border: none;
		text-align: left;
	}
	#ems_flow dt,#ems_flow dt:last-of-type{
		height: auto;
		line-height: auto;
		font-weight: bold;
		background: none;
		border: none;
	}
	#ems_flow dd{
		padding: 20px;
		font-size: 13px;
		background-color: #fff;
	}
	#simulation ul{
		width: 100%;
		margin-top: 0;
	}
	#simulation li{
		float: none;
		width: 100%;
		margin: 30px 0 0;
	}
	#simulation li h3{
		margin 0 0 10px;
	}
	#case ul{
		width: 101%;
	}
	#case li{
		width: 49%;
		height: 250px;
		margin: 0 1% 10px 0;
	}
	#case li p.title{
		font-size: 14px;
	}
	#case li p.text{
		font-size: 12px;
		line-height: 18px;
	}
}

/* [ Food ] -------------------------------------------------- */

.food_bg{
	background: url(../img/service/food_main.jpg) no-repeat center;
	-moz-background-size:cover;
	background-size: cover;
	position: relative;
}

#social_k{
	width: 100%;
	height: auto;
	margin: 60px auto 80px;
}
#social_k .inner{
	width: 860px;
	margin: 0 auto;
	overflow: hidden;
}
#social_k .l_text{
	float: left;
	width: 370px;
	text-align: left;
}
#social_k .btn_more a{
	width: 320px;
	height: 70px;
	line-height: 70px;
	margin-top: 30px;
	background-color: #fff;
	font-size: 16px;
	font-weight: bold;
}
#social_k .btn_more img{ vertical-align: middle; margin-top: -5px; margin-left: 10px; }
#social_k .btn_more a{ border: 2px solid #f6ab00; color: #f6ab00; }
#social_k .btn_more a:hover { background-color: #f6ab00; border: 2px solid f6ab00; color: #fff; }
#social_k .photo{ float: right; }

@media screen and (max-width: 960px){
	#social_k .inner{
		width: 90%;
	}
	#social_k .l_text{
		width: 65%;
	}	
	#social_k .photo{
		width: 30%;
	}
	#social_k .photo img{
		width: 100%;
		height: auto;
	}
}
@media screen and (max-width: 650px){
	#social_k{
		margin: 40px auto 60px;
	}
	#social_k .l_text,
	#social_k .photo{
		float: none;
	}
	#social_k .l_text{
		width: 100%;
	}
	#social_k .btn_more{
		width: 100%;
	}
	#social_k .btn_more a{
		width: 100%;
		height: 60px;
		line-height: 60px;
	}
	#social_k .photo{
		width: 100%;
		margin-top: 30px;
	}
	#social_k .photo img{
		width: 50%;
		float: left;
	}
}

/* [ Welfare ] -------------------------------------------------- */

.welfare_bg{
	background: url(../img/service/welfare_main.jpg) no-repeat center;
	-moz-background-size:cover;
	background-size: cover;
	position: relative;
}

#wel_concept, #wel_service, #hydroponics, #wel_case, #management{
	width: 100%;
	height: auto;
	margin: 60px auto 80px;
}
#wel_concept .inner, #wel_case .inner, #management .inner{
	width: 860px;
	margin: 0 auto;
	overflow: hidden;
}
#wel_concept .l_content{
	float: left;
	width: 420px;
	margin: 0 auto;
	overflow: hidden;
}
#wel_concept .plan,
#wel_concept .policy{
	width: 100%;
	text-align: left;
	clear: both;
}
#wel_concept h3{
	float: left;
	width: 120px;
	height: 120px;
	line-height: 120px;
	color: #fff;
	text-align: center;
	background-color: #f4b0c7;
	-moz-box-shadow: 0 4px #f090b0; -webkit-box-shadow: 0 4px #f090b0; box-shadow: 0 4px #f090b0;
	-webkit-border-radius: 60px; -moz-border-radius: 60px; -o-border-radius: 60px; border-radius: 60px;
}
#wel_concept p{
	float: right;
	width: 300px;
	padding: 6px 0 0 20px;
	font-size: 14px;
	line-height: 24px;
}
#wel_concept .photo{
	float: right;
	width: 400px;
	height: 310px;
}
#wel_service table.two_column th{
	width: 230px;
}
#wel_service table.two_column td{
	width: 630px;
}
#wel_service .two_column dt{
	float: left;
	padding-right: 2px;
	color: #f9cfdd;
}
#wel_service .two_column dd{
	overflow: auto;
}
#hydroponics .flow_wrap{
	width: 100%;
	padding: 20px 0 0;
	background-color: #fdeff4;
}
#hydroponics .flow_wrap dt{
	color: #666;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	margin-left: -10px;
}
#hydroponics .flow_wrap dt img{
	display: inline;
	vertical-align: text-top;
	width: 20px;
	height: 20px;
	margin-right: 4px;
}
#hydroponics .flow_wrap dd{
	margin-top: 6px;
}
#wel_case ul{
	width: 100%;
	display: table;
	table-layout: fixed;	/*均等配置*/
}
#wel_case li{
	display: table-cell;
	vertical-align: top;
}
#wel_case li img{
	-webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px;
}
#wel_case li p.name{
	margin-top: 20px;
	color: #ea608e;
	font-weight: bold;
	line-height: 20px;
}
#wel_case li p.cat{
	font-size: 13px;
}
#management p{
	float: left;
	width: 500px;
	text-align: left;
}
#management img{
	float: right;
	width: 320px;
	height: auto;
}
	
@media screen and (max-width: 960px){
	
	#wel_concept .inner, #wel_case .inner, #management .inner{
		width: 90%;
	}
	#wel_concept .l_content{
		float: left;
		width: 58%;
		margin: 0 auto;
		overflow: hidden;
	}
	#wel_concept h3{
		width: 100px;
		height: 100px;
		line-height: 100px;
	}
	#wel_concept p{
		width: 70%;
		padding: 6px 0 0 0;
	}
	#wel_concept .photo{
		width: 38%;
		height: auto;
	}
	#hydroponics .flow_wrap{
		width: 100%;
	}
	#hydroponics .flow_wrap dt{
		font-size: 14px;
	}
	#wel_case ul{
		display: block;
		table-layout: auto;
	}
	#wel_case li{
		display: inline-block;
		width: 23%;
		margin-right: 1%;
		vertical-align: top;
	}
	#wel_case li p.name{
		font-size: 13px;
	}
	#management p{
		width: 56%;
	}
	#management img{
		width: 40%;
	}
}
@media screen and (max-width: 650px){
	
	#wel_concept,#wel_service,#hydroponics,#wel_case,#management{
		margin: 40px auto 60px;
	}
	#wel_concept .l_content, #wel_concept h3, #wel_concept p, #wel_concept .photo{
		float:none;
		width: 100%;
	}
	#wel_concept h3{
		height: 34px;
		line-height: 34px;
		-moz-box-shadow: 0 2px #f090b0; -webkit-box-shadow: 0 2px #f090b0; box-shadow: 0 2px #f090b0;
		-webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px;
	}
	#wel_concept p{
		padding: 5px 0 20px;
	}
	#wel_concept .photo{
		height: auto;
	}
	#wel_service table.two_column th,
	#wel_service table.two_column td{
		width: 100%;
	}
	#hydroponics .flow_wrap dt{
		font-size: 14px;
	}
	#hydroponics .flow_wrap dt img{
		width: 18px;
		height: 18px;
	}
	#wel_case li p.name{
		margin-top: 10px;
	}
	#wel_case ul{
		width: 104%;
		display: block;
	}
	#wel_case li{
		float: left;
		width: 46%;
		display: block;
		margin: 0 4% 10px 0;
	}
	#management p,#management img{
		float: none;
		width: 100%;
	}
	#management img{
		margin-top: 20px;
	}
}

/* [page nav] */
.panel #page_nav { background-color: #66a8cc; -moz-box-shadow: 0 4px #338bbb; -webkit-box-shadow: 0 4px #338bbb; box-shadow: 0 4px #338bbb; }
.semicon #page_nav { background-color: #66c88b; -moz-box-shadow: 0 4px #33b565; -webkit-box-shadow: 0 4px #33b565; box-shadow: 0 4px #33b565; }
.ems #page_nav { background-color: #66cce0; -moz-box-shadow: 0 4px #33bbd6; -webkit-box-shadow: 0 4px #33bbd6; box-shadow: 0 4px #33bbd6; }
.food #page_nav { background-color: #facd66; -moz-box-shadow: 0 4px #f8bc33; -webkit-box-shadow: 0 4px #f8bc33; box-shadow: 0 4px #f8bc33; }
.welfare #page_nav { background-color: #f2a0bb; -moz-box-shadow: 0 4px #ee80a5; -webkit-box-shadow: 0 4px #ee80a5; box-shadow: 0 4px #ee80a5; }

/* [h2] */
.panel #heading h2.title{ color: #006eaa; }
.semicon #heading h2.title{ color: #00a33e; }
.ems #heading h2.title{ color: #00aacb; }
.food #heading h2.title{ color: #f6ab00; }
.welfare #heading h2.title{ color: #ea608e; }

.panel section h2 span{ color: #006eaa; background: url(../img/service/ic_arrow_panel.png) left center no-repeat; background-size: 8px; }
.semicon section h2 span{ color: #00a33e; background: url(../img/service/ic_arrow_semicon.png) left center no-repeat; background-size: 8px; }
.ems section h2 span{ color: #00aacb; background: url(../img/service/ic_arrow_ems.png) left center no-repeat; background-size: 8px; }
.food section h2 span{ color: #f6ab00; background: url(../img/service/ic_arrow_food.png) left center no-repeat; background-size: 8px; }
.welfare section h2 span{ color: #ea608e; background: url(../img/service/ic_arrow_welfare.png) left center no-repeat; background-size: 8px; }


/* [ News ]
===================================================================== */

.news_wrap{
	width: 860px;
	height: auto;
	margin: 60px auto 40px;
	text-align: left;
}
.news_wrap .title_wrap{
	width: 100%;
}
.news_wrap .title_wrap .cat{
	float: left;
	padding: 1px 10px;
	margin-right: 18px;
	color: #fff;
	background-color: #009c70;
}
.news_wrap .title_wrap h3{
	clear: both;
	width: 100%;
	height: auto;
	padding: 0 0 20px 16px;
	margin-top: 30px;
	font-size: 18px;
	background: url(../img/news/ic_arrow_green.svg) left 8px no-repeat;
	background-size: 8px;
}
.news_wrap .title_wrap h3 a:hover{
	text-decoration: underline;
}
.news_wrap .title_wrap .cat{
	font-weight: 300;
}
.news_wrap .content_wrap{
	width: 100%;
	padding-bottom: 10px;
	margin-top: 20px;
	text-align: center;
	border-bottom: 1px dashed #ddd;
}
.news_wrap .content_wrap p,
.news_wrap .content_wrap img{
	margin: 0 auto 30px;
}
.news_wrap .content_wrap p{
	text-align: left;
}
.news_wrap .content_wrap p a{
	color: #009c70;
}
.news_wrap .content_wrap p a:hover{
	text-decoration: underline;
}
@media screen and (max-width: 960px){
	.news_wrap{
		width: 90%;
	}
}
@media screen and (max-width: 650px){
	.news_wrap{
		margin: 40px auto;
	}
	.news_wrap .content_wrap{
		padding-bottom: 20px;
	}
}

/* [ Pager ] -------------------------------------------------- */

/* single */
#pager_wrap{
	width: 860px;
	height: auto;
	margin: 0 auto 120px;
	text-align: center;
	position: relative;
}
#pager_wrap .inner{
	width: 100%;
	margin: 0 auto;
}
#pager_wrap div{
	margin: 0 10px;
}

/* [ Btn ] */
#pager_wrap .btn_more a{ width: 240px; height: 60px; line-height: 60px; background-color: #fff; border: 2px solid #009c70; color: #009c70; font-size: 15px; font-weight: bold; }
#pager_wrap .btn_more a:hover { background-color: #009c70; border: 2px solid #009c70; color: #fff; }
#pager_wrap .btn_more img{ vertical-align: middle; margin-top: -5px; margin-left: 10px; }

/* [ prev/next btn ] */
.btn_news,.btn_news a{ display: inline-block; text-align: center; text-decoration: none; outline: none; }
.btn_news::before, .btn_news::after, .btn_news a::before, .btn_news a::after { position: absolute; z-index: -1; display: block; content: ''; }
.btn_news,.btn_news::before,.btn_news::after, .btn_news a,.btn_news a::before,.btn_news a::after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all .3s; transition: all .3s; }
#pager_wrap .btn_news a{ width: 240px; height: 60px; line-height: 60px; background-color: #009c70; border: 2px solid #009c70; color: #fff; font-size: 15px; font-weight: bold; }
#pager_wrap .btn_news a:hover { background-color: #fff; border: 2px solid #fff; color: #009c70; }
#pager_wrap .btn_news img{ vertical-align: middle; margin: -5px 10px 0 }

/* archive */
.pagination {
	width: 100%;
	padding: 20px 0;
	position: relative;
	font-size: 14px;
	line-height: 14px;
}
.pagination span, .pagination a,
.pagination .current{
	padding: 8px 10px;
}
.pagination span, .pagination a {
	display: block;
	float: left;
	width: auto;
	margin: 2px 2px 2px 0;
	color: #555;
	text-decoration: none;
}
.pagination a:hover{
	background-color: #009c70;
	color: #fff;
}
.pagination .current{
	background-color: #aeaeae;
	color: #fff;
}

@media screen and (max-width: 960px){
	#pager_wrap{
		width: 90%;
		margin: 0 auto 80px;
	}
	#pager_wrap .inner{
		width: 103%;
		display: table;
		table-layout: fixed;	/*均等配置*/
	}
	#pager_wrap .btn_more,
	#pager_wrap .btn_news{
		display: table-cell;
		padding: 0 3% 0 0;
	}
	#pager_wrap .btn_more a,
	#pager_wrap .btn_news a{ width: 100%; }
}
@media screen and (max-width: 650px){
	#pager_wrap{
		margin: 0 auto 60px;
	}
	#pager_wrap .inner{
		width: 100%;
	}
	#pager_wrap .btn_more,
	#pager_wrap .btn_news{
		width: 100%;
		display: block;
		padding: 0;
		margin: 0 0 14px;
	}
	#pager_wrap .btn_more a,
	#pager_wrap .btn_news a{ height: 50px; line-height: 50px; }
	#pager_wrap .btn_more img,
	#pager_wrap .btn_news img{
		display: none;
	}
}


/* [ Recruit ]
===================================================================== */

.recruit_bg{
	background: url(../img/recruit/recruit_main.jpg) no-repeat center;
	-moz-background-size:cover;
	background-size: cover;
}

#message,#movie,#require,#rec_contact{
	width: 100%;
	height: auto;
	margin: 60px auto 80px;
}
#message .inner,
#movie .inner{
	width: 860px;
	margin: 0 auto;
	text-align: left;
}
#message ul{
	text-align: center;
	margin: 0 auto;
	display: table;
	table-layout: fixed;	/*均等配置*/
}
#message li{
	padding: 0 30px;
	display: table-cell;
	vertical-align: top;
}
#message li .num{
	margin-top: 10px;
	color: #009c70;
	font-style: italic;
}
#message li .name{
	margin-top: 6px;
	font-size: 17px;
	font-weight: bold;
}
#message li .job{
	font-size: 13px;
}
#movie .movie_box{
	position:relative;
	width:100%;
}
#movie .movie_box iframe{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
#require .career{
	width: 860px;
	padding: 20px;
	margin: 0 auto;
	text-align: center;
	background-color: #eee;
	border: 1px solid #ddd;
}

@media screen and (max-width: 960px){
	#message .inner, #movie .inner{
		width: 90%;
	}
	#message li{
		padding: 0 20px;
	}
	#require .career{
		width: 90%;
	}
}
@media screen and (max-width: 650px){
	.recruit_bg{
		background: url(../img/recruit/recruit_main.jpg) no-repeat 20% top;
		-moz-background-size:cover;
		background-size: cover;
	}
	#message,#movie,#require,#rec_contact{
		margin: 40px auto 60px;
	}
	#message ul{
		width: 102%;
	}
	#message li{
		padding: 0 2% 0 0;
	}
	#message li .num{
		font-size: 13px;
	}
	#message li .name{
		margin-top: 0;
		font-size: 15px;
	}
	#message li .job{
		font-size: 12px;
	}
	#require .career br{
		display: none;
	}
}

/* [ Interview ] -------------------------------------------------- */

#header_rec_visual{
	width: 100%;
	height: 394px;
}

#main .interview{
	width: 100%;
	height: auto;
}
.interview .t_box{
	width: 100%;
	height: auto;
	margin: 60px auto 0;
}
.interview .t_box h2.title, 
.interview .t_box .text,
.interview .photo{
	width: 860px;
	height: auto;
	margin: 0 auto;
	text-align: left;
}
.interview .t_box h2.title{
	padding-left: 16px;
	margin-bottom: 20px;
	font-size: 24px;
	background: url(../img/recruit/ic_arrow_green.svg) left center no-repeat;
	background-size: 8px;
}
.interview .t_box .text p{
	margin-left: 20px;
	font-size: 15px;
	line-height: 32px;
	letter-spacing: 0;
}
.interview .t_box span.maker{
	font-weight: bold;
	background-color: #b2e1d4;
}
.interview .photo{
	width: 860px;
	margin: 80px auto;
	text-align: center;
}
.interview .photo div img{
	width: 100%;
	height: auto;
}
.interview dl{
	width: 100%;
	display: table;
	table-layout: fixed;	/*均等配置*/
}
.interview dt{
	display: table-cell;
	vertical-align: middle;
}

/* [ footer nav ] -------------------------------------------------- */

#footer_recruit{
	width: 100%;
	height: auto;
	margin: 60px auto 80px;
}
#footer_recruit .nav_inter{
	width: 100%;
	padding: 30px 0;
	margin-top: 10px;
	background: url(../img/recruit/bg_interview.gif) left top repeat;
}
#footer_recruit .nav_text img{
	width: 8px;
	height: 12px;
}
.nav_inter ul{
	text-align: center;
	margin: 0 auto;
	display: table;
	table-layout: fixed;	/*均等配置*/
}
.nav_inter li{
	padding: 0 30px;
	display: table-cell;
	vertical-align: top;
}
.nav_inter li .num{
	margin-top: 10px;
	color: #009c70;
	font-style: italic;
}
.nav_inter li .name{
	margin-top: 6px;
	font-size: 17px;
	font-weight: bold;
}
.nav_inter li .job{
	font-size: 13px;
}

@media screen and (max-width: 960px){	
	.interview .t_box{
		width: 90%;
	}
	.interview .t_box h2.title, .interview .t_box .text, .interview .photo{
		width: 100%;
	}
	.interview .t_box .text p{
		margin-left: 10px;
	}
	.interview .photo{
		width: 90%;
		margin: 40px auto;
		text-align: center;
	}
	.interview dl img{
		padding: 0 1%;
	}
	#footer_recruit{
		margin: 40px auto 60px;
	}
	#footer_recruit .nav_inter{
		padding: 30px 0;
	}
}
@media screen and (max-width: 650px){
	#header_rec_visual{ height: 200px; }
	
	.interview .t_box{
		margin: 40px auto 0;
	}
	.interview .t_box h2.title{
		font-size: 20px;
	}
	.interview .t_box .text p{
		font-size: 13px;
		line-height: 26px;
		margin-left: 0;
	}
	.interview .photo{
		margin: 40px auto 50px;
	}
	.nav_inter li{
		padding: 0 20px;
	}
	.nav_inter li .num{
		font-size: 13px;
	}
	.nav_inter li .name{
		margin-top: 0;
		font-size: 15px;
	}
	.nav_inter li .job{
		font-size: 12px;
	}
}

/* Interview 01 */

.inter01_bg{
	background: url(../img/recruit/minami_main.jpg) no-repeat center;
	-moz-background-size:cover;
	background-size: cover;
	position: relative;
}
.inter01_bg img{
	position: absolute;
	top: 60%;
	left: 60%;
}

/* Interview 02 */

.inter02_bg{
	background: url(../img/recruit/yamada_main.jpg) no-repeat center;
	-moz-background-size:cover;
	background-size: cover;
	position: relative;
}
.inter02_bg img{
	position: absolute;
	top: 60%;
	left: 60%;
}

/* Interview 03 */

.inter03_bg{
	background: url(../img/recruit/arai_main.jpg) no-repeat center;
	-moz-background-size:cover;
	background-size: cover;
	position: relative;
}
.inter03_bg img{
	position: absolute;
	top: 15%;
	left: 70%;
}

@media screen and (max-width: 960px){
	.inter01_bg{
		background: url(../img/recruit/minami_main.jpg) no-repeat 40% center;
		-moz-background-size:cover;
		background-size: cover;
	}
	.inter01_bg img{
		left: 70%;
	}
	.inter02_bg img{
		left: 5%;
	}
}
@media screen and (max-width: 650px){
	.inter01_bg{
		background: url(../img/recruit/minami_main.jpg) no-repeat center;
		-moz-background-size:cover;
		background-size: cover;
	}
	.inter01_bg img{
		width: 150px;
		top: 40%;
		left: 55%;
	}
	.inter02_bg img{
		width: 260px;
		top: 40%;
		left: 2%;
	}
	.inter03_bg{
		background: url(../img/recruit/arai_main.jpg) no-repeat 80% center;
		-moz-background-size:cover;
		background-size: cover;
	}
	.inter03_bg img{
		width: 162px;
		top: 45%;
		left: 45%;
	}
}


/* [ Contact,Terms,Privacy ]
===================================================================== */

.section_wrap{
	width: 860px;
	margin: 60px auto;
	text-align: left;
}

/* [ contact ] -------------------------------------------------- */

#mail_form{
	width: 100%;
	height: auto;
}
#mail_form .inner{
	width: 860px;
	margin: 60px auto 80px;
	text-align: left;
}
#mail_form dl{
	width: 100%;
	height: auto;
}
#mail_form dt, #mail_form dd{
	width: 100%;
	height: auto;
	font-weight: bold;
}
#mail_form dt{
	margin-top: 20px;
}
#mail_form dd{
	font-size: 14px;
	line-height: 18px;
}
#mail_form dd input, #mail_form dd textarea{
	width: 100%;
	height: auto;
	padding: 14px;
	margin-top: 10px;
	border: 1px solid #ddd;
	background-color: #fff;
}
#mail_form dd input:focus,#mail_form dd input:hover { opacity: 0.75; }

#mail_form span.hissu{
	padding: 3px 6px;
	margin-right: 10px;
	background-color: #009c70;
	color: #fff;
	font-weight: normal;
}
#mail_form .check{
	font-weight: bold;
}
/* プレースホルダ */
::-webkit-input-placeholder{ vertical-align: top; color: #ccc; }
:-moz-placeholder{ vertical-align: top; color: #ccc; }
:-ms-input-placeholder{ vertical-align: top; color: #ccc; }

/* ラジオボタン */
#mail_form dd .wpcf7-radio input{
	width: auto;
    border: 0;
    padding: 0;
	margin-right: 2px;
}
#mail_form dd .radio-btn label{
	width: 100%;
	padding-top: 4px;
	display: inline-block;
}
/* 承認確認 */
#mail_form .check{
	margin-top: 30px;
	text-align: center;
}
#mail_form .check-btn{
	padding-right: 6px;
}
#mail_form .check input{
	width: auto;
    border: 0;
    padding: 0;
	margin-right: 6px;
}
/* 送信ボタン */
#mail_form .btn_more{
	width: 100%;
	margin: 30px auto;
	text-align: center;
}
#mail_form .wpcf7-submit{
	width: 240px;
	height: 70px;
	line-height: 68px;
	background-color: #fff;
	border: 2px solid #009c70;
	color: #009c70;
	font-size: 16px;
	font-weight: bold;
}
#mail_form .wpcf7-submit:hover {
	background-color: #009c70;
	border: 2px solid #009c70;
	color: #fff;
}
.wpcf7-mail-sent-ok{
	width: 100%;
	padding: 20px 0;
	text-align: center;
	background-color: #fff;
	border: 2px solid #e73656;
}
/* Errors */
.screen-reader-response, .wpcf7-not-valid-tip, .wpcf7-validation-errors, .wpcf7-response-output{ color: red; }

@media screen and (max-width: 960px){
	.section_wrap{
		width: 90%;
	}
	#mail_form .inner{
		width: 90%;
	}
	#mail_form dd .wpcf7-radio input{
	    border: 1px solid #aaa;
	}
}
@media screen and (max-width: 650px){
	.section_wrap{
		margin: 40px auto;
	}
	#mail_form .inner{
		margin: 40px auto 60px;
	}
	.section_wrap .text{
		font-size: 13px;
		line-height: 22px;
	}
}

/* [ terms,privacy ] -------------------------------------------------- */

#privacy #page_header h2{
	letter-spacing: .05em;;
}
#article_wrap{
	width: 100%;
	height: auto;
}
#article_wrap .inner{
	width: 860px;
	margin: 60px auto 120px;
	text-align: left;
}
#article_wrap .text_box{
	margin-bottom: 40px;
	letter-spacing: 0;
}
#article_wrap .text_box h3{
	width: 100%;
}
#article_wrap .text_box p.text,
#article_wrap .text_box dl{
	margin: 10px 0 0 20px;
}
#article_wrap .text_box dt{
	font-weight: bold;
}
#article_wrap .text_box .list dt{
	float: left;
	color: #ccc;
}
#article_wrap .text_box .list dd{
	overflow: auto;
	padding-left: 4px;
}
#article_wrap .text_box a{
	color: #009c70;
}
#article_wrap .text_box a:hover{
	text-decoration: underline;
}

@media screen and (max-width: 960px){
	#article_wrap .inner{
		width: 90%;
	}
	#article_wrap .text_box p.text,
	#article_wrap .text_box dl{
		margin: 10px 0 0 0;
	}
	#article_wrap .text_box .list dd{
		overflow: auto;
		padding-left: 4px;
	}
}
@media screen and (max-width: 650px){
	#article_wrap .inner{
		margin: 40px auto 60px;
	}
	#article_wrap .text_box{
		margin-bottom: 30px;
		font-size: 13px;
		line-height: 22px;
	}
}