@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700');

*{margin:0; padding:0;}
body,html{width:100%; word-break:break-all;  font-size: 1em; line-height: 1.5;
	font-family: 'Roboto', sans-serif; color:#333;}
a{text-decoration: none; color:inherit; }
img{border:0;}
div{height:auto;}
h1,h2,h3,h4,h5,h6{margin:0;}
input{outline-style:none; border-radius:0px 0px; -webkit-appearance:none;}
ul, menu, dir{ display: block; list-style-type: none;}
.clear{clear:both;}
.clear_25px{clear:both; height: 25px;}
.on{color:#1358a5 !important; font-weight: bold;}


@media only screen and (max-width: 1199px) {
img{max-width:100%;}
#wrap01{clear: both; width: 100%; display: block; margin:0 auto;width: 100%;}
#wrap02{display:none;width: 100%;}
#header_m{position:relative; padding-top:11px; width:100%; margin:0 auto;}
.logo_m{text-align:center; padding-bottom:11px;}
.callcenter_m{position:absolute; left:10px; top:20px;}
.more_list{position:absolute; right:10px; top:20px; z-index:999;}

.menu_list_m{clear:both; position:relative; z-index:999; margin:0 auto; width:100%; margin-top: 10px; text-indent:10px;background:#eee; border-top:1px solid #ccc;}
.menu_list_m li{ font-size:14px; font-weight: bold; border-bottom:1px solid #ddd;}
.menu_list_m li a{display:block; padding:10px 0;}
.menu_list_m li a img{padding-right:5px;}
.list_btn_m:link{color:#494949; text-decoration:none; font-size:13px; font-weight:bold}
.list_btn_m:hover{color:#1358a5; text-decoration:underline}
.visual_m{position:relative; margin:0 auto; }
.btn_visual{position:absolute; padding:357px 0 0 303px;}
.btn_visual li{float:left; margin-right:1px}

#content_m{margin:0 auto; }
.system_m{margin:20px auto; font-weight:bold; font-size:20px; text-align: center;}
.system_m p{font-size:12px; color:#7b7b7b}
.icon_list_m{text-align: center;}
.img_size{width:70%}

.portfolio_m{margin:50px auto;}
.por_box_m{text-align:center; padding:10px;}
.view_btn_m{background:#1358a5; font-size: 14px; padding:5px; color:#fff; position: relative; left:10px;}
.por_box_m h3{margin:10px 0;}
.portfolio_m ul{margin:10px 0;}
.portfolio_m li{text-align: center;}
.portfolio_m li p{margin:10px 0 30px;}
[class^="port_list0"]{display:inline-block; width:290px; height:190px;}
[class^="port_list0"]:hover{background-position:0 -200px;}
.port_list01_m{background:url(../images/port_01.jpg) no-repeat;}
.port_list02_m{background:url(../images/port_02.jpg) no-repeat;}
.port_list03_m{background:url(../images/port_03.jpg) no-repeat;}
.port_list04_m{background:url(../images/port_04.jpg) no-repeat;}
.port_list05_m{background:url(../images/port_05.jpg) no-repeat;}
.port_list06_m{background:url(../images/port_06.jpg) no-repeat;}
.port_list07_m{background:url(../images/port_07.jpg) no-repeat;}
.port_list08_m{background:url(../images/port_08.jpg) no-repeat;}
.width_mar{ text-align:center;}

.callcenter_box_m{clear:both; margin:50px auto; background:url(../images/line.png) no-repeat; background-size:100%; padding-top:30px; text-align: center;}
.line_m{ line-height:23px}
.phone_m{clear:both;}
.mail_m{clear:both;}
.homepage_m{clear:both;}
.btn_color{color:#909090 !important; text-decoration:underline;}
.btn_color:hover{color:#535353 !important; font-weight:bold; text-decoration:underline;}

#footer_m{display:block; background:#303030; text-align:center; font-size:12px; padding:15px 0; margin-top: 30px; color:#fff;}
.footer_a{padding:0 10px;}




/*sub*/
.sub_con{padding:5px; box-sizing: border-box;}
.sub_con img{display:block; margin:0 auto; }
.title{padding:10px 0; margin:0 auto; border-bottom:1px solid #d2d2d2; clear:both; }
.inner_title{margin:20px 0 10px; font-weight:bold; padding:0 0 0 20px; background:url(../images/1000/dot.gif)no-repeat 0 15px;}
.center_title{margin:30px 0;text-align: center;}
.sub_text{margin:10px 0 30px;}
.stick_F{background:url(../images/stick.gif)no-repeat 0 1px; padding:0 1px 0 0; margin:0 5px;}
.pat_box{border:1px solid #d2d2d2; padding:10px; font-size:10pt}

.icon_0401{margin:0 auto; text-align:center; height:auto;}
.icon_0401 li{display: inline-block; width:200px;}
.icon_0401 li p{margin-top:10px; font-size: 14px;}
.map_btn{display:block;background:#fff; color:#1358a5; border:1px solid #1358a5; width:300px; padding:10px 0; margin:0 auto; text-align:center; margin-top:20px}
.map_btn:hover{ background:#1358a5; color:#fff;}

/*02*/
.sub_list{clear:both;}
.sub_list li{float:left; font-weight:400;  width:33.3%; font-size:13px;text-align:center; box-sizing: border-box; }
.sub_list li a{display:block; background:#285790; color:#fff; padding:10px 0;border:1px solid #285790; border-top:1px solid #fff;border-right:1px solid #fff;}
.list_on{background:#fff!important;color:#285790!important; border:1px solid #258790; font-weight:600;}
.top_up{clear:both; display: block; text-align: center; width:100px; padding:10px; margin:0 auto;}
.sub021_list{text-align: center;}
.sub021_list li{ margin:0 10px 20px;}

.page_bar{clear:both; width:100%; text-align: center; margin:20px 0 50px;}
.page_bar li{display:inline-block; margin:0 5px;}
.page_bar li:after{display:inline-block;color:#ccc; content:"|"; margin-left:15px; font-size:14px;}
.page_bar li:last-child:after{content:"";}


/* nfcqr0301 */
#content_m_0301{margin:0 1%;}
.f_0301_m{color:#eb7879;}
.video_0301_m{margin:0 auto;}
.video_0301_f_01_m{text-align:center; font-size:18pt; margin-top:35px;}
.video_0301_f_02_m{text-align:center; font-size:10pt; margin:10px 0 20px 0;}
.icon4_0301_m{width:100%; margin:0 auto;}
.icon4_0301_left_m{float:left; width:24%;}
.icon4_0301_cen_m{float:left; padding:0 0 10% 1%;  width:24%;}
.box_small_0301_m{background:url(../images/1000/box_small.gif)no-repeat 0 7px; padding-left:5px; font-size:80%}
.title_0301_m{text-align:center; font-size:12pt; font-weight:bold; padding-top:10px; margin-bottom:10px;}
.icon4_0301_cen_m dt{text-align:center}
.icon4_0301_left_m dt{text-align:center}



}






@media only screen and (min-width: 1200px) {
#wrap01{display:none;}
#wrap02{clear: both; margin-left: 0; width: 100%; display: block; margin:0 auto;}
#header{ width:100%;  height:120px; box-shadow:0 0 5px #bbb;}
.hd_wrap{width:100%; max-width:1200px;margin:0 auto;}
.lang{clear:both; float:right;}
.lang li{float:left; font-size:10px; margin-right:5px;}
.lang li img{ width:15px; margin:5px 5px 0 0;}
.logo{float:left; margin-top:15px;}
.callcenter{float:left; padding:35px 0 0 20px;}
.menu_list{float:right; line-height:100px;}
.menu_list li{float:left; padding:0 0 0 60px;}
.menu_list li a{font-weight:500; font-size:18px}
.menu_list li a:hover{border-bottom: 3px solid #1358a5;}


#contents{margin:0 auto; max-width:1200px; width:100%;}
.visual{position:relative; margin:0 auto; clear:both;}
.visual img {width:100%;}
.btn_visual{position:absolute; padding:357px 0 0 303px;}
.btn_visual li{float:left; margin-right:1px}

.icon_con{width:1200px; height:210px; margin:0 auto; background:url(../images/line.png) no-repeat 0 209px;}
.icon_5{width:100%; margin:70px auto; clear:both; overflow:hidden; height:auto; text-align: center;}
.icon_5 li{display: inline-block; width:160px; font-size: 14px;}
.icon_5 li img{padding-bottom:20px;}
.icon_5 li a{display: block;}
.icon_5 li a:hover{color:#1358a5; font-weight:600;}

.portfolio{clear:both; max-width:1200px; margin:50px auto 0; text-align: center; font-size:14px;}
.por_box h3{margin:20px 0 10px; font-size:30px;}
.view_btn{font-size:14px;background:#1358a5; color:#fff; padding:5px; position: relative; left:20px;}
.view_btn:hover{background:#555;}
.portfolio ul{width:100%;}
.portfolio li{display: inline-block; margin:20px 0 0 0; text-align: center;}
.portfolio li:nth-child(3n-2){clear:both;}
.portfolio li:nth-child(3n-1){margin:20px 30px 0;}
.portfolio li p{margin-top: 10px;}
[class^="port_list"]{display:inline-block; width:290px; height:190px;}
[class^="port_list"]:hover{background-position:0 -200px;}
.port_list01{background:url(../images/port_01.jpg) no-repeat;}
.port_list02{background:url(../images/port_02.jpg) no-repeat;}
.port_list03{background:url(../images/port_03.jpg) no-repeat;}
.port_list04{background:url(../images/port_04.jpg) no-repeat;}
.port_list05{background:url(../images/port_05.jpg) no-repeat;}
.port_list06{background:url(../images/port_06.jpg) no-repeat;}
.port_list07{background:url(../images/port_07.jpg) no-repeat;}
.port_list08{background:url(../images/port_08.jpg) no-repeat;}
.port_list09{background:url(../images/port_09.jpg) no-repeat;}
.port_list10{background:url(../images/port_10.jpg) no-repeat;}
.port_list11{background:url(../images/port_11.jpg) no-repeat;}
.port_list12{background:url(../images/port_12.jpg) no-repeat;}
.port_list13{background:url(../images/port_13.jpg) no-repeat;}

.callcenter_box{clear:both; width:1200px; margin:50px auto; background:url(../images/line.png) no-repeat; padding-top:50px; text-align: center;}
.callcenter_box ul{width:100%; overflow:hidden; height: auto; margin-top:30px; text-align: center;}
.callcenter_box ul li{display: inline-block;}
.phone{background:url(../images/foo_phone.jpg) no-repeat; padding:4px 0 0 35px; height:30px; margin-right:20px}
.mail{background:url(../images/foo_mail.jpg) no-repeat; padding:4px 0 0 35px; height:30px; margin-right:20px}
.homepage{background:url(../images/foo_home.jpg) no-repeat; padding:4px 0 0 35px; height:30px}

#footer{clear:both;background:#e9e9e9; height:165px; margin-top:50px;}
.ft_wrap{width:1200px; margin:0 auto;}
.site{clear:both; padding:30px 0 0;}
.site li{float: left; font-size:13px; font-weight:bold; color:#888;}
.site li:after{content:"|"; margin:0 5px;}
.site li:last-child:after{content:"";}
.copy{clear:both; padding:20px 0 0;}
.copy li{float: left; font-size:14px; color:#555;}
.copy li:after{content:"|"; margin:0 5px;}
.copy li:last-child:after{content:"";}


/*sub*/
.sub_con img{display:block; margin:0 auto;}
.title{padding:10px 0; margin:0 auto; border-bottom:1px solid #d2d2d2; font-size:30px; clear: both;}
.inner_title{clear: both; margin:20px 0 10px; font-size:18pt; font-weight:bold; padding:0 0 0 20px; background:url(../images/1000/dot.gif)no-repeat 0 15px;}
.center_title{margin:30px 0;text-align: center;}
.sub_text{margin:10px 0 30px;}
.stick_F{background:url(../images/stick.gif)no-repeat 0 1px; padding:0 1px 0 0; margin:0 5px;}
.pat_box{border:1px solid #d2d2d2; padding:10px; font-size:10pt}


.icon_0401{margin:0 auto; text-align:center; height:auto;}
.icon_0401 li{display: inline-block; width:200px;}
.icon_0401 li p{margin-top:10px; font-size: 14px;}
.map_btn{display:block;background:#fff; color:#1358a5; border:1px solid #1358a5; width:300px; padding:10px 0; margin:0 auto; text-align:center; margin-top:20px}
.map_btn:hover{ background:#1358a5; color:#fff;}


/*02*/
.sub_list li{float:left;font-weight:bold;   width:20%;  margin-top:20px; text-align:center;}
.sub_list li:nth-child(3){width:28%}
.sub_list li:nth-child(5){width:12%}
.list_on{ border-bottom:5px solid #285790; color:#285790;}
.top_up{clear:both; display: block; text-align: center; width:100px; padding:10px; margin:0 auto;}
.sub021_list{text-align: center; margin: 0 auto; width: 880px;}
.sub021_list li{margin: 10px 10px 50px;float: left;}

.page_bar{clear:both;width:100%; text-align: center; margin:30px 0;}
.page_bar li{display:inline-block; margin-right:5px;}
.page_bar li:after{display:inline-block;color:#ccc; content:"|"; margin-left:10px; font-size:14px;}
.page_bar li:last-child:after{content:"";}



/**nfc0301*/
#contents_0301_1000{height:1130px}
.f_0301{color:#eb7879;}
.video_0301{width:760px;; margin:0 auto;}
.video_0301_f_01{text-align:center; font-size:18pt; margin-top:40px;}
.video_0301_f_02{text-align:center; font-size:10pt; margin:10px 0 20px 0;}
.icon4_0301{margin:0 auto;}
.icon4_0301_left{float:left;}
.icon4_0301_cen{float:left; padding-left:89px}
.box_small_0301{background:url(../images/1000/box_small.gif)no-repeat 0 7px; margin-left:15px; padding-left:8px;}
.title_0301{text-align:center; font-size:15pt; font-weight:bold; padding-top:10px; margin-bottom:10px;}


}