@charset "UTF-8";

/* Chest
------------------------- */
#pageTitle__outer {
	background-image: url("../img/header/back_single_header.webp");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

#pageTitle {
	background-color: rgba(16, 15, 76, 0.35);
}

#pageTitle__header2 {
	display: flex;
	align-items: center;
	height: 180px;
}

.pageTitle__header2--name {
	display: block;
	padding: 0 20px;
	letter-spacing: 3px;
	text-shadow:
		0px 0px 5px rgba(32, 36, 51, 0.75),
		0px -0px 5px rgba(32, 36, 51, 0.75),
		-0px 0px 5px rgba(32, 36, 51, 0.75),
		-0px -0px 5px rgba(32, 36, 51, 0.75),
		1px 1px 10px rgba(32, 36, 51, 0.5),
		1px -1px 10px rgba(32, 36, 51, 0.5),
		-1px 1px 10px rgba(32, 36, 51, 0.5),
		-1px -1px 10px rgba(32, 36, 51, 0.5);
	font-weight: 600;
	font-size: 33px;
	color: #fff;
}

.core-contents {
	padding: 30px 20px;
	font-size: 18px;
}

/* Block
------------------------- */
.wp-block-group {
	margin: 0 0 10px;
}

.wp-heading-1 {
	position: relative;
	margin: 0 0 50px;
	text-align: center;
	letter-spacing: 3px;
	font-weight: 700;
	font-family:
		"Noto Serif JP",
		"游明朝", "Yu Mincho",
		"游明朝体", "YuMincho",
		"ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN",
		"MS 明朝", "MS Mincho",
		"ＭＳ Ｐ明朝", "MS PMincho",
		serif;
	font-size: 30px;
	color: var(--navy);
}

.wp-heading-1:before {
	content: "";
	transform: rotate(23deg);
	display: inline-block;
	position: relative;
	top: 9px;
	width: 27px;
	height: 30px;
	border-left: solid 2px var(--navy);
}

.wp-heading-1:after {
	content: "";
	transform: rotate(23deg);
	display: inline-block;
	position: relative;
	top: -1px;
	width: 24px;
	height: 30px;
	border-right: solid 2px var(--navy);
}

.wp-heading-2 {
	margin: 0 0 20px;
	padding: 10px 20px;
	background-color: var(--light-gray);
	font-weight: 600;
	font-family:
		"Noto Serif JP",
		"游明朝", "Yu Mincho",
		"游明朝体", "YuMincho",
		"ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN",
		"MS 明朝", "MS Mincho",
		"ＭＳ Ｐ明朝", "MS PMincho",
		serif;
	font-size: 25px;
	color: var(--navy);
}

.wp-heading-3 {
	margin: 0 0 20px;
	padding: 10px;
	border: solid 1px var(--navy);
	font-weight: 700;
	font-family:
		"Noto Serif JP",
		"游明朝", "Yu Mincho",
		"游明朝体", "YuMincho",
		"ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN",
		"MS 明朝", "MS Mincho",
		"ＭＳ Ｐ明朝", "MS PMincho",
		serif;
	font-size: 21px;
	color: var(--navy);
}

.wp-heading-3:before {
	display: inline-block;
	content: "";
	width: 20px;
	height: 20px;
	margin: 0 5px 0 0;
	background-color: var(--navy);
	vertical-align: -2px;
}

.wp-block-group__inner-container {
	margin: 0 0 65px;
	padding: 0 10px;
}

.wp-block-group__inner-container:has(.wp-block-heading) {
	margin: 0 0 10px;
	padding: 0;
}

.column_1_block figure {
	text-align: center;
}

/* Table */
.core-contents .wp-block-table table th,
.core-contents .wp-block-table table td {
	border: 0;
}

.core-contents .wp-block-table table th,
.core-contents .wp-block-table table td {
	padding: 17px 10px 15px;
	border-bottom: solid 1px #ccc;
}

.core-contents .wp-block-table table tr:first-child th,
.core-contents .wp-block-table table tr:first-child td {
	border-top: solid 1px #ccc;
}

.core-contents .wp-block-table table td:first-child {
	min-width: 120px;
	background-color: var(--pale-gray);
	font-weight: 600;
	color: var(--navy);
}

/* Before After
------------------------- */
.before-after .wp-block-image {
	display: block;
}

.wp-block-column.before figure:before {
	display: block;
	content: "Before";
	margin: 0 0 5px;
	font-weight: 600;
	font-family:
		"Noto Serif JP",
		"游明朝", "Yu Mincho",
		"游明朝体", "YuMincho",
		"ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN",
		"MS 明朝", "MS Mincho",
		"ＭＳ Ｐ明朝", "MS PMincho",
		serif;
	font-size: 27px;
	color: var(--navy);
}

.wp-block-column.after figure:before {
	display: block;
	content: "After";
	margin: 0 0 5px;
	font-weight: 600;
	font-family:
		"Noto Serif JP",
		"游明朝", "Yu Mincho",
		"游明朝体", "YuMincho",
		"ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN",
		"MS 明朝", "MS Mincho",
		"ＭＳ Ｐ明朝", "MS PMincho",
		serif;
	font-size: 27px;
	color: var(--green);
}

.wp-block-column.before-after-icon {
	background-image: url("../img/icon/arrow_navy.svg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 85px 25px;
}

/* End of CSS */