@charset "utf-8";

:root {
	--f-zen-antique: "Zen Kaku Gothic Antique", sans-serif;
}
/* --------------------------------------------------------------------------
COMMON
-------------------------------------------------------------------------- */
@media all and (min-width: 768px), print {
	.mc-co-header-lv3 {
		margin-bottom: calc(32 / var(--font) * 1rem);
	}
}
@media all and (max-width: 767px), print {
	.mc-co-header-lv3 {
		margin-bottom: calc(8 / var(--font) * 1rem);
	}
	.mc-co-header-lv2 {
		margin-bottom: calc(20 / var(--font) * 1rem);
	}
}

/* --------------------------------------------------------------------------
HERO
-------------------------------------------------------------------------- */
@media all and (min-width: 768px), print {
    .mdx-hero {
        margin-bottom: calc(72 / var(--font) * 1rem);
    }
    .mdx-hero__inner {
        width: 100%;
    }
    .mdx-hero__body {
        height: 100%;
    }
    .mdx-hero-mv {
    }
    .mdx-hero-mv__inner {
    }
    .mdx-hero-mv__img {
    }
}
@media all and (max-width: 767px) {
    .mdx-hero {
        margin-bottom: calc(40 / var(--font) * 1rem);
    }
    .mdx-hero__inner {
        width: 100%;
    }
    .mdx-hero__body {
        height: 100%;
    }
    .mdx-hero-mv {
    }
    .mdx-hero-mv__inner {
    }
    .mdx-hero-mv__img {
    }
}

/* --------------------------------------------------------------------------
BLOCK
-------------------------------------------------------------------------- */
@media all and (min-width: 768px), print {
	.mdx-block + .mdx-block {
		margin-top: calc(72 / var(--font) * 1rem);
	}
}
@media all and (max-width: 767px), print {
	.mdx-block + .mdx-block {
		margin-top: calc(36 / var(--font) * 1rem);
	}
}

/* --------------------------------------------------------------------------
COLUMN
-------------------------------------------------------------------------- */
@media all and (min-width: 768px), print {
	.mdx-column {
		margin-top: calc(56 / var(--font) * 1rem);
	}
}
@media all and (max-width: 767px), print {
	.mdx-column {
		margin-top: calc(24 / var(--font) * 1rem);
	}
	.mdx-column .mc-column-list-item + .mc-column-list-item {
		margin-top: calc(28 / var(--font) * 1rem);
	}
}

/* --------------------------------------------------------------------------
LIST
-------------------------------------------------------------------------- */
@media all and (min-width: 768px), print {
	.mdx-list {
		margin-top: calc(32 / var(--font) * 1rem);
	}
	.mdx-list .mdx-list-item {
		display: flex;
	}
	.mdx-list .mdx-list-item.mdx-list-item--column {
		display: flex;
		flex-direction: column;
	}
	.mdx-list .mdx-list-item .mc-list-item-head {
		display: flex;
		align-items: flex-start;
		font-size: calc(18 / var(--font) * 1rem);
		line-height: 1.6;
		font-weight: 500;
		font-family: var(--f-zen-kaku);
		margin-bottom: calc(4 / var(--font) * 1rem);
	}
	.mdx-list .mdx-list-item .mc-list-item-head.mc-list-item-head--strong {
		font-weight: bold;
	}
	.mdx-list .mdx-list-item .mc-list-item-head .mc-list-item-num {
		position: relative;
		flex-shrink: 0;
		font-size: calc(16 / var(--font) * 1rem);
		line-height: 1.6;
		font-weight: bold;
		width: calc(25 / var(--font) * 1rem);
		height: calc(25 / var(--font) * 1rem);
		display: flex;
		justify-content: center;
		align-items: flex-start;
		margin-right: calc(8 / var(--font) * 1rem);
		color: var(--c-white);
		top: calc(1 / var(--font) * 1rem);
	}
	.mdx-list .mdx-list-item .mc-list-item-head .mc-list-item-num::before {
		content: "";
		position: absolute;
		width: 100%;
		height: 100%;
		top: calc(1 / var(--font) * 1rem);
		left: 50%;
		transform: translateX(-50%);
		z-index: -1;
		background-color: var(--thema-color);
		border-radius: 100%;
	}
	.mdx-list.mdx-list--border .mdx-list-item .mc-list-item-head .mc-list-item-num {
		color: var(--c-black);
	}
	.mdx-list.mdx-list--border .mdx-list-item .mc-list-item-head .mc-list-item-num::before {
		content: "";
		position: absolute;
		width: 100%;
		height: 100%;
		border: calc(1 / var(--font) * 1rem) solid var(--c-black);
		top: calc(1 / var(--font) * 1rem);
		left: 50%;
		transform: translateX(-50%);
		z-index: -1;
		background-color: transparent;
		border-radius: 100%;
	}
	.mdx-list .mdx-list-item + .mdx-list-item {
		margin-top: calc(20 / var(--font) * 1rem);
	}
	.mdx-list .mdx-list-item .mc-list-item__inner {
		padding-left: 0;
		display: flex;
		align-items: center;
		font-size: calc(16 / var(--font) * 1rem);
		line-height: 1.8;
		font-weight: 500;
		font-family: var(--f-noto);
	}
	.mdx-list .mdx-list-item.mdx-list-item--column .mc-list-item__inner {
		padding-left: calc(32 / var(--font) * 1rem);
		display: flex;
		align-items: center;
		font-size: calc(16 / var(--font) * 1rem);
		line-height: 1.8;
		font-weight: 500;
		font-family: var(--f-noto);
	}
	.mdx-column-card__content__block--txt {
		width: calc(100% - calc(407 / var(--font) * 1rem) - calc(20 / var(--font) * 1rem))!important;
		flex-shrink: 0;
	}
	.mdx-column-card__content__block--img {
		width: calc(407 / var(--font) * 1rem)!important;
	}
	.mc-column-card-img .mdx-img {
	}
}
@media all and (max-width: 767px), print {
	.mc-column-card .mdx-list {
		margin-top: calc(12 / var(--font) * 1rem);
	}
	.mdx-list {
		margin-top: calc(24 / var(--font) * 1rem);
	}
	.mdx-list .mdx-list-item {
		display: flex;
		align-items: flex-start;
	}
	.mdx-list .mdx-list-item.mdx-list-item--column {
		display: flex;
		flex-direction: column;
	}
	.mdx-list .mdx-list-item .mc-list-item-head {
		display: flex;
		align-items: flex-start;
		font-size: calc(15 / var(--font) * 1rem);
		line-height: 1.2;
		font-weight: 500;
		font-family: var(--f-zen-kaku);
		margin-bottom: calc(6 / var(--font) * 1rem);
	}
	.mdx-list .mdx-list-item .mc-list-item-head.mc-list-item-head--strong {
		font-weight: bold;
	}
	.mdx-list .mdx-list-item.mdx-list-item--column .mc-list-item-head .mc-list-item-num {
		top: calc(1 / var(--font) * 1rem);
	}
	.mdx-list .mdx-list-item .mc-list-item-head .mc-list-item-num {
		position: relative;
		flex-shrink: 0;
		font-size: calc(11 / var(--font) * 1rem);
		font-weight: bold;
		line-height: 1.8;
		width: calc(16 / var(--font) * 1rem);
		top: calc(4 / var(--font) * 1rem);
		height: calc(16 / var(--font) * 1rem);
		display: flex;
		justify-content: center;
		align-items: center;
		margin-right: calc(8 / var(--font) * 1rem);
		color: var(--c-white);
	}
	.mdx-list .mdx-list-item .mc-list-item-head .mc-list-item-num::before {
		content: "";
		position: absolute;
		width: 100%;
		height: 100%;
		left: 50%;
		transform: translateX(-50%);
		z-index: -1;
		background-color: var(--thema-color);
		border-radius: 100%;
	}
	.mdx-list.mdx-list--border .mdx-list-item .mc-list-item-head .mc-list-item-num {
		color: var(--c-black);
	}
	.mdx-list.mdx-list--border .mdx-list-item .mc-list-item-head .mc-list-item-num::before {
		content: "";
		position: absolute;
		width: 100%;
		height: 100%;
		border: calc(1 / var(--font) * 1rem) solid var(--c-black);
		left: 50%;
		transform: translateX(-50%);
		z-index: -1;
		background-color: transparent;
		border-radius: 100%;
	}
	.mdx-list .mdx-list-item + .mdx-list-item {
		margin-top: calc(16 / var(--font) * 1rem);
	}
	.mdx-list .mdx-list-item .mc-list-item__inner {
		padding-left: 0;
		display: flex;
		align-items: center;
		font-size: calc(14 / var(--font) * 1rem);
		line-height: 1.8;
		font-weight: 500;
		font-family: var(--f-noto);
	}
	.mdx-list .mdx-list-item.mdx-list-item--column .mc-list-item__inner {
		padding-left: calc(24 / var(--font) * 1rem);
		display: flex;
		align-items: center;
		font-size: calc(14 / var(--font) * 1rem);
		line-height: 1.8;
		font-weight: 500;
		font-family: var(--f-noto);
	}
	.mdx-column-card__content__block--txt {
		width: 100%;
	}
	.mdx-column-card__content__block--img {
		width: 100%;
	}
	.mc-column-card-img .mdx-img {
		width: calc(310 / var(--font) * 1rem);
		margin: 0 auto;
	}
	.mc-column-card-img.mc-column-card-img-scroll--sp {
		overflow-x: scroll;
		overflow-y: hidden;
		margin: 0 calc(50% - 50vw);
	}
	.mc-column-card-img.mc-column-card-img-scroll--sp .mdx-img {
		width: calc(630 / var(--font) * 1rem);
		padding: 0 calc(20 / var(--font) * 1rem);
	}
}

/* --------------------------------------------------------------------------
MDX-IMG
-------------------------------------------------------------------------- */
@media all and (min-width: 768px), print {
	.mdx-img {
		width: 100%;
		margin: 0 auto;
	}
	.mdx-img.mdx-img--l {
		max-width: calc(959 / var(--font) * 1rem);
	}
	.mdx-img.mdx-img--m {
		max-width: calc(700 / var(--font) * 1rem);
	}
}
@media all and (max-width: 767px), print {
	.mdx-img {
		width: 100%;
	}
	.mdx-img-radius--sp {
		border-radius: calc(10 / var(--font) * 1rem);
		overflow: hidden;
	}
	.mdx-img-scroll--sp {
		overflow-x: scroll;
		overflow-y: hidden;
		margin: 0 calc(50% - 50vw);
	}
	.mdx-img-scroll--sp .mdx-img {
		width: calc(550 / var(--font) * 1rem);
		padding: 0 calc(20 / var(--font) * 1rem);
		margin: 0 auto;
	}
}

/* --------------------------------------------------------------------------
MDX-BOTTOM-AREA
-------------------------------------------------------------------------- */
@media all and (min-width: 768px), print {
	.mdx-bottom-area{
		width: 100vw;
		height: calc(420 / var(--font) * 1rem);
		margin: calc(140 / var(--font) * 1rem) calc(50% - 50vw) 0;
	}
	.mdx-bottom-area__inner{
		background-image: url(/assets_v2/img/company/ir/information/mdx/mdx_end-pc.jpg);
		background-size: cover;
		background-position: center;
		width: 100%;
		height: 100%;
	}
	.mdx-bottom-area__body{
		width: 100%;
		height: 100%;
	}
	.mdx-bottom-area-content{
		width: 100%;
		height: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.mdx-bottom-area__text{
		font-size: calc(40 / var(--font) * 1rem);
		line-height: 1.6;
		font-family: var(--f-zen-antique);
		font-weight: bold;
		color: var(--thema-color);
	}
}
@media all and (max-width: 767px), print {
	.mdx-bottom-area{
		width: 100vw;
		height: calc(360 / var(--font) * 1rem);
		margin: calc(36 / var(--font) * 1rem) calc(50% - 50vw) 0;
	}
	.mdx-bottom-area__inner{
		background-image: url(/assets_v2/img/company/ir/information/mdx/mdx_end-sp.jpg);
		background-size: cover;
		background-position: center;
		width: 100%;
		height: 100%;
	}
	.mdx-bottom-area__body{
		width: 100%;
		height: 100%;
	}
	.mdx-bottom-area-content{
		width: 100%;
		height: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.mdx-bottom-area__text{
		font-size: calc(24 / var(--font) * 1rem);
		line-height: 1.5;
		font-family: var(--f-zen-antique);
		font-weight: bold;
		text-align: center;
		color: var(--thema-color);
	}
}

/* --------------------------------------------------------------------------
BUTTON
-------------------------------------------------------------------------- */
.mdx-btn {
	max-width: calc(370 / var(--font) * 1rem);
}
@media all and (min-width: 768px), print {
	.mdx-btn {
    margin: calc(40 / var(--font) * 1rem) auto 0;
	}
}
@media all and (max-width: 767px), print {
	.mdx-btn {
    margin: calc(20 / var(--font) * 1rem) auto 0;
	}
}

.signature-text {
	text-align: right;
}
.signature-text img {
	margin-top: 0.5rem;
	width: calc(120 / var(--font) * 1rem);
}

.u-ml-1 {
	margin-left: 1rem;
}