:root {
  --main: #0b2052;
  --sub: #1536c8;
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }
}

.heading-11 {
  color: #1a1a1a;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 28px;
  line-height: 1.3em;
}

.div-block-86 {
  width: 100%;
  height: 100%;
  padding: 0;
}

.button {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  background-color: var(--main);
  box-shadow: none;
  outline-offset: 0px;
  color: #fff;
  text-align: center;
  -webkit-text-fill-color: inherit;
  cursor: pointer;
  mix-blend-mode: normal;
  background-image: none;
  background-clip: border-box;
  border: 0 solid #0000;
  border-radius: 100rem;
  outline: 3px #fff;
  justify-content: center;
  align-items: center;
  width: 60%;
  margin-top: -8px;
  padding: 1em 1.5em;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.2;
  text-decoration: none;
  transition: border-color .2s, color .2s, background-color .2s cubic-bezier(.165, .84, .44, 1), box-shadow .2s;
  display: inline-flex;
}

.button:hover {
  box-shadow: none;
  color: #fff;
  background-color: #4d7fee;
  border-color: #0000;
}

.button:active {
  box-shadow: none;
  background-color: #1657e8;
}

.button:focus {
  outline-offset: 2px;
  outline: 2px solid #1657e8;
}

.button.secondary-button {
  opacity: 1;
  color: #000;
  background-color: #ddf2f8;
  background-image: none;
  border-color: #03319b;
  outline-color: #fff;
  box-shadow: inset 0 0 0 2px #000;
}

.button.secondary-button:hover {
  background-color: #0000;
  border-color: #0000;
  box-shadow: inset 0 0 0 1px #000;
}

.button.secondary-button:active {
  background-color: #0000;
  box-shadow: inset 0 0 0 2px #000;
}

.div-block-87 {
  margin-top: 60px;
  margin-bottom: 0;
}

.desktop-maximum-viewport-height-100 {
  justify-content: center;
  align-items: center;
  max-height: none;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.button-group {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  text-align: left;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-end;
  align-self: stretch;
  align-items: center;
  margin-top: 100px;
  margin-bottom: 40px;
  display: flex;
}

.heading-12 {
  color: #111;
}

.hiro {
  width: auto;
  margin-top: 60px;
  padding-left: 40px;
}

.section {
  color: #000;
  text-align: left;
  background-color: #0000;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  padding-top: .25rem;
  padding-bottom: 8rem;
  display: flex;
  position: static;
}

.utility-padding-all-0 {
  background-image: linear-gradient(#fffefe78, #fffefe78), url('../images/AI-roleplay.webp');
  background-position: 0 0, 0 0;
  background-size: auto, auto;
  margin-top: 80px;
  padding-top: 0;
  padding-bottom: 0;
}

.mobile-landscape-1-column.grid-gap-md {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  width: auto;
  margin: 20px 40px 10px;
}

.h4-heading {
  letter-spacing: -.01em;
  margin: 0;
  font-size: 24px;
  font-weight: 400;
  line-height: 35px;
}

.h4-heading.kekka {
  color: #021e5f;
  text-align: center;
  font-size: 1.5rem;
  font-weight: 600;
}

.flex-horizontal {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: row;
  display: flex;
}

.flex-horizontal.flex-vertical {
  flex-direction: column;
}

.flex-horizontal.flex-vertical.x-center {
  justify-content: flex-start;
  align-items: center;
}

.flex-horizontal.flex-vertical.x-center.utility-text-align-center {
  grid-column-gap: 23px;
  grid-row-gap: 23px;
  text-align: left;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
}

.div-block-71 {
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  margin-top: 60px;
  display: flex;
}

.bold-text-6 {
  text-align: left;
  font-size: 31px;
  font-weight: 400;
  line-height: 1.4em;
}

.image {
  object-fit: contain;
  border-radius: 1.25rem;
  width: 100%;
}

.image.cover-image {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.image.cover-image.utility-aspect-3x2.utility-margin-bottom-2rem {
  border-radius: 5px;
  width: 90%;
  height: auto;
}

.grid-layout {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  grid-auto-columns: 1fr;
  display: grid;
}

.grid-layout.tablet-1-column {
  display: none;
}

.container {
  text-align: left;
  justify-content: center;
  width: 95%;
  max-width: none;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  padding-left: 1rem;
  padding-right: 1rem;
  display: block;
}

.card-body {
  z-index: 1;
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  text-align: left;
  background-color: #fff;
  border: 2px solid #66666691;
  border-radius: 20px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  max-width: none;
  height: 100%;
  padding: 3rem;
  display: flex;
  position: relative;
  box-shadow: 1px 1px 4px #0003;
}

.card-body.gedan {
  box-shadow: none;
  background-color: #acacac0d;
}

.paragraph-sm {
  letter-spacing: 0;
  margin-bottom: 0;
  font-size: 1.5rem;
  line-height: 1.6em;
}

.paragraph-sm.utility-margin-bottom-2rem {
  margin-top: 10px;
  font-size: 18px;
  line-height: 30px;
}

.paragraph-9 {
  font-size: .88rem;
}

.desktop-6-column {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}

.desktop-6-column.tablet-4-column.mobile-landscape-2-column.grid-gap-sm {
  grid-column-gap: 19px;
  grid-row-gap: 19px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  margin-top: 60px;
}

.desktop-6-column.tablet-4-column.mobile-landscape-2-column.grid-gap-sm.sales {
  grid-template-columns: 1fr 1fr;
}

.div-block-88 {
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  margin: 20px;
  display: flex;
}

.image-2 {
  object-fit: contain;
  border-radius: 1.25rem;
  width: 100%;
}

.image-2.cover-image {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.image-2.cover-image.utility-aspect-16x9 {
  width: 60%;
}

.card {
  z-index: 0;
  color: #000;
  text-align: left;
  background-color: #fff;
  background-image: none;
  border: 1px solid #c6f1ff;
  border-radius: 1.25rem;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  width: 60%;
  min-height: 450px;
  list-style-type: none;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 1px 1px 6px 1px #0003;
}

.card.kyoutyo {
  background-color: #f4f8ff;
  border-width: 1px;
}

.div-block-89 {
  display: flex;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  margin-top: 40px;
}

/* これを media の中に入れる */
@media screen and (max-width: 991px){
  .div-block-89 {
    flex-flow: column;
  }
}


.div-block-90 {
  width: 45%;
}

.div-block-91 {
  width: 40%;
}

.div-block-72 {
  margin-top: 0;
  display: none;
}

.paragraph-13 {
  font-size: 1.4rem;
}

.text-block-14 {
  text-align: center;
  margin-top: 0;
  font-size: 1.52rem;
  line-height: 2.87rem;
}

.flex-horizontal-2 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: row;
  display: flex;
}

.flex-horizontal-2.y-center {
  align-items: center;
}

.flex-horizontal-2.y-center.utility-height-100 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.heading-8 {
  text-align: center;
}

.h1-heading {
  text-align: center;
  letter-spacing: -.01em;
  text-wrap: balance;
  width: auto;
  margin-top: 0;
  margin-bottom: .3em;
  font-size: 4rem;
  font-weight: 400;
  line-height: 1.04em;
}

.div-block-27 {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  margin-top: 0;
  display: none;
}

.title {
  background-color: #1657e81a;
  border-radius: 3px;
  flex-flow: row;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  width: 400px;
  height: 50px;
  min-height: auto;
  padding: 0;
  display: flex;
}

.image-26 {
  width: 40%;
}

.heading-10 {
  color: #021e5f;
  text-align: center;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 600;
  display: block;
}

.grid-gap-xxl {
  grid-column-gap: 6rem;
  grid-row-gap: 6rem;
  text-align: left;
  flex-flow: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: stretch;
  margin-left: 0;
  margin-right: 0;
  display: flex;
}

.subheading {
  color: #333;
  text-align: center;
  letter-spacing: 0;
  width: 100%;
  margin-bottom: 2rem;
  margin-right: 0;
  padding-right: 30px;
  font-size: 20px;
  line-height: 45px;
}

.container-2 {
  text-align: left;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: none;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  padding-left: 1rem;
  padding-right: 1rem;
  display: flex;
}

.div-block-74 {
  display: flex;
}

.div-block-78 {
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.div-block-48 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  text-align: left;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  margin-bottom: 0;
  display: flex;
}

.div-block-77 {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-block-70 {
  width: 95%;
}

.div-block-46 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 85%;
  margin-top: 40px;
  margin-bottom: 20px;
  display: flex;
}

.text-block-13 {
  text-align: left;
  margin-left: 10px;
  margin-right: 10px;
  font-family: Open Sans, sans-serif;
  font-size: 22px;
  font-weight: 400;
  line-height: 30px;
  position: static;
}

.div-block-76 {
  width: 50px;
}

.div-block-76.kikan {
  width: 10%;
}

.div-block-76.card-tag {
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 28px;
  display: flex;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.text-block-15 {
  text-align: center;
}

.div-block-75 {
  justify-content: center;
  align-items: center;
  margin: 0;
  padding: 36px 0 0;
  display: flex;
  position: relative;
}

.image-27 {
  width: 100%;
}

.div-block-53 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 0;
  display: flex;
}

.div-block-50 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-block-73 {
  display: flex;
}

.div-block-69 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  text-align: left;
  border-top-left-radius: 10px;
  border-bottom-right-radius: 10px;
  flex-flow: column;
  justify-content: space-around;
  align-items: center;
  width: 50%;
  height: 498.383px;
  margin-left: 10px;
  margin-right: 10px;
  padding: 10px;
  display: flex;
  box-shadow: 2px 2px 5px #0003;
}

.div-block-69.top {
  border: 1px solid #0000004d;
  border-radius: 5px;
  justify-content: space-between;
  align-items: center;
  height: 400px;
}

.div-block-69.top.kikann {
  background-color: #83e0ff59;
  border-radius: 0;
  width: 100%;
  height: auto;
}

.div-block-69.gedan {
  border: 1px solid #0000003d;
  border-radius: 1px;
  justify-content: space-around;
  width: 35%;
  height: auto;
  margin-left: 0;
  margin-right: 0;
  box-shadow: 1px 1px 5px #0003;
}

.div-block-51 {
  text-align: center;
  width: auto;
  margin-top: 0;
}

.heading-9 {
  text-align: left;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Open Sans, sans-serif;
}

.h2-heading {
  text-align: center;
  letter-spacing: -.01em;
  text-wrap: balance;
  margin: 10px;
  font-size: 2.37rem;
  font-weight: 700;
  line-height: 1.3em;
}

.h2-heading.ao {
  color: var(--main);
}

.heading-13 {
  text-align: center;
  margin-bottom: 40px;
}

.button-2 {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  background-color: var(--main);
  box-shadow: none;
  outline-offset: 0px;
  color: #fff;
  text-align: center;
  cursor: pointer;
  mix-blend-mode: normal;
  background-image: none;
  border: 0 solid #0000;
  border-radius: 100rem;
  outline: 3px #fff;
  justify-content: center;
  align-items: center;
  width: 60%;
  margin-top: -8px;
  padding: 1em 1.5em;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.2;
  text-decoration: none;
  transition: border-color .2s, color .2s, background-color .2s cubic-bezier(.165, .84, .44, 1), box-shadow .2s;
  display: inline-flex;
}

.button-2:hover {
  box-shadow: none;
  color: #fff;
  background-color: #4d7fee;
  border-color: #0000;
}

.button-2:active {
  box-shadow: none;
  background-color: #1657e8;
}

.button-2:focus {
  outline-offset: 2px;
  outline: 2px solid #1657e8;
}

.button-2.secondary-button {
  opacity: 1;
  color: #000;
  background-color: #ddf2f8;
  background-image: none;
  border-color: #03319b;
  outline-color: #fff;
  box-shadow: inset 0 0 0 2px #000;
}

.button-2.secondary-button:hover {
  background-color: #0000;
  border-color: #0000;
  box-shadow: inset 0 0 0 1px #000;
}

.button-2.secondary-button:active {
  background-color: #0000;
  box-shadow: inset 0 0 0 2px #000;
}

.button-group-2 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  text-align: left;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-end;
  align-self: stretch;
  align-items: center;
  margin-top: 60px;
  display: flex;
}

.utility-padding-all-0 {
  background-image: linear-gradient(#ffffff54, #ffffff54), url('../images/AI-roleplay.webp');
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

.container-3 {
  text-align: left;
  justify-content: center;
  width: 100%;
  max-width: none;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  padding-left: 1rem;
  padding-right: 1rem;
  display: block;
}

.div-block-92 {
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 20px;
  display: flex;
}

.div-block-9 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: var(--sub);
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 80px;
  padding-top: 4px;
  padding-bottom: 4px;
  display: flex;
}

.div-block-10 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: center;
  align-items: center;
  margin-top: 8px;
  margin-bottom: 8px;
  display: flex;
}

.button-text {
  color: #fff;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
  font-family: Open Sans, sans-serif;
  font-size: 22px;
  font-weight: 600;
  -webkit-text-decoration: none;
  text-decoration: none;
}

.button-link-mail {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: var(--sub);
  border-radius: 40px;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 16px 24px;
  text-decoration: none;
  display: flex;
  box-shadow: 8px 8px 8px #0003;
}

.button-link-mail:hover {
  box-shadow: none;
}

.button-div-push {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 80%;
  padding-left: 0;
  display: flex;
}

.button-link-mail1 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  background-color: var(--main);
  border-radius: 40px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 71.9219px;
  padding: 16px 24px;
  text-decoration: none;
  display: flex;
  box-shadow: 8px 8px 6px #0003;
}

.button-link-mail1:hover {
  box-shadow: none;
}

.heading-3 {
  color: #fff;
}

.div-button-mix {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 80%;
  margin-top: 0;
  display: flex;
}

.button-div-call {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  width: 80%;
  display: flex;
}

.text-button-top {
  color: #000;
  background-color: #ffffff4d;
  padding: 8px;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  font-weight: 600;
}

.image-15 {
  width: 8%;
  overflow: visible;
}

.image-15.one {
  width: 6%;
}

.section-chatbot {
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  margin-top: 140px;
  margin-bottom: 60px;
  display: flex;
}

.container-4 {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
}

.footer-wrapper {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.social-footer-link {
  margin-left: 20px;
  transition: all .3s;
}

.social-footer-link:hover {
  opacity: .7;
}

.small {
  margin-bottom: 10px;
  font-size: 10px;
}

.small.footer-small {
  font-size: 12px;
}

.div-block-93 {
  display: none;
}

.footer {
  background-color: #2e398b;
  padding-top: 65px;
  padding-bottom: 10px;
}

.footer-bottom-wrapper {
  color: #f9f9f9;
  text-align: center;
  margin-top: 55px;
}

.paragraph-14 {
  font-size: 20px;
  line-height: 35px;
}

.text-block-16 {
  font-size: 32px;
  line-height: 38px;
}

.paragraph-15 {
  font-size: 18px;
}

.div-block-101 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: wrap;
  justify-content: center;
  align-items: stretch;
  display: flex;
}

.div-block-102 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  border: 1px solid #7c7c7c;
  border-radius: 5px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-top: 4px;
  padding: 28px 10px;
  display: flex;
  box-shadow: 0 1px 2px #0003;
}

.image-6 {
  width: 8%;
  max-width: 8%;
}

.text-block-21 {
  margin-top: 10px;
  padding: 0;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
}

.div-block-103, .div-block-104, .div-block-105, .div-block-106 {
  margin-left: 10px;
}

.paragraph-16 {
  color: #000000b0;
}

.text-block-22 {
  font-size: 24px;
  line-height: 40px;
}

.text-block-23 {
  color: #111010;
  font-size: 20px;
}

.cover-image.utility-aspect-16x9 {
  max-height: 185px;
}

.div-block-107 {
  justify-content: center;
  align-items: flex-start;
  width: 65%;
  display: flex;
}

.div-block-108, .container-5 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.grid {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

.container-6 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.div-block-109 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: flex-start;
  width: 90%;
  display: flex;
  position: relative;
}

.div-block-110 {
  background-color: var(--main);
  text-align: center;
  border-radius: 20px;
  width: 15%;
  margin-top: 10px;
  padding-top: 0;
  padding-bottom: 0;
}

.text-block-24 {
  color: #fff;
  border-radius: 20px;
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 18px;
}

.div-block-111 {
  background-color: #c6f1ffcf;
  border-radius: 5px;
  width: 55%;
  padding: 10px 20px;
}

.div-block-112 {
  background-color: var(--main);
  border-radius: 20px;
  width: 60%;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 10px 20px;
}

.text-block-25 {
  color: #fff;
  text-align: center;
}

.image-28 {
  width: 35%;
  margin-bottom: 10px;
}

.div-block-113 {
  z-index: 1;
  justify-content: center;
  align-items: center;
  width: 70px;
  display: flex;
  position: absolute;
  top: 45%;
  left: 30%;
}

.image29 {
  width: 100%;
  max-width: none;
}

.div-block-114 {
  z-index: 1;
  justify-content: center;
  align-items: center;
  width: 70px;
  display: flex;
  position: absolute;
  top: 45%;
  left: 63%;
}

.heading-14, .heading-15 {
  text-align: center;
}

.button-link-mail-2 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: #2715c8;
  border-radius: 40px;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 16px 24px;
  text-decoration: none;
  display: flex;
  box-shadow: 8px 8px 8px #0003;
}

.button-link-mail-2:hover {
  box-shadow: none;
}

.image-29 {
  width: 8%;
  overflow: visible;
}

.div-block-115 {
  margin-top: 0;
}

.div-block-116 {
  width: 100%;
  margin-top: 40px;
}

.text-span, .text-span-2 {
  color: var(--main);
}

.container-7 {
  text-align: left;
  flex: 0 auto;
}

.utility-margin-bottom-0 {
  margin-bottom: 0;
}

.ix-nav-cover {
  pointer-events: none;
  transform-origin: 50% 100%;
  transform-style: preserve-3d;
  background-color: #1657e8;
  height: 100%;
  position: absolute;
  inset: 0% 0% auto;
  transform: scale3d(1, 0, 1);
}

.nav-logo-icon {
  aspect-ratio: 1;
  flex: none;
  height: 100%;
}

.button-3 {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  box-shadow: none;
  outline-offset: 0px;
  color: #fff;
  text-align: center;
  cursor: pointer;
  mix-blend-mode: normal;
  background-color: #03319b;
  background-image: none;
  border: 0 solid #0000;
  border-radius: 100rem;
  outline: 3px #fff;
  justify-content: center;
  align-items: center;
  width: 60%;
  margin-top: -8px;
  padding: 1em 1.5em;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.2;
  text-decoration: none;
  transition: border-color .2s, color .2s, background-color .2s cubic-bezier(.165, .84, .44, 1), box-shadow .2s;
  display: inline-flex;
}

.button-3:hover {
  box-shadow: none;
  color: #fff;
  background-color: #4d7fee;
  border-color: #0000;
}

.button-3:active {
  box-shadow: none;
  background-color: #1657e8;
}

.button-3:focus {
  outline-offset: 2px;
  outline: 2px solid #1657e8;
}

.button-3.primary-button-on-accent-secondary {
  box-shadow: none;
  color: #000;
  background-color: #021e5f;
  background-image: none;
}

.button-3.primary-button-on-accent-secondary:hover {
  box-shadow: none;
  color: #000;
  background-color: #fafafab3;
}

.button-3.primary-button-on-accent-secondary:active {
  box-shadow: none;
  background-color: #021e5f;
}

.flex-horizontal-3 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: row;
  display: flex;
}

.flex-horizontal-3.flex-gap-xs {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
}

.nav-logo {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  color: inherit;
  justify-content: flex-start;
  align-items: center;
  height: 2.5rem;
  text-decoration: none;
  display: flex;
}

.nav-logo:hover {
  color: color-mix(in srgb, currentColor 80%, transparent);
}

.utility-margin-bottom-1rem {
  margin-bottom: 1rem;
  padding-left: 10px;
  padding-right: 10px;
}

.link {
  display: block;
  overflow: visible;
}

.link.header-hide-contact {
  display: none;
}

.utility-margin-top-auto {
  margin-top: auto;
}

.button-group-3 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  text-align: left;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-end;
  align-self: stretch;
  align-items: center;
  margin-top: 60px;
  display: flex;
}

.nav-mobile-menu-button {
  color: inherit;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  padding: .5rem;
}

.nav-mobile-menu-button:hover {
  color: inherit;
}

.nav-mobile-menu-button.w--open {
  z-index: 2;
  background-color: #0000;
}

.nav-mobile-menu-button.w--open:hover {
  color: #3a78ff99;
}

.nav-mobile-menu-button.fixed-open-nav.w--open {
  color: #fafafa99;
  position: fixed;
}

.nav-mobile-menu-button-wrapper {
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 3rem;
  display: flex;
  position: relative;
}

.nav-left {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.paragraph-lg {
  letter-spacing: 0;
  margin-bottom: 0;
  font-size: 1.3rem;
  line-height: 1.6em;
}

.nav-right {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex: 1;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.text-link {
  color: #1657e8;
  text-decoration: underline;
  -webkit-text-decoration-color: color-mix(in srgb, currentColor 30%, transparent);
  text-decoration-color: color-mix(in srgb, currentColor 30%, transparent);
  font-weight: 400;
  display: inline;
}

.text-link:hover {
  color: #1657e899;
  text-decoration: underline;
  -webkit-text-decoration-color: color-mix(in srgb, currentColor 100%, transparent);
  text-decoration-color: color-mix(in srgb, currentColor 100%, transparent);
}

.text-link.inverse-text-link {
  color: #3a78ff;
  text-decoration: underline;
  -webkit-text-decoration-color: color-mix(in srgb, currentColor 30%, transparent);
  text-decoration-color: color-mix(in srgb, currentColor 30%, transparent);
}

.text-link.text-link-on-accent-secondary {
  color: inherit;
}

.text-link.text-link-on-accent-secondary:hover {
  opacity: .6;
  color: inherit;
}

.text-button {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  color: #1657e8;
  border: 1px solid #0000;
  border-radius: 100rem;
  justify-content: flex-start;
  align-items: center;
  font-size: 1rem;
  font-weight: 400;
  text-decoration: none;
  transition: all .2s ease-in-out;
  display: inline-flex;
}

.text-button:hover {
  grid-column-gap: .7em;
  grid-row-gap: .7em;
  color: #4d7fee;
}

.text-button.secondary-text-button {
  color: inherit;
  transition-property: opacity, color;
  transition-duration: .3s, .3s;
  transition-timing-function: ease-in-out, ease-in-out;
}

.text-button.secondary-text-button:hover {
  opacity: .6;
}

.text-button.text-button-on-accent-secondary, .text-button.text-button-on-accent-secondary:hover {
  color: inherit;
}

.utility-text-inverse-secondary {
  color: color-mix(in srgb, currentColor 70%, transparent);
}

.nav-menu-full-page {
  z-index: 1;
  text-align: left;
  justify-content: center;
  align-self: center;
  align-items: center;
  height: 100dvh;
  margin-bottom: 0;
  display: flex;
  position: fixed;
  inset: 0%;
}

.icon-medium {
  color: #1657e8;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
}

.grid-layout-2 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  grid-auto-columns: 1fr;
  display: grid;
}

.grid-layout-2.desktop-1-column {
  grid-template-columns: 1fr;
}

.nav-container {
  background-color: #ddd0;
  border-bottom-right-radius: 1.25rem;
  border-bottom-left-radius: 1.25rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  width: 100%;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  padding: .75rem 1rem;
  display: flex;
}

.nav-container.utility-margin-bottom-2rem {
  justify-content: flex-end;
  align-items: flex-start;
}

.flex-vertical {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  display: flex;
}

.flex-vertical.space-between {
  justify-content: space-between;
  align-items: stretch;
}

.flex-vertical.flex-gap-xs {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: wrap;
  width: auto;
  display: block;
}

.nav-menu-list-item {
  display: flex;
  margin-bottom: 0 !important;
}

.image-30 {
  width: 100px;
}

.nav {
  z-index: 99;
  color: #000;
  background-color: #fff0;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  font-size: 1rem;
  display: flex;
  position: relative;
}

.nav.accent-secondary-nav {
  color: #fff;
  background-color: #efeeeb;
}

.nav-menu-item {
  opacity: .6;
  color: Inherit;
  line-height: 1.1em;
  text-decoration: none;
  transition-property: opacity, padding;
  transition-duration: .3s, .3s;
  transition-timing-function: ease, ease-in-out;
}

.utility-container-cqw {
  container-type: inline-size;
}

.hero-section {
  background-image: linear-gradient(360deg, #222, #2220), url('../images/仙台都市開発WEB.webp');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  min-height: 550px;
}

.hero-section.about-hero {
  background-image: linear-gradient(#ffffff80, #ffffff80), url('../images/AI-roleplay.webp');
  background-position: 0 0, 65%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  background-attachment: scroll, scroll;
  min-height: auto;
}

.container-8 {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
}

.hero-wrapper {
  text-align: left;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 550px;
  display: flex;
}

.container-9 {
  width: 80%;
  max-width: none;
}

.div-block-82 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.brand-3 {
  width: 30%;
  text-decoration: underline;
  position: relative;
  overflow: visible;
}

.heading-18 {
  color: #000;
  margin-top: auto;
  margin-left: 77px;
}

.container-10 {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
}

.container-11 {
  width: 80%;
  max-width: none;
}

.div-block-117 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.heading-19 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 77px;
  font-size: 30px;
  line-height: 45px;
}

.company-info-label {
  border-bottom: 0 #000;
}

.company-info-value {
  border-top: 1px #000;
  border-bottom: 1px solid #fff;
}

.company-info-value.black {
  border-bottom-color: #000;
}

.utility-width-60 {
  width: 60%;
}

.div-block-84 {
  text-align: left;
  width: 579px;
  min-width: auto;
  margin: 60px auto 88px;
  position: relative;
}

.container-12 {
  text-align: left;
  justify-content: center;
  width: 100%;
  max-width: none;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  padding-left: 1rem;
  padding-right: 1rem;
  display: block;
}

.heading-20 {
  text-align: center;
  font-size: 2.37rem;
}

.company-info-grid {
  grid-template-rows: auto auto auto auto auto auto auto;
  grid-template-columns: .5fr 1.75fr;
  grid-auto-columns: 1fr;
  font-size: 16px;
  line-height: 25px;
}

.div-block-80 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 80%;
  display: flex;
}

.text-block-26 {
  text-align: left;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  font-weight: 400;
}

.base-div-block {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 80%;
  margin-top: 24px;
  margin-bottom: 24px;
  display: flex;
}

.heading-21 {
  color: #000;
  margin-top: auto;
  margin-left: 77px;
}

.main-title-div-5 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  margin-top: 40px;
  margin-bottom: 16px;
  display: flex;
}

.cecure-main-div {
  flex-flow: column;
  width: 100%;
  display: flex;
}

.heading6 {
  margin-top: 60px;
  margin-bottom: 0;
}

.container-13 {
  width: 80%;
  max-width: none;
}

.main-text {
  text-align: center;
  font-size: 16px;
}

.main-title-sub-div-5 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: column;
  margin-top: 16px;
  margin-bottom: 16px;
  display: flex;
}

.div-block-66 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: wrap;
  justify-content: space-around;
  align-items: flex-start;
  display: flex;
}

.section-9 {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-block-118 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.container-14 {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
}

.heading-22 {
  text-align: center;
  font-size: 2.37rem;
}

.paragraph-11 {
  margin-top: 40px;
  font-size: 24px;
  line-height: 35px;
}

.paragraph-sm-2 {
  letter-spacing: 0;
  margin-bottom: 0;
  font-size: 1.5rem;
  line-height: 1.6em;
}

.paragraph-sm-2.utility-text-secondary.utility-margin-bottom-0 {
  color: #000;
  text-align: left;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 70%;
  font-size: .88rem;
  display: flex;
}

.compny-section {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-block-85 {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 80%;
  display: flex;
}

.flex-horizontal-4 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: row;
  display: flex;
}

.flex-horizontal-4.x-center {
  justify-content: center;
}

.avatar {
  object-fit: cover;
  background-color: #efeeeb;
  border-radius: 100rem;
  width: 4rem;
  height: 4rem;
  position: relative;
  overflow: hidden;
}

.avatar.large-avatar {
  width: 5rem;
  height: 5rem;
}

.paragraph-12 {
  text-align: left;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 70%;
  font-size: .88rem;
  display: block;
}

.h5-heading {
  letter-spacing: 0;
  margin-top: 0;
  margin-bottom: .7em;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.3em;
}

.h5-heading.utility-margin-bottom-0-5rem {
  font-size: 1.2rem;
}

.cover-image-2 {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.desktop-3-column {
  grid-template-columns: 1fr 1fr 1fr;
}

.desktop-3-column.tablet-2-column.mobile-portrait-1-column.grid-gap-md {
  grid-template-columns: 1fr 1fr;
  width: 80%;
  margin-top: 40px;
  margin-bottom: 60px;
}

.utility-text-align-center {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding: 20px;
  display: flex;
}

.heading-23 {
  text-align: center;
  font-size: 2.37rem;
}

.container-15 {
  text-align: left;
  flex: 0 auto;
  padding-left: 10px;
  padding-right: 10px;
}

.flex-horizontal-5 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: row;
  display: flex;
}

.flex-horizontal-5.x-space-between {
  justify-content: space-between;
}

.flex-horizontal-5.x-space-between.tablet-flex-vertical.tablet-flex-x-center.flex-gap-sm {
  text-align: center;
  justify-content: center;
  align-items: flex-end;
  margin-top: 20px;
  margin-bottom: -40px;
  font-size: 14px;
  display: block;
}

.footer-2 {
  color: #000;
  background-color: #021e5f;
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.footer-2.inverse-footer {
  color: #fafafa;
  background-color: #000;
  padding-bottom: 0;
}

.logo {
  grid-column-gap: .7rem;
  grid-row-gap: .7rem;
  color: inherit;
  justify-content: flex-start;
  align-self: flex-start;
  align-items: center;
  height: 2.5rem;
  text-decoration: none;
  display: flex;
}

.logo:hover {
  color: color-mix(in srgb, currentColor 80%, transparent);
}

.grid-layout-3 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  grid-auto-columns: 1fr;
  display: grid;
}

.utility-text-secondary {
  color: color-mix(in srgb, currentColor 60%, transparent);
  font-size: 18px;
  line-height: 30px;
}

.utility-max-width-lg {
  flex-flow: wrap;
  flex: 0 auto;
  justify-content: space-around;
  width: auto;
  max-width: none;
  display: block;
  overflow: visible;
}

.container-16 {
  text-align: left;
  flex: 0 auto;
}

.container-16.full-width-container {
  color: #000;
  flex: 0 auto;
  width: 60%;
  max-width: none;
  margin-top: 100px;
}

.text-field {
  border: 1px solid #03319b;
  height: auto;
  min-height: 55px;
}

.text-field.honbun {
  text-align: left;
  border: 1px solid #03319b;
  height: 70px;
  text-decoration: none;
}

.section-10 {
  color: #000;
  text-align: left;
  background-color: #fafafa;
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  margin-top: 0;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  position: static;
}

.section-10.desktop-maximum-viewport-height-100 {
  justify-content: center;
  align-items: center;
  max-height: none;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.section-10.desktop-maximum-viewport-height-100.utility-overflow-hidden.flex-horizontal {
  background-color: #0000;
  background-image: linear-gradient(#ffffff80, #ffffff80), url('../images/AI-roleplay.webp');
  background-position: 0 0, 50%;
  background-size: auto, contain;
  background-attachment: scroll, scroll;
  justify-content: flex-start;
  align-items: center;
  max-height: none;
  margin: auto;
  padding: 2rem 0;
}

.section-10.desktop-maximum-viewport-height-100.utility-overflow-hidden.flex-horizontal.y-center {
  background-image: linear-gradient(#fffdfd80, #fffdfd80), url('../images/AI-roleplay.webp');
  background-size: auto, cover;
}

.div-block-79 {
  font-size: .75rem;
}

.text-field-4 {
  border: 1px solid #03319b;
}

.form-block {
  width: 80%;
  margin-left: 0;
  margin-right: 0;
  display: block;
}

.text-field-3 {
  border: 1px solid #03319b;
}

.form {
  width: 95%;
  margin-right: 0;
  overflow: visible;
}

.text-field-2 {
  text-shadow: 0 1px 1px #0003;
  border: 1px solid #03319b;
}

.grid-2 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #fffdfdd1;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.h1-heading-2 {
  text-align: center;
  letter-spacing: -.01em;
  text-wrap: balance;
  width: auto;
  margin-top: 0;
  margin-bottom: .3em;
  font-size: 30px;
  font-weight: 400;
  line-height: 34px;
}

.container-17 {
  text-align: left;
  flex: 0 auto;
}

.container-17.full-width-container {
  color: #000;
  flex: 0 auto;
  width: 60%;
  max-width: none;
  margin-top: 100px;
}

.text-field-5 {
  border: 1px solid #03319b;
}

.utility-max-width-lg-2 {
  flex-flow: wrap;
  flex: 0 auto;
  justify-content: space-around;
  width: auto;
  max-width: none;
  display: block;
  overflow: visible;
}

.section-11 {
  color: #000;
  text-align: left;
  background-color: #fafafa;
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  margin-top: 0;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  position: static;
}

.section-11.desktop-maximum-viewport-height-100 {
  justify-content: center;
  align-items: center;
  max-height: none;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.section-11.desktop-maximum-viewport-height-100.utility-overflow-hidden.flex-horizontal {
  background-color: #0000;
  background-image: linear-gradient(#ffffff80, #ffffff80), url('../images/AI-roleplay.webp');
  background-position: 0 0, 50%;
  background-size: auto, contain;
  background-attachment: scroll, scroll;
  justify-content: flex-start;
  align-items: center;
  max-height: none;
  margin: auto;
  padding: 2rem 0;
}

.section-11.desktop-maximum-viewport-height-100.utility-overflow-hidden.flex-horizontal.y-center {
  background-image: linear-gradient(to bottom, null, null), url('../images/AI-roleplay.webp');
  background-size: auto, cover;
}

.text-field-6 {
  text-shadow: 0 1px 1px #0003;
  border: 1px solid #03319b;
}

.heading-4 {
  text-align: center;
  background-color: #000000ed;
}

.bold-text-2 {
  color: #fafafa;
}

.paragraph-4 {
  margin-left: 50px;
  margin-right: 50px;
}

.button-4 {
  background-color: var(--main);
  text-align: center;
  border-radius: 20px;
  width: 60%;
  margin-top: 10px;
  margin-bottom: 10px;
}

.div-block-119 {
  margin-top: 40px;
}

.footer-3 {
  color: #000;
  background-color: #021e5f;
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.footer-3.inverse-footer {
  color: #fafafa;
  background-color: #000;
}

.grid-layout-4 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  grid-auto-columns: 1fr;
  display: grid;
}

.flex-horizontal-6 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: row;
  display: flex;
}

.flex-horizontal-6.x-space-between {
  justify-content: space-between;
}

.container-18 {
  text-align: left;
  flex: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
}

.utility-text-secondary-2 {
  color: color-mix(in srgb, currentColor 60%, transparent);
  font-size: 1.25rem;
}

.logo-2 {
  grid-column-gap: .7rem;
  grid-row-gap: .7rem;
  color: inherit;
  justify-content: flex-start;
  align-self: flex-start;
  align-items: center;
  height: 2.5rem;
  text-decoration: none;
  display: flex;
}

.logo-2:hover {
  color: color-mix(in srgb, currentColor 80%, transparent);
}

.text-block-27 {
  padding-bottom: 20px;
  font-size: 24px;
  line-height: 34px;
}

.text-block-28 {
  font-size: 12px;
}

.paragraph-17 {
  color: #363636;
  font-size: 12px;
}

.text-block-29 {
  color: #9b9b9b;
  font-size: 12px;
}

.div-block-120 {
  text-align: center;
  padding: 20px;
}

.brand {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding-top: 10px;
  display: flex;
}

.image-3 {
  max-width: 70px;
}

.nav-menu-2 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.link-block {
  background-color: #e32020;
  border-radius: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 6px 12px;
  text-decoration: none;
}

.bold-text {
  color: #fff;
  text-decoration: none;
}

.navbar {
  z-index: 999;
  background-color: #eef3ff;
  height: 80px;
  position: fixed;
  inset: 0% 0% auto;
}

.image-31 {
  max-width: 70px;
}

.bold-text-8 {
  color: #fff;
  text-decoration: none;
}

.container-19 {
  display: flex;
}

.text-block-30 {
  font-size: 16px;
}

@media screen and (min-width: 1280px) {
  .text-block-22 {
    font-size: 22px;
    line-height: 33px;
  }

  .hero-section.about-hero {
    min-height: auto;
  }

  .company-info-grid, .text-block-26 {
    font-size: 16px;
    line-height: 25px;
  }

  .text-block-29 {
    color: #7a7a7a;
    font-size: 12px;
  }

  .div-block-120 {
    text-align: center;
  }
}

@media screen and (min-width: 1440px) {
  .div-block-48 {
    margin-bottom: 0;
  }

  .div-block-46 {
    font-size: 17px;
    line-height: 25px;
  }

  .div-block-53 {
    margin-top: 40px;
  }

  .div-block-69.top {
    height: 550px;
  }

  .hero-section.about-hero {
    min-height: auto;
  }

  .div-block-82 {
    justify-content: center;
    align-items: center;
    padding-top: 40px;
  }

  .heading-18 {
    padding-left: 50px;
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 35px;
  }

  .div-block-117 {
    justify-content: center;
    align-items: center;
    padding-top: 40px;
  }

  .heading-19 {
    padding-left: 50px;
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 35px;
  }

  .company-info-label {
    border-bottom-style: none;
    border-bottom-width: 0;
    margin-bottom: 20px;
    font-size: 1.5rem;
    line-height: 22px;
  }

  .company-info-value {
    padding-bottom: 20px;
  }

  .company-info-value.black {
    font-size: 1.5rem;
  }

  .div-block-84 {
    width: 70%;
    min-width: 0;
  }

  .company-info-grid {
    grid-column-gap: 22px;
    grid-row-gap: 22px;
    grid-template-rows: auto auto auto auto auto auto auto;
    grid-template-columns: 1fr 3fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: row;
    width: 100%;
    min-width: 100%;
    font-size: 1.3rem;
    display: grid;
  }

  .text-block-26 {
    font-size: 18px;
    line-height: 25px;
  }

  .heading-21 {
    padding-left: 50px;
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 35px;
  }

  .main-text {
    font-size: 18px;
    line-height: 25px;
  }

  .div-block-118 {
    justify-content: center;
    align-items: center;
    padding-top: 40px;
  }

  .compny-section {
    font-size: 1.8rem;
  }
}

@media screen and (max-width: 991px) {
  .heading-12 {
    width: auto;
  }

  .section {
    padding-top: 7rem;
    padding-bottom: 7rem;
  }

  .mobile-landscape-1-column.grid-gap-md {
    grid-template-columns: minmax(0, 1fr);
  }

  .h4-heading {
    font-size: 1.2rem;
  }

  .flex-horizontal {
    flex-flow: wrap;
  }

  .grid-layout.tablet-1-column {
    grid-template-columns: 1fr;
  }

  .container {
    width: auto;
  }

  .card-body {
    max-width: none;
    padding: 2rem;
  }

  .paragraph-sm {
    font-size: .88rem;
  }

  .div-block-90 {
    width: 35%;
  }

  .flex-horizontal-2 {
    flex-flow: wrap;
  }

  .h1-heading {
    width: auto;
    font-size: 3.37rem;
  }

  .subheading {
    width: auto;
    font-size: 1.13rem;
  }

  .div-block-48 {
    justify-content: center;
    align-items: center;
    width: 95%;
  }

  .div-block-46 {
    justify-content: flex-start;
    align-items: center;
    width: 95%;
    margin-top: 0;
    margin-bottom: 0;
    display: flex;
  }

  .div-block-53 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: wrap;
    justify-content: space-around;
    align-items: flex-start;
  }

  .div-block-69 {
    width: 45%;
    height: 500px;
    margin-bottom: 24px;
  }

  .div-block-69.gedan {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    width: 30%;
    height: auto;
    min-height: 400px;
    padding: 0 5px;
  }

  .heading-9 {
    font-size: 28px;
  }

  .h2-heading {
    font-size: 1.89rem;
  }

  .button-text {
    font-size: 20px;
  }

  .button-div-push, .button-div-call {
    width: 100%;
  }

  .text-button-top {
    font-size: 14px;
  }

  .container-4 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .div-block-111 {
    width: auto;
  }

  .flex-horizontal-3 {
    flex-flow: wrap;
  }

  .nav-mobile-menu-button {
    color: inherit;
    background-color: #0000;
    align-self: center;
  }

  .nav-mobile-menu-button.w--open {
    color: #1657e8;
    background-color: #0000;
  }

  .nav-mobile-menu-button.w--open:hover {
    color: #1657e8;
  }

  .paragraph-lg {
    font-size: 1.13rem;
  }

  .nav-menu-full-page {
    padding: 1rem;
    overflow: auto;
  }

  .grid-layout-2.desktop-1-column {
    grid-template-columns: 1fr;
  }

  .nav-menu-list-item {
    flex-flow: column;
    margin-bottom: 0;
  }

  .nav {
    height: auto;
  }

  .hero-section.about-hero {
    min-height: 0;
  }

  .container-8, .container-10 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .base-div-block {
    width: 90%;
  }

  .container-14 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .paragraph-sm-2 {
    font-size: .88rem;
  }

  .flex-horizontal-4 {
    flex-flow: wrap;
  }

  .h5-heading {
    font-size: 1rem;
  }

  .desktop-3-column.tablet-2-column.mobile-portrait-1-column.grid-gap-md {
    width: 90%;
  }

  .flex-horizontal-5 {
    flex-flow: wrap;
  }

  .footer-2 {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .section-10 {
    padding-top: 7rem;
    padding-bottom: 7rem;
  }

  .section-10.desktop-maximum-viewport-height-100.utility-overflow-hidden.flex-horizontal.y-center {
    justify-content: center;
    align-items: center;
  }

  .form-block {
    width: 80%;
    max-width: 80%;
  }

  .grid-2 {
    grid-auto-flow: column;
    place-content: stretch start;
    width: 100%;
  }

  .h1-heading-2 {
    width: auto;
    font-size: 30px;
    line-height: 40px;
  }

  .container-17.full-width-container {
    justify-content: center;
    align-items: flex-start;
    width: 80%;
    display: flex;
  }

  .section-11 {
    padding-top: 7rem;
    padding-bottom: 7rem;
  }

  .section-11.desktop-maximum-viewport-height-100.utility-overflow-hidden.flex-horizontal.y-center {
    justify-content: center;
    align-items: center;
  }

  .footer-3 {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .flex-horizontal-6 {
    flex-flow: wrap;
  }

  .text-block-28 {
    font-size: 12px;
  }
}

@media screen and (max-width: 767px) {
  .section {
    margin-top: 60px;
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .mobile-landscape-1-column {
    grid-template-columns: 1fr;
  }

  .h4-heading {
    font-size: 1.08rem;
    line-height: 24px;
  }

  .card-body {
    padding: 1.5rem;
  }

  .paragraph-sm {
    font-size: .88rem;
  }

  .paragraph-sm.utility-margin-bottom-2rem {
    font-size: 14px;
    line-height: 26px;
  }

  .div-block-89 {
    flex-flow: column;
  }

  .div-block-90, .div-block-91 {
    width: auto;
  }

  .h1-heading {
    font-size: 2.69rem;
  }

  .subheading {
    width: auto;
    font-size: 1.1rem;
  }

  .container-2 {
    padding-left: 1px;
    padding-right: 1px;
  }

  .div-block-48 {
    justify-content: center;
    align-items: center;
    width: 95%;
  }

  .div-block-46 {
    text-align: left;
    justify-content: center;
    align-items: center;
    margin-top: auto;
    margin-bottom: auto;
    display: flex;
  }

  .text-block-13 {
    font-size: 18px;
    line-height: 26px;
  }

  .div-block-53 {
    justify-content: space-around;
  }

  .div-block-69 {
    width: auto;
    height: auto;
  }

  .div-block-69.gedan {
    padding: 0 5px;
  }

  .heading-9 {
    font-size: 24px;
  }

  .h2-heading {
    font-size: 1.52rem;
  }

  .button-text {
    font-size: 13px;
  }

  .div-button-mix {
    flex-flow: column;
    width: 95%;
  }

  .text-button-top {
    font-size: 12px;
  }

  .div-block-109 {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
  }

  .div-block-113, .div-block-114 {
    display: none;
  }

  .heading-14, .heading-15 {
    padding-left: 5px;
    padding-right: 5px;
  }

  .paragraph-lg {
    font-size: 1.1rem;
  }

  .nav-menu-list-item {
    margin-bottom: 0;
  }

  .hero-section.about-hero {
    min-height: 0;
  }

  .container-11 {
    width: 95%;
  }

  .company-info-label {
    text-align: center;
  }

  .div-block-84 {
    width: 90%;
  }

  .company-info-grid {
    grid-template-columns: 1fr;
    width: auto;
    overflow: visible;
  }

  .base-div-block {
    width: 95%;
  }

  .paragraph-11 {
    font-size: 22px;
    line-height: 33px;
  }

  .paragraph-sm-2 {
    font-size: .88rem;
  }

  .paragraph-12 {
    width: 90%;
  }

  .h5-heading {
    font-size: 1rem;
  }

  .desktop-3-column.tablet-2-column.mobile-portrait-1-column.grid-gap-md {
    width: 95%;
  }

  .utility-text-secondary {
    font-size: 16px;
    line-height: 27px;
  }

  .container-16.full-width-container {
    width: 80%;
  }

  .section-10 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .form-block {
    width: auto;
    max-width: none;
  }

  .h1-heading-2 {
    font-size: 26px;
    line-height: 30px;
  }

  .section-11 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .heading-24 {
    padding-left: 5px;
    padding-right: 5px;
  }

  .text-block-28 {
    font-size: 12px;
  }

  .navbar {
    height: 60px;
  }
}

@media screen and (max-width: 479px) {
  .heading-11 {
    font-size: 22px;
  }

  .button {
    white-space: nowrap;
    font-size: 1rem;
  }

  .button-group {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
  }

  .heading-12 {
    font-size: 30px;
  }

  .hiro {
    padding-left: 10px;
    padding-right: 10px;
  }

  .section {
    margin-top: 60px;
    padding-top: 0;
    padding-bottom: 0;
  }

  .mobile-landscape-1-column.grid-gap-md {
    width: auto;
    margin-left: auto;
    margin-right: auto;
  }

  .h4-heading {
    font-size: 20px;
    line-height: 30px;
  }

  .flex-horizontal.flex-vertical.x-center.utility-text-align-center {
    margin-top: 0;
    padding: 0;
  }

  .div-block-71 {
    width: 97%;
  }

  .card-body {
    width: 100%;
    max-width: 100%;
    padding: 1.5rem;
  }

  .paragraph-sm {
    font-size: .88rem;
  }

  .desktop-6-column.tablet-4-column.mobile-landscape-2-column.grid-gap-sm {
    grid-template-columns: 1fr;
  }

  .desktop-6-column.tablet-4-column.mobile-landscape-2-column.grid-gap-sm.sales {
    grid-template-columns: 1fr;
    margin-top: 20px;
  }

  .card {
    width: auto;
    min-height: auto;
  }

  .h1-heading {
    text-align: center;
    width: auto;
    font-size: 2.15rem;
  }

  .subheading {
    width: auto;
    font-size: 14px;
    line-height: 26px;
  }

  .div-block-78 {
    padding-top: 36px;
    position: relative;
  }

  .div-block-48 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    margin-top: 27px;
  }

  .div-block-46 {
    width: 95%;
    margin-top: auto;
  }

  .text-block-13 {
    margin-top: auto;
    font-size: 16px;
  }

  .div-block-76.kikan {
    width: 60px;
    height: 28px;
    display: block;
    position: absolute;
    inset: 0% auto 0% 0%;
  }

  .div-block-53 {
    flex-flow: column;
    justify-content: space-around;
    align-items: center;
    margin-top: 10px;
  }

  .div-block-50 {
    width: 97%;
  }

  .div-block-69.top {
    margin-bottom: 24px;
    padding-bottom: 20px;
  }

  .div-block-69.gedan {
    width: auto;
  }

  .heading-9 {
    font-size: 18px;
    line-height: 22px;
  }

  .h2-heading {
    font-size: 20px;
    line-height: 28px;
  }

  .heading-13 {
    font-size: 18px;
    line-height: 26px;
  }

  .button-2 {
    white-space: nowrap;
    width: 80%;
    font-size: 1rem;
  }

  .button-2.secondary-button {
    width: 80%;
    margin-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .button-group-2 {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
  }

  .div-block-9 {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    width: 100%;
  }

  .div-block-10 {
    padding: 10px;
  }

  .button-text {
    font-size: 1rem;
  }

  .button-link-mail {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .button-div-push {
    width: 100%;
  }

  .button-link-mail1 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .heading-3 {
    margin-top: 10px;
    font-size: 18px;
    line-height: 24px;
  }

  .div-button-mix {
    flex-flow: column;
    width: 90%;
    margin-top: 0;
  }

  .div-block-35 {
    margin-left: 10px;
  }

  .button-div-call {
    width: 100%;
  }

  .text-button-top {
    max-width: 100%;
    padding-top: 4px;
    padding-bottom: 4px;
    font-size: 14px;
  }

  .div-block-36 {
    width: 70%;
  }

  .footer-wrapper {
    flex-direction: column;
  }

  .social-footer-link {
    margin-left: 25px;
    margin-right: 25px;
  }

  .footer-logo-column {
    margin-bottom: 30px;
  }

  .paragraph-14 {
    font-size: 15px;
    line-height: 26px;
  }

  .div-block-101 {
    flex-flow: column;
  }

  .div-block-102 {
    width: 100%;
  }

  .image-6 {
    width: 10%;
    max-width: 15%;
  }

  .text-block-21 {
    font-size: 14px;
  }

  .text-block-22 {
    font-size: 15px;
    line-height: 25px;
  }

  .div-block-107 {
    width: 80%;
  }

  .button-link-mail-2 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .button-3 {
    white-space: nowrap;
    font-size: 1rem;
  }

  .button-group-3 {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
  }

  .nav-mobile-menu-button.w--open {
    color: inherit;
  }

  .paragraph-lg {
    font-size: 1rem;
  }

  .nav-menu-full-page {
    padding: 0;
  }

  .nav-menu-list-item {
    margin-bottom: 0;
  }

  .hero-section.about-hero {
    background-attachment: scroll, scroll;
    min-height: 0;
  }

  .hero-wrapper {
    justify-content: flex-end;
    padding-bottom: 45px;
  }

  .div-block-82 {
    margin-right: 0;
    padding-right: 10px;
    display: block;
  }

  .heading-18 {
    margin-top: auto;
    margin-left: 10px;
    padding-top: 0;
    font-size: 16px;
    line-height: 25px;
  }

  .div-block-117 {
    margin-right: 0;
    padding-right: 10px;
    display: block;
  }

  .heading-19 {
    margin-top: auto;
    margin-left: 10px;
    padding-top: 0;
    font-size: 16px;
    line-height: 25px;
  }

  .div-block-80 {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    width: 100%;
  }

  .base-div-block {
    align-items: center;
    width: 95%;
  }

  .heading-21 {
    margin-top: auto;
    margin-left: 10px;
    padding-top: 0;
    font-size: 16px;
    line-height: 25px;
  }

  .main-title-div-5 {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    margin-top: 0;
  }

  .cecure-main-div {
    width: 95%;
  }

  .heading6 {
    font-size: 24px;
  }

  .main-text {
    font-size: 14px;
  }

  .main-title-sub-div-5 {
    margin-top: 8px;
  }

  .div-block-66 {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
  }

  .div-block-118 {
    margin-right: 0;
    padding-right: 10px;
    display: block;
  }

  .paragraph-11 {
    font-size: 18px;
    line-height: 30px;
  }

  .paragraph-sm-2 {
    font-size: .88rem;
  }

  .avatar {
    margin-bottom: 16px;
  }

  .h5-heading {
    font-size: 1rem;
  }

  .desktop-3-column.tablet-2-column.mobile-portrait-1-column.grid-gap-md {
    grid-template-columns: 1fr;
  }

  .logo {
    color: inherit;
  }

  .utility-text-secondary {
    font-size: 16px;
  }

  .container-16.full-width-container {
    width: 95%;
  }

  .section-10 {
    display: block;
  }

  .form-block {
    justify-content: center;
    align-items: flex-start;
    width: auto;
    max-width: none;
    display: flex;
  }

  .grid-2 {
    grid-column-gap: 0vh;
    grid-row-gap: 0vh;
    flex-flow: wrap;
    justify-content: flex-start;
    align-items: stretch;
    display: flex;
    overflow: visible;
  }

  .h1-heading-2 {
    text-align: center;
    width: auto;
    font-size: 20px;
  }

  .container-17.full-width-container {
    width: 90%;
  }

  .section-11 {
    display: block;
  }

  .paragraph-4 {
    margin-left: 10px;
    margin-right: 10px;
  }

  .button-4 {
    width: 70%;
  }

  .logo-2 {
    color: inherit;
  }

  .text-block-27 {
    font-size: 18px;
    line-height: 28px;
  }

  .bold-text-7 {
    font-size: 20px;
    line-height: 30px;
  }

  .text-block-28 {
    font-size: 12px;
    font-weight: 400;
  }

  .navbar {
    height: 60px;
  }
}

#w-node-d847bb70-969a-6fa0-168c-b5b31b68dd1f-e484c3fa.w-node-_38e9dcbc-6738-834a-1586-f0244bb600fd-1f408c42, #w-node-ed7d9018-9705-1f10-8813-bea207c4df90-e484c3fa.w-node-_38e9dcbc-6738-834a-1586-f0244bb60103-1f408c42, #w-node-a4000848-3532-4112-1268-b2191303de04-1303de02.w-node-_8df15ca5-82c0-5d7f-3633-96f9476cff2a-1f408c42, #w-node-a4000848-3532-4112-1268-b2191303de08-1303de02.w-node-_8df15ca5-82c0-5d7f-3633-96f9476cff2d-1f408c42, #w-node-a4000848-3532-4112-1268-b2191303de08-1303de02.w-node-bcb107d4-a6f5-9c1f-e7aa-9c2b70497494-1f408c42, #w-node-_51adb58a-1d90-a177-b84c-d4ed58317c3e-1303de02.w-node-_8df15ca5-82c0-5d7f-3633-96f9476cff38-1f408c42, #w-node-ce4993d0-a198-f628-c99f-e772b2ec886b-1303de02.w-node-_8df15ca5-82c0-5d7f-3633-96f9476cff43-1f408c42, #w-node-feb8ad22-3bcf-dc87-940f-25a70c946f39-0c946f36.w-node-_3929730c-1042-b098-108c-db46a798dc3c-1f408c42, #w-node-a4000848-3532-4112-1268-b2191303de04-1303de02.w-node-_77eb8325-9c9a-8f3b-62ef-bace7251b2d4-1f408c42, #w-node-a4000848-3532-4112-1268-b2191303de08-1303de02.w-node-_77eb8325-9c9a-8f3b-62ef-bace7251b2d7-1f408c42, #w-node-a4000848-3532-4112-1268-b2191303de08-1303de02.w-node-_77eb8325-9c9a-8f3b-62ef-bace7251b2e6-1f408c42, #w-node-_51adb58a-1d90-a177-b84c-d4ed58317c3e-1303de02.w-node-_77eb8325-9c9a-8f3b-62ef-bace7251b2f5-1f408c42, #w-node-ce4993d0-a198-f628-c99f-e772b2ec886b-1303de02.w-node-_77eb8325-9c9a-8f3b-62ef-bace7251b302-1f408c42, #w-node-feb8ad22-3bcf-dc87-940f-25a70c946f39-0c946f36.w-node-_160d5d9b-f2df-6468-1e25-059f8a094ea8-1f408c42, #w-node-c04d9b41-7df1-862c-b90f-ca4b2f41f161-80c0cef9.w-node-bcf141c7-20a9-5f6e-012c-17ba12d79340-1f408c42 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_447b0386-1e02-51a7-4a70-8e69830f82ee-89bb09b6.w-node-ac447f67-f97a-e1a1-b69f-62766495cfbd-6495cfb2 {
  justify-self: end;
}

#w-node-d534a9bd-0893-f54f-b471-1a5034be7f9c-862309a8.w-node-fc4957a3-7359-8bcb-ec72-7a72ba31ec1e-13bcf8bd {
  grid-area: 1 / 2 / 2 / 5;
}

#w-node-fc4957a3-7359-8bcb-ec72-7a72ba31ec23-13bcf8bd {
  justify-self: end;
}

#w-node-fc4957a3-7359-8bcb-ec72-7a72ba31ec27-13bcf8bd {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: end;
}

#w-node-fc4957a3-7359-8bcb-ec72-7a72ba31ec29-13bcf8bd {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-fc4957a3-7359-8bcb-ec72-7a72ba31ec2b-13bcf8bd {
  justify-self: end;
}

#w-node-fc4957a3-7359-8bcb-ec72-7a72ba31ec2d-13bcf8bd {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-fc4957a3-7359-8bcb-ec72-7a72ba31ec2f-13bcf8bd, #w-node-fc4957a3-7359-8bcb-ec72-7a72ba31ec35-13bcf8bd {
  justify-self: end;
}

#w-node-fc4957a3-7359-8bcb-ec72-7a72ba31ec39-13bcf8bd {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: end;
}

#w-node-fc4957a3-7359-8bcb-ec72-7a72ba31ec3b-13bcf8bd {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-fc4957a3-7359-8bcb-ec72-7a72ba31ec43-13bcf8bd {
  justify-self: end;
}

#w-node-_761b53e3-44ed-d5d1-4787-e43e862309b2-862309a8.w-node-c41ec168-d2a6-c7b0-39f6-98b19df305ef-13bcf8bd {
  grid-area: span 1 / span 5 / span 1 / span 5;
}

#w-node-_761b53e3-44ed-d5d1-4787-e43e862309b3-862309a8.w-node-c41ec168-d2a6-c7b0-39f6-98b19df305f0-13bcf8bd, #w-node-_23b0a610-3a76-31b8-5685-877ae9ec2b9d-862309a8.w-node-c41ec168-d2a6-c7b0-39f6-98b19df3060f-13bcf8bd, #w-node-_4c9e4579-af9e-ca18-afd9-3c19fe4cdba9-862309a8.w-node-c41ec168-d2a6-c7b0-39f6-98b19df3062a-13bcf8bd, #w-node-_9ca6c15b-cdf1-c2d9-d2e7-f6c74ea476fb-862309a8.w-node-c41ec168-d2a6-c7b0-39f6-98b19df30644-13bcf8bd, #w-node-_450845b0-4dd5-a163-35fa-25b6907e3fbb-862309a8.w-node-c41ec168-d2a6-c7b0-39f6-98b19df3065f-13bcf8bd, #w-node-b560d7a2-fe9c-cbde-f1c1-23ccf9e05d36-862309a8.w-node-c41ec168-d2a6-c7b0-39f6-98b19df30681-13bcf8bd, #w-node-b560d7a2-fe9c-cbde-f1c1-23ccf9e05d36-862309a8.w-node-c41ec168-d2a6-c7b0-39f6-98b19df30698-13bcf8bd, #w-node-b560d7a2-fe9c-cbde-f1c1-23ccf9e05d36-862309a8.w-node-c41ec168-d2a6-c7b0-39f6-98b19df306af-13bcf8bd, #w-node-b560d7a2-fe9c-cbde-f1c1-23ccf9e05d36-862309a8.w-node-c41ec168-d2a6-c7b0-39f6-98b19df306c6-13bcf8bd {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_447b0386-1e02-51a7-4a70-8e69830f82ee-89bb09b6.w-node-_929b279c-d81c-a5ea-b17c-53b4ba31a364-13bcf8bd {
  justify-self: end;
}

#w-node-_932441d0-58bc-47dd-0964-60a2deff6b7b-deff6b78.w-node-_4593788f-aea4-3bbe-f713-807bb3d7e2a1-37aff563 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center end;
}

#w-node-_932441d0-58bc-47dd-0964-60a2deff6b7b-deff6b78.w-node-eaf49114-e860-a53e-0f93-ddad4189b9c2-cb0b320e {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: start end;
}

@media screen and (min-width: 1440px) {
  #w-node-fc4957a3-7359-8bcb-ec72-7a72ba31ec23-13bcf8bd {
    grid-area: span 1 / span 1 / span 1 / span 1;
    justify-self: end;
  }

  #w-node-fc4957a3-7359-8bcb-ec72-7a72ba31ec27-13bcf8bd, #w-node-fc4957a3-7359-8bcb-ec72-7a72ba31ec2b-13bcf8bd, #w-node-fc4957a3-7359-8bcb-ec72-7a72ba31ec2f-13bcf8bd, #w-node-fc4957a3-7359-8bcb-ec72-7a72ba31ec35-13bcf8bd, #w-node-fc4957a3-7359-8bcb-ec72-7a72ba31ec39-13bcf8bd, #w-node-fc4957a3-7359-8bcb-ec72-7a72ba31ec43-13bcf8bd {
    justify-self: end;
  }
}

@media screen and (max-width: 991px) {
  #w-node-d534a9bd-0893-f54f-b471-1a5034be7f9c-862309a8.w-node-fc4957a3-7359-8bcb-ec72-7a72ba31ec1e-13bcf8bd {
    grid-column: 1 / 6;
  }

  #w-node-_932441d0-58bc-47dd-0964-60a2deff6b7b-deff6b78.w-node-_4593788f-aea4-3bbe-f713-807bb3d7e2a1-37aff563, #w-node-_932441d0-58bc-47dd-0964-60a2deff6b7b-deff6b78.w-node-eaf49114-e860-a53e-0f93-ddad4189b9c2-cb0b320e {
    order: -9999;
  }
}

@media screen and (max-width: 767px) {
  #w-node-fc4957a3-7359-8bcb-ec72-7a72ba31ec23-13bcf8bd, #w-node-fc4957a3-7359-8bcb-ec72-7a72ba31ec27-13bcf8bd, #w-node-fc4957a3-7359-8bcb-ec72-7a72ba31ec2b-13bcf8bd, #w-node-fc4957a3-7359-8bcb-ec72-7a72ba31ec2f-13bcf8bd, #w-node-fc4957a3-7359-8bcb-ec72-7a72ba31ec35-13bcf8bd {
    justify-self: auto;
  }

  #w-node-fc4957a3-7359-8bcb-ec72-7a72ba31ec39-13bcf8bd {
    grid-area: span 1 / span 1 / span 1 / span 1;
    justify-self: auto;
  }

  #w-node-fc4957a3-7359-8bcb-ec72-7a72ba31ec43-13bcf8bd {
    justify-self: auto;
  }
}

/* 2カラム全体を中央寄せ（勝たせる） */
#AI-mendan .div-block-89{
  width: min(1200px, 100%);
  margin: 40px auto 0 !important;
  padding: 0 40px;
  justify-content: center;
  gap: 64px;
}

/* SP時（既に column になっているので整えるだけ） */
@media screen and (max-width: 991px){
  #AI-mendan .div-block-89{
    padding: 0 24px;
    gap: 32px;
  }
}

/* New TOPだけ：ヘッダー下の謎余白を消す */
.page-template-page-new-top .w-nav + * {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* 新TOP：固定ナビ(80px)分だけ、ページ全体を下げる */
body.page-template-page-new-top{
  padding-top: 80px !important;
}

/* SP（ナビ60px） */
@media (max-width: 767px){
  body.page-template-page-new-top{
    padding-top: 60px !important;
  }
}


/* ===== SERVICEカード 高さ固定方式 ===== */

#service .div-block-69.gedan{
  height: 420px;
  display: flex;
  flex-direction: column;
}

/* 画像サイズを揃える */
#service .div-block-69.gedan .div-block-51 img{
  width: 100%;
  height: 180px;      /* 好みで調整 */
  object-fit: cover;
}

/* テキスト下揃え */
#service .div-block-69.gedan .div-block-70{
  margin-top: auto;
}

/* ===== タブレット ===== */
@media (max-width: 991px){
  #service .div-block-69.gedan{
    height: 420px;    /* 少し余裕を持たせる */
  }
}

/* ===== スマホは自然高さに戻す ===== */
@media (max-width: 767px){
  #service .div-block-69.gedan{
    height: auto;
  }

  #service .div-block-69.gedan .div-block-51 img{
    height: auto;
  }
}



/* About us 見出しのズレを強制的に中央へ */
.section-about .utility-text-align-center {
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.section-about .heading-20 {
  display: block;
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;

  /* 変なズレ要因を潰す */
  left: auto !important;
  right: auto !important;
  transform: none !important;
}


/* Lightning の h3 自動下線を全削除 */
h3:where(:not(.wp-block-post-title))::after,
h3::after {
  content: none !important;
  border: none !important;
  display: none !important;
}

/* 見出しの下線（擬似要素）を全消し */
h1::after,
h2::after,
h3::after,
h4::after,
h5::after,
h6::after,
.site-footer-title::after,
.sub-section-title::after {
  content: none !important;
  display: none !important;
  border: 0 !important;
}

/* 念のため：見出し自体に border が付いてるケースも潰す */
h1, h2, h3, h4, h5, h6 {
  border-bottom: 0 !important;
  background-image: none !important;
}