@charset "utf-8";

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

  ホワイトニング

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

.about-txt p:not(:first-child) {
  padding-top:1em;
}

@media print,screen and (min-width:641px) {
  .about {
    padding-bottom:96px;
  }
  
  .about-photo .s-ofi {
    height:450px;
  }
}

@media screen and (max-width:640px) {
  .about {
    padding-bottom:2.5em;
  }
  
  .about-photo img {
    height:260px;
    object-fit:cover;
    font-family:"object-fit:cover;"
  }
  
  .about-txt {
    padding-top:1.5em;
  }
}

@media screen and (max-width:560px) {
  .about-photo img {
    height:-webkit-calc(260 / 560 * 100vw);
    height:calc(260 / 560 * 100vw);
  }
}


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

  ホワイトニングの種類
  
----------------------------------------------------------------------------------------------------*/

.shurui {
  background-color:#d9f1f1;
}

.shuruiBox .item {
  background-color:#fff;
  border-radius:10px;
}

.shuruiBox .item dt {
  background-color:#2fbfbb;
  color:#fff;
  line-height:1.4;
  font-weight:500;
  padding:0.6em 1em;
  border-radius:10px 10px 0 0;
}

.shuruiBox .item dd {
  text-align:left;
}

@media print,screen and (min-width:641px) {
  .shurui {
    padding-top:96px;
    padding-bottom:96px;
  }
  
  .shurui-txt {
    padding-top:40px;
    padding-bottom:56px;
  }
  
  .shuruiBox {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
  }
  
  .shuruiBox .item {
    width:-webkit-calc(50% - 20px);
    width:calc(50% - 20px);
  }
  
  .shuruiBox .item dd {
    padding:32px 40px;
  }
}

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

  .shurui-txt {
    padding-top:1.5em;
    text-align:left;
    line-height:1.7;
  }
  
  .shurui-txt .pc-view {
    display:none;
  }
  
  .shuruiBox .item {
    margin-top:2em;
  }
  
  .shuruiBox .item dd {
    padding:1.5em 1.75em 1.75em 1.75em;
  }
}

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


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

  相談
  
----------------------------------------------------------------------------------------------------*/

.sodan p b {
  margin-right:0.5rem;
}

@media print,screen and (min-width:641px) {
  .sodan {
    padding-top:72px;
    padding-bottom:72px;
    font-size:1.1em;
  }
  
  .sodan p {
    line-height:2;
  }
}

@media screen and (max-width:640px) {
  .sodan {
    padding-top:2.5em;
    padding-bottom:2.5em;
    text-align:left;
  }
  
  .sodan p .pc-view {
    display:none;
  }
}