@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:300,400,500,700,900|Noto+Serif+JP:300,400,500,700,900');
* {box-sizing:border-box;}
html, html a, * {-webkit-font-smoothing:antialiased; font-smoothing:antialiased; text-rendering:optimizeLegibility;}
body {min-width:1140px; margin:0; padding:0; padding-right:0 !important; color:#8c7c44; -webkit-text-size-adjust:none; font-family:'Times New Roman', 'Noto Serif JP', 'YuMincho', 'Hiragino Mincho ProN', 'Yu Mincho', 'MS PMincho', serif; font-weight:500; font-size:13px; line-height:1.65; word-wrap:break-word;}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {margin:0; line-height:1; font-weight:500;}
a {color:#8c7c44; transition:all .3s ease-in-out;}
a:hover {opacity:.75; text-decoration:none; color:#8c7c44;}
p {margin-bottom:0;}
figure {margin:0;}
/*
img[src$='.svg'] {width:100%; height:auto;}
*/
.btn {height:45px; display:inline-flex; justify-content:center; align-items:center; padding:0 30px; border-radius:0; font-weight:700; font-size:16px; letter-spacing:1px; transition:all .3s ease-in-out;}
.btn-bordered {border-color:#c7b063; color:#c7b063;}
.btn-bordered:hover {color:#c7b063;}
.btn.focus, .btn:focus {box-shadow:none;}
.container {max-width:1140px;}

#header .navbar {padding:10px 0; background-color:rgba(255, 255, 255, .9);}
#header .navbar-brand {padding:0; margin-right:20px; max-width:100px;}
#navbarGlobal .nav-link {padding:0 10px; color:#c7b063; font-size:15px;}
#header .navbar-address {font-size:15px;}

.megamenu {position:absolute; top:auto; left:0; width:100vw; height:auto; display:none; padding-top:34px;}
.megamenu-inner {background-color:#fff; overflow-y:auto; max-height:calc(100vh - 92px);}
.megamenu .list-megamenu {padding-top:30px; padding-bottom:30px;}
.megamenu .list-megamenu-item:not(:last-child) {margin-bottom:20px; padding-bottom:10px; border-bottom:1px solid #ddd;}
.megamenu .list-megamenu-item .title {margin-bottom:20px; font-size:18px;}
.megamenu .list-megamenu-link {display:block; margin-bottom:10px;}
.megamenu .list-megamenu-link .thumbnail {margin-bottom:5px;}
.megamenu .list-megamenu-link .text {}
.megamenu .list-megamenu-link .text h4 {font-size:14px; line-height:1.75; }

.section {}

.section-heading {padding:50px 0 0; text-align:center;}
.section-heading img {height:40px; margin-bottom:20px;}
.section-heading .ja {position:relative; margin-bottom:30px; padding-top:30px; font-size:20px;}
.section-heading .ja::before {position:absolute; top:0; left:calc(50% - 30px); display:block; width:60px; height:2px; content:''; background-color:#c7b063;}
.section-heading .description {text-align:center; font-size:14px;}

.section-content {padding:50px 0 70px;}
.section-content .section-title {margin-bottom:30px; text-align:center;}
.section-content .section-title span {display:inline-block; padding:15px 30px; background-color:#c7b063; color:#fff; font-size:20px;}

.parallax-heading {min-height:400px; background:transparent;}
.parallax-heading .overlay-figure {}
.parallax-heading .overlay-figure img {display:block; max-width:900px; margin-left:auto; /*transform:translateY(-120px);*/}

.btn-wrap {position:relative; margin-top:20px; text-align:center; z-index:50;}

#hero {position:relative;}
#hero .slider-hero .swiper-slide {position:relative; height:700px; background-size:cover; background-position:center center;}
#hero .slider-hero .overlay {position:absolute; bottom:50px; right:0; z-index:20;}
#hero .slider-hero .overlay-inner {position:relative;}
#hero .slider-hero .overlay-inner::before {position:absolute; top:0; left:0; display:block; width:100%; height:100%; content:''; background-color:rgba(255, 255, 255, .8); transform:scaleY(1.2) perspective(10px) rotateX(.75deg); transform-origin:bottom right;}
#hero .slider-hero .overlay-inner-content {position:relative; padding:20px 20px 10px 150px;}
#hero .slider-hero .overlay-inner-content h3 img {height:55px; margin-bottom:20px;}
#hero .slider-hero .swiper-pagination-bullet {width:15px; height:15px; background-color:rgba(255, 255, 255, .8);}
#hero .slider-hero .swiper-pagination-bullet-active {background-color:rgba(255, 255, 255, 1);}
#hero .overlay-figure {position:absolute; bottom:80px; left:0; display:block; width:100%; z-index:10;}
#hero .overlay-figure img {max-width:700px;}

#visitors .slider-visitors {padding-top:30px; padding-bottom:30px; background-color:#c7b063;}
#visitors .slider-visitors .swiper-slide .thumbnail {margin-bottom:10px;}
#visitors .slider-visitors .swiper-slide .text h4 {text-align:center; color:#fff; font-size:13px;}

#doctor .introduction {padding:70px 0; background-size:cover; background-position:center center;}
#doctor .introduction .text {color:#fff;}
#doctor .introduction .text h4 {position:relative; margin-bottom:30px; padding-bottom:0;}
#doctor .introduction .text h4::after {position:absolute; bottom:0; left:calc(50% - 30px); display:block; width:60px; height:2px; content:''; background-color:#fff;}
#doctor .introduction .text h4 img {height:60px;}
#doctor .introduction .text h5 {margin-bottom:30px; font-size:18px;}
#doctor .introduction .text p {font-size:14px;}
#doctor .introduction .text p:not(:last-child) {margin-bottom:30px;}

#instagram {}

.list-thumbnail-w-text {}
.list-thumbnail-w-text .container {padding-left:10px; padding-right:10px;}
.list-thumbnail-w-text .container .row {margin-left:-10px; margin-right:-10px;}
.list-thumbnail-w-text .container .no-gutters {margin-left:0; margin-right:0;}
.list-thumbnail-w-text .container .col-md-6 {padding-left:10px; padding-right:10px;}
.list-thumbnail-w-text-item {display:block; margin-bottom:20px; padding:10px; border:1px solid #c7b063;}
.list-thumbnail-w-text-item .thumbnail {}
.list-thumbnail-w-text-item .text {padding-left:15px;}
.list-thumbnail-w-text-item .text h4 {position:relative; margin-bottom:10px; padding-bottom:7px; font-size:18px;}
.list-thumbnail-w-text-item .text h4::after {position:absolute; bottom:0; left:0; display:block; width:60px; height:2px; content:''; background-color:#c7b063;}
.list-thumbnail-w-text-item .text p {}

.list-thumbnail-w-text.no-bordered .list-thumbnail-w-text-item {padding:0; border:none;}
.list-thumbnail-w-text.no-bordered .list-thumbnail-w-text-item .text {padding-left:30px;}
.list-thumbnail-w-text.no-bordered .list-thumbnail-w-text-item .text h4 {padding-bottom:0; line-height:1.5;}
.list-thumbnail-w-text.no-bordered .list-thumbnail-w-text-item .text h4::after {display:none;}

.list-thumbnail {}
.list-thumbnail-item {margin-bottom:30px;}
.list-thumbnail .thumbnail {margin-bottom:15px;}
.list-thumbnail .text h4 {font-size:18px;}

.wp-pagenavi {text-align:center;}
.wp-pagenavi span,
.wp-pagenavi a {display:inline-block; margin:0 5px; padding:5px 10px; border:1px solid #c7b063; color:#c7b063; font-weight:600; font-size:16px;}
.wp-pagenavi a {background-color:#c7b063; color:#fff;}
.wp-pagenavi a:hover {background-color:#fff; color:#c7b063;}

#footer {background-color:#231815; color:#fff;}
#footer .footer-about {}
#footer .footer-nav {padding:30px 0;}
#footer .footer-copyright {padding:10px 0; font-size:16px;}

.fixed-nav {position:fixed; top:112px; right:0; margin:0; padding:0; list-style:none; z-index:30;}
.fixed-nav-link {display:flex; justify-content:center; align-items:center; width:80px; height:80px; text-align:center;}
.fixed-nav-item:nth-child(1) .fixed-nav-link {background-color:#c7b063; color:#fff;}
.fixed-nav-item:nth-child(2) .fixed-nav-link {background-color:#dbdcdc; color:#231815;}
.fixed-nav-item:nth-child(3) .fixed-nav-link {background-color:#1dc245; color:#fff;}

#pagetop {position:fixed; bottom:46px; right:0; display:flex; justify-content:center; align-items:center; width:60px; height:60px; text-align:center; background-color:#c7b063; color:#fff; line-height:1; font-size:30px; z-index:100;}

body {padding-top:92px;}
.article {padding-bottom:50px;}
.page-header {padding-top:80px; padding-bottom:80px; background-color:#f3f1e9; background-size:cover; background-position:center center;}
.page-header .headline {text-align:center; font-size:3rem;}
.page-header .headline-en {position:relative; margin-top:10px; padding-top:10px; text-align:center; text-transform:capitalize; font-size:1.75rem;}
.page-header .headline-en::before {position:absolute; top:0; left:calc(50% - 50px); display:block; width:100px; height:4px; content:''; background-color:#c7b063;}
.page-body {padding-top:50px;}
.wysiwyg {font-size:16px; font-weight:400; line-height:2;}
.wysiwyg img {display:block; max-width:100%; height:auto;}
.wysiwyg p {margin-bottom:1.5rem;}
.wysiwyg ul,
.wysiwyg ol {margin-bottom:2rem; padding:.75rem 1rem .75rem 2.25rem; background-color:#fff; border:1px solid #c7b063;}
.wysiwyg blockquote {margin-bottom:2rem; padding:20px 30px; background-color:#f3f1e9;}
.wysiwyg blockquote p:last-child {margin-bottom:0;}
.wysiwyg hr {margin-top:0; padding-top:0; margin-bottom:2rem; margin-bottom:2rem;}
.wysiwyg .row {margin-bottom:2rem;}
.wysiwyg .row > div {margin-bottom:1rem;}
.wysiwyg h1, .wysiwyg h2, .wysiwyg h3, .wysiwyg h4, .wysiwyg h5 {margin-bottom:1.25rem; line-height:1.75;}
.wysiwyg h1 {margin-bottom:1.5rem; border:1px solid #c7b063; border-left:8px solid #c7b063; padding:.25rem 1rem; font-size:2.25rem;}
.wysiwyg h2 {position:relative; margin-bottom:1.5rem; padding-bottom:.5rem;}
.wysiwyg h2::after {position:absolute; bottom:0; left:0; content:''; width:100px; height:3px; background-color:#c7b063;}
.wysiwyg h3 {border-bottom:1px solid #c7b063;}
.wysiwyg h4 {border-bottom:1px solid #ddd;}
.wysiwyg h5 {margin-bottom:.75rem;}
.wysiwyg table {width:100%; margin-bottom:2rem;}
.wysiwyg th,
.wysiwyg td {padding:.5rem 1rem; border:1px solid #fff;}
.wysiwyg th {width:30%; text-align:center; vertical-align:middle; background-color:#c7b063; color:#fff;}
.wysiwyg td {background-color:#f3f1e9;}
.wysiwyg .font-red {font-weight:700; color:red;}

@media (max-width: 767px) {
    body {min-width:inherit; padding-top:63px;}
    .container {max-width:inherit;}

    #header .navbar {padding-left:10px; padding-right:10px;}
    #header .navbar-brand {max-width:75px;}
    #header .navbar-toggler {border:none; outline:none;}

    #navbarGlobal .navbar-nav {padding-top:20px; padding-bottom:20px;}
    #navbarGlobal .nav-link {padding-top:5px; padding-bottom:5px;}
    #header .navbar-address {padding-top:15px; padding-left:10px; padding-right:10px; border-top:1px solid #ddd;}
    #navbarCollapse {overflow-y:auto; max-height:100vh;}

    .megamenu {position:static; width:100%; padding-top:10px;}
    .megamenu-inner {background-color:transparent; max-height:inherit;}
    .megamenu-inner .container {padding-left:10px; padding-right:10px;}
    .megamenu .list-megamenu {padding-top:0; padding-bottom:0;}
    .megamenu .list-megamenu-item {}
    .megamenu .list-megamenu-item .title {margin-bottom:10px; font-size:14px;}
    .megamenu .list-megamenu-link {margin-bottom:10px;}
    .megamenu .list-megamenu-link .thumbnail {margin-bottom:5px;}
    .megamenu .list-megamenu-link .text {}
    .megamenu .list-megamenu-link .text h4 {font-size:12px;}

    #hero .slider-hero .swiper-slide {height:auto; padding-top:125%;}
    #hero .slider-hero .overlay {bottom:0; left:0;}
    #hero .slider-hero .overlay-inner::before {transform:none;}
    #hero .slider-hero .overlay-inner-content {padding:20px;}
    #hero .slider-hero .overlay-inner-content h3 img {height:25px; margin-bottom:15px;}
    #hero .slider-hero .overlay-inner-content p {font-size:12px;}
    #hero .overlay-figure {bottom:160px;}
    #hero .overlay-figure img {max-width:300px; display:block; margin-left:auto; margin-right:auto;}
    #hero .slider-hero .swiper-pagination {position:static; margin-top:20px;}
    #hero .slider-hero .swiper-pagination-bullet {background-color:rgba(139, 124, 67, .8);}
    #hero .slider-hero .swiper-pagination-bullet-active {background-color:rgba(139, 124, 67, 1);}

    #visitors .slider-visitors {padding:20px;}

    .parallax-heading {min-height:200px;}
    .parallax-heading .overlay-figure img {max-width:300px; display:block; margin-left:auto; margin-right:auto; transform:translateY(20px);}
    
    .section-heading img {height:30px;}
    #campaign .section-heading img,
    #instagram .section-heading img {height:40px;}
    .section-content {padding:30px 0;}

    .list-thumbnail-w-text {margin-bottom:20px;}
    .list-thumbnail-w-text-item {margin-bottom:10px;}
    .list-thumbnail-w-text-item .thumbnail {margin-bottom:15px;}
    .list-thumbnail-w-text-item .text {padding-left:0;}
    .list-thumbnail-w-text-item .text h4 {font-size:14px; line-height:1.5;}
    .list-thumbnail-w-text-item .text h4::after {width:30px;}
    .list-thumbnail-w-text.no-bordered .list-thumbnail-w-text-item .text {padding-left:0;}
    .list-thumbnail-w-text .container {padding-left:20px; padding-right:20px;}
    .list-thumbnail-w-text .container > .row {margin-left:-15px; margin-right:-15px;}
    .list-thumbnail-w-text .container > .row > .col-6 {margin-bottom:10px; padding-left:5px; padding-right:5px;}

    .list-thumbnail .text h4 {font-size:14px;}

    .section-content .section-title {margin-left:15px; margin-right:15px;}
    .section-content .section-title span {line-height:1.75;}

    .fixed-nav {top:inherit; bottom:0; left:0; right:inherit; display:flex; width:100%;}
    .fixed-nav-item {width:33.333333%;}
    .fixed-nav-link {width:auto; height:50px; margin:0;}
    .fixed-nav-link br {display:none;}

    #pagetop {bottom:50px;}

    .article {padding-bottom:30px;}
    .page-header {padding-top:50px; padding-bottom:50px;}
    .page-header .headline {font-size:1.75rem;}
    .page-header .headline-en {font-size:1.15rem;}
    .page-body {padding-top:30px;}
    .wysiwyg {font-size:14px;}
    .wysiwyg h1 {font-size:1.45rem;}
    .wysiwyg h2 {font-size:1.25rem;}
    .wysiwyg h3 {font-size:1.15rem;}
    .wysiwyg h4 {font-size:1.15rem;}
    .wysiwyg h5 {font-size:.85rem;}
    .wysiwyg table {}
    .wysiwyg th,
    .wysiwyg td {display:block; width:100%;}
    .wysiwyg .td-column {background-color:#f3f1e9;}
    .wysiwyg .td-column tr {display:block; overflow:hidden;}
    .wysiwyg .td-column th {width:100%; border:none; border-top:1px solid #fff;}
    .wysiwyg .td-column td {float:left; width:50%; border:none; border-top:1px solid #fff; border-left:1px solid #fff;}
}