/*
 home.css
*/

/* ==================================================== */
/* LAYOUT */
/* ==================================================== */



/* ==================================================== */
/* container */
/* ==================================================== */
#container .article{
width: auto;
margin: 0 auto;
padding: 150px 0 0;
}
.article .mainbox{
width: 1012px;
margin: 0 auto;
}

.article .main-msg01{
position: relative;
height: 564px;
}
.article .main-msg01 .img{
position: absolute;
left: 100px;
top: 0px;
}
.article .main-msg01 h2{
position: absolute;
left: 690px;
top: 200px;
}

.article .main-msg02{
position: relative;
height: 564px;
}
.article .main-msg02 .img{
position: absolute;
left: 394px;
top: 0px;
}
.article .main-msg02 h2{
position: absolute;
left: 64px;
top: 94px;
}
.article .main-msg02 .cap{
position: absolute;
left: 64px;
top: 160px;
}


/*
topics-box  */
.article .topics-box{
	box-sizing: border-box;
	max-width: 780px;
	margin: 0 auto 60px;
	padding: 15px 15px 0;
	border: 1px solid #004098;
	border-radius: 8px;
/* 	text-align: center; */
}


/*
infomation  */
.article .infomation{
padding: 60px 0;
background: #f4fbff;
}
.article .infomation .info-box{
width: 850px;
margin: 0 auto;
}
.article .infomation .info-box h3{
margin: 0 0 20px;
font-size: 21px;
}
.article .infomation .info-box .column{
box-sizing: border-box;
width: 500px;
padding: 0 62px 0 15px;
font-size: 15px;
font-weight: bold;
}
.article .infomation .info-box .column.second{
width: 320px;
margin: 0;
padding: 0;
}


/*
access  */
.article .access{
width: 1012px;
margin: 0 auto;
padding: 60px 0;
}
.article .access .access-box{
}
.article .access .access-box h4{
font-size: 21px;
margin-bottom: 30px;
}
.article .access .access-box .column{
box-sizing: border-box;
float: right;
width: 684px;
height: 608px;
padding: 56px 0 0;
}
.article .access .access-box .column.access-detail{
position: relative;
}
.article .access .access-box .column.second{
width: 328px;
padding: 0;
}
.article .access .access-box .column.access-detail h4{
font-weight: bold;
}
.article .access .access-box .gmap-area{
position: absolute;
bottom: 0; left: 0;
height: 342px;
}

.article .access .access-box .column.second p{
margin: 0;
}





/* ==================================================== */
/* footer */
/* ==================================================== */