@charset "utf-8";

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

  一般歯科

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

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

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

.about p:last-child {
  padding-top:0.5em;
}

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

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


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

  虫歯の進み方
  
----------------------------------------------------------------------------------------------------*/

.mushiba {
  background-color:#fff;
}

.mushiba .p-hdLine {
  color:inherit;
}
  
.stage .stage-box:not(:first-child) {
  margin-top:1.5em;
}

.stage-box {
  border-radius:10px;
  background-color:#fefaed;
}

.stage-ttl b {
  display:block;
  font-weight:900;
  color:#ebb60f;
  line-height:1.4;
  padding-bottom:1rem;
}

.stage-ttl small {
  font-size:0.7em;
  font-weight:500;
  display:inline-block;
  margin-left:1rem;
}

@media print,screen and (min-width:641px) {
  .mushiba {
    padding-top:96px;
    padding-bottom:96px;
  }
  
  .stage-illust {
    padding-top:72px;
    padding-bottom:72px;
  }
  
  .stage-box {
    max-width:1080px;
    margin-left:auto;
    margin-right:auto;
    display:grid;
    display:-ms-grid;
    grid-template-columns:220px calc(100% - 220px);
    grid-template-rows:auto auto;
    -ms-grid-columns:220px -webkitcalc(100% - 220px);
    -ms-grid-columns:220px calc(100% - 220px);
    -ms-grid-rows:auto auto;
  }
  
  .stage-img {
    grid-column:1 / 2;
    grid-row:1 / 4;
    -ms-grid-column:1;
    -ms-grid-row:1;
    -ms-grid-row-span:2;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
  }
  
  .stage-img img {
    max-width:110px;
  }
  
  .stage-ttl {
    grid-column:2 / 3;
    grid-row:1;
    -ms-grid-column:2;
    text-align:left;
  }
  
  .stage-txt {
    grid-column:2 / 3;
    grid-row:2;
    -ms-grid-column:2;
    -ms-grid-row:2;
    text-align:left;
  }
  
  .stage-ttl {
    padding:40px 40px 0 0;
  }
  
  .stage-txt {
    padding:0 40px 40px 0;
  }  
}

@media screen and (max-width:640px) {
  .mushiba {
    padding-top:3em;
    padding-bottom:2.5em;
  }
  
  .stage-illust {
    padding-top:2.75em;
    padding-bottom:2em;
    margin-bottom:1.5em;
    -webkit-overflow-scrolling:touch;
    overflow-x:scroll;
  }

  .stage-illust::-webkit-scrollbar {
    height:4px;
  }
  .stage-illust::-webkit-scrollbar-track {
    background:#ccc;
    border-radius:2px;
  }
  .stage-illust::-webkit-scrollbar-thumb {
    border-radius:2px;
    background:#666;
  }
  
  .stage-illust img {
    max-width:inherit;
    width:-webkit-calc(740 / 640 * 100vw);
    width:calc(740 / 640 * 100vw);
  }
  
  .stage-box {
    padding:1.5em 1.75em;
  }
  
  .stage-img {
    padding-top:0.4em;
    padding-bottom:1.25em;
  }
  
  .stage-img img {
    max-width:100px;
    width:25%;
  }
  
  .stage-txt {
    text-align:left;
    padding-bottom:0.25em;
  }
  
  .stage-ttl {
    font-size:1.1em;
  }
  
  .stage-ttl small {
    display:block;
    margin-left:0;
    padding-top:0.2em;
  }
}


@media screen and (max-width:560px) {
  .stage-box {
    padding-left:1.5em;
    padding-right:1.5em;
  }
}

@media screen and (max-width:480px) {
  .stage-illust img {
    max-width:inherit;
    width:-webkit-calc(730 / 480 * 100vw);
    width:calc(730 / 480 * 100vw);
  }
}


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

  メンテナンス
  
----------------------------------------------------------------------------------------------------*/

.mente-hdline {
  padding-bottom:1.8rem;
}

.mente p:not(:last-child) {
  padding-bottom:1em;
}

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

@media screen and (max-width:640px) {
  .mente {
    padding-top:2.5em;
    padding-bottom:2.5em;
  }
  
  .mente-txt {
    padding-top:1.75em;
  }
}