.inlineblock{
	display:inline-block;	
}

body{
	font-family:Gotham,sans-serif;
	background: white;
	margin: 0;
	padding: 0;
	font-size: 100%;
	display:block;
	position:relative;
	font-weight:normal;
}

_root{
	--colcs:1;	
	--fcolcs:1;
	--icolcs:1;
	--mfcolcs:1;
	--pfcolcs:1;
	--questbox:200;
	--asbox:200;
	--conbox:200;
	--profile_img:300;
	--profile_box:320;
	--profile_box_left:32;
	--project_img:422;
	--project_box:224;
	--window_height:1;
	--minscale:650;
}

html,body{
	-webkit-text-size-adjust:none;	
}

.main {
	display:flex;
	width:100%;
	min-height:calc(var(--window_h) *1px);
	position:relative;
	flex-direction:column;
}
.container_area{
	display: flex;
	width:calc(var(--colcs) *690px);
	position:relative;
	left:50%;
	transform:translate(-50%,0);
	-ms-transform:translate(-50%,0);
	-moz-transform:translate(-50%,0);
	-webkit-transform:translate(-50%,0);
	-o-transform:translate(-50%,0);
	flex-direction:column;
	align-items:center;	
	padding-bottom:calc(var(--colcs)*20px);
}

.headerImage{
	display:block;
	width:100%;
	height: calc(var(--colcs)*347px);
	background-image: url("../image/web_picture.jpg");
	background-repeat:no-repeat;
	background-size:auto 100%;
}

.squre_pattern{
	display:block;
	width:calc(var(--colcs)*300px);
	height: calc(var(--colcs)*523px);
	position: absolute;
	top:0;
	left:0;
	background-image: url("../image/square_1.png");
	background-repeat:no-repeat;
	background-size:auto 100%;
}

.z-logo{
	display:block;
	width:calc(var(--colcs)*208px);
	height: calc(var(--colcs)*50px);
	position: absolute;
	top:calc(var(--colcs)*176px);;
	left:calc(var(--colcs)*33px);;
	background-image: url("../image/zaicon_logo.svg");
	background-repeat:no-repeat;
	background-size:auto 100%;
}
.bluebar1{
	display:block;
	width:calc(var(--colcs)*346px);
	height: calc(var(--colcs)*23px);
	background-image: url("../image/blue_bar1.jpg");
	background-repeat:no-repeat;
	background-size:100% auto;
}
.Thank{
	display:block;
	width:calc(var(--colcs)*548px);
	height: calc(var(--colcs)*160px);
	background-image: url("../image/thank.svg");
	background-repeat:no-repeat;
	background-size:auto 100%;
	margin-top:calc(var(--colcs)*33px);
	z-index:20
}
.title_1{
	display:block;
	margin-right:calc(var(--colcs)*33px);
	margin-bottom:calc(var(--colcs)*20px);
}

.title_2{
	display:block;
	width:calc(var(--colcs)*633px);
	height:auto;
	margin-bottom:calc(var(--colcs)*70px);
}
.textbox{
	display:block;
	width:calc(var(--colcs)*500px);
	height:auto;
}
.s_square{
	display:block;
	width:calc(var(--colcs)*28px);
	height:calc(var(--colcs)*50px);
	background-image: url("../image/s_square.png");
	background-repeat:no-repeat;
	background-size:auto 100%;
	margin-top:calc(var(--colcs)*10px);
	margin-bottom:calc(var(--colcs)*10px);
}
.footer_box{
	display: flex;
	width:100%;
	height:calc(var(--colcs) *145px);
	position:relative;
	flex-direction:column;
	align-items:center;
	
}

.footer_box:before{
	content:"";
	display:block;
	width:100%;
	height:calc(var(--colcs)*30px);
	position:absolute;
	bottom:0;
	background: linear-gradient(180deg, rgba(0,24,83,1) 0%, rgba(0,0,0,1) 100%);
	
}

.bluebar2{
	display:block;
	width:calc(var(--colcs)*248px);
	height:calc(var(--colcs)*145px);
	background-image: url("../image/blue_bar2.jpg");
	background-repeat:no-repeat;
	background-size:100% auto;
	z-index:30
}
.foot_1{
	display:block;
	position:absolute;
	z-index:31;
	bottom:calc(var(--colcs)*10px);	
}

.email{
	cursor:pointer;	
}