/* CSS Document */
@media only screen and (max-width: 768px) { 
  .blurFixSP {  image-rendering: optimizeSpeed; /* STOP SMOOTHING, GIVE ME SPEED  */ 
                image-rendering: -moz-crisp-edges; /* Firefox */ 
                image-rendering: -o-crisp-edges; /* Opera */ 
                image-rendering: -webkit-optimize-contrast; /* Chrome (and eventually Safari) */ 
                image-rendering: pixelated; /* Chrome */ 
                image-rendering: optimize-contrast; /* CSS3 Proposed */ 
                -ms-interpolation-mode: nearest-neighbor; /* IE8+ */ 
              } 
}

/********************************
Menu Toogle
********************************/
.menu_toggle { background-color:#fff; margin-top: 70px; position: fixed; top: 0px; bottom: 0px; left: 0px; width: 100%; padding: 0px 0px 0px; overflow: scroll; opacity: 0; visibility: hidden; transition: all 0.3s linear; }
.menu_toggle_wrap { max-width: 1062px; margin: 0 auto; margin-top: 120px; padding-bottom: 100px; display: flex; justify-content: space-between;}
.menu_toggle_wrap .menu-block{ width: 49%; }
.menu_toggle_wrap .menu-block .menu-title h1 { font-size: 40px; letter-spacing: .1em; line-height: 30px; font-weight: 600; color: #216c33; font-family: 'Shippori Mincho', serif;}
.menu_toggle_wrap .menu-block ul{ margin-top: 33px; display: grid; grid-template-columns: repeat(2,1fr); grid-column-gap: 20px; grid-row-gap: 20px;}
.menu_toggle_wrap .menu-block ul li a{ font-family: 'Shippori Mincho', serif; font-weight: 600; font-size: 15px; line-height: 1.6; letter-spacing: 0.1em; color: white; text-decoration: none; position: relative; display: block;}
.menu_toggle_wrap .menu-block ul li a:hover { color: #216c33;}
.menu_toggle.active { opacity: 1; visibility: visible; }
.menu_toggle ul li { position: relative;}
.menu_toggle p { margin-bottom: 0; }

#nav-icon { width: 30px; height: 21px; position: relative; margin: 0 auto 0px; cursor: pointer; transition: .5s ease-in-out; }
#nav-icon span { background-color: white; display: block; position: absolute; height: 2px; width: 100%; opacity: 1; left: 0; transform: rotate(0deg); transition: .25s ease-in-out; }
#nav-icon span:nth-child(1) { top: 1px; }
#nav-icon span:nth-child(2){ top: 9px; }
#nav-icon span:nth-child(3) { top: 17px; }
#nav-icon.open span:nth-child(1) { top: 11px; width: 0%; left: 50%; }
#nav-icon.open span:nth-child(2) { transform: rotate(45deg); }
#nav-icon.open span:nth-child(3) { transform: rotate(-45deg); top: 9px;}
#nav-icon.open { height: 21px; }

.hamburger-btn { transition: 500ms ease; width: 70px; height: 70px; position: absolute; top: 0; right: 0; z-index: 10; cursor: pointer; display: flex; align-items: center;}
.hamburger-btn .button-toggle { position: relative; width: 100%; margin: 0 auto; text-align: center; color: inherit;}
.hamburger-btn .button-toggle #menu_btn { color: #000; font-size: 9px; text-align: center; line-height: 1; letter-spacing: 0px; font-weight: 500;}

@media only screen and ( max-width: 1280px ) {
  .menu_toggle_wrap { max-width: none; width: calc(100% - 100px); }
  .menu_toggle_wrap .menu-block:nth-child(1){ width: 48%; }
  .menu_toggle_wrap .menu-block:nth-child(2){ width: 48%; }
}

@media only screen and ( max-width: 900px ) { 
  .menu_toggle_wrap .menu-block ul{ grid-template-columns: repeat(1,1fr);}
}

@media only screen and ( max-width: 768px ) {
  .hamburger-btn { height: 60px; margin-top: 12px;}
  .menu_toggle { margin-top: 0; background: #fff url(../images/menu-toggle-bg.jpg) no-repeat center; background-size: cover;}
  .menu_toggle_wrap { width: calc(100% - 80px); }
  .menu_toggle_wrap { margin-top: 100px; display: block;}
  .menu_toggle_wrap .menu-block ul{ grid-template-columns: repeat(1,1fr); margin-top: 16px; grid-row-gap: 0; grid-column-gap: 15px;}
  .menu_toggle_wrap .menu-block:nth-child(1){ width: 100%; }
  .menu_toggle_wrap .menu-block:nth-child(2){ width: 100%;}
  .menu_toggle_wrap .menu-block:not(:first-child) { margin-top: 50px; }
  .menu_toggle_wrap .menu-block .menu-title h1 { font-size: 23px; line-height: 26px; }
  .menu_toggle_wrap .menu-block ul li{ border-top: 1px solid; border-color: #6b9375 !important;}
  .menu_toggle_wrap .menu-block ul li:last-child{ border-bottom: 1px solid;}
  .menu_toggle_wrap .menu-block ul li a{ padding: 20px 0; font-size: 15px; line-height: 1.5; text-align: center;}
}

/********************************
General
********************************/
@media only screen and (max-width: 768px) { 
  body { font-size: 87.5%; }
  figure { text-align: center; }
  .TabContainer .TabPager li { width: 33%; }
  .totop { bottom: 55px; right: 5px; }
  .totop .icon { width: 40px; height: 40px; }
  .fblock { display: block; }
  .fblock.true { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; }
  .under .topic_path { padding: 10px 0; }
  .txt_l, .txt_r { float: none; width: auto; }
  .image_l, .image_r { float: none; width: auto; margin: 0 0 20px; text-align: center; max-width: none; }
  .btn-group .btn.style01, .btn-group .btn.style02 { max-width: 250px; }
  .btn-group .btn.style01 a, .btn-group .btn.style02 a { padding: 7px 35px; font-size: 15px; }
  .btn-group .btn.style01 a.md, .btn-group .btn.style02 a.md { font-size: 13px; }
  a .tel_click:hover { opacity: 1; color: inherit; }
  .slick-prev { left: 0px; }
  .slick-next { right: 0px; }
  .slick-arrow { z-index: 1; top: 15vw; } 
}

/********************************
Header & Footer
********************************/
@media only screen and (max-width: 768px) { 
  .wrapper { min-width: inherit; }
  .inner, .inner_sm { max-width: none; padding-left: 20px; padding-right: 20px; }
  .header_top { width: 100%; height: 60px;}
  .header_top::before { display: none; }
  .header_top p { margin-bottom: 0; }
  .header_top .logo { max-width: 195px;  margin-left: 20px; width: auto; transform: translate(0);}
  .header_top .inner { height: auto; display: block; }
  .hamb-menu-click-active .logo, .menu-scroll-active .logo { max-width: 163px;}
  .hamb-menu-click-active #nav-icon span , .menu-scroll-active #nav-icon span { background-color: #216c33;}
  .hamb-menu-click-active .hamburger-btn , .menu-scroll-active .hamburger-btn { margin-top: 0;}
  .navi-scroll-active.navi-btn{ display: -webkit-box; display: -ms-flexbox; display: flex; animation: aniscroll-navi  .3s alternate;}
}

/********************************
Under
********************************/
@media only screen and (max-width: 768px) { 
  .under #mainContent:not( .page-interview #mainContent) { padding-bottom: 100px;}
  .under .key { height: 50vh; }
  .under .key .key_text { padding: 0; justify-content: center;}
  .under .key h2 { padding: 12px 10px; font-size: 23px; }
  .under h3 { margin-bottom: 0; font-size: 24px; }
  .under h3::after{ margin-top: 10px; border-width: 3px;}
  .under h4 { margin-bottom: 20px; font-size: 20px; padding-bottom: 5px; }
  .under h5 { margin-bottom: 15px; font-size: 18px; }
  .under h6 { margin-top: 50px; margin-bottom: 10px; font-size: 16px; padding-left: 24px;}
  .under .key h2 , .under h3, .under h4, .under h5, .under h6{ line-height: 1.65; letter-spacing: 0px;}

  .under section:first-child h3 { margin-top:50px; }
  .under section h3 { margin-top: 50px; }
  .under .secH4 { padding-top: 50px; }
  .under .secH4:first-of-type { padding-top: 20px; }
  .under .secH5 { padding-top: 50px; }
  .under .imgBox.rowImg { padding: 0px 0 15px; }
  .under .imgBox.rowImg .image_l, .under .imgBox.rowImg .image_r { float: none; width: auto; margin: 0 0 20px; text-align: center; max-width: none; }
  .under .imgBox.rowImg .image_l:nth-child(n), .under .imgBox.rowImg .image_r:nth-child(n) { max-width: none; }
  .under .imgBox.rowImg .txt_l, .under .imgBox.rowImg .txt_r { float: none; width: auto; }
  .under .imgBox.rowImg.large .image_l, .under .imgBox.rowImg.large .image_r { max-width: none; }
  .under .imgBox.rowImg.large .txt_l, .under .imgBox.rowImg.large .txt_r { width: auto; }
  .under .imgBox.colImg .list { justify-content: space-around; }
  .under .imgBox.colImg .item { margin-bottom: 15px; }
  .under .imgBox.colImg figure { margin-bottom: 5px; }
  .under .imgBox.colImg .text { font-size: 14px; }
  .under .imgBox.colImg .list{ display: block; }
  .under .imgBox.colImg3 .item { width: 100%; }
  .under .imgBox.colImg2 .item{ width: 100%; }
  .under .imgBox.colImg1 img { width: 100%; }
  .under .acf_block .text_h3 { margin: 25px 0 0; }
  .under .acf_block .text_h4 { margin: 20px 0 0; }
  .under .acf_block .text_h5 { margin: 15px 0 0; }
  .under table.rollTable { width: 1000px; }
  .under table.resTable { display: block; }
  .under table.resTable tbody, .under table.resTable tr, .under table.resTable th, .under table.resTable td { display: block; }
  .under table.resTable td:not(:last-child) { border-bottom: 0; }
  .under table.resTable.tbl_style01.colHead tr th { border-bottom: none; }
  .under table.resTable.tbl_style01.colHead tr:not(:first-child) th { border-top: none; }
  .under table.resTable.tbl_style02.colHead th { border-bottom: none; }
  .under table.resTable.tbl_style02.colHead tr:not(:last-child) td { border-bottom: none; }
  .under .tbl_note { display: block; }
  .under ul.list01 li { font-size: 14px; }
  .under ul.list01.mcol-2 li { width: 100%; padding-bottom: 9px; }

  .under .clinic_tbl01 th { width: auto; text-align: left; }
  .under .teeth_box .secH4 { width: 100%; } 
}

@media only screen and (max-width: 425px) { 
  .under h3 { margin-bottom: 25px; font-size: 20px;}
  .under h4 { margin-bottom: 20px; font-size: 18px;}
  .under h5 { margin-bottom: 15px; font-size: 17px;}
  .under h6 { margin-bottom: 15px; font-size: 15px;} 
  .under h6::before{ border: 6px solid; width: 12px; height: 12px;}

  .under .access_box_img01 .block:nth-child(even) .big, .under .access_box_img02 .block:nth-child(even) .big { order: 0; }
  .under .access_box_img01 .block .big, .under .access_box_img01 .block .small, .under .access_box_img02 .block .big, .under .access_box_img02 .block .small { width: 100%; } 
}

@media only screen and (max-width: 375px) { 
  .under .imgBox.colImg .text { font-size: 13px; }
  .under .imgBox.colImg2 .item, .under .imgBox.colImg3 .item { width: 100%; } 
}

/* END Under
********************************/