@charset "utf-8";



/*-- 

application

====================================================== --*/

/*-- lst_app --*/

.lst_app{
	display:flex;
	align-items:stretch;
	justify-content:flex-start;
	flex-wrap:wrap;
	gap:5rem;
}
.lst_app_item{
	display:flex;
	align-items:stretch;
	justify-content:flex-start;
	flex-direction:column;
	width:calc((100% - (5rem * 2)) / 3);
	gap:3rem;
}
.lst_app_photo picture{
	display:flex;
	align-items:center;
	justify-content:center;
	aspect-ratio:1 / 1;
	border-radius:999.9rem;
	max-width:30rem;
	width:100%;
	margin:0 auto;
	overflow:hidden;
}
.lst_app_photo img{
	object-fit:cover;
}
.lst_app_photo figcaption{
	position:relative;
	display:flex;
	align-items:center;
	justify-content:center;
	background:var(--c-main);
	color:var(--c-white);
	width:7em;
	margin:-2rem auto 0;
	z-index:2;
}
.lst_app_text ._title{
	font-size:2rem;
	font-weight:500;
	line-height:1.5;
	color:var(--c-main);
	text-align:center;
	margin-bottom:2rem;
}
/* pc */
@media screen and (max-width:1000px){
	.lst_app{
		gap:3rem;
	}
	.lst_app_item{
		width:calc((100% - (3rem * 2)) / 3);
		gap:2rem;
	}
	.lst_app_text ._title{
		margin-bottom:1rem;
	}
}
/* tb */
@media screen and (max-width:835px){
	.lst_app{
		display:flex;
		align-items:stretch;
		justify-content:flex-start;
		gap:2rem;
	}
	.lst_app_item{
		width:calc((100% - (2rem * 1)) / 2);
		gap:1rem;
	}
	.lst_app_photo picture{
		max-width:28rem;
	}
	.lst_app_text ._title{
		font-size:1.8rem;
		margin-bottom:1rem;
	}
}
/* sp */
@media screen and (max-width:620px){
	.lst_app{
		flex-direction:column;
		gap:2rem;
	}
	.lst_app_item{
		width:100%;
		gap:1rem;
	}
	.lst_app_photo picture{
		max-width:20rem;
	}
	.lst_app_photo figcaption{
		font-size:1.4rem;
	}
	.lst_app_text ._title{
		font-size:1.6rem;
		margin-bottom:1rem;
	}
	.lst_app_text{
		max-width:40rem;
		width:100%;
		margin:0 auto;
	}
}

/*-- lst_step --*/

.lst_step{
	display:flex;
	align-items:stretch;
	justify-content:flex-start;
	flex-wrap:wrap;
	gap:4rem;
}
.lst_step_item{
	position:relative;
	display:flex;
	align-items:stretch;
	justify-content:flex-start;
	flex-direction:column;
	width:calc((100% - (4rem * 2)) / 3);
	gap:2rem;
	background:var(--c-main);
	color:var(--c-white);
	padding:5rem;
}
.lst_step_item ._no{
	text-align:center;
	line-height:1;
	font-size:1.6rem;
}
.lst_step_item ._title{
	display:flex;
	align-items:center;
	justify-content:center;
	text-align:center;
	line-height:1.5;
	font-size:2rem;
	font-weight:500;
	min-height:6rem;
}

/* arrow */

.lst_step_item::after{
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	margin:auto;
	margin-right:-4rem;
	content:"";
	background:var(--c-yellow);
	width:4rem;
	height:7rem;
	clip-path:polygon(0 0, 0% 100%, 100% 50%);
}
.lst_step_item:last-child::after{
	content:none;
}
/* pc */
@media screen and (max-width:1000px){
	.lst_step{
		gap:3rem;
	}
	.lst_step_item{
		width:calc((100% - (3rem * 2)) / 3);
		padding:3rem;
	}
	.lst_step_item::after{
		margin-right:-3rem;
		width:3rem;
		height:6rem;
	}
}
/* tb */
@media screen and (max-width:835px){
	.lst_step{
		gap:2rem;
	}
	.lst_step_item{
		width:100%;
		max-width:50rem;
		margin:0 auto;
		padding:2rem;
	}
	.lst_step_item::after{
		margin-right:auto;
		left:0;
		top:inherit;
		bottom:-2rem;
		width:4rem;
		height:2rem;
		clip-path:polygon(0 0, 100% 0%, 50% 100%);
	}
	.lst_step_item ._title{
		min-height:inherit;
	}
}
/* sp */
@media screen and (max-width:620px){
	.lst_step_item ._title{
		font-size:1.8rem;
	}
}