@charset "UTF-8";

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


/* 虫歯を放置すると起こるリスク
---------------------------------------------------------*/
.box1 .txt1{
    font-size:140%;
    line-height: 1.8em;
    margin-top: 1em;
    color: #63534c;
}
.box1 .txt1 span{
    color: #df705b;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) { 
.box1 .txt1{
    font-size:125%;
    letter-spacing: normal;
}
}

/* Mobile (Portrait) 
------------------------------------------*/ 
@media only screen and (max-width: 767px) { 
.box1 .txt1{
    font-size:120%;
    line-height: 1.8em;
}
}






/* 虫歯について
---------------------------------------------------------*/
.ca_col4{
    max-width: 953px;
    margin: 0 auto;
    display: -webkit-flex;
	display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
.ca_col4 li{
    width: 20%;
    text-align: center;
}
.ca_col4 li.arrow{
    width: 5%;
    padding-top: 90px;
}
.ca_col4 li p{
    letter-spacing: 0.05em;
    margin-top: 1em;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) { 
.ca_col4 li{
    width: 20%;
    text-align: center;
}
.ca_col4 li{
    width: 22%;
}
.ca_col4 li.arrow{
    width:2%;
    padding-top: 10%;
}
.ca_col4 li p{
    letter-spacing: normal;
    margin-top: .5em;
    line-height: 1.6em;
}
}

/* Mobile (Portrait) 
------------------------------------------*/ 
@media only screen and (max-width: 767px) { 
.ca_col4{
    display: -webkit-block;
	display: block;
}
.ca_col4 li{
    width:100%;
    display: -webkit-flex;
	display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
.ca_col4 li div{
    width: 35%;
}    
.ca_col4 li.arrow{
    width:100%;
    padding-top: 0;
    margin: 0 auto;
    text-align: center;
}
.ca_col4 li.arrow img{
    margin: 0 auto;
    transform: rotate(90deg);
 }
.ca_col4 li p{
    width:61%;
    letter-spacing:normal;
    margin-top: 0;
    text-align: left;
    padding-top: 1em;
}
}





/* 虫歯の段階とその治療法
---------------------------------------------------------*/
.box3 .txt1{
    text-align: center;
}
.med_box_list .med_list_index{
    font-size: 190%;
    padding-left: 2.7em;
    text-indent: -1.25em;
}

/*med_whitebox*/
.med_whitebox .med_whitebox_txt{
    font-size:130%;
    letter-spacing: 0.1em;
    line-height: 1.6em;
    text-align: center;
    margin-bottom: 2em;
    color: #63534c;
}
.med_whitebox .med_whitebox_txt span{
    letter-spacing: normal;
}

/*ca_col2_list*/
.med_whitebox .ca_col2_list{
    max-width: 890px;
    margin: 0 auto;
    display: -webkit-flex;
	display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    align-items: center;
}
.med_whitebox .ca_col2_list li{
    width: 45%;    
}
.med_whitebox .ca_col2_list li.flex{
    display: -webkit-flex;
	display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
.med_whitebox .ca_col2_list li.arrow{
    width: 4%;
    text-align: center;
}
.med_whitebox .ca_col2_list li .img{
    width: 47%;
}
.med_whitebox .ca_col2_list li .txt{
    width: 47%;
}
.med_whitebox .ca_col2_list li .txt dt,
.med_whitebox .ca_col3_list li .txt dt{
    font-size:140%;
    letter-spacing: 0.15em;
    line-height: 1.6em;
    color: #34a46f;
    margin-bottom: .3em;
}
.box3 .com_btn2{
    margin: 2em auto 0;
}

/*ca_col3_list*/
.med_whitebox .ca_col3_list{
    max-width: 928px;
    margin: 0 auto;
    display: -webkit-flex;
	display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
.med_whitebox .ca_col3_list li{
    width:30.5%;   
    max-width: 270px;
}
.med_whitebox .ca_col3_list li.arrow{
    width: 2%;   
    text-align: center;
    padding-top: 100px;
}
.med_whitebox .ca_col3_list li .txt dt{
    text-align: center;
    margin-top: 1em;
    margin-bottom: .5em;
}
.med_whitebox .ca_col3_list li .txt dd{
    letter-spacing: normal;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) { 
.med_box_list .med_list_index{
    font-size: 170%;
}

/*med_whitebox*/
.med_whitebox .med_whitebox_txt{
    font-size:120%;
    letter-spacing: 0.05em;
    margin-bottom: 1em;
}

/*ca_col2_list*/
.med_whitebox .ca_col2_list li{
    width: 47%;    
}
.med_whitebox .ca_col2_list li.arrow{
    width: 2%;
    text-align: center;
}
.med_whitebox .ca_col2_list li .txt dt,
.med_whitebox .ca_col3_list li .txt dt{
    font-size:130%;
    letter-spacing: 0.1em;
}
.box3 .com_btn2{
    margin:1em auto 0;
}

/*ca_col3_list*/
.med_whitebox .ca_col3_list li.arrow{
    width: 1.5%;   
    padding-top: 11%;
}
.med_whitebox .ca_col3_list li .txt dt{
    margin-top: .7em;
    margin-bottom: .3em;
    letter-spacing: normal;
}
}

/* Mobile (Portrait) 
------------------------------------------*/ 
@media only screen and (max-width: 767px) { 
.box3 .txt1{
    text-align: left;
}
.med_box_list .med_list_index{
    font-size: 140%;
}

/*med_whitebox*/
.med_whitebox .med_whitebox_txt{
    font-size:110%;
    letter-spacing: normal;
    text-align: left;
    margin-bottom: 1em;
}

/*ca_col2_list*/
.med_whitebox .ca_col2_list{
    display: -webkit-block;
	display: block;
}
.med_whitebox .ca_col2_list li{
    width: 100%;    
}
.med_whitebox .ca_col2_list li.arrow{
    width: 100%;
    margin: .2rem auto;
    transform: rotate(90deg);
}
.med_whitebox .ca_col2_list li .img{
    width: 39%;
}
.med_whitebox .ca_col2_list li .txt{
    width: 56%;
}
.med_whitebox .ca_col2_list li .txt dt,
.med_whitebox .ca_col3_list li .txt dt{
    font-size:120%;
    letter-spacing: 0.05em;
    margin-bottom: .1em;
}
.box3 .com_btn2{
    margin: 1em auto 0;
}

/*ca_col3_list*/
.med_whitebox .ca_col3_list{
    display: -webkit-block;
	display: block;
}
.med_whitebox .ca_col3_list li{
    width: 100%;   
    max-width: 100%;   
}
.med_whitebox .ca_col3_list li.arrow{
    width: 100%;  
    padding-top: 0;
    transform:rotate(90deg);
    margin: .1rem auto .5rem;
}
.med_whitebox .ca_col3_list li .img{
    width: 70%;
    margin: 0 auto;
    text-align: center;
}
.med_whitebox .ca_col3_list li .txt dt{
    margin-top: .5em;
    margin-bottom: .2em;
}
}





/* ca_box2
---------------------------------------------------------*/
.ca_box2{
    background: #fff;
    padding: 50px 5%;
    box-sizing: border-box;
}
.ca_box2 .med_flt .img_r {
	width:26%;
	max-width: 100%;
}
.ca_box2 .med_flt .txt_l{
	width:70%;
}
.ca_box2 .med_flt .txt_l dd{
	letter-spacing: 0.05em;
}

/* PC調整
------------------------------------------*/
@media only screen and (min-width: 960px) and (max-width: 1200px) {
.ca_box2{
    padding: 4%;
}
.ca_box2 .med_flt .img_r {
    margin-left: 4%;
    margin-bottom: .5rem;
}
.ca_box2 .med_flt .txt_l{
	width:100%;
    float: none;
}
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) { 
.ca_box2{
    padding: 4%;
}
.ca_box2 .med_flt .img_r {
	width: 30%;
    margin-bottom: 0;
}
.ca_box2 .med_flt .txt_l{
	width:100%;
    float: none;
}
}

/* Mobile (Portrait) 
------------------------------------------*/ 
@media only screen and (max-width: 767px) { 
.ca_box2{
    padding: 3% 4% 5%;
}
.ca_box2 .med_flt .img_r {
	width: 60%;
}
.ca_box2 .med_flt .txt_l{
	width:100%;
}
.ca_box2 .med_flt .txt_l dd{
	letter-spacing: normal;
}
}