.map {
	width:550px;
	height: 50px;
	line-height: 30px;
}

.map h { font-size: 30px; font-weight: 400; color: #191919; height: 100%; }

.map_textbox {
    width: 390px;
    height: 360px;
    margin: 0 0 0 auto;
}

.map_textbox_title1 { font-size: 30px; color: #191919; font-weight: bold; }
.map_textbox_title2 { font-size: 27px; color: #6540bf; }

.line1 { width: 100%; height: 1px; background: #191919; margin: 15px 0 10px 0; }
.line2 { width: 100%; height: 1px; background: #cccccc; margin: 15px 0 10px 0; }

.map_line_area { font-size: 16pt; color: #7c7c7c; font-weight: 300; }
.map_line_area > h { display: table-cell; }
.left_text { width: 60px; font-weight: 500; color: #6c6c6c; }

#contect {
	font-size: 45px;
	font-weight: 700;
	margin-left: 15px;
	color: #191919;
	letter-spacing: 0.03em;
	display: inline-block;
	margin-bottom: 40px;
	animation: fadeinbackground;
}

@keyframes historyanimation {
	from {
		width: 0%;
		opacity: 0.5;
	}
	to {
		width:100%;
		opacity: 1;
	}
}
@media screen and (max-width: 1220px) {
	.map_textbox { width: 100%; margin-top: 360px; height: auto; }
	.map ~ iframe { width: 100%; }
	.content_right > div { height: auto !important; }
	.content { margin: 0 12px 0 12px !important; }
}

#small_menu_1:checked ~ div { height: 200px; transition: 0.4s all; }

#small_menu_2:checked ~ div { height: 200px; transition: 0.4s all; }