@charset "UTF-8";
/* ====================================================
Color
==================================================== */
/* ====================================================
Font
==================================================== */
/* ====================================================
Position & transform
==================================================== */
/* ====================================================
Sizing
==================================================== */
/* ====================================================
Media Quary
==================================================== */
/* ====================================================
Transiton
==================================================== */
/* ====================================================
opacity
==================================================== */
/* ====================================================
flexbox
==================================================== */
/* CSS Document */
html {
  font-size: 10px;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  border-top: #9e8341 5px solid;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  color: #555555;
  line-height: 1.5em;
  position: relative;
}

@media screen and (max-width: 900px) {
  body {
    border-top: #9e8341 3px solid;
  }
}

body {
  -webkit-text-size-adjust: 100%;
}

@media screen and (max-width: 768px) {
  .pc-dsp {
    display: none;
  }
}

@media screen and (min-width: 769px) {
  .sp-dsp {
    display: none;
  }
}

 [data-element-id] .pc-dsp {
    display: block !important;
  }
[data-element-id] .sp-dsp {
        display: block !important;
    max-width: 450px;
    margin: 30px auto;
}
[data-element-id].pc-dsp:hover:before {
    content: "※こちらはPC時表示される画像になります。";
    display: block;
    line-height: 1.8;
    font-weight: bold;
    color: red;
    clear: both;
    background: #4c4c4c;
    padding: 5px;
    text-align: left;
    position: relative;
    letter-spacing: 1px;
    z-index: 1000;
    font-size: 12px;
}

[data-element-id].sp-dsp:hover:before {
    content: "※こちらはスマホ時表示される画像になります。";
    display: block;
    line-height: 1.8;
    font-weight: bold;
    color: red;
    clear: both;
    background: #4c4c4c;
    padding: 5px;
    text-align: left;
    position: relative;
    letter-spacing: 1px;
    z-index: 1000;
    font-size: 12px;
}  
button {
  cursor: pointer;
}

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

.img100 {
  width: 100%;
}

.rollover {
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.rollover:hover {
  opacity: 0.6;
  filter: alpha(opacity=60);
}

.flex-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.flex-box.content-fs {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.flex-box.content-fe {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.flex-box.content-bw {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.flex-box.content-c {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.flex-box.align-fs {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.flex-box.align-fe {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.flex-box.align-c {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.flex-box.align-st {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}

/* ====================================================
Float & clear
==================================================== */
.clearfix {
  *zoom: 1;
}

.clearfix:before {
  content: "";
  display: table;
}

.clearfix:after {
  clear: both;
  content: "";
  display: table;
}

/******************    link    ******************/
.more {
  padding-bottom: 10px;
  width: 50px;
  text-align: center;
  padding-left: 40%;
}

@media screen and (max-width: 768px) {
  .more {
    width: 100%;
    padding-left: 0;
  }
}

.more a {
  color: #dabd76;
  padding: 6px 2px;
  border-bottom: #dabd76 1px solid;
}

a {
  -webkit-transition: 0.6s ease-in-out;
  -o-transition: 0.6s ease-in-out;
  transition: 0.6s ease-in-out;
}

a:hover {
  opacity: 0.6;
  filter: alpha(opacity=60);
}

/******************    header    ******************/
#header {
  max-width: 1000px;
  margin: 0 auto;
  padding: 20px 10px 30px;
  width: 100%;
  background-color: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
          
}
[data-element-id]#header {
    position: relative;
    overflow: hidden;
}
#header .logo {
    width: 100%;
    float: left;
    max-width: 300px;
}
#header .logo a {
    display: block;
}
#header .logo img {
    width: 100% !important;
    height: auto !important;
}
@media screen and (max-width: 768px) {
#header {
    position: fixed;
    top: 0;
    left: 0;
    max-width: 100%;
    padding: 20px 10px;
    height: auto;
    z-index: 10;
    border-top: #9e8341 3px solid;
}
  #header .logo {
    width: 100%;
    float: left;
}
}
@media screen and (max-width: 768px) {
#header {
    padding: 10px 10px;
}
}
@media screen and (max-width: 599px) {
  #header .logo {
    max-width: 260px;
}
}  
#header:after {
  content: "";
  display: block;
  clear: both;
}

#header h1 {
    line-height: 1px;
    text-indent: -9999px;
}
[data-element-id] #header h1 {
    min-height: 22px;
    line-height: 100%;
    text-indent: inherit;
    padding-left: 4px;
}

@media screen and (max-width: 768px) {
  #header #gnav {
    display: none;
  }
}

#header #gnav ul {
  float: right;
}

#header ul li {
    display: inline-block;
    margin-left: 25px;
    text-align: center;
    color: #0c2848;
    font-size: 18px;
    font-family: "Times New Roman", Times, serif;
    font-weight: normal;
}
#header ul li a {
    color: #0c2848;
}
#header ul li .txt {
    color: #2d2d2d;
    font-size: 12px;
    font-weight: normal;
    padding-top: 8px;
}
#header ul li a .txt{
    color: #2d2d2d;
}
#header .netbnr {
  text-align: right;
  padding-bottom: 20px;
  font-size: 0;
}
#header .netbnr .right {
    float: right;
    width: 63%;
}
@media screen and (max-width: 768px) {
  #header .netbnr {
    display: none;
  }
}

#header .netbnr img {
  height: 66px;
  /*	height: 80px;
*/
  padding-left: 0px;
}

#header .netbnr .right {
    float: right;
    width: 54%;
}
#header .netbnr .right li {
    width: 46%;
    margin: 0 1%;
    display: block;
}
#header .netbnr .right li a {
    display: block;
}
#header .netbnr .right li img {
    width: 100% !important;
    height: auto !important;
}
#header .netbnr img.reserve {
    margin-top: 5.5%;
    /* height: 50px !important; */
}
[data-element-id] nav.navGlobal {
    display: block !important;
    opacity: 1 !important;
    position: relative !important;
 z-index: 2;
    top: 20px;
    left: 0;
    padding-bottom: 100px;
    width: 100%;
    height: auto;
    overflow: auto;
    background: #fff;
    color: #000;
    text-align: center;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    animation-name: fade-in;
    -moz-animation-duration: .35s;
    -moz-animation-name: fade-in;
    -webkit-animation-duration: .35s;
    -webkit-animation-name: fade-in;
  }
[data-element-id] nav.navGlobal .navGlobalIn {
    margin: 0 auto;
    padding: 0;
    width: 100%;
  }
[data-element-id] nav.navGlobal .navGlobalIn .nav-menu-sp {
    padding: 10px 0 0;
  }
[data-element-id] nav.navGlobal .navGlobalIn .nav-menu-sp li {
    display: block !important;
    margin: 0 !important;
  }
[data-element-id] nav.navGlobal .navGlobalIn .nav-menu-sp li a {
    display: block;
    padding: 15px 15px;
    color: #01154b;
    font-size: 18px;
    font-size: 1.8rem;
    font-family: "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
    text-align: left;
  }
[data-element-id] nav.navGlobal .navGlobalIn .nav-menu-sp li a span {
    margin-left: 10px;
    color: #7d7d7d;
    font-size: 12px;
    font-size: 1.2rem;
  }
[data-element-id] nav.navGlobal .navGlobalIn .netbnr-sp {
    border-top: 1px solid #eee;
  }
[data-element-id] nav.navGlobal .navGlobalIn .netbnr-sp a {
    display: inline-block;
    margin: 20px 10px 0;
  }
[data-element-id] nav.navGlobal.active {
    display: block;
    opacity: 1;
  }
nav.navGlobal .navGlobalIn .netbnr-sp ul {
    margin: 35px auto 0 auto;
    max-width: 60%;
    width: 100%;
}
nav.navGlobal .navGlobalIn .netbnr-sp ul li {
    width: 45%;
    box-sizing: border-box;
    margin: 0px 2.5% !important;
    display: block !important;
}
nav.navGlobal .navGlobalIn .netbnr-sp ul li a {
    width: 100%;
    display: block !important;
    margin: 0 auto !important;
}
nav.navGlobal .navGlobalIn .netbnr-sp ul li img {
    width: 100% !important;
    height: auto !important;
}  
@media screen and (min-width: 768px) {
  nav.navGlobal {
    display: none;
  }
}

@media screen and (max-width: 768px) {
  nav.navGlobal {
    display: none;
    position: fixed;
    z-index: 2;
    top: 55px;
    left: 0;
    padding-bottom: 100px;
    width: 100%;
    height: 100vh;
    overflow: auto;
    background: #fff;
    color: #000;
    text-align: center;
    opacity: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    animation-name: fade-in;
    -moz-animation-duration: .35s;
    -moz-animation-name: fade-in;
    -webkit-animation-duration: .35s;
    -webkit-animation-name: fade-in;
  }
  nav.navGlobal .navGlobalIn {
    margin: 0 auto;
    padding: 0;
    width: 100%;
  }
  nav.navGlobal .navGlobalIn .nav-menu-sp {
    padding: 10px 0 0;
  }
  nav.navGlobal .navGlobalIn .nav-menu-sp li {
    display: block !important;
    margin: 0 !important;
  }
  nav.navGlobal .navGlobalIn .nav-menu-sp li a {
    display: block;
    padding: 15px 15px;
    color: #01154b;
    font-size: 18px;
    font-size: 1.8rem;
    font-family: "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
    text-align: left;
  }
  nav.navGlobal .navGlobalIn .nav-menu-sp li a span {
    margin-left: 10px;
    color: #7d7d7d;
    font-size: 12px;
    font-size: 1.2rem;
  }
  nav.navGlobal .navGlobalIn .netbnr-sp {
    border-top: 1px solid #eee;
  }
  nav.navGlobal .navGlobalIn .netbnr-sp a {
    display: inline-block;
    margin: 20px 10px 0;
  }
  nav.navGlobal.active {
    display: block;
    opacity: 1;
  }
}
@media screen and (max-width: 599px) {
  nav.navGlobal .navGlobalIn .netbnr-sp ul {
    max-width: 70%;
}
nav.navGlobal .navGlobalIn .netbnr-sp ul li {
    width: 100%;
    margin: 0px auto 15px auto !important;
}
}  
@media screen and (min-width: 769px) {
  .navToggle {
    display: none;
  }
}

@media screen and (max-width: 768px) {
  .navToggle {
    display: block;
    position: fixed;
    right: 0;
    top: 0;
    width: 50px;
    height: 50px;
    cursor: pointer;
    z-index: 3;
    text-align: center;
  }
  .navToggle span {
    display: block;
    position: absolute;
    /* .navToggleに対して */
    width: 30px;
    border-bottom: solid 2px #01154b;
    -webkit-transition: .35s ease-in-out;
    -o-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
    left: 0;
    right: 0;
    margin: 0 auto;
  }
  .navToggle span:nth-child(1) {
    top: 16px;
  }
  .navToggle span:nth-child(2) {
    top: 24px;
  }
  .navToggle span:nth-child(3) {
    top: 32px;
  }
  .navToggle.active span:nth-child(1) {
    top: 24px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
  }
  .navToggle.active span:nth-child(2), .navToggle.active span:nth-child(3) {
    top: 24px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
        transform: rotate(45deg);
  }
}

@keyframes fade-in {
  0% {
    display: none;
    opacity: 0;
  }
  1% {
    display: block;
    opacity: 0;
  }
  100% {
    display: block;
    opacity: 1;
  }
}

@-webkit-keyframes fade-in {
  0% {
    display: none;
    opacity: 0;
  }
  1% {
    display: block;
    opacity: 0;
  }
  100% {
    display: block;
    opacity: 1;
  }
}

/******************    contents    ******************/
.wrap01 {
  background-color: #e8e0d4;
  /*background-color:#1e1008;*/
  width: 100%;
  position: relative;
  padding: 50px 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

@media screen and (max-width: 768px) {
  .wrap01 {
    padding: 35px 0;
    line-height: 1.6;
  }
  .wrap01 .service {
    padding: 0 4%;
  }
}

.wrap02 {
  background-color: #2e1d14;
  /*background-color:#1e1008;*/
  width: 100%;
  position: relative;
}

.wrap03 {
  background: url(/import/tenant_1/kobe-nodadc.com/img/bg-info.jpg) no-repeat top 0 center;
  background-size: cover;
  height: 660px;
  width: 100%;
  position: relative;
  padding: 50px 0;
}

@media screen and (max-width: 980px) {
  .wrap03 {
    padding: 50px 20px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
}

@media screen and (max-width: 768px) {
  .wrap03 {
    padding: 10px 4%;
  }
}

.wrap04 {
  background-color: #1e1008;
  width: 100%;
  position: relative;
  padding: 50px 0;
}

.wrap05 {
  background-color: #1e1008;
  width: 100%;
  position: relative;
  padding: 50px 0;
}

@media screen and (max-width: 768px) {
  .wrap05 {
    padding: 20px 0;
  }
}

.continar {
  max-width: 980px;
  margin: 0 auto;
}

.color01 {
  background-color: #2e1d14;
}

.color02 {
  background-color: #1e1008;
}

/******************    main    ******************/
#mainarea {
  position: relative;
  width: 100%;
  max-height: 660px;
  height: 41.588vw;
}
#mainarea .inner{
	text-align: center;
    position: relative;
    width:100%;
    box-sizing:border-box;
    overflow: hidden;
}
#mainarea .inner .uk-slideshow {
    position: absolute !important;
    top: 0;
}
#mainarea .inner .uk-slidenav-position:after {
    display: block;
    content: "";
    padding-top: 45%;
}
#mainarea .inner .slide li div img {
    min-width: 1000px !important;
}

@media only screen and (max-width: 599px){
#mainarea .inner {
    max-width: 100%;
   
}
}
#mainarea .slide2 {
    position: relative;
    width: 100%;
}
#mainarea .slide2 .left {
    position: absolute;
    top: 5%;
    left: 0;
    bottom: 5%;
    width: 50%;
    height: 100%;
    z-index: 1;
    overflow: hidden;
    max-height: 100%;
}

#mainarea .slide2 .left dl {
    position: relative;
    width: 100%;
}
#mainarea .slide2 .left dl dd {
    position: relative;
    width: 100%;
    line-height: 160%;
    font-size: 35px;
    color: #00597b;
    text-align: center;
    box-sizing: border-box;
    padding: 2% 1%;
    font-weight: bold;
    background: rgba(255,255,255,0.9);
}

#mainarea .slide2 .left dl dt {
    padding: 15% 2%;
    text-align: center;
    position: relative;
    /* min-height: 463px; */
    color: #fff;
    font-size: 40px;
    line-height: 160%;
    align-items: center;
    margin: 0 auto;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: justify;
    -webkit-justify-content: center;
    justify-content: center;
    background: rgba(0,89,123,0.9);
}
#mainarea .slide2 .left dl dt:after {
  content: url(/upload/tenant_1/6d4b99555bdd153de48fb6107232495b.png);
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    bottom: 10%;
}

@media screen and (max-width: 1024px) {
#mainarea .slide2 .left {
    top: 3%;
}
#mainarea .slide2 .left dl dt:after {
    content: url(/upload/tenant_1/7621de3fe49bf9a4da0251b774b7c23b.png);
    bottom: -8px;
}
}
@media screen and (max-width: 768px) {
#mainarea .slide2 .left {
    top: 8%;
}

#mainarea .slide2 .left dl dd {
    font-size: 20px;
    padding-bottom: 1%;
    padding-top: 1%;
}
#mainarea .slide2 .left dl dt {
  font-size: 28px;
}
}
@media screen and (max-width: 599px) {
  #mainarea .slide2 .left {
    top: 10%;
}
  #mainarea .slide2 .left dl dt {
    font-size: 15px;
    padding: 10% 1%;
        max-height: 170px;
}
#mainarea .slide2 .left dl dd {
    font-size: 12px;
    padding-bottom: 1%;
    padding-top: 1%;
}
}  
#mainarea .slide3 {
    position: relative;
    width: 100%;
}
#mainarea .slide3 .center {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    max-width: 50%;
    margin: 0 auto;
    background: url(/upload/tenant_1/a470f3d5ea532b4032b8189d45c4e559.png) no-repeat;
    background-position: center center;
    background-size: contain;
    min-height: 620px;
}
#mainarea .slide3 .center .in {
    max-width: 80%;
    margin: 8% auto;
}
#mainarea .slide3 .center .tit {
    padding-top: 15%;
    margin: 0 auto;
    max-height: 170px;
}
#mainarea .slide3 .center .tit .img {
    width: 100%;
    max-width: 120px;
    margin: 0 auto 1% auto;
}
#mainarea .slide3 .center .tit .img img {
    width: 100% !important;
    height: auto !important;
}
#mainarea .slide3 .center .tit h2 {
    position: relative;
    padding: 18% 3% 6% 3%;
    font-size: 25px;
    line-height: 160%;
}
#mainarea .slide3 .center .txt {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 8%;
    padding-right: 8%;
    box-sizing: border-box;
    max-width: 85%;
    margin: 0 auto;
    font-size: 14px;
    color: #fff;
    line-height: 160%;
    margin-bottom: 0;
}
@media screen and (max-width: 1024px) {
  #mainarea {
/*height: 380px;*/
    max-height: 100%;
    
  }
  #mainarea .slide3 .center .tit {
    padding-top: 6%;
    max-height: 120px;
}
#mainarea .slide3 .center .tit h2 {
    padding: 15% 15% 6% 15%;
    font-size: 14px !important;
}
#mainarea .slide3 .center .txt {
    padding-top: 3%;
    font-size: 12px;
}
#mainarea .slide3 .center .in {
    margin: 10% auto 8% auto;
}
#mainarea .slide3 .center {
    min-height: 460px;
}
#mainarea .slide3 .center {
    max-width: 60%;
}
}
@media screen and (max-width: 768px) {
#mainarea .slide3 .center {
    position: relative;
    margin-top: 25%;
}
  #mainarea .slide3 .center .tit {
    padding-top: 17%;
}
  #mainarea .slide3 .center .tit .img {
    width: 100%;
    max-width: 80px;
    margin: 0 auto 1% auto;
}
#mainarea .slide3 .center .tit h2 {
    padding-top: 25%;
}
}
@media screen and (max-width: 599px) {
#mainarea .slide3 .center {
    position: relative;
    margin-top: 25%;
    max-width: 100%;
    color: #2d75be;
    background: #2d75be;
    min-height: auto;
}
#mainarea .slide3 .center .tit {
    padding-top: 10%;
}
#mainarea .slide3 .center .txt {
    padding-top: 3%;
    padding-bottom: 10%;
}
}
@media screen and (max-width: 1000px) {
  #mainarea {
/*height: 380px;*/
    max-height: 100%;
    
  }
}

@media screen and (max-width: 768px) {
  #mainarea {
    margin-top: 50px;
  }
}

/*#mainarea #slider{
	position:absolute;
	top:0;
}*/
#mainarea h2 img {
  height: auto;
}

@media screen and (max-width: 900px) {
  #mainarea h2 img {
    width: 80%;
    max-width: 500px;
    padding: 0 15px;
  }
}

.price_bnr {
  max-width: 700px;
  margin: 0 auto;
  text-align: center;
}

#indexpage h3 {
    padding: 0 0 25px 0;
    text-align: center;
    color: #0c2848;
    font-size: 30px;
    font-family: "Times New Roman", Times, serif;
    font-weight: normal;
}
#indexpage h3 strong {
    display: block;
    font-size: 15px;
    padding-top: 10px;
}

@media screen and (max-width: 768px) {
  #indexpage .bx-wrapper {
    margin-bottom: 0;
  }
}

/******************    service    ******************/
/*html, body{
	height:100%;
}
*/
.service p {
  text-align: center;
  font-size: 15px;
}

#content2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 auto;
  max-width: 980px;
  color: #fff;
}

#content2:after {
  content: "";
  display: block;
  clear: both;
}

#content2 .box {
  padding: 50px 2% 40px;
  width: 20%;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
#content2 .box h4 {
    font-size: 18px;
    color: #fff;
    text-align: center;
    padding-bottom: 12px;
}
#content2 .box h4 {
    font-size: 18px;
    color: #fff;
    text-align: center;
    padding-bottom: 12px;
}

#content2 .box .ww {
    width: 100%;
    max-width: 100px;
    margin: 0 auto;
    min-height: 100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: justify;
    -webkit-justify-content: center;
    justify-content: center;
      align-items: center;  
    border-radius: 5px;
    overflow: hidden;
    border: 1px solid #fff;
}
#content2 .box .ww .ic {
width: 100%;
    max-width: 50px;
    margin: 0 auto;
    padding: 24px 24%;
}

#content2 .box .ww .ic img {
    width: 100% !important;
    height: auto !important;
}

@media screen and (max-width: 768px) {
  #content2 {
    max-width: 100%;
  }
  #content2 .box {
    padding: 30px 5% 20px;
    width: 100%;
    text-align: center;
  }
}

#content2 .box p {
  font-size: 14px;
  font-weight: normal;
  margin: 10px 0 5px 0;
  text-align: left;
  line-height: 1.5em;
}

@media screen and (max-width: 768px) {
  #content2 .box p {
    text-align: center;
  }
}

#indexpage #content2 .color03 {
  background-color: #2e1d14;
}

#content2 .color04 {
  background-color: #1e1008;
}

#content2 .color05 {
  background-color: #2e1d14;
}

/******************    information    ******************/
#news {
  background-color: #f2ede6;
  padding: 8px 30px;
}
#news ul {
  padding: 25px 0;
}
@media screen and (max-width: 768px) {
  #news {
    margin: 0 4%;
    padding: 5px 3%;
  }
}

#news li {
  padding: 10px 0;
  line-height: 3.6em;
  border-bottom: 1px dotted #555555;
  font-size: 15px;
}

@media screen and (max-width: 768px) {
  #news li {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.4;
  }
}

#news li time {
    float: left;
    padding-right: 20px;
    line-height: 160%;
}
#news li article {
    line-height: 160%;
}
@media screen and (max-width: 768px) {
  #news li time {
    display: block;
    margin-bottom: 4px;
    width: 100%;
    float: none;
    padding-right: 0;
  }
}

#news .fin {
  border-bottom: none !important;
}

#news span {
  color: #9f8648;
}

#news .new {
  color: #bc0000;
  padding-left: 8px;
}

/******************    slide    ******************/
#slide {
  margin: 50px auto;
  position: relative;
}
[data-element-id] #slide {
    max-height: 490px;
    overflow: hidden;
}
[data-element-id] #slide .bx-wrapper .bx-pager {
    position: relative;
}
[data-element-id] #slide .bx-wrapper .bx-viewport {
    overflow: visible !important;
}
[data-element-id] #slide .bx-wrapper .bx-viewport ul {
width: 100% !important;
    transition-duration: inherit !important;
    transform: none !important;
}
#slide .box {
    position: relative;
    width: 100%;
    overflow: hidden;
    min-height: 485px;
}

#slide .box .tbox {
    z-index: 1;
    position: relative;
    width: 65%;
    padding-top: 130px;
    padding-left: 4%;
    padding-bottom: 130px;
}

#slide .box .tbox h4 {
    font-size: 22px;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", serif;
    color: #fff;
    text-align: left;
    line-height: 140%;
}
#slide .box .tbox.c1 h4 {
    color: #9a813f;
}
#slide .box .tbox.パターン2：見出し白色×文字白色 h4 {
    color: #9a813f;
}
#slide .box .tbox h4 strong {
        display: block;
    font-size: 38px;
    padding-top: 15px;
    line-height: 140%;
}
#slide .box .tbox .txt {
    padding-top: 45px;
    font-size: 18px;
    line-height: 140%;
    color: #fff;
}
#slide .box .tbox.c1 .txt {
    color: #565656;
}
#slide .box .tbox.パターン2：見出し白色×文字白色 .txt {
    color: #565656;
}
#slide .box .pic {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 0;
}
#slide .box .pic img {
    width: 100% !important;
    height: auto !important;
}

@media screen and (max-width: 1024px) {
  #slide .box .tbox {
    padding-top: 70px;
    padding-bottom: 70px;
}
}
@media screen and (max-width: 768px) {
  #slide {
    margin: 30px auto 50px;
  }
  #slide .bx-wrapper .bx-pager {
    padding-top: 10px;
    bottom: -30px;
  }


#slide .box .tbox h4 {
    font-size: 20px;
}
#slide .box .tbox h4 strong {
    font-size: 30px;
}

#slide .box .tbox .txt {
    padding-top: 25px;
    font-size: 16px;
}
#slide .box {
    min-height: 380px;
}
}
@media screen and (max-width: 599px) {
#slide .box {
    min-height: 250px;
}  
#slide .box .tbox {
    width: 90%;
    padding-top: 15px;
    padding-bottom: 15px;
}
#slide .box .tbox h4 {
    font-size: 16px;
}

#slide .box .tbox h4 strong {
    font-size: 18px;
    padding-top: 10px;
}
#slide .box .tbox .txt {
    padding-top: 10px;
    font-size: 12px;
}  
}
#slide .text-slide {
  position: absolute;
  top: 125px;
  left: 40px;
  z-index: 3000;
}

#slide .text-slide p {
  font-size: 15px;
  line-height: 1.7em;
  color: #fff;
  width: 280px;
  margin: 22px 0;
}

#slide .text-slide .more {
  padding-left: 0 !important;
  margin-top: 240px;
  text-align: left;
}

/******************    interview    ******************/
#interview .sec:after {
  content: "";
  display: block;
  clear: both;
}

#interview .sec {
  background-color: #9e8341;
  color: #fff;
  font-size: 15px;
  line-height: 1.5em;
}

#interview .box {
  width: 50%;
  float: left;
  background-color: #9e8341;
}
#interview .box .pic {
    width: 100%;
}
#interview .box .pic img {
    width: 100% !important;
    height: auto !important;
}
@media screen and (max-width: 768px) {
  #interview .box {
    width: 100%;
    float: none;
  }
}

#interview .box02 {
  width: 35%;
  float: left;
  padding: 70px 0 0 50px;
}

#interview .box02 h4 {
    font-size: 32px;
    color: rgb(255, 255, 255);
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", serif;
    line-height: 140%;
}

@media screen and (max-width: 980px) {
  #interview .box02 {
    padding: 5vw 0 0 5vw;
  }
}

@media screen and (max-width: 768px) {
  #interview .box02 {
    padding: 30px 4%;
    width: 100%;
    float: none;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  #interview .box02 img {
    width: auto;
    height: 65px;
  }
  #interview .box02 h4 {
    font-size: 28;
}
}
@media screen and (max-width: 599px) {
  #interview .box02 h4 {
    font-size: 22px;
}
#interview .box02 p {
    margin: 15px 0;
}
}  

#interview .box02 p {
  margin: 30px 0;
}

#interview .box03 {
  float: right;
  width: 50%;
  background-color: #9e8341;
}
#interview .box03 .pic {
    width: 100%;
}
#interview .box03 .pic img {
    width: 100% !important;
    height: auto !important;
}
@media screen and (max-width: 768px) {
  #interview .box03 {
    width: 100%;
    float: none;
  }
}

#interview .box img, #interview .box03 img {
  vertical-align: bottom;
}

@media screen and (max-width: 768px) {
  #interview .box img, #interview .box03 img {
    width: 100%;
  }
}

#interview .box02 .more {
  padding-left: 0px !important;
}

@media screen and (max-width: 768px) {
  #interview .box02 .more {
    margin-bottom: 0;
  }
}

/******    clinic guide    ******/
#indexpage .guide:after {
  content: "";
  display: block;
  clear: both;
}

#indexpage .guide .box {
    width: 31.8%;
    height: auto;
    min-height: 380px;
    background-color: #fff;
    text-align: center;
    float: left;
    margin-right: 1.53%;
}
#indexpage .guide .box h4 {
    font-size: 18px;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", serif;
    color: #0c2848;
    font-weight: bold;
    padding: 12px 0;
    margin: 0 6%;
    line-height: 160%;
    border-bottom: 1px solid #0c2848;
}
#indexpage .guide .box h4 strong {
    display: block;
    font-size: 22px;
}

@media screen and (max-width: 768px) {
  #indexpage .guide .box {
    margin: 0 auto 30px;
    float: none;
    width: 92%;
    max-width: 600px;
    height: auto;
  }
}

#indexpage .guide .box2 {
  width: 31.8%;
    height: auto;
    min-height: 380px;
  background-color: #fff;
  text-align: center;
  float: left;
  margin-right: 0;
}

@media screen and (max-width: 768px) {
  #indexpage .guide .box2 {
    margin: 0 auto;
    float: none;
    width: 92%;
    max-width: 600px;
    height: auto;
  }
}

#indexpage .guide .box .img, #indexpage .guide .box2 .img {
  width: 100%;
}

#indexpage .guide .box p, #indexpage .guide .box2 p {
  text-align: left;
  font-size: 14px;
  line-height: 1.5em;
  padding: 10px 9%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

@media screen and (max-width: 768px) {
  #indexpage .guide .box p, #indexpage .guide .box2 p {
    padding: 15px 4%;
    text-align: center;
  }
}

#indexpage .guide .box .catchguide, #indexpage .guide .box2 .catchguide {
  border-bottom: 1px solid #0c2848;
  padding: 14px 12px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

/******    info    ******/
#indexpage .wrap03 {
  padding-bottom: 100px;
  height: auto;
}

@media screen and (max-width: 768px) {
  #indexpage .wrap03 {
    padding-bottom: 20px;
  }
}

#indexpage .info,#clinicpage .info {
  /*	height:440px;
	height:560px;
*/
/*  background: url(/import/tenant_1/kobe-nodadc.com/img/info-map.png) no-repeat top 220px center;*/
  padding: 30px 0 0px 6px;
}

@media screen and (max-width: 980px) {
#indexpage .info {
    background: none;
    max-width: 500px;
}
}

@media screen and (max-width: 640px) {
  #indexpage .info h3 img {
    height: 100px;
  }
}
 
#indexpage .info ul:after,#clinicpage .info ul:after {
  content: "";
  display: block;
  clear: both;
}

#indexpage .info .add , #clinicpage .info .add {
  padding-top: 0px;
  font-size: 20px;
  height: auto;
  min-height: 260px;
}
#indexpage .info .left , #clinicpage .info .left {
    width: 33%;
    margin-right: 2%;
    min-height: 310px;
}
#indexpage .info .left .table , #clinicpage .info .left .table  {
    position: relative;
    overflow: hidden;
    z-index: 1;
    margin: 10px 0;
}
#indexpage .info .left .table ul.gray li, #clinicpage .info .left .table ul.gray li {
    background: #221815;
color: #fff;
}
#indexpage .info .left .table ul, #clinicpage .info .left .table ul {
    background: #fff;
    border-bottom: 1px solid #aca8a7;
}
#indexpage .info .left .table li, #clinicpage .info .left .table li{
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
color: #221815;
    width: 10%;
    padding: 5px 0;
    line-height: 140%;
    box-sizing: border-box;
    border-right: 1px solid #aca8a7;
}

#indexpage .info .left .table li:first-child, #clinicpage .info .left .table li:first-child {
    width: 30%;
    margin-left: 0;
    border-left: 1px solid #aca8a7;
}

#indexpage .info .left .table li, #clinicpage .info .left .table li {
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: justify;
    -webkit-justify-content: center;
    justify-content: center;
}

#indexpage .info .left .txt, #clinicpage .info .left .txt{
    color: #f77306;
    margin-top: 4px;
    font-size: 14px;
    line-height: 140%;
    font-weight: bold;
}
#indexpage .info .right, #clinicpage .info .right {
    width: 65%;
}
#indexpage .info .right .pic, #clinicpage .info .right .pic{
  width: 100%;
}
#indexpage .info .right .pic img, #clinicpage .info .right .pic img {
  width: 100% !important;
  height: auto !important;
}
@media screen and (max-width: 980px) {
  #indexpage .info .add {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 15px 0 0;
    height: auto;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
}

#indexpage .info .info-sp {
  display: none;
}
#indexpage .info .info-pc {
    display: block;
}
[data-element-id]#indexpage .info .info-sp {
    display: block;
}
[data-element-id].info-pc:hover:before {
    content: "※こちらはPC時表示される画像になります。";
    display: block;
    line-height: 1.8;
    font-weight: bold;
    color: red;
    clear: both;
    background: #4c4c4c;
    padding: 5px;
    text-align: left;
    position: relative;
    letter-spacing: 1px;
    z-index: 1000;
    font-size: 12px;
}

[data-element-id].info-sp:hover:before {
    content: "※こちらはスマホ時表示される画像になります。";
    display: block;
    line-height: 1.8;
    font-weight: bold;
    color: red;
    clear: both;
    background: #4c4c4c;
    padding: 5px;
    text-align: left;
    position: relative;
    letter-spacing: 1px;
    z-index: 1000;
    font-size: 12px;
}  

@media screen and (max-width: 980px) {
  #indexpage .info .info-sp {
    display: block;
  }
}

@media screen and (max-width: 980px) {
  #indexpage .info .add .infomation-contact {
    width: 290px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    text-align: center;
  }
}

@media screen and (max-width: 768px) {
  #indexpage .info .info-sp {
      display: block;
}
#indexpage .info .info-pc {
  display: none;
}
#indexpage .img-menu {
    margin-bottom: 20px;
}
#indexpage .info .right, #clinicpage .info .right {
    width: 100%;
    max-width: 300px;
    margin: 0 auto;
}
  #indexpage .info .add .infomation-contact {
    margin-bottom: 10px;
    width: 100%;
  }
  #indexpage .info .add .infomation-contact ul.clearfix {
    margin: 0 auto;
    text-align: center;
}
#indexpage .info .add li {
    text-align: center;
    font-size: 16px;
}
#indexpage .info .left, #clinicpage .info .left {
    width: 100%;
    margin-right: 0;
    min-height: 310px;
}
#indexpage .info .left .table, #clinicpage .info .left .table {
    max-width: 300px;
    margin: 20px auto;
}
}
@media screen and (max-width: 768px) {
  #clinicpage .info .info-sp {
      display: block;
}
#clinicpage .info .info-pc {
  display: none;
}
#indexpage .img-menu {
    margin-bottom: 20px;
}
#clinicpage .info .right, #clinicpage .info .right {
    width: 100%;
    max-width: 300px;
    margin: 0 auto;
}
  #clinicpage .info .add .infomation-contact {
    margin-bottom: 10px;
    width: 100%;
  }
  #clinicpage .info .add .infomation-contact ul.clearfix {
    margin: 0 auto;
    text-align: center;
}
#clinicpage .info .add li {
    text-align: center;
    font-size: 16px;
}
#clinicpage .info .left {
    width: 100%;
    margin-right: 0;
    min-height: 200px;
}
#clinicpage .info .left .table {
    max-width: 300px;
    margin: 20px auto;
}
}
#indexpage .info .add .time-table {
  margin: 20px 0;
}

@media screen and (max-width: 980px) {
  #indexpage .info .add .img-map {
    width: calc(100% - 290px);
    padding-left: 3%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
}

@media screen and (max-width: 768px) {
  #indexpage .info .add .img-map {
    padding-left: 0;
    width: 100%;
  }
}

#indexpage .info .add .img-map img {
  width: 100%;
  max-width: 490px;
}

#indexpage .info .add li {
  line-height: 1.5em;
}

#indexpage .info .add span {
  font-size: 15px;
}

#indexpage .info .add .tel {
  color: #9f8648;
  font-size: 32px;
  font-family: "Times New Roman", Times, serif;
}

#indexpage .info .add .tel a {
  color: #9f8648;
}

#indexpage .info .add .tel a:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}

.info .add .mail {
  font-size: 16px;
  background-color: #9f8648;
  /*	background-color:#2e1d14;
*/
  border-radius: 3px;
  display: inline-block;
  padding: 5px 35px;
  margin: 3px 0;
}

.info .add .mail a {
  color: #fff;
  font-size: 14px;
}

.info .add .mail i {
  font-size: 18px;
  padding-right: 10px;
}

/******    footer    ******/
#footer {
  background-color: #fff;
  padding: 35px 0;
}

@media screen and (max-width: 980px) {
  #footer {
    padding: 35px 20px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
}

@media screen and (max-width: 768px) {
  #footer {
    padding: 30px 4% 10px;
    text-align: center;
  }
}

@media screen and (max-width: 640px) {
  #footer {
    padding: 0 0 20px;
  }
}

#footer:after {
  content: "";
  display: block;
  clear: both;
}

@media screen and (max-width: 768px) {
  #footer ul {
    display: inline-block;
    overflow: hidden;
  }
}

@media screen and (max-width: 640px) {
  #footer ul {
    display: block;
  }
}

#footer li {
  font-size: 13px;
  color: #cfcfcf;
  font-weight: 600;
  float: left;
}

@media screen and (max-width: 640px) {
  #footer li {
    text-align: center;
}
  #footer li:nth-child(odd) {
    display: none;
  }
  #footer li:nth-child(even) {
    border-bottom: 1px solid #eee;
    width: 50%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  #footer li:nth-child(even) a {
    display: block;
    padding: 12px 0;
  }
  #footer li:nth-child(2n) {
    border-left: 1px solid #eee;
  }
}

#footer li a {
  display: inline-block;
  color: #000;
  padding: 0 20px;
}

@media screen and (max-width: 980px) {
  #footer li a {
    padding: 0 14px;
  }
}

#footer p {
  float: right;
  font-size: 11px;
}

@media screen and (max-width: 768px) {
  #footer p {
    margin-top: 20px;
    width: 100%;
    float: none;
    text-align: center;
  }
}

/*************************　　　下層ページ　　　　*************************/
#mainarea h2 {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  top: 53%;
  left: 0;
  right: 0;
  margin: 0 auto;
  text-align: center;
  color: #fff;
  font-family: "Times New Roman", Times, serif;
  font-weight: normal;
  font-size: 48px;
  line-height: 1;
  z-index: 1;
  letter-spacing: 2px;
}
#mainarea h2.jp {
    font-size: 40px !important;
    line-height: 120%;
}
#mainarea h2.title {
    font-size: 40px;
    line-height: 140%;
    width: 100%;
    max-width: 840px;
    text-shadow: 2px 2px 2px #2e2e2e;
}
#mainarea h2.title strong {
    font-weight: normal;
    font-size: 32px;
    display: block;
    line-height: 140%;
}

@media screen and (max-width: 1000px) {
  #mainarea h2 {
    padding: 0;
  }
}

@media screen and (max-width: 768px) {
  #mainarea h2.title {
    font-size: 35px !important;
}
  #mainarea h2.title strong {
    font-size: 25px !important;
}
  #mainarea h2 {
    font-size: 30px !important;
  }
#mainarea h2.jp {
    font-size: 35px !important;
}
}

@media screen and (max-width: 599px) {
  #mainarea h2.title {
    font-size: 16px !important;
}
#mainarea h2.title strong {
    font-size: 16px !important;
}
#mainarea h2.jp {
    font-size: 20px !important;
}
}

@media screen and (max-width: 768px) {
  #mainarea h2 {
    font-size: 60px;
    font-size: 8vw;
    /* 750 = design width, mobile only */
  }
}

/************　　　メインイメージ　　　*************/
#mainarea {
 /* background: url(/import/tenant_1/kobe-nodadc.com/img/img-main.jpg) no-repeat top 0 center;
  background-size: cover;*/
  height: 660px;
}

@media screen and (max-width: 1000px) {
  #mainarea {
    height: auto;
  }
}

#mainarea h2 span {
  font-size: 20px;
  line-height: 1;
  display: inline-block;
  -webkit-transform: translateY(-12px);
      -ms-transform: translateY(-12px);
          transform: translateY(-12px);
}

@media screen and (max-width: 768px) {
  #mainarea h2 span {
    -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
            transform: translateX(0);
    margin-top: 10px;
  }
}

/*    policy    */
#policypage #mainarea {
  background: url(/import/tenant_1/kobe-nodadc.com/img/img-main.jpg) no-repeat top 0 center;
  background-size: cover;
  height: 360px;
}

@media screen and (max-width: 768px) {
  #policypage #mainarea {
    height: 24vh;
  }
  #mainarea {
  height: auto;
}
}

/*    staff    */
#staffpage #mainarea {
  background: url(/import/tenant_1/kobe-nodadc.com/staff/img/img-main.jpg) no-repeat top 0 center;
  background-size: cover;
  height: 360px;
}

@media screen and (max-width: 768px) {
  #staffpage #mainarea {
    height: 24vh;
  }
}
#staffpage  .continar h3 {
    padding: 0 0 25px 0 !important;
    text-align: center;
    color: #9f8342 !important;
    font-size: 34px !important;
    font-family: "Times New Roman", Times, serif;
    font-weight: normal;
    line-height: 140%;
}
#staffpage  .continar h3 strong {
    display: block;
    font-size: 15px;
    padding-top: 10px;
    line-height: 140%;
}


@media (max-width: 768px) {
  #staffpage  .activities .cycle .image {
    width: 100%;
  }
  #staffpage .continar h3 {
    font-size: 25px !important;
}
}
@media (max-width: 599px) {
#staffpage  .continar h3 {
    padding-bottom: 0 !important;
}
}
/*    clinic    */
#clinicpage #mainarea {
  background: url(/import/tenant_1/kobe-nodadc.com/clinic/img/img-main.jpg) no-repeat top 0 center;
  background-size: cover;
  height: 360px;
}

@media screen and (max-width: 768px) {
  #clinicpage #mainarea {
    height: 24vh;
  }
}

/*    equipment    */
#equipmentpage #mainarea {
  background: url(/import/tenant_1/kobe-nodadc.com/equipment/img/img-main.jpg) no-repeat top 0 center;
  background-size: cover;
  height: 360px;
}

@media screen and (max-width: 768px) {
  #equipmentpage #mainarea {
    height: 24vh;
  }
}

/*    service    */
#servicepage #mainarea {
  background: url(/import/tenant_1/kobe-nodadc.com/service/img/img-main.jpg) no-repeat top 0 center;
  background-size: cover;
  height: 360px;
}

@media screen and (max-width: 768px) {
#servicepage #mainarea {
    height: 44vh;
}
}
@media screen and (max-width: 599px) {
#servicepage #mainarea {
    height: 24vh;
}
}

#servicepage #mainarea .mbsp-15 {
  margin-bottom: 50px;
}

/*    blank    */
#blankpage #mainarea {
  background: url(/import/tenant_1/kobe-nodadc.com/img/img-main.jpg) no-repeat top 0 center;
  background-size: cover;
  height: 360px;
}

@media screen and (max-width: 768px) {
  #blankpage #mainarea {
    height: 24vh;
  }
}

/*******    policy    *******/
/*******    staff    *******/
/*******    clinic    *******/
#clinicpage h3 {
    text-align: center;
    margin-bottom: 50px;
}

#clinicpage .info {
    margin-bottom: 40px;
    background: #fff;
    padding: 60px 2%;
    box-sizing: border-box;
}

#clinicpage .info .add {
  /*padding-top: 52px;
 padding-left: 50px;
  font-size: 20px;
  height: 260px;*/
}

#clinicpage .info .add li {
  line-height: 1.5em;
}

#clinicpage .info .add span {
  font-size: 15px;
}

#clinicpage .info .add .tel a {
  color: #9f8648;
  font-size: 32px;
  font-family: "Times New Roman", Times, serif;
}

#clinicpage .info .add .tel a:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}

#clinicpage .info .calendar {
  width: 90%;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
#clinicpage h3 {
    margin-bottom: 0;
}
}
/*******    equipment    *******/
/*******    service    *******/
#servicepage .subject:after {
  content: "";
  display: block;
  clear: both;
}

#servicepage .subject {
  margin: 30px auto 24px auto;
  padding: 0 10px;
  max-width: 728px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

#servicepage .subject .left, #servicepage .subject .right {
  width: 47%;
  text-align: center;
  padding: 30px 0 25px 0;
  border-radius: 3px;
}

@media screen and (max-width: 640px) {
  #servicepage .subject .left, #servicepage .subject .right {
    margin-bottom: 30px;
    width: 100%;
  }
}

#servicepage .subject .left {
  float: left;
}

@media screen and (max-width: 640px) {
  #servicepage .subject .left {
    float: none;
  }
}

#servicepage .subject .right {
  float: right;
}

@media screen and (max-width: 640px) {
  #servicepage .subject .right {
    float: none;
  }
}

#servicepage .subject p {
  color: #fff;
  font-size: 14px;
  font-weight: normal;
  margin: 10px 0 5px 0;
  padding: 0 20px;
  text-align: left;
  line-height: 1.5em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

#servicepage .subject .more {
  margin: 10px auto;
  text-align: center !important;
  padding: 0;
}

/*価格表用CSS */
#servicepage .pricetable {
  padding: 50px 0 20px 0;
  background-color: #fff;
}

@media screen and (max-width: 768px) {
  #servicepage .pricetable {
    padding: 40px 0 18px 0;
  }
}

#servicepage h4 {
  margin: 0 auto 20px;
  background-color: #1e1008;
  width: 80%;
  text-align: center;
  color: #fff;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-weight: normal;
  padding: 5px 0;
}

@media screen and (max-width: 768px) {
  #servicepage .width-table {
    overflow-x: auto;
    margin-bottom: 32px;
  }
}

#servicepage table {
  width: 80%;
  margin: 10px auto 40px auto;
  font-size: 15px;
  margin-bottom: 80px;
}

@media screen and (max-width: 900px) {
  #servicepage table {
    width: 100%;
    margin-bottom: 35px;
  }
}

@media screen and (max-width: 767px) {
  #servicepage table {
    width: 720px;
    margin: 0 0px 0px;
    padding: 0 15px;
  }
}

#servicepage .wrap05 {
  display: block;
  padding-bottom: 1px;
}

@media screen and (max-width: 768px) {
  #servicepage .wrap05 {
    padding: 30px 0 50px;
  }
}

#servicepage .wrap05 a.more {
  margin-bottom: 40px;
  max-width: 480px;
}

@media screen and (max-width: 768px) {
  #servicepage .wrap05 a.more {
    margin-bottom: 0;
  }
}

#servicepage .wrap05 .mbsp-15 {
    margin-bottom: 40px;
    padding: 10px 20px !important;
    font-size: 18px;
    margin-top: 30px;
    color: #fff;
}

#servicepage .wrap05 .mbsp-15 img {
  max-width: 100%;
}

#servicepage th, #servicepage td {
  border: 1px solid #989898;
  padding-left: 10px;
  padding: 10px;
  line-height: 1.4;
}

@media screen and (max-width: 768px) {
  #servicepage th, #servicepage td {
    font-size: 13px;
    padding: 8px 10px;
  }
}

#servicepage th {
  vertical-align: middle;
  background-color: #f9f5eb;
}

#servicepage .price {
  text-align: right !important;
  padding-left: 0;
  padding-right: 10px;
  padding: 10px;
}

@media screen and (max-width: 768px) {
  #servicepage .price {
    padding: 8px 10px;
  }
}

#servicepage .blank {
  background-color: #fff;
  border-left: none;
  border-right: none;
  padding: 0;
}

#servicepage .caption {
  width: 90%;
  text-align: right;
  font-size: 13px;
}

@media screen and (max-width: 768px) {
  #servicepage .caption {
    width: 100%;
    margin-bottom: 10px;
  }
}

#servicepage .pay h5 strong {
  color: #000;
  padding-bottom: 10px;
  line-height: 1.2;
}

#servicepage .pay {
  padding: 0 10%;
}

@media screen and (max-width: 768px) {
  #servicepage .pay {
    padding: 0;
  }
}

#servicepage .pay p {
  font-size: 15px;
  background-color: #f9f5eb;
  padding: 30px;
  line-height: 1.6;
}

@media screen and (max-width: 768px) {
  #servicepage .pay p {
    padding: 15px;
    font-size: 13px;
  }
}

@media screen and (max-width: 768px) {
  .inner-sp15 {
    padding: 0 15px !important;
  }
}

#servicepage .pay dl {
  margin-bottom: 40px;
}

#servicepage .pay dl .hiyou {
    width: 100%;
    margin: 20px 0;
}
#servicepage .pay dl .hiyou ul {
    width: 100%;
}
#servicepage .pay dl .hiyou ul li {
  width: 21.9%;
    margin-right: 4%;
    margin-bottom: 20px;
    position: relative;
}
#servicepage .pay dl .hiyou ul li:nth-of-type(4n+4){
    margin-right: 0;
}
#servicepage .pay dl .hiyou ul li:first-of-type:after {
    content: url(/upload/tenant_1/ac4129d5ddd3568aef42f7e5c75aa04c.png);
        display: inline-block;
    vertical-align: middle;
    position: absolute;
    right: -15%;
    top: 30%;
}
#servicepage .pay dl .hiyou ul li+li+li:after {
    content: url(/upload/tenant_1/ac4129d5ddd3568aef42f7e5c75aa04c.png.png);
        display: inline-block;
    vertical-align: middle;
    position: absolute;
    left: -15%;
    top: 30%;
}
#servicepage .pay dl .hiyou ul li dl {
    background: #e8e0d4;
    margin: 0 auto;
    border: 1px solid #0e2947;
    padding: 25px 2%;
    box-sizing: border-box;
}
#servicepage .pay dl .hiyou ul li:first-of-type dl {
    background: #0e2947;
}
#servicepage .pay dl .hiyou ul li dl dd {
    text-align: center;
    font-size: 16px;
    line-height: 160%;
    color: #0e2947;
    font-weight: bold;
}
#servicepage .pay dl .hiyou ul li:first-of-type dl dd {
    color: #fff;
}
#servicepage .pay dl .hiyou ul li .txt {
    background: none !important;
    padding: 5px 0;
    line-height: 140%;
    font-size: 12px;
}
@media screen and (max-width: 768px) {
  #servicepage .pay dl {
    margin-bottom: 20px;
  }
  #servicepage .pay dl .hiyou ul li+li+li:after {
    left: -18%;
}
#servicepage .pay dl .hiyou ul li:first-of-type:after {
    right: -17.5%;
}
}

#servicepage .pay dt {
  color: #000;
  font-size: 18px;
  padding: 20px 0;
}

@media screen and (max-width: 768px) {
  #servicepage .pay dt {
    font-size: 16px;
    padding-bottom: 10px;
  }
}

#servicepage .pay dd {
  font-size: 15px;
  line-height: 1.6;
}

@media screen and (max-width: 768px) {
  #servicepage .pay dd {
    font-size: 13px;
  }
}
@media screen and (max-width: 599px) {
#servicepage .pay dl .hiyou ul li {
    width: 40%;
    margin-right: 10%;
}
#servicepage .pay dl .hiyou ul li+li+li:after {
    left: -20%;
}
#servicepage .pay dl .hiyou ul li:first-of-type:after {
    right: -20%;
}
}
#servicepage .pay dd img {
  padding-top: 10px;
}

@media screen and (max-width: 768px) {
  #servicepage .pay dd img {
    padding-top: 18px;
  }
}

#servicepage .pay dd .bnr {
    width: 100%;
    max-width: 240px;
    margin: 20px 0;
}
#servicepage .pay dd .bnr img {
    padding-right: 0;
    padding-top: 0;
    width: 100% !important;
    height: auto !important;

}
@media (max-width: 480px) {
  #servicepage .pay dd .bnr img {
    width: 100%;
    height: auto;
  }
}

.orthodontics .continar #fv p {
  width: 500px !important;
  position: absolute;
  top: 228px !important;
  left: 418px !important;
  line-height: 2.0em;
}

.orthodontics .continar .boxArea:after {
  content: "";
  display: block;
  clear: both;
}

.orthodontics .continar .boxArea .textArea {
  position: static;
  width: 600px;
  font-size: 14px;
  width: 65%;
  float: left;
}

.orthodontics .continar .boxArea .imgArea {
  width: 35%;
  float: right;
}

/****************************    calendar 2ヶ月分    ****************************/
.calendar h4 {
  color: #fff;
  margin: 90px 0 0 0;
  padding: 0.8%;
  text-align: center;
  background: #070F36;
  border-radius: 5px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
}

.calendar table {
  margin-top: 3%;
  width: 49%;
  border-left: 1px solid #c2c2c2;
  border-bottom: 1px solid #c2c2c2;
  background-color: #fff;
  float: left;
  margin-right: 2%;
}

.calendar table.mn {
  margin-right: 0%;
}

.calendar table th,
.calendar table td {
  padding: 10px 0;
  border: 1px solid #c2c2c2;
  border-bottom: none;
  border-left: none;
  font-size: 16px;
}

.calendar table th {
  width: 10%;
  text-align: center;
  background: #eee;
  padding: 5px 0;
}

.calendar table td {
  padding: 0 3%;
}

.calendar table tr td.sun {
  color: #ca393b;
}

.calendar table tr td.sat {
  color: #265a88;
}

.calendar table tr td.alloff {
  background-color: #EED1D1;
}

.calendar table tr td.holiday {
  background-color: #EED1D1;
  color: #ca393b;
}

.calendar table tr.attention td {
  color: #a9893c;
  text-align: left;
}

.calendar .timecap {
  font-size: 13px;
}

/****************************    calendar 3ヶ月分    ****************************/
.calendar3 {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.5em;
}
.calendar3 .fc-row .fc-content-skeleton table {
    background: none !important;
}
.calendar3 .calender-table-wrap {
    display: block;
    margin: 0 auto;
    text-align: center;
}
.calendar3 .calender-table-wrap iframe {
    max-width: 700px;
    margin: 40px auto;
    width: 100%;
    min-height: 550px;
}
.calendar3 #calendar {
    border-top: none;
    padding: 40px 0 60px 0;
    width: 70%;
    margin: 0 auto;
}
.calendar3 .fc-unthemed td.fc-today {
border-bottom: #fcf8e3;
    border-left: 1px solid #fcf8e3;
}
.calendar3 #calendar table td {
    padding: 0 0;
}
.calendar3 #calendar table {
    width: 100%;
    margin-top: 0;
    border-left: 1px solid #c2c2c2;
    border-bottom: none;
    float: none;
    background: rgba(255,255,255,0.4);
}
.calendar3 #calendar table td {
    padding: 0 0;
}
.calendar3 #calendar table th {
    width: auto;
    background: none;
    padding: 10px 0;
}
.calendar3 .fc-toolbar h2 {
    margin: 0;
    font-size: 25px;
    font-weight: bold;
    color: #070f36;
}
.calendar3 .fc-basic-view .fc-body .fc-row {
    max-height: 75px;
}
.calendar3 tbody.fc-body {
    border-bottom: 1px solid #c2c2c2;
}
@media screen and (max-width: 640px) {
  .calendar3 .calender-table-wrap {
    display: block;
  }
    .calendar3 #calendar .calender-table-wrap {
    display: table;
  }
}
@media screen and (max-width: 768px) {
.calendar3 #calendar {
    width: 100%;
}
}

.calendar3 > p {
  width: 100%;
}

.calendar3 h4 {
  color: #fff;
  margin: 90px 0 0 0;
  padding: 0.8%;
  font-weight: 700;
  text-align: center;
  background: #070F36;
  border-radius: 5px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.calendar3 table {
  margin-top: 3%;
  width: 31.333333%;
  border-left: 1px solid #c2c2c2;
  border-bottom: 1px solid #c2c2c2;
  background-color: #fff;
  float: left;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  table-layout: fixed;
}

@media screen and (max-width: 768px) {
  .calendar3 table {
    width: 48%;
  }
}

@media screen and (max-width: 640px) {
  .calendar3 table {
    width: 100%;
  }
}

.calendar3 table.mn {
  margin-right: 0%;
}

.calendar3 table th,
.calendar3 table td {
  padding: 10px 0;
  border: 1px solid #c2c2c2;
  border-bottom: none;
  border-left: none;
  font-size: 16px;
  line-height: 1.5em;
}

.calendar3 table th {
  width: 10%;
  text-align: center;
  background: #eee;
  padding: 5px 0;
}

.calendar3 table td {
  padding: 0 3%;
}

.calendar3 table tr td.sun {
  color: #ca393b;
}

.calendar3 table tr td.sat {
  color: #265a88;
}

.calendar3 table tr td.alloff {
  background-color: #EED1D1;
}

.calendar3 table tr td.holiday {
  background-color: #EED1D1;
  color: #ca393b;
}

.calendar3 table tr td.harfoff {
  background-color: #B9E3E4;
}

.calendar3 table tr.attention td {
  color: #a9893c;
  text-align: left;
}

.calendar3 .timecap {
  font-size: 13px;
}

.calendar3 .select img {
  /*	width:100%;
*/
}

#clinicpage .calendar3 {
  width: 90%;
  margin: 3% auto 15px;
}

/*******    blank    *******/
#blankpage .blank {
  background-color: #fff;
  font-size: 16px;
  text-align: center;
  padding: 200px 0;
  margin: 50px auto;
}

.pc {
  display: none;
}

@media screen and (min-width: 1201px) {
  .pc {
    display: block;
  }
}

.sp {
  display: none;
}
[data-element-id].sp {
    display: block !important;
  }

@media screen and (max-width: 768px) {
  .sp {
    display: block !important;
  }
}

.pc-02 {
  display: block;
}

@media screen and (max-width: 768px) {
  .pc-02 {
    display: none;
  }
}

@media screen and (max-width: 768px) {
  .mbsp-26 {
    margin-bottom: 26px !important;
  }
}

@media screen and (max-width: 768px) {
  .mbsp-0 {
    margin-bottom: 0px !important;
  }
}

.list-txt-01 li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.list-txt-01 li span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

/* ====================================================
MODULE
==================================================== */
/*パンくずMODULE*/
/*見出しMODULE*/
.ttlCom01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 25px;
}

@media screen and (max-width: 768px) {
  .ttlCom01 {
    display: block;
  }
}

.ttlCom01 .item-l {
  width: 173px;
  margin-right: 5px;
}

@media screen and (max-width: 768px) {
  .ttlCom01 .item-l {
    margin-bottom: 10px;
    width: 140px;
  }
}

.ttlCom01 .item-r {
  width: calc(100% - 178px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 25px;
  border-bottom: 1px solid #9e8341;
}

@media screen and (max-width: 768px) {
  .ttlCom01 .item-r {
    width: 100%;
    display: block;
    padding: 10px 0;
    text-align: left;
  }
}

.txt-base01 {
  position: relative;
  z-index: 2;
}

.ttlCom02 {
  background-color: #0c2848;
  padding: 12px 10px;
  text-align: center;
}
#servicepage .activities .sec .ttlCom02 h4 {
    font-size: 24px;
    font-weight: bold !important;
    color: #fff !important;
    margin-bottom: 0 !important;
    line-height: 140%;
}
#servicepage .activities .sec .ttlCom02 h4 strong {
    font-size: 45px;
    display: block;
    padding-top: 5px;
    line-height: 140%;
}
@media screen and (max-width: 768px) {
  .ttlCom02 {
    padding: 9px 10px;
  }
}

/*テキストMODULE*/
.bold {
  font-weight: bold;
}

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

.al-r {
  text-align: right;
}

.align-t {
  vertical-align: top;
}

/*リンクMODULE*/
.link-arrow {
  position: relative;
  padding-left: 15px;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.link-arrow:hover {
  opacity: 0.6;
  filter: alpha(opacity=60);
}

.link-arrow:before {
  content: '';
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
  width: 4px;
  height: 4px;
  margin-top: -2px;
  border-top: 1px solid #1c1c1c;
  border-right: 1px solid #1c1c1c;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
      transform: rotate(45deg);
}

/*ボタンMODULE*/
.btn {
  width: 100px;
  height: 50px;
  border: 2px solid #FFCCCC;
  text-align: center;
  line-height: 50px;
}

.btnRed {
  color: red;
  background-color: #FFCCCC;
}

.btnBlue {
  color: white;
  border-color: blue;
  background-color: blue;
}

@media (max-width: 768px) {
  .mbsp-15 {
    margin-bottom: 15px !important;
    padding: 0  !important;
  }
  .mbsp-40 {
    margin-bottom: 40px;
  }
  .mbsp-30 {
    margin-bottom: 30px;
  }
  .mbsp-20 {
    margin-bottom: 20px;
  }
  .mbsp-0 {
    margin-bottom: 0 !important;
  }
  .mtsp-40 {
    margin-top: 40px !important;
  }
  .mtsp-15 {
    margin-top: 15px !important;
  }
  .mtsp-0 {
    margin-top: 0 !important;
  }
  .ptsp-20 {
    padding-top: 20px !important;
  }
  .ptsp-30 {
    padding-top: 30px !important;
  }
  .pbsp-30 {
    padding-bottom: 30px !important;
  }
}

@media (min-width: 769px) {
  .mbpc-0 {
    margin-bottom: 0 !important;
  }
  .mbpc-15 {
    margin-bottom: 15px;
  }
  .mbpc-20 {
    margin-bottom: 20px;
  }
  .mbpc-22 {
    margin-bottom: 22px;
  }
  .mbpc-25 {
    margin-bottom: 25px;
  }
  .mbpc-30 {
    margin-bottom: 30px;
  }
  .mbpc-35 {
    margin-bottom: 35px !important;
  }
  .mbpc-40 {
    margin-bottom: 40px !important;
  }
  .mbpc-50 {
    margin-bottom: 50px !important;
  }
  .mbpc-65 {
    margin-bottom: 65px !important;
  }
  .mbpc-70 {
    margin-bottom: 70px;
  }
  .mtpc-90 {
    margin-top: 90px !important;
  }
  .mtpc-50 {
    margin-top: 50px !important;
  }
  .mtpc-55 {
    margin-top: 55px !important;
  }
  .mtpc-40 {
    margin-top: 40px !important;
  }
  .mtpc-25 {
    margin-top: 25px;
  }
  .mtpc-15 {
    margin-top: 15px;
  }
  .mtpc-5 {
    margin-top: 5px;
  }
  .mtpc-0 {
    margin-top: 0 !important;
  }
  .pbpc-15 {
    padding-bottom: 15px !important;
  }
  .pbpc-30 {
    padding-bottom: 30px !important;
  }
  .pbpc-40 {
    padding-bottom: 40px !important;
  }
  .pbpc-65 {
    padding-bottom: 65px !important;
  }
  .ptpc-25 {
    padding-top: 25px !important;
  }
  .ptpc-30 {
    padding-top: 30px !important;
  }
  .ptpc-35 {
    padding-top: 35px !important;
  }
  .ptpc-40 {
    padding-top: 40px !important;
  }
}

@media (max-width: 900px) {
  .continar > h3 img {
    max-width: 60%;
  }
}

@media screen and (max-width: 768px) {
  .continar > h3 img {
    max-width: 80%;
  }
}

@media (min-width: 769px) {
  #servicepage .wrap05 {
    padding-top: 60px;
  }
}

@media screen and (max-width: 768px) {
  #servicepage .surgery .sec {
    padding-bottom: 10px !important;
  }
}
#servicepage .essence .sec .title {
    margin-bottom: 45px;
}
#servicepage .essence .sec .title.tt2 {
    width: 100%;
    font-size: 20px;
    font-weight: bold;
    padding-bottom: 5px;
    line-height: 140%;
    color: #000;
    border-bottom: 1px solid #000;
    max-width: 240px;
    margin: 0 auto 15px auto;
}
#servicepage .essence .sec .title .tbox {
    width: 19%;
    margin-right: 1%;
}
#servicepage .essence .sec .title .tit {
    width: 80%;
    border-bottom: 1px solid #9e8341;
}
#servicepage .essence .sec .title .tbox dl {
        position: relative;
    background: #9e8341;
    padding: 50px 6% 5px 6%;
    min-height: 120px;
}
#servicepage .essence .sec .title .tbox dl dt {
    background: url(/upload/tenant_1/0de7831826f12ea3b192cee5f879fe86.png) no-repeat;
    background-position: center center;
    text-align: center;
    padding: 5px 0;
    background-size: 100% 100%;
    font-size: 14px;
    color: #fff;
    font-weight: normal;
    position: absolute;
    top: -10px;
    left: 18%;
    right: auto;
    width: 110px;
}

#servicepage .essence .sec .title .tbox dl dd {
    color: #fff;
    text-align: center;
    font-size: 15px;
    line-height: 140%;
}

#servicepage .essence .sec .title .tbox dl dd.txt {
   padding-top: 10px;
    font-size: 27px;
    letter-spacing: -2px;
}

#servicepage .essence .sec .title .tit h4 {
    padding-top: 30px;
    text-align: left;
    padding-left: 2.5%;
    font-size: 36px;
    line-height: 160%;
    font-weight: bold;
    color: #0c2848;
    box-sizing: border-box;
    margin-bottom: 0;
    padding-bottom: 24px;
}
#servicepage .essence .sec .title .tit h4 strong {
    font-size: 45px;
    display: inline-block !important;
}
#servicepage .essence .sec .title .tit {
    width: 80%;
}
#servicepage .essence .approach p {
  display: block;
}

@media screen and (max-width: 768px) {
  #servicepage .sp-noBG {
    background-image: none !important;
  }
}

#servicepage .width-sp80 {
  text-align: center;
}

@media screen and (max-width: 768px) {
  #servicepage .width-sp80 {
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
  }
}

#servicepage .width-sp60 {
  text-align: center;
}
#servicepage .activities .sec .title.s1 .tbox dl dd.txt {
    font-size: 21px;
}

#servicepage .activities .sec .title.s1 .tbox dl {
    padding: 40px 4% 25px 4%;
    min-height: 90px;
}
#servicepage .activities .sec .title.s2 .tbox dl {
    padding: 60px 4% 35px 4%;
    min-height: 110px;
}
#servicepage .activities .sec .title.s2 .tbox dl dd {
    font-size: 17px;
}
@media screen and (max-width: 768px) {
#servicepage .activities .sec .title.s2 .tbox dl dd {
    font-size: 14px;
}
#servicepage .activities .sec .title.s2 .tbox dl {
    padding: 30px 4% 25px 4%;
    min-height: 90px;
}

#servicepage .activities .sec .title.s1 .tbox dl {
    padding: 25px 4% 20px 4%;
    min-height: 70px;
}
#servicepage .activities .sec .title.s1 .tbox dl dd.txt {
    font-size: 16px;
}
}
@media screen and (max-width:599px) {
#servicepage .activities .sec .title.s2 .tbox dl dd {
    font-size: 14px;
}
#servicepage .activities .sec .title.s2 .tbox dl {
    padding: 25px 2% 20px 2%;
    min-height: auto;
}

#servicepage .activities .sec .title.s1 .tbox dl {
    padding: 25px 2% 20px 2%;
    min-height: auto;
}
#servicepage .activities .sec .title.s1 .tbox dl dd.txt {
    font-size: 16px;
}
}
#servicepage .activities .sec .title.tt2 {
    width: 100%;
    font-size: 20px;
    font-weight: bold;
    padding-bottom: 5px;
    line-height: 140%;
    color: #000;
    border-bottom: 1px solid #000;
    max-width: 240px;
    margin: 0 auto 15px auto;
}
#servicepage .activities .sec .title.tt2.s1 {
    font-size: 20px !important;
    padding-bottom: 5px !important;
    margin-bottom: 40px !important;
    max-width: 230px;
    color: #000 !important;
}
#servicepage .activities .sec .title .tbox {
    width: 19%;
    margin-right: 1%;
}
#servicepage .activities .sec .title .tit {
    width: 80%;
    border-bottom: 1px solid #9e8341;
}
#servicepage .activities .sec .title .tbox dl {
        position: relative;
    background: #9e8341;
    padding: 30px 6% 25px 6%;
    min-height: 120px;
}
#servicepage .activities .sec .title .tbox dl dt {
    background: url(/upload/tenant_1/0de7831826f12ea3b192cee5f879fe86.png) no-repeat;
    background-position: center center;
    text-align: center;
    padding: 5px 0;
    background-size: 100% 100%;
    font-size: 14px;
    color: #fff;
    font-weight: normal;
    position: absolute;
    top: -10px;
    left: 18%;
    right: auto;
    width: 110px;
}

#servicepage .activities .sec .title .tbox dl dd {
    color: #fff;
    text-align: center;
    font-size: 16px;
    line-height: 140%;
}
#servicepage .activities .sec .title .tbox dl dd.txt+dd {
  padding-top: 3px;
}
#servicepage .activities .sec .title .tbox dl dd.txt {
    padding-top: 3px;
    font-size: 27px;
}

#servicepage .activities .sec .title .tit h4 {
    padding-top: 30px;
    text-align: left;
    padding-left: 2.5%;
    font-size:35px;
    line-height: 140%;
    font-weight: bold;
    color: #0c2848;
    box-sizing: border-box;
    margin-bottom: 0;
    padding-bottom: 24px;
}
#servicepage .activities .sec .title .tit h4 strong {
    font-size: 40px;
    display: inline-block !important;
}
#servicepage .activities .sec .title .tit {
    width: 80%;
}
@media screen and (max-width: 768px) {
  #servicepage .width-sp60 {
    max-width: 60%;
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (max-width: 768px) {
  #servicepage .activities .sec {
    padding: 0 15px !important;
  }
  #servicepage .activities .sec .title {
margin-bottom: 20px;
}
  #servicepage .activities .sec .title .tit h4 {
    padding-top: 15px;
    font-size: 26px;
    padding-bottom: 10px;
}

#servicepage .activities .sec .title .tit h4 strong {
    font-size: 30px;
}
#servicepage .activities .sec .title .tbox dl {
    padding: 20px 2% 15px 2%;
}
#servicepage .activities .sec .title .tbox dl dd {
    font-size: 12px;
}
#servicepage .activities .sec .title .tbox dl dd.txt {
    font-size: 20px;
}
#servicepage .activities .sec .title .tbox dl dt {
    left: 9%;
}
#servicepage .activities .sec .title .tbox dl {
    padding: 25px 2% 20px 2%;
    min-height: 80px;
}
}

#servicepage .essence-01 {
  position: relative;
}

@media (max-width: 500px) {
  #servicepage .essence-01 {
    background-image: url(/import/tenant_1/kobe-nodadc.com/service/img/aesthetic/bg-01.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
    height: 300px;
  }
}

@media (max-width: 500px) {
  #servicepage .essence-01 .image {
    display: none;
  }
}
@media (max-width: 599px) {
#servicepage .activities .sec .title .tit h4 {
    font-size: 18px;
}
#servicepage .activities .sec .title .tit h4 strong {
    font-size: 20px;
}
#servicepage .activities .sec .title .tbox {
    width: 100%;
    margin-right: 0;
    max-width: 200px;
    margin: 20px auto 0 auto;
}
#servicepage .activities .sec .title .tbox dl {
    min-height: 50px;
}
#servicepage .activities .sec .title .tbox dl dt {
    left: 23%;
}
#servicepage .activities .sec .title .tit {
    width: 100%;
}
#servicepage .activities .sec .ttlCom02 h4 {
    font-size: 18px;
}
#servicepage .activities .sec .ttlCom02 h4 strong {
    font-size: 25px;
}
#servicepage .activities .sec .title.tt2.s1 {
    font-size:16px !important;
}
}
#servicepage .essence-01 .content {
  padding: 0 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
  text-align: center;
}
#servicepage .essence-01 .content h4 {
    font-size: 40px;
    font-weight: bold;
    line-height: 140%;
}


@media screen and (max-width: 768px) {
  #servicepage .essence-01 .content .image {
    width: 100%;
  }
#servicepage .essence-01 .content h4 {
    font-size: 30px;
}  
#servicepage .essence .sec .title {
margin-bottom: 20px;
}
#servicepage .essence .sec .title .tit h4 {
    padding-top: 15px;
    font-size: 28px;
    padding-bottom: 10px;
}
#servicepage .essence .sec .title .tit h4 strong {
    font-size: 32px;
}
#servicepage .essence .sec .title .tbox dl {
    padding: 20px 2% 15px 2%;
}
#servicepage .essence .sec .title .tbox dl dd {
    font-size: 12px;
}
#servicepage .essence .sec .title .tbox dl dd.txt {
    font-size: 20px;
}
#servicepage .essence .sec .title .tbox dl dt {
    left: 7%;
}
#servicepage .essence .sec .title .tbox dl {
    padding: 25px 2% 20px 2%;
    min-height: 80px;
}
}
@media (max-width: 599px) {
#servicepage .essence-01 .content h4 {
    font-size: 18px !important;
}
#servicepage .essence .sec .title .tit h4 {
    font-size: 18px;
}
#servicepage .essence .sec .title .tit h4 strong {
    font-size: 20px;
}
#servicepage .essence .sec .title .tbox {
    width: 100%;
    margin-right: 0;
    max-width: 200px;
    margin: 20px auto 0 auto;
}
#servicepage .essence .sec .title .tbox dl {
    min-height: 50px;
}
#servicepage .essence .sec .title .tbox dl dt {
    left: 23%;
}
#servicepage .essence .sec .title .tit {
    width: 100%;
}
#servicepage .activities .sec .ttlCom02 h4 {
    font-size: 18px;
}
#servicepage .activities .sec .ttlCom02 h4 strong {
    font-size: 25px;
}
}

#servicepage .essence-01 .content img {
  margin-bottom: 34px;
}

@media (max-width: 900px) {
  #servicepage .essence-01 .content img {
    max-width: 60%;
    margin-bottom: 20px;
  }
}

@media (max-width: 500px) {
  #servicepage .essence-01 .content img {
    max-width: 100%;
  }
}

#servicepage .essence-01 .content p {
  color: #fff;
  line-height: 1.9em;
  font-size: 16px;
}

@media screen and (max-width: 768px) {
  #servicepage .essence-01 .content p {
    font-size: 14px;
  }
}

@media (max-width: 320px) {
  #servicepage .essence-01 .content p {
    font-size: 12px;
  }
}

#servicepage .essence-02 {
  background-image: url(/import/tenant_1/kobe-nodadc.com/service/img/aesthetic/bg-02.png);
  background-repeat: no-repeat;
  background-position: right 50%;
background-size: cover;
    position: relative;
    padding-left: 3.0vw;
    padding-right: 2vw;
    padding-top: 3.5vw;
    padding-bottom: 3.3vw;
    margin-bottom: 40px;
}

#servicepage .essence-02.diff {
  padding-left: 25px;
  padding-top: 2.8vw;
}

@media screen and (max-width: 768px) {
  #servicepage .essence-02.diff {
    padding-top: 0;
    padding-left: 0;
  }
}

@media screen and (max-width: 768px) {
  #servicepage .essence-02 {
    background-image: none;
    padding: 0;
  }
}

#servicepage .essence-02 h3 {
    padding-top: 15px !important;
    margin-bottom: 15px;
    margin-top: 0;
    text-align: left !important;
    color: #000 !important;
    line-height: 140% !important;
    font-size: 22px !important;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
    font-weight: bold !important;
    padding-bottom: 0 !important;
}
#servicepage .essence-02 h3.tit {
    font-size: 45px !important;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", serif !important;
    font-weight: bold !important;
}
#servicepage .essence-02 span.title {
display: block;
    margin-bottom: 10px;
    color: #000;
    font-size: 17px;
    font-size: 1.7rem;
    line-height: 1.9em;
    font-weight: bold;
}

@media screen and (max-width: 768px) {
  #servicepage .essence-02 span.title {
    font-size: 13px;
    font-size: 1.3rem;
  }
#servicepage .essence-02 h3.tit {
    font-size:30px !important;
}
}
@media screen and (max-width: 599px) {
#servicepage .essence-02 h3.tit {
    font-size:22px !important;
    padding-bottom: 0;
}
}

#servicepage .essence-02 p {
  color: #000;
  font-size: 16px;
  font-size: 1.6rem;
  width: 51%;
  line-height: 1.9em;
}

@media screen and (max-width: 768px) {
  #servicepage .essence-02 p {
    font-size: 12px;
    font-size: 1.2rem;
    width: 100%;
  }
}

#servicepage .essence-02 p.light {
  color: #e8e0d4;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

@media screen and (max-width: 768px) {
  #servicepage .essence-02 p.light {
    color: #000;
  }
}

#servicepage .essence-02.style02, #servicepage .essence-02.style03, #servicepage .essence-02.style06 {
  padding-top: 4.7vw;
  padding-bottom: 4.2vw;
  background-image: url(/import/tenant_1/kobe-nodadc.com/service/img/aesthetic/bg-04.png);
  background-position: left 50%;
  overflow: hidden;
}

@media screen and (max-width: 768px) {
  #servicepage .essence-02.style02, #servicepage .essence-02.style03, #servicepage .essence-02.style06 {
    background-image: none;
    background-color: #e8e0d4;
    padding: 20px 20px;
  }
}

#servicepage .essence-02.style02 .content, #servicepage .essence-02.style03 .content, #servicepage .essence-02.style06 .content {
  width: 50%;
  float: right;
}

@media screen and (max-width: 768px) {
  #servicepage .essence-02.style02 .content, #servicepage .essence-02.style03 .content, #servicepage .essence-02.style06 .content {
    width: 100%;
  }
}

#servicepage .essence-02.style02 .content h3, #servicepage .essence-02.style03 .content h3, #servicepage .essence-02.style06 .content h3 {
  text-align: left;
  margin-bottom: 45px;
}

@media screen and (max-width: 768px) {
  #servicepage .essence-02.style02 .content h3, #servicepage .essence-02.style03 .content h3, #servicepage .essence-02.style06 .content h3 {
    margin-bottom: 20px;
  }
}

@media screen and (max-width: 768px) {
  #servicepage .essence-02.style02 .content h3 img, #servicepage .essence-02.style03 .content h3 img, #servicepage .essence-02.style06 .content h3 img {
    max-width: 55%;
  }
}
@media screen and (max-width: 599px) {
  #servicepage .essence-02 {
    margin-bottom: 0px;
}
}  
#servicepage .essence-02.style02 .content p, #servicepage .essence-02.style03 .content p, #servicepage .essence-02.style06 .content p {
  width: 100%;
}

#servicepage .essence-02.style03 .content h3 {
    background: none;
    text-align: right;
    margin: 0 !important;
    width: auto;
    color: #000;
    font-size: 30px;
    line-height: 140%;
    font-weight: bold;
    margin-bottom: 30px !important;
}
#servicepage .essence-02.style03 .content h3 strong {
    font-size: 50px;
    display: block;
    line-height: 140%;
}
#servicepage .essence-02.style03 .content h3.tit2 {
    background: none;
    text-align: right !important;
    margin: 0 !important;
    width: auto;
    color: #000;
    font-size: 30px !important;
    line-height: 140%!important;
    font-weight: bold !important;
    margin-bottom: 30px !important;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", serif !important;
}
#servicepage .essence-02.style03 .content h3.tit2 strong {
    font-size: 45px;
    display: block;
    line-height: 140%;
    text-align: right;
}
@media (min-width: 769px) {
  #servicepage .essence-02.style03 {
    padding-top: 5.1vw;
    padding-bottom: 6.2vw;
  }
  #servicepage .essence-02.style03 .content {
    width: 60%;
    overflow: hidden;
  }
  #servicepage .essence-02.style03 .content h3 {
    margin-bottom: 60px;
  }
  #servicepage .essence-02.style03 .content p {
    width: 64%;
    float: right;
    line-height: 1.6em;
  }

}

@media (max-width: 768px) {
    #servicepage .essence-02.style03 .content h3.tit2 {
    font-size: 20px !important;
}
#servicepage .essence-02.style03 .content h3.tit2 strong {
    padding-top: 5px;
    font-size: 35px;
    display: inline-block !IMPORTANT;
}
}  
@media (max-width: 599px) {
    #servicepage .essence-02.style03 .content h3.tit2 {
    font-size: 16px !important;
}
#servicepage .essence-02.style03 .content h3.tit2 strong {
    font-size: 30px;
    display: inline-block !IMPORTANT;
}
}  
@media (min-width: 769px) {
  #servicepage .essence-02.style04 {
    padding-left: 2vw;
    padding-top: 2.5vw;
    padding-bottom: 1.2vw;
  }
}

#servicepage .essence-02.style05 {
  margin-bottom: 20px;
}

@media (min-width: 769px) {
  #servicepage .essence-02.style05 {
    padding-left: 3.6vw;
    padding-top: 2.4vw;
    padding-bottom: 2.9vw;
    margin-bottom: 30px;
  }
  #servicepage .essence-02.style05 p {
    width: 47%;
    line-height: 1.6em;
    margin-bottom: 20px;
  }
}

@media (max-width: 767px) {
  #servicepage .essence-02.style05 {
    margin-bottom: 15px;
  }
}

#servicepage .essence-02.style06 {
  min-height: 468px;
}

@media screen and (max-width: 768px) {
  #servicepage .essence-02.style06 {
    min-height: auto;
  }
}

@media (min-width: 769px) {
  #servicepage .essence-02.style06 {
    padding-top: 0vw;
    padding-left: 2.1vw;
    padding-bottom: 0vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  #servicepage .essence-02.style06 h3 {
    margin-bottom: 27px !important;
  }
  #servicepage .essence-02.style06 p {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-right: 43px;
  }
}

@media screen and (min-width: 769px) and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  #servicepage .essence-02.style06 .content {
    padding: 114px 0;
  }
}

#servicepage .essence-02.style06 .content p {
  font-size: 15px;
  font-size: 1.5rem;
}

@media screen and (max-width: 768px) {
  #servicepage .essence-02.style06 h3 {
    margin-bottom: 15px !important;
  }
}

#servicepage .essence-03 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: -15px;
  margin-left: -15px;
  margin-bottom: 10px;
}

@media (max-width: 767px) {
  #servicepage .essence-03 {
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 0;
    display: block;
    max-width: 440px;
  }
}

#servicepage .essence-03 h5 {
  text-align: center;
}

#servicepage .essence-03 h5 img {
  width: 100%;
}

#servicepage .essence-03 .box {
  background-color: #fff;
  margin-right: 15px;
  margin-left: 15px;
  float: none;
  width: calc(50% - 30px);
}

#servicepage .essence-03 .box h5 {
    background: #000;
    text-align: center;
    padding: 5px 0;
    font-size: 20px;
    font-weight: bold;
    line-height: 140%;
    padding: 15px 0;
    color: #fff;
}
@media (max-width: 767px) {
  #servicepage .essence-03 .box {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 20px;
  }
  #servicepage .essence-03 .box:last-child {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 599px) {
  #servicepage .essence-03 .box h5 {
    font-size: 16px;
}
}
#servicepage .essence-03 .box .content {
  padding: 25px 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

#servicepage .essence-03 .box .content > * {
  width: 50%;
}

#servicepage .essence-03 .box ul {
  padding-right: 10px;
}

#servicepage .essence-03 .box ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 1.7em;
  color: #000;
  font-size: 16px;
  font-size: 1.6rem;
}
#servicepage .essence-03 .box .content .pic {
    width: 100%;
    max-width: 183px;
}
#servicepage .essence-03 .box .content .pic img {
    width: 100% !important;
    height: auto !important;
}
@media screen and (max-width: 768px) {
  #servicepage .essence-03 .box ul li {
    font-size: 12px;
    font-size: 1.2rem;
  }
}
@media screen and (max-width: 599px) {
  #servicepage .essence-03 .box .content .pic {
    max-width: 130px;
}
}  
#servicepage .essence-03 .box p {
  padding-right: 10px;
  color: #000;
  line-height: 1.7em;
  font-size: 14px;
  font-size: 1.4rem;
}

@media screen and (max-width: 768px) {
  #servicepage .essence-03 .box p {
    font-size: 12px;
    font-size: 1.2rem;
  }
}

#servicepage .essence-04 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 80px;
}

@media screen and (max-width: 768px) {
  #servicepage .essence-04 {
    display: block;
    margin-bottom: 30px;
    padding-left: 4%;
    padding-right: 4%;
  }
}

#servicepage .essence-04 .item-l,
#servicepage .essence-04 .item-r {
  width: 50%;
}

@media screen and (max-width: 768px) {
  #servicepage .essence-04 .item-l,
  #servicepage .essence-04 .item-r {
    width: 100%;
  }
}

#servicepage .essence-04 .item-l {
  padding-left: 10px;
}

@media screen and (max-width: 768px) {
  #servicepage .essence-04 .item-l {
    padding-left: 0;
    margin-bottom: 20px;
  }
}

#servicepage .essence-04 .item-l p {
  color: #000;
  line-height: 1.9em;
  font-size: 18px;
  font-size: 1.8rem;
}

@media screen and (max-width: 768px) {
  #servicepage .essence-04 .item-l p {
    font-size: 14px;
    font-size: 1.4rem;
  }
}

#servicepage .essence-04 .item-r {
  margin-top: -10px;
  padding-left: 35px;
  text-align: center;
}

@media screen and (max-width: 768px) {
  #servicepage .essence-04 .item-r {
    padding-left: 0;
  }
}

#servicepage .essence-05 {
  background-color: #f4f0ea;
}

#servicepage .essence-05 .content {
  padding: 30px 35px 50px;
}
#servicepage .essence-05 .content ul {
    width: 100%;
}
#servicepage .essence-05 .content ul li {
    width: 22%;
    margin: 0 1.5%;
    position: relative;
}
#servicepage .essence-05 .content ul li.ww {
    max-width: 130px;
}
#servicepage .essence-05 .content ul li+li:after {
    content: url(/upload/tenant_1/409695406d663e07de9479b19d12d9ee.png);
display: inline-block;
    vertical-align: middle;
    position: absolute;
    top: 50%;
    left: -9%;
}
#servicepage .essence-05 .content ul li img {
    width: 100% !important;
    height: auto !important;
}
@media screen and (max-width: 768px) {
  #servicepage .essence-05 .content {
    padding: 15px 4% 30px;
  }
  #servicepage .essence-05 .content ul li.ww {
    max-width: 95px;
}
}

#servicepage .essence-05 .content .label {
  text-align: center;
  margin-bottom: 13px;
}

#servicepage .essence-05 .content p {
  margin-bottom: 20px;
  color: #000;
  line-height: 1.9em;
  font-size: 16px;
  font-size: 1.6rem;
}

@media screen and (max-width: 768px) {
  #servicepage .essence-05 .content p {
    font-size: 14px;
    font-size: 1.4rem;
  }
}

#servicepage .guide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 38px;
  margin-right: -25px;
  margin-left: -25px;
}

@media screen and (max-width: 768px) {
  #servicepage .guide {
    display: block;
    margin-right: 0;
    margin-left: 0;
    margin-top: 20px;
  }
}

#servicepage .guide .box {
  text-align: center;
  margin-right: 25px;
  margin-left: 25px;
  margin-bottom: 0;
  width: calc(100% /3);
}

@media screen and (max-width: 768px) {
  #servicepage .guide .box {
    margin-right: 0;
    margin-left: 0;
    width: 100%;
    margin-bottom: 10px;
  }
  #servicepage .guide .box:last-child {
    margin-bottom: 0;
  }
}

#servicepage .guide .box .catchguide {
  border-bottom: 1px solid #0c2848;
  margin-top: 20px;
  padding-bottom: 14px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
#servicepage .guide .box .catchguide h4 {
    color: #000;
    font-weight: bold;
    font-size: 24px;
    line-height: 140%;
    margin-bottom: 10px;
}
#servicepage .guide .box img {
  margin-bottom: 0;
}

@media screen and (max-width: 768px) {
  #servicepage .guide .box a img {
    width: 100%;
  }
}
@media screen and (max-width: 599px) {
 #servicepage .guide .box .catchguide h4 {
    font-size: 20px;
    margin-bottom: 0;
} 
}

#servicepage .guide .box p {
  text-align: left;
  font-size: 14px;
  line-height: 1.5em;
  padding: 22px 0 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

@media screen and (max-width: 768px) {
  #servicepage .guide .box p {
    padding: 15px 4%;
    text-align: center;
  }
}

#servicepage .ss-teeth01 {
  background-image: url(/import/tenant_1/kobe-nodadc.com/service/img/cavity/bg-03.jpg);
  background-repeat: repeat;
  padding: 50px 40px 55px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media (max-width: 1000px) {
  #servicepage .ss-teeth01 {
    padding: 20px 4% 20px;
  }
}

@media screen and (max-width: 768px) {
  #servicepage .ss-teeth01 {
    display: block;
  }
}

#servicepage .ss-teeth01 .item-l {
  width: 32%;
}
#servicepage .ss-teeth01 .item-l h3 {
    font-size: 15px;
    font-weight: bold;
    color: #0a2749;
    margin-bottom: 15px;
}
#servicepage .ss-teeth01 .item-l h3.s1 {
    font-size: 15px !important;
    line-height: 140%;
    color: #0c2848 !important;
    padding-bottom: 0 !important;
}
#servicepage .ss-teeth01 .item-l ul {
    width: 100%;
}
#servicepage .ss-teeth01 .item-l ul li {
    width: 48%;
    margin: 0 1%;
}
#servicepage .ss-teeth01 .item-l ul li dl dt.pic {
    width: 100%;
}
#servicepage .ss-teeth01 .item-l ul li dl dt.pic img {
    width: 100% !important;
    height: auto !important;
}
#servicepage .ss-teeth01 .item-l ul li dl dd {
    padding: 5px 0;
    text-align: center;
    font-size: 16px;
    color: #0c2848;
    line-height: 140%;
}
@media screen and (max-width: 768px) {
  #servicepage .ss-teeth01 .item-l {
    width: 100%;
    text-align: center;
    margin-bottom: 30px;
  }
}

#servicepage .ss-teeth01 .item-r {
  width: 68%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-left: 46px;
}
#servicepage .ss-teeth01 .item-r dl {
    position: relative;
    width: 100%;
}

#servicepage .ss-teeth01 .item-r dl dt.no {
    background: #9a7f47;
    width: 35px;
    text-align: center;
    padding-top: 0;
    line-height: 140%;
    font-size: 25px;
    color: #fff;
    font-family: "Times New Roman", Times, serif;
    font-weight: normal;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}
#servicepage .ss-teeth01 .item-r dl dd.pic {
    width: 100%;
    position: relative;
    z-index: 0;
}
#servicepage .ss-teeth01 .item-r dl dd.pic img {
    width: 100% !important;
    height: auto !important;
}


#servicepage .ss-teeth01 .item-r dl dd {
    position: relative;
    width: 100%;
}
#servicepage .ss-teeth01 .item-r dl dd {
    font-size: 14px;
    line-height: 160%;
    color: #56504c;
    font-weight: normal;
}
@media (max-width: 1000px) {
  #servicepage .ss-teeth01 .item-r {
    padding-left: 10px;
  }
}

@media screen and (max-width: 768px) {
  #servicepage .ss-teeth01 .item-r {
    width: 100%;
    text-align: center;
    padding: 0;
  }
  #servicepage .ss-teeth01 .item-r p {
    margin-top: 10px;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.4;
  }
}

#servicepage .ss-teeth01 .item-r > * {
  width: calc(100% / 3);
  padding: 0 17px;
}

@media (max-width: 1000px) {
  #servicepage .ss-teeth01 .item-r > * {
    padding: 0 10px;
  }
}

@media screen and (max-width: 768px) {
  #servicepage .ss-teeth01 .item-r > * {
    padding: 0 5px;
  }
}

#servicepage .ss-teeth02 {
  background-image: url(/import/tenant_1/kobe-nodadc.com/service/img/cavity/bg-03.jpg);
  background-repeat: repeat;
  padding: 50px 40px 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media (min-width: 1000px) {
  #servicepage .ss-teeth02 {
    padding: 50px 7vw 25px;
  }
}

@media screen and (max-width: 768px) {
  #servicepage .ss-teeth02 {
    padding: 20px 4% 10px;
  }
}

#servicepage .ss-teeth02 > * {
  width: calc(100% / 3);
  padding: 0 35px;
  text-align: center;
}

@media screen and (max-width: 768px) {
  #servicepage .ss-teeth02 > * {
    padding: 0 5px;
  }
}

#servicepage .ss-teeth02 img {
  margin-bottom: 15px;
}

@media screen and (max-width: 768px) {
  #servicepage .ss-teeth02 img {
    margin-bottom: 10px;
  }
}

#servicepage .ss-teeth02 p {
  line-height: 1.6;
  color: #555;
  font-size: 16px;
  font-size: 1.6rem;
}

@media screen and (max-width: 768px) {
  #servicepage .ss-teeth02 p {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.4;
  }
}

#servicepage .mechanism01 {
  margin-top: 45px !important;
  margin-bottom: 50px !important;
  padding-top: 55px !important;
  padding-bottom: 60px !important;
}

@media screen and (max-width: 768px) {
  #servicepage .mechanism01 {
    margin-bottom: 30px !important;
    margin-top: 30px !important;
    padding-top: 25px !important;
    padding-bottom: 0 !important;
    padding-left: 4% !important;
    padding-right: 4% !important;
  }
}

#servicepage .mechanism01 .content {
  margin-top: 80px;
  position: relative;
  padding-right: 33%;
}

@media screen and (max-width: 768px) {
  #servicepage .mechanism01 .content {
    padding-right: 0;
    margin-bottom: 20px;
    margin-top: 20px;
  }
}

#servicepage .mechanism01 .content .image {
  position: absolute;
  top: 15px;
  right: -5px;
  width: 33%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

@media screen and (max-width: 768px) {
  #servicepage .mechanism01 .content .image {
    width: 100%;
  }
}

#servicepage .mechanism01 .content .image img {
  max-width: 100%;
}

@media screen and (max-width: 768px) {
  #servicepage .mechanism01 .content .image img {
    max-width: 80%;
    display: block;
    margin: 0 auto;
  }
}

@media screen and (max-width: 768px) {
  #servicepage .mechanism01 .content .image {
    position: static;
    margin-bottom: 20px;
  }
}

#servicepage .mechanism01 .content p {
  padding-left: 10px;
  padding-right: 45px;
  font-size: 18px;
  font-size: 1.8rem;
  color: #000;
  line-height: 1.9em;
  margin-bottom: 35px;
}

@media screen and (max-width: 768px) {
  #servicepage .mechanism01 .content p {
    margin-bottom: 10px;
    font-size: 14px;
    font-size: 1.4rem;
    padding: 0;
  }
}

#servicepage .mechanism01 .content .list-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 768px) {
  #servicepage .mechanism01 .content .list-content {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

#servicepage .mechanism01 .content .list-content > * {
  width: calc(100% / 3);
  padding: 0 5px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

@media (min-width: 768px) and (max-width: 768px) {
  #servicepage .mechanism01 .content .list-content > * {
    margin-bottom: 30px;
  }
}

@media (max-width: 767px) {
  #servicepage .mechanism01 .content .list-content > * {
    width: 50%;
    margin-bottom: 10px;
  }
  #servicepage .mechanism01 .content .list-content > * img {
    width: 100%;
  }
  #servicepage .mechanism01 .content .list-content > *:last-child {
    margin-bottom: 30px;
  }
}

#servicepage .ss-process {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: left;
}

@media screen and (max-width: 768px) {
  #servicepage .ss-process {
    display: block;
  }
}

#servicepage .ss-process .item-l {
  width: 63%;
}

@media screen and (max-width: 768px) {
  #servicepage .ss-process .item-l {
    width: 100%;
    margin-bottom: 20px;
  }
}

#servicepage .ss-process .item-l .title {
  margin-bottom: 30px;
}

@media screen and (max-width: 768px) {
  #servicepage .ss-process .item-l .title {
    margin-bottom: 15px;
  }
}

#servicepage .ss-process .item-l p {
  padding-right: 70px;
  font-size: 16px;
  font-size: 1.6rem;
  color: #000;
  line-height: 1.6em;
}

@media screen and (max-width: 768px) {
  #servicepage .ss-process .item-l p {
    font-size: 14px;
    font-size: 1.4rem;
    padding-right: 0;
  }
}

#servicepage .ss-process .item-r {
  width: 37%;
}

@media screen and (max-width: 768px) {
  #servicepage .ss-process .item-r {
    width: 100%;
    text-align: center;
  }
}

#servicepage .ss-process .item-r img {
  width: auto;
}

#servicepage .continar #fv {
  background-image: url(/import/tenant_1/kobe-nodadc.com/service/img/orthodontics/bg-01.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  padding: 85px 88px 27px 90px;
  overflow: hidden;
}
#servicepage .continar #fv .point {
    width: 100%;
}
#servicepage .continar #fv .point ul {
    width: 100%;
}
#servicepage .continar #fv .point li {
    width: 30%;
    overflow: hidden;
    height: auto;
    margin: 10px 1%;
}
#servicepage .continar #fv .point li dl {
    background: url(/upload/tenant_1/6577c006291610710c758fed4c0e58a9.png) no-repeat;
background-size: 100% auto;
    max-width: 194px;
    width: 100%;
    align-items: center;
    margin: 0 auto;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: justify;
    -webkit-justify-content: center;
    justify-content: center;
    min-height: auto;
    padding: 70px 8%;
    text-align: center;
    box-sizing: border-box;
}
#servicepage .continar #fv .point li dl dt {
    font-size: 17px;
    font-weight: normal;
    text-align: center;
    line-height: 140%;
    padding-top: 0px;
    color: #9f843b;
}
#servicepage .continar #fv .point li dl dd {
    font-size: 25px;
    line-height: 140%;
    color: #9f843b;
    font-weight: bold;
}
@media screen and (max-width: 768px) {
  #servicepage .continar #fv {
    padding: 30px 15px 20px;
  }
#servicepage .continar #fv .point li dl {
    padding: 60px 14%;
}
#servicepage .continar #fv .point li dl dt {
    font-size: 16px;
}
  #servicepage .continar #fv .point li dl dd {
    font-size: 18px;
}
}
@media screen and (max-width: 599px) {
  #servicepage .continar #fv .point li dl {
    padding: 40px 14%;
}
#servicepage .continar #fv .point li dl dt {
    font-size: 18px;
}
  #servicepage .continar #fv .point li dl dd {
    font-size: 20px;
}
}
#servicepage .continar #fv .image {
  text-align: center;
}

#servicepage .continar #fv .image-ttl {
  margin-bottom: 40px;
  text-align: right;
}
#servicepage .continar #fv .image-ttl h4 {
    background: none;
    text-align: right;
    margin: 0 !important;
    width: auto;
    color: #000;
    font-size: 30px;
    line-height: 140%;
    font-weight: bold;
}
#servicepage .continar #fv .image-ttl h4 strong {
    font-size: 50px;
    display: block;
    line-height: 140%;
}
@media screen and (max-width: 768px) {
  #servicepage .continar #fv .image-ttl {
    margin-bottom: 20px;
  }
}

#servicepage .continar #fv span {
  float: right;
  display: block;
  text-align: left;
  font-size: 15px;
  font-size: 1.5rem;
  margin-bottom: 22px;
  color: #000;
  line-height: 1.9em;
  max-width: 415px;
  text-shadow: 0px 0px 3px #ffffff;
}

#servicepage .activities .sec p {
  padding-right: 0;
  text-align: left;
}

@media screen and (max-width: 768px) {
  #servicepage.orthodontics .ttl-mousepieceMerit {
    padding: 10px !important;
  }
  #servicepage .continar #fv .image-ttl h4 {
    font-size: 25px;
}
#servicepage .continar #fv .image-ttl h4 strong {
    font-size: 40px;
}
}

@media screen and (max-width: 768px) {
  #servicepage.orthodontics .sec1 .boxArea {
    margin-top: 20px;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 599px) {
#servicepage .continar #fv .point li {
    width: 100%;
    max-width: 155px;
    margin-top: 8px;
    margin-bottom: 8px;
}
#servicepage .continar #fv .image-ttl h4 {
    font-size: 18px;
}
#servicepage .continar #fv .image-ttl h4 strong {
    font-size: 30px;
}
}
#servicepage.orthodontics .sec1 .boxArea .textArea {
  color: #010101;
  width: 55.5%;
  margin-left: 4%;
  float: left;
}

@media screen and (max-width: 768px) {
  #servicepage.orthodontics .sec1 .boxArea .textArea {
    width: 100%;
    float: none;
    margin-left: 0;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 320px) {
  #servicepage .continar #fv .point li {
    max-width: 130px;
}
#servicepage .continar #fv .point li dl {
    padding: 30px 14%;
}

#servicepage .continar #fv .point li dl dd {
    font-size: 18px;
}
}  
#servicepage.orthodontics .sec1 .boxArea .textArea h5 {
  line-height: 1.9em;
}

@media screen and (max-width: 768px) {
  #servicepage.orthodontics .sec1 .boxArea .textArea h5 {
    padding-bottom: 10px;
  }
}

@media screen and (max-width: 768px) {
  #servicepage.orthodontics .sec1 .boxArea .imgArea {
    width: 100%;
    float: none;
    text-align: center;
    max-width: 360px;
    margin: 0 auto;
  }
}
  #servicepage.orthodontics .sec1 .boxArea .imgArea h4 {
    margin-bottom: 0 !important;
    background: #000 !important;
    font-size: 18px;
    padding: 8px 0 !important;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
    font-weight: bold !important;
}

  #servicepage.orthodontics .sec1 .boxArea .imgArea li {
    width: 100%;
}

  #servicepage.orthodontics .sec1 .boxArea .imgArea li img {
    width: 100% !important;
    height: auto !important;
}
#servicepage .merit .content {
  padding: 0 25px;
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 768px) {
  #servicepage .merit .content {
    display: block;
    padding: 0;
  }

}

#servicepage .merit .content li {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
  padding: 15px 15px 34px;
  width: calc(100% / 3);
  border-right: 1px solid #d8d8d8;
}
#servicepage .merit .content li dl dt {
    text-align: center;
    font-size: 22px;
    color: #9e8341;
    line-height: 140%;
    padding-bottom: 15px;
}
#servicepage .merit .content li dl dt .i {
    display: inline-block !important;
    width: 30px;
    margin-right: 6%;
    margin-top: -4px;
}

#servicepage .merit .content li dl dd {
    font-size: 14px;
    line-height: 140%;
    padding-bottom: 15px;
}
#servicepage .merit .content li dl dd.btn {
    font-size: 18px;
    border: 1px solid #000;
    width: 100%;
    max-width: 220px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20%;
    padding-right: 15%;
    box-sizing: border-box;
    margin: 0 auto;
    position: relative;
    height: auto;
    font-weight: bold;
    text-align: left;
}
#servicepage .merit .content li dl dd.btn .i {
    display: inline-block !important;
    width: 30px;
    margin-right: 6%;
    margin-top: -4px;
    position: absolute;
    top: 30%;
    left: 15px;
}
#servicepage .merit .content li:last-child {
  border: 0;
}

@media screen and (max-width: 768px) {
#servicepage .merit .content li {
    width: 100%;
    border: 0;
    padding-bottom: 20px;
    padding-top: 0;
    max-width: 350px;
    margin: 0 auto;
}
#servicepage .merit .content li dl dd.btn {
    font-size: 16px;
    padding-left: 18%;
    padding-right: 2%;
}
#servicepage .merit .content li dl dt {
    font-size: 18px;
    text-align: left;
}
}

#servicepage .ilust {
  padding: 35px 34px 6px;
  background-color: #f5f1ec;
}
@media screen and (max-width: 599px) {
  #servicepage .merit .content li dl dt .i {
    margin-right: 2%;
}
#servicepage .merit .content li dl dt {
    font-size: 16px;
}
}  
@media screen and (max-width: 768px) {
  #servicepage .ilust {
    padding: 20px 2% 10px;
  }
}

#servicepage .ilust .title {
  margin-bottom: 30px;
  text-align: center;
}

#servicepage .ilust ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

#servicepage .ilust ul li {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
  padding: 0 6px;
  width: calc(100% / 4);
}
#servicepage .ilust ul li .pic {
  width: 100%;
}
#servicepage .ilust ul li .pic img {
  width: 100% !important;
  height: auto !important;
}
@media screen and (max-width: 768px) {
  #servicepage .ilust ul li {
    width: 50%;
    border: 0;
    padding: 0 2%;
  }
}

#servicepage .ilust ul li p {
  text-align: left;
  padding: 10px 6px !important;
  line-height: 1.9em;
  color: #221815;
  font-size: 16px;
  font-size: 1.6rem;
}

@media screen and (max-width: 768px) {
  #servicepage .ilust ul li p {
    font-size: 12px;
    font-size: 1.2rem;
  }
}

@media screen and (max-width: 768px) {
  #servicepage .ilust ul li img {
    width: 100%;
  }
}

#servicepage .folia {
  background-color: #fff;
  padding: 0 28px;
}

@media screen and (max-width: 768px) {
  #servicepage .folia {
    padding: 0;
  }
}

#servicepage .folia .ttlCom02 {
  padding: 26px 10px;
}

#servicepage .folia .catch {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 16px;
  font-size: 1.6rem;
  color: #221815;
  line-height: 1.9em;
  padding: 20px 20px !important;
  text-align: center;
}

@media screen and (max-width: 768px) {
  #servicepage .folia .catch {
    font-size: 12px;
    font-size: 1.2rem;
  }
}

#servicepage .folia ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media screen and (max-width: 768px) {
  #servicepage .folia ul {
    padding: 0 2%;
  }
}

#servicepage .folia ul li {
  margin-bottom: 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
  padding: 0 12px;
  width: 25%;
}
#servicepage .folia ul li .image {
    width: 100%;
    height: auto !important;
    margin-bottom: 15px;
}
#servicepage .folia ul li .image img {
    width: 100% !important;
    height: auto !important;
}
#servicepage .folia ul li h4 {
    color: #9e833e;
    text-align: left;
    padding-left: 19% !important;
    box-sizing: border-box;
    font-size: 18px;
    line-height: 140%;
    font-weight: bold;
    margin-bottom: 0 !important;
    position: relative;
    padding-bottom: 0px !IMPORTANT;
}
#servicepage .folia ul li h4 .i {
    width: 27px;
    position: absolute;
    left: 0;
    top: 0;
}

#servicepage .folia ul li h4 .i img{
    width: 100% !important;
    height: auto !important;
}
@media screen and (max-width: 768px) {
  #servicepage .folia ul li {
    width: 50%;
    border: 0;
    margin-bottom: 20px;
    padding: 0 2%;
  }
  #servicepage .folia ul li h4 {
    padding-left: 14% !important;
}
}

@media screen and (max-width: 768px) {
  #servicepage .folia ul li .image img {
    width: 100%;
  }
}
@media screen and (max-width: 599px) {
  #servicepage .folia ul li h4 {
    padding-left: 25% !important;
    font-size: 16px;
}
}  

#servicepage .folia ul li p {
  margin: auto;
  text-align: left;
  padding: 10px 0 !important;
  line-height: 1.6em;
  color: #221815;
  font-size: 14px;
  font-size: 1.4rem;
}

@media screen and (max-width: 768px) {
  #servicepage .folia ul li p {
    font-size: 12px;
    font-size: 1.2rem;
  }
}

#servicepage .folia ul li .download {
    color: #0c2848;
    border-radius: 5px;
    background-color: #dadee8;
    padding: 5px 17px 5px;
    margin-bottom: 40px;
}

@media screen and (max-width: 768px) {
  #servicepage .folia ul li .download {
    padding: 5px 10px 0;
  }
}

#servicepage .folia ul li .download span {
  display: block;
  text-align: center;
}

#servicepage .folia ul li .download p {
  padding: 5px 0 10px !important;
  color: #27405d;
  font-size: 14px;
  font-size: 1.4rem;
}

@media screen and (max-width: 768px) {
  #servicepage .folia ul li .download p {
    font-size: 12px;
    font-size: 1.2rem;
    padding: 5px 0 5px !important;
  }
}

#servicepage .fotolia {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-right: -8px;
  margin-left: -8px;
}

@media screen and (max-width: 768px) {
  #servicepage .fotolia {
    margin-right: 0;
    margin-left: 0;
    display: block;
  }
}

#servicepage .fotolia li {
  margin-bottom: 15px;
  background-color: #fff;
  position: relative;
  width: calc(50% - 16px);
  margin-right: 8px;
  margin-left: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media screen and (max-width: 768px) {
  #servicepage .fotolia li {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 25px;
  }
}

@media screen and (max-width: 768px) {
  #servicepage .fotolia li {
    margin-right: 0;
    margin-left: 0;
    width: 100%;
  }
}

#servicepage .fotolia li .item-l {
  width: calc(100% - 200px);
}

@media (max-width: 400px) {
  #servicepage .fotolia li .item-l {
    width: 60%;
  }
}

#servicepage .fotolia li .item-l .content {
  padding: 58px 25px 0;
  line-height: 1.6em;
}
#servicepage .fotolia li .item-l .content h4 {
    color: #000;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 20px;
    text-align: left;
    font-weight: bold;
    line-height: 140%;
}
#servicepage .fotolia li .item-l .content h4 strong {
    color: #9e8341;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight: bold;
    line-height: 140%;
}
@media (max-width: 400px) {
  #servicepage .fotolia li .item-l .content {
    padding: 55px 10px 0;
  }
}

#servicepage .fotolia li .item-l .content img {
  margin-bottom: 10px;
}

@media screen and (max-width: 768px) {
  #servicepage .fotolia li .item-l .content {
    padding: 20px 20px 0;
}
  #servicepage .fotolia li .item-l .content img {
    max-width: 70%;
  }
}

#servicepage .fotolia li .item-l .content p {
  padding: 0 !important;
  color: #221815;
  line-height: 1.6em;
  font-size: 14px;
  font-size: 1.4rem;
}

@media screen and (max-width: 768px) {
  #servicepage .fotolia li .item-l .content p {
    font-size: 12px;
    font-size: 1.2rem;
    padding-bottom: 10px !important;
  }
}

#servicepage .fotolia li .item-r {
  width: 200px;
}
@media (max-width: 599px) {
  #servicepage .fotolia li .item-l .content {
    padding-top: 50px;
}
#servicepage .fotolia li .item-l .content h4 {
    font-size: 16px;
}
}
@media (max-width: 400px) {
#servicepage .fotolia li .item-r {
    width: 40%;
    margin-top: 40px;
}
}

#servicepage .fotolia li .number {
     position: absolute;
    top: 0;
    left: 0;
    width: 45px;
    height: auto;
    line-height: 45px;
    text-align: center;
    font-size: 30px;
    color: #fff;
    background: #9e8341;
    font-family: "Times New Roman", Times, serif;
    font-weight: normal;
}

#servicepage .fotolia li .number img {
  vertical-align: middle;
}

#servicepage .wrap01 .implant_bnr, #servicepage .wrap01 .price_bnr {
  padding: 0 10px;
}

#servicepage .wrap01 .price_bnr {
  margin-bottom: 20px;
}
#servicepage .wrap01 .price_pr {
    background: #13314b;
    width: 100%;
    max-width: 710px;
    margin: 0 auto 30px auto;
    padding: 0.5%;
    box-sizing: border-box;
}

#servicepage .wrap01 .price_pr a {
    display: block;
    width: 100%;
}
#servicepage .wrap01 .price_pr .in {
    border: 1px solid #fff;
    position: relative;
    padding: 10px 0;
}
#servicepage .wrap01 .price_pr .in h3 {
    font-size: 42px !important;
    text-align: center;
    color: #fff !important;
    font-family: "Times New Roman", Times, serif;
    max-width: 300px;
    font-weight: normal;
    margin: 0 auto;
    padding: 10px 0 !important;
    line-height: 120%;
}
#servicepage .wrap01 .price_pr .in h3 strong {
    color: #fff;
    line-height: 100%;
    font-size: 20px;
    text-align: center;
    font-weight: normal;
    display: block;
    margin-bottom: 10px;
}
@media (min-width: 769px) {
  #staffpage .wrap05 {
    padding-top: 77px;
  }
}

#staffpage .noda-dc {
  background-image: url(/import/tenant_1/kobe-nodadc.com/staff/img/bg-01.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  padding: 6vw 55px 8.7vw;
}

@media screen and (max-width: 768px) {
  #staffpage .noda-dc {
    padding: 5.0vw 20px 7.0vw;
  }
}

#staffpage .noda-dc .title {
  margin-bottom: 65px;
}

@media screen and (max-width: 768px) {
  #staffpage .noda-dc .title {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 599px) {
  #servicepage .wrap01 .price_pr .in h3 {
    font-size: 35px !important;
}
#servicepage .wrap01 .price_pr .in h3 strong {
    font-size: 18px !important;
}
}  
#staffpage .noda-dc p {
  font-size: 15px;
  font-size: 1.5rem;
  color: #fff;
  line-height: 1.8em;
  max-width: 508px;
}

@media screen and (max-width: 768px) {
  #staffpage .noda-dc p {
    font-size: 12px;
    font-size: 1.2rem;
  }
}

#staffpage .ss-kin {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 25px 25px 2px;
  background-color: #e8e0d4;
  position: relative;
}

@media (max-width: 900px) {
  #staffpage .ss-kin {
    padding: 70px 15px 25px;
  }
}

@media screen and (max-width: 768px) {
  #staffpage .ss-kin {
    padding: 70px 15px 10px;
  }
}

#staffpage .ss-kin .txt-doc {
  position: absolute;
  top: 25px;
  right: 25px;
}

@media screen and (max-width: 768px) {
  #staffpage .ss-kin .txt-doc {
    right: 10px;
    width: 70%;
  }
}

#staffpage .ss-kin .ss-left {
  width: 166px;
}

@media screen and (max-width: 768px) {
  #staffpage .ss-kin .ss-left {
    width: 80px;
  }
}

#staffpage .ss-kin .ss-right {
  width: calc(100% - 166px);
  padding-left: 40px;
}

@media screen and (max-width: 768px) {
  #staffpage .ss-kin .ss-right {
    padding-left: 15px;
    width: calc(100% - 80px);
  }
}

#staffpage .ss-kin .ss-right .title {
  margin-bottom: 33px;
}

@media screen and (max-width: 768px) {
  #staffpage .ss-kin .ss-right .title {
    margin-bottom: 20px;
  }
}

#staffpage .ss-kin .ss-right .content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

#staffpage .ss-kin .ss-right .content .profile {
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 15px;
  border-left: 1px solid #000;
  margin-bottom: 42px;
  color: #000;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1.6em;
}

@media screen and (max-width: 768px) {
  #staffpage .ss-kin .ss-right .content .profile {
    padding-top: 7px;
    padding-bottom: 7px;
  }
}

#staffpage .ss-kin .ss-right .content .profile.large {
  padding-left: 28px;
}

@media (max-width: 1000px) {
  #staffpage .ss-kin .ss-right .content .profile.large {
    padding-left: 10px;
  }
}

@media (max-width: 1000px) {
  #staffpage .ss-kin .ss-right .content .profile {
    padding-left: 10px;
  }
}

@media screen and (max-width: 768px) {
  #staffpage .ss-kin .ss-right .content .profile {
    margin-bottom: 20px;
  }
}

#staffpage .ss-kin .ss-right .content .profile dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

#staffpage .ss-kin .ss-right .content .profile dl dt {
  width: 60px;
}

#staffpage .ss-kin .ss-right .content .profile dl dd {
  width: calc(100% - 60px);
}

#staffpage .ss-kin .ss-right .item-l {
  width: 63.3%;
}

@media (max-width: 1000px) {
  #staffpage .ss-kin .ss-right .item-l {
    width: 100%;
  }
}

#staffpage .ss-kin .ss-right .item-r {
  width: 36.7%;
}

@media (max-width: 1000px) {
  #staffpage .ss-kin .ss-right .item-r {
    width: 100%;
  }
}

#staffpage #interview .box02 {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

@media (min-width: 769px) {
  #staffpage #interview .box02 {
    padding: 38px 35px 0;
    width: 50%;
  }
}

@media screen and (max-width: 768px) {
  #staffpage #interview .box02 {
    padding: 20px 4%;
  }
}

#staffpage #interview .box02 .title {
  font-size: 22px;
  font-size: 2.2rem;
  color: #fff;
}

@media screen and (max-width: 768px) {
  #staffpage #interview .box02 .title img {
    height: auto;
  }
}

#staffpage #interview .box02 p {
  margin-bottom: 0;
  margin-top: 20px;
  line-height: 1.9em;
}

@media screen and (max-width: 768px) {
  #staffpage #interview .box02 p {
    font-size: 14px;
    font-size: 1.4rem;
  }
}

#page-content-stuffing {
  background: #1e1008;
  padding: 90px 0 105px;
}

@media screen and (max-width: 1080px) {
  #page-content-stuffing {
    padding: 50px 0 70px;
  }
}

@media screen and (max-width: 768px) {
  #page-content-stuffing {
    padding: 40px 0 10px;
  }
}

#page-content-stuffing .Prosthesis {
  background: url(/import/tenant_1/kobe-nodadc.com/stuffing/img/bg-01.png) no-repeat top 0 right 0;
  padding-bottom: 55px;
  margin-bottom: 27px;
  background-size: cover;
}
#page-content-stuffing .title {
    margin-bottom: 45px;
    z-index: 1;
    position: relative;
}
#page-content-stuffing .title.tt2 {
    width: 100%;
    font-size: 20px;
    font-weight: bold;
    padding-bottom: 5px;
    line-height: 140%;
    color: #000;
    border-bottom: 1px solid #000;
    max-width: 240px;
    margin: 0 auto 15px auto;
}
#page-content-stuffing .title .flex {
  width: 100%;
  max-width: 100%;
}
#page-content-stuffing .title .tbox {
    width: 19%;
    margin-right: 1%;
}
#page-content-stuffing .title .tit {
    width: 80%;
}
#page-content-stuffing .title .tbox dl {
        position: relative;
    background: #9e8341;
    padding: 50px 6% 5px 6%;
    min-height: 120px;
}
#page-content-stuffing .title .tbox dl dt {
    background: url(/upload/tenant_1/0de7831826f12ea3b192cee5f879fe86.png) no-repeat;
    background-position: center center;
    text-align: center;
    padding: 5px 0;
    background-size: 100% 100%;
    font-size: 14px;
    color: #fff;
    font-weight: normal;
    position: absolute;
    top: -10px;
    left: 18%;
    right: auto;
    width: 110px;
}

#page-content-stuffing .title .tbox dl dd {
    color: #fff;
    text-align: center;
    font-size: 30px;
    line-height: 140%;
}
#page-content-stuffing .title .tbox dl dd.s1 {
    font-size: 30px;
}

#page-content-stuffing .title .tit h2 {
    padding-top: 50px;
    text-align: left;
    padding-left: 2.5%;
    font-size: 45px;
    line-height: 160%;
    color: #fff;
    font-weight: bold;
    box-sizing: border-box;
    margin-bottom: 0;
    padding-bottom: 54px;
}
#page-content-stuffing .title.s2 .tit h2 {
    font-size: 40px;
    padding-top: 20px;
    padding-bottom: 27px;
}
#page-content-stuffing .title.s2 .tit h2 strong {
    font-size: 40px;
}

#page-content-stuffing .title.c2 .tit h2 {
    color: #0a2749;
}
#page-content-stuffing .title.c2 .tit h2{
  color: #0a2749;
}
#page-content-stuffing .title.no3 .tit h2 {
    font-size: 30px;
    padding-top: 50px;
}
#page-content-stuffing .title.no3 .tit h4 strong {
        font-size: 40px;
}
#page-content-stuffing .title .tit h4 strong {
    font-size: 45px;
    display: inline-block !important;
}
#page-content-stuffing .title .tit {
    width: 80%;
}
@media screen and (max-width: 768px) {
#page-content-stuffing .title {
margin-bottom: 20px;
}
#page-content-stuffing .title .flex {
max-width: 100%;
}
#page-content-stuffing .title .tit h2 {
    padding-top: 25px;
    font-size: 35px;
    padding-bottom: 28px;
}
#page-content-stuffing .title.c2 .tit h2 {
    padding-top: 20px;
    font-size: 25px;
    padding-bottom: 10px;
}
#page-content-stuffing .title .tit h2 strong {
    font-size: 30px !important;
}
#page-content-stuffing .title .tbox dl {
    padding: 20px 2% 15px 2%;
}
#page-content-stuffing .title .tbox dl dd {
    font-size: 23px;
}
#page-content-stuffing .title .tbox dl dd.txt {
    font-size: 18px;
}
#page-content-stuffing .title .tbox dl dt {
    left: 7%;
}
#page-content-stuffing .title .tbox dl {
    padding: 25px 2% 20px 2%;
    min-height: 60px;
}
}

@media (max-width: 599px) {
#page-content-stuffing {
  padding-top: 0;
}
#page-content-stuffing .title .tit h2 {
    font-size: 23px !important;
    text-align: center;
    padding-left: 0;
}
#page-content-stuffing .title .tit h2 strong {
    font-size: 23px !important;
}
#page-content-stuffing .title .tbox {
    width: 100%;
    margin-right: 0;
    max-width: 200px;
    margin: 20px auto 0 auto;
}
#page-content-stuffing .title .tbox dl {
    min-height: 50px;
}
#page-content-stuffing .title .tbox dl dt {
    left: 23%;
}
#page-content-stuffing .title .tbox dl dd {
    font-size: 20px;
}
#page-content-stuffing .title .tit {
    width: 100%;
}
#page-content-stuffing .title.c2 .tit h2 {
    font-size: 18px !important;
}
#page-content-stuffing .title .tit h2 strong {
    font-size: 18px !important;
}
}
@media screen and (max-width: 768px) {
  #page-content-stuffing .Prosthesis {
    padding-bottom: 30px;
    position: relative;
  }
}

@media screen and (max-width: 768px) {
  #page-content-stuffing .Prosthesis:before {
    background-color: rgba(0, 0, 0, 0.4);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: ' ';
  }
}

#page-content-stuffing .Prosthesis p {
  color: #e8e0d4;
  max-width: 425px;
  font-size: 14px;
  line-height: 2.3;
  padding-left: 40px;
}

@media screen and (max-width: 768px) {
  #page-content-stuffing .Prosthesis p {
    padding: 0 15px;
    font-size: 12px;
    position: relative;
    z-index: 2;
  }
}

.ttl-base01, .ttl-base02 {
  padding-left: 0;
  margin-right: 0;
  margin-bottom: 25px;
}

@media screen and (max-width: 768px) {
  .ttl-base01, .ttl-base02 {
    position: relative;
    z-index: 2;
  }
}

@media screen and (max-width: 768px) {
  .ttl-base01.ttl-01 img, .ttl-01.ttl-base02 img {
    max-height: 22vw;
    height: 100%;
    width: auto;
  }
}

.ttl-base02 {
  margin-bottom: 0;
}

.ttl-base02 b {
  border-bottom: 1px solid #000;
  padding: 28px 0 28px 5px;
}

.bg-milk {
  background: #e8e0d4;
  padding: 34px 32px 27px;
  margin-bottom: 45px;
}

@media screen and (max-width: 1080px) {
  .bg-milk {
    padding: 20px !important;
  }
}

@media screen and (max-width: 768px) {
  .bg-milk {
    padding: 15px !important;
    margin-bottom: 42px;
  }
}

.bg-milk.bg-milk02 {
  padding: 27px 35px 20px;
}

.bg-milk.bg-milk02 .txt-base01 {
  padding-top: 46px;
  padding-left: 12px;
}

.bg-milk.bg-milk03 {
  padding: 27px 35px 40px;
}

@media screen and (min-width: 1080px) {
  .bg-milk.bg-milk03 {
    margin-bottom: 50px;
  }
}

.bg-milk.bg-milk03 .ct-stuffing-02 {
  padding: 0;
}

.bg-milk.bg-milk03 .txt-base01 {
  padding-left: 43px;
  padding-top: 51px;
  margin-bottom: 27px;
}

@media screen and (max-width: 768px) {
  .bg-milk.bg-milk03 .txt-base01 {
    padding: 20px 15px 0 !important;
  }
}

.bg-milk.bg-milk04 {
  padding: 27px 35px 63px;
}

.bg-milk.bg-milk04 .ct-stuffing-02 {
  padding: 0;
}

.bg-milk.bg-milk04 .txt-base01 {
  padding-left: 43px;
  padding-top: 51px;
  margin-bottom: 95px;
}

.list-stuffing {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  z-index: 2;
}

@media screen and (min-width: 1080px) {
  .list-stuffing {
    margin: 0 -5px;
  }
}

@media screen and (max-width: 768px) {
  .list-stuffing {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.list-stuffing .item-stuffing {
  margin-right: 54px;
  width: calc(100%/3 - 36px);
}

@media screen and (max-width: 1080px) {
  .list-stuffing .item-stuffing {
    width: calc(100%/3 - 20px);
    margin-right: 30px;
  }
}

@media screen and (max-width: 768px) {
  .list-stuffing .item-stuffing {
    width: 100%;
    margin-right: 0;
    margin-bottom: 30px;
  }
}

.list-stuffing .item-stuffing:nth-child(3) {
  margin-right: 0;
}

.list-stuffing .item-stuffing img {
  margin: 0 0 23px 0;
  width: 100%;
}

.list-stuffing .item-stuffing .ttl-stufi {
  margin: 0 0 16px 0;
  padding: 0 0 8px 0;
  font-size: 23px;
  text-align: center;
  border-bottom: 1px solid #000;
  display: block;
  color: #000;
  line-height: 1.2;
}

@media screen and (max-width: 1080px) {
  .list-stuffing .item-stuffing .ttl-stufi {
    font-size: 20px;
  }
}

.list-stuffing .item-stuffing p {
  font-size: 14px;
  color: #000;
  line-height: 2;
}

@media screen and (max-width: 768px) {
  .list-stuffing .item-stuffing p {
    font-size: 12px;
  }
}

@media screen and (min-width: 981px) {
  .list-stuffing .item-stuffing:nth-child(2) {
    letter-spacing: -1.5px;
  }
}

.ct-stuffing-02 {
  background: url(/import/tenant_1/kobe-nodadc.com/stuffing/img/bg01.png) top right no-repeat;
  padding: 0px 24px 37px 33px;
  background-position: top -26px right -39px;
  position: relative;
}

@media screen and (max-width: 1080px) {
  .ct-stuffing-02 {
    padding: 0;
  }
}

@media screen and (max-width: 768px) {
  .ct-stuffing-02 {
    background: none;
  }
  .ct-stuffing-02:before {
    content: '';
    position: absolute;
    right: 0;
    top: 0px;
    width: 100%;
    height: 100%;
    background: url(/import/tenant_1/kobe-nodadc.com/stuffing/img/bg01.png) top right no-repeat;
    background-size: 270px;
  }
}

.ct-stuffing-02 .txt-base01 {
  color: #000;
  font-size: 16px;
  max-width: 396px;
  line-height: 2;
  margin-bottom: 50px;
  padding-top: 30px;
}

@media screen and (max-width: 768px) {
  .ct-stuffing-02 .txt-base01 {
    padding-left: 0 !important;
    padding-top: 20px !important;
    font-size: 12px;
    margin-bottom: 30px;
  }
}

.ct-stuffing-02 .list-examination .item-exam {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media screen and (max-width: 768px) {
  .ct-stuffing-02 .list-examination .item-exam {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

@media screen and (max-width: 1080px) {
  .ct-stuffing-02 .list-examination .item-exam {
    margin-bottom: 30px;
  }
}

.ct-stuffing-02 .list-examination .item-exam:nth-child(even) .li_img {
  text-align: right;
}

.ct-stuffing-02 .list-examination .item-exam:nth-child(2) .li_img {
  position: relative;
  right: -32px;
}

@media screen and (max-width: 1080px) {
  .ct-stuffing-02 .list-examination .item-exam:nth-child(2) .li_img {
    right: 0;
  }
}

.ct-stuffing-02 .list-examination .item-exam .li_img {
  width: 39%;
  position: relative;
}

@media screen and (max-width: 1080px) {
  .ct-stuffing-02 .list-examination .item-exam .li_img {
    width: 30%;
    text-align: center !important;
  }
}

@media screen and (max-width: 768px) {
  .ct-stuffing-02 .list-examination .item-exam .li_img {
    width: 100% !important;
    -webkit-box-ordinal-group: 2 !important;
        -ms-flex-order: 1 !important;
            order: 1 !important;
    max-width: 250px;
    margin: 0 auto 25px;
  }
}

.ct-stuffing-02 .list-examination .item-exam .li-text {
  background: #eee7de;
  padding: 3px;
  position: relative;
  width: calc(100% - 39%);
}

@media screen and (max-width: 768px) {
  .ct-stuffing-02 .list-examination .item-exam .li-text {
    width: 100% !important;
    margin-left: 0px !important;
    -webkit-box-ordinal-group: 3 !important;
        -ms-flex-order: 2 !important;
            order: 2 !important;
    margin-right: 0 !important;
  }
}

@media screen and (max-width: 1080px) {
  .ct-stuffing-02 .list-examination .item-exam .li-text {
    width: calc(100% - 30%);
    margin-right: 30px;
  }
}

.ct-stuffing-02 .list-examination .item-exam .li-text:before {
  content: '';
  background: url(/import/tenant_1/kobe-nodadc.com/stuffing/img/before.png) no-repeat;
  width: 14px;
  height: 24px;
  left: -15px;
  position: absolute;
  top: 50%;
  background-size: 100% 100%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

@media screen and (max-width: 768px) {
  .ct-stuffing-02 .list-examination .item-exam .li-text:before {
    top: -15px !important;
    left: 50% !important;
    -webkit-transform: translateX(-50%) rotate(90deg) !important;
        -ms-transform: translateX(-50%) rotate(90deg) !important;
            transform: translateX(-50%) rotate(90deg) !important;
  }
}

.ct-stuffing-02 .list-examination .item-exam .li-text .ttl-exam {
  padding: 8px 30px 8px;
  background: #0c2848;
  position: relative;
}

.ct-stuffing-02 .list-examination .item-exam .li-text .ttl-exam:before {
  content: '';
  background: #000;
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: -4px;
  left: 0;
}

.ct-stuffing-02 .list-examination .item-exam .li-text p {
  font-size: 14px;
  color: #000;
  line-height: 1.8;
  padding: 35px 30px 30px 35px;
}

@media screen and (max-width: 1080px) {
  .ct-stuffing-02 .list-examination .item-exam .li-text p {
    padding: 20px;
  }
}

@media screen and (max-width: 768px) {
  .ct-stuffing-02 .list-examination .item-exam .li-text p {
    padding: 15px;
  }
}

.ct-stuffing-02 .list-examination .item-exam .li-text:nth-child(1) {
  padding-top: 32px;
}

.ct-stuffing-02 .list-examination .item-exam:nth-child(even) .li_img {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}

.ct-stuffing-02 .list-examination .item-exam:nth-child(even) .li-text {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  margin-left: 0 !important;
}

.ct-stuffing-02 .list-examination .item-exam:nth-child(even) .li-text:before {
  left: auto;
  right: -17px;
  -webkit-transform: translateY(-50%) rotate(180deg);
      -ms-transform: translateY(-50%) rotate(180deg);
          transform: translateY(-50%) rotate(180deg);
}

@media screen and (max-width: 1080px) {
  .ct-stuffing-02 .list-examination .item-exam:nth-child(odd) .li-text {
    margin-right: 0px;
    margin-left: 30px;
  }
}

.ct-stuffing-03 {
  background: none;
  padding: 30px 30px 40px 30px;
  position: relative;
}

.ct-stuffing-03:before {
  content: '';
  position: absolute;
  right: -35px;
  top: 0;
  width: 100%;
  height: 100%;
  background: url(/import/tenant_1/kobe-nodadc.com/stuffing/img/bg03.png) no-repeat top 0 right 0;
}

@media screen and (max-width: 1080px) {
  .ct-stuffing-03:before {
    right: 0;
  }
}

@media screen and (max-width: 768px) {
  .ct-stuffing-03 {
    background-size: cover;
  }
}

.ct-stuffing-03 .list-treatment {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  z-index: 2;
}

@media screen and (min-width: 1080px) {
  .ct-stuffing-03 .list-treatment {
    margin: 0 -6px;
  }
}

@media screen and (max-width: 768px) {
  .ct-stuffing-03 .list-treatment {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.ct-stuffing-03 .list-treatment .item-treatment {
  margin-right: 18px;
  width: calc(100%/2 - 9px);
  border: 1px solid #000000;
  padding: 3px;
  background: #f6f1eb;
}

@media screen and (max-width: 768px) {
  .ct-stuffing-03 .list-treatment .item-treatment {
    width: 100%;
    margin-right: 0;
  }
}

.ct-stuffing-03 .list-treatment .item-treatment:nth-child(2) {
  margin-right: 0;
}

.ct-stuffing-03 .list-treatment .item-treatment .ttl-treament {
  background: #0c2848;
  text-align: center;
  padding: 5px 0;
}
.ct-stuffing-03 .list-treatment .item-treatment .ttl-treament.tit {
    color: #fff;
    font-size: 20px;
    line-height: 140%;
}
.ct-stuffing-03 .list-treatment .item-treatment .content {
  padding: 24px 22px 50px;
}
.ct-stuffing-03 .list-treatment .item-treatment .content h5 {
    font-size: 22px;
    line-height: 140%;
    font-weight: bold;
    padding: 10px 0;
    color: #000;
}
.ct-stuffing-03 .list-treatment .item-treatment .content h5 strong {
    font-size: 28px;
}
@media screen and (max-width: 1080px) {
  .ct-stuffing-03 .list-treatment .item-treatment .content {
    padding: 20px 12px !important;
  }
}

.ct-stuffing-03 .list-treatment .item-treatment .content .txt-treament {
  color: #000;
  font-size: 23px;
  line-height: 1.2;
  margin-bottom: 15px;
  min-height: 59px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media screen and (max-width: 1080px) {
  .ct-stuffing-03 .list-treatment .item-treatment .content .txt-treament {
    margin-bottom: 0;
  }
}

@media screen and (min-width: 1080px) {
  .ct-stuffing-03 .list-treatment .item-treatment .content .txt-treament {
    margin-bottom: 8px;
  }
}

@media screen and (max-width: 768px) {
  .ct-stuffing-03 .list-treatment .item-treatment .content .txt-treament {
    min-height: auto;
  }
}

.ct-stuffing-03 .list-treatment .item-treatment .content .txt-treament span {
  font-size: 27px;
}

.ct-stuffing-03 .list-treatment .item-treatment .content .txt-base03 {
  font-size: 22px;
  line-height: 1.2;
  margin-bottom: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: bold;
}

.ct-stuffing-03 .list-treatment .item-treatment .content .txt-base03 span {
  font-size: 32px;
}

@media screen and (max-width: 1080px) {
  .ct-stuffing-03 .list-treatment .item-treatment .content .txt-base03 span {
    font-size: 26px;
  }
}

@media screen and (max-width: 768px) {
  .ct-stuffing-03 .list-treatment .item-treatment .content .txt-base03 span {
    font-size: 25px;
    line-height: 1;
  }
}

@media screen and (max-width: 1080px) {
  .ct-stuffing-03 .list-treatment .item-treatment .content .txt-base03 {
    font-size: 18px;
  }
}

@media screen and (max-width: 768px) {
  .ct-stuffing-03 .list-treatment .item-treatment .content .txt-base03 {
    margin-top: 10px;
    font-size: 16px;
  }
}

.ct-stuffing-03 .list-treatment .item-treatment .content p {
  color: #000;
  font-size: 14px;
}

@media screen and (max-width: 768px) {
  .ct-stuffing-03 .list-treatment .item-treatment .content p {
    font-size: 12px;
  }
}

.ct-stuffing-03 .list-treatment .item-treatment .content .subtitle {
  margin-bottom: 1px;
  display: block;
  font-size: 14px !important;
  font-weight: bold !important;
}

.ct-stuffing-03 .list-treatment .item-treatment .content .subtitle span {
  font-size: 20px;
}

.ct-stuffing-03 .list-treatment .item-treatment .content.content-01 p {
  line-height: 1.7;
}

.ct-stuffing-03 .list-treatment .item-treatment .content.content-01 .w100 {
  margin-bottom: 16px;
}

@media screen and (max-width: 768px) {
  .ct-stuffing-03 .list-treatment .item-treatment .content.content-01 .w100 {
    margin-bottom: 20px;
  }
}

.ct-stuffing-03 .list-treatment .item-treatment .content.content-02 p {
  line-height: 1.8;
}

.ct-stuffing-03 .list-treatment .item-treatment .content.content-02 .w100 {
  margin-bottom: 26px;
}

@media screen and (max-width: 768px) {
  .ct-stuffing-03 .list-treatment .item-treatment .content.content-02 .w100 {
    margin-bottom: 20px;
  }
}

.ct-stuffing-04 {
  background: none;
  padding: 30px 30px 40px 30px;
  position: relative;
}

.ct-stuffing-04:before {
  content: '';
  position: absolute;
  right: -35px;
  top: 0;
  width: 100%;
  height: 100%;
  background: url(/import/tenant_1/kobe-nodadc.com/stuffing/img/bg04.png) top right no-repeat;
}

@media screen and (max-width: 1080px) {
  .ct-stuffing-04:before {
    right: 0;
  }
}

@media screen and (max-width: 768px) {
  .ct-stuffing-04 {
    background-size: cover;
    padding: 15px !important;
  }
}

@media screen and (max-width: 768px) {
  .ct-stuffing-04 .txt-base01 {
    padding-top: 10px !important;
    margin-bottom: 50px !important;
  }
}

.w100 {
  width: 100% !important;
}

@media screen and (min-width: 1080px) {
  .mtpc-20 {
    margin-top: 20px !important;
  }
}

#clinicpage .wrap05 {
  padding: 60px 0 110px;
}

@media screen and (max-width: 768px) {
  #clinicpage .wrap05 {
    padding: 30px 0 50px 0;
  }
}
@media screen and (max-width: 599px) {
  #clinicpage .wrap05 {
    padding-top:0;
  }
}

#clinicpage .implant_bnr {
  padding-top: 40px;
}
@media screen and (max-width: 768px) {
  #clinicpage .implant_bnr {
    padding-top: 50px;
    margin-bottom: 0;
  }
}

.implant_tel {
    background: #a18846;
    width: 100%;
    max-width: 980px;
    margin: 0 auto;
    padding: 0.5%;
    box-sizing: border-box;
}
.implant_tel .in {
    border: 1px solid #fff;
    position: relative;
    padding: 10px 0;
}
.implant_tel .center {
    margin: 0 auto;
    width: 100%;
    max-width: 430px;
    padding: 10px 0;
    z-index: 1;
}
.implant_tel .center h4 {
    font-size: 25px;
    text-align: center;
    color: rgb(255, 255, 255) !important;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", serif !important;
    line-height: 140%;
    margin-bottom: 10px;
    background: none !important;
    width: 100% !important;
    margin: 0 auto !important;
}
.implant_tel .center .tel {
    color: #fff;
    line-height: 40px;
    font-size: 50px;
    text-align: center;
    margin-bottom: 10px;
    font-family: "Times New Roman", Times, serif;
}
.implant_tel .center .tel a{
    color: #fff;
}
.implant_tel .center .tel .i {
    display: inline-block !important;
    width: 32px;
    height: auto;
    margin-right: -5px;
    padding-bottom: 5px;
    margin-top: -5px;
}
.implant_tel .center .tel .i img {
    width: 100% !important;
    height: auto !important;
}

.implant_tel .center .txt {
    font-size: 14px;
    color: #fff;
    text-align: center;
    font-weight: normal;
}
.implant_tel .pic {
    width: 100%;
    position: absolute;
    right: 16%;
    bottom: 0;
    max-width: 130px;
    z-index: 0;
}
.implant_tel .pic img {
    width: 100% !important;
    height: auto !important;
}
@media screen and (max-width: 768px) {
  .implant_tel {
    max-width: 90%;
}
.implant_tel .pic {
    right: 4%;
    max-width: 110px;
}
.implant_tel .center .tel {
    font-size: 42px;
}
.implant_tel .center h4 {
    font-size: 18px;
    padding-bottom: 5px;
}
}
@media screen and (max-width: 599px) {
  .implant_tel {
    max-width: 100%;
}
.implant_tel .center {
    max-width: 70%;
    padding: 0 2%;
}
.implant_tel .center h4 {
    font-size: 12px;
}
.implant_tel .pic {
    right: 0;
    max-width: 65px;
}
.implant_tel .center .tel .i {
    width: 25px;
}
.implant_tel .center .tel {
    font-size: 30px;
}
.implant_tel .center .txt {

    padding: 0 5%;
}
}  

#clinicpage .maps {
  margin: 0 40px 20px;
}

@media screen and (max-width: 980px) {
  #clinicpage .maps {
    margin: 0 0px 30px;
  }
}

@media screen and (max-width: 768px) {
  #clinicpage .maps iframe {
    height: 300px;
  }
}

@media screen and (max-width: 980px) {
  #clinicpage .calendar3 {
    width: 100%;
  }
}

#clinicpage iframe {
  width: 100% !important;
}

@media screen and (max-width: 768px) {
  #clinicpage h3 {
    padding-bottom: 25px;
  }
}

#clinicpage #mainarea h2 {
  line-height: 1.3;
}

@media screen and (min-width: 768px) {
  #clinicpage #mainarea h2 {
    font-size: 48px;
  }
}

#clinicpage #mainarea h2 span {
  display: block;
  font-size: 20px;
}

#clinicpage .info-sp {
  display: none;
}
[data-element-id] #clinicpage .info-pc {
    display: block;
}
[data-element-id] #clinicpage .info-sp {
    display: block;
}


@media screen and (max-width: 980px) {
  #clinicpage .info-sp {
    display: block;
  }
}

@media screen and (max-width: 980px) {
  #clinicpage .add-item {
    margin-bottom: 30px;
  }
  #clinicpage .info {
    background: #FFFFFF;
    padding: 30px 20px 1px;
  }
  #clinicpage .time-table {
    margin: 20px 0;
  }
  #clinicpage .add {
    height: auto !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 15px 0 0 !important;
    height: auto;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
}

@media screen and (max-width: 980px) and (max-width: 768px) {
  #clinicpage .add {
    display: block;
    width: 100%;
  }
}

@media screen and (max-width: 980px) {
  #clinicpage .add .add-item {
    width: 290px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
  }
}

@media screen and (max-width: 980px) and (max-width: 768px) {
  #clinicpage .add .add-item {
    width: 100%;
  }
}

@media screen and (max-width: 980px) {
  #clinicpage .add .img-map {
    width: calc(100% - 290px);
    padding-left: 0%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
}

@media screen and (max-width: 980px) and (max-width: 768px) {
  #clinicpage .add .img-map {
    width: 100%;
  }
}

#clinicpage .df {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

#clinicpage .df > * {
  float: unset;
  float: none;
  width: 31.333333%;
}

@media screen and (max-width: 768px) {
  #clinicpage .df > * {
    width: 48%;
  }
}

@media screen and (max-width: 640px) {
  #clinicpage .df > * {
    width: 100%;
  }
}

#clinicpage .calendar3 h4 {
  background: #0c2848;
  height: 35px;
  border-radius: 5px;
}

@media screen and (max-width: 768px) {
  #clinicpage .calendar3 h4 {
    margin-top: 0 !important;
    line-height: 31px;
  }
}

@media screen and (min-width: 768px) {
  .mbpc-5 {
    margin-bottom: 5px !important;
  }
}

@media screen and (max-width: 768px) {
  .pbsp-20 {
    padding-bottom: 20px !important;
  }
}

#servicepage.service-oral {
  color: #000 !important;
}

#servicepage.service-oral .oral-ttl-01 {
  text-align: center;
  margin-bottom: 30px;
}

@media screen and (max-width: 768px) {
  #servicepage.service-oral .oral-ttl-01 {
    margin-bottom: 15px;
  }
}

#servicepage.service-oral .oral-ttl-01 img {
  margin: auto;
  display: block;
}

#servicepage.service-oral .implant_bnr {
  margin-bottom: 20px;
}

@media screen and (max-width: 1000px) {
  #servicepage.service-oral .implant_bnr {
    margin: 0 4% !important;
  }
}

@media screen and (min-width: 768px) {
  #servicepage.service-oral .wrap05 {
    padding-bottom: 70px;
  }
}

@media screen and (max-width: 768px) {
  #servicepage.service-oral .wrap05 {
    padding-bottom: 50px;
  }
}

#servicepage.service-oral .gbr {
  margin-bottom: 60px;
}
#servicepage.service-oral .gbr.box {
    width: 100%;
    margin-bottom: 30px;
    overflow: hidden;
    box-sizing: border-box;
}

#servicepage.service-oral .gbr.box .left {
    width: 22%;
    margin-right: 4%;

}
#servicepage.service-oral .gbr.box .left .in {
    align-items: center;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: justify;
    -webkit-justify-content: center;
    justify-content: center;
    border-radius: 5px;
    overflow: hidden;
    background: #000;
    padding: 50px 5%;
}
#servicepage.service-oral .gbr.box .left h6 {
    font-size: 28px;
    line-height: 140%;
    color: #fff;
}
#servicepage.service-oral .gbr.box .left h6 strong {
  display: block;
    font-size: 25px;
    line-height: 140%;
}
#servicepage.service-oral .gbr.box .right {
    width: 74%;
    box-sizing: border-box;
}
#servicepage.service-oral .gbr.box .right ul {
    width: 100%;
}
#servicepage.service-oral .gbr.box .right ul li {
    width: 29%;
    position: relative;
    margin-right: 4%;
    margin-bottom: 30px;
    border-radius: 5px;
    overflow: hidden;
    padding-bottom: 25px;
    background: #fff;
}
#servicepage.service-oral .gbr.box .right ul li img {
    width: 100% !important;
    height: auto !important;
}
#servicepage.service-oral .gbr.box .right ul li:nth-of-type(3n+3){
    margin-right: 0;
}
#servicepage.service-oral .gbr.box .right ul li+li:after {
    content: url(/upload/tenant_1/409695406d663e07de9479b19d12d9ee.png);
display: inline-block;
    vertical-align: middle;
    position: absolute;
    top: 50%;
    left: -9%;
}
#servicepage.service-oral .gbr.box .right ul li+li:nth-of-type(4n+4):after{
   display: none;
}
@media screen and (max-width: 768px) {
  #servicepage.service-oral .gbr {
    margin-bottom: 30px;
    padding: 0 4%;
  }
  #servicepage.service-oral .gbr.box .left h6 {
    font-size: 25px;
}
#servicepage.service-oral .gbr.box .left h6 strong {
    font-size: 22px;
}
}
@media screen and (max-width: 599px) {
  
#servicepage.service-oral .gbr.box .left {
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
}
#servicepage.service-oral .gbr.box .left .in {
    padding: 20px 2%;
}
#servicepage.service-oral .gbr.box .right {
    width: 100%;
}
#servicepage.service-oral .gbr.box .right ul li {
    width: 48%;
    margin-right: 1% !important;
    margin-left: 1%;
}
}

#servicepage.service-oral .ss-Implant {
  margin-top: 50px;
  margin-bottom: 45px;
  padding: 98px 0px 102px;
  position: relative;
  background: url(/import/tenant_1/kobe-nodadc.com/service/img/oral/img-01.png) no-repeat center/cover;
}

@media screen and (max-width: 768px) {
  #servicepage.service-oral .ss-Implant {
    margin-top: 25px;
    padding: 40px 0px 50px;
    margin-bottom: 25px;
  }
}

#servicepage.service-oral .ss-Implant .ss-implant-inner {
  max-width: 700px;
  padding-left: 45px;
  font-size: 15px;
  line-height: 2;
}

@media screen and (max-width: 768px) {
  #servicepage.service-oral .ss-Implant .ss-implant-inner {
    font-size: 14px;
    padding: 0px 4%;
  }
}

#servicepage.service-oral .ss-Implant .ss-implant-inner > img {
  margin-bottom: 25px;
}

#servicepage.service-oral .ss-Implant .ss-implant-inner p {
  max-width: 460px;
  padding-left: 5px;
}

@media screen and (max-width: 768px) {
  #servicepage.service-oral .ss-Implant .ss-implant-inner p {
    padding-left: 0;
  }
}

#servicepage.service-oral .ss-forefront {
  padding: 47px 30px 20px;
  background: #e8e0d4;
  position: relative;
}

@media screen and (max-width: 768px) {
  #servicepage.service-oral .ss-forefront {
    padding: 25px 4% 15px;
  }
}

#servicepage.service-oral .ss-forefront .ss-forefront-inner > h2 {
  margin-bottom: 30px;
  text-align: center;
}

@media screen and (max-width: 768px) {
  #servicepage.service-oral .ss-forefront .ss-forefront-inner > h2 {
    margin-bottom: 30px;
  }
}

#servicepage.service-oral .ss-forefront .ss-forefront-inner .implantable-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media screen and (max-width: 768px) {
  #servicepage.service-oral .ss-forefront .ss-forefront-inner .implantable-item {
    display: block;
  }
  #servicepage.service-oral .ss-forefront .ss-forefront-inner .implantable-item img {
    margin: 0px auto 20px;
    display: block;
  }
}

#servicepage.service-oral .ss-forefront .ss-forefront-inner .implantable-item .img {
  width: 51%;
}

#servicepage.service-oral .ss-forefront .ss-forefront-inner .implantable-item .img img {
  width: 100%;
}

@media screen and (max-width: 900px) {
  #servicepage.service-oral .ss-forefront .ss-forefront-inner .implantable-item .img {
    width: 40%;
  }
}

@media screen and (max-width: 768px) {
  #servicepage.service-oral .ss-forefront .ss-forefront-inner .implantable-item .img {
    width: 100%;
  }
}

#servicepage.service-oral .ss-forefront .ss-forefront-inner .implantable-item .item-r {
  width: calc(100% - 51%);
  padding: 0px 0px 0px 40px;
}

@media screen and (max-width: 900px) {
  #servicepage.service-oral .ss-forefront .ss-forefront-inner .implantable-item .item-r {
    width: calc(100% - 40%);
    padding: 0px 0px 0px 20px;
  }
}

@media screen and (max-width: 768px) {
  #servicepage.service-oral .ss-forefront .ss-forefront-inner .implantable-item .item-r {
    padding: 0 0px 0px;
    width: 100%;
  }
}

#servicepage.service-oral .ss-forefront .ss-forefront-inner .implantable-item .item-r p {
  font-size: 18px;
  line-height: 2;
}

@media screen and (max-width: 768px) {
  #servicepage.service-oral .ss-forefront .ss-forefront-inner .implantable-item .item-r p {
    font-size: 16px;
  }
}

#servicepage.service-oral .ss-forefront .ss-forefront-inner .implantable-item .item-r h3 {
  margin-bottom: 17px;
}

@media screen and (min-width: 769px) {
  #servicepage.service-oral .ss-forefront .ss-forefront-inner .implantable-item .item-r h3 {
    margin-top: 20px;
  }
}

#servicepage.service-oral .ss-materials {
  background: #e8e0d4;
  padding: 40px 30px;
  margin-bottom: 40px;
}

@media screen and (max-width: 768px) {
  #servicepage.service-oral .ss-materials {
    padding: 30px 0px 20px;
    margin-bottom: 50px;
  }
}

#servicepage.service-oral .ss-materials-inner {
  max-width: 920px;
  margin: auto;
}

#servicepage.service-oral .ss-materials-inner .ttl-meter {
  margin: 0 0 40px 0;
  background: #9e8341;
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  font-size: 32px;
  color: #fff;
  text-align: center;
  font-weight: normal;
  padding: 15px;
}

@media screen and (max-width: 768px) {
  #servicepage.service-oral .ss-materials-inner .ttl-meter {
    margin: 0px 0px 20px;
    font-size: 26px;
    padding: 10px 4%;
  }
}

@media screen and (max-width: 768px) {
  #servicepage.service-oral .ss-materials-inner .ttl-meter img {
    height: 26px;
    width: auto;
  }
}

#servicepage.service-oral .ss-materials-inner .mater-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-bottom: 35px;
}

@media screen and (max-width: 900px) {
  #servicepage.service-oral .ss-materials-inner .mater-item {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

@media screen and (max-width: 768px) {
  #servicepage.service-oral .ss-materials-inner .mater-item {
    display: block;
    margin-bottom: 30px;
    padding: 0px 4%;
  }
}

#servicepage.service-oral .ss-materials-inner .mater-item .item-r {
  width: 360px;
}

@media screen and (max-width: 768px) {
  #servicepage.service-oral .ss-materials-inner .mater-item .item-r {
    width: 100%;
  }
  #servicepage.service-oral .ss-materials-inner .mater-item .item-r img {
    display: block;
    margin: auto;
  }
}

#servicepage.service-oral .ss-materials-inner .mater-item .item-l {
  width: calc(100% - 360px);
  font-size: 16px;
  line-height: 1.875;
  padding-right: 30px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

@media screen and (min-width: 768px) {
  #servicepage.service-oral .ss-materials-inner .mater-item .item-l {
    padding-top: 10px;
  }
}

@media screen and (max-width: 768px) {
  #servicepage.service-oral .ss-materials-inner .mater-item .item-l {
    width: 100%;
    padding-right: 0;
    font-size: 15px;
    margin-bottom: 20px;
  }
}

#servicepage.service-oral .ss-materials-inner .mater-item .item-l > img {
  margin-bottom: 30px;
}

@media screen and (max-width: 768px) {
  #servicepage.service-oral .ss-materials-inner .mater-item .item-l > img {
    margin-bottom: 15px;
  }
}

@media screen and (max-width: 500px) {
  #servicepage.service-oral .ss-materials-inner .mater-item .item-l > img {
    margin-bottom: 15px;
    height: 13vw;
    width: auto;
  }
}

#servicepage.service-oral .ss-materials-inner .box-strauman {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 16px 20px 16px 52px;
  background: #FFFFFF;
  border: 1px solid #bababa;
  border-radius: 5px;
}

@media screen and (max-width: 768px) {
  #servicepage.service-oral .ss-materials-inner .box-strauman {
    padding: 15px;
    display: block;
    margin: 0 4%;
  }
}

#servicepage.service-oral .ss-materials-inner .box-strauman img {
  width: 188px;
  margin-right: 30px;
}

@media screen and (max-width: 768px) {
  #servicepage.service-oral .ss-materials-inner .box-strauman img {
    width: 150px;
    margin: 0px 0 10px;
  }
}

#servicepage.service-oral .ss-materials-inner .box-strauman p {
  width: calc(100% - 188px - 30px);
  font-size: 16px;
  line-height: 1.875;
}

@media screen and (max-width: 768px) {
  #servicepage.service-oral .ss-materials-inner .box-strauman p {
    font-size: 14px;
    width: 100%;
  }
}

#servicepage.service-oral .ss-regeneration {
  background: url(/import/tenant_1/kobe-nodadc.com/service/img/oral/bg-img-01.png) no-repeat center/cover;
  padding: 105px 0px 98px;
  text-align: center;
  color: #FFFFFF;
}

@media screen and (max-width: 768px) {
  #servicepage.service-oral .ss-regeneration {
    padding: 85px 4% 75px;
  }
}

#servicepage.service-oral .ss-regeneration-inner h2 {
  margin-bottom: 40px;
}

@media screen and (max-width: 500px) {
  #servicepage.service-oral .ss-regeneration-inner h2 img {
    height: 14vw;
    width: auto;
  }
}

#servicepage.service-oral .ss-regeneration-inner p {
  font-size: 18px;
  line-height: 1.67;
}

@media screen and (max-width: 768px) {
  #servicepage.service-oral .ss-regeneration-inner p {
    font-size: 16px;
  }
}

@media screen and (min-width: 768px) {
  .mbpc-30 {
    margin-bottom: 30px !important;
  }
}

.list-object {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-bottom: -10px;
  margin-left: -3px;
  margin-right: -3px;
}

.list-object:after {
  display: block;
  clear: both;
  content: "";
}

@media screen and (max-width: 767px) {
  .list-object {
    margin-left: 0;
    margin-right: 0;
  }
}

.list-object .item {
  width: 33.33%;
  float: left;
  padding: 0 6px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

@media screen and (max-width: 767px) {
  .list-object .item {
    padding: 0;
  }
}

.list-object .item a {
  display: inline-block;
  width: 100%;
}

@media screen and (max-width: 767px) {
  .list-object .item {
    width: 100% !important;
  }
}

.list-object .item .wrap-item {
  margin-bottom: 10px;
  border: solid 5px #d7c290;
  position: relative;
  overflow: hidden;
}
.list-object .item .wrap-item .pic:after {
    content: "";
    background: rgba(0, 0, 0, 0.3);
    z-index: 1;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
@media screen and (min-width: 1201px) {
  .list-object .item .wrap-item {
    height: 250px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .list-object .item .wrap-item img {
    height: 100%;
  }
}

.list-object .item .wrap-item img {
  width: 100%;
}



.list-object .item .wrap-item .content-inner {
  left: 20px;
  top: 22px;
  position: absolute;
  max-width: calc(100% - 40px);
  z-index: 1;
}

@media screen and (max-width: 768px) {
  .list-object .item .wrap-item .content-inner {
    left: 10px;
    max-width: calc(100% - 20px);
  }
}

.list-object .item .wrap-item .content-inner img {
  max-width: 100%;
}

.list-object .item .wrap-item .content-inner h3 {
  font-size: 26px;
  font-size: 2.6rem;
  line-height: 1.7;
  color: #fff;
  font-weight: normal;
  margin: 0 0 4px 0;
  text-align: left;
}

@media screen and (max-width: 768px) {
  .list-object .item .wrap-item .content-inner h3 {
    font-size: 20px;
    font-size: 2rem;
  }
}

.list-object .item .wrap-item .content-inner p {
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1.5;
  color: #fff;
}

@media screen and (max-width: 768px) {
  .list-object .item .wrap-item .content-inner p {
    font-size: 11px;
    font-size: 1.1rem;
  }
  .continar {
    max-width: 100%;
}
}

.list-object .item:nth-child(1) {
  width: 66.66%;
}

@media screen and (min-width: 1201px) {
  .list-object .item:nth-child(1) .wrap-item {
    height: 510px;
  }
}
#equipmentpage .continar h4 {
    margin: 15px 0;
    text-align: left;
    line-height: 140%;
    font-size: 24px;
    letter-spacing: -1px;
    color: #fff;
}

#equipmentpage .continar .txt {
    font-size: 14px;
    line-height: 160%;
}
@media screen and (max-width: 768px) {
  #equipmentpage .continar h3 {
    margin: 0;
  }
}

@media screen and (max-width: 768px) {
  #equipmentpage .continar h4 {
    margin: 0;
    font-size: 20px;
  }
}

#equipmentpage .wrap05 {
  padding-bottom: 140px !important;
}

@media screen and (max-width: 768px) {
  #equipmentpage .wrap05 {
    padding-bottom: 50px !important;
  }
}

#equipmentpage .wrap05 .continar .title-page {
    padding: 64px 0 30px 0;
    color: #9f8342;
    font-size: 20px;
    line-height: 160%;
    font-weight: bold;
    text-align: center;
    position: relative;
    margin: 0 auto;
}
#equipmentpage .wrap05 .continar .title-page strong {
    font-size: 35px;
    display: block;
    line-height: 160%;
    padding: 0 15%;
}
#equipmentpage .wrap05 .continar .title-page strong:before {
    content: url(/upload/tenant_1/48c3a2f5ebb3d1424259d91d398b049f.png);
     display: inline-block;
    vertical-align: middle;
    position: absolute;
    left: 7%;
    top: 55%;
}
#equipmentpage .wrap05 .continar .title-page strong:after{
    content: url(/upload/tenant_1/3372eaa4ad06637566230c59e436564c.png);
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    right: 7%;
    top: 55%;
}

@media screen and (max-width: 768px) {
  #equipmentpage .wrap05 .continar .title-page {
    font-size: 17px;
    padding: 40px 0 30px 0;
  }
  #equipmentpage .wrap05 .continar .title-page strong {
    font-size: 25px;
    padding-top: 5px;
}
#equipmentpage .wrap05 .continar .title-page strong:before,#equipmentpage .wrap05 .continar .title-page strong:after {
  top: 55%;
}
#equipmentpage .wrap05 .continar .title-page strong:before {
    left:-1%;
}
#equipmentpage .wrap05 .continar .title-page strong:after{
    right:-1%;
}
}
@media screen and (max-width: 599px) {
  #equipmentpage .wrap05 .continar .title-page {
    max-width: 80% !important;
}
}
  #equipmentpage .wrap05 .continar .caption {
  margin-bottom: 44px;
  padding-left: 30px;
  padding-right: 30px;
  color: black;
}

@media screen and (max-width: 768px) {
  #equipmentpage .wrap05 .continar .caption {
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 20px;
  }
}

#equipmentpage .wrap05 .continar .white.last {
  padding-bottom: 90px;
}

@media screen and (max-width: 768px) {
  #equipmentpage .wrap05 .continar .white.last {
    padding-bottom: 20px;
  }
}

.ttl-type04 {
  padding: 50px 0 30px 0 !important;
}

@media screen and (min-width: 1201px) {
  .ttl-type04.style02 {
    padding-top: 64px !important;
  }
}

@media screen and (max-width: 768px) {
  .ttl-type04 {
    padding: 30px 0 !important;
  }
}

.item-step {
  padding-bottom: 115px;
  margin-bottom: 55px;
}

@media screen and (max-width: 768px) {
  .item-step {
    padding-bottom: 50px;
    margin-bottom: 30px;
  }
}

.item-step .item-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
}

.item-step .item-title .ttl-type01 {
  padding-left: 32px;
  width: calc(100% - 173px);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-top: 40px;
}

@media screen and (max-width: 768px) {
  .item-step .item-title .ttl-type01 {
    width: calc(100% - 95px);
    margin-top: 7px;
    padding: 0 10px;
  }
}

.item-step p {
  padding: 0 40px;
  margin-top: 85px;
  width: 100%;
  max-width: 500px;
  color: #e8e0d4;
}

@media screen and (max-width: 768px) {
  .item-step p {
    padding: 0 10px;
    margin-top: 30px;
    max-width: 100%;
    text-align: center;
  }
}

.titleHead {
  position: relative;
  width: 173px;
  height: 163px;
  padding-top: 60px;
  background: #9e8341;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

@media screen and (max-width: 768px) {
  .titleHead {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 95px;
    height: 67px;
    padding-top: 7px;
  }
}

.titleHead img {
  position: absolute;
  top: -7px;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

@media screen and (max-width: 768px) {
  .titleHead img {
    padding: 0 10px;
  }
}

.titleHead span {
  color: #fff;
  text-align: center;
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1.67;
  display: inline-block;
  width: 100%;
}

@media screen and (max-width: 768px) {
  .titleHead span {
    line-height: 1 !important;
  }
}

.titleHead span b {
  font-size: 22px;
  font-size: 2.2rem;
}

.titleHead span img {
  position: static;
  top: auto;
  left: auto;
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
}

@media screen and (max-width: 768px) {
  .titleHead span img {
    padding: 0 8px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
}

.ttl-type01 {
  font-size: 36px;
  font-size: 3.6rem;
  line-height: 1.4;
  color: #fff;
}

.txtBasic {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 2;
    font-weight: 500;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #000;
}

@media screen and (max-width: 768px) {
  .txtBasic {
    font-size: 14px;
    font-size: 1.4rem;
  }
}

.step-01 {
  background: url(/import/tenant_1/kobe-nodadc.com/approach/img/bg-01.png) no-repeat center center;
  background-size: cover;
}

.step-02 {
  background: url(/import/tenant_1/kobe-nodadc.com/approach/img/bg-05.png) no-repeat center center;
  background-size: cover;
  margin-bottom: 33px;
}

@media screen and (min-width: 1201px) {
  .step-02 {
    padding-bottom: 86px;
  }
}

@media screen and (max-width: 768px) {
  .step-02 {
    margin-bottom: 30px;
  }
}

.step-02 p {
  margin-top: 50px;
}

.step-02 .titleHead span {
  font-size: 30px;
  font-size: 3rem;
  line-height: 1.33;
}

.step-02 .titleHead span b {
  font-size: 20px;
  font-size: 2rem;
}

.step-03 {
  background: url(/import/tenant_1/kobe-nodadc.com/approach/img/bg-06.png) no-repeat center center;
  background-size: cover;
  margin-bottom: 44px;
}

@media screen and (min-width: 1201px) {
  .step-03 {
    padding-bottom: 86px;
  }
}

@media screen and (max-width: 768px) {
  .step-03 {
    margin-bottom: 30px;
  }
}

.step-03 p {
  margin-top: 50px;
}

.step-03 .titleHead span {
  font-size: 27px;
  font-size: 2.7rem;
  line-height: 1.4;
}

.step-03 .titleHead span b {
  font-size: 20px;
  font-size: 2rem;
}

#approachpage {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
}

#approachpage .wrap05 {
  padding-top: 70px;
}

@media screen and (max-width: 768px) {
  #approachpage .wrap05 {
    padding-bottom: 50px;
    padding-top: 0px;
  }
}

#approachpage .surgery {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: -30px;
  margin-right: -30px;
  position: relative;
}

@media screen and (max-width: 768px) {
  #approachpage .surgery {
    margin-left: -4%;
    margin-right: -4%;
  }
}

#approachpage .surgery .inner {
  max-width: 100%;
  position: relative;
}

#approachpage .surgery > * {
  width: 50%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

@media screen and (max-width: 768px) {
  #approachpage .surgery > * {
    width: 100%;
  }
}

#approachpage .surgery .content-left {
  margin-bottom: 40px;
  padding-left: 30px;
  width: calc(50% - 5px);
}

@media screen and (max-width: 768px) {
  #approachpage .surgery .content-left {
    padding-left: 4%;
    padding-right: 4%;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    width: 100%;
    margin-bottom: 10px;
  }
}

#approachpage .surgery .content-right {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  margin-bottom: 20px;
  width: calc(50% + 5px);
}

@media screen and (max-width: 768px) {
  #approachpage .surgery .content-right {
    width: 100%;
    margin-bottom: 30px;
  }
  #approachpage .surgery .content-right img {
    width: 100%;
  }
}

@media (min-width: 768px) {
  #approachpage .surgery .content-right {
    position: relative;
    bottom: 0;
    right: 0;
    height: 100%;
    margin-bottom: 0;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin: 20px auto;
  }
  #approachpage .surgery .content-right img {
    max-height: auto;
    width: 100%;
  }
}

#approachpage .surgery .content-right img {
  float: right;
}

.playback {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-bottom: 20px;
}

.playback .itemM {
  height: 227px;
  margin-bottom: 18px;
  background: #efe9e1;
  padding: 0 17px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
}

.playback .itemM .ttl-type02 {
  padding-top: 15px;
}

.playback .itemM:nth-child(2) {
  height: 248px;
}

.playback .itemM:nth-child(3) {
  height: 248px;
}

.playback .img-left {
  width: 38%;
  height: 760px;
  padding-left: 25px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.playback .content {
  width: 62%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.ttl-type02 {
  font-weight: 500;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.57;
  margin: 0 0 20px 0 !important;
  text-align: left !important;
}

.ttl-type02 span {
  display: block;
  font-size: 25px;
  font-size: 2.5rem;
  line-height: 1.28;
  color: #0c2848;
  font-weight: bold;
  margin-bottom: 10px;
}

.list-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.list-box .item {
  width: 100px;
  height: 100px;
  border: solid 1px #9e8341;
  background: #af9862;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 10px;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

@media screen and (max-width: 768px) {
  .list-box .item {
    margin: 0 5px;
  }
}

.sammary02 {
  padding: 35px;
  background: url(/import/tenant_1/kobe-nodadc.com/approach/img/bg-03.png) no-repeat center center;
  background-size: cover;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

@media screen and (max-width: 768px) {
  .sammary02 {
    padding: 20px 4%;
  }
}

.sammary02 .inner {
  border: solid 4px #9e8341;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #ffffff;
  align-items: center;
  background: url(/import/tenant_1/kobe-nodadc.com/approach/img/bg-04.png) no-repeat center center;
  background-size: cover;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 2px;
}

@media screen and (max-width: 768px) {
  .sammary02 .inner {
    overflow: hidden;
  }
}

@media screen and (min-width: 1201px) {
  .sammary02 .inner {
    overflow: hidden;
  }
}

.sammary02 .inner > * {
  width: 50%;
}

@media screen and (max-width: 768px) {
  .sammary02 .inner > * {
    width: 100%;
  }
}

.sammary02 .inner img {
  max-height: 100%;
}

@media screen and (max-width: 768px) {
  /*.sammary02 .inner img {
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 20px;
    width: calc(100% - 40px);
  }*/
}

.sammary02 .inner .content-left {
  padding: 50px 20px 20px 25px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.sammary02 .inner .content-left h4.tit {
text-align: center;
    position: relative;
    font-size: 28px;
    line-height: 140%;
    font-weight: bold;
    color: #9e8341;
    padding-bottom: 35px;
    margin-bottom: 20px;
}
.sammary02 .inner .content-left h4.tit:after {
    content: url(/upload/tenant_1/25bfe7fdd54134531cbe2dad034e381a.png);
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    left: 0;
    bottom: -10px;
}



@media screen and (max-width: 768px) {
.sammary02 .inner .content-left {
    padding: 20px;
    width: 100%;
    max-width: 100% !important;
}
  .sammary02 .inner .content-left h4.tit:after {
    left: 18%;
}
.sammary02 .inner .pic {
    width: 100%;
    max-width: 400px !important;
    margin: 0 auto;
}
}

@media screen and (max-width: 599px) {
  .sammary02 .inner .content-left h4.tit {
    font-size: 20px;
}
  .sammary02 .inner .content-left h4.tit:after {
        content: url(/upload/tenant_1/1f3c33bb628b43505133e2ed1f2da319.png);
    left: -10%;
}
}
.sammary02 .inner .content-left img {
  margin-bottom: 10px;
}

.sammary02 .inner .content-left p {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 2;
  width: 100%;
  padding: 0 10px;
  color: black;
}

@media screen and (max-width: 768px) {
  .sammary02 .inner .content-left p {
    padding: 0;
    font-size: 15px;
    font-size: 1.5rem;
  }
}

.box-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: -14px;
  margin-right: -14px;
  margin-bottom: 17px;
}

@media screen and (max-width: 768px) {
  .box-text {
    margin-bottom: 0;
  }
}

.box-text:nth-child(2n+2) img {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}

@media screen and (max-width: 768px) {
  .box-text:nth-child(2n+2) img {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}

.box-text:nth-child(2n+2) p {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

@media screen and (max-width: 768px) {
  .box-text:nth-child(2n+2) p {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}

.box-text:last-child {
  margin-bottom: 0;
}

.box-text:last-child p {
  margin-bottom: 0;
}

.box-text > * {
  padding: 0 14px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.box-text img {
  width: 44%;
}

@media screen and (max-width: 768px) {
  .box-text img {
    width: 100%;
  }
}

.box-text p {
  width: 56%;
  padding-top: 28px;
  color: black;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 2;
}

@media screen and (max-width: 768px) {
  .box-text p {
    width: 100%;
    margin-bottom: 20px;
  }
}

.box-text p img {
  display: block;
  margin-bottom: 17px;
  width: 100%;
}

.box-text p strong {
  display: inline-block;
  margin-bottom: 17px;
  width: 100%;
}

.item-text-02 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-left: -9px;
  margin-bottom: 35px;
  margin-right: -9px;
}

.item-text-02:nth-child(2n+2) {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.item-text-02:nth-child(2n+2) img {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}

.item-text-02:nth-child(2n+2) .content {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

.item-text-02:last-child {
  margin-bottom: 0;
}

.item-text-02 > * {
  padding: 0 9px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.item-text-02 img {
  width: 41%;
}

.item-text-02 .content {
  width: 59%;
}

@media screen and (max-width: 768px) {
  .item-text-02 h3 {
    margin-bottom: 10px !important;
  }
}

.item-text-02 p {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 2;
  margin-top: 18px;
  color: black;
}

@media screen and (max-width: 768px) {
  .item-text-02 p {
    margin-top: 10px;
  }
}

.ttl-type03 {
  margin-top: 0 !important;
}

.ttl-type03 img {
  width: 100%;
}

.wrap-playback {
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
}

.wrap-playback .playback {
  min-width: 650px;
}

#servicepage .title-page {
  padding-bottom: 50px;
}

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

/*# sourceMappingURL=maps/style.css.map */

#servicepage .subject p.names{
    font-family: monospace;
    color: #cfcbc9;
    font-size: 18px;
    text-align: center;
}

.botanon{
  border-right: none!important;
  border-left: none!important;
}