@charset "utf-8";
/*-----------------------------------------------
 * RADIO
-------------------------------------------------*/
.radioArticle{
	width: 100%;
	position: relative;
	padding: min(calc(80 / var(--vw-min) * 100vw), calc(80px * var(--max-percent)));
	border-top: 1px solid var(--color-black);
	border-bottom: 1px solid var(--color-black);
	background-color: #FFF;
}
.radioArticleIn{
	max-width: calc(1040px* 1.6);
	margin: 0 auto;
}

.radio_title{
	font-size: min(calc(24 / var(--vw-min) * 100vw), 24px);
	font-weight: 700;
	color: var(--color-orange);
	line-height: 1.6667;
	letter-spacing: 0.025em;
	text-align: center;
}
.radio_subTitle{
	font-family: var(--font-en);
	font-size: min(calc(20 / var(--vw-min)* 100vw), calc(20px* var(--max-percent)));
	font-weight: 700;
	line-height: 1;
}
.radio_subTitle span {
	background: linear-gradient(var(--color-yellow), var(--color-yellow)) right bottom / 100% 40% no-repeat;
}

@media screen and (max-width:768px){
	.radioArticle{
		padding: calc(96 / var(--vw-min) * 100vw) calc(48 / var(--vw-min) * 100vw);
		border-width: var(--sp-size-2);
	}
	.radio_title{
		font-size: calc(32 / var(--vw-min) * 100vw);
	}
	.radio_subTitle{
		font-size: calc(32 / var(--vw-min)* 100vw);
	}
}



.radio_headImage{
	width: 76.9231%;
	max-width: 800px;
	margin: 0 auto;
	text-align: center;
}
.radio_headImage img{
	max-width: 100%;
}
.radio_headText{
	font-size: 1.125em;
	line-height: 2;
	font-weight: 500;
	margin-top: 2.5em;
	text-align: center;
}

.radioInfoContents{
	width: 100%;
	margin-top: min(calc(64 / var(--vw-min) * 100vw), calc(64px * var(--max-percent)));
	padding: min(calc(64 / var(--vw-min) * 100vw), calc(64px * var(--max-percent)));
	position: relative;
	border: 1px solid var(--color-black);
}
.radioInfoContent{
	padding-top: min(calc(40 / var(--vw-min) * 100vw), calc(40px * var(--max-percent)));
}
.radioInfoContentIn{
	width: 100%;
	padding-top: 1em;
	line-height: 2;
}
.radioInfoContentIn p.mt{
	margin-top: 0.5em;
}

@media screen and (max-width:768px){
	.radio_headImage{
		width: 100%;
	}
	.radio_headText{
		font-size: calc(26 / var(--vw-min) * 100vw);
		margin-top: calc(48 / var(--vw-min) * 100vw);
	}
	.radioInfoContents{
		margin-top: calc(64 / var(--vw-min) * 100vw);
		padding: calc(32 / var(--vw-min) * 100vw);
	}
	.radioInfoContent{
		padding-top: calc(32 / var(--vw-min) * 100vw);
	}
	.radioInfoContent:not(:first-child){
		padding-top: calc(48 / var(--vw-min) * 100vw);
	}
}




/**
* Archive
**/
.radioArchive{
	width: 100%;
	max-width: calc(1200px* 1.6);
	margin: 0 auto;
	padding-top: min(calc(80 / var(--vw-min) * 100vw), calc(80px * var(--max-percent)));
	padding-left: min(calc(80 / var(--vw-min) * 100vw), calc(80px * var(--max-percent)));
	padding-right: min(calc(80 / var(--vw-min) * 100vw), calc(80px * var(--max-percent)));
}
.radioArchiveLists{
	width: 100%;
	max-width: calc(1040px* 1.6);
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	column-gap: min(calc(40 / var(--vw-min)* 100vw), calc(40px* var(--max-percent)));
	row-gap: min(calc(40 / var(--vw-min)* 100vw), calc(40px* var(--max-percent)));
}

@media screen and (max-width:768px){
	.radioArchive{
		padding-top: calc(96 / var(--vw-min) * 100vw);
		padding-left: calc(48 / var(--vw-min) * 100vw);
		padding-right: calc(48 / var(--vw-min) * 100vw);
	}
	.radioArchiveLists{
		grid-template-columns: repeat(2, 1fr);
	}
}