/* wrap */
#wrap {position:relative; width:100%; height:100%;}
.wrapper {position:relative; width:100%; /*max-width:1280px;*/ height:auto; margin:0 auto;}
.flexible { margin: 0 auto; text-align: left; width: 1280px; }	 
.flexible02 { position:relative; margin: 0 auto; text-align: left; width: 1280px; }	 
.sub {border-top:1px solid #ccc; padding-top:80px}
/* header */
#header {position:relative; width:100%; height:79px;}
#header header {height:79px;}
#header h1 {position:relative; float:left; margin:17px 0 0 20px ; } 
#header h1 > a > img { vertical-align:middle;}

#naviWrap{float:right; width:550px; padding:35px 20px 0 20px; z-index:100;}
#naviWrap > #mnu_open {position:absolute; right:0; top:0;} 
#naviWrap > .lnb li{float:left; display:inline; width:25%; text-align:center;}
#naviWrap > .lnb li a{font-size:17px;}

.main #container {position:relative; }
.main #container .main_visual_mobile {display:none;}  
.main #container .main_visual {display:block;}

.main #container .main_visual {width:100%; height:888px; background: #ddeef9 url("../img/visual_main2.jpg") no-repeat scroll center 0;}
.main #container .main_visual img {width:100%; height:auto;}

.slogan {padding-top:562px;}
.slogan .txt01{font-size:22px; text-align:center; color:#003366;}
.slogan .txt02{font-size:48px; text-align:center; color:#003366; font-weight:700;}

#container .con_01 {max-width:1280px; overflow:hidden; padding:80px 0; margin:0 auto;}
#container h2 {font-size:38px; font-weight:bold;text-align:center; width:100%; line-height:130%;padding:0; margin:0;}
#container .tit_s{color:#999; font-size:18px; text-align:center; padding:0;  letter-spacing:0;}
#container .msg { margin-top:20px; font-size:16px;text-align:center; font-weight:bold; width:81%; margin:40px auto; color:#555; line-height:170%;}

#container .con_01 .introduce {background: #fff url("../img/bg_company.jpg") no-repeat scroll 100% 0; height:500px; margin-top:80px;padding-top:120px; }
#container .con_01 .introduce ul {overflow:hidden; width:50%}
#container .con_01 .introduce ul li{color:#666;  line-height:200%;font-size:16px; background: #fff url("../img/ico_dot.png") no-repeat scroll 0 13px; padding-left:18px;}

#container .con_02 {width:100%; border-top:1px solid #ccc; overflow:hidden; padding:80px 0; margin:0 auto; margin-bottom:40px;}

#container .con_03 {overflow:hidden; margin-top:40px;width:100%; border-bottom:1px solid #ccc; border-top:1px solid #ccc; padding:40px 0;}

#container .con_03 .wrap_con03 {width:100%; overflow:hidden;background-color:#185496;  height:880px; padding:40px 0; margin-top:40px;}
#container .con_03 .wrap_con03 p {width:100%;  text-align:center;}
#container .con_04 { overflow:hidden; height:auto; margin-top:80px; width:100%;}



.img_center {text-align:center; padding:80px 0; }

.wrap_item {width:1280px; margin-top:80px; margin:0 auto;}
.wrap_item > div {width:22%; float:left; height:485px; border-radius:6px; padding:200px 20px 0 20px;}
.wrap_item > div h3{text-align:center; font-size:24px; font-weight:normal; line-height:130%;margin-bottom:20px;}
.wrap_item > div h3 ul{ overflow:hidden; }

.wrap_item > div ul li{color:#666;  line-height:140%;font-size:14px; background:  url("../img/ico_dash.png") no-repeat scroll 0 20px; padding:7px 0 0 12px;}


.wrap_item .item_01{background:#eeeff0 url("../img/bg_top_01.jpg") no-repeat scroll 50% 0; margin-right:3%;}
.wrap_item .item_01 h3{width:90%;}
.wrap_item .item_02{background:#eeeff0 url("../img/bg_top_02.jpg") no-repeat scroll 50% 0; margin-right:3%;}
.wrap_item .item_02 h3{width:90%;}
.wrap_item .item_03{background:#eeeff0 url("../img/bg_top_03.jpg") no-repeat scroll 50% 0; margin-right:3%;}
.wrap_item .item_03 h3{width:90%;}
.wrap_item .item_04{background:#eeeff0 url("../img/bg_top_04.jpg") no-repeat scroll 50% 0; margin-right:0;}



.location{width:100%; margin-top:30px;}
.wp100{width:100% !important;}

.traffic {width:1280px; overflow:hidden; margin:80px auto;}
.traffic dl{overflow:hidden; width:33%; float:left; height:380px;}
.traffic dl dt{font-size:24px; text-align:center; padding-top:100px !important;}
.traffic dl dd ul {margin-top:20px; margin-left:100px;}

.traffic .tf_01	dt {background: url("../img/ico_subway.gif") no-repeat scroll 50% 0; }
.traffic .tf_02	dt {background: url("../img/ico_bus.gif") no-repeat scroll 50% 0; }
.traffic .tf_03	dt {background: url("../img/ico_car.gif") no-repeat scroll 50% 0; }

.traffic dl dd ul li{color:#666;  line-height:200%;font-size:16px; background: #fff url("../img/ico_dot.png") no-repeat scroll 0 13px; padding-left:18px;}
.wrap_footer {position:relative; clear:both; padding:40px; background-color:#666666;  overflow:hidden; }
.footer {  color:#fff; letter-spacing:0; font-size:14px; line-height:170%; font-weight:normal;}
.footer span {padding:0 5px; color:#f0efef; line-height:110%;}
.wrap_footer .go_privacy {position:absolute; right:20px; top:40px;}
.wrap_footer .go_privacy a{display:block; color:#fff; background:#333 url("../img/ico_rock.png") no-repeat scroll 17px 13px; padding:10px 20px 10px 40px; border:1px solid #333; border-radius:5px; }

#container .con_03 h3 {text-align:center; font-size:28px; color:#ee1e64; padding:30px 0 10px 0;}
#container .con_03 h4.tit_h4 {text-align:center; font-size:22px; color:#555; padding:10px 30px; }

.wrap_item02 {width:1280px; margin-top:80px; margin:20px auto;}
.wrap_item02 > dl {width:22%; float:left; height:326px; border-radius:6px; padding:20px 0; }
.wrap_item02 > dl dd{height:245px; background-color:#fff; border-radius:3px; font-size:15px; padding:20px 25px; margin-top:20px; }
.wrap_item02 > dl dd ul li{padding:5px 0 5px 10px; color:#555;background: #fff url("../img/ico_gray.png") no-repeat scroll 0 13px; }

.wrap_item02 > dl.item_0201  {background-color:#fa7849; border:2px solid #fa7849;margin-right:3%;}
.wrap_item02 > dl.item_0201 dt {font-size:25px; text-align:center; color:#fff;}

.wrap_item02 > dl.item_0202  {background-color:#f49f14; border:2px solid #f49f14;margin-right:3%;}
.wrap_item02 > dl.item_0202 dt {font-size:25px; text-align:center; color:#fff;}

.wrap_item02 > dl.item_0203  {background-color:#008676; border:2px solid #008676;margin-right:3%;}
.wrap_item02 > dl.item_0203 dt {font-size:25px; text-align:center; color:#fff;}

.wrap_item02 > dl.item_0204  {background-color:#005789; border:2px solid #005789;}
.wrap_item02 > dl.item_0204 dt {font-size:25px; text-align:center; color:#fff;}

.wrap_box {overflow:hidden; width:.wrap_item > div h3 {font-size:1.2em;}; margin:40px auto; /*border:1px dashed #ccc;*/ padding:40px; text-align:left; }
.wrap_box h3 {font-size:17px !important; color:#009999 !important;text-align:left !important; margin-top:40px !important;}
.wrap_box p {padding:10px 0; font-size:15px;}
.wrap_box .depth_01 {margin:10px 0 0 10px;}
.wrap_box .depth_01 li  {padding:5px 0 5px 10px; color:#555;background: #fff url("../img/ico_gray.png") no-repeat scroll 0 13px; }
.wrap_box .ul_none {margin:10px 0 0 10px;}


@media all and (max-width: 1023px) {
#header {height:120px;}
#container {padding:2%;}
#container .con_01 .introduce { height:auto;}
#container .con_01 .introduce ul {width:100%;}
.img_center img {width:100%;}
#container .con_03 .wrap_con03 p img{width:100%;}
#container .con_01 .introduce {padding-top:0 !important;}

.main_visual {display:none !important;}
.main_visual_mobile {display:block !important;}
.main_visual_mobile img{width:100%;}

#container .con_03 .wrap_con03 {height:auto;}

.wrap_item, .wrap_item02 {width:98%;}
.wrap_item > div {width:48%; margin-bottom:20px;}
.wrap_item > div h3 {font-size:1.2em;}
.wrap_item02 dl {width:48%; margin-bottom:20px;} 
.wrap_item02 > dl dd ul li {font-size:0.98em;}
.traffic {width:98%;}
.traffic dl dd ul {margin-left:20px;}
.wrap_item .item_02 {margin-right:0;}
.wrap_item02 > dl.item_0202	{margin-right:0;}
}

@media all and (max-width: 890px) {
#container .con_01 .introduce {background-size:50%;}
#header header {height:auto;}  
#naviWrap {width:100%; float:left; margin-bottom:20px; }  

}

@media all and (max-width: 680px) {
 .wrap_footer {padding-bottom:60px;}
.wrap_footer .go_privacy {top:120px;}
}

@media all and (max-width: 480px) {
#container .con_01 .introduce {background-image:none; height:auto;}
#naviWrap {width:100%;}
.wrap_item > div {width:98%; margin:20px auto;}
.wrap_item02 dl {width:98%; margin:20px auto;}
.traffic dl {width:80%;margin:0 auto;}
.wrap_item02 > dl.item_0201, .wrap_item02 > dl.item_0202, .wrap_item02 > dl.item_0203 {margin-right:0 !important;}

#container h2 {font-size:28px;}
.wrap_footer {padding-bottom:60px;}
.wrap_footer .go_privacy {top:170px;}
}

video {  
   width:100%; 
   max-width:850px; 
   height:auto; 
}