@charset "UTF-8";



/* --------------------------------
	.cover
-------------------------------- */
.cover__bg { height: 472px; background: no-repeat center top; background-size: cover; }
.cover__content { margin: 0 auto; width: 1000px; }
.cover__h { height: auto; }

#cover_01 { background-image: url(../img/index/cover_01_bg_l.jpg); }
#cover_01 .cover__h { width: 397px; padding: 163px 0 0 544px; }
#cover_01 .cover__catch { padding: 22px 0 0 547px; font-size: 34px; color: #fff; line-height: 1; }
#cover_01 .cover__btn { width: 163px; padding: 50px 0 119px 549px; }
#cover_02 { background-image: url(../img/index/cover_02_bg_l.jpg); }
#cover_02 .cover__h { width: 384px; padding: 110px 0 0 545px; }
#cover_02 .cover__btn { width: 163px; padding: 49px 0 128px 549px; }
#cover_03 { background-image: url(../img/index/cover_03_bg_l.jpg); }
#cover_03 .cover__h { width: 512px; padding: 182px 0 0 77px; }
#cover_03 .cover__btn { width: 163px; padding: 42px 0 128px 77px; }

/* bxslider */
.bx-wrapper { margin-bottom: 0; }
.bx-wrapper .bx-viewport { left: 0; border: 0; background: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none; }
.bx-wrapper .bx-controls-direction a { margin-top: -22px; width: 24px; height: 44px; z-index: 100; }
.bx-wrapper .bx-prev { left: 50%; margin-left: -500px; background: url(/prdct/telecom/common/img/slider_arw_l_l.png) no-repeat left top; }
.bx-wrapper .bx-prev:hover { background-position: 0 0; opacity: 0.7; filter: alpha(opacity=70); }
.bx-wrapper .bx-next { right: 50%; margin-right: -500px; background: url(/prdct/telecom/common/img/slider_arw_r_l.png) no-repeat right top; }
.bx-wrapper .bx-next:hover { background-position: 0 0; opacity: 0.7; filter: alpha(opacity=70); }
.bx-wrapper .bx-pager { bottom: 30px; padding-top: 0; }
.bx-wrapper .bx-pager.bx-default-pager a { margin: 0 6px; width: 12px; height: 12px; background: #fff; }
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active { margin: 0 3px; background: #fff; border: 3px #cc3333 solid;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}


@media only screen and (max-width: 640px){
.cover__bg { height: auto; min-height: 345px; }
.cover__content { width: auto; }
.cover__h { margin: 0 auto; }
.cover__catch { margin: 0 auto; }
.cover__btn { margin: 0 auto; }
.cover__note { margin: 0 auto; }

#cover_01 { background-image: url(../img/index/cover_01_bg_s.jpg); }
#cover_01 .cover__h { width: 73.1%; padding: 23% 0 0; }
#cover_01 .cover__catch { width: 100%; padding: 4% 0 0 0; font-size: 20px; text-align: center; }
#cover_01 .cover__btn { width: 50.6%; padding: 12% 0 27%; }
#cover_01 .cover__note { width: 50.6%; padding: 2% 0 18% 0; }
#cover_02 { background-image: url(../img/index/cover_02_bg_s.jpg); }
#cover_02 .cover__h { width: 61.5%; padding: 23.5% 0 0; }
#cover_02 .cover__btn { width: 50.6%; padding: 9.8% 0 23%; }
#cover_03 { background-image: url(../img/index/cover_03_bg_s.jpg); }
#cover_03 .cover__h { width: 90.6%; padding: 23.7% 0 0; }
#cover_03 .cover__btn { width: 50.6%; padding: 8.4% 0 23%; }

/* bxslider */
.bx-wrapper .bx-controls-direction a { margin-top: -11px; width: 12px; height: 22px; }
.bx-wrapper .bx-prev { left: 15px; margin-left: 0; background-size: 12px 22px; }
.bx-wrapper .bx-prev:hover { opacity: 1; filter: alpha(opacity=100); }
.bx-wrapper .bx-next { right: 15px; margin-right: 0; background-size: 12px 22px; }
.bx-wrapper .bx-next:hover { opacity: 1; filter: alpha(opacity=100); }
.bx-wrapper .bx-pager { bottom: 15px; }
.bx-wrapper .bx-pager.bx-default-pager a { margin: 3px 6px; width: 9px; height: 9px; }
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active { margin: 0 3px; }
}

/* --------------------------------
	#location
-------------------------------- */
#location { position: relative; background: #f6f6f6; }
#location:after { content: ""; position: absolute; top: 0; right: 0; width: 50%; height: 576px; background: #e4e4e4; z-index: 1; }
.location__bg { position: relative; height: 576px; background: url(../img/index/loc_bg.jpg) no-repeat center top; z-index: 2; }
.location__content { margin: 0 auto; width: 900px; }
.location__h { padding: 45px 0 0; font-size: 30px; }
.location__h span { font-size: 20px; }
.location__inner { position: relative; margin: 37px 0 0; height: 448px; background: url(../img/index/loc_map_l.png) no-repeat center top; }
.location__item { position: absolute; top: 0; left: 0; }
.location__item.item_01 { top: 100px; left: 83px; width: 111px; }
.location__item.item_02 { top: 150px; left: 83px; width: 98px; }
.location__item.item_04 { top: 117px; left: 327px; width: 102px; }
.location__item.item_05 { top: 137px; left: 444px; width: 126px; }
.location__item.item_06 { top: 173px; left: 738px; width: 126px; }
.location__item.item_07 { top: 213px; left: 108px; width: 110px; }
.location__item.item_08 { top: 273px; left: 189px; width: 90px; }
.location__item.item_09 { top: 220px; left: 266px; width: 128px; }
.location__item.item_10 { top: 323px; left: 189px; width: 95px; }
.location__item.item_11 { top: 124px; left: 695px; width: 102px; }

@media only screen and (max-width: 640px){
#location { position: relative;
background: #ffffff;
background: -webkit-gradient(linear, left top, left bottom, color-stop(80%,#ffffff), color-stop(100%,#e9e9e9));
background: -webkit-linear-gradient(top, #ffffff 80%,#e9e9e9 100%);
background: -moz-linear-gradient(top, #ffffff 80%, #e9e9e9 100%);
background: linear-gradient(to bottom, #ffffff 80%,#e9e9e9 100%);
}
#location:after { position: static;width: auto; height: auto; background: none; }
.location__bg { height: auto; background: none; }
.location__content { width: auto; padding: 0 15px; }
.location__h { padding: 30px 0 0; font-size: 23px; }
.location__inner { position: relative; margin: 4.31% auto; padding: 20px 0; width: 290px; height: 180px; background: url(../img/index/loc_map_s.png) no-repeat center top; background-size: 290px 145px; }
.location__item .btn a { font-size: 10px; }
.location__item.item_01 { top: 25px; left: 0; width: 68px; }
.location__item.item_02 { top: 60px; left: 0; width: 61px; }
.location__item.item_04 { top: -2px; left: 116px; width: 64px; }
.location__item.item_05 { top: 60px; left: 116px; width: 75px; }
.location__item.item_06 { top: 60px; left: 230px; width: 60px; }
.location__item.item_07 { top: 93px; left: 0; width: 68px; }
.location__item.item_08 { top: 93px; left: 80px; width: 58px; }
.location__item.item_09 { top: 126px; left: 45px; width: 80px; }
.location__item.item_10 { top: 160px; left: 45px; width: 58px; }
.location__item.item_11 { top: 29px; left: 215px; width: 58px; }
}

/* --------------------------------
	#lineup
-------------------------------- */
.lineup__content { margin: 0 auto; width: 900px; padding: 0 0 70px; }
.lineup__h { padding: 45px 0 0; font-size: 30px; }
.lineup__intro { margin: 30px 0 0; }
.lineup__group { padding: 70px 0 0; }
.lineup__group__h { padding: 4px 13px; background: url(/prdct/telecom/img/index/lineup_index_h_bg_l.png) no-repeat left top; background-size: cover; font-size: 23px; }
.lineup__group__h small { font-size: 13px; }
.lineup__index { overflow: hidden; }
.lineup__item { float: left; margin: 30px 0 0; border: 1px #ccc solid; width: 193px; }
.lineup__item + .lineup__item { margin-left: 40px; }
.lineup__item a { display: block; }
.lineup__thumb { padding: 23px 0 0; text-align: center; }
.lineup__thumb img { width: auto; }
.lineup__btn { margin: 0 auto; width: 125px; }
.lineup__btn .btn .link { font-size: 11px; }

@media only screen and (max-width: 640px){
.lineup__content { width: auto; padding: 0 15px 15px; }
.lineup__h { padding: 30px 0 0; font-size: 23px; }
.lineup__intro { margin: 19px 0 0; }
.lineup__group { padding: 30px 0 0; }
.lineup__group__h { padding: 5px 14px; font-size: 20px; 
background: #f4f4f4;
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#f4f4f4), color-stop(100%,#e0e0e0));
background: -webkit-linear-gradient(left, #f4f4f4 0%,#e0e0e0 100%);
background: -moz-linear-gradient(left, #f4f4f4 0%, #e0e0e0 100%);
}
.lineup__group__h small { font-size: 12px; }
.lineup__item { float: none; margin: 0; border: 0; width: auto; }
.lineup__item + .lineup__item { border-top: 1px #ccc solid; margin: 30px 0 0; }
.lineup__thumb { padding: 30px 0 0; text-align: center; }
.lineup__thumb img { width: 50%; }
.lineup__btn { width: 162px; }
.lineup__btn .btn .link { font-size: 14px; }

}


/* --------------------------------
	#key_tech
-------------------------------- */
#key_tech { background: url(../img/index/keytech_bg_l.jpg) no-repeat #f6f6f6 center bottom; background-size: 100% 571px; }
.key_tech__content { margin: 0 auto; width: 900px; }
.key_tech__h { padding: 43px 0 0; font-size: 30px; }
.key_tech__index { overflow: hidden; padding: 0 0 172px; }
.key_tech__item { float: left; width: 413px; padding: 30px 0 0; }
.key_tech__item a { display: block; }
.key_tech__item + .key_tech__item { padding-left: 74px; }
.key_tech__caption { padding: 8px 0 0; color: #d92127; font-size: 22px; text-align: center; }


@media only screen and (max-width: 640px){
#key_tech { background: url(../img/index/keytech_bg_s.jpg) no-repeat #f6f6f6 center bottom; background-size: 100% 190px; }
.key_tech__content { width: auto; padding: 0 15px; }
.key_tech__h { padding: 25px 0 0 font-size: 23px; }
.key_tech__index { padding: 0 0 86px; }
.key_tech__item { float: none; width: auto; padding: 18px 0 0; }
.key_tech__item a { display: block; }
.key_tech__item + .key_tech__item { padding-top: 27px; padding-left: 0; }
.key_tech__caption { padding: 8px 0 0; color: #d92127; font-size: 14px; text-align: center; }
}

/* --------------------------------
	#about
-------------------------------- */
#about { padding: 0 0 68px; }
.about__content { margin: 0 auto; width: 900px; }
.about__h { padding: 43px 0 0; font-size: 30px; }
.about__inner { overflow: hidden; }
.about__detail { float: left; width: 388px; padding: 26px 0 0; }
.about__txt { font-size: 14px; line-height: 1.3; }
.about__txt + .about__txt { padding: 18px 0 0; }
.about__catch { width: 252px; padding: 10px 0 0; }
.about__cover { float: right; width: 468px; height: auto; padding: 27px 0 0; }

@media only screen and (max-width: 640px){
#about { padding: 0 0 50px; }
.about__content { width: auto; padding: 0 15px; }
.about__h { padding: 39px 0 0; font-size: 23px; }
.about__detail { float: none; width: auto; padding: 14px 0 0; }
.about__txt { font-size: 13px; line-height: 1.46; }
.about__txt + .about__txt { padding: 17px 0 0; }
.about__catch { width: 286px; padding: 18px 0 0; }
.about__cover { float: none; width: auto; padding: 30px 0 0; }
}