@media screen and (max-width: 980px) {
	img{
		max-width: 100%;
	}
	.bg_pc_img,.img_title_pc{
		display: none !important;
	}
	.bg_mobile_img,.img_title_mobile{
		display: inline-block;
	}
	.club_content{
		padding-top: .6rem;
	}
	.club_nav{
		width: 100%;
	}
	.club_nav_item{
		width: 50%;
		margin: 0;
		color: #000;
		height: .9rem;
		line-height: .9rem;
	}
	.club_nav .checked::after{
		width: 100%;
		height: .04rem;
	}
	.club_nav_item:not(:last-of-type){
		border: 0;
	}
	.club_list{
		width: 100%;
	}
	.img_title{
		height: 1.1rem;
	}
	.club_content_box{
		width: 77.6%;
		margin: 0 auto;
		padding-bottom: .2rem;
	}
	.club_content_active{
		width: 100%;
		padding-top: .3rem;
	}
	.club_list_words{
		margin: 0;
	}
	.club_content2 .club_list{
		width: 100%;
	}
	.club_h1 h1{
		color: #000;
		font-size: .4rem;
	}
	.club_h1 h1:nth-of-type(2){
		color: #000;
		right: .16rem;
	}
	.club_list_words{
		color: #202020;
		font-size: .24rem;
		line-height: .48rem;
		text-align: justify;
		margin: .4rem 0 .6rem 0;
	}
	.club_content2 .club_list_words{
		margin: .4rem 0 .6rem 0;
	}
	.inline_img{
		margin: 0;
		width: 100%;
	}
	.img_content3{
		width: 100%;
		text-align: left;
	}
	.img_content3 h1{
		color: #000;
		font-size: .32rem;
		line-height: .4rem;
	}
	.club_content4{
		width: 100%;
	}
	.eachBox{
		margin: 0;
		width: 49%;
		height: 3.4rem;
		margin-bottom: 1.5%;
		text-align: center;
	}
	.eachBox img{
		position: static;
		margin: 0 auto;
		width: auto;
		height: 2.34rem;
	}
	.eachBox .code_img{
		position: absolute;
		top: 6%;
	}
	.qrcode .college_logo{
		width: 0;
		height: 0;
	}
	.qrcode .code_img{
		width: 2.34rem;
		height: 2.34rem;
	}
	.eachBox h3{
		position: static;
		margin: .3rem 0 0 0;
		font-size: .28rem;
	}
}