@charset "UTF-8";

#m_img .m_img_area {
	background-image: url(../images/family/m_img.jpg);
}



/*共通
---------------------------------------------------------*/

.link_green {
	color: #aad001;
	font-weight: bold;
}
a.link_green:hover {
	text-decoration: underline;
}

.w1080 {
	width: 94%;
	padding: 0 3%;
	max-width: 1080px;
	margin: 0 auto;
	text-align: left;
}

.w1040 {
	width: 94%;
	padding: 0 3%;
	max-width: 1040px;
	margin: 0 auto;
	text-align: left;
}

.family h4 {
	background: #FED0C1;
	padding: 30px 3%;
	color: #736452;
	font-size: 180%;
	font-weight: bold;
	letter-spacing: .1em;
	line-height: 1.4em;
	text-align: center;
}

.family .cont_box {
	position: relative;
	z-index: 1;
}

.family .title_box {
	background: #fff;
	text-align: center;
	padding-top: 70px;
}

.family .title_box h5 {
	font-size: 200%;
	font-weight: bold;
	text-align: center;
	line-height: 1.8em;
	margin-bottom: 15px;
}

.family .title_box hr.com_ttl_line {
	padding-bottom: 25px;
}

.flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
	flex-direction: row;
}

.device .sub_lead {
	font-size: 106%;
	letter-spacing: .1em;
	line-height: 2.2em;
	text-align: center;
}

.fam_style dt {
	color: #736452;
	font-size: 116%;
	font-weight: bold;
	letter-spacing: .1em;
	line-height: 1.6em;
	text-indent: -1.4em;
	margin-left: 1.4em;
	margin-bottom: 5px;
}

.fam_style dt:before {
	font-family: 'fontello';
	content: '\e807';
	color: #AAD002;
	font-size: 90%;
	line-height: 1.6em;
	padding-right: .5em;
}

.fam_box {
	margin-top: 60px;
	border: solid 5px #EEF6CC;
	padding: 40px 4% 30px;
	position: relative;
}
.fam_box h5 {
	position: absolute;
	width: 100%;
	left: 0;
	top: -0.8em;
	color: #AAD001;
	font-size: 140%;
	font-weight: bold;
	letter-spacing: .1em;
	line-height: 1.4em;
	text-align: center;
}
.fam_box h5 span {
	background: #fff;
	padding: 0 15px;
}

.fam_box2 {
	width: 31%;
}

.fam_box2 dt {
	color: #AAD001;
	font-weight: bold;
	font-size: 125%;
	margin: 30px 0 10px;
}

#club, #kids {
	position: relative;
	margin-top: 100px;
}

#club:before, #kids:before {
	width: 100%;
	height: 400px;
	content: "";
	position: absolute;
	z-index: 0;
	top: 0;
	left: 0;
	background-repeat: no-repeat;
	background-position: center center;
	background-size:  cover;
}

#club:before {background-image: url(../images/family/club_bg.jpg)}

#kids:before {background-image: url(../images/family/forkids_bg.jpg)}

#club h4, #kids h4 {
	color: #fff;
	font-size: 260%;
	font-weight: normal;
	letter-spacing: .1em;
	line-height: 1.2em;
	text-align: center;
	background: transparent;
	padding: 100px 0 80px;
}

.family .slash {
	background: repeating-linear-gradient(-45deg, #fffb7c, #fffb7c 2px, #fff 0, #fff 12px);
	padding: 8px 0 5px;
	background-size: 50px 50px;
}

.family .slash p {
	color: #f85250;
	font-weight: bold;
	font-size: 125%;
	margin: 0;
	text-align: center;
}

.family .fam_hr {
	border: none;
	border-top: 1px solid #d0dace;
	margin: 90px auto;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.family h4 {
	padding: 20px 3%;
	font-size: 170%;
}

.family .title_box {
	padding-top: 7%;
}

#club, #kids {
	margin-top: 10%;
}

.fam_box2 dt {
	margin: 7% 0 5%;
	text-align: center;
}

.fam_box2 dd {
	font-size: 90%;
	line-height: 1.8em;
}

.family .fam_hr {
	margin: 9% auto;
}

}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.family h4 {
	font-size: 150%;
	letter-spacing: .05em;
	padding: 15px 0;
}

#club h4, #kids h4 {
	padding: 60px 0;
}

#club, #kids {
	margin-top: 10%;
}

.family .title_box {
	padding-top: 7%;
}

.family .title_box h5 {
	font-size: 180%;
	line-height: 1.6em;
}

.family .title_box p {
	line-height: 1.8em;
}

.fam_box {
	margin-top: 10%;
	border-width: 3px;
	padding: 6% 4% 5%;
}

.fam_box2 {
	width: 100%;
}

.com_lead h3 {
	font-size: 180%;
	line-height: 1.6em;
}

.family .fam_hr {
	margin: 12% auto;
}
}

/*lead
---------------------------------------------------------*/
.family .com_lead {
	margin-bottom: 70px;
}

.family .com_lead p {
	letter-spacing: 0.08em;
}



/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.family .com_lead {
	margin-bottom: 10%;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.family .com_lead {
	margin-bottom: 10%;
}
}

/*clinic
---------------------------------------------------------*/
.family .clinic {
	background: repeating-linear-gradient(-45deg, #Fdece7, #Fdece7 2px, #fff 0, #fff 12px);
	padding: 40px 0 100px;
	background-size: 50px 50px;
}

.family .clinic .flex2_l{
	width: 50%;
	background: url(../images/family/clinic_bg.png)no-repeat;
	padding-right: 2%;
	padding-left: 10%;
	box-sizing: border-box;
	padding-top: 60px;
}

.family .clinic .flex3_r {
	width: 50%;
	padding-right: 10%;
	padding-left: 2%;
	box-sizing: border-box;
	padding-top: 50px;
}

.family .clinic .flex2_r {
	width: 50%;
	background: url(../images/family/clinic_bg.png)no-repeat;
	padding-top: 60px;
}

.family .clinic .flex3_l {
	width: 50%;
	padding-top: 50px;
	text-align: right;
}

.family .clinic .flex2_l dl {
	width: 68%;
	padding-left: 30px;
	box-sizing: border-box;
}

.family .clinic .flex3_r dl {
	width: 68%;
	box-sizing: border-box;
	padding-right: 45px;
	margin-top: 35px;
}

.family .clinic .flex2_l dt, .family .clinic .flex3_r dt, .family .clinic .flex4_l dt, .family .clinic .flex4_r dt {
	font-weight: bold;
	font-size: 125%;
	color: #736452;
	margin-bottom: 20px;
}

.family .clinic .flex2_l dt span, .family .clinic .flex3_r dt span, .family .clinic .flex4_l dt span, .family .clinic .flex4_r dt span {
	color: #FF996C;
}

.family .clinic .flex2_l dd, .family .clinic .flex3_r dd, .family .clinic .flex4_l dd, .family .clinic .flex4_r dd {
	font-size: 90%;
	letter-spacing: 0.05em;
	line-height: 1.8em;
}

.family .clinic .flex2_l div, .family .clinic .flex3_r div {
	width: 32%;
}

.family .clinic .flex4 {
	justify-content: space-between;
	padding: 0 10%;
	margin-top: 50px;
}

.family .clinic .flex4_l, .family .clinic .flex4_r {
	width: 48%;
}

.family .clinic .flex4_l div, .family .clinic .flex4_r div {
	width: 54%;
}

.family .clinic .flex4_l dl, .family .clinic .flex4_r dl {
	width: 46%;
	padding-left: 28px;
	box-sizing: border-box;
	padding-right: 5px;
}

.family .clinic .flex4_r dd {
	letter-spacing: 0.02em;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.family .clinic {
	padding: 5% 0 10%;
}

.family .clinic .flex1 {
	flex-direction: column-reverse;
}

.family .clinic .flex2_l, .family .clinic .flex3_r {
	width: 100%;
	padding-top: 20px;
}

.family .clinic .flex2_l {
	margin-bottom: 50px;
}

.family .clinic .flex2_l dl {
	padding-left: 10px;
	padding-right: 20px;
}

.family .clinic .flex2_r, .family .clinic .flex3_l {
	 width: 70%;
	 margin: 0 auto;
	 padding-top: 0;
 }

.family .clinic .flex1:nth-child(2) {
	flex-direction: column;
}

.family .clinic .flex2_l div {
	margin-top: -150px;
	text-align: center;
}

.family .clinic .flex3_r {
	padding-left: 3.7%;
	margin-bottom: 50px;
}

.family .clinic .flex3_r dl {
	margin-top: 0px;
	padding-right: 10px;
	padding-left: 20px;
}

.family .clinic .flex3_r div {
	text-align: right;
}

.family .clinic .flex4 {
	flex-direction: column;
	margin-top: 10px;
	padding: 0 5%;
}

.family .clinic .flex4_l {
	margin-bottom: 20px;
}

.family .clinic .flex4_l, .family .clinic .flex4_r {
	width: 100%;
}

.family .clinic .flex4_l div, .family .clinic .flex4_r div {
	text-align: center;
}

.family .clinic .flex4_l dl, .family .clinic .flex4_r dl {
	padding-left: 10px;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.family .clinic {
	padding: 4% 0 10%;
}

.family .clinic .flex1 {
	flex-direction: column-reverse;
}

.family .clinic .flex1:nth-child(2) {
	flex-direction: column;
}

.family .clinic .flex2_l, .family .clinic .flex3_r {
	width: 100%;
	padding-top: 20px;
}

.family .clinic .flex2_l {
	margin-bottom: 5%;
	padding: 10px 0px 20px;
}

.family .clinic .flex2_r, .family .clinic .flex3_l {
	 width: 70%;
	 margin: 0 auto;
	 padding-top: 0;
 }

.family .clinic .flex2_l dl {
	padding: 0;
	width: 100%;
}

.family .clinic .flex2_l div, .family .clinic .flex3_r div {
	display: none;
}

.family .clinic .flex2_l dt, .family .clinic .flex3_r dt, .family .clinic .flex4_l dt, .family .clinic .flex4_r dt {
	margin-bottom: 10px;
	text-align: center;
}

.family .clinic .flex3_r {
	padding: 10px 0 20px;
	margin-bottom: 5%;
	align-items: center;
}

.family .clinic .flex3_r dl {
	padding: 0%;
	margin-top: 0;
	width: 100%;
}

.family .clinic .flex4 {
	padding: 0;
	margin-top: 3%;
	flex-direction: column;
}

.family .clinic .flex4_l, .family .clinic .flex4_r {
	width: 100%;
	flex-direction: column;
}

.family .clinic .flex4_l div, .family .clinic .flex4_r div {
	width: 70%;
	margin: 0 auto;
	text-align: center;
}

.family .clinic .flex4_l dl, .family .clinic .flex4_r dl {
	width: 100%;
	margin: 10px 0 20px;
	padding: 0;
}

.family .clinic .flex4_l dt, .family .clinic .flex4_r dt {
	text-align: center;
}
}


/*kidsclub
---------------------------------------------------------*/
.method {
	margin-bottom: 70px;
}

.method li {
	color: #736452;
	font-size: 116%;
	font-weight: bold;
	letter-spacing: .01em;
	line-height: 1.8em;
	text-indent: -1.4em;
	margin-left: 1.4em;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: solid 1px #EEF6CC;
}

.method li:last-child {
	border-bottom: none;
	margin-bottom: 0;
	padding-bottom: 0;
}

.method li:before {
	font-family: 'fontello';
	content: '\e807';
	color: #AAD002;
	font-size: 90%;
	line-height: 1.6em;
	padding-right: .5em;
}

#club .w1200 .flex1 {
	justify-content: space-between;
}

#club .method2 {
	margin-bottom: 75px;
}

#club .method2_2 dd {
	letter-spacing: 0.055em;
}

#club .method2_3 dd {
	letter-spacing: 0.03em;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
#club .method {
	margin-top: 5%;
	margin-bottom: 7%;
}

#club .method2 {
	margin-bottom: 8%;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
#club .w1200 .flex1 {
	flex-direction: column;
}

.method {
	margin-bottom: 7%;
}

#club .method2 {
	margin-bottom: 7%;
}

.fam_box2 div {
	width: 70%;
	margin: 0 auto;
	text-align: center;
}

.fam_box2 dt {
	margin: 3% 0 5px;
	text-align: center;
}

.fam_box2 dd {
	margin-bottom: 7%;
}
}



/*sensei_q
---------------------------------------------------------*/
.sensei_q h5 {
	margin-bottom: 30px;
}

.sensei_q .flex1 {
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: center;
	background: url(../images/family/q_bg.png)no-repeat bottom;
	background-size: contain;
	margin-bottom: 20px;
}

.sensei_q .flex1 li {
	width: 20%;
	text-align: center;
	padding: 0 5px;
	box-sizing: border-box;
}

.sensei_q .w1080 p {
	margin-top: 25px;
	text-align: center;
	line-height: 2.1em;
	margin-bottom: 65px;
}

.sensei_q .club_box {
	border: 10px solid #fff700;
	background: repeating-linear-gradient(-45deg, #fff700, #fff700 2px, #fff 0, #fff 12px);
	padding: 20px 30px;
	background-size: 50px 50px;
}

.sensei_q .club_box .flex4 {
	align-items: center;
	justify-content: space-between;
}

.sensei_q .club_box .clubbnr_title {
	width: 40%;
}

.sensei_q .club_box p {
	width: 34%;
	margin: 0;
	padding: 0 25px;
	box-sizing: border-box;
	font-size: 90%;
	text-align: left;
	line-height: 1.8em;
}

.sensei_q .club_box .clubbnr_img {
	width: 26%;
}


/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.sensei_q .flex1 {
	flex-direction: row;
	flex-wrap: wrap;
	background: url(../images/family/q_bg.png)repeat;
}

.sensei_q .flex1 li {
	width: 33%;
	margin-bottom: 10px;
}

.sensei_q .w1080 p {
	margin-bottom: 7%;
}

.sensei_q .club_box .flex4 {
	flex-wrap: wrap;
	align-items: flex-start;
}

.sensei_q .club_box .clubbnr_title {
	width: 100%;
	text-align: center;
	margin-bottom: 20px;
}

.sensei_q .club_box p {
	width: 58%;
	padding-left: 5px;
	padding-right: 35px;
	margin-bottom: 0;
}

.sensei_q .club_box .clubbnr_img {
	width: 42%;
}

}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.sensei_q h5 {
	padding: 0 20px;
	margin-bottom: 3%;
}

.sensei_q .flex1 {
	background-repeat: repeat;
}

.sensei_q .flex1 li {
	width: 50%;
	margin-bottom: 5px;
}

.sensei_q .w1080 p {
	line-height: 2em;
	margin-top: 3%;
	margin-bottom: 5%;
}

.sensei_q .club_box {
	padding: 20px;
}

.sensei_q .club_box .flex4 {
	flex-direction: column;
}

.sensei_q .club_box .clubbnr_title {
	width: 100%;
	text-align: center;
}

.sensei_q .club_box p {
	width: 100%;
	padding: 0px;
}

.sensei_q .club_box .clubbnr_img {
	width: 100%;
	text-align: center;
}
}


/*kids
---------------------------------------------------------*/
#kids .case10 {
	margin-top: 135px;
	background: repeating-linear-gradient(-45deg, #fffb7c, #fffb7c 2px, #fff 0, #fff 12px);
	padding: 20px 30px 50px;
	background-size: 50px 50px;
}

#kids .case10_ttl {
	margin-top: -60px;
	margin-bottom: 15px;
}

#kids .case10 h5 {
	font-size: 200%;
	font-weight: bold;
	text-align: center;
	line-height: 1.8em;
	color: #aad001;
}

#kids .case10 p {
	margin-top: 40px;
	line-height: 2.1em;
	margin-bottom: 65px;
}

#kids .case10 p span {
	color: #aad001;
	font-weight: bold;
}

#kids .w1400 {
	padding: 70px 0;
	box-sizing: border-box;
}

#kids .w1400 .flex1 {
	flex-direction: column;
}

#kids .w1400 .flex2 {
	flex-wrap: wrap;
	justify-content: space-between;
}

#kids .w1400 .flex3 {
	justify-content: center;
}

#kids .w1400 .flex2 dl, #kids .w1400 .flex3 dl {
	width: 31%;
	margin-bottom: 65px;
}

#kids .w1400 .flex3 dl, #kids .w1400 .flex3 div {
	margin: 0 15px;
}

#kids .w1400 .flex2 dt {
	font-weight: bold;
	font-size: 125%;
	color: #aad001;
	border-bottom: 1px solid #d0dacb;
	line-height: 1.3em;
	padding-left: 60px;
	padding: 13px 0px 12px 60px;
}

#kids .w1400 .flex3 dt {
	font-weight: bold;
	font-size: 125%;
	color: #aad001;
	border-bottom: 1px solid #d0dacb;
	padding-left: 60px;
	line-height: 1.3em;
	padding: 13px 0px 12px 60px;
}

#kids .w1400 .flex2 dd, #kids .w1400 .flex3 dd {
	line-height: 1.8em;
	box-sizing: border-box;
	letter-spacing: 0.05em;
	margin-top: 15px;
}

#kids .w1400 .flex2 .case_1 dt {
	background: url(../images/family/case01.png)no-repeat left top;
}

#kids .w1400 .flex2 .case_2 dt {
	background: url(../images/family/case02.png)no-repeat left top;
}

#kids .w1400 .flex2 .case_3 dt {
	background: url(../images/family/case03.png)no-repeat left top;
}

#kids .w1400 .flex2 .case_4 dt {
	background: url(../images/family/case04.png)no-repeat left top;
}

#kids .w1400 .flex2 .case_5 dt {
	background: url(../images/family/case05.png)no-repeat left top;
}

#kids .w1400 .flex2 .case_6 dt {
	background: url(../images/family/case06.png)no-repeat left top;
}

#kids .w1400 .flex2 .case_7 dt {
	background: url(../images/family/case07.png)no-repeat left top;
}

#kids .w1400 .flex2 .case_8 dt {
	background: url(../images/family/case08.png)no-repeat left top;
}

#kids .w1400 .flex2 .case_9 dt {
	background: url(../images/family/case09.png)no-repeat left top;
}

#kids .w1400 .flex3 .case_10 dt {
	background: url(../images/family/case10.png)no-repeat left top;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
#kids .case10 {
	margin-top: 13%;
}

#kids .case10_ttl {
	margin-bottom: 5px;
}

#kids .case10 p {
	margin: 2% auto 7%;
}

#kids .w1400 {
	padding: 5% 0;
	width: 100%;
}

#kids .w1400 .flex2 dl, #kids .w1400 .flex3 dl {
	margin-bottom: 5%;
}

#kids .w1400 .flex2 dt, #kids .w1400 .flex3 dt {
	padding-top: 0;
	padding-bottom: 5px;
	display: table-cell;
	vertical-align: middle;
}

#kids .w1400 .flex2 dd, #kids .w1400 .flex3 dd {
	line-height: 1.6em;
}

#kids .w1400 .flex3 {
	align-items: center;
}


}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
#kids .case10 {
	margin-top: 20%;
}

#kids .case10_ttl {
	padding: 0 3%;
}

#kids .case10 {
	padding: 20px 3% 30px;
}

#kids .case10_ttl {
	margin-bottom: 5px;
}

#kids .case10 h5 {
	font-size: 180%;
	line-height: 1.6em;
}

#kids .case10 p {
	margin-top: 4%;
	margin-bottom: 6%;
}

#kids .w1400 .flex2 dl, #kids .w1400 .flex3 dl {
	width: 100%;
	margin-bottom:6%;
}

#kids .w1400 {
	padding: 8% 0;
}

#kids .w1400 .flex2 dd, #kids .w1400 .flex3 dd {
	margin-top: 5px;
}

#kids .w1400 .flex3 {
	flex-direction: column;
}

#kids .w1400 .flex3 dl {
	margin: 0;
}

#kids .w1400 .flex3 div {
	margin: 0;
	margin-top: 15px;
	text-align: center;
}
}


/*aiube
---------------------------------------------------------*/
.family .aiube {
	margin-top: 150px;
}

.family .aiube .com_lead {
	padding-top: 15px;
}

.family .aiube .com_lead span {
	color: #aad001;
}

.family .aiube hr.com_ttl_line {
	border-top: 5px solid #aad001;
}

.family .aiube .com_lead p span {
	color: #aad001;
	font-weight: bold;
}

.family .aiube .osusume {
	padding: 25px 50px;
	background: #f5f5f0;
}

.family .aiube .osusume .osusume_ttl h5 {
	text-align: center;
}

.family .aiube .osusume .osusume_ttl h5 span {
	background: url(../images/family/aiube_check.png)no-repeat left top;
	font-size: 180%;
	font-weight: bold;
	line-height: 1.8em;
	color: #736452;
	padding-left: 30px;
}

.family .aiube .osusume .check {
	margin-top: 25px;
}

.family .aiube .osusume .flex1 {
	justify-content: space-between;
}

.family .aiube .osusume .flex1_l {
	width: 31%;
}

.family .aiube .osusume .flex1_r {
	width: 64%;
}

.family .aiube .osusume .check li {
	background: url(../images/family/aiube_checkbox.png)no-repeat left center;
	padding-left: 30px;
	font-weight: 500;
	font-size: 110%;
	border-bottom: 1px solid #736452;
	padding-bottom: 7px;
	margin-bottom: 7px;
}

.family .aiube .howto {
	margin-top: 65px;
}

.family .aiube .howto h5 {
	font-size: 180%;
	font-weight: bold;
	line-height: 1.8em;
	color: #736452;
	text-align: center;
}

.family .aiube .howto p {
	text-align: center;
	margin: 25px auto;
	line-height: 2.1em;
}

.family .aiube .howto p span {
	font-weight: bold;
	color: #aad001;
}

.family .aiube .howto .flex2 {
	border-top: 3px solid #fff40a;
	border-bottom: 3px solid #fff40a;
	padding: 27px 0;
	align-items: center;
	justify-content: space-between;
}

.family .aiube .howto .flex2 dt {
	text-align: center;
}

.family .aiube .howto .flex2 dd {
	font-size: 95%;
	line-height: 2.5em;
}

.family .aiube .howto .flex2 dd span {
	color: #a5d200;
	font-weight: bold;
}

.family .aiube .howto .flex2 .flow1 {
	background: url(../images/family/icon1.png)no-repeat left center;
	padding-left: 30px;
}

.family .aiube .howto .flex2 .flow2 {
	background: url(../images/family/icon2.png)no-repeat left center;
	padding-left: 30px;
}

.family .aiube .howto .flex2 .flow3 {
	background: url(../images/family/icon3.png)no-repeat left center;
	padding-left: 30px;
}

.family .aiube .howto .flex2 .flow4 {
	background: url(../images/family/icon4.png)no-repeat left center;
	padding-left: 30px;
}

.family .aiube .howto .slash p {
	margin: 0;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.family .aiube {
	margin-top: 12%;
}

.family .aiube .osusume {
	padding: 15px 30px;
}

.family .aiube .osusume .check {
	margin-top: 10px;
}

.family .aiube .osusume .check li {
	background-position: left 0px top 7px;
}

.family .aiube .howto {
	margin-top: 6%;
}

.family .aiube .howto p {
	margin: 3% auto;
}

.family .aiube .howto .flex2 li:nth-child(2n) {
	padding: 0 10px;
}

.family .aiube .howto .flex2 li:first-child, .family .aiube .howto .flex2 li:nth-child(2n+1) {
	width: 21%;
}

.family .aiube .howto .flex2 .flow1, .family .aiube .howto .flex2 .flow2, .family .aiube .howto .flex2 .flow3, .family .aiube .howto .flex2 .flow4 {
	background-size: 20px;
	padding-left: 25px;
	background-position: left 0 top 3px;
}

.family .aiube .howto .flex2 dd {
	font-size: 90%;
	background-size: 5px;
	line-height: 1.6em;
	margin-top: 10px;
}

}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.family .aiube {
	margin-top: 10%;
}

.family .aiube .aiube_ttl {
	padding: 0 3%;
}

.family .aiube .osusume {
	padding: 20px;
}

.family .aiube .osusume .osusume_ttl h5 span {
	font-size: 150%;
	padding-top: 5px;
}

.family .aiube .osusume .flex1 {
	flex-direction: column;
}

.family .aiube .osusume .flex1_l, .family .aiube .osusume .flex1_r {
	width: 100%;
}

.family .aiube .osusume .check {
	margin-top: 10px;
}

.family .aiube .howto {
	margin-top: 6%;
}

.family .aiube .howto p {
	line-height: 2em;
	margin: 3% auto;
}

.family .aiube .howto .flex2 {
	flex-direction: column;
}

.family .aiube .howto .flex2 li:nth-child(2n) {
	transform: rotate(90deg);
	margin: 3% auto;
}

.family .aiube .howto .slash p {
	padding: 0 3%;
}

}

/*risk
---------------------------------------------------------*/
.family .risk .com_lead {
	margin-bottom: 45px;
	padding-top: 15px;
}

.family .risk .com_lead h3 span {
	color: #aad001;
}

.family .risk .com_lead p {
	letter-spacing: 0.05em;
}

.family .risk hr.com_ttl_line {
	border-top: 5px solid #aad001;
}

.family .demerit {
	padding: 25px 50px;
	background: #f5f5f0;
	margin-bottom: 40px;
}

.family .demerit .demerit_ttl h5 {
	text-align: center;
}

.family .demerit .demerit_ttl h5 span {
	font-size: 180%;
	font-weight: bold;
	line-height: 1.8em;
	color: #736452;
}

.family .demerit ul {
	margin-top: 25px;
}

.family .demerit li {
	background: url(../images/family/mouth_icon.png)no-repeat;
	padding-left: 30px;
	font-weight: bold;
	font-size: 110%;
	border-bottom: 1px solid #736452;
	padding-bottom: 7px;
	margin-bottom: 7px;
	background-position: left 0px top 7px;
}

.family .demerit li dd {
	font-size: 85%;
	font-weight: normal;
	line-height: 1.6em;
}

.family .risk .risk_btm {
	margin-top: 25px;
	text-align: center;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.family .risk .com_lead {
	margin-bottom: 10%;
}

.family .demerit {
	padding: 15px 30px;
}

.family .demerit ul {
	margin-top: 10px;
}

.family .risk .risk_btm {
	margin-top: 3%;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.family .risk .com_lead {
	margin-bottom: 10%;
}

.family .demerit {
	padding: 20px;
	margin-bottom: 5%;
}

.family .demerit ul {
	margin-top: 10px;
}

.family .risk .slash p {
	padding: 0 3%;
}
}


/*mrc
---------------------------------------------------------*/
.family .mrc {
	margin-bottom: 150px;
}

.family .mrc .com_lead {
	padding-top: 15px;
}

.family .mrc .com_lead h3 span {
	color: #aad001;
}

.family .mrc hr.com_ttl_line {
	border-top: 5px solid #aad001;
}

.family .mrc .slash {
	padding: 50px;
}

.family .mrc .slash .flt_r {
	margin-left: 30px;
}

.family .mrc .slash dt {
	font-size: 125%;
	font-weight: bold;
	color: #736452;
	margin-bottom: 15px;
}

.family .mrc .slash dd {
	font-size: 95%;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.family .mrc .slash {
	padding: 30px;
}

.family .mrc {
	margin-bottom: 15%;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.family .mrc {
	margin-bottom: 15%;
}

.family .mrc .com_lead {
	margin-bottom: 10%;
}

.family .mrc .slash {
	padding: 20px;
}

.family .mrc .slash .flt_r {
	float: none;
	margin-left: 0;
	width: 90%;
	margin: 0 auto;
	text-align: center;
}

.family .mrc .slash dt {
	margin-top: 5%;
	margin-bottom: 3%;
}
}