@charset "utf-8";




.contents_box{
	position: relative;
	z-index: 2;
	height:auto;
	padding: 90px 0;
	background-color: #fff;
	background-attachment: fixed;
}

.topic_box{
	width: 1100px;
	margin: 0 auto 100px;
	border-bottom: dashed 1px #000;
}

.topic_day{
	width: 100%;
	font-size: 20px;
	margin: 0 0 20px;
	color: #9CC059;
}

.topic_tit{
	width: 100%;
	margin: 0 0 50px;
	font-size: 24px;
	color: #333;
}

.topic_txtarea{
	width: 100%;
	line-height: 50px;
}
.topic_txtarea img{
	width: 100%;
	margin: 30px auto;
}

.chike_btn{
	width: 300px;
	height: 80px;
	margin: 20px auto 30px;
}
.chike_btn img{
	width: 300px;
	height: 80px;
}



@media screen and (min-width:320px) and ( max-width:639px) {
/*　画面サイズが320pxから639pxまではここを読み込む　*/
.mainimg01{
	position: relative;
	z-index: 1;
	height:100%;
	background-image: url("../topics/img/main_img.jpg");
	background-position: center;
	background-size:1430px 500px;
	background-repeat: no-repeat;
}

.topic_box{
	width: 90%;
	margin: 0 5% 50px;
	border-bottom: dashed 1px #000;
}

.topic_day{
	width: 100%;
	font-size: 20px;
	margin: 0 0 20px;
	color: #9CC059;
}

.topic_tit{
	width: 100%;
	margin: 0 0 50px;
	font-size: 24px;
	color: #333;
}

.topic_txtarea{
	width: 100%;
	line-height: 50px;
}
.topic_txtarea img{
	width: 100%;
	margin: 50px auto;
}



}


@media screen and (min-width: 639px) {
/* 960pxからの幅の場合に適応される */
.mainimg01{
	position: relative;
	z-index: 1;
	height:700px;
	background-image: url("../topics/img/main_img.jpg");
	background-attachment: fixed;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}

}