/*
Theme Name: 3.peaks Ver3.2
Theme URI: https://3peaks.co.jp/
Author: 3.peaks
Author URI: https://3peaks.co.jp/
Description: 3.peaks themes (レスポンシブ対応)
Version: 3.2.0
License: 3.peaks Only.
*/
@font-face {
  font-family: "Noto Serif JP";
  src: url("./font/NotoSerifCJKjp-vf-subset.woff2") format('woff2'), url("./font/NotoSerifCJKjp-vf-subset.woff") format('woff');
  font-weight: 100 900;
  font-display: swap;
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6,
p, blockquote, pre, a, abbr, acronym, address,
big, cite, code, del, dfn, em, font, ins, kbd,
q, s, samp, small, strike, strong, sub, sup,
tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
	word-wrap: break-word;
}
h1, h2, h3, h4, h5, h6 {
	position: relative;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
	display: block;
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
}
a { outline:none !important; color:#000; text-decoration: none; }
a:focus { outline:none !important; color:#000; text-decoration:none; }
a:active { outline:none !important; color:#000; text-decoration:none; }
a:hover { color:#000; text-decoration:none; }
a:visit { color:#000; text-decoration:none; }
a {
	-webkit-transition:0.20s;
	        transition:0.20s;
}
a:hover img {
	opacity:0.75;
}
address {margin-top:0;}
b,strong {font-weight: 700;}
em,i,b {font-weight:700;}
p {	margin-bottom: 20px;}
ul,ol {	list-style: none;}
img {
	-ms-interpolation-mode: bicubic;
	border: 0;
	vertical-align: middle;
	-webkit-backface-visibility: hidden !important;
}
table {
	border-collapse: separate;
	border-spacing: 0;
	border-width: 0;
	width: 100%;
}
input[type="text"], 
input[type="button"], 
input[type="submit"], 
textarea {
	border-radius:0;
	-webkit-appearance: none;
}

/*---------------------------------------- スクロール固定 ----------*/
.fixed {
	position: fixed !important;
	top:30px !important;
	left: 0;
	z-index: 2;
}
.sidefixed {
	position: fixed !important;
	left:50%;
	margin-left:320px;
	width:320px !important;
	top:100px !important;
}
@media only screen and (max-width:1300px) {
	.sidefixed {
		left:auto;
		right:0;
		width:25% !important;
		margin-left:0;
	}
}

/*-----------------------------------------------------------------------------------------
	body
-----------------------------------------------------------------------------------------*/
body {
	font-family:'Lucida Grande',
				'メイリオ',
				Meiryo,
				'Hiragino Kaku Gothic ProN',
				'ヒラギノ角ゴ ProN W3',
				sans-serif;
	font-size:18px;
	line-height:180%;
	min-width: 1100px;
	color:#000;
}
html, body {
	height: 100%;
	width:100%;
	margin: 0;
	padding: 0;
}
main {
	position: relative;
}

img{
	max-width: 100%;
	height: auto;
}


@media (min-width: 768px) {
  .sp-only {
    display: none !important;
  }
}

/*pc*/
@media only screen and (max-width: 767px) {
  .pc-only {
    display: none !important;
  }
}

/*-----------------------------------------------------------------------------------------
	header
-----------------------------------------------------------------------------------------*/
header {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	min-width: 1100px;
	background:rgba(38,35,140,0.90);
	border-bottom:2px solid #FF8000;
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
	z-index:1000;
}
header div {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
			justify-content: space-between;
	-webkit-align-items: center;
			align-items: center;
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
}

/*------------------------------ ロゴ ----------*/
header h1 {
	position: relative;
	margin:-5px 0 0 30px;
	-webkit-transition:0.3s;
			transition:0.3s;
}
#panel-btn {
	display: none;
}
/*------------------------------ グローバルナビ ----------*/
#gnav,
#gnav ul {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: stretch;
			align-items: stretch;
}
#gnav {
	margin-left: auto;
}
#gnav ul li {
	position: relative;
	text-align: center;
}
#gnav ul li a,
#gnav ul li span {
	position: relative;
	display: block;
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
	padding:0;
	margin:0 20px;
	color:#fff;
	font-size: 16px;
	line-height: 1.4;
}
#gnav ul li:hover:before {
	position: absolute;
	content:'';
	bottom:-5px;
	left:10%;
	width:80%;
	border-bottom:1px solid #fff;
}
@media only screen and (max-width:1580px) {
	header h1 {
		width:110px;
		margin:-8px 0 0 10px;
	}
	header h1 img {
		width:100%;
		height:auto;
	}
	#gnav ul li a,
	#gnav ul li span {
		margin:0 10px;
		font-size: 15px;
	}
}
@media only screen and (max-width:1320px) {
	header h1 {
		width:110px;
		margin:-8px 0 0 10px;
	}
	#gnav ul li a,
	#gnav ul li span {
		margin:0 10px;
		font-size: 13px;
	}

	.list-sns{
		max-width: 280px;
	}
}
@media only screen and (max-width:1220px) {

	#gnav ul li a,
	#gnav ul li span {
		margin:0 10px;
		font-size: 12px;
	}
}

/*-- サブメニュー ------------------------------*/
#gnav ul li ul {
	position:absolute;
	top:calc(100% - 2px);
	left:-10%;
	max-width:220px;
	min-width:220px;
	display:block;
	z-index: 10;
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
}

#gnav ul li:hover ul{
	border:1px solid rgba(38,35,140,0.90);
}

#gnav ul li ul li {
	position: relative;
	overflow: hidden;
	text-align:left;
	height: 0;
	font-size:16px;
	width: 100%;
	background:#fff;
	padding: 0 !important;
	-webkit-transition: 0.3s;
			transition: 0.3s;
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
}
#gnav ul li ul li a {
	line-height: 50px !important;
	padding:0 10px;
	color:#000;
	-webkit-box-sizing:border-box;
			box-sizing:border-box;
}
#gnav ul li ul li a:before {
	position: absolute;
	content:'';
	top:50%;
	right:10px;
	width:8px;
	height: 8px;
	margin-top:-4px;
	border-top:1px solid #26238C;
	border-right:1px solid #26238C;
	-webkit-transform:rotate(45deg);
			transform:rotate(45deg);
}
#gnav ul li ul li a:after {
	display: none !important;
}
#gnav ul li:hover ul li {
	overflow: visible;
	height: 50px;
	border-bottom:1px solid rgba(0,0,0,0.05);
}
#gnav ul li ul li:hover a {
	color:#26238C;
}

/*------------------------------ SNSリンク ----------*/
ul.list-sns {
	display: -webkit-flex;
	display: flex;
}
ul.list-sns li {
	width:88px;
	margin:0;
}
ul.list-sns li img {
	width:100%;
	height:auto;
}
ul.list-sns li a {
	display: block;
	margin:0 !important;
}
ul.list-sns li.ic_fb {
	background:#1D4384;
}
ul.list-sns li.ic_tw {
	background:#277BB9;
}
ul.list-sns li:before {
	display: none !important;
}

/*-----------------------------------------------------------------------------------------
	footer
-----------------------------------------------------------------------------------------*/

footer {
	position: relative;
	background:url(img/bg/bg-footer.jpg) 50% 50% no-repeat;
	background-size:cover;
	padding: 85px 0 30px 0;
	text-align: center;
	color:#fff;
	font-size: 16px;
}
footer p.logo-f {
	margin-bottom: 20px;
}
footer dl {
	display:-webkit-flex;
	display:flex;
	width:340px;
	margin:0 auto 20px auto;
}
footer dl div {
	display:-webkit-flex;
	display:flex;
}
footer dl div:first-child {
	margin-right:20px;
}
footer dl div dt {
	position: relative;
}
footer dl div dt:after {
	content:'：';
}
footer p {
	margin-bottom:0;
}
footer a {
	color:#fff;
}
footer a:hover {
	color:#fff;
	text-decoration: underline;
}
footer small {
	display: block;
}
footer .blk {
	display: none;
}

/*-- SNS ------------------------------*/
.bx-sns {
	width: 1100px;
	margin:20px auto;
	text-align: right;
}

/*-- ページトップへ ------------------------------*/
#pageUp {
	position: fixed;
	right:20px;
	bottom:20px;
	width:60px;
	height:60px;
	border-radius:50%;
	background:rgba(0,0,0,0.50);
	border:1px solid #707070;
	z-index: 100;
}
#pageUp:after {
	position: absolute;
	content:'';
	top:50%;
	left:50%;
	width:20px;
	height:20px;
	margin:-5px 0 0 -12px;
	border-top:2px solid #fff;
	border-right:2px solid #fff;
	-webkit-transform: rotate(-45deg);
			transform: rotate(-45deg);
}
#pageUp:hover {
	cursor: pointer;
}

/*-----------------------------------------------------------------------------------------
	トップページ
-----------------------------------------------------------------------------------------*/

#slideWrap {
	position:relative;
	clear:both;
	min-width:1000px;
	height:700px;
	margin-bottom:110px;
}

/*---------- 高さ固定中央配置 ----------*/
ul.slide li {
	position:absolute;
	top:0;
	left:50%;
	margin-left:-960px;
	width:1920px;
	height:700px;
}
ul.slide li img.s_bg {
	position: absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	max-width:1920px;
	max-height:700px;
	margin:auto auto auto auto;
	animation-name: animationZoom;
	animation-timing-function: linear;
    animation-duration: 10s;
}
ul.slide li img.s_txt {
	position: fixed;
	top:130px;
	left:15%;
	animation-name:animationFadeIn;
	animation-timing-function: linear;
    animation-duration:9s;
	z-index: 10;
}
ul.slide li img.s_txt_blk {
	position: fixed;
	top:130px;
	left:15%;
	animation-name:animationFadeIn;
	animation-timing-function: linear;
    animation-duration:9s;
	z-index: 10;
}

/*-- 製品タイトル ------------------------------*/
#tp_products {
	text-align: center;
}
#tp_products h1 {
	position: relative;
	font-size:36px;
	/*font-weight:700;*/
	padding-bottom:30px;
	margin-bottom: 40px;
	letter-spacing: 5px;
}
#tp_products h1:after {
	position: absolute;
	content:'';
	bottom:0;
	left:50%;
	width:90px;
	height:3px;
	margin-left:-45px;
	background:url(img/parts/ttl-liner.svg) 0 0 no-repeat;
}

/*-- 製品一覧 ------------------------------*/
ul.cate-products {
	position: relative;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
			flex-wrap: wrap;
	margin:0 auto 80px auto;
	max-width:1000px;
	min-width:960px;
}
ul.cate-products li {
	font-family: 'Noto Serif JP', serif;
	position: relative;
	width:33.33333333%;
	padding:10px 20px;
	text-align:left;
	font-size:25px;
	font-weight:700;
	line-height:100%;
	border-bottom:1px solid #707070;
	-webkit-box-sizing:border-box;
			box-sizing:border-box;
}
ul.cate-products li:hover {
	opacity:0.7;
	-webkit-transition:0.2s;
			transition:0.2s;
}
ul.cate-products li span {
	display: block;
	font-size:14px;
	color:rgba(0,0,0,0.70);
}
ul.cate-products li img {
	width:250px;
	height:auto;
	margin:0 auto 10px auto;
	display: block;
}
ul.cate-products li:before {
	position: absolute;
	content:'';
	top:8%;
	right:0;
	height: 84%;
	border-left:1px solid #707070;
}
ul.cate-products li:nth-child(3n):before {	
	display: none;
}
ul.cate-products li a {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	text-indent:-9999px;
	background/*\**/: #fff\9;
	filter:alpha(opacity=0);
}

/*-- チラシ・カタログ ------------------------------*/
.list-bnr {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content:space-between;
			justify-content:space-between;
	margin:80px auto;
	max-width:1000px;
	min-width:960px;
}
.list-bnr li {
	width: 47%;
	max-width:470px;
}
.list-bnr li img {
	width:100%;
	height:auto;
}

/*-- コンテンツバナー ------------------------------*/
.list-content {
	margin:0 auto 100px auto;
	max-width:1000px;
	min-width:960px;
}
.list-content li {
	position: relative;
	overflow: hidden;
	text-align: center;
	margin-bottom:10px;
	padding:100px 0 30px 0;
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
}

.list-content li:before {
	-webkit-transition: 0.3s;
			transition: 0.3s;
}
.list-content li:hover:before {
	position: absolute;
	content:'';
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(255,255,255,0.30);
}
.list-content li.faq {
	background:url(img/contents/top/bg-faq.jpg) 50% 50% no-repeat;
}
.list-content li.maintenance {
	background:url(img/contents/top/bg-maintenance.jpg) 50% 50% no-repeat;
}

.list-content li a {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	text-indent:-9999px;
	background/*\**/: #fff\9;
	filter:alpha(opacity=0);
}

/*-- お知らせ ------------------------------*/
#wrap-news {
	position: relative;
	clear:both;
	overflow: hidden;
	/* background:rgba(255,77,1,0.10); */
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
	min-width:960px;
	margin-bottom:100px;
}
#wrap-news div {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
			justify-content: space-between;
	max-width:1000px;
	min-width:960px;
	margin:0 auto;
	padding:0 0 50px;
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
}
#wrap-news div h1.ttl-news_tp {
	position: relative;
	overflow: hidden;
	text-indent: -999px;
	background:url(img/contents/top/ttl-news.png) 0 0 no-repeat;
	width:36px;
	height:170px;
}
#wrap-news div dl {
	width:90%;
}
#wrap-news div dl div {
	max-width:100%;
	min-width:100%;
	border-bottom:1px solid #ccc;
	padding:10px 0;
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
}
#wrap-news div dl div dt {
	width:24%;
}
#wrap-news div dl div dt span.ct {
	font-family: 'Noto Serif JP', serif;
	background:#FF4D01;
	line-height:28px;
	text-align: center;
	color:#fff;
	display: inline-block;
	width:44%;
	font-size:15px;
	border-radius: 28px;
	margin-left:4%;
	font-weight:700;
}
#wrap-news div dl div dd {
	width:76%;
	text-align: left;
	overflow:hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
#wrap-news div dl div dd a:hover {
	text-decoration: underline;
}
.new {
	margin-left:10px;
	color: #ff4d01;
}
.more-news {
	margin: 0 auto 50px auto;
	display: block;
	line-height: 50px;
	border-radius: 50px;
	background:#FF4D01;
	width:200px;
	text-align: center;
	-webkit-transition: 0.3s;
			transition: 0.3s;
}
.more-news:hover {
	opacity: 0.7;
}
.more-news a {
	display: block;
	color:#fff;
}

/*-- 求人募集バナー
.bnr-recruit {
	position:relative;
	background:url(img/contents/top/bg-recruit.jpg) 50% 50% no-repeat;
	background-size:cover;
	min-height:260px;
	margin:0 auto 100px auto;
	width:1000px;
	border:3px solid #1A9432;
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
}
.bnr-recruit:before {
	position: absolute;
	content:'';
	top:0;
	right:0;
	width:299px;
	height:243px;
	background:url(img/contents/top/bg-recruit-img.png) 0 0 no-repeat;
}
.bnr-recruit:hover:after {
	position: absolute;
	content:'';
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(255,255,255,0.30);
}
.bnr-recruit p.ttl-recruit {
	font-size: 40px;
	font-weight:700;
	color:#fff;
	padding-top:10px;
	margin:25px 0 10px 0;
	line-height:180%;
	letter-spacing:5px;
	background: -moz-linear-gradient(left,  rgba(26,148,50,0.95) 0%, rgba(26,148,50,0.29) 68%, rgba(26,148,50,0) 100%);
	background: -webkit-linear-gradient(left,  rgba(26,148,50,0.95) 0%,rgba(26,148,50,0.29) 68%,rgba(26,148,50,0) 100%);
	background: linear-gradient(to right,  rgba(26,148,50,0.95) 0%,rgba(26,148,50,0.29) 68%,rgba(26,148,50,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e61a9432', endColorstr='#001a9432',GradientType=1 );
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
}
.bnr-recruit p.ttl-recruit span {
	font-size: 25px;
}
.bnr-recruit p {
	margin:0 0 20px 28px;
	font-size:14px;
	font-weight:700;
}
.bnr-recruit a {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	text-indent:-9999px;
	background/*\**／: #fff\9;
	filter:alpha(opacity=0);
	z-index: 10;
}
 ------------------------------*/
.bnr-recruit {
	position:relative;
	overflow: hidden;
	background:url(img/contents/top/bnr-recruit.jpg) 50% 50% no-repeat;
	background-size:101% auto;
	min-height:260px;
	margin:0 auto 100px auto;
	width:980px;
	border:3px solid #1A9432;
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
}
.bnr-recruit:hover:after {
	position: absolute;
	content:'';
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(255,255,255,0.30);
}
.bnr-recruit a {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	text-indent:-9999px;
	background/*\**/: #fff\9;
	filter:alpha(opacity=0);
	z-index: 10;
}

.more-recruit_tp {
	display: block;
	line-height: 50px;
	border-radius: 50px;
	background:#FF4D01;
	width:200px;
	font-size:20px;
	font-weight: normal;
	color:#fff;
	text-align: center;
	-webkit-transition: 0.3s;
			transition: 0.3s;
}


/*-----------------------------------------------------------------------------------------
	下層ページ共通
-----------------------------------------------------------------------------------------*/

article {
	position: relative;
}

/*-- ページタイトル ------------------------------*/
#ttl {
	position: relative;
	clear: both;
	overflow: hidden;
	height: 520px;
	margin-bottom:100px;
}
#ttl:before {
	position: absolute;
	content:'';
	top:0;
	left:0;
	background: -moz-linear-gradient(left,  rgba(31,32,77,1) 0%, rgba(31,32,77,0) 100%);
	background: -webkit-linear-gradient(left,  rgba(31,32,77,1) 0%,rgba(31,32,77,0) 100%);
	background: linear-gradient(to right,  rgba(31,32,77,1) 0%,rgba(31,32,77,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f204d', endColorstr='#001f204d',GradientType=1 );
	height: 100%;
	width:80%;
	max-width:1175px;
	animation-name: animationBg;
    animation-duration: 1.5s;
}
#ttl h1 {
	font-family: 'Noto Serif JP', serif;
	width:1000px;
	margin:0 auto;
	color:#fff;
	font-size:50px;
	line-height:130%;
	font-weight:700;
	letter-spacing: 2px;
	padding:250px 10px 0 10px;
	animation-name: animationTtl;
    animation-duration: 1s;
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
}
#ttl h1 span {
	margin-top:30px;
	display: block;
	font-size:25px;
	/*font-weight:700;*/
}

/*-- 下線タイトル ------------------------------*/
h1.line {
	position: relative;
	font-size:36px;
	font-weight:700;
	padding-bottom:30px;
	margin-bottom:50px;
	letter-spacing: 5px;
	text-align: center;
}
h1.line:after {
	position: absolute;
	content:'';
	bottom:0;
	left:50%;
	width:90px;
	height:3px;
	margin-left:-45px;
	background:url(img/parts/ttl-liner.svg) 0 0 no-repeat;
}
h1.line br {
	display: none;
}

/*-- コンテンツエリア ------------------------------*/
#contents {
	position: relative;
	width:1000px;
	margin:0 auto;
}

/*-- コンテンツエリア（Newsページ用） ------------------------------*/
#contents-news,
#contents-maintenance {
	position: relative;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content:space-between; 
			justify-content:space-between; 
	max-width:1300px;
	min-width:1000px;
	margin:0 auto 100px auto;
	padding:0 10px;
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
}
#contents-news .content,
#contents-maintenance .content{
	width:70%;
	margin-top:0 !important;
	padding-top:0 !important;
}

/*-----------------------------------------------------------------------------------------
	サイドバー
-----------------------------------------------------------------------------------------*/

#sidebar {
	width:25%;
	z-index: 10;
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
}

/*-- カテゴリ― ------------------------------*/
#sidebar ul.s_ct {
	margin-bottom:80px;
	background:#fff;
}
#sidebar h3,
#sidebar ul.s_ct li a {
	display: block;
	padding:15px 0;
	border-bottom:1px solid #000;
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
}
#sidebar h3 {
	font-weight:700;
	font-size:25px;
}
#sidebar ul.s_ct li a {
	position: relative;
	font-family: 'Noto Serif JP', serif;
	font-weight: 700;
	font-size:18px !important;
}
#sidebar ul.s_ct li a:after {
	position: absolute;
	content:'';
	top:50%;
	right:10px;
	width:14px;
	height:14px;
	margin-top:-7px;
	border-top:1px solid #000;
	border-right:1px solid #000;
	-webkit-transform:rotate(45deg);
			transform:rotate(45deg);
}
#sidebar ul.s_ct li a:hover {
	color:#FF4D01;
}

/*-- ランキング・最新情報 ------------------------------*/
#sidebar .list-news-side li {
	position: relative;
	padding:15px 10px;
	border-bottom:1px solid #000;
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
	-webkit-transition:0.20s;
	        transition:0.20s;
}
#sidebar .list-news-side li:hover {
	background:rgba(255,77,1,0.10);
}
#sidebar .list-news-side li p.entry-date {
	margin-bottom:10px;
}
#sidebar .list-news-side li p.category {
	font-family: 'Noto Serif JP', serif;
	display: inline-block;
	background:#FF4D01;
	line-height:30px;
	border-radius: 30px;
	text-align: center;
	color:#fff;
	padding:0 15px;
	font-size:16px;
	font-weight:700;
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
}
#sidebar .list-news-side li p.ttl-news {
	font-size:20px;
	margin:0;
}
#sidebar .list-news-side li a {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	text-indent:-9999px;
	background/*\**/: #fff\9;
	filter:alpha(opacity=0);
}

/*-----------------------------------------------------------------------------------------
	商品一覧ページ
-----------------------------------------------------------------------------------------*/

/*-- タイトル背景 ------------------------------*/
.t_products {
	background:url(img/contents/products/bg_products.jpg) 50% 0 no-repeat;
}

/*-- 商品カテゴリ―タイトル ------------------------------*/
#products section h1 {
	display: -webkit-flex;
	display: flex;
	font-family: 'Noto Serif JP', serif;
	font-size:35px;
	font-weight: 700;
	border-bottom:2px solid #26238C;
	padding-bottom:30px;
	margin-bottom:30px;
}
#products section h1 span.modelname {
	font-family:'Lucida Grande',
				'メイリオ',
				Meiryo,
				'Hiragino Kaku Gothic ProN',
				'ヒラギノ角ゴ ProN W3',
				sans-serif;
	border-left:1px solid #26238C;
	border-right:1px solid #26238C;
	color:#26238C;
	display: block;
	padding: 0 20px;
	margin-right:55px;
}
#products section h1 span.modelname_en {
	font-size: 16px;
	font-weight: 700;
	color:#707070;
	display: block;
	margin-left:auto;
	width:auto;
}
#products section h2 {
	font-size:22px;
	font-weight: 700;
	margin-bottom: 25px;
}

/*-- 商品一覧 ------------------------------*/
.list-products {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
			flex-wrap: wrap;
	margin-bottom:100px;
}
.list-products li {
	position: relative;
	overflow: hidden;
	width:30%;
	margin:0 5% 3% 0;
}
.list-products li:hover img {
	opacity:0.7;
	-webkit-transition:0.2s;
			transition:0.2s;
}
.list-products li div.p_img {
	position: relative;
	overflow: hidden;
	padding-top:100%;
	margin-bottom:15px;
}
.list-products li div.p_img img {
	position: absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	width:100%;
	margin:auto auto auto auto;
	height: auto;
	display: block;
}
.list-products li:nth-child(3n) {
	margin-right:0;
}
.list-products li p.p_name {
	color:#26238C;
	font-size:20px;
	font-weight:700;
	margin-bottom:10px;
}
.list-products li dl {
	position: relative;
}
/*.list-products li dl:after {*/
.p_bx {
	position: relative;
	padding-right:40px;
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
}
.p_bx:after {
	position:absolute;
	content:'';
	top:50%;
	right:5%;
	width:15px;
	height:15px;
	margin-top:-7px;
	border-top:1px solid #000;
	border-right:1px solid #000;
	-webkit-transform: rotate(45deg);
			transform: rotate(45deg);
}
.list-products li dl div {
	display: -webkit-flex;
	display: flex;
	font-size:14px;
}
.list-products li dl div dt:after {
	content:'：';
}
.list-products li a {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	text-indent:-999px;
	background/*\**/: #fff\9;
	filter:alpha(opacity=0);
}

/*-----------------------------------------------------------------------------------------
	商品詳細ページ
-----------------------------------------------------------------------------------------*/

#item {
	margin-top:190px;
}

/*-- 商品画像 ------------------------------*/
.ttl-detail {
	text-align: center;
	position: relative;
	font-size:22px;
	font-weight:700;
	padding:100px 0 20px 0;
	margin:-100px 0 30px 0;
}
.ttl-detail:after {
	position: absolute;
	content:'';
	bottom:0;
	left:50%;
	width:60px;
	border-bottom:2px solid #26238C;
	margin-left:-30px;
}

/*-- 商品画像 ------------------------------*/
.bx-item {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 60px;
	margin:0 auto 60px auto;
	width:1000px;
}
.bx-item-img {
	position:relative;
	width:500px;
}
.bx-item-img img {
	width:500px;
	height:auto;
}
.magnify {
	display: block;
	width:50px;
	height:50px;
	margin-top:10px;
}
.magnify img {
	width:50px;
	height:50px;
}

/*-- サムネイル画像 ------------------------------*/
#thumbsWrap {
	position: relative;
	width:500px;
	margin:20px auto 0 auto;
	-webkit-align-items: center;
			align-items: center;
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
}
.slider-nav li img {
	width:120px;
	max-width:100%;
	height:auto;
	display: inline-block;
	border:1px solid #c2c2c2;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.slider-nav li img:hover {
	cursor: pointer;
}
/*-- pager ------------------------------*/
#thumbsWrap .slick-prev,
#thumbsWrap .slick-next {
    position: absolute;
    font-size: 0;
    line-height: 0;
    top: 50%;
    display: block;
    width:15px;
	height:15px;
	margin-top:-7px;
	padding: 0;
	background:none;
	border:0;
	border-top:2px solid #000;
	border-right:2px solid #000;
	-webkit-transform: translate(0, -50%);
    		transform: translate(0, -50%);
    cursor: pointer;
}
#thumbsWrap .slick-prev {
	left:-30px;
	-webkit-transform: rotate(-135deg);
			transform: rotate(-135deg);
}
#thumbsWrap .slick-next {
	right:-30px;
	-webkit-transform: rotate(45deg);
			transform: rotate(45deg);
}

/*
*メインスライダー
*/
body.is-products .splide-main .splide__slide{
    position: relative;
}
body.is-products .splide-main .splide__slide:before{
    display: block;
    content: '';
    padding: 56.25% 0 0;
}

body.is-products .splide-main img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

/*
*サムネイルスライダー
*/
body.is-products .splide-thumbnail{
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 5px;
	margin: 20px 0;
}

body.is-products .splide-thumbnail button{
    position: relative;
	width: 100%;
	height: 100%;
	padding: 0;
	background: #fff;
    border: 2px solid #ddd;
	-webkit-appearance: none;
	overflow: hidden;
}

body.is-products .splide-thumbnail button:before{
    display: block;
    content: '';
    padding: 56.25% 0 0;
}

body.is-products .splide-thumbnail  img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
	transition: .2s ease-out;
	backface-visibility: hidden;
	transform: translateZ(0) rotate(.0001deg);
}


body.is-products .splide-thumbnail button:hover img{
	transform: scale(1.1) translateZ(0) rotate(.0001deg);
}


body.is-products .splide-thumbnail button.is-active{
    border-color: rgba(255,77,1,1.0);
}

/*
*カルーセルスライダー
*/

body.is-products .splide-carousel .splide__slide{
    position: relative;
}

body.is-products .splide-carousel .thumbnail{
    position: relative;
}

body.is-products .splide-carousel .thumbnail:before{
    display: block;
    content: '';
    padding: 56.25% 0 0;
}

/* body.is-products .splide-carousel .splide__slide a{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
} */

body.is-products .splide-carousel  img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

body.is-products .splide-carousel li p {
	font-size:22px;
	font-weight:700;
	margin:10px 0;
	color:#26238C;
}
body.is-products .splide-carousel li dl {
	position: relative;
}
body.is-products .splide-carousel li dl div {
	position: relative;
	display: -webkit-flex;
	display: flex;
	font-size:16px;
}
body.is-products .splide-carousel li dl div dt:after {
	content:'：';
}
body.is-products .splide-carousel li dl div dd {
	max-width:80%;
}


/*-- 商品情報 --*/
.bx-item-details {
	/* width:45%; */
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
}
/*-- 商品カテゴリ― --*/
.prod_ct {
	font-family: 'Noto Serif JP', serif;
	font-size:25px;
	font-weight:700;
}
/*-- 商品名 ------------------------------*/
.prod-name {
	font-size:35px;
	font-weight:700;
	color:#3D409A;
	margin-bottom:30px;
}
/*-- 商品スペック --*/
.prod-spec {
	margin-bottom:50px;
}
.prod-spec div {
	display: -webkit-flex;
	display: flex;
}
.prod-spec dt:after {
	content:'：';
}
.prod-spec dd {
	max-width:80%;
}
/*-- 購入するボタン --*/
.more-buy {
	max-width:310px;
	background:#26238C;
	line-height:70px;
	border-radius: 70px;
	text-align: center;
	font-size:20px;
}
.more-buy a {
	display: block;
	color:#fff;
}
.more-buy:hover {
	background:rgba(255,77,1,1.0);
	-webkit-transition:0.2s;
			transition:0.2s;
}

/*-- 商品詳細エリア ------------------------------*/
.bx-notice {
	margin-bottom:50px;
}
.bx-notice strong {
	font-size:25px;
	font-weight:700;
}
.bx-notice img {
	display: block;
	max-width:100%;
	height: auto;
	margin-bottom:50px;
}

/*-- 商品スペック ------------------------------*/
.bx-spec {
	margin-bottom:50px;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
			align-items: center;
	-webkit-justify-content: space-between;
			justify-content: space-between;
}
.bx-spec dl {
	width:50%;
}
.bx-spec dl div {
	border-bottom:1px solid #707070;
	padding:15px 0;
	display: -webkit-flex;
	display: flex;
	-webkit-box-sizing:border-box;
			box-sizing:border-box;
	-webkit-justify-content: space-between;
			justify-content: space-between;
}
.bx-spec dl div dt {
	width:20%;
}
.bx-spec dl div dd {
	width:75%;
}
.bx-spec img {
	width:45%;
	height: auto;
}

/*-- 商品スペック（Table） ------------------------------*/
.bx-spec-table {
	margin-bottom:50px;
}
.specTable {
	margin-bottom:40px;
	border-bottom:1px solid #707070;
}
.specTable th,
.specTable td {
	padding:5px;
	font-size:16px;
	vertical-align: middle;
	text-align:center;
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
}
.specTable th {
	background:#ebebf5;
	font-weight:700;
	border-right:1px solid #fff;
	border-bottom:1px solid #fff;
}
.txt-scroll {
	display: none;
}

/*-- 切断イメージ画像 ------------------------------*/
.bx-image {
	position: relative;
	width: 90%;
	margin:0 auto 50px auto;
}
.bx-movie {
	position: relative;
	padding-top: 56.25%;
}
.bx-movie iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
.bx-movie video {
	width:100% !important;
	height: auto;
}

/*-- 消耗品 ------------------------------*/
.bx-ex {
	margin-bottom:50px;
}
#wrap-ex {
	display: -webkit-flex;
	display: flex;
}
#wrap-ex div {
	padding:20px;
	width:50%;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: flex-start;
			align-items: flex-start;
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
}
#wrap-ex div img {
	width:40%;
	height:auto;
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
}
#wrap-ex div div {
	display:block;
	width:60%;
	padding:0 20px;
}
#wrap-ex div div p.no-ex {
	font-size:20px;
	font-weight:700;
	color:#3D409A;
	margin-bottom:10px;
}
#wrap-ex div div p.ttl-ex {
	font-weight:700;
	margin-bottom:10px;
}
#wrap-ex div div p.ttl-ex span {
	display: block;
	font-size:20px;
}

/*-- 購入するボタン --*/
#wrap-ex a {
	max-width:100%;
	background:#26238C;
	line-height:55px;
	border-radius: 55px;
	text-align: center;
	font-size:16px;
}
#wrap-ex a {
	display: block;
	color:#fff;
}
#wrap-ex a:hover {
	background:rgba(255,77,1,1.0);
	-webkit-transition:0.2s;
			transition:0.2s;
}
/*-- 疑似商品 ------------------------------*/
.bx-pseudo {
	margin:0 auto 100px auto;
	width:96%;
	max-width:1580px;
}

/*-- pager ------------------------------*/
.bx-pseudo .slick-prev,
.bx-pseudo .slick-next {
    position: absolute;
    font-size: 0;
    line-height: 0;
    top: 50%;
    display: block;
    width:50px;
	height:50px;
	margin-top:-25px;
	padding: 0;
	border-radius:50%;
	-webkit-transform: translate(0, -50%);
    		transform: translate(0, -50%);
    cursor: pointer;
    border:1px solid #b6b6b6;
    background: #7e7e7e;
}
.bx-pseudo .slick-prev {
	left:-60px;
}
.bx-pseudo .slick-next {
	right:-60px;
}
.bx-pseudo .slick-prev:before,
.bx-pseudo .slick-next:before {
position: absolute;
	content:'';
	top:50%;
	left:50%;
	width:10px;
	height:10px;
	border-top:2px solid #fff;
	border-right:2px solid #fff;
}
.bx-pseudo .slick-prev:before {
	margin:-5px 0 0 -5px;
	-webkit-transform: rotate(-135deg);
			transform: rotate(-135deg);
}
.bx-pseudo .slick-next:before {
	margin:-5px 0 0 -8px;
	-webkit-transform: rotate(45deg);
			transform: rotate(45deg);
}

/*-- 種類から探す ------------------------------*/
.bx-ct_type {
	margin-bottom:50px;
}
.list-ct_type {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap:wrap;
			flex-wrap:wrap;
	margin:0 auto;
	width:100%;
	max-width:1350px;
}
.list-ct_type li {
	font-family: 'Noto Serif JP', serif;
	font-size:16px;
	font-weight:bold;
	width:16%;
	line-height:150%;
	text-align: center;
	margin:0 0.5% 1% 0;
}
.list-ct_type li:nth-child(6n){
	margin-right:0;
}
.list-ct_type li img {
	width:100%;
	height:auto;
	display: block;
}

/*-- ポップアップ画像 ------------------------------*/
#prd_view {
	min-width:auto; /*-- body width reset --*/
}
.image_view {
	margin:10px auto 40px auto;
	width:900px !important;
}
.image_view-img {
	position:relative;
}
.image_view-img img {
	width:100%;
	height:auto;
}
.win_close {
	border:0;
	height:40px;
	line-height:40px;
	text-align: center;
	display: block;
	margin:30px auto 10px auto;
	background:#efefef;
	width:100px;
}
.win_close:hover {
	cursor: pointer;
}

/*-----------------------------------------------------------------------------------------
	会社沿革ページ
-----------------------------------------------------------------------------------------*/

/*-- タイトル背景 ------------------------------*/
.t_history {
	background:url(img/contents/history/bg_history.jpg) 50% 0 no-repeat;
}

/*-- 沿革一覧 ------------------------------*/
.list-history {
	border-top:1px solid #000;
	margin-bottom:50px;
}
.list-history div {
	display: -webkit-flex;
	display: flex;
	background:#fff;
	border-bottom:1px solid #000;
}
.list-history div dt,
.list-history div dd {
	padding:20px 15px;
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
}
.list-history div dt {
	font-weight:700;
	width:25%;
	max-width:160px;
	background:rgba(26,148,50,0.15);
}
.list-history div dd {
	width:85%;
}

/*-----------------------------------------------------------------------------------------
	製品ができるまでページ
-----------------------------------------------------------------------------------------*/

/*-- タイトル背景 ------------------------------*/
.t_production {
	background:url(img/contents/production/bg_production.jpg) 50% 0 no-repeat;
}

/*-- 製品ができるまで ------------------------------*/
.txt-production {
	text-align:center;
	margin-bottom:100px;
}

/*-- 製品ができるまで流れ ------------------------------*/
.list-production {
	margin-bottom:100px;
}
.list-production li {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
			align-items: center;
	counter-increment: flow_cnt;
}
.list-production li:nth-child(2n) {
	-webkit-flex-direction:row-reverse;
			flex-direction:row-reverse;
}
.list-production li img {
	width:65%;
	max-width:1054px;
	height:auto;
}
.list-production li dl {
	position: relative;
	padding:100px 0 0 0;
	margin:0 0 0 60px;
	width:35%;
	max-width:300px;
	-webkit-box-sizing:border-box;
			box-sizing:border-box;
}
.list-production li dl:before {
	font-family: 'Noto Serif JP', serif;
	position: absolute;
	content: '0'counter(flow_cnt);
	top:20px;
	left:0;
	font-size:80px;
	font-weight:700;
	color:#26238C;
}
.list-production li:nth-child(2n) dl {
	margin:0 60px 0 0;
	
}
.list-production li dl dt {
	font-family: 'Noto Serif JP', serif;
	font-size:30px;
	font-weight:700;
	margin-bottom:30px;
}

/*-----------------------------------------------------------------------------------------
	リクルートページ
-----------------------------------------------------------------------------------------*/

/*-- タイトル背景 ------------------------------*/
.t_recruit {
	background:url(img/contents/recruit/bg_recruit.jpg) 50% 0 no-repeat;
}

/*-- 見出し ------------------------------*/
#recruit section h2 {
	text-align: center;
	margin-bottom: 40px;
	font-size: 25px;
	font-weight:700;
}

/*-- 沿革一覧 ------------------------------*/
.detail-recruit {
	border-top:1px solid #000;
	margin-bottom:50px;
}
.detail-recruit div {
	display: -webkit-flex;
	display: flex;
	background:#fff;
	border-bottom:1px solid #000;
}
.detail-recruit div dt,
.detail-recruit div dd {
	padding:20px 15px;
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
}
.detail-recruit div dt {
	font-weight:700;
	width:20%;
	max-width:140px;
	background:rgba(26,148,50,0.15);
}
.detail-recruit div dd {
	width:90%;
}
.detail-recruit div dd ul li {
	list-style: disc;
	margin-left:25px;
}
.url {
	margin:50px 0;
}
.detail-recruit div dd a {
	display: block;
	text-decoration: underline !important;
	color:#0000ff !important;
}

/*-- エントリーボタン ------------------------------*/
.more-recruit {
	margin:0 auto 100px auto;
	width:310px;
	text-align: center;
}
.more-recruit a {
	display: block;
	background:#1A9432;
	line-height:70px;
	border-radius:70px;
	width:100%;
	color:#fff;
}
.more-recruit a:hover {
	background:rgba(255,77,1,1.0);
}
/*-----------------------------------------------------------------------------------------
	プライバシーポリシーページ
-----------------------------------------------------------------------------------------*/

/*-- タイトル背景 ------------------------------*/
.t_privacy_policy {
	background:url(img/contents/privacypolicy/bg_privacypolicy.jpg) 50% 0 no-repeat;
}

#privacy_policy div {
	margin-bottom:70px;
}
#privacy_policy h2 {
	font-size:25px;
	font-weight:700;
	padding-bottom:20px;
	margin-bottom:20px;
	color:#1A9432;
	border-bottom:1px solid #000;
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
}

/*-----------------------------------------------------------------------------------------
	FAQページ
-----------------------------------------------------------------------------------------*/

/*-- タイトル背景 ------------------------------*/
.t_faq {
	background:url(img/contents/faq/bg_faq.jpg) 50% 0 no-repeat;
}
.mttl-faq {
	font-size:20px;
	font-weight:700;
	margin-bottom:40px;
}

/*-- FAQ一覧 --------------------------------------*/
.list-faq {
	position: relative;
	margin-bottom:100px;
}
.list-faq div {
	position: relative;
	border:1px solid #000;
	margin-bottom:20px;
	border-radius:5px;
	-webkit-box-sizing:border-box;
			box-sizing:border-box;
}
.list-faq div dt {
	position: relative;
	font-size:20px;
	font-weight: 700;
	line-height: 150%;
	padding: 20px 90px 15px 90px;
	background:url(img/parts/ic_q.svg) 25px 13px no-repeat;
	-webkit-box-sizing:border-box;
			box-sizing:border-box;
}
.list-faq div dt:before {
	position: absolute;
	content:'';
	top:33px;
	right:20px;
	border-top: 1px solid #000;
	width:21px;
	-webkit-transition: 0.2s;
			transition: 0.2s;
}
.list-faq div dt:after {
	position: absolute;
	content:'';
	top:24px;
	right:30px;
	height: 20px;
	border-left: 1px solid #000;
}
.list-faq div dt:hover {
	cursor: pointer;
	opacity: 0.7;
}
.list-faq div dd {
	display: none;
	position: relative;
	line-height: 180%;
	padding: 20px 0 20px 70px;
	margin:0 20px;
	border-top:1px solid #FF4D01;
	background:url(img/parts/ic_a.svg) 5px 13px no-repeat;
	-webkit-box-sizing:border-box;
			box-sizing:border-box;
}

.list-faq div dd.open{
    display: block;
}

.list-faq div dd a {
	text-decoration: underline !important;
	color:#0000ff !important;
}

/*---------- slidetoggle ----------*/
.list-faq div.sel dt:after {
	display: none;
}
.sel {
	border:1px solid #FF4D01 !important;
	box-shadow: 5px 5px 10px rgba(0,0,0,0.10);
}

/*-----------------------------------------------------------------------------------------
	メンテナンスページ
-----------------------------------------------------------------------------------------*/

/*-- タイトル背景 ------------------------------*/
.t_maintenance {
	background:url(img/contents/maintenance/bg_maintenance.jpg) 50% 0 no-repeat;
}

/*-- wysiwyg ------------------------------*/
#maintenance {
	margin-bottom:100px;
}
#maintenance section h1 {
	position: relative;
	font-size:36px;
	font-weight:700;
	padding-bottom:30px;
	margin:100px 0 50px 0;
	letter-spacing: 5px;
	text-align: center;
}
#maintenance section h1:after {
	position: absolute;
	content:'';
	bottom:0;
	left:50%;
	width:90px;
	height:3px;
	margin-left:-45px;
	background:url(img/parts/ttl-liner.svg) 0 0 no-repeat;
}
#maintenance section p {
	line-height: 180%;
}
#maintenance section p strong {
	font-weight:bold;
	font-size:24px;
}
#maintenance section img {
	display: block;
	margin-bottom:50px;
	max-width:100%;
	height: auto;
}

/*-----------------------------------------------------------------------------------------
	パンフレット・各種証明証ページ
-----------------------------------------------------------------------------------------*/

/*-- タイトル背景 ------------------------------*/
.t_pamphlet {
	background:url(img/contents/pamphlet/bg_pamphlet.jpg) 50% 0 no-repeat;
}
.t_certificate {
	background:url(img/contents/certificate/bg_certificate.jpg) 50% 0 no-repeat;
}

/*-- ファイル一覧 ------------------------------*/
.list-files {
	display: -webkit-flex;
	dis-la: flex;
	-webkit-flex-wrap:wrap;
			flex-wrap:wrap;
	margin-bottom:100px;
}
.list-files li {
	position: relative;
	width:310px;
	font-size:20px;
	margin:0 35px 70px 0;
}
.list-files li:nth-child(3n){
	margin-right:0;
}
.list-files li img {
	display: block;
	width:100%;
	height:auto;
	max-height:440px;
	margin-bottom:20px;
	border:1px solid #e5e5e5;
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
}
.list-files li span {
	display: block;
	font-weight:700;
	padding-left:50px;
	min-height:50px;
	text-decoration: underline;
	background:url(img/parts/ic_pdf.png) 0 0 no-repeat;
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
}
.list-files li .catalog_dl {
	line-height: 70px;
	border-radius:70px;
	font-weight:700;
	background:#26238C;
	text-align: center;
	margin:30px auto 0 auto;
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
}
.list-files li .catalog_dl a {
	color:#fff;
	display:block;
	text-decoration: none;
}
.list-files li .catalog_dl:hover {
	-webkit-transition:0.2s;
			transition:0.2s;
	background:#FF4D01;
}

/*-----------------------------------------------------------------------------------------
	会社情報ページ
-----------------------------------------------------------------------------------------*/

/*-- タイトル背景 ------------------------------*/
.t_company {
	background:url(img/contents/company/bg_company.jpg) 50% 0 no-repeat;
}

#company section section {
	margin-bottom:100px;
}

/*-- セクション見出し ------------------------------*/
#company h2 {
	position: relative;
	font-family: 'Noto Serif JP', serif;
	font-size:33px;
	font-weight:700;
	color:#1A9432;
	text-align:center;
	line-height:150%;
	margin-bottom:50px;
	display: block;
	letter-spacing: 3px;
}
#company h2 span.logo-3p {
	position: relative;
	overflow: hidden;
	display: inline-block;
	top:12px;
	margin:0 10px 0 0;
	text-indent:-9999px;
	width:149px;
	height:48px; 
	background:url(img/contents/company/img-company_logo.jpg) 0 0 no-repeat;
}

/*-- セクション説明 ------------------------------*/
#message p,
#future p {
	text-align: center;
	font-size:20px;
	line-height:200%;
	margin-bottom:50px;
	letter-spacing:2px;
}

/*-- 未来、三位一体 ------------------------------*/
.list-3p {
	position:relative;
	margin:0 auto;
	width:830px;
}
.list-3p:after {
	position: absolute;
	content:'';
	top:0;
	right:0;
	bottom:0;
	left:0;
	width:455px;
	height:455px;
	margin:auto auto auto auto;
	background:url(img/contents/company/bg-3peaks.png) 0 0 no-repeat;
	z-index:-1;
}
.list-3p div {
	position: relative;
	padding:0 0 0 106px;
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
}
.list-3p div:before {
	position:absolute;
	content:'';
	top:-15px;
	left:0;
	width:107px;
	height:107px;
	border-radius:50%;
}
.list-3p div.p1:before { background:#3D409A; }
.list-3p div.p2:before { background:#1A9432; }
.list-3p div.p3:before { background:#FF4D01; }
.list-3p div:after {
	position:absolute;
	content:'';
	top:-15px;
	left:0;
	width:107px;
	height:107px;
	background: url(img/contents/company/ic_3p.png) 50% 50% no-repeat;
	border-radius:50%;
}

.list-3p div dt {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
			align-items: center;
	padding:0 30px 20px 30px;
	margin-bottom:20px;
	line-height:100%;
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
}
.list-3p div dt span {
	font-family: 'Noto Serif JP', serif;
	font-size:40px;
	font-weight:700;
	margin-right:20px;
}
.list-3p div.p1 dt {
	color:#3D409A;
	border-bottom:1px solid #3D409A;
}
.list-3p div.p2 dt {
	color:#1A9432;
	border-bottom:1px solid #1A9432;
}
.list-3p div.p3 dt {
	color:#FF4D01;
	border-bottom:1px solid #FF4D01;
}

.list-3p div dd {
	padding:0 30px;
	margin-bottom:50px;
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
}
.list-3p div dd strong {
	font-family: 'Noto Serif JP', serif;
	font-size:25px;
	font-weight:700;
	display: block;
	margin-bottom:20px;
}

/*-- 会社情報 ------------------------------*/
.list-info {
	position: relative;
	margin-bottom:100px;
}
.list-info div {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
			justify-content: space-between;
	border-bottom:1px solid #000;
	padding:20px 0;
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
}
.list-info div dt {
	width:30%;
}
.list-info div dd {
	width:70%;
}

/*-- googlemap ------------------------------*/
#gmap {
	position: relative;
	height:500px;
}
#gmap iframe {
	width:100%;
	height:100%;
}

/*-----------------------------------------------------------------------------------------
	お知らせページ
-----------------------------------------------------------------------------------------*/

/*-- タイトル背景 ------------------------------*/
.t_news {
	background:url(img/contents/news/bg_news.jpg) 50% 0 no-repeat;
}

/*-- お知らせ一覧 ------------------------------*/
.list-news {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap:wrap;
			flex-wrap:wrap;
}
.list-news li {
	position: relative;
	width:31%;
	margin:0 3% 10% 0;
	-webkit-transition:0.20s;
	        transition:0.20s;
}
.list-news li:nth-child(3n){
	margin-right:0;
}
.list-news li div.img-news {
	position: relative;
	overflow: hidden;
	padding-top:72%;
	max-height:220px;
	margin-bottom:20px;
}
.list-news li div.img-news img {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height: auto;
	-webkit-transition:0.30s;
	        transition:0.30s;
}
.list-news li:hover div.img-news img {
	-webkit-transform: scale(1.10);
			transform: scale(1.10);
}
.list-news li p.entry-date {
	margin-bottom:10px;
}
.list-news li p.category {
	font-family: 'Noto Serif JP', serif;
	display: inline-block;
	background:#FF4D01;
	line-height:30px;
	border-radius: 30px;
	text-align: center;
	color:#fff;
	padding:0 15px;
	font-size:16px;
	font-weight:700;
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
}
.list-news li p.ttl-news {
	font-size:22px;
	font-weight:700;
}
.list-news li a {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	text-indent:-9999px;
	background/*\**/: #fff\9;
	filter:alpha(opacity=0);
}

/*-- 詳細 ------------------------------*/
#news-header {
	position: relative;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items:center;
			align-items:center;
	-webkit-justify-content: space-between;
			justify-content: space-between;
	width:100%;
	min-width: 100%;
	background:none;
	padding:0 10px 30px 10px;
	margin-bottom:50px;
	border-bottom:1px solid #000;
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
	z-index:1;
}
#news-header div {
	display: block;
	width:110px;
	text-align: center;
}
#news-header h1 {
	line-height: 140%;
	width:83%;
	font-size:24px;
	margin:0;
}
#news-header div span {
	width:100%;
	display: block !important;
}
#news-header .entry-date {
	margin-bottom:5px;
}
#news-header .category {
	font-family: 'Noto Serif JP', serif;
	display: inline-block;
	background:#FF4D01;
	line-height:30px;
	border-radius: 30px;
	text-align: center;
	color:#fff;
	padding:0 15px;
	font-size:16px;
	font-weight:700;
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
}

/*-- contentエリア ------------------------------*/
#entry-content p {
	margin-bottom:60px;
}
#entry-content img {
	display: block;
	max-width:100%;
	height:auto;
	margin-bottom: 60px;
}

/*-- ページング ------------------------------*/
.pagination {
	position:relative;
	overflow:hidden;
	width:100%;
	display: inline-block;
	text-align: center;
	margin-bottom:150px;
	z-index: 10;
}
.pagination span,
.pagination a {
	position: relative;
	display:inline-block;
	margin:0 10px;
	width:50px;
	height:50px;
	font-weight:700;
	line-height:50px;
	border-radius:50%;
	text-align:center;
	color:#FFF !important;
	background:#FFA781;
	-webkit-transition:0.20s;
	        transition:0.20s;
}
.pagination a:hover,
.pagination .current {
	background:#FF4D01;
}

.pagination a.prev,
.pagination a.next {
	background:#7e7e7e;
}
.pagination a.prev:before,
.pagination a.next:before {
	position: absolute;
	content:'';
	top:50%;
	width:14px;
	height:14px;
	margin-top:-7px;
	border-top:2px solid #fff;
	border-right:2px solid #fff;
}
.pagination a.prev:before {
	left:20px;
	-webkit-transform:rotate(-135deg);
			transform:rotate(-135deg);
}
.pagination a.next:before {
	left:15px;
	-webkit-transform:rotate(45deg);
			transform:rotate(45deg);
}

/*-----------------------------------------------------------------------------------------
	お問い合わせページ
-----------------------------------------------------------------------------------------*/

/*-- タイトル背景 ------------------------------*/
.t_contactus {
	background:url(img/contents/contactus/bg_contactus.jpg) 50% 0 no-repeat;
}

.txt-faq {
	font-size:25px;
	text-align:center;
}
.more-faq {
	position: relative;
	width:310px;
	margin:30px auto 50px auto;
}
.more-faq a {
	display: block;
	text-align: center;
	background:#707070;
	color:#fff;
	line-height:70px;
}
.more-faq a:hover {
	background:rgba(255,77,1,1.0);
}

/*-- お問い合わせフォーム ------------------------------*/
.txt-contactus {
	font-size:20px;
	line-height:180%;
	margin-bottom:100px;
}
.inquiryForm {
	position: relative;
	margin:0 auto;
	width:1000px;
}
.inquiryForm div {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items:center;
			align-items:center;
	-webkit-justify-content: space-between;
			justify-content: space-between;
	border-bottom:1px solid #000;
}
.inquiryForm div dt {
	padding:15px 0;
	width:20%;
}
.inquiryForm div dd {
	padding:15px 0;
	width:75%;
}
.inquiryForm div dt,
.inquiryForm div dd {
	position:relative;
	font-size:15px;
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
}
.inquiryForm div dd p {
	margin:0 0 20px 0;
}

/*-- text --*/
.inquiryForm div dd input[type="text"],
.inquiryForm div dd input[type="email"] {
	width:100%;
	height: 50px;
	line-height: 50px;
	padding:0 10px;
	display: inline-block;
	background:#fff;
	font-size: 16px;
	border:1px solid #000;
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
}
.inquiryForm div dd.zip input[type="text"] {
	width:40%;
	padding:0 10px;
	display: inline-block;
}

/*-- textarea --*/
.inquiryForm div dd textarea {
	display: block;
	width:100%;
	min-height: 200px;
	padding:10px;
	border:1px solid #000;
	font-size: 16px;
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
}

/*-- radio --*/
.inquiryForm label {
	margin-right:50px;
	display:inline-block;
}
.inquiryForm label:hover {
	cursor:pointer;
}

.inquiryForm div dd input[type="date"] {
	line-height: 40px;
	width:40%;
	padding:0 10px;
	display: inline-block;
	background:#fff;
	font-size: 16px;
	border:1px solid #000;
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
}


.inquiryForm div dd input[type="radio"] {
    position: relative;
    right: 0;
    bottom: 0;
    left: 0;
    height: 20px;
    width: 20px;
    vertical-align: -100%;
    transition:all .15s ease-out 0s;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    margin: 11px 10px 12px 0;
    outline: none;
    border-radius: 10%;
	-webkit-appearance: none;
    		appearance: none;
}
.inquiryForm div dd input[type="radio"] {
    border-radius: 50%;
}
.inquiryForm div dd input[type="radio"]:checked:before {
    transform: scale(1);
}
.inquiryForm div dd input[type="radio"]:before {
    content: '';
	margin:-2px 0 0 -2px;
    width: 20px;
    height: 20px;
	display: block;
    border-radius: 50%;
    transform: scale(0);
    -webkit-transition: 0.2s;
			transition: 0.2s;
}
.inquiryForm div dd input[type="radio"] {
    border: 2px solid #FF4D01;
}
.inquiryForm div dd input[type="radio"]:checked:before {
    background: #FF4D01;
}

/*-- 必須 --*/
.h:after {
	position: absolute;
	top:50%;
	right:0;
	content:'必須';
	text-align: center;
	color:#fff;
	width:60px;
	background:#FF4D01;
	line-height:32px;
	border-radius: 5px;
	font-size:16px;
	margin-top:-16px;
}
.error {
	display: block;
	margin:10px 0 0 0;
	color:#ff0000;
}
.ttl-sendmail {
	font-size:24px;
	letter-spacing: 3px;
	color:#FF4D01;
	margin:40px auto;
	text-align: center;
}
.send-box {
	position: relative;
	clear:both;
	overflow: hidden;
	margin:40px 0;
	border-radius: 5px;
	width:100%;
	padding:20px 0;
	text-align:center;
}
.send-box input[type="submit"] {
	border:none;
	background:#FF4D01;
	color:#fff;
	width:310px;
	height:70px;
	display: block;
	margin: 0 auto 30px auto;
	line-height:70px;
	border-radius:70px;
	font-size: 20px;
	-webkit-transition:0.3s;
			transition:0.3s;
}
.send-box input[type="submit"]:hover {
	background:rgba(255,77,1,0.70);
	cursor: pointer;
}
.send-box p {
	margin:0;
}

.bx-captcha p {
	margin-bottom:10px !important;
}
.bx-captcha img {
	position: relative;
	padding:10px;
	display: block;
	width:100px;
	height:auto;
	border:1px solid #000;
	border-radius: 5px;
	margin-bottom:10px;
}

/*-----------------------------------------------------------------------------------------
	代理店ページ
-----------------------------------------------------------------------------------------*/

#agency {
	margin-bottom:100px;
}

/*-- タイトル背景 ------------------------------*/
.t_agency {
	background:url(img/contents/agency/bg_agency.jpg) 50% 0 no-repeat;
}
.mttl-agency {
	font-size:20px;
	font-weight:700;
	margin-bottom:20px;
}

/*-- 代理店一覧 ------------------------------*/
.tableAgency {
	margin-bottom:80px;
}
.tableAgency th,
.tableAgency td {
	padding:10px;
	font-size:18px;
	vertical-align: middle;
	text-align: left;
	border-bottom:1px solid #707070;
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
}
.tableAgency th {
	font-weight:700;
}
.tableAgency td a {
	text-decoration: underline;
	color:#3D409A;
}
.tableAgency th:first-child,
.tableAgency td:first-child {
	width:33%;
}
.tableAgency th:nth-child(2n),
.tableAgency td:nth-child(2n) {
	width:47%;
}
.tableAgency th:last-child,
.tableAgency td:last-child {
	width:20%;
}

.tableAgency-overseas {
	margin-bottom:20px;
}
.tableAgency-overseas td {
	padding:10px;
	font-size:18px;
	vertical-align: middle;
	text-align: left;
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
}
.tableAgency-overseas tr td {
	border-bottom:1px solid #707070;
}
.tableAgency-overseas tr:first-child td {
	border-top:1px solid #707070;
}
.tableAgency-overseas td a {
	text-decoration: underline;
	color:#3D409A;
}
.tableAgency-overseas caption {
	display: block;
	font-size:20px;
	font-weight:700;
	padding:10px;
	text-align:left;
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
}
.tableAgency-overseas th:first-child,
.tableAgency-overseas td:first-child {
	width:33%;
}
.tableAgency-overseas th:nth-child(2n),
.tableAgency-overseas td:nth-child(2n) {
	width:47%;
}
.tableAgency-overseas th:last-child,
.tableAgency-overseas td:last-child {
	width:20%;
}

/*-----------------------------------------------------------------------------------------
	カテゴリ―ページ
-----------------------------------------------------------------------------------------*/

/*-- 製品特徴 ------------------------------*/
.list-Features {
	margin:0 auto 100px auto;
	width:1000px;
}
.list-Features div {
	margin-bottom:40px;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
			align-items: center;
}
.list-Features div dt,
.list-Features div dd {
	padding:0 15px;
	-weblit-box-sizing: border-box;
			box-sizing: border-box;
}
.list-Features div dt {
	width:40%;
	font-family: 'Noto Serif JP', serif;
	font-size:30px;
	font-weight:700;
	color:#26238C;
}
.list-Features div dd {
	width:60%;
	border-left:1px solid #26238C;
}

/*-- 検索窓 ------------------------------*/
.bx-search {
	position: relative;
	margin:0 auto 100px auto;
	width:630px;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
			justify-content: space-between;
	z-index:5;
}
.bx-search input {
	height: 70px;
	line-height:70px;
	padding:0 20px;
	font-size:16px;
	-webkit-box-sizing:border-box;
			box-sizing:border-box;
}
.bx-search input[type="text"] {
	border-radius: 70px 0 0 70px;
	width:70%;
	border:2px solid #26238C;
}
.bx-search input[type="submit"] {
	border-radius: 0 70px 70px 0;
	width:28%;
	text-align: center;
	background:#26238C;
	border:0;
	color:#fff;
	font-size:20px;
}

/*-- 絞り込む ------------------------------*/
.list-squeeze {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
			justify-content: center;
	margin:0 auto 100px auto;
	width:1000px;
}
.list-squeeze li {
	position: relative;
	text-align: center;
	width:25%;
	padding:0;
	font-size:14px;
	margin:0 1% 0 0;
}
.list-squeeze li:after {
	position: absolute;
	content:'';
	top:50%;
	right:7%;
	width:10px;
	height:10px;
	margin-top:-5px;
	border-top:1px solid #707070;
	border-right:1px solid #707070;
	-webkit-transition:0.30s;
			transition:0.30s;
	-webkit-transform: rotate(45deg);
			transform: rotate(45deg);
}
.list-squeeze li:hover:after {
	margin-top:-8px;
	-webkit-transform: rotate(135deg);
			transform: rotate(135deg);
}
.list-squeeze li span {
	display: inline-block;
	text-align: center;
	width:100%;
	line-height:55px;
	border:1px solid #707070;
	background:#efefef;
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
}
.list-squeeze li span:hover {
	cursor: pointer;
}
.list-squeeze li span:hover ul {
	display: block !important;
}
.list-squeeze li.search_reset a {
	display: inline-block;
	text-align: center;
	width:100%;
	line-height:55px;
	border:1px solid #555;
	color:#fff;
	background:#555;
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
}
.list-squeeze li.search_reset:after {
	display: none;
}
.list-squeeze li.search_reset:hover a {
	background:#fff;
	color:#333;
}

/*-- チェックボックス ------------------------------*/
/*---------- 子要素 ----------*/
.list-squeeze li ul {
	position: absolute;
	top: 100%;
	left: 0;
	margin: 2px 0 0 0;
	padding: 3%;
	background:#555;
	border-radius:0 0 5px 5px;
	width:100%;
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
	z-index:10;
}
.list-squeeze li ul li:after {
	display:none;
}
.list-squeeze li ul {
	opacity: 0;
	top: 110%;
	visibility: hidden;
	-webkit-transition: all 0.2s linear;
	        transition: all 0.2s linear;
}
.list-squeeze li:hover ul {
	top: 95%;
	visibility: visible;
	opacity: 1;
}
.list-squeeze li ul li {
	width:100%;
	font-size:14px;
	color:#fff;
	border:0;
	border-bottom:1px solid #707070;
	text-align: left !important;
}
.list-squeeze li ul li:last-child {
	border-bottom:0;
}
.list-squeeze li ul li:hover,
.list-squeeze li ul li label {
		cursor:pointer;
}
.list-squeeze li ul li label {
	display:block;
}
.miss {
	text-align: center;
	margin:200px auto;
}

/*-----------------------------------------------------------------------------------------
	SP
-----------------------------------------------------------------------------------------*/

@media only screen and (max-width:680px) {
	a {}
	a:focus {}
	a:active {}
	a:hover {}
	a:visit {}
	a {
		-webkit-transition:0s;
				transition:0s;
	}
	a:hover img {
		opacity:1;
	}
	address {}
	b,strong {}
	em,i,b {}
	p {	margin-bottom: 4%;}
	ul,ol {}
	img {}
	table {}
	input[type="text"], 
	input[type="button"], 
	input[type="submit"], 
	textarea {}

	/*---------------------------------------- スクロール固定 ----------*/
	.fixed {
		position: fixed !important;
		top:30px !important;
		left: 0;
		z-index: 2;
	}
	.sidefixed {
		position: fixed !important;
		left:50%;
		margin-left:320px;
		width:320px !important;
		top:100px !important;
	}
	@media only screen and (max-width:1300px) {
		.sidefixed {
			left:auto;
			right:0;
			width:25% !important;
			margin-left:0;
		}
	}

	/*-----------------------------------------------------------------------------------------
		body
	-----------------------------------------------------------------------------------------*/
	body {
		font-size:16px;
		line-height:180%;
		min-width: 100%;
	}
	html, body {}
	main {}

	/*-----------------------------------------------------------------------------------------
		header
	-----------------------------------------------------------------------------------------*/
	header {
		min-width: 100%;
		height:55px;
	}
	header div {
		display:block;
	}

	/*------------------------------ ロゴ ----------*/
	header h1 {
		margin:10px 0 0 10px !important;
		-webkit-transition:0s;
				transition:0s;
	}
	
	/*------------------------------ グローバルナビ・メニューボタン ----------*/
	#panel-btn {
		display: inline-block;
		position: fixed;
		top:6px;
		right:15px;
		width:35px;
		max-width:35px;
		min-width:35px;
		height:25px;
		margin-top:0;
		z-index:7000;
        background: none;
        appearance: none;
        padding: 0;
        margin: 0;
        border-radius: 0;
        border: none;
	}
	#panel-btn:after {
		position: absolute;
		content: 'MENU';
		left:0;
		right: 0;
		bottom:-24px;
		width: 100%;
		margin: 0 auto;
		color:#fff;
		font-size: 10px;
		font-weight: 700;
		letter-spacing: .1em;
		white-space: nowrap;
		text-align: center;
	}
	#panel-btn-icon {
		display: block;
		position: absolute;
		top: 50%;
		left: 0;
		width: 35px;
		height: 1px;
		background: #fff;
		border-radius:50px;
		-webkit-transition: 0.2s;
				transition: 0.2s;
	}
	#panel-btn-icon:before,
	#panel-btn-icon:after {
		position: absolute;
		content: "";
		top: 50%;
		left: 0;
		display: block;
		width: 35px;
		height: 1px;
		background: #fff;
		-webkit-transition: 0.3s;
				transition: 0.3s;
	}
	#panel-btn-icon:before {
		margin-top: -7px;
	}
	#panel-btn-icon:after {
		margin-top: 7px;
	}
	#panel-btn[aria-expanded="true"] #panel-btn-icon {
		background: transparent;
	}
	#panel-btn[aria-expanded="true"] #panel-btn-icon:before,
	#panel-btn[aria-expanded="true"] #panel-btn-icon:after {
		margin-top: 0;
		background: #fff;
	}
	#panel-btn[aria-expanded="true"] #panel-btn-icon:before{
	  -webkit-transform: rotate(-45deg);
			  transform: rotate(-45deg);
	}
	#panel-btn[aria-expanded="true"] #panel-btn-icon:after{
	  -webkit-transform: rotate(-135deg);
			  transform: rotate(-135deg);
	}
	/*------------------------------ グローバルナビ ----------*/
	#gnav,
	#gnav ul {}
	#gnav {
		position: fixed;
		top:0;
		left:0;
        display: block;
		width:100%;
		height:100%;
		background:rgba(38,35,140,0.90);
		z-index:5000;
		visibility: hidden;
        opacity: 0;
        transition: .4s;
	}

    #gnav[aria-hidden="false"]{
		visibility: visible;
        opacity: 1;
    }

	#gnav ul {
		position: relative;
		overflow-x:hidden;
		margin:15% 5% 0 5%;
		height:80%;
		padding: 0 0 2% 0;
		display:block;
	}
	#gnav ul li {
		text-align: left;
		border-bottom:1px solid rgba(255,255,255,0.20);
	}
	#gnav ul li a,
	#gnav ul li span {
		display: block;
		padding:5% 0;
		font-size: 14px;
		line-height:100%;
	}
	#gnav ul li a:after,
	#gnav ul li span:after{
		position: absolute;
		content:'';
		top:20px;
		right:0;
		width:10px;
		height:10px;
		border-top:1px solid #fff;
		border-right:1px solid #fff;
		-webkit-transform: rotate(45deg);
				transform: rotate(45deg);
	}
	#gnav ul li:hover:before {
		display: none;
	}
	.open:after {
		-webkit-transform:rotate(135deg) !important;
				transform:rotate(135deg) !important;
	}

	/*-- サブメニュー ------------------------------*/
	#gnav ul li ul {
		position:relative;
		overflow:hidden;
		display: none;
		top:auto;
		left:auto;
		max-width:100%;
		min-width:100%;
		border:0;
		margin:0;
		padding:0 !important;
	}

    #gnav ul li span.open + ul{
        display: block;
    }

	#gnav ul li ul li {
		position:relative;
		height:50px;
		font-size:14px;
		width: 50% !important;
		background:none;
		border:0;
		float: left;
		-webkit-transition: 0.3s;
				transition: 0.3s;
	}
	#gnav ul li ul li:after {
		position: absolute;
		content:'';
		top:12px;
		right: auto;
		left: 10px;
		width:6px;
		height:6px;
		border-top:2px solid #fff;
		border-right:2px solid #fff;
		-webkit-transform: rotate(45deg);
				transform: rotate(45deg);
	}
	#gnav ul li ul li a {
		padding:5% 0 5% 20px;
		font-size: 14px;
		color:#fff;
		display: block;
		line-height:100% !important;
	}
	#gnav ul li ul li a:before {
		display: none;
	}

	#gnav ul li:hover ul li {
		overflow: visible;
		height: 50px;
		border-bottom:0;
		width: 50% !important;
	}
	#gnav ul li ul li:hover a {
		color:#fff;
	}

	/*------------------------------ SNSリンク ----------*/
	ul.list-sns {
		position: absolute !important;
		top:10px;
		right:60px;
		display: -webkit-flex !important;
		display: flex !important;
		margin:0 !important;
		overflow:hidden;
		height: 30px !important;
	}
	ul.list-sns li {
		overflow: hidden;
		width:30px;
		height:30px;
		border-radius:50%;
		margin:0 10px 0 0 !important;
		padding:0 !important;
		
	}
	ul.list-sns li:after {
		display: none;
	}
	ul.list-sns li img {}
	ul.list-sns li a {
		padding:0 !important;
	}
	ul.list-sns li.ic_fb {}
	ul.list-sns li.ic_tw {}
	ul.list-sns li:before {}

	/*-----------------------------------------------------------------------------------------
		footer
	-----------------------------------------------------------------------------------------*/

	footer {
		padding: 10% 0 5% 0;
		background-size:cover;
		font-size: 14px;
	}
	footer p.logo-f {
		margin:0 auto 4% auto;
		width:40%;
	}
	footer p.logo-f img {
		width:100%;
		height:auto;
	}
	footer dl {
		display:block;
		width:145px;
		text-align: center;
		margin:4% auto;
	}
	footer dl div {
		white-space: nowrap;
	}
	footer dl div:first-child {
		margin-right:4%;
	}
	footer dl div dt {}
	footer dl div dt:after {}
	footer p {}
	footer a {}
	footer a:hover {}
	footer small {
		font-size:10px;
		margin-top:4%;
	}
	footer .blk {
		display: block;
	}
	
	/*-- SNS ------------------------------*/
	.bx-sns {
		width:100%;
		min-width: 100%;
		margin:4% auto;
		text-align: center;
	}

	/*-- ページトップへ ------------------------------*/
	#pageUp {
		right:10px;
		bottom:10px;
		width:45px;
		height:45px;
	}
	#pageUp:after {
		width:14px;
		height:14px;
		margin:-4px 0 0 -9px;
	}
	#pageUp:hover {}

	/*-----------------------------------------------------------------------------------------
		トップページ
	-----------------------------------------------------------------------------------------*/

	#slideWrap {
		min-width:100%;
		height:350px;
		margin:55px auto 10% auto;
	}

	/*---------- 高さ固定中央配置 ----------*/
	ul.slide li {
		position:absolute;
		top:0;
		left:0;
		margin-left:0;
		width:100%;
		height:260px;
	}
	ul.slide li img.s_bg {
		max-width:800px;
		max-height:450px;
		margin-left:-250px;
		animation-name: animationZoom;
		animation-timing-function: linear;
		animation-duration: 0s;
	}
	ul.slide li:first-child img.s_bg {
		margin-left:-100px;
	}
	ul.slide li img.s_txt {
		position: absolute !important;
		top:35px !important;
		left:30px !important;
		width:40px !important;
		height: auto;
	}
	ul.slide li img.s_txt_blk {
		position: absolute !important;
		top:35px !important;
		left:30px !important;
		width:35px !important;
		height: auto;
	}
	
	
	/*-- 製品タイトル ------------------------------*/
	#tp_products {}
	#tp_products h1 {
		font-size:26px;
		padding-bottom:4%;
		margin-bottom: 4%;
		letter-spacing: 3px;
	}
	#tp_products h1:after {
		width:70px;
		margin-left:-35px;
		background-size:70px auto;
	}

	/*-- 製品一覧 ------------------------------*/
	ul.cate-products {
		margin:0 auto 10% auto;
		max-width:95%;
		min-width:95%;
	}
	ul.cate-products li {
		width:50%;
		padding:4% 2%;
		font-size:18px;
	}
	ul.cate-products li:hover {
		opacity:1;
		-webkit-transition:0s;
				transition:0s;
	}
	ul.cate-products li span {
		font-size:12px;
	}
	ul.cate-products li img {
		width:100%;
		height:auto;
		margin:0 auto 2% auto;
	}
	ul.cate-products li:before {}
	ul.cate-products li:nth-child(2n):before {	
		display: none !important;
	}
	ul.cate-products li:nth-child(3n):before {	
		display: block;
	}
	ul.cate-products li a {}

	/*-- チラシ・カタログ ------------------------------*/
	.list-bnr {
		display:block;
		margin:10% auto;
		max-width:90%;
		min-width:90%;
	}
	.list-bnr li {
		width: 100%;
		max-width:100%;
		margin: 0 0 4% 0;
	}
	.list-bnr li img {
		width:100%;
		height:auto;
	}

	/*-- コンテンツバナー ------------------------------*/
	.list-content {
		margin:0 auto 10% auto;
		max-width:90%;
		min-width:90%;
	}
	.list-content li {
		margin-bottom:4%;
		padding:10% 0 4% 0;
	}
	.list-content li img {
		width:40%;
		height:auto;
	}

	.list-content li:before {
		-webkit-transition: 0s;
				transition: 0s;
	}
	.list-content li:hover:before {}
	.list-content li.faq {
		background-size:cover;
	}
	.list-content li.maintenance {
		background-size:cover;
	}

	.list-content li a {}

	/*-- お知らせ ------------------------------*/
	#wrap-news {
		min-width:100%;
		margin-bottom:10%;
	}
	#wrap-news div {
		display:block;
		max-width:100%;
		min-width:100%;
		margin:0 auto;
		padding:0 4% 8%;
		font-size:14px;
	}
	#wrap-news div h1.ttl-news_tp {
		font-family: 'Noto Serif JP', serif;
		position: relative;
		overflow: hidden;
		text-indent:inherit;
		background:none;
		width:100%;
		height:auto;
		font-size:24px;
		font-weight:700;
		margin-bottom:4%;
		text-align:center;
	}
	#wrap-news div dl {
		width:100%;
	}
	#wrap-news div dl div {
		max-width:100%;
		min-width:100%;
		padding:4% 0;
	}
	#wrap-news div dl div dt {
		width:100%;
		margin-bottom: 2%;
	}
	#wrap-news div dl div dt span.ct {
		line-height:30px;
		width:100px;
		font-size:12px;
		border-radius: 30px;
	}
	#wrap-news div dl div dd {
		width:100%;
	}
	#wrap-news div dl div dd a:hover {}
	.new {
		margin-left:2%;
	}
	.more-news {
		margin: 0 auto 8%x auto;
		display: block;
		width:80%;
		font-size:16px;
		-webkit-transition: 0s;
				transition: 0s;
	}
	.more-news a {}

	/*-- 求人募集バナー
	.bnr-recruit {
		min-height:auto;
		margin:0 auto 10% auto;
		width:90%;
	}
	.bnr-recruit:before {
		width:44%;
		height:200px;
		background:url(img/contents/top/bg-recruit-img.png) 0 0 no-repeat;
		background-size:100% auto;
	}
	.bnr-recruit:hover:after {
		background:rgba(255,255,255,0);
	}
	.bnr-recruit p.ttl-recruit {
		font-size: 18px;
		padding-top:2%;
		margin:2% 0;
		line-height:150%;
	}
	.bnr-recruit p.ttl-recruit span {
		font-size: 14px;
	}
	.bnr-recruit p {
		margin:0 45% 4% 2%;
		font-size:12px;
		line-height:180%;
	}
	.bnr-recruit a {}
	.more-recruit_tp {
		display: block;
		line-height: 30px !important;
		border-radius: 30px !important;
		width:60%;
		max-width:140px;
		font-size:14px;
		-webkit-transition: 0s;
				transition: 0s;
	}
	 ------------------------------*/
	.bnr-recruit {
		padding-top:50%;
		background:url(img/contents/top/bnr-recruit_sp.jpg) 50% 50% no-repeat;
		background-size:cover;
		min-height:auto;
		margin:0 auto 10% auto;
		width:90%;
	}
	.bnr-recruit:hover:after {
		background:rgba(255,255,255,0);
	}
	.bnr-recruit a {}


	/*-----------------------------------------------------------------------------------------
		下層ページ共通
	-----------------------------------------------------------------------------------------*/

	article {}

	/*-- ページタイトル ------------------------------*/
	#ttl {
		height: auto;
		margin-bottom:10%;
	}
	#ttl:before {
		height: 100%;
		width:80%;
		max-width:100%;
		animation-duration: 1.5s;
	}
	#ttl h1 {
		width:90%;
		margin:0 auto;
		font-size:25px;
		letter-spacing: 1px;
		padding:30% 2% 10% 2%;
		animation-name: animationTtl;
	}
	#ttl h1 span {
		margin-top:3%;
		font-size:15px;
	}

	/*-- 下線タイトル ------------------------------*/
	h1.line {
		clear:both;
		overflow:hidden;
		line-height: 130%;
		font-size:26px;
		padding-bottom:4%;
		margin-bottom: 8%;
		letter-spacing: 3px;
	}
	h1.line:after {
		width:70px;
		margin-left:-35px;
		background-size:70px auto;
	}
	h1.line br {
		display: block;
	}

	/*-- コンテンツエリア ------------------------------*/
	#contents {
		width:95%;
	}

	/*-- コンテンツエリア（Newsページ用） ------------------------------*/
	#contents-news,
	#contents-maintenance {
		display:block;
		max-width:100%;
		min-width:100%;
		margin:0;
		padding:0;
	}
	#contents-news .content,
	#contents-maintenance .content{
		width:100%;
		margin-top:0 !important;
		padding-top:0 !important;
	}

	/*-----------------------------------------------------------------------------------------
		サイドバー
	-----------------------------------------------------------------------------------------*/

	#sidebar {
		width:100%;
		background:#f9f9f9;
		padding:4% 6% 10% 6%;
	}

	/*-- カテゴリ― ------------------------------*/
	#sidebar ul.s_ct {
		margin-bottom:15%;
	}
	#sidebar h3,
	#sidebar ul.s_ct li a {
		padding:3% 0;
	}
	#sidebar h3 {
		font-size:16px;
	}
	#sidebar ul.s_ct li a {
		font-size:16px !important;
	}
	#sidebar ul.s_ct li a:after {}
	#sidebar ul.s_ct li a:hover {}

	/*-- ランキング・最新情報 ------------------------------*/
	#sidebar .list-news-side li {
		padding:4% 2%;
		-webkit-transition:0s;
				transition:0s;
	}
	#sidebar .list-news-side li:hover {
		background:rgba(255,77,1,0);
	}
	#sidebar .list-news-side li p.entry-date {
		margin-bottom:2%;
	}
	#sidebar .list-news-side li p.category {
		line-height:25px;
		border-radius: 25px;
		padding:0 3%;
		font-size:12px;
		display: inline-block !important;
		position: absolute;
		top:15px;
		left:110px;
		width:80px;
	}
	#sidebar .list-news-side li p.ttl-news {
		font-size:15px;
		margin:0;
	}
	#sidebar .list-news-side li a {}

	/*-----------------------------------------------------------------------------------------
		商品一覧ページ
	-----------------------------------------------------------------------------------------*/

	/*-- タイトル背景 ------------------------------*/
	.t_products {
		background:url(img/contents/products/bg_products_sp.jpg) 50% 0 no-repeat;
		background-size:cover;
	}

	/*-- 商品カテゴリ―タイトル ------------------------------*/
	#products section h1 {
		display: -webkit-flex;
		display: flex;

		font-size:26px;
		padding-bottom:6%;
		margin-bottom:6%;
	}
	#products section h1 span.modelname {
		font-family:'Lucida Grande',
					'メイリオ',
					Meiryo,
					'Hiragino Kaku Gothic ProN',
					'ヒラギノ角ゴ ProN W3',
					sans-serif;
		border-left:1px solid #26238C;
		border-right:1px solid #26238C;
		color:#26238C;
		display: block;
		padding: 0 20px;
		margin-right:55px;
	}
	#products section h1 span.modelname_en {
		font-size: 16px;
		font-weight: 700;
		color:#707070;
		display: block;
		margin-left:auto;
		width:auto;
	}
	#products section h2 {
		font-size:22px;
		font-weight: 700;
		margin-bottom: 25px;
	}

	/*-- 商品一覧 ------------------------------*/
	.list-products {
		margin:0 auto 10% auto;
		width:90%;
	}
	.list-products li {
		width:46%;
		margin:0 8% 8% 0;
	}
	.list-products li:hover img {
		opacity:1;
		-webkit-transition:0s;
				transition:0s;
	}
	.list-products li div.p_img {
		margin-bottom:3%;
	}
	.list-products li div.p_img img {}
	.list-products li:nth-child(2n) {
		margin-right:0 !important
	}
	.list-products li:nth-child(3n) {
		margin-right:8%;
	}
	.list-products li p.p_name {
		font-size:18px;
		margin-bottom:2%;
	}
	.list-products li dl {}
	.p_bx {
		padding-right:10%;
	}
	.p_bx:after {
		right:5%;
		width:10px;
		height:10px;
		margin-top:-5px;
	}
	.list-products li dl div {
		font-size:12px;
	}
	.list-products li dl div dt:after {}
	.list-products li a {}

	/*-----------------------------------------------------------------------------------------
		商品詳細ページ
	-----------------------------------------------------------------------------------------*/

	#item {
		margin-top:20%;
	}

	/*-- 商品画像 ------------------------------*/
	.ttl-detail {
		position: relative;
		clear:both;
		overflow: hidden;
		font-size:20px;
		padding-bottom:5%;
		margin-bottom:15%;
	}
	.ttl-detail:after {}

	/*-- 商品画像 ------------------------------*/
	.bx-item {
		display:block;
		margin:0 auto 10% auto;
		width:95%;
	}
	.bx-item-img {
		width:100%;
		margin-bottom:10%;
	}
	.bx-item-img img {
		width:100%;
		height:auto;
	}
	.magnify {
		display:none;
	}
	.magnify img {}

	/*-- サムネイル画像 ------------------------------*/
	#thumbsWrap {
		width:80%;
		margin:4% auto 0 auto;
	}
	.slider-nav li img {
		width:75px;
		max-width:100%;
	}
	.slider-nav li img:hover {}

	/*-- pager ------------------------------*/
	#thumbsWrap .slick-prev,
	#thumbsWrap .slick-next {}
	#thumbsWrap .slick-prev {}
	#thumbsWrap .slick-next {}

	/*-- 商品情報 --*/
	.bx-item-details {
		width:100%;
		text-align:center;
		margin-bottom:15%;
	}
	/*-- 商品カテゴリ― --*/
	.prod_ct {
		font-size:20px;
	}
	/*-- 商品名 ------------------------------*/
	.prod-name {
		font-size:28px;
		margin-bottom:6%;
	}
	
	/*-- 商品スペック --*/
	.prod-spec {
		margin-bottom:8%;
		display: inline-block;
	}
	.prod-spec div {}
	.prod-spec dt:after {}
	.prod-spec dd {}
	
	/*-- 購入するボタン --*/
	.more-buy {
		max-width:70%;
		line-height:60px;
		border-radius: 60px;
		font-size:15px;
		margin:0 auto 5% auto;
	}
	.more-buy a {}
	.more-buy:hover {
		-webkit-transition:0s;
				transition:0s;
	}

	/*-- 商品詳細エリア ------------------------------*/
	.bx-notice {
		margin-bottom:12%;
	}
	.bx-notice strong {
		font-size:18px;
	}
	.bx-notice img {
		margin-bottom:10%;
	}

	/*-- 商品スペック ------------------------------*/
	.bx-spec {
		margin-bottom:12%;
		display: block;
	}
	.bx-spec dl {
		width:100%;
		margin-bottom:10%;
	}
	.bx-spec dl div {
		padding:3% 0;
	}
	.bx-spec dl div dt {
		width:25%;
	}
	.bx-spec dl div dd {
		width:65%;
	}
	.bx-spec img {
		width:70%;
		height: auto;
		margin:0 auto;
		display:block;
	}

	/*-- 商品スペック（Table） ------------------------------*/
	.txt-scroll {
		display: block;
		font-size: 14px;
		color:#ff0000;
		margin-bottom:4%;
	}
	.scroll {
		position: relative;
		padding:2%;
		width:100%;
		margin-bottom:10%;
		overflow-y: hidden;
		border:1px solid rgba(38,35,140,0.90);
		-webkit-box-sizing: border-box;
				box-sizing: border-box;
	}
	.bx-spec-table {
		margin-bottom:10%;
		width:100%;
	}
	.specTable {
		margin-bottom:10%;
		width:1000px;
	}
	.specTable th,
	.specTable td {
		padding:1% !important;
		font-size:14px !important;
		white-space: nowrap;
		line-height:130% !important;
	}
	.specTable th {}

	/*-- 切断イメージ画像 ------------------------------*/
	.bx-image {
		margin:0 auto 12% auto;
	}
	.bx-image img {
		width:100%;
		height: auto;
	}
	.bx-movie {
		position: relative;
		padding-top: 56.25%;
	}
	.bx-movie iframe {}
	.bx-movie video {}

	/*-- 消耗品 ------------------------------*/
	.bx-ex {
		margin:0 auto 12% auto;
		width:90%;
	}
	#wrap-ex {}
	#wrap-ex div {
		padding:0;
		margin:0 10% 10% 0;
		width:45%;
		display: block;
	}
	#wrap-ex div:nth-child(2n) {
		margin-right:0;
	}
	#wrap-ex div img {
		width:100%;
		height:auto;
		display: block;
		margin-bottom:8%;
	}
	#wrap-ex div div {
		display:block;
		width:100%;
		padding:0;
		margin:0;
		text-align: center;
	}
	#wrap-ex div div p.no-ex {
		font-size:14px;
		margin-bottom:2%;
	}
	#wrap-ex div div p.ttl-ex {
		margin-bottom:2%;
		font-size:14px;
	}
	#wrap-ex div div p.ttl-ex span {
		display: block;
		font-size:14px;
	}

	/*-- 購入するボタン --*/
	#wrap-ex a {
		width:80%;
		line-height:40px;
		border-radius: 40px;
		margin:4% auto 0 auto;
		font-size:12px;
	}
	#wrap-ex a {}
	#wrap-ex a:hover {
		-webkit-transition:0s;
				transition:0s;
	}
	
	/*-- 疑似商品 ------------------------------*/
	.bx-pseudo {
		margin:0 auto 10% auto;
		width:85%;
		max-width:85%;
	}

	/*-- pager ------------------------------*/
	.bx-pseudo .slick-prev,
	.bx-pseudo .slick-next {
		position: absolute;
		font-size: 0;
		line-height: 0;
		top: 30%;
		display: block;
		width:30px;
		height:30px;
		margin-top:-10px;
		padding: 0;
		border-radius:50%;
		-webkit-transform: translate(0, -50%);
				transform: translate(0, -50%);
		cursor: pointer;
		border:1px solid #b6b6b6;
		background: #7e7e7e;
	}
	.bx-pseudo .slick-prev {
		left:-50px;
	}
	.bx-pseudo .slick-next {
		right:-50px;
	}
	.bx-pseudo .slick-prev:before,
	.bx-pseudo .slick-next:before {
	position: absolute;
		content:'';
		top:50%;
		left:50%;
		width:10px;
		height:10px;
		border-top:2px solid #fff;
		border-right:2px solid #fff;
	}
	.bx-pseudo .slick-prev:before {
		margin:-5px 0 0 -5px;
		-webkit-transform: rotate(-135deg);
				transform: rotate(-135deg);
	}
	.bx-pseudo .slick-next:before {
		margin:-5px 0 0 -8px;
		-webkit-transform: rotate(45deg);
				transform: rotate(45deg);
	}

	.slide-carousel li {
		position: relative;
		margin:0 10px;
	}
	.slide-carousel li img {
		width:100%;
		height:auto;
	}
	.slide-carousel li p {
		font-size:22px;
		font-weight:700;
		margin:10px 0;
		color:#26238C;
	}
	.slide-carousel li dl {
		position: relative;
	}
	.slide-carousel li dl div {
		position: relative;
		display: -webkit-flex;
		display: flex;
		font-size:16px;
	}
	.slide-carousel li dl div dt:after {
		content:'：';
	}
	.slide-carousel li dl div dd {
		max-width:80%;
	}
	.slide-carousel li a {
		display: block;
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		text-indent:-9999px;
		background/*\**/: #fff\9;
		filter:alpha(opacity=0);
	}

	/*-- 種類から探す ------------------------------*/
	.bx-ct_type {
		margin-bottom:10%;
	}
	.list-ct_type {
		width:90%;
		max-width:90%;
	}
	.list-ct_type li {
		font-size:14px;
		width:30%;
		line-height:150%;
		text-align: left;
		margin:0 5% 5% 0;
	}
	.list-ct_type li:nth-child(3n){
		margin-right:0 !important;
	}
	.list-ct_type li:nth-child(6n){
		margin-right:5%;
	}
	.list-ct_type li img {}

	/*-- ポップアップ画像 ------------------------------*/
	#prd_view {
		min-width:auto; /*-- body width reset --*/
	}
	.image_view {
		margin:10px auto 40px auto;
		width:600px !important;
	}
	.image_view-img {
		position:relative;
	}
	.image_view-img img {
		width:100%;
		height:auto;
	}
	.win_close {
		border:0;
		height:40px;
		line-height:40px;
		text-align: center;
		display: block;
		margin:30px auto 10px auto;
		background:#efefef;
		width:100px;
	}
	.win_close:hover {
		cursor: pointer;
	}

	/*-----------------------------------------------------------------------------------------
		会社沿革ページ
	-----------------------------------------------------------------------------------------*/

	/*-- タイトル背景 ------------------------------*/
	.t_history {
		background:url(img/contents/history/bg_history_sp.jpg) 50% 0 no-repeat;
		background-size:cover;
	}

	/*-- 沿革一覧 ------------------------------*/
	.list-history {
		margin-bottom:10%;
	}
	.list-history div {}
	.list-history div dt,
	.list-history div dd {
		padding:4% 2%;
		font-size:15px;
	}
	.list-history div dt {
		width:30%;
		max-width:30%;
	}
	.list-history div dd {
		width:70%;
	}

	/*-----------------------------------------------------------------------------------------
		製品ができるまでページ
	-----------------------------------------------------------------------------------------*/

	/*-- タイトル背景 ------------------------------*/
	.t_production {
		background:url(img/contents/production/bg_production_sp.jpg) 50% 0 no-repeat;
		background-size:cover;
	}

	/*-- 製品ができるまで ------------------------------*/
	.txt-production {
		margin:0 auto 10% auto;
		width:90%;
		text-align:left;
	}

	/*-- 製品ができるまで流れ ------------------------------*/
	.list-production {
		margin:0 auto 20% auto;
		width:90%;
	}
	.list-production li {
		display: block;
		margin-bottom:10%;
	}
	.list-production li:nth-child(2n) {
		-webkit-flex-direction:row;
				flex-direction:row;
	}
	.list-production li img {
		width:100%;
		max-width:100%;
		height:auto;
	}
	.list-production li dl {
		position: relative;
		padding:8% 0 0 0;
		margin:0;
		width:100%;
		max-width:100%;
	}
	.list-production li dl:before {
		top:30px;
		left:50%;
		margin-left:-25px;
		font-size:50px;
	}
	.list-production li:nth-child(2n) dl {
		margin:0;
	}
	.list-production li dl dt {
		font-size:24px;
		margin-bottom:6%;
		text-align:center;
		padding: 50px 0 0 0;
	}

	/*-----------------------------------------------------------------------------------------
		リクルートページ
	-----------------------------------------------------------------------------------------*/

	/*-- タイトル背景 ------------------------------*/
	.t_recruit {
		background:url(img/contents/recruit/bg_recruit_sp.jpg) 50% 0 no-repeat;
		background-size:cover;
	}

	/*-- 見出し ------------------------------*/
	#recruit section h2 {
		margin: 10% 0 5% 0;
		font-size: 18px;
	}

	/*-- 沿革一覧 ------------------------------*/
	.detail-recruit {
		margin:0 0 10% 0;
	}
	.detail-recruit div {}
	.detail-recruit div dt,
	.detail-recruit div dd {
		padding:4% 2%;
		font-size:15px;
	}
	.detail-recruit div dt {
		width:30%;
		max-width:30%;
	}
	.detail-recruit div dd {
		width:70%;
	}
	.detail-recruit div dd ul li {}
	.url {
		margin:10% 0;
	}
	.url a {}

	/*-- エントリーボタン ------------------------------*/
	.more-recruit {
		margin:0 auto 20% auto;
		width:60%;
	}
	.more-recruit a {
		line-height:50px;
		border-radius:50px;
	}
	.more-recruit a:hover {}

	/*-----------------------------------------------------------------------------------------
		プライバシーポリシーページ
	-----------------------------------------------------------------------------------------*/

	/*-- タイトル背景 ------------------------------*/
	.t_privacy_policy {
		background:url(img/contents/privacypolicy/bg_privacypolicy_sp.jpg) 50% 0 no-repeat;
		background-size:cover;
	}

	#privacy_policy div {
		margin-bottom:12%;
	}
	#privacy_policy h2 {
		font-size:18px;
		padding-bottom:2%;
		margin-bottom:4%;
	}

	/*-----------------------------------------------------------------------------------------
		FAQページ
	-----------------------------------------------------------------------------------------*/

	/*-- タイトル背景 ------------------------------*/
	.t_faq {
		background:url(img/contents/faq/bg_faq_sp.jpg) 50% 0 no-repeat;
		background-size:cover;
	}
	.mttl-faq {
		font-size:16px;
		margin-bottom:8%;
	}

	/*-- FAQ一覧 --------------------------------------*/
	.list-faq {
		margin-bottom:10%;
	}
	.list-faq div {
		margin-bottom:4%;
	}
	.list-faq div dt {
		font-size:15px;
		padding: 20px 35px 15px 70px;
		background-position: 20px 15px;
		background-size:30px auto;
	}
	.list-faq div dt:before {
		top:28px;
	}
	.list-faq div dt:after {
		top:19px;
	}
	.list-faq div dt:hover {
		opacity: 1;
	}
	.list-faq div dd {
		padding: 20px 0 20px 50px;
		margin:0 4%;
		font-size:15px;
		background-position: 3px 15px !important;
		background-size:30px auto;
	}
	.list-faq div dd a {}

	/*---------- slidetoggle ----------*/
	.list-faq div.sel dt:after {}
	.sel {}

	/*-----------------------------------------------------------------------------------------
		メンテナンスページ
	-----------------------------------------------------------------------------------------*/


	/*-- タイトル背景 ------------------------------*/
	.t_maintenance {
		background:url(img/contents/maintenance/bg_maintenance_sp.jpg) 50% 0 no-repeat;
		background-size:cover;
	}

	/*-- wysiwyg ------------------------------*/
	#maintenance {
		margin-bottom:10%;
	}
	#maintenance section h1 {
		font-size:26px;
		padding-bottom:4%;
		margin-bottom: 10%;
		letter-spacing: 3px;
	}
	#maintenance section h1:after {
		width:70px;
		margin-left:-35px;
		background-size:70px auto;
	}
	#maintenance section p {
		line-height: 180%;
	}
	#maintenance section p strong {
		font-weight:bold;
		font-size:20px;
	}
	#maintenance section img {
		margin-bottom:10%;
	}

	/*-----------------------------------------------------------------------------------------
		パンフレット・各種証明証ページ
	-----------------------------------------------------------------------------------------*/

	/*-- タイトル背景 ------------------------------*/
	.t_pamphlet {
		background:url(img/contents/pamphlet/bg_pamphlet_sp.jpg) 50% 0 no-repeat;
		background-size:cover;
	}
	.t_certificate {
		background:url(img/contents/certificate/bg_certificate_sp.jpg) 50% 0 no-repeat;
		background-size:cover;
	}

	/*-- ファイル一覧 ------------------------------*/
	.list-files {
		margin-bottom:10%;
	}
	.list-files li {
		position: relative;
		width:46%;
		font-size:14px;
		line-height:150%;
		margin:0 8% 10% 0;
	}
	.list-files li:nth-child(2n){
		margin-right:0 !important;
	}
	.list-files li:nth-child(3n){
		margin-right:8%;
	}
	.list-files li img {
		width:100%;
		height:auto;
		max-height:auto;
		margin-bottom:4%;
	}
	.list-files li span {
		padding-left:30px;
		background-size:25px auto;
	}
	.list-files li .catalog_dl {
		line-height: 40px;
		border-radius:40px;
		margin:6% auto 0 auto;
		width:90%;
		font-size: 12px;
	}
	.list-files li .catalog_dl a {}
	.list-files li .catalog_dl:hover {
		-webkit-transition:0s;
				transition:0s;
	}

	/*-----------------------------------------------------------------------------------------
		会社情報ページ
	-----------------------------------------------------------------------------------------*/

	/*-- タイトル背景 ------------------------------*/
	.t_company {
		background:url(img/contents/company/bg_company_sp.jpg) 50% 0 no-repeat;
		background-size:cover;
	}

	#company section section {
		margin-bottom:10%;
	}

	/*-- セクション見出し ------------------------------*/
	#company h2 {
		font-size:21px;
		line-height:230%;
		margin:0 auto 8% auto;
		width:94%;
		letter-spacing:1px;
	}
	#company h2 span.logo-3p {
		top:10px;
		margin:0 1% 0 0;
		width:30%;
		height:auto; 
		background-size:95% auto;
	}
	#company h2 br {
		display: none;
	}

	/*-- セクション説明 ------------------------------*/
	#message p,
	#future p {
		text-align:left;
		font-size:15px;
		line-height:200%;
		margin:0 auto 8% auto;
		width:90%;
		letter-spacing:2px;
	}
	#message p br,
	#future p br {
		display: none;
	}
	#message p br.blk,
	#future p br.blk {
		display: block;
	}

	/*-- 未来、三位一体 ------------------------------*/
	.list-3p {
		width:90%;
		margin-bottom:20%;
	}
	.list-3p:after {
		top:20%;
		width:80%;
		height:auto;
		background-size:100% auto;
	}
	.list-3p div {
		padding:0 0 0 50px;
	}
	.list-3p div:before {
		top:5px;
		width:51px;
		height:51px;
	}
	.list-3p div.p1:before {}
	.list-3p div.p2:before {}
	.list-3p div.p3:before {}
	.list-3p div:after {
		top:5px;
		width:51px;
		height:51px;
		background-size:51px auto;
	}

	.list-3p div dt {
		padding:0 6% 4% 6%;
		margin-bottom:4%;
	}
	.list-3p div dt span {
		font-size:30px;
		margin-right:4%;
	}
	.list-3p div.p1 dt {}
	.list-3p div.p2 dt {}
	.list-3p div.p3 dt {}

	.list-3p div dd {
		padding:0 6%;
		margin-bottom:10%;
	}
	.list-3p div dd strong {
		font-size:24px;
		margin-bottom:4%;
	}

	/*-- 会社情報 ------------------------------*/
	.list-info {
		margin:0 auto 10% auto;
		width:90%;
	}
	.list-info div {
		padding:4% 0;
	}
	.list-info div dt {
		width:25%;
	}
	.list-info div dd {
		width:70%;
	}

	/*-- googlemap ------------------------------*/
	#gmap {}

	#gmap iframe {}

	/*-----------------------------------------------------------------------------------------
		お知らせページ
	-----------------------------------------------------------------------------------------*/

	/*-- タイトル背景 ------------------------------*/
	.t_news {
		background:url(img/contents/news/bg_news_sp.jpg) 50% 0 no-repeat;
		background-size:cover;
	}

	/*-- お知らせ一覧 ------------------------------*/
	.list-news {
		width:90%;
		margin:0 auto;
	}
	.list-news li {
		width:46%;
		margin:0 8% 10% 0;
		-webkit-transition:0s;
				transition:0s;
	}
	.list-news li:nth-child(2n){
		margin-right:0 !important;
	}
	.list-news li:nth-child(3n){
		margin-right:8%;
	}
	.list-news li div.img-news {
		padding-top:72%;
		max-height:220px;
		margin-bottom:20px;
	}
	.list-news li div.img-news img {
		-webkit-transition:0s;
				transition:0s;
	}
	.list-news li:hover div.img-news img {
		-webkit-transform: scale(1);
				transform: scale(1);
	}
	.list-news li p.entry-date {
		margin-bottom:2%;
	}
	.list-news li p.category {
		line-height:25px;
		border-radius: 25px;
		padding:0 5%;
		font-size:12px;
		width:80px;
	}
	.list-news li p.ttl-news {
		font-size:16px;
	}
	.list-news li a {}

	/*-- 詳細 ------------------------------*/
	#news-header {
		position: relative !important;
		display: block;
		width:90%;
		min-width: 90%;
		margin:0 auto 10% auto;
		background:none;
		padding:4% 0;
		height: auto !important;
	}
	#news-header div {
		display: block;
		width:110px;
		text-align: center;
	}
	#news-header h1 {
		line-height: 150%;
		width:100%;
		font-size:18px;
	}
	#news-header div span {
		width:100%;
		display: block !important;
	}
	#news-header .entry-date {
		margin-bottom:0;
	}
	#news-header .category {
		position: absolute;
		top:15px;
		left:120px;
		width:120px;
		padding:0 5%;
		font-size:12px;
	}

	/*-- contentエリア ------------------------------*/
	#entry-content {
		width:90%;
		margin:0 auto 10% auto;
	}
	#entry-content p {
		margin-bottom:12%;
	}
	#entry-content img {
		display: block;
		max-width:100%;
		height:auto;
		margin-bottom: 12%;
	}

	/*-- ページング ------------------------------*/
	.pagination {
		margin:0 0 15% 0;
	}
	.pagination span,
	.pagination a {
		margin:0 4px;
		font-size: 10px;
		width:30px;
		height:30px;
		line-height:30px;
		-webkit-transition:0s;
				transition:0s;
	}
	.pagination a:hover,
	.pagination .current {}

	.pagination a.prev:before,
	.pagination a.next:before {
		width:6px;
		height:6px;
		margin-top:-3px;
	}
	.pagination a.prev,
	.pagination a.next {
		display: none;
	}
	.pagination a.prev:before {
		left:8px;
	}
	.pagination a.next:before {
		right:8px;
	}

	/*-----------------------------------------------------------------------------------------
		お問い合わせページ
	-----------------------------------------------------------------------------------------*/

	/*-- タイトル背景 ------------------------------*/
	.t_contactus {
		background:url(img/contents/contactus/bg_contactus_sp.jpg) 50% 0 no-repeat;
		background-size:cover;
	}

	.txt-faq {
		font-size:18px;
		text-align:center;
	}
	.more-faq {
		position: relative;
		width:70%;
		margin:6% auto 10% auto;
	}
	.more-faq a {
		line-height:60px;
	}
	.more-faq a:hover {}

	/*-- お問い合わせフォーム ------------------------------*/
	.txt-contactus {
		font-size:18px;
		line-height:180%;
		margin:0 auto 10% auto;
		width:90%;
	}
	.inquiryForm {
		margin:0 auto;
		width:90%;
	}
	.inquiryForm div {
		display: block;
		border-bottom:1px solid #ccc;
	}
	.inquiryForm div dt {
		padding:4% 0 0 0;
		width:100%;
		font-size: 16px;
		font-weight:700;
	}
	.inquiryForm div dd {
		padding:4% 0;
		width:100%;
	}
	.inquiryForm div dt,
	.inquiryForm div dd {
		position:relative;
		clear: both;
		overflow: hidden;
		font-size:15px;
	}
	.inquiryForm div dd p {
		margin:0 0 4% 0;
	}

	/*-- text --*/
	.inquiryForm div dd input[type="text"],
	.inquiryForm div dd input[type="email"] {
		padding:0 2%;
	}
	.inquiryForm div dd.zip input[type="text"] {
		width:40%;
		padding:0 2%;
	}

	/*-- textarea --*/
	.inquiryForm div dd textarea {
		padding:2%;
	}

	/*-- radio --*/
	.inquiryForm label {
		margin:0 !important;
		width:auto !important;
		float:none !important;
		
	}
	.wpcf7-list-item {
		display: block !important;
	}
	.inquiryForm span {
		margin:0 !important;
		padding:0 !important;
	}
	.inquiryForm label:hover {}
	.inquiryForm div dd input[type="radio"] {}
	.inquiryForm div dd input[type="radio"] {}
	.inquiryForm div dd input[type="radio"]:checked:before {}
	.inquiryForm div dd input[type="radio"]:before {}
	.inquiryForm div dd input[type="radio"] {}
	.inquiryForm div dd input[type="radio"]:checked:before {}

	/*-- 必須 --*/
	.h {
		padding:4% 0 0 0 !important;
	}
	.h:after {
		position: absolute;
		top:30px;
		left:auto;
		font-size:12px;
		right:auto;
		margin-left:3%;
	}
	.error {
		margin:2% 0 0 0;
	}
	.bx-complete {
		margin: 0 auto 10% auto;
	}
	.ttl-sendmail {
		font-size:20px;
		margin:10% auto;
	}
	.send-box {
		margin:10% 0;
		width:100%;
		padding:4% 0;
	}
	.send-box input[type="submit"] {
		width:70%;
		height:60px;
		line-height:60px;
		border-radius:60px;
		font-size: 16px;
		margin-bottom:6%;
		-webkit-transition:0s;
				transition:0s;
	}
	.send-box input[type="submit"]:hover {
		background:rgba(255,77,1,1);
	}
	.send-box p {}
	.error-entry {
		margin-bottom: 12%;
	}
	.mw-wp-form_image {
		margin:1% auto !important ;
		max-width:90% !important;
		height:auto;
	}
	.mw-wp-form_image img {}

	/*-----------------------------------------------------------------------------------------
		代理店ページ
	-----------------------------------------------------------------------------------------*/

	#agency {
		margin-bottom:10%;
	}

	/*-- タイトル背景 ------------------------------*/
	.t_agency {
		background:url(img/contents/agency/bg_agency_sp.jpg) 50% 0 no-repeat;
		background-size:cover;
	}
	.mttl-agency {
		font-size:16px;
		margin-bottom:4%;
	}

	/*-- 代理店一覧 ------------------------------*/
	.tableAgency {
		margin-bottom:15%;
		width:100%;
	}
	.tableAgency th,
	.tableAgency td {
		padding:2%;
		font-size:16px;
		vertical-align: top;
	}
	.tableAgency th {
		display: none !important;
	}
	.tableAgency td a {}
	.tableAgency th:first-child,
	.tableAgency td:first-child {
		width:100%;
		border-top:1px solid #ccc;
		border-bottom:0;
		display:block;
		font-weight: 700;
	}
	.tableAgency th:nth-child(2n),
	.tableAgency td:nth-child(2n) {
		width:65%;
		padding:0 2% 2% 2%;
		border-bottom:0;
		display: inline-block;
	}
	.tableAgency th:last-child,
	.tableAgency td:last-child {
		width:35%;
		padding:0 2% 2% 2%;
		border-bottom:0;
		display: inline-block;
		text-align: right;
	}

	.tableAgency-overseas {
		margin-bottom:4%;
	}
	.tableAgency-overseas td {
		padding:2%;
		font-size:16px;
		display: block;
		vertical-align: top;
	}
	.tableAgency-overseas td a {}
	.tableAgency-overseas caption {
		font-size:16px;
		padding:2%;
	}
	.tableAgency-overseas th:first-child,
	.tableAgency-overseas td:first-child {
		width:100%;
		border-top:1px solid #ccc;
		border-bottom:0;
		display:block;
		font-weight: 700;
	}
	.tableAgency-overseas th:nth-child(2n),
	.tableAgency-overseas td:nth-child(2n) {
		width:55%;
		padding:0 2% 2% 2%;
		border-top:0;
		border-bottom:0;
		display: inline-block;
	}
	.tableAgency-overseas th:last-child,
	.tableAgency-overseas td:last-child {
		width:45%;
		padding:0 2% 2% 2%;
		border-top:0;
		border-bottom:0;
		display: inline-block;
		text-align: right;
	}

	/*-----------------------------------------------------------------------------------------
		カテゴリ―ページ
	-----------------------------------------------------------------------------------------*/

	/*-- 製品特徴 ------------------------------*/
	.list-Features {
		margin:0 auto 10% auto;
		width:90%;
	}
	.list-Features div {
		margin-bottom:7%;
		display: block;
	}
	.list-Features div dt,
	.list-Features div dd {
		padding:4% 0;
	}
	.list-Features div dt {
		position: relative;
		width:100%;
		font-size:20px;
		text-align: center;
		margin:0 auto 5% auto;
	}
	.list-Features div dt:after {
		position:absolute;
		content:'';
		left:50%;
		bottom:0;
		width:70px;
		margin-left:-35px;
		border-bottom:1px solid #26238C;
	}
	.list-Features div dd {
		width:100%;
		border-left:0;
		
	}

	/*-- 検索窓 ------------------------------*/
	.bx-search {
		margin:0 auto 10% auto;
		width:90%;
	}
	.bx-search input {
		height: 50px;
		line-height:50px;
		padding:0 2%;
	}
	.bx-search input[type="text"] {
		border-radius: 50px 0 0 50px;
		font-size:16px;
	}
	.bx-search input[type="submit"] {
		border-radius: 0 50px 50px 0;
		font-size:14px;
	}
	.bx-search input::placeholder {
		font-size:12px;
	}

	/*-- 絞り込む ------------------------------*/
	.list-squeeze {
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
				flex-wrap: wrap;
		-webkit-justify-content: center;
				justify-content: center;
		margin:0 auto 10% auto;
		width:90%;
	}
	.list-squeeze li {
		position: relative;
		text-align: center;
		width:48%;
		padding:0;
		font-size:14px;
		margin:0 4% 4% 0;
	}
	.list-squeeze li:nth-child(2n) {
		margin-right:0;
	}
	.list-squeeze li:after {}
	.list-squeeze li:hover:after {}
	.list-squeeze li span {
		display: inline-block;
		text-align: center;
		width:100%;
		line-height:55px;
		border:1px solid #707070;
		background:#efefef;
		-webkit-box-sizing: border-box;
				box-sizing: border-box;
	}
	.list-squeeze li span:hover {}
	.list-squeeze li span:hover ul {}

	/*-- チェックボックス ------------------------------*/
	/*---------- 子要素 ----------*/
	.list-squeeze li ul {}
	.list-squeeze li ul li:after {}
	.list-squeeze li ul {}
	.list-squeeze li:hover ul {}
	.list-squeeze li ul li {}
	.list-squeeze li ul li:last-child {}
	.list-squeeze li ul li:hover,
	.list-squeeze li ul li label {}
	.list-squeeze li ul li label {}
	.miss {
		margin:20% auto;
	}


}


/*-- トップページスライド ------------------------------*/
:root{
    --slide-height:700px;
    --header-height:90px;
}

@media only screen and (max-width: 1279px){
    :root{
        --slide-height:480px;
    }

}

@media only screen and (max-width: 767px){
    :root{
        --slide-height:200px;
        --header-height:55px;
    }
}

.p-home-kv{
    margin: 0 0 80px;
    padding: var(--header-height) 0 0;
}
.p-home-kv .splide__slide{
    position: relative;
    height:var(--slide-height);
    overflow: hidden;
}

.p-home-kv .splide__slide a{
    cursor: inherit;
}

.p-home-kv .splide__slide a[href]{
    cursor: pointer;
}

.p-home-kv .splide__slide img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .5s;
}

.p-home-kv .splide__slide a img{
    cursor: inherit;
    opacity: 1 !important;
}

.p-home-kv .splide__slide a[href]:hover img{
    transform: scale(1.05);
    opacity: .7 !important;
}

.p-home-kv .splide__pagination{
    position: static;
    margin: 20px 0 0;
}

.p-home-kv .splide__pagination li{
    margin: 0 7px;
}
.p-home-kv .splide__pagination button{
    width: 12px;
    height: 12px;
    margin: 0;
}
.p-home-kv .splide__pagination button.is-active{
    background: #333;
    transform: scale(1);
}

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

    .p-home-kv{
        margin: 0 0 50px;
    }

    .p-home-kv .splide__slide{
        height:unset;
        padding: 56.25% 0 0;
    }
}

.p-home-message{
	margin: 100px 0 0;
	padding: 60px 0;
	text-align: center;
	background-size: cover;
}

.p-home-message .line{
	color: #fff;
}

.p-home-message .lead{
	font-size: 28px;
	color: #fff;
	line-height: 1.6;
	font-weight: bold;
	font-family: 'Noto Serif JP', serif;
}

.p-home-message .text{
	margin: 30px 0 0;
	font-size: 20px;
	line-height: 2;
	color: #fff;
}

@media only screen and (max-width: 767px){
	.p-home-message{
		margin: 60px 0 0;
		padding: 60px 0;
	}

	.p-home-message .lead{
		font-size: 20px;
	}

	.p-home-message .text{
		margin: 20px 0 0;
		font-size: 14px;
	}
}


.p-home-links{
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: 400px 300px;
	margin: 100px 0 0;
}

.p-home-links a{
	display: grid;
	place-content: center;
	place-items: center;
	background-size: cover;
	background-position: center;
	color: #fff;
	font-family: 'Noto Serif JP', serif;
	transition: .2s;
}

.p-home-links a:hover{
	opacity: .9;
}

.p-home-links a#making{
	grid-area: 1/1/2/3;
}

.p-home-links .ja{
	font-size: 35px;
	letter-spacing: .1em;
}

.p-home-links .en{
	margin: 15px 0 0;
	font-size: 20px;
	letter-spacing: .1em;
}

.p-home-links .arrow{
	margin: 20px 0 0;
	opacity: 1 !important;
}

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

	.p-home-links{
		grid-template-columns: 1fr;
		grid-template-rows: repeat(3,200px);
		margin: 60px -15px 0;
	}

	.p-home-links a{

	}

	.p-home-links a#making{
		grid-area: unset;
	}

	.p-home-links .ja{
		font-size: 24px;
	}

	.p-home-links .en{
		margin: 15px 0 0;
		font-size: 14px;
	}

	.p-home-links .arrow{
		margin: 15px 0 0;
	}

}



.p-home-share{
	margin: 40px 0 20px;
	text-align: right;
}

@media only screen and (max-width: 767px){
	.p-home-share{
		margin: 15px 0;
	}
}

.p-home-banner img{
	overflow: hidden;
	border-radius: 15px;
	box-shadow: 0 0 4px hsla(0, 0%, 0%, 0.15);
}

/*-- 会社概要 ------------------------------*/
.p-company-president{
	text-align: left;
}

.p-company-president .container{
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 60px;
}

.p-company-president .image{
	flex: none;
}

.p-company-president .block{

}

.p-company-president .text{
	margin: 0 !important;
	font-size: 18px !important;
	text-align: left !important;
}

.p-company-president .text + .text{
	margin: 50px 0 0 !important;
}

.p-company-president .large{
	font-size: 1.5em;
}

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

	.p-company-president .logo-3p{
		vertical-align: bottom !important;
	}

	.p-company-president .container{
		display: grid;
		grid-template-columns: minmax(0,1fr);
		gap: 20px;
	}

	.p-company-president .image img{
		max-width: 100%;
		height: auto;
	}

	.p-company-president .text{
		width: 100% !important;
		font-size: 16px !important;
	}

	.p-company-president .text + .text{
		margin: 20px 0 0 !important;
	}

	.p-company-president .text br{
		display: unset !important;
	}
}



/*-- 会社概要 ------------------------------*/
.u-wrap-1200{
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 15px;
}

.u-wrap-1000{
	max-width: 1000px;
	margin: 0 auto;
	padding: 0 15px;
}