/* ==========================================================================
/* -- 画面の横幅が812pxまで
 ========================================================================== */
@media only screen and (max-width: 812px) {
	/*-----------------------------------------------------------------------------*/
	/*-----------------------------------------------------------------------------*/
	#recycle_pc00 {
		padding: 0.0vw 0px 10.0vw 0px;
		margin: 0.0vw 0px 0.0vw 0px;
		width: 100%;
		background-color: #E6F7EC;
		background-image: none;
	}
	.recycle_pc00 {
		padding: 10.0vw 0px 0.0vw 0px;
		margin: 0.0vw auto 0.0vw;
		width: 100%;
		background-color: inherit;
	}
	.recycle_pc00 img {
		width: 100%;
	}
	.recycleimgs_wrap {
		padding: 5.0vw 0px 0.1vw 0px;
		margin: -10.0vw auto 0.0vw;
		width: 100%;
		background-color: #FFFFFF;
		position: relative;
		z-index: 9;
	}
	.recycleimgs {
		padding: 12.0vw 0px 10.0vw 0px;
		margin: 0.0vw auto 0.0vw;
		width: 90%;
	}
	.recycleimgs_btmpc {
		display: none;
	}
	.recycleimgs_btmsp {
		display: block;
	}
	.recycleimgs_btmsp .sttile01 {
		padding: 4.0vw 0px 4.0vw 0px;
		margin: 0.0vw auto 4.0vw;
		width: 90%;
		background-color: #00AF3F;
		font-weight: bold;
		color: #FFFFFF;
		font-size: 5.0vw;
		text-align: center;
	}
	.recycleimgs_btmsp .read01 {
		padding: 0.0vw 0px 0.0vw 0px;
		margin: 0.0vw auto 6.0vw;
		width: 90%;
		font-weight: bold;
		color: #00AF3F;
		font-size: 5.0vw;
		text-align: center;
	}
	.recycleimgs_btmsp .sttile02 {
		padding: 4.0vw 0px 4.0vw 0px;
		margin: 0.0vw auto 4.0vw;
		width: 90%;
		background-color: #FEA61C;
		font-weight: bold;
		color: #FFFFFF;
		font-size: 5.0vw;
		text-align: center;
	}
	.recycleimgs_btmsp .read02 {
		padding: 0.0vw 0px 0.0vw 0px;
		margin: 0.0vw auto 6.0vw;
		width: 90%;
		font-weight: bold;
		color: #FEA61C;
		font-size: 5.0vw;
		text-align: center;
	}
	.recycleimgs_btmsp .sttile03 {
		padding: 4.0vw 0px 4.0vw 0px;
		margin: 0.0vw auto 4.0vw;
		width: 90%;
		background-color: #0C76C4;
		font-weight: bold;
		color: #FFFFFF;
		font-size: 5.0vw;
		text-align: center;
	}
	.recycleimgs_btmsp .read03 {
		padding: 0.0vw 0px 0.0vw 0px;
		margin: 0.0vw auto 6.0vw;
		width: 90%;
		font-weight: bold;
		color: #0C76C4;
		font-size: 5.0vw;
		text-align: center;
	}
	.recycleimgs_btmsp .rbtm01sp {
		padding: 0.0vw 0px 0.0vw 0px;
		margin: 0.0vw auto 10.0vw;
		width: 90%;
	}
	.recycleimgs_btmsp .rbtm02sp {
		padding: 0.0vw 0px 0.0vw 0px;
		margin: 0.0vw auto 6.0vw;
		width: 90%;
	}
	.recycleimgs_btmsp .rbtm03sp {
		padding: 0.0vw 0px 0.0vw 0px;
		margin: 0.0vw auto 10.0vw;
		width: 90%;
	}
	.recycleimgs_btmsp .rbtm04sp {
		padding: 0.0vw 0px 0.0vw 0px;
		margin: 0.0vw auto 10.0vw;
		width: 90%;
	}
	.recycle_pc00 h3 {
		padding: 3.0vw 0px 3.0vw 0px;
		margin: 0.0vw auto 0.0vw;
		width: 85%;
		background-image: url("./img/stitle_back_pc.png");
		text-align: center;
		color: #FFFFFF;
		font-weight: bold;
		font-size: 4.5vw;
		line-height: 1.4em;
		position: relative;
		z-index: 10;
	}
	/*-----------------------------------------------------------------------------*/
	#recycle_pc01 {
		padding: 10.0vw 0px 10.0vw 0px;
		margin: 0.0vw 0px 0.0vw 0px;
		width: 100%;
		background-color: #A5E3BB;
		background-image: none;
	}
	.recycle_pc01 {
		padding: 10.0vw 0px 0.0vw 0px;
		margin: 0.0vw auto 0.0vw;
		width: 85%;
		background-color: #FFFFFF;
	}
	.recycle_pc01 img {
		width: 100%;
	}
	.recycle_pc01 h4 {
		padding: 3.0vw 0px 3.0vw 0px;
		margin: 0.0vw auto 5.0vw;
		width: 85%;
		text-align: left;
		color: #00B16A;
		border-bottom: 3px solid #00B16A;
		border-top: 3px solid #00B16A;
		font-weight: bold;
		font-size: 4.5vw;
		position: relative;
	}
	#sstitle11 {
		padding: 6.0vw 0px 7.0vw 0px;
		margin: -3.0vw auto 0.0vw;
		width: 85%;
	}
	#sstitle12 {
		padding: 3.0vw 0px 10.0vw 0px;
		margin: -3.0vw auto 0.0vw;
		width: 85%;
	}
	/*-----------------------------------------*/
	.recycle_point011_wrap01 {
		padding: 0.0vw 0px 0.0vw 0px;
		margin: -2.0vw auto 7.0vw;
		width: 85%;
		display: inherit;
	}
	.point011_imgswrap01 {
		padding: 0.0vw 0px 0.0vw 0px;
		margin: 0.0vw 0px 0.0vw 0px;
		width: 100%;
		flex-basis: inherit;
		position: inherit;
	}
			.point011_imgswrap01 .fukidashi01 {
		padding: 0.0vw 0px 3.0vw 0px;
		margin: 0.0vw 0px 0.0vw 0px;
		width: 100%;
		position: inherit;
		top:inherit;
		left: inherit;
	}
			.point011_imgswrap01 .fukidashi02 {
		padding: 3.0vw 0px 3.0vw 0px;
		margin: 0.0vw 0px 0.0vw 0px;
		width: 100%;
		position: inherit;
		bottom:inherit;
		left: inherit;
	}
	.point011_imgswrap02 {
		padding: 0.0vw 0px 0.0vw 0px;
		margin: 0.0vw 0px 0.0vw 0px;
		width: 100%;
		flex-basis: inherit;
		position: inherit;
	}
					.point011_imgswrap02 .fukidashi03 {
		padding: 3.0vw 0px 0.0vw 0px;
		margin: 0.0vw 0px 0.0vw 0px;
		width: 100%;
		position: inherit;
		top:inherit;
		left: inherit;
	}
	/*-----------------------------------------*/
	.recycle_point012_wrap01 {
		padding: 5.0vw 0px 0.0vw 0px;
		margin: 0.0vw 0px 0.0vw 0px;
		width: 100%;
		display: inherit;
	}
	.recycle_point012_wrap01 .point012_imgswrap {
		padding: 0.0vw 0px 0.0vw 0px;
		margin: 0.0vw 0px 0.0vw 0px;
		width: 100%;
		flex-basis: inherit;
	}
	.recycle_point012_wrap01 .point012_readwrap {
		padding: 0.0vw 0.0vw 0.0vw 0.0vw;
		margin: 0.0vw 0px 0.0vw 0px;
		width: 100%;
		flex-basis: inherit;
	}
	.recycle_point012_wrap01 .point012_readwrap .read01 {
		padding: 3.0vw 0px 0.0vw 0px;
		margin: 0.0vw 0px 0.0vw 0px;
		font-size: 3.5vw;
		line-height: 1.8em;
		font-weight: bold;
	}
	/*-----------------------------------------*/
	.recycle_point012_wrap02 {
		padding: 7.0vw 0px 0.0vw 0px;
		margin: 0.0vw 0px 0.0vw 0px;
		width: 100%;
		display: inherit;
	}
	.recycle_point012_wrap02 .point012_imgswrap {
		padding: 0.0vw 0px 0.0vw 0px;
		margin: 0.0vw 0px 0.0vw 0px;
		width: 100%;
		flex-basis: inherit;
		background-color: #C4E3F7;
		border-bottom-left-radius: 0px;
		border-top-left-radius: 20px;
		border-top-right-radius: 20px;
	}
	.recycle_point012_wrap02 .point012_imgswrap img {
		border-bottom-left-radius: 0px;
		border-top-left-radius: 20px;
		border-top-right-radius: 20px;
	}
	.recycle_point012_wrap02 .point012_readwrap {
		padding: 5.0vw 3.0vw 5.0vw 3.0vw;
		margin: 0.0vw 0px 0.0vw 0px;
		width: 100%;
		flex-basis: inherit;
		background-color: #B7DCF6;
		border-bottom-right-radius: 20px;
		border-top-right-radius: 0px;
		border-bottom-left-radius: 20px;
	}
	.recycle_point012_wrap02 .point012_readwrap .read01 {
		padding: 0.0vw 0px 0.0vw 0px;
		margin: 0.0vw 0px 0.0vw 0px;
		font-size: 3.2vw;
		line-height: 1.6em;
	}
	.recycle_point012_wrap02 .point012_readwrap .link01 a {
		display: block;
		padding: 3.0vw 0px 3.0vw 0px;
		margin: 5.0vw 0px 0.0vw 0px;
		width: 260px;
		font-size: 3.7vw;
		font-weight: bold;
		color: #FC762D;
		background-color: #FFFFFF;
		border: 2px solid #FC762D;
		border-radius: 50px;
		text-align: center;
	}
	.recycle_point012_wrap02 .point012_readwrap .link01 a:hover {
		color: #FDB995;
		border: 2px solid #FDB995;
		background-color: #FFFFFF;
	}
	.recycle_point012_wrap02 .point012_readwrap .read02 {
		padding: 3.0vw 0px 0.0vw 0px;
		margin: 0.0vw 0px 0.0vw 0px;
		font-size: 3.2vw;
		text-align: right;
	}
	.point01_titles {
		padding: 3.0vw 0px 3.0vw 0px;
		margin: 7.0vw 0px 0.0vw 0px;
		text-align: center;
		color: #00AF3F;
		background-color: #D1F1DC;
		font-size: 3.5vw;
		font-weight: bold;
		border-radius: 50px;
	}
	.point01_copyread {
		padding: 0.0vw 0px 0.0vw 0px;
		margin: 5.0vw 0px 0.0vw 0px;
		font-size: 4.3vw;
		line-height: 1.7em;
		text-align: center;
		color: #00AF3F;
		font-weight: bold;
	}
	/*-----------------------------------------------------------------------------*/
	#recycle_pc02 {
		padding: 10.0vw 0px 10.0vw 0px;
		margin: 0.0vw 0px 0.0vw 0px;
		width: 100%;
		background-color: #FFE0AE;
		background-image: none;
	}
	.recycle_pc02 {
		padding: 10.0vw 0px 0.0vw 0px;
		margin: 0.0vw auto 0.0vw;
		width: 85%;
		background-color: #FFFFFF;
	}
	.recycle_pc02 img {
		width: 100%;
	}
	.recycle_pc02 h4 {
		padding: 3.0vw 0px 3.0vw 0px;
		margin: 0.0vw auto 5.0vw;
		width: 85%;
		text-align: left;
		color: #FFA61C;
		border-bottom: 3px solid #FFA61C;
		border-top: 3px solid #FFA61C;
		font-weight: bold;
		font-size: 4.5vw;
		position: relative;
	}
	#sstitle21 {
		padding: 6.0vw 0px 7.0vw 0px;
		margin: -3.0vw auto 0.0vw;
		width: 85%;
	}
	#sstitle22 {
		padding: 3.0vw 0px 7.0vw 0px;
		margin: -3.0vw auto 0.0vw;
		width: 85%;
	}
	.recycle_pc02_wrap01 {
		padding: 0.0vw 0px 5.0vw 0px;
		margin: 0.0vw auto 0.0vw;
		width: 85%;
		display: inherit;
	}
	.recycle_pc02_inwrap01 {
		padding: 0.0vw 0px 5.0vw 0px;
		margin: 0.0vw auto 0.0vw;
		width: 100%;
	}
	.recycle_pc02_inwrap02 {
		padding: 0.0vw 0px 25.0vw 0px;
		margin: 0.0vw auto 0.0vw;
		width: 100%;
		position: relative;
	}
	.recycle_pc02_sstitle {
		padding: 0.0vw 0px 3.0vw 0px;
		margin: 0.0vw 0px 0.0vw 0px;
	}
	.recycle_pc02_imgs01 {
		padding: 0.0vw 0px 0.0vw 0px;
		margin: 0.0vw 0px 0.0vw 0px;
	}
	.recycle_pc02_imgs02 {
		padding: 0.0vw 0px 0.0vw 0px;
		margin: 0.0vw 0px 0.0vw 0px;
	}
	.recycle_pc02_imgs02 {
		padding: 0.0vw 0px 0.0vw 0px;
		margin: 0.0vw 0px 0.0vw 0px;
		position: absolute;
		width: 55vw;
		bottom: 0.0vw;
		right: -5.0vw;
	}
	/*-----------------------------------------------------------------------------*/
	#recycle_pc03 {
		padding: 10.0vw 0px 10.0vw 0px;
		margin: 0.0vw 0px 0.0vw 0px;
		width: 100%;
		background-color: #DDF2FB;
		background-image: none;
	}
	.recycle_pc03 {
		padding: 10.0vw 0px 0.0vw 0px;
		margin: 0.0vw auto 0.0vw;
		width: 85%;
		background-color: #FFFFFF;
	}
	.recycle_pc03 img {
		width: 100%;
	}
	.recycle_pc03 h4 {
		padding: 3.0vw 0px 3.0vw 0px;
		margin: 0.0vw auto 5.0vw;
		width: 85%;
		text-align: left;
		color: #0C76C4;
		border-bottom: 3px solid #0C76C4;
		border-top: 3px solid #0C76C4;
		font-weight: bold;
		font-size: 4.5vw;
		position: relative;
	}
	#sstitle31 {
		padding: 6.0vw 0px 7.0vw 0px;
		margin: -3.0vw auto 0.0vw;
		width: 85%;
	}
		#sstitle32 {
		padding: 0.0vw 0px 0.0vw 0px;
		margin: -0.0vw 0px 0.0vw 0px;
	}
	.recycle_pc03_wrap01 {
		padding: 0.0vw 0px 10.0vw 0px;
		margin: 0.0vw auto 0.0vw;
		width: 85%;
	}
	.recycle_pc03_wrap01 .read031 {
		padding: 0.0vw 0px 5.0vw 0px;
		margin: 0.0vw 0px 0.0vw 0px;
		width: 100%;
		font-size: 3.5vw;
		line-height: 1.8em;
		font-weight: bold;
		float: inherit;
	}
	.recycle_pc03_wrap01 .photoimg031 {
		padding: 0.0vw 0px 5.0vw 0px;
		margin: 0.0vw 0px 0.0vw 0px;
		width: 100%;
		float: inherit;
	}
	.btm031 {
		position: inherit;
		top: inherit;
		left: inherit;
	}
	.btm032 {
		position: inherit;
		top: inherit;
		left: inherit;
	}
	/*-----------------------------------------------------------------------------*/
	/* ボタン共通 */
	.point03_btm01 {
		overflow: hidden;
		padding: 0.0vw 0px 0.0vw 0px;
		margin: 0.0vw auto 0.0vw;
		width: 100%;
		height: 15.0vw;
		border-radius: 15.0vw;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
		float: left;
	}
	.point03_btm01 a {
		padding: 4.0vw 0px 0.0vw 0px;
		margin: 0.0vw auto 0.0vw;
		display: block;
		position: relative;
		height: 15.0vw;
		z-index: 100;
		text-align: center;
		background: #9FD9F3;
		color: #FFFFFF;
		font-size: 3.5vw;
		line-height: 1.2em;
		text-decoration: none;
		font-weight: bold;
	}
	.point03_btm01 a:hover {
		background: #C5E8F8; /* マウスオーバーカラー */
	}
	/*-----------------------------------------------------------------------------*/
	/* ボタン共通 */
	.point03_btm02 {
		overflow: hidden;
		padding: 0.0vw 0px 0.0vw 0px;
		margin: 0.0vw auto 0.0vw;
		width: 100%;
		height: 15.0vw;
		border-radius: 15.0vw;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
		float: left;
	}
	.point03_btm02 a {
		padding: 5.0vw 0px 0.0vw 0px;
		margin: 0.0vw auto 0.0vw;
		display: block;
		position: relative;
		height: 15.0vw;
		z-index: 100;
		text-align: center;
		background: #9FD9F3;
		color: #FFFFFF;
		font-size: 3.5vw;
		line-height: 1.2em;
		text-decoration: none;
		font-weight: bold;
	}
	.point03_btm02 a:hover {
		background: #C5E8F8; /* マウスオーバーカラー */
	}
	/*-----------------------------------------------------------------------------*/
	.recycle_pointwrap01 {}
	.recycle_pointwrap01 h5 {
		padding: 0.0vw 0px 0.0vw 0px;
		margin: 0.0vw auto 0.0vw;
		width: 100%;
	}
	.recycle_pointwrap01 .inforead01 {
		padding: 0.0vw 0px 0.0vw 0px;
		margin: 5.0vw 0px 0.0vw 0px;
		text-align: left;
		font-size: 3.5vw;
		line-height: 1.8em;
		font-weight: bold;
	}
	.recycle_pointwrap01 .point03_titles {
		padding: 3.0vw 0px 3.0vw 0px;
		margin: 5.0vw 0px 0.0vw 0px;
		text-align: center;
		color: #0C76C4;
		background-color: #DDF2FB;
		font-size: 3.5vw;
		font-weight: bold;
		border-radius: 50px;
	}
	/*-----------------------------------------------------------------------------*/
	.iconarrow01 a:before { /*白いひし型 */
		display: block;
		content: "";
		position: absolute;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		top: 22px;
		right: 30px;
		width: 10px;
		height: 10px;
		margin-top: -4px;
		background: #FFFFFF;
	}
	.iconarrow01 a:after { /*バックグラウンドと同じ色のひし型をずらして「before要素」を隠す */
		display: block;
		content: "";
		position: absolute;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		top: 20px;
		right: 30px;
		width: 10px;
		height: 10px;
		margin-top: -4px;
		background: #9FD9F3;
	}
	.iconarrow01 a:hover:after { /*「after要素」のマウスオーバー（カラーを合わせる） */
		background: #C5E8F8;
	}
	/*-----------------------------------------------------------------------------*/
	.iconarrow02 a:before { /*白いひし型 */
		display: block;
		content: "";
		position: absolute;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		top: 50%;
		right: 20px;
		width: 10px;
		height: 10px;
		margin-top: -4px;
		background: #FFFFFF;
	}
	.iconarrow02 a:after { /*バックグラウンドと同じ色のひし型をずらして「before要素」を隠す */
		display: block;
		content: "";
		position: absolute;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		top: 50%;
		right: 22px;
		width: 10px;
		height: 10px;
		margin-top: -4px;
		background: #9FD9F3;
	}
	.iconarrow02 a:hover:after { /*「after要素」のマウスオーバー（カラーを合わせる） */
		background: #C5E8F8;
	}
	/*-----------------------------------------------------------------------------*/
	#hoge {
		padding: 0.0vw 0px 0.0vw 0px;
		margin: 0.0vw 0px 0.0vw 0px;
		width: 100%;
	}
	.hoge {
		padding: 0.0vw 0px 0.0vw 0px;
		margin: 0.0vw auto 0.0vw;
		width: 100%;
	}
	.hoge img {
		width: 100%;
	}
}