@charset "UTF-8";
@import url("https://fonts.googleapis.com/earlyaccess/notosansjp.css");

@-ms-viewport {
  width: auto !important;
  initial-scale: 1;
}

body {
  background-color: #fff;
  line-height: 1.8;
  font-size: 1.6rem;
  font-family: "Noto Sans JP", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3",
    "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  color: #333;
}

@media (max-width: 767px) {
  body {
    font-size: 1.4rem;
  }
}

a,
a:visited,
a:hover,
a:active {
  color: inherit;
  text-decoration: none;
}

img {
  max-width: 100%;
  height: auto;
}

.btn {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: #967b4f url("../img/icon-arrow.png?d=221215") right 5px center
    no-repeat;
  width: 320px;
  height: 70px;
  line-height: 1.5;
  text-align: center;
  transition: all 0.4s;
}

.btn,
.btn:visited,
.btn:hover,
.btn:active {
  color: #fff;
  text-decoration: none;
}

.btn:hover {
  opacity: 0.7;
}

.btn::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  background: #583b18;
  width: 10px;
  height: 1px;
}

.btn .label {
  font-weight: bold;
  font-size: 1.8rem;
}

.btn small {
  font-size: 1.2rem;
}

@media (max-width: 767px) {
  .btn {
    width: 300px;
    height: 50px;
    line-height: 1.5;
    text-align: center;
    transition: all 0.4s;
  }

  .btn .label {
    font-size: 1.6rem;
  }
}

@media (min-width: 768px) {
}

.contact-menu {
  margin: 0;
  padding: 0;
  list-style: none;
}

@media (max-width: 767px) {
  .contact-menu li {
    margin-bottom: 10px;
    text-align: center;
  }

  .contact-menu li .btn {
    margin: 0 auto;
  }

  .contact-menu li:last-child {
    margin-bottom: 0;
  }
}

@media (min-width: 768px) {
  .contact-menu {
    display: flex;
  }

  .contact-menu li + li {
    margin-left: 20px;
  }
}

/*.img-main .contact-menu li:last-child .btn{
  background: #12449a url("../img/icon-arrow.png") right 5px center no-repeat;
}*/
.heading,
.title {
  line-height: 1.3;
}

.ul {
  padding-left: 1.5em;
  list-style: disc outside;
}

.common-heading {
  position: relative;
  margin: 0;
  line-height: 1.3;
  font-weight: bold;
  color: #12449a;
  text-align: center;
}

.common-heading::before {
  content: "";
  position: absolute;
  left: 50%;
  display: block;
  margin-left: -1px;
  background: #12449a;
}

.common-heading.white {
  color: #fff;
}

.common-heading.white::before {
  background: #fff;
}

@media (max-width: 767px) {
  .common-heading {
    padding-top: 60px;
    font-size: 2.8rem;
  }

  .common-heading::before {
    top: 26px;
    width: 2px;
    height: 28px;
  }
}

@media (min-width: 768px) {
  .common-heading {
    padding-top: 180px;
    font-size: 3.6rem;
  }

  .common-heading::before {
    top: 130px;
    width: 2px;
    height: 40px;
  }
}

/* Wrapper
==========================*/
@media (max-width: 767px) {
  #wrapper {
    padding-top: 82px;
    padding-bottom: 60px;
  }

  #wrapper.azarea {
    padding-top: 40px;
  }
}

@media (min-width: 768px) {
  #wrapper {
    min-width: 1100px;
  }
}

/* Header
==========================*/
#header {
  background: #fff;
}

.header-phone img {
  margin-right: 5px;
  vertical-align: middle;
}

@media (max-width: 767px) {
  #header,
  .nav-main {
    position: fixed;
    left: 0;
    z-index: 100;
    width: 100%;
  }

  #header {
    top: 0;
  }

  .header-logo,
  .header-phone {
    margin: 0;
  }

  .header-logo {
    float: left;
    padding-top: 7px;
    padding-bottom: 7px;
  }

  .header-logo img {
    width: auto;
    height: 26px;
  }

  .header-phone {
    float: right;
    padding-top: 6px;
  }

  .header-phone img {
    position: relative;
    top: -2px;
  }
}

@media (min-width: 768px) {
  #header {
    height: 60px;
  }

  .header-logo,
  .header-phone {
    margin: 0;
  }

  .header-logo {
    float: left;
    padding-top: 11px;
  }

  .header-phone {
    float: right;
    padding-top: 10px;
    font-size: 20px;
  }

  .header-phone img {
    position: relative;
    top: -2px;
  }
}

/* Main Navigation
==========================*/
.nav-main {
  background: rgba(0, 0, 0, 0.6);
}

@media (max-width: 767px) {
  .nav-main {
    top: 40px;
    border-bottom: 1px solid #efefef;
  }

  .nav-main.header-nav-overlay {
    height: 100vh;
  }

  .nav-main > .container {
    padding: 0;
  }

  .nav-main-toggle {
    display: flex !important;
    justify-content: center;
    align-items: center;
    border-top: 1px solid #efefef;
    background: #fff;
    height: 40px;
  }

  .nav-main-toggle .close {
    display: none;
  }

  .nav-main-toggle.is-active .open {
    display: none;
  }

  .nav-main-toggle.is-active .close {
    display: block;
  }

  .nav-main-toggle img {
    width: 26px;
    height: auto;
  }

  #js-nav-main-menu {
    display: none;
  }

  .nav-main ul {
    margin: 0;
    border-top: 1px solid #efefef;
    padding: 0;
    /* 240521_トップページ改善 */
    /* background: #fff; */
    list-style: none;
    height: 100vh;
  }

  .nav-main ul li {
    border-bottom: 1px solid #efefef;
    line-height: 1.3;
    /* 240521_トップページ改善 */
    background: #fff;
  }

  .nav-main ul li:last-child {
    border-bottom: none;
  }

  .nav-main ul li a {
    display: block;
    padding: 12px 15px;
    font-size: 1.5rem;
  }

  /* 240521_トップページ改善 */
  #nav-main-child-menu__sp {
    display: block;
    width: initial;
  }
}

@media (min-width: 768px) {
  .nav-main {
    position: absolute;
    top: 60px;
    width: 100%;
    z-index: 1;
  }

  .underPage .nav-main {
    top: 60px;
  }

  .azarea .nav-main {
    top: 60px;
  }

  .nav-main ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 1.5rem;
    z-index: 1000;
  }

  .nav-main li a {
    display: flex;
    align-items: center;
    height: 70px;
    transition: all 0.4s;
    color: #fff;
  }

  .nav-main li a:hover {
    opacity: 0.7;
  }

  #js-nav-main.is-fixed {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    margin: 0;
    background: rgba(0, 0, 0, 0.8);
    width: 100%;
  }
}

/* 240521_トップページ改善 */
#js-nav-main-menu {
  justify-content: initial;
  gap: 80px;
}

@media screen and (max-width: 1024px) {
  /* 240521_トップページ改善 */
  #js-nav-main-menu {
    gap: 40px;
  }
}

/* Main
==========================*/
#main {
  display: block;
}

#footer-main {
  background: url("../img/bg-main-footer.jpg") center center no-repeat;
  background-size: cover;
}

#footer-main.azarea {
  background-image: url("../img/bg-main-footer-02.jpg");
}

#footer-main .nav {
  text-align: right;
  width: 100%;
}

#footer-main .nav a {
  background: url("../img/icon-arrow-02.png") left center no-repeat;
  padding-left: 20px;
  color: #fff;
  font-size: 1.4rem;
  transition: all 0.4s;
}

#footer-main .nav a:hover {
  opacity: 0.5;
}

@media (max-width: 767px) {
  #footer-main {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  #footer-main .nav {
    margin-top: 20px;
    margin-bottom: 0;
  }
}

@media (min-width: 768px) {
  #footer-main {
    height: 300px;
  }

  #footer-main > .container {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 100%;
  }

  /*#footer-main .contact-menu li:nth-child(odd){
    margin-right: 60px;
  }*/
  #footer-main .btn {
    width: 400px;
    height: 80px;
  }

  #footer-main .nav {
    margin-top: 80px;
    margin-bottom: -80px;
  }
}

/* Footer
==========================*/
#footer .footer-upper,
#footer .footer-lower {
  color: #fff;
}

#footer .footer-upper {
  background: #2956a4;
}

#footer .footer-lower {
  background: #12449a;
}

#footer .footer-upper .menu {
  margin: 0;
}

#footer .footer-upper .menu dt {
  margin-bottom: 5px;
  font-weight: bold;
}

#footer .footer-upper .menu dd + dt {
  margin-top: 10px;
}

#footer .footer-upper .menu dd {
  margin: 0;
  line-height: 1.5;
}

#footer .footer-upper .menu dd a {
  color: #d7e5f1;
  transition: all 0.4s;
}

#footer .footer-upper .menu dd a:hover {
  opacity: 0.5;
}

#footer .footer-upper .address .name,
#footer .footer-upper .address .contact {
  margin: 0;
}

#footer .footer-upper .address .name {
  margin-bottom: 0.7em;
  font-weight: bold;
}

#footer .footer-upper .address .contact,
#footer .footer-upper .address .contact a {
  color: #d7e5f1;
  transition: all 0.4s;
}

#footer .footer-upper .address .contact a:hover {
  opacity: 0.5;
}

#footer .footer-upper .address .contact {
  line-height: 1.6;
}

#footer .footer-lower .menu {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 1.2rem;
}

#footer .footer-lower .menu li {
  display: inline-block;
  margin-left: 10px;
  border-left: 1px solid #fff;
  padding-left: 10px;
  line-height: 1.5;
}

#footer .footer-lower .menu li:first-child {
  margin-left: 0;
  border-left: none;
  padding-left: 0;
}

#footer .footer-lower .menu a {
  transition: all 0.4s;
}

#footer .footer-lower .menu a:hover {
  opacity: 0.5;
}

#footer .copyright {
  margin: 0;
  font-size: 1.2rem;
}

#footer .copyright.center {
  float: none !important;
  width: 100%;
  text-align: center;
}

@media (max-width: 767px) {
  #footer .footer-upper {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  #footer .footer-upper .menu {
    margin-bottom: 20px;
  }

  #footer .footer-upper .address .name {
    margin-bottom: 0;
  }

  #footer .footer-lower {
    padding-top: 20px;
    padding-bottom: 15px;
    text-align: center;
  }
}

/* 240521_トップページ改善 */
#footer .footer-upper .menu.footer__menu {
  float: initial;
}

/* 240521_トップページ改善 */
#footer .footer-upper .menu + .menu {
  margin-left: 20px;
}

@media (min-width: 768px) {
  #footer .footer-upper {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  #footer .footer-upper .menu {
    float: left;
  }

  /* 240521_トップページ改善 */
  #footer .footer-upper .menu.footer__menu {
    float: initial;
  }

  #footer .footer-upper .menu + .menu {
    margin-left: 30px;
  }

  /* 240521_トップページ改善 */
  #footer .footer-upper .menu.footer__menu + .menu {
    margin-left: 20px;
  }

  #footer .footer-upper .address {
    float: right;
  }

  #footer .footer-upper .address .contact {
    font-size: 1.4rem;
    text-align: right;
  }

  #footer .footer-upper .menu dd a {
    font-size: 1.4rem;
  }

  #footer .footer-upper .address .name {
    font-size: 1.8rem;
    text-align: right;
  }

  #footer .footer-lower {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  #footer .footer-lower .menu {
    float: left;
    font-size: 1.2rem;
  }

  #footer .footer-lower .copyright {
    float: right;
    font-size: 1.2rem;
  }
}

/* Follow Navigation
==========================*/
.nav-follow ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.nav-follow a {
  background: #111;
  line-height: 1.3;
  color: #fff;
  text-align: center;
  transition: all 0.3s;
}

.nav-follow a:hover {
  opacity: 0.7;
}

@media (max-width: 767px) {
  .nav-follow {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 100;
    width: 100%;
  }

  .nav-follow ul {
    display: flex;
    justify-content: space-between;
  }

  .nav-follow li {
    border-left: 1px solid #999;
    width: 50%;
  }

  .nav-follow li:first-child {
    border-left: none;
  }

  .nav-follow a {
    display: block;
    background: rgba(0, 0, 0, 0.9);
    padding-top: 8px;
    padding-bottom: 8px;
    font-size: 1.2rem;
    height: 60px;
  }

  .nav-follow a .label {
    display: block;
    padding-top: 2px;
  }
}

@media (min-width: 768px) {
  .nav-follow {
    position: fixed;
    top: 153px;
    right: 0;
  }

  .nav-follow li {
    margin-bottom: 1px;
  }

  .nav-follow a {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 80px;
    height: 80px;
    font-size: 1.1rem;
  }

  .nav-follow a .label {
    display: block;
    margin-top: 5px;
  }
}

/* Contents
==========================*/
.img-main {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.img-main.index {
  /*background-color: rgba(0,0,0,0.5);*/
  /* background-image: url("../img/bg-index-main.jpg"); */
  background-image: url("../img/bg-index-new-main.jpg");
  background-size: cover;
  padding: 0 0 10px 0;
  margin-top: 60px;
}

@media screen and (max-width: 767px) {
  .img-main.index {
    margin-top: 0;
  }
}

.img-main.index video {
  position: absolute;
  z-index: -1;
  top: 0;
}

.img-main.azarea {
  background-image: url("../img/bg-azarea-main.jpg");
}

.img-main .col02 {
  background: rgba(0, 0, 0, 0.8);
}

.img-main .title-main {
  margin: 0;
}

.img-main .movie-title,
.img-main .movie-image {
  margin: 0;
  text-align: center;
}

.img-main .movie-title {
  padding-top: 0.8em;
  padding-bottom: 0.8em;
  line-height: 1.3;
  color: #fff;
  text-align: center;
}

.img-main .movie-image {
  padding-bottom: 15px;
}

.img-main .movie-image a {
  transition: all 0.4s;
}

.img-main .movie-image a img {
  height: 225px;
}

.img-main .movie-image a:hover {
  opacity: 0.7;
}

@media (max-width: 767px) {
  .img-main {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .img-main .title-main {
    margin-bottom: 30px;
  }

  .img-main .contact-menu {
    margin-bottom: 30px;
  }

  .img-main .movie-image {
    padding: 5px;
  }

  .img-main .movie-image a {
    display: block;
  }

  .img-main .movie-image a img {
    max-width: 100%;
    height: auto;
  }

  .img-main.azarea .title-main {
    margin: 0;
  }
}

/* 240521_トップページ改善 */
.img-main.index .container > div {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

/* 240521_トップページ改善 */
@media (max-width: 767px) {
  .img-main.index .container > div {
    position: initial;
    transform: none;
    margin-top: 150px;
  }
}

@media (min-width: 768px) {
  .img-main {
    height: 550px;
  }

  .img-main .col01 {
    float: left;
  }

  .img-main .col02 {
    float: right;
    width: 360px;
    margin-top: -34px;
  }

  .img-main .title-main {
    margin-bottom: 30px;
  }

  .img-main.slide2 .title-main {
    margin-bottom: 10px;
  }

  .img-main.index .container {
    height: 100%;
  }

  /* .img-main.index .container > div {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
  } */
  /* .img-main.index .container > div {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
  } */
  .img-main .movie-title {
    font-size: 1.5rem;
  }

  /*  .img-main.index{
    padding-top: 142px;
  }*/
  .img-main.azarea {
    display: flex;
    align-items: center;
    height: 390px;
  }

  .img-main.azarea .title-main {
    margin: 65px 0 0 0;
  }

  .img-main.azarea .title-main img {
    margin-bottom: 25px;
    display: block;
  }

  .img-main.azarea .title-main span {
    line-height: 1em;
  }
}

/* Intro */
.section-intro {
  position: relative;
  background: #f6f9fe url("../img/bg-intro.jpg") center top no-repeat;
  background-size: cover;
}

.section-intro::after {
  content: "";
  position: absolute;
  left: 50%;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: #f6f9fe transparent transparent transparent;
}

.section-intro .heading {
  margin-bottom: 0.7em;
  font-weight: bold;
  color: #12449a;
}

.checklist {
  margin: 0;
  padding: 0;
  list-style: none;
}

.checklist li {
  margin-bottom: 10px;
  border: 2px solid #12449a;
  background: url("../img/icon-check.png") 18px center no-repeat;
  padding: 10px 10px 10px 36px;
  line-height: 1.5;
  color: #12449a;
}

@media (max-width: 767px) {
  .section-intro {
    padding-bottom: 15px;
  }

  .section-intro::after {
    bottom: -30px;
    margin-left: -50px;
    border-width: 30px 50px 0 50px;
    z-index: 10;
  }

  .checklist li {
    margin-bottom: 5px;
    padding: 7px 7px 7px 36px;
    font-size: 1.4rem;
  }
}

@media (min-width: 768px) {
  .section-intro {
    padding-top: 120px;
    padding-bottom: 130px;
  }

  /*.section-intro::after{
    bottom: -70px;
    margin-left: -150px;
    border-width: 70px 150px 0 150px;
    z-index: 1;
  }*/
  .section-intro .heading {
    font-size: 3.6rem;
  }

  .section-intro .lead {
    margin-bottom: 40px;
  }

  .checklist {
    width: 760px;
  }
}

/* Solution */
.section-solution {
  background-size: cover;
  background-repeat: no-repeat;
  text-align: center;
}

.section-solution.index {
  background-color: #333;
  background-image: url("../img/bg-index-solution.jpg");
  background-position: center bottom;
}

.section-solution.azarea {
  background-color: #4aafd5;
  background-image: url("../img/bg-azarea-solution.jpg");
  background-position: center center;
  color: #fff;
}

.section-solution.index .lead {
  line-height: 1.6;
  color: #fff;
}

.section-solution.azarea .box p {
  position: relative;
  display: inline-block;
  margin: 0;
  font-weight: bold;
}

.section-solution.azarea .box p::before,
.section-solution.azarea .box p::after {
  content: "";
  position: absolute;
  top: 0;
  border-top: 4px solid #fff;
  border-bottom: 4px solid #fff;
  width: 20px;
  height: 100%;
}

.section-solution.azarea .box p::before {
  left: 0;
  border-left: 4px solid #fff;
}

.section-solution.azarea .box p::after {
  right: 0;
  border-right: 4px solid #fff;
}

@media (max-width: 767px) {
  .section-solution {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .section-solution.index .lead {
    margin-bottom: 36px;
  }

  .section-solution.azarea .heading {
    margin-bottom: 20px;
  }

  .section-solution.azarea .box {
    margin-top: 15px;
    margin-bottom: 20px;
    text-align: center;
  }

  .section-solution.azarea .box p {
    margin-right: 0;
    margin-left: 0;
    padding: 10px 25px 5px 25px;
    font-size: 1.8rem;
  }

  .section-solution.azarea .box p::before,
  .section-solution.azarea .box p::after {
    width: 20px;
  }

  .section-solution.azarea .image {
    margin-bottom: -100px;
  }
}

@media (min-width: 768px) {
  .section-solution {
    padding-top: 120px;
    padding-bottom: 120px;
  }

  .section-solution.index .lead {
    margin-bottom: 36px;
    font-size: 1.8rem;
  }

  .section-solution.azarea {
    padding-top: 0;
    padding-bottom: 0;
    font-size: 1.5rem;
  }

  .section-solution.azarea .heading {
    margin-bottom: 35px;
  }

  .section-solution.azarea .box {
    margin-top: 40px;
    margin-bottom: 60px;
    text-align: center;
  }

  .section-solution.azarea .box p {
    margin-right: 0;
    margin-left: 0;
    padding: 14px 0;
    width: 700px;
    font-size: 2.6rem;
  }

  .section-solution.azarea .box p::before,
  .section-solution.azarea .box p::after {
    width: 20px;
  }

  .section-solution.azarea .image {
    margin-bottom: -97px;
  }
}

/* Feature */
.section-feature .heading {
  background: #f6f6f6 url("../img/bg-index-feature-header.jpg") center center
    no-repeat;
  background-size: cover;
}

.section-feature .heading > .container {
  position: relative;
  height: 100%;
}

.section-feature .heading img {
  position: absolute;
  right: 0;
  bottom: 0;
}

.section-feature .heading02 {
  background: #f6f6f6;
}

.section-feature .feature-block-01,
.section-feature .feature-block-03 {
  background: #f6f6f6;
}

.section-feature .feature-block-01 .feature-inner,
.section-feature .feature-block-03 .feature-inner {
  background: #fff;
  overflow: hidden;
}

.section-feature .feature-block-02,
.section-feature .feature-block-04 {
  background: #fff;
}

.section-feature .feature-block-02 .feature-inner,
.section-feature .feature-block-04 .feature-inner {
  background: #f6f6f6;
}

.section-feature .feature-block {
  background-repeat: no-repeat;
}

.section-feature .feature-block-01 {
  background-image: url("../img/bg-index-feature-01.jpg");
}

.section-feature .feature-block-02 {
  background-image: url("../img/bg-index-feature-02.jpg");
}

.section-feature .feature-block-03 {
  background-image: url("../img/bg-index-feature-03.jpg");
}

.section-feature .feature-block-04 {
  background-image: url("../img/bg-index-feature-04.jpg");
}

.section-feature .feature-title {
  line-height: 1.3;
  font-weight: bold;
}

.section-feature .feature-title .image,
.section-feature .feature-title .text {
  display: block;
}

.section-feature .feature-lead {
  line-height: 1.6;
}

.section-feature .feature-inner {
  box-shadow: 10px 10px 0 0 #e9e9e9;
}

.section-feature .feature-inner .title {
  position: relative;
  margin-top: 0;
  font-weight: bold;
  color: #12449a;
}

.section-feature .feature-inner .title::before {
  content: "";
  position: absolute;
  top: 50%;
  /*left: -45px;*/
  left: 0;
  display: block;
  background: #12449a;
  width: 30px;
  height: 1px;
}

.section-feature .feature-inner .section-image:last-child {
  margin-bottom: 0;
}

.section-feature .feature-inner .section-image .title {
  margin-top: 0;
}

.section-feature .feature-inner .section-image .image {
  border: 1px solid #ddd;
  text-align: center;
}

.section-feature .feature-inner .section-image .text {
  margin: 0;
  line-height: 1.6;
}

.section-feature table {
  table-layout: fixed;
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #ccc;
  background: #fff;
  width: 100%;
  font-size: 1.4rem;
}

.section-feature table th,
.section-feature table td {
  border-top: 1px solid #ccc;
  border-right: 1px solid #ccc;
}

.section-feature table thead th,
.section-feature table thead td,
.section-feature table tbody th {
  background: #333;
  color: #fff;
  font-weight: bold;
}

.section-feature table thead th,
.section-feature table thead td {
  text-align: center;
}

.section-feature table ul {
  margin: 0;
  line-height: 1.5;
}

@media (max-width: 767px) {
  .section-feature .heading {
    height: 80px;
  }

  .section-feature .heading img {
    width: 60%;
    height: auto;
  }

  .section-feature .heading02 {
    /*padding-top: 30px;*/
    padding-bottom: 20px;
  }

  .section-feature .feature-block {
    background-position: right top;
    padding-bottom: 30px;
    background-size: auto 120px;
  }

  .section-feature .feature-title {
    padding-top: 40px;
    margin-top: 0;
    margin-bottom: 15px;
    font-size: 2rem;
  }

  .section-feature .feature-title img {
    width: auto;
    height: 100px;
  }

  .section-feature .feature-lead {
    margin-bottom: 20px;
  }

  .section-feature .feature-inner {
    padding: 15px 20px;
  }

  .section-feature .feature-inner .title {
    font-size: 1.8rem;
  }

  .section-feature .feature-inner .section-image {
    margin-bottom: 30px;
  }

  .section-feature .feature-inner .section-image .image {
    margin-top: 0;
    margin-bottom: 15px;
  }

  .section-feature .feature-inner .section-image .title {
    margin-bottom: 10px;
  }

  .section-feature table thead {
    display: none;
  }

  .section-feature table,
  .section-feature table tbody,
  .section-feature table tr,
  .section-feature table th,
  .section-feature table td {
    display: block;
    width: auto;
  }

  .section-feature table th,
  .section-feature table td {
    padding: 4px 10px;
  }

  .section-feature table td {
    padding-top: 10px;
    padding-bottom: 10px;
    box-sizing: border-box;
  }
}

@media (min-width: 768px) {
  .section-feature .heading {
    height: 300px;
  }

  .section-feature .heading02 {
    padding-top: 180px;
    padding-bottom: 50px;
  }

  .section-feature .feature-block {
    background-position: right calc(50% - 430px) top 130px;
    padding-top: 130px;
    padding-bottom: 130px;
  }

  .section-feature .feature-block-01 {
    background-position: right calc(50% - 430px) top;
    padding-top: 0;
  }

  .section-feature .feature-title {
    margin-bottom: 35px;
    font-size: 3rem;
  }

  .section-feature .feature-lead {
    margin-bottom: 40px;
    width: 710px;
  }

  .section-feature .feature-inner {
    padding: 30px 45px;
  }

  .section-feature .feature-inner .title {
    font-size: 2rem;
  }

  .section-feature .feature-inner .section-image {
    /*margin-bottom: 50px;*/
    margin-bottom: 10px;
    width: 44%;
    float: left;
  }

  .section-feature .feature-inner .section-image + .section-image {
    float: right;
  }

  /*.section-feature .feature-inner .section-image .image{
    float: right;
    margin-top: 60px;
  }*/
  .section-feature .feature-inner .section-image .title,
  .section-feature .feature-inner .section-image .text {
    /*float: left;*/
    /*width: 600px;*/
  }

  .section-feature .feature-inner .section-image .title {
    /*margin-bottom: 30px;*/
    margin-bottom: 15px;
    padding-left: 45px;
  }

  .section-feature table th {
    width: 320px;
  }

  .section-feature table thead th,
  .section-feature table thead td,
  .section-feature table tbody th {
    font-size: 1.6rem;
  }
}

/* Voice */
.section-voice {
  background-color: #f6f9fe;
  background-image: url("../img/title-index-voice.png"),
    url("../img/bg-index-voice.jpg");
  background-position: right calc(50% - 530px) top 130px, center bottom;
  background-repeat: no-repeat;
  background-size: auto, contain;
}

.section-voice .lead {
  text-align: center;
}

.voice-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.voice-list .item .image {
  margin: 0;
  text-align: center;
}

.voice-list .item .box {
  border-top: 6px solid #12449a;
  background: #fff;
}

.voice-list .item .box .text {
  margin-top: 0;
  line-height: 1.6;
}

.voice-list .item .box .profile {
  margin: 0;
  line-height: 1.5;
  font-weight: bold;
}

@media (max-width: 767px) {
  .section-voice {
    background-size: auto 70%;
    padding-bottom: 20px;
  }

  .voice-list .item {
    margin-bottom: 20px;
  }

  .voice-list .item .image img {
    width: 100%;
    height: auto;
  }

  .voice-list .item .box {
    position: relative;
    z-index: 1;
    margin-top: -50px;
    margin-right: 12px;
    margin-left: 12px;
    padding: 15px 20px;
    font-size: 1.3rem;
  }

  .voice-list .item .box .text {
    margin-bottom: 15px;
  }
}

@media (min-width: 768px) {
  .section-voice {
    padding-bottom: 120px;
  }

  .section-voice .heading {
    padding-top: 180px;
  }

  .section-voice .lead {
    margin-bottom: 40px;
  }

  .voice-list {
    display: flex;
    justify-content: space-between;
  }

  .voice-list .item {
    width: 520px;
  }

  .voice-list .item .box {
    position: relative;
    z-index: 1;
    margin-top: -50px;
    margin-right: 20px;
    margin-left: 20px;
    padding: 35px 40px;
  }

  .voice-list .item .box .text {
    margin-bottom: 30px;
  }
}

/* FAQ */
.section-faq:first-of-type {
  background-image: url("../img/title-index-faq.png");
  background-repeat: no-repeat;
}

.faq-list .icon-q,
.faq-list .icon-a {
  flex-shrink: 0;
}

.faq-list .text {
  flex-basis: auto;
}

.faq-list .icon-toggle {
  flex-shrink: 0;
}

.faq-list .icon-q,
.faq-list .icon-a {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-basis: 40px;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  font-size: 2rem;
}

.faq-list .icon-q {
  background: #333;
  color: #fff;
}

.faq-list .icon-a {
  background: #fff;
  color: #12449a;
}

.faq-list dt > .inner,
.faq-list dd > .inner {
  display: flex;
  align-items: center;
  line-height: 1.6;
}

.faq-list dt {
  border-top: 1px solid #d7e5f1;
}

.faq-list dt:first-of-type {
  border-top: none;
}

.faq-list dt:hover {
  cursor: pointer;
}

.faq-list dd {
  display: none;
  margin: 0;
  background: #12449a;
  color: #fff;
}

.faq-list .text {
  flex: 1;
  flex-basis: auto;
  width: 100%;
}

.faq-list .icon-toggle {
  position: relative;
  width: 40px;
  height: 40px;
}

.faq-list .icon-toggle::before,
.faq-list .icon-toggle::after {
  content: "";
  position: absolute;
  display: block;
  background: #000;
  transition: all 0.4s;
}

.faq-list .icon-toggle::before {
  top: 50%;
  left: 0;
  width: 40px;
  height: 1px;
}

.faq-list .icon-toggle::after {
  top: 0;
  left: 50%;
  width: 1px;
  height: 40px;
}

.faq-list .is-active .icon-toggle::before {
  transform: rotate(90deg);
  opacity: 0;
}

.faq-list .is-active .icon-toggle::after {
  transform: rotate(90deg);
}

@media (max-width: 767px) {
  .section-faq {
    background-position: right top;
    background-size: 34% auto;
    padding-bottom: 20px;
  }

  .faq-list {
    margin-top: 40px;
  }

  .faq-list dt > .inner,
  .faq-list dd > .inner {
    padding: 10px;
  }

  .faq-list .icon-q,
  .faq-list .icon-a {
    flex-basis: 30px;
  }

  .faq-list .icon-toggle {
    flex-basis: 30px;
  }

  .faq-list .icon-q,
  .faq-list .icon-a {
    width: auto;
    height: 30px;
    font-size: 1.8rem;
  }

  .faq-list .text {
    padding-right: 20px;
    padding-left: 12px;
  }

  .faq-list .icon-toggle {
    width: 30px;
    height: 30px;
  }

  .faq-list .icon-toggle::before {
    width: 30px;
  }

  .faq-list .icon-toggle::after {
    height: 30px;
  }
}

@media (min-width: 768px) {
  .section-faq {
    background-position: right calc(50% - 550px) top 136px;
    padding-bottom: 80px;
  }

  .faq-list {
    margin-top: 40px;
  }

  .faq-list dt > .inner,
  .faq-list dd > .inner {
    padding: 20px 30px;
  }

  .faq-list .text {
    padding-right: 20px;
    padding-left: 18px;
  }
}

/* Azarea
==========================*/
/* Azarea Case */
.section-case {
  background: url("../img/bg-azarea-case.jpg") center center no-repeat;
  background-size: cover;
  text-align: center;
}

.section-case .lead,
.section-case .text01 {
  margin-top: 0;
}

.section-case .lead {
  font-weight: bold;
}

.section-case .image {
  background: #fff;
  box-shadow: 10px 10px 0 0 #e9e9e9;
}

@media (max-width: 767px) {
  .section-case {
    padding-top: 40px;
    padding-bottom: 20px;
  }

  .section-case .image {
    margin-bottom: 20px;
    padding: 10px;
  }
}

@media (min-width: 768px) {
  .section-case {
    padding-bottom: 120px;
  }

  .section-case .heading {
    margin-bottom: 5px;
  }

  .section-case .lead {
    margin-bottom: 20px;
    font-size: 2.2rem;
  }

  .section-case .text01 {
    margin-bottom: 40px;
  }

  .section-case .text02 {
    margin-top: 40px;
  }

  .section-case .image {
    margin-right: 0;
    margin-left: auto;
    padding: 40px 0;
    width: 1000px;
  }
}

/* Modal
==========================*/
#modal-bg {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  display: none;
  background: rgba(5, 38, 95, 0.8);
  width: 100%;
  height: 100%;
}

.modal {
  position: fixed;
  z-index: 1001;
  display: none;
  width: 980px;
  color: #000;
}

.modal-close {
  position: absolute;
  top: 40px;
  right: 50px;
  width: 40px;
  height: 40px;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}

.modal-close:hover {
  cursor: pointer;
  opacity: 0.7;
}

.modal-close img {
  width: 100%;
  height: 100%;
}

.modal-inner {
  background: #fff;
}

.modal-inner.transparent {
  background: transparent;
}

#choicetypeCheck {
  margin-left: 1em;
}

/* @media (max-width: 1024px) {
  .img-main.index {
    background-color: none;
    background-image: url("../img/bg-index-main.jpg");
  }
  .img-main.index video {
    display: none;
  }
} */
@media (max-width: 767px) {
  .modal {
    width: 96%;
  }

  .modal img {
    max-width: 100%;
    height: auto;
  }

  .modal-close {
    top: 10px;
    right: 10px;
  }

  .section-feature .feature-inner .title::before {
    left: -45px;
  }

  /* .img-main.index {
    background-color: none;
    background-image: url("../img/bg-index-main.jpg");
  }
  .img-main.index video {
    display: none;
  } */
}

@media (min-width: 768px) {
  .modal-movie .modal-body {
    padding: 40px;
  }

  .modal-movie .modal-close {
    top: 25px;
    right: 25px;
  }

  .section-tameni {
    position: relative;
    background: #f6f9fe url("../img/bg-tameni.png") center top no-repeat;
    background-size: cover;
    padding-top: 120px;
    padding-bottom: 130px;
  }

  .section-tameni::after {
    content: "";
    position: absolute;
    left: 50%;
    width: 0;
    height: 0;
    border-style: solid;
    border-color: #dee9e9 transparent transparent transparent;
  }

  .section-tameni::after {
    bottom: -70px;
    margin-left: -150px;
    border-width: 70px 150px 0 150px;
  }

  .section-tameni .heading {
    margin-bottom: 0.7em;
    font-weight: bold;
    color: #12449a;
    text-align: center;
    font-size: 3.6rem;
  }
}

.section-tameni::after {
  content: "";
  position: absolute;
  left: 50%;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: #f6f9fe transparent transparent transparent;
}

.section-tameni .heading {
  color: #12449a;
}

@media (max-width: 767px) {
  .section-tameni {
    padding-bottom: 15px;
  }

  .section-tameni::after {
    bottom: -30px;
    margin-left: -50px;
    border-width: 30px 50px 0 50px;
    z-index: 10;
    border-color: #e0e6e7 transparent transparent transparent;
  }

  .section-tameni {
    padding-top: 30px;
    padding-bottom: 30px;
    background: #f6f9fe url("../img/bg-tameni.png") center top no-repeat;
    background-size: cover;
    position: relative;
  }
}

/* 190523追加
----------------------------------------------------------------------*/
.btn_detail {
  text-align: center;
  width: 320px;
  margin: 30px auto 0;
}

@media (max-width: 767px) {
  .btn_detail {
    width: 300px;
  }
}

/* 190827追加
----------------------------------------------------------------------*/

/* 240521_トップページ改善 */
.btn_detail.index-top-service__btn {
  margin: 50px auto 0;
  font-weight: bold;
}

.btn_detail.index-top-service__btn .btn {
  font-size: 18px;
}

/* 240521_トップページ改善 */
.btn_detail.index-top-rpa-feature__btn {
  margin: 27px 0 0;
  font-size: 18px;
  font-weight: bold;
}

/* 240521_トップページ改善 */
@media (max-width: 767px) {
  .btn_detail.index-top-rpa-feature__btn {
    margin: 40px auto 0;
  }
}

/* 240521_トップページ改善 */
.btn_detail.index-top-rpa-problem__bnt {
  margin: 27px auto 120px;
  font-size: 18px;
  font-weight: bold;
}

#main #index-case {
  margin-bottom: 0;
  padding-top: 0;
}

#index-case ul.list2 {
  overflow: hidden;
  list-style: none;
  margin: 0;
  padding: 0;
}

#index-case ul.list2 li {
  display: inline-block;
  margin: 0 auto 10px;
  width: 525px;
  float: left;
  padding: 0;
}

#index-case ul.list2 li .inner {
  width: 470px;
  margin: 0 auto;
}

#index-case ul.list2 li .inner .thum_list4 img {
  width: 100%;
}

#index-case .title_list4 {
  text-align: center;
  color: #12449a;
  font-size: 19px;
  font-weight: bold;
  padding: 15px 0;
}

#index-case .text_list4 {
  font-size: 14px;
}

@media screen and (max-width: 767px) {
  #index-case ul.list2 li .inner {
    width: 100%;
  }

  #index-case ul.list2 li {
    width: 100%;
    margin-bottom: 45px;
  }
}

/*-------------------------
　190829追記
--------------------------*/
.container {
  position: relative;
}

.img-main .col01 {
  /*float: none;*/
}

.img-main {
  background-image: url(../img/overview/training_mv.jpg);
  position: relative;
}

.img-main h1.title-main {
  color: #fff;
  font-family: "Lora", serif;
  font-family: "Noto Serif JP", serif;
  font-weight: 500;
  font-size: 50px;
  text-shadow: #222 2px 0px 7px, #222 -2px 0px 7px;
}

@media all and (min-width: 769px) {
  .img-main h1.title-main.tmlong {
    font-size: 46px;
  }
}

.img-main h1.title-main span {
  display: block;
  font-size: 50px;
}

.img-main h1.title-main span.dotted {
  padding-top: 0.3em;
  background-position: top left -9px;
  background-repeat: repeat-x;
  background-size: 1.3em 0.3em;
  background-image: radial-gradient(
    0.075em 0.075em at center center,
    #fff,
    #fff 100%,
    transparent
  );
  line-height: 1.2;
  width: 400px;
  display: inline;
}

@media (max-width: 767px) {
  .img-main h1.mix img {
    margin-top: 43px;
  }

  .img-main h1.title-main,
  .img-main h1.title-main span {
    font-size: 25px;
    margin-top: 20px;
  }

  /* 240605下層ページ改善 */
  .under-page.solving .img-main h1.title-main,
  .under-page.solvin .img-main h1.title-main span {
    font-size: 36px;
    margin-top: 50px;
  }

  .img-main h1.title-main {
    line-height: 1.4em;
  }

  .img-main h1.title-main span.dotted {
    padding-top: 0.2em;
  }
}

.mainv .efo_title {
  text-shadow: #222 2px 0px 7px, #222 -2px 0px 7px;
  display: block;
  text-align: left;
  padding: 75px 0;
  width: 1100px;
  margin: 0 auto;
  color: #333;
  font-family: "Lora", serif;
  font-family: "Noto Serif JP", serif;
  font-weight: 500;
  font-size: 50px;
  text-shadow: none;
}

.top_slider .slick-dots {
  bottom: 20px;
}

.top_slider .slick-dots li button:before {
  width: 70px;
  height: 4px;
  content: "";
  background: #fff;
  /*border-radius: 4px;*/
  opacity: 1;
}

.top_slider .slick-dots li.slick-active button:before {
  opacity: 1;
}

.top_slider .slick-dots li.slick-active button:before {
  background: #cda667;
}

.top_slider .slick-dots li {
  width: 70px;
  height: 4px;
  margin: 0 15px;
}

.top_slider .slick-dots li button {
  width: 70px;
  height: 4px;
  padding: 0;
}

.top_slider .slick-dots li {
  height: 4px;
}

.top_slider .slick-dots li button:hover {
  opacity: 0.7 !important;
}

.slick-dotted.slick-slider {
  margin-bottom: 0px !important;
}

.slick-slide > div {
  font-size: 0;
}

.slide1 .btn {
  width: 260px;
}

.slide2.area-link:hover {
  opacity: 0.8;
  transition: 0.5s;
}

.slide2.area-link .btn:hover {
  opacity: 1;
}

.img-main.index.slide2 {
  background-image: url(../img/overview/training_mv.jpg);
}

.slide2 h1.title-main small {
  font-size: 30px;
  letter-spacing: 1px;
}

.slide2 h1.title-main {
  font-size: 58px;
  line-height: 1.2;
}

.img-main.slide2 h1.title-main {
  text-shadow: rgba(0, 0, 0, 0.3) 2px 0px 20px, rgba(0, 0, 0, 0.3) -2px 0px 20px;
}

.img-main.slide2 {
  position: relative;
}

.img-main.slide2:before {
  position: absolute;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(000, 000, 000, 0.3);
}

ul.mv_training_medal li {
  font-size: 14px;
  list-style: none;
  text-align: center;
  background: url(../img/index/medal.png);
  background-size: contain;
}

ul.mv_training_medal {
  overflow: hidden;
  padding: 0;
  margin-bottom: 20px;
}

ul.mv_training_medal li {
  font-size: 16px;
  list-style: none;
  text-align: center;
  background: url(../img/index/medal.png);
  background-size: contain;
  background-repeat: no-repeat;
  width: 209px;
  height: 172px;
  float: left;
  box-sizing: border-box;
  padding-top: 55px;
  line-height: 1.4;
  font-weight: bold;
  color: #3e1809;
  text-shadow: 1px 1px 0 #fce1ab, -1px -1px 0 #fce1ab, -1px 1px 0 #fce1ab,
    1px -1px 0 #fce1ab, 0px 1px 0 #fce1ab, 0-1px 0 #fce1ab, -1px 0 0 #fce1ab,
    1px 0 0 #fce1ab;
}

ul.mv_training_medal li:nth-of-type(3) {
  padding-top: 47px;
}

ul.mv_training_medal li + li {
  margin: 0 0 0 35px;
}

.img-main.index.slide3 {
  background-image: url(../img/index/bg_manga_slide.png);
}

.img-main.slide3 h1.title-main {
  /*text-shadow: rgba(118, 168, 254,.1) 2px 0px 10px, rgba(118, 168, 254,.1) -2px 0px 10px;*/
  text-shadow: none;
  margin: 0 0 30px 0;
  line-height: 1.4;
}

.slide3 h1.title-main {
  font-size: 60px;
  letter-spacing: 1px;
}

.slide6 h1.title-main small,
.slide5 h1.title-main small,
.slide3 h1.title-main small {
  font-size: 30px;
}

.img-main.slide3:before {
  position: absolute;
  content: none;
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(5, 42, 105, 0.5);
}

.img-main.index.slide4 {
  background-image: url("../img/overview/manga_mv.png");
}

.img-main.index.slide4 .contact-menu {
  display: block;
}

.img-main.index.slide4 .contact-menu li + li {
  margin-top: 20px;
  margin-left: 0;
}

.img-main.index.slide4 .contact-menu a {
  width: 100%;
}

.img-main.index.slide5 {
  background-image: url(../img/index/bg_slide5.jpg);
}

.img-main.index.slide6 {
  background-image: url(../img/index/bg_slide6.jpg);
}

.img-main.index.slide5 .btn,
.img-main.index.slide6 .btn {
  width: 355px;
}

ul.mv_products {
  overflow: hidden;
  padding: 0;
}

ul.mv_products li {
  width: 530px;
  list-style: none;
  float: left;
  font-size: 14px;
  background: #fff;
  padding: 15px;
  text-align: center;
  box-sizing: border-box;
}

ul.mv_products li:hover {
  opacity: 0.8;
  transition: 0.3s;
}

ul.mv_products li small {
  font-size: 16px;
  font-weight: bold;
  color: #6d7886;
  margin-bottom: 5px;
  display: block;
}

ul.mv_products li + li {
  margin-left: 40px;
}

ul.mv_products li img {
  width: 200px;
  margin: 0 auto;
}

ul.mv_products li .detail {
  background: #6d7886;
  color: #fff;
  margin-top: 10px;
  position: relative;
}

ul.mv_products li .detail:after {
  position: absolute;
  top: 50%;
  right: 20px;
  width: 4px;
  height: 4px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  margin-top: -4px;
  vertical-align: middle;
  border-color: #fff;
  content: "";
}

@media (max-width: 767px) {
  .img-main.index.slide1 {
    padding: 0;
  }

  .slide2 h1.title-main {
    font-size: 28px;
    line-height: 1.4;
  }

  .slide2 h1.title-main small {
    font-size: 18px;
  }

  ul.mv_training_medal li {
    width: 32%;
    font-size: 12px;
    padding-top: 17px;
    height: 100px;
  }

  ul.mv_training_medal li:nth-of-type(2) {
    padding-top: 25px;
  }

  ul.mv_training_medal li:nth-of-type(3) {
    padding-top: 10px;
  }

  ul.mv_training_medal li + li {
    margin: 0 0 0 1%;
  }

  .slide3 h1.title-main {
    font-size: 28px;
    line-height: 1.3 !important;
    margin: 20px 0 20px !important;
  }

  .slide3 h1.title-main small {
    font-size: 18px;
  }

  ul.mv_products li {
    width: 100%;
    float: none;
    font-size: 14px;
    background: #fff;
    padding: 10px;
    text-align: center;
    box-sizing: border-box;
  }

  ul.mv_products li + li {
    margin: 10px 0 0 0;
  }

  ul.mv_products li small {
    font-size: 12px;
  }

  ul.mv_products li img {
    max-widht: 100%;
    width: 100px;
  }

  .slide2 .btn {
    width: 100%;
  }

  .img-main.index.slide1,
  .img-main.index.slide2,
  .img-main.index.slide3,
  .img-main.index.slide4,
  .img-main.index.slide5,
  .img-main.index.slide6,
  .img-main.index.slide7 {
    min-height: 439px;
  }

  .top_slider .slick-dots {
    bottom: 10px;
  }

  .slide1 .btn {
    width: 100%;
  }
}

_::-webkit-full-page-media,
_:future,
:root .img-main h1.title-main span.dotted {
  background: none;
}

.productsmenu {
  display: flex;
  justify-content: center;
}

.productsmenu a + a {
  margin-left: 30px;
}

@media all and (min-width: 0px) and (max-width: 768px) {
  .productsmenu {
    display: block;
  }

  .productsmenu a {
    width: 100%;
  }

  .productsmenu a + a {
    margin-left: 0;
    margin-top: 20px;
  }
}

/*-------------------200128追加-------------------*/
ul.list5_sv {
  list-style: none;
  width: 100%;
  margin: 50px auto;
  padding: 0 20px;
  overflow: hidden;
  text-align: center;
}

ul.list5_sv li {
  width: 317px;
  margin: 0 50px 0 0;
  padding: 0;
  display: inline-block;
  float: left;
}

ul.list5_sv li span {
  min-height: 68px;
  display: block;
}

ul.list5_sv li .text_list4 {
  min-height: 175px;
}

ul.list5_sv li:nth-child(3n) {
  margin-right: 0;
}

ul.list5_sv li {
  margin-top: 80px;
}

ul.list5_sv li:nth-child(-n + 3) {
  margin-top: 0;
}

.mt_80 {
  margin-top: 100px;
}

.req_hr,
.task_hr {
  width: 320px;
  margin: 30px 40px 0 0;
}

.req_hr:nth-child(3n) {
  margin-right: 0;
}

.arrow_area {
  display: block;
  text-align: center;
  margin: 0 auto;
  position: relative;
}

.arrow_area::before {
  content: "";
  width: 0;
  height: 0;
  border: 400px solid transparent;
  border-top: 150px solid #3a495c;
  border-bottom: none;
  display: block;
  margin: 0 auto;
}

.arrow_area p {
  position: absolute;
  color: #fff;
  font-size: 24px;
  text-align: center;
  display: block;
  width: 100%;
  left: 0;
  top: -6px;
}

.rpa_intro,
.phase_intro,
.task_intro {
  display: flex;
  justify-content: center;
  margin-bottom: 30px;
}

.req_hr p + p {
  text-align: left;
}

.req_hr p {
  text-align: center;
}

/*.thum_list4 {
	width: 317px;
	border: 2px #ccc solid;
	border-top: none;
}
.thum_list4 img{
	margin: 60px auto;

}*/
.rpa_cot a.btn {
  text-align: center;
  margin: 80px auto 0;
}

.sp {
  display: none !important;
}

.common-heading_str {
  padding-top: 100px;
  font-size: 3.6rem;
}

.common-heading_str::before {
  top: 50px;
  width: 2px;
  height: 40px;
}

.box.box_t_0 {
  padding-top: 0;
}

.req_hr p span {
  display: block;
  text-align: center;
}

.phase_intro {
  margin-bottom: 0;
}

.gf_area img {
  display: block;
  margin: 0 auto;
  width: 60%;
  margin-bottom: 30px;
}

p.rpa_txt,
mb0 {
  margin-bottom: 0;
  text-align: left;
}

.task_int {
  text-align: center;
  font-weight: bold;
}

.task_ttl {
  text-align: center;
  background: #e83428;
  font-size: 16px;
  /*font-weight: bold;*/
  color: #fff;
  padding: 15px 10px;
  line-height: 1.4;
  margin: 0;
}

p.task_ttl span {
  margin-top: 5px;
  font-size: 18px;
  font-weight: bold;
}

.title_ttl_list4 {
  background: #12449a;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  padding: 10px;
  position: relative;
}

.title_ttl_list4:after {
  content: "";
  border-right: 10px solid transparent;
  border-top: 15px solid #12449a;
  border-left: 10px solid transparent;
  position: absolute;
  bottom: -15px;
  left: calc(50% - 4px);
}

.section-feature table td span {
  font-size: 11px;
}

.section-feature table tbody tr {
  margin-bottom: 30px;
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #ccc;
}

.section-feature table {
  border-bottom: none;
  border-left: none;
}

ul.list5_sv li .text_list4 {
  text-align: left;
  font-size: 16px;
}

.list2.list2none .thum_list4 {
  border: none;
  width: auto;
}

.list2.list2none .thum_list4 img {
  margin: 0;
}

/*
#catalogPage nav {
    display: none !important;
}
*/
#catalogPage .box {
  padding-top: 0;
}

#catalogPage .mainv {
  margin-bottom: 0;
}

#catalogPage .area-link:hover {
  opacity: 0.7;
}

#catalogPage .case {
  margin: 0 auto;
  width: 1100px;
  overflow: hidden;
}

#catalogPage .case h2 {
  margin-bottom: 30px;
  padding-left: 0;
  padding-top: 100px;
}

#catalogPage .case h2:before {
  top: 50px;
  width: 2px;
  height: 40px;
  content: "";
  position: absolute;
  left: 50%;
  display: block;
  margin-left: -1px;
  background: #12449a;
}

#catalogPage.underPage .mainv .mainv_inner {
  text-align: left;
  padding: 135px 0 75px;
  width: 1100px;
  margin: 0 auto;
  color: #333;
  font-family: "Lora", serif;
  font-family: "Noto Serif JP", serif;
  font-weight: 500;
  font-size: 50px;
  text-shadow: none;
}

.catalog_body {
  margin-bottom: 80px;
}

.catalog_body + h2 {
}

.catalog_body .catalog_category {
  overflow: hidden;
}

.catalog_body .catalog_category .catalog_item {
  float: left;
  margin: 0 100px 50px 0;
  width: 300px;
}

.catalog_body .catalog_category .catalog_item:nth-child(3n) {
  margin-right: 0;
}

.catalog_body .catalog_category .catalog_item:hover {
  opacity: 0.7;
}

.catalog_body .catalog_category .catalog_item img {
  max-width: 100%;
  display: block;
  margin: 0 auto;
}

.catalog_body .catalog_category .catalog_item .catalog_name {
  text-align: left;
  color: #12449a;
  font-weight: bold;
  font-size: 18px;
  margin: 10px 0;
  min-height: 93px;
}

.catalog_body .catalog_category .catalog_item {
  position: relative;
  z-index: 1;
  /* 必要であればリンク要素の重なりのベース順序指定 */
}

.catalog_body .catalog_category .catalog_item a {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-indent: -999px;
  z-index: 2;
  /* 必要であればリンク要素の重なりのベース順序指定 */
}

.catalog_body .catalog_category .catalog_item span {
  font-weight: bold;
  text-align: center;
  padding: 5px 10px;
  background: #967b4f;
  text-decoration: none;
  color: #fff;
  display: block;
}

.catalog_body .catalog_category .catalog_item a.cl03,
.catalog_body .catalog_category .catalog_item.linkblank a.cl01,
.catalog_body .catalog_category .catalog_item.linkdetail a.cl02 {
  display: block;
}

.catalog_body .catalog_category .catalog_item.linkblank .cl01_span {
  background: #444;
}

.catalog_body .catalog_category .catalog_item.linkblank a.cl03,
.catalog_body .catalog_category .catalog_item.linkdetail a.cl03 {
  display: none !important;
}

.catalogmenu {
  overflow: hidden;
  width: 1100px;
  margin: 0 auto 30px auto;
  padding: 0;
}

.catalogmenu li {
  float: left;
  margin: 0 25px 25px 0;
  padding: 0;
  width: 256px;
  list-style: none;
}

.catalogmenu li:nth-child(4n) {
  margin-right: 0;
}

.catalogmenu a {
  border: 2px solid #12449a;
  color: #12449a;
  font-weight: bold;
  text-align: center;
  display: block;
  width: 100%;
  padding: 10px;
}

.catalogmenu li.current-cat a,
.catalogmenu a:hover {
  color: #fff;
  background: #12449a;
}

li.linkblank,
li.linkdetail {
  display: none !important;
}

#downloadPage .mainv .efo_title {
  font-size: 40px;
}

.indextopics {
  display: flex;
  justify-content: center;
  align-items: center;
  /* width: 1100px; */
  margin: 30px auto;
}

/*240521_トップページ改善*/
.indextopics.top-news-topics {
  justify-content: start;
}

.indextopics dt {
  color: #fff;
  font-weight: bold;
  text-align: center;
  padding: 10px;
  background: #ffa500;
  width: 10%;
}

/*240521_トップページ改善*/
.indextopics.top-news-topics dt {
  background: #12449a;
  min-width: 110px;
}

/*240521_トップページ改善*/
.indextopics.top-news-topics .top-news-topics__date {
  font-size: 14px;
  color: rgb(136, 136, 136);
  line-height: 1.2;
  margin-right: 20px;
}

.indextopics dd {
  /* width: 90%; */
}

.indextopics dd span + span {
  display: inline-block;
  margin-left: 15px;
}

.indextopics dd span + span a {
  text-decoration: underline;
}

.indextopics dd span + span a:hover {
  text-decoration: none;
}

/*240521_トップページ改善*/
.indextopics dd span + span {
  margin-left: 0;
}

/*240521_トップページ改善*/
.indextopics.top-news-topics dd span + span a {
  text-decoration: none;
}

/*240521_トップページ改善*/
.indextopics.top-news-topics dd span + span a:hover {
  text-decoration: underline;
}

ul.list3 {
  list-style: none;
  margin: 0;
  padding: 0;
}

ul.list3 li {
  float: left;
  width: 330px;
  margin: 0 50px 0 0;
  padding: 0;
}

ul.list3 li:last-child {
  margin: 0 0 0 0;
}

ul.list2_2 {
  list-style: none;
  padding: 0 0 0 45px;
  margin: 0;
}

ul.list2_2 li {
  width: 444px;
  float: left;
  padding: 0 0 0 0;
  margin: 0 120px 0 0;
}

ul.list2_2 li:last-child {
  margin: 0;
}

.thum_list2_2 {
  border: 1px solid #dddddd;
  text-align: center;
}

.title_list2_2 {
  padding: 10px 0 0 45px;
  font-size: 20px;
  font-weight: bold;
  color: #12449a;
  position: relative;
}

.title_list2_2::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  background: #12449a;
  width: 30px;
  height: 1px;
}

.indexh3 {
  margin: 80px 0 0 0;
  text-align: center;
  font-size: 26px;
  color: #12449a;
  line-height: 1.4;
}

.l22 .thum_list2_2 {
  /*border-color: #12449a;*/
}

.l22-3 .thum_list2_2 {
  border-color: #12449a;
}

.l22-3 .thum_list2_2 a {
  position: relative;
  display: block;
}

.l22-3 .thum_list2_2 a span {
  position: absolute;
  left: 0;
  bottom: 20px;
  text-align: center;
  width: 100%;
}

.l22-3 .thum_list2_2 a span strong {
  display: inline-block;
  color: #fff;
  padding: 3px 30px;
  background: #12449a;
  font-size: 13px;
}

.l22-3 .thum_list2_2 a span strong + strong {
  margin-left: 10px;
}

.training #index-information table {
  margin: 30px 0 140px;
}

.training #index-information .infoTable tr td a {
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
  text-decoration: underline;
}

.training #index-information .infoTable tr td a:hover {
  opacity: 0.7;
}

.training #index-information .infoTable thead th {
  text-align: center;
}

.training #index-information .infoTable tr td:last-child {
  text-align: center;
  background-color: #967b4f;
  color: #fff;
}

.training #index-information .infoTable tr td:last-child a {
  display: block;
  padding: 0.6em 1em;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.training #index-information .infoTable tr td:last-child a:hover {
  opacity: 0.7;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

#index-information table {
  width: 100%;
  text-align: left;
  border-collapse: collapse;
  margin-top: 16px;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
}

#index-information table th {
  font-size: 16px;
  font-weight: bold;
  padding: 20px;
  background: #e7ecf5;
  width: 300px;
}

#index-information table th,
#index-information table td {
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

.indextraining {
  overflow: hidden;
  width: 100%;
}

.indextraining a {
  float: left;
  width: 216px;
}

.indextraining a + a {
  margin-left: 10px;
  float: right;
}

.ts_body {
}

.ts_body h2.common-heading {
  padding-top: 100px;
}

.ts_body h2.common-heading:before {
  top: 50px;
}

.ts_body .ts_inner {
  padding: 60px 0;
  text-align: center;
  background: url(../img/ts_back.jpg) no-repeat center center;
  background-size: cover;
}

.ts_body .ts_inner dl {
  display: inline-block;
  padding: 30px 0;
  /*border: 1px solid #F9F9F9;*/
  width: 50%;
  box-sizing: border-box;
  color: #fff;
}

.ts_body .ts_inner dl + dl {
  margin-left: 20px;
}

.ts_body .ts_inner dl dt {
  font-size: 2.8rem;
  font-weight: bold;
  margin-bottom: 15px;
}

.ts_body .ts_inner dl dt span {
  display: block;
  font-size: 18px;
  font-weight: normal;
}

.ts_body .ts_inner dd {
  margin: 0;
  padding: 0;
  text-align: left;
}

.ts_body .ts_inner dd .btn_detail a,
.ts_body .ts_inner dd .btn_detail {
  width: 90%;
  margin-right: auto;
  margin-left: auto;
}

@media all and (max-width: 768px) {
  .ts_body .ts_inner dd .btn_detail a,
  .ts_body .ts_inner dd .btn_detail {
    width: 95%;
  }
}

@media all and (min-width: 768px) {
  .indexpcnone .btn_detail a {
    background: #967b4f;
  }

  .indexseminar th:nth-child(1) {
    width: 110px !important;
  }

  .indexseminar th:nth-child(2) {
    width: 250px !important;
  }

  .indexseminar th:nth-child(3) {
    width: 140px !important;
  }

  .indexseminar th:nth-child(4) {
    width: auto !important;
  }

  .indexseminar th:nth-child(5) {
    width: 160px !important;
  }

  .indexseminar tr td:nth-child(1),
  .indexseminar th:nth-child(1) {
    text-align: center !important;
  }

  .indexseminar tr td:nth-child(4) a {
    text-align: left !important;
  }

  .btn_detail.owtbtn a,
  .btn_detail.owtbtn {
    width: 216px;
  }
}

@media all and (min-width: 0px) and (max-width: 768px) {
  .ts_body {
  }

  .ts_body h2.common-heading {
    padding-top: 100px;
  }

  .ts_body h2.common-heading:before {
    top: 50px;
  }

  .ts_body .ts_inner {
    padding: 60px 15px;
  }

  .ts_body .ts_inner dl {
    display: block;
    padding: 30px 0;
    width: 100%;
  }

  .ts_body .ts_inner dl + dl {
    margin-left: 0;
    margin-top: 30px;
  }

  .ts_body .ts_inner dl dt {
    font-size: 2.6rem;
    font-weight: bold;
    margin-bottom: 15px;
  }

  .indextraining {
    overflow: hidden;
    width: 300px;
  }

  .indextraining a {
    float: none;
    width: 100%;
  }

  .indextraining a + a {
    margin: 10px 0 0 0;
    float: none;
  }

  table th,
  table td {
    width: 100% !important;
    display: block !important;
    padding: 15px !important;
  }

  .training #index-information .infoTable tr th,
  .training #index-information .infoTable tr td {
    border-left: 1px solid #ccc;
  }

  .training #index-information .infoTable tr th:nth-of-type(1) {
    border-top: 1px solid #cccc;
    text-align: center;
  }

  .training #index-information .infoTable thead {
    display: none;
  }

  .training #index-information .infoTable tr td:before {
    content: attr(data-label);
    float: left;
    font-weight: bold;
    margin-right: 10px;
    width: 70px;
  }

  .training #index-information .infoTable tr td p {
    margin: 0;
  }

  .training #index-information .infoTable tr td a {
    display: inline;
  }

  .training #index-information .infoTable tr td:last-child {
    margin-bottom: 50px;
  }

  .training #index-information .infoTable {
    border-left: none;
  }

  ul.list2_2 {
    list-style: none;
    padding: 0 0 0 0;
    margin: 0;
  }

  ul.list2_2 li {
    width: 100%;
    float: none;
    padding: 0 0 0 0;
    margin: 0 0 30px 0;
  }

  ul.list2_2 li:last-child {
    margin: 0;
  }

  #downloadPage .mainv .efo_title {
    font-size: 26px;
  }

  .rpa_intro,
  .phase_intro {
    display: block;
    width: 100%;
    text-align: center;
  }

  .req_hr,
  .phase_acv,
  .thum_list4 {
    width: 100%;
  }

  ul.list5_sv li {
    float: none;
    width: 100%;
  }

  .btn_detail {
    margin: 10px auto 0;
  }

  ul.list5_sv li {
    margin: 0 0 60px;
  }

  .rpa_sq {
    width: 0;
    height: 0;
    border: 100px solid transparent;
    border-top: 30px solid #3a495c;
    border-bottom: none;
    display: block;
    margin: 14px auto 0;
  }

  .arrow_area p {
    position: relative;
    color: #333;
    font-size: 20px;
    line-height: 1.5;
  }

  .arrow_area::before {
    display: none;
  }

  ul.list5_sv li .btn_detail a.btn {
    width: 100%;
  }

  .sp {
    display: block !important;
  }

  .phase_acv {
    width: 90%;
    margin-right: 0;
    text-align: center;
    display: inline-block;
  }

  .title_ttl_list4 br,
  .task_ttl br {
    display: none;
  }

  .task_intro {
    display: block;
  }

  .task_hr {
    width: 100%;
    display: block;
    margin: 0;
  }

  .task_int,
  .task_txt {
    margin: 0;
    line-height: 1.4;
  }

  .task_ttl {
    /*margin: 10px 0;*/
    line-height: 1.4;
  }

  .task_hr + .task_hr {
    margin-top: 20px;
  }

  .gf_area img {
    width: 100%;
  }

  ul.list5_sv li span {
    min-height: inherit;
    display: block;
  }

  ul.list5_sv li .text_list4 {
    min-height: inherit;
    font-size: 14px;
  }

  th.sp.ui_win {
    background: #969696;
    text-align: center;
  }

  .list5_sv .btn_detail {
    width: 100%;
  }

  .catalogmenu {
    width: 90%;
    margin: 0 5% 50px 5%;
  }

  .catalogmenu li {
    float: none;
    margin: 0 0 5px 0;
    width: 100%;
  }

  .catalogmenu a {
    padding: 5px 10px;
  }

  .catalog_body + h2 {
    margin-top: 50px;
  }

  .catalog_body .catalog_category .catalog_item {
    float: left;
    margin: 0 1% 30px 1%;
    width: 48%;
  }

  .catalog_body .catalog_category .catalog_item:nth-child(3n) {
    margin-right: inherit;
  }

  .catalog_body .catalog_category .catalog_item .catalog_name {
    font-size: 16px;
    margin: 10px 0;
  }

  .catalog_body .catalog_category .catalog_item a {
  }

  .slide5 h1.title-main small,
  .slide6 h1.title-main small {
    font-size: 18px;
  }

  #catalogPage .case {
    width: 100%;
  }

  .indextopics {
    display: block;
    width: calc(100% - 30px);
    margin: 30px 15px;
  }

  .indextopics dt {
    margin-bottom: 0.7em;
    font-weight: bold;
    font-size: 1.5em;
    color: #ffa500;
    background: none;
    padding: 0;
    width: 100%;
    text-align: left;
  }

  /* 240521_トップページ改善 */
  .indextopics.top-news-topics dt {
    background-color: #12449a;
    color: #fff;
    width: auto;
    min-width: 110px;
    text-align: center;
  }

  .indextopics dd {
    width: 100%;
    margin: 0;
  }

  .indextopics dd span {
    display: block;
    margin-left: 0;
  }

  .indextopics dd span + span {
    margin-left: 0;
  }

  ul.list3 {
    list-style: none;
    margin: 0;
    padding: 0;
  }

  ul.list3 li {
    float: none;
    width: 100%;
    margin: 0 0 45px 0;
    padding: 0;
  }

  ul.list3 li:last-child {
    margin: 0 0 0 0;
  }
}

.index1 {
  padding-bottom: 80px;
}

.index1 .title_list3 {
  text-align: center;
  color: #12449a;
  font-size: 19px;
  padding: 10px 0;
  font-weight: bold;
}

.index1 .box {
  padding: 50px 0;
  overflow: hidden;
}

.index1 ul.list3 {
  list-style: none;
  margin: 0;
  padding: 0;
}

.index1 ul.list3 li {
  float: left;
  width: 330px;
  margin: 0 50px 0 0;
  padding: 0;
}

.index1 ul.list3 li:last-child {
  margin: 0 0 0 0;
}

.index1 .thum_list3 {
  text-align: center;
}

.shinsection {
  padding-bottom: 130px;
}

.sbox_table {
}

.sbox_table table {
  width: 100%;
  border-top: 1px dotted #12449a;
  border-left: 1px dotted #12449a;
  margin-top: 30px;
}

.sbox_table table th {
  text-align: center;
  line-height: 1.4;
  padding: 15px;
  font-size: 18px;
  background: #12449a;
  color: #fff;
  border-right: 1px dotted #12449a;
  border-bottom: 1px dotted #12449a;
}

.sbox_table table th span {
  display: block;
  font-size: 12px;
}

.sbox_table table td {
  text-align: center;
  line-height: 1.4;
  padding: 25px;
  border-right: 1px dotted #12449a;
  border-bottom: 1px dotted #12449a;
  width: 35%;
  font-size: 14px;
}

.sbox_table table td strong {
  font-size: 16px;
}

.sbox_table table tr td:first-child,
.sbox_table table tr td:nth-child(2) {
  width: 15%;
  font-size: 16px;
}

.sbox_table table td strong {
  display: block;
  font-weight: bold;
  margin-bottom: 10px;
  white-space: nowrap;
}

.sbox_table table td a {
  display: block;
  background: #967b4f;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  padding: 15px 0;
  margin: 15px auto 0;
  max-width: 300px;
}

.sbox_table table td a:hover {
  opacity: 0.7;
}

.sbox_table table th.line {
  border: 3px solid #ff8000;
}

.sbox_table table td.line {
  border: 3px solid #ff8000;
  background: #fff3e8;
}

.sbox_table table td .btn2 {
  overflow: hidden;
}

.sbox_table table td .btn2 a {
  float: left;
  width: 160px;
}

.sbox_table table td .btn2 a + a {
  float: right;
}

.lineflex {
  display: flex;
}

.lineflex img {
  margin-right: 5%;
}

.lineflex .lineflex_item {
  width: 50%;
}

.lineflex .lineflex_item + img {
  margin-right: 0;
  margin-left: 5%;
}

.sbox_next {
  text-align: center;
  font-size: 2.5rem;
}

.sbox_next span {
  display: inline-block;
  position: relative;
  padding: 0 40px;
}

.sbox_next span:before {
  content: "";
  display: inline-block;
  transform: rotate(-45deg);
  background: #12449a;
  height: 90px;
  width: 2px;
  left: 0;
  top: 0;
  position: absolute;
}

.sbox_next span:after {
  content: "";
  display: inline-block;
  transform: rotate(45deg);
  background: #12449a;
  height: 90px;
  width: 2px;
  right: 0;
  top: 0;
  position: absolute;
}

.sbox {
  width: 100%;
  text-align: center;
  background: #f6f6f6;
  margin: 30px 0;
}

.sbox .sbox_item {
  width: 570px;
  display: inline-block;
  margin: 0 0 30px 0;
}

.sbox .sbox_item ul {
  padding: 0;
  margin-left: 40px;
}

.sbox .sbox_item ul li {
  list-style: none;
  text-align: left;
  position: relative;
  padding-left: 20px;
}

.sbox .sbox_item ul li:before {
  content: "";
  display: inline-block;
  height: 3px;
  width: 10px;
  background: #12449a;
  position: absolute;
  left: 0;
  top: calc(50% - 1px);
}

.sbox .sbox_item h3 {
  position: relative;
}

.sbox .sbox_item + .sbox_item h3 span:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  border-right: 21px solid transparent;
  border-bottom: 10px solid #f6f6f6;
  border-left: 22px solid transparent;
}

/*.sbox .sbox_item + .sbox_item h3 span:after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	border-right: 50px solid transparent;
	border-bottom: 86.6025px solid #b2ce54;
	border-left: 50px solid transparent;
}*/
.btn2none {
  pointer-events: none;
}

.sbox .sbox_item h3 span {
  position: absolute;
  display: inline-block;
  left: 35px;
  top: -40px;
  text-align: center;
  color: #fff;
  font-size: 14px;
  font-weight: normal;
  background: #12449a;
  writing-mode: vertical-rl;
  padding: 0 12px 5px;
  height: 98px;
}

.sbox .sbox_item h3 + p {
  font-size: 18px;
  font-weight: bold;
}

.sbox .sbox_item + .sbox_item {
  margin-left: 30px;
}

.prolist {
  overflow: hidden;
  text-align: center;
  padding: 0;
  margin: 20px 0 0 0;
  display: flex;
  justify-content: center;
}

.prolist li {
  display: inline-block;
  list-style: none;
}

.prolist li img {
  background: #fff;
  display: block;
  margin: 0 auto;
}

.prolist li + li {
  margin-left: 30px;
}

.prolist li .title_list2_2 {
  font-size: 16px;
}

@media all and (min-width: 0px) and (max-width: 768px) {
  .index1 ul.list3 li {
    float: none;
    width: 100%;
    margin: 0 0 30px 0;
    padding: 0;
  }

  .shinsection {
    padding-bottom: 80px;
  }

  .sbox {
    padding: 30px 4%;
  }

  .sbox .sbox_item {
    width: 100%;
    display: block;
  }

  .sbox .sbox_item + .sbox_item {
    margin-left: 0;
    margin-top: 30px;
  }

  .sbox .sbox_item h3 {
    font-size: 22px;
  }

  .sbox .sbox_item h3 + p {
    font-size: 16px;
  }

  .sbox .sbox_item h3 span {
    position: static;
    writing-mode: inherit;
    height: auto;
    padding: 5px;
  }

  .sbox .sbox_item h3 span:before {
    display: none;
  }

  .sbox_next span {
    font-size: 17px;
  }

  .sbox_next span br {
    display: none;
  }

  .sbox_table {
    overflow-x: auto;
  }

  .sbox_table table {
    width: 900px;
  }

  .sbox_table table th {
    white-space: nowrap;
  }

  .sbox_table table th,
  .sbox_table table td {
    display: table-cell !important;
    font-size: 16px !important;
    width: auto !important;
  }

  .sbox_table table td .btn2 a {
    display: block;
    width: 100%;
    float: none !important;
    margin: 0;
    max-width: inherit;
  }

  .sbox_table table td .btn2 a + a {
    margin: 15px 0 0 0;
  }
}

/*---------------------------------200930追記---------------------------------*/
#downloadPage .mainv .mainv_inner.efo_title.manga-- {
  text-shadow: 2px 1px #ffffff;
}

.sp-only {
  display: none;
}

@media (max-width: 767px) {
  .sp-only {
    display: block;
  }

  #downloadPage .mainv .mainv_inner.efo_title.manga-- {
    padding: 57px 0;
  }
}

/*---------------------------------201007追記---------------------------------*/
/*#service_rpatrial .rpa_intro .req_hr .img__box{
	background: #d9d9d9;
	padding: 20px;
}
#service_rpatrial .rpa_intro .req_hr .img__box img{
	width: 50%;
	display: block;
	margin: 0px auto;
}*/
#service_rpatrial .rpa_intro ul {
  list-style: none;
  background: #d8e6f1;
  padding: 30px;
}

#service_rpatrial .rpa_intro li {
  text-indent: -1em;
  padding-left: 1px;
}

#service_rpatrial .flex {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  /*width: 61%;
	margin: 0 auto;*/
}

#service_rpatrial #index-3 img {
  margin-top: 30px;
}

#service_rpatrial .flow_disc dt {
  color: #12449a;
  font-weight: bold;
}

#service_rpatrial .flow_disc dd {
  text-indent: -1em;
  padding-left: 1em;
}

#service_rpatrial .req_hr .pc-only {
  margin: 0;
}

#service_rpatrial .rpa_intro li.ty {
  font-weight: bold;
  color: #12449a;
}

#service_rpatrial.develop_rpa .feature2 dd {
  margin: 0 40px 0 60px;
  text-indent: -1em;
  padding-left: 1px;
}

@media (min-width: 768px) {
  #service_rpatrial .flex img {
    width: 48%;
  }

  #service_rpatrial .flex img:first-child,
  #service_rpatrial .flex img:nth-child(2) {
    margin-bottom: 20px;
  }

  .pc-only {
    display: block;
  }

  #service_rpatrial.develop_rpa .feature2 .req_hr {
    width: 40%;
  }
}

@media (max-width: 767px) {
  .pc-only {
    display: none;
  }

  #service_rpatrial .container .flex {
    display: block;
  }

  #service_rpatrial .container .flex img {
    width: 100%;
  }

  #service_rpatrial.develop_rpa .feature2 dd {
    margin: 0 20px;
    text-align: left;
  }

  #service_rpatrial .rpa_intro li {
    text-align: left;
  }

  #service_rpatrial .rpa_intro li.ty {
    text-align: center;
  }
}

#service_rpatrial.develop_rpa .feature2 .task_ttl {
  background: #12449a;
}

#service_rpatrial.develop_rpa .feature2 dt {
  text-align: center;
  font-size: 2rem;
  font-weight: bold;
}

/*#service_rpatrial.develop_rpa .feature2 dd{
	text-align: center;
margin: 0;
}*/
#service_rpatrial .flow_disc span.color_01 {
  color: #12449a;
}

#service_rpatrial .flow_disc span.color_02 {
  color: #3268c4;
}

#service_rpatrial .flow_disc span.color_03 {
  color: #e83428;
}

/*201009　.lrqPage----------------------*/
.lrqPage {
}

.lrqPage img {
  max-width: 100%;
}

.lrqProfile {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 20px;
  background: #efefef;
}

.namebox {
}

.namebox span {
  display: block;
  font-size: 26px;
  font-weight: bold;
}

.lrqPage ul {
  margin: 0;
  padding: 0;
}

.lrqPage ul li {
  list-style: none;
}

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

.lrqlist01 {
  text-align: center;
  display: flex;
  justify-content: center;
}

.lrqlist01 li {
  width: 250px;
  font-size: 14px;
  line-height: 1.4;
}

.lrqlist01 li + li {
  margin-left: 30px;
}

.lrqlist01 li img {
  margin-bottom: 10px;
}

.lrqnext {
  display: block;
  text-align: center;
  color: #fff;
  background: #333;
  padding: 20px 0;
  margin: 60px 0 60px 0;
  line-height: 1;
}

.lrqnext a {
  text-decoration: underline;
}

.lrqnext a:hover {
  text-decoration: none;
}

.lrqinfo {
  padding: 40px 40px 30px 40px;
  border: 2px solid #2956a4;
}

.lrqinfo .lrqttl {
  text-align: left;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 15px;
  color: #2956a4;
}

.lrqinfo ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.lrqinfo ul li {
  display: flex;
  width: 32%;
  align-items: center;
  border-bottom: 1px dotted #ccc;
  padding-bottom: 10px;
  margin-bottom: 10px;
  transition: 0.3s;
  font-size: 1.4rem;
}

.lrqinfo ul li a {
  color: #2956a4;
  text-decoration: underline;
}

.lrqinfo ul li a:hover {
  text-decoration: none;
  transition: 0.3s;
}

.lrqinfo ul li a:hover img {
  opacity: 0.7;
  transition: 0.3s;
}

.lrqinfo li a {
  display: flex;
  align-items: center;
}

.lrqinfo ul li img {
  max-height: 60px;
  margin-right: 15px;
}

.lrqtable {
  padding: 20px 50px;
  /*border: 2px solid #2956a4;*/
  background: #f6f9fe;
}

.lrqtable dt {
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  color: #2956a4;
}

.lrqtable dd {
  margin: 5px 0 0 0;
  padding-bottom: 5px;
  border-bottom: 1px dotted #ccc;
}

.lrqtable dd + dd {
}

.lrqtable dd a {
  color: #2956a4;
}

.lrqtable dd a:hover {
  opacity: 0.7;
  text-decoration: underline;
}

.lrqtable dd.mt20 {
  margin-top: 15px;
  border: none;
}

.lrqtable dd.mt20 a:after {
  content: ">";
  padding-left: 10px;
}

.lrqPage h3 {
  text-align: left;
  color: #2956a4;
}

.lrqPage h4 {
  text-align: left;
  color: #2956a4;
  font-size: 18px;
}

div.lrqh2 {
  margin: 50px auto 40px;
  padding: 40px 0;
  color: #fff;
  text-align: center;
  font-size: 30px;
  font-weight: bold;
  position: relative;
  background-size: cover !important;
  width: 1200px;
}

div.lrqh2.mv01 {
  background: url("../img/lib_rpa/img01.jpg") no-repeat center center;
  backgronnd-size: cover;
}

div.lrqh2.mv02 {
  background: url("../img/lib_rpa/img02.jpg") no-repeat center center;
  backgronnd-size: cover;
}

div.lrqh2.mv03 {
  background: url("../img/lib_rpa/img03.jpg") no-repeat center center;
  backgronnd-size: cover;
}

div.lrqh2.mv04 {
  background: url("../img/lib_rpa/img04.jpg") no-repeat center center;
  backgronnd-size: cover;
}

div.lrqh2.mv05 {
  background: url("../img/lib_rpa/img05.jpg") no-repeat center center;
  backgronnd-size: cover;
}

.library_rpa_mv {
  /*background-image: url(../img/lib_rpa/top_img.jpg);*/
  height: auto;
  display: flex;
}

.library_rpa_mv h1 {
  margin: 0;
}

.library_rpa_mv img {
  width: 100%;
  max-width: 2200px;
}

.library_rpa_mv .pc-hide {
  display: none;
}

/*.library_rpa_mv .txt {
    font-size: 2.4rem;
    font-weight: bold;
	text-shadow: 0 0 10px rgba(255,255,255,.9);
}
.library_rpa_mv .txt strong {
    font-size: 4rem;
	text-shadow: 0 0 10px rgba(255,255,255,.9);
}
.library_rpa_mv h1 {
    font-size: 4rem !important;
    margin: 0;
	    text-shadow: 0 0 10px rgba(255,255,255,.9);
}
.library_rpa_mv p {
    font-size: 2rem;
}*/
.lrqProfile {
  background: #f6f6f6;
  padding: 20px;
  flex-wrap: wrap;
  margin: 20px 0 0;
  justify-content: center;
}

/*.lrqPage img {
    width: 160px;
}*/
.lrqProfile img {
  width: 160px;
}

.lrqPage .date {
  color: #666;
  margin: 1rem 0 3rem;
  font-size: 1.2rem;
}

.lrqPage #main p,
.lrqPage #main li {
  line-height: 2;
}

.lrqPage .target p:nth-of-type(1) {
  font-size: 2rem;
}

.lrqPage .target ul li {
  font-weight: bold;
  line-height: 1.6 !important;
}

.lrqPage .target {
  margin: 3rem 0 3rem;
}

.lrqnext {
  position: relative;
}

.lrqnext:hover {
  transition: 0.3s;
  background: #2956a4;
}

.lrqnext a:hover {
  text-decoration: underline;
}

.lrqnext:after {
  position: absolute;
  top: 50%;
  right: 30px;
  width: 12px;
  height: 12px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  margin-top: -6px;
  vertical-align: middle;
  border-color: rgba(255, 255, 255, 0.7);
  transition: all 0.2s;
  content: "";
}

.lrqnext:hover:after {
  right: 20px;
}

.lrqPage .namebox {
  max-width: calc(100% - 160px);
  margin: 0 0 0 30px;
}

.lrqPage .cv_dl .btn {
  width: auto;
  max-width: 690px;
  font-size: 1.6rem;
  font-weight: bold;
  margin: 20px auto 0;
}

.lrqPage .cv_dl {
  background: #f6f6f6;
  padding: 4rem;
  margin: 60px 0 0;
  /* text-align: center; */
}

.lrqPage .cv_dl h3 {
  margin: 0;
  text-align: center;
  border: none;
}

div.lrqh2:after {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
  position: absolute;
  display: block;
  left: 0;
  top: 0;
  content: "";
}

h2.lrqh2 {
  position: relative;
  z-index: 1;
  font-size: 3.2rem;
  /*display:inline-block;
    background:#12449a;
    line-height:1;
    padding: 1rem 2rem;*/
}

div.lrqh2 {
  padding: 150px 0;
  z-index: 0;
}

div.lrqh2:after {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
  position: absolute;
  display: block;
  left: 0;
  top: 0;
  content: "";
  z-index: -1;
}

h2.lrqh2 {
  /*position: absolute;
    left: 50%;
    transform:translate(-50%, -50%);
    bottom: calc(-60px);*/
  margin: 0;
  z-index: 0;
  font-size: 3.4rem;
  display: inline-block;
  background: #111;
  line-height: 1;
  letter-spacing: 4px;
  padding: 1.5rem 2rem;
}

ul.lrqlist2 li:before {
  content: "・";
}

ul.lrqlist2 li {
  text-indent: -1em;
  padding-left: 3em;
}

ul.lrqlist2 {
  margin: 1rem 0 4rem;
}

article.rpa {
  padding-top: 70px;
  margin-top: 0px;
}

article.rpa h3 {
  border-bottom: 2px solid #12449a;
  padding-bottom: 20px;
  margin: 0 0px 20px 0;
  font-size: 28px;
}

.lrqPage article.rpa h4 {
  font-size: 21px;
  margin: 60px 0 20px;
}

.lrqPage article.rpa h5 {
  font-size: 18px;
  margin: 0;
}

article.rpa p,
article.rpa h4,
article.rpa h5 {
  padding: 0 2rem;
}

.cv_dl p.copy {
  font-weight: bold;
  font-size: 18px;
  margin: 4rem 0 1rem;
  text-align: center;
}

article.rpa figure {
  text-align: center;
}

article.rpa figure figcaption {
  font-size: 1.4rem;
  color: #666;
}

article.rpa figure .sp {
  display: none;
}

ul.lrqlist3 li {
  list-style: decimal;
  margin: 0 5rem;
}

ul.lrqlist3 {
  margin: 1rem 0 4rem;
}

@media (min-width: 767px) {
  .library_rpa_mv {
    background-image: url(../img/lib_rpa/top_img_pc_bg.png);
    background-position: center;
    text-align: center;
  }

  .library_rpa_mv div {
    width: 1100px;
    margin: 0 auto;
  }
}

@media (max-width: 1201px) {
  div.lrqh2 {
    width: 100%;
  }
}

@media (max-width: 768px) {
  .library_rpa_mv .pc-hide {
    display: inline;
  }

  .library_rpa_mv .sp-hide {
    display: none;
  }

  article.rpa figure .pc {
    display: none;
  }

  article.rpa figure .sp {
    display: inline;
  }

  .library_rpa_mv {
    padding-top: 40px;
  }

  .lrqPage .breadcrumbs {
    padding: 0 1rem;
  }

  .lrqPage .namebox {
    max-width: initial;
    margin: 10px 0 0;
    text-align: center;
  }

  .lrqPage .namebox span {
    font-size: 20px;
  }

  .lrqinfo {
    padding: 20px;
  }

  .lrqinfo ul li {
    width: 100%;
  }

  .lrqPage .cv_dl {
    padding: 20px;
  }

  .lrqPage .cv_dl h3 {
    font-size: 16px;
  }

  .lrqPage .cv_dl .btn {
    height: auto;
    padding: 15px 40px 15px 20px;
    text-align: left;
  }

  div.lrqh2 {
    padding: 50px 0;
    margin: 1rem 2% 1rem;
    width: 96%;
  }

  h2.lrqh2 {
    font-size: 1.6rem;
    letter-spacing: 2px;
  }

  ul.lrqlist2 li {
    padding-left: 2rem;
  }

  .lrqtable {
    padding: 20px;
  }

  .lrqtable dt {
    text-align: left;
  }

  article.rpa {
    padding-top: 50px;
  }

  article.rpa h3 {
    font-size: 22px;
  }

  .lrqPage article.rpa h4 {
    font-size: 19px;
    margin: 40px 0 10px;
  }

  .cv_dl p.copy {
    font-size: 16px;
    margin: 2rem 0 0;
    line-height: 1.4;
  }
}

/*201013*/
.develop_rpa ul.list3 img {
  width: 330px;
  height: 220px;
  object-fit: cover;
}

/*201021--------------3tips---------------------------------------------------*/
h1.lib .bold {
  line-height: 1.3;
  font-weight: bold;
  color: #12449a;
  text-align: center;
  font-size: 3.6rem;
}

.bold {
  font-weight: bold;
}

h1.lib {
  line-height: 1.3;
  /* font-weight: bold; */
  color: #12449a;
  text-align: center;
  font-size: 2.6rem;
}

.section_3tips figure img {
  display: block;
}

.section_3tips figure img.himg {
  width: 60%;
  margin: 30px auto;
}

.section_3tips figcaption {
  text-align: center;
}

@media (min-width: 767px) {
  #main .library_rpa_mv.tips3 {
    background-image: url(../img/lib_rpa-3tips/hero_3tips_bg.jpg);
    background-position: center;
    text-align: center;
  }

  .section_3tips .ul_center {
    display: block;
    width: 550px;
    margin: 0 auto;
  }
}

.section_3tips .ul_center li:before {
  content: "●";
  color: #12449a;
  margin-right: 10px;
}

.img_caption {
  text-align: center;
  font-size: 1.4rem;
  color: #666;
  margin: 0;
}

.lrqlist2 li + li {
  margin-top: 1em;
}

#columnPage .mainv {
  background-size: cover;
}

#index-case.column .box {
  margin-top: 30px;
}

#index-case.column .title_list4 {
  padding: 0 0 5px;
}

#index-case.column .release-date {
  display: inline-block;
  font-size: 13px;
}

.img-main.index.slide7 {
  background-image: url(../img/overview/beginner_mv.jpg);
}

.column_day {
  display: block;
}

.columnBox_detail {
  padding-bottom: 50px;
  margin: 0 auto;
  width: 1100px;
}

.article-text a {
  color: #12449a !important;
  text-decoration: underline;
}

.article-text a:hover {
  text-decoration: none;
}

.flex-content {
  display: flex;
  justify-content: space-between;
}

.article-content__left {
  width: 770px;
}

.article-content__left div.section {
  margin-bottom: 90px;
}

.article-content__left .column_relation {
  border: 1px solid #12449a;
  padding: 30px;
}

.article-content__left .column_relation h3 {
  margin-top: 0;
}

.article-content__left .column_relation li {
  width: 100%;
  border-bottom: 1px solid #ddd;
  float: none;
  padding: 20px 0;
}

.article-content__left .column_relation li:first-of-type {
  padding-top: 0;
}

.article-content__left .column_relation li:last-of-type {
  padding-bottom: 0;
  border-bottom: none;
}

.article-content__left .column_relation li a {
  display: block;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.article-content__left .column_relation li a:hover {
  opacity: 0.7;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.article-content__left .column_relation .release-date {
  font-size: 13px;
}

.article-content__right {
  width: 290px;
  margin-left: 40px;
}

.article-content__right--item {
  margin-bottom: 30px;
}

.article-content__right--recommend {
  margin: 50px 0;
}

.article-content__right--recommend ul li p {
  margin: 0;
}

.article-content__right--recommend ul li p strong {
  display: block;
  line-height: 1.4;
  font-weight: 600;
}

.article-content__right--recommend ul {
  padding: 0;
}

.article-content__right--recommend li {
  list-style: none;
  border-bottom: 1px dotted #777;
  color: #333;
  letter-spacing: 0.04em;
  padding: 15px 0;
}

.article-content__right--recommend li:first-of-type {
  padding-top: 0;
}

.article-content__right--recommend li a {
  display: block;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  text-decoration: none;
}

.article-content__right--recommend li a:hover {
  opacity: 0.7;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.article-content__right--text {
  line-height: 1.4;
  font-size: 14px;
  margin-bottom: 6px !important;
}

.article-content__right--heading {
  position: relative;
  color: #212121;
  font-weight: bold;
  padding: 23px 0 10px;
  display: flex;
  justify-content: space-between;
  border-top: 2px solid #ccc;
}

.article-content__right--heading p {
  margin: 0;
  font-size: 19px;
  line-height: 1.4;
  color: #333;
  letter-spacing: 0.05em;
}

.article-content__right--heading:before {
  content: "";
  position: absolute;
  left: 0;
  top: -2px;
  height: 2px;
  width: 80px;
  background: #967b4f;
}

.article-content__right--heading p:after {
  width: 30px;
  height: 2px;
  background-color: #12449a;
}

.article-content__right--link {
  width: 70px;
}

.article-content__right--link a {
  font-size: 12px;
  font-weight: 500;
  vertical-align: top;
  color: #967b4f;
  border-bottom: 1px solid #967b4f;
  padding-bottom: 3px;
  text-decoration: none;
}

.cast_profile {
  display: flex;
}

.cast_profile_img {
  width: 145px;
  min-width: 145px;
  margin-right: 20px;
}

.cast_plofile_des p:first-of-type {
  margin-top: 0;
}

.cast_plofile_des p:last-of-type {
  margin-bottom: 0;
}

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

  .columnBox_detail {
    padding-bottom: 50px;
    width: 90%;
    margin: 0 5%;
  }

  .article-content__left,
  .article-content__right {
    width: 100%;
  }

  .article-content__right {
    margin-left: 0;
  }

  .article-content__left .column_relation li {
    margin-bottom: 0;
  }

  .cast_profile {
    display: block;
  }

  .cast_profile_img {
    margin: 0 auto;
  }

  .cast_plofile_des p:first-of-type {
    margin-top: 10px;
  }
}

.tabUl2,
.tabUl {
  margin-bottom: 20px;
  margin-top: 30px;
  border-bottom: 2px solid #12449a;
  display: flex;
  flex-wrap: wrap;
  padding: 0 20px;
}

.tabUl2 li,
.tabUl li {
  width: 50%;
  list-style: none;
}

.tabUl2 li a,
.tabUl li a {
  padding: 17px 0 14px;
  display: block;
  color: #12449a;
  font-size: 18px;
  background-color: #ccc;
  text-align: center;
}

.tabUl2 .on a,
.tabUl2 li a:hover,
.tabUl .on a,
.tabUl li a:hover {
  text-decoration: none;
  border-bottom-color: #fff;
  color: #fff;
  background: #12449a;
}

.tabUl2 li:first-child a,
.tabUl li:first-child a {
  border-left: 1px solid #6e6c70;
}

.tab.hide {
  overflow: hidden;
  height: 0;
  transition: 0.3s;
}

.cl04_span {
  font-weight: bold;
  text-align: center;
  padding: 5px 10px;
  background: #967b4f;
  text-decoration: none;
  color: #fff;
  display: block;
}

.catalog_body .catalog_category.column_relate {
  display: flex;
  flex-wrap: wrap;
  margin-top: 25px;
}

.catalog_body .catalog_category.column_relate .catalog_item {
  float: none;
  margin: 0 18px 24px 0;
  width: 238px;
}

.catalog_body .catalog_category.column_relate .catalog_item .catalog_name {
  font-size: 15px;
}

.form_bertical_layout .section_inner {
  float: none;
  width: 100%;
}

.form_bertical_layout .section_inner + .section_inner {
  float: none;
  width: 75%;
  margin: 0 auto;
}

.underPage .mainv.mb0 {
  margin-bottom: 0;
}

.breadcrumbs {
  background: #fff;
}

.breadcrumbs.mb100 {
  margin-bottom: 100px;
}

.breadcrumbs_in {
  width: 1100px;
  margin: 0 auto;
  font-size: 14px;
  padding: 10px 0;
}

.breadcrumbs_in a {
  display: inline-block;
  background: url("../img/icon-bread.png") no-repeat right center;
  padding: 0 15px 0 0;
  margin: 0 15px 0 0;
}

.breadcrumbs_in span {
  padding: 0 0 0 0;
}

.wrap-contant {
  padding: 26px 0 0;
}

.wrap-contant.bg-gray {
  background: #f7f7f7;
}

.lineup-link__box {
  display: flex;
  justify-content: space-between;
}

.lineup-link__items {
  width: 24.5%;
  list-style: none;
  color: #fff;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
}

.lineup-link a {
  display: block;
  padding: 13px;
}

.lineup-link a:hover {
  opacity: 0.8;
}

.lineup-link a span.btn:hover {
  opacity: 1;
}

.lineup-link__items.trial {
  background-color: #1a6eff;
}

.lineup-link__items.support {
  background-color: #4c8bf9;
}

.lineup-link__items.rpa {
  background-color: #78a5f3;
}

.lineup-link__items.online-seminar {
  background-color: #9cb8e8;
}

.lineup-link__items--text {
  font-weight: bold;
  text-align: center;
  font-size: 1.8rem;
}

.lineup-link__items .btn {
  width: 100%;
  height: 48px;
}

.lineup-link__items--en {
  display: block;
  font-weight: 100;
  font-size: 1.4rem;
  line-height: 1.2;
}

.lineup-link__items--btn {
  background: #967b4f;
  text-align: center;
  color: #fff;
  font-weight: bold;
  display: block;
  margin: 0 auto;
}

@media screen and (max-width: 767px) {
  .lineup-link__box {
    padding: 0;
    flex-wrap: wrap;
  }

  .lineup-link__items {
    width: 49%;
  }

  .lineup-link__items:first-of-type,
  .lineup-link__items:nth-of-type(2) {
    margin-bottom: 10px;
  }

  .lineup-link__items--text {
    font-size: 1.1rem;
  }

  .lineup-link__items--en {
    font-size: 0.9rem;
  }

  .lineup-link__items .btn {
    height: 33px;
    font-size: 1.2rem;
  }
}

.list-content_col3 {
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 120px;
}

.list-content_col3 .box {
  margin-top: 30px;
}

.list-content_col3 .title_list4 {
  text-align: center;
  color: #12449a;
  font-size: 19px;
  font-weight: bold;
  padding: 15px 0;
}

.list-content_col3 .title_list4 {
  padding: 0 0 5px;
}

.list-content_col3 .text_list4 {
  font-size: 14px;
}

.list-content_col3 .thum_list4 a img {
  display: block;
  margin: 0 auto;
}

.pager {
  position: relative;
}

.pager .pager_prev {
  position: absolute;
  left: 0;
}

.pager .pager_next {
  position: absolute;
  right: 0;
}

.contact-list__box {
  padding-left: 0;
  justify-content: space-between;
  display: flex;
}

.contact-list__items {
  list-style: none;
  width: 32%;
  background: #ecf0f7;
  padding: 30px;
}

.contact-list .common-heading {
  font-size: 2.2rem;
  padding-left: 0;
  padding-top: 0;
}

.contact-list .common-heading::before {
  content: none;
}

.contact-list .btn_detail,
.contact-list .btn_detail .btn {
  width: 100%;
}

.contact-list .text-large {
  font-size: 2.2rem;
  font-weight: bold;
}

.contact-list .text-large:before {
  width: 16px;
  height: 16px;
  content: "";
  background-image: url("../img/ico_phone.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: top center;
  display: inline-block;
  margin-right: 10px;
}

.contact-list .text-small {
  font-size: 14px;
  line-height: 1.7;
}

@media screen and (max-width: 767px) {
  .contact-list__box {
    flex-wrap: wrap;
  }

  .contact-list__items {
    width: 100%;
    margin-bottom: 45px;
  }

  .contact-list__items:last-of-type {
    margin-bottom: 0;
  }
}

.pt-0 {
  padding-top: 0 !important;
}

.pb-0 {
  padding-top: 0 !important;
}

.archive-faq {
  background-position: top right !important;
}

.faqList_heading {
  font-size: 33px !important;
}

.faqList_heading:before {
  content: none !important;
}

#news_under_archive ul.pagenation {
  display: flex;
  margin: 0 auto;
  width: 446px;
  justify-content: center;
}

#news_under_archive ul.pagenation li + li {
  border: none;
}

#news_under_archive ul.pagenation li {
}

.pagenation .last {
  transform: rotate(180deg);
  transform-origin: center center;
}

@media screen and (max-width: 767px) {
  #news_under_archive ul.pagenation {
    width: 100%;
    justify-content: center;
  }

  #news_under_archive ul li {
    padding: 15px;
  }

  #news_under_archive ul.pagenation li + li {
    padding: 15px 10px;
  }
}

.column_sort {
  margin: 0 auto;
  width: 1100px;
}

.column_sort ul {
  display: flex;
  justify-content: space-between;
  padding: 0;
}

.column_sort li {
  list-style: none;
}

.column_sort li a {
  cursor: pointer;
  display: block;
  border: 2px solid #12449a;
  font-size: 16px;
  color: #12449a;
  text-align: center;
  position: relative;
  transition: 0.3s ease-in-out;
  line-height: 1.2;
  padding: 10px 0px;
  cursor: pointer;
  width: 147px;
  font-size: 14px;
  margin: 0 0px 15px;
  border-radius: 40px;
}

.column_sort li a:hover {
  background: #12449a;
  color: #fff;
}

.column_sort li a.all-current {
  background: #12449a;
  color: #fff;
}

@media screen and (max-width: 767px) {
  .column_sort {
    width: 90%;
  }

  .column_sort ul {
    flex-wrap: wrap;
    justify-content: flex-start;
  }

  .column_sort li {
    width: 49%;
    margin-right: 2%;
  }

  .column_sort li:nth-of-type(even) {
    margin-right: 0;
  }

  .column_sort li a {
    width: 100%;
    margin-left: 0;
  }

  .breadcrumbs_in {
    width: 100%;
  }

  .top_slider {
  }
}

.heading-pt-180 {
  padding-top: 180px !important;
}

.heading-pt-180:before {
  top: 130px !important;
}

.column_mokuji {
  margin-top: 30px;
}

.column_mokuji dl {
  margin: 0;
  border: 1px solid #e1e1e1;
  padding: 25px 30px;
}

.column_mokuji dt,
.column_mokuji dd {
  border-top: 1px dotted #ddd;
  padding-top: 10px;
  margin-top: 15px;
}

.column_mokuji dt:first-of-type {
  border-top: none;
  padding-top: 0;
  margin-top: 0;
}

.column_mokuji dd {
  margin-left: 19px;
  padding-left: 1.6em;
  text-indent: -1.6em;
}

.column_mokuji {
  counter-reset: number 0;
}

.column_mokuji dt {
  counter-reset: number2 0;
}

.column_mokuji dt::before {
  counter-increment: number 1;
  content: counter(number) "．";
}

.column_mokuji dd::before {
  counter-increment: number2 1;
  content: counter(number) "." counter(number2) "．";
}

.column_mokuji dt a,
.column_mokuji dd a {
  color: #333;
  text-decoration: none;
}

.column_mokuji dt a:hover,
.column_mokuji dd a:hover {
  opacity: 0.7;
}

.column_mokuji_head {
  background: #b1b1b1;
  color: #fff;
  text-align: center;
  padding: 6px;
  font-weight: bold;
  font-size: 18px;
  margin: 0;
}

#columnPage h2.head {
  font-weight: bold;
  font-size: 24px;
  padding: 8px 19px;
  border-left: 5px solid #12449a;
  background: #eee;
}

#columnPage h2.head:before {
  content: none;
}

#columnPage h3.head {
  padding: 15px;
  color: #12449a;
  background: #f5f5f5;
  border-bottom: 2px dotted #12449a;
  margin-top: 40px;
}

@media screen and (max-width: 767px) {
  .column_mokuji dl {
    padding: 17px 23px 0px 23px;
  }

  #columnPage h2.head {
    line-height: 1.4;
    font-size: 20px;
  }

  #columnPage h3.head {
    text-align: left;
    line-height: 1.5;
  }
}

.wide .btn {
  width: 564px;
}

@media screen and (max-width: 767px) {
  .wide .btn {
    height: auto;
    width: 300px;
  }
}

a.hover:hover {
  opacity: 0.7;
  display: block;
}

.movie_slide {
  padding-left: 0;
  position: relative;
}

.movie_slide .slick-slide > div {
  font-size: 14px;
}

.movie_slide .slick-slide li {
  width: 330px !important;
  margin: 0 20px;
  padding: 0 18px;
}

@media screen and (max-width: 1280px) {
  .movie_slide .slick-slide li {
    /* width: 480px !important; */
    width: 37.5vw !important;
  }
}

@media screen and (max-width: 1280px) {
  .movie_slide .slick-slide li img {
    max-width: 100%;
    width: 100%;
    object-fit: cover;
  }
}

.movie_slide .slick-slide li:hover {
  opacity: 0.7;
}

.movie_slide .title_list4 {
  font-size: 20px;
  font-weight: bold;
  color: #12449a;
  line-height: 1.4;
  margin: 10px 0;
}

.movie_slide .slick-dots {
  position: static;
}

.movie_arrow_prev {
  position: absolute;
  right: 100px;
  top: -70px;
}

.movie_arrow_next {
  position: absolute;
  right: 0;
  top: -70px;
}

.movie_arrow_prev:hover,
.movie_arrow_next:hover {
  cursor: pointer;
  cursor: hand;
  opacity: 0.7;
}

@media screen and (max-width: 767px) {
  .movie_slide .slick-slide li {
    width: 100% !important;
  }

  .movie_slide .slick-slide li {
    margin: 0;
  }

  .movie_slide .slick-slide img {
    max-width: none;
    width: 100%;
  }
}

.center_btn .btn.wide {
  width: 397px;
}

#index-movie {
  padding-bottom: 130px;
}

@media screen and (max-width: 767px) {
  #index-movie {
    padding-bottom: 80px;
  }

  .center_btn .btn.wide {
    width: 300px;
  }
}

#index-movie .box {
  overflow: initial;
  padding-top: 10px;
}

#index-movie .common-heading {
  padding-top: 180px;
}

#index-movie .common-heading::before {
  top: 130px;
}

#index-movie {
  margin-bottom: 0 !important;
}

.movieBox_detail {
  padding-bottom: 50px;
  margin: 50px auto 0;
  width: 1100px;
}

@media screen and (max-width: 767px) {
  .movieBox_detail {
    padding-bottom: 50px;
    width: 90%;
    margin: 0 5%;
  }
}

.movie_description {
  background: #f1f1f1;
  padding: 20px;
}

/*-------------------------
2021/11/24
---------------------------*/
.feature211124 .task_ttl span {
  margin-top: 0;
  font-size: 22px;
}

#service_rpatrial.develop_rpa .feature211124.feature2 dd {
  margin: 0 20px 0 40px;
}

#service_rpatrial .feature211124.rpa_intro li.ty {
  text-align: center;
  font-size: 20px;
  margin-bottom: 10px;
}

.feature211124 .arrow {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 50px 50px 0 50px;
  border-color: #e83528 transparent transparent transparent;
  margin: 0 auto;
}

.bnr_content_211124 {
  padding-top: 100px;
}

.bnr_content_211124 a {
  display: block;
}

.bnr_content_211124 a:hover {
  opacity: 0.8;
}

@media screen and (max-width: 767px) {
  .bnr_content_211124 {
    padding-top: 60px;
  }
}

.service_table .sbox_table table td {
  padding: 25px 15px;
}

/*--------------------------------------
20220120 /solution/ai-ocr/ページへのｃｓｓ
--------------------------------------*/
.solution_ai-ocr .feature3 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 60px;
}

.solution_ai-ocr .feature3 .icon_box {
  width: 400px;
  margin-right: 80px;
}

.solution_ai-ocr .feature3 .txt_box {
  flex: 1;
}

.solution_ai-ocr .feature3 h2 {
  margin: 0 0 20px 0;
}

.solution_ai-ocr .primary-color {
  color: #12449a;
}

.solution_ai-ocr .feature3 .detail_txt {
  border: 1px solid #12449a;
  padding: 20px;
  text-align: left;
}

.solution_ai-ocr .feature3 .detail_txt p {
  margin: 0;
  line-height: 1.5;
}

.solution_ai-ocr .feature3 .detail_txt .detail_item ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.solution_ai-ocr .feature3 .detail_txt .detail_item ul li {
  margin-bottom: 20px;
}

.solution_ai-ocr .feature3 .detail_txt .detail_item ul li:last-child {
  margin-bottom: 0;
}

.solution_ai-ocr .feature3 .detail_item h4 {
  margin-bottom: 5px;
}

.solution_ai-ocr h4 {
  margin: 0;
  font-size: 1.8rem;
}

.solution_ai-ocr span.accent {
  background: linear-gradient(transparent 60%, #fcff26 60%);
}

.solution_ai-ocr .merit .merit_item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-align: left;
  padding: 20px;
  border: 1px solid #12449a;
  margin-bottom: 20px;
}

.solution_ai-ocr .merit .merit_item {
  background-color: #fff;
}

.solution_ai-ocr .merit .img_box {
  width: 210px;
  margin-right: 30px;
}

.solution_ai-ocr .merit .txt_box {
  flex: 1;
}

.solution_ai-ocr .merit .txt_box p {
  margin: 0;
}

.solution_ai-ocr .merit .txt_box p a {
  text-decoration: underline;
}

.solution_ai-ocr .merit .txt_box p a:hover {
  text-decoration: none;
}

.solution_ai-ocr .merit .txt_box h4 {
  margin-bottom: 0px;
}

.solution_ai-ocr .strength {
  margin-top: 180px;
}

@media (max-width: 767px) {
  .solution_ai-ocr .feature3 {
    display: block;
    margin-top: 50px;
  }

  .solution_ai-ocr .feature3 .icon_box {
    width: 100%;
    margin-right: 0;
  }

  .solution_ai-ocr .merit .merit_item {
    display: block;
    text-align: center;
  }

  .solution_ai-ocr .merit .img_box {
    width: 210px;
    margin: 0 auto;
  }

  .solution_ai-ocr .feature3 .detail_txt {
    margin-top: 30px;
  }

  .solution_ai-ocr .strength {
    margin-top: 60px;
  }

  .solution_ai-ocr .merit .txt_box h4 {
    margin-top: 10px;
  }

  .solution_ai-ocr .merit .txt_box p {
    text-align: left;
    margin-top: 5px;
  }
}

/*-------------------------
2022/02/04
---------------------------*/
#columnPage .section-introduction {
  margin-bottom: 120px;
}

#columnPage .section-introduction .box {
  margin-top: 40px;
}

#columnPage .section-introduction .list2_2 {
  display: flex;
  justify-content: space-between;
}

#columnPage .section-introduction .list2_2 li {
  margin: 0 40px 0 0;
}

#columnPage .section-introduction .list2_2 li:hover {
  opacity: 0.7;
}

#columnPage .section-introduction .list2_2 li a {
  display: block;
}

#pc-side-nav {
  position: absolute;
}

#pc-side-nav.pc-side-nav-fixed {
  top: 16%;
  position: fixed;
}

#columnPage #seminar_link_wrap {
}

#columnPage #seminar_link_wrap ul {
  display: flex;
  justify-content: flex-start;
  padding: 0;
}

#columnPage #seminar_link_wrap ul li {
  list-style: none;
  width: 32%;
  margin-right: 2%;
}

#columnPage #seminar_link_wrap ul li:last-child {
  margin-right: 0;
}

#columnPage #seminar_link_wrap ul li a {
  display: block;
}

#columnPage #seminar_link_wrap ul li a:hover {
  opacity: 0.7;
}

#columnPage #seminar_link_wrap ul li p {
  background-color: #967b4f;
  margin-top: 6px;
  color: #fff;
  font-weight: bold;
  text-align: center;
  padding: 5px;
}

#columnPage .article-content__right--item a {
  display: block;
}

@media (max-width: 767px) {
  #columnPage .section-introduction {
    margin-bottom: 70px;
  }

  #columnPage #seminar_link_wrap ul {
    display: block;
  }

  #columnPage #seminar_link_wrap ul li {
    width: 238px;
    margin: 0 auto;
  }

  #columnPage #seminar_link_wrap ul li:last-child {
    margin: 0 auto;
  }

  #columnPage .section-introduction .list2_2 {
    display: block;
  }

  #columnPage .section-introduction .list2_2 li {
    margin: 0 0 30px 0;
  }

  #pc-side-nav {
    display: none;
  }

  #columnPage .catalog_body .catalog_category.column_relate .catalog_item {
    margin: 0 auto 18px;
  }

  #columnPage .article-content__right--item a {
    text-align: center;
  }
}

/*----------------------
220222
------------------------*/
#service .service_item_wrap {
  margin-top: 70px;
}

#service .service_item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 80px;
  padding-top: 150px;
  margin-top: -150px;
}

#service .service_item:last-child {
  margin-bottom: 0;
}

#service .service_item:nth-child(even) {
  flex-direction: row-reverse;
}

#service .service_item .txt_box {
  flex: 1;
  text-align: left;
}

#service .service_item .rabel_ttl {
  font-weight: bold;
}

#service .service_item p {
  margin: 0;
}

#service .service_item .txt_box h3 {
  text-align: left;
  margin: 0 0 5px 0;
}

#service .service_item:nth-child(odd) .img_box {
  margin-left: 70px;
}

#service .service_item:nth-child(even) .img_box {
  margin-right: 70px;
}

#service .service_item .btn_detail {
  text-align: left;
  margin: 20px 0 0 0;
  width: auto;
}

#service .service_item .btn_detail.flex {
  display: flex;
}

#service .service_item a.btn {
  font-size: 14px;
  font-weight: bold;
  background: #967b4f;
  width: 420px;
  height: 50px;
}

#service .service_item .btn_detail.flex a {
  margin-right: 20px;
  width: 200px;
}

#service .service_item .btn_detail.flex a:last-child {
  margin-right: 0;
}

#service .service_item a.btn::before {
  content: none;
}

#service .service_item .logo_boxs {
  display: flex;
  justify-content: flex-start;
}

#service .service_item .logo_item {
  text-align: center;
  margin-right: 20px;
}

#service .service_item .logo_item .title_list2_2 {
  padding: 0;
  font-size: 14px;
}

#service .service_item .logo_item .title_list2_2::before {
  content: none;
}

#service .service_item .logo_item a.btn {
  width: 280px;
}

#service .service_item .txt_box .while_txt {
  margin-top: 1rem;
  margin-bottom: -1rem;
}

@media (max-width: 767px) {
  #service .service_item {
    flex-flow: column-reverse;
  }

  #service .service_item:nth-child(even) {
    flex-direction: column;
    flex-flow: column-reverse;
  }

  #service .service_item:nth-child(even) .img_box {
    margin-right: 0;
  }

  #service .service_item:nth-child(odd) .img_box {
    margin-left: 0;
  }

  #service .service_item a.btn {
    width: 100%;
  }

  #service .service_item .txt_box {
    width: 100%;
    margin-top: 12px;
  }

  #service .service_item .logo_boxs {
    justify-content: space-between;
  }

  #service .service_item .logo_item {
    margin-right: 0;
    width: 47%;
  }

  #service .service_item .logo_item a.btn {
    width: 100%;
  }
}

/*----------------------
220301
------------------------*/
#service .pageLink_wrap {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 50px;
}

#service .pageLink_wrap .linkBtn {
  width: calc(100% / 6);
  text-align: center;
}

#service .pageLink_wrap .linkBtn a {
  display: block;
  color: #fff;
  background-color: #967b4f;
  padding: 7px;
  border-left: 1px solid #fff;
  transition: all 0.4s;
}

#service .pageLink_wrap .linkBtn a:hover {
  opacity: 0.7;
}

@media (max-width: 767px) {
  #service .pageLink_wrap .linkBtn {
    width: calc(100% / 2);
  }

  #service .pageLink_wrap .linkBtn a {
    border-bottom: 1px solid #fff;
  }
}

/*----------------------
220526　新ページ
------------------------*/
@media (max-width: 767px) {
  #service.solving .service_item .btn_detail.flex {
    display: block;
  }

  #service.solving .service_item .btn_detail.flex a {
    width: 100%;
    margin-bottom: 10px;
  }

  #service.solving .service_item .btn_detail.flex a:last-child {
    margin-bottom: 0;
  }
}

/*----------------------
220526　メガメニュー
------------------------*/
.nav-main .child_menu {
  position: absolute;
  background: rgba(0, 0, 0, 0.6);
  display: none;
}

.nav-main .child_menu li {
  height: 5rem;
  box-sizing: border-box;
  overflow: visible;
  border-top: 1px solid #fff;
}

.nav-main .child_menu li a {
  height: 5rem;
  line-height: 5rem;
  display: block;
  padding: 0 10px;
  background-color: rgba(0, 12, 32, 0.7);
}

.nav-main .child_menu li a.primary {
  background-color: rgba(126, 0, 0, 0.7);
}

.nav-main .child_menu li .star {
  display: none;
}

.nav-open {
  position: relative;
  display: flex;
  align-items: center;
  height: 70px;
  transition: all 0.4s;
  color: #fff;
}

@media (max-width: 767px) {
  .nav-main .child_menu {
    padding-left: 1rem;
    position: static;
    border: none;
    background: none;
  }

  .nav-main .child_menu li {
    border: none;
  }

  .nav-main .child_menu li a {
    height: 4rem;
    line-height: 4rem;
    position: relative;
    vertical-align: middle;
    padding: 0 10px 0 15px;
    background: none;
  }

  .nav-main .child_menu li a.primary {
    background: none;
  }

  .nav-main .child_menu li a::before {
    position: absolute;
    top: 2px;
    bottom: 0;
    margin: auto;
    content: "";
    vertical-align: middle;
    left: 3px;
    width: 4px;
    height: 4px;
    border-top: 1px solid #000;
    border-right: 1px solid #000;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }

  .nav-main .child_menu li .star {
    display: inline-block;
  }

  .nav-open {
    padding: 12px 15px;
    font-size: 1.5rem;
    line-height: 1.3;
    color: #333;
    position: static;
    display: block;
    height: auto;
  }
}

/*220608*/
table.purposeTable {
  margin: 4rem 0 8rem;
}

table.purposeTable tr {
  border-top: 1px solid #000;
}

table.purposeTable tr:last-child {
  border-bottom: 1px solid #000;
}

table.purposeTable tr td,
table.purposeTable tr th {
  padding: 20px;
}

table.purposeTable tr th {
  font-weight: bold;
  text-align: center;
  width: 20%;
}

table.purposeTable p {
  padding-left: 1rem;
  text-indent: -1.8rem;
  width: 100% !important;
  margin: 0 0 4px 0 !important;
}

.supportService {
  margin: 8rem 0;
}

.supportService__wrap {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 4rem;
}

.supportService__item {
  width: 31%;
  box-shadow: rgb(60 64 67 / 30%) 0px 1px 2px 0px,
    rgb(60 64 67 / 15%) 0px 1px 3px 1px;
}

.supportService__item .img__box img {
  margin-bottom: 0;
}

.supportService__item:hover {
  opacity: 0.7;
}

.supportService__item .btn {
  width: 100%;
  background: none;
  font-weight: bold;
  color: #333 !important;
}

.supportService__item .btn:hover {
  color: inherit;
}

@media (min-width: 0px) and (max-width: 768px) {
  table.purposeTable tr th {
    margin-top: 15px;
  }

  .supportService {
    margin: 5rem 0;
  }

  .supportService__item {
    width: 100%;
    margin-bottom: 1rem;
  }
}

.descIcon .supportService__wrap {
  justify-content: center;
}

.descIcon .supportService__item {
  margin: 0 3rem;
}

.descIcon .supportService__item .arrow {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 11px 8px 0 8px;
  border-color: #ee0000 transparent transparent transparent;
  margin: 0 auto 10px;
}

ul.linkGallery {
  border-top: 1px solid #7a7a7a;
  margin: 30px 100px 0;
  padding: 30px 30px 0;
}

ul.linkGallery li {
  border-bottom: 1px solid #ddd;
  margin-bottom: 1.5rem;
  padding-bottom: 1.5rem;
  list-style: none;
}

ul.linkGallery li a span.label {
  background-color: #12449a;
  color: #fff;
  display: inline-block;
  padding: 4px 8px;
  margin-right: 12px;
  width: 140px;
  text-align: center;
  font-size: 14px;
}

ul.linkGallery li a span.txt {
  flex: 1;
}

ul.linkGallery li:last-child {
  border-bottom: none;
}

ul.linkGallery li a {
  display: flex;
  align-items: flex-start;
}

ul.linkGallery li a:hover {
  opacity: 0.7;
}

.introductionCont .more {
  text-align: center;
}

.introductionCont .more button {
  color: #ffffff;
  font-weight: bold;
  border: none;
  font-size: 14px;
  width: 65px;
  background: none;
  background-color: #d5d5d5;
  border-radius: 10px;
}

/*js用*/
#introductionList li.is-hidden {
  opacity: 0;
  height: 0;
  margin: 0;
  padding: 0;
  display: none;
}

#scenarioList li.is-hidden {
  opacity: 0;
  height: 0;
  margin: 0;
  padding: 0;
  display: none;
}

@media (min-width: 0px) and (max-width: 768px) {
  .descIcon .supportService__item {
    margin: 0 0 1rem 0;
  }

  ul.linkGallery {
    margin: 30px 0 0 0;
  }

  ul.linkGallery li a {
    display: block;
  }

  ul.linkGallery li a span.label {
    margin-bottom: 0.8rem;
    margin-right: 0;
    width: 100%;
  }
}

/*-------------------------
220628
--------------------------*/
.padding-130 {
  padding: 130px 0;
}

@media (min-width: 0px) and (max-width: 768px) {
  .padding-130 {
    padding: 60px 0;
  }
}

.nav-main li a {
  position: relative;
}

.nav-main li a::after {
  position: absolute;
  left: 0;
  content: "";
  width: 100%;
  height: 2px;
  background: #fff;
  bottom: 20px;
  /*アンダーラインが現れ始める位置（aタグの下辺からの高さ）*/
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
}

.nav-main li a:hover::after {
  visibility: visible;
  bottom: 12px;
  /*アニメーションが止まる位置*/
  opacity: 1;
}

.nav-main .child_menu li a::after {
  content: none;
}

/*-------------------------
220705
--------------------------*/
.slideItem_wrap {
  padding: 20px;
}

#slideItem .slick-slide > div {
  font-size: inherit;
}

.movie_slide.solution .slick-slide li:hover {
  opacity: 1;
}

#slideItem .slideItem_wrap {
  padding: 50px;
  background-color: #fff;
}

#service #slideItem .logo_item a.btn {
  width: 200px;
}

#slideItem .slideItem_wrap .img_box img {
  border-radius: 30px;
}

.service_item_bg {
  position: absolute;
  height: 56%;
  width: 1091px;
  background-color: #ffffff;
  opacity: 0.35;
  z-index: 0;
  top: 251px;
  right: -4%;
}

#service #slideItem .service_item {
  align-items: flex-start;
}

@media (min-width: 0px) and (max-width: 768px) {
  .service_item_bg {
    display: none;
  }

  #slideItem .slideItem_wrap {
    padding: 20px;
    background-color: #fff;
  }

  #service .service_item .txt_box h3 {
    font-size: 22px;
  }
}

.title-main-height {
  line-height: 0.6 !important;
}

.slide3 h1.title-main-height small {
  display: block;
  line-height: 1.4;
}

#service .service_item {
  padding-top: 0;
  margin-top: 0;
}

.shienBox {
  margin: 0 35px;
  padding: 30px;
  background: #f1f6ff;
}

.shienBox .sBtitle {
  font-size: 1.17em;
  font-weight: bold;
}

.shienBox ul {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  padding: 0;
}

.shienBox ul li {
  width: 48%;
  /*margin-right: 1%;*/
  margin-left: 1.5%;
}

.shienBox ul li:nth-child(2n) {
  margin-right: 0;
}

@media all and (min-width: 769px) {
  .shienBox ul li:nth-child(n + 3) {
    margin-top: 10px;
  }
}

@media all and (max-width: 768px) {
  .shienBox {
    margin: 0;
  }

  .shienBox ul {
    display: block;
  }

  .shienBox ul li {
    width: 100%;
    margin-right: 0;
  }

  .shienBox ul li br {
    display: none;
  }

  .list-card.list-card-new li:nth-child(n + 2),
  .shienBox ul li:nth-child(n + 2) {
    margin-top: 5px !important;
  }
}

.deveservice {
}

.deveservice-inner {
}

.deveservice-inner .txt_box {
}

.deveservice-inner .img_box {
}

/*.list-card {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	list-style: none;
}
.list-card li {
    box-shadow: -30px 30px #ecf0f7;
    padding: 20px 40px;
    position: relative;
    width: 30%;
    font-weight: bold;
    display: flex;
    align-items: center;
}
.list-card li:nth-child(n+4) {
    margin-top: 30px;
}
.list-card li:before {
    border-top: 1px solid #12449a;
    content: "";
    position: absolute;
    top: 50%;
    left: -30px;
    width: 60px;
}
@media all and (max-width: 768px) {
	.list-card {
		display: block;
	}
	.list-card li {
		width: 100%;
	}
	.list-card li + li {
		margin-top: 3px;
	}
	.list-card li br {
		display: none;
	}
}*/
.list-card {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  list-style: none;
}

.list-card li {
  padding: 20px 40px;
  position: relative;
  width: 30%;
  font-weight: bold;
  display: flex;
  align-items: center;
  background: #f6f6f6;
}

.list-card li:nth-child(n + 4) {
  margin-top: 30px;
}

.list-card li:before {
  border-top: 1px solid #12449a;
  content: "";
  position: absolute;
  top: 50%;
  left: -30px;
  width: 60px;
}

@media all and (max-width: 768px) {
  .list-card {
    display: block;
  }

  .list-card li {
    width: 100%;
  }

  .list-card li + li {
    margin-top: 3px;
  }

  .list-card li br {
    display: none;
  }
}

.kotsuLink {
}

.kotsutitle {
  margin: 35px 0;
  text-align: center;
  font-size: 26px;
  font-weight: bold;
  color: #12449a;
  line-height: 1.4;
}

.link-layout-center {
  display: flex;
  justify-content: center;
}

.link-layout-center li {
}

.link-layout-center li + li {
  margin-left: 20px;
}

@media all and (max-width: 768px) {
  .kotsuLink {
    padding-right: 15px;
    padding-left: 15px;
  }

  .kotsutitle {
  }

  .link-layout-center {
    display: block;
  }

  .link-layout-center li {
    margin: 0 auto;
  }

  .link-layout-center li + li {
    margin-left: auto;
    margin-top: 10px;
  }
}

.list3 .area-link {
  transition: 0.3s;
}

.list3 .area-link:hover {
  opacity: 0.7;
}

@media all and (max-width: 768px) {
  ul.list3.list4layout {
  }

  ul.list3.list4layout li img {
    width: 100%;
  }

  ul.list3.list4layout li .btn {
    margin: 10px auto 0 auto;
  }

  .llblotlayout {
  }

  .llblotlayout li {
    margin-bottom: 0 !important;
  }

  .llblotlayout li:nth-child(n + 3) {
    margin-top: 10px;
  }

  .section-intro.index-pick-column {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .ts_body h2,
  .ts_body p.center {
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media all and (min-width: 769px) {
  ul.list3.list4layout {
  }

  ul.list3.list4layout li {
    width: 252px;
  }

  ul.list3.list4layout li .btn {
    width: 100%;
    height: 48px;
    margin-top: 1em;
  }

  ul.list3.list4layout li:not(last-child) {
    margin-right: 30px;
  }

  ul.list3.list4layout li:last-child {
    margin-right: 0;
  }

  .llblotlayout {
    flex-wrap: wrap;
    justify-content: center;
    padding-left: 0;
    margin-top: 24px;
  }

  .llblotlayout li {
    width: 23%;
    margin-right: 2%;
  }

  .llblotlayout li:last-child,
  .llblotlayout li:nth-child(4n) {
    margin-right: 0;
  }

  .llblotlayout li:nth-child(n + 5) {
    margin-top: 3%;
  }

  .llblotlayout li .lineup-link__items--text {
    line-height: 1.4;
  }

  .llblotlayout li .lineup-link__items--text .lineup-link__items--en {
    margin-bottom: 5px;
  }

  .section-intro.index-pick-column {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}

@media all and (min-width: 769px) {
  .service_slide {
    width: 1100px;
    margin: 0 auto;
  }

  .service_slide .slick-slide {
    margin-right: 20px;
  }

  .service_slide .slick-slide .btn {
    color: #fff;
    font-size: 16px;
  }

  .service_slide .slick-arrow.movie_arrow_next,
  .service_slide .slick-arrow.movie_arrow_prev {
    right: inherit;
    top: calc(50% - 35px);
    z-index: 9999;
  }

  .service_slide .slick-arrow.movie_arrow_prev {
    right: inherit;
    left: -25px;
  }

  .service_slide .slick-arrow.movie_arrow_next {
    right: -5px;
  }
}

@media all and (max-width: 768px) {
  .service_slide .slick-arrow {
    display: none !important;
  }

  .service_slide .slick-dots li button:before {
    font-size: 15px;
  }

  .service_slide .slick-dots li button:before {
    color: #fff !important;
  }
}

/*//230305_2月改善*/
/*動画詳細ページ*/
#movie #service #training .txt_box {
  flex: 0;
  width: 60%;
}

#movie #service #training .img_box {
  width: 40%;
  margin-left: 0;
}

#movie #service #training .img {
  width: 100%;
}

@media all and (max-width: 767px) {
  #movie #service #training .img_box {
    width: 100%;
    text-align: center;
  }

  #movie #service #training .txt_box {
    width: 100%;
  }
}

#movie #other-movie ul {
  padding-left: 0;
  margin-top: 30px;
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

#movie #other-movie ul li {
  list-style-type: none;
  width: calc((100% - 40px) / 3);
}

#movie #other-movie ul li h5 {
  margin-top: 10px;
}

#movie #other-movie ul li:hover {
  opacity: 0.7;
}

@media all and (max-width: 767px) {
  #movie #other-movie ul li {
    width: calc((100% - 20px) / 2);
  }
}

/*RPA開発／サポートサービス他*/
.movie_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding-left: 0;
}

.movie_list li {
  width: 45%;
  list-style-type: none;
  margin-bottom: 10px;
  display: flex;
}

.movie_list li::before {
  content: "・";
}

.movie_list li:hover {
  opacity: 0.7;
}

@media all and (max-width: 767px) {
  .movie_list {
    display: block;
  }

  .movie_list li {
    width: 100%;
  }
}

/*//230403_3月改善*/
/*PickUPコンテンツ*/
.cPflex-wrap {
  flex-wrap: wrap;
  row-gap: 5rem;
}

.cPflex-wrap .cPlink {
  margin-top: 1rem;
}

/*目次*/
.mainv_inner_column div {
  font-size: 2em;
  margin: 0.67em 0;
  font-weight: bold;
}

#columnPage .article-text h2 {
  margin-top: 3rem;
}

#columnPage .article-text h1 {
  font-size: 26px;
  font-weight: bold;
  color: #12449a;
  margin: 0 0 0 0;
  padding-left: 30px;
  position: relative;
}

#columnPage .article-text h1::before {
  content: "";
  background: #12449a;
  width: 20px;
  height: 2px;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -1px;
}

#columnPage .columnPickup .cPbody {
  background-color: #eef1ff;
  display: flex;
  flex-direction: column;
}

#columnPage .columnPickup .cPbody .cPitem {
  padding: 10px;
}

#columnPage .columnPickup .cPbody .cPlink {
  margin-top: auto;
}

@media all and (max-width: 768px) {
  #columnPage .columnPickup .cPbody .cPlink {
    margin-right: 0;
    margin-left: 0;
  }
}

.CCbnr {
  display: flex;
  justify-content: space-between;
  gap: 30px;
  align-items: flex-start;
  background: #eef1ff;
  width: 100%;
  padding: 20px;
  margin-top: 30px;
  transition: 0.3s;
}

.CCbnr:hover {
  opacity: 0.7;
}

.CCbnr-cont {
  flex: 1;
}

.CCbnr-cont p {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.CCbnr-ttl {
  color: #12449a;
  font-size: 20px;
  font-weight: bold;
}

.CCbnr-btn {
  font-size: 14px;
  color: #12449a;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 15px;
}

.CCbnr-btn:after {
  content: "";
  border-top: 3px solid #12449a;
  border-right: 3px solid #12449a;
  height: 5px;
  width: 5px;
  transform: rotate(45deg);
}

.CCbnr-img {
  max-width: 250px;
}

.CCbnr-img img {
  max-width: 100%;
  display: block;
}

.CCbnr-img a:hover {
  opacity: 1;
}

@media all and (max-width: 768px) {
  .CCbnr {
    flex-direction: column-reverse;
    gap: 20px;
  }

  .CCbnr-cont br {
    display: none;
  }

  .CCbnr-img {
    display: block;
    width: 100%;
    max-width: inherit;
    background: #fff;
  }

  .CCbnr-img img {
    max-width: 100%;
    display: block;
    margin: 0 auto;
  }
}

.btnBlock {
  display: flex;
  justify-content: center;
  margin: 50px 0;
  gap: 30px;
}

.btnBlock-item {
  text-align: center;
  font-weight: bold;
}

.btnBlock-item a {
  color: #fff !important;
  text-decoration: none;
  font-weight: normal;
}

@media all and (max-width: 768px) {
  .btnBlock {
    flex-direction: column;
  }

  .btnBlock-item a {
    margin: 0 auto;
  }
}

/*230614_feature*/
.index-information_feature .infoTable tr td:last-child {
  background-color: #967b4f;
}

/*230705_6月度改善*/
.link_other_topics {
  /* width: 1100px; */
  margin: 0 auto;
  text-align: right;
  margin-bottom: 30px;
  text-decoration: underline;
}

.link_other_topics:hover {
  text-decoration: none;
}

/*240521_トップページ改善*/
.link_other_topics.link_other_news {
  text-decoration: none;
}

/*240521_トップページ改善*/
.link_other_topics.link_other_news a {
  color: rgb(18, 68, 154);
  font-weight: bold;
  position: relative;
  text-decoration: none;
}

/*240521_トップページ改善*/
.link_other_topics.link_other_news a:hover {
  text-decoration: underline;
}

/*240521_トップページ改善*/
.link_other_topics.link_other_news a::after {
  position: absolute;
  display: inline-block;
  content: "";
  width: 21px;
  height: 9px;
  top: 50%;
  transform: translateY(-50%);
  padding-right: 12px;
  background: url(../img/icon-arrow_blue.png) right 5px center no-repeat;
}

@media (min-width: 0px) and (max-width: 768px) {
  .link_other_topics {
    width: calc(100% - 30px);
  }
}

.tabUl.tabUl_seminar .on a {
  background-color: transparent;
  border-left: none;
  color: #12449a;
  text-align: left;
  font-weight: bold;
  padding-bottom: 5px;
}

.tabUl.tabUl_seminar {
  padding-left: 0;
  display: block;
}

.tabUl.tabUl_seminar li {
  width: auto;
}

.seminar_on_demand_bnr {
  display: flex;
  flex-direction: row-reverse;
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
  margin-bottom: 100px;
}

.seminar_on_demand_bnr .seminar_on_demand_bnr_txt {
  background-color: #2956a4;
  color: #fff;
  padding: 30px 60px;
  box-sizing: border-box;
  width: 60%;
}

.seminar_on_demand_bnr .seminar_on_demand_bnr_txt h3 {
  color: #fff;
  margin-top: 0;
  text-align: left;
  font-size: 26px;
  margin-bottom: 0;
  line-height: 1.4;
}

.seminar_on_demand_bnr .seminar_on_demand_bnr_txt h3 span {
  display: inline-block;
  padding: 5px 10px;
  border: 1px solid #fff;
  margin-right: 20px;
}

.seminar_on_demand_bnr .btn_detail .btn {
  background-color: #fff;
  color: #2956a4;
  width: 260px;
  height: 40px;
  font-weight: bold;
}

.seminar_on_demand_bnr .btn_detail {
  margin-top: 30px;
  margin-left: 0;
}

.seminar_on_demand_bnr .btn_detail .btn::before {
  display: none;
}

.seminar_on_demand_bnr_figure {
  background-image: url("../img/seminar_on_demand_bnr_img.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  width: 40%;
  margin: 0;
}

.seminar_on_demand_bnr_pdt {
  padding-top: 100px;
}

.seminar_on_demand_bnr
  .seminar_on_demand_bnr_txt.seminar_on_demand_bnr_txt_sm
  h3
  span {
  margin-bottom: 5px;
}

.only-sp {
  display: none;
}

.seminar_on_demand_bnr .seminar_on_demand_bnr_txt.seminar_on_demand_bnr_txt_sm {
  padding: 30px 40px;
}

.seminar_on_demand_bnr .btn_detail {
  margin-bottom: 0 !important;
}

.tabUl.tabUl_seminar li a {
  font-size: 25px;
}

.seminar_on_demand_bnr.seminar_on_demand_bnr_front {
  margin-bottom: 30px;
}

@media (max-width: 767px) {
  .seminar_on_demand_bnr
    .seminar_on_demand_bnr_txt.seminar_on_demand_bnr_txt_sm {
    padding: 30px 15px 0;
  }

  .seminar_on_demand_bnr {
    width: calc(100% - 30px);
    flex-direction: column-reverse;
    background-color: #2956a4;
  }

  .seminar_on_demand_bnr.seminar_on_demand_bnr_sm {
    width: 100%;
  }

  .seminar_on_demand_bnr .seminar_on_demand_bnr_txt {
    padding: 30px 15px 5px;
    width: 100%;
    border: none;
  }

  .seminar_on_demand_bnr_figure {
    width: 100%;
    height: 200px;
    background-color: #2956a4;
    border: 15px solid #2956a4;
  }

  .seminar_on_demand_bnr .btn_detail {
    margin: 10px auto 0;
  }

  .seminar_on_demand_bnr .btn_detail a {
    text-align: center;
  }

  .seminar_on_demand_bnr .btn_detail a {
    display: inline-block;
  }

  .seminar_on_demand_bnr .btn_detail .btn {
    line-height: 40px;
  }

  .seminar_on_demand_bnr .seminar_on_demand_bnr_txt h3 {
    font-size: 20px;
    text-align: center;
  }

  .seminar_on_demand_bnr .seminar_on_demand_bnr_txt p {
    text-align: center;
    margin-top: 1em !important;
  }

  .seminar_on_demand_bnr_pdt {
    padding-top: 0;
  }

  .seminar_on_demand_bnr
    .seminar_on_demand_bnr_txt.seminar_on_demand_bnr_txt_sm
    h3 {
    font-size: 18px;
  }

  .seminar_on_demand_bnr .seminar_on_demand_bnr_txt h3 span {
    display: block;
    width: 64px;
    margin: 0 auto 10px;
  }

  .only-sp {
    display: block;
  }

  #movie_achive #index-intro.movie_section-intro {
    width: 100%;
  }

  .only-pc {
    display: none;
  }

  .tabUl.tabUl_seminar li a {
    font-size: 20px;
  }
}

/*230710_6月度改善2*/
/*library_rpa-15minutes-quick-guide*/
.library_rpa_mv.library_rpa_mv_short {
  display: block;
  width: auto;
  position: relative;
}

.library_rpa_mv.library_rpa_mv_short .lrqh2 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  text-align: center;
}

.kotsuPage article img {
  margin-bottom: 20px;
}

.kotsuPage .service_item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 80px;
  padding: 30px 50px;
  background-color: #d8e6f1;
}

.kotsuPage .service_item .img_box {
  margin-left: 70px;
}

.kotsuPage .service_item .img_box img {
  border-radius: 30px;
}

.kotsuPage .service_item .txt_box {
  flex: 1;
  text-align: left;
}

.kotsuPage .service_item .txt_box .btn_detail {
  text-align: left;
  margin: 20px 0 0 0;
  width: auto;
}

.kotsuPage .service_item .txt_box .btn_detail a.btn {
  font-size: 14px;
  font-weight: bold;
  width: 420px;
  height: 50px;
}

.kotsuPage .service_item .txt_box .btn_detail a.btn {
  background-image: none;
}

.kotsuPage .service_item .txt_box .btn_detail a.btn::before {
  display: none;
}

.kotsuPage .service_item .txt_box h3 {
  margin: 0 0 5px 0;
}

.kotsuPage .service_item .txt_box .rabel_ttl {
  font-weight: bold;
}

@media (min-width: 768px) {
  .kotsu_flow {
    width: 1100px;
    margin: 0 auto;
  }

  .kotsuPage #index-intro {
    padding-bottom: 0;
  }

  .kotsuPage .kotsu_flow {
    padding-bottom: 130px;
  }
}

@media (min-width: 767px) {
  .library_rpa_mv.library_rpa_mv_short div {
    width: auto;
  }
}

@media (max-width: 768px) {
  .library_rpa_mv.library_rpa_mv_short .lrqh2 {
    min-width: 250px;
    transform: translate(-50%, 0);
  }

  .kotsuPage .kotsu_flow {
    padding: 0 15px;
  }
}

@media (max-width: 767px) {
  .kotsuPage .service_item {
    flex-flow: column-reverse;
  }

  .kotsuPage .service_item .txt_box {
    width: 100%;
    margin-top: 12px;
  }

  .kotsuPage .service_item .txt_box p {
    margin-top: 0;
  }

  .kotsuPage .service_item .txt_box .rabel_ttl {
    margin-bottom: 5px;
  }

  .kotsuPage .service_item {
    padding: 0 15px 15px 15px;
  }

  .kotsuPage .service_item .img_box {
    margin-left: 0;
  }
}

/*em_bnr*/
.em_bnr {
  border: 3px solid #12449a;
  margin: 20px 0 15px;
}

.em_bnr .seminar_on_demand_bnr_figure {
  background-image: url(../img/em_bnr_img.jpg);
  margin: 0;
}

.seminar_on_demand_bnr.em_bnr .seminar_on_demand_bnr_txt {
  background-color: #e7ecf5;
  padding: 20px 35px;
}

.seminar_on_demand_bnr.em_bnr .seminar_on_demand_bnr_txt h3 {
  color: #333;
  font-size: 20px;
  line-height: 1.5;
}

.seminar_on_demand_bnr.em_bnr .seminar_on_demand_bnr_txt h3 span {
  display: inline;
  padding: 0;
  border: none;
  margin-right: 0;
  font-size: 26px;
}

.seminar_on_demand_bnr.em_bnr .btn_detail .btn {
  background-color: #967b4f;
  color: #fff;
}

@media (max-width: 767px) {
  .seminar_on_demand_bnr.em_bnr .seminar_on_demand_bnr_txt {
    padding: 20px;
  }

  .seminar_on_demand_bnr.em_bnr {
    width: 100%;
  }
}

/* ------------------------------------------------------------------ */
/* 20230713追加 /download/ページ */
/* ------------------------------------------------------------------ */
#catalogPage h2 {
  margin-bottom: 30px;
}

#catalogPage .featuredContents ul {
  display: flex;
  justify-content: center;
  gap: 30px;
}

/* RPA技術レポート内の空白を消す場合 */
/* .catalog_body .catalog_category .catalog_item {
  margin: 0 100px 0 0;
} */
/*@media screen and (max-width: 767px) {
  #catalogPage .featuredContents ul {
    gap: 0;
  }
}*/
/* ------------------------------------------------------------------ */
/* 20230713追加 /library/ページ */
/* ------------------------------------------------------------------ */
#libraryRpaPage.underPage .mainv .mainv_inner {
  text-align: left;
  padding: 135px 0 75px;
  width: 1100px;
  margin: 0 auto;
  color: #333;
  font-family: "Lora", serif;
  font-family: "Noto Serif JP", serif;
  font-weight: 500;
  font-size: 50px;
  text-shadow: none;
}

#libraryRpaPage .mainv {
  margin-bottom: 0;
}

.libraryRpa_flex {
  display: flex;
  justify-content: left;
  gap: 50px;
  width: 100%;
  margin: 0 auto 50px;
}

.libraryRpa_item_detail {
  text-align: left;
}

.libraryRpa_body .libraryRpa_category .libraryRpa_item img {
  margin: 0;
}

.libraryRpa_body
  .libraryRpa_category
  .libraryRpa_item
  .libraryRpa_item_detail
  .libraryRpa_name {
  color: #000;
}

.libraryRpa_item_detail ul {
  color: #12449a;
}

.libraryRpa_item_detail_flex {
  display: flex;
  justify-content: left;
  gap: 60px;
}

.libraryRpa_item_detail ul {
  margin-block-start: 0;
  padding-inline-start: 0;
  list-style: none;
}

.libraryRpa_item_detail ul li {
  padding-left: 20px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%2312449a' viewBox='0 0 320 512'%3E%3Cpath d='M278.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-160 160c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L210.7 256 73.4 118.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l160 160z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 8px;
  background-position: top 8px left;
}

.libraryRpa_body .libraryRpa_category .libraryRpa_item .libraryRpa_columnlink {
  display: block;
  position: static;
  text-indent: 10px;
  text-decoration: none;
}

.libraryRpa_body .libraryRpa_category .libraryRpa_item .libraryRpa_name {
  text-align: left;
  color: #12449a;
  font-weight: bold;
  font-size: 18px;
  margin: 10px 0;
}

.libraryRpa_interview .libraryRpa_item.linkdetail,
.libraryRpa_interview .libraryRpa_item.linkblank {
  width: 300px;
}

.libraryRpa_interview {
  display: flex;
  justify-content: start;
  gap: 100px;
  margin-bottom: 50px;
}

.libraryRpa_body .libraryRpa_category .libraryRpa_item span {
  font-weight: bold;
  text-align: center;
  padding: 5px 10px;
  background: #967b4f;
  text-decoration: none;
  color: #fff;
  display: block;
}

.libraryRpa_body .libraryRpa_category .libraryRpa_item.linkblank .cl01_span {
  background: #444;
}

#libraryRpaPage .case h2 {
  margin-bottom: 30px;
  padding-left: 0;
  padding-top: 100px;
}

#libraryRpaPage .case h2:before {
  top: 50px;
  width: 2px;
  height: 40px;
  content: "";
  position: absolute;
  left: 50%;
  display: block;
  margin-left: -1px;
  background: #12449a;
}

.libraryRpa_body .libraryRpa_category .libraryRpa_item.linkblank a.cl01,
.libraryRpa_body .libraryRpa_category .libraryRpa_item.linkdetail a.cl02 {
  display: block;
}

.libraryRpa_body .libraryRpa_interview .libraryRpa_item {
  position: relative;
  z-index: 1;
}

.libraryRpa_body .libraryRpa_interview .libraryRpa_item a {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-indent: -999px;
  z-index: 2;
}

.libraryRpa_item_detail a {
  text-decoration: none;
}

.libraryRpa_item_detail a:hover {
  text-decoration: underline;
}

.libraryRpa_body .libraryRpa_category .libraryRpa_item:hover {
  opacity: 0.7;
}

@media screen and (max-width: 767px) {
  #libraryRpaPage #wrapper,
  #libraryRpaPage #wrapper,
  #downloadPage #wrapper {
    padding-top: 42px;
  }

  #libraryRpaPage .mainv .mainv_inner {
    line-height: 1.4em;
    font-size: 31px !important;
  }

  #libraryRpaPage .mainv {
    margin-top: 0;
    margin-bottom: 0;
  }

  .libraryRpa_interview {
    gap: 10px;
  }

  .libraryRpa_body .libraryRpa_category .libraryRpa_item .libraryRpa_name {
    font-size: 16px;
    margin: 10px 0;
  }

  .libraryRpa_flex {
    flex-direction: column;
    gap: 20px;
  }
}

/*追記*/
.downloadPage_mgt .mainv {
  margin-top: 60px;
}

.libraryRpa_category img {
  width: 300px;
}

.libraryRpa_category .libraryRpa_item_detail {
  width: 60%;
}

.catalog_body_library .catalog_category {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  column-gap: 100px;
  row-gap: 50px;
}

.catalog_body.catalog_body_library .catalog_category .catalog_item {
  margin: 0;
}

#catalogPage .case.featuredContents h2 {
  padding-left: 30px;
  position: relative;
  padding-top: 0;
  margin-top: 100px;
}

#catalogPage .case.featuredContents h2:before {
  content: "";
  background: #12449a;
  width: 20px;
  height: 2px;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -1px;
}

.wrapper_dl {
  padding-top: 100px;
}

.wrapper_dl .catalog_category {
  display: flex;
  flex-wrap: wrap;
}

.wrapper_dl .catalog_category .catalog_item {
  display: flex;
  flex-direction: column;
}

.wrapper_dl .catalog_category .catalog_item .catalog_cont {
  margin-bottom: 10px;
}

.wrapper_dl .cl03_span,
.wrapper_dl .cl02_span,
.wrapper_dl .cl01_span {
  display: block;
  margin-top: auto;
}

.catalog_body_library .catalog_item {
  display: flex;
  flex-direction: column;
}

.catalog_body_library .catalog_item .catalog_cont {
  margin-bottom: 10px;
}

.catalog_body_library .cl03_span,
.catalog_body_library .cl02_span,
.catalog_body_library .cl01_span {
  display: block;
  margin-top: auto;
}

@media (min-width: 0px) and (max-width: 768px) {
  .catalog_body.catalog_body_library .catalog_category .catalog_item {
    width: 100%;
  }

  #catalogPage .case.featuredContents {
    width: 90%;
    margin: 0 5% 80px 5%;
  }

  #catalogPage .case.featuredContents .list2.list2none {
    text-align: center;
  }

  #catalogPage .case.featuredContents .list2.list2none li {
    margin: 0 auto;
  }

  #catalogPage .case.featuredContents h2 {
    margin-top: 50px;
  }
}

@media screen and (max-width: 767px) {
  #libraryRpaPage.underPage .mainv .mainv_inner {
    width: 100%;
  }

  #catalogPage.underPage.underPage_dl .mainv .mainv_inner {
    width: 100%;
  }

  #catalogPage .featuredContents ul {
    display: block;
  }

  .libraryRpa_flex a {
    margin: 0 auto;
  }

  .downloadPage_mgt .mainv {
    margin-top: -21px;
  }

  .downloadPage_mgt .mainv .efo_title {
    padding: 119px 0 75px;
  }

  .training
    #index-information.index-information_training
    .infoTable
    tr
    td:nth-of-type(4) {
    height: auto;
  }

  .libraryRpa_category .libraryRpa_item_detail {
    width: 100%;
  }
}

/* 20230804修正 /download/ */
.catalog_item_name {
  text-align: left;
  color: #12449a;
  font-weight: bold;
  font-size: 18px;
  margin: 10px 0;
}

.catalog_cont {
  font-size: small;
}

.contactPage_nl .mainv_inner.efo_title {
  font-size: 40px;
}

#contactPage.contactPage_nl .mainv {
  background-size: cover;
}

@media screen and (max-width: 767px) {
  .mainv .efo_title {
    width: auto !important;
  }
}

/* 20230809_7月改善 */
.index_enablement {
  overflow: hidden;
  width: 100% !important;
  display: flex;
  justify-content: center;
  column-gap: 10px;
}

.ts_body .ts_inner dd .btn_detail.index_enablement a {
  width: 216px;
}

.ts_inner-wrapper {
  display: flex;
  width: 1100px;
  margin: 0 auto;
}

.ts_body_p .ts_inner-wrapper {
  display: block;
}

.ts_body_p .ts_inner-wrapper p {
  text-align: center;
}

.ts_body.ts_body_p .ts_inner dl {
  width: 600px;
}

.ts_body.ts_body_p .ts_inner dd .btn_detail.index_enablement a {
  margin: 0;
}

.repeater_relate_rpa_Box {
  width: 1100px;
  margin: 0 auto;
}

.repeater_relate_rpa_Box ul {
  margin-top: 20px;
}

.repeater_relate_rpa_Box .cLBhead {
  text-align: center;
}

.hidden_checkbox {
  display: none;
}

.sm_relate_rpa {
  clear: both;
  padding-top: 80px;
}

.sm_relate_rpa .repeater_relate_rpa_Box {
  width: 100%;
}

#footer-main + .repeater_relate_rpa_Box {
  padding: 130px 0;
}

.department_issue {
  padding-top: 0 !important;
}

@media screen and (max-width: 767px) {
  .ts_inner-wrapper {
    display: block;
    width: 100%;
  }

  .ts_inner-wrapper .btn_detail {
    width: 300px !important;
  }

  .index_enablement {
    display: block;
  }

  .ts_inner-wrapper .btn_detail a {
    width: 100% !important;
  }

  .ts_body .ts_inner dd .btn_detail.index_enablement a:last-of-type {
    margin-top: 10px;
  }

  .ts_body.ts_body_p .ts_inner dl {
    width: 100%;
  }

  .repeater_relate_rpa_Box {
    width: calc(100% - 30px);
  }

  #footer-main + .repeater_relate_rpa_Box {
    padding: 50px 0;
  }
}

/*メガメニュー修正*/
.hide-pc {
  display: none !important;
}

@media (max-width: 767px) {
  .nav-main {
    z-index: 1000;
  }

  .hide-sp {
    display: none !important;
  }

  .hide-pc {
    display: block !important;
  }
}

/*230828_イネーブルメントページ作成*/
/*/service/enablement/*/
.sec_about_enablement {
  padding-bottom: 70px;
  margin-top: 0 !important;
}

.sec_about_enablement .contents {
  padding-bottom: 70px;
}

.sec_about_enablement .box_point_in {
  margin: 0 auto;
  padding: 45px 0;
}

.sec_about_enablement .box_point_in li {
  text-align: left;
}

.sec_about_enablement .common-heading .primary-color {
  font-size: 3.6rem;
}

.sec_about_enablement .primary-color {
  font-size: 2.5rem;
  padding-top: 0;
}

.sec_about_enablement td {
  font-size: 20px;
}

.sec_about_enablement .td_flex {
  display: flex;
  align-items: center;
  padding: 20px 30px !important;
}

.sec_about_enablement .td_flex.td_flex_ex {
  padding: 0px 30px !important;
}

.sec_about_enablement .td_flex.td_flex_ex div {
  width: 50%;
}

.sec_about_enablement .td_flex.td_flex_ex div:first-child {
  border-right: 1px solid #ddd;
}

.sec_about_enablement .td_flex img {
  margin-right: 20px;
}

.sec_about_enablement .menu-footer-main {
  justify-content: center;
}

.sec_about_enablement .tabInner2 {
  margin: 50px 0;
}

.sec_about_enablement .primary-color {
  margin-bottom: 0;
}

.sec_feature_enablement .feature3 {
  display: block !important;
}

.sec_feature_enablement .feature3 .detail_txt {
  border: none !important;
}

.sec_feature_enablement .feature3 .detail_txt ul {
  display: flex;
  column-gap: 30px;
}

.sec_feature_enablement .feature3 .detail_txt ul li {
  padding: 40px 20px;
  text-align: center;
  border: 3px solid #ecf2f7;
  width: calc((100% - 90px) / 4);
  margin-bottom: 0 !important;
  counter-increment: number;
  position: relative;
}

.sec_feature_enablement .feature3 .detail_txt ul li img {
  margin: 10px 0;
}

.sec_feature_enablement .feature3 .detail_txt ul li p {
  text-align: left;
}

.sec_feature_enablement .feature3 .detail_txt ul li::before {
  content: counter(number, decimal-leading-zero);
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background-color: rgb(17, 127, 154);
  position: absolute;
  top: -21px;
  left: 50%;
  transform: translateX(-50%);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}

.sec_effect_enablement .contact-menu {
  justify-content: center;
  padding-top: 70px;
}

.sec_about_enablement .box_point_in {
  max-width: 1100px;
  width: 100%;
  font-weight: bold;
}

.sec_about_enablement .box_point_in .checklist {
  width: 100% !important;
}

@media (max-width: 767px) {
  .sec_about_enablement .common-heading .primary-color {
    font-size: 2.8rem;
  }

  .sec_about_enablement .box_point_in {
    padding: 45px 15px;
  }

  .enablement .sec_about_enablement .plan table tr td {
    display: block !important;
    text-align: center;
  }

  .enablement .sec_about_enablement .plan table {
    display: table;
  }

  .sec_about_enablement .td_flex img {
    display: block;
    margin: 0 auto 10px;
  }

  .sec_about_enablement .tabInner2 {
    margin: 30px 0;
  }

  .sec_about_enablement .td_flex.td_flex_ex {
    padding: 20px 30px !important;
  }

  .sec_about_enablement .td_flex.td_flex_ex div {
    width: 100%;
  }

  .sec_about_enablement .td_flex.td_flex_ex div:first-child {
    border: none;
  }

  .sec_about_enablement .contents {
    padding-bottom: 0;
  }

  .sec_about_enablement .contents.bg-gray {
    padding-bottom: 30px;
    margin-bottom: 0;
  }

  .sec_about_enablement {
    padding-bottom: 0 !important;
  }

  .sec_feature_enablement .common-heading {
    font-size: 2.6rem;
  }

  .sec_feature_enablement .feature3 .detail_txt {
    padding: 20px 0 !important;
  }

  .sec_feature_enablement .feature3 .detail_txt ul {
    flex-direction: column;
    row-gap: 30px;
  }

  .sec_feature_enablement .feature3 .detail_txt ul li {
    width: 100%;
  }
}

/*/service/enablement/uipath/*/
.sec_approach .solution {
  display: block !important;
}

.enablement .sec_approach .solution .common-heading {
  text-align: center;
  padding-bottom: 30px;
}

.enablement .sec_approach .solution .common-heading::before {
  left: 50%;
}

.sec_approach .container {
  max-width: 1100px;
  width: 100%;
}

.sec_approach .container .txt_box {
  max-width: 580px;
  width: 100%;
}

.sec_approach .container .right_item {
  justify-content: center;
  counter-increment: number;
}

.sec_approach .container .right_item .icon_box {
  position: relative;
}

.sec_approach .container .right_item .icon_box::before {
  content: counter(number, decimal-leading-zero);
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background-color: rgb(17, 127, 154);
  position: absolute;
  top: 50%;
  left: -21px;
  transform: translateY(-50%);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}

.sec_schedule .plan table tr th {
  background: #117f9a !important;
}

.sec_schedule .uipathtab.on table tr td {
  padding: 15px 40px;
}

.sec_schedule .uipathtab.on table tr td:first-child {
  background: #5498a9 !important;
  text-align: left;
}

.sec_schedule .uipathtab.on table tr td:nth-child(3) {
  text-align: left;
}

.sec_schedule .plan table .col1 {
  text-align: left;
}

.sec_schedule .uipathtab.on table tr:last-child .bgct {
  background-color: transparent !important;
  border: none;
}

.sec_schedule .menu-footer-main.contact-menu {
  margin-top: 30px;
}

.sec_schedule .menu-footer-main.contact-menu a {
  background-color: #967b4f !important;
}

.sec_strong-points .title_list3 {
  font-size: 20px;
  color: #333;
}

.sec_strong-points .title_list3 span {
  font-size: 30px;
}

.sec_strong-points .thum_list3 {
  margin: 10px 0 20px;
}

.sec_strong-points .list3 {
  display: flex;
  column-gap: 30px;
}

.sec_strong-points .list3 li {
  width: calc((100% - 60px) / 3);
  background-color: #ecf2f7;
  margin: 0;
  padding: 40px 15px;
}

.sec_detail_info {
  height: 300px;
  padding: 0 !important;
  display: flex;
  align-items: center;
  background-image: url(../img/bg-main-footer-03.png);
}

.enablement .sec_worries .issue .issue_item {
  width: calc((100% - 60px) / 3);
  margin: 0;
}

@media (max-width: 767px) {
  .sec_approach .solution .right_item .txt_box p {
    text-align: left !important;
  }

  .sec_strong-points .list3 {
    flex-direction: column;
  }

  .sec_strong-points .list3 li {
    margin: 0 0 30px 0 !important;
    padding: 15px !important;
  }

  .enablement .sec_strong-points .text_list3 {
    text-align: left;
  }

  .enablement .sec_customer-voice .customerVoice {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .enablement .sec_worries .issue .issue_item {
    width: 100%;
    margin-bottom: 20px;
  }
}

/*230911_フォーム修正*/
.section_inner.section_inner_customer {
  width: 550px;
}

@media (min-width: 0px) and (max-width: 768px) {
  .section_inner.section_inner_customer {
    width: 100%;
  }

  .section_f_contact form table input[type="text"].input3 {
    width: 30% !important;
  }
}

/*230913_８月度改善*/
/*サイドナビゲーション*/
.article-content__right--recommend_em li {
  padding: 15px 20px !important;
  background-color: #eee;
  margin-bottom: 10px;
  border-bottom: none;
  position: relative;
}

.article-content__right--recommend_em li span {
  font-size: 14px;
  font-weight: normal;
}

.article-content__right--recommend_em li p {
  display: flex;
  align-items: center;
  text-align: left;
}

.article-content__right--recommend_em li p::after {
  content: "";
  width: 5px;
  height: 5px;
  border-right: 2px solid #000;
  border-top: 2px solid #000;
  display: inline-block;
  transform: rotate(45deg);
  position: absolute;
  right: 15px;
}

.article-content__right--recommend_bnr li {
  border: 2px solid #b1b1b1;
  margin-bottom: 20px;
  padding: 0;
}

/* 2340521_トップページ改善 */
.megaMenu_childList__item.rpa_service_list {
  /* overflow-y: scroll;
  max-height: calc(100vh - 200px);
  margin-bottom: 40px; */
}

.nav-main .child_menu.megaMenu_childList .megaMenu_childList__item {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  position: relative;
  width: 1100px;
  margin-right: auto;
  margin-left: auto;
  gap: 0;
}

/* .over-hidden {
  overflow: hidden;
} */

/*----------------------
230913　メガメニュー修正
------------------------*/
@media (min-width: 0px) and (min-width: 768px) {
  .nav-main .child_menu.megaMenu_childList {
    position: absolute;
    background: rgba(0, 0, 0);
    display: none;
    left: -100%;
    right: -100%;
    width: 100vw;
    margin: auto;
    padding-top: 30px;
    z-index: 1;
  }

  .nav-main .child_menu.megaMenu_childList .megaMenu_childList__item {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    position: relative;
    width: 1100px;
    margin-right: auto;
    margin-left: auto;
  }

  .nav-main .child_menu.megaMenu_childList .megaMenu_childList__item li {
    width: 25%;
    height: 220px;
    border-top: none;
  }

  .nav-main .child_menu.megaMenu_childList .megaMenu_childList__item.twoColumn {
    display: flex;
    justify-content: space-between;
  }

  .nav-main
    .child_menu.megaMenu_childList
    .megaMenu_childList__item.twoColumn
    li {
    width: 50%;
    height: 280px;
  }

  .nav-main
    .child_menu.megaMenu_childList
    .megaMenu_childList__item.twoColumn
    li
    img {
    width: 100%;
    max-width: 520px;
    height: auto;
  }

  .nav-main
    .child_menu.megaMenu_childList
    .megaMenu_childList__item
    li
    .megaMenu_childList__item__detailTxt {
    display: flex;
    justify-content: space-between;
    align-items: center;
    line-height: 1.7;
    margin-top: 10px;
  }

  .nav-main
    .child_menu.megaMenu_childList
    .megaMenu_childList__item
    li
    .megaMenu_childList__item__detailTxt
    img {
    width: 22px;
    height: 22px;
    margin-right: 5px;
  }

  .nav-main
    .child_menu.megaMenu_childList
    .megaMenu_childList__item.rpa_learning
    li {
    height: 100px;
    position: relative;
    background: rgba(0, 0, 0);
  }

  .nav-main
    .child_menu.megaMenu_childList
    .megaMenu_childList__item.rpa_learning
    li
    a {
    display: flex;
    justify-content: flex-start;
    gap: 10px;
    padding-right: 20px;
    width: 100%;
    line-height: 1.5;
    background: rgba(0, 0, 0);
  }

  .nav-main
    .child_menu.megaMenu_childList
    .megaMenu_childList__item.rpa_learning
    li::after {
    content: "";
    border: 0;
    border-top: solid 2px #fff;
    border-right: solid 2px #fff;
    display: inline-block;
    width: 5px;
    height: 5px;
    /* 矢印アイコンの位置を設定 */
    position: absolute;
    top: 25%;
    left: 80%;
    transform: translateY(-50%) rotate(45deg);
  }

  .nav-main
    .child_menu.megaMenu_childList
    .megaMenu_childList__item.rpa_learning
    li:last-of-type:after {
    display: none;
  }

  .megaMenu_childList.is-active {
    display: block !important;
  }

  .nav-open.cursor_pointer {
    cursor: pointer;
  }
}

/*240620_メガメニュー改善  */
.sp_dn {
  display: none;
}

@media (max-width: 767px) {
  .megaMenu_childList__item img {
    display: none;
  }

  .sp_dn {
    display: none;
  }
}

/*231002_お知らせサイドナビ*/
.news_cont #pc-side-nav {
  position: static;
}

@media (max-width: 767px) {
  .news_cont .article-content__right--item {
    text-align: center;
  }
}

/*231101_10月改善*/
.f-ln {
  margin: 60px 0;
}

.f-ln ul li {
  list-style-type: none;
  width: calc(100% / 6);
  text-align: center;
  font-weight: bold;
  border-left: 2px solid #e8e8e8;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.f-ln ul li:hover {
  opacity: 0.7;
}

.f-ln ul li a {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-bottom: 10px;
}

.f-ln ul li:last-of-type {
  border-right: 2px solid #e8e8e8;
}

.f-ln ul li::after {
  content: "";
  width: 8px;
  height: 8px;
  border: 0;
  border-bottom: solid 3px #12449a;
  border-right: solid 3px #12449a;
  margin-top: auto;
  transform: rotate(45deg);
}

.f-ln ul {
  width: 100%;
  max-width: 1100px;
  display: flex;
  padding-left: 0;
  margin: 0 auto;
}

.btn.btn_pdl {
  width: 390px;
  margin-top: 20px;
}

@media (max-width: 767px) {
  .f-ln {
    marin: 40px 0;
  }

  .f-ln ul {
    flex-direction: column;
  }

  .f-ln ul li {
    width: 100%;
    border-left: none;
    border-top: 2px solid #e8e8e8;
    padding: 10px 20px;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: flex-end;
  }

  .f-ln ul li:last-of-type {
    border-right: none;
    border-bottom: 2px solid #e8e8e8;
  }

  .f-ln ul li::after {
    margin-top: 0;
    margin-right: 10px;
  }

  .f-ln ul li a {
    margin-bottom: 0;
  }
}

.enablelist {
  display: flex;
  justify-content: center;
  gap: 15px;
  padding: 0;
  margin: 30px 0 80px 0;
}

.enablelist li {
  list-style: none;
  text-align: center;
  color: #fff;
  background: #12449a;
  padding: 10px 10px;
  border-radius: 5px;
  min-width: 265px;
}

.ts_body .ts_inner dl dt.ts_inner-wrapper_lead {
  font-size: 32px;
}

.lineup-link_lead {
  font-size: 3.6rem;
}

@media (max-width: 767px) {
  .ts_body .ts_inner dl dt.ts_inner-wrapper_lead {
    font-size: 24px;
  }

  .lineup-link_lead {
    font-size: 2.8rem;
  }

  .enablelist_wrapper {
    flex-direction: column;
  }
}

/* 240521_トップページ改善 */
.index__rpa-support-about {
  background: url(../img/index_rpa-support-about_bg.jpg) center no-repeat;
  min-height: 551px;
}

/* 240521_トップページ改善 */
@media screen and (max-width: 767px) {
  .index__rpa-support-about {
    background: url(../img/index_rpa-support-about_bg.jpg) center no-repeat;
    min-height: auto;
    padding: 40px 0 60px;
  }
}

/*  */
/* 240521_トップページ改善 */
.index__rpa-support-about p {
  text-align: center;
}

@media screen and (max-width: 767px) {
  .index__rpa-support-about .u-pc-only {
    display: none;
  }
}

.index-top-service {
  position: relative;
}

.index-top-service__bg {
  position: absolute;
  z-index: 1;
}

.index-top-service__heading {
  position: relative;
  z-index: 2;
}

.index-top-service__inner {
  max-width: 1100px;
  width: 90%;
  margin: 40px auto 0;
  position: relative;
  z-index: 2;
  background-color: rgb(255, 255, 255);
  padding-top: 63px;
}

.index-top-service__list {
  display: flex;
  justify-content: center;
  gap: 60px;
  padding: 0 20px;
  list-style-type: none;
}

@media screen and (max-width: 767px) {
  .index-top-service__list {
    flex-direction: column;
    align-items: center;
    gap: 40px;
  }
}

.index-top-service__item {
  display: flex;
  flex-direction: column-reverse;
  transition: opacity 0.3s;
}

.index-top-service__item:hover {
  opacity: 0.7;
}

.index-top-service__img {
  margin: 0;
}

.index-top-service__txt {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

.index-top-service__txt--01 {
  display: block;
  font-size: 16px;
  color: rgb(51, 51, 51);
  margin-top: 28px;
  flex-grow: 1;
}

.index-top-service__txt--02 {
  display: block;
  font-size: 20px;
  color: rgb(18, 68, 154);
  font-weight: bold;
  position: relative;
  flex-grow: 1;
}

.index-top-service__txt--02::after {
  position: absolute;
  top: 50%;
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  margin-left: 8px;
  border: 1px solid;
  border-color: #2654a3 #2654a3 transparent transparent;
  transform: translateY(-50%) rotate(45deg);
}

.index-top-rpa-feature {
  background-color: #f7f7f7;
  margin-top: 120px;
  padding-bottom: 120px;
}

.index-top-rpa-feature__inner {
  width: 1100px;
  max-width: 90%;
  margin: 0 auto;
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  gap: 82px;
  margin-top: 40px;
}

@media screen and (max-width: 767px) {
  .index-top-rpa-feature__inner {
    gap: 20px;
  }
}

@media screen and (max-width: 767px) {
  .index-top-rpa-feature__inner {
    flex-direction: column-reverse;
  }
}

.index-top-rpa-feature__txt {
  width: calc(100% - 37.272728% - 82px);
}

@media screen and (max-width: 767px) {
  .index-top-rpa-feature__txt {
    width: 100%;
  }
}

.index-top-rpa-feature__img {
  margin: 0;
  width: 37.272728%;
}

@media screen and (max-width: 767px) {
  .index-top-rpa-feature__img {
    width: 100%;
  }
}

.index-top-rpa-feature__img img {
  width: 100%;
  object-fit: cover;
}

@media screen and (max-width: 767px) {
  .index-top-rpa-feature__img img {
    max-height: 300px;
  }
}

.movie_slide.movie_slide_arrow-container {
  position: relative;
}

.movie_arrow_prev {
  right: calc(100% + 28px);
}

.movie_arrow_next {
  left: calc(100% + 28px);
}

@media screen and (max-width: 1280px) {
  .movie_arrow_prev {
    right: calc(100% - 20px);
  }

  .movie_arrow_next {
    left: calc(100% - 50px);
  }
}

@media screen and (max-width: 767px) {
  .movie_arrow_prev {
    right: calc(100% - 40px);
    top: 25vw;
  }

  .movie_arrow_next {
    left: calc(100% - 45px);
    top: 25vw;
  }
}

.movie_arrow_prev,
.movie_arrow_next {
  border: 1px solid #4a4a4a;
  border-radius: 50%;
  background-color: #fff;
  width: 48px;
  height: 48px;
  text-decoration: none;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
}

@media screen and (max-width: 767px) {
  .movie_arrow_prev,
  .movie_arrow_next {
    top: 25vw;
  }
}

.movie_arrow_prev::after,
.movie_arrow_next::after {
  content: "";
  height: 10px;
  width: 10px;
  border: 1px solid;
  border-color: #4a4a4a #4a4a4a transparent transparent;
  position: absolute;
  top: 50%;
  left: 50%;
}

.movie_arrow_prev::after {
  transform: translate(-20%, -50%) rotate(-135deg);
}

.movie_arrow_next::after {
  transform: translate(-70%, -50%) rotate(45deg);
}

.index-top-rpa-case__inner {
  position: relative;
  background-color: #fff;
  width: 1100px;
  max-width: 90%;
  margin: 31px auto 0;
}

.index-top-rpa-case__list {
  margin: 10px 0 0;
  padding: 0;
  padding-left: 2px;
}

#index-case .title_list4.index-top-rpa-case__ttl {
  text-align: left;
}

.index-top-rpa-case__item .thum_list4 img {
  max-width: 100%;
  width: 100%;
  object-fit: cover;
}

.index-top-rpa-case__list .slick-slide {
  padding: 0 18px;
}

.container.new__container {
  max-width: 90% !important;
  width: 1100px !important;
  margin: 0 auto !important;
  padding: 0 !important;
}

.container.new__container.footer__container {
  max-width: 95% !important;
  width: 1300px !important;
  margin: 0 auto !important;
  padding: 0 !important;
}

.container.new__container.footer__container.footer__container-flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: start;
  column-gap: 30px;
}

#footer-main .footer__container .contact-menu {
  flex-wrap: wrap;
  justify-content: center;
  gap: 40px 20px;
}

#footer-main .footer__container .contact-menu li + li {
  margin-left: 0;
}

.common-heading.mb40 {
  margin-bottom: 40px;
}

.common-heading.index-top-service__heading {
  padding-top: clamp(10px, 9.375vw, 180px);
}

@media screen and (max-width: 1280px) {
  .common-heading.index-top-service__heading {
    padding-top: 120px;
  }
}

.common-heading.index-top-service__heading::before {
  top: clamp(10px, 6.25vw, 120px);
}

@media screen and (max-width: 1280px) {
  .common-heading.index-top-service__heading::before {
    top: 70px;
  }
}

@media screen and (max-width: 1280px) {
  .index-top-service__bg img {
    min-height: 300px;
  }
}

.index-top-rpa-problem {
  background-color: #fff;
}

@media screen and (max-width: 767px) {
  .index-top-rpa-problem {
    padding-top: 60px;
  }
}

.index-top-case {
  padding-bottom: 121px;
  background-color: #d8e6f1;
}

@media screen and (max-width: 767px) {
  .index-top-case {
    padding-top: 60px;
  }
}

.index-top-news {
  background-color: #fff;
}

@media screen and (max-width: 767px) {
  .index-top-news {
    padding-top: 40px;
  }
}

.js-fadein {
  opacity: 0;
  transform: translate(0, 0);
  transition: all 1.5s;
  transform: translate(0, 50px);
}

.js-fadein.js-scrollin {
  opacity: 1 !important;
  transform: translate(0, 0) !important;
}

/* 240521_トップページ改善 */
/*  */

/* 240605下層ページ改善 */

.p-solving {
  /* margin: 120px 0 100px; */
  margin: 0 0 100px;
}

@media screen and (max-width: 767px) {
  .p-solving {
    /* margin: 80px 0 60px; */
    margin: 40px 0;
  }
}

.p-solving__ttl {
  font-size: 26px;
  color: rgb(0, 0, 0);
  font-weight: bold;
  line-height: 1.769;
  text-align: center;
  margin: 0 auto;
}

@media screen and (max-width: 767px) {
  .p-solving__ttl {
    font-size: 20px;
  }
}

.p-solving__list-wrapper {
  margin: 108px 0 0;
  position: relative;
}

/* .p-solving__list-wrapper::before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 50%;
  top: -40px;
  transform: translate(-50%, -50%);
  background-color: #12449a;
  width: 2px;
  height: 40px;
} */

.p-solving__list {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 40px;
  list-style-type: none;
  flex-wrap: wrap;
  padding: 0;
}

.p-solving__item {
  /* width: calc((100% - 80px) / 3); */
  min-width: 340px;
  background: linear-gradient(
    135deg,
    #2956a4 0%,
    #2956a4 50%,
    #12449a 50%,
    #12449a 100%
  );
  /* min-height: 130px; */
  min-height: 160px;
  text-align: center;
  padding: 0;
}

.p-solving__item-link {
  display: block;
}

.p-solving__item-subTtl {
  display: inline-block;
  font-size: 16px;
  color: rgb(255, 255, 255);
  border: 1px solid #fff;
  margin-top: 10px;
  padding: 2px 4px;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .p-solving__item-subTtl {
    font-size: 14px;
  }
}

.p-solving__item-ttl {
  font-size: 20px;
  color: rgb(255, 255, 255);
  font-weight: bold;
  line-height: 1.5;
  margin: 11px 0 0;
}

@media screen and (max-width: 767px) {
  .p-solving__item-ttl {
    font-size: 18px;
  }
}

.p-solving-detail {
  background-color: #f7f7f7;
  padding: 91px 0 120px;
}

@media screen and (max-width: 767px) {
  .p-solving-detail {
    padding: 60px 0;
  }
}

.p-solving-detail__container {
  background-color: #fff;
  width: 100%;
  margin-top: 30px;
  padding-top: 40px;
  padding-bottom: 65px;
}

.p-solving-detail__num {
  font-size: 16px;
  width: 80px;
  min-height: 80px;
  display: flex;
  justify-content: center;
  align-items: center;
  /* margin-left: auto; */
  color: #fff;
  background: linear-gradient(
    135deg,
    #2956a4 0%,
    #2956a4 50%,
    #12449a 50%,
    #12449a 100%
  );
}

.p-solving-detail__txt {
  text-align: center;
  color: rgb(0, 0, 0);
}

@media screen and (max-width: 1023px) {
  .p-solving-detail__txt {
    padding: 0 5%;
  }
}

.p-solving-detail__txt h2 {
  font-size: 30px;
  font-weight: bold;
  line-height: 1.533;
}

@media screen and (max-width: 767px) {
  .p-solving-detail__txt h2 {
    font-size: 22px;
  }
}

.p-solving-detail__txt p {
  font-size: 16px;
  line-height: 1.75;
  margin-top: 35px;
}

@media screen and (max-width: 767px) {
  .p-solving-detail__txt p {
    font-size: 15px;
  }
}

.p-solving-detail__inner {
  display: flex;
  justify-content: space-between;
  padding: 0 81px;
  position: relative;
  gap: 36px;
  /* margin-top: 94px; */
  margin-top: 130px;
}

@media screen and (max-width: 1023px) {
  .p-solving-detail__inner {
    flex-direction: column;
    padding: 0 5%;
  }
}

@media screen and (max-width: 767px) {
  .p-solving-detail__inner {
    margin-top: 150px;
  }
}

.p-solving-detail__inner::before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 50%;
  /* top: -40px; */
  top: -68px;
  transform: translate(-50%, -50%);
  /* background-color: #d8e6f1;
  width: 2px;
  height: 40px; */
  width: 0;
  height: 0;
  border-style: solid;
  border-right: 100px solid transparent;
  border-left: 100px solid transparent;
  border-top: 60px solid #d8e6f1;
  border-bottom: 0;
}

@media screen and (max-width: 767px) {
  .p-solving-detail__inner::before {
    /* top: -60px; */
    top: -80px;
  }
}

.p-solving-detail__subTxt {
  width: calc(100% - 43.4%);
}

@media screen and (max-width: 1023px) {
  .p-solving-detail__subTxt {
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .p-solving-detail__subTxt {
    margin-top: -25px;
  }
}

.p-solving-detail__img {
  width: 43.4%;
  margin: 0;
}

@media screen and (max-width: 1023px) {
  .p-solving-detail__img {
    width: 100%;
    /* text-align: center; */
  }

  .p-solving-detail__img img {
    /* max-width: 50%; */
    max-height: 300px;
  }
}

.p-solving-detail__img img {
  width: 100%;
  object-fit: cover;
}

.p-solving-detail__subTxt span {
  /* font-size: 14px; */
  font-size: 20px;
  color: rgb(85, 85, 85);
  font-weight: bold;
}

@media screen and (max-width: 1023px) {
  .p-solving-detail__subTxt span {
    text-align: center;
    display: block;
  }
}

.p-solving-detail__subTxt h3 {
  /* font-size: 30px; */
  font-size: 21px;
  font-weight: bold;
  color: rgb(18, 68, 154);
  line-height: 1.5;
  margin: 20px 0 0;
  text-align: left;
  width: calc(100% - 100px);
}

@media screen and (max-width: 1023px) {
  .p-solving-detail__subTxt h3 {
    text-align: center;
    width: calc(100% - 120px);
  }
}

/* @media screen and (max-width: 767px) {
  .p-solving-detail__subTxt h3 {
    width: calc(100% - 100px);
  }
} */

@media screen and (max-width: 767px) {
  .p-solving-detail__subTxt h3 {
    font-size: 22px;
  }
}

.p-solving-detail__subTxt p {
  font-size: 16px;
  line-height: 1.75;
  margin: 41px 0 0;
  text-align: left;
}

@media screen and (max-width: 767px) {
  .p-solving-detail__subTxt p {
    font-size: 15px;
  }
}

.p-solving-detail__btn {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 15px;
  margin-top: 45px;
  padding: 0 5%;
}

.under-page.solving .index-top-service {
  padding: 0 0 120px 0;
}

.under-page.solving .btn .label {
  font-size: 18px;
}

.p-solving__num-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
}

@media screen and (max-width: 1023px) {
  .p-solving__num-container {
    justify-content: center;
    gap: 20px;
  }
}

.p-solving__num-block {
  background-color: #12449a;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  position: relative;
}

.p-solving__num {
  display: block;
  color: rgb(255, 255, 255);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.p-solving-detail__subTxt span.p-solving__num-subTtl {
  display: block;
  font-size: 16px;
  line-height: 1.2;
  color: rgb(255, 255, 255);
}

.p-solving-detail__subTxt span.p-solving__num-ttl {
  font-size: 36px;
  line-height: 1.2;
  margin-left: 6px;
  color: rgb(255, 255, 255);
  font-weight: normal;
}

.p-solving__num--pc-only {
  display: block;
}

@media screen and (max-width: 1023px) {
  .p-solving__num--pc-only {
    display: none;
  }
}

.p-solving__num--sp-only {
  display: none;
}
@media screen and (max-width: 1023px) {
  .p-solving__num--sp-only {
    display: block;
  }
}
@media screen and (max-width: 767px) {
  .p-solving__num--sp-only {
    display: none;
  }
}

/* 240610_srevice */

.p-service {
  /* margin: 120px 0; */
  margin: 0 0 120px;
}

@media screen and (max-width: 767px) {
  .p-service {
    margin: 60px 0;
  }
}

.p-service__ttl {
  font-size: 26px;
  color: rgb(0, 0, 0);
  font-weight: bold;
  line-height: 1.769;
  text-align: center;
  margin: 0 auto;
}

@media screen and (max-width: 767px) {
  .p-service__ttl {
    font-size: 20px;
  }
}

.p-service__wrapper {
  margin: 108px 0 0;
  position: relative;
}

/* .p-service__wrapper::before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 50%;
  top: -40px;
  transform: translate(-50%, -50%);
  background-color: #12449a;
  width: 2px;
  height: 40px;
} */

.p-service__list {
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.p-service__item {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  align-items: center;
  gap: 60px;
  background-color: #f7f7f7;
}

@media screen and (max-width: 560px) {
  .p-service__item {
    flex-direction: column;
    gap: 20px;
  }
}

.p-service__content {
  width: calc(100% - 36.36363636% - 60px);
  /* width: calc(100% - 400px - 60px); */
  /* margin-top: 60px; */
  /* margin-bottom: 20px; */
  margin: 20px 0;
}

@media screen and (max-width: 560px) {
  .p-service__content {
    width: 90%;
    margin: 20px auto 0;
  }
}

.p-service__img {
  /* max-width: 400px; */
  width: 36.36363636%;
  margin: 0;
}

@media screen and (max-width: 560px) {
  .p-service__img {
    width: 90%;
  }

  .p-service__img img {
    width: 100%;
    max-height: 300px;
    object-fit: cover;
  }
}

.p-service__content .p-service__sub-ttl {
  font-size: 14px;
  color: rgb(85, 85, 85);
  margin-right: 2vw;
}

.p-service__content h3 {
  text-align: left;
  font-size: clamp(24px, 1.5625vw, 30px);
  /* font-size: 30px; */
  font-weight: bold;
  margin: 0;
  margin-top: 10px;
  margin-right: 2vw;
}

@media screen and (max-width: 560px) {
  .p-service__content h3 {
    margin-right: 0;
  }
}

.p-service__content p {
  font-size: 18px;
  /* font-size: clamp(14px, 0.83333vw, 16px); */
  color: rgb(0, 0, 0);
  line-height: 1.75;
  margin: 0;
  margin-top: 20px;
  margin-right: 2vw;
}

@media screen and (max-width: 767px) {
  .p-service__content p {
    font-size: 16px;
  }
}

@media screen and (max-width: 560px) {
  .p-service__content p {
    margin-right: 0;
  }
}

.p-service__btn {
  margin-top: 35px;
}

.p-service__btn .center_btn {
  margin: 0;
}

.p-service__btn .center_btn a.btn {
  /* margin-right: calc(60px - 2vw); */
  margin-right: 60px;
}

@media screen and (max-width: 560px) {
  .p-service__btn .center_btn a.btn {
    margin-right: auto;
  }
}

.p-service__content--only {
  display: block;
}

@media screen and (max-width: 1200px) {
  .p-service__content--only {
    display: none;
  }
}

.p-service-detail {
  background-color: #f7f7f7bf;
  padding: 122px 0;
}

@media screen and (max-width: 767px) {
  .p-service-detail {
    padding: 60px 0;
  }
}

.p-service-detail__wrapper {
  position: relative;
}

.p-service-detail__wrapper::before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 50%;
  top: -50px;
  transform: translate(-50%, -50%);
  background-color: #12449a;
  width: 2px;
  height: 40px;
}

.p-service-detail__list {
  list-style-type: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 40px;
  margin: 0;
  padding: 0;
  margin-top: 111px;
}

.p-service-detail__content {
  border-left: 20px solid #12449a;
  width: 530px;
  display: flex;
  flex-direction: row-reverse;
  gap: 37px;
  background-color: #fff;
  min-height: 177px;
}

@media screen and (max-width: 767px) {
  .p-service-detail__content {
    max-width: 530px;
    width: 100%;
  }
}

.p-service-detail__item {
  display: block;
  width: 100%;
  transition: opacity 0.3s;
}

.p-service-detail__item:hover {
  opacity: 0.7;
}

.p-service-detail__txt {
  /* width: calc(100% - 150px - 37px); */
  /* margin-right: 35px; */
  /* margin-bottom: 2%; */
  width: 90%;
  margin-inline: auto;
}

.p-service-detail__img {
  width: 150px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  color: #fff;
  background: linear-gradient(
    135deg,
    #2956a4 0%,
    #2956a4 50%,
    #12449a 50%,
    #12449a 100%
  );
}

.p-service-detail__img figure {
  margin: 0;
}

.p-service-detail__txt h3,
.p-service-detail__txt p {
  margin: 0;
}

.p-service-detail__txt h3 {
  font-size: 20px;
  margin-top: 33px;
}

.p-service-detail__txt p {
  font-size: 16px;
  line-height: 1.75;
  margin-top: 19px;
  /* text-align: center; */
  text-align: left;
}

@media screen and (max-width: 767px) {
  .p-service-detail__txt p {
    font-size: 15px;
  }
}

/* feature page*/

.common-heading.p-feature__heading {
  margin-bottom: 80px;
}

@media (max-width: 767px) {
  .common-heading.p-feature__heading {
    margin-bottom: 60px;
    font-size: 22px;
  }
}

.p-feature__flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 40px;
  position: relative;
}

.p-feature__txt {
  width: calc(100% - 41% - 40px);
}

@media (max-width: 767px) {
  .p-feature__txt {
    width: 100%;
  }
}

.p-feature__txt h3 {
  text-align: left;
  margin: 0;
}

@media (max-width: 767px) {
  .p-feature__txt h3 {
    font-size: 20px;
  }
}

.p-feature__lead {
  margin: 30px 0;
}

.p-fature-block__btn {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 15px;
  padding: 70px 0;
}

@media (max-width: 767px) {
  .p-fature-block__btn {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 15px;
    padding: 30px 5%;
  }
}

.p-fature-block__btn .center_btn .btn {
  display: flex;
  /* width: clamp(220px,  16.66666vw, 320px); */
  max-width: 320px;
  width: 320px;
  min-height: 70px;
  line-height: 1.5;
  text-align: center;
  transition: all 0.4s;
  margin: 0;
}

@media (max-width: 767px) {
  .p-fature-block__btn .center_btn .btn {
    width: 300px;
    min-height: 60px;
  }
}

#p-feature__block-01,
#p-feature__block-03,
#p-feature__block-05 {
  background-color: #f6f6f6;
}

#p-feature__block-01,
#p-feature__block-02,
#p-feature__block-03,
#p-feature__block-04,
#p-feature__block-05 {
  padding: 100px 0;
}

@media (max-width: 767px) {
  #p-feature__block-01,
  #p-feature__block-02,
  #p-feature__block-03,
  #p-feature__block-04,
  #p-feature__block-05 {
    padding: 50px 0;
  }
}

.p-feature__flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
}

.p-feature__img {
  margin: 0;
  /* width: 23.4375%; */
  width: 41%;
}

@media (max-width: 1024px) {
  .p-feature__img {
    margin-top: -15vw;
  }
}

@media (max-width: 767px) {
  .p-feature__img {
    margin-top: -5vw;
  }
}

@media (max-width: 767px) {
  .p-feature__ttl-img {
    width: clamp(200px, 40vw, 300px);
  }

  .p-feature__img {
    position: absolute;
    top: -5vw;
    right: 0;
    width: clamp(100px, 24vw, 250px);
    margin-top: 0;
  }
}

.more.p-feature__btn {
  width: 500px;
}

@media (max-width: 767px) {
  .more.p-feature__btn {
    width: 90%;
  }
}

.more.p-feature__btn .center_btn {
  width: 100%;
}

.p-feature__btn-item {
  width: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: #967b4f url(../img/icon-arrow.png) right 5px center no-repeat;
  height: 70px;
  line-height: 1.5;
  text-align: center;
  transition: all 0.4s;
}

.p-feature__btn-item::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  background: #583b18;
  width: 10px;
  height: 1px;
}

.p-feature__btn-item .label {
  font-weight: bold;
  font-size: 2rem;
  color: #fff;
}

.img-main.implementation#p-feature_mv {
  background-image: url(../img/feature/p-feature__mv.jpg);
}

#p-feature_mv .p-feature__ttl-sub {
  font-size: 24px;
  font-weight: bold;
  line-height: 1.5;
  color: #fff;
  display: block;
}

@media (max-width: 767px) {
  #p-feature_mv .p-feature__ttl-main {
    font-size: 36px;
  }
}

@media (max-width: 767px) {
  #p-feature_mv .p-feature__ttl-sub {
    font-size: 18px;
  }
}

.breadcrumbs_in.new__breadcrumbs_in {
  width: 100%;
}

.p-fature-block__btn .center_btn {
  margin: 0;
  padding: 0;
}

.p-solving-detail__btn .center_btn {
  margin: 0;
  padding: 0;
}

@media (max-width: 767px) {
  #p-service.img-main {
    padding-top: 100px;
    padding-bottom: 60px;
  }

  #p-service.img-main h1.title-main span {
    display: block;
    font-size: 25px;
  }

  #p-service.img-main h1.title-main {
    font-size: 36px;
  }
}

.p-feature__txt-flex {
  display: flex;
  gap: 14px;
  align-items: center;
}

@media (max-width: 767px) {
  .p-feature__txt-flex {
    flex-direction: column;
    align-items: start;
  }
}

.p-feature__content01 {
  background-color: #12449a;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  position: relative;
}

.p-feature__content02 {
  width: calc(100% - 100px - 14px);
}

@media (max-width: 767px) {
  .p-feature__content02 {
    width: 100%;
  }
}

.p-feature__num {
  display: block;
  color: rgb(255, 255, 255);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.p-feature__num-subTtl {
  display: block;
  font-size: 16px;
  line-height: 1.2;
}

.p-feature__num-ttl {
  font-size: 36px;
  line-height: 1.2;
  margin-left: 6px;
}

.p-feature__pc-only {
  display: block;
}

@media (max-width: 1024px) {
  .p-feature__pc-only {
    display: none;
  }
}

.nav-main ul.c-new__mega-menu {
  display: block;
  width: 100%;
  margin-left: 2.60416667vw;
}

.nav-main
  .child_menu.megaMenu_childList
  .megaMenu_childList__item
  li.c-new__mega-menu__container {
  width: auto;
}

@media (max-width: 767px) {
  .nav-main
    .child_menu.megaMenu_childList
    .megaMenu_childList__item
    li.c-new__mega-menu__container {
    display: none;
  }
}

@media (max-width: 1024px) {
  .nav-main .child_menu.megaMenu_childList .megaMenu_childList__item li {
    width: 260px;
  }
}

.nav-main
  .child_menu.megaMenu_childList
  .megaMenu_childList__item
  li.c-new__mega-menu__list {
  width: 100%;
  height: auto;
  border-top: none;
}

.nav-main
  .child_menu.megaMenu_childList
  .megaMenu_childList__item
  li.c-new__mega-menu__list
  a {
  height: auto;
  line-height: 1.2;
  display: block;
  padding: 0;
  background-color: transparent;
}

.nav-main .child_menu.megaMenu_childList .megaMenu_childList__item {
  justify-content: start;
  gap: 2.083333vw;
  width: 100%;
  max-width: 1100px;
}

.nav-main
  .child_menu.megaMenu_childList
  .megaMenu_childList__item
  li
  .megaMenu_childList__item__detailTxt {
  justify-content: start;
  gap: 10px;
  flex-wrap: wrap;
  font-size: 14px;
}

.c-new__mega-menu--sp {
  display: none;
}

@media (max-width: 767px) {
  .c-new__mega-menu--sp {
    display: block;
  }
}

.sp-only--feature-btn_br {
  display: none;
}

@media (max-width: 660px) {
  .sp-only--feature-btn_br {
    display: block;
  }
}

.pc-only--feature-btn_br {
  display: block;
}

@media (max-width: 660px) {
  .pc-only--feature-btn_br {
    display: none;
  }
}

/* 240930（改善） */

.doc-area {
  background-color: #e7ecf5;
}

.doc-area .doc-list {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
  justify-content: center;
  align-items: center;
  gap: 15px;
  padding: 15px;
}

.doc-area .doc-list li {
  width: calc(100% / 2 - 8px);
  text-align: center;
}

.doc-area .doc-list li img {
  width: 100%;
}

.section_inner .blk {
  color: #000;
  padding-left: 0px;
  margin-bottom: 15px;
}

.doc-contents .blk {
  margin-top: 40px;
}

.section_inner .blk::before {
  display: none;
  padding: 0px;
}

.contents-detail {
  position: relative;
  margin: 0 0 0 25px;
}
.contents-detail::before {
  content: "";
  background: url(../img/request/blue-ck.png) no-repeat;
  position: absolute;
  height: 20px;
  width: 20px;
  left: -23px;
  top: 7px;
}
@media screen and (max-width: 767px) {
  .contents-detail {
    margin-left: 25px;
  }
}

.contents-detail-new ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.contents-detail-new li {
  position: relative;
  margin: 0 0 0 25px;
}
.contents-detail-new li::before {
  content: "";
  background: url(../img/request/blue-ck.png) no-repeat;
  position: absolute;
  height: 20px;
  width: 20px;
  left: -23px;
  top: 7px;
}
@media screen and (max-width: 767px) {
  .contents-detail-new {
    margin-left: 25px;
  }
}

@media screen and (max-width: 767px) {
  .doc-area .doc-list {
    flex-direction: column;
  }

  .doc-area .doc-list li {
    width: 100%;
  }
}

/* 241217 修正 */
.nav-main
  .child_menu.megaMenu_childList
  .megaMenu_childList__item
  li
  .megaMenu_childList__item__detailTxt.head-ttl {
  font-size: 16px;
  font-weight: bold;
}

@media screen and (max-width: 767px) {
  .nav-main
    .child_menu.megaMenu_childList
    .megaMenu_childList__item
    li
    .megaMenu_childList__item__detailTxt.head-ttl {
    font-size: 14px;
  }
}

.child_menu.megaMenu_childList
  .megaMenu_childList__item
  li
  .megaMenu_childList__item__detailTxt {
  color: #fff;
}

@media screen and (max-width: 767px) {
  .child_menu.megaMenu_childList .megaMenu_childList__item {
    padding-top: 1rem;
  }

  .child_menu.megaMenu_childList
    .megaMenu_childList__item
    li
    .megaMenu_childList__item__detailTxt {
    color: #000;
  }

  .nav-main
    .child_menu.megaMenu_childList
    .megaMenu_childList__item
    li
    .megaMenu_childList__item__detailTxt {
    font-size: 13px;
  }
}

.nav-main .child_menu li a {
  height: 2rem;
  background: initial;
}

@media screen and (max-width: 767px) {
  .nav-main .child_menu li a {
    height: 4rem;
  }
}

@media (min-width: 0px) and (min-width: 768px) {
  .nav-main .child_menu.megaMenu_childList .megaMenu_childList__item li {
    width: 30%;
  }
}

@media (max-width: 1024px) {
  .nav-main .child_menu.megaMenu_childList .megaMenu_childList__item li {
    width: 100%;
    height: auto;
  }
}

.section_suwa {
  margin-top: 60px;
}
.section_suwa + .section_suwa {
  margin-top: 70px;
}
.section_suwa h2 {
  color: #FFF;
  font-weight: bold;
  font-size: 26px;
  padding: 7px 10px;
  margin: 0;
  background: #12449a;
}
.section_suwa h3 {
  font-size: 2.2rem;
  font-weight: bold;
  text-align: left;
  margin: 4rem 0 1em 0;
  position: relative;
  padding: 0 0 15px 44px;
  border-bottom: 2px solid #d8e6f1;
}
.section_suwa h3 + p {
  margin-top: 0;
}
.section_suwa h3::before {
  content: "";
  width: 30px;
  height: 2px;
  background: #12449a;
  position: absolute;
  left: 0;
  top: 17px;
}
.section_suwa a.textlink {
  color: #12449a !important;
  text-decoration: underline !important;
}
.section_suwa a.textlink:hover {
  text-decoration: none !important;
}
.section_suwa .case_img_section {
  display: flex;
  flex-direction: column;
  gap: 30px;
  margin-top: 40px;
}
@media (max-width: 767px) {
  .section_suwa h2 {
      font-size: 2.0rem;
      line-height: 1.4;
  }
  .section_suwa h3 {
      font-size: 1.8rem;
      padding-left: 25px;
  }
  .section_suwa h3::before {
      width: 15px;
      top: 13px;
  }
}

.section_suwa_inner {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 50px;
  margin-top: 1rem;
}
@media all and (max-width: 768px) {
  .breadcrumbs_in:not(.new__breadcrumbs_in) {
    max-width: 90% !important;
  }
  .section_suwa_inner {
    flex-direction: column;
  }
}

.section_suwa p {
  margin: 1.5em 0;
}
.section_suwa p b {
  display: block;
  padding-bottom: 10px;
}
.section_suwa_inner .section_suwa_cont {
  flex: 1;
}
.section_suwa_inner .section_suwa_cont p:first-child {
  margin-top: 0;
}
.section_suwa_inner .section_suwa_img {
  display: flex;
  flex-direction: column;
  gap: 10px;
  font-size: 14px;
}
@media all and (max-width: 768px) {
  .section_suwa_inner .section_suwa_img {
    margin: 0 auto;
  }
}

.dialogue .note {
  margin-top: 5rem;
  border: 2px solid #12449a;
  padding: 30px;
}
.dialogue .note p:first-child {
  margin-top: 0;
}
.dialogue .note p:last-child {
  margin-bottom: 0;
}
@media all and (min-width: 769px) {
  ul.list3 {
    display: flex;
    gap: 50px;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  ul.list3:after {
    content: "";
    width: 316px;
  }
  ul.list3 li {
    margin: 0 !important;
  }
}


details * {
  transition: .3s;
}
details summary {
  padding-left: 20px !important;
  list-style-type: none;
  position: relative;
  cursor: pointer;
}
details summary:hover,
details:open summary {
  color: #12449a;
}
details summary:before,
details summary:after {
  content: "";
  display: inline-block;
  background: #333;
  position: absolute;
  width: 5px;
  height: 15px;
  top: 7px;
  left: 5px;
  transition: .3s;
}
details summary:after {
  transform: rotate(90deg);
}
details summary:hover:before,
details summary:hover:after,
details:open summary:before,
details:open summary:after {
  background: #12449a;
}
details:open summary:before {
  transform: rotate(90deg);
}
@media all and (max-width: 768px) {
  details summary:before,
  details summary:after {
    top: 5px;
  }
}

.doc-area .doc-list.dl3layout {
flex-direction:row;
}
.doc-area .doc-list.dl3layout li {
width:calc(100% / 3 - 10px) !important;
}


.p-solving__list.lp-solving__list {
  align-items: normal;
}
.p-solving__list.lp-solving__list .p-solving__item {
  max-width: 340px;
  padding: 10px 10px 15px 10px;
}
.p-solving__list.lp-solving__list .p-solving__item-ttl {
  font-size: 18px;
}
.title_list4 {
  text-align: center;
  color: #12449a;
  font-size: 18px;
  font-weight: bold;
  padding: 15px 0;
}
@media all and (max-width: 768px) {
  .title_list4 {
    font-size: 19px;
  }
}

.layout-img35 {
  margin-top: 50px !important;
}
@media all and (min-width: 769px) {
  .layout-img35 figure {
    width: 35%;
  }
  .layout-img35 .seminar_on_demand_bnr_txt {
    width: 78%;
  }
}

.lpcta {
  background: #8CB9DB;
  gap: 20px;
}
@media all and (min-width: 769px) {
  .lpcta .btn {
    max-width: inherit !important;
    width: 400px !important;
    min-height: 80px !important;
  }
}

.lp_ar_bnr-wrapper {
  text-align: center;
}
.lp_ar_bnr-wrapper:before {
  content: "";
  border-right: 150px solid transparent;
  border-top: 80px solid #d8e6f1;
  border-left: 150px solid transparent;
  display: inline-block;
}
.lp_ar_bnr {
  background: #D8E6F1;
  padding: 30px;
  margin: 50px auto 0 auto;
  max-width: 1300px;
  width: 100%;
}
.lp_ar_bnr-title {
  text-align: center;
  font-size: 30px;
  font-weight: bold;
  color: #12449A;
}
.lp_ar_bnr-inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 30px;
  margin-top: 15px;
}
.lp_ar_bnr-inner * {
  text-align: left;
}
.lp_ar_bnr-image {
}
.lp_ar_bnr-image img {
}
.lp_ar_bnr-cont {
  flex: 1;
}
.lp_ar_bnr-head {
  font-size: 26px;
  font-weight: bold;
  line-height: 1.4;
}
.lp_ar_bnr-cont ul {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 5px;
  margin: 20px 0 0 0;
  padding: 0;
}
.lp_ar_bnr-cont ul li {
  position: relative;
  font-size: 18px;
  font-weight: 500;
  padding-left: 15px;
}
.lp_ar_bnr-cont ul li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 15px;
  width: 5px;
  height: 5px;
  background: #000;
  border-radius: 9999px;
}
@media all and (max-width: 768px) {
  .lp_ar_bnr {
    background: #D8E6F1;
    padding: 30px;
    margin: 70px auto 0 auto;
    max-width: 1300px;
    width: 100%;
  }
  .lp_ar_bnr-title {
    font-size: 22px;
  }
  .lp_ar_bnr-inner {
    gap: 30px;
    margin-top: 15px;
    flex-direction: column;
  }
  .lp_ar_bnr-image {
  }
  .lp_ar_bnr-image img {
    margin: 0 auto;
    display: block;
  }
  .lp_ar_bnr-cont {
  }
  .lp_ar_bnr-head {
    font-size: 18px;
  }
  .lp_ar_bnr-head br {
    display: none;
  }
  .lp_ar_bnr-cont ul li {
    font-size: 15px;
  }
}

.lpmvsize {
}
.lpmvsize h1 {
  line-height: 1.5;
  margin-top: 50px !important;
}
.lpmvsize h1 span {
  font-size: 18px !important;
}
.lpmvsize h1 em {
  display: block;
  font-size: 28px;
  margin-top: 20px;
}
@media all and (max-width: 768px) {
  .lpmvsize h1 em {
    font-size: 18px;
    margin: 10px 0;
  }
}
.common-heading_mini {
  display: block;
  font-size: 3.0rem;
  color: #12449a;
  text-align: center;
}
@media all and (max-width: 768px) {
  .common-heading_mini {
    font-size: 2.4rem;
  }
  .common-heading_mini + p {
    margin-left: 5%;
    margin-right: 5%;
  }
  .lpnone .thum_list4 img {
    display: block;
    margin: 0 auto;
  }
}
body.arrnone .section-intro::after {
  display: none;
}
body.arrnone .thum_list4 img {
  display: block;
  margin: 0 auto;
}
body.arrnone .p-solving__list.lp-solving__list .p-solving__item {
  padding: 20px 10px 30px 10px;
}
body.arrnone #p-solving {
  margin-bottom: 50px !important;
}