@charset "utf-8";

article{
	z-index			:1 !important;
	background-color: transparent !important;
	width			:100% !important;
	margin			:0 !important;
}

h1{	display			:none !important;}
footer{	display		:none !important;}
.site-info{display	:none !important;}
.rfwbs_pagination{display	:none !important;}

.mainimg{
	width			:100%;
	height			: 410px;
	background-color : #fff;
	margin			: 20px auto;
	border			: solid 2px #ccc;
}

.mainimg div{
	width			: 396px;
	margin			: 5px auto;
}

.mainimg img{
	width			: 396px;
	height			: 396px;
}

.bnr-area{
	width			: 800px;
	margin			: 50px auto;
}

.bnr-txt01{
	font-size		: 24px;
	text-align		: center;
}

.bnr-txt01 span{
	font-size		: 36px;
	font-weight		: 700;
}

.bnr-txt02{
	background-color: #ECF7FD;
	width			: 800px;
	margin			: 0 auto 50px;
	padding			: 30px 100px;
}


.bnr-txt02 span{
	font-size		: 22px;
	font-weight		: 600;
}

.bnr-box{
	display			: flex; 
	flex-wrap		: wrap; 
	-webkit-justify-content	: space-around; 
	justify-content	: space-around;
	margin			: 0px auto 0;
}

.bnr-01{
	width			: 300px;
	margin			: 0 auto 30px;
}

.bnr-01 p{
	text-align		: center;
}




@media screen and (max-width:959px) {
/*　画面サイズ959pxまではここを読み込む　*/
.mainimg{
	width			:100%;
	height			: auto;
	border			: none;
}

.mainimg div{
	width			:100%;
	height			: auto;
	margin			: 5px auto;
}

.mainimg img{
	width			:100%;
	height			: auto;
}

.bnr-area{
	width			:100%;
	margin			: 50px auto;
}

.bnr-txt01{
	font-size		: 24px;
}

.bnr-txt01 span{
	font-size		: 36px;
	font-weight		: 700;
}

.bnr-txt02{
	width			:100%;
	padding			: 30px;
}


.bnr-txt02 span{
	font-size		: 20px;
}

.bnr-01{
	width			: 100%;
	height			: auto;
}



}

@media screen and (min-width: 960px) {
/* 960pxからの幅の場合に適応される */

.pcnone{
	display			: none;
}

}