@charset "UTF-8";
/* CSS Document */


/*------------------------------------------------------------------------------------------------
    feature1
--------------------------------------------------------------------------------------------------*/
.mv{
	display: flex;
	align-items: center;
	justify-content: flex-start;
	text-align: left
}
.mv .mv-ttl{
	padding-bottom: 2em
}

@media screen and (max-width: 1200px) {
}

@media screen and (max-width: 768px) {

	.mv .mv-ttl{
		background: none;
		padding:0;
	}
	.mv .mv-ttl span{
		display: inline-block;
		margin: 0.08em;
		padding: 0 1em;
		background: rgba(255,255,255,0.90);
		border-radius: var(--radius-10_sp);
	}


}


/*--main--*/
.article-wrap{
	margin-top: 60px;
	gap:60px;
	justify-content: center
	
}
.article-wrap .article-item{
	width:calc((100% - 120px) / 3)
}
.article-wrap .article-item .name{
	text-align: center;
	font-size:1.4rem;
	margin-top: 1em
}
.article-wrap .article-item .name span.ini{
	font-size:2.4rem;
	font-weight: 600
}
.article-wrap .article-item .name span{
	display: inline-block
}

@media screen and (max-width: 1200px) {
}

@media screen and (max-width: 768px) {
	.article-wrap{
		margin-top:8vw;
		gap:6vw;
		justify-content: center

	}
	.article-wrap .article-item{
		width:calc((100% - 12vw) / 2)
	}
	.article-wrap .article-item .name{
		text-align: center;
		font-size:2.8vw;
	}
	.article-wrap .article-item .name span.ini{
		font-size:4vw;

	}
}