/* CSS Document */

html{
	line-height: 100%;
	-webkit-text-size-adjust: 100%;
	}

body{
	font-size: 1vw;
	color: #000;
	fill: #000;
	font-family: -apple-system, BlinkMacSystemFont, YuGothic, 'Yu Gothic', sans-serif;
	text-align: justify;
	text-justify: inter-character;
	line-height: 1.4em;
	}

#print{}
	#print svg{
		width: 100%;
		}
	#print table{
		width: 100%;
		table-layout: fixed;
		}
	#print td{
		position: relative;
		vertical-align: top;
		}

#printHead{
	border-bottom: 2px solid #223a70;
	}
	#printHead h1{
		position: relative;
		padding: 0.8em;
		background: #223a70;
		color: #fff;
		font-weight: bold;
		font-size: 1.6em;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		}
	_::content, _:future, #printHead h1{/* Chrome */
		border: none;
		}
	#printHead p{
		padding: 1em;
		font-size: 1.2em;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		}

#printBody{
	display: flex;
	flex-wrap: wrap;
	}
	#printBody > *{
		width: 50%;
		}

#printImage{
	position: relative;
	}
	#printImage img{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: inherit;
		}
	_:lang(x)::-ms-backdrop, #printImage{/* IE11 */
		display: flex;
		justify-content: center;
		align-items: center;
		background: #f2f2f2;
		}
		_:lang(x)::-ms-backdrop, #printImage img{/* IE11 */
			position: static;
			width: auto;
			max-width: 100%;
			height: auto;
			max-height: 30em;
			vertical-align: middle;
			}

#printText{
	padding: 1em;
	}
	#printText div{
		display: -webkit-box;
		line-height: 1.4em;
		height: 22.4em;
		overflow: hidden;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 16;
		}
	_::content, _:future, #printText div:not(*:root) {/* Chrome */
		height: 26.6em;
		-webkit-line-clamp: 19;
		}
	_:-ms-lang(x)::backdrop, #printText div{/* Edge */
		height: 26.6em;
		-webkit-line-clamp: 19;
		}
	_:lang(x)::-ms-backdrop, #printText div{/* IE11 */
		height: 28em;
		-webkit-line-clamp: 20;
		}

#printInfo{}
	#printInfo dl{
		display: flex;
		flex-wrap: wrap;
		margin: 1em;
		border: 1px solid #1a1a1a;
		}
	#printInfo dt,
	#printInfo dd{
		padding: 0.5em;
		line-height: 1.4em;
		}
		#printInfo dt:nth-of-type(n+2),
		#printInfo dd:nth-of-type(n+2){
			border-top: 1px solid #ccc;
			}
	#printInfo dt{
		width: 10em;
		background: #f2ece8;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		}
	#printInfo dd{
		width: calc(100% - 10em);
		}
		#printInfo dd div{
			display: -webkit-box;
			overflow: hidden;
			-webkit-box-orient: vertical;
			}
		#printInfo dd:nth-of-type(1) div,
		#printInfo dd:nth-of-type(2) div,
		#printInfo dd:nth-of-type(5) div{
			-webkit-line-clamp: 1;
			}
		#printInfo dd:nth-of-type(3) div,
		#printInfo dd:nth-of-type(4) div,
		#printInfo dd:nth-of-type(6) div{
			-webkit-line-clamp: 3;
			height: 4em;
			}

#printMap{
	position: relative;
	border: 1px solid transparent;
	}
	#printMap iframe{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		}

#printFoot{
	margin-top: 1em;
	padding: 0 1em;
	}
	#printFoot h2{
		display: flex;
		align-items: center;
		}
		#printFoot h2 i{
			font-size: 4em;
			margin-right: 0.2em;
			}
	#printFoot h2 svg{
		width: 2em;
		height: 1em;
		}

#printOn{
	display: flex;
	justify-content: center;
	margin: 2em 0;
	}
	#printOn a{
		padding: 1em;
		border: 1px solid #ccc;
		background: #f2f2f2;
		font-size: 1rem;
		color: #000;
		text-decoration: none;
		line-height: 1em;
		}


@page {
	size: A4 landscape;
	margin: 10mm;
}

@media print {
body{
	-webkit-print-color-adjust: exact;
	color-adjust: exact;
	}
#printOn{
	display: none;
	}
_:lang(x)::-ms-backdrop, body{/* IE */
	font-size: 10px;
	}
_:-ms-lang(x)::backdrop, #printHead h1{/* Edge */
	border: 2px solid #223a70;
	color: #223a70;
	}
}