@charset "utf-8";

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

  口腔外科・顎関節

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

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

  口腔外科
  
----------------------------------------------------------------------------------------------------*/
  
@media print,screen and (min-width:641px) {
  .koku {
    padding-top:96px;
  }
  
  .koku .about {
    padding-top:48px;
    padding-bottom:56px;
    line-height:2;
  }
}

@media screen and (max-width:640px) {
  .koku {
    padding-top:3em;
  }
  
  .koku .about {
    padding-top:2em;
    padding-bottom:2em;
    text-align:left
  }
}


/*--------------------------------------------------------------------------------
  親知らずについて
--------------------------------------------------------------------------------*/

.oyashirazu {
  background-color:#fff;
  text-align:left;
}

@media print,screen and (min-width:641px) {
  .oyashirazu {
    border-radius:10px;
    padding:48px;
  }

  .oyashirazu {
    display:grid;
    display:-ms-grid;
    grid-template-columns:calc(100% - 420px) 420px;
    grid-template-rows:auto auto;
    -ms-grid-columns:-webkit-calc(100% - 420px) 420px;
    -ms-grid-columns:calc(100% - 420px) 420px;
    -ms-grid-rows:auto auto;
  }
  
  .oyashirazu-ttl {
    grid-column:1 / 2;
    grid-row:1;
    -ms-grid-column:1;
    -ms-grid-row:1;
    text-align:left;
  }
  
  .oyashirazu-txt {
    grid-column:1 / 2;
    grid-row:2;
    -ms-grid-column:1;
    -ms-grid-row:2;
    text-align:left;
    padding-top:0.8em;
  }
  
  .oyashirazu-illust {
    grid-column:2 / 3;
    grid-row:1 / 4;
    -ms-grid-column:2;
    -ms-grid-row:1;
    -ms-grid-row-span:3;
    padding-left:48px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:end;
    -ms-flex-align:end;
    align-items:flex-end;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
  }
  
  .oyashirazu-illust img {
    width:100%;
  }
}

@media screen and (max-width:640px) {
  .oyashirazu {
    padding-top:2em;
    padding-bottom:2.5em;
  }
  
  .oyashirazu-ttl {
    text-align:center;
    padding-bottom:2rem;
  }

  .oyashirazu-txt {
    padding-top:1.5em;
  }
  
  .oyashirazu-illust {
    text-align:center;
  }
  
  .oyashirazu-illust img {
    max-width:300px;
    width:70%;
  }
}


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

  顎関節
  
----------------------------------------------------------------------------------------------------*/

.ago .shojo-hdline {
  display:inline-block;
  padding-bottom:1.8rem;
}

.ago .shojo .s-checkList {
  margin-top:1.5em;
}

.ago .shojo-txt p:first-child {
  padding-bottom:1em;
}

.ago .cnt-bottom {
  text-align:left;
}

.ago .cnt-bottom p:first-child {
  padding-bottom:1em;
}

.ago .cnt-bottom p b {
  margin-right:0.5rem;
}

@media print,screen and (min-width:641px) {
  .ago {
    padding-top:96px;
  }
  
  .ago .shojo {
    padding-top:72px;
  }
  
  .ago .shojo-photo {
    -webkit-box-ordinal-group:1;
    -ms-flex-order:0;
    order:0;
  }
  
  .ago .shojo-txt {
    -webkit-box-ordinal-group:2;
    -ms-flex-order:1;
    order:1;
  }
  
  .ago .cnt-bottom {
    padding-top:64px;
    padding-bottom:96px;
  }
}

@media screen and (max-width:640px) {
  .ago {
    padding-top:3em;
  }
  
  .ago .shojo {
    padding-top:2em;
  }
  
  .ago .shojo-txt {
    padding-bottom:2em;
  }
  
  .ago .shojo-hdline {
    padding-bottom:1rem;
  }
  
  .ago .shojo-txt p {
    text-align:left;
  }
  
  .ago .cnt-bottom {
    text-align:left;
    padding-top:1.5em;
    padding-bottom:2.5em;
  }
}