body{font-family: 'Noto Sans JP', sans-serif;font-size:15px; font-weight:300; line-height:1.8; color:#191919;}
@media screen and (max-width: 768px) {
body{font-size:15px;line-height:1.5; }
}
h1 img{position:fixed; top:21px; left:20px; z-index:2; width:225px; height:auto;}
.site-logo img{position:fixed; top:21px; left:20px; z-index:3; width:225px; height:auto;}
h2{font-family: 'Zen Old Mincho', serif; line-height:1.5;font-size:40px; text-align:center;margin-bottom:40px;  }
h2 span{display:block; font-size:15px; font-weight:bold;font-family: 'Noto Sans JP', sans-serif; color:#00a8ca;}
.sub-title{font-family: 'Zen Old Mincho', serif; font-size:20px; line-height:29px;}
.global-inner{width:1180px; margin:0 auto;}
.inner{width:90%; margin:0 auto;}
.main{padding-top:70px;}

.main h2{
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 26px;
	text-align: center;
	margin-top: 60px;
	margin-right: auto;
	margin-bottom: 40px;
	margin-left: auto;
}
.main h2::before,
.main h2::after {content: '';width: 70px;height: 3px;background-color: #00a8ca;}
.main h2::before {margin-right: 20px;}
.main h2::after {margin-left: 20px;}
.main h3{color:#00a8ca; font-size:16px; font-weight:bold; margin-bottom:10px;}

@media screen and (max-width: 768px) {
h1 img{width:225px; }
h2{font-size:24px; margin-bottom:20px; }
.main h2{font-size:24px;}
.main h2::before,
.main h2::after {width: 30px}
.main h2::before {margin-right: 20px;}
.main h2::after {margin-left: 20px;}
.inner{width:100%; }



.top-h2-box:after {
  background-image: -webkit-gradient(linear, left top, right top, from(#FFF), to(#fee140));
  background-image: -webkit-linear-gradient(left, #45c0ef 0%, #FFF 100%);
  background-image: linear-gradient(to right, #45c0ef 0%, #FFF 100%);
}
.top-sub-title{font-size:18px;}
.global-inner{width:86%;}
}


@media screen and (min-width: 769px) {
.flex-between{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
}


/*====================
ハンバーガーメニュー
=====================*/
header{height:70px; background-color:#FFF; position:fixed;box-shadow: 0 8px 10px -9px #888; width:100%; z-index:1;}
header .blog{width:90px; position:fixed; right:90px; top:12px; }
header .blog a{display:block;background-color:#00a8ca; border-radius:3px; color:#FFF; text-align:center;line-height:1.2; padding:5px;transition-duration: .3s; }
header .blog a:hover{color: #fff;background: #007a96;transition-duration: .3s;}	

nav {display: block;  position: fixed;  top: 0;  right: -300px;  bottom: 0;  width: 300px;	background-color:rgba(255,255,255,1.0);  	-webkit-overflow-scrolling: touch;  transition: all 0.5s;  z-index: 102;  opacity: 0;}
.open nav {  right: 0;  opacity: 1;  top:0px;  width:50%;
-moz-box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.08);
-webkit-box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.08);
-ms-box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.08);
box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.08);}
nav .inner {
	height: 100vh;
	overflow: hidden;
	margin-left: 100px;
	display:-webkit-box;display:-ms-flexbox;display:flex;
	-webkit-box-align: center;-ms-flex-align: center;align-items: center;

}
nav .inner img.logo{position: fixed;    top: 18px;    left: 20px;    z-index: 3;}
nav .inner .box{width: 100%;}

nav .inner .box .item{padding-left: 10px;}
nav .inner .box .item ul{margin-bottom:20px;}
nav .inner .box .item ul li{line-height: 1.3; font-size:16px; display: block;  overflow: hidden;   z-index:0;     position: relative;border-bottom-width: 1px;	border-bottom-style: solid;	border-bottom-color: #000;}
nav .inner .box .item ul li:last-child{border:none;}
nav .inner .box .item ul li:before{content:'';width: 12px;height: 0.5px;background-color: #000;display:  block;position: absolute;top: 50%;left: 5px;transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);}
nav .inner .box .item ul li a{ display:block;padding-left:20px; padding-top:15px; padding-bottom:15px; color:#000; 
position: relative;
	overflow: hidden;
    transition: ease .2s;}
nav .inner .box .item ul li a span{position: relative;	z-index: 3;	}


nav .inner .box .item ul li a:hover{ transition: all 0.3s;color:#00a8ca;}
nav .inner .box .item ul li a:before { 	content: '';position: absolute;top: 0;left: 0;z-index: 2;background:#f5f5f5;width: 100%;height: 100%;transition: transform .5s cubic-bezier(0.8, 0, 0.2, 1) 0s;transform: scale(0, 1);	transform-origin: right top;}

nav .inner .box .item ul li a:hover:before{	transform-origin:left top;	transform:scale(1, 1); z-index:-1;}

nav .inner .box .item ul li.title{font-size:25px;  padding-left:0px; }
nav .inner .box .item ul li.title:before{content:none;}
nav .inner .box .item ul li.title a:after{font-size:14px; display:block; font-weight:normal;z-index: 3; padding-left:3px;}
nav .inner .box .item ul li.title a.home:after{content:"HOME"; }
nav .inner .box .item ul li.title a.treatment:after{content:"MEDICAL TREATMENT"; }
nav .inner .box .item ul li.title a.aboutus:after{content:"ABOUT CLINIC"; }
nav .inner .box .item ul li.title a.new_patient:after{content:"NEW PATIENT"; }
nav .inner .box .item ul li.title a.recruitment:after{content:"RECRUITMENT"; }
nav .inner .box .item ul li.title a.staff:after{content:"STAFF"; }
nav .inner .box .item ul li.title a.standard:after{content:"STANDARD"; }
nav .inner .box .item ul li:last-child{margin-bottom:0px;}


nav .inner .box .item .bnr{display:-webkit-box;display:-ms-flexbox;display:flex; width:100%;transition: all 0.3s;font-size:22px; color:#1dadf4; padding-left:20px; }
nav .inner .box .item .bnr .unit{  background: #effbff; position: relative;  transition: .5s; margin-right:15px;width:250px; height:90px; font-size:25px;}
nav .inner .box .item .bnr .unit a{
	display: block;
	height: 70px;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 15px;
}
nav .inner .box .item .bnr .unit.entry{background:linear-gradient(135deg, #00a8ca, #96deed); color:#FFF;}
nav .inner .box .item .bnr .unit span{font-size:14px; margin-left:5px;}
nav .inner .box .item .bnr .unit:hover { transform:scale(1.08,1.08);}
nav .inner .box .item .bnr .unit:before{transition: all 0.7s; content:"";position: absolute;  left: 15px;  bottom: 25px;  width: 200px;  height: 6px;  border-bottom: 1px solid #1DADF4;  border-right: 1px solid #1DADF4;  transform: skew(45deg); }
nav .inner .box .item .bnr .unit.entry:before{border-bottom: 1px solid #FFF;  border-right: 1px solid #FFF;  }

/*nav .inner .box .item .bnr .unit:after {background:linear-gradient(135deg, #00ADFA, #C6F6FF);  bottom: 0;  content: '';  left: 0;  position: absolute;  right: 0;  top: 0;  z-index: -1;}
nav .inner .box .item .bnr .unit:hover:before{  border-bottom: 1px solid #FFF;  border-right: 1px solid #FFF;  transform: skew(45deg); }
*/


@media screen and (max-width: 768px) {
header .blog{width:50px; right:60px; top:12px;  }
header .blog a{height:45px; line-height:45px; padding:0px;}


.open nav{width:100%;}
nav {right: -220px;    width: 220px;  }
nav .inner {
	overflow: auto;
	margin: 0px;
} 
nav .inner .box{width:90%; margin:0 auto;}
nav .inner .box .item ul{padding-bottom:10px; margin-bottom:10px; padding-top:15px;}
nav .inner .box .item ul li a{padding-top:10px; padding-bottom:10px;}
nav .inner .box .item .bnr{display:block;}
nav .inner .box .item .bnr .unit:hover { transform:scale(1.0,1.0);}

nav br.pc{display:none;} 
}


/*============
ハンバーガーメニューのトグル
=============*/
.toggle_btn {  display: block;  position: fixed;  top: 30px;  right: 30px;  width: 30px;  height: 30px;  transition: all .5s;  cursor: pointer;  z-index: 103;}
.toggle_btn:before{content:"MENU"; position:absolute; top:-20px; left:-3px; font-size:13px; color:#529eaa;}
.toggle_btn p{font-size:12px;}
.toggle_btn span {  display: block;  position: absolute;  left: 0;  width: 30px;  height: 2px;  background-color: #529eaa;  border-radius: 4px;  transition: all .5s;}
.toggle_btn span:nth-child(1) {  top: 4px;}
.toggle_btn span:nth-child(2) {  top: 14px;}
.toggle_btn span:nth-child(3) {  bottom: 4px;}
.open .toggle_btn span {  background-color: #529eaa;}
.open .toggle_btn span:nth-child(1) {  -webkit-transform: translateY(10px) rotate(-315deg);  transform: translateY(10px) rotate(-315deg);}
.open .toggle_btn span:nth-child(2) {  opacity: 0;}
.open .toggle_btn span:nth-child(3) {  -webkit-transform: translateY(-10px) rotate(315deg);  transform: translateY(-10px) rotate(315deg);}

@media screen and (max-width: 768px) {
.toggle_btn{top:30px; right:20px;}
}
/*============
ハンバーガーメニューのマスク
=============*/
#mask {display: none;  transition: all .5s;}
.open #mask {  display: block;  position: fixed;  top: 0;  right: 0;  width: 100%;  height: 100%;  /*background: #000;*/  opacity: .8;  z-index: 101; }




/*=======  ヘッダー  ====*/
.header{height:400px;position: relative;  background-repeat:no-repeat; background-size:cover; background-position:center center; z-index:-1;}
.header:before{content: "";   position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;   background: linear-gradient(rgba(0, 168, 202, .1),  rgba(0, 168, 202, .1));}
.header.about{background-image:url(/image/header-about.jpg);}
.header.treatment{background-image:url(/image/header-treatment.jpg);}
.header.new_patient{background-image:url(/image/header-new_patient.jpg);}
.header.staff{background-image:url(/image/header-staff.jpg);}
.header.recruit{background-image:url(/image/header-recruit.jpg);}
.header.toi{background-image:url(/image/header-toi.jpg);}

.header h1{text-shadow: 0px 0px 5px #000, 0px 0px 5px #000, 0px 0px 5px #000, 0px 0px 5px #000;
    position: absolute;
    top: 30%;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
	 text-align:center;font-family: 'Marcellus', serif, 'Noto Serif JP', sans-serif; line-height:1.4; font-size:50px; color:#FFF;}
.header h1 span{display:block; font-size:18px;}

@media screen and (max-width: 768px) {
.header{height:200px;}
.header h1{width:80%; font-size:30px;}
}

/*=======  コンテンツ  =======*/
.contents{margin-top:-100px; background-color:#FFF;padding:30px; position:relative;box-shadow: 0 -8px 10px rgb(0 0 0 / 20%);width: 1180px; margin-right:auto; margin-left:auto;}
.contents::before, .contents::after { background: linear-gradient(to bottom, rgba(255, 255, 255, 0), white 80%); content: ""; position: absolute; top: 100px; width: 10px; height: calc(100% - 100px); }
.contents::before { left: -10px; }
.contents::after { right: -10px; }
.contents .text{ margin-bottom:40px;}
.contents .text p{margin-bottom:20px;}
.contents .text p:last-child{margin-bottom:0px;}
.contents-header{padding:60px 30px; text-align:center;font-family: 'Marcellus', serif; font-weight:bold; line-height:2; width:100%; margin-bottom:40px;}
.contents-header p.lead{font-size:36px; line-height:1.4; margin-bottom:20px;}

@media screen and (max-width: 767px) {
.contents{padding:20px; margin-right:auto; margin-left:auto;margin-top:0px;  width:100%; box-shadow:none;}
.contents .text{ width:100%;}
.contents::before, .contents::after{content:none;}
.contents-header{padding:0px;margin-bottom: 20px;}
.contents-header p{font-size:14px; line-height:1.5;}
.contents-header p.lead{font-size:22px; margin-bottom:20px;}
}




/*=======  メインビジュアル  =======*/
.main-visual {width: 100%;     height: 100vh;/*スライダー全体の縦幅を画面の高さいっぱい（100vh）にする*/}

.main-visual .copy{    width: 55%; text-align:center;background:rgba(64,145,141,0.5); padding:20px; position:absolute;font-family: 'Noto Serif JP', serif; color:#FFF; font-size:36px; line-height:1.7;     z-index: 0;top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);}
/*スクロールダウン全体の場所*/
.main-visual .scrolldown{
    /*描画位置※位置は適宜調整してください*/
  position:absolute;
  bottom:10px;
  left:50%;
}

/*Scrollテキストの描写*/
.main-visual .scrolldown span{
    /*描画位置*/
  position: absolute;
  left:10px;
  bottom:10px;
    /*テキストの形状*/
  color: #eee;
  font-size: 0.7rem;
  letter-spacing: 0.05em;
  /*縦書き設定*/
  -ms-writing-mode: tb-rl;
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
}

/* 丸の描写 */
.main-visual .scrolldown:before {
    content: "";
    /*描画位置*/
    position: absolute;
    bottom:0;
    left:-4px;
    /*丸の形状*/
  width:10px;
  height:10px;
  border-radius: 50%;
  background:#eee;
    /*丸の動き1.6秒かけて透過し、永遠にループ*/
  animation:
    circlemove 1.6s ease-in-out infinite,
    cirlemovehide 1.6s ease-out infinite;
}

/*下からの距離が変化して丸の全体が上から下に動く*/
@keyframes circlemove{
      0%{bottom:45px;}
     100%{bottom:-5px;}
 }

/*上から下にかけて丸が透過→不透明→透過する*/
@keyframes cirlemovehide{
      0%{opacity:0}
     50%{opacity:1;}
    80%{opacity:0.9;}
  100%{opacity:0;}
 }

/* 線の描写 */
.main-visual .scrolldown:after{
  content:"";
    /*描画位置*/
  position: absolute;
  bottom:0;
  left:0;
    /*線の形状*/
  width:2px;
  height: 50px;
  background:#eee;
}


@media screen and (max-width: 768px) {
.main-visual {}
.main-visual .copy{width:80%; font-size:24px;}
}

@-webkit-keyframes kenburns{0%{transform:scale(1.25)}100%{transform:scale(1)}}@keyframes kenburns{0%{transform:scale(1.25)}100%{transform:scale(1)}}
/*=======  トップ：医院理念  =======*/
.top-pholosophy{ position:relative; height:100vh; background-color:#f8f8f8; background-image:url(/image/bg-philosophy.jpg); background-repeat:no-repeat;}
.top-pholosophy .inner{  width: 70%; height:70%; position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);    background-color:#f8f8f8; 	}
.top-pholosophy .inner .item{width:100%; padding:40px;position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);}
.top-pholosophy .inner .item h2{}
.top-pholosophy .inner .text{ line-height:2; font-size: 17px;font-family: 'Noto Serif JP', serif;}
.top-pholosophy .inner .text p{margin-bottom:20px;}
.top-pholosophy .inner .text p:last-child{margin-bottom:0px;}

@-webkit-keyframes bgroop {
    from {
        background-position: 0  0;
    }
    to {
        background-position: -1956px 0;
    }
}
@keyframes bgroop {
    from {
        background-position: 0 0;
    }
    to {
        background-position: -1956px 0;
    }
}

@media screen and (max-width: 768px) {
.top-pholosophy{padding-top:0px;height: 100vh; background-color:#FFF;}
.top-pholosophy:after, .main-copy:before {content: "";clear: both;display: block;}
.top-pholosophy .bg-box{height:100vh;}
.top-pholosophy .bg-box .light-blue{height:25vh; margin-top:75vh}
.top-pholosophy .bg-light-gray{display:none;}
.top-pholosophy .inner{width:90%; padding-bottom:0px; height:80%; }
.top-pholosophy .inner .item{padding:20px; }
.top-pholosophy .inner .text{font-size:14px; line-height:1.4;}
.top-pholosophy .inner .text p{margin-bottom:15px;}
}

/*=======  トップ：ABOUTUS  =======*/
.top-aboutus{ padding:80px 0px; background-color:#FFF;}
.top-aboutus .box{display:-webkit-box;display:-ms-flexbox;display:flex;}
.top-aboutus .box .item{width:50%; border:solid 1px #CCC; margin-left:-1px;}
.top-aboutus .box .item .photo{ position:relative;}
.top-aboutus .box .item .photo:before{content: "";   position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;   background: linear-gradient(rgba(0, 168, 202, .1),  rgba(0, 168, 202, .1));}
.top-aboutus .box .item .photo img{width:100%; height:180px; object-fit:cover;}

.top-aboutus .box .item .text{padding:30px;}
.top-aboutus .box .item .text h3{ color:#00a8ca; font-weight:500;}
@media screen and (max-width: 768px) {
.top-aboutus{ padding:40px 0px;}
.top-aboutus .box{-ms-flex-wrap: wrap;flex-wrap: wrap;}
.top-aboutus .box .item{width:100%;}
.top-aboutus .box .item .text{padding:10px;}
}

/*=======  トップ：感染対策  =======*/
.infection-control{padding:80px 0px; background-color:#f5f5f5; }
.infection-control img{width:100%;}
.infection-control video{width:100%;}
@media screen and (max-width: 768px) {
.infection-control{padding:40px 0px; }

}
/*=======  トップ：ニュース  =======*/
.topics{padding:80px 0px;  background-image:url(/image/bg-news.jpg); background-repeat:no-repeat; }
.topics .inner{width:1000px; margin:0 auto;}
.topics .box {background-repeat: no-repeat;
    background-position: bottom;
    padding-bottom: 5px;
    height: 300px;
    margin-top: 0px;
    margin-right: 0px;
    margin-left: 0px;
	background-color:#FFF;}
	
.topics .box dl {
    list-style-type: none;
    text-align: left;
    margin: 0px;
    padding: 20px;
    height: 300px;
    overflow: auto;
	display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap: wrap;flex-wrap: wrap;
}
.topics .box dt {
    width: 10%;
    line-height: 2;
    margin-bottom: 3px;
}
.topics .box dd {
	width:90%;
    padding: 0px;
    overflow: hidden;
    _zoom: 1;
    line-height: 2;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 3px;
    margin-left: 0px;
}
.topics .box dd  a{color:#00a8ca; text-decoration:underline;}
.topics .box dd span{font-weight:bold;}

@media screen and (max-width: 768px) {
.topics{padding:40px 0px; }
.topics .inner{width:90%; }

.topics .box dl{padding:10px;}
.topics .box dt{width:100%; line-height:1.4;}
.topics .box dd {width:100%;line-height:1.4;  border-bottom:solid 1px #CCC;}

}


/*=======  医院のご紹介  =======*/
.about{}
.about .facility{ border:solid 1px #CCC;}
.about .facility h3{ font-size:20px;}
.about .facility .box{display:-webkit-box;display:-ms-flexbox;display:flex;}
.about .facility .box .item{ width:50%; height:400px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.about .facility .box .item img{width:100%; height:100%; object-fit:cover;}
.about .facility .box .item .text{padding:40px; margin-bottom:0px;}
.about .facility .box:nth-child(even){-webkit-box-orient: horizontal;  -webkit-box-direction: reverse;  -ms-flex-direction: row-reverse;  flex-direction: row-reverse;}



@media screen and (max-width: 768px) {
.about .facility .box{-ms-flex-wrap: wrap;flex-wrap: wrap;}
.about .facility .box .item{ width:100%; height:230px;}
.about .facility .box .item .text{padding:20px;}
}

/*=======  診療内容  =======*/
.treatment{}
.treatment .menu{}
.treatment .menu .box{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.treatment .menu .box .item{ text-align:center; font-size:17px; margin-bottom:40px; width:25%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column;  flex-direction: column;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.treatment .menu .box .item .photo{width:180px;height: 180px;margin-bottom:10px; text-align:center;}
.treatment .menu .box .item .photo img{border-radius: 50%; width:100%; height:100%;object-fit: cover; display:block; }
.treatment .menu .box .item span{font-size:13px;}


@media screen and (max-width: 768px) {
.treatment .menu .box .item{width:50%; font-size:15px; margin-bottom:20px;}
.treatment .menu .box .item .photo{width:90%; height:auto;margin-bottom:5px;position: relative;}
.treatment .menu .box .item .photo:before{content: "";  display: block;padding-top:100%;}
.treatment .menu .box .item .photo img{width:90%; height:90%;margin: 0 auto;position: absolute;top: 0;  right: 0;  bottom: 0;  left: 0;  margin: auto;}
}


/*=======  初めてご来院の方へ  =======*/
.new_patient{}
.new_patient .flow{}
.new_patient .flow .box{}
.new_patient .flow .box .item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between; height:220px; margin-bottom:20px;}
.new_patient .flow .box .item .photo{ width:35%; position:relative;}
.new_patient .flow .box .item .photo span{position:absolute; top:0; left:0; background-color:#00a8ca; color:#FFF; width:50px; height:50px; line-height:50px; text-align:center; font-size:24px;font-family: 'Zen Old Mincho', serif;}
.new_patient .flow .box .item .photo img{width:100%; height:100%; object-fit:cover; }
.new_patient .flow .box .item .text{ width:60%; height:100%; margin-bottom:0px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column;  flex-direction: column;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
.new_patient .flow .box .item .text h3{color:#00a8ca; font-size:18px; font-weight:normal;line-height: 1;}

@media screen and (max-width: 768px) {
.new_patient .flow .box .item{display:block; height:auto; margin-bottom:30px;}
.new_patient .flow .box .item .photo{width:100%; height:120px; object-fit:cover; margin-bottom:10px;}
.new_patient .flow .box .item .text{width:100%;}
.new_patient .flow .box .item .text h3{line-height:inherit;}
}
/*=======  スタッフ紹介  =======*/
.staff h2{position: relative;   text-align: center; display:block;padding-bottom: 20px;}
.staff h2 span {  font-size: 14px;  display: block;}
.staff h2:before {  position: absolute;  bottom: -10px;  left: calc(50% - 30px);  width: 60px;  height: 3px;  content: '';  border-radius: 3px;  background: #00a8ca;  margin-right:0px;}
.staff h2:after{content:none;}
.staff .introduction{
	width: 90%;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 100px;
	margin-left: auto;
}
.staff .introduction .text{width:100%;}
.staff .introduction th{font-weight:normal; text-align:left; padding-left:30px;}
.staff .introduction td.other{background-color:rgba(0, 168, 202, .05);}
.staff .introduction .doctor-photo{
	text-align: center;
	width: 30%;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 40px;
	margin-left: auto;
}
.staff .introduction .doctor-photo img{width:100%; height:auto;}
.staff .staff-photo{position:relative;}
.staff .staff-photo:before{content: "";   position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;   background: linear-gradient(rgba(0, 168, 202, .1),  rgba(0, 168, 202, .1));}

@media screen and (max-width: 768px) {
.staff .introduction{width:100%;}
.staff .introduction th{ padding:10px;}
.staff .introduction .doctor-photo{ width:100%; margin-bottom:20px;}
}

/*=======  求人  =======*/
.recruit{}
.recruit .box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between; }
.recruit .box .item{width:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.recruit .box .item img{width:100%; height:100%; object-fit:cover;}
.recruit .box .item img.doctor{height:400px;object-position: 0 0}
.recruit .box .item .text{padding:30px; margin-bottom:0px;}

.recruit .seminor{}
.recruit .seminor .box{-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.recruit .seminor .box .item{display:block;width:48%; margin-bottom:30px;}
.recruit .seminor .box .item .photo{margin-bottom:20px;}
.recruit .seminor .box .item .photo img{height:160px; object-fit:cover;}
.recruit .seminor .box .item table{width:100%; margin-bottom:40px;}
.recruit .seminor .box .item table th{width:20%; white-space:nowrap;}
.recruit .banner{}
.recruit .banner a{
	display: block;
	text-align: center;
	width: 60%;
	background: #00a8ca;
	color: #FFF;
	margin-top: 40px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
	font-size:18px;
	transition-duration: .3s;
}
.recruit .banner a:hover{color: #fff;background: #007a96;transition-duration: .3s;}	
@media screen and (max-width: 768px) {
.recruit .box{-webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column;  flex-direction: column; margin-bottom:20px;}
.recruit .box.reverse-sp{-webkit-box-orient: vertical;-webkit-box-direction: reverse; flex-direction: column-reverse;}
.recruit .box .item{width:100%;}
.recruit .box .item .text{padding:0px;}
.recruit .box .item img{margin-bottom:10px;}
.recruit .seminor .box{display:block;}
.recruit .seminor .box .item{width:100%;}
}
/*=======  フッター：感染対策  =======*/
.clinic-info{padding:80px 0px; background-color:#f1fdff;}
.clinic-info .box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
.clinic-info .box .item{width:48%;}
.clinic-info .box .item h3{font-family: 'Zen Old Mincho', serif; font-size:30px; font-weight:500; margin-bottom:20px;}
.clinic-info .box .item .text{margin-bottom:15px;}
.clinic-info .box .item .text h4{color:#00a8ca; font-weight:500;}
.clinic-info table{ border:solid 1px #666; width:100%;}
.clinic-info table td,.clinic-info th{padding:3px; text-align:center; font-size:15px;}
.clinic-info th{background-color:#666; color:#FFF;}
.clinic-info th{width:10%;}
.clinic-info th:first-child{width:30%;}
.clinic-info td{ border-top:solid 1px #666; background-color:#FFF;padding:15px 3px !important; position:relative;}
.clinic-info td.hour{background-color:#efefef;}
.clinic-info td span.sat{position: absolute;    bottom: -2px;    left: 50%;    transform: translateX(-50%); font-size:13px; }
.clinic-info tr{ border-bottom:solid 1px #666 !important;}
.clinic-info .mynumber{ display:flex;align-items: center;justify-content: space-between; font-size:14px;}
.clinic-info .mynumber .photo{width:20%;}
.clinic-info .mynumber .text{width:75%; margin-bottom:0 !important;}
.clinic-info .mynumber img{width:100%;}

@media screen and (max-width: 768px) {
.clinic-info{padding:40px 0px; }
.clinic-info .box{-ms-flex-wrap: wrap;flex-wrap: wrap;}
.clinic-info .box .item{width:100%;}
.clinic-info .box .item h3{text-align:center;}
.clinic-info .box .item:first-child{margin-bottom:40px;}
.clinic-info table{margin-top:10px;}
.clinic-info table td,.clinic-info th{width:auto !important; display:table-cell !important;}
.clinic-info table td,.clinic-info th{font-size:13px;vertical-align: middle;}
.clinic-info th{width:11% !important;}
.clinic-info th:first-child{width:23% !important;}
.clinic-info td span.sat{bottom: 5px; }

}
/*=======  部品  ======*/
.mt25{margin-top:25px !important;}
.mb50{margin-bottom:50px !important;}
.pt45{padding-top:45px !important;}
.pb50{padding-bottom:50px !important;}
.bg-white{background-color:#FFF;}
.bg-blue{background-color:#EFFBFF;}
.bg-light-gray{background-color:#f8f8f8; }
.btn-more{
	width: 300px;
	margin-top: 40px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
.btn-more a{display:block;color: #fff;background: #00a8ca;transition-duration: .3s; text-align:center; padding:15px 0px; }
.btn-more a:hover{color: #fff;background: #007a96;transition-duration: .3s;}	
.btn-more-small a{display:block;color: #fff;background: #00a8ca;transition-duration: .3s; text-align:center; padding:5px 0px; }
.btn-more-small a:hover{color: #fff;background: #007a96;transition-duration: .3s;}	




.blue{color:#00a8ca; }	
.red{color:red; }	
.photo-center{text-align:center; margin:0 auto; margin-bottom:40px;}


table {width:100%;}
table th, table td{padding:10px;border-top:solid 1px #CCC;}
table th{background-color:#f8f8f8; width:20%; text-align:center;vertical-align: middle; font-weight:normal;}
table tr:last-child{border-bottom:solid 1px #CCC;}
.img100{width:100%; height:auto;}

/*=======  フォーム  ======*/
.form{width:80%; margin:0 auto;}
.form .item{  width: 100%;
  border: 2px solid #aaa;
  border-radius: 4px;
  margin: 8px 0;
  outline: none;
  padding: 8px;
  box-sizing: border-box;
  transition: 0.3s;
    padding-left: 60px;
	display:-webkit-box;display:-ms-flexbox;display:flex;

}


.form textarea{ width: 100%;
  border: 2px solid #aaa;
  border-radius: 4px;
  margin: 8px 0;
  outline: none;
  padding: 8px;
  box-sizing: border-box;
  transition: 0.3s;
    padding-left: 60px;
	display:-webkit-box;display:-ms-flexbox;display:flex;}
.form textarea:focus {
  border-color: #00a8ca;
  box-shadow: 0 0 8px 0 #00a8ca;
}
.inputWithIcon.inputIconBg textarea:focus + i {
  color: #fff;
  background-color: #00a8ca;
}
textarea i {
  position: absolute;
  left: 0;
  top: 8px;
  padding: 9px 8px;
  color: #aaa;
  transition: 0.3s;
  line-height:1.4;
  width:50px;
  text-align:center;
  font-size:20px;
  height:100%;
}


.form .item span{background-color:#aaa; padding:0 5px; margin-right:20px; color:#FFF; }
.form .item label{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center; margin-right:20px;}
.form .item label:hover{cursor:pointer;}

input[type="text"] {
  width: 100%;
  border: 2px solid #aaa;
  border-radius: 4px;
  margin-bottom: 0px;
  outline: none;
  padding: 8px;
  box-sizing: border-box;
  transition: 0.3s;
}

input[type="text"]:focus {
  border-color: #00a8ca;
  box-shadow: 0 0 8px 0 #00a8ca;
}

.inputWithIcon input[type="text"] {
  padding-left: 60px;
}
.inputWithIcon input[type="radio"] { margin-right:5px;}
.inputWithIcon {
  position: relative;
  margin-bottom:20px;
}

.inputWithIcon i {
  position: absolute;
  left: 0;
  top: 0px;
  padding: 9px 8px;
  color: #aaa;
  transition: 0.3s;
  line-height:1.4;
  width:50px;
  text-align:center;
  font-size:20px;
    background-color: #aaa;
  color: #fff;
  padding: 9px 4px;
  border-radius: 4px 0 0 4px;
   height:100%;

}
.inputWithIcon i:before{position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);}

.form .item i{top: 0px;}


.inputWithIcon input[type="text"]:focus + i {
  color: #00a8ca;
}


.inputWithIcon input[type="text"]:focus + i,
.inputWithIcon textarea:focus + i  {
  color: #fff;
  background-color: #00a8ca;
}

input[type="submit"]{background-color:#00a8ca; border-radius:25px; color:#FFF; padding:5px 30px;transition-duration: .3s;  margin:0 10px;}
input[type="button"]{background-color:#dfdfdf; border-radius:25px; color:#FFF; padding:5px 30px;transition-duration: .3s; color:#222; margin:0 10px; font-size:13px;}
input[type="submit"]:hover{background: #007a96;
    transition-duration: .3s;}



@media screen and (max-width: 768px) {
.form{width:100%;}
.form .item{display:block;}
.form .item span{margin-bottom:10px; margin-right:0px;    display: inline-block;}
.inputWithIcon i{line-height:1.2;}
table th, table td{width:100% !important; display:block !important; text-align:left;}
.btn-more{
	width: 80%;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
.photo-center{margin-bottom:20px;}
.img100-sp{width:100%; height:auto;}
}


/*==============================
ページトップ
==============================*/

#page_top {position: fixed;bottom: 30px;left: calc(100vw - 100px); display:none;}
#page_top a {background-color: #999;color: #fff;text-align: center;	text-decoration: none;font-size: 24px;padding-top: 6px;	padding-right: 15px;padding-bottom: 10px;padding-left: 15px;}
#page_top a:hover {background-color: #666;text-decoration: none;}

@media screen and (max-width: 768px) {
#page_top {bottom: calc(100vh - 95vh);left:auto; right:30px; }
#page_top a{}
}

/*=======  スライダー  =======*/
.slider {/*横幅94%で左右に余白を持たせて中央寄せ*/    width:100%;    margin:0 auto;}
.slider img {    width:20vw;/*スライダー内の画像を60vwにしてレスポンシブ化*/    height:auto;}
.slider .slick-slide {  transform: scale(0.8);/*左右の画像のサイズを80%に*/  transition: all .5s;/*拡大や透過のアニメーションを0.5秒で行う*/  opacity: 0.8;}
.slider .slick-slide.slick-center{  transform: scale(1);/*中央の画像のサイズだけ等倍に*/  opacity: 1;/*透過なし*/}


/*矢印の設定*/
/*戻る、次へ矢印の位置*/
.slick-prev, 
.slick-next {position: absolute;top: 0; height:100%; width:12%;cursor: pointer;outline: none;filter: drop-shadow(1px 1px 3px rgba(0,0,0,0.6)); font-size:20px; color:#FFF;}

.slick-prev {left:27%;z-index:100;}
.slick-prev:before{ content:""; width: 30px;
    height: 30px;
    border-top: 2px solid #FFF;
    border-right: 2px solid #FFF;
    -ms-transform: rotate(225deg);
  -webkit-transform: rotate(225deg);
  transform: rotate(225deg);
	position: absolute;
    top: 45%;
    left: 50%;
}


.slick-next {right:27%;z-index:100;}
.slick-next:before{  content:""; width: 30px;
    height: 30px;
    border-top: 2px solid #FFF;
    border-right: 2px solid #FFF;
    -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
	position: absolute;
    top: 45%;
    left: 50%;}
/*ドットナビゲーションの設定*/
.slick-dots {    text-align:center;  margin:20px 0 0 0;}
.slick-dots li {    display:inline-block;  margin:0 5px;}
.slick-dots button {    color: transparent;    outline: none;    width:8px;    height:8px;    display:block;    border-radius:50%;    background:#ccc;}
.slick-dots .slick-active button{    background:#333;}



@media screen and (max-width: 768px) {
.slider img {width:46vw;/*スライダー内の画像を46vwにしてレスポンシブ化*/    height:auto;}
.slick-prev, 
.slick-next {width:25%;}
.slick-prev {left:0;}
.slick-next {right:0;}
}


/*=======  サイトマップ  =======*/
.sitemap{}
.sitemap .box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
.sitemap .box a{ width:14.2%; height:120px; position:relative; overflow:hidden; border:solid 1px #FFF; margin-bottom:-1px;display:block;z-index: 0;}
.sitemap .box a:before{content: "";   position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;   background: linear-gradient(rgba(0, 168, 202, .1),  rgba(0, 168, 202, .1));}
.sitemap .box a img{width:100%; height:100%; object-fit:cover;transition: 0.5s ease;}
.sitemap .box a:hover img{ transform: scale(1.1,1.1);transition: 0.5s ease;}
.sitemap .box a h4{position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
	z-index:1;
	width:80%; text-align:center;background: rgba(10,131,153,0.7); color:#FFF;}



@media screen and (max-width: 768px) {
.sitemap .box{-ms-flex-wrap: wrap;flex-wrap: wrap;}
.sitemap .box a{ width:50%; height:100px;}
}




/*=======  フッター  ====*/
.footer{padding:5px 0px;  font-size:12px; text-align:center;}

@media screen and (max-width: 768px) {
.footer{margin-bottom:0px; text-align:center;}
}


@media screen and (max-width: 768px) {
.pc{display:none;}
}

@media screen and (min-width: 769px) {
.sp{display:none;} 
}


.vegas-slide{position:fixed; bottom:0px; z-index:-1;}

.display-none{display:none;}