@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
.doc{padding-bottom: 50px;display: block;text-align: right;}
.tribeau{margin-top:20px;display:block;width:50%;}
.tribeau img{width:100%;margin:auto;}
html{scroll-behavior: smooth;}
.phone{margin:10px 0;color:#fff;}
.sp-footer{display:none;}
.sp-footer2{display:none;}
.hamburger{display:none;}
.drawer{display:none;}
.no-sidebar .content .main { padding: 0;}
.content {margin-top:0;}
div#header-in.header-in.wrap.cf{margin-top:0;}
.content-in{width:100%;}
.main {padding:0;border:0;margin:0;}
.header-in{margin:auto;width:95%;}
.header-container{top:0;position:fixed;z-index:999;background:rgb(255,255,255,0.8);width:100%;padding:8px 0;}
.header-bx{display:flex;flex-direction:row;justify-content:space-between;align-items:center;}
.tagline{display:none;}
.h1-header{font-size:80%;font-weight:normal;}
.logo-area{width:25%;}
.header-menu {width: 47%;}
.header-menu ul {display: flex;flex-direction: row;justify-content: space-between;padding-left: 0;}
.header-menu ul li {list-style: none;position: relative;}
.header-menu ul li a {text-decoration: none;color: #000;font-size:100%;transition: 0.7s;}
.header-menu ul li a:hover {color: #44AEC8;}
.header-menu ul li ul {display: none;position: absolute;top: 100%;left: 0;padding: 0;margin: 0;background-color:rgba(68, 174, 200, 0.9);}
.header-menu ul li:hover ul {display: block;animation: fadeIn 0.3s ease forwards;}
.header-menu ul li ul li {width:245px;padding:10px 20px;opacity: 0;transform: translateY(-10px);animation: slideIn 0.3s ease forwards;border-bottom:dashed 1px #fff;}
.header-menu ul li ul li a{color:#fff;}
.header-menu ul li ul li a:hover{color:#fff;opacity:0.7;}
.header-menu ul li ul li:nth-child(1) { animation-delay: 0.1s; }
.header-menu ul li ul li:nth-child(2) { animation-delay: 0.2s; }
.header-menu ul li ul li:nth-child(3) { animation-delay: 0.3s; }
.header-menu ul li ul li:nth-child(4) { animation-delay: 0.4s; }
.header-menu ul li ul li:nth-child(5) { animation-delay: 0.5s; border-bottom:none;}
@keyframes slideIn {0% { opacity: 0; transform: translateY(-10px); }100% { opacity: 1; transform: translateY(0); }}
@keyframes fadeIn { 0% { opacity: 0; }100% { opacity: 1; }}
.subt{color: #44AEC8;font-size:100%;text-align:center;font-family:'Alegreya Sans SC',sans-serif;}
.neo{color:#606163;font-size:80%;font-family:'Alegreya Sans SC',sans-serif;font-weight:bold;}
.header-address{font-size:70%;}
.header-tel{color: #44AEC8;text-align:center;font-size:110%;}
.header-contact{width:20%;display:flex;flex-direction:column;justify-content:flex-end;}
.header-contact div{display:flex;justify-content:center;}
.name-head-bx{display:flex;flex-direction:column;}
.name-bx{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;line-height:1;}
.site-name.site-name-text-link{padding-left:0;}
.logo.logo-header.logo-image{padding:0;}
.name{font-size:70%;font-weight:bold;}
.site-name-text-link {padding: 0 10px;}
.contact-btn {max-width:230px;width:100%;padding:10px 25px 8px 40px;position: relative;text-decoration: none;outline: none;display: flex;justify-content: space-between;align-items: center;border-radius: 9999px;color: #fff;background-color: #44AEC8;border: 1px solid #44AEC8;transition: all 0.3s ease;font-weight:bold;font-size:16px;}
.contact-btn .arrow {width:35px;height:35px;display: grid;place-items: center;background-color:transparent;border-radius: 40px;border:solid 1px #fff;overflow: hidden; transition: all 0.3s ease;}
.contact-btn .arrow span { position: relative;right:2px; width: 16px;height:4px;border-bottom: 1px solid #fff;border-right: 2px solid #fff;transform: skew(45deg);transition: all 0.3s ease;}
.contact-btn:hover {color:#44AEC8;background:transparent;}
.contact-btn:hover .arrow {background:transparent;border:solid 1px #44AEC8;}
.contact-btn:hover .arrow span {border-color:#44AEC8;right:-2px;}

.top{position:relative;width:100%;height:100vh!important;}
.top-slide{ content: '';position:fixed;top:0;left:0;z-index:-1;width:100%; height: 100vh!important;}
.catch{position:absolute;bottom:30%;left:30px;z-index:2;}
.eng{font-size:450%;font-family:'Alegreya Sans SC',sans-serif;color:#fff;  text-shadow: 2px 3px 3px rgba(0, 0, 0, 0.6);}
.jpn{font-size:100%;color:#fff;text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.6);}
.scrolldown2{position:absolute;bottom:10px;left:50%;}
.scrolldown2 span{position: absolute;left:10px;bottom:10px;color: #fff;font-size: 0.7rem;letter-spacing: 0.05em;-ms-writing-mode: tb-rl;-webkit-writing-mode: vertical-rl;writing-mode: vertical-rl;}
.scrolldown2:before {content: "";position: absolute;bottom:0;left:-4px;width:10px;height:10px;border-radius: 50%;background:#fff;animation:circlemove 1.6s ease-in-out infinite,cirlemovehide 1.6s ease-out infinite;}
@keyframes circlemove{0%{bottom:45px;}100%{bottom:-5px;}}
@keyframes cirlemovehide{0%{opacity:0}50%{opacity:1;}80%{opacity:0.9;}100%{opacity:0;}}
.scrolldown2:after{content:"";position: absolute;bottom:0;left:0;width:2px;height: 50px;background:#fff;}

#news{padding:100px 0;position:relative;}
.inner-blog{width:70%;margin:auto;}
.blog-flex{display:flex;flex-direction:row;justify-content:space-between;flex-wrap:wrap;}
.blog-bx{width:48%;display:flex;flex-direction:column;justify-content:space-between;flex-wrap:wrap;}
.blog-bx2{width:48%;display:flex;flex-direction:column;justify-content:space-between;flex-wrap:wrap;}
.h2-news{font-size:150%;margin-bottom:50px;line-height:1.5;text-align:center;}
.h2-news:before{display:block;content:"News";font-family:'Alegreya Sans SC',sans-serif;color:#44AEC8;font-size:80%;}
.h2-column{font-size:150%;margin-bottom:50px;line-height:1.5;text-align:center;}
.h2-column:before{display:block;content:"Column";font-family:'Alegreya Sans SC',sans-serif;color:#44AEC8;font-size:80%;}
.catn{color:#fff;font-size:90%;background:#44AEC8;padding:5px 10px;margin:0 20px;border-radius:5px;}
.catn-special{color:#fff;font-size:90%;background:#D93A49;padding:5px 10px;margin:0 20px;border-radius:5px;}
.t-list {border-bottom:solid 1px ;padding:15px 0;}
.new {color:#606163;display:flex;justify-content:space-between;transition:0.7s;align-items:center;}
.new .arrow {width:35px;height:35px;display: grid;place-items: center;background-color:transparent;border-radius: 40px;border:solid 1px #606163;overflow: hidden; transition: all 0.3s ease;}
.new .arrow span { position: relative;right: 2px; width: 16px;height:4px;border-bottom: 1px solid #606163;border-right: 2px solid #606163;transform: skew(45deg);transition: all 0.3s ease;}
.new:hover {color:#44AEC8;background:transparent;}
.new:hover .arrow {background:transparent;border:solid 1px #44AEC8;}
.new:hover .arrow span {border-color:#44AEC8;right:-2px;}
.more-bx3{display:flex;justify-content:center;margin-top:50px;}
.ready{text-align:center;}
.t-ttl{font-weight:bold;margin-right:10px;}
.more-bx{display:flex;justify-content:flex-end;margin-top:50px;}
.more-btn {max-width:230px;width:100%;padding:10px 25px 8px 40px;position: relative;text-decoration: none;outline: none;display: flex;justify-content: space-between;align-items: center;border-radius: 9999px;color: #fff;background-color: #44AEC8;border: 1px solid #44AEC8;transition: all 0.3s ease;font-weight:bold;font-size:16px;}
.more-btn .arrow {width:35px;height:35px;display: grid;place-items: center;background-color:transparent;border-radius: 40px;border:solid 1px #fff;overflow: hidden; transition: all 0.3s ease;}
.more-btn .arrow span { position: relative;right: 2px; width: 16px;height:4px;border-bottom: 1px solid #fff;border-right: 2px solid #fff;transform: skew(45deg);transition: all 0.3s ease;}
.more-btn:hover {color:#44AEC8;background:transparent;}
.more-btn:hover .arrow {background:transparent;border:solid 1px #44AEC8;}
.more-btn:hover .arrow span {border-color:#44AEC8;right:-2px;}
.blog-fle{display:flex;flex-direction:row;}


#about{padding:100px 0;position:relative;background:#fff;}
.inner{width:80%;margin:auto;}
.h2-about{font-size:150%;margin-bottom:50px;line-height:1.5;}
.h2-about:before{display:block;content:"About";font-family:'Alegreya Sans SC',sans-serif;color:#44AEC8;font-size:80%;}
.about-bx{display:flex;flex-direction:row;justify-content:space-between;flex-wrap:wrap;}
.about-ctt{width:48%;}
.about-img{width:48%;}
.about-ctt p{font-size:16px;}
.h3-about{color:#44AEC8;margin-bottom:20px;}
.more-bx2{display:flex;justify-content:center;margin-top:30px;}
body:not(.home) #about {display:none;}

#subject{padding:100px 0;position:relative;background:#D7ECEE;}
.inner{width:80%;margin:auto;}
.h2-subject{font-size:150%;margin-bottom:50px;line-height:1.5;text-align:center;}
.h2-subject:before{display:block;content:"Medical Subject";font-family:'Alegreya Sans SC',sans-serif;color:#44AEC8;font-size:80%;}
.subject-bx{display:flex;flex-direction:row;justify-content:space-between;flex-wrap:wrap;}
.subject-ctt1 {position: relative;display: flex;align-items: center;justify-content: center;background: #44AEC8;color: #fff;text-decoration: none;width: 19%;height: 150px;transition: 0.7s;overflow: hidden;}
.subject-ctt1::after {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-image: url('img/sub1.jpg');background-size: cover;background-position: center;opacity: 0;transition: opacity 0.7s ease;}
.subject-ctt1:hover::after {opacity: 0.7;}
.subject-ctt1:hover {color: #fff;}
.subject-ctt2 {position: relative;display: flex;align-items: center;justify-content: center;background: #44AEC8;color: #fff;text-decoration: none;width: 19%;height: 150px;transition: 0.7s;overflow: hidden;}
.subject-ctt2::after {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-image: url('img/sub2.jpg');background-size: cover;background-position: center;opacity: 0;transition: opacity 0.7s ease;}
.subject-ctt2:hover::after {opacity: 0.7;}
.subject-ctt2:hover {color: #fff;}
.subject-ctt3 {position: relative;display: flex;align-items: center;justify-content: center;background: #44AEC8;color: #fff;text-decoration: none;width: 19%;height: 150px;transition: 0.7s;overflow: hidden;}
.subject-ctt3::after {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-image: url('img/sub3.jpg');background-size: cover;background-position: center;opacity: 0;transition: opacity 0.7s ease;}
.subject-ctt3:hover::after {opacity: 0.7;}
.subject-ctt3:hover {color: #fff;}
.subject-ctt4 {position: relative;display: flex;align-items: center;justify-content: center;background: #44AEC8;color: #fff;text-decoration: none;width: 19%;height: 150px;transition: 0.7s;overflow: hidden;}
.subject-ctt4::after {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-image: url('img/sub4.jpg');background-size: cover;background-position: center;opacity: 0;transition: opacity 0.7s ease;}
.subject-ctt4:hover::after {opacity: 0.7;}
.subject-ctt4:hover {color: #fff;}
.subject-ctt5 {position: relative;display: flex;align-items: center;justify-content: center;background: #44AEC8;color: #fff;text-decoration: none;width: 19%;height: 150px;transition: 0.7s;overflow: hidden;}
.subject-ctt5::after {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-image: url('img/sub5.jpg');background-size: cover;background-position: center;opacity: 0;transition: opacity 0.7s ease;}
.subject-ctt5:hover::after {opacity: 0.7;}
.subject-ctt5:hover {color: #fff;}
.subject-p{margin-top:20px;color:#44AEC8;}

#flow{padding:100px 0;position:relative;background:#44AEC8;}
.h2-flow{font-size:150%;margin-bottom:50px;line-height:1.5;color:#fff;}
.h2-flow:before{display:block;content:"Flow";font-family:'Alegreya Sans SC',sans-serif;color:rgb(255,255,255,0.4);font-size:80%;}
.flow-bx{display:flex;flex-direction:row;justify-content:space-between;flex-wrap:wrap;}
.title-bx{width:30%;}
.timeline {position:relative;padding-bottom: 2em;width:70%;}
.timeline:before {position: absolute;top: 0px;left: 45px;width: 3px;height: 100%;content: '';background: #fff;}
.timeline .timeline_item { margin: 0px 0px 0px 80px;}
.timeline .timeline_item .time_date .time {font-family:'Alegreya Sans SC',sans-serif;font-size:400%;font-weight: bold;position: relative;margin: 0;letter-spacing: 3px;color: rgb(255,255,255,0.4);}
.timeline .timeline_item .time_date .flag {position:relative;z-index:1;font-size:30px;font-weight: bold;margin: 0;margin-top: -60px;color:#fff;}
.timeline .timeline_item .desc {font-size:16px;line-height: 20px;margin-top: 10px;padding-left: 20px;color:#fff;}
.more-btn2 {font-size:16px;max-width:230px;width:100%;padding:10px 25px 8px 40px;position: relative;text-decoration: none;outline: none;display: flex;justify-content: space-between;align-items: center;border-radius: 9999px;color: #44AEC8;background-color:#fff ;border: 1px solid #fff;transition: all 0.3s ease;font-weight:bold;font-size:16px;}
.more-btn2 .arrow {width:35px;height:35px;display: grid;place-items: center;background-color:transparent;border-radius: 40px;border:solid 1px #44AEC8;overflow: hidden; transition: all 0.3s ease;}
.more-btn2 .arrow span { position: relative;right: 2px; width: 16px;height:4px;border-bottom: 1px solid #44AEC8;border-right: 2px solid #44AEC8;transform: skew(45deg);transition: all 0.3s ease;}
.more-btn2:hover {color:#fff;background:transparent;}
.more-btn2:hover .arrow {background:transparent;border:solid 1px #fff;}
.more-btn2:hover .arrow span {border-color:#fff;right:-2px;}

#doctor{padding:100px 0;position:relative;}
.h2-doctor{font-size:150%;margin-bottom:50px;line-height:1.5;text-align:right;}
.h2-doctor:before{display:block;content:"Doctor";font-family:'Alegreya Sans SC',sans-serif;color:#44AEC8;font-size:80%;}
.doctor-bx{display:flex;flex-direction:row;justify-content:space-between;flex-wrap:wrap;}
.doctor-img{width:30%;}
.doctor-ctt{width:65%;}
.president{font-size:80%;}
.d-name{font-size:22px;}
.doctor-p{margin:20px 0 30px 0;}
.eng-name{color:#44AEC8;font-size:100%;font-family:'Alegreya Sans SC',sans-serif;}
.history-bx{display:flex;flex-direction:row;justify-content:space-between;}
.history-bx-sp{display:none;}
.history-ctt p{font-size:80%;;}
.history-ctt{width:48%;padding:30px 15px 15px 15px;position:relative;border: 1px solid #44AEC8;}
.h3-history {background-color:#44AEC8;font-size:16px;color: #fff ;padding: 7px 12px;line-height: 1;position:absolute;top: -10px;left: 20px;}
.doctor-p-sp{display:none;}
.refer-sp{display:none;}
.refer{text-align:right;margin-bottom:20px;}
.refer a{color:#fff;background:#44AEC8;border-radius:5px;padding:5px;margin-left:10px;text-decoration:none;}

#reserv{position:relative;}
.reserv-bg{position:relative;background-image: url('img/rs-bg.jpg');background-position:center;background-repeat:no-repeat;background-size:cover;}
.reserv-ctt{width:100%;height:100%;background:rgb(0,0,0,0.1);padding:100px 0;}
.reserv-bx{width:70%;margin:auto;color:#fff;display:flex;flex-direction:row;justify-content:space-between;flex-wrap:wrap;}
.h2-reserv{font-size:150%;margin-bottom:50px;line-height:1.5;text-align:left;color:#fff;}
.h2-reserv:before{display:block;content:"Reservation";font-family:'Alegreya Sans SC',sans-serif;color:#44AEC8;font-size:80%;}
.reserv-ctt div div{width:70%;}

#access{padding:100px 0;position:relative;background:#FBFBF8;}
.h2-clinic{font-size:150%;margin-bottom:50px;line-height:1.5;text-align:center;}
.h2-clinic:before{display:block;content:"Clinic";font-family:'Alegreya Sans SC',sans-serif;color:#44AEC8;font-size:80%;}
.access-bx{display:flex;flex-direction:row;justify-content:space-between;}
.access-ctt{width:48%;}
.map{width:48%;}
.flogo img{width:40%;}
.footer-bottom {margin-top:0;background: #606163;}
.footer{margin:0;padding:0;}
.fname{font-size:120%;font-weight:bold;margin-bottom:20px;}
.access-ctt p a{text-decoration:none;color:#44AEC8;}
.copyright[color:#fff;]
.wrap{width:100%!important;}
.footer-in{width:100%!important;}
.copyright{color:#fff;text-align:center;}
.f-access-bx{display:block;text-align:center;}
.table-schedule th{padding:3px;background:#D7ECEE;color:#44AEC8;border:solid 1px #44AEC8;}
.table-schedule td{padding:3px;background:#fff;text-align:center;border:solid 1px #44AEC8;}
.table-schedule {margin-bottom:5px;}
.kyushin{font-size:90%;}
.footer-p{display:flex;flex-direction:row;justify-content:center;}
.footer-p p a{text-decoration:none;color:#fff;padding:0 20px;}

#insta{position:relative;padding:100px 0;background: #D7ECEE;}
.h2-insta{font-size:150%;margin-bottom:50px;line-height:1.5;text-align:center;}
.h2-insta:before{display:block;content:"Instagram";font-family:'Alegreya Sans SC',sans-serif;color:#44AEC8;font-size:80%;}
.sbi_bio{display:none;}
#insta h3{display:none;}
.voices-list{display:flex;flex-direction:row;justify-content:flex-start;flex-wrap:wrap;gap:20px;}
.voices-list a{width:30%;text-decoration: none;border:solid 1px #44AEC8;padding: 20px;color:#606163;}
.face{text-align:center;}
.vname{margin-top:10px;font-size:120%;color:#44AEC8;}

/*single*/
body:not(.home) .content-in {justify-content:space-around;}
body:not(.home) .content-in {justify-content:space-around;}
body:not(.home) .content{margin:auto;margin-top:150px;width:90%;}
.article h2{background:#D7ECEE;}
.sidebar h2, .sidebar h3 {background:#D7ECEE;}

/*お知らせ*/
.pagination .current {background:#44AEC8;color:#fff;}
.pagination {margin:50px 0;}
.h1-news{font-size:150%;margin-bottom:50px;line-height:1.5;text-align:center;}
.h1-news:before{display:block;content:"News";font-family:'Alegreya Sans SC',sans-serif;color:#44AEC8;font-size:80%;}
.h1-voice{font-size:150%;margin-bottom:50px;line-height:1.5;text-align:center;}
.h1-voice:before{display:block;content:"Voice";font-family:'Alegreya Sans SC',sans-serif;color:#44AEC8;font-size:80%;}
.h1-column{font-size:150%;margin-bottom:50px;line-height:1.5;text-align:center;}
.h1-column:before{display:block;content:"Column";font-family:'Alegreya Sans SC',sans-serif;color:#44AEC8;font-size:80%;}


/*医院紹介*/
.h1-about{font-size:200%;line-height:1.5;text-align:center;padding:200px 0 100px 0;}
.h1-about:before{display:block;content:"About";font-family:'Alegreya Sans SC',sans-serif;color:#44AEC8;font-size:80%;}
.about-header{width: 100%;height: 100%;background-image: url(img/about-img.jpg);background-size: cover;background-position: center;}
.under-inner{width:70%;margin:auto;padding:50px 0 100px 0;}
.under-inner2{width:70%;margin:auto;padding:100px 0 100px 0;}
.h2-under{color:#44AEC8;margin:70px 0 30px 0;text-align:center;}
.h3-under {border-bottom: solid 3px #D7ECEE;position: relative;margin-bottom:10px;}
.h3-under:after {position: absolute;content: " ";display: block;border-bottom: solid 3px #44AEC8;bottom: -3px;width: 20%;}
.under-txt{margin-bottom:50px;}
.under-ctt{margin-bottom:20px;}
.table-about th{padding:3px;background:#D7ECEE;color:#44AEC8;border:solid 1px #44AEC8;}
.table-about td{padding:3px;background:#fff;text-align:center;border:solid 1px #44AEC8;}
.clinic-img{display:flex;flex-direction:row;justify-content:flex-start;flex-wrap:wrap;gap:10px;}
.clinic-img div{width:32%;}
.v-bx{text-align:center;}

/*plivacy*/
.h1-privacy{font-size:200%;line-height:1.5;text-align:center;padding:200px 0 100px 0;}
.h1-privacy:before{display:block;content:"Privacy Policy";font-family:'Alegreya Sans SC',sans-serif;color:#44AEC8;font-size:80%;}
.privacy-header{width: 100%;height: 100%;background-image: url(img/privacy-img.jpg);background-size: cover;background-position: center;}

/*特商法*/
.h1-tokushoho{font-size:200%;line-height:1.5;text-align:center;padding:200px 0 100px 0;}
.h1-tokushoho:before{display:block;content:"Notations are based on the Specified Commercial Transaction Act";font-family:'Alegreya Sans SC',sans-serif;color:#44AEC8;font-size:80%;}
.tokushoho-header{width: 100%;height: 100%;background-image: url(img/tokushoho-img.jpg);background-size: cover;background-position: center;}
.table-tokushoho th{padding:3px;background:#D7ECEE;color:#44AEC8;border:solid 1px #44AEC8;}
.table-tokushoho td{padding:3px;background:#fff;text-align:center;border:solid 1px #44AEC8;}
.table-tokushoho{margin-top:50px;}

/*internal*/
.h1-internal{font-size:200%;line-height:1.5;text-align:center;padding:200px 0 100px 0;}
.h1-internal:before{display:block;content:"Internal Medicine";font-family:'Alegreya Sans SC',sans-serif;color:#44AEC8;font-size:80%;}
.internal-header{width: 100%;height: 100%;background-image: url(img/sub1.jpg);background-size: cover;background-position: center;}
.sub-bx{display:flex;flex-direction:row;justify-content:space-between;margin:30px 0;}
.sub-bx2{display:flex;flex-direction:row;justify-content:space-between;margin:30px 0;}
.sub-img{width:48%;}
.sub-ctt{width:48%;font-size:16px;}
.sub-box{background:#44AEC8;border-radius:5px;padding:10px;color:#fff;font-weight:bold;margin-bottom:10px;}

/*dermatology*/
.h1-dermatology{font-size:200%;line-height:1.5;text-align:center;padding:200px 0 100px 0;}
.h1-dermatology:before{display:block;content:"Dermatology";font-family:'Alegreya Sans SC',sans-serif;color:#44AEC8;font-size:80%;}
.dermatology-header{width: 100%;height: 100%;background-image: url(img/sub2.jpg);background-size: cover;background-position: center;}
.under-txt2{margin-bottom:20px;}
.example{color:#44AEC8;font-weight:bold;margin-bottom:50px;}
.sub-box2{background:#44AEC8;border-radius:5px;padding:10px;color:#fff;font-weight:bold;margin:20px 0;}

/*vaccination*/
.h1-vaccination{font-size:200%;line-height:1.5;text-align:center;padding:200px 0 100px 0;}
.h1-vaccination:before{display:block;content:"Vaccination";font-family:'Alegreya Sans SC',sans-serif;color:#44AEC8;font-size:80%;}
.vaccination-header{width: 100%;height: 100%;background-image: url(img/sub3.jpg);background-size: cover;background-position: center;}
.tablev th{padding:3px;background:#44AEC8;color:#fff;border:solid 1px #44AEC8;width:18%;height:50px;}
.tablev .tdh{padding:3px;background:#D7ECEE;color:#44AEC8;border:solid 1px #44AEC8;}
.tablev td{padding:3px;background:#fff;text-align:center;border:solid 1px #44AEC8;height:50px;}
.tablev{margin:20px 0;line-height:1.2;width:100%;}
.tablev .thh{width:28%;}
.redb{font-weight:bold;color:red;}


/*other*/
.h1-other{font-size:200%;line-height:1.5;text-align:center;padding:200px 0 100px 0;}
.h1-other:before{display:block;content:"Other";font-family:'Alegreya Sans SC',sans-serif;color:#44AEC8;font-size:80%;}
.other-header{width: 100%;height: 100%;background-image: url(img/sub4.jpg);background-size: cover;background-position: center;}
.tableo th{padding:3px;background:#44AEC8;color:#fff;border:solid 1px #44AEC8;}
.tableo .tdo{padding:3px;background:#D7ECEE;color:#44AEC8;border:solid 1px #44AEC8;width:70%;font-weight:bold;}
.tableo td{padding:3px;background:#fff;text-align:center;border:solid 1px #44AEC8;width:30%;}
.tableo{margin-top:50px;}

/*cosmetic-dermatology*/
.h1-cosmetic-dermatology{font-size:200%;line-height:1.5;text-align:center;padding:200px 0 100px 0;}
.h1-cosmetic-dermatology:before{display:block;content:"Cosmetic Dermatology";font-family:'Alegreya Sans SC',sans-serif;color:#44AEC8;font-size:80%;}
.cosmetic-dermatology-header{width: 100%;height: 100%;background-image: url(img/sub5.jpg);background-size: cover;background-position: center;}

/*modal*/
.modal-logo{width:20%;margin:auto;margin-bottom:20px;}
.modal {display: none;position: fixed;z-index: 1000;left: 0;top: 0;width: 100%;height: 100%;overflow: auto;background-color: rgba(0, 0, 0, 0.5);opacity: 1;transition: opacity 0.5s ease;}
.modal-content {background-color: #fff;padding:30px;border-radius:10px;width:50%;position: absolute;top: 50%;left: 50%;transform: translateY(-50%) translateX(-50%);-webkit- transform: translateY(-50%) translateX(-50%);margin:auto;}
.modal-btn {width:100%;padding:10px 25px 8px 40px;position: relative;text-decoration: none;outline: none;display: flex;justify-content: space-between;align-items: center;border-radius: 9999px;color: #fff;background-color: #44AEC8;border: 1px solid #44AEC8;transition: all 0.3s ease;font-weight:bold;font-size:16px;cursor: pointer;margin-top:20px;}
.modal-btn .arrow {width:35px;height:35px;display: grid;place-items: center;background-color:transparent;border-radius: 40px;border:solid 1px #fff;overflow: hidden; transition: all 0.3s ease;}
.modal-btn .arrow span { position: relative;right: 2px; width: 16px;height:4px;border-bottom: 1px solid #fff;border-right: 2px solid #fff;transform: skew(45deg);transition: all 0.3s ease;}
.modal-btn:hover {color:#44AEC8;background:transparent;}
.modal-btn:hover .arrow {background:transparent;border:solid 1px #44AEC8;}
.modal-btn:hover .arrow span {border-color:#44AEC8;right:-2px;}
.modal-bx{display:flex;flex-direction:row;justify-content:space-between;}
.general-ctt{width:48%;background-image: url(img/general.jpg);background-size: cover;background-position: center;color:#fff;font-size:90%;border-radius:10px;}
.bg{width:100%;height:100%;background:rgb(0,0,0,0.3);padding:20px 30px;border-radius:10px;}
.beauty-ctt{width:48%;background-image: url(img/fv3.jpg);background-size: cover;background-position: center;color:#fff;border-radius:10px;font-size:90%;}
.h3-modal{text-align:center;border-bottom:solid 1px #fff;margin-bottom:20px;}
.modal-ctt{font-size:90%;}
.modal-ctt-u{font-size:90%;text-align:center;margin:20px 0;color:#44AEC8;font-weight:bold;}
.modal-close {position: absolute;top: 10px;right: 15px;background: transparent;border: none;font-size: 40px;color: #000;cursor: pointer;transition: color 0.3s ease;}
.modal-close:hover {color: #44AEC8;}
.modal-tel{color: #44AEC8;text-align:center;font-size:130%;text-decoration:none;}
.modal-contact{text-align:center;font-size:130%;}

/*beauty*/
.h1-beauty{font-size:200%;line-height:1.5;text-align:center;padding:200px 0 100px 0;}
.h1-beauty:before{display:block;content:"Beauty";font-family:'Alegreya Sans SC',sans-serif;color:#44AEC8;font-size:80%;}
.beauty-header{width:80%;height: 100%;background-image: url(img/sub5.jpg);background-size: cover;background-position: center;margin:auto;margin-top:100px;border-radius:20px;}
.beauty-menu{display:flex;flex-direction:row;justify-content:space-between;flex-wrap:wrap;margin-bottom:10px;}
.beauty-menu a{display:flex;justify-content:center;align-items:center;width:32%;height:100px;color:#44AEC8;text-decoration:none;background:#D7ECEE;border-radius:10px;transition:0.7s;margin-bottom:20px;}
.beauty-menu a:hover{opacity:0.7;}
.menu-bx, .menu-bx2{display:flex;flex-direction:row;justify-content:space-between;align-items:center;}
.menu-img{width:48%;}
.menu-ctt{width:48%;}
#menu1,#menu2,#menu3,#menu4,#menu5,#menu6,#menu7,#menu8,#menu9{scroll-margin-top:50px;}
.sp-reserv2 a{color:#fff;text-decoration:none;display:block;background:#00B900;}
.sp-reserv2 {width:33%;}
.sp-tel2 a{color:#fff;text-decoration:none;display:block;background:#44AEC8;}
.sp-tel2 {width:33%;}
.sp-map2 a{color:#fff;text-decoration:none;display:block;background:#ff9933;}
.sp-map2 {width:33%;}
.pc-campaign{width:80%;margin:auto;margin-bottom:50px;}
.pc-campaign img{width:100%;}
.sp-campaign{display:none;}
.camp-bx{display:flex;flex-direction:row;justify-content:space-between;flex-wrap:wrap;}
.camp-bx div{width:32%;margin-bottom:30px;}

/*r6-notice*/
.h1-r6-notice{font-size:200%;line-height:1.5;text-align:center;padding:200px 0 100px 0;color:#fff;position:relative;z-index:1;}
.r6-notice-header{position:relative;width: 100%;height: 100%;background-image: url(img/r6-notice.jpg);background-size: cover;background-position: center;}
.notice{margin: auto;display: block;margin-top: 30px;color:red;text-decoration:none;text-align:center;}
.r6-notice-header::before {content:"";width: 100%;height: 100%; background-color: rgb(0, 0, 0, 0.3);position:absolute;}

.modal { display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5); }
.modal-content { background:#fff; margin:auto; padding:40px; width:80%; max-width:500px; }
.modal-content span {font-size: 30px;cursor: pointer;right: 15px;position: absolute;top: 10px; }
.tell{display:inline!important;justify-content: center;align-items: center;width:auto!important;height:auto!important;color:red!important;text-decoration: none!important;background:transparent!important;border-radius:0!important;}
.instal{display:inline!important;justify-content: center;align-items: center;width:auto!important;height:auto!important;color:red!important;text-decoration: none!important;background:transparent!important;border-radius:0!important;}	
	
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1440px以下*/
@media screen and (max-width: 1440px){
.about-ctt p {font-size: 14px;}
.h3-about{font-size:16px;}
.subject-ctt1, .subject-ctt2, .subject-ctt3, .subject-ctt4, .subject-ctt5 {font-size:16px;}
.subject-p{font-size:14px;}	
.timeline .timeline_item .time_date .flag {font-size: 24px;}
.timeline .timeline_item .time_date .time {font-size:350%;}
.timeline .timeline_item .desc {font-size: 14px;}
.doctor-p {font-size:14px;margin:10px 0;}
.refer {font-size:14px;}
.history-ctt p {font-size: 65%;}
.reserv-ctt div div {font-size: 80%;}
.access-ctt {font-size: 90%;}
.wrap{width:100%!important;}
.header-bx {width: 95%;margin: auto;}
}

/*1280px以下*/
@media screen and (max-width: 1280px){
.inner{width:90%;}
.access-ctt{width:48%;}
.map{width:48%;}
.timeline{width:60%;}
.timeline .timeline_item { margin:0;}
.timeline:before {left: -60px;}
}
	
/*1200px以下*/
@media screen and (max-width: 1200px){
.inner{width:90%;}
.inner-blog{width:90%;}
.subject-bx{justify-content:center;width:80%;margin:auto;}
.subject-ctt1, .subject-ctt2, .subject-ctt3, .subject-ctt4, .subject-ctt5 {width:30%;margin:10px;}
.header-bx {width: 98%;}
.header-contact{width:22%;}
.logo-area {width: 30%;}
.header-menu ul li a {font-size: 90%;}
.header-menu {width:40%;}
}

@media (min-width: 1000px) { .tell {pointer-events: none;cursor: default;}}


/*1000px以下*/
@media screen and (max-width: 1000px){
.header-contact{display:none;}
.header-menu {display:none;}
main.main, div.sidebar {padding:0;margin:0;}
.sp-br{display:none;}
.catch{position:absolute;bottom:40%;left:auto;margin:auto;padding:0 10px;}
.eng{font-size:250%;}
.jpn{font-size:100%;}
.logo-area{width:80%;}
.logo-header img {top: 3px;position: relative;}
.name{font-size: 80%;}
.title-bx{width:100%;}
.timeline:before {display:none;}
#news {padding: 50px 0;}
.blog-list {width:100%;}
.new .arrow{width:10%;}
.t-list a span{width:85%;}
.catn{padding:5px;}
#about {padding: 50px 0;}
.about-img {width: 100%;}
.about-ctt {width: 100%;}
#subject {padding:50px 0;}
.subject-bx {width:100%;}
.subject-ctt1::after {opacity:0.5;z-index:-1;}
.subject-ctt1{color:#fff;background:rgb(0,0,0,0.4);width:100%;height:130px;margin:10px 0;z-index:10;}
.subject-ctt2::after {opacity:0.5;z-index:-1;}
.subject-ctt2{color:#fff;background:rgb(0,0,0,0.4);width:100%;height:130px;margin:10px 0;z-index:10;}
.subject-ctt3::after {opacity:0.5;z-index:-1;}
.subject-ctt3{color:#fff;background:rgb(0,0,0,0.4);width:100%;height:130px;margin:10px 0;z-index:10;}
.subject-ctt4::after {opacity:0.5;z-index:-1;}
.subject-ctt4{color:#fff;background:rgb(0,0,0,0.4);width:100%;height:130px;margin:10px 0;z-index:10;}
.subject-ctt5::after {opacity:0.5;z-index:-1;}
.subject-ctt5{color:#fff;background:rgb(0,0,0,0.4);width:100%;height:130px;margin:10px 0;z-index:10;}
#flow {padding:50px 0;}
.flow-bx{display:block;}
.timeline{width:100%;}
.title-bx div{display:none;}
.reserv-bx{width:90%;}
.reserv-ctt {padding: 50px 0;}
.reserv-ctt div div {width: 100%;}
.timeline .timeline_item .desc{padding-left:0;}
.desc p{color:#606163;}
.timeline .timeline_item {background: #fff;margin-bottom:20px;padding:20px 10px;}
.timeline .timeline_item .time_date .time {font-size: 200%;}
.timeline .timeline_item .time_date .flag {font-size:20px;color:#44AEC8;text-align:center;border-bottom: dashed 1px;}
	
#doctor {padding:50px 0;}
.doctor-img{width:48%;}
.doctor-ctt{width:40%;}
.history-ctt{width:100%;margin-bottom:20px;}	
.doctor-p{display:none;}
.doctor-p-sp{display:block;font-size:14px;}
.history-ctt p {font-size: 13px;}
.reserv-ctt div div {font-size:14px;}	
.access-ctt {font-size: 14px;}	
.history-bx-sp{display:flex;flex-direction:row;justify-content:space-between;margin-top:20px;flex-wrap:wrap;}
.history-bx{display:none;}
	
#access {padding:50px 0;}	
.access-bx {flex-direction:column;}	
.map{width:100%;}
.access-ctt{width:100%;margin-bottom:20px;}
.fcontact-bx{display:none;}
iframe{height:300px;}

.hamburger {display:block;position: fixed;top:25px;right: 20px;z-index: 150;width: 30px;height: 30px;cursor: pointer;}
.hamburger.is-active span:nth-child(1) { top: 50%;transform: translate(-50%, -50%) rotate(135deg);}
.hamburger.is-active span:nth-child(2) {opacity: 0;}
.hamburger.is-active span:nth-child(3) {top: 50%;transform: translate(-50%, -50%) rotate(-135deg);}
.hamburger span {position: absolute;left: 50%;transform: translate(-50%, -50%);width: 100%;height: 2px;background-color:#606163; transition: transform .3s;}
.hamburger.is-active span {background-color:#606163;}
.hamburger span:nth-child(1) {top: 30%;}
.hamburger span:nth-child(2) { top: 60%;}
.hamburger span:nth-child(3) {top: 90%;}
.drawer {display:block;visibility: hidden;opacity: 0;position: fixed;top: 0;left: 0;z-index:80; width: 100%; height: 100vh;transition: opacity .3s, visibility .3s;transition: opacity .3s, visibility .3s;background: transparent;backdrop-filter: blur(12px);--webkit-backdrop-filter: blur(12px);background-color: rgba(0, 0, 0, 0.5);}
.drawer.is-active {visibility: visible;opacity: 1;}
.drawer-inner {position: absolute;top: 50%;left: 50%;transform: translateY(-50%) translateX(-50%);-webkit- transform: translateY(-50%) translateX(-50%);width:70%;}
.drawer__list {display: flex;flex-direction: column;gap:15px;padding-left:0;}
.drawer__link {color: #ffffff;}				
.drawer__item {list-style:none;border-bottom:dashed 1px #fff;color:#fff;}
.drawer__item  a{text-decoration:none;color: #ffffff;font-size:14px;}	
.drawer__item ul li{padding:5px 0;}

.sp-header{position:fixed;z-index:100;top:0;height:50px;background:#fff;width:100%;display:block;box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);}
.sp-footer{position:fixed;z-index:100;bottom:0;width:100%;display:block;background:#44AEC8;left:0;padding:5px 0;}
.copyright{padding-bottom:75px;}
.go-to-top {display:none!important;}
.sp-reserv a{color:#fff;text-decoration:none;display:block;}
.sp-reserv {border-left:dashed 1px #fff;width:33%;}
.sp-tel a{color:#fff;text-decoration:none;display:block;}
.sp-tel {border-right:dashed 1px #fff;width:33%;}
.sp-map a{color:#fff;text-decoration:none;display:block;}
.sp-map {width:33%;}
.sp-bx {width:100%;margin:auto;display:flex;flex-direction:row;justify-content:space-between;}
.sp-footer2{display:none;}
.footer-p{flex-direction:column;}
	
.under-inner{width:90%;padding:0 0 50px 0;}	
.under-inner2{width:90%;padding:50px 0;}	
.table-about th{display:block;width:100%;}
.table-about td{display:block;width:100%;border-top:none;border-bottom:none;}
.table-about{border-bottom:solid 1px #44AEC8;}
.table-tokushoho th{display:block;width:100%;}
.table-tokushoho td{display:block;width:100%;border-top:none;border-bottom:none;}
.table-tokushoho{border-bottom:solid 1px #44AEC8;}
.h1-tokushoho{font-size:160%;}
.h1-tokushoho:before{font-size:70%;}
.modal-bx{flex-direction:column;}	

.modal-ctt-u{margin:5px 0;}
.modal-logo {width: 30%;margin-bottom: 10px;}
.h3-modal {margin-bottom: 10px;}
.modal-btn {margin-top:5px;}
.general-ctt{width:100%;margin-bottom:5px;}
.beauty-ctt{width:100%;}
.bg{padding:10px 15px;}
.under-inner2 {width: 90%;margin:auto;padding-top:70px;}
.sub-bx{flex-direction:column;}
.sub-bx2{flex-direction:column-reverse;}	
.sub-img{width:100%;}
.sub-ctt{width:100%;}
.scrl{overflow-x: auto;}
.tablev{width:1000px;max-width:700px;}
.tableo .tdo{width:80%;}
.tableo td{width:20%;}
.beauty-header {width:90%;}
.sp-footer2 { width: 100%!important;}
.beauty-menu a{height:100px;margin-bottom:10px;font-size:90%;}
.menu-bx{flex-direction:column;}
.menu-bx2{flex-direction:column-reverse;}
.menu-ctt{width:100%;}
.menu-img{width:100%;}
.access-ctt p{font-size:95%;}
.clinic-img div{width:48%;margin-bottom:5px;}
.sp-campaign{display:block;width:100%;margin:auto;margin-bottom:30px;}
.pc-campaign{display:none;}
.blog-bx{width:100%;}
.blog-bx2{width:100%;margin-top:50px;}
.refer-sp{display:block;margin:30px 0;}
.refer-sp a{color:#fff;background:#44AEC8;border-radius:5px;padding:5px;margin-left:10px;text-decoration:none;}
.refer{display:none;}
.camp-bx div{width:100%;margin-bottom:20px;}
.modal-contact{text-align:center;font-size:100%;}
}

/*480px以下*/
@media screen and (max-width: 480px){
}