@import url(//fonts.googleapis.com/css?family=Roboto:300,700);
/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/




body {
  min-width: 980px;
  margin: 0 auto;
  padding: 0 10px;
  color: #494949;
  font-size: 14px;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ　Ｐゴシック", "MS P Gothic", sans-serif;
  background-color: #fff;
  -webkit-text-size-adjust: 100%
}
@media only screen and (max-width: 800px) {
  body {
    min-width: 300px
  }
}
header, footer, main, article, aside, section, nav, figure, figcaption {
  display: block;
  margin: 0;
  padding: 0;
  font-size: 100%
}
h1, h2, h3, h4, h5, h6, p, th, td, li, dt, dd {
  margin: 0;
  padding: 0;
  font-size: 100%;
  /*line-height: 1.4em;*/
  line-height: 1.6em
}
h2, h3, h4, h5, h6 {
  font-weight: normal
}
ul, ol {
  margin: 0;
  padding: 0
}
ul {
  list-style-type: none
}
dl, form, fieldset, iframe {
  margin: 0;
  padding: 0
}
fieldset, iframe {
  border-style: none
}
input[type='text'], input[type='input'], input[type='reset'], input[type='button'], textarea, select, button {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ　Ｐゴシック", "MS P Gothic", sans-serif;
  -webkit-appearance: none;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0
}
table {
  border-collapse: collapse;
  border-spacing: 0
}
th {
  font-weight: normal;
  text-align: left
}
caption {
  width: 100%;
  text-align: left
}
strong, em, address {
  font-weight: normal;
  font-style: normal
}
img {
  border-style: none;
  max-width: 100%;
  height: auto;
  -ms-interpolation-mode: bicubic
}
* {
  -webkit-tap-highlight-color: transparent
}
.clearfix:after {
  content: '';
  display: block;
  clear: both
}
a {
  color: #3c8cc8
}
a:hover, a:active {
  color: #ea6a00
}
strong {
  color: #ea6a00
}
em {
  font-weight: bold
}
strong em {
  color: #eb2b29;
  font-weight: normal
}
sub, sup {
  font-size: .7em
}
*+p, *+ul, *+ol, *+dl, *+figure, *+table, *+iframe, *+.wm-border, *+.wm-background, *+.wm-border-background, *+.sizeLM, *+.sizeL, *+.sizeM, *+.sizeS {
  margin-top: 20px
}
li+li {
  margin-top: 1em
}
.alpFont {
  font-family: 'Roboto', sans-serif;
  font-weight: 300
}
.spOnly {
  display: none
}
@media only screen and (max-width: 800px) {
  .pcOnly {
    display: none !important
  }
  .spOnly {
    display: block !important
  }
}

a img:hover {opacity: 0.8;}

#pageTop {
  position: relative;
  max-width: 1200px;
  min-width: 980px;
  margin: 0 auto;
  padding: 0;
  height: 125px;
  z-index: 501
}
#pageTop #tagline {color:#999;font-size:12px;font-weight:normal;position:absolute;bottom:9px;right:0;}

#pageTop header {
  float: left;
  width: 240px;
  padding-top: 28px;
  /*20周年ロゴ用ここから
  width: 280px;
  padding-top: 26px  
  20周年ロゴ用ここまで*/
}
#pageTop img {
  display: block
}
#pageTop span.before, #pageTop span.after {
  display: none
}
#headNav {
  float: right;
  text-align: right
}
#headNav>ul {
  height: 30px;
  float: right;
  padding: 20px 0
}
#headNav>ul>li {
  float: left;
  margin: 0 0 0 10px;
  line-height: 30px
}
#headNav .inner {
  clear: right
}
#pageTop:after, #headNav>ul:after {
  content: '';
  display: block;
  clear: both
}
.btnNews a, .btnContact a, .btnLogin a {
  display: block;
  padding: 1px 15px 0 35px;
  color: #fff;
  line-height: 29px;
  text-decoration: none;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background-image: url(//cdn2.hubspot.net/hubfs/1970584/jp/common/images/bg_icons.png);
  background-repeat: no-repeat
}
.btnNews a {
  color:#ea6a00;
  background-color: #fff;
  border:1px solid #ea6a00;
  background-image: url(https://f.hubspotusercontent30.net/hubfs/1970584/jp/common/images/i-news.png);
  background-position: 3px -1px;
  line-height: 27px;
}
.btnNews a:hover, .btnNews a:active {
  opacity: .7;
}
.btnContact a {
  background-color: #ea6a00;
  background-position: -265px -30px
}
.btnContact a:hover, .btnContact a:active {
  background-color: #ea842f
}
.btnLogin a {
  background-color: #333;
  background-position: -265px -60px
}
.btnLogin a:hover, .btnLogin a:active {
  background-color: #4d4d4d
}
.btnGlobal {
  white-space: nowrap
}
.btnGlobal span {
  position: relative;
  display: inline-block;
  text-align: left;
  color: #999;
  font-weight: bold;
  cursor: pointer
}
.btnGlobal span:after {
  content: '';
  position: relative;
  display: inline-block;
  top: 8px;
  width: 6px;
  height: 6px;
  margin: 0 10px;
  vertical-align: top;
  border-right: 2px solid #999;
  border-bottom: 2px solid #999;
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg)
}
.btnGlobal .alpFont {
  position: relative;
  height: 30px;
  overflow: hidden
}
.btnGlobal select {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 20px;
  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0
}
.btnGlobal ul {
  position: absolute;
  display: none;
  margin: 0;
  text-align: left;
  background-color: #fff;
  border: 1px solid #ddd
}
#headNav .btnGlobal:hover ul {
  display: block
}
.btnGlobal li+li {
  margin-top: 0;
  border-top: 1px solid #ddd
}
.btnGlobal a {
  position: relative;
  display: block;
  padding: 0 30px 0 20px;
  color: #333;
  text-decoration: none;
  line-height: 30px
}
.btnGlobal a:before {
  content: '';
  position: absolute;
  left: 10px;
  top: 15px;
  display: block;
  width: 5px;
  height: 5px;
  margin: -4px 0 0 -4px;
  border-right: 1px solid #999;
  border-bottom: 1px solid #999;
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg)
}
.btnGlobal a:after {
  content: '';
  position: absolute;
  top: 50%;
  right: 10px;
  display: block;
  margin-top: -5px;
  width: 14px;
  height: 11px;
  background: url(//cdn2.hubspot.net/hubfs/1970584/jp/common/images/bg_btnGlobal.png) 0 center no-repeat
}
.btnGlobal a:hover {
  background-color: #f0f0f0
}
.btnGlobal a[href*="https://www.vcube.com/"] {
  color: #fff;
  background-color: #333
}
.btnGlobal a[href*="https://www.vcube.com/"]:hover {
  background-color: #444
}
.btnGlobal a[href*="https://vcubewebcasting.com/"]:after {
  background-position: -20px 0
}
.btnGlobal a[href*="http://www.vcube.com.cn/"]:after {
  background-position: -40px 0
}
.btnGlobal a[href*="https://my.vcube.com/"]:after {
  background-position: -60px 0
}
.btnGlobal a[href*="http://sg.vcube.com/"]:after {
  background-position: -80px 0
}
.btnGlobal a[href*="http://id.vcube.com/"]:after, .btnGlobal a[href*="https://vcube.co.id/"]:after {
  background-position: -100px 0
}
.btnGlobal a[href*="https://www.vcube.com.tw/"]:after {
  background-position: -120px 0
}
.btnGlobal a[href*="http://www.vcube.co.kr/"]:after {
  background-position: -140px 0
}
.btnGlobal a[href*="http://hk.vcubeone.net/"]:after, .btnGlobal a[href*="http://www.vcube.com.hk/"]:after {
  background-position: -160px 0
}
.btnGlobal a[href*="https://www.vcube.com/"]:after {
  display: none
}
body>footer .btnGlobal {
  height: 30px
}
body>footer .spOnly>li {
  vertical-align: middle
}
.formGlobal form {
  display: inline-block;
  position: relative;
  height: 30px;
  font-weight: bold;
  vertical-align: bottom;
  text-align: left;
  cursor: pointer
}
.formGlobal form:after {
  content: '';
  position: absolute;
  display: inline-block;
  width: 6px;
  height: 6px;
  top: 50%;
  left: 100%;
  margin-top: -3px;
  border-right: 2px solid #999;
  border-bottom: 2px solid #999;
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg)
}
.formGlobal select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  width: 8em;
  height: 2.5em;
  padding: 0.2em;
  background-color: #FAF7F4;
  border: none;
  text-indent: 0.01px;
  outline: none;
  vertical-align: middle;
  font-size: 16px;
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  color: #999
}
.formGlobal select:-ms-expand {
  display: none
}
.formGlobal option {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  display: block;
  padding: 10px 30px 10px 10px;
  color: #333;
  line-height: 30px
}
.formGlobal option[value*="https://www.vcube.com/"] {
  color: #fff;
  background-color: #333
}
.formGlobal option[value*="https://jp.vcube.com/"] {
  background: #fff url(//cdn2.hubspot.net/hubfs/1970584/jp/common/images/bg_btnGlobal01.png) right center no-repeat
}
.formGlobal option[value*="http://vcubewebcasting.com/"] {
  background: #fff url(//cdn2.hubspot.net/hubfs/1970584/jp/common/images/bg_btnGlobal02.png) right center no-repeat
}
.formGlobal option[value*="http://www.vcube.com.cn/"] {
  background: #fff url(//cdn2.hubspot.net/hubfs/1970584/jp/common/images/bg_btnGlobal03.png) right center no-repeat
}
.formGlobal option[value*="http://my.vcube.com/"] {
  background: #fff url(//cdn2.hubspot.net/hubfs/1970584/jp/common/images/bg_btnGlobal04.png) right center no-repeat
}
.formGlobal option[value*="http://sg.vcube.com/"] {
  background: #fff url(//cdn2.hubspot.net/hubfs/1970584/jp/common/images/bg_btnGlobal05.png) right center no-repeat
}
.formGlobal option[value*="http://id.vcube.com/"], .formGlobal option[value*="http://www.vcube.co.id/"] {
  background: #fff url(//cdn2.hubspot.net/hubfs/1970584/jp/common/images/bg_btnGlobal06.png) right center no-repeat
}
.formGlobal option[value*="http://www.vcube.com.tw/"] {
  background: #fff url(//cdn2.hubspot.net/hubfs/1970584/jp/common/images/bg_btnGlobal07.png) right center no-repeat
}
.formGlobal option[value*="http://www.vcube.co.kr/"] {
  background: #fff url(//cdn2.hubspot.net/hubfs/1970584/jp/common/images/bg_btnGlobal08.png) right center no-repeat
}
.formGlobal option[value*="http://hk.vcubeone.net/"], .formGlobal option[value*="http://www.vcube.com.hk/"] {
  background: #fff url(//cdn2.hubspot.net/hubfs/1970584/jp/common/images/bg_btnGlobal09.png) right center no-repeat
}
#telNo, #search {
  display: inline-block
}
#telNo {
  vertical-align: top;
  line-height: 30px
}
#telNo span:first-child {
  font-size: 0.86em
}
#telNo .alpFont {
  font-size: 14px;
  font-weight: 700
}
#search {
  margin-left: 18px;
  width: 238px;
  height: 28px;
  text-align: left;
  border: 1px solid #ccc;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  overflow: hidden
}
#search div.gsc-control-cse {
  padding: 0
}
#search div.gsc-control-cse form.gsc-search-box {
  width: 238px;
  height: 28px;
  overflow: hidden
}
#search div.gsc-control-cse form.gsc-search-box * {
  padding: 0
}
#search div.gsc-control-cse form.gsc-search-box td, #search div.gsc-control-cse form.gsc-search-box th {
  border-style: none
}
#search div.gsc-control-cse form.gsc-search-box input {
  height: 28px;
  outline: none;
  border-style: none
}
#search div.gsc-control-cse form.gsc-search-box div.gsc-input-box {
  height: auto;
  border-style: none
}
#search div.gsc-control-cse form.gsc-search-box table.gsc-search-box td {
  vertical-align: top
}
article #search div.gsc-control-cse form.gsc-search-box table.gsc-search-box td {
  vertical-align: middle
}
#search div.gsc-control-cse form.gsc-search-box td.gsc-input, #search div.gsc-control-cse form.gsc-search-box input.gsc-input {
  width: 203px
}
#search div.gsc-control-cse form.gsc-search-box input.gsc-input {
  line-height: 26px;
  -moz-border-radius: 7px 0 0 7px;
  -webkit-border-radius: 7px;
  border-radius: 7px 0 0 7px
}
#search div.gsc-control-cse form.gsc-search-box td.gsc-search-button, #search div.gsc-control-cse form.gsc-search-box input.gsc-search-button {
  width: 30px
}
#search div.gsc-control-cse form.gsc-search-box button.gsc-search-button {
  width: 30px;
  height: 26px
}
#search div.gsc-control-cse form.gsc-search-box td.gsib_b {
  width: 15px
}
#search div.gsc-control-cse form.gsc-search-box td.gsib_b * {
  line-height: 28px
}
#search div.gsc-control-cse form.gsc-search-box td.gsc-search-button {
  background: url(//cdn2.hubspot.net/hubfs/1970584/jp/common/images/bg_icons.png) right -92px
}
#search div.gsc-control-cse form.gsc-search-box td.gsc-search-button:hover {
  background-position: right -122px
}
#search div.gsc-control-cse form.gsc-search-box input.gsc-search-button,
#search div.gsc-control-cse form.gsc-search-box button.gsc-search-button {
  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  cursor: pointer
}
#search div.gsc-control-cse form.gsc-search-box td.gsc-clear-button {
  display: none
}
#search div.gsc-control-cse form.gsc-search-box .gsc-search-box .gsc-input>input:hover, #search div.gsc-control-cse form.gsc-search-box .gsc-input-box-hover, #search div.gsc-control-cse form.gsc-search-box .gsc-search-box .gsc-input>input:focus, #search div.gsc-control-cse form.gsc-search-box .gsc-input-box-focus {
  -moz-box-shadow: inset 0 0 0 transparent;
  -webkit-box-shadow: inset 0 0 0 transparent;
  box-shadow: inset 0 0 0 transparent
}
#search table, #search th, #search td {
  padding: 0;
  border-style: none
}
#btnMenu {
  position: absolute;
  top: 20px;
  right: 10px;
  display: none;
  width: 30px;
  height: 23px;
  background-color: #fff;
  border-style: solid;
  border-width: 11px 10px;
  border-color: #333;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px
}
#btnMenu:after {
  content: '';
  display: block;
  width: 32px;
  height: 3px;
  margin: 3px -1px 0;
  border-top: 7px solid #333;
  border-bottom: 7px solid #333
}
#btnMenu.open {
  background-color: #333
}
#btnMenu.open:before, #btnMenu.open:after {
  position: absolute;
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg)
}
#btnMenu.open:before {
  content: '';
  top: -3px;
  left: 14px;
  display: block;
  height: 30px;
  border-right: 2px solid #fff
}
#btnMenu.open:after {
  top: 8px;
  height: 0;
  border-top-style: none;
  border-bottom: 2px solid #fff
}
#headNav .spOnly {
  text-align: left;
  border-top: 1px solid #ddd
}
#headNav .spOnly li {
  margin-top: 0;
  line-height: 52px;
  border-bottom: 1px solid #ddd
}
#headNav .spOnly a {
  display: block;
  padding: 0 10px;
  color: #f0f0f0;
  text-decoration: none
}
#headNav .btnClose {
  display: none;
  margin: 0 -10px;
  padding: 15px 10px;
  color: #f0f0f0;
  text-align: center;
  border-top: 1px solid #ddd;
  cursor: pointer
}
@media only screen and (max-width: 1080px) {/*コンテンツ段落ち回避*/
  #pageTop header {
    width: 200px;
/*20周年ロゴ用ここから
    width: 220px;
    padding-top: 33px;
/*20周年ロゴ用ここまで*/
  }  
}
@media only screen and (max-width: 800px) {
  #pageTop {
    height: 80px;
    max-width: 100%;
    min-width: 0
  }
  #pageTop #tagline{color:#666;font-size:9px;background:#f0f0f0;line-height:2em;position:static;margin:0 -10px;padding:0 10px;}
  #pageTop header {
    float: none;
    padding: 10px 0 0;
  }
  #btnMenu {
    display: block
  }
  #headNav {
    display: none;
    float: none;
    position: absolute;
    width: 100%;
    margin: 0 -10px;
    padding: 0 10px;
    background-color: #333
  }
  #headNav>ul {
    display: none
  }
  #headNav .inner {
    margin: 0 -10px
  }
  #headNav .btnClose {
    display: block
  }
  #telNo {
    display: none
  }
  #search {
    display: block;
    width: 95%;
    max-width: 333px;
    margin: 20px auto;
    height: 36px
  }
  #search div.gsc-control-cse form.gsc-search-box {
    width: 100%;
    height: 36px
  }
  #search div.gsc-control-cse form.gsc-search-box td.gsc-input, #search div.gsc-control-cse form.gsc-search-box input.gsc-input {
    width: auto
  }
  #search div.gsc-control-cse form.gsc-search-box input {
    height: 36px
  }
  #search div.gsc-control-cse form.gsc-search-box input.gsc-input {
    line-height: 34px
  }
  #search div.gsc-control-cse form.gsc-search-box td.gsib_b * {
    line-height: 36px
  }
  #search div.gsc-control-cse form.gsc-search-box td.gsc-search-button {
    background: url(//cdn2.hubspot.net/hubfs/1970584/jp/common/images/bg_icons.png) right -88px
  }
  #search div.gsc-control-cse form.gsc-search-box td.gsc-search-button:hover {
    background-position: right -118px
  }
}
#gNav {
  position: relative;
  margin: 0 -10px;
  padding: 0 10px;
  line-height: 52px;
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Y5ZjlmOSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #f9f9f9));
  background: -moz-linear-gradient(#ffffff, #f9f9f9);
  background: -webkit-linear-gradient(#ffffff, #f9f9f9);
  background: linear-gradient(#ffffff, #f9f9f9);
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  z-index: 500
}
#gNav nav {
  position: relative;
  max-width: 1200px;
  min-width: 980px;
  margin: 0 auto
}
#gNav nav>ul {
  display: table;
  table-layout: fixed;
  width: 100%;
  height: 52px;
  padding: 0;
  text-align: center;
  border-left: 1px solid #ddd;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden
}
#gNav nav>ul:after {
  content: '';
  display: block;
  clear: both
}
#gNav nav>ul>li {
  display: table-cell;
  width: 15%;
  height: 100%;
  margin: 0;
  padding: 0;
  vertical-align: middle;
  border-right: 1px solid #ddd
}
#gNav nav>ul>li:hover, #gNav nav>ul>li.current {
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RkZGRkZCIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZjlmOWY5Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #dddddd), color-stop(50%, #f9f9f9));
  background: -moz-linear-gradient(#dddddd 0%, #f9f9f9 50%);
  background: -webkit-linear-gradient(#dddddd 0%, #f9f9f9 50%);
  background: linear-gradient(#dddddd 0%, #f9f9f9 50%)
}
#gNav nav>ul>li h2 {
  font-size: 1.14em;
  margin: 0 0 20px -18px
}
#gNav nav>ul>li>a {
  display: block;
  color: #333;
  margin: -5em 0;
  padding: 5em 0;
  text-decoration: none
}
#gNav nav a.icon:after {
  content: '';
  display: inline-block;
  width: 12px;
  height: 8px;
  margin-left: 10px;
  vertical-align: middle;
  background: url(//cdn2.hubspot.net/hubfs/1970584/jp/common/images/bg_icons.png) top left no-repeat
}
#gNav .hidNav {
  position: absolute;
  left: 0;
  bottom: 0;
  display: none;
  width: 100%;
  height: 0;
  text-align: left
}
#gNav .hidNav .clearfix>li {
  float: left;
  margin-top: 0
}
#gNav .hidNav .clearfix>li+li {
  margin-left: 20px
}
#gNav .hidNav .clearfix>li li {
  min-width: 10em;
  white-space: nowrap
}
#gNav .hidNav div {
  float: left
}
#gNav .hidNav div+div {
  margin-left: 20px
}
#gNav .hidNav h3 {
  font-size: 1em;
  font-weight: normal;
  padding-bottom: 1em;
  border-bottom: 1px solid #ddd
}
#gNav .hidNav a {
  position: relative;
  color: #333;
  text-decoration: none
}
#gNav .hidNav a:before {
  content: '';
  position: relative;
  top: 0.7em;
  display: inline-block;
  width: 5px;
  height: 5px;
  margin: -3px 10px 0 0;
  vertical-align: top;
  border-right: 1px solid #999;
  border-bottom: 1px solid #999;
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg)
}
#gNav .hidNav a:hover, #gNav .hidNav a:active {
  color: #ea6a00
}
#gNav .hidNav a:hover:before, #gNav .hidNav a:active:before {
  border-color: #ea6a00
}
#gNav .hidNav a[target="_blank"] {
  padding-left: 20px
}
#gNav .hidNav a[target="_blank"]:before {
  content: '・';
  display: inline-block;
  width: 25px;
  margin: -.5em 0 -.5em -25px;
  padding: .5em 0;
  text-indent: 100%;
  vertical-align: top;
  background-image: url(//cdn2.hubspot.net/hubfs/1970584/jp/common/images/bg_icons.png);
  background-position: -40px center;
  background-repeat: no-repeat;
  overflow: hidden;
  margin: 0 5px 0 -20px;
  width: 12px;
  height: auto;
  padding: 0;
  border: none;
  top: auto;
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg)
}
#gNav .hidNav a[target="_blank"]:hover:before, #gNav .hidNav a[target="_blank"]:active:before {
  background-position: -20px center
}
#gNav .hidNav a[target="_blank"]:after {
  display: none
}
#gNav .hidNav *+* {
  margin-top: 1em
}
#gNav .hidNav *+h3 {
  margin-top: 1.5em
}

#gNav .hidNav ul + h3 {
    margin-top: 2.25em;
}

#gNav .hidNav p {
  margin-bottom: 1.5em
}
#gNav .hidNav:before, #gNav .hidNav:after {
  position: absolute;
  margin-left: -5px
}
#gNav .hidNav:before {
  top: -10px;
  content: '';
  display: inline-block;
  width: 0;
  height: 0;
  vertical-align: top;
  border-style: solid;
  border-color: transparent;
  border-color: rgba(255, 0, 0, 0);
  border-width: 0 5px 10px 5px;
  border-bottom-color: rgba(0, 0, 0, 0.1)
}
#gNav .hidNav:after {
  top: -9px;
  content: '';
  display: inline-block;
  width: 0;
  height: 0;
  vertical-align: top;
  border-style: solid;
  border-color: transparent;
  border-color: rgba(255, 0, 0, 0);
  border-width: 0 5px 10px 5px;
  border-bottom-color: #fff
}
#gNav .hidNav .inner {
  position: absolute;
  background-color: #fff;
  padding: 40px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.35)
}
#gNav li:first-child .hidNav .inner {
  left: 0
}
#gNav li:first-child .hidNav:before, #gNav li:first-child .hidNav:after {
  left: 100% / 14
}
#gNav li:first-child+li .hidNav .inner {
  left: 14.29%
}
#gNav li:first-child+li .hidNav:before, #gNav li:first-child+li .hidNav:after {
  left: 21.42857%
}
#gNav li:first-child+li+li .hidNav .inner {
  left: 28.57%
}
#gNav li:first-child+li+li .hidNav:before, #gNav li:first-child+li+li .hidNav:after {
  left: 35.71429%
}
#gNav li:first-child+li+li+li .hidNav .inner {
  left: 42.86%
}
#gNav li:first-child+li+li+li .hidNav:before, #gNav li:first-child+li+li+li .hidNav:after {
  left: 50%
}
#gNav li:first-child+li+li+li+li .hidNav .inner {
  right: 28.57%
}
#gNav li:first-child+li+li+li+li .hidNav:before, #gNav li:first-child+li+li+li+li .hidNav:after {
  right: 64.28571%
}
#gNav li:first-child+li+li+li+li+li .hidNav .inner {
  right: 14.29%
}
#gNav li:first-child+li+li+li+li+li .hidNav:before, #gNav li:first-child+li+li+li+li+li .hidNav:after {
  left: 78.57143%
}
#gNav li:first-child+li+li+li+li+li+li .hidNav .inner {
  right: 0
}
#gNav li:first-child+li+li+li+li+li+li .hidNav:before, #gNav li:first-child+li+li+li+li+li+li .hidNav:after {
  left: 92.85714%
}
#gNav li:hover .hidNav {
  display: block
}
#gNav span.before, #gNav span.after {
  display: none
}
html[lang='en'] #gNav nav>ul:after {
  display: none
}
html[lang='en'] #gNav nav>ul>li {
  width: 20%
}
html[lang='en'] #gNav nav>ul>li:first-child .hidNav .inner {
  left: 0
}
html[lang='en'] #gNav nav>ul>li:first-child .hidNav:before, html[lang='en'] #gNav nav>ul>li:first-child .hidNav:after {
  left: 100% / 10
}
html[lang='en'] #gNav nav>ul>li:first-child+li .hidNav .inner {
  left: 20%
}
html[lang='en'] #gNav nav>ul>li:first-child+li .hidNav:before, html[lang='en'] #gNav nav>ul>li:first-child+li .hidNav:after {
  left: 30%
}
html[lang='en'] #gNav nav>ul>li:first-child+li+li .hidNav .inner {
  left: 40%
}
html[lang='en'] #gNav nav>ul>li:first-child+li+li .hidNav:before, html[lang='en'] #gNav nav>ul>li:first-child+li+li .hidNav:after {
  left: 50%
}
html[lang='en'] #gNav nav>ul>li:first-child+li+li+li .hidNav .inner {
  left: auto !important;
  right: 20%
}
html[lang='en'] #gNav nav>ul>li:first-child+li+li+li .hidNav:before, html[lang='en'] #gNav nav>ul>li:first-child+li+li+li .hidNav:after {
  left: 70%
}
html[lang='en'] #gNav nav>ul>li:first-child+li+li+li+li .hidNav .inner {
  right: 0%
}
html[lang='en'] #gNav nav>ul>li:first-child+li+li+li+li .hidNav:before, html[lang='en'] #gNav nav>ul>li:first-child+li+li+li+li .hidNav:after {
  left: 90%
}
@media only screen and (max-width: 800px) {
  #gNav {
    display: none
  }
  #gNav ul {
    max-width: 100%;
    min-width: 0
  }
}
@media only screen and (max-width: 640px) {
  #gNav {
    display: none
  }
}
#tPath {
  position: relative;
  max-width: 1200px;
  min-width: 980px;
  margin: 0 auto;
  z-index: 499
}
#tPath ul {
  margin-top: 20px;
  font-size: 0.86em;
  list-style-type: none
}
#tPath li {
  display: inline;
  margin-right: 0;
  padding: 2px 0 2px 5px;
  background: rgba(255, 255, 255, 0.5)
}
#tPath li:after {
  content: ' ';
}
#tPath li+li {
  padding: 2px 5px 2px 0
}
#tPath li+li:before {
  content: '>';
  display: inline-block;
  margin: 0 .2em
}
#tPath li:first-child::before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 1em;
  height: 1em;
  background-image: url("https://jp.vcube.com/hubfs/solution/eventdx/common/icon_home.svg");
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: .5em;
}
#tPath li a {
  color: inherit;
}
@media only screen and (max-width: 800px) {
  #tPath {
    display: none;
    max-width: 100%;
    min-width: 0;
    margin: 0 -10px;
    padding: 0 10px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd
  }
  #tPath ul {
    margin-top: 0;
    white-space: nowrap;
    overflow: auto;
    overflow-y: hidden
  }
  #tPath li {
    display: inline-block;
    max-width: 100%;
    margin-top: 0;
    padding-left: 10px;
    vertical-align: bottom;
    line-height: 40px;
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
  }
  #tPath li:first-child {
    margin-left: -20px
  }
  #tPath li+li {
    position: relative;
    border-left: 1px solid #ddd
  }
  #tPath li+li:before {
    position: absolute;
    left: 0;
    top: 16px;
    content: '';
    display: inline-block;
    width: 0;
    height: 0;
    vertical-align: top;
    border-style: solid;
    border-color: transparent;
    border-color: rgba(255, 0, 0, 0);
    border-width: 4px 0 4px 6px;
    border-color: transparent transparent transparent #ddd;
    margin: 0;
    overflow: hidden
  }
  #tPath li a {
    margin-left: -10px;
    padding: 0 10px 0 20px
  }
}
body>footer {
  margin-top: 20px;
  padding-bottom: 3em
}
body>footer p {
  max-width: 1200px;
  min-width: 980px;
  margin: 0 auto
}
body>footer small {
  font-size: 0.86em
}
body>footer .alpFont {
  text-align: right
}
body>footer .alpFont a {
  display: inline-block;
  color: #1877f2;
  font-weight: 700
}
body>footer .alpFont a:before, body>footer .alpFont a>span.before {
  content: '';
  position: relative;
  top: 10px;
  display: inline-block;
  width: 18px;
  height: 18px;
  margin: -9px 6px 0 -24px;
  vertical-align: top;
  background: url(//cdn2.hubspot.net/hubfs/1970584/jp/common/images/bg_icons.png) -30px 0 no-repeat;
}
body>footer .alpFont.footSns-tw a{
  color:#1d9bf0;
}
body>footer .alpFont.footSns-tw a:before, body>footer .alpFont.footSns-tw a>span.before {
  background: url(//cdn2.hubspot.net/hubfs/1970584/jp/common/images/bg_icons.png) -60px 0 no-repeat;
  width: 18px;
  height: 18px;
}
body>footer .alpFont a>span.before {
  display: block;
  float: left
}
body>footer .footcont {
  max-width: 1200px;
  min-width: 980px;
  margin: 0 auto;
  position:relative;
}
body>footer .footcont .sns-logos{
  position:absolute;
  right:0;
  top:0;
  text-align:right;
}
body>footer .footcont .sns-logos > span{
  color:#999;
  display:inline-block;
  padding:0 20px;
  margin-bottom:10px;
  position:relative;
}
body>footer .footcont .sns-logos > span:before,
body>footer .footcont .sns-logos > span:after{
    content: '';
    position: absolute;
    top: 50%;
    display: inline-block;
    width: 10px;
    height: 1px;
    background-color: #999;
}
body>footer .footcont .sns-logos > span:before{
    left:0;
}
body>footer .footcont .sns-logos > span:after{
    right:0;
}
body>footer .footcont .sns-logos img{
  width:40px;
}
body>footer .spOnly {
  position: relative;
  margin: -3em -10px 3em;
  padding: 20px 0;
  text-align: center;
  background-color: #FAF7F4;
  z-index: 10
}
body>footer .spOnly>li {
  display: inline-block;
  margin: 0 10px;
  line-height: 30px
}
body>footer .spOnly+p {
  margin-bottom: -2.8em
}
#footNav {
  margin: 0 -10px;
  padding: 0 10px;
  background-color: #f8f8f8
}
#footNav ul {
  max-width: 1200px;
  min-width: 980px;
  margin: 0 auto;
  margin-bottom: 35px;
  padding: 30px 0;
  text-align: center;
}
#footNav li {
  display: inline-block;
  margin: 0 1em 0 0
}
#footNav a {
  color: #333
}
#footNav a:link, #footNav a:visited {
  text-decoration: none
}
#footNav a:hover, #footNav a:active {
  text-decoration: underline
}
@media only screen and (max-width: 1100px) {
  #footNav ul {
    max-width: 45em;
    min-width: 0;
    margin: 0 auto 35px;
    text-align: center
  }
  #footNav li {
    line-height: 2.4em
  }
}
@media only screen and (max-width: 800px) {
  body>footer p, body>footer .footcont{
    max-width: 100%;
    min-width: 0;
    margin: 3em auto 0 !important;
    text-align: center !important
  }
  body>footer .footSns p{
    margin-top:0.7em !important;
  }
  body>footer .footcont .sns-logos {
    position:inherit;
    text-align:center;
  }
}
@media only screen and (max-width: 640px) {
  #footNav ul {
    max-width: 30em
  }
  #footNav li {
    line-height: 2.4em
  }
}
article h2, article h3, article h4, article h5, article h6 {
  color: #333;
  font-weight: normal
}
article h4 {
  font-size: 1.14em;
  padding-left: 7px;
  border-left: 3px solid #ddd
}
article h5 {
  padding-left: 9px;
  border-left: 1px solid #ddd
}
article h4, article h5 {
  position: relative
}
article h4:before, article h4:after, article h5:before, article h5:after {
  content: '';
  position: absolute;
  left: -4px;
  display: block;
  width: 5px;
  height: 0.2em;
  padding-top: 1px;
  background-color: #fff
}
article h4:before, article h5:before {
  top: -1px
}
article h4:after, article h5:after {
  bottom: -1px
}
thead th article h4, thead th article h5 {
  background-color: #ddd
}
tbody th article h4, tbody th article h5 {
  background-color: #f0f0f0
}
article h6 {
  position: relative;
  padding-left: 20px
}
article h6:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0.7em;
  display: block;
  width: 10px;
  height: 0;
  margin-top: -1px;
  vertical-align: top;
  border-top: 1px solid #ddd
}
article iframe {
  width: 100%
}
.wm-border, .wm-background, .wm-border-background {
  padding: 19px;
  border: 1px solid #c8c8c8
}
.wm-background, .wm-border-background {
  border-color: #f4b47f
}
.wm-border-background {
  padding: 17px;
  border-width: 3px
}
.wm-border>*:first-child, .wm-background>*:first-child, .wm-border-background>*:first-child {
  margin-top: 0 !important
}
article table {
  min-width: 50%
}
article th, article td {
  padding: 19px;
  text-align: left;
  border: 1px solid #c8c8c8
}
article thead th {
  background-color: #ddd
}
article tbody th {
  background-color: #f0f0f0
}
article td table {
  margin-top: -.5em
}
article td th, article td td {
  padding: .5em;
  border-width: 0 0 1px;
  vertical-align: bottom
}
article td th {
  background-color: transparent
}
@media only screen and (max-width: 800px) {
  article .tableBreak, article .tableBreak caption, article .tableBreak>tbody, article .tableBreak>tbody>tr, article .tableBreak>tbody>tr>th, article .tableBreak>tbody>tr>td {
    /*display: block*/
    width: 100%;
  }
  article .tableBreak>tbody>tr>th, article .tableBreak>tbody>tr>td {
    clear: both;
    float: left;
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
  }
  article .tableBreak>tbody>tr+tr>th {
    margin-top: 20px
  }
  article .tableBreak>tbody>tr>td {
    margin-top: -1px
  }
}
article ul>li {
  padding-left: 30px
}
article ul>li:before, article ul>li>span.before {
  content: '・';
  display: inline-block;
  width: 30px;
  margin: -.5em 0 -.5em -30px;
  padding: .5em 0;
  vertical-align: top;
  text-indent: 100%;
  background: url(//cdn2.hubspot.net/hubfs/1970584/jp/common/images/bg_icons.png) -205px center no-repeat;
  overflow: hidden
}
article ul>li>span.before {
  display: block;
  float: left
}
article .emList>li:before, article .emList>li>span.before {
  background: url(//cdn2.hubspot.net/hubfs/1970584/jp/common/images/bg_icons.png) -240px center no-repeat
}
article ol {
  counter-reset: numCount;
  padding-left: 2em;
  list-style-type: none
}
article ol li {
  position: relative
}
article ol>li:before {
  counter-increment: numCount;
  content: counter(numCount) "\FF1A";
  display: inline-block;
  width: 2em;
  margin-left: -2em;
  text-align: right
}
article ol[style*='list-style']>li:before {
  display: none
}
article thead th ol>li:before {
  background-color: #ddd;
  box-shadow: -1px 0 1px #ddd
}
article tbody th ol>li:before {
  background-color: #f0f0f0;
  box-shadow: -1px 0 1px #f0f0f0
}
article ol>li+li+li+li+li+li+li+li+li+li {
  margin-left: .5em
}
article ol[style]>li+li+li+li+li+li+li+li+li+li {
  margin-left: 0
}
article li ul, article li ol {
  margin-top: 1em
}
.pager {
  text-align: center;
  margin-top: 50px
}
.pager ul li {
  display: inline-block;
  border: 1px solid #ddd;
  width: 2em;
  line-height: 2em;
  margin: 0 5px 5px;
  padding: 0
}
.pager ul li:before {
  display: none
}
.pager ul li:hover {
  background-color: #f0f0f0
}
.pager ul li.disable {
  display: none
}
.pager ul li.active {
  background-color: #f0f0f0
}
*+html .pager ul li {
  display: inline
}
li.icon, ul.icon>li, #indexList .lay3Col h2 {
  padding-left: 0
}
li.icon:before, li.icon>span.before, ul.icon>li:before, ul.icon>li>span.before, #indexList .lay3Col h2:before, #indexList .lay3Col h2>span.before {
  display: none
}
li.icon>a, ul.icon>li>a, a ul.icon>li, #indexList .lay3Col h2>a {
  position: relative;
  display: inline-block;
  padding-left: 12px;
  line-height: 1.4em
}
li.icon>a:after, ul.icon>li>a:after, a ul.icon>li:after, #indexList .lay3Col h2>a:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0.7em;
  display: block;
  width: 7px;
  height: 7px;
  margin: -4px 0 0 -4px;
  border-right: 1px solid #999;
  border-bottom: 1px solid #999;
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg)
}
li.icon>a:hover, li.icon>a:active, ul.icon>li>a:hover, ul.icon>li>a:active, a:hover ul.icon>li, a:active ul.icon>li, #indexList .lay3Col h2>a:hover, #indexList .lay3Col h2>a:active {
  color: #ea6a00
}
li.icon>a:hover:after, li.icon>a:active:after, ul.icon>li>a:hover:after, ul.icon>li>a:active:after, a:hover ul.icon>li:after, a:active ul.icon>li:after, #indexList .lay3Col h2>a:hover:after, #indexList .lay3Col h2>a:active:after {
  border-color: #ea6a00
}
li.icon>a[target="_blank"],
ul.icon>li>a[target="_blank"],
#indexList .lay3Col h2>a[target="_blank"] {
  padding-left: 15px
}
/*////////////////////要確認////////////////////*/
li.icon>a[target="_blank"]:before,
li.icon>a[target="_blank"]>span.before,
ul.icon>li>a[target="_blank"]:before,
ul.icon>li>a[target="_blank"]>span.before,
#indexList .lay3Col h2>a[target="_blank"]:before,
#indexList .lay3Col h2>a[target="_blank"]>span.before,
a[target="_blank"] ul.icon>li:before{
  content: '・';
  display: inline-block;
  width: 25px;
  margin: -.5em 0 -.5em -25px;padding: .5em 0;
  text-indent: 100%;
  vertical-align: top;
  background-image: url(//cdn2.hubspot.net/hubfs/1970584/jp/common/images/bg_icons.png);
  background-position: 0 center;
  background-repeat: no-repeat;
  overflow: hidden;
  /*重複*/
  margin: 0 5px 0 -15px;padding: 0;
  width: 12px;
  
}
li.icon>a[target="_blank"]:hover:before,
li.icon>a[target="_blank"]:active:before,
li.icon>a[target="_blank"]:hover>span.before,
li.icon>a[target="_blank"]:active>span.before,
ul.icon>li>a[target="_blank"]:hover:before,
ul.icon>li>a[target="_blank"]:active:before,
ul.icon>li>a[target="_blank"]:hover>span.before,
ul.icon>li>a[target="_blank"]:active>span.before,
a[target="_blank"]:hover ul.icon>li:before,
a[target="_blank"]:active ul.icon>li:before,
#indexList .lay3Col h2>a[target="_blank"]:hover:before,
#indexList .lay3Col h2>a[target="_blank"]:active:before,
#indexList .lay3Col h2>a[target="_blank"]:hover>span.before,
#indexList .lay3Col h2>a[target="_blank"]:active>span.before {
  background-position: -20px center
}
li.icon>a[target="_blank"]:after,
li.icon>a[target="_blank"]>span.after,
ul.icon>li>a[target="_blank"]:after,
ul.icon>li>a[target="_blank"]>span.after,
a[target="_blank"]:hover ul.icon>li:after,
a[target="_blank"]:active ul.icon>li:after,
#indexList .lay3Col h2>a[target="_blank"]:after,
#indexList .lay3Col h2>a[target="_blank"]>span.after {
  display: none
}
li.icon>a[href*='.pdf'],
ul.icon>li>a[href*='.pdf'],
a[href*='.pdf'] ul.icon>li,
#indexList .lay3Col h2>a[href*='.pdf'] {
  padding-left: 25px;
}
li.icon>a[href*='.pdf']:before,
li.icon>a[href*='.pdf']>span.before,
ul.icon>li>a[href*='.pdf']:before,
ul.icon>li>a[href*='.pdf']>span.before,
a[href*='.pdf'] ul.icon>li:before,
#indexList .lay3Col h2>a[href*='.pdf']:before,
#indexList .lay3Col h2>a[href*='.pdf']>span.before {
  content: '・';
  display: inline-block;
  width: 25px;
  margin: -.5em 0 -.5em -25px;padding: .5em 0;
  text-indent: 100%;
  vertical-align: top;
  background-image: url(//cdn2.hubspot.net/hubfs/1970584/jp/common/images/bg_icons.png);
  background-position: -60px center;
  background-repeat: no-repeat;
  overflow: hidden;
}
li.icon>a[href*='.pdf']:after,
li.icon>a[href*='.pdf']>span.after,
ul.icon>li>a[href*='.pdf']:after,
ul.icon>li>a[href*='.pdf']>span.after,
a[href*='.pdf']:after ul.icon>li,
#indexList .lay3Col h2>a[href*='.pdf']:after,
#indexList .lay3Col h2>a[href*='.pdf']>span.after {
  display: none
}
li.icon>a[href*='.pdf']:hover:before,
li.icon>a[href*='.pdf']:hover>span.before,
ul.icon>li>a[href*='.pdf']:hover:before,
ul.icon>li>a[href*='.pdf']:hover>span.before,
#indexList .lay3Col h2>a[href*='.pdf']:hover:before,
#indexList .lay3Col h2>a[href*='.pdf']:hover>span.before {
  background-position: -60px center;
}
li.icon>a[href*='.doc'],
ul.icon>li>a[href*='.doc'],
#indexList .lay3Col h2>a[href*='.doc'] {
  padding-left: 25px
}
li.icon>a[href*='.doc']:before,
li.icon>a[href*='.doc']>span.before,
ul.icon>li>a[href*='.doc']:before,
ul.icon>li>a[href*='.doc']>span.before,
#indexList .lay3Col h2>a[href*='.doc']:before,
#indexList .lay3Col h2>a[href*='.doc']>span.before {
  content: '・';
  display: inline-block;
  width: 25px;
  margin: -.5em 0 -.5em -25px;
  padding: .5em 0;
  text-indent: 100%;
  vertical-align: top;
  background-image: url(//cdn2.hubspot.net/hubfs/1970584/jp/common/images/bg_icons.png);
  background-position: -90px center;
  background-repeat: no-repeat;
  overflow: hidden
}
li.icon>a[href*='.doc']:hover:before,
li.icon>a[href*='.doc']:hover>span.before,
ul.icon>li>a[href*='.doc']:hover:before,
ul.icon>li>a[href*='.doc']:hover>span.before,
#indexList .lay3Col h2>a[href*='.doc']:hover:before,
#indexList .lay3Col h2>a[href*='.doc']:hover>span.before {
  background-position: -90px center;
}
li.icon>a[href*='.doc']:after,
li.icon>a[href*='.doc']>span.after,
ul.icon>li>a[href*='.doc']:after,
ul.icon>li>a[href*='.doc']>span.after,
#indexList .lay3Col h2>a[href*='.doc']:after,
#indexList .lay3Col h2>a[href*='.doc']>span.after {
  display: none
}
li.icon>a[href*='.xls'],
ul.icon>li>a[href*='.xls'],
#indexList .lay3Col h2>a[href*='.xls'] {
  padding-left: 25px
}
li.icon>a[href*='.xls']:before,
li.icon>a[href*='.xls']>span.before,
ul.icon>li>a[href*='.xls']:before,
ul.icon>li>a[href*='.xls']>span.before,
#indexList .lay3Col h2>a[href*='.xls']:before,
#indexList .lay3Col h2>a[href*='.xls']>span.before {
  content: '・';
  display: inline-block;
  width: 20px;
  margin: -.5em 0 -.5em -25px;
  padding: .5em 0;
  text-indent: 100%;
  vertical-align: top;
  background-image: url(//cdn2.hubspot.net/hubfs/1970584/jp/common/images/bg_icons.png);
  background-position: -120px center;
  background-repeat: no-repeat;
  overflow: hidden
}
li.icon>a[href*='.xls']:hover:before,
li.icon>a[href*='.xls']:hover>span.before,
ul.icon>li>a[href*='.xls']:hover:before,
ul.icon>li>a[href*='.xls']:hover>span.before,
#indexList .lay3Col h2>a[href*='.xls']:hover:before,
#indexList .lay3Col h2>a[href*='.xls']:hover>span.before {
  background-position: -120px center;
}
li.icon>a[href*='.xls']:after,
li.icon>a[href*='.xls']>span.after,
ul.icon>li>a[href*='.xls']:after,
ul.icon>li>a[href*='.xls']>span.after,
#indexList .lay3Col h2>a[href*='.xls']:after,
#indexList .lay3Col h2>a[href*='.xls']>span.after {
  display: none
}
li.icon>a[href*='.lzh'],
li.icon>a[href*='.zip'],
li.icon>a[href*='.exe'],
ul.icon>li>a[href*='.lzh'],
ul.icon>li>a[href*='.zip'],
ul.icon>li>a[href*='.exe'],
#indexList .lay3Col h2>a[href*='.lzh'],
#indexList .lay3Col h2>a[href*='.zip'],
#indexList .lay3Col h2>a[href*='.exe']{
  padding-left: 25px
}
li.icon > a[href*=".lzh"]::before,
li.icon > a[href*=".lzh"] > span.before,
li.icon > a[href*=".zip"]::before,
li.icon > a[href*=".zip"] > span.before,
li.icon > a[href*=".exe"]::before,
li.icon > a[href*=".exe"] > span.before,
ul.icon > li > a[href*=".lzh"]::before,
ul.icon > li > a[href*=".lzh"] > span.before,
ul.icon > li > a[href*=".zip"]::before,
ul.icon > li > a[href*=".zip"] > span.before,
ul.icon > li > a[href*=".exe"]::before,
ul.icon > li > a[href*=".exe"] > span.before,
#indexList .lay3Col h2 > a[href*=".lzh"]::before,
#indexList .lay3Col h2 > a[href*=".lzh"] > span.before,
#indexList .lay3Col h2 > a[href*=".zip"]::before,
#indexList .lay3Col h2 > a[href*=".zip"] > span.before,
#indexList .lay3Col h2 > a[href*=".exe"]::before,
#indexList .lay3Col h2 > a[href*=".exe"] > span.before {
  content: '・';
  display: inline-block;
  width: 25px;
  margin: -.5em 0 -.5em -25px;
  padding: .5em 0;
  text-indent: 100%;
  vertical-align: top;
  background-image: url(//cdn2.hubspot.net/hubfs/1970584/jp/common/images/bg_icons.png);
  background-position: -150px center;
  background-repeat: no-repeat;
  overflow: hidden
}
li.icon>a[href*='.lzh']:after, li.icon>a[href*='.lzh']>span.after, li.icon>a[href*='.zip']:after, li.icon>a[href*='.zip']>span.after, ul.icon>li>a[href*='.lzh']:after, ul.icon>li>a[href*='.lzh']>span.after, ul.icon>li>a[href*='.zip']:after, ul.icon>li>a[href*='.zip']>span.after, #indexList .lay3Col h2>a[href*='.lzh']:after, #indexList .lay3Col h2>a[href*='.lzh']>span.after, #indexList .lay3Col h2>a[href*='.zip']:after, #indexList .lay3Col h2>a[href*='.zip']>span.after {
  display: none
}
li.icon > a[href*=".lzh"]:hover:before,
li.icon > a[href*=".lzh"]:hover > span.before,
li.icon > a[href*=".zip"]:hover:before,
li.icon > a[href*=".zip"]:hover > span.before,
li.icon > a[href*=".exe"]:hover:before,
li.icon > a[href*=".exe"]:hover > span.before,
ul.icon > li > a[href*=".lzh"]:hover:before,
ul.icon > li > a[href*=".lzh"]:hover > span.before,
ul.icon > li > a[href*=".zip"]:hover:before,
ul.icon > li > a[href*=".zip"]:hover > span.before,
ul.icon > li > a[href*=".exe"]:hover:before,
ul.icon > li > a[href*=".exe"]:hover > span.before,
#indexList .lay3Col h2 > a[href*=".lzh"]::before,
#indexList .lay3Col h2 > a[href*=".lzh"] > span.before,
#indexList .lay3Col h2 > a[href*=".zip"]::before,
#indexList .lay3Col h2 > a[href*=".zip"] > span.before,
#indexList .lay3Col h2 > a[href*=".exe"]::before,
#indexList .lay3Col h2 > a[href*=".exe"] > span.before {
    background-position: -150px center;
}
li.icon>a[href*='.mp4'], ul.icon>li>a[href*='.mp4'], #indexList .lay3Col h2>a[href*='.mp4'] {
  padding-left: 25px
}
li.icon>a[href*='.mp4']:before, li.icon>a[href*='.mp4']>span.before, ul.icon>li>a[href*='.mp4']:before, ul.icon>li>a[href*='.mp4']>span.before, #indexList .lay3Col h2>a[href*='.mp4']:before, #indexList .lay3Col h2>a[href*='.mp4']>span.before {
  content: '・';
  display: inline-block;
  width: 25px;
  margin: -.5em 0 -.5em -25px;
  padding: .5em 0;
  text-indent: 100%;
  vertical-align: top;
  background-image: url(//cdn2.hubspot.net/hubfs/1970584/jp/common/images/bg_icons.png);
  background-position: -180px center;
  background-repeat: no-repeat;
  overflow: hidden
}
li.icon>a[href*='.mp4']:after, li.icon>a[href*='.mp4']>span.after, ul.icon>li>a[href*='.mp4']:after, ul.icon>li>a[href*='.mp4']>span.after, #indexList .lay3Col h2>a[href*='.mp4']:after, #indexList .lay3Col h2>a[href*='.mp4']>span.after {
  display: none
}
li.icon.nest>a, ul.icon>li.nest>a, #indexList .lay3Col h2.nest>a {
  padding-left: 20px
}
li.icon.nest>a:after, li.icon.nest>a>span.after, ul.icon>li.nest>a:after, ul.icon>li.nest>a>span.after, #indexList .lay3Col h2.nest>a:after, #indexList .lay3Col h2.nest>a>span.after {
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  margin: -6px 0 0 0
}
li.icon.nest>ul, ul.icon>li.nest>ul, #indexList .lay3Col h2.nest>ul {
  margin-left: 20px
}
a.pdf {
  display: inline-block;
  width: 25px;
  margin: -.5em 0 -.5em 5px;
  padding: .5em 0;
  text-indent: 100%;
  vertical-align: middle;
  background: url(//cdn2.hubspot.net/hubfs/1970584/jp/common/images/bg_icons.png) -60px center no-repeat;
  overflow: hidden
}
.infoList *+dt {
  margin-top: 30px
}
.infoList *+dd {
  margin-top: .2em
}
.infoList dt span, .infoList dt img {
  display: inline-block
}
.infoList dt *+span, .infoList dt *+img {
  margin-left: .5em
}
.infoList dt span {
  font-weight: bold
}
.infoList dt img {
  vertical-align: middle
}
.infoList a {
  color: #494949
}
.infoList a:hover, .infoList a:active {
  color: #ea6a00
}
.infoList .release {
  color: #e7710f
}
.infoList .info {
  color: #e18916
}
.infoList .group {
  color: #bd2c48
}
.infoList .seminar {
  color: #00556a
}
.infoList .event {
  color: #30a20d
}
.infoList .service {
  color: #bd2c48
}
.infoList .maintenance {
  color: #30a20d
}
.infoList .close {
  color: #666
}
.infoList+.btnLink {
  margin-top: 30px;
  text-align: left
}
h1+#snsIcons {
  margin: -25px 0 35px
}
.infoDate+#snsIcons {
  margin: -55px 0px 35px 6.5em
}
#snsIcons:after {
  content: '';
  display: block;
  clear: both
}
#snsIcons li {
  float: left;
  margin: 0 10px 0 0;
  padding-left: 0;
  overflow: hidden
}
#snsIcons li:before, #snsIcons li>span.before {
  display: none
}
@media only screen and (max-width: 640px) {
  .infoDate+#snsIcons {
    margin: -25px 0 35px
  }
}
.infoHead {
  position: relative
}
.infoHead h1 {
  margin: 0 80px 0 0
}
h1+.infoDate, .infoHead+.infoDate {
  margin: -25px 0 35px
}
.pastLog {
  margin: 10px 0 0 -10px;
  overflow: hidden
}
.pastLog:after {
  content: '';
  display: block;
  clear: both
}
.pastLog li {
  float: left;
  margin: 10px 0 0 -1px;
  padding: 0 10px;
  color: #fff;
  white-space: nowrap;
  line-height: 1.2em;
  border-left: 1px solid #494949
}
.pastLog li:before, .pastLog li>span.before {
  display: none
}
.pastLog li .current {
  color: #494949;
  text-decoration: none;
  cursor: default
}
h1+.pastLog {
  margin: -25px 0 35px -10px
}
.tag {
  margin-top: 10px
}
.tag:after {
  content: '';
  display: block;
  clear: both
}
.tag li {
  float: left;
  margin: 10px 10px 0 0;
  padding: 0 .8em;
  color: #fff;
  white-space: nowrap;
  line-height: 30px;
  background-color: #7ca8ba
}
.tag li:before, .tag li>span.before {
  display: none
}
h1+.tag {
  margin: -25px 0 35px
}
.tabList {
  border-bottom: 3px solid #7ca8ba
}
.tabList:after {
  content: '';
  display: block;
  clear: both
}
.tabList li {
  float: left;
  margin: 0 0 -1px;
  padding: 0
}
.tabList li:before, .tabList li>span.before {
  display: none
}
.tabList li:first-child {
  margin-left: -5px
}
.tabList a {
  display: block;
  min-width: 6em;
  margin-left: 5px;
  padding: 0 .5em;
  color: #494949;
  text-align: center;
  text-decoration: none;
  line-height: 37px;
  border: 1px solid #7ca8ba;
  -moz-border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px;
  border-radius: 5px 5px 0 0
}
.tabList .current a, .tabList a:hover {
  margin-top: -2px;
  padding-top: 2px;
  color: #fff;
  background-color: #7ca8ba
}
.btnLink {
  text-align: center
}
.btnLink li {
  display: inline;
  padding-left: 0
}
.btnLink li:before, .btnLink li>span.before {
  display: none
}
.btnLink a {
  display: inline-block;
  padding: 0 1em;
  color: #fff;
  text-align: center;
  text-decoration: none;
  line-height: 30px;
  white-space: nowrap;
  background-color: #ea6a00;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.btnLink a:hover, .btnLink a:active {
  background-color: #ea842f
}
figure img {
  display: block;
  margin: 0 auto
}
figure figcaption {
  margin-top: .5em;
  text-align: center
}
.roundR:after, .roundL:after, .parallelR:after, .parallelL:after {
  content: '';
  display: block;
  clear: both
}
.roundR .image, .parallelR .image, .parallelL .sentence {
  float: right
}
.roundL .image, .parallelL .image, .parallelR .sentence {
  float: left
}
.roundR .image {
  margin-left: 20px
}
.roundL .image {
  margin-right: 20px
}
.image {
  position: relative;
  z-index: 1
}
.sentence {
  text-align: left;
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}
.roundR figcaption, .roundL figcaption {
  padding-bottom: .5em
}
.roundR .image+*, .roundL .image+* {
  margin-top: 0
}
/* 　導入事例の画像部分で下にマージンが空きすぎ
main article .roundR .image {
  margin-bottom:20px!important;
}
*/
.roundL.sizeLM .sentence>*:first-child,
.roundL.sizeL .sentence>*:first-child,
.roundL.sizeM .sentence>*:first-child,
.roundL.sizeS .sentence>*:first-child,
.roundL.sizeSS .sentence>*:first-child,
.roundR.sizeLM .sentence>*:first-child,
.roundR.sizeL .sentence>*:first-child,
.roundR.sizeM .sentence>*:first-child,
.roundR.sizeS .sentence>*:first-child,
.roundR.sizeSS .sentence>*:first-child{
    margin-top: 0;
}


.sizeSS figcaption, .sizeS figcaption, .sizeM figcaption, .sizeL figcaption, .sizeLM figcaption {
  text-align: left
}
.sideL p:first-child, .sideL ul:first-child, .sideL ol:first-child, .sideL dl:first-child, .sideL figure:first-child, .sideL table:first-child, .sideL iframe:first-child, .sideL .wm-border:first-child, .sideL .wm-background:first-child, .sideL .wm-border-background:first-child, .sideR p:first-child, .sideR ul:first-child, .sideR ol:first-child, .sideR dl:first-child, .sideR figure:first-child, .sideR table:first-child, .sideR iframe:first-child, .sideR .wm-border:first-child, .sideR .wm-background:first-child, .sideR .wm-border-background:first-child {
  margin-top: 20px
}
.sideL, .sideR {
  width: 48%;
  max-width: 580px
}
.sideL figure img, .sideR figure img {
  margin: 0
}
.sideL {
  float: left
}
.sideR {
  float: right
}
/*中身をセンタリング*/
.itemCenter *{text-align:center!important;margin-left:auto;margin-right:auto;}


.btnLink2 a {
  padding: 14px 20px;
  color: #fff;
  text-align: center;
  text-decoration: none;
  line-height: 30px;
  white-space: nowrap;
  background-color: #3B8DC7;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  font-size: 1.1em;
}
.btnLink2 {
  text-align: center;
  clear: both;
  margin: 25px 0 15px 0;
}
@media only screen and (max-width: 800px) {
.sideL, .sideR {
  float: none;
  width: auto;
  max-width: 100%
  }
.sideR {
  margin-top: 20px
  }
}
.indexLink {
  margin: 0 -15px
}
.indexLink li {
  float: left;
  width: 50%;
  margin-top: 0;
  padding-left: 0
}
.indexLink li:before, .indexLink li>span.before {
  display: none
}
.indexLink li+li+li {
  margin-top: 30px
}
.indexLink li>* {
  position: relative;
  display: block;
  margin: 0 15px
}
.indexLink li>a {
  padding: 1em 30px 1em 45px;
  color: #333;
  font-size: 1.43em;
  text-decoration: none;
  line-height: 1.4em;
  background-color: #fff;
  border: 1px solid #e8e8e8
}
.indexLink li>a:hover {
  color: #ea6a00
}
.indexLink li>a:after {
  content: '';
  position: absolute;
  left: 30px;
  top: 1.7em;
  display: block;
  width: 7px;
  height: 7px;
  margin: -4px 0 0 -4px;
  border-right: 1px solid #999;
  border-bottom: 1px solid #999;
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg)
}
.indexLink li>a:hover:after {
  border-color: #ea6a00
}
.indexLink li>a[target="_blank"] {
  padding-left: 15px
}
.indexLink li>a[target="_blank"]:before, .indexLink li>a[target="_blank"]>span.before {
  content: '・';
  display: inline-block;
  width: 25px;
  margin: -.5em 0 -.5em -25px;
  padding: .5em 0;
  text-indent: 100%;
  vertical-align: top;
  background-image: url(//cdn2.hubspot.net/hubfs/1970584/jp/common/images/bg_icons.png);
  background-position: -40px center;
  background-repeat: no-repeat;
  overflow: hidden;
  margin: 0 10px 0 15px;
  width: 12px;
  padding: 0
}
.indexLink li>a[target="_blank"]:hover:before, .indexLink li>a[target="_blank"]:active:before, .indexLink li>a[target="_blank"]:hover>span.before, .indexLink li>a[target="_blank"]:active>span.before {
  background-position: -20px center
}
.indexLink li>a[target="_blank"]:after, .indexLink li>a[target="_blank"]>span.after {
  display: none
}
.clearfix .indexLink li {
  float: none;
  width: auto
}
.clearfix .indexLink li+li {
  margin-top: 30px
}
@media only screen and (max-width: 800px) {
.indexLink li {
  float: none;
  width: auto
}
.indexLink li+li {
  margin-top: 30px
}
}
@media only screen and (max-width: 800px) {
.indexLink {
  margin: 0
}
.indexLink li>* {
  margin: 0
}
}
#contactNo h2 {
  width: 94%;
  max-width: 22em;
  margin: -1em auto 0;
  padding: 0;
  font-size: 2em;
  background-color: #fff;
  border-style: none
}
#contactNo h2 br {
  display: none
}
#contactNo p {
  margin-top: 0
}
#contactNo .alpFont {
  margin-top: 50px;
  font-size: 4.28em;
  line-height: 1.2em
}
#contactNo .btnLink {
  margin: 40px 15px 0;
  font-size: 2em;
  line-height: 1em
}
#contactNo .btnLink a:first-line {
  font-size: .57em
}
#contactNo .btnLink a {
  padding: .2em 2em .6em;
  margin:0 auto;
  min-width:300px;
  max-width:600px;
  display:block;
}
.content+#contactNo, section+#contactNo, #company+#contactNo {
  padding-top: 0
}
#contactNo+.content {
  margin-top: -30px;
  padding: 0 10px
}

/*20201102追記 CTA内 GTM用DIV対応*/
#contactNo .btnLink a div{
  display:inline;
}

/*20201102追記 サービス個別CTA*/
#contactNo .btnLink.footer_cta_inquiry_button{
  width:436px;
  margin-left:auto;
  margin-right:auto;
}
@media only screen and (max-width: 480px){
  #contactNo .btnLink.footer_cta_inquiry_button{
    width: 100%;
  }
}
#contactNo .btnLink.footer_cta_inquiry_button {
  font-size:2.3em;
}
#contactNo .btnLink.footer_cta_inquiry_button a {
  padding: .5em 0 .5em;
}
#contactNo .btnLink.footer_cta_inquiry_button a::first-line {
    font-size: .6em;
}
@media only screen and (max-width: 640px) {
  #contactNo .btnLink.footer_cta_inquiry_button a {
    /*display:inline-block;*/
    width: auto ;
    max-width:90%;
    /*padding-left: 2em;
    padding-right: 2em;*/
    box-sizing: border-box;
  }
}

/*20171127追記 複数CTA*/
#contactNo.pluralize{}
#contactNo.pluralize h2{}
#contactNo.pluralize .alpFont{}
#contactNo.pluralize .alpFont+p br{
    display:none;
}
#contactNo.pluralize h3{
    font-size: 1.43em;
    border:none!important;
    padding-bottom:0.8em;
}
#contactNo.pluralize .btnLink{
    margin:0 0 0 5px;
    font-size: 2.3em;
}
#contactNo.pluralize .btnlink:first-child{
    margin:0px;
}
#contactNo.pluralize .btnLink a{
    padding: .5em 0 .5em;
}
#contactNo.pluralize .btnLink a:first-line {
  font-size: 0.6em;
}
#contactNo.pluralize .btnwrap{
  text-align:center;
  display: flex;
  margin:0 auto;
  width:436px;
}
@media only screen and (min-width: 641px) {
  #contactNo.pluralize .btnwrap{width:596px;}
}
#contactNo.pluralize .btnwrap .btnLink{
    /*display:inline-block;*/
}
#contactNo.pluralize .btnwrap .btnLink a{
    width: 194px;
    min-width:194px;
}


#contactNo.pluralize .line{
    color:#999;
    position:relative;
    margin:30px auto 35px;
}
#contactNo.pluralize .line:after{
    content:"";
    display:block;width:596px;
    margin:-0.7em auto 0;
    border-top:1px solid #ddd;
}
#contactNo.pluralize .line span{
    background:#fff;
    padding:0 13px;
}
#contactNo.pluralize .line+.btnLink{
}
#contactNo.pluralize .line+.btnLink a{
/*     background:#eda52f; */
    width:436px;
}
@media only screen and (min-width: 641px) {
  #contactNo.pluralize .line+.btnLink a{width:600px;}
}
#contactNo.pluralize .line+.btnLink a:hover{
/*     background:#f1b759; */
}

/*テレキューブ*/
#contactNo.pluralize.telecube{}
#contactNo.pluralize.telecube .btnwrap .btnLink a{
    /*width:200px;
    min-width:200px;*/
}

@media only screen and (max-width: 640px) {
#contactNo h2 {
  width: auto;
  max-width: 200%;
  margin: -4px -4px 0;
  padding: 4px 4px 20px;
  font-size: 1.72em;
  text-align: left;
  border-bottom: 3px solid #f0f0f0
}
#contactNo .alpFont {
  font-size: 3.75em
}
#contactNo .btnLink {
  margin-top: 20px;
  font-size: 2em;
  line-height: 1em
}
#contactNo .btnLink a:first-line {
  font-size: .57em
}
#contactNo .btnLink a {
  width: 100%;
  max-width: 14em;
  min-width: initial;
  min-width: auto;
  padding: .2em 0 .6em
}
.btnLink2 a {
  display: block;
  padding: 7px 0;
  color: #fff;
  text-align: center;
  text-decoration: none;
  line-height: 30px;
  white-space: nowrap;
  background-color: #3B8DC7;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  font-size: 1em;
}

/*20171127追記 複数CTA*/
#contactNo.pluralize h2{
    margin: -1.6em -4px 0;
    padding: 0 4px 20px;
}
#contactNo.pluralize .alpFont{
    margin-top:40px;
}
#contactNo.pluralize h3{
    margin-top:20px;
}
#contactNo.pluralize .btnLink {
    font-size: 2em;
}
#contactNo.pluralize .btnwrap .btnLink a {
    width: 140px;
    min-width:140px;
}

#contactNo.pluralize .line:after{
    width:436px;
}

#contactNo.pluralize .line+.btnLink a {
    min-width: 440px;
}
/*テレキューブ*/
#contactNo.pluralize.telecube .btnwrap .btnLink{
    display:block;
    margin-top:20px;
}
#contactNo.pluralize.telecube .btnwrap .btnLink a{
    /*width:290px;
    min-width:290px;*/
}
}
  @media only screen and (max-width: 480px) {
    #contactNo .alpFont {
      font-size: 2.86em
    }
    #contactNo .btnLink {
      font-size: 1.43em
    }
    #contactNo .btnLink a:first-line {
      font-size: .7em
    }

  /*20171127追記 複数CTA*/
  #contactNo.pluralize .alpFont+p br{
      display:block;
  }
      #contactNo.pluralize .btnwrap{
        width:290px;
    }
  #contactNo.pluralize .btnLink {
      font-size: 1.43em
  }
  #contactNo.pluralize .btnwrap .btnLink a{
      width: 90px;
      min-width:90px;
  }
  #contactNo.pluralize .line:after{
      width:290px;
  }
  #contactNo.pluralize .line+.btnLink a{
      min-width:290px;
  }
  }
#toHead {
  position: absolute;
  width: 100%;
  margin: 0 -10px
}
#toHead p {
  height: 0;
  padding: 0 10px;
  max-width: 1200px;
  min-width: 980px;
  margin: 0 auto
}
@media only screen and (max-width: 800px) {
  #toHead p {
    max-width: 100%;
    min-width: 0
  }
}
#toHead a {
  position: relative;
  display: block;
  width: 60px;
  height: 60px;
  margin: -60px 0 0 auto;
  text-indent: 100%;
  white-space: nowrap;
  background-color: #494949;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  overflow: hidden
}
#toHead a:before, #toHead a:after, #toHead span.before, #toHead span.after {
  content: '';
  position: absolute;
  left: 50%;
  display: block;
  width: 0;
  height: 0;
  margin-left: -15px;
  border-style: solid;
  border-width: 0 15px 15px 15px
}
#toHead a:before, #toHead span.before {
  top: 21px;
  border-color: transparent transparent #fff transparent
}
#toHead a:after, #toHead span.after {
  top: 23px;
  border-color: transparent transparent #494949 transparent
}
#toHead.flow {
  position: fixed;
  bottom: 0
}
#subScreen {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #000;
  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  z-index: 1000;
  cursor: pointer
}
#subWin {
  position: fixed;
  top: 10%;
  bottom: 10%;
  left: 0;
  right: 0;
  display: none;
  width: 100%;
  height: 80%;
  max-width: 980px;
  margin: auto;
  z-index: 999
}
#subWin.sp {
  top: 20%;
  bottom: 20%;
  height: 60%
}
.flowWin {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  margin: auto;
  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  z-index: 1001
}
.flowWin .inner {
  height: 1px;
  overflow: visible
}
.flowWin iframe, .flowWin video, .flowWin embed, .flowWin img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  z-index: 1002
}
.flowWin .btnClose {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -2em;
  margin: 0 auto;
  color: #fff;
  text-align: center;
  cursor: pointer;
  z-index: 1003
}
.youtube {
  max-width: 800px
}
.youtube .inner {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 0;
  padding-top: 56.92%;
  margin: auto;
  background-color: #000
}
.youtube .inner iframe {
  height: 100%
}
#lNav {
  float: left;
  width: 24%;
  max-width: 280px
}
#lNav.active-only .active-branch-first > ul > li:not(.active-branch) {
  display:none;  
}
#lNav nav ul, #lNav nav li {
  margin-top: 0
}
#lNav nav a {
  position: relative;
  display: block;
  color: #333;
  text-decoration: none
}
#lNav nav a:hover, #lNav nav a:active, #lNav nav a.current {
  color: #ea6a00
}
#lNav nav>div>ul>li>a,
#lNav nav>div>ul>li a.cta_button {
  padding-top: .4em;
  font-size: 1.43em;
  font-weight: bold
}
#lNav nav>div>ul>li>a.current {
  color: #333;
}
#lNav nav>div>ul>li>a:hover {
  color: #ea6a00;
}
#lNav nav>div>ul>li>ul {
  margin-top: 20px;
  border: 1px solid #ddd
}
#lNav nav>div>ul>li>ul>li {
  position: relative;
  margin-bottom: -1px;
  border-bottom: 1px solid #ddd;
  z-index: 1
}
#lNav nav>div>ul>li>ul>li+li {
  border-top: 1px solid #ddd
}
#lNav nav>div>ul>li>ul>li>a {
  padding: .9em 20px .9em 36px;
  font-size: 1.14em;
  line-height: 1.4em
}
#lNav nav>div>ul>li>ul>li>a:before {
  content: '';
  position: absolute;
  left: 21px;
  top: 1.6em;
  display: block;
  width: 7px;
  height: 7px;
  margin: -4px 0 0 -4px;
  border-right: 1px solid #999;
  border-bottom: 1px solid #999;
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg)
}
#lNav nav>div>ul>li>ul>li>a.current {
  margin-left: -1px;
  padding-left: 34px;
  border-left: 3px solid #ea6a00
}
#lNav nav>div>ul>li>ul>li>a.current:before {
  left: 19px
}
#lNav nav>div>ul>li>ul>li>a[target="_blank"] {
  padding-left: 36px
}
#lNav nav>div>ul>li>ul>li>a[target="_blank"]:before {
  content: '・';
  display: inline-block;
  width: 25px;
  margin: -.5em 0 -.5em -25px;
  padding: .5em 0;
  text-indent: 100%;
  vertical-align: top;
  background-image: url(//cdn2.hubspot.net/hubfs/1970584/jp/common/images/bg_icons.png);
  background-position: -40px center;
  background-repeat: no-repeat;
  overflow: hidden;
  margin: 0 5px 0 -5px;
  width: 12px;
  height: auto;
  padding: 0;
  border: none;
  top: auto;
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg)
}
#lNav nav>div>ul>li>ul>li>a[target="_blank"]:hover:before, #lNav nav>div>ul>li>ul>li>a[target="_blank"]:active:before {
  background-position: -20px center
}
#lNav nav>div>ul>li>ul>li>a[target="_blank"]:after {
  display: none
}
#lNav nav>div>ul>li>ul>li.active-branch {
  margin: 1px 0 0 -1px;
  border-style: none;
  border-left: 3px solid #ea6a00;
  z-index: 0
}
#lNav nav>div>ul>li>ul>li.active-branch>a {
  padding-left: 35px
}
#lNav nav>div>ul>li>ul>li.active-branch>a:before {
  left: 23px;
  margin: -8px 0 0 -8px;
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg)
}
#lNav nav>div>ul>li>ul>li.active-branch>a.current {
  margin-left: -3px
}
#lNav nav>div>ul>li>ul>li.active-branch:first-child {
  margin-top: 0
}
#lNav nav>div>ul>li>ul>li>ul {
  margin: -.6em 20px 0 38px;
  padding-bottom: .5em
}
#lNav nav>div>ul>li>ul>li.hs-item-has-children>ul {
  display: none;
}
#lNav nav>div>ul>li>ul>li.hs-item-has-children.active-branch ul {
  display: block;
}
#lNav nav>div>ul>li>ul>li>ul>li>a {
  padding: .5em 0
}

#lNav nav>div>ul>li>ul>li>ul>li>a[target="_blank"]:before {
    content: '・';
    display: inline-block;
    width: 25px;
    margin: -.5em 0 -.5em -25px;
    padding: .5em 0;
    text-indent: 100%;
    vertical-align: top;
    background-image: url(//cdn2.hubspot.net/hubfs/1970584/jp/common/images/bg_icons.png);
    background-position: -40px center;
    background-repeat: no-repeat;
    overflow: hidden;
    margin: 0 5px 0 5px;
    width: 12px;
    padding: 0;
}
#lNav nav li li li ul {
  margin-left: 1em;
  display: none;
}
#lNav nav li li li ul.active-branch {
  display: block;
}
#lNav nav>div>ul>li>ul>li.hs-item-has-children.active-branch ul>li.hs-item-has-children>ul {
  display: none;
}
#lNav.service nav>div>ul>li>ul>li.hs-item-has-children.active-branch ul>li.hs-item-has-children>ul {
  display: block;
}
#lNav nav>div>ul>li>ul>li.hs-item-has-children.active-branch ul>li.hs-item-has-children.active-branch>ul {
  display: block;
}
#lNav nav li li li li a {
  padding: .5em 0 .5em 10px
}
#lNav nav li li li li a:before {
  content: '';
  position: absolute;
  top: 1.2em;
  left: 0;
  display: block;
  width: 6px;
  height: 6px;
  margin-top: -6px;
  border-style: solid;
  border-width: 0 0 1px 1px;
  border-color: #999
}
#lNav nav li li li li.current a:before {
  border-color: #ea6a00
}
#lNav aside {
  margin-top: 30px;
  padding: 20px;
  line-height: 1.2em;
  background-color: #f0f0f0
}
#lNav aside h2:first-child {
  margin: -21px -21px 20px -21px;
  padding-bottom: 20px;
  font-size: 1.14em;
  font-weight: normal;
  background-color: #fff
}
#lNav aside img {
  display: block
}
@media only screen and (max-width: 800px) {
  #lNav {
    float: none;
    width: auto;
    max-width: 100%;
    padding-top: 50px;
    padding-bottom: 80px
  }
}
main {
  max-width: 1200px;
  min-width: 980px;
  margin: 0 auto;
  margin-top: 20px
}
main:after {
  content: '';
  display: block;
  clear: both
}
article {
  float: right;
  width: 74%;
  max-width: 880px;
  padding-bottom: 120px
}
article.wide {
  float: none;
  width: auto;
  max-width: 100%
}
@media only screen and (max-width: 800px) {
  main {
    max-width: 100%;
    min-width: 0
  }
  article {
    float: none;
    width: auto;
    max-width: 100%;
    padding-bottom: 0
  }
}
#contactNo {
  margin-top: 70px;
  padding: 0 0 50px;
  text-align: center;
  border: 3px solid #f0f0f0
}
@media only screen and (max-width: 800px) {
  #contactNo {
    padding: 0 0 20px;
  }
}
article h1 {
  margin-bottom: 35px;
  color: #333;
  font-size: 2em
}
article h2 {
  padding-bottom: .5em;
  font-size: 1.72em;
  border-bottom: 1px solid #ddd
}
article h2.no-border {
  padding-bottom: 0;
  border-bottom: none
}
article h3 {
  padding-bottom: .8em;
  font-size: 1.14em;
  border-bottom: 1px solid #ddd
}
article h2, article h3, article h4, article h5, article h6 {
  margin-top: 45px
}
ul.lay2Col, ul.lay3Col {
  margin: 0 0 0 -10px
}
ul.lay2Col li, ul.lay3Col li {
  float: left;
  margin-top: 20px
}
ul.lay2Col a, ul.lay3Col a {
  margin-left: 10px
}
ul.lay2Col:after, ul.lay3Col:after {
  content: '';
  display: block;
  clear: both
}
.wm-border ul.lay2Col, .wm-background ul.lay2Col, .wm-border-background ul.lay2Col, .wm-border ul.lay3Col, .wm-background ul.lay3Col, .wm-border-background ul.lay3Col {
  margin-top: -19px !important
}
ul.lay2Col li {
  min-width: 50%
}
@media only screen and (max-width: 640px) {
  ul.lay2Col li {
    float: none;
    min-width: 100%
  }
}
ul.lay3Col li {
  min-width: 33.333%
}
@media only screen and (max-width: 640px) {
  ul.lay3Col li {
    min-width: 50%
  }
}
@media only screen and (max-width: 480px) {
  ul.lay3Col li {
    float: none;
    min-width: 100%
  }
}
.roundR .sizeM, .roundL .sizeM {
  max-width: 50%
}
.sizeLM .image {
  max-width: 420px
}
@media only screen and (max-width: 800px) {
  .sizeLM .image {
    float: none;
    margin-left: auto !important;
    margin-right: auto !important
  }
  .sizeLM .sentence {
    float: none;
    width: auto;
    margin-top: 20px;
    padding: 0 !important
  }
  .sizeLM .sentence+.image {
    margin-top: 20px
  }
}
.sizeL .image {
	/*width: 49%;/*20180807*/
  max-width: 350px
}
/*#case .sizeL .image {
	width: 65%;/*20180807
  max-width: 470px
}*/

@media only screen and (max-width: 800px) {
  .sizeL .image {
    float: none;
    margin-left: auto !important;
    margin-right: auto !important;
    width: 100%;/*20180807*/
  }
  .sizeL .sentence {
    float: none;
    width: auto;
    margin-top: 20px;
    padding: 0 !important
  }
  .sizeL .sentence+.image {
    margin-top: 20px
  }
}
.sizeM .image {
  max-width: 240px
}
@media only screen and (max-width: 560px) {
  .sizeM .image {
    float: none;
    margin-left: auto !important;
    margin-right: auto !important
  }
  .sizeM .sentence {
    float: none;
    width: auto;
    margin-top: 20px;
    padding: 0 !important
  }
  .sizeM .sentence+.image {
    margin-top: 20px
  }
}
.sizeS .image {
  max-width: 160px
}
@media only screen and (max-width: 480px) {
  .sizeS .image {
    float: none;
    margin-left: auto !important;
    margin-right: auto !important
  }
  .sizeS .sentence {
    float: none;
    width: auto;
    margin-top: 20px;
    padding: 0 !important
  }
  .sizeS .sentence+.image {
    margin-top: 20px
  }
}

.sizeSS .image {
  max-width: 120px
}
@media only screen and (max-width: 480px) {
  /*.sizeSS .image {
    float: none;
    margin-left: auto !important;
    margin-right: auto !important
  }
  .sizeSS .sentence {
    float: none;
    width: auto;
    margin-top: 20px;
    padding: 0 !important
  }
  .sizeSS .sentence+.image {
    margin-top: 20px
  }*/
}
.parallelL.sizeLM .image {
  margin-right: -420px
}
.parallelL.sizeLM .sentence {
  padding-left: 440px
}
.parallelL.sizeL .image {
  margin-right: -350px
}
.parallelL.sizeL .sentence {
  padding-left: 370px
}
.parallelL.sizeM .image {
  margin-right: -240px
}
.parallelL.sizeM .sentence {
  padding-left: 260px
}
.parallelL.sizeS .image {
  margin-right: -160px
}
.parallelL.sizeS .sentence {
  padding-left: 180px
}
.parallelL.sizeSS .image {
  margin-right: -120px
}
.parallelL.sizeSS .sentence {
  padding-left: 130px
}
.parallelL.sizeLM .sentence>*:first-child, .parallelL.sizeL .sentence>*:first-child, .parallelL.sizeM .sentence>*:first-child, .parallelL.sizeS .sentence>*:first-child, .parallelL.sizeSS .sentence>*:first-child {
  margin-top: 0
}
.parallelR.sizeLM .image {
  margin-left: -420px
}
.parallelR.sizeLM .sentence {
  padding-right: 440px
}
.parallelR.sizeL .image {
  margin-left: -350px
}
.parallelR.sizeL .sentence {
  padding-right: 370px
}
.parallelR.sizeM .image {
  margin-left: -240px
}
.parallelR.sizeM .sentence {
  padding-right: 260px
}
.parallelR.sizeS .image {
  margin-left: -160px
}
.parallelR.sizeS .sentence {
  padding-right: 180px
}
.parallelR.sizeSS .image {
  margin-left: -120px
}
.parallelR.sizeSS .sentence {
  padding-right: 130px
}
.parallelR.sizeLM .sentence>*:first-child, .parallelR.sizeL .sentence>*:first-child, .parallelR.sizeM .sentence>*:first-child, .parallelR.sizeS .sentence>*:first-child, .parallelR.sizeSS .sentence>*:first-child {
  margin-top: 0
}
@media only screen and (max-width: 480px) {
  .roundR .image, .roundL .image {
    float: none;
    margin: 0;
    text-align: center
  }
}
#dataCompany {
  margin-top: 10px
}
#dataCompany:after {
  content: '';
  display: block;
  clear: both
}
#dataCompany dt {
  position: relative;
  float: left;
  min-width: 4em;
  padding-right: 1em
}
#dataCompany dt:after {
  position: absolute;
  content: '：';
  top: 0;
  right: 0
}
#dataCompany dd {
  padding: 0 0 .2em 5em;
  word-break: break-all
}
.sentence+.wm-border-background {
  clear: both;
  width: 100%;
  float: left;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}
#dataEvaluation dt {
  padding-bottom: .8em;
  font-size: 1.14em;
  border-bottom: 1px solid #ddd
}
#dataEvaluation *+dt {
  margin-top: 20px
}
#dataEvaluation *+dd {
  margin-top: 1em
}
.textLarge {
  font-size: 1.43em
}
.textLarge strong {
  font-weight: bold
}
p+.textLarge {
  margin-top: 0
}
.infoIR {
  padding-left: 60px
}
.infoIR dt {
  float: left;
  clear: both;
  margin-left: -60px
}
.infoIR *+dt {
  margin-top: 1em
}
.infoIR dt+dd {
  margin-top: 1em;
  padding: 0 0 .5em 7em
}
.infoIR img {
  vertical-align: middle
}
.infoIR time {
  display: inline-block;
  min-width: 6em;
  vertical-align: middle
}
.infoIR .pdf {
  display: inline-block;
  content: '・';
  display: inline-block;
  width: 25px;
  margin: -.5em 0 -.5em -25px;
  padding: .5em 0;
  text-indent: 100%;
  vertical-align: top;
  background-image: url(//cdn2.hubspot.net/hubfs/1970584/jp/common/images/bg_icons.png);
  background-position: -60px center;
  background-repeat: no-repeat;
  overflow: hidden;
  margin: -.5em 5px;
  vertical-align: middle
}
@media only screen and (max-width: 800px) {
  .infoIR {
    padding-left: 0
  }
  .infoIR dt {
    float: none;
    margin-left: 0
  }
  .infoIR dt+dd {
    margin-top: .5em;
    padding-left: 0
  }
}
html[lang='en'] .infoIR dt+dd {
  padding-left: 8em
}
html[lang='en'] .infoIR time {
  min-width: 6.5em
}
.youtube {
  margin: 20px auto 0
}
.youtube.wid560 {
  width: 560px
}
@media only screen and (max-width: 580px) {
  .youtube.wid560 {
    position: relative;
    width: auto;
    padding-top: 57.26%
  }
  .youtube.wid560 iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
  }
}
.dataTable {width:100%;}
.dataTable td.spAdd {
  display: none
}
@media only screen and (max-width: 640px) {
  .dataTable, .dataTable thead, .dataTable tbody, .dataTable tfoot, .dataTable tr, .dataTable th, .dataTable td {
    display: block
  }
  .dataTable thead {
    display: none
  }
  .dataTable *+tr {
    margin-top: 20px
  }
  .dataTable th, .dataTable td {
    margin-top: -1px;
    width: auto;
    text-align: left !important
  }
  .dataTable tbody th {
    background-color: #ddd
  }
  .dataTable td[data-item-name]:before {
    content: attr(data-item-name);
    display: block;
    margin: -19px -19px 19px;
    padding: 10px 19px;
    line-height: 1.2em;
    vertical-align: top;
    background-color: #f0f0f0;
    border-bottom: 1px solid #c8c8c8
  }
  .dataTable td.spAdd {
    display: block
  }
  .dataTable caption {
    display: block;
    padding-bottom: .3em
  }
}
.dataTable td.spAdd {
  display: none
}
@media only screen and (max-width: 640px) {
  .dataTable, .dataTable thead, .dataTable tbody, .dataTable tfoot, .dataTable tr, .dataTable th, .dataTable td {
    display: block
  }
  .dataTable thead {
    display: none
  }
  .dataTable *+tr {
    margin-top: 20px
  }
  .dataTable th, .dataTable td {
    margin-top: -1px;
    width: auto;
    text-align: left !important
  }
  .dataTable tbody th {
    background-color: #ddd
  }
  .dataTable td[data-item-name]:before {
    content: attr(data-item-name);
    display: block;
    margin: -19px -19px 19px;
    padding: 10px 19px;
    line-height: 1.2em;
    vertical-align: top;
    background-color: #f0f0f0;
    border-bottom: 1px solid #c8c8c8
  }
  .dataTable td.spAdd {
    display: block
  }
  .dataTable caption {
    display: block;
    padding-bottom: .3em
  }
}
/* vgp-footer */
#vgp-footer{
  font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ　Ｐゴシック","MS P Gothic",sans-serif;
  height: 70px;
  width: 100%;
  font-size: 12px;
  color: #494949;
  background:#f8f8f8 url(//cdn2.hubspot.net/hubfs/1970584/jp/common/images/vgp-footer/background.png) no-repeat left top;
  background-size: 100% 3px;
  position: relative;
  line-height: 1.5;
  box-sizing: content-box;
    margin: 0 -10px;
    padding: 0 10px;
}
#vgp-footer ul,
#vgp-footer ul li{
  margin: 0;
  padding: 0;
  list-style: none!important;
}
#vgp-footer ol{
  margin: 0;
  padding: 0;
  list-style-type: none;
}
#vgp-footer a{
  transition-property: all;
  transition-duration: .3s;
  transition-timing-function: ease;
}
#vgp-footer a{
  color:#494949;
  cursor: pointer;
  position: relative;
  text-decoration: none;
}
#vgp-footer a:hover{
  color:#7d7d7d;
  text-decoration: none;
}
.vgp-open{
  cursor: pointer;
}
#vgp-footer-inner{
  position: relative;
  max-width: 1200px;
  height: 70px;
  margin:0 auto;
  padding: 0 20px;
}
#vgp-footer-inner div.vgp-logo{
  position: absolute;
  left: 20px;
  width: 143px;
  height:28px;
  top:0;
  bottom:0;
 padding: 21px 0;
}
#vgp-footer div.vgp-logo img{
  width: 100%;
}
#vgp-footer-inner p{
  position: absolute;
  right: 20px;
  top:0;
  bottom:0;
  height: 1.5em;
  padding: 26px 0;
    margin: 0;
}
#vgp-footer-inner p a{
  padding: 10px 0;
}
#vgp-footer-inner p a:before{
  content:" ";
  display: block;
  position: absolute;
  width: 0px;
  height: 0px;
  border: 3px solid transparent;
  border-bottom: 5px solid #999;
  top:0;
  margin: auto;
  bottom: 0;
  left: -15px;
}
#vgp-footer-inner p a:hover:before{
  border-bottom: 5px solid #e58600;
}
/*      list      */
#vgp-footer div.vgp-list{
  width: 100%;
  bottom:70px;
  position: absolute;
  z-index: 1000;
  display: none;
  background: #f5f5f5;
    margin: 0 -10px;
}
#vgp-footer ul.vgp-list-inner{
  margin: 0 auto;
  max-width: 1200px;
  padding: 10px 20px;
  z-index: 10000;
  text-align: right;
}
#vgp-footer ul.vgp-list-inner li{
  display: inline-block;
  *display: inline;
  *zoom: 1;
  padding: 10px 0 10px 20px;
}
#vgp-footer ul.vgp-list-inner li a{
  width: 100%;
  padding: 10px 0 10px 10px;
}
#vgp-footer ul.vgp-list-inner li a span{
  position: relative;
}
#vgp-footer ul.vgp-list-inner li a span:before{
  content:" ";
  display: block;
  position: absolute;
  width: 0px;
  height: 0px;
  border: 3px solid transparent;
  border-left: 5px solid #999;
  top:0;
  margin: auto;
  bottom: 0;
  left: -13px;
}
#vgp-footer ul.vgp-list-inner li a:hover span:before{
  border-left: 5px solid #e58600;
}
#vgp-mobile-footer{
  display: none;
}
@media screen and (max-width: 1000px) {
  #vgp-footer,#vgp-footer-inner{
    height: 60px;
  }
  #vgp-footer-inner div.vgp-logo{
    position: absolute;
    left: 20px;
    width: 125px;
    height:25px;
    top:0;
    bottom:0;
   padding: 17px 0;
  }
  #vgp-footer div.vgp-logo img{
    width: 100%;
  }
  #vgp-footer-inner p{
    position: absolute;
    right: 20px;
    top:0;
    bottom:0;
    height: 1.5em;
    padding: 21px 0;
  }
  #vgp-footer div.vgp-list{
    bottom:60px;
  }
}
/* mobile */
@media screen and (max-width: 600px) {
  #vgp-footer{
    height: 60px;
  }
  #vgp-footer-inner{
    display: none;
  }
  #vgp-mobile-footer{
    display: block;
    height: 60px;
    margin: auto;
  }
  #vgp-mobile-footer a.vgp-open{
    width: 100%;
    height: 60px;
    display: block;
  }
#vgp-mobile-footer a.vgp-open span{
    width: 116px;
    height:24px;
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 15px;
    right: 0;
    margin: 0 auto;
    padding: 15px 20px;
  box-sizing: content-box;
  }
  #vgp-mobile-footer a.vgp-open span img{
    width: 100%;
  }
  #vgp-mobile-footer a.vgp-open span:before{
    content:" ";
    display: block;
    position: absolute;
    width: 16px;
    height: 16px;
    border: 1px solid #e58600;
    border-radius: 50%;
    top: 4px;
    bottom: 0;
    margin: auto;
    left: -8px;
  }
  #vgp-mobile-footer a.vgp-open span:after{
    content:" ";
    display: block;
    position: absolute;
    width: 0px;
    height: 0px;
    border: 3px solid transparent;
    border-bottom: 5px solid #e58600;
    margin: auto;
    top: 0;
    bottom: 0;
    margin: auto;
    left: -2px;
  }
  #vgp-footer ul.vgp-list-inner{
    padding: 0;
    margin:20px;
  }
  #vgp-footer ul.vgp-list-inner li{
    display: block;
    text-align: left;
    padding: 0px 20px;
  }
  #vgp-footer ul.vgp-list-inner li a{
    padding: 8px 0;
    display: block;
  }
}
/* HubSpot関連 */
#tPath .hs-breadcrumb-menu-divider {
  display: none;
}
#tPath .hs-breadcrumb-menu-item {
  float: none;
}

#lNav .hs-menu-depth-1 {
  display: none;
}
#lNav .hs-menu-depth-1.active, #lNav .hs-menu-depth-1.active-branch.active-branch-first {
  display: block;
}


/*下層レイアウト追記 201708*/
/*/////ページタイトル部分/////*/
header.catch_area {position:relative;}
header.catch_area .inner{
  position:relative;
  /*top:30px;bottom:76px;left:30px;right:0;
  margin:auto;max-width:880px;*/
}
header.catch_area .overLay{
  position: absolute;
  top:15px;left:10px;
  padding: 30px;
  /*background-color: rgba(255, 255, 255, 0.8);*/
  filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#F2ffffff,EndColorStr=#F2ffffff);/*IE8以下用*/
  z-index: 1;
}
#col2top header.catch_area .overLay{top:56px;left:1px;background-color: rgba(255, 255, 255, 0.8);}
header.catch_area .overLay h1, header.catch_area .overLay .catch_head {font-size:2em;line-height:1.6em;font-weight:normal;margin-bottom:0;}
#col2top header.catch_area .overLay h1{font-size:2.4em;}
header.catch_area .overLay p {font-size: 1.28em;margin-top:0;}
header.catch_area small {font-size: .7em}
header.catch_area .bgImage {
  position: relative;
  width:880px;max-height:250px;
  z-index: 0;
}
header.catch_area figure {position:relative;z-index:0;}
header.catch_area figure img {margin: 0 auto;}

@media only screen and (max-width: 800px) {
  header.catch_area .inner {}
  header.catch_area .overLay {left:15px;top:20px;padding:20px;}
  #col2top header.catch_area .overLay{top:40px;}
  header.catch_area .overLay h1 {font-size:1.48em;}
  #col2top header.catch_area .overLay h1{font-size:2em;}
  header.catch_area .overLay img {vertical-align: middle}
  header.catch_area .overLay p {font-size:1em;}
  header.catch_area .overLay p br {display: none}
  header.catch_area .bgImage {width:100%;}
  header.catch_area figure {}
}

@media only screen and (max-width: 640px) {
  .style_b>h1{margin-bottom:15px;}
  header.catch_area {}
  header.catch_area .inner{}
  header.catch_area .overLay{top:10px;padding:10px;}
  #col2top header.catch_area .overLay{top:40px;}
  header.catch_area .overLay h1 {font-size:1.2em;}
  #col2top header.catch_area .overLay h1{font-size:1.6em;}
  header.catch_area .overLay p {}
  header.catch_area .bgImage {}
  header.catch_area figure {}
}
@media only screen and (max-width: 580px) {
  header.catch_area .inner {}
  header.catch_area .overLay{top:10px;}
  #col2top header.catch_area .overLay{top:20px;}
  header.catch_area .overLay h1 {font-size:1em;}
}

/*/////アンカーリンク/////*/
.style_b .ancorWrap{width:912px;margin-left:-16px;}
.style_b #ancorNav {
    font-size:120%;
    display: table;
    width: 100%;margin: 14px 0;
    border-collapse: separate;
    border-spacing: 16px;
    table-layout: fixed;
}
.style_b #ancorNav a {
    position:relative;
    display: table-cell;
    padding: 15px 15px 30px;
    vertical-align: middle;
    border: 1px solid #ddd;
    border-top: 3px solid #ea6a00;
    text-decoration:none;
    color:#333;
}
.style_b #ancorNav a:hover {
    color:#ea6a00;
}
.style_b #ancorNav a:after{
    content:"";
    position:absolute;
    left:0;right:0;bottom:10px;
    margin:0 auto;
    display: block;
	width:12px;
	height:12px;
	border-bottom:2px solid #ea6a00;
	border-right:2px solid #ea6a00;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.style_b #ancorNav li{text-align:center;text-decoration:none;}

/*/////レイアウト/////*/
.style_b section{margin-bottom:50px;padding-top:30px;}
.style_b h3{
    position:relative;
    color:#ea6a00;font-size:1.6em;
    margin-top:0;border-bottom:none;padding-bottom:0;padding-left:5em;
}
.style_b h3 span{
    position:absolute;top:-2px;left:0;
    display:inline-block;padding:3px 10px;
    border-radius: 5px;
    color:#fff;font-size:85%;
    background-color:#ea6a00;
}
.style_b h4{font-size:1.6em;}
.style_b .issue{position:relative;padding:18px;margin-bottom:80px;border:2px solid #8bc8d2;}
.style_b .issue:before{
    content:"";
    display:block;width:0;height:0;
    position:absolute;
    bottom:-80px;left:0;right:0;
    margin:auto;
    border: 50px solid transparent;
    border-top: 30px solid #8bc8d2;
}
.style_b dl.style01{}
.style_b dl.style01 dt{font-weight:bold;font-size:120%;margin:15px 0 18px;}
.style_b dl.style01 dd{}
.style_b .service {}
.style_b .service>p{text-align:center;font-size:20px;font-weight:bold;}
.style_b .service>p+div{margin-top:20px;}
.style_b .sentence+.image{margin-top:20px;}
.style_b .sentence+.image figure{margin:0 auto;}

@media screen and (max-width: 800px) {
    .style_b .ancorWrap{width:102vw;}
    .style_b #ancorNav a br{display:none;}
    .style_b dl.style01{padding:0;}
}
@media screen and (max-width: 640px) {
    .style_b .ancorWrap{width:100%;margin-left:0;}
    .style_b #ancorNav{display:block;margin-top:20px;}
    .style_b #ancorNav a{display:block;margin-bottom:10px;}

    .style_b h3{/*padding-left:4em;*/}
    .style_b dl.style01{
        margin-bottom:40px;
        background-image:none;
    }
}


/*ウインドウ左下固定CTAバナー追記 201710*/
/*----------------------------------------
　fixedbnr_cta
----------------------------------------*/
#fixedbnr_cta{
    position:fixed;left:0;bottom:0;
    width:420px;/*padding:5px;*/
    z-index:100;
    border-top:5px solid #f5b580;
    background:#f1e9de;
    transition : transform;
    transition-duration : 0.5s;
    transition-timing-function : ease-in;
    transform : translateY(230px);
    box-shadow: 1px 7px 10px rgba(0,0,0,0.4);
    border-radius: 0 5px 0 0;
}
#fixedbnr_cta p{text-align:right;margin:5px 15px 10px 0;}
#fixedbnr_cta p:hover{cursor:pointer;color:#000;}
#fixedbnr_cta p+p{display:none;}
#fixedbnr_cta.cta_hide p:first-child{display:none;}
#fixedbnr_cta.cta_hide p+p{display:block;}
#fixedbnr_cta .cta{clear:both;}
#fixedbnr_cta .cta.hide{}

@media screen and (max-width: 640px) {
   #fixedbnr_cta{display:none!important;} 
}


/*----------------------------------------
　メルマガ_smart_cta
----------------------------------------*/
#fixedbnr_mail{
    position:fixed;left:0;bottom:0;
    width: 370px;/*padding:5px;*/
    z-index:10001;
    border-top:5px solid #ee9d59;
    background:#fbf3e6;
    transition : transform;
    transition-duration : 0.5s;
    transition-timing-function : ease-in;
    transform : translateY(230px);
    box-shadow: 1px 7px 10px rgba(0,0,0,0.4);
    border-radius: 0 5px 0 0;
}
#fixedbnr_mail p{margin-top:0;clear:both;line-height: 1.2em;color: #868686;font-style: normal;}
#fixedbnr_mail .close,
#fixedbnr_mail .close:before,
#fixedbnr_mail .close:after{
    position:absolute;top:7px;right:7px;
}
#fixedbnr_mail .close{
    width:15px;height:15px;
    z-index:101;
}
#fixedbnr_mail .close:before,
#fixedbnr_mail .close:after{
  display: block;right:0px;
  content: "";
  width:16px;height:2px;
  background-color: #767676;
  box-sizing: border-box;
  z-index:101;
}
#fixedbnr_mail .close:hover{cursor:pointer;}
#fixedbnr_mail .close:before{
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
#fixedbnr_mail .close:after{
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
#fixedbnr_mail .cta{
    clear:both;
    position:relative;
    overflow:hidden;
    padding:15px 15px 8px;
}
#fixedbnr_mail .cta h6{font-size:1.2em;font-weight:bold;margin-bottom:10px;}
#fixedbnr_mail .hs_email.field.hs-form-field{float:left;}
#fixedbnr_mail input.hs-button.primary.large {
    color:#fff;font-size: 1em;
    padding:8px 10px;margin:22px 0 0;float:right;
    background:#ea6a00;
    border:none;border-radius:5px;
}
/*clomeのみ適用*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
#fixedbnr_mail input.hs-button.primary.large {
padding:6px 10px;margin:20px 0 0;
 }
}
/*safariのみ適用*/
_::-webkit-full-page-media, _:future, :root #fixedbnr_mail input.hs-button.primary.large {
padding:8px 12px;margin:21px 0 0;
font-weight:bold;
}

#fixedbnr_mail .hs_email.field.hs-form-field span {
    font-weight: bold;
}
#fixedbnr_mail input[type="email"] {
    width:255px;padding:5px;
    font-size:1em;
    box-sizing: border-box; 
}
#fixedbnr_mail .hs-form-required,
#fixedbnr_mail .hs-error-msgs{color:#f00;font-size:85%;}
#fixedbnr_mail ul{margin-top:5px;}
#fixedbnr_mail .cta p{margin-top:10px;display:inline-block;}

.hs_email input::-webkit-input-placeholder {
    color: #acacac;
    font-weight:normal;
}
.hs_email input:-ms-input-placeholder {
    color: #acacac;
    font-weight:normal;
}
.hs_email input::-moz-placeholder {
    color: #acacac;
    font-weight:normal;
}

@media screen and (max-width: 640px) {
   #fixedbnr_mail{display:none!important;}
}


/*相互リンクエリア追記 201710*/
/*----------------------------------------
　link_exchange
----------------------------------------*/
.link_exchange{}
.link_exchange .sentence p:first-child{font-weight:bold;}



/*----------------------------------------
　事例レイアウト追加
----------------------------------------*/
/*汎用*/
#case .ma-t40 {margin-top: 40px;}
#case .ma-t30 {margin-top: 30px;}
#case .ma-t20 {margin-top: 20px;}
#case .ma-t5 {margin-top: 5px;}
#case .mtb_10 {margin-bottom: 10px!important;}
#case .case_txt li+li {margin-top: 0.4em;}

/*画像下マージン*/
#case article .roundL .image,
#case article .roundR .image{margin-bottom:20px;}
#case .wm-border.roundR .image{margin-bottom:0;}

/*h4下マージン*/
#case article h4+p {margin-top: 10px;}

/*h4 テキスト回り込み時のレイアウト調整→調整せず、記述を変更して対応*/
/*#case .roundR h4,
#case .roundL h4{display:inline-block;}*/
/*@media screen and (min-width:561px) {
  #case .roundL.sizeS h4:first-child{margin-left: 180px;}
  #case .roundL.sizeM h4:first-child{margin-left: 260px;}
  #case .roundL.sizeL h4:first-child{margin-left: 380px;}
  #case .roundL.sizeLM h4:first-child{margin-left: 440px;}
}*/

/*PCメイン画像サイズ変更*/
@media screen and (min-width:641px) {
#case .sizeL.imagebig .image {max-width: 470px;width:80%;margin-right: -470px;}
#case .sizeL.imagebig .sentence {padding-left: 490px;}
}

/*QUMUレイアウト打ち消し*/
#case .sizeL.imagebig .image button{width:auto!important;height:auto!important;padding:0;border:none;}
#case .kv-player,
#case .kv-video {
	background: transparent!important;
}

@media screen and (max-width:640px) {
  #case .sizeM .image {max-width: none;}
  #case .sizeL .image {max-width: none;width:80%;}
}

/*色地に白抜き文字のナンバー*/
#case article h3.circle_h3 {
    position:relative;
    border-bottom: none;
    font-weight: bold;
    margin-bottom: -15px;
    margin-top: 38px;
    padding-left: 47px;
}
#case article h3.circle_h3 span.circle {
    position:absolute;top:-8px;left:0;
    color: white;font-size: 18px;
    line-height: 37px;text-align: center;
    width: 37px; height: 37px;border-radius: 50%;
    background-color: #8aaac2;
}
#case article h3.circle_h3 span.circle_title {}

/*色地に白抜き文字のSTEP*/
#case article h3.step {font-size: 1.4em;line-height: 1.6em;}
#case article h3.step span {
    display: inline-block;
    width: 5em;border-radius: 5px;
    padding: 3px 0px;margin-right: 12px;
    color: #fff;font-size: 85%;
    text-align: center;
    background-color: #ea6a00;
}

/**/
#case .history dt {
    position: relative;
    float: left;
    min-width: 6em;
    padding-right: 1em;
    padding-right: 1em;
}
#case .history dd {padding: 0 0 .2em 7em;word-break: break-all;}

@media screen and (max-width:800px) {
  #case .sideR h4,
  #case .sideL h4,
  #case .sideR p,
  #case .sideL p{text-align:left;}
}

/*各サービスへのリンクボタン*/
#case .case_txt .btnLink {
    margin: 50px 0 90px;
}

#case .case_txt .btnLink li{
    margin: 7px;
}

#case .case_txt .btnLink a {
    position: relative;
    padding: 0.3em 1em 0.3em 2em;
    font-size: 1.1em;
}

#case .case_txt .arrow:after {
    content: '';
    position: absolute;
    left: 14px;
    top: 19px;
    display: block;
    width: 7px;
    height: 7px;
    margin: -4px 0 0 -4px;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

/*サービスページへのリンク*/
#case .case_link_head{
  border-bottom:0;
  padding-bottom:0;
}
#case .case_link{
  margin-top:20px;
  margin-bottom:80px;
}
#case .case_link_2col, #case .case_link_3col{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:justify;
      -ms-flex-pack:justify;
          justify-content:space-between;
}
#case .case_link_button{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  padding:20px;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  -webkit-box-pack:justify;
      -ms-flex-pack:justify;
          justify-content:space-between;
  color:#494949;
  text-decoration:none;
  -webkit-transition:opacity 0.2s linear;
  transition:border 0.2s linear;
  border:1px solid #ddd;
  border-radius: 5px;
}
#case .case_link_2col .case_link_button{
  width:390px;
}
#case .case_link_3col .case_link_button{
  padding:20px 15px;
  width:256px;
}
#case .case_link_button:hover{
  border:1px solid #EA6A00;
}
#case .case_link_button_service{
  width:300px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  font-size:20px;
  font-weight:bold;
  min-height:50px;
}
#case .case_link_3col .case_link_button_service{
  width:230px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  font-size:18px;
}
#case .case_link_button_arrow{
  font-size:16px;
}
#case .case_link_button_arrow_text{
  
}
#case .case_link_button_arrow::after {
  content: '';
  display: inline-block;
  width: 12px;
  height: 12px;
  border-top: 2px solid #EA6A00;
  border-right: 2px solid #EA6A00;
  -webkit-transform: rotate(45deg) translate(-25%, 25%);
  transform: rotate(45deg) translate(-25%, 25%);
  margin-left: auto;
}
@media screen and (max-width:640px) {
  #case .case_link_2col, #case .case_link_3col{
    display:block;
  }
  #case .case_link_button{
    padding:20px 15px;
  }
  #case .case_link_2col .case_link_button{
    width:auto;
  }
  #case .case_link_3col .case_link_button{
    width:auto;
  }
  #case .case_link_2col .case_link_button:not(:first-child), #case .case_link_3col .case_link_button:not(:first-child){
    margin-top:15px;
  }
  #case .case_link_button_arrow_text{
    display:none;
  }
  #case .case_link_button_service{
    width:240px;
  }
  #case .case_link_3col .case_link_button_service{
    width:240px;
    font-size:20px;
  }
}

/*----------------------------------------
　関連記事レイアウト（aで囲ってブロックリンク）
----------------------------------------*/
.related a{text-decoration: none;display:inline-block;}
.related a:hover{opacity:0.8;}
.related a .thumb {width:160px;height:100px;background-position:center;background-size:cover;}
.related a .sentence{}
.related a h4{color:inherit;margin-top:0;padding-left:12px;border:none;position:relative;}
.related a h4:before{
    content: '';position: absolute;left: 0;top: .65em;
    display: block;width: 7px;height: 7px;margin: -4px 0 0 -4px;
    border-right: 1px solid #999;
    border-bottom: 1px solid #999;
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.related a:hover h4:before{border-color: #ea6a00;}
.related a[target="_blank"] h4:before{
  content: '・';display: inline-block;
  text-indent: 100%;
  vertical-align: top;
  background-image: url(//cdn2.hubspot.net/hubfs/1970584/jp/common/images/bg_icons.png);
  background-position: 0px center;;background-repeat: no-repeat;
  margin: 0 5px 0 -2px;padding: 0;
  width: 12px;height: auto;
  overflow: hidden;
  top: auto;
  border: none;
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg)
}
.related a[target="_blank"]:hover h4:before{background-position: -20px center;}
.related a p{color:#333;}



/*****スマホ非表示*****/
@media only screen and (max-width: 640px) {
    .sp_none{display: none;}
}


/*----------------------------------------
　YouTube埋め込み調整用
----------------------------------------*/
/*直接埋め込みのレスポンシブ対応*/
.youtube-embed{position:relative;height: 0;width:100%;padding-bottom: 56.22%;}
.youtube-embed iframe{position: absolute;width: 100%;height: 100%;top: 0;left: 0;margin-top:0!important;}

/*ポップアップ用 Playアイコン表示*/
figure.movie:hover img{opacity:1;}
figure.movie a:before,
figure.movie a:after{content:"";position:absolute;display:table-cell;top:0;right:0;bottom:0;left:0;margin:auto;}
figure.movie a:before{border-radius: 13px;background-color: rgba(33, 33, 33, 0.8);width: 68px;height: 48px;z-index: 99;}
figure.movie:hover a:before{background-color: rgb(252, 26, 27);}
figure.movie a:after{
    /*background-color: rgb(255, 255, 255);
    width: 18px;height: 21px;*/
    width: 0;height: 0;
    border-left: 18px solid rgb(255, 255, 255);
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    z-index: 100;
}

/*----------------------------------------
　xSyncレイアウト追加
----------------------------------------*/

/*--------xSyncラインナップ--------*/
.itemlineup{}
.itemlineup a{display:inline-block;width:100%;color:#333;}
.itemlineup a:hover{opacity:0.8;}
.itemlineup .sideL .parallelL,
.itemlineup .sideR .parallelL{}
.itemlineup .parallelL.sizeSS .sentence{padding-left:120px;}
@media only screen and (max-width: 800px){
}

/*--------xSync製品仕様--------*/
.itemdetail .xsync-b_cat{}
.itemdetail .cf{clear: both;}

/*製品名部分*/
.itemdetail .xsync-b_cat img {margin-right:20px;margin-right:1em;}
.itemdetail h1{margin-bottom:0;margin-top:20px;}
.itemdetail .number{font-size: 22px;font-weight: bold;margin-top:0;}
.itemdetail .stand_name{font-size: 18px;font-weight: bold;margin-bottom:20px;}

/*製品画像・キャプション部分*/
.itemdetail .xsync-b_img{float:left;margin-right:20px;}
.itemdetail .xsync-b_img img{width:340px;}
@media only screen and (max-width: 640px){
  .itemdetail .xsync-b_img {float: none;text-align: center;margin-right:none;}
}
.itemdetail .wp_social_bookmarking_light{display: none;}/*SNSボタン非表示*/
.itemdetail .xsync-b_content{}
.itemdetail .xsync-b_content p{font-size: 15px;text-indent: -1em;padding-left:2em;}

/*見出し*/
.itemdetail h3{
  color: #333;font-weight: normal;font-size: 1.72em;
  margin-top: 45px;padding-bottom: .5em;border-bottom: 1px solid #ddd;
  margin-bottom:20px;
}

/*表組み部分*/
.itemdetail table{width: 100%;margin:0;}
.itemdetail table td{}
.itemdetail table#sxb02 tr:first-child td{border-top:none;}
.itemdetail .sxb01_01,
.itemdetail .sxb02_02,
.itemdetail .sxb02_04{background-color: #f0f0f0;}/*項目部分*/
.itemdetail .sxb01_01{width: 282px;}
.itemdetail .sxb02_01{background-color: #ddd;width: 1em;text-align: center;}
.itemdetail .sxb01_02,
.itemdetail .sxb02_03{width:60%;}
.itemdetail .sxb02_04{width:9em;}

/*--------xSync ダウンロード--------*/
.xsync h2+div{margin-top:20px;}
.xsync table.dataTable{width:100%;}
.xsync table.dataTable .btnLink a {width: 80%;padding: 0.5em 0;}
@media only screen and (min-width: 641px) {
  .xsync table.dataTable{width:880px;}
  .xsync table.dataTable td:first-of-type{width:40%;}
  .xsync table.dataTable td:nth-last-of-type(2),
  .xsync table.dataTable.cell4 td:nth-last-of-type(3){width:10%;}
  .xsync table.dataTable td:nth-last-of-type(2){text-align:right;}
  .xsync table.dataTable td:last-of-type{width:22%;}
}

/*CTA2個*/
.xsync #contactNo .btnLink a {min-width: 340px;}
.xsync #contactNo .btnLink+.btnLink{margin-top:30px;}
.xsync #contactNo .btnLink+.btnLink a{background-color:#eda52f;}
.xsync #contactNo .btnLink+.btnLink a:hover {background: #f1b759;}


/*Video SDK　レイアウト追加*/
.it-MdContent .code-frame {margin: 1.5em 0;font-size: .9em;padding:1em 2em;}
.it-MdContent .code-frame,
.it-MdContent .highlight {background-color: #364549;color: #e3e3e3;}
.it-MdContent .highlight .c, .it-MdContent .highlight .ch, .it-MdContent .highlight .cm, .it-MdContent .highlight .cp, .it-MdContent .highlight .cpf, .it-MdContent .highlight .c1, .it-MdContent .highlight .cs, .it-MdContent .highlight .gu {color: #9dabae;}
.it-MdContent .highlight .k, .it-MdContent .highlight .kc, .it-MdContent .highlight .kd, .it-MdContent .highlight .kp, .it-MdContent .highlight .kr, .it-MdContent .highlight .kt, .it-MdContent .highlight .no {color: #ebd247;}
.it-MdContent .highlight .fm, .it-MdContent .highlight .gi, .it-MdContent .highlight .na, .it-MdContent .highlight .nc, .it-MdContent .highlight .nd, .it-MdContent .highlight .ne, .it-MdContent .highlight .nf, .it-MdContent .highlight .nx {color: #8bdf4c;}
.it-MdContent .highlight .o, .it-MdContent .highlight .gd, .it-MdContent .highlight .kn, .it-MdContent .highlight .nt, .it-MdContent .highlight .ow {color: #ff8095;}
.it-MdContent .highlight .ld, .it-MdContent .highlight .s, .it-MdContent .highlight .sa, .it-MdContent .highlight .sb, .it-MdContent .highlight .sc, .it-MdContent .highlight .dl, .it-MdContent .highlight .sd, .it-MdContent .highlight .s2, .it-MdContent .highlight .sh, .it-MdContent .highlight .si, .it-MdContent .highlight .sx, .it-MdContent .highlight .sr, .it-MdContent .highlight .s1, .it-MdContent .highlight .ss {color: #41b7d7;}
.it-MdContent .highlight .l, .it-MdContent .highlight .m, .it-MdContent .highlight .mb, .it-MdContent .highlight .mf, .it-MdContent .highlight .mh, .it-MdContent .highlight .mi, .it-MdContent .highlight .mo, .it-MdContent .highlight .se, .it-MdContent .highlight .il {color: #a980f5;}
.it-MdContent .highlight .n, .it-MdContent .highlight .p, .it-MdContent .highlight .nb, .it-MdContent .highlight .ni, .it-MdContent .highlight .nl, .it-MdContent .highlight .nn, .it-MdContent .highlight .py, .it-MdContent .highlight .nv, .it-MdContent .highlight .w, .it-MdContent .highlight .bp, .it-MdContent .highlight .vc, .it-MdContent .highlight .vg, .it-MdContent .highlight .vi, .it-MdContent .highlight .vm {color: #e3e3e3;}
.it-MdContent .highlight .hll {background-color: #49483e;}
.it-MdContent .highlight .err {border-bottom: 2px dotted #c01b1b;color: #ddd;}
.it-MdContent .highlight .ge {font-style: italic;}
.it-MdContent .highlight .gs {font-style: bold;}
.it-MdContent .highlight {/*padding: 1em 2em;*/overflow-x: auto;}
.it-MdContent .code-lang {
	color: #eee;display: inline-block;
	background-color: #777;padding: 2px 4px;margin:-1em 0 0 -2em;
	word-break: break-all
}
.sevice-item{background-color: #fff;margin-top:5em;}
.sevice-item .sentence{padding-top:20px;}
.sevice-item .sentence p {font-size: 1.28em;line-height: 1.8em;}
.sevice-item .sentence .btnLink{text-align:left;}
.sevice-item .sentence .btnLink a {padding: 4px 24px;}

/*クッキーポリシー表示位置変更（モバイルは設定画面から変更できないため、追記）20200203*/
div#hs-eu-cookie-confirmation{ position: fixed!important;bottom:0; top:unset!important; }

/*インクルードCTAコンテンツ*/
.page_cta_contents {border: 2px solid #f4b47f; padding:32px; margin-top:40px;} 
.page_cta_contents h2 {margin-top:0; border-bottom:none; font-size:2em; font-weight:bold;}
.page_cta_contents .parallelL{margin-bottom:20px;}
.page_cta_contents .btnLink a{ font-size:1.17em; padding:1em; line-height:1;}
@media only screen and (max-width: 800px){
  .page_cta_contents {padding:20px;}
}


/*----------------------------------------
　2カラム_Hero画像ワイド
----------------------------------------*/
/*パンくず：bodyに任意のclassを付与*/
.eventList #tPath,
.GuildList #tPath{height: 0;}
.eventList #tPath ul,
.GuildList #tPath ul{margin-top: 0;line-height: 55px;}

/*hero画像*/
header.wide {position: relative;margin: 0 -10px;}
header.wide h1 {font-size: 2.86em;font-weight: normal;}

header.wide .bgImage {
  position: relative;
  width: 100%;
  max-height: 420px;
  overflow: hidden;
  z-index: 0
}
header.wide .bgImage:after, main header .bgImage>span.after {
  position: absolute;
  bottom: 0;
  left: 0;
  content: '';
  display: block;
  width: 100%;
  height: 3px;
  background: url(https://jp.vcube.com/hubfs/jp/common/images/bg_grad.png) center center no-repeat;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%
}
header.wide figure {
  position: relative;
  width: 150%;
  margin: 0 -25% 3px;
  z-index: 0
}
header.wide figure img {margin: 0 auto}
header.wide .inner {
  position: relative;
  top: 60px;
  bottom: 76px;
  left: 0;
  right: 0;
  margin: auto;
  max-width: 1220px;
  z-index: 1
}
header.wide .overLay {
  position: absolute;
  top: 0;
  left: 10px;
  max-width: 90%;
  padding: 40px;
  background-color: rgba(255, 255, 255, 0.8);
  filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#F2ffffff,EndColorStr=#F2ffffff);/*IE8以下用*/
}
header.wide .overLay p {font-size: 1.28em}
header.wide small {font-size: .7em}
@media only screen and (min-width: 1402px) {
  header.wide figure {width: 100%;height: 417px;margin: 0;}
  header.wide figure img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    margin: auto
  }
}
@media only screen and (max-width: 800px) {
  header.wide .bgImage {position: absolute;top: 0;width: 100%;}
  header.wide figure {width: 116.6%;margin: 0 -8.3% 3px;}
  header.wide .inner {position: relative;top: 0;padding-top: 34.76%;}
  header.wide .overLay {
    position: relative;
    left: 0;
    max-width: 100%;
    margin-top: -17.38%;
    padding: 17.38% 0 0;
    background-color: transparent
  }
  header.wide .overLay h1 {
    position: absolute;
    top: 0;
    min-width: 40%;
    min-height: 2em;
    line-height: 1.3em;
    margin-top: -1em;
    padding: 10px;
    font-size: 1.8em;
    background-color: rgba(255, 255, 255, 0.8);
  }
  header.wide .overLay img {vertical-align: middle;}
  header.wide .overLay p {margin: 20px 10px;font-size: 1em;}
  header.wide .overLay p br {display: none;}
}