﻿@charset "utf-8";
/* CSS Document */


.site-header{
	height:100px;
	background:#93DFFF;
	display: -ms-flexbox;
 	display: -webkit-box;
	display: flex;
justify-content:space-between;
}

@media print,screen and (max-width: 768px){
	.site-header{
	height:auto;
	background: #fff;
	}
}

.flex_body{
	display: -ms-flexbox;
 	display: -webkit-box;
	display: flex;
	flex-flow: row-reverse;
	justify-content: space-around;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	wifth:auto;
}

@media print,screen and (max-width: 768px){
	.flex_body{
		display: block;	
	}
}

.side_menu{
	width:20%;
	background:#DFF1FF;
	border-radius: 15px;
	box-sizing: border-box;
padding-bottom:1rem;
}

@media print,screen and (max-width: 768px){
	.side_menu{
	width: 90vw;
	margin:20px auto 0;
	}
}


.sec_wapper:first-child{
	position:relative;
	background: url("/img/usrfiles/default/2533_DEFAULT_dot_li.png");
	padding-bottom:250px;
}

.sec_wapper:last-child{
	background-color:#93DFFF;
	position:relative;
	background-image:url("/img/usrfiles/default/2533_DEFAULT_back_cityscape2.png");
	background-position: top;
	background-size: contain;
	background-repeat: no-repeat;
}

.inner{
	max-width:1046px;
	margin-left: auto;
	margin-right: auto;
	width:calc(95vw - 220px);
}


@media print,screen and (max-width: 768px){
.inner{
width:90vw;
}
}

.main_inner{
	width:calc(100% - 220px);
}

@media print,screen and (max-width: 768px){
	.main_inner{
		width:100%;
	}

}
	
.sec_wapper:first-child .inner{
	max-width:1146px;
	margin-left: auto;
	margin-right: auto;
	width:calc(98vw - 220px);
}
@media print, screen and (max-width: 768px){
.sec_wapper:first-child .inner{
	width:98vw;
}
}

.bc_city{
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:auto;
}

.body{
	background: #fff;
	width:75%;
	padding:20px 20px;
	border:1px solid #707070;
	border-radius:15px;
	box-shadow: 0px 0px 2px #919191;
	box-sizing: border-box;
	margin:initial;
	min-height: 350px;
}

@media print,screen and (max-width: 768px){
	.body{
		width:75%;
		min-height: inherit;
	}
}

@media print,screen and (max-width: 768px){
	.body{
		width: 90vw;
		margin: 0 auto;
	}
}
