@charset "UTF-8";

/*-----------------------------*/
/* [ COMMON ] setup/layout     */
/*-----------------------------*/

/** default setting **/
*{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

html{
	font-size:62.5%;
	-ms-text-size-adjust:100%;
	-webkit-text-size-adjust:100%;
	width:100%;
	height:100%;
}
body{
	margin:0;
	padding:0;
	font-size:1.4rem;
	/*font setting -> rem*/
	color:#000;
	font-family:HelveticaNeue,"HiraKakuProN-W3","メイリオ",sans-serif;
	line-height:1.7;
}
img{
	border:none;
	vertical-align:bottom;
}
a img{
	box-shadow:#000 0 0 0;
	-webkit-transition:opacity 0.2s;
	-moz-transition:opacity 0.2s;
	transition:opacity 0.2s;
}
ul, ol{
	margin:0;
	padding:0;
	list-style:none;
	letter-spacing:0.07em;
}
ul li, ol li{
	margin:0;
	padding:0;
	list-style:none;
}
dl{
	margin:0;
	padding:0;
	letter-spacing:0.07em;
}
dl dt, dl dd{
	margin:0;
	padding:0;
}
h1, h2, h3, h4, h5{
	margin:0;
	padding:0;
	list-style:none;
	font-size:14px;
	font-size:1.4rem;
	font-weight:bold;
	letter-spacing:0.07em;
}
p{
	margin:0;
	padding:0;
	letter-spacing:0.07em;
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{
	display:block;
	margin:0;
	padding:0;
}

/*** link ***/
a:link,
a:visited{
	text-decoration:none;
	color:#000;
}
a:hover{
	color:#c00;
}
a:hover img{
	opacity:0.7;
}

/*** form ***/
form{
	letter-spacing:normal;
}
input,button,select{
	margin:0;
	padding:0;
	background:none;
	border:none;
	border-radius:0;
	outline:none;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	font-family:HelveticaNeue,"HiraKakuProN-W3","メイリオ",sans-serif;
}
select::-ms-expand{
	display:none;
}
input[type="text"]{
	height:40px;
	border:1px solid #ccc;
	line-height:40px;
	padding:0 10px;
	font-size:1.6rem;
}

input[type="submit"]{
	cursor:pointer;
}
select{
	border:1px solid #ccc;
	height:40px;
	line-height:40px;
	padding:0 30px 0 10px;
	width:100%;
	background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAPCAMAAADnP957AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAF1QTFRFCQkJAwMD29vbBgYGurq6ycnJISEhn5+fS0tLpaWlz8/P7e3tvb29gYGBioqKmZmZTk5Ot7e3EhISh4eH8PDwzMzMFRUVDAwMJCQkoqKiOTk5kJCQMzMzAAAA////jo60/wAAAFhJREFUeNqcjVcOwDAIQ8nq3nvB/Y9ZSNOo330Ssi2BAWL0UYkQ8LgF1RiCXZHpJgm5Qc9WEJz4AinQh1+hhVjXAM3JY80ua2Xmv/ThplY4uFhgLy1yCzAACn4SXg3d8PwAAAAASUVORK5CYII=) no-repeat right 10px center;
		cursor:pointer;
}

/*text*/
input::-ms-clear{
	display:none;
}

/** layout **/
#wrapper{
	position:relative;
	min-width:1000px;
	overflow:hidden;
}
@media screen and (max-width:640px){
	#wrapper{
		min-width:0;
	}
}

/*** frame ***/
.header,
.main,
.footer,
.topicpath{
	min-width:1000px;
	position:relative;
	display:block;
}

@media screen and (max-width:640px){
	.header,
	.main,
	.footer,
	.topicpath{
		min-width:0;
		width:100%;
		display:block;
	}
}

/**** common ****/
.header .header-inner,
.footer .footer-inner,
.topicpath .topicpath-inner{
	width:1000px;
	margin:0 auto;
	padding:0 10px;
}

@media screen and (max-width:640px){
	.header .header-inner,
	.main .main-inner,
	.footer .footer-inner,
	.topicpath .topicpath-inner{
		width:100%;
		padding:0 15px;
	}
}

/*** header ***/
.header{
	border-top:6px solid #000;
	height:80px;
	background-color:#fff;
}
.header .logo{
	margin:17px 0;
	display:inline-block;
	position:relative;
	z-index:2;
}
.header .logo img{
	width:210px;
	height:auto;
}

@media screen and (max-width:640px){
	.header{
		border-top:5px solid #000;
		height:auto;
		border-bottom:1px solid #ccc;
	}
	.header .logo{
		margin:10px 0;
	}
	.header .logo img{
		width:157px;
	}
}

/*** header_utility ***/
.header_utility{
	font-size:1.2rem;
	width:980px;
	height:140px;
	margin:-140px auto 0;
	position:relative;
	z-index:1;
}

.header_utility2{
	font-size:1.2rem;
	width:980px;
	height:75px;
	margin:-75px auto 0;
	position:relative;
	z-index:1;
}

.header_utility ul.header_utility-nav,
.header_utility2 ul.header_utility-nav{
	display:table;
	margin-left:auto;
	height:80px;
}
.header_utility ul.header_utility-nav > li,
.header_utility2 ul.header_utility-nav > li{
	display:table-cell;
	vertical-align:middle;
	padding:5px 15px 0; 
}
.header_utility ul.header_utility-nav > li.header_utility-search,
.header_utility2 ul.header_utility-nav > li.header_utility-search{
	padding:5px 0 0 15px;
	font-size:0;
}
.header_utility ul.header_utility-nav > li.header_utility-search input[type="text"],
.header_utility2 ul.header_utility-nav > li.header_utility-search input[type="text"]{
	width:200px;
	font-size:1.4rem;
	vertical-align:bottom;
	height:36px;
	line-height:36px;
}
.header_utility ul.header_utility-nav > li.header_utility-search input[type="submit"],
.header_utility2 ul.header_utility-nav > li.header_utility-search input[type="submit"]{
	text-indent:-9999px;
	overflow:hidden;
	width:36px;
	height:36px;
	background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAmCAYAAACoPemuAAACiElEQVR42s2Yj2dVYRjHz7lttdTd3G2CWLM0YHLXXIpZqK5qNgUS5AbMkIhJQVEkhGCRGdB/0KgE925jt1DacLebFpXYVm3Isnb6vryXx+Oce5733PN29/Dhfc/d+9zPfd+9v47reZ4jiL3gPDgNekEnaAPbYBUsgSKYAq/AX6fWUGJVaAcPwE9PHl/BGNgXkrsq1T68Cta86LEMzsYpthtM+nzRe3AN9OmedMEucACcALfBEmuzDe7ov61JTElNseQfwBmDpMPgM8vxuFYx3lMPIw5FDyiwXDejiuVYohu1/PNqxkm+LdBvKtYGVmLoKT9mSN4F0Ggidp81dmLkKJvdOanYHtYwG7NYZempxJxU7AKbgY4FXLaEHAxrk8Dif4psBBOOnVD73rQuu2AorIESS5P6rGMvnpDycYnYEVJftCi2TMqHJGJJUt+wKPaDlFMSMXrucZ0dEkrsF6m3WPyudlJekYiVSL3bolgXKX+UiBVJfcCiWI6Ui5ITbJYsfmVLC2wTW2C7JCt/A/hCGg5ZELtO8udNNvEx0vCTPk/FJdWne6kSF03E9rNTZyFGsRLJOwsSpgfFQfbLHsUg9Y7k+20yEvzBPXaKLUQc1mNgkeVS9WRUMXU8eepzT7xkIDUC/gRc6fJSOdfnJq62pbvgFtuivoFnYAaUwbp+rm7kh8FJcAU0kTab4DvoIM8K4FzovlzFOutzTzSJNyANUuCtac9JFsZRQ8EiuMxmn7GcK3ypoiKjX6qk9dA16+eremjnwAswH9A+pV+49IqG1dIWFIS45/63mFiuHmIiuXqJhcrVUyxITu02SZNZaSv8ZuvznSCmohW81HLqDpKt91BSWsFrkFH1f906J/LEovPgAAAAAElFTkSuQmCC) no-repeat center center;
	background-size:19px 19px;
	background-color:#000;
	-webkit-transition:all .2s;
	transition:all .2s;
}
.header_utility ul.header_utility-nav > li.header_utility-search input[type="submit"]:hover,
.header_utility2 ul.header_utility-nav > li.header_utility-search input[type="submit"]:hover{
	background-color:#c00;
}

.header_utility ul.header_utility-nav > li.header_utility-print a,
.header_utility2 ul.header_utility-nav > li.header_utility-print a{
	display:inline-block;
	position:relative;
	padding-left:24px;
}
.header_utility ul.header_utility-nav > li.header_utility-print a:before,
.header_utility2 ul.header_utility-nav > li.header_utility-print a:before{
	content:"";
	background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAOBAMAAADUAYG5AAAAElBMVEUAAAAAAAAAAAAAAAAAAAD////glT+wAAAABHRSTlMAPkSBk8yXtwAAADdJREFUeF5jYGBxAQIHBiwMRiUwEGAwcQEDZwYXMHB1gTJcUBihQICVoaQCYjgpMTCwgBhIVgAA2F0ZYP4gOYoAAAAASUVORK5CYII=) no-repeat left center;
	width:16px;
	height:14px;
	display:inline-block;
	position:absolute;
	left:0;
	top:2px;
}
.header_utility ul.header_utility-nav > li.header_utility-print a:hover:before,
.header_utility2 ul.header_utility-nav > li.header_utility-print a:hover:before{
	background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAOCAMAAAAR8Wy4AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABJQTFRF88/P335+8szM////wAAA////yB1OOQAAAAZ0Uk5T//////8As7+kvwAAADxJREFUeNqMjkEKACAMwzrX/f/LFpHpQGG5JZcWEcFEgkbAuJAaC4aiTtbAX/BNM2j8hPVETzO8rk8BBgCMsQNG97Bp+wAAAABJRU5ErkJggg==) no-repeat left center;
}
.header_utility .sp_fixnav-close,
.header_utility2 .sp_fixnav-close{
	font-size:1.4rem;
}
.header_utility .sp_fixnav-close,
.header_utility2 .sp_fixnav-close{
	display:inline-block;
	position:relative;
	padding-right:30px;
}
.header_utility .sp_fixnav-close:before,
.header_utility2 .sp_fixnav-close:before{
	content:"";
	width:15px;
	height:15px;
	border-top:1px solid #000;
	transform:rotate(45deg);
	position:absolute;
	right:11px;
	top:8px;
}
.header_utility .sp_fixnav-close:after,
.header_utility2 .sp_fixnav-close:after{
	content:"";
	width:15px;
	height:15px;
	border-left:1px solid #000;
	transform:rotate(45deg);
	position:absolute;
	right:0;
	top:8px;
}

@media screen and (max-width:640px){
	.header_utility{
		width:auto;
		height:auto;
		margin:0;
		background-color:#fff;
	}
	.header_utility ul.header_utility-nav{
		display:block;
		margin-left:0;
		height:auto;
	}
	.header_utility ul.header_utility-nav > li{
		display:block;
		padding:0;
		border-top:1px solid #ccc;
	}
	.header_utility ul.header_utility-nav > li a{
		display:block;
		padding:10px 40px 10px 15px;
		position:relative;
	}
	.header_utility ul.header_utility-nav > li a:before{
		content:"";
		position:absolute;
		top:16px;
		right:16px;
		width:6px;
		height:6px;
		border-top:1px solid #000;
		border-right:1px solid #000;
		-webkit-transform:rotate(45deg);
		-ms-transform:rotate(45deg);
		transform:rotate(45deg);
	}
	.header_utility ul.header_utility-nav > li.header_utility-search{
		padding:20px 15px;
		overflow:hidden;
		position:relative;
	}
	.header_utility ul.header_utility-nav > li.header_utility-search input[type="text"]{
		width:100%;
		padding-right:46px;
	}
	.header_utility ul.header_utility-nav > li.header_utility-search input[type="submit"]{
		position:absolute;
		right:15px;
	}

	.header_utility ul.header_utility-nav > li.header_utility-print{
		display:none;
	}
}

/*** gnav ***/
.gnav{
	background-color:#ebebeb;
	position:relative;
	z-index:99;
	min-width:1000px;
}
.gnav ul.gnav-main{
	text-align:center;
	font-size:0;
	min-width:1000px;
}
.gnav ul.gnav-main > li{
	display:inline-block;
	font-size:1.4rem;
	width:196px;
}
.gnav ul.gnav-main > li > a{
	display:block;
	line-height:60px;
}
.gnav ul.gnav-main > li:hover{
	color:#c00;
	background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAABQCAMAAAAELlTqAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAZQTFRFwAAA////tDGBaQAAAAJ0Uk5T/wDltzBKAAAAEklEQVR42mJgZGQY9ggJAAQYAEvAAJntdlFHAAAAAElFTkSuQmCC) repeat-x bottom left;
}
.gnav ul.gnav-main > li:hover > a:link,
.gnav ul.gnav-main > li:hover > a:visited{
	color:#c00;
}

@media screen and (max-width:640px){
	.gnav{
		min-width:0;
	}
	.gnav ul.gnav-main{
		min-width:0;
		text-align:left;
	}
	.gnav ul.gnav-main > li{
		display:block;
		width:auto;
		border-top:1px solid #ccc;
	}
	.gnav ul.gnav-main > li:first-child{
		border-top:none;
	}
	.gnav ul.gnav-main > li > a{
		display:block;
		line-height:1.5;
		padding:15px 40px 15px 15px;
		position:relative;
	}
	.gnav ul.gnav-main > li > a:before{
		content:"";
		position:absolute;
		top:20px;
		right:15px;
		width:7px;
		height:7px;
		border-top:1px solid #000;
		border-right:1px solid #000;
		-webkit-transform:rotate(45deg);
		-ms-transform:rotate(45deg);
		transform:rotate(45deg);
	}

	.gnav ul.gnav-main > li.haschild > a{
	}
	.gnav ul.gnav-main > li.haschild > a:before{
		content:"";
		position:absolute;
		top:25px;
		right:14px;
		width:11px;
		height:11px;
		border-top:1px solid #000;
		border-right:none;
		-webkit-transform:rotate(0deg);
		-ms-transform:rotate(0deg);
		transform:rotate(0deg);
	}
	.gnav ul.gnav-main > li.haschild > a:after{
		content:"";
		position:absolute;
		top:20px;
		right:8px;
		width:11px;
		height:11px;
		border-left:1px solid #000;
	}

	.gnav ul.gnav-main > li:hover{
		background:none;
	}
	.gnav ul.gnav-main > li:hover > a:link,
	.gnav ul.gnav-main > li:hover > a:visited{
		color:#c00;
	}
	.gnav ul.gnav-main > li.haschild.open > a:after{
		border-left:none;
	}

}

/**** current ****/
body#page_proposal .gnav ul.gnav-main > li#gnav-proposal,
body#page_product .gnav ul.gnav-main > li#gnav-product,
body#page_works .gnav ul.gnav-main > li#gnav-works,
body#page_news .gnav ul.gnav-main > li#gnav-news,
body#page_company .gnav ul.gnav-main > li#gnav-company{
	color:#c00;
	background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAABQCAMAAAAELlTqAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAZQTFRFwAAA////tDGBaQAAAAJ0Uk5T/wDltzBKAAAAEklEQVR42mJgZGQY9ggJAAQYAEvAAJntdlFHAAAAAElFTkSuQmCC) repeat-x bottom left;
}
body#page_proposal .gnav ul.gnav-main > li#gnav-proposal > a:link,
body#page_proposal .gnav ul.gnav-main > li#gnav-proposal > a:visited,
body#page_product .gnav ul.gnav-main > li#gnav-product > a:link,
body#page_product .gnav ul.gnav-main > li#gnav-product > a:visited,
body#page_works .gnav ul.gnav-main > li#gnav-works > a:link,
body#page_works .gnav ul.gnav-main > li#gnav-works > a:visited,
body#page_news .gnav ul.gnav-main > li#gnav-news > a:link,
body#page_news .gnav ul.gnav-main > li#gnav-news > a:visited,
body#page_company .gnav ul.gnav-main > li#gnav-company > a:link,
body#page_company .gnav ul.gnav-main > li#gnav-company > a:visited{
	color:#c00;
}

@media screen and (max-width:640px){
	body#page_proposal .gnav ul.gnav-main > li#gnav-proposal,
	body#page_product .gnav ul.gnav-main > li#gnav-product,
	body#page_works .gnav ul.gnav-main > li#gnav-works,
	body#page_news .gnav ul.gnav-main > li#gnav-news,
	body#page_company .gnav ul.gnav-main > li#gnav-company{
		color:#000;
		background:none;
	}
	body#page_proposal .gnav ul.gnav-main > li#gnav-proposal > a:link,
	body#page_proposal .gnav ul.gnav-main > li#gnav-proposal > a:visited,
	body#page_product .gnav ul.gnav-main > li#gnav-product > a:link,
	body#page_product .gnav ul.gnav-main > li#gnav-product > a:visited,
	body#page_works .gnav ul.gnav-main > li#gnav-works > a:link,
	body#page_works .gnav ul.gnav-main > li#gnav-works > a:visited,
	body#page_news .gnav ul.gnav-main > li#gnav-news > a:link,
	body#page_news .gnav ul.gnav-main > li#gnav-news > a:visited,
	body#page_company .gnav ul.gnav-main > li#gnav-company > a:link,
	body#page_company .gnav ul.gnav-main > li#gnav-company > a:visited{
		color:#000;
	}
}

/**** gnav-sub ****/
.gnav ul > li .gnav-sub{
	width:1080px;
	position:absolute;
	top:60px;
	left:50%;
	margin-left:-540px;
	background-color:#fff;
	box-shadow:0px 3px 8px 3px rgba(0,0,0,0.1);
	/*animation*/
	display:none;
}

.gnav ul > li .gnav-sub > ul{
	width:980px;
	margin:0 auto;
	text-align:left;
	font-size:0;
	padding:40px 60px 40px 0;
	overflow:hidden;
}
.gnav ul > li .gnav-sub > ul >li{
	display:inline-block;
	font-size:1.4rem;
	width:25%;
	margin-right:20px;
	margin-top:26px;
	vertical-align:top;
}
.gnav ul > li .gnav-sub > ul >li:nth-child(4n+1){
	margin-right:-60px;
}
.gnav ul > li .gnav-sub > ul >li.top{
	display:block;
	margin:0 0 10px;
	width:auto;
}
.gnav ul > li.open .gnav-sub{
}

/***** gnav-sub_cols *****/
.gnav ul > li .gnav-sub > ul.gnav-sub_cols{
	padding-right:0;
}
.gnav ul > li .gnav-sub > ul.gnav-sub_cols > li{
	width:980px;
	margin-right:0;
	padding-right:0;
	display:block;
	font-size:0;
}
.gnav ul > li .gnav-sub > ul.gnav-sub_cols > li.top{
	font-size:1.4rem;
}

.gnav ul > li .gnav-sub > ul.gnav-sub_cols > li .gnav-sub_cols2{
	width:50%;
	padding-right:40px;
	display:inline-block;
	vertical-align:top;
	font-size:1.4rem;
}
.gnav ul > li .gnav-sub > ul.gnav-sub_cols > li .gnav-sub_cols2:last-child{
	padding-right:20px;
}
.gnav ul > li .gnav-sub > ul.gnav-sub_cols > li .gnav-sub_cols1{
	width:230px;
	margin-right:20px;
	display:inline-block;
	vertical-align:top;
	font-size:1.4rem;
}
.gnav ul > li .gnav-sub > ul.gnav-sub_cols > li .gnav-sub_cols1:last-child{
	margin-right:0;
}
.gnav ul > li .gnav-sub > ul.gnav-sub_cols > li .gnav-sub_cols2 > ul{
	margin-right:20px;
	width:50%;
	font-size:0;
	float:left;
}
.gnav ul > li .gnav-sub > ul.gnav-sub_cols > li .gnav-sub_cols2 > ul:last-child{
	margin-right:-20px;
}

.gnav ul > li .gnav-sub > ul.gnav-sub_cols > li .gnav-sub_cols2 > ul > li{
	font-size:1.4rem;
}
.gnav ul > li .gnav-sub > ul.gnav-sub_cols > li span.gnav-sub_tit{
	color:#000;
	font-size:1.5rem;
	font-weight:bold;
	display:block;
}
.gnav ul > li .gnav-sub > ul.gnav-sub_cols > li ul > li{
	margin-top:12px;
}
.gnav ul > li .gnav-sub > ul.gnav-sub_cols > li ul + span.gnav-sub_tit{
	margin-top:25px;
}


@media screen and (max-width:640px){
	.gnav ul > li .gnav-sub{
		width:100%;
		position:static;
		top:auto;
		left:auto;
		margin-left:auto;
		background-color:#fff;
		box-shadow:none;
		border-top:1px solid #ccc;
		padding:15px;
		/*animation*/
		display:none;
	}
	.gnav ul > li .gnav-sub > ul{
		width:auto;
		margin:0 auto;
		padding:0;
	}
	.gnav ul > li .gnav-sub > ul >li{
		display:block;
		font-size:1.4rem;
		width:auto;
		margin-right:0;
		margin-top:10px;
	}
	.gnav ul > li .gnav-sub > ul >li:nth-child(4n+1){
		margin-right:0;
	}
	.gnav ul > li .gnav-sub > ul >li.top{
		display:block;
		margin:0 0 15px;
	}
	.gnav ul > li.open .gnav-sub{
	}

	.gnav ul > li .gnav-sub > ul.gnav-sub_cols{
	}
	.gnav ul > li .gnav-sub > ul.gnav-sub_cols > li{
		width:auto;
		margin-top:0;
	}
	.gnav ul > li .gnav-sub > ul.gnav-sub_cols > li.top{
		margin:0;
	}
	.gnav ul > li .gnav-sub > ul.gnav-sub_cols > li .gnav-sub_cols2{
		width:auto;
		margin-right:0;
		display:block;
		padding-right:0;
	}
	.gnav ul > li .gnav-sub > ul.gnav-sub_cols > li .gnav-sub_cols2:last-child{
		padding-right:0;
	}
	.gnav ul > li .gnav-sub > ul.gnav-sub_cols > li .gnav-sub_cols1{
		width:auto;
		display:block;
		margin-right:0;
	}
	.gnav ul > li .gnav-sub > ul.gnav-sub_cols > li .gnav-sub_cols1:last-child{
	}
	.gnav ul > li .gnav-sub > ul.gnav-sub_cols > li .gnav-sub_cols2 > ul{
		padding-right:0;
		font-size:0;
		float:none;
		width:100%;
	}
	.gnav ul > li .gnav-sub > ul.gnav-sub_cols > li .gnav-sub_cols2 > ul > li{
		width:auto;
		margin-right:0;
		display:block;
	}
	.gnav ul > li .gnav-sub > ul.gnav-sub_cols > li .gnav-sub_cols2 > ul > li:nth-child(2n){
		margin-right:0;
	}
	.gnav ul > li .gnav-sub > ul.gnav-sub_cols > li span.gnav-sub_tit{
		color:#000;
		font-size:1.5rem;
		font-weight:bold;
		display:inline-block;
		margin-top:20px;
	}
	.gnav ul > li .gnav-sub > ul.gnav-sub_cols > li ul > li{
		margin-top:10px;
	}
	.gnav ul > li .gnav-sub > ul.gnav-sub_cols > li ul + span.gnav-sub_tit{
	}
}

/*** !! sp_fixnav(JS) !! ***/
#sp_fixnav .sp_fixnav-btn{
	display:none;
}

@media screen and (max-width:640px){
	#sp_fixnav{
	}
	#sp_fixnav.open{
		position:fixed;
		overflow:auto;
		top:0;
		width:100%;
		height:100%;
		z-index:100;
		background-color:#fff;
	}
	#sp_fixnav a.sp_fixnav-btn{
		display:block;
	}
	#sp_fixnav .sp_fixnav-content{
		display:none;
	}

	#sp_fixnav a.sp_fixnav-btn{
		display:inline-block;
		width:50px;
		height:50px;
		padding:10px;
		margin-right:-15px;
		text-indent:-9999px;
		font-size:0;
		overflow:hidden;
		float:right;
		position:relative;
	}
	#sp_fixnav a.sp_fixnav-btn span{
		display:block;
		height:3px;
		margin-top:3px;
		background-color:#000;
		position:relative;
	}
	#sp_fixnav a.sp_fixnav-btn span:before{
		content:"";
		display:block;
		background-color:#000;
		height:3px;
		width:100%;
		position:absolute;
		top:10px;
		left:0;
	}
	#sp_fixnav a.sp_fixnav-btn span:after{
		content:"";
		display:block;
		background-color:#000;
		height:3px;
		width:100%;
		position:absolute;
		top:20px;
		left:0;
	}

	/*open*/
	#sp_fixnav a.sp_fixnav-btn.open:after{
		content:"";
		height:0;
		width:0;
		display:block;
		position:absolute;
		bottom:0;
		left:50%;
		border:solid transparent;
		pointer-events:none;
		border-bottom-color:#ccc;
		border-width:10px;
		margin-left:-10px;
	}

}

/*** footer ***/
.footer{
	background-color:#ebebeb;
	overflow:hidden;
	height:50px;
}
.footer ul.footer-utility{
	font-size:1.2rem;
	display:table;
	float:left;
	height:50px;
}
.footer ul.footer-utility > li{
	display:table-cell;
	vertical-align:middle;
	padding-right:25px;
}
.footer .footer-copyright{
	display:table;
	height:50px;
	float:right;
}
.footer .footer-copyright p{
	display:table-cell;
	vertical-align:middle;
}
.footer .footer-copyright p small{
	color:#999;
	font-size:1.0rem;
	margin-right:20px;
}

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

	.footer{
		height:auto;
		padding:15px 0;
	}
	.footer ul.footer-utility{
		font-size:1.1rem;
		height:auto;
		float:none;
	}
	.footer ul.footer-utility > li{
		padding-right:15px;
		float:left;
		margin:5px 0;
	}
	.footer .footer-copyright{
		height:auto;
		float:none;
		line-height:1.0;
		text-align:right;
		margin-top:10px;
	}
	.footer .footer-copyright p{
		display:table-cell;
		vertical-align:middle;
	}
	.footer .footer-copyright p small{
		color:#999;
		font-size:1.0rem;
		margin-right:0;
	}
	.footer .footer-copyright p img.footer-logo{
		height:9px;
		margin-left:10px;
		vertical-align:middle;
	}
}

/*** pagetop ***/
#pagetop{
	position:fixed;
	right:30px;
	bottom:30px;
	z-index:10;
}
#pagetop > a{
	display:block;
	width:46px;
	height:46px;
	background:#000;
	border-radius:50%;
	box-shadow:2px 3px 6px 0 rgba(0, 0, 0, 0.3);
	opacity:0.8;
	text-indent:-9999px;
	position:relative;
	-webkit-transition:all .2s;
	transition:all .2s;
}
#pagetop > a:before{
	content:"";
	width:13px;
	height:13px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	position:absolute;
	top:18px;
	left:16px;
}
#pagetop > a:hover{
	background-color:#c00;
}
#pagetop.btm {
	position:absolute;
	bottom:auto;
	margin-top:-60px;
}

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

	#pagetop{
		right:15px;
		bottom:15px;
	}
	#pagetop > a{
		width:40px;
		height:40px;
	}
	#pagetop > a:before{
		top:15px;
		left:13px;
	}
	#pagetop.btm {
		position:absolute;
		bottom:auto;
		margin-top:-20px;
	}

}

/*** topicpath ***/
.topicpath{
	position:relative;
	z-index:3;
	color:#666;
	height:95px;
}
.topicpath .topicpath-inner{
	display:table;
	height:38px;
}
.topicpath ol{
	font-size:0;
	display:table-cell;
	vertical-align:bottom;
}
.topicpath ol > li{
	font-size:1.21rem;
	display:inline;
	vertical-align:top;
	padding-right:5px;
}
.topicpath ol > li:after{
	content:">";
	display:inline-block;
	padding-left:5px;
}
.topicpath ol > li:last-child:after{
	content:"";
}
.topicpath ol > li a:link,
.topicpath ol > li a:visited{
	color:#666;
	text-decoration:underline;
}
.topicpath ol > li a:hover{
	color:#c00;
}
@media screen and (max-width:640px){
	.topicpath{
		display:none;
	}
}

/*** main ***/
.main{
	margin-bottom:120px;
}
article p{
	margin-top:20px;
}
.extend_block{
	margin-top:30px;
}
@media screen and (max-width:640px){
	.main{
		margin-bottom:30px;
	}
	article p{
		margin-top:15px;
	}
	.extend_block{
		margin-top:15px;
	}
}

/*-----------------------------*/
/* [ COMMON ] module     */
/*-----------------------------*/

/** wideuse **/
/*** aling ***/
.right{text-align:right!important;}
.center{text-align:center!important;}
.left{text-align:left!important;}
.center_block{margin:0 auto;}

/*** font-weight ***/
.normal{font-weight:normal;}
.bold{font-weight:bold;}

/*** bg ***/
.bg_gray{
	background:#ebebeb;
	border:1px solid transparent;
}
.bg_gray_box{
	background:#ebebeb;
	padding:20px;
}
.bg_gray_box2{
	background:#f0f0f0;
	padding:15px 20px;
}
.bg_gray_ttl{
	background:#fff;
	margin:-95px 0 0 0;
	padding:50px 0 0 0;
}
.bg_gray_ttl .txt_ttl{
	padding:0 10px;
	width:1000px;
	margin:20px auto;
}

/*** img_full ***/
img.img_full{
	width:100%;
}
img.img_max{
	max-width:100%;
}
/*** hr ***/
.hr{
	width:100%;
	height:30px;
	border-bottom:1px #ccc solid;
}
.clear{
	clear:both;
}

/*** border ***/
.border_bottom{
	padding-bottom:10px;
	border-bottom:1px #ccc solid;
}

/*** margin ***/
.mt0{margin-top:0!important;}
.mt10{margin-top:10px!important;}
.mt20{margin-top:20px;}
.mt20i{margin-top:20px!important;}
.mt40{margin-top:40px;}
.mt60{margin-top:60px;}
.pt20{padding-top:20px;}
.pt40{padding-top:40px;}
.mb20{margin-bottom:20px;}
.mb40{margin-bottom:40px;}
.mb60{margin-bottom:60px;}

/*** font_size ***/
.fs12r{font-size:1.2rem;}
.fs18r{font-size:1.8rem;}
.fs16r{font-size:1.6rem;}
.fs15{font-size:1.5em;}
.fs20{font-size:2.0em;}
.small_txt{font-size:0.8em!important;}

@media screen and (max-width:640px){
	.fs15,.fs20{font-size:1.4rem;}
	.small_txt{font-size:0.8em;!important;}
}

/*** normal_table_noBlock ***/
.ta_01{
	width: 100%;
	border-collapse: collapse;
}
.ta_01 th{
	text-align:center;
	padding: 4px;
	vertical-align: top;
	color: #333;
	background-color: #eee;
	border: 1px solid #b9b9b9;
}
.ta_01 td{
	text-align:center;
	background-color: #fff;
	border: 1px solid #b9b9b9;
}
.ta_01 td.lu{
	text-align:center;
	background-color:#fff;
	border-top:0;
	border-left:0;
}

/*** color ***/
.color_white{color:#fff!important;}
.color_white a:link,
.color_white a:visited{color:#fff!important;}
.color_white a:hover{color:#c00!important;}

.color_red{color:#c00!important;}
.color_blue{color:#2244aa!important;}
.color_orage{color:#f08200!important;}
.color_sky{color:#1eb0cb!important;}

/*** indent ***/
.ind20{margin-left:20px;}
.ind40{margin-left:40px;}

/*** pc/sp ***/
.pc_hide{display:none!important;}
.sp_hide{display:block!important;}
@media screen and (max-width:640px){
	.pc_hide{display:block!important;}
	.sp_hide{display:none!important;}
}



/** module **/

/*** main-inner ***/
.main-inner{
	padding:0 10px;
	width:1000px;
	margin:60px auto;
}
@media screen and (max-width:640px){
	.main-inner{
		padding:0 15px;
		width:auto;
		margin:30px auto;
	}
}

/*** main-inner2 ***/
.main-inner2{
	padding:0 10px;
	width:1000px;
	margin:-45px auto;
}
@media screen and (max-width:640px){
	.main-inner2{
		padding:0 15px;
		width:auto;
		margin:30px auto;
	}
}
/*non-margin*/
.main-inner_fill{
	padding:0 10px;
	width:1000px;
	margin:0 auto;
}
.main-inner_fill > *:first-child{
	margin-top:0;
}
@media screen and (max-width:640px){
	.main-inner_fill{
		padding:0 15px;
		width:auto;
		margin:30px auto;
	}
}

/*** heading ***/
.heading_lv1{
	font-size:3.2rem;
	font-weight:normal;
}
.heading_lv2{
	font-size:2.0rem;
	border-bottom:1px solid #ccc;
	font-weight:normal;
	padding-bottom:8px;
	margin-top:60px;
}
.heading_lv2.heading_lv2-sub{
	font-size:1.6rem;
}

@media screen and (max-width:640px){
	.heading_lv1{
	}
	.heading_lv2{
		font-size:1.6rem;
		border-bottom:1px solid #ccc;
		font-weight:normal;
		padding-bottom:4px;
		margin-top:30px;
	}
}

/*** visual_heading ***/
.visual_heading{
	margin-top:-95px;
}
.visual_heading .visual_heading-inner{
	width:1000px;
	height:265px;
	padding:10px;
	margin:0 auto;
	display:table;
}
.visual_heading .visual_heading-title{
	font-size:3.2rem;
	font-weight:normal;
	display:table-cell;
	vertical-align:middle;
}

/**** bg ****/
.visual_heading.visual_heading-seilclimb{background:url(/product/seilclimb/images/index_tit_bg.jpg) #d5d5d5 no-repeat center top;}
.visual_heading.visual_heading-nextcom{background:url(/product/nextcom/images/index_tit_bg.jpg) #d5d5d5 no-repeat center top;}
.visual_heading.visual_heading-cheecom{background:url(/product/cheecom/images/index_tit_bg.jpg) #d5d5d5 no-repeat center top;}
.visual_heading.visual_heading-actioncom{background:url(/product/actioncom/images/index_tit_bg.jpg) #d5d5d5 no-repeat center top;}
.visual_heading.visual_heading-product{background:url(/product/images/index_tit_bg.jpg) #d5d5d5 no-repeat center top;}
.visual_heading.visual_heading-table{background:url(/product/table/images/index_tit_bg.jpg) #d5d5d5 no-repeat center top;}
.visual_heading.visual_heading-bench{background:url(/product/bench/images/index_tit_bg.jpg) #d5d5d5 no-repeat center top;}
.visual_heading.visual_heading-wastebasket{background:url(/product/wastebasket/images/index_tit_bg.jpg) #d5d5d5 no-repeat center top;}
.visual_heading.visual_heading-accident_prevention{background:url(/product/accident_prevention/images/index_tit_bg.jpg) #d5d5d5 no-repeat center top;}
.visual_heading.visual_heading-water{background:url(/product/water/images/index_tit_bg.jpg) #d5d5d5 no-repeat center top;}
.visual_heading.visual_heading-shelter{background:url(/product/shelter/images/index_tit_bg.jpg) #d5d5d5 no-repeat center top;}
.visual_heading.visual_heading-carstop{background:url(/product/carstop/images/index_tit_bg.jpg) #d5d5d5 no-repeat center top;}
.visual_heading.visual_heading-guard{background:url(/product/guard/images/index_tit_bg.jpg) #d5d5d5 no-repeat center top;}
.visual_heading.visual_heading-bicycle_rack{background:url(/product/bicycle_rack/images/index_tit_bg.jpg) #d5d5d5 no-repeat center top;}
.visual_heading.visual_heading-clock_tower{background:url(/product/clock_tower/images/index_tit_bg.jpg) #d5d5d5 no-repeat center top;}
.visual_heading.visual_heading-toilet{background:url(/product/toilet/images/index_tit_bg.jpg) #d5d5d5 no-repeat center top;}
.visual_heading.visual_heading-afforestation{background:url(/product/afforestation/images/index_tit_bg.jpg) #d5d5d5 no-repeat center top;}
.visual_heading.visual_heading-sign{background:url(/product/sign/images/index_tit_bg.jpg) #d5d5d5 no-repeat center top;}
.visual_heading.visual_heading-sign_print{background:url(/product/sign_print/images/index_tit_bg.jpg) #d5d5d5 no-repeat center top;}
.visual_heading.visual_heading-in_sign{background:url(/product/in_sign/images/index_tit_bg.jpg) #d5d5d5 no-repeat center top;}
.visual_heading.visual_heading-composition{background:url(/product/composition/images/index_tit_bg.jpg) #d5d5d5 no-repeat center top;}
.visual_heading.visual_heading-simple{background:url(/product/simple/images/index_tit_bg.jpg) #d5d5d5 no-repeat center top;}
.visual_heading.visual_heading-safety{background:url(/product/safety/images/index_tit_bg.jpg) #d5d5d5 no-repeat center top;}
.visual_heading.visual_heading-health{background:url(/product/health/images/index_tit_bg.jpg) #d5d5d5 no-repeat center top;}
.visual_heading.visual_heading-mobile{background:url(/product/mobile/images/index_tit_bg.jpg) #d5d5d5 no-repeat center top;}
.visual_heading.visual_heading-works{background:url(/works/images/index_tit_bg.jpg) #d5d5d5 no-repeat center top;}


.visual_heading.visual_heading-recruit{background:url(/recruit/images/index_tit_bg.jpg) #cdced7 no-repeat center top;}
.visual_heading.visual_heading-recruit2{background:url(/recruit/images/index_tit_bg2.jpg) #cdced7 no-repeat center top;}
.visual_heading.visual_heading-utility{background:url(/utility/images/index_tit_bg.jpg) #c1c0bc no-repeat center top;}
.visual_heading.visual_heading-company{background:url(/company/images/index_tit_bg.jpg) #8cb6de no-repeat center top;}

.visual_heading.visual_heading-view{background:url(/view/images/index_tit_bg.jpg) #d5d5d5 no-repeat center top;}

.visual_heading.visual_heading-info{background:url(/company/info/images/index_tit_bg.jpg) #cbcabb no-repeat center top;}
.visual_heading.visual_heading-distributor{background:url(/company/distributor/images/index_tit_bg.jpg) #e6e5d6 no-repeat center top;}
.visual_heading.visual_heading-access{background:url(/company/access/images/index_tit_bg.jpg) #d5d5d5 no-repeat center top;}
.visual_heading.visual_heading-history{background:url(/company/history/images/index_tit_bg.jpg) #bb7776 no-repeat center top;}

.visual_heading.visual_heading-about{background:url(/company/about/images/index_tit_bg.jpg) #173116 no-repeat center top;}
.visual_heading.visual_heading-news{background:url(/news/images/index_tit_bg.jpg) #dbc8b4 no-repeat center top;}
.visual_heading.visual_heading-inclusive{background:url(/product/inclusive/images/index_tit_bg.jpg) #d5d5d5 no-repeat center top;}
.visual_heading.visual_heading-mobility{background:url(/product/mobility/index_tit_bg.jpg) #d5d5d5 no-repeat center top;}

@media screen and (max-width:640px){
	.visual_heading{
		margin-top:0;
	}
	.visual_heading .visual_heading-inner{
		width:100%;
		height:160px;
		padding:15px;
	}
	.visual_heading .visual_heading-title{
		font-size:1.8rem;
		font-weight:normal;
		display:table-cell;
		vertical-align:middle;
	}

	.visual_heading.visual_heading-seilclimb{background:url(/product/seilclimb/images/index_tit_bg_sp.jpg) no-repeat center top /cover;}
	.visual_heading.visual_heading-nextcom{background:url(/product/nextcom/images/index_tit_bg_sp.jpg) no-repeat center top /cover;}
	.visual_heading.visual_heading-cheecom{background:url(/product/cheecom/images/index_tit_bg_sp.jpg) no-repeat center top /cover;}
	.visual_heading.visual_heading-actioncom{background:url(/product/actioncom/images/index_tit_bg_sp.jpg) no-repeat center top /cover;}
	.visual_heading.visual_heading-product{background:url(/product/images/index_tit_bg_sp.jpg) no-repeat center top /cover;}
	.visual_heading.visual_heading-table{background:url(/product/table/images/index_tit_bg_sp.jpg) no-repeat center top /cover;}
	.visual_heading.visual_heading-bench{background:url(/product/bench/images/index_tit_bg_sp.jpg) no-repeat center top /cover;}
	.visual_heading.visual_heading-wastebasket{background:url(/product/wastebasket/images/index_tit_bg_sp.jpg) no-repeat center top /cover;}
	.visual_heading.visual_heading-accident_prevention{background:url(/product/accident_prevention/images/index_tit_bg_sp.jpg) no-repeat center top /cover;}
	.visual_heading.visual_heading-water{background:url(/product/water/images/index_tit_bg_sp.jpg) no-repeat center top /cover;}
	.visual_heading.visual_heading-shelter{background:url(/product/shelter/images/index_tit_bg_sp.jpg) no-repeat center top /cover;}
	.visual_heading.visual_heading-carstop{background:url(/product/carstop/images/index_tit_bg_sp.jpg) no-repeat center top /cover;}
	.visual_heading.visual_heading-guard{background:url(/product/guard/images/index_tit_bg_sp.jpg) no-repeat center top /cover;}
	.visual_heading.visual_heading-bicycle_rack{background:url(/product/bicycle_rack/images/index_tit_bg_sp.jpg) no-repeat center top /cover;}
	.visual_heading.visual_heading-clock_tower{background:url(/product/clock_tower/images/index_tit_bg_sp.jpg) no-repeat center top /cover;}
	.visual_heading.visual_heading-toilet{background:url(/product/toilet/images/index_tit_bg_sp.jpg) no-repeat center top /cover;}
	.visual_heading.visual_heading-afforestation{background:url(/product/afforestation/images/index_tit_bg_sp.jpg) no-repeat center top /cover;}
	.visual_heading.visual_heading-sign{background:url(/product/sign/images/index_tit_bg_sp.jpg) no-repeat center top /cover;}
	.visual_heading.visual_heading-sign_print{background:url(/product/sign_print/images/index_tit_bg_sp.jpg) no-repeat center top /cover;}
	.visual_heading.visual_heading-in_sign{background:url(/product/in_sign/images/index_tit_bg_sp.jpg) no-repeat center top /cover;}
	.visual_heading.visual_heading-composition{background:url(/product/composition/images/index_tit_bg_sp.jpg) no-repeat center top /cover;}
	.visual_heading.visual_heading-simple{background:url(/product/simple/images/index_tit_bg_sp.jpg) no-repeat center top /cover;}
	.visual_heading.visual_heading-safety{background:url(/product/safety/images/index_tit_bg_sp.jpg) no-repeat center top /cover;}
	.visual_heading.visual_heading-health{background:url(/product/health/images/index_tit_bg_sp.jpg) no-repeat center top /cover;}
	.visual_heading.visual_heading-mobile{background:url(/product/mobile/images/index_tit_bg_sp.jpg) no-repeat center top /cover;}
	.visual_heading.visual_heading-works{background:url(/works/images/index_tit_bg_sp.jpg) no-repeat center top /cover;}
	.visual_heading.visual_heading-recruit{background:url(/recruit/images/index_tit_bg_sp.jpg) no-repeat center top /cover;}
	.visual_heading.visual_heading-recruit2{background:url(/recruit/images/index_tit_bg_sp.jpg) no-repeat center top /cover;}
	.visual_heading.visual_heading-utility{background:url(/utility/images/index_tit_bg_sp.jpg) no-repeat center top /cover;}

	.visual_heading.visual_heading-info{background:url(/company/info/images/index_tit_bg_sp.jpg) no-repeat center top /cover;}
	.visual_heading.visual_heading-distributor{background:url(/company/distributor/images/index_tit_bg_sp.jpg) no-repeat center top /cover;}
	.visual_heading.visual_heading-access{background:url(/company/access/images/index_tit_bg_sp.jpg) no-repeat center top /cover;}
	.visual_heading.visual_heading-history{background:url(/company/history/images/index_tit_bg_sp.jpg) no-repeat center top /cover;}

	.visual_heading.visual_heading-view{background:url(/view/images/index_tit_bg_sp.jpg) #d5d5d5 no-repeat center top /cover;}

	.visual_heading.visual_heading-company{background:url(/company/images/index_tit_bg_sp.jpg) no-repeat center top /cover;}
	.visual_heading.visual_heading-about{background:url(/company/about/images/index_tit_bg_sp.jpg) no-repeat center top /cover;}
	.visual_heading.visual_heading-news{background:url(/news/images/index_tit_bg_sp.jpg) no-repeat center top /cover;}
	.visual_heading.visual_heading-mobility{background:url(/product/mobility/index_tit_bg_sp.jpg) no-repeat center top /cover;}
}

/*** lead ***/
.lead{
	font-size:2.4rem;
	line-height:1.4;
}
@media screen and (max-width:640px){
	.lead{
		font-size:1.6rem;
	}
}

/*** btn ***/
.btn{
	display:inline-block;
	padding:12px 20px;
	background-color:#000;
	color:#fff;
	text-align:center;
	font-weight:bold;
	-webkit-transition:all .2s;
	transition:all .2s;
	min-width:9em;
	margin:10px 0;
}
.btn span{
	position:relative;
	display:inline-block;
	padding-left:20px;
}
.btn span:before{
	content:"";
	position:absolute;
	top:6px;
	left:0;
	width:7px;
	height:7px;
	border-top:1px solid #fff;
	border-right:1px solid #fff;
	-webkit-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	transform:rotate(45deg);
}

.btn:link,
.btn:visited{
	color:#fff;
}
.btn:hover{
	color:#fff;
	background-color:#c00;
}
a:link .btn,
a:visited .btn{
	color:#fff;
}
a:hover .btn{
	color:#fff;
	background-color:#c00;
}
button.btn{
}
@media screen and (max-width:640px){
	.btn{
		display:block;
		padding:12px 15px;
	}
	button.btn{
		width:100%;
	}
}

/*** btn2 ***/
.btn2{
	display:inline-block;
	padding:12px 20px;
	background-color:#aaa;
	color:#fff;
	text-align:center;
	font-weight:bold;
	-webkit-transition:all .2s;
	transition:all .2s;
	min-width:9em;
	margin:10px 15px 10px 0;
}
.btn2 span{
	position:relative;
	display:inline-block;
}

.btn2:link,
.btn2:visited{
	color:#000;
}
.btn2:hover{
	color:#fff;
	background-color:#c00;
}
a:link .btn2,
a:visited .btn2{
	color:#000;
}
a:hover .btn2{
	color:#fff;
	background-color:#c00;
}
button.btn2{
}

@media screen and (max-width:640px){
	.btn2{
		display:block;
		padding:12px 15px;
	}
	button.btn2{
		width:100%;
	}
}

/*** arrow ***/
.arrow{
	display:inline-block;
	padding-left:24px;
	position:relative;
	font-weight:bold;
}
.arrow:before{
	content:"";
	position:absolute;
	top:6px;
	left:2px;
	width:7px;
	height:7px;
	border-top:1px solid #000;
	border-right:1px solid #000;
	-webkit-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	transform:rotate(45deg);
}
.arrow:hover:before{
	border-color:#c00;
}

/*** arrow_main ***/
.arrow_main{
	display:inline-block;
	padding-left:24px;
	position:relative;
	font-weight:bold;
}
.arrow_main:before{
	content:"";
	position:absolute;
	top:4px;
	left:0;
	width:14px;
	height:14px;
	background-color:#000;
}
.arrow_main:after{
	content:"";
	position:absolute;
	top:8px;
	left:3px;
	width:5px;
	height:5px;
	border-top:1px solid #fff;
	border-right:1px solid #fff;
	-webkit-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	transform:rotate(45deg);
}
.arrow_main:hover:before{
	background-color:#c00;
}
.arrow_main:hover:before{
	border-color:#c00;
}

/*** pdf ***/
.pdf{
	display:inline-block;
	padding-left:24px;
	position:relative;
	font-weight:bold;
	background:url(/images/pdf.png) no-repeat left center ;
}

/*** cols ***/
.cols{
	margin-top:30px;
	font-size:0;
}

.cols > .cols-col{
	display:inline-block;
	font-size:1.4rem;
	vertical-align:top;
}
.cols > .cols-col >*:first-child{
	margin-top:0;
}
@media screen and (max-width:640px){
	.cols{
		margin-top:20px;
	}
	.cols > .cols-col:first-child{
		margin-top:0!important;
	}
}


/**** cols-2 ****/
.cols.cols-2{
	padding-right:40px;
}
.cols.cols-2 > .cols-col{
	width:50%;
	margin-right:40px;
}
.cols.cols-2 > .cols-col:nth-child(n+3){
	margin-top:40px;
}

@media screen and (max-width:640px){
	.cols.cols-2{
		padding-right:0;
	}
	.cols.cols-2 > .cols-col{
		width:100%;
		margin-right:0;
		display:block;
		margin-top:15px;
	}
	.cols.cols-2 > .cols-col:nth-child(n+3){
		margin-top:15px;
	}
}
/***** pattern *****/
/*3*/
.cols.cols-2 > .cols-col.cols-col_2of3{
	width:66.6%;
	margin-right:40px;
}
.cols.cols-2 > .cols-col.cols-col_1of3{
	width:33.3%;
	margin-right:40px;
}
/*4*/
.cols.cols-2 > .cols-col.cols-col_3of4{
	width:700px;
	margin-right:40px;
}
.cols.cols-2 > .cols-col.cols-col_1of4{
	width:240px;
	margin-right:40px;
}

@media screen and (max-width:640px){
	.cols.cols-2 > .cols-col.cols-col_2of3,
	.cols.cols-2 > .cols-col.cols-col_1of3,
	.cols.cols-2 > .cols-col.cols-col_3of4,
	.cols.cols-2 > .cols-col.cols-col_1of4{
			width:100%;
			margin-right:0;
			display:block;
			margin-top:15px;
	}
}

/***** common *****/
.cols.cols-2 > .cols-col:nth-child(2n){
	margin-right:-40px;
}
@media screen and (max-width:640px){
	.cols.cols-2 > .cols-col:nth-child(2n){
		margin-right:0;
	}
}

/**** cols-3 ****/
.cols.cols-3{
	padding-right:32px;
}
.cols.cols-3 > .cols-col{
	width:33.3%;
	margin-right:16px;
}
.cols.cols-3 > .cols-col:nth-child(n+4){
	margin-top:40px;
}
.cols.cols-3.cols-panel > .cols-col:nth-child(n+4){
	margin-top:16px;
}

@media screen and (max-width:640px){
	.cols.cols-3{
		padding-right:0;
	}
	.cols.cols-3 > .cols-col{
		width:100%;
		margin-right:0;
		display:block;
		margin-top:15px;
	}
	.cols.cols-3 > .cols-col:nth-child(n+4){
		margin-top:15px;
	}
	.cols.cols-3.cols-panel > .cols-col:nth-child(n+4){
		margin-top:15px;
	}
}

/***** common *****/
.cols.cols-3 > .cols-col:nth-child(3n){
	margin-right:-32px;
}
@media screen and (max-width:640px){
	.cols.cols-3 > .cols-col:nth-child(3n){
		margin-right:0px;
	}
}

/***** col in cols *****/
.cols.cols-2 .cols.cols-3{
	padding-right:20px;
}
.cols.cols-2 .cols.cols-3 > .cols-col{
	width:33.3%;
	margin-right:10px;
}
.cols.cols-2 .cols.cols-3 > .cols-col:nth-child(n+4){
	margin-top:15px;
}
.cols.cols-2 .cols.cols-3 > .cols-col:nth-child(3n){
	margin-right:-20px;
}
@media screen and (max-width:640px){
	.cols.cols-2 .cols.cols-3{
		padding-right:15px;
	}
	.cols.cols-2 .cols.cols-3 > .cols-col{
		width:100%;
		margin-right:15px;
		display:inline-block;
		margin-top:15px;	
	}
}


/**** cols-4 ****/
.cols.cols-4{
	padding-right:36px;
}
.cols.cols-4 > .cols-col{
	width:25%;
	margin-right:12px;
}
.cols.cols-4 > .cols-col:nth-child(n+5){
	margin-top:30px;
}
.cols.cols-4.cols-panel > .cols-col:nth-child(n+5){
	margin-top:12px;
}

@media screen and (max-width:640px){
	.cols.cols-4{
		padding-right:15px;
	}
	.cols.cols-4 > .cols-col{
		width:50%;
		margin-right:15px;
	}
	.cols.cols-4 > .cols-col:nth-child(n+5){
		margin-top:15px;
	}
	.cols.cols-4 > .cols-col:nth-child(n+3){
		margin-top:15px;
	}
	.cols.cols-4.cols-panel > .cols-col:nth-child(n+5){
		margin-top:15px;
	}
}

/***** common *****/
.cols.cols-4 > .cols-col:nth-child(4n){
	margin-right:-36px;
}
@media screen and (max-width:640px){
	.cols.cols-4 > .cols-col:nth-child(4n){
		margin-right:-15px;
	}
	.cols.cols-4 > .cols-col:nth-child(2n){
		margin-right:-15px;
	}
}

/**** cols-5 ****/
.cols.cols-5{
	padding-right:40px;
}
.cols.cols-5 > .cols-col{
	width:20%;
	margin-right:10px;
}
.cols.cols-5 > .cols-col:nth-child(n+6){
	margin-top:20px;
}
.cols.cols-5.cols-panel > .cols-col:nth-child(n+6){
	margin-top:10px;
}

@media screen and (max-width:640px){
	.cols.cols-5{
		padding-right:15px;
	}
	.cols.cols-5 > .cols-col{
		width:50%;
		margin-right:15px;
	}
	.cols.cols-5 > .cols-col:nth-child(n+5){
		margin-top:15px;
	}
	.cols.cols-5 > .cols-col:nth-child(n+3){
		margin-top:15px;
	}
	.cols.cols-5.cols-panel > .cols-col:nth-child(n+5){
		margin-top:15px;
	}
}

/***** common *****/
.cols.cols-5 > .cols-col:nth-child(5n){
	margin-right:-40px;
}
@media screen and (max-width:640px){
	.cols.cols-5 > .cols-col:nth-child(5n){
		margin-right:15px;
	}
	.cols.cols-5 > .cols-col:nth-child(2n){
		margin-right:-15px;
	}
}

/**** cols2_narrow ****/
.cols.cols-2nr{
	padding-right:20px;
}
.cols.cols-2nr > .cols-col{
	width:50%;
	margin-right:20px;
}
.cols.cols-2nr > .cols-col:nth-child(n+3){
	margin-top:20px;
}
.cols.cols-2nr > .cols-col:nth-child(2n){
	margin-right:-20px;
}

@media screen and (max-width:640px){
	.cols.cols-2nr{
		padding-right:0;
	}
	.cols.cols-2nr > .cols-col{
		width:100%;
		margin-right:0;
		display:block;
		margin-top:15px;
	}
	.cols.cols-2nr > .cols-col:nth-child(n+3){
		margin-top:15px;
	}
	.cols.cols-2nr > .cols-col:nth-child(2n){
		margin-right:0;
	}
}


/**** cols-fill ****/
.cols.cols-fill{
	padding-right:0!important;
}
.cols.cols-fill > .cols-col{
	margin-right:0!important;
}

/*** list ***/
ul.list_normal,
ol.list_normal{
	margin-top:20px;
}
.list_no_mark{
	list-style:none !important;
}

/**** normal ****/
ul.list_normal > li{
	list-style-type:disc;
	margin-left:2em;
	margin-top:5px;
}
ul.list_normal > li.list_normal-inline{
	float:left;
	margin-right:10px;
}
ol.list_normal > li{
	list-style-type:decimal;
	margin-left:2em;
	margin-top:5px;
}

/**** inline ****/
ul.list_inline,
ol.list_inline{
	font-size:0;
	margin-top:15px;
}
ul.list_inline > li,
ol.list_inline > li{
	display:inline-block;
	font-size:1.4rem;
	margin-right:15px;
	margin-top:5px;
}

/*** list_link ***/
ul.list_link,
ol.list_link{
	margin-top:15px;
}
ul.list_link > li,
ol.list_link > li{
	margin-top:5px;
}


/*** frontpage_box ***/
.frontpage_box{
	width:316px;
	height:316px;
	text-align:center;
	display:table;
}
.frontpage_box .frontpage_box-inner{
	display:table-cell;
	vertical-align:middle;
	padding:20px;
}
.frontpage_box .frontpage_box-tit{
}
.frontpage_box .frontpage_box-tit img{
	width:100%;
}
.frontpage_box .frontpage_box-btn{
	margin-top:24px;
}
a:hover > .frontpage_box img{
	opacity:1;
}

@media screen and (max-width:640px){
	.frontpage_box{
		width:100%;
		height:auto;
		text-align:center;
		display:block;
		position:relative;
	}
	.frontpage_box:before{
		content:"";
		display:block;
		padding-top:50%;
	}
	.frontpage_box .frontpage_box-inner{
		position:absolute;
		top:0;
		left:0;
		bottom:0;
		right:0;
	}
	.frontpage_box .frontpage_box-tit{
		padding-top:7%;
	}
	.frontpage_box .frontpage_box-tit img{
	}
	.frontpage_box .frontpage_box-btn{
		margin-top:15px;
	}
	.frontpage_box .frontpage_box-btn .btn{
		display:inline-block;
	}
	a:hover > .frontpage_box img{
	}
}

/**** bg ****/
/***** top *****/
.frontpage_box.frontpage_box-product{background:url(/images/index_frontpage_product_bg.jpg) no-repeat center center;}
.frontpage_box.frontpage_box-works{background:url(/images/index_frontpage_works_bg.jpg) no-repeat center center;}
.frontpage_box.frontpage_box-company{background:url(/images/index_frontpage_company_bg.jpg) no-repeat center center;}
@media screen and (max-width:640px){
	.frontpage_box.frontpage_box-product{background:url(/images/index_frontpage_product_bg_sp.jpg) no-repeat center center /cover;}
	.frontpage_box.frontpage_box-works{background:url(/images/index_frontpage_works_bg_sp.jpg) no-repeat center center /cover;}
	.frontpage_box.frontpage_box-company{background:url(/images/index_frontpage_company_bg_sp.jpg) no-repeat center center /cover;}
}
/***** company *****/
.frontpage_box.frontpage_box-about{background:url(/company/images/index_frontpage_about_bg.jpg) no-repeat center center;}
.frontpage_box.frontpage_box-info{background:url(/company/images/index_frontpage_info_bg.jpg) no-repeat center center;}
.frontpage_box.frontpage_box-office{background:url(/company/images/index_frontpage_office_bg.jpg) no-repeat center center;}
.frontpage_box.frontpage_box-distributor{background:url(/company/images/index_frontpage_distributor_bg.jpg) no-repeat center center;}
.frontpage_box.frontpage_box-access{background:url(/company/images/index_frontpage_access_bg.jpg) no-repeat center center;}
.frontpage_box.frontpage_box-network{background:url(/company/images/index_frontpage_network_bg.jpg) no-repeat center center;}
.frontpage_box.frontpage_box-history{background:url(/company/images/index_frontpage_history_bg.jpg) no-repeat center center;}
@media screen and (max-width:640px){
	.frontpage_box.frontpage_box-about{background:url(/company/images/index_frontpage_about_bg_sp.jpg) no-repeat center center /cover;}
	.frontpage_box.frontpage_box-info{background:url(/company/images/index_frontpage_info_bg_sp.jpg) no-repeat center center /cover;}
	.frontpage_box.frontpage_box-office{background:url(/company/images/index_frontpage_office_bg_sp.jpg) no-repeat center center /cover;}
	.frontpage_box.frontpage_box-distributor{background:url(/company/images/index_frontpage_distributor_bg_sp.jpg) no-repeat center center /cover;}
	.frontpage_box.frontpage_box-network{background:url(/company/images/index_frontpage_network_bg_sp.jpg) no-repeat center center /cover;}
	.frontpage_box.frontpage_box-access{background:url(/company/images/index_frontpage_access_bg_sp.jpg) no-repeat center center /cover;}
	.frontpage_box.frontpage_box-history{background:url(/company/images/index_frontpage_history_bg_sp.jpg) no-repeat center center /cover;}
}

/***** recruit *****/
.frontpage_box.frontpage_box-message{background:url(/recruit/images/index_frontpage_message_bg.jpg) no-repeat center center;}
.frontpage_box.frontpage_box-co_work{background:url(/recruit/images/index_frontpage_co_work_bg.jpg) no-repeat center center;}
.frontpage_box.frontpage_box-faq{background:url(/recruit/images/index_frontpage_faq_bg.jpg) no-repeat center center;}
@media screen and (max-width:640px){
	.frontpage_box.frontpage_box-message{background:url(/recruit/images/index_frontpage_message_bg_sp.jpg) no-repeat center center /cover;}
	.frontpage_box.frontpage_box-co_work{background:url(/recruit/images/index_frontpage_co_work_bg_sp.jpg) no-repeat center center /cover;}
	.frontpage_box.frontpage_box-faq{background:url(/recruit/images/index_frontpage_faq_bg_sp.jpg) no-repeat center center /cover;}
}


/*** link_set ***/
.link_set{
	position:relative;
}
.link_set .link_set-img{
	background-color:#fff;
}
.link_set .link_set-img img{
	width:100%;
}
.link_set dl.link_set-text,
.link_set p.link_set-text{
	margin-top:15px;
}
.link_set dl.link_set-text dt{
	font-weight:bold;
}
.link_set dl.link_set-text dd{
	font-size:1.2rem;
	margin-top:5px;
}
.link_set.link_set-new:after{
	content:"NEW";
	display:inline-block;
	padding:5px 7px;
	color:#fff;
	background-color:#c00;
	font-size:1.1rem;
	font-weight:bold;
	position:absolute;
	top:-10px;
	left:20px;
}

@media screen and (max-width:640px){
	.link_set dl.link_set-text,
	.link_set p.link_set-text{
		margin-top:5px;
	}
	.link_set dl.link_set-text dd{
		margin-top:0;
	}
}

/*** news_list ***/
ul.news_list{
	margin-top:20px;
}
ul.news_list > li{
	border-bottom:1px dotted #666;
	padding:12px 0;
	display:table;
	table-layout:fixed;
	width:100%;
}
ul.news_list > li > span{
	display:table-cell;
	vertical-align:top;
}
ul.news_list > li > span.news_list-date{
	width:10rem;
	padding-right:10px;
	font-weight:bold;
	-moz-box-sizing:content-box;
	-webkit-box-sizing:content-box;
	box-sizing:content-box;
}
ul.news_list > li > span.news_list-icon{
	width:5em;
	padding-right:10px;
	-moz-box-sizing:content-box;
	-webkit-box-sizing:content-box;
	box-sizing:content-box;
}
ul.news_list > li > span.news_list-text{
	width:auto;
}
ul.news_list > li > span.news_list-text a{
	font-weight:normal;
}

#news_ttl {
	font-size:2.4rem;
	margin:10px 0;
}
#news_list_ttl {
	font-size:2.4rem;
	font-weight:normal;
}
#newsbody {
	display:block;
	margin-bottom:20px;
}
#newsbody img {
}
#newsbody img.img_full {
	max-width: 100%;
}
#newsbody .news_table {
	display:table;
	width:100%;
	margin-bottom:20px;
}

@media screen and (max-width:640px){
	ul.news_list{
		margin-top:15px;
	}
	ul.news_list > li{
		padding:8px 0;
		display:block;
		width:100%;
	}
	ul.news_list > li > span{
		display:inline-block;
		vertical-align:middle;
	}
	ul.news_list > li > span.news_list-date{
	}
	ul.news_list > li > span.news_list-icon{
	}
	ul.news_list > li > span.news_list-text{
		display:block;
		margin-top:5px;
	}
	#news_ttl {
		font-size:1.6rem;
		margin:10px 0;
	}
	#news_list_ttl {
		font-size:1.6rem;
		font-weight:normal;
	}
	#newsbody {
		width:100%;
	}
	#newsbody img {
		max-width:100%;
		height:auto;
	}
	
	#newsbody img.img_full {
		width:100%;
	}
	
	#newsbody .news_table,
	#newsbody .news_table thead,
	#newsbody .news_table tbody,
	#newsbody .news_table tfoot,
	#newsbody .news_table tr,
	#newsbody .news_table th,
	#newsbody .news_table td{
		display: block;
		width:100%;
	}

}

/*** icon ***/
span[class^="icon_"]{
	-moz-box-sizing:content-box;
	-webkit-box-sizing:content-box;
	box-sizing:content-box;
	display:inline-block;
	width:5em;
	font-size:1.0rem;
	padding:2px 6px;
	text-align:center;
}
.icon_newest{
	background-color:#666;
	color:#fff;
}
.icon_news{
	background-color:#999;
	color:#fff;
}
.icon_important{
	background-color:#c00;
	color:#fff;
}

/*** img_catalog ***/
img.img_catalog{
	box-shadow:5px 6px 10px -4px rgba(0,0,0,0.3);
}
img.img_catalog_s{
	width:85px;
	box-shadow:5px 6px 10px -4px rgba(0,0,0,0.3);
}

@media screen and (max-width:640px){
	img.img_catalog{
		width:61px;
		height:auto;
	}
	img.img_catalog_s{
		width:61px;
		height:auto;
	}
}

/*** thumb_col ***/
.thumb_col{
	display:inline-block;
	margin-top:30px;
	width:100%;
}
.thumb_col .thumb_col-imgL{
	float:left;
	margin-right:40px;
}
.thumb_col .thumb_col-imgR{
	float:right;
	margin-left:40px;
}
.thumb_col .thumb_col-content{
	overflow:hidden;
}
@media screen and (max-width:640px){
	.thumb_col{
		margin-top:15px;
	}
	.thumb_col .thumb_col-imgL{
		float:left;
		margin-right:20px;
	}
	.thumb_col .thumb_col-imgR{
		float:right;
		margin-left:20px;
	}
	.thumb_col .thumb_col-content{
		overflow:visible;
	}
	.thumb_col .thumb_col-contents_sp{
		overflow:hidden;
		min-height:80px;
	}
}

/**** zure ****/
.thumb_col.thumb_col-zure{
	margin-top:20px!important;
}
.thumb_col.thumb_col-zure .thumb_col-imgR,
.thumb_col.thumb_col-zure .thumb_col-imgL{
	margin-top:-40px;
}
@media screen and (max-width:640px){
	.thumb_col.thumb_col-zure{
		margin-top:10px!important;
	}
	.thumb_col.thumb_col-zure .thumb_col-imgR,
	.thumb_col.thumb_col-zure .thumb_col-imgL{
		margin-top:-25px;
	}
}

/*** border_box ***/

.border_box_aside{
	border:1px solid #ccc;
	padding:20px;
}
.border_box_aside > *:first-child{
	margin-top:0;
}
.border_box_aside + .border_box_aside{
	margin-top:10px;
}

.border_box{
	border:1px solid #ccc;
	padding:20px;
}
.border_box > *:first-child{
	margin-top:0;
}
.border_box + .border_box{
	margin-top:0px;
}


.border_box_small{
	border:1px solid #ccc;
	padding:10px;
}
.border_box_small > *:first-child{
	margin-top:0;
}
.border_box_small + .border_box_small{
	margin-top:0px;
}

/*** border-bottom ***/
.border-bottom{
	border-bottom:1px dotted #666;
	padding-bottom:30px;
}
@media screen and (max-width:640px){
	.border-bottom{
		padding-bottom:15px;
	}
}

/*** form ***/
/**** btn_search ****/
.btn_search{
	text-indent:-9999px;
	overflow:hidden;
	width:40px;
	height:40px;
	background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAmCAYAAACoPemuAAACiElEQVR42s2Yj2dVYRjHz7lttdTd3G2CWLM0YHLXXIpZqK5qNgUS5AbMkIhJQVEkhGCRGdB/0KgE925jt1DacLebFpXYVm3Isnb6vryXx+Oce5733PN29/Dhfc/d+9zPfd+9v47reZ4jiL3gPDgNekEnaAPbYBUsgSKYAq/AX6fWUGJVaAcPwE9PHl/BGNgXkrsq1T68Cta86LEMzsYpthtM+nzRe3AN9OmedMEucACcALfBEmuzDe7ov61JTElNseQfwBmDpMPgM8vxuFYx3lMPIw5FDyiwXDejiuVYohu1/PNqxkm+LdBvKtYGVmLoKT9mSN4F0Ggidp81dmLkKJvdOanYHtYwG7NYZempxJxU7AKbgY4FXLaEHAxrk8Dif4psBBOOnVD73rQuu2AorIESS5P6rGMvnpDycYnYEVJftCi2TMqHJGJJUt+wKPaDlFMSMXrucZ0dEkrsF6m3WPyudlJekYiVSL3bolgXKX+UiBVJfcCiWI6Ui5ITbJYsfmVLC2wTW2C7JCt/A/hCGg5ZELtO8udNNvEx0vCTPk/FJdWne6kSF03E9rNTZyFGsRLJOwsSpgfFQfbLHsUg9Y7k+20yEvzBPXaKLUQc1mNgkeVS9WRUMXU8eepzT7xkIDUC/gRc6fJSOdfnJq62pbvgFtuivoFnYAaUwbp+rm7kh8FJcAU0kTab4DvoIM8K4FzovlzFOutzTzSJNyANUuCtac9JFsZRQ8EiuMxmn7GcK3ypoiKjX6qk9dA16+eremjnwAswH9A+pV+49IqG1dIWFIS45/63mFiuHmIiuXqJhcrVUyxITu02SZNZaSv8ZuvznSCmohW81HLqDpKt91BSWsFrkFH1f906J/LEovPgAAAAAElFTkSuQmCC) no-repeat center center;
	background-size:19px 19px;
	background-color:#000;
	-webkit-transition:all .2s;
	transition:all .2s;
}
.btn_search:hover{
	background-color:#c00;
}
/**** btn_search_text ****/
.btn_search_text{
	display:inline-block;
	position:relative;
	padding:12px 40px 12px 60px;
	-webkit-transition:all .2s;
	transition:all .2s;
	color:#fff;
	background:#000 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAmCAYAAACoPemuAAACiElEQVR42s2Yj2dVYRjHz7lttdTd3G2CWLM0YHLXXIpZqK5qNgUS5AbMkIhJQVEkhGCRGdB/0KgE925jt1DacLebFpXYVm3Isnb6vryXx+Oce5733PN29/Dhfc/d+9zPfd+9v47reZ4jiL3gPDgNekEnaAPbYBUsgSKYAq/AX6fWUGJVaAcPwE9PHl/BGNgXkrsq1T68Cta86LEMzsYpthtM+nzRe3AN9OmedMEucACcALfBEmuzDe7ov61JTElNseQfwBmDpMPgM8vxuFYx3lMPIw5FDyiwXDejiuVYohu1/PNqxkm+LdBvKtYGVmLoKT9mSN4F0Ggidp81dmLkKJvdOanYHtYwG7NYZempxJxU7AKbgY4FXLaEHAxrk8Dif4psBBOOnVD73rQuu2AorIESS5P6rGMvnpDycYnYEVJftCi2TMqHJGJJUt+wKPaDlFMSMXrucZ0dEkrsF6m3WPyudlJekYiVSL3bolgXKX+UiBVJfcCiWI6Ui5ITbJYsfmVLC2wTW2C7JCt/A/hCGg5ZELtO8udNNvEx0vCTPk/FJdWne6kSF03E9rNTZyFGsRLJOwsSpgfFQfbLHsUg9Y7k+20yEvzBPXaKLUQc1mNgkeVS9WRUMXU8eepzT7xkIDUC/gRc6fJSOdfnJq62pbvgFtuivoFnYAaUwbp+rm7kh8FJcAU0kTab4DvoIM8K4FzovlzFOutzTzSJNyANUuCtac9JFsZRQ8EiuMxmn7GcK3ypoiKjX6qk9dA16+eremjnwAswH9A+pV+49IqG1dIWFIS45/63mFiuHmIiuXqJhcrVUyxITu02SZNZaSv8ZuvznSCmohW81HLqDpKt91BSWsFrkFH1f906J/LEovPgAAAAAElFTkSuQmCC) no-repeat 30px center;
	background-size:19px 19px;
	font-weight:bold;
}

.btn_search_text:hover{
	background-color:#c00;
}

/**** checkbox ****/
input[type="checkbox"]{
	display:none;
}
input[type=checkbox] + span.checkbox{
	position:relative;
	display:inline-block;
	margin-right:12px;
	font-size:1.4rem;
	line-height:30px;
	cursor:pointer;
	padding-left:30px;
}
input[type=checkbox] + span.checkbox:hover
{
	color:#c00;
}
input[type=checkbox] + span.checkbox:before{
	content:"";
	width:18px;
	height:18px;
	border:1px solid #ccc;
	border-radius:2px;
	position:absolute;
	left:0;
	top:4px;
}
input[type=checkbox]:checked + span.checkbox:after{
	content:"";
	width:11px;
	height:6px;
	margin-top:-8px;
	border-left:3px solid #c00;
	border-bottom:3px solid #c00;
	-webkit-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	transform:rotate(-45deg);
	position:absolute;
	left:3px;
	top:15px;
}
@media screen and (max-width:640px){
	input[type=checkbox] + span.checkbox{
		font-size:1.3rem;
	}
}

/**** radio ****/
input[type="radio"]{
	display:none;
}
input[type=radio] + span.radio{
	position:relative;
	display:inline-block;
	margin-right:12px;
	font-size:1.4rem;
	line-height:30px;
	cursor:pointer;
	padding-left:30px;
}
input[type=radio] + span.radio:hover{
	color:#c00;
}
input[type=radio] + span.radio:before{
	content:"";
	width:18px;
	height:18px;
	border:1px solid #ccc;
	border-radius:50%;
	position:absolute;
	left:0;
	top:50%;
	margin-top:-11px;
}
input[type=radio]:checked + span.radio:after{
	content:"";
	width:12px;
	height:12px;
	background-color:#c00;
	border-radius:50%;
	position:absolute;
	left:4px;
	top:50%;
	margin-top:-7px;
}
@media screen and (max-width:640px){
	input[type=radio] + span.radio{
		font-size:1.3rem;
	}
}

/**** search_set ****/
.search_set{
	margin-top:20px;
	overflow:hidden;
}
.search_set .search_set-text{
	display:inline-block;
	float:left;
	vertical-align:middle;
	font-size:1.6rem;
	font-weight:bold;
	-webkit-box-sizing:content-box;
	-moz-box-sizing:content-box;
	box-sizing:content-box;
	padding-right:20px;
	padding-top:7px;
}
.search_set .search_set-text.words_8{width:8em;}
.search_set .search_set-text.words_6{width:6em;}

.search_set .search_set-input{
	overflow:hidden;
	display:block;
	vertical-align:middle;
	padding-right:60px;
	position:relative;
}
.search_set .search_set-input input[type="text"]{
	width:100%;
}
.search_set .search_set-input input[type="submit"]{
	position:absolute;
	right:0;
	top:0;
}
.search_set .search_set-input input[type="text"].input_text_s{
	width:46%;
}

@media screen and (max-width:640px){
	.search_set{
		margin-top:15px;
	}
	.search_set .search_set-text{
		display:block;
		float:none;
		font-size:1.4rem;
		padding-right:0;
		padding-top:0;
	}
	.search_set .search_set-text.words_8{width:auto;}
	.search_set .search_set-text.words_6{width:auto;}
	.search_set .search_set-text-input{
		overflow:hidden;
		display:block;
		vertical-align:middle;
		padding-right:55px;
		margin-top:5px;
		position:relative;
	}
	.search_set .search_set-input{
		margin-top:5px;
	}
	.search_set .search_set-input input[type="text"]{
		width:100%;
	}
	.search_set .search_set-input input[type="submit"]{
		position:absolute;
		right:0;
	}
	.search_set .search_set-input input[type="text"].input_text_s{
		width:44%;
	}
}

/*** img_zoom ***/
figure.img_zoom{}
figure.img_zoom span.img_zoom-thumb{
	text-align:center;
	display:block;
	position:relative;
	background-color:#cccccc;
}
figure.img_zoom span.img_zoom-thumb:before{
	content:"";
	display:block;
	padding-top:100%;
}
figure.img_zoom span.img_zoom-thumb:after{
	content:"";
	width:22px;
	height:22px;
	background:#000 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAMAAACelLz8AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAZQTFRF////////VXz1bAAAAAJ0Uk5T/wDltzBKAAAAHUlEQVR42mJgRAIMDCi8USkipcgDo2FIsRRAgAEAGKsCQWsP8nkAAAAASUVORK5CYII=) no-repeat center center;
	background-size:13px 13px;
	position:absolute;
	right:0;
	bottom:0;
}
a:hover figure.img_zoom span.img_zoom-thumb:after{
	background-color:#c00;
}
figure.img_zoom span.img_zoom-thumb img{
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
	max-width:100%;
	max-height:100%;
	margin:auto;
}
figure.img_zoom figcaption{
	font-size:1.3rem;
	margin-top:15px;
}

@media screen and (max-width:640px){
	figure.img_zoom figcaption{
		font-size:1.3rem;
		margin-top:10px;
	}
}

/*** accordion_sp ***/
@media screen and (max-width:640px){
	.accordion_sp{
		border:1px solid #ccc;
		padding:15px;
	}
	.accordion_sp > *:first-child{
		margin-top:0;
	}
	.accordion_sp .accordion_sp-content{
		display:none;
	}
	.accordion_sp .accordion_sp-trigger{
		position:relative;
	}
	.accordion_sp .accordion_sp-trigger.heading_lv2{
		padding-bottom:0;
		border-bottom:none;
	}
	.accordion_sp .accordion_sp-trigger:before{
		content:"";
		position:absolute;
		top:11px;
		right:0;
		width:13px;
		height:13px;
		border-top:1px solid #000;
		border-right:none;
	}
	.accordion_sp .accordion_sp-trigger:after{
		content:"";
		position:absolute;
		top:5px;
		right:-7px;
		width:13px;
		height:13px;
		border-left:1px solid #000;
	}

	.accordion_sp.open .accordion_sp-trigger.heading_lv2{
		padding-bottom:4px;
		border-bottom:1px solid #ccc;
	}
	.accordion_sp.open .accordion_sp-trigger:before{
	}
	.accordion_sp.open .accordion_sp-trigger:after{
		border-left:none;
	}

}

/* ---- [ TOP ] ---- */
/** img_fade **/
.img_fade{
	position:relative;
	width:470px;
	height:340px;
}
.img_fade > img{
	position:absolute;
	top:0;
	left:0;
}
@media screen and (max-width:640px){
	.img_fade{
		position:relative;
		width:auto;
		height:170px;
	}
	.img_fade > img{
		width:235px;
		position:absolute;
		top:0;
		left:50%;
		margin-left:-117px;
	}
}

/** top_recommend **/
.top_recommend .top_recommend-head{
	height:186px;
	background:#C3E6A4 url(/images/index_recommend_bg.jpg) no-repeat top center;
}
.top_recommend .top_recommend-head .top_recommend-tit{
	width:980px;
	margin:0 auto;
	text-align:center;
	padding-top:70px;
}
.top_recommend .top_recommend-head .top_recommend-tit img{
	height:30px;
}
.top_recommend .top_recommend-slider{
	margin-top:-40px;
	padding-bottom:80px;
	background:url(/images/index_recommend_bg_btm.jpg) no-repeat bottom center,url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAABQCAMAAADm8k+TAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAZQTFRFxOalAAAA8j8+JQAAABBJREFUeNpiYBgFwxkABBgAAeAAAfcuqw8AAAAASUVORK5CYII=) repeat-x bottom;
}
@media screen and (max-width:640px){
	.top_recommend .top_recommend-head{
		height:100px;
		background:#7fab4a url(/images/index_recommend_bg_sp.jpg) no-repeat top center;
		background-size:100%;
	}
	.top_recommend .top_recommend-head .top_recommend-tit{
		width:100%;
		margin:0 auto;
		text-align:center;
		padding-top:30px;
	}
	.top_recommend .top_recommend-head .top_recommend-tit img{
		height:22px;
	}
	.top_recommend .top_recommend-slider{
		margin-top:-15px;
		padding-bottom:30px;
		background:url(/images/index_recommend_bg_btm_sp.jpg) no-repeat bottom center /contain;
	}
}

/* ---- [ WORKS ] ---- */
/** works_search **/
.works_search{
	display:table;
	width:100%;
	margin-top:40px;
}
.works_search .works_search-genre{
	display:table-cell;
	width:80%;
}
.works_search .works_search-btn{
	display:table-cell;
	width:20%;
	vertical-align:bottom;
	text-align:right;
}
.works_search .works_search-tit{
	font-size:1.6rem;
	font-weight:bold;
}
.works_search .works_search-genre ul{
	font-size:0;
	margin-top:10px;
}
.works_search .works_search-genre ul > li{
	font-size:1.4rem;
	display:inline-block;
	width:25%;
	padding:10px 10px 0 0;
	vertical-align:top;
}
.works_search .works_search-local{
	display:table-cell;
	padding-right:40px;
	width:40%;
}
.works_search .works_search-word{
	display:table-cell;
	width:60%;
}
@media screen and (max-width:640px){
	.works_search{
		display:block;
		width:100%;
		margin-top:15px;
	}
	.works_search .works_search-genre{
		display:block;
		width:100%;
	}
	.works_search .works_search-btn{
		display:block;
		width:100%;
		vertical-align:bottom;
		text-align:center;
		margin-top:15px;
	}
	.works_search .works_search-genre h3{
		font-size:1.4rem;
		
	}
	.works_search .works_search-genre ul{
		font-size:0;
		margin-top:5px;
	}
	.works_search .works_search-genre ul > li{
		font-size:1.2rem;
		display:inline-block;
		width:50%;
		padding:10px 10px 0 0;
	}
	.works_search .works_search-local{
		display:block;
		padding-right:0;
		width:100%;
	}
	.works_search .works_search-word{
		display:block;
		width:100%;
	}
}
/** works_detail **/
.works_detail{
	padding:60px 40px 40px 0;
}
.works_detail-head{}
.works_detail-head > *:first-child{
	margin-top:0;
}
.works_detail-head h1{
	font-size:3.2rem;
	font-weight:normal;
}
.works_detail-part{
	margin-top:60px;
}
.works_detail-part ul{
	font-size:0;
}
.works_detail-part ul li{
	display:inline-block;
	font-size:1.3rem;
	background-color:#fff;
	padding:3px 10px;
	margin-right:5px;
}
.works_detail-part dl{
	font-size:1.3rem;
	margin-top:15px;
}
.works_detail-part dl dt{
	display:inline-block;
	float:left;
}
.works_detail-part dl dd{
	display:block;
	overflow:hidden;
}
@media screen and (max-width:640px){
	.works_detail{
		padding:0;
	}
	.works_detail-head{}
	.works_detail-head > *:first-child{
	}
	.works_detail-head p.works_detail-subtit{
		font-size:1.2rem;
	}
	.works_detail-head h1{
		font-size:1.6rem;
	}
	.works_detail-part{
		margin-top:15px;
	}
	.works_detail-part ul{
	}
	.works_detail-part ul li{
		font-size:1.2rem;
	}
	.works_detail-part dl{
	}
	.works_detail-part dl dt{
	}
	.works_detail-part dl dd{
	}
}

.hidden {
  display: none; }


/* ---- [ COMPANY ] ---- */


.company_table{
	display:table;
	width:100%;
	margin-top:15px;
	margin-bottom:20px;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-spacing: 0;
}
.company_table th{
	background-color:#ddd;
	padding:10px 15px;
	border-bottom: 1px solid #ccc;
	vertical-align:middle;
}
.company_table th.no_bold{
	font-weight:normal;
	background-color:#ddd;
	padding:10px 15px;
	border-bottom: 1px solid #ccc;
	vertical-align:middle;
}
.company_table td{
	padding:10px 15px;
	border-bottom: 1px solid #ccc;
	vertical-align:middle;
}
.company_table td.bold,
.company_table td.bold2{
	font-weight:bold;
	padding:10px 15px;
	border-top: 0;
	border-bottom: 1px solid #ccc;
	vertical-align:middle;
}
.company_table td.middle{
	padding:10px 15px;
	border-bottom: 1px solid #ccc;
	vertical-align:middle;
}
.company_table th .pref,
.company_table td .pref{
	display:block;
}
dd.ind{
	margin-left:20px;
	margin-bottom:10px;
}
.gmap{
	width:100%
}

.company_table2{
	display:table;
	width:100%;
	border:0;
}
.company_table2 td{
	vertical-align:top;
}

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


	.company_table,
	.company_table thead,
	.company_table tbody,
	.company_table tfoot,
	.company_table tr,
	.company_table th,
	.company_table td{
		display: block;
		width:100%;
	}
	.company_table td.middle{
	padding:10px 15px 0 15px;
	border-bottom: 0px;
	}
	.company_table td.bold{
	font-weight:bold;
	padding:10px 15px;
	border-top: 10px solid #d0d0d0;
	border-bottom: 1px solid #ccc;
	vertical-align:middle;
	}
	.company_table td.bold{
	font-weight:bold;
	padding:10px 15px;
	border-bottom: 1px solid #ccc;
	vertical-align:middle;
	}
	.company_table th .pref,
	.company_table td .pref{
	display:inline-block;
	height:16px;
	margin:0 10px;
	}
}

/* ---- [ RECRUIT ] ---- */

.question{
	background:#ebebeb url(/recruit/images/que.png) no-repeat left center;
	width:100%;
	padding:20px 15px 20px 65px;
}
.answer{
	background: url(/recruit/images/ans.png) no-repeat left center;
	width:100%;
	padding:20px 15px 20px 65px;
}
.underbar_box{
	width:100%;
	border-bottom:1px #ccc solid;
	padding:10px 0;
}
.centerdot_box{
	width:100%;
	background: url(/recruit/images/centerdot.gif) repeat-x center center;
	text-align:center;
	padding:10px 0;
}
.black_label{
	margin:0 5px;
	background:#000;
	padding:3px 5px;
	border-radius:5px;
	color:#fff;
	font-weight:bold;
}

/* ---- [ ENGLISH ] ---- */

.frontpage_box.frontpage_box-street{background:url(/en/images/index_frontpage_street_bg.jpg) no-repeat center center;}
.frontpage_box.frontpage_box-sign{background:url(/en/images/index_frontpage_sign_bg.jpg) no-repeat center center;}
.frontpage_box.frontpage_box-play{background:url(/en/images/index_frontpage_play_bg.jpg) no-repeat center center;}
@media screen and (max-width:640px){
	.frontpage_box.frontpage_box-street{background:url(/en/images/index_frontpage_street_bg_sp.jpg) no-repeat center center /cover;}
	.frontpage_box.frontpage_box-sign{background:url(/en/images/index_frontpage_sign_bg_sp.jpg) no-repeat center center /cover;}
	.frontpage_box.frontpage_box-play{background:url(/en/images/index_frontpage_play_bg_sp.jpg) no-repeat center center /cover;}
}


/* ---- [ INQUIRY ] ---- */

.visual_heading.visual_heading-contact{background:url(/contact/images/index_tit_bg.jpg) no-repeat center top;}

.frontpage_box2.frontpage_box-qproduct{background:url(/contact/images/contact01.jpg) no-repeat center center;}
.frontpage_box2.frontpage_box-qcatalog{background:url(/contact/images/contact02.jpg) no-repeat center center;}
.frontpage_box2.frontpage_box-qrecruit{background:url(/contact/images/contact03.jpg) no-repeat center center;}
.frontpage_box2.frontpage_box-qmedia{background:url(/contact/images/contact04.jpg) no-repeat center center;}

.frontpage_box2{
	width:470px;
	height:262px;
	text-align:center;
	display:table;
}
.frontpage_box2 .frontpage_box-inner{
	display:table-cell;
	vertical-align:bottom;
	padding:20px;
}
.frontpage_box2 .frontpage_box-tit{
}
.frontpage_box2 .frontpage_box-tit img{
	width:100%;
}
.frontpage_box2 .frontpage_box-btn{
	margin-bottom:40px;
}
a:hover > .frontpage_box2 img{
	opacity:1;
}

.contact_table{
	display:table;
	width:100%;
	margin-top:15px;
	margin-bottom:20px;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom:0;
	border-left: 1px solid #ccc;
	border-spacing: 0;
}
.contact_table th{
	background-color:#eee;
	padding:15px;
	border-bottom: 1px solid #ccc;
	text-align:left;
	vertical-align:middle;
	font-weight:normal;
}
.contact_table th.req{
	text-align:left;
	padding:15px 50px 15px 15px;
	background:url(/contact/images/required.png) #eee no-repeat right center;
}
.contact_table th.e_req{
	text-align:left;
	padding:15px 70px 15px 15px;
	background:url(/contact/images/e_required.png) #eee no-repeat right center;
}
.contact_table td{
	padding:15px;
	border-bottom: 1px solid #ccc;
	vertical-align:middle;
}
.contact_table td.catalog{
	padding:10px;
	border:0;
	vertical-align:top;
}
.contact_table td.remarks{
	background-color:#f3ffec;
	font-size:0.8em;
	vertical-align:middle;
}

.contact_table input.border{border:1px #ccc solid;padding:7px;}

textarea {
	width:100%;
	height:9em;
	line-height:1.5em;
	font-family:HelveticaNeue,"HiraKakuProN-W3","メイリオ",sans-serif;
	border:1px #ccc solid;padding:7px;
}
.contact_table input[type="text"]{
	height:40px;
	width:80%;
	border:1px solid #ccc;
	line-height:40px;
	padding:0 10px;
	font-size:1.6rem;
}
.contact_table input.error,
.contact_table select.error,
.contact_table textarea.error{
background-color: #fdd;
}
.contact_table td.error_remarks{
	background-color:#fdd;
	color:#d00;
	font-weight:bold;
	font-size:0.8em;
	vertical-align:middle;
}

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

	.visual_heading.visual_heading-contact{background:url(/contact/images/index_tit_bg_sp.jpg) no-repeat center top /cover;}
	.frontpage_box2.frontpage_box-qproduct{background:url(/contact/images/contact01.jpg) no-repeat center center /cover;}
	.frontpage_box2.frontpage_box-qcatalog{background:url(/contact/images/contact02.jpg) no-repeat center center /cover;}
	.frontpage_box2.frontpage_box-qrecruit{background:url(/contact/images/contact03.jpg) no-repeat center center /cover;}
	.frontpage_box2.frontpage_box-qmedia{background:url(/contact/images/contact04.jpg) no-repeat center center /cover;}

	.frontpage_box2{
		width:100%;
		height:180px;
		text-align:center;
		display:block;
		position:relative;
	}
	.frontpage_box2
	:before{
		content:"";
		display:block;
	}
	.frontpage_box2 .frontpage_box-inner{
		position:absolute;
		top:0;
		left:0;
		bottom:0;
		right:0;
	}
	.frontpage_box2 .frontpage_box-tit{
		padding-top:7%;
	}
	.frontpage_box2 .frontpage_box-tit img{
	}
	.frontpage_box2 .frontpage_box-btn{
		margin-top:80px;
	}
	.frontpage_box2 .frontpage_box-btn .btn{
		display:inline-block;
	}
	a:hover > .frontpage_box2 img{
	}
	.contact_table{
		display:block;
		width:100%;
		margin-top:15px;
		margin-bottom:20px;
		border-top:0;
		border-right: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		border-left: 1px solid #ccc;
	}
	.contact_table,
	.contact_table thead,
	.contact_table tbody,
	.contact_table tfoot,
	.contact_table tr,
	.contact_table th,
	.contact_table td{
		display: block;
		width:100%;
	}
	.contact_table input[type="text"]{
		width:100%;
	}
	.contact_table th{
		border-bottom:0;
		border-top: 1px solid #ccc;
		text-align:left;
		vertical-align:middle;
		font-weight:normal;
	}
	.contact_table td{
		padding:15px;
		border-bottom:0;
	}
	.contact_table td.remarks{
		border-top:0;
	}
}

.contact_table .inner_table,
.contact_table .inner_table tr,
.contact_table .inner_table td{
	margin:0;
	padding:0 10px 0 0;
	border: 0;
}

/*tv*/

/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; }
.mob { display: none !important; }

.toppic {
	margin: 0 -500px;
	height:100%;
}

.tv_div {
	padding: 30px 0 50px;
	
}

.tv_h1 {
	margin-bottom: 10px;
	font-size: 36px;
	font-weight: normal;
	text-align: center;
	
}

.tv_p {
	line-height: 2;
	text-align: center;
	
}

.tv_h2 {
	font-size: 24px;
	margin: 15px 0 0 15px;
}

.tv02 {
	margin-top: 15px;
}

.tv_text {
	text-align: center;
}

.tv_p {
	display: inline-block;
}

 .tvf2 {
	font-size: 15px;
}

.ml {
	margin-left: -5px;
}

.ml2 {
	margin-left: -10px;
}

@media screen and (min-width:641px){
	.tvdd{
		font-size:1.6rem!important;
		margin-top:5px;
}
}

@media screen and (max-width:640px){
	.tv_div h1 {
		font-size: 30px;
	}
	
	.tv_div p {
		font-size: 12px;
		margin-top: 10px;
	}

	.tvf2 {
	font-size: 12px;
    }
    
	.ml2 {
	margin-left: 18px;
}
	/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
	.pc { display: none !important; }
	.mob { display: block !important; }
	.toppic {margin: 0 !important; }
}