@charset "utf-8";
@import "header.css";
@import "footer.css";

/* Sub Banner */
.subTop{position:relative;z-index:21;}
.subTop .visualImg{width:100%;height:350px;/*display:flex;flex-direction:column;justify-content:center;*/text-align:center;color:#fff;overflow:hidden;letter-spacing:-0.05em;background-image:url(/en/img/sub_common/sub_visual_business.jpg);background-repeat:no-repeat;background-position:center center;background-size:cover;letter-spacing:-0.05em;padding-top:156px;}
.subTop .visualImg h2{font-size:4rem;line-height:100%;text-transform:uppercase;font-weight:700;word-break:keep-all;}
.subTop .visualImg p{margin-top:24px;font-size:1.8rem;padding:0 10px;word-break:keep-all;}
.subTop .visualImg p br{display:none;}
#productGroup .visualImg{background-image:url(/en/img/sub_common/sub_visual_product.jpg);}
#softwareGroup .visualImg{background-image:url(/en/img/sub_common/sub_visual_software.jpg);}
#serviceGroup .visualImg{background-image:url(/en/img/sub_common/sub_visual_service.jpg);}
#introduceGroup .visualImg{background-image:url(/en/img/sub_common/sub_visual_introduce.jpg);}
#noticeGroup .visualImg{background-image:url(/en/img/sub_common/sub_visual_notice.jpg);}

/* Sub Nav */
#sub_nav{background:#0d6ab5;max-width:1280px;margin:0 auto;box-shadow:5px 5px 10px #999;position:relative;top:-35px;z-index:21;}
#sub_nav .sub_menu_list:after{clear:both;content:"";display:block;}
#sub_nav .sub_menu_list .btn_home{width:70px;height:70px;padding-top:23px;display:inline-block;text-align:center;box-sizing:border-box;border-right:1px solid #5697cb;float:left;}

#sub_nav .sub_menu_list div{width:300px;float:left;border-right:1px solid #5697cb;box-sizing:border-box;}
#sub_nav .sub_menu_list > div{height:70px;}
#sub_nav .sub_menu_list div dl{position:relative;z-index:5;}
#sub_nav .sub_menu_list div dl dt{width:100%;display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:70px;padding:0 45px 0 20px;cursor:pointer;background:url(/en/img/common/location_check_icon.gif) no-repeat 93% center;color:#fff;}
#sub_nav .sub_menu_list div dl dd{width:301px;display:none;position:absolute;left:-1px;top:70px;border:1px solid #5697cb;background:#0d6ab5;}
#sub_nav .sub_menu_list div dl dd ul{padding:5px 0;}
#sub_nav .sub_menu_list div dl dd ul li a{display:block;padding:5px 18px;color:#fff;}
#sub_nav .sub_menu_list .sub_depth_01 dl dd .depth{display:none;}
#sub_nav .sub_menu_list .sub_depth_02 dl dd ul li ul{display:none;}
#sub_nav .sub_menu_list .sub_depth_03 dl dt ul li{display:none;}
#sub_nav .sub_menu_list .sub_depth_03 dl dt ul li.depth03Active{display:block;}


/* Contnet */
#subCon{margin:0 auto;padding-bottom:120px;background:#eee;}
#subCon .pageTitle{padding-bottom:65px;margin-top:49px;font-size:5rem;color:#222;font-weight:700;text-align:center;position:relative;letter-spacing:-0.05em;}
#subCon.en_search .pageTitle, #subCon.login .pageTitle{margin-top:0;padding-top:49px;}
#subCon.en_department .pageTitle, #subCon.en_location .pageTitle{padding-bottom:35px;}
#subCon.en_history{background:#eee url('/en/img/business/history_bg.jpg')no-repeat center bottom;}
#membersGroup #subCon{max-width:100%;}
.pageCont{max-width:1280px;margin:0 auto;word-break:keep-all;}
.pageFull{width:calc(100vw - 20px);transform:translateX(-50%);position:relative;left:50%;}

/* quick */
.mainQuick{position:fixed;right:60px;bottom:60px;z-index:2;}
.mainQuick ul li{width:238px;height:50px;margin-top:10px;border-radius:30px;background:#117ad1;font-size:1.4rem;letter-spacing:-0.02em;color:rgba(255,255,255,.8);text-align:center;line-height:1.2}
.mainQuick ul li:first-child{margin-top:0;}
.mainQuick ul li a{height:50px;display:flex;align-items:center;justify-content:center;padding:0 20px;}
.mainQuick ul li a img{margin-right:7px;flex-shrink:0;}

@media screen and (max-width:1279px){
/* Sub Banner */
.subTop .visualImg{height:300px;padding-top:100px;}

/* Sub Nav */
#sub_nav{top:0;}
#sub_nav .sub_menu_list div{width:280px;}
#sub_nav .sub_menu_list div dl dd{width:281px;}

/* Contnet */
.pageCont{padding:0 20px;}
}

@media screen and (max-width:979px){
/* Sub Nav */
#sub_nav{top:0;}
#sub_nav .sub_menu_list div{width:30%;}
#sub_nav .sub_menu_list div dl dd{width:calc(100% + 2px);}
}

@media screen and (max-width:767px){
/* Sub Banner */
.subTop .visualImg{height:250px;padding-top:95px;}
.subTop .visualImg p{margin-top:15px;}
.subTop .visualImg p br{display:block;}
.subTop .visualImg h2{font-size:3.5rem;line-height:1.2}

/* Contnet */
#subCon{margin:0 auto;padding:25px 0 50px;}
#subCon .pageTitle{padding-bottom:32px;margin-top:0;font-size:4rem;}
#subCon .pageTitle:after{height:40px;top:60px;}
#subCon.en_search .pageTitle, #subCon.en_login .pageTitle{padding-top:0;}
#subCon.en_department .pageTitle, #subCon.en_location .pageTitle{padding-bottom:18px;}

#sub_nav{display:none;margin-bottom:19px;}
#sub_nav .content{padding:0;}
#sub_nav .sub_menu_list .btn_home{display:none;}
#sub_nav .sub_menu_list div{width:50%;height:50px;}
#sub_nav .sub_menu_list div.sub_depth_01 dl dd{border-left:0;}
#sub_nav .sub_menu_list div.sub_depth_02{border-right:0;height:55px;}
#sub_nav .sub_menu_list div.sub_depth_02 dl dd{left:-1px;border-right:0;}
#sub_nav .sub_menu_list div dl{}
#sub_nav .sub_menu_list div dl dt{line-height:55px;}
#sub_nav .sub_menu_list div dl dd{width:calc(100% + 2px);}
#sub_nav .sub_menu_list div dl dd ul{padding:5px 0;}
#sub_nav .sub_menu_list div dl dd ul li a{display:block;padding:5px 18px;}
#sub_nav .sub_menu_list div dl dd ul li:hover{text-decoration:underline;}

/* quick */
.mainQuick{width:100%;right:auto;left:0;bottom:0;}
.mainQuick ul{display:flex;}
.mainQuick ul li{width:100%;height:50px;margin-top:0;border-radius:0;}
.mainQuick ul li:last-child{border-left:1px solid rgba(255, 255, 255, .5);}
}