@charset "UTF-8";
/* 調整 */
@media screen and (min-width: 751px) {
	.bl-head{
		max-width: 100%;
		justify-content: flex-start;
		padding: 16px 24px;
		gap: 24px 40px;
	}
	.is-sticky.nav .bl-head{
		max-width: 1400px;
		justify-content: space-between;
		padding: 16px 0;
		gap: 0;
	}
	.bl-head-logo img:first-of-type{
		display: block;
	}
	.is-sticky .bl-head-logo img:first-of-type{
		display: none;
	}
	.is-sticky .bl-head-logo img:nth-of-type(2){
		display: block;
	}
	.is-sticky.nav .bl-head-logo img:nth-of-type(2){
		display: none;
	}
	.bl-head-logo img:nth-of-type(3),
	.bl-head-logo img:nth-of-type(3),
	.is-sticky .bl-head-logo img:nth-of-type(3),
	.is-sticky .bl-head-logo img:nth-of-type(4){
		display: none;
	}
	.is-sticky.nav .bl-head-logo img:nth-of-type(4){
		display: block;
	}
	.ly-main .bl-glo-nav{
		width: unset;
		max-width: unset;
	}
	.ly-head .bl-glo-nav{
		display: none;
	}
	.ly-head .bl-glo-nav::before,
	.ly-head .bl-glo-nav::after{
		display: none;
	}
	.ly-head.nav .bl-head-logo{
		margin-right: 0;
	}
	.ly-head.nav .bl-glo-nav{
		display: flex;
	}
	.bl-head-tel{
		color: #222;
	}
	.ly-main .bl-glo-nav{
		position: relative;
		max-height: 100px;
		display: flex;
		align-items: center;
		padding: 20px 0 20px 100px;
		background: linear-gradient(93deg, #50CFF5 0%, #1C84D1 50%, #145EB4 100%);
	}
	.ly-main .bl-glo-nav-inner > li{
		border-left: 2px solid #fff;
	}
	.bl-glo-nav-inner > li:nth-of-type(7){
		border-right: 2px solid #fff;
	}
	.ly-main .bl-glo-nav-inner > li > a{
		color: #fff;
	}
	.ly-main.bl-glo-nav-inner > li:nth-of-type(7){
		border-right: 2px solid #fff;
	}
	.ly-main .bl-glo-nav-inner > li > a::before{
		background: url(../images/common/top.svg) top center / contain no-repeat;
	}
	.ly-main .bl-glo-nav-inner > li:nth-of-type(2) > a::before{
		background: url(../images/common/service.svg) top center / contain no-repeat;
	}
	.ly-main .bl-glo-nav-inner > li:nth-of-type(3) > a::before{
		background: url(../images/common/effort.svg) top center / contain no-repeat;
	}
	.ly-main .bl-glo-nav-inner > li:nth-of-type(4) > a::before{
		background: url(../images/common/company.svg) top center / contain no-repeat;
	}
	.ly-main .bl-glo-nav-inner > li:nth-of-type(5) > a::before{
		background: url(../images/common/recruit.svg) top center / contain no-repeat;
	}
	.ly-main .bl-glo-nav-inner > li:nth-of-type(6) > a::before{
		background: url(../images/common/news.svg) top center / contain no-repeat;
	}
	.ly-main .bl-glo-nav-inner > li:nth-of-type(7) > a::before{
		background: url(../images/common/contact.svg) top center / contain no-repeat;
	}
	.bl-glo-nav::before{
		content: '';
		position: absolute;
		width: 32px;
		height: 12670px;
		background: #A7A9AC;
		top: 54px;
		left: 38.6px;
		z-index: 40;
	}
	.bl-glo-nav::after {
		content: '';
		position: absolute;
		background: url(../images/top/mv-tunnel.svg) top left / cover no-repeat;
		width: 100%;
		height: auto;
		max-width: 178px;
		max-height: 221px;
		aspect-ratio: 178 / 221;
		top: min(-7vh,-60px);
		left: 0;
		z-index: 120;
	}
	.el-run-track {
		position: relative;
		z-index: 100;
		display: none;
	}
	.el-run-track.fixed {
		position: fixed;
		bottom: 24px;
		left: 41px;
		width: 26px;
		display: block;
	}
	.ly-foot::before{
		content: '';
		position: absolute;
		background: url(../images/common/footer-finish.svg) top center / contain no-repeat;
		width: 150px;
		height: 62px;
		bottom: 124px;
		left: -28px;
		z-index: 100;
	}
}
@media screen and (max-width: 1399px){
	.is-sticky.nav .bl-head{
		justify-content: flex-start;
		padding: 16px 24px;
		gap: 24px 40px;
	}
}
@media screen and (max-width: 1230px) {
	.ly-cont-inner{
		padding-left: 80px;
		padding-right: 30px;
	}
	.ly-foot-inner{
		padding: 56px 94px 56px 150px;
	}
}
@media screen and (max-width: 1200px) {
	.bl-glo-nav{
		padding-left: 100px;
	}
	.ly-head.nav .bl-glo-nav{
		padding-left: 0;
	}
	.bl-glo-nav-inner {
		width: 100%;
		z-index: 130;
	}
}
@media screen and (max-width: 970px) {
	.bl-glo-nav::after{
		top: -59%;
		top: -6vh;
		top: min(-7.5vh,-60px);
	}
}
@media screen and (max-width: 750px) {
	.ly-head .bl-glo-nav.is-active{
		visibility: visible;
		padding-left: 0;
	}
	.ly-foot::before{
		width: 180px;
		height: 74px;
		bottom: 50px;
		left: 30px;
	}
	.ly-foot-inner{
		padding: 0 0 98px;
	}
	.ly-main{
		display: flex;
		flex-direction: column;
	}
	.ly-cont-inner{
		padding-left: 0;
		padding-right: 0;
	}
}

/*=======================================================
MV
=======================================================*/
.bl-mv{
	height: calc(100vh - var(--head-h, 120px));
	min-height: 760px;
	padding: clamp(80px, 11vw, 152px) 0 218px;
	padding-top: clamp(120px, 15vh, 152px);
	background: url(../images/top/mv-bg.jpg) top center / cover no-repeat;
	position: relative;
}
.bl-mv::before{
	content: '';
	position: absolute;
	background: url(../images/top/mv-road.svg) top center / cover no-repeat;
	width: 100%;
	height: 100%;
	clip-path: inset(0 0 0 120px);
	bottom: -3.5%;
	left: 0;
}
.bl-mv::after{
	content: '';
	position: absolute;
	background: url(../images/top/mv-track.gif) top center / cover no-repeat;
	width: 100%;
	height: 100%;
	clip-path: inset(0 0 0 120px);
	bottom: -3.5%;
	left: 0;
}
.bl-mv .ly-cont-inner{
	width: 47%;
	max-width: auto;
	margin-left: clamp(20px, 4vw, 100px);
	padding-left: 0;
}
.el-mv-ttl{
	overflow: hidden;
	margin-bottom:  clamp(80px, 14vw, 140px);
	margin-bottom: min(3vh, 24px);
}
.el-mv-ttl img{
	width: auto;
	height: 20vh;
}
.bl-mv-s-ttl-list{
	height: 10vh;
	margin-bottom: min(2vh, 24px);
}
.el-mv-s-ttl{
	position: absolute;
	opacity: 0;
	-webkit-animation: mv-s-ttl 12s 0s infinite;
	animation: mv-s-ttl 12s 0s infinite;
}
.el-mv-s-ttl:has(.el-284){
}
.el-mv-s-ttl > img{
	height: 9vh;
}
.el-mv-s-ttl:has(.el-284) > img{
	height: 63px;
}
.el-mv-s-ttl:nth-of-type(2) {
	-webkit-animation-delay: 3s;
	animation-delay: 3s;
}
.el-mv-s-ttl:nth-of-type(3) {
	-webkit-animation-delay: 6s;
	animation-delay: 6s;
}
.el-mv-s-ttl:nth-of-type(4) {
	-webkit-animation-delay: 9s;
	animation-delay: 9s;
}
@keyframes mv-s-ttl {
	0% {
		opacity: 0;
	}
	20% {
		opacity: 1;
	}
	25% {
		opacity: 1;
	}
	40% {
		opacity: 0;
		z-index: 9;
	}
	100% {
		opacity: 0;
	}
}
@-webkit-keyframes mv-s-ttl {
	0% {
		opacity: 0;
	}
	20% {
		opacity: 1;
	}
	25% {
		opacity: 1;
	}
	40% {
		opacity: 0;
		z-index: 9;
	}
	100% {
		opacity: 0;
	}
}

.el-mv-txt{
	font-size: 1.6rem;
	font-weight: bold;
	color: #309CEB;
	letter-spacing: 1.56px;
	text-shadow: 1px 1px 1px #00000029;
	opacity: 0;
	-webkit-animation: mv-txt 3s forwards;
	animation: mv-txt 3s forwards;
	-webkit-animation-delay: 3s;
	animation-delay: 3s;
}
.pc875{
	display: none;
}
@keyframes mv-txt {
	0%{
		opacity: 0;
	}
	100%{
		opacity: 1;
	}
}
@-webkit-keyframes mv-txt {
	0%{
		opacity: 0;
	}
	100%{
		opacity: 1;
	}
}


/* save anime */
.upAnimeInner01{
	display: block;
}
.slideAnimeDownUp01 {
	opacity: 0;
	animation: slideTextX100 2s ease-in 0.5s forwards;
}

@keyframes slideTextX100 {
	from {
		transform: translateX(100%); 
		opacity: 0;
	}
	to {
		transform: translateX(0);
		opacity: 1;
	}
}
.slideAnimeUpDown01 {
	opacity: 0;
	animation: slideTextX-100 2s ease-in 0.5s forwards;
}
@keyframes slideTextX-100 {
	from {
		transform: translateX(-100%);
		opacity: 0;
	}
	to {
		transform: translateX(0); 
		opacity: 1;
	}
}
@media screen and (min-width: 1670px) and (max-height: 900px) {
	.bl-mv{
		min-height: 800px;
	}
	.bl-mv::before{
		min-height: 800px;
	}
	.bl-mv::after{
		min-height: 800px;
	}
}
@media screen and (min-width: 1670px) and (max-height: 1020px) {
	.bl-mv{
		min-height: 928px;
		height: 928px;
	}
	.bl-mv::before{
		min-height: 928px;
		height: 928px;
		bottom: -43px;
	}
	.bl-mv::after{
		min-height: 928px;
		height: 928px;
		bottom: -43px;
	}
}
@media screen and (max-width: 1560px) {
	.pc1560{
		display: block;
	}
}
@media screen and (max-width: 1430px) {
	.el-mv-ttl img{
		width: 100%;
		height: auto;
	}
}
@media screen and (max-width: 875px) {
	.pc875{
		display: block;
	}
	.el-mv-txt{
		font-size: 24px;
	}
}
@media screen and (max-width: 750px) {
	.bl-mv{
		height: 1440px;
		padding: 164px 0 990px;
		padding: 136px 0 0;
		background: url(../images/top/mv-bg-sp.jpg) top center / cover no-repeat;
	}
	.bl-mv::before{
		width: 2000px;
		height: 910px;
		bottom: 148px;
		left: inherit;
		right: -245px;
		z-index: 1;
	}
	.bl-mv::after{
		width: 2000px;
		height: 910px;
		bottom: 148px;
		left: inherit;
		right: -245px;
		z-index: 1;
	}
	.bl-mv .ly-cont-inner{
		width: 100%;
		margin-left: 30px;
	}
	.el-mv-ttl{
		width: 464px;
		margin-bottom: 32px;
	}
	.el-mv-ttl img{
		width: 100%;
		height: auto;
	}
	.bl-mv-s-ttl-list{
		height: 74px;
		margin-bottom: 26px;
	}
	.el-mv-s-ttl{
		height: 74px;
	}
	.el-mv-s-ttl > img{
		height: 74px;
	}
	.el-mv-s-ttl:has(.el-284) img{
		height: 64px;
	}
	.el-mv-txt{
		font-size: 30px;
		letter-spacing: 1.8px;
	}
	.pc875{
		display: none;
	}
}

/*=======================================================
save
=======================================================*/
.bl-save{
	padding: 154px 0 464px;
	background: url(../images/top/save-bg.jpg) top center / cover no-repeat;
}
.el-save-ttl{
	display: flex;
	justify-content: center;
	align-items: flex-end;
}
hgroup:has(.el-save){
	margin-bottom: 40px;
}
.el-save{
	width: 432px;
	display: block;
	position: absolute;
}
.el-ttl{
	z-index: 1;
}
.el-ttl > img{
	width: auto;
	height: 50px;
}
.bl-save .el-s-ttl{
	margin-top: 16px;
	color: #309CEB;
	font-weight: bold;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
}
.bl-save .el-s-ttl::before,
.bl-save .el-s-ttl::after{
	content: '';
	width: 186px;
	height: 3px;
	background: #309CEB;
	margin-right: 16px;
}
.bl-save .el-s-ttl::after{
	margin: 0 0 0 16px;
}
.bl-save .bl-media{
	display: grid;
	grid-template-columns: 31fr 32fr;
	grid-template-areas:
		"imgWrapper title"
		"imgWrapper body";
	gap: 0 16px;
	position: relative;
}
.bl-save .bl-media::before{
	content: '';
	position: absolute;
	background: url(../images/top/logi-ship-illust01.svg) top center / contain no-repeat;
	width: 188px;
	height: 122px;
	right: -120px;
	top: 296px;
	z-index: 3;
}
.bl-save .bl-media-img-wrapper{
	z-index: 2;
}
.bl-save .bl-media-img-wrapper > img{
	border-radius: 32px;
}
.bl-save .el-media-ttl{
	margin-bottom: 48px;
	letter-spacing: 1.4px;
}
.bl-save .bl-media-body{
	position: relative;
	z-index: 1;
}
.bl-save .bl-media-body::before{
	content: '';
	position: absolute;
	width: 100%;
	width: 1250px;
	height: calc(100% + 64px);
	background: #fff;
	border-radius: 32px;
	top: 50%;
	transform: translateY(-50%);
	right: -250px;
	z-index: -1;
}

@media screen and (max-width: 1450px) {
	.bl-save .bl-284-emp .bl-media::before{
		left: 0;
	}
}
@media screen and (max-width: 1230px) {
	.bl-save .bl-media::before{
		right: 0;
	}
}
@media screen and (min-width: 751px) {
	.bl-save .bl-media.reverse{
		grid-template-areas:
			"title imgWrapper"
			"body imgWrapper";
	}
}
@media screen and (max-width: 1024px) {
	.bl-save .bl-media{
		grid-template: auto / auto!important;
		grid-template-areas:
			"imgWrapper"
			"title"
			"body"!important;
	}
	.bl-save .bl-media::before{
		bottom: -120px;
	}
	.bl-save .bl-284-emp .bl-media::before{
		bottom: -120px;
	}
	.bl-save .bl-media-img-wrapper{
		width: 80%;
		margin: 0 auto 32px;
	}

}
@media screen and (max-width: 750px) {
	.bl-save{
		padding: 242px 0 240px;
		background: url(../images/top/save-bg-sp.png) top center / cover no-repeat;
		margin-top: -168px;
		position: relative;
	}
	.bl-save:before{
		content: '';
		position: absolute;
		background: url(../images/common/track-illust02.png) top center / contain no-repeat;
		width: 128px;
		height: 54px;
		top: 74px;
		right: 138px;
	}
	hgroup:has(.el-save){
		margin-bottom: 32px;
	}
	.bl-save .el-s-ttl{
		font-size: 22px;
		letter-spacing: 0.88px;
	}
	.bl-save .el-s-ttl::before,
	.bl-save .el-s-ttl::after{
		width: 228px;
		margin-right: 24px;
	}
	.bl-save .el-s-ttl::after{
		margin: 0 0 0 24px;
	}
	.bl-save .bl-media{
		display: grid;
		grid-template: auto / auto;
		grid-template-areas:
			"imgWrapper"
			"title"
			"body";
	}
	.bl-save .bl-media::before{
		width: 188px;
		height: 122px;
		right: 0;
		top: inherit;
		bottom: -140px;
	}
	.bl-save .bl-media-img-wrapper{
		width: 630px;
		margin: 0 auto 32px;
		border-radius: 32px;
	}
	.bl-save .el-media-ttl{
		margin-bottom: 24px;
		color: #0064AE;
		text-align: center;
		letter-spacing: 2.16px;
		z-index: 3;
	}
	.bl-save .bl-media-body{
		padding: 0 30px;
		line-height: 1.44;
	}
	.bl-save .bl-media-body::before{
		width: 690px;
		height: calc(100% + 380px);
		top: -340px;
		transform: unset;
		right: 0;
		z-index: -1;
	}
}
/*=======================================================
logi-ship
=======================================================*/
.bl-logi-ship{
	padding: 0 0 152px;
}
@media screen and (max-width: 750px) {
	.bl-logi-ship{
		padding: 0 0 220px;
	}
}

/*=======================================================
284-emp
=======================================================*/
.bl-284-emp .bl-media-body::before{
	left: -250px;
}
.bl-284-emp .bl-media::before{
	background: url(../images/top/284-emp-illust01.svg) top center / contain no-repeat;
	right: initial;
	left: -110px;
	bottom: 20px;
}
.bl-284-emp .el-btn{
	margin-top: 96px;
}
@media screen and (max-width: 750px) {
	.bl-284-emp{
		padding: ;
	}
	.bl-save .bl-284-emp .el-s-ttl::before,
	.bl-save .bl-284-emp .el-s-ttl::after{
		width: 126px;
	}
	.bl-284-emp .bl-media-body::before{
		left: 0;
	}
	.bl-284-emp .bl-media::before{
		left: 0;
		bottom: -140px;
	}
	.bl-284-emp .el-btn{
		margin-top: 194px;
	}
}

/*=======================================================
service
=======================================================*/
.bl-service{
	margin-top: -344px;
	padding: 0 0 346px;
	background: url(../images/top/service-bg.png) top 60px center / cover no-repeat;
}
.bl-service .ly-cont-inner::before{
	content: '';
	position: absolute;
	background: url(../images/top/service-illust01.svg) top center / contain no-repeat;
	width: 188px;
	height: 122px;
	right: -200px;
	top: 161px;
}
.bl-service .el-main-ttl{
	margin-bottom: 16px;
}
.bl-service .el-main-ttl::before{
	background: url(../images/common/service-ttl.svg) top center / contain no-repeat;
}
.bl-service .el-main-ttl::after{
	width: 528px;
}
.bl-service .el-s-ttl{
	width: 335px;
	height: 42px;
	background: #FFDA5F;
	display: flex;
	justify-content: center;
	align-items: center;
	font-weight: bold;
	border-radius: 42px;
}
.bl-service .bl-card-unit{
	margin-top: 26px;
	justify-content: space-between;
	gap: 0;
}
.bl-service .bl-card{
	max-width: 464px;
	width: 48%;
}
.bl-service .bl-card:first-of-type{
	margin-top: 124px;
}
.bl-service .bl-card-img-wrapper > img{
	border-radius: 32px 32px 0 0;
}
.bl-service .bl-card-body{
	background: #fff;
	padding: 24px;
	border-radius: 0 0 32px 32px;
}
.bl-service .el-card-ttl{
	font-size: 26px;
	color: #309CEB;
	letter-spacing: 1.56px;
	line-height: 1.46;
	padding-bottom: 16px;
	border-bottom: 2px solid #222;
}
.bl-service .el-card-txt:not(:first-of-type){
	margin-top: 1.3em;
}
.bl-service .el-btn{
	margin-top: 120px;
}
@media screen and (max-width: 1024px) {
}
@media screen and (max-width: 750px) {
	.bl-service{
		margin-top: -140px;
		padding: 160px 0 435px;
		background: url(../images/top/service-bg-sp.png) top center / cover no-repeat;
		z-index: 2;
	}
	.bl-service .ly-cont-inner::before{
		background: url(../images/common/track-illust01.png) top center / contain no-repeat;
		width: 128px;
		height: 54px;
		top: -198px;
		right: 93px;
	}
	.bl-service .ly-cont-inner::after{
		content: '';
		position: absolute;
		background: url(../images/top/service-illust03.svg) top center / contain no-repeat;
		width: 138px;
		height: 90px;
		bottom: 128px;
		right: 0;
	}
	.bl-service .el-main-ttl::after{
		width: 630px;
	}
	.bl-service .el-s-ttl{
		width: 550px;
		height: 54px;
		font-weight: normal;
		margin: 0 auto;
	}
	.bl-service .bl-card-unit{
		margin-top: 40px;
		gap: 48px;
	}
	.bl-service .bl-card{
		max-width: 100%;
		width: 100%;
	}
	.bl-service .bl-card:first-of-type{
		margin-top: 0;
	}
	.bl-service .bl-card-img-wrapper{
		height: 330px;
		display: flex;
		justify-content: center;
		align-items: center;
		padding-top: 28px;
		border-radius: 32px 32px 0 0;
		overflow: hidden;
	}
	.bl-service .bl-card-img-wrapper > img{
	}
	.bl-service .bl-card-body{
		padding: 24px 24px 32px;
	}
	.bl-service .el-card-ttl{
		font-size: 34px;
		text-align: center;
		letter-spacing: 2.04px;
		padding-bottom: 8px;
	}
	.bl-service .el-btn{
		margin-top: 184px;
	}
}

/*=======================================================
recruit
=======================================================*/
.bl-recruit{
	margin-top: -304px;
	padding: 322px 0 15%;
	background: url(../images/top/recruit-bg.png) top center / cover no-repeat;
}
.bl-recruit .ly-cont-inner::before{
	content: '';
	position: absolute;
	background: url(../images/top/recruit-illust01.svg) top center / cover no-repeat;
	width: 509px;
	height: 138px;
	top: -274px;
	left: 0;
}
.bl-recruit .ly-cont-inner::after{
	content: '';
	position: absolute;
	background: url(../images/top/recruit-illust02.svg) top center / cover no-repeat;
	width: 382px;
	height: 196px;
	top: -490px;
	right: -150px;
}
.bl-recruit .bl-media {
	display: grid;
	grid-template: auto 1fr / 472px auto;
	grid-template-areas:
		"imgWrapper title"
		"imgWrapper body";
	align-items: center;
	gap: 0 40px;
}
.bl-recruit .bl-media-img-wrapper > img{
	border-radius: 32px;
}
.bl-recruit .el-main-ttl{
	width: 100%;
	font-size: 26px;
}
.bl-recruit .el-main-ttl::before{
	background: url(../images/top/recruit-ttl.svg) top left / contain no-repeat;
}
.bl-recruit .bl-media-body{
	gap: 28px;
}
.bl-recruit .el-btn{
	margin: 0;
}
.bl-recruit .el-btn.sp{
	display: none;
}
@media screen and (max-width: 1230px) {
	.bl-recruit .ly-cont-inner::before{
		left: 100px;
	}
}
@media screen and (max-width: 1024px) {
	.bl-recruit .ly-cont-inner::before{
		top: -184px;
	}
	.bl-recruit .ly-cont-inner::after{
		top: -440px;
	}
	.bl-recruit .bl-media{
		grid-template: auto / auto;
		grid-template-areas:
			"title"
			"body"
			"imgWrapper";
	}
	.bl-recruit .bl-media-body{
		gap: 28px;
		margin-bottom: 48px;
	}
	.bl-recruit .el-btn.sp{
		display: flex;
		margin: 64px auto 0;
	}
	.bl-recruit .el-btn.pc{
		display: none;
	}
}
@media screen and (max-width: 750px) {
	.bl-recruit{
		margin-top: -294px;
		padding: 204px 0 220px;
		background: url(../images/top/recruit-bg-sp.png) top center / cover no-repeat;
		z-index: 3;
	}
	.bl-recruit .ly-cont-inner::before{
		background: url(../images/top/recruit-illust01-sp.svg) top center / contain no-repeat;
		width: 346px;
		height: 111px;
		top: -170px;
		left: inherit;
		right: 0;
	}
	.bl-recruit .ly-cont-inner::after{
		width: 240px;
		height: 124px;
		top: -303px;
		right: inherit;
		left: 40px;
	}
	.bl-recruit .el-main-ttl{
		width: 630px;
		font-size: 36px;
	}
	.bl-recruit .el-main-ttl::before{
		background: url(../images/top/recruit-ttl.svg) top center / contain no-repeat;
	}

}

/*=======================================================
photo
=======================================================*/
.bl-photo{
	position: relative;
	z-index: 100;
}
.bl-photo-list{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}
.bl-photo-list::before{
	content: '';
	position: absolute;
	background: url(../images/top/tunnel.svg) top left / contain no-repeat;
	width: 122px;
	height: 393px;
	top: 50%;
	left: -1px;
	transform: translateY(-50%);
	z-index: 100;
}
.bl-photo-list .slider{
	display: flex;
	justify-content: center;
	gap: 26px;
}
.bl-photo-list .slider img{
	width: calc(100% / 4 - 26px);
	border-radius: 32px;
}
@media screen and (max-width: 750px) {
	.bl-photo{
		position: relative;
	}
	.bl-photo-list{
		position: unset;
		top: unset;
		transform: unset;
		margin: -122px 0;
	}
	.bl-photo-list::before{
		content: none;
	}
	.bl-photo-list .slider.sp{
		display: block;
	}
	.bl-photo-list .slider img{
		margin: 0 16px;
	}
}

/*=======================================================
news
=======================================================*/
.bl-news{
	padding: 14% 0 556px;
	background: url(../images/top/news-bg.jpg) top left / cover no-repeat;
}
.bl-news .ly-cont-inner{
	background: #fff;
	max-width: 1264px;
	padding: 3em;
	border-radius: 32px;
	display: flex;
	flex-wrap: wrap;
	gap: 80px;
	align-content: space-around;
	justify-content: center;
	padding: 120px 4vw;
}
.bl-news-left{
	width: 320px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.bl-news-right{
	width: 624px;
}
.bl-news .el-main-ttl{
	width: 266px;
	margin: 0 0 86px;
	font-size: 26px;
}
.bl-news .el-main-ttl::before{
	background: url(../images/common/news-ttl.svg) top left / contain no-repeat;
}
.bl-news .el-btn.sp{
	display: none;
}
@media screen and (max-width: 1470px) {
	.bl-news{
		padding-left: 100px;
		padding-right: 30px;
	}
	.bl-news .ly-cont-inner{
		padding: 120px 32px;
	}
	.bl-news-right{
		max-width: 624px;
		width: 100%;
	}
}
@media screen and (max-width: 1260px) {
	.bl-news .ly-cont-inner{
		gap: 0;
		flex-direction: column;
	}
	.bl-news .el-btn.sp{
		display: flex;
		margin-top: 48px;
	}
	.bl-news .el-btn.pc{
		display: none;
	}
}
@media screen and (max-width: 750px) {
	.bl-news{
		padding: 210px 0 262px;
	}
	.bl-news .ly-cont-inner{
		max-width: 690px;
		padding: 64px 30px;
		align-content: space-around;
	}
	.bl-news-left{
		width: 100%;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}
	.bl-news-right{
		width: 624px;
	}
	.bl-news .el-main-ttl{
		width: 100%;
		font-size: 32px;
		margin-bottom: 32px;
	}
	.bl-news .el-main-ttl::before{
		background: url(../images/common/news-ttl.svg) top center / contain no-repeat;
	}
}

/*=======================================================
cta
=======================================================*/
.bl-cta {
	margin-top: -264px;
}
@media screen and (max-width: 750px){
	.bl-cta {
		margin-top: -140px;
	}
}