@charset "utf-8";


.cf:before, .cf:after { content:""; display:table; }
.cf:after { clear:both; }
.cf { *zoom: 1; }

.dn-pc { display:none !important; }
.dn-pc2 { display:none !important; }
.dn-sp { display:block !important; }
.dn-sp2 { display:inline-block !important; }
.hidden { display:none !important; }
.lcp { opacity:1 !important; transform:none !important; transition:none !important; }
.sr-only { position:absolute; width:1px; height:1px; margin:-1px; padding:0; border:0; clip:rect(0 0 0 0); overflow:hidden; }

@media screen and (max-width:899px){
.dn-pc { display:block !important; }
.dn-pc2 { display:inline-block !important; }
.dn-sp { display:none !important; }
.dn-sp2 { display:none !important; }
}

*, *::before, *::after { box-sizing:border-box; }




/* ----------------------------------------------
 ! normalize
 ---------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

html { font-family:sans-serif; -ms-text-size-adjust:100%; -webkit-text-size-adjust:100%; scroll-behavior:smooth; }
body { line-height:1; background:#fff; font-size:1em; color:#000; }

/* html5 format */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary { display: block; }

audio,
canvas,
progress,
video { display:inline-block; vertical-align:baseline; }

audio:not([controls]) { display:none; height:0; }

a { background-color:transparent; }
a:active,
a:hover { outline:0; }

b,
strong { font-weight:600; }

small { font-size:80%; }

sub,
sup { font-size:75%; line-height:0; position:relative; vertical-align:baseline; }

sup { top:-0.5em; }
sub { bottom:-0.25em; }

img { border:0; vertical-align:middle; }

hr { -moz-box-sizing:content-box; box-sizing:content-box; height:0; }

pre { overflow:auto; }

code,
kbd,
pre,
samp { font-family:monospace, monospace; font-size:1em; }

table { border-collapse:collapse; border-spacing:0; }

td,
th { padding:0; }




/* ----------------------------------------------
 ! Base
 ---------------------------------------------- */

body { width:100%; overflow-x:hidden; font-family:'Zen Kaku Gothic New'; font-style:normal; font-weight:400; }
#content { padding:16.41vw 0 0; }
.font-min { font-family:'Zen Old Mincho'; font-style:normal; font-weight:500; }
.font-en {}

@media screen and (max-width:899px){
body { min-width:280px; }
#content {}
}
@media screen and (min-width:900px){
body {}
#content { padding:0; }
}

@media screen and (min-width:1380px){
body { min-width:1380px; }
#content {}
}




/* ----------------------------------------------
 ! Fonts
 ---------------------------------------------- */

@font-face {
  font-display:swap;
  font-family:'Zen Kaku Gothic New';
  font-style:normal;
  font-weight:400;
  src:url('../fonts/zen-kaku-gothic-new-v18-japanese-regular.woff2') format('woff2');
}

/* zen-old-mincho-500 - japanese */
@font-face {
  font-display:swap;
  font-family:'Zen Old Mincho';
  font-style:normal;
  font-weight:500;
  src:url('../fonts/zen-old-mincho-v13-japanese-500.woff2') format('woff2');
}




/* ----------------------------------------------
 ! Animation
 ---------------------------------------------- */

.fade {
  transform: translateY(20px);
  opacity: 0;
  transition: all 0.8s ease;
}
.fade.active {
  transform: translateY(0);
  opacity: 1;
}




/* ----------------------------------------------
 ! Slider
 ---------------------------------------------- */

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list { position:relative; display:block; overflow:hidden; margin:0; padding:0; }
.slick-list:focus { outline:none; }
.slick-list.dragging { cursor:pointer; cursor:hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track { position:relative; top:0; left:0; display:block; margin-left:auto; margin-right:auto; }
.slick-track:before,
.slick-track:after { display:table; content:''; }
.slick-track:after { clear:both; }
.slick-loading .slick-track { visibility:hidden; }
.slick-slide { display:none; float:left; height:100%; min-height:1px; }
[dir='rtl'] .slick-slide { float:right; }
.slick-slide img { display:block; }
.slick-slide.slick-loading img { display:none; }
.slick-slide.dragging img { pointer-events:none; }
.slick-initialized .slick-slide { display:block; }
.slick-loading .slick-slide { visibility:hidden; }
.slick-vertical .slick-slide { display:block; height:auto; border:1px solid transparent; }
.slick-arrow.slick-hidden { display: none; }




/* ----------------------------------------------
 ! dialog
 ---------------------------------------------- */

body.dialog-open { overflow:hidden; }
dialog { opacity:0; transition:opacity 0.4s ease, display 0.4s ease allow-discrete; }
dialog[open] { opacity:1; }
dialog::backdrop { background:rgba(0,0,0,0); transition: background 0.4s ease; }
dialog[open]::backdrop { background:rgba(0,0,0,0.5); }

@starting-style { 
dialog[open] { opacity:0; }
dialog[open]::backdrop { background:rgba(0,0,0,0); }
}




/* ----------------------------------------------
 ! header
 ---------------------------------------------- */

body {}
body.clicked-nav { height:100vh; overflow:hidden; }
header {}
#header-wrap { width:100%; height:16.41vw; z-index:99998; position:relative; }
#header-txt { position:absolute; top:2.05vw; left:20.51vw; font-size:2.56vw; color:#535050; font-weight:400; letter-spacing:0.05em; z-index:99998; }
#header-logo { display:flex; align-items:center; height:16.41vw; background:#fff; padding:4.1vw 0 0 20.51vw; position:relative; z-index:99997; }
#header-logo a { display:block; width:61.54vw; text-decoration:none; }
#header-logo a img { width:100%; height:auto; }
#header-insta { position:absolute; top:5.13vw; right:5.13vw; width:8.2vw; z-index:99998; }
#header-insta a { display:block; }
#header-insta img { width:100%; height:auto; }

@media screen and (max-width:899px){
header { position:relative; }
#header-wrap { position:absolute; position:fixed; top:0; left:0; }
}
@media screen and (min-width:900px){
header {}
#header-wrap { display:flex; flex-flow:row nowrap; justify-content:space-between; align-items:center; height:10.86vw; margin:0 auto; }
#header-logo { width:31.88vw; height:auto; margin:2.17vw 0 0 1.45vw; padding:0; }
#header-logo a {}
#header-logo a:hover { opacity:0.7; transition:1s ease; }
#header-txt { display:block; top:2.61vw; left:1.45vw; font-size:0.72vw; z-index:2; }
#header-insta { top:2.03vw; left:auto; right:20px; width:2.9vw; }
#header-insta a {}
#header-insta a:hover { opacity:0.7; transition:1s ease; }
#header-insta img {}
}
@media screen and (min-width:1380px){
header {}
#header-wrap { width:1380px; height:150px; }
#header-logo { width:440px; margin:30px 0 0 20px; }
#header-logo a {}
#header-txt { top:36px; left:20px; font-size:10px; }
#header-insta { top:28px; right:auto; left:calc(50% + 650px); width:40px; }
#header-insta a {}
#header-insta img {}
}




#header-nav {}
#header-nav-menu { position:fixed; top:0; right:100%; width:calc(100% - 14.1vw); height:100%; background:rgba(111,109,108,1); overflow-y:scroll; margin:0 14.1vw 0 0; padding:21.54vw 0 21.79vw; transition:all 0.4s linear; z-index:99996; }
#header-nav-menu.clicked { right:0; transition:all 0.2s linear; }
#header-nav-menu:before { content:""; position:absolute; top:20.51vw; right:23.59vw; width:1.11vw; height:1.11vw; background:#BCBCBC; transform:rotate(45deg); box-shadow:2.56vw -2.56vw 0 #BCBCBC,5.13vw -5.13vw 0 #BCBCBC,7.69vw -7.69vw 0 #BCBCBC,10.25vw -10.25vw 0 #BCBCBC,12.82vw -12.82vw 0 #BCBCBC; }

@media screen and (min-width:900px){
#header-nav { width:32.6vw; margin:4.35vw 0 0; }
#header-nav-menu { position:static; width:100%; height:auto; background:none; overflow:visible; margin:0; padding:0; }
#header-nav-menu:before { display:none; }
}
@media screen and (min-width:1380px){
#header-nav { width:450px; margin:60px 0 0 0; }
#header-nav-menu {}
}




#btn-main-navi { position:absolute; position:fixed; top:0; left:0; width:15.89vw; height:16.41vw; background:#535050; border:none; text-align:center; transition:all 0.4s linear; z-index:99999; }
#btn-main-navi span { position:absolute; left:2.435vw; width:11.02vw; height:0.25vw; background:#fff; }
#btn-main-navi span:nth-child(1) { top:5.13vw; }
#btn-main-navi span:nth-child(2) { top:7.18vw; }
#btn-main-navi span:nth-child(3) { top:9.23vw; }
#btn-main-navi b { position:absolute; top:11.54vw; left:50%; width:100%; margin:0 0 0 -50%; font-size:2.56vw; color:#fff; font-weight:400; letter-spacing:0.08em; }
#btn-main-navi b i { font-style:normal; }
#btn-main-navi b i:last-child { display:none; }
.btn-hn-on {}
.btn-hn-on b { color:#fff !important; }
.btn-hn-on b i:first-child { display:none; transition:all 0.2s linear; }
.btn-hn-on b i:last-child { display:block !important; transition:all 0.2s linear; }
.btn-hn-on span:nth-child(1) { top:7.18vw !important; left:calc(50% - 5.51vw) !important; width:11.02vw !important; background:#fff !important; transform:rotate(25deg); transition:all 0.2s linear; }
.btn-hn-on span:nth-child(2) { display:none; }
.btn-hn-on span:nth-child(3) { top:7.18vw !important; left:calc(50% - 5.51vw) !important; width:11.02vw !important; background:#fff !important; transform:rotate(-25deg); transition:all 0.2s linear; }

@media screen and (min-width:900px){
#btn-main-navi { display:none; }
}
@media screen and (min-width:1380px){
#btn-main-navi {}
}




.clicked-nav { position:relative; }
.clicked-nav:after { content:""; position:fixed; top:0; left:0; width:100%; height:100vh; background:rgba(0,0,0,0.4); z-index:99995; }
.clicked-nav #header-wrap { background:none; }




#header-nav-ul { border-top:1px #3E3E3E solid; padding:0 0 7.69vw; }
#header-nav-ul > li { border-bottom:1px #3E3E3E solid; list-style:none; position:relative; }
#header-nav-ul > li > a,
#header-nav-ul > li > mark { display:flex; align-items:center; height:13.84vw; line-height:1.8; background:#535050; padding:0 12.82vw 0 9.74vw; font-size:3.59vw; color:#fff; font-weight:500; text-decoration:none; position:relative; }
#header-nav-ul > li > a:before,
#header-nav-ul > li > mark:before { content:""; position:absolute; top:50%; left:4.1vw; width:2vw; height:2vw; border-top:0.6vw solid #fff; border-right:0.6vw solid #fff; transform:translateY(-50%) rotate(45deg); }

@media screen and (max-width:899px){
#header-nav-ul > li:first-of-type > a { background:#535050 url(../img/common/ico_home_01.svg) 3.33vw center/3.92vw auto no-repeat; }
#header-nav-ul > li:first-of-type > a:before,
#header-nav-ul > li:first-of-type > a:after { display:none; }
}
@media screen and (min-width:900px){
#header-nav-ul { display:flex; flex-flow:row nowrap; justify-content:space-between; border-top:none; margin:0 1.45vw 0 0; padding:0; position:relative; }
#header-nav-ul > li { border-bottom:none; position:relative; }
#header-nav-ul > li > a, 
#header-nav-ul > li > mark { height:3.62vw; background:linear-gradient(#fff, #fff); background-repeat: no-repeat; background-position:bottom right; background-size:0 0.14vw; transition:background-size 0.3s;  padding:0 0.29vw; font-size:1.01vw; color:#384658; font-weight:600; position:relative; }
#header-nav-ul > li > a:before { display:none; }
#header-nav-ul > li > a:after { display:none; }
#header-nav-ul > li.dn-annai > mark { padding:0 1.45vw 0 0.29vw; }
#header-nav-ul > li.dn-annai > mark:after { content:""; position:absolute; top:calc(50% - 0.36vw); right:0; width:0; height:0; border-style:solid; border-width:0.72vw 0.43vw 0 0.43vw; border-color:#0B9B94 transparent transparent transparent; }
#header-nav-ul > li > a:hover, 
#header-nav-ul > li > mark:hover { background-position:bottom left; background-size:100% 0.14vw; color:#2971A9; transition:1s ease; cursor:pointer; }
#header-nav-ul > li > a:hover::before, 
#header-nav-ul > li > mark:hover::before { opacity:1; transition:1s ease; }
}
@media screen and (min-width:1380px){
#header-nav-ul { margin:0 20px 0 0; }
#header-nav-ul > li {}
#header-nav-ul > li > a, 
#header-nav-ul > li > mark { height:50px; background-size:0 2px; padding:0 4px; font-size:14px; }
#header-nav-ul > li > a:before {}
#header-nav-ul > li > a:after {}
#header-nav-ul > li.dn-annai > mark { padding:0 20px 0 4px; }
#header-nav-ul > li.dn-annai > mark:after { top:calc(50% - 5px); right:0; border-width:10px 6px 0 6px; }
#header-nav-ul > li > a:hover, 
#header-nav-ul > li > mark:hover { background-size:100% 2px; }
}




.header-ul-sub {}
.header-ul-sub > li { width:100%; border-bottom:1px #D9D9D9 solid; list-style:none; position:relative; }
.header-ul-sub > li > a { display:flex; align-items:center; height:13.84vw; line-height:1.8; padding:0 4.1vw 0 14.35vw; background:#E5E5E5; font-size:3.59vw; color:#535050; font-weight:500; text-decoration:none; position:relative; }
.header-ul-sub > li > a:before { content:""; position:absolute; top:50%; left:9.23vw; width:2vw; height:2vw; border-top:0.6vw solid #535050; border-right:0.6vw solid #535050; transform:translateY(-50%) rotate(45deg); }

@media screen and (max-width:899px){
.header-ul-sub { max-height:0; overflow:hidden; transition:max-height .3s ease; }
.header-ul-sub-on { max-height:200svh; }
.btn-hd-sub-open { position:absolute; top:0; right:0; width:100%; height:14.35vw; }
.btn-hd-sub-open:before { content:""; position:absolute; top:50%; right:4.1vw; width:4.1vw; height:0.51vw; background:#fff; }
.btn-hd-sub-open:after { content:""; position:absolute; top:50%; right:4.1vw; width:4.1vw; height:0.51vw; background:#fff; transform:rotate(90deg); }
.btn-hs-on:after { display:none; transition:all 0.2s linear; }
}
@media screen and (min-width:900px){ 
.btn-hd-sub-open { display:none; }
.btn-hs-on:after {}
.header-ul-sub { opacity:0; max-height:0; overflow:hidden; pointer-events:none; transition:max-height .25s ease, opacity .25s ease; display:flex; flex-flow:row wrap; position:absolute; top:3.62vw; right:0; width:36.95vw; background:rgba(248,248,248,0.95); border:1px #D9D9D9 solid; z-index:99999; }
.dn-annai:last-of-type .header-ul-sub { left:auto; right:0; }
.header-ul-sub-on { opacity:1; max-height:100svh; pointer-events:auto; }
.header-ul-sub > li { width:calc(100% / 2); border-bottom:1px #D9D9D9 solid; }
.header-ul-sub > li:nth-child(odd) { border-right:1px #D9D9D9 solid; }
.header-ul-sub > li > a { height:3.62vw; background:none; padding:0 0 0 1.09vw; font-size:0.94vw; color:#535050; font-weight:500; position:relative; }
.header-ul-sub > li > a:before { top:calc(50% - 0.29vw); left:0; border-width:0.29vw 0 0.29vw 0.43vw; border-color:transparent transparent transparent #535050; }
.header-ul-sub > li > a:hover { text-decoration:underline; transition:1s ease; }
}
@media screen and (min-width:1380px){
.btn-hd-sub-open {}
.btn-hs-on:after {}
.header-ul-sub { top:50px; width:510px; }
.dn-annai:last-of-type .header-ul-sub {}
.header-ul-sub-on {}
.header-ul-sub > li {}
.header-ul-sub > li > a { height:50px; padding:0 0 0 15px; font-size:13px; }
.header-ul-sub > li > a:before { top:calc(50% - 4px); left:0; border-width:4px 0 4px 6px; }
}




#btn-head-insta { margin:0 5.13vw 5.13vw; }
#btn-head-insta a { display:flex; align-items:center; font-size:4.1vw; color:#fff; text-decoration:none; position:relative; }
#btn-head-insta a:before { content:""; position:absolute; top:0; left:0; width:14.35vw; height:14.35vw; background:#fff; border-radius:50%; z-index:-1; }
#btn-head-insta a img { width:14.35vw; height:auto; margin:0 3.59vw 0 0; padding:3.07vw; }

@media screen and (min-width:900px){
#btn-head-insta { display:none; }
#header-nav-menu .medical-hour-box,
#header-nav-menu .common-bnr,
#header-nav-menu .btn-directions-to-clinic { display:none; }
}
@media screen and (min-width:1380px){

}




.common-bnr { display:flex; flex-flow:row nowrap; justify-content:space-between; margin:0 0 2.05vw; }
#header-nav-menu .common-bnr { padding:0 5.13vw; }
.common-bnr li { width:48%; border:1px #BCBCBC solid; border-radius:2.05vw; list-style:none; }
.common-bnr li a { display:flex; justify-content:center; align-items:center; height:14.35vw; padding:0 0 0 5.13vw; font-size:4.1vw; color:#fff; text-decoration:none; }
.common-bnr li:first-of-type a { background:url(../img/common/ico_reservation.svg) 6.15vw center/3.23vw auto no-repeat; }
.common-bnr li:last-of-type a { background:url(../img/common/ico_tel_01.svg) 3.07vw center/3.68vw auto no-repeat; }
.btn-directions-to-clinic {}
#header-nav-menu .btn-directions-to-clinic { margin:0 5.13vw 7.69vw; }
.btn-directions-to-clinic a { display:flex; justify-content:center; align-items:center; height:14.35vw; background:#F8F8F8 url(../img/common/ico_gmap_01.svg) 12.82vw center/4.82vw auto no-repeat; border-radius:2.05vw; padding:0 0 0 7.69vw; font-size:3.59vw; color:#535050; font-weight:400; letter-spacing:0.03em; text-decoration:none; }

@media screen and (min-width:900px){
.common-bnr { margin:0 0 0.58vw; }
.common-bnr li { width:49%; border-radius:0.58vw; }
.common-bnr li a { height:4.05vw; padding:0 0 0 1.74vw; font-size:1.16vw; }
.common-bnr li:first-of-type a { background:url(../img/common/ico_reservation.svg) 5.8vw center/0.94vw auto no-repeat; }
.common-bnr li:last-of-type a { background:url(../img/common/ico_tel_01.svg) 4.71vw center/1.01vw auto no-repeat; }
.common-bnr li a:hover { opacity:0.7; transition:1s ease; }
.btn-directions-to-clinic {}
.btn-directions-to-clinic a { height:4.05vw; background:#F8F8F8 url(../img/common/ico_gmap_01.svg) 11.59vw center/1.37vw auto no-repeat; border-radius:0.58vw; padding:0 0 0 2.61vw; font-size:1.01vw; }
.btn-directions-to-clinic a:hover { opacity:0.7; transition:1s ease; }
}
@media screen and (min-width:1380px){
.common-bnr { margin:0 0 8px; }
.common-bnr li { border-radius:8px; }
.common-bnr li a { height:56px; padding:0 0 0 24px; font-size:16px; }
.common-bnr li:first-of-type a { background:url(../img/common/ico_reservation.svg) 80px center/13px auto no-repeat; }
.common-bnr li:last-of-type a { background:url(../img/common/ico_tel_01.svg) 65px center/14px auto no-repeat; }
.btn-directions-to-clinic {}
.btn-directions-to-clinic a { height:56px; background:#F8F8F8 url(../img/common/ico_gmap_01.svg) 160px center/19px auto no-repeat; border-radius:8px; padding:0 0 0 36px; font-size:14px; }
}




#bottom-nav { position:absolute; position:fixed; bottom:0; left:0; width:100%; z-index:99996; }
#bottom-nav ul { display:flex; flex-flow:row nowrap; }
#bottom-nav li { width:calc(100% / 4); list-style:none; }
#bottom-nav li:not(:last-child) { border-right:1px #0A7578 solid; }
#bottom-nav li a { display:flex; flex-flow:column nowrap; justify-content:center; align-items:center; height:20.51vw; padding:10.25vw 0 0; font-size:3.07vw; font-weight:400; letter-spacing:0.08em; text-decoration:none; }
#bottom-nav li:nth-child(1) a { background:#0B8286 url(../img/common/ico_menu.svg) center 4.61vw/auto 6.66vw no-repeat; color:#fff; }
#bottom-nav li:nth-child(2) a { background:#0B8286 url(../img/common/ico_ortho.svg) center 4.61vw/auto 6.66vw no-repeat; color:#fff; }
#bottom-nav li:nth-child(3) a { background:#0B8286 url(../img/common/ico_tel_01.svg) center 4.61vw/auto 6.66vw no-repeat; color:#fff; }
#bottom-nav li:nth-child(3) span { display:block; }
#bottom-nav li:nth-child(3) em { display:none; }
#bottom-nav li:nth-child(4) a { background:#0B8286 url(../img/common/ico_reservation.svg) center 4.61vw/auto 6.66vw no-repeat; color:#fff; }
#open-chatbot { position:fixed; bottom:20.51vw; left:0; display:flex; justify-content:center; align-items:center; width:100%; height:10.25vw; background:#535050 url(../img/common/ico_ai.svg) 30vw center/5.13vw auto no-repeat; border:none; font-size:3.33vw; color:#fff; z-index:99996; }

@media screen and (max-width:899px){
#open-chatbot { box-shadow:1px 0px 1px 0px #fff; }
}
@media screen and (min-width:900px){
#bottom-nav { position:static; width:auto; }
#bottom-nav ul { display:block; }
#bottom-nav li { width:auto; }
#bottom-nav li:nth-child(1),
#bottom-nav li:nth-child(2) { display:none; }
#bottom-nav li:nth-child(3) { position:absolute; top:2.17vw; left:auto; right:5.07vw; width:23.91vw; height:auto; border-right:none; }
#bottom-nav li:nth-child(4) { position:fixed; top:31.15vw; right:0; width:3.62vw; height:17.39vw; border-right:none; z-index:99998; }
#bottom-nav li a { width:100%; height:100%; padding:0; }
#bottom-nav li:nth-child(3) a { background:url(../img/common/ico_tel_02.svg) 0 center/1.74vw auto no-repeat; padding:0 0 0 1.74vw; pointer-events:none; }
#bottom-nav li:nth-child(3) span { display:none; }
#bottom-nav li:nth-child(3) em { display:block; font-size:2.82vw; color:#6F6D6C; font-weight:400; font-style:normal; }
#bottom-nav li:nth-child(4) a { background:#0B8286 url(../img/common/ico_reservation.svg) center 3.98vw/1.16vw auto no-repeat; padding:2.9vw 0 0; font-size:1.16vw; letter-spacing:0.1em; writing-mode:vertical-rl; }
#bottom-nav li a:hover { opacity:0.7; transition:1s ease; }
#open-chatbot { bottom:auto; top:13.04vw; left:auto; right:0; width:3.62vw; height:17.39vw; background:#535050 url(../img/common/ico_ai.svg) center 3.62vw/1.16vw auto no-repeat; padding:2.9vw 0 0; font-size:1.16vw; letter-spacing:0.1em; writing-mode:vertical-rl; z-index:99998; }
#open-chatbot:hover { opacity:0.7; transition:1s ease; cursor:pointer; }
}
@media screen and (min-width:1380px){
#bottom-nav {}
#bottom-nav ul {}
#bottom-nav li {}
#bottom-nav li:nth-child(1),
#bottom-nav li:nth-child(2) {}
#bottom-nav li:nth-child(3) { top:30px; right:auto; left:calc(50% + 300px); width:330px; }
#bottom-nav li:nth-child(4) { top:430px; right:0; width:50px; height:240px; }
#bottom-nav li a {}
#bottom-nav li:nth-child(3) a { background:url(../img/common/ico_tel_02.svg) 0 center/24px auto no-repeat; padding:0 0 0 24px; font-size:39px; letter-spacing:0.04em; }
#bottom-nav li:nth-child(3) span {}
#bottom-nav li:nth-child(3) em { display:block; font-size:39px; color:#6F6D6C; font-weight:400; font-style:normal; }
#bottom-nav li:nth-child(4) a { background:#0B8286 url(../img/common/ico_reservation.svg) center 55px/16px auto no-repeat; padding:40px 0 0; font-size:16px; }
#open-chatbot { top:180px; width:50px; height:240px; background:#535050 url(../img/common/ico_ai.svg) center 50px/16px auto no-repeat; padding:40px 0 0; font-size:16px; }
}




@media screen and (max-width:899px) {
html #wpadminbar { position:fixed; }
body.admin-bar {}
body.admin-bar #header-wrap { top:46px; }
body.admin-bar #btn-main-navi { top:46px; }
body.admin-bar #header-nav-menu { top:46px; }
}
@media screen and (min-width:900px) {
body.admin-bar {}
body.admin-bar #bottom-nav { margin-top:32px; }
body.admin-bar #header-nav-menu { top:32px; }
body.admin-bar #bottom-nav li:nth-child(3) { top:62px; }
}
@media screen and (min-width:1380px) {

}




/* ----------------------------------------------
 ! footer
 ---------------------------------------------- */

footer { background:#6F6D6C; padding:7.69vw 0 20.51vw; color:#fff; }
#footer-wrap {}

@media screen and (min-width:900px){
footer { padding:3.62vw 0 0; }
#footer-wrap { display:flex; flex-flow:row nowrap; justify-content:space-between; width:86.95vw; margin:0 auto 3.62vw; position:relative; }
}
@media screen and (min-width:1380px){
footer { padding:50px 0 0; }
#footer-wrap { width:1200px; margin:0 auto 50px; }
}




#footer-info { padding:0 5.13vw; }
#footer-logo { padding:0 0 5.13vw; }
#footer-logo img { width:100%; height:auto; }
#footer-ad { line-height:1.8; padding:0 0 5.13vw; font-size:3.33vw; font-weight:400; }
#footer-box { padding:0 5.13vw 7.69vw; }

@media screen and (min-width:900px){
#footer-info { width:43.47vw; padding:0; }
#footer-logo { width:28.98vw; padding:0 0 2.53vw; }
#footer-logo img {}
#footer-ad { position:absolute; top:0; right:0; width:38.4vw; padding:0; font-size:1.09vw; }
#footer-box { width:38.4vw; padding:8.69vw 0 0; }
}
@media screen and (min-width:1380px){
#footer-info { width:600px; }
#footer-logo { width:400px; padding:0 0 35px; }
#footer-logo img {}
#footer-ad { width:530px; font-size:15px; }
#footer-box { width:530px; padding:120px 0 0; }
}




#footer-nav { background:#535050; }
#footer-nav-ul {}
#footer-nav-ul > li { border-bottom:1px #3E3E3E solid; list-style:none; position:relative; }
#footer-nav-ul > li > a,
#footer-nav-ul > li > mark { display:flex; align-items:center; height:14.1vw; line-height:1.8; background:#535050; padding:0 14.1vw 0 9.74vw; font-size:3.85vw; color:#fff; font-weight:500; text-decoration:none; position:relative; }
#footer-nav-ul > li > a:before,
#footer-nav-ul > li > mark:before { content:""; position:absolute; top:50%; left:4.1vw; width:2vw; height:2vw; border-top:0.6vw solid #fff; border-right:0.6vw solid #fff; transform:translateY(-50%) rotate(45deg); }
.btn-ft-sub-open { position:absolute; top:0; right:0; width:100%; height:12.82vw; }
.btn-ft-sub-open:before { content:""; position:absolute; top:50%; right:4.1vw; width:4.1vw; height:0.51vw; background:#fff; }
.btn-ft-sub-open:after { content:""; position:absolute; top:50%; right:4.1vw; width:4.1vw; height:0.51vw; background:#fff; transform:rotate(90deg); }
.btn-fs-on:after { display:none; transition:all 0.2s linear; }
.footer-ul-sub {}
.footer-ul-sub > li { width:100%; border-bottom:1px #D9D9D9 solid; list-style:none; position:relative; }
.footer-ul-sub > li > a { display:flex; align-items:center; height:13.84vw; line-height:1.8; padding:0 4.1vw 0 14.35vw; background:#E5E5E5; font-size:3.85vw; color:#384658; font-weight:500; text-decoration:none; position:relative; }
.footer-ul-sub > li > a:before { content:""; position:absolute; top:50%; left:9.23vw; width:2vw; height:2vw; border-top:0.6vw solid #535050; border-right:0.6vw solid #535050; transform:translateY(-50%) rotate(45deg); }

@media screen and (max-width:899px){
#footer-nav-ul > li:first-of-type > a { background:#535050 url(../img/common/ico_home_01.svg) 3.85vw center/3.92vw auto no-repeat; }
#footer-nav-ul > li:first-of-type > a:before { display:none; }
.footer-ul-sub { max-height:0; overflow:hidden; transition:max-height .3s ease; }
.footer-ul-sub-on { max-height:200svh; }
}
@media screen and (min-width:900px){
#footer-nav { background:#525050; padding:3.62vw 0; }
#footer-nav-ul { display:flex; flex-flow:row nowrap; width:86.95vw; margin:0 auto; padding:2.53vw 0 0; }
#footer-nav-ul > li { border-bottom:none; }
#footer-nav-ul > li:first-of-type { position:absolute; top:0; left:0; }
#footer-nav-ul > li:nth-of-type(2) { width:34.78vw; }
#footer-nav-ul > li:nth-of-type(3) { width:30.79vw; }
#footer-nav-ul > li:nth-of-type(4) { width:21.37vw; }
#footer-nav-ul > .dn-annai { position:relative; }
#footer-nav-ul > .dn-annai mark { display:none; }
#footer-nav-ul > li > a,
#footer-nav-ul > li > mark { height:auto; background:none; padding:0 0 0 1.45vw; font-size:1.01vw; }
#footer-nav-ul > li > a:before,
#footer-nav-ul > li > mark:before { top:0.87vw; left:0; width:0.58vw; height:0.58vw; border-top:0.14vw solid #fff; border-right:0.14vw solid #fff; }
#footer-nav-ul > li:first-of-type > a { background:url(../img/common/ico_home_01.svg) 0 center/1.09vw auto no-repeat; }
#footer-nav-ul > li:first-of-type > a:before { display:none; }
#footer-nav-ul > li > a:hover { text-decoration:underline; transition:1s ease; }
.btn-ft-sub-open { display:none; }
.footer-ul-sub { padding:2.53vw 0 0; }
#footer-nav-ul > li:nth-of-type(2) .footer-ul-sub,
#footer-nav-ul > li:nth-of-type(3) .footer-ul-sub { display:flex; flex-flow:row wrap; width:30.79vw; }
.footer-ul-sub > li { border-bottom:none; margin:0 0 0.72vw; }
#footer-nav-ul > li:nth-of-type(2) .footer-ul-sub li,
#footer-nav-ul > li:nth-of-type(3) .footer-ul-sub li { width:calc(100% / 2); }
.footer-ul-sub > li:first-of-type { position:absolute; top:0; left:-1.16vw; }
.footer-ul-sub > li > a { height:auto; background:none; padding:0 0 0 2.61vw; font-size:1.01vw; color:#fff; }
.footer-ul-sub > li > a:before { top:0.87vw; left:1.16vw; width:0.58vw; height:0.58vw; border-top:0.14vw solid #fff; border-right:0.14vw solid #fff; }
.footer-ul-sub > li > a:hover { text-decoration:underline; transition:1s ease; }
}
@media screen and (min-width:1380px){
#footer-nav { padding:50px 0; }
#footer-nav-ul { width:1200px; padding:35px 0 0; }
#footer-nav-ul > li {}
#footer-nav-ul > li:first-of-type {}
#footer-nav-ul > li:nth-of-type(2) { width:480px; }
#footer-nav-ul > li:nth-of-type(3) { width:425px; }
#footer-nav-ul > li:nth-of-type(4) { width:295px; }
#footer-nav-ul > .dn-annai {}
#footer-nav-ul > .dn-annai mark {}
#footer-nav-ul > li > a,
#footer-nav-ul > li > mark { padding:0 0 0 20px; font-size:14px; }
#footer-nav-ul > li > a:before,
#footer-nav-ul > li > mark:before { top:12px; width:8px; height:8px; border-top:2px solid #fff; border-right:2px solid #fff; }
#footer-nav-ul > li:first-of-type > a { background:url(../img/common/ico_home_01.svg) 0 center/15px auto no-repeat; }
#footer-nav-ul > li:first-of-type > a:before {}
.btn-ft-sub-open {}
.footer-ul-sub { padding:35px 0 0; }
#footer-nav-ul > li:nth-of-type(2) .footer-ul-sub,
#footer-nav-ul > li:nth-of-type(3) .footer-ul-sub { width:425px; }
.footer-ul-sub > li { border-bottom:none; margin:0 0 10px; }
#footer-nav-ul > li:nth-of-type(2) .footer-ul-sub li,
#footer-nav-ul > li:nth-of-type(3) .footer-ul-sub li {}
.footer-ul-sub > li:first-of-type { left:-16px; }
.footer-ul-sub > li > a { padding:0 0 0 36px; font-size:14px; }
.footer-ul-sub > li > a:before { top:12px; left:16px; width:8px; height:8px; border-top:2px solid #fff; border-right:2px solid #fff; }
}




#footer-copy { background:#535050; text-align:center; padding:7.69vw 0 5.13vw; font-size:3.07vw; color:#fff; }
#footer-copy a { color:#fff; }

@media screen and (min-width:900px){
#footer-copy { padding:2.17vw 0; font-size:1.01vw; }
#footer-copy a {}
#footer-copy a:hover { text-decoration: none; }
}
@media screen and (min-width:1380px){
#footer-copy { padding:30px 0; font-size:14px; }
#footer-copy a {}
}




/* ----------------------------------------------
 ! scroll-top
 ---------------------------------------------- */

#scroll-top { position:absolute; position:fixed; bottom:35.89vw; right:4.1vw; width:12.3vw; z-index:99997; }
#scroll-top a { display:block; }
#scroll-top img { width:100%; height:auto; }

@media screen and (min-width:900px){
#scroll-top { bottom:1.45vw; right:1.45vw; width:3.98vw; }
#scroll-top a {}
#scroll-top a:hover { opacity:0.7; transition:all 1s; }
}
@media screen and (min-width:1380px){
#scroll-top { bottom:20px; right:20px; width:55px; }
#scroll-top a {}
}





/* ----------------------------------------------
 ! common
 ---------------------------------------------- */

#content {}
main {}
#main-wrap {}

@media screen and (max-width:899px){
main { overflow:hidden; }
}
@media screen and (min-width:900px){
#content {}
main {}
#main-wrap {}
#home #main-wrap {}
}
@media screen and (min-width:1380px){
#content {}
main {}
#main-wrap {}
#home #main-wrap {}
}




.txt-basic p { line-height:1.8; font-size:3.59vw; }
.txt-basic p:not(:last-child) { padding:0 0 4.1vw; }
.txt-basic mark { display:inline; background:linear-gradient(transparent 70%, #F9FBBF 0%); font-weight:600; }
.txt-c { text-align:center !important; margin:0 auto; }
.indent01 { padding-left:1rem !important; text-indent:-1rem; }
.ls01 { letter-spacing:1em !important; margin-right:-1em !important; }

@media screen and (min-width:900px){
.txt-basic p { font-size:1.01vw; }
.txt-basic p:not(:last-child) { padding:0 0 1.16vw; }
.txt-basic mark {}
}
@media screen and (min-width:1380px){
.txt-basic p { font-size:14px; }
.txt-basic p:not(:last-child) { padding:0 0 16px; }
.txt-basic mark {}
}




.btn-more { width:71.79vw; margin:0 auto; position:relative; }
.btn-more a { display:flex; justify-content:center; align-items:center; height:14.35vw; line-height:1.25; background:#0B8286; border-radius:2.05vw; padding:0 3.07vw; font-size:3.59vw; color:#fff; font-weight:500; letter-spacing:0.04em; text-decoration:none; position:relative; }
.btn-more a:before { content:""; position:absolute; bottom:2.56vw; right:16vw; width:1.11vw; height:1.11vw; background:#fff; transform:rotate(45deg); box-shadow:1.54vw -1.54vw 0 #fff,3.07vw -3.07vw 0 #fff,4.61vw -4.61vw 0 #fff,6.15vw -6.15vw 0 #fff,7.69vw -7.69vw 0 #fff,9.23vw -9.23vw 0 #fff; }

@media screen and (min-width:900px){
.btn-more { width:20.28vw; }
.btn-more a { height:4.05vw; border-radius:0.58vw; padding:0 0.87vw; font-size:1.01vw; }
.btn-more a:before { bottom:0.72vw; right:5.8vw; width:0.36vw; height:0.36vw; box-shadow:0.58vw -0.58vw 0 #fff,1.16vw -1.16vw 0 #fff,1.74vw -1.74vw 0 #fff,2.31vw -2.31vw 0 #fff,2.9vw -2.9vw 0 #fff,3.47vw -3.47vw 0 #fff; }
.btn-more a:hover { opacity:0.7; transition:0.6s ease; }
}
@media screen and (min-width:1380px){
.btn-more { width:280px; }
.btn-more a { height:56px; border-radius:8px; padding:0 12px; font-size:14px; }
.btn-more a:before { bottom:10px; right:80px; width:5px; height:5px; box-shadow:8px -8px 0 #fff,16px -16px 0 #fff,24px -24px 0 #fff,32px -32px 0 #fff,40px -40px 0 #fff,48px -48px 0 #fff; }
}




.btn-more2 { width:61.54vw; margin:0 auto; position:relative; }
.btn-more2 a { display:flex; justify-content:center; align-items:center; height:14.35vw; line-height:1.25; background:#fff; border:1px #3E6FAE solid; border-radius:14.35vw; font-size:3.85vw; color:#3E6FAE; font-weight:400; letter-spacing:0.14vw; text-decoration:none; position:relative; }
.btn-more2 a:before { content:""; position:absolute; top:calc(50% - 1.055vw); right:4.1vw; width:2.31vw; height:0.51vw; background:#3E6FAE; transform:rotate(45deg); }
.btn-more2 a:after { content:""; position:absolute; bottom:calc(50% - 1.055vw); right:4.1vw; width:2.31vw; height:0.51vw; background:#3E6FAE; transform:rotate(-45deg); }

@media screen and (min-width:900px){
.btn-more2 { width:23.91vw; margin:0 auto; }
.btn-more2 a { height:3.76vw; padding:0 1.45vw 0 0; font-size:1.09vw; letter-spacing:0; }
.btn-more2 a:before { top:1.66vw; right:1.16vw; width:0.65vw; height:0.14vw; }
.btn-more2 a:after { top:2.1vw; right:1.16vw; width:0.65vw; height:0.14vw; }
.btn-more2 a:hover { opacity:0.7; transition:0.6s ease; }
}
@media screen and (min-width:1380px){
.btn-more2 { width:330px; }
.btn-more2 a { height:52px; padding:0 20px 0 0; font-size:15px; }
.btn-more2 a:before { top:23px; right:16px; width:9px; height:2px; }
.btn-more2 a:after { top:29px; right:16px; width:9px; height:2px; }
}




.btn-2pane { }
.btn-2pane li { width:100%; list-style:none; }

@media screen and (max-width:899px){
.btn-2pane li:not(:last-child) { margin-bottom:4.1vw; }
}
@media screen and (min-width:900px){
.btn-2pane { display:flex; flex-flow;row nowrap; justify-content:space-between; width:880px; margin:0 auto; }
.btn-2pane li { width:45%; }
}
@media screen and (min-width:1380px){
.btn-2pane { display:flex; flex-flow;row nowrap; }
.btn-2pane li {}
}




.mb0 { margin-bottom:0 !important; }
.mb10 { margin-bottom:2.56vw !important; }
.mb20 { margin-bottom:5.13vw !important; }
.mb30 { margin-bottom:7.69vw !important; }
.mb40 { margin-bottom:10.3vw !important; }
.mb50 { margin-bottom:12.8vw !important; }
.mb60 { margin-bottom:15.4vw !important; }
@media screen and (min-width:900px){
.mb0 { margin-bottom:0 !important; }
.mb10 { margin-bottom:0.72vw !important; }
.mb20 { margin-bottom:1.45vw !important; }
.mb30 { margin-bottom:2.17vw !important; }
.mb40 { margin-bottom:2.9vw !important; }
.mb50 { margin-bottom:3.62vw !important; }
.mb60 { margin-bottom:4.34vw !important; }
}
@media screen and (min-width:1380px){
.mb0 { margin-bottom:0 !important; }
.mb10 { margin-bottom:10px !important; }
.mb20 { margin-bottom:20px !important; }
.mb30 { margin-bottom:30px !important; }
.mb40 { margin-bottom:40px !important; }
.mb50 { margin-bottom:50px !important; }
.mb60 { margin-bottom:60px !important; }
}

.pb0 { padding-bottom:0 !important; }
.pb10 { padding-bottom:2.56vw !important; }
.pb20 { padding-bottom:5.13vw !important; }
.pb30 { padding-bottom:7.69vw !important; }
.pb40 { padding-bottom:10.3vw !important; }
.pb50 { padding-bottom:12.8vw !important; }
.pb60 { padding-bottom:15.4vw !important; }
@media screen and (min-width:900px){
.pb0 { padding-bottom:0 !important; }
.pb10 { padding-bottom:0.72vw !important; }
.pb20 { padding-bottom:1.45vw !important; }
.pb30 { padding-bottom:2.17vw !important; }
.pb40 { padding-bottom:2.9vw !important; }
.pb50 { padding-bottom:3.62vw !important; }
.pb60 { padding-bottom:4.34vw !important; }
}
@media screen and (min-width:1380px){
.pb0 { padding-bottom:0 !important; }
.pb10 { padding-bottom:10px !important; }
.pb20 { padding-bottom:20px !important; }
.pb30 { padding-bottom:30px !important; }
.pb40 { padding-bottom:40px !important; }
.pb50 { padding-bottom:50px !important; }
.pb60 { padding-bottom:60px !important; }
}

.w100 { width:100% !important; }




/* ----------------------------------------------
 ! twentytwenty
 ---------------------------------------------- */

.twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after, .twentytwenty-vertical .twentytwenty-handle:before, .twentytwenty-vertical .twentytwenty-handle:after {
  content: " ";
  display: block;
  background: white;
  position: absolute;
  z-index: 30;
  -webkit-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
  -moz-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
  box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5); }

.twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after {
  width: 3px;
  height: 9999px;
  left: 50%;
  margin-left: -1.5px; }

.twentytwenty-vertical .twentytwenty-handle:before, .twentytwenty-vertical .twentytwenty-handle:after {
  width: 9999px;
  height: 3px;
  top: 50%;
  margin-top: -1.5px; }

.twentytwenty-before-label, .twentytwenty-after-label, .twentytwenty-overlay {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%; }

.twentytwenty-before-label, .twentytwenty-after-label, .twentytwenty-overlay {
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  transition-duration: 0.5s; }

.twentytwenty-before-label, .twentytwenty-after-label {
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  transition-property: opacity; }

.twentytwenty-before-label:before, .twentytwenty-after-label:before {
  color: white;
  font-size: 13px;
  letter-spacing: 0.1em; }

.twentytwenty-before-label:before, .twentytwenty-after-label:before {
  position: absolute;
  background: rgba(255, 255, 255, 0.2);
  line-height: 38px;
  padding: 0 20px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px; }

.twentytwenty-horizontal .twentytwenty-before-label:before, .twentytwenty-horizontal .twentytwenty-after-label:before {
  top: 50%;
  margin-top: -19px; }

.twentytwenty-vertical .twentytwenty-before-label:before, .twentytwenty-vertical .twentytwenty-after-label:before {
  left: 50%;
  margin-left: -45px;
  text-align: center;
  width: 90px; }

.twentytwenty-left-arrow, .twentytwenty-right-arrow, .twentytwenty-up-arrow, .twentytwenty-down-arrow {
  width: 0;
  height: 0;
  border: 6px inset transparent;
  position: absolute; }

.twentytwenty-left-arrow, .twentytwenty-right-arrow {
  top: 50%;
  margin-top: -6px; }

.twentytwenty-up-arrow, .twentytwenty-down-arrow {
  left: 50%;
  margin-left: -6px; }

.twentytwenty-container {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  z-index: 0;
  overflow: hidden;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none; }
  .twentytwenty-container img {
    max-width: 100%;
    position: absolute;
    top: 0;
    display: block; }
  .twentytwenty-container.active .twentytwenty-overlay, .twentytwenty-container.active :hover.twentytwenty-overlay {
    background: rgba(0, 0, 0, 0); }
    .twentytwenty-container.active .twentytwenty-overlay .twentytwenty-before-label,
    .twentytwenty-container.active .twentytwenty-overlay .twentytwenty-after-label, .twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-before-label,
    .twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-after-label {
      opacity: 0; }
  .twentytwenty-container * {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box; }

.twentytwenty-before-label {
  opacity: 0; }
  .twentytwenty-before-label:before {
    content: attr(data-content); }

.twentytwenty-after-label {
  opacity: 0; }
  .twentytwenty-after-label:before {
    content: attr(data-content); }

.twentytwenty-horizontal .twentytwenty-before-label:before {
  left: 10px; }

.twentytwenty-horizontal .twentytwenty-after-label:before {
  right: 10px; }

.twentytwenty-vertical .twentytwenty-before-label:before {
  top: 10px; }

.twentytwenty-vertical .twentytwenty-after-label:before {
  bottom: 10px; }

.twentytwenty-overlay {
  -webkit-transition-property: background;
  -moz-transition-property: background;
  transition-property: background;
  background: rgba(0, 0, 0, 0);
  z-index: 25; }
  .twentytwenty-overlay:hover {
    background: rgba(0, 0, 0, 0.5); }
    .twentytwenty-overlay:hover .twentytwenty-after-label {
      opacity: 1; }
    .twentytwenty-overlay:hover .twentytwenty-before-label {
      opacity: 1; }

.twentytwenty-before {
  z-index: 20; }

.twentytwenty-after {
  z-index: 10; }

.twentytwenty-handle {
  height: 38px;
  width: 38px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -22px;
  margin-top: -22px;
  border: 3px solid white;
  -webkit-border-radius: 1000px;
  -moz-border-radius: 1000px;
  border-radius: 1000px;
  -webkit-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
  -moz-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
  box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
  z-index: 40;
  cursor: pointer; }

.twentytwenty-horizontal .twentytwenty-handle:before {
  bottom: 50%;
  margin-bottom: 22px;
  -webkit-box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  -moz-box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); }
.twentytwenty-horizontal .twentytwenty-handle:after {
  top: 50%;
  margin-top: 22px;
  -webkit-box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  -moz-box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); }

.twentytwenty-vertical .twentytwenty-handle:before {
  left: 50%;
  margin-left: 22px;
  -webkit-box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  -moz-box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); }
.twentytwenty-vertical .twentytwenty-handle:after {
  right: 50%;
  margin-right: 22px;
  -webkit-box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  -moz-box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); }

.twentytwenty-left-arrow {
  border-right: 6px solid white;
  left: 50%;
  margin-left: -17px; }

.twentytwenty-right-arrow {
  border-left: 6px solid white;
  right: 50%;
  margin-right: -17px; }

.twentytwenty-up-arrow {
  border-bottom: 6px solid white;
  top: 50%;
  margin-top: -17px; }

.twentytwenty-down-arrow {
  border-top: 6px solid white;
  bottom: 50%;
  margin-bottom: -17px; }




/* ----------------------------------------------
 ! clinic info
 ---------------------------------------------- */

.medical-hour-box {}
#header-nav-menu .medical-hour-box { margin:0 5.13vw; }
.medical-hour-box table { width:100%; background:#fff; border:3.07vw #fff solid; margin:0 0 3.33vw; }
.medical-hour-box thead th { text-align:center; padding:2.56vw 0; font-size:2.82vw; color:#535050; font-weight:500; }
.medical-hour-box thead th:first-of-type { width:25%; text-align:left; }
.medical-hour-box thead th:not(:first-of-type) { width:calc(75% / 8); white-space:nowrap; }
.medical-hour-box tbody th { border-top:1px #D9D9D9 solid; text-align:left; padding:2.56vw 0; font-size:2.82vw; color:#535050; font-weight:500; }
.medical-hour-box td { border-top:1px #D9D9D9 solid; text-align:center; padding:2.56vw 0; font-size:2.82vw; color:#535050; font-weight:500; }
.medical-hour-note { line-height:1.6; padding:0 0 5.13vw; font-size:2.82vw; }
#header-nav-menu .medical-hour-note { color:#fff; }
.c-green { color:#0B9B94 !important; }


@media screen and (min-width:900px){
.medical-hour-box {}
.medical-hour-box table { border:2.9vw #fff solid; border-top:0.72vw #fff solid !important; border-bottom:0.72vw #fff solid !important; margin:0 0 1.16vw; }
.medical-hour-box thead th { padding:1.45vw 0; font-size:1.16vw; }
.medical-hour-box thead th:first-of-type { width:30%; }
.medical-hour-box thead th:not(:first-of-type) { width:calc(70% / 7); }
.medical-hour-box tbody th { padding:1.45vw 0; font-size:1.16vw; }
.medical-hour-box td { padding:1.45vw 0; font-size:1.16vw; }
.medical-hour-note { padding:0 0 1.16vw; font-size:1.01vw; }
}
@media screen and (min-width:1380px){
.medical-hour-box {}
.medical-hour-box table { border:40px #fff solid; border-top:20px #fff solid !important; border-bottom:20px #fff solid !important; margin:0 0 16px; }
.medical-hour-box thead th { padding:20px 0; font-size:16px; }
.medical-hour-box thead th:first-of-type {}
.medical-hour-box thead th:not(:first-of-type) {}
.medical-hour-box tbody th { padding:20px 0; font-size:16px; }
.medical-hour-box td { padding:20px 0; font-size:16px; }
.medical-hour-note { padding:0 0 16px; font-size:12px; }
}




.access-sec-box { background:#fff; border:1px #D9D9D9 solid; margin:0 0 4.1vw; padding:5.13vw 4.1vw 0; }
.access-sec-box h3 { display:flex; justify-content:center; align-items:center; height:11.28vw; background:#F0EBD9; text-align:center; margin:0 0 5.13vw; font-size:4.61vw; color:#535050; font-weight:500; letter-spacing:0.04em; }
.access-sec-box p { line-height:1.46; padding:0 0 6.15vw; font-size:3.33vw; }
.access-sec-box h4 { line-height:1.46; padding:0 0 3.07vw; font-size:3.33vw; color:#0B8286; }
.access-sec-box ul { margin:0 0 5.13vw 5.13vw; }
.access-sec-box li { line-height:1.8; font-size:3.33vw; }

@media screen and (min-width:900px){
.access-sec-box { margin:0 0 1.16vw; padding:1.3vw 1.09vw 0; }
.access-sec-box h3 { height:3.18vw; margin:0 0 1.45vw; font-size:1.3vw; }
.access-sec-box p { padding:0 0 1.16vw; font-size:0.94vw; }
.access-sec-box h4 { padding:0 0 0.58vw; font-size:0.94vw; }
.access-sec-box ul { margin:0 0 1.16vw 1.45vw; }
.access-sec-box li { font-size:0.94vw; }
}
@media screen and (min-width:1380px){
.access-sec-box { margin:0 0 16px; padding:18px 15px 0; }
.access-sec-box h3 { height:44px; margin:0 0 20px; font-size:18px; }
.access-sec-box p { padding:0 0 16px; font-size:13px; }
.access-sec-box h4 { padding:0 0 8px; font-size:13px; }
.access-sec-box ul { margin:0 0 16px 20px; }
.access-sec-box li { font-size:13px; }
}