@charset "utf-8";



/*-- 

content_about

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

.box_about{
	display:flex;
	align-items:stretch;
	justify-content:flex-start;
	gap:6rem;
}
.box_about ._text{
	width:calc(70% - 6rem);
}
.box_about ._text .headline03{
	margin-bottom:2rem;
}
.box_about ._photo{
	width:30%;
	height:clamp(20rem, 21vw, 40rem);
	clip-path:polygon(100% 0, 100% 100%, 20% 100%, 0 65%, 0 0);
}
.box_about ._photo img{
	object-fit:cover;
	object-position:right top;
	height:100%;
}
.lst_about{
	display:flex;
	align-items:flex-start;
	justify-content:flex-start;
	flex-direction:column;
	gap:4rem;
}
/* tb */
@media screen and (max-width:853px){
	.box_about{
		flex-direction:column;
		gap:3rem;
	}
	.box_about ._text{
		width:100%;
	}
	.box_about ._text .headline03{
		margin-bottom:1rem;
	}
	.box_about ._photo{
		width:100%;
		height:inherit;
		max-width:50rem;
		margin:0 auto;
		clip-path:polygon(100% 0, 100% 100%, 20% 100%, 0 65%, 0 0);
	}
	.box_about ._photo img{
		width:100%;
		height:auto;
	}
	.lst_about{
		gap:3rem;
	}
}

/*-- pht_utilize --*/

.pht_utilize{
	display:block;
	max-width:80rem;
	margin:0 auto 9rem;
}
/* tb */
@media screen and (max-width:853px){
	.pht_utilize{
		margin-bottom:6rem;
	}
}
/* sp */
@media screen and (max-width:767px){
	.pht_utilize{
		margin-bottom:4rem;
	}
}

/*-- lst_utilize --*/

.lst_utilize{
	display:flex;
	align-items:center;
	justify-content:flex-start;
	flex-direction:column;
	gap:4rem;
}
.lst_utilize_item{
	padding-left:2rem;
	max-width:80rem;
	width:100%;
}
.lst_utilize_item._solution{
	border-left:0.8rem solid var(--c-yellow-green);
	margin-left:-15vw;
}
.lst_utilize_item._introduction{
	border-left:0.8rem solid var(--c-light-green);
}
.lst_utilize_item._support{
	border-left:0.8rem solid var(--c-light-blue);
	margin-left:15vw;
}
.box_utilize{
	display:flex;
	align-items:flex-start;
	justify-content:flex-start;
	flex-direction:column;
	gap:1rem;
}
.box_utilize ._text{
	font-size:2rem;
	font-weight:700;
}
.box_utilize .lst_disc{
	font-size:1.4rem;
}
/* tb */
@media screen and (max-width:1000px){
	.lst_utilize_item._solution{
		margin-left:0;
	}
	.lst_utilize_item._support{
		margin-left:0;
	}
}
/* tb */
@media screen and (max-width:853px){
	.lst_utilize{
		gap:3rem;
	}
	.lst_utilize_item{
		border-left-width:0.7rem!important;
	}
	.box_utilize ._text{
		font-size:1.6rem;
	}
}
/* sp */
@media screen and (max-width:767px){
	.lst_utilize{
		gap:2rem;
	}
	.lst_utilize_item{
		padding-left:1.5rem;
		border-left-width:0.6rem!important;
	}
	.box_utilize ._text{
		font-size:1.4rem;
	}
	.box_utilize .lst_disc{
		font-size:1.2rem;
	}
}