@charset "utf-8";
/* CSS Document */

body,html{
	width:100%;
	height:100%;
}

#wrapper {
	width:100%;
	min-height:100%;
	margin: 0 auto;
	position: relative;
	overflow:hidden;
}

#sp-panel{
	display:none;
}
.spNoDisplay {
	display: block;
}

@media screen and (min-width: 960px) {
.pcNoDisplay {
	display: none !important;
}
}

@media screen and (max-width: 961px) {
.spNoDisplay {
	display: none !important;
}

#wrapper {
	height:auto;
	position:relative;
}

#wrapper  > .background-image{
	display:none;
}
}



/*--------------------------------------------------

     HEADER (COMMON)
	 
---------------------------------------------------*/

#header{
	width:100%;
	z-index:90;
	position:fixed;
	top:0;
	left:0;
	/*display:none*/
}

.header-inner{
	width:1200px;
	height:110px;
	z-index:90;
	margin:0 auto;
	position:relative;
}

.header-inner > h1{
	position:absolute;
	top:20px;
	left:0px;
	display:block;
	width:380px;
	z-index:10;
}

.header-inner > h1 img{
	width:100%;
	height:auto;
}

.header-inner ul{
	display:block;
	width:auto;
	text-align:right;
	position:absolute;
	top:44px;
	right:0;
}

.header-inner ul li{
	display:block;
	float:left;
}

.header-inner ul li+li{
	margin-left:80px;
}

.header-inner ul li a{
	text-decoration:none;
}

.header-inner ul li a:hover{
	opacity: 0.5;
	filter: alpha(opacity=50);
	-ms-filter: "alpha(opacity=50)";
	-webkit-transition: all .3s;
	transition: all .3s;
}


@media screen and (max-width: 960px) {
#header{
	height:50px;
}

.header-inner{
	width:100%;
	height:50px;
}

.header-inner > h1{
	top:6px;
	left:10px;
	width:210px;
	height:auto;
}

.header-inner ul{
	display:none;
}
}


@media screen and (min-width:961px) and ( max-width:1401px) {
.header-inner{
	margin-left:50px;
}
}


.hidden {
  background-color:rgba(255,255,255,0.8);
  transition: all 0.5s ease;
}






/*--------------------------------------------------

     ICON GLOBAL NAV (PC)
	 
---------------------------------------------------*/
.icon-nav{
	width:99px;
	height:100%;
	position:fixed;
	top:0;
	right:0;
	border-left:1px #a8a8a8 solid;
	z-index:97;
	background-color:#FFFFFF;
}

.icon-nav ul{
	display:block;
	margin:100px 0 0 0px;
}

.icon-nav ul li{
	width:100%;
}

.icon-nav ul li img{
	width:38px;
	height:auto;
}

.icon-nav ul li+li{
	
}

.icon-nav ul li a{
	display:block;
	width:100%;
	text-align:center;
	padding:15px 0;
}

.icon-nav ul li a:hover{
	opacity: 0.5;
	filter: alpha(opacity=50);
	-ms-filter: "alpha(opacity=50)";
	-webkit-transition: all .3s;
	transition: all .3s;
}

@media screen and (max-width: 960px) {
.icon-nav{
	display:none;
}
}










/* navGlobal ------------------------------------------------------------- */

#overlay {
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 2;
	left: 0;
	top: 0;
	display: none;
}

.overlayDisplay {
	display: block !important;
}

#btnMenuHeader {
	position:fixed;
	top: 25px;
	right: 25px;
	z-index:98;
}

#btnMenu {
	background: #3e9749;
	width: 50px;
	height: 50px;
	text-align: center; 
	margin-bottom: 5px;
	cursor: pointer;
	border-radius:10px;
}
#btnMenu p {
	position: relative;
	width: 34px;
}

#btnMenu p:before {
	position: absolute;
	content: " ";
	background: #fff;
	width: 34px;
	height:3px;
	left: 8px;
}

.btnMenuTop {
	top: 13px;
}

.btnMenuMiddle {
	top: 23px;
}

.btnMenuBottom {
	top: 33px;
}

#btnMenu:hover{
	opacity: 0.5;
	filter: alpha(opacity=50);
	-ms-filter: "alpha(opacity=50)";
	-webkit-transition: all .3s;
	transition: all .3s;
}

#navGlobal {
		width: 430px;
		transition: all 0.2s;
		display: none;
		transform: translate(430px);
		position: fixed;
		top: 0;
		right: 0;
		z-index: 999;
		background-color: #3e9749;
		padding-top: 95px;
	}
#navGlobal.open {
	-webkit-transform:translateX(0);
	transform: translate(0); 
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;	
}

#navGlobal ul {
	border-top: 1px solid #eee;
}
#navGlobal ul li {
	border-bottom: 1px solid #eee;
}

#navGlobal ul li:nth-child(1) a{
	background:url(../images/common/icon_message_w.svg) no-repeat left center;
	background-size:auto 20px;
}

#navGlobal ul li:nth-child(2) a{
	background:url(../images/common/icon_job_w.svg) no-repeat left center;
	background-size:auto 20px;
}

#navGlobal ul li:nth-child(3) a{
	background:url(../images/common/icon_senior_w.svg) no-repeat left center;
	background-size:auto 20px;
}

#navGlobal ul li:nth-child(4) a{
	background:url(../images/common/icon_place_w.svg) no-repeat left center;
	background-size:auto 20px;
}

#navGlobal ul li:nth-child(5) a{
	background:url(../images/common/icon_education_w.svg) no-repeat left center;
	background-size:auto 20px;
}

#navGlobal ul li:nth-child(6) a{
	background:url(../images/common/icon_welfare_w.svg) no-repeat left center;
	background-size:auto 20px;
}

#navGlobal ul li:nth-child(7) a{
	background:url(../images/common/icon_safety_w.svg) no-repeat left center;
	background-size:auto 20px;
}

#navGlobal ul li:nth-child(8) a{
	background:url(../images/common/icon_faq_w.svg) no-repeat left center;
	background-size:auto 20px;
}

#navGlobal ul li:nth-child(9) a,
#navGlobal ul li:nth-child(10) a,
#navGlobal ul li:nth-child(11) a,
#navGlobal ul li:nth-child(12) a{
	background:url(../images/index/arrow_w.png) no-repeat 5px center;
	background-size:auto 20px;
}

#navGlobal ul li a {
	display: block;
	color: #fff;
	padding: 12px 0px;
	font-size: 14px;
	position: relative;
	text-decoration:none;
	margin-left:30px;
	padding-left:40px;
}
	#navGlobal ul li.navGlobalEx a:after {
		content:url(../img/common/ic-navGlobal-ext-01.png);
		position: absolute;
		right: 20px;
		top: 50%; 
		margin-top: -11.5px;
		line-height: 1;
	}	
	#navGlobal ul li:hover{
		background: #63B97A;
		opacity: 1 !important;
		filter: alpha(opacity=100);
		-webkit-transition: all .3s;
	transition: all .3s;
	}

#btnClose {
	position: absolute;
	right:30px;
	top: 20px;
	text-align: center;
	cursor: pointer;
}

@media screen and (max-width: 960px) {
#btnMenuHeader {
	top: 7px;
	right: 10px;
}

#btnMenu {
	width: 36px;
	height:36px;
	margin-bottom: 0;
	border-radius:0px;
}

#btnMenu p {
	position: relative;
	width: 20px;
}
				
#btnMenu p:before {
	width: 20px;
	left: 8px;
}

.btnMenuTop {
	top: 9px;
}

.btnMenuMiddle {
	top: 16px;
}

.btnMenuBottom {
	top: 23px;
}

#navGlobal {
		width:290px;
		transform: translate(290px);
		padding-top: 50px;
}
#navGlobal ul li a {
	font-size: 1rem;
	margin-left:15px;
}

#navGlobal ul li.noshow {
	padding: 12px 20px;
	font-size: 1rem;
}
#navGlobal ul li a:after {
	right: 15px;
	margin-top: -11px;
}
#btnClose {
	right: 10px;
	top: 7px;
	width: 36px;
}

#btnClose img {
	width: 100%;
	height:auto;
}
#btnEntryHeader {
	top: 20px;
	right: 65px;
	font-size: 1rem;
	width: 100px;
}
}

@media screen and (orientation: landscape) {
#navGlobal {
	height: 100%;
}
}

@media (max-width: 369px) {
#btnEntryHeader {
	font-size: 1rem;
	width: 70px;
}
	#btnEntryHeader a:after {
		content: none;
	}
	#lgHeader span {
		margin-left: 0.5rem;
	font-size: 0.85rem;
	}

}
}







/*--------------------------------------------------

    フッター前マージン調整
	 
---------------------------------------------------*/

.index-wrapper,
.inner-wrapper{
	width:100%;
	height:100%;
}

/* IE10以上 */
@media all and (-ms-high-contrast: none){
.index-wrapper,
.inner-wrapper{
	padding-bottom:200px; /*フッターの高さ*/
	}
}

/* Edge */
@supports (-ms-ime-align: auto) {
.index-wrapper,
.inner-wrapper{
	padding-bottom:1px;
	}
}

/*Firefox*/
@-moz-document url-prefix() {
.index-wrapper,
.inner-wrapper{
	padding-bottom:200px; /*フッターの高さ*/
	}
}




.last{
	margin-bottom:300px !important; /*フッターの高さ+100px*/
}

/* IE10以上 */
@media all and (-ms-high-contrast: none){
.last{
	  margin-bottom:100px !important;;
  }
}

/*Firefox*/
@-moz-document url-prefix() {
.last {
	margin-bottom:100px !important; /*フッターとの空き*/
	}
}

@media screen and (max-width: 960px) {
.last{
	margin-bottom:50px !important;
}
}












/*--------------------------------------------------

    中面共通
	 
---------------------------------------------------*/

.contents-wrapper{
	width:1200px;
	margin:0 auto;
	margin-top:110px; /*Header height*/
}

/*画像付きタイトル*/
.inner-main{
	width:1200px;
	height:480px;
	position:relative;
	margin-bottom:150px;
}

.inner-main .image{
	width:854px;
	height:480px;
	border-radius:10px;
	border:1px #b7b7b7 solid;
}

.inner-main > p{
	font-size:21px;
	color:#3e9749;
	position:absolute;
	top:100px;
	right:0;
	line-height:50px;
}

.inner-main > h1{
	font-size:66px;
	font-family: "ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;
	font-weight:bold;
	line-height:1;
	margin-bottom:15px;
	text-align:right;
	position:absolute;
	top:170px;
	right:0;
}

.inner-main > h2{
	font-size:14px;
	text-align:right;
	position:absolute;
	top:270px;
	right:0;
}

.inner-main.message .image{
	background:url(../images/message/main.jpg) no-repeat left top;
	background-size:cover;
}

.inner-main.message > p{
	padding-left:70px;
	background:url(../images/common/icon_message.svg) no-repeat left center;
	background-size:60px auto;
}

.inner-main.job .image{
	background:url(../images/job/main.jpg) no-repeat left top;
	background-size:cover;
}

.inner-main.job > p,
.inner-main.job01 > p,
.inner-main.job02 > p{
	padding-left:70px;
	background:url(../images/common/icon_job.svg) no-repeat left center;
	background-size:60px auto;
}

.inner-main.senior .image{
	background:url(../images/senior/main.jpg) no-repeat left top;
	background-size:cover;
}

.inner-main.senior > p{
	padding-left:70px;
	background:url(../images/common/icon_senior.svg) no-repeat left center;
	background-size:60px auto;
}

.inner-main.place .image{
	background:url(../images/place/main.jpg) no-repeat left top;
	background-size:cover;
}

.inner-main.place > p{
	padding-left:70px;
	background:url(../images/common/icon_place.svg) no-repeat left center;
	background-size:60px auto;
}

.inner-main.education01 > p,
.inner-main.education02 > p,
.inner-main.education03 > p,
.inner-main.education04 > p{
	padding-left:70px;
	background:url(../images/common/icon_education.svg) no-repeat left center;
	background-size:60px auto;
}

.inner-main.safety .image{
	background:url(../images/safety/main.jpg) no-repeat left top;
	background-size:cover;
}

.inner-main.safety > p{
	padding-left:70px;
	background:url(../images/common/icon_safety.svg) no-repeat left center;
	background-size:60px auto;
}

.inner-main.welfare .image{
	background:url(../images/welfare/main.jpg) no-repeat left top;
	background-size:cover;
}

.inner-main.welfare > p{
	padding-left:70px;
	background:url(../images/common/icon_welfare.svg) no-repeat left center;
	background-size:60px auto;
}

.inner-main.faq .image{
	background:url(../images/faq/main.jpg) no-repeat left top;
	background-size:cover;
}

.inner-main.faq > p{
	padding-left:70px;
	background:url(../images/common/icon_faq.svg) no-repeat left center;
	background-size:60px auto;
}



/*タイトル処理1*/
.headline01{
	width:100%;
	text-align:center;
}

.headline01 > h3{
	font-size:38px;
	font-family: "ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;
}

.headline01 > h3 span{
	display:block;
	font-size:26px;
	color:#666666;
	font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
}

.headline01 hr{
	height: 5px;
	background-color: #3e9749;
	width: 90px;
	border: none;
	text-align:center;
	margin:0 auto;
	margin-bottom:80px;
}

.headline01 > p{
	font-size:16px;
	margin-bottom:80px;
}

/*タイトル処理2*/
.headline02{
	font-size:24px;
	color: #3e9749;
	margin-bottom:15px;
	font-family: "ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;
}


/*画像処理フォーマット*/
.img-format{
	display:block;
	border-radius:10px;
	border:1px #b7b7b7 solid;
}



@media screen and (max-width: 960px) {
.contents-wrapper{
	width:90%;
	margin:0 auto;
	margin-top:50px; /*Header height*/
}

/*画像付きタイトル*/
.inner-main{
	width:100%;
	height:auto;
	margin-bottom:30px;
}

.inner-main .image{
	width:100%;
	height:200px;
	border-radius:0px;
}

.inner-main > p{
	text-align:center;
	font-size:16px;
	position:static;
	line-height:50px;
}

.inner-main > h1{
	font-size:30px;
	line-height:1;
	margin-bottom:15px;
	text-align:center;
	position:static;
}

.inner-main > h2{
	font-size:12px;
	text-align:center;
	position:static;
}

.inner-main.message .image{
	background:url(../images/message/main.jpg) no-repeat center center;
	background-size:cover;
}

.inner-main.message > p{
	padding-left:0px;
	background:url(../images/common/icon_message.svg) no-repeat 30% center;
	background-size:30px auto;
}

.inner-main.job > p,
.inner-main.job01 > p,
.inner-main.job02 > p{
	padding-left:0px;
	background:url(../images/common/icon_job.svg) no-repeat 25% center;
	background-size:30px auto;
}

.inner-main.senior > p{
	padding-left:0px;
	background:url(../images/common/icon_senior.svg) no-repeat 30% center;
	background-size:30px auto;
}

.inner-main.place > p{
	padding-left:0px;
	background:url(../images/common/icon_place.svg) no-repeat 30% center;
	background-size:30px auto;
}

.inner-main.education01 > p,
.inner-main.education02 > p,
.inner-main.education03 > p,
.inner-main.education04 > p{
	padding-left:0px;
	background:url(../images/common/icon_education.svg) no-repeat 30% center;
	background-size:30px auto;
}

.inner-main.safety > p{
	padding-left:0px;
	background:url(../images/common/icon_safety.svg) no-repeat 30% center;
	background-size:30px auto;
}

.inner-main.welfare > p{
	padding-left:0px;
	background:url(../images/common/icon_welfare.svg) no-repeat 30% center;
	background-size:30px auto;
}

.inner-main.faq > p{
	padding-left:0px;
	background:url(../images/common/icon_faq.svg) no-repeat 20% center;
	background-size:30px auto;
}


/*タイトル処理1*/
.headline01{
	width:100%;
	text-align:center;
}

.headline01 > h3{
	font-size:24px;
}

.headline01 > h3 span{
	font-size:12px;
	margin-bottom:10px;
}

.headline01 hr{
	width: 30%;
	margin-bottom:40px;
}

.headline01 > p{
	font-size:14px;
	margin-bottom:30px;
}

/*タイトル処理2*/
.headline02{
	font-size:20px;
	margin-bottom:10px;
}


/*画像処理フォーマット*/
.img-format{
	display:block;
	border-radius:0px;
}
}


@media screen and (min-width:961px) and ( max-width:1401px) {
.contents-wrapper{
	margin-left:50px;
}
}





/*コンテンツナビ（トップ・中面共通）*/
/*看護師の仕事*/
.job-nav{
	width:100%;
	height:350px;
	position:relative;
	margin-bottom:40px;
}

.job-nav > .title{
	width:367px;
	height:350px;
	background:url(../images/common/icon_job.svg) no-repeat right bottom;
	background-size:auto 200px;
}

.title > h2{
	font-size:24px;
	padding-top:90px;
	line-height:1.4;
}

.title > h2 span{
	font-size:20px;
	display:block;
}

.job-nav .job-area01{
	display:block;
	width:367px;
	height:350px;
	position:absolute;
	top:0px;
	left:417px;
	background:url(../images/index/job01_main.jpg) no-repeat center center;
	background-size:cover;
	border-radius:10px;
	border:1px #b7b7b7 solid;
}

.job-nav .job-area02{
	display:block;
	width:367px;
	height:350px;
	position:absolute;
	top:0px;
	right:0px;
	background:url(../images/index/job02_main.jpg) no-repeat right top;
	background-size:cover;
	border-radius:10px;
	border:1px #b7b7b7 solid;
}

/*職場紹介2025*/
.place-nav{
	width:100%;
	height:1130px;
	position:relative;
	margin-bottom:40px;
}

.place-nav > .title{
	width:367px;
	height:350px;
	background:url(../images/common/icon_place.svg) no-repeat right bottom;
	background-size:auto 180px;
	position:absolute;
	top:0;
	right:0;
}

.place-nav .place-area01{
	width:784px;
	height:350px;
	position:absolute;
	top:0px;
	left:0px;
	background:url(../images/index/place01_main.jpg) no-repeat center center;
	background-size:cover;
	border-radius:10px;
	border:1px #b7b7b7 solid;
}

.place-nav .place-area02,
.place-nav .place-area03,
.place-nav .place-area04,
.place-nav .place-area05,
.place-nav .place-area06,
.place-nav .place-area07{
	width:367px;
	height:350px;
	position:absolute;
	border-radius:10px;
	border:1px #b7b7b7 solid;
}

.place-nav .place-area02{
	top:390px;
	left:0px;
	background:url(../images/index/place02_main.jpg) no-repeat center center;
	background-size:cover;
}

.place-nav .place-area03{
	top:390px;
	left:417px;
	background:url(../images/index/place03_main.jpg) no-repeat center center;
	background-size:cover;
}

/*.place-nav .place-area04{
	top:390px;
	right:0;
	background:url(../images/index/place04_main.jpg) no-repeat center center;
	background-size:cover;
}

.place-nav .place-area05{
	top:780px;
	left:0px;
	background:url(../images/index/place05_main.jpg) no-repeat center center;
	background-size:cover;
}

.place-nav .place-area06{
	top:780px;
	left:417px;
	background:url(../images/index/place06_main.jpg) no-repeat center center;
	background-size:cover;
}

.place-nav .place-area07{
	top:780px;
	right:0;
	background:url(../images/index/place07_main.jpg) no-repeat center center;
	background-size:cover;
}
*/
.place-nav .place-area04{
	top:390px;
	right:0;
	background:url(../images/index/place05_main.jpg) no-repeat center center;
	background-size:cover;
}

.place-nav .place-area05{
	top:780px;
	left:0px;
	background:url(../images/index/place06_main.jpg) no-repeat center center;
	background-size:cover;
}

.place-nav .place-area06{
	top:780px;
	left:417px;
	background:url(../images/index/place07_main.jpg) no-repeat center center;
	background-size:cover;
}






/*教育制度*/
.education-nav{
	width:100%;
	height:790px;
	position:relative;
	margin-bottom:40px;
	border-bottom: solid #A8A8A8 1px;
	
}

.education-nav > .title{
	width:367px;
	height:350px;
	background:url(../images/common/icon_education.svg) no-repeat right bottom;
	background-size:auto 190px;
	position:absolute;
	top:0;
	left:0;
}

.education-nav .education-area01{
	width:784px;
	height:350px;
	position:absolute;
	top:0px;
	right:0px;
	background:url(../images/index/education01_main.jpg) no-repeat center center;
	background-size:cover;
	border-radius:10px;
	border:1px #b7b7b7 solid;
}

.education-nav .education-area02,
.education-nav .education-area03,
.education-nav .education-area04,
.education-nav .education-area05{
	width:367px;
	height:350px;
	position:absolute;
	border-radius:10px;
	border:1px #b7b7b7 solid;
}

.education-nav .education-area02{
	top:390px;
	left:0px;
	background:url(../images/index/education02_main.jpg) no-repeat center center;
	background-size:cover;
}

.education-nav .education-area03{
	top:390px;
	left:417px;
	background:url(../images/index/education03_main.jpg) no-repeat center center;
	background-size:cover;
}
/*
.education-nav .education-area04{
	top:780px;
	left:0;
	background:url(../images/index/education04_main.jpg) no-repeat center center;
	background-size:cover;
}
*/
.education-nav .education-area05{
	top:390px;
	right:0px;
	background:url(../images/index/education05_main.jpg) no-repeat center center;
	background-size:cover;
}


/*教育制度2025にクローズ*/
/*
.education-nav{
	width:100%;
	height:1130px;
	position:relative;
	margin-bottom:40px;
}

.education-nav > .title{
	width:367px;
	height:350px;
	background:url(../images/common/icon_education.svg) no-repeat right bottom;
	background-size:auto 190px;
	position:absolute;
	top:0;
	left:0;
}

.education-nav .education-area01{
	width:784px;
	height:350px;
	position:absolute;
	top:0px;
	right:0px;
	background:url(../images/index/education01_main.jpg) no-repeat center center;
	background-size:cover;
	border-radius:10px;
	border:1px #b7b7b7 solid;
}

.education-nav .education-area02,
.education-nav .education-area03,
.education-nav .education-area04,
.education-nav .education-area05{
	width:580px;
	height:350px;
	position:absolute;
	border-radius:10px;
	border:1px #b7b7b7 solid;
}

.education-nav .education-area02{
	top:390px;
	left:0px;
	background:url(../images/index/education02_main.jpg) no-repeat center center;
	background-size:cover;
}

.education-nav .education-area03{
	top:390px;
	right:0px;
	background:url(../images/index/education03_main.jpg) no-repeat center center;
	background-size:cover;
}

.education-nav .education-area04{
	top:780px;
	left:0;
	background:url(../images/index/education04_main.jpg) no-repeat center center;
	background-size:cover;
}

.education-nav .education-area05{
	top:780px;
	right:0px;
	background:url(../images/index/education05_main.jpg) no-repeat center center;
	background-size:cover;
}
*/






@media screen and (max-width: 960px) {
/*看護師の仕事*/
.job-nav{
	width:100%;
	height:auto;
	margin-bottom:50px;
}

.job-nav > .title{
	width:100%;
	height:80px;
	background:url(../images/common/icon_job.svg) no-repeat right 0;
	background-size:auto 70px;
}

.title > h2{
	font-size:18px;
	padding-top:0px;
}

.title > h2 span{
	font-size:14px;
}

.job-nav .job-area01{
	width:49%;
	height:150px;
	position:relative;
	left:0;
	border-radius:0px;
	float:left;
}

.job-nav .job-area02{
	width:49%;
	height:150px;
	position:relative;
	border-radius:0px;
	float:right;
}

.job-nav:after{
	content: "";
    clear: both;
	display: block;
}

/*職場紹介*/
.place-nav{
	width:100%;
	height:auto;
	margin-bottom:50px;
}

.place-nav > .title{
	width:100%;
	height:80px;
	background:url(../images/common/icon_place.svg) no-repeat right 0;
	background-size:auto 70px;
	position:static;
}

.place-nav .place-area01{
	width:100%;
	height:150px;
	position:static;
	border-radius:0px;
	margin-bottom:10px;
}

.place-nav .place-area02,
.place-nav .place-area03,
.place-nav .place-area04,
.place-nav .place-area05,
.place-nav .place-area06,
.place-nav .place-area07{
	width:49%;
	height:150px;
	position:relative;
	top:0;
	left:0;
	border-radius:0px;
}

.place-nav .place-area02,
.place-nav .place-area04,
.place-nav .place-area06{
	float:left;
}

.place-nav .place-area03,
.place-nav .place-area05,
.place-nav .place-area07{
	float:right;
}

.place-nav .place-area02,
.place-nav .place-area03,
.place-nav .place-area04,
.place-nav .place-area05{
	margin-bottom:10px;
}

.place-nav:after{
	content: "";
    clear: both;
	display: block;
}

/*教育制度*/
.education-nav{
	width:100%;
	height:auto;
	margin-bottom:50px;
	border: none;
}

/*.education-nav{
	width:100%;
	height:auto;
	margin-bottom:50px;
}*/
	

.education-nav > .title{
	width:100%;
	height:80px;
	background:url(../images/common/icon_education.svg) no-repeat right 0;
	background-size:auto 70px;
	position:static;
}

.education-nav .education-area01{
	width:100%;
	height:150px;
	position:static;
	border-radius:0px;
	margin-bottom:10px;
}

.education-nav .education-area02,
.education-nav .education-area03,
.education-nav .education-area04,
.education-nav .education-area05{
	width:49%;
	height:150px;
	position:relative;
	top:0;
	left:0;
	border-radius:0px;
}

.education-nav .education-area02,
.education-nav .education-area04,
	.education-nav .education-area05
	{
	float:left;
}

/*
.education-nav .education-area02,
.education-nav .education-area04{
	float:left;
}
*/

.education-nav .education-area03/*,
.education-nav .education-area05*/{
	float:right;
}

/*
.education-nav .education-area03,
.education-nav .education-area05{
	float:right;
}
*/
	
.education-nav .education-area02,
.education-nav .education-area03{
	margin-bottom:10px;
}

.education-nav:after{
	content: "";
    clear: both;
	display: block;
}
}


/*コンテンツナビ共通素-----------------------------------------------------*/


h3.headline{
	font-size:24px;
	color:#FFFFFF;
	text-align:center;
	width:100%;
	position:absolute;
	top:156px;
}

/*各ボタン左上アイコン*/
p.cont-icon{
	display:block;
	position:absolute;
	top:10px;
	left:10px;
	color:#FFFFFF;
	padding-left:45px;
}

p.cont-icon.message{
	background:url(../images/common/icon_message_w.svg) no-repeat 0 0;
	background-size:38px;
}

p.cont-icon.job{
	background:url(../images/common/icon_job_w.svg) no-repeat 10px 0;
	background-size:30px;
}

p.cont-icon.senior{
	background:url(../images/common/icon_senior_w.svg) no-repeat 10px 0;
	background-size:30px;
}

p.cont-icon.place{
	background:url(../images/common/icon_place_w.svg) no-repeat 10px 0;
	background-size:30px;
}

p.cont-icon.education{
	background:url(../images/common/icon_education_w.svg) no-repeat 10px 0;
	background-size:30px;
}

p.cont-icon.safety{
	background:url(../images/common/icon_safety_w.svg) no-repeat 10px 0;
	background-size:30px;
}

p.cont-icon.welfare{
	background:url(../images/common/icon_welfare_w.svg) no-repeat 10px 0;
	background-size:30px;
}

p.cont-icon.faq{
	background:url(../images/common/icon_faq_w.svg) no-repeat 10px 0;
	background-size:30px;
}

/*右下矢印*/
.cont-arrow{
	position:absolute;
	right:10px;
	bottom:10px;
	width:24px;
	height:auto;
}


/*ボタン黒マスク*/
.bg-mask{
	position:absolute;
    top:0;
    left:0;
    width:100.1%;
    height:100.1%;
	-webkit-transition: all .3s;
	transition: all .3s;
	background-color:#000000;
	border-radius:10px;
	opacity:0.5;
}

a.cont-link{
	position:absolute;
    top:0;
    left:0;
    width:100.1%;
    height:100.1%;
	cursor:pointer;
	z-index:10;
}

a.cont-link:hover + .bg-mask{
	opacity:0;
	-webkit-transition: all .3s;
	transition: all .3s;
}



@media screen and (max-width: 960px) {
h3.headline{
	font-size:14px;
	top:60px;
	line-height:1.4;
}

p.cont-icon{
	padding-left:35px;
}

p.cont-icon.message{
	background:url(../images/common/icon_message_w.svg) no-repeat 0 0;
	background-size:30px;
}

p.cont-icon.job{
	background:url(../images/common/icon_job_w.svg) no-repeat 0px 0;
	background-size:30px;
}

p.cont-icon.senior{
	background:url(../images/common/icon_senior_w.svg) no-repeat 0px 0;
	background-size:30px;
}

p.cont-icon.place{
	background:url(../images/common/icon_place_w.svg) no-repeat 0px 0;
	background-size:30px;
}

p.cont-icon.education{
	background:url(../images/common/icon_education_w.svg) no-repeat 0px 0;
	background-size:30px;
}

p.cont-icon.safety{
	background:url(../images/common/icon_safety_w.svg) no-repeat 0px 0;
	background-size:30px;
}

p.cont-icon.welfare{
	background:url(../images/common/icon_welfare_w.svg) no-repeat 0px 0;
	background-size:30px;
}

p.cont-icon.faq{
	background:url(../images/common/icon_faq_w.svg) no-repeat 0px 0;
	background-size:30px;
}



/*ボタン黒マスク*/
.bg-mask{
	border-radius:0px;
}
}
















/*--------------------------------------------------

    PAGE TOP BOTTAN
	
---------------------------------------------------*/
.pagetop {
    display: none;
    position: fixed;
    bottom: 30px;
    right: 30px;
	width:38px;
	height:38px;
	z-index:9999;
	background:url(../images/common/page_top.png) no-repeat center center;
	background-size:100%;
}

.pagetop a {
    display: block;
}

.pagetop a{
	position:absolute;
    top:0;
    left:0;
    width:100.1%;
    height:100.1%;
    text-indent:-9999px;
}

.pagetop:hover{
    opacity: 0.5;
	filter: alpha(opacity=50);
	-ms-filter: "alpha(opacity=50)";
	-webkit-transition: all .3s;
	transition: all .3s;
}

@media screen and (max-width: 960px) {
.pagetop {
	display:block;
	position:static;
	width:100%;
	height:50px;
	background-color:#3e9749;
	background:url(../images/common/page_top.png) no-repeat center center;
	background-size:40px auto;
	border-bottom:1px #FFFFFF solid;
}

.pagetop a{
    width:100%;
    height:50px;
    text-indent:-9999px;
}
}
















/*--------------------------------------------------

     FOOTER (COMMON)
	 
---------------------------------------------------*/
/*
footer{
	width:100%;
	height:200px;
	position:absolute;
	bottom:0;
	background-color:#3e9749;
}
a.logo{
	display:block;
	width:85px;
	text-align:center;
	margin:0 auto;
	padding-top:20px;
	margin-bottom:40px;
}

a.logo img{
	display:block;
	width:100%;
	height:auto;
}

p.copyright{
	width:100%;
	text-align:center;
	color:#FFFFFF;
}
*/
footer{
	width:100%;
	height:100px;
	position:absolute;
	bottom:0;
	background-color:#3e9749;
}

a.logo{
	display:none;
}

a.logo img{
	display:none;
}


p.copyright{
	width:100%;
	text-align:center;
	color:#FFFFFF;
	padding-top: 40px;
}

@media screen and (max-width: 960px) {
/*
footer{
	position:static;
	height:auto;
}

a.logo{
	width:45px;
	padding-top:10px;
	margin-bottom:10px;
}

p.copyright{
	font-size:10px;
	padding-bottom:20px;
}
*/

footer{
	position:static;
	height:auto;
}

p.copyright{
	font-size:10px;
	padding-top: 20px;
	padding-bottom:20px;
}

}




/*マージン--------------------------------------------------------
-----------------------------------------------------------------*/
.mb-005{ margin-bottom:5px; }
.mb-010{ margin-bottom:10px; }
.mb-015{ margin-bottom:15px; }
.mb-020{ margin-bottom:20px; }
.mb-030{ margin-bottom:30px; }
.mb-040{ margin-bottom:40px; }
.mb-050{ margin-bottom:50px; }
.mb-060{ margin-bottom:60px; }
.mb-070{ margin-bottom:70px; }
.mb-080{ margin-bottom:80px; }
.mb-090{ margin-bottom:90px; }
.mb-100{ margin-bottom:100px; }

@media screen and (max-width: 960px) {
.mb-100{ margin-bottom:50px; }
}

.mt-010{ margin-top:10px; }
.mt-020{ margin-top:20px; }
.mt-030{ margin-top:30px; }
.mt-040{ margin-top:40px; }
.mt-050{ margin-top:50px; }
.mt-060{ margin-top:60px; }
.mt-070{ margin-top:70px; }
.mt-080{ margin-top:80px; }
.mt-090{ margin-top:90px; }
.mt-100{ margin-top:100px; }

.mr-010{ margin-right:10px; }
.mr-020{ margin-right:20px; }
.mr-030{ margin-right:30px; }
.mr-040{ margin-right:40px; }
.mr-050{ margin-right:50px; }
.mr-060{ margin-right:60px; }
.mr-070{ margin-right:70px; }
.mr-080{ margin-right:80px; }
.mr-090{ margin-right:90px; }
.mr-100{ margin-right:100px; }

.ml-010{ margin-left:10px; }
.ml-020{ margin-left:20px; }
.ml-030{ margin-left:30px; }
.ml-040{ margin-left:40px; }
.ml-050{ margin-left:50px; }
.ml-060{ margin-left:60px; }
.ml-070{ margin-left:70px; }
.ml-080{ margin-left:80px; }
.ml-090{ margin-left:90px; }
.ml-100{ margin-left:100px; }


/*Padding--------------------------------------------------------
-----------------------------------------------------------------*/
.pb-010{ padding-bottom:10px; }
.pb-015{ padding-bottom:15px; }
.pb-020{ padding-bottom:20px; }
.pb-030{ padding-bottom:30px; }
.pb-040{ padding-bottom:40px; }
.pb-050{ padding-bottom:50px; }
.pb-060{ padding-bottom:60px; }
.pb-070{ padding-bottom:70px; }
.pb-080{ padding-bottom:80px; }
.pb-090{ padding-bottom:90px; }
.pb-100{ padding-bottom:100px; }

.pt-010{ padding-top:10px; }
.pt-015{ padding-top:15px; }
.pt-020{ padding-top:20px; }
.pt-030{ padding-top:30px; }
.pt-040{ padding-top:40px; }
.pt-050{ padding-top:50px; }
.pt-060{ padding-top:60px; }
.pt-070{ padding-top:70px; }
.pt-080{ padding-top:80px; }
.pt-090{ padding-top:90px; }
.pt-100{ padding-top:100px; }

.pr-010{ padding-right:10px; }
.pr-020{ padding-right:20px; }
.pr-030{ padding-right:30px; }
.pr-040{ padding-right:40px; }
.pr-050{ padding-right:50px; }
.pr-060{ padding-right:60px; }
.pr-070{ padding-right:70px; }
.pr-080{ padding-right:80px; }
.pr-090{ padding-right:90px; }
.pr-100{ padding-right:100px; }

.pl-010{ padding-left:10px; }
.pl-020{ padding-left:20px; }
.pl-030{ padding-left:30px; }
.pl-040{ padding-left:40px; }
.pl-050{ padding-left:50px; }
.pl-060{ padding-left:60px; }
.pl-070{ padding-left:70px; }
.pl-080{ padding-left:80px; }
.pl-090{ padding-left:90px; }
.pl-100{ padding-left:100px; }