@charset "utf-8";
/* CSS Document */

/*---------

base set

----------------------------**/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, address, em, img, small, strong, sub, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, main, article, aside, figure, footer, header, menu, nav, section, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

sup{
	display: inline-block;
	margin-top: -.5em;
	vertical-align:super
}

body {line-height: 1;}

main, article, aside, figure, footer, header, nav, section {
	display: block;
	width: 100%;
}
ul, li {
	list-style: none;
}
html {
	font-size: 62.5%;
	overflow-x:hidden;
}

body, input, select {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

body {
	text-align: center;
	font-size: 100%;
	color: #333;
	line-height: 1.6;
	font-size: 10px;
	font-size: 1.0rem;
	background-color: #FFF;
}
input, select {
	vertical-align: middle;
}
table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}

a:link,
a:visited {
	color: #595757;
	text-decoration: none;
}
a:hover,
a:active {
	color: #595757;
	text-decoration: none;
}

/*---------

title / p

----------------------------**/

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}

.italic{
	font-style: italic;
}

.heading_area{
	padding: 50px 0 2em;
}

header .heading_area{
	padding: 50px 0 2em;
/*	padding: 4px 18px 0;*/
	box-sizing: border-box;
}

article h1 span{
	font-size: 40px;
	font-size: 4.0rem;
	font-weight: normal;
	position: relative;
}


#list #header_content_area header h1,
#faq #header_content_area header h1{
	font-size: 35px;
  font-size: 3.5rem;
	text-align: left;
}


h2 {
	font-size: 30px;
	font-size: 3.0rem;
}

#list .heading_area h2{
	color: #c82b2b;
	font-size: 40px;
	font-size: 4.0rem;

}

#list #main_content_area #fixstages > .heading_area,
#list #main_content_area #manualstages > .heading_area,
#list #main_content_area #motorizedstages > .heading_area,
#list section > .heading_area{
	width: 1024px;
	margin: 0 auto;
}


#index h3{
	font-size: 25px;
	font-size: 2.5rem;
	text-align: left;
	position: relative;
}

#index #manualstages h3 span,
#index #motorizedstages h3 span{
	background-color: #FFF;
	padding-right: 1.5em;
	display: inline-block;
	z-index: 2;
    position: relative;

}

#fixstages h3{
	font-size: 28px;
	font-size: 2.8rem;
	text-align: center;
}

#fixstages h3 {
	position: relative;
	display: inline-block;
	padding: 0 25%;
}
#fixstages h3:before,
#fixstages h3:after {
	content: '';
	position: absolute;
	top: 50%;
	display: inline-block;
	width: 34%;
	height: 1px;
	background-color:#c82b2b;
}
#fixstages h3:before {
	left:0;
}
#fixstages h3:after {
	right:0;
}


#index #manualstages h3:after,
#index #motorizedstages h3:after{
	content: "";
	width: 100%;
	height: 2px;
	background-color: #3e709c;
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	z-index: 1;
}

#list #manualstages h3,
#list #motorizedstages h3{
	font-size: 24px;
	font-size: 2.4rem;
	text-align: left;
	padding-left: 0.25em;
	border-left: 8px solid #c82b2b;
}

h4 {
	font-size: 20px;
	font-size: 2.0rem;
	text-align: left;
	border-bottom: 1px solid #888;
}

section .section_inner p{
	margin-bottom: 1em;
}

.lead_text{
	font-size: 20px;
	font-size: 2.0rem;
}

.sp_only{ display: none;}

@media screen and (max-width:834px){
	#list #main_content_area > .heading_area,
	#list #main_content_area #fixstages > .heading_area,
	#list #main_content_area #manualstages > .heading_area,
	#list #main_content_area #motorizedstages > .heading_area,
	#list section > .heading_area{
		width: 100%;
	}
}
@media screen and (max-width:680px){
	.pc_only{ display: none;}
	.sp_only{ display: block;}


	#index #manualstages h3:after,
	#index #motorizedstages h3:after{
		content: "";
		width: 100%;
		height: 2px;
		background-color: #3e709c;
		display: block;
		position: absolute;
		top: auto;
		bottom: -5px;
		left: 0;
		z-index: -1;
	}

	#fixstages h3:before, #fixstages h3:after{
		width: 24%;
	}

	#list #header_content_area header h1,
	#faq #header_content_area header h1{
		font-size: 28px;
		font-size: 2.8rem;
		text-align: center;
	}
}

@media screen and (max-width:320px){
	article h1 span{
		font-size: 31px;
		font-size: 3.1rem;
	}
}

/*---------

setting

----------------------------**/

#header_content_area header,
.header_innner_area > div,
main,
article,
section,
.section_inner,
footer,
.content_area,
.main_visual{
	font-size: 16px;
	font-size: 1.6rem;
	margin: 0 auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#header_content_area header,
.header_innner_area > div,
.main_visual,
nav,
.section_inner{
	width: 1024px;
	margin: 0 auto;
	position: relative;
}

@media screen and (max-width:834px) {
	#header_content_area header,
	.header_innner_area > div,
	.main_visual,
	nav,
	.section_inner{
		width: 100%;
	}
}


/*---------

button

----------------------------**/

.button_area{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
}

.product_list .button_area{
	display: block;
}


.button_area .request_button{
	margin-top: 60px;
}

.button_area > div{
	flex-basis: 32%;
	margin: 0 20px;
}

.button_area span a{
	font-size: 18px;
	font-size: 1.8rem;
	color: #FFF;
	padding: 0.25em 4.25em;
	margin-bottom: 1.75em;
	display: inline-block;
	background-color: rgba(197,25,25,1.00);
	border: 2px solid rgba(197,25,25,1.00);
	border-radius: 22.5px;
}

.button_area .fix_stages_button span a{
	padding: 1% 15% 1% 5%;
	border-radius: 35px;
	position: relative;
	font-size:16px;
}

.button_area .request_button span a{
	padding: 1% 10%;
	border-radius: 35px;
	position: relative;
}

@media screen and (min-width:769px) {

	.button_area .request_button span a,
	.button_area .fix_stages_button span a{
		height:60px;
	}
	.button_area.two .request_button a,
	.button_area .fix_stages_button span a{
			width:280px;
			}
	.button_area .request_button span a span{
		line-height: 60px;
		vertical-align: middle;
	}
	.button_area .fix_stages_button span a span{
		line-height: 30px;
		vertical-align: middle;
	}
}

.button_area .fix_stages_button span a:after{
	content: "";
	display: block;
	width: 90px;
	height: 96px;
	position: absolute;
	bottom: -2px;
	right: -30px;
	background: url(../../images/fix_stages/fixstage_leaflet.png) no-repeat;
	background-size: contain;

}

.button_area span a:link,
.button_area span a:visited{
	background-color: rgba(197,25,25,1.00);
	border: 2px solid rgba(197,25,25,1.00);
}

.button_area span a:hover{
	background-color: rgba(255,255,255,1.00);
	color: rgba(197,25,25,1.00);
	transition: 0.5s;
}

.button_area .request_button span a:link,
.button_area .request_button span a:visited{
	background-color: #FD7E00;
	border: 2px solid #FD7E00;
}

.button_area .request_button span a:hover{
	background-color: rgba(255,255,255,1.00);
	color: #FD7E00;
	transition: 0.5s;
}


.button_area .fix_stages_button span a small{
	display: block;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: normal;
}

footer .button_area span a,
.button_area.three-button span a{
	padding: 0.25em 0;
	width: 100%;
}

@media screen and (min-width: 1500px){
.button_area.two{
	width:80%;
	}
}
@media screen and (min-width: 1320px){
.button_area.two{
	width:90%;
	margin:auto;
	}
.button_area.two .button{
	margin:60px 0 0 0;
		}
}

@media screen and (min-width: 1100px){
.button_area.three-button,
footer .button_area{
	max-width:1200px;
	margin:auto;
	}

}

@media screen and (min-width: 768px){
footer .button_area span a,
.button_area.three-button span a{
	height:60px;
	}
footer .button_area span a span.singleT,
.button_area.three-button span a span.singleT{
	line-height:60px;
	vertical-align: middle;
	}
}

/*footer .button_area div:first-child span a:link,
footer .button_area div:first-child span a:visited,
.button_area.three-button div:first-child span a:link,
.button_area.three-button div:first-child span a:visited{
	background-color: #FD7E00;
	border: 2px solid #FD7E00;
}
footer .button_area div:first-child span a:hover,
.button_area.three-button div:first-child span a:hover{
	background-color: rgba(255,255,255,1.00);

}*/

footer .button_area div:first-child span a:link,
footer .button_area div:first-child span a:visited,
.button_area.three-button div:first-child span a:link,
.button_area.three-button div:first-child span a:visited{
	background-color: rgba(0,32,96,1.00);
	border: 2px solid rgba(0,32,96,1.00);
}
footer .button_area div:first-child span a:hover,
.button_area.three-button div:first-child span a:hover{
	background-color: rgba(255,255,255,1.00);
	color: rgba(0,32,96,1.00);
}

.button_area span a.green:link,
.button_area span a.green:visited{
	background-color: #008000!important;
	border: 2px solid #008000!important;
}

.button_area span a.green:hover{
	background-color: rgba(255,255,255,1.00)!important;
	color: #008000!important;
	transition: 0.5s!important;
}

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

	.button_area{flex-direction: column;}
	.button_area .request_button span a{
			margin: auto;
		  padding: 1em 6.25em;
		}
/*	.button_area .fix_stages_button,
	.button_area .request_button{
		flex-basis: 100%;
		flex-direction: column;
	}
	#index footer .button_area{
		flex-direction: column;
	}

	#index footer .button_area > div{
		flex-basis: 100%;
	}*/
}

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

	.button_area > div{
		margin: 0 5px;
	}


	.button_area .fix_stages_button span a{
	/*	padding: 1.8% 25% 1.8% 4%;
		border-radius: 35px;*/
		letter-spacing: -.4px;
/*		line-height: 1.2;*/
		font-size: 14px;
		font-size: 1.4rem;
	}
	.button_area .request_button span a
	{
		width:70%;
		padding: 1.8% 15%;
/*		border-radius: 35px;*/
		letter-spacing: -.4px;
		line-height: 1.2;
	}

	.button_area .fix_stages_button span a:after{
		width: 60px;
		height: 65px;
		right: 10px;
		bottom:-3px;
	}

	.button_area .fix_stages_button span a small{
		display: inline;
		font-size: 12px;
		font-size: 1.2rem;
	}

}
@media screen and (max-width:844px) {
	.button_area .fix_stages_button{
		margin-top:30px;
		line-height: 2.1;
	}
}

@media screen and (max-width:680px) {
	.button_area .fix_stages_button span a:after{
		width: 65px;
		height: 69px;
		right: 10px;
		bottom:-2px;
	}
}
@media screen and (max-width:520px) {
	.br520{
		display:block;
	}
	.button_area .fix_stages_button{
		line-height: 1.1;
	}
}
.br420{
	display:none;
}
@media screen and (max-width:420px) {
	.br420{
		display:block;
	}
	.button_area .fix_stages_button{
		line-height: 1.1;
	}
}

/*************/

.button-fix {
	position: fixed;
	bottom:80px;
	right: 20px;
	z-index: 5;
}
.button-fix a {
	font-size: 16px;
	font-weight: bold;
	background: #2f96b4;
	color: #fff;
	/*width:180px;*/
	width:130px;
	text-align: left;
	display: block;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	opacity: 0.8;
	background-repeat: no-repeat;
	background-position: 5% 50%;
	/*background-size: 13%;*/
	background-size: 16%;
	box-shadow: 1px 1px 4px 2px rgba(0,0,0,0.2);
}
.button-fix a:hover {
	opacity: 1;
	box-shadow: 1px 1px 4px 2px rgba(0,0,0,0.2);
}
.button-fix span {font-size: 12px;font-weight: normal;}
.download-fix,.quotation-fix,.contactus-fix,.faq-fix{margin-bottom: 10px;}
.quotation-fix a{ background-image: url("../images/qa.png"); padding: 15px 0 15px 50px;}
.download-fix a{ background-image: url("../images/pdf.png"); padding: 5px 0 5px 50px;line-height: 1.5;}
.contactus-fix a{ background-image: url("../images/contact.png"); padding: 15px 0 15px 50px;}
.faq-fix a{ background-image: url("../images/faq.png"); padding: 15px 0 15px 50px;}
.line-fix a{ background-image: url("../images/line.png"); padding: 15px 0 15px 50px;}

@media screen and (max-width:680px) {
	.button-fix {
		right: -20px;
	}
}


/*---------

header / main-visual-area /nav

----------------------------**/

#header_content_area{
	padding-bottom: 16px;
	background:linear-gradient(to top, rgba(0,0,0,0.15) 0%, rgba(255,255,255,0.5) 40%, rgba(255,255,255,0.0) 100%) ;
}

#list #header_content_area,
#faq #header_content_area{
	background: #888;
  color: #FFF;
  margin-bottom: 0;
}

.header_innner_area{
	position: relative;
	text-align: left;
	padding: 8px 0;
}

.header_innner_area > div{
	padding:0 10px;
	box-sizing: border-box;
}

.site_category{
	font-size: 30px;
	font-size: 3.0rem;
	line-height: 1.0;
	text-align: left;
	font-weight: bold;
	display: inline-block;
	padding: 4px 8px;
	box-sizing: border-box;
	border-bottom: 3px solid #C51917;
}

#site_logo{
	position: absolute;
	bottom:0px;
	right: 15px;
	z-index: 1;
}

#list #site_logo,
#faq #site_logo{
	right: 0;
	top: 50%;
}

#site_logo img{
	width: auto;
}

#main_visual_area{
	width: 100%;
	position: relative;
	padding-top: 16px;
}
.main_visual img{
	vertical-align: bottom
}

#Nav{
	margin-bottom: 50px;
	padding-top: 10px;
}

#Nav nav {
	padding-top: 20px;
}

#Nav .heading_area {
	padding: 2em 0 1em;
}

#Nav h1 span {
	font-size: 40px;
	font-size: 4.0rem;
	font-weight: normal;
	position: relative;
	padding: 0 .5em;
}

#Nav nav ul{
	display: flex;
	display: -webkit-flex;
	flex-flow: row nowrap;
    flex-flow: -webkit-row -webkit-nowrap;
	justify-content: space-between;
	-webkit-justify-content: space-between;
}
#Nav nav ul li{
	font-size: 16px;
	font-size: 1.6rem;
	text-align: left;
	width: 32%;
	position: relative;
}

#Nav nav ul li:after{
	content: "";
	width: 18px;
	height: 10px;
	position: absolute;
	top: 50%;
	right: 10px;
	margin-top: -5px;
	background: url(../images/arrow.png) no-repeat;
	display: block;
}

#Nav nav ul li span{
	display: table;
	width: 100%;
	height: 100%;
}

#Nav nav ul li span a{
	display: table-cell;
	vertical-align: middle;
	padding: 1em 2em 1em .75em;
	background-color: rgba(255,255,255,1.00);
	box-shadow: 1px 1px 4px 2px rgba(0,0,0,0.1);
	border-radius: 5px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}


#Nav nav ul li span a:hover{
	box-shadow: 1px 1px 4px 2px rgba(0,0,0,0.2);
	background: -moz-linear-gradient(top, rgba(00,00,00,.05) 10%, rgba(255,255,255,1.0) );
	background: -webkit-linear-gradient(top, rgba(00,00,00,.05) 10%, rgba(255,255,255,1.0) );
	background: linear-gradient(to bottom, rgba(00,00,00,.05) 10%, rgba(255,255,255,1.0) );
}

#Nav nav li img {
	max-height: 50px;
	width: auto;
	vertical-align: middle;
	margin-right: 1em;
}


/*--- Language selection button
-----------------------------------------**/

.langSelect_chuo{
	position: absolute;
	right: 10px;
	top: 0;
	z-index: 5;
}

#index .langSelect_chuo{
	bottom: -40px;
	right: 15px;
	top: auto;
}

.langSelect_chuo select{
	font-size: 16px;
	font-size: 1.6rem;
	padding: .15em .5em;
}



@media screen and (max-width:834px) {
	.main_visual,
	.main_visual img{
		width:100%;
		padding: 0;
	}

	#Nav nav ul{
		display: flex;
		display: -webkit-flex;
		flex-flow: row wrap;
	    flex-flow: -webkit-row -webkit-wrap;
		justify-content:space-around;
		-webkit-justify-content: space-around;
	}
	#Nav nav ul li{
		flex-basis: 30%;
		margin-bottom: 15px;
	}
}

@media screen and (max-width:680px) {
	#Nav nav ul li{
		flex-basis: 95%;
		margin-bottom: 15px;
	}

	#list #header_content_area header #site_logo,
	#faq #header_content_area header #site_logo {
	    position: relative;
    	text-align: center;
		bottom: auto;
		top: 30px;
	}
}

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

	#header_content_area{
		background:linear-gradient(to top, rgba(0,0,0,0.15) 0%, rgba(255,255,255,0.5) 60%, rgba(255,255,255,0.0) 100%) ;
	}

	#index #header_content_area{
		padding-bottom: 70px;
	}

/*
	#list #header_content_area,
	#faq #header_content_area{
		height: 35vh;
	}*/

	.header_innner_area{
		padding-bottom: 24px;
		text-align: center;
	}

	.site_category{
		font-size: 25px;
		font-size: 2.5rem;
		text-align: center;
		margin-bottom: 16px;
	}

	#site_logo{
		bottom:-25px;
	}

	#list #site_logo,
	#faq #site_logo{
		position: relative;
		top: auto;
		bottom: auto;
		left: auto;
		right: auto;
		margin-bottom: 8px;
	}

	.langSelect_chuo{
		position: relative;
		right: auto;
		font-size: 14px;
	}

	#index .langSelect_chuo{
		position: absolute;
		right: 20px;
		bottom: -65px;
	}

	#list #site_logo img,
	#faq #site_logo img{
		width: auto;
	}
}

@media screen and (max-width:320px){
	#Nav h1 span{
		font-size: 31px;
		font-size: 3.1rem;
	}

}


/*---------

section

----------------------------**/

section .section_inner{
	padding:50px 0 70px;
	position: relative;
}

.content_area + .content_area{
	margin-top: 30px;
}

#list section .section_inner{
	padding:0 8px 0;
	position: relative;
}

@media screen and (max-width:834px) {
	section .section_inner{
		padding:50px 8px 70px;
	}
}

/*---------

footer

----------------------------**/

footer{
	padding-top: 120px;
}


address {
	font-size: 14px;
	font-size: 1.4rem;
	font-style: normal;
	margin-bottom: 70px;
}

address:first-line {
	font-size: 17px;
	font-size: 1.7rem;
}

.footer_bottom_area{
	padding: 8px 0;
	background-color:rgba(233,233,233,1.00);
}

footer small {
    font-weight: normal;
	font-size: 13px;
	font-size: 1.3rem;
	align-self: flex-end;
}


.footer_bottom_area .col2{
	width: 1024px;
	margin: 0 auto;
	padding: 1.75em 0;
}

.col2 .footer_links{
	font-size: 14px;
	font-size: 1.4rem;
	text-align: left;
}

.footer_links > p{
	font-weight: 700;
}

.footer_links ul{
	width: 100%;
}

.footer_links ul:nth-child(2){
	width: 100%;
	margin:.5em 0 1.25em;
}

.footer_links li{
	display: inline-block;
	padding: 0 1em;
	position: relative;
}

.footer_links ul:nth-child(2) li{
	display: block;
	margin-bottom: 0.5em;
}

.footer_links li:before{
	content: "";
	display: block;
	width: 1px;
	height: 15px;
	position: absolute;
	top:4px;
	left: 0;
	background-color: #666;
}

.footer_links ul:nth-child(2) li::before{
	width: 8px;
	height: 1px;
	top: 10px;
}

.footer_links ul:nth-child(3) li:last-child:after{
	content: "";
	display: block;
	width: 1px;
	height: 15px;
	position: absolute;
	top:6px;
	right: 0;
	background-color: #666;
}

.footer_links a,
.footer_links a:link{
	color:  rgb(62,112,156);
	text-decoration: underline;
}

.footer_links a:hover,
.footer_links a:active{
	text-decoration: none;
}

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

	.footer_bottom_area{
		padding: 24px 16px;
	}

	.footer_links > p,
	.footer_links ul:nth-child(2){
		text-align: left;
	}

	.footer_bottom_area .col2{
		width: 100%;
	}

	.col2 .footer_links{
		flex-basis: 100%;
		text-align: center;
	}

	.footer_links ul:nth-child(2){
		margin-bottom: 32px;
	}

	.footer_links ul:nth-child(3) li{
		padding: 0 .5em;
	}

	footer small {
		margin: 16px auto 0;
	}
}

/*---------

figure

----------------------------**/

figure img {
	width: 100%;
	vertical-align: bottom;
}
figcaption {
	text-align: center;
}

#section01 figure{
	width: 55%;
	margin: 0 auto;
}

#section01 figcaption {
	font-size: 20px;
	font-size: 2.0rem;
	color: #114077;
	font-weight: bold;
	margin-bottom: 2.5em;
}

@media screen and (max-width:680px) {
	#section01 figure{
	width: 100%;
	margin: 0 auto;
	}
}

/*---------

table

----------------------------**/


.elem_table_block table caption{
	text-align: left;

}
.elem_table_block table th,
.elem_table_block table td{
	padding: 10px;
}

#section01 .elem_table_block{
	margin-bottom: 64px;
}
#section01 .elem_table_block table caption{
	color: #114077;
	font-weight: bold;
	caption-side: top;
}
#section01 .elem_table_block table th,
#section01 .elem_table_block table td{
	padding: 10px 0px;
	border: 1px solid #d9d9d9;
}
#section01 .elem_table_block table thead th{
	background-color: #3e709c;
	color: #FFF;
	font-weight: normal;
}

#section01 .elem_table_block table td img{
	width: 80%;
}

.model_number_table table{
	border: 1px solid #CCC;
	margin:50px auto 20px;
}
.model_number_table table caption{
	font-size: 20px;
	font-size: 2.0rem;
	font-weight: bold;
	text-align: center;
	margin-bottom: .25em;
}
.model_number_table table th,
.model_number_table table td{
	border: 1px solid #CCC;
	padding: 8px 4px;
	vertical-align: middle;
}
.model_number_table table thead th{
	background-color: #EEE;
}
.model_number_table table thead th span{
	display: block;
	font-size: 13px;
	font-size: 1.3rem;
	font-weight: normal;
}
.model_number_table table tbody td{
	background-color: #FFF;
}

.model_number_notes{
	display: flex;
	justify-content:space-between;
	flex-flow: row wrap;
	border: 1px solid #CCC;
	margin-top: 20px;
}

.model_number_notes > div{
	flex: 1 1 50%;
	box-sizing: border-box;
	align-self: center;
}

.model_number_notes > div:first-child{
	border-right: 1px solid #CCC;
}

.model_number_notes > div > dl{
	width: 60%;
	margin: 1em auto 0;
}

.model_number_notes > div > dl dt,
.model_number_notes > div > dl dd{
	text-align: left;
}

.model_number_notes > div > dl dd{
	margin-left: 1em
}


@media screen and (max-width:680px) {
	#section01 .elem_table_block table,
	#section01 .elem_table_block table caption,
	#section01 .elem_table_block table tbody,
	#section01 .elem_table_block table tr,
	#section01 .elem_table_block table th,
	#section01 .elem_table_block table td{
		width: 100%;
		display: block;
	}
	#section01 .elem_table_block table thead{
		display: none;
	}

	#section01 .elem_table_block table td{
		padding-top: 0;
		position: relative;
	}
	#section01 .elem_table_block table td:before{
		content: attr(data-label);
		display: block;
		width: 100%;
		background-color: #3e709c;
		color: #FFF;
		position: relative;
		top: 0;
		left: 0;
		padding: 10px;
		margin-bottom: 20px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	#section01 .elem_table_block table td img{
		max-width: 250px;
	}

	.model_number_table table caption{
		text-align: left;
	}

	.model_number_table table caption .sp_only{
		font-size: 12px;
		font-size: 1.2rem;
		font-weight: normal;
	}
	.model_number_table.elem_table_block{
		overflow: auto;
		white-space: nowrap;
	}
	.model_number_table.elem_table_block::-webkit-scrollbar{
		height: 5px;
	}
	.model_number_table.elem_table_block::-webkit-scrollbar-track{
		background: #F1F1F1;
	}
	.model_number_table.elem_table_block::-webkit-scrollbar-thumb {
		background: #BCBCBC;
	}

	.model_number_notes{
		flex-flow: column wrap;
		margin-top: 20px;
	}

	.model_number_notes > div{
		flex:1 1 100%;
		width: 100%;
		padding: 0 8px;
	}

	.model_number_notes > div:first-child{
		border-right:none;
		border-bottom:1px solid #CCC;
	}

	.model_number_notes > div > dl{
		width: 100%;
	}



}

/*---------

features_content

----------------------------**/

.features_content dl{
	display: flex;
	display: -webkit-flex;
	flex-flow: row nowrap;
    flex-flow: -webkit-row -webkit-nowrap;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	align-items: center;
}

.features_content dl dt,
.features_content dl dt{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.features_content dl dt{
	font-size: 25px;
	font-size: 2.5rem;
	flex-basis: 20%;

}
.features_content dl dd{
	flex-basis: 80%;
	text-align: left;
	border-left:2px solid rgba(197,25,25,1.00) ;
}
.features_content dl dd .elem_list_content{
	padding-top: .75em
}
.features_content dl dd .elem_list_content .disc li{
	padding:0 0 .75em 2em;
	position: relative;
}

.features_content dl dd .elem_list_content .disc li:before{
	content: "";
	width: 5px;
	height: 5px;
	border-radius: 5px;
	background-color: #333;
	position: absolute;
	top:10px;
	left: 1em;
}

@media screen and (max-width:680px) {
	.features_content dl {
		flex-flow: row wrap;
	    flex-flow: -webkit-row -webkit-wrap;
	}
	.features_content dl dt,
	.features_content dl dd{
		flex-basis: 100%;
	}
	.features_content dl dt{
		border-bottom:2px solid rgba(197,25,25,1.00) ;
	}
	.features_content dl dd{
		border-left: none;
	}
}


/*---------

.product_list

----------------------------**/

.product_list .col5{
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}

.product_list li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	justify-content: space-between;
}

.product_list li .name{
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 1.3;
	margin-bottom: auto;
	padding-bottom: 15px;
}

.product_list li > div {
	padding: 4px;
}
.product_list li .item {
	display: table;
	table-layout: fixed;
	width: 196px;
	height: 200px;
}
.product_list li .item_th {
	display: table-cell;
	width: 196px;
	height: 200px;
	vertical-align: middle;
	box-sizing: border-box;
}
.product_list li .item img {
	width: auto;
	max-width: 95%;
	max-height: 150px;
}

.product_list li .item img:hover{
	transform: scale(1.2, 1.2);
	transition: 0.5s;
}

@media screen and (max-width:680px) {
	.product_list .col5 {
		justify-content: space-between;
		-webkit-justify-content: space-between;
	}

	.product_list .col5 > li {
		flex-basis: 48%;
	}
	.product_list .col5 > li {
		margin-bottom: 20px;
	}
	.product_list li .item {
		height: 150px;
		width: 100%;
	}
	.product_list li .item_th {
		width: 100%;
	}
}


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

}


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


}


/* .product_list .button_are
----------------------------**/

.product_list .button_area li{
	width: 100%;
	text-align: center;
	margin: 0 auto .25em;
}

.product_list .button_area li a{
	width: 100%;
	margin: .25em auto .25em;
	padding: .25em;
	display: inline-block;
	color: rgba(218,98,114,1.00);
	border: 1px solid rgba(218,98,114,1.00);
	border-radius: 5px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.product_list .button_area li a:hover{
	background-color: rgba(218,98,114,1.00);
	color: #FFF;
}

.product_list .button_area li:first-child span.close{
	border: 1px solid #CCC;
	color: #CCC;
	width: 75%;
	margin: .25em auto .25em;
	padding: .25em;
	display: inline-block;
	border-radius: 5px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.product_list .button_area li:nth-child(2) span.close{
	color: #CCC;
}

/*---------

set

----------------------------**/

.colmun_content:not(.footer_bottom_area) {
	margin: 0 auto 30px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.col2, .col3, .col4, .col5, .col6{
	display: flex;
	display: -webkit-flex;
	flex-flow: row wrap;
    flex-flow: -webkit-row -webkit-wrap;
	justify-content: space-between;
	-webkit-justify-content: space-between;
}

.col2 img, .col3 img, .col4 img, .col5 img, .col6 img{
	width: 100%;
}

.col2 > li,
.col2 > div,
.col2 > figure{
	flex-basis: 50%;
	text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.col3 > li,
.col3 > div,
.col3 > figure{
	flex-basis: 33%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.col4 > li,
.col4 > div,
.col4 > figure{
	flex-basis: 25%;
	max-width: 25%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}


.col5 > li,
.col5 > div,
.col5 > figure{
	flex-basis: 20%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.col6 > li,
.col6 > div,
.col6 > figure{
	flex-basis: 16%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}


/* examples
----------------------------**/

#examples .col3 li{
	background-color: rgba(255,255,255,1.00);
	padding-bottom: 1em;
	margin-bottom: 2em;
	flex-basis: 32%;
	border: 4px solid #3e709c;

}



#examples .col3 li .heading_area {
    padding: .75em .75em 0;
	background-color: rgba(62,112,156,1.00);
}

#examples .col3 li > div {
	display: flex;
    width: 100%;
    height: 5em;
    justify-content: center;
    align-items: center;
    background-color: rgba(62,112,156,1.00);
}

#examples .col3 li  p {
	font-size: 16px;
    font-size: 1.6rem;
	background-color: rgba(62,112,156,1.00);
	color: #FFF;
	font-weight: normal;
	margin-bottom: 0;
}

#examples .col3 li .heading_area + p{
	padding: .75em;
	margin-bottom: 0;
	text-align: left;
}

#examples .col3 li figure{
	padding: .75em 1.25em .5em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}


.customizable_product{
	position: relative;
	height: 1024px;
}
.customizable_product > div{
	display: inline-block;
	width:34%;
	height: 34%;
	background: url(../images/corner.svg) 0 0 no-repeat;
	text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: absolute;

}

.customizable_product > div figure{
	padding: 25px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit-transform:translateY(-50%) translateX(-50%);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

}

.customizable_product > div figure img{
	width: 65%;
	margin: 0 auto 2em;
}

.customizable_product > div:nth-child(1){
	top:0;
	left: 0;
}
.customizable_product > div:nth-child(2){
	top: 5%;
	left: 55%;
}
.customizable_product > div:nth-child(3){
	top: 50%;
	left: 10%;
}
.customizable_product > div:nth-child(4){
	top: 55%;
	left: 65%;
}

@media screen and (max-width:834px){
	.customizable_product{
		height: 800px;
	}
}

@media screen and (max-width:680px){
	#examples .col3 li{
		flex-basis: 100%;
	}

	#examples .col3 li img{
		max-width: 300px;
	}

	.customizable_product{
		height: auto;
	}
	.customizable_product > div{
		position: relative;
		width: 340px;
		height: 350px;
		margin-bottom: 2em;
	}

	.customizable_product > div:nth-child(1),
	.customizable_product > div:nth-child(2),
	.customizable_product > div:nth-child(3),
	.customizable_product > div:nth-child(4){
		top: auto;
		left: auto
	}
}


@media screen and (max-width:320px){
	.customizable_product > div{
		position: relative;
		max-width: 350px;
		width: 100%;
		height: 320px;
	}


}

/*---------

movie

----------------------------**/

@media screen and (max-width:680px){
	#ID0000000390 + iframe {
		width: 100%;
		height: 32vh;
	}
}

/*---------

page top

----------------------------**/
#page-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	font-size: 77%;
}
#page-top a {
	background: #666;
	text-decoration: none;
	color: #fff;
	width: 50px;
	padding: 17px 0 15px;
	text-align: center;
	display: block;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
#page-top a:hover {
	text-decoration: none;
	background: #999;
}
@media screen and (max-width: 767px){
	#page-top img {
		width: auto;
	}
}
/*---------

dl_list_content

----------------------------**/

.dl_list_content{
	display: flex;
	display: -webkit-flex;
	flex-flow: row nowrap;
    flex-flow: -webkit-row -webkit-nowrap;
	justify-content: space-between;
	-webkit-justify-content: space-between;
}

.dl_list_content > div{
	box-sizing: border-box;
}
.dl_list_content .dl_list_th{
	flex: 0 0 15%;
	border-right: 2px solid #CCC;
	padding-right: 2%;
	margin-right: 2%;
}

.dl_list_content .dl_list_th img{
	width: 100%;
}

.dl_list_content > div:nth-child(2){
	flex: 0 0 82%;
}

.dl_list_content dl dt{
	text-align: left;
	padding-bottom: .25em;
	position:relative;
}
.dl_list_content dl dt span.bold{
	font-weight:700;
	font-size:20px;
}

.dl_list_content dl dd{
	padding-bottom: 1.25em;
}

.dl_list_content dl dd ul{
	width: 100%;
	display: flex;
	display: -webkit-flex;
	flex-flow: row nowrap;
    flex-flow: -webkit-row -webkit-nowrap;
	justify-content: space-between;
}
.dl_list_content dl dd ul li{
	/*flex: 0 0 19.5%;*/
	flex: 0 0 24.5%;
	box-sizing: border-box;
}

.dl_list_content dl dd ul li span a,
.dl_list_content dl dd ul li span span.close{
	/*padding: .25em 0.75em;*/
	padding: .25em .25em;
	border-radius: 5px;
	display: block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.dl_list_content dl dd ul li:nth-child(2) span a,
.dl_list_content dl dd ul li:nth-child(3) span a,
.dl_list_content dl dd ul li:nth-child(4) span a{
	color: #0086ab;
	border: 1px solid #0086ab;
}
.dl_list_content dl dd ul li:nth-child(1) span a,
.dl_list_content dl dd ul li:nth-child(5) span a{
	color: #da6272;
	border: 1px solid #da6272;
}

.dl_list_content dl dd ul li:nth-child(1) span a:link,
.dl_list_content dl dd ul li:nth-child(5) span a:link{
	color: #da6272;
	border: 1px solid #da6272;
}
.dl_list_content dl dd ul li:nth-child(1) span a:hover,
.dl_list_content dl dd ul li:nth-child(5) span a:hover{
	background-color: rgba(218,98,114,1.00);
	color: #FFF;
}

.dl_list_content dl dd ul li:nth-child(2) span a:hover,
.dl_list_content dl dd ul li:nth-child(3) span a:hover,
.dl_list_content dl dd ul li:nth-child(4) span a:hover{
	background-color: #0086ab;
	color: #FFF;
}

.dl_list_content dl dd ul li span span.close{
	border: 1px solid #CCC;
	color: #CCC;
}


.dl_list_content dl dt ul.request{
	position: absolute;
	top: 15%;
	right: 0.5%;
}
.dl_list_content dl dt ul.request li span a{
	color: #FD7E00;
	border: 1px solid #FD7E00;
	padding: 0.25em 4.5em;
	border-radius: 5px;
	display: block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-align: center;
}

.dl_list_content dl dt ul.request li span a:link{
	color: #FD7E00;
	border: 1px solid #FD7E00;
}
.dl_list_content dl dt ul.request li span a:hover{
	background-color: #FD7E00;
	color: #FFF;
}


.dl_list_th .dl_list_icon {
	display: block;
	width: 100%;
}
.dl_list_th .dl_list_icon li{
	display: inline-block;
	width: 70%;
}

.dl_list_th .dl_list_icon li img{
	width: 100%;
}

@media screen and (max-width:834px){
	.dl_list_content{
		display: flex;
		display: -webkit-flex;
		flex-flow: column nowrap;
    	flex-flow: -webkit-column -webkit-nowrap;
		justify-content: space-between;
		-webkit-justify-content: space-between;
	}
	.dl_list_content dl dd ul li {
	    flex: 0 0 19.5%;
    	box-sizing: border-box;
	}

	.dl_list_content .dl_list_th {
		flex: 0 0 15%;
		border-bottom: 2px solid #CCC;
		border-right: none;
		padding-right: 0;
		margin-right: 0;
		padding-bottom: 10px;
		margin-bottom: 10px;
	}

	.dl_list_content .dl_list_th img{
		width: 40%;
	}

	.dl_list_content .dl_list_th .dl_list_icon li img{
		width: auto;
	}

	.dl_list_content .dl_list_th .dl_list_icon li{
		width: 30%;
		display: inline-block;
	}

	.dl_list_content .dl_list_th .dl_list_icon li{
		width: 30%;
		display: inline-block;
	}
	.dl_list_content dl dt ul.request li span a{
		padding: 0.25em 9.75em;
	}
}

@media screen and (max-width:768px){
	.dl_list_content dl dt ul.request li span a{
		padding: 0.25em 4em;
	}
}

@media screen and (max-width:680px){
	.dl_list_content dl dd ul {
    	flex-flow: row wrap;
	    flex-flow: -webkit-row -webkit-wrap;
    	justify-content: space-between;
	}

	.dl_list_content dl dd ul li {
		flex: 0 0 49.5%;
		margin-bottom: .75em
	}

	.dl_list_content .dl_list_th img{
		width: 70%;
	}

	.dl_list_content dl dd ul li span a,
	.dl_list_content dl dd ul li span span.close{
		padding: .25em 0em;
	}
	.dl_list_content dl dt ul.request{
		position:static;
	}
}
@media screen and (max-width:414px){
	.dl_list_th .dl_list_icon li{
		width: 45%;
		display: inline-block;
	}
	.dl_list_th .dl_list_icon li img{
		width: 100%;
	}
}


@media screen and (min-width:768px){
	.dl_list_content dl dt{ padding-right: 34rem;}
}

/*---------

contents

----------------------------**/

#examples { margin-top: 2em;}

.solution .lead_text {font-size: 30px;}
.kaizen {color: #FFF;}
.kaizen .section_inner{padding: 20px 0;}
.kaizen > div:first-child {background-color: #999;}
.kaizen > div:nth-child(2) {background-color: #888;}
.kaizen figcaption {font-size: 18px;}
.arrow01 {
	width: 0;
	height: 0;
	border-left: 100px solid transparent;
	border-right: 100px solid transparent;
	border-top: 30px solid #888;
	margin: 0 auto;
}
.arrow02 {
	width: 0;
	height: 0;
	border-top: 30px solid transparent;
	border-bottom: 30px solid transparent;
	border-left: 35px solid #484b9d;
	margin: 0 auto;
}
.elem_list_content .disc li {
	text-align: left;
	padding: 0 0 .75em 2em;
	position: relative;
}
.elem_list_content .disc li:before{
	content: "";
	width: 5px;
	height: 5px;
	border-radius: 5px;
	background-color: #333;
	position: absolute;
	top: 10px;
	left: 1em;
}
.type .col6 li div {background-color: #eee;padding: 10px;height: 100px;}
.type .col6 li div img {width: auto; height: 100px;max-width: 100%;}


.content01{ margin-bottom: 50px;}
.content01 .left_area .col3 li {flex-basis: 33%;}
.content01 .left_area .col3 li > div { display: table;}
.content01 .left_area .col3 li > div div {
	display: table-cell;
	vertical-align: top;
}
.content01 .left_area .circle{
	display: block;
}
.content01 .left_area .circle p{
	background-color: #484b9d;
	color: #FFF;
	width: 80px;
	height: 80px;
	border-radius: 50%;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.2;
	display: table;
	box-sizing: border-box;
	padding-top: 5px;

}
.content01 .left_area .circle p > span { display: table-cell;vertical-align: middle;}
.content01 .left_area .circle p > span span{ font-size: 26px;font-weight: bold;}
.content01 .left_area .text p{
	padding-left: 10px;
	text-align: left;
	margin-bottom: 0.5em;
	color: #484b9d;
	font-weight: bold;
	/*font-size: 18px;*/
	font-size: 17px;
}
.content01 .left_area figure {
	width:70%;
	margin: 0 auto;
}
.content01 .left_area ol li {margin-bottom: 3em;}
.content01 .right_area .col2,
.content01 .right_area .col3{
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.content01 .right_area .col2 div,
.content01 .right_area .col3 li,
.content01 .right_area .col2 figure,
.content01 .right_area .col2 p {
	-ms-flex-item-align: center;
	align-self: center;
}
.content01 .right_area .col2 {
	background-color: #ffe907;
	padding: 10px;
	border-radius: 2em;
	margin-bottom: 1em;
	font-size: 24px;
	text-align: center;
	color: #484b9d;
	font-weight: bold;
}
.content01 .right_area .col2 figure {flex-basis: 5%;}
.content01 .right_area .col2 figure img{vertical-align: middle;width: 100%;}
.content01 .right_area .col2 p{ flex-basis: 90%; max-width: 90%; font-size: 24px;text-align: left;margin-bottom: 0;color: #484b9d;font-weight: bold;margin-left:10px;}
.content01 .right_area .col3 {
	width: 70%;
	margin: 0 auto;
}
.content01 .right_area .elem_list_content {margin-top: 40px;}
.content01 .right_area .elem_list_content ul {display: inline-block;}
.content01 .right_area .elem_list_content ul.disc {padding: 20px;border: #484b9d 1px dashed;}

.hexagon {
	position: relative;
	width: 100px;
	height: 57.74px;
	background-color: #484b9d;
	text-align: center;
	margin: 40px auto;
	line-height: 57.74px;
	font-size: 30px;
	color: #FFF;
}
.hexagon:before,
.hexagon:after {
	content: "";
	position: absolute;
	width: 0;
	border-left: 50px solid transparent;
	border-right: 50px solid transparent;
	left: 0;
}
.hexagon:before {
  bottom: 100%;
  border-bottom: 28.87px solid #484b9d;
}
.hexagon:after {
  top: 100%;
  width: 0;
  border-top: 28.87px solid #484b9d;
}

.balloon2 {
	position: relative;
	display: inline-block;
	background-color: #fff;
	border-bottom: solid 2px #484b9d;
	min-width: 240px;
	width: 98%;
	text-align: center;
	margin-bottom: 40px;
}
.balloon2:before,
.balloon2:after {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
.balloon2:before {
	border: solid 20px transparent;
	border-top: solid 20px #484b9d;
}
.balloon2:after {
	border: solid 22px transparent;
	border-top: solid 22px #fff;
	margin-top: -5px;
}
.balloon2 p {
	margin: 0;
	padding: 0;
	color: #484b9d;
	font-size: 40px;
	margin-bottom: 0 !important;
	font-weight: bold
}
.content02 { margin-top: 20px;}
.content02 .col2 {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.content02 .col2 div{
	-ms-flex-item-align: center;
	align-self: center;
}
.content02 .left_area {
	flex-basis: 30%;
}
.content02 .right_area {
	flex-basis: 60%;
	margin-left: 30px;
}

.balloon {
	position: relative;
	display: inline-block;
	margin: 0 0 1.5em 0;
	padding: 20px 25px;
	min-width: 120px;
	max-width: 100%;
	background: #e3f1ff;
	background: #484b9d;
	color: #FFF;
	font-size: 22px;
	text-align: left;
	font-weight: bold;
	border-radius: 20px;
}
.balloon:before {
	content: "";
	position: absolute;
	top: 50%;
	left: -40px;
	margin-top: -20px;
	border: 20px solid transparent;
	border-right: 20px solid #484b9d;
}


@media screen and (max-width:680px){
	.left_area .col3, .right_area .col3 {display: block;}
	.content01 .right_area .col2 figure {flex-basis: 20%;}
	.content01 .right_area .col2 p{flex-basis: 75%;}

	.arrow02 {
		border-left: 50px solid transparent;
		border-right: 50px solid transparent;
		border-top: 40px solid #484b9d;
		border-bottom: none;
		margin: 20px auto;
	}

	.content02 .left_area {order: 2;flex-basis: 80%;}
	.content02 .right_area {order: 1;flex-basis: 100%;margin-left: 0;margin-bottom: 40px;}
	.balloon:before {content: none;}

}


/*---------

background setting

----------------------------**/

#fixstages{
	position: relative;
}

#fixstages{
	background:url(../images/bg_fix.png) no-repeat right -50px,
		linear-gradient(to bottom, rgba(235,239,250,1) 0%, rgba(255,255,255,0.5) 12%, rgba(255,255,255,0.0) 100%) ;
	background-size: 32%, 100% 100%;
}

#manualstages{
	background: url(../images/bg_manualstages.png) no-repeat right -20px,
		linear-gradient(to bottom, rgba(0,0,0,0.25) 0%, rgba(255,255,255,0.5) 10%, rgba(255,255,255,0.0) 100%)  ;
	background-size: 26%, 100% 100%;
}


#motorizedstages{
	background: url(../images/bg_motorizedstages.png) no-repeat right -10px,
		linear-gradient(to bottom, rgba(0,0,0,0.25) 0%, rgba(255,255,255,0.5) 8%, rgba(255,255,255,0.0) 100%) ;
	background-size: 23%, 100% 100%;
}

#list #fixstages,
#list #manualstages,
#list #motorizedstages{
	margin-top: 50px;
	padding-bottom: 50px;
}

#list #fixstages{
	background:url(../images/bg_fix.png) no-repeat right -50px,
		linear-gradient(to bottom, rgba(235,239,250,1) 0%, rgba(255,255,255,0.5) 10%, rgba(255,255,255,0.0) 100%) ;
	background-size: 32%, 100% 100%;
}
#list #manualstages{
	background: url(../images/bg_manualstages.png) no-repeat right -20px,
		linear-gradient(to bottom, rgba(0,0,0,0.25) 0%, rgba(255,255,255,0.5) .5%, rgba(255,255,255,0.0) 100%)  ;
	background-size: 26%, 100% 100%;
}
#list #motorizedstages{
	background: url(../images/bg_motorizedstages.png) no-repeat right -10px,
		linear-gradient(to bottom, rgba(0,0,0,0.25) 0%, rgba(255,255,255,0.5) 1%, rgba(255,255,255,0.0) 100%) ;
	background-size: 23%, 100% 100%;
}

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

	#fixstages,
	#manualstages,
	#motorizedstages{
		padding-top: 60px;
	}

	#list #fixstages{
		background:url(../images/bg_fix.png) no-repeat right -10px,
		linear-gradient(to bottom, rgba(235,239,250,1) 0%, rgba(255,255,255,0.5) 10%, rgba(255,255,255,0.0) 100%) ;
		background-size: 60%, 100% 100%;
		padding-top: 100px;
	}

	#list #manualstages{
		background: url(../images/bg_manualstages.png) no-repeat 105% -10px,
		linear-gradient(to bottom, rgba(0,0,0,0.25) 0%, rgba(255,255,255,0.5) .5%, rgba(255,255,255,0.0) 100%)  ;
		background-size: 55%, 100% 100%;
	}

	#list #motorizedstages{
		background: url(../images/bg_motorizedstages.png) no-repeat 110% -10px,
		linear-gradient(to bottom, rgba(0,0,0,0.25) 0%, rgba(255,255,255,0.5) 1%, rgba(255,255,255,0.0) 100%) ;
		background-size: 55%, 100% 100%;
	}

	#index #fixstages{
		background:url(../images/bg_fix.png) no-repeat right -10px,
		linear-gradient(to bottom, rgba(235,239,250,1) 0%, rgba(255,255,255,0.5) 10%, rgba(255,255,255,0.0) 100%) ;
		background-size: 60%, 100% 100%;
		padding-top: 100px;
	}

	#index #manualstages{
		background: url(../images/bg_manualstages.png) no-repeat 105% -10px,
		linear-gradient(to bottom, rgba(0,0,0,0.25) 0%, rgba(255,255,255,0.5) 5%, rgba(255,255,255,0.0) 100%)  ;
		background-size: 55%, 100% 100%;
	}

	#index #motorizedstages{
		background: url(../images/bg_motorizedstages.png) no-repeat 110% -10px,
		linear-gradient(to bottom, rgba(0,0,0,0.25) 0%, rgba(255,255,255,0.5) 8%, rgba(255,255,255,0.0) 100%) ;
		background-size: 55%, 100% 100%;
	}
}


/* Gheader */
#header {
	width: 100%;
	font-size: 14px;
    font-family: Arial,Helvetica,sans-serif;
    color: #333;
    line-height: 1.4;
    -webkit-text-size-adjust: 100%;
	text-align: left;
}
#header a {
    color: #3e709c;
    text-decoration: none;
}
#header a:hover{
	text-decoration: underline;
}
#header img {
	vertical-align: top;
	font-size:0;
	line-height: 0;
}
#header .inner {
    position: relative;
    padding: 15px 12px;

}


@media screen and (min-width: 768px){
#header .inner {
    margin: 0 auto;
    padding: 0;
    width: 970px;
    height: 91px;
}
}
@media screen and (max-width: 767px){
#header img {
    width: 100%;
}
}


/*---------

faq

----------------------------**/
#faq #Nav{
	width: 1024px;
    margin: 0 auto;
}
#faq .input {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-bottom: 3em;
}
#faq .input input {
	font-size: 16px;
	width: 55%
}

#faq .input p,
#faq .category p{
	font-size: 20px;
	font-weight: bold;
	text-align: left;
}
#faq .input p span,
#faq .category p span{
	color: #c82b2b;
}

#faqlistsearchoutput{
	display: none;
	width: 1024px;
	font-size: 16px;
	font-size: 1.6rem;
	padding: 1.25em;
	margin: 0 auto 24px;
	box-sizing: border-box;
}

#faq .category {
	margin-bottom: 60px;
}

#faq #fixstages,
#faq #manualstages,
#faq #motorizedstages{background-image: none;}

#faq .heading_area h2 {
	color: #c82b2b;
    font-size: 40px;
    font-size: 4.0rem;
}

.faq_list{
   text-align: left;
   font-size: 16px;
}

.faq_list div.model_number{
	background-color: #EEE;
	text-align: center;
	padding: .5em 0;
	margin: 0 0 1em;
	box-sizing: border-box;
}

.faq_list dl{
	margin-bottom: 2em;
	border-bottom: 1px solid #777;
	position: relative;
	padding-bottom: 8px;
}

.faq_list dt::before,
.faq_list dt::after{
	content: "";
	display: block;
	position: absolute;
	top:50%;
}

.faq_list dt:before{
	width: 30px;
	height: 20px;
	right: 5px;
	margin-top: -10px;
	background-color: #da6272;

}

.faq_list dt:after{
	width: 10px;
	height: 10px;
	right: 14px;
	margin-top: -10px;
	transform: rotate(135deg);
	border-top: 3px solid #FFF;
	border-right: 3px solid #FFF;
}

.faq_list dt.open::after {
	transform: rotate(-45deg);
	margin-top: -3px;
}

.faq_list dt,
.faq_list dd:not(.list_area){
	position: relative;
	padding: .75em 3em .75em 3.5em;
}

.faq_list dt p,
.faq_list dd > p{
	margin-bottom: 0;
}


.faq_list dt p{
	font-weight: bold;
}

.faq_list dt p:before,
.faq_list dd p:before{
	position: absolute;
	top:50%;
	left: 0;
	margin-top: -20px;
	color: #FFF;
	font-weight: bold;
	width: 40px;
	height: 40px;
	text-align: center;
	font-size: 30px;
	line-height: 40px;
}

.faq_list dt p:before{
	content: "Q";
	background: #da6272;
}

.faq_list dt + dd p:before{
	content: "A";
	background: #0086ab;
}

.faq_list dd ,
.faq_list dd + dd:empty{
	display: none;
}
.faq_list .list_area{
	padding: .75em 0;
}

.faq_list .list_area > p{
	margin:.75em 0 0.25em;
}

.faq_list .list_container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}

.faq_list .list_container .search-text{
	display: none;
}

.faq_list .list_container p{
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 0;
	width: 20%;
}

.faq_list .list_container .list_items {
	width: 80%;
	border-left: 1px #333 solid;
	padding-left: .5em;
	min-height: 22px;
}

.faq_list .list_items li {
	display: inline-block;
	font-size: 12px;
	text-align: center;
	vertical-align: bottom;
	border: 1px solid #333;
	margin-right: .1em;
	margin-top: .3em;
	margin-bottom: .3em;
	padding: 0 3px;
	border-radius: 5px;
	box-sizing: border-box;
	min-width: 100px;
}
.faq_list .color01 li,
.faq_list .TBL li,
.faq_list .ALZ li{
	color: #ff0000;
	border-color: #ff0000;
}
.faq_list .color02 li,
.faq_list .TLD li,
.faq_list .QT li{
	color: #da6272;
	border-color: #da6272;
}
.faq_list .color03 li,
.faq_list .TLM li,
.faq_list .TACB li{
	color: #fd7e00;
	border-color: #fd7e00;
}
.faq_list .color04 li,
.faq_list .TLS li,
.faq_list .TALD li{
	color: #c49d00;
	border-color: #c49d00;
}
.faq_list .color05 li,
.faq_list .TLT li,
.faq_list .TALS li{
	color: #9eb51c;
	border-color: #9eb51c;
}
.faq_list .color06 li,
.faq_list .TLV li,
.faq_list .TALV li{
	color: #41a72f;
	border-color: #41a72f;
}
.faq_list .color07 li,
.faq_list .TLZ li,
.faq_list .TALZ li{
	color: #30c8e8;
	border-color: #30c8e8;
}
.faq_list .color08 li,
.faq_list .TRS li,
.faq_list .TARC li{
	color: #3e90dd;
	border-color: #3e90dd;
}
.faq_list .color09 li,
.faq_list .TTD li,
.faq_list .TARS li{
	color: #353cc2;
	border-color: #353cc2;
}
.faq_list .color10 li,
.faq_list .TTR li,
.faq_list .TATD li{
	color: #9e6aec;
	border-color: #9e6aec;
}
.faq_list .color11 li,
.faq_list .TTS li,
.faq_list .TATS li{
	color: #6f0261;
	border-color: #6f0261;
}

@media screen and (max-width:1024px){
	#faqlistsearchoutput{
		width: calc(100% - 20px);

	}
}

@media screen and (max-width:680px){
	#faq #Nav{
		width: 100%;
	}
	#faq .input{
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}
	#faq .input,
	#faq .category p{padding: 0 8px;}
	#faq .input p {margin-bottom: 10px;}
	#faq .input input {width : calc(100% - 16px)}

	.faq_list .list > div {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}
	.faq_list .list_container {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;

	}

	.faq_list .list_container p {
		width: 100%;
	}
	.faq_list .list_container .list_items {
		width: 100%;
		border-left: none;
		padding-left: 0;
		min-height: inherit;}
}