@charset "utf-8";


/*====================↓見出しメイン画像関係====================*/


  /*----------
    メイン画像枠
    -----------*/
  .h1_main_img_frame {
    position: relative;
    overflow: hidden;   /*はみ出し部分の扱い（『hidden：はみ出た部分を隠す』）*/
    height:350px;
  }
  @media print, screen and (max-width: 835px) {
    .h1_main_img_frame {
      height:250px;
    }
  }
  @media print, screen and (max-width: 480px) {
    .h1_main_img_frame {
      height:185px;
    }
  }


  /*---------
    メイン画像
    ---------*/
  .h1_main_img {
    width: 100%;
    height: 100%;
    object-fit: cover; /*画像のはめ込み設定（『cover：アスベクト比維持、画面いっぱい』）*/
    position: absolute;
    left: 0;
    top: 0;
  }


/*====================↑見出しメイン画像関係====================*/







/*====================↓ドラッグで横スクロール====================*/


  /*-------------------
    ドラッグで横スクロール
    -------------------*/

  /*スクロール枠*/
  .scroll_frame{
    position:relative;
    max-width:1100px;
    margin:auto;
    padding:40px 30px 0px 30px;
/*
    padding:30px;
*/

  }
  /* 480px以下に適用されるCSS（スマホ用） */
  @media screen and (max-width: 480px) {
    .scroll_frame{
      padding:20px 20px 0px 20px;
    }
  }


  /*スクロール内容*/
  .scroll_container{
    display:flex;            /*子要素を横並び*/
    overflow-x:auto;         /*スクロールバーの表示（横スクロールを可能に）*/
    scrollbar-width:none;    /*スクロールバーを非表示*/
    user-select: none;       /*選択不可*/
    scroll-behavior: smooth; /*スクロールの振る舞い（スムーズ）*/

    margin:auto;
  }
  .scroll_container .item{
    flex-shrink:0; /*フレックス縮小係数（0：縮小しない）*/
  }

  /*スクロールボタン*/
  .btn_container_arrow_right{
    display: none;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 5px
  }
  .btn_container_arrow_left{
    display: none;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 5px
  }
  .btn a {
    position: relative;
    display: block;
    width: 40px;
    height: 50px;
    background-color: #999;
    opacity: 0.7;
    border-radius: 8px; /*角*/
  }
  .btn a:hover {
    opacity: 1;
  }
  .btn_arrow_right a::after {
    content: '';
    position: absolute;
    width: 9px;
    height: 9px;
    margin: auto;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    box-sizing: border-box;

    position: absolute;
    top: 50%;
    left: 50%;
    transform : translate(-60%,-50%) rotate(45deg);
    text-align: center;
  }
  .btn_arrow_left a::after {
    content: '';
    position: absolute;
    width: 9px;
    height: 9px;
    margin: auto;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    box-sizing: border-box;

    position: absolute;
    top: 50%;
    left: 50%;
    transform : translate(-30%,-50%) rotate(225deg);
    text-align: center;
  }





  .tooth_loss_treatment_box{
    margin-right: 30px;
    padding: 20px;
    background-color: #2BBDAE;
    flex-shrink:0;
    min-width:340px;
  }
  .tooth_loss_treatment_box:last-child{
    margin-right: 0px;
  }



  .tooth_loss_treatment_box .tooth_loss_treatment_title{
    text-align:center;
    padding:0px 0px 15px 0px;
    color:#FFF;
    font-weight:bold;
    font-size:1.4em;
  }


  .tooth_loss_treatment_box .tooth_loss_treatment_img{
    background-color:#FFF;
    margin-bottom:8px;
    padding:5px;
    display: flex;
    justify-content:center;
  }
  .tooth_loss_treatment_item{
    display:flex;flex-wrap:wrap;padding-bottom:8px;
  justify-content:space-between
  }
  .tooth_loss_treatment_item_detail{
    height:45px;width:48%;margin:0%;padding:20px;box-sizing:border-box;background-color: #FFF;display:flex;align-items:center;
    font-size:0.95em;
  }
  .tooth_loss_treatment_item2{
    display:flex;align-items:center;height:45px;background-color: #FFF;margin-bottom:8px;padding:20px;box-sizing:border-box;
  }


/*====================↑ドラッグで横スクロール====================*/




.tooth_loss_treatment_text {
  max-width:1100px;
  margin: auto;
  font-size: 0.9em;
  line-height: 1.6em;
  font-weight: bold;
  padding:15px 40px 0px 40px;
/*★
  margin-bottom: 100px;
  padding:0px 30px;
*/
}




.care_tooth_loss_kiken {
    width: 90%;
    max-width: 1100px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 40px;
    margin-bottom: 40px;
}

.care_tooth_loss_kiken2 {
    width: 90%;
    max-width: 1100px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 40px;
    margin-bottom: 40px;
}


.care_tooth_loss_kiken_img img {
    width: 100%;
    height: auto;
    max-width: 445px;
}


.invisalign_first_yajirushi {
    text-align: center;
    margin-top: 25px;
    margin-bottom: 25px;
    background-image: url(../img/mouthpiece_shyouni_yajirushi_sp.webp);
    background-repeat: no-repeat;
    background-size: 50px auto;
    background-position: center center;
    margin-left: auto;
    margin-right: auto;
    height: 55px;
}
.invisalign_first_yajirushi img{
    width: 100%;
    height: auto;
    max-width: 110px;
    display: none;
}
.care_tooth_loss_kiken_no {
    color: #E0767F;
    font-size: 2em;
    font-weight: bold;
}
.care_tooth_loss_kiken_img {
    margin-bottom: 20px;
}
.care_tooth_loss_kiken_text {
    font-size: 1.2em;
    line-height: 1.6em;
    padding-left: 20px;
}
.care_tooth_loss_kiken_text_box {
    display: flex;
}
.background_white {
    background-color: #FFFFFF;
}
.care_tooth_loss_text {
    width: 90%;
    max-width: 1100px;
    margin-left: auto;
    margin-right: auto;
    font-size: 1.1em;
    line-height: 1.6em;

padding-top:20px;
/*★
    margin-top: 40px;
    margin-bottom: 80px;
*/
}


/*background_white */
.background_white {
    padding-top: 80px;
}






.tooth_loss_symbol {
  color: #FF5C00;
  font-weight: bold;
  font-size: 2em;
  /* 縦方向の位置を指定 */
  vertical-align: middle;

  /* アイコンフォントとフォントとの位置ズレを調整 */
  position: relative;
  top: 0px;
}




.loss_explanation {
    width: 96%;
    margin-left: auto;
    margin-right: auto;
    max-width: 1100px;
}

.explanation_title {
    color: #5A4A37;
    text-align: center;
    font-size: 1.3em;
    line-height: 1.6em;
    font-weight: bold;
     margin-bottom: 15px;
}
.explanation_text {
    line-height: 1.6em;
    margin-bottom: 20px;
}

.back_yellow {
    background-color: #FFECC2;
}

.back_pink {
    background-color: #FFE8E4;
}

.loss_come {
    color: #5A4A37;
    text-align: center;
    font-size: 1.1em;
    line-height: 1.6em;
    font-weight: bold;
    margin-top: 50px;
    width: 96%;
    margin-left: auto;
    margin-right: auto;
    max-width: 1100px;
    border-radius: 20px;
    margin-bottom: 30px;
    background-repeat: no-repeat;
    background-position: 95% center;
    background-size: 60px auto;
    min-height: 50px;
    padding-top: 20px;
    padding-bottom: 20px;
}

.loss_come.back_yellow{
    background-image: url(../img/tooth_loss_category_implant.webp);

}
.loss_come.back_pink{
    background-image: url("../img/tooth_loss_category_ireba.webp");

}
.loss_come img {
    vertical-align: middle;
    width: 20%;
    margin-left: 10px;
    max-width: 151px;

}
.loss_tokutyou_img {
    text-align: center;
    margin-bottom: 50px;
}
.loss_tokutyou_box {
    width: 96%;
    margin-left: auto;
    margin-right: auto;
    max-width: 1100px;
}
.loss_tokutyou_title {
    color: #554434;
    font-weight: bold;
    font-size: 1.1em;
    line-height: 1.6em;
    margin-bottom: 10px;
}
.loss_tokutyou_text {
    font-size: 0.9em;
    line-height: 1.6em;
     margin-bottom: 30px;
}
.loss_risk ul {
    margin-left: 20px;
    list-style-position: outside;
    list-style-type: disc;
    max-width: 1200px;
/*★
    margin-bottom: 70px;
*/
}
.loss_risk ul li {
    font-size: 0.9em;
    line-height: 1.5em;
/*★
    margin-bottom: 10px;
*/
}
.sub_title {
    position: relative;
    padding-left: 10px;
    font-size: 1.1em;
    line-height: 1.6em;
    font-weight: bold;
    margin-bottom: 15px;
}



.sub_title::before {
    content:"";
   display:inline-block;
   width:7px;
   height:22px;
   position:absolute;
   top:0px;
   left:0px;
}

.sub_title.square_orange::before {
   background-color:#F3BD4D;
}

.sub_title.square_blue::before {
   background-color:#2BBDAE;
}
.implant_anzen_title {
    text-align: center;
    font-size: 1.1em;
    line-height: 1.6em;
    font-weight: bold;
    margin-top: 20px;
}

.loss_implant_kensa {
    margin-bottom: 60px;
}


.loss_implant_kensa li {
    font-size: 0.9em;
    line-height: 1.6em;
    margin-bottom: 30px;
}
.implant_box_naiyou_text {
    font-size: 0.9em;
    line-height: 1.6em;
    margin-bottom: 10px;
}
.implant_box_naiyou {
padding: 0px 0px 40px 0px;
/*
    margin-bottom: 40px;
*/
}
.implant_box_naiyou:last-of-type {
padding: 0px;
}
.tiryouhi_naiyou {
    font-size: 0.9em;
    line-height: 1.6em;
}
.tiryouhi {
    font-weight: bold;
    font-size: 1.2em;
}
.tiryouhi_naiyou ul {
    list-style-position: outside;
    list-style-type: disc;
    margin-left: 20px;
}
.hosyouseido {
    border: 2px solid #FFD9E2;
    background-color: #FFFFFF;
    margin-top: 20px;
/*
    margin-bottom: 40px;
*/
    padding-top: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
    padding-left: 15px;
    font-size: 0.9em;
    line-height: 1.6em;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}
.hosyouseido_title {
    text-align: center;
    font-weight: bold;
    color: #554434;
    font-size: 1.1em;
    margin-bottom: 10px;
}
.loss_risk {
    width: 96%;
    margin-left: auto;
    margin-right: auto;
    max-width: 1100px;
}
.hokentekiou_ireba {
    width: 96%;
    margin-left: auto;
    margin-right: auto;
    max-width: 1100px;
    font-size: 1.3em;
    font-weight: bold;
    color: #554434;
    line-height: 1.6em;
    text-align: center;
    margin-bottom: 10px;
}
.hokentekiou_ireba_text {
     width: 96%;
    margin-left: auto;
    margin-right: auto;
    max-width: 1100px;
      font-size: 0.9em;
    line-height: 1.6em;
     margin-bottom: 30px;
}
.hokentekiou_ireba_img {
    width: 96%;
    margin-left: auto;
    margin-right: auto;
    max-width: 800px;
/*★
    padding-bottom: 40px;
*/
}

h2:has(.h2_border){
  padding:50px 0px 0px 0px;
}

.box_title {
  line-height: 2.1em;
}



/*指定：600px～ */
@media print, screen and (min-width: 600px) {
.invisalign_first_yajirushi {
    background-image: none;
    text-align: center;
    margin-bottom: 80px;
}

.invisalign_first_yajirushi img{
    display: inline;
}
.care_tooth_loss_kiken {
    display: flex;
}

.care_tooth_loss_kiken2 {
    display: flex;
    flex-direction: row-reverse;
}

.care_tooth_loss_kiken_img {
    width: 46%;
    margin-left: 2%;
    margin-right: 2%;
}

.care_tooth_loss_kiken_text_box {
    width: 46%;
     margin-left: 2%;
    margin-right: 2%;
    display:block;
}
.loss_explanation {
    display: flex;
    justify-content: space-between;
}

 .explanation_title {
    text-align: left;
    font-size: 1.8em;
    margin-bottom: 15px;
}
.explanation_text {
    line-height: 1.6em;
    margin-bottom: 20px;
    width: 52%;
}
.explanation_img {
    width: 46%;
}
.loss_come {
    font-size: 1.8em;
    line-height: 70px;
    background-size: 80px auto;
    margin-bottom: 80px;
}
.loss_tokutyou_box {
    display: flex;
    flex-direction: row-reverse;
}

 .loss_tokutyou_text_box {
    width: 57%;
      margin-right: 3%;
}

.loss_tokutyou_img {
    width: 40%;
    text-align: right;
    margin-bottom: 0px;
}
.loss_implant_kensa {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0px;
}
.loss_implant_kensa li {
    width: 46%;
    margin-bottom: 60px;
}


.implant_box_naiyou {
     display: flex;
    justify-content: space-between;
}
.implant_box_naiyou_text {
    width: 55%;
}
.implant_box_naiyou_img {
     width: 40%;
}

.sub_title {
    font-size: 1.4em;
    padding-left: 15px;
}
.sub_title::before {
   width:7px;
   height:30px;

}


.hokentekiou_ireba {
    font-size: 1.6em;
}
.hokentekiou_ireba_text {
    font-size: 1.2em;
    font-weight: bold;
    text-align: center;
}
.tooth_loss_treatment_text {
/*★
    margin-bottom: 200px;
*/
}
.hokentekiou_ireba_img {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}




}


/*指定：835px～ */
@media print, screen and (min-width: 835px) {

  .care_tooth_loss_kiken_no {
    font-size: 3em;
}

.care_tooth_loss_kiken_text {
    font-size: 2.2em;
    padding-left: 60px;
}

.care_tooth_loss_kiken {
    margin-top: 80px;
}

.care_tooth_loss_kiken2 {
    margin-top: 80px;
}
 .care_tooth_loss_text {
    font-size: 1.8em;

padding-top:40px;
/*★
    margin-top: 100px;
    margin-bottom: 100px;
*/

}
.explanation_title {
    font-size: 2.2em;
}
.loss_come {
    font-size: 2.1em;
}
.box_title {
    font-size: 2.1em;
}
.implant_anzen_title {
    font-size: 1.6em;
}
.tiryouhi {
    font-size: 1.8em;
}
.hokentekiou_ireba {
    font-size: 2.3em;
}
.hosyouseido_title {
    font-size: 1.8em;
}
.hosyouseido {
    padding-top: 25px;
    padding-right: 25px;
    padding-bottom: 25px;
    padding-left: 25px;
}
h2:has(.h2_border){
  padding:80px 0px 0px 0px;
}
.h2_border {
/*
    padding-top: 10px;
    padding-bottom: 5px;
*/
}


}