@media screen and (max-width: 1530px) {
  .footer .footer-top .tel-area {
      width: 50%;
      padding: 30px 30px 30px 0;
  }
  .footer .footer-top .tel-area > .left {
      float: none;
      display: block;
      margin: 10% 0 8%;
  }
  .footer .footer-top .tel-area > .left p {
      margin-top: 0;
      margin-bottom: 20px;
  }
  .footer .footer-top .tel-area > .right {
      margin-right: 0;
      float: none;
      display: block;
  }
/*
  .contact-tel-area .p-contact-information_link {
      display: block;
  }
  .contact-tel-area .p-contact-information {
      margin: 2% 4% 0 0;
  }
  .contact-tel-area .p-contact-information_wrap {
      border-bottom: 1px solid #000;
      margin-bottom: 8%;
  }
  .contact-tel-area .p-contact-information_wrap:last-child {
      border: none;
  }
  .contact-tel-area .p-contact-information_txt {
      font-size: 1.25rem;
      line-height: 20px;
      letter-spacing: 0;
  }
  .contact-tel-area .p-contact-information_small,
  .contact-tel-area .p-contact-information_time {
      font-size: 1rem;
  }
  .contact-tel-area .p-contact-information_time {
      margin: 2% 0 6%;
  }
  .contact-tel-area .p-contact-information_tel {
      font-size: 1.875rem;
      padding: 0 2.25rem;
  } */
  .footer-top .tel-area .p-contact-information_wrap {
      margin-bottom: 4%;
  }
  .footer-top .tel-area .p-contact-information_txt {
      margin-bottom: 4px;
  }
  .footer-top .tel-area .p-contact-information_tel {
      margin-bottom: 10px;
  }
  .footer-top .tel-area .p-contact-information_time {
      line-height: 1.4;
      margin-bottom: 12px;
  }
  .footer .footer-top .mail-area {
      width: 50%;
      padding-left: 30px;
  }
  .footer .footer-top .mail-area br {
      display: none;
  }
  .footer .footer-top .mail-area p {
      margin-top: 50%;
      /* text-align: left; */
  }
  .footer .footer-top .mail-area p:before {
      display: inline-block;
      margin: 0 10px 0 0;
      top: 12px;
      position: relative;
  }

}
@media screen and (max-width: 1120px), screen and (max-height: 700px) {
  .header .gnavi {
      right: -200px;
  }
  .header .sp_gnavi{
      display: block;
  }
  .header .sp_btn {
      display: block;
      right: 0;
  }
  .header .inner ul {
       top: 50%;
       right: 215px;
       transform: translateY(-50%);
   }
   .header .inner .failure-info a{
       top: 50%;
       right: 85px;
       width: 110px;
       transform: translateY(-50%);
   }

  .footer .footer-top .tel-area {
      padding: 30px;
  }
  .footer .footer-top .tel-area > .right .name {
      font-size: 18px;
  }
  .footer .footer-top .tel-area > .right .tel {
      font-size: 38px;
  }
  .footer .footer-top .tel-area > .right .left:first-child {
      padding-right: 20px;
      margin-right: 20px;
  }
  .footer .footer-top .tel-area > .right .left p {
      font-size: 12px;
  }
  .footer .footer-top .tel-area > .right .left p.service-tel,
  .footer .footer-top .tel-area > .right .left p.facility-tel {
      font-size: 20px;
  }
  .footer .footer-top .mail-area p {
      margin-top: 50%;
      text-align: center;
  }

  .footer .footer-top {
      padding: 45px 0 0;
  }
  .footer .footer-bottom {
      padding: 20px 0 0;
  }
  .footer .footer-bottom .f-logo {
      max-width: 40%;
      margin: 0 auto 10px;
  }
  .footer .footer-bottom .mb70 {
      max-width: 90%;
      margin: 0 auto;
      margin-bottom: 10px !important;
  }
  .footer .footer-bottom article {
      width: 25%;
  }
  .footer .footer-bottom article .f-ttl {
      margin-bottom: 0;
  }
  .footer .footer-bottom article ul li {
      margin-bottom: 0px;
  }
  .footer .footer-bottom .f-link01 {
      text-align: center;
      margin-top: 10px;
      margin-bottom: 10px;
  }
  .footer .footer-bottom .f-link01 li {
      font-size: 14px;
  }
  .footer .footer-bottom .f-link02 {
      padding: 5px 13px 5px;
  }
  .footer .copyright {
      font-size: 10px;
      padding-top: 0px;
  }

  /* ftrequirement */
  .ftrequirement {
      padding: 5px 10px;
      text-align: center;
  }

  .sec {
      padding: 66px 0 0 0;
      height: 100vh;
  }
  .sec .inner {
      top: 50%;
      left: 50%;
  }
  .sec .top-ttl {
      font-size: 50px;
      line-height: 1.2;
  }
  .sec .top-sub_ttl {
      font-size: 20px;
      margin-bottom: 1%;
  }

  .sec01 {
      padding: 0;
  }
  .sec01 .slider li img {
      max-width: 50%;
      top: 56%;
      left: 50%;
  }
  .sec01 .slider .slide01 img {
      max-width: 43%;
  }
  /*.sec01 .slider .slide08 img,
  .sec01 .slider .slide09 img,
  .sec01 .slider .slide10 img,
  .sec01 .slider .slide11 img,
  .sec01 .slider .slide12 img { max-width: 80%; }*/
  /* .sec01 .slider .slide05 img {
      max-width: 60%;
  } */
  .sec02 img {
      max-height: 200px;
  }
  .sec02 .mb40 {
      margin-bottom: 10px !important;
  }
  .slick-next {
      right: 20px !important;
  }

  /*  */
  .sec .service-list {
      margin-top: 1%;
  }
  .service-list li {
      width: 16%;
  }
  .sec03 .service-list li {
      margin: 1% 1% 0;
  }
  .sec11 .service-list {
      max-width: 80%;
      margin: 0 auto;
  }
  .sec11 .service-list li {
      width: 16%;
      margin: 5px 5px 0;
  }

  .news-list {margin-bottom: 3%;}
  .news-list dl {max-width: 90%; margin: 0 auto 14px; padding: 15px 60px 15px 20px;}
  .news-list a:nth-child(4) {display: none;}

}

@media screen and (max-height: 668px) {
  .header .sp_gnavi .head-navi ul li {
      float: left;
      width: 50%;
  }
  .header .sp_gnavi .head-navi ul li:nth-child(odd) {
      float: left;
      width: 50%;
      border-right: 1px solid #fff;
  }
  .slick-next {
      right: 20px !important;
  }

}
@media screen and (min-width: 769px) {
  ._sp {
      display: none;
  }
  a[href^="tel:"]{
    pointer-events: none;
  }
}
@media screen and (min-width: 1121px) and (max-width: 1530px) {
  .sec01 .slider .slide08 img,
  .sec01 .slider .slide09 img,
  .sec01 .slider .slide10 img,
  .sec01 .slider .slide11 img,
  .sec01 .slider .slide12 img { width: 60%; }
}

@media screen and (max-width: 768px) {
  /* header */
  .header {
      padding: 10px 15px;
  }
  .header .logo {
      z-index: 999;
  }
  .header .logo img {
      width: 50%;
  }
  .header .head-navi,
  .header .foot-navi {
      display: none;
  }
  .header .sp_btn {
      display: block;
      float: right;
      cursor: pointer;
      width: 50px;
      height: 50px;
  }
  .header .sp_btn > div {
      margin: 8px 10px 0px 10px;
  }
  .header .sp_btn div span.middle {
      top: 9px;
  }
  .header .sp_btn div span.bottom {
      top: 18px;
  }
  .open .header .sp_btn div span.top {
      top: -3px;
  }
  .open .header .sp_btn div span.bottom {
      top: 37px;
  }
  .header .gnavi{
      display: none;
  }
  .header .sp_gnavi{
      top: 50px;
  }
  .header .sp_gnavi .head-navi ul li {
      line-height: 32px;
  }
  .header .inner ul {
      right: 151px;
  }
  .header .inner ul li::after {
      content: "|";
      margin: 0 8px;
  }
  .header .inner .failure-info a{
      right: 61px;
      width: 80px;
      height: 28px;
      font-size: 13px;
  }
  .footer {
      min-width: 100%;
      padding-top: 0;
  }
  .footer .footer-top .tel-area {
      width: 50%;
      padding: 20px 0 8px;
  }
  .footer .footer-top .tel-area > .left {
      display: block;
      width: 100%;
      margin: 0;
  }
  .footer .footer-top .tel-area > .left p {
      font-size: 17px;
      padding-left: 0;
      margin-top: 0;
      text-align: center;
      line-height: 1.4;
  }
  /* .footer .footer-top .tel-area > .left p:before {
      content: "";
      background: url(../images/common/ico_tel.png) no-repeat;
      display: block;
      width: 49px;
      height: 50px;
      margin: 0 auto;
      position: relative;
      top: -10px;
      left: auto;
  } */
  .footer .footer-top .tel-area > .left .p-contact_tel-icon:before {
      margin: 0 auto 10px;
      position: relative;
      top: 0;
      left: auto;
  }
  .footer .footer-top .mail-area a:before {
      margin-bottom: 16px;
  }
  .footer .footer-top .mail-area {
      width: 50%;
      padding: 20px 0 25px;
  }
  .footer .footer-top .mail-area p {
      font-size: 17px;
      margin-top: 0;
      line-height: 1.4;
  }
  .footer .footer-top .mail-area p:before,
  .footer .footer-top .tel-area p:before {
      display: block;
      margin: 0 auto 10px;
      top: auto;
      position: relative;
  }
  .footer .footer-top .mail-area br {
      display: block;
  }
  .footer .footer-top .tel-area > .left p span,
  .footer .footer-top .tel-area .right {
      display: none;
  }
  .footer .footer-bottom {
      padding: 45px 0 0;
  }
  .footer .footer-bottom .f-logo {
      width: 45%;
      margin: 0 auto 45px;
  }
  .footer .footer-bottom .left {
      display: block;
      width: 100%;
      float: none;
  }
  .footer .footer-bottom .clearfix.mb70 {
      display: none;
  }
  .footer .footer-bottom article,
  .footer .footer-bottom .f-link01,
  .footer .footer-bottom .f-link02 {
      display: none;
  }
  .footer .footer-bottom .footer-sp_menu p {
      font-size: 10px;
      text-align: center;
      margin-bottom: 15px;
  }
  .footer .footer-bottom .footer-sp_menu ul li a {
      display: block;
      background: #2a5bbe;
      border-bottom: 1px solid #fff;
      padding: 10px 15px;
      color: #fff;
  }
  .footer .footer-bottom .footer-sp_menu ul li a span {
      display: inline-block;
      text-align: right;
      font-size: 10px;
      line-height: 25px;
      float: right;
  }

  .footer .footer-bottom .copyright {
      text-align: center;
      background: #2a5bbe;
      font-size: 10px;
      color: #fff;
      padding: 10px 0;
  }

  ._pc {
      display: none;
  }
  ._sp {
      display: block;
  }
  #wrapper {
      /* position: fixed; */
  }
  .container {
  }
  .content {
      max-width: 100%;
      min-width: 100%;
  }

  .btn-normal {
      padding: 10px 0;
      font-size: 16px;
  }
  .btn-normal span {
      font-size: 12px;
  }

  .top-ttl {
      font-size: 30px;
      padding-top: 0;
      word-wrap: break-word;
      letter-spacing: normal;
  }
  .top-sub_ttl {
      font-size: 20px;
      margin-bottom: 30px;
      letter-spacing: normal;
  }

  /* top */
  .sp_toggle {
      display: block;
      background: #fff;
      color: #3cc1f2;
      text-align: center;
      line-height: 50px;
      margin: 0 5px 20px;
  }
  .sp_toggle:after {
      content: "\f107";
      font-family: 'FontAwesome';
      display: inline-block;
      font-size: 16px;
      margin-left: 10px;
  }
  .sp_toggle.open:after {
      content: "\f106";
      font-family: 'FontAwesome';
      display: inline-block;
      font-size: 16px;
      margin-left: 10px;
  }
  .sp_toggle span:before {
      content: "READ MORE";
      display: inline-block;
      font-size: 16px;
  }
  .sp_toggle.open span:before {
      content: "CLOSE";
      display: inline-block;
      font-size: 16px;
  }


  .service-list {
      display: none;
  }
  .service-list li {
      font-size: 15px !important;
      line-height: 19px;
      margin: 0 10px 10px !important;
      width: 30.8%;
  }
  .sec11 .service-list li {
      width: 30.8%;
  }
  .service-list li a {
      display: block;
  }
  .sec .service-list {
      margin-top: 0px !important;
      margin-left: 0;
  }


  .sec {
      padding: 20px;
      height: auto;;
  }
  .sec .inner {
      position: relative;
      top: 0;
      left: 0;
      -webkit-transform: translateY(0) translateX(0);
      transform: translateY(0) translateX(0);
  }
  .sec01 {
      padding: 51px 0 0 0;
      height: 60vh;
  }
  .sec01 .slider {
      height: 60vh;
  }
  .sec01 .slider li .inner,
  .sec01 .slider li ul {
      display: none;
  }
  .sec01 .slider li {
      /* background-size: auto 100%; */
  }
  .sec01 .slider li img {
      max-width: 90%;
      top: 50%;
      left: 50%;
  }
  .sec01 .slider .slide01 img {
      max-width: 80%;
  }
  .sec01 .slider .slide05 img {
      max-width: 80%;
  }

  .sec01 .slider .slide00 { background-image: url(../images/top/mainimage00_sp.jpg); }
  .sec01 .slider .slide01 { background-image: url(../images/top/mainimage01_sp.jpg); }
  .sec01 .slider .slide02 { background-image: url(../images/top/mainimage02_sp.jpg); }
  .sec01 .slider .slide03 { background-image: url(../images/top/mainimage03_sp.jpg); }
  /*.sec01 .slider .slide04 { background-image: url(../images/top/mainimage04_sp.jpg); }*/
  .sec01 .slider .slide05 { background-image: url(../images/top/mainimage05_sp.jpg); }
  .sec01 .slider .slide06 { background-image: url(../images/top/mainimage06_sp.jpg); }
  .sec01 .slider .slide07 { background: url(../images/top/mainimage11_sp.jpg) center center; background-size: cover;}

  .sec01 .slider .slide08,
  .sec01 .slider .slide09,
  .sec01 .slider .slide10,
  .sec01 .slider .slide11,
  .sec01 .slider .slide12,
  .sec01 .slider .slide13,
  .sec01 .slider .slide14 { background-image: url(../images/top/mainimage01_sp.jpg); }

  .sec03 .top-ttl:before {
      background-size: cover;
      width: 51.5px;
      height: 37.5px;
      margin-right: 10px;
      top: 6px;
  }
  .sec04 .top-ttl:before {
      background-size: cover;
      width: 33.5px;
      height: 33.5px;
      margin-right: 10px;
      top: 5px;
  }
  .sec05 .top-ttl:before {
      background-size: cover;
      width: 33px;
      height: 42px;
      margin-right: 10px;
      top: 4px;
  }
  .sec06 .top-ttl:before {
      background-size: cover;
      width: 43px;
      height: 44px;
      margin-right: 10px;
      top: 10px;
  }
  .sec07 .top-ttl:before {
      background-size: cover;
      width: 35px;
      height: 38px;
      margin-right: 10px;
      top: 7px;
  }
  .sec08 .top-ttl:before {
      background-size: cover;
      width: 43.5px;
      height: 43.5px;
      margin-right: 10px;
      top: 3px;
  }


  /* about */
  .sec-about01 {
      padding: 0 15px;
  }
  .sec-about02 .bg_img .balloon,
  .sec-about03 .bg_img .balloon {
      width: 50px;
      height: 67px;
  }
  .sec-about02 {
      margin-bottom: 45px;
  }
  .sec-about02 .bg_img .i03 {
      top: calc(0px + 8vw);
      left: calc(0px + 88vw);
  }
  .sec-about03 {
      margin-bottom: 20px;
  }
  .sec-about04 {
      margin-bottom: 20px;
      padding: 0 15px;
  }
  .sec-about04 .inline-list li {
      display: block;
  }
  .sec-about04 .inline-list li:first-child {
      margin-right: 0;
      margin-bottom: 20px;
  }
  .sec-about04 .inline-list li a {
      width: 100%;
  }

  .news-list {
      margin: 0 auto 20px;
  }
  .modal .news-list dl {
      padding: 15px;
  }
  .news-list dl dt {
      float: none;
      margin-right: 0;
      display: block;
      font-size: 14px;
      margin-bottom: 10px;
  }
  .news-list dl dd {
      overflow: inherit;
      font-size: 12px;
      padding-right: 35px;
      padding-bottom: 10px;
  }
  .news-list dl dd:after {
      top: 0;
      right: 20px;
  }
  .news-list dl:after {
      top: 50%;
      right: 15px;
      margin-top: -16.5px;
  }
  .detail .news-list dl {
      padding: 0;
      border-bottom: none;
  }
  .modal .news-list dl dt {
      text-align: left;
  }
  .modal .news-list dl dt span {
      display: inline-block;
      margin-left: 10px;
  }
  .detail .news-list dl dd {
      padding-right: 0;
  }
  .detail .news-list dl:after {
      display: none;
  }


  /* .white-popup {
      width: 100%;
      padding: 30px 40px;
      margin: 0 auto;
  } */

  /* modal */
  body.modal {
      font-size: 14px;
  }
  body.modal .wrapper {
      max-width: 100%;
      padding: 20px 30px 30px;
  }
  body.modal * {
      word-break: break-all;
  }

  body.modal .ofh {
      overflow: auto;
  }
  body.modal .left,
  body.modal .right  { float: none; }
  body.modal .left.mr40 { margin-right: 0px !important; }
  body.modal .modal-backlink .inline-list li {
      display: block;
  }
  body.modal .modal-backlink .inline-list li:first-child {
      margin-right: 0;
      margin-bottom: 20px;
  }
  body.modal .modal-backlink .inline-list li a {
      width: 100%;
  }

  .btn-primary {
      font-size: 14px;
      padding: 10px 0;
  }

  .mt50 { margin-top: 25px !important; }
  .mb20 { margin-bottom: 10px !important; }
  .mb30 { margin-bottom: 15px !important; }
  .mb40 { margin-bottom: 20px !important; }
  .mb50 { margin-bottom: 25px !important; }
  .mb60 { margin-bottom: 30px !important; }
  .mb80 { margin-bottom: 40px !important; }
  .mb100 { margin-bottom: 30px !important; }


  .mfp-iframe-holder .mfp-content {
      height: 100% !important;
  }
  .mfp-close {
      /*width: 19px !important;
      height: 19px !important;
      line-height: 19px !important;*/
      width: 25px !important;
      height: 25px !important;
      line-height: 25px !important;
  }

  .ttl01 {
      font-size: 28px;
      padding-bottom: 20px;
      margin-bottom: 20px;
  }
  .ttl02 {
      font-size: 18px;
      margin-bottom: 20px;
  }
  .ttl03 {
      font-size: 16px;
      padding-bottom: 10px;
      margin-bottom: 20px;
  }
  .ttl04 {
      font-size: 14px;
      margin-bottom: 10px;
  }
  .ttl04:before {
      height: 2px;
      margin-right: 10px;
  }

  .ico-ttl {
      border-top: 1px solid #c1c1c1;
      border-bottom: 1px solid #c1c1c1;
      font-size: 18px;
      font-weight: 400;
      text-align: center;
      line-height: 60px;
      margin-bottom: 20px;
  }

  /* modal ttl ico */
  .ttl01 span:before {
      margin-right: 20px;
  }
  .ttl01 span.network_ico01:before {
      width: 46.5px;
      height: 20px;
  }
  .ttl01 span.network_ico02:before {
      width: 30.5px;
      height: 32.5px;
      top: 15px;
  }
  .ttl01 span.network_ico03:before {
      width: 42px;
      height: 34.5px;
      top: 14px;
  }
  .ttl01 span.network_ico04:before {
      background: url(../images/network/ico04.png) no-repeat;
      width: 34.5px;
      height: 30.5px;
      top: 11px;
  }
  .ttl01 span.network_ico05:before {
      background: url(../images/network/ico05.png) no-repeat;
      width: 38px;
      height: 34.5px;
      top: 18px;
  }
  .ttl01 span.internet_ico01:before {
      background: url(../images/internet/ico01.png) no-repeat;
      width: 41px;
      height: 34px;
      top: 12px;
  }
  .ttl01 span.internet_ico02:before {
      background: url(../images/internet/ico02.png) no-repeat;
      width: 24.5px;
      height: 27.5px;
      top: 7px;
  }
.ttl01 span.internet_ico03:before {
  background: url(../images/internet/ico03.png) no-repeat;
  width: 31px;
  height: 41px;
  top: 9px;
}
  .ttl01 span.security_ico01:before {
      background: url(../images/security/ico01.png) no-repeat;
      width: 37px;
      height: 27.5px;
      top: 10px;
  }
  .ttl01 span.cloud_ico01:before {
      background: url(../images/cloud/ico01.png) no-repeat;
      width: 29.5px;
      height: 20.5px;
      top: 2px;
  }
  .ttl01 span.phone_ico02:before {
      background: url(../images/phone_mobile/ico02.png) no-repeat;
      width: 23px;
      height: 26px;
      top: 6px;
  }
  .ttl01 span.solution_ico01:before {
      background: url(../images/solution/ico01.png) no-repeat;
      width: 33px;
      height: 27.5px;
      top: 11px;
  }



  .tab li {
      font-size: 12px;
      line-height: normal;
  }
  .tab li:before {
      width: 19px;
      height: 19px;
  }
  .tab li a {
      padding: 18px 0;
  }
  .tab li.col2 a {
      padding: 10px 0;
  }

  .tab-cont {
      padding-top: 40px;
  }
  #tab01 > .clearfix > .left {
      display: none;
  }
  .needs-box {
      margin-bottom: 20px;
      padding: 15px 25px;
      width: 100%;
  }
  .needs-box:before {
      display: none;
  }
  .needs-box ul li {
      font-size: 16px;
      margin-bottom: 10px;
      padding-left: 30px;
  }
  .needs-box ul li:before {
      width: 20px;
      height: 20px;
      margin-left: -30px;
  }

  .network_pt60 {
      padding-top: 0;
  }

  .tb02 th,
  .tb02 td {
      padding: 10px;
  }
  .tb03 th,
  .tb03 td {
      padding: 10px;
  }


  .center_img {
      padding: 0 0 40px;
      text-align: center;
  }

  .scroll {
      width: 100%;
      padding: 10px;
      overflow-y: auto;
      margin-bottom: 20px;
  }
  .scroll table {
      min-width: 600px;
      margin-bottom: 0px !important;
  }

  /* contact */
  .contact .footer-top {
      margin-bottom: 30px;
  }
  .contact .footer-top .tel-area {
      float: none;
      padding: 30px 15px;
  }
  .contact .footer-top .tel-area > .left p {
      font-size: 24px;
      padding-left: 59px;
      margin-top: 0;
      position: relative;
  }
  .contact .footer-top .tel-area > .left p:after {
      content: "はこちら";
  }
  .contact .footer-top .tel-area > .left p br {
      display: none;
  }
  .contact .footer-top .tel-area > .left p span {
      display: none;
  }
  .contact .footer-top .tel-area .right {
      display: none;
  }
  .contact-btn-list {
      margin-bottom: 25px;
  }
  .contact-btn-list li {
      display: block;
      font-size: 15px;
      width: 100%;
      line-height: 42px;
      margin-bottom: 10px;
  }
  .contact-btn-list li:last-child a {
      border-left: 1px solid #17c9bb;
  }
  .contact-btn-list li a:before {
      background-size: cover;
      width: 18.9px;
      height: 14.5px;
      top: 2px;
  }
  .contact-btn-list li.active a:before,
  .contact-btn-list li a:hover:before {
      background-size: cover;
  }
  .tb-form {
      margin-bottom: 20px;
  }
  .tb-form th,
  .tb-form td {
      display: block;
      padding-bottom: 10px;
  }
  .tb-form td .w48per {
      width: 100%;
  }
  .tb-form th.mark:before {
      top: 11px;
  }
  .contact .form-list p {
      line-height: normal;
  }
  .contact .form-list label {
      display: block;
      padding: 20px 0;
  }
  .contact .form-list label input {
      position: relative;
      top: -3px;
      margin-right: 5px;
  }

  .contact-tel-popup {
      width: 100%;
      max-width: 1000px;
      padding: 65px 44px;
  }
  .contact-tel-area .p-contact-information {
      margin: 2% 4% 0 0;
  }
  .contact-tel-area .p-contact-information_wrap {
      border-bottom: 1px solid #000;
      padding: 10% 0 6%;
  }
  .contact-tel-area .p-contact-information_wrap:first-child {
      padding-top: 4%;
  }
  .contact-tel-area .p-contact-information_wrap:last-child {
      border: none;
  }
  .contact-tel-area .p-contact-information_txt,
  .contact-tel-area .p-contact-information_time {
      font-size: 1rem;
      line-height: 20px;
      text-align: center;
      font-weight: 500;
  }
  .contact-tel-area .p-contact-information_time {
      margin: 4% 0;
  }
  .contact-tel-area .p-contact-information_tel {
      background: #50a0f0;
      font-size: 1.25rem;
      font-weight: 700;
      text-align: center;
      padding: 20px 0 20px 28px;
      position: relative;
      width: 90%;
      margin: 0 auto;
  }
  .contact-tel-area .p-contact-information_tel:before {
      content: "";
      background: url(../images/common/ico_tel_small.png) no-repeat;
      display: block;
      width: 38px;
      height: 39px;
      position: absolute;
      top: 14px;
      left: 34px;
  }
  .contact-tel-area .p-contact-information_link {
      display: block;
      color: #fff;
  }

  /* company
  --------------------------------------------- */

  .flex {
      padding: 0;
  }
  .flex .left,
  .flex .right {
      float: none;
  }
  .flex .flex {
      flex-flow: row wrap;
  }
  .flex .flexbox._col5 {
      flex: 0 0 33.333% !important;
      max-width: 33.333%;
  }
  .flex ._col3-suuji01 {
      flex-grow: 0;
      flex-shrink: 1;
      flex-basis: 65%;
      max-width: 65%;
  }
  .flex ._col3-suuji02 {
      flex-grow: 0;
      flex-shrink: 1;
      flex-basis: 35%;
      max-width: 35%;
  }
  .flex ._col3-suuji03 {
      flex-grow: 0;
      flex-shrink: 1;
      flex-basis: 50%;
      max-width: 50%;
  }
  .flex ._sp-suuji04 {
      flex-grow: 0;
      flex-shrink: 1;
      flex-basis: 100%;
      max-width: 100%;
  }
  .company ._boxline02 .flex ._col4-view01 {
      flex-basis: 30% !important;
      max-width: 30% !important;
  }
  .company ._boxline02 .flex ._col4-view02 {
      flex-basis: 60% !important;
      max-width: 60% !important;
  }
  .flex .flexbox .ml20 {
      margin-left: auto !important;
  }
  .flex ._lineTop {
      padding: 1%;
  }
  .flex ._lineTopBottom,
  .flex ._lineTopBottomNo {
      border-bottom: none;
      padding: 1%;
  }
  .flex ._lineL {
      border-left: none;
      padding-left: 0;
  }
  ._boxline01 {
      padding: 20px 5px;
  }
  ._boxline02 {
      padding: 20px 5px;
  }
  .suujiOtnet .flex .flexbox {
      padding: 0;
  }
  .suujiOtnet .flex ._lineL {
      padding-left: 0;
  }


  .company .tab li {
      font-size: 16px !important;
  }

  .company .lineColumn {
      margin-top: 15px !important;
      padding-bottom: 15px;
  }
  .company .flex .flexbox {
     padding-top: 0;
     padding-bottom: 0;
     text-align: left;
  }

  .company ._boxline01 .fs20,
  .company ._boxline02 .fs20 {
      font-size: 16px;
  }
  .company ._boxline01 .flexbox {
      margin: 20px 0;
  }
  .company ._boxline02 .flexbox {
      flex: 0 0 50% !important;
      max-width: 50%;
      margin: 20px 0;
  }
  .company ._boxline02 ._spcol1 {
      flex: 0 0 100% !important;
      max-width: 100%;
  }
  .company ._boxline02 ._col5 {
      flex: 0 0 20% !important;
      max-width: 20%;
  }
  .company ._boxline02 ._spTxtC {
      text-align: center;
  }
  .company ._boxline02 .left {
      float: left;
  }
  .company ._boxline02 .right {
      float: right;
  }
  .company ._boxline02 ._spTxtC {
      text-align: center;
  }

  .company .lineColumn ._lineL {
     border-left: none;
  }

  .company .subttl {
      margin-bottom: 16px;
  }
  .company .ico_pdf {
      font-size: 16px;
      padding: 5px 0 5px 50px;
  }
  .company .msgImg {
      display: block;
      text-align: center;
  }
  .company .msgImg {
      display: block;
      text-align: center;
  }
  .company .aboutus-tbl {width: 720px;}
  .company .aboutus-tbl .right {float: right;}
  .company .aboutUsList br {display: block;}

  .suujiOtnet .iconTit.pic02,
  .suujiOtnet .iconTit.pic03 {
      margin-bottom: 10px !important;
  }
  .suujiOtnet .iconTit.pic10:after {
      right: 0;
  }

  .diplay-pc {
      display: none;
  }
  .diplay-sp {
      display: block;
  }

  .privacy ul {
      margin-left: 30px;
  }
  .privacy ol .tb03 th,
  .privacy ol .tb03 td {
      font-size: 13px;
      line-height: 1.6;
      padding: 5px 8px;
  }
  .privacy ol .tb03 .tbcol01 { width: 40%; }
  .privacy ol .tb03 .tbcol02 { width: 30%; }
  .privacy ol .tb03 .tbcol03 { width: 30%; }
  .privacy ol .tb03 .tbcol04 { width: 70%; }

  .privacy .extraColumn {
      margin-bottom: 20px;
  }
  .privacy .extraColumn.lineNo {
      padding-bottom: 20px;
  }
  .privacy .extraColumn ol,
  .privacy .extraColumn ul {
      margin-left: 20px;
  }
  .privacy .extraColumn p,
  .privacy .extraColumn ol ul {
      margin-left: 0;
  }
  .privacy .extraColumn dl {
      margin: 20px 0 0 20px;
  }
  .privacy .extraColumn ol li {
      padding-bottom: 20px;
  }

  .sohikizu-area {
    margin-top: 50px;
  }

  /* recruit
  --------------------------------------------- */

  /* header */
  .recruit .header {padding: 10px 15px;}
  .recruit .logo {font-size: 15px;}
  .recruit .logo img {
      width: 90px;
      vertical-align: middle;
      margin-right: 20px;
  }

  .recruit .footer-top {
      background-image:linear-gradient(-50deg, #00c4b4 50%, #2838a9 50%);
  }
  .recruit #wrapper .footer .footer-top .inner {
      min-height: 80px;
  }
  .recruit .flexbox.ftBtn {
      flex: 0 0 50% !important;
      max-width: 50%;
      padding-top: 0 !important;
  }
  .recruit .flexbox.ftBtn a {
      font-size: 16px;
      padding-left: 16px;
      background-size: 10px;
  }
  .recruit .footer .footer-bottom {
      padding: 10px 0 0;
  }
  .recruit .footer .footer-bottom .f-link02 {
      display: block;
      text-align: center;
      border-top: none;
      border-bottom: none;
      padding: 0;
  }
  .recruit .footer .footer-bottom .f-link02 li {
      margin-right: 15px;
      vertical-align: middle;
      display: inline-block;
  }
  .recruit .footer .footer-bottom .f-link02 li.last {
      font-size: 12px;
      line-height: 1.5;
      border-left: none;
      border-top: 1px solid #c8c8c8;
      padding: 10px 0;
      margin: 0;
      text-align: center;
  }
  .recruit .footer .footer-bottom .f-link02 li.last._pc {
      display: none;
  }
  .recruit .footer .footer-bottom .copyright {
      text-align: center;
      color: #afafaf;
      font-size: 10px;
      padding-top: 15px;
      background: none;
      line-height: 1.5;
  }

  /* com parts */
  .recruit .txtHead01 {
      font-size: 20px;
      margin-bottom: 70px;
  }
  .recruit .txtHead01 span {
      padding: 0 20px;
  }
  .recruit .txtHead01::before {
      display: block;
      content: '';
      width: 100%;
      border-bottom: 1px solid #000;
      position: absolute;
      top: 50%;
      left: 0;
  }
  .recruit .fs50 {
      font-size: 21px;
  }

  .recruit #wrapper {padding-top: 51px;}
  .recruit #wrapper .inner {max-width: 900px; margin: 0 auto;}
  .recruit #wrapper .inner.conts {padding-top: 20px;}
  .recruit #wrapper .sec {padding: 10px 10px 30px;}

  .recruit .flex .flexbox {
      margin: 0;
  }

  /* contents */
  .recruit .peoplelist {
      min-height: auto;
  }
  .recruit .peoplelist.no01,
  .recruit .peoplelist.no02,
  .recruit .peoplelist.no03,
  .recruit .peoplelist.no04 {
      background: #f1f8fc;
  }
  .recruit .peoplelist.recruiter {
      min-height: auto;
      background: none;
      overflow: hidden;
  }
  .recruit .peoplelist .bgPic {
      width: 100%;
      text-align: center;
  }
  .recruit .peoplelist.recruiter .bgPic {
      position: absolute;
      top: 0;
  }
  .recruit .peoplelist .fs26 {
      font-size: 16px !important;
  }
  .recruit .peoplelist .fs20 {
      font-size: 16px !important;
  }
  .recruit .innerBox {
      padding: 10px;
      line-height: 1.8;
      font-size: 14px;
  }
  .recruit .innerBox.txtR {
      text-align: left !important;
  }
  .recruit .innerBox::before {
      float: left;
      font-size: 38px;
      margin: -5px 10px 0 0;
  }
  .recruit .peoplelist.recruiter .innerBox {
      padding: 10px 0;
  }
  .recruit .peoplelist.recruiter .recruiterBox {
      width: 50%;
      margin: 0;
      position: relative;
      line-height: 1.4;
  }
  .recruit .peoplelist.recruiter .fs36 {
      font-size: 20px !important;
  }
  .recruit .peoplelist.recruiter .fs24 {
      font-size: 13px !important;
  }
  .recruit .peoplelist.recruiter .fs18 {
      font-size: 12px !important;
  }
  .recruit .peoplelist.recruiter .fs20 {
      font-size: 13px !important;
  }
  .recruit .peoplelist.recruiter .fs16 {
      font-size: 11px !important;
  }
  .recruit .peoplelist.recruiter .mb10 {
      margin-bottom: 0 !important;
  }
  .recruit .peoplelist.recruiter .mb30 {
      margin-bottom: 10px !important;
  }
  .recruit .peoplelist.recruiter .mb50 {
      margin-bottom: 10px !important;
  }

  .recruit .linkBnr ._col2 {
      min-height: 150px;
      flex: 0 0 50% !important;
      max-width: 50%;
  }
  .recruit .linkBnr a .linkBnrInner {
      top: 33%;
      line-height: 1.6;
  }
  .recruit .linkBnr a .fs36 {
      font-size: 18px !important;
  }
  .recruit .linkBnr a .fs18 {
      font-size: 12px !important;
  }
  .recruit .linkBnr a .mb10 {
      margin-bottom: 0 !important;
  }

  .recruit .recruitNews {
      padding: 25px 0;
  }
  .recruit .recruitNews::after {
      display: none;
  }
  .recruit .recruitNews ._col2 {flex: 0 0 100% !important; max-width: 100%;}
  .recruit .recruitNews ._col2:last-child {
      padding-top: 20px;
      margin-top: 20px;
      border-top: 1px solid #b7b7b7;
  }
  .recruit .recruitNews ._col2 ul {
      width: 95%;
  }
  .recruit .recruitNews ._col2 .fs36 {
      font-size: 30px !important;
  }

  /* contents pop */
  .recruit.popup #wrapper {
      padding-top: 0;
  }
  .recruit .contsColumn {
      /*padding: 20px 30px;*/
      padding: 20px 0;
  }
  .recruit .staffHead h1 span {
      margin-left: 10px;
  }
  .recruit .staffHead .fs26 {
      font-size: 16px !important;
  }
  .recruit .staffHead .fs28 {
      font-size: 16px !important;
  }
  .recruit .staffHead .fs20 {
      font-size: 11px !important;
  }
  .recruit .staffHead .department {
      font-size: 11px !important;
      line-height: 1.5;
  }
  .recruit #wrapper .staffHead .inner {
      width: 85%;
      bottom: 0;
      padding: 5px 10px;
  }
  .recruit #wrapper .staffHead .inner ._col2:first-child {
      flex: 0 0 85% !important;
      max-width: 85%;
  }
  .recruit #wrapper .staffHead .inner ._col2:nth-child(2) {
      flex: 0 0 15% !important;
      max-width: 15%;
  }

  .recruit .faqAnswer {
      padding-top: 20px;
  }
  .recruit .faqAnswer .fs30 {
      font-size: 18px !important;
  }
  .recruit .faqAnswer .mb80 {
      margin-bottom: 20px !important;
  }
  .recruit .faqAnswer .left,
  .recruit .faqAnswer .right {
      width: 100%;
  }
  .recruit .faqAnswer02 .left,
  .recruit .faqAnswer02 .right {
      width: 100%;
  }

  .recruit .faqAnswer .right {
      text-align: center;
  }
  .recruit .faqAnswer02 .right {
      text-align: left;
  }

  .recruit .flex.ftpager {
      width: 100%;
      padding: 30px 0;
      margin-bottom: 30px;
  }
  .recruit .flex.ftpager .flexbox {flex: 0 0 33.333% !important;
      max-width: 33.333%;}
  .recruit .flex.ftpager .flexbox:nth-child(2) {width: 100px;}
  .recruit .flex.ftpager .flexbox span {
      display: inline-block;
      /*padding: 0 4px;*/
      padding: 0 6px;
      border: 1px solid #bcb8b7;
      margin-right: 10px;
  }

  .recruit .staff-info {
      padding: 50px 20px 0;
  }
  .recruit-close-btn {
      font-size: 18px;
  }
  .recruit-staff-arrow {
      width: 18px !important;
  }
  .recruit-img {
      width: 80%;
      display: block;
      margin: 0 auto;
  }



  /* rinen
  --------------------------------------------- */
  /*.company br._sp {
      line-height:3;
      }*/
  .rinenArea {
      border:2px solid #5689d7;
      /*padding:100px 14px 20px;*/
padding:0 10px;/*20171204追記*/
  }
  .rinenArea02 {
      margin-bottom:50px;
  }
  .rinenArea .ttl06 {
      font-size: 20px;
margin-bottom: 15px;/*20171204追記*/
      padding-top: 20px;/*20171204追記*/
  }
  /*20171204追記*/
  .rinenArea .ttl06:after{
  width:20%;
  content: "";
  border-top: 7px solid #5689d7;
  position: absolute;
  left: 40%;
  right: 40%;
  top:0;
  }

  .rinenArea .ttl07 {
      color:#5689d7;
      font-size:25px;
  }
  .rinenArea .ttl08 {
      font-size:25px;
  }
  .rinenArea .rinenBox {
      /*border:2px solid #5689d7;*/
      /*padding:28px 0 15px;*/
padding:15px 0 10px;/*20171204追記*/
      width:60%;
      /*margin:0 auto 40px;*/
margin:0 auto 20px;/*20171204追加*/
background: #fff;
  }
  /*20171204追記*/
  .rinenArea .rinenTxt {
margin:0 10px;
line-height:1.8;
  }

  .rinenArea .rinenBox02 {
      border:2px solid #5689d7;
      padding:45px 0 25px;
      width:auto;
      margin:0 auto 40px;
  }
  .rinenArea .rinenBox h3,
  .rinenArea .rinenBox02 h3{
      color:#5689d7;
      font-size:26px;
      font-weight:400;
      /*margin-bottom:15px;*/
margin-bottom:5px;/*20171204追記*/
  }
  .rinenArea .rinenBox p,
  .rinenArea .rinenBox02 p{
      font-size:14px;
      font-weight:400;
  }
  .rinenArea .rinenContainer {
      width:auto;
      margin:40px auto 20px;
  }
  .rinenArea .rinenContainer .rinenBox {
      float:none;
      width:100%;
      margin:0 25px 20px 0;
  }
  .rinenArea .rinenContainer .rinenBox:nth-child(2n){
      margin-right:0;
  }
  .rinenArea .rinenContainer02 {
      width:auto;
      margin:45px auto 0;
  }
  .rinenArea .rinenContainer02 dl {
      float:none;
      width:100%;
      height:auto;
      border:2px solid #5689d7;
      padding:20px;
      margin:0 25px 25px 0;
  }
  .rinenArea .rinenContainer02 dl:nth-child(2n){
      margin-right:0;
  }
  .rinenArea .rinenContainer02 dl dt {
      text-align:center;
  }
  .rinenArea .rinenContainer02 dl dd {
      font-size:14px;
      font-weight:400;
      line-height:1.4;
  }
  .rinenArea .rinenContainer02 dl .rinenTit {
      font-size:20px;
      font-weight:400;
      color:#5689d7;
      margin:15px 0 10px;
  }
  .company .leftConts {
      float: none;
      margin-top: 10px;
      text-align: center;
  }
  /*.company .rinenBox03 span {
      font-size: 30px;
  }*/
  .company .rinenBox03 {
  width: auto;/*20171204*/
  margin: 0 auto 15px;/*20171204*/
  }
  .rinenArea .rinenPic {
  margin-top: 20px;/*20171204追記*/
  }


/* liteaccess
--------------------------------------------- */
  .liteaccess .fs36 {
      font-size:20px !important;
  }
  .liteaccess-container table {
      width:100%;
      float:none;
      margin:0 0 20px 0;
  }
  .liteaccess-container table th {
      padding:20px 20px 0;
      height:auto;

  }
  .liteaccess-container table td {
      padding:20px;
      height:auto;
  }
  .liteaccess-container table .pic {
      height:auto;
      vertical-align:top;
      padding:20px 20px 0;
  }
  .liteaccess-container table:nth-child(2) .pic img,
  .liteaccess-container table:nth-child(3) .pic img {
      margin-top:-50px;
  }

/* withI
--------------------------------------------- */
  .withI .fs28 {
      font-size:20px !important;
  }


  .p-support_wrap {
    width: 100%;
    margin: 30px auto 20px;
    padding: 0;
  }


/* OT Office Pack Plus+
--------------------------------------------- */
.splashtop-enterprise-cloud-tab-list li a {
font-size: 10px;
}



}

@media screen and (max-width: 768px) {
.cloud-function-wrap02 {
    padding: 0 3%;
}


.splashtop-enterprise-cloud-conts-wrap_image iframe {
  height: 227px;
}



}

@media screen and (max-width: 680px) {
.type-select .tab li {
    margin-bottom: 180px;
}
.type-select .tab li:last-child {
    margin-bottom: 200px;
}



.splashtop-enterprise-cloud-type-select .tab li {
  margin-bottom: 180px;
}
.splashtop-enterprise-cloud-type-select .tab li:last-child {
  margin-bottom: 200px;
}
.splashtop-enterprise-cloud-list_item {
  font-size: 14px;
}
.splashtop-enterprise-cloud-conts-wrap_image iframe {
  height: 195px;
}



}

@media screen and (max-width: 600px) {

  .mfp-container,
  .mfp-iframe-holder {
      padding: 0 !important;
  }
  .mfp-iframe-holder .mfp-content {
      max-width: 100% !important;
  }
  .mfp-close {
      /*top: 10px !important;*/
      top: 12px !important;
      right: 20px !important;
  }

  .header .inner ul {
      display: none;
  }
  .header .inner .failure-info a{
      display: none;
  }
  .header .sp_gnavi{
      right: -70%;
      width: 70%;
  }

  .news-list dl dd:after {
      top: 50%;
      right: -17px;
      margin-top: -16.5px;
  }

  .detail .news-list02 dl dd div {
      height: 235px;
  }

  .info-movie-area {
      margin-bottom: 50px;
      height: 235px !important;
  }

/* company
  --------------------------------------------- */

  .flex .flexbox,
  .company ._boxline02 .flexbox {
      margin: 10px 0;
      flex: 0 0 100% !important;
      max-width: 100%;
      text-align: center;
  }

  .company ._boxline01 .flexbox {
      text-align: center;
  }
  .company ._boxline02 ._col5 {
      flex: 0 0 33.3333% !important;
      max-width: 33.3333%;
  }
  .company ._boxline02 .left,
  .company ._boxline02 .right {
      float: none;
  }
  .company ._boxline02 ._spTxtC {
      text-align: center;
  }

  .company .lineColumn ._lineL {
     border-left: none;
  }

  .company ._boxline02 .flex ._col4-view01 {
      flex-basis: 100% !important;
      max-width: 100% !important;
  }
  .company ._boxline02 .flex ._col4-view02 {
      flex-basis: 100% !important;
      max-width: 100% !important;
  }
  .cookie .btn-normal {
      width: 100%;
  }

  /* recruit
--------------------------------------------- */
  .recruit .header .inner ul {
      display: none;
  }


/* rinen
  --------------------------------------------- */


  .service-list li {
      margin: 0 5px 10px !important;
      width: 47.3%;
  }
  .service-list li:before {
      top: 15px;
      left: 14px;
      width: 38px;
      height: 32.5px;
      background-size: cover;
  }
  .sec11 .service-list {
    max-width: 100%;
  }
  .sec11 .service-list li {
      width: 46.4%;
  }
  .companyH3 {
  /*margin-bottom: 30px;*/
  margin-bottom: 20px;/*20171204追記*/
  font-size: 16px;
  line-height: 1.8;/*20171204追記*/
  }
  .company #tab02.tab02 .rinenArea {
  /*padding: 100px 12px 12px;*/
  padding: 0 12px;/*20171204追記*/
  }
  /*.company .rinenBox03 span {
  padding: 5px;
  font-size: 15px;
background: #fff;
  }
  .company .rinenBox03 h3, .companyTxt {
  font-size: 14px;
  }
  .company .rinenBox03 {
  margin-bottom: 28px;
  }*/
  .company .rinenBox03 {
width:auto;/*20171204追記*/
margin:0 auto 10px;/*20171204追記*/
  }
  .company .rinenBox03 h3{
font-size:15px;
padding:10px 5px;/*20171204追記*/
line-height:1.8;/*20171204追記*/
  }
  .companyTxt {
/*margin-top:-20px;*/
font-size:14px;/*20171204追記*/
margin-bottom:20px;/*20171204追記*/
  }

  .company .rinenBox04 span {
  padding: 5px;
  font-size: 18px;
  }
  .company .leftConts {
float:none;
margin-top: 0;
  }
  .company .rightConts {
float:none;
width:auto;
  }
  .company .companyTxt02 {
  font-size: 14px;
  margin-bottom: 20px;
  }
  .company .rinenBox05 span {
  font-size: 14px;
  }
  .company .rinenBox05 h3 {
  font-size: 14px;
  }
  .company .rinenBox05 {
  margin-bottom: 25px;
  }
  /*.company #tab03.tab03 .rinenArea {
  padding: 100px 20px 20px;
  }*/
  .company #tab03.tab03 .rinenArea {
  padding: 0 20px 20px;/*20171204*/
  }
  .rinenArea .rinenBox {
      width:auto;
  }
  /*20171204追加*/
  .company #tab02.tab02 .rinenArea .ttl06 {
margin-bottom:10px;
  }

/* pagenation */
.pagenation {
  font-size: 16px;
  line-height: 22px;
}
.current_page,
.link_page:hover {
  padding: 0 7px;
}


/* rpa
--------------------------------------------- */
.rpa-list {
float:left;
width:47%;
margin:0 4% 4% 0;
padding:30px 0 20px;
}
.rpa-list dt img {
width:40%;
}
.rpa-list:nth-child(3n) {
margin-right:4%;
}
.rpa-list:nth-child(2n) {
margin-right:0;
}
.rpa-list dd {
margin-top:5px;
font-size:10px;
}
.rpa-list02 {
float:left;
width:46%;
margin:0 4% 4% 0;
padding: 20px 0 15px;
}
.rpa-list02 dt img {
width:40%;
}
.rpa-list02 dd {
font-size:10px;
line-height:1.5;
}
.fs24.sp-f {
font-size:18px !important;
}
.fs26.sp-f {
font-size:20px !important;
}
.rpa-container03 {
margin:25px 0 50px;
}
.rpa-list03 {
float:left;
width:46%;
margin:0 4% 4% 0;
}
.rpa-list03 dd {
font-size:12px;
line-height:1.5;
}
.rpa-list03 .tit {
font-size:14px;
font-weight:bold;
text-align:center;
margin-bottom:10px;
}
.rpa-container04 {
margin-bottom:35px;
}
.rpa-container04 .left {
margin-bottom:30px;
}
.rpa-flow {
margin:50px auto 0;
width:auto;
}
#tab03 {
overflow-x:hidden;
}

/* ot-net-rpa 20200323
--------------------------------------------- */
.p-rpa-about__img {
  width: 100%;
  margin: 20px auto 30px;
}
/* .p-rpa-control-img__img {
  width: 100%;
}
img.p-rpa-control-img__img:nth-child(1) {
  padding-right: 4%;
}
img.p-rpa-control-img__img:nth-child(2) {
  padding-left: 4%;
} */
.p-rpa-flow__num {
max-width: 20%;
  flex-basis: 20%;
}
.p-rpa-flow__txt {
max-width: 80%;
  flex-basis: 80%;
  font-size: 1.125rem;
}

/* f-secure 20181030追加
--------------------------------------------- */
.f-secure-container .left-conts {
float:none;
margin-bottom:20px;
}
.f-secure-container .right-conts {
float:none;
}
.f-secure-container02 dl {
float:none;
margin:0 auto 30px;
}
.f-secure-container02 dl:last-child {
margin:0 auto 30px;
}
.f-secure-container03 .left-conts {
float:none;
width:auto;
margin-bottom:20px;
}
.f-secure-container03 .right-conts {
float:none;
width:auto;
}

/* OT AI-Concierge
--------------------------------------------- */
.ot-ai-concierge-wrap {
  display: block;
}
.ot-ai-concierge-wrap__txt {
  margin-bottom: 20px;
}
.ot-ai-concierge-wrap02 {
  display: block;
}
.ot-ai-concierge-wrap02__txt {
  margin-right: 0;
}
.ot-ai-concierge-wrap02__tit {
  font-size: 22px;
}
.ot-ai-concierge-wrap02__txt03 {
  font-size: 20px;
}
.ot-ai-concierge-wrap02__txt03-02 {
  font-size: 15px;
}
.ot-ai-concierge-wrap02__img {
  max-width: 100%;
  margin-top: 20px;
}
.ot-ai-concierge-wrap02__img img {
  width: 105px;
}
.ot-ai-concierge-wrap03 {
  display: block;
}
.ot-ai-concierge-wrap03__txt {
  font-size: 18px;
}
.ot-ai-concierge-wrap03__tel {
  font-size: 36px;
}


/* OT AI-OCR
--------------------------------------------- */
.ai-ocr-list {
  font-size: 18px;
}
.ai-ocr-tbl {
  width: 100%;
}
.ai-ocr-tbl__head,
.ai-ocr-tbl__data {
  padding: 15px;
  display: block;
  width: 100%;
}
.ai-ocr-tbl__head {
  font-size: 16px;
}
.ai-ocr-tbl__data {
  border-top: none;
  border-bottom: none;
}
.ai-ocr-tbl tr:last-child .ai-ocr-tbl__data {
  border-bottom: 1px solid #ababab;
}

/* OT Office Pack Plus+＆OTNet IoT　共通見出し
--------------------------------------------- */
.p-line_ttl {
  font-size: 1.25rem;
margin-bottom: 4%;
}
/* OTNet IoT */
.p-line_ttl-iot {
  line-height: 1.3;
}

/* OT Office Pack Plus+
--------------------------------------------- */
.p-office-trial {
  font-size: 1.125rem;
  width: 100%;
  margin: 0 auto 2.5rem;
  padding: 0.5rem 0;
}
.p-office-summary_wrap {
  margin-top: 10%;
}
.p-office-img_wrap {
  width: 100%;
}
.p-office-img_wrap:last-child {
  width: 100%;
  margin-top: 0;
}



.splashtop-enterprise-cloud-type-select .tab li {
margin-bottom: 65px;
}
.splashtop-enterprise-cloud-type-select .tab li:last-child {
margin-bottom: 80px;
}
.splashtop-enterprise-cloud-list_item span {
margin-right: 0;
}
.splashtop-enterprise-cloud-list_item span::after {
content: "\A" ;
white-space: pre ;
}
.splashtop-enterprise-cloud-list {
margin: 0 auto 40px;
}
.splashtop-enterprise-cloud-conts-wrap {
margin: 0 auto 40px;
display: block;
}
.splashtop-enterprise-cloud-tab-list li a {
font-size: 11x;
}
.splashtop-enterprise-cloud-conts-wrap_image {
width: 100%;
margin: 0 0 20px 0;
}
.splashtop-enterprise-cloud-conts-wrap_image iframe {
height: 177px;
}
.splashtop-enterprise-cloud-conts-wrap_text {
width: 100%;
}
.splashtop-enterprise-cloud-conts-wrap02 {
margin: 0 auto 30px;
display: block;
}
.splashtop-enterprise-cloud-conts-wrap02_image {
width: 100%;
margin-bottom: 20px;
}
.splashtop-enterprise-cloud-conts-wrap02_text {
width: 100%;
margin: 0 0 20px 0;
}
.splashtop-enterprise-cloud-conts-wrap03 {
margin: 0 auto 30px;
display: block;
}
.splashtop-enterprise-cloud-conts-wrap03_image {
width: 100%;
margin: 0 0 20px 0;
}
.splashtop-enterprise-cloud-conts-wrap03_text {
width: 100%;
}
.splashtop-enterprise-cloud-conts-wrap04 {
margin: 0 auto 30px;
display: block;
}
.splashtop-enterprise-cloud-conts-wrap04_text {
width: 100%;
margin: 0 0 20px 0;
}
.splashtop-enterprise-cloud-conts-wrap04_image {
width: 100%;
margin: 0 0 20px 0;
}
.splashtop-enterprise-cloud-conts-wrap05 {
margin: 0 auto 40px;
display: block;
}
.splashtop-enterprise-cloud-conts-wrap05_image {
width: 100%;
margin: 0 0 20px 0;
}
.splashtop-enterprise-cloud-conts-wrap05_text {
width: 100%;
}
.splashtop-enterprise-cloud-conts02 {
margin: 0 auto 30px;
padding: 20px 30px 10px;
}
.splashtop-enterprise-cloud-conts02_title {
font-size: 20px;
}
.splashtop-enterprise-cloud-conts02-wrap {
display: block;
}
.splashtop-enterprise-cloud-conts02-wrap_image {
width: 100%;
margin: 0 0 20px 0;
}
.splashtop-enterprise-cloud-conts02-wrap_text {
width: 100%;
}
.splashtop-enterprise-cloud-conts-wrap06 {
margin: 0 auto 35px;
display: block;
}
.splashtop-enterprise-cloud-conts-wrap06_image {
width: 100%;
margin: 0 0 20px 0;
text-align: center;
}
.splashtop-enterprise-cloud-conts-wrap06_text {
width: 100%;
}
.splashtop-enterprise-cloud-conts-wrap07 {
margin: 0 auto 35px;
display: block;
}
.splashtop-enterprise-cloud-conts-wrap07_text {
width: 100%;
margin: 0 0 20px 0;
}
.splashtop-enterprise-cloud-conts-wrap07_image {
width: 100%;
text-align: center;
}
.splashtop-enterprise-cloud-conts03-wrap {
display: block;
}
.splashtop-enterprise-cloud-conts03_imageleft {
width: 100%;
margin: 0 0 20px 0;
}
.splashtop-enterprise-cloud-conts03_imageright {
width: 100%;
}
.splashtop-enterprise-cloud-tab {
font-size: 11px;
}
.splashtop-enterprise-cloud-area-wrap {
display: block;
}
.splashtop-enterprise-cloud-area-wrap-inner {
width: 100%;
margin: 0 0 20px 0;
}
.splashtop-enterprise-cloud-area-wrap-inner_image {
max-width: 60px;
}
.table-scroll {
overflow: auto;
white-space: nowrap;
}
.table-scroll::-webkit-scrollbar {
height: 5px;
}
.table-scroll::-webkit-scrollbar-track {
background: #ddd;
}
.table-scroll::-webkit-scrollbar-thumb {
background: #999;
}
.table-scroll table {
border-collapse:collapse;
border-spacing:0;
}
.table-scroll table th,
.table-scroll table td {
padding:10px 15px;
font-weight:normal;
font-size:13px;
}
.table-scroll table th {
width:80px;
}
.splashtop-enterprise-cloud-conts-annotation {
margin: 10px auto 75px;
}
.splashtop-enterprise-cloud-conts_title02 {
font-size: 22px;
margin: 40px 0 15px;
}



/* OTNet I-oT
--------------------------------------------- */
.p-sumally_wrap {
  margin-bottom: 10%;
}
.p-iot-img_wrap {
  width: 100%;
  margin-top: 2%;
}
.p-iot-idea_wrap,
.p-iot-danger_wrap,
.p-iot-location_wrap,
.p-iot-tbl_wrap {
  margin-bottom: 12%;
}
.p-iot-tbl th,
.p-iot-tbl td {
  padding: 1% 1% 1% 2%;
  font-size: .85rem;
}

/* OT AI-Concierge for Thermography
--------------------------------------------- */
.ot-ai-concierge-for-thermography {
  line-height: 1.5 !important;
}
.ot-ai-concierge-for-thermography-h1 {
  font-size: 24px;
}

.ot-ai-concierge-for-thermography_title01,
.ot-ai-concierge-for-thermography_title02 {
  font-size: 1rem;
}
.ot-ai-concierge-wrap02__txt {
  width: 100%;
}
.ot-ai-concierge-wrap02__img {
  width: 100%;
}
.stand-alone-type_title {
  font-size: 1.625rem;
  margin-bottom: 30px;
  line-height: 1.3;
}
.stand-alone-type_title02 {
  font-size: 1.375rem;
}
.cloud-function_title {
  font-size: 1.625rem;
  line-height: 1.3;
}
.cloud-function_title02 {
  font-size: 1.375rem;
}
.cloud-function-list_item {
  font-size: 1.125rem;
  line-height: 1.5;
}
.cloud-function-wrap {
  display: block;
}
.cloud-function-wrap_image {
  width: 60%;
  margin: 0 auto;
}
.cloud-function-wrap_text {
  width: 100%;
}
.cloud-function-wrap_title {
  font-size: 1.375rem;
}
.cloud-function-wrap-list {
  font-size: 1rem;
  margin-bottom: 0px;
}
.cloud-function-wrap03 {
  flex-wrap: wrap;
  margin: 25px 3% 22px;
}
.cloud-function-wrap03-inner {
  margin: 0 4% 10% 0;
  width: 48%;
}
.cloud-function-wrap03-inner:nth-child(2n) {
  margin-right: 0;
}
.cloud-function-wrap03-inner_title {
  font-size: .875rem;
}
.cloud-function-wrap03-inner_sentence {
  font-size: .8125rem;
}
.ai-concierge-for-thermography-conts {
  margin-bottom: 35px;
}
.ai-concierge-for-thermography-conts_sentence {
  margin: 0 0 10px 0px;
}
.ai-concierge-for-thermography-conts_image {
  margin-left: 0;
}
.ai-concierge-for-thermography-conts_image02 {
  margin-bottom: 50px;
}
.ai-concierge-for-thermography-conts-wrap {
  margin: 0 0 50px 0px;
}
.ai-concierge-for-thermography-conts-wrap_image {
  width: 24%;
  margin-right: 0;
}
.ai-concierge-for-thermography-conts-wrap_text {
  width: 76%;
}
.ai-concierge-for-thermography-conts-support_title {
  font-size: 1rem;
  margin: 0 0 8px 0px;
}
.ai-concierge-for-thermography-conts-support-list {
  font-size: 1rem;
  margin: 0 0 50px 0px;
}
.ai-concierge-for-thermography-conts-support-wrap {
  margin: 0 0 60px 0px;
}
.ai-concierge-for-thermography-conts-support-wrap02 {
  margin: 40px 3% 13px;
  justify-content: center;
  flex-wrap: wrap;
}
.ai-concierge-for-thermography-conts-support-wrap02_inner {
  width: 48%;
  margin: 0 4% 4% 0;
}
.ai-concierge-for-thermography-conts-support-wrap02_inner:nth-child(2n) {
  margin-right: 0;
}
.type-select .tab li {
  margin-bottom: 65px;
}
.type-select .tab li:last-child {
  margin-bottom: 80px;
}
.cloud-function-wrap02 {
  padding: 0;
}



}

@media screen and (max-width: 340px) {
  .scroll {
      width: 230px;
  }
  .service-list li {
      width: 46.4%;
  }
  .contact-tel-area .p-contact-information_tel {
      padding-left: 26px;
  }
  .contact-tel-area .p-contact-information_tel:before {
      top: 16px;
      left: 14px;
  }

}


@media screen and (max-width: 785px) {
/* Eye24-7
--------------------------------------------- */
  .eye24-7-h1 {
      line-height: 1.3 !important;
  }
  .eye24-7-h1-subtitle {
      font-size: 2.5rem;
      margin-right: 0;
  }
  .eye24-7-main-img {
      margin-top: 30px;
  }
  .eye24-7-img {
      padding-bottom: 30px;
      margin-bottom: 25px;
  }
  .eye24-7-img03 img {
      width: 105px;
  }
  .security-wrap {
      display: block;
  }
  .security-wrap_text {
      width: 100%;
      margin-bottom: 30px;
  }
  .security-wrap_title {
      font-size: 1.5rem;
  }
  .security-wrap_secname {
      font-size: 1.375rem;
  }
  .security-wrap_entext {
      font-size: 1.125rem;
  }
  .security-wrap02 {
      display: block;
  }
  .security-wrap02_hour {
      font-size: 1rem;
      width: 100%;
      text-align: center;
      margin-bottom: 10px;
      font-size: 1.125rem;
  }
  .security-wrap02_tel {
      font-size: 2.5rem;
      width: 100%;
      text-align: center;
  }
  .security-wrap_image {
      width: 100%;
      text-align: center;
  }
  .security-wrap_image img {
      width: 90px;
  }
  .sp {
      display: block;
  }

/* SAT
--------------------------------------------- */
  .sat-title-h1 {
      line-height: 1.3 !important;
  }
  .sat-title02-h1 {
      font-size: 1.25rem;
  }
  .sat-sec {
      margin: 45px 0 55px;
      padding-top: 25px;
  }
  .sat-img {
      margin-bottom: 40px;
  }
  .sat-text {
      margin: 0 auto 25px;
      font-size: 1.125rem;
  }
  .sat-text02 {
      margin-bottom: 35px;
  }
  .sat-sec-inner {
      margin-bottom: 40px;
  }
  .sat-title {
      font-size: 1.5rem;
      margin-bottom: 30px;
  }
  .sat-img02 {
      text-align: center;
  }

/* GUARDIAN GATE
--------------------------------------------- */
  .guardian-gate-title-h1 {
      line-height: 1.3 !important;
  }
  .guardian-gate-title02-h1 {
      font-size: 1.25rem;
  }
  .guardian-gate-sec {
      margin: 30px 0 55px;
      padding-top: 24px;
  }
  .guardian-gate-img {
      margin-bottom: 35px;
  }
  .guardian-gate-text {
      font-size: 1.125rem;
  }
  .guardian-gate-notes {
      font-size: .9375rem;
      margin-bottom: 25px;
  }
  .guardian-gate-title {
      font-size: 1.5rem;
      margin-bottom: 25px;
  }
  .guardian-gate-sec-inner {
      margin-bottom: 30px;
  }
  .guardian-gate-wrap {
      display: block;
  }
.guardian-gate-wrap_list {
  width: 100%;
  margin-bottom: 40px;
}

/* WITH UTM PLUS
--------------------------------------------- */
.sat-title.with-utm-plus-title {
  font-size: 1.5rem;
  margin-bottom: 30px;
}
.with-utm-plus-contents {
  padding: 0 0 40px;
}
.with-utm-plus-list02 {
  padding: 0;
}
.with-utm-plus-list03 {
  padding: 0;
}
.with-utm-plus-contents.last {
  margin-bottom: 50px;
}

/* OT AI-Concierge for Thermography 導入事例
--------------------------------------------- */
.ttl01-subtitle {
  font-size: 28px;
  margin-bottom: 70px;
}
.thermography-case-study img {
  display: block;
  margin: 0 auto;
}

.ot-ai-ocr-ot-robo {
  margin-top: 40px;
}

.movie{
  position:relative;
  width:100%;
  height:0;
  padding-top:75%;
}
.movie iframe{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
}
.thermography-case-study_image {
  width: 48%;
  margin-right: 4%;
}
.thermography-case-study_image:nth-child(2n) {
  margin-right: 0;
}
.jzhyxy a,
.rsc-select-menu a {
  color: blue;
}

/* dx
---------------------------------------------*/
.dx-newspaper-wrap {
  display: block;
}
.dx-newspaper-wrap-image {
  margin-bottom: 30px;
}
.dx-newspaper-wrap-image:first-child {
  margin-right: 0;
}

/* OT Robo 20210705追加
---------------------------------------------*/
.p-rpa-about_title {
  font-size: 1.375rem;
  margin-bottom: 25px;
}
.p-rpa-about-wrap {
  display: block;
}
.p-rpa-about-wrap_image {
  width: 100%;
  margin: 0 0 25px 0;
  text-align: center;
}
.p-rpa-about-wrap_text {
  width: 100%;
}
.p-rpa-about-wrap_title {
  font-size: 1.25rem;
}
.p-rpa-about_image {
  margin-bottom: 60px;
}
@media screen and (max-width: 480px) {
  .p-rpa-business-wrap {
      justify-content: center;
      flex-wrap: wrap;
      margin: 50px auto 35px;
  }
  .p-rpa-business-wrap_inner {
      width: 45%;
      margin: 0 10% 5% 0;
  }
  .p-rpa-business-wrap_inner:nth-child(2n) {
      margin-right: 0;
  }
  .p-rpa-business-wrap_image {
      margin-bottom: 5px;
      text-align: center;
  }
  .p-rpa-business-wrap_title {
      margin-bottom: 5px;
      font-size: 1.0625rem;
  }
  .p-rpa-business-wrap_sentence {
      line-height: 1.5;
      font-size: .75rem;
  }
}
.p-rpa-business_image {
  margin-bottom: 20px;
}
.p-rpa-trouble-wrap {
  margin: 43px auto 45px;
}
.p-rpa-trouble-wrap_inner {
  width: 48%;
  padding: 4% 5%;
  margin-bottom: 4%;
}
.p-rpa-trouble-wrap_image {
  margin-bottom: 15px;
}
.p-rpa-trouble-sentence {
  font-size: 1rem;
  line-height: 1.3;
}
.p-rpa-strengths-wrap {
  margin: 30px auto 60px;
  flex-wrap: wrap;
}
.p-rpa-strengths-wrap_inner {
  width: 48%;
  margin-bottom: 20px;
}
.p-rpa-strengths-wrap_image {
  margin-bottom: 5px;
  text-align: center;
}
.p-rpa-strengths-title {
  font-size: 1rem;
  height: 3em;
  line-height: 1.5;
}
/*.p-rpa-solution_image {
  text-align: center;
  margin: 30px 0 80px;
}*/
@media screen and (max-width: 480px) {
  .p-rpa-solution-wrap {
      margin: 30px auto 80px;
      display: block;
  }
  .p-rpa-solution-wrap_image {
      width: 100%;
      text-align: center;
      margin-bottom: 80px;
  }
  .p-rpa-solution-wrap_image:nth-child(1)::after,
  .p-rpa-solution-wrap_image:nth-child(2)::after {
      left: 46.5%;
      bottom: -48px;
  }
}
/*@media screen and (max-width: 667px) {
.p-rpa-solution-wrap_image:nth-child(1)::after,
.p-rpa-solution-wrap_image:nth-child(2)::after {
  bottom: -48px;
  left: 48%;
}
}
@media screen and (max-width: 480px) {

}*/
.p-rpa-product-information_lead {
  line-height: 1.5;
}
.p-rpa-product-information-tbl {
  margin-bottom: 35px;
}
.p-rpa-product-information-tbl_last {
  margin-bottom: 10px;
}
.p-rpa-product-information-tbl_header {
  font-size: .8125rem;
  padding: 5px;
}
.p-rpa-product-information-tbl_data {
  padding: 5px;
  font-size: .75rem;
}
.u-ws-norwap {
  white-space: normal;
}
.p-rpa-product-information-tbl-list02 {
  display: block;
}
.p-rpa-product-information-tbl-list02_item {
  width: 100%;
}
.p-rpa-product-information-tbl-list03 {
  margin-left: 5px;
}
.p-rpa-product-information-tbl_number {
  font-size: 1.125rem;
}
.p-rpa-product-support_title {
  font-size: 1.125rem;
}
.p-rpa-product-support_lead {
  line-height: 1.5;
}
.p-rpa-product-information-tbl02 {
  margin-bottom: 70px;
  font-size: .75rem;
}
.p-rpa-product-information-tbl02_header {
  white-space: nowrap;
  line-height: 1.3;
}
.p-rpa-product-information-tbl02_data {
  line-height: 1.3;
}
.p-flow-image {
  padding-bottom: 10px;
  margin-bottom: 15px;
}
.p-flow-tbl-wrap {
  margin: 10px 0 30px;
}
.p-flow-tbl {
  font-size: .75rem;
}
.p-flow-tbl_header {
  white-space: nowrap;
  vertical-align: top;
}
.p-rpa-product-bizrobo_lead {
  margin-bottom: 20px;
}
.p-flow-image03 {
  margin-bottom: 35px;
}
.p-rpa-product-bizrobo-wrap {
  display: block;
  margin-top: 15px;
}
.p-rpa-product-bizrobo-wrap_text {
  width: 100%;
  margin: 0 0 25px 0;
}
.p-rpa-product-bizrobo-wrap_image {
  width: 40%;
  margin: 0 auto 25px;
}
.p-rpa-product-bizrobo_title {
  font-size: 1rem;
  display: block;
}
.p-rpa-product-bizrobo-title03_last {
  margin: 15px 0 5px;
}
.p-rpa-product-bizrobo_image {
  margin-bottom: 10px;
}
.p-rpa-product-bizrobo_notes {
  padding: 5px 10px;
  font-size: .9375rem;
  margin-bottom: 70px;
  line-height: 1.5;
}

/* safeAttach EVS
---------------------------------------------*/
.safeattach-sec {
  margin: 40px auto 80px;
}
.safeattach-product-title,
.safeattach-point,
.safeattach-setting {
  font-size: 16px;
}
.safeattach-point-list-title,
.safeattach-point-list {
  font-size: 16px;
  margin-bottom: 22px;
}
.safeattach-point {
  margin: 20px 0 10px;
}
.safeattach-point-wrap {
  margin: 10px auto 30px;
}

/* publicinfo
---------------------------------------------*/
.publicinfo-wrap {
display: block;
}
.publicinfo-wrap_left {
margin: 0 0 10px 0;
}
.publicinfo-wrap_left,
.publicinfo-wrap_right {
width: 100%;
}

/* wrap-ot-office-pack-sp
---------------------------------------------*/
.wrap-ot-office-pack-sp .ttl01 {
  font-size: 30px;
}
.wrap-ot-office-pack-sp .ttl01 span:before {
  margin-right: 0;
}
.wrap-ot-office-pack-sp_title {
  font-size: 24px;
}
.wrap-ot-office-pack-sp_title02 {
  top: 0;
}
.ot-office-pack-sp-mainimg {
  margin-bottom: 30px;
}
.ot-office-pack-sp-sec {
  margin: 0 auto 40px;
}
.ot-office-pack-sp-title {
  font-size: 16px;
  padding-bottom: 10px;
  margin-bottom: 20px;
}
.ot-office-pack-sp-cloudstorage-wrap {
  display: block;
}
.ot-office-pack-sp-cloudstorage-wrap_text {
  width: 100%;
}
.ot-office-pack-sp-cloudstorage-wrap_image {
  width: 100%;
  text-align: center;
}
.ot-office-pack-sp-storage-wrap {
  margin: 0 auto 20px;
  display: block;
}
.ot-office-pack-sp-storage-wrap_inner {
  width: 100%;
  margin-bottom: 50px;
}
.ot-office-pack-sp-storage-wrap_title {
  font-size: 15px;
}
.ot-office-pack-sp-storage-wrap_title02 {
  font-size: 14px;
}
.ot-office-pack-sp-storage-wrap_sentence {
  font-size: 14px;
}
.ot-office-pack-sp-sec.ot-office-pack-sp-storage {
  margin-bottom: 35px;
}
.ot-office-pack-sp-about-wrap {
  display: block;
}
.ot-office-pack-sp-about-wrap_image {
  width: 100%;
  margin-bottom: 20px;
  text-align: center;
}
.ot-office-pack-sp-about-wrap_sentence {
  width: 100%;
  font-size: 13px;
}
.ot-office-pack-sp-feature-wrap {
  margin: 20px auto 40px;
  display: block;
}
.ot-office-pack-sp-feature-wrap_sentence {
  width: 100%;
  font-size: 13px;
  margin-bottom: 20px;
}
.ot-office-pack-sp-feature-wrap_image {
  width: 100%;
  text-align: center;
}
.ot-office-pack-sp-feature_image {
  margin-bottom: 30px;
}
.ot-office-pack-sp-rateplan_lead {
  font-size: 13px;
  margin-bottom: 30px;
}
.ot-office-pack-sp-rateplan_unnecessary {
  font-size: 22px;
  top: 1px;
}
.ot-office-pack-sp-rateplan-wrap {
  display: block;
}
.ot-office-pack-sp-rateplan-wrap_inner {
  width: 100%;
  margin-bottom: 20px;
}
.ot-office-pack-sp-rateplan-wrap02 {
  display: block;
}
.ot-office-pack-sp-rateplan-wrap02_inner {
  width: 100%;
  margin-bottom: 20px;
}
.ot-office-pack-sp-inquiry-wrap {
  display: block;
  padding: 30px 13px;
}
.ot-office-pack-sp-inquiry-wrap_left {
  width: 100%;
  margin-bottom: 10px;
  justify-content: center;
}
.ot-office-pack-sp-inquiry-wrap_image {
  width: auto;
  margin-right: 3px;
}
.ot-office-pack-sp-inquiry-wrap_title02 {
  width: auto;
  font-size: 16px;
}
.ot-office-pack-sp-inquiry-wrap_right {
  width: 100%;
}
.ot-office-pack-sp-inquiry-wrap_title {
  text-align: center;
  margin-bottom: 10px;
  font-size: 15px;
}
.ot-office-pack-sp-inquiry-wrap_hour {
  display: block;
  text-align: center;
}
.ot-office-pack-sp-inquiry-wrap_tel {
  margin-left: 0;
}
.ot-office-pack-sp-inquiry-wrap02_inner {
  width: 90%;
}
.ot-office-pack-sp-inquiry-wrap02_image {
  width: 11%;
}
.ot-office-pack-sp-inquiry-wrap02_text {
  width: 87%;
  font-size: 16px;
}
.ot-office-pack-sp-case-study-list_item {
  font-size: 12px;
}
.ot-office-pack-sp-case-study-list_title {
  font-size: 13px;
}
.ot-office-pack-sp-case-study-tbl_header {
  font-size: 13px;
}
.ot-office-pack-sp-case-study-tbl_data {
  font-size: 13px;
}
.ot-office-pack-sp-manual-download-list {
  margin: 20px auto 40px;
}
.ot-office-pack-sp-manual-download-list:last-child {
  margin-bottom: 70px;
}
.ot-office-pack-sp-manual-download-list_item {
  font-size: 13px;
  line-height: 1.5;
}
.ot-office-pack-sp-contact .ttl01 {
  font-size: 20px;
}
.ot-office-pack-sp-contact .tb-form col {
  display: none;
}

/* ot-alcohol-checker 20220308
---------------------------------------------*/
.wrap-ot-alcohol-checker .ttl01 {
  font-size: 24px;
  padding-bottom: 10px;
}
.ot-alcohol-checker-sec-pic02 {
  margin: 0 0 30px 0;
}

.wrap-ot-alcohol-checker .ttl09 {
  margin-bottom: 20px;
}
.wrap-ot-alcohol-checker .ttl04 {
  margin-bottom: 10px;
  text-indent: -2em;
  padding-left: 2em;
  line-height: 1.5;
}
.ot-alcohol-checker-sec {
  margin: 0 auto 55px;
}
.ot-alcohol-checker-title {
  font-size: 16px;
  padding-bottom: 10px;
  margin-bottom: 20px;
}
.ot-alcohol-checker-to-all-businesses_lead {
  font-size: 20px;
  margin-bottom: 20px;
}
.ot-alcohol-checker-to-all-businesses-wrap {
  display: block;
}
.ot-alcohol-checker-to-all-businesses-wrap_left {
  width: 100%;
  height: 55px;
  margin-bottom: 20px;
}
.ot-alcohol-checker-to-all-businesses-wrap_left::before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin: -1px 0 0 -10px;
  border: 10px solid transparent;
  border-top: 13px solid #2B5ABE;
}
.ot-alcohol-checker-to-all-businesses-wrap_right {
  width: 100%;
  font-size: 15px;
  line-height: 1.5;
}
.ot-alcohol-checker-to-all-businesses-wrap_right li {
  margin-bottom: 10px;
}
.ot-alcohol-checker-to-all-businesses_sentence02 {
  font-size: 13px;
  margin: -15px 0 15px 0;
  line-height: 1.5;
}
.ot-alcohol-checker-to-all-businesses-wrap02 {
  display: block;
}
.ot-alcohol-checker-to-all-businesses-wrap02_image {
  width: 100%;
  margin-bottom: 25px;
  text-align: center;
}
.ot-alcohol-checker-to-all-businesses-wrap02_text {
  width: 100%;
  margin-top: 0;
}
.ot-alcohol-checker-to-all-businesses-wrap02-list_item {
  margin-bottom: 8px;
}
.ot-alcohol-checker-ac-015st-wrap {
  display: block;
  margin: 0 auto 20px;
}
.ot-alcohol-checker-ac-015st-wrap_image {
  width: 100%;
  margin-bottom: 15px;
}
.ot-alcohol-checker-ac-015st-wrap_image img {
  max-width: 176px;
  margin: 0 auto;
  display: block;
}
.ot-alcohol-checker-ac-015st-wrap_image02 img {
  max-width: 125px;
  margin: 0 auto;
  display: block;
}
.ot-alcohol-checker-ac-015st-wrap_left {
  width: 100%;
}
.ot-alcohol-checker-ac-015st-wrap-table {
  line-height: 1.5;
}
.ot-alcohol-checker-ac-015st-wrap-table_header {
  font-size: 12px;
  padding: 5px 8px;
  width: 30%;
  vertical-align: middle;
}
.ot-alcohol-checker-ac-015st-wrap-table_data {
  font-size: 11px;
  padding: 5px 8px;
}
.ot-alcohol-checker-ac-015st-wrap02 {
  display: block;
}
.ot-alcohol-checker-ac-015st-wrap02_inner {
  width: 100%;
  margin-bottom: 25px;
}
.ot-alcohol-checker-ac-015st-wrap02_title {
  margin-bottom: 10px;
}
.ot-alcohol-checker-ac-015st-wrap02_conts {
  max-width: 364px;
  width: 100%;
}
.ot-alcohol-checker-ac-015st-wrap02_title02 {
  font-size: 15px;
}
.ot-alcohol-checker-ac-015st-wrap03 {
  width: 100%;
  display: block;
}
.ot-alcohol-checker-ac-015st-wrap03_image {
  width: 100%;
  text-align: center;
  margin-bottom: 5px;
}
.ot-alcohol-checker-ac-015st-wrap03_text {
  width: 100%;
}
.ot-alcohol-checker-ac-015st-wrap04 {
  margin: -10px auto 30px;
  display: block;
}
.ot-alcohol-checker-ac-015st-wrap04_image {
  width: 100%;
  margin-bottom: 10px;
}
.ot-alcohol-checker-ac-015st-wrap04_image img {
  max-width: 241px;
  display: block;
  margin: 0 auto;
}
.ot-alcohol-checker-ac-015st-wrap04_image02 img {
  max-width: 221px;
  display: block;
  margin: 0 auto;
}
.ot-alcohol-checker-ac-015st-wrap04_text {
  width: 100%;
}
.ot-alcohol-checker-ac-015st-wrap04-table {
  line-height: 1.5;
  margin-bottom: 0;
}
.ot-alcohol-checker-ac-015st-wrap04-table_header {
  padding: 3px 8px;
  vertical-align: middle;
}

.ot-alcohol-checker-ac-015st-wrap04-table_data {
  padding: 3px 8px;
}
.ot-alcohol-checker-ac-015st_title {
  line-height: 1.5;
  margin-bottom: 8px;
}
.ot-alcohol-checker-ac-015st_sentence {
  line-height: 1.8;
  margin-bottom: 15px;
}
.ot-alcohol-checker-ac-015st-table {
  line-height: 1.5;
  max-width: 100%;
  width: 100%;
}
.ot-alcohol-checker-ac-015st-table_header {
  padding: 3px 8px;
  vertical-align: middle;
}
.ot-alcohol-checker-ac-015st-table_data {
  padding: 3px 8px;
}
.ot-alcohol-checker-ac-015st-wrap_lead {
  text-align: center;
  line-height: 1.5;
}
.ot-alcohol-checker-ac-015st-wrap-table {
  margin-bottom: 35px;
}
.ot-alcohol-checker-detector-table .ot-alcohol-checker-ac-015st-wrap-table_header {
  padding: 3px 8px;
  width: 45%;
}
.ot-alcohol-checker-detector-table .ot-alcohol-checker-ac-015st-wrap-table_data {
  padding: 3px 8px;
}
.ot-alcohol-checker-ac-015st-wrap-table02 {
  margin-bottom: 20px;
}
.ot-alcohol-checker-ac-015st-wrap02_text03 {
  max-width: 208px;
  margin: 0 auto 10px;
  font-size: 13px;
}
.ot-alcohol-checker-ac-015st-wrap04-table_header span {
  font-size: 11px;
}
.ot-alcohol-checker-management-software_image {
  margin-bottom: 30px;
}
.ot-alcohol-checker-management-software-table {
  margin-bottom: 35px;
}
.ot-alcohol-checker-management-software_sentence03 {
  line-height: 1.5;
  margin-bottom: 10px;
}
.ot-alcohol-checker-management-software-list02 {
  font-size: 14px;
  margin-left: 0;
}
.ot-alcohol-checker-management-software_sentence02 {
  line-height: 1.8;
  margin-bottom: 5px;
}
.ot-alcohol-checker-management-software_sentence02-last {
  margin-bottom: 40px;
  line-height: 1.5;
}
.ot-alcohol-checker-management-software_notes {
  margin-bottom: 40px;
}
.ot-alcohol-checker-lineup-wrap {
  display: block;
}
.ot-alcohol-checker-lineup-wrap_image {
  width: 100%;
  max-width: 315px;
  margin: 0 auto 20px;
}
.ot-alcohol-checker-lineup-wrap_image img {
  max-width: 237px;
  display: block;
  margin: 0 auto;
}
.ot-alcohol-checker-lineup-wrap_caption {
  margin-top: 5px;
}
.ot-alcohol-checker-lineup-wrap_text {
  width: 100%;
  margin-top: 0;
}
.ot-alcohol-checker-lineup-wrap_title {
  margin-top: 20px;
}
.ot-alcohol-checker-lineup-wrap_title02 {
  text-align: center;
  margin-bottom: 0;
}
.ot-alcohol-checker-lineup-table {
  line-height: 1.5;
}
.ot-alcohol-checker-lineup-table_header {
  padding: 5px 5px;
  width: 63%;
}
.ot-alcohol-checker-lineup-table_data {
  padding: 5px 28px;
  vertical-align: middle;
}
.ot-alcohol-checker-lineup-wrap_caption02 {
  margin-top: -26px;
}
.ot-alcohol-checker-lineup-wrap02 {
  margin: 0 auto;
  max-width: 280px;
}
.ot-alcohol-checker-lineup_sentence {
  margin-bottom: 20px;
}
.ot-alcohol-checker-lineup-wrap_image03 img {
  max-width: 315px;
  display: block;
  margin: 0 auto;
}
.ot-alcohol-checker-lineup_notes {
  font-size: 13px;
  line-height: 1.5;
  margin-top: -10px;
}
.ot-alcohol-checker-lineup-wrap_image02-02 {
  margin-left: 1em;
}
.ot-alcohol-checker-management-software-list03-02 {
  margin-bottom: 40px;
}
.ot-alcohol-checker-lineup-wrap_sentence02 {
  text-align: center;
}

/* DX 20220303
---------------------------------------------*/
.tab-detail_dx {
  margin-top: 40px;
  padding: 0 20px 20px;
}
.tab-dx_02 {
  flex-wrap: wrap;
}
.company .tab-dx_02 li {
  font-size: 11px !important;
  padding: 0 10px;
  width: 50%;
  max-width: 50%;
}
.company .tab-dx_02 li:nth-child(3),
.company .tab-dx_02 li:nth-child(4) {
  margin-top: 0;
}
.tab-dx_02 li:nth-child(2) {
  border-right: none;
}
.dx-conts-title {
  font-size: 19px;
  margin-bottom: 25px;
}
.dx-message-president-wrap {
  display: block;
}
.dx-message-president-wrap_image {
  width: 100%;
  margin: 0 auto 20px;
  text-align: center;
}
.dx-message-president-wrap_image img {
  width: 250px;
}
.dx-message-president-wrap_text {
  width: 100%;
}
.dx-message-president-wrap_sentence {
  margin-bottom: 20px;
}
.dx-message-president-footer {
  margin-bottom: 25px;
}
.dx-message-president-footer_sentence {
  font-size: 12px;
}
.dx-certification_sentence {
  margin-bottom: 20px;
}
.dx-certification_image {
  margin: 0 auto 10px;
  width: 100%
}
.dx-certification_image img {
  max-width: 200px;
}
.dx-strategy-wrap {
  display: block;
  margin-bottom: 45px;
}
.dx-strategy-wrap_left {
  width: 100%;
  font-size: 40px;
  margin-bottom: 10px;
}
.dx-strategy-wrap_num::after {
  background: none;
}
.dx-strategy-wrap_right {
  width: 100%;
}
.dx-strategy-wrap_title {
  font-size: 20px;
}
.dx-strategy-wrap_sentence {
  margin-bottom: 20px;
}
.dx-strategy-wrap_sentence02 {
  font-size: 18px;
}
.dx-strategy-wrap_image {
  text-align: center;
}
.dx-strategy-wrap_image02 {
  margin-top: 25px;
}
.dx-certification ul {
  margin: 0 0 40px 0;
}
.dx-certification ul li {
  line-height: 1.5;
}
.dx-product-introduction_inner {
  width: 95%;
}
.dx-product-introduction-wrap {
  display: block;
  height: 100%;
  width: 90%;
  padding: 25px 0;
}
.dx-product-introduction-wrap_left {
  width: 100%;
  font-size: 45px;
  margin-bottom: 15px;
}
.dx-product-introduction-wrap_right {
  width: 100%;
}
.dx-product-introduction-wrap_sentence {
  font-size: 14px;
  line-height: 1.8;
  margin-bottom: 10px;
}
.dx-product-introduction_link {
  font-size: 11px;
  max-width: 250px;
}
.dx-solution {
  margin: 20px auto 0;
  display: block;
}
.dx-solution_inner {
  width: 100%;
  padding: 20px;
  margin-bottom: 30px;
}
.dx-solution_title02 {
  font-size: 18px;
}

/* wrap-tobilaphone
---------------------------------------------*/
.tobilaphone-wrap {
  display: block;
}
.tobilaphone-wrap__text {
  width: 100%;
  margin-right: 0;
}
.tobilaphone-wrap__image {
  width: 100%;
  text-align: center;
}
.tobilaphone-convenience-wrap {
  display: block;
  margin: 40px auto 0;
}
.tobilaphone-convenience-wrap__inner {
  width: 100%;
  margin: 0 0 60px 0;
}
.tobilaphone-title02 {
  font-size: 20px;
}


}