@charset "UTF-8";


/*---------------------------------------------------------
 Family
---------------------------------------------------------*/
#family {
	background-color: rgba(251,234,172,0.4);
	border-radius: 2em;
}
.family_title_wrap {
	position: relative;
	margin-bottom: 3%;
}
.family_title {
	max-width: max-content;
	width: 26%;
}

#family .com_flt .img_r .text {
	width: 50%;
	max-width: 190px;
	margin: -30% -5% auto auto;
}

#family .com_col_list .com_h__min b {
	display: block;
	font-family: "Hiragino Kaku Gothic ProN","Hiragino Sans","游ゴシック","Yu Gothic",Meiryo,sans-serif;
	font-size: 56%;
}
#family .com_col_list .com_h__min b span {
	color: var(--accent-color);
}

#family .com_txt__radi {
	max-width: 870px;
}

.family_title_wrap .com_illust {
	left: 26%;
	bottom: 0;
}
#family .com_bg__wave {
	width: 70%;
	max-width: 715px;
	left: 6%;
	top: 12%;
}
/* PC,Tablet
------------------------------------------*/
@media only screen and (min-width: 768px) {

#family .com_flt .img_r {
	width: 45%;
}
.family_title_wrap {
	padding-top: 2em;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {

.family_title_wrap {
	margin-bottom: 6%;
}
.family_title {
	width: 50%;
}

#family .com_flt .img_r .text {
	margin: -40% -15% auto auto;
}

#family .com_col_list .com_h__min b {
	font-size: 70%;
}

.family_title_wrap .com_illust {
	left: 60%;
	bottom: 10%;
}
#family .com_bg__wave {
	width: 90%;
	left: 10%;
	top: 88vw;
}
}


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

/* PC,Tablet
------------------------------------------*/
@media only screen and (min-width: 768px) {

}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {

}