@charset "utf-8";

html {
	font-size: 62.5%;
	box-sizing: border-box;
}

body {
	font-family: -apple-system, "Helvetica Neue", "HelveticaNeue", "Noto Sans CKJ JP", "Meiryo", sans-serif;
	box-sizing: border-box;
	/* max-width: 1920px;
	margin: 0 auto; */
}

.f-y {
	letter-spacing: .1em;
	line-height: 1.5;
	color: #0a0a0a;
}

img {
	width: 100%;
}

/* 基本設定終了 */

.topBanner_ {
	max-width: 900px;
	margin: 0 auto;
}

section {
	width: 900px;
	max-width: 100%;
	margin: 0 auto;
}

.leadContainer_ {
	margin-top: 10%;
}

.leadContent_ {
	padding-left: 5%;
	padding-right: 5%;
} 

.lead_ {
	font-size: 1.6rem;
	line-height: 2;
	text-align: center;
	word-break: break-all;
}

.rankContainer_ {
	margin-top: 15%;
}

.rankContent_ {
	padding-left: 3%;
	padding-right: 3%;
}

section:nth-of-type(12) > .rankContainer_ {
	margin-bottom: 30%;
}

.rankWrapper_ {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 3%;
}

.rankWrapperReverse_ {
	flex-direction: row-reverse;
}

.images_ {
	width: 48%;
	padding: 0 2%;
}

.article_ {
	width: 48%;
	margin-left: auto;
}

.rankWrapperReverse_ > .article_ {
	margin-right: auto;
	margin-left: 0;
}

.cap_ {
	font-size: 1.6rem;
	line-height: 2;
	word-break: break-all;
	margin-top: 32%;
}

.credit_ {
	font-size: 1.6rem;
	line-height: 1.7;
	margin-top: 10%;
	margin-bottom: 20%;
}

.linkButton_ {
	display: inline-block;
	width: 100%;
	background-color: #034a4c;
	text-align: center;
	padding: 4%;
	transition: all .2s;
	font-size: 1.6rem;
	font-weight: 700;
	line-height: 2;
	color: #ddb73c;
	letter-spacing: .3rem;
}  

.linkButton_:hover {
	opacity: .6;
	transition: all .3s;
}

.underLine_ {
	text-decoration: underline;
	transition: all .3s;
}

.underLine_:hover {
	text-decoration: none;
	transition: all .5s;
}