@charset "utf-8";
/*------------------------------------------------------------
	training
------------------------------------------------------------*/
#main .content {
	max-width: 116.6rem;
}
#main .headLine01 {
	margin-bottom: 13rem;
}
#main .comTopTxt {
	margin: 0 -5rem 21.7rem;
}
#main .imgBox {
	display: flex;
	font-size: 1.6rem;
	line-height: 1.2;
	letter-spacing: 0.3em;
}
#main .imgBox .photo {
	margin-top: 0.3rem;
	width: 59.1rem;
}
#main .imgBox .photo img {
	width: 100%;
}
#main .imgBox .leftBox {
	flex: 1;
	margin-right: 3rem;
}
#main .sec03 .imgBox .leftBox {
	order: 3;
	margin: 0 0 0 4.3rem;
}
#main .sec02 {
	margin-bottom: 14.4rem;
}
#main .sec03 .headLine02 {
	margin-bottom: 7.3rem;
}
#main .comBtn {
	margin: 17.5rem -1.7rem 0;
}
#main .listBox {
	margin: 0 -1.7rem;
	color: #000000;
	display: flex;
	font-size: 1.8rem;
}
#main .listBox > div {
	width: 33.33%;
	background-color: #e5f1f8;
}
#main .listBox .box02 {
	background-color: #e1ebf8;
}
#main .listBox .box03 {
	background-color: #dbddf5;
}
#main .listBox .title {
	color: #fff;
	text-align: center;
	position: relative;
	background-color: #5da5ea;
	font-size: 2rem;
	padding: 0.9rem 0;
	height: 5.1rem;
}
#main .listBox .title::after {
	position: absolute;
	width: 0;
	height: 0;
	border-top: 2.5rem solid transparent;
	border-bottom: 2.5rem solid transparent;
	border-left: 2.5rem solid #5da5ea;
	right: -2.4rem;
	top: 0;
	content: '';
	z-index: 10;
}
#main .listBox .box02 .title {
	background-color: #3862b8;
}
#main .listBox .box02 .title::after {
	border-left-color: #3862b8;
}
#main .listBox .box03 .title {
	background-color: #282d74;
}
#main .listBox .box03 .title::after {
	display: none;
}
#main .listBox .textBox {
	padding: 1.6rem 2rem 2.3rem;
	line-height: 1.7;
}
#main .listBox .textBox strong {
	font-weight: 500;
	display: inline-block;
	font-size: 1.6rem;
	text-decoration: underline;
}
#main .listBox .textBox p {
	margin-bottom: 1.7rem;
	letter-spacing: 0.05em;
}
#main .listBox .textBox p:last-child {
	margin-bottom: 0;
}
#main .sec02 .headLine01 {
	margin-bottom: 7.7rem;
}
#main .sec01 {
	margin-bottom: 30.6rem;
}
@media all and (max-width: 767px) {
	.pageVisual {
		margin-bottom: 3rem;
	}
	.pageVisual .title {
		font-size: 2.2rem;
	}
	#main .comTopTxt {
		margin: 0 0 12.2rem;
	}
	#main .headLine01 {
		margin-bottom: 12.6rem;
		padding-bottom: 0.5rem;
		letter-spacing: 0.05em;
		font-size: 1.8rem;
	}
	#main .headLine01::before {
		width: 18.7rem;
	}
	#main .imgBox {
		display: block;
		font-size: 1.4rem;
		line-height: 1.2;
	}
	#main .imgBox .leftBox {
		margin: 0 0 2.8rem !important;
	}
	#main .imgBox .photo {
		margin: 0 0.2rem;
		width: auto;
	}
	#main .listBox {
		display: block;
		margin: 0;
		font-size: 1.4rem;
	}
	#main .listBox > div {
		width: auto;
	}
	#main .listBox .title::after {
		display: none;
	}
	#main .content {
		max-width: inherit;
		margin: 0 2.3rem;
	}
	#main .listBox .title {
		font-size: 1.5rem;
		padding: 1.5rem 0 1.4rem;
		height: auto;
		letter-spacing: 0.3em;
	}
	#main .listBox .textBox {
		padding: 1.3rem 2.7rem;
		line-height: 1.2;
	}
	#main .listBox .textBox strong {
		font-size: 1.4rem;
		text-decoration: none;
	}
	#main .listBox .textBox p {
		letter-spacing: 0.3em;
	}
	#main .sec01 {
		margin-bottom: 9.6rem;
	}
	#main .sec02 {
		margin-bottom: 9.3rem;
	}
	#main .sec03 .headLine02 {
		margin-bottom: 4.5rem;
	}
	#main .comBtn {
		margin: 10rem 0 0;
	}
}