@charset "UTF-8";
/* about.css */

/* ===== 石狩フットボールクラブの想い ===== */
#sec_omoi h2.p_big + p {
	letter-spacing: .1em;
	line-height: 2;
}
.act_list h3.p_middle {
	text-align: left;
	display: flex;
	flex-wrap: nowrap;
	align-items: flex-start;
	justify-content: flex-start;
}


/* ===== 活動・指導理念 ===== */
.act_list {
	width: 100%;
	max-width: 900px;
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	justify-content: flex-start;
	margin: auto;
}
.act_list li {
	width: calc(100%/2 - 3%);
}
.act_list li:nth-of-type(odd) {
	margin-right: 6%;
}
.act_list li:nth-of-type(n+3) h3 {
	margin-top: 1.5em;
}
.act_list h3 {
	margin-bottom: .35em;
}
.act_list h3 span:first-of-type {
	min-width: 2em;
}
.act_list p {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	flex-wrap: nowrap;
}
.act_list p:before {
	content: "";
	width:  2em;
	min-width: 2em;
	height: 0;
	font-size: min(2.1vw,21px);
	display: inline-block;
}


/* ===== 石狩フットボールクラブの特徴・運営方針 ===== */
.tokutyou_wrap {
	width: fit-content;
	margin-left:  auto;
	margin-right: auto;
}
.tokutyou_wrap h3 {
	margin-bottom: .75em;
}
.tokutyou_wrap .left_indent + h3 {
	margin-top: 2em;
}
.tokutyou_wrap h3 + div .p_middle {
	font-size: min(2.7vw,27px);
	line-height: 1.5;
	margin-bottom: .5em;
}
.rinen_img {
	width: 80%;
}
/* pの左余白 */
.tokutyou_wrap .left_indent {
	width: 100%;
	display: flex;
	flex-wrap: nowrap;
	justify-content: flex-start;
}
.tokutyou_wrap .left_indent:before {
	content: "";
	width: 1em;
	min-width: 1em;
	height: 0;
	display: block;
}


/* ===== 石狩フットボールクラブ・エンブレム ===== */
.head_emblem {
	margin-bottom: 1em;
}
.logo_flex {
	width: 90%;
	max-width: 700px;
	display: flex;
	flex-wrap: nowrap;
	align-items: stretch;
	justify-content: space-between;
	margin-left:  auto;
	margin-right: auto;
}
.logo_flex .logo_card:nth-of-type(1) {
	width: calc(32% - 3%);
}
.logo_flex .logo_card:nth-of-type(2) {
	width: calc(60% - 3%);
}
.logo_card {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	justify-content: stretch;
}
.logo_card .img_wrap {
	flex: 1;
}
.logo_flex {
	width: 100%;
	max-width: 600px;
}
.logo_flex img {
	width:  100%;
	height: 100%;
	max-width: inherit;
	object-fit: contain;
	object-position: center;
}
.logo_card p {
	line-height: 1.25;
	text-align: center;
	margin-top: .75em;
}


/* ===== 「ハマナス咲く地で、力強く未来へ！」 ===== */
.p_hamanasu {
	margin-bottom: .5em;
}
.p_hamanasu + p {
	font-size: min(1.8vw,20px);
}


/* ===== ユニフォーム・ウエア ===== */
.uniform_img {
	width: 90%;
	max-width: inherit;
}





@media screen and (max-width:850px) {
	/* ===== 石狩フットボールクラブの想い ===== */
	#sec_omoi h2.p_big + p {
		letter-spacing: .05em;
	}

	/* ===== 活動・指導理念 ===== */
	.act_list {
		max-width: inherit;
	}
	.act_list li {
		width: 100%;
		margin-right: 0 !important;
	}
	.act_list li:nth-of-type(n+2) h3 {
		margin-top: 1.5em;
	}
	.act_list p:before {
		font-size: 16px;
	}

	/* ===== カテゴリー編成 ===== */
	.rinen_img {
		width: 100%;
	}

	/* ===== 石狩フットボールクラブの特徴・運営方針 ===== */
	.tokutyou_wrap h3 + div .p_middle {
		font-size: 18px;
	}

	/* ===== 石狩フットボールクラブ・エンブレム ===== */
	.logo_flex {
		justify-content: center;
	}
	.logo_flex > div:first-of-type {
		margin-right: 7%;
	}

	.logo_card p {
		font-size: 13px;
	}

	/* ===== 「ハマナス咲く地で、力強く未来へ！」 ===== */
	.p_hamanasu {
		font-size: 18px;
		margin-bottom: .75em;
	}
	.p_hamanasu + .p_middle {
		font-size: 13px;
		font-weight: 500;
	}

	/* ===== ユニフォーム・ウエア ===== */
	.uniform_img {
		width: 100%;
	}
}