@charset "UTF-8";
/* CSS Document */
/*----------------------------------------------------------
ホームcss
----------------------------------------------------------*/


/* ファーストビュー
----------------------------------------------------------*/
.swiper-container {
	position: relative;
}
.mv_wrap {
	width: 100%;
	min-width: 1100px;
	height: 400px;
	position: relative;
}
.slide1 {
	background-image: url(images/mv-bk1.jpg);
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}
.slide2 {
	background-image: url(images/mv-bk2.jpg);
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}
.slide3 {
	background-image: url(images/mv-bk3.jpg);
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}
.slide4 {
	background-image: url(images/mv-bk4.jpg);
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}
.slide5 {
	background-image: url(images/mv-bk5.jpg);
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

@media screen and (max-width: 736px) {
	.slide1 {
		background-image: url(images/mv-bk1_sp.jpg);
	}
	.slide2 {
		background-image: url(images/mv-bk2_sp.jpg);
	}
	.slide3 {
		background-image: url(images/mv-bk3_sp.jpg);
	}
	.slide4 {
		background-image: url(images/mv-bk4_sp.jpg);
	}
	.slide5 {
		background-image: url(images/mv-bk5_sp.jpg);
	}
}

.swiper-button-next:after {
	content: "";
	position: absolute;
	top: 185px;
	right: 10px;
	text-rendering: initial;
	z-index: 10;
	width: 30px;
	height: 30px;
	background-image: url(images/slide_next.png);
	background-repeat: no-repeat;
	background-size: cover;
}
.swiper-button-prev:after {
	content: "";
	position: absolute;
	top: 185px;
	left: 10px;
	text-rendering: initial;
	z-index: 10;
	width: 30px;
	height: 30px;
	background-image: url(images/slide_prev.png);
	background-repeat: no-repeat;
	background-size: cover;
}
.slide-contents {
	width: 50%;
	margin: auto 50% auto 0;
	padding: 100px 0 0 0;
	text-align: center;
}
.slide1 .slide-contents h2 {
	font-size: 2em;
	color: #ffffff;
	margin: 0;
	padding: 0;
}
.slide1 .slide-contents h2 br {
	display: none;
}
.slide1 .slide-contents .btn {
	max-width: 258px;
	margin: 20px auto;
}
.slide1_logo {
	max-width: 250px;
	margin: 30px auto auto auto;
}
.slide1_logo img {
	width: 100%;
}
.slide2 .slide-contents h2 {
	font-size: 2em;
	color: #ffffff;
	margin: 0;
	padding: 0;
}
.slide2 .slide-contents h2 br {
	display: none;
}
.slide2 .slide-contents .btn {
	max-width: 258px;
	margin: 20px auto;
}
.slide2_logo {
	max-width: 250px;
	margin: 30px auto auto auto;
}
.slide2_logo img {
	width: 100%;
}
.slide3 .slide-contents h2 {
	font-size: 2em;
	color: #ffffff;
	margin: 0;
	padding: 0;
}
.slide3 .slide-contents h2 br {
	display: none;
}
.slide3 .slide-contents .btn {
	max-width: 258px;
	margin: 20px auto;
}
.slide3_logo {
	max-width: 250px;
	margin: 30px auto auto auto;
}
.slide3_logo img {
	width: 100%;
}
.slide4 .slide-contents h2 {
	font-size: 2em;
	color: #ffffff;
	margin: 0;
	padding: 0;
}
.slide4 .slide-contents h2 br {
	display: none;
}
.slide4 .slide-contents .btn {
	max-width: 258px;
	margin: 20px auto;
}
.slide4_logo {
	max-width: 250px;
	margin: 30px auto auto auto;
}
.slide4_logo img {
	width: 100%;
}
.slide5 .slide-contents h2 {
	font-size: 2em;
	color: #ffffff;
	margin: 0;
	padding: 0;
}
.slide5 .slide-contents h2 br {
	display: none;
}
.slide5 .slide-contents .btn {
	max-width: 258px;
	margin: 20px auto;
}
.slide5_logo {
	max-width: 250px;
	margin: 30px auto auto auto;
}
.slide5_logo img {
	width: 100%;
}
.swiper-pagination {
	position: absolute;
	bottom: -30px !important;
	left: calc(50% - 25px);
	margin: 0 auto;
	display: flex;
}
.swiper-pagination-bullet {
	width: 10px;
	height: 10px;
	margin: 0 5px !important;
	background-color: #CCCCCC;
	border-radius: 50%;
}
.swiper-pagination-bullet-active {
	/*アクティブなドットの透過度を1にする*/
	background-color: #FFF500;
}
.btn p{
	display: block;
	padding: 0.3em 2em;
	color: #fff;
	line-height: 1.4;
	background-color: #187D5F;
	border-radius: 20px;
	position: relative;
}

@media screen and (max-width: 736px) {
	.mv_wrap {
		height: 180px;
		min-width: 100%;
	}
	.swiper-button-next:after,
	.swiper-button-prev:after {
		width: 20px;
		height: 20px;
		top: 90px;
	}
	.slide1 .slide-contents .btn {
		max-width: 148px;
		margin: 10px auto 0 0;
	}
	.slide1 .slide-contents h2 {
		font-size: 0.95em;
	}
	.slide1 .slide-contents h2 br {
		display: block;
	}
	.slide-contents {
		padding: 20px 0 20px 30px;
		text-align: left;
	}
	.slide1_logo {
		max-width: 128px;
		margin: 20px auto auto 0;
	}	
	.slide2 .slide-contents .btn {
		max-width: 148px;
		margin: 10px auto 0 0;
	}
	.slide2 .slide-contents h2 {
		font-size: 0.95em;
	}
	.slide2 .slide-contents h2 br {
		display: block;
	}
	.slide2_logo {
		max-width: 128px;
		margin: 20px auto auto 0;
	}	
	.slide3 .slide-contents .btn {
		max-width: 148px;
		margin: 10px auto 0 0;
	}
	.slide3 .slide-contents h2 {
		font-size: 0.95em;
	}
	.slide3 .slide-contents h2 br {
		display: block;
	}
	.slide3_logo {
		max-width: 128px;
		margin: 20px auto auto 0;
	}
	.slide4 .slide-contents .btn {
		max-width: 148px;
		margin: 10px auto 0 0;
	}
	.slide4 .slide-contents h2 {
		font-size: 0.95em;
	}
	.slide4 .slide-contents h2 br {
		display: block;
	}
	.slide4_logo {
		max-width: 128px;
		margin: 20px auto auto 0;
	}
	.slide5 .slide-contents .btn {
		max-width: 148px;
		margin: 10px auto 0 0;
	}
	.slide5 .slide-contents h2 {
		font-size: 0.95em;
	}
	.slide5 .slide-contents h2 br {
		display: block;
	}
	.slide5_logo {
		max-width: 128px;
		margin: 20px auto auto 0;
	}
}

/* イントロ
----------------------------------------------------------*/
.intro_wrap {
	width: 1100px;
	margin: 60px auto;
	padding: 0 0 0 50px;
	background-image: url(images/intro-bk.png);
	background-size: 588px 355px;
	background-repeat: no-repeat;
	background-position: right top;
}
.intro_wrap h2 {
	width: 776px;
	margin-bottom: 40px;
}
.intro_wrap h2 img {
	width: 100%;
}
.intro_wrap p {
	color: #187D5F;
	line-height: 2em;
	font-size: 20px;
}

@media screen and (max-width: 736px) {
	.intro_wrap {
		width: 100%;
		margin: 40px auto;
		padding: 0 20px;
		background-size: 177px 107px;
	}
	.intro_wrap h2 {
		width: 100%;
	}
	.intro_wrap p {
		font-size: 16px;
	}
}

/* NEWS 募集案内
----------------------------------------------------------*/

.news-recruit_wrap {
	width: 1100px;
	margin: 60px auto;
	padding: 0;
	display: flex;
	align-items: stretch;
	justify-content: space-between;
}
.news_wrap,
.recruit_wrap {
	width: calc(50% - 25px);
	border: 5px solid #187D5F;
	border-radius: 20px;
}
.news_header {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	border-bottom: 2px solid #187D5F;
	padding: 20px 30px;
}
.news_header h3 {
	width: fit-content;
	font-size: 2em;
	font-weight: bold;
	color: #187D5F;
	padding: 0;
	margin: 0;
	line-height: 1em;
}
.news_header p.btn {
	width: fit-content;
	margin: 0 0 0 auto;
}
.news_header p.btn a::after {
	left: 1em;
}
.news_btn_wrap {
	flex: 1;
}
.recruit_wrap h3 {
	border-bottom: 2px solid #187D5F;
	padding: 20px 30px;
	font-size: 2em;
	font-weight: bold;
	color: #187D5F;
	line-height: 1em;
}
.news {
	margin: 0;
	padding: 0;
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	flex-wrap: wrap;
	box-sizing: border-box;
}
.news dt {
	margin: 0;
	padding: 10px 10px 10px 30px;
	color: #187D5F;
	width: 25%;
	border-top: 1px dotted #187D5F;
}
.news dd {
	width: 75%;
	padding: 10px 30px 10px 10px;
	margin: 0;
	border-top: 1px dotted #187D5F;
}
dl.news dt:first-child{
	border-top:none;
}
dl.news dt:first-child + dd{
	border-top:none;
}
.news dd a {
	color: #000000;
}
.recruit_info {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.recruit_info li {
	padding: 10px 35px 10px 40px;
	background-image: url(common/img/tri_green.png);
	background-size: 12px 12px;
	background-position: top 17px left 20px;
	background-repeat: no-repeat;
	border-top: 1px dotted #187D5F;
}
.recruit_info li:first-child{
	border-top: none;
}
.recruit_info li a {
	color: #000000;
	font-size: 20px;
	font-weight: bold;
}

@media screen and (max-width: 736px) {
	.news-recruit_wrap {
		width: 100%;
		margin: 40px auto;
		padding: 0 20px;
		flex-direction: column;
	}
	.news_wrap,
	.recruit_wrap {
		width: 100%;
		margin-bottom: 12px;
	}
	.news {
		flex-direction: column;
	}
	.news dt {
		width: 100%;
		padding: 10px 10px 0 10px;
	}
	.news dd {
		width: 100%;
		border-top: none;
		padding: 5px 30px 10px 10px;
	}
}

/* データで見るJAいわて花巻
----------------------------------------------------------*/
.datademiru-wrap {
	width: 1100px;
	height: 300px;
	margin: 100px auto;
	background-image: url(images/data-bk.png);
	background-size: cover;
	background-repeat: no-repeat;
	border-radius: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.datademiru-contents {
	width: 50%;
}
.datademiru-contents h2 {
	font-size: 2.5em;
	color: #187D5F;
	line-height: 1.3em;
	font-weight: bold;
	letter-spacing: 0.1em;
	text-align: center;
	margin-bottom: 30px;
}
.datademiru-contents .btn a {
	width: fit-content;
	padding: 0.3em 3em;
}
.datademiru-image {
	width: 50%;
	position: relative;
}
.datademiru-image img {
	width: 100%;
	position: absolute;
	top: -200px;
	right: -20px;
}

@media screen and (max-width: 736px) {
	.datademiru-wrap {
		width: calc(100% - 40px);
		margin: 0 auto;
		height: 133px;
		background-image: url(images/data-bk-smp.png);
		border-radius: 35px;
	}
	.datademiru-contents,
	.datademiru-image {
		width: 50%;
	}
	.datademiru-contents h2 {
		font-size: 20px;
		margin-bottom: 10px;
		letter-spacing: 0;
	}
	.datademiru-image img {
		width: 100%;
		height: auto;
		top: -70px;
		right: -10px;
	}
}

/* リクルートムービー
----------------------------------------------------------*/
.recruit-movie_wrap {
	width: 100%;
	min-width: 1100px;
	height: 594px;
}
.movie_area {
	margin: -250px auto 0 auto;
	text-align: center;
	position: relative;
	width: 790px;
	/* 16:7.5のアスペクト比 */
	height: 0;
}
.movie_area iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 444px;
}

@media screen and (max-width: 736px) {
	.recruit-movie_wrap {
		min-width: 100%;
		height: 303px;
	}
	.movie_area {
		width: calc(100% - 40px);
		margin: -150px auto 0 auto;
		/* 16:8のアスペクト比 */
	}
	.movie_area iframe {
		height: 203px;
	}
}

/* FAQ
----------------------------------------------------------*/
.faq_wrap{
	width: 1100px;
	height: 200px;
	margin: 100px auto;
	background-image: url(images/faq-bk.png);
	background-size: cover;
	background-repeat: no-repeat;
	border-radius: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: row-reverse;
}
.faq-contents {
	width: 50%;
}
.faq-contents h2 {
	font-size: 2.5em;
	color: #187D5F;
	line-height: 1.3em;
	font-weight: bold;
	letter-spacing: 0.1em;
	text-align: center;
	margin-bottom: 30px;
}
.faq-contents .btn a {
	width: fit-content;
	padding: 0.3em 3em;
}
.faq-image {
	width: 50%;
	position: relative;
}
.faq-image img {
	width: 100%;
	position: absolute;
	top: -130px;
	left: 40px;
}

@media screen and (max-width: 736px) {
	.faq_wrap {
		width: calc(100% - 40px);
		margin: 0 auto 50px auto;
		height: 101px;
		background-image: url(images/faq-bk-smp.png);
		border-radius: 35px;
	}
	.faq-contents h2 {
		font-size: 20px;
		margin-bottom: 10px;
	}
	.faq-image img {
		width:100%;
		height: auto;
		top: -55px;
		left: 10px;
	}
}

/* ボトムバナー
----------------------------------------------------------*/
.bottom-bnr_wrap {
	width: 100%;
	min-width: 1100px;
	background-image: url(images/area-bnr-bk.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	padding: 59px 20px;
}
.bottom-bnr {
	width: 280px;
	height: 80px;
	margin: 0 auto;
}
.bottom-bnr img {
	width: 100%;
}

@media screen and (max-width: 736px) {
	.bottom-bnr_wrap {
		padding: 30px 20px;
		min-width: 100%;
	}
}

/*前のページへ戻るボタン非表示*/
.btn_return {
	display: none;
}