@charset "UTF-8";

.contentpage .m_img_area {background-image: url("../images/kids/m_img@2x.jpg");}
.com_index1 {background: #DAAC3C;}
.med_pickup {border-color: #DAAC3C;}
.med_pickup .pickup_title {background: #DAAC3C;}


/*子どもと大人で治療は違うの？
---------------------------------------------------------*/
.box1 .chigai_box .bdr_box{
	border:10px solid #DAD3A2;
}
.box1 .chigai_box h3{
	text-align:center;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
	font-size:185%;
	letter-spacing: 0.12em;
	color:#ffffff;
	background: #C5B96B;
	padding: 25px 0;
	border-radius: 40px;
	max-width: 1120px;
	width: 94%;
	margin: 0 auto 20px auto;
}
.box1 .chigai_box h4{
	position: relative;
	z-index: 2;
	text-align:center;
	line-height: 2.5em;
	font-size:105%;
	letter-spacing: 0.2em;}

.box1 .chigai_box .flow_box{
	padding:0 3%;
}
.box1 .chigai_box .flow_box .flt_box{
	max-width:1057px;
	margin: 0 auto;
	padding-bottom: 60px;
}
.box1 .chigai_box .flow_box .flow_o{
	float:left;
	width: calc(47% - 1px);
	border-right: 2px solid #DFDFDC;
	padding-right: 3%;
}
.box1 .chigai_box .flow_box .flow_k{
	float:right;
	width: calc(47% - 1px);
	padding-left: 3%;
}
.box1 .chigai_box .flow_box .title{
	max-width:490px;
	margin: 0 auto 5px auto;
}
.box1 .chigai_box .flow_box li{
	position:relative;
	padding: 20px 0;
	margin-bottom: 35px;/*揃える*/
	text-align: center;
}
.box1 .chigai_box .flow_box li::after{
	display:block;
	content: "";
	position: absolute;
	width: 3px;
	height: 35px;/*揃える*/
	margin: 0 auto;
	top: 100%;
	right: 0;
	left: 0;
	background:#9AD7E1;
}
.box1 .chigai_box .flow_box .flow_k li::after{
	background:#F4C879;
}
.box1 .chigai_box .flow_box li:nth-child(3){
	padding-bottom: 0;
	margin-bottom: 0;
}
.box1 .chigai_box .flow_box li:nth-child(3)::after{
	display:none;
}
.box1 .chigai_box .flow_box li p{
	font-size:190%;
	letter-spacing: 0.15em;
	line-height: 1.7em;
	font-weight: bold;
	background-size:102px 102px;
	background-position: center top;
	background-repeat: no-repeat;
	padding-top: 75px;
}
.box1 .chigai_box .flow_box .flow_o li:nth-child(1) p{background-image:url("../images/kids/flow01_o@2x.png")}
.box1 .chigai_box .flow_box .flow_o li:nth-child(2) p{background-image:url("../images/kids/flow02_o@2x.png")}
.box1 .chigai_box .flow_box .flow_o li:nth-child(3) p{background-image:url("../images/kids/flow03_o@2x.png")}
.box1 .chigai_box .flow_box .flow_k li:nth-child(1) p{background-image:url("../images/kids/flow01_k@2x.png")}
.box1 .chigai_box .flow_box .flow_k li:nth-child(2) p{background-image:url("../images/kids/flow02_k@2x.png")}
.box1 .chigai_box .flow_box .flow_k li:nth-child(3) p{background-image:url("../images/kids/flow03_k@2x.png")}

.box1 .chigai_box .flow_box .flow_k li .abs_fkds{
	position:absolute;
	max-width: 152px;
	top: -18px;
}
.box1 .chigai_box .flow_box .flow_k li:nth-child(3) .abs_fkds{
	right: 0;
	top: -10px;
}
.box1 .chigai_box .matome_box {
	position: relative;}
.box1 .chigai_box .matome_box .bgbox{
	background:#EEEEED;
	padding: 105px 5% 45px 5%;
}
.box1 .chigai_box .matome_box .bgbox::after{
	display:block;
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width:100%;
	height: 65px;
	background:url("../images/kids/matome_bg@2x.png") no-repeat center top;
	background-size: 100% auto;
}
.box1 .chigai_box .matome_box .abs_img li{
	position:absolute;
	max-width: 165px;
	width: 14%;
	z-index: 2;
}
.box1 .chigai_box .matome_box .abs_img li:nth-child(1){
	top:-10px;
	left: 15px;
}
.box1 .chigai_box .matome_box .abs_img li:nth-child(2){
	bottom:30px;
	right: 20px;
}

/* PC調整
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 1200px) {
.box1 .chigai_box .matome_box .abs_img li:nth-child(2){
	bottom:160px;}
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.box1 .chigai_box h3{
	font-size:160%;
	padding: 17px 0;
	border-radius: 30px;
	margin: 0 auto 5px auto;
}
.box1 .chigai_box h4{
	line-height: 2em;
	letter-spacing: 0.15em;}

.box1 .chigai_box .flow_box .flt_box{
	padding-bottom: 40px;
}
.box1 .chigai_box .flow_box .flow_o{
	width: calc(48% - 1px);
	padding-right: 2%;
}
.box1 .chigai_box .flow_box .flow_k{
	width: calc(48% - 1px);
	padding-left: 2%;
}
.box1 .chigai_box .flow_box li{
	padding: 10px 0;
	margin-bottom: 25px;/*揃える*/
}
.box1 .chigai_box .flow_box li::after{
	height: 25px;/*揃える*/
}
.box1 .chigai_box .flow_box li p{
	font-size:160%;
	letter-spacing: 0.1em;
	line-height: 1.7em;
	background-size:80px 80px;
	padding-top: 60px;
}
.box1 .chigai_box .flow_box .flow_k li .abs_fkds{
	width: 33%;
}
.box1 .chigai_box .matome_box .bgbox{
	padding: 60px 3% 30px 3%;
}
.box1 .chigai_box .matome_box .abs_img li{
	width: 15%;
	z-index: 2;
}
.box1 .chigai_box .matome_box .abs_img li:nth-child(1){
	top:-20px;
	left: 10px;
}
.box1 .chigai_box .matome_box .abs_img li:nth-child(2){
	bottom:20px;
	right: 15px;}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.box1 .chigai_box{
	padding-top:7%;
}
.box1 .chigai_box .bdr_box{
	border:7px solid #DAD3A2;
}
.box1 .chigai_box h3{
	font-size:5.8vw;
	line-height: 1.3em;
	padding: 3.5% 0;
	border-radius: 60px;
	margin: 0 auto -5% auto;
}
.box1 .chigai_box h4{
	text-align:left;
	line-height: 1.6em;
	font-size:105%;
	letter-spacing: 0.15em;}

.box1 .chigai_box .flow_box{
	padding:0 5%;
}
.box1 .chigai_box .flow_box .flt_box{
	padding-bottom: 9%;
}
.box1 .chigai_box .flow_box .flow_o{
	float:none;
	width: 100%;
	border-radius: none;
	padding-bottom: 8%;
	margin-bottom: 9%;
	border-right: none;
	border-bottom: 2px solid #DFDFDC;
	padding-right: 0;
}
.box1 .chigai_box .flow_box .flow_k{
	float:none;
	width: 100%;
	padding-left: 0;
}
.box1 .chigai_box .flow_box .title{
	margin: 0 auto 5px auto;
}
.box1 .chigai_box .flow_box li{
	padding: 3% 0;
	margin-bottom: 25px;/*揃える*/
}
.box1 .chigai_box .flow_box li::after{
	height: 25px;/*揃える*/
}
.box1 .chigai_box .flow_box li p{
	font-size:5.6vw;
	letter-spacing: 0.13em;
	line-height: 1.4em;
	background-size:18vw;
	padding-top: 13vw;
}

.box1 .chigai_box .flow_box .flow_k li .abs_fkds{
	width: 32%;
	top: -3vw;
}
.box1 .chigai_box .flow_box .flow_k li:nth-child(3) .abs_fkds{
	top: -3vw;
}
.box1 .chigai_box .matome_box .bgbox{
	padding: 10% 5% 5% 5%;
	margin-top: 3%;
}
.box1 .chigai_box .matome_box .bgbox::after{
	height: 6vw;
	background-size: 100% 100%;
}
	.box1 .chigai_box .matome_box .abs_img {
		max-width:80%;
		margin: 5% auto 0 auto;
	}
.box1 .chigai_box .matome_box .abs_img li{
	position:static;
	float: left;
	width: 50%;
}
}





/*乳歯・生え替わりの時期の虫歯
---------------------------------------------------------*/
.box2 .forfam .bgbox{
	background:url("../images/kids/forfam_bg@2x.png") no-repeat left bottom #E7C300;
	background-size:926px 347px;
	border-radius: 30px;
	padding: 60px 55px;
}
.box2 .forfam .title{
	border-bottom:3px solid #ffffff;
	text-align: center;
	margin-bottom: 25px;
	padding-bottom: 20px;
	position: relative;
}
.box2 .forfam .title dt{
	font-size:260%;
	color:#ffffff;
	font-weight: bold;
	letter-spacing: 0.18em;
	margin-bottom: 20px;}
.box2 .forfam .title dd{
	color:rgba(255,255,255,0.80);
	font-size:150%;
	letter-spacing: 0.1em;
}
.box2 .forfam .title li{
	position:absolute;
	max-width: 201px;
	width: 23%;
	bottom:0;
}
.box2 .forfam .title li:last-child{
	right: 0;
}
.box2 .forfam .lead{
	text-align:center;
	font-weight: bold;
	font-size:105%;
	letter-spacing: 0.15em;
	line-height: 2.5em;
	color:#ffffff;
	margin-bottom: 40px;
}
.box2 .forfam .img_box{
	position:relative;
	margin-bottom: 45px;
}
.box2 .forfam .img_box .abs_icon{
	position:absolute;
	right: 15px;
	bottom:-15px;
	max-width: 508px;
	width: 50%;
}
.box2 .forfam .com_btn1 a {background: #E99100;}
.box2 .forfam .com_btn1 a:hover {background: #000000;}

/* PC調整
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 1200px) {
.box2 .forfam .title dt{
	font-size:3.3vw;
	letter-spacing: 0.15em;}
.box2 .forfam .title dd{
	font-size:2vw;
}
.box2 .forfam .title li{
	width: 19%;
}
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.box2 .forfam .bgbox{
	background-size:90% auto;
	border-radius: 30px;
	padding: 40px 30px;
}
.box2 .forfam .title{
	margin-bottom: 20px;
	padding-bottom: 10px;
}
.box2 .forfam .title dt{
	font-size:205%;
	letter-spacing: 0.1em;
	margin-bottom: 5px;}
.box2 .forfam .title dd{
	font-size:130%;
}
.box2 .forfam .title li{
	width: 16%;
}
.box2 .forfam .lead{
	font-size:105%;
	letter-spacing: 0.1em;
	line-height: 1.8em;
	margin-bottom: 20px;
}
.box2 .forfam .img_box{
	margin-bottom: 30px;
}
.box2 .forfam .img_box .abs_icon{
	bottom:-10px;}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.box2 .forfam .bgbox{
	background-size:700px auto;
	border-radius: 20px;
	padding: 5% 5% 7% 5%;
}
.box2 .forfam .title{
	margin-bottom: 4%;
	padding-bottom: 3%;
}
.box2 .forfam .title dt{
	font-size:5.7vw;
	letter-spacing: 0.18em;
	margin-bottom: 0;}
.box2 .forfam .title dd{
	font-size:3.2vw;
	line-height: 1.9em;
}
.box2 .forfam .title li{
	width: 25%;
}
.box2 .forfam .lead{
	text-align:left;
	letter-spacing: 0.05em;
	line-height: 1.6em;
	margin-bottom: 5%;
}
.box2 .forfam .img_box{
	margin-bottom: 45px;
}
.box2 .forfam .img_box .abs_icon{
	right: 3%;
	bottom:-6vw;
	width: 75%;
}
}





/*小児歯科で行う治療
---------------------------------------------------------*/
.box4 .med_col_list > li:nth-child(1){background:rgba(202,148,200,0.30);}
.box4 .med_col_list > li:nth-child(2){background:#FAE6C3;}
.box4 .med_col_list > li:nth-child(3){background:#D5EEF2;}
.box4 .med_col_list > li:nth-child(4){background:#FBE3E6;}

.box4 .med_col_list > li dt{
	border-radius: 60px;
}
.box4 .med_col_list > li dt span{
	display:block;
	max-width: 120px;
	width: 30%;
	margin: 0 auto 5px auto;
}
.box4 .med_pickup .in_box{
	padding:45px;
}
.box4 .med_pickup .flt_box{
	margin-bottom:30px;
}
.box4 .med_pickup .flt_box div{
	float: left;
	max-width: 300px;
	width: 31%;
}
.box4 .med_pickup .flt_box p{
	float: right;
	width: 65%;
}
.box4 .med_pickup .point{
	background:rgba(218,172,60,0.10);
	padding: 25px 30px 25px 0;
}
.box4 .med_pickup .point dl{
	display:table;
	width: 100%;
}
.box4 .med_pickup .point dl dt{
	display:table-cell;
	vertical-align: middle;
	width: 25%;
	text-align: center;	
	padding: 0 3%;
}
.box4 .med_pickup .point dl dd{
	display:table-cell;
	width: 75%;
}
.box4 .med_pickup .point dl dd li{
	border-bottom:1px solid #BEBEB8;
	padding-bottom: 10px;
	margin-bottom: 10px;
	line-height: 1.5em;
}
.box4 .med_pickup .point dl dd li:last-child{
	margin-bottom: 0;
}
.box4 .med_pickup .point dl dd li p{
	font-size:105%;
	font-weight: bold;
	background:url("../images/kids/icon_maru@2x.png") no-repeat left 4px;
	background-size:15px 15px;
	padding-left: 23px;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.box4 .med_pickup .in_box{
	padding:25px;
}
.box4 .med_pickup .flt_box{
	margin-bottom:20px;
}
.box4 .med_pickup .point{
	padding: 20px 20px 20px 0;
}
.box4 .med_pickup .point dl dt{
	width: 23%;
	padding: 0 4%;
}
.box4 .med_pickup .point dl dd{
	width: 77%;
}
.box4 .med_pickup .point dl dd li{
	padding-bottom: 8px;
	margin-bottom: 8px;
	line-height: 1.4em;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.box4 .med_col_list > li dt{
	border-radius: 60px;
	padding: 3% 0;
}
.box4 .med_col_list > li dt span{
	width: 22%;
}
.box4 .med_pickup .in_box{
	padding:5%;
}
.box4 .med_pickup .flt_box{
	margin-bottom:7%;
}
.box4 .med_pickup .flt_box div{
	float: none;
	width: 65%;
	margin: 0 auto 5% auto;
}
.box4 .med_pickup .flt_box p{
	float: none;
	width: 100%;
}
.box4 .med_pickup .point{
	padding:7% 5% 5% 5%;
}
.box4 .med_pickup .point dl{
	display:block;
}
.box4 .med_pickup .point dl dt{
	display:block;
	width: 27%;
	margin: 0 auto;
	padding: 0 3% 4% 3%;
}
.box4 .med_pickup .point dl dd{
	display:block;
	width: 100%;
}
.box4 .med_pickup .point dl dd li{
	padding-bottom: 4%;
	margin-bottom: 4%;
}
.box4 .med_pickup .point dl dd li p{
	font-size:100%;
	background:url("../images/kids/icon_maru@2x.png") no-repeat left 1.3vw;
	background-size:3.3vw auto;
	padding-left: 4.5vw;
}	
}





/*当院の小児歯科診療の流れ
---------------------------------------------------------*/
.box5 .med_flow > li:nth-child(1)::before {	background-image: url("../images/kids/step01@2x.png");}
.box5 .med_flow > li:nth-child(2)::before {	background-image: url("../images/kids/step02@2x.png");}
.box5 .med_flow > li:nth-child(3)::before {	background-image: url("../images/kids/step03@2x.png");}
.box5 .med_flow > li:nth-child(4)::before {	background-image: url("../images/kids/step04@2x.png");}





/*小児歯科専門ならではの特徴
---------------------------------------------------------*/
.box7 .btn_flt{
	max-width:780px;
	margin: 0 auto;
}
.box7 .btn_flt li{
	float:left;
	width: 49%;
	max-width: 375px;
	margin-top: 0;
}
.box7 .btn_flt li a{
	background:#ECA320;
}
.box7 .btn_flt li:last-child{
	float:right;
}
.box7 .btn_flt li:last-child a{
	background:#63C2A9;
}
.box7 .btn_flt li a:hover{
	background:#000000;
}
/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.box7 .btn_flt li{
	float:none;
	width: 100%;
	margin-top: 0;
}
.box7 .btn_flt li:last-child{
	float:none;
	margin-top: 4%;
}
}