@charset "utf-8";

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


  ◇◆◇ 診療方針 ◇◆◇
  
  
========================================================================================================================*/

/*----------------------------------------------------------------------------------------------------

  コンセプト
  
----------------------------------------------------------------------------------------------------*/

#concept b {
  display:inline-block;
  margin-left:0.5rem;
  margin-right:0.5rem;
}

#concept p {
  line-height:2.4;
}

@media print,screen and (min-width:641px) {
  #concept {
    padding-top:60px;
  }
}

@media screen and (max-width:640px) {
  #concept {
    padding:2.5rem 1.5rem 0 1.5rem;
  }
  
  .concept_en {
    font-size:180%;
  }
}


/*----------------------------------------------------------------------------------------------------

  診療方針
  
----------------------------------------------------------------------------------------------------*/

.conceptList_block {
  background-color:#fff;
  box-sizing:border-box;
}

.conceptList__hd {
  color:#1e968c;
}

.conceptList__hd .no-wrap {
  text-align:center;
  margin-bottom:1rem;
}

.conceptList__hd .no {
  display:inline-block;
  vertical-align:baseline;
  margin-left:0.25rem;
}

.conceptList__body {
  text-align:left;
}

.conceptList__body .txt .mgT-space1 { margin-top:1rem; display:inline-block; }
.conceptList__body .txt .mgB-space1 { margin-bottom:1rem; display:inline-block; }

@media print,screen and (min-width:641px) {
  #conceptList {
    width:1200px;
    margin-left:auto;
    margin-right:auto;
    padding-top:20px;
    padding-bottom:100px;
  }
  
  .conceptList_block {
    margin-top:60px;
    padding:60px;
  }

  .conceptList__body {
    padding-top:60px;
  }
  
  .conceptList__body .photo {
    display:inline-block;
    width:400px;
    float:left;
  }
  
  .conceptList__body .txt {
    margin-left:460px;
  }
}

@media screen and (max-width:640px) {
  #conceptList {
    padding:1rem 1.5rem 3rem 1.5rem;
  }
  
  .conceptList_block {
    margin-top:2rem;
    padding:2.25rem 1.75rem 2rem 1.75rem;
  }

  .conceptList__body {
    padding-top:2rem;
  }
  
  .conceptList__body .photo {
    display:block;
    text-align:center;
    margin-bottom:1.5rem;
  }
  
  .conceptList__body .photo img {
    max-width:400px;
  }
}


/*-----------------------------------------------------------------------------------
  もっときれいのお手伝い
-----------------------------------------------------------------------------------*/

.kireiList {
  list-style:none;
  display:inline-block;
  padding-bottom:1rem;
}

.kireiList li {
  text-align:center;
  box-sizing:border-box;
}

.kireiList li > span {
  display:block;
  background-color:#e2f4f2;
  color:#1e968c;
  padding:0.75rem;
  line-height:1.4;
}

@media print,screen and (min-width:641px) {
  .kireiList li {
    width:50%;
    float:left;
  }

  .kireiList li:nth-child(even) {
    padding-left:0.5rem;
  }
  
  .kireiList li:nth-child(n+3) {
    padding-top:0.5rem;
  }
  
  .kireiList li:nth-child(3) span {
    padding-top:1.5rem;
  }
}

@media screen and (max-width:640px) {
  .kireiList {
    display:block;
  }
  
  .kireiList li {
    padding-top:0.5rem;
  }
}