@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: sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 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(/font/NotoSansJP-Regular.woff2) format("woff2"), url(/font/NotoSansJP-Regular.woff) format("woff"), url(/font/NotoSansJP-Regular.otf) format("opentype");
}

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

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

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

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

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

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

/**ROBOTANGO FONTS**/
/*
@font-face {
  font-family: 'NotoSansCJKjp-Regular';
  font-style: normal;
  font-weight: 400;
  src: url('/font/NotoSansCJKjp-Regular.woff') format("woff"), url('/font/NotoSansCJKjp-Regular.woff2') format("woff2");
}
@font-face {
  font-family: 'NotoSansCJKjp-Bold';
  font-style: normal;
  font-weight: 700;
  src: url('/font/NotoSansCJKjp-Bold.woff') format("woff"), url('/font/NotoSansCJKjp-Bold.woff2') format("woff2");
}
@font-face {
  font-family: 'NotoSansCJKjp-Medium';
  font-style: normal;
  font-weight: 500;
  src: url('/font/NotoSansCJKjp-Medium.woff') format("woff"), url('/font/NotoSansCJKjp-Medium.woff2') format("woff2");
}
@font-face {
  font-family: 'NotoSansCJKjp-DemiLight';
  font-style: normal;
  font-weight: 300;
  src: url('/font/NotoSansCJKjp-DemiLight.woff') format("woff"), url('/font/NotoSansCJKjp-DemiLight.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;
  }
}

@media only screen and (min-width: 769px) {
  .pc-only {
    display: block !important;
  }
  .sp-only {
    display: none !important;
  }
}

/*------------------------------------------------------------
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: 150px;
  -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)!important;
    -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 10px 8px!important;
    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: 1;
  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;
  }
}

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;
	background-color:unset;
  }
}

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;
}

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("/img/index/bg-1.jpg") no-repeat;
}

@media screen and (max-width: 767px) {
  .mv {
    background: #000 url("/img/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("/img/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 {
  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: 2;
  width:100%;
}

.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);
  padding: 13px 0;
  text-align: center;
  height:48px;
}

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

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

.dl-sem div.dl-l p {
  font-size: 1.4rem;
}

.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;
}

@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: #FFF;
}

/*------------------------------------------------------------
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%;
  }
}

/*------------------------------------------------------------
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;
}
.l-wrap_2 {
  margin: 60px auto;
}

@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;
}

@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.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;
}

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

.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(/img/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 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 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;
  }
}


/**Robo-Tango START**/
.page-robotango .nav-scroll {
    padding: 0px 0; 
}

.page-robotango .nav-scroll .c-btn01 {
    border-radius: 5px;
}
.page-robotango .nav-scroll .c-btn01 a {
    padding: 10px 0;
    height: 40px;
    border: 2px solid #fa5b0f;
	font-size:16px;
	width:185px;
	border-radius:5px;
	background: #fa5b0f;
}
.page-robotango header nav a,.page-robotango header nav .sp-click {
    padding: 14px;
}
.page-robotango .nav-scroll{
    background: #FFFFFF!important;
}
.page-robotango .nav-scroll .l-wrap{
	width:1255px;
	margin:auto;
	text-align:center;
	height: 80px;
}
.page-robotango header.nav-scroll nav ul li a,.page-robotango header.nav-scroll .sp-click {
    color: #000000;
	font-size:14px;
}
.page-robotango header.nav-scroll nav ul li.button {
	padding-left:20px;
}
.button .c-btn__contact a {
	color: #FFFFFF!important;
}
.button .c-btn__contact a:hover {
  color: #fa5b0f!important;
}
.nav-scroll .tango-logo img {
    width: 100%;
}
.page-robotango header.nav-scroll nav ul li a:hover, .page-robotango header.nav-scroll nav ul li a.active,
.page-robotango header.nav-scroll .sp-click:hover,
.page-robotango header.nav-scroll .sp-click.active {
  color: #16c6da;
  opacity: 1;
}
header .tango-logo a img {
    width: 150px;
    -webkit-transition: none;
    transition: none;
}
.page-robotango .sub-footer {
    background: #16c6da!important;
}
.page-robotango .c-mainvisual_main {
	background: url(/img/robo-tango/RT_mv3_01.png) no-repeat top center;
	width:100%;
	margin:auto;
	background-size: cover;
}
.robo-tango .c-mainvisual__wrap {
    margin: auto;
    text-align: center;
}
.robo-tango .c-mainvisual__text {
    width: 50%;
    text-align: center;
    padding: 5.74vw 0 0 10vw;
    float: left;
}
.robo-tango .c-mainvisual__text-r {
	float: right;
    width: 50%;
    margin: 150px 0 110px;
	text-align: left;
}
.robo-tango .c-mainvisual__text-r img{
   width:75%;
}
.robo-tango .c-mv__text1 {
	font-family: NotoSansCJKjp-Regular;
    font-size: 2.04vw;
    letter-spacing: 0.21em;
    color: #FFFFFF;
    text-align: left;
    font-weight: bold;
}
.mr_top {
	margin-top:30px;
}
.robo-tango .c-mv__text1 span{
	display:inline;
	font-size:24px;
}
.robo-tango p.c-mv__img {
	margin-top: 45px;
    text-align: left;
    margin-bottom: 50px;
}
.robo-tango p.c-mv__img  img{
	width:89%;
}
.robo-tango p.c-mv__link {
	padding-top: 3vw;
    padding-bottom: 8vw;
	text-align: left;
}
.robo-tango .c-mainvisual__wrap a {
    padding: 1.1vw 3.7vw;
    background: #FA5B0F;
    color: #ffffff;
    font-size: 1.3vw;
    border-radius: 60px;
}

.robo-tango .c-mainvisual__wrap a:hover{
	background:#ffffff;
	color: #FA5B0F;
	opacity: 1;
	border: 4px solid #FA5B0F;
}

@media screen and (max-width: 767px) {
	.mr_top {
		margin-top:unset;
	}
	.robo-tango .c-mainvisual__wrap a {
		font-size:20px;
		 padding: 25px 45px;
	}
	.robo-tango .c-mainvisual__wrap a:hover{
		background:#ffffff;
		color: #FA5B0F;
		font-size:20px;
		opacity: 1;
		border: 4px solid #FA5B0F;
		padding: 25px 45px;
	}
}

.robo-tango section {
	margin-top:50px;
}

.mt0 { margin-top: 0; }
/**robotango-page1**/
.robotango-title h2 {
	font-family : NotoSansCJKjp-Bold;
	margin-bottom:30px;
	font-size: 35px;
	color: #19394C;
	text-align:center;
	line-height : 62px;
}
.robotango-desc p {
	font-size: 20px;
	line-height : 38px;
	text-align:center;
}
.robotango-desc-support p {
	font-size: 20px;
	line-height : 38px;
	text-align:center;
}
.robotango-page1 .rpa_cloud {
    align-items: center;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-left: -75px;
    margin-right: -55px;
}
.robotango-page1 .rpa_cloud  img{
    width:170px;
}
.robotango-page1 .rpa_cloud_child {
    flex: 1 0 20%;
    margin: 0px 0px 50px 0px!important;
	text-align:center;
}
.robotango-page1 .rpa_cloud_child  p {
  font-family : NotoSansCJKjp-Regular;
  font-weight : bold;
  font-size : 23px;
  color : #19394C;
  color : rgb(25, 57, 76);
}
.robotango-title2 h2 {
	font-size : 30px;
	line-height : 45px;
	text-align:center;
	font-family : NotoSansCJKjp-Bold;
}
.robotango-title-img {
	margin:auto;
	text-align:center;
}
.robotango-title-03 h2 {
    font-family: NotoSansCJKjp-Bold;
    margin-bottom: 50px;
    font-size: 30px;
    color: #19394C;
    text-align: center;
    line-height: 62px;
}
/**robotango-page2**/
.robotango-page2 {
	background-color:#F7F7F7;
}
.robotango-title-img-main {
	margin:auto;
	text-align:center;
	width: 0px;
	padding-right:80px;
}
.robotango-page2 .arr_down {
    margin-top: -35px;
    position: absolute;
}
p .p-point-txt {
	padding-left: 20px;
}
.robotango-page2 .one-support-info {
	font-size:12px;
	line-height:2.0em;
}
.robotango-page2 .one-support-info p{
	text-align:justify;
}
.robotango-page2 .p-point {
	font-size:24px;
}
.robotango-page2 .p-one {
	font-size:32px;
}
.robotango-page2 .p-point-txt {
	margin-left:3px;
	font-size:32px;
}
.robotango-page2 .p-point-03 {
	font-size:27px;
}
.robotango-page2 .p-point-txt-01 {
	margin-left:3px;
	font-size:29px;
}
.robotango-page2 .p-point-desc {
	font-size:20px;
	font-family:NotoSansCJKjp-DemiLight;
	line-height : 30px;
	margin-right: 15px;
}
.robotango-page2 .robotango-title-img{
	margin-top:100px;
	padding-bottom:200px;
}
/**robotango-page3**/
.robotango-page3 {
	padding:50px 0 75px;
}
/**robotango-page3**/
.robotango-title2 {
	vertical-align: middle;
	margin:auto;
	color:#FFFFFF;
	font-size:14px;
	padding:30px 0px 30px 0px;
	width: 60%;
	line-height:2.0em;
}
.rb-btn-blue {
	padding:30px 0px 30px 180px;
}
.rb-btn-blue a{
	padding: 10px 15px 10px 15px;
    height: 30px;
    background: #0066ff;
    border-radius: 5px;
    color: #ffffff;
}
.robotango-page3 .rpa_cloud {
    align-items: center;
    display: flex!important;
    justify-content: center;
    flex-wrap: wrap;
	position:relative;
}
.robotango-page3 .rpa_cloud_child {
    margin: 0px 0px 0px 0px!important;
}
.robotango-page3 .rpa_cloud_child img{
	width:244px;
}
.robotango-page3 .rpa_cloud_img img, .robotango-page3 .rpa_cloud img {
	width:100%;
}

.robotango-page3 .rpa_cloud_img {
	margin-top:-260px;
}
/**robotango-page4**/
.improve-title-001 {
	font-size:20px;
}
.improve-title-002 {
	font-size:14px;
	text-align:justify;
	line-height:2.0em;
}
.div_hr_style {
    border-bottom: 1px solid #16c6da;
}
.robotango-page4 .robotango-title h2 {
    font-size: 31px;
}
.robotango-page4 .sem-box p img {
	width:100%;
}
.robotango-page4  .c-btn02 {
	padding-top:50px;
    margin: auto;
    text-align: center;
}
/**Seminar**/
.robo-tango .c-list1 li {
    width: 312px;
    margin: 0px 0 42px 20px;
    padding: 21px 15px;
}
/**robotango-page6**/
/*
.robotango-page6 .l-wrap-img{
    background: url(/img/robo-tango/21_new.png) no-repeat top center;
	width:100%;
	margin:auto;
	background-size: cover;
	padding-bottom:150px;
}
*/
.robotango-page6-support .l-wrap-img{
    background: url(/img/robo-tango/21_new2.png) no-repeat top center;
	width:100%;
	margin:auto;
	background-size: cover;
	padding-bottom:150px;
}
.robotango-page6 .robotango-desc p {
	  font-family : NotoSansCJKjp-Regular;
	  font-size : 18px;
	  line-height : 35px;
	  color : #000000;
}
.cost-rate-plan {
	border: 1px solid #cccccc;
	padding: 15px 0px 15px 0px;
	vertical-align:middle;
	text-align:center;
	background-color:#FFFFFF;
	width:384px;
	height:156px;
}
.cost_rate_div {
	margin:auto;
	text-align:center;
	width: 75%;
}
.cost-rate-plan .init_cost {
  font-family : NotoSansCJKjp-Regular;
  font-weight : bold;
  font-size : 25px;
  line-height : 35px;
  color : #E60012;
  color : rgb(230, 0, 18);
}
.cost-rate-plan .init_price {
	font-size:45px;
	font-family : NotoSansCJKjp-Medium;
}
.init_price .init_p_sign {
	font-size:30px;
}
.cost_rate_div .cost_note {
	margin-top:20px;
	font-size:18px;
}
.cost_rate_div .cost_note2 {
	font-size:18px;
	padding:10px 0px 105px 25px;
	text-align:center;
}
/**robotango-page7**/
.robotango-page7 .rpa_cloud {
    align-items: center;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-left: -20px;
    margin-right: -20px;
}
.robotango-page7 .rpa_cloud_child {
	flex: 0 0 10%;
    margin: 0px 0px 50px 0px!important;
	text-align:center;
	position:relative;
}
.robotango-page7 .rpa_cloud_child  p{
  position: absolute;
  top: 32px;
  left: 24px;
  font-family : NotoSansCJKjp-Regular;
  font-size : 26px;
  line-height : 32.79px;
  color : #19394C;
  color : rgb(25, 57, 76);
}
.robotango-page7 .rpa_cloud_child  p.one_text1{
  top: 47px;
  left: 24px;
}
.robotango-page7 .rpa_cloud_child  p.one_text2{
  top: 47px;
  left: 40px;
}
.robotango-page7 .rpa_cloud_child  p.one_text3{
  top: 47px;
  left: 50px;
}
.robotango-page7 .rpa_cloud_child  p.one_text4{
  top: 47px;
  left: 35px;
}
.robotango-page7 .rpa_cloud_child2 {
	flex: 0 0 0%;
    margin: 0px 0px 50px 0px!important;
}
.robotango-page8 .page-faq {
	width:60%;
	margin:auto;
	text-align:center;
}
.robo-tango .page-faq section dd p {
    text-align:left;
}

/**robotango-page11**/	
.robotango-page11 {
	background-color: #E9FFFF;
	margin-top:0px!important;
}
.robotango-page11 .support_all {
	margin:auto;
	padding: 50px 0px 50px 50px;
}
.robotango-page11 .support_content {
	width:998px;
	text-align:left;
}
.robotango-page11 .support_main {
	width:998px;
}
.robotango-page11 .support_content .support_title {
  font-family : NotoSansCJKjp-Medium;
  font-size : 35px;
  padding-left:20px;
  top:20px;
  position:relative;
  color: #19394C;
}
.robotango-page11 .support_desc {
  font-family : NotoSansCJKjp-DemiLight;
  font-size : 20px;
  text-align:justify;
}
.robotango-page11 .support_note {
  font-family : NotoSansCJKjp-Medium;
  font-size : 23px;
  border: 3px solid #F95B0F;
  text-align:center;
  line-height:2.5em;
  color: #19394C;
  width:998px;
}

/**robotango-page12**/	
.robotango-page12 {
    padding:100px 0;
	background-color:#F7F7F7;
}
.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-info 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: 23px;
    margin: 5px 0 15px;
}
.rb-ch-info-name {
    color: #2f68a9;
    font-size: 20px;
    margin-top: 20px;
}

/**Footer**/
.div_footer_img {
	text-align:left;
}
.div_footer {
  font-family : NotoSansCJKjp-Medium;
  font-size : 14px;
  color : #FFFFFF;	
  padding-top: 10px;
  text-align:right;
}
.robo-tango footer {
    position: relative;
    padding: 35px 0 65px;
    font-family: "Raleway", sans-serif;
    background: #19394C;
}
.robo-tango footer .l-wrap {
    width: 977px;
    margin: auto;
    text-align: center;
}
.c-btn__2row {
	margin:50px 0px 50px 0px;
}

.c-btn__2row ul {
    display: block;
}


/**common**/
.robotango-page1 .l-wrap,.robotango-page3 .l-wrap {
	width:977px;
}
.robotango-page2 .l-wrap,.robotango-page4 .l-wrap {
	width:998px;
}
.robotango-page3 .l-wrap-title,.robotango-page8 .l-wrap-title{
    background: url(/img/robo-tango/9.png) no-repeat top center;
	background-size: 1500px;
}
.robotango-page2 .robotango-title-img a ,.robotango-page7 .robotango-title-img a,.robotango-page11 .robotango-title-img a{	
    padding: 37px 69px;	
    background: #FA5B0F;	
    color: #ffffff;	
    font-size: 24px;	
	border-radius:60px;	
}	
.robotango-page2 .robotango-title-img a:hover ,.robotango-page7 .robotango-title-img a:hover,.robotango-page11 .robotango-title-img a:hover{	
  background: #ffffff;	
  color: #FA5B0F;	
  opacity: 1;	
  border: 4px solid #FA5B0F;	
}
.robo-tango .c-red {
	color:red;
}
.robo-tango .c-orange {
	color:#fa5b0f;
}
.robo-tango .c-blue {
	color:#19394C;
}
.rt_mn40 {
	margin-top:-80px!important;
}
.rt_m50 {
	margin-top:50px;
}
.rt_m75 {
    margin-top: 75px;
}
.rt_m100 {
	margin-top:100px;
}
.rt_m115 {
	margin-top:115px;
}
.rt_mb100 {
	margin-bottom:100px;
}
.rt_m150 {
	margin-top:150px;
}
.rt_m200 {
	margin-top:200px;
}
.rt_pb200 {
	padding-bottom:200px;
}
.rt_pt50 {
	padding-top:50px;
}
.rt_pt100 {
	padding-top:100px;
}
.rt_pb30 {
	padding-bottom:30px;
}
.rt_pb50 {
	padding-bottom:50px;
}
.rt_m20 {
	margin-top:20px;
}
.rt_m30 {
	margin-top:30px;
}
.d-w30{
	width:30%;
}
.d-w70{
	width:70%;
}
.d-w15 {
    width: 15%;
}
.d-w45{
	width:45%;
}
.d-half50 {
	width:50%;
}
.d-w60 {
	width:60%;
}
.fl-left {
	float:left;
}
.fl-right {
	float:right;
}
.rt-pt50 {
	padding-top:50px;
}
.rt-pt350 {
	padding-top:270px;
}
.rt-mr50 {
	margin-right:50px;
}
.fs_25 {
	font-size:25px;
	vertical-align: top;
}

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

.rb-ta-center {
	text-align:center;
}
.rt_bg-white {
	background-color:white;
}
.rt_pb150 {
	padding-bottom:150px;
}
.rt_pr10 {
	padding-right:10px;
}
.rt_pl10 {
	padding-left:10px;
}

@media screen and (max-width: 767px) {
	.page-robotango header.nav-scroll nav ul li a {
		color: #FFFFFF;
		font-size:14px;
	}
	.page-robotango .c-menu_sp-btn {
		right: 19px;
	}
	.page-robotango .nav-scroll .l-wrap {
		height: 50px;
	}
	.page-robotango .nav-scroll .c-btn01 a {	
		padding: 17px 0;
		height: auto;
		font-size: 14px;
		width: auto;
	}
	.page-robotango .c-btn006 a {
		padding: 0px 0px 0px 0px!important;
		width: auto!important;
		height: auto!important;
	}
	.page-robotango .c-btn006__list {
		padding: 10px 10px 14px;
	}
	.page-robotango .c-mainvisual_main {
		background: url(/img/robo-tango/RT_mv_Sp_05.png) no-repeat top center;
		background-size: cover;
	}	
	.page-robotango .nav-scroll .l-wrap , .robo-tango footer .l-wrap {
		width: 95%!important;
		margin: auto;
		text-align: center;
	}
	.robotango-page1 .l-wrap,.robotango-page2 .l-wrap,.robotango-page3 .l-wrap ,.robotango-page4 .l-wrap, .p-index6 .l-wrap,
	.robotango-page7 .l-wrap,.robotango-page8 .l-wrap,.robotango-page9 .l-wrap,.robotango-page10 .l-wrap,.robotango-page6 .l-wrap ,.robotango-page11 .l-wrap,.robotango-page6-support .l-wrap {
		margin: auto;
		width: 95%!important;
	}
	.robotango-page6 .l-wrap-img{	
		padding-bottom:50px;	
	}
	.robotango-page6-support {
		margin-top:0px!important;
	}
	.robo-tango .c-mainvisual__wrap {
		width: 100%;
		padding-bottom: 90px;
	}
	.robo-tango .c-mainvisual__text {
		width: 100%;
		padding: 50px 0 0;
	}
	.robo-tango .c-mv__text1 {
		padding-top: 0px;
		font-size: 20px;
		text-align:center;
	}	
	.robo-tango p.c-mv__link {
		padding-top: unset;
		padding-bottom: unset;
		text-align:center;
		margin-top:50px;
	}
	.robo-tango p.c-mv__img {
		text-align:center;
		margin-top: 15px;
		margin-bottom: 10px;
	}
	.robo-tango p.c-mv__img img {
		width: 75%;
	}
	.robo-tango .c-mainvisual__text-r {
		width: 100%;
		margin: 50px 0 0;
		text-align: center;
	}	
	.robo-tango .c-mainvisual__text-r img {
		width: 90%;
		margin-left: 5%;
	}
	.robotango-page2 .robotango-title-img a, .robotango-page7 .robotango-title-img a, .robotango-page11 .robotango-title-img a {
		padding: 20px 26px;
		font-size: 20px;
		border-radius: 60px;
	}
	.robotango-page1 .rpa_cloud_child {
		flex: 1 0 38%;
	}
	.robotango-title h2 {
		font-size: 18px;
		line-height: 45px;
	}
	.cost_rate_div {
		width: 100%;
	}
	.cost_rate_div .cost_note {
		margin-top:20px;
		font-size:13px;
	}
	.rt_m115 {
		margin-top: 350px;
	}
	.rt_mn40 {
		margin-top: -110px!important;
	}
	.fs_25 {
		font-size: 16px;
	}
	.robotango-desc p {
		font-size: 17px;
	}	
	.robotango-desc-support p {
		font-size: 13px;
	}	
	.robotango-page1 .rpa_cloud {
		width:90%;
		margin-left: 17px;
		margin-right: 0px;
	}	
	.robotango-title-img  img{
		width:90%;
	}
	.robotango-page7 .rpa_cloud_child {
		flex: 9 0 41%;
		margin: 0px 0px 0px 0px!important;
		text-align: center;
		position: relative;
	}
	.robotango-page7  .rpa_cloud  div:nth-child(9) {
		text-align: left;
	}
	.robotango-page7 .rpa_cloud_child2 {
		flex: 0 0 8%;
		margin: 0px 0px 50px 0px!important;
	}
	.cost-rate-plan {
		width: 357px;
		margin-top: 20px;
	}
	.cost-rate-plan-sp {
		margin-top:35px!important;
	}
	.robotango-title2 {
		width: 100%; 
	}
	.robotango-title2 h2 {
		font-size: 21px;
		line-height: 35px;
	}
	.robotango-title-03 h2 {
		font-size: 25px;
		line-height: 50px;
	}
	.robotango-page3 .rpa_cloud_img {
		margin-top: -45px;
		padding-top:75px;
	}
	.rt_m100 {
		 margin-top: 0px; 
	}
	.rb-sp-mt30 {
		margin-top:30px;
	}
	.rb-sp-rt_m100 {
		margin-top:100px;
	}
	.robotango-page3 .rpa_cloud_child {
		flex: 1 0 38%;
		margin: 0px 0px 0px 0px!important;
		text-align: center;
	}
	.robotango-page6 .rt_pt100 {
		padding-top:50px;
	}
	.robotango-page4 .robotango-title h2 {
		font-size: 20px;
	}
	.rt_pb200 {	
		padding-bottom: 50px;
	}
	.robo-tango .c-list1 li {
		width: 100%;
		margin: 25px 0 0 0;
	}
	.d-half50 {
		width: 100%;
	}
	.d-w45 {
		width: 100%;
	}
	.robotango-page2 .p-point-txt {
		margin-left: unset;
		font-size: 23px;
	}
	.robotango-page2 .p-point-txt-01 {
		margin-left: unset;
		font-size: 23px;
	}
	.robotango-page2 .p-one {
		font-size: 25px;
	}
	p .p-point-txt {
		padding-left: unset;
	}
	.robotango-page2 .p-point {
		font-size: 20px;
	}
	.robotango-page6 .robotango-desc p {
		text-align:justify;
	}	
	.cost-rate-plan {
		width: 275px;
		margin: auto;
		text-align: center;
		float:none!important;
		height: 140px;
	}
	.robotango-page6 .rt_m20 {
		margin-top: 0px;
	}
	.rt_pb270 {
		padding-bottom:270px;
	}
	.robotango-page11 .rt_pt100 {
    padding-top: 50px;
	}
	.support_content img {
		width:25%;
	}
	.robotango-page11 .support_content .support_title {
		font-size: 16px;
		padding-left: 10px;
		top: 30px;
	}
	.robotango-page11 .support_desc {
		font-size: 13px;
		padding-top:20px;
	}
	.robotango-page11 .support_note {
		padding:10px 0 10px 0px;
		font-size: 18px;
		line-height: 2.0em;
	}
	.robotango-page11 .support_content, .robotango-page11 .support_main ,.robotango-page11 .support_note {
	  width:100%;
	}
	.robotango-page11 .support_all {
		padding: 20px 20px 20px 20px;
	}	
	.robotango-page7 .rt_m200  {
		margin-top:0px;
	}
	.robotango-page12 {
		margin-top:0!important;
		padding:50px 0;
	}
	.rb-ch-cont {
		text-align:center;
	}
	.rb-ch-info-intro {
		font-size: 16px;
		margin-top: 25px;
	}		
	.rb-ch-people {
		width: 100%;
		float: unset;
	}
	.rb-ch-info {
		width: 100%;
		float: unset;
	}
	.rb-ch-info-name {
		font-size: 15px;
	}	
}
/*
------------------------REMOVE IF ONLY ONE CSS------------------------------------*/
.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(/img/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(/img/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;
  }
}
.p-index6 .c-btn02 {
    text-align: center;
    margin-top: 40px;
}

.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(/img/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(/img/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(/img/common/tru.png) no-repeat center;
    -webkit-background-size: 18px 18px;
            background-size: 18px;
  }
}

.p-seminar2__tit1 {
  background: url(/img/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(/img/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(/img/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(/img/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(/img/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;
  }
}

.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;
}
}

.page-robotango .c-btn02--seminar {
  width: 260px;
  margin: 0 auto 40px;
}

@media screen and (max-width: 767px) {
  .page-robotango .c-btn02--seminar {
    margin: 15px auto 35px;
  }
}

.page-robotango .c-btn02--seminar a {
  width: 260px;
  white-space: nowrap;
  line-height: 1.1;
  cursor: pointer;
}

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

.rbt-cnt-yt {
	margin-top: -75px;
}

@media screen and (max-width: 767px) {
  .page-robotango .c-btn02--seminar a {
    line-height: 1.4;
  }
	.rbt-cnt-yt {
		margin-top: -300px;
	}
}
/**Robo-Tango END**/


/**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;
	font-family: "NotoSansJPR",sans-serif!important;
}
#dl-sem-pc div {
    padding: 8px 8px;
}
#dl-sem-pc div img {
	width:8%;
}
/**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;
}

/**new Robotango**/
.robotango-new-page1 .l-wrap{
    margin: auto;
   width: 977px;
}
.robotango-new-page1 {
	margin:100px 0;
}
.c-list005 {
	margin: 44px 0 46px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.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: 233px;
    height: 234px;
    background: url(/img/robo-tango/bg-002.png) top center/cover no-repeat;
    padding: 83px 0 84px;
}
.c-list005__txt {
    font-size: 1.8rem;
    font-weight: 200;
    line-height: 1.75;
    text-align: center;
    color: #fff;
    letter-spacing: 2px;
}
.c-btn01#rbtcontact {
    background: #fa5b0f;
    width: 300px;
    margin: 100px auto 0;
}
.c-btn01#rbtcontact a {
    width: 300px;
    padding: 15px 0;
    height: 60px;
    border: 2px solid #fa5b0f;
    font-size: 1.6rem;
    text-align: center;
	display: block;
    border-radius: 3px;
    color: #fff;
}
#rbtcontact p {
    font-size: 0;
    display: inline-block;
	width: 17px;
    height: 11px;
}
.c-btn01#rbtcontact a:hover {
    color: #fa5b0f;
}
.c-btn01#rbtcontact a:hover svg path {
    fill: #fa5b0f !important;
}

.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;
}
.c-section3__case .c-support-box:first-child {
    background: #e6e6e6;
    border: none;
}
.c-section3__case .c-support-box {
    width: 550px;
}
.c-arrow-right {
    position: relative;
}
.c-section3__case .c-support-box:first-child .c-support-box__ttl {
    background: #999;
}
.c-support-box__ttl {
    font-size: 2.4rem;
    text-align: center;
    color: #fff;
    background: #16c6da;
    padding: 12px 10px;
}

.c-section3__case .c-support-box:first-child .c-support-box__content {
    padding: 50px 50px 60px;
    background: #e6e6e6;
}
.c-section3__case .c-support-box .c-support-box__content {
    padding: 50px;
}
.c-support-box__content {
    padding: 28px 10px;
}
.c-support-box__content ul li{
    list-style-type: disc;
    color: black;
    font-size: 16px;
    margin-left: 30px;
    line-height: 2em;
}
.c-section3__case .c-support-box.c-arrow-right:after, .c-section3__case .c-support-box.c-arrow-right:before {
    right: -40px;
}
.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;
}
.c-arrow-right:after, .c-arrow-right:before {
    position: absolute;
    z-index: 2;
    content: '';
}
.c-section3__case .c-support-box.c-arrow-right:after, .c-section3__case .c-support-box.c-arrow-right:before {
    right: -40px;
}
.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: 0 0;
    border-right: 6px solid #fa5b0f;
    border-bottom: 6px solid #fa5b0f;
}
.c-support-box {
    background: #e7f9fb;
    border: 10px solid #16c6da;
    border-top: none;
	width: 550px;
}
.c-support-box__ttl {
    font-size: 2.4rem;
    text-align: center;
    color: #fff;
    background: #16c6da;
    padding: 12px 10px;
}
.c-section3__case .c-support-box .icon {
    display: inline-block;
    vertical-align: -3px;
    margin-right: 15px;
}
.c-section3__case .c-support-box .c-support-box__content {
    padding: 50px;
}
.c-support-box__txt {
	font-weight: 400;
    font-size: 1.6rem;
    line-height: 34px;
}
@media screen and (max-width: 767px) {
	.robotango-new-page1 .l-wrap {
		margin: auto;
		width: 87.5%;
	}
	.c-list005 {
		margin: 15px 20px 0;
		width: 90%;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.c-list005__item {
		width: 140px;
		background: url(/img/robo-tango/bg-002-sp.png) top center/contain no-repeat;
		margin: 0 0 10px;
		padding: 44px 7px;
		height:unset;
	}
	.c-list005__txt-sp {
		margin-top:10px;
	}
	.c-list005__txt-sp00 {
		margin-top: -10px;
	}	
	.c-list005__txt-sp4 {
		margin-top:12px;
	}
	.c-list005__txt {
		height: 60px;
		font-size: 1.2rem;
		line-height: 1.5;
		letter-spacing: -.5px;
		padding: 0 10px;
	}
	.c-title01 {
		margin-bottom: 20px;
	}
	.c-title01 h1, .c-title01 h2 {
		margin: 0 auto 15px;
		padding: 0 0 10px;
		font-size: 2.5rem;
	}
.c-section3__case-wrap {
    margin-top: 40px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.c-section3__case .c-support-box:first-child {
    background: #e6e6e6;
    border: none;
}
.c-support-box__ttl {
    font-size: 1.6rem;
    padding: 8px;
}
.c-section3__case .c-support-box .icon {
    vertical-align: baseline;
    margin-right: 3px;
}
.c-section3__case .c-support-box:first-child .c-support-box__content {
    padding: 20px 25px 25px;
}
.c-section3__case .c-support-box.c-arrow-right:after, .c-section3__case .c-support-box.c-arrow-right:before {
   display:none
}
.c-section3__case .c-support-box .c-support-box__content {
    padding: 50px 15px;
}
.c-btn01#rbtcontact {
    margin: 50px auto;
}
}

/***New Usage CSS***/
.tbl-usage1 {
	width:100%;
	border-collapse: collapse;
}
.tbl-usage1 td{
	border: 2px solid #ffffff;
}
.empt-td {
	border:none!important;
}
.bl-td {
	background-color:#9BE6EF;
	font-size:23px;
	height:80px;
	text-align:center;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
}
.wh-hdr {
	width:256px;
}
.bl-hdr {
	background-color:#3087AF;
	font-size:36px;
	height:165px;
	text-align:center;
	color:white;
	width:198px;
}
.bl-hdr2 {
	background-color:#3087AF;
	font-size:36px;
	text-align:center;
}
.bl-hdr span {
	font-size:22px;
	display:block;
	margin-bottom:20px;
}
.bl-hdr2 span{
	font-size:22px;
	display:block;
	margin-bottom:20px;
	margin-top:-11px;
}
.bl-hdr sup,.bl-hdr2 sup{
	font-size:18px;
	vertical-align: bottom;
}
.tr-usg-data,.tr-usg-data2 {
	height:80px;
}
.tr-usg-data {
	background-color:#E6EEF2;
}
.tr-usg-data2 {
	background-color:#FFFFFF;
}
.tr-usg-data td:first-child,.tr-usg-data2 td:first-child {
	font-size: 18px;
	padding-left:10px;
	max-width:235px;
	
}
.q-main-cont {
    position: absolute;
    width: 400px;
    margin-left: -205px;
    margin-top: -22px;
}
.q-main-cont2 {
    position: absolute;
    width: 400px;
    margin-left: -205px;
    margin-top: -30px;
}
.tr-usg-data td img,.tr-usg-data2 td img {
	float:right;
}
.q-hover .q-text {
    position: relative;
    top: 34px;
    left: 300px;
    visibility: hidden;
    padding: 15px;
    font-size: 16px;
    background: #19394C;
    color: white;
	z-index: 9999;
}
.q1-text .q-text{
	width: 150px;
}
.q2-text .q-text{	
	width: 305px;	
}	
.q3-text .q-text{	
	width: 270px;	
}	
.q4-text .q-text{	
	width: 238px;	
}	
.q5-text .q-text{	
	width: 240px;	
}
.q-hover:hover .q-text {
	visibility:visible;
}
.q-hover:hover .q-arrow {
	visibility:visible;
}
.q-arrow {
    border: solid #19394C;
    border-width: 0 6px 6px 0;
    display: inline-block;
    padding: 3px;
    margin-top: 28px;
    position: absolute;
    visibility: hidden;
    right: 7px;
}
.q-up {
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
}
.q-ptop-dbl img {
	margin-top:-10px;
}
td.usg-data-cst {
	font-size: 26px;
	text-align:center;
}
td.usg-data-cir-dash {
	font-size: 25px;
	text-align:center;
}
td.usg-data-txt {
	font-size: 20px;
	text-align:center;
}
.bdr-blue {
	border-left: 5px solid #3070AF!important;
	border-right: 5px solid #3070AF!important;
}
.bdr-blue-top {
	border-top: 5px solid #3070AF!important;
    margin-top: -20px;
    position: absolute;
    z-index: 0;
    width: 252px;
    margin-left: -3px;
    height: 186px;
    border-radius: 10px 10px 0 0;
    color: white;
}
.bdr-blue-btm {
	border-bottom: 5px solid #3070AF!important;
}
.bdr-blue-top span {
	padding-top:55px;
}
.bdr-blue-top img{
	margin-left: -121px;
    margin-top: -2px;
    position: absolute;
}
.usg-data-note {
	float: right;
    font-size: 16px;
    margin-top: 25px; 
}
.ct-limotek {
    background: #FFFFFF;
    margin-top: 100px;
}
.main-cnt-circle-o {
    margin: -15px 0 0 15px;
    position: absolute;
}
.cnt-circle-o {
    position: relative;
    color: white;
}
.circle-o-txt {
    position: absolute;
    top: 27%;
    margin-left: 16px;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
}
.ct-limotek .robotango-title{
	padding-top:50px;	
}
.ct-limotek-desc {
	text-align:center;
}
.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;
}
@media screen and (max-width: 767px) {
	.tbl-usage1 {
		width: 98%;
		margin-left: 5px;
	}
	.tbl-usage1-mTop {
		margin-top:75px;
	}
	.bl-hdr span, .bl-hdr2 span {
		font-size: 16px
	}
	.bl-hdr {
		height: 100px;
		font-size: 22px;
	}	
	.usg-data-note {
		font-size: 8px;
	}	
	.tr-usg-data td:first-child, .tr-usg-data2 td:first-child {
		font-size: 16px;
	}	
	td.usg-data-cst {
		font-size: 22px;
	}
	td.usg-data-cir-dash {
		font-size: 22px;
	}
	.tbl-usage2 td:first-child {
		border: unset;
	}
	.tbl-usage2 td:nth-child(2) {
		border: unset;
	}	
	.bdr-blue-top2 img {
		margin-left: -175px;
		margin-top: -21px;
		position: absolute;
		width: 22%;
	}
	.tr-usg-data, .tr-usg-data2 {
		height: 65px;
	}	
	td.usg-data-txt {
		font-size: 19px;
	}
	.ct-limotek {
		padding: 0 3px;
	}
	.cnt-circle-o img {
		width:65%;
	}
	.circle-o-txt {
		margin-left: 8px;
		font-size: 10px;
	}
	.ct-limotek .robotango-title h2,.ct-limotek2 .robotango-title h2 {
		margin-top: 25px;
	}
	.ct-limotek-desc p {
		font-size: 12px;
	}
	.ct-limotek-desc p span {
		font-size: 11px;
	}
	.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;
	}
	.robotango-page6 .robotango-desc p {
		font-size: 16px;
		padding: 0 10px;
	}
}
/**Iphone 11**/
@media only screen 
    and (device-width: 414px) 
    and (device-height: 896px) { 
	.bdr-blue-top2 img {
		margin-left: -193px;
	}
	.ct-limotek,.ct-limotek2 {
		padding: 0 20px;
	}
}
/**Iphone 12**/
@media only screen 
    and (device-width: 390px) 
    and (device-height: 844px) { 
	.bdr-blue-top2 img {
		margin-left: -181px;
	}
	.ct-limotek,.ct-limotek2 {
		padding: 0 10px;
	}	
}
/***END New Usage CSS***/

.c-dl-btn a p{
	display:inline-block;
	position: relative;
	margin-top: -2px;
}
.c-dl-btn a p .img-top {
	display: none;
	position: absolute;
	top: 1px;
	left: 0;
	z-index: 99;
}
.c-dl-btn:hover .img-top {
	display: inline;
}
.c-dl-btn a{
	color:#FFFFFF!important;
    background: #92d050!important;
	border-color: #92d050!important;
}
.c-dl-btn p img {
    width: 18px;
}
.button .c-dl-btn a:hover{
	color:#92d050!important;	
	background:#FFFFFF!important;	
}
@media screen and (max-width: 767px) {
	.nav-scroll .c-btn01 {
	  background: unset;
	}
	.c-dl-btn a p {
		margin-top:unset;
	}
	.c-dl-btn-02 svg, .sem-r svg{
		width: 22px!important;
		height:unset!important;
		vertical-align: bottom;
		margin-right: 5px;
	}
}


/*------------------------------------------------------------
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;
}

/*------------------------------------------------------------
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(/img/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: center;
}

@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: 100%;
  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) {
  .downloads-img:hover figure:before, .downloads-img: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(/img/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 13px 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(/img/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(/img/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;
	text-align:center;
  }
}

.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("/img/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;
  }
}

@media screen and (max-width: 767px) {
  .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;
}

@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;
}

.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(/img/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("/img/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;
  }
}

/*
------------------------------------------------------------*/

/*
------------------------------------------------------------*/
.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;
  }
}

/** page below header cover **/
.c-cover {
  margin-top: -6px;
  height: 260px;
  background: url("/img/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;
  }
}
/****/

/*------------------------------------------------------------
process
------------------------------------------------------------*/
.page-process .c-cover {
  background: url("/img/support/cover-image.jpg") repeat-x;
}

.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;
  }
}

.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("/img/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;
}

/**START Knowledge Page**/
.dl-knowledge-a-btn {
    position: relative;
	text-align:center;
}
.dl-knowledge-a-btn-pad {
	padding: 50px;
}
.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;
}
.dl-knowledge-a-btn-big {
    position: relative;
    width: 760px;
	text-align:center;
}
.dl-knowledge-a-btn-big a {
    text-decoration: none;
    background-color: #F48F06;
    padding: 20px 30px;
    border: 1px solid #e08506;
    font-size: 22px;
    color: #FFFFFF;
	border-radius: 10px;
    position: absolute;
    left: 50%;
    transform: translate(-50%,-50%);
}
.dl-knowledge-a-btn-big 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,.dl-knowledge-a-btn-big {
		width: unset;
	}	
	.dl-knowledge-a-btn a,.dl-knowledge-a-btn-big a {
		padding: 15px 15px;
		font-size: 11px!important;
		height: unset!important;
		left: unset;
		width: 65%;
	}	
}
/**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(/img/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;
}*/
.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;
}
.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;
}
@media screen and (max-width: 767px) {
	.title03_tc_verticalbm .ttv {
		font-size: 20px;
	}	
	.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;
	}
	.title04_bold {
		font-size: 18px;
	}
	.page-privacy .inner {
		padding: 0 16px;
	}
	table.tab08 th, table.tab08 td {
		width: 100%;
		display: block;
	}
}
/**End Privacy Page**/

/***Blog Body****/
.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;
  margin-top: 64px;
  margin-bottom: 20px;
  padding-bottom: 10px;
}

@media screen and (max-width: 767px) {
  .blog-body h3 {
    font-size: 1.6rem;
    margin-top: 32px;
    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;
}


/*------------------------------------------------------------
contact
------------------------------------------------------------*/
.page-contact .c-cover {
  background: url("/img/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;
  }
}


/**page robo**/
/*------------------------------------------------------------
robo-pat
------------------------------------------------------------*/
.page-robo .c-cover {
  background: url("/img/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("/img/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;
  }
}

.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;
  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("/img/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;
  }
}

/**page knowledge**/
.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;
}

.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 .downloads-img:hover figure {
    position: relative;
  }
  .page-knowledge .downloads-img: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 .downloads-img: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(/img/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;
}


.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;
  }
}

/*------------------------------------------------------------
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;
    position: relative;
  }
}

.p-download1__tit {
  font-size: 2.2rem;
  font-weight: bold;
  padding-left: 30px;
  margin-top: 30px;
  margin-bottom: 11px;
  background: url(/img/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 .downloads-img:hover figure {
    position: relative;
  }
  .page-success .downloads-img: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 .downloads-img: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;
}

/*投稿者情報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;
}
}

/**Others***/
.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(/img/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(/img/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;
  }
}

@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: 875px;
    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;
  }
}

/*------------------------------------------------------------
blog
------------------------------------------------------------*/
.page-blog__blog {
  background: url("/img/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(/img/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(/img/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(/img/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;
  margin-bottom: 20px;
  padding-bottom: 10px;
}

@media screen and (max-width: 767px) {
  .blog-body h3 {
    font-size: 1.6rem;
    margin-top: 32px;
    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;
  }

  .cta-area-inner div {
    display: block;
  }

  .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%;
  }
}

.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;
  }
}

@media screen and (max-width: 767px) {
	.page-blog .rpa_list {
		margin-top:0;
	}
  .page-blog .rpa_list tr:first-child td {
	height:unset!important;
    background: #333;
    color: #fff;
  }
	.page-blog .rpa_list td:first-child {
		border: 1px solid #ccc;
		background: unset;
		color: #000;
		width:35%!important;
	}
  .page-blog .rpa_list tr td {
	display:table-cell;
	width:65%!important;

  }
}

.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("/img/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 .downloads-img:hover figure:before, .blog-mustread .downloads-img: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;
  }
}

.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;
  }
}

/*------------------------------------------------------------
Cookie
------------------------------------------------------------*/
.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;
}

/*------------------------------------------------------------
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;
  }
}

/*
------------------------------------------------------------*/
.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;
  }
}

/*------------------------------------------------------------
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;
  }
}

/**Parther Page**/
.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;
  }
}
.page-partner .c-cover {
    background: url(/img/support/cover-image.jpg) no-repeat;
}
.page-partner .partner-container {
    padding-top: 21px;
    background: url(/img/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(/img/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**/

/***top section title***/
/* .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;
  }
}

/*------------------------------------------------------------
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;
}

@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(3), .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;
  margin-top:unset!important;
}

@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;
  margin-top:unset!important;
}

@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;
  margin-top:unset!important;
}

@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;
  }
}

/*------------------------------------------------------------
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;
}

/*------------------------------------------------------------
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;
  }
}

/***page lp***/
.page-lp .thanks p.backtotop {
    font-size: 20px;
    margin-bottom: 50px;
}
.page-lp .thanks p {
    text-align: center;
    margin-top: 200px;
    line-height: 150%;
}

.page-lp .thanks p a {
    color: #2893ff;
    text-decoration: none;
}

/** page blog table of contents**/
@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;
  }
}

/*------------------------------------------------------------
title
------------------------------------------------------------*/
/*
------------------------------------------------------------*/
.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-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;
  }
}

/*------------------------------------------------------------
404
------------------------------------------------------------*/
.page-error .c-cover {
  background: url("/img/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("/img/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;
}

.page-error .c-section1 .c-btn02 a {
  padding: 17px 0;
}

/***LP****/
.c-header-floatdown {
    top: 0;
    left: 0;
    width: 100%;
}
.c-headerfix {
    background: #fff;
    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;
    padding-left: 4%;
}
.c-headerfix__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	padding-right:4%;
}
.c-headerfix__info li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.c-headerfix__info li .c-hbtn-fix {
    font-size: 1.6rem;
    font-weight: 500;
    color: #fff;
    background: #f76900;
    padding: 18px 33px;
    text-align: center;
    pointer-events: auto;
}
.c-headerfix__info li .c-hbtn-fix img {
    vertical-align: bottom;
}
.c-headerfix__info li img {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    margin-right: 10px;
}
.page-lp .nav-scroll .l-wrap {
	width:unset;
}
@media screen and (max-width: 767px) {
	.c-headerfix__info {
		padding-right:0;
	}
	.c-headerfix__info li .c-hbtn-fix {
		font-size: 1.1rem;
		padding: 12px 7px;
	}
	.c-headerfix__info li .c-hbtn-fix img {
		width: 12px;
		vertical-align: middle;
	}
	.page-lp .tango-logo {
		width:40%;
	}
	.c-header-floatdown {
		width: 75%;
	}
}

/***from page solution***/
.page-lp .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;
}

.page-lp .c-section-title2 span {
  color: #fa5b0f;
}

@media screen and (max-width: 767px) {
  .page-lp .c-section-title2 {
    font-size: 1.8rem;
    padding-bottom: 12px;
  }
}

.page-lp .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: '';
}

.page-lp .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: '';
}
.page-lp .c-section-title1 {
  line-height: 58px;
}

@media screen and (max-width: 767px) {
   .page-lp .c-section-title1 {
    line-height: 1.4;
  }
}

@media screen and (max-width: 767px) {
   .page-lp .c-section-title1 h2 {
    margin-top: 8px;
  }
}

.page-lp .c-section-title1 h2:after {
  bottom: -35px;
}

@media screen and (max-width: 767px) {
   .page-lp .c-section-title1 h2:after {
    bottom: -20px;
  }
}

.page-lp .c-section-title1 h4:after {
  content: none;
}

.page-lp .c-section-title1 h4 span {
  text-align: center;
}

.page-lp .c-section1 {
  padding-top: 90px;
  padding-bottom: 64px;
}

@media screen and (max-width: 767px) {
   .page-lp .c-section1 {
    padding-top: 13px;
    padding-bottom: 32px;
  }
}

.page-lp .c-section1 .c-section-title1 {
  margin-bottom: 95px;
}

@media screen and (max-width: 767px) {
   .page-lp .c-section1 .c-section-title1 {
    margin-bottom: 55px;
  }
}

.page-lp .c-section1__title {
  font-size: 2.8rem;
  text-align: center;
}

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

.page-lp .c-section1__title span {
  display: block;
}

.page-lp .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-lp .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-lp .c-section1 .c-list__product--2 li:not(:last-child):after {
    bottom: -15px;
  }
}

.page-lp .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-lp .c-section1 .c-list__product--2 .s-txt {
    margin-top: 18px;
    font-size: 1.2rem;
  }
}

.page-lp .c-section1 .c-list__product--2 .product-catch {
  margin-top: 5px;
  text-align: center;
}

@media screen and (max-width: 767px) {
   .page-lp .c-section1 .c-list__product--2 .product-catch {
    margin-top: 0;
  }
}

.page-lp .c-section1 .c-list__product--2 p {
  height: 240px;
  line-height: 1.75;
  letter-spacing: 1.1px;
}

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

@media screen and (max-width: 767px) {
   .page-lp .c-section1 .c-list__product--2 .c-btn02 {
    margin-top: 20px;
  }
}

@media screen and (max-width: 767px) {
   .page-lp .c-section1 .c-list__product--2 .c-btn02 a {
    width: 127px;
    border-radius: 3px;
  }
}

.page-lp .c-section1 .c-list__3col {
  margin-top: 62px;
}

@media screen and (max-width: 767px) {
   .page-lp .c-section1 .c-list__3col {
    margin-top: 42px;
  }
}

.page-lp .c-section1 .c-section1__list {
  margin-top: 100px;
  padding: 0 50px;
}

@media screen and (max-width: 767px) {
   .page-lp .c-section1 .c-section1__list {
    padding: 0;
  }
}

.page-lp .c-section1 .c-section1__list li {
  width: 305px;
}

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

.page-lp .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-lp .c-section1 .c-section1__list-circle {
    width: 150px;
    height: 150px;
    padding-top: 32px;
  }
}

.page-lp .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-lp .c-section1 .c-section1__list-circle span {
    font-size: 3rem;
  }
}

.page-lp .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-lp .c-section1 .c-section1__list-circle h3 {
    font-size: 1.3rem;
    line-height: 1.5;
  }
}

.page-lp .c-section1 .c-section1__list-text {
  font-size: 1.6rem;
  line-height: 30px;
  margin-top: 33px;
  font-family: 'NotoSansJPL';
}

.page-lp .c-section1 .c-section1__list-text span {
  font-family: 'NotoSansJPR';
  font-weight: bold;
}

@media screen and (max-width: 767px) {
   .page-lp .c-section1 .c-section1__list-text {
    font-size: 1.3rem;
    line-height: 1.7;
    margin-top: 20px;
  }
}

.page-lp .c-section2 {
  background: url("/img/lp/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-lp .c-section2 {
    background: #f6f6f6 url("/img/lp/section2-cover_sp.jpg") no-repeat;
    -webkit-background-size: 100% 100%;
            background-size: 100%;
    padding-top: 46px;
    padding-bottom: 50px;
  }
}

.page-lp .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-lp .c-section2 .icon {
    top: -28px;
    width: 50px;
    height: 50px;
  }
}

@media screen and (max-width: 767px) {
   .page-lp .c-section2 .icon img {
    width: 50%;
  }
}

.page-lp .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-lp .c-section2 .icon:after {
    border-width: 6px 5px 0 5px;
    bottom: -5px;
  }
}

.page-lp .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-lp .c-section2 p {
    font-size: 1.3rem;
    line-height: 1.7;
    margin-top: 52px;
    margin-bottom: 25px;
  }
}

.page-lp .c-section2 .c-btn02 {
  text-align: center;
}

@media screen and (max-width: 767px) {
   .page-lp .c-section2 .c-btn02 {
    margin-top: 0;
  }
}

.page-lp .c-section2 .c-btn02 a {
  background: white;
}

.page-lp .c-section2 .c-btn02 a:hover {
  background: #fa5b0f;
}

@media screen and (max-width: 767px) {
   .page-lp .c-section2 .c-btn02 a {
    width: 150px;
    height: 40px;
    font-size: 1.3rem;
    padding: 10px 0;
  }
}
.page-lp .c-section3 {
  padding-top: 74px;
  padding-bottom: 160px;
}

@media screen and (max-width: 767px) {
  .page-lp .c-section3 {
    padding-top: 37px;
    padding-bottom: 70px;
  }
}

.page-lp .c-section3__wrap {
  margin-top: 95px;
}

@media screen and (max-width: 767px) {
  .page-lp .c-section3__wrap {
    margin-top: 52px;
  }
}

.page-lp .c-section3__wrap .c-section3__case:not(:last-child) {
  margin-bottom: 107px;
}

@media screen and (max-width: 767px) {
  .page-lp .c-section3__wrap .c-section3__case:not(:last-child) {
    margin-bottom: 40px;
  }
}

.page-lp .c-section3__case-title {
  font-size: 3.6rem;
  font-family: 'NotoSansJPL';
}

.page-lp .c-section3__case-title span {
  color: #fa5b0f;
}

.page-lp .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-lp .c-section3__case-wrap {
    margin-top: 40px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.page-lp .c-section3__case-img {
  display: block;
  margin: auto;
}

.page-lp .c-section3__case .c-section-title2 {
  margin-bottom: 60px;
}

@media screen and (max-width: 767px) {
  .page-lp .c-section3__case .c-section-title2 {
    margin-bottom: 30px;
  }
}

.page-lp .c-section3__case .c-section-title2 span {
  margin-right: 30px;
}

@media screen and (max-width: 767px) {
  .page-lp .c-section3__case .c-section-title2 span {
    margin-right: 0;
    margin-bottom: 3px;
    display: block;
  }
}

.page-lp .c-section3__case .c-support-box {
  width: 550px;
}

@media screen and (max-width: 767px) {
  .page-lp .c-section3__case .c-support-box {
    width: 100%;
  }
}

.page-lp .c-section3__case .c-support-box__txt {
  font-weight: normal;
}

.page-lp .c-section3__case .c-support-box .icon {
  display: inline-block;
  vertical-align: -3px;
  margin-right: 15px;
}

@media screen and (max-width: 767px) {
  .page-lp .c-section3__case .c-support-box .icon {
    vertical-align: baseline;
    margin-right: 3px;
  }
}

.page-lp .c-section3__case .c-support-box .c-support-box__content {
  padding: 50px;
}

@media screen and (max-width: 767px) {
  .page-lp .c-section3__case .c-support-box .c-support-box__content {
    padding: 20px;
  }
}

.page-lp .c-section3__case .c-support-box:first-child {
  background: #e6e6e6;
  border: none;
}

.page-lp .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-lp .c-section3__case .c-support-box:first-child .c-support-box__content {
    padding: 20px 25px 25px;
  }
}

.page-lp .c-section3__case .c-support-box:first-child .c-support-box__txt {
  font-family: 'NotoSansJPL';
}

.page-lp .c-section3__case .c-support-box:first-child .c-support-box__ttl {
  background: #999;
}

.page-lp .c-section3__case .c-support-box.c-arrow-right:before {
  right: -40px;
}

@media screen and (max-width: 767px) {
  .page-lp .c-section3__case .c-support-box.c-arrow-right:before {
    display: none;
  }
}

.page-lp .c-section3__case .c-support-box.c-arrow-right:after {
  right: -40px;
}

@media screen and (max-width: 767px) {
  .page-lp .c-section3__case .c-support-box.c-arrow-right:after {
    display: none;
  }
}

.page-lp .c-section3 .c-support-info {
  margin-top: 93px;
}

@media screen and (max-width: 767px) {
  .page-lp .c-section3 .c-support-info {
    margin-top: 46px;
  }
}
.page-lp .c-so-graph {
  position: relative;
  margin: 80px auto 90px;
}

@media screen and (max-width: 767px) {
  .page-lp .c-so-graph {
    margin: 50px auto;
  }
}

.page-lp .c-so-graph figure {
  margin: auto;
  padding: 20px 0 90px;
  width: 314px;
}

@media screen and (max-width: 767px) {
  .page-lp .c-so-graph figure {
    padding: 0 0 30px;
    width: 100%;
    text-align: center;
  }
  .page-lp .c-so-graph figure img {
    width: 50%;
  }
}

.page-lp .c-so-graph span, .c-so-graph spna {
  margin: auto;
  display: block;
}

.page-lp .c-so-graph spna img {
    margin-top: 9px;
    margin-left: 1px;
}

.page-lp .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-lp .c-so-graph span {
    top: 5px;
    left: 5px;
    width: 40px;
    height: 40px;
  }
  .page-lp c-so-graph span svg {
    width: 90%;
  }
}

.page-lp .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-lp .c-so-graph h3 {
    padding: 11px 0 0 55px;
    width: 100%;
    height: 50px;
    font-size: 1.6rem;
  }
}

.page-lp .c-so-graph h3:after {
  position: absolute;
  content: "";
  top: 36px;
  width: 66px;
  height: 31px;
  background: url(/img/lp/graph-branch01.png) center no-repeat;
}

@media screen and (max-width: 767px) {
  .page-lp .c-so-graph h3:after {
    display: none;
  }
}

.page-lp .c-so-graph p {
  margin: 15px 0 0 35px;
  font-size: 1.8rem;
  color: #333;
}

@media screen and (max-width: 767px) {
  .page-lp .c-so-graph p {
    margin: 5px 0 20px 10px;
    font-size: 1.4rem;
  }
}

.page-lp .graph {
  position: absolute;
}

@media screen and (max-width: 767px) {
  .page-lp .graph {
    position: relative;
  }
}

.page-lp .graph01 {
  top: 0;
  left: 0;
}

.page-lp .graph01 h3 {
  background: #51c9e1;
}

.page-lp .graph01 h3:after {
  left: 100%;
}

.page-lp .graph02 {
  top: 0;
  right: 0;
}

.page-lp .graph02 h3 {
  background: #51c9e1;
}

.page-lp .graph02 h3:after {
  right: 100%;
  background: url(/img/lp/graph-branch02.png) center no-repeat;
}

.page-lp .graph03 {
  bottom: 0;
  left: 0;
}

.page-lp .graph03 h3 {
  background: #79b8c5;
}

.page-lp .graph03 h3:after {
  top: 6px;
  left: 100%;
  background: url(/img/lp/graph-branch03.png) center no-repeat;
}

.page-lp .graph04 {
  bottom: 0;
  right: 0;
}

.page-lp .graph04 h3 {
  background: #a2b5b9;
}

.page-lp .graph04 h3:after {
  top: 6px;
  right: 100%;
  background: url(/img/lp/graph-branch04.png) center no-repeat;
}

.page-lp .c-list__case ul {
  border: 5px solid #ccc;
}

.page-lp .c-list__case li {
  color: #000;
  text-align: center;
  border-right: 5px solid #ccc;
}

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

@media screen and (max-width: 767px) {
  .page-lp .c-list__case li:last-of-type {
    border-bottom: none;
  }
}

@media screen and (max-width: 767px) {
  .page-lp .c-list__case li {
    border-bottom: 5px solid #ccc;
  }
  .page-lp .c-list__case li:nth-of-type(2n+2) {
    border-right: none;
  }
}

.page-lp .c-list__case h4 {
  color: #fa5b0f;
}

.page-lp .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-lp .c-list__case p {
    font-size: 1.2rem;
  }
}

.page-lp .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-lp .c-list__3col .c-section-title1 {
  margin-bottom: 40px;
}

.page-lp .sec05 {
  margin-top: 30px;
}

.page-lp .sec06 {
  margin: 100px auto 80px;
}

.page-lp .sec-ttl-txt {
  margin-top: 65px;
  font-size: 1.8rem;
  text-align: center;
}

.page-lp .total-support {
  margin-top: 40px;
}

.page-lp .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-lp .total-support li {
  position: relative;
  margin-bottom: 40px;
  padding: 50px 55px;
  width: 355px;
  text-align: center;
  border: 1px solid #16c6da;
}

@media screen and (max-width: 767px) {
  .page-lp .total-support li {
    padding: 30px;
  }
}

.page-lp .total-support h3 {
  font-size: 2.1rem;
  line-height: 1.4;
  color: #16c6da;
}

@media screen and (max-width: 767px) {
  .page-lp .total-support h3 {
    font-size: 1.8rem;
  }
}

.page-lp .total-support span {
  margin: 0 auto 15px;
  display: block;
}

.page-lp .l-cont__case {
	padding-top:50px;
}
.page-lp .robotango-page1 {
	padding-top:75px;
}
@media screen and (max-width: 767px) {
  .page-lp .total-support span {
    height: 50px !important;
  }
}

.page-lp .total-support p {
  margin-top: 20px;
  font-size: 1.6rem;
  text-align: justify;
}

@media screen and (max-width: 767px) {
  .page-lp .total-support p {
    font-size: 1.4rem;
  }
}

.page-lp .total-support p span {
  display: inline;
  font-family: 'NotoSansJPR';
  font-weight: bold;
}

.page-lp .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-lp .total-support .abs-num {
    font-size: 4rem;
  }
}

.btn-contact-inq {
    margin: auto;
    text-align: center;
}

.btn-contact-inq a{
    padding: 37px 69px 37px 69px;
    background: #FA5B0F;
    color: #ffffff;
    font-size: 24px;
    border-radius: 60px;
}

.btn-contact-inq a:hover{
  padding: 37px 69px 37px 69px;
  background: #ffffff;
  color: #FA5B0F;
  opacity: 1;
  border-radius:60px;
  border: 4px solid #FA5B0F;
}
@media screen and (max-width: 767px) {
	.page-lp .sec06 {
		margin: 100px auto 0;
	}
	.page-lp .rt_m100 {
		margin-top: 75px; 
	}
	.btn-contact-inq a {
		padding: 20px;
		font-size: 20px;
		border-radius: 60px;
	}
}

/**Top new**/
.robotango-page13 .c-section-title1 {
    margin-bottom: 105px;
}
.robotango-page13 .c-section-title2 {
    text-align: center;
}
.robotango-page13 .c-section-title1 h2 {
    font-size: 4.8rem;
    font-family: 'NotoSansJPL';
    font-weight: normal;
    position: relative;
    margin-top: 5px;
}
.robotango-page13 .c-section-title1 h2: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: '';
}

.robotango-page13 .c-section3__procedure .c-section-title2 {
    margin-bottom: 48px;
}
.robotango-page13 .c-section-title2 {
    border-bottom: 1px solid #cecece;
    font-size: 3.6rem;
    font-weight: 400;
    font-family: NotoSansJPL;
    position: relative;
    padding-bottom: 23px;
}

.robotango-page13 .c-section3__procedure .c-section-title2 {
  margin-bottom: 48px;
}

@media screen and (max-width: 767px) {
	.robotango-page13 .c-section-title1 {
		margin-bottom: 60px;
	}
	.robotango-page13 .c-section-title1 h2 {
		font-size: 2.1rem;
	}
	.robotango-page13 .c-section-title2 {
		 font-size: 1.8rem;
	}
  .robotango-page13 .c-section3__procedure .c-section-title2 {
    margin-bottom: 24px;
  }
   .robotango-page2 .rt_pt100 {
	  padding-top:50px;
  }
	.robotango-page2 .robotango-title-img{
		margin-top: 50px;
		padding-bottom: 100px;
	}
}

.robotango-page13 .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) {
  .robotango-page13 .c-section3__procedure-wrap {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.robotango-page13 .c-section3__procedure-video {
  width: 530px;
  height: 0;
  position: relative;
  padding-top: 320px;
  background: #000;
}

@media screen and (max-width: 767px) {
  .robotango-page13 .c-section3__procedure-video {
    width: 100%;
    height: auto;
    padding-top: 56.25%;
    margin-bottom: 15px;
  }
}

.robotango-page13 .c-section3__procedure-video video, .robotango-page13 .c-section3__procedure-video iframe {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
}

.robotango-page13 .c-section3__procedure-step {
  width: 500px;
  border: none;
  background: none;
}

@media screen and (max-width: 767px) {
  .robotango-page13 .c-section3__procedure-step {
    width: 100%;
  }
}

.robotango-page13 .c-section3__procedure-step h3 {
  padding: 10px 5px 14px;
}

@media screen and (max-width: 767px) {
  .robotango-page13 .c-section3__procedure-step h3 {
    padding: 8px 5px;
  }
}

.robotango-page13 .c-section3__procedure-step .c-support-box__content {
  border: 5px solid #ccc;
  border-top: none;
  padding: 25px 30px;
}

@media screen and (max-width: 767px) {
  .robotango-page13 .c-section3__procedure-step .c-support-box__content {
    padding: 20px 25px;
  }
}

.robotango-page13 .c-section3__procedure {
  margin-bottom: 88px;
}

@media screen and (max-width: 767px) {
  .robotango-page13 .c-section3__procedure {
    margin-bottom: 44px;
  }
}

.robotango-page13 .c-support-box ul {
  counter-reset: items;
}

.robotango-page13 .c-support-box ul li {
  counter-increment: items;
  font-size: 1.6rem;
  line-height: 34px;
  font-family: 'NotoSansJPM';
  display: table;
  margin-left:0;
}

@media screen and (max-width: 767px) {
  .robotango-page13 .c-support-box ul li {
    font-size: 1.3rem;
    line-height: 1.7;
    margin-bottom: 2px;
  }
}

.robotango-page13 .c-support-box ul li:before {
  content: counter(items, decimal-leading-zero) ". ";
  color: #fa5b0f;
  display: table-cell;
}

.robotango-page13 .c-support-box ul li ul li {
  font-size: 1.3rem;
}

.robotango-page13 .c-support-box ul li ul li:before {
  content: unset;
}

.robotango-page13 .c-arrow-down {
  position: relative;
}

.robotango-page13 .c-arrow-down:before, .c-arrow-down:after {
  position: absolute;
  z-index: 2;
  content: '';
}

/**Support New**/
.free-support-l {
	width: 47%;
    font-size: 20px;
    float: left;
    text-align: justify;
    margin-top: 42px;
}
.free-support-r {
    float: right;
    width: 50%;
}
.free-support-full {
    text-align:center;
	font-size:22px;
}
.free-support-full p{
    background-color:#FFFFFF;
	padding: 10px 0;
}
.free-support-full img{
   margin-top:-2px;
}
@media screen and (max-width: 767px) {
	.free-support-l {
		width: 100%; 
		font-size: 13px;
		float: left;
		text-align: justify;
		margin-top: 0px;
		padding: 0 15px;
	}
	.free-support-l p {
		line-height:3em;
	}
	.free-support-r {
		float: unset;
		width: 100%;
		text-align:center;
	}
	.free-support-r img{
		padding-top:25px;
	}
	.free-support-full {
		font-size:13px;
	}
	.free-support-full p {
		line-height:3em;
	}
}

/* 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;
  }
}

/**FOR CTA-page A/B Testing only***/
.cta-sect .l-wrap {
	background-color:#253746;
}
.cta-sect .cta-header {
	padding:50px;
	color: #FFFFFF;
	width: 75%;
    margin: auto;
}
.cta-sect .c-title009 {
	float:left;
}
.cta-sect .c-title009 h2{
	font-size:22px;
	color: #FFFFFF;
}
.cta-sect .c-btn__2row {
	float:right;
	margin:unset;
}
.cta-sect .c-btn__2row a {
	width: 360px;
}
.cta-sect .c-btn__call a .btn-rale {
	color: #FFFFFF;
	margin-bottom: 5px;
}
.cta-sect .c-btn__call a span {
	color: #FFFFFF;
}
.cta-sect .c-btn__2row a .icon {
	padding-right:5px;
}
.cta-sect .cta-desc {
	text-align:center;
	color: #FFFFFF;
}
.cta-sect .cta-desc p{
	font-size: 20px;
    line-height: 1.5em;
}
.cta-sect .c-box6 {
    margin-bottom: 88px;
    padding: 60px 0 0;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.cta-sect .c-box6__item {
    text-align: center;
    width: 550px;
    padding: 0 60px 50px;
}
.cta-sect .c-box6__ttl {
    font-size: 2.2rem;
    line-height: 1.5;
    letter-spacing: 1px;
    color: #FFFFFF;
    margin-bottom: 16px;
}
.cta-sect .c-box6__txt {
    font-size: 1.5rem;
    line-height: 2;
    color: #FFFFFF;
    text-align: center;
}
.cta-sect .c-box6__item:not(:first-child) {
    border-left: 1px solid #707070;
}
.cta-sect .c-box-btn {
	padding-top:50px;
	margin-left: -50px;
}
.cta-sect .c-box6__item .c-box-btn a {
	padding: 15px 40px;
    background: #16C6DA;
    color: #ffffff;
    font-size: 16px;
    border-radius: 60px;
	width: 250px;
    display: inline-block;	
}
.cta-sect .c-box6__item .c-title009 {
	float:unset;
}
.cta-sect .c-box-btn img {
	margin: 23px -35px;
}
.cta-sect .c-box6-a {
	padding: 60px 0 0;
    margin-bottom: unset;
}
.cta-sect .cta-desc-a {
	padding-bottom:50px;
	margin-bottom: 88px;
}
.cta-sect .c-box6-b  {
    padding-bottom: 60px;
}
.cta-sect .c-box6-b .c-box6__item {
    padding: 0 15px;
}
.cta-sect .c-box6-b .c-box6__item a {
	width:225px;
}
.cta-sect .c-box6-b .c-btn__call a .btn-rale {
    margin-left:unset!important;
    font-size: 3rem;
}
.cta-sect .c-box6-b .c-btn__call a {
	border:unset;
}
.cta-sect .c-box6-b .c-btn__2row {
    margin: 40px 0px 50px -5px;
}
.cta-sect .c-box6-b .c-btn__2row {
	float:unset;
}
@media screen and (max-width: 767px) {
	.cta-sect .cta-header {
		width: 100%;
		padding: 50px 50px 0;
	}
	.cta-sect .c-title009 {
		float:unset;
	}
	.cta-sect .c-btn__2row {
		float:unset;
	}
	.cta-sect .c-btn__2row a {
		padding: 10px 0;
		width: 100%;
		max-width: 400px;
		height: 73px;
		font-size: 1.4rem;
	}
	.cta-sect .c-btn__call a .btn-rale {
		font-size: 2.7rem;
		text-align: left;
	}
	.cta-sect .cta-desc p {
		font-size: 17px;
		margin: 0 15px 30px;
	}
	.cta-sect .c-box6 {
		margin-bottom: 36px;
		padding: 0 20px;
		flex-wrap: wrap;
	}
	.cta-sect .c-box6__item {
		width: 100%;
		padding: 26px 0 40px;
	}
	.cta-sect .c-box6__ttl {
		font-size: 1.8rem;
		letter-spacing: 0;
		margin-bottom: 5px;
	}
	.cta-sect .c-title009 h2 {
		font-size: 28px;
	}
	.cta-sect .c-box6__txt {
		font-size: 1.8rem;
		line-height: 1.75;
	}
	.cta-sect .c-box6__item {
		border-left: none;
		border-top: 1px solid #707070;
	}
	.cta-sect .c-box6__item:not(:first-child) {
		border-left: unset;
	}
	.cta-sect .c-box6__item-a {
		border-bottom: 1px solid #707070;
	}
	.cta-sect .c-box6-b .c-box6__item {
		padding: 26px 0 40px;
	}
	.cta-sect .c-box6-b .c-btn__2row {
		margin: 40px 0px 0px -5px;
	}
	.cta-sect .c-box6-b .c-btn__2row .c-btn01 {
		overflow: unset;
	}	
	.cta-sect .c-box6-b .c-box6__item a {
		width: 260px;
	}
	.cta-sect .c-box6-b .c-btn__call a {
		border: 2px solid #999;
	}
	.cta-sect .c-box6-b .c-btn__2row a {
		height: 73px;
	}	
}

/**Top new images**/
.robotango-page10 {
	margin-top:25px!important;
}
.main_result {
	margin-top:25px;
}
.main_result,.main_result2 {
  align-items: center;
  display: flex;
}
.main_result2 {
	height:150px;
}
.ida_div img, .kwe_div img {
	width:62%;
}
.hax_div img {
	width:70%;
}
.tleo_div img {
	width:50%;
}
.mr_img2 img, .mr_img3 img {
	width:75%;
}
.main_result2 div img{
  width:50%;
}
.ichi_div img {
	width:72%!important;
}
.somic_div img {
	width:61%!important;
}
.mr_img3 {
	margin: 0 -15px 0 -25px;
}
.kwe_div {
	margin-right: -40px;
}
.tleo_div {
	width:400px;
	margin-right: -93px;
}
.yin_div {
	width:350px;
	margin-right:-4px;
}
.yin_div img {
	width:100%;
}
.cbh_div {
	width: 145px;
    text-align: left;
    padding-top: 10px;
}
.cbh_div img {
	width:90%!important;
}
.somic_div {
	margin-right: -80px;
}
.shigyo_div {
	margin-right: -160px;
}
.troki_div {
	margin-right: -280px;
}
.sachi_div {
	margin-right: -35px;
    margin-left: -25px;
}
.maru_div {
	margin-right:-30px;
}
.kita_div {
	margin-right: -295px;
    margin-left: -15px;
}
.kita_div img {
	width:20%!important;
}	
@media screen and (max-width: 767px) {
	.robotango-page10 .rt_mb100 {
		margin-bottom:50px;
	}
	.mr_img2 {
		margin:unset;
	}
	.mr_img3 {
		margin: 0 -30px 0 -25px;
	}
	.main_result div img {
		width:80%!important;
	}
	.main_result2 {
		height: 75px;
	}
	.ida_div {
		margin-right:-30px;
	}
	.ida_div img,.sachi_div img,.kwe_div img {
		width: 70%;
	}
	.sachi_div {
		margin-right:-15px;
		margin-left:unset;
	}
	.ichi_div img{
		width: 95%!important;
	}
	.marusan_div img,.somic_div img {
		width: 70%!important;
	}
	.marusan_div {
		margin-right:-5px;
	}
	.somic_div {
		margin-right: -55px;
	}
	.main_result3 {
	  align-items: center;
	  display: flex;
	  height: 50px;
	  margin-bottom:30px;
	}
	.shigyo_div {
		margin-right: unset;
		width:95%;
	}
	.shigyo_div img {
		width:82%;
	}
	.troki_div {
		margin-right: -22px;
		margin-left: -15px;
	}
	.tleo_div {
		width: 80%;
		margin-left: 22px;
		margin-right: unset;
	}
	.tleo_div img {
		width: 100%;
	}
	.hax_div {
		margin-right:unset;
		text-align:right;
	}
	.kwe_div {
		margin-right: -5px;
		text-align: right;
	}
	.kwe_div img{
		width:90%!important;
	}
	.kita_div img {
		width:100%!important;
	}
	.kita_div {
		margin-right: -8px;
		margin-left: 35px;
		width: 25%;
	}
	.cbh_div {
		width: 165px;
		text-align: center;
		padding-top: unset;
	}	
	.yin_div {
		margin-right:unset;
	}
}
/****/

/**table color header no lines on td**/
.blog-body .tbl_hd_cl_nl td:first-child {
	background: unset;
    color: #000;
}
.blog-body .tbl_hd_cl_nl tr:first-child td {
    background: #333;
	color:#fff;
}
.blog-body .tbl_hd_cl_nl td {
    border: unset;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
}
.blog-body .tbl_hd_cl_nl tr:last-child td{
	border-bottom: 1px solid #ccc;
}
@media screen and (max-width: 767px) {
	.blog-body .tbl_hd_cl_nl td {
		display:table-cell;
	}
	.blog-body .tbl_hd_cl_nl td:first-child {
		border: unset;
		border-left: 1px solid #ccc;
	}
}

/**3 circle top**/
.c-mainvisual-imgs {
	float: right;
    width: 50%;
    margin-top: 2.6vw;
	padding: 10px 0 0 20px;
}
.img-comp img{
	width:38.7vw;
}
.circle-top {
  align-items: center;
  display: flex;
  justify-content: center;
  width: 37.3vw;
}
.circle-top div {
    padding-right: 15px;
}
.circle-top img {
	width:9.55vw;
}
.robo-tango p.c-mv__img img {
	width: 35vw;
}
@media screen and (max-width: 767px) {
	.c-mainvisual-imgs {
		float: unset;
		width: unset;
		margin-top: unset;
		padding: 10px 0 0 30px;
	}
	.img-comp {
		margin-left: -10%;
	}
	.circle-top div{
		width: unset;
		padding-right:unset;
	}
	.circle-top-m {
		padding:0 10px 0 10px!important;
	}
	.circle-top img {
		width:100%;
	}
	.circle-top {
		width: 75%;
		margin-left: 7%;
	}
	.img-comp img {
		width: 77%;
	}
	.robo-tango p.c-mv__img img {
		width: 75%;
	}
}
@media screen and (min-width: 1440px) and (max-width: 1440px) {
	.robo-tango p.c-mv__link {
		padding-bottom: 82px;
	}
}
@media screen and (min-width: 1441px) and (max-width: 1650px) {
	.robo-tango p.c-mv__link {
		padding-bottom:100px;
	}
}

/**A/B testing knowledge page form**/
.fm_div {
	padding:25px 0;
	margin:auto;
	text-align: center;
}
.fm_div .fm_title {
    display: inline-block;
    font-size: 2.4rem;
    text-align: center;
    position: relative;
    z-index: -1;
	font-family: sans-serif;
    font-weight: 700;
}

.fm_content_t1 {
	width: 50%;
}
.fm_part {
 width:50%;
}
.fm_title img {
	width:100%;
    vertical-align: top;
	position:relative;
}
.fm_title_desc {
	font-size: 1.8rem;
    line-height: 34px;
    margin-bottom: 20px;
    font-weight: 700;
}
.main_fm_content {
    border: 5px solid #e6e6e6;
	padding: 10px 15px;
}
.fm_content {
    align-items: flex-start;
    display: flex;
    justify-content: center;
}
.fm_content .p-download3__form th {
	border-left: 1px solid #ccc;
	border-top:unset;
	border-top: 1px solid #ccc;
}
.fm_content .p-download3__form td {
	border-top:unset;
}
.fm_content_t1 img{
	width:100%;
	height:199px;
}
.frm_submit {
    width: 100%;
}
.blog-body .frm_submit a[target=_blank] {
    color: #16c6da;
}
.blog-body .frm_submit p {
	font-size:1.5rem;
}
.p_btn {
	margin-top:-105px;
}
.blog-body #mw_wp_form_mw-wp-form-503 table td {
	background: #f6f6f6;
	border:unset;
	padding: 4px 10px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.blog-body .fm_content table {
	margin-top:0;
	height:199px;
}
.fm_div_side {
	position: -webkit-sticky;
   position: sticky;
}
.fm_content .p-download3__form input[type=submit], .fm_div_side .p-download3__form input[type=submit]{
	width: 140px;
	padding: 17px 0;
}
.fm_content input:-webkit-autofill,
.fm_content input:-webkit-autofill:hover, 
.fm_content input:-webkit-autofill:focus, 
.fm_content input:-webkit-autofill:active,
.fm_div_side input:-webkit-autofill,
.fm_div_side input:-webkit-autofill:hover, 
.fm_div_side input:-webkit-autofill:focus, 
.fm_div_side input:-webkit-autofill:active{
    -webkit-box-shadow: 0 0 0 30px white inset !important;
}
.fm_part th {
    width:105px;
}
.fm_part th span {
	right:unset;
}
.fm_div_side .p-download3__form th {
    background: #f6f6f6;
    width:37px;
	padding: 8px 1px 8px 5px;
	font-size: 12px;
}
.fm_div_side .p-download3__form th span {
	right: unset;
}
.fm_div_side .p-download3__form td {
    background: #f6f6f6;
    width: 125px;
    padding: 8px 2px;
}
.frm_submit .p-download3__ntform:first-child {
	margin-bottom:0;
}
.frm_submit .p-download3__ntform:nth-child(2) {
	margin-top:0;
}
.frm_submit input[type=submit] {
	margin-bottom:10px;
}
.fm_div_side input[type=submit] {
	margin-top:-15px;
}
.fm_part .red td p {
	line-height:unset;
	margin-bottom:unset;
}
@media screen and (max-width: 767px) { 
	.fm_content {
		display:initial;
	}
	.fm_content_t1 {
		width: 100%;
	}
	.fm_part  {
		width: 100%;
		margin-top:10px;
	}
	.fm_content .p-download3__form th {
		border-left:unset;
	}
	.blog-body #mw_wp_form_mw-wp-form-503 table td {
		border-top:unset;
		border-bottom:unset;
	}
	.frm_submit input[type=submit] {
		margin-top: 40px;
	}
	.fm_div .fm_title {
		font-size:2.5rem;
	}
}

/**for LP**/
.robo-tango p.c-mv__link-lp {
    padding-bottom: 12.6vw;
}
@media screen and (min-width: 1440px) and (max-width: 1440px) {
	.robo-tango  p.c-mv__link-lp {
		padding-bottom: 156px;
	}
}
@media screen and (min-width: 1441px) and (max-width: 1650px) {
	.robo-tango  p.c-mv__link-lp {
		padding-bottom:179px;
	}
}

/**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("/img/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 {
	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(/img/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!important;
    background: url(/img/ithojo/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 {
	margin: -54px 0 0 35px;
	color:#FFFFFF;
	opacity: 0.5;
}
.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;
	float: unset; 
    width: unset;
    margin-top: unset; 
    padding: unset;
}
.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(/img/ithojo/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 .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;
}
.page-ithojo .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; 
}
div .p_img {
	margin:40px 0;
}
.page-ithojo2 .p_img img {
    margin-left: 14%;
    width: 50%;
    margin-top: 30px;
    padding-bottom: 60px;
}
.page-ithojo2 .p_img2 img {
    width: 50%;
    margin-left: 14%;
    padding-top: 15px;
    padding-bottom: 30px;
}
.page-ithojo2 .p_text  {
	font-size: 1.5rem;
}
.page-ithojo .mb100 {
	margin-bottom:100px;
}
.page-ithojo .mt50 {
	margin-top:50px;
}
.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-wrap4,.page-ithojo1 .l-wrap, .page-ithojo4 .l-wrap, .page-ithojo7 .l-wrap{
	width: 800px;
	margin:auto;
}
.page-ithojo3 .l-wrap3 {
	width: 975px;
	margin:auto;
}
.page-ithojo2 .l-wrap {
	width: 845px;
}
.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_box1 {
  background-color: #FFFFFF;
  margin: 3px 13px 5px 20px;
  padding:10px;
  border-radius:10px;
  height: 150px;
  width: 240px;
  text-align:center;
}
.page-ithojo .d_box1_1 {
  background-color: #FFFFFF;
  margin: 3px 13px 5px 20px;
  padding:10px;
  border-radius:10px;
  height: 150px;
  width: 163px;
  text-align:center;
}
.page-ithojo .d_box1_1 p.b_image{
	text-align:center;
	padding-top:20px
}
.page-ithojo .d_box1_1 p.b_image img {
	width:93%;
}
.page-ithojo .d_box1_1 p.b_desc {
    text-align: center;
    font-size: 1.9em;
    color: #000000;
}
.page-ithojo .d_box2 p.b_image {
    width: 100%;
    margin-top: 20px;
    margin-left: 2px;
}
.page-ithojo .d_box2 p.b_image img {
    width: 90%;
}
.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{
	text-align:center;
	font-size:1.9em;
	color:#000000;
}
.page-ithojo .d_box2 p.b_desc2{
	text-align:center;
	font-size:1.9em;
	color:#000000;
}
.page-ithojo .d_box {
  background-color: #FFFFFF;
  padding: 10px 18px 10px 18px;
  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:10px 0 5px;
	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;
}
.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;
}
span.b_num {
	font-weight:bold;
	font-size:2.5em;
}
span.b_num2 {
	font-weight:bold;
	font-size:2.5em;
}
span.b_num3 {
	font-weight:bold;
	font-size:1.4em;
}
span.b_sign {
	font-size:0.8em;
	font-weight:bold;
}
span.b_signnote {
	font-size:0.4em;
	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;
}
.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;
}
.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;
}
.page-ithojo .frame_size iframe {
	height:1200px;
	width:100%;
}
@media screen and (max-width: 767px) {
	 .page-ithojo .frame_size iframe {
		height:1100px;
		width:92%;
	}
	.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;
	}
	.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: 55%;
		margin-left: 23%;
		padding-bottom:unset;
	}
	.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 {
		padding-bottom:10px;
	}
	.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;
		height: 130px;
		width: 180px;
		padding: 5px;
	}
	.page-ithojo .d_box2 p.b_image {
		margin-left: 0px;
		width: 100%;
		padding-left: 0px;
	}	
	.page-ithojo .d_box2 p.b_title,.page-ithojo .d_box p.b_title  {
		font-size: 1.4em!important;
	}
	span.b_num {
		font-size: 30px;
	}
	span.b_sign {
		font-size: 0.6em!important;
		font-weight: bold;
		width:35px;
	}
	span.b_sign_sp {
		font-size: 1.0em!important;
	}
	.page-ithojo .p_sign-m-sp {
		width: 30%;
		text-align: right;
	}
	.page-ithojo .d_box-w-sp {
		width: 140px;
	}
	.line_vertical-sp {
		padding-bottom:50px;
		margin-top: 20px;
	}
	.d_box-first-sp {
		width:120px;
	}
	.page-ithojo .d_box {
		padding: 6px 11px 10px 11px;
		margin: 3px 3px 5px 3px;
		height: 130px;
	}
	.page-ithojo .d_box1_1 {
		padding: 6px 11px 10px 11px;
		margin: 3px 3px 5px 3px;
		height: 130px;
		width: 150px;
	}
	.page-ithojo .d_box p.b_desc {
		font-size: 1.5em;
	}
	.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: 30px;
	}
	.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;
	}
	.mt40_sp {
		margin-top:40px;
	}
	.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;
	}
}

.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;
}

.p-information2 {
  margin: 0 0 101px;
}

.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;
  }
}

.button-area {
  display: flex;
  justify-content: center;
  position: absolute;
  bottom: 25px;
  left: 50%;
  transform: translateX(-50%);
}

/* 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;
  }
}

@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;
  }
}
/*
------------------------------------------------------------*/
/**IT HOJO BY: JSE Ends Here**/
h1.support01{
  font-size: 4.6rem!important;
}
.support02{
  background-color: #fff;
  padding-bottom: 75px;
}
.support03{
  background-color: #f7f7f7;
  padding: 40px 0 60px;
}
.support04{
  padding-top: 70px;
}
.plan01{
  border-bottom: solid 1px;
  padding: 10px 0;
}
/* add20230706 */
.ipaas_margin {
	margin-top:40px!important;
}
.page-ithojo .c-mv__text1 {
  line-height: 1.8;
}

@media screen and (max-width: 767px) {
  .c-mainvisual--ithojo {
    height: 651px;
  }
}
.c-list__3row figure img {
  height: auto;
  min-height: auto;
}
.page-blog .blog-nav .blog-breadcrumb {
  margin-top: 40px;
}
.page-blog .blog-nav .blog-sns {
  margin-top: 40px;
}