@charset "UTF-8";
/*====================
	清水町DC Stylesheet
	
	April 2017
	====================*/
@-webkit-viewport {
  width: device-width; }

@-moz-viewport {
  width: device-width; }

@-ms-viewport {
  width: device-width; }

@-o-viewport {
  width: device-width; }

@viewport {
  width: device-width; }

html, body {
  font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #000;
  background-color: #fff;
  padding: 0;
  margin: 0;
  font-size: 14px; }
  @media (min-width: 768px) {
    html, body {
      font-size: 13px; } }

figure {
  margin: 0; }

address {
  font-style: normal; }

.page-container {
  width: 100%;
  overflow: hidden;
  margin: 0 auto;
  position: relative; }

main {
  position: relative; }

p, li {
  text-align: justify; }

@media (max-width: 767px) {
  .xs-hidden {
    display: none; } }


/*------------------------------
	modules : page-header
	------------------------------*/
.page-header {
  background: white url(../img/common/header-upper-tile.png) left top/100% 2px no-repeat;
  width: 100%;
  z-index: 10;
  left: 0;
  top: 0;
  height: 60px;
  position: fixed;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); }
  .sub-page .page-header {
    background-color: #fff9e2; }
  .page-header, .page-header * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  @media (min-width: 768px) {
    .page-header {
      background-size: 100% 8px;
      position: relative;
      height: 110px;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none; }
      .top-page .page-header {
        background-image: none; }
      .sub-page .page-header {
        height: 382px;
        background: url(../img/common/header-upper-tile.png) left top/100% 8px no-repeat, url(../img/common/bg-whiteoval-upper.svg) center bottom no-repeat;
        background-color: #fff9e2; } }

.page-header > .container {
  width: 100%;
  max-width: 960px;
  height: 100%;
  margin: 0 auto;
  overflow: hidden; }

.page-header .clinic-logo {
  float: left;
  margin: 0;
  height: 100%;
  width: 173px; }
  @media (min-width: 400px) {
    .page-header .clinic-logo {
      width: 208px; } }
  @media (min-width: 768px) {
    .page-header .clinic-logo {
      width: 326px; }
      .sub-page .page-header .clinic-logo {
        height: 80px; } }
  @media (min-width: 980px) {
    .page-header .clinic-logo {
      width: 286px; } }
  .page-header .clinic-logo > a {
    display: block;
    width: 100%;
    height: 100%;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    background: url(../img/common/sdc-logo.svg) no-repeat 8px center;
    background-size: 165px auto; }
    @media (min-width: 400px) {
      .page-header .clinic-logo > a {
        background-size: 200px auto; } }
    @media (min-width: 768px) {
      .page-header .clinic-logo > a {
        background-position: 20px 27px;
        background-size: 286px auto; } }
    @media (min-width: 980px) {
      .page-header .clinic-logo > a {
        background-position: 0 27px; } }

.page-header .clinic-phone {
  float: right;
  margin: 0;
  width: 142px;
  height: 100%; }
  @media (min-width: 400px) {
    .page-header .clinic-phone {
      background-size: 118px auto;
      width: 172px;
      background-position-y: 16px; } }
  @media (min-width: 768px) {
    .page-header .clinic-phone {
      width: 282px; }
      .sub-page .page-header .clinic-phone {
        height: 110px; } }
  @media (min-width: 980px) {
    .page-header .clinic-phone {
      width: 262px; } }
  .page-header .clinic-phone > a {
    display: block;
    width: 100%;
    height: 100%;
    background: url(../img/common/sdc-phone.svg) no-repeat left 18px;
    background-size: 108px auto;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden; }
    @media (min-width: 768px) {
      .page-header .clinic-phone > a {
        background-position: left 27px;
        background-size: 262px auto; } }

/*=== .sub-page .top-nav ===*/
@media (min-width: 768px) {
  .sub-page .page-header .top-nav {
    margin: 98px 0 0 0; } }


/*------------------------------
	modules : utahito
	------------------------------*/

        .center-image {
            display: flex;
            justify-content: center; /* 横方向に中央 */
            align-items: center;     /* 縦方向に中央 */
          text-align: center;
          height: auto;
          padding: 20px;
          padding-bottom: 1px;
        }

        .center-image2 {
            display: flex;
            justify-content: center; /* 横方向に中央 */
            align-items: center;     /* 縦方向に中央 */
          text-align: center;
          height: auto;        
        }

        .center-image3 {
            display: flex;
            justify-content: center; /* 横方向に中央 */
            align-items: center;     /* 縦方向に中央 */
          text-align: center;
          height: auto;   
          padding: 5px;
          padding-bottom: 30px;
        }




.bannerimages {
  width: 100%
}

@media screen and (min-width: 980px) {
  .bannerimages {
    width: 45%;
  }
}

.bannerimages2 {
  width: 100%
}

@media screen and (min-width: 980px) {
  .bannerimages2 {
    width: 100%;
  }
}




/*------------------------------
	modules : page-footer
	------------------------------*/
.page-footer {
  width: 100%;
  background-color: #49bcbf;
  margin-top: 30px;
  color: white; }
  @media (min-width: 768px) {
    .page-footer {
      margin-top: 48px;
      font-size: 1.25rem; } }

.page-footer .footer-top {
  background: #fff9e2 url(../img/common/bg-whiteoval-lower.svg) no-repeat center top;
  background-size: contain;
  width: 100%;
  height: 30px; }
  @media (min-width: 768px) {
    .page-footer .footer-top {
      height: 53px;
      background-size: auto; } }

.page-footer .footer-main {
  overflow: hidden;
  max-width: 960px;
  margin: 0 auto; }
  @media (min-width: 768px) {
    .page-footer .footer-main {
      padding: 26px 40px 0; } }

.page-footer .site-data {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 1.42857em 20px; }
  @media (min-width: 768px) {
    .page-footer .site-data {
      float: left;
      padding: 0;
      width: 400px; } }
  .page-footer .site-data .site-title {
    font-size: 1em;
    margin: 0 0 18px 0;
    background: url(../img/common/footer-sdc-logo.svg) no-repeat left top;
    background-size: contain;
    width: 278.32px;
    height: 43.12px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden; }
    @media (min-width: 768px) {
      .page-footer .site-data .site-title {
        line-height: 1.0;
        margin: 0 0 30px 0;
        width: 284px;
        height: 44px;
        background-size: auto; } }
  .page-footer .site-data address {
    line-height: 1.8;
    text-align: center; }
    @media (min-width: 768px) {
      .page-footer .site-data address {
        line-height: 1.5;
        text-align: left; } }
    .page-footer .site-data address ul {
      display: inline-block;
      text-align: left;
      margin: 0;
      padding: 0;
      list-style: none; }
      @media (min-width: 768px) {
        .page-footer .site-data address ul {
          margin-left: 1em; } }
    .page-footer .site-data address a {
      color: inherit; }

.page-footer .footer-nav {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0.5em 10px;
  margin-bottom: 1em;
  border: 1px solid rgba(255, 255, 255, 0.4);
  border-left: none;
  border-right: none; }
  @media (min-width: 768px) {
    .page-footer .footer-nav {
      float: right;
      width: calc(100% - 405px);
      padding: 0.5em 0;
      margin-bottom: 0;
      margin-top: 30px; } }
  .page-footer .footer-nav ul {
    list-style: none;
    padding: 0;
    margin: 0 auto;
    max-width: 500px;
    text-align: center; }
    @media (min-width: 768px) {
      .page-footer .footer-nav ul {
        max-width: none;
        text-align: left; } }
  .page-footer .footer-nav li {
    display: inline-block;
    margin: 0.5em 1.5em;
    text-align: left;
    vertical-align: top; }
    @media (min-width: 768px) {
      .page-footer .footer-nav li {
        width: 11em;
        max-width: none;
        margin: 0.4em 0; } }
    .page-footer .footer-nav li a {
      color: inherit;
      text-decoration: none;
      padding: 0.2em;
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      border-radius: 4px;
      -webkit-transition: all 0.15s linear 0s;
      -moz-transition: all 0.15s linear 0s;
      -ms-transition: all 0.15s linear 0s;
      -o-transition: all 0.15s linear 0s;
      transition: all 0.15s linear 0s; }
    .page-footer .footer-nav li.active a,
    .page-footer .footer-nav li a:hover {
      background-color: white;
      color: #49bcbf; }
  .page-footer .footer-nav li:before {
    content: "■";
    margin-right: 0.1em; }

.page-footer .colophon {
  font-size: 0.80em;
  line-height: 1.4;
  text-align: center;
  padding: 0 20px 1em; }
  @media (min-width: 768px) {
    .page-footer .colophon {
      margin-top: 20px;
      padding: 0 0 18px 0;
      clear: both; } }

/*------------------------------
	modules : top-nav (dt専用) 
	------------------------------*/
.top-nav {
  display: none;
  background-color: #fff9e2;
  text-align: center;
  padding: 28px 0 40px; }
  @media (min-width: 768px) {
    .top-nav {
      display: block; } }
  .top-nav ul {
    width: 730px;
    margin: 0 auto;
    padding: 0;
    list-style: none;
    font-size: 0; }
  .top-nav li {
    display: inline-block;
    font-size: 1.0rem;
    height: 73px;
    margin: 0px 8px;
    padding: 6px; }
    .top-nav li:hover > a {
      top: -4px; }
    .top-nav li.active {
      -webkit-border-radius: 6px;
      -moz-border-radius: 6px;
      border-radius: 6px;
      background-color: rgba(0, 0, 0, 0.05); }
  .top-nav li > a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    top: 0px;
    background-repeat: no-repeat;
    background-position: center bottom;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden; }
  .top-nav li.about {
    width: 92px; }
    .top-nav li.about > a {
      background-image: url(../img/common/top-nav/top-nav-about.svg); }
  .top-nav li.general {
    width: 92px; }
    .top-nav li.general > a {
      background-image: url(../img/common/top-nav/top-nav-general.svg); }
  .top-nav li.child {
    width: 85px; }
    .top-nav li.child > a {
      background-image: url(../img/common/top-nav/top-nav-child.svg); }
  .top-nav li.orth {
    width: 76px; }
    .top-nav li.orth > a {
      background-image: url(../img/common/top-nav/top-nav-orth.svg); }
  .top-nav li.cosmetic {
    width: 106px; }
    .top-nav li.cosmetic > a {
      background-image: url(../img/common/top-nav/top-nav-cosmetic.svg); }
  .top-nav li.whitening {
    width: 99px; }
    .top-nav li.whitening > a {
      background-image: url(../img/common/top-nav/top-nav-whitening.svg); }
  .top-nav li.fteeth {
    width: 65px; }
    .top-nav li.fteeth > a {
      background-image: url(../img/common/top-nav/top-nav-fteeth.svg); }
  .top-nav li.aperiodic {
    width: 125px; }
    .top-nav li.aperiodic > a {
      background-image: url(../img/common/top-nav/top-nav-aperiodic.svg); }
  .top-nav li.surgery {
    width: 84px; }
    .top-nav li.surgery > a {
      background-image: url(../img/common/top-nav/top-nav-surgery.svg); }
  .top-nav li.access {
    width: 61px; }
    .top-nav li.access > a {
      background-image: url(../img/common/top-nav/top-nav-access.svg); }
 .top-nav li.facility {
    width: 125px; }
    .top-nav li.facility > a {
      background-image: url(../img/common/top-nav/top-nav-facility.svg); }

.sub-page .top-nav {
  padding-top: 14px;
  padding-bottom: 5px; }
  .sub-page .top-nav, .sub-page .top-nav * {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box; }
  .sub-page .top-nav li {
    margin-top: 6px;
    margin-bottom: 6px; }

/*------------------------------
	modules : page-header
	------------------------------*/
.side-menu {
  position: fixed;
  z-index: 200;
  right: -240px;
  top: 0;
  height: 100%;
  -webkit-transition: right 0.25s ease-out 0s;
  -moz-transition: right 0.25s ease-out 0s;
  -ms-transition: right 0.25s ease-out 0s;
  -o-transition: right 0.25s ease-out 0s;
  transition: right 0.25s ease-out 0s; }
  @media (min-width: 768px) {
    .side-menu {
      visibility: hidden; } }
  .side-menu.active {
    right: 0;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); }

.side-menu-btn {
  position: absolute;
  left: -32px;
  top: 6px;
  width: 32px;
  height: 48px;
  background: #49bcbf url(../img/common/side-nav/xs-nav-btn.svg) no-repeat center center;
  background-size: 32px auto;
  border: none;
  -webkit-border-top-left-radius: 6px;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 6px;
  -moz-border-radius-topleft: 6px;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 6px;
  border-radius-topleft: 6px;
  border-radius-topright: 0;
  border-radius-bottomright: 0;
  border-radius-bottomleft: 6px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-indent: 200%; }
  @media (min-width: 400px) {
    .side-menu-btn {
      width: 48px;
      left: -48px;
      background-size: auto 44px; } }

.side-nav {
  height: 100%;
  width: 240px;
  background-color: #f5ebc3; 
  overflow-y: scroll;
  overflow-x: hidden; }
  
  .side-nav ul {
    padding: 0;
    margin: 0;
    list-style: none; }
  .side-nav li {
    height: 44px; }
    .side-nav li.active {
      background-color: #fbf8ec; }
  .side-nav a {
    display: block;
    width: 100%;
    height: 100%;
    padding: 0 1em;
    background-position: left center;
    background-repeat: no-repeat;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden; }
    .side-nav a:hover {
      background-color: #fbf8ec; }
  .side-nav li.top > a {
    background-image: url(../img/common/side-nav/xs-nav-top.svg);
    background-position-x: 24px;
    background-size: 135.6px auto; }
  .side-nav li.about > a {
    background-image: url(../img/common/side-nav/xs-nav-about.svg);
    background-position-x: 25px;
    background-size: 140.4px auto; }
  .side-nav li.general > a {
    background-image: url(../img/common/side-nav/xs-nav-general.svg);
    background-position-x: 25px;
    background-size: 111.6px auto; }
  .side-nav li.child > a {
    background-image: url(../img/common/side-nav/xs-nav-child.svg);
    background-position-x: 25px;
    background-size: 111.6px auto; }
  .side-nav li.orth > a {
    background-image: url(../img/common/side-nav/xs-nav-orth.svg);
    background-position-x: 14px;
    background-size: 122.4px auto; }
  .side-nav li.cosmetic > a {
    background-image: url(../img/common/side-nav/xs-nav-cosmetic.svg);
    background-position-x: 24px;
    background-size: 112.8px auto; }
  .side-nav li.whitening > a {
    background-image: url(../img/common/side-nav/xs-nav-whitening.svg);
    background-position-x: 23px;
    background-size: 163.2px auto; }
  .side-nav li.fteeth > a {
    background-image: url(../img/common/side-nav/xs-nav-fteeth.svg);
    background-position-x: 19px;
    background-size: 96px auto; }
  .side-nav li.aperiodic > a {
    background-image: url(../img/common/side-nav/xs-nav-aperiodic.svg);
    background-position-x: 13px;
    background-size: 206.4px auto; }
  .side-nav li.surgery > a {
    background-image: url(../img/common/side-nav/xs-nav-surgery.svg);
    background-position-x: 18px;
    background-size: 120px auto; }
  .side-nav li.access > a {
    background-image: url(../img/common/side-nav/xs-nav-access.svg);
    background-position-x: 28px;
    background-size: 106.8px auto; }
  .side-nav li.facility > a {
    background-image: url(../img/common/side-nav/xs-nav-facility.svg);
    background-position-x: 26px;
    background-size: 200px auto; }

.side-menu-bg {
  visibility: hidden;
  position: fixed;
  z-index: 190;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.01);
  -webkit-transition: background-color 0.25s ease-in 0s;
  -moz-transition: background-color 0.25s ease-in 0s;
  -ms-transition: background-color 0.25s ease-in 0s;
  -o-transition: background-color 0.25s ease-in 0s;
  transition: background-color 0.25s ease-in 0s; }
  .side-menu-bg.active {
    visibility: visible;
    background-color: rgba(0, 0, 0, 0.25); }

/*------------------------------
	modules : floats
	------------------------------*/
.top-floats {
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 calc(50% - 640px);
  width: 1280px;
  z-index: 1;
  display: none; }
  @media (min-width: 768px) {
    .top-floats {
      display: block; } }

.floats1 {
  background: url(../img/common/floats/float-figL1.png) no-repeat 6% 20%, url(../img/common/floats/float-figR1.png) no-repeat 94% 30%, url(../img/common/floats/float-figR3.png) no-repeat 95% 34%, url(../img/common/floats/float-figL3.png) no-repeat -2% 38%, url(../img/common/floats/float-figR5.png) no-repeat 95% 63%; }

.floats2 {
  background: url(../img/common/floats/float-figL2.png) no-repeat 6% 19%, url(../img/common/floats/float-figR2.png) no-repeat 94% 29%, url(../img/common/floats/float-figL4.png) no-repeat 5% 37%, url(../img/common/floats/float-figR4.png) no-repeat 92% 57%; }

.top-page .floats1 {
  height: 5160px; }

.top-page .floats2 {
  height: 6880px; }

.sub-page.about .floats1 {
  height: 5431.5px; }

.sub-page.about .floats2 {
  height: 7029px; }

.sub-page.child .floats1 {
  height: 5127.2px; }

.sub-page.child .floats2 {
  height: 6635.2px; }

.sub-page.orth .floats1 {
  height: 4923.2px; }

.sub-page.orth .floats2 {
  height: 6371.2px; }

.sub-page.cosmetic .floats1 {
  height: 4284px; }

.sub-page.cosmetic .floats2 {
  height: 5544px; }

.sub-page.fteeth .floats1 {
  height: 5531.8px; }

.sub-page.fteeth .floats2 {
  height: 7158.8px; }

/*------------------------------
	modules : img-movin
	------------------------------*/
@media (min-width: 768px) {
  .in-from-left > img,
  .in-from-right > img {
    display: inline-block;
    position: relative;
    opacity: 0.0;
    -webkit-transition: all 1s ease-in 0s;
    -moz-transition: all 1s ease-in 0s;
    -ms-transition: all 1s ease-in 0s;
    -o-transition: all 1s ease-in 0s;
    transition: all 1s ease-in 0s; }
  .in-from-left > img {
    left: -20px; }
  .in-from-right > img {
    left: 20px; }
  .in-from-left.movin > img,
  .in-from-right.movin > img {
    left: 0;
    opacity: 1.0; }
  .in-fade > img {
    opacity: 0.0;
    -webkit-transition: opacity 1s ease-in 0s;
    -moz-transition: opacity 1s ease-in 0s;
    -ms-transition: opacity 1s ease-in 0s;
    -o-transition: opacity 1s ease-in 0s;
    transition: opacity 1s ease-in 0s; }
  .in-fade.movin > img {
    opacity: 1.0; } }

/*----------
	page : top (index.html)
	----------*/
/*=== section.top-featured ===*/
/* コンテナ */
section.top-featured {
  padding: 85px 0 10px;
  background-color: white; }
  @media (min-width: 768px) {
    section.top-featured {
      padding: 25px 0 0; } }

/* メイン画像 */
.main-image-container {
  text-align: center;
  background: white url(../img/top/top-nav-ovalbg.svg) no-repeat center bottom;
  background-size: 90%;
  padding: 0 20px 28px; }
  @media (min-width: 768px) {
    .main-image-container {
      padding: 0 40px 57px;
      background-size: auto; } }
  @media (min-width: 980px) {
    .main-image-container {
      padding-left: 40px;
      padding-right: 40px; } }
  .main-image-container img {
    width: 100%;
    max-width: 850px;
    height: auto; }

/* ビッグナビ */
/*------------------------------
	modules : bit-nav
	------------------------------*/
.big-nav {
  margin: 0 auto;
  background: #fff9e2 url(../img/common/bg-whiteoval-upper.svg) no-repeat center bottom;
  background-size: contain;
  padding: 10px 0 50px; }
  @media (min-width: 500px) {
    .big-nav {
      padding: 7px 0 57px; } }
  @media (min-width: 600px) {
    .big-nav {
      padding: 5px 0 65px; } }
  @media (min-width: 700px) {
    .big-nav {
      padding: 5px 0 75px; } }
  @media (min-width: 768px) {
    .big-nav {
      padding: 0 0 130px;
      background-size: auto; } }
  .big-nav ul {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 0; }
    @media (min-width: 500px) {
      .big-nav ul {
        margin: 0 auto;
        max-width: 480px; } }
    @media (min-width: 600px) {
      .big-nav ul {
        margin: 0 auto;
        max-width: 560px; } }
    @media (min-width: 700px) {
      .big-nav ul {
        margin: 0 auto;
        max-width: 660px; } }
    @media (min-width: 768px) {
      .big-nav ul {
        margin: 0 auto;
        max-width: 700px; } }
  .big-nav li {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 1.0rem;
    width: 33%;
    padding: 0;
    display: inline-block;
    height: 93px; }
    .big-nav li:nth-child(2) {
      width: 34%; }
    @media (min-width: 768px) {
      .big-nav li {
        height: 165px; } }
    .big-nav li a {
      display: block;
      width: 100%;
      height: 100%; }
    .big-nav li .nav-label,
    .big-nav li .nav-arrow {
      margin: 0;
      background-repeat: no-repeat;
      background-position: center top;
      text-indent: 100%;
      white-space: nowrap;
      overflow: hidden; }
    .big-nav li a:hover .nav-arrow {
      background-position: center bottom; }
    .big-nav li .nav-label {
      position: relative;
      width: 100%;
      max-width: 190px;
      height: 70px;
      background-size: contain;
      margin: 0 auto;
      margin-bottom: 8px; }
      @media (min-width: 500px) {
        .big-nav li .nav-label {
          height: 89.6px;
          margin-bottom: 12px; } }
      @media (min-width: 600px) {
        .big-nav li .nav-label {
          height: 104.96px;
          margin-bottom: 12px; } }
      @media (min-width: 768px) {
        .big-nav li .nav-label {
          height: 121.6px;
          margin-bottom: 12px; } }
      @media (min-width: 980px) {
        .big-nav li .nav-label {
          height: 128px; } }
    .big-nav li .nav-arrow {
      width: 100%;
      height: 16.25px;
      margin: 0 auto;
      overflow: hidden;
      background-image: url(../img/top/big-nav/bignav-btn.svg);
      background-size: auto 32.5px; }
      @media (min-width: 500px) {
        .big-nav li .nav-arrow {
          height: 20px;
          background-size: auto 40px; } }
      @media (min-width: 600px) {
        .big-nav li .nav-arrow {
          height: 21.25px;
          background-size: auto 42.5px; } }
      @media (min-width: 768px) {
        .big-nav li .nav-arrow {
          height: 25px;
          background-size: auto 50px; } }
  .big-nav .big-nav-about .nav-label {
    background-image: url(../img/top/big-nav/bignav-about.svg); }
  .big-nav .big-nav-treat .nav-label {
    background-image: url(../img/top/big-nav/bignav-treat.svg); }
  .big-nav .big-nav-aperi .nav-label {
    background-image: url(../img/top/big-nav/bignav-aperi.svg); }

.big-nav li a:hover .nav-label {
  top: -2px;
  /*
		$animeName: anime;
		$animeDuration: 0.5s;
		$animeTimingFunc: ease;
		$animeCount: 1;
		*/ }
  @media (min-width: 768px) {
    .big-nav li a:hover .nav-label {
      top: -5px;
      /*
			-webkit-animation-name: $animeName;
			-moz-animation-name: $animeName;
			animation-name: $animeName;
			
			-webkit-animation-duration: $animeDuration;
			-moz-animation-duration: $animeDuration;
			animation-duration: $animeDuration;
			
			-webkit-animation-timing-function: $animeTimingFunc;
			-moz-animation-timing-function: $animeTimingFunc;
			animation-timing-function: $animeTimingFunc;
			
			-webkit-animation-iteration-count: $animeCount;
			-moz-animation-iteration-count: $animeCount;
			animation-iteration-count: $animeCount;
			*/ } }

/*
@-webkit-keyframes anime {
	15% { -webkit-transform: rotate(10deg);}
	50% { -webkit-transform: rotate(-10deg);}
	85% { -webkit-transform: rotate(10deg);}
}
@-moz-keyframes anime {
	15% { -moz-transform: rotate(10deg);}
	50% { -moz-transform: rotate(-10deg);}
	85% { -moz-transform: rotate(10deg);}
}
@keyframes anime {
	15% { transform: rotate(10deg);}
	50% { transform: rotate(-10deg);}
	85% { transform: rotate(10deg);}
}
*/
/*=== section.top-movie ===*/
/*=== section.top-gallery ===*/
section.top-movie {
  display: none; }

@media (min-width: 768px) {
  section.top-movie {
    display: block;
    z-index: 1000;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 1200px;
    pointer-events: auto; }  
    

    section.top-movie .upper-bar {
      position: absolute;
      left: 0;
      top: 0;
      width: 0%;
      height: 8px;
      background-color: #49bcbf;
      -webkit-animation-duration: 2s;
      -webkit-animation-timing-function: linear;
      -webkit-animation-delay: 6s;
      -webkit-animation-iteration-count: 1;
      -webkit-animation-fill-mode: forwards;
      -webkit-animation-name: kf_to_wfull;
      -moz-animation-duration: 2s;
      -moz-animation-timing-function: linear;
      -moz-animation-delay: 6s;
      -moz-animation-iteration-count: 1;
      -moz-animation-fill-mode: forwards;
      -moz-animation-name: kf_to_wfull;
      -o-animation-duration: 2s;
      -o-animation-timing-function: linear;
      -o-animation-delay: 6s;
      -o-animation-iteration-count: 1;
      -o-animation-fill-mode: forwards;
      -o-animation-name: kf_to_wfull;
      animation-duration: 2s;
      animation-timing-function: linear;
      animation-delay: 6s;
      animation-iteration-count: 1;
      animation-fill-mode: forwards;
      animation-name: kf_to_wfull; }

    section.top-movie .lower-bar {
      position: absolute;
      right: 0;
      top: 600px;
      height: 600px;
      width: 100%;
      background-color: white;
      -webkit-animation-duration: 2s;
      -webkit-animation-timing-function: linear;
      -webkit-animation-delay: 6s;
      -webkit-animation-iteration-count: 1;
      -webkit-animation-fill-mode: forwards;
      -webkit-animation-name: kf_to_wzero;
      -moz-animation-duration: 2s;
      -moz-animation-timing-function: linear;
      -moz-animation-delay: 6s;
      -moz-animation-iteration-count: 1;
      -moz-animation-fill-mode: forwards;
      -moz-animation-name: kf_to_wzero;
      -o-animation-duration: 2s;
      -o-animation-timing-function: linear;
      -o-animation-delay: 6s;
      -o-animation-iteration-count: 1;
      -o-animation-fill-mode: forwards;
      -o-animation-name: kf_to_wzero;
      animation-duration: 2s;
      animation-timing-function: linear;
      animation-delay: 6s;
      animation-iteration-count: 1;
      animation-fill-mode: forwards;
      animation-name: kf_to_wzero; }

    section.top-movie .movie-stage {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 600px;
      background-color: white;
      -webkit-animation-duration: 3s;
      -webkit-animation-timing-function: linear;
      -webkit-animation-delay: 6s;
      -webkit-animation-iteration-count: 1;
      -webkit-animation-fill-mode: forwards;
      -webkit-animation-name: kf_to_ozero;
      -moz-animation-duration: 3s;
      -moz-animation-timing-function: linear;
      -moz-animation-delay: 6s;
      -moz-animation-iteration-count: 1;
      -moz-animation-fill-mode: forwards;
      -moz-animation-name: kf_to_ozero;
      -o-animation-duration: 3s;
      -o-animation-timing-function: linear;
      -o-animation-delay: 6s;
      -o-animation-iteration-count: 1;
      -o-animation-fill-mode: forwards;
      -o-animation-name: kf_to_ozero;
      animation-duration: 3s;
      animation-timing-function: linear;
      animation-delay: 6s;
      animation-iteration-count: 1;
      animation-fill-mode: forwards;
      animation-name: kf_to_ozero; }
    section.top-movie .tm-container {
      position: relative;
      width: 100%;
      height: 100%;
      max-width: 850px;
      margin: 0 auto; }
    section.top-movie .movie-img {
      position: absolute;
      left: 147px;
      top: 213px;
      width: 263px;
      height: 357px;
      margin: 0;
      padding: 0;
      list-style: none; }
      section.top-movie .movie-img li {
        position: absolute;
        left: 0;
        top: 0;
        opacity: 0; }
        section.top-movie .movie-img li.img1 {
        -webkit-animation-duration: 0.5s;
        -webkit-animation-timing-function: linear;
        -webkit-animation-delay: 1s;
        -webkit-animation-iteration-count: 1;
        -webkit-animation-fill-mode: forwards;
        -webkit-animation-name: kf_to_ofull;
        -moz-animation-duration: 0.5s;
        -moz-animation-timing-function: linear;
        -moz-animation-delay: 1s;
        -moz-animation-iteration-count: 1;
        -moz-animation-fill-mode: forwards;
        -moz-animation-name: kf_to_ofull;
        -o-animation-duration: 0.5s;
        -o-animation-timing-function: linear;
        -o-animation-delay: 1s;
        -o-animation-iteration-count: 1;
        -o-animation-fill-mode: forwards;
        -o-animation-name: kf_to_ofull;
        animation-duration: 0.5s;
        animation-timing-function: linear;
        animation-delay: 1s;
        animation-iteration-count: 1;
        animation-fill-mode: forwards;
        animation-name: kf_to_ofull; }
      section.top-movie .movie-img li.img2 {
        -webkit-animation-duration: 0.5s;
        -webkit-animation-timing-function: linear;
        -webkit-animation-delay: 2s;
        -webkit-animation-iteration-count: 1;
        -webkit-animation-fill-mode: forwards;
        -webkit-animation-name: kf_to_ofull;
        -moz-animation-duration: 0.5s;
        -moz-animation-timing-function: linear;
        -moz-animation-delay: 2s;
        -moz-animation-iteration-count: 1;
        -moz-animation-fill-mode: forwards;
        -moz-animation-name: kf_to_ofull;
        -o-animation-duration: 0.5s;
        -o-animation-timing-function: linear;
        -o-animation-delay: 2s;
        -o-animation-iteration-count: 1;
        -o-animation-fill-mode: forwards;
        -o-animation-name: kf_to_ofull;
        animation-duration: 0.5s;
        animation-timing-function: linear;
        animation-delay: 2s;
        animation-iteration-count: 1;
        animation-fill-mode: forwards;
        animation-name: kf_to_ofull; }
      section.top-movie .movie-img li.img3 {
        -webkit-animation-duration: 0.5s;
        -webkit-animation-timing-function: linear;
        -webkit-animation-delay: 3s;
        -webkit-animation-iteration-count: 1;
        -webkit-animation-fill-mode: forwards;
        -webkit-animation-name: kf_to_ofull;
        -moz-animation-duration: 0.5s;
        -moz-animation-timing-function: linear;
        -moz-animation-delay: 3s;
        -moz-animation-iteration-count: 1;
        -moz-animation-fill-mode: forwards;
        -moz-animation-name: kf_to_ofull;
        -o-animation-duration: 0.5s;
        -o-animation-timing-function: linear;
        -o-animation-delay: 3s;
        -o-animation-iteration-count: 1;
        -o-animation-fill-mode: forwards;
        -o-animation-name: kf_to_ofull;
        animation-duration: 0.5s;
        animation-timing-function: linear;
        animation-delay: 3s;
        animation-iteration-count: 1;
        animation-fill-mode: forwards;
        animation-name: kf_to_ofull; }
		
    section.top-movie .movie-txt {
      position: absolute;
      left: 565px;
      top: 258px;
      width: 83px;
      height: 177px;
      margin: 0;
      padding: 0;
      list-style: none; }
      section.top-movie .movie-txt li {
        position: absolute;
        top: 0;
        opacity: 0.0; }
      section.top-movie .movie-txt li.txt1 {
        right: 0;
        -webkit-animation-duration: 0.5s;
        -webkit-animation-timing-function: linear;
        -webkit-animation-delay: 1s;
        -webkit-animation-iteration-count: 1;
        -webkit-animation-fill-mode: forwards;
        -webkit-animation-name: kf_to_ofull;
        -moz-animation-duration: 0.5s;
        -moz-animation-timing-function: linear;
        -moz-animation-delay: 1s;
        -moz-animation-iteration-count: 1;
        -moz-animation-fill-mode: forwards;
        -moz-animation-name: kf_to_ofull;
        -o-animation-duration: 0.5s;
        -o-animation-timing-function: linear;
        -o-animation-delay: 1s;
        -o-animation-iteration-count: 1;
        -o-animation-fill-mode: forwards;
        -o-animation-name: kf_to_ofull;
        animation-duration: 0.5s;
        animation-timing-function: linear;
        animation-delay: 1s;
        animation-iteration-count: 1;
        animation-fill-mode: forwards;
        animation-name: kf_to_ofull; }
      section.top-movie .movie-txt li.txt2 {
        left: 0;
        -webkit-animation-duration: 0.5s;
        -webkit-animation-timing-function: linear;
        -webkit-animation-delay: 2.5s;
        -webkit-animation-iteration-count: 1;
        -webkit-animation-fill-mode: forwards;
        -webkit-animation-name: kf_to_ofull;
        -moz-animation-duration: 0.5s;
        -moz-animation-timing-function: linear;
        -moz-animation-delay: 2.5s;
        -moz-animation-iteration-count: 1;
        -moz-animation-fill-mode: forwards;
        -moz-animation-name: kf_to_ofull;
        -o-animation-duration: 0.5s;
        -o-animation-timing-function: linear;
        -o-animation-delay: 2.5s;
        -o-animation-iteration-count: 1;
        -o-animation-fill-mode: forwards;
        -o-animation-name: kf_to_ofull;
        animation-duration: 0.5s;
        animation-timing-function: linear;
        animation-delay: 2.5s;
        animation-iteration-count: 1;
        animation-fill-mode: forwards;
        animation-name: kf_to_ofull; } }

@-webkit-keyframes kf_to_ofull {
  0% {
    opacity: 0.0; }
  100% {
    opacity: 1.0; } }

@-moz-keyframes kf_to_ofull {
  0% {
    opacity: 0.0; }
  100% {
    opacity: 1.0; } }

@keyframes kf_to_ofull {
  0% {
    opacity: 0.0; }
  100% {
    opacity: 1.0; } }

@-webkit-keyframes kf_to_wfull {
  0% {
    width: 0%; }
  100% {
    width: 100%; } }

@-moz-keyframes kf_to_wfull {
  0% {
    width: 0%; }
  100% {
    width: 100%; } }

@keyframes kf_to_wfull {
  0% {
    width: 0%; }
  100% {
    width: 100%; } }

@-webkit-keyframes kf_to_wzero {
  0% {
    width: 100%; }
  100% {
    width: 0%; } }

@-moz-keyframes kf_to_wzero {
  0% {
    width: 100%; }
  100% {
    width: 0%; } }

@keyframes kf_to_wzero {
  0% {
    width: 100%; }
  100% {
    width: 0%; } }

@-webkit-keyframes kf_to_ozero {
  0% {
    opacity: 1.0; }
  100% {
    opacity: 0.0; } }

@-moz-keyframes kf_to_ozero {
  0% {
    opacity: 1.0; }
  100% {
    opacity: 0.0; } }

@keyframes kf_to_ozero {
  0% {
    opacity: 1.0; }
  100% {
    opacity: 0.0; } }

@-webkit-keyframes kf_tm_section {
  0% {
    pointer-events: auto; }
  100% {
    pointer-events: none; } }

@-moz-keyframes kf_tm_section {
  0% {
    pointer-events: auto; }
  100% {
    pointer-events: none; } }

@keyframes kf_tm_section {
  0% {
    pointer-events: auto; }
  100% {
    pointer-events: none; } }

/*=== section.top-news ===*/
section.top-news {
  width: auto;
  max-width: 650px;
  overflow: hidden;
  margin: 0 auto;
  padding: 0 0 48px 0; }
  @media (min-width: 768px) {
    section.top-news {
        padding: 0 0 100px; }}
      
  section.top-news .sect-title {
    float: left;
    margin: 0;
    padding: 0;
    width: 13%;
    height: 100%;
    min-height: 102px;
    background: url(../img/top/top-news-heading.svg) no-repeat center bottom;
    background-size: auto 82px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden; }
    @media (min-width: 768px) {
      section.top-news .sect-title {
        height: 116px;
        background-size: auto;
        background-position: left center; } }
        
   section.top-news .sect-title2 {
    width: 100%;
    height: 100%;
    min-height: 130px; /*--通常120px 180px--*/
    border-top: 1px dashed #49bcbf;
    background: url(../img/top/top-ortho_info.svg) no-repeat center bottom;
    background-size: auto;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden; }
    @media (max-width: 768px) {
      section.top-news .sect-title2 {
        width: 95%;
	    margin: 0 0 0 23px;
        height: 220px;
        background-size: auto;
        background-position: left center;
        min-height: 80px; } }

   section.top-news .sect-title3 {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    min-height: 240px; /*--通常170px--*/
    border-top: 1px dashed #49bcbf;
    background: url(../img/top/top-info1_o.svg) no-repeat center bottom;
    background-size: auto;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden; }
    @media (max-width: 768px) {
      section.top-news .sect-title3 {
        width: 90%;
	    margin: 0 0 0 23px;
        height: 120px;
        background-size: auto;
        background-position: left center;
        min-height: 80px; } }

   section.top-news .sect-title4 {
    width: 100%;
    height: 100%;
    min-height: 150px; /*--通常120px--*/
    border-top: 1px dashed #49bcbf;
    background: url(../img/top/top-ortho_info2.svg) no-repeat center bottom;
    background-size: auto;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden; }
    @media (max-width: 768px) {
      section.top-news .sect-title4 {
        width: 90%;
	    margin: 0 0 0 23px;
        height: 120px;
        background-size: auto;
        background-position: left center;
        min-height: 80px; } }

  section.top-news .news-table {
    float: right;
    width: 85%;
    margin: 0;
    padding: 0;
    line-height: 1.3571;
    border-spacing: 0.7em;
    border-collapse: separate; }
    section.top-news .news-table td {
      vertical-align: top; }
    section.top-news .news-table td.date {
      width: 7.5em;
      /*5.8em;*/ }
    section.top-news .news-table td.msg {
      padding-right: 30px; }
 @media (min-width: 768px) {
      section.top-news .news-table td.msg {
        padding-right: 50px; } }

/*=== section.top-greeting 医院からのごあいさつ ===*/
section.top-greeting {
  margin: 0 auto;
  padding: 0 0 60px 0; }
  @media (min-width: 768px) {
    section.top-greeting {
      overflow: hidden;
      padding: 0 40px 100px;
      max-width: 820px; } }
  section.top-greeting figure.img {
    width: 280px;
    margin: 0 auto 60px; }
    section.top-greeting figure.img img {
      width: 100%;
      height: auto; }

    @media (min-width: 768px) {
      section.top-greeting figure.img {
        float: left;
        width: 44.01042%;
        margin: 0; } }
  section.top-greeting .desc {
    padding: 0 20px;
    max-width: 32em;
    margin: 0 auto; }
    @media (min-width: 768px) {
      section.top-greeting .desc {
        padding: 0;
        margin-left: 50.26042%; } }
  section.top-greeting .sect-title {
    padding: 0;
    background: url(../img/top/top-greet-heading.svg) no-repeat left top;
    background-size: contain;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    height: 18px;
    margin: 0 0 12px 0; }
    @media (min-width: 768px) {
      section.top-greeting .sect-title {
        height: 20px;
        margin-bottom: 16px; } }
  section.top-greeting .director {
    margin: 0 0 24px 0;
    padding: 0;
    text-align: right;
    background: url(../img/top/top-greet-director.svg) no-repeat right top;
    background-size: contain;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    height: 28px; }
    @media (min-width: 768px) {
      section.top-greeting .director {
        height: 35px;
        margin-bottom: 22px; } }
  section.top-greeting .msg {
    margin: 0;
    padding: 0;
    line-height: 2.30769; }
  section.top-greeting .link-about {
    margin: 10px 0 0 0;
    padding: 0;
    text-align: right; }
    @media (min-width: 768px) {
      section.top-greeting .link-about {
        margin-top: 15px; } }
    section.top-greeting .link-about a {
      display: inline-block;
      background: url(../img/top/top-greet-about.svg) no-repeat right top;
      background-size: contain;
      text-indent: 100%;
      white-space: nowrap;
      overflow: hidden;
      width: 7em;
      height: 13px;
      -webkit-transition: filter 0.15s linear 0s;
      -moz-transition: filter 0.15s linear 0s;
      -ms-transition: filter 0.15s linear 0s;
      -o-transition: filter 0.15s linear 0s;
      transition: filter 0.15s linear 0s; }
      @media (min-width: 768px) {
        section.top-greeting .link-about a {
          height: 14px; } }
    section.top-greeting .link-about a:hover {
      -webkit-filter: saturate(200%) brightness(0.65);
      -moz-filter: saturate(200%) brightness(0.65);
      -o-filter: saturate(200%) brightness(0.65);
      -ms-filter: saturate(200%) brightness(0.65);
      filter: saturate(200%) brightness(0.65); }

/*=== section.top-greeting 医院からのごあいさつ ===*/
section.top-greeting2 {
  margin: 0 auto;
  padding: 0 0 60px 0; }
  @media (min-width: 768px) {
    section.top-greeting {
      overflow: hidden;
      padding: 0 40px 100px;
      max-width: 820px; } }
  section.top-greeting2 figure.img {
    width: 280px;
    margin: 0 auto 60px; }
    section.top-greeting2 figure.img img {
      width: 100%;
      height: auto; }
    @media (min-width: 768px) {
      section.top-greeting2 figure.img {
        float: left;
        width: 44.01042%;
        margin: 0; } }
  section.top-greeting2 .desc {
    padding: 0 20px;
    max-width: 32em;
    margin: 0 auto; }
    @media (min-width: 768px) {
      section.top-greeting2 .desc {
        padding: 0;
        margin-left: 50.26042%; } }
  section.top-greeting2 .sect-title {
    padding: 0;
    background: url(../img/top/top-greet-heading.svg) no-repeat left top;
    background-size: contain;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    height: 18px;
    margin: 0 0 12px 0; }
    @media (min-width: 768px) {
      section.top-greeting2 .sect-title {
        height: 20px;
        margin-bottom: 16px; } }
  section.top-greeting2 .director {
    margin: 0 0 24px 0;
    padding: 0;
    text-align: right;
    background: url(../img/top/top-greet-director.svg) no-repeat right top;
    background-size: contain;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    height: 28px; }
    @media (min-width: 768px) {
      section.top-greeting2 .director {
        height: 35px;
        margin-bottom: 22px; } }
  section.top-greeting2 .msg {
    margin: 0;
    padding: 0;
    line-height: 2.30769; }
  section.top-greeting2 .link-about {
    margin: 10px 0 0 0;
    padding: 0;
    text-align: right; }
    @media (min-width: 768px) {
      section.top-greeting2 .link-about {
        margin-top: 15px; } }
    section.top-greeting2 .link-about a {
      display: inline-block;
      background: url(../img/top/top-greet-about.svg) no-repeat right top;
      background-size: contain;
      text-indent: 100%;
      white-space: nowrap;
      overflow: hidden;
      width: 7em;
      height: 13px;
      -webkit-transition: filter 0.15s linear 0s;
      -moz-transition: filter 0.15s linear 0s;
      -ms-transition: filter 0.15s linear 0s;
      -o-transition: filter 0.15s linear 0s;
      transition: filter 0.15s linear 0s; }
      @media (min-width: 768px) {
        section.top-greeting2 .link-about a {
          height: 14px; } }
    section.top-greeting .link-about a:hover {
      -webkit-filter: saturate(200%) brightness(0.65);
      -moz-filter: saturate(200%) brightness(0.65);
      -o-filter: saturate(200%) brightness(0.65);
      -ms-filter: saturate(200%) brightness(0.65);
      filter: saturate(200%) brightness(0.65); }

/*=== section.top-timetable ===*/
section.top-timetable {
  margin: 0 0 60px 0;
  max-width: 860px; }
  @media (min-width: 768px) {
    section.top-timetable {
      overflow: hidden;
      margin: 0 auto;
      padding: 0 40px 80px; } }
  section.top-timetable figure.img {
    width: 280px;
    margin: 0 auto 60px; }
    section.top-timetable figure.img img {
      width: 100%;
      height: auto; }
    @media (min-width: 768px) {
      section.top-timetable figure.img {
        float: right;
        width: 42.2093%;
        margin-bottom: 0; } }
  section.top-timetable .desc {
    padding: 0 20px; }
    @media (min-width: 768px) {
      section.top-timetable .desc {
        padding: 0;
        width: 52.55814%; } }
  section.top-timetable .sect-title {
    margin: 0 0 1.1429rem 0;
    padding: 0;
    background: url(../img/top/top-timetable-heading.svg) no-repeat left top;
    background-size: contain;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    height: 1.5rem; }
    @media (min-width: 768px) {
      section.top-timetable .sect-title {
        height: 27px;
        margin-bottom: 25px; } }
  section.top-timetable .timetable {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.9286rem;
    line-height: 1.0;
    color: #49bcbf;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "HG明朝E", "HG Mincho E", "メイリオ", Meiryo, serif;
    margin: 0 0 1.1538em 0; }
    @media (min-width: 768px) {
      section.top-timetable .timetable {
        font-size: 1.15385rem;
        margin-bottom: 16px; } }
    section.top-timetable .timetable th, section.top-timetable .timetable td {
      text-align: center;
      padding: 0.8em 1px;
      border-bottom: 1px solid #49bcbf;
      font-weight: normal; }
      @media (min-width: 768px) {
        section.top-timetable .timetable th, section.top-timetable .timetable td {
          padding: 1.25em 1px; } }
    section.top-timetable .timetable th + th, section.top-timetable .timetable td + td, section.top-timetable .timetable th + td {
      border-left: 1px solid #49bcbf; }
    section.top-timetable .timetable .headings > th {
      background-color: #d8f1f1;
      padding: 0.4em 0.7em; }
    section.top-timetable .timetable .headings > th.time {
      background-color: #fff9e2;
      letter-spacing: 0.3em; }
    section.top-timetable .timetable tr:not(.headings) > th {
      letter-spacing: 0.15em; }
      @media (min-width: 768px) {
        section.top-timetable .timetable tr:not(.headings) > th {
          letter-spacing: 0; } }
      @media (min-width: 980px) {
        section.top-timetable .timetable tr:not(.headings) > th {
          letter-spacing: 0.2em; } }
  section.top-timetable .inquiring {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    height: 2.5714rem;
    background: url(../img/top/top-tel-and-fax.svg) no-repeat left top;
    background-size: contain; }
    @media (min-width: 768px) {
      section.top-timetable .inquiring {
        height: 40px; } }

/*=== section.top-map ===*/
section.top-map {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 320px;
  margin: 0;
  padding: 0 0 60px 0; }
  @media (min-width: 768px) {
    section.top-map {
      height: 568px;
      padding: 0 50px 80px;
      max-width: 960px;
      margin: 0 auto; } }
  section.top-map .google-map {
    width: 100%;
    height: 100%;
    margin: 0 0 0.5em 0;
    padding: 0; }
    @media (min-width: 768px) {
      section.top-map .google-map {
        margin-bottom: 1.0em;
        /* (23 / 13 * 1.0em); */ } }
  section.top-map .map-link {
    text-align: right;
    margin: 0;
    padding: 0 20px; }
    section.top-map .map-link a {
      display: inline-block;
      width: 140px;
      background: url(../img/top/top-map-link.svg) no-repeat right top;
      background-size: contain;
      text-indent: 100%;
      white-space: nowrap;
      overflow: hidden;
      text-indent: 100%;
      height: 1.0em; }
    section.top-map .map-link a:hover {
      -webkit-filter: saturate(200%) brightness(0.65);
      -moz-filter: saturate(200%) brightness(0.65);
      -o-filter: saturate(200%) brightness(0.65);
      -ms-filter: saturate(200%) brightness(0.65);
      filter: saturate(200%) brightness(0.65); }
    @media (min-width: 768px) {
      section.top-map .map-link {
        padding: 0; }
        section.top-map .map-link a {
          height: 17px; } }

/* .top-map - API利用版専用スタイル */
section.top-map .map-info-container .map-info-title {
  width: 225px;
  height: 28px;
  margin: 2px 0 8px;
  background: url(../img/common/sdc-logo.svg) no-repeat;
  background-position: right top;
  background-size: auto 100%;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden; }
  @media (min-width: 768px) {
    section.top-map .map-info-container .map-info-title {
      width: 240px;
      height: 32px;
      background-position: left top; } }

section.top-map .map-info-container .map-info-list {
  font-size: 0.8em;
  margin: 0 0.5em;
  padding: 0;
  border-collapse: collapse; }
  section.top-map .map-info-container .map-info-list tr + tr > td, section.top-map .map-info-container .map-info-list tr + tr > th {
    border-top: 1px solid #ddd; }
  section.top-map .map-info-container .map-info-list th {
    color: #379b9e;
    font-weight: normal; }
  section.top-map .map-info-container .map-info-list th, section.top-map .map-info-container .map-info-list td {
    vertical-align: middle;
    line-height: 1.25;
    padding: 3px; }
  section.top-map .map-info-container .map-info-list th + td {
    padding-left: 0.8em; }
  @media (min-width: 768px) {
    section.top-map .map-info-container .map-info-list {
      font-size: 0.95em;
      margin: 0 1em; } }

/*=== section.top-access-info ===*/
section.top-access-info {
  margin: 0 auto 60px;
  padding: 0 20px;
  max-width: 520px; }
  @media (min-width: 768px) {
    section.top-access-info {
      margin: 0 auto 70px;
      padding: 0 40px;
      overflow: hidden; } }
  section.top-access-info .sect-title {
    font-size: 1.2143rem;
    margin: 0 0 0.5882em 0;
    padding: 0;
    background: url(../img/top/top-access-heading.svg) no-repeat left top;
    background-size: contain;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-indent: 200%;
    height: 1.0em; }
    @media (min-width: 768px) {
      section.top-access-info .sect-title {
        float: left;
        width: 25.7143%;
        height: 6.0rem;
        background-size: auto;
        background-position: left bottom; } }
  section.top-access-info .access-info {
    font-style: normal; }
    section.top-access-info .access-info table {
      width: 100%;
      border-collapse: collapse;
      line-height: 1.0; }
    section.top-access-info .access-info th, section.top-access-info .access-info td {
      padding: 0.6em 0.2em;
      vertical-align: top; }
    section.top-access-info .access-info th {
      width: 5.2em;
      text-align: left; }
    section.top-access-info .access-info th.moji3 {
      letter-spacing: 0.65em; }
    section.top-access-info .access-info th.moji4 {
      letter-spacing: 0.1em; }
    section.top-access-info .access-info a {
      color: inherit; }
    @media (min-width: 768px) {
      section.top-access-info .access-info {
        float: right;
        width: 64.0%; } }



/*=== section.バナー画像 ===*/
section.about-showcase2 figure > img {
  display: block;
  width: 50%;
  height: auto;
  margin: 0 auto; }
  @media (min-width: 768px) {
    section.about-showcase2 figure > img {
      width: 400px;
      height: 150px; } }

section.about-showcase2 .col {
  margin-bottom: 40px; }

section.about-showcase2 .col-title {
  margin: 14px 0 8px;
  height: 16.2px;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: contain;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden; }
  @media (min-width: 768px) {
    section.about-showcase2 .col-title {
      height: 18px; } }

section.about-showcase2 .desc {
  margin: 0 auto; }
  @media (min-width: 768px) {
    section.about-showcase2 .desc {
      padding: 0 2em;
      max-width: 350px; } }

@media (min-width: 768px) {
  section.about-showcase2 .row {
    overflow: hidden;
	width: 70%;
	margin-left: 180px;
	}
  section.about-showcase2 .col {
    width: 50%; }
  section.about-showcase2 .row > .col {
    float: left; }
  section.about-showcase2 .row > .col:nth-child(2) {
    float: right; } }


/*=== section.top-banner ===*/
section.top-banner {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #e0579a;
  background: url(../img/top/top-banner.jpg) no-repeat left top;
  background-size: cover;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  margin: 60px auto;
  width: 298px;
  height: 67.03178px; }
  @media (min-width: 400px) {
    section.top-banner {
      width: 358px;
      height: 80.52812px; } }
  @media (min-width: 500px) {
    section.top-banner {
      width: 458px;
      height: 103.022px; } }
  @media (min-width: 600px) {
    section.top-banner {
      width: 558px;
      height: 125.51589px; } }
  @media (min-width: 700px) {
    section.top-banner {
      width: 658px;
      height: 148.00978px; } }
  @media (min-width: 768px) {
    section.top-banner {
      margin-top: 0;
      margin-bottom: 95px;
      width: 720px;
      height: 161.95599px; } }
  @media (min-width: 980px) {
    section.top-banner {
      width: 818px;
      height: 184px; } }


/*=== section.top-gallery ===*/
section.top-gallery {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  text-align: center; }
  section.top-gallery .gallery-container {
    position: relative;
    height: 109.5px;
    margin: 0 -160%; }
    @media (min-width: 768px) {
      section.top-gallery .gallery-container {
        height: 146px;
        margin: 0 -67%; } }
  section.top-gallery .gallery_list {
    position: relative;
    margin: 0 auto;
    padding: 0;
    height: 100%;
    overflow: hidden;
    list-style: none;
    width: 1344px; }
    @media (min-width: 768px) {
      section.top-gallery .gallery_list {
        width: 1792px; } }
  section.top-gallery li {
    position: absolute;
    height: 100%;
    text-align: center;
    width: 192px; }
    @media (min-width: 768px) {
      section.top-gallery li {
        width: 256px; } }
    section.top-gallery li img {
      height: 100%;
      width: auto; }
  section.top-gallery li:nth-child(1) {
    left: 0; }
  section.top-gallery li:nth-child(2) {
    left: 192px; }
    @media (min-width: 768px) {
      section.top-gallery li:nth-child(2) {
        left: 256px; } }
  section.top-gallery li:nth-child(3) {
    left: 384px; }
    @media (min-width: 768px) {
      section.top-gallery li:nth-child(3) {
        left: 512px; } }
  section.top-gallery li:nth-child(4) {
    left: 576px; }
    @media (min-width: 768px) {
      section.top-gallery li:nth-child(4) {
        left: 768px; } }
  section.top-gallery li:nth-child(5) {
    left: 768px; }
    @media (min-width: 768px) {
      section.top-gallery li:nth-child(5) {
        left: 1024px; } }
  section.top-gallery li:nth-child(6) {
    left: 960px; }
    @media (min-width: 768px) {
      section.top-gallery li:nth-child(6) {
        left: 1280px; } }
  section.top-gallery li:nth-child(7) {
    left: 1152px; }
    @media (min-width: 768px) {
      section.top-gallery li:nth-child(7) {
        left: 1536px; } }

/*----------
	.sub-page commons
	----------*/
.sub-page main {
  padding-top: 85px;
  line-height: 2.0; }
  @media (min-width: 768px) {
    .sub-page main {
      padding-top: 0;
      line-height: 2.30769; } }
  .sub-page main h1, .sub-page main h2, .sub-page main h3, .sub-page main h4, .sub-page main h5, .sub-page main h6 {
    line-height: 1.0;
    margin: 0; }
  .sub-page main a {
    color: #49bcbf; }
    @media (min-width: 768px) {
      .sub-page main a {
        text-decoration: none; }
        .sub-page main a:hover, .sub-page main a:active {
          text-decoration: underline; } }
  .sub-page main .color-green {
    color: #49bcbf; }

.sub-page section {
  max-width: 500px;
  margin: 0 auto 60px;
  padding: 0 20px; }
  @media (min-width: 768px) {
    .sub-page section {
      max-width: 780px;
      margin: 0 auto 100px;
      padding: 0 40px; }
      .sub-page section:last-of-type {
        margin-bottom: 0;
        padding-bottom: 0; } }

.sub-page .top-section .page-title {
  background-size: contain;
  background-repeat: no-repeat;
  margin: 0 0 25px 0; }

.sub-page .top-section .row.msg {
  position: relative; }
  @media (min-width: 768px) {
    .sub-page .top-section .row.msg {
      margin-top: 30px; }
      .sub-page .top-section .row.msg:after {
        content: "";
        clear: both;
        height: 0;
        display: block;
        visibility: hidden; } }

.sub-page .top-section .top-img {
  margin: 0 auto; }
  @media (min-width: 768px) {
    .sub-page .top-section .top-img {
      float: left;
      width: 46.41026%;
      text-align: right;
      margin-top: -30px; } }
  .sub-page .top-section .top-img img {
    display: block;
    width: 80%;
    height: auto;
    margin: 0 auto; }
    @media (min-width: 768px) {
      .sub-page .top-section .top-img img {
        width: 100%;
        max-width: 362px; } }

@media (min-width: 768px) {
  .sub-page .top-section .col.top-msg {
    float: right;
    width: 48.71795%; } }

.sub-page .top-section .col.top-msg .col-title {
  background-size: contain;
  background-repeat: no-repeat;
  margin: 35px 0 20px; }
  @media (min-width: 768px) {
    .sub-page .top-section .col.top-msg .col-title {
      margin-top: 0; } }

.sub-page .top-section .col.top-msg .msg {
  margin: 0; }
  @media (min-width: 768px) {
    .sub-page .top-section .col.top-msg .msg {
      max-width: 380px; } }


  .sub-page .top-section .col.top-msg2 {
    float: right;
    width: 67%;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "HG明朝E", "HG Mincho E", "メイリオ", Meiryo, serif;
    color: #EB579A;
    margin: 0;
    list-style: none;
    font-size: 1.2em;
    letter-spacing: 0.22334em;
    
     } 
     @media (max-width: 768px) {
	     .sub-page .top-section .col.top-msg2 {
		     width: 100%;
		     float: center;
             font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "HG明朝E", "HG Mincho E", "メイリオ", Meiryo, serif;
             color: #EB579A;
             margin: 0;
             list-style: none;
             font-size: 1.0em; }
     
    }

.sub-page .top-section .col.top-msg2 .col-title {
  background-size: contain;
  background-repeat: no-repeat;
  margin: 35px 0 20px; }
  @media (min-width: 768px) {
    .sub-page .top-section .col.top-msg2 .col-title {
      margin-top: 0; } }

.sub-page .top-section .col.top-msg2 .msg {
  margin: 0; }
  @media (min-width: 768px) {
    .sub-page .top-section .col.top-msg2 .msg {
      max-width: 380px; } }

/*----------
	page : about (about.html / .sub-page)
	----------*/
.top-section.about .page-title {
  height: 82.8px;
  background-image: url(../img/about/about-page-title.svg);
  background-position: center top;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden; }
  @media (min-width: 768px) {
    .top-section.about .page-title {
      height: 92px;
      background-position: 81.79487% top; } }

.top-section.about .col.top-msg .col-title {
  background-image: url(../img/about/about-msg-title.svg);
  background-position: center top;
  height: 18.9px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden; }
  @media (min-width: 768px) {
    .top-section.about .col.top-msg .col-title {
      height: 21px;
      background-position: left top; } }

.top-section.about .row.bio-assoc {
  overflow: hidden; }

@media (min-width: 768px) {
  .top-section.about .col.bio {
    width: 45%;
    float: left;
    margin-left: 1%;
    margin-top: 30px; } }

.top-section.about .col.bio .col-title {
  background: url(../img/about/about-coltitle-bio.svg) center top/contain no-repeat;
  height: 30.6px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  margin: 25px 0; }
  @media (min-width: 768px) {
    .top-section.about .col.bio .col-title {
      background-position: left top;
      height: 34px;
      margin-top: 20px; } }

.top-section.about .col.bio .bio-table {
  width: 280px;
  margin: 0 auto;
  border-collapse: collapse;
  font-size: 0.85em;
  line-height: 2.0; }
  @media (min-width: 768px) {
    .top-section.about .col.bio .bio-table {
      font-size: 1.09em;
      width: 100%;
      margin: 0; } }
  .top-section.about .col.bio .bio-table th + td {
    border-left: 1px solid #49bcbf; }
  .top-section.about .col.bio .bio-table th, .top-section.about .col.bio .bio-table td {
    vertical-align: top; }
  .top-section.about .col.bio .bio-table th {
    white-space: nowrap;
    text-align: left;
    font-weight: normal;
    padding-left: 0;
    padding-right: 0;
    width: 6.8em; }
    @media (min-width: 768px) {
      .top-section.about .col.bio .bio-table th {
        width: 7.4em; } }
  .top-section.about .col.bio .bio-table td {
    padding-left: 0.8em;
    padding-right: 0; }
    @media (min-width: 768px) {
      .top-section.about .col.bio .bio-table td {
        padding-left: 1.8em; } }
  .top-section.about .col.bio .bio-table tr:first-of-type th, .top-section.about .col.bio .bio-table tr:first-of-type td {
    padding-top: 0; }
  .top-section.about .col.bio .bio-table tr:last-of-type th, .top-section.about .col.bio .bio-table tr:last-of-type td {
    padding-bottom: 0; }

@media (min-width: 768px) {
  .top-section.about .col.assoc {
    width: 45%;
    float: left;
    padding-top: 30px;
    margin-left: 2.05128%;
    margin-top: 75px; } }


.top-section.about .col.assoc .col-title {
  background: url(../img/about/about-coltitle-assoc.svg) center top/contain no-repeat;
  background-size: contain;
  height: 15.3px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  margin: 25px 0; }
  @media (min-width: 768px) {
    .top-section.about .col.assoc .col-title {
      background-position: left top;
      height: 17px;
      margin-top: 20px; } }

.top-section.about .col.assoc ul {
  list-style: none;
  padding: 0;
  margin: 0 auto;
  font-size: 0;
  width: 280px; }
  @media (min-width: 768px) {
    .top-section.about .col.assoc ul {
      width: 100%;
      max-width: 340px;
      margin: 0; } }

.top-section.about .col.assoc li {
  display: inline-block;
  margin: 0;
  padding: 0;
  font-size: 0.9rem; }
  .top-section.about .col.assoc li:nth-child(odd) {
    padding-right: 4%; }
  .top-section.about .col.assoc li:nth-child(even) {
    padding-left: 4%;
    border-left: 1px solid #49bcbf; }
    
  @media (min-width: 768px) {
    .top-section.about .col.assoc li {
      font-size: 1.09rem; }
      .top-section.about .col.assoc li:nth-child(odd) {
        padding-right: 7%; }
      .top-section.about .col.assoc li:nth-child(even) {
        padding-left: 7%; } }
        
  @media (max-width: 768px) {
    .top-section.about .col.assoc li {
      font-size: 0.85rem; }
      .top-section.about .col.assoc li:nth-child(odd) {
        padding-right: 0.79em; }
      .top-section.about .col.assoc li:nth-child(even) {
        padding-left: 0.8em; } }

section.about-showcase figure > img {
  display: block;
  width: 100%;
  height: auto;
  margin: 0 auto; }
  @media (min-width: 768px) {
    section.about-showcase figure > img {
      width: 270px;
      height: 200px; } }

section.about-showcase .col {
  margin-bottom: 40px; }

section.about-showcase .col-title {
  margin: 14px 0 8px;
  height: 16.2px;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: contain;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden; }
  @media (min-width: 768px) {
    section.about-showcase .col-title {
      height: 18px; } }

section.about-showcase .desc {
  margin: 0 auto; }
  @media (min-width: 768px) {
    section.about-showcase .desc {
      padding: 0 2em;
      max-width: 350px; } }

section.about-showcase .col.ext > .col-title {
  background-image: url(../img/about/about-coltitle-exterior.svg); }

section.about-showcase .col.slope > .col-title {
  background-image: url(../img/about/about-coltitle-slope.svg); }

section.about-showcase .col.lounge > .col-title {
  background-image: url(../img/about/about-coltitle-lounge.svg); }

section.about-showcase .col.examroom > .col-title {
  background-image: url(../img/about/about-coltitle-examroom.svg); }

section.about-showcase .col.monitor > .col-title {
  background-image: url(../img/about/about-coltitle-monitor.svg); }

section.about-showcase .col.dac > .col-title {
  background-image: url(../img/about/about-coltitle-dac.svg); }

section.about-showcase .col.dxray > .col-title {
  background-image: url(../img/about/about-coltitle-dxray.svg); }

section.about-showcase .col.scaler > .col-title {
  background-image: url(../img/about/about-coltitle-scaler.svg); }

section.about-showcase .col.sterilizer > .col-title {
  background-image: url(../img/about/about-coltitle-sterilizer.svg); }

@media (min-width: 768px) {
  section.about-showcase .row {
    overflow: hidden; }
  section.about-showcase .col {
    width: 50%; }
  section.about-showcase .row > .col {
    float: left; }
  section.about-showcase .row > .col:nth-child(2) {
    float: right; } }
    
    
/*----------
	.sub-page.GENERAL
	----------*/
.top-section.general .page-title {
  height: 88.2px;
  background-image: url(../img/general/general-page-title.svg);
  background-position: center top;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden; }
  @media (min-width: 768px) {
    .top-section.general .page-title {
      height: 98px;
      background-position: 80.51282% top; } }

.top-section.general .col.top-msg .col-title {
  height: 18px;
  background-image: url(../img/general/general-msg-title.svg);
  background-position: center top;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden; }
  @media (min-width: 768px) {
    .top-section.general .col.top-msg .col-title {
      height: 20px;
      background-position: left top; } }
      

/*----------
	.sub-page.DENTAL SURGERY 口腔外科
	----------*/


@media (min-width: 768px) {
  .top-section.surgery {
    margin-bottom: 70px; } }

.top-section.surgery .page-title {
  height: 93.78px;
  background-image: url(../img/surgery/surgery-page-title.svg);
  background-position: center top;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden; }
  @media (min-width: 768px) {
    .top-section.surgery .page-title {
      height: 104.2px;
      background-position: 80.51282% top; } }

.top-section.surgery .col.top-msg .col-title {
  height: 18.72px;
  background-image: url(../img/surgery/surgery-msg-title.svg);
  background-position: center top;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden; }
  @media (min-width: 768px) {
    .top-section.surgery .col.top-msg .col-title {
      height: 20.8px;
      background-position: left top; } }

    
      
/* 顎関節症による原因 */

section.surgery-type {
  position: relative; }
  @media (min-width: 768px) {
    section.surgery-type:after {
      content: "";
      clear: both;
      height: 0;
      display: block;
      visibility: hidden; } }
  section.surgery-type figure > img {
    width: 60%;
    height: auto;
    display: block;
    margin: 0 auto; }
  section.surgery-type .type-fig1 {
    margin-bottom: 60px; }
    @media (min-width: 768px) {
          
  @media (min-width: 768px) {
    section.surgery-type .col.msg {
      float: left;
      width: 100%; } }
 
    
      margin-top: 0.8em; }


@media (min-width: 768px) {
  section.surgery-mat {
    margin-top: 1px; } }

section.surgery-mat .sect-title {
  height: 21.33px;
  background: url(../img/surgery/surgery-msg-subtitle1.svg) center top/contain no-repeat;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  margin: 0 0 19px 0; }
  @media (min-width: 768px) {
    section.surgery-mat .sect-title {
      height: 23.7px;
      background-position: left top; } }

section.surgery-mat .sect-title2 {
  height: 21.33px;
  background: url(../img/surgery/surgery-msg-subtitle2.svg) center top/contain no-repeat;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  margin: 0 0 19px 0; }
  @media (min-width: 768px) {
    section.surgery-mat .sect-title2 {
      height: 23.7px;
      background-position: left top; } }

      

section.surgery-mat .col {
  padding: 18px 0; }

@media (min-width: 768px) {
  section.surgery-mat .col-container {
    overflow: hidden;
    padding-bottom: 20px; }
  section.surgery-mat .col2, section.surgery-mat .col3 {
    width: 46%;
    float: left; }
  section.surgery-mat .col3 {
    float: right; }
  section.surgery-mat .col4 {
    padding-top: 30px; } }

section.surgery-mat .col-title {
  text-align: center;
  margin: 0 0 12px 0;
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden; }

section.surgery-mat .col-msg {
  margin: 0; }


section.surgery-mat .col-subtitle {
  text-align: center;
  margin: 18px 0 9px 0;
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden; }
  @media (min-width: 768px) {
    section.surgery-mat .col-subtitle {
      margin-top: 40px; } }


section.surgery-mat .merits-list {
  list-style: none;
  padding: 1em 1em 1em 2.4648em;
  margin: 0.5em 0 0;
  color: #49bcbf;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "HG明朝E", "HG Mincho E", "メイリオ", Meiryo, serif;
  line-height: 1.9;
  text-indent: -1.4648em; }
  section.surgery-mat .merits-list li:before {
    content: "";
    display: inline-block;
    width: 1.4648em;
    height: 1.15763em;
    background: url(../img/surgery/surgery-impacts-check.svg) left top/contain no-repeat; }
  section.surgery-mat .merits-list li + li {
    margin-top: 1.0em; }
          

/*=== 虫歯について ===*/
section.general-about .sect-title {
  height: 22px;
  background: url(../img/general/general-about-title.svg) center top/contain no-repeat;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  margin: 60px 0 15px; }
  @media (min-width: 768px) {
    section.general-about .sect-title {
      height: 22.9px;
      margin-top: 0;
      margin-bottom: 30px; } }

section.general-about .sect-msg {
  text-align: center;
  margin: 0 0 30px 0; }

@media (min-width: 768px) {
  section.general-about .row {
    overflow: hidden; } }

@media (min-width: 768px) {
  section.general-about .col {
    width: 16%;
    float: left; }
    section.general-about .col + .col {
      margin-left: 4.5%; } }

section.general-about .col > figure > img {
  display: block;
  width: 60%;
  margin: 0 auto; }
  @media (min-width: 768px) {
    section.general-about .col > figure > img {
      width: 100%;
      max-width: 235px; } }

section.general-about .col-title {
  background-position: center top;
  background-size: contain;
  background-repeat: no-repeat;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  margin: 30px 0 15px; }
  @media (min-width: 768px) {
    section.general-about .col-title {
      margin-top: 25px; } }

section.general-about .col1 .col-title {
  background-image: url(../img/general/general-about-subtitle1.svg);
  height: 30px; }
  @media (min-width: 768px) {
    section.child-brushing .col1 .col-title {
      height: 17px; } }

section.general-about .col2 .col-title {
  background-image: url(../img/general/general-about-subtitle2.svg);
  height: 30px; }
  @media (min-width: 768px) {
    section.child-brushing .col2 .col-title {
      height: 16.9px; } }

section.general-about .col3 .col-title {
  background-image: url(../img/general/general-about-subtitle3.svg);
  height: 30px; }
  @media (min-width: 768px) {
    section.child-brushing .col3 .col-title {
      height: 16.9px; } }
      
section.general-about .col4 .col-title {
  background-image: url(../img/general/general-about-subtitle4.svg);
  height: 30px; }
  @media (min-width: 768px) {
    section.child-brushing .col3 .col-title {
      height: 16.9px; } }

section.general-about .col5 .col-title {
  background-image: url(../img/general/general-about-subtitle5.svg);
  height: 30px; }
  @media (min-width: 768px) {
    section.child-brushing .col3 .col-title {
      height: 16.9px; } }
      
section.general-about .col-msg {
  margin: 0 0 30px 0; }
  @media (min-width: 768px) {
    section.general-about .col-msg {
      margin: 0 auto;
      max-width: 228px; } }



/*=== 歯周病について ===*/
section.general-shisyubyou .sect-title {
  height: 22px;
  background: url(../img/general/general-shisyubyou-title.svg) center top/contain no-repeat;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  margin: 60px 0 15px; }
  @media (min-width: 768px) {
    section.general-about .sect-title {
      height: 22.9px;
      margin-top: 0;
      margin-bottom: 30px; } }

section.general-shisyubyou .sect-msg {
  text-align: center;
  margin: 0 0 30px 0; }

@media (min-width: 768px) {
  section.general-shisyubyou .row {
    overflow: hidden; } }

@media (min-width: 768px) {
  section.general-shisyubyou .col {
    width: 100%;
    float: center; }
    section.general-shisyubyou .col + .col {
      margin-left: 4.5%; } }

section.general-shisyubyou .col > figure > img {
  display: block;
  width: 100%;
  margin: 0 auto; }
  @media (min-width: 768px) {
    section.general-shisyubyou .col > figure > img {
      width: 100%;
      max-width: 660px; margin-top: 30px; } }

section.general-shisyubyou .col-title {
  background-position: center top;
  background-size: contain;
  background-repeat: no-repeat;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  margin: 30px 0 15px; }
  @media (min-width: 768px) {
    section.general-shisyubyou .col-title {
      margin-top: 25px; } }

section.general-shisyubyou .col1 .col-title {
  background-image: url(../img/general/general-about-subtitle1.svg);
  height: 30px; }
  @media (min-width: 768px) {
    section.general-shisyubyou .col1 .col-title {
      height: 17px; } }
      
section.general-shisyubyou .col-msg {
  margin: 0 0 30px 0; }
  @media (min-width: 768px) {
    section.general-shisyubyou .col-msg {
      margin: 0 auto;
      max-width: 575px; } }
  




/*----------
	.sub-page.CHILD
	----------*/
.top-section.child .page-title {
  height: 88.2px;
  background-image: url(../img/child/child-page-title.svg);
  background-position: center top;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden; }
  @media (min-width: 768px) {
    .top-section.child .page-title {
      height: 98px;
      background-position: 80.51282% top; } }

.top-section.child .col.top-msg .col-title {
  height: 18px;
  background-image: url(../img/child/child-msg-title.svg);
  background-position: center top;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden; }
  @media (min-width: 768px) {
    .top-section.child .col.top-msg .col-title {
      height: 20px;
      background-position: left top; } }

/*=== 子供の虫歯の原因 ===*/
section.child-causes .sect-title {
  height: 21.6px;
  background: url(../img/child/child-causes-title.svg) center top/contain no-repeat;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  margin: 0 0 25px 0; }
  @media (min-width: 768px) {
    section.child-causes .sect-title {
      height: 24px;
      margin-bottom: 0;
      background-position: left top; } }

section.child-causes .row {
  position: relative; }
  @media (min-width: 768px) {
    section.child-causes .row {
      overflow: hidden; } }

section.child-causes .row > figure {
  width: 100%;
  position: relative; }
  @media (min-width: 768px) {
    section.child-causes .row > figure {
      width: 47.5641%;
      float: right;
      text-align: right; } }
  section.child-causes .row > figure > img {
    display: block;
    width: 60%;
    height: auto;
    margin: 0 auto; }
    @media (min-width: 768px) {
      section.child-causes .row > figure > img {
        width: 100%;
        max-width: 235px;
        display: inline;
        margin: 0; } }

@media (min-width: 768px) {
  section.child-causes .row2 > figure {
    text-align: left; } }

@media (min-width: 768px) {
  section.child-causes .col {
    width: 48.71795%;
    padding-top: 25px; } }

section.child-causes .col-title {
  height: 15.75px;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: contain;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  margin: 16px 0; }
  @media (min-width: 768px) {
    section.child-causes .col-title {
      background-position: left top;
      height: 17.5px;
      margin-top: 0; } }

section.child-causes .row1 .col-title {
  background-image: url(../img/child/child-causes-subtitle1.svg); }

section.child-causes .row2 .col-title {
  background-image: url(../img/child/child-causes-subtitle2.svg); }

section.child-causes .row3 .col-title {
  background-image: url(../img/child/child-causes-subtitle3.svg); }

section.child-causes .msg {
  margin: 0 0 1.5em 0; }

/*=== 6歳臼歯について ===*/
@media (min-width: 768px) {
  section.child-molar .row {
    overflow: hidden; } }

@media (min-width: 768px) {
  section.child-molar .sect-fig {
    float: left;
    width: 46.41026%; } }

section.child-molar .sect-fig > img {
  display: block;
  width: 60%;
  height: auto;
  margin: 0 auto; }
  @media (min-width: 768px) {
    section.child-molar .sect-fig > img {
      width: 100%;
      max-width: 362px; } }

@media (min-width: 768px) {
  section.child-molar .col {
    float: right;
    width: 48.71795%; } }

section.child-molar .sect-title {
  height: 20.61px;
  background: url(../img/child/child-molar-title.svg) center top/contain no-repeat;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  margin: 60px 0 15px; }
  @media (min-width: 768px) {
    section.child-molar .sect-title {
      background-position: left top;
      height: 22.9px;
      margin-top: 0;
      margin-bottom: 0; } }

/*=== お子様の歯磨き ===*/
section.child-brushing .sect-title {
  height: 20.61px;
  background: url(../img/child/child-brushing-title.svg) center top/contain no-repeat;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  margin: 60px 0 15px; }
  @media (min-width: 768px) {
    section.child-brushing .sect-title {
      height: 22.9px;
      margin-top: 0;
      margin-bottom: 15px; } }

section.child-brushing .sect-msg {
  text-align: center;
  margin: 0 0 30px 0; }

@media (min-width: 768px) {
  section.child-brushing .row {
    overflow: hidden; } }

@media (min-width: 768px) {
  section.child-brushing .col {
    width: 31%;
    float: left; }
    section.child-brushing .col + .col {
      margin-left: 3.5%; } }

section.child-brushing .col > figure > img {
  display: block;
  width: 60%;
  margin: 0 auto; }
  @media (min-width: 768px) {
    section.child-brushing .col > figure > img {
      width: 100%;
      max-width: 235px; } }

section.child-brushing .col-title {
  background-position: center top;
  background-size: contain;
  background-repeat: no-repeat;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  margin: 30px 0 15px; }
  @media (min-width: 768px) {
    section.child-brushing .col-title {
      margin-top: 40px; } }

section.child-brushing .col1 .col-title {
  background-image: url(../img/child/child-brushing-subtitle1.svg);
  height: 15.3px; }
  @media (min-width: 768px) {
    section.child-brushing .col1 .col-title {
      height: 17px; } }

section.child-brushing .col2 .col-title {
  background-image: url(../img/child/child-brushing-subtitle2.svg);
  height: 15.21px; }
  @media (min-width: 768px) {
    section.child-brushing .col2 .col-title {
      height: 16.9px; } }

section.child-brushing .col3 .col-title {
  background-image: url(../img/child/child-brushing-subtitle3.svg);
  height: 15.21px; }
  @media (min-width: 768px) {
    section.child-brushing .col3 .col-title {
      height: 16.9px; } }

section.child-brushing .col-msg {
  margin: 0 0 30px 0; }
  @media (min-width: 768px) {
    section.child-brushing .col-msg {
      margin: 0 auto;
      max-width: 228px; } }

/*----------
	.sub-page.ORTH 矯正歯科
	----------*/
@media (min-width: 768px) {
  .top-section.orth {
    margin-bottom: 70px; } }

.top-section.orth .page-title {
  height: 82.62px;
  background-image: url(../img/orth/orth-page-title.svg);
  background-position: center top;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden; }
  @media (min-width: 768px) {
    .top-section.orth .page-title {
      height: 91.8px;
      background-position: 80.51282% top; } }

.top-section.orth .col.top-msg .col-title {
  height: 18.27px;
  background-image: url(../img/orth/orth-msg-title.svg);
  background-position: center top;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden; }
  @media (min-width: 768px) {
    .top-section.orth .col.top-msg .col-title {
      height: 20.3px;
      background-position: left top; } }

/* 影響 */
section.orth-impacts {
  position: relative; }
  @media (min-width: 768px) {
    section.orth-impacts:after {
      content: "";
      clear: both;
      height: 0;
      display: block;
      visibility: hidden; } }
  section.orth-impacts .sect-title {
    height: 21.33px;
    background: url(../img/orth/orth-impacts-title.svg) center top/contain no-repeat;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    margin: 0 0 19px 0; }
    @media (min-width: 768px) {
      section.orth-impacts .sect-title {
        height: 23.7px;
        background-position: left top; } }
  section.orth-impacts figure > img {
    width: 60%;
    height: auto;
    display: block;
    margin: 0 auto; }
  section.orth-impacts .impact-fig1 {
    margin-bottom: 60px; }
    @media (min-width: 768px) {
      section.orth-impacts .impact-fig1 {
        float: right;
        width: 33.46154%;
        margin-top: -58px;
        margin-bottom: 0; }
        section.orth-impacts .impact-fig1 > img {
          width: 100%; } }
  section.orth-impacts .impact-fig2 {
    margin-top: 60px; }
    @media (min-width: 768px) {
      section.orth-impacts .impact-fig2 {
        float: right;
        margin-top: 24px;
        width: 38.20513%; }
        section.orth-impacts .impact-fig2 > img {
          width: 100%;
          max-width: 210px;
          margin: 0; } }
  @media (min-width: 768px) {
    section.orth-impacts .col.msg {
      float: left;
      width: 60.51282%; } }
  section.orth-impacts .sect-list {
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "HG明朝E", "HG Mincho E", "メイリオ", Meiryo, serif;
    color: #49bcbf;
    margin: 0;
    list-style: none;
    padding: 0 0 0 1.4em;
    text-indent: -1.4em;
    font-size: 1.07143em; }
    @media (min-width: 768px) {
      section.orth-impacts .sect-list {
        font-size: 1.23077em; } }
    section.orth-impacts .sect-list li:before {
      content: "";
      display: inline-block;
      width: 1.3em;
      height: 1.0em;
      margin-right: 0.1em;
      background: url(../img/orth/orth-impacts-check.svg) left top/contain no-repeat; }
    section.orth-impacts .sect-list li + li {
      margin-top: 0.8em; }

.sect-container {
  max-width: 780px;
  margin: 0 auto; }
  @media (min-width: 768px) {
    .sect-container {
      overflow: hidden;
      margin-top: 65px;
      padding: 0 40px; } }

@media (min-width: 768px) {
  section.orth-adult,
  section.orth-child {
    width: 44.87179%;
    margin: 0;
    padding: 0; } }

section.orth-adult .sect-title,
section.orth-child .sect-title {
  text-align: center;
  margin: 0;
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat; }

section.orth-adult .col,
section.orth-child .col {
  padding: 30px 0; }
  section.orth-adult .col:last-of-type,
  section.orth-child .col:last-of-type {
    padding-bottom: 0; }

section.orth-adult .col p,
section.orth-child .col p {
  margin-bottom: 0; }

section.orth-adult .col + .col,
section.orth-adult .sect-msg + .col,
section.orth-child .col + .col,
section.orth-child .sect-msg + .col {
  border-top: 1px dashed #49bcbf; }

section.orth-adult .col-header,
section.orth-child .col-header {
  overflow: hidden;
  width: 100%;
  position: relative; }
  section.orth-adult .col-header .col-title,
  section.orth-child .col-header .col-title {
    width: 50%;
    float: left;
    text-align: center;
    margin: 0;
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat; }
  section.orth-adult .col-header figure,
  section.orth-child .col-header figure {
    width: 50%;
    height: 100%;
    float: right;
    position: relative; }
  section.orth-adult .col-header figure > img,
  section.orth-child .col-header figure > img {
    width: 100%;
    max-width: 146px;
    height: auto;
    display: block;
    margin: auto;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0; }

section.orth-adult .col-sub,
section.orth-child .col-sub {
  margin-top: 30px; }
  section.orth-adult .col-sub figure > img,
  section.orth-child .col-sub figure > img {
    width: 100%;
    display: block;
    margin: 0 auto; }

section.orth-adult .col-subtitle,
section.orth-child .col-subtitle {
  margin: 15px 0;
  text-align: center;
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat; }

/* 成人矯正 */
@media (min-width: 768px) {
  section.orth-adult {
    float: left; } }

section.orth-adult .sect-title {
  height: 20.97px;
  background-image: url(../img/orth/orth-adult-title.svg);
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden; }
  @media (min-width: 768px) {
    section.orth-adult .sect-title {
      height: 23.3px; } }

section.orth-adult .col-title {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden; }

section.orth-adult .col1 .col-header, section.orth-adult .col1 .col-title {
  height: 93px; }

section.orth-adult .col1 .col-title {
  background-image: url(../img/orth/orth-adult-subtitle1.svg);
  background-size: auto 13.5px; }
  @media (min-width: 768px) {
    section.orth-adult .col1 .col-title {
      background-size: auto 15px; } }

section.orth-adult .col2 .col-header, section.orth-adult .col2 .col-title {
  height: 93px; }

section.orth-adult .col2 .col-title {
  height: 93px;
  background-image: url(../img/orth/orth-adult-subtitle2.svg);
  background-size: auto 12.96px; }
  @media (min-width: 768px) {
    section.orth-adult .col2 .col-title {
      background-size: auto 14.4px; } }

section.orth-adult .col3 .col-header, section.orth-adult .col3 .col-title {
  height: 118px; }

section.orth-adult .col3 .col-title {
  background-image: url(../img/orth/orth-adult-subtitle3.svg);
  background-size: auto 14.22px; }
  @media (min-width: 768px) {
    section.orth-adult .col3 .col-title {
      background-size: auto 15.8px; } }

section.orth-adult .col-subtitle {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden; }

section.orth-adult .col3-1 .col-subtitle {
  height: 36.99px;
  background-image: url(../img/orth/orth-adult-sub3-1.svg);
  line-height: 1.0; }
  @media (min-width: 768px) {
    section.orth-adult .col3-1 .col-subtitle {
      height: 41.1px; } }

section.orth-adult .col3-2 .col-subtitle {
  height: 14.85px;
  background-image: url(../img/orth/orth-adult-sub3-2.svg); }
  @media (min-width: 768px) {
    section.orth-adult .col3-2 .col-subtitle {
      height: 16.5px; } }

/* 小児矯正 */
@media (min-width: 768px) {
  section.orth-child {
    float: right; } }

section.orth-child .sect-title {
  height: 21.15px;
  background-image: url(../img/orth/orth-child-title.svg);
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden; }
  @media (min-width: 768px) {
    section.orth-child .sect-title {
      height: 23.5px; } }

section.orth-child .sect-msg {
  margin: 30px 0; }

section.orth-child .col1 .col-header figure > img {
  max-width: 152px; }

section.orth-child .col2 .col-header figure > img {
  max-width: 112px; }

section.orth-child .col-title {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden; }

section.orth-child .col1 .col-header, section.orth-child .col1 .col-title {
  height: 103px; }

section.orth-child .col1 .col-title {
  background-image: url(../img/orth/orth-child-subtitle1.svg);
  background-size: auto 15.03px; }
  @media (min-width: 768px) {
    section.orth-child .col1 .col-title {
      background-size: auto 16.7px; } }

section.orth-child .col2 .col-header, section.orth-child .col2 .col-title {
  height: 75px; }

section.orth-child .col2 .col-title {
  background-image: url(../img/orth/orth-child-subtitle2.svg);
  background-size: auto 16.2px; }
  @media (min-width: 768px) {
    section.orth-child .col2 .col-title {
      background-size: auto 18px; } }

section.orth-child .col-subtitle {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden; }

section.orth-child .col2-1 .col-subtitle {
  height: 15.12px;
  background-image: url(../img/orth/orth-child-sub2-1.svg);
  line-height: 1.0; }
  @media (min-width: 768px) {
    section.orth-child .col2-1 .col-subtitle {
      height: 16.8px; } }

section.orth-child .col1 .features-list {
  background-color: #fff9e2;
  list-style: none;
  padding: 1.4em 1em;
  margin: 1.5em -10px 0;
  font-weight: bold;
  color: #e0579a;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "HG明朝E", "HG Mincho E", "メイリオ", Meiryo, serif; }
  section.orth-child .col1 .features-list li + li {
    margin-top: 1.0em; }


    
/*----------
	.sub-page.COSMETIC 審美歯科
	----------*/
@media (min-width: 768px) {
  .top-section.cosmetic {
    margin-bottom: 70px; } }

.top-section.cosmetic .page-title {
  height: 93.78px;
  background-image: url(../img/cosm/cosm-page-title.svg);
  background-position: center top;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden; }
  @media (min-width: 768px) {
    .top-section.cosmetic .page-title {
      height: 104.2px;
      background-position: 80.51282% top; } }

.top-section.cosmetic .col.top-msg .col-title {
  height: 18.72px;
  background-image: url(../img/cosm/cosm-msg-title.svg);
  background-position: center top;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden; }
  @media (min-width: 768px) {
    .top-section.cosmetic .col.top-msg .col-title {
      height: 20.8px;
      background-position: left top; } }


/*----------
	.sub-page.Recruit 当クリニックの求人募集
	----------*/
@media (min-width: 768px) {
  .top-section.recruit {
    margin-bottom: 70px; } }

.top-section.recruit .page-title {
  height: 93.78px;
  background-image: url(../img/recruit/recruit-page-title.svg);
  background-position: center top;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden; }
  @media (min-width: 768px) {
    .top-section.recruit .page-title {
      height: 104.2px;
      background-position: center top; } }







/*----------
	.sub-page.Facility 施設基準について
	----------*/
@media (min-width: 768px) {
  .top-section.facility {
    margin-bottom: 70px; } }

.top-section.facility .page-title {
  height: 93.78px;
  background-image: url(../img/facility/facility-page-title.svg);
  background-position: center top;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden; }
  @media (min-width: 768px) {
    .top-section.facility .page-title {
      height: 104.2px;
      background-position: center top; } }

.top-section.facility .sect-title {
  height: 20.61px;
  background: url(../img/facility/facility-msg-title.svg) center top/contain no-repeat;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  margin: 20px 0 15px; }
  @media (min-width: 768px) {
    section.facility .sect-title {
      height: 22.9px;
      margin-top: 0;
      margin-bottom: 15px; } }


.top-section.facility .col.top-msg .col-title {
  height: 18.72px;
  background-image: url(../img/facility/facility-msg-title.svg);
  background-position: center top;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden; }
  @media (min-width: 768px) {
    .top-section.facility .col.top-msg .col-title {
      height: 20.8px;
      background-position: left top; } }


      
/* 基準についてのご案内 */

@media (min-width: 768px) {
  section.facility-mat {
    margin-top: 10px;
    margin-bottom: 10px;
    max-width: 1100px;
    } }


section.facility-mat .sect-title {
  height: 21.33px;
  background: url(../img/cosm/cosm-mat-title.svg) center top/contain no-repeat;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  margin: 0 0 19px 0; }
  @media (min-width: 768px) {
    section.facility-mat .sect-title {
      height: 23.7px;
      background-position: left top; } }

section.facility-mat .col {
  padding: 18px 0; }



@media (min-width: 768px) {
  section.facility-mat .col-container {
    overflow: hidden;
    border-bottom: 1px dashed #49bcbf;
    padding-bottom: 20px; }
  section.facility-mat .col2 {
    width: 49%;
    float: left; }
  section.facility-mat .col3 {
          width: 46%;
    float: right; }
  section.facility-mat .col4 {
    width: 45%;
    float: left; }
    
      section.facility-mat .col5 {
    width: 45%;
    float: left; }
    
      section.facility-mat .col4 {
margin-top: 20px; }
    
    
  section.facility-mat .col6 {
      margin-top: 20px;
    width: 46%;
    float: right; }
}

section.facility-mat .col-title {
  text-align: center;
  margin: 0 0 12px 0;
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden; }

section.facility-mat .col-title2 {
  text-align: center;
  margin: 0 0 12px 0;
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden; }

section.facility-mat .col-msg {
  margin: 0; }

section.facility-mat .col1 .col-title {
  height: 13.7px;
  background-image: url(../img/cosm/cosm-mat-subtitle1.svg); }
  @media (min-width: 768px) {
    section.facility-mat .col1 .col-title {
      height: 13.7px;
      background-position: left top; } }

section.facility-mat .col2 .col-title {
  height: 9.4px;
  background-image: url(../img/cosm/cosm-mat-subtitle2.svg); }
  @media (min-width: 768px) {
    section.facility-mat .col2 .col-title {
      height: 9.4px; } }

section.facility-mat .col3 .col-title {
  height: 14.9px;
  background-image: url(../img/cosm/cosm-mat-subtitle3.svg); }
  @media (min-width: 768px) {
    section.facility-mat .col3 .col-title {
      height: 14.9px; } }

section.facility-mat .col4 .col-title {
  height: 20px;
  background-image: url(../img/facility/facility-mat-subtitle2.svg); }
  @media (min-width: 768px) {
    section.facility-mat .col4 .col-title {
      height: 20px;
      background-position: center top; } }

section.facility-mat .col4 .col-title2 {
  height: 20px;
  background-image: url(../img/facility/facility-mat-subtitle3.svg); }
  @media (min-width: 768px) {
    section.facility-mat .col4 .col-title2 {
      height: 20px;
      background-position: center top; } }

section.facility-mat .col6 .col-title {
  height: 20px;
  background-image: url(../img/facility/facility-mat-subtitle4.svg); }
  @media (min-width: 768px) {
    section.facility-mat .col6 .col-title {
      height: 20px;
      background-position: center top; } }



section.facility-mat .col-subtitle {
  text-align: center;
  margin: 18px 0 9px 0;
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden; }
  @media (min-width: 768px) {
    section.facility-mat .col-subtitle {
      margin-top: 40px; } }

section.facility-mat .col2 .col-subtitle {
  height: 12.7px;
  background-image: url(../img/cosm/cosm-mat-subtitle2-1.svg); }
  @media (min-width: 768px) {
    section.facility-mat .col2 .col-subtitle {
      height: 12.7px; } }

section.facility-mat .col3 .col-subtitle {
  height: 12.8px;
  background-image: url(../img/cosm/cosm-mat-subtitle3-1.svg); }
  @media (min-width: 768px) {
    section.facility-mat .col3 .col-subtitle {
      height: 12.8px; } }

section.facility-mat .merits-list {
  background-color: #fff9e2;
  list-style: none;
  padding: 1em 1em 1em 2.4648em;
  margin: 0.5em 0 0;
  font-weight: bold;
  color: #e0579a;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "HG明朝E", "HG Mincho E", "メイリオ", Meiryo, serif;
  line-height: 1.9;
  text-indent: -1.4648em; }
  section.facility-mat .merits-list li:before {
    content: "";
    display: inline-block;
    width: 1.4648em;
    height: 1.15763em;
    background: url(../img/cosm/cosm-merit-check.svg) left top/contain no-repeat; }
  section.facility .merits-list li + li {
    margin-top: 1.0em; }





/* 種類と特徴 */
section.cosmetic-type {
  position: relative; }
  @media (min-width: 768px) {
    section.cosmetic-type:after {
      content: "";
      clear: both;
      height: 0;
      display: block;
      visibility: hidden; } }
  section.cosmetic-type .sect-title {
    height: 21.42px;
    background: url(../img/cosm/cosm-type-title.svg) center top/contain no-repeat;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    margin: 0 0 19px 0; }
    @media (min-width: 768px) {
      section.cosmetic-type .sect-title {
        height: 23.8px;
        background-position: left top; } }
  section.cosmetic-type figure > img {
    width: 60%;
    height: auto;
    display: block;
    margin: 0 auto; }
  section.cosmetic-type .type-fig1 {
    margin-bottom: 60px; }
    @media (min-width: 768px) {
      section.cosmetic-type .type-fig1 {
        float: right;
        width: 33.71795%;
        margin-top: -28px;
        margin-bottom: 0; }
        section.cosmetic-type .type-fig1 > img {
          width: 100%; } }
  section.cosmetic-type .type-fig2 {
    margin-top: 60px; }
    @media (min-width: 768px) {
      section.cosmetic-type .type-fig2 {
        float: right;
        margin-top: 24px;
        width: 46.53846%; }
        section.cosmetic-type .type-fig2 > img {
          width: 100%;
          max-width: 211px;
          margin: 0; } }
  @media (min-width: 768px) {
    section.cosmetic-type .col.msg {
      float: left;
      width: 51.02564%; } }
  section.cosmetic-type .sect-list {
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "HG明朝E", "HG Mincho E", "メイリオ", Meiryo, serif;
    color: #49bcbf;
    margin: 0;
    list-style: none;
    padding: 0 0 0 1.4em;
    text-indent: -1.4em;
    font-size: 1.07143em; }
    @media (min-width: 768px) {
      section.cosmetic-type .sect-list {
        font-size: 1.23077em; } }
    section.cosmetic-type .sect-list li:before {
      content: "";
      display: inline-block;
      width: 1.3em;
      height: 1.0em;
      margin-right: 0.1em;
      background: url(../img/cosm/cosm-types-check.svg) left top/contain no-repeat; }
    section.cosmetic-type .sect-list li + li {
      margin-top: 0.8em; }

/* 素材について */
@media (min-width: 768px) {
  section.cosmetic-mat {
    margin-top: -130px; } }

section.cosmetic-mat .sect-title {
  height: 21.33px;
  background: url(../img/cosm/cosm-mat-title.svg) center top/contain no-repeat;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  margin: 0 0 19px 0; }
  @media (min-width: 768px) {
    section.cosmetic-mat .sect-title {
      height: 23.7px;
      background-position: left top; } }

section.cosmetic-mat .col {
  padding: 18px 0; }

@media (min-width: 768px) {
  section.cosmetic-mat .col-container {
    overflow: hidden;
    border-bottom: 1px dashed #49bcbf;
    padding-bottom: 20px; }
  section.cosmetic-mat .col2, section.cosmetic-mat .col3 {
    width: 44.87179%;
    float: left; }
  section.cosmetic-mat .col3 {
    float: right; }
  section.cosmetic-mat .col4 {
    padding-top: 30px; } }

section.cosmetic-mat .col-title {
  text-align: center;
  margin: 0 0 12px 0;
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden; }

section.cosmetic-mat .col-msg {
  margin: 0; }

section.cosmetic-mat .col1 .col-title {
  height: 13.7px;
  background-image: url(../img/cosm/cosm-mat-subtitle1.svg); }
  @media (min-width: 768px) {
    section.cosmetic-mat .col1 .col-title {
      height: 13.7px;
      background-position: left top; } }

section.cosmetic-mat .col2 .col-title {
  height: 9.4px;
  background-image: url(../img/cosm/cosm-mat-subtitle2.svg); }
  @media (min-width: 768px) {
    section.cosmetic-mat .col2 .col-title {
      height: 9.4px; } }

section.cosmetic-mat .col3 .col-title {
  height: 14.9px;
  background-image: url(../img/cosm/cosm-mat-subtitle3.svg); }
  @media (min-width: 768px) {
    section.cosmetic-mat .col3 .col-title {
      height: 14.9px; } }

section.cosmetic-mat .col4 .col-title {
  height: 14.6px;
  background-image: url(../img/cosm/cosm-mat-subtitle4.svg); }
  @media (min-width: 768px) {
    section.cosmetic-mat .col4 .col-title {
      height: 14.6px;
      background-position: left top; } }

section.cosmetic-mat .col-subtitle {
  text-align: center;
  margin: 18px 0 9px 0;
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden; }
  @media (min-width: 768px) {
    section.cosmetic-mat .col-subtitle {
      margin-top: 40px; } }

section.cosmetic-mat .col2 .col-subtitle {
  height: 12.7px;
  background-image: url(../img/cosm/cosm-mat-subtitle2-1.svg); }
  @media (min-width: 768px) {
    section.cosmetic-mat .col2 .col-subtitle {
      height: 12.7px; } }

section.cosmetic-mat .col3 .col-subtitle {
  height: 12.8px;
  background-image: url(../img/cosm/cosm-mat-subtitle3-1.svg); }
  @media (min-width: 768px) {
    section.cosmetic-mat .col3 .col-subtitle {
      height: 12.8px; } }

section.cosmetic-mat .merits-list {
  background-color: #fff9e2;
  list-style: none;
  padding: 1em 1em 1em 2.4648em;
  margin: 0.5em 0 0;
  font-weight: bold;
  color: #e0579a;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "HG明朝E", "HG Mincho E", "メイリオ", Meiryo, serif;
  line-height: 1.9;
  text-indent: -1.4648em; }
  section.cosmetic-mat .merits-list li:before {
    content: "";
    display: inline-block;
    width: 1.4648em;
    height: 1.15763em;
    background: url(../img/cosm/cosm-merit-check.svg) left top/contain no-repeat; }
  section.cosmetic-mat .merits-list li + li {
    margin-top: 1.0em; }

/* お電話 */
section.cosmetic-tel {
  margin-top: -30px;
  text-align: center; }
  section.cosmetic-tel .sect-title {
    height: 19.98px;
    background: url(../img/cosm/cosm-tel-title.svg) center center/contain no-repeat;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    margin: 0 0 19px 0; }
    @media (min-width: 768px) {
      section.cosmetic-tel .sect-title {
        height: 22.2px;
        margin-bottom: 25px; } }
  section.cosmetic-tel p.tel {
    text-align: center;
    margin: 0 auto;
    width: 229.5px;
    height: 24.3px; }
    @media (min-width: 768px) {
      section.cosmetic-tel p.tel {
        width: 255px;
        height: 27px; } }
    section.cosmetic-tel p.tel > a {
      display: block;
      width: 100%;
      height: 100%;
      background: url(../img/cosm/cosm-tel-number.svg) center center/contain no-repeat;
      text-indent: 100%;
      white-space: nowrap;
      overflow: hidden; }



/*----------
	.sub-page.FTEETH 審美歯科
	----------*/
@media (min-width: 768px) {
  .top-section.fteeth {
    margin-bottom: 70px; } }

.top-section.fteeth .page-title {
  height: 93.78px;
  background-image: url(../img/fteeth/fteeth-page-title.svg);
  background-position: center top;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden; }
  @media (min-width: 768px) {
    .top-section.fteeth .page-title {
      height: 104.2px;
      background-position: 79.23077% top; } }

.top-section.fteeth .col.top-msg .col-title {
  height: 18.72px;
  background-image: url(../img/fteeth/fteeth-msg-title.svg);
  background-position: center top;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden; }
  @media (min-width: 768px) {
    .top-section.fteeth .col.top-msg .col-title {
      height: 20.8px;
      background-position: left top; } }
      



/*----------
	.sub-page.WHITENING ホワイトニング
	----------*/
@media (min-width: 768px) {
  .top-section.whitening {
    margin-bottom: 70px; } }

.top-section.whitening .page-title {
  height: 93.78px;
  background-image: url(../img/whitening/whitening-page-title.svg);
  background-position: center top;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden; }
  @media (min-width: 768px) {
    .top-section.whitening .page-title {
      height: 104.2px;
      background-position: 79.23077% top; } }

.top-section.whitening .col.top-msg .col-title {
  height: 18.72px;
  background-image: url(../img/fteeth/fteeth-msg-title.svg);
  background-position: center top;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden; }
  @media (min-width: 768px) {
    .top-section.whitening .col.top-msg .col-title {
      height: 20.8px;
      background-position: left top; } }

      
/* 3. ホワイトニングの種類と特徴 */

section.whitening-type {
  /* col 共通設定 */ }
  section.whitening-type .sect-title {
    height: 21.33px;
    background: url(../img/whitening/whitening-type-title.svg) center center/contain no-repeat;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    margin: 0 0 30px 0; }
    @media (min-width: 768px) {
      section.whitening-type .sect-title {
        height: 23.7px;
        background-position: left top;
        margin-bottom: 0; } }
  section.whitening-type .col {
    margin-top: 30px; }
    @media (min-width: 768px) {
      section.whitening-type .col {
        margin-top: 21px; } }
    section.whitening-type .col figure {
      margin: 0; }
      section.whitening-type .col figure img {
        display: block;
        width: 60%;
        max-width: 240px;
        height: auto;
        margin: 0 auto; }
        @media (min-width: 768px) {
          section.whitening-type .col figure img {
            width: 100%; } }
 
     section.whitening-type .col figure2 {
      margin: 0; }
      section.whitening-type .col figure2 img {
        display: block;
        width: 30%;
        margin-top: 20px;
        max-width: 240px;
        height: auto;
        margin: 0 auto; }
        @media (min-width: 768px) {
          section.whitening-type .col figure2 img {
            width: 40%; margin-top: 20px; } }
            
     section.whitening-type .col figure3 {
      margin: 0; }
      section.whitening-type .col figure3 img {
        display: block;
        width: 30%;
        margin-top: 20px;
        margin-bottom: 27px;
        max-width: 240px;
        height: auto;
        margin: 0 auto; }
        @media (min-width: 768px) {
          section.whitening-type .col figure3 img {
            width: 40%; margin-top: 20px; margin-bottom: 27px; } }
            
    section.whitening-type .col .col-title {
      text-align: center;
      background-position: center center;
      background-size: contain;
      background-repeat: no-repeat;
      margin: 12px 0 9px;
      text-indent: 100%;
      white-space: nowrap;
      overflow: hidden; }
      @media (min-width: 768px) {
        section.whitening-type .col .col-title {
          margin: 15px 0 12px; } }
    section.whitening-type .col .msg {
      margin: 0; }
      
      
  section.whitening-type .col1 .col-title {
    background-image: url(../img/whitening/whitening-type-subtitle1.svg);
    height: 40px; }
    @media (min-width: 768px) {
      section.whitening-type .col1 .col-title {
        height: 40px; } }
  section.whitening-type .col2 .col-title {
    background-image: url(../img/whitening/whitening-type-subtitle2.svg);
    height: 40px; }
    @media (min-width: 768px) {
      section.whitening-type .col2 .col-title {
        height: 40px; } }
        
  section.whitening-type .col3 .col-title {
    background-image: url(../img/whitening/whitening-type-subtitle3.svg);
    height: 16px; }
    @media (min-width: 768px) {
      section.whitening-type .col3 .col-title {
        height: 16px; } }
        
    section.whitening-type .col4 .col-title {
    background-image: url(../img/whitening/whitening-type-subtitle4.svg);
    height: 16px; }
    @media (min-width: 768px) {
      section.whitening-type .col4 .col-title {
        height: 16px; } }
        
  @media (min-width: 768px) {
    section.whitening-type .row.cols {
      overflow: hidden; }
    section.whitening-type .col {
      width: 44.87179%; }
    section.whitening-type .col1 {
      float: left; }
    section.whitening-type .col2 {
      float: right; }
    section.whitening-type .col3 {
      float: left; }
    section.whitening-type .col4 {
      float: right; } }      

/* 2. かむことと認知症の関係 */
section.fteeth-relat {
  /* 最初のコラム */
  /* #2,#3コラム 共通 */
  /* #2コラム */
  /* #3コラム */
  /* sm以上設定 */ }
  section.fteeth-relat .row.msg {
    overflow: hidden; }
  section.fteeth-relat .col.sect-msg .sect-title {
    height: 21.33px;
    background: url(../img/fteeth/fteeth-relat-title.svg) center center/contain no-repeat;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    margin: 0 0 30px 0; }
    @media (min-width: 768px) {
      section.fteeth-relat .col.sect-msg .sect-title {
        height: 23.7px;
        background-position: left top; } }
  section.fteeth-relat .col.sect-msg .msg {
    margin: 0; }
    @media (min-width: 768px) {
      section.fteeth-relat .col.sect-msg .msg {
        float: left;
        width: 48.71795%; } }
  section.fteeth-relat .row.msg figure {
    margin: 0 auto 60px; }
    @media (min-width: 768px) {
      section.fteeth-relat .row.msg figure {
        float: right;
        width: 46.41026%;
        text-align: right;
        margin-top: 20px; } }
    section.fteeth-relat .row.msg figure img {
      display: block;
      width: 60%;
      height: auto;
      margin: 0 auto; }
      @media (min-width: 768px) {
        section.fteeth-relat .row.msg figure img {
          width: 100%;
          max-width: 362px; } }
  section.fteeth-relat .col.col1, section.fteeth-relat .col.col2 {
    margin-top: 30px; }
    section.fteeth-relat .col.col1 .col-title, section.fteeth-relat .col.col2 .col-title {
      text-align: center;
      background-position: center center;
      background-size: contain;
      background-repeat: no-repeat;
      margin-bottom: 12px;
      text-indent: 100%;
      white-space: nowrap;
      overflow: hidden; }
      @media (min-width: 768px) {
        section.fteeth-relat .col.col1 .col-title, section.fteeth-relat .col.col2 .col-title {
          background-position: left center;
          margin-bottom: 24px; } }
    section.fteeth-relat .col.col1 .msg, section.fteeth-relat .col.col2 .msg {
      border-top: 1px dashed #49bcbf;
      padding-top: 6px;
      margin: 0; }
      @media (min-width: 768px) {
        section.fteeth-relat .col.col1 .msg, section.fteeth-relat .col.col2 .msg {
          padding-top: 13.2px; } }
  section.fteeth-relat .col.col1 .col-title {
    background-image: url(../img/fteeth/fteeth-relat-subtitle1.svg);
    height: 14.85px; }
    @media (min-width: 768px) {
      section.fteeth-relat .col.col1 .col-title {
        height: 16.5px; } }
  section.fteeth-relat .col.col2 .col-title {
    background-image: url(../img/fteeth/fteeth-relat-subtitle2.svg);
    height: 15.12px; }
    @media (min-width: 768px) {
      section.fteeth-relat .col.col2 .col-title {
        height: 16.8px; } }
  @media (min-width: 768px) {
    section.fteeth-relat .row.cols {
      overflow: hidden;
      padding-top: 24px; }
    section.fteeth-relat .col.col1, section.fteeth-relat .col.col2 {
      width: 44.87179%; }
    section.fteeth-relat .col.col1 {
      float: left; }
    section.fteeth-relat .col.col2 {
      float: right; } }

/* 3. 入れ歯の種類 */
section.fteeth-type {
  /* col 共通設定 */ }
  section.fteeth-type .sect-title {
    height: 21.33px;
    background: url(../img/fteeth/fteeth-type-title.svg) center center/contain no-repeat;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    margin: 0 0 30px 0; }
    @media (min-width: 768px) {
      section.fteeth-type .sect-title {
        height: 23.7px;
        background-position: left top;
        margin-bottom: 0; } }
  section.fteeth-type .col {
    margin-top: 30px; }
    @media (min-width: 768px) {
      section.fteeth-type .col {
        margin-top: 21px; } }
    section.fteeth-type .col figure {
      margin: 0; }
      section.fteeth-type .col figure img {
        display: block;
        width: 60%;
        max-width: 240px;
        height: auto;
        margin: 0 auto; }
        @media (min-width: 768px) {
          section.fteeth-type .col figure img {
            width: 100%; } }
    section.fteeth-type .col .col-title {
      text-align: center;
      background-position: center center;
      background-size: contain;
      background-repeat: no-repeat;
      margin: 12px 0 9px;
      text-indent: 100%;
      white-space: nowrap;
      overflow: hidden; }
      @media (min-width: 768px) {
        section.fteeth-type .col .col-title {
          margin: 15px 0 12px; } }
    section.fteeth-type .col .msg {
      margin: 0; }
  section.fteeth-type .col1 .col-title {
    background-image: url(../img/fteeth/fteeth-type-subtitle1.svg);
    height: 15.12px; }
    @media (min-width: 768px) {
      section.fteeth-type .col1 .col-title {
        height: 16.8px; } }
  section.fteeth-type .col2 .col-title {
    background-image: url(../img/fteeth/fteeth-type-subtitle2.svg);
    height: 15.12px; }
    @media (min-width: 768px) {
      section.fteeth-type .col2 .col-title {
        height: 16.8px; } }
  @media (min-width: 768px) {
    section.fteeth-type .row.cols {
      overflow: hidden; }
    section.fteeth-type .col {
      width: 44.87179%; }
    section.fteeth-type .col1 {
      float: left; }
    section.fteeth-type .col2 {
      float: right; } }

/* 4. よくある質問 */
section.fteeth-faq .sect-title {
  height: 20.88px;
  background: url(../img/fteeth/fteeth-faq-title.svg) center center/contain no-repeat;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  margin: 0 0 30px 0; }
  @media (min-width: 768px) {
    section.fteeth-faq .sect-title {
      height: 23.2px;
      background-position: left top; } }

section.fteeth-faq .faq-list {
  list-style: none;
  margin: 0;
  padding: 0; }
  section.fteeth-faq .faq-list li {
    padding: 1.5em 0; }
  section.fteeth-faq .faq-list li:first-child {
    padding-top: 0; }
  section.fteeth-faq .faq-list li:last-child {
    padding-bottom: 0; }
  section.fteeth-faq .faq-list li + li {
    border-top: 1px dashed #49bcbf; }

section.fteeth-faq .faq-q {
  color: #49bcbf;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "HG明朝E", "HG Mincho E", "メイリオ", Meiryo, serif;
  font-weight: normal;
  line-height: 1.5;
  margin: 0 0 12px 0;
  font-size: 1.07143rem;
  background: url(../img/fteeth/fteeth-faq-qicon.svg) left 2px no-repeat;
  text-indent: 1.6em; }
  @media (min-width: 768px) {
    section.fteeth-faq .faq-q {
      font-size: 1.30769rem;
      background-position: left 3px; } }

section.fteeth-faq .faq-a {
  margin: 0; }


 


/*----------
	.sub-page.APERIODIC 予防歯科・定期検診
	----------*/
	
@media (min-width: 768px) {
  .top-section.aperiodic {
    margin-bottom: 70px; } }

.top-section.aperiodic .page-title {
  height: 93.78px;
  background-image: url(../img/aperiodic/aperiodic-page-title.svg);
  background-position: center top;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden; }
  @media (min-width: 768px) {
    .top-section.aperiodic .page-title {
      height: 98px;
      background-position: 90% top; } }

.top-section.aperiodic .col.top-msg .col-title {
  height: 18.72px;
  background-image: url(../img/aperiodic/aperiodic-msg-title.svg);
  background-position: center top;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden; }
  @media (min-width: 768px) {
    .top-section.aperiodic .col.top-msg .col-title {
      height: 20.8px;
      background-position: left top; } }
      


/* キャッチ（右） */
      
@media (min-width: 768px) {
  .top-section.aperiodic2 {
    margin-bottom: 70px; } }

.top-section.aperiodic2 .page-title {
  height: 93.78px;
  background-image: url(../img/aperiodic/aperiodic-page-title.svg);
  background-position: center top;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden; }
  @media (min-width: 768px) {
    .top-section.aperiodic2 .page-title {
      height: 98px;
      background-position: 90% top; } }

.top-section.aperiodic2 .col.top-msg .col-title {
  height: 18.72px;
  background-image: url(../img/aperiodic/aperiodic-msg-title.svg);
  background-position: center top;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden; }
  @media (min-width: 768px) {
    .top-section.aperiodic2 .col.top-msg .col-title {
      height: 20.8px;
      background-position: left top; } }



      
.sub-page .top-section .top-img2 {
  margin: 0 auto; }
  @media (min-width: 768px) {
    .sub-page .top-section .top-img2 {
      float: left;
      width: 30%;
      text-align: right;
      margin-top: 0px; } }
  .sub-page .top-section .top-img2 img {
    display: block;
    width: 80%;
    height: auto;
    margin: 0 auto; }
    @media (min-width: 768px) {
      .sub-page .top-section .top-img2 img {
        width: 100%;
        max-width: 362px; } }




/* PMTCとは */

section.aperiodic-type {
  position: relative;
  margin-bottom: 30px }
  
  @media (min-width: 768px) {
    section.aperiodic-type:after {
      content: "";
      clear: both;
      height: 0;
      display: block;
      visibility: hidden; } }
  section.aperiodic-type .sect-title {
    height: 21.42px;
    background: url(../img/aperiodic/aperiodic-pmtc-title.svg) center top/contain no-repeat;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    margin: 0 0 19px 0; }
    @media (min-width: 768px) {
      section.aperiodic-type .sect-title {
        height: 23.8px;
        background-position: left top; } }
  section.aperiodic-type figure > img {
    width: 60%;
    height: auto;
    display: block;
    margin: 0 auto; }
  section.aperiodic-type .type-fig1 {
    margin-bottom: 60px; }
    @media (min-width: 768px) {
      section.aperiodic-type .type-fig1 {
        float: right;
        width: 33.71795%;
        margin-top: -28px;
        margin-bottom: 0; }
        section.aperiodic-type .type-fig1 > img {
          width: 100%; } }
  section.aperiodic-type .type-fig2 {
    margin-top: 60px; }
    @media (min-width: 768px) {
      section.aperiodic-type .type-fig2 {
        float: right;
        margin-top: 24px;
        width: 46.53846%; }
        section.aperiodic-type .type-fig2 > img {
          width: 100%;
          max-width: 211px;
          margin: 0; } }
  @media (min-width: 768px) {
    section.aperiodic-type .col.msg {
      float: left;
      width: 51.02564%; } }
      
      
      
/* 予防歯科 */

section.aperiodic-type2 {
  position: relative;
  margin-bottom: 30px }
  
  @media (min-width: 768px) {
    section.aperiodic-type2:after {
      content: "";
      clear: both;
      height: 0;
      display: block;
      visibility: hidden; } }
  section.aperiodic-type2 .sect-title {
    height: 21.42px;
    background: url(../img/aperiodic/aperiodic-type-subtitle1.svg) center top/contain no-repeat;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    margin: 0 0 19px 0; }
    @media (min-width: 768px) {
      section.aperiodic-type2 .sect-title {
        height: 23.8px;
        background-position: left top; } }
  section.aperiodic-type2 figure > img {
    width: 60%;
    height: auto;
    display: block;
    margin: 0 auto; }
  section.aperiodic-type2 .type-fig1 {
    margin-bottom: 60px; }
    @media (min-width: 768px) {
      section.aperiodic-type2 .type-fig1 {
        float: left;
        width: 100%;
        max-width: 362px;
        margin-top: 20px;
        margin-bottom: 0; }
        section.aperiodic-type2 .type-fig1 > img {
          width: 100%; } }
  section.aperiodic-type2 .type-fig2 {
    margin-top: 60px; }
    @media (min-width: 768px) {
      section.aperiodic-type2 .type-fig2 {
        float: left;
        margin-top: 24px;
        width: 46.53846%; }
        section.aperiodic-type2 .type-fig2 > img {
          width: 100%;
          max-width: 211px;
          margin: 0; } }
  @media (min-width: 768px) {
    section.aperiodic-type2 .col.msg {
      float: right;
      width: 45%; } }
  section.aperiodic-type2 .sect-list {
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "HG明朝E", "HG Mincho E", "メイリオ", Meiryo, serif;
    color: #49bcbf;
    margin: 0;
    list-style: none;
    padding: 0 0 0 1.4em;
    text-indent: -1.4em;
    font-size: 1.07143em; }
    @media (min-width: 768px) {
      section.aperiodic-type2 .sect-list {
        font-size: 1.23077em; } }
    section.aperiodic-type2 .sect-list li:before {
      content: "";
      display: inline-block;
      width: 1.3em;
      height: 1.0em;
      margin-right: 0.1em;
      background: url(../img/cosm/cosm-types-check.svg) left top/contain no-repeat; }
    section.aperiodic-type2 .sect-list li + li {
      margin-top: 0.8em; }
      
      
      
/* むし歯予防について */ 
     
section.decay .sect-title {
  height: 20.61px;
  background: url(../img/aperiodic/aperiodic-decay-subtitle1.svg) left top/contain no-repeat;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  margin: 60px 0 15px; }
  @media (min-width: 768px) {
    section.decay .sect-title {
      height: 22.9px;
      margin-top: 60px;
      margin-bottom: 15px; } }

section.decay .sect-msg {
  text-align: center;
  margin: 0 0 30px 0; }

@media (min-width: 768px) {
  section.decay .row {
    overflow: hidden; } }

@media (min-width: 768px) {
  section.decay .col {
    width: 28%;
    float: left; }
    section.decay .col + .col {
      margin-left: 4.5%; } }


section.decay .col > figure > img {
  display: block;
  width: 60%;
  margin: 0 auto; }
  @media (min-width: 768px) {
    section.decay .col > figure > img {
      width: 100%;
      max-width: 235px; } }

section.decay .col-title {
  background-position: left top;
  background-size: contain;
  background-repeat: no-repeat;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  margin: 30px 0 15px; }
  @media (min-width: 768px) {
    section.decay .col-title {
      margin-top: 40px; } }

section.decay .col1 .col-title {
  background-image: url(../img/aperiodic/aperiodic-decay-subtitle2.svg);
  height: 35px; }
  @media (min-width: 768px) {
    section.decay .col1 .col-title {
      height: 35px; } }

section.decay .col2 .col-title {
  background-image: url(../img/aperiodic/aperiodic-decay-subtitle3.svg);
  height: 35px; }
  @media (min-width: 768px) {
    section.decay .col2 .col-title {
      height: 35px; } }

section.decay .col3 .col-title {
  background-image: url(../img/child/child-brushing-subtitle3.svg);
  height: 15.21px; }
  @media (min-width: 768px) {
    section.child-brushing .col3 .col-title {
      height: 16.9px; } }

section.decay .col-msg {
  margin: 0 0 30px 0; }
  @media (min-width: 768px) {
    section.child-brushing .col-msg {
      margin: 0 auto;
      max-width: 228px; } }
   
  section.decay .type-fig1 {
    margin-bottom: 60px; }

      section.decay .type-fig1 {
        float: left;
        width: 100%;
        max-width: 362px;
        margin-top: 20px;
        margin-bottom: 0;
        margin-left: 35px; }
        section.decay .type-fig1 > img {
          width: 100%; }
          
  section.decay .type-fig2 {
    margin-top: 60px; }
    @media (min-width: 768px) {
      section.decay .type-fig2 {
        float: left;
        margin-top: 24px;
        width: 75%; }
        section.decay .type-fig2 > img {
          width: 100%; max-width: 211px; margin: 0; }

      
      
      

    
    



/*# sourceMappingURL=style.map */