@charset "UTF-8";

h2.title-intro {width: 920px;
    font-size: 24px;
    padding-bottom: 23px;
    margin: 15px auto;
    text-align: center;
    font-weight: normal;}
.intro { padding: 0 170px 80px 170px; margin: 0 auto; text-align: left; font-size:16px;}
	.intro p { padding:10px 0;}

h2.title-info {width: 840px;
    font-size: 24px;
    padding: 10px 0 10px 20px;
    margin: 5px auto;
    text-align: center;
    font-weight: normal;
}
.info { padding: 20px 170px; margin: 0 auto; text-align: left; font-size:16px;}
	.info p { padding:10px 0;}
	.info table { width: 840px; margin:10px 0 80px 0; border-collapse: collapse;}
	.info th { padding:10px 2em; font-size:16px; vertical-align: top; text-align: left; border: 2px solid #999; white-space: nowrap;}
	.info td { padding:10px 2em; font-size:16px; vertical-align: top;border: 2px solid #999;}
	.info dl { display: flex; flex-wrap: wrap; width:594px;}
		.info dt { display:inline-block; width:180px; padding:2px 0 2px 0; margin: 0;}
		.info dd { display: inline-block; width: calc(100% - 180px); padding: 2px 0 2px 0; margin: 0;}
	.info a { color:burlywood; text-decoration: underline;}
		.info a:hover { color: #FFB02A; text-decoration: underline;}

.accessmap { padding: 20px 170px; margin: 0 auto; text-align: left; font-size:16px;}
	.accessmap p { padding:10px 0; font-size:16px;}
	.accessmap iframe { width: 100%; height: 400px;}
	.accessmap ul { display: flex; justify-content: center; padding: 0; margin: 0; list-style: none;}
	.accessmap li { padding: 20px;}
		.accessmap li img { width: 350px; height: 262px; padding: 5px 0; border-radius: 10px;}
	.accessmap a { 
    color:burlywood; 
    text-decoration: underline;
}
		.accessmap a:hover { color: #002A5D; text-decoration: underline;}