@charset "UTF-8";
body {
  font-family: 'Century Gothic', 游ゴシック体, YuGothic, 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 游ゴシック, 'Yu Gothic', メイリオ, Meiryo;
  /*kozuka-gothic-pr6n, sans-serif;*/
  font-size: 14px;
  font-weight: 500;
  color: #5a5a5a;
  margin: 0px;
  box-sizing: border-box;
  line-height: 1.8em;
  letter-spacing: 0.05em; }
  @media screen and (max-width: 750px) {
    body {
      width: 100% !important; } }

div {
  margin: 0px;
  padding: 0px; }

a {
  text-decoration: none !important; }
  a img {
    transition: 0.2s; }

ul {
  padding-left: 0px;
  margin-top: 0px;
  margin-bottom: 0px; }
  ul li {
    padding-left: 0px;
    list-style: none; }

@media screen and (max-width: 750px) {
  img {
    max-width: 100%;
    height: auto; } }

.pc {
  display: block !important; }
  @media screen and (max-width: 750px) {
    .pc {
      display: none !important; } }

.sp {
  display: none !important; }
  @media screen and (max-width: 750px) {
    .sp {
      display: block !important; } }

.ta-center {
  text-align: center; }

.color-blue {
  color: #00c0ff; }

.of-hidden {
  overflow: hidden; }

.lineheight-small {
  line-height: 1.2em; }

.mb-30 {
  margin-bottom: 30px; }

.about-link {
  width: 250px;
  height: 60px;
  margin: 50px auto 0px; }
  .about-link a {
    color: #fff;
    display: block;
    width: 100%;
    height: 100%;
    background-color: #00c0ff;
    transition: 0.3s;
    position: relative;
    text-align: center;
    line-height: 60px; }
    .about-link a:after {
      position: absolute;
      content: "";
      background-image: url(../img/common/arrow-white.png);
      width: 9px;
      height: 9px;
      right: 2px;
      bottom: 2px; }
    .about-link a:hover {
      background-color: #0078af; }

.about-link-white {
  width: 250px;
  height: 60px;
  margin: 50px auto 0px; }
  .about-link-white a {
    color: #0078af;
    display: block;
    width: 100%;
    height: 100%;
    background-color: #fff;
    transition: 0.3s;
    position: relative;
    text-align: center;
    line-height: 60px; }
    .about-link-white a:after {
      position: absolute;
      content: "";
      background-image: url(../img/common/arrow-blue.png);
      width: 9px;
      height: 9px;
      right: 2px;
      bottom: 2px; }
    .about-link-white a:hover {
      background-color: #0078af;
      color: #fff; }

/*共通ヘッダー・フッター*/
.header {
  width: 100%; }

.header-inner {
  height: 70px;
  display: flex;
  justify-content: space-between;
  width: 1150px;
  margin: 20px auto 0;
  transition: 0.1s; }
  @media screen and (max-width: 750px) {
    .header-inner {
      height: 70px;
      margin: 0; } }
  @media screen and (max-width: 750px) {
    .header-inner .box-headerLeft {
      width: 40%; } }
  .header-inner .box-headerLeft h1 {
    margin: 5px 0 0; }
    @media screen and (max-width: 750px) {
      .header-inner .box-headerLeft h1 {
        width: 100%;
        margin: 10px 0 0 20px; } }
    .header-inner .box-headerLeft h1 a img {
      height: 60px; }
      @media screen and (max-width: 750px) {
        .header-inner .box-headerLeft h1 a img {
          height: 53px; } }
  @media screen and (max-width: 750px) {
    .header-inner .box-headerRight {
      margin-right: 60px;
      margin-top: 25px; } }

.header.fixed {
  height: 70px;
  position: fixed;
  top: 0;
  left: 0;
  background-color: #fff;
  margin-top: 0;
  z-index: 9999;
  border-bottom: 4px solid #00a0e9; }
  @media screen and (max-width: 750px) {
    .header.fixed {
      border-bottom: none; } }
  .header.fixed .header-inner {
    margin-top: 0px; }
    @media screen and (max-width: 750px) {
      .header.fixed .header-inner .box-headerLeft h1 a img {
        /*width: 200px;*/ } }

.pc-nav nav {
  height: 60px;
  margin: 0 auto; }
  .pc-nav nav .nav-wrap {
    display: flex;
    justify-content: space-around;
    position: relative; }
    .pc-nav nav .nav-wrap .first {
      width: 175px;
      height: 70px;
      text-align: center;
      box-sizing: border-box;
      transition: 0.3s;
      position: relative; }
      .pc-nav nav .nav-wrap .first a {
        display: inline-block;
        color: #5a5a5a;
        width: 175px;
        height: 70px;
        padding-top: 18px;
        box-sizing: border-box;
        position: relative;
        border-right: 1px solid #00c0ff; }
        .pc-nav nav .nav-wrap .first a:after {
          content: "▼";
          color: #00c0ff;
          font-size: 0.7em;
          top: 40px;
          left: 47%;
          position: absolute; }
      .pc-nav nav .nav-wrap .first .second-menu {
        width: 175px;
        display: block;
        position: absolute;
        left: 0;
        visibility: hidden;
        transition: 0.3s;
        text-align: center;
        box-sizing: border-box;
        border-top: 4px solid #00a0e9; }
        .pc-nav nav .nav-wrap .first .second-menu .second {
          height: unset; }
          .pc-nav nav .nav-wrap .first .second-menu .second a {
            color: #00c0ff;
            transition: 0.3s;
            height: unset;
            justify-content: space-between;
            width: 100%;
            background: #fff;
            padding: 15px 0;
            border-bottom: 1px solid #00c0ff;
            text-align: center;
            border-right: none;
            font-size: 0.85em; }
            .pc-nav nav .nav-wrap .first .second-menu .second a:after {
              content: none; }
            .pc-nav nav .nav-wrap .first .second-menu .second a:hover {
              background-color: #0078af;
              color: #fff; }
      .pc-nav nav .nav-wrap .first:hover {
        background-color: #fff; }
        .pc-nav nav .nav-wrap .first:hover a {
          color: #00c0ff; }
        .pc-nav nav .nav-wrap .first:hover .second-menu {
          visibility: visible;
          transition: 0.3s;
          z-index: 999; }

.sp-navi .globalNavSP {
  position: fixed;
  z-index: 100;
  top: 0px;
  left: 0;
  background: #00c0ff;
  transform: translateY(-100%);
  transition: all 0.6s;
  width: 100%;
  height: 100%;
  overflow-y: scroll; }
  .sp-navi .globalNavSP .nav-inner ul {
    list-style: none;
    padding-left: 0px;
    padding-top: 50px; }
    .sp-navi .globalNavSP .nav-inner ul li {
      color: #fff;
      font-size: 18px;
      line-height: 0.7;
      padding-top: 30px;
      font-weight: 500;
      position: relative; }
      .sp-navi .globalNavSP .nav-inner ul li a {
        color: #fff;
        text-decoration: none;
        margin-bottom: 20px;
        width: 100%;
        display: inline-block;
        padding-left: 10px;
        box-sizing: border-box; }
      .sp-navi .globalNavSP .nav-inner ul li label {
        color: #fff;
        text-decoration: none;
        margin-bottom: 20px;
        cursor: pointer;
        position: relative;
        display: inline-block;
        width: 100%;
        padding-left: 10px;
        box-sizing: border-box; }
        .sp-navi .globalNavSP .nav-inner ul li label::after {
          content: "▼";
          position: absolute;
          right: 10px;
          top: -1px;
          color: #fff;
          font-size: 11px;
          font-weight: 500; }
      .sp-navi .globalNavSP .nav-inner ul li input {
        display: none; }
      .sp-navi .globalNavSP .nav-inner ul li .subnavi {
        background-color: #fff;
        font-size: 16px;
        padding-top: 0px; }
        .sp-navi .globalNavSP .nav-inner ul li .subnavi li {
          height: 0;
          overflow: hidden;
          -webkit-transition: all 0.5s;
          -moz-transition: all 0.5s;
          -ms-transition: all 0.5s;
          -o-transition: all 0.5s;
          transition: all 0.5s;
          padding-top: 0px;
          padding-bottom: 0px;
          border-bottom: none; }
          .sp-navi .globalNavSP .nav-inner ul li .subnavi li:before {
            content: none; }
          .sp-navi .globalNavSP .nav-inner ul li .subnavi li a {
            color: #00c0ff;
            font-size: 15px;
            margin-bottom: 0px;
            display: flex;
            justify-content: space-between; }
            .sp-navi .globalNavSP .nav-inner ul li .subnavi li a .text {
              line-height: 20px;
              margin-top: 15px; }
        .sp-navi .globalNavSP .nav-inner ul li .subnavi .secondnav-top {
          background-color: #0078af; }
          .sp-navi .globalNavSP .nav-inner ul li .subnavi .secondnav-top a {
            color: #fff; }
      .sp-navi .globalNavSP .nav-inner ul li #about:checked ~ .subnavi {
        margin-top: 0px; }
      .sp-navi .globalNavSP .nav-inner ul li #about:checked ~ .subnavi li {
        height: 50px;
        opacity: 1;
        padding-top: 24px;
        padding-bottom: 10px;
        box-sizing: border-box;
        border-bottom: 1px solid #00c0ff; }
        .sp-navi .globalNavSP .nav-inner ul li #about:checked ~ .subnavi li:last-child {
          border-bottom: none; }
      .sp-navi .globalNavSP .nav-inner ul li #company:checked ~ .subnavi {
        margin-top: 0px; }
      .sp-navi .globalNavSP .nav-inner ul li #company:checked ~ .subnavi li {
        height: 50px;
        opacity: 1;
        padding-top: 24px;
        padding-bottom: 10px;
        box-sizing: border-box;
        border-bottom: 1px solid #00c0ff; }
        .sp-navi .globalNavSP .nav-inner ul li #company:checked ~ .subnavi li:last-child {
          border-bottom: none; }
      .sp-navi .globalNavSP .nav-inner ul li #product:checked ~ .subnavi {
        margin-top: 0px; }
      .sp-navi .globalNavSP .nav-inner ul li #product:checked ~ .subnavi li {
        height: 50px;
        opacity: 1;
        padding-top: 24px;
        padding-bottom: 10px;
        box-sizing: border-box;
        border-bottom: 1px solid #00c0ff; }
        .sp-navi .globalNavSP .nav-inner ul li #product:checked ~ .subnavi li:last-child {
          border-bottom: none; }
      .sp-navi .globalNavSP .nav-inner ul li #recruit:checked ~ .subnavi {
        margin-top: 0px; }
      .sp-navi .globalNavSP .nav-inner ul li #recruit:checked ~ .subnavi li {
        height: 50px;
        opacity: 1;
        padding-top: 24px;
        padding-bottom: 10px;
        box-sizing: border-box;
        border-bottom: 1px solid #00c0ff; }
        .sp-navi .globalNavSP .nav-inner ul li #recruit:checked ~ .subnavi li:last-child {
          border-bottom: none; }
      .sp-navi .globalNavSP .nav-inner ul li:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 1px;
        background-color: #fff;
        bottom: 0px;
        left: 0px; }
.sp-navi nav.globalNavSP.active {
  transform: translateY(0%); }
.sp-navi .navToggle .navToggle-inner {
  display: block;
  position: fixed;
  /* body?E‘I?μ?A?I?a‘I?E’u?w’e */
  right: 0px;
  top: 0px;
  width: 65px;
  height: 70px;
  cursor: pointer;
  z-index: 8888;
  text-align: center;
  transition-duration: 0.5s;
  background-color: #00c0ff; }
  .sp-navi .navToggle .navToggle-inner span {
    display: block;
    position: absolute;
    /* .navToggle?E‘I?μ?A */
    width: 25px;
    border-bottom: solid 3px #fff;
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
    left: 18px; }
    .sp-navi .navToggle .navToggle-inner span:nth-child(1) {
      top: 21px; }
    .sp-navi .navToggle .navToggle-inner span:nth-child(2) {
      top: 33px; }
    .sp-navi .navToggle .navToggle-inner span:nth-child(3) {
      top: 45px; }
.sp-navi .navToggle.active span:nth-child(1) {
  top: 27px;
  left: 21px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  transform: rotate(-45deg);
  border-bottom: solid 3px #fff; }
.sp-navi .navToggle.active span:nth-child(2), .sp-navi .navToggle.active span:nth-child(3) {
  top: 28px;
  left: 22px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  transform: rotate(45deg);
  border-bottom: solid 3px #fff; }
.sp-navi p {
  font-size: 10px;
  color: #fff; }

footer .section-footer {
  border-top: 1px solid #00c0ff;
  padding: 30px 50px; }
  @media screen and (max-width: 750px) {
    footer .section-footer {
      padding: 20px; } }
  footer .section-footer nav {
    width: 1180px;
    margin: 0 auto; }
    @media screen and (max-width: 750px) {
      footer .section-footer nav {
        width: 100%; } }
    footer .section-footer nav ul {
      display: flex;
      font-size: 0.9em;
      margin-left: 25px;
      justify-content: center; }
      @media screen and (max-width: 750px) {
        footer .section-footer nav ul {
          margin-left: 0px;
          font-size: 0.8em;
          flex-wrap: wrap; } }
      footer .section-footer nav ul li {
        padding-top: 5px;
        padding-bottom: 5px;
        border-left: 1px solid #ccc; }
        @media screen and (max-width: 750px) {
          footer .section-footer nav ul li {
            padding-left: 10px;
            padding-right: 10px;
            padding-top: 0px;
            padding-bottom: 0px;
            border: none; } }
        footer .section-footer nav ul li a {
          color: unset;
          transition: 0.3s;
          position: relative;
          padding: 0 24px; }
          @media screen and (max-width: 750px) {
            footer .section-footer nav ul li a {
              padding: 0; } }
          footer .section-footer nav ul li a:hover {
            opacity: 0.8; }
        footer .section-footer nav ul li:last-child {
          border-right: 1px solid #ccc; }
          @media screen and (max-width: 750px) {
            footer .section-footer nav ul li:last-child {
              border: none; } }
  footer .section-footer .footer-logo {
    text-align: center;
    margin-top: 30px; }
    footer .section-footer .footer-logo a {
      transition: 0.3s; }
      footer .section-footer .footer-logo a:hover {
        opacity: 0.8; }
      footer .section-footer .footer-logo a img {
        width:300px; }
footer .section-copyright {
  width: 100%;
  background-color: #00c0ff;
  margin: 0 auto;
  padding: 15px 0px;
  text-align: center; }
  @media screen and (max-width: 750px) {
    footer .section-copyright {
      width: 100%;
      display: block;
      text-align: center;
      padding: 15px 0px 15px; } }
  footer .section-copyright .copyright {
    font-size: 0.8em;
    color: #fff; }
    @media screen and (max-width: 750px) {
      footer .section-copyright .copyright {
        margin-top: 10px; } }

/*トップページ*/
.section-mv {
  width: 100%;
  height: 530px;
  border-top: #00a0e9 4px solid;
  border-bottom: #00a0e9 4px solid;
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 30%, white 70%, white 100%);
  position: relative; }
  @media screen and (max-width: 750px) {
    .section-mv {
      height: 80vw;
      background-position: center left;
      background: none; } }
  .section-mv .mv-contentWrapper {
    width: 100%;
    height: 100%;
    margin: 0 auto; }
    @media screen and (max-width: 750px) {
      .section-mv .mv-contentWrapper {
        width: 100%; } }
    .section-mv .mv-contentWrapper .swiper-container {
      height: 100%;
      position: relative;
      z-index: -1; }
    .section-mv .mv-contentWrapper .swiper-wrapper img {
      width: 100%;
      height: 100%;
      object-fit: cover; }
      @media screen and (max-width: 750px) {
        .section-mv .mv-contentWrapper .swiper-wrapper img {
          object-position: left; } }
    .section-mv .mv-contentWrapper .mv-textArea {
      text-align: right;
      position: absolute;
      right: 100px;
      top: 110px;
      z-index: 99; }
      @media screen and (max-width: 750px) {
        .section-mv .mv-contentWrapper .mv-textArea {
          right: 30px; } }
      @media screen and (max-width: 750px) {
        .section-mv .mv-contentWrapper .mv-textArea {
          margin-right: 10px;
          text-shadow: 3px 3px 7px #ffffff, -3px 3px 7px #ffffff, 3px -3px 7px #ffffff, -3px -3px 7px #ffffff, 3px 0px 7px #ffffff, 0px 3px 7px #ffffff, -3px 0px 7px #ffffff, 0px -3px 7px #ffffff; } }
      .section-mv .mv-contentWrapper .mv-textArea .sub-title {
        font-size: 2.7em; }
        @media screen and (max-width: 750px) {
          .section-mv .mv-contentWrapper .mv-textArea .sub-title {
            font-size: 1.5em; } }
      .section-mv .mv-contentWrapper .mv-textArea h2 {
        font-size: 4.5em;
        font-weight: 400;
        line-height: 0em; }
        @media screen and (max-width: 750px) {
          .section-mv .mv-contentWrapper .mv-textArea h2 {
            font-size: 3.5em; } }
      .section-mv .mv-contentWrapper .mv-textArea .text {
        font-size: 1.3em;
        margin-top: 10px; }
    .section-mv .mv-contentWrapper .mv-recruit {
      position: absolute;
      width: 570px;
      height: 45px;
      font-size: 1.2em;
      line-height: 45px;
      text-align: center;
      right: 0;
      bottom: 145px;
      z-index: 99; }
      @media screen and (max-width: 750px) {
        .section-mv .mv-contentWrapper .mv-recruit {
          width: 80%;
          bottom: 30px; } }
      .section-mv .mv-contentWrapper .mv-recruit a {
        color: #fff;
        position: relative;
        display: block;
        width: 100%;
        height: 100%;
        background-color: #00c0ff;
        transition: 0.3s; }
        .section-mv .mv-contentWrapper .mv-recruit a:before {
          position: absolute;
          content: "";
          width: 50px;
          height: 50px;
          background-color: #fff;
          background-image: url(../img/top/icon_recruit.png);
          background-size: 60%;
          background-position: center;
          background-repeat: no-repeat;
          border-radius: 50%;
          border: 3px solid #00c0ff;
          left: -25px;
          top: -4px; }
        .section-mv .mv-contentWrapper .mv-recruit a:hover {
          opacity: 0.8; }

.section-aboutus {
  width: 1150px;
  margin: 100px auto; }
  @media screen and (max-width: 750px) {
    .section-aboutus {
      width: 100%;
      margin: 100px 0px;
      box-sizing: border-box;
      padding: 0 10px; } }
  .section-aboutus .h2-centering {
    text-align: center;
    font-size: 3.2em;
    font-weight: 600;
    letter-spacing: 0.2em; }
    @media screen and (max-width: 750px) {
      .section-aboutus .h2-centering {
        font-size: 2.8em;
        letter-spacing: 0.1em; } }
    .section-aboutus .h2-centering .sub-h2 {
      display: block;
      font-size: 17px;
      letter-spacing: 0;
      margin-top: 20px;
      font-weight: 400; }
  .section-aboutus .lead-text {
    margin-top: 50px;
    margin-bottom: 50px;
    text-align: center;
    font-size: 1.4em;
    font-weight: 600; }
  .section-aboutus .text {
    padding: 0 50px; }
    @media screen and (max-width: 750px) {
      .section-aboutus .text {
        padding: 0 20px; } }

.section-news {
  width: 100%;
  border-top: 1px solid #00c0ff;
  padding-top: 40px; }
  .section-news .news-wrapper {
    width: 1150px;
    margin: 0 auto 100px;
    position: relative; }
    @media screen and (max-width: 750px) {
      .section-news .news-wrapper {
        width: 100%;
        padding: 0 10px;
        box-sizing: border-box; } }
    .section-news .news-wrapper:before {
      content: "";
      width: 230px;
      height: 230px;
      position: absolute;
      background-image: url(../img/top/news-back.png);
      background-repeat: no-repeat;
      background-size: cover;
      top: -200px;
      left: 0px; }
      @media screen and (max-width: 750px) {
        .section-news .news-wrapper:before {
          content: none; } }
  .section-news .h2-centering {
    text-align: center;
    font-size: 3.2em;
    font-weight: 600;
    letter-spacing: 0.2em; }
    @media screen and (max-width: 750px) {
      .section-news .h2-centering {
        letter-spacing: 0.1em;
        font-size: 2.8em; } }
    .section-news .h2-centering .sub-h2 {
      display: block;
      font-size: 17px;
      letter-spacing: 0;
      margin-top: 20px;
      font-weight: 400; }
  .section-news .news-content {
    width: 970px;
    position: relative;
    margin: 50px auto;
    overflow-y: scroll;
    height: 260px; }
    @media screen and (max-width: 750px) {
      .section-news .news-content {
        width: 100%; } }
    .section-news .news-content dl {
      display: flex;
      border-bottom: 1px dotted #ccc;
      padding-bottom: 10px; }
      @media screen and (max-width: 750px) {
        .section-news .news-content dl {
          display: block; } }
      .section-news .news-content dl dt {
        width: 150px; }
        @media screen and (max-width: 750px) {
          .section-news .news-content dl dt {
            width: 100%; } }
      .section-news .news-content dl dd {
        width: 750px; }
        @media screen and (max-width: 750px) {
          .section-news .news-content dl dd {
            margin-left: 0px;
            width: usnet; } }
        .section-news .news-content dl dd a {
          color: #00c0ff;
          transition: 0.3s; }
          .section-news .news-content dl dd a:hover {
            opacity: 0.8; }

.section-product .product-wrapper {
  display: flex;
  flex-direction: row-reverse;
  border-top: 1px solid #00c0ff;
  border-bottom: 1px solid #00c0ff; }
  @media screen and (max-width: 750px) {
    .section-product .product-wrapper {
      display: block;
      border: none; } }
  .section-product .product-wrapper .h2-right {
    width: calc(50vw - 485px);
    box-sizing: border-box; }
    @media screen and (max-width: 750px) {
      .section-product .product-wrapper .h2-right {
        width: 100%;
        padding: 0 10px;
        box-sizing: border-box; } }
    .section-product .product-wrapper .h2-right h2 {
      transform: rotate(-90deg);
      font-size: 6em;
      color: #00c0ff;
      width: 90px;
      letter-spacing: 0.3em;
      margin-top: 7.5em;
      position: relative;
      left: -13px; }
      @media screen and (max-width: 750px) {
        .section-product .product-wrapper .h2-right h2 {
          transform: none;
          font-size: 2.8em;
          letter-spacing: 0.1em;
          width: unset;
          margin-top: 50px;
          text-align: center;
          left: 0; } }
  .section-product .product-wrapper .products-content {
    width: calc(50vw + 485px);
    border-right: 4px solid #00c0ff; }
    @media screen and (max-width: 750px) {
      .section-product .product-wrapper .products-content {
        width: 100%;
        box-sizing: border-box;
        border: none; } }
    .section-product .product-wrapper .products-content .panel-innner {
      width: 1060px;
      margin: 0 0 0 auto; }
      @media screen and (max-width: 750px) {
        .section-product .product-wrapper .products-content .panel-innner {
          width: 100%;
          padding: 10px;
          box-sizing: border-box; } }
    .section-product .product-wrapper .products-content .bluecover {
      background-color: rgba(0, 40, 58, 0.7); }
    .section-product .product-wrapper .products-content .panel-control {
      background-color: #00283a;
      background-image: url(../img/top/control-back.jpg);
      background-size: 700px;
      background-repeat: no-repeat;
      background-position: right 0 top 90px; }
      @media screen and (max-width: 750px) {
        .section-product .product-wrapper .products-content .panel-control {
          background-position: right 0 top 0px;
          background-size: cover;
          background-color: none; } }
      .section-product .product-wrapper .products-content .panel-control a {
        display: block;
        width: 100%;
        height: 100%;
        transition: 0.3s; }
        .section-product .product-wrapper .products-content .panel-control a:hover {
          opacity: 0.8; }
      .section-product .product-wrapper .products-content .panel-control .h3 {
        border-bottom: 1px solid #fff;
        display: flex;
        justify-content: space-between;
        color: #fff;
        height: 90px;
        box-sizing: border-box;
        padding-top: 35px; }
        .section-product .product-wrapper .products-content .panel-control .h3 h3 {
          margin: 0;
          color: #fff;
          font-size: 2.5em; }
        .section-product .product-wrapper .products-content .panel-control .h3 .h3-ja {
          margin-right: 30px;
          margin-top: 15px;
          font-size: 1.2em; }
      .section-product .product-wrapper .products-content .panel-control h4 {
        width: 350px;
        text-align: right;
        font-size: 2em;
        color: #fff;
        letter-spacing: 0.2em;
        margin-top: 20px; }
        @media screen and (max-width: 750px) {
          .section-product .product-wrapper .products-content .panel-control h4 {
            width: 100%;
            text-align: left; } }
      .section-product .product-wrapper .products-content .panel-control .text-content {
        width: 350px;
        margin-top: 50px;
        color: #fff;
        padding-bottom: 50px; }
        @media screen and (max-width: 750px) {
          .section-product .product-wrapper .products-content .panel-control .text-content {
            width: 100%;
            margin-top: 20px; } }
        .section-product .product-wrapper .products-content .panel-control .text-content h5 {
          font-size: 1.2em; }
    .section-product .product-wrapper .products-content .panel-secrity {
      background-color: #f2f2f2;
      background-image: url(../img/top/security-back.jpg);
      background-size: contain;
      background-repeat: no-repeat;
      background-position: left 0 top 0px; }
      @media screen and (max-width: 750px) {
        .section-product .product-wrapper .products-content .panel-secrity {
          background-size: cover; } }
      .section-product .product-wrapper .products-content .panel-secrity a {
        display: block;
        width: 100%;
        height: 100%;
        transition: 0.3s;
        color: unset; }
        .section-product .product-wrapper .products-content .panel-secrity a:hover {
          opacity: 0.8; }
      .section-product .product-wrapper .products-content .panel-secrity .h3 {
        border-bottom: 1px solid #000;
        display: flex;
        justify-content: space-between;
        height: 90px;
        box-sizing: border-box;
        padding-top: 35px; }
        .section-product .product-wrapper .products-content .panel-secrity .h3 h3 {
          margin: 0;
          font-size: 2.5em; }
        .section-product .product-wrapper .products-content .panel-secrity .h3 .h3-ja {
          margin-right: 30px;
          margin-top: 15px;
          font-size: 1.2em; }
      .section-product .product-wrapper .products-content .panel-secrity h4 {
        width: 350px;
        text-align: right;
        font-size: 2em;
        letter-spacing: 0.2em;
        margin-top: 20px; }
        @media screen and (max-width: 750px) {
          .section-product .product-wrapper .products-content .panel-secrity h4 {
            width: 100%;
            text-align: left; } }
      .section-product .product-wrapper .products-content .panel-secrity .text-content {
        width: 350px;
        margin: 50px 30px 0 auto;
        padding-bottom: 50px; }
        @media screen and (max-width: 750px) {
          .section-product .product-wrapper .products-content .panel-secrity .text-content {
            width: 100%;
            margin-top: 20px; } }
        .section-product .product-wrapper .products-content .panel-secrity .text-content h5 {
          font-size: 1.2em; }
    .section-product .product-wrapper .products-content .panel-service {
      background-color: #00283a;
      background-image: url(../img/top/service-back.jpg);
      background-size: contain;
      background-repeat: no-repeat;
      background-position: right 0 top 90px; }
      @media screen and (max-width: 750px) {
        .section-product .product-wrapper .products-content .panel-service {
          background-size: cover;
          background-position: right 0 top 0px; } }
      .section-product .product-wrapper .products-content .panel-service a {
        display: block;
        width: 100%;
        height: 100%;
        transition: 0.3s; }
        .section-product .product-wrapper .products-content .panel-service a:hover {
          opacity: 0.8; }
      .section-product .product-wrapper .products-content .panel-service .h3 {
        border-bottom: 1px solid #fff;
        display: flex;
        justify-content: space-between;
        color: #fff;
        height: 90px;
        box-sizing: border-box;
        padding-top: 35px; }
        .section-product .product-wrapper .products-content .panel-service .h3 h3 {
          margin: 0;
          font-size: 2.5em;
          color: #fff; }
        .section-product .product-wrapper .products-content .panel-service .h3 .h3-ja {
          margin-right: 30px;
          margin-top: 15px;
          font-size: 1.2em; }
      .section-product .product-wrapper .products-content .panel-service h4 {
        width: 350px;
        text-align: right;
        font-size: 2em;
        color: #fff;
        letter-spacing: 0.2em;
        margin-top: 20px; }
        @media screen and (max-width: 750px) {
          .section-product .product-wrapper .products-content .panel-service h4 {
            width: 100%;
            text-align: left; } }
      .section-product .product-wrapper .products-content .panel-service .text-content {
        width: 350px;
        margin-top: 50px;
        color: #fff;
        padding-bottom: 50px; }
        @media screen and (max-width: 750px) {
          .section-product .product-wrapper .products-content .panel-service .text-content {
            width: 100%;
            margin-top: 20px; } }
        .section-product .product-wrapper .products-content .panel-service .text-content h5 {
          font-size: 1.2em; }

.section-comapny .company-wrapper {
  width: 1150px;
  display: flex;
  margin: 0 auto; }
  @media screen and (max-width: 750px) {
    .section-comapny .company-wrapper {
      width: 100%;
      box-sizing: border-box;
      display: block;
      margin: 70px auto 0; } }
  .section-comapny .company-wrapper .h2-left {
    width: 90px;
    box-sizing: border-box; }
    @media screen and (max-width: 750px) {
      .section-comapny .company-wrapper .h2-left {
        width: 100%; } }
    .section-comapny .company-wrapper .h2-left h2 {
      transform: rotate(-90deg);
      font-size: 6em;
      color: #00c0ff;
      width: 90px;
      letter-spacing: 0.3em;
      margin-top: 7.5em;
      position: relative;
      left: 14px; }
      @media screen and (max-width: 750px) {
        .section-comapny .company-wrapper .h2-left h2 {
          transform: none;
          font-size: 2.8em;
          letter-spacing: 0.1em;
          width: unset;
          margin-top: 10px;
          left: 0;
          text-align: center; } }
  .section-comapny .company-wrapper .company-content {
    width: 1060px;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    border-left: 4px solid #00c0ff; }
    @media screen and (max-width: 750px) {
      .section-comapny .company-wrapper .company-content {
        width: 100%;
        border: none; } }
    .section-comapny .company-wrapper .company-content .panel-coampnay {
      width: 50%;
      box-sizing: border-box;
      background-repeat: no-repeat;
      background-size: cover;
      background-position: right;
      border-top: 4px solid #00c0ff;
      border-right: 1px solid #00c0ff;
      height: 330px; }
      @media screen and (max-width: 750px) {
        .section-comapny .company-wrapper .company-content .panel-coampnay {
          width: 50%;
          border-top: none;
          border-right: none;
          border: 1px solid #00c0ff;
          height: 200px;
          background-size: contain;
          background-position: bottom; } }
      .section-comapny .company-wrapper .company-content .panel-coampnay a {
        width: 100%;
        height: 100%;
        position: relative;
        display: block;
        color: unset;
        transition: 0.3s; }
        .section-comapny .company-wrapper .company-content .panel-coampnay a h4 {
          margin-top: 0;
          padding-top: 35px;
          margin-left: 20px;
          margin-bottom: 15px;
          font-size: 2.5em;
          letter-spacing: 0.07em; }
          @media screen and (max-width: 750px) {
            .section-comapny .company-wrapper .company-content .panel-coampnay a h4 {
              padding-top: 15px;
              margin-left: 15px;
              font-size: 2em;
              letter-spacing: 0.03em; } }
        .section-comapny .company-wrapper .company-content .panel-coampnay a .subtitle {
          margin-top: 10px;
          margin-left: 20px;
          font-size: 1.2em; }
          @media screen and (max-width: 750px) {
            .section-comapny .company-wrapper .company-content .panel-coampnay a .subtitle {
              font-size: 1.1em;
              margin-top: 5px; } }
        .section-comapny .company-wrapper .company-content .panel-coampnay a .link {
          position: absolute;
          right: 2em;
          bottom: 6px;
          font-size: 1em;
          color: #00c0ff; }
          .section-comapny .company-wrapper .company-content .panel-coampnay a .link:after {
            content: "";
            position: absolute;
            bottom: 7px;
            right: -16px;
            width: 9px;
            height: 9px;
            background-image: url(../img/common/arrow-blue.png); }
        .section-comapny .company-wrapper .company-content .panel-coampnay a:hover {
          background-color: rgba(0, 0, 0, 0.2); }
    .section-comapny .company-wrapper .company-content .message {
      background-image: url(../img/top/message.jpg); }
    .section-comapny .company-wrapper .company-content .outline {
      background-image: url(../img/top/outline.jpg); }
    .section-comapny .company-wrapper .company-content .access {
      background-image: url(../img/top/access.jpg); }
    .section-comapny .company-wrapper .company-content .history {
      background-image: url(../img/top/history.jpg); }
    .section-comapny .company-wrapper .company-content .ir {
      background-image: url(../img/top/ir.jpg); }
    .section-comapny .company-wrapper .company-content .group {
      background-image: url(../img/top/group.jpg); }

.section-contact {
  width: 100%;
  margin-top: 0px; }
  .section-contact .contact-wrapper {
    display: flex; }
    @media screen and (max-width: 750px) {
      .section-contact .contact-wrapper {
        display: block; } }
    .section-contact .contact-wrapper .contact-panel {
      width: 50%;
      height: 135px;
      box-sizing: border-box;
      display: table; }
      @media screen and (max-width: 750px) {
        .section-contact .contact-wrapper .contact-panel {
          width: 100%; } }
      .section-contact .contact-wrapper .contact-panel a {
        display: table-cell;
        width: 100%;
        height: 100%;
        text-align: center;
        vertical-align: middle;
        color: #fff;
        transition: 0.3s;
        position: relative; }
        .section-contact .contact-wrapper .contact-panel a .main-text {
          font-size: 1.6em;
          font-weight: 600; }
        .section-contact .contact-wrapper .contact-panel a .sub-text {
          margin-top: 10px;
          font-size: 1.1em; }
        .section-contact .contact-wrapper .contact-panel a:hover {
          opacity: 0.8; }
        .section-contact .contact-wrapper .contact-panel a:after {
          position: absolute;
          content: "";
          width: 9px;
          height: 9px;
          background-image: url(../img/common/arrow-white.png);
          bottom: 5px;
          right: 5px; }
    .section-contact .contact-wrapper .showroom a {
      background-color: #0078af; }
    .section-contact .contact-wrapper .contact a {
      background-color: #00c0ff; }

.section-sdgs {
  width: main-width;
  margin: 50px auto; }
  @media screen and (max-width: 750px) {
    .section-sdgs {
      width: 100%;
      padding: 0 10px;
      box-sizing: border-box; } }
  .section-sdgs .sdgs-wapeer {
    display: flex;
    justify-content: center; }
    @media screen and (max-width: 750px) {
      .section-sdgs .sdgs-wapeer {
        display: block; } }
    .section-sdgs .sdgs-wapeer .logo {
      padding: 20px; }
      @media screen and (max-width: 750px) {
        .section-sdgs .sdgs-wapeer .logo {
          text-align: center; }
          .section-sdgs .sdgs-wapeer .logo img {
            width: 180px;
            height: auto; } }
    .section-sdgs .sdgs-wapeer .description {
      padding: 20px; }
      @media screen and (max-width: 750px) {
        .section-sdgs .sdgs-wapeer .description {
          text-align: center; } }
      .section-sdgs .sdgs-wapeer .description h2 {
        font-size: 2.3em;
        color: #00c0ff;
        margin-bottom: 15px; }
        @media screen and (max-width: 750px) {
          .section-sdgs .sdgs-wapeer .description h2 {
            margin-top: 0px; } }
      .section-sdgs .sdgs-wapeer .description h3 {
        font-size: 1.4em;
        margin-top: 10px;
        margin-bottom: 50px; }
      .section-sdgs .sdgs-wapeer .description .link-sdgs {
        width: 200px;
        height: 60px; }
        @media screen and (max-width: 750px) {
          .section-sdgs .sdgs-wapeer .description .link-sdgs {
            margin: 0 auto; } }
        .section-sdgs .sdgs-wapeer .description .link-sdgs a {
          width: 100%;
          height: 100%;
          display: block;
          background-color: #f2f2f2;
          border: 1px solid #d5d5d5;
          text-align: center;
          line-height: 60px;
          transition: 0.3s;
          position: relative;
          color: #00c0ff; }
          .section-sdgs .sdgs-wapeer .description .link-sdgs a:after {
            position: absolute;
            content: "";
            width: 9px;
            height: 9px;
            background-image: url(../img/common/arrow-blue.png);
            bottom: 5px;
            right: 5px; }
          .section-sdgs .sdgs-wapeer .description .link-sdgs a:hover {
            opacity: 0.8; }

/*下層ページ　共通*/
.section-mv-second {
  border-top: 4px solid #00a0e9;
  border-bottom: 4px solid #00a0e9;
  background-color: #f7f7f7;
  text-align: center;
  padding: 70px 0; }
  .section-mv-second h1 {
    font-weight: 600;
    font-size: 3.1em;
    margin-bottom: 15px;
    letter-spacing: 0.15em; }
    @media screen and (max-width: 750px) {
      .section-mv-second h1 {
        font-size: 2.8em; } }
  .section-mv-second .h1-ja {
    font-size: 1.2em;
    font-weight: 600; }

.right {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: top right; }

.left {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: top left; }

.about-index {
  background-image: url(../img/about/mv.jpg); }
  @media screen and (max-width: 750px) {
    .about-index {
      background-image: none; } }

.company-index {
  background-image: url(../img/company/mv.jpg); }
  @media screen and (max-width: 750px) {
    .company-index {
      background-image: none; } }

.products-index {
  background-image: url(../img/products/mv.jpg); }
  @media screen and (max-width: 750px) {
    .products-index {
      background-image: none; } }

/*ABOUT*/
.section-secondlead {
  width: 1150px;
  margin: 100px auto; }
  @media screen and (max-width: 750px) {
    .section-secondlead {
      width: 100%;
      padding: 0 10px;
      box-sizing: border-box; } }
  .section-secondlead h2 {
    margin-bottom: 80px;
    text-align: center;
    font-size: 1.4em;
    font-weight: 600; }
  .section-secondlead .h2-large {
    font-size: 2em;
    margin-bottom: 50px; }
    @media screen and (max-width: 750px) {
      .section-secondlead .h2-large {
        font-size: 1.7em; } }
    .section-secondlead .h2-large img {
      width: 350px;
      height: auto; }
      @media screen and (max-width: 750px) {
        .section-secondlead .h2-large img {
          width: 80%; } }
  .section-secondlead .description {
    width: 800px;
    margin: 0 auto; }
    @media screen and (max-width: 750px) {
      .section-secondlead .description {
        width: 100%;
        padding: 0 20px;
        box-sizing: border-box; } }

.section-about-white {
  width: 100%;
  border-top: 4px solid #00c0ff;
  border-bottom: 4px solid #00c0ff;
  background-color: #fff; }
  @media screen and (max-width: 750px) {
    .section-about-white {
      position: relative; }
      .section-about-white:after {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        background-color: rgba(255, 255, 255, 0.8);
        top: 0;
        left: 0;
        z-index: -1; } }

.section-about-blue {
  width: 100%;
  background-color: #00a0e9; }
  @media screen and (max-width: 750px) {
    .section-about-blue {
      position: relative; }
      .section-about-blue:after {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 120, 175, 0.8);
        top: 0;
        left: 0;
        z-index: -1; } }

.aboutIndex-content-wrap {
  width: 1150px;
  margin: 0 auto;
  padding: 50px 0 70px; }
  @media screen and (max-width: 750px) {
    .aboutIndex-content-wrap {
      width: 100%;
      padding: 50px 10px 70px;
      box-sizing: border-box; } }
  .aboutIndex-content-wrap .box-content-right {
    margin: 0 0 0 auto;
    width: 50%; }
    @media screen and (max-width: 750px) {
      .aboutIndex-content-wrap .box-content-right {
        width: 100%; } }
    .aboutIndex-content-wrap .box-content-right h3 {
      letter-spacing: 0.2em;
      font-weight: 600;
      text-align: center;
      font-size: 1.7em; }
    .aboutIndex-content-wrap .box-content-right .text {
      margin: 30px 0; }
    .aboutIndex-content-wrap .box-content-right .link {
      display: flex;
      justify-content: space-between; }
      @media screen and (max-width: 750px) {
        .aboutIndex-content-wrap .box-content-right .link {
          display: block; } }
      .aboutIndex-content-wrap .box-content-right .link .link-panel {
        border: 2px solid #00c0ff;
        width: 265px;
        height: 70px;
        display: table; }
        @media screen and (max-width: 750px) {
          .aboutIndex-content-wrap .box-content-right .link .link-panel {
            margin: 10px 0;
            width: 100%; } }
        .aboutIndex-content-wrap .box-content-right .link .link-panel a {
          display: table-cell;
          width: 100%;
          height: 100%;
          transition: 0.3s;
          font-size: 1.4em;
          color: unset;
          text-align: center;
          vertical-align: middle;
          line-height: 1.1em;
          position: relative;
          background-color: rgba(255, 255, 255, 0.8); }
          .aboutIndex-content-wrap .box-content-right .link .link-panel a .linktext-ja {
            font-size: 0.6em; }
          .aboutIndex-content-wrap .box-content-right .link .link-panel a:after {
            content: "";
            width: 9px;
            height: 9px;
            position: absolute;
            bottom: 5px;
            right: 5px;
            background-image: url(../img/common/arrow-blue.png);
            background-repeat: no-repeat;
            background-size: contain; }
          .aboutIndex-content-wrap .box-content-right .link .link-panel a:hover {
            background-color: white; }
  .aboutIndex-content-wrap .box-content-left {
    margin: 0 auto 0 0;
    width: 50%; }
    @media screen and (max-width: 750px) {
      .aboutIndex-content-wrap .box-content-left {
        width: 100%; } }
    .aboutIndex-content-wrap .box-content-left h3 {
      letter-spacing: 0.2em;
      font-weight: 600;
      text-align: center;
      font-size: 1.7em;
      color: #fff; }
    .aboutIndex-content-wrap .box-content-left .text {
      margin: 30px 0;
      color: #fff; }
    .aboutIndex-content-wrap .box-content-left .link {
      display: flex;
      justify-content: space-between; }
      @media screen and (max-width: 750px) {
        .aboutIndex-content-wrap .box-content-left .link {
          display: block; } }
      .aboutIndex-content-wrap .box-content-left .link .link-panel {
        width: 265px;
        height: 70px;
        display: table; }
        @media screen and (max-width: 750px) {
          .aboutIndex-content-wrap .box-content-left .link .link-panel {
            margin: 10px 0;
            width: 100%; } }
        .aboutIndex-content-wrap .box-content-left .link .link-panel a {
          display: table-cell;
          width: 100%;
          height: 100%;
          transition: 0.3s;
          font-size: 1.4em;
          color: unset;
          text-align: center;
          vertical-align: middle;
          line-height: 1.1em;
          position: relative;
          background-color: rgba(255, 255, 255, 0.8); }
          .aboutIndex-content-wrap .box-content-left .link .link-panel a .linktext-ja {
            font-size: 0.6em; }
          .aboutIndex-content-wrap .box-content-left .link .link-panel a:after {
            content: "";
            width: 9px;
            height: 9px;
            position: absolute;
            bottom: 5px;
            right: 5px;
            background-image: url(../img/common/arrow-blue.png);
            background-repeat: no-repeat;
            background-size: contain; }
          .aboutIndex-content-wrap .box-content-left .link .link-panel a:hover {
            background-color: white; }

.aboutIndex01 {
  background-image: url(../img/about/about-01.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: top left; }
  @media screen and (max-width: 750px) {
    .aboutIndex01 {
      background-size: cover; } }

.aboutIndex02 {
  background-image: url(../img/about/about-02.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: top right; }
  @media screen and (max-width: 750px) {
    .aboutIndex02 {
      background-size: cover; } }

.aboutIndex03 {
  background-image: url(../img/about/about-03.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: top left; }
  @media screen and (max-width: 750px) {
    .aboutIndex03 {
      background-size: cover; } }

/*COMPANY*/
.section-companyIndex-content {
  width: 100%;
  background-image: url(../img/company/back.jpg);
  padding: 100px 0; }
  .section-companyIndex-content .company-content {
    width: 1150px;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
    justify-content: center; }
    @media screen and (max-width: 750px) {
      .section-companyIndex-content .company-content {
        width: 100%; } }
    .section-companyIndex-content .company-content .panel-coampnay {
      width: calc(100%/3);
      box-sizing: border-box;
      background-repeat: no-repeat;
      background-size: cover;
      background-position: right;
      border-top: 8px solid #00c0ff;
      border-right: 1px solid #00c0ff;
      border-left: 1px solid #00c0ff;
      border-bottom: 1px solid #00c0ff;
      height: 250px;
      margin: 0; }
      @media screen and (max-width: 750px) {
        .section-companyIndex-content .company-content .panel-coampnay {
          width: 50%;
          height: 200px;
          background-size: contain;
          background-position: bottom;
          margin: 0;
          border-top: 4px solid #00c0ff; } }
      .section-companyIndex-content .company-content .panel-coampnay a {
        width: 100%;
        height: 100%;
        position: relative;
        display: block;
        color: unset;
        transition: 0.3s; }
        .section-companyIndex-content .company-content .panel-coampnay a h4 {
          margin-top: 0;
          padding-top: 15px;
          margin-left: 15px;
          margin-bottom: 10px;
          font-size: 2.3em;
          letter-spacing: 0.03em; }
          @media screen and (max-width: 750px) {
            .section-companyIndex-content .company-content .panel-coampnay a h4 {
              padding-top: 15px;
              margin-left: 15px;
              font-size: 2em;
              letter-spacing: 0.03em; } }
        .section-companyIndex-content .company-content .panel-coampnay a .subtitle {
          margin-top: 10px;
          margin-left: 15px;
          font-size: 1.2em; }
          @media screen and (max-width: 750px) {
            .section-companyIndex-content .company-content .panel-coampnay a .subtitle {
              font-size: 1.1em;
              margin-top: 5px; } }
        .section-companyIndex-content .company-content .panel-coampnay a .link {
          position: absolute;
          right: 2em;
          bottom: 6px;
          font-size: 1em;
          color: #00c0ff; }
          .section-companyIndex-content .company-content .panel-coampnay a .link:after {
            content: "";
            position: absolute;
            bottom: 7px;
            right: -16px;
            width: 9px;
            height: 9px;
            background-image: url(../img/common/arrow-blue.png); }
        .section-companyIndex-content .company-content .panel-coampnay a:hover {
          background-color: rgba(0, 0, 0, 0.2); }
    .section-companyIndex-content .company-content .message {
      background-image: url(../img/top/message.jpg); }
    .section-companyIndex-content .company-content .outline {
      background-image: url(../img/top/outline.jpg); }
    .section-companyIndex-content .company-content .access {
      background-image: url(../img/top/access.jpg); }
    .section-companyIndex-content .company-content .history {
      background-image: url(../img/top/history.jpg); }
    .section-companyIndex-content .company-content .ir {
      background-image: url(../img/top/ir.jpg); }
    .section-companyIndex-content .company-content .group {
      background-image: url(../img/top/group.jpg); }

/*PRODUCTS*/
.section-productIndex-content {
  width: 100%;
  background-image: url(../img/products/profile-01.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  padding: 50px 0; }
  .section-productIndex-content .link-content {
    width: 1150px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    flex-wrap: wrap; }
    @media screen and (max-width: 750px) {
      .section-productIndex-content .link-content {
        width: 100%;
        padding: 0 10px;
        box-sizing: border-box; } }
    .section-productIndex-content .link-content .link-panel {
      width: 300px;
      height: 120px;
      margin: 20px;
      border: 1px solid #00c0ff;
      display: table; }
      @media screen and (max-width: 750px) {
        .section-productIndex-content .link-content .link-panel {
          width: 100%;
          box-sizing: border-box;
          height: 120px; } }
      .section-productIndex-content .link-content .link-panel a {
        width: 100%;
        height: 100%;
        display: table-cell;
        transition: 0.3s;
        color: unset;
        position: relative;
        background-color: rgba(255, 255, 255, 0.95);
        vertical-align: middle; }
        .section-productIndex-content .link-content .link-panel a h4 {
          text-align: center;
          letter-spacing: 0.03em;
          margin: 0;
          font-size: 2em; }
          @media screen and (max-width: 750px) {
            .section-productIndex-content .link-content .link-panel a h4 {
              font-size: 2em;
              letter-spacing: 0.03em; } }
        .section-productIndex-content .link-content .link-panel a .sub-text {
          text-align: center;
          margin-top: 10px; }
        .section-productIndex-content .link-content .link-panel a .more {
          position: absolute;
          right: 2em;
          bottom: 0px;
          font-size: 0.7em;
          color: #00c0ff; }
          .section-productIndex-content .link-content .link-panel a .more:after {
            content: "";
            position: absolute;
            bottom: 7px;
            right: -16px;
            width: 9px;
            height: 9px;
            background-image: url(../img/common/arrow-blue.png); }
        .section-productIndex-content .link-content .link-panel a:hover {
          background-color: white; }

/*Control*/
.section-controlIndex-content {
  width: 100%;
  margin: 100px 0; }
  .section-controlIndex-content .controlindex-h2 {
    text-align: center;
    font-size: 2.2em;
    font-weight: 600;
    letter-spacing: 0.3em; }
    @media screen and (max-width: 750px) {
      .section-controlIndex-content .controlindex-h2 {
        letter-spacing: 0.1em;
        font-size: 1.8em; } }
  .section-controlIndex-content .content-inner {
    width: 1150px;
    margin: 0 auto; }
    @media screen and (max-width: 750px) {
      .section-controlIndex-content .content-inner {
        width: 100%;
        padding: 0 10px;
        box-sizing: border-box; } }
    .section-controlIndex-content .content-inner .text-blue {
      color: #00c0ff; }
    .section-controlIndex-content .content-inner .fs-larger {
      font-size: 1.5em; }
    .section-controlIndex-content .content-inner .description {
      width: 900px;
      margin: 50px auto 50px; }
      @media screen and (max-width: 750px) {
        .section-controlIndex-content .content-inner .description {
          width: 100%; } }
    .section-controlIndex-content .content-inner .control-list-wrap {
      display: flex;
      flex-wrap: wrap;
      justify-content: center; }
      .section-controlIndex-content .content-inner .control-list-wrap .list-panel {
        width: 400px;
        height: 100px;
        margin: 10px; }
        @media screen and (max-width: 750px) {
          .section-controlIndex-content .content-inner .control-list-wrap .list-panel {
            width: 100%;
            margin: 0;
            padding: 10px;
            box-sizing: border-box; } }
        .section-controlIndex-content .content-inner .control-list-wrap .list-panel a {
          width: 100%;
          height: 100%;
          display: inline-block;
          line-height: 100px;
          border: 2px solid #00c0ff;
          transition: 0.3s;
          background-color: #fff;
          text-align: center;
          font-size: 1.2em;
          font-weight: 600;
          color: unset; }
          @media screen and (max-width: 750px) {
            .section-controlIndex-content .content-inner .control-list-wrap .list-panel a {
              line-height: 80px; } }
          .section-controlIndex-content .content-inner .control-list-wrap .list-panel a:hover {
            background-color: #00c0ff;
            color: #fff; }
    .section-controlIndex-content .content-inner .software-wrapper .software-2clumn {
      display: flex; }
      @media screen and (max-width: 750px) {
        .section-controlIndex-content .content-inner .software-wrapper .software-2clumn {
          flex-wrap: wrap; } }
      .section-controlIndex-content .content-inner .software-wrapper .software-2clumn .software-panel {
        padding: 10px;
        box-sizing: border-box; }
      .section-controlIndex-content .content-inner .software-wrapper .software-2clumn .half {
        width: 50%; }
        @media screen and (max-width: 750px) {
          .section-controlIndex-content .content-inner .software-wrapper .software-2clumn .half {
            width: 100%; } }
    .section-controlIndex-content .content-inner .software-wrapper .software-1clumn {
      display: block; }
      .section-controlIndex-content .content-inner .software-wrapper .software-1clumn .software-panel {
        padding: 10px;
        box-sizing: border-box; }
      .section-controlIndex-content .content-inner .software-wrapper .software-1clumn .full {
        width: 80%;
        margin: 0 auto; }
        @media screen and (max-width: 750px) {
          .section-controlIndex-content .content-inner .software-wrapper .software-1clumn .full {
            width: 100%; } }
    .section-controlIndex-content .content-inner .software-wrapper .panel-inner {
      display: flex; }
      .section-controlIndex-content .content-inner .software-wrapper .panel-inner .box-number {
        margin-right: 20px;
        text-align: center; }
        .section-controlIndex-content .content-inner .software-wrapper .panel-inner .box-number .features {
          font-size: 0.9em;
          color: #0078af;
          font-weight: 600; }
        .section-controlIndex-content .content-inner .software-wrapper .panel-inner .box-number .number {
          font-size: 4em;
          color: #00c0ff;
          font-weight: 600;
          line-height: 1em; }
          .section-controlIndex-content .content-inner .software-wrapper .panel-inner .box-number .number .grey {
            color: #e7e7e7; }
      .section-controlIndex-content .content-inner .software-wrapper .panel-inner .box-content .title {
        color: #0078af;
        font-size: 1.6em;
        font-weight: 600;
        padding-top: 1.8em;
        border-bottom: 1px solid #0078af;
        padding-bottom: 10px;
        position: relative;
        line-height: 1.4em; }
        @media screen and (max-width: 750px) {
          .section-controlIndex-content .content-inner .software-wrapper .panel-inner .box-content .title {
            padding-top: 1.2em; } }
        .section-controlIndex-content .content-inner .software-wrapper .panel-inner .box-content .title:after {
          content: "";
          position: absolute;
          width: 10px;
          height: 10px;
          bottom: -5px;
          right: 0px;
          background-color: #0078af; }
        .section-controlIndex-content .content-inner .software-wrapper .panel-inner .box-content .title.top-zero {
          padding-top: 1.2em; }
      .section-controlIndex-content .content-inner .software-wrapper .panel-inner .box-content .content {
        margin-top: 20px;
        transition: 0.3s;
        margin-bottom: 30px; }
        @media screen and (max-width: 750px) {
          .section-controlIndex-content .content-inner .software-wrapper .panel-inner .box-content .content {
            margin-top: 20px;
            margin-bottom: 30px;
            opacity: 1; } }
        .section-controlIndex-content .content-inner .software-wrapper .panel-inner .box-content .content ul {
          display: flex;
          flex-wrap: wrap; }
          .section-controlIndex-content .content-inner .software-wrapper .panel-inner .box-content .content ul li {
            position: relative;
            padding-left: 1em;
            margin-right: 20px; }
            .section-controlIndex-content .content-inner .software-wrapper .panel-inner .box-content .content ul li:before {
              position: absolute;
              content: "";
              width: 0.8em;
              height: 0.8em;
              border-radius: 50%;
              background-color: #ccc;
              top: 0.5em;
              left: 0; }
      .section-controlIndex-content .content-inner .software-wrapper .panel-inner img {
        width: 100%;
        height: auto; }
    .section-controlIndex-content .content-inner .software-wrapper .panel-inner-security .flex {
      display: flex;
      margin-top: 30px; }
      @media screen and (max-width: 750px) {
        .section-controlIndex-content .content-inner .software-wrapper .panel-inner-security .flex div {
          width: 50%;
          padding: 10px;
          box-sizing: border-box; }
          .section-controlIndex-content .content-inner .software-wrapper .panel-inner-security .flex div img {
            width: 100%; } }
      .section-controlIndex-content .content-inner .software-wrapper .panel-inner-security .flex ul li {
        position: relative;
        padding-left: 1em;
        margin-right: 20px; }
        .section-controlIndex-content .content-inner .software-wrapper .panel-inner-security .flex ul li:before {
          position: absolute;
          content: "";
          width: 0.8em;
          height: 0.8em;
          border-radius: 50%;
          background-color: #ccc;
          top: 0.5em;
          left: 0; }
    .section-controlIndex-content .content-inner .panelcontrol-3clumn {
      display: flex;
      justify-content: space-between; }
      @media screen and (max-width: 750px) {
        .section-controlIndex-content .content-inner .panelcontrol-3clumn {
          display: block; } }
      .section-controlIndex-content .content-inner .panelcontrol-3clumn .panelcontrol-panel {
        width: 370px;
        padding: 10px;
        box-sizing: border-box; }
        @media screen and (max-width: 750px) {
          .section-controlIndex-content .content-inner .panelcontrol-3clumn .panelcontrol-panel {
            width: 100%; } }
        .section-controlIndex-content .content-inner .panelcontrol-3clumn .panelcontrol-panel .img {
          width: 100%;
          height: 230px; }
          .section-controlIndex-content .content-inner .panelcontrol-3clumn .panelcontrol-panel .img img {
            width: 100%;
            height: 100%;
            object-fit: cover; }
        .section-controlIndex-content .content-inner .panelcontrol-3clumn .panelcontrol-panel .title {
          width: 100%;
          background-color: #00c0ff;
          color: #fff;
          padding: 15px 0;
          text-align: center;
          font-size: 1.1em;
          font-weight: 600; }
    .section-controlIndex-content .content-inner .box-controlpanel-pop {
      display: flex;
      justify-content: center;
      margin-top: 80px; }
      @media screen and (max-width: 750px) {
        .section-controlIndex-content .content-inner .box-controlpanel-pop {
          flex-wrap: wrap; } }
      .section-controlIndex-content .content-inner .box-controlpanel-pop .popup-panel {
        width: 250px;
        margin: 20px; }
        .section-controlIndex-content .content-inner .box-controlpanel-pop .popup-panel .controlpanel-img {
          width: 100%;
          height: auto; }
      .section-controlIndex-content .content-inner .box-controlpanel-pop .open {
        cursor: pointer;
        transition: 0.3s;
        /* マウスオーバーでカーソルの形状を変えることで、クリックできる要素だとわかりやすいように */ }
        .section-controlIndex-content .content-inner .box-controlpanel-pop .open span {
          text-align: center;
          display: block; }
        .section-controlIndex-content .content-inner .box-controlpanel-pop .open:hover {
          opacity: 0.8; }
      .section-controlIndex-content .content-inner .box-controlpanel-pop #pop-up1,
      .section-controlIndex-content .content-inner .box-controlpanel-pop #pop-up2,
      .section-controlIndex-content .content-inner .box-controlpanel-pop #pop-up3 {
        display: none;
        /* label でコントロールするので input は非表示に */ }
      .section-controlIndex-content .content-inner .box-controlpanel-pop .overlay {
        display: none;
        /* input にチェックが入るまでは非表示に */ }
      .section-controlIndex-content .content-inner .box-controlpanel-pop #pop-up1:checked + .overlay,
      .section-controlIndex-content .content-inner .box-controlpanel-pop #pop-up2:checked + .overlay,
      .section-controlIndex-content .content-inner .box-controlpanel-pop #pop-up3:checked + .overlay {
        display: block;
        z-index: 9999;
        background-color: #00000070;
        position: fixed;
        width: 100%;
        height: 100vh;
        top: 0;
        left: 0; }
      .section-controlIndex-content .content-inner .box-controlpanel-pop .window {
        width: 90vw;
        max-width: 700px;
        height: 500px;
        background-color: #ffffff;
        border-radius: 6px;
        display: flex;
        justify-content: center;
        align-items: center;
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%); }
        @media screen and (max-width: 750px) {
          .section-controlIndex-content .content-inner .box-controlpanel-pop .window {
            height: 80vh; } }
      .section-controlIndex-content .content-inner .box-controlpanel-pop .text {
        font-size: 18px;
        margin: 0; }
        .section-controlIndex-content .content-inner .box-controlpanel-pop .text .pop-img {
          width: 100%;
          text-align: center; }
          .section-controlIndex-content .content-inner .box-controlpanel-pop .text .pop-img img {
            width: 400px;
            height: auto; }
            @media screen and (max-width: 750px) {
              .section-controlIndex-content .content-inner .box-controlpanel-pop .text .pop-img img {
                width: 90%; } }
        .section-controlIndex-content .content-inner .box-controlpanel-pop .text .pop-text {
          font-size: 0.9em;
          padding: 15px;
          margin-top: 10px;
          box-sizing: border-box; }
      .section-controlIndex-content .content-inner .box-controlpanel-pop .close {
        cursor: pointer;
        position: absolute;
        top: 4px;
        right: 4px;
        font-size: 20px; }
    .section-controlIndex-content .content-inner .fullphoto {
      margin-top: 10px;
      margin-bottom: 10px;
      text-align: center; }
      .section-controlIndex-content .content-inner .fullphoto .small {
        width: 60%; }
        @media screen and (max-width: 750px) {
          .section-controlIndex-content .content-inner .fullphoto .small {
            width: 100%; } }
      .section-controlIndex-content .content-inner .fullphoto .large {
        width: 100%; }
    .section-controlIndex-content .content-inner .landing {
      margin-top: 50px;
      margin-bottom: 50px; }
      .section-controlIndex-content .content-inner .landing a {
        transition: 0.3s; }
        .section-controlIndex-content .content-inner .landing a:hover {
          opacity: 0.8; }
    .section-controlIndex-content .content-inner .inner-narrow {
      width: 80%;
      margin: 0 auto; }
      @media screen and (max-width: 750px) {
        .section-controlIndex-content .content-inner .inner-narrow {
          width: 100%; } }
    .section-controlIndex-content .content-inner .spec-sheet {
      width: 100%;
      border-collapse: collapse;
      border: 1px solid #ccc; }
      .section-controlIndex-content .content-inner .spec-sheet tr th {
        background-color: #f7f7f7;
        border: 1px solid #ccc;
        text-align: left;
        padding: 10px; }
      .section-controlIndex-content .content-inner .spec-sheet tr td {
        border: 1px solid #ccc;
        padding: 10px; }
    .section-controlIndex-content .content-inner .iotslide-contentWrapper {
      width: 80%;
      overflow: hidden;
      margin: 20px auto; }
      @media screen and (max-width: 750px) {
        .section-controlIndex-content .content-inner .iotslide-contentWrapper {
          width: 100%; } }
    .section-controlIndex-content .content-inner .dis-flex {
      display: flex; }
      @media screen and (max-width: 750px) {
        .section-controlIndex-content .content-inner .dis-flex {
          display: block; } }
      .section-controlIndex-content .content-inner .dis-flex div {
        margin: 20px; }
        @media screen and (max-width: 750px) {
          .section-controlIndex-content .content-inner .dis-flex div {
            margin: 20px 0; } }
    .section-controlIndex-content .content-inner .showroom-wrapper {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      margin: 30px 0 50px; }
      .section-controlIndex-content .content-inner .showroom-wrapper .showroom-panel {
        width: 25%;
        padding: 20px;
        box-sizing: border-box; }
        @media screen and (max-width: 750px) {
          .section-controlIndex-content .content-inner .showroom-wrapper .showroom-panel {
            width: 50%; } }
        .section-controlIndex-content .content-inner .showroom-wrapper .showroom-panel h4 {
          text-align: center; }
        .section-controlIndex-content .content-inner .showroom-wrapper .showroom-panel .img {
          width: 100%;
          text-align: center; }
          .section-controlIndex-content .content-inner .showroom-wrapper .showroom-panel .img img {
            width: 100%;
            height: auto; }
        .section-controlIndex-content .content-inner .showroom-wrapper .showroom-panel .box-text {
          margin-top: 10px; }
    .section-controlIndex-content .content-inner .iot-showroom-list ul li {
      position: relative;
      padding-left: 1em;
      margin-right: 20px; }
      .section-controlIndex-content .content-inner .iot-showroom-list ul li:before {
        position: absolute;
        content: "";
        width: 0.8em;
        height: 0.8em;
        border-radius: 50%;
        background-color: #ccc;
        top: 0.5em;
        left: 0; }
  .section-controlIndex-content .panelslide-wrapper {
    width: 100%;
    height: 600px;
    position: relative; }
    @media screen and (max-width: 750px) {
      .section-controlIndex-content .panelslide-wrapper {
        height: 700px; } }
    .section-controlIndex-content .panelslide-wrapper .box-contentarea {
      position: absolute;
      width: 90%;
      height: 100%;
      top: 0;
      right: 0;
      z-index: 999; }
      @media screen and (max-width: 750px) {
        .section-controlIndex-content .panelslide-wrapper .box-contentarea {
          width: 100%; } }
      .section-controlIndex-content .panelslide-wrapper .box-contentarea .title-wrap {
        width: 100%;
        margin: 50px 0 30px auto;
        color: #fff;
        font-weight: 600;
        font-size: 2.5em; }
        @media screen and (max-width: 750px) {
          .section-controlIndex-content .panelslide-wrapper .box-contentarea .title-wrap {
            margin: 0;
            padding: 20px;
            box-sizing: border-box; } }
        .section-controlIndex-content .panelslide-wrapper .box-contentarea .title-wrap .title-ja {
          border-bottom: 2px solid #fff;
          padding-bottom: 10px;
          line-height: 1.2em; }
        .section-controlIndex-content .panelslide-wrapper .box-contentarea .title-wrap .title-en {
          margin-top: 10px; }
    .section-controlIndex-content .panelslide-wrapper .box-description {
      width: 50%;
      margin: 30px 30px 30px 0;
      padding: 20px;
      background-color: rgba(255, 255, 255, 0.8); }
      @media screen and (max-width: 750px) {
        .section-controlIndex-content .panelslide-wrapper .box-description {
          width: 85%;
          margin: 0 auto;
          box-sizing: border-box; } }
      .section-controlIndex-content .panelslide-wrapper .box-description .lead {
        font-weight: 600;
        font-size: 1.5em; }
      .section-controlIndex-content .panelslide-wrapper .box-description .text {
        margin-top: 20px; }
    .section-controlIndex-content .panelslide-wrapper .link-wrapper {
      width: 250px;
      margin: 0 50px 0 auto; }
      @media screen and (max-width: 750px) {
        .section-controlIndex-content .panelslide-wrapper .link-wrapper {
          margin: 50px auto; } }
    .section-controlIndex-content .panelslide-wrapper .swiper-container {
      height: 100%; }
    .section-controlIndex-content .panelslide-wrapper .swiper-container2 {
      height: 100%; }
    .section-controlIndex-content .panelslide-wrapper .swiper-slide img {
      width: 100%;
      height: 100%;
      object-fit: cover; }
  .section-controlIndex-content .panelslide-wrapper-system {
    width: 1150px;
    margin: 0 auto 50px; }
    @media screen and (max-width: 750px) {
      .section-controlIndex-content .panelslide-wrapper-system {
        width: 100%; } }
    .section-controlIndex-content .panelslide-wrapper-system .swiper-container4 {
      height: 100%; }
    .section-controlIndex-content .panelslide-wrapper-system .swiper-slide {
      position: relative;
      height: auto;
      background-color: #fff; }
      .section-controlIndex-content .panelslide-wrapper-system .swiper-slide .slide-inner {
        height: 100%; }
      .section-controlIndex-content .panelslide-wrapper-system .swiper-slide .slide-textbox {
        position: absolute;
        top: 30px;
        left: 30px;
        width: 50%;
        padding: 15px;
        background-color: rgba(255, 255, 255, 0.8); }
        @media screen and (max-width: 750px) {
          .section-controlIndex-content .panelslide-wrapper-system .swiper-slide .slide-textbox {
            width: 80%;
            background-color: #fff;
            position: relative;
            top: 0px;
            left: 0px;
            padding-bottom: 3em; } }
        .section-controlIndex-content .panelslide-wrapper-system .swiper-slide .slide-textbox h4 {
          margin-top: 0;
          margin-bottom: 20px;
          font-size: 1.5em; }
        .section-controlIndex-content .panelslide-wrapper-system .swiper-slide .slide-textbox .list {
          font-size: 1.1em; }
  .section-controlIndex-content .panel-wrapper {
    display: flex;
    margin-bottom: 100px; }
    @media screen and (max-width: 750px) {
      .section-controlIndex-content .panel-wrapper {
        display: block; } }
    .section-controlIndex-content .panel-wrapper .text {
      margin-right: 30px;
      width: calc(100% - 350px); }
      @media screen and (max-width: 750px) {
        .section-controlIndex-content .panel-wrapper .text {
          width: 100%;
          margin-right: 0; } }
      .section-controlIndex-content .panel-wrapper .text .box-panel {
        margin-bottom: 30px; }
        .section-controlIndex-content .panel-wrapper .text .box-panel h4 {
          color: #00c0ff;
          font-size: 1.2em;
          margin-bottom: 10px; }
    .section-controlIndex-content .panel-wrapper .img {
      width: 320px; }
      @media screen and (max-width: 750px) {
        .section-controlIndex-content .panel-wrapper .img {
          width: 100%;
          text-align: center; } }
      .section-controlIndex-content .panel-wrapper .img img {
        width: 100%; }
        @media screen and (max-width: 750px) {
          .section-controlIndex-content .panel-wrapper .img img {
            width: 80%; } }
  .section-controlIndex-content.mt-small {
    margin-top: 0px; }

/*Security*/
.section-securityIndex-content {
  width: 100%;
  margin: 100px 0; }
  .section-securityIndex-content .content-inner {
    width: 1150px;
    margin: 0 auto; }
    @media screen and (max-width: 750px) {
      .section-securityIndex-content .content-inner {
        width: 100%;
        padding: 0 10px;
        box-sizing: border-box; } }
    .section-securityIndex-content .content-inner h2 {
      font-size: 1.5em;
      color: #fff;
      background-color: #0078af;
      padding: 10px; }
    .section-securityIndex-content .content-inner .security-list-wrap {
      display: flex;
      flex-wrap: wrap;
      justify-content: center; }
      .section-securityIndex-content .content-inner .security-list-wrap .list-panel {
        width: 400px;
        height: 100px;
        margin: 10px; }
        @media screen and (max-width: 750px) {
          .section-securityIndex-content .content-inner .security-list-wrap .list-panel {
            width: 100%;
            margin: 0;
            padding: 10px;
            box-sizing: border-box; } }
        .section-securityIndex-content .content-inner .security-list-wrap .list-panel a {
          width: 100%;
          height: 100%;
          display: inline-block;
          line-height: 100px;
          border: 2px solid #00c0ff;
          transition: 0.3s;
          background-color: #fff;
          text-align: center;
          font-size: 1.2em;
          font-weight: 600;
          color: unset; }
          @media screen and (max-width: 750px) {
            .section-securityIndex-content .content-inner .security-list-wrap .list-panel a {
              line-height: 80px; } }
          .section-securityIndex-content .content-inner .security-list-wrap .list-panel a:hover {
            background-color: #00c0ff;
            color: #fff; }
    .section-securityIndex-content .content-inner .solar-wrapper {
      display: flex;
      justify-content: center;
      margin-top: 30px; }
      @media screen and (max-width: 750px) {
        .section-securityIndex-content .content-inner .solar-wrapper {
          display: block; } }
      .section-securityIndex-content .content-inner .solar-wrapper .solar-panel {
        width: 50%;
        padding: 20px;
        box-sizing: border-box; }
        @media screen and (max-width: 750px) {
          .section-securityIndex-content .content-inner .solar-wrapper .solar-panel {
            width: 100%; } }
        .section-securityIndex-content .content-inner .solar-wrapper .solar-panel .text {
          margin-bottom: 20px; }
    .section-securityIndex-content .content-inner .fullphoto {
      margin-top: 50px;
      margin-bottom: 50px; }
      .section-securityIndex-content .content-inner .fullphoto img {
        width: 100%; }
    .section-securityIndex-content .content-inner .box-mieruka {
      width: 800px;
      margin: 50px auto 100px; }
      @media screen and (max-width: 750px) {
        .section-securityIndex-content .content-inner .box-mieruka {
          width: 100%; } }
      .section-securityIndex-content .content-inner .box-mieruka .mieruka-panel {
        border: 3px solid #00c0ff;
        display: flex;
        margin: 20px 0;
        position: relative; }
        @media screen and (max-width: 750px) {
          .section-securityIndex-content .content-inner .box-mieruka .mieruka-panel {
            display: block; } }
        .section-securityIndex-content .content-inner .box-mieruka .mieruka-panel:after {
          position: absolute;
          content: "";
          width: 9px;
          height: 9px;
          background-image: url(../img/common/arrow-blue.png);
          bottom: 5px;
          right: 5px; }
        .section-securityIndex-content .content-inner .box-mieruka .mieruka-panel .img {
          width: 200px;
          height: 150px; }
          @media screen and (max-width: 750px) {
            .section-securityIndex-content .content-inner .box-mieruka .mieruka-panel .img {
              width: 100%;
              height: 200px; } }
          .section-securityIndex-content .content-inner .box-mieruka .mieruka-panel .img img {
            width: 100%;
            height: 100%;
            object-fit: cover; }
        .section-securityIndex-content .content-inner .box-mieruka .mieruka-panel .text {
          padding: 20px; }
          .section-securityIndex-content .content-inner .box-mieruka .mieruka-panel .text .title {
            font-size: 1.5em;
            color: #00c0ff; }
          .section-securityIndex-content .content-inner .box-mieruka .mieruka-panel .text .description-text {
            margin-top: 20px; }
    .section-securityIndex-content .content-inner .box-achieve .archive-photo {
      display: flex;
      justify-content: center;
      margin-top: 30px; }
      @media screen and (max-width: 750px) {
        .section-securityIndex-content .content-inner .box-achieve .archive-photo {
          flex-wrap: wrap; } }
      .section-securityIndex-content .content-inner .box-achieve .archive-photo .archive {
        width: 400px;
        text-align: center;
        margin: 20px; }
        @media screen and (max-width: 750px) {
          .section-securityIndex-content .content-inner .box-achieve .archive-photo .archive {
            width: 100%; } }
        .section-securityIndex-content .content-inner .box-achieve .archive-photo .archive img {
          width: 100%;
          height: auto;
          margin-bottom: 10px; }
    .section-securityIndex-content .content-inner .box-achieve .fs-large {
      font-size: 1.2em; }

/*SERVICE*/
.section-serviceIndex-content {
  width: 100%;
  margin: 100px 0; }
  .section-serviceIndex-content .service-localnav {
    background-image: url(../img/service/back.png);
    color: #fff;
    padding: 30px 0 0;
    margin-top: 50px; }
    .section-serviceIndex-content .service-localnav h2 {
      text-align: center;
      font-size: 1.8em;
      font-weight: 600;
      letter-spacing: 0.3em; }
      @media screen and (max-width: 750px) {
        .section-serviceIndex-content .service-localnav h2 {
          letter-spacing: 0.1em; } }
    .section-serviceIndex-content .service-localnav .back-grade {
      background: linear-gradient(to right, #2aa4c7, #f3f3dc);
      padding-top: 30px;
      margin-top: 30px; }
    .section-serviceIndex-content .service-localnav .nav-3clumn {
      width: 1150px;
      margin: 0 auto;
      display: flex;
      justify-content: space-between;
      margin-top: 30px; }
      @media screen and (max-width: 750px) {
        .section-serviceIndex-content .service-localnav .nav-3clumn {
          flex-wrap: wrap;
          width: 100%;
          padding: 0 10px;
          box-sizing: border-box; } }
      .section-serviceIndex-content .service-localnav .nav-3clumn .panel {
        width: 350px; }
        @media screen and (max-width: 750px) {
          .section-serviceIndex-content .service-localnav .nav-3clumn .panel {
            width: 100%;
            margin-bottom: 30px; } }
        .section-serviceIndex-content .service-localnav .nav-3clumn .panel .img {
          width: 100%; }
          @media screen and (max-width: 750px) {
            .section-serviceIndex-content .service-localnav .nav-3clumn .panel .img {
              text-align: center; } }
          .section-serviceIndex-content .service-localnav .nav-3clumn .panel .img img {
            width: 100%;
            height: auto; }
            @media screen and (max-width: 750px) {
              .section-serviceIndex-content .service-localnav .nav-3clumn .panel .img img {
                width: 90%;
                height: 200px;
                object-fit: cover; } }
        .section-serviceIndex-content .service-localnav .nav-3clumn .panel .title {
          font-size: 1.8em;
          text-align: center;
          margin-top: 10px;
          font-weight: 600; }
          @media screen and (max-width: 750px) {
            .section-serviceIndex-content .service-localnav .nav-3clumn .panel .title {
              font-size: 1.5em; } }
          .section-serviceIndex-content .service-localnav .nav-3clumn .panel .title span {
            font-size: 0.5em;
            display: block; }
        .section-serviceIndex-content .service-localnav .nav-3clumn .panel .link {
          width: 200px;
          height: 60px;
          margin: 30px auto; }
          @media screen and (max-width: 750px) {
            .section-serviceIndex-content .service-localnav .nav-3clumn .panel .link {
              margin: 0 auto; } }
          .section-serviceIndex-content .service-localnav .nav-3clumn .panel .link a {
            width: 100%;
            height: 100%;
            display: block;
            border: 1px solid #d5d5d5;
            text-align: center;
            line-height: 60px;
            transition: 0.3s;
            position: relative;
            color: #00c0ff;
            background-color: #fff; }
            .section-serviceIndex-content .service-localnav .nav-3clumn .panel .link a:after {
              position: absolute;
              content: "";
              width: 9px;
              height: 9px;
              background-image: url(../img/common/arrow-blue.png);
              bottom: 5px;
              right: 5px; }
            .section-serviceIndex-content .service-localnav .nav-3clumn .panel .link a:hover {
              opacity: 0.8; }
  .section-serviceIndex-content .content-inner {
    width: 1150px;
    margin: 0 auto; }
    @media screen and (max-width: 750px) {
      .section-serviceIndex-content .content-inner {
        width: 100%;
        padding: 0 10px;
        box-sizing: border-box; } }
    .section-serviceIndex-content .content-inner h2 {
      text-align: center;
      font-size: 1.8em;
      font-weight: 600;
      letter-spacing: 0.3em; }
      @media screen and (max-width: 750px) {
        .section-serviceIndex-content .content-inner h2 {
          letter-spacing: 0.1em; } }
    .section-serviceIndex-content .content-inner .description {
      width: 900px;
      margin: 50px auto 50px; }
      @media screen and (max-width: 750px) {
        .section-serviceIndex-content .content-inner .description {
          width: 100%; } }
    .section-serviceIndex-content .content-inner .box-service {
      padding-top: 100px; }
      .section-serviceIndex-content .content-inner .box-service .flow-cont {
        display: flex;
        width: 900px;
        margin: 20px auto; }
        @media screen and (max-width: 750px) {
          .section-serviceIndex-content .content-inner .box-service .flow-cont {
            width: 100%;
            flex-wrap: wrap; } }
        .section-serviceIndex-content .content-inner .box-service .flow-cont .box-number {
          padding: 10px; }
          .section-serviceIndex-content .content-inner .box-service .flow-cont .box-number .flow {
            color: #0078af;
            font-size: 1em;
            font-weight: 600; }
          .section-serviceIndex-content .content-inner .box-service .flow-cont .box-number .number {
            font-size: 4.2em;
            color: #e7e7e7;
            font-weight: 900;
            line-height: 0.8em;
            position: relative; }
            .section-serviceIndex-content .content-inner .box-service .flow-cont .box-number .number:after {
              position: absolute;
              content: "";
              border: 6px solid transparent;
              border-top: 7px solid #00c0ff;
              bottom: -40px;
              left: 0.5em; }
        .section-serviceIndex-content .content-inner .box-service .flow-cont .box-title {
          font-weight: 900;
          font-size: 2.5em;
          width: 170px;
          text-align: center;
          padding: 45px 0; }
          @media screen and (max-width: 750px) {
            .section-serviceIndex-content .content-inner .box-service .flow-cont .box-title {
              width: unset;
              font-size: 1.8em;
              padding: 45px 10px; } }
        .section-serviceIndex-content .content-inner .box-service .flow-cont .fs-small {
          font-size: 1.5em;
          line-height: 1.2em;
          padding: 35px 0; }
          @media screen and (max-width: 750px) {
            .section-serviceIndex-content .content-inner .box-service .flow-cont .fs-small {
              padding: 35px 10px; } }
        .section-serviceIndex-content .content-inner .box-service .flow-cont .box-text {
          margin-top: 35px;
          width: 630px; }
          @media screen and (max-width: 750px) {
            .section-serviceIndex-content .content-inner .box-service .flow-cont .box-text {
              width: 100%;
              margin-top: 15px; } }
      .section-serviceIndex-content .content-inner .box-service .border-lightblue {
        position: relative; }
        .section-serviceIndex-content .content-inner .box-service .border-lightblue:before {
          position: absolute;
          content: "";
          width: 800px;
          height: 1px;
          background-color: #00c0ff;
          right: 0px;
          top: 22px; }
          @media screen and (max-width: 750px) {
            .section-serviceIndex-content .content-inner .box-service .border-lightblue:before {
              width: 80%; } }
        .section-serviceIndex-content .content-inner .box-service .border-lightblue:after {
          position: absolute;
          content: "";
          width: 10px;
          height: 10px;
          background-color: #00c0ff;
          right: 0;
          top: 17px; }
      .section-serviceIndex-content .content-inner .box-service .border-blue {
        position: relative; }
        .section-serviceIndex-content .content-inner .box-service .border-blue:before {
          position: absolute;
          content: "";
          width: 800px;
          height: 1px;
          background-color: #0078af;
          right: 0px;
          top: 22px; }
          @media screen and (max-width: 750px) {
            .section-serviceIndex-content .content-inner .box-service .border-blue:before {
              width: 80%; } }
        .section-serviceIndex-content .content-inner .box-service .border-blue:after {
          position: absolute;
          content: "";
          width: 10px;
          height: 10px;
          background-color: #0078af;
          right: 0;
          top: 17px; }
      .section-serviceIndex-content .content-inner .box-service .mt-80 {
        margin-top: 80px; }
      .section-serviceIndex-content .content-inner .box-service .lightblue {
        color: #00c0ff; }
      .section-serviceIndex-content .content-inner .box-service .blue {
        color: #0078af;
        background-color: unset !important; }
      .section-serviceIndex-content .content-inner .box-service .undertake-photo {
        display: flex;
        justify-content: center; }
        @media screen and (max-width: 750px) {
          .section-serviceIndex-content .content-inner .box-service .undertake-photo {
            flex-wrap: wrap; } }
        .section-serviceIndex-content .content-inner .box-service .undertake-photo img {
          width: 400px;
          margin: 20px; }
          @media screen and (max-width: 750px) {
            .section-serviceIndex-content .content-inner .box-service .undertake-photo img {
              width: 100%;
              margin: 20px 0px; } }
      .section-serviceIndex-content .content-inner .box-service .after-photo {
        text-align: center; }
        .section-serviceIndex-content .content-inner .box-service .after-photo img {
          width: 80%; }
          @media screen and (max-width: 750px) {
            .section-serviceIndex-content .content-inner .box-service .after-photo img {
              width: 100%; } }

/*RECRUIT*/
.section-recruitIndex-content {
  width: 100%;
  margin: 100px 0; }
  .section-recruitIndex-content .content-inner {
    width: 1150px;
    margin: 0 auto; }
    @media screen and (max-width: 750px) {
      .section-recruitIndex-content .content-inner {
        width: 100%;
        padding: 0 10px;
        box-sizing: border-box; } }
    .section-recruitIndex-content .content-inner h2 {
      text-align: center;
      font-size: 1.8em;
      font-weight: 600;
      letter-spacing: 0.3em; }
      @media screen and (max-width: 750px) {
        .section-recruitIndex-content .content-inner h2 {
          letter-spacing: 0.1em; } }
    .section-recruitIndex-content .content-inner .description {
      width: 900px;
      margin: 50px auto 50px; }
      @media screen and (max-width: 750px) {
        .section-recruitIndex-content .content-inner .description {
          width: 100%; } }
    .section-recruitIndex-content .content-inner .two-clumn {
      display: flex;
      margin: 50px auto 50px;
      width: 900px; }
      @media screen and (max-width: 750px) {
        .section-recruitIndex-content .content-inner .two-clumn {
          width: 100%;
          display: block; } }
      .section-recruitIndex-content .content-inner .two-clumn .img-two {
        width: 350px;
        padding-right: 20px;
        box-sizing: border-box; }
        @media screen and (max-width: 750px) {
          .section-recruitIndex-content .content-inner .two-clumn .img-two {
            width: 100%;
            text-align: center;
            padding-right: 0px; } }
        .section-recruitIndex-content .content-inner .two-clumn .img-two img {
          width: 100%; }
          @media screen and (max-width: 750px) {
            .section-recruitIndex-content .content-inner .two-clumn .img-two img {
              max-width: 300px; } }
      .section-recruitIndex-content .content-inner .two-clumn .description-two {
        width: 600px;
        box-sizing: border-box; }
        @media screen and (max-width: 750px) {
          .section-recruitIndex-content .content-inner .two-clumn .description-two {
            width: 100%; } }
    .section-recruitIndex-content .content-inner .recruit-nav {
      display: flex;
      justify-content: center;
      flex-wrap: wrap; }
      .section-recruitIndex-content .content-inner .recruit-nav li {
        width: 250px;
        height: 60px;
        margin: 50px 10px 0px; }
        @media screen and (max-width: 750px) {
          .section-recruitIndex-content .content-inner .recruit-nav li {
            width: 80%;
            margin: 10px 10px 0px; } }
        .section-recruitIndex-content .content-inner .recruit-nav li a {
          color: #0078af;
          display: block;
          width: 100%;
          height: 100%;
          background-color: #fff;
          transition: 0.3s;
          position: relative;
          text-align: center;
          line-height: 60px;
          border: 1px solid #0078af; }
          .section-recruitIndex-content .content-inner .recruit-nav li a:after {
            position: absolute;
            content: "";
            background-image: url(../img/common/arrow-blue.png);
            width: 9px;
            height: 9px;
            right: 2px;
            bottom: 2px; }
          .section-recruitIndex-content .content-inner .recruit-nav li a:hover {
            background-color: #0078af;
            color: #fff; }
    .section-recruitIndex-content .content-inner .occupation-panel {
      padding: 5px;
      box-sizing: border-box; }
      @media screen and (max-width: 750px) {
        .section-recruitIndex-content .content-inner .occupation-panel {
          margin: 20px 0; } }
      .section-recruitIndex-content .content-inner .occupation-panel .img {
        width: 100%; }
        .section-recruitIndex-content .content-inner .occupation-panel .img img {
          width: 100%; }
      .section-recruitIndex-content .content-inner .occupation-panel h3 {
        font-size: 1.3em;
        font-weight: 600;
        text-align: center;
        margin: 10px 0; }
      .section-recruitIndex-content .content-inner .occupation-panel .text {
        text-align: center; }
    .section-recruitIndex-content .content-inner .box-industry {
      display: flex;
      justify-content: space-between; }
      @media screen and (max-width: 750px) {
        .section-recruitIndex-content .content-inner .box-industry {
          display: block; } }
      .section-recruitIndex-content .content-inner .box-industry .industry-panel {
        width: 33%;
        padding: 10px;
        box-sizing: border-box; }
        @media screen and (max-width: 750px) {
          .section-recruitIndex-content .content-inner .box-industry .industry-panel {
            width: 100%; } }
        .section-recruitIndex-content .content-inner .box-industry .industry-panel .img {
          width: 100%; }
          .section-recruitIndex-content .content-inner .box-industry .industry-panel .img img {
            width: 100%; }
        .section-recruitIndex-content .content-inner .box-industry .industry-panel h3 {
          font-size: 1.7em;
          font-weight: 600;
          text-align: center;
          margin: 10px 0; }
        .section-recruitIndex-content .content-inner .box-industry .industry-panel .industry-text {
          text-align: center; }
    .section-recruitIndex-content .content-inner .box-date {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
      align-items: stretch; }
      @media screen and (max-width: 750px) {
        .section-recruitIndex-content .content-inner .box-date {
          display: block; } }
      .section-recruitIndex-content .content-inner .box-date .panel-date {
        width: 30%;
        padding: 20px;
        box-sizing: border-box;
        display: table;
        border: 1px solid #00c0ff;
        margin: 20px auto; }
        @media screen and (max-width: 750px) {
          .section-recruitIndex-content .content-inner .box-date .panel-date {
            width: 100%; } }
        .section-recruitIndex-content .content-inner .box-date .panel-date .panel-inner {
          position: relative;
          color: unset;
          width: 100%;
          box-sizing: border-box;
          transition: 0.3s; }
          .section-recruitIndex-content .content-inner .box-date .panel-date .panel-inner h4 {
            font-size: 1.3em;
            margin-left: 110px; }
            .section-recruitIndex-content .content-inner .box-date .panel-date .panel-inner h4 .fs08 {
              font-size: 0.7em; }
          .section-recruitIndex-content .content-inner .box-date .panel-date .panel-inner .number {
            font-size: 5em;
            font-weight: 900;
            color: #0078af;
            text-align: right;
            line-height: 0.2em; }
            .section-recruitIndex-content .content-inner .box-date .panel-date .panel-inner .number .unit {
              font-size: 0.5em;
              display: inline-block; }
            .section-recruitIndex-content .content-inner .box-date .panel-date .panel-inner .number .pretext {
              font-size: 0.4em;
              color: unset;
              display: inline-block; }
          .section-recruitIndex-content .content-inner .box-date .panel-date .panel-inner .danjyo {
            display: flex;
            justify-content: flex-end; }
            .section-recruitIndex-content .content-inner .box-date .panel-date .panel-inner .danjyo .number {
              font-size: 3em;
              font-weight: 900;
              color: #0078af; }
              .section-recruitIndex-content .content-inner .box-date .panel-date .panel-inner .danjyo .number .unit {
                font-size: 0.5em;
                display: inline-block; }
              .section-recruitIndex-content .content-inner .box-date .panel-date .panel-inner .danjyo .number .pretext {
                font-size: 0.4em;
                color: unset;
                display: inline-block; }
          .section-recruitIndex-content .content-inner .box-date .panel-date .panel-inner .fs-small {
            text-align: right;
            font-size: 0.8em; }
      .section-recruitIndex-content .content-inner .box-date .date01 {
        position: relative; }
        .section-recruitIndex-content .content-inner .box-date .date01:after {
          content: "";
          position: absolute;
          width: 110px;
          height: 110px;
          background-image: url(../img/recruit/recruit-icon01.jpg);
          background-repeat: no-repeat;
          background-size: contain;
          top: 42px;
          left: 20px;
          z-index: -1; }
      .section-recruitIndex-content .content-inner .box-date .date02 {
        position: relative; }
        .section-recruitIndex-content .content-inner .box-date .date02:after {
          content: "";
          position: absolute;
          width: 110px;
          height: 110px;
          background-image: url(../img/recruit/recruit-icon02.jpg);
          background-repeat: no-repeat;
          background-size: contain;
          top: 40px;
          left: 10px;
          z-index: -1; }
      .section-recruitIndex-content .content-inner .box-date .date03 {
        position: relative; }
        .section-recruitIndex-content .content-inner .box-date .date03:after {
          content: "";
          position: absolute;
          width: 110px;
          height: 110px;
          background-image: url(../img/recruit/recruit-icon03.jpg);
          background-repeat: no-repeat;
          background-size: contain;
          top: 27px;
          left: 10px;
          z-index: -1; }
      .section-recruitIndex-content .content-inner .box-date .date04 {
        position: relative; }
        .section-recruitIndex-content .content-inner .box-date .date04:after {
          content: "";
          position: absolute;
          width: 110px;
          height: 110px;
          background-image: url(../img/recruit/recruit-icon04.jpg);
          background-repeat: no-repeat;
          background-size: contain;
          top: 45px;
          left: 20px;
          z-index: -1; }
      .section-recruitIndex-content .content-inner .box-date .date05 {
        position: relative; }
        .section-recruitIndex-content .content-inner .box-date .date05:after {
          content: "";
          position: absolute;
          width: 110px;
          height: 110px;
          background-image: url(../img/recruit/recruit-icon05.jpg);
          background-repeat: no-repeat;
          background-size: contain;
          top: 36px;
          left: 10px;
          z-index: -1; }
      .section-recruitIndex-content .content-inner .box-date .date06 {
        position: relative; }
        .section-recruitIndex-content .content-inner .box-date .date06:after {
          content: "";
          position: absolute;
          width: 110px;
          height: 110px;
          background-image: url(../img/recruit/recruit-icon06.jpg);
          background-repeat: no-repeat;
          background-size: contain;
          top: 30px;
          left: 15px;
          z-index: -1; }
    .section-recruitIndex-content .content-inner .panel-secpai {
      padding: 20px;
      box-sizing: border-box; }
      @media screen and (max-width: 750px) {
        .section-recruitIndex-content .content-inner .panel-secpai {
          margin: 25px 0; } }
      .section-recruitIndex-content .content-inner .panel-secpai .img {
        width: 100%; }
        .section-recruitIndex-content .content-inner .panel-secpai .img img {
          width: 100%; }
      .section-recruitIndex-content .content-inner .panel-secpai .year {
        text-align: center; }
      .section-recruitIndex-content .content-inner .panel-secpai h3 {
        text-align: center;
        font-size: 1.2em;
        margin: 0; }
    .section-recruitIndex-content .content-inner .link-box-2clumn {
      display: flex;
      justify-content: space-around;
      margin: 50px 0; }
      @media screen and (max-width: 750px) {
        .section-recruitIndex-content .content-inner .link-box-2clumn {
          display: block; } }
      .section-recruitIndex-content .content-inner .link-box-2clumn .linkbox {
        width: 480px;
        display: table;
        height: 120px; }
        @media screen and (max-width: 750px) {
          .section-recruitIndex-content .content-inner .link-box-2clumn .linkbox {
            width: 100%;
            margin: 20px 0; } }
        .section-recruitIndex-content .content-inner .link-box-2clumn .linkbox a {
          width: 100%;
          height: 100%;
          display: table-cell;
          vertical-align: middle;
          text-align: center;
          border: 1px solid #00c0ff;
          position: relative;
          color: unset;
          transition: 0.3x; }
          .section-recruitIndex-content .content-inner .link-box-2clumn .linkbox a h4 {
            font-size: 1.3em; }
          .section-recruitIndex-content .content-inner .link-box-2clumn .linkbox a .link {
            position: absolute;
            right: 2em;
            bottom: 6px;
            font-size: 1em;
            color: #00c0ff; }
            .section-recruitIndex-content .content-inner .link-box-2clumn .linkbox a .link:after {
              content: "";
              position: absolute;
              bottom: 7px;
              right: -16px;
              width: 9px;
              height: 9px;
              background-image: url(../img/common/arrow-blue.png); }
          .section-recruitIndex-content .content-inner .link-box-2clumn .linkbox a:hover {
            border: 1px solid #00a0e9; }
    .section-recruitIndex-content .content-inner .industory-photo {
      display: flex;
      flex-wrap: wrap;
      justify-content: center; }
      .section-recruitIndex-content .content-inner .industory-photo div {
        padding: 20px;
        width: 30%;
        box-sizing: border-box; }
        @media screen and (max-width: 750px) {
          .section-recruitIndex-content .content-inner .industory-photo div {
            width: 90%; } }
        .section-recruitIndex-content .content-inner .industory-photo div img {
          width: 100%;
          height: auto; }
    .section-recruitIndex-content .content-inner .staff-lead {
      font-size: 1.5em;
      font-weight: 600; }
    .section-recruitIndex-content .content-inner .box-staffvoice {
      display: flex; }
      @media screen and (max-width: 750px) {
        .section-recruitIndex-content .content-inner .box-staffvoice {
          flex-direction: column-reverse; } }
      .section-recruitIndex-content .content-inner .box-staffvoice .voice-wrapper {
        width: 60%;
        box-sizing: border-box;
        padding: 20px; }
        @media screen and (max-width: 750px) {
          .section-recruitIndex-content .content-inner .box-staffvoice .voice-wrapper {
            width: 100%;
            padding: 10px 20px; } }
        .section-recruitIndex-content .content-inner .box-staffvoice .voice-wrapper .tabgroup {
          width: 100%;
          margin: auto;
          margin-bottom: 30px;
          margin-top: 30px; }
        .section-recruitIndex-content .content-inner .box-staffvoice .voice-wrapper .tabnav {
          margin: auto;
          display: flex;
          border-bottom: 1px solid #fdcd00; }
          .section-recruitIndex-content .content-inner .box-staffvoice .voice-wrapper .tabnav li {
            width: 50%;
            display: block;
            box-sizing: border-box; }
            .section-recruitIndex-content .content-inner .box-staffvoice .voice-wrapper .tabnav li a {
              display: block;
              width: 100%;
              background: #fff;
              color: unset;
              text-decoration: none;
              height: 50px;
              line-height: 50px;
              padding-left: 10px;
              box-sizing: border-box; }
              @media screen and (max-width: 750px) {
                .section-recruitIndex-content .content-inner .box-staffvoice .voice-wrapper .tabnav li a {
                  font-size: 0.7em; } }
        .section-recruitIndex-content .content-inner .box-staffvoice .voice-wrapper .tabnav li.active a {
          background: #fdcd00;
          color: #fff; }
        .section-recruitIndex-content .content-inner .box-staffvoice .voice-wrapper .tabcontent {
          padding: 10px;
          border: 1px dotted #ccc; }
          .section-recruitIndex-content .content-inner .box-staffvoice .voice-wrapper .tabcontent .tabcontent_list {
            display: none; }
        .section-recruitIndex-content .content-inner .box-staffvoice .voice-wrapper .tabcontent .tabcontent_list.show {
          display: block; }
      .section-recruitIndex-content .content-inner .box-staffvoice .img {
        width: 40%;
        box-sizing: border-box;
        padding: 20px; }
        @media screen and (max-width: 750px) {
          .section-recruitIndex-content .content-inner .box-staffvoice .img {
            width: 100%;
            padding: 10px 20px; } }
        .section-recruitIndex-content .content-inner .box-staffvoice .img img {
          width: 100%;
          height: auto; }
  .section-recruitIndex-content .under-line {
    border-bottom: 1px solid #00a0e9;
    padding-bottom: 100px; }
  .section-recruitIndex-content .box-mynavi {
    text-align: center;
    margin-top: 30px; }

.back-grey {
  background-color: #f7f7f7;
  padding: 40px 0; }

.blue {
  background-color: #00a0e9;
  color: #fff;
  padding: 50px 0; }

.ta-right {
  text-align: right; }

.mt-50 {
  margin-top: 50px; }

.section-lowcontent {
  width: 1150px;
  margin: 100px auto; }
  @media screen and (max-width: 750px) {
    .section-lowcontent {
      width: 100%;
      padding: 0 10px;
      box-sizing: border-box; } }
  .section-lowcontent h2 {
    font-size: 1.5em;
    color: #fff;
    background-color: #0078af;
    padding: 10px; }
  .section-lowcontent h3 {
    font-size: 1.2em;
    font-weight: 600;
    border-bottom: 1px solid #ccc;
    padding-left: 5px;
    padding-bottom: 5px;
    margin-bottom: 10px;
    margin-top: 30px; }
  .section-lowcontent h4 {
    font-size: 1.1em;
    font-weight: 600;
    margin-bottom: 10px; }
  .section-lowcontent .profile-table {
    display: flex;
    border-bottom: 1px solid #ccc;
    width: 900px;
    margin: 0px auto 10px;
    padding-bottom: 10px; }
    @media screen and (max-width: 750px) {
      .section-lowcontent .profile-table {
        width: 100%;
        display: block; } }
    .section-lowcontent .profile-table dt {
      width: 200px;
      font-weight: 600; }
      @media screen and (max-width: 750px) {
        .section-lowcontent .profile-table dt {
          width: 100%;
          margin-bottom: 10px; } }
    .section-lowcontent .profile-table dd .boardmember {
      display: flex; }
      .section-lowcontent .profile-table dd .boardmember .name {
        padding-left: 20px; }
  .section-lowcontent .profile-image {
    display: flex;
    justify-content: center;
    margin-top: 50px; }
    @media screen and (max-width: 750px) {
      .section-lowcontent .profile-image {
        display: block;
        text-align: center; } }
    .section-lowcontent .profile-image img {
      margin: 10px; }
  .section-lowcontent .history-table {
    display: flex;
    border-bottom: 1px solid #ccc;
    width: 900px;
    margin: 0px auto 10px;
    padding-bottom: 10px; }
    @media screen and (max-width: 750px) {
      .section-lowcontent .history-table {
        width: 100%;
        display: block; } }
    .section-lowcontent .history-table dt {
      width: 200px;
      font-weight: 600; }
      @media screen and (max-width: 750px) {
        .section-lowcontent .history-table dt {
          width: 100%;
          margin-bottom: 10px; } }
    @media screen and (max-width: 750px) {
      .section-lowcontent .history-table dd {
        margin-left: 0; } }
  .section-lowcontent .ir-list {
    margin: 50px 0; }
    .section-lowcontent .ir-list dl {
      display: flex; }
      @media screen and (max-width: 750px) {
        .section-lowcontent .ir-list dl {
          display: block; } }
      .section-lowcontent .ir-list dl dt {
        position: relative;
        padding-left: 15px;
        width: 250px; }
        @media screen and (max-width: 750px) {
          .section-lowcontent .ir-list dl dt {
            width: unset; } }
        .section-lowcontent .ir-list dl dt:before {
          position: absolute;
          content: "";
          width: 10px;
          height: 10px;
          background-color: #00c0ff;
          top: 7px;
          left: 0px; }
      @media screen and (max-width: 750px) {
        .section-lowcontent .ir-list dl dd {
          margin-left: 1em; } }
      .section-lowcontent .ir-list dl dd a {
        color: #0078af;
        transition: 0.3s; }
        .section-lowcontent .ir-list dl dd a:hover {
          opacity: 0.8; }
    .section-lowcontent .ir-list .box-adobe {
      margin-top: 50px; }
  .section-lowcontent .table-group {
    display: flex;
    border-bottom: 1px solid #ccc;
    margin: 10px auto 10px;
    padding: 10px 20px; }
    @media screen and (max-width: 750px) {
      .section-lowcontent .table-group {
        width: 100%;
        display: block;
        box-sizing: border-box; } }
    .section-lowcontent .table-group dt {
      width: 200px; }
      @media screen and (max-width: 750px) {
        .section-lowcontent .table-group dt {
          width: 100%;
          margin-bottom: 10px; } }
      .section-lowcontent .table-group dt a {
        color: #0078af;
        transition: 0.3s; }
        .section-lowcontent .table-group dt a:hover {
          opacity: 0.8; }
    @media screen and (max-width: 750px) {
      .section-lowcontent .table-group dd {
        margin-left: 0; } }
  .section-lowcontent .googlemap {
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative; }
    .section-lowcontent .googlemap iframe {
      position: absolute;
      left: 0;
      top: 0;
      height: 100%;
      width: 100%; }
  .section-lowcontent .access-image {
    display: flex;
    margin-top: 10px;
    margin-bottom: 100px; }
    @media screen and (max-width: 750px) {
      .section-lowcontent .access-image {
        display: block; } }
    .section-lowcontent .access-image img {
      margin: 10px; }
  .section-lowcontent .box-recruit .new-graduate-lead {
    margin-bottom: 30px; }
    .section-lowcontent .box-recruit .new-graduate-lead ul {
      margin-left: 1em; }
      .section-lowcontent .box-recruit .new-graduate-lead ul li {
        list-style: disc; }
  .section-lowcontent .box-recruit .recruit-table {
    border-collapse: collapse;
    border: 1px solid #ccc;
    margin-top: 50px;
    margin-bottom: 100px;
    width: 100%; }
    .section-lowcontent .box-recruit .recruit-table tr th {
      background-color: #00c0ff;
      vertical-align: top;
      padding: 10px;
      color: #fff;
      border-bottom: 1px solid #fff;
      text-align: left;
      width: 20%;
      box-sizing: border-box; }
    .section-lowcontent .box-recruit .recruit-table tr th.last {
      border-bottom: 1px solid #ccc; }
    .section-lowcontent .box-recruit .recruit-table tr td {
      padding: 10px;
      border-bottom: 1px solid #ccc;
      box-sizing: border-box; }
      .section-lowcontent .box-recruit .recruit-table tr td .box-note {
        display: flex;
        margin-top: 8px; }
        .section-lowcontent .box-recruit .recruit-table tr td .box-note .note {
          font-size: 0.8em;
          color: #fff;
          margin-right: 10px;
          background-color: #0078af;
          padding: 2px 10px;
          border-radius: 2px; }
  .section-lowcontent .box-recruit .recruit-image {
    display: flex;
    justify-content: center;
    margin-top: 30px; }
    @media screen and (max-width: 750px) {
      .section-lowcontent .box-recruit .recruit-image {
        flex-direction: column; } }
    .section-lowcontent .box-recruit .recruit-image img {
      margin: 20px; }
  .section-lowcontent .box-recruit .new-graduate-button {
    text-align: center; }
    .section-lowcontent .box-recruit .new-graduate-button .button-wrapper {
      display: flex;
      justify-content: center;
      margin-top: 50px; }
      @media screen and (max-width: 750px) {
        .section-lowcontent .box-recruit .new-graduate-button .button-wrapper {
          display: block; } }
      .section-lowcontent .box-recruit .new-graduate-button .button-wrapper .recruit-link {
        width: 250px;
        height: 60px;
        margin: 0 10px; }
        @media screen and (max-width: 750px) {
          .section-lowcontent .box-recruit .new-graduate-button .button-wrapper .recruit-link {
            margin: 10px auto 0; } }
        .section-lowcontent .box-recruit .new-graduate-button .button-wrapper .recruit-link a {
          color: #fff;
          display: block;
          width: 100%;
          height: 100%;
          background-color: #00c0ff;
          transition: 0.3s;
          position: relative;
          text-align: center;
          line-height: 60px; }
          .section-lowcontent .box-recruit .new-graduate-button .button-wrapper .recruit-link a:after {
            position: absolute;
            content: "";
            background-image: url(../img/common/arrow-white.png);
            width: 9px;
            height: 9px;
            right: 2px;
            bottom: 2px; }
          .section-lowcontent .box-recruit .new-graduate-button .button-wrapper .recruit-link a:hover {
            background-color: #0078af; }
      .section-lowcontent .box-recruit .new-graduate-button .button-wrapper .box-mynavi {
        margin: 8px 10px 0; }
  .section-lowcontent .box-icons {
    display: flex;
    flex-wrap: wrap;
    margin-top: 20px;
    justify-content: center; }
    @media screen and (max-width: 750px) {
      .section-lowcontent .box-icons {
        justify-content: center; } }
    .section-lowcontent .box-icons .icon {
      width: 180px;
      padding: 10px; }
      @media screen and (max-width: 750px) {
        .section-lowcontent .box-icons .icon {
          width: 100px;
          padding: 5px; } }
      .section-lowcontent .box-icons .icon img {
        width: 100%;
        height: auto; }
  .section-lowcontent .box-topmessage {
    display: flex; }
    @media screen and (max-width: 750px) {
      .section-lowcontent .box-topmessage {
        flex-wrap: wrap; } }
    .section-lowcontent .box-topmessage .img {
      width: 500px;
      padding-right: 30px;
      box-sizing: border-box; }
      @media screen and (max-width: 750px) {
        .section-lowcontent .box-topmessage .img {
          width: 100%; } }
      .section-lowcontent .box-topmessage .img img {
        width: 100%;
        height: auto; }
    .section-lowcontent .box-topmessage .message-content {
      width: 600px; }
      @media screen and (max-width: 750px) {
        .section-lowcontent .box-topmessage .message-content {
          width: 100%; } }
      .section-lowcontent .box-topmessage .message-content .message-lead {
        margin: 0px 0px 20px;
        font-weight: 600; }
  .section-lowcontent .box-sitemap {
    display: flex;
    width: 900px;
    margin: 0 auto; }
    @media screen and (max-width: 750px) {
      .section-lowcontent .box-sitemap {
        width: 100%;
        display: block; } }
    .section-lowcontent .box-sitemap h4 {
      position: relative; }
      @media screen and (max-width: 750px) {
        .section-lowcontent .box-sitemap h4 {
          margin-top: 20px; } }
      .section-lowcontent .box-sitemap h4:before {
        position: absolute;
        content: "▼";
        color: #00c0ff;
        font-size: 0.8em;
        top: 0;
        left: -20px; }
    .section-lowcontent .box-sitemap a {
      color: unset; }
    .section-lowcontent .box-sitemap .left {
      padding: 20px;
      width: 50%;
      box-sizing: border-box; }
      @media screen and (max-width: 750px) {
        .section-lowcontent .box-sitemap .left {
          width: 100%; } }
    .section-lowcontent .box-sitemap .right {
      padding: 20px;
      width: 50%;
      box-sizing: border-box; }
      @media screen and (max-width: 750px) {
        .section-lowcontent .box-sitemap .right {
          width: 100%; } }
    .section-lowcontent .box-sitemap ul {
      padding-left: 20px; }
  .section-lowcontent .sdgs-wrap {
    display: flex; }
    @media screen and (max-width: 750px) {
      .section-lowcontent .sdgs-wrap {
        display: block; } }
    .section-lowcontent .sdgs-wrap .text {
      margin: 10px;
      width: calc(100% - 450px); }
      @media screen and (max-width: 750px) {
        .section-lowcontent .sdgs-wrap .text {
          width: 100%; } }
      .section-lowcontent .sdgs-wrap .text .sdgs-title {
        font-size: 1.2em;
        font-weight: 600;
        margin-bottom: 10px; }
    .section-lowcontent .sdgs-wrap .img {
      margin: 10px;
      width: 450px; }
      @media screen and (max-width: 750px) {
        .section-lowcontent .sdgs-wrap .img {
          width: 100%; } }
      .section-lowcontent .sdgs-wrap .img img {
        width: 100%; }
  .section-lowcontent .sdgs-action {
    display: flex;
    margin: 50px 0; }
    .section-lowcontent .sdgs-action .box-title {
      padding-left: 10px; }
      .section-lowcontent .sdgs-action .box-title h2 {
        color: unset;
        background-color: unset;
        font-size: 1.2em;
        border-bottom: 1px solid #ccc;
        margin-top: 0px;
        padding: 0px 0 10px 0; }
    .section-lowcontent .sdgs-action .icon img {
      width: 100px; }
  .section-lowcontent .fullphoto {
    width: 100%;
    margin: 20px 0; }
    .section-lowcontent .fullphoto img {
      height: auto;
      width: 100%; }
  .section-lowcontent .showroom-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: center; }
    .section-lowcontent .showroom-wrapper .showroom-panel {
      width: 400px;
      margin: 20px 20px; }
      @media screen and (max-width: 750px) {
        .section-lowcontent .showroom-wrapper .showroom-panel {
          width: 100%; } }
      .section-lowcontent .showroom-wrapper .showroom-panel .img {
        width: 100%;
        text-align: center; }
      .section-lowcontent .showroom-wrapper .showroom-panel .box-text {
        margin-top: 10px; }
        .section-lowcontent .showroom-wrapper .showroom-panel .box-text h4 {
          text-align: center; }
        .section-lowcontent .showroom-wrapper .showroom-panel .box-text .tenji-lead {
          text-align: center; }
        .section-lowcontent .showroom-wrapper .showroom-panel .box-text .tenji-link {
          text-align: center;
          margin-top: 10px; }
          .section-lowcontent .showroom-wrapper .showroom-panel .box-text .tenji-link a {
            padding-left: 10px;
            position: relative;
            color: #00c0ff;
            transition: 0.3s; }
            .section-lowcontent .showroom-wrapper .showroom-panel .box-text .tenji-link a:before {
              content: ">";
              position: absolute;
              color: #00c0ff;
              top: -6px;
              left: -7px; }
            .section-lowcontent .showroom-wrapper .showroom-panel .box-text .tenji-link a:hover {
              opacity: 0.8; }
  .section-lowcontent .showroom-link {
    width: 600px;
    height: 60px;
    margin: 30px auto; }
    @media screen and (max-width: 750px) {
      .section-lowcontent .showroom-link {
        width: 100%; } }
    .section-lowcontent .showroom-link a {
      width: 100%;
      height: 100%;
      display: inline-block;
      line-height: 60px;
      border: 2px solid #00c0ff;
      transition: 0.3s;
      background-color: #fff;
      text-align: center;
      font-size: 1.2em;
      font-weight: 600;
      color: #00c0ff; }
      .section-lowcontent .showroom-link a:hover {
        background-color: #00c0ff;
        color: #fff; }
  .section-lowcontent .link-nikkocorp {
    width: 100%;
    text-align: center;
    margin-top: 20px; }
    .section-lowcontent .link-nikkocorp a {
      display: block;
      padding-top: 20px;
      padding-bottom: 20px;
      background-color: #00c0ff;
      color: #fff;
      transition: 0.3s; }
      .section-lowcontent .link-nikkocorp a:hover {
        background-color: #0078af; }
  .section-lowcontent .icon-tel {
    width: 18px;
    position: relative;
    top: 3px;
    margin: 0 5px; }

/* 2023-6-1 css追加 会社概要の役員氏名が揃うように*/
.boardmember .post{
	width: 7rem;
	}

.section-contactform {
  width: 900px;
  margin: 50px auto 100px; }
  @media screen and (max-width: 750px) {
    .section-contactform {
      width: 100%;
      padding: 0px 10px;
      box-sizing: border-box; } }
  .section-contactform .large a {
    color: #00c0ff;
    transition: 0.3s; }
    .section-contactform .large a:hover {
      opacity: 0.8; }
  .section-contactform .inq_box {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #ccc;
    box-sizing: border-box; }
    .section-contactform .inq_box th {
      border: 1px solid #ccc;
      padding: 10px;
      background-color: #f7f7f7; }
      @media screen and (max-width: 750px) {
        .section-contactform .inq_box th {
          display: block;
          box-sizing: border-box; } }
    .section-contactform .inq_box td {
      border: 1px solid #ccc;
      padding: 10px; }
      .section-contactform .inq_box td .width100 {
        resize: none;
        width: 98%; }
      @media screen and (max-width: 750px) {
        .section-contactform .inq_box td {
          display: block;
          box-sizing: border-box; }
          .section-contactform .inq_box td .width100 {
            width: 98%; }
          .section-contactform .inq_box td input {
            width: 98%; } }
  .section-contactform .btn-send {
    width: 240px;
    height: 60px;
    border: none;
    background-color: #00c0ff;
    color: #fff;
    transition: 0.3s;
    cursor: pointer; }
    .section-contactform .btn-send:hover {
      opacity: 0.8; }
    @media screen and (max-width: 750px) {
      .section-contactform .btn-send {
        margin: 5px; } }
  .section-contactform .btn-reset {
    width: 140px;
    height: 58px;
    border: none;
    background-color: #5a5a5a;
    color: #fff;
    transition: 0.3s;
    cursor: pointer; }
    .section-contactform .btn-reset:hover {
      opacity: 0.8; }
    @media screen and (max-width: 750px) {
      .section-contactform .btn-reset {
        margin: 5px; } }

/*トップボタン*/
#page_top {
  width: 50px;
  height: 50px;
  position: fixed;
  right: 20px;
  bottom: 20px;
  background: #0078af;
  opacity: 0.9;
  border-radius: 50%; }

#page_top a {
  position: relative;
  display: block;
  width: 50px;
  height: 50px;
  text-decoration: none; }

#page_top a::before {
  content: '';
  width: 15px;
  height: 15px;
  border: 0px;
  border-top: solid 3px #fff;
  border-right: solid 3px #fff;
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  position: absolute;
  top: 50%;
  left: 16px;
  margin-top: -4px; }

/*ふわっと現れる*/
.scroll-fade {
  opacity: 0;
  transform: translate(0, 70px);
  transition: all 800ms; }
  @media screen and (max-width: 750px) {
    .scroll-fade {
      transition: all 400ms; } }

.scroll-fade.scrollin {
  opacity: 1;
  transform: translate(0, 0); }

/*追加CSS*/
.margin-tb-zero {
  margin-top: 0px;
  margin-bottom: 0px; }


/* 追加CSS 2024/09/05 youtube埋込動画レスポンシブ対応 */
.container-grid {
  display: grid;
  gap: 10px;
  grid-template-columns: 1fr 560px 1fr;
  @media screen and (max-width: 750px) {
    gap: 0px;
    grid-template-columns: 1fr 8fr 1fr;
  }
}
/* 追加CSS 2024/09/05 ココまで */



/* 追加CSS 2024/09/30 SNS公式アカウントLINK 追加 */
.section-sns {
	width: main-width;
	margin: 50px auto;
	border-top: 1px solid #00c0ff;
	padding: 30px 50px;
}

@media screen and (max-width: 750px) {
	.section-sns {
		width: 100%;
		padding: 0 10px;
		box-sizing: border-box;
	}
}

.section-sns .sns-wapeer {
	display: flex;
	justify-content: center;
}

@media screen and (max-width: 750px) {
	.section-sns .sns-wapeer {
		display: block;
	}
}

.section-sns .sns-wapeer .logo {
	padding: 20px;
}

@media screen and (max-width: 750px) {
	.section-sns .sns-wapeer .logo {
		text-align: center;
	}

	.section-sns .sns-wapeer .logo img {
		width: auto;
		height: 64px;
	}

}

.section-sns .sns-wapeer .description {
	padding: 20px;
}

@media screen and (max-width: 750px) {
	.section-sns .sns-wapeer .description {
		text-align: center;
	}
}

.section-sns .sns-wapeer .description h2 {
	font-size: 2.3em;
	color: #00c0ff;
	margin-bottom: 15px;
}

@media screen and (max-width: 750px) {
	.section-sns .sns-wapeer .description h2 {
		margin-top: 0px;
	}
}

.section-sns .sns-wapeer .description h3 {
	font-size: 1.4em;
	margin-top: 10px;
	margin-bottom: 50px;
}

.section-sns .sns-wapeer .description .link-sns {
	width: 200px;
	height: 60px;
}

@media screen and (max-width: 750px) {
	.section-sns .sns-wapeer .description .link-sns {
		margin: 0 auto;
	}
}

.section-sns .sns-wapeer .description .link-sns a {
	width: 100%;
	height: 100%;
	display: block;
	background-color: #f2f2f2;
	border: 1px solid #d5d5d5;
	text-align: center;
	line-height: 60px;
	transition: 0.3s;
	position: relative;
	color: #00c0ff;
}

.section-sns .sns-wapeer .description .link-sns a:after {
	position: absolute;
	content: "";
	width: 9px;
	height: 9px;
	background-image: url(../img/common/arrow-blue.png);
	bottom: 5px;
	right: 5px;
}

.section-sns .sns-wapeer .description .link-sns a:hover {
	opacity: 0.8;
}

.section-sns .h2-centering {
	text-align: center;
	font-size: 3.2em;
	font-weight: 600;
	letter-spacing: 0.2em;
}

@media screen and (max-width: 750px) {
	.section-sns .h2-centering {
		letter-spacing: 0.1em;
		font-size: 2.4em;
	}
}

.section-sns .h2-centering .sub-h2 {
	display: block;
	font-size: 17px;
	letter-spacing: 0;
	margin-top: 20px;
	font-weight: 400;
}

/* 追加CSS 2024/09/30 ココまで */

/*# sourceMappingURL=style.css.map */