@charset "UTF-8";
body {
  color: #333;
  font-family: "Noto Sans JP", メイリオ, Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif; }

h1, h2, h3, h4, h5 {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-weight: 500; }

h1 {
  margin-bottom: 6.4rem; }

h1.header_logo {
  margin: 0;
  padding-top: 1.6rem; }

h2:first-letter {
  color: #3878A2; }

.container {
  position: relative; }

section {
  padding: 5.6rem 0;
  width: 100%;
  font-size: 1.4rem; }

main {
  width: 100%;
  position: relative; }

header {
  position: relative;
  width: 100%;
  height: auto; }

.header_logo img {
  padding-left: 1.6rem;
  max-width: 24%;
  height: auto; }

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

p {
  font-size: 1.5rem;
  line-height: 1.8; }

footer {
  background: rgba(0, 0, 0, 0.6);
  color: #fff; }

th {
  background: rgba(0, 0, 0, 0.5); }

td {
  background: #f5f5f5; }

.table > tbody > tr > th, .table > tbody > tr > td {
  padding: 1.6rem; }

footer a.tel_num {
  color: #fff; }

.foot_link {
  text-align: right; }
  .foot_link ul {
    padding-left: 0; }
    .foot_link ul li {
      display: inline-block;
      padding: 0.8rem;
      font-size: 1.4rem; }
      .foot_link ul li a {
        color: #fff; }

ul.other_link_banner {
  width: 100%;
  margin: 0 auto;
  padding: 0; }
  ul.other_link_banner li {
    display: inline-block;
    max-width: auto;
    margin-bottom: 2.4rem; }
  ul.other_link_banner img {
    max-width: 62.5%;
    height: auto; }

.tel_box {
  margin-bottom: 3.2rem; }

.tel_box .tel_num img{
  width: 35px;
  margin-right: 5px;
  margin-top: -7px;
}
.copy {
  background: #3878A2;
  color: #fff;
  text-align: center;
  padding: 1.6rem 0; }
  .copy p {
    padding: 0;
    margin: 0;
    font-size: 13px; }

.close_sec {
  text-align: center; }
  .close_sec h1 {
    margin-bottom: 1.6rem; }
  .close_sec .tel_num {
    font-size: 3.2rem;
    display: block; }

a.header_num {
  position: absolute;
  right: 2%;
  top: 10%;
  font-size: 32px;
  /*:url("../images/top/tel_icon.png")no-repeat ;
  background-size: 43px;
  padding-left: 43px;*/
}

a.header_num img{
  width: 45px;
  margin-bottom: 8px;
  margin-right: 5px;
}

.header_date {
  font-size: 14px;
  font-weight: bold;
  position: absolute;
  top: 12%;
  right: 20%;
  margin-right: 4.5em;
}

/** pcnav *******************/
.pc_nav {
  background: #3878A2;
  margin-top: 1.6rem;
  text-align: center; }
  .pc_nav ul {
    padding: 1.6rem 0;
    margin-bottom: 0; }
  .pc_nav li {
    display: inline-block;
    font-size: 1.5rem;
    padding: 0.8rem 2.4rem;
    text-align: center; }
  .pc_nav a {
    color: #fff;
    display: block;
    width: 100%;
    height: auto; }
    .pc_nav a:hover {
      text-decoration: none;
      color: #2e6285; }

/** nav *******************/
.fat-nav {
  background: rgba(56, 120, 162, 0.75); }

.fat-nav li {
  font-size: 24px;
  padding: 24px; }

a.hamburger {
  left: auto;
  right: 0;
  background: #3878A2;
  width: 60px;
  height: 50px;
  padding: 6px 12px 12px; }
  a.hamburger:hover {
    text-decoration: none; }

.hamburger__icon {
  margin: 12px 0; }

.hamburger__icon,
.hamburger__icon:after,
.hamburger__icon:before {
  width: 40px;
  background-color: #fff; }

.hamburger__icon:before {
  top: -7px; }

.hamburger__icon:after {
  top: 7px; }

a .menuText {
  display: block;
  text-align: center;
  color: #fff;
  text-decoration: none;
  margin-bottom: 8px;
  font-size: 12px;
 }

/** スクロールボタン ****************/
#page_top {
  width: 100px;
  height: 60px;
  position: fixed;
  right: 0;
  bottom: 0;
  background: #3878A2;
  opacity: 0.6; }

#page_top a {
  position: relative;
  display: block;
  width: 100px;
  height: 60px;
  text-decoration: none; }

#page_top a::before {
  content: '▲';
  font-size: 25px;
  color: #fff;
  position: absolute;
  width: 25px;
  height: 25px;
  top: -32px;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center; }

#page_top a::after {
  content: 'PAGE TOP';
  font-size: 13px;
  color: #fff;
  position: absolute;
  top: 30px;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center; }

/** toppage *******************/
.mainv {
  width: 100%;
  height: auto; }

.consept_sec {
  text-align: center; }

.service_sec {
  text-align: center; }

.adv_text {
  height: 393px;
  background: url("../images/top/advback.jpg") no-repeat left top;
  display: flex;
  flex-direction: row-reverse; }

.adv_inner {
  background: #F7F7F7;
  width: 50%;
  padding: 2rem; }
  .adv_inner h1 {
    margin: 0 0 1.6rem; }
  .adv_inner p {
    margin: 0; }

.blue_back {
  background-color: #3878A2;
  margin-bottom: 5.6rem; }

.main_service_back {
  background: url("../images/top/top_implant_back.jpg") no-repeat left center;
  background-size: cover;
  height: 393px;
  position: relative;
  margin-bottom: 5.6rem; }

.main_service_back:before {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(56, 120, 162, 0.4); }

.main_service {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  position: relative; }

.main_service_desc {
  background: #fff;
  width: 50%;
  height: 90%;
  padding: 2rem; }
  .main_service_desc h1 {
    margin: 0 0 1.6rem; }
  .main_service_desc p {
    margin: 0;
    text-align: left; }

.credit_sec {
  background: #F7F7F7;
  text-align: center; }

.about_text {
  height: 400px;
  background: url("../images/top/doctor.jpg") no-repeat right top;
  display: flex;
  background-size: 570px;}

.about_inner {
  background: #F7F7F7;
  width: 50%;
  padding: 2rem; }
  .about_inner h1 {
    margin: 0 0 1.6rem; }
  .about_inner p {
    margin: 0; }

.service_link h5 {
  font-size: 1.8rem;
  font-weight: 700; }

.service_link p {
  font-size: 1.4rem;
  color: #555; }

.service_link:hover {
  text-decoration: none; }

.credit_sec h5 {
  font-size: 1.8rem;
  font-weight: bold;
  color: #3878A2; }

/*** subpages ***********/
p.desc {
  margin-bottom: 2.4rem !important; }

p.ad_desc {
  margin: 0.67em 0 4rem; }

h1.page_head {
  text-align: center;
  color: #fff;
  padding: 4rem 0;
  margin-top: 8px;
  background: #3878A2; }

.sub_sec h1 {
  text-align: center;
  color: #3878A2; }

.two_box h1, .care_inner h1, .close_inner h1 {
  text-align: left; }

/*** advance ***********/
section.adv_flex {
  padding: 0; }

.adv_flex {
  height: 325px;
  background: url("../images/adv/advimg1.jpg") no-repeat left top;
  display: flex;
  flex-direction: row-reverse; }

.adv_flex:nth-of-type(2) {
  background: url("../images/adv/advimg2.jpg") no-repeat right top;
  flex-direction: row; }

.adv_flex:nth-of-type(3) {
  background: url("../images/adv/advimg3.jpg") no-repeat left top; }

.adv_flex:nth-of-type(4) {
  background: url("../images/adv/advimg4.jpg") no-repeat right top;
  flex-direction: row; }

.adv_flex:nth-of-type(5) {
  background: url("../images/adv/advimg5.jpg") no-repeat left top; }

.adv_flex:nth-of-type(6) {
  background: url("../images/adv/advimg6.jpg") no-repeat right top;
  flex-direction: row; }

.adv_flex:nth-of-type(7) {
  background: url("../images/adv/advimg7.jpg") no-repeat left top; }

.adv_flex:nth-of-type(8) {
  background: url("../images/adv/advimg8.jpg") no-repeat right top;
  flex-direction: row; }

.page_adv_inner {
  background-color: #fff;
  background-image: url("../images/adv/cercleimg.png");
  background-position: center 40%;
  background-repeat: no-repeat;
  width: 50%;
  height: 325px;
  padding: 12rem 2rem;
  text-align: center;
  position: relative; }
  .page_adv_inner h2 {
    margin: 0 0 1.6rem;
    font-size: 1.8rem;
    color: #3878A2;
    position: relative; }
  .page_adv_inner p {
    margin: 0 auto;
    width: 80%;
    position: relative;
    text-align: left; }

/*** concept ***********/
.concept_text {
  height: 400px;
  background: url("../images/concept/conceptimg.png") no-repeat right top;
  display: flex;
  padding: 0; }

.concept_inner {
  background: #F7F7F7;
  width: 54%;
  padding: 2rem;
  color: #3878A2; }
  .concept_inner h1 {
    margin: 0 0 3.2rem; }
  .concept_inner p {
    margin: 0; }

.move {
  width: 100%; }

.comp_concept_desc {
  width: 40%;
  margin: 0 auto;
  line-height: 2;
  font-size: 1.8rem;
  margin-bottom: 4rem;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-weight: bold; }

/*** implant ***********/
h1.blue_line {
  padding: 2.4rem 0;
  color: #fff;
  background-color: #3878A2;
  margin-bottom: 0; }

.care_flex {
  height: 373px;
  background: url("../images/implant/carebackimg2.jpg") no-repeat right top;
  display: flex;
  padding: 1.6rem; }

.care_inner {
  width: 50%;
  padding: 2rem;
  color: #fff; }
  .care_inner h1 {
    margin: 0 0 1.6rem; }
  .care_inner p {
    color: #333; }

.close_flex {
  height: 387px;
  background: url(../images/implant/closebackimg.jpg) no-repeat right top;
  background-size: 570px;
  display: flex;
  padding: 1.6rem; }

.close_inner {
  background: #fff;
  width: 60%;
  padding: 2rem;
  color: #333; }
  .close_inner h1 {
    margin: 0 0 1.6rem; }

ul.implant_service {
  padding-left: 0;
  display: inline-block; }

.implant_service li {
  list-style: none;
  position: relative;
  margin-bottom: 4rem;
  font-size: 1.8rem;
  letter-spacing: 1px;
  font-weight: bold;
  color: #3878A2;
  padding-left: 4.8rem; }

.implant_service li:before {
  content: '';
  /*何も入れない*/
  display: inline-block;
  /*忘れずに！*/
  width: 40px;
  /*画像の幅*/
  height: 40px;
  /*画像の高さ*/
  background-image: url("../images/implant/listicon.png");
  background-size: contain;
  vertical-align: middle;
  position: absolute;
  top: 6px;
  left: 0; }

ul.keyword_choice_list {
  margin: 0;
  padding: 0;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: center; }
  ul.keyword_choice_list li {
    text-align: center;
    display: inline-block;
    list-style: none;
    width: 30%;
    margin: 0.8rem;
    padding: 0.8rem;
    background: #f2f7fb;
    height: auto; }
    ul.keyword_choice_list li p {
      text-align: left;
      font-size: 1.4rem; }
  ul.keyword_choice_list .list_numIcon {
    display: inline-block;
    width: 80px;
    height: 80px;
    margin: 0 0 1.6rem;
    text-align: center;
    padding-top: 20px;
    font-size: 3.2rem;
    background: #3878A2;
    border-radius: 50%;
    color: #fff;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; }

.flow_implant {
  display: flex;
  justify-content: center; }

.flow_item {
  position: relative;
  width: 25%;
  margin-right: 10px;
  height: auto; }
  .flow_item:last-child {
    margin-right: 0; }
  .flow_item dl {
    position: relative; }
  .flow_item dt {
    font-size: 1.6rem;
    font-weight: 700;
    background: #3878A2;
    padding: 1.6rem;
    color: #fff; }
  .flow_item dd {
    margin-left: 0; }
  .flow_item p {
    text-align: left;
    padding: 0.8rem; }

.label_word {
  display: block;
  border-bottom: 1px solid #fff;
  padding-bottom: 0.8rem;
  margin-bottom: 0.8rem; }

.history p {
  text-align: left; }

.history_back {
  text-align: center;
  background: #3878A2;
  margin-bottom: 5.6rem; }
  .history_back h1, .history_back p {
    color: #fff; }

.dif_sec {
  position: relative; }

.dif {
  background-color: #3878A2;
  color: #fff;
  padding: 2.4rem 4rem;
  position: relative; }
  .dif h1 {
    color: #fff;
    margin-bottom: 1.6rem;
    position: relative; }
  .dif p {
    position: relative; }

.dif1 {
  position: relative; }
  .dif1:before {
    content: "";
    width: 40%;
    height: 100%;
    background: #fff;
    position: absolute;
    left: 0;
    top: 0; }

.dif2 {
  text-align: left;
  position: relative; }
  .dif2:before {
    content: "";
    width: 40%;
    height: 100%;
    background: #fff;
    position: absolute;
    right: 0;
    top: 0; }
  .dif2 h1 {
    text-align: left; }

p.aptitude {
  text-align: left; }

img.floatimg {
  max-width: 40%;
  height: auto;
  position: absolute;
  left: 35%;
  top: 10%;
  z-index: 2; }

.fee_flex {
  display: flex;
  justify-content: space-around; }
  .fee_flex .fee_item {
    width: 44%;
    border: 4px solid #3878A2;
    position: relative; }
    .fee_flex .fee_item h5 {
      position: relative;
      font-weight: 700;
      font-size: 1.8rem;
      background: #3878A2;
      color: #fff;
      padding: 0.8rem;
      padding-left: 4.8rem;
      margin: 0 0 1.6rem; }
      .fee_flex .fee_item h5:before {
        content: url("../images/implant/yubi.svg");
        color: #fff;
        width: 60px;
        height: 60px;
        position: absolute;
        border-radius: 50%;
        text-align: center;
        padding-top: 12px;
        background: #3878A2;
        left: -24px;
        top: -12px; }
    .fee_flex .fee_item a.fee_banner_link {
      display: block;
      width: 50%;
      height: auto;
      margin: 1.6rem auto; }
    .fee_flex .fee_item p {
      padding: 0.8rem;
      margin: 0; }

.feedl {
  width: 80%;
  margin: 1.6rem auto;
  text-align: center; }
  .feedl dd {
    margin: 0;
    font-size: 1.8rem;
    font-weight: 700; }

dl.implant_top_dllist {
  margin-left: 0; }
  dl.implant_top_dllist dt {
    color: #3878A2;
    font-size: 1.6rem;
    font-weight: 700;
    border-bottom: 2px dashed #3878A2;
    padding-bottom: 0.8rem;
    margin-bottom: 1.6rem; }
  dl.implant_top_dllist dd {
    margin-left: 0;
    margin-bottom: 3.2rem; }

/*** 3dr **************/
.flow3dr_img_sec {
  margin-bottom: 3.2rem; }
  .flow3dr_img_sec figcaption {
    font-size: 1.6rem; }
  .flow3dr_img_sec dt {
    margin-bottom: 0.8rem;
    font-weight: 700;
    color: #3878A2;
    font-size: 1.8rem; }

.denture_img {
  display: flex;
  justify-content: center;
  background: #F7F7F7;
  margin-bottom: 4rem;
  padding-top: 1.6rem; }
  .denture_img figure {
    width: 40%; }
     /*
    .denture_img figure .denture_img_resize img {
      width: 250px;
      height: 250px; }
    */
    .denture_img figure .denture_img_resize_1 img {
      width: 327px;
      height: 250px; }
    .denture_img figure .denture_img_resize_2 img {
      width: 250px;
      height: 250px; }
      .denture_img figure .denture_img figure:nth-child(2) {
      margin-left: 2.4rem; }

.denture_desc p {
  text-align: left; }

.point_flex {
  display: flex;
  justify-content: center; }

dl.point3dr {
  width: 36%;
  text-align: left;
  border: 1px solid #3878A2; }
  dl.point3dr:nth-of-type(2) {
    margin-left: 2.4rem; }
  dl.point3dr dt {
    font-size: 1.8rem;
    padding: 0.8rem;
    background: #3878A2;
    color: #fff; }
  dl.point3dr dd {
    margin-left: 0;
    padding: 0.8rem; }
  dl.point3dr ul {
    padding-left: 0;
    font-size: 1.5rem; }
    dl.point3dr ul li {
      list-style: none;
      padding-bottom: 1.6rem;
      margin-bottom: 1.6rem;
      border-bottom: 1px dashed #3878A2; }
      dl.point3dr ul li:last-child {
        border: none;
        margin-bottom: 0;
        padding-bottom: 0; }

/*** clinic ***********/
.appimg {
  margin-bottom: 3.2rem; }

.introImg {
  text-align: center; }
  .introImg figcaption {
    display: block;
    padding: 0.8rem 0;
    font-size: 1.6rem;
    font-weight: 700;
    letter-spacing: 1px;
    margin-bottom: 1.6rem; }

.ceo_name {
  font-size: 1.4rem;
  font-weight: bold;
  margin-top: 4rem; }

.history li, .certified li {
  margin-bottom: 2.4rem; }

.fas_box figcaption p {
  text-align: left;
  font-size: 1.4rem;
  font-weight: normal;
  padding: 0 1.2rem; }

.fasItem figcaption p {
  text-align: left;
  font-size: 1.4rem;
  font-weight: normal;
  padding: 0 1.2rem; }

#facility .item_flex {
  margin-bottom: 3.2rem; }

/*** others ***********/
.other_list {
  margin-bottom: 4rem;
  background: #F7F7F7;
  padding: 0.8rem; }

.other_menu_item h4 {
  font-size: 1.8rem;
  color: #3878A2; }

/*** qa ***********/
.qa_list {
  text-align: left;
  margin-bottom: 6.4rem; }
  .qa_list dt {
    font-size: 1.6rem;
    font-weight: bold;
    margin-bottom: 1.6rem;
    color: #3878A2; }
  .qa_list dd {
    margin-left: 0;
    margin-bottom: 3.2rem;
    padding-bottom: 1.6rem;
    border-bottom: 1px dashed #3878A2; }
    .qa_list dd p {
      font-size: 1.4rem; }

/*** contact ***********/
.cotact_num {
  font-size: 3.2rem;
  color: #3878A2;
  display: block;
  margin-bottom: 8px; }

.cotact_num img{
  width: 35px;
  margin-top: -7px;
  margin-right: 5px;
}

.contact_date {
  font-weight: bold; }

.policy dt {
  font-weight: bold;
  margin-bottom: 0.8rem; }

.policy dd {
  margin-left: 0;
  margin-bottom: 1.6rem; }

/*** sitemap ***********/
.sitemap li {
  font-size: 18px;
  margin-bottom: 2.4rem; }

/*** util ***********/
.marginb {
  margin-bottom: 4rem; }

.hyper_desc {
  font-size: 3.2rem;
  text-align: center;
  font-weight: bold;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  line-height: 2; }

.sub_hyper_desc {
  font-size: 1.8rem;
  text-align: center; }

.redtxt {
  color: #E35D45 !important; }

.bluetxt {
  color: #3878A2; }

.lead {
  font-size: 2.2rem;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-weight: bold; }

.spimage {
  display: none !important; }

.text-center {
  text-align: center; }

.item_flex {
  display: flex;
  justify-content: space-between; }

.base_text {
  color: #333; }

.gray_back {
  background: #F7F7F7; }

.three_box {
  width: 33%;
  height: auto; }

.two_box {
  width: 48%;
  height: auto;
  margin-bottom: 2.4rem; }

.sec_sub_title {
  margin-bottom: 0.8rem;
  font-weight: 700;
  color: #3878A2;
  font-size: 1.8rem; }

.padd {
  padding: 4rem; }

.ggmap {
  position: relative;
  padding-bottom: 35%;
  padding-top: 30px;
  height: 0;
  overflow: hidden; }

.ggmap iframe,
.ggmap object,
.ggmap embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.thumb_flex {
  display: flex;
  justify-content: center; }
  .thumb_flex .thumb_img {
    width: 320px;
    height: auto; }
  .thumb_flex .thumb_desc {
    width: 450px;
    padding-left: 2.4rem; }

.link_bold {
  font-weight: bold;
  display: block;
  padding: 0.8rem 0; }

.list_head {
  margin-bottom: 5.6rem; }

.largeheight {
  line-height: 2.2; }

.spbr {
  display: inline-block; }

.sp-only {
  display: none; }

.btn {
  margin: 2.4rem 0;
  display: inline-block;
  text-align: center;
  width: 200px;
  min-height: 50px;
  padding-top: 14px;
  padding-bottom: 14px;
  padding-right: 10px;
  padding-left: 10px;
  border-radius: 50px;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.4;
  color: #fff;
  background-color: #3878A2;
  border: 2px solid #3878A2; }
  .btn:hover {
    text-decoration: none;
    color: #fff; }

.btn-block {
  width: auto;
  max-width: 100%;
  height: auto; }

.btn_ghost {
  transition: all 0.75s; }

.btn_ghost:hover {
  background-color: transparent;
  color: #3878A2; }

.two_box .lead {
  margin-top: 0; }

.blue_back_head {
  background-color: #3878A2;
  padding: 8px;
  color: #fff;
  font-size: 16px; }

ul.gray_box_list {
  padding: 1.6rem;
  background-color: #F7F7F7; }
  ul.gray_box_list li {
    margin-bottom: 0.8rem;
    list-style: none;
    font-size: 1.5rem; }
    ul.gray_box_list li:last-child {
      margin-bottom: 0; }

/** タイムテーブル **************/
table.table_slide {
  margin: 2.4rem 0;
  table-layout: fixed;
  border-collapse: collapse;
  width: 100%;
  border: 1px solid #e3e3e3; }
  table.table_slide tr {
    display: table-row; }
  table.table_slide th {
    width: 100%;
    padding: 8px 0;
    text-align: center;
    border: 1px solid #e3e3e3;
    font-size: 14px;
    display: table-cell; }
  table.table_slide thead th {
    background-color: #3878A2;
    color: #fff;
    font-size: 15px; }
  table.table_slide td {
    padding: 8px 0;
    text-align: center;
    border: 1px solid #e3e3e3;
    font-size: 14px;
    vertical-align: middle;
    background: #fff;
    color: #3878A2;
    display: table-cell; }

/**  ****************/
.close_line {
  background-color: #3878A2;
  padding: 2.4rem 0;
  text-align: center; }

a.btn_close {
  background-color: #fff;
  color: #3878A2;
  transition: all 0.4s; }
  a.btn_close:hover {
    background-color: #3878A2; }

/*** mediaquery ***********/
@media (min-width: 1281px) {
  .mainv {
    text-align: center; }
  .header_date {
    top: 12%;
    right: 20%;
    margin-right: 1.5em; }
  _:-ms-lang(x)::-ms-backdrop,
  .header_date {
    top: 12%;
    right: 20%; } }

@media (min-width: 1400px) {
  _:-ms-lang(x)::-ms-backdrop,
  .header_date {
    top: 12%;
    right: 18%; } }

@media (min-width: 992px) {
  h1.page_head {
    margin-top: 0; }
  .fat-nav, .hamburger {
    display: none !important; }
  .dif1 {
    padding-left: 72rem; }
  .dif2 {
    padding-right: 56rem; }
  .history p {
    width: 80%;
    margin: 1rem auto; }
  p.aptitude {
    width: 80%;
    margin: 1rem auto; }
  .denture_desc p {
    width: 80%;
    margin: 1rem auto; }
  .thumb_desc p {
    margin-top: 0; }
  ul.other_link_banner {
    display: flex;
    justify-content: center;
    width: 60%;
    margin: 0 auto;
    padding: 0; }
    ul.other_link_banner li {
      margin-right: 1.6rem; }
      ul.other_link_banner li:last-child {
        margin-right: 0; }
    ul.other_link_banner img {
      max-width: 100%;
      height: auto; } }

@media (min-width: 768px) and (max-width: 992px) {
  .mainv {
    margin-top: 12px; }
  .page_adv_inner {
    padding: 8rem 2rem; }
  .close_flex {
    height: auto; } }

@media (max-width: 992px) {
  .pc_nav {
    display: none !important; }
  a.header_num {
    display: none; }
  h1.header_logo {
    padding-top: 0.6rem; }
  .close_inner {
    background: rgba(255, 255, 255, 0.9); }
  .header_date {
    display: none; }
  img.floatimg {
    max-width: 25%;
    height: auto;
    top: 26%; }
  .dif {
    background-color: #3878A2;
    color: #fff;
    padding: 1.6rem;
    position: relative; }
    .dif h1 {
      color: #fff;
      margin-bottom: 1.6rem;
      position: relative; }
    .dif p {
      position: relative;
      text-align: left; }
  .dif1, .dif2 {
    text-align: center;
    margin-bottom: 2.4rem; }
    .dif1:before, .dif2:before {
      display: none; }
    .dif1 h1, .dif2 h1 {
      font-size: 16px;
      text-align: center; }
  img.floatimg {
    display: none; } }

@media (max-width: 767px) {
  h1.header_logo {
    padding-top: 0;
    padding-bottom: 0.4rem; }
  .header_logo img {
    padding-top: 8px;
    max-width: 50%;
    height: auto; }
  .spleft {
    text-align: left !important; }
  p {
    font-size: 1.4rem; }
  p.desc {
    text-align: left; }
  .lead {
    font-size: 1.6rem; }
  h1 {
    font-size: 2rem;
    margin-bottom: 4rem; }
  h1.header_logo {
    margin-top: 0.6rem;
    margin-bottom: 0.6rem;
    width: 80%; }
  section {
    padding: 4rem 0; }
  .item_flex {
    display: block; }
  .other_service .item_flex {
    display: flex; }
  .three_box {
    width: 100%; }
  .fat-nav li {
    font-size: 18px;
    padding: 18px; }
  a .menuText {
    font-size: 12px; }
  .two_box {
    width: 100%; }
  .padd {
    padding: 2.4rem 0 0; }
  .other_service .two_box {
    width: 48%; }
  .adv_text {
    height: 100%;
    background: url("../images/top/advback.jpg") no-repeat center top;
    display: block;
    background-size: cover;
    padding: 1.6rem; }
  .adv_inner {
    width: 100%;
    height: 100%;
    text-align: center;
    color: #fff;
    padding: 1.6rem;
    background: rgba(56, 120, 162, 0.8); }
  .main_service_back {
    height: 300px;
    padding: 1.6rem; }
  .main_service_desc {
    background: rgba(255, 255, 255, 0.9);
    width: 100%;
    height: 100%;
    padding: 2rem; }
    .main_service_desc h1 {
      margin: 0 0 1.6rem; }
    .main_service_desc p {
      margin: 0; }
  .base_text {
    text-align: left; }
  .thumb_desc {
    padding-left: 1.6rem; }
  .about_text {
    height: 100%;
    background: url("../images/top/doctor.jpg") no-repeat center top;
    display: block;
    background-size: cover;
    padding: 1.6rem; }
  .about_inner {
    width: 100%;
    height: 100%;
    text-align: center;
    color: #fff;
    padding: 1.6rem;
    background: rgba(56, 120, 162, 0.8); }
  .concept_text {
    height: 100%;
    background: url("../images/top/conceptimg.jpg") no-repeat right top;
    background-size: cover;
    display: block; }
  .concept_inner {
    width: 100%;
    height: 100%;
    text-align: center;
    color: #fff;
    padding: 1.6rem;
    background: rgba(0, 0, 0, 0.6); }
  .comp_concept_desc {
    font-size: 1.4rem;
    width: 100%;
    text-align: left; }
  p.base_text {
    color: #fff; }
  .adv_flex {
    height: 500px;
    background: url("../images/adv/advimg1.jpg") no-repeat center bottom;
    background-size: contain;
    display: block;
    position: relative;
    margin-bottom: 4rem; }
  .adv_flex:nth-of-type(2) {
    background: url("../images/adv/advimg2.jpg") no-repeat center bottom;
    background-size: contain; }
  .adv_flex:nth-of-type(3) {
    background: url("../images/adv/advimg3.jpg") no-repeat center bottom;
    background-size: contain; }
  .adv_flex:nth-of-type(4) {
    background: url("../images/adv/advimg4.jpg") no-repeat center bottom;
    background-size: contain; }
  .adv_flex:nth-of-type(5) {
    background: url("../images/adv/advimg5.jpg") no-repeat center bottom;
    background-size: contain; }
  .adv_flex:nth-of-type(6) {
    background: url("../images/adv/advimg6.jpg") no-repeat center bottom;
    background-size: contain; }
  .adv_flex:nth-of-type(7) {
    background: url("../images/adv/advimg7.jpg") no-repeat center bottom;
    background-size: contain; }
  .adv_flex:nth-of-type(8) {
    background: url("../images/adv/advimg8.jpg") no-repeat center bottom;
    background-size: contain; }
  .page_adv_inner {
    width: 100%;
    height: 70%;
    padding: 1.6rem; }
    .page_adv_inner h2 {
      font-size: 1.6rem;
      font-weight: 700; }
  .page_adv_inner p {
    text-align: left;
    width: 100%; }
  ul.keyword_choice_list {
    display: block; }
    ul.keyword_choice_list li {
      width: 100%;
      margin: 0 0 2.4rem;
      padding: 0.8rem; }
      ul.keyword_choice_list li p {
        font-size: 1.4rem;
        margin: 0; }
    ul.keyword_choice_list .list_numIcon {
      display: inline-block;
      width: 80px;
      height: 80px;
      margin: 0 0 0.8rem;
      text-align: center;
      padding-top: 20px;
      font-size: 3.2rem;
      background: #3878A2;
      border-radius: 50%;
      color: #fff;
      font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; }
  .care_flex {
    height: auto;
    background-size: cover;
    display: block;
    padding: 1.6rem; }
  .care_inner {
    width: 100%;
    padding: 2rem;
    color: inherit;
    background: rgba(255, 255, 255, 0.8); }
    .care_inner h1 {
      margin: 0 0 1.6rem; }
    .care_inner p {
      margin: 0; }
  .close_flex {
    height: auto;
    background-size: cover;
    display: block;
    padding: 1.6rem; }
  .close_inner {
    background: rgba(255, 255, 255, 0.8);
    width: 100%;
    padding: 2rem;
    color: inherit; }
    .close_inner h1 {
      margin: 0 0 1.6rem; }
  .service_link h5 {
    margin: 0.8rem 0;
    font-size: 1.5rem; }
  .service_link p {
    font-size: 12px;
    margin: 0 0 0.8rem; }
  .pcimage {
    display: none !important; }
  .spimage {
    display: block !important; }
  .foot_link {
    text-align: center; }
  .introImg {
    width: 80%;
    height: auto;
    margin: 0 auto 4rem; }
  .implant_service li {
    font-size: 1.6rem;
    padding-left: 3.2rem;
    margin-bottom: 2.4rem; }
  .implant_service li:before {
    content: '';
    /*何も入れない*/
    display: inline-block;
    /*忘れずに！*/
    width: 24px;
    /*画像の幅*/
    height: 24px;
    /*画像の高さ*/
    top: 6px;
    left: 0; }
  .flow_implant {
    display: block; }
  .flow_item {
    width: 100%;
    height: auto;
    margin-bottom: 4rem; }
  table.table_slide {
    width: 580px;
    margin: 0; }
  .table-responsive {
    background: #f8f8f8;
    margin: 30px 0;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 15px; }
  .sp-only {
    display: block; }
  .adv_inner .btn_ghost {
    background: rgba(255, 255, 255, 0.8);
    color: #3878A2; }
  .hyper_desc {
    font-size: 2.4rem; }
  .sub_hyper_desc {
    font-size: 1.6rem; }
  .ggmap {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden; }
  .fee_flex {
    display: block; }
    .fee_flex .fee_item {
      width: 90%;
      margin: 0 auto 3.2rem; }
      .fee_flex .fee_item h5 {
        position: relative;
        font-weight: 700;
        font-size: 1.6rem;
        padding: 0.8rem;
        padding-left: 4.8rem; }
        .fee_flex .fee_item h5:before {
          content: url("../images/implant/yubi.svg");
          color: #fff;
          width: 60px;
          height: 60px;
          position: absolute;
          border-radius: 50%;
          text-align: center;
          padding-top: 12px;
          background: #3878A2;
          left: -24px;
          top: -12px; }
      .fee_flex .fee_item p {
        padding: 0.8rem;
        margin: 0; }
  .point_flex {
    display: block; }
  dl.point3dr {
    width: 90%;
    margin: 0 auto 3.2rem; }
    dl.point3dr:nth-of-type(2) {
      margin: 0 auto 3.2rem; }
    dl.point3dr dt {
      font-size: 1.6rem; }
  .denture_img figure {
    width: 48%; }
    .denture_img figure h5 {
      margin: 0.8rem; }
    .denture_img figure figcaption p {
      font-size: 1.3rem;
      text-align: left;
      padding: 0.4rem;
      margin-top: 0; }
    /*.about_inner figure .denture_img_resize img {
      width: 80%;
      height: auto; }*/
      .denture_img figure .denture_img_resize_2 img {
        width: 80%;
        height: auto; }
      .denture_img figure .denture_img_resize_1 img {
          height: auto;
          margin-top: 3.5%;}
    .denture_img figure:nth-child(2) {
      margin-left: 0.8rem; } }