@charset "UTF-8";
/*----------------------
common
----------------------*/
* { box-sizing: border-box; }
.listEnd { margin: 0px; }
.red { color: #CC0000; }
img, x:-moz-any-link, x:default {box-shadow: #000 0 0 0;}
img { height: auto; }
img.w100 { max-width: 100%; }

.no-resp { height: auto !important; width: auto !important; }
.br-sp { display: none; }
.pc-no { display: none; }
.align-left { text-align: left; }
.align-right { text-align: left; }
.center { text-align:center !important;}
.caption { font-size: 85%; line-height: 1.4em; margin-top: 5px; margin-bottom: 5px; }
#pageTop { font-size: 0px; line-height: 0px; }
.inquiry-btn { text-align: center; font-weight: bold; width: 220px; margin: auto; }
.inquiry-btn a { background: #CC0000 url(../images/common/mail-pic.png) no-repeat 90% center;background-size: 20px 14px; }
.inquiry-navbtn { text-align: center; font-weight: bold; margin-top: -8px; }
.inquiry-navbtn a { color: #FFF; font-weight: bold; display: block; padding: 7px 35px 7px 10px; background: #CC0000 url(../images/common/mail-pic.png) no-repeat 92% center; }
.inquiry-navbtn a:hover { background-color: #FF3333; text-decoration: none; color: #FFF !important; }
.inquiry-navbtn a { padding: 7px 10px 7px 10px; background: #CC0000 url(../images/common/mail-pic.png) no-repeat 92% center; }
.link-btn { margin: auto; width: 260px; margin-top: 30px; }
.link-btn, .ext-btn { text-align: center; font-weight: bold; }
.link-btn a, .ext-btn a, .inquiry-btn a { color: #FFF; text-align: center; font-size: 108%; font-weight: bold; display: block; padding: 12px 5% 10px 5%; }
.link-btn a:hover, .ext-btn a:hover, .inquiry-btn a:hover { background-color: #FF3333; text-decoration: none; }
.link-btn a { background: #CC0000 url(../images/common/arrow_lw.png) no-repeat 95% center; }
.ext-btn a { background: #CC0000 url(../images/common/ext-pic.png) no-repeat 96% center; }
.mail-ico { padding-right:20px; background: url(../images/common/mail-pic.png) no-repeat 96% top;background-size: 15px 11px;   }
.bgg { background-color: #F2F2F2; }
.bgb { background-color: #F2F9FD; }
.word-break{ word-break: break-all;}


/* NAVBAR pc
-------------------------------------------------- */
.navbar-wrapper { background: rgba(0,0,0,0.3); position: absolute; top:0; left:0; width: 100%; height: 70px; z-index: 15; overflow: visible; }
.navbar-wrapper.fixed { height:70px; }
.navbar { margin: 0px auto; width: 100%; max-width: 1200px; padding-top: 10px; }
.navbar a { color: #FFF; font-size: 14px; }
.navbar a:hover { color: #F00; text-decoration: none; }
.navbar .active { border-bottom: 3px solid #E02C32; }
.navbar .navbar-header { padding: 7px 20px 0; }
.navbar h1 { float: right; font-size: 16px; line-height: 1.6em; text-align: right; color: #FFF; padding-top: 10px; padding-right: 20px; }
.navbar h1 span {  font-size:18px; }
.navbar .navbar-header .navbar-brand img { width:auto; height:40px; margin-top: -3px; }
.fixed .navbar .navbar-header .navbar-brand { text-align:center; float: left; }
.fixed .navbar h1 { display:none; }
.navbar-nav { float: right; margin-top: -30px; }
.navbar-nav li { float: left; margin: 0 15px; }
.navbar-nav li .ardl { background: url(../images/common/arrow01-2x.png) no-repeat right center; background-size: 18px; padding: 5px 25px 5px 0px; }
.navbar-wrapper.fixed  { background: rgba(0,0,0,0.7);  }
.fixed .navbar-nav {margin-top:5px; }


/* contents
----------------------*/
#wrapper { position: relative; z-index: 0; background-color: #FFF; width: 100%; min-width: 320px; }
.contents { margin: 0 auto; max-width: 1200px; padding-top: 50px; padding-bottom: 70px; }
.contents h2 { line-height: 1.25em; margin-bottom: 35px; font-size: 34px; color: #333333; font-weight: bold; }
.contents h3 { line-height: 1.25em; margin-bottom: 20px; font-size: 20px; color: #333333; font-weight: bold; margin-top: 20px; }
.contents h4 { color: #CC0000; line-height: 1.5em; margin-bottom: 10px; margin-top: 0px; font-size: 26px; }
.contents h5 { text-align: center; position: relative; font-size:20px; }
.contents h5 span { background-color:#FFFFFF; position: relative; padding: 0 8px 0 8px; }
.contents h5::before { content: ""; display: block; background: #CCCCCC; height: 1px; width: 96.5%; position: absolute; top: 10px; left: 1.5%; }
.contents p { margin-bottom: 1em; }
.detail-btn { color: #FFFFFF; text-align: center; padding: 20px 40px 17px;  font-size: 18px; font-weight: bold; background-color: #CC0000; text-decoration: none;  }
.detail-btn:hover { background-color: #EE0000;color: #FFFFFF; text-decoration: none; }
.check-list li { border-bottom: 1px dotted #CCC; margin-bottom: 7px; padding-bottom: 4px; line-height: 1.4em; background: url(../images/common/check_ico.png) no-repeat left 1px; padding-left: 22px; margin-left: 22px; margin-right: 22px; }
.circle-list li::before { content: "◎"; color: #C00; margin-right: 3px; }
.circle-list li { border-bottom: 1px dotted #CCC; margin-bottom: 7px; padding-bottom: 4px; line-height: 1.6em; margin-left: 22px; margin-right: 22px; text-indent: -1.1em; padding-left: 22px; }
.dot-list li { border-bottom: 1px dotted #CCC; margin-bottom: 8px; padding-bottom: 5px; line-height: 1.5em; text-indent: -1.1em; padding-left: 22px; }


/* PC & Tablet */
@media only screen and (max-width:980px) {
/* 980px以下 */

body, #wrapper { max-width: 980px; }
#header .header-inner { width: auto; }
.navbar-wrapper { font-size: 85%; }
.navbar .navbar-header .navbar-brand { font-size: 22px; }
}
 @media screen and (max-width: 768px) {
/* 768px以下 */
body { font-size: 15px; }
body, #wrapper { width: auto; }
#wrapper { width: 100%; min-width: 100%; }

.br-pc { display: none; }
.br-sp { display: block; }
.sp-no { display: none;}
.pc-no { display: block; }

.inquiry-navbtn a { padding: 10px 35px 10px 10px; background: #CC0000 url(../images/common/mail-pic.png) no-repeat 62% center; }
.inquiry-navbtn { padding: 0px !important; }
	 
/* NAVBAR mov
-------------------------------------------------- */
.navbar-wrapper { height: 55px; }
.navbar-wrapper.fixed { height:55px; }
.navbar-wrapper .navbar { margin: 0px auto; width: 100%; padding-top: 0px; position: relative; font-size: 125%; }
.navbar-wrapper .navbar a { color: #FFF; display: block; }
.navbar-wrapper .navbar a:hover { color: #F00; text-decoration: none; }
.navbar-wrapper .navbar .active { border-bottom: none !important; }
.navbar-wrapper .navbar .active a { border-bottom: 2px solid #E02C32; padding-bottom: 2px; }
.navbar .navbar-header .navbar-brand { margin-top: 3px;  }
.fixed .navbar .navbar-header .navbar-brand {font-size: 17px; }
.navbar-nav {margin-top:0px; }
.navbar .navbar-header .navbar-brand { float:left;  }
.navbar .navbar-header .navbar-brand img { width:auto; height:30px; margin-top:2px;  }
.navbar h1 { display:none; }
.navbar #menu { display: block; float: right; margin-top:8px; margin-right: 20px; color:#FFF; }
.navbar .navbar-nav { float: none; position: absolute; top: 55px; left: 0px; width: 100%; display: none; }
.navbar .navbar-nav li { float: none; margin: 0; padding: 12px 0px 10px; width: auto; text-align: center; background: rgba(0,0,0,0.7); border-top: solid 1px rgba(255,255,255,0.2); }
.fixed .navbar-nav {margin-top:0px; }
#menu:after { content: "MENU"; }
#menu.close:after { content: "CLOSE"; }
/*----------------------
contents
----------------------*/
.contents { margin: 0 auto; padding: 50px 20px; }
.detail-btn a { margin: auto; margin-top: 8px; }
#link-area ul li span {display:block; width:auto; }
.after-arrow::after{ content:none;}
.tab-list li { margin:5px 1% ; width:31%; border:solid 1px #CCCCCC; }
.tab-list li a { font-weight:bold; color:#999999;padding:6px 0px 0px; display:block;border-bottom:solid 2px #F2F2F2;  }
.slider-box {padding:95px 20px 0;}
.slide-cotent img {max-width:90%;}

}
 @media screen and (max-width: 480px) {
/* 480px以下 */

.tab-list li {  width:48%; border:solid 1px #CCCCCC; }
.slider-box {height:400px !important; min-height: auto;padding:95px 20px 0;}
.width-ss { width:80%;}
.slide-cotent h2 { font-size: 24px; }
.contents h2 { margin-bottom: 35px; font-size:24px; }
.contents h3 { margin-bottom: 20px; font-size: 18px;  }
.contents h4 { font-size: 18px; }
}

/*----------------------
skill-upgrade2018-training-unit2018 #header-page
----------------------*/
.skill-upgrade2018 #header { background: url(../images/skill-upgrade2018/su-bg1.jpg) no-repeat center center; height:600px; background-size:cover; padding-top:160px;}
.training-unit2018 #header { background: url(../images/training-unit2018/su-bg2.jpg) no-repeat center center; height:600px; background-size:cover; padding-top:120px;}
.header-content { margin: 0 auto; max-width: 1200px; padding:0 40px; }
.header-content h1 { font-size:65px; line-height:1em; margin:30px 0 40px 0; color: #FFFFFF;}
.header-content h3 {font-size:35px;color: #FFFFFF;margin-top:30px; }

.training-unit2018 .header-content h1 { font-size:88px; line-height:0.9em;}
.training-unit2018 .header-content h1 span{ font-size:60%;}
.training-unit2018 .header-content h1 sub{ font-size:20%; display: inline-block; padding:0.5em 0.2em 0 0.2em;line-height:1.4em;}
.header-content .offer {font-weight: bold; display: inline; padding-bottom: 5px;}
.skill-upgrade2018 .header-content .offer {font-size:38px; border-bottom: solid 3px #F0AB00; color: #F0AB00;background: url(../images/common/arrow-y.png) no-repeat right top; background-size:33px 30px;  padding-right: 40px;}
.training-unit2018 .header-content .offer {font-size:30px;border-bottom:none; color: #EC7A08;}
.training-unit2018 .header-content .offer strong {font-size:150%; line-height: 1.6em;border-bottom: solid 3px #EC7A08; }

.skill-upgrade2018 .header-content .offer a {color: #F0AB00; text-decoration: none;}
.training-unit2018 .header-content .offer a {color: #EC7A08; text-decoration: none;}
.training-unit2018 .limited-time {color: #EC7A08; font-size: 23px; margin-top: 10px;}

.main-contents{ margin: 0 auto; max-width: 840px; padding:70px 20px; }
.main-contents h2 {text-align:center; margin-bottom:40px;font-size:32px; line-height:1.5em; color: #CC0000;font-feature-settings : "palt" 1;}
.main-contents h2 span {box-shadow: 0 3px 0 #CC0000; }
.main-contents h3 {font-size:22px; line-height:1.4em;margin-top:40px; margin-bottom:10px;}
.main-contents h4 { font-weight:bold; color:#666666; margin-bottom:10px; border-bottom:dotted 1px #CCCCCC;}
.main-contents p {margin-bottom:1em;}
.main-contents img { max-width:100%; height:auto; margin-bottom:1em;}
.bddb{ border-bottom: dotted 1px #999999;}
.exw { background: url(../images/common/exw.png) no-repeat right center; background-size: 14px 10px; padding-right: 18px; }
.exb { background: url(../images/common/exb.png) no-repeat right center; background-size:14px 10px; padding-right:18px; }
.campaign-program-btn { margin: 50px auto; text-align: center; font-size: 18px;}
.campaign-program-btn a { border: solid 2px #CC0000; display:inline-block; background: #FFFFFF url(/files/webux/campaign/apac-explore-training/images/common/arrow-d.png) no-repeat right 15px center; background-size:15px 17px;  padding: 20px 40px 15px 30px; text-decoration: none; color: #CC0000;}
.campaign-program-btn a:hover { background-color: #FAE5E5; }
.notes { border: solid 1px #CCCCCC;  padding: 15px 25px 25px; font-size: 13px; line-height: 1.5em; margin-top: 30px; max-height: 400px; overflow: auto;-webkit-overflow-scrolling:touch;}
.notes dt { color: #666666; font-weight: bold; margin-top: 0.8em;}
.notes p { margin:0.3em 0; padding-left: 2em; text-indent: -2em;}
.notes strong { color: #CC0000; padding-top: 1em; }
.about-fig { text-align: center; padding:30px; background-color:#E5F2F3; border: solid 1px #007A87; border-radius: 10px; margin-bottom: 50px;} 
.about-fig h3 {  margin-top: 10px; } 
.about-fig img {  margin-top:20px; }

.table-wap {overflow-x: auto;margin-bottom: 40px;-webkit-overflow-scrolling:touch;}
.table-set { font-size: 14px; line-height: 1.25em;  border-top: solid 1px #CCCCCC;border-right: solid 1px #CCCCCC;min-width: 600px; }
.table-set th { padding: 8px 5px; background-color: #FBE4CE;border-left: solid 1px #CCCCCC;vertical-align: middle; text-align: center;}
.table-set td { padding: 7px 5px 4px; background-color: #FFFFFF;border-bottom: solid 1px #CCCCCC;border-left: solid 1px #CCCCCC;vertical-align: middle; }
.table-set.table1 td:nth-last-child(-n+3){ text-align: center;}
.table-set.table2 td:nth-child(1),.table-set.table2 td:nth-child(3),.table-set.table2 td:nth-child(4){ text-align: center;}
.table-set.table3 td:nth-child(1),.table-set.table3 td:nth-last-child(-n+4){ text-align: center;}
.table-category { background-color: #FCEECC; font-weight: bold; text-align:left !important;border-top: solid 1px #CCCCCC;}


.tab{overflow:hidden;}
.tab li{background:#ccc; padding:5px 20px 3px; float:left; margin-right:1px;cursor: pointer; font-weight: bold; color: #999999;}
.tab li:hover{color: #333333;background:#DDDDDD;}
.tab li.select{background:#F2F2F2;color: #333333;}
.tab-content li{background:#F2F2F2; padding:10px;}
.hide {display:none;}
.tab-content .table-wap {margin-bottom: 0px;}

 @media screen and (max-width: 768px) {
.skill-upgrade2018 #header { height:360px; padding-top:100px; background-position:37% 50%;}
.training-unit2018 #header { height:360px; padding-top:80px; background-position:37% 50%;}
.header-content { padding:0 20px; }
.header-content h1 { font-size:32px; margin:20px 0 20px 0;}
.header-content h3 {font-size:20px; line-height:1.2em;margin-top:10px;}
.training-unit2018 .header-content h1 { font-size:38px;}
.header-content .offer { font-size:18px;background-size:17px 15px;padding-right: 26px;border-bottom: solid 2px #F0AB00;}
.training-unit2018 .header-content .offer { font-size:18px;background-size:17px 15px;padding-right: 26px;}
.training-unit2018 .limited-time {font-size: 14px;}
.main-contents{padding:50px 20px; }
.main-contents h2 {font-size:24px;}
.main-contents h3 {font-size:18px;}
.about-fig { padding:30px 15px;} 
.exw {padding-right: 0px; background-position:right 20px center;}
.exb {padding-right: 0px; background-position:right 20px center;}
	 
}
 @media screen and (max-width: 480px) {.tab li{padding:5px 8px 3px; font-size: 13px;}}
 @media screen and (max-width: 374px) {
.skill-upgrade2018 #header { height:330px; padding-top:90px;background-position:center 40%; }
.training-unit2018 #header { height:330px; padding-top:70px;background-position:center 40%; }
.header-content h1 { font-size:28px; }
.header-content h3 {font-size:17px;}
.training-unit2018 .header-content h1 { font-size:30px;}
.header-content .offer { font-size:16px;background-size:16px 14px;padding-right: 22px;}
.training-unit2018 .header-content .offer { font-size:15px;background-size:16px 14px;padding-right: 22px;}
.training-unit2018 .limited-time {font-size: 12px;}
}