/* COMMON ================================================================================*/
@import url('../css/reset.css');
@import url('https://fonts.googleapis.com/css2?family=Zen+Maru+Gothic:wght@500;700&display=swap');

body {
	font-family: 'Zen Maru Gothic', 'Zen Maru Gothic', sans-serif,'Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック',YuGothic,'Yu Gothic','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif!important;
	min-width: 1250px!important;
	overflow:visible!important;
	position: relative;
	-webkit-text-size-adjust: 100%;
	animation: fadeIn 2s ease 0s 1 normal;
	-webkit-animation: fadeIn 2s ease 0s 1 normal;
	margin: 0;
	background-attachment: fixed;
	background-image: url("../img/bg_main.png");
	background-size: 150px;
	background-position: center center;
	}

@keyframes fadeIn {
	0% {opacity: 0}
	100% {opacity: 1}
	}

@-webkit-keyframes fmedicaladeIn {
	0% {opacity: 0}
	100% {opacity: 1}
	}

.stopBk {
	overflow: hidden!important;
	}

html{height: 100%;}

p{
	font-size: 20px;
	color: #333;
	line-height: 1.8;
	margin: 0;
	padding: 0;
	}

p a{
	display: inline;
	text-decoration: underline;
	}
p a:hover{
	text-decoration: none;
	}

small{
	font-size: 80%;
	}

img{
	width: 100%;
	display: block;
	}

a{
	display: block;
	color: #333;
	overflow:hidden!important;
	outline:none!important;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0)!important;
	text-decoration:none;
	transition-duration: .3s;
	}
a:hover{
	outline:none!important;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0)!important;
	transition-duration: .3s;
	}
a:focus{
	outline:none!important;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0)!important
	}

address{
	color: #333;
	font-size: 16px;
	line-height: 1.4;

	}

h1{
	margin: 0;
	}

.mainPage h2,
.subPage h1,
.sth2{
	position: relative;
	display: inline-block;
	color: #004382;
	font-size: 26px;
	font-weight: normal;
	line-height: 1.4;
	padding: 0 50px;
	margin: 0 0 50px 0;
	}

.mainPage h2 span,
.subPage h1 span{
	margin: 0 15px;
	}

.mainPage h2::before,.mainPage h2::after,
.subPage h1::before,.subPage h1::after{
	content: "";
	position: absolute;
	display: block;
	width: 50px;
	height: 1px;
	background-color: #004382;
	}

.mainPage h2::before,
.subPage h1::before{
	left: 0%;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	 -ms-transform: translateY(-50%);
	margin-right: 10px;
	}

.mainPage h2::after,
.subPage h1::after{
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	 -ms-transform: translateY(-50%);
	margin-left: 10px;
	}

.subPage h1{
	display: block;
	width: fit-content;
	margin: 0 auto 80px;
	}

.mainPage h3,
.subPage h2{
	display: inline-block;
	color: #FFF;
	font-size: 22px;
	font-weight: normal;
	line-height: 1.4;
	background-color: #004382;
	margin: 0 0 20px;
	padding: 5px 20px;
	}

.subPage h3{
	color: #333;
	font-size: 22px;
	font-weight: normal;
	margin: 0 0 20px;
	}
.subPage h3::before{
	content: "■";
	color: #B8D0EC;
	margin-right: 10px;
	}


section{
   width: 100%;
	padding: 100px 0;
	}
section:last-child{margin-bottom: 0;}

.wrap{
	width: 1100px;
    margin: 0 auto;
	padding: 0;
	}


main{}
.toppage{}
.subPage{}

.subPage section:not(:last-child){
	padding: 100px 0;
	}

.bfIcon::before{
	display: inline-block;
	content: "";
	background-size: contain;
	vertical-align: middle;
	background-repeat: no-repeat;
	margin-left: -1em;
	width: 1em;
	height: 1em;
	margin: -.3em .5em 0 0;
	/* background-image: url(""); */
	}
.afIcon::after{
	display: inline-block;
	content: "";
	background-size: contain;
	vertical-align: middle;
	background-repeat: no-repeat;
	}

table{
	width:100%;
	margin:0 auto;
	border-collapse: separate!important;
	border-spacing: 0;
	table-layout: fixed;
	}
table th,
table td{
	border-bottom: #EDEDED 1px solid;
	text-align:center;
	padding: 10px 0 5px;
	vertical-align: top;
	}
table th{font-weight: normal;}
table td{text-align: left;}

ul{
	padding: 0;
	}
ul li,
ol li{
	list-style-position: inside;
	list-style-type: none;
	font-size: 20px;
	line-height: 1.8;
	color: #333;
	}
ul.disc li{
	line-height: 1.4;
	text-indent: -1em;
	padding-left: 1em;
	}
ul.disc li:not(:last-child){
	margin-bottom: 10px;
	}
ul.disc li::before{
	display: inline-block;
	content: "";
	background-size: contain;
	vertical-align: middle;
	background-repeat: no-repeat;
	background-image: url("../img/icon_maru.png");
	width: 0.4em;
	height: 0.4em;
	margin: -0.2em 0.5em 0 0;
	}
ul.disc li a{
	display: inline;
	text-decoration: underline;
	}
ul.disc li a:hover{
	text-decoration: none;
	}

ol.num{
	margin-left: 1em;
	}
ol.num li{
	list-style-position: outside;
	list-style-type: decimal;
	}


dl{}
dl dt,
dl dd{
	display: block;
	font-size: 20px;
	line-height: 1.8;
	color: #333333;
	box-sizing: border-box;
	padding: 0
	}


/*診療時間*/
table.time{
	width: 100%;
	table-layout: fixed;
	border-collapse: collapse;
	
	}
table.time th,
table.time td{
	color: #313C44;
	font-size: 20px;
 	font-weight: normal;
	line-height: 50px;
	text-align: center;
	vertical-align: middle;
	box-sizing: border-box;
	border-bottom: #313C44 1px solid;
	padding: 0;
	}

table.time tr:last-child th,
table.time tr:last-child td{
	border-bottom: none;
	padding: 0;
	}

table.time th:first-child{
	width: 110px;
	}

table.time .info{
	text-align: center;
	margin-top: 15px;
	}
table.time .info .close{
	color: #CA3333;
	font-size: 24px;
	font-weight: bold;
	line-height: 1.2;
	margin: 5px 0 20px;
	}

table.time .info a{
	display: block;
	color: #FFF;
	border-radius: 5px;
	background-color: #008ACA;
	}
table.time .info a:hover{
	opacity: .6;
	}
table.time .info a::before{
	display: inline-block;
	content: "";
	background-size: contain;
	vertical-align: middle;
	background-repeat: no-repeat;
	background-image: url("../img/icon_cal.png");
	width: 1em;
	height: 1em;
	margin: -0.2em 0.5em 0 0;
	}
.sun{
	color: #FFF!important;
	background-color: #FF8486;
	}
.sun p{
	color: #FFF!important;
	font-size: 18px; 
	font-weight: bold;
	line-height: 1;
	}

.linkBox{
	display: flex;
	}
.linkBox a{
	display: inline-block;
	font-size: 20px;
	color: #FFF;
	text-decoration: none;
	background-color: #008ACA;
	padding: 5px 20px;
	border-radius: 5px;
	margin-right: 20px;
	}
.linkBox a.bfIcon::before{
	display: inline-block;
	content: "";
	background-size: contain;
	vertical-align: middle;
	background-repeat: no-repeat;
	margin-left: -1em;
	background-image: url("../img/icon_access_w.png");
	width: 30px;
	height: 30px;
	margin: -3px 8px 0 0;
	}
	
.linkBox a:hover{
	opacity: .7;
	}


.linkBox.kasan{
	justify-content: flex-end;
	} 
.linkBox.kasan a{
	background-color: #004382;
	padding: 10px 40px;
	}


/* HEADER --------------------------------------------------- */
header{
	width: 100%;
	}
header .wrap{
	width: 1100px;
	padding: 40px 0 20px;
	}

header .wrap > div{
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 40px;
	}
.menu-btn,
nav .bottom{
	display: none;
	}

.clName img{
	width: auto;
	}

header .clName div{}

header .clName a > img{
	height: 35px;
	}
header .clName h1 img,
header .clName a > img:nth-child(2){
	height: 60px;
	margin: 15px 0 20px;
	}
header .kamoku{
	width: 545px;
	color: #004382;
	font-size: 20px;
	text-align: center;
	background-color: #FFF;
	border-radius: 5px;
	padding: 5px 0;
	}
header .kamoku span{
	font-size: 18px;
	}

header .right p{
	position: relative;
	color: #008ACA;
	font-size: 22px;
	border-bottom: #008ACA 1px solid;
	padding: 0 0.5em 0 2.5em;
	}

header .right p::before{
	position: absolute;
	left: 0;
	bottom: -10px;
	display: block;
	content: "";
	background-size: contain;
	vertical-align: middle;
	background-repeat: no-repeat;
	background-image: url("../img/icon_car.png");
	width: 2em;
	height: 2em;
	}

header .right address{
	color: #5C6D7C;
	font-size: 32px;
	text-align: center;
	margin: 5px 0 15px;
	
	}
header .right .tel{
	width: 330px;
	margin: 0 0 0 auto;
	}


nav{
	width: 1100px;
	margin: 0 auto;
	}
nav ul{
	display: flex;
    justify-content: center;
	margin: 0;
	}

nav ul li{
	text-align: center;
	line-height: 1.4;
	border-right: #AFAFAF 1px solid;
    padding: 0 30px;
	}
nav ul li:nth-child(7){
	border-right: none;
	}

nav ul li a{
	display: inline;
	color: #5C6D7C;
	font-size: 20px;
	text-align: center;
	}
nav ul li a:hover{
	color: #008ACA;
	}



/* FOOTER --------------------------------------------------- */
footer{
	background-image: url("../img/bg_mainBtm.png");
	background-repeat: repeat-x;
	background-size: 10px;
	background-position: center bottom;
	}
footer .wrap{
	text-align: center;
	background-color: #FFF;
	border-radius: 20px 20px 0 0;
	padding-bottom: 50px;
	}

footer .wrap .inner{              
	padding: 80px 0;
	background-image: url("../img/bg_ft01.png") , url("../img/bg_ft02.png");
	background-repeat: no-repeat, no-repeat;
	background-size: contain, contain;
	background-position: -60% -70px, 140% 100px;
	}

footer .clName img:nth-child(1){
	height: 36px;
	margin: 0 auto 15px;
	}

footer .clName img:nth-child(2){
	height: 55px;
	margin: 0 auto 20px;
	}

footer .kamoku{
	color: #666666;
	font-size: 20px;
	text-align: center;
	}

footer .kamoku span:before{
	content: " ("
	}
footer .kamoku span:after{
	content: ")"
	}


footer .yoyaku{
	color: #E65454;
	font-size: 28px;
	font-weight: bold;
	margin-bottom: 15px;
	}
footer .yoyaku span{
	text-decoration: underline;
	}
footer .tel{
	width: 390px;
	margin: 30px auto;
	}

footer .timeArea{
	width: 600px;
	margin: 0 auto;
	background-color: rgba(255,255,255,0.6);
	}
footer .timeArea table.time{
	border-top: #313C44 1px solid;
	}
footer address{
	color: #313C44;
	font-size: 22px;
	margin: 40px 0 20px;
	}
footer .place{
	color: #313C44;
	text-align: center;
	margin-bottom: 50px;
	}

.copy{
	color: #004382;
	font-size: 16px;
	text-align: center;
	}



/* HELPER --------------------------------------------------- */
.alignLeft{text-align:left!important;}
.alignRight{text-align:right!important;}
.alignCenter{text-align:center!important;}

.mCenter{margin: 0 auto;}
.imgCenter{
	display:block;
	margin:0 auto;
	}

.rpImg{
	max-width: 100%!important;
	height: auto;
	}

.textLink{
	display: inline;
	text-decoration: underline;
	}
.textLink:hover{
	text-decoration: none;
	}

.hide{
	visibility: hidden;
	}

.marker{
	background:linear-gradient(transparent 60%, #FFEC8D 60%);
	}



/* PAGE ================================================================================*/
.tel img{
	display: block;
	}

.pagetop{
	position: fixed;
	width: 100px;
	height: auto;
	right: 30px;
	bottom: 30px;
	}
.pagetop img{
	display: block;
	width: 100%;
	}

.fixBtn{
	display: none;
	}


/* index.html --------------------------------------------------- */
.eyecatch{
	position: relative;
	width: 100%;
	max-width: 1800px;
	margin: 0 auto;	
	}

.eyecatch .point{
	position: absolute;
	right: 30px;
	top: 20px;
	z-index: 1;
	width: 260px;
	height: 260px;
	border-radius: 50%;
	background-color: rgba(255,255,255,0.8);
	padding: 38px 0;
	text-align: center;
	transform-origin: center top;
    animation: yurayura 6s linear infinite;
	}
@keyframes yurayura {
	  0% , 100%{
		  transform: rotate(10deg);
	  }
	  50%{
		  transform: rotate(-10deg);
	  }
	}

.eyecatch .point p:nth-child(1){
	color: #E65454;
	font-size: 38px;
	font-style: italic;
	font-weight: bold;
	line-height: 1.2;
	text-decoration: underline;
	}

.eyecatch .point p:nth-child(2){
	display: inline;
	color: #620808;
	font-size: 32px;
	background: linear-gradient(transparent 60%, rgba(255,228,53,0.65) 40%);
	padding: 0 10px;
	}

.eyecatch .policy{
	position: absolute;
	left: 0;
	bottom: -225px;
	width: 600px;
	z-index: 1;
	}
.eyecatch .policy p{
	display: inline-block;
	color: #FFF;
	font-size: 28px;
	line-height: 1.5;
	background-color: rgba(19,30,54,0.74);
	padding: 8px 30px 8px 50px;
	margin-bottom: 5px;
	}
.eyecatch .policy p:nth-child(1){
	color: #008ACA;
	font-size: 30px;
	font-weight: bold;
	line-height: 1.2;
	background-color: #FFF;
	margin-bottom: 40px;
	}
.eyecatch .policy p:nth-child(1) span{
	font-size: 18px;
	font-weight: normal;
	}
.eyecatch .policy p:nth-child(4){
	margin-bottom: 0;
	}




/* slick */
.slider.sp{
	display: none!important;
	}

.slider.pc{	
	display: block;
	width: 100%;
	}
.slider img{}

.main-slider figure{
	margin:0!important;
	}
.main-slider .ytPlayer{
	pointer-events: none!important;
	}
.ytp-pause-overlay{
	display:none!important;
	}
.slick-dots{
	bottom:25px!important;
	}
.slick-dots li {
	width: 20px!important;
	height: 30px!important;
	}
.slick-dots li button::before{
	font-size:45px!important;
	color:#FFF!important;
	}
.slick-dotted.slick-slider　{
	margin-bottom:0!important;
	}


#news{
	position: relative;
	padding: 270px 0 0 0 ;
	}
#news .wrap{
	width: 1000px;
	}

dl#view {
	margin-bottom: 15px;
	}
dl#view dt{ 
	cursor: pointer;	
	display: block;
	color: #004382;
	font-size: 24px;
	background-color: rgba(255,255,255,0.85);
	padding: 0 20px 5px;
	border-left: #004382 5px solid;
	}
dl#view dt:not(:first-child){
	margin-top: 20px;
	}

dl#view dd{
	display: none;
	font-size: 20px;
	line-height: 1.8;
	padding: 20px 20px;
	}

.click{
	font-size: 14px;
	text-align: right;
	margin: 0 0 40px;
	}

#news .timeArea{
	position: absolute;
	top: -60px;
	right: 0;
	background-color: #FFF;
	padding: 10px 40px 20px;
	border-radius: 10px 0 0 10px;
	}
#news .timeArea .time{
	width: 500px;
	}


#calendar{
	display: flex;
	justify-content: space-between;
	margin-bottom: 100px;
	}

#calendar iframe{
	width: 700px;
	}


ul.pageLink{
	display: flex;
	justify-content: space-between;
	}
ul.pageLink li{
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center center;
	border-radius: 20px;
	transition-duration: .2s;
	}
ul.pageLink li:nth-child(1){
	background-image: url("../img/pagelink01.jpg");
	}
ul.pageLink li:nth-child(2){
	background-image: url("../img/pagelink02.jpg");
	}
ul.pageLink li:nth-child(3){
	background-image: url("../img/pagelink03.jpg");
	}
ul.pageLink li:hover{
	opacity: .6;
	transition-duration: .1s;
	}

ul.pageLink li a{
	position: relative;
	width: 350px;
	height: 350px;
	display: block;
	}

ul.pageLink li p{
	width: 100%;
	position: absolute;
	top: 50%;
	left: 0%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	color: #FFF;
	font-size: 26px;
	font-weight: bold;
	text-align: center;
	}

ul.pageLink li p::after{
	display: block;
	content: "";
	background-size: contain;
	vertical-align: middle;
	background-repeat: no-repeat;
	background-image: url("../img/arrow01.png");
	width: 1em;
	height: .6em;
	margin: .8em auto 0;
	}

.patient{
	text-align: center;
	margin-bottom: 100px;
	}

.flow{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	}
.flow > div{
	width: 530px;
	padding: 45px 30px;
	border: #313C44 1px solid;
	border-radius: 10px;
	margin-bottom: 50px;
	background-repeat: no-repeat;
	background-size: 50px;
	background-position: 90% 10%;
	}
.flow > div:nth-child(1){
	background-image: url("../img/icon_card.png");
	}	
.flow > div:nth-child(2){
	background-image: url("../img/icon_clinic.png");
	}
.flow > div:nth-child(3){
	background-image: url("../img/icon_scorp.png");
	}	
.flow > div:nth-child(4){
	background-image: url("../img/icon_wallet.png");
	}	

.flow h3{
	color: #313C44;
	background-color: transparent;
	padding: 0;
	}
.flow > div p{
	font-size: 18px;
	}

.bring{
	display: flex;
	justify-content: space-between;
	}

.standard{
	display: flex;
	justify-content: space-between;
	}

.standard .sth2{
	width: 150px;
	padding: 0;
	margin: 0;
	}
.standard h2::before,
.standard h2::after{
	content: none;
	}

.standard dl{
	width: 900px;

	}
.standard dl dt{
	cursor: pointer;
	color: #FFF;
	font-size: 18px;
	font-weight: normal;
	background-color: #004382;
	border-radius: 5px;
	padding: 5px 20px;
	transition-duration: .2s;
	}
.standard dl dt:not(:first-child){
	margin-top: 20px;
	}
.standard dl dt::before{
	display: inline-block;
	content: "";
	background-size: contain;
	vertical-align: middle;
	background-repeat: no-repeat;
	background-image: url("../img/arrow02.png");
	width: 0.8em;
	height: 0.8em;
	margin: -0.2em 0.5em 0 0;
	}

.standard dl dt:hover{
	opacity: .8;
	transition-duration: .2s;
	}
.standard dl dd{
	display: none;
	padding: 20px 0 20px 20px;
	}

.standard dl dd p,
.standard dl dd ul li,
.standard dl dd ol li{
	font-size: 18px;
	}



/* greeting.html --------------------------------------------------- */
#greeting .wrap{
	width: 1000px;
	}

.name{
	text-align: right;
	margin: 40px 0 80px;
	}
.name span{
	font-size: 26px;	
	}

dl.prof{
	display: flex;
	flex-wrap: wrap;
	}
dl.prof dt{
	width: 100px;
	border-left: #004382 5px solid;
	padding: 20px 0 20px 35px;
	}
dl.prof dd{
	width: 400px;
	padding: 20px 10px 20px 30px;
	}

dl.prof dt,
dl.prof dd{
	background-color: rgba(255,255,255,0.6);
	}


/* medical.html --------------------------------------------------- */
.guide{
	text-align: center;
	margin-bottom: 100px;
	}

.guide p:nth-child(1){
	font-size: 30px;
	font-weight: bold;
	margin-bottom: 40px;
	}
.guide p:nth-child(1) span{
	display: block;
	font-size: 20px;
	font-weight: normal;
	}
.guide p:nth-child(1) span.pc{
	display: inline;
	}

.treatment .detail{
	display: flex;
	background-color: #FFF;
	padding: 40px 40px;
	}
.treatment .detail img{
	width: 300px;
	margin-right: 40px;
	}
.treatment .detail div{
	
	}

/* clinic.html --------------------------------------------------- */
.flexslider{
	width: 800px;
	margin: 0 auto;
	background-color: transparent;
	border: none;
	}
.flexslider .slides{
	margin: 0 auto 5%;
	}
.flex-control-nav{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	width: 100%;
	margin: 0 0 0 0;
	}
.flex-control-thumbs li{
	width: 22%;
	margin: 0 4% 5% 0;
	}
.flex-control-thumbs li:nth-child(4n){
	margin-right: 0;
	}
.flexslider .slides li p{
	position: inherit;
	left: auto;
	text-align: center;
	background-color: rgba(255, 255, 255, 0.4);
	}



/* access.html --------------------------------------------------- */
#access address{
	font-size: 24px;
	text-align: center;
	}
#access .place {
	text-align: center;
	margin: 20px 0 40px;
	}

#access dl{
	display: flex;
	flex-wrap: wrap;
	margin-top: 40px;
	}

#access dl dt,
#access dl dd{
	background-color: rgba(255,255,255,0.6);
	margin-bottom: 40px;
	}

#access dl dt{
	width: 300px;
	padding: 20px 40px;
	}

#access dl dd{
	width: 800px;
	padding: 20px 40px;
	border-left: #565656 1px dotted;
	}

.parking div{
	display: flex;
	justify-content: space-between;
	}
.parking div:nth-child(1){
	margin-bottom: 20px;
	}
.parking div img{
	width: 300px;
	margin-right: 20px;
	}

.bus p{
	margin: 20px 0 10px;
	}




/* Media QuelikeTblry ================================================================================*/
.sp{display: none;}
.pc{display: inline-block;}


@media only screen and (max-width: 479px){
	.pc{display: inline-block;}
}

@media only screen and (min-width: 480px) and (max-width: 599px) {
	.pc{display: inline-block;}
	
}

@media only screen and (max-width : 599px) {
	.sp{display: inline-block;}
	.pc{display: none;}
	
	body{min-width:inherit!important;}
	
	.toppage{
		width: 100%;
		margin: 0 auto;
		}
	.subPage{
		}
	
	section{
		padding: 15% 0;
		}
	.wrap{
		width: 94%;
		padding: 0;
		margin: 0 auto;
		}
	
	main.subPage h1{
		font-size: 7vw;
		font-weight: bold;
		margin-bottom: 15%;
		}
	main.subPage h1::before{
		font-size: 4vw;
		font-weight: normal;
		}

	.mainPage h2{
		display: block;
		width: fit-content;
		margin: 0 auto 5%;
		font-size: 6vw;
		text-align: center;
		}
	h2#newsArea{
		margin: 0 auto 5%;
		}

	
	.subPage h3{
		font-size: 5vw;
		margin: 0 0 5%;
		}
	h4{
		font-size: 5vw;
		}
	h5{
		font-size: 5vw;
		}
	
	table,
	table.time{
		font-size: 4.5vw;
		line-height: 1.4em;
		}
	
	p,
	ol li,
	ul li,
	dl dt,
	dl dd{
		font-size: 4.5vw;
		line-height: 1.6;
		}
	
	ul.disc{
		margin-left: 2%;
		}
	ul.disc li{
		font-size: 4.5vw;
		line-height: 1.4;
		}
	ul.disc li:not(:last-child){
		margin-bottom: 2%;
		}
	
	ul.check li:not(:last-child){
		margin-bottom: 2%;
		}
	
	.linkBox{
		flex-direction: column;
		width: 100%;
		}
	.linkBox a{
		width: 100%;
		font-size: 5vw;
		padding: 2% 8%;
		margin: 0 0 5% 0;
		}
	.linkBox.kasan{
		align-items: center;
		}
	.linkBox.kasan a{
		width: 80%;
		text-align: center;
		padding: 2% 8%;
		}

	dl dt{
		padding: 3% 0;
		}
	dl dd{
		padding: 5% 0 10%;
		}
	
	/*診療時間*/
	table.time th,
	table.time td{
		font-size: 4.4vw;
		line-height: 1.2;
		padding: 2% 0;
		}
	table.time th:first-child{
		width: 16%;
		}
	table.time td p{
		font-size: 5vw;
		}
	table.time td.sun p{
		font-size: 4vw;
		}
	
	table.time .info{
		margin-top: 5%;
		}
	
	table.time .info .close{
		font-size: 5.8vw;
		margin: 5% 0;
		}
	
	table.time td p.uketsuke{
		font-size: 4.4vw!important;
		margin: 5% 0 0;
		}
	.sun01{
		font-size: 7vw;
		}
	.sun01 span{
		font-size: 7.6vw;
		}
	table.time td.sun02 p{
		font-size: 4.4vw!important;
		}
	.star{
		width: 60%;
		}

	
	/* header */
	header{}
	header .wrap{
		position: absolute;
		top: 0;
		width: 100%;
		padding: 5% 4% 20%;
		box-sizing: border-box;
		z-index: 9999;
		 background: rgb(255,255,255);
		background: linear-gradient(180deg, rgba(255,255,255,0.7) 40%, rgba(255,255,255,0) 90%); 
		}
	
	header .wrap > div{
		margin-bottom: 0;
		}
	
	header .clName{
		width: 100%;
		margin: 0 auto;
		}
	header .clName a > img{
		width: 50%;
		height: auto;
		margin: 0;
		}
	header .clName h1 img,
	header .clName a > img:nth-child(2){
		width: 76%;
		height: auto;
		margin: 2% 0 0;
		}
	header .kamoku{
		display: none;
		}
	
	header .right{
		display: none;
		}
	
	/*menu*/
	.menu-btn{
		position: fixed;
		top: 2%;
		right: 4%;
		width: 15%;
		display: flex;
		justify-content: space-between;
		padding: 0;
		height: auto;
		box-sizing: border-box;
		}
	.menu-btn  img{
		width: 100%;
		}
	
	nav{
		position: fixed;
		top: 0;
		right: 0;
		z-index: 999;
		width: 100%;
		height: 55vh;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		background: #FFF;
		overflow-y: scroll;
		}
	nav ul{
		width: 80%;
		flex-direction: column;
		}
	nav ul li{
		width: 100%;
		border-left: none;
		padding: 4% 0;
		border-right:none; 
		border-bottom: #AFAFAF 1px solid;
		}
	nav ul li:nth-last-child(2){
		border-right: none;
		}
	nav ul li a{
		display: block;
		font-size: 5vw;
		line-height: 1em;
		text-align: left;
		}
	
	nav ul li a::before{
		display: none;
		}

	nav ul li:last-child{
		padding: 0;
		border-bottom: none;
		}
	nav ul li:last-child a{
		text-align: center;
		display: block;
		color: #FFF!important;
		background-color: #545454;
		padding: 5% 0;
		margin: 5% 0 10%;
		}

	nav{
		transform: translateY(-100vh);
		transition: all .5s linear;
		}
	
	nav.is-active{
		transform: translateY(0);
		}
	
	
	.bk {
		display: none;
		position: fixed;
		z-index: 99;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: #333;
		opacity: 0.6;
		transition-duration: .5s;
		}
	
	/* footer */
	footer .wrap{
		padding: 0 0 10%;
		}
	footer .wrap .inner{ 
		padding: 15% 0;	
		background-image: url("../img/bg_ft02.png");
		background-size: 110%;
		background-position: 0 100%;
		}
	
	footer .clName img:nth-child(1){
		width: 50%;
		height: 100%;
		margin: 0 auto 5%;
		}
	footer .clName img:nth-child(2){
		width: 75%;
		height: 100%;
		}
	
	footer .kamoku{
		font-size: 6vw;
		font-weight: bold;
		margin-bottom: 5%;
		}
	footer .kamoku span{
		display: block;
		font-weight: normal;
		font-size: 4.2vw;
		}
	
	footer .kamoku span:before,
	footer .kamoku span:after{
		content: ""
		}

	footer .yoyaku{
		font-size: 5vw;
		margin-bottom: 5%;
		}

	footer .tel{
		width: 80%;
		margin: 5% auto;
		}
	footer .timeArea{
		width: 94%;
		margin: 0 auto;
		}
	
	footer iframe{
		height: 300px;
		}
	
	footer address{
		font-size: 5vw;
		margin: 10% 0 5%;
		}

	footer .place{
		font-size: 4vw;
		margin-bottom: 5%;
		}

	
	.copy{
		font-size: 3.4vw;
		text-align: center;
		text-indent: -1em;
		}
	
	.tel{
		margin: 0 auto;
		}
	
	.pagetop{	
		width: 17%;
		right: -3%;
		bottom: 7%;
		z-index: 1;
		}
    
    ul.fixBtn{
        position: fixed;
		bottom: 0;
		z-index: 3;
		display: flex;
        justify-content: space-around;
        width: 100%;
        background-color: #008ACA;
        padding: 4% 0
        }
    
    ul.fixBtn li{
        width: 50%;
        }
    ul.fixBtn li:nth-child(1){
        border-right: #FFF 1px dotted;
        }
    ul.fixBtn li a{
        color: #FFF;
		font-size: 5vw;
		font-weight: bold;
		text-align: center;
        }
    
    ul.fixBtn li a::before{
        display: inline-block;
		content: "";
		background-size: contain;
		vertical-align: middle;
		background-repeat: no-repeat;
		width: 1em;
		height: 1em;
		margin: -0.2em 0.5em 0 0;
        }
    
	.telBtn::before{
		background-image: url("../img/icon_tel.png");
		}
    
    .calBtn::before{
		background-image: url("../img/icon_cal.png");
		}
	
	/* index.html */
	.eyecatch{
		max-width: 100%;
		}
	
	.eyecatch > img{
		left: 2%;
		top: 75%;
		width: 95%;
		}
	
	.eyecatch .point{
		right: 0;
		bottom: 26%;
		top: auto;
		width: 150px;
		height: 150px;
		padding: 5% 0 0;
		z-index: 3;
		animation-play-state: paused;
		box-shadow: 0px 0px 15px -5px #777777;
		}

	.eyecatch .point p:nth-child(1){
		font-size: 24px;
		}

	.eyecatch .point p:nth-child(2){
		font-size: 20px;
		padding: 2%;
		}

	.eyecatch .policy{
		position: inherit;
		left: auto;
		bottom: auto;
		width: 100%;
		text-align: right;
		}
	.eyecatch .policy p{
		font-size: 5.4vw;
		padding: 0 2%;
		margin-bottom: 2%;
		}
	.eyecatch .policy p:nth-child(1){
		display: block;
		width: 75%;
		font-size: 6.8vw;
		text-align: left;
		padding: 6% 5% 3%;
		margin: 0 0 5%;
		background-color: transparent;
		}
	.eyecatch .policy p:nth-child(1) span{
		display: block;
		font-size: 4.5vw;
		text-align: right;
		margin-top: 2%
		}
	
	.eyecatch .pc{
		display: none;
		}
	
	.eyecatch h1{
		font-size: 5.6vw;
		line-height: 1.4;
		margin: 10% 0;
		}
	
	
	/* slick */	
	.slider.sp{
		display: block!important;
		}
	.slider.pc{
		display:  none!important;
		}

	.slider img{
		height: auto;
		}
	
	#news{
		position: inherit;
		padding: 20% 0 0 0;
		}

	#news .wrap{
		width: 100%;
		}
	
	.newsArea{
		width: 96%;
		margin: 0 auto;
		}
	dl#view {
		margin-bottom: 5%;
		}
	dl#view dt{
		font-size: 5vw;
		padding: 2% 5%;

		}
	dl#view dt:not(:first-child){
		margin-top: 20px;
		}

	dl#view dd{
		padding: 4% 4%;
		}

	.click{
		font-size: 3.6vw;
		margin: 0 0 10%;
		}
	
	#news .timeArea{
		position: inherit;
		top: auto;
		right: auto;
		width: 94%;
		margin: 15% auto;
		padding: 2% 4% 6%;
		border-radius: 10px
		}
	#news .timeArea .time{
		width: 100%;
		}
	table.time .info a{
		padding: 2% 0;
		}
	
	#calendar{
		flex-direction: column;
		}
	#calendar p{
		text-align: center;
		margin-bottom: 5%;
		}
	#calendar iframe{
		width: 100%;
		}
	
	ul.pageLink{
		flex-direction: column;
 		}
	ul.pageLink li{
		border-radius: 10px;
		}
	ul.pageLink li a{
		width: 100%;
		height: 130px;
		}
	ul.pageLink li:not(:last-child){
		margin-bottom: 5%;
		}
	ul.pageLink li p{
		position: relative;
		text-align: left;
		text-indent: 2em;
		}
	ul.pageLink li p::after{
		position: absolute;
		right: 10%;
		top: 50%;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		 -ms-transform: translateY(-50%);
		display: block;
		height: 1em;
		width: 0.6em;
		background-image: url("../img/arrow02.png");
		margin: 0;
		}
	
	.patient{
		text-align: left;
		margin-bottom: 10%;
		}
	
	.flow {
		margin-bottom: 10%;
		}
	.flow > div{
		width: 100%;
		border: none;
		margin-bottom: 0;
		padding: 8% 0;
		border-radius: 0;
		background-position: 2% 10%;
		background-size: 9%;
		}
	.flow > div:not(:last-child){
		border-bottom: #313C44 1px solid;
		}
	.flow h3{
		padding-left: 15%;
		}
	.flow h3::before{
		display: none;
		}
	
	.bring{
		flex-direction: column;
		}
	.bring p{
		line-height: 1.4;
		}
	.bring p:nth-child(1){
		margin-bottom: 2%;
		}

	
	/* greeting.html */
	#greeting .wrap{
		width: 94%;
		}

	.name{
		text-align: right;
		margin: 10% 0 15%;
		}
	.name span{
		font-size: 6vw;	
		}

	dl.prof{
		width: 96%;
		margin: 0 auto;
		display: flex;
		flex-wrap: wrap;
		background-color: rgba(255,255,255,0.6);
		padding: 5%;
		}
	dl.prof dt{
		width: auto;
		border-left: none;
		border-bottom: #004382 3px solid;
		padding: 0 4%;
		}
	dl.prof dd{
		width: 100%;
		padding: 5% 0 10% 10%;
		}
	dl.prof dd:last-child{
		padding-bottom: 15%;
		}
	
	dl.prof dd ul{
		margin-left: 0;
		}
	
	dl.prof dt,
	dl.prof dd {
	  background-color: transparent;
		}
	
	/* medical.html */
	.guide{
		margin-bottom: 10%;
		}
	.guide p:nth-child(1){
		font-size: 6vw;
		margin-bottom: 10%;
		}
	.guide p:nth-child(1) span{
		font-size: 5.6vw;
		}
	.guide p:nth-child(1) span.pc{
		display: none!important;
		}
	.guide p:nth-child(2){
		font-size: 5vw;
		text-align: left;
		}
	
	.treatment .detail{
		flex-direction: column-reverse;
		padding: 0;
		}
	.treatment .detail img{
		width: 100%;
		margin: 0 auto;
		}
	.treatment .detail div{
		padding: 5% 5%;
		}

	
	/* clinic.html */
	.flexslider{
		width: 100%;
		}

	.standard{
		flex-direction: column;
		}

	.standard h2{
		width: fit-content;
		text-align: left;
		padding: 0 50px;
		margin: 0 auto 15%;
		}
	.standard h2::before,
	.standard h2::after{
		content: "";
		}
	.standard dl{
		width: 100%;
		}
	.standard dl dt{
		font-size: 4.4vw;
		padding: 1% 5%;
		}
	.standard dl dt:not(:first-child){
		margin-top: 5%
		}

	.standard dl dd{
		font-size: 4vw;
		padding: 4% 0 0;
		}
	.standard dl dd p,
	.standard dl dd ul li,
	.standard dl dd ol li{
		font-size: 4vw;
		}
	
	/* access.html */
	#access address{
		font-size: 5vw;
		}
	#access .place {
		text-align: center;
		margin: 20px 0 40px;
		}

	#access dl{
		flex-direction: column;
		margin-top: 15%;
		}

	#access dl dt,
	#access dl dd{
		margin-bottom: 0;
		}

	#access dl dt{
		width: 100%;
		font-size: 6.4vw;
		font-weight: normal;
		padding: 4% 6%;
		border-bottom: #004382 3px solid;
		}

	#access dl dd{
		width: 100%;
		padding: 4% 6%;
		border-left: none;
		}
	#access dl dd{
		margin-bottom: 10%;
		}

	.parking{}
	.parking div{
		flex-direction: column;
		}
	.parking div:nth-child(1){
		margin-bottom: 20px;
		}
	.parking div img{
		width: 100%;
		margin: 0 auto 5%;
		}

	.bus p{
		margin: 10% 0 5%;
		}
	

}

@media only screen and (max-width : 992px){
	body{min-width: 1100px;}
	
}


@media print, only screen and (min-width:1351px){
	body{min-width: 1100px;}
	
}