@charset "UTF-8";

/* お子さまの歯医者嫌いをなくしたい
---------------------------------------------------------*/
.for_fam_box{
	background: #FFC7BC;
	padding: 50px 50px 100px 50px;
	box-sizing: border-box;
	position: relative;
}
.for_fam_box::before{
	content: "";
	background: url(../images/kids/fam_bg1@2x.png) no-repeat;
	background-size: 100% 100%;
	position: absolute;
	left: 0;
	top: -66px;
	width: 100%;
	height: 66px;
	display: block;
}
.deco_1{
	position: absolute;
	left: 75px;
	top: -50px;
}
.deco_2{
	position: absolute;
	right: 50px;
	top: -60px;
}
.for_fam_box p.tit_en{
	font-size: 140%;
	letter-spacing: 0.15em;
	text-align: center;
	margin: 0 auto 20px auto;
}
.for_fam_box p.tit_en span{
	color: #FF566F;
}
.for_fam_box div.tit_jap{
	text-align: center;
	font-size: 210%;
	letter-spacing: 0.25em;
	position: relative;
	max-width: 620px;
	margin: 0 auto;
}
.for_fam_box div.tit_jap::before{
	content: "";
	background: url(../images/kids/fam_dash_l@2x.png) no-repeat;
	background-size: 100% auto;
	position: absolute;
	left: 0;
	top: 0;
	width: 23px;
	height: 35px;
	display: block;
}
.for_fam_box div.tit_jap::after{
	content: "";
	background: url(../images/kids/fam_dash_r@2x.png) no-repeat;
	background-size: 100% auto;
	position: absolute;
	right: 0;
	top: 0;
	width: 23px;
	height: 35px;
	display: block;
}
.for_fam_list{
	margin: 60px 0 35px 0;
}
.for_fam_list li{
	float: left;
	width: 32%;
	margin: 0 2% 0 0;
	text-align: center;
}
.for_fam_list li:last-child{
	margin: 0 0 0 0;
}
.for_fam_list dd{
	color: #685F4B;
	line-height: 1.7em;
	letter-spacing: 0.25em;
	margin: 20px 0 15px 0;
}
.for_fam_list dd span{
	display: block;
	font-size: 145%;
	color: #FF566F;
	margin-top: 5px;
}
.for_fam_list dd strong{
	font-size: 80%;
	letter-spacing: 0.05em;
	display: block;
	margin-top: 0.8em;
	line-height: 1.6em;
}
.kids_club_box{
	background: #fff;
	padding: 15px 50px 20px 50px;
	box-sizing: border-box;
	position: relative;
	max-width: 1100px;
	margin: 100px auto 0 auto;
}
.kids_club_box::before{
	content: "";
	background: url(../images/kids/kids_bg_top@2x.png) no-repeat;
	background-size: 100% 100%;
	position: absolute;
	right: 0;
	top: -59px;
	width: 100%;
	height: 59px;
	display: block;
}
.kids_club_box::after{
	content: "";
	background: url(../images/kids/kids_bg_bottom@2x.png) no-repeat;
	background-size: 100% auto;
	position: absolute;
	right: 0;
	bottom: -59px;
	width: 100%;
	height: 59px;
	display: block;
}
.deco_3{
	position: absolute;
	left: -15px;
	top: -85px;
}
.kids_club_box p{
	text-align: center;
	margin: 0 0 50px 0;
	position: relative;
}
.kids_club_box dl{
	position: relative;
	z-index: 1;
}
.kids_club_box dt{
	float: right;
	width: 36%;
}
.kids_club_box dd{
	float: left;
	width: 57%;
	margin: 0 7% 0 0;
}
.deco_4{
	position: absolute;
	left: 0;
	top: 120px;
	z-index: 0;
}
.deco_5{
	position: absolute;
	right: 0;
	top: 60px;
	z-index: 0;
}
.kids_bg dd span{
	font-weight: bold;
	color: #FF756F;
}
.for_fam_box .com_btn1{
	border-bottom: 2px solid #fff;
	border-top: 2px solid #fff;
	padding: 10px 0 10px 0;
	max-width: 255px;
}
.for_fam_box .com_btn1 a{
	padding-right:35px;
}
.for_fam_box .com_btn1 a span{
	border-bottom: none;
}
.for_fam_box .com_btn1 a::after{
	top: 5px;
	max-width: 30px;
	width: 30px;
	height: 30px;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.for_fam_box{
	padding: 10px 20px 50px 20px;
}
.for_fam_box div.tit_jap{
	font-size: 3.5vw;
	letter-spacing: 0.20em;
	max-width: 70%;
}
.for_fam_box div.tit_jap::before{
	width: 4%;
	top: 2%;
}
.for_fam_box div.tit_jap::after{
	width: 4%;
	top: 2%;
}
.for_fam_list{
	margin: 35px 0 0 0;
}
.for_fam_list dt{
	width:90%;
	margin: 0 auto;
}
.for_fam_list dd{
	text-align: 0.13em;
	line-height: 1.5em;
	margin: 5% 0 15px 0;
	letter-spacing: 0.15em;
	font-size: 90%;
}
.for_fam_list dd span{
	font-size: 2.5vw;
}
.for_fam_list dd strong{
	letter-spacing: 0.03em;
}
.deco_1{
	left: 3%;
	top: -50px;
	width: 7%;
}
.deco_2{
	width: 10%;
	right: 3%;
	top: -5em;
}
.deco_3{
	left: -10px;
	top: -70px;
	width: 18%;
}
.kids_club_box{
	padding: 5px 30px 15px 30px;
}
.kids_club_box::before{
	top: -30px;
	height: 30px;
}
.kids_club_box::after{
	bottom: -30px;
	height: 30px;
}
	
.kids_club_box p{
	text-align: center;
	margin: 30px 0 40px 0;
}
.kids_club_box dt{
	width: 40%;
}
.kids_club_box dd{
	width: 57%;
	margin: 0 3% 0 0;
}
.for_fam_box .com_btn1{
	margin: 20px auto 0 auto;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.for_fam_box{
	padding: 5% 4% 15% 4%;
}
.for_fam_box::before{
	background-size: 100% 50%;
	top: -33px;
}
.deco_1{
	width: 10%;
	left: 5%;
	top: -2%;
}
.deco_2{
	width: 15%;
	right: 5%;
	top: -3.5%;
}
.for_fam_box p.tit_en{
	font-size: 4.5vw;
	letter-spacing: 0.10em;
	margin: 0 auto 1% auto;
}
.for_fam_box div.tit_jap{
	font-size: 5.5vw;
	letter-spacing: 0.10em;
	max-width: 100%;
}
.for_fam_box div.tit_jap::before{
	background-size: 80% auto;
	top: 30%;
}
.for_fam_box div.tit_jap::after{
	background-size: 80% auto;
	top: 30%;
}
.for_fam_list{
	margin: 6% 0 0 0;
}
.for_fam_list li{
	width: 50%;
	margin: 0 0 5% 0;
}
.for_fam_list li:last-child{
	margin-left: 25%;
}
.for_fam_list dt{
	width: 90%;
	margin: 0 auto 5% auto;
}
.for_fam_list dd{
	line-height: 1.3em;
	letter-spacing: 0.05em;
	margin: 0 0 2% 0;
	font-size: 3.8vw;
}
.for_fam_list dd span{
	font-size: 4.8vw;
	padding-top: 2%;
}
.for_fam_list dd strong{
line-height: 1.5em;
	letter-spacing: 0.03em;
}
.kids_club_box{
	padding: 3% 4% 3% 4%;
	max-width: 1100px;
	margin: 20% auto 0 auto;
}
.kids_club_box::before{
	top: -7vw;
	height: 7vw;
}
.kids_club_box::after{
	bottom: -7vw;
	height: 7vw;
}
.deco_3{
	width: 25%;
	left: 5%;
	top: -7%;
}
.kids_club_box p{
	text-align: center;
	margin: 0 0 5% 0;
	position: relative;
}
.kids_club_box dl{
	position: relative;
	z-index: 1;
}
.kids_club_box dt{
	float: none;
	width: 80%;
	margin: 0 auto 3% auto;
}
.kids_club_box dd{
	float: none;
	width: 100%;
	margin: 0 0 0 0;
}
.deco_4{
	width: 18%;
	top: 15%;
}
.deco_5{
	width: 30%;
	top: 10%;
}
.for_fam_box .com_btn1{
	max-width: 80%;
	margin: 8% auto 0 auto;
}
}





/* お子さまの成長に合わせたサポート
---------------------------------------------------------*/
.med_inbox_inside{
	border: solid 1px #E77B1E;
}
.med_inbox_title{
	background-color: #E77B1E;
}
.med_care > li{
	border-bottom: solid 1px #E77B1E;
}
.med_care dt{
	color: #E77B1E;
}
.med_care_flt p{
	float: right;
	width: 25%;
}
.med_care_flt dl{
	float: left;
	width: 67%;
	margin-right: 8%;
}
.med_care li:nth-child(3) .med_care_flt dl{
	float: none;
	width: 100%;
	margin-right: 0;
}
.med_care_flt dt{
	position: relative;
	padding-left: 3.5em;
}
.med_care_flt dt::before{
	position: absolute;
	content: "";
	background: url(../images/kids/kids_01.png) no-repeat;
	background-size: 100% auto;
	left: 0;
	top: -5px;
	width: 55px;
	height: 40px;
	display: block;
}
.med_care li:nth-child(2) .med_care_flt dt::before{
	background: url(../images/kids/kids_02.png) no-repeat;
	background-size: 100% auto;
}
.med_care li:nth-child(3) .med_care_flt dt::before{
	background: url(../images/kids/kids_03.png) no-repeat;
	background-size: 100% auto;
}
.kids_col3 li{
	float: left;
	width: 32%;
	margin: 0 2% 0 0;
}
.kids_col3 li:last-child{
	margin: 0 0 0 0;
}
.kids_col3 dd{
	font-weight: bold;
	font-size: 120%;
	letter-spacing: 0.15em;
	color: #E77B1E;
	margin-bottom: 10px;
	text-align: center;
}
.box3{
	max-width: 1150px;
	margin-right: auto;
	margin-left: auto;
}
.box3 p{
	text-align: center;
	font-size: 165%;
	margin: 0 0 40px 0;
	letter-spacing: 0.25em;
}
.box3 dt{
	float: left;
	width: 20%;
	margin: 0 5% 0 0;
}
.box3 dd{
	float: right;
	width: 75%;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.med_care_flt dt{
	padding-left: 3.8em;
}
.med_care_flt dt::before{
	top: -8px;
	width: 50px;
	height: 40px;
	display: block;
}
.kids_col3 dd{
	font-size: 100%;
}
.box3 p{
	font-size: 140%;
	margin: 0 0 20px 0;
	letter-spacing: 0.2em;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.med_care_flt p{
	float: none;
	width: 60%;
	margin: 0 auto 5% auto;
}
.med_care_flt dl{
	float: none;
	width: 100%;
	margin-right: 0%;
}
	.med_care_flt dt{
		padding-left:12vw;
	}
.med_care_flt dt::before{
	background-size: 10vw auto;
	top: -40%;
}
.med_care li:nth-child(2) .med_care_flt dt::before{
	background: url(../images/kids/kids_02.png) no-repeat;
	background-size: 10vw auto;
}
.med_care li:nth-child(3) .med_care_flt dt::before{
	background: url(../images/kids/kids_03.png) no-repeat;
	background-size: 10vw auto;
}
.kids_col3 li{
	float: none;
	width: 100%;
	margin: 0 0 6% 0;
	border-bottom: 1px solid rgba(66,56,30,0.30);
	padding-bottom: 4%;
}
.kids_col3 li:last-child{
	margin: 0 0 0 0;
	border-bottom: none;
	padding-bottom: 0;
}
.kids_col3 dt{
	width: 70%;
	margin: 0 auto 3% auto;
}
.kids_col3 dd{
	font-size: 4.5vw;
	letter-spacing: 0.10em;
	margin-bottom: 0;
}
.box3 p{
	font-size: 5.0vw;
	margin: 0 0 3% 0;
	letter-spacing: 0.15em;
}
.box3 dt{
	width: 35%;
	margin: 1% 3% 1% 0;
}
.box3 dd{
	float: none;
	width: 100%;
}
}





/* お腹の中にいる頃からの予防歯科
---------------------------------------------------------*/
.mat_care{
	background: #fff;
	border-radius: 40px;
	padding: 50px;
	box-sizing: border-box;
}
.mat_care p{
	font-weight: bold;
	letter-spacing: 0.2em;
	margin: 0 0 50px 0;
	font-size: 160%;
	text-align: center;
}
.mat_care dl{
	float: left;
	width: 48%;
	margin: 0 4% 0 0;
	border-right: solid 1px #42381E;
	padding: 50px 4% 0 0;
	box-sizing: border-box;
}
.mat_care dl:last-child{
	margin: 0 0 0 0;
	border-right: none;
	padding-right: 0;
	box-sizing: border-box;
}
.mat_care dt{
	text-align: center;
	margin: 0 auto 40px auto;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.mat_care{
	padding: 40px;
}
.mat_care p{
	letter-spacing: 0.15em;
	margin: 0 0 50px 0;
	font-size: 130%;
}
.mat_care dl{
	padding: 0 4% 0 0;
}
.mat_care dt{
	width: 80%;
	margin-bottom: 20px;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.mat_care{
	padding: 6%;
}
.mat_care p{
	letter-spacing: 0.10em;
	margin: 0 0 5% 0;
	font-size: 5vw;
}
.mat_care dl{
	float: none;
	width: 100%;
	margin: 0 0 7% 0;
	border-right: none;
	border-bottom: solid 1px #42381E;
	padding: 0 0 7% 0;
}
.mat_care dl:last-child{
	margin: 0 0 0 0;
	border-bottom: none;
	padding: 0 0 0 0;
}
.mat_care dt{
	width: 80%;
	margin: 0 auto 5% auto;
}
}