@charset "utf-8";

/* common
-------------------------------------------------------------*/
html { font-size: 100%; overflow-x: hidden; }
body {
    margin:0; color:#333; line-height:1.75; font-size:100%;
    font-family: 'メイリオ', Meiryo,'ヒラギノ角ゴシック','Hiragino Sans',YuGothic,'Yu Gothic',sans-serif;
    background:#e7f0f6;
    overflow-x: hidden; letter-spacing: 1.2px;
}
::-webkit-scrollbar { width: 12px; }
::-webkit-scrollbar-track { border-radius: 10px; }
::-webkit-scrollbar-thumb { background:#5fb8e8; border-radius: 10px; }

a.textlink { color:#4f82c3; text-decoration: underline; }
a.textlink:hover { text-decoration: none; }
.key-color { color:#4f82c3; }
.sub-color { color:#53C246; }

.belleza { font-family: 'Belleza', sans-serif; }
.shippori { font-family: 'Shippori Mincho B1', serif; }
.sp { display: none; }
.spbr { display: none; }

@media (max-width:787px){
.pc { display:none; }
.sp { display: block; }
.spbr { display: block; }}



/* rayout
-------------------------------------------------------------*/
.inner { max-width:1060px; width:100%; margin:0 auto;}
.inner2 { max-width:800px; width:100%; margin:0 auto;}
.header-logo { width:240px; height:auto; }
.logo-line { padding:16px 0px; display: flex; justify-content: space-between; align-items: center; }

.site-title a { line-height:1; color:#4f82c3; font-family: 'Shippori Mincho B1', serif; }
.sub-logo { display:block; font-size:12px; }
.main-logo { display:block; font-size:32px; line-height:1; margin-top:4px; }

.header-link-wrap { margin-left: auto; }
.telbtn a { color:var(--text-color); font-size:32px; }
.telbtn a svg { vertical-align: sub; }

.nav-wrapper { background-color: #4f82c3; }
.header-nav-list { display: flex; }
.header-nav-item { text-align:center; width:calc(100% / 5); position: relative; }
.header-nav-link { display:block; position:relative; color:var(--text-color); font-size:16px; line-height:1.3; letter-spacing: 1px; padding:12px 0px; }
.header-nav-item:first-child .header-nav-link:after { content:""; position: absolute; top: 14px; left: 0; width: 1px; height: 36px; background: #dcdcdc; }
.header-nav-link:before { content:""; position: absolute; top: 14px; right: 0; width: 1px; height: 36px; background: #dcdcdc; }

.main-menu-name { color:#fff; }
.sub-menu-name { color:#ccc; font-size:80%; letter-spacing: 1.2px; }
.header-nav-link:hover { opacity:0.6; }
.top-section { margin-bottom:160px; }

@media (max-width:980px){
  .main-logo { font-size:28px; }
  .inner { padding: 0 4%; }
  .mv.inner{padding: 0;}
  .inner2 { padding: 0 4%;}
  .top-section { margin-bottom:80px; }
}

@media (max-width: 767px) {
  .header-logo { width: 200px; }}


/* contents
-------------------------------------------------------------*/
.heading-primary1 {
  text-align: center; margin-bottom:40px;
  font-size:180%; font-family: 'Shippori Mincho B1', serif; }
.subheading-primary1 { font-size:120%;
  letter-spacing: 2px;
  text-align: center; font-family: 'Belleza', sans-serif; }

.sec1 { margin-top:64px; }
.time-table-wrap { overflow-x: scroll; }
.time-table { width:800px; white-space: nowrap; margin-top:40px; background-color: #fff;
  border-left:2px solid #4f82c3;
  border-right:2px solid #4f82c3;
  border-bottom:2px solid #4f82c3; }
.time-table td { padding:12px; text-align: center; vertical-align: middle; }
.time-table .table-line1 td { text-align:center; background-color:#4f82c3; color:#fff; font-weight:900; }
.time-table .table-line2 { border-top:2px solid #4f82c3; border-bottom:2px solid #4f82c3; }
.time-table .time-border { border-right:2px solid #4f82c3; }
.circle {
  display: inline-block; border-radius:12px; vertical-align: middle;
  width:24px; height:24px; background-color:#4f82c3; }

.gallery-list { margin-top:40px; }
.gallery-list li { width:20%; }

.please-area { background-color:#fff;
  margin-top:64px; padding:24px 40px 24px 56px; border:2px solid #4f82c3; }
.please-text { text-align:center; margin-bottom:24px;
  color:#4f82c3;
  background-color: #fff;
  font-family: 'Shippori Mincho B1', serif;
  font-size:140%; padding:8px 0px;
  line-height: 1.4; }

.please-list { list-style: decimal; }
.please-list li { margin-bottom:8px; }
.please-list li:last-child { margin-bottom:0px; }

.news-list li { margin-bottom:12px; }
.news-list li:last-child { margin-bottom:0px; }
.new {
  display: inline-block; margin-right:8px;
  background-color:#53C246; color:#fff; padding:4px 8px; line-height:1; }


footer { padding-top:40px; background-color:#fff; }
.clinic-image { width:56%; margin-right:4%; }
.clinic-text { width:40%; }

.clinic-text dt { font-weight:900; margin-top:8px; }
.clinic-text dt:first-child { margin-top:0px; }
.clinic-text dd a { color:#4f82c3; text-decoration: underline; }

.googlemap { margin-top:40px; filter: saturate(0.6); vertical-align: bottom; }

.pagetop { position:fixed; bottom:20px; right:20px; z-index: 20; }
.pagetop a img { display: block; width:50px; height:50px; }
.pagetop a:hover img {
  transform: rotate(360deg);
  transition: transform 0.5s ease-out; }

.copyright { background-color: #4f82c3; padding: 16px 0px; }
.copyright .flex { justify-content: space-between; }
.copyright a { color:#fff; text-decoration: underline; }
.copyright a:hover { text-decoration: none; }

@media (max-width: 767px) {
  .please-area { padding:24px 24px 24px 40px; }
  .please-text { font-size:120%; }

  .gallery-list li { width: 50%; margin: auto; }
  .clinic-image { width:100%; margin-right:0%; margin-bottom:16px; }
  .clinic-text { width:100%; }
}

/* page-contents
-------------------------------------------------------------*/
.page-header { padding:80px 0px 56px; text-align: center; background-color:#e7f0f6; }
.page-title { font-size:240%; font-family: 'Shippori Mincho B1', serif; letter-spacing: 4px; }
.page-slug { font-size:120%; font-family: 'Belleza', sans-serif; margin-top:16px; letter-spacing: 1px; color:#aaa; }
.breadcrumb__wrap { padding:8px; background-color:#e7f0f6; }
.breadcrumb__list { display: flex; }
.breadcrumb__arrow { margin:0 16px; }
.page-section { background:#fff; padding:40px 0px 80px; }
h2 { font-size:160%; border-left:4px solid #4f82c3; padding:8px 12px; margin:40px 0px 16px; line-height: 1.4; }
h3 { font-size:140%; color:#4f82c3; margin-top:40px; }
.underlayer footer { background-color:#e7f0f6; }
img.inherit { width:inherit; max-width: 100%; }
img.w400 { width:400px; max-width: 100%; height:auto; }
.page-box { background-color: #e7f0f6;
  margin-top: 40px; padding: 24px 40px; border: 2px solid #4f82c3; }
.interview-list { list-style: decimal; margin: 16px 0px 0px 24px;  }
.interview-list li::marker{ color:#4f82c3; }

@media (max-width: 767px) {
  .page-box { padding: 24px; }}