@charset "utf-8";
/*index*/


/*MV*/
.mv{
	width:100%;
	height:120vw;
	background-image:url(../images/index/mv_sp.png);
	background-size:cover;
	background-position: center center;
	padding:5vw 5%;
}
.mv .txt01,
.mv .txt02{
  font-feature-settings: "palt";
  font-weight: bold;
  color:#0079c3;
	text-align: left;
}
.mv .txt01{
	font-size : 8vw;
  margin-bottom: 0.5em;
  line-height: 1.3;
}
.mv .txt02{
	font-size : 3.5vw;
  margin-bottom: 1em;
}
.mv .txt03{
	text-align: right;
}
@media (min-width: 768px){
	.mv{
		display: flex;
		justify-content:center;
		flex-direction: column;
		padding:0 4% 0 44%;
	}
	.mv{	
		height:41.6vw;
		background-image:url(../images/index/mv_pc.png);
	}
	.mv .txt01{
		font-size:5vw;
	  margin-bottom: 0.25em;
	}
	.mv .txt02{
		font-size:2.2vw;
	  margin-bottom: 0.5em;
	}
	.mv .txt03{
		text-align: right;
	}
}
/**/


/**/
.company01{
	display: flex;
	justify-content:space-between;
	gap:20px 4%;
	flex-wrap: wrap;
	margin-bottom: 40px;
}
.company01 img{
	width:48%;
}
@media (min-width: 768px){
	.company01{
		gap:1%;
		justify-content:flex-start;
	}
	.company01 img{
		width:20%;
	}
}
/**/


/**/
.works01{}
.works01 .unit01{
	display: block;
	position: relative;
	text-decoration: none;
	margin-bottom: 20px;
}
.works01 .unit01 .img01{
	width:100%;
	display: block;
	z-index: 1;
}
.works01 .unit01 .txt01{
	display: block;
	width:80%;
	height:40px;
	position: absolute;
	bottom:0;
	left:0;
	background-color: #00aedc;
	color:#fff;
	font-size: 25px;
	line-height: 40px;
	padding:0 10px;
	text-align: left;
	z-index: 2;
}
.works01 .unit01 .txt01::before{
	position: absolute;
	display: block;
	content: "";
	width:40px;
	height:40px;
	clip-path: polygon(0 0, 0% 100%, 100% 100%);
	background-color:#00aedc;
	right:-40px;
	bottom:0;
}
.works01 .unit01.more{
	text-align: right;
}
@media (min-width: 768px){
	.works01{
		display: flex;
		justify-content:space-between;
		gap: 40px 2%;
		flex-wrap: wrap;
	}
	.works01 .unit01{
		width:32%;
		margin-bottom: 0;
	}
	.works01 .unit01.more{
		display: flex;
		justify-content: flex-end;
		align-items: flex-end;
		justify-content: column;
	}
}