@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100&display=swap');

h2 span.eng_title {
	font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", 'Poppins', sans-serif, Meiryo-low-height, "メイリオ", "Meiryo", sans-serif;
	color:var(--textGray);
}

.em_yellow{
	color: var(--textBlack);
	font-weight: 600;
	background: linear-gradient(transparent 80%, #f6d230 80%);
}

.txt_center {
	text-align: center;
}
.row {
	display: flex;
	gap: 20px;
}
.m-20 {
	margin: 20px 0;
}
.align_center {
	display: flex;
	justify-content: center;
	width: 100%;
}

.font-b {
	font-weight: bold;
}

.spaceBetween {
	display: flex;
	flex-wrap: wrap;
	gap: 50px;
}

.row p {
	margin: 0;
}

.sp2same {
	background: #fce5f2;
	display: flex;
	gap: 20px;
	width: calc((100% - 50px) / 2)
}


.sp2same p {
	margin: 0;
}

.sp2same_content {
	display: flex;
	justify-content: center;
	align-items: center;
}

body .w300 {
	max-width: 300px;
}

.reportList a {
	display: flex;
	height: 100%;
	flex-direction: column;
	color: var(--textBlack);
	text-decoration: none;
	justify-content: center;
}



.runningArea {
    background: #fcebf5;
    display: flow-root;
}



#social {
	background-color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
}

.sns_center {
	width: 100%;
}

#contentBody hr.line {
	margin: 50px 0;
}

@media screen and (max-width: 720px) {
.spaceBetween {
	display: block;
}

.sp2same {
	width:100%
}

.sp2same + .sp2same {
	margin-top:20px
}
	.row {
		display: block;
	}
	.sp2same_content ul li a br {
		display: none;
	}
	.column__item p img {
		width: 100%;
	}
	.body .w300 {
		width: 100%;
	}
	.sns_center {
		width: 100%;
	}
	.sp2same_img p img {
		width: 220px;
		height: 100px;
	}
	.col3 {
		display: block;
	}
}
ul.reportList {
	align-items: flex-start;
}
/* page header
-------------------------------------------------- */
.component #pageHeader.withImg {
	background-image: url(/special/run4girls/images/img_1.jpg);
}

@media screen and (max-width: 768px) {
	.component #pageHeader.withImg h1::after {
		background-image: url(/special/run4girls/images/img_1_sp.jpg);
	}
}

ul.reportList {
	display: flex;
	flex-wrap: wrap;
	column-gap: 2%;
	margin-bottom: -40px;
}

.colWrap ul.reportList {
	flex-wrap: nowrap;
}

ul.reportList > li {
	width: 23.5%;
	margin-bottom: 40px;
	position: relative;
}

@media screen and (max-width: 768px) {
	ul.reportList {
		display: block;
		margin-bottom: 0;
	}
	
	.colWrap ul.reportList {
		display: flex;
		column-gap: 24px;
	}
	
	ul.reportList > li,
	.withSidebar ul.reportList > li {
		width: 100%;
	}
	
	.colWrap ul.reportList > li {
		width: calc((100% - 48px) / 3);
	}
	.reportList > li .img {
		max-height: unset;
	}
}

@media screen and (max-width: 390px) {
	.colWrap ul.reportList {
		width: 258vw;
	}
}

.box.infoLinkArea {
	position: relative;
	padding-top: 45px;
	border: 1px solid var(--magenta);
	font-weight:bold;
}


.title {
	display: flex;
	background-color: var(--magenta);
	position: absolute;
	padding: 4px;
	top: -14px;
	left: 30px;
	border-radius: 50px;
	line-height: 1;
	height:3rem
}
.title1{
	padding:5px 20px;
}

.titletxt {
	position: relative;
	color: #fff;
	top: 2px;

}

.spaceBetween + .spaceBetween {
	margin-top: 20px;
}