@charset "UTF-8";
/* サブページ HA-KD7 */

/******* HA-KD7 FACE (sub.cssにも記述あり) ********/
#sec_face{
	background:#c7fdf9 url(../images/ha_kd7/face_bg.jpg) no-repeat;
	background-position:center center;
	background-size:auto;
}
#sec_face .icn_age{
	background:#e17c06;
}

#sec_face .tx_read{
	color:#98418a;
}

/******* HA-KD7 COLOR  (sub.cssにも記述あり) ********/
#sec_color .inner{
	background:url(../images/ha_kd7/color_bg.jpg) no-repeat;
	background-position:center center;
	background-size:90%;
}

#sec_color .inner_kd5 {
    background: url(../images/ha_kd7/color_bg_kd5.jpg) no-repeat !important;
    background-position: center center !important;
    background-size: 90% !important;
    margin-bottom: 3%;
}


/******* HA-KD7 SAFETY ********/
#sec_safety{
	position:relative;
	width:100%;
	background:#fbe7e7 url(../images/ha_kd7/safety_bg.jpg) no-repeat;
	background-position:center bottom;
	background-size:auto;
}
#sec_safety .inner{
	padding:100px 30px 100px;
}
#sec_safety .tx_area{
	width:50%;
	float:right;
}
#sec_safety .tx_read,
#sec_safety .tx_l{
	display:block;
	margin:0 0 3%;
}
#sec_safety .icn_area{
	text-align:right;
}

/*
#sec_safety img{
	width:120px;
}
*/

/******* HA-KD7 COMFORTALBLE********/
#sec_comfortable{
	position:relative;
	width:100%;
	background:#95d4f2 url(../images/ha_kd7/comortable_bg.jpg) no-repeat;
	background-position:center bottom;
	background-size:auto;
}
#sec_comfortable .inner{
	padding:100px 30px;
}
#sec_comfortable .tx_area{
	width:50%;
}
#sec_comfortable .tx_read,
#sec_comfortable .tx_l{
	display:block;
	margin:0 0 3%;
}
.tx_read img {
    width: 100%;
    max-width: 470px;
    margin: 0 auto;
    display: block;
    padding: 5% 0 2%;
}
figre {
    font-size: 12px;
    text-align: center;
    display: block;
}
/******* HA-KD7 FUN ********/
#sec_fun{
	position:relative;
	width:100%;
	background:#9ac121 url(../images/ha_kd7/fun_bg.jpg) no-repeat;
	background-position:center bottom;
	background-size:auto;
	color:#fff;
}
#sec_fun .inner{
	padding:195px 30px;
}
#sec_fun .tx_area{
	width:45%;
	float:right;
}
#sec_fun .tx_read,
#sec_fun .tx_l{
	display:block;
	margin:0 0 3%;
}
#sec_fun #dinosaur {
    position: absolute;
    top: 48%;
    left: 47%;
    margin: -181px 0px 0px 117px;
}
#sec_fun #astro {
    position: absolute;
    top: 76%;
    left: 46%;
    margin: -76px 0px 0px -226px;
}



/* ========================= Media queries ========================= */ 
@media only screen and (max-width: 1024px){}

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

	/******* [600]  HA-KD7 FACE & COLOR (sub.cssにも記述あり)********/
	#sec_face{
		background-position:70% center;
	}

	/******* [800] HA-KD7 SAFETY ********/
	#sec_safety{
		background-position: 49% bottom;
	}
	/******* [800] HA-KD7 COMFORTABLE ********/
	#sec_comfortable{
		background-position: 59% bottom;
	}
}
@media only screen and (max-width: 600px){
	/******* [600]  HA-KD7 FACE & COLOR (sub.cssにも記述あり)********/
	#sec_face{
		background-position:80% top;
		background-size:auto 100%;
	}
	#sec_color .inner{
		background:url(../images/ha_kd7/color_bg_sm.png) no-repeat;
		background-size:100%;
		background-position:center bottom;
	}
	#sec_face h2,
	#sec_face .tx_read{
		color:#000;
	}

	/*******  [600] HA-KD7 SAFETY (sub.cssにも記述あり) ********/
	#sec_safety {
		background:#fbe7e7 url(../images/ha_kd7/safety_bg_sm.jpg) no-repeat;
		background-size: 100%;
		background-position: center bottom;
	}
	#sec_safety .inner{
		padding: 11% 5%;
	}
	#sec_safety .tx_area{
		width:100%;
		margin: 0px 0px 91%;
	}
	#sec_safety .icn_area{
		bottom:5%;
		left:5%;
	}

	/*******  [600] HA-KD7 COMFORTABLE ********/
	#sec_comfortable {
		background:#95d4f2 url(../images/ha_kd7/comortable_bg_sm.jpg) no-repeat;
		background-size: 100% auto;
		background-position: center bottom;
	}
	#sec_comfortable .inner{
		padding: 12% 5%;
	}
	#sec_comfortable .tx_area{
		margin: 0 0 80%;
		width:100%;
	}
	/*******  [600] HA-KD7 FUN ********/
	#sec_fun {
		background:#96be20 url(../images/ha_kd7/fun_bg_sm.jpg) no-repeat;
		background-size: 100% ;
		background-position: center bottom;
	}
	#sec_fun .inner{
		padding: 11% 5%;
	}
	#sec_fun .tx_area{
		margin: 0 0 67%;
		width:100%;
	}
	#sec_fun #dinosaur,
	#sec_fun #astro{
		display:none;
	}
	
	#sec_safety .icn_db {
	width: 100%;
	}
	#sec_safety .icn_cord {
	width: 80%;
	}
	

}