@charset "UTF-8";

/* m_img_area
---------------------------------------------------------*/
.contentpage .m_img_area {
  background-image: url(../images/medical/pediatric/m_img@2x.jpg);
}



/* lead
---------------------------------------------------------*/
#lead .img {
  max-width: 750px;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}
/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) { 

}
/* Mobile (Portrait) 
------------------------------------------*/ 
@media only screen and (max-width: 767px) {
#lead .img {
  width: 100%;
}
}



/* habits
---------------------------------------------------------*/
#habits .com_index4 .co215{
	opacity: 0.1;
}
#habits .med_col4 .check_list > li{
	line-height: 1.5em;
	letter-spacing: 0.03em;
	margin-top: 0.5em;
	padding-left: 1.7em;
	position: relative;
}
#habits .med_col4 .check_list > li::before{
	position: absolute;
	font-family: "fontello";
	content: '\e805'; 
	font-weight: normal;
	font-size: 0.9em;
	left: 0;
	top:0;
}
/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) { 

}
/* Mobile (Portrait) 
------------------------------------------*/ 
@media only screen and (max-width: 767px) {
#habits .med_col4 .check_list > li{
	font-size: 85%;
	letter-spacing: normal;
}
#habits .med_col4 > li{
	margin-top: 6%!important;
}
#habits .med_col4 > li:nth-child(-n + 2){
	margin-top: 0;
}
}



/* causes
---------------------------------------------------------*/
#causes .med_col2{
	max-width: 1050px;
	margin-left: auto;
	margin-right: auto;
}
#causes .med_col2 li{
	max-width: 450px;
}
#causes .med_col2 li .img{
	margin-bottom: 30px;
}
/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) { 
#causes .med_col2 li .img{
	margin-bottom: 4%;
}
}
/* Mobile (Portrait) 
------------------------------------------*/ 
@media only screen and (max-width: 767px) {
#causes .med_col2 li .img{
	width: 80%;
	margin: 0 auto 4%;
	text-align: center;
}
}



/* treatment
---------------------------------------------------------*/
#treatment .com_bgimg.grd.h_img {
	background-image: url("../images/medical/pediatric/img15@2x.jpg");
	background-size:100% 64.6vw;
}
#treatment .com_bgimg.grd.h_img::before{
	height: 64.6vw;
}
#treatment .med_treatment_box .mouthpiece_training{
	max-width: 590px;
	margin-left: auto;
	margin-right: auto;
    justify-content: space-between;
}
#treatment .med_treatment_box .mouthpiece_training li:nth-child(odd){
	max-width: 240px;
	width: 41%;
}
#treatment .med_treatment_box .mouthpiece_training li.plus{
	max-width: 25px;
	width: 4.3%;
}
#treatment .med_treatment_box .mouthpiece_training li.plus div{
	display: flex;
	justify-content: center;
	align-items: center;
}
#treatment .med_treatment_box .mouthpiece_training li:nth-child(odd) div{
	max-width: 240px;
	margin: 0 auto 0.5em;
}
#treatment .med_treatment_box .mrc_approach{
	border: 1px solid #004150;
	padding: 50px 5%;
	border-radius: 20px;
	max-width: 700px;
	box-sizing: border-box;
	margin-left: auto;
	margin-right: auto;
}
#treatment .med_treatment_box .mrc_approach .com_marulist{
	max-width: 580px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
	margin: 0 auto;
}
#treatment .med_treatment_box .mrc_approach .com_marulist li{
	width: 45%;
}
#treatment .med_treatment_box .mrc_approach .com_marulist li:nth-last-child(-n + 3){
	margin-bottom: 0;
}
#treatment .med_treatment_box .mrc_approach .com_marulist li::before{
	background: #80a0a7;
}
#treatment .med_treatment_box .mrc_approach  p{
	max-width: 485px;
	margin: 1em auto 0;
	padding-top: 1em;
	border-top: 1px solid #80a0a7;
}
/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) { 
#treatment .med_treatment_box .mrc_approach{
	padding: 5%;
	border-radius: 2vw;
}
}
/* Mobile (Portrait) 
------------------------------------------*/ 
@media only screen and (max-width: 767px) {

#treatment .med_treatment_box .mouthpiece_training li:nth-child(odd){
	width: 45%;
}
#treatment .med_treatment_box .mouthpiece_training li.plus{
	width: 5%;
}
#treatment .med_treatment_box .mouthpiece_training li:nth-child(odd) div{
	width: 96%;
}
#treatment .med_treatment_box .mrc_approach{
	padding:6% 7%;
	border-radius: 2vw;
	max-width: 100%;
}
#treatment .med_treatment_box .mrc_approach .com_marulist{
	display: block;
}
#treatment .med_treatment_box .mrc_approach .com_marulist li{
	width: 100%;
	margin-bottom: .2em!important;
}
#treatment .med_treatment_box .mrc_approach .com_marulist li:last-child{
	margin-bottom: 0!important;
}
#treatment .med_treatment_box .mrc_approach  p{
	max-width: 100%;
}
}



/* effects
---------------------------------------------------------*/
#effects .med_col3 li{
	margin-top: 70px;
}
#effects .med_col3 li:nth-child(-n + 3){
	margin-top: 0;
}
/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) { 
#effects .med_col3 li{
	margin-top: 5%;
}
}
/* Mobile (Portrait) 
------------------------------------------*/ 
@media only screen and (max-width: 767px) {
#effects .med_col3 li{
	margin-top: 7%!important;
}
#effects .med_col3 li:nth-child(-n + 2){
	margin-top: 0;
}
}



/* price
---------------------------------------------------------*/
#price .med_flt_box .img_r{
	margin-left: 4%;
	margin-bottom: 1em;
}
#price .med_flt_box .txt_l{
	float: none;
	width: 100%;
	max-width: 100%;
}
#price .med_flt_box .txt_l dd{
	padding-left: 1.7em;
	box-sizing: border-box;
}
#price .med_flt_box .txt_l dl.tbl dd{
	padding-left: 0!important;
}
#price .com_price_box{
	margin-bottom: 0;
}
#price .com_price_box .table1{
	margin-bottom: 0;
}
#price .com_price_box tr th,
#price .com_price_box tr td{
	border-bottom: 2px solid #fff;
}
#price .com_price_box tr:last-child th,
#price .com_price_box tr:last-child td{
	border-bottom: none;
}
#price .com_price_box .table1 td .ft_co{
	font-size: 155%!important;
}
/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) { 

}
/* Mobile (Portrait) 
------------------------------------------*/ 
@media only screen and (max-width: 767px) {
#price .med_flt_box .img_r{
	margin: 0 auto 6%;
}
#price .med_flt_box .txt_l dd{
	padding-left: 1em;
}
#price .com_price_box tr th{
	border-bottom: none;
}
}



/* flow
---------------------------------------------------------*/
#flow .menu{
	border: 1px solid #004150;
	padding: 50px 5%;
	border-radius: 25px;
	box-sizing: border-box;
}
#flow .menu dl{
	max-width: 1010px;
	margin: 0 auto;
}
#flow .menu dl dt{
	font-size: min(125%,2.2vw);
	margin-bottom: 1em;
}
#flow .menu dl dd .com_marulist li::before{
	background-color: #80a0a7;
}
#flow .menu dl dd .com_marulist li:nth-last-child(-n + 3){
	margin-bottom: 0;
}
#flow .menu dl dd .com_marulist {
	display: flex;
	justify-content: space-between;
    flex-wrap: wrap;
}
#flow .menu dl dd .com_marulist li{
	width: 32%;
}
/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) { 
#flow .menu{
	padding:  5%;
	border-radius: 2.5vw;
}
#flow .menu dl dd .com_marulist li{
	width: 50%;
}
}
/* Mobile (Portrait) 
------------------------------------------*/ 
@media only screen and (max-width: 767px) {
#flow .max_1130 > .com_btm_60{
	padding-bottom: 6%;
   	margin-bottom: 8%;
	position: relative;
}
#flow .max_1130 > .com_btm_60::before{
	position: absolute;
	content: "";
	background: rgba(209,202,196,0.5);
	max-width: 770px;
	width: 90%;
	height: 1px;
	left: 0;
	right: 0;
	margin: auto;
	bottom: 0;
}
#flow .menu{
	padding: 6% 7%;
	border-radius: 2.5vw;
	margin-top: 8%;
}
#flow .menu dl{
	max-width: 100%;
}
#flow .menu dl dt{
	font-size: 115%;
	margin-bottom: 0.5em;
}
#flow .menu dl dd .com_marulist li{
	width: 100%;
	margin-bottom: .2em!important;
}
#flow .menu dl dd .com_marulist li:last-child{
	margin-bottom: 0!important;
}
}



/* message
---------------------------------------------------------*/
#message .com_bgimg.grd {
	background-image: url("../images/medical/pediatric/img31@2x.jpg");
}
#message .com_index4 .co215{
	opacity: 0.1;
}
#message .name.flex_box{
	justify-content: center;
	align-items: center;
}
#message .name.flex_box dt{
	margin-right: 1em;
}
/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) { 

}
/* Mobile (Portrait) 
------------------------------------------*/ 
@media only screen and (max-width: 767px) {
#message .com_bgimg.grd::after{
	top:51.6vw;
}
}