@charset "UTF-8";


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



/*---------------------------------------------------------
family
---------------------------------------------------------*/
#family {
	background-color: #f5e074;
}
#family .inbox {
	position: relative;
	box-sizing: border-box;
	padding: 60px 6%;
}
#family .fam_deco_txt {
	color: #FFF;
	font-style: normal;
	font-size: min(5.8vw,422%);
	letter-spacing: .1em;
	line-height: 1;
	margin-bottom: .5em;
}
#family .fam_deco_txt span {
	display: block;
	font-size: 170%;
	letter-spacing: .1em;
}
#family .box2 {
	background-color: rgba(255,255,255,0.2);
}
#family .col3 .box_img {
	max-width: 362px;
	margin: 0 auto 6%;
}
#family .col3 .box_img img {
	border-radius: 8.3% / 13.2%;
}
#family .col3 p {
	text-align: center;
	line-height: 1.5;
}
#family .col3 p span {
	display: block;
	font-size: min(2.6vw,186%);
}
#family .com_radibox {
	border-radius: 2em;
	background-color: rgba(255,255,255,0.4);
}
#family .com_radibox .img_l {
	max-width: 283px;
}

/* PC,Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) {
#family .box1 {
	display: grid;
	justify-content: space-between;
	grid-template-columns: 51% 48%;
}
#family .box1 .fam_img1 {
	grid-column: 2 / 3;
	grid-row: 1 / 4;
}
#family .box1 .fam_deco_txt {
	grid-column: 1 / 2;
	grid-row: 2 / 3;
}
#family .box1 p {
	grid-column: 1 / 2;
	grid-row: 3 / 4;
}
#family .fam_point {
	grid-column: 1 / 2;
	grid-row: 1 / 2;
	margin-top: -15%;
	margin-bottom: 5%;
}
#family .col3 {
	display: flex;
	justify-content: space-between;
}
#family .col3 > li {
	width: 31.8%;
}
}
/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {

#family .inbox {
	padding: 6%;
}
#family .box1 .fam_img1 {
	width: 120%;
}
#family .fam_point {
	width: 120%;
}
}
/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {

#family .inbox {
	padding: 8% 6%;
}
#family .box1 .fam_img1 {
	margin-left: -5%;
}
#family .box1 .fam_deco_txt {
	font-size: 250%;
	max-width: max-content;
	margin: 0 auto;
}
#family .fam_point {
	width: 85%;
	margin: 6% auto 5%;
}

#family .col3 .box_img {
	width: 80%;
	margin-bottom: 4%;
}
#family .col3 > li:nth-of-type(n+2) {
	margin-top: 7%;
}
#family .col3 p span {
	font-size: 140%;
}
#family .com_radibox dt {
	text-align: center;
}
#family .com_radibox .img_l {
	margin-left: 14%;
}
}

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

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

/* 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) {


}