@charset "utf-8";

/*====================================================================================================

診療案内

====================================================================================================*/
.treatment-content-list{
  list-style: none;
}

.treatment-content-list{
  display: flex;
  flex-wrap: wrap;
  /*justify-content: center;*/
	justify-content: space-between;
}

.treatment-content-list li{
  text-align: center;
  background-color: #ededed;
  
　
	font-weight: 500;
}

.treatment-content-list li a{
  font-weight: 500;
  text-decoration: none;
  display: block;
	color:var(--color-green02);
	border-left:4px solid var(--color-green01);
}
.treatment-content-list li a:hover{
	text-decoration: underline;
	opacity: 0.8;
}

@media screen and (min-width:641px) {
  .treatment-content-list{
	max-width: 630px;
	margin: 0 auto 80px;
  }	
	
  .treatment-content-list li{
    width: 50%;
    max-width: 300px;
    margin-bottom: 10px;
  }

  .treatment-content-list li a{
    padding: 10px 0;
   }	
	
  .treatment-content-list li:nth-child(odd){
    margin-right: 30px;
  }
}

@media screen and (max-width:640px) {
  .treatment-content-list{
	max-width: 630px;
	margin: 0 auto 40px;
  }		
	
  .treatment-content-list li{
    width: calc(50% - 5px);
    margin-bottom: 10px;
  }	
	
  .treatment-content-list li:nth-child(odd){
    margin-right: 10px;
  }

  .treatment-content-list li a{
	padding: 5px 0;
    font-size: 0.88em;
  }
}


h2+p {
  margin-bottom: 20px;
}

h3+p {
  margin-bottom: 20px;
}

@media screen and (min-width:801px) {
  h2 {
    margin-bottom: 40px!important
  }
  #cavity, #canal, #gum_disease, #wisdom_tooth, #pediatric, #prevention, #dentures, #aesthetic, #implant, #orthodontics {
    margin-bottom: 90px;
  }
}

@media screen and (max-width:800px) {
  h2 {
    margin-bottom: 30px!important
  }
  #cavity, #canal, #gum_disease, #wisdom_tooth, #pediatric, #prevention, #dentures, #aesthetic, #implant, #orthodontics {
    margin-bottom: 70px;
  }
}


/*むし歯治療*/


/*#cavity*/

@media screen and (min-width:801px) {
  #cavity .col3_gr {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }
}

@media screen and (max-width:800px) {
  #cavity .col3_gr {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }
}

#cavity .col3_gr>div .img-box {
  padding-top: 66.666%;
}

#cavity .col3_gr>div:nth-of-type(1) .img-box {
  background-image: url("../../image/contents/treatment/cavity01.jpg");
}

#cavity .col3_gr>div:nth-of-type(2) .img-box {
  background-image: url("../../image/contents/treatment/cavity02.jpg");
}

#cavity .col3_gr>div:nth-of-type(3) .img-box {
  background-image: url("../../image/contents/treatment/cavity03.jpg");
}


/*根管治療*/


/*#canal*/

@media screen and (min-width:801px) {
  #canal .col2_gr {
    grid-column-gap: 60px;
  }
}

@media screen and (max-width:800px) {
  #canal .col2_gr {
    grid-row-gap: 30px;
  }
}

#canal .col2_gr>.img-box {
  padding-top: 66.666%;
}

#canal .col2_gr>.img-box:nth-of-type(1) {
  background-image: url("../../image/contents/treatment/canal01.jpg");
}

#canal .col2_gr>.img-box:nth-of-type(2) {
  background-image: url("../../image/contents/treatment/canal02.jpg");
}


/*歯周病*/


/*#gum_disease*/

@media screen and (min-width:801px) {
  #gum_disease .col2_gr {
    grid-column-gap: 60px;
  }
}

@media screen and (max-width:800px) {
  #gum_disease .col2_gr {
    grid-row-gap: 30px;
  }
}

#gum_disease .col2_gr>div .img-box {
  padding-top: 66.666%;
}

#gum_disease .col2_gr>div:nth-of-type(1) .img-box {
  background-image: url("../../image/contents/treatment/gum_disease01.jpg");
}

#gum_disease .col2_gr>div:nth-of-type(2) .img-box {
  background-image: url("../../image/contents/treatment/gum_disease02.jpg");
}

#gum_disease .col2_gr>div:nth-of-type(3) .img-box {
  background-image: url("../../image/contents/treatment/gum_disease03.jpg");
}

#gum_disease .col2_gr>div:nth-of-type(4) .img-box {
  background-image: url("../../image/contents/treatment/gum_disease04.jpg");
}


/*親知らず*/


/*#wisdom_tooth*/

@media screen and (min-width:801px) {
  #wisdom_tooth .col2_gr {
    grid-column-gap: 60px;
  }
}

@media screen and (max-width:800px) {
  #wisdom_tooth .col2_gr {
    grid-row-gap: 60px;
  }
}

#wisdom_tooth h4+ul {
  padding-left: 1.5em;
}

#wisdom_tooth .col2_gr>div .img-box {
  padding-top: 66.666%;
}

#wisdom_tooth .col2_gr>div:nth-of-type(1) .img-box {
  background-image: url("../../image/contents/treatment/wisdom_tooth01.jpg");
}

#wisdom_tooth .col2_gr>div:nth-of-type(2) .img-box {
  background-image: url("../../image/contents/treatment/wisdom_tooth02.jpg");
}


/*小児歯科*/


/*#pediatric*/

@media screen and (min-width:801px) {
  #pediatric>.col2_gr {
    grid-column-gap: 60px;
  }
  #pediatric>.col2_gr:nth-of-type(1) {
    margin-bottom: 60px;
  }
}

@media screen and (max-width:800px) {
  #pediatric>.col2_gr {
    grid-row-gap: 10px;
  }
  #pediatric>.col2_gr:nth-of-type(1) {
    margin-bottom: 40px;
  }
}

#pediatric .col2_gr .img-box {
  padding-top: 66.666%;
}

#pediatric .col2_gr:nth-of-type(1)>div.img-box {
  background-image: url("../../image/contents/treatment/pediatric01.jpg");
}

#pediatric .col2_gr:nth-of-type(2)>div.img-box {
  background-image: url("../../image/contents/treatment/pediatric02.jpg");
}


/*予防歯科*/


/*#prevention*/

@media screen and (min-width:801px) {
  #prevention .col2_gr {
    grid-column-gap: 60px;
  }
  #prevention>.col2_gr:nth-of-type(1) {
    margin-bottom: 60px;
  }
}

@media screen and (max-width:800px) {
  #prevention>.col2_gr {
    grid-row-gap: 10px;
  }
  #prevention>.col2_gr:nth-of-type(1) {
    margin-bottom: 40px;
  }
}

#prevention .col2_gr .img-box {
  padding-top: 66.666%;
}

#prevention .col2_gr:nth-of-type(1)>div.img-box {
  background-image: url("../../image/contents/treatment/prevention01.jpg");
}

#prevention .col2_gr:nth-of-type(2)>div.img-box {
  background-image: url("../../image/contents/treatment/prevention02.jpg");
}


/*入れ歯治療*/


/*#dentures*/

@media screen and (min-width:801px) {
  #dentures .col2_gr {
    grid-column-gap: 60px;
  }
}

@media screen and (max-width:800px) {
  #dentures .col2_gr {
    grid-row-gap: 30px;
  }
}

#dentures .col2_gr .img-box {
  padding-top: 66.666%;
}

#dentures .col2_gr:nth-of-type(1)>div.img-box {
  background-image: url("../../image/contents/treatment/dentures01.jpg");
}


/*#dentures .col2_gr:nth-of-type(2)  > div.img-box{
	background-image:url("../../image/contents/treatment/dentures02.jpg");
}*/


/*インプラント*/


/*#implant*/

@media screen and (min-width:801px) {
  #implant .col2_gr {
    grid-column-gap: 60px;
  }
}

@media screen and (max-width:800px) {
  #implant .col2_gr {
    grid-row-gap: 60px;
  }
}

#implant .col2_gr .img-box {
  padding-top: 66.666%;
}

#implant .col2_gr:nth-of-type(1)>div.img-box {
  background-image: url("../../image/contents/treatment/implant01.jpg");
}


/*#implant .col2_gr:nth-of-type(2)  > div.img-box{
	background-image:url("../../image/contents/treatment/implant02.jpg");
}*/


/*審美治療*/


/*#aesthetic*/

@media screen and (min-width:801px) {
  #aesthetic .col2_gr {
    grid-column-gap: 60px;
  }
}

@media screen and (max-width:800px) {
  #aesthetic .col2_gr {
    grid-row-gap: 60px;
  }
}

#aesthetic .col2_gr>div .img-box {
  padding-top: 66.666%;
}

#aesthetic .col2_gr>div:nth-of-type(1) .img-box {
  background-image: url("../../image/contents/treatment/aesthetic01.jpg");
}

#aesthetic .col2_gr>div:nth-of-type(2) .img-box {
  background-image: url("../../image/contents/treatment/aesthetic02.jpg");
}


/*矯正歯科*/


/*#orthodontics*/

@media screen and (min-width:801px) {
  #orthodontics .col3_gr {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }
}

@media screen and (max-width:800px) {
  #orthodontics .col3_gr {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }
}

#orthodontics .col3_gr>div ul {
  padding-left: 1.5em
}

#orthodontics .col3_gr>div .img-box {
  padding-top: 66.666%;
}

#orthodontics .col3_gr>div:nth-of-type(1) .img-box {
  background-image: url("../../image/contents/treatment/orthodontics01.jpg");
}

#orthodontics .col3_gr>div:nth-of-type(2) .img-box {
  background-image: url("../../image/contents/treatment/orthodontics02.jpg");
}

#orthodontics .col3_gr>div:nth-of-type(3) .img-box {
  background-image: url("../../image/contents/treatment/orthodontics03.jpg");
}