@charset "UTF-8";

.contentpage .m_img {
	background-image: url("../images/kids/m_img@2x.jpg");
}
/*---------------------------------------------------------
kids friendly
---------------------------------------------------------*/
#kids .com_arc_wrap {
	padding: 70px 0;
}
#kids .com_arc_box {
	background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 526" preserveAspectRatio="none"><path fill="%23FFFFFF" d="M50,263C50,100.5,0,0,0,0l0,263v0l0,263C0,526,50,425.5,50,263L50,263L50,263L50,263L50,263z" /></svg>'),url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 526" preserveAspectRatio="none"><path fill="%23FFFFFF" d="M0,263L0,263L0,263L0,263c0,162.5,50,263,50,263V263l0,0V0C50,0,0,100.5,0,263L0,263z" /></svg>');
	background-size: 7.5% 100%;
	background-color: #FDECED;
}
#kids .com_arc_box::before,
#kids .com_arc_box::after {
	background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1400 75" preserveAspectRatio="none"><path fill="%23FDECED" d="M699.9998776,0C267.5114353,0,0,75,0,75H1400S1132.4885647,0,700.0001224,0h-.0002448Z,263L50,263L50,263L50,263L50,263z" /></svg>');
}
#kids .com_title1 .ft_jos {
	color: #f5a294;
}
#kids .com_title1::before {
	display: block;
	text-align: center;
	font-family: 'fontello';
	content: '\e800';
	color: #ffd000;
	font-size: 160%;
	letter-spacing: normal;
	line-height: 1;
	font-weight: normal;
	margin-bottom: .6em;
}
#kids .kids_flex .box_img  {position: relative;}
#kids .kids_flex .box_img .abs_txt {position: absolute;}
/*flex1*/
#kids .kids_flex.flex1 .box_img {
    max-width: 540px;
}
#kids .kids_flex.flex1 .box_img img:not(.abs_txt) {
	width: 85%;
	max-width: 440px;
	border-radius: 50%;
	margin-left: 0;
}
#kids .kids_flex.flex1 .box_img .abs1 {
	width: 30%;
	max-width: 160px;
    right: 0;
    top: 3vw;
}
/*flex2*/
#kids .kids_flex.flex2 .box_img {
    max-width: 600px;
}
#kids .kids_flex.flex2 .box_img .abs2 {
	width: 34%;
	max-width: 200px;
    left: -4%;
    top: -1vw;
}
/*copy1*/
#kids .copy1 {
    font-size: min(250%,3vw);
}
#kids .copy1 img {
    display: inline-block;
	width: 4.5em;
	max-width: 184px;
    margin: 0 .25em 0 .15em;
}
/*pick_col3*/
#kids .pick_col3 .box_img {
	max-width: 350px;
	margin: 0 auto 5%;
}
#kids .pick_col3 p.txt {
	text-align: center;
	font-size: min(130%,1.8vw);
	font-weight: bold;
	letter-spacing: .15em;
	line-height: 1.4;
	font-feature-settings: "halt";
}
/* PC,Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) {
#kids .com_arc_box {
	padding: 0;
	padding-bottom: 40px;
}
#kids .com_arc_box::before,
#kids .com_arc_box::after {
	height: min(4vw,75vw);
}
#kids .kids_flex  {
	display: flex;
	justify-content: space-between;
}
/*flex1*/
#kids .kids_flex.flex1 .box_img {
	width: 46%;
}
#kids .kids_flex.flex1 .com_style1 {
	width: 50%;
}
/*flex2*/
#kids .kids_flex.flex2 {
	flex-direction: row-reverse;
}
#kids .kids_flex.flex2 .box_img {
	width: 50%;
}
#kids .kids_flex.flex2 .com_style1 {
	width: 47%;
}
/*pick_col3*/
#kids .pick_col3 {
	display: grid;
	justify-content: space-between;
	grid-template-columns: repeat(3, 29.2%);
}
}
/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
#kids .com_arc_wrap {
	padding: 6% 0;
}
#kids .com_arc_box {
	padding-bottom: 4%;
}
/*pick_col3*/
#kids .pick_col3 {
	width: 95%;
	grid-template-columns: repeat(3, 31.2%);
	margin-left: auto;
	margin-right: auto;
}
}
/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
#kids .com_arc_wrap {
	padding: 9% 0;
}
#kids .com_arc_box {
	padding-bottom: 6%;
}
/*flex1*/
#kids .kids_flex.flex1 .box_img  {
	width: 90%;
	margin: 0 auto 5%;
}
/*flex2*/
#kids .kids_flex.flex2 .box_img  {
	width: 100%;
	margin: 0 auto 5%;
}
#kids .kids_flex.flex2 .box_img .abs2 {
	left: 0;
}
/*copy1*/
#kids .copy1 {
	text-align: center;
    font-size: 140%
}
#kids .copy1 img {
	width: 4em;
}
/*pick_col3*/
#kids .pick_col3 > div:not(:last-of-type) {
	margin-bottom: 8%;
}
#kids .pick_col3 .box_img {
	width: 65%;
}
#kids .pick_col3 p.txt {
	font-size: 110%;
	letter-spacing: .1em;
}
}
/*---------------------------------------------------------
med_bdrbox
---------------------------------------------------------*//* PC,Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) {
.med_bdrbox .pick_col3 {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.med_bdrbox .pick_col3 > div {
	width: 31%;
	margin-right: 3.3%;
}
.med_bdrbox .pick_col3 > div:nth-of-type(3n),
.med_bdrbox .pick_col3 > div:last-child {
	margin-right: 0;
}
.med_bdrbox .pick_col3 > div:nth-of-type(n+4) {
	margin-top: 2.8em;
}
}
/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.med_bdrbox .pick_col3 > div:not(:last-of-type) {
	padding-bottom: 0;
	border-bottom: none;
}
}
/*---------------------------------------------------------
info
---------------------------------------------------------*/
#info {
    text-align: center;
}
#info .com_style1_txt {
    margin-bottom: .4em;
}
/*---------------------------------------------------------

---------------------------------------------------------*/

/* PC,Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) {}
/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
}
/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {}