/*==========================================
============================================

			
		section#content01


============================================
==========================================*/

#content01{
	background: linear-gradient(to bottom right, #f2ebdf, #FFF);
	padding: 188px 0 0 ;
	/*height: 800px;*/
	position: relative;	
	/*overflow-y:scroll;		*/
}

#content01 div.box{
	width: 1230px;
	margin:0 auto;
 	/*background:  url("../img/img.png") right top 69px no-repeat ;		*/
}

#content01 div.box div.inner{
	width: 100%;
	margin:0 auto;
	overflow: hidden;
}

#content01 div.box div.inner h2 img{width: calc( 904px / 2 / 1.4 );}

#content01 div.box div.inner p{
	width: 60%;
	float: left;
	line-height: 35px;
	padding: 40px 0 90px;
	text-align: justify;
	color: #330808;
}

#content01 div.box div.inner div.sp{display: none;}
#content01 div.box div.inner p span{
	display: block;
	margin:90px 0 45px;
}

#content01 div.box div.inner p img{
	display: block;
}

.fix_wrap{position: absolute; top: 0; right: 15%; height: 100%;}
.fix_wrap *{transition: 0s;}
.fix_img{position: absolute; right: 0; bottom: 0;}

#content01 img.fix_img.is-fixed{right: 15%; bottom: 0; position: fixed;}

@media screen and (max-width: 1450px) {
	#content01 img.fix_img.is-fixed{ right: 8%;}
	#content01 div.fix_wrap{right: 8%;}	
}

@media screen and (max-height: 800px) {
	
	/*#content01 img.fix_img.is-fixed{ width: 80%;}*/
	#content01 div.fix_wrap{width: 80%;}
	/*.fix_img{height: 33.72%;}	*/
	.fix_img{    width: 25%;}
	#content01 img.fix_img.is-fixed{width: 20%;}
	
}

@media screen and (max-width: 1300px) {
	#content01 div.box{width: 90%; }
	
	#content01 img.fix_img.is-fixed{ right: 6%;}
	#content01 div.fix_wrap{right: 6%;}
}

@media screen and (max-width: 1100px) {
	#content01 div.box div.inner p{width: 54%;}
}

@media screen and (max-width: 960px) {
	
	#content01 div.box div.inner p .pc{display: none;}
	#content01 div.box{width: 90%; background: none;}

	#content01{overflow: hidden; height: auto;}
	
	#content01 div.box div.inner h2{text-align: center}
	#content01 div.box div.inner h2 img{width: 50%;}
	
	#content01 div.box div.inner div.sp{
		display: block;
		overflow: hidden;
		position: relative;
		margin: 25px auto;
	}
	
	#content01 div.box div.inner div.sp span{
		position: absolute;
		top: 30%;
		bottom: 0;
		margin: auto;
		color: #330808;
	}
	
	#content01 div.box div.inner div.sp span img{display: block; margin: 10px 0; width: 76%;}
	#content01 div.box div.inner div.sp img.bg{float: right; width: 35%;}
	
	#content01 div.box div.inner{background:none;}
	.fix_wrap{display: none;}
	#content01 div.box div.inner p{width: 100%; line-height: 30px;}	
}

@media screen and (max-width: 500px) {
	#content01{ padding: 130px 0 0;}
	#content01 div.box div.inner div.sp{ margin: 25px auto 0;color: #330808;}
	#content01 div.box div.inner h2 img{ width: 280px;}
	#content01 div.box div.inner div.sp img.bg{    width: 40%;}
}




/*==========================================
============================================

			
		section#content02


============================================
==========================================*/
#content02 h2 img{width: calc( 452px / 2 / 1.4 );}

#content02{
	padding: 105px 0 0;
	text-align: center;
}

#content02 table{
	width: 850px;
	margin: 40px auto 0;
	border-collapse:collapse;
	font-size: 15px;
}

#content02 table tr{
	border-top:1px solid #2a1103;
	border-bottom:1px solid #2a1103;
	font-size: 15px;
}

#content02 table tr td.color{
	background: #ffca32;
	vertical-align: middle;
	width: 24%;
	padding: 12px 0;
	font-weight: bold;
	color: #2a1103;
	text-align: center;
}

#content02 table tr td{
	padding:15px 25px;
	line-height: 25px;
	text-align: justify;
}

#content02 table tr td ul{
	width: 50%;
	float: left;
}

@media screen and (max-width: 900px) {
	
	#content02{width: 100%;}
	#content02 table{width: 90%;}
	
}

@media screen and (max-width: 710px) {#content02 table tr td ul{width: 100%;}}


@media screen and (max-width: 600px) {
	
	#content02{padding: 60px 0 0;}
	#content02 table tr td.color{width: 100%; display: block;padding: 6px 0;}
	#content02 table tr td:nth-child(2){width: 85%; display: block; text-align: center;overflow: hidden;}

}