@charset "UTF-8";
/* CSS Document */
.sttl_bg .sub_ttl .s_inner .left h1:before {
	content: "Business";
}
.sttl_bg .sub_ttl .s_inner .right .img {
	background-image: url("../img/business/sub_ttl_img.webp");
}

/* trainingArea */
/* training01 */
.trainingArea .training01 .inner {
	padding: 120px 80px 100px;
}
.trainingArea .training01 .inner h2 {
	font-size: 40px;
	font-weight: 500;
	color: #ff6800;
	padding-bottom: 26px;
}
.trainingArea .training01 .inner .txt {
	width: 80%;
}
.trainingArea .training01 .inner .txt p {
	word-break: auto-phrase;
}

/* training02 */
.trainingArea .training02 {
	position: relative;
}
.trainingArea .training02:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 98%;
	height: 100%;
	background: #fddfc8;
	border-top-left-radius: 6rem;
	border-top-right-radius: 6rem;
}
.trainingArea .training02 .inner {
	position: relative;
	padding: 110px 80px 100px;
	z-index: 1;
}
.trainingArea .training02 .inner h2 {
	font-size: 40px;
	font-weight: 500;
	color: #ff6800;
}
.trainingArea .training02 .inner ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	padding-top: 60px;
}
.trainingArea .training02 .inner ul li {
	width: calc(50% - 20px);
	margin-bottom: 40px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	flex-direction: row-reverse;
	align-items: center;
	padding: 26px 36px;
	border: 1px solid #000;
	border-radius: 1rem;
	background-color: #fff;
	position: relative;
}
.trainingArea .training02 .inner ul li:before {
	position: absolute;
	top: -30px;
	left: 30px;
	font-size: 50px;
	line-height: 1;
	color: #ff6800;
}
.trainingArea .training02 .inner ul li:first-of-type::before {
	content: "01";
}
.trainingArea .training02 .inner ul li:nth-of-type(2)::before {
	content: "02";
}
.trainingArea .training02 .inner ul li:nth-of-type(3)::before {
	content: "03";
}
.trainingArea .training02 .inner ul li:nth-of-type(4)::before {
	content: "04";
}
.trainingArea .training02 .inner ul li:nth-of-type(5)::before {
	content: "05";
}
.trainingArea .training02 .inner ul li:last-of-type::before {
	content: "06";
}
.trainingArea .training02 .inner ul li .right {
	width: calc(60% - 10px);
}
.trainingArea .training02 .inner ul li .right dl dt {
	font-size: 22px;
	color: #ff6800;
	font-weight: 500;
	word-break: auto-phrase;
	padding-bottom: 26px;
}
.trainingArea .training02 .inner ul li .right dl dd {
	font-size: 16px;
}
.trainingArea .training02 .inner ul li .left {
	width: calc(40% - 10px);
}
.trainingArea .training02 .inner ul li .left .img {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	aspect-ratio: 440/400;
}
.trainingArea .training02 .inner ul li:first-of-type .left .img {
	background-image: url("../img/training/training_img01.webp");
}
.trainingArea .training02 .inner ul li:nth-of-type(2) .left .img {
	background-image: url("../img/training/training_img02.webp");
}
.trainingArea .training02 .inner ul li:nth-of-type(3) .left .img {
	background-image: url("../img/training/training_img03.webp");
}
.trainingArea .training02 .inner ul li:nth-of-type(4) .left .img {
	background-image: url("../img/training/training_img04.webp");
}
.trainingArea .training02 .inner ul li:nth-of-type(5) .left .img {
	background-image: url("../img/training/training_img05.webp");
}
.trainingArea .training02 .inner ul li:last-of-type .left .img {
	background-image: url("../img/training/training_img06.webp");
}

/* training03 */
.trainingArea .training03 {
	position: relative;
}
.trainingArea .training03:before {
	content: "";
	position: absolute;
	top: -300px;
	left: 0;
	width: 100%;
	height: 300px;
	background: #fff;
	border-top-left-radius: 6rem;
	border-top-right-radius: 6rem;
}
.trainingArea .training03 .inner {
	padding: 0 80px 120px;
}
.trainingArea .training03 .inner .ttl {
	font-size: 40px;
	font-weight: 500;
	color: #ff6800;
	padding-bottom: 26px;
}
.trainingArea .training03 .inner .txt {
	width: 80%;
}
.trainingArea .training03 .inner .txt p {
	word-break: auto-phrase;
}
.trainingArea .training03 .inner .btn {
	display: flex;
	justify-content: center;
	padding-top: 120px;
}
.trainingArea .training03 .inner .btn .btn_move {
	width: 250px;
}

@media screen and (max-width: 1200px) {
/* training02 */
	.trainingArea .training02 .inner ul li {
		width: calc(50% - 10px);
		margin-bottom: 40px;
		padding: 20px;
	}
}

@media screen and (max-width: 1000px) {
/* training01 */
	.trainingArea .training01 .inner {
		padding: 50px 6vw 40px;
	}
	.trainingArea .training01 .inner h2 {
		font-size: min(8vw,30px);
		padding-bottom: 20px;
	}
	.trainingArea .training01 .inner .txt {
    width: 100%;
	}

/* training02 */
	.trainingArea .training02:before {
		border-top-left-radius: 2rem;
		border-top-right-radius: 2rem;
	}
	.trainingArea .training02 .inner {
		padding: 80px 6vw 60px;
	}
	.trainingArea .training02 .inner h2 {
		font-size: min(8vw,30px);
	}
	.trainingArea .training02 .inner ul {
		padding-top: 30px;
	}
	.trainingArea .training02 .inner ul li {
		width: calc(50% - 6px);
		margin-bottom: 30px;
	}
	.trainingArea .training02 .inner ul li:before {
		top: -20px;
		left: 20px;
		font-size: 40px;
	}
	.trainingArea .training02 .inner ul li .right {
		width: calc(50% - 6px);
	}
	.trainingArea .training02 .inner ul li .left {
		width: calc(50% - 6px);
	}
	.trainingArea .training02 .inner ul li .right dl dt {
		font-size: min(6vw,18px);
		padding-bottom: 6px;
	}
	.trainingArea .training02 .inner ul li .right dl dd {
		font-size: 14px;
	}

/* training03 */
	.trainingArea .training03:before {
		border-top-left-radius: 2rem;
		border-top-right-radius: 2rem;
	}
	.trainingArea .training03 .inner {
		padding: 0 6vw 100px;
	}
	.trainingArea .training03 .inner .ttl {
		font-size: min(6vw,30px);
		padding-bottom: 20px;
	}
	.trainingArea .training03 .inner .txt {
		width: 100%;
	}
	.trainingArea .training03 .inner .btn {
		padding-top: 80px;
	}
}

	@media screen and (max-width: 767px) {
	/* training02 */
		.trainingArea .training02 .inner ul {
			flex-direction: column;
		}
		.trainingArea .training02 .inner ul li {
			width: 100%;
		}

	/* training03 */
	.trainingArea .training03 .inner .btn {
		padding-top: 50px;
		}
	}

	@media screen and (max-width: 600px) {
	/* training02 */
		.trainingArea .training02:before {
			border-top-left-radius: 1rem;
			border-top-right-radius: 1rem;
		}
		.trainingArea .training02 .inner ul li {
			padding-top: 30px;
			flex-direction: column;
		}
		.trainingArea .training02 .inner ul li .left {
			width: 100%;
			padding-top: 16px;
		}
		.trainingArea .training02 .inner ul li .left .img {
			max-width: 360px;
			margin: 0 auto;
		}
		.trainingArea .training02 .inner ul li .right {
			width: 100%;
		}

	/* training03 */
		.trainingArea .training03 .inner {
			padding-bottom: 80px;
		}
		.trainingArea .training03:before {
			border-top-left-radius: 1rem;
			border-top-right-radius: 1rem;
		}
	}