@charset "shift_jis";



/*------------------------------
上書き
------------------------------*/
article.contents .cv_area .inner_box {
	width: 760px;
}



@media screen and (max-width: 767px) {
	article.contents .cv_area .inner_box {
		width: 90%;
	}


	/*------------------------------
キーイメージ
------------------------------*/

	.keyimgBox {
		position: relative;
		background: #0e3d68;
		background: linear-gradient(90deg, rgb(2 14 49) 50%, rgb(30 100 152) 51%);
		margin-bottom: 40px;
		margin-top: 0px !important;
	}

	.keyimgBox img {
		width: 100%;
		max-width: 960px;
		margin: 0 auto;
	}

	@media screen and (max-width: 969px) {
		.keyimg {
			background-size: contain;
			transform: translateX(-50%);
			width: 100%;
			height: 380px;
		}
	}


	@media screen and (max-width: 767px) {
		.keyimg {
			background-size: contain;
			transform: translateX(-50%);
			width: 100%;
			height: 300px;
		}
	}


	.bg_color {
		margin-top: -1em !important;
		padding: 0 0 30px 0;
	}


	/*-----------------------
受講の流れ
-----------------------*/
	.flow_box,
	.flow_box_last {
		position: relative;
		background: #eaf4ff;
		color: #2c3e50;
		box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
		border-radius: 10px;
		padding: 1rem;
		text-align: center;
		font-size: 1.2rem;
		margin-bottom: 60px;
	}


	.flow_box::after {
		content: "";
		position: absolute;
		display: inline-block;
		background-image: url(/foreignJitsumu/sharoushi/images/index/flow_arrow.png);
		background-size: contain;
		background-repeat: no-repeat;
		width: 50px;
		height: 50px;
		bottom: -60px;
		left: 50%;
		transform: translateX(-50%);
	}

	.flow_box_last {
		background: #ffe5e5;
		color: #d60000;
		font-weight: bold;
	}



	/*-----------------------
受講の流れ
-----------------------*/
	.voice {
		padding: 2em;
		border-radius: 0.5rem;
		border: solid 3px #c6d4e6;
		box-shadow: 0 5px 6px rgba(0, 0, 0, 0.05);
		margin-bottom: 30px;
	}

	.voice dt {
		display: flex;
		align-items: center;
		gap: 1rem;
		font-weight: bold;
		font-size: 1.2rem;
		padding-bottom: 10px;
		margin-bottom: 20px;
		border-bottom: 2px solid #c6d4e6;
	}

	.voice dt span.name {
		font-weight: :bold;
		font-size: 1.6rem;
	}

	.voice dt span.name::after {
		content: " 様";
		font-size: 0.8rem;
	}

	.voice dd {
		line-height: 2.0;
	}