@charset "UTF-8";

/*
 * サイト共通用のCSSです。
 *
 */
/* 連続 br でIE6が改行しないバグ対策　CSS:letter-spacing の影響
----------------------------------------------- */
br {
  letter-spacing: normal;
}

/* フロート回り込み解除
----------------------------------------------- */
.clear {
  clear: both;
  display: none;
  font-size: 0px;
  line-height: 0%;
  height: 0px
}

/* float対策：背景色表示用
----------------------------------------------- */
.clearfix:after {
  display: block;
  clear: both;
  height: 0px;
  line-height: 0px;
  visibility: hidden;
  content: ".";
}

.clearfix {
  display: block;
  /* for IE8 */
}

.both {
  clear: both;
}

.hidden {
  display: none;
}

@font-face {
  font-family: "MyFont";
  src: url(../font/ryumin.woff) format("woff");
}

/* yui 上書き
----------------------------------------------- */
html,
body {
  /*height: 100%;*/
  /*背景画像を100%にする時に使用する*/
  overflow-x: hidden;
}

body {}

ol, ul, dl {
  margin: 0px;
}

li {
  list-style-type: none;
}

h1, h2, h3 {
  margin: 0px;
}

img {
  vertical-align: bottom;
}

/* 基本サイト構造 (空白のままにすること)
----------------------------------------------- */
/* body */
body {}

/* container */
#container {}

/* container_inner */
#container_inner {}

/* header_wrapper */
#header_wrapper {}

/* header */
#header {}

/* main_nav */
#main_nav {}

/* breadcrumb */
#breadcrumb {}

/* contents_wrapper */
#contents_wrapper {}

/* footer_wrapper */
#footer_wrapper {}

/* footer */
#footer {}

/* -----------------------------------------------
 *
 *
 * ここから下を変更すること
 *
 *
----------------------------------------------- */
/* a リンク
----------------------------------------------- */
a {
  text-decoration: none;
}

a:link {}

a:visited {}

a:hover {
  text-decoration: underline;
}

/* table
----------------------------------------------- */
tr {
  border: none;
}

th {
  background-color: #FFF;
}

th,
td {
  padding: 5px 10px;
  font-weight: 100;
  border: solid 1px #b5b5b5;
}

@charset "UTF-8";
/* reset */
html {
  overflow-y: scroll;
}

* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

a {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

dt, th, h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
}

section, figure, aside, header, footer, main, nav {
  display: block;
}

address, caption, cite, code, dfn, em, strong, th, var {
  font-style: normal;
}

table {
  border-collapse: collapse;
}

caption, th {
  text-align: left;
}

q:before, q:after {
  content: '';
}

object,
embed {
  vertical-align: top;
}

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal;
}

img, abbr, acronym, fieldset {
  border: 0;
}

li {
  list-style-type: none;
}

img {
  vertical-align: bottom;
}

hr {
  clear: both;
  border: none;
  background-color: #FFFFFF;
}
p { font-weight: 500;}
.pswp { display:none; }

/* --------------------------------------------------------
	01share style
	-------------------------------------------------------- */
.tal {  text-align: left !important;}

.tar {  text-align: right !important;}

.tac {  text-align: center !important;}

.fwb {  font-weight: bold !important;}

.fwn {  font-weight: normal !important;}

/*CSS Rollover*/
a.cssRoll img {  opacity: 1;}

a:hover.cssRoll img {  opacity: 0.6;}

body {  font-weight: normal;  line-height: 1.7;  color: #373737;}

a:link {  text-decoration: none;}

a:visited {  text-decoration: none;}

a:hover {  text-decoration: underline;}

a:active {  text-decoration: none;}
figure {  display: block;  -webkit-margin-before: 0;  -webkit-margin-after: 0;  -webkit-margin-start: 0;  -webkit-margin-end: 0;}

em {  font-weight: bold;}

/* ---------------------------
module
--------------------------- */
#wrapper {  position: relative;  overflow: hidden;}
body {  font-family: 'Noto Sans JP', "Yu Gothic", "YuGothic", "Hiragino Kaku Gothic Pro",  "Meiryo", verdana, "Osaka", "MS PGothic", Sans-Serif;  color: #444444;  -webkit-text-size-adjust: 100%;}
img {  max-width: 100%;  height: auto;}
a {  color: #444444;}
a[href^="tel:"] {  cursor: default;}





.tac {  text-align: center !important;}

a {  -webkit-transition: 0.6s;  -o-transition: 0.6s;  transition: 0.6s;}

a:hover {  opacity: 0.6;  text-decoration: none;}

a[href^="tel:"]:hover {  opacity: 1;}

.link01 {  color: #444444;  text-decoration: underline !important;}

.link01:hover {  text-decoration: none !important;}

.attention-ft085 {  font-size: 0.85rem;}

/* ---------------------------
home
--------------------------- */
.mainerea {  position: relative;}
.mainerea-slide {  height: 100%;}
.mainerea-slide-item {  position: relative;  width: 100%;  height: 100%;}
.mainerea-slide-img {  position: relative;  -webkit-transform: scale(0.85);  -ms-transform: scale(0.85);  transform: scale(0.85);  -webkit-transition: 0.6s 0.6s;  -o-transition: 0.6s 0.6s;  transition: 0.6s 0.6s;  background: url() center no-repeat;  background-size: cover;}
.slick-current .mainerea-slide-img {  -webkit-transform: scale(1);  -ms-transform: scale(1);  transform: scale(1);}
.mainerea-slide-charm {  position: absolute;  left: 0;  bottom: 30px;  background: #fff;  padding: 12px 20px;  padding-right: 40px;  font-weight: bold;  line-height: 1.2;  opacity: 0;  -webkit-transition: 0.6s 0.6s;  -o-transition: 0.6s 0.6s;  transition: 0.6s 0.6s;  -webkit-transform: translateX(-60px);  -ms-transform: translateX(-60px);  transform: translateX(-60px);}
.mainerea-slide-charm:before {  content: "";  display: block;  background: url("../img/base/ico_arrow2_c1.svg") center no-repeat;  background-size: contain;  position: absolute;  right: 10px;  top: 50%;  width: 10px;  height: 10px;  margin-top: -5px;}
.slick-current .mainerea-slide-charm {  opacity: 1;  -webkit-transform: translateX(0);  -ms-transform: translateX(0);  transform: translateX(0);}
.mainerea-slide01-txts {  text-align: center;  color: #fff;  position: absolute;  left: 0;  top: 0;  height: 100%;  display: -webkit-box;  display: -ms-flexbox;  display: flex;  -webkit-box-orient: vertical;-webkit-box-direction: normal;  -ms-flex-direction: column;  flex-direction: column;  -webkit-box-pack: center;  -ms-flex-pack: center;  justify-content: center;}

.mainerea-slide01-logo {  margin-bottom: 1em;}
.mainerea-slide01-h {  font-weight: bold;  font-size: 1.3rem;}
.mainerea-slide01-h small {  font-size: 0.9rem;  display: block;}
.mainerea-thumbs {  position: absolute;  right: 10px;  bottom: 30px;  display: -webkit-box;  display: -ms-flexbox;  display: flex;}
.mainerea-thumbs-item {  margin-left: 10px;  border: 2px solid transparent;  cursor: pointer;}
.mainerea-thumbs-item.on {  border-color: #fff;}
.home-info-h {  font-family: 'Roboto', sans-serif;  letter-spacing: 0.1em;  color: #1ba1e6;  font-weight: bold;}
.news-btn {  width: auto !important;  padding-left: 20px !important;  padding-right: 20px !important;}
.news-posts-item {  border-bottom: 1px solid #E1E5E7;}
.news-posts-item a {  display: block;}
.info_date { margin-right:30px;}
.hours-head {  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;  margin-bottom: 1em;}
.home-field-sec-h {  margin-bottom: 0.5em;  font-weight: bold;}



.medical-bg01 {background-image: url(../images/medical-bg-img01.jpg);background-size: cover;left: 0;}
.medical-bg02 {background-image: url(../images/medical-bg-img02.jpg);background-size: cover;right: 0;}
.medical-sec-h small {  font-size: 0.85rem;  display: block;  margin-bottom: 0.5em;}
.medical-sec-h small {  font-family: 'Roboto', sans-serif;  letter-spacing: 0.1em;  color: #66bb6a;}
.medical-sec-lead {  margin-bottom: 1em;  font-weight: 500; min-height: 180px; }
.m-orthodontics > .medical-sec-lead {    color: rgb(255, 255, 255);}

.medical-sec-links {  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;}
.medical-sec-links-item {  width: 49%;  margin-bottom: 2%;}
.medical-sec-links-item i {  width: 40%;  display: inline-block;}
.medical-sec-links-item a {  display: block;  background: #fff;  padding: 20px;  text-align: center;  height: 100%;}
.medical-sec-links-txt {  font-weight: 500;  color: #395162;}
.medicalgroup-h {  font-family: 'Roboto', sans-serif;  letter-spacing: 0.1em;  color: #66bb6a;  text-align: center;  margin-bottom: 0.7em;  font-weight: bold;}
.medicalgroup-lead {  margin-bottom: 2em;  text-align: center;  font-weight: bold;}
.medicalgroup-links {  display: -webkit-box;  display: -ms-flexbox;  display: flex;  -webkit-box-pack: justify;  -ms-flex-pack: justify;  justify-content: space-between;}
.medicalgroup-links-item {  text-align: center;}
.medicalgroup-links-img {  margin-bottom: 1em;}

  .news-h .en {
    font-weight: bold;
    display: block;
    color: #66bb6a;
    font-size: 0.7rem;
  }  
  .main_text { position: absolute; bottom: -2px; right: -2px; width: 470px; background-color: #fff; padding: 30px 50px 60px; }
  .main_text p { font-size:1.2rem; }
  .main_img { position:absolute; bottom:10px; right:0; }
  .kinkyu{text-align: center;
    max-width: 1400px;
    width: 100%;
    margin: 0 auto 30px;}
	  
/* ---------------------------
about
--------------------------- */

.about {  background: #ecfbf1;}
.about-h {  font-family: 'Roboto', sans-serif;  letter-spacing: 0.1em;  color: #66bb6a;  text-align: center;  margin-bottom: 0.7em;  font-weight: bold;}
.about-lead {  margin-bottom: 2em;  text-align: center;  font-weight: bold;}
.about-cats-img {  margin-bottom: 1em;  text-align: center;}
.about-cats-txt {  font-weight: bold;  font-size: 1.1rem;}
.about-largeLink {  margin-bottom: 1em;}
.about-smallLinks {  display: -webkit-box;  display: -ms-flexbox;  display: flex;  -webkit-box-pack: justify;  -ms-flex-pack: justify;  justify-content: space-between;  -ms-flex-wrap: wrap;  flex-wrap: wrap;}
.about-smallLinks-item {  width: 48%;  margin-bottom: 4%;}
.about-index-mv {  background: url() center no-repeat;  background-size: cover;  position: relative;  display: -webkit-box;  display: -ms-flexbox;  display: flex;  -webkit-box-align: center;  -ms-flex-align: center;  align-items: center;  letter-spacing: 0.1em;}
.about-index-mv-txts {  color: #fff;  font-weight: bold;  line-height: 1.2;}
.about-index-lead p:not(:last-child) {  margin-bottom: 1.5em;}
.about-index-doctor-img {  text-align: center;}
.about-index-doctor-clear {  margin-bottom: 30px;}
.about-index-doctor-name em {  font-weight: bold;  font-size: 1.2rem;  display: block;}
.about-index-doctor-history dl {  display: -webkit-box;  display: -ms-flexbox;  display: flex;}
.about-index-doctor-history dt {  margin-right: 2em;}
.about-index-doctor-history dd {  -webkit-box-flex: 1;  -ms-flex: 1;  flex: 1;}
.about-index-doctor-txt {  border: 2px solid #e1e5e7;  font-weight: bold;}
.about-index-dentists-h span {  font-size: 0.85rem;  display: block;}
.about-index-dentists-h em {  display: block;  font-weight: bold;  font-size: 1.2rem;  margin-bottom: 1em;}
.about-index-dentists-h .is-colored {  color: #e91e63;}
.about-index-recruit {  background: url("../img/about/index/recruit_bg_01.jpg") center top no-repeat;  background-size: cover;}
.about-index-recruit-txts {  background: rgba(255, 255, 255, 0.9);  text-align: center;}
.about-index-recruit-en {  margin-bottom: 1em;}
.about-index-recruit-h {  margin-bottom: 0.7em;}
.about-index-recruit-txt {  margin-bottom: 1em;}
.about-access-specTable th, .about-access-specTable td {  padding: 6px;}
.about-access-specTable th {  font-weight: bold;}
.about-access-scheduleTable {  width: 100%;  margin-bottom: 2em;}
.about-access-scheduleTable th {  font-weight: bold;}
.about-access-scheduleTable th.is-tal {  text-align: left;}
.about-access-scheduleTable th, .about-access-scheduleTable td {  text-align: center;}
.about-access-spec-note {  font-size: 0.85rem;}
.about-access-access-txts p:not(:last-child) {  margin-bottom: 2em;}

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


/* ---------------------------
見出し　h
--------------------------- */
.h01 {  font-weight: bold;}
.h01-wrap {  text-align: center;  font-weight: bold;  color: #1ba1e6;  letter-spacing: 0.1;  border-bottom: 1px solid #DCDCDC;}
.h02 {  text-align: center;  font-weight: bold;  letter-spacing: 0.1em;}
.h02 small {  display: block;  font-weight: normal;  font-size: 1rem;  margin-top: 1em;}
.h03 {  font-weight: bold;  margin-bottom: 1em;  letter-spacing: 0.1em;}
.title-01 {  text-align: center;  font-size: 1.6rem;  color: #26596D;  line-height: 1.8em;}



/* ---------------------------
slide
--------------------------- */
.slide-nav01 {  display: -webkit-box;  display: -ms-flexbox;  display: flex;  -webkit-box-pack: center;  -ms-flex-pack: center;  justify-content: center;}
.slide-nav01 li {  width: 26px;  height: 4px;  background: #fff;  margin: 0 4px 4px;  cursor: pointer;}
.slide-nav01 li.slick-active {  background: #2D7638;}
.slide-nav01 li button {  display: none;}
.slide-btn01 {  position: absolute;  top: 50%;  z-index: 1;  cursor: pointer;}
.slide-btn01.is-prev {  -webkit-transform: scaleX(-1);  -ms-transform: scaleX(-1);  transform: scaleX(-1);}




/* ---------------------------
access
--------------------------- */
.access {}.access-head {  text-align: center;  background:url(../images/ico_deco01.jpg) no-repeat center 34%;  padding: 90px 0 50px;}

.access-h .en {
  font-weight: bold;
  display: block;
  color: #66bb6a;
  font-size: 0.7rem;
}

.access-h .ja {
  display: block;
  letter-spacing: 0.15em;
}

.access-links-item {
  text-align: center;
}

.access-links-item a {
  color: #fff;
  display: block;
}

.access-links-item.item-contact a {
  background: #1ba1e6;
}

.access-links-item.item-reserve a {
  background: #82c7e6;
}

.access-links-item .ico {
  width: 32px;
  margin: 0 auto 5px;
  line-height: 1;
}
.access-maperea {
	text-align: center;
	padding: 0 0 50px;
}




.access-h .ja {
    
  }
  .access-links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .access-links-item {
    width: 50%;
    font-size: 1.4rem;
  }
  .access-links-item a {
    padding: 30px 0;
  }



/* ---------------------------
nest-schedule
--------------------------- */
.nest-schedule-table {
  width: 100%;
  margin-bottom: 1em;
}

.nest-schedule-table th, .nest-schedule-table td {
  text-align: center;
}

.nest-schedule-table .tal {
}
.nest-schedule-table .suimoku{ font-size:0.8rem; line-height:1; font-weight: 600;}

.nest-schedule-notes {
  text-align: right;
}
.nest-schedule-notes .emp { color: #3e8460;
    font-weight: 600;
    margin-left: 15px;
}
 .nest-schedule-table th, .nest-schedule-table td {
    border-right: 1px solid #b5b5b5;
    padding: 10px;
	width:13%;
	background: none;
	vertical-align: middle;
	font-weight: 600;
	color: #154034;
  }
  .nest-schedule-table .tal {
    width: 24%;
  }
  .nest-schedule-table .week {
	  background:#f7f7f7;
  }

.footer .nest-schedule-notes {
  text-align: left;
}




.nest-medicalgroup-styles {
  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;
}

.nest-medicalgroup-styles-item {
  position: relative;
    margin-bottom: 4%;
    width: 15.5%;
    text-align: center;
    padding: 20px;
    border-width: 2px;
    border-style: solid;
    border-color: rgb(138, 181, 69);
    border-image: initial;
    border-radius: 10px;
    background: rgb(255, 255, 255);
}

.nest-medicalgroup-styles-item i {
  display: block;
  text-align: center;
  margin: 0 auto;
}

.nest-medicalgroup-styles-item i img {
  border-radius: 50%;
}

.nest-medicalgroup-styles-img {
  text-align: center;
}

.nest-medicalgroup-styles-txt {
  background: #fff;
  font-weight: bold;
  
}


/* ボタン */
.btn { text-align:center; background-color:#fff; padding:10px 15px; width:300px; margin:0 auto 20px; border-radius:25px; border: 2px solid #66bb6a; color:#66bb6a;}
.btn:hover { color:#fff; background-color:#66bb6a; }
.btn a { color:#66bb6a; text-decoration:none; font-weight: 600;}
.btn a:hover { color:#fff;  }



 


@media screen and (min-width: 1299px) {
  /* ==========================================================================
   Large 
   ========================================================================== */
  .wrapin {    max-width: 1140px;    width: 100%;    margin: 0 auto;    padding: 0 20px;  }
  /* ---------------------------
module
--------------------------- */
  html {    font-size: 16px;  }
    body {    line-height: 2;  }
 
 
  /* ---------------------------
l-post
--------------------------- */
  .l-post-clear {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 80px 0 110px;
  }
  .l-post-main {
    width: 64.3%;
    max-width: 680px;
  }
  .l-post-side {
    width: 28%;
  }
  .spOnly {
    display: none;
  }
  .wrapin {
    max-width: 1140px;
    width: 100%;
    margin: 0 auto;
    padding: 0 20px;
  }
  .wrapin-700 {
    width: 100%;
    max-width: 780px;
    margin: 0 auto;
    padding-left: 40px;
    padding-right: 40px;
  }
  .wrapin-900 {
    width: 100%;
    max-width: 980px;
    margin: 0 auto;
    padding-left: 40px;
    padding-right: 40px;
  }
  .wrapin-930 {
    width: 100%;
    max-width: 1010px;
    margin: 0 auto;
    padding-left: 40px;
    padding-right: 40px;
  }
  .wrapin-980 {
    width: 100%;
    max-width: 1060px;
    margin: 0 auto;
    padding-left: 40px;
    padding-right: 40px;
  }
  .wrapin-1010 {
    width: 100%;
    max-width: 1090px;
    margin: 0 auto;
    padding-left: 40px;
    padding-right: 40px;
  }
  .wrapin-1100 {
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;
    padding-left: 40px;
    padding-right: 40px;
  }
  #wrapper {
    padding-top: 120px;
  }
  /* ---------------------------
home
--------------------------- */
  .mainerea {
    height: 40vw !important;
  }
  .mainerea-slide-item {
    padding: 0 80px;
  }
  .mainerea-slide-img {
    max-width: 1280px;
    margin: 0 auto;
    height: 40vw !important;
  }
  .mainerea-slide01-txts {
    margin-left: 14%;
    width: 23%;
  }
  .mainerea-thumbs-item {
    width: 114px;
  }
  .newsClear {
    padding: 50px 0 100px;
  }
  .newsClear-in {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .news {
    width: 48%;
  }
  .news-h {
    margin-bottom: 1.4em;
	padding:5px 10px;  /*内側の余白*/
  }
  .news-h:before {
    content: url("../images/ico_deco01.jpg");  /*画像のURL*/
    margin-right:10px;  /*画像右の余白*/
	position:relative;
    top:2px;      /*上からの位置*/
    left:0;       /*左からの位置*/
}
  .news-posts-item {
    padding: 19px 0;
  }
  
  .info_date { margin-right:30px;}
  
  .hours {
    width: 48%;
  }
  .medical {
    position: relative;
  }
  .medical-bg01, .medical-bg02 {
    position: absolute;
    top: 0;
    width: 50%;
    height: 100%;
  }
  .medical-bg01 {
    
    left: 0;
  }
  .medical-bg02 {
    
    right: 0;
  }
  .medical-in {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .medical-sec {
    position: relative;
    width: 45%;
    padding:0 0 50px;
  }
  .medical-sec-h {
    font-size: 1.8rem;
  }
  .medical-sec-h-bg01 {
	  background:url(../images/medical-sec-h2img01.png) no-repeat center top ; margin: -33px 0 30px; padding-top:50px; text-align: center; height:200px; }
  .medical-sec-h-bg02 {
	  background:url(../images/medical-sec-h2img02.png) no-repeat center top ; margin: -33px 0 30px; padding-top:50px; text-align: center; height:200px; }
  .medical-sec-lead {
    font-size: 1.1rem;
  }
  .medical-sec-links-item i {
    width: 116px;
  }
  .medicalgroup {
    padding: 40px 0 200px;
  }
  .medicalgroup-lead {
    font-size: 1.2rem;
  }
  .about {
    padding: 40px 0;
  }
  .about-lead {
    font-size: 1.2rem;
  }
  .about-cats {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
	margin-top:50px;
  }
  .about-cats-item {
    width: 90%;
	margin:0 auto;
  }
  .about-bg {
  margin: -236px auto 0;
  width: 570px;
  }
  .about-bg img {
	  margin-bottom:26px;
  }
  .home-recruit {
    padding: 120px 0;
  }
  .home-recruit-h {
    font-size: 1.9rem;
  }
  .home-recruit-links-item {
    width: 23%;
  }
  /* ---------------------------
h
--------------------------- */
  .h01 {
    font-size: 2rem;
  }
  .h01-wrap {
    padding: 60px 0;
    margin: 0 80px;
  }
  .h02 {
    font-size: 1.7rem;
    margin-bottom: 3em;
  }
  .h03 {
    font-size: 1.5rem;
  }
 


  /* ---------------------------
access　　●
--------------------------- */
  .access-h .ja {
    font-size: 1.5rem;
  }
  .access-links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .access-links-item {
    width: 50%;
    font-size: 1.4rem;
  }
  .access-links-item a {
    padding: 30px 0;
  }



}

@media screen and (min-width: 1025px) and (max-width: 1299px), print {
  /* ==========================================================================
   PC 
   ========================================================================== */
  .wrapin {
    max-width: 1140px;
    width: 100%;
    margin: 0 auto;
    padding: 0 20px;
  }
  /* ---------------------------
module
--------------------------- */
  html {
    font-size: 16px;
  }
  body {
    line-height: 2;
  }
  
  /* ---------------------------
l-post
--------------------------- */
  .l-post-clear {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 80px 0 110px;
  }
  .l-post-main {
    width: 64.3%;
    max-width: 680px;
  }
  .l-post-side {
    width: 28%;
  }
  .tbOnly {
    display: none;
  }
  .spOnly {
    display: none;
  }
  .wrapin {
    max-width: 1140px;
    width: 100%;
    margin: 0 auto;
    padding: 0 20px;
  }
  .wrapin-700 {
    width: 100%;
    max-width: 780px;
    margin: 0 auto;
    padding-left: 40px;
    padding-right: 40px;
  }
  .wrapin-900 {
    width: 100%;
    max-width: 980px;
    margin: 0 auto;
    padding-left: 40px;
    padding-right: 40px;
  }
  .wrapin-930 {
    width: 100%;
    max-width: 1010px;
    margin: 0 auto;
    padding-left: 40px;
    padding-right: 40px;
  }
  .wrapin-980 {
    width: 100%;
    max-width: 1060px;
    margin: 0 auto;
    padding-left: 40px;
    padding-right: 40px;
  }
  .wrapin-1010 {
    width: 100%;
    max-width: 1090px;
    margin: 0 auto;
    padding-left: 40px;
    padding-right: 40px;
  }
  .wrapin-1100 {
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;
    padding-left: 40px;
    padding-right: 40px;
  }
  #wrapper {
    padding-top: 120px;
  }
  /* ---------------------------
home
--------------------------- */
  .mainerea {
    height: 40vw !important;
  }
  .mainerea-slide-item {
    padding: 0 80px;
  }
  .mainerea-slide-img {
    max-width: 1280px;
    margin: 0 auto;
    height: 40vw !important;
  }
  .mainerea-slide01-txts {
    margin-left: 14%;
    width: 23%;
  }
  .mainerea-thumbs-item {
    width: 114px;
  }
  .newsClear {
    padding: 50px 0;
  }
  .newsClear-in {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .news {
    width: 48%;
  }
  .news-h {
    margin-bottom: 1.4em;
  }
  .news-posts-item {
    padding: 19px 0;
  }
  .hours {
    width: 48%;
  }
  .medical {
    position: relative;
  }
  .medical-bg01, .medical-bg02 {
    position: absolute;
    top: 0;
    width: 50%;
    height: 100%;
  }
  
  .medical-in {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .medical-sec {
    position: relative;
    width: 44%;
    padding: 60px 0 50px;
  }
  .medical-sec-h {
    font-size: 1.8rem;
  }
  .m-orthodontics > .medical-sec-h { color: #fff;}
  .medical-sec-lead {
    font-size: 1.1rem;
  }
  .medical-sec-links-item i {
    width: 116px;
  }
  .medicalgroup {
    padding: 40px 0;
  }
  .medicalgroup-lead {
    font-size: 1.2rem;
  }
  .about {
    padding: 40px 0;
  }
  .about-lead {
    font-size: 1.2rem;
  }
  .about-cats {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .about-cats-item {
    width: 100%;
	margin-top:30px;
  }
  .home-recruit {
    padding: 120px 0;
  }
  .home-recruit-h {
    font-size: 1.9rem;
  }
  .home-recruit-links-item {
    width: 23%;
  }
  /* ---------------------------
h
--------------------------- */
  .h01 {
    font-size: 2rem;
  }
  .h01-wrap {
    padding: 60px 0;
    margin: 0 80px;
  }
  .h02 {
    font-size: 1.7rem;
    margin-bottom: 3em;
  }
  .h03 {
    font-size: 1.5rem;
  }
  


  /* ---------------------------
access
--------------------------- */
  .access-head { background:url(../images/ico_deco01.jpg) no-repeat center 22%; }
  .access-head {
    padding: 50px 0;
  }
  .access-h .ja {
    font-size: 1.5rem;
  }
  .access-links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .access-links-item {
    width: 50%;
    font-size: 1.4rem;
  }
  .access-links-item a {
    padding: 30px 0;
  }

  /* ---------------------------
nest-schedule　●
--------------------------- */
  .nest-schedule-table th, .nest-schedule-table td {
    border-right: 1px solid #E1E5E7;
    padding: 10px;
  }
  .nest-schedule-table .tal {
    width: 8em;
  }
  /* ---------------------------
catHead01
--------------------------- */
  .catHead01 {
    padding: 60px 0;
    margin: 0 80px;
  }
  .catHead01-h {
    font-size: 1.9rem;
  }

}






@media screen and (min-width: 768px) and (max-width: 1024px) {
  /* ==========================================================================
   TB 
   ========================================================================== */
  .wrapin {
    max-width: 1140px;
    width: 100%;
    margin: 0 auto;
    padding: 0 20px;
    padding: 0 8%;
  }
  /* ---------------------------
module
--------------------------- */
  html {
    font-size: 14px;
  }
  body {
    line-height: 2;
  }
 
  
  /* ---------------------------
l-post
--------------------------- */
  .l-post-clear {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 80px 0 110px;
  }
  .l-post-main {
    width: 64.3%;
    max-width: 680px;
  }
  .l-post-side {
    width: 28%;
  }
  .pcOnly {
    display: none;
  }
  .spOnly {
    display: none;
    display: none;
  }
  .wrapin {
    max-width: 1140px;
    width: 100%;
    margin: 0 auto;
    padding: 0 20px;
    padding: 0 8%;
  }
  .wrapin-700 {
    width: 100%;
    max-width: 780px;
    margin: 0 auto;
    padding-left: 40px;
    padding-right: 40px;
  }
  .wrapin-900 {
    width: 100%;
    max-width: 980px;
    margin: 0 auto;
    padding-left: 40px;
    padding-right: 40px;
  }
  .wrapin-930 {
    width: 100%;
    max-width: 1010px;
    margin: 0 auto;
    padding-left: 40px;
    padding-right: 40px;
  }
  .wrapin-980 {
    width: 100%;
    max-width: 1060px;
    margin: 0 auto;
    padding-left: 40px;
    padding-right: 40px;
  }
  .wrapin-1010 {
    width: 100%;
    max-width: 1090px;
    margin: 0 auto;
    padding-left: 40px;
    padding-right: 40px;
  }
  .wrapin-1100 {
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;
    padding-left: 40px;
    padding-right: 40px;
  }
  #wrapper {
    padding-top: 120px;
  }
  /* ---------------------------
home
--------------------------- */
  .mainerea {
    height: 48vw !important;
  }
  .mainerea-slide-item {
    padding: 0 80px;
  }
  .mainerea-slide-img {
    max-width: 1280px;
    margin: 0 auto;
    height: 48vw !important;
  }
  .mainerea-slide01-txts {
    margin-left: 14%;
    width: 23%;
  }
  .mainerea-thumbs-item {
    width: 114px;
  }
  .newsClear {
    padding: 50px 0;
  }
  .newsClear-in {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .news {
    width: 48%;
  }
  .news-h {
    margin-bottom: 1.4em;
  }
  .news-posts-item {
    padding: 19px 0;
  }
  .hours {
    width: 48%;
  }
  .medical {
    position: relative;
  }
  .medical-bg01, .medical-bg02 {
    position: absolute;
    top: 0;
    width: 50%;
    height: 100%;
  }
  
  .medical-in {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .medical-sec {
    position: relative;
    width: 44%;
    padding: 60px 0 50px;
  }
  .medical-sec-h {
    font-size: 1.8rem;
  }
  .medical-sec-lead {
    font-size: 1.1rem;
  }
  .medical-sec-links-item i {
    width: 116px;
  }
  .medicalgroup {
    padding: 70px 0;
  }
  .medicalgroup-lead {
    font-size: 1.2rem;
  }
  .about {
    padding: 40px 0;
  }
  .about-lead {
    font-size: 1.2rem;
  }
  .about-cats {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .about-cats-item {
    width: 100%;
	margin-top:30px;
  }
  .home-recruit {
    padding: 120px 0;
  }
  .home-recruit-h {
    font-size: 1.9rem;
  }
  .home-recruit-links-item {
    width: 23%;
  }
  
  .main_text {
	  width:400px;
	  padding:15px 30px 50px;
  }
  
  /* ---------------------------
h
--------------------------- */
  .h01 {
    font-size: 2rem;
  }
  .h01-wrap {
    padding: 60px 0;
    margin: 0 80px;
  }
  .h02 {
    font-size: 1.7rem;
    margin-bottom: 3em;
  }
  .h03 {
    font-size: 1.5rem;
  }
 

  /* ---------------------------
access
--------------------------- */
  .access-head {
    padding: 50px 0;
	background: url(../images/ico_deco01.jpg) no-repeat center 22%;
  }
  .access-h .ja {
    font-size: 1.5rem;
  }
  .access-links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .access-links-item {
    width: 50%;
    font-size: 1.4rem;
  }
  .access-links-item a {
    padding: 30px 0;
  }
  .access-maperea iframe {
	  width:95%;
	  margin:0 auto;
  }

  /* ---------------------------
nest-schedule　●
--------------------------- */
  .nest-schedule-table th, .nest-schedule-table td {
    border-right: 1px solid #E1E5E7;
    padding: 8px;
  }
  .nest-schedule-table .tal {
    width: 8em;
  }

.nest-medicalgroup-styles-item { width:30%; }

}





@media screen and (max-width: 767px) {
  /* ==========================================================================
   SP 
   ========================================================================== */
  .wrapin-sp {
    padding: 0 20px;
  }
  /* ---------------------------
module
--------------------------- */
  html {
    font-size: 14px;
  }
  body {
    line-height: 1.8;
  }
 
  /* ---------------------------
l-post
--------------------------- */
  .l-post-clear {
    padding: 30px 0 50px;
  }
  .l-post-main {
    margin-bottom: 30px;
  }
  .lapctbOnly {
    display: none;
  }
  .pcOnly {
    display: none;
  }
  .tbOnly {
    display: none;
  }
  .wrapin-sp {
    padding: 0 20px;
  }
  /* ---------------------------
home
--------------------------- */
  .mainerea {
    height: calc(230px + 40px) !important;
  }
  .mainerea-slide-item {
    padding: 0;
  }
  .mainerea-slide-img {
    height: 250px !important;
  }
  .mainerea-slide01 {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-position: 60%;
  }
  .mainerea-slide01-txts {
    width: 100%;
  }
  .mainerea-slide01-logo img {
    width: 200px;
  }
  .mainerea-thumbs {
    display: none;
  }
  .main_text {bottom: -2px; right: -2px; width: 70%; padding: 10px 10px 30px; }
  .main_text p { font-size:0.9rem; }
  .main_text_sp { text-align:center; width:85%; margin: 0 auto 20px; }
  .main_text_sp p { font-size:1rem; margin-top:10px; }
  .main_img {
    position: absolute;
    bottom: 10px;
    right: 10px;
    width: 80%;
  }

  .newsClear {
    padding: 20px;
	margin-bottom: 30px;
  }
  .news {
    margin-bottom: 40px;
  }
  .news-h {
    margin-bottom: 1em;
	font-weight:bold;
	font-size:1.1rem;
  }

  .news-posts-item {
    padding: 10px 0;
  }
  .info_date { margin-right:15px;}
  
  .medical-sec {
    padding: 20px;
  }
  .medical-sec:nth-child(1) {
    background: #81d4ad;
  }
  .medical-sec:nth-child(2) {
    background: #b7eab8;
  }
  .medical-sec-h {
    font-size: 1.4rem;
	margin-bottom:10px;
	font-weight:bold;
  }
  .medical-sec-lead { min-height:unset; margin-bottom:2rem; }
  .medicalgroup {
    padding: 50px 0;
  }
  .medicalgroup-links {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .nest-medicalgroup-styles-item {
	  width:48%;
	  padding: 15px;
  }
  .about {
    padding: 20px 0;
  }
  .about-cats-item:not(:last-child) {
    margin-bottom: 1em;
  }
  .about_p { text-align:justify; margin-bottom:20px; }
  .home-recruit {
    padding: 60px 0;
  }
  .home-recruit-h {
    font-size: 1.5rem;
  }
  .home-recruit-links {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .home-recruit-links-item {
    width: 48%;
  }
  /* ---------------------------
h
--------------------------- */
  .h01 {
    font-size: 1.3rem;
  }
  .h01-wrap {
    padding: 30px 0;
  }
  .h02 {
    margin-bottom: 30px;
    font-size: 1.2rem;
  }
  .h03 {
    font-size: 1.2rem;
  }
  .title-01 {
    font-size: 1.2rem;
  }
  

  /* ---------------------------
access
--------------------------- */
  .access {
    padding: 30px 20px;
  }
  .access-head {
    padding: 0 0 30px;
	background:none;
  }
  .access-h .ja {
    font-size: 1.3rem;
	font-weight: bold;
  }
  .access-links-item {
    font-size: 1.2rem;
  }
  .access-links-item:not(:last-child) {
    margin-bottom: 1em;
  }
  .access-links-item a {
    padding: 20px 0;
  }
  .access-maperea iframe {
	  width:95%;
	  height:300px;
	  margin:0 auto;
  }

  /* ---------------------------
nest-schedule　●
--------------------------- */
  .nest-schedule-table .tal {
	  width:28%;
	  font-size:0.95rem;
  }

  /*.nest-schedule-table th, .nest-schedule-table td {
    padding: 4px 3px;
	width:12%;
  }*/
  
  
  
/* ボタン */
  .btn { margin:0 auto 15px; }



}