@charset "UTF-8";
/* CSS Document */
/*-----main-----*/
#main{position: relative;width: 100%;padding-top: 19vw;}
.main_box{width: 100%;}
.main_text{height: 32vw;background: -moz-linear-gradient(right, rgba(61, 85, 201, .3) 60%, #fff);background: -webkit-linear-gradient(right, rgba(61, 85, 201, .3) 60%, #fff);background:linear-gradient(to left, rgba(61, 85, 201, .3) 60%, #fff);color: #283262;}
.main_text_t1{width: 75%;margin: 0 auto;padding-top: 5.5vw;font-size: 3.4vw;font-weight: 900;font-family: "vdl-logog", sans-serif;}
.main_text_t2{width: 75%;margin: 0.5vw auto 0;font-size: 1.7vw;}
.main_img{position: absolute;width: 65%;bottom: 3vw;right: 0;}
.company_main_img{width: 100%;}
/*-----company-----*/
#company{width: 100%;}
.company_box{width: 65%;margin: 4vw auto 0;border-top: 0.3vw solid #283262;}
.company_table{width: 100%;text-align: left;border-collapse: collapse;border-spacing: 0;}
.company_table th{width: 25%;padding: 1.5vw 0 1.5vw 3vw;font-size: 1.6vw;font-weight: 900;color: #283262;border-bottom: 0.2vw solid #eee;}
.company_table td{padding: 1.5vw 0;font-size: 1.6vw;font-weight: 300;line-height: 180%;border-bottom: 0.2vw solid #eee;}
.company_map{width: 65%;margin: 4vw auto 6vw;}
.map_title{padding-bottom: 0.5vw;border-bottom: 0.3vw solid #283262;}
.map_title_t1{padding-left: 3vw;font-size: 1.6vw;font-weight: 900;color: #283262;}
.map_box{width: 100%;margin-top: 1.5vw;}
.map{width: 100%;height: 30vw;}

@media screen and (max-width: 999px){
/*-----main-----*/
#main{padding-top: 22vw;}
.main_text_t1{width: 90%;font-size: 4vw;}
.main_text_t2{width: 90%;font-size: 2.3vw;}
/*-----company-----*/
.company_box{width: 90%;}
.company_table th{width: 25%;padding: 2vw 0 2vw 3vw;font-size: 2.2vw;}
.company_table td{padding: 2vw 0;font-size: 2.2vw;}
.company_map{width: 90%;}
.map_title{padding-bottom: 0.5vw;}
.map_title_t1{font-size: 2.2vw;}
.map_box{margin-top: 2vw;}
.map{height: 40vw;}
}

@media screen and (max-width: 450px){
/*-----main-----*/
#main{padding-top: 10vw;}
.main_text{height: 32vw;}
.main_text_t1{width: 90%;font-size: 5.2vw;}
.main_text_t2{width: 90%;font-size: 3.5vw;}
/*-----company-----*/
.company_box{width: 90%;margin: 5vw auto 7vw;}
.company_table th{display: block;width: 25%;padding: 2vw 0 2vw 0vw;font-size: 3.4vw;}
.company_table td{display: block;padding: 2vw 0;font-size: 3.4vw;}
.company_map{width: 90%;}
.map_title{padding-bottom: 0.5vw;}
.map_title_t1{padding-left: 0vw;font-size: 3.4vw;}
.map_box{margin-top: 3vw;}
.map{height: 50vw;}
}