@charset utf-8;
body {font-family: 'NS_Round'; letter-spacing: -2px}
.btn_blue {background: #3d8bda}
.btn_red {background: #c24a4a}
.btn_purple {background: #704fa6;}

.btn_blue:hover {background: #01458a}
.btn_red:hover {background: #9b0909}

.txt_blue {color: #3d8bda}
.txt_red {color: #c95f5f}

/* header */
header .header_inner {width: 1100px;}
.header_top > h1 {float: left;}
.header_top > h2 {float: right;}
.header_txt {font-size: 20px; color: #fff; padding-top: 15px; font-weight: 600}
.header_top > h2 {margin-top: 13px !important;}

/* main_visual */
#main_visual {background-image: url(../images/visual.png); height: auto; width: 100%; background-size: cover}
.main_inner { position: relative;width: 1100px;height: 450px; margin: 0 auto;}
.visual_txt {  text-align: center; position: absolute; left: -50px; top: 150px;}
.visual_txt > .visual_title {font-size: 25px; color: #000; font-weight: 700; letter-spacing: -1px;}
.visual_txt > h3 {color: #fff; font-size: 40px;  font-weight: 800; letter-spacing: -1px; padding: 5px 0 10px 0}
.visual_sub {font-size: 18px; color: #333; font-weight: 700; letter-spacing: -1px;}

.visual_btn {position: absolute; bottom: 0;}
.visual_btn ul li{width: 165px; height: 100px; float: left; text-align: center;}
.visual_btn ul li a {display:block; width: 100%; height: 100%; line-height: 100px; color: #fff; font-size:21px; font-weight: 700;}

/* modal */
.modal-dialog {width: 70%; height:80%}
.modal-dialog.v2 {width: 60%; height:50%}
.close {font-size:30px !important }

/* modal - tabel */
.contents .wide-fix {padding:20px 2% 30px 2% !important}

/* content */
.content_inner {width: 1100px; margin: 0 auto;}
.cont_top {text-align: center; padding-top: 60px;}
.cont_top > p{ font-size: 30px; font-weight: 600; padding-top: 30px;}
.cont_main {margin-top: 50px;}
.cont_main > ul > li {width: 100%; height:150px; background: #f8f8f8; margin-bottom: 20px;}
.list_img {float: left;}
.list_txt {float: left; width: 800px; padding:30px  0 0 30px}
.list_txt > h4 {font-size: 23px; font-weight: 700; color: #000;}
.list_txt > p {margin-top: 10px; font-size: 16px;}

.cont_btn {text-align: center; margin-top: 40px;}
.cont_btn > a {width: 330px; height: 60px; display: inline-block; color: #fff; line-height: 60px; font-size: 22px; font-weight: 700}


/* content_bottom */
.content_bottom {background: #ebf3fa; margin-top: 40px;}
.bottom_inner {width: 1100px; margin: 0 auto; padding: 60px 0}
.cont_bot {text-align: center;}
.cont_bot > p{ font-size: 30px; font-weight: 600; padding-top: 30px;}
.cont_bot > span {font-size: 17px; display: inline-block; width: 600px; margin: 20px 0 0 0; color: #000}
.cont_bot > .tel {font-size: 26px; color: #000}
.bot_btn {margin-top: 40px;}
.bot_btn > div{float: left; width: 49%; margin-right: 1%; height: 140px; background-repeat: no-repeat; background-position: 75px center; color: #fff}

.location {background-image: url(../images/location.png); background-color: #d6622e;}
.time {background-image: url(../images/time.png); }

.bot_btn_txt {padding-left: 180px; padding-top: 40px;}
.bot_btn_txt > h5 {font-size: 26px; font-weight: 550}
.bot_btn_txt > h5 > a {font-size: 15px; display: inline-block; background: #F68755; padding: 5px 20px 5px 20px; color: #fff; font-weight: lighter; vertical-align: middle}
.bot_btn_txt > p {font-size: 18px; margin-top: 10px;font-weight: 550}

@media screen and (max-width:1200px) {
    .visual_txt {left: 20%;}
    .visual_btn {left: 25%;}
}

@media screen and (max-width:1100px) {
    header .header_inner {width: 100%; padding: 0 2%}
    .main_inner {width: 100%;} 
    .content_inner {width: 100%;}
    .content_inner {padding: 0 1%}
    .list_txt {width: 60%;}
    .bottom_inner {width: 100%;}
    .modal-dialog {width: 100%;}
    .modal-dialog.v2 {width: 95%;}
}

@media screen and (max-width:840px) {
    .visual_txt {position: static; text-align: center; width: 100%; padding-top: 150px;}
    .visual_btn {position: static;} 
    .visual_btn ul {text-align: center}
    .visual_btn ul li {display: inline-block; float: none;margin-top: 50px;}
    .location {background-image: none;}
    .time {background-image: none;}
    .bot_btn > div {height: 100px; margin:0 1%; width: 48%;}
    .bot_btn_txt {padding:15px 2%; text-align: center}
    .modal-dialog {width: 100%;}
    .modal-dialog.v2 {width: 95%;}
}

@media screen and (max-width:690px) {
    .list_img {display: none;}
    .list_txt {width: 100%; text-align: center; padding: 20px 2%}
    .cont_main > ul > li {height: auto}
    .cont_bot > span {width: 100%; padding: 0 2%}
}

@media screen and (max-width:640px) {
    .bot_btn > div {width: 100%; margin:1% 0}
}

@media screen and (max-width:480px) {
    .visual_btn ul li {height: 50px;}
    .visual_btn ul li a {line-height: 50px; font-size: 17px}
    .visual_txt {padding:100px 2% 0 2%}
    .visual_txt > .visual_title {font-size: 18px}
    .visual_txt > h3 {font-size: 30px}
    .main_inner {height: 400px;}
    .visual_sub {font-size: 16px}
    .visual_btn ul li {width: 37%;}
    .jg4u_logo {display: none}
    .cont_top > p {font-size:25px}
    .cont_btn > a {width: 300px;margin-bottom: 7px;}
}