@charset "UTF-8";
/* CSS Document */
body {
    font-family: sans-serif;
    width: 100%;
    max-width: 1230px;
	display: block;
	margin: 0 auto;
}
#ranking_header {
    text-align: center;
    margin: 10px auto 20px;
    font-size: 10px;
    color: #333333;
    line-height: 150%;
}
#ranking_header div {
    margin: 1rem auto 1.5rem;
}
.menu-ct {
    margin: 0 auto;
}
.menu-ct p {
    display: inline-block;
    padding: 0;
    margin: 0;
}
.menu-ct p a:after {
    content: "|";
    padding: 0;
    margin: 0 .5vw 0 1.2vw;
}
.menu-ct p:last-child a:after {
    content : none;
}
#rank_pan_area{
	width: 90%;
	margin: 1rem auto;
	text-align: center;
}
#rank_pan_area img{
	width: 50%;
	max-width: 250px;
}
#rank_pan_area h1{
	text-align: left;
	font-weight: normal;
	font-size: .7rem
}
#rank_pan_area p{
	text-align: left;
	font-size: 1rem;
	color:#484848;
}
.clear {
    clear: both
}
.select_button{
	width: 100%;
	margin: 0 auto;
}
.select_button ul{
	width: 100%;
	font-size: 0;
	display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 0;
    margin: 0 auto;
}
.select_button ul li{
	font-size: 1.3rem;
	width: 29%;
	text-align: center;
	padding: .75rem;
	border: 1px solid #484848;
	margin: 0 auto .75rem;
}
.select_button ul li a:before{
	content: "\025bc";
	color: #484848;
}
.select_button ul li:nth-child（2n+1）{
	margin-left: 0; 
}
/*PCとSPで表示切り替え*/
@media screen and (min-width:661px) {
.sp {
    display: none;
}
}

@media screen and (max-width:660px) {
.pc {
    display: none;
}
.select_button ul li{
	font-size: .8rem;
	width: 26.7%;
}
}
#footer {
    width: 100%;
    padding: 0;
    margin: 0;
    text-align: center;
    font-size: 10px;
    color: #333333;
    line-height: 150%;
}
/* 会社概要 */
.header {
    background-color: #CCCCCC;
    width: 100%;
    padding: .3rem 0;
}