@use "global/acms-common" as acms;
@use "global/common" as global;

/* ------------------------------
　　ページタイトル
------------------------------ */
.page-title-wrapper {
	position: relative;
	display: table;
	width: 100%;
	height: 100px;
	color: #FFF;
	background: url("../../images/bg_other.jpg") #333 no-repeat center;
	background-size: cover;
}

.page-title-filter {
	position: absolute;
		inset: 0;
	background: rgb(0 0 0 / 50%);
}

.page-title-inner {
	position: relative;
	display: table-cell;
	padding: 20px 0;
	vertical-align: middle
}

.page-title {
	margin: 0 0 10px;

	@include acms.font-size(24);

	font-weight: bold;
	line-height: 1.2;

	a {
		color: #FFF;
	}
}

.page-description{
	margin: 10px 0 0;

	@include acms.font-size(16);

	line-height: 1.5;
}

@media (min-width : acms.$breakpoint-md-min) {
	.page-title-wrapper {
		height: 270px;
	}

  .page-title {
    @include acms.font-size(30);
  }
}
