@charset "utf-8";
.wb_hd {
		font-size: 22px;
		font-weight: 700;
		margin: 0 0 20px;
}
.wb_hd span {
		position: relative;
		padding-left: 30px;
}
.wb_hd span::before {
		content: '';
		display: block;
		position: absolute;
		top: calc(50% - 7px);
		left: 0px;
		width: 16px;
		height: 16px;
		background: #C3B221;
		border-radius: 50%;
}
.wb_flex {
		display: grid;
		grid-template-columns: repeat(5, 1fr);
		gap: 0 25px;
		margin: 0 auto;
}
.wb_item {
		text-align: center;
		padding: 20px 0;
		border-radius: 4px;
		background: #fff;
		box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05)
}
.wb_item_no {
		color: #DBC500;
		font-family: Inter, sans-serif;
		font-size: 15px;
		font-weight: 700;
		margin: 0 0 15px;
		letter-spacing: 1px
}
.wb_item_no span {
		border-bottom: 1px solid #DBC500;
		padding-bottom: 2px;
}
.wb_item_sb {
		font-family: "Noto Sans JP", sans-serif;
		font-size: 16px;
		font-weight: 600;
		margin: 0 0 10px;
}
.wb_item_figure {
		width: 100%;
		max-width: 125px;
		margin: 0 auto 20px;
		padding: 0 20px;
}
.wb_item_figure img {
		width: 100%;
		height: auto;
}
.wb_item_caption {
		font-family: Inter, "Noto Sans JP", sans-serif;
		font-size: 46px;
		font-weight: 700;
}
.wb_item_caption.coretime {
		position: relative;
}
.wb_item_caption.coretime::after {
		content: 'コアタイム';
		display: block;
		position: absolute;
		top: -12px;
		left: 0;
		width: 100%;
		font-family: Inter, "Noto Sans JP", sans-serif;
		font-size: 12px;
		text-align: center;
}
.wb_item_caption span {
		font-size: 50%;
}
.wb_item_caption.extra {
		font-family: "Noto Sans JP", sans-serif;
		font-size: 18px;
		text-align: center;
		line-height: 1.5;
}
.skill_flex {
		margin: 0 auto;
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap: 0 24px;
}
.skill_item {
		background: #fff;
		border-radius: 6px;
		overflow: hidden
}
.skill_item img {
		width: 100%;
		height: auto;
		border-radius: 6px 6px 0 0;
}
.skill_caption {
		text-align: center;
		padding: 20px
}
.skill_caption h5 {
		font-size: 18px;
		font-weight: 700;
		margin: 0 0 15px
}
.skill_caption p {
		line-height: 1.8;
}
@media(max-width: 1200px) {
		.wb_flex {
				gap: 0 15px;
		}
		.wb_item_caption {
				font-family: Inter, "Noto Sans JP", sans-serif;
				font-size: 34px;
		}
		.wb_item_caption.extra {
				font-size: 15px;
		}
}
@media(max-width: 960px) {
		.wb_flex {
				display: grid;
				grid-template-columns: repeat(3, 1fr);
				gap: 20px 20px;
		}
		.skill_flex {
				display: grid;
				grid-template-columns: repeat(3, 1fr);
				gap: 0 12px;
		}
		.skill_caption {
				padding: 10px;
		}
}
@media(max-width: 840px) {
		.wb_hd {
				font-size: 18px;
		}
		.wb_hd span {
				padding-left: 23px;
		}
		.wb_hd span::before {
				top: calc(50% - 5px);
				width: 12px;
				height: 12px;
		}
}
@media(min-width: 768px) {
		.wb_item_right .wb_item_hdr {
				display: none;
		}
}
@media(max-width: 767px) {
		.wb_flex {
				display: block;
				gap: 0 0;
		}
		.wb_item {
				margin: 0 0 15px;
				padding: 10px;
				display: flex;
				align-items: center;
		}
		.wb_item_left {
				display: none;
		}
		.wb_item_figure, .wb_item_right {
				width: 50%;
		}
		.wb_item_figure {
				width: 100%;
				max-width: 125px;
				box-sizing: border-box;
				margin: 0 auto;
				padding: 0 5px;
		}
		.wb_item_right {
				border-left: 2px dotted #DBC500
		}
		.wb_item_sb {
				margin: 0 0 15px
		}
		.skill_flex {
				display: block;
				gap: 0 0;
		}
		.skill_item {
				margin: 0 0 30px
		}
		    .skill_caption {
        padding: 10px;
    }
}