@charset "UTF-8";

/* -------------------------------------
seat-features
------------------------------------- */
#features1 {

}
#features1 dl {
	width:21.7%;
	position:absolute;
	z-index:1;
	right:14%;
}
#features1 #star_level {
	top:15%;
}
#features1 #main_level {
	top:41.5%;
}
#features1 #field_level {
	top:68%;
}
#features1 dl dt {
	cursor:pointer;
}
#features1 dl dd {
	display:none;
}




#features3 {
	padding-bottom:80px;
	background-color:#EFEFEF;
}


#features3 .head {
	text-align:center;
	padding-top:80px;
	margin-bottom:80px;
}
#features3 .head h2 {
	font-size:25px;
	font-weight:600;
	letter-spacing:0.1em;
	margin-bottom:20px;
}




#features3 ul {
	width:100%;

  display: grid;
  grid-template-rows: repeat(3,auto);
  grid-template-columns: repeat(3,auto);
  gap:0 ;
  grid-auto-flow: column;
  margin: auto;
}
#features3 li {
  display: contents;

}
#features3 .photo {
  display: block;

}

#features3 .photo.first,
#features3 .box1.first,
#features3 .box2.first {
  padding-right: 46px;
	border-right:1px solid #9fa0a0;
}
#features3 .photo.second,
#features3 .box1.second,
#features3 .box2.second {
  padding-left: 46px;
  padding-right: 46px;
	border-right:1px solid #9fa0a0;
}
#features3 .photo.third,
#features3 .box1.third,
#features3 .box2.third {
  padding-left: 46px;
}

#features3 .box1 {
  padding-top: 20px;
  padding-bottom: 30px;


}
#features3 .box2 {
  padding-top: 30px;
	border-top:1px solid #9fa0a0;
}


#features3 li h3 {
	font-size:18px;
	font-weight:600;
	line-height:1.4;
	margin-bottom:10px;
}

#features3 li .cap {
	line-height:1.6;
}



@media screen and (max-width:1100px) {
	#features1 {
		overflow:hidden;
	}
	#features1 .bg img {
		width:1083px;
		position:relative;
		left:50%;
		z-index:0;
		transform:translateX(-50%);
	}
	#features1 dl {
		width:235px;
	}





	#features3 {
		padding-bottom:75px;
	}
	#features3 #level_map {
		margin-bottom:60px;
	}
	#features3 ul {
		width:calc(100% - 70px);
		/* left:-35px; */
	}
	/* #features3 li {
		padding:0 35px;
	} */
	/* #features3 li .photo {
		margin-bottom:19px;
	} */
  #features3 .photo.first,
  #features3 .box1.first,
  #features3 .box2.first {
    padding-right: 20px;
  }
  #features3 .photo.second,
  #features3 .box1.second,
  #features3 .box2.second {
    padding-left: 20px;
    padding-right: 20px;
  }
  #features3 .photo.third,
  #features3 .box1.third,
  #features3 .box2.third {
    padding-left: 20px;
  }

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

	}
	#features1 .bg img {
		width:1000px;
	}
	#features1 dl {
		width:220px;
		right:10%;
	}

/*
	#features2 {
		padding-top:70px;
		padding-bottom:54px;
	} */


	#features3 {
    padding-top:0;
		padding-bottom:70px;
	}

	#features3 .head {
		margin-bottom:44px;
	}
	#features3 .head h2 {
		font-size:23px;
		margin-bottom:17px;
	}

	#features3 ul {
		/* width:calc(100% + 40px); */
		/* left:-20px; */
    display: block;
	}
	#features3 li {
		/* padding:0 20px; */
    display: block;
	}

  #features3 .photo.first,
  #features3 .box1.first,
  #features3 .box2.first {
    padding-right: 0;
    border-right:none;
  }
  #features3 .photo.second,
  #features3 .box1.second,
  #features3 .box2.second {
    padding-left: 0;
    padding-right: 0;
    border-right:none;
  }
  #features3 .photo.third,
  #features3 .box1.third,
  #features3 .box2.third {
    padding-left: 0;
  }


  #features3 .box1 {
    padding-top: 20px;
    padding-bottom: 10px;
    border-top: none;


  }
  #features3 .box2 {
    padding-top: 10px;
    border-top: none;
  }
  #features3 .photo.second ,
  #features3 .photo.third {
    padding-top: 30px;

  }
  #features3 .box2.first ,
  #features3 .box2.second {
    /* border-bottom:1px solid #9fa0a0; */
    padding-bottom: 30px;
  }











	#features3 li h3 {
		font-size:17px;
	}
	#features3 li h3 br {
		display:none;
	}
	#features3 li .photo {
		/* margin-bottom:17px; */
	}
}
@media screen and (max-width:640px) {


	/* #features2 ul li img {
		margin:0 auto;
	}
	#features2 ul li:nth-child(1) {
		width:100%;
		margin-bottom:25px;
	}
	#features2 ul li:nth-child(2) {
		width:100%;
	}
	#features2 ul li:nth-child(1) img {
		width:100%;
		max-width:450px;
	}
	#features2 ul li:nth-child(2) img {
		width:60%;
		max-width:280px;
	}
 */
	#features3 .head h2 {
		font-size:21px;
	}
	#features3 #level_map {
		overflow:auto;
	}
	#features3 #level_map img {
		width:750px;
	}
	#features3 ul {
		width:100%;

		/* left:0; */
	}
	#features3 li {
		/* width:100%; */
		padding:0;

	}
	/* #features3 li:not(:last-child) {
		margin-bottom:40px;
		border-right:none;
	} */
}
@media screen and (max-width:500px) {
	#features1 {

	}
	#features1 .bg img {
		width:900px;
	}
	#features1 dl {
		width:200px;
		right:20px;
	}

/*
	#features2 {
    padding-top:60px;
		padding-bottom:50px;
	}
	#features2 .head {
		margin-bottom:40px;
	}
	#features2 .head h2 {
		font-size:20px;
		margin-bottom:15px;
	}
	#features2 .head h2 .sp {
		display:block;
	} */


	#features3 {
    padding-top:0;
		padding-bottom:60px;
	}

	#features3 .head {
		margin-bottom:40px;
	}
	#features3 .head h2 {
		font-size:20px;
		margin-bottom:15px;
	}
	#features3 #level_map img {
		width:700px;
	}
	#features3 li h3 {
		font-size:16px;
	}
	#features3 li .photo {
		/* margin-bottom:15px; */
	}
}
@media screen and (max-width:320px) {

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

}