@charset 'UTF-8';

/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

	トップページ

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */



/* ================================================================================

	レイアウト

================================================================================ */

/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	#wrapper {
	}

	main.outer_wrap {
		position: relative;
		max-width: none;
		/* max-width: 1920px; 固定幅レイアウト時 */
		width: 100%;
		min-height: 50vh;
		display: block;
		margin: 0 auto;
	}

	.inner_wrap {
		position: relative;
	}

	footer.bs_footer {
		margin-top: 7.6vw;
	}
}



/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	#wrapper {
	}

	main.outer_wrap {
		position: relative;
		width: 100%;
	}

	.inner_wrap {
		position: relative;
	}

	footer.bs_footer {
		margin-top: 16vw;
	}
}





/* ================================================================================

	メイン画像

================================================================================ */


/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	.main_top {
		position: relative;
	}
	.main_top_in {
		position: relative;
	}
	.main_top_in img {
		width: 100%;
		height: auto;
	}
}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	.main_top {
		position: relative;
	}
	.main_top_in {
		position: relative;
	}
	.main_top_in img {
		width: 100%;
		height: auto;
	}
}





/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★

	ここからコンテンツ内容

★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */



/* ================================================================================

	お知らせ

================================================================================ */


/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	.row01 {
		padding: 3vw 0 0 0;
	}

	.news_box {
		position: relative;
		overflow: hidden;
	}

	/* 見出し */
	.news_h2 {
		position: relative;
		text-align: left;
		margin: 0 0 0 4.79vw;
		z-index: 1;
	}
	.news_h2 h2 {
		font-size: 1.197vw;
		font-weight: 700;
		background-color: #84bb4e;
		color: #ffffff;
		border-radius: 0.2em;
		padding: 0.5em 0 0.7em;
		width: 10em;
		text-align: center;
	}

	/* お知らせ */
	.post_wrap {
		position: relative;
		float: left;
		width: 85.5vw;
		height: 9.7vw;
		margin-left: -4px;
		border: 3px solid #84bb4e;
		border-radius: 6px;
		padding: 2vw 2vw 2vw 4.79vw;
		margin-top: -1vw;
		z-index: 0;
	}
	.post_wrap::before {
		position: absolute;
		content: "";
		display: block;
		background: #bad99b;
		width: 2px;
		height: calc( 100% - 4vw );
		top: 2vw;
		margin-top: 0;
		left: 50%;
		margin-left: 1.25vw;
		z-index: 1;
	}

	.post_wrap ul {
		font-size: 0;
		letter-spacing: -.4em;
		width: 100%;
	}
	.post_wrap ul li {
		display: inline-block;
		vertical-align: top;
		width: 50%;
		padding: 1vw 1.5vw;
	}
	.post_date {
		display: inline-block;
		vertical-align: top;
		font-size: 1.197vw;
		font-weight: 700;
		line-height: 1.4;
		color: #69a62b;
		letter-spacing: 0;
		width: 23%;
	}
	.post_title {
		display: inline-block;
		vertical-align: top;
		font-size: 1.197vw;
		font-weight: 700;
		line-height: 1.4;
		letter-spacing: 0;
		width: 77%;
	}
	.post_title a {
		position: relative;
		display: block;
		padding-right: 3vw;
	}
	.post_title a {
		position: relative;
		display: block;
	}
	.post_title a::after {
		position: absolute;
		content: "";
		display: block;
		background: url(../img/arrow.png) center top / contain no-repeat;
		width: 1.45vw;
		height: 1.45vw;
		top: 50%;
		margin-top: -0.7vw;
		right: 0.8vw;
	}


	/* リンク */
	.news_link {
		position: relative;
		float: left;
		margin: 2.5vw 0 0 3vw;
	}
	.news_link a {
		position: relative;
		font-size: 1.01vw;
		font-weight: 700;
		color: #69a62b;
	}
	.news_link a::after {
		position: absolute;
		content: "";
		display: block;
		background: url(../img/bg_news.png) center top / contain no-repeat;
		width: 9vw;
		height: 1.2vw;
		top: 50%;
		left: 50%;
		margin-left: -4.2vw;
	}
}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	.row01 {
		padding: 16vw 4vw 0;
	}

	.news_box {
		position: relative;
	}

	/* 見出し */
	.news_h2 {
		position: relative;
		text-align: left;
		z-index: 1;
	}
	.news_h2 h2 {
		font-size: 4vw;
		font-weight: 700;
		background-color: #84bb4e;
		color: #ffffff;
		border-radius: 0.2em;
		padding: 0.5em 0 0.7em;
		width: 9em;
		text-align: center;
		margin-left: 0.5em;
	}

	/* お知らせ */
	.post_wrap {
		position: relative;
		border: 3px solid #84bb4e;
		border-radius: 6px;
		padding: 5vw 4vw 4vw 4vw;
		margin-top: -3vw;
		z-index: 0;
	}

	.post_wrap ul {
		font-size: 0;
		letter-spacing: -.4em;
		width: 100%;
	}
	.post_wrap ul li {
		display: block;
		padding: 4vw 2vw;
		border-top: 1px solid #bad99b;
	}
	.post_wrap ul li:first-of-type {
		border-top: none;
	}
	.post_date {
		font-size: 3.2vw;
		font-weight: 700;
		line-height: 1.4;
		color: #69a62b;
		letter-spacing: 0;
	}
	.post_title {
		font-size: 4vw;
		font-weight: 700;
		line-height: 1.4;
		letter-spacing: 0;
		margin-top: 0.2em;
	}
	.post_title a {
		position: relative;
		display: block;
		padding-right: 8vw;
	}
	.post_title a {
		position: relative;
		display: block;
	}
	.post_title a::after {
		position: absolute;
		content: "";
		display: block;
		background: url(../img/arrow.png) center top / contain no-repeat;
		width: 5vw;
		height: 5vw;
		top: 50%;
		margin-top: -2.5vw;
		right: 0;
	}


	/* リンク */
	.news_link {
		position: relative;
		margin-top: 4vw;
		text-align: center;
	}
	.news_link a {
		position: relative;
		font-size: 4vw;
		font-weight: 700;
		color: #69a62b;
	}
	.news_link a::after {
		position: absolute;
		content: "";
		display: block;
		background: url(../img/bg_news.png) center top / contain no-repeat;
		width: 32vw;
		height: 4vw;
		top: 50%;
		margin-top: 1vw;
		left: 50%;
		margin-left: -14.5vw;
	}
}





/* ================================================================================

	親愛会について

================================================================================ */


/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	.row02 {
		padding: 5.98vw 4.58vw 0;
	}
	.row02_in {
	}
	.row02_in .left {
		width: 32% !important;
		padding-top: 4.16vw;
	}
	.row02_in .right {
		width: 68% !important;
	}


	/* 左
	----------------------------------------------- */
	.row02_in_in {
		position: relative;
		width: 71.2vw;
		background-color: #85ba4e;
		color: #ffffff;
		padding: 4.58vw 44vw 4.58vw 2.6vw;
		border-radius: 6px;
		z-index: 0;
	}

	/* 見出し */
	.row02_in_in h2 {
		font-size: 3.38vw;
		font-weight: 700;
		line-height: 1.4;
	}
	.row02_in_in h2 span {
		display: block;
		font-size: 0.3em;
		padding-left: 0.1em;
	}

	/* テキスト */
	.row02_in_in p {
		margin-top: 1em;
		font-size: 1.19vw;
		letter-spacing: -0.07em;
	}

	/* 右
	----------------------------------------------- */
	.row02_in .img {
		position: relative;
		z-index: 1;
	}
	.row02_in .img img {
		width: 100%;
		height: auto;
		border-radius: 6px;
	}
}



/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	.row02 {
		padding: 16vw 4vw 0;
	}
	.row02_in {
	}
	.row02_in .left {
	}
	.row02_in .right {
	}


	/* 左
	----------------------------------------------- */
	.row02_in_in {
		position: relative;
		background-color: #85ba4e;
		color: #ffffff;
		padding: 4vw;
		border-bottom-left-radius: 6px;
		border-bottom-right-radius: 6px;
		z-index: 0;
	}

	/* 見出し */
	.row02_in_in h2 {
		font-size: 7vw;
		font-weight: 700;
		line-height: 1.4;
	}
	.row02_in_in h2 span {
		display: block;
		font-size: 0.3em;
		padding-left: 0.1em;
	}

	/* テキスト */
	.row02_in_in p {
		margin-top: 1em;
		font-size: 3.5vw;
	}

	/* 右
	----------------------------------------------- */
	.row02_in .img {
		position: relative;
		z-index: 1;
	}
	.row02_in .img img {
		width: 100%;
		height: auto;
		border-top-left-radius: 6px;
		border-top-right-radius: 6px;
	}
}





/* ================================================================================

	INTERVIEW

================================================================================ */


/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	.row03 {
		padding-top: 7.6vw;
	}
	.row03::after {
		position: absolute;
		content: "";
		display: block;
		background: url(../img/copy_top01.png) center top / contain no-repeat;
		width: 26.7vw;
		height: 15.98vw;
		top: 4vw;
		left: 6vw;
		pointer-events: none;
	}

	/* 見出し */
	.row03 .title {
		text-align: center;
	}
	.row03 .title h2 {
		font-size: 3.9vw;
		font-weight: 900;
		color: #84bb4e;
	}
	/* 見出し下説明 */
	.row03 .text {
		margin-top: 1em;
	}
	.row03 .text p {
		font-size: 1.19vw;
		text-align: center;
	}

	/* 動く背景
	----------------------------------------------- */
	.row03_in01 {
		margin-top: 1vw;
	}
	.row03_in01 .left {
		width: 17% !important;
	}
	.row03_in01 .right {
		width: 83% !important;
	}
	.bg_img {
		position: absolute;
		content: "";
		display: block;
		background: #f3e286;
		width: 100%;
		height: 20.3vw;
		top: 0;
		right: 0;
		border-top-left-radius: 6px;
		border-bottom-left-radius: 6px;
		z-index: -1;
	}

	/* インタビュー
	----------------------------------------------- */
	.row03_in02 {
		padding: 2.4vw 6.77vw 0;
	}
	.row03_in02 .box {
		width: 25% !important;
		padding: 0 2.7% !important;
	}
	.row03_in02 .box img {
		border-radius: 6px;
	}
	.row03_in02 .box_in {
		width: 100%;
		margin: -1vw 0 0 -2vw;
	}
	/* 部署名 */
	.row03_in02 .box_in h3 span {
		display: inline-block;
		background-color: #84bb4e;
		color: #ffffff;
		font-size: 0.98vw;
		font-weight: 700;
		line-height: 1;
		padding: 0.5em 0.8em 0.6em;
		border-radius: 6px;
		margin-left: -0.2em;
	}
	/* スローガン */
	.row03_in02 .box_in h4 {
		color: #84bb4e;
		font-size: 1.19vw;
		font-weight: 700;
		line-height: 1.4;
		margin-top: 0.2em;
	}
	/* 名前 */
	.row03_in02 .box_in p {
		border-top: 1px solid #84bb4e;
		padding-top: 0.4em;
		margin-top: 0.5em;
		font-size: 0.98vw;
		color: #84bb4e;
	}
	/* リンク */
	.row03_in02 .box_in .link {
		text-align: right;
		margin-top: 0.3vw;
	}
	.row03_in02 .box_in .link a {
		position: relative;
		font-size: 0.98vw;
		font-weight: 500;
		color: #586e43;
		padding-right: 1.5vw;
	}
	.row03_in02 .box_in .link a::after {
		position: absolute;
		content: "";
		display: block;
		background: url(../img/kuwashiku.png) center top / contain no-repeat;
		width: 0.989vw;
		height: 0.9375vw;
		top: 50%;
		margin-top: -0.42vw;
		right: 0px;
	}
}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	.row03 {
		padding: 24vw 4vw 0;
	}
	.row03::after {
		position: absolute;
		content: "";
		display: block;
		background: url(../img/copy_top01.png) center top / contain no-repeat;
		width: 45vw;
		height: 27vw;
		top: 6vw;
		left: 2vw;
		pointer-events: none;
	}

	/* 見出し */
	.row03 .title {
		text-align: center;
	}
	.row03 .title h2 {
		font-size: 6vw;
		font-weight: 900;
		color: #84bb4e;
	}
	/* 見出し下説明 */
	.row03 .text {
		margin-top: 1em;
	}
	.row03 .text p {
		font-size: 3.5vw;
		text-align: center;
	}

	/* 動く背景
	----------------------------------------------- */
	.row03_in01 {
		margin-top: 1vw;
	}
	.row03_in01 .left {
		width: 17% !important;
	}
	.row03_in01 .right {
		width: 83% !important;
	}
	.bg_img {
		position: absolute;
		content: "";
		display: block;
		background: #f3e286;
		width: 100%;
		height: 20.3vw;
		top: 0;
		right: 0;
		border-top-left-radius: 6px;
		border-bottom-left-radius: 6px;
		z-index: -1;
	}

	/* インタビュー
	----------------------------------------------- */
	.row03_in02 {
		padding: 2.4vw 15vw 0;
	}
	.row03_in02 .box {
		margin-top: 12vw;
	}
	.row03_in02 .box:first-of-type {
		margin-top: 4vw;
	}
	.row03_in02 .box img {
		border-radius: 6px;
	}
	.row03_in02 .box_in {
		width: 100%;
		margin: -4vw 0 0 -4vw;
	}
	/* 部署名 */
	.row03_in02 .box_in h3 span {
		display: inline-block;
		background-color: #84bb4e;
		color: #ffffff;
		font-size: 4vw;
		font-weight: 700;
		line-height: 1;
		padding: 0.5em 0.8em 0.6em;
		border-radius: 6px;
		margin-left: -0.2em;
	}
	/* スローガン */
	.row03_in02 .box_in h4 {
		color: #84bb4e;
		font-size: 4vw;
		font-weight: 700;
		line-height: 1.4;
		margin-top: 0.2em;
	}
	/* 名前 */
	.row03_in02 .box_in p {
		border-top: 1px solid #84bb4e;
		padding-top: 0.4em;
		margin-top: 0.5em;
		font-size: 3.5vw;
		color: #84bb4e;
	}
	/* リンク */
	.row03_in02 .box_in .link {
		text-align: right;
		margin-top: 1vw;
	}
	.row03_in02 .box_in .link a {
		position: relative;
		font-size: 4vw;
		font-weight: 500;
		color: #586e43;
		padding-right: 5vw;
	}
	.row03_in02 .box_in .link a::after {
		position: absolute;
		content: "";
		display: block;
		background: url(../img/kuwashiku.png) center top / contain no-repeat;
		width: 3vw;
		height: 3vw;
		top: 50%;
		margin-top: -1vw;
		right: 0px;
	}
}





/* ================================================================================

	教育、研修制度について

================================================================================ */


/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	.row04 {
		padding: 5.98vw 4.58vw 0;
	}
	.row04_in {
	}
	.row04_in .left {
		width: 73.5% !important;
		z-index: 0;
	}
	.row04_in .right {
		width: 26.5% !important;
		padding-top: 14.5vw;
		margin-left: -21vw;
		z-index: 1;
	}


	/* 左
	----------------------------------------------- */
	.row04_in .img {
		position: relative;
		z-index: 1;
	}
	.row04_in .img img {
		width: 100%;
		height: auto;
		border-radius: 6px;
	}

	/* 右
	----------------------------------------------- */
	.row04_in_in {
		position: relative;
		width: 38.4vw;
		background-color: #f3e286;
		color: #69a62c;
		padding: 2.8vw 2.6vw;
		border-radius: 6px;
		z-index: 0;
	}

	/* 見出し */
	.row04_in_in h2 {
		font-size: 2.6vw;
		font-weight: 700;
		line-height: 1.4;
	}

	/* テキスト */
	.row04_in_in p {
		margin-top: 1em;
		font-size: 1.19vw;
		letter-spacing: -0.07em;
	}

	/* リンク */
	.row04_in .link_top {
		position: absolute;
		bottom: 0;
		left: 0;
		margin-left: -31vw;
	}
	.row04_in .link_top a {
		position: relative;
		display: inline-block;
		width: 16vw;
		border: 1px solid #69a62c;
		border-radius: 6px;
		background-color: transparent;
		color: #69a62c;
		border: 1px solid #69a62c;
		font-size: 1vw;
		font-weight: 700;
		text-align: center;
		padding: 0.8em 0 0.9em;
		transition: .5s;
		overflow:hidden;
		z-index: 1;
	}
	.row04_in .link_top a::before {
		content: "";
		position: absolute;
		height: 100%;
		width: 100%;
		background-color: #e1d733;
		left: -100%;
		bottom: 0;
		transition: .5s;
		opacity: 0.6;
		z-index: -1;
	}
	.row04_in .link_top a::after {
		position: absolute;
		content: "";
		display: block;
		background: url(../img/arrow.png) center top / contain no-repeat;
		width: 0.989vw;
		height: 0.9375vw;
		top: 50%;
		margin-top: -0.42vw;
		right: 1vw;
	}

	.row04_in .link_top a:hover {
		opacity: 1;
	}
	.row04_in .link_top a:hover::before {
		left: 0;
	}
}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	.row04 {
		padding: 16vw 4vw 0;
	}
	.row04_in {
	}
	.row04_in .left {
	}
	.row04_in .right {
	}


	/* 左
	----------------------------------------------- */
	.row04_in .img {
		position: relative;
		z-index: 1;
	}
	.row04_in .img img {
		width: 100%;
		height: auto;
		border-top-left-radius: 6px;
		border-top-right-radius: 6px;
	}

	/* 右
	----------------------------------------------- */
	.row04_in_in {
		position: relative;
		background-color: #f3e286;
		color: #69a62c;
		padding: 4vw;
		border-bottom-left-radius: 6px;
		border-bottom-right-radius: 6px;
		z-index: 0;
	}

	/* 見出し */
	.row04_in_in h2 {
		font-size: 6vw;
		font-weight: 700;
		line-height: 1.4;
	}

	/* テキスト */
	.row04_in_in p {
		margin-top: 1em;
		font-size: 3.5vw;
	}

	/* リンク */
	.row04_in .link_top {
		margin-top: 6vw;
		text-align: center;
	}
	.row04_in .link_top a {
		position: relative;
		display: inline-block;
		width: 60vw;
		border: 1px solid #69a62c;
		border-radius: 6px;
		background-color: transparent;
		color: #69a62c;
		border: 1px solid #69a62c;
		font-size: 4vw;
		font-weight: 700;
		text-align: center;
		padding: 0.8em 0 0.9em;
		transition: .5s;
		overflow:hidden;
		z-index: 1;
	}
	.row04_in .link_top a::before {
		content: "";
		position: absolute;
		height: 100%;
		width: 100%;
		background-color: #e1d733;
		left: -100%;
		bottom: 0;
		transition: .5s;
		opacity: 0.6;
		z-index: -1;
	}
	.row04_in .link_top a::after {
		position: absolute;
		content: "";
		display: block;
		background: url(../img/arrow.png) center top / contain no-repeat;
		width: 4vw;
		height: 4vw;
		top: 50%;
		margin-top: -2vw;
		right: 3vw;
	}

	.row04_in .link_top a:hover {
		opacity: 1;
	}
	.row04_in .link_top a:hover::before {
		left: 0;
	}
}





/* ================================================================================

	キャリア形成について

================================================================================ */


/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	.row05 {
		padding: 5.98vw 4.58vw 0;
	}
	.row05_in {
	}
	.row05_in .left {
		width: 26.5% !important;
		padding-top: 16.5vw;
		z-index: 1;
	}
	.row05_in .right {
		width: 73.5% !important;
		z-index: 0;
	}


	/* 左
	----------------------------------------------- */
	.row05_in_in {
		position: relative;
		width: 38.4vw;
		background-color: #f3e286;
		color: #69a62c;
		padding: 2.8vw 2.6vw;
		border-radius: 6px;
		z-index: 0;
	}

	/* 見出し */
	.row05_in_in h2 {
		font-size: 2.6vw;
		font-weight: 700;
		line-height: 1.4;
	}

	/* テキスト */
	.row05_in_in p {
		margin-top: 1em;
		font-size: 1.19vw;
		letter-spacing: -0.07em;
	}

	/* リンク */
	.row05_in .link_top {
		position: absolute;
		bottom: 0;
		left: 0;
		margin-left: 56vw;
	}
	.row05_in .link_top a {
		position: relative;
		display: inline-block;
		width: 16vw;
		border: 1px solid #69a62c;
		border-radius: 6px;
		background-color: transparent;
		color: #69a62c;
		border: 1px solid #69a62c;
		font-size: 1vw;
		font-weight: 700;
		text-align: center;
		padding: 0.8em 0 0.9em;
		transition: .5s;
		overflow:hidden;
		z-index: 1;
	}
	.row05_in .link_top a::before {
		content: "";
		position: absolute;
		height: 100%;
		width: 100%;
		background-color: #e1d733;
		left: -100%;
		bottom: 0;
		transition: .5s;
		opacity: 0.6;
		z-index: -1;
	}
	.row05_in .link_top a::after {
		position: absolute;
		content: "";
		display: block;
		background: url(../img/arrow.png) center top / contain no-repeat;
		width: 0.989vw;
		height: 0.9375vw;
		top: 50%;
		margin-top: -0.42vw;
		right: 1vw;
	}

	.row05_in .link_top a:hover {
		opacity: 1;
	}
	.row05_in .link_top a:hover::before {
		left: 0;
	}

	/* 右
	----------------------------------------------- */
	.row05_in .img {
		position: relative;
		z-index: 1;
	}
	.row05_in .img img {
		width: 100%;
		height: auto;
		border-radius: 6px;
	}
}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	.row05 {
		padding: 16vw 4vw 0;
	}
	.row05_in {
	}
	.row05_in .left {
	}
	.row05_in .right {
	}


	/* 左
	----------------------------------------------- */
	.row05_in_in {
		position: relative;
		background-color: #f3e286;
		color: #69a62c;
		padding: 4vw;
		border-bottom-left-radius: 6px;
		border-bottom-right-radius: 6px;
		z-index: 0;
	}

	/* 見出し */
	.row05_in_in h2 {
		font-size: 6vw;
		font-weight: 700;
		line-height: 1.4;
	}

	/* テキスト */
	.row05_in_in p {
		margin-top: 1em;
		font-size: 3.5vw;
	}

	/* リンク */
	.row05_in .link_top {
		margin-top: 6vw;
		text-align: center;
	}
	.row05_in .link_top a {
		position: relative;
		display: inline-block;
		width: 60vw;
		border: 1px solid #69a62c;
		border-radius: 6px;
		background-color: transparent;
		color: #69a62c;
		border: 1px solid #69a62c;
		font-size: 4vw;
		font-weight: 700;
		text-align: center;
		padding: 0.8em 0 0.9em;
		transition: .5s;
		overflow:hidden;
		z-index: 1;
	}
	.row05_in .link_top a::before {
		content: "";
		position: absolute;
		height: 100%;
		width: 100%;
		background-color: #e1d733;
		left: -100%;
		bottom: 0;
		transition: .5s;
		opacity: 0.6;
		z-index: -1;
	}
	.row05_in .link_top a::after {
		position: absolute;
		content: "";
		display: block;
		background: url(../img/arrow.png) center top / contain no-repeat;
		width: 4vw;
		height: 4vw;
		top: 50%;
		margin-top: -2vw;
		right: 3vw;
	}

	.row05_in .link_top a:hover {
		opacity: 1;
	}
	.row05_in .link_top a:hover::before {
		left: 0;
	}

	/* 右
	----------------------------------------------- */
	.row05_in .img {
		position: relative;
		z-index: 1;
	}
	.row05_in .img img {
		width: 100%;
		height: auto;
		border-top-left-radius: 6px;
		border-top-right-radius: 6px;
	}
}





/* ================================================================================

	ABOUT US

================================================================================ */


/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	.row06 {
		padding: 7.6vw 0 0;
	}

	/* 見出し */
	.row06 .title {
		text-align: center;
	}
	.row06 .title h2 {
		font-size: 3.9vw;
		font-weight: 900;
		color: #84bb4e;
	}

	/* バナー
	----------------------------------------------- */
	.banner_top {
		margin-top: 6vw;
	}
	.banner_top ul {
		font-size: 0;
		letter-spacing: -.4em;
		text-align: center;
	}
	.banner_top ul li {
		display: inline-block;
		font-size: 1vw;
		letter-spacing: 0;
		margin-left: 7.6vw;
	}
	.banner_top ul li:nth-of-type(2n-1) {
		margin-left: 0;
	}

	/* バナー */
	.banner_top ul li a {
		position: relative;
		display: block;
		width: 32vw;
		height: 20.1vw;
		border-radius: 6px;
	}
	.banner_top ul li a::after {
		position: absolute;
		content: "";
		display: block;
		width: 100%;
		height: 100%;
		top: 0;
		transition: all .8s ease;
		border-radius: 6px;
	}
	.banner_top ul li:nth-of-type(1) a::after {
		background: url(../img/banner_top01.jpg) center top 50% / cover no-repeat;
	}
	.banner_top ul li:nth-of-type(2) a::after {
		background: url(../img/banner_top02.jpg) center top 50% / cover no-repeat;
	}

	.banner_top ul li a span {
		position: absolute;
		left: -3vw;
		bottom: -2vw;
		display: inline-block;
		width: 16vw;
		border-radius: 6px;
		background-color: #84bb4e;
		color: #ffffff;
		font-size: 1.5625vw;
		font-weight: 400;
		width: 22.13vw;
		padding: 0.4em 1em 0.5em;
		text-align: left;
		transition: .5s;
		overflow:hidden;
		z-index: 1;
	}
	.banner_top ul li a span::before {
		content: "";
		position: absolute;
		height: 100%;
		width: 100%;
		background-color: #e1d733;
		left: -100%;
		bottom: 0;
		transition: .5s;
		opacity: 0.6;
		z-index: -1;
	}
	.banner_top ul li a span::after {
		position: absolute;
		content: "";
		display: block;
		background: url(../img/arrow03.png) center top / contain no-repeat;
		width: 0.989vw;
		height: 0.9375vw;
		top: 50%;
		margin-top: -0.42vw;
		right: 1vw;
	}

	.banner_top ul li a:hover,
	.banner_top ul li a span:hover {
		opacity: 1;
	}
	.banner_top ul li a:hover span::before {
		left: 0;
	}

}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	.row06 {
		padding: 16vw 4vw 0;
	}

	/* 見出し */
	.row06 .title {
		text-align: center;
	}
	.row06 .title h2 {
		font-size: 6vw;
		font-weight: 900;
		color: #84bb4e;
	}

	/* バナー
	----------------------------------------------- */
	.banner_top {
		margin-top: 8vw;
	}
	.banner_top ul {
		font-size: 0;
		letter-spacing: -.4em;
		text-align: center;
	}
	.banner_top ul li {
		display: inline-block;
		font-size: 4vw;
		letter-spacing: 0;
		margin-top: 12vw;
	}
	.banner_top ul li:nth-of-type(2n-1) {
		margin-top: 0;
	}

	/* バナー */
	.banner_top ul li a {
		position: relative;
		display: block;
		width: 80vw;
		height: 55vw;
		border-radius: 6px;
	}
	.banner_top ul li a::after {
		position: absolute;
		content: "";
		display: block;
		width: 100%;
		height: 100%;
		top: 0;
		transition: all .8s ease;
		border-radius: 6px;
	}
	.banner_top ul li:nth-of-type(1) a::after {
		background: url(../img/banner_top01.jpg) center top 50% / cover no-repeat;
	}
	.banner_top ul li:nth-of-type(2) a::after {
		background: url(../img/banner_top02.jpg) center top 50% / cover no-repeat;
	}

	.banner_top ul li a span {
		position: absolute;
		left: -6vw;
		bottom: -3vw;
		display: inline-block;
		border-radius: 6px;
		background-color: #84bb4e;
		color: #ffffff;
		font-size: 4vw;
		font-weight: 400;
		width: 55vw;
		padding: 0.4em 1em 0.5em;
		text-align: left;
		transition: .5s;
		overflow:hidden;
		z-index: 1;
	}
	.banner_top ul li a span::before {
		content: "";
		position: absolute;
		height: 100%;
		width: 100%;
		background-color: #e1d733;
		left: -100%;
		bottom: 0;
		transition: .5s;
		opacity: 0.6;
		z-index: -1;
	}
	.banner_top ul li a span::after {
		position: absolute;
		content: "";
		display: block;
		background: url(../img/arrow03.png) center top / contain no-repeat;
		width: 3vw;
		height: 3vw;
		top: 50%;
		margin-top: -1.2vw;
		right: 3vw;
	}

	.banner_top ul li a:hover,
	.banner_top ul li a span:hover {
		opacity: 1;
	}
	.banner_top ul li a:hover span::before {
		left: 0;
	}
}