@charset "utf-8";
/*
Theme Name: スポーツチームNo.01
Theme URI: https://www.ad-frontier.jp/
Description: アドフロンティアのスポーツチームテーマです
*/


.archive .archive-wrapper {
	padding-top:15rem;
	padding-bottom:15rem;
}

.archive #wrapper:before {
}

@media (max-width: 980px){
.archive .archive-wrapper {
	padding-top:7.5rem;
	padding-bottom:6rem;
}

}




.mc_list article {
	background:rgba(255,255,255,0.9);
	margin-bottom:4.5rem;
	display: flex;
	gap: 30px;
	border-bottom: 1px solid #EEE;
	padding: 3rem;
	position:relative;
}

.mc_list article:after {
	content:"";
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	background:url(../../images/overlay_hishigata.svg) no-repeat bottom left / cover;
}

.mc_list .img-box {
	flex: 0 0 320px;
	height: 320px;
	overflow: hidden;
	border: 1px solid #EEE;
	position:relative;
    z-index: 1;
} 

.mc_list .text-box {
	position:relative;
	flex: 1;
    z-index: 1;
}

.mc_list .text-box h3 {
	font-size:clamp(20px, 1.8vw, 24px);
	margin: 0 0 1rem 0;
}

.mc_list .text-box h3:before {
    content: "\f1e3";
    font-family: FontAwesome;
    margin-right:1rem;
	color:#333;
}

.mc_list .text-box p {
	line-height:1.6;
}

@media (max-width: 980px){
.mc_list article {
	padding:2rem;
}
.mc_list .img-box {
	flex: 0 0 180px;
	height: 180px;
} 
}

@media (max-width: 480px){
.mc_list article {
	display:block;
	margin-bottom:4.5rem;
	margin-right:0;
	width:100%;
}

.mc_list article:last-child {
	margin-bottom:0;
}

.mc_list article .img-box {
	width:100%;
	height:auto;
	margin-bottom:1.5rem;
}

}