/* CSS Document */

#main{
	overflow: hidden;
	}
	#main article{
		display: grid;
		grid-template-columns: minmax(0, 1fr);
		grid-gap: 2em 0;
		width: var(--wrap);
		margin: clamp(32px, 7.2vw, 48px) auto calc(clamp(32px, 7.2vw, 48px) * 2) auto;
		}
	#main h2+*{
		margin-top: 0;
		}
	#main section{
		display: grid;
		grid-gap: 2em 0;
		margin: clamp(32px, 7.2vw, 48px) 0 0 0;
		}
		#main section h3+*{
			margin-top: 0;
			}

#sample{
	width: var(--wrap);
	margin: clamp(32px, 7.2vw, 48px) auto calc(clamp(32px, 7.2vw, 48px) * 2) auto;
	}

#modal{}
	#modal figure{
		position: relative;
		padding-top: 66.66%;
		}
		#modal figure img{
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			object-fit: cover;
			}
	#modal li{
		position: relative;
		padding-top: 66.66%;
		}
		#modal li img{
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			object-fit: cover;
			}
	#modal span{
		position: relative;
		padding-top: 66.66%;
		}
		#modal span img{
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			object-fit: cover;
			}

#lb{}
	#lb h3+div{
		display: grid;
		grid-template-columns: repeat(auto-fill, minmax(360px, 1fr));
		grid-gap: 1em;
		}
	#lb h3+div+div{
		display: flex;
		justify-content: center;
		}

#ps{}
	#ps h4+div[class]{
		display: grid;
		grid-template-columns: repeat(auto-fill, minmax(360px, 1fr));
		grid-gap: 1em;
		}
	#ps ul{
		display: grid;
		grid-template-columns: repeat(auto-fill, minmax(360px, 1fr));
		grid-gap: 1em;
		}
	#ps .wrap > div+div{
		margin-top: 2em;
		}