#contents01_wrap{
	width:100%;
	height:auto;
	padding:3% 0;
	background:#fff9f0;
}
#contents01_wrap h3{
	width:100%;
	height:auto;
	margin:0 auto;
	padding:20px;
	box-sizing: border-box;
}
#contents01_wrap h3 img{
    max-width: 100%;
}
.conts_onayami_wrap{
	width: 100%;
	height:auto;
	margin:0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.c_o_box{
	width: 323px;
	height:124px;
	background:url(/lp_cloth_files/img/onayami_bg.png)repeat;
	margin: 10px 20px 0 0;
	box-shadow: 1px 1px 1px #ccc;
}
.c_o_box2{
	width: 323px;
	height:124px;
	background:url(/lp_cloth_files/img/onayami_bg.png)repeat;
	margin:10px 0 0 0;
	box-shadow: 1px 1px 1px #ccc;
}
.check{
	width:20px;
	height:auto;
	padding:30px 20px 0 20px;
	float: left;
}
.onayami_text{
	width: 250px;
	height:auto;
	font-size: 1.08rem;
	font-weight: bold;
	padding:30px 0 0 10px;
	float:left;
}
.onayami_text span{
	color:#e6541b;
}
#contents02_wrap{
	width:100%;
	height:auto;
	margin:0 auto;
	padding: 0;
}


#contents02_wrap{
	width:100%;
	height:auto;
	margin:0 auto;
	padding: 0;
}
.conts02_n_bg{
	width:100%;
	height:auto;
	margin:0 auto;
}
.conts02_n_bg img {
	width:100%;
	height:auto;
	padding:1% 0 0 0;
}
.tri{
	width:146px;
	height:auto;
	margin:0 auto;
}
.tri img{
	width:100%;
	height:auto;
	display: block;
}
#contents02_wrap h3{
	margin:0 auto;
}
#contents02_wrap h3 img {
	max-width: 100%;
}
.c02_sub_h3 {
	width:440px;
	height:auto;
	margin:30px auto 0 auto;
}
.sp_point_h3{
	display: none;
}
.point_chara{
	width:169px;
	height:auto;
	margin:3% auto 0 auto;
}
.note_top{
	height:auto;
	margin: 0 auto;
}
.note_top img{
	width:100%;
}
.note_main{
	height:auto;
	background:url(/lp_cloth_files/img/note_main.png)repeat-y;
	background-size: contain;
	margin:0 auto;
	padding: 0 20px 20px 20px;
}
.note_box{
	height:auto;
	margin:0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.note_box h4{
	width:70%;
	height:auto;
	margin:0 0 20px 0;
	font-size: 1.45rem;
	font-weight:bold;
	background: linear-gradient(transparent 60%, #ffb99d 60%);
}
.note_box h4 span{
	font-size: 2.0rem;
	color:#57722a;
}
.note__box_t{
	width:70%;
	height:auto;
	margin: 0 0;
}
.note_box_ph{
	width:27%;
	height:auto;
	margin:0;
}
.note_box_ph img{
	width:100%;
} #contents03_wrap{
	width:100%;
	height:auto;
	margin:0 auto;
	padding: 0 0 3% 0;
	background:#fff9f0;
}

@media screen and (max-width: 600px) {

	#contents01_wrap h3 img{
		width:100%;
		display: inline-block;
		border: bottom;
	}
	#contents01_wrap h3 span img{
		display: none;
	}
	.conts_onayami_wrap{
		width:100%;
		height:auto;
		margin:0 auto;
	}
	.c_o_box{
		width:90%;
		height:auto;
/*		background:url("../img/onayami_bg.png")repeat; */
		margin:2% auto;
		box-shadow: 1px 1px 1px #ccc
	}
	.c_o_box2{
		width:90%;
		height:auto;
/*		background:url("../img/onayami_bg.png")repeat; */
		margin:0 auto;
		box-shadow: 1px 1px 1px #ccc
	}

	.check{
		width:10%;
		height:auto;
		padding:3% 2%;
		float: left;
	}
	.onayami_text{
		width:86%;
		height:auto;
		font-size:1.2rem;
		font-weight: bold;
		padding:3% 0;
		float:left;
	}

	.onayami_text span{
		color:#e6541b;

	}
	/*********/
	#contents02_wrap{
		width:100%;
		height:auto;
		margin:0 auto;
		padding: 0;
	}

	.tri{
		width:146px;
		height:auto;
		margin:0 auto;
	}
	.tri img{
		width:100%;
		height:auto;
	}
	#contents02_wrap h3{
		width:100%;
		margin:0 auto;
	}
#contents02_wrap h3 img{
	display: none;
}
	.c02_sub_h3 {
		width:90%;
		height:auto;
		margin:3% auto;
	}

	.c02_sub_h3 img{
		width:100%;
		height:auto;
		margin:0 auto;
	}
.sp_point_h3{
	display: block;
	font-size: 1.7rem;
	font-weight: bold;
	text-align: center;
}
	.point_chara img{
	display: none;
	}
	.note_top{
		width:90%;
		height:auto;
		margin: 0 auto;
	}
	.note_top img{
		width:100%;
	}
	.note_main{
		width:90%;
		padding: 0;
	}

	.note_box{
		width:98%;
		height:auto;
		margin:0 auto;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.note_box h4{
		width:100%;
		height:auto;
		margin:0;
		font-size: 1.4rem;
		font-weight:bold;
		background:none;
		order:1;
		border-top:1px dashed #4b6917;
	}
	.note_box h4 span{
		font-size:2.2rem;
		color:#4b6917;
	}

	.note__box_t{
		width:100%;
		height:auto;
		margin: 0 0;
		order:3;
		padding:2% 0;

	}
	.note_box_ph{
		width:100%;
		height:auto;
		margin:0;
		order:2;

	}
	.note_box_ph img{
		width:100%;
	}
}