@charset "UTF-8";
:root{
--blk:#333333;
--ble:#00498A;
--gry:#CCCCCC;
--bg_bwn:#FEF2E2;
--font:"Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;
--line:linear-gradient(to right, var(--ble) 0%,var(--ble) 50%,var(--gry) 50%,var(--gry) 100%);
}
*{outline:none;}
html,body{position:relative;background-color:#FFF;overflow-x:hidden;font-family:var(--font);line-height:1.8;font-size:16px;font-weight:400;color:var(--blk);background-size:auto;background-position:center top;background-repeat:no-repeat;}
.serif{font-family:serif;}
.center{text-align:center;}
.right{text-align:right;}
.left{text-align:left;}

ruby > rt {font-size:0.6em;text-indent:1em;}
.fl{float:left;margin-right:1rem;}.fr{float:right;margin-left:1rem;}
.abs{position:absolute;}
*{overflow-wrap: break-word;word-wrap: break-word;}
a img{transition:all 0.3s;}
a:hover img{opacity:0.6;}


h1,h2,h3,h4,h5,h6{position:relative;box-sizing:border-box;font-weight:700;line-height:1.4;margin:0px;padding:0px;letter-spacing:0.1em;margin-bottom:1em;}
h1,h2,h3,h4{color:var(--ble);font-weight:700;display:block;}
h1{font-size:2rem;}
h2{font-size:2.125rem;text-align:center;width:92vw;max-width:1000px;margin:0px auto 1.5em;}
h3{font-size:1.875rem;letter-spacing:0;margin-bottom:0.75em;}

h2:before,
h2:after{content:'';display:block;width:10px;height:10px;position:absolute;bottom:-4px;}
h2:before{left:0px;background:var(--ble);}
h2:after{right:0px;background:var(--gry);}
h2 span{padding:0.6em 0px;position:relative;display:block;width:100%;}
h2 span:after{content:'';display:block;width:100%;height:2px;position:absolute;bottom:0px;left:0px;background: var(--line);}


ul,ol{margin:1rem 0px;padding:0px;list-style-type:none;}
ul > li{position:relative;margin:4px 0px;line-height:1.5;padding:0px;}
ul li{position:relative;line-height:1.5;text-align: justify;text-justify: inter-ideograph;}


ul.cle{margin:0px;}
ul.cle > li{padding-left:1.3em;color:var(--blk);}
ul.cle > li:before{content:'';background:none;background:var(--ble);display:block;border-radius:50%;width:0.7em;height:0.7em;position:absolute;left:0.3em;top:0.3em;}
ul.cle.gry > li:before{background:var(--gry);;border:0px;}

ul.dot > li{padding-left:1em;}
ul.dot > li+li{margin-top:10px;}
ul.dot > li:before{content:'';display:block;background:var(--blk);width:0.3rem;height:0.3rem;position:absolute;left:0.2em;top:0.65em;}

ul.caption li{padding-left:1.3em;font-size:0.875rem;}
ul.caption li:before{content:'※';font-size:1em;position:absolute;left:0.5em;top:0em;}

ol{counter-reset: num;}
ol > li{position:relative;line-height:1.7;}
ol > li:before{counter-increment: num;}
ol > li+li{margin-top:10px;}

ol.num > li{padding-left:2rem;}
ol.num > li:before{color:var(--ble);font-weight:700;display:block;content: counter(num) "." ;left:0rem;top:0;width:1.8rem;font-size:1em;position:absolute;text-align:right;}
ol.num > li em{font-weight:700;color:var(--ble);display:block;}

ol.abc > li{padding-left:2rem;}
ol.abc > li:before{display:block;content: counter(num, lower-alpha) "." ;left:0rem;top:0;width:1.8rem;font-size:1em;position:absolute;text-align:right;}

ol.rmn > li{padding-left:2rem;}
ol.rmn > li:before{display:block;content: counter(num, upper-roman) "." ;left:0rem;top:0;width:1.8rem;font-size:1em;position:absolute;text-align:right;}


a{color:inherit;text-decoration:none;transition:all 0.2s;}
a > img{transition:all 0.2s;}

p{letter-spacing:0.02em;font-size:1.125rem;}
p.lead{font-size:1.375em;line-height:2;}
p.caption{font-size:0.875rem;}
p.em,p > em{font-weight:700;}
p+p{margin-top:1em;}

small{position:relative;font-size:0.875em;letter-spacing:0.1em;font-weight:400;}
img+small{font-size:0.7em;display:block;margin:6px auto 1rem;text-align:center;}

table{border-top:1px solid var(--gry);width:100%;margin:2rem 0px;border-collapse:collapse;border-spacing:0px;/*  table-layout: fixed; */}
table th{background:#f2f2f2;padding:1em 1.5em;font-weight:normal;border-bottom:1px solid var(--gry);font-size:1.125rem;font-weight:700;}
table td{border-bottom:1px solid var(--gry);padding:1em 1.5em;text-align:left;font-size:1.125rem;}
table td+td{border-left:1px solid var(--gry);}
table+table{margin-top:4rem;}

figure{margin:1rem 0px 1rem 0px;padding:0px;}
figure img{display:block;width:100%;height:auto;object-fit:cover;margin:0;line-height:1;margin-bottom:0.5rem;}
figure figcaption{font-size:0.935rem;display:block;margin:0px;padding:0px;text-align:center;}


.btn{width:100%;transition:all 0.3s;background:var(--ble);position:relative;display:flex;height:3.2em;border:0px;box-sizing:border-box;margin:1rem auto;text-align:center;font-size:1rem;font-weight:700;color:#FFF;padding:0.4rem 2rem 0.4rem 1rem;align-items:center;justify-content:center;max-width:470px;}
.btn:after{transition:all 0.2s;content:'';display:block;line-height:1;right:0.6em;top:50%;width:0.5em;height:0.5em;border-bottom:2px solid #FFF;border-right:2px solid #FFF;position:absolute;right:1em;top:50%;margin-top:-0.3em;transform:rotate(-45deg);}
.btn:hover{box-shadow:3px 3px 3px 0px rgba(0,0,0,0.2);}
.btn:hover:after{right:0.8em;}


.col3{
    max-width: 1000px;
    margin: 70px auto 30px auto;
}


header{border-top:10px solid var(--ble);}
header > .row{padding:0.5rem 1rem;width:100%;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;}
header .sitename{line-height:1;}
header .sitename img{display:block;max-width:100%;margin:0px;}

#gmenu{padding:0px 2rem;}
#gmenu .inner{display:flex;justify-content:space-between;}
#gmenu a{display:flex;align-items:center;justify-content:space-between;padding:0.5em 2em 0.5em 1em;font-size:1.25rem;position:relative;color:var(--ble);}
#gmenu a:after{transition:all 0.3s;content:'';position:absolute;right:1em;top:50%;margin-top:-0.3em;display:block;width:0.4em;height:0.4em;border-bottom:1px solid var(--ble);border-right:1px solid var(--ble);transform:rotate(45deg);}
#gmenu a:hover:after{margin-top:-0em;}

#contents{padding-bottom:3rem;}
#main{}

section{padding:3rem 4vw;}
section > .row{width:100%;max-width:1000px;margin-left:auto;margin-right:auto;}

#mv{padding:0px;}
#mv .slider_cont .item{position:relative;display:flex;padding:3rem;width:100%;height:550px;background-size:cover;background-repeat:no-repeat;background-position:center center;}
#mv .item h1{width:1100px;text-align:left;margin:50px auto;}
#mv .item h1 img{width:auto;height:auto;display:block;max-width:1000px;}

#mv .slider_cont .slick-dots{display:flex;align-items:center;justify-content:center;}
#mv .slider_cont .slick-dots li{margin:0px;padding:0px;display:block;}
#mv .slider_cont .slick-dots li+li{margin-left:0.5em;}
#mv .slider_cont .slick-dots li button{overflow:hidden;width:15px;height:15px;border-radius:50%;text-indent:-9999px;background:var(--gry);border:0px;}
#mv .slider_cont .slick-dots li.slick-active button{background:var(--ble);}

#greeting .row .cont{background:var(--ble);color:#FFF;display:flex;align-items:center;justify-content:center;}

#facility_guide{}
#facility_guide .bg_bwn{background:var(--bg_bwn);display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding:1em;}
#facility_guide .bg_bwn img{display:block;width:auto;height:auto;max-width:100%;}
#facility_guide .btn{margin-top:2rem;}
#facility_guide figure img{max-width:80px;margin-left:auto;margin-right:auto;}

#about table{display:table!important;}


#gototop{position:fixed;;right:2vw;bottom:-4rem;transition:all 0.2s;display:block;width:3.75rem;height:3.75rem;}
#gototop.active{bottom:0px;}
#gototop img{width:100%;height:100%;display:block;}

footer{background-color:var(--ble);padding-top:2rem;position:relative;color:#FFF;}
footer > .row{width:92vw;max-width:1000px;margin:0px auto 2rem;}
footer h3{line-height:1;margin:0px 0px 0.5em;}
footer h3.imgs img{margin:0px;}
footer > .row p{line-height:1.5;}
footer .copyright{text-align:center;padding:1rem 0px 2rem;font-size:0.75rem;}
footer .bn{display:block;width:170px;background:var(--bg_bwn);padding:0.5em;}


@media screen and (min-width: 769px){

a.tel,a.fax{pointer-events:none;}

.right.imgs img{margin-right:0px;}
.left.imgs img{margin-left:0px;}

header{}

header .hm a+a{border-left:1px solid var(--bwn);}

section{3rem 0px;}

#mv .slider_cont .item.mv1{
	background:url(../images/mv_1_pc.png)center right no-repeat;
	background-size:cover;
}
@media screen and (min-width:769px) and (max-width:1250px){
#mv .slider_cont .item{
	height:30vw;
}
}
@media screen and (min-width:769px) and (max-width:1100px){
#mv .item h1{
	margin-top:0;
}
#mv .item h1 img{
	width:50%;
}
}
@media screen and (min-width:769px) and (max-width:900px){
#mv .item h1 img{
	width:47%;
}
}

dl{display:flex;justify-content:space-between;align-items:center;}
dl dt{flex-shrink:0;margin-right:1em;flex-grow:0;}
dl dd{flex-grow:1;}

#about table th{width:25%;}
#about table td{width:75%;}

footer{}
footer > .row{display:flex;align-items:flex-end;justify-content:space-between;}

}




@media screen and (max-width: 768px){

html,body{font-size:3vw;overflow-x: hidden;}


.btn{width:60vw;}

header > .row{flex-direction:column;align-items:stretch;padding:0px;}
header .sitename{max-width:60vw;padding:2vw;}
#gmenu{padding:0px;border-top:1px solid var(--ble);border-bottom:1px solid var(--ble);}
#gmenu a{font-size:0.9rem;flex-grow:1;height:2.5em;}
#gmenu a+a{border-left:1px solid var(--ble);}

#contents{}
section{padding:4vw 4vw;}

#mv .slider_cont .item{display:flex;align-items:center;justify-content:center;height:120vw;box-sizing:border-box;}
#mv .slider_cont .item h1{margin:0px;}
#mv .slider_cont .item h1 img{max-width:100%;display:block;}
#mv .slider_cont .item.mv1{background-image:url(../images/mv_1_sp.png);}

#facility_guide figure img{max-width:64px;}

#about table th,
#about table td{padding:1em;}
#about table th{width:30%;}
#greeting .row .cont{padding:2rem 0px;}
#facility_guide .bg_bwn{margin-bottom:1.5rem;}


footer{}
footer h3.imgs{max-width:70vw;margin-bottom:1rem;}
footer .bn{width:47vw;margin-top:1rem;}
}



@media screen and (max-width: 360px){
}

#facility_guide .row + .row{
	border-top:1px solid #eee;
	margin-top:50px;
	padding-top:50px;
}
#facility_guide .clinic_icon{
	display:flex;
	align-items:center;
	justify-content:space-between;
	line-height:1.5;
	margin-right:3px;
}
#facility_guide .clinic_icon img{
	width:60px;
	margin:0 5px 0 0;
}
#facility_guide .clinic_icon figcaption{
	margin-right:1em;
}
.row.jc-start{
	justify-content:flex-start!important;
}

@media screen and (min-width:751px){
	#facility_guide .row .full{
		width:100%;
		flex-basis:100%;
		max-width:100%;
	}
	#facility_guide .bg_bwn.small{
		padding:2em;
	}
	#facility_guide .bg_bwn.small img{
		height:100px;
	}
}
@media screen and (max-width:750px){
	#facility_guide .row + .row{
		margin-top:30px;
		padding-top:30px;
	}
	#facility_guide .bg_bwn.small{
		padding:1.3em;
	}
	#facility_guide .bg_bwn.small img{
		height:100px;
	}
	#facility_guide .clinic_icon img{
		width:40px;
	}
}