/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Dec 12 2025 | 09:19:56 */
/*  ボックス  */
.school-box {
	border: solid 1px #F2F4F7;
	box-shadow: 2px 2px 10px rgb(0 0 0 / 25%);
	padding: 30px;
}

/*  特徴ボックス  */
[class*="school-features-0"]:before {
	content: '';
	display: inline-block;
	width: 30px;
	height: 32px;
	background-size: contain;
	vertical-align: middle;
	margin-right: 5px;
}

.school-features-01:before{
	background-image: url('http://portfolio4.oshigoto-navi.net/wp-content/uploads/2025/12/1.webp');
}

.school-features-02:before{
	background-image: url('http://portfolio4.oshigoto-navi.net/wp-content/uploads/2025/12/2.webp');
}

.school-features-03:before{
	background-image: url('http://portfolio4.oshigoto-navi.net/wp-content/uploads/2025/12/3.webp');
}

.school-features-04:before{
	background-image: url('http://portfolio4.oshigoto-navi.net/wp-content/uploads/2025/12/4.webp');
}

.school-features-box > .wp-block-group__inner-container {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 20px;
	align-items: end;
}

.school-features-box .school-box {
	height: 100%;
	display: flex;
}

.school-features-box .school-box > .wp-block-group__inner-container {
	display: flex;
	flex-direction: column;
	height: 100%;
}

@media (max-width: 600px) {
	.school-features-box > .wp-block-group__inner-container {
		grid-template-columns: 1fr;
		gap: 20px;
		align-items: stretch;
	}

	.school-features-box .school-box {
		width: 100%;
		margin: 0 !important;
	}
	
		.school-features-box .school-box > .wp-block-group__inner-container {
		margin: 0 !important;
	}
	
	.school-features-box .school-box h3,
	.school-features-box .school-box p {
		margin-top: 0;
		margin-bottom: 1rem;
	}
}

/*  見出し  */
.school-deco {
    padding: 0.2rem 0.5rem;
    font-weight: bold;
    background-color: #27C1B4;
    border-radius: 5px;
	color: #fff;
	max-width: 110px;
	margin-left: auto;
	margin-right: auto;
}

.school-deco.price {
	margin-right: 0;
}

/*  流れ  */
.school-box .wp-block-group__inner-container {
	display: flex;
	align-items: center; /* 垂直中央揃え */
	gap: 10px; /* 任意で余白調整 */
}

.school-box.flow {
	max-width: 420px;
	margin-left: auto;
	margin-right: auto;
}

.school-deko-flow {
    padding: 0.2rem 0.5rem;
    font-weight: bold;
    background-color: #27C1B4;
    border-radius: 5px;
	color: #fff;
	max-width: 110px;
}

.school-box.flow > * > p {
	margin-top: 0;
}

.page-id-42 .ark-block-icon .ark-block-icon__inner {
	margin: -20px auto;
}

.page-id-42 .ark-block-icon .ark-block-icon__inner path {
	filter: drop-shadow(2px 2px 2px rgb(0 0 0 / 25%));
}

/*  cta  */
.school-button > a {
	border: solid 1px #fff;
	box-shadow: 2px 2px 4px rgb(0 0 0 / 25%);
	font-size: 1.5rem;
}