@charset "utf-8";
/* CSS Document */

.rank_h2 {
	font-size: 30px;
	padding-top: 50px;
}
.rank_h3 {
	font-size: 18px;
	padding-bottom: 70px;
}
.rank23_box {
	display: flex;
	justify-content: flex-end;
	color: #FFFFFF;
	padding: 30px 30px 50px;
}
.pink {
	background-color: #C11A6D;
}
.blue {
	background-color: #322F51;
}
.purple {
	background-color: #623C73;
}
.brown {
	background-color: #615543;
}
.red {
	background-color: #CE243C;
}
.rank23_phot01 {
	width: 560px;
}
.rank23_deta01 {
	width: 372px;
}
.rank23_phot02 {
	width: 372px;
}
.rank23_deta02 {
	width: 560px;
}
.rank {
	font-size: 57px;
	text-align: center;
	line-height: 70%;
	margin-top: 15px;
}
.rank_en {
	font-size: 14px;
	text-align: center;
	margin-bottom: 5px;
}
.rank_area {
	font-size: 35px;
	text-align: center;
	margin-bottom: 25px;
}
.rank_text {
	font-size: 14px;
	margin-right: 20px;
	margin-bottom: 10px;
}
.mgb30 {
	margin-bottom: 30px;
}
.font22 {
	font-size: 22px;
}
.link_btn {
	margin-bottom: 80px;
	padding-bottom: 30pt;
}

.black {
	background-color: #000000;
}
.kokunai_h2 {
	font-size: 30px;
	padding-top: 50px;
	color: #FFFFFF;
}
.kokunai_h3 {
	font-size: 18px;
	padding-bottom: 70px;
	color: #FFFFFF;
}
.kokunai_box {
	display: flex;
	justify-content: space-around;
	margin-bottom: 80px;
	color: #FFFFFF;
}
.kokunai_box_in {
	width: 372px;
}
.kokunai_rank {
	font-size: 40px;
	text-align: center;
	line-height: 70%;
	margin-top: 15px;
}
.kokunai_rank_en {
	font-size: 12px;
	text-align: center;
	margin-bottom: 5px;
}
.kokunai_rank_area {
	font-size: 28px;
	text-align: center;
	margin-bottom: 5px;
}
.kokunai_photo {
	padding: 10px;
}

@media screen and (max-width: 768px) {
	
.rank_h2 {
	font-size: 25px;
	padding-top: 5px;
}
.rank_h3 {
	font-size: 14px;
	padding-bottom: 30px;
}	
.rank23_box {
	display: block;
	padding: 15px 15px 30px 15px;
}	
.rank23_phot01 {
	width: 100%;
}
.rank23_deta01 {
	width: 100%;
}
.rank23_phot02 {
	width: 100%;
}
.rank23_deta02 {
	width: 100%;
}
.rank {
	font-size: 40px;
	margin-bottom: 5px;
}
.rank_en {
	font-size: 11px;
}
.rank_area {
	font-size: 30px;
	text-align: center;
	margin-bottom: 20px;
}
.rank_text {
	font-size: 14px;
	margin-right: 0px;
	margin-left: 5px;
}	
.link_btn {
	margin-bottom: 50px;
}	

.kokunai_h2 {
	font-size: 25px;
	padding-top: 5px;
}
.kokunai_h3 {
	font-size: 16px;
	padding-bottom: 30px;
}
.kokunai_box {
	display: block;
	margin-bottom: 80px;
	color: #FFFFFF;
}
.kokunai_box_in {
	width: 100%;
}
.kokunai_rank_area {
	margin-bottom: 0px;
}	
.kokunai_photo {
	margin-bottom: 10px;
}
.kokunai_rank {
	margin-bottom: 5px;
	margin-top: 50px;
}
.kokunai_rank_en {
	font-size: 11px;
}
.section__container {
	padding: 24px 15px;
	}
}