#mv {
	width: 100%;
	min-height: 0;
	text-align: center;
	padding: 4rem 0 0;
}

.mv_text {
    position: static;
	transform: none;
}

.mv_image {
	text-align: center;
	transform: translate(0,1.75rem);
}
.mv_text img { max-width: 464px; }

@media screen and (max-width:767px) {
	.mv_text { padding: 0 1rem; }

	.mv_image:before { padding: 125% 0 0; }
	.mv_image img {
		position: absolute;
		top: auto;
		bottom: 0;
		left: 50%;
		transform: translate(-50%,0);
		max-width: none;
		width: auto;
		height: 50%;
	}
}


.box_flow {}
.box_flow_body {
	padding-top: 5.25rem;
	overflow: hidden;
}
@media screen and (min-width:768px) {
	.box_flow {
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-direction: row;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-flex-wrap: nowrap;
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
		-webkit-justify-content: space-between;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-align-content: stretch;
		-ms-flex-line-pack: stretch;
		align-content: stretch;
		-webkit-align-items: stretch;
		-ms-flex-align: stretch;
		align-items: stretch;
	}
	.box_flow_body {
		-webkit-order: 0;
		-ms-flex-order: 0;
		order: 0;
		-webkit-flex: 0 1 auto;
		-ms-flex: 0 1 auto;
		flex: 0 1 auto;
		-webkit-align-self: auto;
		-ms-flex-item-align: auto;
		align-self: auto;
		width: calc( ( 100% - 1rem ) / 2 );
		padding-top: 4.25rem;
		padding-bottom: 15%;
	}
}
@media screen and (min-width:1024px) {
	.box_flow_body { width: calc( ( 100% - 2rem ) / 2 ); }
}
@media screen and (min-width:1280px) {
	.box_flow_body { width: calc( ( 100% - 3.5rem ) / 2 ); }
}

.box_flow_body > div {
	border-top: none;
	border-left: solid 4px #000;
	border-bottom: none;
	border-right: solid 4px #000;
	position: relative;
	padding: 2rem 2rem 15%;
}
.box_flow_body > div:first-child { border-top: solid 4px #000; }
.box_flow_body > div:before,
.box_flow_body > div:after {
	content: '';
	display: block;
	position: absolute;
	border-style: solid;
	border-width: 6.8175vw 25vw;
	left: 50%;
	transform: translate(-50%,50%);
}
@media screen and (max-width:767px) {
	.box_flow_body > div {
		border-top: none;
		border-left: solid 4px #000;
		border-bottom: none;
		border-right: solid 4px #000;
		position: relative;
		padding: 1rem 0 15%;
	}
	.box_flow_body > div:before,
	.box_flow_body > div:after {
		border-width: 13.9vw 51vw;
		transform: translate(-50%,50%) scale(1.25,1.25);
	}
}
.box_flow_body > div:before {
	border-color: #fff transparent transparent transparent;
	z-index: -1;
	bottom: 4px;
}
.box_flow_body > div:after {
	border-color: #000 transparent transparent transparent;
	z-index: -2;
	bottom: 0;
}
.box_flow_body > .bottom {}
.box_flow_body > .bottom:before { transform: translate(-50%,100%); bottom: 8px; }
.box_flow_body > .bottom:after { transform: translate(-50%,100%); bottom: 4px; }


.box_flow_left {}
.box_flow_right {}
@media screen and (max-width:767px) {
	.box_flow_left { margin: 0 0 6rem; }
}

.box_flow_left {}
.box_flow_left .box_flow_subhead { color: #17c4c6; }
.box_flow_left > div {
	border-left: solid 4px #17c4c6;
	border-right: solid 4px #17c4c6;
}
.box_flow_left > div:first-child { border-top: solid 4px #17c4c6; }
.box_flow_left > div:after { border-color: #17c4c6 transparent transparent transparent; }


.box_flow_right {}
.box_flow_right .box_flow_subhead { color: #223364; }
.box_flow_right > div {
	border-left: solid 4px #223364;
	border-right: solid 4px #223364;
}
.box_flow_right > div:first-child { border-top: solid 4px #223364; }
.box_flow_right > div:after { border-color: #223364 transparent transparent transparent; }

@media screen and (max-width:767px) {
	.box_flow_body > .bottom { display: none;}
	.box_flow_left > div,
	.box_flow_right > div {
		border-left: none;
		border-right: none;
	}
}


.box_flow_head { position: relative; }
.box_flow_head img {
	width: 154px;
	height: auto;
	position: absolute;
	left: 50%;
	top: 0;
	transform: translate(-50%,-75%);
}
.box_flow_subhead {
	font-size: 2.25rem;
	line-height: 1;
	text-align: center;
	margin: 0 0 1rem;
}
.box_flow_body p {
	font-size: 1.375rem;
	line-height: 2rem;
	text-align: center;
	min-height: 6rem;
}
@media screen and (max-width:1280px) {
	.box_flow_body p { font-size: 1.125rem; }
}
@media screen and (max-width:1024px) {
	.box_flow_body p {
		font-size: 0.75rem;
		line-height: 1.5rem;
	}
}
@media screen and (max-width:767px) {
	.box_flow_body p {
		font-size: 1rem;
		line-height: 2rem;
		text-align: center;
		min-height: 0;
	}
}


.box_flow_body figure { margin: 0 0 1rem; }
.box_flow_body figure img {
	width: 100%;
	height: auto;
}
@media screen and (max-width:767px) {
	.box_flow_body figure { margin: 0 1rem 1rem; }
}

/*-------------------------------------------------------------*/

.box_interview {
	max-width: 946px;
	margin: 0 auto;
}

@media screen and (min-width:768px) {
	.box_flow {
		position: relative;
		z-index: 1;
	}
	.box_flow_body > .bottom { padding-top: 190%; }
	.box_interview {
		position: relative;
		z-index: 5;
		margin-top: -110%;
	}
}
@media screen and (min-width:1280px) {
	.box_flow_body > .bottom { padding-top: 175%; }
	.box_interview { margin-top: -105%; }
}

@media screen and (max-width:767px) {
	.box_interview { margin: 3rem auto 0; }
}


.box_interview > div {
	border: solid 8px #e6e6e6;
	background: #fff;
	box-shadow: 8px 8px 0 0 #e6e6e6;
	padding: 1rem;
	margin: 0 0 2rem;
}
.box_interview > div:last-child { margin-bottom: 0; }

.box_interview_head {
	text-align: center;
	font-size: 1.75rem;
	line-height: 2.25rem;
	margin: 0 0 1rem;
}
.box_interview_image { margin: 0 0 1rem; }
.box_interview_image img {
	width: 100%;
	height: auto;
}
.box_interview p {
	text-align: center;
	font-size: 1rem;
	line-height: 2rem;
}

/*-------------------------------------------------------------*/

.section_close {
	padding-top: 6rem;
}

.close_head {
	color: #f15a24;
	font-size: 3rem;
	line-height: 1;
	text-align: center;
	margin: 0 0 1rem;
	padding: 4rem 0 0;
}
@media screen and (max-width:767px) {
	.close_head { font-size: 2rem; }
}
.close_figure {
	position: relative;
	overflow: hidden;
	max-width: 800px;
	margin: 0 auto;
}
.close_figure:before {
	content: '';
	display: block;
	position: relative;
	z-index: 1;
	padding: 66.66% 0 0;
}
.close_figure img {
	position: absolute;
	left: 50%;
	top: 0;
	transform: translate(-50%,0);
	z-index: 2;
	width: auto;
	height: 100%;
}

.page_closing {
	color: #000;
	font-size: 1rem;
	line-height: 2rem;
	text-align: center;
	margin: 1.5rem 0 0;
}