@charset "UTF-8";

.inner {
    width: 100%;
    max-width: 1250px;
    padding: 0 25px;
    margin: 0 auto;
}
@media (width < 768px) {
    .heading-wh, .heading-bl {
        font-size: 32px;
         height: 180px;
    }
}
/* ---------------------------------------------------------
 　■ KV
--------------------------------------------------------- */
.heading-wh {
	background-image: url(../images/branch-member-companies/h1_bg_pc.webp);
	@media (width < 768px) {
		background-image: url(../images/branch-member-companies/h1_bg_sp.webp);
	}
}
/* ---------------------------------------------------------
 　■ 共通List
--------------------------------------------------------- */
.companyList {
	columns: 3;
	column-gap: 30px;
	list-style: none;
	margin: 0;
	padding: 0;
	&.p-0 {
		.companyList-item a {
			padding-left: 0;
		}
	}
}

.companyList-item {
	break-inside: avoid;
	-webkit-column-break-inside: avoid;
	display: inline-block;
	width: 100%;
	margin-bottom: 1.25em;
	.heading-small{
		margin: 0;
	}
	a{
		line-height: 1.4;
		color: #000;
		text-decoration: underline;
		padding-left: 1.25em;
	}
	a.nolink {
		pointer-events: none;
		cursor: default;
		text-decoration: none;
	}
}
.companyList > .companyList-item:not(:first-child):has(.heading-small) {
	margin-top: 10px;
}
@media (width < 768px) {
	.companyList {
		columns: 1;
	}
	.companyList-item:last-of-type {
		margin-bottom: 0;
	}
}
.companyList-note{
	text-align: right;
	font-size: 14px;
	line-height: 1.714;
	margin-top: 42px;
	@media (width < 768px) {
		margin-top: 20px;
	}
}


/* ---------------------------------------------------------
 　■ 他
--------------------------------------------------------- */
.lead{
	text-align: center;
	line-height: 1.556;
	font-size: 20px;
	margin: 60px 0 50px;
	@media (width < 768px) {
		font-size: 18px;
		text-align: left;
		margin: 36px 0 20px;
	}
}
.btn-wrap{
	width: 300px;
	max-width: 100%;
	margin: auto;	
	@media (width < 768px) {
	}

}
.btn.btnDoc{
	text-align: center;
	font-size: 16px;
	letter-spacing: 0;
    height: 78px;
    line-height: calc(26 / 16);
	gap:13px;
}
.btn.btnDoc::after {
	background-image: url(../images/ico_document_wh.svg);
	width: 13.71px;
	height: 18.27px;
}
.btn.btnDoc:hover::after {
	background-image: url(../images/ico_document_dbl.svg);
}
.mapNote{
    width: 1024px;
	max-width:calc(100% - 50px);
    margin: 21px auto 89px;
	display: flex;
	justify-content: space-between;
	font-size: 14px;
	line-height: 1.6;
	@media (width < 768px) {
		width: 100%;
        max-width: 100%;
        flex-direction: column-reverse;
        margin: 22px 0 0;
        gap: 17px;
	}
}
.mapNote-note{
	display: flex;
}
.mapNote-note:before{
	content: "※";
}
.area{
	margin-top: 59px;
	
	@media (width < 768px) {
		margin-top: 39px;
	}
}
/* === 下部ボタン === */
.btm-btnBox{
	margin-top: 123px;
	@media (width < 768px) {
		margin-top: 35px;
	}
	.btn{
		width: 300px;
		height: 78px;
		margin: 0 auto;
		gap: 20px;
		@media (width < 768px) {
			font-size: 20px;
		}
	}
	@media (width < 768px) {
		.btn::after {
			width: 12px;
			height: 19px;
		}
	}
}



/* ---------------------------------------------------------
 　■ 日本地図
--------------------------------------------------------- */

/* 支部カラー */
:root {
	--branch-hokkaido: #0071BC;
	--branch-tohoku: #7478C2;
	--branch-north-kanto: #31BFCA;
	--branch-south-kanto: #B1B730;
	--branch-kinki-chubu: #4BB969;
	--branch-chugoku-shikoku: #F09F28;
	--branch-kyushu: #FF7575;
	--branch-okinawa: #D18F68;
	--branch-text-color: #ffffff;
}

/******* 地図成形 *******/
/* 支部構成への変更に合わせ、PCでは日本地図全体を基準に県ボックスを配置 */
#japan-map {
	display: block;
	width: 1024px;
	max-width: 100%;
	height: 660px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}
.map-canvas {
	display: contents;
}
#japan-map .branch,
#japan-map .area {
	display: contents;
}
#japan-map a{
	text-decoration: none;
}
#japan-map p.area-title {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	position: absolute;
	z-index: 4;
	box-sizing: border-box;
	width: 120px;
	min-width: 86px;
	margin-top: 0;
	margin-bottom: 0;
	padding: 0.35em 0.7em;
	border-width: 3px;
	border-style: solid;
	border-radius: 8px;
	background-color: #ffffff;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.2;
	text-align: center;
}
.branch-total {
	display: block;
	min-width: 3ch;
	margin-top: 0.25em;
	padding: 0;
	border: 0;
	background-color: transparent;
	color: inherit;
	font-size: 1.1425em;
	font-weight: bold;
	line-height: 1;
	letter-spacing: 0;
}
/* 全国合計：PCでは地図左上、レスポンシブでは上部に配置 */
.summary-box {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 5;
	box-sizing: border-box;
	min-width: 200px;
	padding: 0.55em 1em;
	border-radius: 8px;
	border: 3px solid #02297E;
	background-color: #ffffff;
	color: #02297E;
	text-align: center;
	line-height: 1.25;
	font-size: 18px;
}
.summary-label {
	font-weight: bold;
}
.summary-label,
.summary-value {
	display: block;
}
.summary-value {
	margin-top: 0.15em;
	font-size: 1.2em;
	letter-spacing: 0.15em;
	font-weight: bold;
}
#japan-map .area div {
	border: 1px #ffffff solid;
	text-align: center;
	font-size: 16px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 6px;
	position: absolute;
	box-sizing: border-box;
	transition: 0.2s;
}
#japan-map .area div:hover {
	opacity: 0.5;
}
#japan-map .area p {
	line-height: 1.2;
}
/* 数値差し込み用：.pref-value に最大3桁の数値を入れる想定 */
#japan-map .pref-name,
#japan-map .pref-value {
	display: block;
}
#japan-map .pref-value {
	min-width: 3ch;
	min-height: 1.2em;
	margin: 0.15em auto 0;
	font-size: 0.86em;
	font-weight: bold;
	line-height: 1;
	letter-spacing: 0;
}
#japan-map .pref-value:empty {
	display: none;
}

/* 支部別の色指定 */
#hokkaido-branch .area div {
	background-color: var(--branch-hokkaido);
	color: var(--branch-text-color);
}
#hokkaido-branch .area-title {
	border-color: var(--branch-hokkaido);
	color: var(--branch-hokkaido);
	left: 540px;
	top: 0;
}
#tohoku-branch .area div {
	background-color: var(--branch-tohoku);
	color: var(--branch-text-color);
}
#tohoku-branch .area-title {
	border-color: var(--branch-tohoku);
	color: var(--branch-tohoku);
	left: 540px;
	top: 83px;
}
#north-kanto-branch .area div {
	background-color: var(--branch-north-kanto);
	color: var(--branch-text-color);
}
#north-kanto-branch .area-title {
	border-color: var(--branch-north-kanto);
	color: var(--branch-north-kanto);
	left: 687px;
	top: 438px;
}
#south-kanto-branch .area div {
	background-color: var(--branch-south-kanto);
	color: var(--branch-text-color);
}
#south-kanto-branch .area-title {
	border-color: var(--branch-south-kanto);
	color: var(--branch-south-kanto);
	left: 557px;
	top: 438px;
}
#kinki-chubu-branch .area div {
	background-color: var(--branch-kinki-chubu);
	color: var(--branch-text-color);
}
#kinki-chubu-branch .area-title {
	border-color: var(--branch-kinki-chubu);
	color: var(--branch-kinki-chubu);
	left: 358px;
	top: 133px;
}
#chugoku-shikoku-branch .area div {
	background-color: var(--branch-chugoku-shikoku);
	color: var(--branch-text-color);
}
#chugoku-shikoku-branch .area-title {
	border-color: var(--branch-chugoku-shikoku);
	color: var(--branch-chugoku-shikoku);
	left: 220px;
	top: 133px;
}
#kyushu-branch .area div {
	background-color: var(--branch-kyushu);
	color: var(--branch-text-color);
}
#kyushu-branch .area-title {
	border-color: var(--branch-kyushu);
	color: var(--branch-kyushu);
	left: 0;
	top: 133px;
}
#okinawa-branch .area div {
	background-color: var(--branch-okinawa);
	color: var(--branch-text-color);
}
#okinawa-branch .area-title {
	border-color: var(--branch-okinawa);
	color: var(--branch-okinawa);
	left: 64px;
	top: 433px;
}
/* 県ボックス座標：元テンプレートの座標・サイズを可能な限り流用 */
#hokkaido {
	width: 133px;
	height: 70px;
	left: 638px;
	top: 0;
}
#aomori {
	width: 93px;
	height: 43px;
	left: 659px;
	top: 96px;
}
#akita {
	width: 67px;
	height: 42px;
	left: 641px;
	top: 139px;
}
#iwate {
	width: 67px;
	height: 42px;
	left: 708px;
	top: 139px;
}
#yamagata {
	width: 67px;
	height: 42px;
	left: 641px;
	top: 181px;
}
#miyagi {
	width: 67px;
	height: 42px;
	left: 708px;
	top: 181px;
}
#fukushima {
	width: 67px;
	height: 42px;
	left: 708px;
	top: 223px;
}
#nigata {
	width: 85px;
	height: 42px;
	left: 623px;
	top: 223px;
}
#nagano {
	width: 67px;
	height: 85px;
	left: 556px;
	top: 265px;
}
#gunma {
	width: 50px;
	height: 42px;
	left: 623px;
	top: 265px;
}
#tochigi {
	width: 50px;
	height: 42px;
	left: 673px;
	top: 265px;
}
#ibaraki {
	width: 52px;
	height: 85px;
	left: 723px;
	top: 265px;
}
#saitama {
	width: 100px;
	height: 43px;
	left: 623px;
	top: 307px;
}
#tokyo {
	width: 100px;
	height: 42px;
	left: 623px;
	top: 350px;
}
#chiba {
	width: 52px;
	height: 84px;
	left: 723px;
	top: 350px;
}
#yamanashi {
	width: 67px;
	height: 42px;
	left: 556px;
	top: 350px;
}
#shizuoka {
	width: 67px;
	height: 42px;
	left: 556px;
	top: 392px;
}
#kanagawa {
	width: 67px;
	height: 42px;
	left: 623px;
	top: 392px;
}
#toyama {
	width: 67px;
	height: 42px;
	left: 556px;
	top: 223px;
}
#ishikawa {
	width: 50px;
	height: 57px;
	left: 506px;
	top: 223px;
}
#fukui {
	width: 68px;
	height: 42px;
	left: 438px;
	top: 223px;
	z-index: 2;
}
#gifu {
	width: 50px;
	height: 55px;
	left: 506px;
	top: 280px;
}
#aichi {
	width: 50px;
	height: 57px;
	left: 506px;
	top: 335px;
}
#kyoto {
	width: 67px;
	height: 84px;
	left: 371px;
	top: 223px;
}
#shiga {
	width: 68px;
	height: 42px;
	left: 438px;
	top: 265px;
}
#osaka {
	width: 67px;
	height: 85px;
	left: 371px;
	top: 307px;
}
#nara {
	width: 34px;
	height: 85px;
	left: 438px;
	top: 307px;
}
#mie {
	width: 34px;
	height: 85px;
	left: 472px;
	top: 307px;
}
#wakayama {
	width: 113px;
	height: 42px;
	left: 381px;
	top: 392px;
}
#hyougo {
	width: 51px;
	height: 98px;
	left: 320px;
	top: 223px;
}
#tottori {
	width: 50px;
	height: 49px;
	left: 270px;
	top: 223px;
}
#okayama {
	width: 50px;
	height: 49px;
	left: 270px;
	top: 272px;
}
#shimane {
	width: 51px;
	height: 49px;
	left: 219px;
	top: 223px;
}
#hiroshima {
	width: 51px;
	height: 49px;
	left: 219px;
	top: 272px;
}
#yamaguchi {
	width: 50px;
	height: 98px;
	left: 169px;
	top: 223px;
}
#kagawa {
	width: 92px;
	height: 42px;
	left: 261px;
	top: 350px;
}
#ehime {
	width: 92px;
	height: 42px;
	left: 169px;
	top: 350px;
}
#tokushima {
	width: 92px;
	height: 42px;
	left: 261px;
	top: 392px;
}
#kouchi {
	width: 92px;
	height: 42px;
	left: 169px;
	top: 392px;
}
#fukuoka {
	width: 50px;
	height: 50px;
	left: 101px;
	top: 235px;
}
#saga {
	width: 50px;
	height: 50px;
	left: 51px;
	top: 235px;
}
#nagasaki {
	width: 50px;
	height: 50px;
	left: 1px;
	top: 235px;
}
#oita {
	width: 50px;
	height: 50px;
	left: 101px;
	top: 285px;
}
#kumamoto {
	width: 50px;
	height: 100px;
	left: 51px;
	top: 285px;
}
#miyazaki {
	width: 50px;
	height: 50px;
	left: 101px;
	top: 335px;
}
#kagoshima {
	width: 68px;
	height: 49px;
	left: 83px;
	top: 385px;
}
#okinawa {
	width: 50px;
	height: 50px;
	left: 1px;
	top: 432px;
}

/* PC：innerの左右25pxを含めた1074px以上で、地図を1024px幅表示 */
@media screen and (min-width: 1024px) {
	/* PC proportional map geometry */

	#japan-map { height: 660px;margin-top: 120px; }
	#japan-map #hokkaido-branch .area-title { left: 711.66px; top: 0; border-color: var(--branch-hokkaido); color: var(--branch-hokkaido); }
	#japan-map #tohoku-branch .area-title { left: 711.66px; top: 126.517px; border-color: var(--branch-tohoku); color: var(--branch-tohoku); }
	#japan-map #north-kanto-branch .area-title { left: auto; right:0; top: 590px; border-color: var(--branch-north-kanto); color: var(--branch-north-kanto); }
	#japan-map #south-kanto-branch .area-title { left: 734.064px; top: 590px; border-color: var(--branch-south-kanto); color: var(--branch-south-kanto); }
	#japan-map #kinki-chubu-branch .area-title { left: 547px; top: 215px; border-color: var(--branch-kinki-chubu); color: var(--branch-kinki-chubu); }
	#japan-map #chugoku-shikoku-branch .area-title { left: 303px; top: 215px; border-color: var(--branch-chugoku-shikoku); color: var(--branch-chugoku-shikoku); }
	#japan-map #kyushu-branch .area-title { left: 0; top: 215px; border-color: var(--branch-kyushu); color: var(--branch-kyushu); }
	#japan-map #okinawa-branch .area-title { left: 78px; top: 590px; border-color: var(--branch-okinawa); color: var(--branch-okinawa); }
	#hokkaido { width: 180px; height: 92.252px; left: 840.813px; }
	#aomori { width: 122.564px; height: 56.669px; left: 868.489px; top: 126.517px; }
	#akita { width: 88.299px; height: 55.351px; left: 844.767px; top: 183.187px; }
	#iwate { width: 88.299px; height: 55.351px; left: 933.066px; top: 183.187px; }
	#yamagata { width: 88.299px; height: 55.351px; left: 844.767px; top: 238.538px; }
	#miyagi { width: 88.299px; height: 55.351px; left: 933.066px; top: 238.538px; }
	#fukushima { width: 88.299px; height: 55.351px; left: 933.066px; top: 293.889px; }
	#nigata { width: 112.021px; height: 55.351px; left: 821.045px; top: 293.889px; }
	#nagano { width: 88.299px; height: 112.021px; left: 732.746px; top: 349.241px; }
	#gunma { width: 65.894px; height: 55.351px; left: 821.045px; top: 349.241px; }
	#tochigi { width: 65.894px; height: 55.351px; left: 886.94px; top: 349.241px; }
	#ibaraki { width: 68.53px; height: 112.021px; left: 952.834px; top: 349.241px; }
	#saitama { width: 131.789px; height: 56.669px; left: 821.045px; top: 404.592px; }
	#tokyo { width: 131.789px; height: 55.351px; left: 821.045px; top: 461.261px; }
	#chiba { width: 68.53px; height: 110.703px; left: 952.834px; top: 461.261px; }
	#yamanashi { width: 88.299px; height: 55.351px; left: 732.746px; top: 461.261px; }
	#shizuoka { width: 88.299px; height: 55.351px; left: 732.746px; top: 516.613px; }
	#kanagawa { width: 88.299px; height: 55.351px; left: 821.045px; top: 516.613px; }
	#toyama { width: 88.299px; height: 55.351px; left: 732.746px; top: 293.889px; }
	#ishikawa { width: 65.894px; height: 75.12px; left: 666.852px; top: 293.889px; }
	#fukui { width: 89.616px; height: 55.351px; left: 577.236px; top: 293.889px; }
	#gifu { width: 65.894px; height: 72.484px; left: 666.852px; top: 369.009px; }
	#aichi { width: 65.894px; height: 75.12px; left: 666.852px; top: 441.493px; }
	#kyoto { width: 88.299px; height: 110.703px; left: 488.937px; top: 293.889px; }
	#shiga { width: 89.616px; height: 55.351px; left: 577.236px; top: 349.241px; }
	#osaka { width: 88.299px; height: 112.021px; left: 488.937px; top: 404.592px; }
	#nara { width: 44.808px; height: 112.021px; left: 577.236px; top: 404.592px; }
	#mie { width: 44.808px; height: 112.021px; left: 622.044px; top: 404.592px; }
	#wakayama { width: 148.921px; height: 55.351px; left: 502.116px; top: 516.613px; }
	#hyougo { width: 67.212px; height: 129.153px; left: 421.725px; top: 293.889px; }
	#tottori { width: 65.894px; height: 64.577px; left: 355.83px; top: 293.889px; }
	#okayama { width: 65.894px; height: 64.577px; left: 355.83px; top: 358.466px; }
	#shimane { width: 67.212px; height: 64.577px; left: 288.618px; top: 293.889px; }
	#hiroshima { width: 67.212px; height: 64.577px; left: 288.618px; top: 358.466px; }
	#yamaguchi { width: 65.894px; height: 129.153px; left: 222.723px; top: 293.889px; }
	#kagawa { width: 121.246px; height: 55.351px; left: 343.969px; top: 461.261px; }
	#ehime { width: 121.246px; height: 55.351px; left: 222.723px; top: 461.261px; }
	#tokushima { width: 121.246px; height: 55.351px; left: 343.969px; top: 516.613px; }
	#kouchi { width: 121.246px; height: 55.351px; left: 222.723px; top: 516.613px; }
	#fukuoka { width: 65.894px; height: 65.894px; left: 133.107px; top: 309.704px; }
	#saga { width: 65.894px; height: 65.894px; left: 67.212px; top: 309.704px; }
	#nagasaki { width: 65.894px; height: 65.894px; left: 1.318px; top: 309.704px; }
	#oita { width: 65.894px; height: 65.894px; left: 133.107px; top: 375.598px; }
	#kumamoto { width: 65.894px; height: 131.789px; left: 67.212px; top: 375.598px; }
	#miyazaki { width: 65.894px; height: 65.894px; left: 133.107px; top: 441.493px; }
	#kagoshima { width: 89.616px; height: 64.577px; left: 109.385px; top: 507.387px; }
	#okinawa { width: 65.894px; height: 65.894px; left: 1.318px; top: 569.328px; }
}
/****************************************
	レスポンシブ
****************************************/
/* タブレット（768～1073px）：支部ごとの小型マップに切り替え */

/* 1024～1074px：.innerの左右25px内にPC地図全体を収める */
@media screen and (min-width: 1024px) and (max-width: 1074px) {
	/* PC narrow inner fit */
	.inner {
		padding-left: 25px;
		padding-right: 25px;
	}
	#japan-map {
		zoom: calc((100vw - 50px) / 1024px);
	}
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
	#japan-map {
		display: flex;
		width: 100%;
		height: auto;
		flex-wrap: wrap;
		/* タブレット幅では支部ブロックを端末幅いっぱいに均等配置 */
		justify-content: space-evenly;
		align-items: flex-start;
		row-gap: 1.5em;
		column-gap: 0;
	}
	.map-canvas {
	display: contents;
}
	.summary-box {
		position: static;
		width: min(220px, calc(100% - 2em));
		margin: 1em 30% 40px;
		flex-basis: 100%;
	}
	#japan-map .branch {
		display: block;
		position: static;
		margin: 0;
		min-width: 136px;
	}
	#japan-map .area {
		display: block;
		position: relative;
		margin-top: 0;
	}
	#japan-map p.area-title {
		display: flex;
		position: static;
		width: 130px;
		font-size: 15px;
		line-height: 1.4;
		text-align: center;
		margin: 0 auto 1em;
		font-weight: bold;
		border-radius: 8px;
		background-color: #ffffff;
		padding: 0.35em 0.6em;
	}

	/* 支部本体は見出し分を含めて自然な高さにし、マップ領域だけ固定サイズにする */
	#hokkaido-branch {
		width: 133px;
	}
	#hokkaido-branch .area {
		width: 133px;
		height: 70px;
	}
	#tohoku-branch {
		width: 136px;
	}
	#tohoku-branch .area {
		width: 136px;
		height: 169px;
	}
	#north-kanto-branch {
		width: 219px;
	}
	#north-kanto-branch .area {
		width: 219px;
		height: 211px;
	}
	#south-kanto-branch {
		width: 134px;
	}
	#south-kanto-branch .area {
		width: 134px;
		height: 84px;
	}
	#kinki-chubu-branch {
		/* 近畿中部支部：県ボックス群の実幅に合わせ、左寄りに見える余白を解消 */
		width: 303px;
	}
	#kinki-chubu-branch .area {
		width: 303px;
		height: 211px;
	}
	#chugoku-shikoku-branch {
		width: 184px;
	}
	#chugoku-shikoku-branch .area {
		width: 184px;
		height: 211px;
	}
	#kyushu-branch {
		width: 151px;
	}
	#kyushu-branch .area {
		width: 151px;
		height: 199px;
	}
	/* 沖縄支部は県ボックスが小さいため、見出し用に支部幅だけ広げる */
	#okinawa-branch {
		width: 90px;
	}
	#okinawa-branch .area {
		width: 50px;
		height: 50px;
		margin-left: auto;
		margin-right: auto;
	}

	/* タブレット用：各支部内での相対座標へ変換 */
	#hokkaido { left: 0; top: 0; }
	#aomori { left: 21px; top: 0; }
	#akita { left: 3px; top: 43px; }
	#iwate { left: 70px; top: 43px; }
	#yamagata { left: 3px; top: 85px; }
	#miyagi { left: 70px; top: 85px; }
	#fukushima { left: 70px; top: 127px; }
	/* 北関東支部：茨城と千葉が重ならないよう縦位置を再調整 */
	#nigata { left: 67px; top: 0; }
	#nagano { left: 0; top: 42px; }
	#gunma { left: 67px; top: 42px; }
	#tochigi { left: 117px; top: 42px; }
	#ibaraki { left: 167px; top: 42px; }
	#saitama { left: 67px; top: 84px; }
	#tokyo { left: 67px; top: 127px; }
	#chiba { left: 167px; top: 127px; }
	#yamanashi { left: 0; top: 0; }
	#shizuoka { left: 0; top: 42px; }
	#kanagawa { left: 67px; top: 42px; }
	#toyama { left: 236px; top: 0; }
	#ishikawa { left: 186px; top: 0; }
	#fukui { left: 118px; top: 0; }
	#gifu { left: 186px; top: 57px; }
	#aichi { left: 186px; top: 112px; }
	#kyoto { left: 51px; top: 0; }
	#shiga { left: 118px; top: 42px; }
	#osaka { left: 51px; top: 84px; }
	#nara { left: 118px; top: 84px; }
	#mie { left: 152px; top: 84px; }
	#wakayama { left: 61px; top: 169px; }
	#hyougo { left: 0; top: 0; }
	#tottori { left: 101px; top: 0; }
	#shimane { left: 50px; top: 0; }
	#okayama { left: 101px; top: 49px; }
	#hiroshima { left: 50px; top: 49px; }
	#yamaguchi { left: 0; top: 0; }
	#kagawa { left: 92px; top: 127px; }
	#ehime { left: 0; top: 127px; }
	#tokushima { left: 92px; top: 169px; }
	#kouchi { left: 0; top: 169px; }
	#fukuoka { left: 101px; top: 0; }
	#saga { left: 51px; top: 0; }
	#nagasaki { left: 1px; top: 0; }
	#oita { left: 101px; top: 50px; }
	#kumamoto { left: 51px; top: 50px; }
	#miyazaki { left: 101px; top: 100px; }
	#kagoshima { left: 83px; top: 150px; }
	#okinawa { left: 0; top: 0; }
}

/* スマートフォン：県ボックスを均等グリッド化して横幅崩れを防止 */
@media screen and (max-width: 767px) {
	#japan-map {
		display: block;
		width: 100%;
		height: auto;
	}
	.map-canvas {
	display: contents;
}
	#japan-map .branch {
		display: block;
		width: 100%;
		height: auto;
		margin: 0;
	}
	#japan-map .area {
		display: grid;
		grid-template-columns: repeat(4, 1fr);
		width: 100%;
		height: auto;
		position: static;
		margin-top: 0;
	}
	#japan-map .area a {
		display: block;
		min-width: 0;
	}
	#japan-map .area div {
		display: flex;
		width: 100%;
		height: auto;
		max-height: 3.125em;
		padding: 0.5em 0.3em;
		border-radius: 0;
		position: static;
		font-size: 16px;
		border-radius: 8px;
	}
	#japan-map p.area-title {
		display: flex;
		position: static;
		width: 140px;
		margin-top: 1.2em;
		margin-bottom: 1.25em;
		margin-left: auto;
		margin-right: auto;
		margin-top: 40px;
		gap: 0.4em;
		justify-content: center;
		font-size: 16px;
		font-weight: bold;
	}
	.summary-box {
		position: static;
		width: 200px;
		margin: 0.8em auto 0;
		font-size: 20px;
	}
	.branch-total {
		margin-top: 0;
	}
}


@media print {

    @page {
    	size: A4 landscape;/*A4横*/
        margin: 5mm;
    }

    html,
    body {
        width: 100% !important;
        height: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
    }

    /* ページ上の要素をいったん全部非表示 */
    body * {
        visibility: hidden !important;
    }

    /* 見出しと地図とその中身だけ表示 */
    .heading-large,
    #japan-map,
    #japan-map *,
		.mapNote,
		.mapNote * {
        visibility: visible !important;
    }

    /* 見出し */
    .heading-large {
        position: absolute !important;
        left: 50% !important;
        top: 0 !important;
        transform: translateX(-50%);
        margin:0 auto;
        font-size: 30px;
    }

	/* 下部テキスト(地図の下に固定配置) */
	.mapNote {
		width: 1024px !important;
		max-width: none !important;
		margin: 21px auto 0 !important;
		display: flex !important;
		justify-content: space-between !important;
		align-items: flex-start !important;
	}
 
	.mapNote > p.mapNote-note {
		margin: 0 !important;
		margin-top: -40px !important;
		margin-left: 140px !important;
	}
 
	.mapNote > p:not(.mapNote-note) {
		margin: 70px 140px 0 auto !important;
		text-align: right !important;
		white-space: nowrap;
	}

    /* 地図 */
    #japan-map {
        position: absolute !important;
        left: 50%;
        top: 100px !important;

        transform:scale(0.9) translateX(-45%);
        transform-origin:top center;

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

    #japan-map * {
        -webkit-print-color-adjust: exact !important;
        print-color-adjust: exact !important;
    }
	#japan-map #hokkaido-branch .area-title { left: 510px; }
	#japan-map #tohoku-branch .area-title { left: 510px; }
	#japan-map #okinawa-branch .area-title { top: 440px; }
}