/* =========================================================
   project-jcr2027_design_sample.css
   JCR2027 TOPデザイン案反映サンプル
   - PC画面専用
   - style.css の後に読み込み
========================================================= */
@import url("https://use.fontawesome.com/releases/v6.6.0/css/all.css");

:root {
	--jcr-sidebar-width: 260px;
	--jcr-main-min-width: 960px;
	--jcr-blue: #00408a;
	--jcr-deep-blue: #002f63;
	--jcr-purple: #7a258f;
	--jcr-pink: #b45973;
	--jcr-footer-bg: #cbccde;
	--jcr-border: #cbccde;
	--font-body: var(--font-line-seed-jp);
}

html {
	font-size: 62.5%;
}

body.project-jcr2027 {
	min-width: calc(var(--jcr-sidebar-width) + var(--jcr-main-min-width));
	padding-left: var(--jcr-sidebar-width);
	background-color: var(--jcr-deep-blue);
	background-image: url("../img/common/bg_base.jpg");
	background-repeat: no-repeat;
	background-position: calc(50% + (var(--jcr-sidebar-width) / 2)) top;
	background-size: max(2240px, 1000px) auto;
	font-family: var(--font-body);
	font-size: 1.5rem;
	letter-spacing: 0;
	color: #222;
	overflow-x: auto;
	box-sizing: border-box;
}
body.project-jcr2027:not(.page-home):not(.page-en-home) {
	background: url("../img/common/bg_page.jpg") center top / cover no-repeat fixed;
}
@media (max-width: 1220px) {
	body.project-jcr2027 {
		background-image: url("../img/common/bg_base_short.jpg");
		background-position: 250px top;
		background-size: 980px 1000px;
	}
}
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: var(--font-body);
}
.page-content__body h1:not([class]),
.page-content__body h2:not([class]),
.page-content__body h3:not([class]),
.page-content__body h4:not([class]),
.page-content__body h5:not([class]),
.page-content__body h6:not([class]) {
	font-family: var(--font-body);
}
.project-jcr2027 .u-text-sm {
	font-size: var(--font-size-12) !important;
}
/* =========================================================
   [CONTENT] Heading defaults
   - page-content__body 内で class 未指定の h2〜h6 に適用
========================================================= */
.project-jcr2027 .page-content__body h2:not([class]),
.project-jcr2027 .page-content__body h3:not([class]),
.project-jcr2027 .page-content__body h4:not([class]),
.project-jcr2027 .page-content__body h5:not([class]),
.project-jcr2027 .page-content__body h6:not([class]) {
	font-family: var(--font-body);
	font-weight: 700;
	line-height: 1.45;
	letter-spacing: 0.02em;
}

.project-jcr2027 .page-content__body h2:not([class]) {
	position: relative;
	margin: 2.2em 0 1em;
	padding: 0.75em 0.75em 0 0;
	border-top: 3px solid #ddd;
	color: inherit;
	font-size: 2.6rem;
}

.project-jcr2027 .page-content__body h2:not([class]) > span {
	position: relative;
	display: inline-block;
	background: linear-gradient(90deg, #173f9f 0%, #8c228f 100%);
	background-clip: text;
	-webkit-background-clip: text;
	color: transparent;
	-webkit-text-fill-color: transparent;
}

.project-jcr2027 .page-content__body h2:not([class]) > span::before {
	content: "";
	position: absolute;
	top: calc(-0.75em - 3px);
	left: 0;
	width: 100%;
	height: 3px;
	background: linear-gradient(90deg, #173f9f 0%, #8c228f 100%);
}

.project-jcr2027 .page-content__body h2:not([class]):first-child {
	margin-top: 0;
}

.project-jcr2027 .page-content__body h3:not([class]) {
	margin: 1.9em 0 0.8em;
	padding: 0 0 0.35em;
	border-bottom: 2px solid var(--jcr-border);
	color: var(--jcr-blue);
	font-size: 2.1rem;
}

.project-jcr2027 .page-content__body h4:not([class]) {
	position: relative;
	margin: 1.6em 0 0.7em;
	padding: 0.25em 0.5em;
	background: linear-gradient(90deg, rgba(10, 61, 150, 0.1) 0%, rgba(140, 34, 143, 0.08) 100%);
	font-size: 1.8rem;
}

.project-jcr2027 .page-content__body h5:not([class]) {
	margin: 1.4em 0 0.6em;
	color: #333333;
	font-size: 1.7rem;
}

.project-jcr2027 .page-content__body h6:not([class]) {
	margin: 1.2em 0 0.5em;
	color: #555555;
	font-size: 1.5rem;
}

.page-content__body p:not([class]) {
	margin: 0 0 0;
	line-height: 1.8;
}
.project-jcr2027 .site-bg,
.project-jcr2027 .site-layout,
.project-jcr2027 .site-main {
	width: 100%;
	min-width: var(--jcr-main-min-width);
	background: transparent;
}
.project-jcr2027 .site-main {
	min-height: calc(100vh - 10em);
}
/* =========================================================
   Lower Page Layout
   - fixed の site-title と本文の重なりを避ける
========================================================= */

.project-jcr2027:not(.page-home):not(.page-en-home) .site-layout {
	padding-top: 160px;
}

.project-jcr2027:not(.page-home):not(.page-en-home) .content-block__inner {
	width: min(100% - 40px, 1080px);
	min-width: 960px;
	padding-top: 0;
	padding-bottom: 80px;
}

.project-jcr2027:not(.page-home):not(.page-en-home) .page-content__head {
	margin: 0;
	padding: 1.75em 36px 1.5em;
	background: linear-gradient(90deg, rgba(101, 80, 176, 0.94) 0%, rgba(181, 96, 169, 0.86) 100%);
	color: #ffffff;
	border-radius: 16px 16px 0 0;
}

.project-jcr2027:not(.page-home):not(.page-en-home) .c-heading-page {
	color: #ffffff;
	margin: 0;
	padding: 0;
	border: none;
}

.project-jcr2027:not(.page-home):not(.page-en-home) .page-content__body {
	border-radius: 0 0 16px 16px;
	background: rgba(255, 255, 255, 0.98);
	padding: 2em 2.25em;
}
.project-jcr2027:not(.page-home):not(.page-en-home) .page-content__body .c-table-stack {
	letter-spacing: -0.02em;
}

/* =========================================================
   Side Header / Navigation
========================================================= */
.project-jcr2027 .header {
	position: fixed;
	inset: 0 auto 0 0;
	z-index: 100;
	width: var(--jcr-sidebar-width);
	height: 100%;
	background: #ffffff;
	box-shadow: 1px 0 0 rgba(0, 0, 0, 0.08);
	overflow-y: auto;
	scrollbar-width: thin;
	scrollbar-color: #cbccde #ffffff;
}
.project-jcr2027 .header::-webkit-scrollbar {
	width: 8px;
}
.project-jcr2027 .header::-webkit-scrollbar-track {
	background-color: #ffffff;
}
.project-jcr2027 .header::-webkit-scrollbar-thumb {
	background-color: #cbccde;
}

.project-jcr2027 .header__inner {
	width: 100%;
	min-height: 100%;
	margin: 0;
	padding: 0;
	display: block;
}

.project-jcr2027 .nav-toggle {
	display: none;
}

.project-jcr2027 .site-title {
	position: fixed;
	top: 0;
	left: var(--jcr-sidebar-width);
	z-index: 90;
	display: flex;
	align-items: center;
	justify-content: center;
	width: calc(100vw - var(--jcr-sidebar-width));
	margin: 0;
	padding: 30px 0 16px;
	line-height: 0;
	background: transparent;
	pointer-events: none;
	transition:
		background-color 0.25s ease,
		box-shadow 0.25s ease;
}
.project-jcr2027:not(.page-home):not(.page-en-home) .site-title {
	background: rgba(0, 30, 60, 0.72);
}

.project-jcr2027 .site-title .site-logo {
	display: block;
	width: min(960px, 100%);
	line-height: 0;
	pointer-events: auto;
}

.project-jcr2027 .site-title .site-logo img {
	display: block;
	width: 100%;
	height: auto;
}

/* スクロール後の背景色 */
.project-jcr2027.is-site-title-scrolled .site-title {
	background: rgba(0, 30, 60, 0.88);
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.22);
}

.project-jcr2027 .site-nav {
	width: 100%;
	background: transparent;
	padding: 0;
	box-shadow: none;
}

.project-jcr2027 .site-nav__language {
	padding: 45px 10px 25px;
}

.project-jcr2027 .site-nav__languageLink {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.55em;
	min-height: 50px;
	background: #0a3d96;
	color: #ffffff;
	font-size: 1.5rem;
	font-weight: 700;
	letter-spacing: 0.02em;
	text-decoration: none;
	transition:
		background-color 0.2s ease,
		box-shadow 0.2s ease,
		color 0.2s ease;
}

.project-jcr2027 .site-nav__languageLink::before {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath fill='%23ffffff' d='m44,32c0,2.78-.15,5.45-.41,8h-23.16c-.27-2.55-.41-5.22-.41-8s.15-5.45.41-8h23.16c.28,2.55.41,5.23.41,8Zm3.6-8h15.39c.66,2.56,1.01,5.24,1.01,8s-.35,5.44-1.01,8h-15.39c.26-2.58.4-5.25.4-8s-.14-5.42-.4-8Zm14.08-4h-14.59c-1.25-7.99-3.72-14.68-6.91-18.95,9.79,2.59,17.75,9.69,21.49,18.95h.01Zm-18.64,0h-22.08c.76-4.55,1.94-8.57,3.38-11.84,1.31-2.95,2.77-5.09,4.19-6.44,1.4-1.33,2.56-1.73,3.48-1.73s2.08.4,3.47,1.73c1.41,1.35,2.88,3.49,4.19,6.44,1.45,3.25,2.61,7.27,3.38,11.84Zm-26.12,0H2.33C6.07,10.74,14.02,3.64,23.83,1.05c-3.19,4.27-5.66,10.96-6.91,18.95h0ZM1.01,24h15.39c-.26,2.58-.4,5.25-.4,8s.14,5.42.4,8H1.01c-.66-2.56-1.01-5.24-1.01-8s.35-5.44,1.01-8Zm23.32,31.83c-1.45-3.25-2.61-7.28-3.38-11.83h22.07c-.76,4.55-1.94,8.58-3.38,11.83-1.31,2.95-2.78,5.09-4.19,6.44-1.4,1.34-2.56,1.74-3.47,1.74s-2.08-.4-3.48-1.72c-1.41-1.35-2.88-3.49-4.19-6.44h0Zm-7.42-11.83c1.25,7.99,3.73,14.67,6.91,18.95-9.8-2.59-17.75-9.69-21.5-18.95h14.59Zm44.76,0c-3.75,9.26-11.7,16.36-21.49,18.95,3.19-4.28,5.65-10.96,6.91-18.95h14.59-.01Z'/%3E%3C/svg%3E");
	width: 1.6rem;
	height: 1.6rem;
	display: block;
	line-height: 0;
}

.project-jcr2027 .site-nav__languageLink:hover,
.project-jcr2027 .site-nav__languageLink:focus-visible {
	background: linear-gradient(90deg, #173f9f 0%, #8c228f 100%);
	color: #ffffff;
	box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.7);
	outline: none;
}

.project-jcr2027 .site-nav__list {
	margin: 0;
	padding: 0;
	list-style: none;
	display: block;
	background: transparent;
}

.project-jcr2027 .site-nav__item {
	margin: 0;
	padding: 0;
	border-bottom: 1px solid var(--jcr-border);
	font-family: inherit;
	list-style: none;
	overflow: visible;
	background: transparent;
}

.project-jcr2027 .site-nav__item a {
	position: relative;
	display: flex;
	align-items: center;
	min-height: 50px;
	padding: 0.75em 32px 0.75em 16px;
	background: #ffffff;
	color: #333333;
	font-size: 1.45rem;
	font-weight: 500;
	line-height: 1.35;
	text-decoration: none;
	transition:
		background-color 0.2s ease,
		color 0.2s ease;
}

.project-jcr2027 .site-nav__item a::after {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath fill='%23ffffff' d='m49.88,33.88c1.04-1.04,1.04-2.73,0-3.77l-13.33-13.33c-1.04-1.04-2.73-1.04-3.77,0-1.04,1.04-1.04,2.73,0,3.77l8.79,8.78h-25.56c-1.47,0-2.67,1.19-2.67,2.67s1.19,2.67,2.67,2.67h25.55l-8.77,8.78c-1.04,1.04-1.04,2.73,0,3.77,1.04,1.04,2.73,1.04,3.77,0l13.33-13.33h0Z'/%3E%3C/svg%3E");
	position: absolute;
	top: 50%;
	right: 14px;
	width: 1.6rem;
	height: 1.6rem;
	display: block;
	place-items: center;
	border-radius: 50%;
	background: #0a3d96;
	line-height: 0;
	overflow: hidden;
	transform: translateY(-50%);
}

.project-jcr2027 .site-nav__item a:hover {
	background: linear-gradient(90deg, #173f9f 0%, #8c228f 100%);
	color: #ffffff;
	font-weight: 700;
}

.project-jcr2027 .site-nav__item a:hover::after {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath fill='%235f2297' d='m49.88,33.88c1.04-1.04,1.04-2.73,0-3.77l-13.33-13.33c-1.04-1.04-2.73-1.04-3.77,0-1.04,1.04-1.04,2.73,0,3.77l8.79,8.78h-25.56c-1.47,0-2.67,1.19-2.67,2.67s1.19,2.67,2.67,2.67h25.55l-8.77,8.78c-1.04,1.04-1.04,2.73,0,3.77,1.04,1.04,2.73,1.04,3.77,0l13.33-13.33h0Z'/%3E%3C/svg%3E");
	background: #ffffff;
}

.project-jcr2027 .site-nav__item.is-disabled > a {
	background: #eeeeee;
	color: #999999;
	pointer-events: none;
	cursor: default;
}

.project-jcr2027 .site-nav__item.is-disabled > a::after {
	background: #9b9b9b;
}

.project-jcr2027 .site-nav__sub {
	margin: 0;
	padding: 20px 10px 10px;
	border: 0;
}

.project-jcr2027 .site-nav__banners {
	display: grid;
	gap: 12px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.project-jcr2027 .site-nav__banner {
	margin: 0;
	padding: 0;
	background: transparent;
	box-shadow: none;
}

.project-jcr2027 .c-side-banner {
	display: grid;
	place-items: center;
	width: 100%;
	min-height: 78px;
	padding: 0;
	border-radius: 0;
	line-height: 1.25;
	text-align: center;
	text-decoration: none;
	overflow: hidden;
}

.project-jcr2027 .c-side-banner--annual {
	min-height: 112px;
	border: 3px solid #8d207c;
	background: #f6e4ef;
	color: #8d207c;
	font-weight: 700;
}

.project-jcr2027 .c-side-banner__head {
	display: block;
	width: 100%;
	padding: 0.5em 0.35em;
	background: #8d207c;
	color: #ffffff;
	font-size: 1.5rem;
}

.project-jcr2027 .c-side-banner__date {
	display: block;
	padding: 0.28em 0.35em 0.38em;
	font-size: 2.8rem;
	line-height: 1.1;
}

.project-jcr2027 .c-side-banner__date small {
	font-size: 0.55em;
}

.project-jcr2027 .c-side-banner--sample {
	background: #eeeeee;
	color: #9a9a9a;
	font-size: 1.7rem;
	letter-spacing: 0.05em;
}

/* =========================================================
   [NAV] Side submenu
   - 左ナビ内はスクロール可のまま、サブメニューは画面固定で右へ展開
========================================================= */
.project-jcr2027 .site-nav__item--has-sub {
	position: relative;
}

.project-jcr2027 .site-nav__label {
	position: relative;
	display: flex;
	align-items: center;
	min-height: 50px;
	padding: 0.75em 32px 0.75em 16px;
	background: #ffffff;
	color: #333333;
	font-size: 1.45rem;
	font-weight: 500;
	line-height: 1.35;
	text-decoration: none;
	cursor: pointer;
	transition:
		background-color 0.2s ease,
		color 0.2s ease;
}

.project-jcr2027 .site-nav__label::after {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath fill='%23ffffff' d='m49.88,33.88c1.04-1.04,1.04-2.73,0-3.77l-13.33-13.33c-1.04-1.04-2.73-1.04-3.77,0-1.04,1.04-1.04,2.73,0,3.77l8.79,8.78h-25.56c-1.47,0-2.67,1.19-2.67,2.67s1.19,2.67,2.67,2.67h25.55l-8.77,8.78c-1.04,1.04-1.04,2.73,0,3.77,1.04,1.04,2.73,1.04,3.77,0l13.33-13.33h0Z'/%3E%3C/svg%3E");
	position: absolute;
	top: 50%;
	right: 14px;
	width: 1.6rem;
	height: 1.6rem;
	display: block;
	border-radius: 50%;
	background: #0a3d96;
	line-height: 0;
	overflow: hidden;
	transform: translateY(-50%);
}

.project-jcr2027 .site-nav__item--has-sub:hover > .site-nav__label,
.project-jcr2027 .site-nav__item--has-sub.is-submenu-open > .site-nav__label,
.project-jcr2027 .site-nav__label:hover,
.project-jcr2027 .site-nav__label:focus-visible {
	background: linear-gradient(90deg, #173f9f 0%, #8c228f 100%);
	color: #ffffff;
	font-weight: 700;
	outline: none;
}

.project-jcr2027 .site-nav__item--has-sub:hover > .site-nav__label::after,
.project-jcr2027 .site-nav__item--has-sub.is-submenu-open > .site-nav__label::after,
.project-jcr2027 .site-nav__label:hover::after,
.project-jcr2027 .site-nav__label:focus-visible::after {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath fill='%235f2297' d='m49.88,33.88c1.04-1.04,1.04-2.73,0-3.77l-13.33-13.33c-1.04-1.04-2.73-1.04-3.77,0-1.04,1.04-1.04,2.73,0,3.77l8.79,8.78h-25.56c-1.47,0-2.67,1.19-2.67,2.67s1.19,2.67,2.67,2.67h25.55l-8.77,8.78c-1.04,1.04-1.04,2.73,0,3.77,1.04,1.04,2.73,1.04,3.77,0l13.33-13.33h0Z'/%3E%3C/svg%3E");
	background: #ffffff;
}

.project-jcr2027 .site-nav__child {
	position: fixed;
	top: var(--jcr-submenu-top, 0px);
	left: var(--jcr-sidebar-width);
	z-index: 1000;
	width: 410px;
	max-height: calc(100vh - 16px);
	margin: 0;
	padding: 0;
	list-style: none;
	background: rgba(255, 255, 255, 0.93);
	border: 1px solid var(--jcr-border);
	box-shadow: 6px 6px 18px rgba(0, 0, 0, 0.18);
	overflow-y: auto;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transform: translateX(-8px);
	transition:
		opacity 0.16s ease,
		visibility 0.16s ease,
		transform 0.16s ease;
}

.project-jcr2027 .site-nav__item--has-sub:hover > .site-nav__child,
.project-jcr2027 .site-nav__item--has-sub:focus-within > .site-nav__child,
.project-jcr2027 .site-nav__item--has-sub.is-submenu-open > .site-nav__child {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
	transform: translateX(0);
}

.project-jcr2027 .site-nav__childItem {
	margin: 0;
	padding: 0;
	list-style: none;
	border-bottom: 1px solid var(--jcr-border);
}

.project-jcr2027 .site-nav__childItem:last-child {
	border-bottom: 0;
}

.project-jcr2027 .site-nav__childItem > a {
	position: relative;
	display: flex;
	align-items: center;
	min-height: 52px;
	padding: 0.85em 44px 0.85em 18px;
	background: rgba(255, 255, 255, 0.72);
	color: #333333;
	font-size: 1.45rem;
	font-weight: 500;
	line-height: 1.35;
	text-decoration: none;
	transition:
		background-color 0.2s ease,
		color 0.2s ease;
}

.project-jcr2027 .site-nav__childItem > a::after {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath fill='%23ffffff' d='m49.88,33.88c1.04-1.04,1.04-2.73,0-3.77l-13.33-13.33c-1.04-1.04-2.73-1.04-3.77,0-1.04,1.04-1.04,2.73,0,3.77l8.79,8.78h-25.56c-1.47,0-2.67,1.19-2.67,2.67s1.19,2.67,2.67,2.67h25.55l-8.77,8.78c-1.04,1.04-1.04,2.73,0,3.77,1.04,1.04,2.73,1.04,3.77,0l13.33-13.33h0Z'/%3E%3C/svg%3E");
	position: absolute;
	top: 50%;
	right: 14px;
	width: 1.6rem;
	height: 1.6rem;
	display: block;
	border-radius: 50%;
	background: #999999;
	line-height: 0;
	overflow: hidden;
	transform: translateY(-50%);
}

.project-jcr2027 .site-nav__childItem > a:hover,
.project-jcr2027 .site-nav__childItem > a:focus-visible {
	background: #ffffff;
	color: #0a3d96;
	font-weight: 700;
	outline: none;
}

.project-jcr2027 .site-nav__childItem > a:hover::after,
.project-jcr2027 .site-nav__childItem > a:focus-visible::after {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath fill='%23ffffff' d='m49.88,33.88c1.04-1.04,1.04-2.73,0-3.77l-13.33-13.33c-1.04-1.04-2.73-1.04-3.77,0-1.04,1.04-1.04,2.73,0,3.77l8.79,8.78h-25.56c-1.47,0-2.67,1.19-2.67,2.67s1.19,2.67,2.67,2.67h25.55l-8.77,8.78c-1.04,1.04-1.04,2.73,0,3.77,1.04,1.04,2.73,1.04,3.77,0l13.33-13.33h0Z'/%3E%3C/svg%3E");
	background: #0a3d96;
}

.project-jcr2027 .site-nav__childItem.is-disabled > a {
	background: #eeeeee;
	color: #999999;
	pointer-events: none;
	cursor: default;
}

.project-jcr2027 .site-nav__childItem.is-disabled > a::after {
	background: #9b9b9b;
}
/* =========================================================
   [NAV] Disabled parent menu
   - 子メニューがすべて未公開の親項目は展開しない
========================================================= */

.project-jcr2027 .site-nav__item--has-sub.is-disabled > .site-nav__label {
	background: #eeeeee;
	color: #999999;
	cursor: default;
	pointer-events: none;
	font-weight: 500;
}

.project-jcr2027 .site-nav__item--has-sub.is-disabled > .site-nav__label::after {
	background: #9b9b9b;
}
.project-jcr2027 .site-nav__item--has-sub.is-disabled:hover > .site-nav__label::after {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath fill='%23ffffff' d='m49.88,33.88c1.04-1.04,1.04-2.73,0-3.77l-13.33-13.33c-1.04-1.04-2.73-1.04-3.77,0-1.04,1.04-1.04,2.73,0,3.77l8.79,8.78h-25.56c-1.47,0-2.67,1.19-2.67,2.67s1.19,2.67,2.67,2.67h25.55l-8.77,8.78c-1.04,1.04-1.04,2.73,0,3.77,1.04,1.04,2.73,1.04,3.77,0l13.33-13.33h0Z'/%3E%3C/svg%3E");
	background: #ffffff;
}

/* disabled親は hover / focus / open 状態でも通常のhover表示にしない */
.project-jcr2027 .site-nav__item--has-sub.is-disabled:hover > .site-nav__label,
.project-jcr2027 .site-nav__item--has-sub.is-disabled:focus-within > .site-nav__label,
.project-jcr2027 .site-nav__item--has-sub.is-disabled.is-submenu-open > .site-nav__label {
	background: #eeeeee;
	color: #999999;
	font-weight: 500;
}

.project-jcr2027 .site-nav__item--has-sub.is-disabled:hover > .site-nav__label::after,
.project-jcr2027 .site-nav__item--has-sub.is-disabled:focus-within > .site-nav__label::after,
.project-jcr2027 .site-nav__item--has-sub.is-disabled.is-submenu-open > .site-nav__label::after {
	background: #9b9b9b;
}

/* disabled親はサブメニューを表示しない */
.project-jcr2027 .site-nav__item--has-sub.is-disabled:hover > .site-nav__child,
.project-jcr2027 .site-nav__item--has-sub.is-disabled:focus-within > .site-nav__child,
.project-jcr2027 .site-nav__item--has-sub.is-disabled.is-submenu-open > .site-nav__child {
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transform: translateX(-8px);
}
/* =========================================================
   [NAV] Current / Active
   - body の page-xxx と nav-xxx を対応させて現在地を表示
   - HTML側に is-current を追加しなくても反映
========================================================= */

/* -----------------------------------------
   active common style
----------------------------------------- */
.project-jcr2027.page-home .site-nav__item.nav-home > a,
.project-jcr2027.page-greeting .site-nav__item.nav-outline-group > .site-nav__label,
.project-jcr2027.page-outline .site-nav__item.nav-outline-group > .site-nav__label,
.project-jcr2027.page-committees .site-nav__item.nav-outline-group > .site-nav__label,
.project-jcr2027.page-timetable .site-nav__item.nav-program-group > .site-nav__label,
.project-jcr2027.page-sp .site-nav__item.nav-program-group > .site-nav__label,
.project-jcr2027.page-symposium .site-nav__item.nav-program-group > .site-nav__label,
.project-jcr2027.page-education .site-nav__item.nav-program-group > .site-nav__label,
.project-jcr2027.page-meet .site-nav__item.nav-program-group > .site-nav__label,
.project-jcr2027.page-sponsor .site-nav__item.nav-program-group > .site-nav__label,
.project-jcr2027.page-session .site-nav__item.nav-program-group > .site-nav__label,
.project-jcr2027.page-handson .site-nav__item.nav-program-group > .site-nav__label,
.project-jcr2027.page-icw .site-nav__item.nav-program-group > .site-nav__label,
.project-jcr2027.page-invited-speakers .site-nav__item.nav-invited-speakers > a,
.project-jcr2027.page-shitei .site-nav__item.nav-abstract-group > .site-nav__label,
.project-jcr2027.page-abstract .site-nav__item.nav-abstract-group > .site-nav__label,
.project-jcr2027.page-coi .site-nav__item.nav-abstract-group > .site-nav__label,
.project-jcr2027.page-ethics .site-nav__item.nav-abstract-group > .site-nav__label,
.project-jcr2027.page-result .site-nav__item.nav-abstract-group > .site-nav__label,
.project-jcr2027.page-lba .site-nav__item.nav-abstract-group > .site-nav__label,
.project-jcr2027.page-policy .site-nav__item.nav-abstract-group > .site-nav__label,
.project-jcr2027.page-info .site-nav__item.nav-info-group > .site-nav__label,
.project-jcr2027.page-registration .site-nav__item.nav-info-group > .site-nav__label,
.project-jcr2027.page-participants .site-nav__item.nav-info-group > .site-nav__label,
.project-jcr2027.page-certificate .site-nav__item.nav-info-group > .site-nav__label,
.project-jcr2027.page-credit .site-nav__item.nav-info-group > .site-nav__label,
.project-jcr2027.page-stay .site-nav__item.nav-info-group > .site-nav__label,
.project-jcr2027.page-nursery .site-nav__item.nav-info-group > .site-nav__label,
.project-jcr2027.page-app-abstracts .site-nav__item.nav-info-group > .site-nav__label,
.project-jcr2027.page-event .site-nav__item.nav-event-group > .site-nav__label,
.project-jcr2027.page-welcome-party .site-nav__item.nav-event-group > .site-nav__label,
.project-jcr2027.page-oc-seminar .site-nav__item.nav-corporate-group > .site-nav__label,
.project-jcr2027.page-press .site-nav__item.nav-corporate-group > .site-nav__label,
.project-jcr2027.page-poster-flyer .site-nav__item.nav-corporate-group > .site-nav__label,
.project-jcr2027.page-citizen .site-nav__item.nav-citizen > a,
.project-jcr2027.page-venue .site-nav__item.nav-venue-group > .site-nav__label,
.project-jcr2027.page-floor-map .site-nav__item.nav-venue-group > .site-nav__label,
.project-jcr2027.page-greeting .site-nav__childItem.nav-greeting > a,
.project-jcr2027.page-outline .site-nav__childItem.nav-outline > a,
.project-jcr2027.page-committees .site-nav__childItem.nav-committees > a,
.project-jcr2027.page-timetable .site-nav__childItem.nav-timetable > a,
.project-jcr2027.page-sp .site-nav__childItem.nav-sp > a,
.project-jcr2027.page-symposium .site-nav__childItem.nav-symposium > a,
.project-jcr2027.page-education .site-nav__childItem.nav-education > a,
.project-jcr2027.page-meet .site-nav__childItem.nav-meet > a,
.project-jcr2027.page-sponsor .site-nav__childItem.nav-sponsor > a,
.project-jcr2027.page-session .site-nav__childItem.nav-session > a,
.project-jcr2027.page-handson .site-nav__childItem.nav-handson > a,
.project-jcr2027.page-icw .site-nav__childItem.nav-icw > a,
.project-jcr2027.page-shitei .site-nav__childItem.nav-shitei > a,
.project-jcr2027.page-abstract .site-nav__childItem.nav-abstract > a,
.project-jcr2027.page-coi .site-nav__childItem.nav-coi > a,
.project-jcr2027.page-ethics .site-nav__childItem.nav-ethics > a,
.project-jcr2027.page-result .site-nav__childItem.nav-result > a,
.project-jcr2027.page-lba .site-nav__childItem.nav-lba > a,
.project-jcr2027.page-policy .site-nav__childItem.nav-policy > a,
.project-jcr2027.page-info .site-nav__childItem.nav-info > a,
.project-jcr2027.page-registration .site-nav__childItem.nav-registration > a,
.project-jcr2027.page-participants .site-nav__childItem.nav-participants > a,
.project-jcr2027.page-certificate .site-nav__childItem.nav-certificate > a,
.project-jcr2027.page-credit .site-nav__childItem.nav-credit > a,
.project-jcr2027.page-stay .site-nav__childItem.nav-stay > a,
.project-jcr2027.page-nursery .site-nav__childItem.nav-nursery > a,
.project-jcr2027.page-app-abstracts .site-nav__childItem.nav-app-abstracts > a,
.project-jcr2027.page-event .site-nav__childItem.nav-event > a,
.project-jcr2027.page-welcome-party .site-nav__childItem.nav-welcome-party > a,
.project-jcr2027.page-oc-seminar .site-nav__childItem.nav-oc-seminar > a,
.project-jcr2027.page-press .site-nav__childItem.nav-press > a,
.project-jcr2027.page-poster-flyer .site-nav__childItem.nav-poster-flyer > a,
.project-jcr2027.page-venue .site-nav__childItem.nav-venue > a,
.project-jcr2027.page-floor-map .site-nav__childItem.nav-floor-map > a {
	background: linear-gradient(90deg, #173f9f 0%, #8c228f 100%);
	color: #ffffff;
	font-weight: 700;
}

/* -----------------------------------------
   active arrow style
----------------------------------------- */
.project-jcr2027.page-home .site-nav__item.nav-home > a::after,
.project-jcr2027.page-greeting .site-nav__item.nav-outline-group > .site-nav__label::after,
.project-jcr2027.page-outline .site-nav__item.nav-outline-group > .site-nav__label::after,
.project-jcr2027.page-committees .site-nav__item.nav-outline-group > .site-nav__label::after,
.project-jcr2027.page-timetable .site-nav__item.nav-program-group > .site-nav__label::after,
.project-jcr2027.page-sp .site-nav__item.nav-program-group > .site-nav__label::after,
.project-jcr2027.page-symposium .site-nav__item.nav-program-group > .site-nav__label::after,
.project-jcr2027.page-education .site-nav__item.nav-program-group > .site-nav__label::after,
.project-jcr2027.page-meet .site-nav__item.nav-program-group > .site-nav__label::after,
.project-jcr2027.page-sponsor .site-nav__item.nav-program-group > .site-nav__label::after,
.project-jcr2027.page-session .site-nav__item.nav-program-group > .site-nav__label::after,
.project-jcr2027.page-handson .site-nav__item.nav-program-group > .site-nav__label::after,
.project-jcr2027.page-icw .site-nav__item.nav-program-group > .site-nav__label::after,
.project-jcr2027.page-invited-speakers .site-nav__item.nav-invited-speakers > a::after,
.project-jcr2027.page-shitei .site-nav__item.nav-abstract-group > .site-nav__label::after,
.project-jcr2027.page-abstract .site-nav__item.nav-abstract-group > .site-nav__label::after,
.project-jcr2027.page-coi .site-nav__item.nav-abstract-group > .site-nav__label::after,
.project-jcr2027.page-ethics .site-nav__item.nav-abstract-group > .site-nav__label::after,
.project-jcr2027.page-result .site-nav__item.nav-abstract-group > .site-nav__label::after,
.project-jcr2027.page-lba .site-nav__item.nav-abstract-group > .site-nav__label::after,
.project-jcr2027.page-policy .site-nav__item.nav-abstract-group > .site-nav__label::after,
.project-jcr2027.page-info .site-nav__item.nav-info-group > .site-nav__label::after,
.project-jcr2027.page-registration .site-nav__item.nav-info-group > .site-nav__label::after,
.project-jcr2027.page-participants .site-nav__item.nav-info-group > .site-nav__label::after,
.project-jcr2027.page-certificate .site-nav__item.nav-info-group > .site-nav__label::after,
.project-jcr2027.page-credit .site-nav__item.nav-info-group > .site-nav__label::after,
.project-jcr2027.page-stay .site-nav__item.nav-info-group > .site-nav__label::after,
.project-jcr2027.page-nursery .site-nav__item.nav-info-group > .site-nav__label::after,
.project-jcr2027.page-app-abstracts .site-nav__item.nav-info-group > .site-nav__label::after,
.project-jcr2027.page-event .site-nav__item.nav-event-group > .site-nav__label::after,
.project-jcr2027.page-welcome-party .site-nav__item.nav-event-group > .site-nav__label::after,
.project-jcr2027.page-oc-seminar .site-nav__item.nav-corporate-group > .site-nav__label::after,
.project-jcr2027.page-press .site-nav__item.nav-corporate-group > .site-nav__label::after,
.project-jcr2027.page-poster-flyer .site-nav__item.nav-corporate-group > .site-nav__label::after,
.project-jcr2027.page-citizen .site-nav__item.nav-citizen > a::after,
.project-jcr2027.page-venue .site-nav__item.nav-venue-group > .site-nav__label::after,
.project-jcr2027.page-floor-map .site-nav__item.nav-venue-group > .site-nav__label::after,
.project-jcr2027.page-greeting .site-nav__childItem.nav-greeting > a::after,
.project-jcr2027.page-outline .site-nav__childItem.nav-outline > a::after,
.project-jcr2027.page-committees .site-nav__childItem.nav-committees > a::after,
.project-jcr2027.page-timetable .site-nav__childItem.nav-timetable > a::after,
.project-jcr2027.page-sp .site-nav__childItem.nav-sp > a::after,
.project-jcr2027.page-symposium .site-nav__childItem.nav-symposium > a::after,
.project-jcr2027.page-education .site-nav__childItem.nav-education > a::after,
.project-jcr2027.page-meet .site-nav__childItem.nav-meet > a::after,
.project-jcr2027.page-sponsor .site-nav__childItem.nav-sponsor > a::after,
.project-jcr2027.page-session .site-nav__childItem.nav-session > a::after,
.project-jcr2027.page-handson .site-nav__childItem.nav-handson > a::after,
.project-jcr2027.page-icw .site-nav__childItem.nav-icw > a::after,
.project-jcr2027.page-shitei .site-nav__childItem.nav-shitei > a::after,
.project-jcr2027.page-abstract .site-nav__childItem.nav-abstract > a::after,
.project-jcr2027.page-coi .site-nav__childItem.nav-coi > a::after,
.project-jcr2027.page-ethics .site-nav__childItem.nav-ethics > a::after,
.project-jcr2027.page-result .site-nav__childItem.nav-result > a::after,
.project-jcr2027.page-lba .site-nav__childItem.nav-lba > a::after,
.project-jcr2027.page-policy .site-nav__childItem.nav-policy > a::after,
.project-jcr2027.page-info .site-nav__childItem.nav-info > a::after,
.project-jcr2027.page-registration .site-nav__childItem.nav-registration > a::after,
.project-jcr2027.page-participants .site-nav__childItem.nav-participants > a::after,
.project-jcr2027.page-certificate .site-nav__childItem.nav-certificate > a::after,
.project-jcr2027.page-credit .site-nav__childItem.nav-credit > a::after,
.project-jcr2027.page-stay .site-nav__childItem.nav-stay > a::after,
.project-jcr2027.page-nursery .site-nav__childItem.nav-nursery > a::after,
.project-jcr2027.page-app-abstracts .site-nav__childItem.nav-app-abstracts > a::after,
.project-jcr2027.page-event .site-nav__childItem.nav-event > a::after,
.project-jcr2027.page-welcome-party .site-nav__childItem.nav-welcome-party > a::after,
.project-jcr2027.page-oc-seminar .site-nav__childItem.nav-oc-seminar > a::after,
.project-jcr2027.page-press .site-nav__childItem.nav-press > a::after,
.project-jcr2027.page-poster-flyer .site-nav__childItem.nav-poster-flyer > a::after,
.project-jcr2027.page-venue .site-nav__childItem.nav-venue > a::after,
.project-jcr2027.page-floor-map .site-nav__childItem.nav-floor-map > a::after {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath fill='%235f2297' d='m49.88,33.88c1.04-1.04,1.04-2.73,0-3.77l-13.33-13.33c-1.04-1.04-2.73-1.04-3.77,0-1.04,1.04-1.04,2.73,0,3.77l8.79,8.78h-25.56c-1.47,0-2.67,1.19-2.67,2.67s1.19,2.67,2.67,2.67h25.55l-8.77,8.78c-1.04,1.04-1.04,2.73,0,3.77,1.04,1.04,2.73,1.04,3.77,0l13.33-13.33h0Z'/%3E%3C/svg%3E");
	background: #ffffff;
}
/* =========================================================
   [EN] English page options
========================================================= */

/* 英語版HOMEのカレント表示 */
.project-jcr2027.page-en-home .site-nav__item.nav-en-home > a,
.project-jcr2027.page-en-greeting .site-nav__item.nav-en-outline-group > .site-nav__label,
.project-jcr2027.page-en-general-information .site-nav__item.nav-en-outline-group > .site-nav__label,
.project-jcr2027.page-en-committees .site-nav__item.nav-en-outline-group > .site-nav__label,
.project-jcr2027.page-en-abstract .site-nav__item.nav-en-abstract-group > .site-nav__label,
.project-jcr2027.page-en-invited .site-nav__item.nav-en-abstract-group > .site-nav__label,
.project-jcr2027.page-en-coi .site-nav__item.nav-en-abstract-group > .site-nav__label,
.project-jcr2027.page-en-result .site-nav__item.nav-en-abstract-group > .site-nav__label,
.project-jcr2027.page-en-lba .site-nav__item.nav-en-abstract-group > .site-nav__label,
.project-jcr2027.page-en-policy .site-nav__item.nav-en-abstract-group > .site-nav__label,
.project-jcr2027.page-en-timetable .site-nav__item.nav-en-program-group > .site-nav__label,
.project-jcr2027.page-en-english-session .site-nav__item.nav-en-program-group > .site-nav__label,
.project-jcr2027.page-en-overseas-invited .site-nav__item.nav-en-overseas-invited > a,
.project-jcr2027.page-en-participants .site-nav__item.nav-en-participants-group > .site-nav__label,
.project-jcr2027.page-en-registration .site-nav__item.nav-en-participants-group > .site-nav__label,
.project-jcr2027.page-en-accommodation .site-nav__item.nav-en-participants-group > .site-nav__label,
.project-jcr2027.page-en-presenters .site-nav__item.nav-en-participants-group > .site-nav__label,
.project-jcr2027.page-en-app .site-nav__item.nav-en-participants-group > .site-nav__label,
.project-jcr2027.page-en-access .site-nav__item.nav-en-access > a,
.project-jcr2027.page-en-floor-map .site-nav__item.nav-en-floor-map > a,
.project-jcr2027.page-en-greeting .site-nav__childItem.nav-en-greeting > a,
.project-jcr2027.page-en-general-information .site-nav__childItem.nav-en-general-information > a,
.project-jcr2027.page-en-committees .site-nav__childItem.nav-en-committees > a,
.project-jcr2027.page-en-abstract .site-nav__childItem.nav-en-abstract > a,
.project-jcr2027.page-en-invited .site-nav__childItem.nav-en-invited > a,
.project-jcr2027.page-en-coi .site-nav__childItem.nav-en-coi > a,
.project-jcr2027.page-en-result .site-nav__childItem.nav-en-result > a,
.project-jcr2027.page-en-lba .site-nav__childItem.nav-en-lba > a,
.project-jcr2027.page-en-policy .site-nav__childItem.nav-en-policy > a,
.project-jcr2027.page-en-timetable .site-nav__childItem.nav-en-timetable > a,
.project-jcr2027.page-en-english-session .site-nav__childItem.nav-en-english-session > a,
.project-jcr2027.page-en-participants .site-nav__childItem.nav-en-participants > a,
.project-jcr2027.page-en-registration .site-nav__childItem.nav-en-registration > a,
.project-jcr2027.page-en-accommodation .site-nav__childItem.nav-en-accommodation > a,
.project-jcr2027.page-en-presenters .site-nav__childItem.nav-en-presenters > a,
.project-jcr2027.page-en-app .site-nav__childItem.nav-en-app > a {
	background: linear-gradient(90deg, #173f9f 0%, #8c228f 100%);
	color: #ffffff;
	font-weight: 700;
}

/* 英語版カレント表示の矢印 */
.project-jcr2027.page-en-home .site-nav__item.nav-en-home > a::after,
.project-jcr2027.page-en-greeting .site-nav__item.nav-en-outline-group > .site-nav__label::after,
.project-jcr2027.page-en-general-information .site-nav__item.nav-en-outline-group > .site-nav__label::after,
.project-jcr2027.page-en-committees .site-nav__item.nav-en-outline-group > .site-nav__label::after,
.project-jcr2027.page-en-abstract .site-nav__item.nav-en-abstract-group > .site-nav__label::after,
.project-jcr2027.page-en-invited .site-nav__item.nav-en-abstract-group > .site-nav__label::after,
.project-jcr2027.page-en-coi .site-nav__item.nav-en-abstract-group > .site-nav__label::after,
.project-jcr2027.page-en-result .site-nav__item.nav-en-abstract-group > .site-nav__label::after,
.project-jcr2027.page-en-lba .site-nav__item.nav-en-abstract-group > .site-nav__label::after,
.project-jcr2027.page-en-policy .site-nav__item.nav-en-abstract-group > .site-nav__label::after,
.project-jcr2027.page-en-timetable .site-nav__item.nav-en-program-group > .site-nav__label::after,
.project-jcr2027.page-en-english-session .site-nav__item.nav-en-program-group > .site-nav__label::after,
.project-jcr2027.page-en-overseas-invited .site-nav__item.nav-en-overseas-invited > a::after,
.project-jcr2027.page-en-participants .site-nav__item.nav-en-participants-group > .site-nav__label::after,
.project-jcr2027.page-en-registration .site-nav__item.nav-en-participants-group > .site-nav__label::after,
.project-jcr2027.page-en-accommodation .site-nav__item.nav-en-participants-group > .site-nav__label::after,
.project-jcr2027.page-en-presenters .site-nav__item.nav-en-participants-group > .site-nav__label::after,
.project-jcr2027.page-en-app .site-nav__item.nav-en-participants-group > .site-nav__label::after,
.project-jcr2027.page-en-access .site-nav__item.nav-en-access > a::after,
.project-jcr2027.page-en-floor-map .site-nav__item.nav-en-floor-map > a::after,
.project-jcr2027.page-en-greeting .site-nav__childItem.nav-en-greeting > a::after,
.project-jcr2027.page-en-general-information .site-nav__childItem.nav-en-general-information > a::after,
.project-jcr2027.page-en-committees .site-nav__childItem.nav-en-committees > a::after,
.project-jcr2027.page-en-abstract .site-nav__childItem.nav-en-abstract > a::after,
.project-jcr2027.page-en-invited .site-nav__childItem.nav-en-invited > a::after,
.project-jcr2027.page-en-coi .site-nav__childItem.nav-en-coi > a::after,
.project-jcr2027.page-en-result .site-nav__childItem.nav-en-result > a::after,
.project-jcr2027.page-en-lba .site-nav__childItem.nav-en-lba > a::after,
.project-jcr2027.page-en-policy .site-nav__childItem.nav-en-policy > a::after,
.project-jcr2027.page-en-timetable .site-nav__childItem.nav-en-timetable > a::after,
.project-jcr2027.page-en-english-session .site-nav__childItem.nav-en-english-session > a::after,
.project-jcr2027.page-en-participants .site-nav__childItem.nav-en-participants > a::after,
.project-jcr2027.page-en-registration .site-nav__childItem.nav-en-registration > a::after,
.project-jcr2027.page-en-accommodation .site-nav__childItem.nav-en-accommodation > a::after,
.project-jcr2027.page-en-presenters .site-nav__childItem.nav-en-presenters > a::after,
.project-jcr2027.page-en-app .site-nav__childItem.nav-en-app > a::after {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath fill='%235f2297' d='m49.88,33.88c1.04-1.04,1.04-2.73,0-3.77l-13.33-13.33c-1.04-1.04-2.73-1.04-3.77,0-1.04,1.04-1.04,2.73,0,3.77l8.79,8.78h-25.56c-1.47,0-2.67,1.19-2.67,2.67s1.19,2.67,2.67,2.67h25.55l-8.77,8.78c-1.04,1.04-1.04,2.73,0,3.77,1.04,1.04,2.73,1.04,3.77,0l13.33-13.33h0Z'/%3E%3C/svg%3E");
	background: #ffffff;
}

/* 英語ナビの長文対策 */
.project-jcr2027 .site-nav__item[class*="nav-en-"] > a,
.project-jcr2027 .site-nav__item[class*="nav-en-"] > .site-nav__label,
.project-jcr2027 .site-nav__childItem[class*="nav-en-"] > a {
	line-height: 1.35;
	letter-spacing: 0;
	word-break: normal;
	overflow-wrap: anywhere;
}

/* =========================================================
   Main Visual
========================================================= */
.project-jcr2027 .hero__inner {
	width: 100%;
	margin: 0;
	padding: 0;
}

.project-jcr2027 .hero__image {
	position: relative;
	width: 960px;
	min-height: 0;
	display: block;
	color: inherit;
	line-height: 0;
	margin: 0 auto;
}

.project-jcr2027 .hero__mainImage,
.project-jcr2027 .hero__image > img:first-child {
	display: block;
	width: 100%;
	max-width: none;
	height: auto;
	object-fit: cover;
	object-position: center top;
}

.project-jcr2027 .hero__banner {
	position: absolute;
	right: 10px;
	bottom: 60px;
	z-index: 2;
	width: 200px;
	line-height: 0;
	pointer-events: none;
}

.project-jcr2027 .hero__banner img {
	display: block;
	width: 200px;
	max-width: none;
	height: auto;
}
/* 英語版TOP：メインビジュアル内バナー位置調整 */
.project-jcr2027.page-en-home .hero__banner {
	width: 240px;
	bottom: 0px;
}
.project-jcr2027.page-en-home .hero__banner img {
	width: 240px;
}

/* =========================================================
   TOP News / X area
========================================================= */
.project-jcr2027 .top-section {
	position: relative;
	margin-top: -1px;
	padding: 40px 0 40px;
	background: linear-gradient(to bottom, rgba(0, 67, 130, 0) 0, #004382 80px, #004382 100%);
}

.project-jcr2027 .top-section__inner {
	width: min(100% - 20px, 960px);
	margin: 0 auto;
	padding: 0;
	display: grid;
	grid-template-columns: minmax(0, 660px) 270px;
	gap: 30px;
	align-items: stretch;
}

.project-jcr2027 .top-news {
	min-height: 330px;
	border-radius: 8px;
	background: #ffffff;
	overflow: hidden;
	border: 1px solid #111111;
}

.project-jcr2027 .top-news__title {
	position: relative;
	display: grid;
	grid-template-columns: 44px minmax(0, auto) 1fr;
	align-items: center;
	gap: 12px;
	margin: 0;
	padding: 20px 20px 16px;
	background: linear-gradient(90deg, rgba(101, 80, 176, 0.94) 0%, rgba(181, 96, 169, 0.86) 100%);
	color: #ffffff;
	font-size: 1.4rem;
	line-height: 1;
}

.project-jcr2027 .top-news__title::before {
	content: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2064%2064'%3E%3Cpath%20fill%3D'%23ffffff'%20d%3D'm32,64c17.67,0,32-14.33,32-32S49.67,0,32,0,0,14.33,0,32s14.33,32,32,32Zm-5-22h3v-8h-3c-1.66,0-3-1.34-3-3s1.34-3,3-3h6c1.66,0,3,1.34,3,3v11h1c1.66,0,3,1.34,3,3s-1.34,3-3,3h-10c-1.66,0-3-1.34-3-3s1.34-3,3-3Zm5-26c2.21,0,4,1.79,4,4s-1.79,4-4,4-4-1.79-4-4,1.79-4,4-4Z'%2F%3E%3C%2Fsvg%3E");
	position: relative;
	z-index: 1;
	width: 44px;
	height: 44px;
	display: block;
	line-height: 0;
}

.project-jcr2027 .top-news__title::after {
	content: "JCR2027";
	position: absolute;
	right: 0px;
	bottom: 0px;
	color: rgba(255, 255, 255, 0.13);
	font-size: 6.4rem;
	font-weight: 700;
	letter-spacing: 0.02em;
	line-height: 0.8;
}

.project-jcr2027 .top-news__main {
	position: relative;
	z-index: 1;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	font-size: 3rem;
	font-weight: 700;
	letter-spacing: 0.05em;
	line-height: 1.05;
}

.project-jcr2027 .top-news__main::after {
	content: "What's new";
	display: block;
	margin-top: 0.1em;
	font-size: 1.4rem;
	font-weight: 400;
	letter-spacing: 0.02em;
	line-height: 1;
}
/* 英語版HOMEのお知らせ見出し */
.project-jcr2027.page-en-home .top-news__title {
	grid-template-columns: 36px minmax(0, auto) 1fr;
	gap: 10px;
}
.project-jcr2027.page-en-home .top-news__title::before {
	content: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2064%2064'%3E%3Cpath%20fill%3D'%23ffffff'%20d%3D'm32,64c17.67,0,32-14.33,32-32S49.67,0,32,0,0,14.33,0,32s14.33,32,32,32Zm-5-22h3v-8h-3c-1.66,0-3-1.34-3-3s1.34-3,3-3h6c1.66,0,3,1.34,3,3v11h1c1.66,0,3,1.34,3,3s-1.34,3-3,3h-10c-1.66,0-3-1.34-3-3s1.34-3,3-3Zm5-26c2.21,0,4,1.79,4,4s-1.79,4-4,4-4-1.79-4-4,1.79-4,4-4Z'%2F%3E%3C%2Fsvg%3E");
	position: relative;
	z-index: 1;
	width: 36px;
	height: 36px;
	display: block;
	line-height: 0;
}
.project-jcr2027.page-en-home .top-news__main {
	font-size: 3.2rem;
	letter-spacing: 0.01em;
}
.project-jcr2027.page-en-home .top-news__main::after {
	content: none;
}

.project-jcr2027 .top-news__list {
	margin: 0;
	padding: 10px 19px 19px;
	list-style: none;
}

.project-jcr2027 .top-news__item {
	display: grid;
	grid-template-columns: 112px minmax(0, 1fr);
	gap: 20px;
	align-items: center;
	padding: 16px 0;
	border-bottom: 1px solid #d2d2d2;
}

.project-jcr2027 .top-news__date {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 26px;
	padding: 0 0.45em;
	background: var(--jcr-pink);
	color: #ffffff;
	font-size: 1.5rem;
	font-weight: 500;
	line-height: 1;
	border-radius: 4px;
}

.project-jcr2027 .top-news__text {
	margin: 0;
	font-size: 1.5rem;
	line-height: 1.6;
}

.project-jcr2027 .top-news__text a {
	color: #324f8d;
	text-decoration: underline;
	text-underline-offset: 0.12em;
}

.project-jcr2027 .top-social {
	background: #fff;
	border-radius: 12px;
}
/* X埋め込み初期表示用 */
.project-jcr2027 .top-social .twitter-tweet {
	margin: 0 !important;
}

.project-jcr2027 .top-social__card {
	padding: 16px;
	border-radius: 8px;
	background: #ffffff;
	font-size: 1.3rem;
}

.project-jcr2027 .top-social__account {
	margin: 0 0 10px;
	font-weight: 700;
}

.project-jcr2027 .top-social__text {
	margin: 0 0 12px;
	line-height: 1.55;
}

.project-jcr2027 .top-social__dummyImage {
	display: grid;
	place-items: center;
	min-height: 150px;
	margin: 12px 0;
	border-radius: 8px;
	background: #84bdad;
	color: #ffffff;
	font-size: 2rem;
	font-weight: 700;
}

.project-jcr2027 .top-social__button {
	display: block;
	margin-top: 12px;
	padding: 0.5em 1em;
	border: 1px solid #d8d8d8;
	border-radius: 999px;
	color: #0a70b7;
	font-weight: 700;
	text-align: center;
	text-decoration: none;
}

/* =========================================================
   Footer
========================================================= */
.project-jcr2027 .footer {
	width: 100%;
	min-width: var(--jcr-main-min-width);
	background: var(--jcr-footer-bg);
}

.project-jcr2027 .footer__body {
	border: 0;
	background: transparent;
	padding-block: 50px;
}

.project-jcr2027 .footer__inner {
	width: min(100% - 20px, 960px);
	margin: 0 auto;
	padding: 0;
}

.project-jcr2027 .contact-list {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	align-items: start;
	gap: 40px;
	margin: 0;
}

.project-jcr2027 .contact-list__item {
	align-self: start;
	margin: 0;
	padding: 0;
}

.project-jcr2027 .contact-list__body {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	grid-template-areas:
		"title title"
		"content sns";
	column-gap: 12px;
	row-gap: 10px;
	width: 100%;
	font-size: 1.3rem;
	line-height: 1.55;
}

.project-jcr2027 .contact-list__title {
	grid-area: title;
	margin: 0;
	padding: 0 0 0.25em;
	border: 0;
	border-bottom: 1px solid #4263a1;
	color: #00549a;
	font-size: 1.6rem;
	font-weight: 700;
	line-height: 1.4;
}
.project-jcr2027 .contact-list__content {
	grid-area: content;
	min-width: 0;
}

.project-jcr2027 .contact-list__content p {
	margin: 0;
	font-size: 1.3rem;
	line-height: 1.6;
	letter-spacing: 0;
}

.project-jcr2027 .contact-list__content a {
	color: #9b2a70;
	text-decoration: underline;
	text-underline-offset: 0.12em;
}

.project-jcr2027 .contact-list__sns {
	grid-area: sns;
	display: grid;
	gap: 8px;
	align-self: start;
	margin: 0;
	padding: 0;
	list-style: none;
}

.project-jcr2027 .contact-list__sns li {
	margin: 0;
	padding: 0;
	list-style: none;
}

.project-jcr2027 .contact-list__sns a {
	display: block;
	width: 32px;
	height: 32px;
	line-height: 0;
	text-decoration: none;
	transition: opacity 0.2s ease;
}

.project-jcr2027 .contact-list__sns a:hover,
.project-jcr2027 .contact-list__sns a:focus-visible {
	opacity: 0.75;
}

.project-jcr2027 .contact-list__sns img {
	display: block;
	width: 32px;
	height: 32px;
	object-fit: contain;
}

.project-jcr2027 .copyright {
	padding: 10px 20px 12px;
	border-top: 1px solid rgba(65, 75, 120, 0.25);
	background: var(--jcr-footer-bg);
	color: #7580aa;
	font-size: 1.2rem;
	text-align: center;
}
/* =========================================================
   [PAGE] greeting
========================================================= */

.project-jcr2027.page-greeting .greeting-profile,
.project-jcr2027.page-en-greeting .greeting-profile {
	display: grid;
	grid-template-columns: minmax(120px, 150px) 1fr;
	gap: 1.5em;
	align-items: end;
	margin-bottom: 2em;
}

.project-jcr2027.page-greeting .greeting-profile__image img,
.project-jcr2027.page-en-greeting .greeting-profile__image img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: 0.5em;
}

.project-jcr2027.page-greeting .greeting-profile__meta,
.project-jcr2027.page-en-greeting .greeting-profile__meta {
	font-size: 0.9375em;
	line-height: 1.8;
}

.project-jcr2027.page-greeting .greeting-profile__meta span,
.project-jcr2027.page-en-greeting .greeting-profile__meta span {
	display: inline-block;
	font-size: 1.25em;
	font-weight: 700;
}
/* =========================================================
   [PAGE] Committees
========================================================= */

.project-jcr2027.page-committees .committees-table td:nth-of-type(1),
.project-jcr2027.page-en-committees .committees-table td:nth-of-type(1) {
	white-space: nowrap;
}
.project-jcr2027.page-en-committees .committees-table td:nth-of-type(1) {
	white-space: nowrap;
}

/* =========================================================
   [PAGE] venue
========================================================= */
.p-map {
	width: 100%;
	position: relative;
	padding-bottom: 56.75%;
}
.p-map > iframe {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.p-venue-image {
	width: 100%;
}
.p-venue-image img {
	width: 100%;
	height: auto;
	vertical-align: middle;
}
/* =========================================================
   Print
   - 1ページ目のみ左メニュー・サイトタイトルを表示
   - 2ページ目以降のfixed繰り返し表示を防止
========================================================= */
@media print {
	body.project-jcr2027 {
		min-width: 0;
		padding-left: 0;
		overflow: visible;
		background-color: #001e3c;
		-webkit-print-color-adjust: exact;
		print-color-adjust: exact;
	}
	body.project-jcr2027:not(.page-home):not(.page-en-home) {
		background: #001e3c url("./img/common/bg_page.jpg") center top / cover no-repeat !important;
	}

	.project-jcr2027 .header {
		position: absolute !important;
		top: 0 !important;
		left: 0 !important;
		inset: auto !important;
		z-index: 100;
		width: var(--jcr-sidebar-width);
		height: auto !important;
		min-height: 100vh;
		overflow: visible !important;
		box-shadow: none;
	}

	.project-jcr2027 .site-title {
		position: absolute !important;
		top: 0 !important;
		left: var(--jcr-sidebar-width) !important;
		z-index: 90;
		display: flex !important;
		width: 960px !important;
		max-width: calc(100vw - var(--jcr-sidebar-width)) !important;
		margin: 0 !important;
		padding: 30px 0 16px !important;
		background: rgba(0, 30, 60, 0.72) !important;
		box-shadow: none !important;
		opacity: 1 !important;
		visibility: visible !important;

		-webkit-print-color-adjust: exact;
		print-color-adjust: exact;
	}

	.project-jcr2027 .site-title .site-logo {
		display: block !important;
		width: 960px !important;
		max-width: 100% !important;
	}

	.project-jcr2027 .site-title .site-logo img {
		display: block !important;
		width: 100% !important;
		height: auto !important;
	}

	.project-jcr2027:not(.page-home):not(.page-en-home) .site-layout {
		padding-top: 160px;
	}

	.project-jcr2027:not(.page-home):not(.page-en-home) .content-block__inner {
		width: auto;
		min-width: 0;
		margin-left: var(--jcr-sidebar-width);
	}
}

/* =========================================================
   [PAGE] notice
   - 日本リウマチ学会支部学術集会のお知らせ
========================================================= */
.project-jcr2027.page-notice .notice-branch {
	margin-bottom: 2em;
}

.project-jcr2027.page-notice .notice-branch:last-child {
	margin-bottom: 0;
}

.project-jcr2027.page-notice .notice-branch__banner {
	width: 320px;
	margin: 0.5em 0 0;
	text-align: center;
}

.project-jcr2027.page-notice .notice-branch__banner a {
	display: inline-block;
	width: 100%;
	line-height: 0;
	text-decoration: none;
	transition: opacity 0.2s ease;
}

.project-jcr2027.page-notice .notice-branch__banner a:hover,
.project-jcr2027.page-notice .notice-branch__banner a:focus-visible {
	opacity: 0.75;
}

.project-jcr2027.page-notice .notice-branch__banner img {
	display: block;
	width: 100%;
	height: auto;
	margin: 0 auto;
	border: 1px solid rgba(0, 0, 0, 0.08);
	background: #ffffff;
}