@charset "UTF-8";
/* 共通 */
.bl-dl-list > div{
	padding: 1.5rem 0;
	display: flex;
	align-items: center;
	border-bottom: 0.0625rem solid #543d27;
}
.bl-dl-list > div > dt{
	flex: 0 1 12.5rem;
	color: #543d27;
	font-weight: bold;
}
.bl-dl-list > div > dd{
	flex: 1;
}
.bl-dl-list .bl-advisor-list > li{
	display: flex;
	align-items: flex-start;
	gap: 1.5rem;
}
.bl-dl-list .bl-advisor-list .hp-tab{
	width: 7.5rem;
}
.bl-dl-list .bl-advisor-list .hp-tab::after{
	margin: 0;
	position: absolute;
	top: 0.5em;
	right: 0;
}
@media screen and (max-width: 46.875rem) {
	/* 共通 */
	.bl-dl-list > div{
		padding: 2rem 0;
		flex-wrap: wrap;
	}
	.bl-dl-list > div > dt{
		flex: 0 1 11.25rem;
	}
	.bl-dl-list > div.bl-advisor > dt{
		flex: 0 1 100%;
		margin-bottom: 1.5rem;
	}
	.bl-dl-list > div.bl-advisor > dd{
		flex: 100%;
		width: 100%;
	}
	.bl-dl-list .bl-advisor-list{
		display: flex;
		flex-direction: column;
		gap: 1.5rem;
	}
	.bl-dl-list .bl-advisor-list > li{
		flex-direction: column;
		gap: 0.5rem;
	}
	.bl-dl-list .bl-advisor-list .hp-tab{
		width: auto;
	}
	.bl-dl-list .bl-advisor-list .hp-tab::after{
		margin-left: 0.5em;
		position: unset;
	}
}

/*=======================================================
MV
=======================================================*/
.el-lower-mv-ttl::before{
	content: 'Outline';
}

/*=======================================================
philosophy
=======================================================*/
.bl-philosophy{
	padding: 7.5rem 0 10rem;
	position: relative;
}
.bl-philosophy .ly-cont-inner::after{
	content: '';
	position: absolute;
	background: url(../images/common/illust-soramame05.png) top center / contain no-repeat;
	width: 6.25rem;
	height: 6.25rem;
	right: 4.875rem;
	bottom: -9.5rem;
}
@media screen and (max-width: 46.875rem) {
	.bl-philosophy{
		padding-top: 4rem;
	}
	.bl-philosophy .ly-cont-inner::after{
		right: 0.125rem;
		bottom: -9.2rem;
	}
}

/*=======================================================
soramame
=======================================================*/
.bl-soramame .el-main-ttl,
.bl-soramame .el-txt{
	color: #fff;
}
@media screen and (max-width: 46.875rem) {
	.bl-soramame{
		padding-top: 4rem;
	}
}

/*=======================================================
outline
=======================================================*/
.bl-outline .el-txt.--update{
	text-align: right;
	margin-top: 1rem;
}
@media screen and (max-width: 46.875rem) {

}