/* CSS Document */

[LSC-LB="List"]{
	display: none;
	}

#pamphlet{}
	#pamphlet header{
		display: grid;
		grid-template-columns: 1fr var(--wrap) 1fr;
		grid-gap: clamp(24px, 4.8vw, 32px) 0;
		margin: clamp(24px, 4.8vw, 32px) 0 clamp(64px, 14.4vw, 96px) 0;
		overflow: hidden;
		}
		#pamphlet header > *{
			grid-column: 2;
			}
		#pamphlet header ul{
			display: grid;
			grid-gap: 4px;
			margin-top: 16px;
			line-height: 1.65;
			}
		#pamphlet header li{
			position: relative;
			padding-left: 1em;
			}
		#pamphlet header li:before{
			content: "";
			position: absolute;
			top: 0.825em;
			left: 0.5em;
			width: 4px;
			aspect-ratio: 1;
			background: var(--color-point);
			border-radius: 100%;
			transform: translate(-50%, -50%);
			}
	#pamphlet h2{
		justify-self: center;
		position: relative;
		padding: 0 clamp(16px, 3.6vw, 24px);
		font: clamp(20px, 4.2vw, 28px) var(--font-min);
		text-align: center;
		line-height: 1.65;
		}
		#pamphlet h2:before,
		#pamphlet h2:after{
			content: "";
			position: absolute;
			top: 50%;
			width: 100vw;
			height: clamp(32px, 6vw, 40px);
			background-repeat: repeat-x;
			transform: translateY(-50%);
			}
		#pamphlet h2:before{
			right: 100%;
			background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="-8 0 12 40"><circle cx="2" cy="2" r="2" fill="%23e39b88"/><circle cx="2" cy="14" r="2" fill="%2393889f"/><circle cx="2" cy="26" r="2" fill="%23ceba79"/><circle cx="2" cy="38" r="2" fill="%238bbda7"/></svg>');
			background-position: right center;
			}
		#pamphlet h2:after{
			left: 100%;
			background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 40"><circle cx="2" cy="2" r="2" fill="%23e39b88"/><circle cx="2" cy="14" r="2" fill="%2393889f"/><circle cx="2" cy="26" r="2" fill="%23ceba79"/><circle cx="2" cy="38" r="2" fill="%238bbda7"/></svg>');
			background-position: left center;
			}

#pamphletList{
	width: var(--wrap);
	margin: 0 auto clamp(64px, 14.4vw, 96px) auto;
	}
	#pamphletList h3{
		display: none;
		}
	#pamphletList h3+div{
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		grid-gap: clamp(32px, 6vw, 40px) clamp(16px, 6vw, 40px);
		}
	#pamphletList dl{
		display: flex;
		flex-direction: column;
		grid-gap: 8px 0;
		}
	#pamphletList dt{
		font-size: 18px;
		font-weight: 500;
		line-height: 1.65;
		}
	#pamphletList dt+dd{
		background: var(--dummy);
		order: -1;
		}
	#pamphletList dt+dd+dd{
		font-size: clamp(12px, 2.1vw, 14px);
		line-height: 1.65;
		}
	#pamphletList dt+dd+dd+dd{
		display: grid;
		grid-gap: 8px;
		margin-top: auto;
		padding-top: 8px;
		}
	#pamphletList dd{}
		#pamphletList dd img{
			display: block;
			width: 100%;
			height: 100%;
			aspect-ratio: 1 / 1.414;
			object-fit: contain;
			}
		#pamphletList dd a{
			display: inline-grid;
			grid-template-columns: auto 18px;
			align-items: center;
			grid-gap: 8px;
			min-height: 40px;
			padding: 4px 16px;
			border: 1px solid var(--color-border);
			font-size: clamp(12px, 2.1vw, 14px);
			color: inherit;
			text-align: center;
			text-decoration: none;
			cursor: pointer;
			}
			#pamphletList dd a:after{
				content: "";
				aspect-ratio: 1;
				-webkit-mask: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M21 4v13h-6c-0.728 0-1.412 0.195-2 0.535v-10.535c0-0.829 0.335-1.577 0.879-2.121s1.292-0.879 2.121-0.879zM11 17.535c-0.588-0.34-1.272-0.535-2-0.535h-6v-13h5c0.829 0 1.577 0.335 2.121 0.879s0.879 1.292 0.879 2.121zM22 2h-6c-1.38 0-2.632 0.561-3.536 1.464-0.167 0.167-0.322 0.346-0.464 0.536-0.142-0.19-0.297-0.369-0.464-0.536-0.904-0.903-2.156-1.464-3.536-1.464h-6c-0.552 0-1 0.448-1 1v15c0 0.552 0.448 1 1 1h7c0.553 0 1.051 0.223 1.414 0.586s0.586 0.861 0.586 1.414c0 0.552 0.448 1 1 1s1-0.448 1-1c0-0.553 0.223-1.051 0.586-1.414s0.861-0.586 1.414-0.586h7c0.552 0 1-0.448 1-1v-15c0-0.552-0.448-1-1-1z"/></svg>') center no-repeat;
				-webkit-mask-size: contain;
				background: currentColor;
				}
			#pamphletList dd a:hover{
				background: var(--color-theme);
				}
			#pamphletList dd a[href*=".pdf"]:after{
				-webkit-mask-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 17 17"><path d="m8.27,10.93c.19.2.45.31.73.31s.54-.11.73-.31l4-4.24c.38-.4.36-1.03-.04-1.41-.4-.38-1.04-.36-1.41.04l-2.27,2.41V1c0-.55-.45-1-1-1s-1,.45-1,1v6.72l-2.27-2.41c-.38-.4-1.01-.42-1.41-.04-.4.38-.42,1.01-.04,1.41l4,4.24Zm7.73-.93c-.55,0-1,.45-1,1v4H2v-4c0-.55-.45-1-1-1s-1,.45-1,1v5c0,.55.45,1,1,1h15c.55,0,1-.45,1-1v-5c0-.55-.45-1-1-1Z"/></svg>');
				-webkit-mask-size: 17px 17px;
				}
	@media (min-width: 768px) and (max-width: 991.98px) {
		#pamphletList h3+div{
			grid-template-columns: repeat(3, 1fr);
			}
		}
	@media (min-width: 992px) {
		#pamphletList h3+div{
			grid-template-columns: repeat(4, 1fr);
			}
		}