@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
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

body {font-family: 'Zen Maru Gothic', sans-serif;}
.drawer{display:none;}
.sp-contact{display:none;}
.header-in{margin:auto;width:95%;margin-top:0!important;}
.header-container{top:0;width:100%;padding:8px 0;}
.header-bx{display:flex;flex-direction:row;justify-content:space-between;align-items:center;}
.h1-header{font-size:80%;font-weight:normal;}
.logo-area{width:20%;}
.header-menu{width:55%;}
.header-menu ul{display:flex;flex-direction:row;justify-content:center;gap:70px;padding-left:0;}
.header-menu ul li{list-style:none;position:relative;}
.header-menu ul li a{text-decoration:none;color:#000;font-size:1.3vw;transition:0.7s;cursor: pointer;}
.header-menu ul li a:hover{color:#1FC0DC;}
.sub-menu-pc{position:absolute;top:100%;left: 50%;transform:translateX(-50%); -webkit- transform:translateX(-50%);padding:10px 20px;background-color:#1FC0DC;z-index:100;width:auto;display:none;border-radius:10px;}
.menu-flex{display:flex;flex-direction:row;justify-content:space-between;align-items: flex-start;}
.menu-flex ul{width:30%;}
.sub-menu-pc-ttl{color:#fff;border-bottom:dashed 1px #fff;padding:10px 0;font-weight:bold;}
.header-menu ul li:hover .sub-menu-pc{display:block;animation:fadeIn 0.3s ease forwards;}
.sub-menu-pc ul{flex-direction:column;gap:0;padding:0;}
.sub-menu-pc ul li{width:245px;padding:5px 0;opacity:0;transform:translateY(-10px);animation:slideIn 0.3s ease forwards;}
.sub-menu-pc ul li a{color:#fff;font-size:1vw;}
.sub-menu-pc ul li a:hover{color:#fff;opacity:0.7;}
@keyframes fadeIn{0%{opacity:0;}100%{opacity:1;}}
@keyframes slideIn{0%{opacity:0;transform:translateY(-10px);}100%{opacity:1;transform:translateY(0);}}


.header-contact{width:20%;display:flex;justify-content:center;gap:15px;align-items:center;}
.header-contact div{display:flex;justify-content:center;}
.tagline {font-size: 1vw;}
.name-head-bx{display:flex;flex-direction:column;}
.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;}
.header-contact-btn {width:100%;padding:1vw 3.2vw;position: relative;text-decoration: none;outline: none;border-radius: 9999px;color: #fff;background-color:#1FC0DC;border: 1px solid #1FC0DC;transition: all 0.3s ease;font-weight:bold;font-size:1.4vw;}
.header-contact-btn:hover {background-position: right center;background-size: 200% auto;-webkit-animation: pulse 2s infinite;animation: shad26 1.5s infinite;color: #fff;}
.contact-btn {width:100%;padding:1vw 3.2vw;position: relative;text-decoration: none;outline: none;border-radius: 9999px;color: #fff;background-color:#1FC0DC;border: 1px solid #1FC0DC;transition: all 0.3s ease;font-weight:bold;font-size:1.4vw;}
.contact-btn:hover {background-position: right center;background-size: 200% auto;-webkit-animation: pulse 2s infinite;animation: shad26 1.5s infinite;color: #fff;}
.more-btn:hover {background-position: right center;background-size: 200% auto;-webkit-animation: pulse 2s infinite;animation: shad26 1.5s infinite;color: #fff;}
@keyframes shad26 {0% {box-shadow: 0 0 0 0 #27acd9;}70% {box-shadow: 0 0 0 10px rgb(39 172 217 / 0%);}100% {box-shadow: 0 0 0 0 rgb(39 172 217 / 0%);}}

.sns-icon{width:12%;}
.sns-icon img{width:100%;}
.sns-icon-smooth {display: inline-block;transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);}
.sns-icon-smooth:hover {transform: scale(1.15);}

.wrap{width:100%;}
main#main.main{padding:0;}
.fv{position:relative;display:flex;align-items:center;justify-content:center;}
.fv-flex{display:flex;justify-content:space-between;align-items:center;margin:auto;width:85%;position:absolute;}
.h2-fv{color:#1FC0DC;font-weight:700;font-size:3.5vw;}
.fv-ctt{width:55%;}
.fv-img{width:40%;text-align:center;}
.fv-img div img{width:80%;padding-bottom:20px;}
.fv-flex ul {padding-left:0;padding-top:30px;}
.fv-flex ul li{list-style:none;font-size:2.5vw;}
.fv-contact{text-align:center;margin-top:5vw;}
.fv-ex{text-align:left;display:inline;}
.fv-ex p{display:inline-block;font-size:1.2vw;}

#banner{padding:100px 0;}
.custom-banner-container{margin-right:10px!important;margin-left:10px!important;}
.slick-dots li button:before{font-size:15px!important;transition:font-size 0.5s ease;}
.custom-banner .slick-dots li.slick-active button:before{color:#1FC0DC;opacity:1;font-size:25px!important;}
.banner-slide-item a{transition:0.7s;}
.banner-slide-item a:hover{opacity:0.7;}
.h2-top{text-align:center;position:relative;}
.h2-top::after {content: '';display: block;width: 8px;height: 8px;background: #EF72AA;border-radius: 50%;margin: 15px auto 25px auto;transform: translateX(-15px);  box-shadow: 15px 0 0 #EF72AA,30px 0 0 #EF72AA;}

#news{position:relative;display:flex;align-items:center;justify-content:center;}
.inner{position:absolute;width:70%;}
.inner2{position:relative;width:70%;padding:100px 0;margin:auto;}
.news-list{display:flex;flex-direction:row;gap:20px;}
.list-img {width:100%;overflow:hidden;height: 268px;}
.list-img img{width:100%;height:100%;object-fit:cover;}
.list-ctt {transition: all 0.7s ease;width:32%;}
.list-ctt:hover {opacity: 0.7;transform: translateY(-2px);}
.list-ctt a{text-decoration:none;color:#000;}
.list-ttl a{color:#000;font-size:1.2vw;}
.list-date{color:#1FC0DC;}
.under-inner3{margin: auto;padding: 100px 0 100px 0;}

.feature-bx{display:flex;flex-direction:row;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-top:50px;}
.feature-ctt{width:48%;box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.4);padding:30px;height:28vw;}
.feature-ctt p{font-size:1.2vw;}
.feature-icon{text-align:center;}
.feature-icon img{width:15%;}
.h3-top{text-align:center;margin:20px 0;}

#doctor{position:relative;display:flex;align-items:center;justify-content:center;}
.doctor-bx{display:flex;flex-direction:row;justify-content:space-between;gap:20px;align-items:center;margin:50px 0 100px 0;}
.doctor-ctt{width:45%;}
.doctor-img {text-align:center;}
.doctor-img img{width:60%;}
.doctor-career{width:55%;}
.doctor-career p{margin-bottom:30px;}
.doctor-table td{border:none;padding:0;}
.h3-top2{color:#EF72AA;margin:20px 0;}
.doctor-ttl{text-align:center;}
.doctor-name{text-align:center;font-size:150%;}
.doctor-eng{text-align:center;color:#1FC0DC;}

#ttt{position:relative;}
.ttt1{background:#FFF0F0;padding:30px;margin-bottom:20px;}
.h3-top3{color:#EF72AA;margin:0 0 40px 0;text-align:center;}
.ttt-bx{display:flex;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap;}
.ttt-ctt{width:30%;padding:20px;text-decoration:none;background:#fff;display: inline-block;transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);border-radius:20px;}
.ttt-ctt:hover {transform: scale(1.05);}

.ttt-ctt p{font-size:1vw;color:#000;}
.ttt-icon{text-align:center;text-decoration:none;color:#000;transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);}
.h4-top{text-align:center;color:#EF72AA;height: 4vw;line-height:1.2;display: flex;justify-content: center;align-items: center;}
.ttt2{background:#FFF0F0;padding:30px;margin-bottom:20px;}
.ttt3{background:#F0FEFF;padding:30px;margin-bottom:20px;}
.h3-top4{color:#1FC0DC;margin:0 0 40px 0;text-align:center;}
.h4-top2{text-align:center;color:#1FC0DC;height: 4vw;line-height:1.2;display: flex;justify-content: center;align-items: center;}
.ttt-ctt2{width:22%;background:#fff;padding:20px;text-decoration:none;display: inline-block;transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);border-radius:20px;}
.ttt-ctt2:hover {transform: scale(1.05);}

.ttt-ctt2 p{font-size:1vw;color:#000;}
.ttt-bx2{display:flex;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap;}

.h3-top5{margin:40px 0;text-align:center;}
.ttt-ctt3{background-image: linear-gradient(90deg, rgba(240, 250, 255, 1), rgba(255, 240, 240, 1));padding:30px 50px;display:flex;flex-direction:row;justify-content:space-between;}
.ttt-left{width:48%;}
.ttt-left ul{padding-left:0;}
.ttt-left li{list-style:none;color:#1FC0DC;font-weight:bold;}
.ttt-right{width:48%;}
.inner3{position:relative;width:70%;padding:100px 0 0 0;margin:auto;}
.ttt-right .fv-contact{margin-top:3vw;}
.ttt-right p{text-align:center;}

.clinic{position:relative;display:flex;align-items:center;justify-content:center;z-index:1;top:100px;}
.flogo{text-align:center;margin-bottom:70px;}
.flogo img{width:30%;}
.clinic-bx{display:flex;flex-direction:row;justify-content:space-between;}
.clinic-left{width:48%;}
.clinic-right{width:48%;}
.table-schedule{margin-bottom:0;font-size: 1.3vw;line-height: 1;}
.table-schedule th{background:#1FC0DC;color:#fff;border:solid 1px #1FC0DC;}
.table-schedule td{background:transparent;color:#fff;border:solid 1px #1FC0DC;text-align:center;color:#1FC0DC;}
table tr:nth-of-type(2n+1) {background:transparent;}
.clinic-img{display:flex;flex-direction:row;justify-content:space-between;gap:20px;margin-top:30px;}
.clinic-img a{transition:0.7s;}
.clinic-img a:hover{opacity:0.7;}
.footer-tel{color:#1FC0DC;font-size:3vw;font-weight:bold;}
.clinic-left{display:flex;flex-direction:column;justify-content:space-between;}
.footer-address{font-size:1.5vw;}
.footer-bottom {padding:0;}
.footer-notice{text-align:right;}
.footer-bottom{background:#1FC0DC;padding-top:10vw;}
.footer {margin-top:0;padding:0;}
.copyright {color:#fff;text-align:center;padding:50px 0;}
.footer-menu{width:80%;margin:auto;display:flex;flex-direction:row;justify-content:space-between;}
.footer-menu ul{padding-left:0;}
.footer-menu ul li{list-style:none;font-weight:bold;}
.footer-menu ul li a{text-decoration:none;color:#fff;font-size:1.4vw;transition:0.7s;}
.footer-menu ul li ul{padding-top:20px;}
.footer-menu ul li ul li a{text-decoration:none;color:#fff;font-size:1vw;padding-bottom:5px;font-weight:normal;display:inline-block;transition:transform 0.7s ease;}
.footer-menu ul li ul li a:hover{transform:translateX(10px);}
.footer-menu ul li ul li a:before{content:"ー";}
.footer-menu ul li a:hover{opacity:0.7;}
.td-small{font-size:0.8vw;}
.caution{text-align:right;color:#1FC0DC;}

.hidden{visibility:hidden;}
.cate{font-size:1.2vw!important;font-weight:bold!important;pointer-events:none;}
.cate:before{content:none!important;}
.menu-li{padding-bottom:20px;}
.sp-float{display:none;}
.pc-float{position:fixed;bottom:20px;right:50px;width:12vw;height:12vw;border-radius:50%;background:#EF72AA;display:flex;flex-direction:row;align-items:center;justify-content:center;flex-direction:column;z-index:2;text-decoration:none;}
.float-reserve{color:#fff;font-size:1.8vw;position:relative;top:-10px;}
.float-reserve::after {content: "";position: absolute;width: 100%;height: 10px; border-right: 2px solid #fff;border-bottom: 1px solid #fff;transform: skew(45deg);transition: right 0.4s ease;right: 5px; bottom: -10px;transition: right 0.4s ease;}
.float-txt{color:#fff;font-size:1vw;text-align:center;position:relative;top:-10px;}
.pc-float:hover .float-reserve::after{right:-5px;}
.pc-float:hover {background-size: 200% auto;-webkit-animation: pulse 2s infinite;animation: shad27 1.5s infinite;}
@keyframes shad27 {0% {box-shadow: 0 0 0 0 #EF72AA;}70% {box-shadow: 0 0 0 10px rgb(39 172 217 / 0%);}100% {box-shadow: 0 0 0 0 rgb(39 172 217 / 0%);}}


.under-fv{position:relative;}
.h1-director{position: absolute;top: 50%;left: 50%;transform: translateY(-50%) translateX(-50%);-webkit- transform: translateY(-50%) translateX(-50%);color:#1FC0DC;text-align:center;}
.h1-director:before{content:"director";display:block;font-size:60%;}
.u-doctor-img {width:50%;margin:auto;text-align:center;margin-top:50px;}
.u-doctor-img img{width:50%;}
.under-inner{width:70%;margin:auto;}
.qa-ctt{margin:40px 0;}
.q{display:flex;flex-direction:row;justify-content:flex-start;gap:10px;align-items:center;margin-bottom:20px;}
.qcircle{background: #1FC0DC;color: #fff;border-radius: 50%;width: 40px;height: 40px;display:flex;justify-content:center;align-items:center;text-align: center;}
.a{display:flex;flex-direction:row;justify-content:flex-start;gap:10px;align-items:center;}
.acircle{border-radius: 50%;width: 40px;height: 40px;display:flex;justify-content:center;align-items:center;text-align: center;}
.acircle img{width: 40px;height: 40px;object-fit:contain;}
.qa-txt{width:80%;}
.doctor-introduce{margin-bottom:50px;}

.under-fv{position:relative;}
.h1-doctor{position: absolute;top: 50%;left: 50%;transform: translateY(-50%) translateX(-50%);-webkit- transform: translateY(-50%) translateX(-50%);color:#1FC0DC;text-align:center;}
.h1-doctor:before{content:"doctor";display:block;font-size:60%;}

.under-inner .ttt-ctt{background: #FFF0F0;}
.under-inner .ttt-ctt2{background:#F0FEFF;}
.h1-gm{position: absolute;top: 50%;left: 50%;transform: translateY(-50%) translateX(-50%);-webkit- transform: translateY(-50%) translateX(-50%);color:#1FC0DC;text-align:center;}
.h1-gm:before{content:"general medicine";display:block;font-size:60%;}
.treat-bx{display:flex;flex-direction:row;justify-content:space-between;margin-top:70px;margin-bottom:70px;flex-wrap:wrap;}
.treat-img {width:48%;}
.treat-img img{width:100%;border-radius:20px;}
.treat-ctt{width:48%;}
.treat-tar{background:#1FC0DC;color:#fff;border-radius: 20px;padding: 10px;margin-bottom: 20px;}
.treat-tar2{background:#EF72AA;color:#fff;border-radius: 20px;padding: 10px;margin-bottom: 20px;}

.h1-fc{position: absolute;top: 50%;left: 50%;transform: translateY(-50%) translateX(-50%);-webkit- transform: translateY(-50%) translateX(-50%);color:#1FC0DC;text-align:center;}
.h1-fc:before{content:"fever clinic";display:block;font-size:60%;}

.h1-ld{position: absolute;top: 50%;left: 50%;transform: translateY(-50%) translateX(-50%);-webkit- transform: translateY(-50%) translateX(-50%);color:#1FC0DC;text-align:center;}
.h1-ld:before{content:"lifestyle disease";display:block;font-size:60%;}

.h1-sc{position: absolute;top: 50%;left: 50%;transform: translateY(-50%) translateX(-50%);-webkit- transform: translateY(-50%) translateX(-50%);color:#1FC0DC;text-align:center;}
.h1-sc:before{content:"sleep clinic";display:block;font-size:60%;}

.h1-sas{position: absolute;top: 50%;left: 50%;transform: translateY(-50%) translateX(-50%);-webkit- transform: translateY(-50%) translateX(-50%);color:#1FC0DC;text-align:center;}
.h1-sas:before{content:"sleep apnea syndrome";display:block;font-size:60%;}

.h1-ca{position: absolute;top: 50%;left: 50%;transform: translateY(-50%) translateX(-50%);-webkit- transform: translateY(-50%) translateX(-50%);color:#1FC0DC;text-align:center;}
.h1-ca:before{content:"covid aftereffects";display:block;font-size:60%;}

.h1-skc{position: absolute;top: 50%;left: 50%;transform: translateY(-50%) translateX(-50%);-webkit- transform: translateY(-50%) translateX(-50%);color:#1FC0DC;text-align:center;}
.h1-skc:before{content:"smoking cessation";display:block;font-size:60%;}

.h1-dermatology{position: absolute;top: 50%;left: 50%;transform: translateY(-50%) translateX(-50%);-webkit- transform: translateY(-50%) translateX(-50%);color:#1FC0DC;text-align:center;}
.h1-dermatology:before{content:"dermatology";display:block;font-size:60%;}

.h1-hc{position: absolute;top: 50%;left: 50%;transform: translateY(-50%) translateX(-50%);-webkit- transform: translateY(-50%) translateX(-50%);color:#1FC0DC;text-align:center;}
.h1-hc:before{content:"health checkup";display:block;font-size:60%;}

.h1-mh{position: absolute;top: 50%;left: 50%;transform: translateY(-50%) translateX(-50%);-webkit- transform: translateY(-50%) translateX(-50%);color:#1FC0DC;text-align:center;}
.h1-mh:before{content:"mental health";display:block;font-size:60%;}

.h1-ea{position: absolute;top: 50%;left: 50%;transform: translateY(-50%) translateX(-50%);-webkit- transform: translateY(-50%) translateX(-50%);color:#1FC0DC;text-align:center;}
.h1-ea:before{content:"ed aga treatment";display:block;font-size:60%;}

.h1-hb{position: absolute;top: 50%;left: 50%;transform: translateY(-50%) translateX(-50%);-webkit- transform: translateY(-50%) translateX(-50%);color:#1FC0DC;text-align:center;}
.h1-hb:before{content:"health beauty";display:block;font-size:60%;}

.h1-asct{position: absolute;top: 50%;left: 50%;transform: translateY(-50%) translateX(-50%);-webkit- transform: translateY(-50%) translateX(-50%);color:#1FC0DC;text-align:center;}
.h1-asct:before{content:"act on specified commercial transactions";display:block;font-size:60%;}
.table-asct th{width:30%;background:#fff;border-top:none;border-left:none;border-right:none;border-bottom:solid 1px #1FC0DC;}
.table-asct td{width:70%;background:#fff;border-top:none;border-left:none;border-right:none;border-bottom:solid 1px #1FC0DC;}
.table-asct{margin-top:50px;}

.h1-pp{position: absolute;top: 50%;left: 50%;transform: translateY(-50%) translateX(-50%);-webkit- transform: translateY(-50%) translateX(-50%);color:#1FC0DC;text-align:center;}
.h1-pp:before{content:"privacy policy";display:block;font-size:60%;}
.under-ctt{margin-bottom:50px;}

.h1-vac{position: absolute;top: 50%;left: 50%;transform: translateY(-50%) translateX(-50%);-webkit- transform: translateY(-50%) translateX(-50%);color:#1FC0DC;text-align:center;}
.h1-vac:before{content:"vaccination";display:block;font-size:60%;}

.h1-mc{position: absolute;top: 50%;left: 50%;transform: translateY(-50%) translateX(-50%);-webkit- transform: translateY(-50%) translateX(-50%);color:#1FC0DC;text-align:center;}
.h1-mc:before{content:"medical certificates";display:block;font-size:60%;}
.tablev th{background:#F0FAFF;color:#1FC0DC;}
.tablev{margin-bottom:50px;}
.tableo th{background:#F0FAFF;color:#1FC0DC;}
.tableo{margin-bottom:50px;}

.h1-ts{position: absolute;top: 50%;left: 50%;transform: translateY(-50%) translateX(-50%);-webkit- transform: translateY(-50%) translateX(-50%);color:#1FC0DC;text-align:center;}
.h1-ts:before{content:"travel support";display:block;font-size:60%;}

.pagination {margin-top: 30px;text-align: center;}
.pagination ul {display: flex;list-style: none;margin: 0; padding: 0;gap: 5px;width: 100%;justify-content: center;border: none;}
.pagination li {margin: 0;}
.pagination a,
.pagination .current {display: block;text-decoration: none;border: 1px solid #1FC0DC;color: #1FC0DC;border-radius: 4px;}
.pagination a:hover {background-color: #1FC0DC;color:#fff;}
.pagination .current {background-color: #1FC0DC;color: white;border-color: #1FC0DC;}
.pagination .prev,
.pagination .next {font-weight: bold;}
.pagination .dots {padding: 8px 4px;border: none;}
.h1-news{color:#1FC0DC;text-align:center;}
.h1-news:before{content:"news";display:block;font-size:60%;}
.under-inner3 {margin-top:50px;}
.under-inner3 .news-list{flex-wrap: wrap;}
.under-inner3 .list-ctt{width:30%;}
.under-inner3 .list-img {width:100%;height:150px;flex-shrink: 0;overflow: hidden;background-color: #f5f5f5;}
.under-inner3 .list-img img {width: 100%;height: 100%;object-fit: cover;object-position: center;}
.sidebar h2, .sidebar h3{background-color: #1FC0DC;color: white;}


.h1-al{position: absolute;top: 50%;left: 50%;transform: translateY(-50%) translateX(-50%);-webkit- transform: translateY(-50%) translateX(-50%);color:#1FC0DC;text-align:center;}
.h1-al:before{content:"allergy";display:block;font-size:60%;}

.h1-column{color:#1FC0DC;text-align:center;}
.h1-column:before{content:"column";display:block;font-size:60%;}

.h1-acne{position: absolute;top: 50%;left: 50%;transform: translateY(-50%) translateX(-50%);-webkit- transform: translateY(-50%) translateX(-50%);color:#1FC0DC;text-align:center;}
.h1-acne:before{content:"acne";display:block;font-size:60%;}

.h1-urticaria{position: absolute;top: 50%;left: 50%;transform: translateY(-50%) translateX(-50%);-webkit- transform: translateY(-50%) translateX(-50%);color:#1FC0DC;text-align:center;}
.h1-urticaria:before{content:"urticaria";display:block;font-size:60%;}

.h1-warts{position: absolute;top: 50%;left: 50%;transform: translateY(-50%) translateX(-50%);-webkit- transform: translateY(-50%) translateX(-50%);color:#1FC0DC;text-align:center;}
.h1-warts:before{content:"warts";display:block;font-size:60%;}

.h1-shingles{position: absolute;top: 50%;left: 50%;transform: translateY(-50%) translateX(-50%);-webkit- transform: translateY(-50%) translateX(-50%);color:#1FC0DC;text-align:center;}
.h1-shingles:before{content:"shingles";display:block;font-size:60%;}

.h1-herpes{position: absolute;top: 50%;left: 50%;transform: translateY(-50%) translateX(-50%);-webkit- transform: translateY(-50%) translateX(-50%);color:#1FC0DC;text-align:center;}
.h1-herpes:before{content:"herpes";display:block;font-size:60%;}

.h1-ad{position: absolute;top: 50%;left: 50%;transform: translateY(-50%) translateX(-50%);-webkit- transform: translateY(-50%) translateX(-50%);color:#1FC0DC;text-align:center;}
.h1-ad:before{content:"atopic dermatitis";display:block;font-size:60%;}

.h1-af{position: absolute;top: 50%;left: 50%;transform: translateY(-50%) translateX(-50%);-webkit- transform: translateY(-50%) translateX(-50%);color:#1FC0DC;text-align:center;}
.h1-af:before{content:"athletes foot";display:block;font-size:60%;}

.h1-de{position: absolute;top: 50%;left: 50%;transform: translateY(-50%) translateX(-50%);-webkit- transform: translateY(-50%) translateX(-50%);color:#1FC0DC;text-align:center;}
.h1-de:before{content:"drug eruption";display:block;font-size:60%;}

.h1-impetigo{position: absolute;top: 50%;left: 50%;transform: translateY(-50%) translateX(-50%);-webkit- transform: translateY(-50%) translateX(-50%);color:#1FC0DC;text-align:center;}
.h1-impetigo:before{content:"impetigo";display:block;font-size:60%;}

.h1-payment{position: absolute;top: 50%;left: 50%;transform: translateY(-50%) translateX(-50%);-webkit- transform: translateY(-50%) translateX(-50%);color:#1FC0DC;text-align:center;}
.h1-payment:before{content:"payment";display:block;font-size:60%;}
.reserv-bx{display:flex;flex-direction:row;justify-content:space-between;margin:50px 0 100px 0;flex-wrap: wrap;}
.reserv-ctt{width:18%;position:relative;}
.reserv-ctt p{color:#1FC0DC;}
.pcarrow {width: 50px;height: 50px;border-radius: 50%;position: absolute;right: -35px;background-color: #EF72AA;z-index: 1;top: 12vw;}
.pcarrow span {display: inline-block;width: 10px;height: 10px;border-top: 2px solid #fff;border-right: 2px solid #fff;transform: rotate(45deg);top: 20px;right: 20px;position: absolute;}
.under-ctt2{margin-top:50px;text-align:center;}
.pay-bx{width:60%;margin:auto;margin-top:30px;margin-bottom:50px;}
.pay-bx2{width:20%;margin:auto;margin-top:30px;margin-bottom:50px;}

.tax-column_category .content-in {justify-content: space-around;}
.single-post .content-in {justify-content: space-around;}
.single-column .content-in {justify-content: space-around;}
.profile-bx{background:#F0FAFF;}
.profile-bx .doctor-bx{display:flex;flex-direction:row;justify-content:space-between;gap:20px;align-items:center;margin:0 0 30px 0;}
.profile-bx .doctor-img img {width: 40%;}
.profile-bx .h3-top2{border:none;}
.profile-bx .h2-profile{background:transparent;margin:0;text-align:center;color:#1FC0DC;}
.column-category-widget-list {padding-left:0;}
.column-category-widget-list li{list-style:none;}
.column-category-widget-list li a{text-decoration:none;color:#000;}

.single h2 {background:#1FC0DC;color:#fff;}


.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.webp);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;}
.sp-footer {display: none!important;}
.sp-footer2{display:block;position:fixed;z-index:100;bottom:0;width:50%;display:block;left:0;left:0;right:0;margin:auto;}
.sp-bx2 {width:100%;margin:auto;display:flex;flex-direction:row;justify-content:space-between;}
.under-inner2{width:70%;margin:auto;padding: 100px 0 100px 0;}
.h2-under {margin: 70px 0 30px 0;text-align: 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%;}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1440px以下*/
@media screen and (max-width: 1440px){

}

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

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

}


/*960px以下*/
@media screen and (max-width: 960px){
#go-to-top{display:none;}
.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: 100%;transition: opacity .3s, visibility .3s;transition: opacity .3s, visibility .3s;background:#F0FAFF;}
.drawer.is-active {visibility: visible;opacity: 1;}
.drawer-logo {text-align:center;padding: 0 10px 0 0;}
.drawer-logo img{width:150px;}
.d-logo-area{display: flex;flex-direction: row;justify-content: space-between;align-items: center;padding:8px 0;}	
.logo-header img {width: 150px;}
.nav-menu{list-style:none;padding:0;margin-top:10px;}
.nav-link{display:block;padding:6px 16px;text-decoration:none;color:#000;background:transparent;border:none;width:100%;text-align:left;cursor:pointer;font-size:16px;}
.nav-link:hover{}
.accordion-toggle{position:relative;font-family: 'Zen Maru Gothic', sans-serif;}
.accordion-toggle::after{content:'';position:absolute;right:20px;top:50%;width:20px;height:2px;background:#1FC0DC;transform:translateY(-50%);transition:all 0.7s ease;}
.accordion-toggle::before{content:'';position:absolute;right:29px;top:50%;width:2px;height:20px;background:#1FC0DC;transform:translateY(-50%);transition:all 0.7s ease;}
.accordion-toggle.active::before{transform:translateY(-50%) rotate(90deg);opacity:0;}
.accordion-toggle.active::after{transform:translateY(-50%) rotate(0deg);}
.sub-menu{list-style:none;padding:0;margin:0;max-height:0;overflow:hidden;transition:max-height 0.7s ease;}
.sub-menu.active{max-height:500px;}
.sub-link{display:block;padding:2px 32px;text-decoration:none;color:#000;}
.sub-link:hover{color:#333;}
.single-item .nav-link{}
	
.slick-dots{display:block!important;}
.header-menu{display:none;}
.header-contact{display:none;}
.logo-area {width: auto;}
.svg-preview{display:none;}
.fv{background: #F0FAFF; padding:50px 0;}
.fv-flex{flex-direction:column;width:90%;gap:20px;position:relative;}
.fv-ctt{width:100%;}
.fv-img{width:100%;}
.h2-fv {font-size: 6.5vw;}
.fv-flex ul {padding-top: 15px;}
.fv-flex ul li {font-size: 6vw;}
.fv-ex p {font-size: 3.5vw;}
.fv .fv-contact{display:none;}
	
#banner {padding: 50px 0;}		
.inner {width: 90%;position:relative;}
#news {padding: 70px 0;background: #F0FAFF; }
.list-date {font-size: 5vw;}
.list-ttl a {font-size: 4vw;}
.contact-btn {padding: 2vw 6vw;font-size: 5vw;}
.fv-contact {margin-top: 15vw;}	
.news-list {flex-direction:column;width:100%;margin: auto;}
.news-list .list-ctt{width:100%;}
.inner2 {position: relative;width: 90%;padding:70px 0;}
.feature-ctt {width: 100%;padding: 20px;height:auto;}
.h3-top {font-size: 5vw;}
.feature-ctt p {font-size: 4vw;}	
#doctor {justify-content: center;padding: 70px 0;background: #F0FAFF; }	
.doctor-bx {flex-direction: column;}
.doctor-ctt{width:100%;}
.doctor-career {width:100%;}	
.h3-top2 {text-align:center;}
.inner3 {width: 90%;padding:70px 0 0 0;}
.ttt1{padding:20px 10px;}
.ttt2{padding:20px 10px;}
.ttt3{padding:20px 10px;}
.ttt-bx {gap: 10px;}
.ttt-bx2 {gap: 10px;}
.ttt-ctt {width: 48%;padding:15px 8px;}	
.ttt-ctt p {font-size: 3.2vw;}
svg {width: 10vw;height: 10vw;stroke-width: 1;}
.ttt-ctt2 {width: 48%; padding:15px 8px;}	
.ttt-ctt2 p {font-size: 3.2vw;}
.h4-top2 {height: 12vw;}
.h4-top {height: 12vw;}
.ttt-ctt3 {flex-direction: column;padding: 15px;}
.ttt-left {width: 100%;}	
.ttt-left ul {font-size: 4vw;}
.ttt-right {width: 100%;font-size: 3.5vw;margin-top: 30px;text-align: center;display: flex;flex-direction: column-reverse;}	
.ttt-right .fv-contact{margin-top:0;}
.ttt-right p{margin-top:20px;}	
.clinic {top: 70px;padding:0;background: #F0FAFF;padding: 70px 0 20px 0; }
.clinic-bx { flex-direction: column;}
.clinic-left {width:100%;}
.clinic-right {width: 100%;}
.footer-menu {display:none;}	
.clinic-img {flex-direction:column;}
.clinic-img a{width:100%;}
.table-schedule td {padding: 2vw 1vw;}
.table-schedule th {padding: 2vw 1vw;}
.table-schedule {font-size:4.5vw;}
.h3-top5{font-size: 18px;}
.flogo img {width: 60%;}
.flogo {margin-bottom: 50px;}
.footer-tel {font-size: 10vw;}
.footer-address {font-size: 4vw;}
.clinic-right {height: 80vw;margin-top:20px;}
.sp-contact{display:block;position:relative;}
.pc-float{display:none;}
.sp-float{display:flex;position:fixed;bottom:0;width:100%;z-index:100;}
.float-ctt1{width:50%;background:#1FC0DC;color:#fff;text-align: center;padding: 10px 0;text-decoration:none;font-size:120%;display: flex;justify-content: center;align-items: center;gap: 10px;}
.float-ctt2{width:50%;background:#EF72AA;color:#fff;text-align: center;padding: 10px 0;text-decoration:none;font-size:120%;display: flex;justify-content: center;align-items: center;gap: 10px;}
.float-ctt1 img{width:15%;}
.float-ctt2 img{width:15%;}	

.under-fv{background: #F0FAFF; padding:80px 0;}	
.under-inner {width: 90%;margin-top:30px;}
.treat-img {width: 100%;}
.treat-ctt {width: 100%;margin-top: 30px;}	
.h1-doctor {font-size: 150%;width: 90%;}
.h1-director {font-size: 150%;width: 90%;}
.h1-asct{font-size:150%;width: 90%;}
.h1-gm{font-size:150%;width: 90%;}
.h1-fc{font-size:150%;width: 90%;}
.h1-ld{font-size:150%;width: 90%;}
.h1-sas{font-size:130%;width: 90%;}
.h1-ca{font-size:150%;width: 90%;}
.h1-sc{font-size:150%;width: 90%;}
.h1-dermatology{font-size:150%;width: 90%;}
.h1-hc{font-size:150%;width: 90%;}
.h1-mh{font-size:150%;width: 90%;}
.h1-ea{font-size:150%;width: 90%;}
.h1-hb{font-size:150%;width: 90%;}
.h1-pp{font-size:150%;width: 90%;}
.h1-vac{font-size:150%;width: 90%;}
.h1-mc{font-size:150%;width: 90%;}
.h1-ts{font-size:150%;width: 90%;}
.h1-al{font-size:150%;width: 90%;}
.h1-news{font-size:150%;width: 90%;}
.h1-column{font-size:150%;width: 90%;}
.h1-acne{font-size:150%;width: 90%;}	
.h1-urticaria{font-size:150%;width: 90%;}	
.h1-warts{font-size:150%;width: 90%;}	
.h1-shingles{font-size:150%;width: 90%;}	
.h1-herpes{font-size:150%;width: 90%;}	
.h1-ad{font-size:150%;width: 90%;}	
.h1-af{font-size:150%;width: 90%;}	
.h1-de{font-size:150%;width: 90%;}	
.h1-impetigo{font-size:150%;width: 90%;}
.h1-payment{font-size:150%;width: 90%;}
.table-asct th {width: 100%;background: #1FC0DC;border-bottom: none;color: #fff;display: block;}
.table-asct td { width: 100%;border-bottom: none;display: block;}
.scrl{overflow-x: auto;}
.tablev{width:1000px;max-width:700px;}
.pcarrow {display: none;}
.reserv-ctt {width:48%;margin-bottom: 50px;}
.pay-bx{width:80%;}
.pay-bx2{width:50%;}
.under-inner3 .list-ctt {width: 100%;}
.under-inner3 {margin: auto;margin-top: 50px;width: 90%;padding:0;}
.under-inner3 .list-img {width: 100%;height: 268px;}
.tagline {font-size: 3vw;}
.single-post .content-in {width:90%;}
.single-column .content-in {width:90%;}
.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%;}
.doctor-bx{flex-direction:column!important;}
.profile-bx .doctor-img img {width: 30%;}
.profile-bx .h3-top2 {margin: 0;}
.profile-bx {padding: 20px 20px 0 20px;}

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