@charset "utf-8";

/* ------------------------------------------------------------ */
/* print */
/* ------------------------------------------------------------ */
@page {
	margin: 0mm 5mm;
	size: A4 portrait;
}

@media print {
	* {
		background: none !important;
		color: #000 !important;
		box-shadow: none !important;
		text-shadow: none !important;
	}
	/* 要素の途中で改ページしない */
	.no-break {
		break-inside: avoid;
	}
	/* 要素の直前で改ページ */
	.break {
		page-break-before: always;
		break-before: page;
	}
	.is-pc-hide,
	.is-tb-hide {
		display: none !important;
	}
	#header {
		position: relative !important;
	}
	#header .header-area-a .head-logo {
		font-size: 13pt !important;
	}
	#header .header-area-a .head-logo a img {
		width: 15mm !important;
	}
	#global-nav-inner {
		grid-template-columns: repeat(5, 1fr) !important;
	}
	#global-nav-inner a {
		font-size: 9pt !important;
		border: 1px solid gray !important;
		padding: 10pt 2pt;
	}
	#global-nav-inner a::before {
		filter: brightness(1) invert(1) !important;
	}
	.head-accessible-nav {
		font-size: 8pt !important;
	}
	.hero .inner {
		height: auto !important;
		padding: 8mm 5mm !important;
		background: #f2f2f2 !important;
	}
	.hero .hero-ttl {
		font-size: 16pt !important;
	}
	.hero {
		max-width: calc(1200px + 4em) !important;
		border: 1px solid black !important;
		padding-top: 0 !important;
		margin: auto !important;
	}
	a:link,
	a:visited {
		color: #000;
		text-decoration: none;
	}
	body {
		background: none;
		background-image: none !important;
		color: #000;
		font-size: 12pt;
		line-height: 1.5;
		margin: 1cm;
	}
	img {
		max-width: 100% !important;
		height: auto !important;
	}
	table {
		page-break-inside: auto;
	}
	tr {
		page-break-inside: avoid;
		page-break-after: auto;
	}
	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
		page-break-after: avoid;
	}
	.box-2col-wrap {
		flex-wrap: nowrap !important;
	}
	.box-2col-wrap .box-2col-img-area {
		width: auto !important;
		flex: 1 !important;
	}
	.box-2col-wrap._long .box-2col-img-area {
		height: 350px !important;
	}
	.box-2col-wrap._long .box-2col-img-area img {
		width: 100% !important;
		height: 100% !important;
		object-fit: contain !important;
	}
	.box-2col-wrap .box-2col-txt-area {
		min-width: unset !important;
	}
	.war-area-con .cmn-anchor-list {
		margin-bottom: 0;
	}
	.cmn-table-timeline th:first-of-type {
		width: 15%;
	}
	.box-topic .box-topic-inner {
		padding: 2em 0em 3em !important;
	}
	.war-area-ttl._area01 {
		background: var(--c-nav01) !important;
	}
	.war-area-ttl._area02 {
		background: var(--c-nav02) !important;
	}
	.war-area-ttl._area03 {
		background: var(--c-nav03) !important;
	}
	.war-area-ttl._area04 {
		background: var(--c-nav04) !important;
	}
	.war-area-ttl._area05 {
		background: var(--c-nav05) !important;
	}
	.war-area-ttl._area06 {
		background: var(--c-nav06) !important;
	}
	.war-box {
		display: flex !important;
		flex-wrap: nowrap !important;
		gap: 10pt !important;
	}
	.war-box .war-txt-area {
		flex: 0 0 55% !important;
		width: 55% !important;
		min-width: unset !important;
		box-sizing: border-box;
	}
	.war-box .war-img-area {
		flex: 0 0 40% !important;
		width: 40% !important;
		box-sizing: border-box;
	}
	.war-box .war-img-area svg {
		display: block;
		width: 100% !important;
		max-width: 100% !important;
		height: auto !important;
	}
	.war-box .war-map-icon-wrap {
		margin-bottom: 14pt !important;
	}
	.war-box .war-map-icon-item p {
		font-size: 8pt !important;
	}
	.war-box .cmn-nav-wrap {
		padding-left: 0 !important;
	}
	.cmn-nav-lists._row {
		grid-template-columns: repeat(auto-fit, minmax(80px, 1fr));
		gap: 0.5em;
	}
	.cmn-nav-lists:not(._row) {
		grid-template-columns: 1fr !important;
	}
	.cmn-nav-lists._row .cmn-nav-item a {
		font-size: 9pt !important;
		padding: 0.8em 0.5em;
	}
	.cmn-nav-lists._row .cmn-nav-item a::before {
		min-width: 10pt !important;
	}
	.cmn-nav-lists._row .cmn-nav-item a::before {
		width: 10pt !important;
	}
	.cmn-nav-lists:not(._row) .cmn-nav-item a {
		font-size: 10pt !important;
	}
	.cmn-nav-item a.nav01 {
		background: var(--c-nav01) !important;
	}
	.cmn-nav-item a.nav02 {
		background: var(--c-nav02) !important;
	}
	.cmn-nav-item a.nav03 {
		background: var(--c-nav03) !important;
	}
	.cmn-nav-item a.nav04 {
		background: var(--c-nav04) !important;
	}
	.cmn-nav-item a.nav05 {
		background: var(--c-nav05) !important;
	}
	.cmn-nav-item a.nav06 {
		background: var(--c-nav06) !important;
	}
	h2 {
		background: none !important;
		overflow: hidden !important;
	}
	h2::before {
		background: none !important;
		border: 3px solid var(--c-third) !important;
	}
	h2::after {
		content: "";
		position: absolute;
		inset: 0;
		border: 3em solid var(--c-p-green3) !important;
		z-index: -1;
	}
	h3 {
		background: none !important;
		overflow: hidden !important;
	}
	h3::after {
		content: "";
		position: absolute;
		inset: 0;
		border: 3em solid var(--c-sub) !important;
		z-index: -1;
	}
	h3::before {
		background: none !important;
		border: 4px solid #e39d22 !important;
		border-radius: 50vw !important;
	}
	h4::before {
		background: none !important;
		border: 2px solid var(--c-third) !important;
	}
	h5 {
		position: relative;
		color: var(--c-d-blue) !important;
		background: none !important;
		overflow: hidden !important;
	}
	h5::after {
		content: "";
		position: absolute;
		inset: 0;
		border: 3em solid var(--c-p-blue) !important;
		z-index: -1;
	}
	.h6-a {
		color: var(--c-brown) !important;
	}
	table {
		border-collapse: collapse !important;
	}
	table th {
		font-weight: bold !important;
		background: var(--c-bg) !important;
	}
	table:not(.cmn-table-c) th,
	table:not(.cmn-table-c) td {
		border: 1px solid var(--c-l-gray) !important;
	}
	#page-top {
		display: none !important;
	}
	.box-point._type-b {
		background: var(--c-bg) !important;
	}
	.cmn-anchor-list li a::before,
	.cmn-anchor-list li a::after {
		background-color: unset !important;
		border: 1px solid var(--c-acc) !important;
	}
	.cmn-box .ttl {
		font-weight: bold;
		background: var(--c-bg) !important;
	}
	.cmn-btn a::before,
	.cmn-btn a::after {
		background-color: black !important;
	}
	.topicpath {
		font-size: 9pt !important;
	}
	.cmn-link::before,
	.cmn-link::after {
		background-color: unset !important;
		border: 1px solid var(--c-acc) !important;
	}
	.cmn-link-list:nth-child(odd) {
		position: relative;
		background: none;
		z-index: 0;
		overflow: hidden;
	}
	.cmn-link-list:nth-child(odd)::after {
		content: "";
		position: absolute;
		inset: 0;
		border: 3em solid var(--c-p-green3) !important;
		z-index: -1;
	}
	.mv {
		padding: 0 !important;
	}
	.box-nav .nav-item dt {
		color: var(--c-white) !important;
		background: no-repeat center / cover !important;
	}
	.box-nav .nav-item a.nav01 dt {
		background-image: url(/HEIWA/image/nav_ph001.jpg) !important;
	}
	.box-nav .nav-item a.nav02 dt {
		background-image: url(/HEIWA/image/nav_ph002.jpg) !important;
	}
	.box-nav .nav-item a.nav03 dt {
		background-image: url(/HEIWA/image/nav_ph003.jpg) !important;
	}
	.box-nav .nav-item a.nav04 dt {
		background-image: url(/HEIWA/image/nav_ph004.jpg) !important;
	}
	.box-nav .nav-item a.nav05 dt {
		background-image: url(/HEIWA/image/nav_ph005.jpg) !important;
	}
	.box-wrap {
		flex-wrap: nowrap !important;
	}
	.box-wrap > * {
		min-width: 44% !important;
	}
	ul[class^="ul-"] li {
		position: relative !important;
		background: none !important;
		list-style: none !important;
		padding-left: 1.2em !important;
	}
	ul[class^="ul-"] li::before {
		content: "" !important;
		position: absolute !important;
		left: 0 !important;
		width: 10px !important;
		height: 10px !important;
		top: 0.5em !important;
	}
	.ul-a li::before {
		background: none !important;
		border: 5px solid var(--c-s-blue) !important;
	}
	.ul-b li::before {
		background: none !important;
		border: 5px solid var(--c-s-green) !important;
		border-radius: 50vw !important;
	}
}