/*===============================================================================
特徴と強み
================================================================================*/
.advantage-future{
	margin-bottom: var(--g-sec--lg);
}
.advantage-future__head{
	margin-bottom: var(--g-sec--md);
	text-align: center;
}
.advantage-future__title{
	margin-bottom: var(--g-sec--sm);
}
.advantage-future__title strong{
	margin-inline: 1rem;
	-webkit-text-stroke: 5px var(--c-dark);
	text-stroke: 5px var(--c-dark);
	paint-order: stroke;
	font-weight: var(--fw-xl);
	font-size: 1.6em;
	color: var(--c-yellow);
}
.advantage-future__body{
	max-width: var(--width-sm);
	margin-inline: auto;
}

/*===============================
* section
* =================================*/
.advantage-future__section:not(:last-of-type){
	margin-bottom: var(--g-sec--xs);
}
.advantage-future__section{
	padding: 1.5rem;
	background: var(--c-light);
	border-radius: var(--bd-r--sm);
	overflow: hidden;
}
.advantage-future__section-head{
	display: flex;
	gap: .8em;
	align-items: center;
	margin-bottom: var(--g-sec--xs);
}
@media (min-width: 600px){
	.advantage-future__section-head{
		align-items: baseline;
	}
}
.advantage-future__section-number{
	font-size: 4rem;
	-webkit-text-stroke: 6px var(--c-dark);
	text-stroke: 6px var(--c-dark);
	paint-order: stroke;
	line-height: var(--lh-xs);
	font-weight: var(--fw-lg);
	color: var(--c-light);
}
.advantage-future__section-body{
	--count: 1;
	--gap: 1rem;
	--media-width: 90%;
	--body-width: calc( 200% - var(--media-width) );
	display: flex;
	flex-wrap: wrap;
	gap: var(--gap);
}
@media (min-width: 600px){
	.advantage-future__section-body{
		--count: 2;
	}
}
.advantage-future__section-image{
	flex-grow: 1;
	width: calc( ( var(--media-width) - var(--gap) * (var(--count) - 1) ) / var(--count) );
}
.advantage-future__section-contents{
	flex-grow: 1;
	width: calc( ( var(--body-width) - var(--gap) * (var(--count) - 1) ) / var(--count) );
}



/*===============================================================================
さない塾の思い
================================================================================*/
.advantage-omoi__head{
	margin-bottom: var(--g-sec--md);
	text-align: center;
}
.advantage-omoi__image{
	max-width: 740px;
	margin-inline: auto;
	margin-bottom: var(--g-sec--xs);
}
.advantage-omoi__message{
	padding: 1.5rem;
	background: var(--c-light);
	border-radius: var(--bd-r--sm);
	overflow: hidden;
}