@charset "UTF-8";
/*
 * style_sp.css
 *
 *  version --- 1.0
 *  updated --- 2017/11/30
 */


body {
	font-size: 1.4rem;
}

.sp_hide{
    display: none;
}

/* !wrapper
---------------------------------------------------------- */
#wrapper {
	position:relative;
	overflow:hidden;
	width:100%;
	min-height:100vh;
}

/*loading*/
#loading{
	background: #FFF;
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 9000;
} 
#loading .logo{  
    position: fixed;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	display: none;
	z-index: 9999;
	width: 200px;
} 

/* !header
---------------------------------------------------------- */
#header {
	position:relative;
	z-index: 99;
	width:100%;
	background:#fff;
	font-family: dnp-shuei-gothic-gin-std, sans-serif;
} 
#headerIn {
	padding:0 18px;
	margin:auto; 
}
#headerLogo { 
	display: flex;
	align-items: center;
	height:65px;  
}
#headerLogo img{height:42px;}
.headLinks {
	display: flex;
	flex-direction: column;
	justify-content: center; 
	padding:25px;
} 
.headLinks .contact{
	display: block;
	padding:10px 0;
	background:url(../img/common/ico_email_green.png) no-repeat 10% center,
		url(../img/common/ico_link_green.png) no-repeat 90% center; 
	background-color:#fff;
	background-size:26px;
	border-radius:8px;
	text-align: center;
	color:#39b04a; 
	font-size:1.7rem;
	font-weight:bold;
}

.headLinks .tel{ 
	margin-bottom: 5px;
	padding-left:24px;
	background:url(../img/common/ico_tel.png) no-repeat left center;
	background-size:20px;
	color:#ef775b;
	font-size:2.6rem;
}
.headLinks .times{
	position: relative;
	margin-bottom: 5px;
	padding-left:60px;
	line-height: 1.3;
	color:#4d4d4d;
	font-size:1.2rem;
	font-weight:bold;
}
.headLinks .times:before{
	content:"受付時間";
	position: absolute;
	left:5px;
	top:0;
}
.headLinks .contact:hover{
	opacity: 0.7;
}
 
.btnMenu{
	display: block;
	width: 72px;
	height: 65px; 
	position:absolute;
	right:0;
	top:0;
	z-index: 3;
	background:url(../img/common/ico_menu.png) no-repeat center #39b04a;
	background-size:60%;
}
.btnMenu.active{
	background-image:url(../img/common/ico_menu_close.png);
}  

.isTablet#top #header{height:800px;} 
#top #headerLogo{
	padding-left:18px;
}  

/* !gNavi
---------------------------------------------------------- */ 
#gNavi {   
	position: fixed;
	right:0;
	top:0;
	bottom:0;
	z-index: 1;
	transition: 0.3s;
	transform: translateX(100%);
	padding:85px 0 80px;
	overflow-y: scroll;
	width:70%;
	height: 100vh;
	background:#39b04a;
} 
#gNavi:before{
	content:"MENU";
	position:absolute;
	left:25px;
	top:43px;
	transform: translateY(-50%);
	font-size:2rem;
	color:#fff;
}
#gNavi.on{
	transform: translateX(0);
}
.navBg{
	display: none;
	position: fixed;
	right:0;
	top:0;
	z-index: 0;
	width:100%;
	height:100vh;
	background:rgba(26,26,26,0.4);
} 
#gNavi li{border-top:1px solid #fff;}
#gNavi li:last-child{border-bottom:1px solid #fff;}
#gNavi li a {
	display: block;
	position: relative;
	padding:16px 25px;
	line-height: 1.2; 
	color: #fff;
	font-size:1.5rem;
} 
#gNavi li a:after{
	content:""; 
} 

#gNavi > ul > li:hover > a:after{ 
	background:#8ebc4b;
	transform: scaleX(1);
} 
  

/*** タブレット ***/
@media screen and (max-width: 374px){
	#headerLogo img {
		height: 35px;
	}
}

/* !mainVisual
---------------------------------------------------------- */

/* !mainVisual
---------------------------------------------------------- */
#mainVisual { 
	position: relative;
	width:100%;
}
#mainVisual .rightSlide{display:none;}
.mainSlide{
	
}
.mainSlide .item{
	height:250px;
}
.isTablet .mainSlide .item{
	height:700px;
}
#mainVisual .mainTxt{
	position:absolute;
	right:15px;
	bottom:35px;
	line-height: 1.7;
	letter-spacing: 0.05em;
	color:#fff;
	font-size:2rem;
	text-shadow: 0 0 5px #464646;
}

.latestNews{}
.latestNews dl{ 
	margin:0 15px;
	padding-bottom:5px; 
	background:#fff; 
	border-bottom: 1px solid #cacaca; 
}
.latestNews dt { 
	margin-bottom:10px; 
	letter-spacing: 0.05em;
	color:#008d45;
	font-size:1.5rem;
}
.latestNews dd{
	margin:5px 0; 
	font-size:1.4rem;
}

.latestNews dd ul{
	list-style: none;
}

.latestNews dd ul li{
	overflow:hidden;  
	text-overflow:ellipsis;  
	white-space:nowrap;
}

.latestNews dd ul li:nth-child(n + 2){
	margin-top: 5px;
}
.latestNews dd .date{margin-right:15px;}
.latestNews dd .link{
	float:right;
	color:#008d45;
	font-size:1.6rem;
}
.latestNews dd a:hover{text-decoration:underline;}


/* !teaser
---------------------------------------------------------- */
#teaser {
	display: flex;
	align-items:center;
	justify-content: center;
	position: relative;
	height:180px;
	background-repeat:no-repeat;
	background-position: top center; 
	background-size:cover;
}
#recruit #teaser{background-image:url(../img/recruit/img_teaser.png);}
#policy #teaser{background-image:url(../img/policy/img_teaser.jpg);}
#contact #teaser{background-image:url(../img/contact/img_teaser.jpg);}
#about #teaser{background-image:url(../img/about/img_teaser.jpg);}
#outpatient #teaser{background-image:url(../img/outpatient/img_teaser.jpg);}
#inspection #teaser{background-image:url(../img/inspection/img_teaser.jpg);}
#dock #teaser{background-image:url(../img/dock/img_teaser.jpg);}
#houmon #teaser{background-image:url(../img/houmon/img_teaser.jpg);} 
#inpatient #teaser{background-image:url(../img/inpatient/img_teaser.jpg);}
#teaser .hdL{ 
	padding-bottom:0px;
	margin-bottom:0px;
	border-bottom:0;
}
#teaser .hdL .eng,
#teaser .hdL .jap{
	color:#fff;
}

/* !breadcrumb
---------------------------------------------------------- */
#breadcrumb {
	display: none;
} 

/* !contents
---------------------------------------------------------- */
#contents {
	padding-top:30px;
}

#main {
	
}

#side {
	
}

.inner { 
	/*padding:0 15px; */
	width: 350px;
	margin: 0 auto;
} 

/* !footer
---------------------------------------------------------- */
#footer {
}
.contactLinks{
	padding:0 10px;
	background:#fff;
	border-radius:12px;
	font-family: dnp-shuei-gothic-gin-std, sans-serif;
}
.contactLinks .tit{ 
	padding:15px 0;
	margin-bottom:15px; 
	border-bottom:1px solid #9cd8a5; 
	text-align: center;
	color:#006837;
	font-size:1.5rem;
	font-weight: bold;
}  
.contactLinks .headLinks{padding:0 20px;}
.contactLinks .headLinks .tel{ 
	padding-left: 30px;
	background-size:auto;
	font-size:3rem;
}
.contactLinks .headLinks .times{
	padding-left: 100px;
	font-size:1.4rem;
}
.headLinks .times:before{
	left:15px;
}
.contactLinks .links{ 
}
.contactLinks .links a{
	display:flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	padding:14px; 
	margin-top:15px; 
	border-radius:10px;
	letter-spacing: 0.05em;
	color:#fff;
	font-size:1.5rem;
	font-weight: bold;
}
.contactLinks .links .email{
	background:url(../img/common/ico_email_white.png) no-repeat 8% center,
		url(../img/common/ico_link.png) no-repeat 92% center;
	background-color: #ef775b;
	background-size:24px, 22px;
}
.contactLinks .links .faq{
	background:url(../img/common/ico_mark.png) no-repeat 8% center,
		url(../img/common/ico_link.png) no-repeat 92% center;
	background-color:#3ab21d;
	background-size:15px, 22px;
}
.contactLinks .links a:hover{
	opacity:0.7;
}
#footer .footerIn {
	margin:auto;
	padding:0 15px; 
} 
.footContent{
	position: relative;
	padding:30px 0 25px;
	background:#8ebc4b;
	color:#fff;
}
#footer .access{ 
	padding:0 0 15px;
}
.footLogo{ 
	display: block;
	margin-bottom:15px;
} 
#footer .access .add{
	line-height: 1.65; 
	font-size:1.4rem;
	font-weight: bold;
}
#footer .access .tel{color:#fff;}
.pageTop {
	display: none;
	position: fixed;
	bottom: 10%;
	right: 2%;
	z-index: 1000;
	/*
	position:absolute;
	right:5px;
	top:-30px;
	*/
}
.pageTop img{width:65px;} 

#copyright {
	margin-top:30px;
	text-align: center;
	letter-spacing: 0.15em;
	font-family: dnp-shuei-gothic-gin-std, sans-serif;
	font-size:1rem;
	font-weight: bold;
}

/*** タブレット ***/
@media screen and (max-width: 374px){
	#footer .access .add{font-size:1.2rem;}
	.contactLinks .headLinks {
		padding: 0 15px;
	}
	.headLinks .times:before {
		left: 5px;
	}
	.contactLinks .headLinks .tel {
		padding-left: 25px;
		background-size: 20px;
		font-size: 2.4rem;
	}
	.contactLinks .headLinks .times {
		padding-left: 60px;
		font-size: 1.2rem;
	}
}

/* !h(n)eading
---------------------------------------------------------- */
.hdL {
	padding-bottom:10px;
	margin-bottom:12px;
	border-bottom:1px solid #87c13f;
	text-align: center;
}
.hdL .eng{
	display:block;
	margin-bottom:12px;
	letter-spacing: 0.1em;
	color:#87c13f;
	font-weight: bold;
	font-size:1.3rem;
}
.hdL .jap{
	letter-spacing: 0.2em;
	color:#333;
	font-size:1.8rem;
}

.hdL .reservate {
   /* position: absolute;
    right: 10%;
    bottom: 10px;*/
    padding: 4px 20px;
    background: #e81c24;
    color: #fff;
    font-weight: bold;
    font-size: 1.5rem;
}
* {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.hdM { 
	background-repeat: no-repeat;
	letter-spacing: 0.2em;
	text-align: center;
	color:#008d45;
	font-size:2.2rem;
}
.hdM span{ background-repeat: no-repeat; }
.hdM .ico_hd01{ background-image:url(../img/common/ico_hd01.png);}
.hdM .ico_hd02{ background-image:url(../img/common/ico_hd02.png);}
.hdM .ico_hd03{ background-image:url(../img/common/ico_hd03.png);}
 
.hd01{
	margin-bottom:15px;
	letter-spacing: 0.2em;
	text-align:center;
	font-size:1.5rem;
}
.hd02{
	padding-bottom:8px;
	margin-bottom:10px;
	border-bottom:1px solid #39b04a;
	letter-spacing: 0.2em;
	text-align:center;
	color: #006837;
	font-size:1.7rem;
	font-weight:bold;
}
.hd03{
	padding:1px 16px;
	margin-bottom:10px;
	background:#39b04a;
	border-radius:8px;
	letter-spacing: 0.2em;
	font-family: dnp-shuei-gothic-gin-std, sans-serif;
	color:#fff;
	font-size:1.7rem;
}
 

/* !list
---------------------------------------------------------- */
.col02 li{
	float:left;
	width:50%;
} 
.col03 li{
	float:left;
	width:33.33%;
} 
.col04 li{
	float:left;
	width:25%;
} 


/* !common
---------------------------------------------------------- */
.pc {
	display: none;
}

.tel{
	pointer-events:inherit;
	font-family: dnp-shuei-gothic-gin-std, sans-serif;
}

.pt60{padding-top:30px;}
.pb60{padding-bottom:30px;}
.mb60{margin-bottom:30px;}
.mb30{margin-bottom:15px;}
.mb20{margin-bottom:10px;}
.mb15{margin-bottom:8px;}
.mb10{margin-bottom:5px;}
.mt30{margin-top:15px;}
.mb15{margin-bottom:8px;}

.imgBox{
	width: 100%;
	display: block;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
.imgBox img{
	width: 100%;
}

.txtStyle{ 
	margin:auto;  
}
.lineheight{
	line-height: 1.85;
}
.fS16{font-size:1.4rem;letter-spacing: -0.02em;}
.fS18{font-size:1.4rem;}
.fS20{font-size:1.6rem;}
.noteList01 li{
	margin-bottom:20px;
	padding-left:1em;
	text-indent: -1em;
	line-height: 1.31;
}
.noteList02 li{ 
	padding-left: 1.35em;
    text-indent: -1.35em;
}
.noteList02 li:before{ 
	content:"●";
	margin-right: 5px;
	color:#87c13f;
}
.endMark{
	margin-top:15px;
	text-align: right;
} 

.anchorArea{position:relative;}
.anchorArea .anchor{
	position:absolute;
	top:0;
}

.infoList{position:relative;}
.infoList dl{
	padding:15px 0;
	border-bottom:1px solid #c7c7c7;
}
.infoList dt{ 
	margin-bottom:10px;
}
.infoList dd{
	overflow:hidden;
}
.infoList dd a:hover{
	text-decoration:underline;
}
.toList{
	display:block;
	width:110px;
	padding:8px 0;
	margin:24px auto 0;
	background:#fff;
	border:1px solid #b7b9b4;
	border-radius:10px;
	text-align: center;
	font-size:1.7rem;
}
.flexBetween{
	display:flex;
	justify-content: space-between;
}


/*==============================================================
recruit.html
==============================================================*/
.recruitFlow{
	background:url(../img/recruit/bg01.jpg) no-repeat center;
	background-size:cover;
}
.recruitFlow .bg{
	padding:20px 10px;
	background:rgba(255,255,255,0.8);
}  
.flowList dl{
	position:relative;
	padding:15px;
	margin-bottom:30px;
	background:#fff;
	border-radius:8px;
	border:1px solid #87c13f;
}
.flowList dl:after{
	content: "";
	display: block;
	clear: both;
}
.flowList dl + dl:before{
	content: "";
	position: absolute;
	left:50%;
	top:-15px;
	transform: translate(-50%, -50%);
	width:0;
	height:0;
	border-top:14px solid #87c13f;
	border-left:16px solid transparent;
	border-right:16px solid transparent;
}
.flowList dt{ 
	position: relative; 
	margin-bottom:10px;
	letter-spacing: 0.05em;
	color: #008d45;
    font-size: 1.8rem;
    font-weight: bold;
} 
.flowList dd{ 
	letter-spacing: 0.1em;
}

.serviceLinks ul{ 
	margin-bottom:25px;
}
.serviceLinks li{
	padding:40px 60px;
	margin-bottom:16px;
	position: relative;
}
.serviceLinks li .bor{
	padding:13px 15px;
	background:rgba(255,255,255,0.7);
}
.serviceLinks li .bg{
	padding:35px 10px; 
}
.serviceLinks li.entry .bg{
	background:rgba(41,166,221,0.7);
}
.serviceLinks li.about .bg{
	background:rgba(135,193,63,0.7);
}
.serviceLinks .hdL {
    padding-bottom: 0px;
    margin-bottom: 0px;
    border-bottom: 0;
}
.serviceLinks  .hdL .eng{
    color: #fff; 
}
.serviceLinks  .hdL .jap {
	letter-spacing: 0.05em;
    color: #fff; 
}
.serviceLinks li .link{
	position:absolute;
	right:24%;
	bottom:60px;
}
.serviceLinks li .link img{width:24px;}
.serviceLinks .file{
	display:block;
	padding:0 15%;
	margin:auto;
	text-align: center;
}


.toggleStyle h2{
	padding-right:50px;
	background:url(../img/common/ico_plus.png) no-repeat right center;
	background-size:40px;
	text-align: left;
}
.toggleStyle h2.open{
	background-image:url(../img/common/ico_minus.png);
}
.toggleStyle .toggleBox,
.toggleStyle .toggleBoxPc{
	display:none;
} 
.toggleStyle .toggleBox.show{
	display:block;
} 


/*==============================================================
policy.html
==============================================================*/
.purposeList .item{
	padding:15px 0;
	border-bottom:1px solid #ccc;
	line-height: 1.733;
}
.purposeList .item:first-child{padding-top:0;}
.purposeList .item:last-child{border-bottom:0;}
.purposeList .tit{
	color:#006837;
	font-size:1.5rem;
}
.purposeList ul{margin-top:6px;}
.endNote{
	position:relative;
	padding-left:50px;
}
.endNote:before{
	content:"付記";
	position:absolute;
	left:0;
	top:0;
}
.endNotes li:before{
	content:"※";
	color:#e81c24;
}

.siteTerms li{margin-bottom:40px;}
.siteTerms .tit{
	padding-bottom:6px;
	margin-bottom:10px;
	letter-spacing: 0.1em;
	font-size:1.5rem;
	border-bottom:1px solid #ccc;
}


/*==============================================================
index.html
==============================================================*/ 
.aboutTreatment .hdM{margin-bottom:16px;}
.aboutTreatment .hdM span{
	padding-left:35px;
	background-position:left center;
	background-size:22px;
}
.aboutTreatment ul{margin-left:-20px;}
.aboutTreatment li{ 
	padding:0 0 20px 20px;
	width:50%;
}
.aboutTreatment li .item{
	display: flex;
	align-items: center;
	justify-content: center;
	overflow:hidden;
	position: relative; 
	border-radius:16px;
	height: 122px;
}
.aboutTreatment li:nth-of-type(1) .item{background:#1882b7;}
.aboutTreatment li:nth-of-type(2) .item{background:#29a6dd;}
.aboutTreatment li:nth-of-type(3) .item{background:#dd5f6b;}
.aboutTreatment li:nth-of-type(4) .item{background:#f28e1e;}
.aboutTreatment li:nth-of-type(5) .item{background:#00a498;}
.aboutTreatment li:nth-of-type(6) .item{background:#40a047;}
.aboutTreatment li:nth-of-type(7) .item{background:#809b9a;}
.aboutTreatment li:nth-of-type(8) .item{background:#74b232;}
.aboutTreatment li:nth-of-type(9) .item{background:rgba(41,166,221,1);}

.aboutTreatment li .bg{
	display:none;
} 
.aboutTreatment li .con{   
	padding:18px 15px;
	width:100%;
	height: 100%;
}

.aboutTreatment li:nth-child(3) .con{   
	padding:18px 8px;
	width:100%;
	height: 100%;
}


/*
.aboutTreatment li:nth-child(3) .con,
.aboutTreatment li:nth-child(4) .con{   
	padding:0px 15px;
	width:100%;
}
*/


.aboutTreatment li .treat{ 
	display:block; 
	position: relative;
	z-index: 3;
	margin:0 auto 10px;
	width:52px;
	height:52px;
	background-repeat: no-repeat;
	background-position: center;
	background-size:100%;
}


.aboutTreatment li:nth-child(3) .treat,
.aboutTreatment li:nth-child(4) .treat{ 
	display:block; 
	position: relative;
	z-index: 3;
	margin:0 auto 6px;
	width:52px;
	height:52px;
	background-repeat: no-repeat;
	background-position: center;
	background-size:100%;
}


.treat01{ background-image:url(../img/top/ico_treat_sp01.png); }
.treat02{ background-image:url(../img/top/ico_treat_sp02.png); }
.treat03{ background-image:url(../img/top/ico_treat_sp03.png); }
.treat04{ background-image:url(../img/top/ico_treat_sp04.png); }
.treat05{ background-image:url(../img/top/ico_treat_sp05.png); }
.treat06{ background-image:url(../img/top/ico_treat_sp06.png); }
.treat07{ background-image:url(../img/top/ico_treat_sp07.png); }
.treat08{ background-image:url(../img/top/ico_treat_sp08.png); }
.aboutTreatment li .tit{  
	border-radius:12px;
	text-align: center;
	letter-spacing: 0.1em;
	color:#fff;
	font-size:1.5rem;
	font-weight: bold;
	line-height: 118%;
}

.aboutTreatment li:nth-child(3) .tit{ 
	font-size: 1.3rem;
}


.aboutTreatment li .detail{
	position:absolute;
	right: 0;
	bottom:0;  
}  

.treatArrange .hdL{
	border-bottom:0;
	padding-bottom:0;
	margin-bottom:20px;
}
.treatArrange .item{
	padding:15px;
	background:#fff;
	border:2px solid;
	border-radius:12px;
	font-size:0;
}
.treatArrange .department{ 
	margin-bottom:20px;
	border-color:#d3f0a0;
}
.treatArrange .time{ 
	border-color:#e1e1e1; 
}
.treatArrange .department li{
	display:inline-block;
	vertical-align: top;
	margin:10px 0;
	padding:15px 5px 15px 60px;
	width:50%;
	background-repeat: no-repeat;
	background-position: left center;
	background-size:50px; 
}
.treatArrange .department li:hover{opacity:0.7;}
.treatArrange .department li a{  
	display: inline-block;
	letter-spacing: 0.1em;
	text-decoration:underline;
	color:#006837;
	font-size:1.5rem;
}
.department01{background-image:url(../img/top/ico_department01.png);}
.department02{background-image:url(../img/top/ico_department02.png);}
.department03{background-image:url(../img/top/ico_department03.png);}
.department04{background-image:url(../img/top/ico_department04.png);} 
.treatArrange .time img{margin-bottom:12px;}
.treatArrange .time .note01{
	margin-bottom:10px;
	letter-spacing: 0.1em;
	color:#e81c24;
	font-size:1.5rem;
}
.treatArrange .time .note02{
	letter-spacing: 0.05em; 
	font-size:1.4rem;
}

.AboutHospital .hdM {
    margin-bottom: 25px;
}
.AboutHospital .hdM span {
    padding-top: 35px;
    background-position: center top;
} 
.AboutHospital .hdM:after{
	content:"";
	display: block;
	margin:15px auto 0;
	width:30px;
	height:1px;
	background:#8ebc4b;
} 
.AboutHospital .displayImgTxt{position:relative;}
.AboutHospital .displayImgTxt.left:before{
	content:"";
	position:absolute;
	top:20%;
	left:0;
	z-index: 0;
	height:100%;
	width:90%;
	background:#f4f4f4;
} 
.displayImgTxt .img{ 
	position:relative;
	z-index: 2;
	margin-bottom:20px;
	text-align:center;
} 
.displayImgTxt .img img{
	margin:auto;
}
.displayImgTxt .info{ 
	position:relative;
	z-index: 2;
}
.AboutHospital .displayImgTxt .info{ 
	padding:30px 0 0;
	letter-spacing: 0.1em;
}
.AboutHospital .info .tit{
	margin-bottom:25px;
	text-align: center;
	font-size:1.7rem;
}
.AboutHospital .info .sub{
	line-height: 1.75;
	font-size:1.4rem;
}
.AboutHospital .info .link{
	margin-top:20px;
	text-align: center;
}
.AboutHospital .info .link a{
	display:inline-block;
	padding:12px 48px 12px 25px;
	background:url(../img/common/ico_link.png) no-repeat 90% center #ef775b;
	background-size:22px; 
	border-radius:10px;
	color:#fff;
	font-weight: bold;
	font-size:1.4rem;
}
.AboutHospital .info .link a:hover{opacity:0.7;}
.AboutHospital .inside{ 
	position: relative;
	margin-bottom:40px;
}
.AboutHospital .inside h3{ 
	margin:30px 0 10px;
}
.AboutHospital .inside h3 img{height:55px;}
.AboutHospital .scrollHide{
	overflow:hidden;
	overflow-x: scroll;
	margin:0 -15px;
}
.AboutHospital .inside ul{
	width:200%;
}
.AboutHospital .inside li{
	float:left;
	margin-right:10px;
	width:120px;
}

.accessStyle h2{
	margin-bottom: 20px; 
	background:url(../img/common/ico_hd05.png) no-repeat 20% center;
	letter-spacing: 0.2em;
	text-align: center;
	color:#4d4d4d;
	font-size:2.1rem;
}
.accessStyle .map{ 
	margin:0 -15px 15px;
}
.accessStyle .map iframe{
	width:100%;
	height:200px;
	background:#f4f4f4;
	border:0;
}
.accessStyle .info{
	overflow:hidden;
	color:#4d4d4d;
}
.accessStyle .info .title{
	padding:0 6%;
	margin-bottom:45px;
	font-size:1.4rem;
}
.accessStyle .logo{
	margin-bottom:15px;
	text-align: center; 
} 
.accessStyle .parking{
	padding:10px;
	text-align: center;
	border:1px solid #ef775b;
	color:#ef775b;
	font-weight: bold;
}
.accessStyle .info h3{
	margin-bottom:10px; 
	text-align: center;
	font-size:1.6rem;
}
.accessStyle .traffic .item{ 
} 

.accessStyle .traffic .sub_txt{
	text-align: center;
	margin-bottom: 10px;
	font-size: 1.7rem;
	font-weight: 700;
}



.accessStyle .traffic .tit{ 
	position: relative;
	padding:14px 50px; 
	background-repeat:no-repeat;
	background-position:10px center;
	background-size:32px;
	border-bottom:1px solid #8ebc4b;
	font-size:1.7rem;
}
.accessStyle .traffic .tit01{background-image:url(../img/top/ico_access01.png);}
.accessStyle .traffic .tit02{background-image:url(../img/top/ico_access02.png);}
.accessStyle .traffic .tit03{background-image:url(../img/top/ico_access03.png);}
.accessStyle .traffic .tit:after{
	content: "";
	position:absolute;
	right:10px;
	top:50%;
	margin:-7px 0;
	width:19px;
	height:14px;
	background:url(../img/common/ico_arr_down.png) no-repeat;
	background-size:100%;
}
.accessStyle .traffic .tit.open:after{
	transform: rotate(180deg);
}
.accessStyle .traffic ul{
	display:none;
	margin:15px 0;
}
.accessStyle .traffic li{
	padding-left:1.35em;
	text-indent: -1.35em;
}
.accessStyle .traffic li:before{
	content:"●"; 
	margin-right:5px;
	color:#86c03f;
}

.recruitStyle{
	padding:10px 0 35px;
	background:url(../img/top/bg_recruit_sp.jpg) no-repeat center 45px;
	background-size:100%;
}
.recruitStyle .con{ 
}
.recruitStyle h2{
	margin-bottom:40px;
	letter-spacing: 0.2em; 
	text-align: center;
    font-size: 1.5rem;
}
.recruitStyle h2 .tit{
	padding-left: 50px;
    background: url(../img/common/ico_hd04.png) no-repeat left top;
    font-size: 2.2rem;
}
.recruitStyle h2:nth-of-type(2){
	padding-left:45%;
	line-height: 1.8;
}
.recruitStyle li{ 
	margin:10px 0;
	width:100%;
}
.recruitStyle li a{
	display: block;
	position: relative;
	padding:13px 12px 13px 10%;
	background:#fff;
	border:1px solid #29a6dd;
	border-radius:10px;
	letter-spacing: 0.1em;
	color:#29a6dd;
	font-size:1.5rem;
} 
.recruitStyle li .tit{
	position:absolute;
	left:12px;
	top:50%;
	transform: translateY(-50%);
	color:#66caed;
	font-size:1rem;
}
.recruitStyle li .txt{ 
	background:url(../img/common/ico_link_blue.png) no-repeat right center;
	text-align: center;
	font-weight: bold;
}

.blogStyle{
	background:url(../img/top/bg_blog.png) no-repeat center;
	background-size: cover;
}
.blogStyle .bg{
	position: relative;
	padding:18px 5%;
	background:rgba(255,255,255,0.9);
	border-radius: 10px;
}
.blogStyle .blog{
	margin-top:16px;
}
.blogStyle .hdL{
	margin-bottom:0;
	border-bottom:0;
	text-align: left;
}
.blogStyle .hdL .eng{
	display:inline-block;
	margin:0 10px 0 0;
}
.blogStyle .hdL .jap{
	font-size:1.5rem;
}
.blogStyle .blog li{
	padding:10px 0;
	width:100%;
	border-bottom:1px solid #ccc;
} 
.blogStyle .blog li .img{
	display: block;
	float:left;
	margin-right:15px;
}

.blogStyle .blog li .img img{
	width: 84px;
	height: 76px;
}


.blogStyle .blog li .img:hover{opacity:0.7;}
.blogStyle .blog li .info{
	overflow:hidden;
	color:#4d4d4d;
}
.blogStyle .blog li .date{
	margin-bottom:5px;
	color:#111;
}


/*==============================================================
contact.html
==============================================================*/
.contactBox{
	padding:15px;
	margin:0 auto; 
	background:#fff;
	border:1px solid #87c13f;
	border-radius:12px;
	text-align: center;
}
.contactBox .add{
	margin-bottom:12px;
	letter-spacing: 0.1em;
	font-size:1.3rem;
}
.contactBox .add .tit{
	display: block;
	font-size:1.8rem;
}
.contactBox .tel{
	padding-left: 25px;
    background: url(../img/common/ico_tel_green.png) no-repeat left 5px;
    background-size: 16px;
	color: #008d45;
	font-size:2.4rem;
}

.contactForm form{
	position:relative;
} 
.contactStep{
	display:flex;
	justify-content: space-between;
}
.contactStep li{
	flex:0 0 31%;
	padding:8px 20px; 
	background:#e6e6e6;
	text-align:left; 
	color: #008d45;
}
.contactStep li.active{
	background:#008d45;
	color:#fff;
} 
.contactForm .bg{
	position: relative;
	padding:20px 0 0; 
	background:#fff;
	border-radius:16px;
}
.contactForm .th{
	position: relative;
	padding:10px 50px 10px 13px;
	background:#39b04a;
	border-radius:6px;
	color:#fff;
	font-weight: bold;
	font-size:1.4rem;
}
.contactForm .td{
	padding:15px 13px;
	font-size:1.2rem;
}
.contactForm .sign{
	position:absolute;
	right:13px;
	top:50%;
	transform: translateY(-50%);
	padding:2px 5px;
	border-radius:6px;
	font-size:1.2rem;
	font-weight: normal;
}
.contactForm .sign.must{
	background:#ec2028; 
}
.contactForm .sign.any{
	background:#888; 
}
.borStyle{
	background:#f7f7f7;
	border:1px solid #b9cacf;
}
.contactForm input{
	color:#575757;
	font-size:1.6rem;
}
.contactForm input[type=text], 
.contactForm input[type=email]{
	padding:0 6px;
	height:32px; 
}
.contactForm .full{width:100%;}
.contactForm .half{width:75%;}
.contactForm .small{width:85px;}
.contactForm .case{
	padding:10px 0 0;
	color:#575757;
}
.contactForm .note{
	color:#575757;
	font-size:1.4rem;
}
.contactForm select.choice{
	padding:0 25px 0 6px;
	height:30px;
	background:url(../img/common/ico_select.png) no-repeat 96% center;
	background-size:15px;
	border:1px solid #ccc;
	border-radius:4px;
}
.checkboxChoice label{
	display:inline-block;
	vertical-align: top;
	margin-right:25px;
	color:#575757;
	font-size:1.4rem;
}
.checkboxChoice input{
	display:inline-block;
	vertical-align: middle;
	margin-right:8px;
	width:24px;
	height:24px;
	background:url(../img/common/ico_checkbox.png) no-repeat center;
	background-size:100%;
}
.checkboxChoice input:checked{
	background-image:url(../img/common/ico_checkbox_checked.png); 
}
.contactForm .fileP{
	overflow: hidden; 
    display: inline-block; 
	position: relative;
    *zoom: 1;
	padding:0 8px;
	line-height: 30px;	
}
.contactForm .fileP input{
	display:block;
	cursor: pointer;
	opacity: 0; 
	position:absolute;
	left:0;
	top:0;
	bottom:0;
	height:100%;
	width:100%;
}
.contactForm textarea{
	resize: none;
	padding:8px 10px;
	width:100%; 
	color:#575757;
	font-size:1.4rem;
}
.contactForm textarea.height01{height:160px;}
.contactForm textarea.height02{height:110px;}
.contactForm .agree{
	display: block;
	padding:6px 8px; 
	margin-right:0;
	background:#e6e6e6;
}
.contactForm .agree a{
	border-bottom:1px solid #ff0000;
	color:#ff0000;
}
.contactForm .agree a:hover{border-bottom:0;}
.teamBtns{
	margin-top:20px;
	text-align: center;
}
.teamBtns input{
	display: inline-block;
    margin: 5px;
    width: 62%;
    height: 56px;
    border: 1px solid #39b04a; 
	border-radius:8px;
    font-size: 1.6rem;
	font-weight: bold;
}
.teamBtns input.submit{
	background:url(../img/common/ico_link.png) no-repeat 92% center #39b04a;
	background-size:20px;
	color:#fff;
}
.teamBtns input.submit:hover{opacity:0.7;}
.analysisTool h2{
	padding:5px 0;
	margin-bottom:8px;
	border-bottom:1px solid #ccc;
	text-align: center;
    font-size: 1.4rem;
} 

/*==============================================================
about.html
==============================================================*/
.aboutDoctors .item + .item{padding-top:25px;} 
.aboutDoctors .displayImgTxt .img:after{
	content:"";
	display:block;
	clear: both;
}
.aboutDoctors .displayImgTxt .img img{
	float:left;
	margin-right:15px;
	width:42.4%;
} 
.aboutDoctors .title{
	font-size: 1.3rem;
	overflow:hidden;
	padding:12px 0;
}
.aboutDoctors .title .name{
	display:block; 
	margin:20px 0;
	font-size:1.8rem;
}
.aboutDoctors .introdBox{
	padding:15px 18px;
	border: 1px solid #8ebc4b;
	line-height: 1.6875;
	color:#4d4d4d;
	font-size:1.3rem;
}
.aboutDoctors h3{
	margin-bottom:5px;
	letter-spacing: 0.2em;
	line-height: 1.6875;
	color:#39b04a;
	font-size:1.5rem;
}
.aboutDoctors table{
	width:100%; 
}
.aboutDoctors th,
.aboutDoctors td{
	display:block;
}
.aboutDoctors td{padding-bottom:5px;}
.aboutDoctors .flexBetween{
	display:block;
}
.aboutDoctors .capital .introdBox{
	margin-bottom:15px;
} 

.aboutOutline table{
	width:100%;
	font-size:1.4rem;
}
.aboutOutline th{
	vertical-align: top;
	padding:7px 0;
	width:65px; 
}
.aboutOutline td{
	vertical-align: top;
	padding:7px 0;
	border-bottom:1px solid #ccc;
}

#about .accessStyle .hdL{
	padding-right: 50px;
	margin-left:15px;
	margin-right:15px;
    background: url(../img/common/ico_plus.png) no-repeat right center;
	background-size: 40px;
	text-align: left;
}
#about .accessStyle .map{
	float:none;
	margin:0 auto 25px;
    padding: 0 15px;
    width: 100%;
    border: 0;
}
#about .accessStyle .map iframe{height: 170px;}
.accessStyle .info .title{
	padding:0;
}
#about .accessStyle .traffic .item{
	padding:0;
}
#about .accessStyle .traffic ul{
	display:block;
	margin: 0 0 15px;
}
#about .accessStyle .logo{font-size:1.4rem;}
#about .accessStyle .parking{font-size:1.5rem;}
#about .accessStyle .info h3{
	padding-bottom:8px;
	padding: 14px 50px;
	border-bottom: 1px solid #8ebc4b;
	font-size:1.4rem;
}
#about .accessStyle .traffic li{font-size:1.4rem;}
#about .accessStyle .traffic .tit{
	padding: 10px 50px;
	border-bottom:0;
}
#about .accessStyle .traffic .tit:after{content:none;}

.aboutGallery .bigImg{
	padding:0 40px;
	margin-bottom: 15px;
}
.aboutGallery .smallImg{display:none;}
.aboutGallery .bigImg .slick-prev,
.aboutGallery .bigImg .slick-next{
	width: 30px;
    height: 30px;
	background-size:100%;
}
.aboutGallery .bigImg .slick-prev{
	background-image:url(../img/common/ico_silde_prev.png);
}
.aboutGallery .bigImg .slick-next{
	background-image:url(../img/common/ico_silde_next.png);
} 
.aboutGallery .bigImg li{background-size:100%;}
.aboutGallery .bigImg .introd{
	padding:8px; 
	width:100%;
	background:#fff;
	text-align: center;
	font-size:1.4rem;
}
.aboutGallery .equipment{
	margin-left:-12px;
}
.aboutGallery .equipment li{
	padding:0 0 25px 12px;
	width:50%;
	text-align: center;
	font-size:1.3rem;
}
.aboutGallery .equipment img{
	display:block;
	margin:0 auto 5px;
} 


/*==============================================================
outpatient.html
==============================================================*/
.outDepartment .item{
	padding:15px 0; 
}
.outDepartment .item:first-child{padding-top:0;}
.outDepartment .item + .item{
	border-top:1px solid #ccc;
}
.outDepartment .item .tit{ 
	padding:15px 10px 15px 60px; 
	background-repeat: no-repeat;
	background-position: left top;
	background-size:50px;
	font-size:1.8rem;
}
.outDepartment .item .info{
	overflow:hidden;
	padding:10px 0;
	line-height: 2;
	font-size:1.4rem;
}
.outDepartment .item .info .sub{
	margin-bottom:10px;
	font-size:1.4rem;
}

.outTime{ 
}
.outTime .note{
	margin-top:12px;
	letter-spacing: 0.1em;
    color: #e81c24;
    font-size: 1.6rem;
}

.padding02{ 
	padding-bottom:20px;
} 
.padding02 + .padding02{
	padding-top:20px;
	border-top:1px solid #ccc;
} 

.padding03{ 
	padding-bottom:40px;
} 


.treatLinks{
}
.treatLinks a{
	display:flex;
	align-items: center;
	padding: 11px 40px 11px 15px;
	margin:10px 0;  
	background:url(../img/common/ico_link.png) no-repeat 92% center;
	background-size: 20px;
    border-radius: 8px;
	text-align: left;
    color: #fff;
    font-weight: bold;
    font-size: 1.5rem;
}


/*==============================================================
 dock.html  houmon.html
==============================================================*/ 
.dockStyle{
	color:#4d4d4d;
	font-size:1.4rem;
}
.dockStyle.hide{
	display:block !important;
}
.dockStyle .part li{
	padding-bottom:20px; 
}
.dockStyle .part li + li{
	padding-top:20px;
	border-top:1px solid #ccc;
}
.dockStyle .sub{
	margin-bottom:15px;
	font-size:1.4rem;
	font-family: dnp-shuei-gothic-gin-std, sans-serif;
}

.dockStyle .sub strong{
	font-size:1.6rem;
}

.dockStyle li .tit{
	margin-bottom:6px;
	color:#006837;
	font-size:1.7rem;
	font-family: dnp-shuei-gothic-gin-std, sans-serif;
}
.dockFlow li{
	position:relative;
	padding:0 0 0 55px; 
	margin-bottom:25px;
}
.dockFlow li + li{
	padding-top:0;
	border-top:0;
}
.dockFlow li .step{
	display: flex;
	align-items: center;
	justify-content: center;	
	position:absolute;
	left:0;
	top:0;
	width:40px;
	height:40px;
	border:2px solid #86c03f;
	border-radius:100px;
	text-align: center;
	color:#86c03f;
	font-family: dnp-shuei-gothic-gin-std, sans-serif;
	font-size:1.7rem;
}
.dockFlow li .tit02{
	padding:5px 0 0;
	letter-spacing: 0.2em;
	font-size:1.5rem;
	font-family: dnp-shuei-gothic-gin-std, sans-serif;
}
.dockFlow .contact .tel{
	display: block;
	padding:0 0 0 25px;
    background: url(../img/common/ico_tel.png) no-repeat left center; 
	background-size:20px;
    color: #ef775b;
    font-size: 2.5rem;
}
.dockFlow .contact .times{
	position:relative;
	padding-left:80px;
	font-size:1.3rem;
}
.dockFlow .contact .times:before{
	content: "受付時間";
    position: absolute;
    left: 10px;
    top: 0;
} 
.dockStyle .file{
	display: block;
	margin:auto;
    padding: 16px 60px 16px 20px;
	max-width:456px;
    background: url(../img/common/ico_link.png) no-repeat 94% center #ef775b;
    background-size: 25px;
    border-radius: 10px;
    color: #fff;
    font-weight: bold;
    font-size: 1.7rem;
}

.dockStyle .priceBox{
	margin-bottom:15px;
	padding:12px 15px;
	border:1px solid #ccc;
}
.dockStyle .priceBox .tit{ 
	font-size: 1.7rem;
}
.dockStyle .priceBox .tit .price{ 
	margin-left:10px;
	color:#e81c24;
}
.dockStyle .priceBox .txt{
	padding-left:1.75em;
	line-height:1.875;
	font-size: 1.3rem;
}
.dockStyle .link,
.flowList dl .link{
	color:#0071b7;
	text-decoration:underline;
} 

.dockStyle .resMethod{ 
	padding:15px 10%;
	background:#fff;
	border: 2px solid #87c13f;
}
.dockStyle .resMethod .tit{
	margin-right:20px;
	color:#111;
	font-size:1.3rem;
}


.houmonService{ 
	counter-reset:sectioncounter;
} 
.houmonService > li{
	margin-bottom:20px;
	letter-spacing: 0.05em;
}
.houmonService > li .sub{ margin-bottom:5px; }
.houmonService > li .note{
	color:#e81c24;
	font-size:1.8rem;
	font-weight: bold;
} 
.houmonService li .step{
	position: relative;
	font-weight: bold;
}
.houmonService li .step:before{
	content:counter(sectioncounter); 
	counter-increment:sectioncounter;
	display:inline-flex;
	align-items: center;
	justify-content: center;
	margin-right:5px;
	width:16px;
	height:16px;
	border:1px solid #111;
	border-radius:50px;
	font-size:0.75rem;
}


.inpatientBg01 .toggleBox:before,
.inpatientBg02 .toggleBox:before{
	content: "";
    position: absolute; 
    z-index: 0;
    background: #f4f4f4;
} 
.inpatientBg01 .toggleBox:before{
	top: 30%;
	left:0;
    height: 140px;
    width: 90%;
}  
.inpatientBg01 .displayImgTxt .img{
	padding:15% 10%;
}
.inpatientSpend .houmonService li .step{
	padding-left: 1.5em;
	line-height: 1.6;
	font-size:1.4rem;
	font-weight: 500;
}
.inpatientSpend .houmonService li .step span{
	font-weight: 700;
	color: #ff0000;
}

.inpatientSpend .houmonService li .step:before{
	position: absolute;
	left:0;
	top:2px;
	border-color:#008d45;
	color:#008d45;
	font-size:1em;
}

.setsubi_table tr th{
	width: 6rem;
	vertical-align: top;
}


/*** タブレット ***/
@media screen and (max-width: 374px){
	
}


/**/