@charset "utf-8";
/* 標準可変メディア
   メモ : 可変メディアでは、HTML からメディアの高さおよび幅の属性を削除する必要がある
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}
/* IE 6 では最大幅がサポートされていないため、デフォルトで幅 100% に設定される */
.ie6 img {
	width:100%;
}
p {
	line-height:2.0;
	margin: 0;
}

/*--------------------------------------------------------------------
	section_spacer
--------------------------------------------------------------------*/
.pt00{padding-top: 0 !important;}
.pt01{padding-top: 1px !important;}
.pt02{padding-top: 2px !important;}
.pt03{padding-top: 3px !important;}
.pt04{padding-top: 4px !important;}
.pt05{padding-top: 5px !important;}
.pt06{padding-top: 6px !important;}
.pt07{padding-top: 7px !important;}
.pt08{padding-top: 8px !important;}
.pt09{padding-top: 9px !important;}
.pt10{padding-top: 10px !important;}
.pt15{padding-top: 15px !important;}
.pt20{padding-top: 20px !important;}
.pt25{padding-top: 25px !important;}
.pt30{padding-top: 30px !important;}
.pt35{padding-top: 35px !important;}
.pt40{padding-top: 40px !important;}
.pt45{padding-top: 45px !important;}
.pt50{padding-top: 50px !important;}

.pr00{padding-right: 0 !important;}
.pr01{padding-right: 1px !important;}
.pr02{padding-right: 2px !important;}
.pr03{padding-right: 3px !important;}
.pr04{padding-right: 4px !important;}
.pr05{padding-right: 5px !important;}
.pr06{padding-right: 6px !important;}
.pr07{padding-right: 7px !important;}
.pr08{padding-right: 8px !important;}
.pr09{padding-right: 9px !important;}
.pr10{padding-right: 10px !important;}
.pr15{padding-right: 15px !important;}
.pr20{padding-right: 20px !important;}
.pr25{padding-right: 25px !important;}
.pr30{padding-right: 30px !important;}
.pr35{padding-right: 35px !important;}
.pr40{padding-right: 40px !important;}
.pr45{padding-right: 45px !important;}
.pr50{padding-right: 50px !important;}

.pb00{padding-bottom: 0 !important;}
.pb01{padding-bottom: 1px !important;}
.pb02{padding-bottom: 2px !important;}
.pb03{padding-bottom: 3px !important;}
.pb04{padding-bottom: 4px !important;}
.pb05{padding-bottom: 5px !important;}
.pb06{padding-bottom: 6px !important;}
.pb07{padding-bottom: 7px !important;}
.pb08{padding-bottom: 8px !important;}
.pb09{padding-bottom: 9px !important;}
.pb10{padding-bottom: 10px !important;}
.pb15{padding-bottom: 15px !important;}
.pb20{padding-bottom: 20px !important;}
.pb25{padding-bottom: 25px !important;}
.pb30{padding-bottom: 30px !important;}
.pb35{padding-bottom: 35px !important;}
.pb40{padding-bottom: 40px !important;}
.pb45{padding-bottom: 45px !important;}
.pb50{padding-bottom: 50px !important;}

.pl00{padding-left: 0 !important;}
.pl01{padding-left: 1px !important;}
.pl02{padding-left: 2px !important;}
.pl03{padding-left: 3px !important;}
.pl04{padding-left: 4px !important;}
.pl05{padding-left: 5px !important;}
.pl06{padding-left: 6px !important;}
.pl07{padding-left: 7px !important;}
.pl08{padding-left: 8px !important;}
.pl09{padding-left: 9px !important;}
.pl10{padding-left: 10px !important;}
.pl15{padding-left: 15px !important;}
.pl20{padding-left: 20px !important;}
.pl25{padding-left: 25px !important;}
.pl30{padding-left: 30px !important;}
.pl35{padding-left: 35px !important;}
.pl40{padding-left: 40px !important;}
.pl45{padding-left: 45px !important;}
.pl50{padding-left: 50px !important;}

.mt00{margin-top: 0 !important;}
.mt01{margin-top: 1px !important;}
.mt02{margin-top: 2px !important;}
.mt03{margin-top: 3px !important;}
.mt04{margin-top: 4px !important;}
.mt05{margin-top: 5px !important;}
.mt06{margin-top: 6px !important;}
.mt07{margin-top: 7px !important;}
.mt08{margin-top: 8px !important;}
.mt09{margin-top: 9px !important;}
.mt10{margin-top: 10px !important;}
.mt15{margin-top: 15px !important;}
.mt20{margin-top: 20px !important;}
.mt25{margin-top: 25px !important;}
.mt30{margin-top: 30px !important;}
.mt35{margin-top: 35px !important;}
.mt40{margin-top: 40px !important;}
.mt45{margin-top: 45px !important;}
.mt50{margin-top: 50px !important;}

.mr00{margin-right: 0 !important;}
.mr01{margin-right: 1px !important;}
.mr02{margin-right: 2px !important;}
.mr03{margin-right: 3px !important;}
.mr04{margin-right: 4px !important;}
.mr05{margin-right: 5px !important;}
.mr06{margin-right: 6px !important;}
.mr07{margin-right: 7px !important;}
.mr08{margin-right: 8px !important;}
.mr09{margin-right: 9px !important;}
.mr10{margin-right: 10px !important;}
.mr15{margin-right: 15px !important;}
.mr20{margin-right: 20px !important;}
.mr25{margin-right: 25px !important;}
.mr30{margin-right: 30px !important;}
.mr35{margin-right: 35px !important;}
.mr40{margin-right: 40px !important;}
.mr45{margin-right: 45px !important;}
.mr50{margin-right: 50px !important;}

.mb00{margin-bottom: 0 !important;}
.mb01{margin-bottom: 1px !important;}
.mb02{margin-bottom: 2px !important;}
.mb03{margin-bottom: 3px !important;}
.mb04{margin-bottom: 4px !important;}
.mb05{margin-bottom: 5px !important;}
.mb06{margin-bottom: 6px !important;}
.mb07{margin-bottom: 7px !important;}
.mb08{margin-bottom: 8px !important;}
.mb09{margin-bottom: 9px !important;}
.mb10{margin-bottom: 10px !important;}
.mb15{margin-bottom: 15px !important;}
.mb20{margin-bottom: 20px !important;}
.mb25{margin-bottom: 25px !important;}
.mb30{margin-bottom: 30px !important;}
.mb35{margin-bottom: 35px !important;}
.mb40{margin-bottom: 40px !important;}
.mb45{margin-bottom: 45px !important;}
.mb50{margin-bottom: 50px !important;}

.ml00{margin-left: 0 !important;}
.ml01{margin-left: 1px !important;}
.ml02{margin-left: 2px !important;}
.ml03{margin-left: 3px !important;}
.ml04{margin-left: 4px !important;}
.ml05{margin-left: 5px !important;}
.ml06{margin-left: 6px !important;}
.ml07{margin-left: 7px !important;}
.ml08{margin-left: 8px !important;}
.ml09{margin-left: 9px !important;}
.ml10{margin-left: 10px !important;}
.ml15{margin-left: 15px !important;}
.ml20{margin-left: 20px !important;}
.ml25{margin-left: 25px !important;}
.ml30{margin-left: 30px !important;}
.ml35{margin-left: 35px !important;}
.ml40{margin-left: 40px !important;}
.ml45{margin-left: 45px !important;}
.ml50{margin-left: 50px !important;}

/*--------------------------------------------------------------------
	section_navi
--------------------------------------------------------------------*/
body#nano ul#menu li.now_page a,
body#recommend ul#menu li.now_page a,
body#safety ul#menu li.now_page a,
body#data ul#menu li.now_page a,
body#voice ul#menu li.now_page a,
body#faq ul#menu li.now_page a,
body#policy ul#menu li.now_page a,
body#sitemap ul#menu li.now_page a,
body#company ul#menu li.now_page a {
	background-color: #6cf;
}

/*--------------------------------------------------------------------
	section_breadcrumb
--------------------------------------------------------------------*/
.bread{
	clear: both;
	width: 100%;
}
.breadcrumb {
	clear: both;
	float: left;
	width: 100%;
	height: 30px;
}
.breadcrumb p {
	padding: 10px 10px;
	font-size: 11px;
	color: #666;
}
.breadcrumb a {
	color: #222;
	text-decoration: none;
}
.breadcrumb a:hover {
	text-decoration: underline;
}
/*--------------------------------------------------------------------
	section_font
--------------------------------------------------------------------*/
.page_top{
	clear: both;
	float: right;
	margin-top: 5px;
	font-size: 11px;
}
.page_top a{
	text-decoration: none;
	color: #099;
}
.page_top a:hover{
	text-decoration: none;
	color: #f60;
}
p.cap_job{
	font-size: 16px;
	font-weight: 600;
	color:#f33;
}

/*---------------------------normal font----------------------------*/

.n_14_000{
	font-size: 14px;
	color: #000;
	padding-left: 5px;
	line-height: 2.0;
}
.n_14_444{
	font-size: 14px;
	color: #444;
	padding-left: 5px;
	line-height: 2.0;
}
.n_14_f00{
	font-size: 14px;
	color: #f00;
	padding-left: 5px;
	line-height: 2.0;
}
.n_14_006{
	font-size: 14px;
	color: #006;
	padding-left: 5px;
	line-height: 2.0;
}
.n_16_000{
	font-size: 16px;
	color: #000;
	padding-left: 5px;
	line-height: 2.0;
}
.n_16_444{
	font-size: 16px;
	color: #444;
	padding-left: 5px;
	line-height: 2.0;
}
.n_16_f00{
	font-size: 16px;
	color: #f00;
	padding-left: 5px;
	line-height: 2.0;
}
.n_16_006{
	font-size: 16px;
	color: #006;
	padding-left: 5px;
	line-height: 2.0;
}

/*---------------------------bold font------------------------------*/

.b_16_000{
	font-size: 16px;
	font-weight: 600;
	color: #000;
	padding-left: 5px;
	line-height: 2.0;
}
.b_16_444{
	font-size: 16px;
	font-weight: 600;
	color: #444;
	padding-left: 5px;
	line-height: 2.0;
}
.b_16_f00{
	font-size: 16px;
	font-weight: 600;
	color: #f00;
	padding-left: 5px;
	line-height: 2.0;
}
.b_16_006{
	font-size: 16px;
	font-weight: 600;
	color: #006;
	padding-left: 5px;
	line-height: 2.0;
}
/*--------------------------------------------------------------------
	section_title
--------------------------------------------------------------------*/
h1.title{
	clear: both;
	position:relative;
	margin:0;
	padding:0 10px 0 55px;
	font:bold 22px/40px Arial, Helvetica, sans-serif;
	color:#666;
	background:#f3f3f3;
	z-index:1;
}
h1.title:before{
	content:" ";
	position:absolute;
	top:0;
	left:0;
	width:40px;
	height:40px;
	border-right:#fff solid 2px;
	background:#f60;
	background-image: -webkit-gradient(linear, left top, left bottom,
		from(			 rgba(255, 255, 255, 0.0)), 
		color-stop(0.20, rgba(255, 255, 255, 0.0)), 
		color-stop(0.20, rgba(255, 255, 255, 0.1)), 
		color-stop(0.40, rgba(255, 255, 255, 0.1)), 
		color-stop(0.40, rgba(255, 255, 255, 0.3)), 
		color-stop(0.60, rgba(255, 255, 255, 0.3)), 
		color-stop(0.60, rgba(255, 255, 255, 0.5)), 
		color-stop(0.80, rgba(255, 255, 255, 0.5)), 
		color-stop(0.80, rgba(255, 255, 255, 0.6)), 
		to(				 rgba(255, 255, 255, 0.6))
		);
	background-image: -webkit-linear-gradient(top,
		transparent 20%,
		rgba(255, 255, 255, 0.1) 20%, 
		rgba(255, 255, 255, 0.1) 40%, 
		rgba(255, 255, 255, 0.3) 40%, 
		rgba(255, 255, 255, 0.3) 60%, 
		rgba(255, 255, 255, 0.5) 60%, 
		rgba(255, 255, 255, 0.5) 80%, 
		rgba(255, 255, 255, 0.6) 80%, 
		rgba(255, 255, 255, 0.6) 100%
		);
	background-image: -moz-linear-gradient(top,
		transparent 20%,
		rgba(255, 255, 255, 0.1) 20%, 
		rgba(255, 255, 255, 0.1) 40%, 
		rgba(255, 255, 255, 0.3) 40%, 
		rgba(255, 255, 255, 0.3) 60%, 
		rgba(255, 255, 255, 0.5) 60%, 
		rgba(255, 255, 255, 0.5) 80%, 
		rgba(255, 255, 255, 0.6) 80%, 
		rgba(255, 255, 255, 0.6) 100%
		);
	background-image: -o-linear-gradient(top,
		transparent 20%,
		rgba(255, 255, 255, 0.1) 20%, 
		rgba(255, 255, 255, 0.1) 40%, 
		rgba(255, 255, 255, 0.3) 40%, 
		rgba(255, 255, 255, 0.3) 60%, 
		rgba(255, 255, 255, 0.5) 60%, 
		rgba(255, 255, 255, 0.5) 80%, 
		rgba(255, 255, 255, 0.6) 80%, 
		rgba(255, 255, 255, 0.6) 100%
		);
	background-image: linear-gradient(to bottom,
		transparent 20%,
		rgba(255, 255, 255, 0.1) 20%, 
		rgba(255, 255, 255, 0.1) 40%, 
		rgba(255, 255, 255, 0.3) 40%, 
		rgba(255, 255, 255, 0.3) 60%, 
		rgba(255, 255, 255, 0.5) 60%, 
		rgba(255, 255, 255, 0.5) 80%, 
		rgba(255, 255, 255, 0.6) 80%, 
		rgba(255, 255, 255, 0.6) 100%
		);
	z-index:-1;
}
h1.title:after{
	content:" ";
	position:absolute;
	top:0;
	left:0;
	width:40px;
	height:40px;
	background-image: -webkit-gradient(linear, left top, right top,
		from(			 rgba(255, 255, 255, 0.0)), 
		color-stop(0.20, rgba(255, 255, 255, 0.0)), 
		color-stop(0.20, rgba(255, 255, 255, 0.1)), 
		color-stop(0.40, rgba(255, 255, 255, 0.1)), 
		color-stop(0.40, rgba(255, 255, 255, 0.3)), 
		color-stop(0.60, rgba(255, 255, 255, 0.3)), 
		color-stop(0.60, rgba(255, 255, 255, 0.5)), 
		color-stop(0.80, rgba(255, 255, 255, 0.5)), 
		color-stop(0.80, rgba(255, 255, 255, 0.6)), 
		to(				 rgba(255, 255, 255, 0.6))
		);
	background-image: -webkit-linear-gradient(left,
		transparent 20%,
		rgba(255, 255, 255, 0.1) 20%, 
		rgba(255, 255, 255, 0.1) 40%, 
		rgba(255, 255, 255, 0.3) 40%, 
		rgba(255, 255, 255, 0.3) 60%, 
		rgba(255, 255, 255, 0.5) 60%, 
		rgba(255, 255, 255, 0.5) 80%, 
		rgba(255, 255, 255, 0.6) 80%, 
		rgba(255, 255, 255, 0.6) 100%
		);
	background-image: -moz-linear-gradient(left,
		transparent 20%,
		rgba(255, 255, 255, 0.1) 20%, 
		rgba(255, 255, 255, 0.1) 40%, 
		rgba(255, 255, 255, 0.3) 40%, 
		rgba(255, 255, 255, 0.3) 60%, 
		rgba(255, 255, 255, 0.5) 60%, 
		rgba(255, 255, 255, 0.5) 80%, 
		rgba(255, 255, 255, 0.6) 80%, 
		rgba(255, 255, 255, 0.6) 100%
		);
	background-image: -o-linear-gradient(left,
		transparent 20%,
		rgba(255, 255, 255, 0.1) 20%, 
		rgba(255, 255, 255, 0.1) 40%, 
		rgba(255, 255, 255, 0.3) 40%, 
		rgba(255, 255, 255, 0.3) 60%, 
		rgba(255, 255, 255, 0.5) 60%, 
		rgba(255, 255, 255, 0.5) 80%, 
		rgba(255, 255, 255, 0.6) 80%, 
		rgba(255, 255, 255, 0.6) 100%
		);
	background-image: linear-gradient(to right,
		transparent 20%,
		rgba(255, 255, 255, 0.1) 20%, 
		rgba(255, 255, 255, 0.1) 40%, 
		rgba(255, 255, 255, 0.3) 40%, 
		rgba(255, 255, 255, 0.3) 60%, 
		rgba(255, 255, 255, 0.5) 60%, 
		rgba(255, 255, 255, 0.5) 80%, 
		rgba(255, 255, 255, 0.6) 80%, 
		rgba(255, 255, 255, 0.6) 100%
		);
	z-index:-1;
}
h2.sub_title{
	clear: both;
	position: relative;
	padding-left: 25px;
	border-bottom: 3px solid #f90;
	color: #666;
	font-size: 23px;
	line-height: 32px;
}
h2.sub_title:before{
	position: absolute;
	top: -8px;
	left: 7px;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	height: 12px;
	width: 12px;
	background: #fc0;
	content: "";
}
h2.sub_title:after{
	position: absolute;
	top: 8px;
	left: 2px;
	transform: rotate(15deg);
	-webkit-transform: rotate(15deg);
	height: 8px;
	width: 8px;
	background: #0cc;
	content: "";
}
h3.sub_title {
	position: relative;
	padding-left: 35px;
	color: #333;
	font-size: 20px;
	line-height; 30px;
}

h3.sub_title:before {
	position: absolute;
	top: 12px;
	left: 12px;
	width: 10px;
	height: 10px;
	border: 3px solid #fb0;
	content: "";
}

h3.sub_title:after {
	position: absolute;
	top: 2px;
	left: 2px;
	width: 15px;
	height: 15px;
	border: 3px solid #f80;
	content: "";
}
h3.komidashi {
	clear: both;
	position: relative;
	padding-left: 35px;
	color: #333;
	font-size: 16px;
	line-height; 30px;
}

h3.komidashi:before {
	position: absolute;
	top: 10px;
	left: 20px;
	width: 8px;
	height: 8px;
	border: 2px solid #0bb;
	content: "";
}

h3.komidashi:after {
	position: absolute;
	top: 0px;
	left: 10px;
	width: 12px;
	height: 12px;
	border: 2px solid #066;
	content: "";
}
/*--------------------------------------------------------------------
	section_line
--------------------------------------------------------------------*/
.line_dot_gray{
	border-top: 1px dashed #bbb;
}
/*--------------------------------------------------------------------
	section_summary
--------------------------------------------------------------------*/
.summary,
.summary_recommend,
.summary_faq,
.summary_voice,
.summary_lead,
.summary_company {
	font-family: "ヒラギノ角ゴ ProN W3",
		"Hiragino Kaku Gothic ProN",
		SourceHanSansJP-Regular,
		Meiryo,
		sans-serif;
	color: #444444; /*#444444推奨(text-shadow時は#666666)*/
	font-size: 14px; /*標準16px、適正15px、最少13px限界、モバイルとPC両方対応なら14px(87.5%)*/
	/*letter-spacing: .06em; /*文字の横間隔*/
	word-spacing: .1em; /*単語の横間隔*/
	/*行間はbodyでは指定しない*/
	padding-left: 10px;
	padding-right: 10px;
}
.summary_lead {
	text-align: center;
}
.summary_faq,
.summary_recommend {
	clear: both;
}
.summary_policy {
	font-size:: 14px;
}
/*--------------------------------------------------------------------
	section_top
--------------------------------------------------------------------*/
.whats_new {
	font-family: "ヒラギノ角ゴ ProN W3",
		"Hiragino Kaku Gothic ProN",
		SourceHanSansJP-Regular,
		Meiryo,
		sans-serif;
	color: #444444; /*#444444推奨(text-shadow時は#666666)*/
	font-size: 16px; /*標準16px、適正15px、最少13px限界、モバイルとPC両方対応なら14px(87.5%)*/
	/*letter-spacing: .06em; /*文字の横間隔*/
	word-spacing: .1em; /*単語の横間隔*/
	/*行間はbodyでは指定しない*/
	padding-left: 10px;
	padding-right: 10px;
	border: solid 1px #ccc;
}
.column{
	clear: both;
	width: 100%;
	max-width: 960px;
}
.column_safety,
.column_shop_mail{
	float: left;
	width: 45%;
	margin-right: 10%;
	margin-bottom: 20px;
}
.column_safety:first-child,
.column_shop_mail:first-child{
	clear: both;
}
.column_safety:last-child,
.column_shop_mail:nth-child(even){
	margin-right: 0;
}
.column_shop_mail:last-child{
	clear: both;
	text-align: center;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
.column_safety a:hover img,
.column_shop_mail a:hover img{
	opacity:0.6;
	filter: alpha(opacity=60);
}
/*---------- c. experience -----------*/
.wrap-card {
  position: relative;
  box-shadow: 0px 0px 0px #818181;
  transition: all 0.2s ease 0s;
  -webkit-transform: translateY(0px) translateX(0px);
}
.wrap-card:before,
.wrap-card:after {
  display: inline-block;
  position: absolute;
  content: " ";
  width: 100%;
  height: 3px;
  background: #818181;
  -webkit-transform: scaleX(0);
  transition: all 0.2s ease;
}
.wrap-card:before {
  top: 0;
  left: 0;
  -webkit-transform-origin: 0 0;
}
.wrap-card:after {
  bottom: 0;
  left: 0;
  -webkit-transform-origin: 100% 0;
}
.wrap-card:hover {
  box-shadow: 10px 10px 20px #818181;
  -webkit-transform: translateY(-10px) translateX(-10px);
  transition: all 0.2s ease 0.4s;
}
.wrap-card:hover:after,
.wrap-card:hover:before {
  -webkit-transform: scaleX(1);
}
.card {
  background: #ffffff;
  padding: 0px 10px 15px 10px;
  margin-bottom: 30px;
  border: 1px solid rgba(204, 204, 204, 1);
}
.card:before,
.card:after {
  display: inline-block;
  position: absolute;
  content: " ";
  width: 3px;
  height: 100%;
  background: #818181;
  -webkit-transform: scaleY(0);
  transition: all 0.2s ease 0.2s;
}
.card:before {
  top: 0;
  left: 0;
  -webkit-transform-origin: 0 100%;
}
.card:after {
  top: 0;
  right: 0;
  -webkit-transform-origin: 0 0;
}
.card:hover:after,
.card:hover:before {
  -webkit-transform: scaleY(1);
}
/*--------------------------------------------------------------------
	section_group
--------------------------------------------------------------------*/
.group_map{
	display: block;
	background-image: url(../group/img/map_pc.gif);
	background-size: 100% 100%;
}
.group_map a img{
	opacity:0;
	filter: alpha(opacity=0);
}
.group_table{
	clear: both;
	width: 100%;
	text-align: center;
}
/*--------------------------------------------------------------------
	section_safety
--------------------------------------------------------------------*/
.safety_bg_01{
	display: block;
	background-image: url(../safety/img/bg_water_01.jpg);
	background-size: 100% 100%;
}
/*--------------------------------------------------------------------
	section_faq
--------------------------------------------------------------------*/
.summary_faq{
	clear: both;
	float: left;
}
.summary_faq > p,
.summary_faq li{
	list-style-type: none;
	font-size: 14px;
	line-height: 2.0;
	color: #666;
}
.summary_faq li a{
	list-style-type: none;
	text-decoration: none;
	color: #00f;
}
.summary_faq p a:hover,
.summary_faq li a:hover{
	list-style-type: none;
	color: #f60;
}
/*--------------------------------------------------------------------
	section_voice
--------------------------------------------------------------------*/
.voice_list {
	width: 100%;
	max-width: 960px;
	margin: 0 auto;
	padding: 0;
	background-image: url(../voice/img/bg_colc.jpg);
}
.voice_effect ,
.voice_effect a ,
.voice_effect a:hover {
	text-align: center;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;
}
.voice_effect {
	display: block;
	margin-right: 0;
	line-height: 24px;
	background-color: #0cc;
	padding: 10px;
	position: relative;
	font-weight: 600;
	color: #FFF;
}
.voice_effect a {
	display: block;
	text-decoration:none;
	border: 2px solid #fff;
	padding: 10px;
	color: #FFF;
	font-size: 16px;
	font-weight:600;
	font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
}
.voice_effect a:hover {
	display: block;
	background-color: rgba(0,0,0,0.4);
	text-decoration:none;
	font-size: 16px;
	font-weight:600;
	font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
}
.blog_sp{
	position :relative;
	margin-left: 2%;
	margin-right: 2%;
	width: 96%;
}
.pin{
	position :relative;
	top: 10px;
	left: 50%;
	z-index: 1;
}
.grid,
.grid_02 {
	max-width: 960px;
	margin: 0 auto;
	background-image: url(../voice/img/bg_colc.jpg);
}
.grid_02 {
	padding-bottom: 10px;
}
.grid-item {
	position: relative;
	margin: 10px;
}
.grid-item img {
	display:block;
}
.grid-item_w90 {
	width: 90px;
}
.grid-item_w140 {
	width: 140px;
}
.grid-item_w300 {
	width: 300px;
}
.grid-item_w460 {
	width: 460px;
}
.grid-item_20per {
	width: 20%;
	margin: 0;
	padding: 10px;
	box-sizing: border-box;
}
.grid-item_40per {
	width: 40%;
	margin: 0;
	padding: 10px;
	box-sizing: border-box;
}
.grid-item_40per {
	width: 100%;
	margin: 0;
	padding: 10px;
	box-sizing: border-box;
}
.grid-item_20per img,
.grid-item_40per img {
	width: 100%;
	height: auto;
}
.grid-item_sizer {
	width: 20%;
}
@media screen and (max-width: 768px) {
	.grid-item_20per {
		width: 33.333%;
	}
	.grid-item_40per {
		width: 66.666%;
	}
	.grid-item_sizer {
		width: 33.333%;
	}
}
#container{
	position:relative;
	width:100%;
	margin:0 auto 25px;
	padding-bottom: 10px;
}

.grid .imgholder img{
	max-width:100%;
	background:#ccc;
	display:block;
}

#tiles {
	list-style-type: none;
	position: relative; /** Needed to ensure items are laid out relative to this container **/
	margin: 0;
}

/**
 * Grid items
 */
#tiles li {
	float: left;
	width: 22%;
	background-color: #ffffff;
	border: 1px solid #dedede;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	margin: 4px;
	padding: 4px;
}
#tiles li img {
	display: block;
	overflow: hidden;
}
#tiles li a img {
	display: block;
	overflow: hidden;
}

/*--------------------------------------------------------------------
	section_job
--------------------------------------------------------------------*/
#job_list {
	width: 100%;
	max-width: 960px;
	margin: 0 auto;
	padding: 0;
}
#job_list li.schedule{
	display: block;
	float: left;
	width: 20%;
	margin: 0 0 20px 0;
	padding: 0;
}
#job_list li.arrow{
	display: block;
	float: left;
	width: 5%;
	height: 100px;
	position: relative;
	top: 30px;
	margin: 0;
	padding: 0;
	background-image: url(../job/img/arrow_right.png);
	background-size: 100%;
	background-repeat: no-repeat;
}
/*--------------------------------------------------------------------
	section_diagram
--------------------------------------------------------------------*/
.diagram{
	float: left;
	width: 70%;
	border-spacing: 0;
	font-size: 16px;
	line-height: 16px;
	margin-top: 20px;
	margin-bottom: 20px;
	border: 1px solid #ccc;
}
.diagram th, .diagram td{
	padding: 10px;
	background:#FFF;
	border-bottom:solid 1px #CCC;
	border-right:solid 1px #CCC;
}
.diagram th{
	background:#dfe;
	color:#69655c;
}
.diagram th{
	width: 35%;
	text-align: left;
}
.company_list,
.faq_list,
.form_list,
.recruit_list,
.jobtype_list,
.group_list{
	float: left;
	width: 100%;
	border-spacing: 0;
	font-size: 16px;
	line-height: 16px;
	margin-top: 20px;
	margin-bottom: 20px;
	border: 1px solid #ccc;
}
.company_list th, .company_list td,
.faq_list th, .faq_list td,
.form_list th, .form_list td,
.recruit_list th, .recruit_list td,
.jobtype_list th, .jobtype_list td,
.group_list th, .group_list td{
	padding: 10px;
	background:#FFF;
	border-bottom:solid 1px #CCC;
	border-right:solid 1px #CCC;
}
.company_list th,
.faq_list th,
.form_list th,
.recruit_list th,
.jobtype_list th,
.group_list th{
	background:#dfe;
	color:#69655c;
}
.company_list th,
.faq_list th,
.form_list th,
.recruit_list th,
.jobtype_list th,
.group_list th{
	width: 35%;
	text-align: left;
}
.recruit_list td,
.group_list td:last-child{
	vertical-align: middle;
}
.recruit_list td:last-child{
	text-align: center;
}
.recruit_list th a{
	display: block;
	overflow: hidden;
	width: 191px;
	height: 47px;
}
.recruit_list th a.syain{
	background-image: url(../recruit/img/syain_02.gif);
}
.recruit_list th a.haitatsu{
	background-image: url(../recruit/img/haitatsu_02.gif);
}
.recruit_list th a.money{
	background-image: url(../recruit/img/money_02.gif);
}
.recruit_list th a:hover img{
	visibility: hidden;
}
.nb_top{
	border-top: 0;
}
.nb_bottom{
	border-bottom: 0;
}
.nb_right{
	border-right: 0;
}
.nb_left{
	border-left: 0;
}
/*--------------------------------------------------------------------
	section_btn
--------------------------------------------------------------------*/
.btn_group,
.btn_recruit {
	margin-right: 0;
	line-height: 24px;
	background-color: #6CC;
	padding: 10px;
	position: relative;
	font-weight: 600;
	color: #FFF;
	text-align: center;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;
}
.btn_group{
	width: 300px;
	margin: 0 auto;
}
.btn_group a,
.btn_recruit a {
	display: inline-block;
	text-align:center;
	text-decoration:none;
	color: #FFF;
	font-size: 16px;
	font-weight:600;
	font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
}
.btn_group a:hover,
.btn_recruit a:hover {
	display: inline-block;
	text-align:center;
	text-decoration:none;
	color: #ff0;
	font-size: 16px;
	font-weight:600;
	font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
}
/*--------------------------------------------------------------------
	section_img
--------------------------------------------------------------------*/
.img_shop{
	float: left;
	width: 25%;
	margin: 0 10px 0 0;
	border: 1px solid #ccc;
}
.img_shot{
	float: right;
	width: 25%;
	text-align: center;
}
.img_staff{
	float: right;
	width: 30%;
	margin: 0 0 20px 10px;
	border: 1px solid #ccc;
}
.img_tsumitate{
	float: right;
	width: 40%;
	margin: 0 0 20px 10px;
	border: 1px solid #ccc;
}
.img_nano_01{
	float: right;
	width: 35%;
	margin: 0 0 0 10px;
	border: 1px solid #ccc;
}
.img_safety_01{
	float: right;
	width: 28%;
	margin: 0 0 0 10px;
}
.img_data_01{
	width: 100%;
	height: 100%;
}
.img_data_02{
	width: 100%;
	height: 100%;
}
/*--------------------------------------------------------------------
	section_recruit
--------------------------------------------------------------------*/
#recruit_seq {
	width: 100%;
	max-width: 960px;
	margin-left: 15px;
	padding: 0;
}
#recruit_seq li{
	display: block;
	float: left;
	width: 25%;
	margin: 0 0 40px 0;
	padding: 0;
}
.apply{
	clear: both;
	margin: 0 auto;
	width: 240px;
	text-align: center;
}
.ssl3,
.recruit_form{
	clear: both;
	width: 100%;
	text-align: center;
}
/*--------------------------------------------------------------------
	section_sitemap
--------------------------------------------------------------------*/
.icon_contents ,
.icon_contents a ,
.icon_contents a:hover {
	text-align: center;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;
}
.icon_contents {
	width: 200px;
	display: inline-block;
	margin-right: 0;
	line-height: 24px;
	background-color: #0cc;
	padding: 10px;
	position: relative;
	font-weight: 600;
	color: #FFF;
}
.icon_contents a {
	display: inline-block;
	text-decoration:none;
	border: 2px solid #fff;
	padding: 10px;
	color: #FFF;
	font-size: 16px;
	font-weight:600;
	font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
}
.icon_contents a:hover {
	display: inline-block;
	background-color: rgba(0,0,0,0.4);
	text-decoration:none;
	font-size: 16px;
	font-weight:600;
	font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
}
.cap_contents{
	float: left;
}
/*--------------------------------------------------------------------
	section_responsive
--------------------------------------------------------------------*/
/*
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
■
■ モバイルレイアウト : 480 px およびそれ以下。
■
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
*/

@media only screen and (max-width: 480px) {
.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 86.45%;
	padding-left: 2.275%;
	padding-right: 2.275%;
	background: #fff;
}
h3.sub_title {
	clear:both;
}
#header {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#head {
	clear: both;
	margin: 0;
	text-align: right;
	position: relative;
}
#head li {
	display: inline;
	position: relative;
	list-style: none;
}
#head li.logo {
	float: left;
	display: inline-block;
	position: relative;
	width: 100%;
	padding: 20px 0 10px 0;
}
#head li div.yahoo {
	display: block;
	float: left;
	width: 50%;
	line-height: 24px;
	background-color: #e61017;
	padding: 10px 0 20px;
	position: relative;
	top: 20px;
	font-weight: 600;
	color: #FFF;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius: 10px 10px 0px 0px;
	border-radius: 10px 10px 0px 0px;
}
#head li div.last {
	display: block;
	float: left;
	width: 50%;
	line-height: 24px;
	background-color: #b61f22;
	padding: 10px 0 20px;
	position: relative;
	top: 20px;
	right: 0px;
	font-weight: 600;
	color: #FFF;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius: 10px 10px 0px 0px;
	border-radius: 10px 10px 0px 0px;
}
#head li div.last a img {
	position: relative;
	top: -3px;
}
#head li div.yahoo a ,
#head li div.last a {
	display: block;
	text-align:center;
	text-decoration:none;
	color: #fff;
	font-size: 14px;
	font-weight:600;
	font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
}
#head li div.yahoo a:hover ,
#head li div.last a:hover {
	display: block;
	text-align:center;
	text-decoration:none;
	color: #ff0;
	font-size: 14px;
	font-weight:600;
	font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
}
.logo {
	display: block;
	float: left;
}
.logo_pc {
	display: none !important;
}
.logo_sp {
	display: block !important;
}
#main {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#nav {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

/* Blend */
nav#nav ul li a {
  position: relative;
/*  border-radius: 3px;*/
  overflow: hidden;
  z-index: 1;
}
nav#nav ul li a:hover {
  color: #fff;
}
nav#nav ul li a:before,
nav#nav ul li a:after {
  position: absolute;
  width: 0px;
  height: 100%;
  top: 0;
  bottom: 0;
  background: #0bb;
  transition: all .5s;
  margin: auto;
  content: '.';
  color: transparent;
  z-index: -1;
  opacity: 0.5;
}
nav#nav ul li a:before {
  left: 0;
}
nav#nav ul li a:after {
  right: 0;
}

nav#nav ul li a:hover:after,
nav#nav ul li a:hover:before {
  width: 100%;
}

#menu {
	display: none;
}
#menu li {
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	width: 100%;
	font-size: 16px;
	font-weight:600;
	font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
}
#menu li a {
	display: block;
	padding: 15px 0 15px;
	background-color: #69f;
	color: #FFF;
	text-align: center;
	text-decoration: none;
	border-bottom:1px solid #fff;
}
#menu li a:hover{
	background: #6cf;
}
#toggle {
	display: block;
	position: relative;
	width: 100%;
	background: #69f;
	font-size: 16px;
	font-weight:600;
	font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
}
#toggle a{
	display: block;
	position: relative;
	padding: 20px 0 20px;
	border-bottom: 1px solid #fff;
	color:#FFF;
	text-align: center;
	text-decoration: none;
}
#toggle:before {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	left: 10px;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	background: #FFF;
}
#toggle a:before, #toggle a:after {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	left: 10px;
	width: 30px;
	height: 6px;
	background: #69f;
}
#toggle a:before {
	margin-top:-9px;
}
#toggle a:after {
	margin-top: 3px;
}
#footer {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background: #69f;
}
.cols{
	list-style-type: none;
	padding-left: 30px;
	font-size: 14px;
	font-weight: 400;
}
#footer .links .col:before {
	color: #fff;
	content: '■';
}
.col a{
	color: #fff;
	text-decoration: none;
}
.col a:hover{
	color: #ff0;
	text-decoration: none;
}
.diagram,
.company_list,
.faq_list,
.form_list,
.recruit_list,
.jobtype_list,
.group_list{
	width: 100%;
	margin-top: 20px;
	margin-bottom: 20px;
	border: 0;
}
.diagram th, .diagram td,
.company_list th, .company_list td,
.faq_list th, .faq_list td,
.form_list th, .form_list td,
.recruit_list th, .recruit_list td,
.jobtype_list th, .jobtype_list td,
.group_list th, .group_list td{
	width: 94%;
	display: block;
}
.diagram td,
.company_list td,
.faq_list td,
.form_list td,
.recruit_list td,
.jobtype_list td,
.group_list td{
	margin-bottom: 20px;
}
/* -----------------------
  左上角丸　最初の行の最初のセル
----------------------- */
.diagram tr th:first-child,
.diagram tr td:first-child,
.company_list tr th:first-child,
.company_list tr td:first-child,
.faq_list th:first-child,
.form_list tr th:first-child,
.form_list tr td:first-child,
.recruit_list tr th:first-child,
.recruit_list tr td:first-child,
.jobtype_list tr th:first-child,
.jobtype_list tr td:first-child,
.group_list tr th:first-child,
.group_list tr td:first-child{
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
    -webkit-border-radius: 10px 10px 0 0;
       -moz-border-radius: 10px 10px 0 0;
         -o-border-radius: 10px 10px 0 0;
            border-radius: 10px 10px 0 0;
}
/* -----------------------
  右上角丸　最初の行の最後のセル
----------------------- */
.diagram tr th:last-child,
.diagram tr td:last-child,
.company_list tr th:last-child,
.company_list tr td:last-child,
.faq_list th::first-child,
.form_list tr th:last-child,
.form_list tr td:last-child,
.recruit_list tr th:last-child,
.recruit_list tr td:last-child,
.jobtype_list tr th:last-child,
.jobtype_list tr td:last-child,
.group_list tr th:last-child,
.group_list tr td:last-child{
	border-left: 1px solid #ccc;
    -webkit-border-radius: 0 0 10px 10px;
       -moz-border-radius: 0 0 10px 10px;
         -o-border-radius: 0 0 10px 10px;
            border-radius: 0 0 10px 10px;
}
/* -----------------------
  左下角丸　最後の行の最初のセル
----------------------- */
.diagram tr:last-child th:first-child,
.diagram tr:last-child td:first-child,
.company_list tr:last-child th:first-child,
.company_list tr:last-child td:first-child,
.faq_list td:last-child,
.form_list tr:last-child th:first-child,
.form_list tr:last-child td:first-child,
.recruit_list tr:last-child th:first-child,
.recruit_list tr:last-child td:first-child,
.jobtype_list tr:last-child th:first-child,
.jobtype_list tr:last-child td:first-child,
.group_list tr:last-child th:first-child,
.group_list tr:last-child td:first-child{
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
    -webkit-border-radius: 10px 10px 0 0;
       -moz-border-radius: 10px 10px 0 0;
         -o-border-radius: 10px 10px 0 0;
            border-radius: 10px 10px 0 0;
}
/* -----------------------
  右下角丸　最後の行の最後のセル
----------------------- */
.diagram tr:last-child th:last-child,
.diagram tr:last-child td:last-child,
.company_list tr:last-child th:last-child,
.company_list tr:last-child td:last-child,
.faq_list td:last-child,
.form_list tr:last-child th:last-child,
.form_list tr:last-child td:last-child,
.recruit_list tr:last-child th:last-child,
.recruit_list tr:last-child td:last-child,
.jobtype_list tr:last-child th:last-child,
.jobtype_list tr:last-child td:last-child,
.group_list tr:last-child th:last-child,
.group_list tr:last-child td:last-child{
	border-left: 1px solid #ccc;
    -webkit-border-radius: 0 0 10px 10px;
       -moz-border-radius: 0 0 10px 10px;
         -o-border-radius: 0 0 10px 10px;
            border-radius: 0 0 10px 10px;
}
/* -----------------------
  中間セル
----------------------- */
.recruit_list tr td,
.group_list tr td{
	border-left: 1px solid #ccc;
}
/* -----------------------
  recruit_list,group_listラストセル
----------------------- */
.recruit_list tr td:last-child,
.group_list tr td:last-child{
	position: relative;
	top: -20px;
}
/* -----------------------
  recruit_list,group_list最初の行
----------------------- */
.recruit_list tr:first-child,
.group_list tr:first-child{
	display: none;
}
/*--------------------------------------------------------------------
	section_top
--------------------------------------------------------------------*/
.column{
	clear: both;
	width: 100%;
	max-width: 480px;
}
.column_top{
	clear: both;
	width: 100%;
	margin-right: 0;
}
.column_safety,
.column_shop_mail{
	clear: both;
	width: 100%;
	margin-right: 0;
	margin-bottom: 20px;
}
/*--------------------------------------------------------------------
	section_rslides(-480)
--------------------------------------------------------------------*/

.rslides {
  font-size: 14px;
  list-style: none;
  margin: 0 auto;
  max-width: 480px;
  padding: 0;
  width: 100%;
	display: block;

}

.rslides_tabs li {
	display: block;
  float: none;
}

.rslides_tabs a {
  width: auto;
  padding: 10px 20px;
	display: block;
  color: #fff;
	font-weight: 600;
}

.rslides_tabs a:hover {
	display: block;
  border: 0;
  background: rgba(255,255,255,0.5);
}

.rslides_tabs .rslides_here a {
	display: block;
  background: rgba(255,255,255,0.3);
  color: #ff0;
  font-weight: 600;
}
/*--------------------------------------------------------------------
	section_group
--------------------------------------------------------------------*/
.group_map{
	background-image: url(../group/img/map_sp.gif);
	max-width: 480px;
}
ul#map_list{
	display: none;
}
/*--------------------------------------------------------------------
	section_job
--------------------------------------------------------------------*/
#job_list {
	max-width: 480px;
}
#job_list li.schedule{
	clear: both;
	width: 100%;
	margin: 0;
}
#job_list li.arrow{
	display: block;
	clear: both;
	width: 100%;
	height: 100px;
	margin: 0 auto;
	top: 0;
	background-image: url(../job/img/arrow_down.png);
	background-size: 50% 100%;
	background-repeat: repeat-x;
}
/*--------------------------------------------------------------------
	section_img
--------------------------------------------------------------------*/
.img_shop{
	float: left;
	width: 100%;
	text-align: center;
	border: 1px solid #ccc;
}
.img_shot{
	float: left;
	width: 100%;
	text-align: center;
}
.img_staff{
	clear: both;
	width: 100%;
	margin: 0 0 20px 10px;
	border: 1px solid #ccc;
}
.img_tsumitate{
	clear: both;
	width: 100%;
	margin: 0 0 20px 0;
	border: 1px solid #ccc;
}
#copy{
	clear: both;
	margin-top: 20px;
	width: 100%;
	display: block;
	text-align: center;
	color: #fff;
	border-top: 5px dotted #fff;
	background: #69f;
}
.img_nano_01{
	clear: both;
	width: 100%;
	margin: 0 0 20px 0;
	border: 1px solid #ccc;
}
.img_safety_01{
	clear: both;
	width: 100%;
	margin: 0 0 20px 0;
	border: 1px solid #ccc;
}
.img_faq_01{
	clear: both;
	width: 100%;
	margin: 0 0 20px 0;
	border: 1px solid #ccc;
}
.img_voice_01{
	clear: both;
	width: 100%;
	margin: 0 0 20px 0;
}
/*--------------------------------------------------------------------
	section_recruit
--------------------------------------------------------------------*/
#recruit_seq {
	width: 100%;
	max-width: 960px;
	margin: 0 auto;
	padding: 0;
}
#recruit_seq li{
	display: block;
	float: left;
	width: 50%;
	margin: 0 0 20px 0;
	padding: 0;
}
}

/*
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
■
■ タブレットレイアウト : 481 px ～ 768 px。モバイルレイアウトからスタイルを継承。
■
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
*/

@media only screen and (min-width: 481px) and (max-width: 768px) {
.gridContainer {
	width: 90.675%;
	padding-left: 1.1625%;
	padding-right: 1.1625%;
	margin: auto;
	background: #fff;
}
#header {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#head {
	clear: both;
	margin: 0;
	text-align: right;
	position: relative;
}
#head li {
	display: inline;
	position: relative;
	list-style: none;
}
#head li.logo {
	float: left;
	display: inline-block;
	position: relative;
	width: 100%;
	padding: 20px 0 15px 0;
}
#head li div.yahoo {
	display: block;
	float: left;
	width: 50%;
	line-height: 24px;
	background-color: #e61017;
	padding: 10px 0 10px;
	position: relative;
	top: 20px;
	font-weight: 600;
	color: #FFF;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius: 10px 10px 0px 0px;
	border-radius: 10px 10px 0px 0px;
}
#head li div.last {
	display: block;
	float: left;
	width: 50%;
	line-height: 24px;
	background-color: #b61f22;
	padding: 10px 0 10px;
	position: relative;
	top: 20px;
	right: 0px;
	font-weight: 600;
	color: #FFF;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius: 10px 10px 0px 0px;
	border-radius: 10px 10px 0px 0px;
}
#head li div.yahoo a ,
#head li div.last a {
	display: block;
	text-align:center;
	text-decoration:none;
	color: #fff;
	font-size: 14px;
	font-weight:600;
	font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
}
#head li div.yahoo a:hover ,
#head li div.last a:hover {
	display: block;
	text-align:center;
	text-decoration:none;
	color: #ff0;
	font-size: 14px;
	font-weight:600;
	font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
}
.logo {
	display: block;
	float: left;
}
.logo_pc {
	display: block !important;
}
.logo_sp {
	display: none !important;
}
#main {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#nav {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

/* Blend */
nav#nav ul li a {
  position: relative;
/*  border-radius: 3px;*/
  overflow: hidden;
  z-index: 1;
}
nav#nav ul li a:hover {
  color: #fff;
}
nav#nav ul li a:before,
nav#nav ul li a:after {
  position: absolute;
  width: 0px;
  height: 100%;
  top: 0;
  bottom: 0;
  background: #0bb;
  transition: all .5s;
  margin: auto;
  content: '.';
  color: transparent;
  z-index: -1;
  opacity: 0.5;
}
nav#nav ul li a:before {
  left: 0;
}
nav#nav ul li a:after {
  right: 0;
}

nav#nav ul li a:hover:after,
nav#nav ul li a:hover:before {
  width: 100%;
}

#menu ,
#map_list {
	width: 100%;
	max-width: 768px;
	margin: 0 auto;
	padding: 0;
}
#menu li {
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	width: 50%;
}
#menu li a ,
#map_list li a {
	display: block;
	padding: 20px 0 20px;
	background-color: #69f;
	color: #FFF;
	font-size: 16px;
	font-weight: 600;
	font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
	text-align: center;
	text-decoration: none;
	border-right:1px solid #fff;
	border-bottom:1px solid #fff;
}
#menu li a:hover,
#map_list li a:hover{
	background: #6cf;
}
#map_list li{
	display: block;
	float: left;
	width: 25%;
	margin: 0;
	padding: 0;
}
#map_list li a {
	height: 40px;
}
#toggle {
	display: none;
}
#footer {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	text-align:center;
	background: #69f;
}
.cols{
	display: table;
	width: 100%;
	word-spacing: -1em;
	display: block;
	/display: block;
}
.col{
	display: inline-block;
	color: #fff;
	word-spacing: normal;
	vertical-align: top;
	/display: inline;
	/zoom:1;
}
#footer .links {
	margin-top: 10px;
	padding: 17px 0 16px;
	font-size: 11px;
	line-height: 11px;
}
#footer .links .col {
	padding: 3px 12px 3px 0;
}
#footer .links .col:before {
	padding: 0 12px 0 0;
	content: '|';
}
#footer .links > *:first-child:before {
	padding: 0;
	content: '';
}
#footer .links a {
	color: #fff;
	text-decoration: none;
}
#footer .links a:hover,
#footer .links a:active {
	text-decoration: underline;
	color: #ff0;
}
#copy{
	clear: both;
	margin-top: 20px;
	width: 100%;
	display: block;
	text-align: center;
	color: #fff;
	border-top: 5px dotted #fff;
	background: #69f;
}
#copy br{
	display: none;
}
/*--------------------------------------------------------------------
	section_top
--------------------------------------------------------------------*/
.column_top:nth-child(odd){
	clear: both;
	float: left;
	width: 45%;
}
.column_top:nth-child(even){
	float: right;
	width: 45%;
	margin-right: 0;
}
.page_sp{
	display: none;
}
/*--------------------------------------------------------------------
	section_rslides(-768)
--------------------------------------------------------------------*/

.rslides_tabs {
  font-size: 14px;
  list-style: none;
  margin: 0 auto;
  max-width: 960px;
  padding: 0;
  text-align: center;
  width: 100%;
  background: #09f;
	display: block;

}

.rslides_tabs li {
	display: block;
  float: none;
}

.rslides_tabs a {
  width: auto;
  padding: 10px 20px;
	display: block;
  color: #fff;
	font-weight: 600;
}

.rslides_tabs a:hover {
	display: block;
  border: 0;
  background: rgba(255,255,255,0.5);
}

.rslides_tabs .rslides_here a {
	display: block;
  background: rgba(255,255,255,0.3);
  color: #ff0;
  font-weight: 600;
}
/*--------------------------------------------------------------------
	section_faq
--------------------------------------------------------------------*/
.img_faq_01{
	clear: both;
	float: left;
	width: 100%;
	border: 1px solid #ccc;
}
/*--------------------------------------------------------------------
	section_voice
--------------------------------------------------------------------*/
.img_voice_01{
	clear: both;
	float: left;
	width: 100%;
	border: 1px solid #ccc;
}
/*--------------------------------------------------------------------
	section_job
--------------------------------------------------------------------*/
#job_list {
	max-width: 768px;
}
#job_list li.schedule{
	width: 35%;
}
#job_list li.arrow{
	display: block;
	width: 15%;
	height: 150px;
	top: 0;
	background-image: url(../job/img/arrow_right.png);
	background-size: 100% 100%;
	background-repeat: repeat-x;
}
/*--------------------------------------------------------------------
	section_group
--------------------------------------------------------------------*/
.group_map{
	display: block;
	background-image: url(../group/img/map_pc.gif);
	max-width: 768px;
	background-size: 100% 100%;
}
.group_map a img{
	opacity:0;
	filter: alpha(opacity=0);
}
}

/*
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
■
■ デスクトップレイアウト : 769 px ～最大 1232 px。モバイルレイアウトとタブレットレイアウトからスタイルを継承。
■
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
*/

@media only screen and (min-width: 769px) {
.gridContainer {
	width: 88.2%;
	max-width: 960px;
	padding-left: 0.9%;
	padding-right: 0.9%;
	margin: auto;
	background: #fff;
}
#header {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
}
#head {
	clear: both;
	margin: 0;
	text-align: right;
	position: relative;
}
#head li {
	display: inline;
	position: relative;
	list-style: none;
}
#head li.logo {
	float: left;
	display: inline-block;
	position: relative;
	width: 100%;

/*
	width: 550px;
	height: 20px;
*/
	padding: 20px 0 10px 0;
/*	background: #0ff;*/
}
#head li div.yahoo {
	margin-right: 0;
	line-height: 24px;
	background-color: #e61017;
	padding: 10px;
	position: absolute;
	top: 20px;
	right: 155px;
	font-weight: 600;
	color: #FFF;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius: 10px 0px 0px 10px;
	border-radius: 10px 0px 0px 10px;
}
#head li div.last {
	margin-right: 0;
	line-height: 24px;
	background-color: #b61f22;
	padding: 10px;
	position: absolute;
	top: 20px;
	right: 0px;
	font-weight: 600;
	color: #FFF;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;
}
#head li div.yahoo a ,
#head li div.last a {
	display: inline-block;
	text-align:center;
	text-decoration:none;
	color: #FFF;
	font-size: 16px;
	font-weight:600;
	font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
}
#head li div.yahoo a:hover ,
#head li div.last a:hover {
	display: inline-block;
	text-align:center;
	text-decoration:none;
	color: #ff0;
	font-size: 16px;
	font-weight:600;
	font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
}
.logo {
	display: block;
	float: left;
}
.logo_pc {
	display: block !important;
}
.logo_sp {
	display: none !important;
}
#main {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#nav {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

/* Blend */
nav#nav ul li a {
  position: relative;
/*  border-radius: 3px;*/
  overflow: hidden;
  z-index: 1;
}
nav#nav ul li a:hover {
  color: #fff;
}
nav#nav ul li a:before,
nav#nav ul li a:after {
  position: absolute;
  width: 0px;
  height: 100%;
  top: 0;
  bottom: 0;
  background: #0bb;
  transition: all .5s;
  margin: auto;
  content: '.';
  color: transparent;
  z-index: -1;
  opacity: 0.5;
}
nav#nav ul li a:before {
  left: 0;
}
nav#nav ul li a:after {
  right: 0;
}

nav#nav ul li a:hover:after,
nav#nav ul li a:hover:before {
  width: 100%;
}

#menu ,
#map_list {
	width: 100%;
	max-width: 960px;
	margin: 0 auto;
	padding: 0;
}
#menu li{
	display: block;
	float: left;
/*	width: 30%;*/
	width: 17.5%;
	margin: 0;
	padding: 0;
}
#menu li:nth-child(1),
#menu li:nth-child(4){
	width: 20%;
}
#menu li:nth-child(6){
	width: 7.5%;
}
#menu li a ,
#map_list li a {
	display: block;
	padding: 15px 0 15px;
	background-color: #69f;
	color: #FFF;
	font-size: 16px;
	font-weight: 600;
	font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
	text-align: center;
	text-decoration: none;
	border-right:1px solid #fff;
}
#menu li:last-child a,
#map_list li:last-child a{
	border: none;
}
#menu li a:hover,
#map_list li a:hover{
	background: #6cf;
}
#map_list li{
	display: block;
	float: left;
	width: 25%;
	margin: 0;
	padding: 0;
}
#map_list li a {
	height: 30px;
}
#toggle {
	display: none;
}
#footer {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	text-align:center;
	background: #69f;
}
.cols{
	display: table;
	width: 100%;
	word-spacing: -1em;
	display: block;
	/display: block;
}
.col{
	display: inline-block;
	color: #fff;
	word-spacing: normal;
	vertical-align: top;
	/display: inline;
	/zoom:1;
}
#footer .links {
	margin-top: 10px;
	padding: 17px 0 16px;
	line-height: 11px;
}
#footer .links .col {
	padding: 3px 12px 3px 0;
}
#footer .links .col:before {
	padding: 0 12px 0 0;
	content: '|';
}
#footer .links > *:first-child:before {
	padding: 0;
	content: '';
}
#footer .links br {
	display: none;
}
#footer .links a {
	color: #fff;
	text-decoration: none;
}
#footer .links a:hover,
#footer .links a:active {
	text-decoration: underline;
	color: #ff0;
}
#copy{
	clear: both;
	margin-top: 20px;
	width: 100%;
	display: block;
	text-align: center;
	color: #fff;
	border-top: 5px dotted #fff;
	background: #69f;
}
#copy br{
	display: none;
}
/*--------------------------------------------------------------------
	section_summary_960
--------------------------------------------------------------------*/
.summary_company {
	clear: both;
	float: left;
	width: 70%;
}
/*--------------------------------------------------------------------
	section_top
--------------------------------------------------------------------*/
.column_top:nth-child(1){
	float: left;
	width: 30%;
	margin-right: 5%;
}
.column_top:nth-child(2){
	float: left;
	width: 30%;
	margin-right: 0%;
}
.column_top:nth-child(3){
	float: right;
	width: 30%;
	margin-right: 0;
}
.column_top:nth-child(4){
	float: left;
	width: 30%;
	margin-right: 5%;
}
.column_top:nth-child(5){
	float: left;
	width: 30%;
	margin-right: 0%;
}
.column_top:nth-child(6){
	float: right;
	width: 30%;
	margin-right: 0;
}
.column_top:nth-child(7){
	float: left;
	width: 30%;
	margin-right: 5%;
}
.column_top:nth-child(8){
	float: left;
	width: 30%;
	margin-right: 0%;
}
.column_top:nth-child(9){
	float: right;
	width: 30%;
	margin-right: 0;
}
.whats_new p br {
	display: none;
}
.page_sp{
	display: none;
}
/*--------------------------------------------------------------------
	section_rslides(769-)
--------------------------------------------------------------------*/

.rslides_tabs {
  font-size: 14px;
  list-style: none;
  margin: 0 auto;
  max-width: 960px;
  padding: 0;
  text-align: center;
  width: 100%;
  background: #09f;
	display: block;

}

.rslides_tabs li {
	display: block;
  float: none;
}

.rslides_tabs a {
  width: auto;
  padding: 10px 20px;
	display: block;
  color: #fff;
	font-weight: 600;
}

.rslides_tabs a:hover {
	display: block;
  border: 0;
  background: rgba(255,255,255,0.5);
}

.rslides_tabs .rslides_here a {
	display: block;
  background: rgba(255,255,255,0.3);
  color: #ff0;
  font-weight: 600;
}
/*--------------------------------------------------------------------
	section_faq
--------------------------------------------------------------------*/
.img_faq_01{
	float: right;
	width: 45%;
	margin: 0 0 0 10px;
	border: 1px solid #ccc;
}
/*--------------------------------------------------------------------
	section_recommend
--------------------------------------------------------------------*/
.img_rslides_01,
.img_rslides_03,
.img_rslides_05{
	clear: both;
	float: right;
	width: 40%;
	margin: 0 0 20px 10px;
	border: 1px solid #ccc;
}
.img_rslides_02,
.img_rslides_04{
	clear: both;
	float: left;
	margin: 0 10px 20px 0;
	width: 35%;
}
.cap_rslides_01,
.cap_rslides_03{
	text-align: left;
	width: 58%;
	position: absolute;
	left: 42%;
	color: #000;
	font-size: 1.0e;
}
.cap_rslides_03{
	left: 45%;
	width: 45%;
	bottom: 100px;
}
.cap_rslides_02,
.cap_rslides_04{
	text-align: left;
	width: 99%;
	position: absolute;
	left: 0%;
	bottom: 0px;
	color: #fff;
	padding: 1%;
	background: rgba(0,0,0,0.6);
	font-weight: bold;
	font-size: 1.0e;
}
.cap_rslides_05{
	text-align: center;
	width: 100%;
	position: absolute;
	color: #000;
	font-size: 1.0e;
}
}
/*--------------------------------------------------------------------
	section_common
--------------------------------------------------------------------*/
.container_head{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 5px;
	background: #69f;
}
#header ul {
	padding-left: 0;
}