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

/* pc用 */
@media screen and (min-width: 1000px){
/**************************
		ヘッダー
**************************/
#rules .gnavi .rightBox ul .list04 a{
	background: url(../images/ko/common/btn_navi03_on.jpg) no-repeat left top;
	background-size: contain;
}
}

/* ipad用 */
@media screen and (min-width: 768px) and (max-width: 999px){
/**************************
		ヘッダー
**************************/
#rules .gnavi .rightBox ul .list04 a{
	background: url(../images/ko/common/btn_navi03_on.jpg) no-repeat left top #b93524;
	background-size: contain;
}
}

#rules_check ul li{
	height:485px;
}
#rules_check h3{
	height:485px;
}
.contents_overview{
	font-size: 13px;
	/*padding-left: 250px;
	padding-right: 250px;*/
}
.rules_box .detail{
	font-size: 12px;
	line-height: 1.3em;
	padding: 0 15px;
}

#rules_preparation ul li h4{
	margin-top: 0;
}
.rules_box h4{
	padding: 10px 15px 7px;
	line-height: 1.5em;
}






@media screen and (min-width: 768px){
#rules_check h3 img{
	padding-top: 142px;
}

#rules_bathroom ul li:nth-child(1) h4,
#rules_bathroom ul li:nth-child(2) h4,
#rules_bathroom ul li:nth-child(4) h4{
	margin-top: 0;
}
#rules_bathtub ul li:nth-child(2) h4,
#rules_bathtub ul li:nth-child(3) h4,
#rules_bathtub ul li:nth-child(4) h4,
#rules_bathtub ul li:nth-child(6) h4{
	margin-top: 0;
}
#rules_preparation ul li:nth-child(2) h4,
#rules_preparation ul li:nth-child(4) h4{
	margin-top: 0;
}
#rules_check ul li:nth-child(1){
	background-position: center 302px;
}
#rules_check ul li:nth-child(2){
	background-position: center 302px;
}
#rules_check ul li:nth-child(2) h4 {
	margin-top: 1.5em;
}
#rules_check ul li:nth-child(3){
	background-position: center 311px;
}
#rules_preparation ul li h4{
	line-height: 1.5em;
}

#rules_bathtub ul li:nth-child(1),
#rules_bathtub ul li:nth-child(2),
#rules_bathtub ul li:nth-child(3),
#rules_bathtub ul li:nth-child(4),
#rules_bathtub ul li:nth-child(5),
#rules_bathtub ul li:nth-child(6){
	background-position: center 96%;
}
#rules_bathtub ul li:nth-child(4) h4 {
	margin-top: 1.5em;
}
}
/* pc用 */
/*4*/
@media screen and (min-width: 1100px){
.contents_overview{
	background-position: 78px 0;
}
#rules_bathtub h3,
#rules_bathtub ul li:nth-child(1),
#rules_bathtub ul li:nth-child(2),
#rules_bathtub ul li:nth-child(3) {
	height: 460px;
}
}
/*4*/
@media screen and (min-width: 960px) and (max-width: 1099px){
#rules_check h3{
	height: 480px;
}
h2 img{
	width: 95%;
	height: auto;
	margin: 0 auto;
}
.contents_overview{
	background-position: 7% 0;
	padding-left: 25%;
	padding-right: 5%;
}

.rules_box h3 img{
	padding-top: 150px;
}
.rules_box h4{
	padding: 10px 5% 7px;
}
.rules_box .detail{
	padding: 0 5%;
}
#rules_check ul li{
	height: 480px;
}
#rules_check ul li:nth-child(1){
	background-position: center 315px;
}

#rules_preparation h3,
#rules_preparation ul li:nth-child(1),
#rules_preparation ul li:nth-child(2),
#rules_preparation ul li:nth-child(3) {
	height: 460px;
}

#rules_preparation ul li:nth-child(1),
#rules_preparation ul li:nth-child(2),
#rules_preparation ul li:nth-child(3){
	background-position: center 96%;
}


#rules_bathtub h3{
	height: 480px;
}
#rules_bathtub ul li{
	height: 480px;
}
}
/*3*/
@media screen and (min-width: 768px) and (max-width: 959px){
.contents_overview{
	padding-left: 5%;
	padding-right: 5%;
}
.contents_title p img{
	width:75%;
	height: auto;
}
h2 img{
	width: 90%;
	height: auto;
	margin: 0 auto;
}
/*-----チェック-------------------------------------------------*/
#rules_check h3,
#rules_check ul li:nth-child(1),
#rules_check ul li:nth-child(2){
	height: 480px;
}
#rules_check ul li:nth-child(1),
#rules_check ul li:nth-child(2){
	background-position: center 97%;
}

/*-----準備-------------------------------------------------*/

#rules_preparation ul li:nth-child(1),
#rules_preparation ul li:nth-child(2) {
	background-position: center 95%;
}

#rules_preparation h3,
#rules_preparation ul li:nth-child(1),
#rules_preparation ul li:nth-child(2) {
	height: 465px;
}
#rules_preparation h3 img {
	padding-right: 142px;
}
/*
#rules_preparation ul li:nth-child(2) h4 {
	margin-top: 1.5em;
}*/

/*-----湯船-------------------------------------------------*/
#rules_bathtub h3,
#rules_bathtub ul li:nth-child(1),
#rules_bathtub ul li:nth-child(2){
	height: 470px;
}
#rules_bathtub ul li:nth-child(1){
	background-position: center 320px;
}
#rules_bathtub ul li:nth-child(2){
	background-position: center 310px;
}
#rules_bathtub ul li:nth-child(3),
#rules_bathtub ul li:nth-child(4){
	padding-bottom: 40px;
}
#rules_bathtub ul li:nth-child(5),
#rules_bathtub ul li:nth-child(6){
	padding-bottom: 30px;
}

}

/*2*/
@media screen and (min-width: 415px) and (max-width: 767px){
#rules_check h3{
	height:auto;
}
.contents_overview{
	font-size: 12px;
	padding-left: 3%;
	padding-right: 3%;
}
.contents_title p img{
	width:75%;
}
.rules_box h4{
	font-size: 15px;
	padding: 10px 5% 7px;
}
.rules_box .detail{
	font-size: 11px;
	padding: 0 5%;
}
#rules_check ul li:nth-child(1),
#rules_check ul li:nth-child(2){
	height: 480px;
}
#rules_check ul li:nth-child(1),
#rules_check ul li:nth-child(2){
	background-position: center 96%;
}

#rules_check ul li:nth-child(3) {
	height: auto;
	background-position: center 96%;
	padding-bottom: 170px;
}

#rules_preparation ul li:nth-child(1),
#rules_preparation ul li:nth-child(2) {
	background-position: center 95%;
	padding-bottom: 10px;
}

#rules_bathtub ul li:nth-child(1),
#rules_bathtub ul li:nth-child(2){
	height: 470px;
}
#rules_bathtub ul li:nth-child(1){
	background-position: center 320px;
}
#rules_bathtub ul li:nth-child(2){
	background-position: center 98%;
}

#rules_bathtub ul li:nth-child(3),
#rules_bathtub ul li:nth-child(4) {
	padding-bottom: 40px;
	background-position: center 96%;
}

}
@media screen and (max-width: 414px){
#rules_check h3{
	height:auto;
}
.contents_overview{
	font-size: 12px;
	padding-left: 3%;
	padding-right: 3%;
}
.contents_title p img{
	width:85%;
}
.rules_box h4{
	font-size: 15px;
	padding: 10px 5% 7px;
}
.rules_box .detail{
	font-size: 11px;
	padding: 0 5%;
}
#rules_check ul li:nth-child(1){
	height: 250px;
}
#rules_check ul li:nth-child(1){
	background-position: center 180px;
}
/*#rules_check ul li:nth-child(3){
	background-position: center 140px;
}*/
#rules_bathtub ul li:nth-child(2){
	height: auto;
	padding-bottom: 70px;
	background-position: center 96%;
}
/*#rules_bathtub ul li:nth-child(1){
	background-position: center 180px;
}*/
/*#rules_bathtub ul li:nth-child(2){
	background-position: center 180px;
}*/
}