@charset "utf-8";

img{
  max-width: 100%;
  height: auto;
  display: block;
}

@media print, screen and (min-width: 501px) {

  .sn51 a {
    color: #fff;
    background-color: #72c0b7;
  }

  .dental-esthetic .heading {
    padding: 8px 15px;
    border-left: 6px solid #b69b58;
    color: #4d4335;
    font-family: "NotoSerifJP-3", serif;
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 1.4;
    background-color: #f7f3e9;
  }

  .dental-esthetic .visual {
    margin-top: 40px;
  }
  .dental-esthetic .section {
    margin-top: 60px;
  }


  /* -----------------------------------------------
    デンタルエステについて
  ----------------------------------------------- */

  .dental-esthetic .introduction-text {
    margin-top: 20px;
  }
  .dental-esthetic .introduction-text p{
    margin: 6px 0;
  }
  .dental-esthetic .ntroduction-fb {
    display:flex;
    justify-content: space-between;
    margin-top: 20px;
    background-color: #fffdf7;
    padding: 20px;
    border-top:solid 1px #b69b58;
    border-bottom:solid 1px #b69b58;
  }
  .dental-esthetic .ntroduction-fb .introduction-fb-text {
    flex: 1;
  }
  .dental-esthetic .ntroduction-fb .introduction-fb-text p{
    margin: 6px 0;
    line-height: 1.5;
  }
  .dental-esthetic .ntroduction-fb .introduction-fb-image{
    margin-left: 20px;
    width: 300px;
  }

  /* -----------------------------------------------
    お悩み
  ----------------------------------------------- */
  
  .trouble-fb{
    margin-top: 20px;
    display:flex;
    justify-content: space-between;
    background-color: #f4f1ea;
    padding: 20px;
  }
  .trouble-fb .fb-right{
    margin-left: 20px;
    width: 200px;
  }
  .trouble-fb .fb-left{
    flex: 1;
  }
  .trouble-fb .fb-left .trouble-list li{
    margin: 10px;
    border:solid 2px #d8aaaf;
    border-radius:10px;
    padding: 10px;
    background-color: #fff;
    text-align: center;
    font-family:"NotoSansJP-4";
  }

  .trouble-message{
    background-color: #d8aaaf;
    color: #fff;
    font-size:2.0rem;
    text-align: center;
    padding: 10px;
    font-family:"NotoSansJP-4";
  }
  .trouble-message strong{
    font-size:2.6rem;
    font-family:"NotoSansJP-6";
  }


  /* -----------------------------------------------
    患者さんからのお声
  ----------------------------------------------- */
  .voice-list{
    margin-top: 20px;
    background-color: #f1d8da;
    padding: 10px 20px;
  }
  .voice-list li{
    margin: 10px 0;
    background-color: #fffdf7;
    padding: 10px;
    text-align: center;
    border-radius:10px;
    font-family:"NotoSansJP-4";
  }
  .voice-note{
    font-size:1.4rem;
    text-align: right;
  }


  /* -----------------------------------------------
    メニュー
  ----------------------------------------------- */

  .menu-list{
    margin-top: 20px;
    display:flex;
    justify-content: space-between;
  }
  .menu-list .menu{
    width: 32%;
    padding: 20px 20px;
    border: 1px solid #d8ca9f;
    box-sizing: border-box;
  }
  .menu-list .menu-title {
    color: #73623c;
    font-family:"NotoSerifJP-3";
    font-size:2.0rem;
    text-align: center;
    margin-bottom: 10px;
  }
  .menu-list .menu-subtitle{
    margin-top: 16px;
    font-family:"NotoSansJP-3";
  }
  .menu-list .menu-subtitle span{
    color: #fff;
    background-color: #8c7440;
    text-align: center;
    font-size:1.4rem;
    padding: 2px 6px;
    margin: 6px 0 0 0;
    display: block;
  }
  
  .menu-list .menu-description{
    margin-top: 16px;
  }

  .menu-list .menu-price{
    margin-top: 16px;
    text-align: center;
    font-family:"NotoSansJP-3";
    font-size:1.4rem;
    color: #8b7039;
  }
  .menu-list .menu-price .menu-time{
    font-size:1.6rem;
  }
  .menu-list .menu-price strong{
    font-family:"NotoSerifJP-5";
    font-size:3.2rem;
  }

  /* -----------------------------------------------
    私たちが担当します！
  ----------------------------------------------- */
  .photo img{
    margin-top: 20px;
  }

  /* -----------------------------------------------
    ご予約
  ----------------------------------------------- */

  .information{
    margin-top: 60px;
    border: 3px solid #d9a7ad;
    text-align: center;
    background-color: #fffdf7;
    padding: 20px;
  }
  .information .information-heading{
    font-family:"NotoSerifJP-5";
    font-size:2.6rem;
    color: #665535;
  }
  .information .information-text{
    margin-top: 10px;
    color: #49384d;
  }
  .information .information-tel{
    margin-top: 6px;
  }
  .information .information-tel a{
    font-size:3.4rem;
    font-family:"NotoSansJP-3";
    color: #b85a66;
  }

  .information .instagram{
    margin-top: 10px;
    color: #49384d;
  }
  .information .instagram-button a{
    margin-top: 10px;
    display: inline-block;
    padding: 12px 40px;
    color: #fff;
    line-height: 1.5;
    text-decoration: none;
    background-color: #72c0b7;
  }



}
@media screen and (max-width: 500px) {

  .dental-esthetic .heading {
    padding: 6px 10px;
    border-left: 6px solid #b69b58;
    color: #4d4335;
    font-family: "NotoSerifJP-3", serif;
    font-size:2.2rem;
    line-height: 1.4;
    background-color: #f7f3e9;
  }

  .dental-esthetic .visual {
    margin-top: 20px;
  }
  .dental-esthetic .section {
    margin-top: 40px;
  }


  /* -----------------------------------------------
    デンタルエステについて
  ----------------------------------------------- */

  .dental-esthetic .introduction-text {
    margin-top: 20px;
  }
  .dental-esthetic .introduction-text p{
    margin: 6px 0;
  }
  .dental-esthetic .ntroduction-fb {
    margin-top: 20px;
    background-color: #fffdf7;
    padding: 20px 10px;
    border-top:solid 1px #b69b58;
    border-bottom:solid 1px #b69b58;
  }
  .dental-esthetic .ntroduction-fb .introduction-fb-text p{
    margin-bottom: 6px;
    line-height: 1.5;
  }
  .dental-esthetic .ntroduction-fb .introduction-fb-image{
    margin-top: 10px;
  }

  /* -----------------------------------------------
    お悩み
  ----------------------------------------------- */
  
  .trouble-fb{
    margin-top: 20px;
    background-color: #f4f1ea;
    padding: 20px;
  }
  .trouble-fb .fb-right{
    margin-left: 20px;
    text-align: center;
  }
  .trouble-fb .fb-right img{
    width: 60%;
    margin: 0 auto
  }
  .trouble-fb .fb-left{
    flex: 1;
  }
  .trouble-fb .fb-left .trouble-list li{
    margin: 10px;
    border:solid 2px #d8aaaf;
    border-radius:10px;
    padding: 10px;
    background-color: #fff;
    text-align: center;
    font-family:"NotoSansJP-4";
  }

  .trouble-message{
    background-color: #d8aaaf;
    color: #fff;
    font-size:1.6rem;
    text-align: center;
    padding: 10px;
    font-family:"NotoSansJP-4";
  }
  .trouble-message strong{
    font-size:2.6rem;
    font-family:"NotoSansJP-6";
    display: block;
  }


  /* -----------------------------------------------
    患者さんからのお声
  ----------------------------------------------- */
  .voice-list{
    margin-top: 20px;
    background-color: #f1d8da;
    padding: 10px 10px;
  }
  .voice-list li{
    margin: 10px 0;
    background-color: #fffdf7;
    padding: 10px;
    text-align: center;
    border-radius:10px;
    font-family:"NotoSansJP-4";
  }
  .voice-note{
    font-size:1.4rem;
    text-align: right;
  }


  /* -----------------------------------------------
    メニュー
  ----------------------------------------------- */

  .menu-list{
    margin-top: 20px;
  }
  .menu-list .menu{
    padding: 20px 20px;
    border: 1px solid #d8ca9f;
    box-sizing: border-box;
    margin-top: 20px;
  }
  .menu-list .menu-title {
    color: #73623c;
    font-family:"NotoSerifJP-3";
    font-size:2.0rem;
    text-align: center;
    margin-bottom: 10px;
  }
  .menu-list .menu-subtitle{
    margin-top: 16px;
    font-family:"NotoSansJP-3";
  }
  .menu-list .menu-subtitle span{
    color: #fff;
    background-color: #8c7440;
    text-align: center;
    font-size:1.4rem;
    padding: 4px 6px;
    margin: 6px 0 0 0;
    display: block;
  }
  
  .menu-list .menu-description{
    margin-top: 16px;
  }

  .menu-list .menu-price{
    margin-top: 16px;
    text-align: center;
    font-family:"NotoSansJP-3";
    font-size:1.4rem;
    color: #8b7039;
  }
  .menu-list .menu-price .menu-time{
    font-size:1.6rem;
  }
  .menu-list .menu-price strong{
    font-family:"NotoSerifJP-5";
    font-size:3.2rem;
  }

  /* -----------------------------------------------
    私たちが担当します！
  ----------------------------------------------- */
  .photo img{
    margin-top: 20px;
  }

  /* -----------------------------------------------
    ご予約
  ----------------------------------------------- */

  .information{
    margin-top: 40px;
    border: 3px solid #d9a7ad;
    text-align: center;
    background-color: #fffdf7;
    padding: 20px;
  }
  .information .information-heading{
    font-family:"NotoSerifJP-5";
    font-size:2.2rem;
    color: #665535;
  }
  .information .information-text{
    margin-top: 10px;
    color: #49384d;
  }
  .information .information-tel{
    margin-top: 6px;
  }
  .information .information-tel a{
    font-size:3.0rem;
    font-family:"NotoSansJP-3";
    color: #b85a66;
  }

  .information .instagram{
    margin-top: 10px;
    color: #49384d;
  }
  .information .instagram-button a{
    margin-top: 10px;
    display: inline-block;
    padding: 12px 40px;
    color: #fff;
    line-height: 1.5;
    text-decoration: none;
    background-color: #72c0b7;
  }



}