@charset "UTF-8";
/**

 会社概要
 Date: 2018.02.07

*/
/** Slide Setting
-----------------------------
*/
.page-wrap {
  width: 75%; }

.bgindent {
  text-indent: -9999px; }

.mgauto {
  margin: 0 auto;
  text-align: center; }

.dblock {
  float: left;
  overflow: hidden;
  display: block; }

.linkhover a:hover img {
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
  -moz-opacity: 0.7;
  opacity: 0.7;
  zoom: 1; }

.linkhover2 a:hover img {
  filter: alpha(opacity=90);
  -ms-filter: "alpha(opacity=90)";
  -moz-opacity: 0.9;
  opacity: 0.9;
  zoom: 1; }

/**
　general style
-----------------------------------
-----------------------------------
*/
body .breadCrumbs {
  position: absolute; }

body.column--is1.page--Hero .hero {
  margin-top: 0px; }

.company-overview {
  overflow: hidden; }

.company-overview img {
  width: auto\9;
  height: auto;
  max-width: 100%;
  vertical-align: middle;
  border: 0;
  -ms-interpolation-mode: bicubic; }

.company-overview .gen-mt0 {
  margin-top: 0px !important; }

.company-overview .gen-mt10 {
  margin-top: 10px; }

.company-overview .gen-mt40 {
  margin-top: 40px; }

.company-overview .gen-mt160 {
  margin-top: 160px; }

.company-overview .gen-ml15 {
  margin-left: 15px; }

.company-overview .gen-pdgt110 {
  padding-top: 110px; }

.company-overview .gen-pdgb110 {
  padding-bottom: 110px; }

.company-overview .flag-spmode {
  display: none; }

.company-overview .font-color_keycolor, .company-overview .heading, .company-overview .object-text.green {
  color: #008486; }

.company-overview .font-color_white, .company-overview .pointnumber .text, .company-overview .mod-numberslist .wgt-numbers_clm .copy .subheading, .company-overview .mod-numberslist .wgt-numbers_clm .copy .text, .company-overview .mod-numbersbox .wgt-numbers_clm .copy .subheading, .company-overview .mod-numbersbox .wgt-numbers_clm .copy .text {
  color: #fff; }

.company-overview .font-color_gray, .company-overview .heading-pt2, .company-overview .lead, .company-overview .mod-numberslist .wgt-numbers_clm .copy.white .subheading, .company-overview .mod-numberslist .wgt-numbers_clm .copy.white .text, .company-overview .mod-numbersbox .wgt-numbers_clm.white .copy .subheading, .company-overview .mod-numbersbox .wgt-numbers_clm.white .copy .text {
  color: #333; }

.company-overview .font-size_f100, .company-overview .object-text .f100 {
  font-size: 100px; }

.company-overview .font-size_f40, .company-overview .object-text .f40 {
  font-size: 40px; }

.company-overview .font-size_f35, .company-overview .heading {
  font-size: 35px;
  line-height: 1.2; }

.company-overview .font-size_f24, .company-overview .heading-pt2, .company-overview .mod-numberslist .wgt-numbers_clm .copy .subheading, .company-overview .mod-numberslist .wgt-numbers_clm .copy.white .subheading, .company-overview .mod-numbersbox .wgt-numbers_clm.white .copy .subheading, .company-overview .mod-numbersbox .wgt-numbers_clm .copy .subheading {
  font-size: 24px;
  line-height: 1.5; }

.company-overview .font-size_f18, .company-overview .pointlink a {
  font-size: 18px;
  line-height: 1.8; }

.company-overview .font-size_f16, .company-overview .lead, .company-overview .pointnumber .text, .company-overview .mod-carousel .box .text, .company-overview .mod-numberslist .wgt-numbers_clm .copy .text, .company-overview .mod-numberslist .wgt-numbers_clm .copy.white .text, .company-overview .mod-numbersbox .wgt-numbers_clm.white .copy .text, .company-overview .mod-numbersbox .wgt-numbers_clm .copy .text {
  font-size: 16px;
  line-height: 1.8; }

.company-overview .font-size_f14, .company-overview .object-text .f14 {
  font-size: 14px;
  line-height: 1.8; }

.company-overview .font-weight_normal, .company-overview .heading, .company-overview .heading-pt2, .company-overview .lead {
  font-weight: normal; }

.company-overview .font-weight_bold {
  font-weight: bold; }

.company-overview .text-align_left {
  text-align: left; }

.company-overview .text-align_center {
  text-align: center !important; }

.company-overview .layout-wrap {
  width: 100%; }
  .company-overview .layout-wrap.layout-wrap_bgimg {
    margin-top: -18px;
    background: url(../img/bg.jpg) 50% 0 no-repeat; }
  .company-overview .layout-wrap .inner {
    width: 960px;
    margin: 0 auto; }
  .company-overview .layout-wrap.layout-wrap_bgcolorGray {
    background: #f5f5f5; }

.company-overview .object-text {
  display: inline;
  color: #fff;
  font-size: 16px;
  text-align: center;
  line-height: 1.3;
  white-space: nowrap; }
  .company-overview .object-text.pos {
    position: absolute;
    top: 60px;
    right: 90px; }
  .company-overview .object-text .firsttext {
    letter-spacing: -14px; }
  .company-overview .object-text .bigtext {
    letter-spacing: -3px; }
  .company-overview .object-text .lastext {
    letter-spacing: -5px; }
  .company-overview .object-text .num1text {
    letter-spacing: -15px; }

/**
　Keyvisual
-----------------------------------
-----------------------------------
*/
.company-overview .wgt-pagelink {
  position: absolute;
  bottom: -125px;
  left: 50%;
  width: 960px;
  margin: 0 0 0 -480px; }

.company-overview .ui-tab {
  display: table;
  border-radius: 5px;
  box-sizing: border-box; }
  .company-overview .ui-tab li {
    display: table-cell;
    height: 250px;
    border: solid #ddd;
    border-width: 1px 1px 1px 0;
    box-sizing: border-box;
    text-align: center;
    -webkit-transition: box-shadow 0.2s linear;
    -moz-transition: box-shadow 0.2s linear;
    -ms-transition: box-shadow 0.2s linear;
    -o-transition: box-shadow 0.2s linear;
    transition: box-shadow 0.2s linear; }
    .company-overview .ui-tab li p + p {
      margin-top: 22px; }
    .company-overview .ui-tab li:first-child {
      border-radius: 5px 0 0 5px; }
      .company-overview .ui-tab li:first-child:hover {
        box-shadow: -10px 0px 17px 4px rgba(0, 0, 0, 0.1); }
    .company-overview .ui-tab li:last-child {
      border-radius: 0 5px 5px 0;
      border-right: none; }
      .company-overview .ui-tab li:last-child:hover {
        box-shadow: 10px 0px 17px 4px rgba(0, 0, 0, 0.1); }
    .company-overview .ui-tab li:hover {
      box-shadow: 0px 0px 17px 3px rgba(0, 0, 0, 0.1); }
    .company-overview .ui-tab li a {
      display: block;
      width: 100%;
      height: 250px;
      padding: 11px;
      background: #fff url(../img/icon_arw_d.png) 50% 95% no-repeat;
      color: #333; }
      .company-overview .ui-tab li a:hover {
        text-decoration: none; }

.company-overview .mod-introduction {
  margin-bottom: 120px;
  text-align: center; }
  .company-overview .mod-introduction.pdg210 {
    padding-top: 210px; }
  .company-overview .mod-introduction .tag {
    display: inline-block;
    padding: 5px 15px;
    background: #008486;
    box-sizing: border-box;
    color: #fff;
    font-size: 35px;
    font-weight: normal; }
  .company-overview .mod-introduction .text {
    font-size: 16px; }
  .company-overview .mod-introduction.js-parallax .tag {
    position: relative;
    top: 100px;
    opacity: 0; }
  .company-overview .mod-introduction.js-parallax .text {
    position: relative;
    top: 130px;
    opacity: 0; }
  .company-overview .mod-introduction.js-parallax.is-active .tag {
    position: relative;
    top: 0px;
    opacity: 1.0;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out; }
  .company-overview .mod-introduction.js-parallax.is-active .text {
    position: relative;
    top: 0px;
    opacity: 1.0;
    -webkit-transition: all 1s ease-out;
    -moz-transition: all 1s ease-out;
    -ms-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    transition: all 1s ease-out; }

.company-overview .mod-interaction {
  position: relative;
  height: 610px;
  padding-top: 90px; }
  .company-overview .mod-interaction .clm {
    opacity: 0; }
  .company-overview .mod-interaction.is-active .clm {
    opacity: 1.0;
    -webkit-transition: all 1s ease-out;
    -moz-transition: all 1s ease-out;
    -ms-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    transition: all 1s ease-out; }
  .company-overview .mod-interaction .num .img {
    opacity: 0;
    -webkit-transition: all 1s ease-out;
    -moz-transition: all 1s ease-out;
    -ms-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    transition: all 1s ease-out; }
  .company-overview .mod-interaction .num.is-active .img {
    opacity: 1.0; }

.company-overview .wgt-column {
  *zoom: 1;
  position: relative;
  bottom: 90px;
  max-width: 1160px;
  width: 100%;
  margin: 0 auto;
  padding-bottom: 40px; }
  .company-overview .wgt-column:before, .company-overview .wgt-column:after {
    content: " ";
    display: table; }
  .company-overview .wgt-column:after {
    clear: both; }
  .company-overview .wgt-column.mt140 {
    margin-top: 210px; }
  .company-overview .wgt-column.w930 {
    width: 930px;
    margin: 210px auto 0; }
  .company-overview .wgt-column.right {
    z-index: 2;
    bottom: 20px; }
  .company-overview .wgt-column .clm {
    box-sizing: border-box; }
    .company-overview .wgt-column .clm.clm-left {
      float: left; }
    .company-overview .wgt-column .clm.clm-right {
      float: right; }
    .company-overview .wgt-column .clm.imgwrap {
      padding: 40px;
      background: #fff; }
    .company-overview .wgt-column .clm.w710 {
      width: 60%; }
    .company-overview .wgt-column .clm.w670 {
      width: 55%; }
    .company-overview .wgt-column .clm.w485 {
      width: 45%; }
    .company-overview .wgt-column .clm.w500 {
      width: 500px; }
    .company-overview .wgt-column .clm.w450 {
      width: 40%; }
    .company-overview .wgt-column .clm.w430 {
      width: 430px; }
    .company-overview .wgt-column .clm.bg-bluegray {
      background: #f7f7f7; }
    .company-overview .wgt-column .clm.box-pdgwh40 {
      padding: 0px 40px; }
    .company-overview .wgt-column .clm.box-pdgwh63 {
      padding: 60px; }
    .company-overview .wgt-column .clm.box-pdg_w58h45 {
      padding: 0px 40px; }
    .company-overview .wgt-column .clm.box-pdg_w80h70 {
      padding: 20px 60px; }

.company-overview .pointnumber {
  z-index: -1;
  position: absolute;
  left: 0;
  bottom: 90px;
  margin-left: -245px;
  display: table;
  width: 100%;
  height: 280px;
  background: #008486;
  -webkit-transition: left 1s ease-out;
  -moz-transition: left 1s ease-out;
  -ms-transition: left 1s ease-out;
  -o-transition: left 1s ease-out;
  transition: left 1s ease-out; }
  .company-overview .pointnumber.is-active {
    left: 0 !important;
    -webkit-transition: all 1s ease-out;
    -moz-transition: all 1s ease-out;
    -ms-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    transition: all 1s ease-out; }
  .company-overview .pointnumber.right {
    z-index: 1;
    left: 0;
    right: -245px;
    bottom: 0px;
    margin-left: 245px;
    margin-right: 0; }
    .company-overview .pointnumber.right.is-active {
      left: 0 !important;
      -webkit-transition: all 1s ease-out;
      -moz-transition: all 1s ease-out;
      -ms-transition: all 1s ease-out;
      -o-transition: all 1s ease-out;
      transition: all 1s ease-out; }
  .company-overview .pointnumber.h280 {
    height: 280px; }
  .company-overview .pointnumber .num {
    display: table-cell;
    height: 280px;
    padding-right: 110px;
    box-sizing: border-box;
    vertical-align: middle;
    text-align: right; }
    .company-overview .pointnumber .num.right {
      text-align: left;
      padding-right: 0;
      padding-left: 100px; }
      .company-overview .pointnumber .num.right .ajst {
        margin-left: -40px; }
  .company-overview .pointnumber .img.ajst {
    margin-right: 20px; }
  .company-overview .pointnumber p + p {
    margin-top: 25px; }

.company-overview .pointlink {
  position: absolute;
  bottom: 0;
  left: 0;
  display: table;
  width: 100%;
  height: 90px;
  padding-right: 70px;
  margin-left: -270px;
  background: #f5f5f5;
  box-sizing: border-box;
  -webkit-transition: left 1s ease-out;
  -moz-transition: left 1s ease-out;
  -ms-transition: left 1s ease-out;
  -o-transition: left 1s ease-out;
  transition: left 1s ease-out; }
  .company-overview .pointlink.is-active {
    left: 0 !important;
    -webkit-transition: all 1s ease-out;
    -moz-transition: all 1s ease-out;
    -ms-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    transition: all 1s ease-out; }
  .company-overview .pointlink .num {
    display: table-cell;
    vertical-align: middle;
    text-align: right; }

.company-overview .wgt-csriconlist {
  margin-bottom: 100px; }
  .company-overview .wgt-csriconlist .wgt-column {
    padding-bottom: 0; }
  .company-overview .wgt-csriconlist.js-parallax .clm {
    opacity: 0; }
    .company-overview .wgt-csriconlist.js-parallax .clm.is-active {
      opacity: 1.0;
      -webkit-transition: all 1s ease-out;
      -moz-transition: all 1s ease-out;
      -ms-transition: all 1s ease-out;
      -o-transition: all 1s ease-out;
      transition: all 1s ease-out; }
  .company-overview .wgt-csriconlist .icongroup {
    z-index: -1;
    opacity: 0;
    position: relative;
    top: -40px;
    text-align: center; }
    .company-overview .wgt-csriconlist .icongroup.is-active {
      opacity: 1.0;
      -webkit-transition: all 1s ease-out;
      -moz-transition: all 1s ease-out;
      -ms-transition: all 1s ease-out;
      -o-transition: all 1s ease-out;
      transition: all 1s ease-out; }

.company-overview .mod-carousel {
  *zoom: 1;
  position: relative;
  margin-top: 110px;
  max-width: 1160px;
  margin: 0 auto 80px; }
  .company-overview .mod-carousel:before, .company-overview .mod-carousel:after {
    content: " ";
    display: table; }
  .company-overview .mod-carousel:after {
    clear: both; }
  .company-overview .mod-carousel .box {
    position: relative;
    max-width: 1160px;
    width: 100%;
    min-height: 600px; }
    .company-overview .mod-carousel .box .img {
      position: absolute;
      top: 0;
      left: 0; }
    .company-overview .mod-carousel .box .copy {
      position: absolute;
      top: 50%;
      right: 0;
      width: 430px;
      height: 385px;
      margin-top: -192px;
      padding: 20px 30px 50px;
      background: #fff;
      box-sizing: border-box; }
    .company-overview .mod-carousel .box .heading {
      text-align: center; }
    .company-overview .mod-carousel .box .heading-pt2 {
      text-align: center; }
    .company-overview .mod-carousel .box .text {
      text-align: center; }
  .company-overview .mod-carousel .slick-dots {
    display: inline !important;
    position: absolute;
    right: 170px;
    bottom: 130px;
    width: auto; }

.company-overview .mod-numberslist .wgt-numbers_clm {
  position: relative;
  display: table;
  max-width: 1160px;
  width: 100%;
  height: 445px;
  margin: 0 auto 80px; }
  .company-overview .mod-numberslist .wgt-numbers_clm .img {
    z-index: 3;
    position: relative;
    margin-top: 40px;
    text-align: left; }
    .company-overview .mod-numberslist .wgt-numbers_clm .img.right {
      position: relative;
      right: -40px;
      text-align: right; }
  .company-overview .mod-numberslist .wgt-numbers_clm .copy {
    position: absolute;
    top: 0;
    display: table;
    width: 100%;
    height: 403px;
    margin-right: -40px;
    background: #008486;
    text-align: right;
    vertical-align: middle; }
    .company-overview .mod-numberslist .wgt-numbers_clm .copy.white {
      right: auto;
      left: 40px;
      background: #fff;
      margin-right: auto;
      margin-left: -40px; }
      .company-overview .mod-numberslist .wgt-numbers_clm .copy.white .box {
        position: absolute;
        top: 50%;
        left: 90px;
        right: auto;
        width: 450px;
        height: 245px;
        margin-top: -122px;
        vertical-align: middle;
        text-align: center; }
      @media screen and (max-width: 1100px) {
        .company-overview .mod-numberslist .wgt-numbers_clm .copy.white .box {
          left: 0; } }
    .company-overview .mod-numberslist .wgt-numbers_clm .copy .box {
      position: absolute;
      top: 50%;
      right: 90px;
      max-width: 450px;
      height: 245px;
      margin-top: -122px;
      vertical-align: middle;
      text-align: center; }
    @media screen and (max-width: 1100px) {
      .company-overview .mod-numberslist .wgt-numbers_clm .copy .box {
        right: 50px; } }
  .company-overview .mod-numberslist .wgt-numbers_clm .box .img {
    opacity: 0;
    text-align: center; }
  .company-overview .mod-numberslist .wgt-numbers_clm.is-active .box .img {
    opacity: 1.0;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out; }

.company-overview .mod-numbersbox {
  width: 100%;
  text-align: left; }
  .company-overview .mod-numbersbox .wgt-numbers_clm {
    position: relative;
    max-width: 1600px;
    width: 100%;
    margin: 0 auto;
    background: #008486; }
    .company-overview .mod-numbersbox .wgt-numbers_clm.white {
      background: #fff; }
      .company-overview .mod-numbersbox .wgt-numbers_clm.white .imgbox {
        text-align: right; }
      .company-overview .mod-numbersbox .wgt-numbers_clm.white .copy {
        right: auto;
        left: 0; }
    .company-overview .mod-numbersbox .wgt-numbers_clm .imgbox img {
      width: 50%; }
    .company-overview .mod-numbersbox .wgt-numbers_clm .img {
      width: 100%; }
    .company-overview .mod-numbersbox .wgt-numbers_clm .copy {
      position: absolute;
      top: 0;
      right: 0;
      display: table;
      max-width: 50%;
      width: 100%;
      height: 300px;
      text-align: center;
      vertical-align: middle; }
      .company-overview .mod-numbersbox .wgt-numbers_clm .copy .box {
        position: absolute;
        top: 50%;
        left: 50%;
        display: table-cell;
        max-width: 515px;
        width: 100%;
        height: 240px;
        margin: -120px 0 0 -200px;
        text-align: center;
        vertical-align: middle; }
      .company-overview .mod-numbersbox .wgt-numbers_clm .copy .box {
        position: absolute;
        top: 50%;
        right: 140px;
        width: 450px;
        height: 245px;
        margin-top: -122px;
        vertical-align: middle;
        text-align: center; }
        .company-overview .mod-numbersbox .wgt-numbers_clm .copy .box.left {
          left: 50%;
          right: auto;
          margin-left: -225px; }
    .company-overview .mod-numbersbox .wgt-numbers_clm .box .img {
      opacity: 0; }
    .company-overview .mod-numbersbox .wgt-numbers_clm.is-active .box .img {
      opacity: 1.0;
      -webkit-transition: all 0.5s ease-out;
      -moz-transition: all 0.5s ease-out;
      -ms-transition: all 0.5s ease-out;
      -o-transition: all 0.5s ease-out;
      transition: all 0.5s ease-out; }

.company-overview .mod-datatable {
  margin-top: 130px; }
  .company-overview .mod-datatable .tbl-datatbl {
    max-width: 910px;
    width: 100%;
    margin: 0 auto;
    background: #fff;
    color: #333; }
    .company-overview .mod-datatable .tbl-datatbl th {
      padding: 15px;
      font-weight: bold;
      text-align: left;
      vertical-align: top;
      border: solid #b7b7b7;
      border-width: 0 1px 1px 0; }
      .company-overview .mod-datatable .tbl-datatbl th.nobdr {
        border-bottom: none; }
    .company-overview .mod-datatable .tbl-datatbl td {
      padding: 15px;
      border-bottom: 1px solid #b7b7b7;
      text-align: left; }
      .company-overview .mod-datatable .tbl-datatbl td.nobdr {
        border-bottom: none; }
  .company-overview .mod-datatable .list li {
    display: inline-block;
    margin-right: 20px; }

.block_Relation {
  border: none;
  padding-top: 0; }

/**
　width 767px
*/
@media screen and (max-width: 767px) {
  /**
 Name: 会社概要
 Date: 2018.02.07
 レスポンシブ用スタイル
*/
  /**
　general style
-----------------------------------
-----------------------------------
*/
  body .breadCrumbs {
    position: absolute; }
  body #main__Content {
    margin-bottom: 0; }
  .company-overview .flag-spmode {
    display: block; }
  .company-overview .flag-pcmode {
    display: none; }
  .company-overview .js-parallax .clm {
    opacity: 1.0; }
  .company-overview .is-active {
    top: 0;
    opacity: 1.0; }
  .company-overview .sp-gen_mt32 {
    margin-top: 32px; }
  .company-overview .sp-gen_mb0 {
    margin-bottom: 0; }
  .company-overview .sp-gen_mb20 {
    margin-bottom: 20px; }
  .company-overview .sp-gen_mb30 {
    margin-bottom: 30px; }
  .company-overview .gen-mt160 {
    margin-top: 65px; }
  .company-overview .sp-gen_pdgt70 {
    padding-top: 70px !important; }
  .company-overview .gen-pdgt110 {
    padding-top: 40px; }
  .company-overview .gen-pdgb110 {
    padding-bottom: 0; }
  .company-overview .sp-mgnpdg0 {
    margin-top: 0;
    padding: 0; }
  .company-overview .sp-textaling_center {
    text-align: center; }
  .company-overview .sp-img_center {
    margin: 0 15px; }
  .company-overview .heading {
    font-size: 23px;
    text-align: center; }
  .company-overview .sp-line {
    width: 90%;
    border: none;
    border-bottom: 1px solid #ccc; }
  .company-overview .is-active_sp {
    left: 0 !important;
    opacity: 1.0 !important; }
    .company-overview .is-active_sp .tag {
      top: 0 !important;
      opacity: 1.0 !important; }
    .company-overview .is-active_sp .text {
      top: 0 !important;
      opacity: 1.0 !important; }
    .company-overview .is-active_sp .clm {
      opacity: 1.0 !important; }
      .company-overview .is-active_sp .clm.is-active {
        opacity: 1.0 !important; }
    .company-overview .is-active_sp .icongroup.is-active {
      opacity: 1.0 !important; }
    .company-overview .is-active_sp .img {
      opacity: 1.0 !important; }
  .company-overview .object-text {
    display: inline;
    color: #fff;
    font-size: 16px;
    text-align: center;
    line-height: 1.3;
    white-space: normal; }
    .company-overview .object-text.pos {
      position: absolute;
      top: 60px;
      right: 90px; }
    .company-overview .object-text .firsttext {
      letter-spacing: -14px; }
    .company-overview .object-text .bigtext {
      letter-spacing: -3px; }
    .company-overview .object-text .lastext {
      letter-spacing: -5px; }
    .company-overview .object-text .num1text {
      letter-spacing: -15px; }
    .company-overview .object-text .f14 {
      font-size: 14px; }
    .company-overview .object-text .f40 {
      font-size: 25px; }
    .company-overview .object-text .f100 {
      font-size: 75px; }
  .company-overview .layout-wrap {
    width: 100%; }
    .company-overview .layout-wrap.layout-wrap_bgimg {
      margin-top: -18px;
      background: url(../img/bg.jpg) 50% 0 no-repeat; }
    .company-overview .layout-wrap .inner {
      width: 960px;
      margin: 0 auto; }
    .company-overview .layout-wrap.sp-layout-wrap_bgcolorWhite {
      background: #fff; }
  /**
　Keyvisual
-----------------------------------
-----------------------------------
*/
  .company-overview .wgt-pagelink {
    display: none; }
  .company-overview .hero {
    position: relative; }
  .company-overview .heading_Hero {
    position: absolute;
    bottom: -10px;
    left: 50%;
    width: 140x;
    margin-left: -70px;
    font-size: 25px; }
    .company-overview .heading_Hero span {
      padding: 10px;
      background: #fff; }
  .company-overview .hero__Inner {
    padding: 0; }
  .company-overview .mod-introduction {
    margin-bottom: 60px;
    text-align: center; }
    .company-overview .mod-introduction.sp-first_intro {
      margin-bottom: 40px; }
    .company-overview .mod-introduction.pdg210 {
      padding-top: 50px; }
    .company-overview .mod-introduction .tag {
      font-size: 19px; }
    .company-overview .mod-introduction .text {
      padding: 0 10px;
      font-size: 14px; }
  .company-overview .mod-interaction {
    position: relative;
    height: 850px;
    padding-top: 90px; }
    .company-overview .mod-interaction .num {
      opacity: 1.0; }
    .company-overview .mod-interaction.sp-w680 {
      height: 680px; }
  .company-overview .wgt-column {
    *zoom: 1;
    position: relative;
    bottom: 90px;
    max-width: auto;
    width: 100%;
    margin: 0 auto;
    padding-bottom: 0; }
    .company-overview .wgt-column:before, .company-overview .wgt-column:after {
      content: " ";
      display: table; }
    .company-overview .wgt-column:after {
      clear: both; }
    .company-overview .wgt-column.mt140 {
      margin-top: 70px; }
    .company-overview .wgt-column.w930 {
      width: auto;
      margin: 0 auto; }
    .company-overview .wgt-column.right {
      z-index: 2;
      bottom: 20px; }
    .company-overview .wgt-column .clm.clm-left {
      float: none; }
    .company-overview .wgt-column .clm.clm-right {
      float: none; }
    .company-overview .wgt-column .clm.imgwrap {
      width: 90% !important;
      margin: 0 auto;
      padding: 20px;
      background: #fff; }
    .company-overview .wgt-column .clm.w710 {
      width: auto; }
    .company-overview .wgt-column .clm.w670 {
      width: auto; }
    .company-overview .wgt-column .clm.w485 {
      width: auto; }
    .company-overview .wgt-column .clm.w500 {
      width: auto; }
    .company-overview .wgt-column .clm.w450 {
      width: auto; }
    .company-overview .wgt-column .clm.w430 {
      width: auto; }
    .company-overview .wgt-column .clm.bg-bluegray {
      background: #f7f7f7; }
    .company-overview .wgt-column .clm.box-pdgwh40 {
      padding: 0px 40px; }
    .company-overview .wgt-column .clm.box-pdgwh63 {
      padding: 60px; }
    .company-overview .wgt-column .clm.box-pdg_w58h45 {
      padding: 0px 40px; }
    .company-overview .wgt-column .clm.box-pdg_w80h70 {
      padding: 20px 60px; }
  .company-overview .pointnumber {
    z-index: -1;
    position: relative;
    top: -130px;
    margin-left: 0;
    display: table;
    width: 100%;
    height: 200px;
    background: #008486; }
    .company-overview .pointnumber.right {
      z-index: 1;
      top: -60px;
      left: 0;
      right: 0;
      bottom: 0px;
      margin-left: 0;
      margin-right: 0; }
    .company-overview .pointnumber.h280 {
      height: 200px; }
    .company-overview .pointnumber .num {
      display: table-cell;
      height: 190px;
      padding: 0 0 30px 0;
      box-sizing: border-box;
      vertical-align: bottom;
      text-align: center; }
      .company-overview .pointnumber .num.right {
        text-align: center;
        padding-left: 0; }
        .company-overview .pointnumber .num.right .ajst {
          margin-left: 0; }
    .company-overview .pointnumber .img.ajst {
      margin-right: 0; }
    .company-overview .pointnumber p + p {
      margin-top: 25px; }
  .company-overview .pointlink {
    position: relative;
    top: -130px;
    left: 0;
    display: table;
    width: 100%;
    height: 90px;
    padding-right: 0;
    margin-left: 0;
    background: #f5f5f5;
    box-sizing: border-box; }
    .company-overview .pointlink .num {
      display: table-cell;
      vertical-align: middle;
      text-align: center; }
  .company-overview .wgt-csriconlist {
    height: 500px;
    margin-bottom: 0;
    padding-bottom: 0;
    background: none; }
    .company-overview .wgt-csriconlist .clm {
      opacity: 1.0 !important; }
  .company-overview .mod-carousel {
    *zoom: 1;
    margin: 70px 0 0; }
    .company-overview .mod-carousel:before, .company-overview .mod-carousel:after {
      content: " ";
      display: table; }
    .company-overview .mod-carousel:after {
      clear: both; }
    .company-overview .mod-carousel .box {
      position: relative;
      max-width: auto;
      width: 100%;
      min-height: auto;
      margin: 0 auto; }
      .company-overview .mod-carousel .box .img {
        position: static;
        top: 0;
        left: 0; }
      .company-overview .mod-carousel .box .copy {
        position: relative;
        top: -45px;
        right: 0;
        width: 90%;
        height: auto;
        min-height: 380px;
        margin: auto auto;
        padding: 10px 30px 60px;
        background: #fff;
        border: 1px solid #ccc;
        box-sizing: border-box;
        text-align: center; }
        .company-overview .mod-carousel .box .copy h3 {
          margin-bottom: 0; }
        .company-overview .mod-carousel .box .copy h4 {
          margin: 20px 0 15px; }
    .company-overview .mod-carousel .slick-dots {
      display: inline !important;
      position: absolute;
      right: auto;
      left: 50%;
      bottom: 65px;
      width: auto;
      margin-left: -50px; }
  .company-overview .mod-numberslist .wgt-numbers_clm {
    position: relative;
    display: table;
    width: 100%;
    height: auto;
    margin: -45px auto 0; }
    .company-overview .mod-numberslist .wgt-numbers_clm .font-color_keycolor, .company-overview .mod-numberslist .wgt-numbers_clm .heading, .company-overview .mod-numberslist .wgt-numbers_clm .object-text.green {
      color: #fff; }
    .company-overview .mod-numberslist .wgt-numbers_clm .font-color_gray, .company-overview .mod-numberslist .wgt-numbers_clm .heading-pt2, .company-overview .mod-numberslist .wgt-numbers_clm .lead, .company-overview .mod-numberslist .wgt-numbers_clm .copy.white .subheading, .company-overview .mod-numberslist .wgt-numbers_clm .copy.white .text, .company-overview .mod-numberslist .mod-numbersbox .wgt-numbers_clm.white .copy .subheading, .company-overview .mod-numbersbox .mod-numberslist .wgt-numbers_clm.white .copy .subheading, .company-overview .mod-numberslist .mod-numbersbox .wgt-numbers_clm.white .copy .text, .company-overview .mod-numbersbox .mod-numberslist .wgt-numbers_clm.white .copy .text {
      color: #fff; }
    .company-overview .mod-numberslist .wgt-numbers_clm .img {
      z-index: 3;
      position: relative;
      width: 90%;
      margin: 20px auto 0; }
      .company-overview .mod-numberslist .wgt-numbers_clm .img.right {
        position: relative;
        right: 0;
        text-align: center; }
    .company-overview .mod-numberslist .wgt-numbers_clm .copy {
      position: relative;
      top: -40px;
      left: auto;
      right: auto;
      display: table;
      width: 100%;
      height: auto;
      margin: 0 auto;
      padding: 70px 40px 40px 40px;
      background: #008486;
      vertical-align: middle; }
      .company-overview .mod-numberslist .wgt-numbers_clm .copy .subheading {
        font-size: 20px; }
      .company-overview .mod-numberslist .wgt-numbers_clm .copy.white {
        right: auto;
        left: auto;
        background: #008486;
        margin-right: auto;
        margin-left: auto; }
        .company-overview .mod-numberslist .wgt-numbers_clm .copy.white .subheading {
          color: #fff;
          font-size: 20px; }
        .company-overview .mod-numberslist .wgt-numbers_clm .copy.white .text {
          color: #fff; }
        .company-overview .mod-numberslist .wgt-numbers_clm .copy.white .box {
          position: static;
          top: 50%;
          left: 90px;
          right: auto;
          width: auto;
          height: auto;
          margin-top: auto;
          margin: 0 auto;
          vertical-align: middle;
          text-align: center; }
      .company-overview .mod-numberslist .wgt-numbers_clm .copy .box {
        position: static;
        width: auto;
        height: auto;
        margin-top: auto;
        margin: 0 auto;
        vertical-align: middle;
        text-align: center; }
  .company-overview .mod-numbersbox {
    width: 100%;
    text-align: left; }
    .company-overview .mod-numbersbox .wgt-numbers_clm {
      position: relative;
      max-width: auto;
      background: #fff; }
      .company-overview .mod-numbersbox .wgt-numbers_clm .object-text {
        color: #333; }
        .company-overview .mod-numbersbox .wgt-numbers_clm .object-text .f40 {
          color: #008486; }
        .company-overview .mod-numbersbox .wgt-numbers_clm .object-text .f100 {
          color: #008486; }
      .company-overview .mod-numbersbox .wgt-numbers_clm.white {
        background: #fff; }
        .company-overview .mod-numbersbox .wgt-numbers_clm.white .imgbox {
          text-align: right; }
        .company-overview .mod-numbersbox .wgt-numbers_clm.white .copy {
          right: auto;
          left: 0; }
      .company-overview .mod-numbersbox .wgt-numbers_clm .imgbox .img img {
        width: 100% !important; }
      .company-overview .mod-numbersbox .wgt-numbers_clm .img {
        width: 100%; }
      .company-overview .mod-numbersbox .wgt-numbers_clm .copy {
        position: static;
        display: table;
        max-width: 100%;
        width: 100%;
        height: auto;
        padding: 25px 15px;
        text-align: center;
        vertical-align: middle;
        box-sizing: border-box; }
        .company-overview .mod-numbersbox .wgt-numbers_clm .copy .subheading {
          color: #333333;
          font-size: 20px; }
        .company-overview .mod-numbersbox .wgt-numbers_clm .copy .text {
          color: #333333;
          font-size: 16px; }
        .company-overview .mod-numbersbox .wgt-numbers_clm .copy .box {
          position: static;
          top: 50%;
          left: 50%;
          display: table-cell;
          max-width: 515px;
          width: 100%;
          height: 240px;
          margin: -120px 0 0 -200px;
          text-align: center;
          vertical-align: middle; }
          .company-overview .mod-numbersbox .wgt-numbers_clm .copy .box .subheading {
            color: #333333;
            font-size: 20px; }
          .company-overview .mod-numbersbox .wgt-numbers_clm .copy .box .text {
            color: #333333;
            font-size: 16px; }
        .company-overview .mod-numbersbox .wgt-numbers_clm .copy .box {
          position: static;
          top: 50%;
          right: 90px;
          width: 100%;
          height: 245px;
          margin-top: auto;
          vertical-align: middle;
          text-align: center; }
          .company-overview .mod-numbersbox .wgt-numbers_clm .copy .box .subheading {
            color: #333333;
            font-size: 20px; }
          .company-overview .mod-numbersbox .wgt-numbers_clm .copy .box .text {
            color: #333333;
            font-size: 16px; }
  .company-overview .mod-datatable {
    margin-top: 20px;
    padding-bottom: 60px; }
    .company-overview .mod-datatable .tbl-datatbl {
      max-width: 910px;
      width: 90%;
      margin: 0 auto;
      background: #fff;
      color: #000; }
      .company-overview .mod-datatable .tbl-datatbl th {
        width: 90px;
        padding: 15px;
        font-weight: bold;
        text-align: left;
        vertical-align: top;
        border: solid #b7b7b7;
        border-width: 0 1px 1px 0; }
        .company-overview .mod-datatable .tbl-datatbl th.nobdr {
          border-bottom: none; }
      .company-overview .mod-datatable .tbl-datatbl td {
        padding: 15px;
        border-bottom: 1px solid #b7b7b7;
        text-align: left; }
        .company-overview .mod-datatable .tbl-datatbl td.nobdr {
          border-bottom: none; }
    .company-overview .mod-datatable .list li {
      display: inline-block;
      margin-right: 20px; }
  .block_Relation {
    border: none;
    padding-top: 0; } }

@keyframes gotoScrollAnimation {
  0% {
    top: 3px; }
  1% {
    top: 3px; }
  100% {
    top: 15px; } }

@keyframes fade-in {
  0% {
    display: none;
    opacity: 0; }
  1% {
    display: block;
    opacity: 0; }
  100% {
    display: block;
    opacity: 1; } }

@keyframes fade-out {
  0% {
    display: block;
    opacity: 1; }
  90% {
    display: block;
    opacity: 0; }
  100% {
    display: none;
    opacity: 0; } }