@charset "utf-8";
#section01  { position:relative;height:100%;background:url(../img/main/main01-bg.jpg) no-repeat 0 0;background-size:cover}
#section01 .top-txt{  position:absolute;top:20%;text-align:center;color:#fff;left:50%;transform:translateX(-50%);z-index:99999}
#section01 .top-txt b { font-size:68px;}
#section01 .top-txt span { display:block;font-size:36px;font-weight:100;}
#section01 ul { display:table;width:100%;height:100%;}
#section01  li { display:table-cell;width:20%;height:100%;text-align:center;border-right:1px solid rgba(255,255,255,.15)}
#section01  li a {position:relative; display:block;height:100%;color:#fff;text-align:center;font-size:26px;transition: 0.3s;}
#section01  li a p { position:absolute;left:50%;transform:translateX(-50%);bottom:30%;display:block;width:auto;;transition: 0.3s;z-index:99}
#section01  li a .over {display:none; position:absolute;z-index:9;width:100%;top:0;height:100%;left:0;transition: 0.3s}
#section01  li a .over img { width:100%;height:100%;}
#section01  li a:hover .over{ display:block;;transition: 0.3s}
#section01  li a:hover p { bottom:40%;font-size:30px;font-weight:bold;padding-top:10px;border-top:5px solid #fff;letter-spacing:-2px;;transition: 0.3s}

@media screen and (max-width:1000px){
#section01  { position:relative;height:auto!important;background:url(../img/main/main01-bg.jpg) no-repeat 0 0;background-size:cover;padding:25px 0;margin-top:70px!important;}
.fp-tableCell { height:auto!important;}
#section01 .top-txt{  position:relative;;top:0;text-align:center;color:#fff;left:0;transform:none;z-index:99999;margin-bottom:30px;}
#section01 .top-txt b { font-size:30px;}
#section01 .top-txt span { display:block;font-size:14px;font-weight:100;}
#section01 ul { display:block;width:100%;height:auto;border-top:1px solid rgba(255,255,255,.15)}
#section01  li { display:block;width:100%;height:auto;text-align:center;border-right:0}
#section01  li a {position:relative; display:block;height:100%;color:#fff;text-align:left;font-size:14px;transition: 0.3s;padding:15px ;border-bottom:1px solid rgba(255,255,255,.15)}
#section01  li a p { position:relative;;bottom:0;display:block;width:auto;;transition: 0.3s}

#section01  li a:hover { background:url(../img/main/main-01-01on.jpg) no-repeat 0 0;background-size:cover;transition: 0.3s}
#section01  li a:hover p { bottom:40%;font-size:30px;font-weight:bold;padding-top:10px;border-top:5px solid #fff;letter-spacing:-2px;;transition: 0.3s}


}


#section02 {background:#f8f8f8  url(../img/main/main02-right-bg.jpg) no-repeat right 0;background-size:40% 100%}
#section02 .txt-box { vertical-align:middle;width:45%;margin-top:43px;}
#section02 .txt-box b { font-size:60px;color:#222222;display:block;margin-bottom:30px;}
#section02 .txt-box p { display:block;color:#222;font-size:20px;line-height:35px;font-weight:300;margin-bottom:90px;}
#section02 .txt-box a { width:50%;height:60px;line-height:60px;display:block;padding-left:25px;border-bottom:1px solid #dadada;font-size:18px;color:#222}
#section02 .txt-box a:hover { color:#fff;border-bottom:1px solid #0068b7;background:#0068b7;}
#section02 .right-box { position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) ;margin-left:250px;width:500px;background:url(../img/main/main02-box.jpg) no-repeat center center;background-size:cover;box-shadow: 15px 15px 15px 15px rgba(0,0,0,.2);padding:60px 50px;color:#fff;box-sizing:border-box;margin-top:43px;}
#section02 .right-box  p { font-size:45px;font-weight:300;line-height:50px;}
#section02 .right-box  p:after { content:'';display:block;width:35px;height:3px;background:#fff;margin:20px 0;}
#section02 .right-box span { font-size:18px;font-weight:300;line-height:30px;width:90%;display:block;}
#section02 .right-box a { display:block;font-size:16px;margin-top:45px;color:#fff;font-weight:300;}
#section02 .right-box a img { vertical-align:middle;margin-left:10px;}



@media screen and (max-width:1000px){
#section02 {background:#f8f8f8  url(../img/main/main02-right-bg.jpg) no-repeat right 0;background-size:20px 0;height:auto!important;}
#section02 .txt-box { vertical-align:middle;width:100%;padding-top:0;margin-top:0;}
#section02 .txt-box b { font-size:20px;color:#222222;display:block;margin-bottom:15px;padding-top:15px;}
#section02 .txt-box p { display:block;color:#222;font-size:14px;line-height:20px;font-weight:300;margin-bottom:30px;}
#section02 .txt-box a { box-sizing:border-box;width:100%;height:40px;line-height:40px;display:block;padding-left:25px;border-bottom:1px solid #dadada;background:url(../img/main/main02-arr-off.png) no-repeat 90% center;font-size:14px;color:#222}
#section02 .txt-box a:hover { color:#fff;border-bottom:1px solid #0068b7;background:#0068b7 url(../img/main/main02-arr-on.png) no-repeat 90% center;}
#section02 .right-box { position:relative;;top:0;left:0;transform:none;margin-left:0;width:100%;background:url(../img/main/main02-box.jpg) no-repeat center center;background-size:cover;box-shadow:none;padding:20px;color:#fff;box-sizing:border-box;margin-top:20px;}
#section02 .right-box  p { font-size:20px;font-weight:300;line-height:30px;}
#section02 .right-box  p:after { content:'';display:block;width:35px;height:3px;background:#fff;margin:20px 0;}
#section02 .right-box span { font-size:14px;font-weight:300;line-height:20px;width:100%;display:block;}
#section02 .right-box a { display:block;font-size:14px;margin-top:20px;color:#fff;font-weight:300;}
#section02 .right-box a img { vertical-align:middle;margin-left:10px;}




}


#section03  { text-align:center;background:#f8f8f8;}
#section03 .tit { text-align:center;padding-top:43px;font-size:60px;font-weight:bold;display:block;color:#222;margin-bottom:5%;}
#section03 li { display:inline-block;width:30%;margin-right:4%;vertical-align:top;border:1px solid #ddd}
#section03 li:last-child { margin-right:0;}
#section03 li a  {display:block;height:560px;text-align:center;color:#fff ;font-size:30px;line-height:560px}
#section03 li:nth-child(1)  a{background:url(../img/main/main03-01-on.jpg) no-repeat 0 0;background-size:cover }
#section03 li:nth-child(2) a {background:url(../img/main/main03-02.jpg) no-repeat 0 0;background-size:cover }
#section03 li:nth-child(3) a{background:url(../img/main/main03-03.jpg) no-repeat 0 0;background-size:cover }
#section03 li a p { display:none;;}
#section03 li:nth-child(1)  a:hover{background:url(../img/main/main03-01-on.jpg) no-repeat 0 0;background-size:100% 40% }
#section03 li:nth-child(2)  a:hover{background:url(../img/main/main03-02.jpg) no-repeat 0 0;background-size:100% 40% }
#section03 li:nth-child(3)  a:hover{background:url(../img/main/main03-03.jpg) no-repeat 0 0;background-size:100% 40% }
#section03 li a:hover b {text-align:left;display:block; font-size:30px;color:#222222;font-weight:500;padding:55% 45px 0 ;box-sizing:border-box;margin-bottom:15px}
#section03 li a:hover { line-height:40px}
#section03 li a:hover p { display:block;font-size:17px;color:#666666;line-height:30px;text-align:left;margin-left:45px;padding-left:20px;background:url(../img/main/main03-icon.png) no-repeat 0 center;}

@media screen and (max-width:1000px){

#section03  { text-align:center;background:#f8f8f8;height:auto!important;}
#section03 .tit { text-align:center;padding-top:20px;font-size:20px;font-weight:bold;display:block;color:#222;margin-bottom:10px;}
#section03 li { display:inline-block;width:100%;margin-right:0%;vertical-align:top;border:1px solid #ddd;margin-bottom:15px;padding-bottom:25px;}
#section03 li:last-child { margin-right:0;}
#section03 li a  {display:block;height:auto;text-align:center;color:#fff ;font-size:16px;line-height:auto}
#section03 li:nth-child(1)  a{background:url(../img/main/main03-01-on.jpg) no-repeat 0 0;background-size:cover }
#section03 li:nth-child(2) a {background:url(../img/main/main03-02.jpg) no-repeat 0 0;background-size:cover }
#section03 li:nth-child(3) a{background:url(../img/main/main03-03.jpg) no-repeat 0 0;background-size:cover }
#section03 li a p { display:block;;}
#section03 li:nth-child(1)  a{background:url(../img/main/main03-01-on.jpg) no-repeat 0 0;background-size:100% 40% }
#section03 li:nth-child(2)  a{background:url(../img/main/main03-02.jpg) no-repeat 0 0;background-size:100% 40% }
#section03 li:nth-child(3)  a{background:url(../img/main/main03-03.jpg) no-repeat 0 0;background-size:100% 40% }
#section03 li a b {text-align:left;display:block; font-size:14px;color:#222222;font-weight:500;padding:40% 20px 0 ;box-sizing:border-box;margin-bottom:10px}
#section03 li a { line-height:20px}
#section03 li a p { display:block;font-size:14px;color:#666666;line-height:20px;text-align:left;margin-left:45px;padding-left:20px;background:url(../img/main/main03-icon.png) no-repeat 0 center;}

}


#section04{position:relative;background:#f8f8f8  url(../img/main/main04-bg.jpg) no-repeat left 0;background-size:50% 100%}
#section04 .txt-box { position:absolute;top:50%;transform:translateY(-50%) ;margin-left:55%;margin-top:43px;}
#section04 .txt-box b { color:#222;font-size:60px;font-weight:bold;display:block;margin-bottom:85px;}
#section04 .txt-box  p { display:block;font-size:23px;color:#222222;line-height:50px;text-align:left;padding-left:40px;background:url(../img/main/main04-icon.png) no-repeat 0 center;;font-weight:300;}
#section04 .txt-box  p  span { color:#006ad0;font-weight:500;}
.mobile { display:none!important;}
@media screen and (max-width:1000px){
.mobile { display:block!important;}
#section04{position:relative;background:none;background-size:450px auto;height:auto!important;}
#section04 .txt-box { position:relative;;top:0;transform:none ;margin-left:0%;margin-top:20px;;padding:0 15px;}
#section04 .txt-box b { color:#222;font-size:20px;font-weight:bold;display:block;margin-bottom:20px;}
#section04 .txt-box  p { display:block;font-size:14px;color:#222222;line-height:20px;text-align:left;padding-left:40px;background:url(../img/main/main04-icon.png) no-repeat 0 center;;font-weight:300;}
#section04 .txt-box  p  span { color:#006ad0;font-weight:500;}

}

#section05{position:relative;background:url(../img/main/main05-bg.jpg) no-repeat left 0;background-size:cover;color:#fff}
#section05 .txt-box { width:45%;margin-top:43px;vertical-align:middle;font-size:26px;line-height:38px;font-weight:300;}
#section05 .txt-box p{ font-size:55px;line-height:70px;font-weight:100;margin-bottom:50px;display:block;}
#section05 .banner-box{  position:absolute;;width:50%;right:0;top:50%;transform:translateY(-50%) ;margin-top:43px;}
#section05 .banner-box a {transition: 0.3s; position:relative;display:inline-block;width:48%;margin-right:3%;margin-bottom:20px;color:#fff;text-align:center;font-size:22px;line-height:28px;font-weight:300;height:270px;background-color:rgba(7,22,33,.4);border:1px solid rgba(255,255,255,.4);padding-top:175px;box-sizing:border-box}
#section05 .banner-box a:nth-child(2n)  { margin-right:0;}
#section05 .banner-box a:nth-child(1) { background:rgba(7,22,33,.4) url(../img/main/main05-icon01-off.png) no-repeat center 35px;padding-top:200px;}
#section05 .banner-box a:nth-child(2) { background:rgba(7,22,33,.4) url(../img/main/main05-icon02-off.png) no-repeat center 35px}
#section05 .banner-box a:nth-child(3) { background:rgba(7,22,33,.4) url(../img/main/main05-icon03-off.png) no-repeat center 35px}
#section05 .banner-box a:nth-child(4) { background:rgba(7,22,33,.4) url(../img/main/main05-icon04-off.png) no-repeat center 35px}

#section05 .banner-box a:hover:after { position:absolute;width:100%;height:100%;content:'';top:0;display:block;background:url(../img/main/main05-box-on.jpg) no-repeat left 0;background-size:cover;z-index:-1;transition: 0.3s}
#section05 .banner-box a:hover { font-weight:bold;transition: 0.3s;box-sizing:border-box}
#section05 .banner-box a:hover:nth-child(1) { background:rgba(7,22,33,.4) url(../img/main/main05-icon01-on.png) no-repeat center 35px;border:0}
#section05 .banner-box a:hover:nth-child(2) { background:rgba(7,22,33,.4) url(../img/main/main05-icon02-on.png) no-repeat center 35px;border:0}
#section05 .banner-box a:hover:nth-child(3) { background:rgba(7,22,33,.4) url(../img/main/main05-icon03-on.png) no-repeat center 35px;border:0}
#section05 .banner-box a:hover:nth-child(4) { background:rgba(7,22,33,.4) url(../img/main/main05-icon04-on.png) no-repeat center 35px;border:0}



@media screen and (max-width:1000px){
#section05{position:relative;background:url(../img/main/main05-bg.jpg) no-repeat left 0;background-size:cover;color:#fff;height:auto!important;}
#section05 .txt-box { width:100%;margin-top:20px;vertical-align:middle;font-size:14px;line-height:20px;font-weight:300;}
#section05 .txt-box p{ font-size:20px;line-height:30px;font-weight:100;margin-bottom:20px;display:block;}
#section05 .banner-box{ position:relative;;;width:100%;right:0;top:50%;transform:none ;margin-top:20px;}
#section05 .banner-box a {transition: 0.3s; position:relative;display:inline-block;width:100%;margin-right:0%;margin-bottom:20px;color:#fff;text-align:center;font-size:14px;line-height:20px;font-weight:300;height:auto;background-color:rgba(7,22,33,.4);border:1px solid rgba(255,255,255,.4);padding-top:90px;box-sizing:border-box;padding-bottom:20px;}
#section05 .banner-box a:nth-child(2n)  { margin-right:0;}
#section05 .banner-box a:nth-child(1) { background:rgba(7,22,33,.4) url(../img/main/main05-icon01-off.png) no-repeat center 35px;padding-top:90px;background-size:50px auto}
#section05 .banner-box a:nth-child(2) { background:rgba(7,22,33,.4) url(../img/main/main05-icon02-off.png) no-repeat center 35px;background-size:50px auto}
#section05 .banner-box a:nth-child(3) { background:rgba(7,22,33,.4) url(../img/main/main05-icon03-off.png) no-repeat center 35px;background-size:50px auto}
#section05 .banner-box a:nth-child(4) { background:rgba(7,22,33,.4) url(../img/main/main05-icon04-off.png) no-repeat center 35px;background-size:50px auto}

#section05 .banner-box a:hover:after { position:absolute;width:100%;height:100%;content:'';top:0;display:block;background:url(../img/main/main05-box-on.jpg) no-repeat left 0;background-size:cover;z-index:-1;transition: 0.3s}
#section05 .banner-box a:hover { font-weight:bold;transition: 0.3s;box-sizing:border-box}
#section05 .banner-box a:hover:nth-child(1) { background:rgba(7,22,33,.4) url(../img/main/main05-icon01-on.png) no-repeat center 35px;border:0}
#section05 .banner-box a:hover:nth-child(2) { background:rgba(7,22,33,.4) url(../img/main/main05-icon02-on.png) no-repeat center 35px;border:0}
#section05 .banner-box a:hover:nth-child(3) { background:rgba(7,22,33,.4) url(../img/main/main05-icon03-on.png) no-repeat center 35px;border:0}
#section05 .banner-box a:hover:nth-child(4) { background:rgba(7,22,33,.4) url(../img/main/main05-icon04-on.png) no-repeat center 35px;border:0}



}

#section06 { background:#eee;}
#section06 .tit  { text-align:center;padding-top:43px;font-size:60px;font-weight:bold;display:block;color:#222;margin-bottom:5%; text-transform:uppercase;}
#section06 .txt-box { width:40%;display:inline-block;vertical-align:middle;margin-left:10%;}
#section06 .txt-box b { font-size:24px;display:block;padding-top:70px;}
#section06 .txt-box { width:30%;display:inline-block;vertical-align:middle;}
#section06 .txt-box p { display:block;padding-bottom:40px;font-weight:300;font-size:16px;line-height:38px;}
#section06 .write-box { width:50%;display:inline-block;vertical-align:middle;float:right;padding:50px 65px;background:#fff;box-shadow: 15px 15px 15px 15px rgba(0,0,0,.2);box-sizing:border-box}
#section06 .write-box th { text-align:left;font-size:18px;text-align:left;padding-bottom:10px;font-weight:400;}
#section06 .write-box  td { padding-bottom:10px;}
#section06 .write-box  td input[type=text]{ display:block;width:100%;height:50px;line-height:50px;border:1px solid #000;background:#fff;margin:0;}
#section06 .write-box  td input[type=button] { height:60px;line-height:60px;background:#000;margin-top:15px;text-align:center;border:0;font-size:25px;width:100%;color:#fff;font-weight:500;}


@media screen and (max-width:1000px){


#section06 { background:#eee;padding-bottom:30px;}
#section06 .tit  { text-align:center;padding-top:20px;font-size:25px;font-weight:bold;display:block;color:#222;margin-bottom:5%; text-transform:uppercase;}
#section06 .txt-box { width:30%;display:inline-block;vertical-align:middle;margin-left:0;}
#section06 .txt-box  b { font-size:16px;display:block;padding-top:10px;}
#section06 .txt-box { width:100%;display:inline-block;vertical-align:middle;}
#section06 .txt-box p { display:block;padding-bottom:20px;font-weight:300;font-size:14px;line-height:20px;}
#section06 .write-box { width:100%;display:inline-block;vertical-align:middle;float:none;padding:20px;background:#fff;box-shadow:none;box-sizing:border-box;margin-top:20px;}
#section06 .write-box th { text-align:left;font-size:14px;text-align:left;padding-bottom:5px;font-weight:400;}
#section06 .write-box  td { padding-bottom:10px;}
#section06 .write-box  td input[type=text]{ display:block;width:100%;height:40px;line-height:40px;border:1px solid #000;background:#fff;margin:0;}
#section06 .write-box  td input[type=button] { height:40px;line-height:40px;background:#000;margin-top:10px;text-align:center;border:0;font-size:16px;width:100%;color:#fff;font-weight:500;}
.fp-auto-height { height:auto!important;}

}