@charset "utf-8";

.planImg {
	border: 1px solid #ededed;
}

.btn3 {
	width: 300px;
	margin: 50px auto 0;
}

.btn3 a {
	width: 300px;
	background: url(../../img/common/arrow_right.svg) 90% center no-repeat #223a70;
	color: #fff;
	border: none;
}

.btn3:after {
	border: solid 2px #223a70;
}

/* RESPONSIVE */
/* -------------------------------------------------- */
@media screen and (min-width: 1024px) {

	/* 980px以上用（PC用）の記述 */
	/* メインビジュアル */
	#fv::after {
		background: url(../../img/mv/mv_plan.jpg) center center no-repeat;
		-webkit-background-size: cover;
		background-size: cover;
	}

	#plan {
		padding: 50px 0 30px;
		text-align: center;
	}

	#plan a {
		transition: all 0.3s ease-in-out 0s;
	}

	#plan a:hover {
		opacity: 0.7;
	}

	.commonBtn3 {
		margin-bottom: 50px;
	}

	.planTxt {
		font-size: 1.8rem;
		text-align: center;
		padding-bottom: 10px;
	}

	#planContent {
		padding-bottom: 100px;
	}
}

@media screen and (min-width: 768px) and (max-width: 1023px) {

	/* 768px - 979px用（タブレット用）の記述 */
	/* メインビジュアル */
	#fv::after {
		background: url(../../img/mv/mv_plan.jpg) center center no-repeat;
		-webkit-background-size: cover;
		background-size: cover;
	}

	#organization {
		padding: 50px 0;
		text-align: center;
	}

	#plan {
		padding: 30px 0 20px;
		text-align: center;
	}


	.commonBtn3 {
		margin-bottom: 50px;
	}

	.planTxt {
		font-size: 1.5rem;
		text-align: center;
		padding-bottom: 10px;
	}

	#planContent {
		padding-bottom: 100px;
	}

	.btn3 {
		margin: 30px auto 0;
	}

}

@media screen and (max-width: 767px) {

	/* 479px以下用（スマートフォン用）の記述 */
	/* メインビジュアル */
	#fv::after {
		background: url(../../img/mv/mv_plan.jpg) center center no-repeat;
		-webkit-background-size: cover;
		background-size: cover;
	}

	#plan {
		padding: 0px 0 20px;
		text-align: center;
	}

	#plan img {
		width: 100%;
		height: auto;
	}

	#plan a {
		transition: all 0.3s ease-in-out 0s;
	}

	#plan a:hover {
		opacity: 0.7;
	}

	.commonBtn3 {
		margin-bottom: 30px;
	}

	.planTxt {
		font-size: 1.4rem;
		text-align: center;
		padding-bottom: 10px;
	}

/*
	#planContent {
		padding-bottom: 100px;
	}
*/

	.btn3 {
		width: 80%;
		margin: 30px auto;
	}

	.btn3 a {
		width: 100%;
	}

}