@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: "Hiragino Sans", "ヒラギノ角ゴ 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
  }
}
html[lang='en'] body {
  font-family: Healvetice, Arial, sans-serif
}
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, *+.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
  }
}
#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(//1970584.fs1.hubspotusercontent-na1.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://1970584.fs1.hubspotusercontent-na1.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(//1970584.fs1.hubspotusercontent-na1.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(//1970584.fs1.hubspotusercontent-na1.net/hubfs/1970584/jp/common/images/bg_btnGlobal01.png) right center no-repeat
}
.formGlobal option[value*="http://vcubewebcasting.com/"] {
  background: #fff url(//1970584.fs1.hubspotusercontent-na1.net/hubfs/1970584/jp/common/images/bg_btnGlobal02.png) right center no-repeat
}
.formGlobal option[value*="http://www.vcube.com.cn/"] {
  background: #fff url(//1970584.fs1.hubspotusercontent-na1.net/hubfs/1970584/jp/common/images/bg_btnGlobal03.png) right center no-repeat
}
.formGlobal option[value*="http://my.vcube.com/"] {
  background: #fff url(//1970584.fs1.hubspotusercontent-na1.net/hubfs/1970584/jp/common/images/bg_btnGlobal04.png) right center no-repeat
}
.formGlobal option[value*="http://sg.vcube.com/"] {
  background: #fff url(//1970584.fs1.hubspotusercontent-na1.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(//1970584.fs1.hubspotusercontent-na1.net/hubfs/1970584/jp/common/images/bg_btnGlobal06.png) right center no-repeat
}
.formGlobal option[value*="http://www.vcube.com.tw/"] {
  background: #fff url(//1970584.fs1.hubspotusercontent-na1.net/hubfs/1970584/jp/common/images/bg_btnGlobal07.png) right center no-repeat
}
.formGlobal option[value*="http://www.vcube.co.kr/"] {
  background: #fff url(//1970584.fs1.hubspotusercontent-na1.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(//1970584.fs1.hubspotusercontent-na1.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(//1970584.fs1.hubspotusercontent-na1.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(//1970584.fs1.hubspotusercontent-na1.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(//1970584.fs1.hubspotusercontent-na1.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(//1970584.fs1.hubspotusercontent-na1.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 ol {
  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+li {
  padding: 2px 5px 2px 0
}
#tPath li:after {
  content: ' ';
}
#tPath li+li:before {
  content: '>';
  display: inline-block;
  margin: 0 .2em
}
@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 ol {
    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(//1970584.fs1.hubspotusercontent-na1.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(//1970584.fs1.hubspotusercontent-na1.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
  }
  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(//1970584.fs1.hubspotusercontent-na1.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(//1970584.fs1.hubspotusercontent-na1.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) "：";
  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, #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, #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, #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, #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 {
  content: '・';
  display: inline-block;
  width: 25px;
  margin: -.5em 0 -.5em -25px;
  padding: .5em 0;
  text-indent: 100%;
  vertical-align: top;
  background-image: url(//1970584.fs1.hubspotusercontent-na1.net/hubfs/1970584/jp/common/images/bg_icons.png);
  background-position: 0 center;
  background-repeat: no-repeat;
  overflow: hidden;
  margin: 0 5px 0 -20px;
  width: 12px;
  padding: 0
}
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, #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, #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'], #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, #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(//1970584.fs1.hubspotusercontent-na1.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, #indexList .lay3Col h2>a[href*='.pdf']:after, #indexList .lay3Col h2>a[href*='.pdf']>span.after {
  display: none
}
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(//1970584.fs1.hubspotusercontent-na1.net/hubfs/1970584/jp/common/images/bg_icons.png);
  background-position: -90px center;
  background-repeat: no-repeat;
  overflow: hidden
}
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: 25px;
  margin: -.5em 0 -.5em -25px;
  padding: .5em 0;
  text-indent: 100%;
  vertical-align: top;
  background-image: url(//1970584.fs1.hubspotusercontent-na1.net/hubfs/1970584/jp/common/images/bg_icons.png);
  background-position: -120px center;
  background-repeat: no-repeat;
  overflow: hidden
}
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'], ul.icon>li>a[href*='.lzh'], ul.icon>li>a[href*='.zip'], #indexList .lay3Col h2>a[href*='.lzh'], #indexList .lay3Col h2>a[href*='.zip'] {
  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, 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, #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 {
  content: '・';
  display: inline-block;
  width: 25px;
  margin: -.5em 0 -.5em -25px;
  padding: .5em 0;
  text-indent: 100%;
  vertical-align: top;
  background-image: url(//1970584.fs1.hubspotusercontent-na1.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*='.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(//1970584.fs1.hubspotusercontent-na1.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(//1970584.fs1.hubspotusercontent-na1.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
}
.sizeS figcaption, .sizeM figcaption, .sizeL 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
}
@media only screen and (max-width: 800px) {
  .sideL, .sideR {
    float: none;
    width: auto;
    max-width: 100%
  }
  .sideR {
    margin-top: 20px
  }
}

/*中身をセンタリング*/
.itemCenter *{text-align:center;margin-left:auto;margin-right:auto;}

.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(//1970584.fs1.hubspotusercontent-na1.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: .5em 0 .5em;
  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
}

/*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: .8em;
}
#contactNo.pluralize .btnLink{
    margin:0 0 0 10px;
    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;
}
#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{margin:0px;}
#contactNo.pluralize .line+.btnLink a{
    background:#eda52f;
    min-width:600px;
}
#contactNo.pluralize .line+.btnLink a:hover{
    background:#f1b759;
}

@media only screen and (max-width: 800px) {
#company+#contactNo {
    padding-top: 50px;
}
#contactNo .btnLink a {
  min-width: initial;
  min-width: auto;
}
}
@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;
    padding: .5em 0 .5em
  }
  
  /*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;
    }
}
@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: 650px
}
.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%
}
h2, h3 {
  color: #333;
  font-weight: normal
}
h2 {
  font-size: 2em
}
.clearfix h2 {
  margin-bottom: 0;
  padding-bottom: 20px;
  border-bottom: 1px solid #ddd
}
section h2 {
  margin-bottom: 50px
}
@media only screen and (max-width: 800px) {
  section h2 {
    font-size: 1.72em;
    margin-bottom: 20px
  }
}
h3 {
  font-size: 1.43em
}
*+h3 {
  margin-top: 50px
}
@inclide mqTB {
  h3 {
    margin-top: 20px
  }
}
*+h2, *+h3, *+h4 {
  margin-top: 45px
}
.sizeL {
  text-align: left
}
.sizeL .image {
  width: 49%;
  max-width: 580px
}
.sizeL .sentence {
  width: 49%
}

#company .sizeL .sentence {
    width: 41%;
}
#company .sizeL .image {
    width: 54%;
    max-width: 580px;
}

@media only screen and (max-width: 800px) {
  .sizeL .image, .sizeL .sentence {
    float: none;
    width: auto
  }
  .sizeL .image {
    max-width: 100%;
    text-align: center
  }
  .sizeL *+.image, .sizeL *+.sentence {
    margin-top: 20px
  }

#company .sizeL .sentence {
    width: auto;
}
#company .sizeL .image {
    width: auto;
}

}
.sizeM .image {
  max-width: 350px
}
.sizeM .sentence {
  text-align: left
}
@media only screen and (max-width: 800px) {
  .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: 240px
}
@media only screen and (max-width: 560px) {
  .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
  }
}
.parallelL.sizeM .image {
  margin-right: -350px
}
.parallelL.sizeM .sentence {
  padding-left: 370px
}
.parallelL.sizeS .image {
  margin-right: -240px
}
.parallelL.sizeS .sentence {
  padding-left: 260px
}
.parallelR.sizeM .image {
  margin-left: -350px
}
.parallelR.sizeM .sentence {
  padding-right: 370px
}
.parallelR.sizeS .image {
  margin-left: -240px
}
.parallelR.sizeS .sentence {
  padding-right: 260px
}
.clearfix {
  text-align: left
}
#tPath {
  height: 0
}
#tPath ol {
  margin-top: 0;
  line-height: 55px
}
@media only screen and (max-width: 800px) {
  #tPath {
    height: auto
  }
  #tPath ol li {
    height: 40px;
    line-height: 40px
  }
}
article>div {
  margin: 0 -10px;
  padding: 0 10px
}
section, .content {
  max-width: 1200px;
  min-width: 980px;
  margin: 0 auto;
  padding: 70px 0 90px;
  text-align: center
}
.clearfix section, .clearfix .content {
  min-width: 0;
  padding: 0;
  text-align: left
}
.clearfix section h2, .clearfix .content h2 {
  margin-bottom: 20px
}
#infoSlide+section, #infoSlide+.content {
  padding-top: 40px
}
@media only screen and (max-width: 800px) {
  section, .content {
    max-width: 100%;
    min-width: 0;
    padding: 50px 0
  }
}
@media only screen and (max-width: 480px) {
  section, .content {
    text-align: left
  }
}
.bgColor1 {
  background-color: #f0f0f0
}
.bgColor1:before {
  background-position: 0 -50px
}
.bgColor1+div:before {
  background-position: -50px -50px
}
.bgColor1+.bgColor1:before {
  display: none
}
.bgColor1+.bgColor2:before {
  background-position: 0 -100px
}
.bgColor1+.bgColor3:before {
  background-position: -50px -200px
}
  .bgColor1+.bgColor4:before {
    background-position: 0 -350px
  }
.bgColor2 {
  background-color: #e8e8e8
}
.bgColor2:before {
  background-position: -50px -150px
}
.bgColor2+div:before {
  background-position: 0 -150px
}
.bgColor2+.bgColor1:before {
  background-position: -50px -100px
}
.bgColor2+.bgColor2:before {
  display: none
}
.bgColor2+.bgColor3:before {
  background-position: -50px -300px
}
  .bgColor2+.bgColor4:before {
    background-position: 0 -350px
  }
.bgColor3 {
  background-color: #FAF7F4;
}
.bgColor3:before {
  background-position: 0 -250px
}
.bgColor3+div:before {
  background-position: -50px -250px
}
.bgColor3+.bgColor1:before {
  background-position: 0 -200px
}
.bgColor3+.bgColor2:before {
  background-position: 0 -300px
}
.bgColor3+.bgColor3:before {
  display: none
}
  .bgColor3+.bgColor4:before {
    background-position: 0 -350px
  }
  .bgColor4 {
    background-color: #f0eadd
  }
  .bgColor4:before {
    background-position: 0 -350px
  }
  .bgColor4+.bgColor1:before {
    background-position: -50px -400px
  }
  .bgColor4+.bgColor2:before {
    background-position: -50px -450px
  }
  .bgColor4+.bgColor3:before {
    background-position: -50px -500px
  }
  .bgColor4+.bgColor4:before {
    display: none
  }
#feature {
  background-color: #FAF7F4;
}
#reason, #indexList {
  background-color: #f0f0f0
}
#case figure+h3 {
  margin-top: 0
}
#case .logoList{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
#case .logoList li{
  width: 16.666%;
  padding:10px;
  list-style-type: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-top:0;
}
#case .logoList li::before{
  display:none;
}
@media only screen and (max-width: 480px) {
	#case .logoList li{
		width: 25%;
	}
}
#solution-guide {
  position: relative;
}
#solution-guide .lay4Col{
  margin-top: 25px;
}
#solution-guide .lay4Col .item a:after {
  border-left-color: #FFF;
}
#solution-guide .lay4Col .item a:before,
#solution-guide .lay4Col .item a:after {
    display: block;
}
#solution-guide .lay4Col .item a:before {
    border-top: 1px #ddd solid;
    border-right: 1px #ddd solid;
    border-bottom: 1px #ddd solid;
}
@media only screen and (max-width: 480px) {
#solution-guide .lay4Col .item a:before {
    border-left: 1px #ddd solid;
}
#solution-guide .lay4Col .item a:hover:before {
    border-left: 2px #ea6a00 solid;
}
#solution-guide .lay4Col .item a:after {
    border-color :transparent !important;
}
}
#solution-guide .lay4Col .item a::after{
    border-right: 1px #ddd solid;
}
#solution-guide .lay4Col .item a:hover:before {
    border-top: 2px #ea6a00 solid;
    border-right: 2px #ea6a00 solid;
    border-bottom: 2px #ea6a00 solid;
}
#solution-guide .lay4Col .item a:hover:after{
    border-right: 2px #ea6a00 solid;
}
#solution-guide figure {
  padding-bottom: 10px
}
#solution-guide .ttl_sub {
    padding-left: 10px;
    font-size: 90%;
    font-weight: normal;
    line-height: 1.4;
    border-left: #ccc solid 3px;
    color: #666;
}
#solution-guide .ttl_sub.guide1 { border-left: 3px solid #ff005b;}
#solution-guide .ttl_sub.guide2 { border-left: 3px solid #b59ec4;}
#solution-guide .ttl_sub.guide3 { border-left: 3px solid #719fb2;}
#solution-guide .ttl_sub.guide4 { border-left: 3px solid #91c465;}
#solution-guide .ttl_sub.guide5 { border-left: 3px solid #c7b91f;}
#solution-guide .ttl_sub.guide6 { border-left: 3px solid #e57729;}
#solution-guide .ttl_sub.guide7 { border-left: 3px solid #fdb12c;}
#solution-guide .date {
    padding: 7px 0 5px;
    color: #666;
}
#vcube-work-lab {
  position: relative;
  background-color: #FAF7F4;
}
#vcube-work-lab h2 {
  margin-bottom: 0;
  text-align: center;
}
#vcube-work-lab h2 img {
  width: 302px;
  height: auto;
}
#vcube-work-lab h2 + p{
  margin-top: 10px;
}
@media only screen and (max-width: 480px) {
  #vcube-work-lab h2 {
    margin-bottom: 0;
    text-align: center;
  }  
  #vcube-work-lab h2 img {
    width: 300px;
    height: auto;
  }  
  #vcube-work-lab h2 + p{
    text-align: center;
  }
}
#vcube-work-lab .lay4Col{
  margin-top: 25px;
}
#vcube-work-lab .lay4Col .item a:before {
  width: calc(25% - 10px);
  margin-left: -20px;
}
@media only screen and (min-width: 481px) and (max-width: 800px) {
#vcube-work-lab .lay4Col > .clearfix a:before {
  width: calc(50% - 10px);
  margin-left: -20px;
}
}
@media only screen and (max-width: 480px) {
#vcube-work-lab .lay4Col > .clearfix a:before {
  width: 100%;
  margin-left: -20px;
}
}
#vcube-work-lab .lay4Col .item a:after {
  border-left-color: transparent !important
}
#vcube-work-lab figure {
  padding-bottom: 10px
}
#vcube-work-lab ul li:before {
  display:none;
}
#vcube-work-lab ul li {
  color: #f49d13;
  display: inline-block;
  list-style: none;
  padding: 0 5px 0 0;
  margin: 0;
}
#vcube-work-lab .date {
  color: #f49d13;
}
#teleworknavi {
  position: relative;
  background-color: #FAF7F4;
}
#teleworknavi:before {
	background: url(https://1970584.fs1.hubspotusercontent-na1.net/hubfs/1970584/jp/common/images/bg_sep_teleworknavi.png) 0 0 no-repeat;
}
#teleworknavi+div:before {
  background-image: url(https://1970584.fs1.hubspotusercontent-na1.net/hubfs/1970584/jp/common/images/bg_sep_teleworknavi.png);
  background-position: -50px -150px
}
#teleworknavi+.bgColor1:before {
  background-image: url(https://1970584.fs1.hubspotusercontent-na1.net/hubfs/1970584/jp/common/images/bg_sep_teleworknavi.png);
  background-position: -50px -100px
}
#teleworknavi+.bgColor2:before {
  background-image: url(https://1970584.fs1.hubspotusercontent-na1.net/hubfs/1970584/jp/common/images/bg_sep_teleworknavi.png);
  background-position: -50px -50px
}
#teleworknavi+.bgColor3:before {
  background-image: url(https://1970584.fs1.hubspotusercontent-na1.net/hubfs/1970584/jp/common/images/bg_sep_teleworknavi.png);
  background-position: -50px 0px
}
.bgColor1+#teleworknavi:before {
  background-image: url(https://1970584.fs1.hubspotusercontent-na1.net/hubfs/1970584/jp/common/images/bg_sep_teleworknavi.png);
  background-position: 0 -50px
}
.bgColor2+#teleworknavi:before {
  background-image: url(https://1970584.fs1.hubspotusercontent-na1.net/hubfs/1970584/jp/common/images/bg_sep_teleworknavi.png);
  background-position: 0 -100px
}
.bgColor3+#teleworknavi:before {
  background-image: url(https://1970584.fs1.hubspotusercontent-na1.net/hubfs/1970584/jp/common/images/bg_sep_teleworknavi.png);
  background-position: 0 -150px
}
#teleworknavi h2 {
  margin-bottom: 0;
  text-align: center;
}
#teleworknavi h2 img {
  width: 339px;
  height: 70px;
}
#teleworknavi h2 + p{
  margin-top: 10px;
}
@media only screen and (max-width: 480px) {
  #teleworknavi h2 {
    margin-bottom: 0;
    text-align: center;
  }  
  #teleworknavi h2 img {
    width: 300px;
    height: auto;
  }  
  #teleworknavi h2 + p{
    text-align: center;
  }
}
#teleworknavi .lay4Col{
  margin-top: 25px;
}
#teleworknavi .lay4Col .item a:before {
  width: calc(25% - 10px);
  margin-left: -20px;
}
@media only screen and (min-width: 481px) and (max-width: 800px) {
#teleworknavi .lay4Col > .clearfix a:before {
  width: calc(50% - 10px);
  margin-left: -20px;
}
}
@media only screen and (max-width: 480px) {
#teleworknavi .lay4Col > .clearfix a:before {
  width: 100%;
  margin-left: -20px;
}
}
#teleworknavi .lay4Col .item a:after {
  border-left-color: transparent !important
}
#teleworknavi figure {
  padding-bottom: 10px
}
#teleworknavi ul {
  padding: 0 0 5px;
}
#teleworknavi ul li:before {
  display:none;
}
#teleworknavi ul li {
	font-size: 11px;
	background: linear-gradient(90deg,#ff8341 0%,#fcb23c 100%);
  padding: 2px 7px;
  color: #FFF;
  font-weight:bold;
  list-style:none;
  display:inline-block;
}
#insights-share {
  position: relative;
  background-color: #fffaf0;
  background: -moz-linear-gradient(144.7% 79.93% 140deg,rgba(166,208,230,0.5) 0%,rgba(255,214,213,0.5) 43.58%,rgba(255,221,216,0.5) 48.06%,rgba(255,237,223,0.5) 62.73%,rgba(255,247,227,0.5) 79.02%,rgba(255,250,228,0.5) 100%);
	background: -webkit-linear-gradient(140deg,rgba(166,208,230,0.5) 0%,rgba(255,214,213,0.5) 43.58%,rgba(255,221,216,0.5) 48.06%,rgba(255,237,223,0.5) 62.73%,rgba(255,247,227,0.5) 79.02%,rgba(255,250,228,0.5) 100%);
	background: -webkit-gradient(linear,144.7% 79.93%,-44.7% 20.07%,color-stop(0,rgba(166,208,230,0.5)),color-stop(0.4358,rgba(255,214,213,0.5)),color-stop(0.4806,rgba(255,221,216,0.5)),color-stop(0.6273,rgba(255,237,223,0.5)),color-stop(0.7902,rgba(255,247,227,1)),color-stop(1,rgba(255,250,228,1)));
	background: -o-linear-gradient(140deg,rgba(166,208,230,0.5) 0%,rgba(255,214,213,0.5) 43.58%,rgba(255,221,216,0.5) 48.06%,rgba(255,237,223,0.5) 62.73%,rgba(255,247,227,0.5) 79.02%,rgba(255,250,228,0.5) 100%);
	background: -ms-linear-gradient(140deg,rgba(166,208,230,0.5) 0%,rgba(255,214,213,0.5) 43.58%,rgba(255,221,216,0.5) 48.06%,rgba(255,237,223,0.5) 62.73%,rgba(255,247,227,0.5) 79.02%,rgba(255,250,228,0.5) 100%);
	background: linear-gradient(-50deg,rgba(166,208,230,0.5) 0%,rgba(255,214,213,0.5) 43.58%,rgba(255,221,216,0.5) 48.06%,rgba(255,237,223,0.5) 62.73%,rgba(255,247,227,0.5) 79.02%,rgba(255,250,228,0.5) 100%);
}
#insights-share:before {
	background: url(https://1970584.fs1.hubspotusercontent-na1.net/hubfs/1970584/jp/common/images/bg_sep_insights-share.png) 0 0 no-repeat;
}
#insights-share+div:before {
  background-image: url(https://1970584.fs1.hubspotusercontent-na1.net/hubfs/1970584/jp/common/images/bg_sep_insights-share.png);
  background-position: -50px -150px
}
#insights-share+.bgColor1:before {
  background-image: url(https://1970584.fs1.hubspotusercontent-na1.net/hubfs/1970584/jp/common/images/bg_sep_insights-share.png);
  background-position: -50px -100px
}
#insights-share+.bgColor2:before {
  background-image: url(https://1970584.fs1.hubspotusercontent-na1.net/hubfs/1970584/jp/common/images/bg_sep_insights-share.png);
  background-position: -50px -50px
}
#insights-share+.bgColor3:before {
  background-image: url(https://1970584.fs1.hubspotusercontent-na1.net/hubfs/1970584/jp/common/images/bg_sep_insights-share.png);
  background-position: -50px 0px
}
.bgColor1+#insights-share:before {
  background-image: url(https://1970584.fs1.hubspotusercontent-na1.net/hubfs/1970584/jp/common/images/bg_sep_insights-share.png);
  background-position: 0 -50px
}
.bgColor2+#insights-share:before {
  background-image: url(https://1970584.fs1.hubspotusercontent-na1.net/hubfs/1970584/jp/common/images/bg_sep_insights-share.png);
  background-position: 0 -100px
}
.bgColor3+#insights-share:before {
  background-image: url(https://1970584.fs1.hubspotusercontent-na1.net/hubfs/1970584/jp/common/images/bg_sep_insights-share.png);
  background-position: 0 -150px
}
#insights-share h2 {
  margin-bottom: 0;
  text-align: center;
}
#insights-share h2 img {
  width: 375px;
  height: 70px;
}
#insights-share h2 + p{
  margin-top: 10px;
}
@media only screen and (max-width: 480px) {
  #insights-share h2 {
    margin-bottom: 0;
    text-align: center;
  }  
  #insights-share h2 img {
    width: 300px;
    height: auto;
  }  
  #insights-share h2 + p{
    text-align: center;
  }
}
#insights-share .lay4Col{
  margin-top: 25px;
}
#insights-share .lay4Col .item a:before {
  width: calc(25% - 10px);
  margin-left: -20px;
}
@media only screen and (min-width: 481px) and (max-width: 800px) {
#insights-share .lay4Col > .clearfix a:before {
  width: calc(50% - 10px);
  margin-left: -20px;
}
}
@media only screen and (max-width: 480px) {
#insights-share .lay4Col > .clearfix a:before {
  width: 100%;
  margin-left: -20px;
}
}
#insights-share .lay4Col .item a:after {
  border-left-color: transparent !important
}
#insights-share figure {
  padding-bottom: 10px
}
#insights-share .ttl_sub {
    padding-left: 10px;
    font-size: 90%;
    font-weight: normal;
    line-height: 1.4;
    border-left: #ccc solid 3px;
    color: #666;
}
#insights-share .ttl_sub.web-meeting,
#insights-share .ttl_sub.select-point {
    border-left: 3px solid #ff0066;
}
#insights-share .ttl_sub.tv-meeting,
#insights-share .ttl_sub.workstyle {
    border-left: 3px solid #BDA8CB;
}
#insights-share .ttl_sub.select-guide,
#insights-share .ttl_sub.case {
    border-left: 3px solid #7CA9BA;
}
#insights-share .ttl_sub.use-case,
#insights-share .ttl_sub.regional-revitalization {
    border-left: 3px solid #9BCB70;
}
#insights-share .ttl_sub.industry-case,
#insights-share .ttl_sub.crosstalk {
    border-left: 3px solid #CDC121;
}
#insights-share .date {
    padding: 7px 0 5px;
    color: #666;
}
article>div+div {
  position: relative
}
article>div+div:before {
  content: '';
  display: block;
  width: 40px;
  height: 48px;
  position: absolute;
  top: -24px;
  left: 50%;
  margin-left: -20px;
  background: url(//1970584.fs1.hubspotusercontent-na1.net/hubfs/1970584/jp/common/images/bg_sep.png) 0 0 no-repeat
}
@media only screen and (max-width: 800px) {
  .sideR {
    margin-top: 50px
  }
}
.lay2Col, .lay3Col, .lay4Col {
  position: relative;
  overflow: hidden
}
.lay2Col:after, .lay3Col:after, .lay4Col:after {
  @inclide clearfix
}
.lay2Col>li, .lay3Col>li, .lay4Col>li {
  padding-left: 0
}
.lay2Col>li:before, .lay2Col>li>span.before, .lay3Col>li:before, .lay3Col>li>span.before, .lay4Col>li:before, .lay4Col>li>span.before {
  display: none
}
.lay2Col .item, .lay3Col .item, .lay4Col .item {
  float: left;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}
.lay2Col .item>*, .lay3Col .item>*, .lay4Col .item>* {
  display: block;
  color: #494949;
  text-decoration: none
}
.lay2Col img, .lay3Col img, .lay4Col img {
  display: block;
  margin: 0 auto
}
.lay2Col, .lay3Col {
  margin: 50px 5px 0 -35px
}
.lay2Col .item, .lay3Col .item {
  border-left: 40px solid transparent
}
.lay2Col .txtLay, .lay3Col .txtLay {
  text-align: left
}
.lay2Col .item {
  width: 50%
}
.lay2Col .item:after {
  content: '';
  display: block;
  clear: both
}
.lay2Col .item+.item+.item {
  margin-top: 20px
}
.lay2Col .item:nth-child(odd) {
  clear: both
}
.lay2Col .txtLay {
  position: relative;
  float: left;
  padding: 0 0 0 220px;
  z-index: 1
}
.lay2Col figure {
  position: relative;
  float: right;
  width: 100%;
  margin: 0 0 0 -100%;
  z-index: 0
}
.lay2Col figure img {
  float: left
}
@media only screen and (max-width: 800px) {
  .lay2Col {
    margin: 20px 0 0
  }
  .lay2Col .item {
    float: none;
    width: auto;
    border-style: none
  }
  .lay2Col .item+.item {
    margin-top: 20px
  }
}
@media only screen and (max-width: 480px) {
  .lay2Col figure {
    float: left;
    width: 43%;
    margin: 0
  }
  .lay2Col figure img {
    float: none
  }
  .lay2Col .txtLay {
    float: right;
    width: 55%;
    padding: 0
  }
}
.lay3Col .item {
  width: 33.333%;
  text-align: left
}
.lay3Col .item+.item+.item+.item {
  margin-top: 40px
}
.lay3Col h3 {
  margin-top: 20px
}
.lay3Col h3+* {
  margin-top: 10px
}
.lay3Col figure {
  background-color: #fff
}
@media only screen and (min-width: 801px) {
  .lay3Col .item:nth-child(3n+1) {
    clear: both
  }
}
@media only screen and (min-width: 481px) and (max-width: 800px) {
  .lay3Col {
    margin: 20px 0 0 -20px
  }
  .lay3Col .item {
    width: 50%;
    border-left-width: 20px
  }
  .lay3Col .item+.item+.item {
    margin-top: 20px
  }
  .lay3Col .item:nth-child(2n+1) {
    clear: both
  }
}
@media only screen and (max-width: 480px) {
  .lay3Col {
    margin: 20px 0 0
  }
  .lay3Col .item {
    float: none;
    width: auto;
    border-style: none
  }
  .lay3Col .item+.item {
    margin-top: 40px
  }
}
.lay4Col {
  margin-top: 50px
}
.lay4Col>.clearfix {
  position: relative;
  overflow: hidden
}
.lay4Col>.clearfix .clearfix {
  float: left;
  width: 50%
}
.lay4Col>.clearfix+.clearfix {
  margin-top: 10px
}
.lay4Col .item {
  width: 50%;
  margin: 0 0 -500px;
  padding-bottom: 500px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent
}
.lay4Col .item>* {
  margin: 0 0 -500px;
  padding: 20px 20px 520px;
  background-color: #fff
}
.lay4Col .item a:before, .lay4Col .item a:after {
  content: '';
  position: absolute;
  top: 0;
  display: none;
  height: 100%;
  margin-left: -30px
}
.lay4Col .item a:before {
  width: 25%;
  border-style: solid;
  border-color: #ea6a00;
  border-width: 2px 2px 2px 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}
.lay4Col .item a:after {
  width: 0;
  margin-top: -5px;
  margin-bottom: -5px;
  padding: 5px 0;
  border-left: 10px solid #e8e8e8;
  border-right: 2px solid #ea6a00
}
#service .lay4Col .item a:after, #select .lay4Col .item a:after, #solution .lay4Col .item a:after {
  border-left-color: #FAF7F4 !important
}
#reason .lay4Col .item a:after {
  border-left-color: #f0f0f0 !important
}
#feature .lay4Col .item a:after {
  background-color: #FAF7F4 !important;
}
.lay4Col .item a:hover:before, .lay4Col .item a:hover:after {
  display: block
}
.lay4Col h3 {
  font-size: 14px;
  font-weight: bold;
  text-align: center
}
.lay4Col p {
  text-align: left
}
.lay4Col #meeting>*, .lay4Col #meeting a:before, .lay4Col #meeting a:after {
  border-color: #f5b580
}
.lay4Col #seminar>*, .lay4Col #seminar a:before, .lay4Col #seminar a:after {
  border-color: #7fcbd8
}
.lay4Col #gate>*, .lay4Col #gate a:before, .lay4Col #gate a:after {
  border-color: #bfc4d1
}
.lay4Col #sales>*, .lay4Col #sales a:before, .lay4Col #sales a:after {
  border-color: #f7c7c8
}
.lay4Col #document>*, .lay4Col #document a:before, .lay4Col #document a:after {
  border-color: #98c191
}
.lay4Col #market>*, .lay4Col #market a:before, .lay4Col #market a:after {
  border-color: #fcce00
}
.lay4Col #voice>*, .lay4Col #voice a:before, .lay4Col #voice a:after {
  border-color: #dfd882
}
.lay4Col #portal>*, .lay4Col #portal a:before, .lay4Col #portal a:after {
  border-color: #d2c5df
}
.lay4Col #translator>*, .lay4Col #translator a:before, .lay4Col #translator a:after {
  border-color: #94aec6
}
.lay4Col #video>*, .lay4Col #video a:before, .lay4Col #video a:after {
  border-color: #86c7c1
}
.lay4Col #presenter>*, .lay4Col #presenter a:before, .lay4Col #presenter a:after {
  border-color: #f3c1c2
}
.lay4Col #si>*, .lay4Col #si a:before, .lay4Col #si a:after {
  border-color: #a6a6a6
}
.lay4Col #octo>*, .lay4Col #octo a:before, .lay4Col #octo a:after {
  border-color: #7fa89b
}
.lay4Col #box>*, .lay4Col #box a:before, .lay4Col #box a:after {
  border-color: #cdd5da
}
@media only screen and (min-width: 481px) and (max-width: 800px) {
  .lay4Col {
    margin: 20px -5px 0
  }
  .lay4Col>.clearfix .clearfix {
    position: relative;
    float: none;
    width: auto;
    overflow: hidden
  }
  .lay4Col>.clearfix *+.clearfix {
    margin-top: 10px
  }
  .lay4Col>.clearfix a:before {
    width: 50%
  }
}
@media only screen and (max-width: 480px) {
  .lay4Col {
    margin: 20px 0 0
  }
  .lay4Col>.clearfix .clearfix, .lay4Col>.clearfix .item {
    position: relative;
    float: none;
    width: auto;
    border-style: none
  }
  .lay4Col>.clearfix *+.clearfix, .lay4Col>.clearfix *+.item {
    margin-top: 10px
  }
  .lay4Col>.clearfix a:before {
    width: 100%;
    margin-left: -20px;
    border-width: 2px
  }
  .lay4Col>.clearfix a:hover:after {
    display: none
  }
  .lay4Col .item>* {
    position: relative;
    margin-bottom: 0 !important;
    padding-bottom: 20px !important
  }
}
#select .lay4Col p {
  text-align: left
}
#infoList {
  position: relative;
  padding-top: 70px;
  padding-bottom: 90px;
  background-color: #F0F0F0;
}
#infoList > section{
  padding-top:0;
  padding-bottom:0;
}
#infoList .sideL, #infoList .sideR {
  padding: 0 0 50px;
  text-align: left
}
#infoList *+dt {
  margin-top: 1em
}
#infoList h2 {
  padding-bottom: .5em;
  font-size: 1.72em;
  text-align: left;
  border-bottom: 1px solid #ccc
}
#infoList .btnLink {
  position: absolute;
  bottom: 70px;
  font-size: 0.86em
}
@media only screen and (max-width: 800px) {
  #infoList {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  #infoList .sideL, #infoList .sideR {
    padding-bottom: 0;
  }
  #infoList .btnLink {
    position: static;
    text-align: center;
  }
  #infoList .btnLink a {
    line-height: 40px;
  }
}
#service {
  background-color: #FAF7F4;
}
#service .item>* {
  display: block;
  padding: 30px 20px 520px;
  border-top-style: solid;
  border-top-width: 2px;
}
#service .imgLay {
  display: block;
  max-height: 150px;
}
#service .imgLay+* {
  position: relative;
  margin-top: 25px;
}
#service figure {
  position: relative;
  display: block;
  max-width: 250px;
  margin: 30px auto 0;
  padding-bottom: 60%;
}
#service figure img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 0;
}
#service.tabBox:before {
  display: none;
}
@media only screen and (max-width: 480px) {
  #service .item a:before {
    border-top-style: none;
  }
}
*+html #service .imgLay {
  cursor: pointer;
}
#service .btnLink, #case .btnLink, #teleworknavi .btnLink,, #vcube-work-lab .btnLink, #insights-share .btnLink, #solution-guide .btnLink  {
  margin-top: 45px;
  font-size: 1.14em
}
#service .btnLink a, #case .btnLink a, #teleworknavi .btnLink a, #vcube-work-lab .btnLink a, #insights-share .btnLink a, #solution-guide .btnLink a {
  padding: 0 2em;
  line-height: 60px
}
@media only screen and (max-width: 480px) {
  #service .btnLink, #case .btnLink, #teleworknavi .btnLink, #vcube-work-lab .btnLink, #insights-share .btnLink, #solution-guide .btnLink {
    font-size: 1em;
    padding: 0 1em
  }
}
#contactNo {
  padding: 90px 10px
}
#contactNo section {
  max-width: 994px;
  min-width: 974px;
  margin: 2em auto 0;
  padding: 0 0 50px;
  text-align: center;
  border: 3px solid #f0f0f0
}
@media only screen and (max-width: 800px) {
  #contactNo section {
    max-width: 100%;
    min-width: 0
  }
}
@media only screen and (max-width: 800px) {
  #contactNo {
    padding: 50px 10px
  }
  #contactNo section {
    margin-top: 0;
    padding-bottom: 20px
  }
  #contactNo .alpFont {
    margin-top: 20px
  }
}
#toHead a {
  margin-top: 20px
}
#toHead+footer {
  margin-top: 100px
}
#contactNo:last-child {
  margin-bottom: -80px
}
@media only screen and (max-width: 800px) {
  #contactNo:last-child {
    margin-bottom: -50px
  }
}
#pageTop li, #gNav li {
  padding-left: 0
}
#pageTop li:before, #gNav li:before {
  display: none
}
#prSlide {
  padding: 0;
  overflow: hidden
}
#prSlide ul:after {
  content: '';
  display: block;
  clear: both
}
#prSlide li {
  margin-top: 0;
  padding-left: 0
}
#prSlide li:before {
  display: none
}
#prSlide img {
  display: block
}
#prSlide .slideClip {
  position: relative;
  margin: 20px auto 0;
  max-width: 1060px;
  padding: 0 110px
}
#prSlide .slideClip .btnNext, #prSlide .slideClip .btnPrev {
  width: 60px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px
}
#prSlide .slideBasis {
  overflow: hidden
}
#prSlide .btnPrev, #prSlide .btnNext {
  position: absolute;
  top: 50%;
  height: 60px;
  margin-top: -30px;
  background-color: #f0f0f0;
  cursor: pointer
}
#prSlide .btnPrev:before, #prSlide .btnPrev:after, #prSlide .btnPrev>span.before, #prSlide .btnPrev>span.after, #prSlide .btnNext:before, #prSlide .btnNext:after, #prSlide .btnNext>span.before, #prSlide .btnNext>span.after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto
}
#prSlide .btnPrev>span.before, #prSlide .btnPrev>span.after, #prSlide .btnNext>span.before, #prSlide .btnNext>span.after {
  top: 16px;
  right: auto
}
#prSlide .btnNext {
  left: 40px
}
#prSlide .btnNext:before, #prSlide .btnNext>span.before {
  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: 14px 16px 14px 0;
  border-right-color: #333
}
#prSlide .btnNext:after, #prSlide .btnNext>span.after {
  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: 14px 16px 14px 0;
  border-right-color: #f0f0f0;
  left: 1px
}
#prSlide .btnNext>span.before {
  left: 19px
}
#prSlide .btnNext>span.after {
  left: 20px
}
#prSlide .btnPrev {
  right: 40px
}
#prSlide .btnPrev:before, #prSlide .btnPrev>span.before {
  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: 14px 0 14px 16px;
  border-left-color: #333;
  left: 1px
}
#prSlide .btnPrev:after, #prSlide .btnPrev>span.after {
  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: 14px 0 14px 16px;
  border-left-color: #f0f0f0
}
#prSlide .btnPrev>span.before {
  left: 20px
}
#prSlide .btnPrev>span.after {
  left: 19px
}
#prSlide>.btnNext, #prSlide>.btnPrev {
  display: none;
  z-index: 5
}
@media only screen and (max-width: 800px) {
  #prSlide {
    margin-bottom: -20px
  }
  #prSlide .slideClip {
    padding: 0
  }
  #prSlide .slideClip .btnNext, #prSlide .slideClip .btnPrev {
    display: none
  }
  #prSlide>.btnNext, #prSlide>.btnPrev {
    display: block;
    top: -30px;
    margin-top: 28%;
    width: 40px;
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=80);
    opacity: 0.8
  }
  #prSlide>.btnNext {
    left: 0;
    -moz-border-radius: 0 5px 5px 0;
    -webkit-border-radius: 0;
    border-radius: 0 5px 5px 0
  }
  #prSlide>.btnNext:after {
    left: 3px
  }
  #prSlide>.btnPrev {
    right: 0;
    -moz-border-radius: 5px 0 0 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px 0 0 5px
  }
  #prSlide>.btnPrev:after {
    right: 2px
  }
}
@-moz-document url-prefix() {
  #prSlide .btnPrev:before, #prSlide .btnPrev:after, #prSlide .btnNext:before, #prSlide .btnNext:after {
    width: 20px;
    border-width: 0 0 1px;
    border-color: #333
  }
  #prSlide .btnNext:before {
    top: 12px;
    -moz-transform: rotate(40deg);
    -ms-transform: rotate(40deg);
    -webkit-transform: rotate(40deg);
    transform: rotate(40deg)
  }
  #prSlide .btnNext:after {
    bottom: 12px;
    -moz-transform: rotate(-40deg);
    -ms-transform: rotate(-40deg);
    -webkit-transform: rotate(-40deg);
    transform: rotate(-40deg);
    left: 0
  }
  #prSlide .btnPrev:before {
    top: 12px;
    -moz-transform: rotate(-40deg);
    -ms-transform: rotate(-40deg);
    -webkit-transform: rotate(-40deg);
    transform: rotate(-40deg);
    left: 0
  }
  #prSlide .btnPrev:after {
    bottom: 12px;
    -moz-transform: rotate(40deg);
    -ms-transform: rotate(40deg);
    -webkit-transform: rotate(40deg);
    transform: rotate(40deg)
  }
}
#prMain {
  position: relative;
  box-shadow: 0 2px 20px #f0f0f0
}
#prMain>li {
  position: relative;
  top: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 527px;
  overflow: hidden;
  z-index: 0
}
#prMain>li+li {
  position: absolute
}
#prMain .bgMovie, #prMain .bgImage {
  position: relative;
  width: 100%;
  height: 100%;
  margin: 0;
  overflow: hidden;
  z-index: 0
}
#prMain .bgMovie:after, #prMain .bgMovie>span.after, #prMain .bgImage:after, #prMain .bgImage>span.after {
  position: absolute;
  left: 0;
  bottom: 0;
  content: '';
  display: block;
  width: 100%;
  height: 3px;
  background: url(//1970584.fs1.hubspotusercontent-na1.net/hubfs/1970584/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%;
  z-index: 100
}
#prMain .bgMovie video, #prMain .bgMovie img, #prMain .bgImage video, #prMain .bgImage img {
  position: absolute;
  top: 0;
  bottom: 3px;
  left: 0;
  right: 0;
  height: auto;
  max-width: 300%;
  margin: auto;
  z-index: 0
}
#prMain .bgMovie:before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: url(//1970584.fs1.hubspotusercontent-na1.net/hubfs/1970584/jp/common/images/bg_dot.png) repeat;
  z-index: 1
}
#prMain .bgMovie video, #prMain .bgMovie img {
  width: 100%
}
#prMain .bgMovie video+img {
  display: none
}
#prMain .bgImage {
  width: 150%;
  margin: 0 -25%
}
#prMain .inner {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 100%;
  height: 100%;
  max-width: 1220px
}
#prMain .overLay {
  position: absolute;
  bottom: 70px;
  left: 10px;
  padding: 50px;
  background-color: rgba(255, 255, 255, 0.8);
  filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#F2ffffff,EndColorStr=#F2ffffff);/*IE8以下用*/
  z-index: 11
}
#prMain .overLay p {
  font-size: 1.43em
}
#prMain .overLay .copy {
  font-size: 1.72em
}
#prMain .overLay .btnLink {
  margin-left: -8px;
  text-align: left
}
#prMain .overLay .btnLink a {
  margin: 10px 4px;
  font-size: 1.14em;
  line-height: 40px
}
#prMain .overLay .btnLink a[href*='.mp4']:before {
  content: '';
  position: relative;
  top: 10px;
  display: inline-block;
  width: 24px;
  height: 20px;
  margin-right: 12px;
  background: url(//1970584.fs1.hubspotusercontent-na1.net/hubfs/1970584/jp/common/images/bg_icons.png) -153px -6px no-repeat;
  vertical-align: top
}
#prMain .note {
  position: absolute;
  left: 10px;
  bottom: 10px;
  font-size: 0.86em;
  background-color: rgba(255, 255, 255, 0.8)
}
@media only screen and (min-width: 1402px) {
  #prMain .bgMovie, #prMain .bgImage {
    width: 100%;
    margin: 0
  }
  #prMain .bgMovie video, #prMain .bgMovie img, #prMain .bgImage video, #prMain .bgImage img {
    position: absolute;
    top: -100%;
    bottom: -100%;
    left: 0;
    right: 0;
    width: 100%;
    margin: auto
  }
}
@media only screen and (min-width: 801px) and (max-width: 980px) {
  #prMain img.mainMarket {
    right: 15%
  }
}
@media only screen and (max-width: 800px) {
  #prMain {
    background-color: #f8f8f8;
    box-shadow: 0 0 0 transparent
  }
  #prMain>li {
    height: auto
  }
  #prMain .bgMovie, #prMain .bgImage {
    height: auto;
    padding-top: 55.96%
  }
  #prMain .bgMovie:before, #prMain .bgImage:before {
    display: none
  }
  #prMain .bgMovie video {
    display: none
  }
  #prMain .bgMovie video+img {
    display: block
  }
  #prMain .bgImage {
    width: 100%;
    margin: 0
  }
  #prMain .bgImage img {
    height: 100%
  }
  #prMain .bgImage img.mainMarket {
    right: 9%;
    border-right: 300px solid #ebfbff;
    margin: 0 -300px 0 auto
  }
  #prMain .inner {
    position: static
  }
  #prMain .overLay {
    position: static;
    padding: 20px 10px;
    background-color: #f8f8f8
  }
  #prMain .overLay .btnLink {
    text-align: center
  }
  #prMain .overLay .btnLink a {
    font-size: 1em
  }
  #prMain .overLay .btnLink a:before {
    display: none
  }
  #prMain .logo {
    position: relative;
    height: 35px
  }
  #prMain .logo img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    max-width: 280px;
    max-height: 35px;
    margin: auto
  }
  #prMain p {
    text-align: center
  }
  #prMain .note {
    position: static;
    margin-top: 0;
    padding: 0 10px 15px;
    background-color: #f8f8f8
  }
}
#prThumbNail li {
  position: relative;
  float: left;
  width: 20%;
  margin: 0;
  cursor: pointer
}
#prThumbNail li img {
  max-width: 92%;
  margin: 0 auto
}
#prThumbNail li:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 92%;
  max-width: 196px;
  margin: 0 auto;
  border: 2px solid transparent;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-transition: border-color 0.5s;
  -o-transition: border-color 0.5s;
  -webkit-transition: border-color 0.5s;
  transition: border-color 0.5s
}
#prThumbNail .current:after {
  border-color: #ea6a00
}
@media only screen and (max-width: 800px) {
  #prThumbNail {
    display: none
  }
}
.sldPos {
  position: absolute;
  top: -24px;
  display: none;
  width: 100%;
  margin-top: 56%;
  padding-left: 0;
  text-align: center;
  z-index: 4
}
.sldPos li {
  display: inline-block;
  width: 14px;
  height: 14px;
  margin: 0 4px;
  background-color: #bdd3dc;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  -moz-transition: background-color 0.5s;
  -o-transition: background-color 0.5s;
  -webkit-transition: background-color 0.5s;
  transition: background-color 0.5s
}
.sldPos .current {
  background-color: #ea6a00
}
@media only screen and (max-width: 800px) {
  .sldPos {
    display: block
  }
}
#service {
  background-color: #f0f0f0
}
#service:before {
  background-position: 0 -50px
}
.bgColor4 + #service:before {
  background-position: -50px -350px
}
#service .lay4Col .item a:after {
  border-left-color: #f0f0f0 !important
}
#company section {
  max-width: 1000px
}
#company .sizeL {
  margin-top: 50px;
  text-align: left
}
@media only screen and (max-width: 640px) {
  #company h2 {
    margin-bottom: 0
  }
  #company *+p, #company .sizeL {
    margin-top: 20px
  }
}
#notice {
  max-width: 1200px;
  min-width: 980px;
  margin: 0 auto;
  margin-bottom: -20px;
  padding: 70px 0 0
}
#notice h2 {
  font-size: 1.72em
}

#caution,
#attention {
  margin: 0 0 0 -10px;
  padding: 0 0 0;
  width:calc(100% + 20px);
}
#caution h2 {
  color: #eb2b29;
}
#caution .wm-border,
#attention .wm-border{
  padding: 10px;
  text-align: center;
  border: none;
}
#caution .wm-border{
  background-color: #ffe8e8;
  color: #eb2b29;
}
#attention .wm-border{
  border-bottom:#ddd 1px solid;
  background-color: #f0f0f0;
}
#caution .wm-border a {
  color: #eb2b29;
}

#notice .infoList *+dt,
#caution .infoList *+dt {
  margin-top: 1em
}
@media only screen and (max-width: 800px) {
  #notice {
    max-width: 100%;
    min-width: 0;
    padding-top: 50px
  }
  #caution {
    max-width: width:calc(100% + 20px);
    margin: 0 0 0 -10px;
    min-width: 0;
    padding-top: 0
  }
}
*+html #prMain .inner {
  left: auto;
  right: 25%;
  width: 75%;
  max-width: 915px
}
*+html .slideBasis {
  position: relative;
  max-height: 100px
}
/* 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(//1970584.fs1.hubspotusercontent-na1.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;
  }
}

/* append */
#gNav li:first-child .hidNav:before, #gNav li:first-child .hidNav:after {
  left: 7.1%;
  ;
}
#prMain .overLay {
  background-color: rgba(255, 255, 255, .92);
  padding: 36px 50px 41px 50px;
}
#prMain .overLay .copy {
  margin-bottom: -6px;
}
.arrow:after {
  content: '';
  position: absolute;
  left: 17px;
  top: 19px;
  display: block;
  width: 7px;
  height: 7px;
  margin: -4px 0 0 -4px;
  border-right: 2px solid #ffffff;
  border-bottom: 2px solid #ffffff;
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.btnLink a {
  position: relative;
}
a.arrow {
  padding-left: 28px;
}
.top_lead {
  font-size: large;
}
@media screen and (min-width: 802px) and ( max-width: 1150px) {
  img.slideimg_right {
    right: 180px!important;
    left: auto!important;
  }
}
@media only screen and (min-width: 801px) {
  .catch {
    font-size: 1.3em;
    line-height: 1.3em;
  }
  #prMain .overLay {
    position: absolute;
    bottom: 70px;
    left: 10px;
    padding: 36px 50px 30px 50px;
    z-index: 11;
  }
  #pageTop {
    min-width: 1030px;
  }
  body {
    min-width: 1030px;
  }
}
@media only screen and (max-width: 800px) {
  #prMain {
    /*min-height: 590px!important;*/
  }
  #prMain .logo img {
    max-width: 320px;
    max-height: 100px;
  }
  #prMain .logo {
    height: 60px;
  }
  .catch {
    font-size: 1em;
  }
  #prMain .overLay .btnLink {
    margin-top: 10px;
  }
  img.slideimg_right {
    left: auto !important;
  }
  img.slideimg_center {
    left: -100px !important;
  }
  #prMain .overLay {
    padding: 27px 10px 41px 10px;
  }
  .left {
    margin: 10px 4px -11px -23px;
  }
}
@media only screen and (max-width: 500px) {
  .br-sp {
    display: none;
  }
}
@media only screen and (max-width: 480px) {
  .catch {
    font-size: 0.9em;
  }
}





/*----------------------------------------
　メルマガ_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;}
}


/*新着情報部分 */
dl#news_info{
width: 100%;
}

#news_info dt{
    display: block;
    width: 6%;
    clear: left;
    float: left;
}

#news_info dd{
    display: block;
    width: 92%;
    margin-top: 1em;
    padding-left: 100px;
}
@media screen and (min-width:461px) and ( max-width:800px) {
#news_info dd {
    display: block;
    width: 80%;
    margin-top: 1em;
    padding-left: 100px;
}
}

@media screen and (max-width:460px) {
#news_info dt {
    clear: none;
    float: none;
}
#news_info dd {
    width: 100%;
    margin-top: 0; 
    padding-left: 0;
}
}
/*新着情報部分 */

/*ソリューション・サービス部分 */
#solution-service{
	margin-top:70px;
}
#solution-service .lay2Col .item + .item + .item {
  margin-top: 40px;
}
.solutionBanner{
  text-align: left;
}

.solutionBanner__subtitle, h3.solutionBanner__subtitle { /* h3は詳細度対策 */
  margin-top: 5px;
  margin-bottom: 14px;
  line-height: 1.2;
  padding-bottom: 0;
  font-size: 18px;
  font-weight: 600;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  display: block;
  padding-left: 30px;
  transition: color 0.3s ease-out;
}
.solutionBanner__subtitle:before {
  content: "";
  display: block;
  position: absolute;
  width: 20px;
  height: 20px;
  border-radius: 2px;
  top: 0;
  left: 0;
  background-color: #ea6a00;
}
.solutionBanner__subtitle:after {
  content: "";
  display: block;
  position: absolute;
  width: 4px;
  height: 4px;
  border-top: 2px solid #ffffff;
  border-right: 2px solid #ffffff;
  top: 10px;
  left: 10px;
  transform: translate(-60%, -50%) rotate(45deg);
}
.solutionBanner__image{
  position:relative;
}
.solutionBanner__image img{
  vertical-align:bottom;
}      
.solutionBanner__category {
  margin-top: 16px;
  color: #707070;
  transition: color 0.3s ease-out;
}
h4.solutionBanner__category {
  border-left:none;
  padding-left:0;
}
.solutionBanner__text{
  margin-top: 14px;
  transition: color 0.3s ease-out;
}
.solutionBanner__linkImage {
  text-decoration: none;
  display: block;
  color:#494949;
}
.solutionBanner__linkImage .solutionBanner__overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index:1;
}
.solutionBanner__linkImage .solutionBanner__overlay:before{
  content: '';
  position:absolute;
  top:0;
  left:0;
  width:0;
  height:100%;
  background-color: rgba(0, 0, 0, 0.35);
  display: block;
  transition: width 0.2s ease-out;
  z-index:1;
}
.solutionBanner__linkImage .solutionBanner__overlay__inner {
  color: #ffffff;
  position: relative;
  display: flex;
  font-size: 16px;
  opacity: 0;
  transition: opacity 0.2s ease-out;
  z-index:2;
}
.solutionBanner__linkImage .solutionBanner__overlay__inner:after {
  content: "";
  width: 6px;
  height: 6px;
  border-top: 2px solid #ffffff;
  border-right: 2px solid #ffffff;
  transform: rotate(45deg);
  margin-left: 8px;
  margin-top: 0.5em;
  opacity: 0;
  transition: opacity 0.2s ease-out;
}

.solutionBanner__linkImage {
  display: block;
}
.solutionBanner__linkImage:hover .solutionBanner__overlay:before {
  width: 100%;
  transition: width 0.3s ease-out;
}
.solutionBanner__linkImage:hover .solutionBanner__overlay__inner {
  opacity: 1;
  transition: opacity 0.3s ease-out;
}
.solutionBanner__linkImage:hover .solutionBanner__overlay__inner:after {
  opacity: 1;
  transition: opacity 0.3s ease-out;
}
.solutionBanner__linkImage:hover .solutionBanner__category, .solutionBanner__linkImage:hover .solutionBanner__subtitle {
  color: #ea6a00;
}
.solutionBanner__linkImage:hover .solutionBanner__text{
  color:#494949;
}

@media only screen and (max-width: 480px){
  #solution-service{
    margin-top: 0;
  }
  #solution-service .lay2Col .item + .item {
      margin-top: 20px;
  }
}
/*ソリューション・サービス部分 */

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