@charset "UTF-8";

/* メインイメージ */
.contentpage .m_img_area .m_img::before{
	background-image: url("../images/kids/m_img@2x.jpg");
}





/*box1
---------------------------------------------------------*/
.box1 .like .like_tit{
	margin-bottom: 50px;
}
.box1 .like .like_tit h3{
	font-size: 190%;
	letter-spacing: 0.1em;
	line-height: 1.6em;
	margin-bottom: 0.3em;
	color: #ec9176;
}
.box1 .like .like_tit h3 span{
	display: inline-block;
	transform:rotate(20deg);
	padding-left: 0.4em;
	font-size: 105%;
}
.box1 .like .like_tit p{
	color: #312f2f;
}
.box1 .like ul{
	display: flex;
	justify-content: space-between;
    flex-wrap: wrap;
	max-width: 1160px;
	margin-left: auto;
	margin-right: auto;
}
.box1 .like ul li{
	width: 24.53%;
}
.box1 .like ul li div{
	max-width: 260px;
	width: 97%;
	margin: 0 auto;
	text-align: center;
}
.box1 .like ul li p{
	font-size: min(135%,1.8vw);
	letter-spacing: 0.1em;
	line-height: 1.6em;
	font-weight: bold;
	color: #df6749;
	text-align: center;
	margin-top: 1em;
}
.box1 .com_link2 a{
	margin-top: 0;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.box1 .like .like_tit h3{
	font-size: 170%;
}
.box1 .like ul li div{
	width: 90%;
}
.box1 .like ul li p{
	font-size: min(135%,1.9vw);
	letter-spacing: 0.05em;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.box1 .like .like_tit{
	margin-bottom: 7%
}
.box1 .like .like_tit h3{
	font-size: 140%;
	letter-spacing: 0.05em;
}
.box1 .like ul{
	max-width: 100%;
}
.box1 .like ul li{
	width:50%;
	margin-top: 5%;
}
.box1 .like ul li div{
	width: 90%;
}
.box1 .like ul li p{
	font-size: 105%;
	letter-spacing: 0.03em;
	line-height: 1.4em;
	margin-top:0.5em;
}
.box1 .like ul li:nth-of-type(1),
.box1 .like ul li:nth-of-type(2){
	margin-top: 0;
}
}




/*box2
---------------------------------------------------------*/
.box2 .med_bgbox{
	background-color: #fff4f7;
}
.box2 .med_bgbox .bgbox_tit{
	background-color: #ff93af;
}
.box2 .med_bgbox .bgbox_style dt{
	color: #ff93af;
}
.box2 .med_bgbox .bgbox_style dt::before {
    background-color: #ffc9d7;
}
.box2 .med_bgbox .img_list p{
	color: #ff93af;
}
.box2 .med_bgbox .point_box dt{
	background-color:#ff93af; 
}
.box2 .med_bgbox .point_box .flex{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.box2 .med_bgbox .point_box .txt_l{
	width: 77%;
}
.box2 .med_bgbox .point_box .img_r{
	max-width: 150px;
	width: 20%;
}
/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.box2 .med_bgbox .point_box .txt_l{
	width: 72%;
}
.box2 .med_bgbox .point_box .img_r{
	width: 25%;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.box2 .med_bgbox .point_box .flex{
	display: block;
}
.box2 .med_bgbox .point_box .txt_l{
	width: 100%;
}
.box2 .med_bgbox .point_box .img_r{
	width: 50%;
	margin: 3% auto;
	text-align: center;
}
}



