/*1024px
============================================================*/
@media (max-width: 1024px) {

header .logo{
	width: 14em;
}

}


/*768px
============================================================*/
@media (max-width: 768px) {

.pc{display: none!important;}
.sp{display: inherit;}

html,body {
	font-size: 2vw;
}

header{
	padding: 1.5em 0;
}

h1{
	position: static;
}

.top_news h2{
	max-width: 60%;
	margin: 0 auto;
	margin-bottom: 30px;
}

.top_banner__b .fl,
.top_banner__b .fr{
	width: 100%;
	margin-bottom: 10px;
}

.top_banner__s div{
	width: 50%;
	padding-right: 10px;
}

.top_banner__s {
    width: calc(100% + 10px);
}


.top_news__post_wrap{
	width: calc(100% + 30px);
	margin-bottom: 10px;
}

.top_news__post{
	width: 50%;
	padding-right: 30px;
	margin-bottom: 40px;
}

.top_read {
    margin: 40px auto 60px auto;
    width: 90vw;
}

.top_news,
.top_banner{
	margin-bottom: 60px;
}

.sp_banner{
	width: 95vw;
	margin: 0 auto;
	margin-bottom: 40px;
}

.sp_banner div{
	width: 48.5%;
}

.icatch_area{
	margin-bottom: 10px;
}


a.bx-next,
a.bx-prev {
    width: 2em;
    height: 2em;
    display: none;
}

.top_group{
	margin-bottom: 0;
}

.top_group_group{
	width: 50%;
	margin-bottom: 25px;	
}

#pageTop_wrap{
	display: inherit!important;
}

}

/*640px
============================================================*/
@media (max-width: 640px){

html,body {
	font-size: 3vw;
}


}


/*320px
============================================================*/
@media (max-width: 320px){

html,body {
	font-size: 3.6333vw;
}

.top_news__post_wrap{
	width: calc(100% + 15px);
}

.top_news__post{
	width: 50%;
	padding-right: 15px;
}


}