@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@700;900&display=swap');
@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);
/* =========================================================初期設定 */
body {
  color: #555;
  background-color: #fff;
  font-family: 'Noto Sans JP', "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
  font-size: 1.7em;
  /*  line-height: 1.5em;*/
  margin: 0;
  padding: 0;
}
::placeholder {
  font-family: 'Noto Sans JP', sans-serif;
}
@media all and (-ms-high-contrast:none) {
  .hack {
    padding: 0.5em 0.3em 0.1em;
  }
}
html {
  font-size: 62.5%;
}
/* ページ内アンカー */
#a, #b, #c, #d, #e, #f, #g, #h, #i, #j, #k, #l, #m, #n, #o, #p, #q, #r, #s, #t, #u, #v, #w, #x, #y, #z, #anchor, #kb {
  margin-top: -77px;
  padding-top: 77px;
}
/* お知らせ */
.infolist {
  display: flex;
  width: 80%;
  margin: 20px auto;
}
.infolist div:first-of-type {
  width: 10%;
}
.infolist div:last-of-type {
  width: 90%;
  margin-left: 10px;
}
@media only screen and (max-width:1024px) {
  .infolist div:first-of-type {
    width: 15%;
  }
  .infolist div:last-of-type {
    width: 85%;
  }
}
@media only screen and (max-width:640px) {
  .infolist {
    font-size: 0.8em;
    line-height: 1.5em;
  }
}
@media only screen and (max-width:500px) {
  .infolist {
    display: block;
    width: 100%;
  }
  .infolist div:first-of-type {
    width: 95%;
  }
  .infolist div:last-of-type {
    width: 95%;
    margin-left: 0px;
  }
}
/* 確定申告特集バナー */
.ba-sp-kakushin {
  display: flex !important;
  align-items: center !important;
  margin: 0 auto;
  color: #3853b5 !important;
  width: 55%;
  font-size: 0.98em !important;
}
.ba-sp-kakushin div:first-child {
  text-align: left;
}
.ba-sp-kakushin div:first-child span {
  background: #FF7127;
  color: #fff;
  text-align: center;
  font-size: 0.68em;
  padding: 5px 20px;
  border-radius: 30px;
  margin: 0 20px;
}
.ba-sp-kakushin div:first-child p {
  color: #FF7127 !important;
  margin: 5px 0;
}
.ba-sp-kakushin div:first-child img {
  width: 100% !important;
  height: auto;
  margin: 0 5px;
}
.ba-sp-kakushin div:last-child {
  width: 18% !important;
}
.ba-sp-kakushin div:last-child img {
  width: 80px !important;
  height: auto;
  float: right;
}
@media only screen and (max-width:1200px) {
  .ba-sp-kakushin {
    width: 65%;
    font-size: 1.7vw !important;
  }
}
@media only screen and (max-width:860px) {
  .ba-sp-kakushin {
    width: 75%;
    font-size: 1.7vw !important;
  }
}
@media only screen and (max-width:768px) {
  .ba-sp-kakushin {
    width: 100%;
    font-size: 2.9vw !important;
  }
  .ba-sp-kakushin div:first-child p {
    margin-top: 5px;
    font-size: 2.6vw !important;
  }
  .ba-sp-kakushin div:last-child img {
    width: 60px !important;
    height: auto;
  }
}
@media only screen and (max-width:610px) {
  .ba-sp-kakushin {
    width: 90%;
    font-size: 1.9vw !important;
  }
  /*	.ba-sp-kakushin div:first-child span {
	display: none;
}*/
  .ba-sp-kakushin div:first-child img {
    width: 100% !important;
    height: auto;
  }
  .ba-sp-kakushin div:first-child span {
    padding: 2px 10px;
    margin: 0 5px;
    font-size: 0.80em;
  }
}
/* 年末調整特集バナー */
.ba-sp-nencho {
  display: flex !important;
  align-items: center !important;
  margin: 0 auto;
  color: #3853b5 !important;
  width: 50%;
  font-size: 0.92em !important;
}
.ba-sp-nencho div:first-child {
  text-align: left;
}
.ba-sp-nencho div:first-child span {
  background: #FF7127;
  color: #fff;
  text-align: center;
  font-size: 0.68em;
  padding: 5px 10px;
  border-radius: 30px;
}
.ba-sp-nencho div:first-child p {
  color: #FF7127 !important;
  margin: 5px 0 0 0;
}
.ba-sp-nencho div:first-child img {
  width: 33% !important;
  height: auto;
  margin: 0 5px;
}
.ba-sp-nencho div:first-child img.logonencho {
  width: 60% !important;
  height: auto;
  margin: 0 5px;
}
.ba-sp-nencho div:last-child {
  width: 30% !important;
}
.ba-sp-nencho div:last-child img {
  width: 80px !important;
  height: auto;
}
@media only screen and (max-width:1200px) {
  .ba-sp-nencho {
    width: 60%;
    font-size: 1.7vw !important;
  }
}
@media only screen and (max-width:768px) {
  .ba-sp-nencho {
    width: 98%;
    font-size: 2.7vw !important;
  }
  .ba-sp-nencho div:first-child p {
    margin-top: 5px;
    font-size: 2.6vw !important;
  }
  .ba-sp-nencho div:last-child img {
    width: 60px !important;
    height: auto;
  }
}
.icon-new3 {
  display: inline;
  padding: 1px 10px;
  background: #d7264f;
  border-radius: 7px;
  margin-left: 5px;
  color: #fff;
  font-size: 1.5rem;
  font-weight: bold;
  text-align: center;
}
.icon-new4 {
  background: #d7264f;
  color: #fff !important;
  font-size: 0.7em !important;
  font-weight: bold;
  text-align: center;
  padding: 2px 8px !important;
  border-radius: 3px;
  margin-left: 5px;
}
.top-box-case div:first-child {
  padding-left: 30px;
}
.top-box-case div:last-child {
  text-align: right !important;
  padding-right: 20px;
}
.top-box-case div:last-child img {
  width: 80%;
  height: auto;
}
#top-box div.casetop {
  text-align: center;
}
#top-box div.casetop img {
  width: 80% !important;
  height: auto !important;
}
#top-box div.casetxt {
  padding-left: 30px;
}
/*===================▼fade-aos（jdlhptop）===================*/
/*#jdlhptop .background_lightgrey2 {
  background-color: #fff;
  background-image: url(../image/d-top.jpg);
  background-position: center 70px;
  background-repeat: no-repeat;
  border-bottom: 1px solid #ededed;
}*/
#jdlhptop .section-top {
  padding-top: 0;
}
#jdlhptop .background_lightgrey2 {
  /* background-color: #f1fbfd;*/
  background: #eaeee7;
  background-image: url("../image/d3-top.jpg");
  /* background-position: right;*/
  background-position: center;
  background-repeat: no-repeat;
  border-bottom: 1px solid #ededed;
  background-size: contain;
  margin-top: 70px;
}
/*#jdlhptop .background_lightgrey2:hover {
 opacity: .9;
}*/
#jdlhptop #top-box {
  padding-top: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  /* min-height: 380px;*/
  min-height: 410px;
}
#jdlhptop #top-box > div {
  z-index: 2
}
#jdlhptop #top-box h1 {
  color: #232323 !important;
  font-size: 5.5rem;
  font-weight: 1000;
  text-align: left !important;
  line-height: 1.2em !important;
}
#jdlhptop #top-box .h1-sub {}
/*#jdlhptop #top-box .h1-sub {
  color: #232323 !important;
  position: absolute;
  font-size: 7.5rem !important;
  font-weight: 1000;
  top: 4.5rem;
  left: 0.2vw;
  text-align: left !important;
  line-height: 1.2em !important;
}*/
#jdlhptop #top-box h2 {
  color: #232323 !important;
  position: absolute;
  font-size: 5.0rem !important;
  top: 5.0rem;
  font-weight: 1000;
  left: 1.5vw;
}
#jdlhptop #top-box h3 {
  position: absolute;
  top: 14.0rem;
  left: 27.5rem;
}
#jdlhptop #top-box h3 img {
  width: 60%;
  height: auto;
}
#jdlhptop .heading03 {
  display: flex;
  align-items: center;
  margin: 10px auto;
}
#jdlhptop .heading03::before {
  content: '';
  width: 40px;
  height: 1px;
  background-color: #555;
}
#jdlhptop .heading03::before {
  margin-right: 10px;
}
#jdlhptop .heading03::after {
  margin-left: 20px;
}
#jdlhptop .heading01 {
  display: inline;
  background-image: linear-gradient(rgba(0, 0, 0, 0) 70%, rgb(159, 220, 255) 70%);
}
#jdlhptop #top-box .icon-new {
  position: absolute;
  bottom: 2.0rem;
  left: 45.0rem;
  width: 40px;
  height: 40px;
  line-height: 40px;
  background: #d7264f;
  border-radius: 50%;
  font-size: 1.2rem !important;
  color: #fff;
  font-weight: bold;
  text-align: center;
}
#jdlhptop #top-box .icon-new2 {
  padding: 1px 10px;
  background: #d7264f;
  border-radius: 7px;
  margin-right: 5px;
  color: #fff;
  font-size: 1.8rem;
  font-weight: bold;
  text-align: center;
}
#top-box-aiocrtop .icon-new2 {
  padding: 1px 10px;
  background: #d7264f;
  border-radius: 7px;
  margin-right: 5px;
  color: #fff;
  font-size: 1.5rem;
  font-weight: bold;
  text-align: center;
}
#top-box-aiocrtop .sub-catch2 {
  color: #555 !important;
  font-weight: 600;
  font-size: 1.8rem;
  margin: .2em 0;
}
#jdlhptop #top-box .logo {
  position: absolute;
  bottom: 1.0rem;
  left: 20.5rem;
}
#jdlhptop #top-box .logo img {
  width: 55%;
  height: auto;
}
#jdlhptop #top-box .products {
  position: absolute;
  top: 16.0rem;
  left: 12.5rem;
}
#jdlhptop #top-box .products img {
  width: 90%;
  height: auto;
}
#jdlhptop #top-box .sub-catch1 {
  color: #555 !important;
  font-weight: 600;
  font-size: 2.0rem !important;
  margin: .2em 0;
}
#jdlhptop #top-box .sub-catch2 {
  color: #555 !important;
  font-weight: 600;
  font-size: 2.0rem !important;
  margin: .2em 0;
}
/* --メディアクエリ------------------------------ */
@media only screen and (max-width:1650px) {
  #jdlhptop .background_lightgrey2 {
    background-size: cover;
  }
}
@media only screen and (max-width:1200px) {
  #jdlhptop .background_lightgrey2 {
    background-position: right 40% bottom 0px;
    background-repeat: no-repeat;
    border-bottom: 1px solid #ededed;
  }
  #jdlhptop #top-box .logo img {
    width: 80%;
  }
  #jdlhptop #top-box .icon-new {
    position: absolute;
    top: 10.3rem;
    left: 9.0rem;
  }
  #jdlhptop #top-box .products {
    position: absolute;
    bottom: 0.0rem;
    right: -7.0rem;
  }
  #jdlhptop #top-box .products img {
    width: 90%;
  }
  #jdlhptop #top-box .sub-catch1 {
    font-size: 1.7rem !important;
    top: 27.0rem;
    left: 0.0rem;
  }
  #jdlhptop #top-box .sub-catch2 {
    font-size: 1.7rem !important;
    top: 30.0rem;
    left: 0.0rem;
  }
}
/* --メディアクエリ------------------------------ */
@media only screen and (max-width:768px) {
  #jdlhptop #top-box {
    min-height: 310px;
  }
  #jdlhptop #top-box h1 {
    font-size: clamp(3.2rem, 6.0vw, 5.0rem);
  }
  #jdlhptop #top-box h2 {
    font-size: 2.0rem !important;
    top: -7rem;
    left: 2.0vw;
    text-shadow: 2px 2px 3px #fff;
  }
  #jdlhptop #top-box h3 {
    position: absolute;
    bottom: 22rem;
    left: 2.0vw;
  }
  #jdlhptop #top-box h3 img {
    width: 50%;
    height: auto;
  }
  #jdlhptop #top-box .ba-impact {
    margin-top: 3.0rem;
  }
  #jdlhptop #top-box .ba-impact img {
    width: 80%;
    height: auto;
  }
  #jdlhptop .heading03 {
    display: block;
  }
  #jdlhptop .heading03::before {
    display: none;
  }
  #jdlhptop #top-box .logo {
    position: absolute;
    top: 0.0rem;
    left: 0.0rem;
  }
  #jdlhptop #top-box .logo img {
    width: 90%;
  }
  #jdlhptop #top-box .icon-new {
    position: absolute;
    top: 8.3rem;
    left: 9.0rem;
  }
  #jdlhptop #top-box .products {
    position: absolute;
    bottom: 0.0rem;
    right: -10.0rem;
  }
  #jdlhptop #top-box .products img {
    width: 80%;
  }
  #jdlhptop #top-box .sub-catch1 {
    font-size: 1.7rem !important;
    margin-bottom: 1em;
  }
  #jdlhptop #top-box .sub-catch2 {
    font-size: 1.7rem !important;
  }
  #jdlhptop .background_lightgrey2 {
    margin-top: 52px;
  }
  .section-top {
    padding-top: 50px;
  }
}
@media only screen and (max-width:640px) {
  #jdlhptop .background_lightgrey2 {
    background-image: url(../image/d3-top-sp.jpg);
    background-size: 120% !important;
  }
  #jdlhptop #top-box .ba-impact {
    margin-top: 7.0rem;
  }
}
@media only screen and (max-width:520px) {
  #jdlhptop #top-box .ba-impact {
    margin-top: 10.0rem;
  }
}
/*===================▲fade-aos（jdlhptop）===================*/
/*===================▼fade-aos（aiocrtop）===================*/
#aiocrtop .background_lightgrey2 {
  background-color: #fff;
  background-image: url("../ai-ocr/image/aiocr-topimg3.jpg"), url("../ai-ocr/image/aiocr-topimg3-back.jpg");
  background-position: right -300px center;
  background-repeat: no-repeat, repeat-x !important;
  border-bottom: 1px solid #ededed;
  /* background-size: contain; */
  margin-top: 110px;
}
#aiocrtop #top-box-aiocrtop {
  padding-top: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  min-height: 380px;
}
#aiocrtop .background_lightgrey2 .section-top {
  padding-top: 0;
}
#aiocrtop #top-box-aiocrtop > div {
  z-index: inherit !important;
}
#aiocrtop #top-box-aiocrtop h1 {
  color: #232323 !important;
  /* position: absolute; */
  font-size: 5.5rem !important;
  font-weight: 800;
  /* top: -3.0rem; */
  /* left: 1.0vw; */
  text-align: left !important;
  line-height: 1.1em !important;
  text-shadow: 2px 2px 3px #fff;
}
#aiocrtop #top-box-aiocrtop h2 {
  color: #fff !important;
  position: absolute;
  font-size: 2.0rem !important;
  top: -10.0rem;
  left: 1.5vw;
  background: #0066cc;
  padding: 8px 22px;
  border-radius: 30px;
  min-height: 0px;
}
#aiocrtop #top-box-aiocrtop h2:before { /* 吹き出し設定 */
  content: "";
  position: absolute;
  top: 100%;
  left: 30%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #0066cc;
}
#aiocrtop #top-box-aiocrtop h3 {
  /* position: absolute; */
  /* bottom: 2.6rem; */
  /* left: 53.0rem; */
  display: none;
  max-width: 150px;
}
#aiocrtop #top-box-aiocrtop h4 {
  color: #232323 !important;
  position: absolute;
  font-size: 1.9rem !important;
  border-bottom: none;
  bottom: 2.0vh;
  left: 1.3vw;
}
#aiocrtop #top-box-aiocrtop .ba-aiocr {
  /*  position: absolute;
  bottom: 3.3rem;
  padding: 5px 15px;*/
}
#aiocrtop #top-box-aiocrtop .ba-aiocr img {
  width: 70%;
  height: auto;
  border: 1px solid #ccc;
}
#aiocrtop .heading03 {
  display: flex;
  align-items: center;
  margin: 10px auto;
}
#aiocrtop .heading03::before {
  content: '';
  width: 70px;
  height: 1px;
  background-color: #555;
}
#aiocrtop .heading03::before {
  margin-right: 20px;
}
#aiocrtop .heading03::after {
  margin-left: 20px;
}
#aiocrtop .heading01 {
  display: inline;
  background-image: linear-gradient(rgba(0, 0, 0, 0) 70%, rgb(159, 220, 255) 70%);
}
#aiocrtop .ba-aiocr-sp {
  display: none;
}
/* --メディアクエリ------------------------------ */
@media only screen and (max-width:1199px) {}
@media only screen and (max-width:1096px) {
  #aiocrtop .ba-aiocr {
    /*
  display: none;
*/
  }
  #aiocrtop .background_lightgrey2 {
    background-position: right -300px center;
    background-size: cover;
  }
  #aiocrtop .ba-aiocr-sp {
    display: block;
    text-align: center;
    margin: 0 auto !important;
    padding: 20px;
  }
  #aiocrtop .ba-aiocr-sp img {
    width: 60%;
    height: auto;
  }
  #aiocrtop #top-box-aiocrtop h1 {
    font-size: 4.0rem !important;
  }
  #aiocrtop #top-box-aiocrtop h3 {
    position: absolute;
    bottom: 0.0rem;
    left: 20.0rem;
    top: 9rem;
  }
  #aiocrtop #top-box-aiocrtop h3 img {
    width: 70%;
    height: auto;
  }
}
@media only screen and (max-width:768px) {
  #aiocrtop .background_lightgrey2 {
    background-position: right -250px center;
    background-size: cover;
    margin-top: 89px;
  }
  #aiocrtop .background_lightgrey2 .section-top {
    padding: 0 1em;
    margin: 0;
  }
  #aiocrtop #top-box-aiocrtop .ba-aiocr {
    /* position: absolute; */
    /* bottom: auto; */
    padding: 0;
    font-size: 0.9em;
    /* top: 2.5em; */
  }
  #top-box-aiocrtop .sub-catch2 {
    color: #555 !important;
    font-weight: bold;
    font-size: 1.0em;
    margin: .5em 0;
  }
  #top-box-aiocrtop .icon-new2 {
    padding: 1px 5px;
    border-radius: 7px;
    margin-right: 5px;
    color: #fff;
    font-size: 1.3rem;
    font-weight: bold;
    text-align: center;
  }
  #aiocrtop #top-box-aiocrtop {
    min-height: 280px;
  }
  #aiocrtop #top-box-aiocrtop h1 {
    font-size: 3.0rem !important;
    /* top: -11.0rem; */
    /* left: 0.0vw; */
    text-shadow: 4px 10px 6px #fff;
  }
  #aiocrtop #top-box-aiocrtop h1 .sp-big {
    font-size: 5.2rem !important;
    display: inline-block;
    margin-top: 10px;
  }
  #aiocrtop #top-box-aiocrtop h2 {
    font-size: 1.5rem !important;
    top: -18rem;
    left: 0.0vw;
  }
  #aiocrtop #top-box-aiocrtop h3 {
    position: absolute;
    bottom: 0.0rem;
    left: 0.0rem;
    top: 10rem;
  }
  #aiocrtop #top-box-aiocrtop h3 img {
    width: 70%;
    height: auto;
  }
  #aiocrtop #top-box-aiocrtop h4 {
    bottom: -1.5vh;
    left: 1.3vw;
  }
  #aiocrtop .heading03 {
    display: block;
  }
  #aiocrtop .heading03::before {
    display: none;
  }
}
/*===================▲fade-aos（aiocrtop）===================*/
/*===================▼fade-aos（aiocrtop-co）===================*/
#aiocrtop-co .background_lightgrey2 {
  background-color: #fff;
  background-image: url("../benny/image/aiocr-topimg3-back.jpg");
  background-position: center 0px;
  /* background-repeat: no-repeat, repeat-x !important;*/
  border-bottom: 1px solid #ededed;
}
#aiocrtop-co #top-box-aiocrtop {
  padding-top: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  min-height: 280px;
  /*	 border: 1px solid #ccc;*/
  width: 90%;
  /*	width: 1100px;*/
  margin: 0 auto;
  font-feature-settings: "palt"; /* 自動カーニング */
}
#aiocrtop-co #top-box-aiocrtop > div {
  z-index: inherit !important;
}
#aiocrtop-co #top-box-aiocrtop h1 {
  color: #232323 !important;
  position: absolute;
  /* font-size: 5.3rem !important;*/
  /*  font-size: 6.8rem !important;*/
/*  font-size: 5.2rem !important;*/

  font-weight: 800;
  /*  top: -11.0rem;*/
  top: -11rem;
  left: 1.0vw;
  text-align: left !important;
  line-height: 1.2em !important;
  text-shadow: 2px 2px 3px #fff;
		    font-size: clamp(4.29rem, 5.5vw, 5.0rem) !important;
	letter-spacing: -0.2rem;
  z-index: 1;
}
#aiocrtop-co #top-box-aiocrtop h1.planb {
  color: #232323 !important;
  position: absolute;
  font-size: 3.8rem !important;
  font-weight: 800;
  top: -4.0rem;
  left: 1.0vw;
  text-align: left !important;
  line-height: 1.1em !important;
  text-shadow: 2px 2px 3px #fff;
}
#aiocrtop-co #top-box-aiocrtop h2 {
  color: #fff !important;
  position: absolute;
  font-size: 2.0rem !important;
  top: -10.0rem;
  left: 1.5vw;
  background: #0066cc;
  padding: 8px 22px;
  border-radius: 30px;
}
#aiocrtop-co #top-box-aiocrtop h2:before { /* 吹き出し設定 */
  content: "";
  position: absolute;
  top: 100%;
  left: 30%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #0066cc;
}
#aiocrtop-co #top-box-aiocrtop h2.ora {
  color: #fff !important;
  position: absolute;
  font-size: 2.0rem !important;
  top: -10.0rem;
  left: 40.0rem;
  /* background: #FF7600;*/
  background: #dd3c13;
  padding: 8px 22px;
  border-radius: 5px;
  border: #dd3c13 solid 1px;
}
#aiocrtop-co #top-box-aiocrtop h2.ora:before { /* 吹き出し設定 */
  content: "";
  position: absolute;
  top: 35%;
  left: -10px;
  margin-top: -12px;
  border: 12px solid transparent;
  border-right: 12px solid #dd3c13;
  /* top: 100%;
 left: 30%;
 margin-left: -15px;
 border: 15px solid transparent;
 border-top: 15px solid #FF7600;*/
}
#aiocrtop-co #top-box-aiocrtop h2.ora2 {
  color: #fff !important;
  position: absolute;
  font-size: 1.8rem !important;
  top: -11.0rem;
  left: 0.0rem;
  /* background: #FF7600;*/
  background: #dd3c13;
  padding: 8px 22px;
  border-radius: 30px;
  border: #dd3c13 solid 1px;
}
#aiocrtop-co #top-box-aiocrtop h2.ora2:before { /* 吹き出し設定 */
  content: "";
  position: absolute;
  /*	  top: 35%;
  left: -10px;
  margin-top: -12px;
  border: 12px solid transparent;
  border-right: 12px solid #dd3c13;*/
  top: 100%;
  left: 30%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #dd3c13;
}
#aiocrtop-co #top-box-aiocrtop h3 {
  position: absolute;
  bottom: 4.5rem;
  left: 18.0rem;
}
#aiocrtop-co #top-box-aiocrtop h3 img {
  width: 50%;
  height: auto;
}
#aiocrtop-co #top-box-aiocrtop h4 {
  color: #dd3c13 !important;
  position: absolute;
  font-size: 1.8rem !important;
  /*	 border-bottom: 1px solid #333;*/
  /* border-bottom: 2px dotted #dd3c13;*/
  border-bottom: none;
  padding-bottom: 0 !important;
  bottom: 10.0rem;
  left: 2.0rem;
  border-left: 8px solid #DD3C13;
  padding-left: 10px;
}
#aiocrtop-co #top-box-aiocrtop h4.p2 {
  color: #dd3c13 !important;
  position: absolute;
  font-size: 1.8rem !important;
  /*	 border-bottom: 1px solid #333;*/
  /* border-bottom: 2px dotted #dd3c13;*/
  border-bottom: none;
  padding-bottom: 0 !important;
  bottom: 1.0rem;
  left: 2.0rem;
  border-left: 8px solid #DD3C13;
  padding-left: 10px;
}
#aiocrtop-co #top-box-aiocrtop h5 {
  color: #fff !important;
  position: absolute;
  font-size: 2.0rem !important;
  font-weight: bold;
  top: -13.0rem;
  left: 2.0rem;
  background: #dd3c13;
  padding: 5px 30px;
  border-radius: 30px;
}
#aiocrtop-co #top-box-aiocrtop .ba-aiocr {
  position: absolute;
  bottom: 3.2rem;
  left: 5.0rem;
}
#aiocrtop-co #top-box-aiocrtop .ba-aiocr img {
  width: 70%;
  height: auto;
  border: 1px solid #ccc;
}
#aiocrtop-co .heading03 {
  display: flex;
  align-items: center;
  margin: 10px auto;
}
#aiocrtop-co .heading03::before {
  content: '';
  width: 70px;
  height: 1px;
  background-color: #555;
}
#aiocrtop-co .heading03::before {
  margin-right: 20px;
}
#aiocrtop-co .heading03::after {
  margin-left: 20px;
}
#aiocrtop-co .heading01 {
  display: inline;
  background-image: linear-gradient(rgba(0, 0, 0, 0) 70%, rgb(159, 220, 255) 70%);
}
#aiocrtop-co .ba-aiocr-sp {
  display: none;
}
#aiocrtop-co .topimg01 {
  position: absolute;
  right: 0.0rem;
  bottom: 2.0rem;
}
#aiocrtop-co .topimg01 img {
/*  width: 600px;*/
  width: 520px;
  height: auto;
}
#aiocrtop-co .topimg02 {
  position: absolute;
  right: 22.0rem;
  bottom: 1.5rem;
}
#aiocrtop-co .topimg02 img {
  width: 95%;
  height: auto;
}
ul.ah-top_newbox {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 1em;
  max-width: 1160px;
  margin: 0 auto;
}
ul.ah-top_newbox li a {
  display: grid;
  gap: .5em;
}
ul.ah-top_newbox img {
  width: 100%;
  height: auto;
}
ul.ah-top_newbox h4 {
  margin: 0;
  border: 0;
  color: #555;
  text-align: center;
  font-size: clamp(.8em, 1.5vw, 1em);
  padding: 0;
}
.section:has(ul.ah-top_newbox) {
  padding: 3em 0;
  margin: 0 auto;
}
/* --メディアクエリ------------------------------ */
@media only screen and (max-width:1199px) {
  #aiocrtop-co .section-top {
    width: 98% !important;
  }
  #aiocrtop-co #top-box-aiocrtop {
    width: auto;
  }
  #aiocrtop-co #top-box-aiocrtop h1 {
/*    font-size: 4.3rem !important;*/
  }
  #aiocrtop-co .topimg01 img {
    width: 500px;
    height: auto;
  }
}
@media only screen and (max-width:1096px) {
  #aiocrtop-co .ba-aiocr {
    display: none;
  }
  #aiocrtop-co .ba-aiocr-sp {
    display: block;
    text-align: center;
    margin: 0 auto !important;
    padding: 20px;
  }
  #aiocrtop-co .ba-aiocr-sp img {
    width: 60%;
    height: auto;
  }
  #aiocrtop-co #top-box-aiocrtop h3 {
    position: absolute;
    bottom: 0.0rem;
    left: 20.0rem;
    top: 9rem;
  }
  #aiocrtop-co #top-box-aiocrtop h3 img {
    width: 70%;
    height: auto;
  }
  #aiocrtop-co #top-box-aiocrtop h4 {
    font-size: 1.4rem !important;
  }
  #aiocrtop-co #top-box-aiocrtop h4.p2 {
    font-size: 1.4rem !important;
  }
  #aiocrtop #top-box-aiocrtop h3 {
    display: none;
  }
	  .br-none {
    display: none !important;
  }
  #aiocrtop-co .topimg01 img {
    width: 450px;
    height: auto;
  }
}
@media only screen and (max-width:860px) {
  #aiocrtop-co .topimg01 img {
    width: 450px;
    height: auto;
  }
/*  .br-none {
    display: none !important;
  }*/
  #aiocrtop-co #top-box-aiocrtop h4 {
    bottom: 22.0rem;
    left: 2.0rem;
  }
  #aiocrtop-co #top-box-aiocrtop h4.p2 {
    bottom: 15.0rem;
    left: 2.0rem;
  }
}
@media only screen and (max-width:768px) {
  #aiocrtop-co .background_lightgrey2 {
    /*  background-image: url("../ai-ocr/image/aiocr-topimg3sp.jpg");
  background-position: center 0px;*/
  }
  #aiocrtop-co #top-box-aiocrtop {
    min-height: 280px
  }
  #aiocrtop-co #top-box-aiocrtop h1 {
    /* font-size: 3.0rem !important; */
    top: -12.0rem;
    left: 3.0vw;
    text-shadow: 4px 10px 6px #fff;
    font-size: clamp(2.79rem, 3.0vw, 3.5rem) !important;
  }
  #aiocrtop-co #top-box-aiocrtop h1 .sp-big {
    font-size: 4.5rem !important;
    display: inline-block;
    margin-top: 10px;
  }
  #aiocrtop-co #top-box-aiocrtop h2 {
    font-size: 1.5rem !important;
    top: -12rem;
    left: 0.0vw;
  }
  #aiocrtop-co #top-box-aiocrtop h2.ora {
    font-size: 1.5rem !important;
    top: -12.0rem;
    left: 0vw;
  }
  #aiocrtop-co #top-box-aiocrtop h3 {
    position: absolute;
    bottom: 0.0rem;
    left: 0.0rem;
    top: 10rem;
  }
  #aiocrtop-co #top-box-aiocrtop h3 img {
    width: 70%;
    height: auto;
  }
  #aiocrtop-co #top-box-aiocrtop h4 {
    bottom: 26.0rem;
    left: 2.0rem;
  }
  #aiocrtop-co #top-box-aiocrtop h4.p2 {
    bottom: 20.0rem;
    left: 2.0rem;
  }
  #aiocrtop-co .heading03 {
    display: block;
  }
  #aiocrtop-co .heading03::before {
    display: none;
  }
  #aiocrtop-co .topimg01 img {
    width: 380px;
    height: auto;
  }
}
@media only screen and (max-width:640px) {
  #aiocrtop-co .topimg01 {
    right: 8.0rem;
  }
  #aiocrtop-co .topimg01 img {
    width: 300px;
    height: auto;
  }
}
/*===================▲fade-aos（aiocrtop-co）===================*/
/*===================▼fade-aos（aiocrsiwake）===================*/
#aiocrsiwake .background_lightgrey22 {
  background-color: #fff;
  background-image: url("../ai-ocr/image/back-siwake.jpg"), url("../ai-ocr/image/back-siwake-back.jpg");
  background-position: center 100px;
  background-repeat: no-repeat, repeat-x !important;
  /*	border-bottom: 1px solid #ededed;*/
  border-bottom: 3px solid #8A5897;
  background-size: cover;
}
#aiocrsiwake #top-box66 {
  /* padding-top: 0; */
  /* display: flex; */
  /* align-items: center; */
  /* justify-content: space-between; */
  /* position: relative; */
  /* min-height: 220px; */
  max-width: 900px;
  margin-inline: auto;
  padding: .5em 0 1em;
}
.ai-ocr_logo-box {
  display: flex;
  align-items: center;
}
#aiocrsiwake #top-box66 > div {
  z-index: 2
}
#aiocrsiwake #top-box66 h1 {
  color: #6e4279 !important;
  /* position: absolute; */
  font-size: 2.5rem !important;
  font-weight: bold;
  /* top: 5.0rem; */
  /* left: 4.5vw; */
  text-align: left !important;
  line-height: 1.2em !important;
}
#aiocrsiwake #top-box66 h2 {
  color: #fff !important;
  position: absolute;
  font-size: 2.0rem !important;
  top: -2.0rem;
  left: 5.2vw;
  background: #0066cc;
  padding: 8px 22px;
  border-radius: 30px;
}
#aiocrsiwake #top-box66 h3 {
  /* position: absolute; */
  /* top: 3.0rem; */
  /* left: 78.0rem; */
  max-width: 100px;
  margin: 0 0 0 .5em;
}
#aiocrsiwake #top-box66 h3 img {
  width: 100%;
  height: auto;
  border: 2px solid #e2d5e6;
  border-radius: 100px;
}
#aiocrsiwake #top-box66 .ba-ontime-box {
  max-width: 490px;
}
#aiocrsiwake #top-box66 h4 {
  color: #232323 !important;
  position: absolute;
  font-size: 1.9rem !important;
  border-bottom: none;
  bottom: 0.5rem;
  left: 0.0vw;
}
#aiocrsiwake .heading03 {
  display: flex;
  align-items: center;
  margin: 10px auto;
}
#aiocrsiwake #top-box66 .logo {
  /* position: absolute; */
  /* top: 10.0rem; */
  /* left: 4.5vw; */
  position: relative;
}
#aiocrsiwake #top-box66 .logo img {
  width: auto;
  height: 45px;
  filter: drop-shadow(4px 4px 4px #fff);
}
#aiocrsiwake #top-box66 .mark {
  position: absolute;
  top: 0;
  right: 0;
}
#aiocrsiwake .heading03::before {
  content: '';
  width: 70px;
  height: 1px;
  background-color: #555;
}
#aiocrsiwake .heading03::before {
  margin-right: 20px;
}
#aiocrsiwake .heading03::after {
  margin-left: 20px;
}
#aiocrsiwake .heading01 {
  display: inline;
  background-image: linear-gradient(rgba(0, 0, 0, 0) 70%, rgb(159, 220, 255) 70%);
}
/* --メディアクエリ------------------------------ */
@media only screen and (max-width:1000px) {
  #aiocrsiwake #top-box66 h1 {
    font-size: 2.2rem !important;
  }
  #aiocrsiwake #top-box66 .logo img {
    width: auto;
    height: 30px !important;
  }
  #aiocrsiwake #top-box66 h3 {
    margin-left: .2em;
  }
}
@media only screen and (max-width:768px) {
  #aiocrsiwake .background_lightgrey22 {
    background-position: center 80px;
  }
  #aiocrsiwake #top-box66 h3 img {
    width: 75%;
    height: auto;
  }
  #aiocrsiwake #top-box66 .logo img {
    width: auto;
    height: 35px !important;
  }
  #aiocrsiwake .heading03 {
    display: block;
  }
  #aiocrsiwake .heading03::before {
    display: none;
  }
}
@media only screen and (max-width:640px) {
  #aiocrsiwake #top-box66 h1 {
    font-size: 2.0rem !important;
  }
}
/*===================▲fade-aos（aiocrsiwake）===================*/
/*===================▼fade-aos（aiocrnencho）===================*/
#aiocrnencho .background_lightgrey22 {
  background-color: #fff;
  background-image: url("../ai-ocr/image/back-nencho.jpg");
  background-position: center 100px;
  background-size: cover;
  background-repeat: no-repeat;
  /*	border-bottom: 1px solid #ededed;*/
  border-bottom: 3px solid #DF962D;
}
#aiocrnencho #top-box66 {
  padding-top: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  min-height: 220px;
}
#aiocrnencho #top-box66 > div {
  z-index: 2
}
#aiocrnencho #top-box66 h1 {
  color: #235694 !important;
  position: absolute;
  font-size: 2.5rem !important;
  font-weight: bold;
  top: 5.0rem;
  left: 4.5vw;
  text-align: left !important;
  line-height: 1.2em !important;
}
#aiocrnencho #top-box66 h2 {
  color: #fff !important;
  position: absolute;
  font-size: 2.0rem !important;
  top: -2.0rem;
  left: 5.2vw;
  background: #0066cc;
  padding: 8px 22px;
  border-radius: 30px;
}
#aiocrnencho #top-box66 h3 {
  position: absolute;
  top: 3.0rem;
  left: 82.0rem;
}
#aiocrnencho #top-box66 h3 img {
  width: 95%;
  height: auto;
}
#aiocrnencho #top-box66 h4 {
  color: #232323 !important;
  position: absolute;
  font-size: 1.9rem !important;
  border-bottom: none;
  bottom: 0.5rem;
  left: 0.0vw;
}
#aiocrnencho .heading03 {
  display: flex;
  align-items: center;
  margin: 10px auto;
}
#aiocrnencho #top-box66 .logo {
  position: absolute;
  top: 10.0rem;
  left: 4.5vw;
}
#aiocrnencho #top-box66 .logo img {
  width: auto;
  height: 45px;
  filter: drop-shadow(4px 4px 4px #fff);
}
#aiocrnencho #top-box66 .mark {
  position: absolute;
  top: 0;
  right: 0;
}
#aiocrnencho .heading03::before {
  content: '';
  width: 70px;
  height: 1px;
  background-color: #555;
}
#aiocrnencho .heading03::before {
  margin-right: 20px;
}
#aiocrnencho .heading03::after {
  margin-left: 20px;
}
#aiocrnencho .heading01 {
  display: inline;
  background-image: linear-gradient(rgba(0, 0, 0, 0) 70%, rgb(159, 220, 255) 70%);
}
/* --メディアクエリ------------------------------ */
@media only screen and (max-width:1000px) {
  #aiocrnencho #top-box66 h1 {
    font-size: 2.2rem !important;
    left: 0.0rem;
  }
  #aiocrnencho #top-box66 .logo {
    top: 10.0rem;
    left: 0.0rem;
  }
  #aiocrnencho #top-box66 .logo img {
    width: auto;
    height: 30px !important;
  }
  #aiocrnencho #top-box66 h3 {
    position: absolute;
    top: 3.5rem;
    left: 65.0vw;
  }
  #aiocrnencho #top-box66 h3 img {
    width: 95%;
    height: auto;
  }
}
@media only screen and (max-width:768px) {
  #aiocrnencho .background_lightgrey22 {
    background-position: center 80px;
  }
  #aiocrnencho #top-box66 {
    min-height: 260px
  }
  #aiocrnencho #top-box66 h1 {
    font-size: 2.6rem !important;
    top: -1.0vh;
    left: 0.0vw;
  }
  #aiocrnencho #top-box66 h2 {
    font-size: 1.5rem !important;
    top: -7vh;
    left: 0.0vw;
  }
  #aiocrnencho #top-box66 h3 {
    top: 13.0rem;
    left: 0.0vw;
  }
  #aiocrnencho #top-box66 h3 img {
    width: 75%;
    height: auto;
  }
  #aiocrnencho #top-box66 h4 {
    bottom: 0.5vh;
    left: 1.3vw;
  }
  #aiocrnencho #top-box66 .logo {
    top: 7.3rem;
    left: 0.0rem;
  }
  #aiocrnencho #top-box66 .logo img {
    width: auto;
    height: 35px !important;
  }
}
@media only screen and (max-width:640px) {
  #aiocrnencho #top-box66 h1 {
    font-size: 2.0rem !important;
  }
}
/*===================▲fade-aos（aiocrnencho）===================*/
/*===================▼fade-aos（aiocrkakusin）===================*/
#aiocrkakusin .background_lightgrey22 {
  background-color: #fff;
  background-image: url("../ai-ocr/image/back-nencho.jpg");
  background-position: center 100px;
  background-repeat: no-repeat;
  background-size: cover;
  /*	border-bottom: 1px solid #ededed;*/
  border-bottom: 3px solid #0066cc;
}
#aiocrkakusin #top-box66 {
  padding-top: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  min-height: 220px;
}
#aiocrkakusin #top-box66 > div {
  z-index: 2
}
#aiocrkakusin #top-box66 h1 {
  color: #235694 !important;
  position: absolute;
  font-size: 2.5rem !important;
  font-weight: bold;
  top: 5.0rem;
  left: 4.5vw;
  text-align: left !important;
  line-height: 1.2em !important;
}
/*#aiocrkakusin #top-box66 h1 {
  color: #235694 !important;
  position: absolute;
  font-size: 2.8rem !important;
  font-weight: bold;
  top: 2.0rem;
  left: 0.0vw;
  text-align: left !important;
}*/
#aiocrkakusin #top-box66 h2 {
  color: #fff !important;
  position: absolute;
  font-size: 2.0rem !important;
  top: -2.0rem;
  left: 5.2vw;
  background: #0066cc;
  padding: 8px 22px;
  border-radius: 30px;
}
#aiocrkakusin #top-box66 h3 {
  position: absolute;
  top: 3.0rem;
  left: 83.0rem;
}
#aiocrkakusin #top-box66 h3 img {
  width: 95%;
  height: auto;
}
#aiocrkakusin #top-box66 h4 {
  color: #232323 !important;
  position: absolute;
  font-size: 1.9rem !important;
  border-bottom: none;
  bottom: 0.5rem;
  left: 0.0vw;
}
#aiocrkakusin .heading03 {
  display: flex;
  align-items: center;
  margin: 10px auto;
}
#aiocrkakusin #top-box66 .logo {
  position: absolute;
  top: 10.0rem;
  left: 4.5vw;
}
#aiocrkakusin #top-box66 .logo img {
  width: auto;
  height: 45px;
  filter: drop-shadow(4px 4px 4px #fff);
}
#aiocrkakusin #top-box66 .mark {
  position: absolute;
  top: 0;
  right: 0;
}
#aiocrkakusin .heading03::before {
  content: '';
  width: 70px;
  height: 1px;
  background-color: #555;
}
#aiocrkakusin .heading03::before {
  margin-right: 20px;
}
#aiocrkakusin .heading03::after {
  margin-left: 20px;
}
#aiocrkakusin .heading01 {
  display: inline;
  background-image: linear-gradient(rgba(0, 0, 0, 0) 70%, rgb(159, 220, 255) 70%);
}
/* --メディアクエリ------------------------------ */
@media only screen and (max-width:1000px) {
  #aiocrkakusin #top-box66 h1 {
    font-size: 2.2rem !important;
    left: 0.0rem;
  }
  #aiocrkakusin #top-box66 .logo {
    top: 10.0rem;
    left: 0.0rem;
  }
  #aiocrkakusin #top-box66 .logo img {
    width: auto;
    height: 30px !important;
  }
  #aiocrkakusin #top-box66 h3 {
    position: absolute;
    top: 3.5rem;
    left: 71.0vw;
  }
  #aiocrkakusin #top-box66 h3 img {
    width: 95%;
    height: auto;
  }
}
@media only screen and (max-width:768px) {
  #aiocrkakusin .background_lightgrey22 {
    background-position: center 80px;
  }
  #aiocrkakusin #top-box66 {
    min-height: 260px
  }
  #aiocrkakusin #top-box66 h1 {
    font-size: 2.6rem !important;
    top: -1.0vh;
    left: 0.0vw;
  }
  #aiocrkakusin #top-box66 h2 {
    font-size: 1.5rem !important;
    top: -7vh;
    left: 0.0vw;
  }
  #aiocrkakusin #top-box66 h3 {
    top: 13.0rem;
    left: 0.0vw;
  }
  #aiocrkakusin #top-box66 h3 img {
    width: 75%;
    height: auto;
  }
  #aiocrkakusin #top-box66 h4 {
    bottom: 0.5vh;
    left: 1.3vw;
  }
  #aiocrkakusin #top-box66 .logo {
    top: 7.3rem;
    left: 0.0rem;
  }
  #aiocrkakusin #top-box66 .logo img {
    width: auto;
    height: 35px !important;
  }
}
@media only screen and (max-width:640px) {
  #aiocrkakusin #top-box66 h1 {
    font-size: 2.0rem !important;
  }
}
/*===================▲fade-aos（aiocrkakusin）===================*/
/*===================▼fade-aos（ahtop）===================*/
#ahtop .background_lightgrey2 {
  background-color: #fff;
  background-image: url(../ah/image/topimg06.jpg);
  background-position: top;
  background-repeat: no-repeat;
  border-bottom: 1px solid #ededed;
  margin-top: 69px;
}
#ahtop .section-top {
  padding: 1em;
}
#ahtop #top-box {
  padding-top: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  min-height: 350px;
  font-feature-settings: "palt";
}
#ahtop #top-box > div {
  z-index: 2
}
#ahtop #top-box h1 {
  color: #232323 !important;
  /* position: absolute; */
  font-size: 4.5rem !important;
  font-weight: 800;
  /* top: 1.5rem; */
  /* left: 1.2vw; */
  text-align: left !important;
  line-height: 1.2em !important;
  text-shadow: 3px 3px 5px #fff;
  margin: 0 0 .5em;
  padding: 0;
}
.h1-sub {
  font-size: 2.5rem !important;
}
#jdlhptop #top-box .h1-sub {
  font-size: 1.3em !important;
}
#ahtop #top-box h2 {
  color: #fff !important;
  /* position: absolute; */
  font-size: 2.2rem !important;
  /* top: -2.5rem; */
  /* left: 1.2vw; */
  background: #EA2536;
  padding: 2px 2px 3px 20px;
  border-radius: 30px;
  width: fit-content;
}
#ahtop #top-box h3 {
  position: absolute;
  bottom: 0.0rem;
  left: 18.0rem;
}
#ahtop #top-box h3 img {
  width: 55%;
  height: auto;
}
#ahtop #top-box h4 {
  color: #232323 !important;
  position: absolute;
  font-size: 1.9rem !important;
  border-bottom: none;
  bottom: 2.0rem;
  left: 1.3vw;
}
#ahtop .heading03 {
  display: flex;
  align-items: center;
  margin: 10px auto;
}
#ahtop .heading03::before {
  content: '';
  width: 70px;
  height: 1px;
  background-color: #555;
}
#ahtop .heading03::before {
  margin-right: 20px;
}
#ahtop .heading03::after {
  margin-left: 20px;
}
#ahtop .heading01 {
  display: inline;
  background-image: linear-gradient(rgba(0, 0, 0, 0) 70%, rgb(159, 220, 255) 70%);
}
/* --メディアクエリ------------------------------ */
@media only screen and (max-width:768px) {
  #ahtop .background_lightgrey2 {
    background-image: url(../ah/image/topimg03-sp.jpg);
    background-position: right 0px;
    background-size: cover;
    background-color: rgba(255, 255, 255, .5);
    background-blend-mode: lighten;
    margin-top: 52px;
  }
  #ahtop .background_lightgrey2::before {
    background-color: #ffffff;
    background-size: 100%;
    content: '';
    opacity: .4;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
  }
  #ahtop #top-box {
    min-height: 330px
  }
  #ahtop #top-box h1 {
    font-size: 3.3rem !important;
  }
  .h1-sub {
    font-size: 2.5rem !important;
  }
  #ahtop #top-box h2 {
    font-size: 1.5rem !important;
  }
  #ahtop #top-box h3 {
    position: absolute;
    bottom: 2rem;
    left: 1.5vw;
  }
  #ahtop #top-box h3 img {
    width: 70%;
    filter: drop-shadow(4px 4px 4px #fff);
  }
  #ahtop #top-box h4 {
    bottom: -1.5rem;
    left: 1.3vw;
    text-shadow: 3px 3px 5px #fff;
  }
  #ahtop .heading03 {
    display: block;
  }
  #ahtop .heading03::before {
    display: none;
  }
}
@media only screen and (max-width:640px) {
  #ahtop #top-box h1 {
    font-size: 2.8rem !important;
  }
  .h1-sub {
    font-size: 2.0rem !important;
  }
}
/*===================▲fade-aos（ahtop）===================*/
/*===================▼fade-aos（cotop）===================*/
#cotop .background_lightgrey2 {
  background-color: #fff;
  /* background-image: url(../co/image/co-top-img05.jpg);*/
  background-image: url("../benny/image/aiocr-topimg3-back.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-bottom: 3px solid #d53900;
}
#cotop #top-box {
  padding-top: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative !important;
  min-height: 350px;
  font-feature-settings: "palt"; /* 自動カーニング */
}
#cotop #top-box > div {
  z-index: 2;
}
#cotop #top-box h1 {
  color: #232323 !important;
  position: absolute;
/*  font-size: 5.2rem !important;*/
			    font-size: clamp(4.59rem, 5.5vw, 5.5rem) !important;
	letter-spacing: -0.2rem;
  font-weight: 800;
  top: 1.0rem;
  left: 0.0rem !important;
  text-align: left !important;
  line-height: 1.2em !important;
  text-shadow: 3px 3px 5px #fff;
	z-index: 999;
}
#cotop #top-box h2 {
  color: #fff !important;
  position: absolute;
  font-size: 1.8rem !important;
  top: -3.5vh;
  left: 1.2rem;
  background: #EA2536;
  padding: 3px 22px;
  border-radius: 30px;
}
#cotop #top-box h3 {
  position: absolute;
  top: -4.0rem;
  left: 0.0rem !important;
  color: #fff;
  background: #d53900;
  padding: 5px 20px;
  text-align: center;
  border-radius: 30px;
}
#cotop #top-box h3 img {
  width: 50%;
  height: auto;
}
#cotop #top-box h4 {
  color: #232323 !important;
  position: absolute;
  font-size: 1.8rem !important;
  border-bottom: none;
  bottom: 9.0rem;
  left: 5.5vw;
}
#cotop #top-box .logo {
  position: absolute;
  top: 1.0rem;
  left: 2.0rem;
}
#cotop #top-box .logo img {
  width: 35%;
  height: auto;
}
#cotop #top-box .icon-new {
  position: absolute;
  top: 6.6rem;
  left: 43.0rem;
  width: 60px;
  height: 60px;
  line-height: 60px;
  background: #d7264f;
  border-radius: 50%;
  color: #fff;
  font-weight: bold;
  text-align: center;
}
#cotop #top-box .product-co2 {
  position: absolute;
  bottom: 2.0vh;
  right: 0.0em;
  /*	left: 57rem;*/
}
#cotop #top-box .product-co2 img {
  /* width: 100%;*/
  width: 550px;
  height: auto;
}
#cotop .heading03 {
  display: flex;
  align-items: center;
  margin: 10px auto;
}
#cotop .heading03::before {
  content: '';
  width: 70px;
  height: 1px;
  background-color: #555;
}
#cotop .heading03::before {
  margin-right: 20px;
}
#cotop .heading03::after {
  margin-left: 20px;
}
#cotop .heading01 {
  display: inline;
  background-image: linear-gradient(rgba(0, 0, 0, 0) 70%, rgb(159, 220, 255) 70%);
}
/* --メディアクエリ------------------------------ */
@media only screen and (max-width:1200px) {
  #cotop #top-box h1 {
/*    font-size: 6.2vw !important;
    font-weight: 800;
    top: 1.0rem;
    left: 1.0rem !important;*/
	  		    font-size: clamp(3.89rem, 4.5vw, 4.5rem) !important;
	letter-spacing: -0.2rem;
  }
  #cotop #top-box .icon-new {
    position: absolute;
    top: 6.0rem;
    left: 33.0vw;
    width: 50px;
    height: 50px;
    line-height: 50px;
  }
  #cotop #top-box h4 {
    display: none;
  }
  #cotop #top-box h3 {
    top: -4.0rem;
    left: 1.0rem !important;
  }
  /* #cotop #top-box h3 img {
  width: 40%;
  height: auto;
 }*/
  #cotop #top-box .product-co2 {
    position: absolute;
    bottom: 5.0vh;
    right: 0.0vw;
  }
  #cotop #top-box .product-co2 img {
    width: 40vw;
    height: auto;
  }
}
@media only screen and (max-width:960px) {
  /*  #cotop #top-box {
    min-height: 300px;
  }*/
}
@media only screen and (max-width:768px) {
  /*#cotop .background_lightgrey2 {
	background-image: url(../ah/image/topimg03-sp.jpg);
	background-position: center 50px;
}*/
  /*#cotop #top-box {
	min-height: 330px
}*/
  #cotop #top-box {
/*    min-height: 160px;*/
  }
  #cotop #top-box h1 {
    top: 0.0rem;
    left: 0.0rem !important;
  }
  #cotop #top-box h2 {
    font-size: 1.5rem !important;
    top: -7vh;
    left: 2.0vw;
  }
  #cotop #top-box h3 {
    top: -4.0rem;
    left: 0.0rem !important;
    font-size: 2.2vw;
  }
  /* #cotop #top-box h3 {
  display: block;
  bottom: 7rem;
  left: 2.0vw;
 }
 #cotop #top-box h3 img {
  width: 50%;
  height: auto;
 }*/
  #cotop #top-box h4 {
    display: block;
    font-size: 1.5rem !important;
    bottom: 18.5rem;
    left: 1.3vw;
    text-shadow: 3px 3px 5px #fff;
  }
  #cotop #top-box .logo {
    top: -5.0rem;
    left: 0.0vw;
  }
  #cotop #top-box .logo img {
    width: 60%;
  }
  #cotop #top-box .icon-new {
    position: absolute;
    top: 0.0rem;
    left: 55.0vw;
    width: 50px;
    height: 50px;
    line-height: 50px;
  }
  #cotop .heading03 {
    display: block;
  }
  #cotop .heading03::before {
    display: none;
  }
  #cotop #top-box .product-co2 {
/*    position: absolute;
    bottom: inherit;
    top: -3.0rem;
    right: 0.0vw;*/
	  left: 20.0vw!important;
	  bottom: 2.0vh!important;
  }
  #cotop #top-box .product-co2 img {
    width: 55vw;
    height: auto;
  }
}
@media only screen and (max-width:590px) {
  #cotop #top-box h1 {
  }
/*	#cotop #top-box .product-co2 {
    position: absolute;
    bottom: inherit;
    top: 0.0rem;
    right: 0.0vw;
  }
  #cotop #top-box .product-co2 img {
    width: 45vw;
    height: auto;
  }*/
}
/*===================▲fade-aos（cotop）===================*/
/*------------inview------------*/
.inviewfadeIn {
  opacity: 0;
  transition: .8s;
}
.fadeIn {
  opacity: 1.0;
}
.inviewfadeInUp {
  opacity: 0;
  transform: translate(0, 60px);
  -webkit-transform: translate(0, 60px);
  transition: 2.0s;
}
.fadeInUp {
  opacity: 1.0;
  transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
}
.inviewzoomIn {
  transform: scale(0, 0);
  -webkit-transform: scale(0, 0);
  transition: .8s;
}
.zoomIn {
  transform: scale(1, 1);
  -webkit-transform: scale(1, 1);
}
/* ページ内アンカー */
#ws {
  margin-top: -100px;
  padding-top: 100px;
}
#wrapper {
  margin-top: 70px;
}
/* --改行-- */
.br-sp3 {
  display: none;
}
@media screen and (max-width: 768px) {
  .br-sp3 {
    display: block;
  }
}
pre {
  font-size: 0.9em;
  white-space: pre-wrap;
}
.modal-img {
  width: 98%;
  margin: 10px auto;
}
.modal-img img {
  width: inherit;
  height: auto;
}
.jdlai {
  margin-left: 30px;
  margin-top: 0;
  padding-top: 0;
}
.jdlai img {
  width: auto !important;
  height: 95px !important;
  vertical-align: top;
}
.img-inherit {
  width: inherit !important;
  height: auto !important;
}
/* ソリューションの出納帳ロゴ */
.logolist {
  display: flex;
}
.img_logo {
  width: 50% !important;
  text-align: center;
  margin: 0px auto;
}
.img_logo img {
  width: 100% !important;
  height: auto !important;
}
.maru-img {
  margin: 20px 0px;
  padding: 0;
}
.maru-img img {
  margin: 0px 20px 0 0 !important;
}
@media only screen and (max-width:960px) {
  .maru-img img {
    width: 25%;
    height: auto;
  }
}
img {
  border: 0;
  vertical-align: bottom;
}
.img-right {
  margin-left: 30px;
}
.logo5 {
  margin-top: -20px !important;
}
.logo5 img {
  height: inherit !important;
  width: auto !important;
}
/* AH中央バナー */
.ba-center {
  display: flex;
  justify-content: center;
  margin: 20px auto;
}
.ba-center img {
  width: 100%;
  height: auto;
}
.ba-center2 {
  margin: 0px auto;
  text-align: center;
}
.ba-center2 img {
  width: inherit !important;
  height: auto !important;
}
.pc-ba-center2 {
  display: block;
}
.sp-ba-center2 {
  display: none;
}
.sp-ba-center2 {
  width: 90% !important;
  height: auto;
  margin: 0 auto;
}
@media only screen and (max-width:768px) {
  .pc-ba-center2 {
    display: none;
  }
  .sp-ba-center2 {
    display: block;
  }
}
@media only screen and (max-width:1159px) {
  .ba-center2 img {
    width: 100% !important;
    height: auto !important;
  }
}
.ba-center3 {
  margin: 10px auto;
  text-align: center;
}
.ba-center3 img {
  width: 93% !important;
  height: auto !important;
}
@media only screen and (max-width:1159px) {
  .ba-center3 img {
    width: 100% !important;
    height: auto !important;
  }
}
/* AHフッターバナー */
.ba-bottom {
  display: flex;
  max-width: 754px;
  margin: 10px auto;
}
.ba-bottom > div {
  max-width: 372px;
  width: 50%;
  margin: 5px;
}
.ba-bottom > div img {
  width: 100%;
  height: auto;
}
@media only screen and (max-width:768px) {
  .ba-bottom {
    display: block;
    max-width: 372px;
  }
  .ba-bottom > div {
    width: 100%;
    margin-bottom: 10px;
  }
}
/* end of AHフッターバナー */
sup {
  height: 0;
  line-height: 1;
  vertical-align: baseline;
  _vertical-align: bottom;
  position: relative;
}
sup {
  bottom: 1ex;
}
.small {
  font-size: 0.7em;
}
.small2 {
  font-size: 0.6em;
  line-height: 1.2em;
  margin: 5px;
}
.small3 {
  font-size: 0.9em;
  line-height: 1.2em;
  margin: 0 !important;
  padding: 0 !important;
  margin-left: 15px !important;
}
.big01 {
  font-size: 1.5em;
  line-height: 1.3em;
}
.br01 {
  display: block;
  margin: 40px 0;
}
.bg-blue {
  background: #D4E1E8 !important;
}
.red {
  color: #F04649;
}
.white {
  color: #fff;
}
.normal {
  font-weight: normal;
}
.normal2 {
  font-weight: normal;
  font-size: 1.6rem;
}
.bold {
  font-weight: bold;
}
.bold0 {
  font-weight: bold;
  margin-bottom: 0px;
}
.center {
  text-align: center;
  width: auto;
}
@media only screen and (max-width:768px) {
  .center {
    text-align: left;
  }
}
.center1 {
  text-align: center;
  width: auto;
}
.center2 {
  text-align: center;
  font-weight: bold;
  font-size: 0.9em;
}
.center3 {
  text-align: center;
  font-weight: bold;
  font-size: 0.8em;
}
.left {
  text-align: left;
}
.right {
  text-align: right;
  margin: 0;
  padding: 0;
}
h2.wt-de-title {
  border-bottom: 2px solid #0066cc;
  font-size: 1.5em;
  padding: 5px;
  width: 100% !important;
  box-sizing: border-box;
  margin-top: 0;
  background: #0066cc;
  color: #fff;
}
.footer-wt {
  text-align: center;
  color: #666;
  font-size: 0.8em;
  border-top: 1px solid #ccc;
  padding-top: 10px;
  margin-bottom: 0px;
  box-sizing: border-box;
  margin-top: auto;
}
.mfp-iframe-scaler {
  padding-top: 75% !important;
}
.indent {
  margin-left: 20px;
}
.indent li ul {
  list-style: none;
  line-height: 20px;
}
.right-li {
  float: right;
}
.line-gtop {
  border-bottom: 2px solid #ccc;
  margin: 50px auto;
  overflow: hidden;
  clear: both;
}
.line-g {
  border-bottom: 1px solid #ededed;
  margin: 50px 0 50px 0;
  overflow: hidden;
  clear: both;
}
.line-g1 {
  border-bottom: 1px solid #ededed;
  margin: 60px 0 60px 0;
}
.line-g2 {
  border-bottom: 1px solid #fff;
  margin: 20px 0 10px 0;
}
.line-g3 {
  border-bottom: 1px solid #ededed;
  margin: 20px 0 20px 0;
}
.line-g4 {
  border-bottom: 3px solid #fff;
  margin: 20px 0 10px 0;
}
.f-big {
  font-size: 1.0em;
  line-height: 1.6em;
  margin: 30px 0 10px 0;
  padding: 0 30px;
}
.f-big2 {
  font-size: 1.0em;
  line-height: 1.6em;
  margin: 20px 0;
  padding: 0 30px;
}
.f-big3 {
  /*  font-size: 1.1em;*/
  line-height: 1.6em;
  margin: 5px 0 10px 0;
  padding: 0px;
}
.f-big4 {
  /*  font-size: 1.1em;*/
  margin: 5px 0 20px 0;
  padding: 0px;
  min-height: 130px;
}
.purple {
  /*	color: #775D8C;*/
}
.tokkyo {
  background: #EBDCB1 !important;
  color: #C10003 !important;
  font-size: 0.7em !important;
  font-weight: bold;
  text-align: center;
  padding: 2px 8px !important;
  border-radius: 3px;
  margin-left: 5px;
}
.invoice {
  background-color: #FFFFFF;
  color: #0376BD !important;
  font-size: 12px !important;
  font-weight: bold;
  text-align: center;
  padding: 2px 8px !important;
  border-radius: 15px;
  margin-left: 5px;
  border: 2px solid #0376BD;
}
.design {
  background: #CAE3F5 !important;
  color: #0066cc !important;
  font-size: 0.7em !important;
  font-weight: bold;
  text-align: center;
  padding: 2px 8px !important;
  border-radius: 3px;
  margin-left: 5px;
}
.design-green {
  background: #219D86 !important;
  color: #ffffff !important;
  font-size: 0.7em !important;
  font-weight: bold;
  text-align: center;
  padding: 2px 8px !important;
  border-radius: 3px;
  margin-left: 5px;
}
.new {
  background: #DC0104 !important;
  color: #fff !important;
  font-size: 0.7em !important;
  font-weight: bold;
  text-align: center;
  padding: 2px 8px !important;
  border-radius: 3px;
  margin-left: 5px;
}
.icon-blue {
  background: #fff !important;
  color: #0066cc !important;
  font-size: 0.7em !important;
  font-weight: bold;
  text-align: center;
  padding: 2px 8px !important;
  border-radius: 3px;
  border: 2px solid #0066cc;
  margin-left: 10px;
}
.mark-swk {
  background: #b775c8 !important;
  color: #fff !important;
  font-size: 0.7em !important;
  font-weight: lighter;
  text-align: center;
  letter-spacing: 0.1em;
  padding: 2px 10px !important;
  border-radius: 5px;
  margin-left: 10px;
}
.mark-kks {
  background: #4397ff !important;
  color: #fff !important;
  font-size: 0.7em !important;
  font-weight: lighter;
  text-align: center;
  letter-spacing: 0.1em;
  padding: 2px 10px !important;
  border-radius: 5px;
  margin-left: 12px;
}
.mark-green {
  background: #108467 !important;
  color: #fff !important;
  font-size: 0.7em !important;
  font-weight: lighter;
  text-align: center;
  letter-spacing: 0.1em;
  padding: 2px 10px !important;
  border-radius: 5px;
  margin-left: 10px;
}
h1 {
  position: relative;
  padding-bottom: 10px;
  font-size: 2.0em;
  margin: 20px auto;
  text-align: center;
  /*  text-align: center!important;*/
  /*  line-height: 1.2em;*/
  /*	margin-bottom: 30px;*/
}
/*h1:before {
  content: '';
  position: absolute;
  bottom: -5px;
  display: inline-block;
  width: 200px;
  height: 4px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #0066cc;
  border-radius: 2px;
}*/
.subtitle3 {
  font-size: 0.7em;
}
h2 {
  padding-bottom: 10px;
  font-size: 1.2em;
  margin: 20px 0 10px 0;
  text-align: center;
}
h2.infotxt {
  padding-bottom: 10px;
  font-size: 1.7em;
  margin: 20px 0 10px 0;
  text-align: center;
}
h2.infotxt2 {
  padding-bottom: 0px;
  font-size: 1.7em;
  margin: 20px 0 10px 0;
  text-align: center;
}
h4 {
  border-bottom: 1px solid #ccc;
  padding-bottom: 5px;
  font-size: 1.0em;
  margin-top: 20px;
}
h4.heading {
  padding-bottom: 0px;
  font-size: 1.0em;
  margin-top: 25px;
  border-bottom-style: none;
  text-align: center;
  margin-bottom: 10px;
}
h5 {
  /*  border-bottom: 1px solid #ccc;*/
  padding-bottom: 10px;
  font-size: 1.5em;
  margin: 40px 0 0 0;
}
h6 {
  padding-bottom: 0px;
  font-size: 1.8em;
  margin: 30px 0 0px 0;
  text-align: center;
}
/* 箇条書きリスト */
ul.kajolist {
  /*  list-style: disc;
  margin-left: 10px;*/
  padding-left: 20px
}
ul.kajolist.setup li { /* 202208 */
  list-style: disc;
  margin-left: 10px;
}
/* 住所関連 */
.addbox {
  min-height: 100px;
  margin: 0;
  padding: 0;
}
.addbox2 {
  min-height: 98px;
  margin: 0;
  padding: 0;
}
.addbox3 {
  min-height: 80px;
  margin: 0;
  padding: 0;
}
.add01, .add02, .tel01, .tel02 {
  margin: 0;
  padding: 0;
  line-height: 20px;
  font-size: 0.9em;
}
.map a {
  position: absolute;
  top: 65px;
  right: 10px;
  background: #ededed;
  text-align: center;
  width: 50px;
  color: #0066cc !important;
  font-size: 0.7em;
  font-weight: bold;
  padding: 0 !important;
  border: 1px solid #ccc;
  border-radius: 3px;
  display: block;
  padding: 0px 0px;
}
.map2 a {
  position: absolute;
  top: 65px;
  right: 65px;
  background: #ededed;
  text-align: center;
  width: 50px;
  color: #0066cc !important;
  font-size: 0.7em;
  font-weight: bold;
  padding: 0 !important;
  border: 1px solid #ccc;
  border-radius: 3px;
  display: block;
  padding: 0px 0px;
}
/*全国展示会開催報告*/
.event-txt {
  text-align: center;
  font-weight: bold;
  font-size: 1.2em;
  padding: 7px 0 0 0 !important;
  margin-bottom: 8px !important;
}
.event-txt a {
  padding: 0px;
  color: #fff;
}
.event-bo {
  display: inline-block;
  color: #fff;
  background: #FF7127;
  font-size: 1.4rem;
  padding: 3px 8px;
  border-radius: 20px;
  vertical-align: middle;
  margin: 0px 0 2px 10px !important;
}
.event-txt2 {
  color: #FFED00;
  text-decoration: underline;
}
/*お知らせ*/
dl {
  margin: 0;
  /* line-height: 25px;*/
  /* padding: 0;*/
  /* width: 90%;*/
  /* margin: 20px auto;*/
}
dt {
  /* float: left;
 text-align: left;*/
  /*  font-size: 0.9em;*/
}
dt.short {
  /* clear: both;*/
  /*	display: block;*/
}
dd {
  margin-left: 40px;
  /*  font-size: 0.9em;*/
  display: list-item;
  list-style: square;
}
dd.info2 {
  margin-left: 55px !important;
  display: list-item;
  list-style: disc !important;
}
.infored {
  color: #f00;
  margin-left: 5px;
  text-indent: -1em;
  padding-left: 1em;
}
@media only screen and (max-width:500px) {
  dd {
    margin-left: 20px;
  }
  dd.info2 {
    margin-left: 35px !important;
  }
  .infored {
    margin-left: 0px;
  }
}
/* アンカー */
/*--■■■営業所リンク--*/
.listoffice {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-box;
  display: -webkit-flexbox;
  display: -moz-flexbox;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  list-style: none;
}
.listoffice li {
  /*  width: 100%;*/
  text-align: center;
  width: calc(99.9% / 4);
  margin: 0px 0 0 0;
  background: url("../image/global_nav_line-black.png") no-repeat left; /*グローバルメニュー仕切り線*/
  padding: 0;
  font-size: 0.75em;
}
.listoffice li a {
  padding: 5px 0 5px 0;
  display: block;
}
/*--■■■製品情報等フッター横移動--*/
.list5 {
  margin: 0 auto;
  margin-top: 30px;
  width: 100%;
  position: relative;
  border-top: 3px solid #999;
  box-sizing: border-box;
  text-align: center;
}
.list5 li {
  display: inline-block;
  text-align: center;
  width: 31%;
  margin: 0px;
  font-weight: bold;
  box-sizing: border-box;
  padding: 0px;
  font-size: 0.9em;
  background: #ccc;
  border-radius: 0px 0px 7px 7px;
}
.list5 li.now {
  background: #999;
  box-sizing: border-box;
}
.list5 li.now a {
  color: #fff;
}
.list5 li:last-child {}
.list5 li a {
  padding: 7px 0;
  display: block;
  position: relative;
  color: #666;
}
.list4 {
  margin: 0 auto;
  margin: 70px 0;
  width: 100%;
  position: relative;
  border-top: 3px solid #999;
  box-sizing: border-box;
  text-align: center;
}
.list4 li {
  display: inline-block;
  text-align: center;
  width: 24%;
  margin: 0px;
  font-weight: bold;
  box-sizing: border-box;
  padding: 0px;
  font-size: 0.9em;
  background: #ccc;
  border-radius: 0px 0px 7px 7px;
}
.list4 li.now {
  background: #999;
  box-sizing: border-box;
}
.list4 li.now a {
  color: #fff;
}
.list4 li:last-child {}
.list4 li a {
  padding: 7px 0;
  display: block;
  position: relative;
  color: #666;
}
/* ai-ocr導入事例用タブ202110 */
.list4-aiocr {
  margin: 0 auto;
  margin: 0px 0;
  width: 100%;
  position: relative;
  /*  border-bottom: 3px solid #999;*/
  box-sizing: border-box;
  text-align: center;
  background: #49A4C9;
  padding-top: 15px;
}
.list4-aiocr li {
  display: inline-block;
  text-align: center;
  /*  width: 24%;*/ /*3列*/
  width: 30%;
  margin: 0px;
  font-weight: bold;
  box-sizing: border-box;
  padding: 0px;
  font-size: 1.2em;
  background: #D7EEFC;
  border-radius: 7px 7px 0px 0px;
  list-style: none;
}
.list4-aiocr li.now {
  background: #fff;
  box-sizing: border-box;
  padding: 25px 0 15px 0 !important;
  font-size: 1.4em;
}
.list4-aiocr li.now a {
  color: #444;
}
.list4-aiocr li.closed {
  display: inline-block;
  text-align: center;
  width: 24%;
  color: #999;
  margin: 0px;
  box-sizing: border-box;
  padding: 15px 0;
  background: #ededed;
  border-radius: 7px 7px 0px 0px;
  list-style: none;
}
.list4-aiocr li:last-child {}
.list4-aiocr li a {
  padding: 13px 0;
  display: block;
  position: relative;
  color: #0066cc;
}
/* ai-ocr導入事例用タブ（フッター用）202110 */
.list4-aiocr-footer {
  margin: 0 auto;
  width: 100%;
  position: relative;
  /*  border-bottom: 3px solid #999;*/
  box-sizing: border-box;
  text-align: center;
  background: #49A4C9;
  padding-bottom: 15px;
}
.list4-aiocr-footer li {
  display: inline-block;
  text-align: center;
  /*  width: 24%;*/
  width: 30%;
  margin: 0px;
  font-weight: bold;
  box-sizing: border-box;
  padding: 0px;
  font-size: 1.2em;
  background: #D7EEFC;
  border-radius: 0px 0px 7px 7px;
  list-style: none;
}
.list4-aiocr-footer li.now {
  background: #fff;
  box-sizing: border-box;
  /*	padding-bottom: 10px!important;*/
  padding: 15px 0 25px 0 !important;
  font-size: 1.4em;
}
.list4-aiocr-footer li.now a {
  color: #444;
}
.list4-aiocr-footer li.closed {
  display: inline-block;
  text-align: center;
  width: 24%;
  color: #999;
  margin: 0px;
  box-sizing: border-box;
  padding: 18px 0 15px 0;
  background: #ededed;
  border-radius: 0px 0px 7px 7px;
  list-style: none;
}
.list4-aiocr-footer li:last-child {}
.list4-aiocr-footer li a {
  padding: 15px 0;
  display: block;
  position: relative;
  color: #0066cc;
}
.list4-aiocr-footer li.also a {
  padding: 14px 0 15px 0; /* 上部余白調整 */
}
/*--■■■COトップアンカー--*/
.list {
  margin: 0 auto;
  width: 100%;
  text-align: center;
}
.list li {
  display: inline-block;
  text-align: center;
  width: 33%;
  margin: 0px;
  font-weight: bold;
  box-sizing: border-box;
  background: url("../image/global_nav_line-black.png") no-repeat left; /*グローバルメニュー仕切り線*/
  padding: 0px;
  font-size: 0.9em;
}
.list li:last-child {}
.list li a {
  padding: 5px 0 5px 0;
  display: block;
  position: relative;
  color: #444;
}
/*--■■■CO比較ページアンカー--*/
.list-com {
  margin: 0 auto;
  width: 100%;
  text-align: center;
}
.list-com li {
  display: inline-block;
  text-align: center;
  width: 24%;
  margin: 0px;
  font-weight: bold;
  box-sizing: border-box;
  padding: 0px;
  font-size: 0.9em;
  background: #e5e5e5;
}
.list-com li:last-child {}
.list-com li a {
  padding: 5px 0 5px 0;
  display: block;
  position: relative;
  /*	color: #444;*/
}
#f1, #f2, #f3, #f4 {
  margin-top: -60px;
  padding-top: 60px;
  position: relative;
}
/* リンク全体 */
a {
  text-decoration: none;
  color: #0000FF;
}
#copyright .maintxt a {
  text-decoration: underline;
}
a:hover {
  opacity: 0.6;
  filter: alpha(opacity=60);
  -ms-filter: "alpha(opacity=60)";
}
ul {
  margin: 0;
  padding: 0;
  text-decoration: none;
}
/* 幅狭い設定 */
.moreclose {
  margin: 0px 50px;
  padding: 0px;
  overflow: hidden;
}
.moreclose p.title5 {
  margin-bottom: 15px;
  font-weight: bold;
  font-size: 1.4em;
}
/* =========================================================リストブロック */
/* 4列 */
.block4 {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-box;
  display: -webkit-flexbox;
  display: -moz-flexbox;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  list-style: none;
}
.block4 li {
  margin: 3px;
  width: calc(98% / 4);
  text-align: left;
  vertical-align: top;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  background: #fff;
  border: 1px solid #ccc;
  padding: 10px;
  border-radius: 3px;
}
.block4 li a {
  display: block;
}
.block4 li img {
  width: 100%;
  height: auto;
}
/* 3列 */
.block3 {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-box;
  display: -webkit-flexbox;
  display: -moz-flexbox;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  list-style: none;
}
.block3 li {
  margin: 15px;
  width: calc(92.5% / 3);
  text-align: left;
  /*  font-size: 14px;*/
  vertical-align: top;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  background: #fff;
  /*	border: 1px solid #ccc;
	border-radius: 5px;
    box-shadow: 2px 1px 3px #ededed;  */
}
.block3 li a {
  display: block;
  padding: 5px 5px;
  color: #444;
}
.block3 li img {
  width: 100%;
  height: auto;
  margin: 20px 0;
}
/* 3列 */
.block3-01 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
block3-01 div {}
block3-01 a {}
block3-01 img {}
/* 3列(営業所一覧用)*/
.block3shop {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-box;
  display: -webkit-flexbox;
  display: -moz-flexbox;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  list-style: none;
}
.block3shop li {
  margin: 3px;
  width: calc(98% / 3);
  text-align: left;
  /*  font-size: 14px;*/
  vertical-align: top;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 3px;
  padding: 10px;
  /*    box-shadow: 2px 1px 3px #ededed;  */
}
.block3shop li a {
  display: block;
  padding: 5px 5px;
  color: #444;
}
.block3shop li img {
  width: 100%;
  height: auto;
  margin: 20px 0;
}
/* 3列枠線あり */
.block3w {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-box;
  display: -webkit-flexbox;
  display: -moz-flexbox;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  list-style: none;
  /*  margin-top: 30px;*/
  margin-top: 0;
}
.block3w li {
  margin: 0px 0px;
  width: calc(100% / 3);
  text-align: left;
  /*  font-size: 14px;*/
  vertical-align: top;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  background: #fff;
  border: 1px solid #E3E3E3;
  margin: 0 -1px -1px 0;
  border-radius: 10px;
  /*    box-shadow: 2px 1px 3px #ededed;  */
}
.block3w-border0 li {
  border: none !important;
}
.block3w li a {
  display: block;
  padding: 20px 20px;
  color: #555;
}
.block3w li img {
  width: 100%;
  height: auto;
  /*  margin: 0px 0;*/
  margin: 20px 0;
}
.block3w li img#ahtop {
  width: 100%;
  height: auto;
  margin: 0px 0;
}
.block3w li img#ahtop2 {
  width: inherit;
  height: auto;
  margin: 0px 0;
}
@media only screen and (max-width:1200px) {
  .block3w li img#ahtop2 {
    width: 100%;
    height: auto;
    margin: 0px 0;
  }
}
/*.block3w p {
	margin: 0;
}*/
/* 1列枠線あり（AHTOPソリューション） */
.block1ws {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-box;
  display: -webkit-flexbox;
  display: -moz-flexbox;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  list-style: none;
}
.block1ws li {
  margin: 10px auto;
  width: calc(98.3% / 1);
  text-align: left;
  text-shadow: 2px 4px 3px rgba(0, 0, 0, 0.3);
  font-size: 1.1em;
  vertical-align: top;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  border: 1px solid #e5e5e5;
  border-radius: 0px;
  box-shadow: 2px 2px 2px #ccc;
}
.block1ws li a {
  display: block;
  padding: 0px 0px;
  color: #fff;
}
.block1ws li img {
  width: inherit !important;
  height: auto;
  margin: 0px 0;
}
.block1ws p {
  font-size: 1.1em;
  margin: 0;
  padding: 0;
}
/* 3列枠線あり（AHTOPソリューション） */
.block3ws {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-box;
  display: -webkit-flexbox;
  display: -moz-flexbox;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  list-style: none;
}
.block3ws li {
  margin: 10px;
  width: calc(95% / 3);
  text-align: left;
  text-shadow: 2px 4px 3px rgba(0, 0, 0, 0.3);
  font-size: 1.1em;
  line-height: 1.5em;
  vertical-align: top;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  border: 1px solid #e5e5e5;
  /*  margin: 0 -1px -1px 0;*/
  border-radius: 0px;
  box-shadow: 2px 2px 2px #ccc;
}
.subtle {
  font-size: 0.7em !important;
}
.block3ws li a {
  display: block;
  padding: 0px 0px !important;
  color: #fff;
}
.block3ws li img {
  width: inherit !important;
  height: auto;
  margin: 0px 0 !important;
  padding: 0 !important;
  vertical-align: bottom;
}
.block3ws p {
  font-size: 1.1em;
  padding: 0;
  margin: 0;
}
/* 3列枠線あり余白あり */
.block3wm {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-box;
  display: -webkit-flexbox;
  display: -moz-flexbox;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  list-style: none;
}
.block3wm li {
  margin: 5px;
  width: calc(97.5% / 3);
  /*  text-align: left;*/
  vertical-align: top;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  border-radius: 3px;
  background: #fff;
  /*  box-shadow: 2px 2px 4px #ccc;*/
  border: 1px solid #e5e5e5;
  padding: 20px 30px 5px 30px;
}
.block3wm li a {
  display: block;
  padding: 5px 20px;
  color: #444;
  /*	text-decoration: underline;*/
}
.block3wm li p {
  margin: 5px;
  text-align: left;
}
.block3wm li p a {
  display: block;
  padding: 5px 0 !important;
  color: #0000FF;
  text-align: center;
}
.block3wm li img {
  width: 80%;
  height: auto;
  margin: 0px 0 20px 0;
}
.block3wm li > div {
  height: 80px;
  line-height: 2.4rem !important;
}
/* 3列 */
.block3wt {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-box;
  display: -webkit-flexbox;
  display: -moz-flexbox;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  list-style: none;
}
.block3wt li {
  margin: 5px;
  width: calc(97.5% / 3);
  text-align: left;
  /*  font-size: 14px;*/
  vertical-align: top;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  background: #fff; /*	border: 1px solid #ccc;
	border-radius: 5px;
    box-shadow: 2px 1px 3px #ededed;  */
}
/* ご利用サポート2列 */
.wt-details2sup {
  margin: 0 auto;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  padding: px;
  overflow: hidden;
  /*  background: #fff;*/
  /*	justify-content        : center;*/
}
.wt-details2sup li {
  width: calc((99.9% / 2) - 10px);
  align-items: center;
  background: #f2f2f2;
  /*    border: 1px solid #ccc;*/
  border-radius: 3px;
  border-bottom: 2px solid #ccc;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  text-align: center;
  margin: 5px;
  padding: 0px !important;
  font-size: 0.9em !important;
  font-weight: bold;
}
.wt-details2sup li a {
  display: block;
  padding: 10px 0 7px 10px;
  position: relative;
  color: #555;
}
.wt-details2sup li a::before {
  display: block;
  position: absolute;
  top: 50%;
  right: 10px;
  width: 5px;
  height: 5px;
  margin-top: -4px;
  border-top: solid 3px #999;
  border-right: solid 3px #999;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  content: "";
}
/* こんなときにはリンク2列 */
.wt-details2 {
  margin: 0 auto;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  padding: 5px;
  overflow: hidden;
  /*  background: #fff;*/
  justify-content: center;
}
.wt-details2 li {
  width: calc((70% / 2) - 10px);
  align-items: center;
  background: #0066cc;
  /*    border: 1px solid #ccc;*/
  border-radius: 3px;
  border-bottom: 3px solid #ccc;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  text-align: center;
  margin: 5px;
  padding: 0px !important;
  font-size: 0.9em !important;
  font-weight: bold;
}
.wt-details2 li a {
  display: block;
  padding: 10px 0 7px 10px;
  position: relative;
  color: #fff;
}
.wt-details2 li a::before {
  display: block;
  position: absolute;
  top: 50%;
  right: 10px;
  width: 5px;
  height: 5px;
  margin-top: -4px;
  border-top: solid 3px #fff;
  border-right: solid 3px #fff;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  content: "";
}
.wt-details3 {
  margin: 0 auto;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  padding: 5px;
  overflow: hidden;
  /*  background: #fff;*/
  justify-content: center;
  border-radius: 5px;
}
.wt-details3 li {
  width: 100%;
  align-items: center;
  background: #f2f2f2;
  /*    border: 1px solid #ccc;*/
  border-radius: 3px;
  border-bottom: 2px solid #ccc;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  text-align: left;
  margin: 5px;
  padding: 0px !important;
  font-size: 0.9em !important;
  font-weight: bold;
}
.wt-details3 li a {
  display: block;
  padding: 10px 20px 7px 10px;
  position: relative;
  color: #555;
}
.wt-details3 li a::before {
  display: block;
  position: absolute;
  top: 50%;
  right: 10px;
  width: 5px;
  height: 5px;
  margin-top: -4px;
  border-top: solid 3px #999;
  border-right: solid 3px #999;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  content: "";
}
/* Web講習会3列 */
.wt-details {
  margin: 0 auto;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  padding: 5px;
  overflow: hidden;
  /*  background: #fff;*/
  border-radius: 5px;
}
.wt-details li {
  width: calc((99.9% / 3) - 10px);
  align-items: center;
  background: #f2f2f2;
  /*    border: 1px solid #ccc;*/
  border-radius: 3px;
  border-bottom: 2px solid #ccc;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  text-align: left;
  margin: 5px;
  padding: 0px !important;
  font-size: 0.9em !important;
  font-weight: bold;
}
.wt-details li a {
  display: block;
  padding: 10px 20px 7px 10px;
  position: relative;
  color: #555;
}
.wt-details li a::before {
  display: block;
  position: absolute;
  top: 50%;
  right: 10px;
  width: 5px;
  height: 5px;
  margin-top: -4px;
  border-top: solid 3px #999;
  border-right: solid 3px #999;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  content: "";
}
.course-t {
  /*	border-bottom: 1px solid #ccc;*/
  margin: 2px 0 0 0;
  font-weight: bold;
}
/*ブロック内の子ブロック3列*/
.box-block .block-mini {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-box;
  display: -webkit-flexbox;
  display: -moz-flexbox;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  list-style: none;
  margin-bottom: 20px;
}
.box-block .block-mini li {
  width: calc(97.3% / 3);
  margin: 5px;
  text-align: left;
  font-size: 14px;
  vertical-align: top;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  border-radius: 3px;
  background: #fff;
  box-shadow: none;
  /*    border: 1px solid #ededed;*/
  padding: 5px 3px;
}
.box-block .block-mini li a {
  display: block;
  padding: 5px 25px;
  font-weight: bold;
}
/* 3列（トップ用2） */
.block3-top2 {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-box;
  display: -webkit-flexbox;
  display: -moz-flexbox;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  list-style: none;
  margin-top: 0px;
}
.block3-top2 li {
  margin: 0 20px;
  width: calc(90% / 3);
  /*  text-align: left;*/
  vertical-align: top;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  background-image: none !important;
}
.block3-top2 li a {
  display: block;
  padding: 0px;
  color: #444;
  /*	text-decoration: underline;*/
}
.block3-top2 li p {
  margin: 0px;
  text-align: left;
}
.block3-top2 li p a {
  display: block;
  padding: 0px;
  color: #0000FF;
  text-align: center;
}
.block3-top2 li img {
  width: inherit !important;
  height: auto;
  margin: 0;
}
.block3-top2 li.bo-system img {
  width: 80% !important;
  height: auto;
  margin: 0;
}
/* 3列（トップ用3） */
.block3-top3 {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-box;
  display: -webkit-flexbox;
  display: -moz-flexbox;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  list-style: none;
  margin-top: 0px;
}
.block3-top3 li {
  margin: 0 20px;
  width: calc(90% / 3);
  /*  text-align: left;*/
  vertical-align: top;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
}
.block3-top3 li a {
  display: block;
  padding: 0px;
  color: #444;
  /*	text-decoration: underline;*/
}
.block3-top3 li p {
  margin: 0px;
  text-align: left;
}
.block3-top3 li p a {
  display: block;
  padding: 0px;
  color: #0000FF;
  text-align: center;
}
.block3-top3 li img {
  width: 100% !important;
  height: auto;
  margin: 0;
}
/* 2列（トップ用） */
.block2-top {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-box;
  display: -webkit-flexbox;
  display: -moz-flexbox;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  list-style: none;
  margin-top: -20px;
}
.block2-top li {
  margin: 0px 20px;
  width: calc(93% / 2);
  /*  text-align: left;*/
  vertical-align: top;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  border-radius: 3px;
  /*  background: #ededed;*/
  /*  box-shadow: 2px 2px 4px #ccc;*/
  /*  border: 1px solid #ededed;*/
  text-align: center;
  padding: 0px 0px;
}
.block2-top li a {
  display: block;
  padding: 0px 20px;
  color: #444;
  /*	text-decoration: underline;*/
}
.block2-top li p {
  margin: 0px 0px;
  text-align: center;
}
.block2-top li p a {
  display: block;
  padding: 0px;
  color: #0000FF;
  text-align: center;
}
.block2-top li img {
  width: inherit !important;
  height: auto;
  margin: 0px 0;
  vertical-align: bottom;
}
/* 2列 */
.block2 {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-box;
  display: -webkit-flexbox;
  display: -moz-flexbox;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  list-style: none;
  margin-top: 20px;
  line-height: 30px;
}
.block2 li {
  margin: 15px;
  width: calc(95% / 2);
  /*  text-align: left;*/
  vertical-align: top;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  border-radius: 3px;
  background: #fff;
  /*  box-shadow: 2px 2px 4px #ccc;*/
  /*  border: 1px solid #ededed;*/
  /*padding: 5px 0px;*/
  padding: 20px;
}
.block2-psemai li {
  margin: 5px 15px !important;
  padding: 0 20px !important;
}
.block2 li a {
  display: block;
  padding: 5px 5px;
  color: #444;
  /*	text-decoration: underline;*/
}
.block2 li p {
  margin: 15px 5px;
  text-align: left;
}
.block2 li p a {
  display: block;
  padding: 0px;
  color: #0000FF;
  text-align: center;
}
.block2 li img {
  width: 80%;
  height: auto;
  margin: 20px 0;
}
/* 2列枠線あり余白あり */
.block2wm {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-box;
  display: -webkit-flexbox;
  display: -moz-flexbox;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  list-style: none;
}
.block2wm li {
  margin: 5px;
  width: calc(98.3% / 2);
  /*  text-align: left;*/
  vertical-align: top;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  border-radius: 3px;
  background: #fff;
  /*  box-shadow: 2px 2px 4px #ccc;*/
  border: 1px solid #e5e5e5;
  padding: 20px 30px 5px 30px;
}
.block2wm li a {
  display: block;
  padding: 5px 20px;
  color: #444;
  /*	text-decoration: underline;*/
}
.block2wm li p {
  margin: 5px;
  text-align: left;
}
.block2wm li p a {
  display: block;
  padding: 5px 0 !important;
  color: #0000FF;
  text-align: center;
}
.block2wm li img {
  width: 80%;
  height: auto;
  margin: 0px 0 20px 0;
}
/* 2列枠線あり */
.block2w {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-box;
  display: -webkit-flexbox;
  display: -moz-flexbox;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  list-style: none;
}
.block2w li {
  margin: 0px;
  width: calc(98.3% / 2);
  text-align: left;
  /*  font-size: 14px;*/
  vertical-align: top;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  background: #fff;
  border: 1px solid #E3E3E3;
  margin: 0 -1px -1px 0;
  border-radius: 10px;
  /*    box-shadow: 2px 1px 3px #ededed;  */
}
.block2w li a {
  display: block;
  padding: 10px 20px;
  color: #444;
}
.block2w li img {
  width: 100%;
  height: auto;
  margin: 20px 0;
}
.block2w-1 {
  margin: 0px auto;
  width: 50%;
  text-align: left;
  /*  font-size: 14px;*/
  /*
  vertical-align: top;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
*/
  position: relative;
  background: #fff;
  border: 1px solid #E3E3E3;
  /*  margin: 0 -1px -1px 0;*/
  border-radius: 10px;
  /*    box-shadow: 2px 1px 3px #ededed;  */
}
.block2w-1 a {
  display: block;
  padding: 10px 20px;
  color: #444;
}
.block2w-1 img {
  width: 100%;
  height: auto;
  margin: 20px 0;
}
/* 2列リスト表示用 */
.block2-ka {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-box;
  display: -webkit-flexbox;
  display: -moz-flexbox;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  list-style: disc;
  margin: 0 20px;
}
.block2-ka li {
  margin: 5px;
  width: calc(98.2% / 2);
  vertical-align: top;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  border-radius: 3px;
  padding: 0px 0px;
}
.block2-ka li a {
  display: block;
  padding: 5px 20px;
  color: #444;
}
.block2-ka li img {
  width: 80%;
  height: auto;
  margin: 20px 0;
}
/* イメージ幅100% */
.block2 .proimg img, .block2-ka .proimg img, .block3 .proimg img, .block2flat .proimg img {
  width: 100%;
  height: auto;
}
/* 2列（フラットタイプ） */
.block2flat {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-box;
  display: -webkit-flexbox;
  display: -moz-flexbox;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  list-style: none;
}
.block2flat li {
  margin: 10px;
  width: calc(96.6% / 2);
  text-align: left;
  font-size: 14px;
  vertical-align: top;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  background: #fff;
}
.block2flat li a {
  display: block;
}
.block-noline {
  margin: 10px 5px;
  padding: 5px 0px;
}
/* 1列 */
.block1 {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-box;
  display: -webkit-flexbox;
  display: -moz-flexbox;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  list-style: none;
}
.block1 li {
  margin: 10px 5px;
  width: calc(100% / 1);
  text-align: left;
  vertical-align: top;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  border-radius: 0px;
  background: #fff;
  /*  box-shadow: 2px 2px 4px #ccc;
  border: 1px solid #ededed;
	border-radius: 3px;*/
  padding: 5px 0px;
}
.block1 li a {
  display: block;
  /* padding: 5px 2px;*/
  color: #444;
}
/* 1列影無し */
.block1f {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-box;
  display: -webkit-flexbox;
  display: -moz-flexbox;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  list-style: none;
}
.block1f li {
  margin: 20px 0;
  width: calc(100% / 1);
  text-align: left;
  vertical-align: top;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  border-radius: 3px;
  background: #fff;
  /* box-shadow: 2px 2px 4px #ccc;
  border: 1px solid #ededed;
  padding: 5px 30px;*/
}
.block1f li a {
  /*  padding: 5px 20px;*/
}
/* 2列（リスト） */
.block2-1 {
  display: flex;
  flex-wrap: wrap;
  list-style: disc;
}
.block2-1 li {
  margin: 8px;
  width: calc(90% / 2);
  text-align: left;
  font-size: 14px;
  vertical-align: top;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  border-radius: 3px;
  background: #fff;
  box-shadow: none;
  border: none;
  padding: 0px;
}
/* 2列（リスト） */
.block2-1 {
  display: flex;
  flex-wrap: wrap;
  list-style: disc;
}
.block2-1 li {
  margin: 8px;
  width: calc(90% / 2);
  text-align: left;
  font-size: 14px;
  vertical-align: top;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  border-radius: 3px;
  background: #fff;
  box-shadow: none;
  border: none;
  padding: 0px;
}
.block-title {
  font-size: 1.0em;
  line-height: 25px;
  padding-bottom: 0px;
}
.block-title-underline {
  font-size: 1.0em;
  line-height: 25px;
  padding-bottom: 5px;
  border-bottom: 1px solid #ccc;
}
.block-title-underline-yl {
  font-size: 1.0em;
  line-height: 25px;
  padding-bottom: 5px;
  border-bottom: 1px solid #fff100;
}
.block-title-underline > span {
  position: relative;
  top: -2px;
  margin: 0 3px 0px 3px;
  color: #fff;
  font-size: 14px;
  background: #007CB8;
  border-radius: 50px;
  padding: 2px 7px;
  line-height: normal;
}
.block-img {
  text-align: center;
  padding: 0;
  margin: 0;
}
.block-img img {
  width: 100%;
  height: auto;
}
.block-txt {
  font-size: 1.0em;
}
/* =========================================================企業向け製品ラインナップ設定 */
.product-net {
  text-align: center;
}
.product-net img {
  width: inherit !important;
  height: auto;
}
.soft-logo {
  text-align: center;
}
.soft-logo img {
  width: inherit !important;
  height: auto;
}
/* =========================================================フェードインメニュー */
.solu-header {
  position: fixed;
  top: -150px;
  background: #f2f2f2;
  /*	background: #D4E1E8;*/
  width: 100%;
  border-top: 5px solid #ededed;
  border-bottom: 2px solid #ccc;
  /*  box-shadow: 0 2px rgba(0, 0, 0, 0.3);*/
  z-index: 998;
}
.external2 {
  width: 1200px;
  display: flex;
  padding: 0;
  list-style: none;
  margin: 0 auto 0 auto;
  flex-wrap: wrap;
}
.external2 li:first-child {
  /*  border-left: 1px solid #fff;*/
}
.external2 li {
  width: calc(99.999% / 4);
  margin: 0px 0;
  padding: 2px 0;
  font-size: 11px;
  /*  border-right: 1px solid #fff;*/
  background: url("../image/global_nav_line-black.png") no-repeat left; /*グローバルメニュー仕切り線*/
  text-align: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.external2 a {
  color: #333;
  font-size: 1.1em;
  font-weight: bold;
  position: relative;
  display: block;
}
/* =========================================================アイコン基本設定 */
.arrow {
  position: relative;
  display: inline-block;
  padding: 5px 0 0 25px;
  vertical-align: middle;
  /*  text-decoration: underline;*/
  /* font-size: 15px;*/
}
.arrow::before, .arrow::after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  content: "";
  vertical-align: middle;
}
/* =========================================================アイコンタイプ設定  */
.type1-01::before { /* 四角背景くの字矢印 */
  width: 18px;
  height: 18px;
  -webkit-border-radius: 25%;
  border-radius: 25%;
  background: #0066cc;
}
.type1-01::after {
  left: 5px;
  width: 5px;
  height: 5px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.type1-02::before { /* シンプルくの字矢印 */
  left: 3px;
  width: 5px;
  height: 5px;
  border-top: 2px solid #0066cc;
  border-right: 2px solid #0066cc;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
/* =========================================================テーブル設定 */
.table1 {
  width: 100%;
  border-collapse: collapse;
}
.table1 th {
  padding: 10px 15px;
  border: 1px solid #ddd;
  background: #f4f4f4;
  font-weight: bold;
  text-align: center;
  /*  vertical-align: top;*/
}
.table1 td {
  padding: 10px 15px;
  border: 1px solid #ddd;
  background: #ffffff;
}
.table-w {
  width: 70% !important;
}
/* テーブル横スクロール対応 */
.table2-wrap {
  overflow-x: scroll !important;
}
.table2 {
  width: 100%;
  border-collapse: collapse;
}
.table2 th {
  padding: 5px;
  border: 1px solid #ddd;
  background: #f4f4f4;
  /*  font-weight: normal;*/
  text-align: left;
  /*  vertical-align: top;*/
}
.table2 td {
  padding: 5px;
  border: 1px solid #ddd;
  background: #ffffff;
}
/* 注記用 */
.table-notes {
  width: 50%;
  border-collapse: collapse;
  margin-left: 20px;
}
.table-notes th {
  padding: 5px;
  border: 1px solid #ddd;
  background: #f4f4f4;
  /*  font-weight: normal;*/
  text-align: left;
  /*  vertical-align: top;*/
  font-size: 0.7em;
}
.table-notes td {
  padding: 5px;
  border: 1px solid #ddd;
  background: #ffffff;
  font-size: 0.7em;
  color: #555;
  text-align: center;
}
/* table3 */
.table3 {
  width: 100%;
  border-collapse: collapse;
}
.table3 th {
  padding: 10px 15px;
  border-bottom: 1px solid #ddd;
  font-weight: normal;
  text-align: left;
  width: 20%;
  /*  vertical-align: top;*/
}
.table3 td {
  padding: 10px 15px;
  border-bottom: 1px solid #ddd;
  background: #ffffff;
}
.table1 th.w40 {
  width: 40%;
}
.table1 th.w25 {
  width: 25%;
}
.tbl-fix {
  width: auto;
  height: auto;
  table-layout: fixed;
  border-collapse: collapse;
}
.tbl-fix td {
  padding: 5px 5px;
}
.topbnr-img {
  width: 100%;
  height: auto;
}
.table1-noline {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
}
.table1-noline td {
  padding: 5px 5px;
  border: none;
  background: #ffffff;
}
.table1-noline1 {
  width: 100%;
  border-collapse: collapse;
}
.table1-noline1 td {
  padding: 5px 5px;
  border: none;
  background: #ffffff;
}
.table1-noline-info {
  width: 100%;
  border-collapse: collapse;
  margin-top: -30px;
}
.table1-noline-info th {
  padding: 5px 5px;
  border: none;
  text-align: left;
  background: #ffffff;
}
.table1-noline-info td {
  padding: 5px 5px;
  border: none;
  background: #ffffff;
}
/* =========================================================前後ボタン */
.btm_menu {
  width: 65%;
  display: flex;
  justify-content: center;
  padding: 0;
  list-style: none;
  margin: 50px auto 0 auto;
}
.btm_menu li {
  width: calc(100% / 2);
  margin: 10px 3px;
  text-align: center;
}
.btm_menu li a {
  display: block;
  background: #0066cc;
  padding: 5px 0;
  position: relative;
  border-radius: 50px 0 0 50px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #FFFFFF;
  font-size: 0.9em;
}
.btm_menu li:last-child a {
  border-radius: 0 50px 50px 0;
}
.btm_menu li:first-child a::before {
  display: block;
  position: absolute;
  top: 50%;
  left: 15px;
  width: 7px;
  height: 7px;
  margin-top: -4px;
  border-bottom: solid 3px #fff;
  border-left: solid 3px #fff;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  content: "";
}
.btm_menu li:last-child a::before {
  display: block;
  position: absolute;
  top: 50%;
  right: 15px;
  width: 7px;
  height: 7px;
  margin-top: -4px;
  border-top: solid 3px #fff;
  border-right: solid 3px #fff;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  content: "";
}
/* =========================================================注釈 */
.notes {
  font-size: 0.7em;
  color: #666;
  line-height: 1.2em;
  text-indent: -1.0em;
  padding-left: 1.0em;
  margin: 5px 0 5px 0;
}
.notes-normal {
  font-size: 1.0em;
  /*  color: #666;*/
  line-height: 1.2em;
  text-indent: -1em;
  padding-left: 1em;
  margin: 5px 0 5px 0;
}
.notes-s {
  font-size: 0.7em;
  line-height: 1.3em;
  text-indent: -1.6em;
  padding-left: 1.6em;
  margin: 5px 0 5px 0;
  color: #666;
}
/* =========================================================リンクヘッダーマージン */
#f1, #f2, #f3, #f4, #f5, #f6, #f7, #f8, #f9, #f10, #casetop {
  margin-top: -80px;
  padding-top: 80px;
  position: relative;
  display: inline-block;
}
/* =========================================================各種ボタン（共通） */
.bo-01 {
  text-align: center;
  background: #0066cc;
  width: 50%;
  margin: 20px auto;
  border-radius: 50px;
  font-weight: bold;
}
.bo-02 {
  text-align: center;
  background: #0066cc;
  width: 70%;
  margin: 20px auto;
  border-radius: 50px;
  font-weight: bold;
}
/* =========================================================各種ボタン（共通） */
.bo-01 a {
  display: block;
  padding: 10px;
  color: #fff !important;
  position: relative;
}
.bo-01 a::before {
  display: block;
  position: absolute;
  top: 42%;
  right: 15px;
  width: 7px;
  height: 7px;
  margin-top: -4px;
  border-top: solid 3px #fff;
  border-right: solid 3px #fff;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  content: "";
}
/* 製品ロゴ用ボタン（目立ち） */
.bo-10 {
  width: 50%;
  margin: 10px auto;
}
.bo-10 a {
  display: block;
  padding: 10px;
  color: #fff !important;
  position: relative;
  background: #fff;
  border: 5px solid #209D86;
  border-radius: 80px;
  box-shadow: 0 0 8px gray;
}
.bo-10 img {
  height: auto;
  width: 50%;
  vertical-align: middle !important;
}
.bo-10 a::before {
  display: block;
  position: absolute;
  top: 42%;
  right: 15px;
  width: 7px;
  height: 7px;
  margin-top: -4px;
  border-top: solid 3px #209D86;
  border-right: solid 3px #209D86;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  content: "";
}
.bo-11 {
  width: 50%;
  margin: 10px auto;
}
.bo-11 a {
  display: block;
  padding: 10px;
  color: #fff !important;
  position: relative;
  background: #fff;
  border: 5px solid #dc3a12;
  border-radius: 80px;
  box-shadow: 0 0 8px gray;
}
.bo-11 img {
  height: auto;
  width: 50%;
  vertical-align: middle !important;
}
.bo-11 a::before {
  display: block;
  position: absolute;
  top: 42%;
  right: 15px;
  width: 7px;
  height: 7px;
  margin-top: -4px;
  border-top: solid 3px #dc3a12;
  border-right: solid 3px #dc3a12;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  content: "";
}
/* オレンジ */
.bo-01ore {
  text-align: center;
  background: #FF692F;
  width: 50%;
  margin: 20px auto;
  border-radius: 50px;
  font-weight: bold;
}
@media only screen and (max-width:768px) {
  .bo-01ore {
    width: 80%;
  }
}
.bo-01ore a {
  display: block;
  padding: 10px;
  color: #fff !important;
  position: relative;
}
.bo-01ore a::before {
  display: block;
  position: absolute;
  top: 42%;
  right: 15px;
  width: 7px;
  height: 7px;
  margin-top: -4px;
  border-top: solid 3px #fff;
  border-right: solid 3px #fff;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  content: "";
}
/* オレンジ2 */
.bo-02ore {
  text-align: center;
  background: #FF692F;
  width: 65%;
  margin: 20px auto;
  border-radius: 100px;
  font-weight: bold;
  box-shadow: 10px 10px 15px -10px;
}
@media only screen and (max-width:768px) {
  .bo-02ore {
    width: 100%;
    font-size: 1.4rem;
    border-radius: 8px;
  }
  .bo-01b a {
    color: #0066cc !important;
    padding: 10px !important;
  }
  .bo-02ore a::before {
    right: 8px !important;
    width: 7px !important;
    height: 7px !important;
    margin-top: -4px !important;
    border-top: solid 3px #fff !important;
    border-right: solid 3px #fff !important;
  }
}
.bo-02ore a {
  display: block;
  padding: 20px;
  color: #fff !important;
  position: relative;
}
.bo-02ore span {
  font-size: 3.5rem !important;
}
.bo-02ore a::before {
  display: block;
  position: absolute;
  top: 45%;
  right: 35px;
  width: 14px;
  height: 14px;
  margin-top: -4px;
  border-top: solid 5px #fff;
  border-right: solid 5px #fff;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  content: "";
}
/* ボタン右 */
.box-right {
  display: block;
  overflow: hidden;
}
.bo-01b {
  border-radius: 5px;
  font-weight: bold;
  font-size: 1.0em;
  margin: 0px 0;
  /*	background: #999;*/
  float: right;
  text-align: right;
}
.bo-01b a {
  color: #0066cc !important;
  padding: 8px 30px 5px 10px !important;
  position: relative;
  text-decoration: underline;
  display: block;
}
.bo-01b a::before {
  display: block;
  position: absolute;
  top: 48%;
  right: 10px;
  width: 7px;
  height: 7px;
  margin-top: -4px;
  border-top: solid 3px #0066cc;
  border-right: solid 3px #0066cc;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  content: "";
}
/* ボタン右小さめ */
.bo-01s {
  text-align: center;
  background: #0066cc;
  width: 20%;
  float: right;
  border-radius: 50px;
  font-weight: bold;
  font-size: 0.8em;
}
.bo-01s a {
  display: block;
  padding: 5px;
  color: #fff !important;
  position: relative;
}
.bo-01s a::before {
  display: block;
  position: absolute;
  top: 48%;
  right: 15px;
  width: 7px;
  height: 7px;
  margin-top: -4px;
  border-top: solid 3px #fff;
  border-right: solid 3px #fff;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  content: "";
}
/* ボタン右小さめグレー */
.bo-01s5 {
  text-align: center;
  background: #999;
  /*  width: 20%;*/
  float: right;
  border-radius: 50px;
  font-weight: bold;
  font-size: 14px !important;
}
.bo-01s5 a {
  display: block;
  padding: 5px 35px;
  color: #fff !important;
  position: relative;
}
.bo-01s5 a::before {
  display: block;
  position: absolute;
  top: 48%;
  right: 15px;
  width: 7px;
  height: 7px;
  margin-top: -4px;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  content: "";
}
/* ボタン小さめ2 */
.bo-01s2 {
  text-align: center;
  background: #e5e5e5;
  width: 62%;
  font-weight: bold;
  font-size: 1.0em;
  margin: 20px auto;
  border-radius: 50px;
  border-bottom: 2px solid #ccc;
  border-right: 1px solid #ccc;
}
.bo-01s2 a {
  display: block;
  padding: 8px;
  color: #0066cc !important;
  position: relative;
}
.bo-01s2 a::before {
  display: block;
  position: absolute;
  top: 48%;
  right: 15px;
  width: 5px;
  height: 5px;
  margin-top: -4px;
  border-top: solid 3px #0066cc;
  border-right: solid 3px #0066cc;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  content: "";
}
.bo-01s3 {
  text-align: center;
  background: #e5e5e5;
  width: 50%;
  font-weight: bold;
  font-size: 0.8em;
  margin: 20px auto;
  border-radius: 50px;
  border-bottom: 2px solid #ccc;
  border-right: 1px solid #ccc;
}
.bo-01s3 a {
  display: block;
  padding: 8px;
  color: #0066cc !important;
  position: relative;
}
.bo-01s3 a::before {
  display: block;
  position: absolute;
  top: 48%;
  right: 15px;
  width: 5px;
  height: 5px;
  margin-top: -4px;
  border-top: solid 3px #0066cc;
  border-right: solid 3px #0066cc;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  content: "";
}
.bo-02 a {
  display: block;
  padding: 10px;
  color: #fff !important;
  position: relative;
}
.bo-02 a::before {
  display: block;
  position: absolute;
  top: 42%;
  right: 15px;
  width: 7px;
  height: 7px;
  margin-top: -4px;
  border-top: solid 3px #fff;
  border-right: solid 3px #fff;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  content: "";
}
.block2 li .bo-03 {
  text-align: center;
  background: #0066cc;
  width: 70%;
  margin: 30px auto 20px auto;
  border-radius: 50px;
  font-weight: bold;
  font-size: 0.9em;
}
.block2wm li .bo-03 {
  text-align: center;
  background: #0066cc;
  width: 70%;
  margin: 30px auto 20px auto;
  border-radius: 50px;
  font-weight: bold;
  font-size: 0.9em;
}
.block3wm li .bo-03 {
  text-align: center;
  background: #0066cc;
  width: 80%;
  margin: 30px auto 20px auto;
  border-radius: 50px;
  font-weight: bold;
  font-size: 0.8em;
}
.block1f li .bo-03 {
  text-align: center;
  background: #0066cc;
  width: 40%;
  margin: 30px auto 20px auto;
  border-radius: 50px;
  font-weight: bold;
  font-size: 0.9em;
}
.btn-yl {
  text-align: center;
  background: #ffffe0;
  width: 70%;
  margin: 30px auto 20px auto;
  border-radius: 50px;
  font-weight: bold;
  font-size: 0.8em;
}
.btn-yl a {
  display: block;
  position: relative;
  padding: 5px 0;
  color: #00725e;
}
.block2 li .bo-03 a, .block2wm li .bo-03 a, .block3wm li .bo-03 a, .block1f li .bo-03 a {
  display: block;
  color: #fff;
  position: relative;
  padding: 0px 0;
}
.block2 li .bo-03 a::before, .block1f li .bo-03 a::before {
  display: block;
  position: absolute;
  top: 40%;
  right: 15px;
  width: 7px;
  height: 7px;
  margin-top: -4px;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  content: "";
}
.block2wm li .bo-03 a::before {
  display: block;
  position: absolute;
  top: 40%;
  right: 15px;
  width: 7px;
  height: 7px;
  margin-top: -2px;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  content: "";
}
.block3wm li .bo-03 a::before {
  display: block;
  position: absolute;
  top: 40%;
  right: 15px;
  width: 7px;
  height: 7px;
  margin-top: -2px;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  content: "";
}
.mainkakomi-blue .bo-03 {
  text-align: center;
  background: #0066cc;
  width: 50%;
  margin: 0px auto 20px auto;
  border-radius: 50px;
  font-weight: bold;
  font-size: 0.9em;
}
.mainkakomi-blue .bo-03 a {
  display: block;
  color: #fff;
  position: relative;
  padding: 5px 0 !important;
}
.block2 li .bo-03 {
  text-align: center;
  background: #0066cc;
  width: 50%;
  margin: 30px auto 20px auto;
  border-radius: 50px;
  font-weight: bold;
  font-size: 0.9em;
}
.block2wm li .bo-03 {
  text-align: center;
  background: #0066cc;
  width: 50%;
  margin: 30px auto 20px auto;
  border-radius: 50px;
  font-weight: bold;
  font-size: 0.9em;
}
.block3 li .bo-03 {
  text-align: center;
  background: #0066cc;
  width: 90%;
  margin: 30px auto 20px auto;
  border-radius: 50px;
  /*  font-weight: bold;*/
  font-size: 0.8em;
}
.block3shop li .bo-03 {
  text-align: center;
  background: #0066cc;
  width: 100%;
  margin: 0px auto 10px auto;
  border-radius: 50px;
  /*  font-weight: bold;*/
  font-size: 0.8em;
}
.block4 li .bo-03 {
  text-align: center;
  background: #0066cc;
  width: 90%;
  margin: 10px auto 20px auto;
  border-radius: 50px;
  /*  font-weight: bold;*/
  font-size: 0.8em;
}
.block1f li .bo-03 {
  text-align: center;
  background: #0066cc;
  width: 40%;
  margin: 10px auto 0px auto;
  border-radius: 50px;
  font-weight: bold;
  font-size: 0.9em;
}
.block2 li .bo-03 a, .block3 li .bo-03 a, .block3shop li .bo-03 a, .block4 li .bo-03 a, .block1f li .bo-03 a {
  display: block;
  color: #fff;
  position: relative;
  padding: 5px 0;
}
.block2 li .bo-03 a::before, .block3 li .bo-03 a::before, .block3shop li .bo-03 a::before, .block4 li .bo-03 a::before, .block1f li .bo-03 a::before, .mainkakomi-blue .bo-03 a::before {
  display: block;
  position: absolute;
  top: 50%;
  right: 15px;
  width: 5px;
  height: 5px;
  margin-top: -4px;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  content: "";
}
/* =========================================================全体レイアウト */
#container {
  width: 100%;
}
/*-- ▼背景色（幅100％） --*/
.box-white {
  /*  text-align: center;*/
  width: 100%;
  background: #fff;
  overflow: hidden;
  margin: 0px 0 0px 0;
}
.box-blue {
  width: 100%;
  background: #D4E1E8;
  /*  border-top: 1px solid #00468F;*/
  overflow: hidden;
}
.box-blue2 {
  width: 100%;
  background: #4597DB;
  /*  border-top: 1px solid #00468F;*/
  overflow: hidden;
}
.box-gray {
  width: 100%;
  background: #f2f2f2;
  overflow: hidden;
  padding: 0px;
  border-bottom: 1px solid#ccc;
}
.box-gray2 {
  width: 100%;
  background: #ccc;
  overflow: hidden;
}
/* 背景イメージタイプ */
.back01 {
  /*  background: url("../ah/kikan-system/image/title_bkg2.jpg") no-repeat top right;*/
  background: url("../image/top-bg01.jpg") no-repeat bottom -20px center;
  background-size: cover;
}
.back01support {
  background: url("../image/top-bg03.jpg") no-repeat top center;
  background-size: cover;
}
.back01solution {
  background: url("../image/top-bg04.jpg") no-repeat top center;
  background-size: cover;
}
.backtop {
  background: url("../image/title_bkg.jpg") no-repeat bottom -20px center;
  background-size: cover;
}
.pagetitle-box0 {
  min-height: 220px;
  position: relative;
}
.pagetitle-box {
  min-height: 260px;
  position: relative;
}
.pagetitle-box2 {
  min-height: 300px;
  position: relative;
}
.pagetitle-box3 {
  min-height: 500px;
  position: relative;
}
.pagetitle-box33 {
  min-height: 500px;
  position: relative;
}
@media all and (max-width:1200px) {
  .pagetitle-box33 {
    min-height: 400px;
    position: relative;
  }
}
.pagetitle01 {
  /*  color: #fff;*/
  font-size: 1.3em;
  font-weight: bold;
  line-height: 1.5em;
  position: absolute;
  top: 0%;
  left: 0;
  width: 100%;
  text-align: left;
  /*  text-shadow: 3px 2px 3px #333;*/
}
.pagetitle010 {
  /*  color: #fff;*/
  font-size: 1.3em !important;
  font-weight: bold;
  line-height: 1.5em;
  position: absolute;
  top: 0%;
  left: 0;
  width: 100%;
  text-align: left;
  /*  text-shadow: 3px 2px 3px #333;*/
}
.pagetitle010-1 {
  /*  color: #fff;*/
  font-size: 1.3em !important;
  font-weight: bold;
  line-height: 1.5em;
  position: absolute;
  top: 0%;
  left: 0;
  width: 100%;
  text-align: left;
  /*  text-shadow: 3px 2px 3px #333;*/
}
.pagetitle012 {
  /*  color: #fff;*/
  font-size: 1.3em;
  font-weight: bold;
  line-height: 1.5em;
  position: absolute;
  top: 20%;
  left: 0;
  width: 100%;
  text-align: left;
  /*  text-shadow: 3px 2px 3px #333;*/
}
.pagetitle02-8 {
  position: absolute;
  top: -20%;
  right: 0px;
  width: 50%;
  text-align: center;
}
.pagetitle02-8 img {
  width: 100%;
  height: auto;
  text-align: center;
}
.pagetitle01-0 {
  position: absolute;
  top: -10%;
  right: 40px;
  width: 50%;
  text-align: center;
}
.pagetitle01-0 img {
  width: 100%;
  height: auto;
  text-align: center;
}
.pagetitle01-1 {
  position: absolute;
  top: -50%;
  right: 0px;
  width: 50%;
  text-align: center;
}
.pagetitle01-1 img {
  width: 100%;
  height: auto;
  text-align: center;
}
.pagetitle01-2 {
  color: #fff;
  font-size: 2.0em;
  font-weight: bold;
  line-height: 1.5em;
  position: absolute;
  top: 35%;
  left: 50%;
  width: 95%;
  transform: translate(-50%, -50%);
  text-align: center;
  text-shadow: 3px 2px 3px #333;
}
.pagetitle01-3 {
  color: #444;
  font-size: 2.0em;
  font-weight: bold;
  line-height: 1.5em;
  position: absolute;
  top: 42%;
  left: 50%;
  width: 95%;
  transform: translate(-50%, -50%);
  text-align: center;
}
.pagetitle02 {
  color: #fff;
  font-size: 1.1em;
  font-weight: bold;
  line-height: 1.5em;
  text-align: center;
  padding: 5px 0;
  background: #0066cc;
}
/* --▼背景幅1200設定-- */
.section {
  width: 1200px;
  margin: 0 auto 15px auto;
  padding: 20px 0 20px 0;
}
.section2 {
  width: 1000px;
  margin: 0 auto 15px auto;
  padding: 20px 0 20px 0;
}
.section-top {
  width: 1200px;
  margin: 0 auto;
  /*  padding-top: 65px;*/
  /*padding-top: 120px;*/
  position: relative;
}
.section-top {
  width: 1200px;
  margin: 0 auto;
  /* padding-top: 65px; */
  padding-top: 120px;
  position: relative;
}
.section-top0 {
  width: auto !important;
  margin: 0 auto;
  text-align: center;
  padding-top: 70px;
  background: #ededed;
  position: relative;
  border-bottom: 0px solid #e5e5e5;
}
.section-top0 img {
  width: inherit !important;
  height: auto !important;
}
.section-top2 {
  width: 1200px;
  margin: 0 auto;
  /*  padding-top: 65px;*/
  padding-top: 80px;
  padding-bottom: 0px;
  position: relative;
}
.section-top3 {
  width: 1200px;
  margin: 0 auto;
  /*  padding-top: 65px;*/
  padding-top: 65px;
  padding-bottom: 30px;
  position: relative;
}
.section-top4 {
  width: 1200px;
  margin: 0 auto;
  /*  padding-top: 65px;*/
  padding-top: 400px;
  padding-bottom: 30px;
  position: relative;
}
.section-top5 {
  width: auto !important;
  margin: 0 auto;
  padding-top: 0px;
  position: relative;
  border-bottom: 0px solid #e5e5e5;
}
.section-top5 img {
  width: 100% !important;
  height: auto !important;
}
.section-top-pankuzu {
  width: 1200px;
  margin: 0 auto;
  /*  padding-top: 65px;*/
  padding-top: 130px;
  position: relative;
}
.main {
  /*  width: 80%;*/
  width: 75%;
}
.mainimg {
  text-align: left;
  /*
  border: 1px solid #ccc;
*/
  padding: 20px;
  /*  border-radius: 3px;*/
  position: relative;
}
.maintxt-unit {
  margin: 30px 0;
}
.maintxt {
  text-align: left;
  margin-top: 20px;
  line-height: 30px;
}
.maintitle {
  font-size: 1.8em;
}
.maintitle2 {
  font-size: 1.5em;
  /*background: #ededed;*/
  padding: 15px 10px 8px 0px;
  border-bottom: 3px solid #999;
  border-radius: 3px;
  /*	color: #fff;*/
}
.logo-box:has(.mainlogo + .mainlogo2) {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: .5em;
}
.logo-box > .mainlogo2 {
  position: relative;
  right: auto;
  bottom: 5px;
  padding: 5px 0;
  font-size: clamp(.6em, 2.0vw, 0.8em);
}
.mainlogo {
  width: fit-content;
}
.mainlogo img {
  max-height: 70px;
  width: 100%;
  height: auto;
}
.mainlogo-h img {
  height: 90px;
  width: auto;
}
.mainlogo-s img {
  height: 32px;
  width: auto;
}
.mainlogo-s1 img {
  height: 46px;
  width: auto;
}
.mainlogo2 {
  background: #CFB979;
  color: #8C3436;
  font-size: 0.8em;
  font-weight: bold;
  text-align: center;
  padding: 6px 0 1px 0;
  width: 80px;
  border-radius: 3px;
  position: absolute;
  right: 10px;
  bottom: 10px;
}
.maincatch {
  font-weight: bold;
  margin: 10px 0;
}
.mainkakomi-white {
  padding: 20px;
  background: #fff;
  border: 1px solid #ccc;
  margin: 20px 0;
  border-radius: 3px;
}
.mainkakomi-white2 {
  padding: 20px;
  background: #fff;
  border: 1px solid #ccc;
  margin: 20px auto;
  border-radius: 3px;
  width: 77%;
}
.mainkakomi-white3 {
  padding: 20px;
  background: #fff;
  border: 1px solid #ccc;
  margin: 20px auto;
  border-radius: 3px;
  width: 90%;
}
.margin-t20 {
  margin-top: 20px;
}
.mainkakomi-blue {
  padding: 20px;
  background: #E6F0F9;
  margin: 20px 0;
  border-radius: 3px;
  text-align: center;
}
.mainkakomi-blue2 {
  padding: 20px;
  background: #E6F0F9;
  margin: 20px 0;
  border-radius: 3px;
  text-align: center;
}
.mainkakomi-blue3 {
  padding: 20px;
  background: #E6F0F9;
  margin: 20px auto;
  border-radius: 3px;
  text-align: center;
}
.mainkakomi-sax {
  padding: 20px;
  background: #e3f5ff;
  margin: 20px auto;
  border-radius: 3px;
  text-align: center;
  width: 75%;
}
.mainkakomi-yl {
  padding: 20px;
  background: #ffffe0;
  margin: 20px auto;
  text-align: center;
  width: 75%;
  border: 1px solid #cccccc;
  border-radius: 3px;
}
.mainkakomi-gr {
  color: #ffffff;
  padding: 20px;
  background: linear-gradient(#007364, #34b698);
  margin: 20px auto;
  text-align: center;
  width: 75%;
  border: 1px solid #013f37;
  border-radius: 3px;
}
.mainkakomi-gray {
  padding: 20px;
  background: #ededed;
  margin: 20px 0;
  border-radius: 3px;
}
.mainkakomi-blue a {
  color: #444;
}
.mainkakomi-blue img.wide {
  width: 95%;
  height: auto;
}
.kakomi-title {
  font-size: 1.2em;
}
.kakomi-title-wh {
  font-size: 1.2em;
  color: #fff;
}
.k_logo-img {
  max-width: 100%;
  height: auto;
  width: 45%;
}
.k_logo-img2 {
  max-width: 100%;
  height: auto;
  width: 35%;
}
.mainkakomi-gr.onlinedemo {
  font-feature-settings: "palt";
  font-size: 1em;
  font-weight: 500;
  width: 100%;
  max-width: 570px;
  text-align: center;
  padding: 15px;
  box-sizing: border-box;
}
.mainkakomi-gr.onlinedemo > p {
  margin: 0;
}
.mainkakomi-gr.onlinedemo .btn-yl {
  margin: 8px auto 0;
  width: 96%;
  background: #f1ebc4;
}
.mainkakomi-gr.onlinedemo .kakomi-title-wh.bold.block-title-underline-yl {
  margin: 0 0 7px;
  font-size: 1.2em;
  border-bottom: 2px solid #f1ebc4;
}
.mainkakomi-gr.onlinedemo .notes {
  color: #fff;
  font-size: .8em;
}
.mainkakomi-gr.onlinedemo .btn-yl a {
  padding: 8px 0;
  font-size: 1.2em;
  position: relative;
  border-radius: 50px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.mainkakomi-gr.onlinedemo .btn-yl a:hover {
  background: #fff;
  opacity: .9;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.mainkakomi-gr.onlinedemo .btn-yl a::before {
  display: block;
  position: absolute;
  top: 51%;
  right: 15px;
  width: 8px;
  height: 8px;
  margin-top: -2px;
  border-top: solid 2px #007364;
  border-right: solid 2px #007364;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  content: "";
  transform: translateY(-50%) rotate(45deg);
}
/* =========================================================テキスト＆文字横置きレイアウト */
.img-container {
  display: flex; /* flexbox */
  /*justify-content: center;*/ /* 水平方向 */
  align-items: flex-start; /* 垂直方向 */
  margin: 0px 0 20px 5px;
}
.img-container8 {
  background: #E3EDF1 !important;
  width: 89%;
  padding: 30px;
  margin: 0 auto;
  border-radius: 10px;
}
.img-container8 p {
  font-weight: bold;
  color: #219D86;
  padding-bottom: 10px;
  border-bottom: 1px solid #219D86;
}
.img-container9 {
  background: #DDF5FF;
  width: 89%;
  padding: 30px;
  padding-top: 10px;
  margin: 0 auto;
  margin-bottom: 3.0em;
  border-radius: 7px;
}
.img-container9 p {
  font-weight: bold;
  color: #0066cc;
  padding-bottom: 10px;
  border-bottom: 1px solid #0066cc;
}
/* home囲み */
.img-container-home {
  display: flex; /* flexbox */
  /*justify-content: center;*/ /* 水平方向 */
  align-items: flex-start; /* 垂直方向 */
  margin: 0px 0 0px 5px;
}
.img-container-home .con-txt29 {
  width: 54%;
}
.img-container-home .con-img29 {
  width: 40%;
  text-align: right;
  margin: 0 30px 0 30px;
}
.img-container-home .con-img29 img {
  width: 100%;
  height: auto;
}
/* end of home囲み */
.img-containertop {
  display: flex; /* flexbox */
  /*justify-content: center;*/ /* 水平方向 */
  align-items: flex-start; /* 垂直方向 */
  margin: 0px 0 0px 5px;
}
.img-container .con-txt0 {
  width: 76.5%;
}
.img-container .con-img0 {
  width: 20%;
  text-align: right;
  margin-left: 30px;
}
.img-container .con-img00 {
  width: 20%;
  text-align: center;
  margin-left: 30px;
}
.img-container .con-txt {
  width: 70%;
}
.img-container .con-img {
  width: 28%;
  text-align: right;
  margin-left: 30px;
}
.img-container .con-img10 {
  width: 28%;
  text-align: right;
  margin-left: 0px;
  margin-right: 20px;
}
.img-container .con-img10 img {
  width: 100%;
  height: auto;
}
.img-container .con-img11 {
  width: 25%;
  text-align: right;
  margin-left: 20px;
  margin-right: 0px;
}
.img-container .con-img11 img {
  width: 100%;
  height: auto;
}
.img-container .con-img img {
  width: 100%;
  height: auto;
}
.img-container .con-txt2 {
  width: 55%;
}
.img-container .con-img2 {
  width: 43%;
  text-align: right;
  margin: 0 0 0 30px;
}
.img-container .con-img2 img {
  /*  width: inherit!important;*/
  width: 100% !important;
  height: auto;
}
@media only screen and (max-width:1199px) {
  .img-container .con-img2 img {
    width: 95% !important;
    height: auto;
  }
}
.img-container .con-txt8 {
  width: 40%;
  padding-top: 150px;
  text-align: center;
}
.img-container .con-img8 {
  width: auto;
  text-align: right;
  margin: 10px 0 0 30px;
}
.img-container .con-img8 img {
  width: inherit !important;
  height: auto;
}
.img-containertop .con-txt2 {
  width: 56%;
}
.img-container .con-txt2 p {
  margin-top: 0;
}
.img-containertop .con-txt2 p {
  margin-top: 0;
}
.img-container .con-txt22 {
  width: 54%;
}
.img-container .con-txt22 img {
  width: inherit;
  height: auto;
}
.img-container .con-img22 {
  width: 45% !important;
  text-align: right;
  margin: 0 0 0 30px !important;
}
.img-container .con-img22 img {
  width: 500px !important;
  height: auto !important;
  margin-top: 0;
}
.img-container .con-txt3 {
  width: 50%;
}
.img-container .con-img3 {
  width: 46%;
  text-align: right;
  margin: 0 0 0 30px;
}
.img-container .con-img3 img {
  width: 80%;
  height: auto;
  margin-top: 0;
}
.img-container img.pre {
  margin-right: 50px;
  height: auto;
}
.img-container .soluimg img {
  margin-left: 50px;
  max-width: 600px;
  height: auto;
}
.img-container .txtleft {
  width: 75%;
}
.w94 {
  width: 94%;
  margin: 0 auto;
}
.w-img01 {
  margin-top: 20px;
}
.w-img01 img {
  width: 100%;
  height: auto;
}
.w-img02 {
  margin-top: 20px;
  margin: 0 auto;
  text-align: center !important;
  width: 80% !important;
}
.w-img02 img {
  width: 95%;
  height: auto;
}
.w-img021 {
  margin-top: 20px;
  text-align: center;
}
.w-img021 img {
  width: 80%;
  height: auto;
}
.w-img022 {
  margin-top: 20px;
  text-align: center;
}
.w-img022 img {
  width: 94%;
  height: auto;
}
.w-img023 {
  text-align: center;
}
.w-img023 img {
  width: inherit;
  height: auto;
}
@media screen and (max-width: 768px) {
  .w-img023 img {
    width: 100%;
    height: auto;
  }
}
.w-img03 {
  margin-top: 20px;
  text-align: center;
}
.w-img03 img {
  width: inherit;
  height: auto;
}
/* 検索トップページ
------------------------------------------------------------------------------*/
.box-gsc2 {
  margin: 0px auto !important;
  text-align: center !important;
  padding: 0px;
}
#gsc2 {
  width: 70%;
  margin: 10px auto;
  border: 1px solid #ccc;
  border-radius: 2px;
  float: none;
  position: inherit;
  max-width: 728px;
  box-sizing: border-box;
}
#gsc3 {
  width: 95%;
  margin: 10px auto;
  border: 5px solid #ccc;
  border-radius: 2px;
  float: none;
  position: inherit;
}
/* テキスト入力フォーム */
#gsc2 input[type="text"] {
  border: none;
  height: 45px !important;
}
#gsc3 input[type="text"] {
  border: none;
  height: 45px !important;
}
search-dialog .test {
  width: 100%;
  text-align: center;
  margin-bottom: 50px;
}
search-dialog .test img {
  width: 430px;
  height: auto;
}
search-dialog .ad {
  border: 1px solid #ccc;
  margin: 5px 0 20px 0;
}
search-dialog .adivision {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-box;
  display: -webkit-flexbox;
  display: -moz-flexbox;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: 5px;
}
search-dialog .adivision li {
  padding: 5px;
  width: 85%;
  background: #fff;
  box-sizing: border-box;
  list-style: none;
  font-size: 0.9em;
}
search-dialog .adivision li:first-child {
  width: 70px;
}
search-dialog .ad .url {
  font-size: 0.7em;
  color: #00801e;
  margin: 0 0 0 8px;
}
search-dialog .ad h3 {
  font-size: 1.0em;
  margin: 8px 0 0 8px;
  text-decoration: underline;
}
search-dialog .ad h3 a {
  text-decoration: underline;
}
search-bar {
  color: #fff;
}
search-bar a {
  color: #fff;
}
.suggest-list {
  border: 1px solid #ccc;
}
.suggest-list li {
  color: #000;
}
/*202206追加（ストレージサポート）*/
.maintxt.st {
  padding: 10px;
  margin: 0;
}
.maintxt.st section > p {
  margin: 10px 0;
}
.maintxt.st > section.login {
  background: #eee;
  margin-bottom: 10px;
  padding: 10px;
}
.maintxt.st > section.login > h2 {
  color: #000;
  font-size: 2rem;
  border-bottom: 2px solid #0034ff;
  padding: 3px;
  margin: 0 0 10px;
  text-align: left;
}
ol.login-ol li p {
  margin: 0;
}
ol.login-ol {
  padding-left: 30px;
  margin: 0;
}
ol.login-ol li {
  margin-bottom: 8px;
}
ol.login-ol li img {
  padding-bottom: 15px;
  padding-top: 3px;
}
ol.login-ol li p.bo-01 {
  margin: 5px auto 10px;
}
.maintxt.st .notes {
  font-size: .8em;
  line-height: 1.5;
}
.maintxt.st table.st {
  width: 100%;
  background: #fff;
  border-collapse: collapse;
  margin: 10px 0;
  font-size: .9em;
}
.maintxt.st table.st th, table.st td {
  border: 1px solid #ccc;
  padding: 6px;
  font-weight: normal;
  word-break: break-word;
}
.maintxt.st table.st th {
  background: #eee;
}
.ba202207 img {
  width: 100%;
  height: auto;
}
/*年末調整入力システム帯*/
.section.search {
  margin: 20px auto;
}
#belt_nencho-hp {
  margin-top: 5px;
  border-top: 2px solid #06c;
  /* border-bottom: 2px solid #06c;*/
}
#belt_nencho-hp a {
  background: #D7EEFC;
  display: block;
  font-weight: bold;
  text-align: center;
  line-height: 1;
  padding: 0 10px;
}
#belt_nencho-hp h3 {
  font-size: 1em;
  color: #606667;
  margin-bottom: 2px;
  margin-top: 0;
  text-align: left;
}
#belt_nencho-hp .new_icon {
  background: #f00;
  color: #fff;
  text-align: center;
  line-height: 1;
  padding: 6px;
  border-radius: 5px;
  margin-right: 6px;
}
#belt_nencho-hp .new_icon > span {
  display: block;
  font-size: .8em;
  padding-top: 2px;
}
#belt_nencho-hp a > div {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
#belt_nencho-hp a > div > div {
  display: flex;
  align-items: center;
}
#belt_nencho-hp a > div img {
  max-width: 500px;
}
#belt_nencho-hp .btn-spsite {
  background: #0066cc;
  color: #fff;
  padding: 6px 33px 5px;
  border-radius: 50px;
  margin-left: 8px;
  position: relative;
  font-size: .9em;
}
#belt_nencho-hp .btn-spsite::before, #belt_nencho-hp .btn-spsite::after {
  content: '';
  width: 6px;
  height: 6px;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  position: absolute;
  left: 10px;
  transform: translateY(-50%) rotate(45deg);
  top: 50%;
}
#belt_nencho-hp .btn-spsite::after {
  left: 14px;
}
#belt_onlinedemo-hp {
  margin-top: 0px;
  /*
 border-top: 2px solid #f7f1ad;
 border-bottom: 2px solid #f7f1ad;
*/
  font-feature-settings: "palt";
  letter-spacing: .7px;
}
#belt_onlinedemo-hp a {
  background: linear-gradient(#007364, #34b698);
  display: block;
  font-weight: bold;
  text-align: center;
  line-height: .5;
  padding: 0 10px;
  background: #06c;
}
#belt_onlinedemo-hp a.haikei {
  background: linear-gradient(#007364, #34b698);
  display: block;
  font-weight: bold;
  text-align: center;
  line-height: .5;
  padding: 0 10px;
  background: #219D86 !important;
}
#belt_onlinedemo-hp a.haikei2 {
  background: linear-gradient(#007364, #34b698);
  display: block;
  font-weight: bold;
  text-align: center;
  line-height: .5;
  padding: 0 10px;
  background: #6CC9B7 !important;
}
#belt_onlinedemo-hp h3 {
  font-size: 1.1em;
  color: #ffffff;
  text-align: left;
  margin: 0;
}
#belt_onlinedemo-hp .new_icon {
  background: #f00;
  color: #fff;
  text-align: center;
  line-height: 1;
  padding: 6px;
  border-radius: 5px;
  margin-right: 6px;
}
#belt_onlinedemo-hp .haikei {
  background: #219D86 !important;
  color: #fff;
}
#belt_onlinedemo-hp .new_icon > span {
  display: block;
  font-size: .8em;
  padding-top: 2px;
}
#belt_onlinedemo-hp a > div {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
#belt_onlinedemo-hp a > div > div {
  display: flex;
  align-items: center;
}
#belt_onlinedemo-hp a > div img {
  max-width: 500px;
}
#belt_onlinedemo-hp .btn-spsite {
  background: #f7f1ad;
  color: #1c615c;
  padding: 8px 33px 7px;
  border-radius: 50px;
  margin-left: 8px;
  position: relative;
  font-size: .9em;
  margin: 8px;
}
#belt_onlinedemo-hp .btn-spsite::before, #belt_onlinedemo-hp .btn-spsite::after {
  content: '';
  width: 6px;
  height: 6px;
  border-top: solid 2px #1c615c;
  border-right: solid 2px #1c615c;
  position: absolute;
  left: 10px;
  transform: translateY(-50%) rotate(45deg);
  top: 50%;
}
#belt_onlinedemo-hp .btn-spsite2::before, #belt_onlinedemo-hp .btn-spsite::after {
  content: '';
  width: 0 !important;
  height: 0 !important;
  border-top: none !important;
  border-right: none !important;
  position: inherit !important;
  left: 0 !important;
  transform: none !important;
  top: 0 !important;
}
#belt_onlinedemo-hp .btn-spsite::after {
  left: 14px;
}
.kakomi.onlinedemo {
  background: #f2f2f2;
  padding: 10px 15px;
  border: 1px solid #b5d6ce;
  border-radius: 5px;
  margin: 5px auto;
  max-width: 728px;
  box-sizing: border-box;
}
.kakomi.onlinedemo .top-title {
  display: flex;
  /* align-items: center; */
  margin-top: 12px;
  justify-content: space-between;
}
.kakomi.onlinedemo img {
  max-width: 160px;
}
.kakomi.onlinedemo h3 {
  margin: 0;
  border-bottom: 2px solid #108874;
  font-feature-settings: "palt";
  line-height: 1;
  padding: 7px 0;
  font-size: 2.1rem;
}
.kakomi.onlinedemo p {
  margin: 0;
  font-size: .9em;
  line-height: 1.3;
}
.kakomi.onlinedemo .btn-demo a {
  display: block;
  background: #108874;
  text-align: center;
  border-radius: 50px;
  color: #fff;
  font-weight: bold;
  padding: 10px;
  position: relative;
  font-size: 1.1em;
}
.kakomi.onlinedemo .btn-demo a::before {
  display: block;
  position: absolute;
  top: 51%;
  right: 15px;
  width: 8px;
  height: 8px;
  margin-top: -2px;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  content: "";
  transform: translateY(-50%) rotate(45deg);
}
.kakomi.onlinedemo .btn-demo {
  padding: 5px 0 0;
  max-width: 700px;
  margin: 5px auto 0;
}
.kakomi.onlinedemo p.notes {
  font-size: .8em;
  color: #000;
}
.ba-container-new {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 10px;
  max-width: 728px;
  margin-inline: auto;
}
.ba-container-new .ba-box {
  max-width: 360px;
  margin-inline: auto;
}
.ba-container-new .ba-box > p {
  text-align: center;
  font-weight: 600;
  line-height: 1.2;
  margin-bottom: .4em;
}
.ba-ontime-box .sub-catch2 {
  color: #555 !important;
  font-weight: 600;
  font-size: 2.0rem !important;
  margin: .2em 0;
}
.ba-ontime-box span.icon-new2 {
  padding: 1px 10px;
  background: #d7264f;
  border-radius: 7px;
  margin-right: 5px;
  color: #fff;
  font-size: 1.8rem;
  font-weight: bold;
  text-align: center;
}
.mv-play {
  font-size: 1.2em;
}
.ba-ontime-box .mv-play, .mv-play_ver2 a {
  background: #06c;
  text-align: center;
  border-radius: 50px;
  color: #fff;
  position: relative;
  margin: 10px 0;
  padding: 10px 30px 12px;
  width: 100%;
  word-break: keep-all;
  overflow-wrap: anywhere;
  box-sizing: border-box;
  font-weight: 700;
}
.mv-play_ver2 a {
  display: block;
  max-width: 600px;
  margin: 1em auto 0;
}
.ba-ontime-box .mv-play::before, .mv-play_ver2 a::before {
  background: #06c;
  width: 9px;
  height: 10px;
  position: absolute;
  content: "";
  top: 50%;
  transform: translateY(-50%);
  right: 13px;
  clip-path: polygon(0 0, 100% 50%, 0 100%);
  z-index: 1;
}
.ba-ontime-box .mv-play::after, .mv-play_ver2 a::after {
  background: #fff;
  width: 20px;
  height: 20px;
  position: absolute;
  content: "";
  top: 50%;
  right: 9px;
  transform: translateY(-50%);
  border-radius: 50px;
}
.mv-play.btnonly {
  padding: 0;
}
.mv-play.btnonly a {
  display: block;
  border-radius: 50px;
  padding: 10px 30px 12px;
  color: #fff;
}
.mv-play.btnonly:hover {
  opacity: .8;
}
.flash {
  animation-name: flash;
  animation-duration: 1s;
  animation-timing-function: ease;
  animation-iteration-count: 3;
}
.box-blue-banner a {
  display: block;
  background: linear-gradient(to right, #c3b6e4, #f9f8fd 50%, #c3b6e4);
  border: 1px solid #b6a8d8;
  margin: 1em auto;
  padding: .5em;
  color: #191970;
  font-weight: 600;
  text-align: center;
  max-width: 1160px;
  box-sizing: border-box;
  font-size: clamp(.7em, 2.0vw, 1.0em);
}
ul.ah-top_newbox + .box-blue-banner {
  margin-bottom: 3em;
}
ul.ah-top_newbox h4 + div {
  max-width: 450px;
  margin: 0 auto;
}
@keyframes flash {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
}
/* メディア
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
/* ahトップのキャッチコピー改行　横幅が769px以上 */
@media only screen and (min-width:769px) {
  .br-sp2::before {
    content: "\A";
    white-space: pre;
  }
}
/* 幅1699px以下 */
@media only screen and (max-width:1699px) {
  .section-top0 {
    width: 100% !important;
  }
  .section-top0 a img {
    width: 100% !important;
  }
  .section-top5 {
    width: 100% !important;
  }
  .section-top5 a img {
    width: 100% !important;
  }
  .top-pc {
    display: block;
  }
  .top-sp {
    display: none;
  }
}
/* 幅1200px以上 */
@media only screen and (min-width:1200px) {
  .top-pc {
    display: block;
  }
  .top-sp {
    display: none;
  }
}
/* 幅1199px以下 */
@media only screen and (max-width:1199px) {
  .section-top2 {
    width: 98% !important;
  }
  .table-privacy {
    width: 90% !important;
    display: block;
    /*
    font-size: 7px;
*/
  }
  .block3shop li {
    width: calc(98% / 2);
  }
  .block4 li {
    width: calc(97% / 2);
  }
  .pagetitle01-1 {
    position: absolute;
    top: inherit;
    bottom: 0;
  }
  .top-pc {
    display: block;
  }
  .top-sp {
    display: none;
  }
  .section, .section2, .section-top, .section-top1, .section-top2, .section-top3 {
    width: 90%;
  }
  h1 {
    font-size: 1.4em;
  }
  .subtitle3 {
    font-size: 0.6em;
  }
  h2, h4, h5, h6 {
    font-size: 1.0em;
  }
  .big01 {
    font-size: 1.1em;
    line-height: 1.5em;
    text-align: left;
  }
  .f-big {
    /*  text-align: center;*/
    padding: 0 0;
  }
  .w-img01 {}
  .w-img01 img {
    width: 100%;
    height: auto;
  }
  .w-img03 {}
  .w-img03 img {
    width: 100%;
    height: auto;
  }
  .list li {
    width: 28%;
    font-size: 0.8em;
  }
  .block1f li .bo-03 {
    width: 80%;
    font-size: 0.8em;
  }
  .block2w li p img {
    width: 70% !important;
    height: auto !important;
  }
  .block3ws li img {
    width: 100% !important;
    height: auto !important;
  }
  .block1ws li img {
    width: 100% !important;
    height: auto !important;
  }
  .block2 li {
    margin: 15px;
    width: calc(90% / 2);
  }
  .block2 li img {
    width: 100%;
  }
  .block2w li p {
    font-size: 0.8em;
  }
  .block2-ka li {
    margin: 5px;
    width: calc(95% / 2);
  }
  .block3ws li {
    margin: 3px;
    width: calc(97.4% / 3);
  }
  .block3wm li {
    margin: 3px;
    width: calc(97.4% / 3);
    font-size: 0.9em;
  }
  .block3wm li .bo-03 {
    width: 95%;
  }
  .block3 li {
    margin: 17px;
    width: calc(90% / 2);
    font-size: 0.9em;
  }
  .block3wt li {
    width: 100%;
  }
  .block3wt .wt-details3 li {
    width: 95%;
  }
  .pagetitle01, .pagetitle010, .pagetitle012 {
    font-size: 0.92em !important;
    line-height: 1.5em;
  }
  .external2 {
    width: 100%;
  }
  .external2 li:first-child {
    border-left: 0;
  }
  .external2 li {
    width: calc(100% / 4);
    margin: 0px 0;
    padding: 3px 0;
  }
  .external2 li:nth-child(-n+4) {
    /*    border-bottom: 1px solid #fff;*/
  }
  .external2 li:nth-child(4) {
    border-right: 0;
  }
  .img-container .con-img22 img {
    width: 100% !important;
    height: auto !important;
  }
  .list4 li {
    font-size: 0.7em;
  }
  .block3-top2 li {
    margin: 0 5px;
    width: calc(95% / 3);
  }
  .block3-top2 li img {
    width: 100% !important;
  }
  .pagetitle02-8 {
    position: static;
    width: 100%;
    top: 500px;
  }
  .mainkakomi-blue .bo-03 {
    width: 80%;
    font-size: 0.8em;
  }
  .wt-details2 li {
    width: calc((90% / 2) - 10px);
  }
  .img-container .con-txt0 {
    width: 65%;
    font-size: 0.9em
  }
  .img-container .con-txt2 {
    font-size: 0.9em
  }
  .img-container .con-img0 {
    width: 30%;
    text-align: right;
    margin-left: 30px;
  }
  .img-container .con-img0 img {
    width: 100%;
    height: auto;
  }
  .table3 th {
    width: 100%;
    display: block;
    font-size: 0.8em;
  }
  .table3 td {
    width: 100%;
    display: block;
    font-size: 0.8em;
  }
  .list-com li {
    width: 49%;
    font-weight: normal;
    font-size: 0.8em;
    border: 1px solid #ccc;
    margin: 2px 0;
  }
  /*
  .table1 {
    font-size: 14px;
    font-weight: normal;
  }
  .table1 th {
    font-size: 14px;
    font-weight: normal;
  }
  .table1 td {
    font-size: 14px;
  }
  .table1-noline {
    font-size: 14px;
    font-weight: normal;
  }
  .table1-noline th {
    font-size: 14px;
    font-weight: normal;
  }
  .table1-noline td {
    font-size: 14px;
  }
*/
  .soft-logo img {
    width: 90% !important;
    height: auto;
  }
  /* AI-OCR仕訳入力システム事例紹介タブ */
  .list4-aiocr-footer li {
    /*		font-size: 1.8em;*/
  }
}
@media only screen and (max-width:1000px) {
  .top-pc {
    display: block;
  }
  .top-sp {
    display: none;
  }
  .bo-01 {
    width: 70%;
    font-size: 0.9em;
  }
  .bo-01s2 {
    width: 70%;
    font-size: 0.8em;
  }
  .bo-01s3 {
    width: 70%;
    font-size: 0.8em;
  }
  .img-container .con-txt22 img {
    width: 80%;
    height: auto;
  }
  .img-inherit {
    width: 90% !important;
    height: auto !important;
  }
  .mainlogo-h img {
    height: auto;
    width: 90%;
  }
  .table-notes {
    width: 90%;
  }
  .mainlogo-s img {
    height: 25px;
    width: auto;
  }
  .mainlogo-s1 img {
    height: 35px;
    width: auto;
  }
  .mainkakomi-gr {
    width: 85%;
  }
}
@media only screen and (max-width:899px) {
  .top-pc {
    display: block;
  }
  .top-sp {
    display: none;
  }
  #gsc2 {
    width: 95%;
    margin: 10px auto;
  }
  .block3wm li {
    margin: 4px;
    width: calc(97.5% / 2);
    /*  text-align: left;*/
    padding: 20px 10px 5px 10px;
  }
  .event-txt {
    font-size: 1.0em;
  }
  #belt_nencho-hp a > div img {
    max-width: 400px;
    width: 100%;
  }
  #belt_nencho-hp .new_icon {
    font-size: .8em;
  }
  #belt_nencho-hp .btn-spsite {
    font-size: .8em;
  }
  #belt_nencho-hp h3 {
    line-height: 1;
  }
  #belt_onlinedemo-hp a > div img {
    max-width: 400px;
    width: 100%;
  }
  #belt_onlinedemo-hp .new_icon {
    font-size: .8em;
  }
  #belt_onlinedemo-hp .btn-spsite {
    font-size: .8em;
  }
  #belt_onlinedemo-hp h3 {
    line-height: 1;
    font-size: 1.2em;
  }
  .table-w {
    width: 100% !important;
  }
  section.ba-band a .txt > .txt2 {
    flex-direction: column;
  }
}
@media only screen and (max-width:864px) {
  .top-pc {
    display: block;
  }
  .top-sp {
    display: none;
  }
}
/* iPad 縦 */
@media only screen and (max-width:768px) {
  .block3shop {
    display: block;
  }
  .block3shop li {
    width: calc(100% / 1);
  }
  .block4 {
    display: block;
  }
  .block4 li {
    width: calc(100% / 1);
  }
  .mainkakomi-white, .mainkakomi-white2, .mainkakomi-gray, .mainkakomi-blue, .mainkakomi-blue2, .mainkakomi-gr, .mainkakomi-yl, .mainkakomi-sax {
    font-size: 0.9em;
  }
  .bo-01s5 {
    text-align: center;
    float: none;
    font-size: 12px !important;
    margin: 10px auto;
    clear: both;
    display: block;
    width: 70%;
  }
  .top-pc {
    display: none;
  }
  .top-sp {
    display: block;
  }
  .ba202207.top-sp {
    margin: 10px 30px;
  }
  .section-top2 {
    padding-top: 60px;
  }
  #wrapper {
    margin-top: 52px;
  }
  .section-top0 {
    padding-top: 55px;
  }
  .section-top5 {
    padding-top: 0px;
  }
  .f-big3 {
    font-size: 0.9em;
  }
  .block3w li {
    width: calc(100% / 2);
    font-size: 0.8em;
  }
  .block3ws li {
    width: calc(97.9% / 2);
  }
  .block3 li {
    margin: 0px;
    width: calc(100% / 1);
  }
  .block3wm {
    display: block;
  }
  .block3wm li {
    width: calc(100% / 1);
  }
  .block3-top2 li {
    margin: 20px 0;
    width: calc(100% / 1);
  }
  .block2 li {
    margin: 10px 0;
    width: calc(100% / 1);
    font-size: 0.9em;
  }
  .block2-ka {
    display: block;
  }
  .block2-ka li {
    margin: 5px;
    width: calc(100% / 1);
  }
  .wt-details li {
    width: calc((99.9% / 2) - 10px);
    font-size: 0.8em !important;
  }
  .bo-01 {
    width: 95%;
    font-size: 0.7em;
  }
  .bo-02 {
    width: 95%;
    font-size: 0.7em;
  }
  .list li {
    font-size: 0.7em;
  }
  .f-big, .f-big2 {
    font-size: 0.9em;
  }
  .bo-01b {
    font-size: 0.9em;
  }
  .center img {
    width: 90%;
    height: auto;
  }
  .center1 img {
    width: 50%;
    height: auto;
  }
  .table1-noline-info {
    font-size: 0.8em;
  }
  .img-container {
    display: block;
  }
  .img-container-home {
    display: block; /* flexbox */
  }
  .img-container .con-txt2, .img-container .con-txt, .img-container .con-txt22, .img-container-home .con-txt29 {
    width: 98%;
    font-size: 0.9em;
  }
  .img-container .con-img2, .img-container .con-img, .img-container .con-img10, .img-container .con-img11, .img-container .con-img11, .img-container-home .con-img29 {
    width: 98%;
    text-align: left;
    margin: 20px 0 0 0px;
  }
  .img-container .con-txt0 {
    width: 100%;
  }
  .img-container .con-img0 {
    width: 100%;
    text-align: center;
    margin-left: 0px;
  }
  .list5 li {
    font-size: 0.7em;
  }
  .list4 li {
    font-size: 0.7em;
  }
  .list4-aiocr li {
    /*    font-size: 0.7em;*/
  }
  .bo-01s2 {
    width: 90%;
    font-size: 0.7em;
  }
  .bo-01s3 {
    width: 90%;
    font-size: 0.7em;
  }
  .solu-header {
    display: none;
  }
  .list4 {
    border-top: none;
  }
  .list4 li {
    width: 48%;
    font-size: 0.8em;
    background: #ccc;
    border-radius: 0px;
    margin: 2px 0;
  }
  /*  .list4-aiocr {
    border-top: none;
  }
  .list4-aiocr li {
    width: 48%;
    font-size: 0.8em;
    background: #ccc;
    border-radius: 0px;
    margin: 2px 0;
  }*/
  .btm_menu {
    width: 95%;
    display: block;
  }
  .btm_menu li {
    width: calc(100% / 1);
  }
  .btm_menu li a {
    border-radius: 0px;
  }
  .btm_menu li:last-child a {
    border-radius: 0;
  }
  .logolist {
    display: block;
  }
  .img_logo {
    width: 100% !important;
  }
  .pagetitle02-8 {
    display: none;
  }
  .table-s img {
    width: auto;
  }
  .pagetitle01-1 {
    position: static;
    width: 100%;
  }
  .pagetitle012 {
    font-size: 1.4em;
    position: static;
    top: 0;
    left: 50%;
    width: 100%;
    text-align: center;
  }
  .mainkakomi-blue .bo-03 {
    width: 95%;
    padding: 5px 10px;
    margin-top: 20px;
  }
  .kakomi-title-wh {
    font-size: 1.0em;
  }
  .wt-details2 {
    display: block;
  }
  .wt-details2 li {
    width: calc(100% / 1);
  }
  .block1f li .bo-03 {
    width: 95%;
  }
  .btn-yl {
    width: 95%
  }
  /* dd {
  margin-left: 0px;
    font-size: 0.8em;
  display: block;
  clear: both;
 }*/
  .listoffice li {
    width: calc(99.9% / 2);
  }
  .img-container .con-txt3 {
    width: 100%;
  }
  .img-container .con-img3 {
    width: 100%;
    text-align: center;
    margin: 0 0 0 0px;
  }
  .mainlogo-s img {
    margin-top: 40px;
    height: 35px;
    width: auto;
  }
  .mainlogo-s1 img {
    margin-top: 40px;
    height: 48px;
    width: auto;
  }
  .main {
    /*  width: 80%;*/
    width: 100%;
    font-size: 0.95em;
  }
  #belt_nencho-hp a > div {
    display: inline-block;
  }
  #belt_nencho-hp .btn-spsite {
    margin: 0 auto 10px;
  }
  .table-privacy {
    /*

    font-size: 8px;

*/
  }
  #belt_onlinedemo-hp a > div {
    flex-wrap: wrap;
  }
  #belt_onlinedemo-hp .btn-spsite {
    max-width: 503px;
    width: 100%;
    box-sizing: border-box;
    margin: 5px auto 10px;
  }
  #belt_onlinedemo-hp h3 {
    margin-top: 10px;
  }
}
/* スマホ 横 */
@media only screen and (max-width:640px) {
  .pagetitle01, .pagetitle010, .pagetitle012 {
    font-size: 0.9em !important;
    line-height: 1.5em !important;
  }
  .list li {
    width: 32%;
    font-size: 0.7em;
  }
  .top-pc {
    display: none;
  }
  .top-sp {
    display: block;
  }
  h1 {
    font-size: 1.0em;
    line-height: 1.2em;
  }
  .f-big2 {
    font-size: 0.8em;
  }
  .br-sp::before {
    content: "\A";
    white-space: pre;
  }
  search-dialog .adivision li {
    width: 80%;
  }
  .block3w li {
    width: calc(100% / 1);
    font-size: 0.8em;
  }
  .block3ws li {
    width: calc(100% / 1);
  }
  .block3-top2 li {
    margin: 20px 0;
    width: calc(100% / 1);
  }
  .block2w li {
    width: calc(100% / 1);
  }
  .block2w-1 {
    width: 100%;
  }
  .wt-details li {
    width: calc((99.9% / 1) - 10px);
  }
  .list5 li {
    font-size: 0.63em;
  }
  .list4 li {
    width: 100%;
    font-size: 0.63em;
    background: #ccc;
    border-radius: 0px;
    border: none;
    border-bottom: 1px solid #ccc;
  }
  /*  .list4-aiocr li {
    width: 100%;
    font-size: 0.63em;
    background: #ccc;
    border-radius: 0px;
    border: none;
    border-bottom: 1px solid #ccc;
  }*/
  .table1 {
    width: 100%;
  }
  .table1-noline {
    width: 100%;
  }
  .list-com li {
    width: 95%;
  }
  /*
  .table1 {
    font-size: 11px;
  }
  .table1 th {
    font-size: 11px;
  }
  .table1 td {
    font-size: 11px;
  }
  .table1-noline {
    font-size: 11px;
  }
  .table1-noline th {
    font-size: 11px;
  }
  .table1-noline td {
    font-size: 11px;
  }
*/
  .maintitle2 {
    font-size: 1.2em;
  }
  .pagetitle-box {
    min-height: 200px;
    position: relative;
    margin-top: -20px !important;
  }
  .tbl-fix img {
    width: 100%;
    height: auto;
    table-layout: fixed;
  }
  /* AH中央バナー */
  .ba-center {
    /*    display: inline-block;*/
    flex-direction: column;
  }
  .order1 {
    order: 1;
    margin: 10px auto !important;
  }
  .order2 {
    order: 2;
  }
  .ba-center div {
    display: inline-block;
    justify-content: center;
    margin: 0px auto;
    width: 100%;
  }
  .kakomi-title-wh {
    font-size: 1.0em;
  }
  /* AI-OCR業務改善事例タブ設定 */
  .list4-aiocr li {
    text-align: center;
    /*  width: 24%;*/ /*3列*/
    width: 40%;
    border-radius: 7px 7px 0px 0px;
    font-size: 0.8em;
  }
  .list4-aiocr li.now {
    background: #fff;
    box-sizing: border-box;
    padding: 25px 0 15px 0 !important;
    font-size: 1.0em;
  }
  .list4-aiocr-footer li {
    display: inline-block;
    text-align: center;
    /*  width: 24%;*/
    width: 40%;
    margin: 0px;
    font-weight: bold;
    box-sizing: border-box;
    padding: 0px;
    font-size: 0.8em;
    background: #D7EEFC;
    border-radius: 0px 0px 7px 7px;
    list-style: none;
  }
  .list4-aiocr-footer li.now {
    background: #fff;
    box-sizing: border-box;
    /*	padding-bottom: 10px!important;*/
    padding: 15px 0 25px 0 !important;
    font-size: 1.0em;
  }
  #belt_nencho-hp h3 {
    font-size: .9em;
  }
  #belt_onlinedemo-hp h3 > span {
    display: block;
  }
  #belt_onlinedemo-hp h3 {
    text-align: center;
    font-size: 1.0em;
  }
  .mainkakomi-gr.onlinedemo {
    text-align: left;
  }
  .mainkakomi-gr.onlinedemo .kakomi-title-wh.bold.block-title-underline-yl {
    font-size: 1.0em;
  }
  .mainkakomi-gr.onlinedemo .btn-yl a {
    padding: 5px 0;
    font-size: 1.0em;
  }
  .kakomi.onlinedemo h3 > span {
    display: block;
    font-size: .8em;
    padding-bottom: 5px;
  }
  .kakomi.onlinedemo .top-title {
    flex-wrap: wrap;
  }
  .kakomi.onlinedemo .top-title > div:last-child {
    width: 100%;
    text-align: center;
  }
  .kakomi.onlinedemo .btn-demo a {
    font-size: 1em;
    font-feature-settings: "palt";
  }
  .new {
    display: block;
    width: 20%;
    margin: 10px auto;
  }
  .bo-10 {
    width: 80%;
  }
  .bo-11 {
    width: 80%;
  }
}
@media only screen and (max-width:480px) {
  #jdlhptop .background_lightgrey2 {
    background-size: auto;
  }
  .table1-noline img {
    width: 100%;
    height: auto;
  }
  .table1-noline-img {
    width: auto;
    height: auto;
  }
  .tbl-td50 td {
    width: 50%;
  }
  .tbl-td50 img {
    width: 100%;
  }
  .tbl-img {
    width: 100%;
    height: auto;
  }
  #belt_nencho-hp a > div > div {
    display: block;
  }
  #belt_nencho-hp .new_icon {
    max-width: 150px;
    font-size: .7em;
    padding: 4px;
    margin: 5px 0;
  }
  #belt_nencho-hp .new_icon > span {
    display: inline;
    font-size: inherit;
  }
  #belt_nencho-hp .btn-spsite {
    margin: 7px auto;
  }
  #belt_nencho-hp h3 {
    font-size: .8em;
  }
  .kakomi-title-wh.bold.block-title-underline-yl > span {
    display: block;
    line-height: 1;
  }
  .ba-ontime-box .mv-play, .mv-play_ver2 a {
    padding: 5px 30px 7px;
    max-width: 250px;
    line-height: 1.2;
    font-size: .9em;
    font-weight: 600;
  }
}
@media only screen and (max-width:360px) {}
/* スマホ 横 */
@media only screen and (max-width:320px) {}
/* 印刷 */
@media print {
  body {
    zoom: 0.68;
    -webkit-print-color-adjust: exact;
    -moz-print-color-adjust: exact;
  }
  .section-top {
    padding-top: 65px !important;
  }
  #p-always {
    page-break-before: always !important;
  }
  #aiocrtop-co .section-top {
    margin-top: 70px !important;
  }
  #aiocrtop-co .topimg01 img {
    width: 500px;
    height: auto;
  }
  #aiocrtop-co .lead-img img {
    width: 25% !important;
    height: auto;
  }
  #aiocrtop-co .triangle6, #aiocrtop-co .triangle4, #aiocrtop-co .triangle1 {
    display: none;
  }
  #aiocrtop-co h3.h3-sub7 {
    font-size: 3.0rem;
  }
  #aiocrtop-co .box:nth-child(even) {
    display: flex !important;
    /*  flex-direction: row-reverse;*/
    flex-direction: row !important;
    text-align: right;
  }
  #aiocrtop-co .box {
    display: flex !important;
    margin-bottom: 80px;
    /*    align-items: stretch!important;*/
    align-items: center !important;
  }
  #aiocrtop-co .box .text {
    width: 58%;
    padding: 20px;
    text-align: left !important;
  }
  #aiocrtop-co .box .img {
    width: 42%;
  }
  #aiocrtop-co #sec07, #aiocrtop-co #sec08 {
    display: none;
  }
  #aiocrtop-co #sec06 {
    padding-top: 0 !important;
  }
  .section-top0 img {
    width: 100% !important;
    height: auto !important;
  }
  .section-top5 img {
    width: 100% !important;
    height: auto !important;
  }
  h4 {
    font-size: 0.9em;
  }
}
/* IE10以上 */
@media print and (-ms-high-contrast: none) {
  body {
    zoom: 1.8;
    width: 1200px;
    transform: scale(0.5);
    transform-origin: 0 0;
  }
  .pankuzu {
    display: none;
  }
}
/* for Microsoft Edge */
@supports (-ms-ime-align:auto) {
  body {
    zoom: 1.8;
    width: 800px;
    transform: scale(0.5);
    transform-origin: 0 0;
  }
  .pankuzu {
    display: none;
  }
}