@charset "UTF-8";
/*=======================================================
MV
=======================================================*/
.el-lower-mv-ttl::before{
	content: 'COMPANY';
}

/*=======================================================
company
=======================================================*/
.bl-company{
	padding: 5.75rem 0 11.25rem;
	background: #CAE6E6;
}
.bl-company .ly-cont-inner{
	background: #fff;
	border-radius: 1.125rem;
	padding: 4rem 3rem;
}
.bl-company .el-main-ttl::before{
	content: 'OUTLINE';
}
.bl-company-item{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	border-bottom: 0.0625rem solid #C2DFF2;
	padding-bottom: 1rem;
}
.bl-company-item:not(:first-of-type){
	padding-top: 1rem;
}
.bl-company-item:last-of-type{
	align-items: flex-start;
	padding-bottom: 0;
	border-bottom: none;
}
.el-company-dttl{
	letter-spacing: 0.06em;
	flex: 0 1 14.375rem;
}
.bl-company-ddata{
	flex: 1;
	font-size: 1.125rem;
}

@media screen and (max-width: 46.875rem){
	.bl-company{
		padding-bottom: 14rem;
	}
	.bl-company .ly-cont-inner{
		padding: 4rem 2rem;
	}
	.bl-company-item{
		padding-bottom: 2rem;
	}
	.bl-company-item:not(:first-of-type){
		padding-top: 2rem;
	}
	.el-company-dttl{
		flex: 0 1 100%;
		margin-bottom: 1rem;
	}
	.bl-company-ddata{
		font-size: 1.75rem;
	}
}

/*=======================================================
about
=======================================================*/
.bl-about{
	padding: 2rem 0 5rem;
}
.bl-about .ly-cont-inner::before{
	content: '';
	position: absolute;
	background: url(../images/common/birds01.svg) top center / contain no-repeat;
	width: 15.5rem;
	height: 8.6875rem;
	top: -7.6875rem;
	right: -15.5rem;
}
.bl-about .ly-cont-inner::after{
	content: '';
	position: absolute;
	background: url(../images/common/clouds.svg) top center / cover no-repeat;
	width: 19rem;
	height: 10.3125rem;
	bottom: -10rem;
	left: -15.5rem;
}
.bl-about .bl-media-list{

}
.bl-about .bl-media{
	align-items: stretch;
	height: 100%;
	gap: 0;
}
.bl-about .bl-media-img-wrapper{

}
.bl-about .bl-media-img-wrapper img{
	border-radius: 1.125rem 0 0 1.125rem;
}
.bl-about .bl-media.--reverse .bl-media-img-wrapper img{
	border-radius: 0 1.125rem 1.125rem 0;
}
.bl-about .bl-media-body{
	background: #fff;
	border-radius: 0 1.125rem 1.125rem 0;
	padding: 1rem 2.5rem 0;
}
.bl-about .bl-media.--reverse .bl-media-body{
	border-radius: 1.125rem 0 0 1.125rem;
}
.bl-about .el-main-ttl{
	text-align: left;
	padding-top: 5rem;
	margin-bottom: 2rem;
}
.bl-about .bl-media:first-of-type .el-main-ttl::before{
	content: 'PHILOSOPHY';
}
.bl-about .bl-media:nth-of-type(2) .el-main-ttl::before{
	content: 'VISION';
}
@media screen and (max-width: 46.875rem){
	.bl-about{
		padding: 2rem 0 5rem;
	}
	.bl-about .ly-cont-inner::before{
		width: 15.4375rem;
		height: 10.25rem;
		top: -11.5rem;
		right: 0;
	}
	.bl-about .ly-cont-inner::after{
		content: none;
	}
	.bl-about .bl-media{
		flex-direction: column-reverse;
	}
	.bl-about .bl-media-img-wrapper img{
		border-radius: 0 0 1.125rem 1.125rem !important;
	}
	.bl-about .bl-media-body{
		border-radius: 1.125rem 1.125rem 0 0 !important;
		padding: 2.5rem 1.875rem 3rem;
	}
	.bl-about .el-main-ttl{
		text-align: center;
		padding-top: 6rem;
	}
}

/*=======================================================
history
=======================================================*/
.bl-history{
	padding: 5rem 0 15.25rem;
}
.bl-history .ly-cont-inner::before{
	content: '';
	position: absolute;
	background: url(../images/common/whale01.svg) top center / contain no-repeat;
	width: 18.5rem;
	height: 12.875rem;
	left: -13.75rem;
	bottom: -18rem;
}
.bl-history .ly-cont-inner::after{
	content: '';
	position: absolute;
	background: url(../images/common/turtle02.svg) top center / contain no-repeat;
	width: 7.875rem;
	height: 13.5rem;
	right: -7.85rem;
	bottom: -13rem;
}
.bl-history .el-main-ttl::before{
	content: 'HISTORY';
}
.bl-history-list{
	margin: 0 auto;
	width: 59.75rem;
	display: flex;
	flex-direction: column;
	gap: 2.5rem;
	padding: 2.5rem 0;
	position: relative;
}
.bl-history-list::before{
	content: '';
	position: absolute;
	background: #222;
	width: 0.125rem;
	height: 100%;
	top: 0;
	left: 14.625rem;
}
.bl-history-item{
	display: flex;
	flex-wrap: wrap;
	gap: 6.5rem;
}
.bl-history-item > span{
	display: block;
	flex: 0 1 11.625rem;
	color: #0071B9;
	font-size: 1.25rem;
	letter-spacing: 0.0825rem;
	text-align: right;
}
.bl-history-item .bl-txt-wrapper,
.bl-history-item .el-txt{
	flex: 1;
	position: relative;
}
.bl-history-item .el-txt::before{
	content: '';
	position: absolute;
	background: #3D94C6;
	width: 1.5rem;
	height: 1.5rem;
	border-radius: 1.5rem;
	top: 0.4em;
	left: -4.2rem;
}
.bl-history-item:nth-of-type(2) .el-txt::before,
.bl-history-item:nth-of-type(6) .el-txt::before,
.bl-history-item:nth-of-type(8) .el-txt::before,
.bl-history-item:nth-of-type(3) .el-txt:nth-of-type(even)::before{
	background: #01588E;
} 
@media screen and (max-width: 46.875rem){
	.bl-history{
		padding: 5rem 0 18.5rem;
	}
	.bl-history .ly-cont-inner::before{
		width: 18.5rem;
		height: 12.875rem;
		left: 1.875rem;
		bottom: -20.25rem;
	}
	.bl-history .ly-cont-inner::after{
		right: 1.875rem;
		bottom: -18.5rem;
	}
	.bl-history-list{
		width: 100%;
		gap: 3.5rem;
		padding: 0;
	}
	.bl-history-list::before{
		content: none;
	}
	.bl-history-item{
		flex-direction: column;
		gap: 0;
	}
	.bl-history-item > span{
		flex: 0 1 100%;
		font-size: 2rem;
		text-align: left;
		letter-spacing: 0.1275rem;
		border-bottom: 0.125rem solid #222;
		padding: 0 0 1.5rem 3.25rem;
		margin-bottom: 1.5rem;
		position: relative;
	}
	.bl-history-item > span::before{
		content: '';
		position: absolute;
		width: 2rem;
		height: 2rem;
		background: #3D94C6;
		border-radius: 2.25rem;
		top: 0.35em;
		left: 0;
	}
	.bl-history-item:nth-of-type(even) > span::before{
		background: #01588E;
	}
	.bl-history-item .el-txt::before{
		content: none;
	}
}

/*=======================================================
name
=======================================================*/
.bl-name{
	padding: 4rem 0 5rem;
}
.bl-name .el-main-ttl::before{
	content: 'OUR NAME';
}
.bl-origin{
	border-radius: 1.125rem 1.125rem 0 0;
	background: #fff;
	padding: 3.5rem 3.5rem 6.125rem;
	position: relative;
}
.bl-origin::before{
	content: '';
	position: absolute;
	background: url(../images/common/ship02.svg) top center / contain no-repeat;
	width: 16.625rem;
	height: 13.75rem;
	right: 4rem;
	bottom: 2.8125rem;
}
.el-origin-ttl{
	font-size: 1.875rem;
	color: #0071B9;
	line-height: 1.44;
	margin-bottom: 2rem;
}
.bl-origin .el-txt{
	font-size: 1.375rem;
	line-height: 1.6;
}
.bl-spirit{
	background: #E0F3FF;
	border-radius: 0 0 1.125rem 1.125rem;
	padding: 0 3.5rem 3.5rem;
	position: relative;
}
.bl-spirit::before{
	content: '';
	position: absolute;
	background: url(../images/company/spirit-top.svg) top center / cover no-repeat;
	width: 64rem;
	height: 3.125rem;
	top: -3.125rem;
	left: 50%;
	transform: translateX(-50%);
}
.bl-spirit .el-sub-ttl{
	line-height: 1.45;
	color: #D83F07;
	margin-bottom: 1.5rem;
}
@media screen and (max-width: 46.875rem){
	.bl-name{
		padding: 4rem 0 5rem;
	}
	.bl-origin{
		padding: 3rem 1.875rem 25.25rem;
	}
	.bl-origin::before{
		width: 23.75rem;
		height: 19.6875rem;
		right: 4rem;
		bottom: 2.8125rem;
	}
	.el-origin-ttl{
		font-size: 2.125rem;
		letter-spacing: 0.135rem;
	}
	.bl-origin .el-txt{
		font-size: 1.75rem;
		letter-spacing: 0.2rem;
	}
	.bl-spirit{
		padding: 0 1.875rem 2.5rem;
	}
	.bl-spirit::before{
		background: url(../images/company/spirit-top-sp.svg) top center / cover no-repeat;
		width: 100%;
		height: 4rem;
		top: -3.9375rem;
	}
	.bl-spirit .el-sub-ttl{
		margin-bottom: 2rem;
	}
}

/*=======================================================
access
=======================================================*/
.bl-access{
	padding: 5rem 0 11.25rem;
}
.bl-access .el-main-ttl::before{
	content: 'ACCESS';
}
.bl-access .bl-media{
	gap: 2.5rem;
}
.bl-access .bl-media-img-wrapper{
	flex: 0 1 29.5rem;
}
.bl-access-list{
	margin-bottom: 1.5rem;
}
.bl-access-list > div{
	padding: 1rem 0;
	border-bottom: 0.125rem solid #C2DFF2;
}
.bl-access-list > div:first-of-type{
	padding-top: 0;
}
.bl-access-list > div > dt{
	font-size: 1.25rem;
	color: #0071B9;
	line-height: 1.5;
	letter-spacing: 0.0825rem;
	margin-bottom: 1rem;
}
.bl-access-list > div > dd{
	font-size: 1.125rem;
	line-height: 1.5;
	letter-spacing: 0.045rem;
}
.bl-access .bl-media-body .el-media-txt{
	font-size: 1.125rem;
	line-height: 1.66;
	letter-spacing: 0.045rem;
}
.bl-access iframe{
	width: 64rem;
	height: 28.75rem;
	margin-top: 3.5rem;
	border-radius: 1.125rem;
}
@media screen and (max-width: 46.875rem){
	.bl-access{
		padding: 5rem 0 14rem;
	}
	.bl-access .bl-media-img-wrapper{
		flex: 0 1 32rem;
		margin: 0 auto;
	}
	.bl-access-list > div{
		padding: 1.5rem 0;
	}
	.bl-access-list > div > dt{
		font-size: 1.875rem;
		margin-bottom: 1.5rem;
	}
	.bl-access-list > div > dd{
		font-size: 1.875rem;
	}
	.bl-access .bl-media-body .el-media-txt{
		font-size: 1.875rem;
	}
	.bl-access iframe{
		width: 100%;
		height: 26rem;
	}
}