@charset "utf-8";

/* ========================================
  HOME
======================================== */
@media screen and (max-width: 767px) {
	.contents{padding-bottom: 40px;}
}

/* slideArea
---------------------------------------*/

/*連続真ん中寄せ配置*/
.slide img {width: 100%; vertical-align: bottom;}
.slideArea .bx-wrapper{margin-bottom: 0;}
/* --- bx-controls ---*/
.slideArea .bx-controls{position: absolute;bottom: 0;z-index: 100;width: 100%;}
/*pager*/
.slideArea .bx-wrapper .bx-pager.bx-default-pager a{width: 8px;height: 8px;background: #009C65;border: 2px solid #009C65;border-radius: 20px;}
.slideArea .bx-wrapper .bx-pager.bx-default-pager a:hover,
.slideArea .bx-wrapper .bx-pager.bx-default-pager a.active{background: none;}
/*controls-direction*/
.slideArea .bx-controls-direction{width: 1200px;margin: auto;margin-top: -220px;position: relative;}
.slideArea .bx-controls-direction a{position: absolute;top: 0;z-index: 100;}

.slideArea .bx-wrapper .bx-prev,
.slideArea .bx-wrapper .bx-next{
	width: 64px;height: 76px;margin-top: -38px;
	background: url(../images/top/slide-prev.png) no-repeat 0 0;
	-webkit-background-size: 100% auto;
	background-size:  100% auto;
}
.slideArea .bx-wrapper .bx-prev{left: 0;}
.slideArea .bx-wrapper .bx-next{background: url(../images/top/slide-next.png) no-repeat 0 0;right: 0;}
.slideArea .bx-wrapper .bx-prev:hover,
.slideArea .bx-wrapper .bx-next:hover{background-position: 0 0;opacity: .4;}

@media screen and (min-width: 768px) {
	.slideArea {width: 100%; height: 100%; overflow: hidden;min-width: 1200px;position: relative;}
	.slide_all {width: 1200px; margin: 0 auto; height: 480px; position: relative;}
	.slide_wrap {width:3600px; position: absolute; left: 50%; margin-left: -1800px;}
	.slide_body {width: 100%;}
	.slide {width: 1200px;}
}


@media screen and (min-width: 768px){
	.sec_mv{display:flex;}
	.sec_slide{width: calc(100% - 378px);overflow: hidden;}
	.slide_all{margin: 0 0 0 auto;}
	.mv_nav{width: 378px;background: #fff;}
	.mv_nav li{padding-bottom: 2px;padding-left: 2px;box-sizing: border-box; }
	.mv_nav li:last-child{border-bottom: none; }
	.mv_nav-sp {display: none;}
}
@media screen and (max-width: 767px) {
	.mv_nav {
		display: none;
	}
	.mv_nav-sp {
		display: flex;
		margin: 0 auto;
		width: 100%;
	}
	.mv_nav-sp > ul {
		margin: 50px 30px 0px;
	}
	.mv_nav-sp > ul > li {
		width: 100%;
		height: auto;
		margin-bottom: 30px
	}
	.mv_nav-sp img {
		width: 100%;
		height: 100%;
	}

}

/* ---------- categoryBtn ---------- */
.categoryBtn{overflow: hidden;margin-left: -25px;margin-top: 40px;}
.categoryBtn li{float: left;margin-left: 25px;width: 300px;}
.categoryBtn li a{
	text-align: center;
	display: block;width: 300px;height: 240px;position: relative;
	background-repeat: no-repeat;
	background-position: 50% 50%;
}
	.categoryBtn a.btnBusiness{background-image: url(../images/top/cat_btn_business.jpg);}
	.categoryBtn a.btnCompany{background-image: url(../images/top/cat_btn_company.jpg);}
	.categoryBtn a.btnRecruit{background-image: url(../images/top/cat_btn_recruit.jpg);}
    .categoryBtn li a span{
	padding: 12px 0;
	font-weight: bold;
	font-size: 1.6em;line-height: 1;color: #fff;
	display: block;position: absolute;width: 100%;bottom: 0;left: 0;background: rgba(0,0,0,.8);
}
@media screen and (max-width: 767px) {
	.categoryBtn{border-top: 1px solid #ddd;}
	.categoryBtn li {float: left;margin-left: 0;width: 100%;border-bottom: 1px solid #ddd;}
	.categoryBtn li a{
		width: 100%;height: 25vw;
		background-position: 0% 50%;
		-webkit-background-size: 50% auto;
		background-size: 50% auto;
		overflow: hidden;
		font-size: 0.8rem;
		background-size: contain;
	}
	.categoryBtn li a span{
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		padding:0 ;width: 40%;height: 100%;
		right: 0;left: auto;color: #fff;background: #00833e;
		text-align: left;
		
	}
}




/* ---------- newsArea ---------- */
.newsArea{
	background: #eaf7fd;
	padding: 0 0 40px;
	margin: 50px auto 60px;
}
.news-container {
	max-width: 940px;
	margin: 0 auto;
}
.newsArea .title{
	font-size: 1.8rem;line-height: 1;
	font-weight: bold;
	padding-top: 40px;
}
.newsArea a {
	color: #0e2ab1;
}
.newsArea .title span{
	display: inline-block;
	margin-left: 5px;font-size: 0.9rem;
	color: #00833e;
	font-weight: normal;
}
.newsArea .newsTable th,
.newsArea .newsTable td{
	padding-top: 20px;
	padding-bottom: 20px;
}
.newsArea a.btn01{
	color: #333;
	margin: 40px auto 0;
	text-align: center;
	display:block;
	width: 200px;
	border: 1px solid #c9caca;
	font-size: 18px;
	line-height: 1;
	padding: 20px 0;
}
.newsTable {
	font-size: 1rem;
}
.newsTd01 {
	font-size:1rem;
}
.newsTd02 {
	font-size: 1rem;
}


@media screen and (max-width: 767px) {
	.newsArea{
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		padding: 0 30px 30px;
		margin: 30px 0 60px;
	}
	.newsArea .title{
		font-size: 1.8rem;
		line-height: 1;
		font-weight: bold;
		padding-top: 25px;
	}
	.newsArea .title span{
		margin-left: 5px;
		font-size: 0.9rem;
	}
	.newsArea .newsTable th,
	.newsArea .newsTable td{
		padding-top: 15px;
		padding-bottom: 15px;
	}
	.newsArea .newsTable th,
	.newsArea .newsTable td{display: block;float: left;}
	.newsArea .newsTable td:last-child{padding: 0 0 14px;clear: both;}
	.newsArea a.btn01{margin-top: 25px;}
	.newsArea a.btn01{
		width: 65vw;
		min-width: 258px;
		margin: 25px auto 0;
		border: 1px solid #c9caca;
		font-size: 1.1rem;
		line-height: 1;
		padding: 22.5px 0;
	}
	.newsTable {
		font-size: 1rem;
	}
	.newsTd01 {
		font-size:1rem;
	}
	.newsTd02 {
		padding: 30px 0;
		font-size: 1rem;
	}
	.newsth {
		margin-top: 3px;
	}
}


/* ---------- bannerArea ---------- */

.bannerArea-container {
	max-width: 940px;
	margin: 0 auto;
}
.bannerArea1 {
	display: flex;
	grid-column-gap: 80px;
	grid-row-gap: 40px;
	text-align: left;
	flex-wrap: wrap;
	margin:0 auto 40px;
}
.bannerArea1 > div {
	border: #dddddd solid 1px;
	padding: 10px 0;
	width: 428px;
	height: 58px;
	display: flex;
	justify-content: space-between;
}
.bannerArea1 p {
	font-size: 1.5em;	
	line-height: 1.5rem;
	color: #333;
	align-items: center;
	margin: 0 auto 0 0;
	padding: 6px 0 0 20px ;
	width: 227px;
	height: 54px;
	border-right: #dddddd solid 1px;
}
.bannerArea1 img {
	max-width: 140px;
	margin: auto;
}
.bannerArea2 {
	display: flex;
	grid-column-gap: 80px;
	grid-row-gap: 40px;
	flex-wrap: wrap;
	margin: 0 auto 40px;
}
.bannerArea2 > div {
	max-width: 430px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.bannerArea2 img {
	width: 100%;
}
.bannerArea2-sp {
	display: none;
}
.bannerArea3 {
	display: flex;
	grid-column-gap: 70px;
	grid-row-gap: 40px;
	text-align: left;
	flex-wrap: wrap;
	margin: 0 auto;
}
.bannerArea3 > div {
	max-width: 260px;
	width: 260px;
	height: 73px;
	justify-content: center;
	align-items: center;
}
.bannerArea3 img {
	width: 100%;
}

.bannerArea-container a{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	/*border-right: 1px solid #ccc;*/
}

.bannerArea a:nth-child(3n)
{border-right: none;
}
.bannerArea span{
	display: block;
}

@media screen and (max-width: 940px) {
	.bannerArea1 {
		justify-content: center;
	}
	.bannerArea2 {
		justify-content: center;
	}
	.bannerArea3 {
		max-width: 590px;
	}
}

@media screen and (max-width: 767px) {
	.bannerArea-container {
		max-width: inherit;
	}
	.bannerArea a{
		display: block;
		width: 100%;
		height: auto;
		border: none;
		border-bottom: 1px solid #ddd;
		margin-top: 0;

    display:-webkit-box;/*--- Android旧ブラウザ用 ---*/
    display:-ms-flexbox;/*--- IE10 ---*/
    display:-webkit-flex;/*--- safari（PC）用 ---*/
    display:flex;
	align-items:center;
	justify-content:space-between; 
	}
	/*
	.bannerArea a aside,
	.bannerArea a span{padding-top: 10px;padding-bottom: 10px;}
	.bannerArea a aside{width:40%;}
	.bannerArea a aside img{width: 100%;}
	.bannerArea span{width: 60%;text-align: left;padding-left: 10px;margin-top: 0;}*/


	.bannerArea1 {
		grid-row-gap: 25px;
		margin:0 30px 25px;
	}
	.bannerArea1 > div {
		padding: 7px 0px 7px 14px;
		width: 100%;
		height: inherit;
		max-height: 125px;
		justify-content: center;
	}
	.bannerArea1 img {
		max-width: inherit;
		max-height: 95px;
		height: 7vw;
		margin: auto ;
		padding: 5px 15px;
	}
	.bannerArea1 p {
		font-size: 0.9rem;	
		line-height: 1.3rem;
		align-items: center;
		margin: 3px  auto 0 0;
		padding: 5px 25px 0 0 ;
		width: 189px;
		height: auto;
	}
	.bannerArea1 > a {
		height: inherit;
	}
	.bannerArea2 {
		display: none;
	}
	.bannerArea2-sp {
		display: flex;
		flex-direction: column;
		grid-row-gap: 25px;
		margin: 0 auto 25px;
		padding: 0 30px;
	}
	.bannerArea2-sp > div {
		width: 100%;
		align-items: center;
		justify-content: center;
	}
	.bannerArea2-sp img {
		width: 100%;
	}

	.bannerArea3 {
		grid-row-gap: 25px;
	}
	.bannerArea3 > div {
		max-width: inherit;
		flex-wrap: nowrap;
		height: auto;
		justify-content: center;
		align-items: center;
		margin: 0 auto;
		width: auto;
	}
	.bannerArea3 img {
		width: inherit;
		height: 13vw;
		justify-content: center;
	}
	.contents{
		padding-bottom: 70px;}
	}

@media screen and (max-width: 452px) {
	.bannerArea1 > div {
		padding: 5px 0px 5px 5px;
		width: 100%;
		height: inherit;
		max-height: 125px;
		justify-content: center;
	}
	.bannerArea1 img {
		max-width: inherit;
		max-height: inherit;
		height: 8vw;
		margin: auto ;
		padding: 0px 10px;
	}
	.bannerArea1 p {
		font-size: 0.75rem;	
		line-height: 1.3rem;
		align-items: center;
		margin: 3px  auto 0 0;
		padding: 2px 0 0 0 ;
		width: 145px;
		height: auto;
		letter-spacing: -0.5px;
	}
	.bannerArea1 > a {
		height: inherit;
	}

}
@media screen and (max-width: 352px) {
	.bannerArea1 > div {
		padding: 5px 0px 5px 5px;
	}
	.bannerArea1 img {
		padding: 0;
	}
}



/* モーダル */
.modal{
	display: none;
	height: 100vh;
	position: fixed;
	top: 0;
	width: 100%;
	z-index:99999;
}
.modal__bg{
	background: rgba(255, 255, 255, 0.5);
	height: 100vh;
	position: absolute;
	width: 100%;
}
.modal__content{
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translate(-50%,-50%);
	width: 80%;
	max-width: 645px;
}
.modal__content p {
	font-size: 1.2rem;
	text-align: center;
}
.modal__content_inner{
	position:relative;
}
.modal__content_inner .js-modal-close{
	position:absolute; top: 20px; right: 20px; font-size: 1.5rem;
	cursor: pointer;
	color: #009C65;
}
@media screen and (max-width: 767px) {
.modal__content{
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translate(-50%,-50%);
	width: 94%;
	max-width: inherit;
}
.modal__content p {
	font-size: 1rem;
}
.modal__content_inner{
	position:relative;
}
.modal__content_inner .js-modal-close{
	position:absolute; top: 4vw; right: 4vw; font-size: 1.2rem;
	cursor: pointer;
	color: #009C65;
	width: 8vw;
	height: 8vw;
}
}


/** swiper **/
.swiper-container{position: relative;height: 100%;}
.swiper-slide a{display: block; height: 100%;}
.swiper-slide img{max-width: 100%;}
.swiper-pagination-bullet{
  background: none;
  border: 2px solid #009C65;
  opacity: 1;
}
.swiper-pagination-bullet-active {
  opacity: 1;
  background: #009C65;
}
.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
  bottom: -30px;
}

.swiper-slide span{opacity: 0;}
@media screen and (min-width: 768px) {
	.sec_slide {padding-bottom: 30px;}
	.mv_nav {padding-bottom: 30px;}
	.mv_nav li:last-child {padding-bottom: 0;}
}
@media screen and (max-width: 767px) {
	.sec_slide {height: 40vw;overflow: hidden;padding-bottom: 30px;}
}

.swiper-button-next:focus,
.swiper-button-prev:focus {
  outline: none;
}