@charset "UTF-8";
/*common -------------------------------------------------- */
* { box-sizing: border-box;letter-spacing:0.05em; }
.listEnd { margin: 0px; }
.red { color: #CC0000; }
a{ color: #0088CE;}
a:hover{ color: #00B9E4;}
img, x:-moz-any-link, x:default {box-shadow: #000 0 0 0;}
img { height: auto; }
img.w100 { max-width: 100%; }
sup{ font-size: 50%;}
#wrapper { position: relative; z-index: 0; background-color: #FFF; width: 100%; min-width: 320px; }
#pageTop { font-size: 0px; line-height: 0px; }

.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(/files/webux/campaign/rh_forum_tokyo/common/images/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; }
.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;}

.inquiry-btn { text-align: center; font-weight: bold; width: 220px; margin: auto; }
.inquiry-btn a { background: #CC0000 url(/files/webux/campaign/rh_forum_tokyo/common/images/mail-pic.png) no-repeat 90% center;background-size: 20px 14px; }
.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(/files/webux/campaign/rh_forum_tokyo/common/images/arrow_lw.png) no-repeat 95% center; }
.ext-btn a { background: #CC0000 url(/files/webux/campaign/rh_forum_tokyo/common/images/ext-pic.png) no-repeat 96% center; }
.bgg { background-color: #F2F2F2; }
.bgb { background-color: #F2F9FD; }
.word-break{ word-break: break-all;}
a.disabled{pointer-events: none !important;display: none;}

/* NAVBAR pc -------------------------------------------------- */
.navbar-wrapper {  position: absolute; top:0; left:0; width: 100%; height: 70px; z-index: 15; overflow: visible; }
.navbar-wrapper.fixed { background: rgba(0,0,0,0.3); }
.navbar { margin: 0px auto; width: 100%; max-width: 1200px; position: relative; }
.navbar a { color: #FFF; font-size: 14px; }
.navbar a:hover { color: #F00; text-decoration: none; }
.navbar .navbar-header { padding: 0 20px ; }
.navbar .navbar-header h1 { display:none;padding-top: 15px ; float: left;}
.navbar .navbar-header h1 img { width:auto; height:40px; }
.fixed .navbar .navbar-header h1 { text-align:center; float: left; display: block;}
.fixed .navbar h1 { display:none; }
.navbar-nav { float: right; }
.navbar-wrapper.fixed  { background: rgba(0,0,0,0.8); }
.redhat-logo { position: absolute;top:15px;right: 20px; }
.navbar .mail-ico { padding-right:20px; background-image: url(/files/webux/campaign/rh_forum_tokyo/common/images/mail-pic.png) ; background-position: right top; background-repeat: no-repeat; background-size: 15px 11px;}

/* Dropmenu -------------------------------------------------- */
.dropmenu{ width:300px;margin-right:150px;padding: 0;}
.dropmenu:before, .dropmenu:after{ content: "";display: table;}
.dropmenu:after{ clear: both;}
.dropmenu li{ position: relative;width: 50%;float:left;margin: 0;padding: 0;text-align: center;}
.dropmenu li a{ display: block;margin: 0;padding-top: 30px;padding-bottom:26px;color: #fff;font-size: 14px;line-height: 1;text-decoration: none;}
.dropmenu li ul{ position: absolute;z-index: 9999;top: 100%;left: 0;margin: 0;padding: 0;}
.dropmenu li ul li{ width: 100%;}
.dropmenu li ul li a{padding: 13px 15px;border-top: 1px solid #1E96D4;background-color: #0088CE;text-align: left;}
.dropmenu li:hover > a{background-color: #0088CE; color: #FFFFFF;}
.dropmenu li ul li{overflow: hidden;height: 0;transition: .2s;}
.dropmenu li:hover ul li{overflow: visible;height: 38px;}
.dropmenu li ul li a:hover{background-color: #00B9E4; color: #FFFFFF;}

/*archive*/
.archive-list { height: 1px; overflow: hidden;}
.archive-project00 {display: none;}
.archive-project01 {display: none;}
.archive-project02 {display: none;}
.archive-project03 {display: none;}
.archive-project04 {display: none;}
.archive-project05 {display: none;}

/*  #header pc -------------------------------------------------- */
#header { height:600px;}
.telecom-campaign #header { background: url(/files/webux/campaign/apac-explore-telecom/images/project00/header-image.jpg) no-repeat center center; background-size:cover; padding-top:120px; position: relative;}
.header-content { margin: 0 auto; max-width: 1200px; padding:0 40px; }
.header-content h2 { font-size:60px; line-height:1.2em; margin:15px 0 40px 0; color: #FFFFFF;letter-spacing:0.07em;}
.header-content .project-num {font-size:18px; line-height:1.5em; font-weight: 600; color: #FFFFFF;margin-top:45px;background-color:#00B9E4; display: inline-block;padding: 7px 20px 4px; }
.pagenavi { position: absolute; left: 0; bottom: 0; width: 100%;}
.pagenavi ul { max-width: 1200px;margin: 0 auto; display: block;padding: 0px 40px; }
.pagenavi ul li { float: left; margin-right: 30px; }
.pagenavi ul li a{ color: #FFFFFF;  height: 33px; overflow: hidden; display: block; line-height: 1.2em;opacity: 0.9; padding-top: 5px;}
.pagenavi ul li a:hover{ color:  #FFFFFF; text-decoration: none; border-bottom: solid 4px #00B9E4;text-shadow:1px 1px 3px rgba(0,0,0,0.5),1px -1px 3px rgba(0,0,0,0.5),-1px -1px 3px rgba(0,0,0,0.5),-1px 1px 3px rgba(0,0,0,0.5);}
.pagenavi ul li a.active{ color:  #FFFFFF;border-bottom: solid 4px #00B9E4;opacity: 1;text-shadow:1px 1px 3px rgba(0,0,0,0.5),1px -1px 3px rgba(0,0,0,0.5),-1px -1px 3px rgba(0,0,0,0.5),-1px 1px 3px rgba(0,0,0,0.5);}

/* tooltip -------------------------------------------------- */
.tooltip li {position: relative;text-align: center;}
.tooltip li a {display: inline-block;padding: 3px;}
.tooltip li span {background: #00B9E4;color: #fff;width: 190px;height: 100px;padding:14px 10px;position: absolute;top: -120px;left: 0;text-align: left;z-index: 2;visibility: hidden;opacity: 0;transition: 0.3s; border-radius: 3px; font-size: 13px; line-height: 1.2em; box-shadow:1px 1px 2px rgba(0,0,0,0.3);}
.tooltip li span::after { content: ""; display: block;width: 0;height: 0;position: absolute;bottom: -18px;left: 15px;border: 10px solid transparent;border-top: 10px solid #00B9E4;}
.tooltip li a:hover + span {height: 110px;top: -130px;visibility: visible;opacity: 1;transition: 0.5s;}
.tooltip li span strong {display: inline-block;padding-top:5px;font-size: 15px; line-height: 1.3em; font-weight: 600;}

/* post-page -------------------------------------------------- */
#wrapper.post-page {padding-bottom: 80px; background-color: #F2F2F2;}
.post-page .navbar-wrapper { background: rgba(0,0,0,0.8); }
.post-page .navbar .navbar-header h1 { display:block;}
.post-page .navbar .navbar-header h1 img { height:40px; width: auto;}
.post-page #header { height:300px;padding-top:10px;}
.post-page.telecom-campaign  #header { background-position: center 20%;}
.post-page .header-content .header-content-ttl { display: none;}
.post-page .header-content .project-num {font-size:15px; margin-top:100px;padding: 5px 15px 2px; }
.post-page .header-content h2 { font-size:35px;margin:15px 0 0 0; }

@media only screen and (max-width:980px) {
  body, #wrapper { max-width: 980px; }
  #header .header-inner { width: auto; }
  .navbar-wrapper { font-size: 85%; }
}

@media screen and (max-width: 768px) {
  body { font-size: 15px; }
  body, #wrapper { width: auto; }
  #wrapper { width: 100%; min-width: 100%; }
  #wrapper.post-page {padding-bottom: 40px;}
  .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(/files/webux/campaign/rh_forum_tokyo/common/images/mail-pic.png) no-repeat 62% center; }
  .inquiry-navbtn { padding: 0px !important; }

/* NAVBAR mov -------------------------------------------------- */
  .navbar-wrapper { height: 55px;background: rgba(0,0,0,0.8); }
  .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 { 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 h1 { display:block;}
  .navbar .navbar-header h1 img,
  .post-page .navbar .navbar-header h1 img{ width:auto; height:30px;  }
  .navbar #menu { display: block; float: right; margin-top:18px; margin-right: 0px; 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: 0; width: auto; text-align: center;}
  .fixed .navbar-nav {margin-top:0px; }
  .redhat-logo { display: none;}
  #menu:after { content: "MENU"; }
  #menu.close:after { content: "CLOSE"; }

/* Dropmenu -------------------------------------------------- */
  .dropmenu li a{ padding-top: 18px;padding-bottom:15px;background-color: #0088CE;border-top: solid 1px #00B9E4;}
  .dropmenu li:hover > a{background-color: #00B9E4; color: #FFFFFF;}
  .dropmenu li:hover > a.disabled{background-color: #0088CE;}
  .dropmenu li ul{ position: static;}
  .dropmenu li ul li{overflow: visible;height: 41px;background-color: #00B9E4; width: 50% !important; float: left !important;}
  .dropmenu li:hover ul li{overflow: visible;height: 41px;}
  .dropmenu li ul li a{text-align: center;padding-top: 15px;}
  .dropmenu li ul li a:hover{background-color: #00B9E4; color: #FFFFFF;}
  .dropmenu li ul:before, .dropmenu li ul:after{ content: "";display: table;}
  .dropmenu li ul:after{ clear: both;}

/*  #header mov -------------------------------------------------- */
   body{ max-width: 100%; }
  #header { height:400px; }
  .telecom-campaign #header { padding-top:90px; }
  .header-content { padding:0 20px; }
  .header-content-ttl { display:none; }
  .header-content h2 { font-size:40px;}
  .header-content .project-num {font-size:15px; margin-top:45px;padding: 5px 15px 2px; }   
  .pagenavi ul { padding: 0px 20px; }
  .pagenavi ul li { margin-right:13px;}
  .pagenavi ul li.pagenavi1{display: none;}

/*  post-page mov -------------------------------------------------- */
  .post-page #header { height:250px;padding-top:30px;}
  .post-page .telecom-campaign #header { padding-top:10px; }
  .post-page .header-content h2 { font-size:24px;margin-top:10px; }
  .post-page .header-content .project-num {font-size:13px;margin-top:60px;padding: 3px 10px 0px; }  
}

 @media screen and (max-width: 480px) {
/*  #header sp -------------------------------------------------- */
  .header-content h2 { font-size:30px;}
  .tooltip li span {display: none;}
  .pagenavi ul li { margin-right:10px;}
  .pagenavi ul li a{ font-size: 13px;}
}

/* contents -------------------------------------------------- */

article{ background-color: #F2F2F2; }
.main-contents{ margin: 0 auto; max-width: 840px; padding:30px 20px; }
.contents-header{ padding-top:80px; }
.contents-bottom{ padding-bottom:80px; }
.main-contents h2 {text-align:center; margin-bottom:40px;font-size:32px; font-weight: 400; line-height:1.5em; color: #0088CE;}
.main-contents h2 span {box-shadow: 0 3px 0 #CC0000; }
.main-contents h3 { font-size:22px; line-height:1.4em;margin-top:30px; margin-bottom:10px;}
.main-contents h4 { font-weight:bold; color:#666666; margin-bottom:10px; border-bottom:dotted 1px #CCCCCC;}
.main-contents p { font-size:18px;margin-bottom:1em; line-height: 1.8em;}
.main-contents img { max-width:100%; height:auto; margin-bottom:1em;}
.bdbd{ border-bottom: dotted 1px #999999;}
.exw { background: url(/files/webux/campaign/rh_forum_tokyo/common/images/exw.png) no-repeat right center; background-size: 14px 10px; padding-right: 18px; }
.exb { background: url(/files/webux/campaign/rh_forum_tokyo/common/images/exb.png) no-repeat right center; background-size:14px 10px; padding-right:18px; }
.article-box h2{ font-size:36px; font-weight: 400; line-height: 1.5em; text-align: left; color: #333333;margin-bottom: 25px;}
.article-box h3{ font-size:25px; font-weight: 400; line-height: 1.5em; text-align: left; color: #666666;margin-bottom: 25px; }
.post-page .article-box h3{ color: #333333;margin-top: 50px; }
.article-box h3 a{ color: #666666;}
.article-box h3 a:hover{ color: #00B9E4;}
.article-box h5{ font-size:18px; font-weight: 400; line-height: 1.2em; text-align: left; color: #0088CE; border-bottom: solid 2px #0088CE; padding-bottom: 7px; margin-bottom: 20px; margin-top: 20px;}
.article-box p.date{font-size:14px;color: #666666; margin-bottom: 10px;line-height: 1.4em;}
p.ss-photo{ padding:11px 0 9px 45px ;  background-repeat: no-repeat; background-position: left center; background-size:35px 35px;font-size:14px; color: #666666;margin-bottom: 10px; line-height: 1.4em;}
.kevin-casey {background-image: url(/files/webux/campaign/apac-explore-telecom/images/project00/kevin-casey.png)}
.jim-whitehurst {background-image: url(/files/webux/campaign/apac-explore-telecom/images/project00/jim-whitehurst.png)}
.annie-potvin {background-image: url(/files/webux/campaign/apac-explore-telecom/images/project00/annie-potvin.png)}
.article-set { padding-left:50px; }
.post-page .article-set h3 {font-size:25px; font-weight: 400; line-height: 1.5em; text-align: left; color: #666666; margin-top: 80px; margin-bottom: 15px; position: relative;}
.article-set h3::before{content: ""; display: block; width: 40px; height: 2px; background-color: #0088CE; position: absolute; left: -50px; top: 15px;}
.aside-box { padding:20px 40px; border: solid 1px #CCCCCC; }
.aside-box h3 { font-size: 18px; margin-top: 20px; color: #A30000; }
.aside-box p {  font-size: 15px;}

p.caption { font-size: 85%; line-height: 1.4em; margin-top: 5px; margin-bottom: 5px; }
p.text-large { font-size: 132%; }
p.text-emp {font-size: 24px; margin-top: 2em;margin-bottom: 2em; color: #666666; padding: 0 1em;}
p.text-emp-s {font-size: 18px; margin-top: 2em;margin-bottom: 2em; color: #666666; padding: 0 1em;}
p.text-emp span,p.text-emp-s span {font-size: 16px;}
p.mc{ font-weight: bold; margin-top: 3em;}


.profile { padding: 30px 0 15px; margin-top: 80px; margin-bottom: 80px; border-top: solid 1px #FFFFFF; border-bottom: solid 1px #CCCCCC; box-shadow: 0 1px 0 #FFFFFF,0 -1px 0 #CCCCCC;}
.profile p { font-size: 16px; }
.related-links {padding-left: 50px;}
.related-links h4 {font-size: 18px; color: #A30000; border: none;}
.related-links li {font-size: 18px; margin-top: 1em;}
.document-list { margin: 2em 0; padding-left: 1em; }
.document-list li { font-size: 18px; padding-left: 0.8em; text-indent: -0.8em; margin-bottom: 0.7em;}

 @media screen and (max-width: 768px) {
  .main-contents{padding:30px 20px; }
  .main-contents h2 {font-size:24px;}
  .main-contents h3,.post-page .article-set h3 {font-size:20px;}
  .main-contents p { font-size:15px;}
  .article-set { padding-left:30px; }
  .article-set h3::before{ width: 25px;  left: -35px; top: 12px;}
  .aside-box { padding:5px 20px;}
  .profile { padding: 20px 0 10px; margin-top: 40px; margin-bottom: 40px; }
  .profile p {overflow: hidden;}
  .related-links { padding-left: 0px;}
  .related-links h4 { font-size: 16px;}
  .related-links li { font-size: 15px;}
  .document-list li { font-size: 15px;}
}
 @media screen and (max-width: 480px) {
   .profile .imgL { float: none; margin:0 auto 20px;display: block;}
}