@charset "utf-8";


.flx0, .flx, .flx1 {
	color:#676767;
}

.flx[sec02] {
	margin-bottom:10px;
}
.flx[sec02] h2 {
#	font-size:140%;
#	text-align:left;
#	margin:0;
}
.flx[sec02] h2 {
	font-size:170%;
	text-align:left;
	padding:.5em 0;
	display:block;
	word-break:keep-all;
}
.flx[sec02] ol {
	font-size:110%;
}
.flx[sec02] ol li {
	margin-bottom:.5em;
	word-break:keep-all;
}
.flx[sec02] ol > li > span {
	display:block;
	font-size:80%;
}
.flx[sec02] .inner > div:nth-child(1) > div:before {
	content:'';
	display:block;
	padding-top:100%;
	background-size:cover;
	background-image:url(sec02.01.jpg);
}
.flx[sec02][act] .inner > div:nth-child(1) > div:before {
	#background-image:url(sec02.01.jpg);
}
@media screen and (min-width:840px) {
	.flx[sec02] {
		background-size:cover, max(100vw, 100vh);
		background-position:center center, right center;
		background-image:linear-gradient(to left, #ffffffff, #ffffffff 50%, #ffffff00 50%), url(sec02.01.jpg);
	}
	.flx[sec02][act] {
		#background-image:linear-gradient(to left, #ffffffff, #ffffffff 50%, #ffffff00 50%), url(sec02.01.jpg);
	}
}