@charset "UTF-8";

.contentpage .main_area{
	background-image:url(../images/kids/m_img@2x.jpg);}



/*　box1
---------------------------------------------------------*/
.box1 .kids_family{
	background: #D6CBB0;
	padding: 30px 100px 50px;
}
.box1 .kids_family dl{
	text-align: center;
}
.box1 .kids_family dl dt{
	letter-spacing: 0.2em;
}
.box1 .kids_family dl dt .ft_europa{
	font-size: 240%;
	color:#fff;
	margin: 15px 0;
}
.box1 .kids_family dl dt .title{
	font-size:150%;
	color:#DE732C;
	font-weight: bold;
	margin-bottom: 15px;
}
.box1 .kids_family .flt_img{
	display: table;
}
.box1 .kids_family .flt_img p{
	display: table-cell;
	vertical-align: middle;
}
.box1 .kids_family .flt_img p:first-child{
	width: 60%;
	padding-right: 3%;
}
.box1 .kids_family .flt_img p:nth-child(2){
	width: 21%;
	padding-right: 2%;
}
.box1 .kids_family .flt_img p:nth-child(3){
	width: 19%;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.box1 .kids_family{
	padding: 4% 4% 5%;
}
.box1 .kids_family dl dt .ft_europa{
	font-size: 200%;
	margin: 2% 0;
}
.box1 .kids_family dl dt .title{
	font-size: 140%;
	margin-bottom: 2%;
}
.box1 .kids_family .flt_img p:first-child{
	width: 55%;
	padding-right: 3%;
}
.box1 .kids_family .flt_img p:nth-child(2){
	width: 23.5%;
	padding-right: 2%;
}
.box1 .kids_family .flt_img p:nth-child(3){
	width: 21.5%;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.box1 .kids_family{
	padding: 5% 4%;
}
.box1 .kids_family dl dt{
	letter-spacing: 0.1em;
}
.box1 .kids_family dl dt .ft_europa{
	font-size: 7vw;
	margin: 0.5em 0;
}
.box1 .kids_family dl dt .title{
	font-size:5vw;
	margin-bottom: 0.8em;
}
.box1 .kids_family dl dd{
	text-align: left;
}
.box1 .kids_family .flt_img,
.box1 .kids_family .flt_img p{
	display: block;
}
.box1 .kids_family .flt_img p:first-child{
	width: 100%;
	padding-right: auto;
}
.box1 .kids_family .flt_img p:nth-child(2),
.box1 .kids_family .flt_img p:nth-child(3){
	float: left;
	width: 40%;
	padding-right: 0;
	margin: 3% 5% 0;
}
}





/*　box2
---------------------------------------------------------*/
.box2 .med_frame_box .med_frame_list > li dt{
	padding-left: 0;
}
.box2 .med_frame_box li dt.icon2{
	margin-bottom: 0.7em;
	display: table;
}
.box2 .med_frame_box li dt.icon2 span{
	display: table-cell;
	vertical-align: middle;
}
.box2 .med_frame_box li dt.icon2 span.ft_europa{
	color:#88CB7F;
	padding-right: 0.3em;
	font-size:175%;
}
.box2 .med_frame_box li .col_3{
	margin-top: 15px;
}
.box2 .med_frame_box li .col_3 p{
	font-size:105%;
	text-align: center;
	font-weight: bold;
	color:#544337;
	margin-top: 0.8em;
}
.box2 .kids_pointbox{
	display: table;
}
.box2 .kids_pointbox dt,
.box2 .kids_pointbox dd{
	display: table-cell;
	vertical-align: middle;
	padding: 35px 0;
}
.box2 .kids_pointbox dt{
	font-size:130%;
	font-weight: bold;
	background: #DEBE7A;
	color:#fff;
	width: 27.5%;
	text-align: center;
	letter-spacing: 0.15em;
}
.box2 .kids_pointbox dd{
	background:rgba(84,67,55,0.10);
	padding: 35px 40px;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.box2 .med_frame_box li dt.icon2 span.ft_europa{
	font-size: 155%;
}
.box2 .med_frame_box li .col_3{
	margin-top: 1%;
}
.box2 .med_frame_box li .col_3 p{
	font-size:100%;
	margin-top: 0.4em;
}
.box2 .kids_pointbox dt,
.box2 .kids_pointbox dd{
	padding: 4% 0;
}
.box2 .kids_pointbox dt{
	font-size: 110%;
	letter-spacing: 0.1em;
}
.box2 .kids_pointbox dd{
	padding: 4%;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.box2 .med_frame_box li:first-child{
	margin-top: 3%;
}
.box2 .med_frame_box li{
	padding-bottom: 5%;
}
.box2 .med_frame_box li dt.icon2{
	margin-bottom: 0.6em;
}
.box2 .med_frame_box li dt.icon2 span.ft_europa{
	font-size:165%;
}
.box2 .med_frame_box li .col_3{
	margin-top: 0;
}
.box2 .med_frame_box li .col_3 p{
	font-size:4.5vw;
}
.box2 .med_frame_box .col_3 li {
	padding-bottom:6%;
	margin-bottom:4%;
}
	.box2 .med_frame_box .col_3 li:last-child{
		margin-bottom: 0;
		padding-bottom: 0;
	}
.box2 .kids_pointbox{
	display: block;
}
.box2 .kids_pointbox dt,
.box2 .kids_pointbox dd{
	display: block;
	padding: 4%;
}
.box2 .kids_pointbox dt{
	font-size:4.5vw;
	width: 100%;
	box-sizing: border-box;
	letter-spacing: 0.1em;
}
}




/*　box3
---------------------------------------------------------*/
.box3 .med_frame_box li{
	float: left;
	box-sizing: border-box;
	width: 50%;
}
.box3 .med_frame_box li:first-child{
	border-right: 1px solid #DBDCDC;
	padding-right: 45px;
}
.box3 .med_frame_box li:nth-child(2){
	padding-left: 45px;
}
.box3 .med_frame_box li p:first-child{
	text-align: center;
	margin-bottom: 30px;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.box3 .med_frame_box li:first-child{
	padding-right: 5%;
}
.box3 .med_frame_box li:nth-child(2){
	padding-left: 5%;
}
.box3 .med_frame_box li p:first-child{
	margin-bottom: 6%;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.box3 .med_frame_box li{
	float: none;
	width: 100%;
}
.box3 .med_frame_box li:first-child{
	border-right: none;
	border-bottom: 1px solid #DBDCDC;
	padding-right: 0;
	padding-bottom: 6%;
}
.box3 .med_frame_box li:nth-child(2){
	padding-left: 0;
	padding-top: 8%;
}
.box3 .med_frame_box li p:first-child{
	width: 85%;
	margin: 0 auto 5%;
}
}