@charset "utf-8";

.contentsSubArea { width: 1250px; margin: auto; margin-top: 58px; }
.contentsSubArea > div.title_txt { font-size: 36px; word-break: keep-all; }
.contentsSubArea > div.subtitle_txt { font-size: 20px; margin-top: 30px; font-weight: 600; word-break: keep-all; }
.contentsSubArea > div.comment_txt { font-size: 16px; word-break: keep-all; }


.img_viewer {}
.img_viewer > div.title_txt { font-size: 24px; color: #23257b; font-weight: 600; margin-top: 50px; }
.img_viewer > ul { margin-top: 80px; }
.img_viewer > ul > li { float: left; width: 50%; }
.img_viewer > ul > li:nth-child(1) { padding-right: 7px; }
.img_viewer > ul > li:nth-child(2) { padding-left: 7px; }
.img_viewer img { width: 100%; }

.margint30px { margin-top: 30px !important; }

.mapinfo { margin-top: 30px; }
.mapinfo > li { float: left; width: 50%; border-bottom: 1px solid #ddd; height: 59px; font-size: 17px; position: relative; padding-left: 110px; line-height: 59px; }
.mapinfo > li > p.line20 { line-height: 20px; padding-top: 10px; } 
.mapinfo > li > span { position: absolute; lefT: 0px; top: 0px; font-weight: 700; color: #23257b; }

#map { height: 400px; background: #ddd; margin-top: 30px; }
@media all and (max-width: 1250px){
	.contentsSubArea { width: 100%; margin-top: 20px; padding: 10px 20px; }
	.mapinfo > li { float: left; width: 100%; }
}

@media all and (max-width: 600px){
	.mobileno { display: none; }
	.contentsSubArea > div.title_txt { font-size: 21px; }
	.contentsSubArea > div.subtitle_txt { font-size: 17px; margin-top: 20px; }
	.contentsSubArea > div.comment_txt { font-size: 15px; }
	.img_viewer > ul { margin-top: 50px; }
	.mapinfo > li { height: auto; font-size: 13px; position: relative; padding-left: 110px; line-height: 38px; }
	.mapinfo > li > p.line20 { line-height: 20px; padding-top: 0px;} 
}