@charset "UTF-8";
/*------------------------------------------------------------
	Reset
------------------------------------------------------------*/
@import url("https://fonts.googleapis.com/css?family=Raleway:400,600,700,800,900");
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
nav, section,
time, mark, audio, video {
  font-size: 1em;
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, main {
  display: block;
}

html {
  font-size: 62.5%;
}

body {
  -webkit-text-size-adjust: 100%;
}

body, table,
input, textarea, select, option,
h1, h2, h3, h4, h5, h6 {
  font-family: "NotoSansJPR", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "NotoSansJPB", sans-serif;
  font-weight: bold;
}

table,
input, textarea, select, option {
  line-height: 1.1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

:focus {
  outline: 0;
}

ins, a {
  text-decoration: none;
}

del {
  text-decoration: line-through;
}

img {
  vertical-align: top;
}

a,
a img {
  -webkit-transition: 0.15s ease-in-out;
  transition: 0.15s ease-in-out;
}

@media screen and (min-width: 768px) {
  a[href^="tel:"] {
    pointer-events: none;
  }
}

@font-face {
  font-family: 'NotoSansJPR';
  font-style: normal;
  font-weight: 400;
  src: local("NotoSansJP-Regular.otf"), url(/assets/font/NotoSansJP-Regular.woff2) format("woff2"), url(/assets/font/NotoSansJP-Regular.woff) format("woff"), url(/assets/font/NotoSansJP-Regular.otf) format("opentype");
}

@font-face {
  font-family: 'NotoSansJPL';
  font-style: normal;
  font-weight: 200;
  src: local("NotoSansJP-Light.otf"), url(/assets/font/NotoSansJP-Light.woff2) format("woff2"), url(/assets/font/NotoSansJP-Light.woff) format("woff"), url(/assets/font/NotoSansJP-Light.otf) format("opentype");
}

@font-face {
  font-family: 'NotoSansJPDL';
  font-style: normal;
  font-weight: 300;
  src: local("NotoSansJP-DemiLight.otf"), url(/assets/font/NotoSansJP-DemiLight.woff2) format("woff2"), url(/assets/font/NotoSansJP-DemiLight.woff) format("woff"), url(/assets/font/NotoSansJP-DemiLight.otf) format("opentype");
}

@font-face {
  font-family: 'NotoSansJPB';
  font-style: normal;
  font-weight: 700;
  src: local("NotoSansJP-Bold.otf"), url(/assets/font/NotoSansJP-Bold.woff2) format("woff2"), url(/assets/font/NotoSansJP-Bold.woff) format("woff"), url(/assets/font/NotoSansJP-Bold.otf) format("opentype");
}

@font-face {
  font-family: 'NotoSansJPM';
  font-style: normal;
  font-weight: 500;
  src: local("NotoSansJP-Medium.otf"), url(/assets/font/NotoSansJP-Medium.woff2) format("woff2"), url(/assets/font/NotoSansJP-Medium.woff) format("woff"), url(/assets/font/NotoSansJP-Medium.otf) format("opentype");
}

@font-face {
  font-weight: normal;
  font-style: normal;
  font-family: "Roboto Black";
  src: url(/assets/font/roboto.black.ttf) format("truetype");
}

@font-face {
  font-weight: bold;
  font-style: normal;
  font-family: "Roboto Condensed Bold";
  src: url(/assets/font/RobotoCondensedBold.ttf) format("truetype");
}

@font-face {
  font-family: 'NotoSansCJKjp-Bold';
  font-style: normal;
  font-weight: 700;
  src: url('/assets/font/NotoSansCJKjp-Bold.woff') format("woff"), url('/assets/font/NotoSansCJKjp-Bold.woff2') format("woff2");
}

/*------------------------------------------------------------
for develop
------------------------------------------------------------*/
.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

.clearfix {
  display: block;
}

#__bs_notify__ {
  opacity: 0.3 !important;
  font-size: 5px !important;
  line-height: 100% !important;
  padding: 0 5px 0 5px !important;
  border-radius: 0 !important;
}

.c-dev-title1 {
  background: #000;
  color: #fff;
  line-height: 1;
  padding: 6px 0 6px 15px;
  font-size: 1.6rem;
  margin: 60px 0 20px 0;
}

.c-dev-title2 {
  background: #888;
  color: #fff;
  line-height: 1;
  padding: 6px 0 6px 30px;
  font-size: 1.3rem;
  margin: 50px 0 10px 0;
}

.c-dev-message1 {
  top: 0;
  left: 0;
  background: #f00;
  color: #fff;
  z-index: 9999;
  position: fixed;
  line-height: 1;
  padding: 3px 6px;
  opacity: 0.6;
  font-size: 8px;
}

@media (min-width: 768px) {
  .sp-only {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  .pc-only {
    display: none;
  }
  img {
    max-width: 100%;
    height: auto;
  }
}

/*------------------------------------------------------------
header
------------------------------------------------------------*/
/*
------------------------------------------------------------*/
header {
  position: absolute;
  top: 40px;
  left: 0;
  width: 100%;
  -webkit-transition: background-color 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out;
  z-index: 9999;
}

@media screen and (max-width: 767px) {
  header {
    height: auto;
  }
}

header .c-logo {
  display: block;
  text-align: center;
}

header .c-logo p {
  display: inline-block;
}

header .c-logo a {
  display: block;
}

header .c-logo a img {
  width: 200px;
  -webkit-transition: none;
  transition: none;
}

@media screen and (max-width: 767px) {
  header .c-logo {
    width: 100% !important;
  }
  header .c-logo p {
    line-height: 48px;
    width: 40%;
    max-width: 120px;
    height: 50px;
  }
  header .c-logo img {
    display: inline-block;
    vertical-align: middle;
  }
}

header nav {
  margin-top: 20px;
}

@media screen and (max-width: 767px) {
  header nav {
    position: absolute;
    right: 0;
    width: 100%;
    height: auto;
    max-height: calc(100vh - 60px);
    overflow-y: auto;
    background: rgba(0, 0, 0, 0.8);
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out;
    top: 100%;
  }
}

header nav > ul {
  overflow-y: auto;
}

header nav ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media screen and (max-width: 767px) {
  header nav ul {
    display: block;
    *zoom: 1;
  }
  header nav ul:after {
    display: block;
    content: "";
    clear: both;
  }
}

@media screen and (max-width: 767px) {
  header nav li {
    position: relative;
    padding-bottom: 0;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
  }
  header nav li:first-of-type {
    border: 0;
  }
  header nav li:after {
    position: absolute;
    content: "";
    top: 21px;
    right: 15px;
    width: 6px;
    height: 6px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    -webkit-transition: -webkit-transform 0.25s ease;
    transition: -webkit-transform 0.25s ease;
    transition: transform 0.25s ease;
    transition: transform 0.25s ease, -webkit-transform 0.25s ease;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
  }
}

@media screen and (max-width: 767px) {
  header nav li.button {
    padding: 10px 8px;
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  header nav li.button .c-btn01 {
    border-radius: 3px;
  }
}

@media screen and (max-width: 767px) {
  header nav li.button:after {
    top: 32px;
  }
}

header nav li.drop-menu:after {
  -webkit-transform: rotate(135deg);
      -ms-transform: rotate(135deg);
          transform: rotate(135deg);
}

@media screen and (max-width: 767px) {
  header nav li.drop-menu.opened:after {
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
    border-color: #16c6da;
  }
}

header nav li .c-btn006 {
  width: 96%;
  margin: 10px auto;
}

header nav a,
header nav .sp-click {
  padding: 18px 15px;
  display: block;
  font-family: "NotoSansJPR", sans-serif;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 2.3;
  color: #000;
  text-align: center;
  -webkit-transition: none;
  transition: none;
}

@media screen and (max-width: 767px) {
  header nav a,
  header nav .sp-click {
    color: #fff;
	line-height: 1;
  }
}

header nav a img,
header nav a span,
header nav .sp-click img,
header nav .sp-click span {
  display: inline-block;
  vertical-align: baseline;
}

header nav a span,
header nav .sp-click span {
  margin-left: 4px;
}

header nav a:hover, header nav a.active,
header nav .sp-click:hover,
header nav .sp-click.active {
  color: #16c6da;
  opacity: 1;
  background: #fff;
  border-radius: 5px;
}

@media screen and (max-width: 767px) {
  header nav a:hover, header nav a.active,
  header nav .sp-click:hover,
  header nav .sp-click.active {
    border-radius: 0;
  }
}

header.nav-scroll nav ul li a,
header.nav-scroll .sp-click {
  color: #fff;
}

header.nav-scroll nav ul li a:hover, header.nav-scroll nav ul li a.active,
header.nav-scroll .sp-click:hover,
header.nav-scroll .sp-click.active {
  color: #16c6da;
  opacity: 1;
  background: #000;
}

header.nav-scroll nav ul li a:hover:before, header.nav-scroll nav ul li a.active:before,
header.nav-scroll .sp-click:hover:before,
header.nav-scroll .sp-click.active:before {
  border-color: #16c6da !important;
}

header.nav-scroll nav ul li a:before,
header.nav-scroll .sp-click:before {
  border-color: #fff !important;
}

@media screen and (max-width: 767px) {
  header.nav-scroll nav ul li a:before,
  header.nav-scroll .sp-click:before {
    display: none;
  }
}

header.nav-scroll nav ul li a .icon svg path,
header.nav-scroll .sp-click .icon svg path {
  stroke: #fff !important;
}

header.nav-scroll .solution,
header.nav-scroll .items {
  color: #16c6da;
  opacity: 1;
  background: #000;
}

header.nav-scroll .solution:before,
header.nav-scroll .items:before {
  border-color: #16c6da !important;
}

header .c-btn01 a {
  background: #fa5b0f;
  border-color: #fa5b0f;
}

header .c-btn01 a:hover {
  color: #fa5b0f;
  background-color: #fff !important;
}

header .c-btn01 a:hover svg path {
  fill: #fa5b0f !important;
}

header .c-btn01 svg path {
  fill: #fff !important;
}

@media screen and (max-width: 767px) {
  header.nav-out nav {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}

header.nav-out .sp-btn_line span {
  display: none;
}

header.nav-out .sp-btn_line:before {
  -webkit-transform: translateX(3px) rotate(45deg);
      -ms-transform: translateX(3px) rotate(45deg);
          transform: translateX(3px) rotate(45deg);
  -webkit-transform-origin: 0 0;
      -ms-transform-origin: 0 0;
          transform-origin: 0 0;
}

@media screen and (max-width: 767px) {
  header.nav-out .sp-btn_line:before {
    -webkit-transform: translate(3px, 0px) rotate(45deg);
        -ms-transform: translate(3px, 0px) rotate(45deg);
            transform: translate(3px, 0px) rotate(45deg);
  }
}

header.nav-out .sp-btn_line:after {
  -webkit-transform: translateX(2px) rotate(-45deg);
      -ms-transform: translateX(2px) rotate(-45deg);
          transform: translateX(2px) rotate(-45deg);
  -webkit-transform-origin: 0 0;
      -ms-transform-origin: 0 0;
          transform-origin: 0 0;
}

@media screen and (max-width: 767px) {
  header.nav-out .sp-btn_line:after {
    -webkit-transform: translate(2px, -1px) rotate(-45deg);
        -ms-transform: translate(2px, -1px) rotate(-45deg);
            transform: translate(2px, -1px) rotate(-45deg);
  }
}

header .c-btn01 a {
  padding: 14px 0;
}

header .icon svg path {
  stroke: #000 !important;
}

header .c-btn__contact a p,
header .c-btn__try a p {
  display: inline-block;
}

@media screen and (max-width: 767px) {
  header .drop-menu {
    position: relative;
  }
}

header .drop-menu li {
  margin-bottom: 1px;
  display: block;
}

@media screen and (max-width: 767px) {
  header .drop-menu li {
    margin-bottom: 0;
  }
  header .drop-menu li:last-of-type {
    border-bottom: none;
  }
}

header .drop-menu ul {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  display: block;
  opacity: 0;
  -webkit-transform: translate3d(0, -10px, 0);
          transform: translate3d(0, -10px, 0);
  -webkit-transition: .2s ease-out;
  transition: .2s ease-out;
}

header .drop-menu ul.sp-sub {
  display: none;
}

@media screen and (max-width: 767px) {
  header .drop-menu ul {
    position: relative;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    -webkit-transition: none;
    transition: none;
    opacity: 1;
  }
}

header .drop-menu ul a {
  padding: 11px 0 13px;
  width: 100%;
  font-family: "NotoSansJPM", sans-serif;
  font-size: 1.3rem;
  text-align: center;
  color: #16c6da;
  background: #fff;
}

header .drop-menu ul a:hover {
  opacity: .8;
}

@media screen and (max-width: 767px) {
  header .drop-menu ul a {
    padding: 18px 40px 18px 23px;
  }
}

header .drop-menu .sub-menu {
  display: none;
  position: absolute;
  top: 135px;
  left: 0;
  width: 100%;
  background: rgba(0, 0, 0, 0.7);
  z-index: 100;
  z-index: 10;
}

header .drop-menu .sub-menu__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding-left: 5px;
  padding-right: 5px;
}

header .drop-menu .sub-menu__wrap a {
  width: 230px;
  height: 150px;
  padding: 0;
  font-size: 1.6rem;
  line-height: 1.5;
}

header .drop-menu .sub-menu__wrap a img {
  max-width: 100%;
}

@media screen and (min-width: 769px) {
  header .drop-menu .sub-menu__wrap a:hover {
    outline: 1px solid #16c6da;
  }
}

header .drop-menu .sub-menu__wrap a.img-card {
  padding: 0;
}

header .drop-menu .sub-menu__wrap p {
  margin: 5px 0;
  display: block;
  text-align: left;
}

header .drop-menu .sub-menu__wrap p span {
  color: #16c6da;
}

header .drop-menu .sub-menu__wrap b {
  padding-bottom: 5px;
  display: block;
  font-family: "NotoSansJPB";
  font-size: 2rem;
  border-bottom: 1px solid #999999;
}

header .drop-menu .sub-menu__wrap2 a {
  width: 204px;
}

header .drop-menu .sub-menu__img {
  margin-bottom: 10px;
  width: 180px;
  height: 113px;
  background: rgba(0, 0, 0, 0.6);
}

header .drop-menu .sub-menu .l-wrap {
  text-align: center;
}

header .drop-menu .sub-menu .sub-center {
  margin: auto;
  padding: 20px 0;
  display: inline-block;
}

header .drop-menu .sp-click {
  position: relative;
  padding: 18px 36px 18px 10px;
  cursor: pointer;
}

@media screen and (max-width: 767px) {
  header .drop-menu .sp-click {
    padding: 18px 15px;
    display: block;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    color: #fff;
  }
}

header .drop-menu .sp-click:before {
  content: '';
  border-width: 0 2px 2px 0;
  border-style: solid;
  border-color: #000;
  position: absolute;
  width: 5px;
  height: 5px;
  top: 47%;
  right: 15px;
  -webkit-transform: rotate(45deg) translate(0, -50%);
      -ms-transform: rotate(45deg) translate(0, -50%);
          transform: rotate(45deg) translate(0, -50%);
  -webkit-transition: all .3s;
  transition: all .3s;
}

header .drop-menu .sp-click:hover:before {
  border-color: #16c6da;
}

.mv {
  position: relative;
  width: 100%;
  height: 900px;
  background: #000 url("/assets/image/index/bg-1.jpg") no-repeat;
}

@media screen and (max-width: 767px) {
  .mv {
    background: #000 url("/assets/image/index/bg-1_sp.jpg") no-repeat center;
    -webkit-background-size: cover;
            background-size: cover;
  }
}

@media screen and (max-width: 767px) {
  .mv {
    margin-top: -60px;
    padding-top: 60px;
    height: 450px;
  }
}

.mv .mv-ttl {
  position: absolute;
  bottom: 190px;
  left: 0;
  right: 0;
  margin: auto;
  padding: 65px 0 79px;
  width: 540px;
  background: url("/assets/image/index/bg-blue2.jpg");
}

@media screen and (max-width: 767px) {
  .mv .mv-ttl {
    padding: 50px 0 65px;
    left: 50%;
    top: 122px;
    bottom: auto;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 290px;
    margin: 0;
  }
}

.mv h1 {
  margin: auto;
  width: 380px;
  color: #fff;
  font-size: 4.8rem;
  text-align: center;
  line-height: .7;
}

@media screen and (max-width: 767px) {
  .mv h1 {
    width: 100%;
  }
}

.mv .mv-ttl01 {
  font-size: 11rem;
  font-family: "Roboto Black", sans-serif;
  font-weight: 800;
  line-height: 1.2;
  margin-left: -30px;
  display: inline-block;
}

@media screen and (max-width: 767px) {
  .mv .mv-ttl01 {
    font-size: 6rem;
    line-height: .9;
    margin-left: 0;
    margin-bottom: 15px;
  }
}

.mv .mv-ttl02 {
  font-family: "NotoSansJPL", sans-serif;
  font-weight: normal;
  line-height: 1.1;
  margin-bottom: -13px;
  display: block;
}

@media screen and (max-width: 767px) {
  .mv .mv-ttl02 {
    font-size: 3rem;
    line-height: 1.2;
    font-weight: normal;
  }
}

.mv .mv-ttl03 {
  font-size: 1.3rem;
  font-family: "Roboto Black";
  font-weight: normal;
  line-height: 1;
}

@media screen and (max-width: 767px) {
  .mv .mv-ttl03 {
    margin-top: 20px;
    margin-right: 6px;
    font-size: 1rem;
    font-weight: 300;
    display: block;
    line-height: 1.4;
  }
}

.nav-scroll {
  position: fixed;
  top: 0;
  left: 0;
  padding: 5px 0;
  width: 100%;
  background: #000;
}

@media screen and (max-width: 767px) {
  .nav-scroll {
    padding: 0;
  }
}

.nav-scroll .l-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.nav-scroll .c-logo {
  width: 121px;
}

.nav-scroll .c-logo img {
  width: 100%;
}

.tel-area {
  width: 5%;
  position: absolute;
  top: 25%;
  right: 15%;
  }

@media screen and (max-width: 767px) {
  .nav-scroll .c-logo img {
    width: 96px;
  }
}

.nav-scroll nav {
  margin-top: 0;
}

.nav-scroll nav a,
.nav-scroll nav .sp-click {
  font-size: 1.3rem;
}

.nav-scroll nav a span,
.nav-scroll nav .sp-click span {
  vertical-align: top;
}

.nav-scroll .c-btn01 {
  margin-left: 10px;
  background: #fa5b0f;
}

@media screen and (max-width: 767px) {
  .nav-scroll .c-btn01 {
    margin-left: 0;
    border-radius: 0;
    border-top: none;
  }
}

.nav-scroll .c-btn01 a {
  padding: 6px 0;
  height: 30px;
  border: 2px solid #fa5b0f;
}

.nav-scroll .c-btn01 a:hover {
  color: #fa5b0f;
}

.nav-scroll .c-btn01 a:hover svg path {
  fill: #fa5b0f !important;
}

@media screen and (max-width: 767px) {
  .nav-scroll .c-btn01 a {
    padding: 17px 0;
    height: 50px;
  }
}

.nav-scroll .drop-menu ul a {
  color: #fff;
  background: #333;
}

@media screen and (max-width: 767px) {
  .nav-scroll .drop-menu ul {
    display: none;
  }
}

.nav-scroll .drop-menu .sub-menu {
  top: 55px;
  background: rgba(0, 0, 0, 0.7);
}

.nav-scroll__contact {
  display: none;
}

@media screen and (max-width: 767px) {
  .nav-scroll__contact {
    display: none;
  }
}

.nav-scroll__contact-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #fff;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding-top: 3px;
}

.nav-scroll__contact-tel {
  width: 100%;
  font-size: 2.4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  line-height: 1;
  font-family: "NotoSansJPB", sans-serif;
  padding-right: 19px;
}

.nav-scroll__contact-tel img {
  margin-right: 2px;
}

.nav-scroll__contact-time {
  width: 100%;
  font-size: 1.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-top: 1px;
  margin-bottom: 1px;
  padding-right: 14px;
}

.nav-scroll__contact-btn a {
  font-size: 1.6rem;
  color: #fff;
  font-family: "NotoSansJPB", sans-serif;
  background: #fa5b0f;
  padding: 8px 20px;
  display: block;
  margin-top: 5px;
  border-radius: 3px;
}

.nav-scroll__contact-btn a:hover {
  color: #fa5b0f;
  background: #ffffff;
}

.c-menu_sp-btn {
  position: absolute;
  top: 10px;
  right: 3%;
  padding: 12px 11px;
  display: none;
  width: 40px;
  height: 39px;
  background: #333;
}

@media screen and (max-width: 767px) {
  .c-menu_sp-btn {
    display: block;
    background: none;
    padding: 0;
    top: 19px;
    right: 11px;
    width: 20px;
    height: 20px;
  }
}

.c-menu_sp-btn .sp-btn_line {
  position: relative;
  width: 18px;
  height: 14px;
}

@media screen and (max-width: 767px) {
  .c-menu_sp-btn .sp-btn_line {
    width: 15px;
    height: 13px;
  }
}

.c-menu_sp-btn .sp-btn_line:before, .c-menu_sp-btn .sp-btn_line:after,
.c-menu_sp-btn .sp-btn_line span {
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  background: #aaa;
}

.c-menu_sp-btn .sp-btn_line:before {
  top: 0;
}

.c-menu_sp-btn .sp-btn_line:after {
  bottom: 0;
}

.c-menu_sp-btn .sp-btn_line span {
  top: 48%;
}

@media screen and (max-width: 767px) {
  .drop01 .sp-sub a {
    text-align: left;
    line-height: 1.4;
  }
  .drop01 .sp-sub li:after {
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(45deg);
        -ms-transform: translateY(-50%) rotate(45deg);
            transform: translateY(-50%) rotate(45deg);
  }
}

.drop02 p {
  text-align: center !important;
  color: #000;
}

.drop02 .sub-menu__img {
  width: auto !important;
  height: auto !important;
  background: none !important;
}

.drop02 a:nth-of-type(2) .sub-menu__img {
  margin-top: 7px;
}

.drop02 .sub-menu__card {
  margin-left: 20px;
  background: #fff;
}

.sub-footer {
  display: none;
}

/*------------------------------------------------------------
footer
------------------------------------------------------------*/
/*
------------------------------------------------------------*/
footer {
  position: relative;
  padding: 49px 0 55px;
  font-family: "Raleway", sans-serif;
  background: #000;
}

.dl-sem {
  position: fixed;
  bottom: 0;
  z-index: 3;
}

.dl-sem a {
  color: #FFF;
  font-size: 1.0rem;
  
}

.dl-sem a:hover div.dl-l, .dl-sem a:hover div.sem-r {
  opacity: 1.0;
}

.dl-sem div {
  width: calc(100%/2);
  text-align: center;
}

.dl-sem div.dl-l {
  float: left;
  background-color: #92d050;
}

.dl-sem div.dl-l img {
	width: 8%!important;
    vertical-align: middle;
    margin-right: 5px;
}

.dl-sem div.dl-l p {
    font-size: 1.4rem;
	height:47px;
	line-height: 45px;
}
.dl-sem div.sem-r {
  float: right;
  background-color: #F48F06;
}

.dl-sem div.sem-r img {
  width: 10%;
  vertical-align: middle;
  margin-right: 5px;
}

.dl-sem div.sem-r p {
  font-size: 1.4rem;
  height:47px;
  line-height: 45px;
}


@media screen and (max-width: 767px) {
  footer {
    padding: 20px 0;
  }
}

.ft_nav {
  text-align: center;
}

.ft_nav ul {
  margin: auto;
  display: inline-block;
}

.ft_nav li {
  display: inline-block;
}

.ft_nav a {
  padding: 10px 15px;
  display: block;
  font-size: 1.3rem;
  font-weight: 600;
  color: #aaa;
}

.ft_nav a:hover {
  color: #16c6da;
  opacity: 1;
}

.ft_nav a .icon {
  display: inline-block;
  margin-left: 1px;
  vertical-align: -1px;
}

.ft_copy {
  margin-top: 15px;
  text-align: center;
}

.ft_copy p {
  font-size: 1rem;
  color: #333;
}

/*------------------------------------------------------------
side
------------------------------------------------------------*/
/*
------------------------------------------------------------*/
/*------------------------------------------------------------
breadcrumb
------------------------------------------------------------*/
/*
------------------------------------------------------------*/
/*------------------------------------------------------------
layout
------------------------------------------------------------*/
/*
------------------------------------------------------------*/
* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

body {
  width: 100%;
  overflow-x: hidden;
  padding-top: 65px !important;
}

body.sp-menu-opened {
  position: fixed;
  overflow: hidden;
}

@media screen and (max-width: 767px) {
  body {
    padding-top: 50px !important;
  }
}

@media only screen and (min-width: 769px) {
  body {
    min-width: 1130px;
  }
}

.l-wrap {
  margin: auto;
  width: 1100px;
}

@media screen and (max-width: 767px) {
  .l-wrap {
    margin: auto;
    width: 87.5%;
  }
}

/*------------------------------------------------------------
btn
------------------------------------------------------------*/
/*
------------------------------------------------------------*/
.c-btn01 {
  border-radius: 3px;
}

.c-btn01 a {
  padding: 18px 0;
  display: block;
  width: 160px;
  height: 50px;
  font-size: 1.6rem;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .c-btn01 a {
    width: 100%;
  }
}

.c-btn01 svg path {
  fill: #fff !important;
}

.c-btn02 {
  margin-top: 50px;
}

.c-btn02 a {
  margin: auto;
  padding: 20px 0;
  display: inline-block;
  width: 200px;
  height: 60px;
  font-size: 1.5rem;
  font-family: "Raleway", sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  color: #16c6da;
  text-align: center;
  letter-spacing: 1px;
  border: 3px solid #16c6da;
  border-radius: 5px;
  background: #fff;
}

.c-btn02 a:hover {
  color: #fff;
  background: #16c6da;
}

.c-btn02#aiocr-org {
  margin-top: 0;
  display: inline-block;
}

.c-btn02#aiocr-org a {
  width: 150px;
  padding: 8px 0;
  height: 30px;
  font-size: 1.0rem;
  border: 2px solid #fa5b0f;
}

@media screen and (max-width: 767px) {
  .c-btn02 a {
    padding: 10px 0;
    width: 150px;
    height: 40px;
    font-size: 1.3rem;
    border: 2px solid #16c6da;
  }

  .c-btn02#aiocr-org {
    margin-top: 20px;
  }
}

.c-btn02.c-btn__org a {
  color: #fa5b0f;
  border: 3px solid #fa5b0f;
}

.c-btn02.c-btn__org a:hover {
  color: #fff;
  background: #fa5b0f;
}

@media screen and (max-width: 767px) {
  .c-btn02.c-btn__org a {
    border: 2px solid #fa5b0f;
  }
}

.c-btn02.c-btn__white a {
  color: #fff;
  border: 3px solid #fff;
}

.c-btn02.c-btn__white a:hover {
  color: #16c6da;
  background: #fff;
}

@media screen and (max-width: 767px) {
  .c-btn02.c-btn__white a {
    border: 2px solid #fff;
  }
}

.c-btn__contact {
  background: #16c6da;
}

.c-btn__contact a {
  border-radius: 3px;
  border: 2px solid #16c6da;
  color: #fff;
}

.c-btn__contact a:hover {
  color: #16c6da;
  background: #fff;
}

.c-btn__contact a:hover svg path {
  fill: #16c6da !important;
}

.c-btn__contact svg {
  width: 17px;
}

.c-btn__try {
  background: #fa5b0f;
}

.c-btn__try a {
  border-radius: 3px;
  border: 2px solid #fa5b0f;
  color: #fff;
}

.c-btn__try a:hover {
  color: #fa5b0f !important;
  background: #fff;
}

.c-btn__try a:hover svg path {
  fill: #fa5b0f !important;
}

.c-btn__try svg {
  width: 18px;
}

.c-btn__call {
  background: none;
}

.c-btn01#biztexcobit,
.c-btn01#aiocr,
.c-btn01#robopat,
.c-btn01#rpa-s,
.c-btn01#winactor {
  background: #fa5b0f;
  width: 300px;
  margin: 100px auto 0;
}

.c-btn01#biztexcobit a,
.c-btn01#aiocr a,
.c-btn01#robopat a,
.c-btn01#rpa-s a,
.c-btn01#winactor a {
  width: 300px;
  padding: 15px 0;
  height: 60px;
  border: 2px solid #fa5b0f;
}

.c-btn01#biztexcobit a:hover,
.c-btn01#aiocr a:hover,
.c-btn01#robopat a:hover,
.c-btn01#rpa-s a:hover,
.c-btn01#winactor a:hover {
  color: #fa5b0f;
}

.c-btn01#biztexcobit a:hover svg path,
.c-btn01#aiocr a:hover svg path,
.c-btn01#robopat a:hover svg path,
.c-btn01#rpa-s a:hover svg path,
.c-btn01#winactor a:hover svg path {
  fill: #fa5b0f !important;
}

#biztexcobit p,
#aiocr p,
#robopat p,
#rpa-s p,
#winactor p {
  font-size: 0;
  display: inline-block;
}



@media screen and (max-width: 767px) {
  .c-btn__call {
    width: 100% !important;
  }

  #biztexcobit p,
  #aiocr p,
  #robopat p,
  #rpa-s p,
  #winactor p {
    margin-top: 0;
  }
}

.c-btn__call a {
  margin: auto;
  padding: 6px 0 !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 3px;
  border: 2px solid #999;
}

.c-btn__call a:hover {
  color: #fff;
  background: #fff;
}

.c-btn__call a:hover svg path {
  fill: #3cbac8 !important;
}

.c-btn__call a span {
  margin-left: 0 !important;
  display: block;
  font-size: 1.3rem;
  font-family: "NotoSansJPM", sans-serif;
  line-height: 1.1;
  color: #666;
}

@media screen and (max-width: 767px) {
  .c-btn__call a span {
    font-size: 1rem;
  }
}

.c-btn__call a .btn-rale {
  margin-left: 5px !important;
  font-size: 3.6rem;
  font-family: "Raleway", sans-serif;
  font-weight: 700;
  color: #000;
}

@media screen and (max-width: 767px) {
  .c-btn__call a .btn-rale {
    font-size: 2rem;
    text-align: left;
  }
}

.c-btn__call svg {
  width: 18px;
}

.c-btn__call svg path {
  fill: #3cbac8 !important;
}

@media screen and (max-width: 480px) {
  .c-btn__call svg {
    width: 13px;
  }
}

.c-btn__2row ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media screen and (max-width: 480px) {
  .c-btn__2row ul {
    display: block;
  }
}

@media screen and (max-width: 767px) {
  .c-btn__2row li {
    width: 48%;
  }
}

@media screen and (max-width: 480px) {
  .c-btn__2row li {
    margin-bottom: 20px;
    width: 100%;
  }
}

.c-btn__2row .c-btn01 {
  border-radius: 5px;
  overflow: hidden;
}

.c-btn__2row a {
  padding: 22px 0;
  width: 500px;
  height: 80px;
  font-size: 1.8rem;
  color: #fff;
}

.c-btn__2row a span {
  margin-left: 15px;
}

@media screen and (max-width: 767px) {
  .c-btn__2row a span {
    margin-left: 5px;
  }
}

.c-btn__2row a span,
.c-btn__2row a svg {
  vertical-align: middle;
}

@media screen and (max-width: 767px) {
  .c-btn__2row a {
    padding: 10px 0;
    width: 100%;
    max-width: 400px;
    height: 50px;
    font-size: 1.4rem;
  }
}

.c-btn__2row .c-btn__contact svg {
  width: 30px;
}

@media screen and (max-width: 767px) {
  .c-btn__2row .c-btn__contact svg {
    width: 20px;
  }
}

.c-btn__2row .c-btn__try svg {
  width: 28px;
}

@media screen and (max-width: 767px) {
  .c-btn__2row .c-btn__try svg {
    width: 20px;
  }
}

.c-btn__2row .c-btn__try span {
  margin-left: 10px;
}

@media screen and (max-width: 767px) {
  .c-btn__2row .c-btn__try span {
    margin-left: 3px;
  }
}

.c-btn03 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.c-btn03__type1 {
  border: 3px solid #3cbac8;
  border-radius: 5px;
  display: table;
  width: 370px;
  height: 80px;
  text-align: center;
  position: relative;
  -webkit-transition: .3s;
  transition: .3s;
}

@media screen and (min-width: 767px) {
  .c-btn03__type1:hover {
    background: #3cbac8;
  }
  .c-btn03__type1:hover a {
    color: #fff;
  }
}

@media screen and (max-width: 767px) {
  .c-btn03__type1 {
    width: 100%;
    height: 50px;
    margin-top: 10px;
    background: #3cbac8;
  }
}

.c-btn03__type1 a {
  display: table-cell;
  vertical-align: middle;
  font-size: 2rem;
  font-weight: 600;
  color: #3cbac8;
  -webkit-transition: .3s;
  transition: .3s;
}

.c-btn03__type1 a:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9;
}

@media screen and (max-width: 767px) {
  .c-btn03__type1 a {
    font-size: 1.6rem;
    color: #fff;
  }
}

.c-btn03__type2 {
  width: 370px;
  height: 80px;
  text-align: center;
  display: table;
  border: 1px solid #999999;
  -webkit-transition: .3s;
  transition: .3s;
  border-radius: 5px;
}

@media screen and (max-width: 767px) {
  .c-btn03__type2 {
    width: 100%;
    margin-top: 10px;
    height: 50px;
  }
}

.c-btn03__type2__tel {
  font-size: 2.6rem;
  color: #000000;
  font-weight: bold;
  display: inline-block;
  background: url(/assets/image/svg/btn-call.svg) no-repeat center left;
  -webkit-background-size: 15px 15px;
          background-size: 15px;
  padding-left: 25px;
}

@media screen and (max-width: 767px) {
  .c-btn03__type2__tel {
    font-size: 1.6rem;
    -webkit-background-size: 9px 9px;
            background-size: 9px;
    padding-left: 12px;
  }
}

.c-btn03__type2__text {
  font-size: 1.3rem;
  color: #666666;
}

@media screen and (max-width: 767px) {
  .c-btn03__type2__text {
    font-size: 1rem;
  }
}

.c-btn03__type2 div {
  display: table-cell;
  vertical-align: middle;
}

.c-btn04 {
  width: 380px;
  margin: 0 auto;
  line-height: 1;
  border: 3px solid #fa5b0f;
  border-radius: 5px;
  text-align: center;
  position: relative;
  padding: 25px 0;
  -webkit-transition: 0s;
  transition: 0s;
}

@media screen and (min-width: 767px) {
  .c-btn04:hover {
    background: #fa5b0f;
  }
  .c-btn04:hover a {
    color: #fff;
  }
  .c-btn04:hover polygon,
  .c-btn04:hover rect,
  .c-btn04:hover svg {
    fill: #fff;
  }
}

@media screen and (max-width: 767px) {
  .c-btn04 {
    width: 240px;
    background: #fa5b0f;
    padding: 13px 0;
  }
}

.c-btn04 a {
  font-size: 2rem;
  color: #fa5b0f;
  vertical-align: middle;
  -webkit-transition: 0s;
  transition: 0s;
}

.c-btn04 a:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9;
}

@media screen and (max-width: 767px) {
  .c-btn04 a {
    font-size: 1.6rem;
    color: #fff;
  }
}

.c-btn04 svg {
  width: 20px;
  vertical-align: middle;
  margin-left: 20px;
  display: inline-block;
}

.c-btn04 svg polygon,
.c-btn04 svg rect {
  fill: #fa5b0f;
}

@media screen and (max-width: 767px) {
  .c-btn04 svg {
    width: 15px;
    margin-left: 10px;
  }
  .c-btn04 svg polygon,
  .c-btn04 svg rect {
    fill: #fff;
  }
}

@media screen and (max-width: 767px) {
  .c-btn005 {
    width: 100%;
  }
}

.c-btn005 a {
  width: 530px;
  font-size: 2.4rem;
  line-height: 1.5;
  font-family: "NotosansJPM", sans-serif;
  font-weight: 500;
  color: #fff;
  background: #fa5b0f;
  padding: 29px 43px 30px 47px;
  display: inline-block;
  border-radius: 3px;
  border: 3px solid #fa5b0f;
}

@media screen and (max-width: 767px) {
  .c-btn005 a {
    width: auto;
    font-size: 1.8rem;
    line-height: 1.38;
    padding: 8px 15px;
    display: block;
    border-radius: 6px;
    text-align: center;
  }
}

.c-btn005 a:hover {
  background: #fff;
  color: #fa5b0f;
}

@media screen and (max-width: 767px) {
  .c-btn006 {
    width: 100%;
  }
}

.c-btn006 a {
  display: inline-block;
  text-align: center;
  padding: 17px 56px 18px 57px;
  background: #fff;
  pointer-events: none;
}

@media screen and (max-width: 767px) {
  .c-btn006 a {
    display: block;
    padding: 0;
    background: transparent;
    pointer-events: initial;
  }
}

.c-btn006__ttl {
  display: inline-block;
  font-size: 1.8rem;
  font-family: "NotosansJPM", sans-serif;
  line-height: 1.44;
  color: #000;
  font-weight: 500;
  margin-bottom: 5px;
}

@media screen and (max-width: 767px) {
  .c-btn006__ttl {
    color: #fff;
    font-size: 1.4rem;
    line-height: .92;
    margin-bottom: 14px;
  }
}

.c-btn006__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media screen and (max-width: 767px) {
  .c-btn006__list {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    background: #fff;
    border: 3px solid #16c6da;
    border-radius: 5px;
    padding: 15px 10px 14px;
  }
}

.c-btn006__tel {
  font-family: "NotoSansJPB", sans-serif;
  font-weight: 700;
  font-size: 3.8rem;
  line-height: .94;
  color: #16c6da;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 17px;
  letter-spacing: -.3px;
}

@media screen and (max-width: 767px) {
  .c-btn006__tel {
    font-size: 2.3rem;
    line-height: .78;
    letter-spacing: 0;
    margin: 0 0 6px;
    width: 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.c-btn006__tel img {
  margin-right: 8px;
}

@media screen and (max-width: 767px) {
  .c-btn006__tel img {
    margin-right: 3px;
  }
}

.c-btn006__time {
  position: relative;
  border: 1px solid #000;
  font-size: 1.2rem;
  color: #000;
  line-height: 1.33;
  padding: 0 15px;
  z-index: 1;
}

@media screen and (max-width: 767px) {
  .c-btn006__time {
    border: 0;
    font-size: 1rem;
    margin-bottom: 0;
    padding-left: 20px;
  }
}

.c-btn006__time:before {
  content: '';
  position: absolute;
  width: 92%;
  height: 124%;
  background: #fff;
  z-index: -1;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

@media screen and (max-width: 767px) {
  .c-btn006__time:before {
    content: none;
  }
}

.c-btn006--1 a {
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 767px) {
  .c-btn006--1 a {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.c-btn006--1__ttl {
  margin: 3px 70px 0 0;
  padding: 13px 22px 13px 45px;
  background: #16c6da;
  color: #fff;
  font-size: 2.4rem;
  letter-spacing: 0.3px;
  position: relative;
}

@media screen and (max-width: 767px) {
  .c-btn006--1__ttl {
    margin: 10px 0;
    padding: 0;
    color: #000;
    background: none;
    font-size: 1.4rem;
  }
}

.c-btn006--1__ttl:after {
  position: absolute;
  border-top: 30px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 30px solid transparent;
  border-left: 30px solid #16c6da;
  top: 0;
  right: -36px;
  content: "";
}

@media screen and (max-width: 767px) {
  .c-btn006--1__ttl:after {
    content: none;
  }
}

.c-btn006--1__tel {
  margin-right: 5px;
  font-size: 4.1rem;
  letter-spacing: 1px;
}

@media screen and (max-width: 767px) {
  .c-btn006--1__tel {
    margin-right: 0;
    font-size: 2.1rem;
  }
}

.c-btn006--1__tel img {
  width: 25px;
  height: 35px;
}

@media screen and (max-width: 767px) {
  .c-btn006--1__tel img {
    width: 13px;
    height: 15px;
  }
}

@media screen and (max-width: 767px) {
  .c-btn007 {
    width: 100%;
  }
}

.c-btn007 a {
  font-size: 1.5rem;
  line-height: 36px;
  font-family: "NotosansJPM", sans-serif;
  font-weight: 500;
  color: #fff;
  background: #fa5b0f;
  display: inline-block;
  border-radius: 3px;
  border: 3px solid #fa5b0f;
  padding: 9px 56px;
  letter-spacing: 1.5px;
}

@media screen and (max-width: 767px) {
  .c-btn007 a {
    width: auto;
    line-height: 18px;
    padding: 15px;
    display: block;
    border-radius: 6px;
    text-align: center;
  }
}

.c-btn007 a:hover {
  background: #fff;
  color: #fa5b0f;
}

/*------------------------------------------------------------
title
------------------------------------------------------------*/
/*
------------------------------------------------------------*/
.c-title {
  display: inline-block;
  font-size: 3.6rem;
  border-bottom: 2px solid #17c6da;
  position: relative;
  padding-bottom: 33px;
  margin-bottom: 20px;
}

@media screen and (max-width: 767px) {
  .c-title {
    font-size: 1.8rem;
    padding-bottom: 16px;
  }
}

.c-title:before {
  content: '';
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 760px;
  background: #cecece;
  height: 2px;
  z-index: -1;
}

@media screen and (max-width: 767px) {
  .c-title:before {
    width: 87.5vw;
  }
}

.c-title01 {
  margin-bottom: 40px;
  text-align: center;
}

.c-title01 h1,
.c-title01 h2 {
  position: relative;
  margin: 0 auto 30px;
  padding: 0 0 20px;
  display: inline-block;
  font-size: 4.6rem;
  font-family: "NotoSansJPL", sans-serif;
  font-weight: normal;
  color: #000;
  background: none;
}

.c-title01 h1:after,
.c-title01 h2:after {
  position: absolute;
  content: "";
  bottom: 0;
  left: 50%;
  width: 50px;
  height: 5px;
  background: #16c6da;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}

.c-title01 h3,
.c-title01 .title-eng {
  font-family: "Raleway", sans-serif;
  font-size: 1.4rem;
  font-weight: 200;
  color: #aaa;
  text-transform: uppercase;
  letter-spacing: 1px;
  display: block;
}

@media screen and (max-width: 767px) {
  .c-title01 {
    margin-bottom: 20px;
  }
  .c-title01 h1,
  .c-title01 h2 {
    margin: 0 auto 15px;
    padding: 0 0 10px;
    font-size: 2.5rem;
  }
  .c-title01 h1:after,
  .c-title01 h2:after {
    width: 30px;
    height: 3px;
  }
  .c-title01 h3 {
    font-size: 1rem;
  }
}

.c-title01.no-line h1,
.c-title01.no-line h2 {
  margin: 0 auto 15px;
  padding: 0;
}

.c-title01.no-line h1:after,
.c-title01.no-line h2:after {
  display: none;
}

.c-title01.bold-txt h1,
.c-title01.bold-txt h2 {
  font-family: "NotoSansJPB";
}

.c-title-white h2,
.c-title-white h3,
.c-title-white .title-eng {
  color: #fff;
}

.c-title-white h2:after,
.c-title-white h3:after,
.c-title-white .title-eng:after {
  background: #fff;
}

.c-ttl__svg {
  margin: auto;
}

.c-title02 {
  text-align: center;
}

.c-title02 h2 {
  font-size: 4.8rem;
  font-family: "NotoSansJPL", sans-serif;
  font-weight: normal;
  position: relative;
  line-height: 58px;
}

@media screen and (max-width: 767px) {
  .c-title02 h2 {
    font-size: 2.1rem;
    line-height: 30px;
  }
}

.c-title02 h2:after {
  position: absolute;
  content: "";
  bottom: -30px;
  left: 50%;
  width: 50px;
  height: 5px;
  background: #16c6da;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}

@media screen and (max-width: 767px) {
  .c-title02 h2:after {
    height: 3px;
    bottom: -17px;
    width: 27px;
  }
}

.c-title02 p {
  font-size: 1.8rem;
  line-height: 44px;
  margin-top: 67px;
  font-family: 'NotoSansJPDL';
  font-weight: bold;
}

@media screen and (max-width: 767px) {
  .c-title02 p {
    font-size: 1.2rem;
    line-height: 23px;
    margin-top: 40px;
  }
}

.c-title3 {
  position: relative;
  font-size: 2.4rem;
  padding-bottom: 10px;
}

@media screen and (max-width: 767px) {
  .c-title3 {
    font-size: 1.6rem;
  }
}

@media screen and (min-width: 767px) {
  .c-title3 {
    border-bottom: 1px solid #cecece;
  }
  .c-title3:before, .c-title3:after {
    position: absolute;
    content: "";
    bottom: 0;
    width: 5px;
    height: 5px;
    border-left: 1px solid #cecece;
    border-bottom: 1px solid #cecece;
  }
  .c-title3:before {
    left: 0;
    -webkit-transform: translate(-100%, 50%) rotate(225deg);
        -ms-transform: translate(-100%, 50%) rotate(225deg);
            transform: translate(-100%, 50%) rotate(225deg);
  }
  .c-title3:after {
    right: 0;
    -webkit-transform: translate(100%, 50%) rotate(45deg);
        -ms-transform: translate(100%, 50%) rotate(45deg);
            transform: translate(100%, 50%) rotate(45deg);
  }
}

.c-title4 {
  display: inline-block;
  font-size: 3.6rem;
  text-align: left;
  margin: -60px auto 66px;
  padding-top: 120px;
  position: relative;
  z-index: -1;
}

@media screen and (max-width: 767px) {
  .c-title4 {
    font-size: 1.8rem;
    margin: -50px auto 33px;
    padding-top: 100px;
  }
}

.c-title4:before {
  position: absolute;
  width: 100%;
  height: 2px;
  background: #16c6da;
  bottom: -35px;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  content: '';
  z-index: 1;
}

@media screen and (max-width: 767px) {
  .c-title4:before {
    max-width: 100%;
    height: 3px;
    bottom: -18px;
  }
}

.c-title4:after {
  position: absolute;
  width: 1100px;
  height: 2px;
  background: #cecece;
  bottom: -35px;
  left: 0;
  content: '';
  z-index: -1;
}

@media screen and (max-width: 767px) {
  .c-title4:after {
    width: 86vw;
    height: 3px;
    bottom: -18px;
  }
}

/* .c-title005
------------------------------------------------------------*/
.c-title005 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.c-title005__circle {
  color: #fff;
  background: #16c6da;
  padding: 24px 32px 27px;
  border-radius: 100%;
  margin-right: 21px;
}

@media screen and (max-width: 767px) {
  .c-title005__circle {
    padding: 14px 17px 11px;
    margin-right: 8px;
  }
}

.c-title005__circle-txt {
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.5;
  margin: 0 0 4px 2px;
}

@media screen and (max-width: 767px) {
  .c-title005__circle-txt {
    margin: 0 0 0 2px;
    font-size: 1rem;
    line-height: 1;
  }
}

.c-title005__circle-num {
  font-size: 2.4rem;
  line-height: 0.9;
  font-family: sans-serif;
  font-weight: bold;
}

@media screen and (max-width: 767px) {
  .c-title005__circle-num {
    font-size: 2.4rem;
    line-height: 1;
  }
}

.c-title005__txt {
  font-size: 3.2rem;
  line-height: 1.5;
}

@media screen and (max-width: 767px) {
  .c-title005__txt {
    margin: -4px 0 0;
    font-size: 1.8rem;
  }
}

/* .c-title006
------------------------------------------------------------*/
.c-title006 {
  text-align: center;
}

.c-title006__tag {
  font-size: 1.6rem;
  line-height: 1.25;
  background: #16c6da;
  color: #fff;
  font-weight: bold;
  padding: 14px 36px 15px;
  border-radius: 5px;
  display: inline-block;
  position: relative;
  margin: 0 0 25px;
}

@media screen and (max-width: 767px) {
  .c-title006__tag {
    font-size: 1.4rem;
    padding: 16px 22px;
    line-height: .7;
    border-radius: 3px;
    margin: 0 0 12px;
  }
}

.c-title006__tag:after {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 11px 5px 0 5px;
  border-color: #16c6da transparent transparent transparent;
}

.c-title006 h2 {
  font-family: "NotoSansJPL", sans-serif;
  font-weight: 200;
}

.c-title006 span {
  position: relative;
  font-size: 4.6rem;
  line-height: 1.5;
  display: inline-block;
  padding: 0 34px;
}

@media screen and (max-width: 767px) {
  .c-title006 span {
    font-size: 2.5rem;
    padding: 0 17px;
    line-height: 1.4;
  }
}

.c-title006 span b {
  color: #fa5b0f;
  font-family: "NotoSansJPB", sans-serif;
  font-weight: bold;
}

.c-title006 span:before, .c-title006 span:after {
  content: '';
  position: absolute;
  width: 1px;
  height: 65%;
  background: #000;
  top: 50%;
}

@media screen and (max-width: 767px) {
  .c-title006 span:before, .c-title006 span:after {
    height: 50%;
    top: 70%;
  }
}

.c-title006 span i {
  font-size: 2.3rem;
  font-style: initial;
  position: relative;
  top: -9px;
}

@media screen and (max-width: 767px) {
  .c-title006 span i {
    top: -6px;
    font-size: 1.2rem;
  }
}

.c-title006 span:before {
  left: 0;
  -webkit-transform: translateY(-50%) rotate(-27deg);
      -ms-transform: translateY(-50%) rotate(-27deg);
          transform: translateY(-50%) rotate(-27deg);
}

.c-title006 span:after {
  right: 0;
  -webkit-transform: translateY(-50%) rotate(27deg);
      -ms-transform: translateY(-50%) rotate(27deg);
          transform: translateY(-50%) rotate(27deg);
}

.c-title-007 h3 {
  font-size: 3.6rem;
  font-family: 'NotoSansJPDL';
  font-weight: normal;
  line-height: 48px;
  position: relative;
  border-bottom: 1px solid #ccc;
  padding-bottom: 26px;
  margin-bottom: 28px;
}

.c-title-007 h3 span {
  color: #fa5b0f;
  margin-right: 10px;
}

@media screen and (max-width: 767px) {
  .c-title-007 h3 span {
    margin-right: 0;
    margin-bottom: 5px;
    display: block;
  }
}

@media screen and (max-width: 767px) {
  .c-title-007 h3 {
    font-size: 1.8rem;
    line-height: 1.5;
    padding-bottom: 8px;
    margin-bottom: 15px;
    text-align: center;
  }
}

.c-title-007 h3:before {
  position: absolute;
  bottom: -5px;
  left: -3px;
  width: 7px;
  height: 7px;
  background: #f6f6f6;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  content: '';
}

.c-title-007 h3:after {
  position: absolute;
  bottom: -5px;
  right: -3px;
  width: 7px;
  height: 7px;
  background: #f6f6f6;
  border-left: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  content: '';
}

.c-title008 h2, .c-title008 h3 {
  display: inline-block;
  font-size: 3.6rem;
  text-align: left;
  position: relative;
  z-index: -1;
}

@media screen and (max-width: 767px) {
  .c-title008 h2, .c-title008 h3 {
    font-size: 1.8rem;
  }
}

.c-title008 h2:before, .c-title008 h3:before {
  position: absolute;
  width: 100%;
  height: 2px;
  background: #16c6da;
  bottom: -10px;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  content: '';
  z-index: 1;
}

@media screen and (max-width: 767px) {
  .c-title008 h2:before, .c-title008 h3:before {
    max-width: 100%;
    height: 3px;
    bottom: -18px;
  }
}

.c-title008 h2:after, .c-title008 h3:after {
  position: absolute;
  width: 760px;
  height: 2px;
  background: #cecece;
  bottom: -10px;
  left: 0;
  content: '';
  z-index: -1;
}

@media screen and (max-width: 767px) {
  .c-title008 h2:after, .c-title008 h3:after {
    width: 86vw;
    height: 3px;
    bottom: -18px;
  }
}

/* .c-title009
------------------------------------------------------------*/
.c-title009 {
  text-align: center;
  position: relative;
  padding: 0 0 18px;
  margin: 0 0 47px;
}

@media screen and (max-width: 767px) {
  .c-title009 {
    padding: 0 0 10px;
    margin: 0 0 24px;
  }
}

.c-title009:after {
  content: '';
  position: absolute;
  width: 50px;
  height: 5px;
  background: #16c6da;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}

@media screen and (max-width: 767px) {
  .c-title009:after {
    width: 30px;
    height: 2px;
  }
}

.c-title009__icon {
  margin: 0 auto -1px;
}

@media screen and (max-width: 767px) {
  .c-title009__icon {
    margin: 0 auto 4px;
  }
}

.c-title009 h2 {
  font-size: 4.6rem;
  font-family: "NotoSansJPL", sans-serif;
  font-weight: normal;
  line-height: 1.5;
}

@media screen and (max-width: 767px) {
  .c-title009 h2 {
    font-size: 2.5rem;
    line-height: 1.4;
  }
}

.c-title009 p {
  font-size: 1.4rem;
  line-height: 1.9;
  text-transform: uppercase;
  font-family: 'Raleway', sans-serif;
  letter-spacing: 1px;
  font-weight: 500;
  color: #b0b0b0;
  margin: 9px 0;
}

@media screen and (max-width: 767px) {
  .c-title009 p {
    line-height: 0.9;
    margin: 12px 0;
  }
}

/* .c-title010
------------------------------------------------------------*/
.c-title010 {
  text-align: center;
  border-bottom: 1px solid #cecece;
  font-size: 3.6rem;
  font-weight: normal;
  font-family: 'NotoSansJPL';
  position: relative;
  padding-bottom: 23px;
}

@media screen and (max-width: 767px) {
  .c-title010 {
    padding-bottom: 14px;
    font-size: 1.6rem;
  }
}

.c-title010:before {
  position: absolute;
  bottom: -4.5px;
  left: -8px;
  width: 7px;
  height: 7px;
  background: transparent;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  content: '';
}

@media screen and (max-width: 767px) {
  .c-title010:before {
    bottom: -3.7px;
    left: -6px;
    width: 5px;
    height: 5px;
  }
}

.c-title010:after {
  position: absolute;
  bottom: -4.5px;
  right: -8px;
  width: 7px;
  height: 7px;
  background: transparent;
  border-left: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  content: '';
}

@media screen and (max-width: 767px) {
  .c-title010:after {
    bottom: -3.7px;
    right: -6px;
    width: 5px;
    height: 5px;
  }
}

/* .c-title011
------------------------------------------------------------*/
.c-title011 {
  font-size: 2.2rem;
  line-height: 26px;
  position: relative;
  font-weight: bold;
  padding-left: 26px;
}

@media screen and (max-width: 767px) {
  .c-title011 {
    font-size: 1.5rem;
    padding-left: 18px;
    line-height: 13px;
  }
}

.c-title011:before {
  content: '';
  position: absolute;
  top: 5px;
  left: 1px;
  width: 18px;
  height: 18px;
  background: #16c6da;
}

@media screen and (max-width: 767px) {
  .c-title011:before {
    top: 0;
    left: 1px;
    width: 13px;
    height: 13px;
  }
}

/*------------------------------------------------------------
icon
------------------------------------------------------------*/
/*
------------------------------------------------------------*/
/*------------------------------------------------------------
form
------------------------------------------------------------*/
/*
------------------------------------------------------------*/
/*------------------------------------------------------------
text
------------------------------------------------------------*/
/*
------------------------------------------------------------*/
.c-text001 {
  text-align: center;
  font-size: 1.8rem;
  line-height: 1.8;
  font-family: 'NotoSansJPDL';
}

@media screen and (max-width: 767px) {
  .c-text001 {
    line-height: 1.75;
    font-size: 1.4rem;
    text-align: justify;
  }
}

.c-text001 b {
  font-family: 'NotoSansJPB';
}

.c-text001 a {
  color: #16c6da;
}

/*------------------------------------------------------------
navi
------------------------------------------------------------*/
@media screen and (max-width: 767px) {
  .c-breadcrumb {
    display: none;
  }
}

.c-breadcrumb a, .c-breadcrumb span {
  font-size: 1.2rem;
  font-family: 'NotoSansJPDL';
  color: #666;
}

.c-breadcrumb li {
  display: inline;
  position: relative;
  margin-right: 24px;
}

.c-breadcrumb li + li {
  position: relative;
}

.c-breadcrumb li + li:before {
  position: absolute;
  left: -17px;
  top: 5px;
  width: 5px;
  height: 5px;
  background: transparent;
  border-right: 1px solid #16c6da;
  border-bottom: 1px solid #16c6da;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  content: '';
}

.c-breadcrumb li a {
  text-decoration: underline;
  -webkit-text-decoration-color: #666;
          text-decoration-color: #666;
}

.c-breadcrumb li a:hover {
  text-decoration: none;
}

.c-breadcrumb li:last-child a {
  color: #141414;
}

/*
------------------------------------------------------------*/
/*------------------------------------------------------------
img
------------------------------------------------------------*/
/*
------------------------------------------------------------*/
.c-singleImg {
  text-align: center;
}

@media screen and (max-width: 767px) {
  .c-singleImg img {
    width: 100%;
    height: auto;
  }
}

/* .c-imgText001
------------------------------------------------------------*/
.c-imgText001 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media screen and (max-width: 767px) {
  .c-imgText001 {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}

.c-imgText001 .c-title005 {
  margin: 0 0 30px;
}

@media screen and (max-width: 767px) {
  .c-imgText001 .c-title005 {
    margin: 0 0 20px;
  }
}

.c-imgText001__content {
  padding: 0 45px 0 0;
}

@media screen and (max-width: 767px) {
  .c-imgText001__content {
    margin-top: 14px;
    padding: 0;
  }
}

@media screen and (max-width: 767px) {
  .c-imgText001__content > .c-title005 {
    display: none;
  }
}

.c-imgText001__img > .c-title005 {
  display: none;
}

@media screen and (max-width: 767px) {
  .c-imgText001__img > .c-title005 {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }
}

.c-imgText001__txt {
  font-size: 1.6rem;
  line-height: 2;
}

@media screen and (max-width: 767px) {
  .c-imgText001__txt {
    font-size: 1.4rem;
    line-height: 1.75;
    text-align: justify;
  }
}

.c-imgText001__txt2 p {
  font-size: 1.6rem;
  line-height: 2;
  letter-spacing: 0.25px;
}

@media screen and (max-width: 767px) {
  .c-imgText001__txt2 p {
    font-size: 1.4rem;
    line-height: 1.75;
    text-align: justify;
  }
}

.c-imgText001--reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

@media screen and (max-width: 767px) {
  .c-imgText001--reverse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}

.c-imgText001--reverse .c-imgText001__content {
  padding: 0 0 0 49px;
}

@media screen and (max-width: 767px) {
  .c-imgText001--reverse .c-imgText001__content {
    padding: 0;
  }
}

/* .c-imgText002
------------------------------------------------------------*/
.c-imgText002 {
  border: 1px solid #ccc;
}

.c-imgText002:hover {
  border-color: #fb5b0f;
}

@media screen and (max-width: 767px) {
  .c-imgText002:not(:last-child) {
    margin: 0 0 10px;
  }
}

.c-imgText002__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #000;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}

@media screen and (max-width: 767px) {
  .c-imgText002__link {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.c-imgText002__link:after {
  content: '';
  position: absolute;
  right: 30px;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(-45deg);
      -ms-transform: translateY(-50%) rotate(-45deg);
          transform: translateY(-50%) rotate(-45deg);
  border-width: 0 1px 1px 0;
  border-style: solid;
  border-color: #1ac7db;
  width: 8px;
  height: 8px;
}

@media screen and (max-width: 767px) {
  .c-imgText002__link:after {
    right: 20px;
    width: 6px;
    height: 6px;
    top: 70%;
  }
}

.c-imgText002__link:hover {
  opacity: 0.8;
}

.c-imgText002__link:hover:after {
  border-color: #fa5b0f;
  border-width: 0 2px 2px 0;
  opacity: 1;
}

.c-imgText002__img {
  width: 338px;
}

@media screen and (max-width: 767px) {
  .c-imgText002__img {
    width: 100%;
    margin: 0 0 16px;
  }
}

.c-imgText002__img img {
  margin: 0 auto;
}

.c-imgText002__content {
  width: calc(100% - 366px);
  padding-right: 45px;
}

@media screen and (max-width: 767px) {
  .c-imgText002__content {
    width: 100%;
    text-align: center;
    padding: 0 19px 14px;
  }
}

.c-imgText002__ttl {
  font-size: 2.2rem;
  color: #2470b8;
  line-height: 1.2;
  margin: 0 0 9px;
}

@media screen and (max-width: 767px) {
  .c-imgText002__ttl {
    font-size: 1.6rem;
    line-height: 1.5;
    margin: 0 0 5px;
  }
}

.c-imgText002__txt {
  font-size: 1.4rem;
  line-height: 2;
  padding-left: 2px;
}

@media screen and (max-width: 767px) {
  .c-imgText002__txt {
    text-align: left;
    font-size: 1.2rem;
    line-height: 1.75;
    padding-left: 0;
    padding-right: 14px;
  }
}

/* .c-imgText3
------------------------------------------------------------*/
.c-imgText3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 767px) {
  .c-imgText3 {
    display: block;
  }
}

.c-imgText3__left {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 320px;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  margin-left: 20px;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .c-imgText3__left {
    width: 100%;
    margin-left: 0;
    margin-bottom: 15px;
  }
}

@media screen and (max-width: 767px) {
  .c-imgText3__left img {
    width: 100%;
  }
}

.c-imgText3__right {
  width: 100%;
}

.c-imgText3__ttl1 {
  font-size: 3.6rem;
  color: #000;
  border-bottom: 2px solid #cecece;
  line-height: 1.6;
  margin-top: -12px;
  margin-bottom: 30px;
}

@media screen and (max-width: 767px) {
  .c-imgText3__ttl1 {
    margin-top: 0;
    border-bottom: none;
    margin-bottom: 22px;
    font-size: 1.8rem;
    line-height: 1.3;
  }
}

.c-imgText3__ttl1 span {
  position: relative;
  padding-bottom: 30px;
  display: inline-block;
}

@media screen and (max-width: 767px) {
  .c-imgText3__ttl1 span {
    padding-bottom: 13px;
  }
}

.c-imgText3__ttl1 span:before {
  content: '';
  height: 2px;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: -2px;
  background: #17c6da;
}

.c-imgText3__txt1 {
  font-size: 1.6rem;
  color: #000;
  line-height: 2;
}

@media screen and (max-width: 767px) {
  .c-imgText3__txt1 {
    font-size: 1.4rem;
    line-height: 1.75;
  }
}

/* .c-imgText4
------------------------------------------------------------*/
.c-imgText4 {
  border: 1px solid #16c6da;
  padding: 60px 40px;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .c-imgText4 {
    padding: 20px;
  }
}

.c-imgText4__ttl {
  margin: 0 0 40px 0;
  padding: 8px 0;
  border: 3px solid #fa5b0f;
  border-radius: 30px;
  width: 415px;
  text-align: center;
  font-size: 1.8rem;
  font-weight: bold;
  display: inline-block;
}

@media screen and (max-width: 767px) {
  .c-imgText4__ttl {
    margin: 0 0 20px 0;
    padding: 4px 15px;
    font-size: 1.1rem;
    width: 80%;
    border-width: 2px;
  }
}

.c-imgText4__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 767px) {
  .c-imgText4__content {
    display: block;
  }
}

.c-imgText4__right {
  margin-left: 40px;
  text-align: left;
}

@media screen and (max-width: 767px) {
  .c-imgText4__right {
    margin: 20px 0 0 0;
  }
}

.c-imgText4__right--icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 767px) {
  .c-imgText4__right--icon img {
    width: 40px;
  }
}

.c-imgText4__right--icon p {
  margin: 15px 0 0 10px;
  font-size: 1.8rem;
  font-weight: bold;
}

@media screen and (max-width: 767px) {
  .c-imgText4__right--icon p {
    margin-top: 10px;
    font-size: 1.4rem;
  }
}

.c-imgText4__right--text {
  margin-top: 15px;
}

.c-imgText4__right--menu {
  font-size: 1.8rem;
  font-weight: bold;
}

@media screen and (max-width: 767px) {
  .c-imgText4__right--menu {
    font-size: 1.4rem;
  }
}

.c-imgText4__right--menu span {
  margin-left: 7px;
  padding-right: 20px;
  position: relative;
  color: #fff;
  font-size: 1.2rem;
}

@media screen and (max-width: 767px) {
  .c-imgText4__right--menu span {
    padding-right: 15px;
    font-size: 1.1rem;
  }
}

.c-imgText4__right--menu span:before {
  content: '';
  width: 24px;
  height: 24px;
  background: #246db0;
  border-radius: 50%;
  position: absolute;
  top: -2px;
  left: -9px;
  z-index: -1;
}

@media screen and (max-width: 767px) {
  .c-imgText4__right--menu span:before {
    width: 20px;
    height: 20px;
    top: -1px;
    left: -7px;
  }
}

.c-imgText4__right--normal {
  margin-left: 33px;
  font-size: 1.6rem;
  line-height: 1.7;
}

@media screen and (max-width: 767px) {
  .c-imgText4__right--normal {
    margin-left: 28px;
    font-size: 1.2rem;
  }
}

/*
------------------------------------------------------------*/
.c-imgText5 {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border: 1px solid #ddd;
  background: #fff;
  padding: 39px 39px 35px;
}

@media screen and (max-width: 767px) {
  .c-imgText5 {
    padding: 19px;
  }
}

.c-imgText5__img {
  width: 282px;
}

@media screen and (max-width: 767px) {
  .c-imgText5__img {
    width: 100%;
  }
}

.c-imgText5__img img {
  width: 100%;
  height: auto;
}

.c-imgText5__info {
  width: calc(100% - 312px);
  margin: -7px 0 0;
}

@media screen and (max-width: 767px) {
  .c-imgText5__info {
    width: 100%;
    margin: 11px 0 0;
  }
}

.c-imgText5__ttl {
  display: inline-block;
  font-size: 2rem;
  line-height: 1.5;
  color: #111;
  font-weight: bold;
  border-bottom: 1px solid #111;
  position: relative;
  margin: 0 18px 0 0;
  text-decoration: none;
}

@media screen and (max-width: 767px) {
  .c-imgText5__ttl {
    font-size: 1.6rem;
  }
}

.c-imgText5__ttl::after {
  content: '';
  display: inline-block;
  width: 13px;
  height: 12px;
  background-image: url(/assets/image/common/icon06.png);
  -webkit-background-size: cover;
          background-size: cover;
  position: absolute;
  right: -18px;
  bottom: 10px;
}

@media screen and (max-width: 767px) {
  .c-imgText5__ttl::after {
    width: 11px;
    height: 10px;
    right: -16px;
  }
}

.c-imgText5__ttl:hover {
  opacity: 0.8;
  border-color: transparent;
}

.c-imgText5__ttl--1 {
  border-bottom: none;
}

.c-imgText5__ttl--1::after {
  content: none;
}

.c-imgText5__ttl--1:hover {
  opacity: 1;
}

@media screen and (max-width: 767px) {
  .c-imgText5__list {
    padding: 0 3px;
  }
}

.c-imgText5__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 9px;
}

@media screen and (max-width: 767px) {
  .c-imgText5__item {
    margin: 0 0 6px;
  }
}

.c-imgText5__item:last-child {
  margin: 0;
}

.c-imgText5__txt {
  font-size: 1.6rem;
  line-height: 1.25;
  color: #111;
  margin: 12px 0 18px;
}

@media screen and (max-width: 767px) {
  .c-imgText5__txt {
    font-size: 1.4rem;
    margin: 8px 0 14px;
  }
}

.c-imgText5__txt2 {
  font-size: 1.6rem;
  line-height: 1.25;
  color: #666;
}

@media screen and (max-width: 767px) {
  .c-imgText5__txt2 {
    font-size: 1.2rem;
    margin: 2px 0 -3px;
  }
}

.c-imgText5 .c-blog-tag1 {
  margin: 0 10px 0 0;
}

.c-imgText5 .c-blog-tag1 span {
  width: 136px;
  text-align: center;
  font-size: 1.3rem;
  font-weight: normal;
  margin: 0;
}

@media screen and (max-width: 767px) {
  .c-imgText5 .c-blog-tag1 span {
    width: 99px;
    font-size: 1rem;
  }
}

.c-imgText6 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 767px) {
  .c-imgText6 {
    display: block;
  }
}

.c-imgText6__img {
  position: relative;
}

.c-imgText6__img:hover {
  opacity: 0.8;
}

.c-imgText6__img--text {
  position: absolute;
  top: 50%;
  left: 50%;
  background-color: rgba(0, 0, 0, 0.8);
  color: #FFF;
  font-size: 1.8rem;
  text-align: center;
  padding: 15px 30px;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

@media screen and (max-width: 767px) {
  .c-imgText6__img--text {
    top: 45%;
    font-size: 1.2rem;
    padding: 7px 20px;
  }
}

.c-imgText6__content {
  padding-left: 48px;
}

@media screen and (max-width: 767px) {
  .c-imgText6__content {
    padding-left: 0;
  }
}

.c-imgText6__ttl {
  font-size: 2.4rem;
  color: #000;
  font-weight: 400;
  display: inline;
  line-height: 1.5;
}

@media screen and (max-width: 767px) {
  .c-imgText6__ttl {
    font-size: 1.6rem;
  }
}

.c-imgText6__ttl:hover {
  opacity: 0.8;
  color: #16c6da;
  border-bottom: 1px solid #16c6da;
}

.c-imgText6__ttl a {
  color: inherit;
}

.c-imgText6__txt {
  margin: 20px 0 38px;
  font-size: 1.6rem;
  line-height: 1.6;
}

@media screen and (max-width: 767px) {
  .c-imgText6__txt {
    margin: 13px 0 18px;
    font-size: 1.2rem;
  }
}

.c-imgText6 img {
  margin-top: 10px;
}

@media screen and (max-width: 767px) {
  .c-imgText6 img {
    margin: 0 0 15px;
  }
}

/*
------------------------------------------------------------*/
.c-imgText7 {
  padding: 40px 35px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 4px solid #19c6da;
  background: #fff;
}

@media screen and (max-width: 767px) {
  .c-imgText7 {
    border-width: 2px;
    padding: 15px 20px;
    display: block;
  }
}

@media screen and (max-width: 767px) {
  .c-imgText7__cont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
  }
}

.c-imgText7__img {
  margin-right: 30px;
}

@media screen and (max-width: 767px) {
  .c-imgText7__img {
    margin-right: 10px;
    min-width: 70px;
  }
}

@media screen and (max-width: 767px) {
  .c-imgText7__img img {
    width: 70px;
    height: 48.5px;
  }
}

.c-imgText7__txt {
  margin-right: 40px;
  font-size: 2.2rem;
  font-weight: bold;
  font-family: 'Noto Sans CJK JP', sans-serif;
}

@media screen and (max-width: 767px) {
  .c-imgText7__txt {
    margin-right: 0;
    font-size: 1.5rem;
  }
}

.c-imgText7 .c-btn01 a {
  padding: 15px 0;
  border-radius: 5px;
  width: 300px;
  height: auto;
  font-size: 2rem;
  -webkit-transition: all .3s;
  transition: all .3s;
}

@media screen and (max-width: 767px) {
  .c-imgText7 .c-btn01 a {
    margin-top: 10px;
    padding: 14px 0;
    width: 100%;
    font-size: 1.3rem;
  }
}

/*------------------------------------------------------------
list
------------------------------------------------------------*/
/*
------------------------------------------------------------*/
.c-icon__list {
  margin-left: 30px;
  display: inline-block;
  text-align: center;
}

.c-icon__list ul {
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.c-icon__list li {
  margin-right: 85px;
}

.c-icon__list li:last-of-type {
  margin-right: 0;
}

@media screen and (max-width: 767px) {
  .c-icon__list li {
    margin-right: 10px;
  }
}

/*
------------------------------------------------------------*/
.c-list__3row {
  padding: 0 30px;
}

@media screen and (max-width: 767px) {
  .c-list__3row {
    padding: 0;
  }
}

.c-list__3row ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media screen and (max-width: 767px) {
  .c-list__3row ul {
    display: block;
  }
}

.c-list__3row li {
  position: relative;
  margin-bottom: 10px;
  width: 320px;
  background: #fff;
  -webkit-box-shadow: 0 0 20px 4px rgba(58, 58, 58, 0.32);
          box-shadow: 0 0 20px 4px rgba(58, 58, 58, 0.32);
}

@media screen and (max-width: 767px) {
  .c-list__3row li {
    width: 100%;
  }
}

.c-list__3row a {
  display: block;
}

@media screen and (max-width: 767px) {
  .c-list__3row a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.c-list__3row figure {
  position: relative;
  padding-top: 74.84472%;
  overflow: hidden;
}

@media screen and (max-width: 767px) {
  .c-list__3row figure {
    padding: 0;
    width: 45%;
    height: auto;
    min-height: 130px;
  }
}

.c-list__3row figure img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: auto;
  height: 100%;
  max-width: 200%;
  min-width: 100%;
  min-height: 100%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.c-list__3row p {
  padding: 20px 25px;
  font-size: 1.6rem;
  line-height: 1.6;
  font-family: 'NotoSansJPM', sans-serif;
  color: #000;
  background: #fff;
}

@media screen and (max-width: 767px) {
  .c-list__3row p {
    padding: 20px;
    width: 55%;
    font-size: 1.2rem;
  }
}

.c-list__3row .blog-tag {
  position: absolute;
  top: 0;
  left: 0;
  padding: 7px 10px 10px;
  width: auto;
  font-size: 1.3rem;
  font-family: 'NotoSansJPB', sans-serif;
  letter-spacing: 2px;
  line-height: 1;
  color: #fff;
  background: #fa5b0f;
  z-index: 2;
}

@media screen and (max-width: 767px) {
  .c-list__3row .blog-tag {
    padding: 9px 15px 12px;
    font-size: 1.2rem;
  }
}

@media only screen and (min-width: 769px) {
  .c-list__3row figure:before {
    position: absolute;
    content: '...more';
    top: 50%;
    left: 50%;
    display: inline-block;
    padding: 8px 50px 10px;
    font-family: 'Raleway', sans-serif;
    font-size: 1.4rem;
    font-weight: bold;
    letter-spacing: 2px;
    line-height: 1;
    color: #fff;
    border: 1px solid #fff;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    z-index: 2;
    opacity: 0;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
  }
  .c-list__3row figure:after {
    position: absolute;
    content: '';
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.7);
    opacity: 0;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
  }
}

@media only screen and (min-width: 769px) {
  .c-list__3row a:hover figure:before, .c-list__3row a:hover figure:after {
    opacity: 1;
  }
}

.c-list__3row--1 .blog-txt {
  padding: 15px 20px;
}

.c-list__3row--1 .blog-txt--ttl {
  padding: 0;
  font-size: 1.6rem;
  font-weight: bold;
  color: #000;
}

@media screen and (max-width: 767px) {
  .c-list__3row--1 .blog-txt--ttl {
    width: 100%;
  }
}

.c-list__3row--1 .blog-txt--cont {
  padding: 20px 0 0 0;
  font-size: 1.4rem;
  color: #666;
}

@media screen and (max-width: 767px) {
  .c-list__3row--1 .blog-txt--cont {
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .c-list__3row--1 a {
    display: block;
  }
}

@media screen and (max-width: 767px) {
  .c-list__3row--1 figure {
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .c-list__3row--1 figure img {
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    position: relative;
    left: 0;
  }
}

.c-list__3row--1 .blog-date {
  color: #666;
  text-align: right;
  padding: 20px 0 0 0;
}

@media screen and (max-width: 767px) {
  .c-list__3row--1 .blog-date {
    width: 100%;
  }
}

.c-list__3row--1 .blog-date span {
  position: relative;
}

.c-list__3row--1 .blog-date span:before {
  position: absolute;
  content: '';
  left: -20px;
  top: 50%;
  width: 14px;
  height: 14px;
  background: url(/assets/image/blog/icon-calendar.png) center no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.c-list__3row--3 {
  padding: 0;
}

.c-list__3row--3 li {
  width: 340px;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 1px solid #ccc;
  margin: 0 0 40px;
}

@media screen and (max-width: 767px) {
  .c-list__3row--3 li {
    width: 100%;
    margin: 0;
    border: none;
    border-top: 1px solid #ccc;
    padding: 11px 32px 13px 20px;
    position: relative;
  }
}

.c-list__3row--3 li:after {
  content: '';
  display: none;
  border-right: 1px solid #16c6da;
  border-top: 1px solid #16c6da;
  width: 6px;
  height: 6px;
  -webkit-transform: rotate(45deg) translate(0, -50%);
      -ms-transform: rotate(45deg) translate(0, -50%);
          transform: rotate(45deg) translate(0, -50%);
  position: absolute;
  top: 50%;
  right: 24px;
}

@media screen and (max-width: 767px) {
  .c-list__3row--3 li:after {
    display: block;
  }
}

@media screen and (max-width: 767px) {
  .c-list__3row--3 li:last-child {
    border-bottom: 1px solid #ccc;
  }
}

.c-list__3row--3 figure {
  padding-top: 71.01%;
}

@media screen and (max-width: 767px) {
  .c-list__3row--3 figure {
    padding: 0;
    width: 44%;
  }
}

@media screen and (max-width: 767px) {
  .c-list__3row--3 figure img {
    height: 65%;
    min-height: 65%;
    object-fit: cover;
  }
}

.c-list__3row--3 .blog-tag {
  padding: 7px 9px 9px;
  letter-spacing: 1px;
  font-family: 'NotoSansJPM', sans-serif;
}

@media screen and (max-width: 767px) {
  .c-list__3row--3 .blog-tag {
    font-size: 0.9rem;
    padding: 4px 5px;
    top: 23px;
    letter-spacing: 0;
  }
}

.c-list__3row--3 .blog-txt {
  padding: 26px 29px 30px;
}

@media screen and (max-width: 767px) {
  .c-list__3row--3 .blog-txt {
    width: 55%;
    padding: 0 0 0 17px;
  }
}

.c-list__3row--3 .blog-txt--ttl {
  padding: 0;
}

@media screen and (max-width: 767px) {
  .c-list__3row--3 .blog-txt--ttl {
    width: 100%;
    margin: 6px 0 0;
    line-height: 1.45;
  }
}

.c-list__3row--3 .blog-txt--cont {
  padding: 0 0 0;
  font-size: 1.4rem;
  color: #666;
}

@media screen and (max-width: 767px) {
  .c-list__3row--3 .blog-txt--cont {
    width: 100%;
    font-size: 1rem;
    line-height: 1.3;
  }
}

.c-list__3row--3 .blog-list {
  display: block;
  margin: 13px 0 0;
}

@media screen and (max-width: 767px) {
  .c-list__3row--3 .blog-list {
    margin: 6.5px 0 0;
  }
}

.c-list__3row--3 .blog-list li {
  margin: 0 0 5px;
  width: 100%;
  border: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 767px) {
  .c-list__3row--3 .blog-list li {
    padding: 0;
    margin: 0 0 1px;
  }
}

.c-list__3row--3 .blog-list li:after {
  display: none;
}

.c-list__3row--3 .blog-list li:last-child {
  margin: 0;
}

.c-list__3row--3 .blog-list .c-blog-tag1 {
  margin: 0;
}

.c-list__3row--3 .blog-list .c-blog-tag1 span {
  font-size: 1.3rem;
  min-width: 72px;
  text-align: center;
  font-weight: normal;
  margin-right: 10px;
}

@media screen and (max-width: 767px) {
  .c-list__3row--3 .blog-list .c-blog-tag1 span {
    font-size: 0.9rem;
    min-width: 46px;
    margin-right: 5px;
  }
}

@media screen and (max-width: 767px) {
  .c-list__3row--3 .blog-list .blog-txt--cont {
    margin: 2px 0 0;
  }
}

.c-list__3row--4 {
  padding: 0;
}

.c-list__3row--4 li {
  width: 340px;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 1px solid #ccc;
  margin: 0 0 40px;
  background: #fff;
}

@media screen and (max-width: 767px) {
  .c-list__3row--4 li {
    width: 100%;
    margin: 0;
    border-bottom: none;
    padding: 11px 28px 13px 14px;
    position: relative;
  }
}

.c-list__3row--4 li:after {
  content: '';
  display: none;
  border-right: 1px solid #16c6da;
  border-top: 1px solid #16c6da;
  width: 6px;
  height: 6px;
  -webkit-transform: rotate(45deg) translate(0, -50%);
      -ms-transform: rotate(45deg) translate(0, -50%);
          transform: rotate(45deg) translate(0, -50%);
  position: absolute;
  top: 50%;
  right: 18px;
  margin: -3px 0 0;
}

@media screen and (max-width: 767px) {
  .c-list__3row--4 li:after {
    display: block;
  }
}

@media screen and (max-width: 767px) {
  .c-list__3row--4 li:last-child {
    border-bottom: 1px solid #ccc;
  }
}

.c-list__3row--4 figure {
  padding-top: 71.01%;
}

@media screen and (max-width: 767px) {
  .c-list__3row--4 figure {
    padding: 0;
    width: 46%;
  }
}

@media screen and (max-width: 767px) {
  .c-list__3row--4 figure img {
    height: 65%;
    min-height: 65%;
    object-fit: cover;
  }
}

.c-list__3row--4 .blog-tag {
  padding: 7px 9px 9px;
  letter-spacing: 1px;
  font-family: 'NotoSansJPM', sans-serif;
}

@media screen and (max-width: 767px) {
  .c-list__3row--4 .blog-tag {
    font-size: 0.9rem;
    padding: 4.5px 5px;
    top: 23px;
    letter-spacing: 0;
  }
}

.c-list__3row--4 .blog-txt {
  padding: 26px 29px 30px;
}

@media screen and (max-width: 767px) {
  .c-list__3row--4 .blog-txt {
    width: 55%;
    padding: 0 0 0 17px;
  }
}

.c-list__3row--4 .blog-txt--ttl {
  padding: 0;
}

@media screen and (max-width: 767px) {
  .c-list__3row--4 .blog-txt--ttl {
    width: 100%;
    margin: 5px 0 0;
    line-height: 1.45;
  }
}

.c-list__3row--4 .blog-txt--cont {
  padding: 0 0 0;
  font-size: 1.4rem;
  color: #666;
}

@media screen and (max-width: 767px) {
  .c-list__3row--4 .blog-txt--cont {
    width: 100%;
    font-size: 1rem;
    line-height: 1.3;
  }
}

.c-list__3row--4 .blog-list {
  display: block;
  margin: 13px 0 0;
}

@media screen and (max-width: 767px) {
  .c-list__3row--4 .blog-list {
    margin: 7px 0 0;
  }
}

.c-list__3row--4 .blog-list li {
  margin: 0 0 5px;
  width: 100%;
  border: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 767px) {
  .c-list__3row--4 .blog-list li {
    padding: 0;
    margin: 0 0 1px;
  }
}

.c-list__3row--4 .blog-list li:after {
  display: none;
}

.c-list__3row--4 .blog-list li:last-child {
  margin: 0;
}

.c-list__3row--4 .blog-list .c-blog-tag1 {
  margin: 0;
}

.c-list__3row--4 .blog-list .c-blog-tag1 span {
  font-size: 1.3rem;
  min-width: 72px;
  text-align: center;
  font-weight: normal;
  margin-right: 10px;
}

@media screen and (max-width: 767px) {
  .c-list__3row--4 .blog-list .c-blog-tag1 span {
    font-size: 0.9rem;
    min-width: 46px;
    margin-right: 5px;
  }
}

@media screen and (max-width: 767px) {
  .c-list__3row--4 .blog-list .blog-txt--cont {
    margin: 2px 0 0;
  }
}

/*
------------------------------------------------------------*/
.c-list__2col ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media screen and (max-width: 767px) {
  .c-list__2col ul {
    display: block;
  }
}

.c-list__2col li {
  padding: 75px 50px;
  width: 49%;
  background: #fff;
}

@media screen and (max-width: 767px) {
  .c-list__2col li {
    margin-bottom: 20px;
    padding: 40px 30px;
    width: 100%;
  }
}

/*
------------------------------------------------------------*/
.c-list__3col {
  padding: 0 30px;
}

@media screen and (max-width: 767px) {
  .c-list__3col {
    padding: 0;
  }
}

.c-list__3col ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media screen and (max-width: 767px) {
  .c-list__3col ul {
    display: block;
  }
}

.c-list__3col li {
  position: relative;
  margin-bottom: 10px;
  width: 320px;
}

@media screen and (max-width: 767px) {
  .c-list__3col li {
    margin-bottom: 30px;
    width: 100%;
  }
}

/*
------------------------------------------------------------*/
.c-list__4col ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.c-list__4col li {
  position: relative;
  margin-bottom: 10px;
  width: 265px;
}

@media screen and (max-width: 767px) {
  .c-list__4col li {
    margin-bottom: 30px;
    width: 100%;
  }
}

.c-list__slt {
  margin-top: 50px;
}

/*
------------------------------------------------------------*/
.c-list__case ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  border: 5px solid #fff;
}

@media screen and (max-width: 767px) {
  .c-list__case ul {
    border: 3px solid #fff;
  }
}

.c-list__case li {
  padding: 40px 10px 50px;
  width: 20%;
  color: #fff;
  background-color: #fff;
  border-right: 5px solid #fff;
}

.c-list__case li:last-of-type {
  border-right: none;
}

@media screen and (max-width: 767px) {
  .c-list__case li {
    padding: 20px 0 30px;
    width: 50%;
    border-right: 3px solid #fff;
    border-bottom: 3px solid #fff;
  }
  .c-list__case li:nth-of-type(2n + 2) {
    border-right: none;
  }
  .c-list__case li:last-of-type {
    padding: 20px 10px 30px;
    width: 100%;
    border: none;
  }
  .c-list__case li:last-of-type .case-txt {
    text-align: left;
  }
  .c-list__case li:last-of-type p {
    margin-left: 0;
  }
  .c-list__case li .case-sp {
    margin: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 300px;
  }
  .c-list__case li .case-sp .case-svg {
    margin-left: 0;
  }
}

@media screen and (max-width: 767px) and (max-width: 480px) {
  .c-list__case li .case-sp {
    width: 230px;
  }
}

.c-list__case .case-svg {
  margin: 0 auto 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100px;
}

.c-list__case .case-svg svg {
  width: 100%;
}

.c-list__case h3,
.c-list__case h4, .c-list__case--ttl {
  margin-bottom: 15px;
  font-size: 2rem;
  font-family: 'NotoSansJPB', sans-serif;
}

@media screen and (max-width: 767px) {
  .c-list__case h3,
  .c-list__case h4, .c-list__case--ttl {
    margin-bottom: 10px;
    font-size: 1.7rem;
  }
}

.c-list__case h5 {
  margin-bottom: 30px;
  font-size: 1.1rem;
  font-family: 'Raleway', sans-serif;
  font-weight: 400;
  letter-spacing: 1px;
  text-transform: uppercase;
}

@media screen and (max-width: 767px) {
  .c-list__case h5 {
    margin-bottom: 15px;
    font-size: 1rem;
  }
}

.c-list__case--gray ul {
  border-color: #ccc;
  border-bottom: 0;
}

.c-list__case--gray li {
  width: 25%;
  border-color: #ccc;
  border-bottom: 5px solid #ccc;
  color: #000;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .c-list__case--gray li {
    width: 50%;
    border-width: 3px;
  }
}

@media screen and (max-width: 767px) {
  .c-list__case--gray li:last-of-type {
    width: 50%;
    border-bottom: 3px solid #ccc;
  }
}

.c-list__case--gray li:nth-child(4n) {
  border-right: none;
}

.c-list__case--3col li {
  padding: 36px 10px;
  width: 363px;
}

@media screen and (max-width: 767px) {
  .c-list__case--3col li {
    padding: 12px 10px;
    width: 50%;
  }
}

@media screen and (max-width: 767px) {
  .c-list__case--3col li h4 {
    font-size: 1.3rem;
  }
}

.c-list__case--3col li:nth-child(3) {
  border-right: none;
}

@media screen and (max-width: 767px) {
  .c-list__case--3col li:nth-child(3) {
    border-right: 3px solid #ccc;
  }
}

.c-list__case--3col li:nth-child(4) {
  border-right: 5px solid #ccc;
}

@media screen and (max-width: 767px) {
  .c-list__case--3col li:nth-child(4) {
    padding-top: 20px;
    border-right: none;
  }
}

@media screen and (max-width: 767px) {
  .c-list__case--3col li:nth-child(4) h4 {
    margin-bottom: 22px;
  }
}

@media screen and (max-width: 767px) {
  .c-list__case--3col li:last-of-type {
    padding-top: 10px;
  }
}

.c-list__case--3col li .case-img {
  margin-top: 25px;
}

@media screen and (max-width: 767px) {
  .c-list__case--3col li .case-img {
    margin-top: 13px;
  }
}

@media screen and (max-width: 767px) {
  .c-list__case--3col li .case-img img {
    width: 60px;
  }
}

.c-list__case--3col li .case-img__txt {
  margin: 15px 0 0;
  padding: 0;
  font-size: 1.6rem;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .c-list__case--3col li .case-img__txt {
    margin-top: 7px;
    font-size: 1.3rem;
  }
}

.c-list__case--3col li .case-img__txt::before {
  content: none;
}

.c-list__case--3col li .case-img__txt--1 {
  margin-top: 23px;
}

@media screen and (max-width: 767px) {
  .c-list__case--3col li .case-img__txt--1 {
    margin-top: 10px;
  }
}

.c-list__case--3col li .case-img__txt--2 {
  margin-top: 38px;
}

@media screen and (max-width: 767px) {
  .c-list__case--3col li .case-img__txt--2 {
    margin-top: 9px;
  }
}

@media screen and (max-width: 767px) {
  .c-list__case--3col li .case-img__guard {
    width: 45px !important;
  }
}

@media screen and (max-width: 767px) {
  .c-list__case--3col li .case-img__cloud {
    width: 72px !important;
  }
}

.c-list__case--3col li .case-img--less {
  margin-top: 63px;
}

@media screen and (max-width: 767px) {
  .c-list__case--3col li .case-img--less {
    margin-top: 15px;
  }
}

.c-list__case--3col li .case-img--flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media screen and (max-width: 767px) {
  .c-list__case--3col li .case-img--flex {
    display: block;
  }
}

.c-list__case--3col li .case-img--flex .case-img__inner:last-child {
  margin: 18px 0 0 33px;
}

@media screen and (max-width: 767px) {
  .c-list__case--3col li .case-img--flex .case-img__inner:last-child {
    margin: 10px 0 0 0;
  }
}

/*
------------------------------------------------------------*/
.c-list1 {
  width: 1040px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media screen and (max-width: 767px) {
  .c-list1 {
    width: auto;
  }
}

.c-list1 li {
  width: 320px;
  outline: 1px solid #cccccc;
  margin: 0 0 42px 40px;
  padding: 21px 28px;
  position: relative;
  background: #fff;
}

.c-list1 li:hover {
  outline: 3px solid #17c6da;
  border: none;
}

@media screen and (max-width: 767px) {
  .c-list1 li:hover {
    outline: 1px solid #cccccc;
  }
}

@media screen and (max-width: 767px) {
  .c-list1 li {
    margin: 0 0 20px 0;
    padding: 13px 20px 16px;
    width: 100%;
  }
}

.c-list1 li:nth-child(3n + 1) {
  margin-left: 0;
}

.c-list1__date {
  font-size: 2.2rem;
  background: url(/assets/image/svg/calendar_01.svg) no-repeat center left;
  -webkit-background-size: 18px 18px;
          background-size: 18px;
  padding-left: 28px;
}

@media screen and (max-width: 767px) {
  .c-list1__date {
    font-size: 1.6rem;
    -webkit-background-size: 12px 12px;
            background-size: 12px;
    padding-left: 17px;
  }
}

.c-list1__type {
  font-size: 1.3rem;
  background: #fa5b0f;
  color: #fff;
  padding: 2px 6px;
  margin-left: 10px;
  margin-bottom: 5px;
  display: inline-block;
  -webkit-transform: translateY(-2px);
      -ms-transform: translateY(-2px);
          transform: translateY(-2px);
}

@media screen and (max-width: 767px) {
  .c-list1__type {
    font-size: 1rem;
    padding: 2px 3px;
    margin-left: 7px;
  }
}

.c-list1__tt {
  margin: 12px 0;
  letter-spacing: -1px;
}

@media screen and (max-width: 767px) {
  .c-list1__tt {
    margin: 2px 0;
  }
}

.c-list1__tt a {
  font-size: 2.1rem;
  color: #000000;
}

.c-list1__tt a:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9;
}

@media screen and (max-width: 767px) {
  .c-list1__tt a {
    font-size: 1.6rem;
  }
}

.c-list1__text {
  color: #666666;
  font-size: 1.4rem;
  overflow: hidden;
}

@media screen and (max-width: 767px) {
  .c-list1__text {
    font-size: 1rem;
  }
}

.c-list1__text2 {
  font-weight: bold;
  color: #fa5b0f;
}

.c-list1__cat {
  padding-top: 20px;
  margin-top: 16px;
  border-top: 1px solid #cccccc;
}

@media screen and (max-width: 767px) {
  .c-list1__cat {
    margin-top: 8px;
    padding-top: 8px;
  }
}

.c-list1__cat a,
.c-list1__cat span {
  position: relative;
  z-index: 10;
  padding-left: 15px;
  margin-right: 18px;
  font-size: 1.4rem;
  color: #3b9cb0;
  background: url(/assets/image/svg/tag2.svg) no-repeat center left;
  -webkit-background-size: 12px 12px;
          background-size: 12px;
}

@media screen and (max-width: 767px) {
  .c-list1__cat a,
  .c-list1__cat span {
    font-size: 1rem;
    -webkit-background-size: 9px 9px;
            background-size: 9px;
    margin-right: 10px;
  }
}

/*
------------------------------------------------------------*/
.c-list2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  background: #fff;
}

.c-list2--mod1 .c-list2__item {
  border-width: 3px;
}

.c-list2--mod1 .c-list2__item:first-child {
  position: relative;
}

@media screen and (max-width: 767px) {
  .c-list2--mod1 .c-list2__item:first-child {
    margin-bottom: 22px;
  }
}

.c-list2--mod1 .c-list2__item:first-child:after {
  content: '';
  position: absolute;
  bottom: 50%;
  right: -32px;
  width: 0;
  height: 0;
  border-radius: 2px;
  border-top: 13px solid transparent;
  border-right: 0px solid transparent;
  border-bottom: 13px solid transparent;
  border-left: 15px solid #58abbc;
  -webkit-transform: translateY(50%);
      -ms-transform: translateY(50%);
          transform: translateY(50%);
}

@media screen and (max-width: 767px) {
  .c-list2--mod1 .c-list2__item:first-child:after {
    border-top: 11px solid #58abbc;
    border-right: 11px solid transparent;
    border-bottom: 0px solid transparent;
    border-left: 11px solid transparent;
    bottom: -20px;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}

.c-list2--mod1 .c-list2__ttl {
  font-size: 2rem;
}

@media screen and (max-width: 767px) {
  .c-list2--mod1 .c-list2__ttl {
    font-size: 1.6rem;
  }
}

.c-list2--mod1 .c-list2__heading {
  padding: 10px 0;
}

@media screen and (max-width: 767px) {
  .c-list2--mod1 .c-list2__heading {
    padding: 3px 0 5px;
  }
}

.c-list2--mod1 .c-list2__info {
  padding: 25px 32px 30px;
}

@media screen and (max-width: 767px) {
  .c-list2--mod1 .c-list2__info {
    padding: 8px 20px 12px;
  }
}

.c-list2--mod2 .c-list2__item {
  margin-left: 60px;
  border: none;
  width: 520px;
}

@media screen and (max-width: 767px) {
  .c-list2--mod2 .c-list2__item {
    margin: 0;
  }
}

.c-list2--mod2 .c-list2__item:first-child {
  position: relative;
}

@media screen and (max-width: 767px) {
  .c-list2--mod2 .c-list2__item:first-child {
    margin-bottom: 36px;
  }
}

.c-list2--mod2 .c-list2__item:first-child:after {
  content: '';
  position: absolute;
  bottom: 50%;
  right: -42px;
  width: 0;
  height: 0;
  border-top: 30px solid transparent;
  border-right: 0px solid transparent;
  border-bottom: 30px solid transparent;
  border-left: 20px solid #777777;
  -webkit-transform: translateY(50%);
      -ms-transform: translateY(50%);
          transform: translateY(50%);
}

@media screen and (max-width: 767px) {
  .c-list2--mod2 .c-list2__item:first-child:after {
    border-top: 18px solid #777777;
    border-right: 27px solid transparent;
    border-bottom: 0px solid transparent;
    border-left: 27px solid transparent;
    bottom: -27px;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}

.c-list2--mod2 .c-list2__heading {
  padding: 10px 0 15px;
}

@media screen and (max-width: 767px) {
  .c-list2--mod2 .c-list2__heading {
    padding: 7px 0 10px;
  }
}

.c-list2--mod2 .c-list2__info {
  padding: 25px 30px 38px;
  height: 130px;
  border: 5px solid #cccccc;
  border-top: none;
}

@media screen and (max-width: 767px) {
  .c-list2--mod2 .c-list2__info {
    padding: 13px 15px 15px;
    height: 124px;
    border-width: 3px;
  }
}

.c-list2--mod2 .c-list2__info span {
  font-weight: bold;
}

@media screen and (max-width: 767px) {
  .c-list2--mod2 .c-list2__text {
    font-size: 1.3rem;
  }
}

.c-list2__item {
  width: 530px;
  margin-left: 40px;
  border: 5px solid #3b9cb0;
}

.c-list2__item--mod1 {
  border-color: #16c6da;
}

.c-list2__item--mod1 .c-list2__heading {
  background: #16c6da;
}

@media screen and (max-width: 767px) {
  .c-list2__item {
    width: 100%;
    margin: 0 0 10px;
  }
}

.c-list2__item:nth-child(2n + 1) {
  margin: 0;
}

@media screen and (max-width: 767px) {
  .c-list2__item:nth-child(2n + 1) {
    margin: 0 0 10px;
  }
}

.c-list2__heading {
  background: #3b9cb0;
  text-align: center;
  padding: 18px 0 25px;
}

@media screen and (max-width: 767px) {
  .c-list2__heading {
    padding: 10px 0 16px;
  }
}

.c-list2__heading img {
  margin: 6px 15px 0 0;
}

@media screen and (max-width: 767px) {
  .c-list2__heading img {
    margin: 5px 12px 0 0;
    width: 17px;
    height: 15px;
  }
}

.c-list2__ttl {
  font-size: 2.4rem;
  line-height: 1.5;
  color: #fff;
}

@media screen and (max-width: 767px) {
  .c-list2__ttl {
    font-size: 1.6rem;
  }
}

.c-list2__info {
  padding: 39px 40px 41px;
  background: #fff;
}

@media screen and (max-width: 767px) {
  .c-list2__info {
    padding: 19px 20px 14px;
  }
}

.c-list2__text {
  font-size: 1.6rem;
}

@media screen and (max-width: 767px) {
  .c-list2__text {
    font-size: 1.2rem;
    line-height: 1.9;
  }
}

/*
------------------------------------------------------------*/
.c-list3__item {
  position: relative;
  padding-left: 46px;
  margin: 0 0 16px;
}

@media screen and (max-width: 767px) {
  .c-list3__item {
    padding-left: 32px;
  }
}

.c-list3__item:last-child {
  margin: 0;
}

.c-list3__item::before {
  content: '';
  width: 30px;
  height: 25px;
  background: url("/assets/image/common/icon-warning.png") no-repeat center;
  -webkit-background-size: cover;
          background-size: cover;
  position: absolute;
  left: 0;
  top: 0;
}

@media screen and (max-width: 767px) {
  .c-list3__item::before {
    width: 24px;
    height: 21px;
  }
}

.c-list3__text {
  font-size: 1.8rem;
  line-height: 1.4;
  color: #333;
}

@media screen and (max-width: 767px) {
  .c-list3__text {
    font-size: 1.4rem;
    line-height: 1.5;
  }
}

/*
------------------------------------------------------------*/
.c-list4__item {
  background: #fff;
  padding: 40px;
  margin: 0 0 20px;
}

@media screen and (max-width: 767px) {
  .c-list4__item {
    padding: 20px;
    margin: 0 0 10px;
  }
}

.c-list4__item:last-child {
  margin: 0;
}

.c-list4__heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.c-list4__icon {
  width: 100px;
  height: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  border: 1px solid #16c6da;
  border-radius: 50%;
}

@media screen and (max-width: 767px) {
  .c-list4__icon {
    width: 60px;
    height: 60px;
    border-width: 2px;
  }
}

.c-list4__text1 {
  font-size: 1.6rem;
  line-height: 1.5;
  color: #16c6da;
  font-weight: bold;
}

@media screen and (max-width: 767px) {
  .c-list4__text1 {
    font-size: 1rem;
  }
}

.c-list4__text1 span {
  font-size: 3.2rem;
  line-height: 0.8;
  color: #111;
  font-family: 'Raleway', sans-serif;
  display: block;
}

@media screen and (max-width: 767px) {
  .c-list4__text1 span {
    font-size: 2.4rem;
    line-height: 1;
  }
}

.c-list4__ttl {
  width: calc(100% - 120px);
  margin-left: 20px;
}

@media screen and (max-width: 767px) {
  .c-list4__ttl {
    width: calc(100% - 70px);
    margin-left: 10px;
  }
}

.c-list4__text2 {
  font-size: 3.2rem;
  line-height: 1.5;
  color: #000;
  font-weight: bold;
  letter-spacing: 0.4px;
}

@media screen and (max-width: 767px) {
  .c-list4__text2 {
    font-size: 1.8rem;
  }
}

.c-list4__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 31px 0 50px;
}

@media screen and (max-width: 767px) {
  .c-list4__info {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    margin: 10px 0 20px;
  }
}

.c-list4__content {
  width: 510px;
}

@media screen and (max-width: 767px) {
  .c-list4__content {
    width: 100%;
  }
}

.c-list4__text3 {
  font-size: 1.6rem;
  line-height: 2;
  color: #000;
}

@media screen and (max-width: 767px) {
  .c-list4__text3 {
    font-size: 1.4rem;
    line-height: 1.75;
  }
}

.c-list4__img {
  width: 460px;
  margin: 10px 0 0;
}

@media screen and (max-width: 767px) {
  .c-list4__img {
    width: 100%;
    margin: 10px 0 14px;
  }
}

.c-list4__img img {
  width: 100%;
  height: auto;
}

/* c-list005
------------------------------------------------------------*/
.c-list005 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media screen and (max-width: 767px) {
  .c-list005 {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.c-list005__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 261px;
  background: url(/assets/image/reiworq-ai-ocr/bg-002.png) top center/cover no-repeat;
  padding: 85px 0;
}

@media screen and (max-width: 767px) {
  .c-list005__item {
    width: 140px;
    background: url(/assets/image/reiworq-ai-ocr/bg-002-sp.png) top center/contain no-repeat;
    margin: 0 0 10px;
    padding: 44px 7px;
  }
  .c-list005__txt02 {
	padding-top:10px!important;
  }
  .c-list005__txt04 {
	padding-top:5px!important;
  }
}

@media screen and (max-width: 767px) {
  .c-list005__item:last-child {
    padding-top: 36px;
  }
}

.c-list005__txt {
  font-size: 1.8rem;
  font-weight: 200;
  line-height: 1.75;
  text-align: center;
  color: #fff;
  letter-spacing: 2px;
}

@media screen and (max-width: 767px) {
  .c-list005__txt {
    height: 60px;
    font-size: 1.2rem;
    line-height: 1.5;
    letter-spacing: -0.5px;
    padding: 0 10px;
  }
}

.c-list005__txt b {
  font-weight: 700;
}

/* c-list007
------------------------------------------------------------*/
.c-list007 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media screen and (max-width: 767px) {
  .c-list007 {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.c-list007__item {
  width: 360px;
  border: 3px solid #16c6da;
  text-align: center;
  padding: 27px 38px 36px;
  background: #fff;
}

@media screen and (max-width: 767px) {
  .c-list007__item {
    width: 100%;
    border: 2px solid #16c6da;
    padding: 12px 18px 17px;
    margin: 0 0 10px;
  }
}

.c-list007__ttl {
  font-size: 2.2rem;
  line-height: 1.5;
  margin: 0 0 15px;
}

@media screen and (max-width: 767px) {
  .c-list007__ttl {
    font-size: 1.8rem;
    line-height: 1.5;
    margin: 0 0 10px;
  }
}

.c-list007__img {
  margin: 0 0 11px;
}

@media screen and (max-width: 767px) {
  .c-list007__img {
    margin: 0 0 9px;
  }
}

.c-list007__img img {
  margin: 0 auto;
}

.c-list007__txt {
  font-size: 1.5rem;
  line-height: 2;
  text-align: justify;
  letter-spacing: 1px;
  margin: 0 0 22px;
  height: 150px;
}

@media screen and (max-width: 767px) {
  .c-list007__txt {
    letter-spacing: 0;
    font-size: 1.4rem;
    line-height: 1.75;
    margin: 0 0 18px;
    height: auto;
  }
}

.c-list007 .c-btn02 {
  margin-top: 0;
}

@media screen and (max-width: 767px) {
  .c-list007 .c-btn02 a {
    width: 126px;
    border-radius: 3px;
  }
}

/*
------------------------------------------------------------*/
.c-list__product .c-btn02 {
  margin-top: 30px;
}

/*
------------------------------------------------------------*/
.c-list__product .c-btn02 {
  margin-top: 30px;
}

.c-list__product h4 {
  font-size: 2.1rem;
}

.c-list__product h4 span {
  margin-top: 10px;
  display: block;
}

@media screen and (max-width: 767px) {
  .c-list__product h4 {
    font-size: 1.7rem;
  }
}

.c-list__product p {
  margin-top: 30px;
  font-size: 1.5rem;
  text-align: left;
  line-height: 2;
}

.c-list__product li {
  -webkit-box-shadow: 0 0 50px 0px #ababab;
          box-shadow: 0 0 50px 0px #ababab;
}

.c-list__product li:nth-of-type(2) h4 {
  margin-top: 11px;
}

@media screen and (max-width: 767px) {
  .c-list__product li:nth-of-type(2) h4 {
    margin-top: 0;
  }
}

.c-list__product--1 ul {
  position: relative;
  border: 1px solid #ccc;
}

.c-list__product--1 ul:after {
  position: absolute;
  content: '';
  left: 50%;
  top: 50%;
  width: 1px;
  height: 85%;
  background: #ccc;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media screen and (max-width: 767px) {
  .c-list__product--1 ul:after {
    width: 90%;
    height: 1px;
    top: 47%;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}

.c-list__product--1 li {
  text-align: center;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.c-list__product--1 .s-txt {
  font-size: 1.8rem;
  color: #000;
}

@media screen and (max-width: 767px) {
  .c-list__product--1 .s-txt {
    font-size: 1.4rem;
  }
}

.c-list__product--1 span {
  font-size: 2.8rem;
  color: #16c6da;
}

@media screen and (max-width: 767px) {
  .c-list__product--1 span {
    font-size: 2rem;
  }
}

.c-list__product--2 ul {
  border: 1px solid #ccc;
}

.c-list__product--2 li {
  padding: 48px 50px;
  width: 365px;
  -webkit-box-shadow: none;
          box-shadow: none;
  position: relative;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .c-list__product--2 li {
    padding: 20px;
    width: 100%;
  }
}

.c-list__product--2 li:not(:last-child):after {
  position: absolute;
  content: '';
  right: 0%;
  bottom: 50%;
  width: 1px;
  height: 85%;
  background: #ccc;
  -webkit-transform: translateY(50%);
      -ms-transform: translateY(50%);
          transform: translateY(50%);
}

@media screen and (max-width: 767px) {
  .c-list__product--2 li:not(:last-child):after {
    width: 90%;
    height: 1px;
    bottom: -4px;
    left: 50%;
    z-index: 1;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}

.c-list__product--2 h4 .product-catch {
  font-size: 2.8rem;
  color: #16c6da;
  margin-top: 30px;
  font-family: 'Noto Sans CJK JP', sans-serif;
}

@media screen and (max-width: 767px) {
  .c-list__product--2 h4 .product-catch {
    font-size: 1.6rem;
    margin-top: 15px;
  }
}

@media screen and (max-width: 767px) {
  .c-list__product--2 h4 img {
    width: 145px;
  }
}

.c-list__product--2 p {
  margin-top: 8px;
  height: 190px;
  line-height: 1.8;
}

@media screen and (max-width: 767px) {
  .c-list__product--2 p {
    font-size: 1.4rem;
    height: auto;
  }
}

/* c-list008
------------------------------------------------------------*/
.c-list008 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.c-list008__item {
  width: 360px;
  -webkit-box-shadow: 0 0 10px 5px #eee;
          box-shadow: 0 0 10px 5px #eee;
  background: #fff;
  text-align: center;
  padding: 39px;
}

.c-list008__img {
  margin: 0 0 18px;
}

.c-list008__img img {
  margin: 0 auto;
}

.img_size{
  width: 170px;
}

@media screen and (max-width: 767px) {
  .c-list008__img img {
    width: 57%;
  }
}

.c-list008__ttl {
  font-size: 2.2rem;
  line-height: 1.5;
  margin: 0 0 14px;
}

.c-list008__txt {
  text-align: justify;
  font-size: 1.5rem;
  line-height: 2;
  padding: 0 2px;
  letter-spacing: 1px;
  height: 150px;
  position: relative;
}

@media screen and (max-width: 767px) {
  .c-list008__txt {
    height: auto;
  }
}

.c-list008 .c-btn02 {
  margin-top: 36px;
}

.c-list008 .icon {
  margin-left: -7px;
}

@media screen and (max-width: 767px) {
  .c-list008 .icon {
    margin-left: -5px;
  }
}

.c-list008 svg {
  width: 10px;
  height: 10px;
}

/* c-list010
------------------------------------------------------------*/
.c-list010 {
  width: 840px;
  margin: 0 auto;
}

.c-list010__item {
  padding-left: 4px;
  margin: 0 0 30px;
}

.c-list010__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.c-list010__inner:hover {
  opacity: 0.8;
}

.c-list010__time {
  font-size: 1.5rem;
  font-family: 'NotoSansJPM', sans-serif;
  line-height: 1.8;
  color: #999;
  letter-spacing: 1px;
  margin-right: 29px;
}

.c-list010__tag {
  font-size: 1.3rem;
  font-family: 'NotoSansJPM', sans-serif;
  line-height: 2;
  color: #fff;
  background: #fc5b3f;
  width: 101px;
  text-align: center;
  padding: 1px 0 3px;
  margin-right: 29px;
  letter-spacing: 0.5px;
}

.c-list010__tag--gr1 {
  background: #45b29d;
}

.c-list010__tag--gr2 {
  background: #068587;
}

.c-list010__tag--yellow {
  background: #fba522;
}

.c-list010__txt {
  font-size: 1.6rem;
  font-family: 'NotoSansJPR', sans-serif;
  line-height: 1.6;
  color: #000;
  letter-spacing: 0.7px;
}

/* c-list008
------------------------------------------------------------*/
.c-list008 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.c-list008__item {
  width: 270px;
  -webkit-box-shadow: 0 0 10px 5px #eee;
          box-shadow: 0 0 10px 5px #eee;
  background: #fff;
  text-align: center;
  padding: 30px 0;
  position: relative;
}

@media screen and (max-width: 767px) {
  .c-list008__item {
    margin-bottom: 10px;
    padding: 20px 0;
    width: 100%;
    border: none;
  }
}

.c-list008__item:after {
  content: '';
  bottom: 0;
  right: 0;
  position: absolute;
  border-bottom: 15px solid #16c6da;
  border-left: 15px solid transparent;
}

@media screen and (max-width: 767px) {
  .c-list008__item:after {
    bottom: 2px;
    right: 2px;
    border-width: 10px;
  }
}

.c-list008__item:hover {
  outline: 1px solid #16c6da;
}

.c-list008__img {
  margin: 0px 0 24px;
}

.img_margin01{
  margin: 0 0 6px!important;
}

.c-list008__img img {
  margin: 0 auto;
}

@media screen and (max-width: 767px) {
  .c-list008__img img {
    width: 160px;
  }
}

.c-list008__img--biz {
  height: 50px;
  object-fit: contain;
}

@media screen and (max-width: 767px) {
  .c-list008__img--biz {
    height: auto;
  }
}

@media screen and (max-width: 767px) {
  .c-list008__img--ai img {
    width: 140px;
  }
}

.c-list008__ttl {
  font-size: 2rem;
  line-height: 1.5;
  margin: 0 0 14px;
  color: #000;
}

@media screen and (max-width: 767px) {
  .c-list008__ttl {
    margin-bottom: 2px;
    font-size: 1.8rem;
  }
}

.c-list008__txt {
  text-align: justify;
  font-size: 1.4rem;
  line-height: 1.9;
  padding: 0 30px;
  letter-spacing: 0.5px;
  color: #000;
}

@media screen and (max-width: 767px) {
  .c-list008__txt {
    padding: 0 20px;
    font-size: 1.4rem;
  }
}

.c-list008 .c-btn02 {
  margin-top: 36px;
}

@media screen and (max-width: 767px) {
  .c-list008 .c-btn02 {
    margin-top: 17px;
  }
}

.c-list009__item {
  margin-bottom: 60px;
  padding: 40px;
  border: 1px solid #ccc;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}

@media screen and (max-width: 767px) {
  .c-list009__item {
    padding: 20px;
    display: block;
  }
}

@media screen and (max-width: 767px) {
  .c-list009__item {
    font-size: 1.7rem;
  }
}

.c-list009 p {
  margin-top: 30px;
  font-size: 1.5rem;
  text-align: left;
  line-height: 2;
}

.c-list009 li {
  -webkit-box-shadow: 0 0 50px 0px #ababab;
          box-shadow: 0 0 50px 0px #ababab;
}

.c-list009 li:nth-of-type(2) h4 {
  margin-top: 11px;
}

@media screen and (max-width: 767px) {
  .c-list009 li:nth-of-type(2) h4 {
    margin-top: 0;
  }
}

.c-list009--1 ul {
  position: relative;
  border: 1px solid #ccc;
}

.c-list009--1 ul:after {
  position: absolute;
  content: '';
  left: 50%;
  top: 50%;
  width: 1px;
  height: 85%;
  background: #ccc;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media screen and (max-width: 767px) {
  .c-list009--1 ul:after {
    width: 90%;
    height: 1px;
    top: 47%;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}

.c-list009--1 li {
  text-align: center;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.c-list009--1 .s-txt {
  font-size: 1.8rem;
  color: #000;
}

@media screen and (max-width: 767px) {
  .c-list009--1 .s-txt {
    font-size: 1.4rem;
  }
}

.c-list009--1 span {
  font-size: 2.8rem;
  color: #16c6da;
}

@media screen and (max-width: 767px) {
  .c-list009--1 span {
    font-size: 2rem;
  }
}

.c-list011__item {
  padding: 40px;
  border: 1px solid #ccc;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}

@media screen and (max-width: 767px) {
  .c-list011__item {
    padding: 20px;
    display: block;
  }
}

.c-list011__item--text3 {
  padding-right: 40px;
  color: #666;
  font-size: 1.6rem;
  line-height: 2;
}

@media screen and (max-width: 767px) {
  .c-list011__item--text3 {
    padding-right: 0;
    font-size: 1.4rem;
  }
}

.c-list011__item--text3 a {
  color: #16c6da;
  font-weight: bold;
  text-decoration: underline;
}

.c-list011__item--text3 a:hover {
  opacity: 0.8;
  text-decoration: none;
}

.c-list011__item--text4 {
  margin-top: 30px;
  padding-right: 40px;
  color: #666;
  font-size: 1.5rem;
  font-weight: bold;
  text-indent: -1.6rem;
  padding-left: 16px;
}

@media screen and (max-width: 767px) {
  .c-list011__item--text4 {
    margin-top: 15px;
    padding-right: 0;
    font-size: 1.3rem;
  }
}

.c-list011__item--text4:before {
  content: '';
  position: relative;
  display: inline-block;
  width: 14px;
  height: 14px;
  background-image: url(/assets/image/common/check.png);
  top: 2px;
}

.c-list011__item:not(:last-child) {
  margin-bottom: 60px;
}

.c-list011__item:not(:last-child):after {
  content: '';
  position: absolute;
  bottom: -42px;
  left: 50%;
  width: 0;
  height: 0;
  border-top: 20px solid #16c6da;
  border-right: 30px solid transparent;
  border-bottom: 0px solid transparent;
  border-left: 30px solid transparent;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}

@media screen and (max-width: 767px) {
  .c-list011__item:not(:last-child):after {
    bottom: -46px;
  }
}

@media screen and (max-width: 767px) {
  .c-list011__item--right {
    margin-top: 15px;
  }
}

@media screen and (max-width: 767px) {
  .c-list011__item--right img {
    width: 100%;
  }
}

.c-list011__heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 20px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.c-list011__icon {
  width: 70px;
  height: 70px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  border: 1px solid #16c6da;
  border-radius: 50%;
}

@media screen and (max-width: 767px) {
  .c-list011__icon {
    width: 50px;
    height: 50px;
  }
}

.c-list011__text1 {
  font-size: 1.2rem;
  line-height: 1.1;
  color: #16c6da;
}

@media screen and (max-width: 767px) {
  .c-list011__text1 {
    font-size: 1rem;
  }
}

.c-list011__text1 span {
  color: #000;
  font-size: 2.4rem;
  display: block;
}

@media screen and (max-width: 767px) {
  .c-list011__text1 span {
    font-size: 1.6rem;
  }
}

@media screen and (max-width: 767px) {
  .c-list011__ttl {
    width: calc(100% - 70px);
  }
}

.c-list011__text2 {
  margin-left: 20px;
  line-height: 2.8;
  font-family: 'Noto Sans CJK JP', sans-serif;
  font-size: 2.2rem;
  font-weight: bold;
  letter-spacing: -0.1rem;
}

@media screen and (max-width: 767px) {
  .c-list011__text2 {
    margin-left: 10px;
    font-size: 1.8rem;
    line-height: 1.3;
  }
}

.c-list12__item {
  margin-bottom: 100px;
}

@media screen and (max-width: 767px) {
  .c-list12__item {
    margin-bottom: 30px;
  }
}

.c-list12__item:last-of-type {
  margin-bottom: 0;
}

.c-list12__item .c-title005__txt {
  margin-top: -11px;
}

@media screen and (max-width: 767px) {
  .c-list12__item .c-title005__txt {
    margin-top: 0;
    text-align: center;
  }
}

@media screen and (max-width: 767px) {
  .c-list12__item .c-imgText001 {
    -ms-flex-wrap: initial;
        flex-wrap: initial;
  }
}

.c-list12__item .c-imgText001__img {
  width: 500px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

@media screen and (max-width: 767px) {
  .c-list12__item .c-imgText001__img {
    width: 100%;
  }
}

.c-list12__item .c-imgText001__img img {
  width: 100%;
}

.c-list12__item .c-imgText001__content {
  position: relative;
  padding-bottom: 93px;
  width: 100%;
}

@media screen and (max-width: 767px) {
  .c-list12__item .c-imgText001__content {
    padding-bottom: 59px;
  }
}

.c-list12__item .c-imgText001__content > .c-title005 {
  display: block;
}

.c-list12__item .c-imgText001 .c-title005 {
  margin: 0 0 20px;
}

@media screen and (max-width: 767px) {
  .c-list12__item .c-imgText001 .c-title005 {
    margin: 0 0 3px;
  }
}

.c-list12__item .c-btn02 {
  position: absolute;
  left: 46%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: 4px;
  margin: 0;
}

@media screen and (max-width: 767px) {
  .c-list12__item .c-btn02 {
    left: 50%;
  }
}

@media screen and (max-width: 767px) {
  .c-list12__item .c-btn02 a {
    width: 125px;
    border-radius: 3px;
  }
}

.c-list13 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.c-list13__item {
  margin: 0 5px 8px 0;
  padding: 5px 18px;
  border: 1px solid #3b9cb0;
  border-radius: 3px;
  background: #fff;
  color: #3b9cb0;
  font-size: 1.3rem;
  font-weight: 600;
  font-family: "NotoSansJPR", sans-serif;
  cursor: pointer;
}

@media screen and (max-width: 767px) {
  .c-list13__item {
    margin-bottom: 6px;
    border-radius: 2px;
    padding: 3px 10px;
    font-size: 1.1rem;
  }
}

.c-list13__item:hover {
  opacity: 0.8;
}

.c-list13__item:hover, .c-list13__item.is-active {
  background: #3b9cb0;
  color: #fff;
}

.c-list13__item--cat {
  border: 1px solid #16c6da;
  color: #16c6da;
}

.c-list13__item--cat:hover {
  opacity: 0.8;
}

.c-list13__item--cat:hover, .c-list13__item--cat.is-active {
  background: #16c6da;
  color: #fff;
}

.c-list14__item {
  margin-bottom: 40px;
  padding: 0 0 40px;
  border-bottom: 1px solid #ccc;
}

@media screen and (max-width: 767px) {
  .c-list14__item {
    margin-bottom: 20px;
    padding-bottom: 13px;
  }
}

.c-list15 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media screen and (max-width: 767px) {
  .c-list15 {
    display: block;
  }
}

.c-list15__item {
  margin-bottom: 10px;
  padding: 32px 38px;
  width: 360px;
  background: #fff;
  position: relative;
  -webkit-box-shadow: 0 0 10px 5px #eee;
          box-shadow: 0 0 10px 5px #eee;
}

@media screen and (max-width: 767px) {
  .c-list15__item {
    padding: 20px 25px;
    width: 100%;
  }
}

.c-list15__item:not(:nth-child(2n)) {
  margin-right: 10px;
}

@media screen and (max-width: 767px) {
  .c-list15__item:not(:nth-child(2n)) {
    margin-right: 0;
  }
}

.c-list15__item:hover {
  outline: 3px solid #17c6da;
}

.c-list15__item a::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9;
}

.c-list15__ttl {
  font-size: 2rem;
  font-weight: bold;
  margin-bottom: 16px;
}

@media screen and (max-width: 767px) {
  .c-list15__ttl {
    margin-bottom: 10px;
    font-size: 1.6rem;
    letter-spacing: -1px;
  }
}

.c-list15__txt {
  font-size: 1.4rem;
  line-height: 1.7;
}

@media screen and (max-width: 767px) {
  .c-list15__txt {
    font-size: 1.2rem;
  }
}

.c-list15 .c-list13 {
  margin-bottom: 8px;
}

@media screen and (max-width: 767px) {
  .c-list15 .c-list13 {
    margin-bottom: 5px;
  }
}

.c-list15 .c-list13__item {
  padding: 2px 10px;
  background: #3b9cb0;
  color: #fff;
  font-size: 1.3rem;
  display: block;
}

@media screen and (max-width: 767px) {
  .c-list15 .c-list13__item {
    padding: 2px 7px;
  }
}

.c-list15 .c-list13__item--cat {
  background: #16c6da;
  color: #fff;
}

.c-list16__item {
  font-size: 1.8rem;
  position: relative;
  padding: 0px 0 12px 20px;
}

@media screen and (max-width: 767px) {
  .c-list16__item {
    font-size: 1.4rem;
    padding-bottom: 6px;
  }
}

.c-list16__item:before {
  content: "";
  position: absolute;
  top: 6px;
  left: 0;
  background: url("/assets/image/biztexcobit/check.png") no-repeat center center/cover;
  width: 18px;
  height: 18px;
  display: block;
}

@media screen and (max-width: 767px) {
  .c-list16__item:before {
    width: 13px;
    height: 13px;
  }
}

.c-list17__wrap .c-list17__point:not(:last-child) {
  margin-bottom: 104px;
}

@media screen and (max-width: 767px) {
  .c-list17__wrap .c-list17__point:not(:last-child) {
    margin-bottom: 52px;
  }
}

.c-list17__wrap .c-list17__point:nth-child(odd) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

@media screen and (max-width: 767px) {
  .c-list17__wrap .c-list17__point:nth-child(odd) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

.c-list17__point {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media screen and (max-width: 767px) {
  .c-list17__point {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.c-list17__point-body {
  width: 835px;
}

@media screen and (max-width: 767px) {
  .c-list17__point-body {
    width: 100%;
    margin-top: 12px;
  }
}

.c-list17__point-body h3 {
  font-size: 3.6rem;
  font-family: 'NotoSansJPDL';
  font-weight: normal;
  line-height: 48px;
  position: relative;
  border-bottom: 1px solid #ccc;
  padding-bottom: 26px;
  margin-bottom: 28px;
}

.c-list17__point-body h3 span {
  color: #fa5b0f;
  margin-right: 30px;
}

@media screen and (max-width: 767px) {
  .c-list17__point-body h3 span {
    margin-right: 0;
    margin-bottom: 5px;
    display: block;
  }
}

@media screen and (max-width: 767px) {
  .c-list17__point-body h3 {
    font-size: 1.8rem;
    line-height: 1.5;
    padding-bottom: 8px;
    margin-bottom: 15px;
    text-align: center;
  }
}

.c-list17__point-body h3:before {
  position: absolute;
  bottom: -5px;
  left: -3px;
  width: 7px;
  height: 7px;
  background: #f6f6f6;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  content: '';
}

.c-list17__point-body h3:after {
  position: absolute;
  bottom: -5px;
  right: -3px;
  width: 7px;
  height: 7px;
  background: #f6f6f6;
  border-left: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  content: '';
}

.c-list17__point-body p {
  font-size: 1.6rem;
  line-height: 34px;
  color: #333;
  font-family: 'NotoSansJPDL';
}

@media screen and (max-width: 767px) {
  .c-list17__point-body p {
    font-size: 1.3rem;
    line-height: 1.7;
  }
}

/*------------------------------------------------------------
table
------------------------------------------------------------*/
/*
------------------------------------------------------------*/
.c-table1 {
  margin: 100px 0;
}

.c-table1 table {
  border-collapse: collapse;
  width: 100%;
}

.c-table1 th {
  font-size: 1.4rem;
  line-height: 3rem;
  color: #265b7f;
  width: 260px;
  vertical-align: top;
  text-align: left;
  border-top: 1px dotted #dcdcdc;
  border-bottom: 1px dotted #dcdcdc;
  padding: 21px 0;
  font-family: "NotoSansJPM";
  line-height: 1.5;
}

@media screen and (max-width: 767px) {
  .c-table1 th {
    width: 100px;
    padding: 15px 10px 15px 0;
    font-size: 1.2rem;
  }
}

.c-table1 td {
  font-size: 1.4rem;
  font-weight: 200;
  line-height: 2.4rem;
  color: #333;
  border-top: 1px dotted #dcdcdc;
  border-bottom: 1px dotted #dcdcdc;
  vertical-align: middle;
  padding: 25px 0;
}

@media screen and (max-width: 767px) {
  .c-table1 td {
    padding: 10px 0;
    font-size: 1.2rem;
  }
}

.c-table2 {
  border-collapse: collapse;
  width: 100%;
}

.c-table2 th,
.c-table2 td {
  padding: 12px 20px 18px;
  vertical-align: top;
  font-size: 1.5rem;
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  text-align: left;
  line-height: 26px;
}

@media screen and (max-width: 767px) {
  .c-table2 th,
  .c-table2 td {
    display: block;
    width: 100% !important;
    border: none;
    font-size: 1.4rem;
    padding: 3px 10px;
  }
}

.c-table2 th {
  font-weight: bold;
  width: 160px;
  background: #f6f6f6;
}

@media screen and (max-width: 767px) {
  .c-table2 th {
    border-top: 1px solid #cccccc;
  }
}

.c-table3 {
  border-collapse: collapse;
}

.c-table3 th,
.c-table3 td {
  padding: 9px 0;
  vertical-align: top;
  font-size: 1.6rem;
  border-bottom: 1px solid #cccccc;
  text-align: left;
  line-height: 26px;
}

@media screen and (max-width: 767px) {
  .c-table3 th,
  .c-table3 td {
    font-size: 1.2rem;
    padding: 3px 0;
  }
}

.c-table3 th {
  font-weight: bold;
  width: 70px;
  color: #18aecc;
}

@media screen and (max-width: 767px) {
  .c-table3 th {
    width: 50px;
  }
}

.c-table3 td {
  padding: 9px 20px;
  width: 92%;
}

@media screen and (max-width: 767px) {
  .c-table3 td {
    padding: 3px 10px;
    width: 86%;
  }
}

/* .c-table004
------------------------------------------------------------*/
.c-table004 table {
  width: 100%;
  border-collapse: collapse;
  border-width: 1px 0;
  border-style: solid;
  border-color: #ccc;
  color: #333;
}

.c-table004 tr {
  border-top: 1px solid #ccc;
  background: #f6f6f6;
}

.c-table004 tr:last-child td:nth-child(2):after {
  content: '';
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  height: 4px;
  background: #fa5b0f;
}

.c-table004 th {
  font-size: 1.5rem;
  font-weight: bold;
  background: #c5f1f6;
  padding: 23px 0 22px;
  color: #000;
}

@media screen and (max-width: 767px) {
  .c-table004 th {
    font-size: 1rem;
    line-height: 1.5;
    padding: 8px 0 10px;
  }
}

.c-table004 th:first-child {
  background: #beeaef;
  width: 192px;
}

@media screen and (max-width: 767px) {
  .c-table004 th:first-child {
    width: 25.4%;
  }
}

.c-table004 th:nth-child(2) {
  border-width: 0 4px;
  border-color: #fa5b0f;
  border-style: solid;
  width: 179px;
  background: #fedecf;
  position: relative;
}

@media screen and (max-width: 767px) {
  .c-table004 th:nth-child(2) {
    width: 23.9%;
  }
}

.c-table004 th:nth-child(2):after {
  content: '';
  position: absolute;
  width: 100%;
  height: 4px;
  background: #fa5b0f;
  top: -1px;
  left: 0;
}

.c-table004 th:nth-child(3) {
  border-right: 1px solid #ccc;
  width: 185px;
}

@media screen and (max-width: 767px) {
  .c-table004 th:nth-child(3) {
    width: 26%;
  }
}

.c-table004 td:first-child {
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 3.7;
  padding: 0 15px;
  color: #000;
}

@media screen and (max-width: 767px) {
  .c-table004 td:first-child {
    font-size: 1rem;
    line-height: 1.5;
    padding: 16px 8px 18px;
  }
}

.c-table004 td:nth-child(2) {
  border-width: 0 4px;
  border-color: #fa5b0f;
  border-style: solid;
  text-align: center;
  color: #fa5b0f;
  font-size: 2rem;
  background: #fff7f3;
  position: relative;
}

@media screen and (max-width: 767px) {
  .c-table004 td:nth-child(2) {
    font-size: 1.4rem;
  }
}

.c-table004 td:nth-child(3) {
  border-right: 1px solid #ccc;
  text-align: center;
  font-size: 2rem;
  background: #fff;
}

@media screen and (max-width: 767px) {
  .c-table004 td:nth-child(3) {
    font-size: 1.4rem;
  }
}

.c-table004 td:last-child {
  font-size: 1.4rem;
  padding: 0 16px;
  background: #fff;
}

@media screen and (max-width: 767px) {
  .c-table004 td:last-child {
    font-size: 1rem;
    padding: 8px;
    line-height: 1.5;
  }
}

/* .c-table005
------------------------------------------------------------*/
.c-table005 table {
  width: 100%;
  border-collapse: collapse;
  border-width: 1px 0;
  border-style: solid;
  border-color: #ccc;
}

.c-table005 tr {
  border-top: 1px solid #ccc;
}

.c-table005 th {
  font-size: 1.5rem;
  line-height: 1.7;
  background: #c5f1f6;
  padding: 20px 0 15px;
}

@media screen and (max-width: 767px) {
  .c-table005 th {
    width: 33.333333333% !important;
    padding: 10px 0;
    font-size: 1rem;
    line-height: 1.5;
  }
}

.c-table005 th:first-child {
  width: 439px;
  background: #c1edf2;
}

.c-table005 th:nth-child(2) {
  width: 292px;
}

.c-table005 th:not(:last-child) {
  border-right: 1px solid #ccc;
}

.c-table005 td {
  background: #fff;
  color: #333;
}

.c-table005 td:first-child {
  color: #000;
  font-size: 1.5rem;
  line-height: 4.3;
  background: #fafafa;
  font-weight: bold;
  padding: 0 16px;
}

@media screen and (max-width: 767px) {
  .c-table005 td:first-child {
    font-size: 1rem;
    line-height: 1.5;
    padding: 6px 10px 7px;
  }
}

.c-table005 td:nth-child(2) {
  font-size: 1.5rem;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .c-table005 td:nth-child(2) {
    font-size: 1rem;
    line-height: 1.5;
    text-align: left;
    padding: 0 10px;
  }
}

.c-table005 td:last-child {
  font-size: 1.4rem;
  padding: 0 15px;
}

@media screen and (max-width: 767px) {
  .c-table005 td:last-child {
    font-size: 1rem;
    line-height: 1.5;
    padding: 7px 8px;
  }
}

.c-table005 td:not(:last-child) {
  border-right: 1px solid #ccc;
}

.c-table006 table {
  width: 100%;
  border-collapse: collapse;
}

.c-table006 td {
  padding: 20px 10px;
  font-family: "NotoSansJPDL";
  text-align: center;
  font-size: 1.6rem;
  line-height: 1.8;
  border: 1px solid #ccc;
  width: 20%;
}

.c-table006 td:first-of-type {
  width: 40%;
}

.c-table006 th {
  padding: 15px 10px;
  font-family: "NotoSansJPM";
  text-align: center;
  font-size: 1.6rem;
  background: #f6f6f6;
  border: 1px solid #ccc;
}

/*
------------------------------------------------------------*/
.c-table7 {
  border: 1px solid #ccc;
}

@media screen and (max-width: 767px) {
  .c-table7 {
    /*width: calc(100% + 200px);*/
  }
}

.c-table7__head .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 1.5rem;
  font-weight: bold;
  background: #f6f6f6;
  line-height: 26px;
  border-bottom: 1px solid #ccc;
}

@media screen and (max-width: 767px) {
  .c-table7__head .row {
    font-size: 1.2rem;
    line-height: 15px;
  }
}

.c-table7__head .col:first-child {
  width: 548px;
  border-right: 1px solid #ccc;
}

@media screen and (max-width: 767px) {
  .c-table7__head .col:first-child {
    width: 50%;
  }
}

.c-table7__head .col:nth-child(2) {
  width: 282px;
  border-right: 1px solid #ccc;
}

@media screen and (max-width: 767px) {
  .c-table7__head .col:nth-child(2) {
    width: 25%;
  }
}

.c-table7__head .col:last-child {
  width: 280px;
}

@media screen and (max-width: 767px) {
  .c-table7__head .col:last-child {
    width: 25%;
  }
}

.c-table7__head .col {
  text-align: center;
  padding: 19px 0 15px;
}

@media screen and (max-width: 767px) {
  .c-table7__head .col {
    padding: 11px 0;
  }
}

.c-table7__body .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 1.5rem;
  line-height: 26px;
  border-bottom: 1px solid #ccc;
}

@media screen and (max-width: 767px) {
  .c-table7__body .row {
    font-size: 1.2rem;
    line-height: 15px;
  }
}

.c-table7__body .row:last-child {
  border: 0;
}

.c-table7__body .col {
  text-align: center;
  padding: 14px 0 15px;
}

@media screen and (max-width: 767px) {
  .c-table7__body .col {
    padding: 11px 0;
  }
}

.c-table7__body .col:nth-last-child(1) .col:first-child,
.c-table7__body .col:nth-last-child(2) .col:first-child,
.c-table7__body .col:nth-last-child(3) .col:first-child {
  font-size: 1.5rem;
}

.c-table7__body .col:first-child {
  text-align: left;
  padding: 14px 29px 15px;
  width: 548px;
  border-right: 1px solid #ccc;
  font-family: "NotoSansJPB", sans-serif;
}

@media screen and (max-width: 767px) {
  .c-table7__body .col:first-child {
    padding: 11px 15px;
    width: 50%;
  }
}

.c-table7__body .col:nth-child(2) {
  width: 282px;
  border-right: 1px solid #ccc;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: "NotoSansJPDL", sans-serif;
}

@media screen and (max-width: 767px) {
  .c-table7__body .col:nth-child(2) {
    width: 25%;
  }
}

.c-table7__body .col:last-child {
  width: 280px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: "NotoSansJPDL", sans-serif;
}

@media screen and (max-width: 767px) {
  .c-table7__body .col:last-child {
    width: 25%;
  }
}

.c-table7__body .sub {
  display: block;
  font-size: 1.3rem;
  font-weight: 300;
  line-height: 23px;
  margin: -5px 0 0;
}

@media screen and (max-width: 767px) {
  .c-table7__body .sub {
    font-size: 1.2rem;
    line-height: 15px;
    margin: 0;
  }
}

.c-table7__body .light {
  font-weight: 300;
  font-style: normal;
}

/*
------------------------------------------------------------*/
.c-table8 {
  border: 1px solid #ccc;
}

@media screen and (max-width: 767px) {
  .c-table8 {
    width: 100%;
    border-width: 1px 0 0 0;
  }
}

.c-table8__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 1.5rem;
  line-height: 30px;
  border-bottom: 1px solid #ccc;
}

@media screen and (max-width: 767px) {
  .c-table8__row {
    font-size: 1.4rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    line-height: 1.6;
  }
}

.c-table8__head {
  width: 179px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 30px;
  font-weight: 500;
  border-right: 1px solid #ccc;
  background: #e5f7fb;
  font-family: "NotoSansJPM", sans-serif;
}

@media screen and (max-width: 767px) {
  .c-table8__head {
    width: 100%;
    padding: 10px 15px;
    border-right: none;
  }
}

.c-table8__content {
  width: calc(100% - 179px);
  padding: 12px 30px;
  font-family: "NotoSansJPL", sans-serif;
  font-weight: bold;
}

@media screen and (max-width: 767px) {
  .c-table8__content {
    width: 100%;
    padding: 10px 15px;
    font-weight: 500;
  }
}

.c-table8__content .left {
  width: 460px;
  padding: 0 30px;
  margin-top: 3px;
}

.w-6 {
  width:600px!important;
}

@media screen and (max-width: 767px) {
  .c-table8__content .left {
    width: 100%;
    padding: 0 15px;
    margin-top: 0;
  }

  .w-6 {
    width:100%!important;
  }
}

.c-table8__content .right {
  width: calc(100% - 460px);
  padding: 0 33px;
  position: relative;
}

@media screen and (max-width: 767px) {
  .c-table8__content .right {
    width: 100%;
    padding: 0 16px;
  }
}

.c-table8__content .right:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  width: 1px;
  height: calc(100% - 10px);
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  background: #ccc;
}

@media screen and (max-width: 767px) {
  .c-table8__content .right:before {
    content: none;
  }
}

.c-table8 .bold {
  font-family: "NotoSansJPM", sans-serif;
  font-weight: 500;
}

@media screen and (max-width: 767px) {
  .c-table8 .bold {
    font-weight: 400;
  }
}

.c-table8__row:last-child {
  border: 0;
}

.c-table8__row:last-child .c-table8__content {
  padding: 12px 30px 18px;
}

@media screen and (max-width: 767px) {
  .c-table8__row:last-child .c-table8__content {
    padding: 6px 15px;
  }
}

.c-table8__row .link {
  position: relative;
  color: #16c6da;
}

@media screen and (max-width: 767px) {
  .c-table8__row .link {
    text-decoration: underline;
  }
}

.c-table8__row .link:after {
  content: '';
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  height: 1px;
  background: #16c6da;
}

@media screen and (max-width: 767px) {
  .c-table8__row .link:after {
    content: none;
  }
}

.c-table8__row .link .icon {
  position: absolute;
  top: 4px;
  right: -22px;
}

@media screen and (max-width: 767px) {
  .c-table8__row .link .icon {
    position: relative;
    top: 5px;
    right: -5px;
  }
}

/*------------------------------------------------------------
line
------------------------------------------------------------*/
/*
------------------------------------------------------------*/
/*------------------------------------------------------------
video
------------------------------------------------------------*/
/*
------------------------------------------------------------*/
.c-video1__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media screen and (max-width: 767px) {
  .c-video1__wrap {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.c-video1__video {
  width: 530px;
  height: 0;
  position: relative;
  padding-top: 320px;
  background: #000;
}

@media screen and (max-width: 767px) {
  .c-video1__video {
    width: 100%;
    height: auto;
    padding-top: 56.25%;
    margin-bottom: 20px;
  }
}

.c-video1__video video, .c-video1__video iframe {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
}

.c-video1__step {
  width: 500px;
  border: none;
  background: none;
}

@media screen and (max-width: 767px) {
  .c-video1__step {
    width: 100%;
  }
}

.c-video1__step h3 {
  padding: 10px 5px 14px;
}

@media screen and (max-width: 767px) {
  .c-video1__step h3 {
    padding: 8px 5px;
  }
}

.c-video1__step .c-support-box__content {
  border: 5px solid #ccc;
  border-top: none;
  padding: 25px 30px;
}

@media screen and (max-width: 767px) {
  .c-video1__step .c-support-box__content {
    border-width: 3px;
    padding: 15px 20px;
  }
}

.c-video1 .c-support-box {
  border: none;
  background: #fff;
}

.c-video1:not(:last-child) {
  margin-bottom: 88px;
}

@media screen and (max-width: 767px) {
  .c-video1:not(:last-child) {
    margin-bottom: 44px;
  }
}

/*------------------------------------------------------------
video
------------------------------------------------------------*/
/* c-slide001
------------------------------------------------------------*/
.c-slide001 {
  margin-bottom: 100px;
}

.c-slide001__link {
  display: block;
  border: 1px solid #ccc;
}

.c-slide001__img {
  position: relative;
  width: 358px;
  height: 202px;
  overflow: hidden;
}

@media screen and (max-width: 767px) {
  .c-slide001__img {
    height: 145px;
    width: auto;
  }
}

.c-slide001__img:before {
  position: absolute;
  content: "...more";
  top: 50%;
  left: 50%;
  display: inline-block;
  padding: 8px 50px 10px;
  font-family: "Raleway", sans-serif;
  font-size: 1.4rem;
  font-weight: bold;
  letter-spacing: 2px;
  line-height: 1;
  color: #fff;
  border: 1px solid #fff;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 2;
  opacity: 0;
  -webkit-transition: all .2s ease-out;
  transition: all .2s ease-out;
}

.c-slide001__img:after {
  position: absolute;
  content: "";
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  opacity: 0;
  -webkit-transition: all .2s ease-out;
  transition: all .2s ease-out;
}

.c-slide001__img img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: auto;
  min-width: 100%;
  min-height: 100%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

@media only screen and (min-width: 769px) {
  .c-slide001 a:hover .c-slide001__img:before, .c-slide001 a:hover .c-slide001__img:after {
    opacity: 1;
  }
}

.c-slide001__tag {
  position: absolute;
  top: 0;
  left: 0;
  background: #fa5b0f;
  color: #fff;
  padding: 3px 8px;
  font-size: 1.2rem;
}

@media screen and (max-width: 767px) {
  .c-slide001__tag {
    font-size: 1rem;
    bottom: 0;
    top: auto;
    padding: 2px 4px;
  }
}

.c-slide001__content {
  padding: 31px 39px;
  height: 184px;
}

@media screen and (max-width: 767px) {
  .c-slide001__content {
    padding: 28px 10px 10px 12px;
    height: 140px;
  }
}

.c-slide001__ttl {
  font-size: 1.6rem;
  text-transform: uppercase;
  line-height: 2;
  margin: 0 0 5px;
  color: #000;
}

@media screen and (max-width: 767px) {
  .c-slide001__ttl {
    font-size: 1.5rem;
    line-height: 1.75;
    margin: 0;
  }
}

.c-slide001__txt {
  font-size: 1.4rem;
  line-height: 1.75;
  color: #8c8c8c;
  margin: 0 0 7px;
}

@media screen and (max-width: 767px) {
  .c-slide001__txt {
    font-size: 1.2rem;
  }
}

.c-slide001 .slick-slide {
  opacity: 0.6 !important;
}

.c-slide001 .slick-slide.is-opt {
  opacity: 1 !important;
}

.c-slide001 .slick-center {
  opacity: 1 !important;
}

.c-slide001 .slick-prev, .c-slide001 .slick-next {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: #fff;
  -webkit-box-shadow: 0 0 10px 4px #ccc;
          box-shadow: 0 0 10px 4px #ccc;
  z-index: 999;
  -webkit-transform: translate(0, -47%);
      -ms-transform: translate(0, -47%);
          transform: translate(0, -47%);
}

.c-slide001 .slick-prev:before, .c-slide001 .slick-next:before {
  position: absolute;
  width: 13px;
  height: 13px;
}

.c-slide001 .slick-prev:hover, .c-slide001 .slick-next:hover {
  background: #ffffff;
}

.c-slide001 .slick-next {
  right: -37px;
  background: #fff;
}

.c-slide001 .slick-next:before {
  content: '';
  border-width: 0 2px 2px 0;
  border-style: solid;
  border-color: #16c6da;
  top: 50%;
  left: 42%;
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
      -ms-transform: translate(-50%, -50%) rotate(-45deg);
          transform: translate(-50%, -50%) rotate(-45deg);
}

.c-slide001 .slick-prev {
  left: -33px;
  background: #fff;
  z-index: 1;
}

.c-slide001 .slick-prev:before {
  content: '';
  border-width: 2px 0 0 2px;
  border-style: solid;
  border-color: #16c6da;
  top: 50%;
  left: 56%;
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
      -ms-transform: translate(-50%, -50%) rotate(-45deg);
          transform: translate(-50%, -50%) rotate(-45deg);
}

.c-slide001 .slick-dots {
  bottom: -52px;
  left: 2px;
}

@media screen and (max-width: 767px) {
  .c-slide001 .slick-dots {
    bottom: -21px;
    left: -5px;
  }
}

.c-slide001 .slick-dots li {
  margin: 0 3px 0 2px;
}

@media screen and (max-width: 767px) {
  .c-slide001 .slick-dots li {
    margin: 0 3px 0 4px;
    width: 10px;
    height: 10px;
  }
}

.c-slide001 .slick-dots li.slick-active button:before {
  color: #16c6da;
  opacity: 1;
}

.c-slide001 .slick-dots button:before {
  font-size: 11px;
  opacity: 1;
  color: #ccc;
}

@media screen and (max-width: 767px) {
  .c-slide001 .slick-dots button:before {
    font-size: 8px;
  }
}

.c-slide001 .slick-list {
  overflow: inherit;
}

.c-slide001 .slick-slide {
  width: 360px;
  margin: 0 5px;
}

@media screen and (max-width: 767px) {
  .c-slide001 .slick-slide {
    width: 260px;
  }
}

/*------------------------------------------------------------
other
------------------------------------------------------------*/
/*
------------------------------------------------------------*/
.colorBlue path,
.colorBlue polygon {
  fill: #16c6da !important;
}

.colorOrg path,
.colorOrg polygon {
  fill: #fa5b0f !important;
}

.colorWhite path,
.colorWhite polygon {
  fill: #fff !important;
}

.colorGrey path,
.colorGrey polygon {
  fill: #aaa !important;
}

.colorDGrey path,
.colorDGrey polygon {
  fill: #111 !important;
}

svg {
  width: 100%;
}

@media screen and (max-width: 767px) {
  svg {
    width: 60%;
  }
}

.c-contact {
  padding: 60px 0;
  background: #182a3a url("/assets/image/common/contact-bg.jpg") !important;
  -webkit-background-size: cover !important;
          background-size: cover !important;
}

@media screen and (max-width: 767px) {
  .c-contact {
    padding: 30px 0 50px !important;
    height: auto;
    background: url("/assets/image/common/contact-bg_sp.jpg") no-repeat center bottom !important;
    -webkit-background-size: 100% 100% !important;
            background-size: 100% !important;
  }
}

.c-contact .c-title01 {
  margin-bottom: -11px;
}

.c-contact .c-title01 h2 {
  font-size: 3.6rem;
}

@media screen and (max-width: 767px) {
  .c-contact .c-title01 h2 {
    margin: 0 auto 20px;
    padding: 0 0 15px;
    font-size: 2rem;
  }
  .c-contact .c-title01 h2:after {
    height: 3px;
  }
  .c-contact .c-title01 h3 {
    font-size: 1.2rem;
  }
}

.c-contact .contact-info {
  padding: 47px 40px;
  background: rgba(255, 255, 255, 0.8);
}

@media screen and (max-width: 767px) {
  .c-contact .contact-info {
    padding: 14px 20px 8px;
  }
}

.c-contact .contact-info > p {
  margin-bottom: 20px;
  font-size: 1.6rem;
  font-family: 'NotoSansJPL', sans-serif;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .c-contact .contact-info > p {
    font-size: 1.3rem;
    text-align: left;
    margin-bottom: 0;
  }
}

.c-contact .c-btn__2row {
  margin-top: 37px;
}

@media screen and (max-width: 767px) {
  .c-contact .c-btn__2row {
    margin-top: 10px;
  }
  .c-contact .c-btn__2row ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap-reverse;
        flex-wrap: wrap-reverse;
  }
  .c-contact .c-btn__2row li {
    margin-bottom: 10px;
  }
}

.c-contact .c-btn__call {
  position: relative;
}

.c-contact .c-btn__call a .icon svg {
  vertical-align: baseline;
}

.c-contact__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  background: #fff;
  margin-bottom: 40px;
}

@media screen and (max-width: 767px) {
  .c-contact__btn {
    margin-bottom: 20px;
  }
}

.c-contact__btn li {
  border: 5px solid #cccccc;
  width: 25%;
  text-align: center;
  padding: 40px 40px 120px 40px;
  position: relative;
}

@media screen and (min-width: 767px) {
  .c-contact__btn li + li {
    border-left: none;
  }
}

@media screen and (max-width: 767px) {
  .c-contact__btn li {
    width: 50%;
    border-width: 3px;
    margin-bottom: -2px;
    padding: 20px;
    padding-bottom: 80px;
  }
  .c-contact__btn li:nth-child(2n + 2) {
    border-left: none;
  }
}

.c-contact__btn li figure {
  margin: 0 auto;
}

.c-contact__btn li figure rect {
  fill: #17c6da;
}

@media screen and (min-width: 767px) {
  .c-contact__btn li figure {
    height: 70px !important;
  }
}

.c-contact__btn li figure svg {
  height: 100% !important;
}

.c-contact__btn li h2 {
  font-size: 2rem;
  color: #fa5b0f;
  margin: 6px 0 16px;
}

@media screen and (max-width: 767px) {
  .c-contact__btn li h2 {
    font-size: 1.7rem;
    margin: 12px 0 7px;
    line-height: 22px;
  }
}

.c-contact__btn li p {
  font-size: 1.5rem;
  text-align: left;
  line-height: 30px;
}

@media screen and (max-width: 767px) {
  .c-contact__btn li p {
    font-size: 1.1rem;
    line-height: 17px;
  }
}

.c-contact__btn li div {
  position: absolute;
  bottom: 40px;
  left: 35px;
  right: 35px;
  background: #fa5b0f;
  border: 2px solid #fa5b0f;
  border-radius: 5px;
  padding: 17px 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

@media screen and (min-width: 767px) {
  .c-contact__btn li div:hover {
    background: #fff;
  }
  .c-contact__btn li div:hover a {
    color: #fa5b0f;
  }
}

@media screen and (max-width: 767px) {
  .c-contact__btn li div {
    left: 20px;
    right: 20px;
    bottom: 20px;
    padding: 0;
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: calc(100% - 40px);
  }
}

.c-contact__btn li div a {
  font-size: 1.5rem;
  color: #fff;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.c-contact__btn li div a:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9;
}

@media screen and (max-width: 767px) {
  .c-contact__btn li div a {
    font-size: 1.2rem;
    display: table-cell;
    vertical-align: middle;
    width: 100%;
  }
}

.pageTop {
  position: absolute;
  top: -30px;
  left: calc(50% - 30px);
  width: 60px;
  height: 60px;
  background: #fff;
  opacity: 0.4;
  border-radius: 60px;
  -webkit-box-shadow: 0px 1px 10px 2px rgba(0, 0, 0, 0.42);
          box-shadow: 0px 1px 10px 2px rgba(0, 0, 0, 0.42);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  cursor: pointer;
}

@media screen and (max-width: 767px) {
  .pageTop {
    width: 40px;
    height: 40px;
    top: -20px;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}

.pageTop:before, .pageTop:after {
  position: absolute;
  content: '';
  top: 31px;
  left: 50%;
  width: 18px;
}

@media screen and (max-width: 767px) {
  .pageTop:before, .pageTop:after {
    width: 14px;
    top: 23px;
  }
}

.pageTop:before {
  top: 23px;
  height: 1px;
  background: #000;
  -webkit-transform: translate(-50%, -70%);
      -ms-transform: translate(-50%, -70%);
          transform: translate(-50%, -70%);
}

@media screen and (max-width: 767px) {
  .pageTop:before {
    top: 17px;
  }
}

.pageTop:after {
  width: 12px;
  height: 12px;
  border-left: 1px solid #000;
  border-top: 1px solid #000;
  -webkit-transform: translate(-50%, 0) rotate(45deg);
      -ms-transform: translate(-50%, 0) rotate(45deg);
          transform: translate(-50%, 0) rotate(45deg);
}

@media screen and (max-width: 767px) {
  .pageTop:after {
    width: 8px;
    height: 8px;
  }
}

@media only screen and (min-width: 768px) {
  .pageTop:hover {
    opacity: 1;
    background: #16c6da;
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
  }
}

.c-cover {
  margin-top: -6px;
  height: 260px;
  background: url("/assets/image/news/cover-image.jpg") no-repeat;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media screen and (max-width: 767px) {
  .c-cover {
    height: 130px;
  }
}

.c-cover .l-wrap {
  text-align: center;
  margin: 0;
}

.c-cover h1 {
  line-height: 1;
}

.c-cover h2 {
  font-size: 3rem;
  margin-bottom: 14px;
}

@media screen and (max-width: 767px) {
  .c-cover h2 {
    font-size: 2rem;
    margin-bottom: 7px;
  }
}

.c-cover span {
  font-size: 1.4rem;
  color: #aaa;
  letter-spacing: 1.5px;
  font-family: 'Raleway', sans-serif;
  font-weight: bold;
}

@media screen and (max-width: 767px) {
  .c-cover span {
    font-size: 1.2rem;
  }
}

.c-date dd,
.c-date dt {
  display: inline-block;
  font-size: 1.4rem;
  color: #666;
}

@media screen and (max-width: 767px) {
  .c-date dd,
  .c-date dt {
    font-size: 1.2rem;
  }
}

.c-date dd img,
.c-date dt img {
  vertical-align: baseline;
  margin-right: 9px;
}

@media screen and (max-width: 767px) {
  .c-date dd img,
  .c-date dt img {
    margin-right: 4px;
  }
}

.c-date dt:not(:first-of-type) {
  margin-left: 18px;
}

@media screen and (max-width: 767px) {
  .c-date dt:not(:first-of-type) {
    margin-left: 9px;
  }
}

.c-support-step {
  padding: 82px 0 100px;
}

@media screen and (max-width: 767px) {
  .c-support-step {
    padding: 38px 0 50px;
  }
}

.c-support-step h2 {
  font-size: 3.6rem;
  font-family: 'NotoSansJPM';
  text-align: center;
  border-bottom: 1px solid #ccc;
  padding-bottom: 23px;
  margin-bottom: 33px;
  position: relative;
}

@media screen and (max-width: 767px) {
  .c-support-step h2 {
    font-size: 1.8rem;
    padding-bottom: 15px;
    margin-bottom: 22px;
  }
}

.c-support-step h2 span {
  color: #fa5b0f;
}

.c-support-step h2:before {
  position: absolute;
  bottom: -5px;
  left: -3px;
  width: 7px;
  height: 7px;
  background: white;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  content: '';
}

@media screen and (max-width: 767px) {
  .c-support-step h2:before {
    width: 4px;
    height: 4px;
    bottom: -3px;
  }
}

.c-support-step h2:after {
  position: absolute;
  bottom: -5px;
  right: -3px;
  width: 7px;
  height: 7px;
  background: white;
  border-left: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  content: '';
}

@media screen and (max-width: 767px) {
  .c-support-step h2:after {
    width: 4px;
    height: 4px;
    bottom: -3px;
  }
}

.c-support-step p {
  text-align: center;
  font-size: 1.6rem;
  line-height: 34px;
}

@media screen and (max-width: 767px) {
  .c-support-step p {
    font-size: 1.3rem;
    line-height: 1.7;
  }
}

.c-support-step p a {
  color: #16c6da;
  text-decoration: underline;
}

.c-support-box {
  background: #e7f9fb;
  border: 10px solid #16c6da;
  border-top: none;
}

@media screen and (max-width: 767px) {
  .c-support-box {
    border-width: 5px;
  }
}

.c-support-box__ttl {
  font-size: 2.4rem;
  text-align: center;
  color: white;
  background: #16c6da;
  padding: 12px 10px;
  font-family: 'NotoSansJPM';
}

@media screen and (max-width: 767px) {
  .c-support-box__ttl {
    font-size: 1.6rem;
    padding: 8px;
  }
}

.c-support-box__ttl img {
  vertical-align: middle;
  margin-right: 14px;
}

@media screen and (max-width: 767px) {
  .c-support-box__ttl img {
    margin-right: 7px;
    width: 16px;
    height: auto;
  }
}

.c-support-box__content {
  padding: 28px 10px;
}

@media screen and (max-width: 767px) {
  .c-support-box__content {
    padding: 14px 10px;
  }
}

.c-support-box__txt {
  font-family: 'NotoSansJPM';
  font-size: 1.6rem;
  line-height: 34px;
}

@media screen and (max-width: 767px) {
  .c-support-box__txt {
    font-size: 1.3rem;
    line-height: 1.7;
  }
}

.c-support-box ul {
  counter-reset: items;
}

.c-support-box ul li {
  counter-increment: items;
  font-size: 1.6rem;
  line-height: 34px;
  font-family: 'NotoSansJPM';
  display: table;
}

@media screen and (max-width: 767px) {
  .c-support-box ul li {
    font-size: 1.3rem;
    line-height: 1.7;
    margin-bottom: 2px;
  }
}

.c-support-box ul li:before {
  content: counter(items, decimal-leading-zero) ". ";
  color: #fa5b0f;
  display: table-cell;
}

.c-arrow-down {
  position: relative;
}

.c-arrow-down:before, .c-arrow-down:after {
  position: absolute;
  z-index: 2;
  content: '';
}

.c-arrow-down:before {
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 6px;
  height: 62px;
  background: #fa5b0f;
}

@media screen and (max-width: 767px) {
  .c-arrow-down:before {
    width: 4px;
    height: 31px;
  }
}

.c-arrow-down:after {
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%) rotate(45deg);
      -ms-transform: translateX(-50%) rotate(45deg);
          transform: translateX(-50%) rotate(45deg);
  width: 24px;
  height: 24px;
  background: transparent;
  border-right: 6px solid #fa5b0f;
  border-bottom: 6px solid #fa5b0f;
}

@media screen and (max-width: 767px) {
  .c-arrow-down:after {
    width: 12px;
    height: 12px;
    border-width: 4px;
  }
}

.c-arrow-right {
  position: relative;
}

.c-arrow-right:before, .c-arrow-right:after {
  position: absolute;
  z-index: 2;
  content: '';
}

.c-arrow-right:before {
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 73px;
  height: 6px;
  background: #fa5b0f;
}

@media screen and (max-width: 767px) {
  .c-arrow-right:before {
    width: 31px;
    height: 4px;
  }
}

.c-arrow-right:after {
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%) rotate(-45deg);
      -ms-transform: translateY(-50%) rotate(-45deg);
          transform: translateY(-50%) rotate(-45deg);
  width: 24px;
  height: 24px;
  background: transparent;
  border-right: 6px solid #fa5b0f;
  border-bottom: 6px solid #fa5b0f;
}

@media screen and (max-width: 767px) {
  .c-arrow-right:after {
    width: 12px;
    height: 12px;
    border-width: 4px;
  }
}

.c-support-info {
  text-align: center;
  border: 5px solid #ccc;
  padding: 40px 20px 35px;
  position: relative;
  background: #fff;
}

@media screen and (max-width: 767px) {
  .c-support-info {
    padding: 18px 15px;
    border-width: 3px;
  }
}

.c-support-info__icon {
  position: absolute;
  top: -38px;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  background: #263e51;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.c-support-info__icon:after {
  position: absolute;
  bottom: -9px;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 8px 0 8px;
  border-color: #263e51 transparent transparent transparent;
  content: '';
}

@media screen and (max-width: 767px) {
  .c-support-info__icon:after {
    border-width: 5px 4px 0 4px;
    bottom: -4px;
  }
}

@media screen and (max-width: 767px) {
  .c-support-info__icon {
    width: 34px;
    height: 34px;
    top: -22px;
  }
}

@media screen and (max-width: 767px) {
  .c-support-info__icon .icon {
    height: 20px !important;
  }
}

.c-support-info__text {
  position: absolute;
  top: -38px;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  background: #263e51;
  width: 120px;
  height: 60px;
  border-radius: 35px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff;
  font-size: 2.4rem;
  font-weight: bold;
  font-family: "Raleway", sans-serif;
}

@media screen and (max-width: 767px) {
  .c-support-info__text {
    top: -18px;
    width: 92px;
    height: 30px;
    font-size: 1.6rem;
  }
}

.c-support-info__text:after {
  position: absolute;
  bottom: -9px;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 8px 0 8px;
  border-color: #263e51 transparent transparent transparent;
  content: '';
}

@media screen and (max-width: 767px) {
  .c-support-info__text:after {
    border-width: 7px 6px 0 6px;
    bottom: -6px;
  }
}

.c-support-info p {
  font-size: 2.2rem;
  font-family: 'NotoSansJPM';
  line-height: 36px;
}

@media screen and (max-width: 767px) {
  .c-support-info p {
    font-size: 1.6rem;
    line-height: 1.8;
	text-align:center;
  }
}

.c-support-info__txt {
  font-weight: 400;
  font-family: 'Noto Sans CJK JP', sans-serif
 !important;
}

.c-support-info__txt span {
  font-weight: bold;
}

@media screen and (max-width: 767px) {
  .c-support-info__txt {
    font-size: 1.4rem !important;
    text-align: left;
  }
}

.c-section-title1 {
  text-align: center;
}

.c-section-title1 .icon {
  margin: auto;
}

@media screen and (max-width: 767px) {
  .c-section-title1 .icon {
    height: auto !important;
  }
}

.c-section-title1 h1,
.c-section-title1 h2,
.c-section-title1 h3,
.c-section-title1 h4,
.c-section-title1 h5 {
  font-size: 4.8rem;
  font-family: 'NotoSansJPL';
  font-weight: normal;
  position: relative;
  margin-top: 5px;
}

@media screen and (max-width: 767px) {
  .c-section-title1 h1,
  .c-section-title1 h2,
  .c-section-title1 h3,
  .c-section-title1 h4,
  .c-section-title1 h5 {
    font-size: 2.4rem;
  }
}

.c-section-title1 h1:after,
.c-section-title1 h2:after,
.c-section-title1 h3:after,
.c-section-title1 h4:after,
.c-section-title1 h5:after {
  position: absolute;
  bottom: -25px;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 50px;
  height: 5px;
  background: #16c6da;
  content: '';
}

@media screen and (max-width: 767px) {
  .c-section-title1 h1:after,
  .c-section-title1 h2:after,
  .c-section-title1 h3:after,
  .c-section-title1 h4:after,
  .c-section-title1 h5:after {
    width: 25px;
    height: 3px;
    bottom: -16px;
  }
}

.c-section-title1 h4 {
  margin: 0 0 40px 0;
  font-family: 'NotoSansJPM', sans-serif;
  font-size: 2.4rem;
  line-height: 1.5;
  font-weight: normal;
}

.c-section-title1 h4 span {
  position: relative;
  padding: 0 10% 20px;
  display: inline-block;
  border-bottom: 1px solid #cecece;
}

.c-section-title1 h4 span:before, .c-section-title1 h4 span:after {
  position: absolute;
  content: '';
  bottom: 0;
  width: 5px;
  height: 5px;
  border-left: 1px solid #cecece;
  border-bottom: 1px solid #cecece;
}

.c-section-title1 h4 span:before {
  left: 0;
  -webkit-transform: translate(-100%, 50%) rotate(225deg);
      -ms-transform: translate(-100%, 50%) rotate(225deg);
          transform: translate(-100%, 50%) rotate(225deg);
}

.c-section-title1 h4 span:after {
  right: 0;
  -webkit-transform: translate(100%, 50%) rotate(45deg);
      -ms-transform: translate(100%, 50%) rotate(45deg);
          transform: translate(100%, 50%) rotate(45deg);
}

.c-section-title2 {
  text-align: center;
  border-bottom: 1px solid #cecece;
  font-size: 3.6rem;
  font-weight: normal;
  font-family: 'NotoSansJPL';
  position: relative;
  padding-bottom: 23px;
}

.c-section-title2 span {
  color: #fa5b0f;
}

@media screen and (max-width: 767px) {
  .c-section-title2 {
    font-size: 1.8rem;
    padding-bottom: 12px;
  }
}

.c-section-title2:before {
  position: absolute;
  bottom: -5px;
  left: -3px;
  width: 7px;
  height: 7px;
  background: white;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  content: '';
}

.c-section-title2:after {
  position: absolute;
  bottom: -5px;
  right: -3px;
  width: 7px;
  height: 7px;
  background: white;
  border-left: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  content: '';
}

@media screen and (max-width: 767px) {
  .c-tabs {
    width: 100%;
    overflow-x: auto;
  }
}

.c-tabs ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 3px solid #16c6da;
}

@media screen and (max-width: 767px) {
  .c-tabs ul {
    width: 815px;
    border-bottom: 0;
  }
}

.c-tabs li {
  width: calc(100% / 6);
}

.c-tabs li:nth-of-type(even) {
  margin: 0 2px;
}

.c-tabs li.tab-on a {
  font-family: 'NotoSansJPM', sans-serif;
  color: #fff;
  background: #16c6da;
}

@media screen and (max-width: 767px) {
  .c-tabs li {
    width: 100px;
  }
  .c-tabs li:nth-of-type(even) {
    margin: 0 2px;
  }
}

.c-tabs a {
  padding: 15px 0;
  display: block;
  width: 100%;
  text-align: center;
  font-family: 'NotoSansJPL', sans-serif;
  font-size: 1.5rem;
  line-height: 1;
  color: #333;
  background: #ddd;
  cursor: pointer;
  border-radius: 5px 5px 0 0;
}

@media screen and (max-width: 767px) {
  .c-tabs a {
    border-radius: 0;
  }
}

.c-box1 {
  border: 5px solid #16c6da;
  padding: 45px 55px;
  padding-left: 415px;
  position: relative;
  background: #fff;
}

#c-box-area {
  padding: 45px 55px 80px 415px!important;
}

.sem-box {
  margin: 30px 0 50px;
}

#c-box-area img {
  top: 40px!important;
}

#c-box-area p {
  margin-top: 0!important;
}

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

@media screen and (max-width: 767px) {
  .c-box1 {
    border-width: 3px;
    padding: 15px;
    padding: 8px 15px 15px;
  }

  .sem-box {
  margin: 20px 0;
}
}

@media screen and (min-width: 767px) {
  .c-box1 img {
    position: absolute;
    left: 55px;
    top: 55px;
    width: 320px;
  }
}

@media screen and (max-width: 767px) {
  .c-box1 img {
    margin-top: 10px;
  }
}

.c-box1 h3 {
  font-size: 3.2rem;
  color: #fa5b0f;
}

@media screen and (max-width: 767px) {
  .c-box1 h3 {
    font-size: 2.1rem;
  }
}

.c-box1 p {
  margin-top: 25px;
  font-size: 1.6rem;
  text-align: justify;
  line-height: 30px;
}

@media screen and (max-width: 767px) {
  .c-box1 p {
    margin-top: 7px;
    font-size: 1.4rem;
    line-height: 20px;
  }
}

.c-box1 p span {
  font-weight: bold;
}

.c-cat__title {
  font-size: 2.2rem;
  background: url(/assets/image/svg/tag.svg) no-repeat top 8px left;
  -webkit-background-size: 20px 20px;
          background-size: 20px;
  padding-left: 30px;
  border-bottom: 3px solid #16c6da;
  padding-bottom: 15px;
}

@media screen and (max-width: 767px) {
  .c-cat__title {
    font-size: 1.4rem;
    background: url(/assets/image/svg/tag.svg) no-repeat top 5px left;
    -webkit-background-size: 12px 12px;
            background-size: 12px;
    padding-left: 17px;
    padding-bottom: 8px;
  }
}

.c-cat__list {
  background: #f6f6f6;
  padding: 30px;
  padding-top: 20px;
  *zoom: 1;
}

.c-cat__list:after {
  display: block;
  content: "";
  clear: both;
}

@media screen and (max-width: 767px) {
  .c-cat__list {
    padding: 15px;
  }
}

.c-cat__list label {
  width: 160px;
  text-align: center;
  font-size: 1.5rem;
  border: 1px solid #999999;
  border-radius: 5px;
  margin: 10px 0 0 10px;
  float: left;
  color: #999999;
  background: #fff;
  padding: 8px 0;
  position: relative;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

@media screen and (min-width: 767px) {
  .c-cat__list label:nth-child(6n + 1) {
    margin-left: 0;
  }
  .c-cat__list label:hover {
    border: 1px solid #000000;
    color: #000000;
  }
}

@media screen and (max-width: 767px) {
  .c-cat__list label {
    width: calc(33% - 3px);
    margin: 5px 0 1px 5px;
    font-size: 1rem;
    padding: 1px 0;
  }
  .c-cat__list label:nth-child(6n-4) {
    margin-left: 0;
  }
}

.c-cat__list input[type='checkbox'] {
  display: none;
}

.c-cat__list input[type='checkbox']:checked + label {
  border: 1px solid #000000;
  color: #000000;
}

.c-cat__all {
  display: block;
  margin: 40px 30px 20px;
  margin-left: auto;
  font-size: 1.3rem;
  color: #fff;
  border-radius: 5px;
  border: 2px solid #666666;
  padding: 4px 8px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  background: #666666;
}

@media screen and (min-width: 767px) {
  .c-cat__all:hover {
    border: 2px solid #666666;
    color: #666666;
    background: #fff;
  }
}

@media screen and (max-width: 767px) {
  .c-cat__all {
    background: #666666;
    color: #fff;
    font-size: 1.2rem;
    margin: 30px 0 20px;
    margin-left: auto;
  }
}

.c-blog-tag1 {
  margin-top: 12px;
}

.c-blog-tag1 span {
  background: #3b9cb0;
  color: #fff;
}

.c-blog-tag2 {
  margin-top: 6px;
}

.c-blog-tag2 span {
  background: #bcdbe2;
  color: #333333;
}

@media screen and (max-width: 767px) {
  .c-blog-tag1, .c-blog-tag2 {
    display: inline;
  }
}

.c-blog-tag1 span, .c-blog-tag2 span {
  display: inline-block;
  font-size: 1.1rem;
  font-weight: bold;
  margin: 0px 4px 4px 0;
  padding: 2px 9px;
}

@media screen and (max-width: 767px) {
  .c-blog-tag1 span, .c-blog-tag2 span {
    font-size: 1rem;
    padding: 2px;
    margin-right: 3px;
    margin-bottom: 3px;
  }
}

/*
------------------------------------------------------------*/
.c-mainvisual {
  padding: 149px 0;
}

@media screen and (max-width: 767px) {
  .c-mainvisual {
    padding: 0;
  }
}

.c-mainvisual--ai {
  background: url(/assets/image/reiworq-ai-ocr/bg-mainvisual2.jpg) top right/cover no-repeat;
}

.c-mainvisual--solution {
  background: url("/assets/image/support-solution/mv2.jpg") no-repeat top right/cover;
}

@media screen and (max-width: 767px) {
  .c-mainvisual--solution {
    background: #fff;
  }
}

.c-mainvisual--biztexcobit {
  background: url("/assets/image/biztexcobit/mv.jpg") no-repeat top center;
}

@media screen and (max-width: 767px) {
  .c-mainvisual--biztexcobit {
    background: #fff;
  }
}

.c-mainvisual__wrap {
  width: 1100px;
  margin: 0 auto;
}

@media screen and (max-width: 767px) {
  .c-mainvisual__wrap {
    width: 100%;
  }
}

.c-mainvisual__info {
  width: 50%;
  padding-left: 30px;
}

@media screen and (max-width: 767px) {
  .c-mainvisual__info {
    width: 100%;
    padding: 0;
  }
}

.c-mainvisual__heading {
  margin: 0 0 35px;
}

.c-mainvisual__heading--ai {
  margin: 0 0 55px;
}

@media screen and (max-width: 767px) {
  .c-mainvisual__heading--ai {
    background: url(/assets/image/reiworq-ai-ocr/bg-mainvisual_sp2.jpg) no-repeat top right;
    -webkit-background-size: cover;
            background-size: cover;
    padding: 25px 22px 35px;
    margin: 10px 0 0;
  }
}

@media screen and (max-width: 767px) {
  .c-mainvisual__heading--solution {
    background: url("/assets/image/support-solution/mv_sp.jpg") no-repeat center right;
    -webkit-background-size: contain;
            background-size: contain;
    padding: 35px 20px 50px;
    margin: 0;
  }
}

@media screen and (max-width: 767px) {
  .c-mainvisual__heading--biztexcobit {
    background: url("/assets/image/biztexcobit/mv_sp.jpg") no-repeat center right;
    -webkit-background-size: contain;
            background-size: contain;
    padding: 100px 20px 0px;
    margin: 0;
  }
}

@media screen and (max-width: 767px) {
  .c-mainvisual__content {
    background: #16c6da;
    margin: -40px 20px 0;
    padding: 20px 20px;
  }
}

.c-mainvisual__text1 {
  font-size: 2.7rem;
  line-height: 1.5;
  color: #010101;
}

@media screen and (max-width: 767px) {
  .c-mainvisual__text1 {
    font-size: 1.6rem;
  }
}

.c-mainvisual__logo {
  margin: 29px 0 20px;
  padding-left: 7px;
}

@media screen and (max-width: 767px) {
  .c-mainvisual__logo {
    margin: 16px 0 10px;
    padding-left: 0;
    width: 180px;
  }
}

@media screen and (max-width: 767px) {
  .c-mainvisual__logo img {
    width: 100%;
    height: auto;
  }
}

.c-mainvisual__ttl {
  font-size: 3.6rem;
  line-height: 1.2;
  color: #1976d2;
  font-weight: bold;
  letter-spacing: -0.7px;
  padding-left: 3px;
}

@media screen and (max-width: 767px) {
  .c-mainvisual__ttl {
    font-size: 1.4rem;
    letter-spacing: 0;
    padding-left: 0;
  }
}

.c-mainvisual__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 0 30px;
}

@media screen and (max-width: 767px) {
  .c-mainvisual__list {
    margin: 0 2px 9px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.c-mainvisual__item {
  width: 140px;
  height: 140px;
  background: #16c6da;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  margin-left: 20px;
}

@media screen and (max-width: 767px) {
  .c-mainvisual__item {
    width: 31.78%;
    height: 75px;
    background: #fff;
    margin-left: 5px;
    max-width: 150px;
    max-height: 150px;
  }
}

.c-mainvisual__item:first-child {
  margin: 0;
}

.c-mainvisual__text2 {
  font-size: 2.4rem;
  line-height: 1.5;
  color: #fff;
  font-weight: bold;
}

@media screen and (max-width: 767px) {
  .c-mainvisual__text2 {
    font-size: 1.2rem;
    color: #16c6da;
  }
}

.c-mainvisual__text3 {
  font-size: 1.6rem;
  line-height: 1.8;
  color: #000;
}

@media screen and (max-width: 767px) {
  .c-mainvisual__text3 {
    font-size: 1.4rem;
    line-height: 1.75;
    color: #fff;
  }
}

/*
------------------------------------------------------------*/
.c-box2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 5px solid #fcad87;
  padding: 15px 0;
}

@media screen and (max-width: 767px) {
  .c-box2 {
    padding: 20px;
  }
}

.c-box2__img {
  width: 40px;
  margin-right: 20px;
}

@media screen and (max-width: 767px) {
  .c-box2__img {
    width: 100%;
    margin: 0 12px 9px 0;
    text-align: center;
  }
}

@media screen and (max-width: 767px) {
  .c-box2__img svg {
    width: 100%;
  }
}

.c-box2__text {
  font-size: 2rem;
  line-height: 1.5;
  color: #111;
  font-weight: bold;
}

@media screen and (max-width: 767px) {
  .c-box2__text {
    font-size: 1.4rem;
    line-height: 1.75;
  }
}

/*
------------------------------------------------------------*/
.c-box3 {
  background: #fff;
  padding: 32px 152px 37px;
}

@media screen and (max-width: 767px) {
  .c-box3 {
    padding: 15px 20px 20px;
  }
}

.c-box3__ttl {
  font-size: 2rem;
  line-height: 1.7;
  color: #16c6da;
  font-weight: bold;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .c-box3__ttl {
    font-size: 1.8rem;
    line-height: 1.5;
  }
}

.c-box3__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 17px 0 0 12px;
}

@media screen and (max-width: 767px) {
  .c-box3__list {
    display: block;
    margin: 9px 0 0;
  }
}

.c-box3__item {
  position: relative;
  padding-left: 15px;
}

@media screen and (max-width: 767px) {
  .c-box3__item {
    text-align: left;
  }
}

.c-box3__item::before {
  content: '';
  width: 14px;
  height: 14px;
  background: #16c6da;
  border-radius: 50%;
  position: absolute;
  top: 6px;
  left: 0;
}

.c-box3__text {
  font-size: 1.6rem;
  line-height: 1.6;
  color: #000;
}

@media screen and (max-width: 767px) {
  .c-box3__text {
    font-size: 1.4rem;
    line-height: 1.75;
  }
}

/*
------------------------------------------------------------*/
.c-faq {
  margin-bottom: 70px;
}

@media screen and (max-width: 767px) {
  .c-faq {
    margin-bottom: 40px;
  }
}

.c-faq ul {
  border-top: 1px solid #ccc;
}

.c-faq li {
  display: block;
  width: 100%;
  border-bottom: 1px solid #ccc;
}

.c-faq .faq-q,
.c-faq .faq-a {
  padding: 25px 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 767px) {
  .c-faq .faq-q,
  .c-faq .faq-a {
    padding: 25px 30px 25px 10px;
  }
}

.c-faq .faq-q {
  position: relative;
  cursor: pointer;
}

.c-faq .faq-q p {
  font-size: 1.8rem;
}

@media screen and (max-width: 767px) {
  .c-faq .faq-q p {
    font-size: 1.5rem;
  }
}

.c-faq .faq-q.open .faq-btn:before {
  -webkit-transform: rotate(0);
      -ms-transform: rotate(0);
          transform: rotate(0);
}

.c-faq .faq-a {
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  border-top: 1px solid #ccc;
}

.c-faq .faq-a p {
  font-size: 1.6rem;
}

@media screen and (max-width: 767px) {
  .c-faq .faq-a p {
    font-size: 1.4rem;
  }
}

.c-faq .faq-a .q {
  margin-right: 20px;
}

.c-faq .q {
  margin-right: 10px;
  font-family: 'NotoSansJPB';
  font-size: 1.8rem !important;
  color: #16c6da;
}

.c-faq .faq-btn {
  position: absolute;
  top: 50%;
  right: 25px;
  width: 14px;
  height: 14px;
  -webkit-transform: translateY(-10%);
      -ms-transform: translateY(-10%);
          transform: translateY(-10%);
}

.c-faq .faq-btn:before, .c-faq .faq-btn:after {
  position: absolute;
  content: '';
  width: 100%;
  height: 2px;
  background: #16c6da;
  -webkit-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}

.c-faq .faq-btn:before {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}

.c-faq--style2 {
  margin: 0;
}

.c-faq--style2 .faq-q {
  padding: 25px 45px 25px 16px;
}

@media screen and (max-width: 767px) {
  .c-faq--style2 .faq-q {
    padding: 14px 45px 17px 14px;
  }
}

.c-faq--style2 .faq-q p {
  font-size: 2rem;
  font-weight: bold;
  letter-spacing: 1px;
}

@media screen and (max-width: 767px) {
  .c-faq--style2 .faq-q p {
    font-size: 1.6rem;
    letter-spacing: 0.2px;
  }
}

.c-faq--style2 .q {
  font-size: 2rem !important;
}

@media screen and (max-width: 767px) {
  .c-faq--style2 .q {
    font-size: 1.6rem !important;
    margin-right: 7px;
  }
}

.c-faq--style2 .faq-a {
  border: 0;
  padding: 0 60px 21px 19px;
  margin: -12px 0 0;
}

@media screen and (max-width: 767px) {
  .c-faq--style2 .faq-a {
    padding: 0 13px 21px 13px;
    margin: -8px 0 0;
  }
}

.c-faq--style2 .faq-a p {
  font-size: 1.5rem;
  line-height: 2.2;
  letter-spacing: 0.8px;
}

@media screen and (max-width: 767px) {
  .c-faq--style2 .faq-a p {
    font-size: 1.4rem;
    line-height: 1.75;
  }
}

.c-faq--style2 .faq-a .q {
  margin-right: 10px;
}

.c-faq--style2 .faq-btn {
  right: 21px;
  width: 23px;
  height: 2px;
}

@media screen and (max-width: 767px) {
  .c-faq--style2 .faq-btn {
    right: 15px;
    width: 12px;
    height: 2px;
  }
}

.c-box4 {
  width: 320px;
  height: 230px;
  border: 1px solid #3b9cb0;
}

.c-box4:not(:last-child) {
  margin-bottom: 22px;
}

@media screen and (max-width: 767px) {
  .c-box4 {
    width: 100%;
    height: auto;
  }
}

.c-box4__ttl {
  position: relative;
  font-size: 1.8rem;
  line-height: 1.5;
  background: #3b9cb0;
  color: #fff;
  padding: 14px 30px 17px 20px;
  font-weight: bold;
}

@media screen and (max-width: 767px) {
  .c-box4__ttl {
    font-size: 1.4rem;
    padding: 10px 30px 10px 20px;
  }
}

.c-box4__ttl:before {
  content: '';
  position: absolute;
  top: 16px;
  left: 18px;
  width: 24px;
  height: 24px;
  background: url(/assets/image/common/icon_talk.png) top center no-repeat;
}

@media screen and (max-width: 767px) {
  .c-box4__ttl:before {
    top: 18px;
    left: 24px;
    width: 18px;
    height: 18px;
    -webkit-background-size: cover;
            background-size: cover;
  }
}

.c-box4__txt {
  padding: 10px 20px 20px;
}

@media screen and (max-width: 767px) {
  .c-box4__txt {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    background: #fff;
  }
}

.c-box4__txt ul {
  width: 214px;
}

@media screen and (max-width: 767px) {
  .c-box4__txt ul {
    width: 100%;
  }
}

.c-box4__txt--flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.c-box4__txt--flex ul {
  width: 50%;
}

.c-box4__txt p {
  font-size: 1.4rem;
  line-height: 2;
  font-weight: bold;
  color: #020d34;
  padding: 0 0 0 16px;
  position: relative;
}

@media screen and (max-width: 767px) {
  .c-box4__txt p {
    font-size: 1.3rem;
    line-height: 1.8;
  }
}

.c-box4__txt p:before {
  content: '';
  position: absolute;
  width: 8px;
  height: 8px;
  background: #0098ff;
  top: 10px;
  left: 0;
  border-radius: 100%;
}

.c-box4__txt span {
  margin-top: 12px;
  display: inline-block;
  font-size: 1.4rem;
}

@media screen and (max-width: 767px) {
  .c-box4__txt span {
    font-size: 1.2rem;
  }
}

/* c-box5
------------------------------------------------------------*/
@media screen and (max-width: 767px) {
  .c-box5 {
    width: 100%;
  }
}

.c-box5 li {
  display: inline-block;
  text-align: center;
  color: #fff;
  background: #2acadd;
  padding: 18px 40px 14px;
}

@media screen and (max-width: 767px) {
  .c-box5 li {
    display: block;
    padding: 12px 0;
    margin: 0 0 3px;
  }
}

.c-box5 li p {
  font-size: 2rem;
  line-height: 1.5;
  font-weight: 500;
}

@media screen and (max-width: 767px) {
  .c-box5 li p {
    font-size: 1.6rem;
    line-height: 1.3;
  }
}

.c-box5 li p b {
  font-size: 4rem;
  font-weight: bold;
  line-height: 0.9;
  font-family: 'Roboto Condensed Bold', arial;
}

@media screen and (max-width: 767px) {
  .c-box5 li p b {
    font-size: 2.8rem;
    letter-spacing: 1px;
  }
}

/* c-box6
------------------------------------------------------------*/
.c-box6 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background: #fff;
  padding: 60px 0;
}

@media screen and (max-width: 767px) {
  .c-box6 {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 0 20px;
  }
}

.c-box6__item {
  text-align: center;
  width: 550px;
  padding: 0 60px;
}

@media screen and (max-width: 767px) {
  .c-box6__item {
    width: 100%;
    padding: 19px 0 26px;
  }
}

@media screen and (max-width: 767px) {
  .c-box6__item:last-child {
    padding: 23px 0 16px;
  }
}

.c-box6__item:not(:first-child) {
  border-left: 1px solid #16c6da;
}

@media screen and (max-width: 767px) {
  .c-box6__item:not(:first-child) {
    border-left: none;
    border-top: 1px solid #16c6da;
  }
}

.c-box6__img {
  margin: 0 0 13px;
}

@media screen and (max-width: 767px) {
  .c-box6__img {
    margin: 0 0 8px;
  }
}

.c-box6__img img {
  margin: 0 auto;
}

.c-box6__ttl {
  font-size: 2.2rem;
  line-height: 1.5;
  letter-spacing: 1px;
  color: #141414;
  margin-bottom: 16px;
}

@media screen and (max-width: 767px) {
  .c-box6__ttl {
    font-size: 1.8rem;
    letter-spacing: 0;
    margin-bottom: 5px;
  }
}

.c-box6__txt {
  font-size: 1.5rem;
  line-height: 2;
  color: #000;
  text-align: justify;
}

@media screen and (max-width: 767px) {
  .c-box6__txt {
    font-size: 1.4rem;
    line-height: 1.75;
  }
}

/* c-box7
------------------------------------------------------------*/
.c-box7 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media screen and (max-width: 767px) {
  .c-box7 {
    display: block;
  }
}

.c-box7__item {
  padding: 30px 40px;
  width: 530px;
  border: 1px solid #ccc;
  background: #fff;
}

@media screen and (max-width: 767px) {
  .c-box7__item {
    padding: 15px 18px;
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .c-box7__item:first-child {
    margin-bottom: 10px;
  }
}

.c-box7__ttl {
  margin-bottom: 21px;
  text-align: center;
  font-size: 2.4rem;
  color: #fa5b0f;
}

@media screen and (max-width: 767px) {
  .c-box7__ttl {
    margin-bottom: 6px;
    font-size: 1.6rem;
  }
}

.c-box7__txt {
  font-size: 1.6rem;
  line-height: 1.8;
}

@media screen and (max-width: 767px) {
  .c-box7__txt {
    font-size: 1.3rem;
    line-height: 1.9;
  }
}

.c-box7__txt--small {
  font-size: 1.4rem;
}

@media screen and (max-width: 767px) {
  .c-box7__txt--small {
    font-size: 1.1rem;
  }
}

/* c-box8
------------------------------------------------------------*/
.c-box8 {
  padding: 45px 55px 55px;
  background: #fff;
  border: 5px solid #ccc;
  border-radius: 5px;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .c-box8 {
    padding: 13px 15px 15px;
    border-width: 3px;
  }
}

.c-box8__ttl {
  margin-bottom: 28px;
  font-size: 3.6rem;
}

@media screen and (max-width: 767px) {
  .c-box8__ttl {
    margin-bottom: 6px;
    font-size: 2.1rem;
    line-height: 1.3;
  }
}

.c-box8 .c-btn006 a {
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 767px) {
  .c-box8 .c-btn006 a {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.c-box8 .c-btn006__ttl {
  margin: 3px 70px 0 0;
  padding: 13px 22px 13px 45px;
  background: #16c6da;
  color: #fff;
  font-size: 2.4rem;
  letter-spacing: 0.3px;
  position: relative;
}

@media screen and (max-width: 767px) {
  .c-box8 .c-btn006__ttl {
    margin: 10px 0;
    padding: 0;
    color: #000;
    background: none;
    font-size: 1.4rem;
  }
}

.c-box8 .c-btn006__ttl:after {
  position: absolute;
  border-top: 30px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 30px solid transparent;
  border-left: 30px solid #16c6da;
  top: 0;
  right: -36px;
  content: "";
}

@media screen and (max-width: 767px) {
  .c-box8 .c-btn006__ttl:after {
    content: none;
  }
}

.c-box8 .c-btn006__tel {
  margin-right: 5px;
  font-size: 4.1rem;
  letter-spacing: 1px;
}

@media screen and (max-width: 767px) {
  .c-box8 .c-btn006__tel {
    margin-right: 0;
    font-size: 2.1rem;
  }
}

.c-box8 .c-btn006__tel img {
  width: 25px;
  height: 35px;
}

@media screen and (max-width: 767px) {
  .c-box8 .c-btn006__tel img {
    width: 13px;
    height: 15px;
  }
}

/* c-contact002
------------------------------------------------------------*/
.c-contact002 {
  background: url(/assets/image/reiworq-ai-ocr/bn001.jpg) no-repeat top center;
  -webkit-background-size: cover;
          background-size: cover;
  text-align: center;
  padding: 38px 0 49px;
}

@media screen and (max-width: 767px) {
  .c-contact002 {
    padding: 28px 0 30px;
    background: url(/assets/image/reiworq-ai-ocr/bn001-sp.jpg) no-repeat bottom center/cover;
  }
}

.c-contact002__ttl {
  font-size: 3.6rem;
  line-height: 1.44;
  color: #fff;
  font-family: 'NotoSansJPB', sans-serif;
}

@media screen and (max-width: 767px) {
  .c-contact002__ttl {
    font-size: 2.1rem;
    line-height: 1.23;
  }
}

.c-contact002__ttl span {
  font-size: 2.8rem;
}

@media screen and (max-width: 767px) {
  .c-contact002__ttl span {
    font-size: 1.7rem;
  }
}

.c-contact002__txt {
  padding: 0 30px;
  margin-top: 13px;
}

@media screen and (max-width: 767px) {
  .c-contact002__txt {
    margin-top: 7px;
  }
}

.c-contact002__txt span {
  display: inline-block;
  position: relative;
  font-size: 2.4rem;
  line-height: 1.5;
  font-family: 'NotoSansJPM', sans-serif;
  color: #fff;
  padding-left: 9px;
}

@media screen and (max-width: 767px) {
  .c-contact002__txt span {
    font-size: 1.6rem;
  }
}

.c-contact002__txt span:before {
  content: '';
  display: inline-block;
  width: 19px;
  height: 23px;
  background: url(/assets/image/reiworq-ai-ocr/quote001.png) no-repeat top center;
  position: absolute;
  top: 7px;
  left: -19px;
}

@media screen and (max-width: 767px) {
  .c-contact002__txt span:before {
    background: url(/assets/image/reiworq-ai-ocr/quote001-sp.png) no-repeat top center;
    -webkit-background-size: cover;
            background-size: cover;
    width: 29px;
    height: 38px;
    top: 6px;
    left: -26px;
  }
}

.c-contact002__txt span:after {
  content: '';
  display: inline-block;
  width: 19px;
  height: 23px;
  background: url(/assets/image/reiworq-ai-ocr/quote002.png) no-repeat top center;
  position: absolute;
  top: 7px;
  right: -25px;
}

@media screen and (max-width: 767px) {
  .c-contact002__txt span:after {
    background: url(/assets/image/reiworq-ai-ocr/quote002-sp.png) no-repeat top center;
    -webkit-background-size: cover;
            background-size: cover;
    width: 29px;
    height: 38px;
    top: 6px;
    right: -26px;
  }
}

.c-contact002__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 27px;
}

@media screen and (max-width: 767px) {
  .c-contact002__list {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-top: 17px;
  }
}

@media screen and (max-width: 767px) {
  .c-contact002 .c-btn006 {
    margin-bottom: 11px;
  }
}

@media screen and (max-width: 767px) {
  .c-contact002 .c-btn006__ttl {
    margin: 0 auto 10px;
  }
}

.c-contact002--1 .c-contact002__list {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media screen and (max-width: 767px) {
  .c-contact002--1 .c-contact002__list {
    margin-top: 10px;
  }
}

.c-contact002--1 .c-contact002__ttl {
  letter-spacing: 2px;
}

@media screen and (max-width: 767px) {
  .c-contact002--1 .c-contact002__ttl {
    letter-spacing: 0;
  }
}

.c-contact002--1 .c-btn006 {
  width: 100%;
  padding: 20px 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #fff;
}

@media screen and (max-width: 767px) {
  .c-contact002--1 .c-btn006 {
    padding: 0;
    background: none;
  }
}

.c-contact002--1 .c-btn006 a {
  padding: 0;
}

.c-contact002--1 .c-btn006__ttl {
  margin: 3px 80px 0 0;
  padding: 13px 40px 13px 60px;
  background: #16c6da;
  color: #fff;
  font-size: 2.4rem;
  letter-spacing: 0.3px;
  position: relative;
}

@media screen and (max-width: 767px) {
  .c-contact002--1 .c-btn006__ttl {
    margin: 10px auto;
    padding: 0;
    background: none;
    font-size: 1.4rem;
  }
}

.c-contact002--1 .c-btn006__ttl:after {
  position: absolute;
  border-top: 30px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 30px solid transparent;
  border-left: 30px solid #16c6da;
  top: 0;
  right: -36px;
  content: "";
}

@media screen and (max-width: 767px) {
  .c-contact002--1 .c-btn006__ttl:after {
    content: none;
  }
}

.c-contact002--1 .c-btn006__tel {
  margin-right: 5px;
  font-size: 4.1rem;
  letter-spacing: 1px;
}

@media screen and (max-width: 767px) {
  .c-contact002--1 .c-btn006__tel {
    margin-right: 0;
    font-size: 2.1rem;
  }
}

.c-contact002--1 .c-btn006__tel img {
  width: 25px;
  height: 35px;
}

@media screen and (max-width: 767px) {
  .c-contact002--1 .c-btn006__tel img {
    width: 13px;
    height: 15px;
  }
}

/*
------------------------------------------------------------*/
.c-flow__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  border: 1px solid #ddd;
  border-bottom: 0;
}

.c-flow__item .c-flow__heading {
  background: #b4d8df;
}

.c-flow__item .c-flow__info {
  background: #f4f9fa;
}

.c-flow__item:last-child {
  border-bottom: 1px solid #ddd;
}

.c-flow__item:nth-child(2) .c-flow__heading {
  background: #9de1ee;
}

.c-flow__item:nth-child(2) .c-flow__heading:after {
  border-color: transparent transparent transparent #9de1ee;
}

@media screen and (max-width: 767px) {
  .c-flow__item:nth-child(2) .c-flow__heading:after {
    border-color: #9de1ee transparent transparent transparent;
  }
}

.c-flow__item:nth-child(2) .c-flow__info {
  background: #e6f7fb;
}

.c-flow__item:nth-child(3) .c-flow__heading {
  background: #47bed6;
}

.c-flow__item:nth-child(3) .c-flow__heading:after {
  border-color: transparent transparent transparent #47bed6;
}

@media screen and (max-width: 767px) {
  .c-flow__item:nth-child(3) .c-flow__heading:after {
    border-color: #47bed6 transparent transparent transparent;
  }
}

.c-flow__item:nth-child(3) .c-flow__info {
  background: #d1eff5;
}

.c-flow__item:nth-child(3) .c-flow__ttl {
  letter-spacing: 4.2px;
}

.c-flow__heading {
  width: 249px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 14px 29px;
  position: relative;
}

@media screen and (max-width: 767px) {
  .c-flow__heading {
    width: 100%;
    padding: 7px 14px;
  }
}

.c-flow__heading::after {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 0 10px 10px;
  border-color: transparent transparent transparent #b4d8df;
  position: absolute;
  top: 50%;
  right: -10px;
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
}

@media screen and (max-width: 767px) {
  .c-flow__heading::after {
    border-width: 6px 6px 0 6px;
    border-color: #b4d8df transparent transparent transparent;
    top: auto;
    bottom: -6px;
    left: 50%;
    right: auto;
    -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
  }
}

.c-flow__icon {
  width: 50px;
  height: 50px;
  background: #fff;
  border-radius: 50%;
  padding: 16px;
  margin: 0 10px 0 0;
}

@media screen and (max-width: 767px) {
  .c-flow__icon {
    width: 25px;
    height: 25px;
    padding: 2px 7px;
  }
}

.c-flow__icon img {
  max-width: 100%;
}

.c-flow__icon svg {
  width: 100%;
  height: auto;
  vertical-align: middle;
}

.c-flow__ttl {
  width: calc(100% - 60px);
  font-size: 2rem;
  line-height: 1.2;
  color: #111;
  font-family: 'NotoSansJPM', sans-serif;
}

@media screen and (max-width: 767px) {
  .c-flow__ttl {
    font-size: 1.6rem;
  }
}

.c-flow__info {
  width: calc(100% - 249px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 27px 30px 30px;
}

@media screen and (max-width: 767px) {
  .c-flow__info {
    width: 100%;
    padding: 11px 14px 10px;
  }
}

.c-flow__txt {
  font-size: 1.8rem;
  line-height: 1.1;
  color: #111;
}

@media screen and (max-width: 767px) {
  .c-flow__txt {
    font-size: 1.4rem;
    line-height: 1.5;
    font-family: 'NotoSansJPM', sans-serif;
  }
}

/*
------------------------------------------------------------*/
.c-intro {
  background: #f6f6f6;
  padding: 60px 0 100px;
}

@media screen and (max-width: 767px) {
  .c-intro {
    padding: 40px 20px;
  }
}

.c-intro__box {
  width: 1100px;
  margin: 0 auto;
  background: #fff;
  border: 1px solid #16c6da;
  border-radius: 6px;
  -webkit-box-shadow: 1px 2px 8px -6px rgba(4, 0, 0, 0.5);
          box-shadow: 1px 2px 8px -6px rgba(4, 0, 0, 0.5);
  padding: 35px 30px 29px 56px;
  *zoom: 1;
}

.c-intro__box:after {
  display: block;
  content: "";
  clear: both;
}

@media screen and (max-width: 767px) {
  .c-intro__box {
    width: 100%;
    padding: 12px 18px 19px;
    border-radius: 3px;
  }
}

.c-intro__img {
  width: 215px;
  margin: 3px 0 0;
  float: left;
  position: relative;
}

@media screen and (max-width: 767px) {
  .c-intro__img {
    text-align: center;
    width: 100%;
    float: none;
    margin: 13px 0 0;
  }
}

.c-intro__img img {
  max-width: 215px;
}

@media screen and (max-width: 767px) {
  .c-intro__img img {
    max-width: 100%;
  }
}

.c-intro__ttl, .c-intro__txt,
.c-intro .c-btn005 {
  width: calc(100% - 238px);
  float: right;
}

@media screen and (max-width: 767px) {
  .c-intro__ttl, .c-intro__txt,
  .c-intro .c-btn005 {
    width: 100%;
    float: none;
  }
}

.c-intro__ttl {
  font-size: 3.6rem;
  line-height: 1.2;
  color: #16c6da;
  font-weight: bold;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .c-intro__ttl {
    font-size: 1.9rem;
    line-height: 1.5;
  }
}

.c-intro__txt {
  font-size: 1.6rem;
  line-height: 1.75;
  color: #111;
  margin: 27px 0 33px;
  padding-left: 7px;
}

@media screen and (max-width: 767px) {
  .c-intro__txt {
    font-size: 1.3rem;
    line-height: 1.5;
    margin: 10px 0;
    padding: 0;
  }
}

.c-intro .c-btn005 {
  text-align: center;
}

.c-intro .c-btn005 a {
  width: 360px;
  font-size: 2rem;
  padding: 12px;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .c-intro .c-btn005 a {
    width: 100%;
    max-width: 240px;
    margin: 0 auto;
    font-size: 1.3rem;
    padding: 13.5px;
  }
}

.c-search1 {
  border: 1px solid #cccccc;
}

@media screen and (max-width: 767px) {
  .c-search1 {
    border-width: 1px 0;
  }
}

.c-search1__select {
  padding: 30px 40px 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 767px) {
  .c-search1__select {
    padding: 10px 20px;
    display: block;
  }
}

.c-search1__select:not(:last-child) {
  border-bottom: 1px solid #cccccc;
}

.c-search1__ttl {
  min-width: 220px;
  font-size: 1.6rem;
  font-weight: 600;
}

@media screen and (max-width: 767px) {
  .c-search1__ttl {
    margin-bottom: 13px;
    min-width: none;
    font-size: 1.2rem;
  }
}

.c-search1__ttl img {
  margin: 6px 10px 0 0;
}

@media screen and (max-width: 767px) {
  .c-search1__ttl img {
    margin: 2px 4px 0 0;
    width: 13px;
    height: 13px;
  }
}

.c-section-method {
  margin: 0 auto;
  width: 1100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 767px) {
  .c-section-method {
    width: 87.5%;
    display: block;
  }
}

.c-section-method__left {
  margin: 27px 70px 0 0;
  width: 310px;
}

@media screen and (max-width: 767px) {
  .c-section-method__left {
    width: 100%;
    text-align: center;
  }
}

.c-section-method__ttl {
  margin-bottom: 13px;
  font-family: 'Noto Sans CJK JP', sans-serif;
  font-size: 4rem;
  font-weight: 300;
}

@media screen and (max-width: 767px) {
  .c-section-method__ttl {
    margin-bottom: 6px;
    font-size: 2.5rem;
  }
}

.c-section-method__sub {
  margin-bottom: 58px;
  font-size: 1.4rem;
  line-height: 1.9;
  text-transform: uppercase;
  font-family: 'Raleway', sans-serif;
  letter-spacing: 1px;
  font-weight: 500;
  color: #b0b0b0;
  position: relative;
}

@media screen and (max-width: 767px) {
  .c-section-method__sub {
    margin-bottom: 35px;
  }
}

.c-section-method__sub:after {
  position: absolute;
  content: "";
  bottom: -26px;
  left: 0;
  width: 50px;
  height: 5px;
  background: #16c6da;
}

@media screen and (max-width: 767px) {
  .c-section-method__sub:after {
    bottom: -14px;
    width: 30px;
    height: 3px;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}

.c-section-method__txt {
  font-size: 1.4rem;
  line-height: 1.9;
}

@media screen and (max-width: 767px) {
  .c-section-method__txt {
    margin-bottom: 22px;
    text-align: left;
    line-height: 1.8;
  }
}

.c-section-method .c-btn02 {
  margin-top: 36px;
}

@media screen and (max-width: 767px) {
  .c-section-method .c-btn02 {
    margin-top: 30px;
    text-align: center;
  }
}

.c-section-method .c-btn02 a {
  width: 300px;
  line-height: 1;
}

@media screen and (max-width: 767px) {
  .c-section-method .c-btn02 a {
    width: 250px;
    border-radius: 3px;
    line-height: 1.4;
    font-weight: 500;
  }
}

/*
------------------------------------------------------------*/
.c-comment1 {
  padding: 5px 10px;
  width: 580px;
  background: #16c6da;
  border-radius: 25px;
  display: inline-block;
  color: #fff;
  font-size: 2.8rem;
  font-weight: bold;
  text-align: center;
  position: relative;
}

@media screen and (max-width: 767px) {
  .c-comment1 {
    width: 100%;
    font-size: 1.9rem;
  }
}

.c-comment1:after {
  position: absolute;
  content: "";
  bottom: -14px;
  left: 50%;
  border-style: solid;
  border-color: #16c6da transparent transparent transparent;
  border-width: 15px 10px 0px 10px;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}

@media screen and (max-width: 767px) {
  .c-comment1:after {
    bottom: -12px;
    border-width: 13px 8px 0 8px;
  }
}

/*
------------------------------------------------------------*/
.c-box9 {
  border: 1px solid #ccc;
  text-align: center;
  padding: 31px 0 37px;
}

.c-box9__ttl {
  font-size: 2.2rem;
  line-height: 36px;
  font-weight: bold;
  margin: 0 0 11px;
}

.c-box9__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.c-box9__item {
  margin: 0 24px;
  position: relative;
}

.c-box9__item:not(:first-child):before {
  content: '';
  position: absolute;
  top: 8px;
  left: -24px;
  width: 1px;
  height: 20px;
  background: #000;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.c-box9__link {
  font-size: 1.6rem;
  line-height: 34px;
  color: #16c6da;
  text-decoration: underline;
  position: relative;
}

.c-box9__icon {
  position: absolute;
  top: 6px;
  right: -16px;
}

/*------------------------------------------------------------
index
------------------------------------------------------------*/
.p-index1 {
  background: url(/assets/image/index/bg1.png) top right/cover no-repeat;
  padding: 170px 0 79px;
}

@media screen and (max-width: 767px) {
  .p-index1 {
    padding: 204px 0 30px;
    background: url(/assets/image/index/bg1-sp.png) top 50px center/100% no-repeat;
  }
}

.p-index1__box {
  width: 504px;
}

@media screen and (max-width: 767px) {
  .p-index1__box {
    width: 100%;
  }
}

.p-index1__txt1 {
  font-size: 3.6rem;
  line-height: 1.5;
  text-align: center;
  margin: 0 0 21px;
}

@media screen and (max-width: 767px) {
  .p-index1__txt1 {
    font-size: 1.6rem;
    line-height: 1.6;
    margin: 0 0 15px;
  }
}

.p-index1__logo {
  margin: 0 0 30px 15px;
}

@media screen and (max-width: 767px) {
  .p-index1__logo {
    margin: 0 0 19px;
  }
}

.p-index1 .c-box5 {
  margin: 0 0 20px 15px;
}

@media screen and (max-width: 767px) {
  .p-index1 .c-box5 {
    margin: 0 0 9px;
  }
}

.p-index1__txt2 {
  width: 620px;
  margin-left: 15px;
  letter-spacing: 1.5px;
  text-align: left;
  font-size: 1.8rem;
  line-height: 1.9;
  font-family: "NotoSansJPM", sans-serif;
}

@media screen and (max-width: 767px) {
  .p-index1__txt2 {
	width: auto;
	text-align: center;
    margin-left: 0;
    font-size: 1.3rem;
    line-height: 1.8;
    letter-spacing: 0;
  }
}

.p-index2 {
  background: url(/assets/image/index/bg2.jpg) top center/cover no-repeat;
  padding: 100px 0;
}

@media screen and (max-width: 767px) {
  .p-index2 {
    background: url(/assets/image/index/bg2-sp.png) bottom center/contain no-repeat;
    padding: 50px 0;
  }
}

@media screen and (max-width: 767px) {
  .p-index2 .c-text001 {
    margin-bottom: 17px;
  }
}

.p-index2 .c-btn02 {
  text-align: center;
  margin-top: 47px;
}

@media screen and (max-width: 767px) {
  .p-index2 .c-btn02 {
    margin-top: 18px;
    border-radius: 1px;
    margin: 0 auto;
  }
}

@media screen and (max-width: 767px) {
  .p-index2 .c-btn02 a {
    width: 126px;
  }
}

.p-index3 {
  background: url(/assets/image/index/bg3-1.png) bottom center/cover no-repeat;
  padding: 100px 0;
}

@media screen and (max-width: 767px) {
  .p-index3 {
    background: #e7f9fb url(/assets/image/index/bg3-1-sp.png) bottom center/contain no-repeat;
    padding: 50px 0;
  }
}

.p-index3 .c-title009__icon {
  margin: 0 auto 7px;
}

@media screen and (max-width: 767px) {
  .p-index3 .c-title009__icon svg {
    width: 75%;
  }
}

.p-index3 .c-text001 {
  margin: 0 0 47px;
}

@media screen and (max-width: 767px) {
  .p-index3 .c-text001 {
    margin-bottom: 30px;
  }
}

.p-index3 .c-text001--1 {
  margin: 0 0 75px;
}

@media screen and (max-width: 767px) {
  .p-index3 .c-text001--1 {
    margin-bottom: 16px;
  }
}

.p-index3 .c-box6 {
  margin-bottom: 88px;
  padding: 60px 0 56px;
}

@media screen and (max-width: 767px) {
  .p-index3 .c-box6 {
    margin-bottom: 36px;
    padding: 0 20px;
  }
}

.p-index3 .c-title010 {
  margin-bottom: 20px;
}

@media screen and (max-width: 767px) {
  .p-index3 .c-title010 {
    margin-bottom: 12px;
  }
}

@media screen and (max-width: 767px) {
  .p-index3 .l-wrap--case {
    width: 94%;
  }
}

.p-index3 .c-btn02 {
  margin-top: 0;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .p-index3 .c-btn02 {
    margin-top: 20px;
  }
}

@media screen and (max-width: 767px) {
  .p-index3 .c-btn02 a {
    width: 126px;
    border-radius: 3px;
  }
}

.p-index4 {
  background: #f8f8f8;
  padding: 111px 0 99px;
}

@media screen and (max-width: 767px) {
  .p-index4 {
    padding: 50px 0;
  }
}

.p-index4 .c-title009 {
  margin: 0 0 45px;
}

@media screen and (max-width: 767px) {
  .p-index4 .c-title009 {
    margin-bottom: 22px;
  }
}

.p-index4 .c-title009__icon {
  margin: 0 auto 11px;
}

@media screen and (max-width: 767px) {
  .p-index4 .c-title009__icon {
    margin-bottom: 5px;
  }
}

@media screen and (max-width: 767px) {
  .p-index4 .c-title009__icon svg {
    width: 75%;
  }
}

.p-index4 .c-text001 {
  margin: 0 0 46px;
}

@media screen and (max-width: 767px) {
  .p-index4 .c-text001 {
    margin-bottom: 26px;
  }
}

.p-index4 .c-list007 {
  margin: 0 0 61px;
}

@media screen and (max-width: 767px) {
  .p-index4 .c-list007 {
    margin-bottom: 19px;
  }
}

.p-index4 .c-imgText002 {
  background: #fff;
}

.p-index4 .c-imgText002:not(:last-child) {
  margin: 0 0 18px;
}

.p-index5 {
  background: url(/assets/image/index/bg4.jpg) top 34px center/contain no-repeat;
  padding: 100px 0 95px;
}

@media screen and (max-width: 767px) {
  .p-index5 {
    padding: 50px 0;
  }
}

.p-index5 .c-title009__icon {
  margin: 0 auto 11px;
}

@media screen and (max-width: 767px) {
  .p-index5 .c-title009__icon {
    margin-bottom: 2px;
  }
}

@media screen and (max-width: 767px) {
  .p-index5 .c-title009__icon svg {
    width: 75%;
  }
}

.p-index5 .c-text001 {
  margin: 0 0 46px;
}

@media screen and (max-width: 767px) {
  .p-index5 .c-text001 {
    margin-bottom: 21px;
  }
}

.p-index5 .c-list008 {
  margin: 0 0 27px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
	margin-top: 150px;
  padding: 0 30px;
}

@media screen and (max-width: 767px) {
  .p-index5 .c-list008 {
    margin-bottom: 10px;
	margin-top: 75px;
  }
}

.p-index5 .c-list008__item {
  width: 335px;
  margin: 0 40px 50px 0;
  padding: 30px 0 5px 0;
}

.p-index5 .c-list008__item:nth-child(6) {
  margin-right: 0;
}

@media screen and (max-width: 767px) {
  .p-index5 .c-list008__item {
    margin-right: 0;
  }
}

@media screen and (max-width: 767px) {
  .p-index5 .c-list008__img {
    margin-bottom: 14px;
  }
}

@media screen and (max-width: 767px) {
  .p-index5 .c-list008__ttl {
    margin-bottom: 15px;
    font-size: 1.8rem;
  }
}

@media screen and (max-width: 767px) {
  .p-index5 .c-list008__txt {
    letter-spacing: -1px;
    line-height: 1.6;
  }
}

@media screen and (max-width: 767px) {
  .p-index5 .c-list008 .c-btn02 {
    margin-top: 13px;
  }
  .p-index5 .c-list008 .c-btn02 a {
    width: 128px;
  }
}

.p-index5__note {
  font-size: 1.4rem;
  line-height: 1.5;
  text-align: center;
  letter-spacing: .7px;
}

@media screen and (max-width: 767px) {
  .p-index5__note {
    text-align: left;
    font-size: 1.2rem;
  }
}

.p-index6 {
  background: #e7f9fb;
  padding: 100px 0 104px;
}

@media screen and (max-width: 767px) {
  .p-index6 {
    padding: 50px 0 45px;
  }
}

.p-index6 .c-title009__icon {
  margin: 0 auto 14px;
}

@media screen and (max-width: 767px) {
  .p-index6 .c-title009__icon {
    margin-bottom: 0;
  }
}

@media screen and (max-width: 767px) {
  .p-index6 .c-title009 svg {
    width: 75%;
  }
}

.p-index6 .c-text001 {
  margin: 0 0 47px;
}

@media screen and (max-width: 767px) {
  .p-index6 .c-text001 {
    margin-bottom: 30px;
  }
}

.p-index6 .c-list1 {
  margin: 0 auto;
  width: 100%;
}

.p-index6 .c-list1 li {
  width: 360px;
  background: #fff;
  padding: 34px 40px;
  margin: 0;
}

@media screen and (max-width: 767px) {
  .p-index6 .c-list1 li {
    width: 100%;
    margin-bottom: 10px;
    padding: 20px;
  }
}

.p-index6 .c-list1 li:not(:first-child) {
  margin-left: 10px;
}

@media screen and (max-width: 767px) {
  .p-index6 .c-list1 li:not(:first-child) {
    margin-left: 0;
  }
}

.p-index6 .c-list1__type {
  padding: 2px 10px;
  margin-left: 9px;
}

.p-index6 .c-list1__tt {
  margin: 8px 0;
}

.p-index6 .c-list1__text {
  line-height: 1.7;
}

@media screen and (max-width: 767px) {
  .p-index6 .c-list1__text {
    font-size: 1.2rem;
  }
}

.p-index6 .c-list1__cat {
  margin: 18px 0 4px;
  padding-top: 17px;
}

@media screen and (max-width: 767px) {
  .p-index6 .c-list1__cat {
    margin: 15px 0 0;
    padding-top: 14px;
  }
}

@media screen and (max-width: 767px) {
  .p-index6 .c-list1__cat span {
    font-size: 1.2rem;
  }
}

.p-index6 .c-list1 svg {
  width: 15px;
  height: 15px;
}

.p-index6 .c-btn02 {
  text-align: center;
  margin-top: 40px;
}

.p-index7 {
  background: #f8f8f8;
  padding: 99px 0;
}

@media screen and (max-width: 767px) {
  .p-index7 {
    padding: 55px 0 40px;
    width: 100%;
    overflow: hidden;
  }
}

.p-index7 .c-title009__icon {
  margin: 0 auto 1px;
}

@media screen and (max-width: 767px) {
  .p-index7 .c-title009__icon svg {
    width: 75%;
  }
}

.p-index7 .c-text001 {
  margin: 0 0 45px;
}

@media screen and (max-width: 767px) {
  .p-index7 .c-text001 {
    margin-bottom: 25px;
  }
}

@media screen and (max-width: 767px) {
  .p-index7 .c-slide001 {
    margin-bottom: 50px;
  }
}

.p-index7 .c-slide001__item {
  background-color: #fff;
}

.p-index7 .c-btn02 {
  margin-top: 100px;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .p-index7 .c-btn02 {
    margin-top: 0;
  }
}

@media screen and (max-width: 767px) {
  .p-index7 .c-btn02 a {
    width: 126px;
  }
}

.p-index8 {
  padding: 100px 0 122px;
}

@media screen and (max-width: 767px) {
  .p-index8 {
    padding: 50px 0;
  }
}

.p-index8 .c-title009 {
  margin: 0 0 61px;
}

@media screen and (max-width: 767px) {
  .p-index8 .c-title009 {
    margin-bottom: 25px;
  }
}

.p-index8 .c-title009__icon {
  margin: 0 auto 8px;
}

@media screen and (max-width: 767px) {
  .p-index8 .c-title009__icon svg {
    width: 75%;
  }
}

.p-index8 .c-btn02 {
  text-align: center;
  margin-top: 40px;
}

@media screen and (max-width: 767px) {
  .p-index8 .c-btn02 {
    margin-top: 30px;
  }
}

@media screen and (max-width: 767px) {
  .p-index8 .c-btn02 a {
    width: 126px;
  }
}

.p-index8 .news-tabs__list {
  padding: 0px 79px;
  border-bottom: none;
}

@media screen and (max-width: 767px) {
  .p-index8 .news-tabs__list {
    padding: 0;
  }
}

.p-index8 .news-tabs__list h2 {
  font-weight: bold;
}

@media screen and (max-width: 767px) {
  .p-index8 .news-tabs__list h2 {
    margin-top: 11px;
    line-height: 1.8;
  }
}

/*
------------------------------------------------------------*/
.page-index, .index-temp {
  padding-top: 0 !important;
}

.p-section-method {
  padding: 110px 0;
}

@media screen and (max-width: 767px) {
  .p-section-method {
    padding: 12px 0 50px;
  }
}

.p-section-method .c-btn02 a {
  font-family: "NotoSansJPR", sans-serif;
}

/*------------------------------------------------------------
blog
------------------------------------------------------------*/
.page-blog__blog {
  background: url("/assets/image/blog/main-bg.png") no-repeat top center;
}

@media screen and (max-width: 767px) {
  .page-blog {
    -webkit-background-size: 100% 100%;
            background-size: 100%;
  }
}

.page-blog__news {
  padding-top: 21px;
  margin-bottom: 139px;
}

@media screen and (max-width: 767px) {
  .page-blog__news {
    padding-top: 0;
    margin-bottom: 59px;
  }
}

.page-blog .blog-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 767px) {
  .page-blog .blog-container {
    display: block;
  }
}

.page-blog .blog-container__left {
  width: 760px;
  margin-right: 60px;
}

@media screen and (max-width: 767px) {
  .page-blog .blog-container__left {
    margin-bottom: 20px;
    width: 100%;
  }
}

.page-blog .blog-container .blog-anchor {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #f8f8f8;
  padding: 30px 40px 40px;
}

@media screen and (max-width: 767px) {
  .page-blog .blog-container .blog-anchor {
    padding: 15px 20px 24px;
    margin-top: 30px;
  }
}

.page-blog .blog-container .blog-anchor h2 {
  font-size: 2rem;
  color: #000000;
  text-align: left;
  border-bottom: 1px solid #16c6da;
  padding-bottom: 14px;
}

@media screen and (max-width: 767px) {
  .page-blog .blog-container .blog-anchor h2 {
    font-size: 1.5rem;
    padding-bottom: 4px;
  }
}

.page-blog .blog-container .blog-anchor ol {
  counter-reset: items;
}

.page-blog .blog-container .blog-anchor ol li {
  font-size: 1.5rem;
  color: #666;
}

@media screen and (max-width: 767px) {
  .page-blog .blog-container .blog-anchor ol li {
    font-size: 1.4rem;
    line-height: 1.8;
  }
}

.page-blog .blog-container .blog-anchor ol li a {
  color: #000;
  font-weight: normal;
}

.page-blog .blog-container .blog-anchor ol li a:hover {
  color: #16c6da;
}

.page-blog .blog-container .blog-anchor ol .level-h2 {
  counter-increment: items;
  display: table;
}

.page-blog .blog-container .blog-anchor ol .level-h2:not(:last-child) {
  margin-top: 21px;
  margin-bottom: 21px;
}

@media screen and (max-width: 767px) {
  .page-blog .blog-container .blog-anchor ol .level-h2:not(:last-child) {
    margin-bottom: 11px;
  }
}

.page-blog .blog-container .blog-anchor ol .level-h2:before {
  content: counter(items, decimal-leading-zero) ". ";
  color: #16c6da;
  padding-right: 5px;
  font-weight: bold;
  display: table-cell;
}

@media screen and (max-width: 767px) {
  .page-blog .blog-container .blog-anchor ol .level-h2:before {
    padding-right: 3px;
  }
}

.page-blog .blog-container .blog-anchor ol .level-h2 + .level-h3 {
  margin-top: 14px;
}

@media screen and (max-width: 767px) {
  .page-blog .blog-container .blog-anchor ol .level-h2 + .level-h3 {
    margin-top: 8px;
  }
}

.page-blog .blog-container .blog-anchor ol .level-h2 a {
  font-weight: bold;
}

.page-blog .blog-container .blog-anchor ol .level-h3 {
  margin-bottom: 4px;
  margin-left: 10px;
}

@media screen and (max-width: 767px) {
  .page-blog .blog-container .blog-anchor ol .level-h3 {
    margin-bottom: 2px;
  }
}

.page-blog .blog-container .blog-anchor ol .level-h3 a {
  color: #666;
}

.page-blog .blog-container .blog-anchor ol .level-h3 + .level-h4 {
  margin-top: 14px;
}

@media screen and (max-width: 767px) {
  .page-blog .blog-container .blog-anchor ol .level-h3 + .level-h4 {
    margin-top: 4px;
  }
}

.page-blog .blog-container .blog-anchor ol .level-h4 {
  margin-left: 20px;
  font-size: 1.2rem;
}

@media screen and (max-width: 767px) {
  .page-blog .blog-container .blog-anchor ol .level-h4 {
    font-size: 1.1rem;
  }
}

.page-blog .blog-body {
  padding-top: 0;
}

.page-blog .blog-body__news {
  padding-top: 50px;
}

@media screen and (max-width: 767px) {
  .page-blog .blog-body__news {
    padding-top: 20px;
  }
}

.page-blog .blog-title {
  width: 100%;
  text-align: left;
  margin: 0 auto;
  height: 300px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media screen and (max-width: 767px) {
  .page-blog .blog-title {
    height: 150px;
  }
}

.page-blog .blog-title h1 {
  font-size: 4.6rem;
  line-height: 60px;
}

@media screen and (max-width: 767px) {
  .page-blog .blog-title h1 {
    font-size: 2.3rem;
    line-height: 27px;
  }
}

.page-blog .blog-nav {
  *zoom: 1;
}

.page-blog .blog-nav:after {
  display: block;
  content: "";
  clear: both;
}

.page-blog .blog-nav .blog-breadcrumb {
  float: left;
}

.page-blog .blog-nav .blog-sns {
  float: right;
}

.page-blog .blog-nav .blog-sns li {
  display: inline-block;
}

.page-blog .blog-nav .blog-sns li:not(:first-child) {
  margin-left: 17px;
}

.page-blog .blog-nav .blog-sns li a {
  display: block;
}

.page-blog .blog-nav .blog-sns li svg {
  width: 100% !important;
}

.page-blog .blog-nav.bottom {
  margin-bottom: 100px;
}

@media screen and (max-width: 767px) {
  .page-blog .blog-nav.bottom {
    margin-bottom: 30px;
  }
}

.page-blog .blog-article {
  margin: 34px 0;
}

@media screen and (max-width: 767px) {
  .page-blog .blog-article {
    margin-top: 18px;
  }
}

.page-blog .blog-article__title {
  font-size: 3.6rem;
  text-align: left;
  font-family: "NotoSansJPL", sans-serif;
  position: relative;
  margin-bottom: 73px;
}

@media screen and (max-width: 767px) {
  .page-blog .blog-article__title {
    font-size: 1.8rem;
    margin-bottom: 45px;
  }
}

.page-blog .blog-article__title:after {
  position: absolute;
  bottom: -36px;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 50px;
  height: 5px;
  background: #16c6da;
  content: '';
}

@media screen and (max-width: 767px) {
  .page-blog .blog-article__title:after {
    width: 25px;
    height: 3px;
    bottom: -16px;
  }
  .page-blog .blog-article__title:after__title {
    font-size: 3.6rem;
    text-align: left;
    font-family: "NotoSansJPL", sans-serif;
    position: relative;
    margin-bottom: 73px;
  }
}

@media screen and (max-width: 767px) and (max-width: 767px) {
  .page-blog .blog-article__title:after__title {
    font-size: 1.8rem;
    margin-bottom: 45px;
  }
}

@media screen and (max-width: 767px) {
  .page-blog .blog-article__title:after__title:after {
    position: absolute;
    bottom: -36px;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 50px;
    height: 5px;
    background: #16c6da;
    content: '';
  }
}

@media screen and (max-width: 767px) and (max-width: 767px) {
  .page-blog .blog-article__title:after__title:after {
    width: 25px;
    height: 3px;
    bottom: -16px;
  }
}

.page-blog .blog-article figure {
  position: relative;
  margin-bottom: 40px;
  text-align: center;
  height: 400px;
  width: 100%;
  overflow: hidden;
}

@media screen and (max-width: 767px) {
  .page-blog .blog-article figure {
    margin-bottom: 10px;
  }
}

@media screen and (max-width: 480px) {
  .page-blog .blog-article figure {
    width: 100%;
    padding-top: 56%;
    height: auto;
    position: relative;
    overflow: hidden;
  }
}

.page-blog .blog-article figure img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: auto;
  height: auto;
  min-width: 100%;
  min-height: 100%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.page-blog .blog-article img {
  max-width: 100%;
}

.page-blog .blog-article .blog-header__lead {
  margin-bottom: 34px;
  color: #000;
  font-size: 1.5rem;
  line-height: 2;
}

@media screen and (max-width: 767px) {
  .page-blog .blog-article .blog-header__lead {
    font-size: 1.4rem;
    line-height: 1.8;
  }
}

.page-blog .blog-article .blog-date {
  margin-top: 40px;
}

@media screen and (max-width: 767px) {
  .page-blog .blog-article .blog-date {
    margin-top: 10px;
  }
}

.page-blog .p-seminar2__list li {
  padding: 7px 20px 12px;
}

.page-blog .p-seminar2__list--cat {
  padding-top: 6px;
  padding-bottom: 4px;
}

@media screen and (max-width: 767px) {
  .page-blog .p-seminar2__sidebar {
    margin-bottom: 50px;
  }
}

.page-blog .p-seminar2__tit1 {
  background: url(/assets/image/blog/cat-icon.png) no-repeat center left;
  -webkit-background-size: 16px 16px;
          background-size: 16px;
}

@media screen and (max-width: 767px) {
  .page-blog .p-seminar2__tit1 {
    background-position: center left 15px;
    -webkit-background-size: 12px 12px;
            background-size: 12px;
  }
}

.page-blog .p-seminar2__tit2 {
  background: url(/assets/image/blog/pop-icon.png) no-repeat center left;
  -webkit-background-size: 16px 16px;
          background-size: 16px;
}

@media screen and (max-width: 767px) {
  .page-blog .p-seminar2__tit2 {
    background-position: center left 15px;
    -webkit-background-size: 12px 12px;
            background-size: 12px;
  }
}

.page-blog .p-seminar2__tit3 {
  background: url(/assets/image/blog/rec-icon.png) no-repeat center left;
  -webkit-background-size: 16px 16px;
          background-size: 16px;
}

@media screen and (max-width: 767px) {
  .page-blog .p-seminar2__tit3 {
    background-position: center left 15px;
    -webkit-background-size: 12px 12px;
            background-size: 12px;
  }
}

.page-blog .p-sidebar-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.page-blog .p-sidebar-list p {
  padding-left: 10px;
  padding-right: 10px;
}

.page-blog .p-sidebar-list img {
  min-width: 80px;
  height: 54px;
}

.page-blog .sidebar_rec {
  background: #fff;
  margin-bottom: 104px;
  position: -webkit-sticky;
  position: sticky;
  top: 80px;
}

.page-blog .wpp-list .p-sidebar-list img {
  position: relative;
}

@media screen and (max-width: 767px) {
  .page-blog .wpp-list .p-sidebar-list img {
    min-width: 72px;
  }
}

.page-blog .wpp-list .wpp-rank {
  position: absolute;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  z-index: 1;
  color: #fff;
  left: 24px;
  top: 14px;
}

@media screen and (max-width: 767px) {
  .page-blog .wpp-list .wpp-rank {
    top: 10px;
  }
}

.page-blog .wpp-list .wpp-rank span {
  text-align: center;
  padding-left: 5px;
}

@media screen and (max-width: 767px) {
  .page-blog .wpp-list .wpp-rank span {
    padding-left: 4px;
  }
}

.page-blog .wpp-list .wpp-rank1 {
  background: #e6bf5e;
}

.page-blog .wpp-list .wpp-rank2 {
  background: #a7aeb5;
}

.page-blog .wpp-list .wpp-rank3 {
  background: #d9784c;
}

.blog-body {
  padding-top: 88px;
  counter-reset: my-counter;
}

@media screen and (max-width: 767px) {
  .blog-body {
    padding-top: 0;
  }
}

.blog-body h2 {
  display: inline-block;
  font-size: 3.6rem;
  text-align: left;
  margin: -60px auto 66px;
  padding-top: 120px;
  position: relative;
  z-index: -1;
}

@media screen and (max-width: 767px) {
  .blog-body h2 {
    font-size: 1.8rem;
    margin: -50px auto 33px;
    padding-top: 100px;
  }
}

.blog-body h2:before {
  position: absolute;
  width: 100%;
  height: 2px;
  background: #16c6da;
  bottom: -35px;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  content: '';
  z-index: 1;
}

@media screen and (max-width: 767px) {
  .blog-body h2:before {
    max-width: 100%;
    height: 3px;
    bottom: -18px;
  }
}

.blog-body h2:after {
  position: absolute;
  width: 760px;
  height: 2px;
  background: #cecece;
  bottom: -35px;
  left: 0;
  content: '';
  z-index: -1;
}

@media screen and (max-width: 767px) {
  .blog-body h2:after {
    width: 86vw;
    height: 3px;
    bottom: -18px;
  }
}

.blog-body h3 {
  font-size: 2.4rem;
  text-align: left;
  border-bottom: 1px solid #cecece;
  position: relative;
  padding-top: 70px;
  margin-bottom: 20px;
  padding-bottom: 10px;
}

@media screen and (max-width: 767px) {
  .blog-body h3 {
    font-size: 1.6rem;
    padding-top: 22px;
    margin-bottom: 11px;
    padding-bottom: 15px;
  }
}

.blog-body h3:before {
  position: absolute;
  bottom: -5px;
  left: -3px;
  width: 7px;
  height: 7px;
  background: white;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  content: '';
}

@media screen and (max-width: 767px) {
  .blog-body h3:before {
    width: 4px;
    height: 4px;
    bottom: -3px;
  }
}

.blog-body h3:after {
  position: absolute;
  bottom: -5px;
  right: -3px;
  width: 7px;
  height: 7px;
  background: white;
  border-left: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  content: '';
}

@media screen and (max-width: 767px) {
  .blog-body h3:after {
    width: 4px;
    height: 4px;
    bottom: -3px;
  }
}

.blog-body h4 {
  font-size: 2rem;
  color: #000;
  margin-top: 65px;
  margin-bottom: 20px;
  clear: both;
}

@media screen and (max-width: 767px) {
  .blog-body h4 {
    font-size: 1.6rem;
    margin-top: 30px;
    margin-bottom: 8px;
  }
}

.blog-body p {
  font-size: 1.6rem;
  font-family: 'NotoSansJPDL';
  line-height: 34px;
  margin-bottom: 20px;
}

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

.cta-area {
  margin: 45px auto;
  background: #fff;
  padding: 18px 25px 0;
  border: 5px solid #dcdcdc;
  position: relative;
  -webkit-box-shadow: 8px 8px 23px -12px rgba(0, 0, 0, 0.2);
  box-shadow: 8px 8px 23px -12px rgba(0, 0, 0, 0.2);
}

.mb-0 {
  margin-bottom: 0!important;
}

.cta-area-inner p:nth-child(2) img#spcl {
  margin-top: 10px;
}

.cta-area-inner {
  display: flex;
}

.cta-area-inner p:nth-child(2) {
  margin: 0 25px;
  width: 45%;
  font-size: 1.8rem;
  line-height: 25px;
}

.cta-area-inner p {
  margin-top: 0!important;
}

.cta-area-inner p:nth-child(2) img {
  float: right;
  margin-top: 30px;
}

.cta-area-inner div {
  display: flex;
  align-items: center;
  margin: 0 auto;
}

.cta-area-inner div .btn-orange {
  padding: 12px 27px;
  border: 2px solid #F48F06;
  border-radius: 30px;
  background: #F48F06;
  color: #FFF!important;
  text-decoration: none;
}

.cta-area-inner div .btn-orange span {
  position: relative;
  font-weight: 700;
}

.cta-area-inner div .btn-orange span:before {
  content: '';
  display: inline-block;
  width: 15px;
  height: 15px;
  border-radius: 100%;
  background: #fff;
  margin-right: 9px;
  position: relative;
  top: 2px;
}

.cta-area-inner div .btn-orange span:after {
  content: '';
  position: absolute;
  top: 55%;
  left: 5px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 3px 0 4px 6px;
  border-color: transparent transparent transparent #F48F06;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.cta-area-inner div .btn-orange:hover {
  background: #FFF;
  color: #F48F06!important;
}

.cta-area-inner div .btn-orange span:hover {
  color: #F48F06!important;
}

.cta-area-inner div .btn-orange:hover span:before {
  background: #F48F06;
}

.cta-area-inner div .btn-orange:hover span:after {
  border-color: transparent transparent transparent #fff;
}

@media screen and (max-width: 767px) {
  .blog-body p {
    font-size: 1.4rem;
    line-height: 1.7;
  }

  .cta-area-inner {
    display: block;
  }

  .cta-area-inner p:nth-child(2) {
    width: 100%;
    margin: 25px 0 10px;
  }

  .cta-area-inner div {
    display: block;
	padding-bottom: 15px;
  }

  .cta-area-inner p:nth-child(2) img {
    width: 30%;
    float: none;
    margin-top: 10px;
  }

  .cta-area-inner div .btn-orange {
    display: block!important;
    padding: 4px 25px 6px;
    text-align: center;
  }

  .cta-area-inner p img {
    width: 100%;
  }
}

.blog-body a[target="_blank"] {
  font-size: 1.6rem;
  color: #000;
  text-decoration: underline;
}

.blog-body a[target="_blank"]:hover {
  text-decoration: none;
}

.blog-body a[target="_blank"]:after {
  content: '';
  background-image: url("/assets/image/common/window-bl.svg");
  background-repeat: no-repeat;
  display: inline-block;
  width: 13px;
  height: 13px;
  margin: 0 5px;
}

@media screen and (max-width: 767px) {
  .blog-body a[target="_blank"]:after {
    width: 10px;
    height: 10px;
  }
}

@media screen and (max-width: 767px) {
  .blog-body a[target="_blank"] {
    font-size: 1.4rem;
  }
}

.blog-body a {
  font-size: 1.6rem;
  font-weight: bold;
  color: #16c6da;
  text-decoration: underline;
}

.blog-body a:hover {
  text-decoration: none;
}

.orange-btn a {
  color: #FFF;
  font-weight: 500;
  background-color: #fa5b0f;
  padding: 20px 35px;
  border-radius: 50px;
  text-decoration: none;
}

.orange-btn a:hover {
  opacity:  0.8;
}

@media screen and (max-width: 767px) {
  .blog-body a {
    font-size: 1.4rem;
  }

  .orange-btn {
    margin-top: 30px;
  }
}

.blog-body img.alignright, .blog-body iframe.alignright {
  float: right;
  margin: 10px 0 65px 22px;
}

@media screen and (max-width: 767px) {
  .blog-body img.alignright, .blog-body iframe.alignright {
    margin-bottom: 10px;
    width: 100%;
  }
}

.blog-body img.alignleft, .blog-body iframe.alignleft {
  float: left;
  margin: 0 1em 1em 0;
}

@media screen and (max-width: 767px) {
  .blog-body img.alignleft, .blog-body iframe.alignleft {
    margin-bottom: 10px;
    width: 100%;
  }
}

.blog-body img.aligncenter, .blog-body iframe.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.blog-body ul {
  padding-bottom: 20px;
}

.blog-body ul li {
  font-size: 1.6rem;
  line-height: 26px;
  position: relative;
  padding-left: 14px;
  margin-bottom: 15px;
}

.blog-body ul li:last-of-type {
  margin-bottom: 0;
}

@media screen and (max-width: 767px) {
  .blog-body ul li {
    font-size: 1.4rem;
    line-height: 1.7;
    margin-bottom: 9px;
  }
}

.blog-body ul li:before {
  position: absolute;
  top: 10px;
  left: 0;
  background: #16c6da;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  content: '';
}

.blog-body table {
  border-collapse: collapse;
  width: 100%;
  margin-top: 60px;
}

@media screen and (max-width: 767px) {
  .blog-body table {
    margin-top: 30px;
  }
}

.blog-body table td {
  border: 1px solid #ccc;
  font-size: 1.5rem;
  padding: 23px 10px 24px;
}

@media screen and (max-width: 767px) {
  .blog-body table td {
    width: 100%;
    display: block;
    padding: 12px;
    font-size: 1.4rem;
    line-height: 1.6;
  }
}

.blog-body table td:first-child {
  background: #333;
  color: white;
  width: 200px;
}
.blog-body .bb-tbl td:first-child{
  background: unset;
  color: unset;
}
.blog-body .bb-tbl tr.hdr-bg td{
  background: #333;
  color: white;
}
.online_storage tr.rpa_tools td:nth-child(2) { 
	width:86px;
}
.online_storage tr.rpa_tools td:nth-child(4) { 
	width:130px;
}
.online_storage tr.rpa_tools td:nth-child(5) { 
	width:83px;
}
.online_storage tr.rpa_tools td:nth-child(6) { 
	width:118px;
}

.blog-body .rpa_tools_com td:first-child {
  background: #333;
  color: white;
  width: 139px;
}
.rpa_tools_com tr td:nth-child(2) { 
	width:241px;
}
.rpa_tools_com tr td:nth-child(3) { 
	width: 157px;
}
.rpa_tools_com  tr td:nth-child(4) { 
	width:97px;
}
.rpa_tools_com tr td:nth-child(5) { 
	width:82px;
}

@media screen and (max-width: 767px) {
  .blog-body table td:first-child {
    width: 100%;
    border: 1px solid #333;
  }
	.online_storage tr.rpa_tools td:nth-child(2),
	.online_storage tr.rpa_tools td:nth-child(4),
	.online_storage tr.rpa_tools td:nth-child(5),
	.online_storage tr.rpa_tools td:nth-child(6) { 
		width:unset;
	}
	.blog-body .rpa_tools_com td:first-child,
	.rpa_tools_com tr td:nth-child(2),
	.rpa_tools_com tr td:nth-child(3),
	.rpa_tools_com tr td:nth-child(4),
	.rpa_tools_com tr td:nth-child(5) { 
		width:unset!important;
	}	
}

@media screen and (max-width: 767px) {
  .blog-body table td:last-child {
    border-top: none;
  }
}

.list-border {
  border: 1px solid #ccc;
  padding: 20px 40px 0;
}

@media screen and (max-width: 767px) {
  .list-border {
    padding: 20px 25px 0;
  }
}

.p-bold {
  font-family: "NotoSansJPB", sans-serif !important;
}

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

.blog-infobox {
  background: #f6f6f6;
  padding: 60px 0;
}

.blog-infobox .c-box1 {
  margin-bottom: 40px;
  padding-top: 35px;
  padding-bottom: 35px;
  border-radius: 5px;
}

@media screen and (max-width: 767px) {
  .blog-infobox .c-box1 {
    padding: 20px;
  }
}

.blog-infobox .c-box1__gray {
  border-color: #cccccc;
}

.blog-infobox .c-box1 img {
  top: 42px;
}

@media screen and (max-width: 767px) {
  .blog-infobox .c-box1 img {
    margin-bottom: 10px;
    margin-top: 0;
  }
}

.blog-infobox .c-box1 h3 {
  text-align: center;
}

.blog-infobox h4 {
  font-size: 2.2rem;
  margin-bottom: 20px;
}

.blog-infobox .c-btn03 {
  margin: 30px auto 0;
  height: 60px;
  border-color: #16c6da;
  color: #16c6da;
}

@media screen and (max-width: 767px) {
  .blog-infobox .c-btn03 {
    margin-top: 20px;
  }
}

.blog-infobox .c-btn04 {
  margin-top: 30px;
  background-color: #fa5b0f;
  -webkit-transition: .3s;
  transition: .3s;
  padding: 20px 0;
}

@media screen and (max-width: 767px) {
  .blog-infobox .c-btn04 {
    background-color: #fff;
    width: 100%;
    padding: 15px 0;
  }
}

.blog-infobox .c-btn04 a {
  font-weight: bold;
  color: #fff;
}

@media screen and (max-width: 767px) {
  .blog-infobox .c-btn04 a {
    color: #fa5b0f;
  }
}

.blog-infobox .c-btn04:hover {
  background-color: #fff;
}

.blog-infobox .c-btn04 a:hover {
  color: #fa5b0f;
}

.blog-infobox .c-blog-tag1, .blog-infobox .c-blog-tag2 {
  display: inline;
}

.blog-mustread {
  padding: 80px 0 100px;
  background: url("/assets/image/index/bg-blue.png") repeat;
}

@media screen and (max-width: 767px) {
  .blog-mustread {
    padding: 40px 0 60px;
  }
}

.blog-mustread .c-title01 h2 {
  color: #fff;
}

.blog-mustread .c-title01 h2:after {
  background: #fff;
}

@media screen and (max-width: 767px) {
  .blog-mustread .c-title01 {
    margin-bottom: 10px;
  }
}

.blog-mustread .c-list__3row ul {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.blog-mustread .c-list__3row ul li:not(:last-child) {
  margin-right: 40px;
}

@media screen and (max-width: 767px) {
  .blog-mustread .c-list__3row ul li:not(:last-child) {
    margin-right: 0;
  }
}

@media only screen and (min-width: 769px) {
  .blog-mustread .c-list__3row figure:before {
    position: absolute;
    content: "...more";
    top: 50%;
    left: 50%;
    display: inline-block;
    padding: 8px 50px 10px;
    font-family: "Raleway", sans-serif;
    font-size: 1.4rem;
    font-weight: bold;
    letter-spacing: 2px;
    line-height: 1;
    color: #fff;
    border: 1px solid #fff;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    z-index: 2;
    opacity: 0;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out;
  }
  .blog-mustread .c-list__3row figure:after {
    position: absolute;
    content: "";
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.7);
    opacity: 0;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out;
  }
}

@media only screen and (min-width: 769px) {
  .blog-mustread .c-list__3row a:hover figure:before, .blog-mustread .c-list__3row a:hover figure:after {
    opacity: 1;
  }
}

.c-blog__solution {
  padding: 100px 0;
}

@media screen and (max-width: 767px) {
  .c-blog__solution {
    padding: 40px 0;
  }
}

.c-blog__solution .slt__list ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.c-blog__solution .slt__list li {
  margin-bottom: 20px;
  width: 540px;
  height: 80px;
  background: #fff;
  -webkit-box-shadow: -1px -3px 40px 4px rgba(0, 0, 0, 0.21);
          box-shadow: -1px -3px 40px 4px rgba(0, 0, 0, 0.21);
  text-align: center;
}

@media screen and (max-width: 767px) {
  .c-blog__solution .slt__list li {
    margin: 0 auto 20px;
  }
}

.c-blog__solution .slt__list a {
  position: relative;
  padding: 28px 40px;
  display: block;
  font-size: 1.6rem;
  font-family: "NotoSansJPM", sans-serif;
  color: #000;
  background: #fff;
}

.c-blog__solution .slt__list a:hover {
  color: #16c6da;
}

.c-blog__solution .slt__list a:after {
  position: absolute;
  content: "";
  top: 50%;
  right: 40px;
  width: 12px;
  height: 12px;
  border-top: 1px solid #16c6da;
  border-right: 1px solid #16c6da;
  -webkit-transform: translateY(-50%) rotate(45deg);
      -ms-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
}

.news-button {
  display: block;
  width: 240px;
  height: 60px;
  border: 3px solid #16c6da;
  border-radius: 5px;
  color: #16c6da;
  font-size: 1.5rem;
  line-height: 55px;
  margin: 50px auto 0;
  text-align: center;
}

.news-button:hover {
  background: #16c6da;
  color: white;
}

@media screen and (max-width: 767px) {
  .news-button {
    width: 180px;
    height: 40px;
    font-size: 1.3rem;
    line-height: 35px;
    border: 2px solid #11c6da;
    margin-top: 25px;
  }
}

.mt0 {
  margin-top: 0em !important;
}

.mb0 {
  margin-bottom: 0em !important;
}

.mt1 {
  margin-top: 1em !important;
}

.mb1 {
  margin-bottom: 1em !important;
}

.mt2 {
  margin-top: 2em !important;
}

.mb2 {
  margin-bottom: 2em !important;
}

.mt3 {
  margin-top: 3em !important;
}

.mb3 {
  margin-bottom: 3em !important;
}

.mt4 {
  margin-top: 4em !important;
}

.mb4 {
  margin-bottom: 4em !important;
}

.mt5 {
  margin-top: 5em !important;
}

.mb5 {
  margin-bottom: 5em !important;
}

.mt6 {
  margin-top: 6em !important;
}

.mb6 {
  margin-bottom: 6em !important;
}

.mt7 {
  margin-top: 7em !important;
}

.mb7 {
  margin-bottom: 7em !important;
}

.mt8 {
  margin-top: 8em !important;
}

.mb8 {
  margin-bottom: 8em !important;
}

.mt9 {
  margin-top: 9em !important;
}

.mb9 {
  margin-bottom: 9em !important;
}

.mt10 {
  margin-top: 10em !important;
}

.mb10 {
  margin-bottom: 10em !important;
}

.text-small {
  font-size: 1.3rem;
}

@media screen and (max-width: 767px) {
  .sp_scroll {
    overflow-x: auto;
    height: 400px;
  }
}

@media screen and (max-width: 767px) {
  .sp_scroll img {
    width: auto;
    max-width: inherit !important;
    height: 100%;
  }
}

.sp-only.c-breadcrumb {
  margin-bottom: 5px;
}

@media only screen and (min-width: 769px) {
  .pc-only {
    display: block !important;
  }
  .sp-only {
    display: none !important;
  }
}

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

/*------------------------------------------------------------
news
------------------------------------------------------------*/
.page-news .news-container {
  padding-top: 21px;
  margin-bottom: 139px;
}

@media screen and (max-width: 767px) {
  .page-news .news-container {
    padding-top: 0;
    margin-bottom: 59px;
  }
}

.page-news .news-pager ul {
  text-align: center;
  position: relative;
  margin-top: 30px;
}

@media screen and (max-width: 767px) {
  .page-news .news-pager ul {
    margin-top: 15px;
  }
}

.page-news .news-pager ul li {
  display: inline-block;
}

.page-news .news-pager ul .page-numbers {
  display: block;
  color: #00b4c8;
  font-size: 1.3rem;
  line-height: 24px;
  margin: 0 6px;
}

@media screen and (max-width: 767px) {
  .page-news .news-pager ul .page-numbers {
    margin: 0 0 3px;
    font-size: 1.2rem;
    line-height: 30px;
  }
}

.page-news .news-pager ul .page-numbers:not(.prev):not(.next) {
  width: 24px;
  height: 24px;
}

@media screen and (max-width: 767px) {
  .page-news .news-pager ul .page-numbers:not(.prev):not(.next) {
    height: 30px;
  }
}

.page-news .news-pager ul .page-numbers.prev, .page-news .news-pager ul .page-numbers.next {
  margin: 0;
  position: absolute;
  top: -5px;
}

@media screen and (max-width: 767px) {
  .page-news .news-pager ul .page-numbers.prev, .page-news .news-pager ul .page-numbers.next {
    margin-top: 5px;
    height: 30px;
  }
}

.page-news .news-pager ul .page-numbers.prev {
  left: 0;
}

@media screen and (max-width: 767px) {
  .page-news .news-pager ul .page-numbers.prev {
    margin-right: 10px;
  }
}

.page-news .news-pager ul .page-numbers.prev:before {
  display: inline-block;
  width: 5px;
  height: 5px;
  background: transparent;
  border-bottom: 1px solid #00b4c8;
  border-left: 1px solid #00b4c8;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  margin-right: 5px;
  content: '';
}

@media screen and (max-width: 767px) {
  .page-news .news-pager ul .page-numbers.prev:before {
    margin-right: 10px;
    position: relative;
    top: -1px;
    left: 6px;
  }
}

.page-news .news-pager ul .page-numbers.next {
  right: 0;
}

@media screen and (max-width: 767px) {
  .page-news .news-pager ul .page-numbers.next {
    margin-left: 10px;
  }
}

.page-news .news-pager ul .page-numbers.next:after {
  display: inline-block;
  width: 5px;
  height: 5px;
  background: transparent;
  border-bottom: 1px solid #00b4c8;
  border-right: 1px solid #00b4c8;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  margin-left: 5px;
  content: '';
}

@media screen and (max-width: 767px) {
  .page-news .news-pager ul .page-numbers.next:after {
    margin-left: 10px;
    position: relative;
    top: -2px;
    left: -6px;
  }
}

.page-news .news-pager ul .page-numbers:hover:not(.prev):not(.next):not(.dots), .page-news .news-pager ul .page-numbers.current {
  color: white;
  background: #00b4c8;
}

.page-news .news-pager.red ul .page-numbers {
  color: #fc5b3f;
}

.page-news .news-pager.red ul .page-numbers.prev:before {
  border-bottom: 1px solid #fc5b3f;
  border-left: 1px solid #fc5b3f;
}

.page-news .news-pager.red ul .page-numbers.next:after {
  border-bottom: 1px solid #fc5b3f;
  border-right: 1px solid #fc5b3f;
}

.page-news .news-pager.red ul .page-numbers:hover:not(.prev):not(.next):not(.dots), .page-news .news-pager.red ul .page-numbers.current {
  color: white;
  background: #fc5b3f;
}

.page-news .news-pager.green ul .page-numbers {
  color: #45b29d;
}

.page-news .news-pager.green ul .page-numbers.prev:before {
  border-bottom: 1px solid #45b29d;
  border-left: 1px solid #45b29d;
}

.page-news .news-pager.green ul .page-numbers.next:after {
  border-bottom: 1px solid #45b29d;
  border-right: 1px solid #45b29d;
}

.page-news .news-pager.green ul .page-numbers:hover:not(.prev):not(.next):not(.dots), .page-news .news-pager.green ul .page-numbers.current {
  color: white;
  background: #45b29d;
}

.page-news .news-pager.yellow ul .page-numbers {
  color: #fba522;
}

.page-news .news-pager.yellow ul .page-numbers.prev:before {
  border-bottom: 1px solid #fba522;
  border-left: 1px solid #fba522;
}

.page-news .news-pager.yellow ul .page-numbers.next:after {
  border-bottom: 1px solid #fba522;
  border-right: 1px solid #fba522;
}

.page-news .news-pager.yellow ul .page-numbers:hover:not(.prev):not(.next):not(.dots), .page-news .news-pager.yellow ul .page-numbers.current {
  color: white;
  background: #fba522;
}

.page-news .news-pager.cyan ul .page-numbers {
  color: #068587;
}

.page-news .news-pager.cyan ul .page-numbers.prev:before {
  border-bottom: 1px solid #068587;
  border-left: 1px solid #068587;
}

.page-news .news-pager.cyan ul .page-numbers.next:after {
  border-bottom: 1px solid #068587;
  border-right: 1px solid #068587;
}

.page-news .news-pager.cyan ul .page-numbers:hover:not(.prev):not(.next):not(.dots), .page-news .news-pager.cyan ul .page-numbers.current {
  color: white;
  background: #068587;
}

.news-tabs {
  margin-top: 76px;
}

@media screen and (max-width: 767px) {
  .news-tabs {
    margin-top: 38px;
  }
}

.news-tabs__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-bottom: 3px solid #16c6da;
}

@media screen and (max-width: 767px) {
  .news-tabs__link {
    border-bottom: none;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.news-tabs__link li {
  width: calc(100% / 5);
}

@media screen and (max-width: 767px) {
  .news-tabs__link li {
    width: calc(100% / 4);
  }
}

.news-tabs__link li:nth-child(even) {
  margin-left: 2px;
  margin-right: 2px;
}

@media screen and (max-width: 767px) {
  .news-tabs__link li:nth-child(even) {
    margin: 0;
  }
}

@media screen and (max-width: 767px) {
  .news-tabs__link li:first-child {
    width: 100%;
    border-bottom: 1px solid white;
  }
}

@media screen and (max-width: 767px) {
  .news-tabs__link li:nth-child(3), .news-tabs__link li:nth-child(4), .news-tabs__link li:nth-child(5) {
    border-left: 1px solid white;
  }
}

@media screen and (max-width: 767px) {
  .news-tabs__link li:nth-child(2) span, .news-tabs__link li:nth-child(4) span, .news-tabs__link li:nth-child(5) span {
    display: inline-block;
    margin-top: 8px;
  }
}

@media screen and (max-width: 767px) {
  .news-tabs__link li:not(:first-child) a {
    height: 50px;
  }
}

.news-tabs__link li a {
  font-size: 1.5rem;
  color: #333;
  display: block;
  text-align: center;
  background: #ddd;
  padding: 14px 0;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}

@media screen and (max-width: 767px) {
  .news-tabs__link li a {
    border-radius: 0;
    font-size: 1.3rem;
    padding: 7px 0;
  }
}

.news-tabs__link li.all.active a {
  background: #16c6da;
  color: white;
}

.news-tabs__link li.all a:hover {
  background: #16c6da;
  color: white;
}

.news-tabs__link li.red.active a {
  background: #fc5b3f;
  color: white;
}

.news-tabs__link li.red a:hover {
  background: #fc5b3f;
  color: white;
}

.news-tabs__link li.green.active a {
  background: #45b29d;
  color: white;
}

.news-tabs__link li.green a:hover {
  background: #45b29d;
  color: white;
}

.news-tabs__link li.yellow.active a {
  background: #fba522;
  color: white;
}

.news-tabs__link li.yellow a:hover {
  background: #fba522;
  color: white;
}

.news-tabs__link li.cyan.active a {
  background: #068587;
  color: white;
}

.news-tabs__link li.cyan a:hover {
  background: #068587;
  color: white;
}

.news-tabs__item {
  display: none;
}

.news-tabs__item.active {
  display: block;
}

.news-tabs__list {
  padding: 67px 79px 77px 79px;
  border-bottom: 1px solid gray;
}

@media screen and (max-width: 767px) {
  .news-tabs__list {
    padding: 20px 10px;
  }
}

.news-tabs__list li > a,
.news-tabs__list li > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 15px 0;
}

@media screen and (max-width: 767px) {
  .news-tabs__list li > a,
  .news-tabs__list li > div {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 5px 0;
    margin-bottom: 10px;
  }
}

.news-tabs__list li.red .news-tabs__list-cat {
  background: #fc5b3f;
}

.news-tabs__list li.red:hover h2 a,
.news-tabs__list li.red:hover h2,
.news-tabs__list li.red:hover time {
  color: #fc5b3f;
}

.news-tabs__list li.green .news-tabs__list-cat {
  background: #45b29d;
}

.news-tabs__list li.green:hover h2 a,
.news-tabs__list li.green:hover h2,
.news-tabs__list li.green:hover time {
  color: #45b29d;
}

.news-tabs__list li.yellow .news-tabs__list-cat {
  background: #fba522;
}

.news-tabs__list li.yellow:hover h2 a,
.news-tabs__list li.yellow:hover h2,
.news-tabs__list li.yellow:hover time {
  color: #fba522;
}

.news-tabs__list li.cyan .news-tabs__list-cat {
  background: #068587;
}

.news-tabs__list li.cyan:hover h2 a,
.news-tabs__list li.cyan:hover h2,
.news-tabs__list li.cyan:hover time {
  color: #068587;
}

.news-tabs__list time {
  font-size: 1.5rem;
  line-height: 27px;
  color: #999;
  font-family: 'NotoSansJPM';
  letter-spacing: 1px;
}

@media screen and (max-width: 767px) {
  .news-tabs__list time {
    font-size: 1.3rem;
    line-height: 20px;
    letter-spacing: 0.5px;
  }
}

.news-tabs__list-cat {
  margin: 0 30px;
  display: block;
  font-size: 1.3rem;
  min-width: 100px;
  width: 100px;
  height: 30px;
  line-height: 27px;
  text-align: center;
  color: white;
}

@media screen and (max-width: 767px) {
  .news-tabs__list-cat {
    font-size: 1.1rem;
    width: 80px;
    height: 20px;
    line-height: 20px;
    margin: 0 0 0 10px;
  }
}

.news-tabs__list h2 {
  font-size: 1.6rem;
  line-height: 25px;
  letter-spacing: 1px;
  font-family: 'NotoSansJPR';
  color: #000;
  font-weight: normal;
  text-align: left;
}

.news-tabs__list h2 a {
  color: #000;
  text-align: left;
}

@media screen and (max-width: 767px) {
  .news-tabs__list h2 {
    font-size: 1.5rem;
    line-height: 22px;
    margin-top: 5px;
    width: 100%;
  }
}

.news-tabs__text {
  font-size: 1.6rem;
}

.c-cover h1,
.c-cover p {
  font-size: 4rem;
  margin-bottom: 14px;
  line-height: normal;
  font-family: 'NotoSansJPB';
}

@media screen and (max-width: 767px) {
  .c-cover h1,
  .c-cover p {
    font-size: 2rem;
    margin-bottom: 7px;
  }
}

/*------------------------------------------------------------
contact
------------------------------------------------------------*/
.page-contact .c-cover {
  background: url("/assets/image/contact/cover-image.jpg") no-repeat;
}

.page-contact .c-cover h1, .page-contact .c-cover p {
  font-size: 3rem;
  font-family: "NotoSansJPB", sans-serif;
  line-height: normal;
  margin-bottom: 14px;
}

@media screen and (max-width: 767px) {
  .page-contact .c-cover h1, .page-contact .c-cover p {
    font-size: 2rem;
    margin-bottom: 7px;
  }
}

.page-contact .contact-breadcrumb {
  padding-top: 21px;
}

.page-contact .contact-form {
  margin-top: 75px;
  margin-bottom: 112px;
}

@media screen and (max-width: 767px) {
  .page-contact .contact-form {
    margin-top: 35px;
    margin-bottom: 52px;
  }
}

.page-contact .contact-form__thanks {
  text-align: center;
  margin-top: 67px;
  margin-bottom: 35px;
}

@media screen and (max-width: 767px) {
  .page-contact .contact-form__thanks {
    margin-top: 0;
    margin-bottom: 25px;
  }
}

.page-contact .contact-form__thanks h1 {
  font-size: 4.6rem;
  position: relative;
  margin-bottom: 66px;
  font-family: 'NotoSansJPL';
  font-weight: 400;
}

@media screen and (max-width: 767px) {
  .page-contact .contact-form__thanks h1 {
    font-size: 2.3rem;
    margin-bottom: 38px;
  }
}

.page-contact .contact-form__thanks h1:after {
  position: absolute;
  bottom: -32px;
  left: 50%;
  width: 50px;
  height: 5px;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  background: #16c6da;
  content: '';
}

@media screen and (max-width: 767px) {
  .page-contact .contact-form__thanks h1:after {
    width: 25px;
    height: 3px;
    bottom: -16px;
  }
}

.page-contact .contact-form__thanks p {
  font-size: 1.5rem;
  line-height: 26px;
  color: #333;
}

@media screen and (max-width: 767px) {
  .page-contact .contact-form__thanks p {
    font-size: 1.3rem;
    line-height: 1.7;
    text-align: left;
  }
}

@media screen and (max-width: 767px) {
  .page-contact .horizontal-item {
    margin-left: 0 !important;
  }
}

.page-contact .c-text001 {
  margin-bottom: 20px;
}

@media screen and (min-width: 767px) {
  .page-contact .c-text001 a {
    color: #000;
  }
}

/*------------------------------------------------------------
process
------------------------------------------------------------*/
.page-process .c-cover {
  background: url("/assets/image/support/cover-image.jpg") no-repeat;
}

.page-process .c-cover h1 {
  font-size: 3rem;
  margin-bottom: 14px;
}

@media screen and (max-width: 767px) {
  .page-process .c-cover h1 {
    font-size: 2rem;
    margin-bottom: 7px;
  }
}

.page-process .support-container {
  padding-top: 21px;
}

@media screen and (max-width: 767px) {
  .page-process .support-container {
    padding-top: 0;
  }
}

.page-process .support-wrap .c-support-step:nth-child(even) {
  background: #f6f6f6;
}

.page-process .support-wrap .c-support-step:nth-child(even) h2:before, .page-process .support-wrap .c-support-step:nth-child(even) h2:after {
  background: #f6f6f6;
}

.page-process .c-support-step.c-arrow-down:before {
  bottom: -33px;
}

@media screen and (max-width: 767px) {
  .page-process .c-support-step.c-arrow-down:before {
    bottom: -15px;
  }
}

.page-process .c-support-step.c-arrow-down:after {
  bottom: -32px;
}

@media screen and (max-width: 767px) {
  .page-process .c-support-step.c-arrow-down:after {
    bottom: -16px;
  }
}

.page-process .c-support-step .c-support-box {
  margin-top: 52px;
}

@media screen and (max-width: 767px) {
  .page-process .c-support-step .c-support-box {
    margin-top: 24px;
  }
}

.page-process .c-support-info {
  margin-bottom: 160px;
}

@media screen and (max-width: 767px) {
  .page-process .c-support-info {
    margin-bottom: 70px;
  }
}

/*------------------------------------------------------------
robo-pat
------------------------------------------------------------*/
.page-robo .c-cover {
  background: url("/assets/image/support/cover-image.jpg") no-repeat;
}

@media screen and (max-width: 767px) {
  .page-robo .c-cover img {
    width: 50%;
  }
}

.page-robo .c-cover h2 {
  font-size: 3rem;
  font-family: 'NotoSansJPB';
  margin-top: 25px;
}

@media screen and (max-width: 767px) {
  .page-robo .c-cover h2 {
    font-size: 1.5rem;
    margin-top: 10px;
  }
}

.page-robo .robo-container {
  padding-top: 21px;
  background: url("/assets/image/robo-pat/bg-image.png") no-repeat top center;
}

@media screen and (max-width: 767px) {
  .page-robo .robo-container {
    padding-top: 0;
    -webkit-background-size: 100% 100%;
            background-size: 100%;
  }
}

.page-robo .robo-wrap {
  margin-bottom: 50px;
}

@media screen and (max-width: 767px) {
  .page-robo .robo-wrap {
    margin-bottom: 50px;
  }
}

.page-robo .robo-wrap section:nth-child(even) {
  background: #f6f6f6;
}

.page-robo .c-section-box__content {
  border: 9px solid #ccc;
  padding: 40px 50px;
}

.page-robo .c-section1 {
  padding-top: 76px;
  padding-bottom: 146px;
}

@media screen and (max-width: 767px) {
  .page-robo .c-section1 {
    padding-top: 38px;
    padding-bottom: 73px;
  }
}

.page-robo .c-section1__txt {
  text-align: center;
  font-size: 1.8rem;
  line-height: 44px;
  margin-top: 82px;
  font-family: 'NotoSansJPDL';
}

@media screen and (max-width: 767px) {
  .page-robo .c-section1__txt {
    font-size: 1.3rem;
    line-height: 1.7;
    margin-top: 53px;
	text-align: center;
  }
}

.page-robo .c-section1__txt span {
  font-family: 'NotoSansJPM';
}

.page-robo .c-section1 .c-imgText7 {
  margin-top: 70px;
}

@media screen and (max-width: 767px) {
  .page-robo .c-section1 .c-imgText7 {
    margin-top: 35px;
  }
}

.page-robo .c-section2 {
  padding-top: 80px;
  padding-bottom: 50px;
}

@media screen and (max-width: 767px) {
  .page-robo .c-section2 {
    padding-top: 40px;
    padding-bottom: 55px;
  }
}

.page-robo .c-section2 .c-section-title1 {
  margin-bottom: 98px;
}

@media screen and (max-width: 767px) {
  .page-robo .c-section2 .c-section-title1 {
    margin-bottom: 68px;
  }
}

.page-robo .c-section2__wrap .c-section2__point:not(:last-child) {
  margin-bottom: 104px;
}

@media screen and (max-width: 767px) {
  .page-robo .c-section2__wrap .c-section2__point:not(:last-child) {
    margin-bottom: 52px;
  }
}

.page-robo .c-section2__wrap .c-section2__point:nth-child(odd) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

@media screen and (max-width: 767px) {
  .page-robo .c-section2__wrap .c-section2__point:nth-child(odd) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

.page-robo .c-section2__point {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media screen and (max-width: 767px) {
  .page-robo .c-section2__point {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.page-robo .c-section2__point-body {
  width: 835px;
}

@media screen and (max-width: 767px) {
  .page-robo .c-section2__point-body {
    width: 100%;
    margin-top: 12px;
  }
}

.page-robo .c-section2__point-body h3 {
  font-size: 3.6rem;
  font-family: 'NotoSansJPDL';
  font-weight: normal;
  line-height: 48px;
  position: relative;
  border-bottom: 1px solid #ccc;
  padding-bottom: 26px;
  margin-bottom: 28px;
}

.page-robo .c-section2__point-body h3 span {
  color: #fa5b0f;
  margin-right: 30px;
}

@media screen and (max-width: 767px) {
  .page-robo .c-section2__point-body h3 span {
    margin-right: 0;
    margin-bottom: 5px;
    display: block;
  }
}

@media screen and (max-width: 767px) {
  .page-robo .c-section2__point-body h3 {
    font-size: 1.8rem;
    line-height: 1.5;
    padding-bottom: 8px;
    margin-bottom: 15px;
    text-align: center;
  }
}

.page-robo .c-section2__point-body h3:before {
  position: absolute;
  bottom: -5px;
  left: -3px;
  width: 7px;
  height: 7px;
  background: #f6f6f6;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  content: '';
}

.page-robo .c-section2__point-body h3:after {
  position: absolute;
  bottom: -5px;
  right: -3px;
  width: 7px;
  height: 7px;
  background: #f6f6f6;
  border-left: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  content: '';
}

.page-robo .c-section2__point-body p {
  font-size: 1.6rem;
  line-height: 34px;
  color: #333;
  font-family: 'NotoSansJPDL';
}

@media screen and (max-width: 767px) {
  .page-robo .c-section2__point-body p {
    font-size: 1.3rem;
    line-height: 1.7;
  }
}

@media screen and (max-width: 767px) {
  .page-robo .c-support-info {
    text-align: left;
  }
}

.page-robo .sec05 {
  padding: 100px 0 0;
}

@media screen and (max-width: 767px) {
  .page-robo .sec05 {
    padding: 50px 0 40px;
  }
}

.page-robo .sec05 .c-section-title2 {
  margin: 72px 0 32px;
}

@media screen and (max-width: 767px) {
  .page-robo .sec05 .c-section-title2 {
    margin: 35px 0 20px;
    padding-bottom: 23px;
  }
}

@media screen and (max-width: 767px) {
  .page-robo .sec05 .c-section4__text {
    text-align: left;
  }
}

@media screen and (max-width: 767px) {
  .page-robo .sec05 .c-list2--mod2 .c-list2__info {
    height: auto;
  }
}

.page-robo .c-section3 {
  padding-top: 130px;
  padding-bottom: 50px;
}

@media screen and (max-width: 767px) {
  .page-robo .c-section3 {
    padding-top: 49px;
    padding-bottom: 70px;
  }
}

.page-robo .c-section3 .c-section-title1 {
  margin-bottom: 105px;
}

@media screen and (max-width: 767px) {
  .page-robo .c-section3 .c-section-title1 {
    margin-bottom: 60px;
  }
}

.page-robo .c-section3__procedure .c-section-title2 {
  margin-bottom: 48px;
}

@media screen and (max-width: 767px) {
  .page-robo .c-section3__procedure .c-section-title2 {
    margin-bottom: 24px;
  }
}

.page-robo .c-section3__procedure-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media screen and (max-width: 767px) {
  .page-robo .c-section3__procedure-wrap {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.page-robo .c-section3__procedure-video {
  width: 530px;
  height: 0;
  position: relative;
  padding-top: 320px;
  background: #000;
}

@media screen and (max-width: 767px) {
  .page-robo .c-section3__procedure-video {
    width: 100%;
    height: auto;
    padding-top: 56.25%;
    margin-bottom: 15px;
  }
}

.page-robo .c-section3__procedure-video video, .page-robo .c-section3__procedure-video iframe {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
}

.page-robo .c-section3__procedure-step {
  width: 500px;
  border: none;
  background: none;
}

@media screen and (max-width: 767px) {
  .page-robo .c-section3__procedure-step {
    width: 100%;
  }
}

.page-robo .c-section3__procedure-step h3 {
  padding: 10px 5px 14px;
}

@media screen and (max-width: 767px) {
  .page-robo .c-section3__procedure-step h3 {
    padding: 8px 5px;
  }
}

.page-robo .c-section3__procedure-step .c-support-box__content {
  border: 5px solid #ccc;
  border-top: none;
  padding: 25px 30px;
}

@media screen and (max-width: 767px) {
  .page-robo .c-section3__procedure-step .c-support-box__content {
    padding: 20px 25px;
  }
}

.page-robo .c-section3__procedure:not(:last-child) {
  margin-bottom: 88px;
}

@media screen and (max-width: 767px) {
  .page-robo .c-section3__procedure:not(:last-child) {
    margin-bottom: 44px;
  }
}

.page-robo .c-section4 {
  padding: 100px 0 50px;
}

@media screen and (max-width: 767px) {
  .page-robo .c-section4 {
    padding: 50px 0 60px;
  }
}

.page-robo .c-section4 .c-section-title1 {
  margin-bottom: 60px;
}

@media screen and (max-width: 767px) {
  .page-robo .c-section4 .c-section-title1 {
    margin-bottom: 55px;
  }
}

.page-robo .c-section4 .c-section-title2 {
  line-height: 48px;
}

@media screen and (max-width: 767px) {
  .page-robo .c-section4 .c-section-title2 {
    line-height: 24px;
  }
}

.page-robo .c-section4 .c-section-title2:before {
  background: #f6f6f6;
}

.page-robo .c-section4 .c-section-title2:after {
  background: #f6f6f6;
}

.page-robo .c-section4__text {
  margin-bottom: 60px;
  font-size: 1.8rem;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .page-robo .c-section4__text {
    margin-bottom: 30px;
    font-size: 1.3rem;
  }
  .c-section4__text-sp {
	text-align:center;
  }
}

.page-robo .c-section4__text span {
  font-weight: bold;
}

.page-robo .c-section4__box {
  font-size: 2rem;
  color: white;
  background: #ccc;
  width: 500px;
  height: 300px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 46px auto 40px;
}

@media screen and (max-width: 767px) {
  .page-robo .c-section4__box {
    width: 100%;
    height: 100%;
    margin: 23px auto;
  }
}

.page-robo .c-section4__compare {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 40px;
  margin-bottom: 50px;
}

@media screen and (max-width: 767px) {
  .page-robo .c-section4__compare {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-bottom: 46px;
  }
}

.page-robo .c-section4__compare .c-support-box {
  width: 550px;
}

@media screen and (max-width: 767px) {
  .page-robo .c-section4__compare .c-support-box {
    width: 100%;
  }
}

.page-robo .c-section4__compare .c-support-box h3 {
  font-weight: normal;
}

.page-robo .c-section4__compare .c-support-box .icon {
  display: inline-block;
  vertical-align: middle;
  margin-right: 15px;
}

@media screen and (max-width: 767px) {
  .page-robo .c-section4__compare .c-support-box .icon {
    vertical-align: baseline;
    margin-right: 3px;
  }
}

.page-robo .c-section4__compare .c-support-box .c-support-box__content {
  padding: 50px;
}

@media screen and (max-width: 767px) {
  .page-robo .c-section4__compare .c-support-box .c-support-box__content {
    padding: 14px 15px;
  }
}

.page-robo .c-section4__compare .c-support-box:first-child {
  background: #e6e6e6;
  border: none;
}

.page-robo .c-section4__compare .c-support-box:first-child .c-support-box__content {
  padding: 50px 60px 60px;
  border-color: #e6e6e6;
  background: #e6e6e6;
}

@media screen and (max-width: 767px) {
  .page-robo .c-section4__compare .c-support-box:first-child .c-support-box__content {
    padding: 14px 20px;
  }
}

.page-robo .c-section4__compare .c-support-box:first-child .c-support-box__content p {
  font-family: 'NotoSansJPDL';
}

.page-robo .c-section4__compare .c-support-box:first-child h3 {
  background: #999;
}

.page-robo .c-section4__compare .c-support-box.c-arrow-right:before {
  right: -40px;
}

@media screen and (max-width: 767px) {
  .page-robo .c-section4__compare .c-support-box.c-arrow-right:before {
    display: none;
  }
}

.page-robo .c-section4__compare .c-support-box.c-arrow-right:after {
  right: -40px;
}

@media screen and (max-width: 767px) {
  .page-robo .c-section4__compare .c-support-box.c-arrow-right:after {
    display: none;
  }
}

.page-robo .c-section5 {
  padding: 99px 0 20px;
}

@media screen and (max-width: 767px) {
  .page-robo .c-section5 {
    padding: 40px 0 20px;
  }
}

.page-robo .c-section5 .c-section-title1 {
  margin-bottom: 60px;
}

@media screen and (max-width: 767px) {
  .page-robo .c-section5 .c-section-title1 {
    margin-bottom: 55px;
  }
}

.page-robo .c-section5__text {
  margin-bottom: 60px;
  font-size: 1.8rem;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .page-robo .c-section5__text {
    margin-bottom: 30px;
    font-size: 1.3rem;
  }
}

@media screen and (max-width: 767px) {
  .page-robo .c-section5 .c-list__3row--3 li {
    padding: 0;
    border-top: none;
  }
}

@media screen and (max-width: 767px) {
  .page-robo .c-section5 .c-list__3row--3 li:after {
    content: none;
  }
}

@media screen and (max-width: 767px) {
  .page-robo .c-section5 .c-list__3row--3 li:last-child {
    border-bottom: none;
  }
}

@media screen and (max-width: 767px) {
  .page-robo .c-section5 .c-list__3row--3 .blog-tag {
    font-size: 1.2rem;
    padding: 7px 9px 9px;
    top: 0;
  }
}

@media screen and (max-width: 767px) {
  .page-robo .c-section5 .c-list__3row--3 figure {
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .page-robo .c-section5 .c-list__3row--3 .blog-txt {
    padding: 20px;
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .page-robo .c-section5 .c-list__3row--3 .blog-txt--cont {
    font-size: 1.4rem;
  }
}

.page-robo .c-section5 .c-list__3row--3 .blog-list li {
  margin-bottom: 5px;
}

.page-robo .c-section5 .c-list__3row ul {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.page-robo .c-section5 .c-list__3row li {
  -webkit-box-shadow: none;
          box-shadow: none;
}

@media screen and (max-width: 767px) {
  .page-robo .c-section5 .c-list__3row li {
    margin-bottom: 30px;
  }
}

.page-robo .c-section5 .c-list__3row li:not(:last-child) {
  margin-right: 40px;
}

@media screen and (max-width: 767px) {
  .page-robo .c-section5 .c-list__3row li:not(:last-child) {
    margin-right: 0;
  }
}

.page-robo .c-section6 {
  margin: 135px 0 0;
}

@media screen and (max-width: 767px) {
  .page-robo .c-section6 {
    margin: 50px 0;
  }
}

.page-robo .c-section6 .c-imgText7 {
  margin-top: 80px;
}

@media screen and (max-width: 767px) {
  .page-robo .c-section6 .c-imgText7 {
    margin-top: 40px;
  }
}

.page-robo .c-btn02 {
  margin-bottom: 80px;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .page-robo .c-btn02 {
    margin-bottom: 40px;
  }
}

@media screen and (max-width: 767px) {
  .page-robo .c-btn02 {
    margin-top: 0;
  }
}

.page-robo .c-btn02 a {
  background: white;
}

.page-robo .c-btn02 a:hover {
  background: #fa5b0f;
}

@media screen and (max-width: 767px) {
  .page-robo .c-btn02 a {
    width: 150px;
    height: 40px;
    font-size: 1.3rem;
    padding: 10px 0;
  }
}

.page-robo .c-btn02--seminar {
  width: 260px;
  margin: 0 auto 40px;
}

@media screen and (max-width: 767px) {
  .page-robo .c-btn02--seminar {
    margin: 15px auto 35px;
  }
}

.page-robo .c-btn02--seminar a {
  width: 260px;
  white-space: nowrap;
  line-height: 1.1;
  cursor: pointer;
}

@media screen and (max-width: 767px) {
  .page-robo .c-btn02--seminar a {
    line-height: 1.4;
  }
}

.page-robo .c-btn02--seminar a:hover {
  background: #16c6da;
  color: #fff;
}

.page-robo .c-list__slt ul {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  text-align: center;
}

.page-robo .c-list__slt .slt-round {
  padding-top: 80px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 265px;
  height: 265px;
  border: 3px dashed #16c6da;
  border-radius: 100%;
}

@media screen and (max-width: 767px) {
  .page-robo .c-list__slt .slt-round {
    margin: 0 auto;
    padding-top: 55px;
    width: 200px;
    height: 200px;
  }
}

.page-robo .c-list__slt .slt-round .slt-svg {
  margin: 0 auto 20px;
}

.page-robo .c-list__slt .slt-round h3 {
  width: 100%;
  font-size: 2.4rem;
  text-align: center;
  color: #fa5b0f;
}

@media screen and (max-width: 767px) {
  .page-robo .c-list__slt .slt-round h3 {
    font-size: 1.8rem;
  }
}

@media screen and (max-width: 767px) {
  .page-robo .c-list__slt .slt-round svg {
    width: 100%;
  }
}

.page-robo .c-list__slt .slt-txt {
  margin-top: 25px;
}

.page-robo .c-convert {
  margin-top: 80px;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (max-width: 767px) {
  .page-robo .c-convert {
    margin-top: 40px;
  }
}

.page-robo .c-convert h2 {
  text-align: center;
  font-family: 'NotoSansJPB';
  color: #020d34;
  font-size: 4rem;
  line-height: 60px;
}

@media screen and (max-width: 767px) {
  .page-robo .c-convert h2 {
    font-size: 2.1rem;
    line-height: 1.5;
  }
}

.page-robo .c-convert h2 span {
  color: #f7451b;
  background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, transparent), color-stop(50%, #f3f520));
  background-image: -webkit-linear-gradient(left, transparent 50%, #f3f520 50%);
  background-image: linear-gradient(to right, transparent 50%, #f3f520 50%);
  -webkit-background-origin: 0;
          background-origin: 0;
  -webkit-background-size: 200% 30%;
          background-size: 200% 30%;
  background-repeat: repeat-x;
  background-position: -100% 85%;
}

.page-robo .c-convert__wrap {
  margin-top: 46px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.page-robo .c-convert__box {
  padding: 20px 30px;
  border: 1px solid #cecece;
  background: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 350px;
  height: 240px;
  margin-bottom: 20px;
}

@media screen and (max-width: 767px) {
  .page-robo .c-convert__box {
    width: 100%;
    height: auto;
    padding: 10px 15px;
    margin-bottom: 40px;
  }
}

.page-robo .c-convert__box:nth-child(2) {
  margin-right: 20px;
}

@media screen and (max-width: 767px) {
  .page-robo .c-convert__box:nth-child(2) {
    margin-right: 0;
  }
}

.page-robo .c-convert__box:nth-child(2), .page-robo .c-convert__box:nth-child(5) {
  margin-left: 20px;
}

@media screen and (max-width: 767px) {
  .page-robo .c-convert__box:nth-child(2), .page-robo .c-convert__box:nth-child(5) {
    margin-left: 0;
  }
}

.page-robo .c-convert__box:nth-child(3) {
  padding-left: 20px;
  padding-right: 20px;
}

.page-robo .c-convert__box:nth-child(3) .c-convert__box-wrap {
  padding-left: 30px;
  padding-right: 30px;
}

.page-robo .c-convert__box:nth-child(3) p {
  margin-top: 20px;
}

.page-robo .c-convert__box:nth-child(4) p {
  margin-top: 6px;
}

.page-robo .c-convert__box:nth-child(4).c-convert__arrow:after {
  left: 42%;
}

@media screen and (max-width: 767px) {
  .page-robo .c-convert__box:nth-child(4).c-convert__arrow:after {
    left: 45%;
  }
	.page-robo .c-convert__box:nth-child(3) p {
	  text-align:center;
	}
}

@media screen and (max-width: 767px) {
  .page-robo .c-convert__box:nth-child(4) {
    padding-left: 30px;
    padding-right: 15px;
  }
}

@media screen and (max-width: 767px) {
  .page-robo .c-convert__box:nth-child(5) {
    padding-left: 30px;
    padding-right: 15px;
  }
}

.page-robo .c-convert__box:nth-child(5) .c-convert__box-item img {
  margin-left: 20px;
}

@media screen and (max-width: 767px) {
  .page-robo .c-convert__box:nth-child(5) .c-convert__box-item img {
    margin-left: 0;
  }
}

.page-robo .c-convert__box-title {
  text-align: center;
}

@media screen and (max-width: 767px) {
  .page-robo .c-convert__box-title {
    position: absolute;
    top: 10px;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}

.page-robo .c-convert__box-title h3 {
  font-family: 'NotoSansJPB';
  color: #fa5b0f;
  font-size: 2rem;
  text-align: center;
  padding: 2px;
  display: inline-block;
  margin: 0 auto;
}

@media screen and (max-width: 767px) {
  .page-robo .c-convert__box-title h3 {
    font-size: 1.3rem;
    height: 30px;
  }
}

.page-robo .c-convert__box-title h3 span {
  width: 100%;
  height: 100%;
  display: block;
  border-radius: 42px;
  padding: 10px 0;
}

@media screen and (max-width: 767px) {
  .page-robo .c-convert__box-title h3 span {
    padding: 3px 0;
  }
}

.page-robo .c-convert__box-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 20px;
}

@media screen and (max-width: 767px) {
  .page-robo .c-convert__box-wrap {
    margin-top: 40px;
  }
}

.page-robo .c-convert__box p {
  font-size: 1.6rem;
  line-height: 20px;
  font-family: 'NotoSansJPR';
  color: #222222;
  margin-top: 13px;
}

@media screen and (max-width: 767px) {
  .page-robo .c-convert__box p {
    font-size: 1.3rem;
    line-height: 1.5;
  }
}

.page-robo .c-convert__box-item {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.page-robo .c-convert__box-item p {
  text-align: center;
}

.page-robo .c-convert__arrow {
  position: relative;
}

.page-robo .c-convert__arrow:after {
  position: absolute;
  top: 50%;
  left: 45%;
  width: 20px;
  height: 16px;
  background: url("/assets/image/robo-pat/arrow-right.png");
  content: '';
}

@media screen and (max-width: 767px) {
  .page-robo .c-convert__arrow:after {
    left: 46%;
  }
}

.page-robo .c-support-info .icon svg {
  margin-left: 1px;
  margin-top: 1px;
  width: 10px;
}

.page-robo .table-block {
  margin-top: 68px;
}

@media screen and (max-width: 767px) {
  .page-robo .table-block {
    margin-top: 30px;
  }
}

.page-robo .table-block table {
  margin-top: 50px;
  width: 100%;
  border-collapse: collapse;
}

.page-robo .table-block td {
  padding: 20px 10px;
  font-family: "NotoSansJPDL";
  text-align: center;
  font-size: 1.6rem;
  line-height: 1.8;
  border: 1px solid #ccc;
  width: 20%;
}

.page-robo .table-block td:first-of-type {
  width: 40%;
}

.page-robo .table-block th {
  padding: 15px 10px;
  font-family: "NotoSansJPM";
  text-align: center;
  font-size: 1.6rem;
  background: #f6f6f6;
  border: 1px solid #ccc;
}

.page-robo .h3s {
  font-size: 2.6rem;
  color: #000;
}

.page-robo .slt-txt h4 {
  font-size: 1.8rem;
}

.page-robo .usage-block {
  margin: 50px auto;
}

@media screen and (max-width: 767px) {
  .page-robo .usage-block .c-imgText4 {
    width: 90%;
    margin: 0 auto;
  }
}

.page-robo .ttl1-txt {
  font-size: 1.8rem;
  line-height: 34px;
  text-align: center;
  margin-bottom: 50px;
  font-family: 'NotoSansJPM';
}

@media screen and (max-width: 767px) {
  .page-robo .ttl1-txt {
    font-size: 1.3rem;
    text-align: left;
    line-height: 1.7;
    margin-top: 52px;
    margin-bottom: 25px;
  }
}

.winactor-wrap {
  margin-bottom: 0 !important;
}

.page-winactor .c-section2__point-body h3 span {
  font-size: 5.4rem;
}

@media screen and (max-width: 767px) {
  .page-winactor .c-section2__point-body h3 span {
    font-size: 2.7rem;
  }
}

.page-winactor .f36 h2, .page-winactor .f36 h4 {
  font-size: 3.6rem;
  font-family: "NotoSansJPDL";
}

@media screen and (max-width: 767px) {
  .page-winactor .f36 h2, .page-winactor .f36 h4 {
    font-size: 2rem;
  }
}

.page-winactor .f36 h2 span, .page-winactor .f36 h4 span {
  display: block;
  text-align: center;
}

.page-winactor h4 span {
  padding: 0 0 20px;
  display: block;
  text-align: left;
}

@media screen and (max-width: 767px) {
  .page-winactor h4 span {
    padding: 0 0 10px;
  }
}

@media screen and (max-width: 767px) {
  .page-winactor h4 {
    margin-bottom: 20px;
    font-size: 1.6rem;
  }
}

.page-winactor .c-sec__body {
  margin-bottom: 50px;
}

.page-winactor .c-sec__body .c-section-title1 {
  margin-bottom: 40px;
}

@media screen and (max-width: 767px) {
  .page-winactor .c-sec__body .c-section-title1 {
    margin-bottom: 20px;
  }
}

.page-winactor .c-sec_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media screen and (max-width: 767px) {
  .page-winactor .c-sec_wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

@media screen and (max-width: 767px) {
  .page-winactor .c-sec_wrap.revs {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.page-winactor .c-sec_wrap.f-wrap {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  background: #fff;
}

.page-winactor .c-sec_wrap p {
  font-size: 1.6rem;
  font-family: "NotoSansJPR";
  line-height: 2.2;
}

@media screen and (max-width: 767px) {
  .page-winactor .c-sec_wrap p {
    font-size: 1.3rem;
  }
}

.page-winactor .c-sec_wrap b {
  font-family: "NotoSansJPM";
}

.page-winactor .c-sec_wrap h5 {
  margin: 10px 0;
  font-size: 1.8rem;
  color: #16c6da;
}

@media screen and (max-width: 767px) {
  .page-winactor .c-sec_wrap img {
    margin-bottom: 10px;
  }
}

.page-winactor .c-sec_right {
  margin-left: 30px;
}

@media screen and (max-width: 767px) {
  .page-winactor .c-sec_right {
    margin: auto;
    width: 50%;
    min-width: 150px;
    max-width: 300px;
  }
}

.page-winactor .c-sec_left {
  margin-right: 40px;
}

@media screen and (max-width: 767px) {
  .page-winactor .c-sec_left {
    margin: auto;
    width: 50%;
    min-width: 150px;
    max-width: 300px;
  }
}

.page-winactor .sec-exp img {
  margin: auto;
}

.page-winactor .c-section4 {
  padding-top: 0 !important;
  background: #fff !important;
}

.page-winactor .c-section5 {
  padding: 80px 0 0;
  background: #f6f6f6;
}

@media screen and (max-width: 767px) {
  .page-winactor .c-section5 {
    padding: 50px 0 10px;
  }
}

.page-winactor .c-section5 .c-section-title1 {
  margin-bottom: 80px;
}

@media screen and (max-width: 767px) {
  .page-winactor .c-section5 .c-section-title1 {
    margin-bottom: 40px;
  }
}

.page-winactor .c-section5 .c-sec__body {
  margin-top: 70px;
  margin-bottom: 0;
}

@media screen and (max-width: 767px) {
  .page-winactor .c-section5 .c-sec__body {
    margin-top: 30px;
  }
}

.page-winactor .c-section5 .c-sec_wrap {
  padding: 0 30px;
}

.page-winactor .c-section5 .color-txt {
  padding: 40px;
  width: 50%;
}

@media screen and (max-width: 767px) {
  .page-winactor .c-section5 .color-txt {
    padding: 30px 0;
    border-bottom: 1px solid #ccc;
  }
  .page-winactor .c-section5 .color-txt:nth-child(4) {
    border-bottom: none;
  }
}

.page-winactor .c-section5 .color-txt:nth-child(1), .page-winactor .c-section5 .color-txt:nth-child(2) {
  border-bottom: 1px solid #ccc;
}

.page-winactor .c-section5 .color-txt:nth-child(1), .page-winactor .c-section5 .color-txt:nth-child(3) {
  border-right: 1px solid #ccc;
}

@media screen and (max-width: 767px) {
  .page-winactor .c-section5 .color-txt:nth-child(1), .page-winactor .c-section5 .color-txt:nth-child(3) {
    border-right: none;
  }
}

@media screen and (max-width: 767px) {
  .page-winactor .c-section5 .color-txt {
    width: 100%;
  }
}

.page-winactor .c-section5 .color-txt div {
  margin-bottom: 20px;
  padding: 10px 0;
  font-size: 2.4rem;
  font-family: "NotoSansJPM";
  color: #fff;
  text-align: center;
  border-radius: 50px;
}

.page-winactor .c-section5 .color-txt div.h-blue {
  background: #16c6da;
}

.page-winactor .c-section5 .color-txt div.h-gr {
  background: #45b29d;
}

.page-winactor .c-section5 .color-txt div.h-yl {
  background: #fba522;
}

.page-winactor .c-section5 .color-txt div.h-org {
  background: #fc5b3f;
}

@media screen and (max-width: 767px) {
  .page-winactor .c-section5 .color-txt div {
    font-size: 1.5rem;
  }
}

.page-winactor .c-section5 .color-txt p {
  font-size: 1.6rem;
  font-family: "NotoSansJPDL";
}

@media screen and (max-width: 767px) {
  .page-winactor .c-section5 .color-txt p {
    font-size: 1.4rem;
  }
}

.page-winactor .c-section5 .c-support-info {
  margin: 80px auto;
}

@media screen and (max-width: 767px) {
  .page-winactor .c-section5 .c-support-info {
    text-align: left;
  }
}

.page-winactor .c-section5 .sec-pattern img {
  margin: auto;
}

.page-winactor .c-section06 {
  padding: 100px 0;
}

@media screen and (max-width: 767px) {
  .page-winactor .c-section06 {
    padding: 50px 0 40px;
  }
}

.page-winactor .c-section06 .c-section-title1 {
  margin-bottom: 80px;
}

@media screen and (max-width: 767px) {
  .page-winactor .c-section06 .c-section-title1 {
    margin-bottom: 40px;
  }
}

.page-winactor .c-section06 .c-list__3col {
  margin: 50px 0 0;
}

.page-winactor .c-section06 .c-list__3col p {
  margin-top: 30px;
  font-size: 1.6rem;
  font-family: "NotoSansJPDL";
  text-align: left;
  line-height: 1.9;
}

.page-winactor .c-section06 .c-list__3col li {
  text-align: center;
}

@media screen and (max-width: 767px) {
  .page-winactor .c-section06 .c-list__3col img {
    width: 50%;
    max-width: 250px;
    min-width: 150px;
  }
}

.page-winactor .c-section07 {
  padding: 100px 0 50px;
}

@media screen and (max-width: 767px) {
  .page-winactor .c-section07 {
    padding: 50px 0;
  }
}

.page-winactor .c-section07 .c-section-title1 {
  margin-bottom: 80px;
}

@media screen and (max-width: 767px) {
  .page-winactor .c-section07 .c-section-title1 {
    margin-bottom: 40px;
  }
}

.page-winactor .c-section07 .c-list011__text1 span {
  padding: 0;
  text-align: center;
}

.page-winactor .c-section08 {
  padding: 80px 0;
}

@media screen and (max-width: 767px) {
  .page-winactor .c-section08 {
    padding: 40px 0;
  }
}

@media screen and (max-width: 767px) {
  .page-winactor .c-section08 .c-table {
    overflow-x: auto;
  }
}

.page-winactor .c-section08 .c-table table {
  margin-top: 50px;
  width: 100%;
  min-width: 850px;
  border-collapse: collapse;
}

.page-winactor .c-section08 .c-table th {
  padding: 15px 10px;
  font-size: 1.6rem;
  font-family: "NotoSansJPM";
  text-align: center;
  background: #bcdbe2;
  border: 1px solid #ccc;
}

@media screen and (max-width: 767px) {
  .page-winactor .c-section08 .c-table th {
    padding: 5px 10px;
    font-size: 1.4rem;
  }
}

.page-winactor .c-section08 .c-table td {
  padding: 10px 20px;
  font-size: 1.6rem;
  line-height: 1.8;
  font-family: "NotoSansJPDL";
  border: 1px solid #ccc;
}

@media screen and (max-width: 767px) {
  .page-winactor .c-section08 .c-table td {
    padding: 5px 10px;
    font-size: 1.4rem;
    line-height: 1.4;
  }
}

.page-winactor .c-section08 .c-table .frst {
  text-align: center;
  font-family: "NotoSansJPM";
  background: #e5f7fb;
}

.page-winactor .c-section08 .c-table .scnd {
  text-align: center;
  background: #f6f6f6;
}

@media screen and (max-width: 767px) {
  .page-winactor .c-support-info__icon .icon {
    height: auto !important;
  }
}

.page-ocr .blue {
  color: #16c6da;
}

.page-ocr .c-cover h1 {
  font-family: "NotoSansJPR";
  font-size: 4rem;
  color: #10222b;
  line-height: 1.4;
}

@media screen and (max-width: 767px) {
  .page-ocr .c-cover h1 {
    font-size: 2rem;
  }
}

.page-ocr .c-cover h2 {
  margin-top: 15px;
  font-size: 2.2rem;
}

@media screen and (max-width: 767px) {
  .page-ocr .c-cover h2 {
    margin-top: 0;
    font-size: 1.6rem;
  }
}

.page-ocr .c-cover h2 span {
  font-size: 2.8rem;
  font-family: "NotoSansJPB";
  letter-spacing: -1px;
}

@media screen and (max-width: 767px) {
  .page-ocr .c-cover h2 span {
    font-size: 1.6rem;
  }
}

.page-ocr .c-section-title1 h2 {
  line-height: 1.3;
}

.page-ocr .f36 h4 {
  font-family: "NotoSansJPL";
}

.page-ocr .bold-txt {
  font-family: "NotoSansJPB" !important;
}

.page-ocr .m-txt {
  font-family: "NotoSansJPM" !important;
  line-height: 1.65 !important;
}

.page-ocr .org {
  color: #fa5b0f;
}

.page-ocr .f22 {
  font-size: 2.2rem !important;
}

@media screen and (max-width: 767px) {
  .page-ocr .f22 {
    font-size: 1.6rem !important;
  }
}

.page-ocr .dis-block {
  display: block;
}

.page-ocr .center-align {
  text-align: center;
}

.page-ocr .c-sec_img {
  margin: 60px auto 0;
}

@media screen and (max-width: 767px) {
  .page-ocr .c-sec_img {
    margin-top: 40px;
  }
}

.page-ocr .mt45 {
  margin-top: 45px !important;
}

@media screen and (max-width: 767px) {
  .page-ocr .mt45 {
    margin-top: 23px !important;
  }
}

.page-ocr .mt70 {
  margin-top: 70px;
}

@media screen and (max-width: 767px) {
  .page-ocr .mt70 {
    margin-top: 40px;
  }
}

.page-ocr .mt100 {
  margin-top: 100px;
}

@media screen and (max-width: 767px) {
  .page-ocr .mt100 {
    margin-top: 50px;
  }
}

.page-ocr .mb25 {
  margin-bottom: 25px !important;
}

.page-ocr .mb25 h4 {
  margin-bottom: 25px !important;
}

.page-ocr .mb50 {
  margin-bottom: 50px;
}

@media screen and (max-width: 767px) {
  .page-ocr .mb50 {
    margin-bottom: 25px;
  }
}

.page-ocr .sub-txt {
  margin-top: 10px;
  font-size: 1.4rem !important;
  font-family: "NotoSansJPB" !important;
  text-align: center;
}

.page-ocr .merit {
  font-size: 1.4rem;
  font-weight: 900;
  font-family: sans-serif;
  text-transform: uppercase;
  color: #fa5b0f;
}

.page-ocr .merit span {
	display: block;
    font-size: 4.5rem;
    font-weight: 700;
    line-height: .5;
    padding-top: 10px;
}

.page-ocr .c-section2 {
  padding-bottom: 50px;
}

@media screen and (max-width: 767px) {
  .page-ocr .c-section2 {
    padding-bottom: 30px;
  }
  .page-ocr .c-section2 .c-sec_right {
    width: 100%;
  }
}

.page-ocr .c-section3 {
  padding-bottom: 50px;
}

@media screen and (max-width: 767px) {
  .page-ocr .c-section3 {
    padding-bottom: 25px;
  }
}

.page-ocr .c-section3 .c-sec_wrap img {
  margin: auto;
}

.page-ocr .c-section4 {
  padding: 100px 0 80px !important;
  background: #f6f6f6 !important;
}

@media screen and (max-width: 767px) {
  .page-ocr .c-section4 {
    padding: 50px 0 40px !important;
  }
}

.page-ocr .c-section4 .c-section-title1 {
  margin-bottom: 60px;
}

.page-ocr .c-section4 .c-list__3col {
  padding: 0;
}

.page-ocr .c-section4 .c-list__3col li {
  padding: 30px 35px;
  width: 350px;
  text-align: center;
  background: #fff;
  border: 5px solid #16c6da;
}

@media screen and (max-width: 767px) {
  .page-ocr .c-section4 .c-list__3col li {
    width: 100%;
    max-width: 350px;
  }
}

.page-ocr .c-section4 .c-list__3col li p {
  margin-top: 25px;
  font-size: 1.6rem;
  text-align: left;
  line-height: 1.9;
}

@media screen and (max-width: 767px) {
  .page-ocr .c-section4 .c-list__3col li p {
    font-size: 1.4rem;
  }
}

.page-ocr .c-section5 {
  background: #fff;
}

@media screen and (max-width: 767px) {
  .page-ocr .c-section5 .c-btn02 {
    margin-top: 30px !important;
  }
}

.page-ocr .c-section6 {
  display: none !important;
}

.page-ocr .c-faq--style2 {
  margin-bottom: 80px;
}
.page-ocr .c-section6 .c-contact-form .l-wrap iframe {
  height:1550px;
 }
@media screen and (max-width: 767px) {
  .page-ocr .c-faq--style2 {
    margin-bottom: 40px;
  }
  .page-ocr .c-section6 .c-contact-form .l-wrap iframe {
	height:1680px;
  }
}

.page-ocr .c-section-title1 {
  margin-bottom: 57px !important;
}

@media screen and (max-width: 767px) {
  .page-ocr .c-section-title1 {
    margin-bottom: 30px !important;
  }
}

/*.c-contact-form {
  padding-bottom: 80px;
}*/

@media screen and (max-width: 767px) {
  .c-contact-form {
    padding-bottom: 40px;
  }
}

@media screen and (max-width: 767px) {
  .c-contact-form .c-checklist__title {
    padding: 0 20px;
  }
}

.c-contact-form .c-title1 span:after {
  background: #fff;
}

.c-contact-form .c-form {
  margin-bottom: 40px;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .c-contact-form .c-form {
    margin-bottom: 20px;
  }
}

.c-contact-form .c-form__inner {
  display: table;
  width: 100%;
  border-top: 1px solid #ccc;
  text-align: left;
}

@media screen and (max-width: 767px) {
  .c-contact-form .c-form__inner {
    display: block;
  }
}

.c-contact-form .c-form__inner.error {
  color: #f7451b;
}

.c-contact-form .c-form__inner.error .c-form__content input[type=text], .c-contact-form .c-form__inner.error .c-form__content input[type=email] {
  background: #f8dfd9;
  border: 1px solid #cccccc;
}

.c-contact-form .c-form__inner.error span {
  font-family: 'NotoSansJPR';
}

.c-contact-form .c-form__title {
  font-size: 1.6rem;
  font-family: 'NotoSansJPB';
  color: #020d34;
  width: 36%;
  min-width: 432px;
  height: 100%;
  background: #e1f0f3;
  display: table-cell;
  padding: 30px;
  vertical-align: middle;
}

@media screen and (max-width: 767px) {
  .c-contact-form .c-form__title {
    padding: 10px;
    min-width: 100%;
    font-size: 1.3rem;
    display: inline-block;
    width: 100%;
  }
}

.c-contact-form .c-form__title .required, .c-contact-form .c-form__title .optional {
  float: right;
  font-size: 1.2rem;
  color: #fff;
  padding: 2px 5px;
  font-family: 'NotoSansJPR';
}

@media screen and (max-width: 767px) {
  .c-contact-form .c-form__title .required, .c-contact-form .c-form__title .optional {
    float: none;
    margin-left: 15px;
  }
}

.c-contact-form .c-form__title .required {
  background: #f7451b;
}

.c-contact-form .c-form__title .optional {
  background: #020d34;
}

.c-contact-form .c-form__content {
  padding: 28px 30px;
  font-size: 1.6rem;
  text-align: left;
  display: table-cell;
  font-family: 'NotoSansJPR';
}

@media screen and (max-width: 767px) {
  .c-contact-form .c-form__content {
    padding: 15px 0;
    font-size: 1.3rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.c-contact-form .c-form__content input[text], .c-contact-form .c-form__content textarea {
  padding: 10px;
  font-size: 1.5rem;
}

.c-contact-form .c-form__content textarea {
  overflow: auto;
}

.c-contact-form .c-form textarea {
  display: block;
  resize: vertical;
  width: calc(100% - 20px);
  padding: 10px;
  overflow: auto;
  font-family: 'NotoSansJPR';
  margin-bottom: 5px;
  font-size: 1.6rem;
}

@media screen and (max-width: 767px) {
  .c-contact-form .c-form textarea {
    width: calc(100% - 45px);
    margin-left: 10px;
    font-size: 1.3rem;
  }
}

.c-contact-form .c-form .c-text3 {
  border-top: 1px solid #ccc;
  padding-top: 40px;
  margin-bottom: 30px;
  font-size: 1.3rem;
  color: #222;
  font-family: 'NotoSansJPR';
}

@media screen and (max-width: 767px) {
  .c-contact-form .c-form .c-text3 {
    padding-top: 15px;
    margin-bottom: 20px;
    text-align: left;
    font-size: 1.1rem;
  }
}

.c-contact-form .c-form button {
  display: inline-block;
  font-family: 'NotoSansJPB';
  border: none;
  cursor: pointer;
  font-size: 2rem;
  padding: 20px 70px;
  background: -webkit-gradient(linear, left top, right top, from(#f56200), to(#f73609));
  background: -webkit-linear-gradient(left, #f56200, #f73609);
  background: linear-gradient(to right, #f56200, #f73609);
  color: #fff;
  position: relative;
}

@media screen and (max-width: 767px) {
  .c-contact-form .c-form button {
    padding: 0;
    width: 205px;
    line-height: 40px;
    font-size: 1.4rem;
  }
}

.c-contact-form .c-form button:before {
  display: inline-block;
  position: absolute;
  top: 32px;
  right: 46px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 3.5px 0 3.5px 5px;
  border-color: transparent transparent transparent #f7451b;
  content: '';
  z-index: 3;
}

@media screen and (max-width: 767px) {
  .c-contact-form .c-form button:before {
    border-width: 3px 0 3px 4px;
    right: 31px;
    top: 19px;
  }
}

.c-contact-form .c-form button:after {
  position: absolute;
  display: inline-block;
  top: 27px;
  right: 41px;
  width: 16px;
  height: 16px;
  background: #fff0ff;
  border-radius: 50%;
  content: '';
  z-index: 2;
}

@media screen and (max-width: 767px) {
  .c-contact-form .c-form button:after {
    width: 13px;
    height: 13px;
    top: 15px;
    right: 27px;
  }
}

.c-contact-form .c-form input {
  padding: 10px;
  font-family: 'NotoSansJPR';
}

@media screen and (max-width: 767px) {
  .c-contact-form .c-form input {
    margin-left: 10px;
  }
}

.c-contact-form .c-form input, .c-contact-form .c-form input::-webkit-input-placeholder {
  font-size: 1.6rem;
}

@media screen and (max-width: 767px) {
  .c-contact-form .c-form input, .c-contact-form .c-form input::-webkit-input-placeholder {
    font-size: 1.3rem;
  }
}

.c-contact-form .c-form input[type=text] {
  width: calc(100% - 20px);
  margin-bottom: 5px;
}

@media screen and (max-width: 767px) {
  .c-contact-form .c-form input[type=text] {
    width: calc(100% - 45px);
  }
}

.c-contact-form .c-form input[type=radio] {
  display: none;
}

.c-contact-form .c-form input[type=radio]:checked + label:after {
  display: block;
}

.c-contact-form .c-form input[type=checkbox] {
  display: none;
}

.c-contact-form .c-form input[type=checkbox]:checked + label:after {
  display: block;
}

.c-contact-form .c-form .radio:not(:last-child) {
  margin-bottom: 8px;
}

@media screen and (max-width: 767px) {
  .c-contact-form .c-form .radio:not(:last-child) {
    margin-bottom: 10px;
  }
}

@media screen and (max-width: 767px) {
  .c-contact-form .c-form .radio {
    padding-left: 15px;
    margin-bottom: 5px;
    width: 100%;
  }
}

.c-contact-form .c-form .radio label {
  display: block;
  padding-left: 30px;
  position: relative;
  cursor: pointer;
}

.c-contact-form .c-form .radio label:before {
  position: absolute;
  top: 4px;
  left: 0;
  display: inline-block;
  width: 15px;
  height: 15px;
  border: 1px solid #cccccc;
  border-radius: 50%;
  content: '';
}

@media screen and (max-width: 767px) {
  .c-contact-form .c-form .radio label:before {
    top: 2px;
  }
}

.c-contact-form .c-form .radio label:after {
  display: none;
  position: absolute;
  top: 6px;
  left: 2px;
  width: 7px;
  height: 7px;
  border: 3px solid white;
  border-radius: 50%;
  background: #13aac5;
  content: '';
}

@media screen and (max-width: 767px) {
  .c-contact-form .c-form .radio label:after {
    top: 4px;
  }
}

.c-contact-form .c-form .checkbox:not(:last-child) {
  margin-bottom: 8px;
}

@media screen and (max-width: 767px) {
  .c-contact-form .c-form .checkbox:not(:last-child) {
    margin-bottom: 10px;
  }
}

@media screen and (max-width: 767px) {
  .c-contact-form .c-form .checkbox {
    padding-left: 15px;
  }
}

.c-contact-form .c-form .checkbox label {
  position: relative;
  display: inline-block;
  padding-left: 28px;
  cursor: pointer;
}

.c-contact-form .c-form .checkbox label:before {
  position: absolute;
  top: 4px;
  left: 0;
  display: inline-block;
  width: 15px;
  height: 15px;
  content: '';
  border: 1px solid #afafaf;
}

@media screen and (max-width: 767px) {
  .c-contact-form .c-form .checkbox label:before {
    top: 0px;
  }
}

.c-contact-form .c-form .checkbox label:after {
  top: 6px;
  left: 6px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 6px;
  height: 10px;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  border-width: 2px;
  border-style: solid;
  border-color: #24b0c9;
  border-top: 0;
  border-left: 0;
  position: absolute;
  display: none;
  content: '';
}

@media screen and (max-width: 767px) {
  .c-contact-form .c-form .checkbox label:after {
    top: 3px;
  }
}

.c-contact-form .c-form > .c-text3 {
  text-align: center;
}

@media screen and (max-width: 767px) {
  .c-contact-form .c-form > .c-text3 {
    padding-left: 15px;
    padding-right: 15px;
    text-align: left;
  }
}

.c-contact-form .c-form > .c-text3 a {
  color: #222;
}

.c-contact-form .c-sitelock-secure {
  width: 640px;
  margin: 0 auto;
  padding: 20px 20px 16px;
  border: 1px solid #ccc;
}

@media screen and (max-width: 767px) {
  .c-contact-form .c-sitelock-secure {
    width: 87.5%;
    padding: 15px;
  }
}

.c-contact-form .c-sitelock-secure img {
  float: right;
  margin-left: 20px;
  margin-top: -10px;
}

@media screen and (max-width: 767px) {
  .c-contact-form .c-sitelock-secure img {
    margin-left: 10px;
    margin-top: 0;
  }
}

.c-contact-form .c-sitelock-secure p {
  padding-top: 12px;
  overflow: hidden;
  text-align: left;
  font-size: 1.3rem;
  color: #222;
  font-family: 'NotoSansJPR';
}

@media screen and (max-width: 767px) {
  .c-contact-form .c-sitelock-secure p {
    font-size: 1.1rem;
    padding-top: 0;
    line-height: 1.4;
  }
}

.sub-footer {
  background: #000;
  padding: 20px 0;
}

@media screen and (max-width: 767px) {
  .sub-footer {
    padding: 10px 0;
  }
}

.sub-footer .l-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media screen and (max-width: 767px) {
  .sub-footer .l-wrap {
    display: block;
  }
}

.sub-footer p {
  color: #fff;
  font-size: 1.3rem;
  padding-right: 50px;
}

@media screen and (max-width: 767px) {
  .sub-footer p {
    padding-right: 0;
    font-size: 1.1rem;
    line-height: 1.6;
    text-align: center;
  }
}

@media screen and (max-width: 767px) {
  .sub-footer .c-footer__logo {
    display: none;
  }
}

.ocr-form {
  display: none !important;
}

.page-ocr-koukoku nav li {
  display: none;
}

.page-ocr-koukoku nav li:nth-of-type(7) {
  display: inline-block;
}

@media screen and (max-width: 767px) {
  .page-ocr-koukoku nav li:nth-of-type(7) {
    display: block;
    width: 100%;
  }
}

.page-ocr-koukoku nav li.sp-only {
  display: none !important;
}

.page-ocr-koukoku nav li span {
  display: none;
}

.page-ocr-koukoku nav li .koukoku-txt {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
  line-height: 1.4;
}

.page-ocr-koukoku nav li.button a {
  width: 250px;
  height: auto;
  display: inline-block;
}

.page-ocr-koukoku nav li.button a p {
  vertical-align: middle;
}

.page-ocr-koukoku .button a {
  display: none !important;
}

.page-ocr-koukoku .button .ocr-form {
  display: inline-block !important;
}

.page-ocr-koukoku .c-section6 {
  display: block !important;
  background: #fff !important;
}

.page-ocr-koukoku .c-contact, .page-ocr-koukoku .c-breadcrumb, .page-ocr-koukoku footer {
  display: none;
}

.page-ocr-koukoku .sub-footer {
  display: block;
}

.page-ocr-koukoku .mw_wp_form {
  margin-top: 50px;
}

@media screen and (max-width: 767px) {
  .page-ocr-koukoku .mw_wp_form {
    margin-top: 0;
  }
}

.page-ocr-koukoku .mwform-checkbox-field, .page-ocr-koukoku .mwform-radio-field {
  display: block;
}

@media screen and (max-width: 767px) {
  .page-ocr-koukoku .mwform-checkbox-field label, .page-ocr-koukoku .mwform-radio-field label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.page-ocr-koukoku .mw_wp_form .horizontal-item + .horizontal-item {
  margin-left: 10px;
}

@media screen and (max-width: 767px) {
  .page-ocr-koukoku .mw_wp_form .horizontal-item + .horizontal-item {
    margin-left: 0;
  }
}

.page-ocr-koukoku .mwform-checkbox-field .horizontal-item, .page-ocr-koukoku .mw_wp_form .horizontal-item + .horizontal-item {
  margin-left: 0 !important;
}

.page-ocr-koukoku .c-form__content input[type=text], .page-ocr-koukoku .c-form__content input[type=email], .page-ocr-koukoku .c-form__content textarea {
  padding: 10px;
  font-size: 1.5rem;
  width: 100%;
  border: 1px solid #a1a1a1;
}

.page-ocr-koukoku .exp-small {
  font-size: 1.3rem;
}

.page-ocr-koukoku .mwform-checkbox-field .formError {
  display: none !important;
}

.page-ocr-koukoku .check_form.error {
  color: #000 !important;
  background: #f8dfd9;
}

.page-ocr-koukoku .check_form.error .checkbox_error {
  color: #f7451b;
}

.page-ocr-koukoku .c-section5 .c-btn02 {
  display: none;
}

.page-ocr-koukoku .c-section5 .f22 {
  display: none;
}

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

._blank {
  color: #16c6da !important;
  text-decoration: underline;
}

/*------------------------------------------------------------
robo-pat
------------------------------------------------------------*/
.page-winactor .winactor-wrap .c-section4 .c-section-title2:before {
  background: white;
}

.page-winactor .winactor-wrap .c-section4 .c-section-title2:after {
  background: white;
}

.page-winactor .c-section-title1 h3::after, .page-winactor .c-section-title1 h4::after {
  content: '';
  position: static;
}

/*------------------------------------------------------------
solution
------------------------------------------------------------*/
.page-solution .c-cover {
  background: url("/assets/image/support/cover-image.jpg") no-repeat;
}

.page-solution .c-cover h1 {
  font-size: 3rem;
  margin-bottom: 14px;
}

@media screen and (max-width: 767px) {
  .page-solution .c-cover h1 {
    font-size: 2rem;
    margin-bottom: 7px;
  }
}

.page-solution .solution-container {
  padding-top: 21px;
}

.page-solution .c-section-title1 {
  line-height: 58px;
}

@media screen and (max-width: 767px) {
  .page-solution .c-section-title1 {
    line-height: 1.4;
  }
}

@media screen and (max-width: 767px) {
  .page-solution .c-section-title1 h2 {
    margin-top: 8px;
  }
}

.page-solution .c-section-title1 h2:after {
  bottom: -35px;
}

@media screen and (max-width: 767px) {
  .page-solution .c-section-title1 h2:after {
    bottom: -20px;
  }
}

.page-solution .c-section-title1 h4:after {
  content: none;
}

.page-solution .c-section-title1 h4 span {
  text-align: center;
}

.page-solution .c-section1 {
  padding-top: 90px;
  padding-bottom: 64px;
}

@media screen and (max-width: 767px) {
  .page-solution .c-section1 {
    padding-top: 13px;
    padding-bottom: 32px;
  }
}

.page-solution .c-section1 .c-section-title1 {
  margin-bottom: 95px;
}

@media screen and (max-width: 767px) {
  .page-solution .c-section1 .c-section-title1 {
    margin-bottom: 55px;
  }
}

.page-solution .c-section1__title {
  font-size: 2.8rem;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .page-solution .c-section1__title {
    font-size: 1.8rem;
  }
}

.page-solution .c-section1__title span {
  display: block;
}

.page-solution .c-section1__title span.line {
  margin: 8px auto 0;
  width: 336px;
  height: 10px;
  background: url("data:image/svg+xml;charset=UTF-8,%3csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 206.2 12.7' style='enable-background:new 0 0 206.2 12.7;' xml:space='preserve'%3e%3cstyle type='text/css'%3e .st0%7bfill:%2316c6da;%7d %3c/style%3e%3cg%3e%3cpath class='st0' d='M189,12.7c-5.2,0-8-2.5-10.3-4.5c-2-1.8-3.6-3.2-6.9-3.2c-3.3,0-4.9,1.4-6.9,3.2c-2.2,2-5,4.5-10.3,4.5 c-5.2,0-8-2.5-10.3-4.5c-2-1.8-3.6-3.2-6.9-3.2c-3.3,0-4.9,1.4-6.9,3.2c-2.2,2-5,4.5-10.3,4.5c-5.2,0-8-2.5-10.3-4.5 c-2-1.8-3.6-3.2-6.9-3.2c-3.3,0-4.9,1.4-6.9,3.2c-2.2,2-5,4.5-10.3,4.5c-5.2,0-8-2.5-10.3-4.5c-2-1.8-3.6-3.2-6.9-3.2 c-3.3,0-4.9,1.4-6.9,3.2c-2.2,2-5,4.5-10.3,4.5c-5.2,0-8-2.5-10.3-4.5c-2-1.8-3.6-3.2-6.9-3.2c-3.3,0-4.9,1.4-6.9,3.2 c-2.2,2-5,4.5-10.3,4.5c-5.2,0-8-2.5-10.3-4.5C4.9,6.4,3.3,5,0,5V0c5.2,0,8,2.5,10.3,4.5c2,1.8,3.6,3.2,6.9,3.2 c3.3,0,4.9-1.4,6.9-3.2c2.2-2,5-4.5,10.3-4.5c5.2,0,8,2.5,10.3,4.5c2,1.8,3.6,3.2,6.9,3.2c3.3,0,4.9-1.4,6.9-3.2 c2.2-2,5-4.5,10.3-4.5c5.2,0,8,2.5,10.3,4.5c2,1.8,3.6,3.2,6.9,3.2c3.3,0,4.9-1.4,6.9-3.2c2.2-2,5-4.5,10.3-4.5 c5.2,0,8,2.5,10.3,4.5c2,1.8,3.6,3.2,6.9,3.2c3.3,0,4.9-1.4,6.9-3.2c2.2-2,5-4.5,10.3-4.5c5.2,0,8,2.5,10.3,4.5 c2,1.8,3.6,3.2,6.9,3.2c3.3,0,4.9-1.4,6.9-3.2c2.2-2,5-4.5,10.3-4.5c5.2,0,8,2.5,10.3,4.5c2,1.8,3.6,3.2,6.9,3.2s4.9-1.4,6.9-3.2 c2.2-2,5-4.5,10.3-4.5v5c-3.3,0-4.9,1.4-6.9,3.2C197,10.2,194.3,12.7,189,12.7z'/%3e%3c/g%3e%3c/svg%3e") repeat;
  -webkit-background-size: 160px 10px;
          background-size: 160px 10px;
}

@media screen and (max-width: 767px) {
  .page-solution .c-section1__title span.line {
    width: 217px;
    margin-top: 4px;
    -webkit-background-size: 123px 10px;
            background-size: 123px 10px;
  }
}

@media screen and (max-width: 767px) {
  .page-solution .c-section1 .c-list__product--2 li:not(:last-child):after {
    bottom: -15px;
  }
}

.page-solution .c-section1 .c-list__product--2 .s-txt {
  margin-top: 36px;
  font-size: 1.8rem;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .page-solution .c-section1 .c-list__product--2 .s-txt {
    margin-top: 18px;
    font-size: 1.2rem;
  }
}

.page-solution .c-section1 .c-list__product--2 .product-catch {
  margin-top: 5px;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .page-solution .c-section1 .c-list__product--2 .product-catch {
    margin-top: 0;
  }
}

.page-solution .c-section1 .c-list__product--2 p {
  height: 240px;
  line-height: 1.75;
  letter-spacing: 1.1px;
}

@media screen and (max-width: 767px) {
  .page-solution .c-section1 .c-list__product--2 p {
    font-size: 1.2rem;
    height: auto;
  }
}

@media screen and (max-width: 767px) {
  .page-solution .c-section1 .c-list__product--2 .c-btn02 {
    margin-top: 20px;
  }
}

@media screen and (max-width: 767px) {
  .page-solution .c-section1 .c-list__product--2 .c-btn02 a {
    width: 127px;
    border-radius: 3px;
  }
}

.page-solution .c-section1 .c-list__3col {
  margin-top: 62px;
}

@media screen and (max-width: 767px) {
  .page-solution .c-section1 .c-list__3col {
    margin-top: 42px;
  }
}

.page-solution .c-section1 .c-section1__list {
  margin-top: 100px;
  padding: 0 50px;
}

@media screen and (max-width: 767px) {
  .page-solution .c-section1 .c-section1__list {
    padding: 0;
  }
}

.page-solution .c-section1 .c-section1__list li {
  width: 305px;
}

@media screen and (max-width: 767px) {
  .page-solution .c-section1 .c-section1__list li {
    width: 100%;
  }
}

.page-solution .c-section1 .c-section1__list-circle {
  width: 260px;
  height: 260px;
  border: 3px dashed #16c6da;
  border-radius: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-top: 42px;
  color: #fa5b0f;
  text-align: center;
  margin: 0 auto;
}

@media screen and (max-width: 767px) {
  .page-solution .c-section1 .c-section1__list-circle {
    width: 150px;
    height: 150px;
    padding-top: 32px;
  }
}

.page-solution .c-section1 .c-section1__list-circle span {
  font-family: 'Raleway', sans-serif;
  font-size: 6rem;
  font-weight: bold;
}

@media screen and (max-width: 767px) {
  .page-solution .c-section1 .c-section1__list-circle span {
    font-size: 3rem;
  }
}

.page-solution .c-section1 .c-section1__list-circle h3 {
  font-family: 'NotoSansJPM';
  font-size: 2.6rem;
  line-height: 34px;
  font-weight: normal;
}

@media screen and (max-width: 767px) {
  .page-solution .c-section1 .c-section1__list-circle h3 {
    font-size: 1.3rem;
    line-height: 1.5;
  }
}

.page-solution .c-section1 .c-section1__list-text {
  font-size: 1.6rem;
  line-height: 30px;
  margin-top: 33px;
  font-family: 'NotoSansJPL';
}

.page-solution .c-section1 .c-section1__list-text span {
  font-family: 'NotoSansJPR';
  font-weight: bold;
}

@media screen and (max-width: 767px) {
  .page-solution .c-section1 .c-section1__list-text {
    font-size: 1.3rem;
    line-height: 1.7;
    margin-top: 20px;
  }
}

.page-solution .c-section2 {
  background: url("/assets/image/solution/section2-cover.jpg") no-repeat top center;
  -webkit-background-size: cover;
          background-size: cover;
  padding-top: 92px;
  padding-bottom: 100px;
  position: relative;
}

@media screen and (max-width: 767px) {
  .page-solution .c-section2 {
    background: #f6f6f6 url("/assets/image/solution/section2-cover_sp.jpg") no-repeat;
    -webkit-background-size: 100% 100%;
            background-size: 100%;
    padding-top: 46px;
    padding-bottom: 50px;
  }
}

.page-solution .c-section2 .icon {
  position: absolute;
  top: -48px;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  background: #16c6da;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media screen and (max-width: 767px) {
  .page-solution .c-section2 .icon {
    top: -28px;
    width: 50px;
    height: 50px;
  }
}

@media screen and (max-width: 767px) {
  .page-solution .c-section2 .icon img {
    width: 50%;
  }
}

.page-solution .c-section2 .icon:after {
  position: absolute;
  bottom: -10px;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 12px 10px 0 10px;
  border-color: #16c6da transparent transparent transparent;
  content: '';
}

@media screen and (max-width: 767px) {
  .page-solution .c-section2 .icon:after {
    border-width: 6px 5px 0 5px;
    bottom: -5px;
  }
}

.page-solution .c-section2 p {
  font-size: 1.8rem;
  line-height: 34px;
  text-align: center;
  margin-top: 85px;
  margin-bottom: 50px;
  font-family: 'NotoSansJPM';
}

@media screen and (max-width: 767px) {
  .page-solution .c-section2 p {
    font-size: 1.3rem;
    line-height: 1.7;
    margin-top: 52px;
    margin-bottom: 25px;
  }
}

.page-solution .c-section2 .c-btn02 {
  text-align: center;
}

@media screen and (max-width: 767px) {
  .page-solution .c-section2 .c-btn02 {
    margin-top: 0;
  }
}

.page-solution .c-section2 .c-btn02 a {
  background: white;
}

.page-solution .c-section2 .c-btn02 a:hover {
  background: #fa5b0f;
}

@media screen and (max-width: 767px) {
  .page-solution .c-section2 .c-btn02 a {
    width: 150px;
    height: 40px;
    font-size: 1.3rem;
    padding: 10px 0;
  }
}

.page-solution .c-section3 {
  padding-top: 74px;
  padding-bottom: 160px;
}

@media screen and (max-width: 767px) {
  .page-solution .c-section3 {
    padding-top: 37px;
    padding-bottom: 70px;
  }
}

.page-solution .c-section3__wrap {
  margin-top: 95px;
}

@media screen and (max-width: 767px) {
  .page-solution .c-section3__wrap {
    margin-top: 52px;
  }
}

.page-solution .c-section3__wrap .c-section3__case:not(:last-child) {
  margin-bottom: 107px;
}

@media screen and (max-width: 767px) {
  .page-solution .c-section3__wrap .c-section3__case:not(:last-child) {
    margin-bottom: 40px;
  }
}

.page-solution .c-section3__case-title {
  font-size: 3.6rem;
  font-family: 'NotoSansJPL';
}

.page-solution .c-section3__case-title span {
  color: #fa5b0f;
}

.page-solution .c-section3__case-wrap {
  margin-top: 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media screen and (max-width: 767px) {
  .page-solution .c-section3__case-wrap {
    margin-top: 40px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.page-solution .c-section3__case-img {
  display: block;
  margin: auto;
}

.page-solution .c-section3__case .c-section-title2 {
  margin-bottom: 60px;
}

@media screen and (max-width: 767px) {
  .page-solution .c-section3__case .c-section-title2 {
    margin-bottom: 30px;
  }
}

.page-solution .c-section3__case .c-section-title2 span {
  margin-right: 30px;
}

@media screen and (max-width: 767px) {
  .page-solution .c-section3__case .c-section-title2 span {
    margin-right: 0;
    margin-bottom: 3px;
    display: block;
  }
}

.page-solution .c-section3__case .c-support-box {
  width: 550px;
}

@media screen and (max-width: 767px) {
  .page-solution .c-section3__case .c-support-box {
    width: 100%;
  }
}

.page-solution .c-section3__case .c-support-box__txt {
  font-weight: normal;
}

.page-solution .c-section3__case .c-support-box .icon {
  display: inline-block;
  vertical-align: -3px;
  margin-right: 15px;
}

@media screen and (max-width: 767px) {
  .page-solution .c-section3__case .c-support-box .icon {
    vertical-align: baseline;
    margin-right: 3px;
  }
}

.page-solution .c-section3__case .c-support-box .c-support-box__content {
  padding: 50px;
}

@media screen and (max-width: 767px) {
  .page-solution .c-section3__case .c-support-box .c-support-box__content {
    padding: 20px;
  }
}

.page-solution .c-section3__case .c-support-box:first-child {
  background: #e6e6e6;
  border: none;
}

.page-solution .c-section3__case .c-support-box:first-child .c-support-box__content {
  padding: 50px 60px 60px;
  background: #e6e6e6;
}

@media screen and (max-width: 767px) {
  .page-solution .c-section3__case .c-support-box:first-child .c-support-box__content {
    padding: 20px 25px 25px;
  }
}

.page-solution .c-section3__case .c-support-box:first-child .c-support-box__txt {
  font-family: 'NotoSansJPL';
}

.page-solution .c-section3__case .c-support-box:first-child .c-support-box__ttl {
  background: #999;
}

.page-solution .c-section3__case .c-support-box.c-arrow-right:before {
  right: -40px;
}

@media screen and (max-width: 767px) {
  .page-solution .c-section3__case .c-support-box.c-arrow-right:before {
    display: none;
  }
}

.page-solution .c-section3__case .c-support-box.c-arrow-right:after {
  right: -40px;
}

@media screen and (max-width: 767px) {
  .page-solution .c-section3__case .c-support-box.c-arrow-right:after {
    display: none;
  }
}

.page-solution .c-section3 .c-support-info {
  margin-top: 93px;
}

@media screen and (max-width: 767px) {
  .page-solution .c-section3 .c-support-info {
    margin-top: 46px;
  }
}

.page-solution .c-so-graph {
  position: relative;
  margin: 80px auto 90px;
}

@media screen and (max-width: 767px) {
  .page-solution .c-so-graph {
    margin: 50px auto;
  }
}

.page-solution .c-so-graph figure {
  margin: auto;
  padding: 20px 0 90px;
  width: 314px;
}

@media screen and (max-width: 767px) {
  .page-solution .c-so-graph figure {
    padding: 0 0 30px;
    width: 100%;
    text-align: center;
  }
  .page-solution .c-so-graph figure img {
    width: 50%;
  }
}

.page-solution .c-so-graph span, .page-solution .c-so-graph spna {
  margin: auto;
  display: block;
}

.page-solution .c-so-graph span {
  position: absolute;
  top: 8px;
  left: 8px;
  padding: 8px 0;
  width: 54px;
  height: 54px;
  border-radius: 50px;
  background: #fff;
}

@media screen and (max-width: 767px) {
  .page-solution .c-so-graph span {
    top: 5px;
    left: 5px;
    width: 40px;
    height: 40px;
  }
  .page-solution .c-so-graph span svg {
    width: 90%;
  }
}

.page-solution .c-so-graph h3 {
  position: relative;
  padding: 15px 0 0 75px;
  width: 350px;
  height: 70px;
  font-size: 2.6rem;
  color: #000;
  background: #18aecc;
  border-radius: 50px;
}

@media screen and (max-width: 767px) {
  .page-solution .c-so-graph h3 {
    padding: 11px 0 0 55px;
    width: 100%;
    height: 50px;
    font-size: 1.6rem;
  }
}

.page-solution .c-so-graph h3:after {
  position: absolute;
  content: "";
  top: 36px;
  width: 66px;
  height: 31px;
  background: url(/assets/image/solution/graph-branch01.png) center no-repeat;
}

@media screen and (max-width: 767px) {
  .page-solution .c-so-graph h3:after {
    display: none;
  }
}

.page-solution .c-so-graph p {
  margin: 15px 0 0 35px;
  font-size: 1.8rem;
  color: #333;
}

@media screen and (max-width: 767px) {
  .page-solution .c-so-graph p {
    margin: 5px 0 20px 10px;
    font-size: 1.4rem;
  }
}

.page-solution .graph {
  position: absolute;
}

@media screen and (max-width: 767px) {
  .page-solution .graph {
    position: relative;
  }
}

.page-solution .graph01 {
  top: 0;
  left: 0;
}

.page-solution .graph01 h3 {
  background: #51c9e1;
}

.page-solution .graph01 h3:after {
  left: 100%;
}

.page-solution .graph02 {
  top: 0;
  right: 0;
}

.page-solution .graph02 h3 {
  background: #51c9e1;
}

.page-solution .graph02 h3:after {
  right: 100%;
  background: url(/assets/image/solution/graph-branch02.png) center no-repeat;
}

.page-solution .graph03 {
  bottom: 0;
  left: 0;
}

.page-solution .graph03 h3 {
  background: #79b8c5;
}

.page-solution .graph03 h3:after {
  top: 6px;
  left: 100%;
  background: url(/assets/image/solution/graph-branch03.png) center no-repeat;
}

.page-solution .graph04 {
  bottom: 0;
  right: 0;
}

.page-solution .graph04 h3 {
  background: #a2b5b9;
}

.page-solution .graph04 h3:after {
  top: 6px;
  right: 100%;
  background: url(/assets/image/solution/graph-branch04.png) center no-repeat;
}

.page-solution .sec-ttl-txt {
  margin-top: 65px;
  font-size: 1.8rem;
  text-align: center;
}

.page-solution .total-support {
  margin-top: 40px;
}

.page-solution .total-support ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.page-solution .total-support li {
  position: relative;
  margin-bottom: 40px;
  padding: 50px 60px;
  width: 530px;
  text-align: center;
  border: 1px solid #16c6da;
}

@media screen and (max-width: 767px) {
  .page-solution .total-support li {
    padding: 30px;
  }
}

.page-solution .total-support h3 {
  font-size: 2.8rem;
  line-height: 1.4;
  color: #16c6da;
}

@media screen and (max-width: 767px) {
  .page-solution .total-support h3 {
    font-size: 1.8rem;
  }
}

.page-solution .total-support span {
  margin: 0 auto 15px;
  display: block;
}

@media screen and (max-width: 767px) {
  .page-solution .total-support span {
    height: 50px !important;
  }
}

.page-solution .total-support p {
  margin-top: 20px;
  font-size: 1.6rem;
  text-align: left;
}

@media screen and (max-width: 767px) {
  .page-solution .total-support p {
    font-size: 1.4rem;
  }
}

.page-solution .total-support p span {
  display: inline;
  font-family: 'NotoSansJPR';
  font-weight: bold;
}

.page-solution .total-support .abs-num {
  position: absolute;
  top: 20px;
  left: 20px;
  margin-top: 0;
  font-family: sans-serif;
  font-weight: bold;
  line-height: 1;
  font-size: 4.5rem;
  color: #f7451b;
}

@media screen and (max-width: 767px) {
  .page-solution .total-support .abs-num {
    font-size: 4rem;
  }
}

.page-solution .l-cont__product ul {
  position: relative;
  border: 1px solid #ccc;
}

.page-solution .l-cont__product ul:after {
  position: absolute;
  content: "";
  left: 50%;
  top: 50%;
  width: 1px;
  height: 85%;
  background: #ccc;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

@media screen and (max-width: 767px) {
  .page-solution .l-cont__product ul:after {
    display: none;
  }
}

.page-solution .l-cont__product li {
  text-align: center;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.page-solution .l-cont__product span {
  font-size: 2.8rem;
  color: #16c6da;
}

@media screen and (max-width: 767px) {
  .page-solution .l-cont__product span {
    font-size: 2rem;
  }
}

.page-solution .l-cont__product .s-txt {
  font-size: 1.8rem;
  color: #000;
}

@media screen and (max-width: 767px) {
  .page-solution .l-cont__product .s-txt {
    font-size: 1.4rem;
  }
}

.page-solution .c-list__case ul {
  border: 5px solid #ccc;
}

.page-solution .c-list__case li {
  color: #000;
  text-align: center;
  border-right: 5px solid #ccc;
}

.page-solution .c-list__case li:last-of-type {
  border-right: none;
}

@media screen and (max-width: 767px) {
  .page-solution .c-list__case li:last-of-type {
    border-bottom: none;
  }
}

@media screen and (max-width: 767px) {
  .page-solution .c-list__case li {
    border-bottom: 5px solid #ccc;
  }
  .page-solution .c-list__case li:nth-of-type(2n+2) {
    border-right: none;
  }
}

.page-solution .c-list__case h4 {
  color: #fa5b0f;
}

.page-solution .c-list__case p {
  position: relative;
  margin: 0 10px 0 20px;
  padding: 5px 0 5px 26px;
  font-size: 1.5rem;
  font-family: 'NotoSansJPDL', sans-serif;
  text-align: left;
}

@media screen and (max-width: 767px) {
  .page-solution .c-list__case p {
    font-size: 1.2rem;
  }
}

.page-solution .c-list__case p:before {
  content: '';
  top: 40%;
  left: 5px;
  width: 6px;
  height: 11px;
  border: 4px solid #fa5b0f;
  border-left: none;
  border-top: none;
  position: absolute;
  -webkit-transform: translateY(-50%) rotate(45deg);
      -ms-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
}

.page-solution .c-list__3col .c-section-title1 {
  margin-bottom: 40px;
}

.page-solution .sec05 {
  margin-top: 30px;
}

.page-solution .sec06 {
  margin: 100px auto 80px;
}

.page-solution h4 span {
  text-align: center;
}

@media screen and (max-width: 767px) {
  .page-solution h4 span {
    text-align: left;
  }
}

.c-section__inner {
  margin: 100px 0 50px;
}

@media screen and (max-width: 767px) {
  .c-section__inner {
    margin: 60px 0 40px;
  }
}

.c-section__inner .c-section-title1 {
  margin-bottom: 30px !important;
}

.c-section__inner .c-section-title1 h4 span {
  margin: auto;
  display: block;
  max-width: 1000px;
}

.c-section__inner p {
  font-size: 1.8rem;
  font-family: "NotoSansJPR";
  text-align: center;
  line-height: 2;
}

@media screen and (max-width: 767px) {
  .c-section__inner p {
    font-size: 1.3rem;
    text-align: left;
  }
}

.c-section__inner p span {
  font-family: "NotoSansJPB";
}

.c-section__inner .c-section-title3 {
  margin-top: 60px;
}

@media screen and (max-width: 767px) {
  .c-section__inner .c-section-title3 {
    margin-top: 40px;
  }
}

.c-section__inner .c-section-title3 h4 {
  font-size: 3rem;
  font-family: 'NotoSansJPB';
  color: #020d34;
  margin-bottom: 30px;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .c-section__inner .c-section-title3 h4 {
    font-size: 1.5rem;
    margin-bottom: 25px;
  }
}

.c-section__inner .c-section-title3 h4 span {
  display: inline-block;
  padding-bottom: 15px;
  border-bottom: 1px solid #13aac5;
  position: relative;
}

.c-section__inner .c-section-title3 h4 span:after {
  position: absolute;
  left: 50%;
  bottom: -6px;
  -webkit-transform: translateX(-50%) rotate(45deg);
      -ms-transform: translateX(-50%) rotate(45deg);
          transform: translateX(-50%) rotate(45deg);
  width: 10px;
  height: 10px;
  background: #e1f0f3;
  border-right: 1px solid #13aac5;
  border-bottom: 1px solid #13aac5;
  content: '';
  background: #fff;
}

.c-section-table {
  margin: 50px 0;
}

@media screen and (max-width: 767px) {
  .c-section-table {
    overflow-x: auto;
  }
}

.c-section-table table {
  border-collapse: collapse;
  border-bottom: 1px solid #ccc;
}

@media screen and (max-width: 767px) {
  .c-section-table table {
    width: 700px;
  }
}

.c-section-table tr {
  border-top: 1px solid #ccc;
}

.c-section-table tr.org th {
  background: #fefad8;
}

.c-section-table tr.org th:first-child {
  color: #fff;
  background: #f95e15;
}

.c-section-table tr.org th p:before {
  border-right: 3px solid #f7451b;
  border-bottom: 3px solid #f7451b;
}

.c-section-table th {
  padding: 24px 20px 20px;
  width: 29%;
  vertical-align: top;
}

@media screen and (max-width: 767px) {
  .c-section-table th {
    padding: 20px 10px;
  }
}

.c-section-table th:first-child {
  width: 140px;
  font-size: 1.6rem;
  font-family: "NotoSansJPB";
  background: #e1f0f3;
  vertical-align: middle;
}

@media screen and (max-width: 767px) {
  .c-section-table th:first-child {
    width: 15%;
    font-size: 1.3rem;
  }
}

.c-section-table th:nth-of-type(2), .c-section-table th:nth-of-type(3) {
  border-right: 1px solid #ccc;
}

@media screen and (max-width: 767px) {
  .c-section-table th img {
    width: 70%;
  }
}

.c-section-table p {
  position: relative;
  padding-left: 30px;
  font-size: 1.6rem;
  font-family: "NotoSansJPR";
  font-weight: 400;
  text-align: left;
  line-height: 1.4;
  color: #222;
}

@media screen and (max-width: 767px) {
  .c-section-table p {
    padding-left: 20px;
    font-size: 1.3rem;
  }
}

.c-section-table p:before {
  position: absolute;
  content: "";
  top: 3px;
  left: 5px;
  width: 7px;
  height: 12px;
  border-right: 3px solid #00acba;
  border-bottom: 3px solid #00acba;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

@media screen and (max-width: 767px) {
  .c-section-table p:before {
    width: 4px;
    height: 9px;
    border-right: 2px solid #00acba;
    border-bottom: 2px solid #00acba;
  }
}

.c-section-table p:not(:last-of-type) {
  margin-bottom: 20px;
}

@media screen and (max-width: 767px) {
  .c-section-table p:not(:last-of-type) {
    margin-bottom: 10px;
  }
}

.c-section-table p.t-star:before, .c-section-table p.t-star-w:before {
  left: 0;
  width: 17px;
  height: 16px;
  border: none;
  background: url(/assets/image/common/icon-star.png) no-repeat center;
  -webkit-background-size: contain;
          background-size: contain;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
}

.c-section-table p.t-star-w:before {
  background: url(/assets/image/common/icon-star-w.png) no-repeat center;
  -webkit-background-size: contain;
          background-size: contain;
}

.c-section-table p.c666 {
  color: #666;
}

.c-section-table .tbl-ttl th {
  font-size: 1.6rem;
  vertical-align: middle;
}


@media screen and (max-width: 767px) {
  .c-section-table .tbl-ttl th {
    font-size: 1.3rem;
  }
}

/*------------------------------------------------------------
404
------------------------------------------------------------*/
.page-error .c-cover {
  background: url("/assets/image/support/cover-image.jpg") no-repeat;
}

@media screen and (max-width: 767px) {
  .page-error .c-cover img {
    width: 50%;
  }
}

.page-error .c-cover h2 {
  font-size: 3rem;
  font-family: 'NotoSansJPB';
  margin-top: 25px;
}

@media screen and (max-width: 767px) {
  .page-error .c-cover h2 {
    font-size: 1.5rem;
    margin-top: 10px;
  }
}

.page-error .error-container {
  padding-top: 21px;
  background: url("/assets/image/robo-pat/bg-image.png") no-repeat top center;
}

@media screen and (max-width: 767px) {
  .page-error .error-container {
    padding-top: 0;
    -webkit-background-size: 100% 100%;
            background-size: 100%;
  }
}

.page-error .error-wrap section:nth-child(even) {
  background: #f6f6f6;
}

.page-error .c-section-box__content {
  border: 9px solid #ccc;
  padding: 40px 50px;
}

.page-error .c-section1 {
  padding-top: 76px;
  padding-bottom: 146px;
}

@media screen and (max-width: 767px) {
  .page-error .c-section1 {
    padding-top: 38px;
    padding-bottom: 73px;
  }
}

.page-error .c-section1 p {
  text-align: center;
  font-size: 1.8rem;
  line-height: 44px;
  margin-top: 66px;
}

@media screen and (max-width: 767px) {
  .page-error .c-section1 p {
    font-size: 1.3rem;
    line-height: 1.7;
    margin-top: 33px;
  }
}

.page-error .c-section1 .p-small {
  font-size: 1.4rem;
}

@media screen and (max-width: 767px) {
  .page-error .c-section1 .p-small {
    font-size: 1.2rem;
  }
}

.page-error .c-section1 .c-btn02 {
  text-align: center;
}

/*------------------------------------------------------------
404
------------------------------------------------------------*/
.page-cookie {
  margin-bottom: 70px;
  padding-top: 30px;
}

.page-cookie h2 {
  font-size: 2rem;
  text-align: left;
  color: #000;
  margin-top: -60px;
  margin-bottom: 20px;
  clear: both;
}

.page-cookie h2:after, .page-cookie h2:before {
  bottom: -10px;
}

@media screen and (max-width: 767px) {
  .page-cookie h2 {
    margin-top: -80px;
  }
}

.page-cookie p {
  margin-bottom: 10px;
  font-size: 1.5rem;
}

.page-cookie ol {
  padding-left: 20px;
}

.page-cookie ol li {
  margin: 5px 0;
  font-size: 1.5rem;
}

.page-cookie a[target="_blank"] {
  color: #16c6da;
}

.page-faq .faq-txt {
  margin: 45px auto 75px;
  font-size: 1.6rem;
  font-family: "NotoSansJPL";
  text-align: center;
  color: #333;
}

.page-faq .txt-indent {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.page-faq .txt-indent span {
  min-width: 40px;
}

.page-faq section {
  margin: 60px auto 80px;
  border-bottom: 1px solid #ccc;
}

.page-faq section h2 {
  margin-bottom: 30px;
  font-size: 3.6rem;
  font-family: "NotoSansJPM", sans-serif;
  color: #16c6da;
}

@media screen and (max-width: 767px) {
  .page-faq section h2 {
    font-size: 2.6rem;
  }
}

.page-faq section dt,
.page-faq section dd {
  padding: 22px 30px 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}

.page-faq section dt {
  position: relative;
  padding-right: 110px;
  border-top: 1px solid #ccc;
  cursor: pointer;
}

@media screen and (max-width: 767px) {
  .page-faq section dt {
    padding: 15px 80px 17px 0;
  }
}

.page-faq section dt p {
  font-size: 1.8rem;
  font-family: "NotoSansJPM", sans-serif;
}

@media screen and (max-width: 767px) {
  .page-faq section dt p {
    font-size: 1.5rem;
  }
}

.page-faq section dd p {
  font-size: 1.6rem;
  font-family: "NotoSansJPR", sans-serif;
  color: #333;
}

@media screen and (max-width: 767px) {
  .page-faq section dd p {
    font-size: 1.4rem;
  }
}

.page-faq section dd a {
  color: #16c6da;
}

.page-faq section dd a:hover {
  opacity: 0.8;
}

.page-faq section .blue-txt {
  margin-right: 10px;
  font-size: 1.8rem;
  font-family: "NotoSansJPB", sans-serif;
  color: #16c6da;
}

@media screen and (max-width: 767px) {
  .page-faq section .blue-txt {
    font-size: 1.5rem;
  }
}

.page-faq .open-close {
  position: absolute;
  top: 50%;
  right: 30px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.page-faq .open-close p {
  font-size: 1.6rem;
  font-family: "NotoSansJPB", sans-serif;
  color: #16c6da;
  text-transform: uppercase;
}

@media screen and (max-width: 767px) {
  .page-faq .open-close p {
    display: none;
  }
}

.page-faq .open-close span {
  position: absolute;
  left: -23px;
  top: 4px;
  width: 18px;
  height: 18px;
  display: block;
  background: #16c6da;
  border-radius: 50%;
}

@media screen and (max-width: 767px) {
  .page-faq .open-close span {
    top: -9px;
  }
}

.page-faq .open-close span:before, .page-faq .open-close span:after {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  width: 9px;
  height: 1px;
  background: #fff;
}

.page-faq .open-close span:before {
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.page-faq .open-close span:after {
  -webkit-transform: translate(-50%, -50%) rotate(90deg);
      -ms-transform: translate(-50%, -50%) rotate(90deg);
          transform: translate(-50%, -50%) rotate(90deg);
}

.page-faq .open .open-close span:after {
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.page-faq .open dt {
  border-bottom: 1px solid #ccc;
}

.page-knowledge .c-section1 {
  padding-bottom: 80px;
}

@media screen and (max-width: 767px) {
  .page-knowledge .c-section1 {
    padding-bottom: 0px;
  }
}

.page-knowledge .c-tabs {
  margin-top: 40px;
}

@media screen and (max-width: 767px) {
  .page-knowledge .c-tabs ul {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}

.page-knowledge .c-tabs li {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

@media screen and (max-width: 767px) {
  .page-knowledge .c-tabs li {
    max-width: 85.3px;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    border-left: none;
  }
}

@media screen and (max-width: 767px) {
  .page-knowledge .c-tabs li a {
    padding: 14px 0;
    height: auto;
  }
}

.page-knowledge .c-tabs li a:hover {
  background: #16c6da;
  font-family: "NotoSansJPM", sans-serif;
  color: #fff;
}

@media screen and (max-width: 767px) {
  .page-knowledge .c-tabs li:first-child {
    max-width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .page-knowledge .c-tabs li:nth-child(2),
  .page-knowledge .c-tabs li:nth-child(3),
  .page-knowledge .c-tabs li:nth-child(4) {
    max-width: none;
  }
}

@media screen and (max-width: 767px) {
  .page-knowledge .c-tabs li:nth-child(4n+1) {
    border-right: none;
  }
}

.page-knowledge .c-list__3row {
  margin: 50px auto 0;
}

.page-knowledge .c-list__3row li {
  margin: 0 40px 40px 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 1px solid #ccc;
}

.page-knowledge .c-list__3row li:nth-of-type(3n+3) {
  margin-right: 0;
}

@media screen and (max-width: 767px) {
  .page-knowledge .c-list__3row li {
    margin-right: 0;
  }
}

@media only screen and (min-width: 769px) {
  .page-knowledge .c-list__3row a:hover figure {
    position: relative;
  }
  .page-knowledge .c-list__3row a:hover figure:before {
    position: absolute;
    content: "...more";
    top: 50%;
    left: 50%;
    display: inline-block;
    padding: 8px 50px 10px;
    font-family: "Raleway", sans-serif;
    font-size: 1.4rem;
    font-weight: bold;
    letter-spacing: 2px;
    line-height: 1;
    color: #fff;
    border: 1px solid #fff;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    z-index: 2;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out;
  }
  .page-knowledge .c-list__3row a:hover figure:after {
    position: absolute;
    content: "";
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.7);
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out;
  }
}

.page-knowledge .blog-txt {
  padding: 15px 20px;
}

@media screen and (max-width: 767px) {
  .page-knowledge .blog-txt {
    padding: 0 10px;
    width: 55%;
  }
}

.page-knowledge .blog-txt h2 {
  font-size: 1.6rem;
  color: #000;
}

.page-knowledge .blog-txt p {
  padding: 20px 0 0 0;
  font-size: 1.4rem;
  color: #666;
}

@media screen and (max-width: 767px) {
  .page-knowledge .blog-txt p {
    display: none;
  }
}

.page-knowledge .blog-date {
  padding-top: 15px !important;
  text-align: right;
}

.page-knowledge .blog-date span {
  position: relative;
  display: inline-block;
}

.page-knowledge .blog-date span:before {
  position: absolute;
  content: "";
  left: -20px;
  top: 50%;
  width: 14px;
  height: 14px;
  background: url(/assets/image/blog/icon-calendar.png) center no-repeat;
  -webkit-background-size: contain;
          background-size: contain;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.page-knowledge .c-list__3row ul {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.pagi-list {
  position: relative;
  margin-top: 30px;
  padding: 30px 0;
  border-top: 1px solid #ccc;
}

.pagi-list .pagi-txt {
  position: absolute;
  font-family: "NotoSansJPDL";
  font-size: 1.3rem;
  color: #00b4c8;
}

.pagi-list .pagi-txt:before {
  position: absolute;
  content: "";
  top: 7px;
  width: 5px;
  height: 5px;
  border-bottom: 1px solid #00b4c8;
  border-left: 1px solid #00b4c8;
}

.pagi-list .pagi-txt.pagi-prev {
  left: 15px;
}

.pagi-list .pagi-txt.pagi-prev:before {
  left: -15px;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.pagi-list .pagi-txt.pagi-next {
  right: 15px;
}

.pagi-list .pagi-txt.pagi-next:before {
  right: -15px;
  -webkit-transform: rotate(225deg);
      -ms-transform: rotate(225deg);
          transform: rotate(225deg);
}

.pagi-list ul {
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.pagi-list li {
  margin: 0 7px;
}

.pagi-list li.pagi-on {
  background: #00b4c8;
}

.pagi-list li.pagi-on a {
  font-family: "NotoSansJPB";
  color: #fff;
}

.pagi-list a {
  padding: 5px 0;
  width: 25px;
  height: 25px;
  display: block;
  font-size: 1.3rem;
  font-family: "NotoSansJPL";
  text-align: center;
  color: #00b4c8;
  line-height: 1;
}

.c-caution {
  margin-bottom: 70px;
  padding: 45px;
  background: #fff;
  border: 3px solid #ccc;
  line-height: 2;
}

@media screen and (max-width: 767px) {
  .c-caution {
    margin-bottom: 35px;
    padding: 15px;
    line-height: 1.8;
  }
}

.c-caution__ttl {
  color: #fa5b0f;
  font-size: 2rem;
  font-weight: bold;
}

@media screen and (max-width: 767px) {
  .c-caution__ttl {
    font-size: 1.8rem;
  }
}

.c-caution__txt {
  font-size: 1.6rem;
}

@media screen and (max-width: 767px) {
  .c-caution__txt {
    font-size: 1.4rem;
  }
}

.c-caution__txt a {
  color: #16c6da;
  text-decoration: underline;
}

.c-caution__txt a:hover {
  text-decoration: none;
}

.c-caution__list {
  margin: 10px 0;
  font-size: 1.6rem;
  font-weight: bold;
}

@media screen and (max-width: 767px) {
  .c-caution__list {
    margin: 5px 0;
    font-size: 1.4rem;
  }
}

.c-caution__list li {
  list-style: disc;
  text-indent: 23px;
}

/*------------------------------------------------------------
seminar
------------------------------------------------------------*/
@media screen and (max-width: 767px) {
  .page-seminar {
    margin-bottom: -70px;
  }
}

.page-seminar .c-breadcrumb {
  margin-top: 22px;
}

.page-seminar .c-title02 {
  margin-top: 65px;
}

@media screen and (max-width: 767px) {
  .page-seminar .c-title02 {
    margin-top: 35px;
  }
}

.page-seminar .c-box1 {
  margin: 45px 0 74px;
}

@media screen and (max-width: 767px) {
  .page-seminar .c-box1 {
    margin: 25px 0 35px;
  }

  .page-seminar #c-box-area {
    padding: 8px 15px 15px!important;
  }
}

.page-seminar .icon {
  margin-left: 10px;
}

.page-seminar .icon--2 {
  margin-left: 5px;
}

.page-seminar svg {
  width: 15px;
  height: 15px;
}

.page-seminardetail {
  background: url(/assets/image/robo-pat/bg-image.png) no-repeat top center;
}

.p-seminar1__date {
  margin-top: 43px;
  font-size: 3.5rem;
  font-weight: bold;
}

@media screen and (max-width: 767px) {
  .p-seminar1__date {
    font-size: 1.8rem;
  }
}

.p-seminar1__tit {
  font-size: 4.6rem;
  margin-bottom: 10px;
}

@media screen and (max-width: 767px) {
  .p-seminar1__tit {
    font-size: 2.3rem;
    margin-bottom: 5px;
  }
}

.p-seminar1__subtit {
  font-size: 2rem;
  margin-bottom: 27px;
  font-weight: bold;
}

@media screen and (max-width: 767px) {
  .p-seminar1__subtit {
    font-size: 1.6rem;
    margin-bottom: 2px;
  }
}

.p-seminar1__cat {
  *zoom: 1;
}

.p-seminar1__cat:after {
  display: block;
  content: "";
  clear: both;
}

.p-seminar1__cat li {
  position: relative;
  float: left;
  margin-right: 5px;
  padding: 2px 12px;
  background: #3b9cb0;
  font-size: 1.2rem;
  color: #fff;
  font-weight: bold;
}

@media screen and (max-width: 767px) {
  .p-seminar1__cat li {
    margin: 0 3px 3px 0;
    padding: 2px;
    font-size: 1rem;
  }
}

.p-seminar2 {
  *zoom: 1;
  margin: 76px 0 135px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}

.p-seminar2:after {
  display: block;
  content: "";
  clear: both;
}

@media screen and (max-width: 767px) {
  .p-seminar2 {
    display: block;
    margin: 45px 0 50px;
  }
}

.p-seminar2__content {
  width: 760px;
  margin-right: 60px;
}

@media screen and (max-width: 767px) {
  .p-seminar2__content {
    width: 100%;
    margin: 0;
  }
}

.p-seminar2__sidebar {
  width: 280px;
}

@media screen and (max-width: 767px) {
  .p-seminar2__sidebar {
    width: 100%;
    margin-top: 35px;
  }
}

.p-seminar2__txt {
  font-size: 1.6rem;
  line-height: 34px;
  margin-top: 28px;
}

@media screen and (max-width: 767px) {
  .p-seminar2__txt {
    font-size: 1.4rem;
    line-height: 20px;
    margin-top: 16px;
  }
}

.p-seminar2__txt li {
  position: relative;
  padding-left: 13px;
  margin-top: 10px;
}

@media screen and (max-width: 767px) {
  .p-seminar2__txt li {
    margin-top: 4px;
  }
}

.p-seminar2__txt li:before {
  position: absolute;
  top: 16px;
  left: 0;
  background: #16c6da;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  content: '';
}

.p-seminar2__image {
  margin: 0 auto 5px;
  width: auto;
  height: 430px;
  max-width: 100%;
  display: block;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .p-seminar2__image {
    margin-bottom: 10px;
    height: auto;
  }
}

.p-seminar2 .c-title {
  margin-top: 55px;
}

@media screen and (max-width: 767px) {
  .p-seminar2 .c-title {
    margin-top: 30px;
  }
}

.p-seminar2 .c-title:first-child {
  margin-top: 40px;
}

@media screen and (max-width: 767px) {
  .p-seminar2 .c-title:first-child {
    margin-top: 0;
  }
}

.p-seminar2 .semi_note {
  margin-top: 10px;
  font-size: 1.5rem;
}

@media screen and (max-width: 767px) {
  .p-seminar2 .semi_note {
    font-size: 1.3rem;
  }
}

.p-seminar2 #semi_form {
  margin-bottom: 40px;
}

.p-seminar2 .c-btn02 {
  text-align: center;
  margin-top: 61px;
}

@media screen and (max-width: 767px) {
  .p-seminar2 .c-btn02 {
    margin-top: 28px;
  }
}

.p-seminar2 .c-btn02 a {
  width: 298px;
  height: auto;
  line-height: 1;
  font-size: 2rem;
  padding: 26px 0;
  background: #fa5b0f;
  color: #fff;
}

@media screen and (max-width: 767px) {
  .p-seminar2 .c-btn02 a {
    width: 250px;
    height: auto;
    line-height: 1;
    font-size: 1.6rem;
    color: #fff;
    background: #fa5b0f;
    padding: 15px 0;
  }
}

.p-seminar2 .c-btn02 a:hover {
  background: #fff;
  color: #fa5b0f;
}

.p-seminar2__btn {
  text-align: center;
  margin-top: 16px;
  font-size: 2rem;
  color: #fa5b0f;
  font-weight: bold;
}

@media screen and (max-width: 767px) {
  .p-seminar2__btn {
    font-size: 1.6rem;
  }
}

.p-seminar2__box {
  *zoom: 1;
  margin: 36px 0 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.p-seminar2__box:after {
  display: block;
  content: "";
  clear: both;
}

@media screen and (max-width: 767px) {
  .p-seminar2__box {
    margin-top: 21px;
    margin-bottom: 50px;
    display: block;
  }
}

.p-seminar2__box--work {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}

@media screen and (max-width: 767px) {
  .p-seminar2__box--work {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.p-seminar2__box--work img {
  width: 100%;
  max-width: 100% !important;
  height: auto !important;
  margin: 0 auto 30px !important;
}

@media screen and (max-width: 767px) {
  .p-seminar2__box div {
    width: 100%;
    padding-right: 0;
  }
}

.p-seminar2__box div .mentor-text {
  font-size: 1.8rem;
  line-height: 32px;
  margin: -7px 0 23px;
  font-weight: bold;
}

.p-seminar2__box div .mentor-text__com {
  margin-bottom: 15px;
}

@media screen and (max-width: 767px) {
  .p-seminar2__box div .mentor-text {
    font-size: 1.6rem;
    margin-bottom: 5px;
    line-height: 24px;
  }
}

.p-seminar2__box div p {
  font-size: 1.6rem;
  line-height: 34px;
}

@media screen and (max-width: 767px) {
  .p-seminar2__box div p {
    font-size: 1.4rem;
    line-height: 20px;
    margin-bottom: 10px;
  }
}

.p-seminar2__box img {
  min-width: 240px;
  height: 300px;
  margin-left: 20px;
  object-fit: cover;
}

@media screen and (max-width: 767px) {
  .p-seminar2__box img {
    width: 100%;
    max-width: 250px;
    margin: 0 auto;
    display: block;
  }
}

.p-seminar2 .c-table2 {
  margin-top: 22px;
}

.p-seminar2 .c-table3 {
  margin-top: 26px;
}

@media screen and (max-width: 767px) {
  .p-seminar2 .c-table3 {
    margin-top: 20px;
  }
}

.p-seminar2 .c-btn03 {
  margin-top: 53px;
}

@media screen and (max-width: 767px) {
  .p-seminar2 .c-btn03 {
    margin-top: 17px;
  }
}

.p-seminar2 .c-breadcrumb {
  margin-top: 55px;
}

.p-seminar2__tit1, .p-seminar2__tit2, .p-seminar2__tit3, .p-seminar2__tit4 {
  font-size: 1.8rem;
  font-weight: bold;
  padding-left: 26px;
  position: relative;
}

@media screen and (max-width: 767px) {
  .p-seminar2__tit1, .p-seminar2__tit2, .p-seminar2__tit3, .p-seminar2__tit4 {
    border: 3px solid #eeeeee;
    padding: 8px 15px;
    padding-left: 30px;
    font-size: 1.4rem;
    margin-top: 15px;
  }
  .p-seminar2__tit1:before, .p-seminar2__tit2:before, .p-seminar2__tit3:before, .p-seminar2__tit4:before {
    content: '';
    width: 18px;
    height: 18px;
    background: url(/assets/image/common/cong.png) no-repeat center;
    -webkit-background-size: 18px 18px;
            background-size: 18px;
    position: absolute;
    top: calc(50% - 9px);
    right: 20px;
    line-height: 0;
  }
  .p-seminar2__tit1.active:before, .p-seminar2__tit2.active:before, .p-seminar2__tit3.active:before, .p-seminar2__tit4.active:before {
    background: url(/assets/image/common/tru.png) no-repeat center;
    -webkit-background-size: 18px 18px;
            background-size: 18px;
  }
}

.p-seminar2__tit1 {
  background: url(/assets/image/svg/search.svg) no-repeat center left;
  -webkit-background-size: 16px 16px;
          background-size: 16px;
}

@media screen and (max-width: 767px) {
  .p-seminar2__tit1 {
    background-position: center left 15px;
    -webkit-background-size: 12px 12px;
            background-size: 12px;
  }
}

.p-seminar2__tit2 {
  background: url(/assets/image/svg/relation.svg) no-repeat center left;
  -webkit-background-size: 16px 16px;
          background-size: 16px;
}

@media screen and (max-width: 767px) {
  .p-seminar2__tit2 {
    background-position: center left 15px;
    -webkit-background-size: 12px 12px;
            background-size: 12px;
  }
}

.p-seminar2__tit3 {
  background: url(/assets/image/svg/calendar_02.svg) no-repeat center left;
  -webkit-background-size: 16px 16px;
          background-size: 16px;
}

@media screen and (max-width: 767px) {
  .p-seminar2__tit3 {
    background-position: center left 15px;
    -webkit-background-size: 12px 12px;
            background-size: 12px;
  }
}

.p-seminar2__tit4 {
  background: url(/assets/image/svg/calendar_03.svg) no-repeat center left;
  -webkit-background-size: 16px 16px;
          background-size: 16px;
}

@media screen and (max-width: 767px) {
  .p-seminar2__tit4 {
    background-position: center left 15px;
    -webkit-background-size: 12px 12px;
            background-size: 12px;
  }
}

.p-seminar2__cat {
  border: 6px solid #eeeeee;
  background: #fff;
  padding: 8px 14px 14px;
  margin: 6px 0 24px;
}

@media screen and (min-width: 767px) {
  .p-seminar2__cat {
    display: block !important;
  }
}

@media screen and (max-width: 767px) {
  .p-seminar2__cat {
    margin-top: 0;
    border-width: 3px;
    border-top: none;
    display: none;
    padding: 13px 14px 14px;
  }
}

.p-seminar2__cat .p-seminar2__cats {
  *zoom: 1;
}

.p-seminar2__cat .p-seminar2__cats input[type="checkbox"] {
  display: none;
}

.p-seminar2__cat .p-seminar2__cats input[type="checkbox"]:checked + label {
  -webkit-transition: .3s;
  transition: .3s;
  border: 1px solid #000000;
  color: #000000;
}

.p-seminar2__cat .p-seminar2__cats:after {
  display: block;
  content: "";
  clear: both;
}

.p-seminar2__cat .p-seminar2__cats label {
  font-size: 1.3rem;
  color: #999999;
  margin-top: 9px;
  width: 115px;
  float: left;
  border: 1px solid #999999;
  text-align: center;
  position: relative;
  border-radius: 5px;
  padding: 5px 0;
  -webkit-transition: 0s;
  transition: 0s;
}

@media screen and (min-width: 767px) {
  .p-seminar2__cat .p-seminar2__cats label:hover {
    border: 1px solid #000000;
    color: #000000;
  }
}

@media screen and (max-width: 767px) {
  .p-seminar2__cat .p-seminar2__cats label {
    font-size: 1rem;
    width: calc(33.3333% - 4px);
    margin: 5px 0 0 5px;
    float: left !important;
  }
  .p-seminar2__cat .p-seminar2__cats label:nth-child(6n-4) {
    margin-left: 0;
  }
}

.p-seminar2__cat .p-seminar2__cats label:nth-child(n+1) {
  margin-right: 10px;
}

@media screen and (max-width: 767px) {
  .p-seminar2__cat .p-seminar2__cats label:nth-child(n+1) {
    margin-right: 0;
  }
}

.p-seminar2__cat .p-seminar2__cats label:nth-child(4n) {
  margin-right: 0;
}

.p-seminar2__cat .p-seminar2__cats #seminar_sub {
  width: 100%;
  border: 2px solid #666666;
  background-color: #fff;
  margin-top: 20px;
  color: #666666;
  font-size: 1.6rem;
  font-weight: bold;
  font-family: "NotoSansJPR", sans-serif;
  padding: 7px 0;
  border-radius: 5px;
  cursor: pointer;
}

@media screen and (max-width: 767px) {
  .p-seminar2__cat .p-seminar2__cats #seminar_sub {
    background: #666666;
    margin: 0 15%;
    width: calc(100% - 30%);
    margin-top: 10px;
    color: #fff;
    font-size: 1.3rem;
  }
}

.p-seminar2__cat .p-seminar2__cats #seminar_sub:hover {
  background: #666666;
  color: #fff;
}

.p-seminar2__subtit {
  font-size: 1.6rem;
  font-weight: bold;
  padding-left: 20px;
  background: url(/assets/image/svg/tag.svg) no-repeat center left;
  -webkit-background-size: 16px 16px;
          background-size: 16px;
}

@media screen and (max-width: 767px) {
  .p-seminar2__subtit {
    font-size: 1.2rem;
    -webkit-background-size: 10px 10px;
            background-size: 10px;
    padding-left: 15px;
  }
}

.p-seminar2__list {
  margin: 6px 0 20px;
  background: #fff;
  border: 1px solid #cccccc;
  padding: 10px 0;
}

@media screen and (min-width: 767px) {
  .p-seminar2__list {
    display: block !important;
  }
}

@media screen and (max-width: 767px) {
  .p-seminar2__list {
    border: 3px solid #eeeeee;
    border-top: none;
    margin-top: 0;
    display: none;
  }
}

.p-seminar2__list .no-seminar {
  padding: 0 20px;
  font-size: 1.3rem;
}

.p-seminar2__list li {
  position: relative;
  padding: 5px 20px 11px;
  padding-right: 30px;
}

.p-seminar2__list li:after {
  position: relative;
  content: "";
  margin-left: 10px;
  display: inline-block;
  width: 7px;
  height: 7px;
  border-right: 1px solid #16c6da;
  border-top: 1px solid #16c6da;
  -webkit-transform: rotate(45deg) translateY(-50%);
      -ms-transform: rotate(45deg) translateY(-50%);
          transform: rotate(45deg) translateY(-50%);
  position: absolute;
  top: 50%;
  right: 20px;
}

.p-seminar2__list li:last-child::before {
  display: none;
}

.p-seminar2__list li:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 20px;
  right: 20px;
  height: 1px;
  background: #cccccc;
}

.p-seminar2__list li p {
  padding-top: 3px;
  font-size: 1.4rem;
  font-weight: 500;
}

@media screen and (max-width: 767px) {
  .p-seminar2__list li p {
    font-size: 1.2rem;
  }
}

.p-seminar2__list li a {
  color: #666666;
  -webkit-transition: 0s;
  transition: 0s;
}

.p-seminar2__list li a:hover {
  color: #16c6da;
}

.p-seminar2__list li a:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9;
}

@media screen and (max-width: 767px) {
  .p-seminar2__list li a {
    color: #666666;
  }
}

/*------------------------------------------------------------
download
------------------------------------------------------------*/
.page-download .c-section1 {
  padding: 68px 0 89px;
}

@media screen and (max-width: 767px) {
  .page-download .c-section1 {
    padding: 33px 0 0;
  }
  .page-download .c-section1 h1 {
    font-size: 2.3rem;
  }
}

.page-download .page-robo .c-section1 p {
  margin-top: 67px;
  font-size: 1.6rem;
  line-height: 30px;
}

@media screen and (max-width: 767px) {
  .page-download .page-robo .c-section1 p {
    font-size: 1.2rem;
    line-height: 23px;
    margin-top: 24px;
  }
}

@media screen and (max-width: 767px) {
  .page-download .c-list__3row ul {
    width: 100vw;
    margin-left: -7%;
  }
  .page-download .c-list__3row ul li {
    padding: 15px 20px;
    padding-right: 30px;
    border-top: 1px solid #16c6da;
    border-left: none;
    border-right: none;
    margin: 0;
    margin-top: -1px;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .page-download .c-list__3row ul li:after {
    position: relative;
    content: "";
    margin-left: 10px;
    display: inline-block;
    border-right: 1px solid #16c6da;
    border-top: 1px solid #16c6da;
    width: 7px;
    height: 7px;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
    position: absolute;
    top: 50%;
    right: 20px;
  }
  .page-download .c-list__3row ul li a {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .page-download .c-list__3row ul li .blog-tag {
    top: 28px;
    left: 20px;
    font-size: 1rem;
    padding: 5px;
  }
  .page-download .c-list__3row ul li .blog-tag span {
    letter-spacing: 0;
  }
  .page-download .c-list__3row ul li h2 {
    font-size: 1.2rem;
    margin-bottom: 10px;
  }
}

@media screen and (max-width: 767px) and (max-width: 767px) {
  .page-download .c-list__3row ul li figure img {
    height: 80%;
    min-height: 80%;
  }
}

@media screen and (max-width: 767px) {
  .page-download .c-list__3row ul li:last-child {
    border-bottom: 1px solid #16c6da;
  }
}

.page-download input::-webkit-input-placeholder {
  padding-top: 0.3em;
}

.page-download .c-list__3row {
  margin-top: 60px;
}

@media screen and (max-width: 767px) {
  .page-download .c-list__3row {
    margin-top: 31px;
  }
}

@media screen and (max-width: 767px) {
  .page-download .robo-wrap {
    margin-bottom: 70px;
  }
}

.page-download .blog-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 94px 0 37px;
}

@media screen and (max-width: 767px) {
  .page-download .blog-nav {
    margin: 24px 0 17px;
  }
}

.page-download .blog-sns {
  text-align: right;
  margin-left: auto;
}

.page-download .blog-sns li {
  display: inline-block;
  margin-left: 17px;
}

.page-download .blog-sns a {
  display: block;
}

.page-download .blog-sns svg {
  width: 100%;
}

.page-download .c-title3 {
  margin-top: 50px;
}

@media screen and (max-width: 767px) {
  .page-download .c-title3 {
    margin-top: 34px;
    margin-bottom: -30px;
  }
}

@media screen and (min-width: 767px) {
  .page-download .c-list__3row {
    padding: 0;
  }
  .page-download .c-list__3row li {
    width: 340px;
  }
}

.p-download1__tit {
  font-size: 2.2rem;
  font-weight: bold;
  padding-left: 30px;
  margin-top: 30px;
  margin-bottom: 11px;
  background: url(/assets/image/svg/search.svg) no-repeat center left;
  -webkit-background-size: 20px 20px;
          background-size: 20px;
}

@media screen and (max-width: 767px) {
  .p-download1__tit {
    font-size: 1.4rem;
    -webkit-background-size: 12px 12px;
            background-size: 12px;
    padding-left: 15px;
  }
}

.p-download1__form {
  background: #f6f6f6;
  padding: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  border-bottom: 3px solid #16c6da;
}

@media screen and (max-width: 767px) {
  .p-download1__form {
    width: 100vw;
    margin-left: -7.25%;
    padding: 12px 7.25% 20px;
  }
}

.p-download1__form div {
  width: 270px;
}

@media screen and (max-width: 767px) {
  .p-download1__form div {
    width: 100%;
    margin-bottom: 6px;
  }
}

.p-download1__form div:last-child {
  width: 140px;
}

@media screen and (max-width: 767px) {
  .p-download1__form div:last-child {
    margin: 5px auto 0;
  }
}

.p-download1__form div p {
  font-size: 1.5rem;
  margin-bottom: 7px;
  font-weight: bold;
}

@media screen and (max-width: 767px) {
  .p-download1__form div p {
    font-size: 1.3rem;
    margin-bottom: 2px;
  }
}

.p-download1__form div select {
  width: 100%;
  font-size: 1.5rem;
  height: 40px;
  border: 1px solid #cccccc;
  border-radius: 5px;
}

@media screen and (max-width: 767px) {
  .p-download1__form div select {
    height: 30px;
    font-size: 1rem;
  }
}

.p-download1__form div option {
  padding: 13px 20px;
}

@media screen and (max-width: 767px) {
  .p-download1__form div option {
    font-size: 1rem;
    padding: 10px 15px;
  }
}

.p-download1__form div button {
  height: 40px;
  width: 100%;
  border-radius: 3px;
  border: 2px solid #666666;
  background: #666666;
  color: #fff;
  font-size: 1.3rem;
  -webkit-transition: .3s;
  transition: .3s;
  cursor: pointer;
}

@media screen and (min-width: 767px) {
  .p-download1__form div button:hover {
    border: 2px solid #666666;
    background: #fff;
    color: #666666;
  }
}

@media screen and (max-width: 767px) {
  .p-download1__form div button {
    background: #666666;
    color: #fff;
    height: 30px;
    font-size: 1.2rem;
  }
}

.p-download2 {
  padding-top: 100px;
}

@media screen and (max-width: 767px) {
  .p-download2 {
    padding-top: 40px;
  }
}

.p-download2__comment {
  padding: 5px 21px;
  background: #fff;
  display: inline-block;
  font-size: 2.4rem;
  border: 2px solid #16c6da;
  letter-spacing: -0.5px;
  border-radius: 4px;
  position: relative;
}

@media screen and (max-width: 767px) {
  .p-download2__comment {
    padding: 5px 13px;
    font-size: 1.6rem;
  }
}

.p-download2__comment:before, .p-download2__comment:after {
  content: "";
  position: absolute;
  left: 0;
  width: 0;
  height: 0;
  margin: auto;
}

.p-download2__comment:before {
  bottom: -14px;
  left: 27px;
  border-style: solid;
  border-color: #16c6da transparent transparent transparent;
  border-width: 14px 14px 0px 0;
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}

@media screen and (max-width: 767px) {
  .p-download2__comment:before {
    bottom: -10px;
    left: 13px;
    border-width: 8px 8px 0px 0;
  }
}

.p-download2__comment:after {
  bottom: -10px;
  left: 27px;
  border-style: solid;
  border-color: #fff transparent transparent transparent;
  border-width: 14px 0px 0 12px;
  z-index: 10;
}

@media screen and (max-width: 767px) {
  .p-download2__comment:after {
    bottom: -6px;
    left: 12px;
    border-width: 8px 0px 0 7px;
  }
}

.p-download2__comment span {
  font-weight: bold;
}

.p-download2__tit {
  font-size: 4.6rem;
  padding: 10px 0 23px;
}

@media screen and (max-width: 767px) {
  .p-download2__tit {
    font-size: 2.3rem;
    padding: 5px 0 6px;
  }
}

.p-download2__tag {
  font-size: 1.3rem;
  font-weight: bold;
}

@media screen and (max-width: 767px) {
  .p-download2__tag {
    font-size: 1rem;
  }
}

.p-download2__tag li {
  padding: 2px 10px;
  display: inline-block;
  margin-right: 4px;
  margin-bottom: 4px;
  position: relative;
}

@media screen and (max-width: 767px) {
  .p-download2__tag li {
    padding: 1px 2px;
    margin-right: 3px;
  }
}

.p-download2__tag li a:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9;
}

.p-download2__color1 {
  background: #3b9cb0;
  color: #fff;
}

.p-download2__color2 {
  background: #bcdbe2;
  color: #333333;
}

.p-download3 {
  *zoom: 1;
}

.p-download3:after {
  display: block;
  content: "";
  clear: both;
}

.p-download3__left {
  float: left;
  width: 620px;
  margin-bottom: 40px;
}

@media screen and (max-width: 767px) {
  .p-download3__left {
    width: 100%;
    float: none;
  }
}

.p-download3__left img {
  width: 620px;
  height: 440px;
  object-fit: cover;
}

@media screen and (max-width: 767px) {
  .p-download3__left img {
    width: 100%;
    height: 50%;
  }
}

.p-download3__right {
  float: right;
  width: 440px;
}

@media screen and (max-width: 767px) {
  .p-download3__right {
    width: 100%;
    float: none;
    margin-top: 38px;
  }
}

.p-download3__txt {
  font-size: 1.6rem;
  margin-top: 30px;
  line-height: 34px;
}

@media screen and (max-width: 767px) {
  .p-download3__txt {
    font-size: 1.4rem;
    margin-top: 15px;
    line-height: 20px;
  }
}

.p-download3__txt p {
  margin-bottom: 20px;
}

.p-download3__tit {
  font-size: 1.6rem;
  color: #16c6da;
  margin-top: 45px;
}

@media screen and (max-width: 767px) {
  .p-download3__tit {
    font-size: 1.4rem;
    margin-top: 23px;
  }
}

.p-download3__list {
  font-size: 1.6rem;
}

@media screen and (max-width: 767px) {
  .p-download3__list {
    font-size: 1.4rem;
  }
}

.p-download3__list li {
  position: relative;
  padding-left: 13px;
  margin-top: 10px;
}

@media screen and (max-width: 767px) {
  .p-download3__list li {
    margin-top: 4px;
  }
}

.p-download3__list li:before {
  position: absolute;
  top: 10px;
  left: 0;
  background: #16c6da;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  content: '';
}

.p-download3__form table {
  width: 100%;
  border-collapse: collapse;
}

.p-download3__form th,
.p-download3__form td {
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  text-align: left;
  padding: 8px 20px;
  vertical-align: middle;
  font-size: 1.5rem;
  position: relative;
}

@media screen and (max-width: 767px) {
  .p-download3__form th,
  .p-download3__form td {
    display: block;
    width: 100% !important;
    font-size: 1.4rem;
    padding: 7px 10px;
  }
}

.p-download3__form th {
  background: #f6f6f6;
  width: 150px;
}

@media screen and (max-width: 767px) {
  .p-download3__form th {
    border-bottom: none;
    margin-top: -1px;
  }
}

.p-download3__form th span {
  color: #ff4042;
  font-size: 1.3rem;
  font-weight: normal;
}

@media screen and (min-width: 767px) {
  .p-download3__form th span {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    right: 20px;
  }
}

@media screen and (max-width: 767px) {
  .p-download3__form th span {
    margin-left: 10px;
    font-size: 1rem;
  }
}

@media screen and (max-width: 767px) {
  .p-download3__form td {
    border-top: none;
    padding: 12px 10px;
  }
}

.p-download3__form td input {
  text-indent: 8px;
  width: 100%;
  font-size: 1.5rem;
  height: 40px;
  border: 1px solid #cccccc;
}

@media screen and (max-width: 767px) {
  .p-download3__form td input {
    height: 28px;
    font-size: 1.2rem;
    text-indent: 10px;
  }
}

.p-download3__form td p {
  font-size: 1.3rem;
  margin-top: 10px;
  color: #ff4042;
}

@media screen and (max-width: 767px) {
  .p-download3__form td p {
    font-size: 1rem;
    margin-top: 12px;
  }
}

.p-download3__form tr.red th {
  background: #ffe3e3;
}

.p-download3__form tr.red td input {
  background: #ffe3e3;
}

.p-download3__form input[type=submit] {
  -webkit-appearance: none;
  font-size: 1.6rem;
  margin-top: 35px;
  display: block;
  width: 300px;
  margin: 35px auto;
  background: #fa5b0f;
  border: 2px solid #fa5b0f;
  color: #fff;
  border-radius: 5px;
  cursor: pointer;
  padding: 18px 0;
}

@media screen and (min-width: 767px) {
  .p-download3__form input[type=submit]:hover {
    background: #fff;
    color: #fa5b0f;
  }
}

@media screen and (max-width: 767px) {
  .p-download3__form input[type=submit] {
    width: 240px;
    font-size: 1.6rem;
    margin: 17px auto 30px;
    padding: 14px 0;
  }
}

.p-download3__form input[type=submit]:disabled {
  background: #cccccc;
  border: 2px solid #cccccc;
}

.p-download3__form input[type=submit]:disabled:hover {
  color: #ffffff;
  cursor: default;
}

.p-download3__ntform {
  margin-top: 20px;
  font-size: 1.5rem;
  line-height: 27px;
  text-align: justify;
}

@media screen and (max-width: 767px) {
  .p-download3__ntform {
    font-size: 1.2rem;
    margin-top: 14px;
    line-height: 22px;
  }
}

.p-download3__ntform span {
  color: #00b4c8;
}

.p-download3__ntform span img {
  width: 13px;
  vertical-align: middle;
  margin-left: 5px;
}

@media screen and (max-width: 767px) {
  .p-download3__ntform span img {
    width: 10px;
  }
}

.p-download3__ntform a {
  color: #16c6da;
  text-decoration: underline;
}

.p-download3__ntform a:hover {
  text-decoration: none;
}

.p-download3__note {
  border: 1px solid #cccccc;
  padding: 16px 20px;
}

@media screen and (max-width: 767px) {
  .p-download3__note {
    padding: 16px 14px;
  }
}

.p-download3__note img {
  width: 98px;
  float: right;
  margin-left: 20px;
}

@media screen and (max-width: 767px) {
  .p-download3__note img {
    width: 85px;
    margin-left: 10px;
  }
}

.p-download3__note p {
  font-size: 1.3rem;
  overflow: hidden;
  text-align: justify;
  line-height: 18px;
}

@media screen and (max-width: 767px) {
  .p-download3__note p {
    font-size: 1rem;
    line-height: 15px;
  }
}

/*------------------------------------------------------------
download success
------------------------------------------------------------*/
.page-success__txt {
  text-align: center;
  font-size: 1.6rem;
  line-height: 28px;
}

@media screen and (max-width: 767px) {
  .page-success__txt {
    font-size: 1.2rem;
    text-align: left;
    line-height: 23px;
  }
}

.page-success .c-title01 {
  margin: 66px 0 47px;
}

@media screen and (max-width: 767px) {
  .page-success .c-title01 {
    margin: 33px 0 24px;
  }
  .page-success .c-title01 h1 {
    font-size: 2.3rem;
  }
}

.page-success .c-title02 p {
  font-size: 1.6rem;
  margin-top: 50px;
}

@media screen and (max-width: 767px) {
  .page-success .c-title02 p {
    font-size: 1.2rem;
    text-align: left;
    margin-top: 52px;
  }
}

.page-success .c-btn04 {
  margin: 74px auto 110px;
  height: 80px;
}

@media screen and (max-width: 767px) {
  .page-success .c-btn04 {
    margin: 40px auto 45px;
    height: 50px;
  }
}

@media screen and (min-width: 767px) {
  .page-success .c-list__3row {
    margin-top: 45px;
    padding: 0 30px;
  }
  .page-success .c-list__3row li {
    width: 320px;
  }
}

@media only screen and (min-width: 769px) {
  .page-success .c-list__3row a:hover figure {
    position: relative;
  }
  .page-success .c-list__3row a:hover figure:before {
    position: absolute;
    content: "...more";
    top: 50%;
    left: 50%;
    display: inline-block;
    padding: 8px 50px 10px;
    font-family: "Raleway", sans-serif;
    font-size: 1.4rem;
    font-weight: bold;
    letter-spacing: 2px;
    line-height: 1;
    color: #fff;
    border: 1px solid #fff;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    z-index: 2;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out;
  }
  .page-success .c-list__3row a:hover figure:after {
    position: absolute;
    content: "";
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.7);
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out;
  }
}

@media screen and (max-width: 767px) {
  .page-success .c-list__3row #dl_simi {
    font-size: 1.2rem;
  }
}

.page-success .c-breadcrumb {
  margin-top: 30px;
}

/*------------------------------------------------------------
support-solution
------------------------------------------------------------*/
.page-supportSolution .c-title01 {
  margin: 0 0 30px;
}

@media screen and (max-width: 767px) {
  .page-supportSolution .c-title01 {
    margin: 0 0 16px;
  }
}

.page-supportSolution .c-title01 h2 {
  padding: 0 0 32px;
}

@media screen and (max-width: 767px) {
  .page-supportSolution .c-title01 h2 {
    padding: 0 0 16px;
  }
}

.page-supportSolution .c-mainvisual {
  display: none;
}

.page-supportSolution .c-contact002 {
  display: none;
}

.page-supportSolution .c-cover {
  background: url(/assets/image/support/cover-image.jpg) no-repeat;
}

.page-supportSolution .c-cover h1 {
  color: #10222b;
  line-height: 1.4;
}

.page-supportSolution .c-cover h2 {
  font-size: 2.2rem;
}

@media screen and (max-width: 767px) {
  .page-supportSolution .c-cover h2 {
    font-size: 1.6rem;
  }
}

.page-supportSolution .c-cover h1,
.page-supportSolution .c-cover h2 {
  font-family: "NotoSansJPR";
}

.page-supportSolution .c-cover .blue {
  margin-right: 2px;
  color: #16c6da;
}

.page-supportSolution .c-cover span {
  font-size: 2.8rem;
  font-family: "NotoSansJPB";
  letter-spacing: -1px;
}

@media screen and (max-width: 767px) {
  .page-supportSolution .c-cover span {
    font-size: 1.6rem;
  }
}

.page-supportSolution .c-breadcrumb {
  padding-top: 21px;
}

/*
------------------------------------------------------------*/
.page-supportSolution1 {
  background: url("/assets/image/support-solution/bg1.png") top left/66% no-repeat, url("/assets/image/support-solution/bg2.png") top right/72% no-repeat;
  padding: 86px 0;
  position: relative;
}

@media screen and (max-width: 767px) {
  .page-supportSolution1 {
    background: url("/assets/image/support-solution/bg1_sp.png") no-repeat;
    -webkit-background-size: 100% 100%;
            background-size: 100%;
    padding: 41px 0 50px;
    margin: 20px 0 0;
  }
}

.page-supportSolution1::after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 60px 120px 0 120px;
  border-color: #ffffff transparent transparent transparent;
  position: absolute;
  bottom: -60px;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}

@media screen and (max-width: 767px) {
  .page-supportSolution1::after {
    border-width: 30px 60px 0 60px;
    bottom: -30px;
  }
}

.page-supportSolution1__txt {
  text-align: center;
  font-size: 1.8rem;
  line-height: 2.5;
  color: #000;
  margin: 45px 0 0;
}

@media screen and (max-width: 767px) {
  .page-supportSolution1__txt {
    font-size: 1.6rem;
    line-height: 1.5;
    text-align: left;
    margin: 15px 0 0;
  }
}

/*
------------------------------------------------------------*/
.page-supportSolution2 {
  background: #e7f9fb;
  padding: 84px 0 99px;
}

@media screen and (max-width: 767px) {
  .page-supportSolution2 {
    padding: 43px 0 48px;
  }
}

.page-supportSolution2 .u__bold-txt {
  font-family: "NotoSansJPB";
}

.page-supportSolution2 .c-title01 {
  margin: 0 0 16px;
}

@media screen and (max-width: 767px) {
  .page-supportSolution2 .c-title01 {
    margin: 0 0 10px;
  }
}

.page-supportSolution2 .c-title01 h2 {
  color: #111;
  padding: 0 0 36px;
}

@media screen and (max-width: 767px) {
  .page-supportSolution2 .c-title01 h2 {
    line-height: 1.4;
    padding: 0 0 16px;
  }
}

@media screen and (max-width: 767px) {
  .page-supportSolution2 .small {
    font-size: 1.4rem;
  }
}

.page-supportSolution2__info {
  text-align: center;
  margin: 0 0 48px;
}

@media screen and (max-width: 767px) {
  .page-supportSolution2__info {
    margin: 0 0 25px;
  }
}

.page-supportSolution2__info2 {
  text-align: center;
  margin: 26px 0 0;
}

@media screen and (max-width: 767px) {
  .page-supportSolution2__info2 {
    margin: 24px 0 0;
  }
}

.page-supportSolution2__txt {
  font-size: 1.8rem;
  line-height: 2.5;
  color: #111;
}

@media screen and (max-width: 767px) {
  .page-supportSolution2__txt {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}

@media screen and (max-width: 767px) {
  .page-supportSolution2__txt.small {
    font-size: 1.4rem;
    line-height: 1.75;
  }
}

.page-supportSolution2__txt2 {
  font-size: 3.6rem;
  line-height: 1.45;
  font-family: "NotoSansJPB";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media screen and (max-width: 767px) {
  .page-supportSolution2__txt2 {
    display: block;
    font-size: 2.4rem;
    line-height: 1.3;
    margin: 6px 0 18px;
  }
}

@media screen and (max-width: 767px) {
  .page-supportSolution2__txt2 .u-orange {
    color: #111;
  }
}

.page-supportSolution2__txt2 .small {
  font-size: 1.8rem;
}

@media screen and (max-width: 767px) {
  .page-supportSolution2__txt2 .small {
    font-size: 1.6rem;
  }
}

.page-supportSolution2__txt2 span {
  font-weight: normal;
  font-family: "NotoSansJPM";
}

.page-supportSolution2 .c-box3 {
  margin: 27px 0 0;
}

@media screen and (max-width: 767px) {
  .page-supportSolution2 .c-box3 {
    margin: 24px 0 0;
  }
}

/*
------------------------------------------------------------*/
.page-supportSolution3 {
  padding: 85px 0 90px;
}

@media screen and (max-width: 767px) {
  .page-supportSolution3 {
    padding: 40px 0 45px;
  }
}

.page-supportSolution3__txt {
  font-size: 2.4rem;
  line-height: 2;
  color: #000;
  text-align: center;
  margin: 46px 0 0;
}

@media screen and (max-width: 767px) {
  .page-supportSolution3__txt {
    margin: 23px 0 0;
    font-size: 1.6rem;
    line-height: 1.6;
  }
}

.page-supportSolution3 .c-list__2col li {
  padding: 50px 26px 51px;
}

@media screen and (max-width: 767px) {
  .page-supportSolution3 .c-list__2col li {
    padding: 18px 19px 20px;
    margin: 0;
  }
}

@media screen and (max-width: 767px) {
  .page-supportSolution3 .c-list__product h4 img {
    width: 145px;
    height: auto;
    margin: 0 auto;
  }
}

.page-supportSolution3 .c-list__product h4 span {
  font-weight: normal;
  font-family: "NotoSansJPM";
  margin: 32px 0 0;
}

@media screen and (max-width: 767px) {
  .page-supportSolution3 .c-list__product h4 span {
    font-size: 1.6rem;
    margin: 16px 0 0;
  }
}

.page-supportSolution3 .c-list__product p {
  margin: 10px 25px 10px;
  height: 226px;
  line-height: 1.75;
  letter-spacing: 1.4px;
}

@media screen and (max-width: 767px) {
  .page-supportSolution3 .c-list__product p {
    margin: 10px 0;
    height: auto;
    font-size: 1.4rem;
    line-height: 1.8;
    letter-spacing: 1px;
  }
}

.page-supportSolution3 .c-list__product .c-btn02 {
  margin-top: 13px;
}

@media screen and (max-width: 767px) {
  .page-supportSolution3 .c-list__product .c-btn02 a {
    width: 126px;
  }
}

.page-supportSolution3 .c-list__product .c-btn02--1 {
  margin-top: 78px;
}

@media screen and (max-width: 767px) {
  .page-supportSolution3 .c-list__product .c-btn02--1 {
    margin-top: 13px;
  }
}

@media screen and (max-width: 767px) {
  .page-supportSolution3 .c-list__product--1 ul:after {
    top: 47%;
  }
}

/*
------------------------------------------------------------*/
.page-supportSolution4 {
  background: #e7f9fb;
  padding: 84px 0 100px;
}

@media screen and (max-width: 767px) {
  .page-supportSolution4 {
    padding: 40px 0 48px;
  }
}

.page-supportSolution4 .c-singleImg {
  width: 1100px;
  margin: 0 auto;
  background: #fff;
}

@media screen and (max-width: 767px) {
  .page-supportSolution4 .c-singleImg {
    width: 100%;
  }
}

/*
------------------------------------------------------------*/
.page-supportSolution5 {
  padding: 87px 0 100px;
}

@media screen and (max-width: 767px) {
  .page-supportSolution5 {
    padding: 42px 0 50px;
  }
}

.page-supportSolution5 .c-btn02 {
  text-align: center;
}

@media screen and (max-width: 767px) {
  .page-supportSolution5 .c-btn02 {
    margin-top: 30px;
  }
}

.page-supportSolution5 .bold-txt {
  font-family: "NotoSansJPB" !important;
}

.page-supportSolution5 .f22 {
  font-size: 2.2rem !important;
}

@media screen and (max-width: 767px) {
  .page-supportSolution5 .f22 {
    font-size: 1.6rem !important;
  }
}

.page-supportSolution5 .center-align {
  text-align: center;
}

@media screen and (max-width: 767px) {
  .page-supportSolution5 .center-align p {
    text-align: left;
  }
}

.page-supportSolution5 .c-faq--style2 {
  margin-bottom: 46px;
}

@media screen and (max-width: 767px) {
  .page-supportSolution5 .c-faq--style2 {
    margin-bottom: 30px;
  }
}

/*
------------------------------------------------------------*/
.page-supportSolution6 {
  display: none !important;
  padding: 88px 0 100px;
  background: #f8f8f8;
}

@media screen and (max-width: 767px) {
  .page-supportSolution6 {
    padding: 45px 0 40px;
  }
}

@media screen and (max-width: 767px) {
  .page-supportSolution6 .c-title01 h2 {
    font-size: 2rem;
  }
}

.page-support-solution-koukoku {
  padding-top: 60px !important;
}

@media screen and (max-width: 767px) {
  .page-support-solution-koukoku {
    padding-top: 50px !important;
  }
}

.page-support-solution-koukoku .c-contact002 {
  background: url(/assets/image/support-solution/bn001.jpg) no-repeat top center/cover;
}

@media screen and (max-width: 767px) {
  .page-support-solution-koukoku .c-contact002 {
    margin-top: 20px;
    background: url(/assets/image/support-solution/bn001-sp.jpg) no-repeat bottom center/cover;
  }
}

@media screen and (max-width: 767px) {
  .page-support-solution-koukoku .nav-scroll {
    padding: 5px;
  }
}

.page-support-solution-koukoku .nav-scroll nav {
  display: none;
}

.page-support-solution-koukoku .nav-scroll__contact {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 767px) {
  .page-support-solution-koukoku .nav-scroll__contact {
    display: none;
  }
}

.page-support-solution-koukoku .c-contact002 {
  display: block;
}

.page-support-solution-koukoku nav li {
  display: none;
}

.page-support-solution-koukoku nav li:nth-of-type(7) {
  display: inline-block;
}

@media screen and (max-width: 767px) {
  .page-support-solution-koukoku nav li:nth-of-type(7) {
    display: block;
    width: 100%;
  }
}

.page-support-solution-koukoku nav li.sp-only {
  display: none !important;
}

.page-support-solution-koukoku nav li span {
  display: none;
}

.page-support-solution-koukoku nav li .koukoku-txt {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
  line-height: 1.4;
}

.page-support-solution-koukoku nav li.button a {
  width: 250px;
  height: auto;
  display: inline-block;
}

.page-support-solution-koukoku nav li.button a p {
  vertical-align: middle;
}

.page-support-solution-koukoku .c-menu_sp-btn {
  display: none;
}

.page-support-solution-koukoku .c-mainvisual {
  margin-top: -1px;
  display: block !important;
  padding: 65px 0 70px;
}

@media screen and (max-width: 767px) {
  .page-support-solution-koukoku .c-mainvisual {
    padding: 0;
  }
}

.page-support-solution-koukoku .c-mainvisual__logo {
  margin: 22px 0 20px;
}

@media screen and (max-width: 767px) {
  .page-support-solution-koukoku .c-mainvisual__logo {
    margin: 16px 0 10px;
  }
}

.page-support-solution-koukoku .c-mainvisual__heading {
  margin: 0 0 24px;
}

@media screen and (max-width: 767px) {
  .page-support-solution-koukoku .c-mainvisual__heading {
    margin: 0px 0 18px;
  }
}

.page-support-solution-koukoku .c-mainvisual__list {
  margin: 0 0 15px;
}

@media screen and (max-width: 767px) {
  .page-support-solution-koukoku .c-mainvisual__list {
    margin: 0 0 7px;
  }
}

.page-support-solution-koukoku .c-mainvisual__text1 {
  letter-spacing: -1.4px;
}

@media screen and (max-width: 767px) {
  .page-support-solution-koukoku .c-mainvisual__text1 {
    letter-spacing: 0.3px;
    font-weight: normal;
  }
}

.page-support-solution-koukoku .c-cover {
  display: none;
}

.page-support-solution-koukoku .c-breadcrumb {
  display: none;
}

.page-support-solution-koukoku .page-supportSolution6 {
  display: block !important;
}

.page-support-solution-koukoku .c-btn02 {
  display: none;
}

.page-support-solution-koukoku .f22 {
  display: none;
}

.page-support-solution-koukoku .c-contact,
.page-support-solution-koukoku .c-breadcrumb,
.page-support-solution-koukoku footer {
  display: none;
}

.page-support-solution-koukoku .sub-footer {
  display: block;
}

/*
--------------------------------------------------------------*/
.page-support-solution .c-contact002,
.support-solution .c-contact002 {
  display: none;
}

/*------------------------------------------------------------
reiworq-ai-ocr
------------------------------------------------------------*/
.page-reiworq-ai-ocr .c-mainvisual {
  display: none;
  padding: 116px 0 118px;
}

@media screen and (max-width: 767px) {
  .page-reiworq-ai-ocr .c-mainvisual {
    padding: 0;
    background: none;
  }
}

.page-reiworq-ai-ocr .c-mainvisual__text1 {
  font-size: 3.2rem;
  margin: 0 0 0 6px;
}

@media screen and (max-width: 767px) {
  .page-reiworq-ai-ocr .c-mainvisual__text1 {
    font-size: 1.8rem;
    margin: 0;
  }
}

.page-reiworq-ai-ocr .c-mainvisual__logo {
  margin: 29px 0 10px;
}

@media screen and (max-width: 767px) {
  .page-reiworq-ai-ocr .c-mainvisual__logo {
    margin: 16px 0 10px;
  }
}

.page-reiworq-ai-ocr .c-mainvisual__list {
  margin-bottom: 15px;
}

@media screen and (max-width: 767px) {
  .page-reiworq-ai-ocr .c-mainvisual__list {
    margin: 0 2px 9px;
  }
}

.page-reiworq-ai-ocr .c-contact002 {
  display: none;
}

.page-reiworq-ai-ocr .c-title01 {
  margin: 0 0 30px;
}

@media screen and (max-width: 767px) {
  .page-reiworq-ai-ocr .c-title01 {
    margin: 0;
  }
}

.page-reiworq-ai-ocr .c-title01 h2 {
  padding: 0 0 32px;
  margin: 0 auto 15px;
}

@media screen and (max-width: 767px) {
  .page-reiworq-ai-ocr .c-title01 h2 {
    padding: 0 0 16px;
  }
}

.page-reiworq-ai-ocr .c-cover {
  background: url(/assets/image/support/cover-image.jpg) no-repeat;
}

@media screen and (max-width: 767px) {
  .page-reiworq-ai-ocr .c-cover h1 img {
    width: 55%;
  }
}

.page-reiworq-ai-ocr .c-cover h2 {
  font-family: "NotoSansJPR";
}

@media screen and (max-width: 767px) {
  .page-reiworq-ai-ocr .c-cover h2 {
    font-size: 1.6rem;
  }
}

.page-reiworq-ai-ocr .c-breadcrumb {
  padding-top: 21px;
}

.page-reiworq-ai-ocr .nav-scroll nav {
  display: none;
}

/*
--------------------------------------------------------------*/
.p-reiworq-ai-ocr1 {
  padding: 87px 0;
  background: url(/assets/image/reiworq-ai-ocr/bg-001.jpg) top center no-repeat;
}

@media screen and (max-width: 767px) {
  .p-reiworq-ai-ocr1 {
    padding: 30px 0 51px;
    background: url(/assets/image/reiworq-ai-ocr/bg-001-sp.jpg) top center no-repeat;
  }
}

.p-reiworq-ai-ocr1__txt {
  text-align: center;
  font-size: 1.8rem;
  line-height: 2.5;
}

@media screen and (max-width: 767px) {
  .p-reiworq-ai-ocr1__txt {
    line-height: 1.75;
    font-size: 1.4rem;
    margin: 9px 0 0;
  }
}

.p-reiworq-ai-ocr2 {
  padding: 5px 0 87px;
  background: #f8f8f8;
}

@media screen and (max-width: 767px) {
  .p-reiworq-ai-ocr2 {
    padding: 0 0 46px;
  }
}

.p-reiworq-ai-ocr2 .c-list005 {
  margin: 44px 0 46px;
}

@media screen and (max-width: 767px) {
  .p-reiworq-ai-ocr2 .c-list005 {
    margin: 15px -4px 0px;
    width: 103%;
  }
}

.p-reiworq-ai-ocr2__txt {
  font-size: 2.4rem;
  line-height: 2;
  color: #111;
  font-weight: bold;
  text-align: center;
  letter-spacing: 0.2px;
}

@media screen and (max-width: 767px) {
  .p-reiworq-ai-ocr2__txt {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}

.p-reiworq-ai-ocr3 {
  background: #e7f9fb;
  padding: 86px 0 102px;
}

@media screen and (max-width: 767px) {
  .p-reiworq-ai-ocr3 {
    padding: 41px 0 54px;
  }
}

.p-reiworq-ai-ocr3__txt {
  font-size: 1.8rem;
  line-height: 2.5;
  color: #000;
  text-align: center;
  margin: 0 0 48px;
}

@media screen and (max-width: 767px) {
  .p-reiworq-ai-ocr3__txt {
    font-size: 1.4rem;
    text-align: justify;
    margin: 8px 0 35px;
    line-height: 1.8;
  }
}

.p-reiworq-ai-ocr3__list {
  margin: 0 0 31px;
}

.p-reiworq-ai-ocr3 .c-imgText001 {
  margin: 0 0 80px;
}

@media screen and (max-width: 767px) {
  .p-reiworq-ai-ocr3 .c-imgText001 {
    margin: 0 0 37px;
  }
}

.p-reiworq-ai-ocr3 .c-imgText001:last-child {
  margin: 0;
}

@media screen and (max-width: 767px) {
  .p-reiworq-ai-ocr3 .c-singleImg {
    margin: -2px 0;
  }
}

.p-reiworq-ai-ocr4 {
  padding: 84px 0 103px;
}

@media screen and (max-width: 767px) {
  .p-reiworq-ai-ocr4 {
    padding: 39px 0 50px;
  }
}

.p-reiworq-ai-ocr4__txt {
  font-size: 1.8rem;
  line-height: 2.5;
  color: #000;
  text-align: center;
  margin: 0 0 48px;
}

@media screen and (max-width: 767px) {
  .p-reiworq-ai-ocr4__txt {
    font-size: 1.6rem;
    line-height: 1.5;
    margin: 8px 22px 27px;
  }
}

.p-reiworq-ai-ocr4 .c-list__case--gray li {
  padding: 21px 10px 35px;
}

@media screen and (max-width: 767px) {
  .p-reiworq-ai-ocr4 .c-list__case--gray li {
    padding: 0 10px 20px;
  }
}

.p-reiworq-ai-ocr4 .c-list__case--gray .case-txt h3 {
  text-align: center;
}

.p-reiworq-ai-ocr4 .c-list__case--gray .case-svg {
  margin: 0 auto 5px;
}

@media screen and (max-width: 767px) {
  .p-reiworq-ai-ocr4 .c-list__case--gray .case-svg {
    margin: 0 auto 5px;
    padding: 22px 0 6px;
    height: auto;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

@media screen and (max-width: 767px) {
  .p-reiworq-ai-ocr4 .c-list__case--gray .case-svg svg {
    width: 65%;
  }
}

@media screen and (max-width: 767px) {
  .p-reiworq-ai-ocr4 .c-list__case--gray h3 {
    margin-bottom: 6px;
    font-size: 1.6rem;
  }
}

.p-reiworq-ai-ocr4 .c-list__case--gray p {
  padding: 0 10px;
  margin: 0;
  font-size: 1.6rem;
  line-height: 1.75;
}

@media screen and (max-width: 767px) {
  .p-reiworq-ai-ocr4 .c-list__case--gray p {
    font-size: 1.3rem;
    line-height: 1.5;
    padding: 0;
  }
}

.p-reiworq-ai-ocr4 .c-list__case--gray p:before {
  content: none;
}

.p-reiworq-ai-ocr5 {
  padding: 84px 0 39px;
  background: #e7f9fb;
}

@media screen and (max-width: 767px) {
  .p-reiworq-ai-ocr5 {
    padding: 37px 0 20px;
  }
}

.p-reiworq-ai-ocr5 .c-table004 {
  margin: 47px 0 44px;
}

@media screen and (max-width: 767px) {
  .p-reiworq-ai-ocr5 .c-table004 {
    margin: 16px 0 24px;
  }
}

.p-reiworq-ai-ocr5__txt {
  text-align: center;
  font-size: 1.8rem;
  line-height: 2.5;
}

@media screen and (max-width: 767px) {
  .p-reiworq-ai-ocr5__txt {
    font-size: 1.6rem;
    line-height: 1.5;
    text-align: justify;
  }
}

.p-reiworq-ai-ocr6 {
  background: #f8f8f8;
  padding: 101px 0 41px;
}

@media screen and (max-width: 767px) {
  .p-reiworq-ai-ocr6 {
    padding: 51px 0 40px;
  }
}

.p-reiworq-ai-ocr6 .c-title006 {
  margin-bottom: 35px;
}

@media screen and (max-width: 767px) {
  .p-reiworq-ai-ocr6 .c-title006 {
    margin-bottom: 22px;
  }
}

.p-reiworq-ai-ocr6__txt {
  font-size: 1.8rem;
  text-align: center;
  line-height: 2.5;
  margin: 0 0 39px;
}

@media screen and (max-width: 767px) {
  .p-reiworq-ai-ocr6__txt {
    margin: 18px 0 26px;
    font-size: 1.6rem;
    line-height: 1.5;
    text-align: left;
  }
}

.p-reiworq-ai-ocr6__content--normalTxt {
  margin-bottom: 55px;
  font-size: 1.6rem;
  letter-spacing: 0.1rem;
  line-height: 1.9;
}

@media screen and (max-width: 767px) {
  .p-reiworq-ai-ocr6__content--normalTxt {
    margin-bottom: 32px;
    font-size: 1.4rem;
    line-height: 1.75;
  }
}

.p-reiworq-ai-ocr6__content--org {
  color: #fa5b0f;
  font-size: 2.4rem;
  font-weight: bold;
  text-align: center;
  line-height: 2;
  font-family: "Noto Sans CJK JP", sans-serif;
}

@media screen and (max-width: 767px) {
  .p-reiworq-ai-ocr6__content--org {
    font-size: 1.6rem;
    line-height: 1.5;
    letter-spacing: 0.1rem;
  }
}

@media screen and (max-width: 767px) {
  .p-reiworq-ai-ocr6__content--org span {
    display: inline-block;
    margin-top: 20px;
  }
}

.p-reiworq-ai-ocr6__desc {
  margin-bottom: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 767px) {
  .p-reiworq-ai-ocr6__desc {
    margin-bottom: 30px;
    display: block;
  }
}

.p-reiworq-ai-ocr6__descTxt {
  margin-right: 40px;
  width: 400px;
  font-size: 1.6rem;
  line-height: 2.1;
  letter-spacing: 0.1rem;
}

@media screen and (max-width: 767px) {
  .p-reiworq-ai-ocr6__descTxt {
    margin-right: 0;
    width: 100%;
    font-size: 1.4rem;
    line-height: 1.75;
  }
}

.p-reiworq-ai-ocr6 .c-table005 {
  margin: 0 0 22px;
}

@media screen and (max-width: 767px) {
  .p-reiworq-ai-ocr6 .c-table005 {
    margin: 0 0 20px;
  }
}

.p-reiworq-ai-ocr6 .c-box4 {
  margin-top: 10px;
}

@media screen and (max-width: 767px) {
  .p-reiworq-ai-ocr6 .c-box4 {
    margin-top: 15px;
  }
}

.p-reiworq-ai-ocr6 .c-box4--first {
  margin-right: 20px;
}

.p-reiworq-ai-ocr6 .c-box4--row2 {
  height: 200px;
}

@media screen and (max-width: 767px) {
  .p-reiworq-ai-ocr6 .c-box4--row2 {
    height: auto;
  }
}

@media screen and (max-width: 767px) {
  .p-reiworq-ai-ocr6 .c-title-007 h3 {
    padding-bottom: 20px;
    font-size: 2rem;
    letter-spacing: 0;
  }
}

@media screen and (max-width: 767px) {
  .p-reiworq-ai-ocr6 .c-title-007 span {
    margin-bottom: -3px;
  }
}

.p-reiworq-ai-ocr6 .c-title-007--row3 {
  margin-top: 70px;
}

@media screen and (max-width: 767px) {
  .p-reiworq-ai-ocr6 .c-title-007--row3 {
    margin-top: 0;
  }
}

.p-reiworq-ai-ocr7 {
  padding: 87px 0 43px;
}

@media screen and (max-width: 767px) {
  .p-reiworq-ai-ocr7 {
    padding: 40px 0 37px;
  }
}

.p-reiworq-ai-ocr7 .c-faq--style2 {
  margin: 46px 0;
}

@media screen and (max-width: 767px) {
  .p-reiworq-ai-ocr7 .c-faq--style2 {
    margin: 15px 0 30px;
  }
}

.p-reiworq-ai-ocr7 .c-btn02 {
  text-align: center;
}

@media screen and (max-width: 767px) {
  .p-reiworq-ai-ocr7 .c-btn02 {
    margin-top: 30px;
  }
}

.p-reiworq-ai-ocr7 .bold-txt {
  font-family: "NotoSansJPB" !important;
}

.p-reiworq-ai-ocr7 .f22 {
  font-size: 2.2rem !important;
}

@media screen and (max-width: 767px) {
  .p-reiworq-ai-ocr7 .f22 {
    font-size: 1.6rem !important;
  }
}

.p-reiworq-ai-ocr7 .center-align {
  text-align: center;
}

@media screen and (max-width: 767px) {
  .p-reiworq-ai-ocr7 .center-align p {
    text-align: left;
  }
}

.p-reiworq-ai-ocr8 {
  display: none !important;
  background: #f8f8f8;
  padding: 88px 0;
}

@media screen and (max-width: 767px) {
  .p-reiworq-ai-ocr8 {
    padding: 39px 0;
  }
}

@media screen and (max-width: 767px) {
  .p-reiworq-ai-ocr8 .c-title01 h2 {
    font-size: 2rem;
    padding: 0 0 20px;
  }
}

.page-ai-ocr-koukoku {
  padding-top: 60px !important;
}

@media screen and (max-width: 767px) {
  .page-ai-ocr-koukoku {
    padding-top: 50px !important;
  }
}

@media screen and (max-width: 767px) {
  .page-ai-ocr-koukoku .nav-scroll {
    padding: 5px;
  }
}

.page-ai-ocr-koukoku .nav-scroll nav {
  display: none;
}

.page-ai-ocr-koukoku .nav-scroll__contact {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 767px) {
  .page-ai-ocr-koukoku .nav-scroll__contact {
    display: none;
  }
}

.page-ai-ocr-koukoku nav {
  display: none;
}

.page-ai-ocr-koukoku nav li {
  display: none;
}

.page-ai-ocr-koukoku nav li:nth-of-type(7) {
  display: inline-block;
}

@media screen and (max-width: 767px) {
  .page-ai-ocr-koukoku nav li:nth-of-type(7) {
    display: block;
    width: 100%;
  }
}

.page-ai-ocr-koukoku nav li.sp-only {
  display: none !important;
}

.page-ai-ocr-koukoku nav li span {
  display: none;
}

.page-ai-ocr-koukoku nav li .koukoku-txt {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
  line-height: 1.4;
}

.page-ai-ocr-koukoku nav li.button a {
  width: 250px;
  height: auto;
  display: inline-block;
}

.page-ai-ocr-koukoku nav li.button a p {
  vertical-align: middle;
}

.page-ai-ocr-koukoku .c-contact002 {
  display: block;
}

@media screen and (max-width: 767px) {
  .page-ai-ocr-koukoku .c-contact002 {
    margin-top: 20px;
  }
}

.page-ai-ocr-koukoku .c-menu_sp-btn {
  display: none;
}

.page-ai-ocr-koukoku .c-mainvisual, .page-ai-ocr-koukoku c-mainvisual--ai {
  display: block !important;
  padding: 50px 0 57px;
}

@media screen and (max-width: 767px) {
  .page-ai-ocr-koukoku .c-mainvisual, .page-ai-ocr-koukoku c-mainvisual--ai {
    padding: 0;
  }
}

.page-ai-ocr-koukoku .c-mainvisual__content {
  margin: -40px 0 0;
}

@media screen and (max-width: 767px) {
  .page-ai-ocr-koukoku .c-mainvisual__content {
    margin: -15px 20px 25px;
  }
}

.page-ai-ocr-koukoku .c-mainvisual__logo {
  margin: 12px 0 10px;
}

.page-ai-ocr-koukoku .c-mainvisual__item {
  width: 140px;
  height: 140px;
}

.page-ai-ocr-koukoku .c-cover {
  display: none;
}

@media screen and (max-width: 767px) {
  .page-ai-ocr-koukoku .p-reiworq-ai-ocr1 {
    padding-top: 57px;
  }
}

.page-ai-ocr-koukoku .p-reiworq-ai-ocr8 {
  display: block !important;
}

.page-ai-ocr-koukoku .c-btn02 {
  display: none;
}

.page-ai-ocr-koukoku .f22 {
  display: none;
}

.page-ai-ocr-koukoku .c-contact, .page-ai-ocr-koukoku .c-breadcrumb, .page-ai-ocr-koukoku footer {
  display: none;
}

.page-ai-ocr-koukoku .sub-footer {
  display: block;
}

.page-ai-ocr-koukoku .c-breadcrumb {
  display: none;
}

/*------------------------------------------------------------
about
------------------------------------------------------------*/
.p-about .c-cover {
  background: url("/assets/image/support/cover-image.jpg") no-repeat;
}

.p-about .c-title01 {
  margin-bottom: 0;
}

.p-about .c-aboutTXT1 p {
  text-align: center;
  font-size: 1.8rem;
  line-height: 1.8;
  margin-top: 17px;
  font-family: 'NotoSansJPDL';
}

@media screen and (max-width: 767px) {
  .p-about .c-aboutTXT1 p {
    font-size: 1.4rem;
    text-align: left;
    line-height: 1.75;
    margin-top: 12px;
  }
}

.p-about .c-aboutTXT1 p + p {
  margin-top: 44px;
}

@media screen and (max-width: 767px) {
  .p-about .c-aboutTXT1 p + p {
    margin-top: 29px;
  }
}

.p-about .c-breadcrumb {
  margin: 17px 0 50px;
}

/*
------------------------------------------------------------*/
.p-about1 {
  background: url("/assets/image/about/bg.jpg") no-repeat bottom center;
  padding-top: 40px;
}

@media screen and (max-width: 767px) {
  .p-about1 {
    background: url("/assets/image/about/bg-sp.png") no-repeat bottom center;
    -webkit-background-size: contain;
            background-size: contain;
  }
}

.p-about1__img1 {
  text-align: center;
  margin-top: 56px;
  padding-bottom: 98px;
}

@media screen and (max-width: 767px) {
  .p-about1__img1 {
    margin-top: 35px;
    padding-bottom: 48px;
  }
}

.p-about1__img1 img {
  max-width: 100%;
  margin: 0 auto;
}

/*
------------------------------------------------------------*/
.p-about2 {
  background: #f8f8f8;
  padding: 86px 0 96px;
}

@media screen and (max-width: 767px) {
  .p-about2 {
    padding: 41px 0 50px;
  }
}

.p-about2 .c-title01 h2 {
  padding: 0 0 30px;
  margin: 0 auto 35px;
}

@media screen and (max-width: 767px) {
  .p-about2 .c-title01 h2 {
    padding: 0 0 12px;
    margin: 0 auto 12px;
  }
}

.p-about2 .c-aboutTXT1 {
  padding-left: 149px;
}

@media screen and (max-width: 767px) {
  .p-about2 .c-aboutTXT1 {
    padding-left: 0;
  }
}

.p-about2 .c-aboutTXT1 p {
  text-align: left;
}

.p-about2 .c-list12 {
  margin: 40px 0 0;
}

@media screen and (max-width: 767px) {
  .p-about2 .c-list12 {
    margin: 26px 0 0;
  }
}

.p-about3 {
  margin: 87px 0 95px;
}

@media screen and (max-width: 767px) {
  .p-about3 {
    margin: 38px 0 49px;
  }
}

.p-about3 .c-list008 {
  margin: 60px 0 40px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media screen and (max-width: 767px) {
  .p-about3 .c-list008 {
    margin: 20px 0;
  }
}

.p-about3 .c-list008__item {
  margin: 0 15px 15px 0;
  width: 500px;
  height: 300px;
}

@media screen and (max-width: 767px) {
  .p-about3 .c-list008__item {
    height: 270px;
  }
}


.p-about3 .c-list008__item:nth-child(6) {
  margin-right: 0;
}

@media screen and (max-width: 767px) {
  .p-about3 .c-list008__item {
    margin: 0 0 10px 0;
  }
}

@media screen and (max-width: 767px) {
  .p-about3 .c-list008__img {
    margin-bottom: 14px;
  }
}

.p-about3 .c-list008__txt {
  letter-spacing: -1px;
}

.p-about3__note1 {
  font-size: 1.4rem;
  color: #000;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .p-about3__note1 {
    font-size: 1.2rem;
    text-align: left;
  }
}

.p-about4 {
  padding: 100px 0;
  background: #f8f8f8;
}

@media screen and (max-width: 767px) {
  .p-about4 {
    padding: 46px 0 50px;
  }
}

.p-about4 .c-btn02 {
  display: table;
  margin: 40px auto 0;
}

@media screen and (max-width: 767px) {
  .p-about4 .c-btn02 {
    margin: 15px auto 0;
  }
}

.p-about4 .c-imgText3 {
  margin-bottom: 61px;
}

@media screen and (max-width: 767px) {
  .p-about4 .c-imgText3 {
    margin-bottom: 20px;
  }
}

.p-about4 .c-list1 {
  margin: 0;
  width: auto;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

@media screen and (max-width: 767px) {
  .p-about4 .c-list1 {
    width: 100%;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.p-about4 .c-list1 li {
  margin-bottom: 0;
  padding: 40px;
  width: 360px;
  background-color: #fff;
}

@media screen and (max-width: 767px) {
  .p-about4 .c-list1 li {
    margin-bottom: 10px;
    padding: 20px;
  }
}

.p-about4 .c-list1 li:not(:first-child) {
  margin-left: 10px;
}

@media screen and (max-width: 767px) {
  .p-about4 .c-list1 li:not(:first-child) {
    margin-left: 0;
  }
}

@media screen and (max-width: 767px) {
  .p-about4 .c-list1__tt {
    margin: 8px 0;
  }
}

@media screen and (max-width: 767px) {
  .p-about4 .c-list1__text {
    font-size: 1.2rem;
  }
}

@media screen and (max-width: 767px) {
  .p-about4 .c-list1__cat {
    margin-top: 15px;
  }
}

@media screen and (max-width: 767px) {
  .p-about4 .c-list1__cat span {
    font-size: 1.2rem;
  }
}

/*------------------------------------------------------------
case
------------------------------------------------------------*/
.page-case .c-section1 {
  padding-bottom: 90px;
}

@media screen and (max-width: 767px) {
  .page-case .c-section1 {
    padding: 34px 0 0;
  }
}

@media screen and (max-width: 767px) {
  .page-case .c-section1 .c-title01 h1 {
    margin-bottom: 7px;
    font-size: 2.3rem;
  }
}

@media screen and (max-width: 767px) {
  .page-case .c-section1 .c-title01 h1 .title-eng {
    font-size: 0.5rem;
  }
}

.page-case .c-section1 p {
  font-size: 1.6rem;
  line-height: 30px;
  margin-top: 68px;
}

@media screen and (max-width: 767px) {
  .page-case .c-section1 p {
    font-size: 1.2rem;
    line-height: 23px;
    margin-top: 24px;
    text-align: left;
  }
}

@media screen and (max-width: 767px) {
  .page-case .l-content .l-wrap {
    width: 100%;
  }
}

.page-case .blog-article {
  margin-bottom: 80px;
}

@media screen and (max-width: 767px) {
  .page-case .blog-article {
    margin-bottom: 36px;
  }
}

.page-case .c-imgText5 {
  margin-bottom: 50px;
}

@media screen and (max-width: 767px) {
  .page-case .c-imgText5 {
    margin-bottom: 20px;
  }
}

.page-case .c-flow {
  margin-bottom: 34px;
}

@media screen and (max-width: 767px) {
  .page-case .c-flow {
    margin-bottom: 15px;
  }
}

.page-case .c-list__3row {
  margin-top: 35px;
}

.page-case .c-list__3row ul {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.page-case .c-list__3row ul li:not(:nth-child(3n)) {
  margin-right: 40px;
}

@media screen and (max-width: 767px) {
  .page-case .c-list__3row ul li:not(:nth-child(3n)) {
    margin-right: 0;
  }
}

.page-case .blog-title {
  text-align: left;
  padding: 88px 0;
  display: block;
  height: 296px;
}

@media screen and (max-width: 767px) {
  .page-case .blog-title {
    padding: 35px 0;
    height: auto;
  }
}

@media screen and (max-width: 767px) {
  .page-case .blog-title h1 {
    line-height: 32px;
  }
}

.page-case .p-seminar2__tit2, .page-case .p-seminar2__tit3 {
  background: none;
  padding-left: 0;
}

@media screen and (max-width: 767px) {
  .page-case .p-seminar2__tit2, .page-case .p-seminar2__tit3 {
    padding-left: 20px;
  }
}

.page-case .p-seminar2__list li:after {
  width: 5px;
  height: 5px;
}

.page-case .p-seminar2__list p {
  padding-top: 0;
  font-size: 1.3rem;
  line-height: 1.4;
}

@media screen and (max-width: 767px) {
  .page-case .p-seminar2__list p {
    font-size: 1.2rem;
  }
}

.page-case .p-seminar2__list img {
  margin-top: 5px;
}

@media screen and (max-width: 767px) {
  .page-case .p-seminar2__list img {
    margin-top: 0;
  }
}

/*------------------------------------------------------------
method
------------------------------------------------------------*/
.page-method .c-section1 {
  padding-bottom: 90px;
}

@media screen and (max-width: 767px) {
  .page-method .c-section1 {
    padding-bottom: 0;
  }
}

@media screen and (max-width: 767px) {
  .page-method .c-section1 .c-title01 {
    font-size: 1.3rem;
  }
}

.page-method .c-section1 .c-title01__txt {
  margin-bottom: 15px;
  font-size: 3rem;
}

@media screen and (max-width: 767px) {
  .page-method .c-section1 .c-title01__txt {
    margin-bottom: 10px;
    font-size: 1.5rem;
  }
}

.page-method .c-section1__txt {
  margin-top: 70px;
  line-height: 31px;
}

@media screen and (max-width: 767px) {
  .page-method .c-section1__txt {
    margin-top: 25px;
    font-size: 1.2rem;
    line-height: 23px;
    text-align: left;
  }
}

.page-method .c-search1 {
  margin: 38px auto 50px;
  width: 1100px;
}

@media screen and (max-width: 767px) {
  .page-method .c-search1 {
    width: 100%;
  }
}

.page-method .c-list2__ttl {
  margin-top: 0;
}

.page-method .c-list2__info {
  padding: 30px 32px 30px;
}

.page-method__lead {
  font-size: 1.6rem;
  line-height: 2;
}

@media screen and (max-width: 767px) {
  .page-method__lead {
    font-size: 1.4rem;
  }
}

.page-method__nopost {
  font-size: 1.7rem;
}

@media screen and (max-width: 767px) {
  .page-method__nopost {
    font-size: 1.2rem;
  }
}

.page-method--id .c-section1 {
  padding: 62px 0 100px;
}

@media screen and (max-width: 767px) {
  .page-method--id .c-section1 {
    padding: 37px 0 0;
  }
}

@media screen and (max-width: 767px) {
  .page-method--id .c-section1 .c-title01 {
    margin-bottom: 22px;
  }
}

.page-method--id .c-section1 .c-title01 h1 {
  font-size: 3.6rem;
}

@media screen and (max-width: 767px) {
  .page-method--id .c-section1 .c-title01 h1 {
    font-size: 2.3rem;
    line-height: 1.34;
  }
}

.page-method--id .l-content {
  padding: 70px 0 0;
}

.page-method--id .c-title01 {
  margin-bottom: 16px;
}

@media screen and (max-width: 767px) {
  .page-method--id .c-title01 {
    margin-bottom: 2px;
  }
}

.page-method--id .c-title01 h2 {
  font-size: 3.6rem;
  font-weight: bold;
  font-family: "NotoSansJPB", sans-serif;
}

@media screen and (max-width: 767px) {
  .page-method--id .c-title01 h2 {
    font-size: 2.5rem;
  }
}

.page-method--id .c-title01__sub {
  margin-bottom: 12px;
  font-size: 2.4rem;
}

@media screen and (max-width: 767px) {
  .page-method--id .c-title01__sub {
    margin-bottom: 5px;
    font-size: 1.6rem;
  }
}

.page-method--id .blog-body--method {
  padding: 0 0 60px;
}

@media screen and (max-width: 767px) {
  .page-method--id .blog-body--method {
    padding-bottom: 30px;
  }
}

.page-method--id .blog-body--method .c-box-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 767px) {
  .page-method--id .blog-body--method .c-box-container {
    display: block;
  }
}

.page-method--id .blog-body--method .c-box-container .c-box4 {
  margin-right: 30px;
  width: 100%;
}

@media screen and (min-width: 767px) {
  .page-method--id .blog-body--method .c-box-container .c-box4 {
    margin-bottom: 0;
  }
}

.page-method--id .blog-body--method .c-box4 {
  width: auto;
  height: auto;
}

.page-method--id .blog-body--method .c-box4 ul {
  margin-bottom: 0;
  padding-bottom: 0;
  width: auto;
}

.page-method--id .blog-body--method .c-box4 li {
  margin-bottom: 0;
  position: relative;
}

.page-method--id .blog-body--method .c-box4 li:before {
  content: '';
  position: absolute;
  width: 8px;
  height: 8px;
  background: #0098ff;
  top: 15px;
  left: 0;
  border-radius: 100%;
}

@media screen and (max-width: 767px) {
  .page-method--id .blog-body--method .c-box4 li:before {
    top: 8px;
  }
}

.page-method--id .blog-body--method .c-box4 p {
  margin-bottom: 0;
  padding: 0;
}

.page-method--id .blog-body--method .c-box4 p:before {
  content: none;
}

.page-method--id .blog-body--method .c-box4__txt--flex ul {
  width: 50%;
}

.page-method--id .blog-body--method h3 {
  display: inline-block;
  font-size: 2.4rem;
  text-align: left;
  margin: -75px auto 34px;
  padding-top: 120px;
  position: relative;
  z-index: -1;
  border-bottom: none;
}

@media screen and (max-width: 767px) {
  .page-method--id .blog-body--method h3 {
    font-size: 1.8rem;
    margin: -80px auto 8px;
    padding-top: 100px;
  }
}

.page-method--id .blog-body--method h3:before {
  position: absolute;
  width: 100%;
  height: 2px;
  background: #16c6da;
  bottom: -13px;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  content: '';
  z-index: 1;
}

@media screen and (max-width: 767px) {
  .page-method--id .blog-body--method h3:before {
    max-width: 100%;
    height: 3px;
    bottom: 5px;
  }
}

.page-method--id .blog-body--method h3:after {
  position: absolute;
  width: 1100px;
  height: 2px;
  background: #cecece;
  bottom: -13px;
  left: 0;
  content: '';
  z-index: -1;
  -webkit-transform: rotate(0);
      -ms-transform: rotate(0);
          transform: rotate(0);
}

@media screen and (max-width: 767px) {
  .page-method--id .blog-body--method h3:after {
    width: 87vw;
    height: 3px;
    bottom: 5px;
  }
}

.page-method--id .blog-body--method h4 {
  font-size: 2rem;
  text-align: left;
  border-bottom: 1px solid #cecece;
  position: relative;
  margin: 47px 0 20px;
  padding-bottom: 13px;
}

@media screen and (max-width: 767px) {
  .page-method--id .blog-body--method h4 {
    font-size: 1.6rem;
    margin-top: 40px;
    margin-bottom: 11px;
    padding-bottom: 10px;
  }
}

.page-method--id .blog-body--method h4:before {
  position: absolute;
  bottom: -4.6px;
  left: -3px;
  width: 7px;
  height: 7px;
  background: white;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  content: '';
}

@media screen and (max-width: 767px) {
  .page-method--id .blog-body--method h4:before {
    width: 6px;
    height: 6px;
    bottom: -4.7px;
    border-width: 2px;
  }
}

.page-method--id .blog-body--method h4:after {
  position: absolute;
  bottom: -4.6px;
  right: -3px;
  width: 7px;
  height: 7px;
  background: white;
  border-left: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  content: '';
}

@media screen and (max-width: 767px) {
  .page-method--id .blog-body--method h4:after {
    width: 6px;
    height: 6px;
    bottom: -4.7px;
    border-width: 2px;
  }
}

.page-method--id .blog-nav {
  clear: both;
}

.page-method--id .blog-nav.bottom {
  margin-bottom: 60px;
}

@media screen and (max-width: 767px) {
  .page-method--id .blog-nav.bottom {
    margin-bottom: 40px;
  }
}

@media screen and (max-width: 767px) {
  .page-method--id .blog-nav .blog-sns {
    float: none;
    text-align: center;
  }
}

.page-method--id .blog-nav .blog-sns li:not(:first-child) {
  margin-left: 12px;
}

.page-method--id .c-list1 {
  margin-top: 27px;
  width: 1100px;
}

@media screen and (max-width: 767px) {
  .page-method--id .c-list1 {
    width: 100%;
  }
}

.page-method--id .c-list1 li {
  margin: 0;
  padding: 36px 40px;
  width: 360px;
  text-align: left;
}

@media screen and (max-width: 767px) {
  .page-method--id .c-list1 li {
    width: 100%;
    margin: 0 0 10px 0;
  }
}

.page-method--id .c-list1 li:not(:first-child) {
  margin: 0 0 0 10px;
}

@media screen and (max-width: 767px) {
  .page-method--id .c-list1 li:not(:first-child) {
    margin: 0 0 10px 0;
  }
}

.page-method--id .c-box1 {
  margin-top: 20px;
  border: none;
  text-align: left;
}

@media screen and (max-width: 767px) {
  .page-method--id .c-box1 figure {
    margin-bottom: 10px;
  }
}

.page-method--id .c-box1 h4 {
  font-size: 2.2rem;
  margin-bottom: 15px;
}

.page-method--id .c-box1 p {
  margin-top: 18px;
}

@media screen and (max-width: 767px) {
  .page-method--id .c-box1 p {
    margin-top: 7px;
  }
}

.page-method--id .c-box1 .c-blog-tag1, .page-method--id .c-box1 .c-blog-tag2 {
  display: inline;
}

.page-method--id .c-box1 .c-btn03 {
  margin: 30px auto 0;
  height: 60px;
  color: #00c4d9;
}

.page-method--id .c-box1 .c-btn03__type1 {
  width: 360px;
}

@media screen and (max-width: 767px) {
  .page-method--id .c-box1 .c-btn03__type1 {
    width: 96%;
    background: #fff;
    border: 2px solid #00c4d9;
  }
}

.page-method--id .c-box1 .c-btn03__type1:hover {
  background: #00c4d9;
}

.page-method--id .c-box1 .c-btn03__type1 a {
  color: #00c4d9;
}

@media screen and (max-width: 767px) {
  .page-method--id .c-box1 .c-btn03__type1 a {
    font-size: 1.3rem;
  }
}

.page-method--id .c-box1 .c-btn03__type1 a:hover {
  color: #fff;
}

@media screen and (max-width: 767px) {
  .page-method--id .c-box1 .c-btn03 {
    margin: 16px auto 0;
    height: 52px;
  }
}

.page-method--id .c-contact002 {
  padding: 74px 0 80px;
  background-position: center center;
  background-repeat: repeat;
  -webkit-background-size: contain;
          background-size: contain;
}

@media screen and (max-width: 767px) {
  .page-method--id .c-contact002 {
    padding: 25px 0 30px;
    -webkit-background-size: cover;
            background-size: cover;
  }
}

.page-method--id .c-contact002__ttl {
  font-size: 3.4rem;
}

@media screen and (max-width: 767px) {
  .page-method--id .c-contact002__ttl {
    font-size: 2.1rem;
  }
}

.page-method--id .c-btn02 {
  margin-top: 0;
}

.page-method--id .c-btn02 a {
  width: 210px;
  font-weight: 500;
  letter-spacing: 1.4px;
  line-height: 1;
  font-family: "NotoSansJPR", sans-serif;
}

@media screen and (max-width: 767px) {
  .page-method--id .c-btn02 a {
    width: 168px;
  }
}

.page-method--id .p-method-relate {
  padding: 40px 0;
  background: #f6f6f6;
}

@media screen and (max-width: 767px) {
  .page-method--id .p-method-relate {
    padding: 12px 0 14px;
  }
}

.page-method--id .p-method-relate__inner {
  margin: 0 auto;
  width: 1100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media screen and (max-width: 767px) {
  .page-method--id .p-method-relate__inner {
    width: 87.5%;
    display: block;
  }
}

.page-method--id .p-method-relate__search {
  margin-right: 42px;
  font-size: 1.6rem;
  font-weight: bold;
}

@media screen and (max-width: 767px) {
  .page-method--id .p-method-relate__search {
    margin-bottom: 15px;
    font-size: 1.2rem;
  }
}

.page-method--id .p-method-relate__search img {
  margin: 4px 10px 0 0;
}

@media screen and (max-width: 767px) {
  .page-method--id .p-method-relate__search img {
    margin: 2px 10px 0 0;
    width: 14px;
    height: 14px;
  }
}

.page-method--id .p-method-relate .c-list13__item {
  margin-bottom: 0;
}

@media screen and (max-width: 767px) {
  .page-method--id .p-method-relate .c-list13__item {
    margin-bottom: 4px;
  }
}

.page-method--id .p-method-relate__info {
  text-align: center;
  margin-top: 15px;
  font-size: 1.4rem;
}

@media screen and (max-width: 767px) {
  .page-method--id .p-method-relate__info {
    margin-top: 0;
    text-align: left;
    font-size: 1.1rem;
  }
}

.page-method--id .p-method-relate .c-title008 h3 {
  z-index: 1;
  font-size: 2.4rem;
}

@media screen and (max-width: 767px) {
  .page-method--id .p-method-relate .c-title008 h3 {
    font-size: 1.8rem;
  }
}

.page-method--id .p-method-relate .c-title008 h3:before {
  bottom: -20px;
}

@media screen and (max-width: 767px) {
  .page-method--id .p-method-relate .c-title008 h3:before {
    bottom: -13px;
  }
}

.page-method--id .p-method-relate .c-title008 h3:after {
  width: 1100px;
  bottom: -20px;
}

@media screen and (max-width: 767px) {
  .page-method--id .p-method-relate .c-title008 h3:after {
    width: 87vw;
    bottom: -13px;
  }
}

.page-method--id .p-method-relate--product {
  padding: 90px 0;
  background: #fff;
}

@media screen and (max-width: 767px) {
  .page-method--id .p-method-relate--product {
    padding: 35px 0 40px;
  }
}

.page-method--id .p-method-relate--product .c-list008 {
  margin-top: 62px;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

@media screen and (max-width: 767px) {
  .page-method--id .p-method-relate--product .c-list008 {
    margin-top: 30px;
  }
}

.page-method--id .p-method-relate--product .c-list008__ttl {
  margin-bottom: 23px;
  color: #004f6c;
  font-weight: bold;
  line-height: 1.3;
}

@media screen and (max-width: 767px) {
  .page-method--id .p-method-relate--product .c-list008__ttl {
    margin-bottom: 14px;
  }
}

.page-method--id .p-method-relate--product .c-list008__item {
  margin-bottom: 10px;
}

.page-method--id .p-method-relate--product .c-list008__item:not(:nth-child(4n)) {
  margin-right: 6px;
}

@media screen and (max-width: 767px) {
  .page-method--id .p-method-relate--product .c-list008__item:not(:nth-child(4n)) {
    margin-right: 0;
  }
}

@media screen and (max-width: 767px) {
  .page-method--id .p-method-relate--product .c-list008__img {
    margin-bottom: 16px;
  }
}

@media screen and (max-width: 767px) {
  .page-method--id .p-method-relate--product .c-list008__txt {
    line-height: 1.5;
  }
}

.page-method--id .p-method-relate--post {
  padding: 70px 0 20px;
  background: #fff;
}

@media screen and (max-width: 767px) {
  .page-method--id .p-method-relate--post {
    padding: 35px 0 28px;
  }
}

.page-method--id .p-method-relate--post .c-list13__item {
  margin-bottom: 4px;
}

.page-method--id .p-method-relate--post .c-list14 {
  margin-top: 40px;
}

@media screen and (max-width: 767px) {
  .page-method--id .p-method-relate--post .c-list14 {
    margin-top: 33px;
  }
}

.page-method--id .p-method-relate--post .c-list14__item:last-child {
  margin-bottom: 0;
  border-bottom: none;
}

.page-method--id .robo-wrap {
  margin-bottom: 0;
}

/*------------------------------------------------------------
biztexcobit
------------------------------------------------------------*/
.page-biztexcobit .c-title01 {
  margin: 0 0 20px;
}

@media screen and (max-width: 767px) {
  .page-biztexcobit .c-title01 {
    margin: 0;
  }
}

.page-biztexcobit .c-title01 h2 {
  padding: 0 0 24px;
}

@media screen and (max-width: 767px) {
  .page-biztexcobit .c-title01 h2 {
    padding: 0 0 16px;
  }
}

.page-biztexcobit .c-title01__sub {
  margin: 10px 0 0 -85px;
  font-size: 1.4rem;
}

.page-biztexcobit .c-title01__read {
  margin-top: -10px;
  position: relative;
}

.page-biztexcobit .c-title01__read:before {
  content: "ビズテックスコビット";
  position: absolute;
  font-size: 1.4rem;
  top: -5px;
  left: 50px;
}

@media screen and (max-width: 767px) {
  .page-biztexcobit .c-title01__read:before {
    font-size: 1rem;
    top: -8px;
    left: 17px;
  }
}

@media screen and (max-width: 767px) {
  .page-biztexcobit .c-title01__read2:before {
    left: 25px;
  }
}

.page-biztexcobit .c-mainvisual {
  display: none;
}

.page-biztexcobit .c-mainvisual__text1 {
  font-size: 3rem;
  letter-spacing: 1px !important;
}

@media screen and (max-width: 767px) {
  .page-biztexcobit .c-mainvisual__text1 {
    font-size: 1.6rem;
  }
}

.page-biztexcobit .c-mainvisual__info {
  width: 58%;
}

@media screen and (max-width: 767px) {
  .page-biztexcobit .c-mainvisual__info {
    width: 100%;
  }
}

.page-biztexcobit .c-contact002 {
  display: none;
}

.page-biztexcobit .c-cover {
  background: url(/assets/image/support/cover-image.jpg) no-repeat;
}

.page-biztexcobit .c-cover h1 {
  color: #10222b;
  line-height: 1.4;
}

.page-biztexcobit .c-cover h1 img {
  width: 300px;
}

@media screen and (max-width: 767px) {
  .page-biztexcobit .c-cover h1 img {
    width: 60%;
  }
}

.page-biztexcobit .c-cover__txt {
  font-size: 3rem;
  font-weight: bold;
}

@media screen and (max-width: 767px) {
  .page-biztexcobit .c-cover__txt {
    font-size: 1.6rem;
  }
}

.page-biztexcobit .c-cover h1, .page-biztexcobit .c-cover__txt {
  font-family: "NotoSansJPR";
}

.page-biztexcobit .c-breadcrumb {
  padding-top: 21px;
}

/*
------------------------------------------------------------*/
.page-biztexcobit1 {
  background: url("/assets/image/support-solution/bg1.png") top left/66% no-repeat, url("/assets/image/support-solution/bg2.png") top right/72% no-repeat;
  padding: 86px 0;
  position: relative;
}

@media screen and (max-width: 767px) {
  .page-biztexcobit1 {
    background: url("/assets/image/support-solution/bg1_sp.png") no-repeat;
    -webkit-background-size: 100% 100%;
            background-size: 100%;
    padding: 41px 0 50px;
    margin: 20px 0 0;
  }
}

@media screen and (max-width: 767px) and (max-width: 767px) {
  .page-biztexcobit1 {
    padding: 45px 0 50px;
  }
}

.page-biztexcobit1__txt {
  text-align: center;
  font-size: 1.8rem;
  line-height: 1.8;
  color: #000;
  margin: 20px 0 0;
}

@media screen and (max-width: 767px) {
  .page-biztexcobit1__txt {
    font-size: 1.4rem;
    line-height: 1.6;
    text-align: left;
    margin: 10px 0 0;
	text-align:center;
  }
}

.page-biztexcobit1__txt span {
  font-weight: bold;
}

.page-biztexcobit1 .c-imgText7 {
  margin-top: 70px;
}

@media screen and (max-width: 767px) {
  .page-biztexcobit1 .c-imgText7 {
    margin-top: 35px;
  }
}

/*
------------------------------------------------------------*/
.page-biztexcobit2 {
  background: #f6f6f6;
  padding: 84px 0 44px;
}

@media screen and (max-width: 767px) {
  .page-biztexcobit2 {
    padding: 43px 0 48px;
  }
}

.page-biztexcobit2 .c-title01 {
  margin: 0 0 16px;
}

@media screen and (max-width: 767px) {
  .page-biztexcobit2 .c-title01 {
    margin: 0 0 10px;
  }
}

.page-biztexcobit2 .c-title01 h2 {
  color: #111;
  padding: 0 0 36px;
}

@media screen and (max-width: 767px) {
  .page-biztexcobit2 .c-title01 h2 {
    line-height: 1.4;
    padding: 0 0 16px;
  }
}

@media screen and (max-width: 767px) {
  .page-biztexcobit2 .small {
    font-size: 1.4rem;
  }
}

.page-biztexcobit2__txt {
  font-size: 1.8rem;
  line-height: 2.5;
  color: #111;
}

@media screen and (max-width: 767px) {
  .page-biztexcobit2__txt {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}

@media screen and (max-width: 767px) {
  .page-biztexcobit2__txt.small {
    font-size: 1.4rem;
    line-height: 1.75;
  }
}

.page-biztexcobit2__txt2 {
  font-size: 3.6rem;
  line-height: 1.45;
  font-family: "NotoSansJPB";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media screen and (max-width: 767px) {
  .page-biztexcobit2__txt2 {
    display: block;
    font-size: 2.4rem;
    line-height: 1.3;
    margin: 6px 0 18px;
  }
}

.page-biztexcobit2 .c-list17__wrap {
  margin-top: -3px;
}

.page-biztexcobit2 .c-list17__point:nth-child(odd) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.page-biztexcobit2 .c-list17__point:nth-child(even) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

@media screen and (max-width: 767px) {
  .page-biztexcobit2 .c-list17__point:not(:last-child) {
    margin-bottom: 30px;
  }
}

@media screen and (max-width: 767px) {
  .page-biztexcobit2 .c-list17__point-body {
    margin-top: 0;
  }
}

@media screen and (max-width: 767px) {
  .page-biztexcobit2 .c-list17__point-body h3 {
    font-size: 2rem;
    padding-bottom: 14px;
  }
}

@media screen and (max-width: 767px) {
  .page-biztexcobit2 .c-list17__point-body p {
    margin-top: 20px;
    font-size: 1.4rem;
    color: #000;
  }
}

@media screen and (max-width: 767px) {
  .page-biztexcobit2 .c-list17__point-img {
    margin-top: 24px;
  }
}

/*
------------------------------------------------------------*/
.page-biztexcobit3 {
  padding: 85px 0 35px;
}

@media screen and (max-width: 767px) {
  .page-biztexcobit3 {
    padding: 65px 0 45px;
  }
}

.page-biztexcobit3__txt {
  font-size: 1.8rem;
  line-height: 1.7;
  color: #000;
  text-align: center;
  margin: 18px 0 0;
}

@media screen and (max-width: 767px) {
  .page-biztexcobit3__txt {
    margin: 7px 0 0;
    font-size: 1.4rem;
    line-height: 1.8;
    text-align: left;
  }
}

.page-biztexcobit3__txt3 {
  margin-bottom: 54px;
}

.page-biztexcobit3__ttl {
  margin: 50px 0 26px;
  font-size: 2.2rem;
}

@media screen and (max-width: 767px) {
  .page-biztexcobit3__ttl {
    margin: 20px 0 15px;
    font-size: 1.8rem;
  }
}

.page-biztexcobit3 .c-title-007 {
  text-align: center;
  margin-top: 66px;
}

@media screen and (max-width: 767px) {
  .page-biztexcobit3 .c-title-007 {
    margin-top: 30px;
  }
}

.page-biztexcobit3 .c-title-007 h3 {
  margin-bottom: 36px;
}

@media screen and (max-width: 767px) {
  .page-biztexcobit3 .c-title-007 h3 {
    margin-bottom: 22px;
    padding-bottom: 20px;
    font-size: 20px;
  }
}

.page-biztexcobit3 .c-table006 {
  margin-top: 54px;
}

@media screen and (max-width: 767px) {
  .page-biztexcobit3 .c-table006 {
    margin-top: 24px;
  }
}

@media screen and (max-width: 767px) {
  .page-biztexcobit3 .c-table006 table:nth-child(2) th {
    border-top: none;
  }
}

.page-biztexcobit3 .c-table006 th {
  font-size: 2rem;
  line-height: 1.5;
  background: #eeeeee;
}

@media screen and (max-width: 767px) {
  .page-biztexcobit3 .c-table006 th {
    padding: 7px 10px;
    width: 50%;
    font-size: 1.3rem;
  }
}

.page-biztexcobit3 .c-table006 td {
  padding: 10px 20px;
  text-align: left;
  vertical-align: top;
}

@media screen and (max-width: 767px) {
  .page-biztexcobit3 .c-table006 td {
    padding: 4px 15px;
  }
}

.page-biztexcobit3 .c-table006 td:first-of-type {
  width: auto;
}

@media screen and (max-width: 767px) {
  .page-biztexcobit3 .c-table006 td:first-of-type {
    width: 50%;
  }
}

@media screen and (max-width: 767px) {
  .page-biztexcobit3 .c-table006 td {
    width: 50%;
    font-size: 1.3rem;
  }
}

.page-biztexcobit3 .c-table006 li {
  position: relative;
  padding-left: 15px;
}

.page-biztexcobit3 .c-table006 li:before {
  content: '';
  width: 8px;
  height: 8px;
  background: #16c6da;
  border-radius: 50%;
  position: absolute;
  top: 11px;
  left: 0;
}

.page-biztexcobit3 .c-box3 {
  margin: 38px 0 90px;
  padding: 20px 190px 15px;
  border: 5px solid #caeff6;
}

@media screen and (max-width: 767px) {
  .page-biztexcobit3 .c-box3 {
    margin: 24px 0 0;
    padding: 10px 20px 15px;
    border-width: 3px;
  }
}

@media screen and (max-width: 767px) {
  .page-biztexcobit3 .c-box3__ttl {
    font-size: 1.4rem;
  }
}

.page-biztexcobit3 .c-box3__list {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-top: 7px;
}

@media screen and (max-width: 767px) {
  .page-biztexcobit3 .c-box3__list {
    margin-top: 0;
  }
}

.page-biztexcobit3 .c-box3__item {
  margin-right: 20px;
}

@media screen and (max-width: 767px) {
  .page-biztexcobit3 .c-box3__item:before {
    width: 11px;
    height: 11px;
  }
}

@media screen and (max-width: 767px) {
  .page-biztexcobit3 .c-box3__text {
    font-size: 1.3rem;
  }
}

.page-biztexcobit3 .c-comment1 {
  margin: 55px auto 20px;
  width: 420px;
  display: block;
  font-size: 2.4rem;
}

.page-biztexcobit3 .c-comment1:after {
  bottom: -10px;
}

@media screen and (max-width: 767px) {
  .page-biztexcobit3 .c-comment1 {
    width: 100%;
    font-size: 1.7rem;
  }
}

.page-biztexcobit3 .c-list__case li {
  padding: 40px 25px;
}

@media screen and (max-width: 767px) {
  .page-biztexcobit3 .c-list__case li {
    padding: 15px 10px;
  }
}

.page-biztexcobit3 .c-list__case li:first-child .case-txt {
  margin-top: 50px;
}

@media screen and (max-width: 767px) {
  .page-biztexcobit3 .c-list__case li:first-child .case-txt {
    margin-top: 10px;
  }
}

.page-biztexcobit3 .c-list__case li:first-child .case-txt__list {
  margin-top: -15px;
}

@media screen and (max-width: 767px) {
  .page-biztexcobit3 .c-list__case li:first-child .case-txt__list {
    margin-top: 10px;
  }
}

.page-biztexcobit3 .c-list__case li:nth-child(3) .case-img {
  margin-bottom: 29px;
}

@media screen and (max-width: 767px) {
  .page-biztexcobit3 .c-list__case li:nth-child(3) .case-img {
    margin-bottom: 4px;
  }
}

.page-biztexcobit3 .c-list__case li:last-of-type .case-txt {
  text-align: center;
}

.page-biztexcobit3 .c-list__case .case-img {
  margin-bottom: 35px;
}

.page-biztexcobit3 .c-list__case .case-img-s img {
  padding-top: 7px;
}

@media screen and (max-width: 767px) {
  .page-biztexcobit3 .c-list__case .case-img {
    margin-bottom: 10px;
  }
}

@media screen and (max-width: 767px) {
  .page-biztexcobit3 .c-list__case .case-img img {
    width: 40px;
  }
}

.page-biztexcobit3 .c-list__case .case-txt__ttl {
  margin: 0 0 15px 0;
  padding: 0;
  font-size: 2rem;
  font-family: 'NotoSansJPB', sans-serif;
  text-align: center;
  height:60px;
  line-height:1.7;
}

@media screen and (max-width: 767px) {
  .page-biztexcobit3 .c-list__case .case-txt__ttl {
    font-size: 1.6rem;
  }
}

.page-biztexcobit3 .c-list__case .case-txt ul {
  display: block;
  border: none;
}

.page-biztexcobit3 .c-list__case .case-txt ul li {
  padding: 0 0 0 15px;
  border: none;
  width: auto;
  text-align: left;
  font-size: 1.6rem;
  line-height: 1.7;
  position: relative;
}

@media screen and (max-width: 767px) {
  .page-biztexcobit3 .c-list__case .case-txt ul li {
    font-size: 1.3rem;
  }
}

.page-biztexcobit3 .c-list__case .case-txt ul li:before {
  content: '';
  width: 8px;
  height: 8px;
  background: #16c6da;
  border-radius: 50%;
  position: absolute;
  top: 10px;
  left: 0;
}

@media screen and (max-width: 767px) {
  .page-biztexcobit3 .c-list__case .case-txt ul li:before {
    top: 7px;
  }
}

/*
------------------------------------------------------------*/
.page-biztexcobit4 {
  background: #f6f6f6;
  padding: 84px 0 100px;
}

@media screen and (max-width: 767px) {
  .page-biztexcobit4 {
    padding: 65px 0 48px;
  }
}

.page-biztexcobit4 .c-title-007 {
  text-align: center;
}

@media screen and (max-width: 767px) {
  .page-biztexcobit4 .c-title-007 {
    margin-top: 10px;
  }
}

@media screen and (max-width: 767px) {
  .page-biztexcobit4 .c-title-007 h3 {
    margin-bottom: 24px;
    padding-bottom: 15px;
    font-size: 2rem;
  }
}

/*
------------------------------------------------------------*/
.page-biztexcobit5 {
  padding: 87px 0 100px;
  background: #e7f9fb;
}

@media screen and (max-width: 767px) {
  .page-biztexcobit5 {
    padding: 69px 0 50px;
  }
}

.page-biztexcobit5 .c-list__case {
  margin-top: 55px;
}

@media screen and (max-width: 767px) {
  .page-biztexcobit5 .c-list__case {
    margin-top: 24px;
  }
}

/*
------------------------------------------------------------*/
.page-biztexcobit6 {
  padding: 88px 0 35px;
  background: #fff;
}

@media screen and (max-width: 767px) {
  .page-biztexcobit6 {
    padding: 65px 0 40px;
  }
}

.page-biztexcobit6 .c-list011 {
  margin-top: 52px;
}

@media screen and (max-width: 767px) {
  .page-biztexcobit6 .c-list011 {
    margin-top: 20px;
  }
}

.page-biztexcobit7 {
  padding: 100px 0;
  background: #f6f6f6;
}

@media screen and (max-width: 767px) {
  .page-biztexcobit7 {
    padding: 67px 0 54px;
  }
}

.page-biztexcobit7 .c-box7 {
  margin-top: 60px;
}

@media screen and (max-width: 767px) {
  .page-biztexcobit7 .c-box7 {
    margin-top: 34px;
  }
}

.page-biztexcobit7 .c-support-info {
  margin-top: 75px;
}

@media screen and (max-width: 767px) {
  .page-biztexcobit7 .c-support-info {
    margin-top: 44px;
  }
}

.page-biztexcobit8 {
  padding: 100px 0 35px;
}

@media screen and (max-width: 767px) {
  .page-biztexcobit8 {
    padding: 63px 0;
  }
}

.page-biztexcobit8 .c-btn02 {
  margin-top: 36px;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .page-biztexcobit8 .c-btn02 {
    margin-top: 30px;
  }
}

.page-biztexcobit8 .f22 {
  margin-top: 54px;
  font-size: 2.2rem;
}

@media screen and (max-width: 767px) {
  .page-biztexcobit8 .f22 {
    font-size: 1.6rem;
  }
}

.page-biztexcobit8 .center-align {
  text-align: center;
}

@media screen and (max-width: 767px) {
  .page-biztexcobit8 .center-align p {
    text-align: left;
  }
}

.page-biztexcobit8 .c-support-info {
  margin-top: 90px;
}

@media screen and (max-width: 767px) {
  .page-biztexcobit8 .c-support-info {
    margin-top: 47px;
  }
}

@media screen and (max-width: 767px) {
  .page-biztexcobit8 .c-support-info p {
    font-size: 1.4rem;
    text-align: center;
  }
}

.page-biztexcobit8 .c-imgText7 {
  margin-top: 80px;
}

@media screen and (max-width: 767px) {
  .page-biztexcobit8 .c-imgText7 {
    margin-top: 40px;
  }
}

.page-biztexcobit9 {
  display: none;
  background: #f8f8f8;
  padding: 100px 0;
}

@media screen and (max-width: 767px) {
  .page-biztexcobit9 {
    padding: 45px 0;
  }
}

@media screen and (max-width: 767px) {
  .page-biztexcobit9 .c-title01 h2 {
    font-size: 2rem;
    padding-bottom: 30px;
  }
}

.page-biztexcobit-koukoku {
  padding-top: 60px !important;
}

@media screen and (max-width: 767px) {
  .page-biztexcobit-koukoku {
    padding-top: 50px !important;
  }
}

.page-biztexcobit-koukoku .c-contact002 {
  background: url(/assets/image/biztexcobit/mv-info.png) no-repeat top center/cover;
  padding: 30px 0 40px;
}

@media screen and (max-width: 767px) {
  .page-biztexcobit-koukoku .c-contact002 {
    margin-top: 20px;
    background: url(/assets/image/support-solution/bn001-sp.jpg) no-repeat bottom center/cover;
  }
}

@media screen and (max-width: 767px) {
  .page-biztexcobit-koukoku .nav-scroll {
    padding: 5px;
  }
}

.page-biztexcobit-koukoku .nav-scroll nav {
  display: none;
}

.page-biztexcobit-koukoku .nav-scroll__contact {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 767px) {
  .page-biztexcobit-koukoku .nav-scroll__contact {
    display: none;
  }
}

.page-biztexcobit-koukoku nav li {
  display: none;
}

.page-biztexcobit-koukoku nav li:nth-of-type(7) {
  display: inline-block;
}

@media screen and (max-width: 767px) {
  .page-biztexcobit-koukoku nav li:nth-of-type(7) {
    display: block;
    width: 100%;
  }
}

.page-biztexcobit-koukoku nav li.sp-only {
  display: none !important;
}

.page-biztexcobit-koukoku nav li span {
  display: none;
}

.page-biztexcobit-koukoku nav li .koukoku-txt {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
  line-height: 1.4;
}

.page-biztexcobit-koukoku nav li.button a {
  width: 250px;
  height: auto;
  display: inline-block;
}

.page-biztexcobit-koukoku nav li.button a p {
  vertical-align: middle;
}

.page-biztexcobit-koukoku .c-menu_sp-btn {
  display: none;
}

.page-biztexcobit-koukoku .c-mainvisual {
  margin-top: -2px;
  display: block !important;
  padding: 90px 0 84px;
}

@media screen and (max-width: 767px) {
  .page-biztexcobit-koukoku .c-mainvisual {
    padding: 0;
  }
}

@media screen and (max-width: 767px) {
  .page-biztexcobit-koukoku .c-mainvisual__wrap {
    margin-bottom: 22px;
  }
}

.page-biztexcobit-koukoku .c-mainvisual__info {
  padding-left: 0;
}

.page-biztexcobit-koukoku .c-mainvisual__logo {
  margin: 13px 0 39px;
}

@media screen and (max-width: 767px) {
  .page-biztexcobit-koukoku .c-mainvisual__logo {
    margin: 4px 0 0;
    width: 100%;
  }
}

.page-biztexcobit-koukoku .c-mainvisual__heading {
  margin: 0 0 27px;
}

@media screen and (max-width: 767px) {
  .page-biztexcobit-koukoku .c-mainvisual__heading {
    margin: 0px 0 18px;
  }
}

.page-biztexcobit-koukoku .c-mainvisual__list {
  margin: 0 0 15px;
}

@media screen and (max-width: 767px) {
  .page-biztexcobit-koukoku .c-mainvisual__list {
    margin: 0 0 7px;
  }
}

.page-biztexcobit-koukoku .c-mainvisual__text1 {
  letter-spacing: -1.4px;
}

@media screen and (max-width: 767px) {
  .page-biztexcobit-koukoku .c-mainvisual__text1 {
    letter-spacing: 0.3px;
    font-weight: normal;
  }
}

@media screen and (max-width: 767px) {
  .page-biztexcobit-koukoku .c-mainvisual .c-comment1 {
    margin-top: 20px;
  }
}

@media screen and (max-width: 767px) {
  .page-biztexcobit-koukoku .c-mainvisual .c-list16 {
    width: 90%;
    margin: 0 auto;
  }
}

.page-biztexcobit-koukoku .c-cover {
  display: none;
}

.page-biztexcobit-koukoku .c-breadcrumb {
  display: none;
}

.page-biztexcobit-koukoku .page-biztexcobit9 {
  display: block !important;
}

.page-biztexcobit-koukoku .c-contact,
.page-biztexcobit-koukoku .c-breadcrumb,
.page-biztexcobit-koukoku footer {
  display: none;
}

.page-biztexcobit-koukoku .sub-footer {
  display: block;
}

.page-biztexcobit-koukoku .c-contact002 {
  display: block;
}

.page-biztexcobit-koukoku .f22 {
  display: none;
}

.page-biztexcobit-koukoku .page-biztexcobit8 .c-btn02 {
  display: none;
}

/*
--------------------------------------------------------------*/
.page-support-solution .c-contact002,
.support-solution .c-contact002 {
  display: none;
}

/*------------------------------------------------------------
information
------------------------------------------------------------*/
.page-information .c-cover {
  margin: -6px 0 17px;
  background: url(/assets/image/information/bg.jpg) no-repeat;
}

@media screen and (max-width: 767px) {
  .page-information .c-cover {
    margin: 0;
    height: 130px;
  }
}

.page-information .c-cover h1 {
  font-size: 3rem;
  font-weight: bold;
  margin-bottom: 12px;
  margin-top: -4px;
}

@media screen and (max-width: 767px) {
  .page-information .c-cover h1 {
    font-size: 2rem;
    margin: 0 0 7px;
  }
}

.page-information .c-cover span {
  line-height: 21px;
}

.page-information .c-btn007 {
  text-align: center;
}

@media screen and (max-width: 767px) {
  .page-information .c-btn007 {
    max-width: 290px;
    margin: 0 auto;
  }
}

.page-information .c-title010 h3 {
  font-family: "NotoSansJPL", sans-serif;
  font-weight: 100;
  line-height: 48px;
}

@media screen and (max-width: 767px) {
  .page-information .c-title010 h3 {
    line-height: 24px;
  }
}

.it-tbl {
  width: 100%;
  border: 1px solid #ccc;
  border-collapse: collapse;
  font-size: 1.5rem;
  margin-bottom: 50px;
}

.it-tbl th {
  padding: 15px;
  background-color: #f6f6f6;
}

.it-tbl th.sub-head {
  font-weight: normal;
  padding: 10px;
  background-color: #fafafa;
}

.it-tbl th, .it-tbl td {
  border: 1px solid #ccc;
}

.it-tbl td {
  padding: 15px;
  font-weight: normal;
  line-height: 1.5em;
}

.it-tbl .number {
  text-align: center;
}

.it-tbl .text-orient {
  text-align: center;
  width: 5%;
}

.it-tbl .text-orient p {
  writing-mode: vertical-rl;
  line-height: 2.0em;
  margin: 0 auto;
}

.it-tbl td.pd-30 {
  padding: 30px 10px;
}

.it-tbl .w-50 {
  width: 50%;
}

.it-tbl .w-25  {
  width: 25%;
}

.it-tbl .default {
  writing-mode: initial!important;
  /*transform: scale(1,-1)!important;*/
  transform: rotate(180deg)!important;
}

.it-tbl #p-open {
  margin-left: 2px;
  margin-bottom: -5px;
}

.it-tbl #p-close {
  margin-left: 2px;
}

.it-tbl .comma {
  writing-mode: initial!important;
  transform: scale(1, -1)!important;
}

@media screen and (max-width: 767px) {
  .page-information .table {
    /*overflow-x: scroll;*/
  }

  .it-tbl {
    overflow-x: scroll;
  }

  .it-tbl .text-orient {
    width: 25%;
  }

  .it-tbl .text-orient p {
    height: 100%;
  }
}

.p-information__desc {
  font-size: 1.6rem;
  line-height: 34px;
  font-weight: 300;
  letter-spacing: 0.8px;
}

@media screen and (max-width: 767px) {
  .p-information__desc {
    font-size: 1.4rem;
    line-height: 24px;
  }
}

.p-information__sub-desc1 {
  font-size: 1.6rem;
  font-family: "NotoSansJPB", sans-serif;
  line-height: 26px;
  font-weight: bold;
}

@media screen and (max-width: 767px) {
  .p-information__sub-desc1 {
    font-size: 1.4rem;
    line-height: 25px;
  }
}

.p-information__sub-desc2 {
  font-size: 1.6rem;
  font-family: "NotoSansJPDL", sans-serif;
  line-height: 32px;
  font-weight: 300;
}

@media screen and (max-width: 767px) {
  .p-information__sub-desc2 {
    font-size: 1.4rem;
    line-height: 25px;
  }
}

.p-information__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 767px) {
  .p-information__list {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.p-information__list .item {
  margin-right: 20px;
}

.p-information__list .item:hover {
  opacity: 0.8;
}

@media screen and (max-width: 767px) {
  .p-information__list .item {
    width: 48.3%;
    margin: 0 0 10px;
  }
}

@media screen and (max-width: 767px) {
  .p-information__list .item img {
    width: 100%;
  }
}

.p-information1 {
  padding: 90px 0 46px;
}

@media screen and (max-width: 767px) {
  .p-information1 {
    padding: 45px 0 23px;
  }
}

.p-information1 .c-title01 {
  margin-bottom: 23px;
}

@media screen and (max-width: 767px) {
  .p-information1 .c-title01 {
    margin-bottom: 20px;
  }
}

.p-information1 .c-title01 h2 {
  padding: 0 0 15px;
}

@media screen and (max-width: 767px) {
  .p-information1 .c-title01 h2 {
    padding: 0 0 10px;
  }
}

.p-information1 .imgtext {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 0 30px;
}

.p-information1 .anchor-area {
  display: flex;
  justify-content: center;
  margin-bottom: 101px;
  font-size: 1.5rem;
}

.p-information1 .anchor-area ul {
  list-style-type: none;
}

.p-information1 .anchor-area ul li:before {
  content: url('../image/information/a-down.png');
  vertical-align: top;
  margin-right: 10px;
}

.p-information1 .anchor-area ul li {
  float: left;
  margin: 0 30px;
}

.p-information1 .anchor-area ul li a {
  color: #000;
}

@media screen and (max-width: 767px) {
  .p-information1 .imgtext {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    margin: 0 0 30px;
  }

  .p-information1 .anchor-area {
    margin-bottom: 50px;
  }

  .p-information1 .anchor-area ul li {
    width: 100%;
    margin: 10px 0;
  }
}

.p-information1 .imgtext .txt {
  font-size: 1.8rem;
  line-height: 30px;
  font-weight: bold;
  padding-left: 3px;
  width: 556px;
  letter-spacing: 1px;
  font-family: "NotoSansJPL", sans-serif;
}

.p-information1 .imgtext .txt .starter {
  font-size: 1.5rem;
  font-weight: normal;
}

.p-information1 .imgtext .txt .starter p {
  margin: 10px 0;
}

.p-information1 .imgtext .txt .starter ul.check-list {
  margin-bottom: 10px;
}

.p-information1 .imgtext .txt .starter ul.check-list li:before {
  content: '✔';
  margin-right: 10px;
  color: #70ad47;
  font-weight: bold;
}

.speech-bubble {
  position: relative;
  border-radius: .5em;
  padding: 10px;
  border: 2px solid #16c6da;
  width: 50%;
}

.speech-bubble:after {
  content: '';
  position: absolute;
  bottom: 8px;
  left: 30%;
  width: 0;
  height: 0;
  border: 10px solid transparent;
  border-top-color: #16c6da;
  border-bottom: 0;
  margin-left: -20px;
  margin-bottom: -20px;
}

@media screen and (max-width: 767px) {
  .p-information1 .imgtext .txt {
    width: 100%;
    font-size: 1.4rem;
    line-height: 24px;
    padding: 0;
  }

  .speech-bubble {
    width: 85%;
  }

  .speech-bubble:after {
    bottom: 9px;
  }
}

.p-information1 .imgtext .img {
  width: 500px;
  padding-top: 8px;
}

@media screen and (max-width: 767px) {
  .p-information1 .imgtext .img {
    width: 100%;
    padding-top: 0;
    margin-bottom: 15px;
  }
}

@media screen and (max-width: 767px) {
  .p-information1 .imgtext .img img {
    width: 100%;
  }
}

.p-information1 .c-title010 {
  margin: 0 0 41px;
  padding-bottom: 26px;
}

@media screen and (max-width: 767px) {
  .p-information1 .c-title010 {
    margin: 0 0 15px;
    padding-bottom: 14px;
  }
}

.p-information2 {
  margin: 0 0 101px;
}

.p-information2 .video-area {
  display: flex;
  justify-content: center;
  margin: 20px 0;
}

.p-information2 .video-area div p {
  font-size: 1.6rem;
}

.p-information2 .video-area div p#vid-desc {
  width: 560px;
  margin-bottom: 20px;
}

@media screen and (max-width: 767px) {
  .p-information2 {
    margin: 0 0 50px;
  }

  .p-information2 .video-area iframe {
    width: 320px;
    height: 180px;
  }

  .p-information2 .video-area div p#vid-desc {
    width: 320px;
  }
}

.p-information2 .block1 {
  margin: 0 0 57px;
}

@media screen and (max-width: 767px) {
  .p-information2 .block1 {
    margin: 0 0 23px;
  }
}

.p-information2 .block1 .c-title011 {
  margin: 0 0 23px;
}

@media screen and (max-width: 767px) {
  .p-information2 .block1 .c-title011 {
    margin: 0 0 16px;
  }
}

.p-information2 .block1 .p-information__sub-desc1 {
  margin: 0 0 14px;
}

@media screen and (max-width: 767px) {
  .p-information2 .block1 .p-information__sub-desc1 {
    margin: 0 0 10px;
  }
}

.p-information2 .block1 .p-information__list {
  margin: 0 0 32px;
}

@media screen and (max-width: 767px) {
  .p-information2 .block1 .p-information__list {
    margin: 0 0 15px;
  }
}

.p-information2 .block2 .p-information__sub-desc2 {
  margin-bottom: 22px;
}

@media screen and (max-width: 767px) {
  .p-information2 .block2 .p-information__sub-desc2 {
    margin-bottom: 11px;
  }
}

.p-information2 .c-title011 {
  margin-bottom: 18px;
}

@media screen and (max-width: 767px) {
  .p-information2 .c-title011 {
    margin-bottom: 9px;
  }
}

.p-information2 .c-table7 {
  margin-bottom: 58px;
}

@media screen and (max-width: 767px) {
  .p-information2 .c-table7 {
    margin-bottom: 24px;
  }
}

.p-information2 .c-table8 {
  margin: 29px 0 61px;
}

@media screen and (max-width: 767px) {
  .p-information2 .c-table8 {
    margin: 15px 0 30px;
  }
}

.p-information2 .c-table8__row:first-child .c-table8__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 10px 0 14px;
}

@media screen and (max-width: 767px) {
  .p-information2 .c-table8__row:first-child .c-table8__content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.p-information3 {
  margin-bottom: 103px;
}

@media screen and (max-width: 767px) {
  .p-information3 {
    margin-bottom: 51px;
  }
}

.p-information3 .c-title010 {
  margin-bottom: 40px;
  padding-bottom: 27px;
}

@media screen and (max-width: 767px) {
  .p-information3 .c-title010 {
    padding-bottom: 14px;
    margin-bottom: 20px;
  }
}

.p-information3 .p-information__desc {
  margin-bottom: 47px;
}

@media screen and (max-width: 767px) {
  .p-information3 .p-information__desc {
    margin-bottom: 23px;
  }
}

.p-information3 .block1 .c-title011 {
  margin-bottom: 22px;
}

@media screen and (max-width: 767px) {
  .p-information3 .block1 .c-title011 {
    margin-bottom: 11px;
  }
}

.p-information3 .block1 .p-information__sub-desc1 {
  margin-bottom: 14px;
}

@media screen and (max-width: 767px) {
  .p-information3 .block1 .p-information__sub-desc1 {
    margin-bottom: 7px;
  }
}

.p-information3 .block1 .p-information__list {
  margin-bottom: 57px;
}

@media screen and (max-width: 767px) {
  .p-information3 .block1 .p-information__list {
    margin-bottom: 28px;
  }
}

.p-information3 .block2 {
  margin: 0 0 58px;
}

@media screen and (max-width: 767px) {
  .p-information3 .block2 {
    margin: 0 0 29px;
  }
}

.p-information3 .block2 .c-title011 {
  margin-bottom: 18px;
}

@media screen and (max-width: 767px) {
  .p-information3 .block2 .c-title011 {
    margin-bottom: 9px;
  }
}

.p-information3 .block2 .p-information__sub-desc2 {
  margin-bottom: 26px;
}

@media screen and (max-width: 767px) {
  .p-information3 .block2 .p-information__sub-desc2 {
    margin-bottom: 13px;
  }
}

.p-information3 .block2 .p-information__sub-desc1 {
  margin-bottom: 5px;
}

.p-information3 .block2 .c-table7 {
  margin-top: -3px;
}

@media screen and (max-width: 767px) {
  .p-information3 .block2 .c-table7 {
    margin-top: 0;
  }
}

.p-information3 .block2 .c-table7__body .row:nth-last-child(2) .col {
  padding: 15px 29px 16px;
}

@media screen and (max-width: 767px) {
  .p-information3 .block2 .c-table7__body .row:nth-last-child(2) .col {
    padding: 11px 15px;
  }
}

.p-information3 .block3 .c-title011 {
  margin-bottom: 28px;
}

@media screen and (max-width: 767px) {
  .p-information3 .block3 .c-title011 {
    margin-bottom: 14px;
  }
}

.p-information3 .c-table8 {
  margin-bottom: 60px;
}

@media screen and (max-width: 767px) {
  .p-information3 .c-table8 {
    margin-bottom: 30px;
  }
}

.p-information3 .c-table8__row:first-child .c-table8__content,
.p-information3 .c-table8__row:nth-child(2) .c-table8__content {
  padding: 13px 30px;
}

@media screen and (max-width: 767px) {
  .p-information3 .c-table8__row:first-child .c-table8__content,
  .p-information3 .c-table8__row:nth-child(2) .c-table8__content {
    padding: 11px 15px;
  }
}

.p-information4 {
  margin: 0 0 140px;
}

@media screen and (max-width: 767px) {
  .p-information4 {
    margin: 0 0 70px;
  }
}

.p-information4 .c-title010 {
  padding-bottom: 34px;
  margin: 0 0 40px;
}

@media screen and (max-width: 767px) {
  .p-information4 .c-title010 {
    padding-bottom: 14px;
    margin: 0 0 20px;
  }
}

.p-information4 .p-information__desc {
  margin-bottom: 48px;
}

@media screen and (max-width: 767px) {
  .p-information4 .p-information__desc {
    margin-bottom: 24px;
  }
}

.p-information4 .block1 .c-title011 {
  margin-bottom: 23px;
}

@media screen and (max-width: 767px) {
  .p-information4 .block1 .c-title011 {
    margin-bottom: 11px;
  }
}

.p-information4 .block1 .p-information__sub-desc1 {
  margin-bottom: 14px;
}

@media screen and (max-width: 767px) {
  .p-information4 .block1 .p-information__sub-desc1 {
    margin-bottom: 7px;
  }
}

.p-information4 .block1 .p-information__list {
  margin-bottom: 57px;
}

@media screen and (max-width: 767px) {
  .p-information4 .block1 .p-information__list {
    margin-bottom: 28px;
  }
}

.p-information4 .block2 .c-title011 {
  margin-bottom: 28px;
}

@media screen and (max-width: 767px) {
  .p-information4 .block2 .c-title011 {
    margin-bottom: 14px;
  }
}

.p-information4 .c-table8 {
  margin-bottom: 60px;
}

@media screen and (max-width: 767px) {
  .p-information4 .c-table8 {
    margin-bottom: 30px;
  }
}

.p-information4 .c-table8__row:nth-child(2) .c-table8__content {
  padding: 8px 30px 15px;
}

@media screen and (max-width: 767px) {
  .p-information4 .c-table8__row:nth-child(2) .c-table8__content {
    padding: 11px 15px;
  }
}

.p-information4 .c-table8__row:nth-child(3) .c-table8__content {
  padding: 10px 30px 16px;
}

@media screen and (max-width: 767px) {
  .p-information4 .c-table8__row:nth-child(3) .c-table8__content {
    padding: 11px 15px;
  }
}

.p-information4 .c-table8__row:last-child .c-table8__content {
  padding: 12px 30px 18px;
}

@media screen and (max-width: 767px) {
  .p-information4 .c-table8__row:last-child .c-table8__content {
    padding: 11px 15px;
  }
}

.u__bold-txt {
  font-weight: bold;
}

.u-orange {
  color: #fa5b0f;
}

/*******IT HOJO********/
.ithojo-temp {
	padding-top:59px!important;
}
@media screen and (max-width: 767px) {
  .page-ithojo-koukoku .nav-scroll {
    padding: 5px;
  }
 .ithojo-temp {
    padding-top: 50px!important;
 }
}

.page-ithojo-koukoku .nav-scroll nav {
  display: none;
}

.page-ithojo-koukoku .nav-scroll__contact {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 767px) {
  .page-ithojo-koukoku .nav-scroll__contact {
    display: none;
  }
}

.page-ithojo-koukoku nav li {
  display: none;
}

.page-ithojo-koukoku nav li:nth-of-type(7) {
  display: inline-block;
}

@media screen and (max-width: 767px) {
  .page-ithojo-koukoku nav li:nth-of-type(7) {
    display: block;
    width: 100%;
  }
}
.page-ithojo-koukoku nav li.sp-only {
  display: none !important;
}

.page-ithojo-koukoku nav li span {
  display: none;
}

.page-ithojo-koukoku nav li .koukoku-txt {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
  line-height: 1.4;
}
.page-ithojo-koukoku nav li.button a {
  width: 250px;
  height: auto;
  display: inline-block;
}
.page-ithojo-koukoku nav li.button a p {
  vertical-align: middle;
}
.page-ithojo-koukoku .c-menu_sp-btn {
  display: none;
}
/**Header image starts**/
@media screen and (min-width: 1920px) {
	.c-mainvisual__wrap {
		width: 100%!important;
	}
	.c-mainvisual--ithojo {
		width: 100%!important;
	}
	.page-ithojo-koukoku .c-mainvisual__info {
		padding-left: 0px!important;
	}
	.page-ithojo-koukoku .c-mainvisual__heading {
		padding-left: 461px;
	}
	.page-ithojo .c-mainvisual-imgs {
		padding-left: 487px!important;
	}
}
.c-mainvisual--ithojo {
  background: url("/assets/image/ithojo/mv01.jpg") no-repeat top center;
  width: 70%;
  margin: auto;
  height: 577px;
}

@media screen and (max-width: 767px) {
  .c-mainvisual--ithojo  {
    background: none!important;
  }
}

.page-ithojo-koukoku .c-mainvisual {
    margin-top: -9px;
    display: block !important;
    padding: 61px 0 0px;
}
.page-ithojo-koukoku .c-mainvisual__info {
    /*padding-left: 75px;*/
	width: 70%;
}

@media screen and (max-width: 767px) {
	.c-mainvisual--ithojo {
		width: 100%!important;
	}	
	.page-ithojo-koukoku .c-mainvisual {
		padding: 0;
	}
	.page-ithojo .img_span1 .mv_image1 {
		width: 30%!important;
	}
	.page-ithojo .img_span1 {
		margin: 20px 10px 0 0!important;
	}
	.page-ithojo-koukoku .c-mainvisual__info {
		width: 100%;
		padding: 0;
	}
	.page-ithojo .c-mainvisual-imgs {
		margin-top: 0px!important;
		margin-left: 10px!important;
	}
	.page-ithojo-koukoku .c-contact002 p {
		font-size: 1.4rem!important;
	}
	.page-ithojo .d-half {
		 width: 100%!important; 
	}
	.page-ithojo .c-title01 h2 {
		margin: 0 auto 15px;
		font-size: 2.0rem!important;
	}
	.page-ithojo2 .p_img2 img {
		margin-left: 25%!important;
	}
	.page-ithojo .c-mv__text1 {
	font-size: 2.7rem!important;
	line-height: 1.5em!important;
	}
	.page-ithojo-koukoku .c-mainvisual__heading {
		margin: 10px 0px 10px 0px!important;
		text-align:center;
	}
	.pt10_sp {
		padding-top:10px;
	}
}
.page-ithojo-koukoku .c-contact002 {
  background: url(/assets/image/ithojo/mv-info.png) no-repeat top center/cover;
  padding: 30px 0 40px;
}

@media screen and (max-width: 767px) {
  .page-ithojo-koukoku .c-contact002 {
    margin-top: 20px;
    background: url(/assets/image/support-solution/bn001-sp.jpg) no-repeat bottom center/cover;
  }
}

@media screen and (max-width: 767px) {
  .page-ithojo-koukoku .c-mainvisual__wrap {
    margin-bottom: 22px;
  }
}

.page-ithojo-koukoku .c-mainvisual__heading {
  margin: 0 0 27px;
}

.page-ithojo-koukoku .c-breadcrumb {
  display: none;
}
.page-ithojo-koukoku .c-contact,
.page-ithojo-koukoku .c-breadcrumb,
.page-ithojo-koukoku footer {
  display: none;
}

.page-ithojo-koukoku .sub-footer {
  display: block;
}

.page-ithojo .c-title01 h2 {
	font-size:3.8em;
} 
.page-ithojo .c-number_ttl_style {
	position:absolute;
	font-size:10em;
}
.page-ithojo .c-number_ttl_01,.c-number_ttl_04 {
	margin:-54px 0 0 -13px;
}
.page-ithojo .c-number_ttl_02,.c-number_ttl_05 {
	margin:-54px 0 0 0;
}
.page-ithojo .c-number_ttl_06 {
	margin:-25px 0 0 0;
}
.page-ithojo .c-number_ttl_03,.c-number_ttl_07 {
	margin: -54px 0 0 -7px;
	color:#FFFFFF;
	opacity: 0.5;
}
.page-ithojo .c-mv__text1 {
    font-size: 42px;
    line-height: 2.0;
    color: #fa5b0f;
	font-weight:bold;
	font-family:NotoSansCJKjp-Bold;
}
.page-ithojo .s_text {
	font-size: 28px;
	color: #000000;
	font-family:NotoSansCJKjp-Bold;
}

.page-ithojo3 .c-title01 h2 {
    color:#FFFFFF!important;
}
.page-ithojo3 .ss_text {
	padding-top:10px;
	font-size: 1.6rem;
	color: #FFFFFF;
}
.page-ithojo .c-mainvisual-imgs {
	margin-top:50px;
	padding-left: 15px;
}
.page-ithojo .img_span1 {
	margin:20px 20px 0 0;
	position: relative;
}
.page-ithojo .img_span1 .centered{
  position: absolute;
  transform: translate(-50%, -50%);
  font-family:NotoSansCJKjp-Bold;
  font-size:18px;
  text-align: center;
  width:100%;
  left: 50%;
  top: 105px;
}
.page-ithojo span.txt_orange {
	color:#F15A24;
}
.page-ithojo-koukoku .nav-scroll, .page-ithojo-koukoku .sub-footer{
	background:#16c6da!important;
}

.page-ithojo-koukoku .c-contact002 {
  background-color:#16c6da;
  padding: 30px 0 40px;
}
.page-ithojo-koukoku .c-contact002 p  {
    font-size: 2.3rem;
}
.page-ithojo .c-btn005 a {
    width: 353px;
    font-size: 2.3rem;
    line-height: 1.5;
    font-family: "NotosansJPM", sans-serif;
    font-weight: 500;
    color: #fff;
    background: #fa5b0f;
    padding: 21px 43px 21px 47px;
    display: inline-block;
    border-radius: 3px;
    border: 3px solid #fa5b0f;
	padding:22px 43px 22px 47px;
}
.page-ithojo .c-btn006 a {
    padding: 12px 10px 11px 10px!important;
	width:385px;
}
.page-ithojo .c-btn006__ttl {
    font-size: 1.8rem!important;
}
.page-ithojo .c-btn006__tel {
    font-size: 2.3rem!important;
}
.page-ithojo .c-btn006__time {
    font-size: 1.2rem!important;
}
@media screen and (max-width: 767px) {
  .page-ithojo-koukoku .c-contact002 {
    margin-top: 20px;
    background: url(/assets/image/support-solution/bn001-sp.jpg) no-repeat bottom center/cover;
  }
	.page-ithojo .img_span1 .centered{
	  font-size:12px;
	  top: 64px;
	} 
}
.page-ithojo .c-title01 h1:after, .c-title01 h2:after {
    position: absolute;
    content: "";
    bottom: 0;
    left: 50%;
    width: 00px;
    height: 0px;
    background: #FFFFFF;
}

.page-ithojo .c-title01 h2 {
     margin: 0 auto 0px; 
     padding: 0 0 0px; 
	 font-weight:bold;
}
.page-ithojo .mb70 {
    margin-bottom: 70px;
}
.page-ithojo .d-half {
	width:50%;
}
.page-ithojo .d-half47 {
	width:47%;
}
.page-ithojo .d-half53 {
	width:53%;
}
.page-ithojo .d-half45 {
	width:45%;
}
.page-ithojo .d-half55 {
	width:55%;
}
.page-ithojo .fl-right {
	float:right;
	padding-left:5%;
}
.page-ithojo2 .fl-right {
	padding-left:0%!important;
}
.page-ithojo .fl-left {
	float:left;
}
.page-ithojo1 .fl-left p {
	text-align:left!important;
}
.clearfix {
	clear:both;
} 
.page-ithojo .div_btn {
	background-color: #16c6da; 
	border: none;
	color: white;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 1.6rem;
	margin: 4px 2px;
	cursor: pointer;
	padding: 8px 6px;
	border-radius: 4px;
	width:95px;
}
.page-ithojo .c-contact002 .l-wrap .inner_wrap {
	width:70%;
	margin:auto;
}
.page-ithojo1,.page-ithojo4{
    padding: 86px 0;
    position: relative;
}
.page-ithojo1,.page-ithojo4,.page-ithojo5{
	background-color:#f2f2f2;
}
.page-ithojo .c-number_ttl_01,.page-ithojo .c-number_ttl_04 ,.page-ithojo .c-number_ttl_05{
	color:#dcdcdc;
}
.page-ithojo .c-number_ttl_02,.page-ithojo .c-number_ttl_06  {
	color:#dcdcdc;
}
.div_hr_style {
	border-bottom: 1px solid #ccc; 
	width:95%; 
	margin:0px 20px 0 20px; 
}
.page-ithojo2 .p_img img {
	margin-left:10%;
}
.page-ithojo2 .p_img2 img {
	width: 30%;
    margin-left: 25%;
}
.page-ithojo2 .p_text  {
	font-size: 1.5rem;
}
.page-ithojo .mb100 {
	margin-bottom:100px;
}
.page-ithojo .mt50 {
	margin-top:50px;
}
.page-ithojo .mt55 {
	margin-top:55px;
}
.page-ithojo .mt45 {
	margin-top:36px;
}
.page-ithojo .mb50 {
	margin-bottom:50px;
}
.page-ithojo .mb51 {
	margin-bottom:50px;
}
.page-ithojo2 .l-wrap .inner_wrap {
	border-style: solid;
	border-color: #16c6da;
	border: 1px solid #16c6da;
	margin:auto;
}
.page-ithojo2 .p_text2  {
	font-size: 1.5rem;
	margin-left:26%;
}
.page-ithojo2 .l-wrap .contact10 {
	margin:auto;
	text-align:center;
	width:100%;
}
.page-ithojo2 .l-wrap .contact10 img{
	width:60%;
}
.page-ithojo3{
	background-color: #16c6da;
}
.page-ithojo3 .l-wrap3,.page-ithojo3 .l-wrap4{
	padding-top:50px;
}
.page-ithojo3 .l-wrap3,.page-ithojo3 .l-wrap4,.page-ithojo1 .l-wrap, .page-ithojo4 .l-wrap, .page-ithojo7 .l-wrap{
	width: 800px;
	margin:auto;
}
.page-ithojo2 .l-wrap {
	width: 800px;
}
.c-contact002 .s_text {
	font-size: 1.0rem!important;
	color: #FFFFFF;
}
div.line_vertical { 
	border-left: 5px solid #005ce6; 
	height: 30px; 
	font-size:2.0em;
	color:#FFFFFF;
	margin-bottom:15px;
} 
div.line_vertical span{ 
	margin-bottom:5px;
} 
.page-ithojo .d_box2 {
  background-color: #FFFFFF;
  margin: 3px 30px 5px 20px;
  padding:10px;
  border-radius:10px;
  height:160px;
  width:260px;
}
.page-ithojo .d_box2 p.b_image img{
	width:95%;
}
.page-ithojo .d_box2 p.b_image{
	padding-left:20px;
	width:95%;
}
.page-ithojo .d_box2 p.b_image2 {
    margin-left: 75px;
    width: 80%;
}
.page-ithojo .d_box2 p.b_image2 img{
	width:45%;
}
.page-ithojo .d_box2 p.b_title{
	text-align:center;
	font-size:1.8em;
	color:#737373;
	margin-bottom:10px;
}
.page-ithojo .d_box2 p.b_desc{
	margin-top:10px;
	text-align:center;
	font-size:1.6em;
	color:#000000;
}
.page-ithojo .d_box2 p.b_desc2{
	text-align:center;
	font-size:1.6em;
	color:#000000;
}
.page-ithojo .d_box {
  background-color: #FFFFFF;
  padding: 10px 30px 10px 30px;
  margin: 3px 20px 5px 20px;
  border-radius:10px;
  height:150px;	
}
.page-ithojo .d_box4 {
   padding: 10px 35px 10px 35px;
}
.page-ithojo .d_box5 {
	padding: 10px 15px 10px 15px;
}
.page-ithojo .d_box p.b_title{
	text-align:center;
	font-size:1.8em;
	color:#8c8c8c;
	margin-bottom:10px;
}
.page-ithojo .d_box p.b_desc{
	margin-top:10px;
	text-align:center;
	font-size:1.9em;
	color:#000000;
	font-weight:bold;
}
.page-ithojo .d_box p.b_desc3{
	margin-top:-60px!important;
}
.page-ithojo .d_box p.b_desc4{
	margin-top:-18px!important;
}
.page-ithojo .d_box p.b_desc5{
	margin-top:-7px!important;
}
.page-ithojo .it_subsidy {
  align-items: center;
  display: flex;
  justify-content: left;
  margin-left: -21px;
  flex-wrap: wrap;
}
.page-ithojo .it_subsidy3 {
  align-items: center;
  display: flex;
  justify-content: left;
  margin-left: -21px;
}
.page-ithojo4 .it_subsidy2 {
  align-items: center;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
margin-left: -20px;
margin-right: -20px;
}
.page-ithojo2 .it_subsidy2 {
  align-items: center;
  display: flex;
  justify-content: center;
}
.it_subsidy2_child {
	flex: 1 0 20%;
	margin:0px 0px 50px 0px!important;
}
p.p_sign {
	font-size:5em;
	color:#FFFFFF;
}
p.b_note {
	padding-bottom:30px;
	font-size:1.3em!important;
}
span.b_num {
	font-weight:bold;
	font-size:1.7em!important;
}
span.b_num2 {
	font-weight:bold;
	font-size:2.5em!important;
}
span.b_num3 {
	font-weight:bold;
	font-size:1.4em!important;
}
span.b_sign {
	font-size:0.8em!important;
	font-weight:bold;
}
span.b_signnote {
	font-size:0.4em!important;
	vertical-align:middle;
}
.pl16r16 {
	padding:0px 16px 0 16px;
}
.y_arrow_down {
	margin:auto;
	text-align:center;
}
p.arr_text {
	font-size:4.0em;
}
.page-ithojo .y_arrow_down img {
	width:10%;
	padding-bottom:10px;
}
p.arr_text_yellow {
	font-size:6.2em;
	color:#ffff00;
	text-decoration:underline;
	padding-bottom:50px!important;
}
.it_target_intro {
	margin:auto;
	text-align:center;
}
.it_target_intro p {
	font-size:1.7em;
}
div.it_sched_header {
  width: 70%;
  background-color:#16c6da;
  padding: 10px;
  margin: auto;
  font-size:2em;
  color:#FFFFFF;
  text-align:center;
}
div.it_sched_title {
	background-color:#B9EEF4;
	font-size:1.6em;
	width:25%!important;
	text-align:center;
	margin-top:10px;
	font-weight:bold;
}
div.it_sched_desc {
	font-size:1.8em;
	width:73%!important;
	text-align:left;
	margin-top:10px;
	background:#FFFFFF;
}
span.it_sched_desc_span {
	font-size:0.7em!important;
}
div.it_sched_title_single{
	height: 55px!important;
}
div.it_sched_desc_single{
	height: 55px!important;
}
.it_sched_title_single p {
	margin-top:13px;
}
.it_sched_desc_single p {
	margin-top:13px;
	padding-left:10px;
}
div.it_schedule {
	width: 70%;
	margin: auto;
}
div.it_sched_note {
    width: 64%;
    margin: auto;
    font-size: 1.8em;
    padding-top: 15px;
	padding-left:137px;
}
div.it_sched_note2 {
    width: 70%;
    margin: auto;
    font-size: 1.4em;
    text-align: center;
    padding-top: 15px;
}
div.it_benefits_container {
  position: relative;
  text-align: center;
  color: white;
}
div.it_benefits_container img{
  width:100%;
}
.page-ithojo .it_benefits_container_title {
  position: absolute;
  top: 48%;
  left: 30px;
  color:#000000;
  font-size:1.8em;
  text-align:center;
  width:80%;
  font-weight: bold;
}
.page-ithojo .it_benefits_container_title_img img{
  position: absolute;
  top: 20%;
  left: 36%;
  width: 30%!important;
}
p.it_benefits_container_desc{
	position: absolute;
    top: 60px;
    left: 18px;
    color: #000000;
    font-size: 0.7em;
    right: 16px;
    text-align: justify;
}
div.future_flow_title {
	color:#FFFFFF;
	text-align:center;
	font-size:1.5em;
}
div.future_flow_container {
  position: relative;
  text-align: center;
  color: white;
}
div.future_flow_container img{
  width:90%;
}
.page-ithojo p.future_flow_desc {
    position: absolute;
    top: 13px;
    left: -6px;
    color: #000000;
    font-size: 1.5em;
    right: 8px;
}
.page-ithojo p.future_flow_desc2 {
    position: absolute;
    top: 24px;
    left: -6px;
    color: #000000;
    font-size: 1.5em;
    right: 8px;
}
.page-ithojo .pb50 {
	padding-bottom:50px;
}
.ithojo_hr {	
    height: 1px;
    border: 1;
    border-top: 1px solid #ccc;
    padding: 0;
	width:100%;
	margin-bottom:50px;
}
.mt50_pc {
	margin-top:50px;
}
.mb50_pc {
	margin-bottom:50px;
}
.sp-only2 {
	display: none!important; 
}
.pt_25_title {
	padding-top:25px;
}
.pt_20_title {
	padding-top:20px;
}
.pt_15_title {
    padding-top: 15px;
}
.ai_ocr_margin {
	margin-top:51px!important;
}
.title_normal {
	font-weight:normal!important;
}
.page-ithojo .c-title01 h2 {
    font-family: 'NotoSansJPB', sans-serif;
}
.page-ithojo3 p.future_flow_center6 {
	right: 23px;
    top: 17px;
}
.page-ithojo3 p.future_flow_center7 {
	right: 22px;
    top: 17px;
}
.page-ithojo3 p.future_flow_center2{
    right: 20px;
    top: 27px;
}
.page-ithojo3 p.future_flow_center4{
	right: 13px;
	top: 27px;
}
.page-ithojo3 p.future_flow_center5{
	right: 4px;
    top: 16px;
}

.rob-tang-mt {
	margin-top:77px;
}
.rob-tang-mb {
	margin-bottom:77px;
}
.rob-tang-desc-mt {
	margin-top:40px;
}
.page-ithojo .c-btn006 a.info_contact {
    padding: 8px 10px 8px 10px!important;
    border: 3px solid #16c6da;
}
@media screen and (max-width: 767px) {
	.page-ithojo .c-btn006 a.info_contact {
		border: none;
		padding: 0px 0px 0px 0px!important;
	}
	.page-ithojo .c-contact002 .l-wrap .inner_wrap_sp {
		width: 80%!important;
	}
	.page-ithojo .p-information2_div {
		margin: 0px 25px 0px;
	}	
	.page-ithojo .c-btn006__ttl_sp {
		font-size:1.2em!important;
		color:#000000!important;
	}
	.page-ithojo .c-contact002 .c-btn005 a {
		padding: 20px 0 20px 0!important;
	} 
	.page-ithojo .c-contact002 .l-wrap {
		width:100%!important;
	}
	.page-ithojo1 .l-wrap .it_img  img{
		width:85%!important;
	}
	.page-ithojo .c-btn005 a {
		width: 262px!important;
		font-size: 2.0rem!important;
		padding: 9px 0 9px 0!important;
		height:auto!important;
	} 
	.page-ithojo .c-contact002 .mb50 {
		margin-bottom:25px!important;
	}
	.page-ithojo .c-btn006 a {
		padding: 0px 0px 0px 0px!important;
		width:auto!important;
		height:auto!important;
	}
	.c-btn006__list {
		padding: 10px 10px 14px;
	}
	.page-ithojo .c-contact002 .l-wrap .inner_wrap img {
		height:auto!important;
	}
	.page-ithojo .c-contact002 .fl-right {
		padding-left:0px!important;
		margin-top:10px!important;
	}
	.page-ithojo3 .l-wrap3,.page-ithojo3 .l-wrap4,.page-ithojo1 .l-wrap,.page-ithojo2 .l-wrap, .page-ithojo4 .l-wrap,.page-ithojo7 .l-wrap{
		width: 95%!important;
	}
	.page-ithojo .div_btn {
		font-size: 1.3rem!important;
	}
	.page-ithojo2 .p_text ,.page-ithojo2 .p_text2 {
		margin:10px 0px 20px 5px!important;
	}
	.page-ithojo2 .p_text2  {
		font-size: 1.1rem!important;
		text-align:center;
	}
	span.it_sched_desc_span {
		float:right;
		text-align:left!important;
		padding-right:20px!important; 
	}
	.sp-only2 {
		display: inline!important; 
	}
	.page-ithojo2 .p_text {
		font-size: 1.3rem!important;
		text-align:center;
	}
	.div_hr_style {
		margin: 0px 20px 0 11px!important;
	}
	.mt50_pc {
		margin-top:0px!important;
	}
	.mb50_pc {
		margin-bottom:0px!important;
	}
	.page-ithojo .div_btn {
		margin:auto!important;
		display:block!important;
	}
	.page-ithojo1 .fl-left p {
		margin-left:10px!important;
	}
	.page-ithojo1 .d-half47,.page-ithojo1 .d-half53 {
		width:95%!important;
		text-align:justify;
	}
	.page-ithojo1,.page-ithojo4 {
		padding-top:30px!important;
	}
	.page-ithojo2 .p_img img {
		width: 90%!important;
		margin-left: 6%!important;
	}
	.page-ithojo .mt50,.page-ithojo .mt55,.page-ithojo .mt45 {
		 margin-top: 20px!important;
	}
	.page-ithojo .mb100,.page-ithojo .mb70,.page-ithojo .mb51 {
		 margin-bottom: 0px!important;
	}
	.page-ithojo2 .p_img2 img {
		width: 50%!important;
	}
	.page-ithojo3 .ss_text {
		font-size: 1.2rem!important;
	}
	.page-ithojo2 .l-wrap .inner_wrap {
		width: 95%!important;
	}
	.page-ithojo2 .l-wrap .contact10 img {
		width: 100%!important;
	}
	.page-ithojo .it_subsidy {
		margin-left: 0px!important; 
	}
	.it_subsidy2_child {
		flex: 1 0 30%!important;
		margin:20px 5px 0 0px!important;
	}
	.page-ithojo .d_box2 {
		margin: 0px!important;
		height: 130px!important;
		width: 192px!important;
		padding: 5px!important;
	}
	.page-ithojo .d_box2 p.b_image {
		margin-left: 0px!important;
		width: 100%!important;
		padding-left: 0px!important;
	}	
	.page-ithojo .d_box2 p.b_title,.page-ithojo .d_box p.b_title  {
		font-size: 1.4em!important;
	}
	span.b_num {
		font-size: 1.1em!important;
	}
	span.b_sign {
		font-size: 0.6em!important;
		font-weight: bold;
		width:35px;
	}
	span.b_sign_sp {
		font-size: 1.0em!important;
	}
	.page-ithojo .d_box {
		padding: 6px 11px 10px 11px!important;
		margin: 3px 3px 5px 3px!important;
		height: 130px!important;
	}
	.page-ithojo .d_box p.b_desc {
		font-size: 1.5em!important;
		padding-top: 13px;
	}
	.page-ithojo .d_box2 p.b_image2 img {
		width: 90%!important;
		margin-left:46px!important;
	}		
	div.b_note_sp {
		text-align:center!important;
		font-size:1.2em!important;
		margin: auto;
	}
	p.p_sign {
		margin: -15px 5px 0 5px!important;
	}
	p.p_sign2 {
		font-size: 2.5em!important;
		font-weight:900;
		color: #FFFFFF;
		margin:0px 0px 10px 0px!important;
	}
	div.div_sign{
		width:100%;
		margin:auto;
		text-align:center;
	}
	.page-ithojo3 .d_box3 {
		margin: auto!important;
		height: 90px!important;
	}
	.page-ithojo .d_box3 span.b_title {
		text-align: center;
		font-size: 14px!important;
		color: #737373;
		margin-right: 25px!important;
		vertical-align: text-top;
	}
	span.b_num2 {
		font-weight: bold;
		font-size: 23px!important;
	}
	.page-ithojo .d_box2 p.b_image2 {
		margin-left: 0px!important;
		width: 50%!important;
	}	
	.page-ithojo .y_arrow_down img {
		width: 25%!important;
	}
	.page-ithojo .y_arrow_down img {
		padding-bottom: 15px!important;
	}
	.it_target_intro p {
		font-size: 1.7em;
	}
	.it_target_intro p {
		font-size: 1.3em!important;
	}
	div.it_sched_header {
		width: 100%!important;
		font-size: 1.9em!important;
	}
	div.it_sched_title {
		font-size: 1.3em!important;
	}
	div.it_schedule {
		width: 100%!important;
	}
	div.it_sched_desc {
		font-size: 1.3em!important;
	}
	div.it_sched_note {
		width: 100%!important;
		font-size: 14px;
		padding-left: 50px;
	}
	div.it_sched_note2 {
		width: 100%!important;
		font-size: 1.3em!important;
	}
	div.future_flow_title {
		font-size:1.4em!important;
	}
	.page-ithojo .it_subsidy3 {
		text-align:center!important;
		display: block!important;
		margin-left: 40px!important;
		margin-right: 40px!important;	
	}
	.page-ithojo p.future_flow_desc,.page-ithojo p.future_flow_desc2 {
		top: 13px;
		font-size: 2.0em!important;
	}
	.page-ithojo3 p.future_flow_center6 {
		right:-8px!important;
	}
	.page-ithojo3 p.future_flow_center7 {
		right:-4px!important;
	}
	.page-ithojo3 p.future_flow_center2{
		right:-10px!important;
	}
	.page-ithojo3 p.future_flow_center4{
		right:-8px!important;
	}
	.page-ithojo3 p.future_flow_center5{
		right:-4px!important;
	}
	div.future_flow_container img {
		width:100%!important;
		margin-top:20px!important;
	}
	.page-ithojo .fl-left_sp {
		float:left;
		width:50%;
		margin-bottom:10px;
	}
	.page-ithojo .fl-right_sp {
		float:right;
		width:50%;
		margin-bottom:10px;
	}
	.page-ithojo1 .c-number_ttl_style {
		top: 4%;
		left: 4%;
	}
	.page-ithojo .c-number_ttl_06 {
		margin: -48px 0 0 0;
	}
	.page-ithojo4 .c-number_ttl_style {
		top: 5%;
		left: 5%;
	}
	.page-ithojo3 .l-wrap3{
		padding-top: 10px;
	}
	.page-ithojo .it_benefits_container_title {
	  font-size:1.9em!important;
	}
	p.it_benefits_container_desc{
		font-size: 0.7em!important;
		margin-top:10px;
	}
	p.it_benefits_container_desc {
		text-align: justify;
		width: 100%;
		position: absolute; 
		left: 28px!important; 
		right: 0px!important; 
	}
	.page-ithojo4 .it_subsidy2 div {
		margin-left:0px!important;
	}
	p.arr_text {
		font-size:2.0em!important;
	}
	p.arr_text_yellow {
		font-size:3.5em!important;
	}
	.page-ithojo .s_text {
		font-size: 1.7rem!important;
	}
	.mt30_sp {
		margin-top:30px!important;
	}
	.mt35_sp {
		margin-top:35px!important;
	}
	.mt40_sp {
		margin-top:40px!important;
	}
	.mt50_sp {
		margin-top:50px!important;
	}
	.page-ithojo2 .it_subsidy2 {
	  flex-wrap: wrap;
	}
	.it_sched_title_single p {
		margin-top: 17px!important;
	}
	.it_sched_desc_single p {
		margin-top: 17px!important;
	}
	.it_sched_note2 .it_sched_note2_p_sp {
		font-size: 0.9em!important;
	}
	.it_subsidy2_child img {
		width:80%;
		margin-left: 10px!important;
	}
	.it_subsidy2_child_last img{
		width:26%!important;
	}
	.page-ithojo4 .it_subsidy2 {
		margin-left: 0px!important;
		margin-right: 0px!important;
	}
	p.b_note_sp {
		text-align:left!important;
		font-size:1.3em!important;
	}
	p.p_sign {
		margin-top: -15px!important;
	}
	.page-ithojo3 .l-wrap4 {
		padding-top: 20px!important;
	}
	.page-ithojo3 .l-wrap4 {
		padding-top: 20px!important;
	}
	span.b_num3 {
		font-size: 0.8em!important;
	}
	.rob-tang-mt {
	margin-top:20px;
	}
	.rob-tang-mb {
		margin-bottom:10px;
	}
	.rob-tang-desc-mt {
		margin-top:0px;
	}
}
/**IT HOJO BY: JSE Ends Here**/
.page-index .p-index_block {
    margin-top: -80px;
	margin-bottom: -50px;
}
.p-index_block .c-imgText12 {
    margin: 0 auto;
    background: #fff;
    width: 1070px;
    height: 240px;
    padding: 20px 50px;
    border: 5px solid #dcdcdc;
    position: relative;
    -webkit-box-shadow: 5px 8px 15px -5px rgba(0, 0, 0, 0.2);
    box-shadow: 5px 8px 15px -5px rgba(0, 0, 0, 0.2);
}
.p-index_block .c-imgText12__img {
	width:38%;
	float:left;
}
.p-index_block .c-imgText12__img span {
	display:block;
}
.p-index_block .c-imgText12__img span:nth-child(1) {
   margin: 60px 0 0 25px;
}
.p-index_block .c-imgText12__img span:nth-child(2) {
   margin: 30px 0px 0px 125px;
}
.p-index_block .c-imgText12__img span:nth-child(1) img {
    width: 100%;
}
.p-index_block .c-imgText12__img span:nth-child(2) img {
    width: 50%;
}
.p-index_block .c-imgText12__ttl {
	color: #2470b8;
	 font-size: 26px;
	 text-align: center!important;
}
.p-index_block .c-imgText12__content {
	width: 60%;
    float: right;
    padding-right: 12%;
}
.p-index_block .c-imgText12__txt {
	color:#b0b0b0;
	font-size:14px;
	text-align: center!important;
}
.p-index_block .c-imgText12__btn {
    padding: 40px 0px 0px 130px;
}
.p-index_block a.c-banner6__btn {
    border: 2px solid #fa5b0f;
    display: block;
    width: 286px;
    height: 50px;
    background: #fa5b0f;
    padding: 7px;
    text-align: center;
    border-radius: 40px;
    color: white;
    font-size: 20px;
}
@media screen and (max-width: 767px) {
	.page-index .p-index_block {
		margin-bottom: 0px!important;
		margin-top: -32px;
	}
	.p-index_block .c-imgText12__img {
		width:100%!important;
		text-align:center;
	}
	.p-index_block .c-imgText12__content {
		width:100%;
		padding: 30px 0 0 0;
	}
	.p-index_block .c-imgText12__img span:nth-child(1) {
	   margin: 0px 0px 0px 0px!important;
	}
	.p-index_block .c-imgText12__img span:nth-child(2) {
	   margin: 15px 0px 10px 0px!important;
	}
	.p-index_block .c-imgText12__img span:nth-child(`) img {
		width: 95%!important;
	}
	.p-index_block .c-imgText12__img span:nth-child(2) img {
		width: 45%!important;
	}

	.p-index_block .c-imgText12__ttl {
		font-size: 14px!important;
		
	}
	.p-index_block .c-imgText12__btn {
		padding: 30px 0px 0px 35px!important;
	}
	.p-index_block a.c-banner6__btn {
		width: 175px!important;
		height: 46px!important;
		padding: 10px!important;
		border-radius: 30px!important;
		font-size: 15px!important;
	}
	.p-index_block .c-imgText12 {
		width: 90%;
		padding: 40px 5px 20px 5px!important;
		height: 285px;
	}
	.p-index_block .c-imgText12__txt {
		font-size: 9px!important;	
	}
	.p-index_block .c-imgText12__btn {
		padding: 30px 0px 0px 35px!important;
	}
}
/**Added Menu for Robo Tango**/
.sub-menu__wrap_rt {
    width: 81%!important;
}
.sub-menu__wrap_rt a {
    height: 130px!important;
}
.sub-menu__wrap_rt a:hover, .sub-menu__wrap_rt a.active {
   background: #FFFFFF!important;
}
.c-list008__img_rt {
	margin: 6px 0 24px;
}
.c-list008__ttl_rt {
    margin: 29px 0 14px;
}
.c-list008__txt_rt {
	padding: 0px 25px;
}

/**Fix Robotango RPA-Solution**/
@media screen and (min-width: 768px) {
.c-list__product--2 li {
  padding: 48px 35px;
	width: 33%;
}
.c-list__product p {
    font-size: 1.3rem;
}
.page-solution .c-section1 .c-list__product--2 .s-txt {
    font-size: 1.7rem;
}
.c-list__product--2 h4 .product-catch {
    font-size: 2.1rem;
}

.rb_tango h4 img,.rb_biztek h4 img  {
	width:100%;
}
.rb_tango{
	margin-top:25px;
}
.rb_winactor {
	margin-top:21px;
}
.rb_biztek {
	margin-top:17px;
}
.page-supportSolution3 .c-list__product p {
    margin: 10px 10px 10px;
}
.page-solution .c-section-table th {
    padding: 24px 20px 20px;
}

.page-solution .tbl-ttl_in01{
  width: 15%!important;
}
.page-solution .c-section-table th:nth-of-type(4) {
	    border-right: 1px solid #ccc;
}
}
@media screen and (max-width: 767px) {
.page-solution .c-list__3col ul {
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.page-solution .c-section1 .c-section1__list li {
    width: 47%;
}
.page-solution .c-section1 .c-section1__list li:nth-child(3) {
    width: 100%;
}
.page-solution .c-section1 .c-section1__list li:nth-child(3) .c-section1__list-text {
    padding: 0 15% 0 15%;
}
.page-solution .c-section-table th {
    width: 20%;
}
.page-solution .c-section-table th:first-child {
    width: 12%;
    font-size: 1.3rem;
}
.page-solution .c-section-table th:nth-of-type(4) {
	    border-right: 1px solid #ccc;
}
}


/*投稿者情報20180813～*/
.autherBox {
background-color: #f4f4f4;
margin-top: 50px;
}

.writer {
background-color: #FFF;
padding: 0px 10px 0px 10px;
margin: 0 0 5px 0;
font-size: 1.1em;
color: #8c8c8c;
}

.writer-pen {
padding: 0 2px 0 0;
color: #8c8c8c;
}

.autherBox_top {
display: flex;
justify-content: space-between;
align-items: flex-start;
margin: 0 0 5px 0;
padding: 10px 10px 10px 10px;
border-bottom: solid 1px;
border-color: #b3b1b1;
}

.autherBox_img {
width: 55px;
/* height: auto; */
display: inline-block;
position: relative;
overflow: hidden;
border-radius: 50%;
}

.autherBox_img img {
/* width: 125%;
min-width: 125% !important;
on: absolute;
left: -100%;
right: -100%;
margin: 0 auto !important; */
}

.autherBox_name {
width: 100%;
margin: 5px 0 0 15px;
}

/* .author_name{
padding: 5px 0 10px 0;
color: #232323;
} */

.autherBox_text_content {
font-size: 1.2em;
line-height: 2em;
padding: 10px 15px 10px 15px;
}

ruby>rt {
display: block;
font-size: 50%;
text-align: start;
color: #909090;
font-weight: normal;
}

rt {
line-height: normal;
-webkit-text-emphasis: none;
}

ruby,
rt {
text-indent: 0px;
}

rb {
font-size: 22px;
}

.fa-external-link-alt {
padding-left: 10px;
}

/**For downloads images by:jse **/
div.dl_imgs_inline  img{
	height:auto;
	width:33%;
	padding-left:5px;
}
div.p-download3-1 {
	width:620px;
}
@media screen and (max-width: 767px) {
div.dl_imgs_inline  img{
	height:50%;
	width:100%;
	padding-left:5px;
}
}

/**Sticky Footer for PC**/
.page-contact #dl-sem-pc {
	display:none!important;
}
#dl-sem-pc {
    width: 60%;
    margin: auto;
    z-index: 11;
    left: 0;
    right: 0;
    padding-left: 1px;
    min-width: 770px;
}
#dl-sem-pc div p {
	font-size:2.0rem;
}
#dl-sem-pc div {
    padding: 8px 8px;
}
#dl-sem-pc div img {
	width:8%;
}
.c-contact-cs iframe {
  height:1080px;
}
@media screen and (max-width: 767px) {
	.c-contact-cs iframe {
	  height:1610px;
	}
}

/**Parther Page**/
.page-partner .c-cover {
    background: url(/assets/image/support/cover-image.jpg) no-repeat;
}
.page-partner .partner-container {
    padding-top: 21px;
    background: url(/assets/image/partner/002.png) top center no-repeat;
}
.page-partner .c-section1 {
    padding-top: 100px;
    padding-bottom: 75px;
}
.page-partner .c-section1 .c-section-title1 h2{
    padding-top: 25px;
}
.partner-wrap .c-section1 .c-section1__txt {
	font-size:19px;
}
.partner-txt-span {
	font-weight:bold;
	font-size:22px;
}
.page-partner .c-section1__txt {
    text-align: center;
    line-height: 2em;
    margin-top: 82px;
    font-family: NotoSansJPDL;
}
.page-partner .c-sect-div {
	text-align:center;
}
.sect-tbl {
	border: 1px solid #707070;
	border-collapse: collapse;
}
.page-partner .sect-tbl tr th:first-child {
	font-size:26px;
	width:235px;
	background-color:#F1F1F1;
}
.page-partner .sect-tbl tr th {
	height:95px;
	width:123px;
	font-size:21px;
	font-family: 'NotoSansJPR';
	background-color:#DEF7FA;
  border-bottom: 1px solid #707070;
}
.page-partner .sect-tbl tr td {
	height:115px;
}
.page-partner .c-main-div {
	width:100%;
	position:absolute;
	background-color:red;
}
.page-partner .tbl-num {
	font-size:27px;
	background-color:#F1F1F1;
}
.page-partner .tbl-comment {
	font-size:21px;
	position:absolute;
	padding-left: 22px;
}
.page-partner .td-comment {
	padding-bottom:20px;
}
.page-partner .row_dotted_left {
  border-left-style: dotted;
  border-width: 1px;
}
.page-partner .tbl-align-img {
	text-align:left;
	padding-bottom:60px;
}
.page-partner .row_dotted_right {
  border-right-style: dotted;
  border-width: 1px;
}
.page-partner .c-tbl-img {
	background-color:#F1F1F1;
	width:863px;
	position:absolute;
	height:61px;
	margin-left: -2px;
}
.page-partner .c-tbl-img img {
	position:absolute;
	text-align:left;
}
.page-partner .c-tbl-img-txt {
    position: absolute;
    font-size: 22px;
    padding: 18px 0 0 7px;
}
.page-partner .pad-txt-2 {
	padding-left:170px;
}
.page-partner .pad-txt-3 {
	padding-left:190px;
}
.page-partner .tbl-comment-2 {
	font-size:21px;
	position:relative;
}
.page-partner .c-section3 {
	padding:100px 0;
}
.page-partner .sect-tbl2 {
	border:1px solid #707070;
}
.page-partner .sect-tbl2 tr th:first-child {
	background-color:#DEF7FA;
  border-bottom:1px solid #707070;
  width:223px;
}
.page-partner .sect-tbl2-th {
	width:288px;
	height:95px;
	font-size:27px;
	background-color:#F1F1F1;
	border-bottom:1px solid #707070;
}
.page-partner .sect-tbl2 tr td:first-child {
	background-color:#DEF7FA;
}
.page-partner .sect-tbl2 tr td {
	text-align:center;
}
.page-partner .td-span-blue {
	font-size:21px;
	color:#0071BB;
	font-weight:bold;
	text-align:center!important;
	line-height: 1.8em;
	height:85px;
	margin-bottom: 35px;
}
.page-partner .sect-tbl2-tr-1 p {
	line-height:1.8em;
	padding-left:15px;
}
.page-partner .sect-tbl2 tr td.row_dotted_right img {
	width:39px;
}
.page-partner .tbl-ft19 {
	font-size:19px;
}
.page-partner .tbl-ft26 {
	font-size:26px;
}
.page-partner .tbl-ft23 {
	font-size:21px;
}
.page-partner .sect-tbl2-tr-1 td {
	height:320px;
}
.page-partner .sect-tbl2-tr-2 td {
	height:100px;
}
.page-partner .sect-tbl2-tr-3 td {
	height:150px;
}
.page-partner .td-span-orange {
	font-size:21px;
	color:#F95B0F;
	font-weight: bold;
	margin:0 3px;
}
.page-partner .sect-tbl2-tr-3 td p {
    line-height: 3em;
}
.page-partner .row_solid_bottom {
	border-bottom:1px solid #707070;
}
.page-partner .c-section5 {
	padding-top:100px;
}
.page-partner .c-section6 {
	padding:100px 0;
}
.page-partner .c-section6 {
	padding:100px 0;
}
.page-partner .c-section7 {
	padding-top:50px;
}
.c-partner-cs iframe {
    height: 1280px;
}
@media screen and (max-width: 767px) {
	.page-partner .sect-tbl2-th-sp {
		width:380px;
	}
	.page-partner .partner-container {
		background: url(/assets/image/partner/012.png) top center no-repeat;
		background-size: 100%;
	}
	.page-partner .c-section1 {
		padding-top: 38px;
		padding-bottom: 50px;
	}
	.c-partner-cs iframe {
		height: 1610px;
	}
	.partner-wrap .c-section1 .c-section1__txt {
		font-size:16px;
		 margin-top: 50px;
	}
	.partner-txt-span {
		font-size: 17px;
	}
	.page-partner .row_dotted_bottom {
	  border-bottom-style: dotted;
	  border-width: 1px;
	}	
	.page-partner .sect-tbl tr th {
		border-bottom-style: dotted;
		background-color: #F1F1F1;
	}
	.page-partner .sect-tbl tr th:first-child {
		width: 80px;
		padding: 25px 0;
		background-color: #DEF7FA;
	}
	.page-partner .c-tbl-img {
		background-color: #F1F1F1;
		width: 51px;
		position: absolute;
		height: 720px;
		margin-left: 15px;
	}
	.sect-tbl tr th  p{
		font-size:18px;
		padding: 0px 31px;
	}
	.sect-tbl tr td:first-child{
		background-color: #DEF7FA;
	}
	.sect-tbl tr td:first-child  p{
		font-size:15px;
		padding: 0px 28px;
	}
	.page-partner .c-tbl-img-txt {
		position: absolute;
		font-size: 17px;
		padding: 10px 0 0 15px;
		width: 2px;
	}
	.page-partner .sect-tbl tr td {
		height: 103px;
	}
	.page-partner .tbl-align-img {
		text-align: left;
		padding-bottom: 102px;
	}
	.page-partner .tbl-comment {
		padding-top: 30px;
		padding-left: 0px;
		width: 2px;
		margin-left: -7px;
		font-size: 17px;
	}
	.page-partner .tbl-comment-2 {
		font-size: 17px;
		width: 2px;
		position: absolute;
		margin: -35px 0px 0 -8px;
	}
	.page-partner .sect-tbl2-th {
		height: 60px;
		font-size: 16px;
	}
	.page-partner .td-span-blue {
		font-size: 12px;
		margin-bottom: 15px;
	}
	.page-partner .tbl-ft26 {
		font-size: 16px;
	}
	.page-partner .tbl-ft23 {
		font-size: 12px;
	}
	.page-partner .sect-tbl2-tr-1 p {
		padding: 0 3px;
	}
	.page-partner .tbl-ft19 {
		font-size: 10px;
	}
	.page-partner .td-span-orange {
		font-size: 11px;
	}
	.page-partner .sect-tbl2 {
		border-collapse:collapse;
	}
	.page-partner .sect-tbl2-tr-3 td p {
		line-height: 1.5em;
	}
	.page-partner .sect-tbl2 tr td.row_dotted_right img ,.row_solid_bottom img{
		width: 23px;
	}
	.page-partner .sect-tbl2-tr-1 td {
		height: 275px;
	}
	.page-partner .sp-vt-top {
		vertical-align:top;
		padding-top:15px;
	}
	.page-partner .sect-tbl2-tr-2 td {
		height: 70px;
	}
	.page-partner .sect-tbl2-tr-3 td {
		height: 100px;
	}
	.c-tbl-img-txt span {
		-moz-transform: matrix(0,1,1,0,0,0);
		-webkit-transform: matrix(0,1,1,0,0,0); 
		-o-transform: matrix(0,1,1,0,0,0);
		display: block;
		margin-top:-9px;
		margin-bottom: 5px;
		margin-left: 8px;
	}
	.page-partner .c-section3 {
		padding:80px 0 50px 0;
	}
	.c-vert-txt {
		-moz-transform: matrix(0,1,1,0,0,0);
		-webkit-transform: matrix(0,1,1,0,0,0);
		-o-transform: matrix(0,1,1,0,0,0);
		display: block;
	}
	.page-partner .c-section6 {
		padding-top:50px;
	}
}

.page-partner .p-business3__list {
  margin-bottom: 50px;
}

@media screen and (max-width: 767px) {
  .page-partner .p-business3__list {
    margin-bottom: 25px;
  }
}

.page-partner .p-business3__list ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media screen and (max-width: 767px) {
  .page-partner .p-business3__list ul {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.page-partner .p-business3__list ul li {
  text-align: center;
  width: 364px;
  background-color: #cceaff;
  padding: 50px 25px;
  position: relative;
  margin-bottom: 20px;
}

@media screen and (max-width: 767px) {
  .page-partner .p-business3__list ul li {
    margin-bottom: 3px;
    width: 100%;
    max-width: 414px;
    padding: 20px;
  }
}

.page-partner .p-business3__list ul li:before {
  content: '';
  width: 0;
  height: 0;
  position: absolute;
  z-index: 1;
  top: 50%;
  right: -17px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  border-style: solid;
  border-width: 16px 0 16px 17px;
  border-color: transparent transparent transparent #fff;
}

@media screen and (max-width: 767px) {
  .page-partner .p-business3__list ul li:before {
    border-width: 12px 11px 0 11px;
    border-color: #fff transparent transparent transparent;
    top: unset;
    right: 50%;
    bottom: -12px;
    -webkit-transform: translateX(40%);
        -ms-transform: translateX(40%);
            transform: translateX(40%);
  }
}

.page-partner .p-business3__list ul li:after {
  content: '';
  width: 0;
  height: 0;
  position: absolute;
  z-index: 1;
  top: 50%;
  right: -11px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  border-style: solid;
  border-width: 10px 0 10px 11px;
  border-color: transparent transparent transparent #cceaff;
}

@media screen and (max-width: 767px) {
  .page-partner .p-business3__list ul li:after {
    border-width: 8px 7px 0 7px;
    border-color: #cceaff transparent transparent transparent;
    top: unset;
    right: 50%;
    bottom: -8px;
    -webkit-transform: translateX(35%);
        -ms-transform: translateX(35%);
            transform: translateX(35%);
  }
}

.page-partner .p-business3__list ul li:nth-child(even) {
  background-color: #e5f4ff;
}

.page-partner .p-business3__list ul li:nth-child(even):after {
  border-color: transparent transparent transparent #e5f4ff;
}

@media screen and (max-width: 767px) {
  .page-partner .p-business3__list ul li:nth-child(even):after {
    border-color: #e5f4ff transparent transparent transparent;
  }
}

.page-partner .p-business3__list ul li:nth-child(3n+3):before, .page-partner .p-business3__list ul li:nth-child(3n+3):after {
  display: none;
}

@media screen and (max-width: 767px) {
  .page-partner .p-business3__list ul li:nth-child(3n+3):before, .page-partner .p-business3__list ul li:nth-child(3n+3):after {
    display: block;
  }
}

.page-partner .p-business3__list ul li:last-child:before, .page-partner .p-business3__list ul li:last-child:after {
  display: none;
}

.page-partner .p-business3__list ul h4 {
  font-size: 1.4rem;
  font-family: "Oswald", sans-serif;
  color: #265b7f;
  font-weight: bold;
  display: block;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin-bottom: 10px;
}

@media screen and (max-width: 767px) {
  .page-partner .p-business3__list ul h4 {
    font-size: 1.2rem;
  }
}

.page-partner .p-business3__list ul p {
  font-size: 2.2rem;
  color: #020d34;
  font-weight: 300;
  line-height: 1.4;
}

@media screen and (max-width: 767px) {
  .p-business .p-business3__list ul p {
    font-size: 1.8rem;
  }
}

/**End of Partner Page**/

/**Start of new TOP Page**/
.c-trbl-content,.c-trbl-content-03 {
	width: 100%;
	background: linear-gradient(90deg, #F6F6F6 1557px, #FFFFFF 23%);
	padding-bottom: 40px;
}
.c-trbl-l-wrap {
    margin: auto;
    width: 1100px;
    padding: 0 100px 40px 0;
}
.c-trbl-l-wrap-02 {	
    margin: auto;	
    width: 1100px;	
    float: left;	
    padding: 0 55px 40px 20px;	
}
.c-trbl-left {
    width: 21%;
    float: left;
}
.c-trbl-right {
    width: 72%;
    float: right;
    text-align: center;
}
.c-trbl-right p:first-child {
	padding-top:30px;
}
.c-trbl-right img {
	text-align:center;
	margin:25px 0;
}
.c-trbl-blue {
    border: 5px solid #16C6DA;
    text-align: left;
    padding: 35px 25px;
	font-size: 22px;
	position: relative;
}
.c-trbl-content-02 {
    width: 77%;
    background-color: #F6F6F6;
    float: right;
}
.c-trbl-content-02 {
	margin:50px 0 0 80px;
}
.c-trbl-left-02 {
	width: 77%;
    float: left;
    text-align: center;
}
.c-trbl-right-02 {
    width: 20%;
    float: right;
    text-align: right;
}
.c-trbl-left-02 p:first-child {
	padding-top:30px;
	padding-left: 40px;
}
.c-trbl-left-02 img {
	text-align:center;
	margin:25px 0;
}
.c-trbl-content-03 {
	margin-top:50px;
}
.c-trbl-blue-02 {
    border: 5px solid #16C6DA;
    text-align: left;
    padding: 35px 25px;
	margin-left: 45px;
	font-size: 21px;
	position: relative;
}
.p-index9 .c-title009:after {
   background: unset;
}
.c-spn-bl,.c-spn-bl2 {
	font-size:26px;
	position: relative;
}
.c-spn-bl sup,.c-spn-bl2 sup{
	font-size:22px;
	vertical-align: text-bottom;
}
.c-spn-bl span, .c-spn-bl2 span {
    box-shadow: inset 0 -18px 0 0 #ccffff;
}
.c-trbl-blue span {
    box-shadow: inset 0 -16px 0 0 #FF0;
	font-weight:bold;
}
.c-trbl-blue-02 span {
    box-shadow: inset 0 -16px 0 0 #FF0;
    padding-right: 225px;
	font-weight:bold;
}
.p-index9 {
	margin:100px 0 50px 0;
}
.c-list-details {
	color:#0071BC;
	font-size:14px;
	text-align:right;
	padding-right:15px;
}
.p-index5 .c-list008__item:after {
    border-bottom: 15px solid #0071BC;

}
.p-index5 .c-list008__item02 {
    width: 100%;
	height:210px;
	margin-right: 0;
}
.p-index5 .indx-rbt-left {
	width:33%;
	float:left;
	margin-left: -30px;
}
.p-index5 .indx-rbt-left img{
	width:100%;
}
.p-index5 .indx-rbt-right {
    width: 57%;
    float: right;
    text-align: left;
    line-height: 3.5em;
    padding-right: 50px;
	margin-top: -10px;
}
.p-index5 .indx-rbt-right p {
	font-size:20px;
	color:#000000;
}
.p-index5 .indx-rbt-img img {
	vertical-align: top;
    text-align: right;
    float: left;
    margin-top: -30px;
}
.p-index5 .indx-rbt-promo {
    padding-left: 160px;
    margin-top: -140px;
    text-align: left;
    position: relative;
    margin-bottom: 15px;
}
.p-index5 .indx-rbt-promo-txt {
    font-size: 24px;
    position: absolute;
    left: 185px;
    top: 40px;
    text-align: center;
    color: #FFFFFF;
}
.p-index5 .c-list008-ul2 {
	margin-bottom:-150px;
}
.indx-rbt-left .c-list008__ttl {
    margin: -10px 0 22px 0;
}
.p-index10 {
	margin:100px 0 150px 0;
}
.p-index10 .l-wrap div {
	margin:auto;
	text-align:center;
}
div.marker_yellow {
    height: 20px;
    width: 265px;
    background: #FFFF00;
    margin-left: 29%;
}
.c-banner-01-cont {
    margin: auto;
    text-align: center;
    width: 660px;
}
@media screen and (max-width: 767px) {
	.c-banner-01-cont {
		width: unset;
	}
	.c-trbl-content,.c-trbl-content-03 {
		width: 100%;
		text-align: center;
		float: unset;
		padding-bottom: 0;
	}
	.c-trbl-l-wrap {
		margin: auto;
		width: 100%;
		padding: 0 10px 25px;
	}
	.c-trbl-left img{
		width: 65%;
	}
	.c-trbl-left {
		width: 100%;
		float: unset;
		text-align: center;
	}
	.c-trbl-right {
		width: 100%;
		float: unset;
		text-align: center;
		margin: 0;
	}
	.c-spn-bl span, .c-spn-bl2 span {
		box-shadow: inset 0 -13px 0 0 #ccffff;
	}
	.c-trbl-blue span {
		box-shadow: inset 0 -8px 0 0 #FF0;
	}
	.c-spn-bl, .c-spn-bl2 {
		font-size: 19px;
	}
	.c-spn-bl sup, .c-spn-bl2 sup {
		font-size: 16px;
	}
	.c-trbl-blue {
		font-size: 13px;
		text-align: center;
		padding: 30px 14px;
	}
	.c-trbl-content-03 {
		margin-top: 25px;
	}
	.c-trbl-content-02 {
		margin: 25px 0 0 0;
		width: 100%;
		text-align: center;
		float: unset;
	}
	.c-trbl-right p:nth-child(2) {
		padding-top: 0px;
	}
	.c-trbl-l-wrap-02 {
		margin: auto;
		width: 100%;
		padding: 0 10px 25px 25px;
	}
	div.marker_blue-02 {
		width: 240px;
		margin-left: 17px;
	}
	.p-index5 .c-list008__item02 {
		height: 295px;
	}
	.p-index5 .indx-rbt-left {
		width: 75%;
		margin: auto;
		float: unset;
	}
	.p-index5 .indx-rbt-right p {
		font-size: 12px;
	}
	.p-index5 .indx-rbt-right {
		width: 100%;
		float: unset;
		text-align: left;
		line-height: 2.0em;
		text-align: center;
		margin: auto;
		padding: 0 10px 25px;
	}
	.c-list-details {
		font-size: 12px;
	}
	.p-index5 .c-list008__item {
		margin-bottom:35px;
	}
	.p-index5 .indx-rbt-promo {
		padding-left: 166px;
		margin: -84px 18px 15px 0;
	}
	.p-index5 .indx-rbt-promo-txt {
		font-size: 15px;
		left: 187px;
		top: 30px;
	}
	.p-index5 .c-list008-ul2 {
		margin-bottom: -75px;
	}
	.p-index9 {
		margin: 25px 0 50px 0;
	}
	.p-index10 {
		margin: 20px 0 35px 0;
	}
}
/**End of new TOP Page**/
/**For email pop-up top**/
#pop-email-pc {
	width:365px;
    z-index: 12;
    right: 0;
    text-align: center;
    float: right;
    border: 1px solid #d9d9d9;
    margin: 0px 10px 10px 0;
    box-shadow: 10px 10px #d9d9d9;
    background-color: #FFFFFF;
}
.pop-email-close {
	width: 100%;
    position: absolute;
    text-align: right;
    margin-top: -28px;	
}
.pop-email-cont {
	padding: 10px 20px;
}
#pop-email-pc h1 {
    font-size: 16px;
    margin: 15px 0;
}
#pop-email-pc p {
    font-size: 10px;
    line-height: 2em;
    text-align: left;
}
#pop-email-pc input[type=checkbox] {
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
#pop-email-pc input[type=text] {
    width: 100%;
    height: 33px;
    margin: 10px 0;
    font-size: 13px;
}
.pe-label {
    font-size: 9px;
    color: #8c8c8c;
    margin-left: 5px;
}
#pop-email-pc input[type=submit] {
    -webkit-appearance: none;
    font-size: 12px;
    display: block;
    width: 134px;
    margin: 20px auto 10px;
    background: #fa5b0f;
    border: 2px solid #fa5b0f;
    color: #fff;
    border-radius: 15px;
    cursor: pointer;
    padding: 10px 0;
}
.pop-email {
    position: fixed;
    bottom: 0;
}
.email-form-err, .check-form-err {
    font-size: 10px;
    color: #ff4042;
    float: left;
    display: none;
}
/**End email pop-up top**/
/**Start reiworq-ai-ocr securesamba**/
.ocr-logo {
    width: 121px;
	margin-left:75px;
}
header .ocr-logo  {
    display: block;
    text-align: center;
}
.reiworq-ai-ocr .nav-scroll {
    background: #FFFFFF;
}
.reiworq-ai-ocr header.nav-scroll nav ul li a {
    color: #000;
}
.reiworq-ai-ocr header.nav-scroll nav ul li a:hover, .reiworq-ai-ocr header.nav-scroll nav ul li a.active {
  color: #16c6da;
  opacity: 1;
  background: #FFFFFF;
}
.reiworq-ai-ocr .c-btn__contact a {
	color:#FFFFFF!important;
}
.reiworq-ai-ocr .c-btn__contact a:hover {
	color:#fa5b0f!important;
}
.ocr-header-ul li {
	padding:0 15px;
}
.page-reiworq-ai-ocr-ss .c-mainvisual {
    display: none;
    padding: 116px 0 118px;
}
.page-reiworq-ai-ocr-ss .c-cover {
    background: url(/assets/image/support/cover-image.jpg) no-repeat;
}
.page-reiworq-ai-ocr-ss .c-breadcrumb {
    padding-top: 21px;
}
.page-reiworq-ai-ocr-ss .c-cover h1 img:first-child{
	width:300px;
}
.page-reiworq-ai-ocr-ss .c-cover h1 img:nth-child(2){
	padding: 25px 5px 20px 5px;
}
.page-reiworq-ai-ocr-ss .c-cover h1 img:nth-child(3){
	width:355px;
}
.rao-ss-note {
	border: 2px solid #d9d9d9;
	text-align:center;
    border: 5px solid #d9d9d9;
    text-align: center;
    padding: 20px 0;
    margin-top: 75px;
	font-size: 22px;
}
.rao-ss-note p{
    padding: 20px 0;
}
.rao-ss-note-in {
  position: relative;
  text-align: center;
  color: white;
  margin-top: -55px;
}
.rao-ss-note-in-txt {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.p-reiworq-ai-ocr-ss4 .img-ocr-cont {
	text-align:center;
}
.p-reiworq-ai-ocr-ss4 .img-ocr-cont img {
    width: 80%;
    margin-bottom: 50px;
}
.p-reiworq-ai-ocr-ss4 .img-ocr-cont p {
    color: #020d34;
    font-size: 18px;
    line-height: 2;
    font-weight: 400;
}
.p-reiworq-ai-ocr-ss5 {
	margin-top:100px;
}
.p-reiworq-ai-ocr-ss5 .c-samba-content {
    margin-top: 15%;
}
.p-reiworq-ai-ocr-ss5 .c-samba-benefits {
    display: flex;
    justify-content: center;
    align-items: start;
    margin: 50px 0;
}
.p-reiworq-ai-ocr-ss5 .c-samba-benefits .benefits-area {
    width: 25%;
    margin-right: 45px;
    position: relative;
    height: 650px;
    max-height: 750px;
}
.p-reiworq-ai-ocr-ss5 .c-samba-benefits .benefits-area p img {
    width: 100%;
}
.p-reiworq-ai-ocr-ss5 .c-samba-benefits .benefits-area .benefits-ttl {
    font-size: 23px;
    text-align: center;
    margin: 20px 0 30px;
    font-weight: 700;
}
.p-reiworq-ai-ocr-ss5 .c-samba-benefits .benefits-area .benefits-desc {
    text-align: justify;
    line-height: 2em;
    font-size: 18px;
}
.p-reiworq-ai-ocr-ss5 .c-samba-benefits .benefits-area .benefits-desc span{
	font-size:12px;
}
.p-reiworq-ai-ocr-ss6 .ai-ocr__cont-inner2 {
    margin-top: 50px;
}
.p-reiworq-ai-ocr-ss6 .ai-ocr__cont-inner-l2 {
    float: left;
    width: 48%;
}
.p-reiworq-ai-ocr-ss6 .ai-ocr__cont-inner-r2 {
    float: right;
    width: 48%;
}
.p-reiworq-ai-ocr-ss6 .ai-ocr__cont-inner-r2 p {
    margin-top: 150px;
	font-size:18px;
}
.p-reiworq-ai-ocr-ss6 .ai-ocr__cont-inner-l2 p {
    margin-left: 25px;
    margin-top: 150px;
	font-size:18px;
}
.p-reiworq-ai-ocr-ss6 .ai-ocr__cont-inner-r2 p img, .p-reiworq-ai-ocr-ss6 .ai-ocr__cont-inner-l2 p img{
    width:23px;
}
.p-reiworq-ai-ocr-ss7 {
	margin-top:100px;
}
.p-reiworq-ai-ocr-ss7 .c-title01 h2 {
	margin-bottom:0px;
}
.p-reiworq-ai-ocr-ss7 .c-title01 p {
	font-size:14px;
	line-height:2em;
}
.ai-ocr-ss7__cont {
	width: 60%;
    text-align: center;
    margin: auto;
}
.ai-ocr-ss7__cont-l {
	width:47%;
	float:left;
	text-align:center;
	border: 1px solid #ccc;
    padding: 15px 0;
    text-align: center;
    background-color: #FFF;
    height: 185px;
}
.ai-ocr-ss7__cont-r {
	width:47%;
	float:right;
	text-align:center;
	border: 1px solid #ccc;
    padding: 15px 0;
    text-align: center;
    background-color: #FFF;
    height: 185px;
}
.ai-ocr-ss7__cont-l p:first-child,.ai-ocr-ss7__cont-r p:first-child {
	color: red;
}
.ai-ocr-ss7__cont-l p,.ai-ocr-ss7__cont-r p {
    font-size: 26px;
    line-height: 2em;
}
.p-reiworq-ai-ocr-ss7 .c-btn01{
	margin-bottom:40px!important;
}
.ai-ocr-ss7-note {
    padding-top: 25px;
    text-align: center;
    font-size: 14px;
}
.u-r-ai-ocr-list {
  list-style-type: none;
  margin-top: 25px;
  padding: 0;
  overflow: hidden;
  text-align:center;
}

.u-r-ai-ocr-list li {
  float: left;
  padding:0 15px;
  font-size: 1.3rem;
}

.u-r-ai-ocr-list li a {
  display: block;
  color: #000000;
  text-align: center;
  padding: 16px;
  text-decoration: none;
}

.u-r-ai-ocr-list li a:hover {
  background-color: #ffffff;
}
.u-r-ai-ocr-list .btn_orange a {
    width: 200px;
    padding: 10px 0;
    height: 45px;
    border: 2px solid #fa5b0f;
    border-radius: 3px;
    color: #fff;
    font-size: 1.4rem;
    text-align: center;
    background: #fa5b0f;
}
.u-r-ai-ocr-list .btn_orange a:hover {
  color: #fa5b0f;
  background: #fff;
}
.p-reiworq-ai-ocr9 {
    padding-bottom:85px;
    background: #ffffff;
}
.rb-ch-cont {
	margin-top:50px;
}
.rb-ch-people {
    width: 30%;
    float: left;
}
.rb-ch-people img {
    width: 100%;
}
.rb-ch-info {
    width: 65%;
    float: right;
}
.rb-ch-cont2 {
	margin:50px 0;
}
.rb-ch-people2 {
    width: 30%;
    float: right;
}
.rb-ch-info2 {
    width: 65%;
    float: left;
}
.rb-ch-info a,.rb-ch-info2 a {
    text-decoration: none;
    background-color: #333333;
    padding: 5px 10px 5px 10px;
    border: 1px solid #CCCCCC;
    font-size: 16px;
    color: #FFFFFF;
}
.rb-ch-info-intro {
    font-size: 1.6rem;
    margin: 5px 0 15px;
}
.rb-ch-info-name {
    color: #2f68a9;
    font-size: 20px;
    margin-top: 20px;
}
.c-title01-mv03 {
    background: url(/assets/image/reiworq-ai-ocr/mv_03.jpg) top center no-repeat;
    width: 100%;
    margin: auto;
    background-size: cover;
	height:675px;
}
@media screen and (max-width: 767px) {
	.c-title01-mv03 {
		height: 155px;
	}
	.reiworq-ai-ocr .nav-scroll {
		background: #000000;
	}
	.reiworq-ai-ocr header.nav-scroll nav ul li a {
		color: #fff;
	}	
	.page-reiworq-ai-ocr-ss	.c-cover h1,.page-reiworq-ai-ocr-ss .c-cover p {
		margin-top: 20px;
	}
	.page-reiworq-ai-ocr-ss .c-cover h2 {
		font-size: 1.5rem;
		margin-bottom: 7px;
	}
	.page-reiworq-ai-ocr-ss .c-cover h1 img:first-child {
		width: 130px;
	}
	.page-reiworq-ai-ocr-ss .c-cover h1 img:nth-child(2) {
		padding: 3px 5px 20px 5px;
		width: 33px;
		
	}
	.page-reiworq-ai-ocr-ss .c-cover h1 img:nth-child(3) {
		width: 145px;
	}
	.rao-ss-note-in-txt {
		top: 42%;
	}
	.rao-ss-note {
		font-size: 17px;
	}
	.rao-ss-note p {
		padding: 10px 0;
	}
	.p-reiworq-ai-ocr-ss4 .img-ocr-cont img {
		width: 100%;
		margin-bottom: 25px;
	}
	.p-reiworq-ai-ocr-ss5 {
		margin-top: 50px;
	}
	.p-reiworq-ai-ocr-ss5 .c-samba-benefits {
		display: block;
		justify-content: unset;
		align-items: unset;
	}
	.p-reiworq-ai-ocr-ss5 .c-samba-benefits .benefits-area {
		width: 100%;
		padding: 0 20px;
		margin-bottom: 80px;
		height: 450px;
		max-height: 500px;
	}
	.p-reiworq-ai-ocr-ss5 .c-samba-benefits .benefits-area p {
		text-align: center;
	}
	.p-reiworq-ai-ocr-ss5 .c-samba-benefits .benefits-area p img {
		width: 100%;
	}
	.p-reiworq-ai-ocr-ss5 .c-samba-benefits .benefits-area .benefits-ttl {
		font-size: 23px;
		text-align: center;
		margin: 20px 0 30px;
		font-weight: 700;
	}
	.p-reiworq-ai-ocr-ss6 {
		margin-top:150px;
	}
	.p-reiworq-ai-ocr-ss6 .ai-ocr__cont-inner-l2, .p-reiworq-ai-ocr-ss6 .ai-ocr__cont-inner-r2 {
		float: unset;
		width: 100%;
	}
	.p-reiworq-ai-ocr-ss6 .ai-ocr__cont-inner-l2 p, .p-reiworq-ai-ocr-ss6 .ai-ocr__cont-inner-r2 p{
		margin-left: 0;
		margin-top: 20px;
		font-size: 15px;
	}
	.p-reiworq-ai-ocr-ss7 {
		margin-top: 75px;
	}
	.ai-ocr-ss7__cont {
		width: 100%;
	}
	.ai-ocr-ss7__cont-l p, .ai-ocr-ss7__cont-r p {
		font-size: 15px;
	}
	.ai-ocr-ss7__cont-l, .ai-ocr-ss7__cont-r {
		padding: 10px 0;
		height: 110px;
	}
	.p-reiworq-ai-ocr-ss6 .ai-ocr__cont-inner-r2 p img, .p-reiworq-ai-ocr-ss6 .ai-ocr__cont-inner-l2 p img {
		width: 20px;
	}
	.rb-ch-cont,.rb-ch-cont2  {
		text-align:center;
	}
	.rb-ch-info-intro {
		font-size: 16px;
		margin-top: 25px;
	}		
	.rb-ch-people,.rb-ch-people2 {
		width: 100%;
		float: unset;
	}
	.rb-ch-info,.rb-ch-info2 {
		width: 100%;
		float: unset;
	}
	.rb-ch-info-name {
		font-size: 15px;
	}	
}
/**END reiworq-ai-ocr securesamba**/
/**START Knowledge Page**/
.dl-knowledge-a-btn {
    position: relative;
    width: 760px;
	text-align:center;
}
.dl-knowledge-a-btn-pad {
	padding: 40px;
}
.dl-knowledge-a-btn-margin a{
	margin-top: 100px;
}
.dl-knowledge-a-btn a {
    text-decoration: none;
    background-color: #F48F06;
    padding: 15px 25px;
    border: 1px solid #e08506;
    font-size: 16px;
    color: #FFFFFF;
	border-radius: 10px;
    position: absolute;
    left: 50%;
    transform: translate(-50%,-50%);
}
.dl-knowledge-a-btn a:hover {
  color: #e08506;
  background-color: #FFFFFF;
}
@media screen and (max-width: 767px) {
	.dl-knowledge-a-btn-pad {
		padding: 40px 0;
	}
	.dl-knowledge-a-btn {
		width: 405px;
	}	
	.dl-knowledge-a-btn a {
		padding: 15px 15px;
		font-size: 10px;
		left: 42%;
	}	
}
/**END Knowledge Page**/
/**Privacy Page**/
.page-privacy {
	font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	font-size: 1.4rem;
    line-height: 2;
    color: #333333;
    cursor: auto;
}
.page-privacy .c-cover {
    background: url(/assets/image/support/cover-image.jpg) no-repeat;
}
.page-privacy .m40_pc {
    margin-bottom: 40px;
}
.page-privacy .pb30 {
    padding-bottom: 30px;
}
.page-privacy .pt15 {
    padding-top: 15px;
}
.page-privacy h3,.page-privacy h4  {
	font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
}
.title03_tc_verticalbm {
    text-align: center;
    margin-bottom: 20px;
    position: relative;
}
.title03_tc_verticalbm:after {
    background-color: #e60012;
}
.title03_tc_verticalbm:after {
    display: inline-block;
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 2px;
    z-index: 1;
}
.title03_tc_verticalbm .ttv {
    background-color: #ffffff;
}
.title03_tc_verticalbm .ttv {
    font-size: 26px;
    margin-bottom: 24px;
    line-height: 1.4;
    margin-bottom: 0;
    position: relative;
    z-index: 2;
    display: inline-block;
    padding: 0 2%;
    max-width: 90%;
    letter-spacing: .3em;
}
.page-privacy .m40_pc_pr {
    margin-top: 40px;
	margin-bottom: 75px;
	text-align:center;
}
.page-privacy .ul_pr {
	padding-left: 75px;
	list-style: disc;
}
.page-privacy .ul_pr li {
	font-size: 1.5rem;
}
.page-privacy .inner_pr {
	margin: 30px auto;
	text-align: right;
    width: 100%;
    padding: 0 24px;
    max-width: calc(1120px + 48px);
}
.title04_m50 {
	margin-top:50px;
}

.t-default-w25 img {
    max-width: 95%;
    width: auto;
    height: auto;
    display: block;
    margin-right: auto;
}
.title04_bold {
    font-size: 22px;
    margin-bottom: 20px;
    line-height: 1.4;
    font-weight: bold;
    font-weight: bold;
}
.page-privacy .inner_pr2 {
	padding-bottom: 30px;
	padding-top: 15px;
    width: 100%;
    padding: 0 24px;
    margin-right: auto;
    margin-left: auto;
    max-width: calc(1120px + 48px);
}
.page-privacy .inner_pr2 a {
    -webkit-tap-highlight-color: rgba(0,0,0,0.3);
    margin: 0;
    padding: 0;
    color: #333;
    text-decoration: none;
    transition: all .2s ease 0s;
	display:unset;
}
.title03_bbs {
    font-size: 26px;
    margin-bottom: 24px;
    line-height: 1.4;
    font-weight: bold;
    position: relative;
    padding-bottom: 8px;
}
.title03_bbs:after {
    background-color: #e60012;
}
.title03_bbs:after {
    content: "";
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 32px;
    height: 3px;
}
.page-privacy .inner {
	padding: 0 24px;
}
.t-default {
    -webkit-tap-highlight-color: rgba(0,0,0,0.3);
    margin: 0;
    padding: 0;
    color: #333;
    text-decoration: none;
    transition: all .2s ease 0s;
}
.p-left1 {
	padding-left:41px;
}
.p-left2 {
	padding-left:43px;
}
.page-privacy .ul_pr_sq {
	padding-left: 75px;
	list-style: square;
}
.page-privacy .ul_pr_sq li {
	font-size: 1.5rem;
}
@media screen and (max-width: 767px) {
	.title03_tc_verticalbm .ttv {
		font-size: 20px;
	}	
	.p-left1 {
		padding-left:24px;	
	}
	.p-left2 {
		padding-left:27px;	
	}
	.page-privacy {
		font-size: 14px;
		font-size: 1.4rem;
		line-height: 1.6;
	}
	.title03_bbs {
		font-size: 20px;
	}
	.page-privacy .ul_pr {
		padding-left: 25px;
	}
	.page-privacy .ul_pr_sq {
		padding-left: 37px;
	}
	.title04_bold {
		font-size: 18px;
	}
	.page-privacy .inner {
		padding: 0 16px;
	}
	table.tab08 th, table.tab08 td {
		width: 100%;
		display: block;
	}
}
/**End Privacy Page**/
/**Start of Support Solution**/
.ct-limotek {
    background: #FFFFFF;
    margin-top: 100px;
}
.ct-limotek3 {
	margin-top:-50px;
}
.ct-limotek .robotango-title{
	padding-top:50px;	
}
.ct-limotek-desc {
	text-align:center;
	padding-top:50px;
}
.ct-limotek-desc p {
	color:red;
	font-size:25px;
	font-weight: bold;
}
.ct-limotek-desc p span{
	color:#000000;
	font-size:18px;
}
.ct-limotek-flow {
    padding: 50px 0 0 65px;
	display: flex;
}
.cnt-flow {
    border: 1px solid #3087AF;
    width: 210px;
    text-align: center;
}
.cnt-flow p.title{
	background-color:#3087AF;
	font-size:20px;
	font-weight:bold;
	color:white;
	height:52px;
	padding-top: 10px;
}
.cnt-flow img{
	padding: 15px 0 10px;
}
.cnt-flow p{
	font-size:16px;
}
.flow-arrow {
	margin:100px 10px 0;
}
.ct-limotek-tbl {
    width: 93%;
    border-collapse: collapse;
    margin: 75px 40px 0;
}
.ct-limotek-tbl th,.ct-limotek-tbl td {
	border: 1px solid #9FA0A0;
}
.ct-limotek-tbl th {
	font-size:18px;
	padding:20px 0;
}
.ct-limotek-tbl th:first-child, .ct-limotek-tbl th:nth-child(2) {
    width: 250px;
}
.ct-limotek-tbl-td1 {
	font-size:24px;
	text-align:center;
}
.ct-limotek-tbl-td1 span{
	font-size:24px;
	color:red;
}
.ct-limotek-tbl-td2 {
	font-size:24px;
	color:red;
	text-align:center;
}
.ct-limotek-tbl-td3 {
	font-size:20px;
	padding:25px 0 25px 25px;
	line-height: 1.5em;
}
.usg-data-note2 {
	float: right;
    font-size: 16px;
    margin: 25px 30px 25px 0; 
}
.ct-limotek2 {
    background: #FFFFFF;
    margin-top: 100px;
}
.ct-limotek2 .circle-o-txt {
    position: absolute;
    top: 22%;
    margin-left: 25px;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
}
.ct-limotek2 .robotango-title{
	padding-top:50px;	
}
.ct-limotek2 .cnt-flow p.title {
    background-color: #3087AF;
    font-size: 20px;
    font-weight: bold;
    color: white;
    height: 82px;
    padding-top: 10px;
}
.ct-limotek2 .cnt-flow p.title-last {
    background-color: #3087AF;
    font-size: 20px;
    font-weight: bold;
    color: white;
    height: 82px;
    padding-top: 25px;
}
.ct-limotek2 .ct-limotek-tbl-td3 {
    font-size: 20px;
    padding: 25px 0 25px 125px;
	line-height: 1.5em;
}
.cnt-flow-pTop {
	padding-top:20px;
}
.c-faq--style2 h2 {
    margin-bottom: 30px;
    font-size: 3.6rem;
    color: #16c6da;
}
.page-supportSolution .page-solution .total-support li {
    padding: 50px 48px;
}
@media screen and (max-width: 767px) {
	.ct-limotek {
		padding: 0 3px;
	}
	.cnt-circle-o img {
		width:65%;
	}
	.circle-o-txt {
		top: 23%;
		margin-left: 12px;
		font-size: 11px;
	}
	.ct-limotek .robotango-title h2,.ct-limotek2 .robotango-title h2 {
		margin-top: 25px;
	}
	.ct-limotek-desc p {
		font-size: 15px;
	}
	.ct-limotek-desc p span {
		font-size: 15px;
	}
	.ct-limotek-flow {
		padding: 50px 0 0 10px;
	}
	.flow-arrow {
		margin: 100px 5px 0;
	}
	.ct-limotek-flow {
		display: flex;
		flex-wrap: wrap;
	}
	.cnt-flow {
		width: 136px;
		margin-bottom: 20px;
	}	
	.cnt-flow p {
		font-size: 11px;
	}
	.cnt-flow p.title {
		font-size: 14px;
		padding-top: 15px;
	}
	.cnt-flow img {
		width:75%;
	}
	.ct-limotek-tbl {
		width: 95%;
		margin: 50px 8px 0;
	}
	.ct-limotek-tbl th {
		font-size: 13px;
	}
	.ct-limotek-tbl-td1 {
		font-size: 15px;
	}
	.ct-limotek-tbl-td1 span {
		font-size: 15px;
	}
	.ct-limotek-tbl-td2 {
		font-size: 15px;
	}
	.ct-limotek-tbl th:first-child, .ct-limotek-tbl th:nth-child(2) {
		width: unset;
	}
	.ct-limotek-tbl-td3 {
		font-size: 12px;
		padding: 20px 0 20px 5px;
	}
	.ct-limotek-tbl-td3-1 {
		font-size: 11px;
		width: 185px;
	}
	.usg-data-note2 {
		font-size: 8px;
		margin: 25px 0px 25px 0;
	}
	.ct-limotek2 .circle-o-txt {
		position: absolute;
		top: 22%;
		margin-left: 25px;
		font-size: 18px;
		font-weight: bold;
		text-align: center;
	}
	.ct-limotek2 .circle-o-txt {
		top: 22%;
		margin-left: 18px;
		font-size: 11px;
	}
	.ct-limotek2 .robotango-title h2 {
		font-size: 20px;
		line-height: 30px;
		margin-top:40px;
	}
	.ct-limotek2 {
		padding: 0 3px;
	}
	.ct-limotek2 .cnt-flow p.title {
		font-size: 14px;
		padding-top: 20px;
	}
	.ct-limotek2 .ct-limotek-tbl-td3 {
		font-size: 12px;
		padding: 25px 0 25px 5px;
	}
	.page-supportSolution4 .l-wrap,.page-supportSolution2 .l-wrap {
		width:95%;
	}
	.ct-limotek3 {
		margin-top: -25px;
	}
	.ct-limotek2 {
		margin-top: 50px;
	}
	.c-faq--style2 h2 {
		font-size: 2.6rem;
	}
	.page-supportSolution .page-solution .total-support li {
		padding: 30px;
	}
}
/**End of Support Solution**/
.l-wrap-menu {
	width:1152px;
	margin: auto;
}
.sub-menu-button-01 .c-btn01 a,.sub-menu-button .c-btn01 a {
    height: 40px;
}
#header-menu a{
	display: block;
	text-decoration: none;
}
#header-menu .c-li-logo {
    margin-left: -14px;
}
#header-menu .c-li-logo p a:hover {
	background-color:unset;
}
.sub-menu-02 a:hover {
	background-color:unset;
}
.sub-space {
     padding-right:5px;
}
#header-menu .sub-drop p a:hover {
    color: #16c6da;
    text-decoration: none;
	background-color:unset;
}
#header-menu .sub-drop a:before {
    content: '';
    width: 6px;
    height: 6px;
    border: 0px;
    border-width: 2px 2px 0 0;
    border-style: solid;
    border-color: #000;
    transform: rotate(135deg);
    position: absolute;
    top: calc(50% - 5px);
    right: 10px;
    transition: all .3s;
}
#header-menu .sub-drop p:hover a:before {
    border-color: #38659E;
    transform: rotate(-45deg);
	color: #16c6da;
	border-color: #16c6da;
}
#header-menu .sub-drop:hover a:before {
    border-color: #38659E;
    transform: rotate(-45deg);
}
#header-menu .sub-drop:hover li a {
    color: #000;
}
#header-menu .sub-drop:hover li a:hover {
    color: #16c6da;
    text-decoration: none;
}
#header-menu .sub-drop ul a:before {
    display: none;
	color: #000;
}
#header-menu .sub-drop ul a:after {
    content: '';
    width: 10px;
    height: 10px;
    left: 0;
    top: calc(50% - 5px);
    opacity: 0;
    transition: all .3s;
}
#header-menu ul{
	display: flex;
	list-style: none;
	margin: 0 auto;
	padding: 0;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	overflow-y: unset;
}
#header-menu ul li{
	margin: 0 auto;
	text-align: center;
}
#header-menu ul li.sub-drop,#header-menu ul li.sub-menu-02 {
	width: 140px;
}
#header-menu ul li.sub-menu-02-small {
	width: 110px;
	margin: 0 -20px;
}
#header-menu > ul > li {
    position: relative;
}
#header-menu > ul ul {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    margin: 0;
    padding: 0;
    z-index: -1;
		display: block;
}
#header-menu > ul li:hover ul {
	opacity: 1;
	visibility: visible;
	margin: 0;
	color: #000;
	z-index: 2;
	top: 50px;
}
#header-menu > ul ul:before {
    content: "";
    position: absolute;
    top: -10px;
    width: 100%;
    height: 20px;
    background: transparent;
}
#header-menu > ul ul li {
	list-style: none;
	padding: 0;
	margin: 0;
	width: 140px!important;
	background-color: #fcfcfc;
	border-image-slice: inherit;
	height:45px;
}
#header-menu > ul ul li a {
    padding: 5px 5px;
    display: block;
    color: #000000;
    font-size: 14px;
    text-decoration: none;
    width: auto;
    -webkit-transition: all 0.35s ease-in-out;
    transition: all 0.1s ease-in-out;
}
.c-dl-btn a p{
	display:inline-block;
	position: relative;
}
.c-dl-btn a p .img-top {
	display: none;
	position: absolute;
	top: 10px;
	left: 0;
	z-index: 99;
}
.c-dl-btn:hover .img-top {
	display: inline;
}
#header-menu .c-btn__contact a p img{
	margin-bottom:-3px;
}
#header-menu .c-btn__contact svg {
	width: 20px;
    margin-bottom: -0.5px;
}
#header-menu .c-btn__contact a{
	padding: unset!important;
	line-height:35px;
}
.c-dl-btn a{
	color:#FFFFFF;
    background: #92d050!important;
	border-color: #92d050!important;
}
.nav-scroll #header-menu>ul ul li {
	height:unset;
}
.nav-scroll #header-menu > ul ul li a {
    padding: 14px 5px;
}
.nav-scroll nav a {
	line-height:1;
}
.nav-scroll .sub-menu-button-01 .c-btn01 a,.nav-scroll .sub-menu-button .c-btn01 a {
	height: 30px;
}
.nav-scroll #header-menu .c-li-logo {
    margin-left: 0px;
	margin-right: 125px;
}
.nav-scroll #header-menu .c-li-logo a{
    padding:unset;
}
.nav-scroll .l-wrap {
   justify-content: unset!important;	
}
.nav-scroll #header-menu > ul ul li {
    width: 125px!important;
}
.nav-scroll .c-dl-btn a p .img-top {
	top: 6px;
}
.nav-scroll #header-menu ul li.sub-menu-02-small {
	width: 110px;
}
.nav-scroll #header-menu ul li.sub-menu-02-smallest {
	width: 100px;
}
.nav-scroll #header-menu ul li.sub-drop, #header-menu ul li.sub-menu-02 {
    width: 125px;
}
.nav-scroll #header-menu .c-btn__contact a {
    line-height: 25px;
}
.nav-scroll #header-menu .sub-drop:hover a {
	background-color:unset;
}
.nav-scroll .c-dl-btn {
    background: #92d050!important; 
}
.c-dl-btn p img {
    width: 18px;
}
.nav-scroll .c-dl-btn p img {
    width: 14px;
}
.nav-scroll #header-menu .c-btn__contact svg {
    width: 17px;
	margin-bottom: -1px!important;
}
.nav-scroll .sub-space {
     padding-right:0px;
}
.c-dl-btn a:hover{
	color:#92d050!important;	
	background:#FFFFFF!important;	
}
.sub-menu-button {
  margin-right: 0px!important;  
}
.sub-menu-button .c-btn__contact {
    background: #fa5b0f;
}
.sub-drop .head-active a {
	color: #16c6da!important;
}
.sub-drop .head-active a:before{
	border-color: #16c6da!important;	
}
.sub-drop .active {
	background-color: #fcfcfc!important;
}
.page-company .p-about .c-aboutTXT1 p {
    font-size: 1.4rem;
}
.page-company .p-about1__img1 img {
    max-width: 60%;
    margin: 0 auto;
}

@media screen and (max-width: 767px) {
	.page-company .p-about1__img1 img {
		max-width: 80%;
	}
	.page-company .title-05 .ttv {
		font-size:15px;
	}
	.nav-scroll .c-dl-btn a p .img-top {
		top: 0;
	}
}
/***End index menu New***/
/** page blog table of contents**/
.blog-anchor ul li {
  margin-top: 12px;
}

.blog-anchor ul li a {
  font-size: 1.4rem;
  font-weight: 500;
  color: #0098ff;
}

@media screen and (max-width: 767px) {
  .blog-anchor {
    padding: 15px;
    width: 100%;
  }
}

.blog-anchor {
  border: 3px solid #e6e6e6;
  padding: 30px;
  width: auto;
}

@media screen and (max-width: 767px) {
  .blog-anchor {
    padding: 15px 20px;
  }
}

.blog-anchor h4 {
  font-size: 1.6rem;
  font-weight: 500;
  color: #00344f;
  margin-bottom: 12px;
}

@media screen and (max-width: 767px) {
  .blog-anchor h4 {
    font-size: 1.4rem;
  }
}

.blog-anchor > ul > li > a {
  font-size: 1.4rem;
  font-weight: 400;
  color: #0098ff;
}

.blog-anchor > ul > li > ul {
  margin-bottom: 20px;
}

.blog-anchor > ul > li > ul li {
  padding-left: 12px;
  margin-top: 12px;
}

.blog-anchor > ul > li > ul li a {
  font-size: 1.3rem;
  font-weight: 200;
  color: #0098ff;
}

@media screen and (max-width: 767px) {
  .blog-anchor > ul > li > ul li a {
    font-size: 1.3rem;
  }
}

/* c-toptop
------------------------------------------------------------*/
.c-totop {
  width: 50px;
  height: 50px;
  bottom: 3%;
  right: 15px;
  display: none;
  position: fixed;
  cursor: pointer;
  background: #e6e6e6;
  border-radius: 100%;
  z-index: 3;
  text-align: center;
  padding: 15px 0;
}

@media screen and (max-width: 767px) {
  .c-totop {
    width: 40px;
    height: 40px;
    padding: 13px 0;
    right: 10px;
    bottom: 6%;
  }
}

@media screen and (max-width: 767px) {
  .c-totop img {
    width: 12px;

  }
}

@media screen and (max-width: 767px) {
 .contact-height iframe {
    height: 2280px!important;
  }
}

/* add20230822 */
.p-reiworq-ai-ocr3__list .c-imgText001__txt.mb30{
  margin-bottom: 30px;
}
@media screen and (max-width: 767px) {
  .p-reiworq-ai-ocr3__list .c-imgText001__txt.mb30{
    margin-bottom: 0px;
  }
 }