@charset "utf-8";

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

当院について

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

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

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

.intro {
  margin-bottom: 60px;
}


/*---------------------
特徴
---------------------*/

#point {
  margin-bottom: 100px;
}

#point>h2 {
  text-align: center;
  background: #fff;
}

.point-list li .img-box {
  padding-top: 50%;
}

.point-list li:nth-child(1) .img-box {
  background-image: url("../../image/contents/about/point01.jpg")
}

.point-list li:nth-child(2) .img-box {
  background-image: url("../../image/contents/about/point02.jpg")
}

.point-list li:nth-child(3) .img-box {
  background-image: url("../../image/contents/about/point03.jpg")
}

.point-list {
  list-style: none;
  counter-reset: number 0;
}

.point-list li {
  position: relative;
  background-color: #fff;
}

.point-list li .tag-hd {
  border-bottom: 2px solid var(--color-blue);
}

.point-list li h3 {
  margin-bottom: 30px;
}

.point-list li p {
  margin-bottom: 30px;
}

.point-list li .tag-hd:before {
  counter-increment: number;
  content: "ポイント" counter(number, decimal-leading-zero) "";
}

.point-list li .col2 {
  display: grid;
}

.point-list li .img-box {
  padding-top: 66.666%
}

@media screen and (min-width:801px) {
  #point>h2 {
    padding-top: 40px;
    padding-bottom: 20px;
  }
  .point-list li {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 60px;
  }
  .point-list li {
    padding-top: 60px;
  }
  .point-list li h3 {
    line-height: 1.6;
  }
  .point-list li:not(:last-child)::after {
    border-width: 50px 50px 0 50px;
  }
  .point-list li:not(:last-child) {
    padding-bottom: 30px;
  }
		
	.point-list{
		margin-bottom: 90px;
	}
}

@media screen and (max-width:800px) {
  #point>h2 {
    padding-top: 60px;
  }
  .point-list li {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-row-gap: 0px;
  }
  .point-list li {
    padding: 30px 0px;
  }
  .point-list li:not(:last-child)::after {
    border-width: 30px 30px 0 30px;
  }
  .point-list li:not(:last-child) {
    padding-bottom: 70px;
  }
	
	.point-list{
		margin-bottom: 70px;
	}
}


/*---------------------
ご挨拶
---------------------*/

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

#greeting>div:not(:last-child) {
  margin-bottom: 60px;
}

@media screen and (min-width:801px) {
  #greeting {
    margin-bottom: 90px;
  }
  #greeting .col2_gr {
    grid-column-gap: 40px;
  }
}

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

#director .img-box {
  background-image: url("../../image/contents/about/director.jpg");
}

#vice-president .img-box {
  background-image: url("../../image/contents/about/vice-president.jpg");
}


/*---------------------
感染対策
---------------------*/

@media screen and (min-width:801px) {
  #infection-control {
    margin-bottom: 90px;
  }
}

@media screen and (max-width:800px) {
  #infection-control {
    margin-bottom: 70px;
  }
}

.infection-control {
  list-style: none;
}

.infection-control li .col3_gr {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
}

.infection-control li:not(:last-child) {
  margin-bottom: 60px;
}

.infection-control li .txt-box p {
  margin-bottom: 30px;
}

.infection-control li .col3_gr .img-box {
  padding-top: 66.666%;
}

.infection-control li:nth-child(1) .col3_gr .img-box:nth-child(1) {
  background-image: url(../../image/contents/about/infecton-c01_1.jpg);
}

.infection-control li:nth-child(1) .col3_gr .img-box:nth-child(2) {
  background-image: url(../../image/contents/about/infecton-c01_2.jpg);
}

.infection-control li:nth-child(1) .col3_gr .img-box:nth-child(3) {
  background-image: url(../../image/contents/about/infecton-c01_3.jpg);
}

.infection-control li:nth-child(2) .col3_gr .img-box:nth-child(1) {
  background-image: url(../../image/contents/about/infecton-c02_1.jpg);
}

.infection-control li:nth-child(2) .col3_gr .img-box:nth-child(2) {
  background-image: url(../../image/contents/about/infecton-c02_2.jpg);
}

.infection-control li:nth-child(2) .col3_gr .img-box:nth-child(3) {
  background-image: url(../../image/contents/about/infecton-c02_3.jpg);
}


.infection-control li .col2_gr {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
}



.infection-control li .col2_gr .img-box {
  padding-top: 66.666%;
}

.infection-control li:nth-child(3) .col2_gr .img-box/* :nth-child(1) */ {
  background-image: url(../../image/contents/about/infecton-c03_1.jpg);
}

/* .infection-control li:nth-child(3) .col3_gr .img-box:nth-child(2) {
  background-image: url(../../image/contents/about/infecton-c03_2.jpg);
}

.infection-control li:nth-child(3) .col3_gr .img-box:nth-child(3) {
  background-image: url(../../image/contents/about/infecton-c03_3.jpg);
}
 */

/*---------------------
滅菌サイクル
---------------------*/

#cycle h2 {
  margin-bottom: 40px!important;
}

@media screen and (min-width:801px) {
  #cycle {
    margin-bottom: 90px;
  }
}

@media screen and (max-width:800px) {
  #cycle {
    margin-bottom: 70px;
  }
}


/*---------------------
ユニットの特徴
---------------------*/

@media screen and (min-width:801px) {
  #unit-feature {
    margin-bottom: 90px;
  }
  #unit-feature .col2_gr {
    grid-column-gap: 40px;
  }
}

@media screen and (max-width:800px) {
  #unit-feature {
    margin-bottom: 70px;
  }
  #unit-feature .col2_gr {
    grid-row-gap: 30px;
  }
}

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

#unit-feature .col2_gr .img-box {
  background-image: url("../../image/contents/about/mizu.jpg");
}


/*---------------------
ユニットの特徴
---------------------*/

@media screen and (min-width:801px) {
  #space-infection {
    margin-bottom: 90px;
  }
  #space-infection .col2_gr {
    grid-column-gap: 40px;
  }
}

@media screen and (max-width:800px) {
  #space-infection {
    margin-bottom: 70px;
  }
  #space-infection .col2_gr {
    grid-row-gap: 30px;
  }
}

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

#space-infection .col2_gr .img-box:nth-child(1) {
  background-image: url("../../image/contents/about/airdog.png");
}

#space-infection .col2_gr .img-box:nth-child(2) {
  background-image: url("../../image/contents/about/airbuster.jpg");
}

/*---------------------
医院紹介
---------------------*/

#clinic_introduction ul{
list-style: none;
}

#clinic_introduction ul li p{
  margin-top: 5px;
  text-align: center;
}



  @media screen and (min-width:801px) {
    #clinic_introduction h2{
      margin-bottom: 40px;
    }

    #clinic_introduction {
      margin-bottom:90px;
    }

    #clinic_introduction ul{
      grid-column-gap: 40px;
      grid-row-gap: 40px;
      }
  }

  @media screen and (max-width:800px) {
    #clinic_introduction h2{
      margin-bottom: 30px;
    }

    #clinic_introduction {
      margin-bottom:60px;
    }
    #clinic_introduction ul{
      grid-column-gap: 30px;
      grid-row-gap: 30px;
      }
  }