@charset "utf-8";

#gaiyou_ph{
	width:min(960px,100%);
	display:grid;
	grid-template-columns: repeat(2,1fr);
	gap:20px;
	margin:20px auto 0 auto;
	figure{
		img{
			border-radius: 15px;
		}
	}
	@media (max-width: 640px) {
		grid-template-columns: 1fr;
		figure{
			img{
				width:min(450px,100%);
			}
		}
	}
}

	#prf{
		width:min(960px,100%);
		border:1px solid silver;
		background:white;
		margin:30px auto 0 auto;
		padding:30px;
		border-radius: 15px;
		> ul{
			border-bottom:1px solid #eee;
			> li{
				display:grid;
				border-top:1px solid #eee;
				padding:20px 10px;
				gap:0 2em;
				grid-template-columns: 6em 1fr;
				> h3{
					font-weight: 500;
					text-align: right;
				}
				div{
					text-align: left;
					ul{
						display:grid;
						grid-template-columns: repeat(auto-fill,minmax(min(280px,100%),1fr));
						gap:.3em 2em;
						li{
							
						}
					}
					h3{
						font-weight: 500;
						padding:1.3em 0 .3em 0;
					}
				}
				
			}
		}
		@media (max-width: 640px) {
			> ul{
				> li{
					display:block;
					> h3{
						text-align: left;
					}
				}
			}
		}
	}