@charset "utf-8";
/* CSS Document */
/*▼△▼△▼△Essential From here▼△▼△▼△*/
main article .contents_box {
	margin: 0 30px;
}
/*▼△▼△▼△Essential End▼△▼△▼△*/
.grn_bd{
	border-top: #c2e1c3 3px dotted;
	border-bottom: #c2e1c3 3px dotted;
}
main article h3.style01 .main_h3{
	line-height: 1;
}

main article h3.style01 .sub_h3{
	background: #3a823a;
	color: #FFFFFF;
	font-size: 1.8rem;
	font-weight: 700;
	text-align: center;
	padding: 10px 0;
	margin:20px 35px 0; 
}
main article .contents_box{
	padding: 0 10px;
}

main article .contents_box h4{
	color: #389c38;
	font-size: 2.6rem;
	font-weight: 700;
	line-height: 1;
	margin: 30px 0;
}
main article .contents_box .inner_box .photo01{
	margin: 0 20px 0 0;
	 flex-shrink: 0;
}

main article .contents_box .inner_box .txt_box p{
	margin-bottom: 30px;
}
main article .contents_box .inner_box .txt_box .gr_box{
	background: #f7f7f7;
	padding: 20px;
}
main article .contents_box .inner_box .txt_box .gr_box .annotation{
	padding: 0 0 0 1em;
	text-indent: -1em;
	margin: 0
}
main article .contents_box:last-of-type{
	margin: 0 30px 50px;
}
/*PC FromHere▼▼▼▼*/
@media screen and (min-width:1081px), print {
/*▼△▼△▼△Essential From here▼△▼△▼△*/
	#mv {
		background: url( ../../images/about/flow/mv.jpg) center top no-repeat;
	}
	#mv h2 img {
		position: absolute;
		top: 106px;
		left: 107px;
	}
/*▼△▼△▼△Essential End▼△▼△▼△*/
}

@media screen and (min-width:751px), print {
}

/*▼▼▼▼SP TB FromHere▼▼▼▼*/

@media screen and (max-width:1080px){
/*▼△▼△▼△Essential From here▼△▼△▼△*/
	#mv {
		background: url( ../../images/about/flow/mv_sp_tb_02.jpg) no-repeat top;
	}
	#mv h2 img {
		width: 45.66vw;
	}
	#mv h2 img {
		position: absolute;
		top: 9.82vw;
		left: 9.91vw;
	}
	main article .contents_box {
		margin: 0 2.78vw;
		padding-bottom: 5.56vw;
	}
	/*▼△▼△▼△Essential End▼△▼△▼△*/


}

/*▼▼▼▼ TB FromHere▼▼▼▼*/
@media screen and (max-width:1080px) and (min-width:751px) {

}

/*▼▼▼▼ SP FromHere▼▼▼▼*/
@media screen and (max-width:780px){
/*▼△▼△▼△Essential From here▼△▼△▼△*/
main article .contents_box .txtstyle01 {
	margin: 10.6vw 6.3vw;
}
/*▼△▼△▼△Essential End▼△▼△▼△*/
	main article .contents_box .inner_box .flexbox{
		display: block;
	}
	main article .contents_box .inner_box .photo01{
		text-align: center;
		margin:0 auto 2.5vw;
	}
		#bg_box{
		padding-bottom: 6.67vw;
	}
}