@charset "utf-8";

section#pageMv {
	background: url("/2024/wp-content/themes/jc2024/images/about_mv.webp") 50% 50% no-repeat;
	background-size: cover;
}

section#about_ajc {
}
section#about_ajc h3.title01 {
	margin-top: 80px;
}
section#about_ajc h4.title02 {
	margin-top: 50px;
}
section#about_ajc h5.title03 {
	margin-top: 30px;
}

section#about_ajc ul#ajcJcList {
	display: flex;
	margin-top: 30px;
}
section#about_ajc ul#ajcJcList li {
	position: relative;
	width: calc((100% - 120px) / 3);
	text-align: center;
	margin-right:60px;
	padding:40px;
	background-color: #FFF6ED;
	border-radius:20px;
	box-sizing: border-box;
}
section#about_ajc ul#ajcJcList li:nth-child(3n) {
	margin-right:0;
}
section#about_ajc ul#ajcJcList li:after {
	position: absolute;
	top: 50%;
	right: -49px;
	content: '\f0ec';
	font-family: fontAwesome;
	font-style: normal;
	color: #004C71;
	font-size: 36px;
	line-height: 100%;
	transform: translateY(-50%);
	transition: all 0.3s ease;
}
section#about_ajc ul#ajcJcList li:nth-child(3n):after {
	display: none;
}
section#about_ajc ul#ajcJcList li div {
	margin-bottom:25px;
}
section#about_ajc ul#ajcJcList li div h5 {
	font-family: 'Quicksand', sans-serif;
	color: #004C71;
	font-size:36px;
	line-height:100%;
	font-weight:400;
}
section#about_ajc ul#ajcJcList li div h5 span {
	display: block;
	font-size:18px;
	line-height:100%;
	font-weight:700;
	margin-top: 5px;
}
section#about_ajc ul#ajcJcList li div h6 {
	font-size:18px;
	line-height:150%;
	font-weight:bold;
	margin-top: 15px;
}

section#about_ajc div#ajcJcSlogan {
	text-align: center;
	margin-top: 80px;
}
section#about_ajc div#ajcJcSlogan p#ajcJcSloganImage {
	width:auto;
	max-width:720px;
	margin: 0 auto;
}



/* タブレット用
------------------------------------------------------------------------------------ */
@media screen and (min-width:768px) and (max-width:1279px) {
	section#about_ajc ul#ajcJcList {
		display: block;
	}
	section#about_ajc ul#ajcJcList li {
		width: 100%;
		margin-top:20px;
		margin-right:0;
		padding:30px;
	}
	section#about_ajc ul#ajcJcList li:after {
		top: auto;
		bottom: -37px;
		left: 50%;
		content: '\f338';
		font-size: 54px;
		line-height: 100%;
		z-index: 2;
		transform: translate(-50%);
	}
}



/* スマホ用
------------------------------------------------------------------------------------ */
@media screen and (max-width:767px) {
	section#about_ajc h3.title01 {
		margin-top: 50px;
	}
	section#about_ajc h4.title02 {
		margin-top: 30px;
	}
	section#about_ajc h5.title03 {
		margin-top: 15px;
	}

	section#about_ajc ul#ajcJcList {
		display: block;
	}
	section#about_ajc ul#ajcJcList li {
		width: 100%;
		margin-top:20px;
		margin-right:0;
		padding:30px;
	}
	section#about_ajc ul#ajcJcList li:after {
		top: auto;
		bottom: -37px;
		left: 50%;
		content: '\f338';
		font-size: 54px;
		line-height: 100%;
		z-index: 2;
		transform: translate(-50%);
	}

	section#about_ajc div#ajcJcSlogan {
		margin-top: 50px;
	}
}