/* reset
---------------------------------------------------------- */
@layer behavior {
	:where(body) {
		margin: 0;
		line-height: 1;
	}
	:where(h1, h2, h3, h4, h5, h6) {
		font-size: inherit;
		font-weight: inherit;
		margin-block: 0;
	}
	:where(p) {
		margin-block: 0;
	}
	:where(blockquote, figure, hr) {
		margin-block: 0;
		margin-inline: 0;
	}
	:where(table) {
		border-spacing: 0;
		font-size: inherit;
		font-style: inherit;
		text-indent: initial;
		line-height: inherit;
		font-variant: inherit;
		color: inherit;
		white-space: inherit;
	}
	:where(td, th) {
		vertical-align: inherit;
		padding: 0;
	}
	:where(th) {
		font-weight: inherit;
	}
	:where(caption) {
		text-align: inherit;
	}
	:where(ul, menu, ol) {
		list-style-type: none;
		margin-block: 0;
		padding-block-start: 0;
		padding-inline-start: 0;
		counter-reset: list-item;
	}
	:where(dl) {
		margin-block: 0;
	}
	:where(dd) {
		margin-inline-start: 0;
	}
	:where(form) {
		margin-top: 0;
	}
	:where(fieldset) {
		-webkit-margin-start: 0;
		-webkit-margin-end: 0;
		margin-inline: 0;
		padding-block: 0;
		padding-inline: 0;
	}
	:where(legend) {
		-webkit-padding-start: 0;
		-webkit-padding-end: 0;
		padding-inline: 0;
	}
	:where(ins) {
		text-decoration: inherit;
	}
	:where(strong, b) {
		font-weight: inherit;
		text-decoration: inherit;
	}
	:where(i, cite, em, var, address, dfn) {
		font-style: inherit;
	}
	code,
	kbd,
	samp {
		font-family: monospace;
	}
	:where(pre, plaintext) {
		margin-top: 0;
		margin-bottom: 0;
		white-space: pre;
	}
	:where(mark) {
		background-color: transparent;
		color: inherit;
	}
	:where(small) {
		font-size: inherit;
	}
	:where(s, del) {
		text-decoration: none;
	}
	/* states */
	:where(a:any-link) {
		color: inherit;
		text-decoration: inherit;
	}
	:where(a:any-link:active) {
		color: inherit;
	}
	:where(iframe) {
		border-width: 0;
		border-style: none;
	}
}

/* Font Family
---------------------------------------------------------- */
/* @import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400,500,700&display=swap"); */

@layer component {
	/* :root */
	:root {
		--mc--str--of-font-family-name--serif: "游明朝", "Yu Mincho", YuMincho,
			"Hiragino Mincho Pro", serif;
		--mc--str--of-font-family-name--noto-sans-jp: "Noto Sans JP", "游明朝",
			"Yu Mincho", YuMincho, "Hiragino Mincho Pro", serif;

		--transition-duration: 0.3s;
	}
}

@media screen and (min-width: 1200px) {
	:root {
		/* サイドマージン60pxずつ */
		--width-contents: min(1200px, calc(100vw - 120px), 100%);
	}
}

@media screen and (min-width: 768px) {
	:root {
		/* デザイン上の10px */
		--base-unit: 10px;
	}
}

@media screen and (min-width: 768px) and (max-width: 1199px) {
	:root {
		/* サイドマージン40pxずつ */
		--width-contents: min(calc(100vw - 80px), 100%);
	}
}

@media screen and (max-width: 767px) {
	:root {
		/* 375pxデザイン上の10px */
		--base-unit: calc(10 / 375 * 100vw);
		/* サイドマージン20pxずつ */
		--width-contents: min(calc(100vw - calc(4 * var(--base-unit))), 100%);
	}
}

/* parts container
---------------------------------------------------------- */
.part-container {
	position: relative;
	border-top: solid 20px #000;
	border-bottom: solid 20px #000;
}

.part-container + .part-container {
	border-top: none;
}

.c-container-content {
	width: var(--width-contents);
	position: relative;
	margin: 0 auto;
}

.part-head {
	width: var(--width-contents);
	margin: 20px auto;
}

/* parts utilities
---------------------------------------------------------- */
@media screen and (max-width: 767px) {
	.u-d-sm-none {
		display: none;
	}
}

@media screen and (min-width: 768px) {
	.u-d-md-none {
		display: none;
	}
}

@media screen and (min-width: 1200px) {
	.u-d-lg-none {
		display: none;
	}
}

@media screen and (min-width: 1200px) {
	.u-d-lg-visible {
		display: block;
	}
}

/* print
---------------------------------------------------------- */
@media print {
	* {
		-webkit-print-color-adjust: exact !important;
		print-color-adjust: exact !important;
	}

	.u-d-md-none {
		display: none;
	}
}

/* .p-panel01--col1-see-more
---------------------------------------------------------- */
.p-panel01--col1-see-more {
	position: relative;
	display: block;
	text-decoration: none;
}

.p-panel01--col1-see-more__inner {
	display: grid;
	grid-template-columns: 51% 1fr;
}

@media screen and (max-width: 767px) {
	.p-panel01--col1-see-more__inner {
		grid-template-columns: 1fr;
	}
}

.p-panel01--col1-see-more__img {
	order: 2;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 1px solid #d5d5d5;
	background-color: #fff;
}

@media screen and (max-width: 767px) {
	.p-panel01--col1-see-more__img {
		order: 1;
	}
}

.p-panel01--col1-see-more__img img {
	width: 100%;
	height: auto;
	transition: transform 0.5s ease;
}

.p-panel01--col1-see-more__content {
	order: 1;
	display: flex;
	flex-direction: column;
	justify-content: center;
	position: relative;
	transition: transform 0.5s ease;
	padding: 6px 20px 20px 20px;
	background-color: #000000;
}

@media screen and (min-width: 768px) and (max-width: 1199px) {
	.p-panel01--col1-see-more__content {
		padding: calc(2 * var(--base-unit));
	}
}

@media screen and (max-width: 767px) {
	.p-panel01--col1-see-more__content {
		order: 2;
		display: block;
		padding: calc(1.1 * var(--base-unit)) calc(4.2 * var(--base-unit))
			calc(1.1 * var(--base-unit)) calc(1.6 * var(--base-unit));
	}
}

@media screen and (min-width: 768px) {
	.p-panel01--col1-see-more:hover .p-panel01--col1-see-more__content {
		background-color: #a22041;
	}

	.p-panel01--col1-see-more:hover .p-panel01--col1-see-more__img > img {
		transform: scale(1.15);
	}
}

.p-panel01--col1-see-more__title {
	font-family: var(--mc--str--of-font-family-name--noto-sans-jp);
	font-size: calc(2.8 * var(--base-unit));
	font-weight: 400;
	letter-spacing: 0.2em;
	line-height: calc(64 / 28);
	text-align: center;
	margin-bottom: 5px;
	color: #fff;
	display: block;
	position: relative;
}

@media screen and (max-width: 767px) {
	.p-panel01--col1-see-more__title {
		font-size: calc(1.8 * var(--base-unit));
		letter-spacing: 0.088em;
		line-height: calc(32 / 18);
		font-weight: 500;
		margin-bottom: 0;
		text-align: left;
	}

	.p-panel01--col1-see-more__title::after {
		content: "";
		width: 20px;
		height: 20px;
		background-image: url(https://www.mitsubishicorp.com/jp/assets_r24/images/special_modules/ico_arrow-right_white_01.svg);
		background-repeat: no-repeat;
		background-position: center center;
		background-size: contain;
		top: 50%;
		right: -30px;
		transform: translateY(-50%);
		position: absolute;
	}
}

.p-panel01--col1-see-more__text {
	font-family: var(--mc--str--of-font-family-name--noto-sans-jp);
	font-size: calc(1.3 * var(--base-unit));
	font-weight: 400;
	letter-spacing: 0.1em;
	line-height: calc(23 / 13);
	text-align: center;
	color: #fff;
	max-width: 450px;
	margin: 0 auto;
	margin-bottom: 48px;
}

@media screen and (min-width: 768px) and (max-width: 1199px) {
	.p-panel01--col1-see-more__text {
		margin-bottom: 20px;
	}
}

.p-panel01--col1-see-more__sub-title {
	font-family: var(--mc--str--of-font-family-name--noto-sans-jp);
	font-size: calc(2 * var(--base-unit));
	font-weight: 400;
	letter-spacing: 0.15em;
	line-height: calc(32.4 / 20);
	text-align: center;
	color: #fff;
}

.p-panel01--col1-see-more__sub-title span {
	position: relative;
	padding-right: 24px;
}

.p-panel01--col1-see-more__sub-title span::after {
	content: "";
	width: 18px;
	height: 18px;
	background-image: url(https://www.mitsubishicorp.com/jp/assets_r24/images/special_modules/ico_arrow-right_white_01.svg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	position: absolute;
}

@media print {
	.p-panel01--col1-see-more__img .u-d-md-none {
		display: none;
	}

	.p-panel01--col1-see-more__content {
		padding: 20px;
	}

	.p-panel01--col1-see-more__title {
		font-size: 14px;
	}

	.p-panel01--col1-see-more__text,
	.p-panel01--col1-see-more__sub-title {
		font-size: 10px;
	}

	.p-panel01--col1-see-more__sub-title span::after {
		width: 12px;
		height: 12px;
	}

	.p-panel01--col1-see-more__text {
		margin-bottom: 20px;
	}
}

/* .p-about-03--01
---------------------------------------------------------- */
.p-about-03--01 {
	font-family: var(--mc--str--of-font-family-name--serif);
	font-size: calc(6.4 * var(--base-unit));
	font-weight: 500;
	letter-spacing: 0.4em;
	line-height: calc(48 / 32);
	text-align: center;
	color: #333;
}

@media screen and (min-width: 768px) and (max-width: 1199px) {
	.p-about-03--01 {
		font-size: calc(5 * var(--base-unit));
	}
}

@media screen and (max-width: 767px) {
	.p-about-03--01 {
		font-size: calc(3.2 * var(--base-unit));
	}
}

@media print {
	.p-about-03--01 {
		font-size: 18px;
	}
}

/* .p-about-03--02
---------------------------------------------------------- */
.p-about-03--02 {
	font-family: var(--mc--str--of-font-family-name--serif);
	font-size: calc(2 * var(--base-unit));
	font-weight: 500;
	letter-spacing: 0.2em;
	line-height: calc(64 / 20);
	color: #333;
	text-align: center;
}

@media screen and (max-width: 1199px) {
	.p-about-03--02 {
		font-size: calc(1.6 * var(--base-unit));
		letter-spacing: 0.14em;
		line-height: calc(40 / 16);
	}
}

@media screen and (max-width: 767px) {
	.p-about-03--02 {
		text-align: left;
	}
}

@media print {
	.p-about-03--02 {
		font-size: 10px;
		line-height: calc(28.8 / 16);
	}
}

/* .p-about-03--03
---------------------------------------------------------- */
.p-about-03--03 {
	position: relative;
}

.p-about-03--03 + .p-about-03--03 {
	margin-top: 70px;
}

@media screen and (min-width: 768px) and (max-width: 1199px) {
	.p-about-03--03 + .p-about-03--03 {
		margin-top: 36px;
	}
}

@media screen and (max-width: 767px) {
	.p-about-03--03 + .p-about-03--03 {
		margin-top: calc(2.8 * var(--base-unit));
	}
}

.p-about-03--03__title {
	text-align: center;
	color: #333;
	margin-bottom: 22px;
}

@media screen and (min-width: 768px) and (max-width: 1199px) {
	.p-about-03--03__title {
		margin-bottom: 6px;
	}
}

@media screen and (max-width: 767px) {
	.p-about-03--03__title {
		margin-bottom: calc(0.2 * var(--base-unit));
	}
}

.p-about-03--03__title > ruby {
	font-family: var(--mc--str--of-font-family-name--serif);
	font-size: calc(4 * var(--base-unit));
	font-weight: 600;
	line-height: calc(48 / 28);
	letter-spacing: 0.1em;
}

@media screen and (min-width: 768px) and (max-width: 1199px) {
	.p-about-03--03__title > ruby {
		font-size: calc(3.4 * var(--base-unit));
		line-height: calc(48 / 34);
		font-weight: 500;
	}
}

@media screen and (max-width: 767px) {
	.p-about-03--03__title > ruby {
		font-size: calc(2.8 * var(--base-unit));
		line-height: calc(48 / 28);
		font-weight: 500;
	}
}

.p-about-03--03__title > ruby rt {
	font-family: var(--mc--str--of-font-family-name--noto-sans-jp);
	font-weight: 400;
	font-size: calc(1.2 * var(--base-unit));
	position: relative;
	top: -10px;
}

@media screen and (max-width: 767px) {
	.p-about-03--03__title > ruby rt {
		top: calc(-0.4 * var(--base-unit));
	}
}

.p-about-03--03__text {
	font-family: var(--mc--str--of-font-family-name--serif);
	font-size: calc(2.1 * var(--base-unit));
	font-weight: 500;
	letter-spacing: 0.1em;
	line-height: calc(28.2 / 21);
	text-align: center;
	color: #333;
}

@media screen and (min-width: 768px) and (max-width: 1199px) {
	.p-about-03--03__text {
		font-size: calc(1.6 * var(--base-unit));
		letter-spacing: 0.14em;
		line-height: calc(32 / 16);
	}
}

@media screen and (max-width: 767px) {
	.p-about-03--03__text {
		font-size: calc(1.6 * var(--base-unit));
		letter-spacing: 0.14em;
		line-height: calc(32 / 16);
	}
}

@media print {
	.p-about-03--03__title {
		margin-bottom: 5px;
	}

	.p-about-03--03__title > ruby {
		font-size: 14px;
	}

	.p-about-03--03__title > ruby rt {
		font-size: 8px;
		top: -4px;
	}

	.p-about-03--03__text {
		font-size: 10px;
	}

	.p-about-03--03__text .u-d-md-none {
		display: none;
	}
}

/* .p-about-03--04
---------------------------------------------------------- */
.p-about-03--04 {
	font-family: var(--mc--str--of-font-family-name--serif);
	font-size: calc(3.4 * var(--base-unit));
	font-weight: 500;
	letter-spacing: 0.2em;
	line-height: calc(42 / 24);
	text-align: center;
	color: #333;
}

@media screen and (min-width: 768px) and (max-width: 1199px) {
	.p-about-03--04 {
		font-size: calc(2.4 * var(--base-unit));
		letter-spacing: 0.1em;
	}
}

@media screen and (max-width: 767px) {
	.p-about-03--04 {
		font-size: calc(2.4 * var(--base-unit));
		letter-spacing: 0.1em;
	}
}

@media print {
	.p-about-03--04 {
		font-size: 12px;
	}

	.p-about-03--04 .u-d-md-none {
		display: none;
	}
}

/* .p-about-03--05
---------------------------------------------------------- */
.p-about-03--05 {
	display: flex;
	justify-content: center;
	position: relative;
}

@media screen and (max-width: 1199px) {
	.p-about-03--05 {
		position: relative;
		padding: 0 16px;
		display: block;
	}
}

@media screen and (max-width: 767px) {
	.p-about-03--05 {
		padding: 0 calc(1.6 * var(--base-unit));
	}
}

.p-about-03--05__item {
	max-width: 14.285%;
	flex-basis: 172px;
	border-top: none;
	border-left: solid 1px #d5d5d5;
	position: relative;
}

@media screen and (max-width: 1199px) {
	.p-about-03--05__item {
		max-width: 100%;
		width: 100%;
		flex-basis: auto;
		border-left: none;
		border-top: solid 1px #d5d5d5;
	}
}

.p-about-03--05__item:last-child {
	border-right: solid 1px #d5d5d5;
}

@media screen and (max-width: 1199px) {
	.p-about-03--05__item:last-child {
		border-right: none;
		border-bottom: solid 1px #d5d5d5;
	}
}

.p-about-03--05__link {
	display: block;
	min-height: 200px;
	text-decoration: none;
	position: relative;
}

@media screen and (max-width: 1199px) {
	.p-about-03--05__link {
		min-height: auto;
	}
}

.p-about-03--05__link-inner {
	display: flex;
	flex-direction: column;
	gap: 14px 0;
	justify-content: center;
	align-items: center;
	height: calc(100% - 63px);
	padding: 40px 11px 23px 11px;
	transition: transform 0.5s ease;
}

@media screen and (max-width: 1199px) {
	.p-about-03--05__link-inner {
		flex-direction: row;
		gap: 0 10px;
		height: auto;
		min-height: 80px;
		padding: 0 54px 0 26px;
	}
}

@media screen and (max-width: 767px) {
	.p-about-03--05__link-inner {
		padding-left: calc(0.6 * var(--base-unit));
		padding-right: calc(5.4 * var(--base-unit));
	}
}

.p-about-03--05__img {
	width: calc(7.5 * var(--base-unit));
	height: calc(7.5 * var(--base-unit));
	position: relative;
	background-image: url(https://www.mitsubishicorp.com/jp/assets_r24/images/special_modules/ico_corporate-guideline_01.svg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
}

@media screen and (max-width: 1199px) {
	.p-about-03--05__img {
		width: calc(4.8 * var(--base-unit));
		height: calc(4.8 * var(--base-unit));
	}
}

.p-about-03--05__img.p-about-03--05__img--02 {
	background-image: url(https://www.mitsubishicorp.com/jp/assets_r24/images/special_modules/ico_corporate-guideline_02.svg);
}

.p-about-03--05__img.p-about-03--05__img--03 {
	background-image: url(https://www.mitsubishicorp.com/jp/assets_r24/images/special_modules/ico_corporate-guideline_03.svg);
}

.p-about-03--05__img.p-about-03--05__img--04 {
	background-image: url(https://www.mitsubishicorp.com/jp/assets_r24/images/special_modules/ico_corporate-guideline_04.svg);
}

.p-about-03--05__img.p-about-03--05__img--05 {
	background-image: url(https://www.mitsubishicorp.com/jp/assets_r24/images/special_modules/ico_corporate-guideline_05.svg);
}

.p-about-03--05__img.p-about-03--05__img--06 {
	background-image: url(https://www.mitsubishicorp.com/jp/assets_r24/images/special_modules/ico_corporate-guideline_06.svg);
}

.p-about-03--05__img.p-about-03--05__img--07 {
	background-image: url(https://www.mitsubishicorp.com/jp/assets_r24/images/special_modules/ico_corporate-guideline_07.svg);
}

/* @media screen and (max-width: 767px) {
	.p-about-03--05__img.p-about-03--05__img--07 {
		background-size: 34px auto;
	}
} */

.p-about-03--05__content {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	min-height: 48px;
	flex-grow: 1;
}

@media screen and (max-width: 1199px) {
	.p-about-03--05__content {
		display: block;
		min-height: auto;
	}
}

.p-about-03--05__text {
	display: inline-flex;
	padding-right: 24px;
	margin: 0 auto;
	font-family: var(--mc--str--of-font-family-name--noto-sans-jp);
	font-size: calc(1.6 * var(--base-unit));
	line-height: calc(24 / 16);
	font-weight: 500;
	letter-spacing: 0.1em;
	text-align: center;
	flex-grow: 0;
	position: relative;
	color: #333;
}

@media screen and (max-width: 1199px) {
	.p-about-03--05__text {
		display: block;
		font-size: calc(1.7 * var(--base-unit));
		line-height: calc(32 / 17);
		text-align: left;
		margin: 0 0;
		padding-right: 0;
	}
}

.p-about-03--05__link .p-about-03--05__text::after {
	content: "";
	width: 20px;
	height: 20px;
	background-image: url(https://www.mitsubishicorp.com/jp/assets_r24/images/special_modules/ico_arrow-right_black_01.svg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 12px auto;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	position: absolute;
	opacity: 1;
}

@media screen and (max-width: 1199px) {
	.p-about-03--05__link .p-about-03--05__text::after {
		width: calc(2.2 * var(--base-unit));
		height: calc(2.2 * var(--base-unit));
		background-image: url(https://www.mitsubishicorp.com/jp/assets_r24/images/special_modules/ico_arrow-right_gray_01.svg);
		background-size: contain;
		opacity: 0.6;
	}
}

.p-about-03--05__link[target="_blank"] .p-about-03--05__text::after {
	content: "";
	width: calc(2 * var(--base-unit));
	height: calc(2 * var(--base-unit));
	background-image: url(https://www.mitsubishicorp.com/jp/assets_r24/images/special_modules/ico_link-external_black_01.svg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	position: absolute;
	opacity: 1;
}

@media screen and (max-width: 1199px) {
	.p-about-03--05__link .p-about-03--05__text::after,
	.p-about-03--05__link[target="_blank"] .p-about-03--05__text::after {
		right: -30px;
	}
}

@media screen and (max-width: 767px) {
	.p-about-03--05__link .p-about-03--05__text::after,
	.p-about-03--05__link[target="_blank"] .p-about-03--05__text::after {
		right: calc(-3.8 * var(--base-unit));
	}
}

@media screen and (max-width: 1199px) {
	.p-about-03--05__link[target="_blank"] .p-about-03--05__text::after {
		width: calc(2.2 * var(--base-unit));
		height: calc(2.2 * var(--base-unit));
		opacity: 0.6;
	}
}

@media screen and (min-width: 768px) {
	.p-about-03--05__item:hover {
		background-color: #a22041;
	}

	.p-about-03--05__item:hover .p-about-03--05__text {
		color: #fff;
	}

	.p-about-03--05__item:hover .p-about-03--05__img {
		background-image: url(https://www.mitsubishicorp.com/jp/assets_r24/images/special_modules/ico_corporate-guideline_white_01.svg);
	}

	.p-about-03--05__item:hover .p-about-03--05__img.p-about-03--05__img--02 {
		background-image: url(https://www.mitsubishicorp.com/jp/assets_r24/images/special_modules/ico_corporate-guideline_white_02.svg);
	}

	.p-about-03--05__item:hover .p-about-03--05__img.p-about-03--05__img--03 {
		background-image: url(https://www.mitsubishicorp.com/jp/assets_r24/images/special_modules/ico_corporate-guideline_white_03.svg);
	}

	.p-about-03--05__item:hover .p-about-03--05__img.p-about-03--05__img--04 {
		background-image: url(https://www.mitsubishicorp.com/jp/assets_r24/images/special_modules/ico_corporate-guideline_white_04.svg);
	}

	.p-about-03--05__item:hover .p-about-03--05__img.p-about-03--05__img--05 {
		background-image: url(https://www.mitsubishicorp.com/jp/assets_r24/images/special_modules/ico_corporate-guideline_white_05.svg);
	}

	.p-about-03--05__item:hover .p-about-03--05__img.p-about-03--05__img--06 {
		background-image: url(https://www.mitsubishicorp.com/jp/assets_r24/images/special_modules/ico_corporate-guideline_white_06.svg);
	}

	.p-about-03--05__item:hover .p-about-03--05__img.p-about-03--05__img--07 {
		background-image: url(https://www.mitsubishicorp.com/jp/assets_r24/images/special_modules/ico_corporate-guideline_white_07.svg);
	}

	.p-about-03--05__item:hover
		.p-about-03--05__link
		.p-about-03--05__text::after {
		background-image: url(https://www.mitsubishicorp.com/jp/assets_r24/images/special_modules/ico_arrow-right_white_01.svg);
	}

	.p-about-03--05__item:hover
		.p-about-03--05__link[target="_blank"]
		.p-about-03--05__text::after {
		background-image: url(https://www.mitsubishicorp.com/jp/assets_r24/images/special_modules/ico_link-external_white_01.svg);
	}
}

@media print {
	.p-about-03--05 {
		flex-wrap: nowrap;
	}

	.p-about-03--05__item {
		flex-basis: 14.285%;
	}

	.p-about-03--05__link {
		min-height: auto;
	}

	.p-about-03--05__link-inner {
		padding: 20px 4px 13px 4px;
		height: auto;
	}

	.p-about-03--05__img {
		height: calc(4 * var(--base-unit));
		width: calc(4 * var(--base-unit));
	}

	.p-about-03--05__content {
		min-height: auto;
	}

	.p-about-03--05__text {
		font-size: 8px;
		padding-right: 12px;
	}

	.p-about-03--05__link .p-about-03--05__text::after,
	.p-about-03--05__link[target="_blank"] .p-about-03--05__text::after {
		height: 10px;
		width: 10px;
	}
}

/* .p-about-03--06
---------------------------------------------------------- */
.p-about-03--06 {
	width: var(--width-contents);
	figure {
		img {
			width: 100%;
			height: auto;
		}
	}
}

/* .p-about-03--07
---------------------------------------------------------- */
.p-about-03--07 {
	display: flex;
	justify-content: center;
	position: relative;
	font-size: 21px;
	margin-top: 60px;
	font-weight: 300;
}

@media screen and (max-width: 1199px) {
	.p-about-03--07 {
		position: relative;
		padding: 0 16px;
		display: block;
		font-size: 16px;
		margin-top: 30px;
	}
}

/* @media screen and (max-width: 767px) {
	.p-about-03--07 {
		padding: 0 calc(1.6 * var(--base-unit));
	}
} */


/* .p-about-02--01
---------------------------------------------------------- */
.p-tbl02.p-about-02--01 {
	&::before {
		display: none;
	}

	.p-tbl02__tbl {
		padding: 0;

		@media screen and (max-width: 767px) {
			width: 100%;
		}
	}

	table {
		th,
		td {
			padding: calc(1.9 * var(--base-unit)) calc(1.6 * var(--base-unit))
				calc(1.8 * var(--base-unit));

			& > :first-child {
				margin-top: 0;
			}

			@media screen and (max-width: 767px) {
				letter-spacing: 0.03em;
			}
		}

		th {
			@media screen and (max-width: 767px) {
				padding: calc(1.8 * var(--base-unit)) 0 0;
				border-bottom: 0;
			}
		}

		td {
			@media screen and (max-width: 767px) {
				padding: 0 0 calc(1.8 * var(--base-unit));
				border-top: 0;
				border-bottom: 0;
			}
		}

		tr {
			@media screen and (max-width: 767px) {
				display: flex;
				flex-direction: column;
				gap: calc(0.7 * var(--base-unit));
			}
		}

		.p-tbl02__col2-w1-2 > col {
			@media screen and (max-width: 767px) {
				width: 100%;

				&:nth-child(1n + 2) {
					display: none;
				}
			}
		}

		.p-txt01 {
			@media screen and (min-width: 768px) {
				margin-top: calc(1.8 * var(--base-unit));
				letter-spacing: 0.04em;
				line-height: 1.69;
			}

			@media screen and (max-width: 767px) {
				margin-top: calc(1.6 * var(--base-unit));
			}

			& + .p-txt01 {
				@media screen and (max-width: 767px) {
					margin-top: calc(0.5 * var(--base-unit));
				}
			}
		}

		.p-notes01--small {
			margin-top: calc(0.6 * var(--base-unit));

			&.p-notes01--small-02 {
				margin-top: calc(1.7 * var(--base-unit));
			}
		}

		.p-link01--arw.p-about-02--02 {
			display: flex;
			justify-content: end;

			@media screen and (min-width: 768px) {
				a {
					position: relative;

					&::before {
						position: relative;
						bottom: auto;
						background-color: #333;
					}

				}
			}

			@media screen and (max-width: 767px) {
				margin-top: calc(1.6 * var(--base-unit));
				font-size: calc(1.3 * var(--base-unit));
				line-height: calc(20 / 13);

				a {
					align-items: center;
				}
			}
		}
	}
}

/* .p-about-02--math
---------------------------------------------------------- */
.p-about-02--math {
	display: flex;
	flex-direction: column;
	gap: calc(1.8 * var(--base-unit));
	line-height: calc(27 / 16);

	.p-about-02--math__top {
		display: flex;
		justify-content: space-between;
		width: fit-content;
		min-width: 295px;
		padding-right: calc(0.5 * var(--base-unit));
		position: relative;
		gap: calc(2 * var(--base-unit));

		@media screen and (max-width: 767px) {
			min-width: 250px;
		}

		&::before {
			content: "";
			position: absolute;
			bottom: -9px;
			width: 100%;
			height: 1px;
			background-color: #666666;
		}
	}
}

/* .p-about-02--03
---------------------------------------------------------- */
.p-about-02--03 {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: calc(3 * var(--base-unit));
	margin-top: calc(3 * var(--base-unit));

	@media screen and (max-width: 767px) {
		grid-template-columns: 100%;
	}

	.p-about-02--03__item {
		& > :first-child {
			margin-top: 0;
		}
	}
}

/* .p-about-02--04
---------------------------------------------------------- */
.p-about-02--04 {
	margin-top: calc(3 * var(--base-unit));
	position: relative;

	@media screen and (max-width: 767px) {
		&::before {
			display: flex;
			align-items: center;
			content: "図はピンチアウトで拡大できます";
			font-size: calc(1.4 * var(--base-unit));
			font-weight: 500;
			letter-spacing: 0.04em;
			line-height: calc(27 / 14);
			padding-left: calc(3.7 * var(--base-unit));
			margin-bottom: calc(2 * var(--base-unit));
			background: url("https://www.mitsubishicorp.com/jp/assets_r24/images/special_modules/ico_scroll_01.svg") 0%
				0% / 30px 30px no-repeat;
			min-height: calc(3 * var(--base-unit));
		}
	}

	figure {
		border: calc(0.1 * var(--base-unit)) solid #d5d5d5;

		img {
			width: 100%;
			height: auto;
		}
	}
}

@media screen and (max-width: 767px) {
	[lang=en] .p-about-02--04::before {
		content: "You can expand images by pinching out.";
	}
}

/* .p-about-08--01
---------------------------------------------------------- */
.p-about-08--01 {
	display: flex;
	flex-direction: column;
	gap: calc(3 * var(--base-unit));
	position: relative;
	overflow-y: hidden;
	margin-top: calc(0.8 * var(--base-unit));

	@media screen and (max-width: 767px) {
		gap: calc(2 * var(--base-unit));
	}

	.p-about-08--01__group {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap: calc(3 * var(--base-unit)) calc(2.4 * var(--base-unit));
		background-color: #fff;
		z-index: 5;

		@media screen and (max-width: 767px) {
			grid-template-columns: repeat(2, 1fr);
			gap: calc(2 * var(--base-unit)) calc(1.1 * var(--base-unit));
		}
	}

	.p-about-08--01__item {
		transition: opacity 0.2s ease-in-out;

		img {
			width: 100%;
			height: auto;
		}

		[role="button"] {
			cursor: pointer;
			position: relative;

			&::before {
				content: "";
				position: absolute;
				width: 100%;
				height: 2px;
				bottom: 0;
				background-color: #d5d5d5;
			}

			&:hover {
				@media screen and (min-width: 768px) {
					&::before {
						background-color: #a22041;
					}

					.p-about-08--01__detail {
						background-color: #a22041;

						* {
							color: #fff;
						}

						.p-about-08--01__sub {
							&::before,
							&::after {
								background-color: #fff;
							}
						}
					}
				}
			}

			&[aria-expanded="true"] {
				&::before {
					background-color: #a22041;
					height: 4px;
				}

				.p-about-08--01__sub {
					&::before {
						transform: rotate(0deg);
					}

					@media screen and (max-width: 767px) {
						&::before {
							transform: translateY(-1px) rotate(0deg);
						}
					}
				}
			}
		}

		[aria-hidden="true"] {
			opacity: 0;
			visibility: hidden;
			height: 0;
		}
	}

	.accordionCheck {
		[aria-hidden="true"] {
			display: block;
			visibility: hidden;
		}

		.p-about-08--01__warp {
			transition: all 0s;

			&[aria-hidden="true"] {
				display: block;
				visibility: hidden;
				opacity: 0;
				height: 0;
			}

			&[aria-hidden="false"] {
				visibility: visible;
				opacity: 1;
				height: 100%;
			}
		}
	}

	.p-about-08--01__detail {
		display: grid;
		padding: calc(2.2 * var(--base-unit)) calc(2 * var(--base-unit))
			calc(1.9 * var(--base-unit));
		transition: background-color var(--transition-duration) ease-in-out,
			color var(--transition-duration) ease-in-out;

		@media screen and (max-width: 767px) {
			padding: calc(1.1 * var(--base-unit)) 0 calc(0.5 * var(--base-unit)) 0;
		}
	}

	.p-about-08--01__pos {
		display: flex;
		justify-content: space-between;
	}

	.p-about-08--01__title {
		font-size: min(16px, calc(16 / 1200 * 100vw));
		letter-spacing: 0.03em;
		line-height: calc(28.8 / 16);
		color: #333;
		margin-bottom: 7px;
		grid-column: 1 / 3;
		word-break: keep-all;

		@media screen and (max-width: 767px) {
			font-size: calc(1.4 * var(--base-unit));
			line-height: calc(22 / 14);
			margin-bottom: 0;
		}
	}

	.p-about-08--01__name {
		font-weight: 500;
		font-size: min(20px, calc(20 / 1200 * 100vw));
		letter-spacing: 0.1em;
		line-height: calc(32 / 20);
		color: #333;
		flex: 1;

		sup {
			font-size: calc(1.3 * var(--base-unit));
			position: relative;
			top: 3px;

			@media screen and (max-width: 767px) {
				font-size: calc(0.9 * var(--base-unit));
				top: 4px;
			}
		}

		@media screen and (max-width: 767px) {
			font-size: calc(1.5 * var(--base-unit));
			line-height: calc(27 / 15);
		}
	}

	.p-about-08--01__sub {
		font-size: min(16px, calc(16 / 1200 * 100vw));
		letter-spacing: 0.03em;
		line-height: calc(28.8 / 16);
		color: #333;
		display: flex;
		align-items: flex-end;
		justify-content: flex-end;
		padding-right: 35px;
		position: relative;
		flex: 0 1 auto;

		@media screen and (max-width: 767px) {
			font-size: calc(1.4 * var(--base-unit));
			grid-row: 3;
			grid-column: 2 / 3;
			padding-right: calc(2.3 * var(--base-unit));
		}

		&::before {
			position: absolute;
			bottom: min(14px, calc(14 / 1200 * 100vw));
			right: -1px;
			width: min(22px, calc(22 / 1200 * 100vw));
			height: 1px;
			content: "";
			background-color: #000;
			transition: transform var(--transition-duration) ease-in-out;
			transform: rotate(90deg);
		}

		@media screen and (max-width: 767px) {
			&::before {
				transform: translateY(-1px) rotate(90deg);
				bottom: calc(12 / 375 * 100vw);
				width: calc(14 / 375 * 100vw);
				right: 0;
			}
		}

		&::after {
			position: absolute;
			bottom: min(14px, calc(14 / 1200 * 100vw));
			right: -1px;
			width: min(22px, calc(22 / 1200 * 100vw));
			height: 1px;
			content: "";
			background-color: #000;
			transform: translateY(-50%);
		}

		@media screen and (max-width: 767px) {
			&::after {
				transform: translateY(calc(-50% - 1px));
				bottom: calc(12 / 375 * 100vw);
				width: calc(14 / 375 * 100vw);
				right: 0;
			}
		}
	}

	.p-about-08--01__date {
		font-weight: 500;
		font-size: calc(1.8 * var(--base-unit));
		letter-spacing: 0.03em;
		line-height: calc(28.8 / 18);
		color: #000;
	}

	.p-about-08--01__text {
		font-size: calc(1.8 * var(--base-unit));
		letter-spacing: 0.03em;
		line-height: calc(28.8 / 18);
		color: #000;
	}

	.p-about-08--01__warp {
		transition: all 0.2s;
	}

	table {
		position: absolute;
		left: 0;
		width: 100%;
		background-color: #f7f7f8;
		padding: 11px 30px 10px;

		@media screen and (max-width: 767px) {
			padding: 10px 16px 22px;
		}

		tr {
			display: flex;
			gap: 11px;

			@media screen and (max-width: 767px) {
				padding: calc(0.9 * var(--base-unit)) 0 calc(0.4 * var(--base-unit));
				gap: 0;
				flex-direction: column;
			}

			@media screen and (max-width: 767px) {
				border-bottom: 1px solid #d5d5d5;
			}

			&:not(:last-child) {
				border-bottom: 1px solid #d5d5d5;
			}
		}

		th,
		td {
			font-size: calc(1.8 * var(--base-unit));
			letter-spacing: 0.03em;
			line-height: calc(28.8 / 18);
			color: #000;
			padding: 17.7px 0 17px;

			@media screen and (max-width: 767px) {
				font-size: calc(1.5 * var(--base-unit));
				padding: 0;
				text-align: left;
			}
		}

		th {
			min-width: 150px;
			font-weight: 500;
			flex: 0 1 auto;
			padding: 17.7px 0 17px 31px;
			text-align: left;

			@media screen and (max-width: 767px) {
				padding: 0;
			}
		}

		td {
			flex: 1;

			@media screen and (max-width: 767px) {
				line-height: calc(28.8 / 15);
			}
		}
	}
}

/* .p-about-09--01
---------------------------------------------------------- */
.p-about-09--01 {
	position: relative;
}

.p-about-09--01__map {
	position: relative;
	height: auto;
}

@media screen and (max-width: 1199px) {
	.p-about-09--01__map {
		margin-bottom: calc(2 * var(--base-unit));
	}
}

.p-about-09--01__map img {
	max-width: 100%;
	width: 100%;
	height: auto;
}

.p-about-09--01__content {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.p-about-09--01__map-link {
	display: flex;
	position: absolute;
	align-items: center;
	top: 35.7495881%;
	left: 40.4166667%;
	justify-content: flex-start;
	gap: 0 6px;
}

.p-about-09--01__map-link.p-about-09--01__map-link--02 {
	top: 30.9719934%;
	left: 71.0833333%;
}

.p-about-09--01__map-link.p-about-09--01__map-link--03 {
	top: 66.5568369%;
	left: 84.25%;
}

.p-about-09--01__map-link.p-about-09--01__map-link--04 {
	top: 27.1828666%;
	left: 4.41666667%;
}

.p-about-09--01__map-link.p-about-09--01__map-link--05 {
	top: 54.3657331%;
	left: 7.8333333%;
}

.p-about-09--01__map-link.p-about-09--01__map-link--06 {
	top: 36.5733114%;
	left: 14.8333333%;
}

.p-about-09--01__map-link.p-about-09--01__map-link--07 {
	top: 41.84514%;
	left: 30%;
}

.p-about-09--01__map-link.p-about-09--01__map-link--08 {
	top: 62.76771%;
	left: 24.5833333%;
}

.p-about-09--01__map-link.p-about-09--01__map-link--09 {
	top: 73.970346%;
	left: 39%;
}

.p-about-09--01__map-icon {
	height: 49px;
	width: 49px;
	position: relative;
	display: block;
}

.p-about-09--01__map-icon::before {
	content: "";
	width: 13px;
	height: 13px;
	background-image: url(https://www.mitsubishicorp.com/jp/assets_r24/images/special_modules/ico_map-circle_01.svg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	top: 50%;
	right: 10px;
	transform: translateY(-50%);
	position: absolute;
	/* transition: all 0.2s linear; */
}

.p-about-09--01__map-icon::after {
	content: "";
	height: 1px;
	position: absolute;
	top: 50%;
	left: 38px;
	transform: translateY(-50%);
	background-color: #000;
	transition: width 0.2s linear;
	width: 11px;
	display: block;
	mask: none;
}

.p-about-09--01__map-link:hover .p-about-09--01__map-icon::before {
	content: "";
	width: 49px;
	height: 49px;
	background-image: url(https://www.mitsubishicorp.com/jp/assets_r24/images/special_modules/ico_map-circle_02.svg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	right: -6px;
	position: absolute;
	/* transition: all 0.2s linear; */
}

.p-about-09--01__map-link:hover .p-about-09--01__map-icon::after {
	width: 28px;
	right: auto;
	left: 40px;
	/* transition-duration: 0.3s;
	transition-timing-function: ease-out; */
}

.p-about-09--01__map-text {
	font-weight: 500;
	font-size: calc(2.2 * var(--base-unit));
	letter-spacing: 0.1em;
	line-height: calc(32 / 22);
	color: #333;
	display: block;
	padding-right: calc(2.8 * var(--base-unit));
	transition: all 0.2s linear;
	overflow: hidden;
	position: relative;
	left: 0;
	will-change: transform;
}

.p-about-09--01__map-text::before {
	content: "";
	width: 22px;
	height: 22px;
	background-image: url(https://www.mitsubishicorp.com/jp/assets_r24/images/special_modules/ico_arrow-right_black_01.svg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	position: absolute;
	transition: all 0.2s linear;
	will-change: transform;
}

.p-about-09--01__map-text::after {
	content: "";
	height: 1px;
	position: absolute;
	bottom: 0;
	background-color: #333;
	transition: width 0.2s ease-in;
	width: 0;
	display: block;
	mask: none;
	margin-left: 0;
}

.p-about-09--01__map-link:hover .p-about-09--01__map-text::after {
	transition-duration: 0.5s;
	/* transition-timing-function: ease-out; */
	width: calc(100% + 22px);
	position: relative;
}

.p-about-09--01__map-link:hover .p-about-09--01__map-text::before {
	/* transform: scale(0.72); */
	/* top: 6px; */
	top: 50%;
	transform: translateY(-50%) scale(0.72);
	right: 3px;
}

.p-about-09--01__map-link:hover .p-about-09--01__map-text {
	transform: scale(1.4);
	transform-origin: center left;
	left: 19px;
}

.p-about-09--01__list {
	position: relative;
	padding: 0 calc(1.6 * var(--base-unit));
}

.p-about-09--01__list-item {
	display: flex;
	flex-direction: column;
	padding-right: calc(5.4 * var(--base-unit));
	border-top: solid 1px #d5d5d5;
}

.p-about-09--01__list-item:last-child {
	border-bottom: solid 1px #d5d5d5;
}

.p-about-09--01__list-link {
	font-family: var(--mc--str--of-font-family-name--noto-sans-jp);
	font-weight: 500;
	font-size: calc(1.7 * var(--base-unit));
	letter-spacing: 0.1em;
	line-height: calc(32 / 17);
	color: #333;
	position: relative;
	display: block;
	padding: calc(1.35 * var(--base-unit)) 0;
}
.p-about-09--01__list-link::after {
	content: "";
	width: calc(2.2 * var(--base-unit));
	height: calc(2.2 * var(--base-unit));
	background-image: url(https://www.mitsubishicorp.com/jp/assets_r24/images/special_modules/ico_arrow-right_gray_01.svg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	top: 50%;
	right: calc(-3.8 * var(--base-unit));
	transform: translateY(-50%);
	position: absolute;
	opacity: 0.6;
}

@media print {
	.p-about-09--01__map .u-hide--tb-pc,
	.p-about-09--01__list.u-hide--tb-pc {
		display: none;
	}
}

@media print {
	.p-about-09--01__map .u-d-lg-none,
	.p-about-09--01__list.u-d-lg-none {
		display: none;
	}

	.p-about-09--01__map-text {
		padding-right: 18px;
	}

	.p-about-09--01__map-text::before {
		width: 12px;
		height: 12px;
	}

	.p-about-09--01__map-link {
		top: 32.749588%;
		left: 38.416667%;
	}

	.p-about-09--01__map-link.p-about-09--01__map-link--02 {
		top: 30.9719934%;
		left: 70.083333%;
	}

	.p-about-09--01__map-link.p-about-09--01__map-link--03 {
		top: 64.556837%;
		left: 83.25%;
	}

	.p-about-09--01__map-link.p-about-09--01__map-link--04 {
		top: 25.182867%;
		left: 2.416667%;
	}

	.p-about-09--01__map-link.p-about-09--01__map-link--05 {
		top: 52.365733%;
		left: 6.833333%;
	}

	.p-about-09--01__map-link.p-about-09--01__map-link--06 {
		top: 34.573311%;
		left: 13%;
	}

	.p-about-09--01__map-link.p-about-09--01__map-link--07 {
		top: 38.84514%;
		left: 29%;
	}

	.p-about-09--01__map-link.p-about-09--01__map-link--08 {
		top: 60.365733%;
		left: 22.833333%;
	}

	.p-about-09--01__map-link.p-about-09--01__map-link--09 {
		top: 71.970346%;
		left: 37%;
	}
}

/* .p-about-09--02
---------------------------------------------------------- */
.p-about-09--02 {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: calc(2 * var(--base-unit)) calc(2.4 * var(--base-unit));

	@media screen and (max-width: 767px) {
		grid-template-columns: 100%;
	}

	li > * {
		&:first-child {
			margin-top: 0;
		}
	}
}

/* .p-ir-04-01-07--01
---------------------------------------------------------- */
.p-ir-04-01-07--01 {
	display: block;
	max-width: 792px;
	margin: calc(5 * var(--base-unit)) auto 0;
	padding: 0 calc(2 * var(--base-unit));

	@media screen and (max-width: 767px) {
		margin: calc(3 * var(--base-unit)) auto 0;
	}

	&:hover {
		@media screen and (min-width: 768px) {
			figure {
				box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1);

				img {
					transform: scale(1.1);
				}
			}
		}
	}

	figure {
		overflow: hidden;
		position: relative;
		border: 1px solid #d5d5d5;
		line-height: 0;

		[target="_blank"] &::after {
			content: "";
			position: absolute;
			background: url("https://www.mitsubishicorp.com/jp/assets_r24/images/special_modules/ico_blank_circle_01.svg")
				0% 0% / contain no-repeat;
			width: calc(4.6 * var(--base-unit));
			height: calc(4.6 * var(--base-unit));
			right: calc(1 * var(--base-unit));
			bottom: calc(1 * var(--base-unit));
		}

		img {
			width: 100%;
			height: auto;
			object-fit: cover;
			transition: transform 300ms ease-out;
		}
	}
}

/* .p-ir-04-01-07--02
---------------------------------------------------------- */
.p-ir-04-01-07--02 {
	margin: calc(4 * var(--base-unit)) auto 0;
	width: var(--width-contents);

	@media screen and (max-width: 767px) {
		margin: calc(2 * var(--base-unit)) auto 0;
	}

	> a {
		margin: 0 auto;
		display: flex;
		align-items: center;
		width: fit-content;
		max-width: 100%;
		min-width: calc(calc(100% - calc(4.8 * var(--base-unit))) / 3);
		min-height: calc(8 * var(--base-unit));
		box-sizing: border-box;
		padding: calc(1.2 * var(--base-unit)) calc(4.6 * var(--base-unit))
			calc(1.1 * var(--base-unit)) calc(2.8 * var(--base-unit));
		color: #333;
		font-size: calc(1.8 * var(--base-unit));
		position: relative;
		font-weight: 400;
		letter-spacing: 0.1em;
		line-height: calc(28 / 20);
		background: #fff;
		border: 1px solid #0f2350;
		/* transition: opacity var(--transition-duration) ease-in-out; */
		transition: background 0.3s ease 0s;

		&:hover {
			@media screen and (min-width: 768px) {
				/* opacity: 0.5; */
				border-color: #a22041;
				background: #a22041;
				color: #fff;
			}
		}

		&::after {
			content: "";
			position: absolute;
			background: url("https://www.mitsubishicorp.com/jp/assets_r24/images/special_modules/ico_blank_01.svg") 0%
				0% / contain no-repeat;
			width: calc(2 * var(--base-unit));
			height: calc(2 * var(--base-unit));
			right: calc(2 * var(--base-unit));
			top: 50%;
			transform: translateY(-50%);			
			transition: filter 0.3s ease 0s;
		}
		&:hover::after {
			@media screen and (min-width: 768px) {
		  filter: brightness(0) invert(1);
			}		
		}
	}
}
.p-ir-event-btn_content {
	width: fit-content;
}

/* .c-container-content--02
---------------------------------------------------------- */
.c-container-content--02 {
	max-width: 500px;
	margin: 0 auto;
	padding: 0 calc(2 * var(--base-unit));

	.p-ir-04-01-07--04 {
		li {
			padding: calc(1.8 * var(--base-unit)) calc(3.2 * var(--base-unit))
				calc(1.2 * var(--base-unit));

			@media screen and (max-width: 767px) {
				padding: calc(1.5 * var(--base-unit)) calc(1.9 * var(--base-unit))
					calc(1.3 * var(--base-unit));
			}
		}
	}
}

/* .c-box-badge--01
---------------------------------------------------------- */
.c-box-badge--01 {
	border-radius: 2px;
	background: #fff;
	border: 1px solid #d5d5d5;
	font-size: calc(1.4 * var(--base-unit));
	letter-spacing: 0.05em;
	color: #333;
	min-width: calc(8 * var(--base-unit));
	min-height: calc(2.4 * var(--base-unit));
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-weight: 400;
	padding: 0 calc(0.7 * var(--base-unit));

	@media screen and (max-width: 767px) {
		min-width: calc(7.8 * var(--base-unit));
		min-height: calc(2.3 * var(--base-unit));
		font-size: calc(1.3 * var(--base-unit));
	}

	a + & {
		margin: -1px 0;
	}
}

/* adjust common
.p-link01:has(> .c-box-badge--01) {
	display: inline-flex;
	flex-wrap: wrap;
	gap: calc(0.8 * var(--base-unit)) calc(0.7 * var(--base-unit));
} */

/* .p-ir-04-01-07--03
---------------------------------------------------------- */
.p-ir-04-01-07--03 {
	margin-top: calc(2 * var(--base-unit));

	@media screen and (max-width: 767px) {
		margin-top: calc(1.5 * var(--base-unit));
	}

	.p-notes01 {
		margin-top: calc(0.3 * var(--base-unit));

		@media screen and (max-width: 767px) {
			margin-top: calc(0.9 * var(--base-unit));
		}
	}
}

/* .p-ir-04-01-07--04
---------------------------------------------------------- */
.p-ir-04-01-07--04 {
	&:has(> .c-box-badge--01),
	li {
		display: flex;
		flex-wrap: wrap;
		gap: calc(0.8 * var(--base-unit)) calc(0.7 * var(--base-unit));
		width: 100%;
		box-sizing: border-box;

		@media screen and (max-width: 767px) {
			> a {
				width: 100%;
			}
		}
	}
}

/* .p-about-09-01--01
---------------------------------------------------------- */
.p-about-09-01--01 {
	position: relative;
}

.p-about-09-01--01__list {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	row-gap: calc(3 * var(--base-unit));
	column-gap: calc(2.4 * var(--base-unit));
}

@media screen and (min-width: 768px) and (max-width: 1199px) {
	.p-about-09-01--01__list {
		grid-template-columns: repeat(4, 1fr);
	}
}

@media screen and (max-width: 767px) {
	.p-about-09-01--01__list {
		grid-template-columns: repeat(2, 1fr);
		row-gap: calc(1 * var(--base-unit));
		column-gap: calc(1 * var(--base-unit));
	}
}

.p-about-09-01--01__list a {
	display: flex;
	align-items: center;
	width: 100%;
	min-height: calc(6.2 * var(--base-unit));
	box-sizing: border-box;
	padding: calc(0.8 * var(--base-unit)) calc(4 * var(--base-unit))
		calc(0.8 * var(--base-unit)) calc(1.6 * var(--base-unit));
	transition: background 0.3s ease 0s, box-shadow 0.3s ease 0s;
	background: #fff;
	color: #333;
	font-family: var(--mc--str--of-font-family-name--noto-sans-jp);
	font-size: calc(1.6 * var(--base-unit));
	position: relative;
	font-weight: 400;
	letter-spacing: 0.03em;
	line-height: calc(22 / 16);
	border-bottom: calc(0.1 * var(--base-unit)) solid #0f2350;
}

@media screen and (max-width: 767px) {
	.p-about-09-01--01__list a {
		min-width: 100%;
		min-height: calc(5.4 * var(--base-unit));
		padding: calc(1.5 * var(--base-unit)) calc(4.4 * var(--base-unit))
			calc(1.4 * var(--base-unit)) calc(1.6 * var(--base-unit));
		font-size: calc(1.7 * var(--base-unit));
		font-weight: 500;
		line-height: calc(22 / 17);
	}
}

.p-about-09-01--01__list a::after {
	display: block;
	width: calc(1 * var(--base-unit));
	height: calc(0.6 * var(--base-unit));
	position: absolute;
	right: calc(1.5 * var(--base-unit));
	top: 0;
	bottom: 0;
	margin: auto 0;
	content: "";
	background: #000;
	clip-path: polygon(0 0, 100% 0, 50% 100%);
}

@media screen and (max-width: 767px) {
	.p-about-09-01--01__list a::after {
		width: calc(1.4 * var(--base-unit));
		height: calc(0.8 * var(--base-unit));
	}
}

@media screen and (min-width: 768px) {
	.p-about-09-01--01__list a:hover {
		color: #fff;
		background-color: #a22041;
		box-shadow: 0 calc(0.3 * var(--base-unit)) calc(0.6 * var(--base-unit))
			rgba(0, 0, 0, 0.16);
		border-bottom-color: #a22041;
	}
	.p-about-09-01--01__list a:hover::after {
		background-color: #fff;
	}
}

@media print {
	.p-about-09-01--01__list {
		gap: 14px 14px;
	}

	.p-about-09-01--01__list a {
		padding: 8px 20px 8px 8px;
		border-bottom: 1px solid #0f2350;
		height: 100%;
	}

	.p-about-09-01--01__list a::after {
		width: 10px;
		height: 6px;
		right: 6px;
	}
}

/* .heading_special_branch
---------------------------------------------------------- */
.heading_special_branch {
	position: relative;
	padding-left: calc(4.6 * var(--base-unit));
	margin-bottom: calc(3 * var(--base-unit));
}

@media screen and (max-width: 767px) {
	.heading_special_branch {
		padding-left: calc(2.5 * var(--base-unit));
		margin-bottom: calc(2 * var(--base-unit));
	}
}

.heading_special_branch::before {
	content: "";
	width: calc(3.6 * var(--base-unit));
	height: calc(3.6 * var(--base-unit));
	background-image: url(https://www.mitsubishicorp.com/jp/assets_r24/images/special_modules/icon_pin-location_01.svg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	top: calc(0.6 * var(--base-unit));
	left: 0;
	position: absolute;
}

@media screen and (max-width: 767px) {
	.heading_special_branch::before {
		width: calc(2.4 * var(--base-unit));
		height: calc(2.4 * var(--base-unit));
		top: calc(0.3 * var(--base-unit));
		left: calc(-0.3 * var(--base-unit));
	}
}

.heading_special_branch span {
	font-family: "Noto Sans JP";
	font-weight: 400;
	font-size: calc(3.4 * var(--base-unit));
	letter-spacing: 0.1em;
	line-height: calc(48 / 34);
	color: #333;
}

@media screen and (max-width: 767px) {
	.heading_special_branch span {
		font-size: calc(2.2 * var(--base-unit));
		line-height: calc(30 / 22);
	}
}

@media print {
	.heading_special_branch {
		padding-left: 18px;
		margin-bottom: 15px;
	}

	.heading_special_branch::before {
		width: 14px;
		height: 14px;
		top: 0;
	}
}

/* .ot-sdk-show-settings
---------------------------------------------------------- */
.ot-sdk-btn {
	display: flex;
	justify-content: center;
	margin: calc(4* var(--base-unit)) auto 0;
	width: var(--width-contents);
}

.ot-sdk-show-settings {
	border: none!important;
	outline: 0;
	background: #000!important;
	color: #fff!important;
	font-family: var(----mc--str--of-font-family-name--basic)!important;
}
@media print, screen and (min-width: 768px) {
	.ot-sdk-btn .ot-sdk-show-settings {
		display: flex;
		align-items: center;
		justify-content: center;
		width: fit-content;
		max-width: 100%;
		min-width: calc(calc(100% - calc(4.8 * var(--base-unit))) / 3);
		min-height: calc(8 * var(--base-unit));
		box-sizing: border-box;
		padding: calc(1.2 * var(--base-unit)) calc(3 * var(--base-unit))
			calc(1.1 * var(--base-unit)) calc(3 * var(--base-unit))!important;
		transition: background 0.3s ease 0s!important;
		font-size: calc(2 * var(--base-unit))!important;
		position: relative;
		font-weight: 400;
		letter-spacing: 0.1em;
		line-height: calc(28 / 20)!important;
		cursor: pointer;
	}
	.c-sitemap1__info ul li .ot-sdk-show-settings {
		padding-bottom: .3em;
        background: linear-gradient(#fff, #fff) 0 100% / 0 1px no-repeat!important;
        transition: background .4s;
        line-height: 1.6;
	}

	
		.ot-sdk-btn .ot-sdk-show-settings:hover {
			background: #a22041!important;
		}
		.c-sitemap1__info ul li .ot-sdk-show-settings:hover {
			background-size: 100% 1px!important;
	}
}
@media screen and (max-width: 767px) {
	.ot-sdk-btn {
		margin-top: calc(3 * var(--base-unit));
	}

	.ot-sdk-show-settings {
		min-width: 100%;
		min-height: calc(5.4 * var(--base-unit));
		padding: calc(1.2 * var(--base-unit)) calc(1.6 * var(--base-unit))
			calc(1.1 * var(--base-unit)) calc(1.6 * var(--base-unit))!important;
		font-size: calc(1.7 * var(--base-unit))!important;
		font-weight: 500;
		line-height: calc(22 / 17)!important;
	}
}

/* .p-link01__lang--arrow-down
---------------------------------------------------------- */
.p-link01__lang--arrow-down {
	&::before {
		transform: rotate(90deg);
	}
}

/* .p-btn02--center-large
---------------------------------------------------------- */
.p-btn02--center-large {
	a {
		margin: 0 auto;

		@media screen and (min-width: 768px) {
			padding: calc(2.5 * var(--base-unit)) calc(6.8 * var(--base-unit))
				calc(2.5 * var(--base-unit)) calc(3 * var(--base-unit));
		}
	}
}

/* .p-link01__lang--arrow-down
---------------------------------------------------------- */
.p-link01__lang--arrow-down {
	&::before {
		transform: rotate(90deg);
	}
}

/* .p-btn02--center-large
---------------------------------------------------------- */
.p-btn02--center-large {
	a {
		margin: 0 auto;

		@media screen and (min-width: 768px) {
			padding: calc(2.5 * var(--base-unit)) calc(6.8 * var(--base-unit))
				calc(2.5 * var(--base-unit)) calc(3 * var(--base-unit));
		}
	}
}

/* .p-about-01--01
---------------------------------------------------------- */
.p-about-01--01 {
	position: relative;
	margin-bottom: calc(8 * var(--base-unit));
}

.p-about-01--01__img {
		overflow: hidden;
		position: relative;
		height: calc(66.9 * var(--base-unit));
		z-index: 1;
}

.p-about-01--01__img img {
		object-fit: cover;
		width: 100%;
		height: 100%;
}

.p-about-01--01__title {
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	transform: translateY(-50%);
	width: var(--width-contents);
	min-height: auto;
	margin: 0 auto;
	padding: 0;
	background-color: transparent;
	z-index: 2;
}

@media screen and (max-width: 767px) {

	.p-about-01--01 {
		margin-bottom: 0;
	}

	.p-about-01--01__img {
			height: auto;
	}

	.p-about-01--01__img img {
		object-fit: inherit;
		height: auto;
	}

	.p-about-01--01__title {
		position: static;
		transform: none;
		padding: calc(3 * var(--base-unit)) 0 calc(2 * var(--base-unit)) 0;
	}

}

/* .p-about-01--02
---------------------------------------------------------- */
.p-about-01--02 {
		margin: calc(4 * var(--base-unit)) auto 0;
		width: var(--width-contents);
		text-align: right;
	}

	.p-about-01--02__item {
		width: 100%;
	}

	.p-about-01--02 > .p-about-01--02__item {
		margin: 0 0 0 auto;
		width: calc(28.4 * var(--base-unit));
		max-width: 100%;
	}

	.p-about-01--02__item-img {
		display: grid;
		place-content: center;
	}

	.p-about-01--02__item-img > img {
		display: block;
		max-width: calc(100% + 2px);
		max-height: 100%;
		width: unset;
		height: unset;
		object-fit: contain;
	}

	.p-about-01--02__item-cap {
		margin-top: calc(2 * var(--base-unit));
		font-weight: 400;
		font-size: calc(1.6 * var(--base-unit));
		letter-spacing: 0.04em;
		line-height: calc(28.8 / 16);
		color: #333;

	}

	@media screen and (max-width: 767px) {
		.p-about-01--02 {
			margin-top: calc(2 * var(--base-unit));
		}

		.p-about-01--02 > .p-about-01--02__item {
			width: calc(19.3 * var(--base-unit));
		}

		.p-about-01--02 > .p-img01__item {
			width: 100%;
		}

		.p-about-01--02__item-cap {
			font-size: calc(1.5 * var(--base-unit));
		}
	}
/* .p-about-12-23--01
---------------------------------------------------------- */
.p-about-12-23--01 {
	position: relative;
}

.p-about-12-23--01__image > img {
	width: 100%;
}

.p-about-12-23--01__title-wrap {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	text-align: center;
	transform: translateY(-50%);
}

.p-about-12-23--01__title {
	font-size: calc(50 / 1000 * 100vw);
	line-height: 1.7;
	color: #fff;
}

@media screen and (max-width: 767px) {
	.p-about-12-23--01__title {
		font-size: calc(70 / 1000 * 100vw);
	}
}

.p-about-12-23--01__text {
	position: absolute;
	left: 2%;
	bottom: 7%;
	max-width: 580px;
	font-size: calc(12 / 1000 * 100vw);
	line-height: 1.9;
	color: #fff;
	background-color: rgba(15, 31, 57, 0.7);
	padding: 12px 19px;
	border-radius: 15px;
	box-sizing: border-box;
}

@media screen and (max-width: 767px) {
	.p-about-12-23--01__text {
		width: 96%;
		font-size: calc(14 / 375 * 100vw);
	}
}

/* .p-about-12-23--02
---------------------------------------------------------- */
.p-about-12-23--02 {
	width: 80%;
	max-width: 800px;
	margin: calc(10 * var(--base-unit)) auto calc(10 * var(--base-unit));
}

@media screen and (max-width: 767px) {
	.p-about-12-23--02 {
		margin-top: calc(3.8 * var(--base-unit));
		margin-bottom: calc(5 * var(--base-unit));
	}
}

.p-about-12-23--02__hd {
	display: inline-block;
	line-height: 1.6;
	color: #333;
	font-size: calc(2.4 * var(--base-unit));
}

@media screen and (max-width: 767px) {
	.p-about-12-23--02__hd {
		font-size: calc(1.7 * var(--base-unit));
	}
}

.p-about-12-23--02__hd > span {
	display: block;
	font-size: calc(1.3 * var(--base-unit));
	font-weight: normal;
	line-height: calc(23 / 14);
}

@media screen and (max-width: 767px) {
	.p-about-12-23--02__hd > span {
		line-height: 1;
	}
}

/* .p-about-12-23--03
---------------------------------------------------------- */
.p-about-12-23--03--hd {
	display: inline-block;
	line-height: 1.6;
	color: #333;
	font-size: calc(2.4 * var(--base-unit));
	font-weight: bold;
	margin-bottom: calc(3 * var(--base-unit));
}

@media screen and (max-width: 767px) {
	.p-about-12-23--03--hd {
		font-size: calc(1.7 * var(--base-unit));
		margin-bottom: calc(2 * var(--base-unit));
	}
}

.p-about-12-23--03--hd > span {
	display: block;
	font-size: calc(1.4 * var(--base-unit));
	font-weight: normal;
	line-height: calc(23 / 14);
}

@media screen and (max-width: 767px) {
	.p-about-12-23--03--hd > span {
		font-size: calc(1.3 * var(--base-unit));
		line-height: 1;
		letter-spacing: -0.01rem;
	}
}

	/* searchContents
---------------------------------------------------------- */
/* search form */
#searchContents > #contentsInner {
	width: var(--width-contents);
	position: relative;
	margin: calc(8 * var(--base-unit)) auto calc(9 * var(--base-unit));
}

@media screen and (max-width: 767px) {
	#searchContents > #contentsInner {
		margin: calc(4 * var(--base-unit)) auto;
	}
}

#searchContents #searchArea {
	background-color: #f7f7f8;
}

#searchContents .searchWordInner {
	position: relative;
}

#searchContents .searchTxtAreaWrapper {
	padding: calc(4 * var(--base-unit)) calc(5 * var(--base-unit));
}

@media screen and (max-width: 767px) {
	#searchContents .searchTxtAreaWrapper {
		padding: calc(3 * var(--base-unit)) calc(1.6 * var(--base-unit)) calc(2 * var(--base-unit));
	}
}

#searchContents .txtarea {
  width: 100%;
  height: calc(6.2 * var(--base-unit));
  padding: 0 0 0 calc(5.6 * var(--base-unit));
  border: 1px solid #d5d5d5;
		font-size: calc(1.6 * var(--base-unit));
		color: #333;
		box-sizing: border-box;
}

@media screen and (max-width: 767px) {
	#searchContents .txtarea {
		height: calc(6 * var(--base-unit));
		padding: 0 0 0 calc(5 * var(--base-unit));
	}
}

#searchContents .txtarea::placeholder {
	color: #a7a7a7;
}

#searchContents .SearchResultArea {
	position: absolute;
	display: block;
	left: calc(6.8 * var(--base-unit));
	top: 50%;
	transform: translateY(-50%);
}

@media screen and (max-width: 767px) {
	#searchContents .SearchResultArea {
		top: calc(50% + calc(0.5 * var(--base-unit)));
		left: calc(2.7 * var(--base-unit));
	}
}

#searchContents #btnSearchResult {
	display: block;
	background: url("https://www.mitsubishicorp.com/jp/assets_r24/images/special_modules/ico_search_01.svg") no-repeat;
	border: none;
	width: calc(3 * var(--base-unit));
	height: calc(3 * var(--base-unit));
	cursor: pointer;
}

@media screen and (min-width: 768px) {
	#searchContents .searchOption {
		padding-top: calc(0.7 * var(--base-unit));
	}
}

#searchContents .searchOptionInner {
	padding: 0 calc(5 * var(--base-unit)) calc(5 * var(--base-unit));
}

@media screen and (max-width: 767px) {
	#searchContents .searchOptionInner {
		padding: 0 calc(1.6 * var(--base-unit)) calc(3 * var(--base-unit));
	}
}

#searchContents .searchOptionHeading {
	display: none;
}

@media screen and (max-width: 767px) {
	#searchContents .searchOptionHeading {
		display: block;
		position: relative;
		width: 100%;
		background-color: transparent;
		border: none;
		border-top: 2px solid #d5d5d5;
		border-bottom: 2px solid #d5d5d5;
		padding: 0;
		margin: 0;
		font-size: calc(1.5 * var(--base-unit));
		font-weight: 600;
		line-height: calc(21/15);
		padding: calc(3 * var(--base-unit)) 0;
	}

	#searchContents .searchOptionHeading::before {
		content: "";
		position: absolute;
		top: 50%;
		right: calc(1.6 * var(--base-unit));
		display: block;
		width: calc(2.2 * var(--base-unit));
		height: calc(0.2 * var(--base-unit));
		border-radius: 50%;
		background-color: #000;
		transform: translateY(-50%);
	}

	#searchContents .searchOptionHeading::after {
		content: "";
		position: absolute;
		top: 50%;
		right: calc(2.6 * var(--base-unit));
		display: block;
		width: calc(0.2 * var(--base-unit));
		height: calc(2.2 * var(--base-unit));
		border-radius: 50%;
		background-color: #000;
		transform: translateY(-50%);
		transition: opacity 0.3s ease-in-out;
		opacity: 1;
	}

	#searchContents .searchOptionHeading[aria-expanded="true"]::after {
		opacity: 0;
	}
}

@media screen and (max-width: 767px) {
	#searchContents .searchOptionContent {
		max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease-in-out;
	}
}

@media screen and (min-width: 768px) {
	#searchContents .searchOptionInner dl {
		display: grid;
		align-items: center;
		grid-template-columns: calc(15.4 * var(--base-unit)) 1fr;
		gap: calc(3.4 * var(--base-unit)) 0;
	}
}

@media screen and (max-width: 767px) {
	#searchContents .searchOptionInner dl {
		border-bottom: 1px solid #d5d5d5;
		padding-top: calc(1.8 * var(--base-unit));
		padding-bottom: calc(2 * var(--base-unit));
	}
}

#searchContents .searchOptionInner dl dt {
	font-size: calc(1.8 * var(--base-unit));
	font-weight: 500;
	line-height: calc(26/18);
}

@media screen and (max-width: 767px) {
	#searchContents .searchOptionInner dl dt {
		padding-bottom: calc(1 * var(--base-unit));
	}
}

@media screen and (max-width: 767px) {
	#searchContents .searchOptionInner dl dd + dt {
		padding-top: calc(2 * var(--base-unit));
	}
}

#searchContents .searchOptionInner dl dd {
	font-size: calc(1.6 * var(--base-unit));
	font-weight: 400;
	line-height: calc(24/16);
	letter-spacing: 0.1em;
}

@media screen and (max-width: 767px) {
	#searchContents .searchOptionInner dl dd {
		font-size: calc(1.4 * var(--base-unit));
		line-height: calc(20/14);
		letter-spacing: 0.03em;
	}
}

#searchContents .searchOptionInner dl dd ul {
	display: flex;
	flex-wrap: wrap;
	gap: calc(2 * var(--base-unit)) calc(5.1 * var(--base-unit));
}

@media screen and (max-width: 767px) {
	#searchContents .searchOptionInner dl dd ul {
		flex-direction: column;
		gap: calc(1 * var(--base-unit));
	}
}

@media screen and (max-width: 767px) {
	#searchContents .searchOptionInner dl dd ul.col2 {
		display: grid;
		grid-template-columns: 47% 53%;
	}
}

#searchContents .searchOptionInner dl dd ul li {
	display: flex;
	align-items: center;
}

#searchContents .searchRadio {
}

#searchContents .searchRadio input[type=radio] {
	position: absolute;
	opacity: 0;
	cursor: pointer;
}

#searchContents .searchRadio input[type=radio] + label {
	display: flex;
	align-items: center;
	cursor: pointer;
	position: relative;
}

#searchContents .searchRadio input[type=radio] + label::before {
	content: '';
	display: block;
	background-color: #fff;
	border-radius: 100%;
	border: 1px solid #000;
	width: calc(2.2 * var(--base-unit));
	height: calc(2.2 * var(--base-unit));
	margin: 0 calc(1.3 * var(--base-unit)) 0 calc(0.9 * var(--base-unit));
	flex: 0 0 auto;
	box-sizing: border-box;
}

@media screen and (max-width: 767px) {
	#searchContents .searchRadio input[type=radio] + label::before {
		width: calc(1.8 * var(--base-unit));
		height: calc(1.8 * var(--base-unit));
		margin: 0 calc(0.7 * var(--base-unit)) 0 calc(0.3 * var(--base-unit));
	}
}

#searchContents .searchRadio input[type=radio] + label::after {
	content: '';
	opacity: 0;
	position: absolute;
	visibility: hidden;
	top: 50%;
	left: calc(1.3* var(--base-unit));
	display: block;
	background-color: #a22041;
	border-radius: 100%;
 width: calc(1.4* var(--base-unit));
 height: calc(1.4* var(--base-unit));
	transform: translateY(-50%);
	z-index: 1;
	box-sizing: border-box;
	transition: opacity 0.2s ease-in;
}

@media screen and (max-width: 767px) {
	#searchContents .searchRadio input[type=radio] + label::after {
		left: calc(0.7* var(--base-unit));
		width: calc(1* var(--base-unit));
		height: calc(1* var(--base-unit));
	}
}

#searchContents .searchRadio input[type="radio"]:checked + label::before {
	background-color: #fff;
	border: 1px solid #000;
}

#searchContents .searchRadio input[type="radio"]:checked + label::after {
	opacity: 1;
	visibility: visible;
}

#searchContents .searchCheckbox input[type=checkbox] {
	position: absolute;
	opacity: 0;
	cursor: pointer;
}

#searchContents .searchCheckbox input[type=checkbox] + label {
	display: flex;
	align-items: center;
	cursor: pointer;
	position: relative;
}

#searchContents .searchCheckbox input[type=checkbox] + label::before {
	content: '';
	display: block;
	background-color: #fff;
	border: 1px solid #000;
	width: calc(2.2 * var(--base-unit));
	height: calc(2.2 * var(--base-unit));
	margin: 0 calc(1.3 * var(--base-unit)) 0 calc(0.9 * var(--base-unit));
	flex: 0 0 auto;
	box-sizing: border-box;
}

@media screen and (max-width: 767px) {
	#searchContents .searchCheckbox input[type=checkbox] + label::before {
		width: calc(1.8 * var(--base-unit));
		height: calc(1.8 * var(--base-unit));
		margin: 0 calc(0.7 * var(--base-unit)) 0 calc(0.3 * var(--base-unit));
	}
}

#searchContents .searchCheckbox input[type=checkbox] + label::after {
	content: '';
	opacity: 0;
	position: absolute;
	visibility: hidden;
	top: 0;
	left: calc(0.8* var(--base-unit));
	display: block;
	background: url(https://www.mitsubishicorp.com/jp/assets_r24/images/special_modules/ico_checkbox_01.svg) no-repeat;
	background-size: contain;
 width: calc(2.4 * var(--base-unit));
	height: calc(2.4 * var(--base-unit));
	z-index: 1;
	box-sizing: border-box;
	transition: opacity 0.2s ease-in;
}

@media screen and (max-width: 767px) {
	#searchContents .searchCheckbox input[type=checkbox] + label::after {
		background: url(../png/ico_checkbox_02.png) no-repeat;
		top: 50%;
		left: calc(0.6* var(--base-unit));
		width: calc(1.2* var(--base-unit));
		height: calc(0.9* var(--base-unit));
		background-size: contain;
		transform: translateY(-50%);
	}
}

#searchContents .searchCheckbox input[type="checkbox"]:checked + label::before {
	background-color: #fff;
	border: 1px solid #000;
}

@media screen and (max-width: 767px) {
	#searchContents .searchCheckbox input[type="checkbox"]:checked + label::before {
		background-color: #a22041;
		border-color: #a22041;
		border-radius: 1px;
	}
}

#searchContents .searchCheckbox input[type="checkbox"]:checked + label::after {
	opacity: 1;
	visibility: visible;
}

#searchContents .searchOptionInner dl dd select {
	appearance: none;
	width: 100%;
	font-size: calc(1.6 * var(--base-unit));
	line-height: calc(24/16);
	letter-spacing: 0.03em;
	padding: calc(1.8 * var(--base-unit)) calc(1.5 * var(--base-unit)) calc(1.8 * var(--base-unit)) calc(1.6 * var(--base-unit));
	background-color: #fff;
	border: 1px solid #d5d5d5;
	color: #333;
	cursor: pointer;
}

@media screen and (max-width: 767px) {
	#searchContents .searchOptionInner dl dd select {
		font-size: calc(1.7 * var(--base-unit));
		font-weight: 500;
		line-height: calc(25/17);
		letter-spacing: 0.03em;
		padding: calc(1.4 * var(--base-unit)) calc(1.5 * var(--base-unit)) calc(1.3 * var(--base-unit)) calc(1.6 * var(--base-unit));
	}
}

#searchContents .searchOptionInner dl dd.searchSelect {
	width: 100%;
	max-width: calc(18.3 * var(--base-unit));
 position: relative;
}

@media screen and (max-width: 767px) {
	#searchContents .searchOptionInner dl dd.searchSelect {
		max-width: calc(15 * var(--base-unit));
	}
}

#searchContents .searchOptionInner dl dd.searchSelect::before {
	content: "";
	position: absolute;
	top: 50%;
	right: calc(1.5 * var(--base-unit));
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 6px 5px 0 5px;
	border-color: #000 transparent transparent transparent;
	transform: translateY(-50%);
}

@media screen and (max-width: 767px) {
	#searchContents .searchOptionInner dl dd.searchSelect::before {
		border-width: 8px 7px 0 7px;;
	}
}

#searchContents .searchOptionInner .searchListBtn {
	display: flex;
	gap: calc(2 * var(--base-unit));
	margin-top: calc(3 * var(--base-unit));
}

@media screen and (min-width: 768px) {
	#searchContents .searchOptionInner .searchListBtn {
		flex-wrap: wrap;
		justify-content: center;
	}
}

@media screen and (max-width: 767px) {
	#searchContents .searchOptionInner .searchListBtn {
		gap: calc(0.9 * var(--base-unit));
		margin-top: calc(2 * var(--base-unit));
	}
}

@media screen and (max-width: 767px) {
	#searchContents .searchOptionInner .linkBtn {
		width: calc(17.9 * var(--base-unit));
	}
}

@media screen and (max-width: 767px) {
	#searchContents .searchOptionInner .linkBtn.reset {
		width: calc(11.3 * var(--base-unit));
	}
}

#searchContents .searchOptionInner .linkBtn > input {
	display: block;
	width: calc(12 * var(--base-unit));
	font-size: calc(2 * var(--base-unit));
	line-height: calc(28/20);
	letter-spacing: 0.1em;
	text-align: center;
	color: #fff;
	background-color: #000;
	border: 1px solid #000;
	padding: calc(1.5 * var(--base-unit)) calc(1 * var(--base-unit));
	cursor: pointer;
}

@media screen and (max-width: 767px) {
	#searchContents .searchOptionInner .linkBtn > input {
		width: 100%;
		font-size: calc(1.7 * var(--base-unit));
		line-height: calc(25/17);
		padding: calc(1.3 * var(--base-unit)) calc(1 * var(--base-unit));
	}
}

#searchContents .searchOptionInner .linkBtn.reset > input {
	color: #333;
	background-color: #fff;
	border: 1px solid #d5d5d5;
}

@media screen and (min-width: 768px) {
	#searchContents .searchOptionInner .linkBtn:hover input {
		background-color: #a22041;
		color: #fff;
		border-color: #a22041;
	}
}

/* Search Heading */
#searchContents #sectionList {
	margin: calc(8 * var(--base-unit)) 0 0;
}

@media screen and (max-width: 767px) {
	#searchContents #sectionList {
		margin: calc(4 * var(--base-unit)) 0 0;
	}
}

#searchContents #sectionList .here > p {
	font-size: calc(2.2 * var(--base-unit));
	line-height: calc(40/22);
	letter-spacing: 0.1em;
}

@media screen and (max-width: 767px) {
	#searchContents #sectionList .here > p {
		font-size: calc(1.5 * var(--base-unit));
		line-height: calc(28/15);
	}
}

#searchContents #sectionList .here > p > span > span {
	font-size: calc(2.8 * var(--base-unit));
	line-height: calc(40/28);
 font-weight: bold;
}

@media screen and (max-width: 767px) {
	#searchContents #sectionList .here > p > span > span {
		font-size: calc(2 * var(--base-unit));
		line-height: calc(28/20);
	}
}

/* Pagination */
#searchContents .page-pagination {
	display: flex;
	justify-content: center;
	gap: 0 calc(2.5 * var(--base-unit));
	margin-top: calc(3.8 * var(--base-unit));
	margin-bottom: calc(4 * var(--base-unit));

	@media screen and (max-width: 767px) {
		margin-top: calc(3 * var(--base-unit));
		margin-bottom: calc(3 * var(--base-unit));
		gap: 0 calc(1 * var(--base-unit));

		&:has([data-pagination-prev-active="true"]) {
			justify-content: flex-start;
		}

		&:has([data-pagination-next-active="true"]) {
			justify-content: flex-end;
		}

		&:has([data-pagination-prev-active="true"]):has([data-pagination-next-active="true"]){
			justify-content: space-between!important;

			[data-pagination-prev-active],
			[data-pagination-next-active] {
					min-width: calc(3.4 * var(--base-unit))!important;
					height: calc(3.4 * var(--base-unit))!important;

					span {
						display: none!important;
					}

					&::after {
						right: auto!important;
						left: 50%!important;
						transform: translate(-50%, -50%)!important;
					}
			}
		}
	}
}

#searchContents #sectionList .page {
	text-align: center;
	box-sizing: border-box;
	justify-content: center;
	gap: 0 calc(1.6 * var(--base-unit));

	&[data-pagination-active="true"] {
		display: flex;
	}

	> li:first-child {
		margin-left: 0;
	}

	> li:last-child {
		margin-right: 0;
	}
}

#searchContents #sectionList .page-pagination a {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: calc(0.5 * var(--base-unit)) calc(0.2 * var(--base-unit));
	min-width: calc(4.7 * var(--base-unit));
	height: calc(4.7 * var(--base-unit));
	font-family: "Helvetica Neue";
	font-size: calc(2.4 * var(--base-unit));
	line-height: calc(28/24.8);
	background-color: #000;
	color: #fff;
	box-sizing: border-box;

	@media screen and (max-width: 767px) {
		font-size: calc(1.6 * var(--base-unit));
		min-width: calc(3.4 * var(--base-unit));
		height: calc(3.4 * var(--base-unit));
	}
}

#searchContents #sectionList .page-pagination a::before {
	content: "";
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: calc(0.4 * var(--base-unit));
	background-color: #a22041;
	opacity: 0;
	visibility: hidden;
}

@media screen and (max-width: 767px) {
	#searchContents #sectionList .page-pagination a::before {
		height: 3px;
	}
}

@media screen and (min-width: 768px) {
	#searchContents #sectionList .page-pagination a:hover {
		background-color: #a22041;
	}
}

#searchContents #sectionList .page-pagination a[data-search-parts="page-current"] {
	background-color: #fff;
	color: #000;
	pointer-events: none;
}

#searchContents #sectionList .page-pagination a[data-search-parts="page-current"]::before {
	opacity: 1;
	visibility: visible;
}

#searchContents #sectionList .page-pagination > a[data-pagination-prev-active],
#searchContents #sectionList .page-pagination > a[data-pagination-next-active] {
	font-family: "Noto Sans JP";
	font-weight: 400;
	line-height: calc(28 / 16);
	font-size: calc(1.6 * var(--base-unit));
	min-width: calc(14.6 * var(--base-unit));
	letter-spacing: 0.1em;
	position: relative;
	display: none;

	@media screen and (max-width: 767px) {
		font-size: calc(1.1 * var(--base-unit));
		min-width: calc(9 * var(--base-unit));
	}

	&::after {
		content: '';
		position: absolute;
		right: calc(2 * var(--base-unit));
		top: 50%;
		transform: translateY(-50%);
		height: calc(1 * var(--base-unit));
		width: calc(0.6 * var(--base-unit));
		background-color: #FFF;
	}
}


#searchContents #sectionList .page-pagination > a.previous,
#searchContents #sectionList .page-pagination > a[data-pagination-prev-active] {
	padding-left: calc(2.5 * var(--base-unit));

	@media screen and (max-width: 767px) {
		padding-left: calc(1 * var(--base-unit));
	}

	&::after {
		clip-path: polygon(0 50%, 100% 0, 100% 100%);
		right: auto;
		left: calc(2 * var(--base-unit));

	}

	@media screen and (max-width: 767px) {
		&::after {
			left: calc(0.9 * var(--base-unit));
		}
	}

	&[data-pagination-prev-active="true"] {
		display: flex;
	}
}

#searchContents #sectionList .page-pagination > a.next,
#searchContents #sectionList .page-pagination > a[data-pagination-next-active] {
	padding-right: calc(2.5 * var(--base-unit));

	@media screen and (max-width: 767px) {
		padding-right: calc(1 * var(--base-unit));
	}

	&::after {
		clip-path: polygon(100% 50%, 0 0, 0 100%);
	}

	@media screen and (max-width: 767px) {
		&::after {
			right: calc(0.9 * var(--base-unit));
		}
	}

	&[data-pagination-next-active="true"] {
		display: flex;
	}
}

/* List card */
#searchContents #sectionList .resultList ul {
	margin-bottom: calc(3 * var(--base-unit));
	border-top: 1px solid #d5d5d5;
}

#searchContents #sectionList .resultList ul li {
	gap: 0 calc(2.5 * var(--base-unit));
	border-bottom: 1px solid #d5d5d5;
	padding: calc(3 * var(--base-unit)) 0;
	display: grid;
	justify-content: start;
}

@media screen and (max-width: 767px) {
	#searchContents #sectionList .resultList ul li {
		gap: 0 calc(1.6 * var(--base-unit));
		padding: calc(1.5 * var(--base-unit)) 0;
		display: flex;
		align-items: flex-start;
		flex-wrap: wrap;
	}
}

#searchContents #sectionList .resultList ul li .thumbArea {
	grid-row: 1 / 4;
	width: calc(28.2 * var(--base-unit));
	border: 1px solid #d5d5d5;
	box-sizing: border-box;
}

@media screen and (max-width: 767px) {
	#searchContents #sectionList .resultList ul li .thumbArea {
		width: calc(12.6 * var(--base-unit));
		grid-row: none;
	}
}

#searchContents #sectionList .resultList ul li .thumbArea > a {
	display: block;
}

#searchContents #sectionList .resultList ul li .thumbArea > a > img {
	border: 1px solid #d5d5d5;
	width: 100%;
 	height: auto;
}

#searchContents #sectionList .resultList ul li .summaryArea {
	width: 100%;
	word-break: break-word;
	grid-column: 2 / 3;

	@media screen and (max-width: 767px) {
		width: calc(19.2 * var(--base-unit));
	}
}

#searchContents #sectionList .resultList ul li .summaryArea .summaryAreaInner .pageName {
	font-size: calc(1.8 * var(--base-unit));
 font-weight: 500;
 line-height: calc(26/18);
	letter-spacing: 0.05em;
	margin-bottom: calc(1.8 * var(--base-unit));
}

@media screen and (max-width: 767px) {
	#searchContents #sectionList .resultList ul li .summaryArea .summaryAreaInner .pageName {
		font-size: calc(1.5 * var(--base-unit));
		line-height: calc(21/15);
		letter-spacing: 0.04em;
		margin-bottom: calc(1 * var(--base-unit));
	}
}

#searchContents #sectionList .resultList ul li .summaryArea .summaryAreaInner .pageName > a {
  color: #333;
}

#searchContents #sectionList .resultList ul li .summaryArea .summaryAreaInner .pageDiscription {
	font-size: calc(1.6 * var(--base-unit));
	line-height: calc(28.8/16);
	letter-spacing: 0.04em;
	color: #333;
}

@media screen and (max-width: 767px) {
	#searchContents #sectionList .resultList ul li .summaryArea .summaryAreaInner .pageDiscription {
		font-size: calc(1.4 * var(--base-unit));
		line-height: calc(24/14);
	}
}

#searchContents #sectionList .resultList ul li .pageLink {
	margin-top: calc(1.1 * var(--base-unit));
}

#searchContents #sectionList .resultList ul li .pageLink > a {
	font-size: calc(1.6 * var(--base-unit));
	font-weight: bold;
	line-height: calc(28.8/16);
	letter-spacing: 0.03em;
	text-decoration: underline;
	word-break: break-word;
 color: #333;
}

@media screen and (max-width: 767px) {
	#searchContents #sectionList .resultList ul li .pageLink > a {
		font-size: calc(1.2 * var(--base-unit));
		line-height: calc(17/12);
	}
}

@media screen and (min-width: 768px) {
	#searchContents #sectionList .resultList ul li .pageLink > a:hover {
		color: #a22041;
	}
}

[data-search-parts="title-default"],
[data-search-parts="title-zero"],
[data-search-parts="title-result"],
[data-search-parts="page"],
[data-search-parts="list"] {
	display: none;
}

#searchContents .resultNull {
	font-size: calc(1.6 * var(--base-unit));
	line-height: calc(28.8/16);
	letter-spacing: 0.03em;
	color: #333;
	padding-top: calc(3.8 * var(--base-unit));
	border-top: 1px solid #d5d5d5;
}

@media screen and (max-width: 767px) {
	#searchContents .resultNull {
		font-size: calc(1.5 * var(--base-unit));
		line-height: calc(27/15);
		padding-top: calc(2.7 * var(--base-unit));
	}
}

#searchContents .resultNullBox {
	margin-top: calc(3.6 * var(--base-unit));
	padding: calc(3.7 * var(--base-unit)) calc(5 * var(--base-unit));
	border: 1px solid #d5d5d5;
}

@media screen and (max-width: 767px) {
	#searchContents .resultNullBox {
		margin-top: calc(2.8 * var(--base-unit));
		padding: calc(1.2 * var(--base-unit)) calc(1.5 * var(--base-unit));
	}
}

@media screen and (max-width: 767px) {
	#searchContents .resultNullList {
		margin-top: calc(0.5 * var(--base-unit));
	}
}

#searchContents .resultNullList > li {
	display: flex;
	gap: 0 calc(0.4 * var(--base-unit));
}

#searchContents .resultNullList > li::before {
	content: "・";
	flex: 0 0 auto;
}