@charset "utf-8";
@media (max-width: 1199px) {
    div#content img{
        margin: 15px auto 10px;
    }

    header.top_header_block nav ul li:nth-child(8) a, header.top_header_block nav ul li:nth-child(9) a {
    color: #7c7c7c;
    border: none;
}
    .global_menu ul{
        display: block;
    }
    .child_menu{
        background: rgba(255, 255, 255, 1.0);
    }
    div.other_menu{
        right: 10%;
        top: 25%;
    }
    div.top_slider_new{
        margin-top: 50px;
    }
    img.head-logo_top {
        width: 40%;
        margin: 0 0 0 5%;
    }
    div#content{
        margin-top: 0;
    }
    .global_menu a span{
        color: #000 !important;
    }
    .lang_iconareaopen {
    right: 80px;
    top: 65px;
    }
    div.lang_iconarea {
    width: 40px;
    margin-right: 60px;
    }
    /* スマホ閲覧時のハンバーガーメニュー */

div.top_cont3 p.goro_text{
    top: 20%;
}

img.head-logo_top {
width: 50%;
}

#hanburger {
  display: none; /* チェックボックスを非表示 */
  
}

 

 
.menu_button::before { /* アイコンのスタイル */
  font-family: "Font Awesome 5 Free";
  content: "\f0c9"; /* アイコン「３本線」 */
  font-weight: 900;
  position: absolute;
  color: #7c7c7c;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
 
#hanburger:checked + .menu_button::before { /* アイコンのスタイル（チェック済み） */
  content: "\f00d"; /* アイコン「×印」 */
  color: #000;
}
 
.global_menu { /* メニュー全体のスタイル */
  visibility: hidden; /* メニューを非表示 */
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  padding: 30px;
  color: #333; /* 文字色 */
  background: rgba(255,255,255,1);
  overflow-y:  scroll;
  /*text-align: center;*/
}
 
#hanburger:checked ~ .global_menu { /* メニュー全体のスタイル（チェック済） */
  visibility: visible; /* メニューを表示 */
  margin: 0;
    padding: 0;
}
 
.global_menu a { /* 各項目のスタイル */
  display: block;
  width: 100%;
}
 
.global_menu a:hover { /* 各項目のスタイル（ホバー時） */
  /*background: #b5ffda;*/
}
 
.menu:not(:last-child) {
  margin-bottom: 20px;
}
 
.menu > a { /* 親項目のスタイル */
  font-weight: bold;
  padding: 10px 20px;
}
 
.child_menu > li > a {
  padding: 10px 30px;
  font-size: 0.8em;
}

.child_menu{
    position: relative;
    opacity: 1;
    visibility: revert;
    box-shadow: none;
    display: contents;
}

.global_menu li{
    float: none;
}

li.menu ul.child_menu li{
    width: 80%;
    margin: 1% 0;
}

nav.global_menu ul li a span.gmanuindex{
    font-size: 1.2rem;
}
nav.global_menu ul li a span.gmanuindex::before {
    content: "";
    width: 6px;
    height: 6px;
    border-top: 2px solid #000;
    border-right: 2px solid #000;
    -webkit-transform: rotate(45deg);
    position: absolute;
    /* top: calc( 0% - 3px ); */
    right: 170px;
    transform: rotate(48deg);
    margin-top: 12px;
}
    #hanburger:checked + .menu_button::before {
        content: "\f00d";
    }
    .menu_button {
        width: 50px;
        height: 50px;
        position: fixed;
        right: 0;
        top: 0;
        /*background: #cb9705;*/
        z-index: 10;
        display: block;
    }
    .menu_button::before {
        font-family: "Font Awesome 5 Free";
        content: "\f0c9";
        font-weight: 900;
        position: absolute;
        color: #7c7c7c;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
    }
    .menu a{
        color: #000;
    }
    .menu a:visited {
        color: #000;
    }
    div.ao4sub div.page-mainV h1 span{
        font-size: 0.9rem;
    }

    /* メニュー開閉 */

    .toggle {
    display: none;
    }
    .Label {        /*タイトル*/
        padding: 1em;
        display: block;
        color: #000;
        /*background:#019ac6;*/
    }
    .Label::before{     /*タイトル横の矢印*/
        content:"";
        width: 6px;
        height: 6px;
        border-top: 2px solid #000;
        border-right: 2px solid #000;
        -webkit-transform: rotate(45deg);
        position: absolute;
        top:calc( 50% - 3px );
        right: 20px;
        transform: rotate(135deg);
    }
    .Label,
    .content {
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        transform: translateZ(0);
        transition: all 0.1s;
    }
    .content {      /*本文*/
        height: 0;
        margin-bottom:10px;
        padding:0 20px;
        overflow: hidden;
    }
    .toggle:checked + .Label + .content {   /*開閉時*/
        height: auto;
        padding:20px ;
        transition: all .3s;
    }
    .toggle:checked + .Label::before {
        transform: rotate(-45deg) !important;
    }
    nav.global_menu ul {
        /*padding-top: 90px;*/
    }
    header {
        /* padding-top: 20px; */
        position: fixed;
        top: 0;
        left: 0;
        /*background: rgba(255,255,255,0.9);*/
        z-index: 100;
        width: 100%;
        transition: .6s;
    }
    header.top_header_block {
        top: 0;
        height: 50px;
        width: 100%;
    }
 
#hanburger:checked ~ .global_menu { /* メニュー全体のスタイル（チェック済） */
  visibility: visible; /* メニューを表示 */
  margin: 0;
    padding: 0;
}
 
.global_menu a { /* 各項目のスタイル */
  display: block;
  width: 100%;
}
 
.global_menu a:hover { /* 各項目のスタイル（ホバー時） */
  /*background: #b5ffda;*/
}
 
.menu:not(:last-child) {
  margin-bottom: 20px;
}
 
.menu > a { /* 親項目のスタイル */
  font-weight: bold;
  padding: 10px 20px;
}
 
.child_menu > li > a {
  padding: 10px 30px;
  font-size: 0.8em;
}

.child_menu{
    position: relative;
    opacity: 1;
    visibility: revert;
    box-shadow: none;
    display: contents;
}

.global_menu li{
    float: none;
}

li.menu ul.child_menu li{
    width: 95%;
    margin: 1% 0;
}

nav.global_menu ul li a span.gmanuindex{
    font-size: 1.2rem;
}
nav.global_menu ul li a span.gmanuindex::before {
    content: "";
    width: 6px;
    height: 6px;
    border-top: 2px solid #000;
    border-right: 2px solid #000;
    -webkit-transform: rotate(45deg);
    position: absolute;
    /* top: calc( 0% - 3px ); */
    right: 170px;
    transform: rotate(48deg);
    margin-top: 12px;
}
    
    header.top_header_block .container .menu nav ul > li > a{
        padding: 0.5rem 0.5rem;
    }
}

@media (max-width: 992px) {

    div.yoyaku_btm{
        display: none;
    }

    div.spr{
        display: block;
    }
    div.spr img{
        width: 100%;
    }
    #wrap_mainv .bg-top {
        width: 100%;
        /* height: calc(100vh - 105px); */
        height: auto;
        background: none;
        background-size: cover;
        background-position: center;
    }
    .wrap_top_main {
        height: auto;
    }
    div.wrap_top_main div.main_over_img {
        width: 80%;
        position: absolute;
        right: 20px;
        top: 45%;
    }
    div.wrap_top_main div.main_over_img img {
        width: 100%;
        box-shadow: 15px 15px 0px 0 rgb(252 250 244 / 60%);
    }
    p.mainv_mess{
        /*position: absolute;
        top: 15%;
        font-size: 2.2rem;
        color: #fff;
        font-family: 'Sawarabi Mincho';
        padding: 0 0 0 20px;*/
        display: none;
    }
    body:after {
        content: '';
        width: 0px;
        height: 0px;
        background: #dfcb93;
        position: absolute;
        top: 110px;
        left: 0;
    }
}
@media (max-width: 900px) {
    .dr-txt {
        width: 450px;
        float: right !important;
        margin: 0 auto;
    }
    .new-dr-txt{
        position: revert;
    }
    .dr .row{
        overflow: hidden;
    }
    div.spr{
        display: block;
    }
    div.spr img{
        width: 100%;
    }
    #wrap_mainv .bg-top {
        width: 100%;
        /* height: calc(100vh - 105px); */
        height: auto;
        background: none;
        background-size: cover;
        background-position: center;
    }
    .wrap_top_main {
        height: auto;
    }
    div.prof_kita_img img{
        width: 90%;
    }
    .case-box1 {
        width: 228px;
    }
    div.allon4case{
        width: 96%;
        margin: 0 2%;
    }
    .case-box3 {
        width: 365px;
        float: left;
        margin: 0 50px 30px 0;
    }
    div.ao4sub .box960 {
        box-sizing: border-box;
        display: block;
        width: 100%;
        margin: 30px auto 0;
    }
    #wrap_005 .bg-dr{
        background-attachment: revert;
    }
    p.clinic_about_gaiyo_bt span{
        font-size: 0.8rem;
    }
    div.odc_area{
        font-size: 0.6rem;
    }
    /*div.medical_block_right_mini a div{
        width: 178px;
    }*/
    div.medical_block_right_mini a div.houjin_block
    div.laser-mini-block{
        height: 350px;
    }
    dl.record{
        margin-top: 0px;
    }
    div#content{
        /*margin-top: 70px;*/
    }
    .wrap, .wrap3 {
        width: 100%;
        padding: 15px 15px;
    }
    h1.wrap {
        width: 95%;
        padding: 15px 20px;
    }
    div.wrap p.pwrap{
        width: 95%;
        padding: 15px 20px;
        font-size: 1rem;
        line-height: 150%;
        top: 80px;
    }

    
    .article-wrap:first-of-type, .peace-article:first-of-type {
        margin: 0 auto;
    }
    .case-article, .peace-article {
        width: 90%;
        background: #fff;
        position: relative;
        transition: .2s;
    }
    .article-wrap {
        display: table;
        background: #fcfaf4;
        float: left;
        margin-left: 0px;
    }
    .dr .row img {
    float: none;
    display: block;
    margin: 0 auto;
}
.dr-txt {
    width: 450px;
    float: none;
    margin: 0 auto;
}
.main-content {
    max-width: 480px;
    float: right;
    padding: 0 20px;
}
.page-mainV.wrap img {
    float: none; 
}
div.implant_body_all .page-mainV.wrap img {
    position: revert;
    left: 0;
    margin: 0 auto;
    display: block;
    width: 80%;
}
div.implant_body_all .page-mainV.wrap h1 {
    font-size: 40px;
    font-family: "Sawarabi Mincho";
    padding: 20px;
    background: rgba(255,255,255,0.0);
    position: absolute;
    text-align: center;
    width: 100%;
    bottom: 0px; 
    left: 0px;
    top: 290px;
    font-weight: 100;
}
header.top_header_block .container .menu::after{
        height: auto;
        width: auto;
    }
}



@media (max-width: 769px){
    div.markup ol{
        flex-wrap: wrap;
    }
    .consultation tr:first-of-type > th,
    .consultation tr:first-of-type > td,
    .consultation th,
    .consultation td{
        border: none;
    }
    .sub-page .main-content img{
        width: 100%;
        margin: 0px auto;
    }
    div.ao_box_storong_mini p.cont_strong_ttl{
        margin-bottom: 0 !important;
    }
    div.ao_box_storong_cont{
        display: block;
    }
    div.ao_box_storong_cont div.ao_box_storong_mini{
        width: 100%;
    }
    div.ao4shourei_aopaage div.ao4shourei_mini_aopage{
        width: 100%;
    }
    div.aopageh1{
        margin: 50px 0;
    }
    div.allon4_price_cont2 table tr th {
        width: 50%;
    }
    div.aopageh1 h1{
        font-size: 1.6rem;
    }
    div.video_flex div {
    width: 49%;
}
    h3.allon4h3{
        font-size: 18px !important;
        font-weight: bold;
    }
    div.ao4top_shourei_linkbtm{
        font-size: 1.2rem;
    }
    p.case_ttl_undertext{
        text-align: center !important;
    }
    div.mentedougaarea{
        display: block;
    }
    table.bish02 th{
        width: 30%;
    }
    table.bish02 th span{
    font-size: 0.7rem;
}
    table.bish th span{
    font-size: 0.7rem;
}
    div.ao4top_text img{
        margin: 0 auto !important;
    }
    div.aocase_block{
        display: block;
    }
    div.case2pr{
        display: block;
    }
    div.case2pr img{
        width: 100%;
        margin-bottom: 20px !important;
    }
    div.case2pr img:last-child{
        margin-bottom: 0 !important;
    }
    div.post_img_tow{
        display: block;
    }
    div.post_img_tow img{
        width: 100%;
        margin-bottom: 20px !important;
    }
    div.post_img_tow img:last-child{
        margin-bottom: 0 !important;
    }
    div.surgery_img{
        display: block;
    }
    div.surgery_img img{
        width: 100%;
        margin-bottom: 20px !important;
    }
    div.surgery_img img:last-child{
        margin-bottom: 0 !important;
    }
    div.jougaku_towimg img:first-child{
        margin-bottom: 20px !important;
    }
    div.jougaku_towimg{
        display: block;
    }
    p.nong_top_btm{
        margin-bottom: 30px !important;
    }
    p.nong_top_btm:last-child{
        margin-bottom: 0 !important;
    }
    div.toplink_btm_nong{
        display: block;
    }
    div.nongum_img_ope{
        display: block;
    }
    div.nongum_img_ope img{
        width: 100%;
        margin-bottom: 20px !important;
    }
    div.ao46point{
        display: block;
    }
    div.noz_area_mini{
        margin: 10px 0;
    }
    div.zygoma_no_area span{
        display: none;
    }
    div.zygoma_no_area{
        display: block;
    }
    div.zygoma_youtube_area{
        display: block;
        margin: 30px 0;
    }
    div.zygoma_youtube_mini{
        text-align: center;
        margin-bottom: 10px;
    }
    div.zygoma_youtube_mini:last-child{
        margin-bottom: 0;
    }
    div.zygoma_cd h3{
        text-align: center;
    }
    div.zygoma_ce table tr th{
        display: block;
        width: 100%;
    }
    div.zygoma_ce table tr td{
        display: block;
        width: 100%;
        padding: 0 !important;
    }
    div.zygoma_oimg_flextow{
        display: block;
    }
    .balloon1-top {
      position: relative;
      display: inline-block;
      margin: 1.5em 0;
      padding: 7px 10px;
      min-width: 120px;
      max-width: 100%;
      color: #555;
      font-size: 16px;
      background: #e0edff;
    }

    .balloon1-top:before {
      content: "";
      position: absolute;
      top: -30px;
      left: 50%;
      margin-left: -15px;
      border: 15px solid transparent;
      border-bottom: 15px solid #e0edff;
    }

    .balloon1-top p {
      margin: 0;
      padding: 0;
    }
    div.dr_commentarea_zygoma img{
        float: none;
    }
    div.zygoma_img_threeflex img{
        margin-bottom: 20px !important;
    }
    div.zygoma_img_threeflex img:last-child{
        margin-bottom: 0;
    }
    div.zygoma_img_threeflex{
        display: block;
    }
    div.zygoma_img_towleft{
        margin-bottom: 20px;
    }
    div.zygoma_img_flextow{
        display: block;
    }
    div.topcont32{
        height: 910px;
        margin: 30px 0 100px;
        background-image: url(https://www.odc-all-on-4.com/wp-content/themes/allon4/library/images/haikeigazou.jpg) !important;
    }
    div.top_cont32left{
        position: absolute;
        width: 96%;
        left: 2%;
        bottom: 2%;
    }
    div.top_cont32right{
        width: 100%;
        float: none;
        overflow: hidden;
    }
    div.top_cont32right img{
        width: 65% !important;
        float: right;
    }
    div.toocont32_bodu{
        width: 100% !important;
        margin: 20px auto 80px;
        height: 900px;
    }
    span.fivepointminitext{
        font-size: 0.8rem;
    }
    div.ifpointarea h3{
        font-size: 1.3rem;
    }
    p.ifpointareatext a{
        width: 100%;
        text-align: center;
    }
    div.impfpoint{
        width: 96% !important;
        margin: 50px auto 0px !important;
    }
    div.ifpointarea_left{
        display: block;
        width: 100%;
        margin-right: 0;
    }
    p.ifpointareatext{
        padding-top: 10px !important;
        width: 96%;
        margin: 0 auto !important;
    }
    div.gikou_img img:first-child{
        margin-bottom: 20px !important;
    }
    div.gikou_img{
        display: block;
    }
    div.labostaff img{
        margin-bottom: 20px !important;
    }
    div.labostaff {
        display: block;
    }
    .subpage{
        width: 96%;
        margin: 0 auto;
    }
    div.text-container p.textsmall{
        font-size: 1rem !important;
        padding-left: 3px !important;
    }
    p.textbig{
        font-size: 1.4rem !important;
    }
    p.textbig span{
        display: block;
        font-size: 1rem !important;
    }
    .text-container{
        width: 100%;
        top: 55%;
        left: 52%;
        font-size: 1rem;
    }
    .text-container div.text_active p{
        line-height: 80%;
    }
    div.foot_clinic_infoleft img{
        display: block !important;
        width: 60% !important;
        margin: 0 auto !important;
    }
    div.topcaseblock{
        margin-top: 40px;
    }
    h2.en-ja{
        font-size: 35px;
    margin: 30px 0;
    }
    div.youtube_area{
        margin: 50px auto;
    }
    section#top_cont2{
        margin-top: 2rem;
    }
    section#top_cont6{
        margin-top: 2rem;
    }
    div.topmessearea{
        font-size: 1.2rem;
        width: 96%;
        margin: 0 auto 40px;
    }
    div.casepagelink p.caseaobtm{
        margin-bottom: 20px;
    }
    div.casepagelink p {
        width: 100%;
    }
    div.casepagelink {
        margin-top: 0;
        display: block;
        gap: 0;
    }
    div.topcont_case{
        max-width: 96%;
        margin: 100px auto 30px;
    }
    div.topcaseblock{
        display: block;
    }
    div.topcaseblock div.topcasel, div.topcaseblock div.topcasec{
        width: 100%;
        margin-bottom: 70px;
    }
    div.topcaseblock div.topcaser{
        width: 100%;
        margin-bottom: 30px;
    }
    section#top_cont5{
        margin-top: 0;
    }
    div.rijicjoshokai{
        width: 100%;
        top: 0;
    }
    div.rijicjoshokai img{
        width: 70% !important;
        float: none !important;
    }
    div.menu_mini_block p.menu_mini_ttl{
        font-size: 0.8rem;
    }
    div#top_massage{
        width: 96%;
        margin: 0 2%;
    }
    div#top_massage h1 span{
        display: block;
        text-align: center;
        font-size: 1.3rem;
    }
    div.menu_block_sp{
        display: flex !important;
        flex-wrap: wrap;
    }
    div.menu_block_sp div.menu_mini_block{
        width: 48%;
        margin: 1%;
    }
    div.topnewsa{
        margin: 0 auto;
        width: 94%;

    }
    div.zygomatourube{
        display: block;
    }
    div.top_cont3 table {
    position: absolute;
    top: 71%;
    left: 3%;
    right: 0;
    width: 94%;
}
    div.top_cont3 {
    margin: 100px 0 0;
    position: relative;
    height: 1110px;
}
    div.top_cont3 p.goro_text {
    background: rgba(255, 255, 255, 0.8);
    padding: 2%;
    font-size: 1rem;
    color: #7c7c7c;
    margin-top: 15px;
}
    div.top_cont3 p.goro_name {
    color: #7c7c7c;
    font-size: 2rem;
    letter-spacing: 3px;
    text-shadow: none;
    width: 85%;
    margin: 15px auto 0;
}
div.top_cont3 p.goro_name span {
    display: block;
    font-size: 0.9rem;
    line-height: normal;
}
        div.top_cont3 img.drgoroprof {
    }
    div.top_cont3 img.drgoroimg {
        width: 100%;
        transform: scale(1.4);
    }
    div.rijichoright{
        width: 96%;
        margin: 0 2%;
        float: none;
    }
    div.top_cont1{
        margin-bottom: 0px;
    }
    div.top_cont1 p {
        position: revert;
        background: rgba(255, 255, 255, 0.7);
        padding: 2%;
        font-size: 1rem;
        color: #7c7c7c;
        width: 96%;
        margin: 0 auto;
        z-index: 1;
    }
    div#top_massage h1{
        font-size: 1rem;
        margin: 20px 5px 15px;
    }
    p.top_main_text{
        font-size: 0.9rem;
    }
    p.top_main_text span{
        font-size: 2rem;
    }
    #header {
        height: 100px;
    }
    .openbtn1 {
        position: fixed;
        z-index: 9999;
        top: 10px;
        right: 10px;
        cursor: pointer;
        width: 50px;
        height: 50px;
    }
    .openbtn1 span {
        display: inline-block;
        transition: all .4s;
        position: absolute;
        left: 14px;
        height: 3px;
        border-radius: 2px;
        background-color: #666;
        width: 45%;
    }
        #g-nav {
        position: fixed;
        z-index: -1;
        opacity: 0;
        top: 0;
        width: 100%;
        background: #fff;
        transition: all 0.3s;
        width: 100% !important;
    }
    #g-nav ul {
        display: none;
        position: absolute;
        z-index: 999;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    #g-nav li {
        list-style: none;
        text-align: center;
    }
        #g-nav li a {
        color: #333;
        text-decoration: none;
        padding: 10px;
        display: block;
        text-transform: uppercase;
        letter-spacing: 0.1em;
        font-weight: bold;
    }
        #g-nav.panelactive #g-nav-list {
        position: fixed;
        z-index: 999;
        width: 100%;
        height: 100vh;
        overflow: auto;
        -webkit-overflow-scrolling: touch;
    }
        .openbtn1 span:nth-of-type(2) {
        top: 23px;
    }
        .openbtn1 span:nth-of-type(3) {
        top: 31px;
    }

    div.allon4hiyou_douga {
        width: 100%;
        float: none;
        margin-left: 0;
        margin-bottom: 5%;
    }
    div.allon4hiyou_all p.alloin4hiyou {
        width: 100%;
        float: none;
        margin-bottom: 5%;
    }
    div.meritdemerit_block div.boxa p img{
        width: 60% !important;
    }
    div#content img{
        width: 100%;
        margin: 0px auto;
    }
    div.youtube_link {
        max-width: 92%;
        margin: 0% auto;
    }
    div.youtube_link p{
        width: 100%;
        padding: 2%;
    }
    section#youtube{
        margin-top: 10%;
    }
    section#youtube div.youtubearea ul li:nth-child(2),
    section#youtube div.youtubearea ul li:nth-child(3),
    section#youtube div.youtubearea ul li:nth-child(4){
        display: none;
    }
    section#youtube h2 {
        margin-bottom: 5%;
    }
    div.youtubearea{
        max-width: 92%;
    }
    div.youtubearea ul{
        display: block;
    }
    div.youtubearea ul li img{
        width: 100%;
    }
    .main-content h2{
        line-height: 150%;
    }
    .img_left{
        float: none;
        padding-right: 0;
        width: 100%;
    }
    div.allon4price_block{
        display: block;
    }
    div.allon4price_block div.allon4price1 {
        width: 100%;
        margin: 0 0 1%;
    }
    div.leftmerit dl dt{
        font-size: 1.1rem;
    }
    div.rightdemerit dl dt{
        font-size: 1.1rem;
    }
    div.meritdemerit_block div.boxa p{
        top: -6%;
    }
    div.meritdemerit_block {
        display: revert;
    }
    div.meritdemerit_block div.boxa{
        width: 100%;
        margin: 50px 0 0 0;
    }
    div.navtopbox{
        margin-top: 30px;
    }
    div.allinmpalnt_head_banner img{
        width: 100%;
    }
    div.zensin_flow ul li {
        display: revert;
    }
    div.zensin_flow ul li img{
        width: 100%;
        margin-bottom: 10px;
    }
    div.zensin_flow ul li p{
        width: 100%;
    }
    p.top_monitor_btm_ue{
        width: 90%;
        margin: 20px auto 0;
    }
    p.top_monitor_btm_ue a span{
        padding: 10px 0;
    }
    ul.clinicch li.lastmenu a{
        border-bottom: none !important;
    }
    ul.clinicch li.lastmenu{
        display: block;
    }
    p.seminner_pdfundertext{
        width: 100%;
        font-size: 0.7rem;
    }
    div.seminner_page p.seminner_shousaittl {
        top: 20%;
        left: 5%;
        font-size: 1.4rem;
    }
    div.seminner_pdflink a p{
        width: 100%;
    }
    div.seminner_pcontent_1 table tr th{
        width: 35%;
    }
    div.seminner_images_block {
    width: 100%;
}
    div.seminner_top_lefttext h2{
        margin-bottom: 0;
    }
    img.clinic_build{
        width: 100%;
    }
    div.payblock p {
        width: 100%;
        float: none;
        margin-right: 0;
    }
    div.payblock img {
        width: 100%;
        float: none;
        margin-top: 10px;
    }
    div.scllole_table{
        overflow: scroll;
    }
    div.scllole_table table{
        width: 700px;
    }
    :target::before {
        content: "";
        display: block;
        height: 90px;
        margin-top: -90px;
        visibility: hidden,;
    }
    div.allon4price_index h2{
        margin-bottom: 20px !important;
        padding: 1% !important;
        text-align: center;
        border-radius: 50px;
        background: rgba(20, 55, 90,1);
        color: #fff;
        font-size: 1.6rem !important;
    }

    div.allon4price_index ol{
        display: block;
    }
    div.allon4price_index ol li{
        margin-left: 5%;
        border-bottom: 1px solid #ccc;
        padding: 2% 0;
        font-size: 0.8rem;
    }
    div.hotetsu_shurui div.fullcell p.fullcellp {
        height: auto;
    }
    div.hotetsu_shurui div.fullcell {
        margin-right: 0;
        width: 100%;
        margin-bottom: 15%;
    }
    div.hotetsu_shurui {
        display: block;
    }
    table.zygoma_price1 tr th{
    width: 100%;
    display: block;
    text-align: center;
    }
    table.zygoma_price1 tr td{
        width: 100%;
        display: block;
        text-align: center;
    }
    table.ao4top_table tr th{
        width: 30%;
    }
    table.ao4top_table tr td{
        width: 70%;
    }
    div.footer_youtube_acc p{
        font-size: 1.3rem;
        margin: 2% 0;
        text-align: center;
    }
    div.footer_youtube_acc{
        margin: 10% 0;
    }
    div.other_menu p{
        width: 100px;
        margin-right: 20px;
    }
    header.top_header_block .container > .logo{
        margin: 0;
    }
    div.jobselect_btm{
        display: block;
    }
    div.jobselect_btm p{
        width: 100%;
    }
    div.jobselect_btm p span{
        padding: 5% 0;
    }
    div.jobselect_btm p:first-child{
        margin-right: 0;
        margin-bottom: 8%;
    }
    nav.global_menu ul{
        width: 100%;
        position: revert;
        padding: 0;
    }
    div.top_slider_new{
        margin-top: 0;
    }
    header.top_header_block .container{
        padding: 0 1rem;
    }
    div.seminner_minicont_block {
        width: 100%;
        padding: 1%;
        margin: 0;
    }
    div.seminner_pcontent_2{
        display: block;
    }
    div.medicalp_top1 h2{
        font-size: 1.1rem !important;
    }
    div.seminner_kako ul li p{
        float: none;
        margin-bottom: 5%;
    }
    p.semi_shousai span{
        display: block;
        width: 100%;
        padding: 1% 0;
        text-align: center;
        margin-bottom: 2%;
        border: 1px solid #fff;
    }
    div.seminner_top_lefttext p{
        padding: 0;
    }
    div.seminner_top_lefttext h2 span{
        display: block;
    }
    div.seminner_top_lefttext{
        position: revert;
    }
    div.seminner_top_right {
        margin-top: 20px;
        width: 100%;
        float: none;
        padding: 0;
    }
    div.seminner_top_left {
        position: relative;
        width: 100%;
        float: none;
    }
    button.favorite{
        width: 100%;
        padding: 5% 0;
    }
    section#top_cont42{
        overflow: hidden;
        margin: 5% auto;
        width: 96%;
    }
    section#top_cont42 h2{
        margin-bottom: 10%;
    }
    div.top_hoshou_ao4 img{
        display: block;
        width: 80%;
        margin: 0 auto;
    }
    div.ao4hoshou_left, div.ao4hoshou_right {
        width: 98%;
        float: none;
        padding: 0 1% 0;
        margin: 0 1%;
    }
    div.top_cont42_left a span, div.top_cont42_right a span {
        display: block;
        padding: 2%;
        margin: 5% auto 0;
        width: 80%;
        text-align: center;
        border: 1px solid #000;
    }
    div.top_cont42_right h3 {
        font-size: 1.4rem;
        position: absolute;
        top: -3%;
        background-color: #fff;
        left: 10%;
        right: 10%;
        text-align: center;
    }
        div.top_cont42_left h3 {
        font-size: 1.4rem;
        position: absolute;
        top: -3%;
        background-color: #fff;
        left: 10%;
        right: 10%;
        text-align: center;
    }
    div.top_cont42_left {
        width: 100%;
        float: none;
        margin-right: 0;
        padding: 1% 1% 3%;
        border: 1px solid #ccc;
        position: relative;
        min-height: auto;
        margin-bottom: 10%;
    }
    div.top_cont42_right {
        width: 100%;
        float: none;
        margin-left: 0;
        padding: 1% 1% 3%;
        border: 1px solid #ccc;
        position: relative;
        min-height: auto;
        margin-bottom: 10%;
    }
    div.ao4top_text p{
        text-align: left;
        margin-bottom: 10%;
        width: 100%;
        font-size: 1rem;
    }
    section#wrap_005 div.wrap h1 span {
        font-size: 1rem;
        display: block;
        margin-top: 5px;
        padding-top: 5px;
        border-top: 2px solid #fff;
        color: #fff;
        line-height: 120%;
    }
    div.ao4sub div.main-content div#content img{
        width: 100%;
        float: none;
        margin: 0 0 2% 0;
    }
    div.implant_body_all h1.wrap{
        top: 90px;
        color: #ccc;
        left: 0;
        font-size: 1rem;
    }
    section#top_cont5 div.top_masuiarea img {
        width: 100%;
        float: none;
    }
    section#top_cont6 div.top_masuiarea img {
        width: 100%;
        float: none;
    }
    div.masui_top_content_pain img {
        width: 100%;
        float: none;
    }
    div.masui_top_content_pain p.masui_cont_bun {
        width: 100%;
        float: none;
        margin-right: 0;
        margin-bottom: 5%;
    }
    section#gwkyushin div.info_min_bk h2{
        font-size: 0.9rem;
        font-weight: bold;
    }
    section#gwkyushin div.info_min_bk {
        margin: 0 auto 3%;
        font-size: 0.9rem;
        padding: 1%;
        border: 1px solid #ff0000;
        width: 96%;
        color: #ff0000;
    }
    section#top_massage p.top_msg{
        width: 90%;
        margin: 0 auto 1rem;
        font-size: 1.3em;
        text-align: left;
    }
    div.feature_block_one,
    div.feature_block_secont {
        width: 96%;
        margin: 0 2%;
    }
    div.foot_clinic_inforight {
        width: 90%;
        margin: 20px auto 0;
        float: none;
    }
    div.foot_clinic_infoleft {
        width: 96%;
        float: none;
        margin-right: 0;
        margin: 0 auto 3%;
    }
    section#top_cont6 div.top_masuiarea{
        height: 700px;
    }
    section#top_cont8{
        height: auto;
        margin-bottom: 0;
        margin-top: 0;
    }
    div.top_monitor_text p.top_monitor_btm{
        width: 85%;
        margin: 10px auto;
        font-size: 1rem;
        font-weight: 100;
        margin-bottom: 25px;
    }
    div.top_monitor_text p.top_moni_bun {
        font-size: 1em;
        text-align: left;
    }
    div.top_monitor_text p.top_moni_bun span{
        font-size: 0.9rem;
    }
    div.top_monitor_text h3 {
        font-size: 1.6rem;
        margin: 2% 0;
    }
    div.top_monitor_text {
        position: revert;
        width: 100%;
        left: 0;
        text-align: center;
        background-color: #fff;
    }
    p.moconttl {
        font-size: 1.3rem;
    }
    section#top_cont6 div.top_masuiarea div.top_masui_text_block h3{
        font-size: 1.4rem;
        font-weight: bold;
    }
    section#top_cont6 div.top_masuiarea div.top_masui_text_block{
        width: 96%;
        padding: 2%;
        left: 2%;
        top: 30%;
    }
    section#top_cont5 div.top_masuiarea{
        height:880px;
    }
    section#top_cont5 div.top_masuiarea div.top_masui_text_block h3{
        font-size: 1.4rem;
        font-weight: bold;
    }
    section#top_cont5 div.top_masuiarea div.top_masui_text_block{
        width: 96%;
        padding: 2%;
        left: 2%;
        top:23%;
    }
    div.top_cont_4_block img{
        width: 100%;
        margin: 9% auto 0;
    }
    div.top_cont_4_block h2{
        font-size: 1.6rem;
        width: 70%;
        left: 15%;
    }
    section#top_cont4{
        margin-top: 0;
    }
    div.menu_mini_block {
        width: 100%;
        float: none;
        margin: 2% 0;
        height: auto;
    }
    div.feature_block_secont div.feature_block_rihgt span.f_nm{
        font-size: 5rem;
    }
    div.feature_block_secont div.feature_block_rihgt p.fea_ttl{
        margin-top: 0;
        margin-left: 5rem;
        padding-top: 3rem;
        font-size: 2rem;
        line-height: 3.8rem;
    }
    div.feature_block_secont div.feature_block_left {
        width: 100%;
        float: none;
    }
    div.feature_block_secont div.feature_block_rihgt {
        width: 100%;
        float: none;
        margin-left: 0;
        position: relative;
    }
    div.feature_block_secont div.feature_block_rihgt p.fea_text{
        margin-top: 0;
        font-size: 1em;
    }
    div.feature_block_one div.feature_block_left p.fea_ttl{
        font-size: 2rem;
    }
    div.feature_block_one div.feature_block_rihgt {
        width: 100%;
        float: none;
    }
    div.feature_block_one div.feature_block_left p.fea_text{
        margin-top: 0;
        margin-bottom: 2%;
        font-size: 1em;
    }
    div.feature_block_one div.feature_block_left span.f_nm{
        font-size: 5rem;
    }
    div.feature_block_one div.feature_block_left p.fea_ttl{
        margin-top: 0;
        margin-left: 5rem;
        padding-top: 3rem;
    }
    div.feature_block_one div.feature_block_left {
        width: 100%;
        float: none;
        margin-right: 0;
        position: relative;
    }
    div.menu_mini_block p.menu_mini_bunshou {
        font-size: 1.3em;
        padding: 1% 0;
    }

    section#top_cont5 div.top_masuiarea div.top_masui_text_block p {
        font-size: 1em;
        margin: 3% 1% 5%;
    }
    section#top_cont6 div.top_masuiarea div.top_masui_text_block p {
        font-size: 1em;
        margin: 3% 2% 5%;
    }
    div.right_info_cont {
        width: 100%;
        float: none;
    }
    div.left_info_cont p.info_cont_btm_ue span{
        font-size: 0.9rem;
    }
    div.left_info_cont p.info_cont_btm_ue{
            font-size: 1.3em;
    }
    div.left_info_cont p.kanjasama_koe {
        font-size: 1.3em;
        margin: 5% 0;
    }
    div.left_info_cont {
        width: 96%;
        float: none;
        margin: 0 2%;
    }
    div.left_info_cont p.opini_btm{
        font-size: 1.3em;
    }
    div.left_info_cont p.opini_btm span{
        font-size: 0.9rem;
    }
    p.top_oher_clinic{
        font-size: 0.8rem;
        text-align: left;
    }
    div.renewal_top {
        margin-top: 0 !important;
        width: 96%;
        margin: 0 auto;
    }
    div.mainvis_cont p.main_bis_comment{
        font-size: 1rem;
        font-weight: bold;
        text-align: left;
    }
    div.parenthesis{
        width: 96%;
        padding: 1%;
        margin-bottom: 1rem;
    }
    section#top_inf p{
        width: 94%;
        margin: 0 auto;
        font-size: 0.9rem;
    }
    div.column_archive_top{
    display: block;
    }
    div.column_all div.column_content_area div.column_block {
        margin-bottom: 5%;
    }
    div.column_all div.column_content_area div.column_block a span img{
        width: 100%;
    }
    article.case-study .thumbnail{
        width: 100%;
        height: auto;
    }
    article.case-study .thumbnail img{
        width: 100%;
    }
    section#column_area div.column_block{
        margin: 5% 0;
        width: 100%;
    }
    section#column_area div.column_body{
        /*padding: 0 2%;*/
        width: 96%;
        margin: 0 auto;
    }
    .lang_iconareaopen {
    right: 50px;
    top: 50px;
    }
    div.lang_iconarea {
    width: 30px;
    margin-right: 50px;
    }
    div.riji_block_right h3{
        font-size: 1rem;
        font-weight: 600;
    }
    .slider1 li{
    width:300px;
    }
    div.houjin_block h4{
        font-size: 0.9rem;
    }
    div.houjin_block{
        width: 48%;
        margin: 1%;
        float: left;
    }
    div.spnavibtm p.spnavibtmtel img {
        width: 60% !important;
    }
    div.column_block {
        width: 100%;
        margin: 1% 0;
        float: none;
        position: relative;
    }
    div.colmall div.page-mainV h1{
        top: 20%;
        left: 2%;
        font-size: 0.9rem;
    }
    div.clum_list{
        width: 100%;
    }
    p.contactTex{
        margin-bottom: 15px;
    }
    div.radiopg_img{
        margin: 5% 0;
        display: block;
    }
    div.radiopg_img img{
        width: 100%;
        margin-right: 0;
        margin-top: 3%;
        margin-bottom: 3%;
    }
    div.radiopg_img img:last-child{
        width: 100%;
        margin-top: 3%;
        margin-bottom: 3%;
    }
    .menu_button {
        width: 50px;
        height: 50px;
    }
    div.ao4tr_genin p{
        width: 100%;
        margin-left: 0;
        margin-top: 3%;
    }
    div.ao4tr_genin img{
        width: 100%;
    }
    div.ao4tr_genin{
        display: block;
    }
    div.mentecontblk img {
        float: none;
        margin: 0 auto !important;
        width: 100%;
    }
    div.invisaarea5_bk figure:hover::after{
        background: none; 
    }
    div.invisaarea5_bk p.case_img_tr{
        margin-bottom: 10px;
        margin-top: 20px;
    }
    figure:hover img {
        -webkit-transform: scale(1.0);
        transform: scale(1.0);
        -webkit-transition: .0s;
        transition: .0s;
    }
    .cd-resize-img .cd-image-label {
        right: auto;
        left: 0;
    }
    div.ao4sub div.case_image img {
        margin: 0 auto !important;
    }
    .cd-resize-img {
        position: absolute;
        top: 0;
        left: 0;
        width: 0;
        height: 100%;
        overflow: hidden;
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        -ms-transform: translateZ(0);
        -o-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }
    .cd-resize-img img {
        position: absolute;
        left: 0;
        top: 0;
        display: block;
        height: 100%;
        width: auto;
        max-width: none;
    }
    .cd-handle {
        position: absolute;
        height: 30px;
        width: 30px;
        left: 50%;
        top: 50%;
        margin-left: -16px;
        margin-top: -16px;
        border-radius: 50%;
        background: #6e5f00 url(https://www.odc-all-on-4.com/wp-content/themes/allon4/library/img/cd-arrows.svg) no-repeat center center;
        cursor: move;
        box-shadow: 0 0 0 6px rgb(0 0 0 / 20%), 0 0 10px rgb(0 0 0 / 60%), inset 0 1px 0 rgb(255 255 255 / 30%);
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0) scale(0);
        -moz-transform: translate3d(0, 0, 0) scale(0);
        -ms-transform: translate3d(0, 0, 0) scale(0);
        -o-transform: translate3d(0, 0, 0) scale(0);
        transform: translate3d(0, 0, 0) scale(0);
    }
    .is-visible .cd-handle {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0) scale(1);
        -moz-transform: translate3d(0, 0, 0) scale(1);
        -ms-transform: translate3d(0, 0, 0) scale(1);
        -o-transform: translate3d(0, 0, 0) scale(1);
        transform: translate3d(0, 0, 0) scale(1);
        -webkit-transition: -webkit-transform 0.3s 0.7s, opacity 0s 0.7s;
        -moz-transition: -moz-transform 0.3s 0.7s, opacity 0s 0.7s;
        transition: transform 0.3s 0.7s, opacity 0s 0.7s;
    }
    .is-visible .cd-resize-img {
        width: 50%;
        -webkit-animation: cd-bounce-in 0.7s;
        -moz-animation: cd-bounce-in 0.7s;
        animation: cd-bounce-in 0.7s;
    }
    .is-visible .cd-image-label {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
    .cd-image-label {
        position: absolute;
        bottom: 0;
        right: 0;
        color: #ffffff;
        padding: 1em;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        opacity: 0;
        -webkit-transform: translateY(20px);
        -moz-transform: translateY(20px);
        -ms-transform: translateY(20px);
        -o-transform: translateY(20px);
        transform: translateY(20px);
        -webkit-transition: -webkit-transform 0.3s 0.7s, opacity 0.3s 0.7s;
        -moz-transition: -moz-transform 0.3s 0.7s, opacity 0.3s 0.7s;
        transition: transform 0.3s 0.7s, opacity 0.3s 0.7s;
    }
    .cd-image-container {
        position: relative;
        /*width: 90%;*/
        max-width: 600px;
        margin: 0em auto;
    }
    .cd-image-container img {
        display: block;
    }
    div.invisaarea4_bk div.boxin p.num{
        margin: 3% auto;
    }
    div.inviscan {
        display: block;
    }
    div.inviscan ul {
        margin-left: 0;
        font-size: 1.2rem;
    }
    div.invisaarea4_bk div.boxin {
        display: block;
    }
    div.invisaarea4_bk div.boxin div.txt {
        width: 100%;
        margin: 0 auto;
    }
    div.invisaarea4_bk div.boxin p.photo {
        width: 100%;
    }
    nav.global_menu ul li.menu{
        border-bottom: 2px solid #ccc;
    }
    div.monitor-block {
        width: 48%;
        margin: 1%;
    }
    div.monitor-all div.monitor-block img {
        height: auto;
    }
    .main-content{
        width: 100%;
    }
    div.spr{
        display: block;
    }
    #wrap_mainv .bg-top {
        width: 100%;
        /* height: calc(100vh - 105px); */
        height: auto;
        background: none;
        background-size: cover;
        background-position: center;
    }
    .wrap_top_main {
        height: auto;
    }
    p.etopbtm {
        width: 100%;
        margin: 0 auto;
    }
    div.emsdemerit {
        width: 100%;
        margin: 0;
        margin-top: 20px;
    }
    div.emsmerit {
        width: 100%;
        margin: 0;
    }
    div.emsmede {
        display: block;
    }
    div.ems_flow_h4 {
        width: 100%;
        margin-left: 0;
        padding-bottom: 3%;
    }
    div.ems_flow_img img {
        width: 54%;
        margin: 0 auto;
    }
    div.ems_flow_img {
        width: 100%;
        padding: 5% 0;
    }
    div.ems_flow_list_block ul li {
        display: block;
        border-bottom: 1px solid #ccc;
    }
    div.emsnaiyuo table tr th{
        vertical-align: top;
        width: 34%;
    }
    div.emscase_img {
        display: block;
    }
    div.emscase_img_mini {
        width: 100%;
        margin: 0;
    }
    div.emskoukatee img{
        width: 70%;
    }
    p.emskoukablock span{
        font-size: 1.4rem;
    }
    div.emskouka {
        display: block;
    }
    div.emskoukatee {
        width: 100%;
        margin-right: 0;
        border-bottom: 1px dotted #ccc;
        margin-bottom: 30px;
    }
    div.sishupoint ul {
        background-color: #f7f7f7;
        padding: 20px 0 20px 30px;
        font-size: 1rem;
    }
    div.laser-img img{
        width: 100%;
    }
    div.pdtabs .tab_item{
        font-size: 13px;
    }
    div.shinbi_minicont div.shinbi_cont1, div.shinbi_minicont div.shinbi_cont2, div.shinbi_minicont div.shinbi_cont3, div.shinbi_minicont div.shinbi_cont4 {
        width: 100%;
        float: none;
        margin: 0 auto;
    }
    div.shinbi_os_all div.shinbi_img {
        width: 100%;
        float: none;
    }
    div.shinbi_os_all div.shinbi_list {
        width: 100%;
        float: none;
    }
    div.spnavibtm {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        z-index: 1003;
    }
    div.spnavibtm p{
        width: 25%;
        float: left;
        height: 65px;
    }
    div.spnavibtm p img{
        width: 28%;
        display: block;
        margin: 4px auto 2px;
    }
    div.spnavibtm p span{
        display: block;
        text-align: center;
        font-weight: 400;
        color: #fff;
        font-size: 0.7em;
    }
    div.spnavibtm p.spnavibtmtel{
        /*background: linear-gradient(#eace80, #cb9705, #9f780a );*/
        border-right: 2px solid #fff;
        border-top: 2px solid #fff;
        background-color: #aea99b;
    }
    div.spnavibtm p.spnavibtmline{
        /*background: linear-gradient(#7deb7d, #00B900, #037203 );*/
        border-right: 2px solid #fff;
        border-top: 2px solid #fff;
        background-color: #00B900;
    }
    div.spnavibtm p.spnavibtmmail{
        /*background: linear-gradient(#f7a19f, #f33934, #9f0602 );*/
        border-top: 2px solid #fff;
        background-color: #aea99b;
    }
    div.spnavibtm p.spnavibtmweb{
        /*background: linear-gradient(#82aafa, #1D62F0, #083796 );*/
        border-right: 2px solid #fff;
        border-top: 2px solid #fff;
        background-color: #aea99b;
    }
    div.spnavibtm p.lineohtime{
        width: 33% !important;
    }
    div.spnavibtm p.mailohtime{
        width: 33% !important;
    }
    div.spnavibtm p.webohtime{
        width: 34% !important;
    }
    div.spnavibtm p.lineohtime img{
        width: 22% !important;
    }
    div.spnavibtm p.mailohtime img{
        width: 22% !important;
    }
    div.spnavibtm p.webohtime img{
        width: 22% !important;
    }
    div.dhrireki {
        width: 100%;
    }
    div.case-txt p.case-num{
        margin: 0;
    }
    article.case-study .thumbnail{
        width: 100%;
    }
    .case-article:hover, .peace-article:hover, .small-article:hover{
        transform: translateX(0px) translateY(0px);
    }
    div.prof_kita_img,
    div.prof_kita_text{
        width: 100%;
        float: none;
    }
    a.detail-btn.gray{
        display: block;
    }
    .case-box3{
        margin: 0 0 50px 0 !important;
    }
    div#content{
        /*margin-top: 50px;*/
    }
    /* 矯正歯科ページ */
    div.ao4sub .box960 {
        box-sizing: border-box;
        display: block;
        width: 96%;
        margin: 30px 2%;
    }

    div.ao4sub .box450:first-of-type {
        margin: 0 auto;
    }

    div.ao4sub .box450 {
        box-sizing: border-box;
        display: block;
        float: none;
        width: 100%;
    }
    div.procerablock,
    div.esthetics_sec_contmini{
        width: 96%;
        margin: 0 2%;
        float: none;
    }
    header.top_header_block {
        top: 0;
        height: 50px;
        width: 100%;
        /* background: #FAFAFA; */
    }
    div.top-pointarea a div.top-p-block {
        width: 96%;
        margin: 1% 2% 5%;
        float: none;
    }
    div.implant_body_all .article-wrap {
        float: none;
        width: 96%;
        margin: 0 2% 5%;
    }
    .wrap_case{
        margin: 0 10px;
    }
    .allon4case h2.en{
        font-size: 40px;
        margin-top: 20px;
    }
    .sub-page .main-content h3 {
        margin-bottom: 20px;
        font-size: 1.3rem;
        font-weight: 500;
        margin-top: 50px;
    }

    /* メニュー開閉 */

    .toggle {
    display: none;
    }
    .Label {        /*タイトル*/
        padding: 1em;
        display: block;
        color: #000;
        /*background:#019ac6;*/
    }
    .Label::before{     /*タイトル横の矢印*/
        content:"";
        width: 6px;
        height: 6px;
        border-top: 2px solid #000;
        border-right: 2px solid #000;
        -webkit-transform: rotate(45deg);
        position: absolute;
        top:calc( 50% - 3px );
        right: 20px;
        transform: rotate(135deg);
    }
    .Label,
    .content {
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        transform: translateZ(0);
        transition: all 0.1s;
    }
    .content {      /*本文*/
        height: 0;
        margin-bottom:10px;
        padding:0 20px;
        overflow: hidden;
    }
    .toggle:checked + .Label + .content {   /*開閉時*/
        height: auto;
        padding:20px ;
        transition: all .3s;
    }
    .toggle:checked + .Label::before {
        transform: rotate(-45deg) !important;
    }

    /* ここまでメニュー開閉 */
    header.top_header_block nav ul li:nth-child(8){
        display: block;
        width: 50%;
        float: left;
        text-align: center;
        padding: 10px 0;
        display: none;
    }
    p.wnontext{
        width: 96%;
        margin: 0 auto;
        float: none;
    }
    div.ao4sub div#content,
    div.implant_body_all div#content{
        /*margin-top: 50px;*/   
    }
    div.implantsub div#container{
        /*margin-top: 50px;*/
    }
    div.implant_body_all #wrap_005 .bg-dr {
        width: 100%;
        height: 210px;
        background-size: contain !important;
        background-attachment: revert;
    }
    div.laser-mini-block {
        width: 96%;
        float: none;
        margin: 1% 2%;
        padding: 1%;
        height: auto;
    }
    .flex_around {
        display: block;
        flex-wrap: wrap;
        justify-content: space-around;
    }
    .flex_around a.item {
        width: 100%;
        border-radius: 0;
        display: block;
        border-bottom: 2px solid #fff;
    }
    div.implantsub div.page-mainV img {
        height: 160px;
        object-fit: cover;
        margin-top: 50px !important;
    }
    div.implantsub div.page-mainV h1{
        top: 55% !important;
        left: 5%;
        font-size: 1.4rem;
    }
    div.implantsub div.page-mainV h1{
        top: 40%;
        left: 5%;
        font-size: 1.4rem;
    }

    /* 衛生士エリア */
    div.uketsuke1,
    div.uketsuke2,
    div.eiseishi4,
    div.eiseishi2,
    div.eiseishi3,
    div.eiseishi1 {
        height: auto;
        background-image: none;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: right;
    }
    div.eiseishi4 img,
    div.eiseishi2 img,
    div.eiseishi3 img,
    div.eiseishi1 img {
        position: relative;
        width: 94%;
        top: 0;
        left: 0;
        border-radius: 80% 30% 50% 50%/50%;
        box-shadow: 4px 14px 0px 0 rgb(69 183 193 / 73%);
    }
    div.uketsuke1 img,
    div.uketsuke2 img {
        position: relative;
        width: 94%;
        top: 0;
        left: 0;
        border-radius: 80% 30% 50% 50%/50%;
        box-shadow: 4px 14px 0px 0 rgb(252 174 214 / 73%);
    }

    p.dhname{
        bottom: 0;
        position: revert;
        font-size: 2.6rem;
    }
    p.daname {
        bottom: 0;
        position: revert;
        font-size: 2.6rem;
    }

    div.ao4sub div.page-mainV{
        position: relative;
        height: auto;
        margin-top: 50px;
    }


    div.ao4sub div.page-mainV{
        position: relative;
        height: auto;
        margin-top: 50px;
    }
    div.ao4sub div.page-mainV img{
        height: 160px;
        object-fit: cover;
    }
    div.ao4sub div.page-mainV h1{
        position: absolute;
        top: 35%;
        left: 0;
        display: block;
        padding: 10px;
        font-size: 1.3rem;
    }
    div.implant_body_all div.page-mainV img{
        height: 160px;
        object-fit: cover;
        margin-top: 50px !important;
    }

    div.implant_body_all div.page-mainV h1{
        font-size: 1.3rem;
        top: 60%;
    }
    div.ao4topm div.page-mainV img{
        height: 160px;
        object-fit: cover;
        margin-top: 50px !important;
    }

    div.ao4topm div.page-mainV h1{
        font-size: 1.3rem;
        top: 60%;
    }
    div.reason-all-box{
        display: block;
    }
    div.reason-cont-box{
        width: 100%;
        margin-left: 0;
        margin-top: 80px;
    }
    div.reason-cont-box:first-of-type{
        margin-top: 0;
    }
    div.reason-mini-box span{
        left: 0;
    }
    p.reason-mini-text{
        height: auto;
    }
    p.reason-mini-btm{
        padding: 16px 0 !important;
    }
    header.top_header_block .container .menu::after{
        height: auto;
        width: auto;
    }
    body.fixed {
    　width: 100%;
    　height: 100%;
    　position: fixed;
    }
    nav.global_menu ul{
        /*padding-top: 20px;
        margin-bottom: 80px;*/
    }
    div.cont-body-wi{
        /*margin-top: 50px;*/
    }
    header.top_header_block{
        /*background: rgba(255, 255, 255, 0.8);*/
    }
    img.head-logo_top{
        /*margin: -5px;*/
        width: 45%;
        margin: 0 auto;
    }
    h1.wrap{
        top: 38px;
        font-size: 1.6rem;
        width: auto;
    }
    div.drmainimage {
        width: 96%;
        float: none;
        margin: 0 2%;
    }
    ul.ao4ch li,
    ul.implantch li,
    ul.clinicch li{
        width: 100%;
        border-right: none;
    }





    div.riji_block_left{
        width: 96%;
        margin: 0 2%;
        float: none;
    }
    div.riji_block_right{
        width: 96%;
        margin: 0 2%;
        float: none;
    }
    div.medical_block_left_mini div{
        width: 48%;
    }
    div.medical_block_right_mini{
        display: block;
    }
    div.medicalinfo{
        width: 48% !important;
        display: block;
        float: left;
        margin: 1%;
    }

    header.top_header_block .container .menu nav ul li{
        margin: 10px;
        display: block;
        font-size: 1.4rem;
    }
    header.top_header_block .container .menu nav{
        margin-top: 30px;
    }
    header.top_header_block nav ul li:nth-child(7) {
        background-color: #35a413;
        font-weight: bold;
        width: 50%;
        padding: 10px 0;
        text-align: center;
        display: block;
        float: left;
        display: none;
    }
    header.top_header_block .container > .logo {
    height: auto;
    /*padding: 0.6rem 0;*/
    width: 48%;
}
    header.top_header_block .container{
        /*height: 100%;*/
    }
    div.implant_body_all .page-mainV.wrap {
        position: relative;
        margin-top: 20px;
        margin-bottom: 20px;
        height: auto;
        background: linear-gradient(transparent 50%, #68D6C3 50%);
    }

    div.implant_body_all .page-mainV.wrap img {
        position: static;
        left: auto;
    }

    div.implant_body_all .page-mainV.wrap h1 {
        font-size: 20px;
        top: 17px;
        width: 100%;
        position: static;
        background: none;
        padding: 10px;
    }
    div.wrap_top_main div.main_over_img {
        width: 90%;
        position: absolute;
        right: 20px;
        top: 36%;
    }
    div.wrap_top_main div.main_over_img img {
        width: 100%;
        box-shadow: 15px 15px 0px 0 rgb(252 250 244 / 60%);
    }
    p.mainv_mess{
        display: none;
    }
    div.imp-bk-img {
        width: 350px;
        margin:0 auto;
    }
    section.implant-block::after {
        content: "";
        width: calc(100vw - (100vw - 100%));
        height: 300px;
        background-color: #68D6C3;
        display: inline-block;
        position: absolute;
        z-index: -2;
        top: 175px;
    }
    .imp-bk-ttl h3 {
        color: #fff;
    }
    p.imp-bk-info {
        color: #68D6C3 !important;
    }
    .imp-bk-ttl span {
        font-weight: bold;
        color: #fff;
        letter-spacing: 0.2rem;
        text-indent: 0.2rem;
        line-height: 3.3rem;
        font-size: 4em;
        display: block;
        margin-bottom: 5px;
    }
    div.imp-bk-text {
        width: 100%;
    }
    p.imp-bk-link {
        margin: 20px 0;
        background-color: #68D6C3;
        text-align: center;
        width: 100%;
        padding: 10px;
        font-weight: bold;
        color: #fff;
    }
    p.imp-bk-link a span {
        color: #fff;
        width: 100%;
        display: block;
    }
    .ao4_cont_area {
        position: relative;
        padding-top: 3rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    div.ao4-bk-img {
    width: 350px;
        margin:0 auto;
    }
    div.ao4-bk-text {
        width: 100%;
    }
    .ao4-bk-ttl {
        padding-bottom: 2.8rem;
        padding-right: 0rem;
        -webkit-text-stroke: 0px #FFF;
        text-stroke: 0px #FFF;
    }
    p.ao4-bk-link {
        margin: 20px 0;
        background-color: #deca96;
        text-align: center;
        width: 100%;
        padding: 10px;
        font-weight: bold;
        color: #fff;
    }
    div.i-bk-img {
        width: 350px;
        margin:0 auto;
    }
    div.i-bk-text {
        width: 100%;
    }
    p.i-bk-info {
        color: #6e5f00 !important;
    }
    section.treat-block::after {
        content: "";
        width: calc(100vw - (100vw - 100%));
        height: 300px;
        background-color: #dacd7c;
        display: inline-block;
        position: absolute;
        z-index: -2;
        top: 175px;
    }
    p.i-bk-link {
        margin: 20px 0;
        background-color: #dacd7c;
        text-align: center;
        width: 100%;
        padding: 10px;
        font-weight: bold;
        color: #6e5f00;
    }

    /* インプラントページ */
    .implant_top .wrap {
        width: 100%;
        padding: 0 20px;
    }
    .implant_top .main-big {
        font-size: 4.5vw;
        line-height: 2em;
        margin-bottom: 0;
        color: #111;
        padding: 20px;
        background: rgba(255,255,255,0.5);
        width: 100%;
        height: auto;
    }
    .implant_top .sp-head-logo{
        display: table;
        width: 56px;
        margin-top: -6px;
        float: left;
    }
    .implant_top .sp-menu {
        width: 100%;
        height: 100%;
        background: #67D6C4;
        position: fixed;
        top: 0;
        left: 0;
        /*visibility: hidden;
        opacity: 0;*/
        transition: .4s;
    }
    .implant_top .head-description{
        display: block;
    }
    .implant_top .head-description {
        float: left;
        width: 220px;
        font-size: 14px;
        margin-left: 10px;
    }
    .implant_body_all .txt-box {
        top: 30%;
        left: 10%;
        width: 80%;
        text-align: center;
    }
    .implant_body_all .main-wrap {
        margin-top: 20px;
        height: 100%;
        overflow: hidden;
    }
    .implant_body_all .mainV-img {
        left: 0;
        bottom: 0;
        width: 100%;
    }
    .implant_body_all .mainV-img img{
        margin-top: 0;
    }
    p.p-faq__a-txt {
        display: block;
    }
    p.p-faq__a-txt span {
        width: 100%;
    }
    div.odc_prof_block{
        display: block;
        background-image: url(https://www.odc-all-on-4.com/wp-content/themes/allon4/library/images/aboutus_bg_company.png);
        background-size: cover;
        background-position: right;
        background-repeat: no-repeat;
    }
    div.odc_prof_block div {
        width: 100%;
        font-size: 1.2em;
    }
    /* iOSでのデフォルトスタイルをリセット */
    input[type="submit"]{
    -webkit-appearance: none;
    }
    .wrap,.wrap3{
        width: 100%;
        padding: 15px 20px;
    }
    .pc{display: none !important;}
    .wrap.first{
        padding: 0; 
    }
    .sp-head-logo{
        display: table;
        width: 56px;
        margin-top: -6px;
    }
    header.small{
        /*height: 70px;*/
    }
    body{
        margin-top: 70px;
    }
    .head-logo{
        display: none;
    }
    .tablet{
        display: block;
    }
    .main-wrap{
        height: auto;
        overflow: hidden;
    }
    .mainV-img{
        left: 0;
        bottom: 0;
        width: 100%;
    }
    .mainV-img img{
        margin-top: 120px;
    }
    .main-normal{
        display: none;
    }
    p.tablet-main-normal{
        font-size: 16px;
        text-align: center;
        margin: 50px 0;
    }
    .txt-box{
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        text-align: center;
        transform: none;
        height: 120px;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0;
    }
    .main-big{
        font-size: 34px;
        margin-bottom: 0;
    }
    .main-big-black{
        font-size: 34px;
        margin-bottom: 0;
    }
    
     p.main-big small.mv-small {
    font-size: 20px;
    }
    
    .thumb-list{
        width: 100%;
        padding: 0 30px;
        margin: 10px 0;
    }
    .thumb-list .slick-next{
        right: 0px;
    }
    .thumb-list .slick-prev{
        left: 0;
    }
    .spmenubtn{
        display: block;
        position: fixed;
        top: 20px;
        right: 10px;
    }
    .sp{display: block !important;}
    .Gnav ul{
        display: none;
    }
    .article-wrap{
        float: none;
        margin: 30px auto 0;
    }
    .article-wrap:first-of-type, .peace-article:first-of-type{
        margin: 0 auto;
    }
    .voice .row img:first-of-type, .voice .row img:last-of-type{
        float: none;
        margin: 30px auto 0;
        display: block;
    }
    .voice .row img:first-of-type{
        margin-top: 0;
    }
    .inprant-row.left-img img{
        position: static;
        margin-top: -30px;
    }
    .inprant-row.right-img img{
        position: static;
        float: right;
        margin-top: -30px;
    }
    .inprant-row{
        margin-top: 80px;
        margin-bottom: 0;
    }
    .dr .row img{
        float: none;
        display: block;
        margin: 0 auto 30px;
    }
    .dr-txt{
        width: auto;
        max-width: 402px;
        float: none;
        margin: 0 auto;
        position: initial;
    }
    .access .halfbox{
        float: none;
        width: auto;
        display: table;
        margin: 0 auto;
    }
    .access .halfbox:first-of-type{
        padding-bottom: 0;
    }
    .access .halfbox:nth-of-type(2){
        padding-top: 0;
    }
    .access .halfbox ul {
        margin-bottom: 20px;
    }

    /*** add index ***/

    .row-right.one:before, .row-left.two:before, .row-right.three:before, .row-left.four:before{
        width: 90%;
        position: static;
        margin-bottom: 40px;
    }
    .row-left.two:before, .row-left.four:before{
        position: relative;
        left: 10%;
    }
    .row-right.one2:before, .row-left.two2:before, .row-right.three2:before, .row-left.four2:before{
        width: 90%;
        position: static;
        margin-bottom: 40px;
    }
    .row-left.two2:before, .row-left.four2:before{
        position: relative;
        left: 10%;
    }
    .row-small .article-wrap-small:nth-of-type(1), .row-small .article-wrap-small:nth-of-type(2){
        float: none;
        margin: 30px auto 0;
    }
    .head-description{
        display: none;
    }
    body.front:after{
        content: none;
    }

    /*** page ***/

    .main-content{
        max-width: 100%;
        float: none;
        padding: 0;
    }
    .only-pc{
        display: none;
    }

    /*** case ***/
    .case-box1,
    .case-box3{
        width: 100%;
        margin: 0;
        float: none;
    }
    a.detail-btn.yellow, a.detail-btn.gray{
        float: none;
        margin-bottom: 30px;
    }
    .case-box1:nth-child(3n){
        margin: 0;
    }
    .box300{
    width:100%;
    float:none;
    box-sizing:border-box;
    text-align:center;
    margin: 30px 0;
    }
    .box355{
    width:100%;
    float:none;
    box-sizing:border-box;
    text-align:center;
    }
    .box410{
        width:100%;
        float:none;
        box-sizing:border-box;
    }
    .box410 table{
        margin-top:-20px;
    }
    .box410 table tr{
        display: block;
    }
    .box410 table th{
        width:100% ;
        font-size:12px;
        vertical-align:middle;
        padding:10px;
        box-sizing:border-box;
        display: block;
    }
    .box410 table td{
        font-size:12px;
        padding-left:20px;
        display: block;
        border: none!important;
        box-sizing: border-box;
    }
    .box410 .sp{
        display: block!important;
    }
    
/*-------インプラント治療費-------*/
    .sub-page .main-content .plan_01 h3{
        line-height:210%;
        margin-bottom:20px;
        border-bottom:#deca96 3px solid;
    }
    .sub-page .main-content h3 span{
        padding:6px 15px;
        margin-left:-13px;
        margin-right:15px;
        font-weight:bold;
        font-size: 1.6rem;
    }
    table.price_table th,
    table.price_table td{
        display:table-cell;
        font-size:11.5px;
        font-weight:500;
        padding:10px 5px;
        box-sizing:border-box;
        text-align:center;
    }
    table.price_table th{
        width:35% !important;
    }
    table.price_table th.bt{
        border-top:#deca96 3px solid;
    }
    table.price_table td{
        width:65%;
    }
    .sub-page p.mb_0 {
    margin-bottom: -5px;
    margin-top: -5px;
    }
    .plan_01{
        margin-bottom:30px;
    }
    .sub-page .main-content .price_wrap h3{
        margin-top:50px;
    }
    .sub-page p.img_70{
        width:60%;
        margin:0 auto 10px;
    }
    .sub-page .main-content h4{
        line-height:200%;
    }
    .sub-page .main-content h4 span {
    background: #deca96;
    padding: 10px 5px;
    margin-right: 10px;
    }
    .sub-page .main-content h4 span.mini{
        padding:3px 5px;
    }
    table.table_01{
        border:#CCC 1px solid;
    }
    table.table_01 th,table.table_01 td{
        width:100%;
        display:block;
    }
    .consultation.price_table2 th{
    text-align:left;
    width:60%;
    }
    .plan_01 p.img_70{
        width:100%;
        margin:-10px auto -10px;
    }
    
    p.text_01 {
        font-size: 18px;
        padding: 10px;
        margin-bottom:10px;
    }
    table.price_table th.point, table.price_table td.point {
        font-size: 11.5px;
    }
    .catch_wrap{
    margin-top:-30px;
    margin-bottom:20px;
    }
    .catch_wrap p.text_01{
        font-size:4.05vw;
        letter-spacing:0.2px;
        line-height:210%;
        padding:15px 5px 15px 15px;
    }
    .catch_wrap p.text_01 span{
        font-size:107%;
        letter-spacing:0;
        margin-right:0;
    }
    .catch_wrap .box_01{
        background:url(../images/price/008.jpg) no-repeat -25% 20%;
        background-size: 107% auto;
        padding:20px 15px 20px 0px;
        box-sizing:border-box;
        margin-top:0;
    }
    .catch_wrap .box_01 p{
        font-size:4.05vw;
        letter-spacing:0.3px;
        line-height:240%;
        margin-bottom:0;
    }
    .catch_wrap .box_01 p span{
        font-size:4.80vw;
        letter-spacing:0.5px;
        font-weight:bold;
        margin-left:-9px;
    }
    .catch_wrap .box_01 p span.span2{
        margin-left:-10px;
        margin-right:-10px;
    }
    .consultation th.price_00{
    width:130px;
    border-right:solid 1px #e2e2e2;
    }
    
    .consultation th.price_01{
        width:290px;
        padding-left:10px;
    }
    .frame{margin: 0 0 30px;}
    /*  #picup_news-------------------------------------*/
#picup_news{
    width:95%;
    border:#CCC 1px solid;
    box-sizing:border-box;
    padding:10px;
    margin:30px auto 20px auto;
}

#picup_news h2{
    font-size:18px;
    margin-bottom:20px;
}
#picup_news p{
    font-size:15px;
    text-align:left;
    margin-bottom:15px;
    line-height:150%;
}
#picup_news .h2{font-size: 18px;}

div.info_min_bk p.info_min_ttl{
    text-align: center !important;
    font-size: 14px !important;
}


/*  20190909.TOP修正css -------------------------------------*/
p.catch_h2, p.catch_p {
    margin: 10px 0 20px;
    font-size: 1.58em;
}
.wrap_000 .dr-txt h3 {
    font-size: 1.35em;
    margin-bottom: 10px;
    margin-top: 20px;
}
.wrap_000 .dr-txt p {
    margin-top: 1.2em;
}
.wrap_000 h2.en-ja span {
    font-size: 0.8em;
    margin-top: 10px;
}
.wrap_000 h2.en-ja {
    font-size: 2em;
    margin: 0 0 20px;
}
.wrap_001 .table_wrap {
    width: 100% !important;
    margin: -1em 0 0;
}
.wrap_001 p {
    margin-bottom: 10px;
}
p.catch_p {
    line-height: 1.9em;
}
.ccc{
    white-space: 100px;
}
.row-left.four2 .description:before,
.row-left.two2 .description:before{
    width: 80px;
    height: 80px;
    top: -90px;
    right: -20px;
}
.wrap_001 h2 {
    font-size: 2em;
    text-align: center;
    padding: 0 0 20px 0;
    margin: 0 0 15px;
}
 #wrap_002 .top-content {
    padding-bottom: 20px;
 }
.wrap_002 {
    padding: 30px 20px 20px;
}
.wrap_002 h3 {
    padding: 10px 3px 10px 13px;
    font-size: 1.3em;
    margin: 35px 0 10px;
}
.wrap_002 p.red_text {
    font-size: 1.8em;
    line-height: normal;
    margin: 10px 0 15px;
    border-bottom: #F00 2px solid;
}
.wrap_001 p, .wrap_000 p, .wrap_002 p {
    margin-bottom: 10px;
}
.wrap_000 a.gold-btn,
.wrap_001 a.gold-btn,
.wrap_002 a.gold-btn{
    width:80%;
    font-size:14px;
}
.row-right.one2 .description:before{
    width: 80px;
    height: 80px;
    top: -90px;
    left: -20px;
}
#wrap_003 .row-right.one2:before,
#wrap_003 .row-right.three2:before,#wrap_003  .row-left.four2:before{
    width:90%;
    height:180px;
    margin:30px 0;
}
#wrap_003 .row-left.two2:before, #wrap_003 .row-left.four2:before {
    width: 90%;
    height: 180px;
    margin: 30px 0;
}
#wrap_003 .row-right.three2 .description:before{
        width: 80px;
    height: 80px;
    top: -90px;
    left: -20px;
}
#wrap_003 .row-right,
#wrap_003 .row-left {
    position: relative;
    margin-bottom: 10px;
}
#wrap_003 .mt_30 {
    margin-top: 0px;
}
#wrap_003 .description h3 {
    font-size: 1.28em;
    line-height: 1.9em;
}
#wrap_003 .top-content {
    padding-top: 0px;
}
h2.half-head {
    font-size: 21px;
}
#wrap_004 {
    padding: 30px 0 0;
}
#wrap_004 p.text {
    font-size: 1.05em;
    line-height: 150%;
    padding-bottom: 6px !important;
    margin-bottom:10px !important;
}
#wrap_004 .catch_h2 {
    margin-bottom: 30px;
}
#wrap_004 .movie_box1,
#wrap_004 .movie_box2 {
    width: 100%;
    float: none;
    padding-right: 0px;
}
#wrap_004 .movie_box1{
    margin-bottom:20px;
}
#wrap_004 figure {
    margin-bottom: 15px;
}
#wrap_004 .sub-page .main-content h3 {
    margin-bottom: 10px;
}
#wrap_004 .sub-page p {
    padding: 0 10px;
    margin-bottom: 2px;
}
#wrap_004 a.detail-btn {
    display: block;
    margin: 15px auto 40px;
    width: 80%;
}

#wrap_005 .bg-dr {
    height: 220px;
    background-attachment: scroll;
}
#wrap_004 .main-content {
    height: auto;
    padding-bottom: 0px;
}
#wrap_006{
    padding-bottom:30px;
}
    p.left-img.goro, p.right-img.shida {
    width: 100%;
    }
    input.wpcf7-form-control.wpcf7-date.wpcf7-validates-as-date {
        width: 40%;
    }

    select.wpcf7-form-control.wpcf7-select {
        width: 40%;
    }
    .item_img{
        flex-basis: 100%;
    }
    .item_text{
        flex-basis: 100%;
    }
    table.bish th {
        text-align: center;
        width: 30%;
    }
    ul#dot{padding: 10px;}
    ul#dot li{flex-basis: 100%; padding: 15px;}
    .beige-back{padding: 10px;}
    .corona {
    width: 100%;
    margin: -40px auto 15px;}
    ul.check{padding-left: 25px;}
    ul.sakura{padding-left: 10px;}



}



@media (max-width: 540px){
    img.head-logo_top{
        width: 80%;
        margin-top: 7px;
    }
    div.spr{
        display: block;
    }
    div.spf_btm p.spf_btm_r{
        width: 34% !important;
    }
    div.spf_btm p.linebtm{
        background-color: #00B900 !important;
    }
    section#special_news{
        display: none;
    }
    .implant_body_all div#guidelines {
        padding: 20px;
        width: 100%;
    }
    .implant_body_all div#guidelines table th, .implant_body_all div#guidelines table td {
        display: block;
        width: 100% !important;
    }
    .implant_body_all .bg-dr p {
        font-size: 18px;
        padding-top: 78px;
    }
    .implant_body_all .wrap {
        position: relative;
    }
    .implant_body_all .paper {
        background-attachment: scroll;
        height: 150px;
        display: none;
    }
    .implant_top .sp-firstview ul li {
        display: none;
        width: 50%;
        color: #fff;
        background: #81D8D0;
        float: left;
        position: relative;
        text-align: center;
        padding: 10px;
        font-size: 12px;
        border-bottom: solid 1px #fff;
    }
    .implant_top .head-logo {
    width: 60px;
    }
    .implant_top .head-logo {
        float: left;
    }
    .implant_body_all .simplebtn {
        padding: 20px 0 !important;
        width: 100%;
        text-align: center;
    }
    .implant_body_all .head-description {
        margin-left: 10px;
    }
    .wrap{
        position:relative;
    }
    header{
        margin-bottom: 20px;
    }
    .head-logo{
        width: 60px;
    }
    .head-description{
        margin-left: 10px;
    }
    .head-description dt{
        font-size: 10px;
        margin-bottom: 0;
    }
    .head-description dd span {
        font-size: 10px;
        margin-bottom: 2px;
        padding: 0 7px;
    }
    .main-big{
        font-size: 20px;
        /*margin-top: 159px;*/
    }
    
    .main-big-black {
    font-size: 20px;
    /* margin-top: 159px; */
}
    .main-big.women{margin-top: 175px;}
    h2.layer-head{
        top:0;
        font-size: 30px;
        margin: 30px 0;
    }
    h2.layer-head span{
        display: block;
        margin-right: 0;
        font-size: 16px;
    }
    .simplebtn{
        padding: 20px 0;
        width: 100%;
        text-align: center;
    }
    .paper{
        background-attachment: scroll;
        height: 150px;
    }
    .bg-dr{
        height: 220px;
        background-attachment: scroll;
    }
    .bg-dr p{
        font-size: 18px;
        padding-top: 78px;
    }
    h2.en-ja{
        font-size: 28px;
        margin: 40px 0 30px;
    }
    h2.en-ja span{
        display: block;
        margin-left: 0;
        font-size: 16px;
        margin-top: 10px;
    }
    h2.en-ja span:after{
        width: 100%;
        top: -40px;
        left: 0;
    }
    .inprant-big{
        font-size: 22px;
    }
    .inprant-description{
        font-size: 16px;
    }
    .inprant-description br{
        display: none;
    }
    .inprant-row.left-img img, .inprant-row.right-img img{
        width: 100%;
        display: block;
        margin: 0 auto;
    }
    .knowledge-description{
        width: 90%;
        padding: 50px 20px;
        float: none !important;
        margin: 0 auto;
    }
    .knowledge-description h3{
        width: 100%;
    }
    .knowledge-description h3 span{
        margin-right: 100px;
    }
    .knowledge-description h3 span:after{
        width: 60px;
        right: -80px;
    }
    .knowledge-description h4{
        font-size: 22px;
    }
    .wrap.knowledge-area{
        padding: 0;
    }
    .access .halfbox{
        display: block;
        padding-right: 0;
        padding-left: 0;
    }
    a.gold-btn, a.green-btn, .submitBtn{
        width: 100%;
    }
    .case-article, .peace-article{
        width: auto;
        max-width: 100%;
    }

    /** add index **/

    .sp-firstview{
        display: none;
    }
    .sp-firstview ul li{
        width: 50%;
        color: #fff;
        background: #000;
        float: left;
        position: relative;
        text-align: center;
        padding: 10px;
        font-size: 12px;
        border-bottom: solid 1px #fff;
    }
    .sp-firstview ul li:first-of-type, .sp-firstview ul li:nth-of-type(3), .sp-firstview ul li:nth-of-type(5), .sp-firstview ul li:nth-of-type(7){
        border-right: solid 1px #fff;
    }
    .sp-firstview ul li:last-of-type{
        /*width: 100%;*/
    }
    .sp-firstview ul li a{
        color: #fff;
    }
    h2.half-head{
        margin: 40px auto 25px;
    }
    .small-article{
        width: 100%;
        border-top: solid 5px #e0cc90;
        border-left: none;
    }
    .small-article dt{
        width: 100%;
    }
    .small-article dd{
        width: 100%;
    }
    .row-right.one:before, .row-left.two:before, .row-right.three:before, .row-left.four:before{
        height: 160px;
    }
    .row-right.one .description:before, .row-right.three .description:before{
        width: 80px;
        height: 80px;
        top: -90px;
        left: -20px;
    }
    .row-left.two .description:before, .row-left.four .description:before{
        width: 80px;
        height: 80px;
        top: -90px;
        right: -20px;
    }
    .description h3{
        font-size: 22px;
    }
    .description{
        width: 100%;
        padding: 0;
    }
    .footernav{
        display: none;
    }
    footer .wrap{
        padding-left: 0;
        padding-right: 0; 
    }
    footer .sp-firstview{
        margin-bottom: 30px;
    }
    footer{
        padding: 0 0 10px;
    }

    /*** page ***/

    .page-mainV.wrap{
        margin-top: 0;
    }
    .page-mainV.wrap h1{
        font-size: 25px;
        top: 17px;
        position: revert;
        text-align: center;
    }
    .breadcrumb p{
        font-size: 10px;
    }
    div.breadcrumbs{
        margin-top: 0;
    }
    .sub-page .main-content h2{
        font-size: 20px;
        font-weight:700;
        line-height: 45px;
        margin-top: 30px;
        margin-bottom: 0;
        text-align: center;
    }
    .sub-page .main-content h2:after{
        top: 140px;
    }
    .consultation th, .consultation td{
        width: 100%;
        display:block;
        border: none;
    }
    .main-content table {
        border: none;
    }
    .consultation tr:first-of-type > th{
        border:none;
    }
    img.floatleft, img.floatright{
        float: none;
        margin: 0 auto 10px;
        display: block;
    }
    p.en-ja{
        font-size: 22px;    
    }
    p.en-ja span{
        margin-left: 0;
        display: block;
        font-size: 16px;
    }
    article.case-study .thumbnail{
        float: none;
        margin: 0 auto;
    }
    article.case-study .case-txt{
        width: 100%;
        float: none;
    }
    body:after{
        height: 100px;
        top: 102px;
    }
    .side-content{
        width: 90%;
        position:absolute;
        bottom:0px;
        height:900px;
        display: none;
    }
    .main-content{
        height:auto;
        
    }
    dl.record{
        width: 100%;
        margin-top: 30px;
    }
    p.en-ja span:before{
        left: 0;
        top: -40px;
        width: 100%;
    }

    /*** case ***/

    .case h2.en{
        font-size: 27px;
    }
    .left-border-box h3{
        font-size: 18px;
    }
    .left-border-box h3 .treat{
        font-size: 14px;
    }
    .dg-wrapper{
        width: 100%;
        height: auto;
    }
    .vanish::after{
        margin-left: 15px;
        margin-top: 10px;
    }
    .vanish02::after{
        margin-left: 15px;
        margin-top: 10px;
    }
    
/*    スマホのフッターメニュー　　*/
    .float-btn.sp{ display: flex; position: fixed; bottom: 0; left: 0; width: 100%; z-index: 1001; }
    .float-btn li{ background: #dfcb93; width: 100%; height: 14.666vw; display: flex; justify-content: center; align-items: center; position: relative; font-size: 4.666vw; color: #fff; }
    .float-btn li + li{ border-left: solid 1px #fff; }
    .float-btn li span{ padding-left: 4.666vw; background-repeat: no-repeat; }
    .float-btn li:nth-of-type(1) span{ background-image: url("../invisalign/img/icon-tel.png"); background-position: top 50% left 0; background-size: 2.666vw; color: #fff;}
    .float-btn li a.linkwrap{width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; z-index: 10;}
    
@media (min-width: 769px){
    .sp{
        display:none;
    }
    section#special_news{
        display: none;
    }
}

/* 2021/12/17 */
.othertimeon{
    background-color: #cb9705 !important;
}
.othertime{
        display: none;
    }
div.spf_btm{
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 1002;
}
div.spf_btm p{
    margin-bottom: 0;
}
p.spcall_btm{
    background-color: #cb9705;
    text-align: center;
    width: 100%;
    padding: 1% 0;
    border-bottom: 2px solid #fff;
}
p.spcall_btm span{
    color: #fff;
    font-size: 1rem;
}
p.spcall_btm span.mintext{
    font-size: 0.7rem;
}
p.spf_btm_l,
p.spf_btm_r{
    width: 33%;
    float: left;
    text-align: center;
    padding: 2% 0;
    background-color: #dfcb93;
}
p.spf_btm_l span,
p.spf_btm_r span{
    color: #fff;
    font-size: 1rem;
}
p.spf_btm_l{
    border-right: 2px solid #fff;
}

div#guidelines{
    width: 100%;
}

p.fpoint_text{
    font-size: 1rem;
}
div.fivepointarea ul li span{
    font-size: 1.2rem !important;
}
div.fivepointarea ul{
    background-position: top right;
    background-size: 50%;
}
p.fpointlinkbtm{
    width: 85%;
    margin: 0 auto;
}
p.fpointlinkbtm a span{
    font-size: 1rem;
    font-weight: 100;
}
p.fpointlinkbtm a span{
    width: 100%;
}
section#topfpoint{
    margin-bottom: 50px;
}
section#topfpoint h2.en-ja{
    margin: 20px 0 30px;
}
.open-label{
    font-size: 0.6rem;
    width: 60%;
}

.on-off:checked  ~ .open{
    margin-top: 20px;
}

div.top_masui_area{
    width: 100%;
}

div.div.top_masui_area{
    width: 100%;
}
div.topcont52 div.top_masui_area img{
    float: none;
}

div.top_masui_area_text{
    width: 96%;
    left: 2%;
    top: 30%;
}
div.top_masui_area_text h3{
    font-size: 1.4rem;
}