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

@media print {
#fix_bottom_bar{
  display: none;
}    
    
}



/* !wrapper
---------------------------------------------------------- */
#wrapper {
	overflow:hidden;
	position:relative; 
	width:100%;
	min-height:100vh; 
}
.menuOpen{
  overflow: hidden;
  height: 100vh;
}
/* !header
---------------------------------------------------------- */
#header {
	position: relative;
	z-index: 99;
	width:100%;
} 
#headerLogo {
	float:left;
	padding:20px 0;
} 
#headerLogo img{height:44px;}
 
.btnMenu {
	position: absolute;
	top:0;
	right:0;
	z-index: 3;
	width:80px;
	height:100%;
	background:url(../img/common/menu.png) no-repeat center;
	background-size:80%;
}  
.btnMenu.active{
	background-image:url(../img/common/menu_open.png);
	background-size:40px;
}

/* !gNavi
---------------------------------------------------------- */ 
.navBg{
	display: none;
	position: fixed;
	right:0;
	top:0;
	z-index: 1; 
	transition: all 0.3s;  
	width:100%;
	height:100vh;
	background:rgba(0,0,0,0.4);
	text-indent: -9999px;
}
#gNavi {
	position: fixed;
	right:0;
	top:0;
	z-index: 2;
	transform: translateX(100%);
	transition: all 0.4s; 
	padding:80px 0;
	width:70%;
	height:100vh !important;
	overflow-y: scroll;
	background:#fff;
	font-weight: 500;
	font-family: source-han-sans-japanese, sans-serif;
}
#gNavi.on{
	transform: translateX(0%);
}
#gNavi:before{
	content:"MENU";
	position:absolute;
	left:15px;
	top:25px;
	color:#ea6c7c;
	font-size:2rem;
}
#gNavi .inner{padding:0;} 
#gNavi > .inner > ul{margin-bottom:20px;}
#gNavi > .inner > ul > li:last-child > a{border-bottom:1px solid #c3c3c3;}
#gNavi li a{
	display: block; 
	position: relative;
	padding:10px 15px; 
	border-top:1px solid #c3c3c3; 
	color:#ea6c7c;
	font-size:1.5rem;
} 
#gNavi li a:after{
	content:">";
	margin-left:5px;
} 

.pulldownmenu{ 
}  
.pulldownmenu li img{
	display:none;  
}
.pulldownmenu li .tit{
	 display: inline;
} 
#gNavi .service{
	text-align: center;
}
#gNavi .service .contact{
	display: inline-block; 
	padding:10px 40px 10px 50px;
	background-repeat: no-repeat;
	background-position: 20px center, 95% center;
	background-image:url(../img/common/ico_email.png), url(../img/common/ico_link.png);
	background-color:#ea6c7c;
	background-size:25px, 18px;
	border-radius:8px;
	color:#fff;
	font-size:1.7rem;
}

	
/* !mainVisual
---------------------------------------------------------- */
#mainVisual {
	position: relative; 
} 
#mainVisual .bg{width:100%;}
#mainVisual .title{
	position: relative; 
}
#mainVisual .title .hd01{ 
	position:absolute; 
	left:50%;
	top:35%; 
	transform: translateX(-50%);
	padding:20px 35px; 
	min-width:100%;
	background:url(../img/top/bg_txt_silde.png) no-repeat center;
	background-size:100% 100%;
	line-height: 1.54;
	text-align: center;
	color:#666;
	font-size:2rem;
}
#mainVisual .medical{
	position: relative;
	margin:-45px 0 0; 
}
#mainVisual .medical .links{ 
	text-align: center;
	font-size:0;
	margin: 0 -15px;
}
.medical .links a{
	display: inline-block;
	vertical-align: top;
	margin:0 0 15px;
	width:50%;
	padding: 0 7px;
}  
.medical .links a:last-child{
	width:60%;
} 
.medical .hours{ 
	margin-bottom:12px;
}
.medical .hours .hd02{
	margin:0 0 5px;
	padding:8px 0 8px 44px;
	background:url(../img/top/ico_clock_sp.png) no-repeat left top;
	background-size:36px;
	font-size:1.7rem;
}
.medical .notes{
	overflow:hidden;
	font-size:1.4rem;
}
.medical .notes .eng{
	color:#e81c24;
	font-weight: bold;
}

.medical .link01{
	width: 100%;
	margin: 15px 0 0;
}

.medical .link01 a{
    display: inline-block;
    padding: 14px 42px 14px 16px;
    background: url(../img/common/ico_link.png) no-repeat 92% center;
    background-size: 22px;
    border-radius: 12px;
    letter-spacing: 0.05em;
    color: #fff;
    font-weight: bold;
    font-size: 1.4rem;
	background-color: #ea6c7c;
	position: relative;
	left: 50%;
	transform: translateX(-50%);
}

/* !contents
---------------------------------------------------------- */

.inner { 
	padding:0 15px; 
}


.breadcrumb{
	display: none;
}

#content_inner{
	margin: 0 2.7% 25px;
	overflow: hidden;
}

#content_inner .left_col{
	width: 100%;
	overflow: hidden;
}

#content_inner .left_col h2{
	width: 100%;
	margin: 20px 0 37px;
	border-bottom: 1px dashed rgba(201,86,28,1);
	font-family: source-han-sans-japanese, sans-serif;
	font-size: 2.0rem;
	padding-bottom: 5px;
	color: #ed8732;
}

#content_inner .left_col .content_block{
	width: 100%;
	overflow: hidden;
}

#content_inner .left_col .content_block .ac_container{
	width: 100%;
	margin-bottom: 25px;
}

#content_inner .left_col .content_block .ac_container .box{
	width: 100%;
	border-bottom: 1px solid #ef7d16;
	position: relative;
}

#content_inner .left_col .content_block .ac_container .box p{
padding: 0 20px 5px 28px;
}

#content_inner .left_col .content_block .ac_container .box p a{
	font-size: 1.75rem;
	letter-spacing: 0.1em;
	color: #333;
}

#content_inner .left_col .content_block .ac_container .box p span{
	position: absolute;
	top: 50%;
	right: 13px;
	margin-top: -5px;
}

#content_inner .left_col .content_block .ac_container .box p span img{
	width: 13px;
	height: 9px;
}


#content_inner .left_col .content_block .ac_container .box p span.minus{
	display: none;
}

#content_inner .left_col .content_block .ac_container .box p::before{
	content: '';
	display: inline-block;
	background: url("../img/common/ico_01.png");
	background-size: contain;
	width: 8px;
	height: 8px;
	position: absolute;
	top: 65%;
	left: 10px;
	margin-top: -10px;
}

#content_inner .left_col .content_block .ac_container .detail{
	display: none;
}

#content_inner .left_col .content_block .ac_container .detail .detail_inner{
}

/*---------------------------------------------------*/
/*サブメニュー*/

#content_inner .right_col{
	display: none;
}





/* !pageTop
---------------------------------------------------------- */
.pageTop a{
	display: block;
	padding:13px 0;
	background:#fff;
	text-align: center;
}
.pageTop img{ height:25px;}

/* !footer
---------------------------------------------------------- */
#footer {
	position: relative;
	padding:25px 0 0;
	background:#ea6c7c;
	color:#fff;
} 
#footer a {
	color:#fff;
}
.footerIn{
	margin-bottom: 10px;  
	text-align: center;
}
.footLogo{ 
	margin-bottom: 20px;
}
.footLogo img{height:40px;}
.footerIn .access{ 
	margin-bottom: 20px;
	line-height: 1.733;
	font-weight: 500;
	font-size:1.5rem;
}
#footer .sns{display: inline-block;}
#footer .sns a{
	display:block; 
	margin:0px auto 20px;
}
#footer .sns a.contact{
	padding: 11px 40px 11px 55px;
    background: url(../img/common/ico_email_pink.png) no-repeat 20px center, url(../img/common/ico_link_pink.png) no-repeat 93% center; 
	background-color:#fff;
    border-radius: 12px;
	color:#f45671;
	font-size:1.8rem;
}
.footLinks .service{
	text-align: center;
}
.footLinks .service a{ 
	display:inline-block;
	vertical-align: middle;
}
.footLinks ul{overflow:hidden;}
.footLinks li{
	display: inline-block;
	vertical-align: top; 
	margin-right:50px;
	line-height: 1.733;
}
.footLinks li .item + .item{margin-top:15px;}
.footLinks li .level01:before{
	content:"▶";
	margin-right:5px;
}
.footLinks li .level02{
	padding-left:1em;
}
.footLinks li .level02 a{
	display:block;
}
#copyright {
	padding:20px 0 25px;
	text-align: center;
}


/*========================================
page
========================================*/  
.mb20 { margin-bottom:10px !important;} 
.mb30 { margin-bottom:15px !important;} 
.mb40 { margin-bottom:20px !important;} 
.mb50 { margin-bottom:25px !important;} 
.mb60 { margin-bottom:30px !important;}

.pt30 { padding-top:15px !important;}
.pt50 { padding-top:25px !important;} 
.pt60 { padding-top:30px !important;} 
.pt70 { padding-top:35px !important;} 
.pt80 { padding-top:40px !important;}

.pb40 { padding-bottom:20px !important;}
.pb60 { padding-bottom:30px !important;}  
.pb80 { padding-bottom:40px !important;}
.pb90 { padding-bottom:45px !important;}
.pb100{ padding-bottom:50px !important;}

/* !h(n)eading
---------------------------------------------------------- */
.hdL {
	
}

.hdM {
	padding-top:35px;
	margin-bottom: 15px;
	background-position: center top;
	background-repeat: no-repeat;
	background-size:25px;
	text-align: center;
	letter-spacing: 0.2em;
	font-size:2rem;
}
.hdM:after{
	content:"";
	display: block;
	margin:10px auto 0;
	width:40px;
	height:2px;
}

.hdS {
	
} 

.pc {
	display: none;
}

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

/* !common
---------------------------------------------------------- */ 
.bgPink{ background-color:#ea6c7c !important; }
.bgOrange{ background-color:#f28e1e !important; }

.tel {
/*	pointer-events: none; */
}

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

.displayImgTxt .img{
	margin-bottom:15px;
	padding:0 20%;
	text-align: center;
} 
 
.txtStyle .sub{
	margin-bottom:15px;
	letter-spacing: 0.2em;
	font-size:1.6rem;
}
.txtStyle .txt{
	padding:0 18px;
	margin-bottom:25px;
	line-height: 1.77;
	color:#4d4d4d;
	font-size: 1.4rem;
}
.btnLink{
	display:inline-block;
	padding:14px 42px 14px 16px;
	background: url(../img/common/ico_link.png) no-repeat 92% center;
	background-size:22px;
	border-radius:12px;
	letter-spacing: 0.05em;
	color:#fff;
	font-weight: bold;
	font-size:1.4rem;
} 



/*===========================================
index.html
===========================================*/
.newsEventsAct{
	background:url(../img/top/bg_01.png) no-repeat right top;
	background-size:cover;
	padding-top: 50px !important;
}
.newsEventsAct .hd01{
	margin-bottom:20px;
	padding:8px 0 8px 45px;
	background:url(../img/common/ico_news.png) no-repeat left center; 
	background-size:36px;
	font-size:1.7rem;
}
.newsEventsAct .box{ 
	padding:15px 33px 15px 8px;
	overflow: hidden;
    overflow-y: auto;
	height:500px;
	background-color:#fff;
	background-size:20px;
	border-top-left-radius:8px;
	border-bottom-left-radius:8px;
} 
.mCSB_inside > .mCSB_container {
    margin-right: 30px;
}
.mCSB_scrollTools{
	top: 12px; 
    bottom: 12px;
	width: 20px;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width: 10px;
}
.newsEventsAct .hd02{
	padding-bottom:5px;
	margin-bottom:5px;
	border-bottom: 2px solid #ea6c7c;
	line-height: 1.4;
	font-weight: bold;
	font-size: 1.4rem;
}
.newsEventsAct .hd02:before{
	content:"●";
	color:#ea6c7c;
}
.newsEventsAct .item p{
	margin-bottom:25px;
	line-height: 1.33;
	font-size: 1.4rem;
}
.newsEventsAct .item dl:not(:first-of-type){
	margin-top: 15px;
}
.newsEventsAct .item p span{
    color: #EA6C7C;
    font-weight: bold;
}
.newsEventsAct .item dl dt span{
    color: #EA6C7C;
    font-weight: bold;
}
.newsEventsAct .item dl dd{

}



.aboutArea .hdM{background-image:url(../img/common/ico_hd01.png);}
.aboutArea .hdM:after{background-color:#ea6c7c;}
.aboutArea .img img{margin-left:8%;}
.aboutArea .info{
	padding-bottom:70px;
	background: url(../img/common/img_house_green.png) no-repeat center bottom 15px;
	background-size:100%; 
}

.infoMedicalNursing{
	position:relative;
	padding:25px 0 10px;
}
.infoMedicalNursing:before{
	content:"";
	position:absolute;
	left:0;
	top:0;
	z-index: 0;	
	width:100%;
	height:calc(100% - 60px);
	background:url(../img/common/bg_rainbow.png) no-repeat left 50px #fffbf3;
	background-size:100%;
}
.infoMedicalNursing .inner{
	position:relative;
	z-index: 2;	
}
.infoMedicalNursing .info{
	margin-bottom:35px; 
}
.infoMedicalNursing .hdM{background-image:url(../img/common/ico_hd02.png);}
.infoMedicalNursing .hdM:after{background-color:#f28e1e;}
.infoMedicalNursing ul{
	overflow:hidden;
	margin-left:-6px;
}
.infoMedicalNursing li{
	padding:0 0 6px 6px;
}
.infoMedicalNursing li .item{
	position:relative;
	overflow:hidden;
	border-radius:8px; 
}

.infoMedicalNursing li .img {
	position: relative;
}
.infoMedicalNursing li .img:before{
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 2;
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: 100%;
	content: '';
	
}
.infoMedicalNursing li .img.bg01:before{
	background-image: url("../img/top/bg_txt_blue.png");
	
}
.infoMedicalNursing li .img.bg02:before{
	background-image: url("../img/top/bg_txt_pink.png");
	
}
.infoMedicalNursing li .img.bg03:before{
	background-image: url("../img/top/bg_txt_green.png");
	
}
.infoMedicalNursing li .img.bg04:before{
	background-image: url("../img/top/bg_txt_orange.png");
	
}
.infoMedicalNursing li .img img{width:100%;}
.infoMedicalNursing li .link{
	position:absolute;
	bottom:0;
	left:0;
	padding:8px 25px 8px 8px;
	width:100%;
	background:url(../img/common/ico_link.png) no-repeat right 8px bottom 8px;
	background-size:20px;
	line-height: 1.65;
	color:#fff;
	font-size:1.5rem;
	z-index: 3;
}

.recruitArea{
	background:url(../img/top/bg_02.png) no-repeat center;
	background-size:cover;
	padding-bottom: 0 !important;
}
.recruitArea .txtStyle{ 
	position:relative;
	padding-top:42px;
	margin-bottom:16px;
	background:url(../img/top/txt_recruit.png) no-repeat center top;
	background-size:auto 30px;
}
.recruitArea .hdM{background-image:url(../img/common/ico_hd03.png);}
.recruitArea .hdM:after{background-color:#29a6dd;}
.recruitArea ul{
	margin:0 calc(-15px - 2.5%);
	text-align: center;
	font-size:0;
}
.recruitArea li{
	display: inline-block;
	float:none;
	vertical-align: top;
	margin:0 2.5% 20px;
	width:45%;
}
.recruitArea li .img{
	display:block;
	overflow:hidden;
	margin-bottom:5px;
	border-radius:12px;
}

.recruitArea li .tit{
	text-align: center;
	color:#29a6dd;
	font-size:1.6rem;
}

.serviceArea{
	background:#fffcf5;
}
.serviceArea ul{}
.serviceArea li{
	margin:15px 0;
	width:100%;
	text-align: center;
	color:#808080;
}
.serviceArea li a{
	display: block;
	margin-bottom: 5px;
}

.jspContainer {
	
} 

.jspScrollable,
.jspContainer,
.jspPane {
	width: 100% !important;
	box-sizing: border-box;
}
.jspVerticalBar {
	width: 22px;
}
.jspTrack {
	background: #fff;
	box-sizing: border-box;
	border-left: 1px solid #bcbcbc;
	border-right: 1px solid #bcbcbc;
}
.jspDrag {
	background: #bcbcbc;
	box-sizing: border-box;
	border: 4px solid #fff;
}

.jspVerticalBar .jspArrow {
	height: 22px;
}
.jspArrowUp,
.jspArrow.jspDisabled.jspArrowUp{
	background: url("../img/common/ico_scroll_up.png") center center no-repeat;
	background-size: 100% 100%;
}
.jspArrowDown,
.jspArrow.jspDisabled.jspArrowDown {
	background: url("../img/common/ico_scroll_down.png") center center no-repeat;
	background-size: 100% 100%;
}
.jspArrow.jspDisabled {
	opacity: .8;
}

.sp_hide{
	display: none !important;
}


/**/

/**/

.access_area .inner{
	margin: 35px auto;
	padding: 0;
}

.access_area .inner .hdM{
	padding-top: 40px;
}


.access_area .inner .hdM{
	background-image:url("../img/common/ico_hdaccess.png");
	background-size: 18px;

}
.access_area .inner .hdM:after{background-color:#87c13f;
}

.access_area .inner .access_in{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.access_area .inner .access_in .left{
	width: 100%;
}


.access_area .inner .access_in .left iframe{
	width: 100%;
	height: 218px;
}

.access_area .inner .access_in .right{
	width: calc(100% - 35px);
}

.access_area .inner .access_in .right dl{
	margin-top: 14px;
}

.access_area .inner .access_in .right dl dt{
	padding-bottom: 10px;
	border-bottom: 1px solid #808080;
	box-sizing: border-box;
	font-size: 1.65rem;
	color: #000;
	text-align: center;
}

.access_area .inner .access_in .right dl dd{
	margin-top: 17px;
}

.access_area .inner .access_in .right dl dd ul{
	list-style: none;
	padding: 0 20px;
}

.access_area .inner .access_in .right dl dd ul.lv2{
	margin-top: 31px;
}

.access_area .inner .access_in .right dl dd ul li{
	font-size: 1.5rem;
	line-height: 1.75;
	letter-spacing: 0.1em;
	color: #333333;
}

.access_area .inner .access_in .right dl dd ul li:first-child{
	font-size: 1.75rem;
	letter-spacing: 0.05em;
}

.access_area .inner .access_in .right dl dd ul li span{
	color: #87c13f;
}

.access_area .inner .taC{
	margin-top: 20px;
}

.access_area .inner .taC .btnLink{
	background-color:#87c13f;
}

/**/
/* フッター固定メニュー */

#fix_bottom_bar{
	display: none;
}



/**/

.warabe_block .txt_01{
	margin-bottom: 15px;
	text-align: center;
	font-size: 1.3rem;
}


/**/
.koutuu_txt{
	text-align: left;
	font-size: 15px;
	line-height: 1.75;
	padding: 10px 5px 0 !important;
}

.koutuu_txt.top30{
	padding-top: 20px !important;
}

.koutuu_txt .lv1{
	font-size: 17px;
}

.koutuu_txt .lv2{
	color: #87c13f;
}
