@charset "utf-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);

/*▼【変数定義】--------------------------------------------------*/
:root {
	/* ニュートラルカラー */
	--neutral-color-01: #ffffff;
	--neutral-color-02: #f3f3f3;
	--neutral-color-03: #e6e6e6;
	--neutral-color-04: #7b7b7b;
	--neutral-color-05: #333333;
	/* セマンティックカラー */
	--semantic-color-01: #0ea997;
	--semantic-color-02: #def8ef;
	--semantic-color-03: #ec2b51;
	--semantic-color-04: #ffe6ea;
	--semantic-color-05: #f4b631;
	--semantic-color-06: #fffcf5;
	--semantic-color-07: #006bcd;
	--semantic-color-08: #fdfde7;
	--semantic-color-09: #b2b2b2;
	--semantic-color-10: #f1f1f1;
	/* 年次別カラー（奇数） */
	/* --main-color-01: #005daa;
	--main-color-02: #007fff;
	--main-color-03: #e5f6fd; */
	/* 年次別カラー（偶数） */
	--main-color-01: #d26400;
	--main-color-02: #ff8800;
	--main-color-03: #fde3d0;
	--main-color-04: #fff8f2;

	/* 画像フィルター（奇数） */
	/* --main-filter: brightness(0) saturate(100%) invert(26%) sepia(58%) saturate(2106%) hue-rotate(187deg) brightness(94%) contrast(103%); */
	/* 画像フィルター（偶数） */
	--main-filter: brightness(0) saturate(100%) invert(43%) sepia(97%) saturate(2816%) hue-rotate(13deg) brightness(93%) contrast(101%);

	--nc01--filter: brightness(0) saturate(100%) invert(99%) sepia(100%) saturate(0%) hue-rotate(95deg) brightness(103%) contrast(101%);
	--nc04--filter: brightness(0) saturate(100%) invert(54%) sepia(1%) saturate(1674%) hue-rotate(314deg) brightness(88%) contrast(67%);
	--nc05--filter: brightness(0) saturate(100%) invert(15%) sepia(98%) saturate(15%) hue-rotate(70deg) brightness(97%) contrast(93%);

	--sc01--filter: brightness(0) saturate(100%) invert(46%) sepia(99%) saturate(1567%) hue-rotate(138deg) brightness(91%) contrast(89%);
	--sc09--filter: brightness(0) saturate(100%) invert(80%) sepia(3%) saturate(11%) hue-rotate(322deg) brightness(89%) contrast(92%);

	/* フォントサイズ */
	font-size: 10px;

	/* ヘッダーの高さ */
	--header-min-height: 64px;
}
/*▲【変数定義】--------------------------------------------------*/

/* デザインコンポーネントのみ使用 */
/* スタイル・コンポーネント */
body.dc {
	margin: 32px auto;
	width: 1130px;
}

section {
	padding-bottom: 40px;
}

.contents {
	margin: 32px 16px;
}

.container,
.container-dc {
	margin-bottom: 20px;
}

.container + .container,
.container-dc + .container-dc {
	margin-top: 40px;
}

h1.heading {
	background: #00AAEB;
	font-size: 3.2rem;
	padding: 12px 16px;
	color: var(--neutral-color-01);
	font-weight: normal;
}

h2.sub-heading {
	border-bottom: 1px solid var(--semantic-color-09);
	border-top: 1px solid var(--semantic-color-09);
	padding: 24px 16px;
	font-size: 2.4rem;
	font-weight: normal;
}

h3.dc {
	font-size: 2.0rem;
	margin-bottom: 16px;
	font-weight: normal;
}

.container > p {
	font-size: 1.6rem;
	margin-bottom: 16px;
}

/* カラー */
.color-container ul {
	display: flex;
}

.color-container li {
	width: 110px;
}

.color-container li .color-box {
	width: 80px;
	height: 80px;
	display: block;
	border-radius: 4px;
	margin-bottom: 4px;
}

.color-container li .color-box.Wh01 {
	background: var(--neutral-color-01);
	border: 1px solid var(--neutral-color-03);
}

.color-container li .color-box.Gr01 {
	background: var(--neutral-color-02);
}

.color-container li .color-box.Gr02 {
	background: var(--neutral-color-03);
}

.color-container li .color-box.Gr03 {
	background: var(--neutral-color-04);
}

.color-container li .color-box.Bk01 {
	background: var(--neutral-color-05);
}

.color-container li .color-box.Bl01 {
	background: var(--semantic-color-07);
}

.color-container li .color-box.Bl02 {
	background: #007fff;
}

.color-container li .color-box.Ye01 {
	background: var(--semantic-color-08);
}

.color-container li .color-box.Gre01 {
	background: var(--semantic-color-01);
}

.color-container li .color-box.Gre02 {
	background: var(--semantic-color-02);
}

.color-container li .color-box.Re01 {
	background: var(--semantic-color-03);
}

.color-container li .color-box.Re02 {
	background: var(--neutral-color-04);
}

.color-container li .color-box.Ye02 {
	background: var(--neutral-color-05);
}

.color-container li .color-box.Ye03 {
	background: var(--semantic-color-06);
}

.color-container li .color-box.Gr04 {
	background: var(--semantic-color-09);
}

.color-container li .color-box.Gr05 {
	background: var(--semantic-color-10);
}

.color-container li .color-box.Bl03 {
	background: #005daa;
}

.color-container li .color-box.Or01 {
	background: #d26400;
}

/* タイポグラフィ */
.typography-contents .text p {
	margin-top: 20px;
	font-size: 3.2rem;
}

.typography-contents .font-size {
	margin-top: 32px;
}

.typography-contents .font-size li:not(:first-child) {
	margin-bottom: 20px;
}

.typography-contents .font-size span {
	font-size: 1.2rem;
}

.typography-contents .font-size .button,
.typography-contents .font-size .body {
	font-size: 1.4rem;
}

.typography-contents .font-size .labelNotes {
	font-size: 1.3rem;
}

/* コンテンツ幅 */
.contentWidth-container {
	text-align: center;
}

.contentWidth-container:last-child {
	margin-top: 48px;
}

.contentWidth-container p {
	margin-bottom: 24px;
}

.contentWidth-container div {
	margin-top: 16px;
}

.contentWidth-container div a {
	color: var(--neutral-color-05);
	text-decoration: underline;
}

/* 余白 */
.space-container li {
	display: flex;
	align-items: center;
	margin-bottom: 16px;
}

.space-container li p {
	width: 120px;
}

.space-container span {
	display: inline-block;
}

.space-container span._4px {
	height: 4px;
	width: 4px;
}

.space-container span._8px {
	height: 8px;
	width: 8px;
}

.space-container span._12px {
	height: 12px;
	width: 12px;
}
.space-container span._16px {
	height: 16px;
	width: 16px;
}

.space-container span._20px {
	height: 20px;
	width: 20px;
}

.space-container span._24px {
	height: 24px;
	width: 24px;
}

.space-container span._28px {
	height: 28px;
	width: 28px;
}

.space-container span._32px {
	height: 32px;
	width: 32px;
}

.space-container span._36px {
	height: 36px;
	width: 36px;
}

.space-container span._40px {
	height: 40px;
	width: 40px;
}

.space-container span._64px {
	height: 64px;
	width: 64px;
}

.space-container span._128px {
	height: 128px;
	width: 128px;
}

/* 角の形状 */

.shape-container ul {
	display: flex;
}

.shape-container li {
	width: 110px;
	text-align: center;
	margin-right: 64px;
	font-size: 1.4rem;
}

.shape-container li:last-child {
	width: 130px;
}

.shape-container li p {
	font-size: 1.6rem;
}

.shape-container span {
	width: 100px;
	height: 100px;
	display: block;
	margin: 16px auto;
}

/* ボタン */
.btn-container table tr th {
	text-align: center;
	padding: 24px 0 16px;
	width: 200px;
}

.btn-container table tr th:first-child {
	width: 100px;
}

.btn-container table tr td {
	width: 100px;
	margin: 0 auto;
	height: 64px;
}

.btnIcon-container table tr td {
	width: 200px;
}

.btn-container table tr td a {
	margin: 0 auto;
}

.btn-container table tr td .c-btn:not(.btn-icon) {
	width: 165px;
}

.c-btn-01.hover,
.c-btn-01.active {
	background: var(--main-color-02);
}

.c-btn.focused {
	outline: 1px solid #D18D0F;
	outline-offset: 4px;
	border-radius: 6px;
}

.c-btn-02.hover,
.c-btn-02.active {
	border: 1px solid var(--main-color-02);
}

.c-btn-02.focused {
	border: none;
}

.c-textLink-01.hover,
.c-textLink-01.active {
	text-decoration: underline var(--main-color-02) !important;
	color: var(--main-color-02) !important;
}

.btnPadding-container img {
	width: 285px;
	margin-top: 24px;
}

.btnSize-container img {
	width: 518px;
	margin-top: 24px;
}

.c-radioListItem a {
	margin-left: 48px;
}

/* ローカルナビ */
.localNavi-container {
	background: var(--neutral-color-02);
	margin: -12px;
	padding: 12px;
}

/* メッセージ */
.message-container:not(:last-child) {
	margin-bottom: 40px;
}

/* テキストエリア */
.container-dc .c-textarea + .c-textarea,
.c-textarea + h3 {
	margin-top: 24px;
}

/* セレクター */
.container-dc {
	width: 936px;
}

/* ラジオボタン */
.c-radioList-01 + .c-radioList-01,
.c-checkboxList-01 + .c-checkboxList-01 {
	margin-top: 24px;
}

/* アイコン */
.icon-container {
	text-align: center;
}

.icon-container ul {
	display: flex;
	flex-wrap: wrap;
}

.icon-container ul li {
	width: 10%;
}

.icon-container img {
	display: block;
	margin: 20px auto;
}

.i_32px {
	width: 32px;
	height: 32px;
}

.i_24px {
	width: 24px;
	height: 24px;
}

.i_20px {
	width: 20px;
	height: 20px;
}

.i_18px {
	width: 18px;
	height: 18px;
}

.i_16px {
	width: 16px;
	height: 16px;
}
/* デザインコンポーネント */

/*▼【タグ共通】--------------------------------------------------*/
html {
	scroll-behavior: smooth;
}

body.alt {
	margin: 0;
	padding: 0;
	color: var(--neutral-color-05);
	font-size: 1.4rem;
	line-height: 1.5;
	background: none;
	font-family: 'Noto Sans JP', sans-serif;
	letter-spacing: 0.04rem;
	line-break: strict;
	overflow-wrap: anywhere;
	word-break: normal;
}

a {
	color: var(--neutral-color-05);
	text-decoration: none;
	transition: filter 0.3s;
}

button {
	border: none;
	cursor: pointer;
	transition: filter 0.3s;
}

a:active,
a:focus,
a:hover,
a:active *,
a:focus *,
a:hover *,
button:active,
button:focus,
button:hover {
	opacity: 0.8;
}

p,
ul,
dl,
dt,
dd,
hr,
form,
input {
	margin: 0;
	padding: 0;
}

h1 {
	font-size: 3.2rem;
}

h2 {
	font-size: 2.4rem;
}

h3 {
	font-size: 2.0rem;
}

h4 {
	font-size: 1.6rem;
}

h5 {
	font-size: 1.5rem;
}

h6 {
	font-size: 1.4rem;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: bold;
	line-height: 1.5;
	margin: 0;
}

ul li {
	list-style: none;
	margin: 0;
}

h6 span {
	margin-left: 12px;
}

/*▲【タグ共通】--------------------------------------------------*/

/*▼【コンポーネント】---------------------------------------------*/
/* アコーディオン */
.js-accordion__outer,
.js-accordion__title {
	position: relative;
	cursor: pointer;
}

.js-accordion__outer::after,
.js-accordion__title::after {
	content: "";
	position: absolute;
	top: 50%;
	right: 25px;
	width: 8px;
	height: 8px;
	border-right: 2px solid var(--neutral-color-05);
	border-bottom: 2px solid var(--neutral-color-05);
	transform: translateY(-50%) rotate(-135deg);
	transition: transform 0.3s ease;
}

.js-accordion__outer:has(h4)::after,
.js-accordion__title:has(h4)::after {
	border-right-color: var(--neutral-color-01);
	border-bottom-color: var(--neutral-color-01);
}

.js-accordion__outer:not(.is-open)::after,
.js-accordion__title:not(.is-open)::after {
	transform: translateY(-50%) rotate(45deg);
}

.js-showMore {
	cursor: pointer;
}

/* ボタン */
.c-btn {
	min-width: 80px;
	/* width: 120px; */
	display: flex;
	height: 48px;
	padding: 0px 32px;
	justify-content: center;
	align-items: center;
	border-radius: 4px;
	box-sizing: border-box;
	position: relative;
	font-weight: bold;
	background: var(--neutral-color-01);
}

/* .c-btn.small, */
.c-btn--small {
	height: 32px;
	padding: 0 24px;
}

.c-btn:focus-visible {
	outline: 1px solid var(--main-color-01);
	outline-offset: 4px;
	border-radius: 6px;
}

.c-btn.has-icon {
	justify-content: center;
	width: fit-content;
	min-width: 160px;
}

.c-btn.has-icon.arrow-a,
.c-btn.has-icon.icon_add {
	padding: 0 48px 0 32px;
}

.c-btn.has-icon.arrow-b {
	padding: 0 32px 0 48px;
}

.c-btn.has-icon::before {
	content: "";
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 5.5px;
	height: 9.5px;
}

.c-btn.has-icon.arrow-a::before {
	background: url(/28/corp/resources/images/designComponent/arrow-a-20260203102259.svg);
	right: 20px;
}

.c-btn.has-icon.arrow-b::before {
	background: url(/28/corp/resources/images/designComponent/arrow-b-20260203102259.svg);
	left: 20px;
	filter: var(--main-filter);
}

.c-btn.has-icon.u-icon-externalLink::before {
	background: url(/28/corp/resources/images/designComponent/icon_externalLink-20260203102259.svg);
	background-size: contain;
	right: 20px;
	width: 16px;
	height: 16px;
	filter: var(--nc01--filter);
}

.c-btn.has-icon.icon_add::before {
	background: url(/28/corp/resources/images/designComponent/icon_add-20260203102259.svg);
	background-size: contain;
	right: 20px;
	width: 16px;
	height: 16px;
	filter: var(--main-filter);
}

.c-btn--primary {
	background: var(--main-color-01);
	color: var(--neutral-color-01) !important;
}

input.c-btn--primary {
	border: none;
	cursor: pointer;
}

input.c-btn--primary:active,
input.c-btn--primary:focus,
input.c-btn--primary:hover {
	opacity: 0.8;
}

.c-btn--primary.is-disabled {
	background: var(--semantic-color-09);
	cursor: default;
}

.c-btn--primary.is-disabled:active,
.c-btn--primary.is-disabled:focus,
.c-btn--primary.is-disabled:hover {
	filter: none;
	opacity: 1;
}

.c-btn--secondary {
	color: var(--main-color-01) !important;
	border: 1px solid var(--main-color-01);
}

.c-btn--secondary.is-disabled {
	border: 1px solid var(--semantic-color-09);
	color: var(--semantic-color-09) !important;
	cursor: default;
}

.c-btn--secondary.is-disabled:active,
.c-btn--secondary.is-disabled:focus,
.c-btn--secondary.is-disabled:hover {
	opacity: 1;
}

.c-btn--secondary.has-icon.arrow-a::before,
.c-btn--secondary.has-icon.arrow-b::before {
	filter: var(--main-filter);
}

.c-btn--secondary.is-disabled.has-icon.arrow-b::before {
	filter: var(--sc09--filter);
}

/* チェックボックス */
.c-checkbox__list {
	position: relative;
}

.c-checkbox__item {
	align-items: center;
	display: flex;
	gap: 12px;
}

.c-checkbox {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	flex: none;
	padding: 0;
	border: 1px solid var(--semantic-color-09);
	position: relative;
	width: 20px;
	height: 20px;
	vertical-align: -6px;
	background: var(--neutral-color-01);
}

.c-checkbox:checked {
	background: var(--semantic-color-07);
	border: none;
}

.c-checkbox:checked:before,
.c-checkbox:disabled:before {
	position: absolute;
	content: "";
	display: block;
	border-bottom: 2px solid var(--neutral-color-01);
	border-right: 2px solid var(--neutral-color-01);
	width: 7px;
	height: 12px;
	left: 5px;
	top: 0;
	transform: rotate(45deg);
	z-index: 1;
}

.c-checkbox:disabled {
	background: var(--semantic-color-10);
	border: 1px solid var(--semantic-color-09);
}

.c-checkbox:disabled:before {
	border-bottom: 2px solid var(--semantic-color-10);
	border-right: 2px solid var(--semantic-color-10);
}

.c-checkbox:disabled:checked:before {
	border-bottom: 2px solid var(--semantic-color-09);
	border-right: 2px solid var(--semantic-color-09);
}

.c-checkbox__item:not(:has(.c-checkbox):disabled) .c-checkbox__label {
	cursor: pointer;
}

/* 共通のお知らせ */
.c-commonInfo {
	background: var(--semantic-color-06);
	border: 1px solid var(--main-color-01);
	border-radius: 4px;
	display: grid;
	font-size: 16px;
	gap: 4px;
	padding: 12px 16px;
	text-align: center;
}

.c-commonInfo .c-commonInfo__text {
	align-items: baseline;
	display: flex;
	gap: 4px;
	justify-content: center;
}

.c-commonInfo .c-commonInfo__text .value {
	font-size: 2.0rem;
	font-weight: bold;
}

.c-commonInfo.has-list ul {
	display: grid;
	gap: 8px;
	margin-top: 8px;
	padding: 0 8px;
}

.c-commonInfo.has-list ul li {
	font-size: 1.4rem;
	padding-left: 12px;
	position: relative;
	text-align: left;
}

.c-commonInfo.has-list ul li::before {
	background: var(--neutral-color-05);
	border-radius: 50%;
	content: "";
	height: 4px;
	left: 2px;
	position: absolute;
	top: 10px;
	width: 4px;
}

/* オーバーレイメッセージ */
.c-generalMessageWrapper {
	background: rgba(14, 169, 151, .9);
	color: var(--neutral-color-01);
	font-size: 2.0rem;
	font-weight: bold;
	left: 0;
	opacity: 1;
	padding: 18px 0 18px 0;
	position: fixed;
	text-align: center;
	top: -100%;
	width: 100%;
	z-index: 9999;
}

.c-generalMessageWrapper.show {
    top: 0;
    transition: top .2s linear;
}

.c-generalMessageWrapper.hide {
    opacity: 0;
    transition: opacity .6s linear;
}

.c-generalMessageWrapper p {
	display: inline-block;
	padding-left: 32px;
    position: relative;
}

.c-generalMessageWrapper p:before {
	background: url(/28/corp/resources/images/designComponent/icon_check-20260203102259.svg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	bottom: 0;
	content: "";
	filter: brightness(0) saturate(100%) invert(99%) sepia(100%) saturate(0%) hue-rotate(95deg) brightness(103%) contrast(101%);
	height: 24px;
	left: 0;
	margin: auto;
	position: absolute;
	top: 0;
	width: 24px;
}

/* 見出し */
.c-heading--lv04 {
	padding: 20px 24px;
	color: var(--neutral-color-01);
	display: flex;
	align-items: center;
	justify-content: space-between;
	background: var(--main-color-01);
	border-radius: 4px 4px 0 0;
}

.c-heading--lv04.is-disabled {
	background: var(--semantic-color-09);
}

.c-heading--lv04 .c-heading--lv04__list a:not(.c-btn) {
	color: var(--neutral-color-01)!important;
	text-decoration: underline !important;
}

.c-heading--lv04 .c-heading--lv04__list a:not(.c-btn)::after {
	filter: var(--nc01--filter);
}

.c-heading--lv04 .c-heading--lv04__list {
	display: flex;
	align-items: center;
	gap: 16px;
	text-decoration: underline !important;
	font-weight: bold;
}

.c-heading--lv05 {
	align-items: center;
	background: var(--neutral-color-02);
	display: flex;
	font-weight: bold;
	gap: 12px;
	padding: 12px 16px;
}

.c-heading--lv05 .c-heading--lv05__list {
	display: flex;
	align-items: center;
	gap: 16px;
	text-decoration: underline !important;
}

/* アイコン */

/* 入力エリア（インプット） */
.c-input {
	background: var(--semantic-color-08);
	padding: 8px 12px;
	border: 1px solid var(--semantic-color-09);
	width: 185px;
	height: 32px;
	resize: none;
	box-sizing: border-box;
}

.c-input.is-disabled {
	background: var(--neutral-color-02);
	color: var(--semantic-color-09);
	pointer-events: none;
}

.c-inputExample {
	color: var(--neutral-color-04);
	margin-top: 4px;
}

/* ラベル */
.c-label {
	padding: 4px 8px;
	border-radius: 50px;
	font-weight: bold;
	color: var(--neutral-color-01);
	width: max-content;
	margin: 0 auto;
}

.c-label.c-label--primary {
	color: var(--neutral-color-01);
}

.c-label.c-label--secondary {
	background: var(--neutral-color-01);
}

.c-label--primary.is-success {
	background: var(--semantic-color-01);
}


.c-label--primary.is-warning {
	background: var(--semantic-color-03);
}

.c-label--primary.is-notice {
	background: var(--semantic-color-05);
}

.c-label--primary.is-active {
	background: var(--semantic-color-07);
}

.c-label--primary.is-inactive {
	background: var(--semantic-color-09);
}

.c-label--secondary.is-warning {
	border: 1px solid var(--semantic-color-03);
	color: var(--semantic-color-03);
}

.c-label--secondary.is-inactive {
	border: 1px solid var(--semantic-color-09);
	color: var(--semantic-color-09);
}

.c-label--secondary.is-success {
	background: var(--neutral-color-01);
	border: 1px solid var(--semantic-color-01);
	color: var(--semantic-color-01);
}

.c-label--secondary.is-inactive {
	background: var(--neutral-color-01);
	border: 1px solid var(--semantic-color-09);
	color: var(--semantic-color-09);
}

/* ローカルナビ */
.c-localNavi {
	align-items: center;
	background: var(--neutral-color-01);
	border-bottom: 1px solid var(--neutral-color-03);
	box-sizing: border-box;
	display: flex;
	font-size: 1.3rem;
	gap: 40px;
	justify-content: left;
	height: 52px;
	overflow-x: auto;
	overflow-y: hidden;
	padding: 8px 40px;
	position: sticky;
	top: calc(var(--header-min-height));
	white-space: nowrap;
	z-index: 10;
}

@media screen and (max-width: 1600px) {
	.l-siteWrapper:has(.c-globalNavi.is-open) .c-localNavi {
		height: 60px;
	}
}

.c-localNavi:has([class^="error-"]) {
	padding: 16px 56px;
}

.c-localNavi a:visited {
	color: var(--neutral-color-05);
}

.c-localNavi a:hover {
	text-decoration: none !important;
}

.c-localNavi li {
	cursor: pointer !important;
}

.c-localNavi li.is-active,
.c-localNavi li:hover {
	position: relative;
}

.c-localNavi li.is-active a,
.c-localNavi li:hover a {
	color: var(--main-color-01);
	font-weight: bold;
}

.c-localNavi li:hover:not(.is-error--mustNull, .is-error--allNull) a:visited {
	color: var(--main-color-01);
}

.c-localNavi li.is-active::before,
.c-localNavi li:hover::before {
	position: absolute;
	content: "";
	bottom: -3px;
	left: 0;
	width: 100%;
	height: 2px;
	border-radius: 1px;
	background: var(--main-color-01);
}

.c-localNavi .is-error--mustNull.is-active a,
.c-localNavi .is-error--mustNull a,
.c-localNavi .is-error--mustNull:hover a,
.c-localNavi .is-error--mustNull:active a,
.c-localNavi .is-error--allNull.is-active a,
.c-localNavi .is-error--allNull a,
.c-localNavi .is-error--allNull a:hover,
.c-localNavi .is-error--allNull a:active {
	color: var(--semantic-color-03);
}

.c-localNavi .is-error--allNull:active::before,
.c-localNavi .is-error--allNull:hover::before,
.c-localNavi .is-error--allNull.is-active::before,
.c-localNavi .is-error--mustNull:active::before,
.c-localNavi .is-error--mustNull:hover::before,
.c-localNavi .is-error--mustNull.is-active::before {
	background: var(--semantic-color-03);
}

.c-localNavi li.is-error--mustNull,
.c-localNavi li.is-error--allNull {
	background: var(--semantic-color-04);
	padding: 4px;
	border-radius: 4px;
}

/* メッセージ */
.c-message {
	align-items: flex-start;
	background: var(--neutral-color-01);
	border: 1px solid var(--neutral-color-04);
	border-radius: 4px;
	display: flex;
	gap: 12px;
	padding: 12px 16px;
}

.c-message.has-list h4 {
	margin-bottom: 8px;
}

.c-message.has-list h5 {
	margin-bottom: 8px;
}

.c-message.has-list ul {
	display: grid;
	gap: 8px;
}

.c-message.has-list ul li:has(> .c-label) {
	display: flex;
	align-items: flex-start;
	gap: 16px;
	padding-left: 0;
}

.c-message.has-list ul li:has(> .c-label)::before {
	content: none;
	display: none;
}

.c-message.has-list ul li:has(ul) p {
	margin-bottom: 12px;
}

.c-message.has-list .c-label {
	margin: 0;
	text-align: center;
	width: 75px;
}

.c-message.has-list .c-label + p {
	width: calc(100% - 100px);
}

.c-message.has-list h5:not(:first-of-type) {
	border-top: 1px solid var(--neutral-color-03);
	margin-top: 16px;
	padding-top: 16px;
}

.c-message.has-list ul li {
	padding-left: 12px;
	position: relative;
}

.c-message.has-list ul li::before,
.c-message.has-list ul li::before {
	background: var(--neutral-color-05);
	border-radius: 50%;
	content: "";
	height: 4px;
	left: 2px;
	position: absolute;
	top: 10px;
	width: 4px;
}

.c-message.has-list ul li.no-before::before {
  content: none !important;
  display: none !important;
  width: 0 !important;
  height: 0 !important;
}

.c-message.is-notice {
	background: var(--semantic-color-06);
	border: 1px solid var(--semantic-color-05);
}

.c-message.is-error {
	background: var(--semantic-color-04);
	border: 1px solid var(--semantic-color-03);
}

.c-message.is-success {
	background: var(--semantic-color-02);
	border: 1px solid var(--semantic-color-01);
}

.c-message.is-success img {
	filter: var(--sc01--filter);
}

.c-message .js-accordion__list li:not(:first-child) {
	border-top: 1px solid var(--neutral-color-03);
	padding-top: 8px;
}

.c-message .js-accordion__title {
	font-weight: bold;
}

.c-message .js-accordion__title.is-open {
	margin-bottom: 16px;
}

.c-message .js-accordion__title,
.c-message .js-accordion__text {
	padding-right: 64px;
}

.c-message.has-list .js-accordion__list li:not(:first-child)::before {
	top: 16px;
}

#labelShow.c-message.is-error img,
#labelShow.c-message.is-error p {
	display: inline-block;
	vertical-align: middle;
}

#labelShow.c-message.is-error img {
	margin-right: 8px;
}

#updateCorpInfoClientForm > .c-message.is-notice,
#updateCorpInfoCompanyOutlineForm > .c-message.is-notice {
	width: 1000px;
    margin: 16px auto auto;
    box-sizing: border-box;
}

/* プルダウン */
.c-pulldown option:checked {
	background: var(--neutral-color-02);
}

.c-pulldown select + select {
	margin-left: 8px;
}

.c-pulldown + .c-textarea input {
	height: 28px;
	padding: 6px 12px;
}

.c-pulldown,
.c-pulldown__outer select.c-pulldown {
	min-width: 160px;
	border: 1px solid var(--semantic-color-09);
	background: var(--semantic-color-08);
	cursor: pointer;
	padding: 4px 8px;
}

.c-pulldown.is-disabled,
.c-pulldown__outer select.c-pulldown.is-disabled {
	background: var(--neutral-color-02);
	color: var(--semantic-color-09);
	pointer-events: none;
}

/* ラジオボタン */
.c-radiobtn__item {
	position: relative;
}

.c-radiobtn {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: none;
	border: 1px solid var(--semantic-color-09);
	cursor: pointer;
	padding: 0;
	position: relative;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	vertical-align: -7px;
	flex: none;
}

.c-radiobtn:checked:before {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 14px;
	height: 14px;
	border-radius: 50%;
	background: var(--semantic-color-07);
	content: '';
}

.c-radiobtn:disabled {
	background: var(--semantic-color-10);
	cursor: default;
}

.c-radiobtn:disabled:checked:before {
	background: var(--semantic-color-09);
}

.c-radiobtn__item:not(:has(.c-radiobtn):disabled) .c-radiobtn__label {
	cursor: pointer;
}

.c-radiobtn__item {
	align-items: center;
	display: flex;
	gap: 12px;
}

/* グローバルナビゲーション */
.c-globalNavi {
	height: calc(100vh - var(--header-min-height));
	overflow-y: auto;
	overflow-x: hidden;
}

.c-globalNavi a:visited {
	color: var(--neutral-color-05);
}

.c-globalNavi__item {
	padding: 20px;
	/* padding: 20px 20px 20px 56px; */
	cursor: pointer;
	background: var(--neutral-color-01);
	border: 1px solid var(--neutral-color-03);
	border-top: none;
}

.c-globalNavi__item.is-error--allNull,
.c-globalNavi__item.is-error--mustNull,
.c-globalNavi__item .accordionContent__link.is-error--allNull,
.c-globalNavi__item .accordionContent__link.is-error--mustNull {
	background: var(--semantic-color-04);
}

.c-globalNavi:not(.is-open) .c-globalNavi__trigger {
	text-align: left;
}

.c-globalNavi__item:has(.c-globalNavi__title:not(.is-open)):hover,
.accordionContent a:hover,
.accordionContent__modal.is-open li:hover {
	background: var(--main-color-03);
}

.c-globalNavi__item.is-open,
.c-globalNavi__item:has(.c-globalNavi__title.is-open + .accordionContent) {
	padding-bottom: 0;
}

.c-globalNavi__item.is-open .accordionContent__link:has(#corpOverview) {
	margin-top: 10px;
}

.c-globalNavi__item.is-open .accordionContent__link:has(#corpOverview),
.c-globalNavi__item.is-open .accordionContent__link:has(#corpPage) {
	padding: 0;
}

.c-globalNavi__title {
	font-weight: bold;
	position: relative;
	display: flex;
	align-items: center;
}

.c-globalNavi__title > img {
	margin-right: 12px;
	filter: var(--main-filter);
}

.accordionContent {
	display: none;
}

.accordionContent > a,
.accordionContent > li {
	background: var(--main-color-04);
	display: block;
	padding: 10px 0;
	margin: 0 -20px;
}

.accordionContent > li > a {
	display: block;
	padding: 10px 0;
}

.accordionContent a:hover {
	background: var(--main-color-03);
	opacity: 1;
}

.accordionContent a:hover * {
	opacity: 1;
}

.accordionContent > a:first-child {
	margin-top: 10px;
}

.accordionContent > a span,
.accordionContent > li > a span {
	margin-left: 66px;
}

.js-globalNavi__title::after {
	border-right: solid 2px var(--main-color-01);
	border-top: solid 2px var(--main-color-01);
	content: none;
	display: block;
	height: 8px;
	position: absolute;
	right: 0px;
	top: 38%;
	transform: rotate(135deg);
	transition: transform .3s ease-in-out, top .3s ease-in-out;
	width: 8px;
}

.c-globalNavi.is-open .js-globalNavi__title::after {
	content: "";
}

.js-globalNavi__title.is-open {
	padding-bottom: 10px;
}

.js-globalNavi__title.is-open::after {
	top: 45%;
	transform: rotate(-45deg);
}

.c-globalNavi__trigger {
	display: block;
	cursor: pointer;
	padding: 15px 20px;
	text-align: right;
	background: var(--neutral-color-01);
	border: 1px solid var(--neutral-color-03);
}

.c-globalNavi__trigger .triggerSection {
	background: var(--neutral-color-01);
}

.trigger-icon .trigger-icon__inner,
.triggerSection .triggerSection__inner {
	opacity: .6;
	width: 20px;
	height: 20px;
	display: inline-block;
	vertical-align: middle;
	position: relative;
}

.trigger-icon .trigger-icon__inner::before,
.trigger-icon .trigger-icon__inner::after,
.triggerSection .triggerSection__inner::before,
.triggerSection .triggerSection__inner::after {
	display: block;
	content: "";
	position: absolute;
	background-color: var(--neutral-color-05);
	left: 0;
	top: 0;
	height: 2px;
	width: 20px;
	transition-property: transform;
	transition-duration: .15s;
	transition-timing-function: ease-in-out;
}

.trigger-icon .trigger-icon__inner::after,
.triggerSection .triggerSection__inner::after {
	top: 16px
}

.trigger-icon:hover .trigger-icon__inner::before,
.triggerSection:hover .triggerSection__inner::before {
	width: 16px;
	transform: translateY(13px) translateX(8px) rotate(-45deg);
	will-change: transform;
}

.c-globalNavi.is-open .triggerSection:hover .triggerSection__inner::before {
	transform: translateY(13px) translateX(-4px) rotate(45deg);
}

.trigger-icon:hover .trigger-icon__inner::after,
.triggerSection:hover .triggerSection__inner::after {
	width: 16px;
	transform: translateY(-13px) translateX(8px) rotate(45deg);
	will-change: transform;
}

.c-globalNavi.is-open .triggerSection:hover .triggerSection__inner::after {
	transform: translateY(-13px) translateX(-4px) rotate(-45deg);
}

.trigger-icon .trigger-icon__inner .trigger-icon__line,
.triggerSection .triggerSection__inner .triggerSection__line {
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	top: 8px;
	background-color: var(--neutral-color-05);
	height: 2px;
	opacity: 1;
	width: 20px;
}

._assistive-text,
.triggerSection__text {
	position: absolute !important;
	margin: -1px !important;
	border: 0 !important;
	padding: 0 !important;
	width: 1px !important;
	height: 1px !important;
	overflow: hidden !important;
	clip: rect(0 0 0 0) !important;
}

.c-globalNavi__title span {
	/* display: none; */
	opacity: 0;
	white-space: nowrap;
	transition: display 0.5s ease;
}

.c-globalNavi__title span.is-open {
	display: block;
	opacity: 1;
}

.accordionContent__modal.is-open .is-error--allNull,
.accordionContent__modal.is-open .is-error--mustNull {
	background: var(--semantic-color-04);
}

.accordionContent__modal.is-open .is-error--allNull span,
.accordionContent__modal.is-open .is-error--mustNull span {
	color: var(--semantic-color-03);
}

.c-globalNavi__item .accordionContent a,
.c-globalNavi__item .accordionContent > li,
.c-globalNavi__item .accordionContent .accordionContent__row,
.c-globalNavi__item .accordionContent .accordionContent__icon span,
.c-globalNavi__item .accordionContent .accordionContent__link {
	position: relative;
}

.c-globalNavi__item .accordionContent .accordionContent__row {
	display: inline;
}

.c-globalNavi__item .accordionContent .accordionContent__link::before {
	position: absolute;
	content: "";
	top: 50%;
	right: 20px;
	width: 0;
	height: 0;
	border-style: solid;
	border-color: transparent transparent transparent var(--main-color-01);
	border-width: 5px 0px 5px 8.66px;
	transform: translateY(-50%);
	z-index: 10;
}

.c-globalNavi__item .c-icon__help,
.c-globalNavi__item .accordionContent .c-icon__go {
	position: absolute;
	background: var(--main-color-03);
	border-radius: 50%;
}

.c-globalNavi__item .c-icon__help,
.c-globalNavi__item .c-icon__go {
	margin-left: 10px;
}

.c-globalNavi__item .c-icon__error {
	position: absolute;
	margin-left: 10px;
}

.c-globalNavi__item object + .c-icon__error {
	margin-left: 40px;
}

.accordionContent__modal {
	display: none;
}

.accordionContent__modal.is-open {
	display: block;
	position: absolute;
	width: 326px;
	padding: 16px 8px;
	background: var(--neutral-color-01);
	box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.16);
	border-radius: 4px;
	z-index: 15;
	top: 50%;
	transform: translateY(-50%);
}

.accordionContent__modal.is-open li a {
	padding: 12px 8px 12px 48px;
	box-sizing: border-box;
}

.accordionContent__modal.is-open a {
	display: block;
	width: 100%;
}

.accordionContent__modal.is-open a span {
	margin-left: 16px;
}

.c-globalNavi__item.is-active,
.c-globalNavi__item .accordionContent a.is-active {
	background: var(--main-color-03);
}

/* テーブル */
.c-table {
	table-layout: fixed;
	width: 100%;
}

.c-table td {
	word-wrap: break-word;
}

.c-table td * {
	margin: 0 auto;
}

.c-table td * ~ *:not(span),
.c-table td * ~ *:not(input) {
	margin-top : 16px;
}

.c-table--vertical {
	width: 100%;
	border: 1px solid var(--neutral-color-03);
	border-spacing: 0px;
}

.c-table--vertical th {
	width: 260px;
	background: var(--neutral-color-02);
	text-align-last: left;
	padding: 12px 20px;
	border-right: 1px solid var(--neutral-color-03);
}

.c-table--vertical td {
	padding: 12px 20px;
}

.c-table--vertical tr:not(:last-child) th,
.c-table--vertical tr:not(:last-child) td {
	border-bottom: 1px solid var(--neutral-color-03);
}

.c-table--horizontal {
	background: var(--neutral-color-01);
	border-collapse: collapse;
	padding: 0;
	border-top: 1px solid var(--neutral-color-03);
	border-right: 1px solid var(--neutral-color-03);
	border-bottom: none;
	border-left: 1px solid var(--neutral-color-03);
}

.c-table--horizontal td {
	border-bottom: 1px solid var(--neutral-color-03);
	padding: 12px;
}

.c-table--horizontal th {
	background: var(--neutral-color-02);
	padding: 12px 4px;
}

.c-table--horizontal.supportTable td {
	padding: 12px 20px;
}

.c-table--horizontal tr > *:not(:last-child),
.c-table--horizontal td {
	border-right: 1px solid var(--neutral-color-03);
}

.c-table--horizontal .highlight td:not(:first-child) {
	font-weight: bold;
	color: var(--semantic-color-03);
}

.c-table--horizontal .td02.c-textarea__outer {
	width: 635px;
}

.c-table--horizontal .c-btn--primary {
	padding: 0 12px;
}

.c-table--horizontal .is-closed {
	background: var(--neutral-color-02);
}

.c-table--primary th {
	background: var(--main-color-01);
	color: var(--neutral-color-01);
}

.c-supportTable {
	text-align: left;
}

.c-supportTable th {
	padding: 12px 20px;
}

.c-supportTable td {
	padding: 16px 24px;
}

.c-supportTable td * {
	margin: initial;
}

.c-supportTable td * ~ *:not(input) {
	margin-top: 0;
}

.c-supportTable ul li {
	padding-left: 12px;
	position: relative;
}

.c-supportTable ul li::before {
	position: absolute;
	content: "";
	top: 10px;
	left: 2px;
	width: 4px;
	height: 4px;
	background: var(--neutral-color-05);
	border-radius: 50%;
}

.c-supportTable .c-supportTable__title {
	display: flex;
	gap: 16px;
	margin-bottom: 16px;
}

.c-supportTable ul {
	display: grid;
	gap: 8px
}

/* .c-table--horizontal.entryTable tr.is-open {
	background: var(--semantic-color-06);
} */

.c-table--horizontal.entryTable td.btn a {
	min-width: 160px;
	padding: 0 8px;
	text-align: center;
}

.c-table--horizontal td.btn a {
	max-width: 180px;
	min-width: 140px;
	margin: 0 auto;
	padding: 0;
}

/* タブメニュー */
.c-tabNavi {
	border-bottom: 2px solid var(--main-color-01);
	display: flex;
	gap: 8px;
}

.c-tabNavi + .m-card {
	margin-top: 0 !important;
}

.c-tabNavi ~ .m-card__outer {
	border-top: none;
	border-radius: 0 0 4px 4px;
}

.c-tabNavi__item a {
	background: var(--neutral-color-03);
	border: 1px solid var(--neutral-color-04);
	border-bottom: none;
	border-radius: 4px 4px 0 0;
	display: block;
	padding: 12px 16px;
}

.c-tabNavi__item.is-active a,
.c-tabNavi__item a:hover,
.c-tabNavi__item a:active {
	background: var(--main-color-01);
	border-color: var(--main-color-01);
	color: var(--neutral-color-01);
}

.c-tabNavi__item.is-disabled a,
.c-tabNavi__item.is-disabled a:hover,
.c-tabNavi__item.is-disabled a:active {
	background: var(--semantic-color-09);
	border-color: var(--semantic-color-09);
	color: var(--neutral-color-01);
	cursor: default;
	filter: none;
}

/* 入力エリア（テキストエリア） */
.c-textarea {
	background: var(--semantic-color-08);
	border: 1px solid var(--semantic-color-09);
	box-sizing: border-box;
	padding: 8px 12px;
	width: 100%;
	resize: none;
}

.c-textarea--resize {
	resize: vertical !important;
}

.c-textarea + .c-textarea {
	margin-top: 12px;
}

.c-textarea:disabled {
	background: var(--semantic-color-10);
}

.c-textarea.is-disabled {
	background: var(--neutral-color-02);
	color: var(--semantic-color-09);
}

/* テキストリンク */
.c-textlink {
	background: none;
	color: var(--semantic-color-07) !important;
	display: inline-block;
	font-weight: normal;
	height: auto;
	min-width: fit-content;
	padding: 0;
	text-decoration: underline var(--semantic-color-07) !important;
}

.c-textlink.has-icon {
	margin-right: 4px;
}

.c-textlink.has-icon::after {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	content: "";
	display: inline-block;
	height: 16px;
	margin-left: 4px;
	width: 16px;
}

.c-textlink.u-icon-note::after {
	background-image: url(/28/corp/resources/images/designComponent/icon_note-20260203102259.svg);
}

.c-textlink.u-icon-externalLink::after {
	background-image: url(/28/corp/resources/images/designComponent/icon_externalLink-20260203102259.svg);
}

.c-textlink.u-icon-tab::after {
	background-image: url(/28/corp/resources/images/designComponent/icon_tab-20260203102259.svg);
}

.c-textlink.is-disabled {
	text-decoration: underline var(--semantic-color-09) !important;
	color: var(--semantic-color-09) !important;
	cursor: default;
}

.c-textlink.is-disabled:hover {
	opacity: 1;
	text-decoration: underline var(--semantic-color-09) !important;
}

.c-textlink.u-c-sc-09 {
	text-decoration: underline var(--semantic-color-09) !important;
}

.has-list .linkList li {
	padding-left: 12px;
    position: relative;
}

.has-list .linkList li::before {
	background: var(--neutral-color-05);
    border-radius: 50%;
    content: "";
    height: 4px;
    left: 2px;
    position: absolute;
    top: 10px;
    width: 4px;
}

/* ツールチップ */
.c-tooltip {
	display: none;
	position: absolute;
	background: var(--neutral-color-05);
	color: var(--neutral-color-01);
	border-radius: 4px;
	font-size: 1.2rem;
	padding: 8px 12px;
	width: auto;
	margin: 0 -20px;
	white-space: nowrap;
	z-index: 100;
}

.c-tooltip::before {
	content: '';
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translateX(-50%);
	border-width: 5px;
	border-style: solid;
	border-color: var(--neutral-color-05) transparent transparent transparent;
}

.c-tooltip__title::before {
	border-color: transparent var(--neutral-color-05) transparent transparent;
	left: -10px;
	top: 50%;
	transform: translateY(-50%);
}

.c-tooltip.c-icon__go::before {
	left: 135px;
	transform: none;
}

/* ローディング */
/*.loading_screen {
	width: 100%;
	height: 100%;
	min-width: 100vw;
	min-height: 100vh;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	z-index: 10;
	background-color: rgba(0,0,0,0.5);
	display: none;
}*/

/*.loading_screen._on {
	display: block;
}*/

.loading_screen {
  width: 100%;
  height: 100%;
  min-width: 100vw;
  min-height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
  background-color: rgba(0,0,0,0.5);
  display: none;
}

.loading_screen._on {
  display: block;
}

.loading_screen p {
	background-color: var(--neutral-color-01);
	width: 300px;
	height: 300px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	text-align: center;
	padding: 50px 20px 0;
	box-sizing: border-box;
}

body.loading {
	position: relative !important;
	height: 100%;
	width: 100%;
	overflow: hidden;
}

body.loading::before {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.5);
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1000;
}

.loading_screen p img {
	display: block;
	width: 70px;
	height: 70px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-14%) rotate(30deg);
	animation: rotation 2s linear 0s infinite normal forwards running;
}

@keyframes rotation {
	0% {
		transform: translate(-50%,-14%) rotate(0deg);
	}
/*
	12.5% {
		transform: translate(-50%,-14%) rotate(45deg);
	}


	25% {
		transform: translate(-50%,-14%) rotate(90deg);
	}

	37.5% {
		transform: translate(-50%,-14%) rotate(135deg);
	}

	50% {
		transform: translate(-50%,-14%) rotate(180deg);
	}

	62.5% {
		transform: translate(-50%,-14%) rotate(225deg);
	}

	75% {
		transform: translate(-50%,-14%) rotate(270deg);
	}

	87.5% {
		transform: translate(-50%,-14%) rotate(315deg);
	} */


	100% {
		transform: translate(-50%,-14%) rotate(360deg);
	}
}

/*▲【コンポーネント】---------------------------------------------*/

/*▼【レイアウト】-------------------------------------------------*/
.l-siteWrapper {
	display: flex;
	background: var(--neutral-color-02);
	align-items: flex-start;
	justify-content: center;
}

.l-siteWrapper__outer {
	display: flex;
	flex-direction: column;
	min-height: calc(100vh - var(--header-min-height));
	width: calc(100% - 60px);
}

.l-siteWrapper__contents {
	width: 1000px;
	margin: 0 auto auto;
	padding: 16px;
	box-sizing: border-box;
}

.l-siteWrapper__contents > * ~ * {
	margin-top: 16px;
}

.l-siteWrapper__contents:has(.m-sidebar.has-table) {
	column-gap: 20px;
	display: grid;
	gap: 24px;
	grid-template-columns: 1fr 300px;
	row-gap: 0;
	width: 1200px;
}

.l-siteWrapper__contents--top {
	margin: 0 auto;
}

.l-siteWrapper__contents:has(.m-sidebar.has-table) .c-tabNavi__list,
.l-siteWrapper__contents:has(.m-sidebar.has-table) .m-card {
	min-width: 680px;
	grid-column: 1;
}

.m-sidebar.has-table {
	grid-column: 2;
}

.l-siteWrapper__contents:has(.m-sidebar.has-table) .c-tabNavi__list {
	margin-bottom: 0;
}

/*▲【レイアウト】-------------------------------------------------*/

/*▼【モジュール】-------------------------------------------------*/
/* カード */
.m-card__inner > * ~ *:not(form),
.m-card__inner > form > * ~ *,
.m-card__inner > form > .m-card:first-child {
	margin-top: 16px;
}

.m-card__outer {
	border: 1px solid var(--neutral-color-03);
	border-radius: 4px;
}

.m-card__inner,
.c-tabNavi + .m-card .m-card__outer .m-card__inner {
	background: var(--neutral-color-01);
	border-radius: 0 0 4px 4px;
	padding: 16px;
}

.m-card__outer:not(:has(.c-heading--lv04)) .m-card__inner {
	border-radius: 4px;
}

.m-card[id] {
	scroll-margin-top: 130px;
}

/* フォーム */
.m-form ~ .m-form {
	margin-top: 16px;
}

.m-form__outer {
	border: 1px solid var(--neutral-color-02);
	padding: 2px;
}

.m-form__outer .imageUpload__outer {
	align-items: center;
	display: flex;
	gap: 0 64px;
}

.m-form__outer .imageUpload {
	width: calc(100% - 304px);
}

.imageUpload h4 + p {
	margin-top: 16px;
}

.imageUpload p + input {
	margin-top: 8px;
}

.m-form.is-disabled {
	position: relative;
}

.m-form.is-disabled::before {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	background: var(--neutral-color-05);
	opacity: 0.6;
	z-index: 2;
	top: 0;
	left: 0;
}

.m-form.is-disabled .m-form__outer__text {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	color: var(--neutral-color-01);
	z-index: 5;
	top: 16px;
	left: 50%;
	transform: translateX(-50%);
	text-align: center;
}

.m-form__inner {
	padding: 12px;
}

.m-form__inner > * ~ * {
	margin-top: 12px;
}

.m-form__inner > .m-form__inner,
.m-form__inner > ul + p {
	margin-top: 0px;
}

.m-form__nner .copyBox:not(:last-child) {
	margin-bottom: 24px;
}

/* ヘッダー */
.m-header {
	align-items: center;
	background: var(--neutral-color-01);
	border-bottom: 2px solid var(--main-color-01);
	box-sizing: border-box;
	display: flex;
	height: var(--header-min-height);
	min-width: 1000px;
	padding: 12px 100px;
	position: sticky;
  	top: 0;
	z-index: 120;
}

.m-header .siteInfo,
.m-header .corpInfo .contractPeriod,
.m-header .corpInfo .contractInfo {
	display: flex;
	align-items: center;
}

.m-header .siteInfo p {
	padding: 4px 8px;
	background: var(--main-color-03);
	width: max-content;
}

.m-header .siteInfo {
	gap: 32px;
	margin-right: 24px;
}

.m-header .siteLogo {
	display: inline-block;
}

.m-header .corpInfo {
	text-align: right;
	width: 100%;
}

.m-header .corpInfo h4 {
    align-items: flex-end;
	display: flex;
	font-size: 1.4rem;
	justify-content: flex-end;
}

.m-header .corpInfo .contractPeriod,
.m-header .corpInfo .contractInfo {
	justify-content: end;
	margin-top: 4px;
	white-space: nowrap;
}

.m-header .corpInfo .contractPeriod p,
.m-header .corpInfo .contractInfo p {
	color: var(--neutral-color-04);
}

.m-header .corpInfo:has(.c-btn__logout) {
	align-items: center;
	display: flex;
	justify-content: end;
	gap: 24px;
}

.m-header .corpInfo .corpName,
.m-header .corpInfo .userName {
	line-height: 1.35;
	overflow: hidden;
	display: -webkit-box;
	margin-right: 12px;
	font-size: 1.6rem;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	max-height: 48px;
}

.m-header .corpInfo .contractPeriod__label,
.m-header .corpInfo .contractInfo__label {
	font-weight: bold;
}

.m-header .corpInfo .contractPeriod p:not(:first-child),
.m-header .corpInfo .contractInfo p:not(:first-child) {
	margin-left: 12px;
}

.m-header .corpInfo .contractPeriod__title {
	padding-left: 28px;
    position: relative;
}

.m-header .corpInfo .contractPeriod__title:before {
	background: url(/28/corp/resources/images/designComponent/icon_calendar-20260203102259.svg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	bottom: 0;
	content: "";
	filter: var(--main-filter);
	height: 20px;
	left: 0;
	margin: auto;
	position: absolute;
	top: 0;
	width: 20px;
}

.m-header .corpInfo p:nth-last-child(2):nth-child(2) ~ p:last-child .contractPeriod__label,
.m-header .corpInfo .contractInfo__label {
	padding-left: 12px;
}

.m-header .corpInfo p:nth-last-child(2):nth-child(2) ~ p:last-child::before,
.m-header .corpInfo:has(.contractInfo) p:last-child::before {
	content: "/";
}

/* ページネーション */
.m-paginationWrapper {
	display: flex;
	flex-direction: column;
	gap: 12px;
	text-align: center;
}

.m-pagination {
	text-align: center;
	align-items: center;
	display: flex;
	gap: 16px;
	justify-content: center;
}

.m-pagination__number {
	align-items: center;
	display: flex;
	gap: 8px;
	justify-content: center;
}

.m-pagination__number .c-btn {
    min-width: 32px;
    padding: 0 8px;
}

/* ポップアップ */
.m-popup {
    display: flex;
    flex-direction: column;
    gap: 12px;
	margin: 0 auto;
    width: 560px;
}

.m-popup > div {
	margin: 0 auto;
    width: 520px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.m-popup .m-header {
	padding: 0;
    border-bottom: none;
    position: static;
    min-width: auto;
}

.m-popup .m-header + div {
	border: solid 1px var(--neutral-color-03);
	border-radius: 4px;
}

.m-popup .m-card__inner {
	padding: 32px;
}

.m-popup .m-footer {
	background: var(--neutral-color-01);
}

/* 下部ボタン */
.m-btnWrapper {
	display: flex;
	gap: 0 24px;
	justify-content: center;
}

.m-btnWrapper.is-fixed {
	background: rgba(0, 0, 0, 0.6);
	position: fixed;
	bottom: 0;
	left: 60px;
	width: 100%;
	padding: 8px 0;
	z-index: 10;
}

.m-btnWrapper.is-fixed.is-open {
	left: 292px;
}

.m-btnWrapper.is-fixed.is-open a:first-child {
	margin-left: -292px;
}

.m-btnWrapper.is-fixed .c-btn {
	min-width: 200px;
}

.m-form__outer .m-btnWrapper {
	margin-bottom: 12px;
}

/* サイドバー */
.m-sidebar {
	background: var(--neutral-color-01);
	color: var(--neutral-color-05);
	height: calc(100vh - var(--header-min-height));
	position: sticky;
	top: calc(var(--header-min-height));
	/* transition: width 0.5s ease; */
	visibility: hidden;
	width: 60px;
	z-index: 80;
}

@media screen and (max-height: 668px) {
	.m-sidebar {
		width: 80px;
	}
}

.m-sidebar:has(.c-globalNavi.is-open) {
	width: 292px;
}

.m-sidebar:has(.c-globalNavi.is-open) + .l-siteWrapper__outer {
	width: calc(100% - 290px);
}

.m-sidebar .supportInfo {
	display: none;
}

.m-sidebar:has(.c-globalNavi.is-open) .supportInfo {
	display: block;
	background: var(--neutral-color-01);
	text-align: center;
	padding: 16px;
}

.m-sidebar:has(.c-globalNavi.is-open) .supportInfo > p {
	margin-bottom: 16px;
}

.m-sidebar:has(.c-globalNavi.is-open) .supportInfo > div:not(.webManualInfo) {
	display: flex;
	margin-bottom: 8px;
	text-align: left;
}

.m-sidebar:has(.c-globalNavi.is-open) .supportInfo > div:not(.webManualInfo) p {
	width: 80px;
	text-align: right;
	margin-right: 8px;
}

.m-sidebar:has(.c-globalNavi.is-open) .supportInfo > div.webManualInfo {
	border: 1px solid var(--neutral-color-03);
	margin-top: 16px;
	padding: 16px;
}

.m-sidebar:has(.c-globalNavi.is-open) .supportInfo > div.webManualInfo p + a {
	margin-top: 16px;
}

.m-sidebar.has-table {
	background: none;
	display: grid;
	gap: 24px;
	height: fit-content;
	margin-top: 0;
	text-align: left;
	width: 300px;
}

.m-sidebar .c-table--horizontal {
	border-bottom: 1px solid var(--neutral-color-04);
	border-color: var(--neutral-color-04);
	box-sizing: border-box;
	display: block;
}

.m-sidebar .c-table--horizontal th,
.m-sidebar .c-table--horizontal td {
	padding: 16px;
}

.m-sidebar .c-table--horizontal td > * ~ * {
	margin-top: 12px;
}

/* フッター */
.m-footer {
	/* background: var(--neutral-color-02); */
	margin-top: auto;
	padding: 32px 0;
	text-align: center;
}

.m-footer .linkList {
	display: flex;
	gap: 24px;
	justify-content: center;
	margin-bottom: 24px;;
}

/*▲【モジュール】-------------------------------------------------*/

/*▼【ユーティリティ】---------------------------------------------*/
/* レイアウト */
/* 並び順 */
.u-d-block { display: block !important; }
.u-d-flex { display: flex !important; }
.u-d-grid { display: grid !important; }
.u-d-inline { display: inline !important; }
.u-d-inlineBlock { display: inline-block !important; }
.u-d-inlineFlex { display: inline-Flex !important; }
.u-d-none { display: none !important; }

.u-fw-wrap { flex-wrap: wrap;}
.u-fd-column { flex-direction: column;}

/* カラム */
ul.column-02,
ul.column-03,
ul.column-04 {
	flex-wrap: wrap;
	align-items: flex-start;
}

ul.column-02 li {
	width: calc(100% / 2 - 24px);
}

ul.column-03 li {
	display: flex;
	width: calc(100% / 3 - 24px);
}

ul.column-04 li {
	width: calc(100% / 4 - 24px);
}

ul.column-02 li:nth-child(n+3),
ul.column-03 li:nth-child(n+4),
ul.column-04 li:nth-child(n+5) {
	margin-top: 16px;
}

ul.column-02 li:nth-child(2n+1),
ul.column-03 li:nth-child(3n+1),
ul.column-04 li:nth-child(4n+1) {
	margin-left: 0;
}

.u-col-02 > * { width: calc(100% / 2 - 8px) !important; }
.u-col-03 > * { width: calc(100% / 3 - 12px) !important; }
.u-col-04 > * { width: calc(100% / 4 - 12px) !important; }

/* 整列 */
.u-ai-center { align-items: center !important; }
.u-ai-flexEnd { align-items: flex-end !important; }
.u-ai-flexStart { align-items: flex-start !important; }
.u-jc-center { justify-content: center !important; }
.u-jc-flexEnd { justify-content: flex-end !important; }
.u-jc-flexStart { justify-content: flex-start !important; }
.u-jc-left { justify-content: left !important; }
.u-jc-right { justify-content: right !important; }
.u-jc-spaceBetween { justify-content: space-between !important; }
.u-ta-center { text-align: center !important; }
.u-ta-left { text-align: left !important; }
.u-ta-right { text-align: right !important; }

/* 余白 */
.u-g-4px { gap: 4px !important; }
.u-g-8px { gap: 8px !important; }
.u-g-12px { gap: 12px !important; }
.u-g-16px { gap: 16px !important; }
.u-g-20px { gap: 20px !important; }
.u-g-24px { gap: 24px !important; }
.u-g-32px { gap: 32px !important; }
.u-g-48px { gap: 48px !important; }
.u-g-60px { gap: 60px !important; }
.u-m-0 { margin: 0 !important; }
.u-mb-0 { margin-bottom: 0 !important; }
.u-mb-4px { margin-bottom: 4px !important; }
.u-mb-8px { margin-bottom: 8px !important; }
.u-mb-12px { margin-bottom: 12px !important; }
.u-mb-16px { margin-bottom: 16px !important; }
.u-mb-20px { margin-bottom: 20px !important; }
.u-mb-24px { margin-bottom: 24px !important; }
.u-mb-32px { margin-bottom: 32px !important; }
.u-ml-0 { margin-left: 0 !important; }
.u-ml-4px { margin-left: 4px !important; }
.u-ml-8px { margin-left: 8px !important; }
.u-ml-12px { margin-left: 12px !important; }
.u-ml-16px { margin-left: 16px !important; }
.u-ml-20px { margin-left: 20px !important; }
.u-ml-24px { margin-left: 24px !important; }
.u-ml-32px { margin-left: 32px !important; }
.u-mr-0 { margin-right: 0 !important; }
.u-mr-4px { margin-right: 4px !important; }
.u-mr-8px { margin-right: 8px !important; }
.u-mr-12px { margin-right: 12px !important; }
.u-mr-16px { margin-right: 16px !important; }
.u-mr-20px { margin-right: 20px !important; }
.u-mr-24px { margin-right: 24px !important; }
.u-mr-32px { margin-right: 32px !important; }
.u-mt-0 { margin-top: 0 !important; }
.u-mt-4px { margin-top: 4px !important; }
.u-mt-8px { margin-top: 8px !important; }
.u-mt-12px { margin-top: 12px !important; }
.u-mt-16px { margin-top: 16px !important; }
.u-mt-20px { margin-top: 20px !important; }
.u-mt-24px { margin-top: 24px !important; }

/* ポジション */
.u-p-absolute { position: absolute !important; }
.u-p-relative { position: relative !important; }

/* 各要素 */
/* 幅 */
.u-miw-80px { min-width: 80px !important; }
.u-miw-140px { min-width: 140px !important; }
.u-w-100pct { width: 100% !important; }
.u-w-60px { width: 60px !important; }
.u-w-80px { width: 80px !important; }
.u-w-120px { width: 120px !important; }
.u-w-140px { width: 140px !important; }
.u-w-160px { width: 160px !important; }
.u-w-250px { width: 250px !important; }
.u-w-350px { width: 350px !important; }

/* 高さ */
.u-h-auto { height: auto !important; }
.u-h-32px { height: 32px !important; }
.u-h-50px { height: 50px !important; }
.u-h-64px { height: 64px !important; }
.u-h-80px { height: 80px !important; }
.u-h-120px { height: 120px !important; }
.u-h-200px { height: 200px !important; }
.u-mih-50px { min-height: 50px !important; }
.u-mih-120px { min-height: 120px !important; }
.u-mih-200px { min-height: 200px !important; }

/* リサイズ */
.u-r-none { resize: none !important; }
.u-r-vertical { resize: vertical !important; }

/* 背景色 */
.u-bc-nc-02 { background: var(--neutral-color-02) !important; }
.u-bc-sc-04 { background: var(--semantic-color-04) !important; }

/* 角丸 */
.u-br-4px { border-radius: 4px !important; }
.u-br-50pct { border-radius: 50% !important; }

/* 画像 */
/* フィルター */
.u-f-main { filter: var(--main-filter) !important; }
.u-f-nc-01 { filter: var(--nc01--filter) !important; }
.u-f-nc-04 { filter: var(--nc04--filter) !important; }
.u-f-sc-09 { filter: var(--sc09--filter) !important; }

/* 文字 */
/* 色 */
.u-c-nc-04 { color: var(--neutral-color-04) !important; }
.u-c-nc-05 { color: var(--neutral-color-05) !important; }
.u-c-sc-01 { color: var(--semantic-color-01) !important; }
.u-c-sc-03 { color: var(--semantic-color-03) !important; }
.u-c-sc-07 { color: var(--semantic-color-07) !important; }
.u-c-sc-09 { color: var(--semantic-color-09) !important; }

/* 大きさ */
.u-fs-1_2rem { font-size: 1.2rem !important; }
.u-fs-1_4rem { font-size: 1.4rem !important; }
.u-fs-1_6rem { font-size: 1.6rem !important; }
.u-fs-2_0rem { font-size: 2.0rem !important; }

/* 太さ */
.u-fw-bold { font-weight: bold !important; }
.u-fw-normal { font-weight: normal !important; }

/* 下線 */
.u-td-none { text-decoration: none !important; }
.u-td-underline { text-decoration: underline !important; }

/* 折り返し */
.u-ws-nowrap { white-space: nowrap !important; }
/*▲【ユーティリティ】---------------------------------------------*/

/*▼【状態】------------------------------------------------------*/
.is-notice {
	background: linear-gradient(to bottom, transparent 60%, var(--semantic-color-05) 60%, var(--semantic-color-05) 90%, transparent 100%);
}

.is-deadline,
.is-required,
.is-warning {
	color: var(--semantic-color-03);
}

/*▲【状態】------------------------------------------------------*/

/*▼【カテゴリ】--------------------------------------------------*/
/* COM */
#CRP_COM_G_03010 .l-siteWrapper__outer {
	margin: auto;
}

[class*="mainMenuLink"] {
	border: 1px solid var(--neutral-color-03);
	border-radius: 4px;
	padding: 32px;
}

.mainLogoList {
	margin-bottom: 48px;
}

.mainLinkList li {
	white-space: nowrap;
	width: calc(100% / 2 - 16px);
}

[class*="mainMenuLink"] .c-btn {
	margin: 0 auto 16px;
}

.mainMenuLink--primary .c-btn {
	width: 240px;
}

.mainMenuLink--secondary .c-btn {
	width: 240px;
}

/* CRP */
/* 08020 表示順序 */
.c-textarea__sort {
	width: 620px;
}

/* 順番変更 */
/* .table-select, */
.tableSelect {
	display: flex;
	align-items: center;
}

/* .table-select > *:not(:first-child), */
.tableSelect > *:not(:first-child) {
	margin-left: 16px;
}

/* .table-select select, */
.tableSelect select {
	border: 1px solid var(--semantic-color-09);
	background: var(--semantic-color-08);
	min-width: 350px;
}

.tableSelect select.is-disabled {
	background: var(--neutral-color-02);
	color: var(--semantic-color-09);
	pointer-events: none;
}

/* .table-select .select-wide, */
.tableSelect .selectWide {
	width: 725px;
}

.tableSelect .c-btn + .c-btn {
	margin-left: 0;
	margin-top: 12px;
}

.tableSelect input {
	cursor: pointer;
}

.imageUpload input {
	background: var(--neutral-color-02);
	border: 1px solid var(--semantic-color-09);
	cursor: pointer;
	padding: 2px;
}

/* コースのテーブル */
.courseTable td:not(.td02),
.courseTablePre td:not(.td02),
.courseTableDetail {
	text-align: center;
	word-wrap: normal;
}

.courseTable td.td08 a,
.courseTablePre td.td04 a {
	max-width: 120px;
	min-width: 130px;
	margin: 0 auto;
	padding: 0;
}

.courseTable .is-closed {
	background: var(--neutral-color-02);
}

.courseTable td.td02 {
	max-width: 170px;
	min-width: 170px;
}

.courseTablePre td.td02 {
	width: 500px;
}

.courseTable td.td06 {
	font-weight: bold;
}

.courseTable .is-closed td.td06 {
	color: var(--semantic-color-09);
}

.courseTable td.btn {
	max-width: 130px;
	min-width: 130px;
}

.courseTable td.btn a {
	margin: 0 auto;
	padding: 0;
}

/* インターンシップのテーブル */
.internshipCourseTable .td07 {
	width: 185px;
}

/* 仕事体験のテーブル */
.workInternshipCourseTable .td07,
.openCompanyCourseTable .td07 {
	width: 125px;
}

/* スカウト条件のテーブル */
.scoutConditionsTable td:nth-child(even) {
	text-align: center;
}

.scoutConditionsTable .c-label {
    width: 75px;
}

.scoutConditionsTable .c-btn.has-icon.arrow-a {
	margin-top: 8px;
	width: auto;
	padding: 0 36px 0 20px;
}

/* コピー */
.copyBox {
	display: flex;
}

.copyText {
	background: var(--neutral-color-02);
	border: 1px solid var(--neutral-color-04);
	padding: 16px;
	border-radius: 4px;
	margin-right: 16px;
	width: calc(100% - 154px);
}

/* 08060 会社特徴アピール画像 */
.corpThumbnails-edit {
	position: relative;
}

.corpThumbnails-edit-frame {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -204px;
	margin-left: -204px;
	width: 400px;
	height: 400px;
	border: 4px solid var(--main-color-01);
}

/* 53020 先輩情報 */
#CRP_CRP_G_53020 .m-sidebar {
	background-color: var(--neutral-color-02);
}

/* 03010 スカウト検索結果一覧 */
#CRP_HDM_G_03010 .u-d-flex.u-fw-wrap > li {
	display: flex;
}

/* MST */
.g-CRP_MST .c-table td * {
    margin: initial;
}

/*▲【カテゴリ】--------------------------------------------------*/

/*▼【その他】----------------------------------------------------*/
a:has(.c-btn__logout) + .c-tooltip::before {
	left: 35%;
	top: -25%;
	transform: rotate(180deg);
}
/*▲【その他】----------------------------------------------------*/