@charset "utf-8";

/*---------------------------------------------------
  SCiB Custom Style
---------------------------------------------------*/
/* --------------------
  COMMON
-------------------- */
h2, h3 {
  margin: 0 0 11px;
  color: #0096f5;
  font-size: 140%;
  font-weight: normal;
}
h2 .title-newicon {
  vertical-align: text-top;
}
/* ---- リンク付き見出し ---- */
.is-link {
  width: 70%;
  float: left;
}
.is-link + * {
  /*width: 30%;*/
  float: right;
  box-sizing: border-box;
}


/* ---- .clear ---- */
.clear {
  clear: both;
  overflow: hidden;
}
/* ---- form ---- */
select, input {
  font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Meiryo, 'メイリオ', Verdana, 'ＭＳ Ｐゴシック', sans-serif;
}
input[type="submit"],input[type="button"] {
  margin: 0 10px;
  padding: 5px 10px;
  border: 1px solid #999;
  font-size: 100%;
}
input[type="submit"]:hover, input[type="button"]:hover {
  cursor: pointer;
}
select, input[type="text"], textarea {
  padding: 5px;
  box-sizing: border-box;
}
/* ---- display & position ---- */
.is-fixed {
  position: fixed !important;
  z-index: 80;
}
.is-hidden { display: none !important;}
.is-absolute { position: absolute !important;}
/* ---- textRight ---- */
.textLeft { text-align: left;}
.textRight { text-align: right;}
.textCenter { text-align: center;}
/* ---- size ---- */
.w-38{ width: 38px !important;}
.w-86 { width: 86px !important;}
.w-96 { width: 96px !important;}
.w-112 { width: 112px !important;}
.w-120 { width: 120px !important;}
.w-140 { width: 140px !important;}
.w-150 { width: 150px !important;}
.w-160 { width: 160px !important;}
.w-165 { width: 165px !important;}
.w-200 { width: 200px !important;}
.w-210 { width: 210px !important;}
.w-215 { width: 215px !important;}
.w-270 { width: 270px !important;}
.w-247 { width: 247px !important;}
.w-255 { width: 255px !important;}
.w-300 { width: 300px !important;}
.w-350 { width: 350px !important;}
.w-380 { width: 380px !important;}
.w-400 { width: 400px !important;}
.w-410 { width: 410px !important;}
.w-422 { width: 422px !important;}
.w-436 { width: 436px !important;}
.w-455 { width: 455px !important;}
.w-470 { width: 470px !important;}
.w-490 { width: 490px !important;}
.w-500 { width: 500px !important;}
.w-525 { width: 525px !important;}
.w-530 { width: 530px !important;}
.w-550 { width: 550px !important;}
.w-545 { width: 545px !important;}
.w-555 { width: 555px !important;}
.w-575 { width: 575px !important;}
.w-600 { width: 600px !important;}
.w-630 { width: 630px !important;}
.w-914 { width: 914px !important;}
/* ---- font-size ---- */
.font-100 { font-size: 100% !important;}
.font-110 { font-size: 110% !important;}
.font-120 { font-size: 120% !important;}
/* ----　color　---- */
.accentColor-1 {
  color: #0096f5;
  text-decoration: none;
}
.accentColor-1 a {
  color: #0096f5;
  text-decoration: underline;
}
.accentColor-1 a:hover {
  color : #f63;
  text-decoration: none;
}
.accentColor-2 {
  color: #f00;
  text-decoration: none;
}
.accentColor-3 { color: #4d4d4d;}
.bgColor-1 { background: #fff;}
.is-noBorder {
  border: none !important;
}
/* ---- margin & passing ---- */
.mAout { margin: 0 auto !important;}
.mt-10 { margin-top: 10px !important;}
.mt-20 { margin-top: 20px !important;}
.mb-0 { margin-bottom: 0 !important;}
.mb-46 { margin-bottom: 46px !important;}
.pl-114 { padding-left: 114px !important;}
.pb-0 { padding-bottom: 0 !important;}
.pb-30 { padding-bottom: 30px !important;}
.pb-1em { padding-bottom: 1em !important;}
.pl-20 { padding-left: 20px !important;}
.pt-20 { padding-top: 20px !important;}
.pr-25 { padding-right: 25px !important;}
/* --------------------
  LAYOUT
-------------------- */
.inner {
  width: 960px;
  margin: 0 auto;
  padding: 0;
}
.leftCollum {
  float: left;
  box-sizing: border-box;
}
.rightCollum {
  float: right;
  box-sizing: border-box;
}
.halfBlock {
  width: 50%;
  padding: 0 20px;
  float: left;
  box-sizing: border-box;
}
.halfBlock:nth-child(odd){
  padding-left: 0;
  border-right: 1px solid #999;
}
.halfBlock:nth-child(even){
  margin-left: -1px;
  padding-right: 0;
  border-left: 1px solid #999;
}
td.figure {
	line-height: 0;
}
/* ---- content ---- */
.content {
  width: 100%;
  min-width: 960px;
  padding: 46px 0;
  clear: both;
  overflow: hidden;
  box-sizing: border-box;
  font-size: 100%;
}
.content.color-1 { background: #fff;}
.content.color-2 { background: #f5f8fa;}
.content .inner {
  padding: 0 23px;
  box-sizing: border-box;
}
.content.notes {
  padding: 0 0 12px 0;
}
p.notes {
  font-size: 75%;
}
.news .content .inner,
.event .content .inner {
  padding: 0;
}
.contentHead {
  min-width: 960px;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center top;
  color: #4d4d4d;
  overflow: hidden;
}
.contentHead .inner {
  height: 300px;
  position: relative;
}
.news .contentHead .inner, 
.event .contentHead .inner,
.movie .contentHead .inner,
.download .contentHead .inner,
.sitemap .contentHead .inner {
  height: auto;
  padding: 45px 23px 23px;
  box-sizing: border-box;
  border-bottom: 1px solid #d8dfe8;
}
.contentBlock.is-noBorder {
  border-top: none;
}
.contentHead .catch {
  position: absolute;
  bottom: 44px;
  left: 23px;
}
.contentHead h1 {
  margin: 0 0 11px;
  font-size: 157%;
  font-weight: normal;
}
.news .contentHead h1,
.event .contentHead h1,
.movie .contentHead h1,
.sitemap .contentHead h1 {
  margin-bottom: 0;
  line-height: 1.2;
}
.contentHead .catch p {
  margin-bottom: 0;
}
.contentHead .scibLogo {
  position: absolute;
  bottom: 43px;
  right: 23px;
}

/* --------------------
  PARTS
-------------------- */
/* ---- linkBtn ---- */
.linkBtn {
  min-width: 165px;
  margin: 10px 23px 0 0;
  padding: 6px 10px 6px;
  display: inline-block;
  border: 1px solid #0096f5;
  border-radius: 3px;
  font-size: 80%;
  text-align: center;
  box-sizing: border-box;
  transition: all .2s ease-in-out;
}
.linkBtn:hover {
  background: #0096f5;
  color: #fff;
  text-decoration: none;
}
.linkBtn.font-120 {
  margin: 6px auto 0;
  padding: 2px 10px;
  display: block;
}
.linkBtn.font-120.is-cases {
  padding: 13px 15px !important;
}
/* ---- note ---- */
.note { font-size: 75%;}
td .note { font-size: 88%;}
.note, .note li {
  padding-left: 1em;
  text-indent: -1em;
}
ul.note {
  padding: 0;
}
.note.come {
  color: #464646;
  padding: 0;
}
dl.note {
  margin: 1em auto;
}
dl.note dt {
  float: left;
  width: 1.6em;
}
dl.note dd {
  margin-left: 1.6em;
}

/* ---- list ---- */
.arrowList li {
  margin-bottom: 5px;
  padding-left: 18px;
  background: url(../img/list-arrow.png) no-repeat left top;
  line-height: 1.0;
}
.markerList li {
  margin-left: 10px;
  padding-left: 1em;
  list-style: disc inside;
  text-align: left;
  text-indent: -1.5em;
}
.point {
  color: #0096f5;
  font-size: 120%;
  text-align: center;
  overflow: hidden;
}
.point li {
  width: 33%;
  margin: 0 0;
  padding: 26px 0;
  float: left;
  background: url(../img/top/point-bg.png) no-repeat center center;
  font-size: 100%;
  line-height: 1.4;
}
.point.m-top li {
  width: 32%;
  padding: 26px 0 0 0;
  background: url(../img/top/point-bg.png) no-repeat center top;
}
.point.m-top li:nth-child(1) {
  width: 36%;
}
.point.m-top li span {
  display: block;
  padding: 30px 10px 0 10px;
  text-align: left;
  color: #333;
  font-size: 80%;
  line-height: 1.5;
}
.point.m-top li:nth-child(1) span {
  padding: 30px 25px 0 10px;
}
.point.m-top li:nth-child(3) span {
  padding: 30px 0 0 25px;
}
.featureList li { margin-bottom: 10px;}
.reviewList {
  margin: 58px 85px 0;
  overflow: hidden;
}
/* ---- icon ---- */
.arrow {
  padding-left: 18px;
  background: url(../img/list-arrow.png) no-repeat left top;
  line-height: 1.3;
}
.prev-arrow {
  padding-left: 18px;
  background: url(../img/list-arrow-2.png) no-repeat left 2px;
  line-height: 1.3;
}
.pdfIcon {
  min-height: 48px;
  padding-left: 50px;
  background: url(../img/ico-pdf.png) no-repeat left 3px;
}
.blankIcon {
  padding-left: 5px;
  vertical-align: middle;
}
.formIcon { background-image: url(../img/common/i_form.gif);}
.facIcon { background-image: url(../img/common/i_fax.gif);}
.addressIcon { background-image: url(../img/common/i_add.gif);}
/* ---- pageNav ---- */
.pageNav {
  min-width: 960px;
  background: none;
  border: none;
}
.pageNav ul {
  width: 100%;
  display: table;
  overflow: hidden;
}
.pageNav li {
  display: table-cell;
  background-size: cover;
  background-position: left top;
  background-image: none;
  padding: 0 12px;
  box-sizing: border-box;
  text-align: center;
}
.pageNav a {
  width: 100%;
  box-sizing: border-box;
  display: block;
  border: solid 1px #0096f5;
  border-radius: 3px;
  font-size: 90%;
  line-height: 1.4;
  color: #0096f5;
  transition: all .2s ease-in-out;
}
.pageNav li a:hover {
  color: #fff;
  border-radius: 3px;
  background: #0050ff;
  background-size: auto 100%;
  background-position: left top;
  background-image: url(../img/cur-bg.jpg);
  text-decoration: none;
}
.pageNav li span { display: block;}
/* ---- article ---- */
.art {
  margin-bottom: 15px;
  clear: both;
  overflow: hidden;
}
.art img {
  width: 100px;
  display: block;
  clear: both;
  float: left;
}
.artDate, .artBody {
  width: 75%;
  float: left;
  padding: 0 23px;
  box-sizing: border-box;
}
.artDate {
  margin-bottom: 2px;
  color: #7c7c7c;
  font-size: 88%;
  line-height: 1.2;
}
.artBody {
  margin: 0;
  font-size: 90%;
  font-weight: normal;
  color: #000;
}
.artBody a { color: #000;}
.artBody a:hover {
  color: #f63;
  text-decoration: underline;
}
.news .artBody {
  width: 100%;
}
.newsArt .art img {
	margin-right: 23px;
}
.newsArt .artDate, .newsArt .artBody {
  width: inherit;
  float: none;
}
/* ---- banner ---- */
.bnr-w890 {
  margin: 0;
  text-align: center;
}
.bnr-w890.mt40 {
  margin-top: 40px;
}
.bnr-w890.mb40 {
  margin-bottom: 40px;
}
.bnr-w890 img {
  line-height: 1;
  box-shadow: 1px 1px 5px 1px rgba(0,0,0,0.2);
  transition: opacity 0.2s;
}
.bnr-w890 a:hover img {
  opacity: 0.8;
}


/* --------------------
  SLIDER
-------------------- */
.slider, .slider .sp-mask, .slider .sp-slide, .sp-slide .inner {
  min-width: 960px;
}
.sp-buttons {
  position: absolute !important;
  bottom: 0;
}
.sp-button {
  width: 10px !important;
  height: 10px !important;
  border: 2px solid #aaa !important;
}
.sp-selected-button {
  background-color: #aaa !important;
}
.sp-arrow {
  width: 36px !important;
  height: 36px !important;
}
.sp-next-arrow {
  background: url(../img/slider-arrow-nex.png) no-repeat left top;
}
.sp-previous-arrow {
  background: url(../img/slider-arrow-pre.png) no-repeat left top;
}
.cases .sp-next-arrow {
  background: url(../img/slider-arrow-nex2.png) no-repeat left top;
}
.cases .sp-previous-arrow {
  background: url(../img/slider-arrow-pre2.png) no-repeat left top;
}
.sp-next-arrow:before, .sp-previous-arrow:before {
  display: none;
}
.sp-next-arrow:after, .sp-previous-arrow:after {
  display: none;
}

/* carousel */
.carousel {
  padding-bottom: 23px;
}
.carousel .sp-slide {
  border-radius: 3px;
}
.carousel .sp-slide a {
  display: block;
  height: 100%;
  box-sizing: border-box;
  border: solid 1px #0096f5;
  border-radius: 3px;
  color: #333;
  padding: 9px;
  transition: all .2s ease-in-out;
}
.carousel .sp-slide img {
  width: 220px;
  height: 120px;
}
.carousel .sp-slide a:hover {
  background: #0050ff;
  background-size: auto 100%;
  background-position: left top;
  background-image: url(../img/cur-bg.jpg);
  color: #fff;
  text-decoration: none;
}
.carousel .sp-slide span {
  display: block;
  width: 220px;
  margin: 0 auto 0;
  font-size: 80%;
  text-align: center;
}
.carousel {
  margin: 0 auto !important;
}
.carousel .sp-mask {
  width: 847px !important;
  margin: 0 auto;
  overflow: hidden;
}
.carousel .sp-slides {
  left: -35px;
}
.carousel .sp-previous-arrow {
  left: -10px !important;
}
.carousel .sp-next-arrow {
  right: -10px !important;
}

/* details */
.details {
  margin-top: 35px;
  background: #fff;
  border: 1px solid #d8dfe8;
  clear: both;
  overflow: hidden;
}
.details.is-mt0 {
  margin-top: 0;
}
.detailBlock {
  padding: 46px 23px;
  border-top: 1px solid #d8dfe8;
  overflow: hidden;
}
.detailBlock:first-child {
  border-top: none;
}

/* --------------------
  TOP
-------------------- */
.mainVisuals, .mainVisuals .slider {
  background: #fff;
}
.mainVisuals .sp-slide {
  background-size: cover;
}
.mainVisuals .slide-1 {
  background-image: url(../img/top/m-visual-01.jpg);
}
.mainVisuals .slide-2 {
  background-image: url(../img/top/m-visual-02.jpg);
}
.mainVisuals .slide-3 {
  background-image: url(../img/top/m-visual-03.jpg);
}
.mainVisuals .slide-4 {
  background-image: url(../img/top/m-visual-04.jpg);
}
.mainVisuals .slide-4 .sip-yt-link {
  position: absolute;
  top: 25px;
  right: 0;
}

/*
.mainVisuals .slide-5 .yt-btn {
  position: absolute;
  top: 9%;
  right: 2%;
  padding: 5px 5px 0 ;
  background: #fff;
  opacity: 0;
  animation: yt-btn-anime 0.1s ease-out 2.5s forwards;
}
@keyframes yt-btn-anime {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@media all and (-ms-high-contrast: none) {
  .mainVisuals .slide-5 .yt-btn {
	top: 7%;
	padding-top: 0;
  }
}
*/


.mainVisuals {
  max-width: 1280px;
  margin: 0 auto;
}
.mainVisuals .video {
  width: 100%;
  position: relative;
}
.mainVisuals .video .inner:before {
  content: url(../img/ico-play.png);
  display: block;
  position: absolute;
  top: 45%;
  left: 45%;
}
.mainVisuals .video:hover .inner:before {
  content: url(../img/ico-play-cur.png);
}
.mainVisuals .inner {
  height: 100%;
  position: relative;
  font-size: 100%;
}
.mainVisuals .textBlock {
  width: 50%;
  position: absolute;
  bottom: 23px;
  left: 92px;
  color: #333;
  font-size: 80%;
}
.mainVisuals .textBlock img {
  vertical-align: bottom;
}
.mainVisuals h2 {
  margin: 0 0 10px;
  font-weight: normal;
  color: #333;
}
.mainVisuals .slide-sip-text {
  position: absolute;
  top: 11%;
  left: 55px;
}
.mainVisuals .slide-sip-link {
  position: absolute;
  top: 170px;
  top: calc(120px + 17%);
  left: 55px;
  display: block;
  line-height: 1.1;
  width: 350px;
  padding: 24px 15px 22px 35px;
  color: #fff;
  text-decoration: none;
  font-size: 17.5px;
  font-size: 111%;
  font-weight: bold;
  background: #0050ff;
  background: -moz-linear-gradient(left, #0096f5, #0050ff);
  background: -ms-linear-gradient(left, #0096f5, #0050ff);
  background: -webkit-gradient(linear, left top, right bottom, from(#0096f5), to(#0050ff));
  background: linear-gradient(to right, #0096f5, #0050ff);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#0096f5', endColorstr='#0050ff', GradientType=1)";
}
.mainVisuals .slide-sip-link::after {
  content: "";
  position: absolute;
  top: 0;
  right: 15px;
  display: block;
  width: 20px;
  height: 65px;
  background: url(../img/product/sip/arrow_01.png) no-repeat left center;
}
.mainVisuals .slide-sip-link:hover {
  opacity: 0.8;
}
.top .bg {
  padding-bottom: 46px;
}
.top .bg .inner {
  min-height: 234px;
  background: url(../img/top/bg-01.jpg) no-repeat right top;
}
.top .links,
.cases .links {
  margin-top: 23px;
}
.cases .footer .links {
  margin-top: 0;
}
.top .links li,
.cases .links li {
  margin: 0 0 16px 0;
}
.top .footer .nav li,
.cases .footer .nav li {
  margin: 2px 0;
}
.top .linkBtn {
  min-width: 230px;
  margin-top: 0px;
}
.pageNav.m-product ul {
  width: 492px !important;
  margin: 35px auto 0 auto !important;
  overflow: hidden;
}
.pageNav.m-product li {
  width: 33%;
}
.pageNav.m-product a {
  padding: 12px 0;
}
.pageNav.m-product a span {

}
.top .cases {
  position: relative;
}
.top .carousel {
  margin: 38px auto 0 !important;
}
.top .halfBlock h2 {
  margin-bottom: 22px;
}
.top .halfBlock .arrow {
  margin-top: 5px;
}
.top .halfBlock .arrow a {
  color: #999;
}
.top-bnr {
  padding-bottom: 0;
}
.top-bnr a {
  transition: 0.1s;
}
.top-bnr a:hover {
  opacity: 0.8;
}
.top-bnr img {
  text-align: center;
  box-shadow: 1px 1px 5px 1px rgba(0,0,0,0.4);
}

/* --------------------
  ABOUT
-------------------- */
.about .contentHead {
  background-image: url(../img/about/m-visual.jpg);
}
.about .content .bg {
  min-height: 300px;
  background: url(../img/about/img-01.jpg) no-repeat right 0;
}
.about .contentBlock {
  min-height: 120px;
  padding: 38px 0;
  background-repeat: no-repeat;
  background-position: right 44px;
  border-top: 1px solid #d8dfe8;
  clear: both;
}
.about .feature-1 {
  background-image: url(../img/about/con-bg-01.png);
}
.about .feature-2 {
  background-image: url(../img/about/con-bg-02.png);
}
.about .feature-3 {
  background-image: url(../img/about/con-bg-03.png);
}
.about .feature-4 {
  background-image: url(../img/about/con-bg-04.png);
}
.about .feature-5 {
  background-image: url(../img/about/con-bg-05.png);
}
.about .feature-6 {
  background-image: url(../img/about/con-bg-06.png);
}
.about .contentBlock p {
  width: 800px;
}
.about .content.color-2 {
  padding-bottom: 20px;
}
.about .leftCollum, .about .rightCollum {
  margin-bottom: 37px;
}
.about .w-270 {
  margin-top: 60px;
}
.about .featureList {
  margin: 62px 0 25px;
}
.about .explanation {
  margin: 46px 0 8px;
  padding: 23px 13px 4px 23px;
  background-color: #fff;
  border: solid 1px #d8dfe8;
  overflow: hidden;
  text-align: center;
}
.about .explanation p {
  width: 100%;
}
.about .explanation li {
  margin-left: 18px;
  float: left;
  text-align: center;
}
.about .explanation li span {
  display: block;
  padding-bottom: 2px;
}
.about .explanation li:first-child {
  margin-left: 0;
}

/* --------------------
  PRODUCT
-------------------- */
.product .carousel {
  padding-bottom: 0;
}
.product .contentHead {
  background-image: url(../img/product/m-visual.jpg);
}
.product .contentHead.cell {
  background-image: url(../img/product/cell-visual.png);
}
.product .contentHead.module {
  background-image: url(../img/product/module-visual.png);
}
.product .contentHead.system {
  background-image: url(../img/product/system-visual.png);
}
.product .lineupBlock {
  padding: 0 30px;
  overflow: hidden;
}
.product .lineup {
  width: 33%;
  padding: 0 32px;
  float: left;
  text-align: center;
  box-sizing: border-box;
}
.product .lineup p {
  font-size: 85%;
  text-align: left;
}
.product .lineup .linkBtn {
  width: 100%;
  margin: 6px auto 0;
}
.product .linkBtn.font-120 {
  padding: 2px 0;
}
.product .pdfIcon {
  width: 365px;
  margin-bottom: 28px;
  padding: 0 20px;
  display: inline-block;
  background: none;
  vertical-align: top;
  box-sizing: border-box;
}
.product .pdfIcon a {
  overflow: hidden;
}
.product .pdfIcon img {
  padding-right: 15px;
  vertical-align: top;
  float: left;
}
.product .pdfIcon span {
  width: 275px;
  float: right;
}
.product .file-size {
  margin-left: 50px;
}
.rightCollum .img-cap {
  display: block;
  font-size: 90%;
  padding: 3px 20px 0 0;
}
.rightCollum .img-notes {
  display: block;
  font-size: 75%;
  padding-right: 20px;
}
/* cell.htm */
.pageNav.m-cell ul {
  width: 740px;
  margin: 0 auto;
  overflow: visible;
}
.pageNav.m-cell ul li {
  width: 16.66%;
  min-height: 120px;
}
.pageNav.m-cell ul li.newicon {
  position: relative;
}
.pageNav.m-cell ul li.newicon:before {
  position: absolute;
  top: -26px;
  left: 12px;
  content: "";
  width: 118px;
  height: 18px;
  background: url(../img/product/cell-ico-new.png) no-repeat;
}
.pageNav.m-cell ul li a {
  min-height: 120px;
  padding: 14px 0 7px 0;
  font-size: 90%;
}
.pageNav.m-cell ul li a span {
  padding-top: 5px;
}
.pageNav.m-cell ul li:nth-child(1) {
  width: 19.44%;
}
.cellImageMap area {
	outline: none;
}
.lineup-txt {
  display: block;
  font-size: 75%;
  margin-top: 10px;
  text-align: left;
  line-height: 1.4;
}
.product .specs {
  font-size: 85.7%;
}
.product .specs th, .product .specs td {
  padding: 13px 3px;
  font-weight: normal;
  box-sizing: border-box;
}
.product .specs .bgColor-1 {
}
.product .specs td {
  text-align: center;
}
.product .specs li {
  margin-left: 16px;
  list-style: disc inside;
  text-align: left;
}
/* module.htm */
.moduleIcon a{
	height: 134px;
	min-height: 134px;
}
.product .pageNav.m-module ul {
  width: 960px;
  margin: 0 auto;
  padding: 0 11px;
  box-sizing: border-box;
  overflow: visible;
}
.product .pageNav.m-module li {
  width: 14%;
  float: none;
  display: table-cell;
}
.product .pageNav.m-module li.newicon {
  position: relative;
}
.product .pageNav.m-module li.newicon:before {
  position: absolute;
  top: -26px;
  left: 0;
  content: "";
  display: block;
  width: 100%;
  height: 18px;
  background: url(../img/product/module-ico-new.png) no-repeat center;
}
.product .pageNav.m-module li a {
  padding: 7px 0;
}
.product .infoBtn {
  margin: 15px;
}
.product .infoBtn.mt-0 {
  margin-top: 0;
}
.details .note {
  margin-bottom: 43px;
  padding: 0 23px;
}
.product .rightCollum.w-400.textCenter img {
  max-width: 400px;
}
.product .module .detailBlock {
  padding: 23px;
}
.product .module .detailBlock h2 {
  margin-bottom: 23px;
}
.product .module .detailBlock h3 {
  font-size: 110%;
}
.product .module .detailBlock .graphCap{
  font-size: 85.7%;
  margin: 0;
  line-height: 1;
}
.product a.sipLink {
  position: relative;
  display: block;
  line-height: 1.1;
  width: 350px;
  margin-top: 25px;
  padding: 24px 15px 22px 35px;
  color: #fff;
  text-decoration: none;
  font-size: 17.5px;
  font-size: 111%;
  font-weight: bold;
  background: #0050ff;
  background: -moz-linear-gradient(left, #0096f5, #0050ff);
  background: -ms-linear-gradient(left, #0096f5, #0050ff);
  background: -webkit-gradient(linear, left top, right bottom, from(#0096f5), to(#0050ff));
  background: linear-gradient(to right, #0096f5, #0050ff);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#0096f5', endColorstr='#0050ff', GradientType=1)";
  transition: opacity 0.2s;
}
.product a.sipLink::after {
  content: "";
  position: absolute;
  top: 0;
  right: 15px;
  display: block;
  width: 20px;
  height: 65px;
  background: url(../img/product/sip/arrow_01.png) no-repeat left center;
}
.product a.sipLink:hover {
  opacity: 0.8;
}
/* component.htm */
.product .imageContent {
  padding: 23px;
  border: 1px solid #ddd;
}
.product .imageContent h3 {
  margin: 0 0 23px;
  font-size: 110%;
  color: #333;
}
.product .imageContent li {
  padding-left: 0;
  text-indent: 0;
}
.component .borderB-0 > * {
  border-bottom: none;
}
.component .borderT-0 > * {
  border-top: none;
}
.component th, .component td {
  box-sizing: border-box;
  font-size: 85.7%;
}
.component th[scope="col"] {
  padding: 12px 0
}
.component .cell-1 {
  width: 38px;
}
.component .cell-2 {
  width: 247px;
}
.component .cell-3 {
  width: auto;
}
.component .cell-4 {
  width: 112px;
}
.component .cell-5 {
  width: 132px;
}
.component .cell-6 {
  width: 115px;
}
.component td {
  padding: 10px;
}
.component .img {
  padding: 5px 0;
  text-align: center;
}
.tableIndex {
  margin: 10px 0 2px;
  font-size: 98%;
  color: #333;
}
.component p {
  margin: 0;
}
.component ul {
  margin: 10px 0;
}
.component li {
  margin-left: 10px;
  list-style: disc inside;
  text-align: left;
}
.component dt {
  font-weight: bold;
}
.component dd {
  margin-left: 0;
}
.component .component-note {
  display: inline-block;
  line-height: 1.4;
  margin: 10px 0 0;
  font-size: 88%;
}
.component .small {
  font-size: 90%;
}


.component02 .borderB-0 > * {
  border-bottom: none;
}
.component02 .borderT-0 > * {
  border-top: none;
}
.component02 th, .component02 td {
  box-sizing: border-box;
  font-size: 85.7%;
}
.component02 th[scope="col"] {
  padding: 12px 0
}
.component02 th[scope="row"] {
  text-align: left;
  padding: 10px;
  font-weight: normal;
}
.component02 .cell-1 {
  width: 124px;
}
.component02 .cell-2 {
  width: 112px;
}
.component02 .cell-3 {
  width: 130px;
}
.component02 .cell-4 {
  width: 165px;
}
.component02 .cell-5 {
  width: 178px;
}
.component02 .cell-6 {
  width: 47px;
}
.component02 .cell-7 {
  width: 152px;
}
.component02 td {
  padding: 10px;
  text-align: center;
}
.component02 .cell-left {
  text-align: left;
}
.component02 .small {
  font-size: 90%;
}
.component02 .note {
  display: inline-block;
  line-height: 1.4;
  padding-top: 10px;
  padding-left: 0;
  text-indent: 0;
  font-size: 88%;
}
.component02 .img {
  padding: 5px 0;
  text-align: center;
}
.component02 .component-note {
  display: block;
  line-height: 1.4;
  margin: 5px 0 0;
  font-size: 88%;
  text-align: left;
}


.component03 {
  border: none;
  background-color: rgba(0,0,0,0);
}
.component03 .borderB-0 > * {
  border-bottom: none;
}
.component03 .borderT-0 > * {
  border-top: none;
}
.component03 th, .component03 td {
  box-sizing: border-box;
  font-size: 85.7%;
}
.component03 th[scope="col"] {
  padding: 12px 0
}
.component03 th[scope="row"].bgColor-1 {
  font-weight: normal;
}
.component03 .cell-2 {
  width: 150px;
}
.component03 .cell-3 {
  width: 150px;
}
.component03 .cell-4 {
  width: 150px;
}
.component03 .cell-5 {
  width: 150px;
}
.component03 td {
  padding: 10px;
  background: #fff;
  text-align: center;
}
.component03 .cell-left {
  text-align: left;
  padding: 10px;
}
.component03 .bn {
  border: none;
  background-color: rgba(0,0,0,0);
  padding: 5px 0!important;
  font-weight: normal;
}
.component03 .bt2 {
  border-top: 2px solid #999;
}
.component03 .bb2 {
  border-bottom: 2px solid #999;
}
.component03 .br2 {
  border-right: 2px solid #999;
}
.componentTableNote {
  margin: 10px 0 30px;
  font-size: 75%;
  text-align: right;
}

.component-innner-table {
  width: 360px;
}
.component-innner-table th[scope="col"] {
  padding: 6px 0;
}
.component-innner-table td {
  padding: 5px;
}

.component-module-list {
  margin: 36px auto auto;
  width: 759px;
}
.component-module-list li {
  width: 253px;
  float: left;
  box-sizing: border-box;
  padding: 0 12px 46px 11px;
}
.component-module-list li:nth-child(4) ,
.component-module-list li:nth-child(5) ,
.component-module-list li:nth-child(6) {
  padding: 0 12px 0 11px;
}
.component-module-list dl {
  padding: 5px 0;
  box-sizing: border-box;
  border: solid 1px #d8dfe8;
  text-align: center;
}
.component-module-list dt {
  font-size: 120%;
  color: #0096f5;
}
.component-module-list dd {
  margin: 0 5px;
  font-size: 85%;
}
.component-module-list dd:last-child {
  display: flex;
  align-items: flex-end;
  margin: 0;
  padding: 5px;
  height: 202px;
  background: #efefef;
  font-size: 100%;
}
.component-module-list li:nth-child(1) dd:last-child {
  background: url(../img/product/component-img21.jpg) no-repeat center top;
}
.component-module-list li:nth-child(2) dd:last-child {
  background: url(../img/product/component-img22.jpg) no-repeat center top;
}
.component-module-list li:nth-child(3) dd:last-child {
  background: url(../img/product/component-img23.jpg) no-repeat center top;
}
.component-module-list li:nth-child(4) dd:last-child {
  background: url(../img/product/component-img24.jpg) no-repeat center top;
}
.component-module-list li:nth-child(5) dd:last-child {
  background: url(../img/product/component-img25.jpg) no-repeat center top;
}
.component-module-list li:nth-child(6) dd:last-child {
  background: url(../img/product/component-img26.jpg) no-repeat center top;
}
.component-module-list dd:last-child span {
  width: 100%;
  margin: 0 5px;
  padding: 5px 0;
  border-radius: 3px;
  background: rgba(255,255,255,0.8);
}


/* system.htm */
.sysBtn {
  margin-bottom: 10px;
  min-width: 257px;
}
.product .pageNav.m-system ul {
  width: 960px;
  margin: 0 auto;
  padding: 0 11px;
  box-sizing: border-box;
}
.product .pageNav.m-system li {
  width: 20%;
  float: none;
  display: table-cell;
}
.product .pageNav.m-system li a {
  padding: 7px 0 19px 0;
}
.product .pageNav.m-system li:nth-child(2) a,
.product .pageNav.m-system li:nth-child(3) a {
  padding: 7px 0;
}
.product .pageNav.m-system li a span {
  padding-top: 15px;
}
.product .pageNav.m-system li:nth-child(2) a span,
.product .pageNav.m-system li:nth-child(3) a span {
  padding-top: 7px;
}

/* --------------------
  CONTACT
-------------------- */
.contact .contentHead {
  background-image: url(../img/contact/m-visual.jpg);
}
.contact h2 {
  margin-bottom: 19px;
  color: #333;
  font-weight: bold;
}
/* .lead */
.contact .lead {
  padding-bottom: 16px;
}
.contact lead p {
  margin-bottom: 30px;
}
.contact .lead a, .lead span {
  font-weight: bold;
}
/* contentBlock */
.contact .contentBlock {
  padding: 38px 0;
  border-top: 1px solid #d8dfe8;
}
.contact .is-noBorder {
  padding-top: 0;
  border: none;
}
.contact .contentBlock p {
  margin-left: 35px;
}
/* #inforBlock */
.contact #inforBlock {
  padding-bottom: 0;
}
.contact .infoIndex {
  color: #333;
  font-weight: bold;
  font-size: 120%;
}
.contact .infoArea {
  margin-top: 15px;
  padding: 20px 20px;
  border: 1px solid #999;
  background-color: #f5f8fa;
}
.contact .infoArea h3 {
  margin-bottom: 15px;
  color: #333;
  font-weight: bold;
  font-size: 105%;
}
.contact .infoArea li {
  padding: 0 0 2px 1em;
  list-style: disc inside;
  text-indent: -1em;
}
/* index.htm */
.contact .formIcon, .contact .facIcon, .contact .addressIcon {
  margin-bottom: 6px;
  padding: 1px 0 1px 35px;
  background-repeat: no-repeat;
  background-position: left 3px;
}
.contact .linkBtn {
  margin-top: 37px;
  width: 300px;
}

/* --------------------
  SITE MAP
-------------------- */
.sitemap .leftCollum, .sitemap .rightCollum {
  width: 410px;
  margin: 0 23px;
}
.sitemap .content.m-sitemap li {
  padding: 7px 15px 7px 37px;
  background: url(../img/list-arrow.png) no-repeat 22px 10px;
  border-bottom: 1px solid #ccc;
}
.sitemap .content.m-sitemap .sub {
  margin-top: 7px;
}
.sitemap .content.m-sitemap .sub li {
  border-bottom: none;
}
.sitemap .content.m-sitemap .sub li:first-child {
  margin-left: -37px;
  padding-left: 74px;
  background: url(../img/list-arrow.png) no-repeat 59px 10px;
  border-top: 1px solid #ccc;
}
.sitemap .content.m-sitemap .sub .accent li {
  padding: 14px 15px 0 74px;
}
.sitemap .content.m-sitemap .sub .accent li:first-child {
  border-top: none;
  background: url(../img/list-arrow.png) no-repeat 59px 17px;
}
.sitemap .content.m-sitemap a {
  color: #333;
}
.sitemap .content.m-sitemap a:hover {
  color: #f63;
}
.sitemap .content.m-sitemap .is-disabled {
  color: #999;
}

/* --------------------
  DOWNLOAD
-------------------- */
.download .leftCollum {
  width: 720px;
}
.download .rightCollum {
  width: 180px;
  text-align: center;
}
.download .rightCollum img {
  border: 1px solid #ddd;
}

/* --------------------
  NEWS & EVENT
-------------------- */

.news .content,
.event .content {
  padding: 0;
}
.news .pageNav.content,
.event .pageNav.content {
  padding: 46px 0;
}
.news .contentBlock,
.event .contentBlock {
  padding: 46px 23px 82px;
  border-top: 1px solid #d8dfe8;
  overflow: hidden;
}
.news .contentBlock h2,
.event .contentBlock h2 {
  margin-bottom: 46px;
}
.news .rightCollum,
.event .rightCollum,
.movie .rightCollum {
  margin-left: 46px;
}
.news .rightCollum img,
.event .rightCollum img {
  margin-bottom: 23px;
  display: block;
  vertical-align: bottom;
}
.news .rightCollum .caption,
.event .rightCollum .caption {
  margin: -18px 0 23px;
  display: block;
  font-size: 80%;
}
.news .links,
.event .links {
  padding-top: 23px;
}
.news .links .prev-arrow,
.event .links .prev-arrow {
  margin-bottom: 10px;
  display: inline-block;
}
.pageNav.m-bn ul {
  margin: 46px auto 0 auto;
  width: auto;
}
.pageNav.m-bn ul li {
  width: 164px;
}
.pageNav.m-bn ul li a {
  padding: 13px 0;
  font-size: 100%;
}
.pageNav.m-bn ul li a:hover {
  background-size: 100% auto;
}
.is-bn-cur {
  display: block;
  width: 100%;
  padding: 13px 0;
  box-sizing: border-box;
  border: solid 1px #0096f5;
  border-radius: 3px;
  line-height: 1.4;
  font-size: 100%;
  color: #fff; 
  background: #0050ff;
  background-size: 100% auto;
  background-position: left top;
  background-image: url(../img/cur-bg.jpg);
}
.content.m-bn {
  margin-bottom: 92px;
}
.content.m-bn .inner {
  border-bottom: 1px solid #d8dfe8;
}
.content.m-bn h2 {
  margin-bottom: 23px !important;
}
.content.m-bn .art {
  border-bottom: solid 1px #d8dfe8;
  padding: 23px 0;
  margin: 0 46px;
}
.content.m-bn .art img {
  display: none;
}
.content.m-bn .art .artDate {
  font-size: 100%;
  margin-bottom: 12px;
  padding: 0;
}
.content.m-bn .art .artBody {
  font-size: 100%;
  padding: 0;
}
.content.m-bn .art .artBody a {
  color: #0096f5;
  text-decoration: underline;
}
.content.m-bn .art .artBody a:hover {
  text-decoration: none;
}

/* --------------------
  MOVIE
-------------------- */
.movie .contentHead .inner {
  border-bottom: 1px solid #d8dfe8;
}
.movie .contentBlock {
  padding: 46px 0;
  border-bottom: 1px solid #d8dfe8;
  overflow: hidden;
}
.movie .rightCollum {
  margin-right: 1px;
}
.m-movie {
  overflow: hidden;
  position: relative;
  display: block;
  width: 314px;
  height: 213px;
  box-sizing: border-box;
}

/* --------------------------------
  No JavaScript
-------------------------------- */
.is-noJS .attention {
  display: block;
}
.is-noJS .subMenu {
  display: none;
}
.is-noJS .mainVisuals {
  width: 960px;
  margin: 0 auto;
  overflow: hidden;
}
.is-noJS .sp-slides .inner {
  height: 320px;
}
.is-noJS .sp-slides > * {
  height: 320px;
  position: static;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center top;
}

.slider-pro.is-nonArrow .sp-arrows {
  display: none;
}

/* --------------------
  CASES
-------------------- */
.cases .contentHead {
  background-image: url(../img/cases/m-visual.jpg);
}
.m-cases-navi {
  margin: 36px auto 0 auto;
  width: 759px;
  clear: both;
}
.m-cases-navi li {
  display: block;
  width: 253PX;
  float: left;
  box-sizing: border-box;
  padding: 0 12px 46px 11px;
}
.m-cases-navi.is-pd0 li {
  padding: 0 12px 0 11px;
}
.m-cases-navi li:nth-child(4),
.m-cases-navi li:nth-child(5),
.m-cases-navi li:nth-child(6) {
  padding: 0 12px 0 11px;
}
.m-cases-navi.automotive li:nth-child(4),
.m-cases-navi.automotive li:nth-child(5),
.m-cases-navi.automotive li:nth-child(6) {
  padding: 0 12px 46px 11px;
}
.m-cases-navi.automotive li:nth-child(7) {
  padding: 0 12px 0 11px;
}
.m-cases-navi.energy li:nth-child(4),
.m-cases-navi.energy li:nth-child(5),
.m-cases-navi.energy li:nth-child(6) {
  padding: 0 12px 46px 11px;
}
.m-cases-navi.energy li:nth-child(7) {
  padding: 0 12px 0 11px;
}
.m-cases-navi li a {
  display: block;
  box-sizing: border-box;
  border: solid 1px #0096f5;
  border-radius: 3px;
  text-align: center;
  padding: 5px 0 7px 0;
  font-size: 88%;
  transition: all .2s ease-in-out;
}
.is-link-off {
  display: block;
  box-sizing: border-box;
  border: solid 1px #b3b3b3;
  border-radius: 3px;
  text-align: center;
  padding: 5px 0 7px 0;
  font-size: 88%;
  color: #808080;
} 
.is-link-off.is-txt-s {
  font-size: 72%;
}
.m-cases-navi.is-case-top li a,
.m-cases-navi.is-case-top li .is-link-off {
  padding: 5px 0 0 0;
  min-height: 163px;
  box-sizing: border-box;
}
.m-cases-navi.industrial li a {
  min-height: 180px;
  padding: 5px 0 0 0;
}
.m-cases-navi li a:hover {
  color: #fff;
  background: #0050ff;
  background-size: auto;
  background-position: left top;
  background-image: url(../img/bg-case-menu.png);
  text-decoration: none;
}
.m-cases-navi li p {
  font-size: 75%;
  line-height: 1.4;
  margin-top: 10px;
  margin-bottom: 0;
}
.cases h3 span {
  font-size: 85%;
} 
.cases h3 {
  line-height: 1.3;
  margin: 0 0 15px;
} 
.linkBtn-subText {
  display: inline-block;
  text-align: left;
  color: #333;
  margin: 0 auto;
  padding-top: 13px;
  font-size: 74%;
}
a:hover .linkBtn-subText {
  color: #fff;
}
.rightCollum.textRight img {
  display: block;
  margin-bottom: 10px;
}
.cases .links.m-cases {
  margin-top: 23px;
}
.cases .links.m-cases li {
  margin: 16px 0 0;
}
.cases .links li a.linkBtn {
  margin-top: 0;
}
.m-cases-img01 {
  padding: 18px 73px 0 0;
}
.m-spec-ico {
  margin: 23px 18px 5px 0;
  padding: 0;
  clear: both;
  overflow: hidden;
}
.m-spec-ico li {
  display: block;
  float: left;
  padding: 0 1px 0 0;
  line-height: 0;
}
.h4-multipurpose {
  margin: 23px 0 0 0;
  padding: 0;
  font-weight: normal;
}
.note-multipurpose {
  display: inline-block;
  padding-left: 1em;
  text-indent: -1em;
  font-size: 75%;
  line-height: 1.4;
}
.is-bt-w100per {
  width: 488px;
}
.m-spec-list,
.m-spec-list dt,
.m-spec-list dd {
  margin: 0;
}
.m-spec-list li {
  list-style: disc;
  margin: 0 0 2px 20px;
}
.m-spec-list li span {
  display: inline-block;
  width: 6em;
}

/* flow.htm */
.cases .pageNav.m-flow ul {
  width: 835px;
  margin: 0 auto;
}
.cases .pageNav.m-flow ul li:nth-child(odd) {
  width: 120px;
  padding: 0;
  vertical-align: top;
}
.cases .pageNav.m-flow ul li:nth-child(even) {
  width: 23px;
  padding: 0;
  vertical-align: middle;
}
.cases .pageNav.m-flow ul a {
  padding-top: 13px;
}
.cases .pageNav.m-flow ul a:hover {
  background-image: url(../img/bg-case-menu.png);
  background-size: auto;
}
.cases .pageNav.m-flow li span {
  padding: 5px 0 13px 0;
}
.cases .pageNav.m-flow li:nth-child(5) span,
.cases .pageNav.m-flow li:nth-child(9) span,
.cases .pageNav.m-flow li:nth-child(11) span {
  padding: 13px 0 23px 0;
}
.links.m-flow-id1 li {
  float: left;
}
.point.m-flow-id2 {
  margin: 30px 0 20px 0;
  padding: 0 23px;
}
.point.m-flow-id2 li {
  width: 20%;
}

/* --------------------
  ENV
-------------------- */
.env .contentHead {
    background-image: url(../img/env/m-visual.jpg);
}
.point.m-env li {
  width: 32%;
  padding: 38px 0 0 0;
  background: url(../img/top/point-bg.png) no-repeat center top;
}
.point.m-env li span {
  display: block;
  padding: 53px 10px 46px 10px;
  color: #333;
  font-size: 80%;
  line-height: 1.5;
}
.point.m-env li:nth-child(3) {
  width: 36%;
}
.env .borderB-0 > * {
  border-bottom: none;
}
.env .borderT-0 > * {
  border-top: none;
}
.env td {
  font-size: 85.7%;
}
.env th {
  padding: 16px 0;
  font-size: 85.7%;
}
.env td:nth-child(1) {
  width: 24%;
  text-align: center;
}
.env td.td2 {
  width: 76%;
  padding: 16px 35px;
}
.env td.td2.is-txt2line {
  padding: 32px 35px;
}
.env td li {
  list-style: disc inside;
}
.env .note {
  margin-top: 23px;
}
.env .note li {
  padding-left: 0.5em;
  clear: both;
}
.env .note li dl {
  margin: 0;
  padding: 0;
}
.env .note li dl dt {
  float: left;
  clear: both;
  width: 2.8em;
}
.env .note li dl dd {
  margin: 0 0 0 2.8em;
}
.env .leftCollum.is-example {
  padding: 0 0 46px 39px;
}
.env .rightCollum.is-example {
  padding-top: 60px;
}

/* --------------------
  FAQ
-------------------- */
.faq .contentHead {
  background-image: url(../img/faq/m-visual.jpg);
}
.pageNav.m-faq ul {
  margin: 0 auto;
  width: 519px;
}
.pageNav.m-faq ul li {
  width: 33.33%;
}
.pageNav.m-faq li a {
  margin: 0;
  padding: 13px 0;
  background-size: 100% auto;
}
.m-faq-contents {
  padding: 23px 0 0 0;
  margin: 0;
  clear: both;
}
.m-faq-contents.is-fir {
  padding: 0;
  margin: 23px 0 0 0;
}
.m-faq-contents dt {
  padding: 0 0 23px 0;
  width: 28px;
  float: left;
  clear: both;
  line-height: 1.1;
}
.m-faq-contents dd {
  margin: 0;
  padding: 0 0 23px 28px;
}
.is-q {
  color: #0096f5;
}
.is-a {
  color: #808080;
}
.is-a a {
  color: #808080;
  text-decoration: underline;
}
.is-a a:hover {
  color: #0096f5;
}

/* --------------------
  DOWNLOAD
-------------------- */
.pageNav.m-dl ul {
  width: auto;
  margin: 0 auto;
}
.pageNav.m-dl ul li {
  display: block;
  float: left;
}
.pageNav.m-dl ul li a {
  padding: 13px 10px;
}
.pageNav.m-dl ul li a:hover {
  background-size: 100% auto;
}