@charset "utf-8";

// definitions
@use "../../style/variables" as *; // 変数定義
@use "../../style/mixins" as *; // 関数定義
	
#h_box{
	width:960px;
	max-width:100%;
	margin:0 auto;
}
	
#page_top_img{
	iframe{
		width:100%;
		aspect-ratio: 16 / 9;
	}
}
    
	
    
	#maps{
		margin:10px 0 0 0;
		@include flexSet(stretch, space-between, row, wrap);
		iframe{
			width:50%;
			min-height:300px;
			}
		section{
			width:50%;
			background:#FFC;
			dl{
				background:#FFC;
				padding:10px 15px 15px 15px;
				text-align:left;
				dt{
					font-weight:bold;
					padding:5px 0 0 0;
					}
				dd{
					}
				}
			}
			
		@include media_query_md{
			display:block;
			iframe{
				width:100%;
				}
			section{
				width:auto;
				padding:15px;
				dl{
					padding:0;
					border-bottom:1px dotted silver;
					dt{
						width:9em;
						float:left;
						padding:.7em .5em .5em .5em;
						}
					dd{
						padding:.7em .5em .5em 10em;
						border-top:1px dotted silver;
						ul{
							display:flex;
							flex-wrap:wrap;
							li{
								margin:0 1em 0 2em;
								list-style:disc;
								}
							}
						}
					}
				}
			}
		@include media_query_sm{
			section{
				dl{
					dt{
						width:auto;
						float:none;
						padding:.7em .5em 0 .5em;
						border-top:1px dotted silver;
						}
					dd{
						padding:0 .5em .5em .5em;
						border-top:none;
						}
					}
				}
			}
		}
	
		#tizu{
			margin:20px auto 0 auto;
			iframe{
				width: 100%;
				height:400px;
			}
		}