/* CSS Document */


@media (min-width:751px){
	#mv { background: url(../images/mv.jpg) center center no-repeat; background-size: cover; }
	#mv h2 { background: url(../images/ttl.png) center center no-repeat; }
	
	.detail { text-align: center;}
	.detail a.cbtn { width: 100%; max-width: 350px;  margin:10px auto 0;}
	
	.pro{ text-align: center;}
	.pro p{ text-align: center !important; margin: 50px auto 60px;}

	#p2{ margin-bottom: 100px;}
	.rank { justify-content:space-between; margin-bottom: 40px; }
	.rank h3 { width: 100px; height: 356px; overflow: hidden; text-indent: -10000px; }
	.rank.system h3 { background: url(../images/ttl_system.svg) center top no-repeat; }
	.rank .img { width: 1100px; }
	
	.att { justify-content:space-between; margin-bottom: 100px; }
	.att h3 { width: 100px; height: 320px; overflow: hidden; text-indent: -10000px; }
	.att.about h3 { background: url(../images/ttl_att.svg) center top no-repeat; }
	.att .list { width: 1080px; padding-left: 20px}
	.att .list ul li{ list-style: disc; line-height: 2; margin-bottom: 10px;}
	.att .list ul li span{ display: block; color: #c99d00;}
	
	#p4{ margin-bottom: 100px;}
	.exe { justify-content:space-between; margin-bottom: 40px; }
	.exe h3 { width: 100px; height: 324px; overflow: hidden; text-indent: -10000px; }
	.exe.member h3 { background: url(../images/ttl_exe.svg) center top no-repeat; }
	.exe.member .img { width: 1100px; }
}
@media (min-width: 751px) and  (max-width:1100px){
	.exe.member .img { width: 87%; }
}
@media (max-width:750px){
	#mv { background: url(../images/mv_sp.jpg) center center no-repeat; background-size: cover; }
	#mv h2 { background: url(../images/ttl.png) center center no-repeat; background-size: 30vw auto; }

	.detail a.cbtn { text-align: center; margin:0 auto;}
	
	.pro{ text-align: center;}
	.pro p{ text-align: center;  margin: 10vw auto;}
	
	#p2{ margin-bottom: 20vw;}
	.rank { margin-bottom: 10vw;}
	.rank h3 { width: 100%; height: 72vw; overflow: hidden; text-indent: -10000px;}
	.rank.system h3 { background: url(../images/ttl_system.svg) center top no-repeat; background-size: 20vw auto; }
	.rank .img { padding-top: 10vw; }

	.att { margin-bottom: 26vw; }
	.att h3 { width: 100%; height: 64vw; overflow: hidden; text-indent: -10000px; margin-bottom: 6vw; }
	.att.about h3 { background: url(../images/ttl_att.svg) 34vw top no-repeat; background-size: 20vw auto; }
	.att .list ul { width: 98%; margin: 0 auto; padding-left: 10px;}
	.att .list ul li{ list-style: disc; line-height: 2; margin-bottom: 10px;}
	.att .list ul li span{ display: block; color: #c99d00;}

	#p4{ margin-bottom: 20vw;}
	.exe { margin-bottom: 10vw; }
	.exe h3 { width: 100%; height: 65vw; overflow: hidden; text-indent: -10000px; margin-bottom: 6vw; }
	.exe.member h3 { background: url(../images/ttl_exe.svg) 34vw top no-repeat; background-size: 20vw auto; }
	.exe.member .img { width: 100%; }

}