html, body, div, span, object, iframe,
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
body,.wrapper{
font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
font-weight: 500;
  line-height: 2.0em;
	font-size:1.0em;
	background:#F4F5F7;
	width:100vw;
	padding:0;
	margin:0;
overflow-x:hidden;
}
*, *:before, *:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}
a{
	text-decoration:none;
	font-size:100%
}
a:hover{
	opacity:0.7
}
.clearfix:after {
	content: "";
	display: block;
	clear: both;
}
.clearfix:before {
　　　　content: "";
	display: block;
	clear: both;
}
.clearfix {
	display: block;
}
h1{
	font-weight:narrow
}
.start {
	background: #FFF;
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 999998
}
.start p {
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	display: none;
	z-index: 999999;
	width: 80%;
	max-width:500px;
}
.header_lp{
	width:100%;
	height:100px;
	opacity:0.8;
	background:#fff;
	text-align:right;
	padding:0px 50px;
	position:fixed;
	z-index:7777;
	top:0
}
@media screen and (min-width:900px){
.header_lp img{
	width:250px;
	height:auto;	
	position:absolute;
	top:5px;
	right:50px;
	margin-top:-20px;
}
}
ul.lp_nav{
	margin-top:30px;
	list-style-type:none;
	padding:30px 0;
}
ul.lp_nav li{
	padding:0 25px;
	float:left;
}
.eel_logo{
	margin-top:-20px;
}
@media screen and (max-width:899px){
.header_lp{
	padding:0;
	height:70px
	}
.eel_logo{
	width:150px;
	position:absolute;
	top:-20px;
	left: 0px;
	right:0px;
	margin:auto;
	}
.eel_logo img{
	width:150px;
	}
ul.lp_nav{
	width:352px;
	position:absolute;
	bottom:0;
	left:25px;
	right:0;
	margin:auto;
	padding:0;
	}
ul.lp_nav li{
	padding:0 5px;
	width:initial;
	}
}
.main_pic{
	width:100%;
	height:100vh;
	position:relative;
	background:url(https://img07.shop-pro.jp/PA01385/585/etc/lp_main_pic2.jpg);
	background-size:cover;
	overflow:hidden;
}
.main_pic .pink_back{
	background:#CA2C3C;
	padding:50px 30px;
	opacity:0.6;
	color:#FFF;
	position:absolute;
	right:0;
	bottom:30px;
}
@media screen and (max-width:899px){
	.main_pic .pink_back{
	max-width:400px;
	padding:30px 15px;
	bottom:30px;
left:0;
		right:0;
	margin:auto;
}
}
@media screen and (max-width:500px){
.main_pic .pink_back{bottom:100px;}
}
.main_pic .gplan_logo{
	position:absolute;
	width:300px;
	height:auto;
	left:0px;
	top:120px;
	background:#CA2C3C;
	padding:0px 50px;
	opacity:0.6;
}
.txt_first,
.txt_mainte,
.txt_disp{
	width:100%;
	max-width:900px;
	margin:100px auto;
}
@media screen and (max-width:899px){
section{
	width:100%;
	overflow:hidden
	}
.txt_first,
.txt_mainte,
.txt_disp{
	padding:0 20px
}
.sp_none{
	display:none
	}
}
.gplan_tt{font-size:24px;padding:20px;border:solid #000;border-width:1px 0}
@media screen and (max-width:899px){
.gplan_tt{font-size:16px;padding:10px;}
.mainte_txt1{margin:-80px 0;padding:0}
	.mainte_txt1 .gplan_tt{margin:0}
	}
.lightblue_back{
	background:#E0E9F1;
	padding:20px 0;
}
.chair_area{
	width:100%;
	max-width:1000px;
	margin:0 auto;
}
@media screen and (min-width: 900px){
.chair_area{
	display: flex;
  align-items: center;
}
.chair_area .chair_img{
	width:70%;
	padding:30px;
	float:left;
}
.chair_area .chair_txt{
	width:30%;	
	float:left;
	padding:30px;
}
}
@media screen and (max-width: 899px){
.chair_area .chair_img{
	width:100%;
	padding:30px;
	text-align:center;
}
.chair_area .chair_txt{
	width:100%;
	margin-bottom:50px;
	padding:0 20px;
}
}
.chair_area .chair_img img{
	width:100%;
	height:auto;
}
.source{
	width:100%;
	max-width:1000px;
	font-size:0.8em;
	text-align:right;
	margin: auto;
}
.items_back{
	background:#CCDEEC;
	padding:20px 0;
}
ul.items{
	margin:0 auto;
	width:100%;
	max-width:1000px;
	padding:20px 0 0;
}
ul.items li{
	float:left;
	width:33%;
	max-width:400px;
	height:auto;
	max-height:400px;
	padding:20px;
	overflow:hidden;
}
ul.items li img{
	width:100%;
	height:auto;
}
/*アニメーション要素のスタイル*/
.animation{
  opacity : 0;
  visibility: hidden;
}
.anim_y{
  transform: translateY(30px);	
}
.anim_x{
  transform: translateX(60px);	
}
.anim_x2{
  transform: translateX(-60px);	
}
.anim1{
  transition: 1s;
}
.anim2{
  transition: 2s;
}
.anim3{
  transition: 3s;
}
/*アニメーション要素までスクロールした時のスタイル*/
.active{
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.other_lineup{
	width:400px;
	height:50px;
	margin:20px auto;
	background:#CA2C3C;
	font-size:0.9em;
	position:relative;
	padding:0;
}
.other_lineup a,
.other_lineup2 a{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	padding:10px 20px;
	color:#fff;
	text-align:center;
}
@media screen and (max-width:899px){
.other_lineup a,
.other_lineup2 a{
	padding:10px 20px 10px 0;
}
}
#chair_image{
	width:100%;
	max-width:1000px;
	margin:0 auto;
}
#chair_image .image1{
	width:48%;
	padding;10px 1%;
}
#chair_image .image2{
	float:right;
	width:48%;
	padding:10px 1%;
	margin-top:-50%;
}
.other_lineup2{
	width:400px;
	height:50px;
	margin:20px 0;
	background:#639ABF;
	font-size:0.9em;
	position:relative;
}
@media screen and (max-width:899px){
#chair_image .image2{
	margin-top:-70%;
}
	.other_lineup2{
	margin:20px auto;
}
}
#catalog,
.gp_series{
	width:100%;
	max-width:1000px;
	margin:0 auto;
	display: flex;
}
.catalog1{
	float:left;
	width:65%;
	padding-right:20px;
}
.catalog1 img,
.catalog2 img{
	width:100%;
	height:auto;
	margin:10px 0;
}
.catalog2{
	float:left;
	width:35%;
	padding:0;
}
@media screen and (min-width:900px){
#catalog p{
	margin-left:100px;
}
}
#maintenance,
#series,
#logos,
#display{
	margin-top:100px;
}
ul.mainte_box li{
    display: flex;
    align-items: center;
    justify-content: center;
}
ul.mainte_box li img{
width:96%;
margin:2%;
}
ul.mainte_box li .mainte_text{
width:40%;
}
@media screen and (max-width:899px){
	ul.mainte_box li .mainte_text{
		width:60%;
		font-size:90%;
	}
}
h2.time_lapse{
	font-size:120%;
	border-bottom:solid 2px #000;
	margin-bottom:20px
}
.pink_back_line{
	width:100%;
	background:#CA2C3C;
	opacity:0.6
}
#logos h1.line1,
#series h1.line1,
#maintenance h1.line1{
	width:100%;
	max-width:1000px;
	margin:0 auto;
	color:#fff;
	font-size:3em;
	padding-left:280px;
	position:relative;
	font-weight:100;
}
#logos h1.line1 .point,
#series h1.line1 .point,
#maintenance h1.line1 .point{
	background:#606A63;
	width:200px;
	height:200px;
	border:solid 5px #fff;
	border-radius:200px;
	position:absolute;
	left:0;
	top:-80px;
	line-height:1.1em;
	font-size:0.9em;
	padding:45px 20px; 
}
@media screen and (min-width:900px){
.pink_back_line{
	height:120px;
	display: flex;
  align-items: center;
}
.pc_none{
	display:none;
}
}
@media screen and (max-width:899px){
.pink_back_line{
	padding:10px 0;
}
#logos h1.line1,
#series h1.line1,
#maintenance h1.line1{
	font-size:1.5em;
	padding:0 30px 0 160px;
	position:relative;
	font-weight:100
}
#logos h1.line1 .point,
#series h1.line1 .point,
#maintenance h1.line1 .point{
	width:150px;
	height:150px;
	border:solid 5px #fff;
	border-radius:100px;
	position:absolute;
	font-size:1em;
	padding:50px 0;
	text-align:center;
	margin-top:20px;
}
}
.mainte_image{
	width:100%;
	max-width:1000px;
	margin:0 auto;
}
.logo_image{
	width:100%;
	max-width:1000px;
	margin:20px auto;
}
.logo_img{
	width:40%;
	float:left;
	text-align:center;
}
.logo_txt{
	width:60%;
	float:left;
}
@media screen and (max-width:899px){
.logo_img,
.logo_txt{
	width:100%;
	float:initial;
}
.logo_txt{
		margin-bottom:50px;
	}
}

.mainte_image .mainte_image1{
	width:50%;
	height:auto;
	padding:20px;
	float:left;
}
.mainte_image .mainte_txt1{
	width:50%;
	height:auto;
	padding:100px 20px 0;
	float:left;
}
.mainte_image .mainte_image2{
	width:50%;
	height:auto;
	padding:20px;
	float:right;
	margin-top:-150px;
}
.mainte_image .mainte_txt2{
	width:50%;
	height:auto;
	padding:100px 0 0 200px;
	float:left;
}
.mainte_image .mainte_image3,
.mainte_image .mainte_image4{
	width:50%;
	float:left;
	height:auto;
	margin-top:100px;
	padding:20px;
}
.mainte_image .mainte_image5{
	width:50%;
	height:auto;
	padding:20px;
	float:right;
}
.mainte_image .mainte_image6{
	width:50%;
	height:auto;
	padding:20px;
	float:left;
	margin-top:-150px;
}
.mainte_image .mainte_txt5{
	width:50%;
	height:auto;
	padding:100px 0 0 100px;
	float:left;
}
@media screen and (max-width:899px){
.mainte_image .mainte_txt1{
	padding:25px 10px 0;
	}
.mainte_image .mainte_txt2,
.mainte_image .mainte_txt5{
	padding:20px 10px 0;
}
.mainte_image .mainte_image2,
.mainte_image .mainte_image5,
.mainte_image .mainte_image6{
	float:left;
	margin-top:0px;
}
}
#display h1.line1{
	width:100%;
	max-width:1000px;
	margin:0 auto;
	color:#fff;
	font-size:2.5em;
	line-height:1.2em;
	position:relative;
	font-weight:100
}
#display h1.line1 span{
margin-left:80px;
}
@media screen and (min-width:501px) and (max-width:899px){
.br500{
display:none;		
	}
}
@media screen and (max-width:500px){
#display h1.line1 span{
margin-left:10px;
}
}
#display h1.line1 .point{
	background:#D4CB3B;
	width:200px;
	height:200px;
	border:solid 5px #fff;
	border-radius:200px;
	position:absolute;
	right:0;
	top:-80px;
	line-height:1.2em;
	font-size:0.7em;
	padding:50px 15px; 
}
@media screen and (min-width:900px){
#display h1.line1{
	padding-right:220px;
	text-align:right;
}
	#display h1.line1 .point{
		text-align:left;
	}
}
@media screen and (max-width:899px){
#display h1.line1{
	font-size:1.3em;
	padding:0 160px 0 30px;
	position:relative;
	font-weight:100
}
#display h1.line1 .point{
	right:0;
	width:150px;
	height:150px;
	border:solid 5px #fff;
	border-radius:100px;
	position:absolute;
	font-size:1em;
	padding:50px 0;
	text-align:center;
	margin-top:20px;
}
}
.txt_disp .disp_image1{
	max-width:600px;
	height:auto;
	margin:0 150px 50px;
}
@media screen and (max-width:899px){
.txt_disp .disp_image1{
	max-width:80%;
	margin:0 10% 50px;
}
}
.disp_image{
	max-width:900px;
	margin:0 auto;
}
.disp_image img{
	padding:10px;
	float:left;
}
.disp_image .disp_image2{
	width:60%;
}
.disp_image .disp_image3{
	width:40%;
}
.disp_image .disp_image4{
	width:80%;
}
.disp_image .disp_image5{
	float:right;
	width:80%;
}
#lineup{
	width:100%;
	max-width:1000px;
	margin:100px auto;
}
#lineup ul{
	margin-top:50px;
	list-style-type:none;
}
#lineup ul.line_up_link li img{
	width:100%
}
@media screen and (min-width:900px){
#lineup ul.line_up_link li{
	width:25%;
	height:auto;
	padding:10px;
	float:left;
}
#lineup ul.line_up_link li:nth-child(5),
#lineup ul.line_up_link li:nth-child(10){
	margin-left:12%;
}
#lineup ul.line_up_link li:nth-child(8),
#lineup ul.line_up_link li:nth-child(13){
	margin-left:25%;
}
}
@media screen and (max-width:899px){
#lineup ul.line_up_link li{
	width:33.3%;
	height:auto;
	padding:10px;
	float:left;
}
	#lineup ul.line_up_link li:nth-child(13){
	margin-left:15%;
}
}
#lineup .slidelist div.toglist{
	width:33.3%;
	height:auto;
	padding:10px;
	float:left;
}
	#lineup .slidelist div.toglist:nth-child(13){
	margin-left:15%;
}

.footer_lp{
	width:100%;
	max-width:300px;
	text-align:center;
	margin:100px auto 0;
	position:relative;
	padding-top:100px;
}
.footer_lp img{
	max-width:300px;
	position:absolute;
	right:0;
	left:0;
	bottom:10px;
	margin:auto;
}
#together_t h2.txt_fwn,
#together_t .slide__name,
#together_t .slide__price,
#together_t h2{
	display:none;
}