@charset "UTF-8";
a:hover, button:hover { opacity: 0.8; cursor: pointer; }

.tac { text-align: center; }

.cfx:after { content: "."; display: block; height: 0; font-size: 0; clear: both; visibility: hidden; }

.FontMin { font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif"; }

.TestWrap { max-width: 800px; min-height: 300px; margin: 0 auto; padding-bottom: 0; }
.TestWrap > h2 { max-width: 1000px; }
.TestWrap > h2 img { width: 100%; }
.TestWrap .img_sp { display: none; }

h3.BlueBelt { width: 100%; padding: 3% 0; text-align: center; color: #FFF; background: #3E6CC2; margin: 20px 0 40px; font-size: 25px;
    line-height: 1.6; font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif"; letter-spacing: 5px; }

/*歯周病タイプ展開部分*/
.TeethType { font-size: 0; vertical-align: top; max-width: 800px; margin: 0 auto; min-height: 230px; }
.TeethType > li { width: 100%; vertical-align: top; }

.menu { max-width: 800px; margin: 0 auto; padding: 0; }

label { display: block; background: #EEEEEE; font-size: 16px; padding: 2% 2%; text-align: left; vertical-align: middle; cursor: pointer; font-weight: bold; }
label.White { background: #fff; }
label > img { vertical-align: sub; float: right; }
label > img:hover { opacity: 0.8; }

input { display: none; }

.menu ul { margin: 0; padding: 0; background: #f4f4f4; list-style: none; }
.menu li { max-height: 0; overflow-y: hidden; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
.menu li img { width: 100%; }

#links02 li, #links03 li, #links04 li, #links05 li, #links06 li, #links07 li, #links08 li, #links09 li { background: #FFF; text-align: center; font-size: 18px; box-sizing: border-box; border: 1px solid #EEEEEE; }

#links02 li > div, #links03 li > div, #links04 li > div, #links05 li > div, #links06 li > div, #links07 li > div, #links08 li > div, #links09 li > div { text-align: left; box-sizing: border-box; padding: 3% 1%; line-height: 24px; }

#menu_bar02:checked ~ #links02 li, #menu_bar03:checked ~ #links03 li, #menu_bar04:checked ~ #links04 li, #menu_bar05:checked ~ #links05 li, #menu_bar06:checked ~ #links06 li, #menu_bar07:checked ~ #links07 li, #menu_bar08:checked ~ #links08 li, #menu_bar09:checked ~ #links09 li { max-height: 300px; opacity: 1; }

.Detail01 {
  max-width: 480px;
  margin: 0 auto;
}

/*歯周病タイプ展開部分*/
/*オールオンフォーってどんな治療方法？*/
.allon4Detail01, .allon4Detail03, .allon4Detail04, .allon4Detail05 { max-width: 800px; font-size: 0; margin: 0 auto; padding: 0; }

.allon4Detail01 > li { display: inline-block; width: 32%; font-size: 14px; vertical-align: top; }
.allon4Detail01 > li > p { text-align: center; margin: 10px 0; }
.allon4Detail01 > li > img { width: 100%; }
.allon4Detail01 > li:not(:last-child) { margin-right: 2%; }

.allon4Detail02 p { font-size: 20px; line-height: 40px; max-width: 800px; margin: 20px auto; }
.allon4Detail02 > p > span { border-bottom: 5px solid #F8E92B; }
.allon4Detail02 > dl { max-width: 800px; margin: 0 auto; }
.allon4Detail02 > dl > dd { width: 100%; padding: 0; margin: 10px 0; }
.allon4Detail02 > dl > dt { width: 100%; padding: 0; margin: 10px 0; font-weight: bold; font-size: 18px; color: #3E6CC2; }

/*実績*/
.allon4Detail01 > h4.zisseki { font-size: 32px; color: #3E6CC2; text-align: center; line-height: 48px; margin: 0 auto; letter-spacing: 6px; }
.allon4Detail01 > h4.zisseki > span { font-size: 42px; }
.allon4Detail01 > p { font-size: 20px; line-height: 40px; max-width: 800px; margin: 20px auto; }

/*注意喚起*/
.allon4Detail05 { border: solid #c1272d; padding: 15px; margin-bottom: 60px;}
.allon4Detail05 > p { font-size: 20px; line-height: 40px; max-width: 800px; margin-bottom: 10px;}
.allon4Detail05 > p.tc { text-align: center; margin-bottom: 15px;}
.allon4Detail05 > ul { font-size: 20px; line-height: 40px; max-width: 800px; }
.allon4Detail05 li { padding-left:1em; text-indent:-1em;}
.allon4Detail05 li span{color: #177dce;}

/*治療例*/
.allon4Detail03 > li { display: inline-block; font-size: 18px; vertical-align: top; line-height: 32px; margin-bottom: 30px; }
.allon4Detail03 > li > span { font-size: 24px; }
.allon4Detail03 > li:first-child { width: 40%; margin-right: 3%; }
.allon4Detail03 > li:last-child { width: 55%; }
.allon4Detail03 > li.ReverseL { width: 55% !important; margin-right: 3% !important; }
.allon4Detail03 > li.ReverseR { width: 40% !important; }

/*料金・保証*/
.Price { max-width: 800px; font-size: 40px; font-weight: bold; margin: 0 auto; text-align: center; margin-bottom: 20px; }
.Price > span { border-bottom: 5px solid #F8E92B; }

.PriceLoan { background: #E3DCDC; padding: 3%; border-radius: 120px; max-width: 800px; margin: 30px auto; }
.PriceLoan > p { font-size: 18px; text-align: center; }
.PriceLoan > p.PriceLoanDetail { font-size: 42px; font-weight: bold; }
.PriceLoan > p.PriceLoanDetail > span { font-size: 24px; }

p.PriceAdd { margin: 10px 0; font-size: 16px; text-align: center; line-height: 24px; }

.PriceInclude { max-width: 800px; margin: 0 auto 30px; background: #FAF7F7; padding-bottom: 2%; }
.PriceInclude > dt { background: #E5ECF7; padding: 2% 3%; box-sizing: border-box; font-size: 20px; margin-bottom: 30px; }
.PriceInclude > dd { margin: 10px 0 10px 30px; font-size: 18px; }
.PriceInclude > dd.Hosyou { font-size: 14px; margin-top: 20px; }

.AddImage { background: #FAF7F7 url(//www.identalclinic.jp/imgs/allon4/allon4_security.png); background-repeat: no-repeat; background-position: bottom right; background-size: 25%; }

/*治療の流れ*/
.allon4Detail04 > li { display: inline-block; }
.allon4Detail04 > li:first-child { width: 10%; margin-right: 2%; vertical-align: top; padding-top: 5%; }
.allon4Detail04 > li:last-child { width: 88%; font-size: 18px; font-weight: bold; }
.allon4Detail04 > li > ul { padding-left: 40px; }
.allon4Detail04 > li > ul.sp { padding-left: 0; }
.allon4Detail04 > li > ul.sp > li { text-align: center; }
.allon4Detail04 > li > ul.sp > li p { text-align: center; padding: 10px 5px; background: #fbfbfb; }
.allon4Detail04 > li > ul > li { margin-bottom: 40px; color: #3E6CC2; font-weight: bold; }

li.Flow1 { background: url(//www.identalclinic.jp/imgs/allon4/allon4_mainflow_2.png); height: 100px; position: relative; list-style: none; }
li.Flow2 { background: url(//www.identalclinic.jp/imgs/allon4/allon4_mainflow_3.png); height: 100px; position: relative; list-style: none; }
li.Flow3 { background: url(//www.identalclinic.jp/imgs/allon4/allon4_mainflow_4.png); height: 100px; position: relative; list-style: none; }
li.Flow4 { background: url(//www.identalclinic.jp/imgs/allon4/allon4_mainflow_5.png); height: 100px; position: relative; list-style: none; }
li.Flow5 { background: url(//www.identalclinic.jp/imgs/allon4/allon4_mainflow_6.png); height: 100px; position: relative; list-style: none; }

.allon4Detail04 li.Flow1 > div, .allon4Detail04 li.Flow2 > div, .allon4Detail04 li.Flow3 > div, .allon4Detail04 li.Flow4 > div { position: absolute; top: 35px; left: 130px; }
.allon4Detail04 li.Flow5 > div { position: absolute; top: 25px; left: 130px; }

/*info*/
/* .info { max-width: 800px; margin: 40px auto; background: #E5ECF7; border-radius: 15px; padding: 2%; box-sizing: border-box; text-align: center; }
.info p { text-align: center; margin-bottom: 20px; font-size: 16px; font-weight: bold; color: #3E6CC2; letter-spacing: 3px; }
.info > ul { font-size: 0; padding: 0; }
.info > ul > li { display: inline-block; width: 48%; vertical-align: top; }
.info > ul > li > a > img, .info > ul > li > img { width: 100%; }
.info > ul > li:first-child { margin-right: 1%; padding-right: 1%; border-right: 1px solid #333333; } */
.info_allon4{
  margin: 40px auto;
  max-width: 800px;
  text-align: center;
}
.info_allon4_new{
margin: 40px auto;
max-width: 800px;
text-align: center;
background-color: #e1edf6;
padding: 30px 0px;
}

.info_allon4 p{
text-align: center;
font-size: 20px;
color: #3E6CC2;
}
.info_allon4_new p{
text-align: center;
font-size: 20px;
color: #000;
}

.link_box{
display: flex;
justify-content: center;
flex-wrap:wrap; 
margin: 40px auto 100px;
max-width: 800px;
text-align: center;
gap:15px;
}
.lnk_img{
width: 90%;
}
.img_note{
width: 80%;
}
div.pc_flex{display: flex;}
div.cta_tell{
background-color: #fff;
margin: 20px 20px;
border-radius: 20px;
padding: 30px 10px;
box-shadow: 6px 6px #017cd0;
}

div.cta_form{
background-color: #fff;
margin: 20px 20px;
border-radius: 20px;
padding: 30px 10px;
box-shadow: 6px 6px #ef8200;
}

div.cta_tell p{
font-size: 16px;
}

div.cta_form p{
font-size: 16px;
}

div.cta_tell p.cta_ttl,
div.cta_form p.cta_ttl{
font-weight: bold;
font-size: 24px;
}

div.cta_tell_box{
position: relative;
max-width: 519px;
max-height: 134px;
margin: 0 auto;
}
div.cta_tell_box p{
position: absolute;
right: 26%;
top: 31%;
color: #fff;
font-size: 23px;
font-weight: bold;
}
div.cta_form_box{
max-width: 519px;
max-height: 134px;
margin: 0 auto;
}

p.counseling_txt{
font-weight: bold;
text-align: center;
color: #000;
font-size: 26px;
}
h3.soudan_ttl{
font-size: 26px;
color: #000;
text-align: center;
margin-bottom: 20px;
}

@media (max-width: 767px) 
{ .TestWrap { padding-left: 5%; padding-right: 5%; overflow: hidden; }
  .TestWrap > h2 { margin-left: -15vw; margin-right: -10vw; }
  .TestWrap h3.BlueBelt { padding-left: 20px; padding-right: 20px; font-size: 22px; }
  .TestWrap .TeethType .menu label { position: relative; padding-right: 30px; }
  .TestWrap .TeethType .menu label img { position: absolute; right: 10px; top: 50%; transform: translateY(-12px); }
  .TestWrap .allon4Detail01 > h4.zisseki { font-size: 22px; }
  .TestWrap .allon4Detail01 > h4.zisseki span { font-size: 30px; }
  .TestWrap .allon4Detail01 > p { font-size: 18px; }
  .TestWrap .allon4Detail01 .Price { font-size: 26px; }
  .TestWrap .PriceInclude > dd { margin: 0; padding: 0 10px; }
  .TestWrap .allon4Detail04 { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; }
  .TestWrap .allon4Detail04 > li:first-child { width: 17%; flex: 0 0 17%; }
  .TestWrap .allon4Detail04 > li:last-child { width: 80%; flex: 0 0 80%; }
  .TestWrap .allon4Detail04 > li > ul.sp > li { margin-bottom: 15px; }
  .TestWrap .table_comparison { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; }
  .TestWrap .table_comparison .column { flex: 0 0 50%; border-right: 1px solid #cccccc; }
  .TestWrap .table_comparison .column + .column { border-right: 0; }
  .TestWrap .table_comparison .column p { text-align: center; }
  .TestWrap .table_comparison .column p.title { font-weight: bold; font-size: 16px; }
  .TestWrap .table_comparison .column ul { padding: 0 5px; }
  .TestWrap .table_comparison p.point { text-align: center; background: #3E6CC2; color: #ffffff; flex: 0 0 100%; padding: 5px; margin: 10px 0; font-size: 16px; }
  .TestWrap .PriceInclude > dt { margin-bottom: 0; } 


.info_allon4 p{
  text-align: center;
  font-size: 16px;
  color: #3E6CC2;
  }
  .link_box{
    display: flex;
    flex-direction: column; 
    justify-content: center;
    align-items:center;
    margin: 20px auto 50px;
    text-align: center;
    gap:10px;
  }
  .lnk_img{
    width: 100%;
  }
  .img_note{
     width:100%;
  }
  div.pc_flex{display: block;}
  div.cta_tell{
    margin: 20px 15px;
    padding: 10px 10px;
    }
    
    div.cta_form{
    margin: 20px 15px;
    padding: 10px 10px;
    }

    div.cta_tell_box p{
      right: 26%;
      top: 32%;
      font-size: 4.55555555vw;
      }

      div.cta_tell p{
        font-size: 17px;
        }
        
        div.cta_form p{
        font-size: 17px;
        }
        
        div.cta_tell p.cta_ttl,
        div.cta_form p.cta_ttl{
        font-weight: bold;
        font-size: 18px;
        }

      p.counseling_txt{
        font-size: 20px;
        }
        h3.soudan_ttl{
        font-size: 20px;
        }
}



@media (max-width: 567px) { .TestWrap .PriceLoan > p { font-size: 16px; }
  .TestWrap .PriceLoan > p.PriceLoanDetail { font-size: 7.4074074074vw; line-height: 8.8183421517vw; }
  .TestWrap .PriceLoan > p.PriceLoanDetail > span { font-size: 4.2328042328vw; }
  .TestWrap .Price { margin-bottom: 1.7636684303vw; }
  .TestWrap .allon4Detail01 > p { font-size: 2.8218694885vw; line-height: 4.9382716049vw; }
  .TestWrap .allon4Detail05 > p { font-size: 2.8218694885vw; line-height: 4.9382716049vw; }
  .TestWrap .allon4Detail05 > ul { font-size: 2.8218694885vw; line-height: 4.9382716049vw; }
  .TestWrap .allon4Detail01 > h4.zisseki { line-height: 5.9964726631vw; }
  .TestWrap .allon4Detail02 p { font-size: 3.1746031746vw; line-height: 7.0546737213vw; } 
}
@media (max-width: 399px) { .TestWrap h3.BlueBelt { padding: 15px; font-size: 18px; }
  .TestWrap .allon4Detail01 > p { font-size: 14px; line-height: 28px; }
  .allon4Detail05 { margin-bottom: 30px;}
  .TestWrap .allon4Detail05 > p { font-size: 14px; line-height: 28px; }
  .TestWrap .allon4Detail05 > ul { font-size: 14px; line-height: 28px; }
  .TestWrap .allon4Detail01 > h4.zisseki { font-size: 18px; line-height: 1.8; }
  .TestWrap .allon4Detail01 > h4.zisseki span { font-size: 26px; }
  .TestWrap .allon4Detail01 .PriceLoan { border-radius: 45px; -ms-border-radius: 45px; -webkit-border-radius: 45px; -moz-border-radius: 45px; }
  .TestWrap .allon4Detail04 > li:first-child { width: 20%; }
  .TestWrap .allon4Detail04 > li:last-child { width: 78%; }
  .TestWrap .allon4Detail02 p { font-size: 16px; line-height: 28px; }
  .TestWrap .info p { font-size: 14px; letter-spacing: 2px; }
  .TestWrap .TeethType .menu label { font-size: 14px; }
  .TestWrap .PriceInclude > dd { font-size: 14px; }
  .TestWrap .PriceInclude > dd.Hosyou { width: 80%; }
  .TestWrap .img_sp { display: inline; }
  .TestWrap .img_pc { display: none; } }
@media (max-width: 339px) { .TestWrap .allon4Detail01 .Price { font-size: 30px; } }

.tax_price{
  font-size: 34px!important;
  color: #333333!important;
}
.tax_red{
  color: #f00;
  font-size: 42px!important;
}
@media (max-width: 567px){
.tax_price {
  font-size: 24px!important;
  color: #333333!important;
}
.tax_red{
  color: #f00;
  font-size: 7.4074074074vw!important;
}
}