@charset "utf-8";

.content_wrap{
	max-width:1060px;
}

#mv .content_wrap{
	background:url(../image/ranking/2024/mv_bg.png)no-repeat top center;
	background-size:cover;
}

#mv .content_wrap .main_title{
	text-align:center;
	padding-top:100px;
}

ul.category_btn{
	display:flex;
	flex-wrap: wrap;
	justify-content:center;
	margin-top:38px;
}

ul.category_btn li{
	margin-right:13px;
}

ul.category_btn li:last-child{
	margin-right:0;
}

ul.category_btn li a{
	display:block;
	text-align:center;
}

ul.category_btn li .arrow{
	text-align:center;
	margin-top:20px;
}

#about .content_wrap{
	max-width:1260px;
}

#about ul{
	display:flex;
	flex-wrap: wrap;
	justify-content:flex-start;
	align-items:center;
}

#about ul li:first-child{
	width:595px;
	margin-right:50px;
	margin-left:8.333%;
}

#about ul li:last-child{
	flex:1;
}

#about ul li h3{
	font-size: 32px;
	font-weight: 700;
	line-height: 150%;
}

#about ul li p{
	font-size: 18px;
	font-weight: 500;
	line-height: 180%;
	margin-top:20px;
}

#about .about_detail_area{
	border-radius: 30px;
	background: #F6F6F6;
	max-width:1000px;
	margin:40px auto 0 auto;
	padding:37px 54px 32px 54px;
}

#about .about_detail_area dl{
	display:flex;
	flex-wrap: wrap;
	justify-content:flex-start;
	margin-bottom:18px;
}

#about .about_detail_area dl:last-child{
	margin-bottom:0;
}

#about .about_detail_area dl dt{
	width:120px;
	font-size: 14px;
	font-weight: 700;
	line-height: 150%;
}

#about .about_detail_area dl dd{
	flex:1;
	font-size: 14px;
	font-weight: 500;
	line-height: 150%;
}

#about .about_detail_area dl dd span{
	font-size: 12px;
}

#all_ranking{
	margin-top:70px;
	padding:80px 0;
	border-radius: 40px;
	background:url(../image/ranking/2024/all_ranking_bg.png)no-repeat top center;
	background-size:cover;
}

#all_ranking h2{
	font-size: 32px;
	font-weight: 700;
	line-height: 180%;
	text-align:center;
}

#all_ranking h2 span{
	display:block;
	font-size: 14px;
	font-weight: 800;
	line-height: 180%;
	letter-spacing: 1.4px;
	color:#9B9B9B;
}

#all_ranking article{
	padding:50px 0;
	border-bottom:solid 1px #DBDBDB;
}


#all_ranking article.name_center dl{
	display:block;
	text-align:center;
}

#all_ranking article.name_center dl dt{
	width:auto;
	display:block;
	text-align:center;
}

#all_ranking article.name_center span{
	width:auto;
	display:block;
	text-align:center;
}

#all_ranking article.name_center ul{
	margin-top:32px;
}


#all_ranking article dl{
	display:flex;
	flex-wrap: wrap;
	justify-content:flex-start;
	align-items:center;
}

#all_ranking article dl dt{
	width:90px;
}

#all_ranking article dl dt img{
	display:inline-block;
	margin:4px 0;
}

#all_ranking article span{
	display:block;
	width:80px;
	font-size: 16px;
	font-weight: 600;
	line-height: 180%;
	letter-spacing: 3.2px;
	text-align:center;
}

#all_ranking article dl dd{
	font-size: 32px;
	font-weight: 700;
	line-height: 120%;
	flex:1;
}

#all_ranking article .catch{
	font-size: 28px;
	font-weight: 700;
	line-height: 150%;
	text-align:center;
	margin-top:32px;
}

#all_ranking article ul{
	display:flex;
	flex-wrap: wrap;
	justify-content:space-between;
	align-items:center;
}

#all_ranking article ul li{
	width:50%;
}

#all_ranking article ul li:last-child{
	text-align:right;
}

#all_ranking article ul li:last-child img{
	border-radius:20px;
}

#all_ranking article ul li h3{
	font-size: 24px;
	font-weight: 700;
	line-height: 150%;
	margin-top:20px;
}

#all_ranking article ul li p{
	font-size: 14px;
	font-weight: 500;
	line-height: 160%;
	margin-top:20px;
}

#all_ranking .other_rank h4{
	text-align:center;
	margin-top:30px;
	margin-bottom:15px;
	font-size: 16px;
	font-weight: 500;
	line-height: 180%;
	letter-spacing: 3.2px;
}

#all_ranking .other_rank ul{
	display:flex;
	flex-wrap: wrap;
	justify-content:space-between;
}

#all_ranking .other_rank ul li{
	width:19.8%;
}

#all_ranking .other_rank ul li div{
	font-size: 10px;
	font-weight: 500;
	line-height: 23px;
	border-bottom:solid 1px #DBDBDB;
}

#all_ranking .other_rank ul li div span{
	padding-right:5px;
}

.bunri_rank{
	margin-top:80px;
}

.bunri_rank .content_wrap{
	display:flex;
	flex-wrap: wrap;
	justify-content:space-between;
}

.bunri_rank .content_wrap section{
	width:49%;
	position:relative;
	padding-top:100px;
}

.bunri_rank .content_wrap section > div{
	border-radius: 30px;
	width:100%;
	position:relative;
	padding:50px;
}

.bunri_rank .content_wrap .title{
	text-align:center;
	margin-top: -140px;
}

.bunri_rank .content_wrap .title img{
	width:138px;
}

.bunri_rank .content_wrap h3{
	text-align:center;
	font-size: 24px;
	font-weight: 700;
	line-height: 160%;
	margin-bottom:20px;
}

.bunri_rank .content_wrap h3 span{
	display:block;
	color:#9B9B9B;
	font-size: 12px;
	font-weight: 800;
	line-height: 180%;
	letter-spacing: 1.2px;
}

.bunri_rank .content_wrap section#humanities > div{
	background: #F2FAFA;
}

.bunri_rank .content_wrap section#science > div{
	background: #F2F6FA;
}

.bunri_rank .content_wrap .item_wrap div{
	padding-top:12px;
	padding-bottom:12px;
	font-size: 20px;
	font-weight: 700;
	line-height: 100%;
	border-bottom:solid 1px #DBDBDB;
}

.bunri_rank .content_wrap .item_wrap div img{
	width:32px;
	margin-right:20px;
	vertical-align: bottom;
}

.bunri_rank .content_wrap section ul{
	display:flex;
	flex-wrap: wrap;
	justify-content:space-between;
	margin-top:10px;
}

.bunri_rank .content_wrap section ul li{
	width:49.5%;
	font-size: 10px;
	font-weight: 700;
	line-height: 23px;
}

.bunri_rank .content_wrap section ul li div{
	padding-top:3px;
	padding-bottom:3px;
	border-bottom:solid 1px #DBDBDB;
}

.bunri_rank .content_wrap section ul li div span{
	width:30px;
	display:inline-block;
}

#sdgs17{
	padding-top:80px;
}

#sdgs17 .title{
	text-align:center;
}

#sdgs17 .title img{
	width:138px;
}

#sdgs17 h3{
	text-align:center;
	font-size: 24px;
	font-weight: 700;
	line-height: 160%;
	margin-bottom:20px;
}

#sdgs17 h3 span{
	display:block;
	color:#9B9B9B;
	font-size: 12px;
	font-weight: 800;
	line-height: 180%;
	letter-spacing: 1.2px;
}

#sdgs17 .sdgs17_wrap{
	display:flex;
	flex-wrap: wrap;
	justify-content:flex-start;
}


#sdgs17 .sdgs17_wrap .sdgs_frame{
	border-radius: 30px;
	padding:26px 30px;
	margin-top:20px;
	width:32%;
	margin-right:2%;
}

#sdgs17 .sdgs17_wrap .sdgs_frame:nth-child(3n){
	margin-right:0;
}

#sdgs17 .sdgs_frame h4{
	display:flex;
	flex-wrap: wrap;
	justify-content:flex-start;
	align-items:center;
	font-size: 16px;
	font-weight: 700;
	line-height: 140%;
	margin-bottom:6px;
}

#sdgs17 .sdgs_frame h4 span{
	margin-left:11px;
}

#sdgs17 .sdgs_frame div{
	font-size: 14px;
	font-weight: 500;
	line-height: 34px;
	padding:3px 0;
	border-bottom:solid 1px #DBDBDB;
}

#sdgs17 .sdgs_frame div span{
	display:inline-block;
	width:30px;
}

#sdgs17 .sdgs_frame.sdgs_1{background:#FEF4F5;}
#sdgs17 .sdgs_frame.sdgs_2{background:#FDFBF2;}
#sdgs17 .sdgs_frame.sdgs_3{background:#F4FAF5;}
#sdgs17 .sdgs_frame.sdgs_4{background:#FCF3F4;}
#sdgs17 .sdgs_frame.sdgs_5{background:#FEF5F3;}
#sdgs17 .sdgs_frame.sdgs_6{background:#F2FBFD;}
#sdgs17 .sdgs_frame.sdgs_7{background:#FFFCF2;}
#sdgs17 .sdgs_frame.sdgs_8{background:#FAF3F5;}
#sdgs17 .sdgs_frame.sdgs_9{background:#FEF8F3;}
#sdgs17 .sdgs_frame.sdgs_10{background:#FDF3F8;}
#sdgs17 .sdgs_frame.sdgs_11{background:#FEFAF3;}
#sdgs17 .sdgs_frame.sdgs_12{background:#FDFAF3;}
#sdgs17 .sdgs_frame.sdgs_13{background:#F5F8F5;}
#sdgs17 .sdgs_frame.sdgs_14{background:#F2F8FC;}
#sdgs17 .sdgs_frame.sdgs_15{background:#F4FBF5;}
#sdgs17 .sdgs_frame.sdgs_16{background:#F2F6F9;}
#sdgs17 .sdgs_frame.sdgs_17{background:#F2F5F7;}

#sdgs17 .sdgs_frame.sdgs_1 h4{color:#E5243B;}
#sdgs17 .sdgs_frame.sdgs_2 h4{color:#D6A600;}
#sdgs17 .sdgs_frame.sdgs_3 h4{color:#1B973A;}
#sdgs17 .sdgs_frame.sdgs_4 h4{color:#C50E28;}
#sdgs17 .sdgs_frame.sdgs_5 h4{color:#E83418;}
#sdgs17 .sdgs_frame.sdgs_6 h4{color:#00A6D9;}
#sdgs17 .sdgs_frame.sdgs_7 h4{color:#FABD00;}
#sdgs17 .sdgs_frame.sdgs_8 h4{color:#970A31;}
#sdgs17 .sdgs_frame.sdgs_9 h4{color:#EC6A06;}
#sdgs17 .sdgs_frame.sdgs_10 h4{color:#DC097B;}
#sdgs17 .sdgs_frame.sdgs_11 h4{color:#F5A20B;}
#sdgs17 .sdgs_frame.sdgs_12 h4{color:#D39206;}
#sdgs17 .sdgs_frame.sdgs_13 h4{color:#407936;}
#sdgs17 .sdgs_frame.sdgs_14 h4{color:#0075BA;}
#sdgs17 .sdgs_frame.sdgs_15 h4{color:#28A838;}
#sdgs17 .sdgs_frame.sdgs_16 h4{color:#004C88;}
#sdgs17 .sdgs_frame.sdgs_17 h4{color:#023067;}


@media print, screen and (min-width: 825px) {
	#all_ranking article.rank45 ul li{
		width: 100%;
		text-align: left;
	}
	#all_ranking article.rank45 ul li dl dt{
		width: 200px;
	}
	#all_ranking article.rank45 ul li dl dt span{
		display: inline;
		padding-right: 40px;
	}

}

@media only screen and (max-width: 825px) {
	#about ul{
		display:block;
	}

	#about ul li:first-child{
		width:100%;
		margin-left:0;
	}

	#about ul li:last-child{
		text-align:center;
		margin-top:20px;
	}

	#all_ranking article.name_center ul{
		display:block;
	}

	#all_ranking article.name_center ul li{
		width:100%;
	}

	#all_ranking article ul li:last-child{
		margin-top:20px;
		text-align:center;
	}

	#all_ranking article ul li{
		width:100%;
	}

	#sdgs17 .sdgs17_wrap {
		justify-content:space-between;
	}

	#sdgs17 .sdgs17_wrap .sdgs_frame{
		width:49%;
		margin-right:0;
	}



}

@media only screen and (max-width: 767px) {

	ul.category_btn{
		justify-content:space-between;
	}

	ul.category_btn li{
		width:24%;
		margin-right:0;
	}

	ul.category_btn li .arrow{
		margin-top:0;
	}

	#about ul li:first-child{
		width:100%;
	}

	#about ul li h3{
		font-size: 26px;
		font-weight: 900;
		line-height: 150%;
		margin-top:70px;
	}

	#about .about_detail_area{
		padding:42px 24px;
	}

	#about .about_detail_area dl{
		display:block;
	}

	#all_ranking article dl dd{
		margin-top:10px;
	}

	#all_ranking article .catch{
		font-size:25px;
	}

	#all_ranking article ul li h3{
		font-size:20px;
	}

	#all_ranking article dl{
		display:block;
	}

	#all_ranking article dl dt{
		width:auto;
		text-align:center;
	}

	#all_ranking article span{
		margin:auto;
	}

	#all_ranking .other_rank ul li{
		width:49%;
		margin-bottom: 15px;
	}

	#all_ranking .other_rank ul li div{
		font-size:8px;
	}

	.bunri_rank .content_wrap section{
		width:100%;
	}

	.bunri_rank .content_wrap section > div{
		padding-left:24px;
		padding-right:24px;
	}

	.bunri_rank .content_wrap section ul li div{
		font-size:8px;
	}

	#sdgs17 .sdgs17_wrap .sdgs_frame{
		width:100%;
		padding-left:24px;
		padding-right:24px;
	}

}