/*********************************/
/* COMMON */
/*********************************/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&display=swap');

main.ma {
  color: #102e80;
  font-size: 18px;
  font-family: 'Hiragino Sans', 'ヒラギノ角ゴシック', 'メイリオ', Meiryo,
    'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
h2 {
  font-weight: 800;
  text-align: center;
}
.flex {
  display: flex;
}
.sp {
  display: none;
}
.innr-1000 {
  width: 1000px;
  max-width: calc(100% - 32px);
  margin: auto;
}
.new-innr {
  position: relative;
  z-index: 1;
  display: flex;
  width: 1093px;
  max-width: calc(100% - 32px);
  margin: auto;
  transform: translate(-40px, 0);
}
.accent {
  color: #5083f5;
}
.accent-pink {
  color: #ed67b4;
}
.section-ttl-wrap {
  display: flex;
  justify-content: center;
  margin-bottom: 45px;
}
.section-ttl {
  position: relative;
  display: inline-block;
  line-height: 1.76;
}
.section-ttl::before,
.section-ttl::after {
  position: absolute;
  top: 50%;
  width: 90.49px;
  height: 134px;
  transform: translate(0, -50%);
  content: '';
}
.section-ttl::before {
  left: -120px;
  background: url(../img/section-ttl-left.svg) no-repeat;
  background-size: contain;
}
.section-ttl::after {
  right: -120px;
  background: url(../img/section-ttl-right.svg) no-repeat;
  background-size: contain;
}
.section-subttl {
  margin-top: 30px;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.875;
  text-align: center;
}
.btn-wrap {
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
}
.btn-txt {
  margin-bottom: 20px;
  font-weight: 700;
}
.btn {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 400px;
  height: 68px;
  margin: auto;
  font-weight: bold;
  font-size: 20px;
  background: linear-gradient(#fcf200 0%, #ffce00 100%);
  border-radius: 100px;
  transition: all 0.3s ease;
}
.btn::before {
  position: absolute;
  bottom: -5px;
  z-index: -1;
  display: inline-block;
  width: 320px;
  height: 24px;
  background: rgba(3, 49, 154, 0.6);
  border-radius: 30em;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-filter: blur(20px) brightness(0.95);
  filter: blur(20px) brightness(0.95);
  transition: all 0.3s ease-out;
  content: '';
}
.ttl-sm {
  font-size: 24px;
}
.section-ttl h2 {
  font-size: 34px;
}
.accordion-lists {
  display: flex;
  justify-content: space-between;
}
.accordion-lists ul {
  width: 49.6%;
}
.accordion-list {
  padding: 30px 30px 30px 86px;
  background: linear-gradient(to right, #edf4ff 0, #fefaff 100%);
}
.accordion-list:not(:last-of-type) {
  margin-bottom: 8px;
}
.accordion-lists h3 span {
  position: relative;
}
.accordion-lists h3 span::before,
.accordion-lists h3 span::after {
  position: absolute;
  content: '';
}
.accordion-lists h3 span::before {
  top: 50%;
  left: -69px;
  width: 9.18px;
  transform: translate(0, -50%);
}
.accordion-lists h3 span::after {
  top: 50%;
  left: -40px;
  transform: translate(0, -50%);
}
.accordion-list-ttl {
  position: relative;
  font-weight: 700;
  font-size: 20px;
  line-height: 1.8;
}
.accordion-list-ttl::before,
.accordion-list-ttl::after {
  position: absolute;
  top: 50%;
  right: 0;
  width: 16px;
  height: 2px;
  background: #5083f5;
  transform: translate(0, -50%);
  content: '';
}
.accordion-list-ttl::after {
  transform: translate(0, -50%) rotate(-90deg);
  transition: all 0.3s;
}
.accordion-list-ttl.active::after {
  transform: translate(0, -50%) rotate(0deg);
  transition: all 0.3s;
}
.accordion-list-content {
  height: 0;
  font-size: 16px;
  line-height: 1.875;
  opacity: 0;
}
.accordion-list-content.active {
  height: auto;
  margin-top: 10px;
  opacity: 1;
  transition: 0.2s;
}
@media (max-width: 767px) {
  .sp {
    display: block;
  }
  .pc {
    display: none;
  }
  .btn-txt {
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 1.75;
  }
  .btn-wrap {
    position: relative;
  }
  .btn {
    display: block;
    width: 100%;
    max-width: 310px;
    height: 64px;
    padding: 0 5px;
    font-size: 17px;
  }
  .btn::before {
    width: 240px;
    height: 14px;
  }
  .section-ttl h2 {
    font-size: 20px;
    line-height: 1.8;
  }
  .ttl-sm {
    font-size: 18px;
    line-height: 1.8;
  }
  .section-ttl::before,
  .section-ttl::after {
    width: 30.51px;
    height: 43.27px;
  }
  .section-ttl::before {
    left: -40px;
  }
  .section-ttl::after {
    right: -40px;
  }
  .section-subttl {
    margin-top: 26px;
    line-height: 2;
    text-align: left;
  }
  .section-ttl-sub {
    text-align: center;
  }
  .section-ttl-sub::before,
  .section-ttl-sub::after,
  .section-ttl-sm::before,
  .section-ttl-sm::after {
    content: none;
  }
  .section-ttl-sub h2,
  .section-ttl-sm .ttl-sm {
    position: relative;
    display: inline-block;
  }
  .section-ttl-sub h2::before,
  .section-ttl-sub h2::after,
  .section-ttl-sm .ttl-sm::before,
  .section-ttl-sm .ttl-sm::after {
    position: absolute;
    top: 50%;
    width: 30.51px;
    height: 43.27px;
    background-size: contain;
    transform: translate(0, -50%);
    content: '';
  }
  .section-ttl-sub h2::before,
  .section-ttl-sm .ttl-sm::before {
    left: -40px;
    background: url(../img/section-ttl-left.svg) no-repeat;
    background-size: contain;
  }
  .section-ttl-sub h2::after,
  .section-ttl-sm .ttl-sm::after {
    right: -40px;
    background: url(../img/section-ttl-right.svg) no-repeat;
    background-size: contain;
  }
  .accordion-list {
    padding: 24px;
  }
  .accordion-lists h3 span::before {
    left: -60px;
  }
  .accordion-lists h3 span::after {
    left: -35px;
  }
  .accordion-list-ttl {
    padding: 0 32px 0 62px;
  }
  .accordion-list-content {
    font-size: 14px;
    line-height: 2;
  }
  .accordion-lists ul:first-of-type {
    margin-bottom: 8px;
  }
  .hs-ex {
    display: block;
    margin-left: 0;
  }
}
@media (max-width: 321px) {
  .btn-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .btn {
    height: 100%;
    padding: 15px;
    line-height: 1.4;
  }
}
@media (min-width: 768px) {
  .btn:hover {
    width: 410px;
    height: 75px;
    letter-spacing: 0.05em;
  }
}

/*********************************/
/* MV */
/*********************************/
.section-mv {
  position: relative;
}
.section-mv::before {
  position: absolute;
  top: -40px;
  left: 50%;
  z-index: -1;
  width: 1441.14px;
  height: 806.75px;
  padding-bottom: 145px;
  background-image: url(../img/mv@2x.png);
  background-repeat: no-repeat;
  background-size: contain;
  transform: translate(-50%, 0) translateX(-50px);
  content: '';
}
.mv-content {
  padding-top: 240px;
  padding-bottom: 213px;
  text-align: center;
}
.mv-title {
  position: relative;
  display: inline-block;
  margin-bottom: 40px;
  font-weight: 800;
  font-size: 50px;
  line-height: 1.6;
}
.mv-title::before {
  position: absolute;
  top: -66px;
  right: -63px;
  width: 79.03px;
  height: 83.98px;
  background: url(../img/mv-ttl.svg) no-repeat;
  background-size: contain;
  content: '';
}
.mv-subtitle {
  margin-bottom: 27px;
  font-weight: 700;
  font-size: 28px;
  line-height: 1.7;
}
@media (min-height: 800px) and (min-width: 768px) {
  .section-mv {
    min-height: 100vh;
  }
  .section-mv::before {
    background: url(../img/mv-top@2x.png) no-repeat;
    background-repeat: no-repeat;
    background-size: 1310.63px 429.45px;
  }
  .section-mv::after {
    position: absolute;
    bottom: 0;
    left: 50%;
    z-index: -1;
    width: 1247.25px;
    height: 549.11px;
    background: url(../img/mv-bottom@2x.png) no-repeat;
    background-size: contain;
    transform: translate(-50%, 0) translateX(60px);
    content: '';
  }
  .mv-content {
    padding-top: 30vh;
  }
}
@media (max-width: 767px) {
  .mv-title {
    margin-bottom: 17px;
    font-size: 38px;
    line-height: 1.36;
    text-align: left;
  }
  .mv-title::before {
    top: -2px;
    right: -10px;
    width: 50.67px;
    height: 53.84px;
  }
  .mv-subtitle {
    margin-bottom: 8px;
    font-size: 17px;
  }
  .section-mv::before {
    top: 0;
    width: 524.74px;
    height: 858px;
    background-image: url(../img/mv-sp@2x.png);
    background-repeat: no-repeat;
    background-size: contain;
    transform: translate(-50%, 0) translateX(-18px);
  }
  .mv-content {
    padding-top: 206px;
  }
}

/*********************************/
/* NEW */
/*********************************/
.section-new {
  position: relative;
  margin-bottom: 45px;
}
.section-new::before {
  position: absolute;
  left: 50%;
  width: 1244px;
  height: 468.77px;
  margin-top: -103px;
  background-image: url(../img/new-bg@2x.png);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: contain;
  transform: translate(-50%, 0) translateX(-50px);
  content: '';
}
.section-new h2 {
  margin-bottom: 80px;
  font-size: 28px;
  line-height: 1.78;
  text-align: center;
}
.new-l {
  max-width: 380px;
}
.new-l img {
  width: 100%;
}
.new-r {
  width: 58%;
  font-weight: 600;
}
.new-r li {
  position: relative;
  display: inline-block;
  padding: 20px 26px 20px 52px;
  white-space: nowrap;
  background: #f7f9ff;
}
.new-r li:not(:last-of-type) {
  margin-bottom: 8px;
}
.new-r li::before {
  position: absolute;
  top: 50%;
  left: 24px;
  width: 14px;
  height: 14px;
  background: url(../img/new-check.svg) no-repeat;
  background-size: contain;
  transform: translate(0, -50%);
  content: '';
}
@media (max-width: 767px) {
  .section-new {
    margin-top: 95px;
  }
  .new-innr {
    flex-direction: column;
    transform: none;
  }
  .new-l {
    margin: auto;
  }
  .new-r {
    width: 100%;
  }
  .section-new h2 {
    margin-bottom: 32px;
    font-size: 22px;
  }
  .new-r li {
    display: block;
    font-size: 16px;
    line-height: 1.875;
    white-space: normal;
  }
}

/*********************************/
/* COMPARE */
/*********************************/
.section-compare {
  padding-top: 190px;
  background: url(../img/compare-bg@2x.png) no-repeat;
  background-position: center top;
  background-size: contain;
}
.compare-content {
  display: flex;
  justify-content: space-between;
}
.compare-content ul li {
  font-weight: 600;
  font-size: 20px;
}
.compare-content ul li p {
  z-index: 1;
}
.compare-before {
  position: relative;
  width: 40%;
  max-width: 400px;
}
.compare-before::before {
  position: absolute;
  top: 15px;
  left: -28px;
  z-index: 1;
  width: 68px;
  height: 126px;
  background: url(../img/compare-before-img.svg) no-repeat;
  background-size: contain;
  content: '';
}
.compare-before h3,
.compare-after h3 {
  height: 100px;
  margin: 0 auto;
  font-weight: 700;
  font-size: 20px;
  text-align: center;
}
.compare-before h3 img,
.compare-after h3 img {
  width: 100%;
}
.compare-before h3 img {
  max-width: 140px;
}
.compare-after h3 img {
  max-width: 136px;
}
.compare-before h3 span,
.compare-after h3 span {
  display: block;
  margin-top: 18px;
  white-space: nowrap;
}
.compare-before h3 {
  color: #5083f5;
}
.compare-after h3 {
  color: #ed67b4;
}
.compare-after {
  position: relative;
  width: 54%;
  max-width: 540px;
}
.compare-after::before {
  position: absolute;
  right: -70px;
  bottom: -52px;
  z-index: 1;
  width: 215.34px;
  height: 212.48px;
  background: url(../img/compare-after-img.svg) no-repeat;
  background-size: contain;
  content: '';
}
.compare-before ul li {
  position: relative;
  display: flex;
  align-items: center;
  padding: 32px 56px 32px 84px;
  font-weight: 600;
  line-height: 1.9;
  background: #f7f9ff;
}
.compare-before ul li:not(:last-of-type),
.compare-after ul li:not(:last-of-type) {
  margin-bottom: 8px;
}
.compare-after ul li {
  position: relative;
  display: flex;
  align-items: center;
  padding: 32px 56px 32px 112px;
  font-weight: 600;
  line-height: 1.9;
  background: linear-gradient(to right, #fff8fb 0, #fffef5 100%);
}
.compare-before ul li::before,
.compare-after ul li::before {
  position: absolute;
  top: 50%;
  width: 47px;
  height: 47px;
  transform: translate(0, -50%) translateY(7.5px);
  content: '';
}
.compare-before ul li::before {
  left: 32px;
  background: url(../img/compare-before-list.svg) no-repeat;
  background-size: contain;
}
.compare-before ul li::after {
  position: absolute;
  top: 50%;
  right: -40px;
  width: 20px;
  height: 18px;
  background: url(../img/compare-arrow.svg) no-repeat;
  background-size: contain;
  transform: translate(0, -50%);
  content: '';
}
.compare-after ul li::before {
  left: 48px;
  background: url(../img/compare-after-list.svg) no-repeat;
  background-size: contain;
}
@media (max-width: 767px) {
  .section-compare {
    padding-top: 110px;
  }
  .compare-content {
    flex-direction: column;
  }
  .compare-before,
  .compare-after {
    width: 100%;
    max-width: 100%;
  }
  .section-ttl-wrap {
    margin-bottom: 32px;
  }
  .compare-before h3,
  .compare-after h3 {
    height: auto;
    margin-bottom: 24px;
    font-size: 18px;
  }
  .compare-before h3 img {
    max-width: 124px;
  }
  .compare-before h3 span,
  .compare-after h3 span {
    position: relative;
    z-index: 1;
    margin-top: 16px;
    text-shadow: 1px 2px 3px #fff;
  }
  .compare-before ul li::after {
    content: none;
  }
  .compare-before::before {
    top: 27px;
    left: 5px;
    width: 51.77px;
    height: 96.15px;
  }
  .compare-content ul li {
    height: auto;
    padding: 30px 30px 30px 72.5px;
    font-size: 18px;
    line-height: 1.77;
  }
  .compare-content ul li::before {
    left: 24.5px;
  }
  .compare-content::before {
    top: 26px;
    left: 4px;
    width: 51.77px;
    height: 96.15px;
  }
  .compare-before::after {
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 132px;
    height: 21.16px;
    background: url(../img/compare-arrow-sp.svg) no-repeat;
    background-size: contain;
    transform: translate(-50%, 0);
    content: '';
  }
  .compare-before {
    margin-bottom: 40px;
    padding-bottom: 50px;
  }
  .compare-after h3 img {
    width: 96.03px;
  }
  .compare-after::before {
    top: 11px;
    right: 0;
    width: 89.3px;
    height: 88.12px;
  }
}

/*********************************/
/* CONTACT */
/*********************************/
.contact-innr {
  position: relative;
  z-index: 0;
  max-width: 1060px;
  margin: 60px auto 56px;
  padding: 93px 0 97px;
  text-align: center;
  background: url(../img/contact-bg.svg) no-repeat;
  background-position: center top;
  background-size: 1060px 393px;
}
.section-contact h2 {
  color: #5083f5;
  font-weight: 800;
  font-size: 30px;
  line-height: 1.66;
}
.section-contact .contact-txt {
  margin: 24px auto;
  font-weight: 600;
  font-size: 16px;
  line-height: 2;
}
@media (max-width: 767px) {
  .contact-innr {
    margin: 40px auto 50px;
    padding: 37px 0 97px;
    background: url(../img/contact-bg-sp.svg) no-repeat;
    background-position: center top;
    background-size: 473px 306px;
  }
  .section-contact h2 {
    font-size: 22px;
  }
  .section-contact .contact-txt {
    margin-top: 15px;
    font-size: 13px;
  }
}

/*********************************/
/* ABOUT */
/*********************************/
.section-about .accent {
  margin-bottom: 40px;
  font-weight: 700;
  font-size: 20px;
  line-height: 1.9;
}
.about-innr {
  position: relative;
  width: 780px;
  max-width: calc(100% - 32px);
  margin: auto;
}
.about-innr::before,
.about-innr::after {
  position: absolute;
  content: '';
}
.about-innr::before {
  top: 280px;
  left: -300px;
  width: 259.5px;
  height: 272px;
  background: url(../img/about-img1.svg) no-repeat;
  background-size: contain;
}
.about-innr::after {
  top: 190px;
  right: -184px;
  width: 129px;
  height: 135.25px;
  background: url(../img/about-img2.svg) no-repeat;
  background-size: contain;
}
.section-about p:not([class]) {
  margin-bottom: 32px;
  font-size: 16px;
  line-height: 2;
}
.about-tools {
  position: relative;
  padding: 115px 0 40px;
}
.about-tools::before {
  position: absolute;
  bottom: 0;
  z-index: -1;
  width: 100%;
  height: 270px;
  background: url(../img/about-bg.svg) no-repeat;
  background-position: center top;
  background-size: cover;
  content: '';
}
@media (min-width: 1280px) {
  .about-tools::before {
    height: 20vw;
  }
}
.about-tools img {
  /* width: auto; */
  margin: 0;
}
.about-tools .innr-1000 {
  gap: 35px;
  align-items: center;
}
@media (max-width: 767px) {
  .section-about .accent {
    margin-bottom: 32px;
    font-size: 18px;
    line-height: 1.77;
  }
  .section-about p:not([class]) {
    margin-bottom: 24px;
  }
  .section-about p:last-child {
    margin-bottom: 0;
  }
  .about-tools::before {
    height: 190px;
    background: url(../img/about-bg-sp.svg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .about-tools {
    padding: 90px 0 30px;
  }
  .about-tools .innr-1000 {
    flex-wrap: wrap;
    gap: 10px;
    justify-content: space-between;
    width: 375px;
  }
  .about-tools img {
    height: auto;
  }
  .about-tools .logo-salesforce {
    width: 87.27px;
  }
  .about-tools .logo-satori {
    width: 25.82px;
  }
  .about-tools .logo-marketo {
    width: 86.62px;
  }
  .about-tools .logo-list-finder {
    width: 96.27px;
  }
  .about-tools .logo-hubspot {
    width: 75.67px;
  }
  .about-tools .logo-bdash {
    width: 83.21px;
  }
  .about-tools .logo-liny {
    width: 39.31px;
  }
  .about-tools .logo-motenasu {
    width: 50.61px;
  }
}
@media (max-width: 360px) {
  .about-tools .innr-1000 {
    gap: 15px;
    justify-content: center;
  }
  .about-tools {
    padding: 50px 0 30px;
  }
}

/*********************************/
/* FUNCTION */
/*********************************/
.section-function {
  margin-top: 160px;
}
.section-function ul {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: center;
}
.section-function li {
  width: 32.8%;
  padding: 32px;
  background: linear-gradient(to right, #edf4ff 0, #fefaff 100%);
}
.section-function li img {
  width: auto;
  height: 9.18px;
}
.section-function li h3 {
  position: relative;
  margin: 10px 0 10px;
  padding-left: 26px;
  font-weight: 700;
}
.section-function li h3::before {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
  content: '';
}
.section-function li:nth-child(1) h3::before {
  width: 15px;
  height: 18px;
  background: url(../img/feature-icn1.svg) no-repeat;
  background-size: contain;
}
.section-function li:nth-child(2) h3::before {
  width: 18px;
  height: 12px;
  background: url(../img/feature-icn2.svg) no-repeat;
  background-size: contain;
}
.section-function li:nth-child(3) h3::before {
  width: 18px;
  height: 19px;
  background: url(../img/feature-icn3.svg) no-repeat;
  background-size: contain;
}
.section-function li:nth-child(4) h3::before {
  width: 18px;
  height: 16.71px;
  background: url(../img/feature-icn4.svg) no-repeat;
  background-size: contain;
}
.section-function li:nth-child(5) h3::before {
  width: 22px;
  height: 15px;
  background: url(../img/feature-icn5.svg) no-repeat;
  background-size: contain;
}
.section-function li:nth-child(6) h3::before {
  width: 17px;
  height: 19px;
  background: url(../img/feature-icn6.svg) no-repeat;
  background-size: contain;
}
.section-function li p {
  font-size: 14px;
  line-height: 2;
}
@media (min-width: 768px) {
  .section-function .accordion-list-ttl {
    font-size: 18px;
    line-height: 1;
  }
  .section-function .accordion-list-ttl::before,
  .section-function .accordion-list-ttl::after {
    content: none;
  }
}

@media (max-width: 767px) {
  .section-function {
    margin-top: 62px;
  }
  .section-function ul {
    flex-direction: column;
  }
  .section-function li {
    width: 100%;
    padding: 24px;
  }
  .section-function li img {
    margin: 0;
  }
  .section-function li h3 {
    margin-bottom: 0;
    line-height: 1;
  }
  .section-function .accordion-list-ttl {
    padding-left: 0;
  }
  .section-function .accordion-list-ttl + p {
    height: 0;
    opacity: 0;
  }
  .section-function .accordion-list-ttl + p.active {
    height: auto;
    padding-top: 10px;
    opacity: 1;
    transition: 0.2s;
  }
}

@media (max-width: 360px) {
  .section-function li h3 {
    font-size: 16px;
  }
}

/*********************************/
/* MERIT */
/*********************************/
.section-merit .merit-list1 .accordion-list-ttl span::before {
  height: 52.16px;
  background: url(../img/point1.svg) no-repeat;
  background-size: contain;
}
.section-merit .merit-list1 .accordion-list-ttl span::after {
  width: 18px;
  height: 21px;
  background: url(../img/feature-icn1.svg) no-repeat;
  background-size: contain;
}
.section-merit .merit-list2 .accordion-list-ttl span::before {
  height: 53.92px;
  background: url(../img/point2.svg) no-repeat;
  background-size: contain;
}
.section-merit .merit-list2 .accordion-list-ttl span::after {
  width: 20px;
  height: 20px;
  background: url(../img/point-icn2.svg) no-repeat;
  background-size: contain;
}
.section-merit .merit-list3 .accordion-list-ttl span::before {
  height: 54.05px;
  background: url(../img/point3.svg) no-repeat;
  background-size: contain;
}
.section-merit .merit-list3 .accordion-list-ttl span::after {
  width: 25px;
  height: 17px;
  background: url(../img/point-icn3.svg) no-repeat;
  background-size: contain;
}
.section-merit .merit-list4 .accordion-list-ttl span::before {
  height: 54.22px;
  background: url(../img/point4.svg) no-repeat;
  background-size: contain;
}
.section-merit .merit-list4 .accordion-list-ttl span::after {
  width: 22px;
  height: 15px;
  background: url(../img/feature-icn5.svg) no-repeat;
  background-size: contain;
}
.section-merit .merit-list5 .accordion-list-ttl span::before {
  height: 53.99px;
  background: url(../img/point5.svg) no-repeat;
  background-size: contain;
}
.section-merit .merit-list5 .accordion-list-ttl span::after {
  width: 18px;
  height: 21px;
  background: url(../img/point-icn5.svg) no-repeat;
  background-size: contain;
}
.section-merit .merit-list6 .accordion-list-ttl span::before {
  height: 53.96px;
  background: url(../img/point6.svg) no-repeat;
  background-size: contain;
}
.section-merit .merit-list6 .accordion-list-ttl span::after {
  width: 19px;
  height: 23px;
  background: url(../img/point-icn6.svg) no-repeat;
  background-size: contain;
}
@media (max-width: 767px) {
  .accordion-lists {
    flex-direction: column;
  }
  .accordion-lists ul {
    width: 100%;
  }
  .accordion-list-ttl {
    font-size: 18px;
  }
}

/*********************************/
/* SERVICE */
/*********************************/
.section-service .service-list1 .accordion-list-ttl span::before {
  height: 68.33px;
  background: url(../img/service1.svg) no-repeat;
  background-size: contain;
}
.section-service .service-list1 .accordion-list-ttl span::after {
  width: 18px;
  height: 20px;
  background: url(../img/feature-icn6.svg) no-repeat;
  background-size: contain;
}
.section-service .service-list2 .accordion-list-ttl span::before {
  height: 70.1px;
  background: url(../img/service2.svg) no-repeat;
  background-size: contain;
}
.section-service .service-list2 .accordion-list-ttl span::after {
  width: 18px;
  height: 18px;
  background: url(../img/service-icn2.svg) no-repeat;
  background-size: contain;
}
.section-service .service-list3 .accordion-list-ttl span::before {
  height: 70.23px;
  background: url(../img/service3.svg) no-repeat;
  background-size: contain;
}
.section-service .service-list3 .accordion-list-ttl span::after {
  width: 18px;
  height: 22px;
  background: url(../img/feature-icn1.svg) no-repeat;
  background-size: contain;
}
.section-service .service-list4 .accordion-list-ttl span::before {
  height: 70.39px;
  background: url(../img/service4.svg) no-repeat;
  background-size: contain;
}
.section-service .service-list4 .accordion-list-ttl span::after {
  width: 18px;
  height: 19px;
  background: url(../img/service-icn4.svg) no-repeat;
  background-size: contain;
}
.section-service .service-list5 .accordion-list-ttl span::before {
  height: 70.16px;
  background: url(../img/service5.svg) no-repeat;
  background-size: contain;
}
.section-service .service-list5 .accordion-list-ttl span::after {
  width: 18px;
  height: 18px;
  background: url(../img/service-icn5.svg) no-repeat;
  background-size: contain;
}
.section-service .service-list6 .accordion-list-ttl span::before {
  height: 70.13px;
  background: url(../img/service6.svg) no-repeat;
  background-size: contain;
}
.section-service .service-list6 .accordion-list-ttl span::after {
  width: 18px;
  height: 18px;
  background: url(../img/service-icn6.svg) no-repeat;
  background-size: contain;
}
.section-service .service-list7 .accordion-list-ttl span::before {
  height: 70.08px;
  background: url(../img/service7.svg) no-repeat;
  background-size: contain;
}
.section-service .service-list7 .accordion-list-ttl span::after {
  width: 18px;
  height: 18px;
  background: url(../img/service-icn7.svg) no-repeat;
  background-size: contain;
}
.section-service .service-list8 .accordion-list-ttl span::before {
  height: 70.26px;
  background: url(../img/service8.svg) no-repeat;
  background-size: contain;
}
.section-service .service-list8 .accordion-list-ttl span::after {
  width: 18px;
  height: 18px;
  background: url(../img/service-icn8.svg) no-repeat;
  background-size: contain;
}
@media (max-width: 767px) {
  .section-service .accordion-lists h3 span::before {
    transform: translate(0, -50%) scale(0.9);
  }
  .section-service .accordion-list-content.active {
    margin-top: 20px;
  }
}

/*********************************/
/* REASON */
/*********************************/
.reason-content {
  margin-top: 64px;
}
.reason-column {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 20px;
}
.reason-column:nth-child(even) {
  flex-direction: row-reverse;
}
.reason-column h3 {
  position: relative;
  margin-bottom: 20px;
  color: #5083f5;
  font-weight: 700;
  font-size: 26px;
  line-height: 1.6;
}
.reason-column h3::before {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 85.21px;
  height: 58.71px;
  background: url(../img/reason-ttl.svg) no-repeat;
  background-size: contain;
  content: '';
}
.reason-column-txt {
  width: 52%;
  font-size: 16px;
  line-height: 2;
}
.reason-column-img {
  width: 40%;
}
.reason-column-img img {
  width: 100%;
  height: auto;
}
@media (max-width: 767px) {
  .reason-column,
  .reason-column:nth-child(even) {
    flex-direction: column-reverse;
    margin-top: 32px;
  }
  .reason-column-txt,
  .reason-column-img {
    width: 100%;
  }
  .reason-column-img {
    max-width: 284px;
  }
  .reason-content {
    margin-top: 26px;
  }
  .reason-column-txt {
    margin-top: 24px;
  }
  .reason-column h3::before {
    bottom: 10px;
    width: 58.36px;
    height: 40.21px;
  }
  .reason-column h3 {
    margin-bottom: 15px;
    font-size: 24px;
    line-height: 1.75;
  }
}

/*********************************/
/* CASE */
/*********************************/
.ma-case-slide {
  position: relative;
}
.ma-case-img {
  position: relative;
  cursor: pointer;
}
.ma-case-img img {
  width: 100%;
  height: auto;
}
.ma-case-img::after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 45.11px;
  height: 31.59px;
  background: url('../img/cases-play-btn.svg') center center / cover no-repeat;
  transform: translate(-50%, -50%);
  content: '';
}
.ma-case-content {
  padding: 50px 40px 40px;
  background-color: #f7f9ff;
}
.ma-case-name {
  margin-bottom: 10px;
  font-weight: 600;
  font-size: 14px;
  line-height: 2;
  text-align: center;
}
.ma-case-name span {
  font-size: 20px;
  line-height: 1.6;
}
.ma-case-txt {
  font-weight: 300;
  font-size: 14px;
  line-height: 2;
}

.ma-case-arrow {
  position: absolute;
  top: 50%;
  width: 16px;
  height: 16px;
}
.ma-case-arrow-l {
  left: -40px;
  border-top: 2px solid #102e80;
  border-left: 2px solid #102e80;
  transform: translateY(-50%) rotate(-45deg);
}
.ma-case-arrow-r {
  right: -40px;
  border-top: 2px solid #102e80;
  border-right: 2px solid #102e80;
  transform: translateY(-50%) rotate(45deg);
}
.client-ttl {
  margin: 80px auto 38px;
  font-weight: 700;
  font-size: 20px;
  text-align: center;
}
.client-logos {
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
  align-items: center;
  justify-content: space-between;
}
.client-logo:nth-child(1) {
  transition-delay: 0s !important;
}
.client-logo:nth-child(2) {
  transition-delay: 0.2s !important;
}
.client-logo:nth-child(3) {
  transition-delay: 0.4s !important;
}
.client-logo:nth-child(4) {
  transition-delay: 0.6s !important;
}
.client-logo:nth-child(5) {
  transition-delay: 0.8s !important;
}
.client-logo:nth-child(6) {
  transition-delay: 1s !important;
}
.client-logo:nth-child(7) {
  transition-delay: 1.2s !important;
}
.client-logo:nth-child(8) {
  transition-delay: 1.4s !important;
}
.client-logo:nth-child(9) {
  transition-delay: 1.6s !important;
}
.client-logo:nth-child(10) {
  transition-delay: 1.8s !important;
}
.client-logo:nth-child(11) {
  transition-delay: 2s !important;
}
.client-logo:nth-child(12) {
  transition-delay: 2.2s !important;
}
.client-logo:nth-child(13) {
  transition-delay: 2.4s !important;
}
.client-logo:nth-child(14) {
  transition-delay: 2.6s !important;
}
.client-logo:nth-child(15) {
  transition-delay: 2.8s !important;
}
.client-logo:nth-child(16) {
  transition-delay: 3s !important;
}
.client-logo:nth-child(17) {
  transition-delay: 3.2s !important;
}
.client-logo:nth-child(18) {
  transition-delay: 3.4s !important;
}
@media (min-width: 768px) {
  .glide__slides {
    justify-content: space-between;
  }
  .glide__slide {
    width: 32%;
    max-width: 320px;
  }
}
@media (max-width: 767px) {
  .client-logos {
    gap: 20px 10px;
  }
  .client-logos img {
    height: auto;
  }
  .logo-jal {
    width: 70.11px;
  }
  .logo-alpen {
    width: 92.92px;
  }
  .logo-zoff {
    width: 41.54px;
  }
  .logo-belmare {
    width: 26.88px;
  }
  .logo-cyberagent {
    width: 107.22px;
  }
  .logo-panasonic {
    width: 74.94px;
  }
  .logo-pasona {
    width: 95.37px;
  }
  .logo-newbalance {
    width: 48.12px;
  }
  .logo-timberland {
    width: 76.6px;
  }
  .logo-persol {
    width: 23.44px;
  }
  .logo-mandom {
    width: 35.06px;
  }
  .logo-gdo {
    width: 45.83px;
  }
  .logo-gree {
    width: 53.94px;
  }
  .logo-forval {
    width: 61.69px;
  }
  .logo-hanacupid {
    width: 55.52px;
  }
  .logo-minatoku {
    width: 24.81px;
  }
  .logo-whill {
    width: 38.54px;
  }
  .logo-nextengine {
    width: 34.7px;
  }
  .ma-case-content {
    padding: 30px 16px 24px;
  }
}

/*********************************/
/* FLOW */
/*********************************/
.section-flow {
  margin-top: 134px;
}
.ma-flow-content {
  padding-bottom: 50px;
  overflow: hidden;
}

.ma-flow-lists {
  position: relative;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}
.ma-flow-lists::after {
  position: absolute;
  top: 101px;
  left: 50%;
  z-index: -2;
  width: 1px;
  height: 950px;
  background-color: #ebebeb;
  content: '';
}

.ma-flow-list {
  position: relative;
  width: calc(50% - 80px);
  padding: 39px 39px 30px;
  background-color: #ffffff;
  box-shadow: 0px 16px 20px rgb(0 15 100 / 8%);
}
.ma-flow-list:nth-child(odd) {
  float: left;
}
.ma-flow-list:nth-child(even) {
  float: right;
  margin-left: 160px;
}
.ma-flow-list:nth-child(2) {
  margin-top: 50px;
}
.ma-flow-list:nth-child(n + 3) {
  margin-top: 24px;
}
.ma-flow-list::before {
  position: absolute;
  width: 104px;
  height: 64px;
  background-repeat: no-repeat;
  background-size: 100%;
  content: '';
}
.ma-flow-list:nth-child(1)::before {
  top: 93px;
  right: -112px;
  background-image: url('../img/flow-mail.svg');
}
.ma-flow-list:nth-child(2)::before {
  top: 138px;
  left: -112px;
  background-image: url('../img/flow-hearing.svg');
}
.ma-flow-list:nth-child(3)::before {
  top: 47px;
  right: -112px;
  background-image: url('../img/flow-proposal.svg');
}
.ma-flow-list:nth-child(4)::before {
  top: 93px;
  left: -112px;
  background-image: url('../img/flow-contract.svg');
}
.ma-flow-list:nth-child(5)::before {
  top: 33px;
  right: -112px;
  background-image: url('../img/flow-sitemap.svg');
}
.ma-flow-list:nth-child(6)::before {
  top: 80px;
  left: -112px;
  background-image: url('../img/flow-dev.svg');
}
.ma-flow-list:nth-child(7)::before {
  top: 17px;
  right: -112px;
  background-image: url('../img/flow-confirm.svg');
}
.ma-flow-list:nth-child(8)::before {
  top: 65px;
  left: -112px;
  width: 135px;
  height: 70px;
  background-image: url('../img/flow-comp.svg');
}
.ma-flow-list:nth-child(8)::after {
  position: absolute;
  top: 75px;
  left: -80px;
  z-index: -1;
  width: 1px;
  height: 100%;
  background-color: #ffffff;
  content: '';
}
.ma-flow-list-bottom {
  width: 100%;
}

.ma-flow-lead {
  display: flex;
  align-items: baseline;
}
.ma-flow-lead span {
  color: #5083f5;
  font-weight: 600;
}
.ma-flow-lead img {
  margin-right: 0;
  margin-left: 0;
}

.ma-flow-lead-title {
  margin-left: 5px;
  font-weight: 700;
  font-size: 17px;
  font-family: 'Noto Sans JP', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  line-height: 1.667;
}

.ma-flow-txt {
  margin-top: 6px;
  font-size: 14px;
  font-family: 'Noto Sans JP', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  line-height: 2;
  letter-spacing: 0.07em;
}
.ma-flow-txt a {
  text-decoration: underline;
}

@media (max-width: 767px) {
  .section-flow {
    margin-top: 50px;
  }
  .ma-flow-content {
    padding-right: 16px;
    padding-bottom: 40px;
    padding-left: 16px;
  }

  .ma-flow-lists::after {
    display: none;
  }

  .ma-flow-list {
    width: 100%;
    padding: 26px 24px 18px;
  }
  .ma-flow-list:nth-child(odd) {
    float: none;
  }
  .ma-flow-list:nth-child(even) {
    float: none;
    margin-left: 0;
  }
  .ma-flow-list:nth-child(2) {
    margin-top: 14px;
  }
  .ma-flow-list:nth-child(n + 3) {
    margin-top: 14px;
  }
  .ma-flow-list::before {
    display: none;
  }

  .ma-flow-list:nth-child(8)::after {
    display: none;
  }

  .ma-flow-lead {
    margin-bottom: 7px;
  }

  .ma-flow-lead-title {
    margin-top: 0;
    margin-left: 10px;
    font-size: 15px;
  }
}

/*********************************/
/* QA */
/*********************************/
.section-qa {
  margin: 120px 0 170px;
}
.ma-qa-list {
  margin-bottom: 8px;
}
.section-qa .accordion-list-ttl::before,
.section-qa .accordion-list-ttl::after {
  right: 32px;
}

.ma-qa-title {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 14px 32px;
  font-size: 16px;
  background-color: #f7f9ff;
}

.ma-qa-title-q {
  margin-right: 11px;
}

.ma-qa-title-txt {
  font-weight: 600;
}

.ma-qa-txt {
  display: flex;
  align-items: flex-start;
  padding-right: 5px;
  padding-left: 32px;
  font-weight: 300;
}
.ma-qa-txt.active {
  padding-top: 25px;
  padding-bottom: 20px;
}

.ma-qa-txt-a {
  margin-top: 8px;
  margin-right: 23px;
}

.ma-qa-txt-letter {
  line-height: 2;
}

@media (max-width: 767px) {
  .section-qa .innr-1000 {
    max-width: 100%;
  }
  .ma-qa-title {
    align-items: flex-start;
    padding: 17px 45px 17px 40px;
  }
  .ma-qa-title-q {
    position: absolute;
    top: 50%;
    left: 9px;
    width: 54.53px;
    transform: translate(0, -50%);
  }
  .section-qa .accordion-list-ttl::before,
  .section-qa .accordion-list-ttl::after {
    right: 16px;
  }
  .ma-qa-title-txt {
    z-index: 1;
  }
  .ma-qa-txt {
    padding: 0 30px 0 21px;
    font-size: 16px;
  }
  .ma-qa-txt.active {
    margin-top: 0;
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .ma-qa-txt-a {
    width: 15px;
    margin: 3px 7px 0 0;
  }
  .section-qa {
    margin: 10px 0 65px;
  }
}

@media (max-width: 360px) {
  .ma-qa-head {
    font-size: 22px;
  }
}