@charset "UTF-8";
@import url(https://fonts.googleapis.com/icon?family=Material+Icons);
*,
*:after,
*::before {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  width: 100%;
  font-size: 1rem;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  width: 100%;
  color: #333333;
  font-weight: normal;
  font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
  overflow-x: hidden;
  line-height: 1.75;
  letter-spacing: 1px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

a {
  color: #333333;
  text-decoration: none;
  outline: none;
}

a:focus {
  outline: none;
}

img,
svg {
  width: 100%;
  height: auto;
  border: none;
  vertical-align: bottom;
  image-rendering: -webkit-optimize-contrast;
}

figure {
  margin: 0;
}

hr {
  height: 0;
  margin: 0;
  padding: 0;
  border: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  padding: 0rem;
  margin: 0rem;
  font-size: 1rem;
  font-weight: normal;
  font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
  line-height: 1.75;
}

p {
  padding: 0rem;
  margin: 0rem;
  line-height: 1.75;
}

div {
  line-height: 1.75;
}

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

ul,
ol {
  list-style: none;
}

ul {
  font-size: 0;
}

ul li {
  font-size: 1rem;
  margin: 0rem;
}

iframe {
  vertical-align: bottom;
}

table {
  border-collapse: collapse;
  border: none;
  border-spacing: 0;
}

th,
td {
  vertical-align: top;
  border: solid 0px;
  font-weight: normal;
  text-align: left;
}

caption {
  text-align: left;
}

::-webkit-input-placeholder {
  font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
  font-size: 0.8rem;
  color: #DEDEDE;
}

:-ms-input-placeholder {
  font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
  font-size: 0.8rem;
  color: #DEDEDE;
}

::-moz-placeholder {
  font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
  font-size: 0.8rem;
  color: #DEDEDE;
}

::selection {
  background: #00C8C5;
  /* 選択色 */
  color: #fff;
  /*文字色*/
}

::-moz-selection {
  background: #00C8C5;
  /* 選択色 */
  color: #fff;
  /*文字色*/
}

input[type=text],
input[type=email],
input[type=number],
input[type=tel],
input[type=submit],
button,
textarea,
select {
  width: 100%;
  margin: 0;
  padding: 0;
  font-size: 1rem;
  font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
  line-height: 1.75;
  letter-spacing: 1px;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

button {
  width: auto;
  display: inline-block;
  cursor: pointer;
}

input[type=checkbox],
input[type=radio] {
  display: none;
}

select::-ms-expand {
  display: none;
}

.recaptcha-wrap {
  width: 100%;
  max-width: 19rem;
  margin: 0 auto;
  margin-bottom: 2rem;
}

.recaptcha-wrap._v3 {
  max-width: 16rem;
  margin-top: 2rem;
  margin-bottom: 0rem;
}

.l-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: #FFF;
  z-index: 10000;
  transition: 0.3s ease;
}
.l-header._renewal .inner {
  height: 5rem;
}
@media only screen and (max-width: 1300px) {
  .l-header._renewal .inner {
    height: inherit;
  }
}
@media only screen and (max-width: 580px) {
  .l-header._renewal .inner {
    padding: 0.5rem 1rem;
  }
}
.l-header._renewal .logo {
  max-width: 8.75rem;
}
@media only screen and (max-width: 1300px) {
  .l-header._renewal .logo {
    max-width: 7.5rem;
  }
}
.l-header._renewal .logo a {
  display: block;
}
.l-header .inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.875rem 1.5rem;
}
.l-header .logo {
  max-width: 12.5rem;
  opacity: 0;
  transition: opacity 300ms;
}
.l-header .list {
  display: flex;
  align-items: center;
  gap: 3.5rem;
}
@media only screen and (max-width: 1500px) {
  .l-header .list {
    gap: 1.5rem;
  }
}
@media only screen and (max-width: 1300px) {
  .l-header .list {
    width: 100%;
    height: 100vh;
    flex-direction: column;
    align-items: flex-start;
    margin: 0 auto;
    padding: 0 2rem;
    gap: 2rem;
    /* justify-content: center; */
  }
}
.l-header .link {
  display: flex;
  align-items: center;
  gap: 1rem;
  letter-spacing: 0.02em;
  font-weight: bold;
  transition: 300ms;
}
@media (hover: hover) and (pointer: fine) {
  .l-header .link:hover {
    color: #00C8C5;
  }
}
.l-header .link.menu-footer-heading::after {
  content: "";
  display: block;
  width: 0.5rem;
  height: 0.5rem;
  border-bottom: 2px solid #00C8C5;
  border-right: 2px solid #00C8C5;
  rotate: 45deg;
}
.l-header .btn-wrap {
  display: flex;
  gap: 1rem;
  margin-left: 1rem;
}
@media only screen and (max-width: 800px) {
  .l-header .btn-wrap {
    flex-direction: column;
    margin: 0;
  }
}
.l-header.is-fixed .logo {
  opacity: 1;
}
.l-header.is-show {
  opacity: 1;
}
.l-header.is-hidden {
  opacity: 0;
}
@media only screen and (max-width: 800px) {
  .l-header.is-hidden {
    opacity: 1;
  }
}

@media only screen and (max-width: 1300px) {
  .l-global-nav {
    position: fixed;
    top: 0;
    right: 0;
    width: 80vw;
    max-width: 23.75rem;
    height: 100vh;
    padding: 15vh 0;
    background: #FFF;
    z-index: 12;
    /* opacity: 0; */
    transition: 300ms;
    pointer-events: none;
    overflow-y: scroll;
    z-index: 1000;
    transform: translateX(100%);
  }
  .is-drawerActive .l-global-nav {
    transform: translateX(0%);
    pointer-events: auto;
  }
  .l-global-nav .item {
    width: 100%;
  }
  .l-global-nav .item.is-on .c-menu-main-nest {
    display: block;
    position: inherit;
    transform: inherit;
    margin-top: 1rem;
    box-shadow: none;
    width: inherit;
  }
  .l-global-nav .link {
    padding: 0 0 1rem;
    border-bottom: 2px solid #F5F5F5;
  }
  .l-global-nav .btn-wrap {
    width: 100%;
    flex-direction: column;
  }
  .l-global-nav .btn-wrap .c-btn-more {
    width: 100%;
  }
}

.c-button {
  position: relative;
  display: inline-block;
  text-decoration: none;
  appearance: none;
  border: none;
  background-color: transparent;
}

.p-hamburger {
  position: relative;
  outline: none;
  background: #00C8C5;
  width: 5rem;
  height: 5rem;
  border-radius: 0.3125rem;
  transition: all 0.3s ease-in-out;
  pointer-events: auto;
  cursor: pointer;
  display: none;
  z-index: 1001;
}
@media only screen and (max-width: 1300px) {
  .p-hamburger {
    display: block;
  }
}
@media only screen and (max-width: 800px) {
  .p-hamburger {
    width: 3.75rem;
    height: 3.75rem;
  }
}
@media only screen and (max-width: 580px) {
  .p-hamburger {
    width: 2.8125rem;
    height: 2.8125rem;
  }
}
.p-hamburger[aria-expanded=true] {
  border: 1px solid #FFF;
}

.p-hamburger__line {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 3rem;
  height: 0.125rem;
  background-color: #FFF;
  transition: inherit;
}
@media only screen and (max-width: 800px) {
  .p-hamburger__line {
    width: 6.2068965517vw;
  }
}
.p-hamburger__line::before, .p-hamburger__line::after {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  background-color: #FFF;
  border-radius: 0.3125rem;
  transition: inherit;
}
.p-hamburger__line::before {
  top: -0.75rem;
}
@media only screen and (max-width: 800px) {
  .p-hamburger__line::before {
    top: -0.5rem;
  }
}
.p-hamburger__line::after {
  top: 0.75rem;
}
@media only screen and (max-width: 800px) {
  .p-hamburger__line::after {
    top: 0.5rem;
  }
}
.p-hamburger[aria-expanded=true] .p-hamburger__line {
  background-color: transparent;
}
.p-hamburger[aria-expanded=true] .p-hamburger__line::before, .p-hamburger[aria-expanded=true] .p-hamburger__line::after {
  top: 0;
  background: #FFF;
}
.p-hamburger[aria-expanded=true] .p-hamburger__line::before {
  transform: rotate(45deg);
}
.p-hamburger[aria-expanded=true] .p-hamburger__line::after {
  transform: rotate(-45deg);
}

.u-visuallyHidden {
  position: absolute;
  white-space: nowrap;
  width: 1px;
  height: 1px;
  overflow: hidden;
  border: 0;
  padding: 0;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  margin: -1px;
}

.sub-page._form .l-footer {
  border-top: 2px solid #F5F5F5;
}

.l-footer .item-wrap {
  max-width: 80rem;
  margin: auto;
}
.l-footer .foot-wrap {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 2rem;
  padding: 4.5rem 0 3.625rem;
}
@media only screen and (max-width: 1100px) {
  .l-footer .foot-wrap {
    padding: 3.5rem 1.5rem;
  }
}
@media only screen and (max-width: 800px) {
  .l-footer .foot-wrap {
    flex-direction: column;
    align-items: center;
    gap: 3rem;
  }
}
@media only screen and (max-width: 580px) {
  .l-footer .foot-wrap {
    padding: 4rem 0 2.5rem;
  }
}
.l-footer .foot-wrap .list-link-blank {
  display: flex;
  gap: 2rem;
  margin-top: 2rem;
}
@media only screen and (max-width: 580px) {
  .l-footer .foot-wrap .list-link-blank {
    justify-content: center;
  }
}
.l-footer .foot-wrap .list {
  display: flex;
  gap: 4rem;
}
@media only screen and (max-width: 800px) {
  .l-footer .foot-wrap .list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    /* grid-template-rows: repeat(3, 1fr); */
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    width: 90%;
    margin: 0 auto;
    padding: 0 1.5rem;
  }
}
.l-footer .foot-wrap .list .item {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  width: fit-content;
}
.l-footer .foot-wrap .list .item .link {
  transition: 300ms;
}
@media (hover: hover) and (pointer: fine) {
  .l-footer .foot-wrap .list .item .link {
    /* &:hover {
        color: $Base;
    } */
  }
}
.l-footer .foot-wrap .list .item {
  /* &._link-blank {
      flex-direction: row;
      transform: translateY(-2.5rem);

      @media only screen and (max-width: $Bp-Mobile) {
          transform: inherit;
      }
  } */
}
.l-footer .logo {
  max-width: 12.5rem;
  margin-top: 1rem;
}
@media only screen and (max-width: 800px) {
  .l-footer .logo {
    max-width: 18.75rem;
    margin-top: 0;
  }
}
.l-footer .logo a {
  display: block;
}
.l-footer .aside-nav {
  padding: 1rem;
}
.l-footer .aside-nav .list {
  display: flex;
  justify-content: center;
  gap: 2rem;
}
@media only screen and (max-width: 580px) {
  .l-footer .aside-nav .list {
    gap: 1.5rem;
  }
}
.l-footer .aside-nav .item a {
  font-size: 0.875rem;
  letter-spacing: 1px;
  line-height: 1.8;
  font-weight: 500;
  font-weight: 500;
}
@media only screen and (max-width: 580px) {
  .l-footer .aside-nav .item a {
    font-size: 0.75rem;
  }
}
.l-footer .link-lower {
  background: #F5F5F5;
  padding: 1rem 0;
  text-align: center;
}
.l-footer .link-lower .link {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  width: fit-content;
  font-size: 0.875rem;
  font-weight: 500;
  letter-spacing: 1px;
  color: #888888;
  margin: 0 auto 0.1875rem;
}
@media only screen and (max-width: 580px) {
  .l-footer .link-lower .link {
    font-size: 0.75rem;
  }
}
.l-footer .link-lower .link::after {
  content: "";
  display: block;
  width: 0.875rem;
  height: 0.875rem;
  background: url(../../img/icon/link-gray.svg) no-repeat;
  background-size: contain;
  background-position: bottom center;
}

.root-wrap {
  width: 100%;
  overflow: hidden;
  touch-action: manipulation;
}

.l-main-inner {
  width: 100%;
  max-width: 86rem;
  padding: 0 4rem;
  margin: 0 auto;
}
@media only screen and (max-width: 1100px) {
  .l-main-inner {
    max-width: 82rem;
    padding: 0 3rem;
  }
}
@media only screen and (max-width: 580px) {
  .l-main-inner {
    padding: 0 1.5rem;
  }
}
.l-main-inner._mid {
  max-width: 79.75rem;
}
@media only screen and (max-width: 1100px) {
  .l-main-inner._mid {
    max-width: 75.75rem;
    padding: 0 3rem;
  }
}
@media only screen and (max-width: 580px) {
  .l-main-inner._mid {
    padding: 0 1.5rem;
  }
}
.l-main-inner._p1080 {
  max-width: 75.5rem;
}
@media only screen and (max-width: 1100px) {
  .l-main-inner._p1080 {
    max-width: 71.5rem;
    padding: 0 3rem;
  }
}
@media only screen and (max-width: 580px) {
  .l-main-inner._p1080 {
    padding: 0 1.5rem;
  }
}
.l-main-inner._small {
  max-width: 65.5rem;
}
@media only screen and (max-width: 1100px) {
  .l-main-inner._small {
    max-width: 61.5rem;
    padding: 0 3rem;
  }
}
@media only screen and (max-width: 580px) {
  .l-main-inner._small {
    padding: 0 1.5rem;
  }
}
.l-main-inner._wide {
  max-width: 71.75rem;
  padding: 0;
}
@media only screen and (max-width: 1100px) {
  .l-main-inner._wide {
    max-width: 75.75rem;
    padding: 0 3rem;
  }
}
@media only screen and (max-width: 580px) {
  .l-main-inner._wide {
    padding: 0 1.5rem;
  }
}
.l-main-inner._banner {
  padding: 0 2rem;
}

.l-card-shadow {
  max-width: 71.75rem;
  padding: 4.5rem 0 5.5rem;
  margin: 0 auto;
  box-shadow: 0px 3px 20px rgba(29, 67, 107, 0.1);
  border-radius: 0.625rem;
}
.l-card-shadow._renewal {
  padding: 3.75rem 0;
}

.l-global-cta {
  background: #133559;
  padding: 4rem 0;
}
.l-global-cta .l-main-inner {
  font-size: clamp(17px, 1vw, 18px);
  font-weight: 500;
  line-height: 1.75;
  letter-spacing: 0.125rem;
  font-weight: bold;
  text-align: center;
}
.l-global-cta .title {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2rem;
  color: #FFF;
}
.l-global-cta .title::before, .l-global-cta .title::after {
  content: "";
  display: inline-block;
  width: 0.125rem;
  height: 2rem;
  background: #FFF;
}
.l-global-cta .title::before {
  rotate: -25deg;
}
.l-global-cta .title::after {
  rotate: 25deg;
}
.l-global-cta .list {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
  max-width: 45.75rem;
  margin: 1.5rem auto 0;
}
@media only screen and (max-width: 580px) {
  .l-global-cta .list {
    flex-direction: column;
    gap: 1rem;
  }
}
.l-global-cta .item {
  width: calc((100% - 2rem) / 2);
  padding-top: 0.5rem;
}
@media only screen and (max-width: 580px) {
  .l-global-cta .item {
    width: 100%;
    padding-top: 0;
  }
}

.sub-page .l-header .logo, .single-page .l-header .logo {
  opacity: 1;
}

.l-sub-wrapper {
  padding-top: 5rem;
}
.l-sub-wrapper .c-heading-section {
  opacity: 1;
  transform: translate(0);
}

.l-sub-heading {
  position: relative;
  display: flex;
  align-items: center;
  height: 15rem;
  background: #E8FCFC;
}
@media only screen and (max-width: 580px) {
  .l-sub-heading {
    height: 41.3793103448vw;
  }
}
.l-sub-heading::after {
  content: "";
  display: block;
  width: 22.1875rem;
  height: 100%;
  background: url(../../img/common/bg-line.svg) no-repeat;
  background-size: cover;
  background-position: left center;
  position: absolute;
  top: 0;
  right: 10%;
}
@media only screen and (max-width: 580px) {
  .l-sub-heading::after {
    right: -40%;
  }
}

.l-se-grid {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-bottom: 4rem;
}
@media only screen and (max-width: 800px) {
  .l-se-grid {
    margin-bottom: 0;
  }
}
.l-se-grid .grid {
  width: 100%;
  margin-right: 4rem;
}
.l-se-grid .grid:last-child {
  margin-right: 0;
}
@media only screen and (max-width: 800px) {
  .l-se-grid .grid {
    margin-right: 0;
    margin-bottom: 2rem;
  }
}
.l-se-grid._2col .grid {
  width: calc((100% - 4rem * 1) / 2);
}
@media only screen and (max-width: 800px) {
  .l-se-grid._2col .grid {
    width: 100%;
    margin-bottom: 2rem;
  }
}
.l-se-grid._3col .grid {
  width: calc((100% - 4rem * 2) / 3);
}
@media only screen and (max-width: 800px) {
  .l-se-grid._3col .grid {
    width: 100%;
    margin-bottom: 2rem;
  }
}

.l-se-page-title {
  font-size: clamp(22px, 1vw, 24px);
  line-height: 1.75;
  letter-spacing: 0.125rem;
  font-weight: 500;
  color: #2b2b2b;
}

.l-se-heading-big {
  font-size: clamp(20px, 1vw, 22px);
  font-weight: 500;
  letter-spacing: 0.125rem;
  line-height: 1.5;
  color: #2b2b2b;
  margin-bottom: 2rem;
  font-weight: normal;
}

.l-se-heading-small {
  font-size: clamp(18px, 1vw, 20px);
  letter-spacing: 0.125rem;
  font-weight: 500;
  line-height: 1.5;
  color: #2b2b2b;
  margin-bottom: 2rem;
  font-weight: normal;
}

.l-se-grid-img-wrap + .l-se-grid-text {
  margin-top: 1.5rem;
}

.l-se-grid-caption {
  margin-top: 0.5rem;
  text-align: justify;
  word-break: break-all;
  font-size: 0.8125rem;
  line-height: 1.65;
  font-style: italic;
  color: #888888;
}

.l-se-grid-text {
  text-align: justify;
  word-break: break-all;
  color: #2b2b2b;
}

.l-se-link-text {
  color: #0026ff;
  margin: 0 0.25rem;
}
.l-se-link-text::after {
  font-family: "Material Icons";
  content: "\e89e";
  vertical-align: bottom;
  margin-left: 0.15rem;
}

.l-se-youtube {
  width: 100%;
  padding-top: 56.25%;
  position: relative;
}
.l-se-youtube iframe {
  width: 100%;
  height: 100%;
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
}

.l-se-table {
  overflow-x: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.l-se-table::-webkit-scrollbar {
  display: none;
}
.l-se-table table {
  width: 100%;
}
.l-se-table table thead {
  color: #FFF;
  background: #00C8C5;
}
.l-se-table table thead th {
  font-weight: 500;
  padding: 0.1875rem 0.5rem;
  border-right: 1px solid #FFF;
}
.l-se-table table tbody td {
  padding: 0.1875rem 0.5rem;
  border: solid #DEDEDE;
  border-width: 0 1px 1px 1px;
}
.l-se-table table td {
  min-width: 11.25rem;
}
.l-se-table .scroll-hint-icon {
  height: 5.5rem;
}

.l-se-file,
.l-se-link-button {
  width: 14.375rem;
  height: 3.4375rem;
  border-radius: 0.3125rem;
  margin: 0 auto;
  background: #FF753A;
  border: 2px solid #FF753A;
  transition: 300ms;
}
.l-se-file a,
.l-se-link-button a {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  color: #FFF;
  font-weight: bold;
  letter-spacing: 1px;
}
@media (hover: hover) and (pointer: fine) {
  .l-se-file:hover,
  .l-se-link-button:hover {
    background: #FFF;
  }
  .l-se-file:hover a,
  .l-se-link-button:hover a {
    color: #FF753A;
  }
}

.l-se-company-info-group {
  margin-bottom: 4rem;
}
.l-se-company-info-group .c-voice-about {
  display: flex;
  gap: 2.5rem;
}
.l-se-company-info-group .c-voice-about .img-wrap {
  padding: 2rem;
  grid-area: inherit;
  width: 50%;
}
@media only screen and (max-width: 1100px) {
  .l-se-company-info-group .c-voice-about .img-wrap {
    order: inherit;
  }
}
@media only screen and (max-width: 800px) {
  .l-se-company-info-group .c-voice-about .img-wrap {
    order: 2;
    width: 100%;
  }
}
@media only screen and (max-width: 580px) {
  .l-se-company-info-group .c-voice-about .img-wrap {
    padding: 1rem;
  }
  .l-se-company-info-group .c-voice-about .img-wrap img {
    max-height: 15rem;
  }
}
.l-se-company-info-group .c-voice-about .title-wrap {
  width: calc(50% - 2.5rem);
}
@media only screen and (max-width: 800px) {
  .l-se-company-info-group .c-voice-about .title-wrap {
    width: 100%;
  }
}
.l-se-company-info-group .c-voice-about .company {
  margin-top: 0;
}
.l-se-company-info-group .c-voice-about .text {
  font-size: 0.875rem;
  line-height: 1.75;
}
@media only screen and (max-width: 800px) {
  .l-se-company-info-group .c-voice-about .text {
    margin-top: 1rem;
  }
}
.l-se-company-info-group .c-voice-about .link {
  display: block;
}
.l-se-company-info-group .c-voice-about .link::after {
  display: none;
}

.l-se-api-link {
  margin-bottom: 4rem;
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.l-se-api-link .title {
  margin-bottom: 1rem;
}
.l-se-api-link .title .text {
  font-size: clamp(20px, 1vw, 22px);
  font-weight: 500;
  letter-spacing: 0.125rem;
  line-height: 1.5;
  color: #133559;
}

.l-se-comments .list .item:not(:last-child) {
  margin-bottom: 2rem;
}
.l-se-comments .c-card-task {
  gap: 1rem;
}
.l-se-comments .c-card-task .title {
  gap: 0.8rem;
}
.l-se-comments .c-card-task .title .text {
  font-size: clamp(18px, 1vw, 20px);
  letter-spacing: 0.125rem;
  font-weight: 500;
  line-height: 1.5;
}

.c-btn-cta {
  width: 18rem;
  height: 5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.3125rem;
  background: #FF753A;
  border: 2px solid #FF753A;
  transition: opacity 300ms;
}
@media only screen and (max-width: 800px) {
  .c-btn-cta {
    width: 35vw;
  }
}
@media only screen and (max-width: 580px) {
  .c-btn-cta {
    width: 100%;
  }
}
.c-btn-cta > span {
  color: #FFF;
  font-size: clamp(18px, 2vw, 20px);
  font-weight: bold;
  letter-spacing: 0.02em;
  line-height: 1.6;
}
.c-btn-cta._reversal {
  border: 2px solid #FF753A;
  background: #FFF;
}
.c-btn-cta._reversal > span {
  color: #FF753A;
}
.c-btn-cta._wide {
  width: 100%;
  height: 6.1875rem;
}
@media (hover: hover) and (pointer: fine) {
  .c-btn-cta:hover {
    opacity: 0.6;
  }
  .c-btn-cta:hover._reversal {
    opacity: 0.6;
  }
}

.c-btn-icon {
  position: relative;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  background: #FF753A;
  transition: 300ms;
  border: 2px solid #FF753A;
}
.c-btn-icon._bg-sub {
  background: #133559;
  border: 2px solid #133559;
}
.c-btn-icon::before, .c-btn-icon::after {
  content: "";
  display: block;
  width: 0.9375rem;
  height: 0.125rem;
  background: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.c-btn-icon::after {
  transform: translate(-50%, -50%) rotate(90deg);
}

.c-btn-common {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.625rem;
  width: 14.375rem;
  height: 3.4375rem;
  border-radius: 0.3125rem;
  background: #FF753A;
  border: 2px solid #FF753A;
  transition: 300ms;
}
@media (hover: hover) and (pointer: fine) {
  .c-btn-common:hover {
    background: #FFF;
  }
  .c-btn-common:hover .text {
    color: #FF753A;
  }
  .c-btn-common:hover .icon::before, .c-btn-common:hover .icon::after {
    background: #FF753A;
  }
  .c-btn-common:hover._base {
    opacity: 0.6;
  }
  .c-btn-common:hover._base .text {
    color: #FFF;
  }
  .c-btn-common:hover._reversal {
    opacity: 0.6;
  }
  .c-btn-common:hover._primary {
    opacity: 0.6;
  }
  .c-btn-common:hover._hover {
    background: #FF753A;
  }
  .c-btn-common:hover._hover .text {
    color: #FFF;
  }
}
.c-btn-common .text {
  color: #FFF;
  font-weight: bold;
  letter-spacing: 1px;
}
.c-btn-common .icon {
  position: relative;
  width: 0.875rem;
  height: 0.875rem;
}
.c-btn-common .icon::before, .c-btn-common .icon::after {
  content: "";
  display: block;
  width: 100%;
  height: 0.125rem;
  background: #FFF;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.c-btn-common .icon::after {
  transform: translate(-50%, -50%) rotate(90deg);
}
.c-btn-common._large {
  width: 100%;
  height: 5rem;
}
.c-btn-common._base {
  border: 2px solid #00C8C5;
  background: #00C8C5;
}
.c-btn-common._reversal {
  background: #FFF;
  border: 2px solid #FF753A;
}
.c-btn-common._reversal .text {
  color: #FF753A;
}
.c-btn-common._primary > span {
  font-size: clamp(18px, 2vw, 20px);
  font-weight: bold;
}
.c-btn-common._sm {
  width: 100%;
  max-width: 10.5rem;
  height: 2.75rem;
}
.c-btn-common._sm .text {
  font-size: 0.875rem;
}
.c-btn-common._wide {
  width: 100%;
  max-width: 17.5rem;
}

.c-btn-document {
  display: flex;
  align-items: center;
  width: fit-content;
  font-weight: bold;
  gap: 0.5rem;
  color: #FF753A;
  transition: 300ms;
}
.c-btn-document::after {
  content: "";
  display: block;
  width: 0.5rem;
  height: 0.5rem;
  border-top: 2px solid #FF753A;
  border-right: 2px solid #FF753A;
  rotate: 45deg;
  transition: 300ms;
}

.c-btn-more {
  width: 12.375rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.3125rem;
  background: #FF753A;
  border: 2px solid #FF753A;
  padding: 0.75rem;
  transition: 300ms;
}
@media (hover: hover) and (pointer: fine) {
  .c-btn-more:hover {
    background: #FFF;
  }
  .c-btn-more:hover > span {
    color: #FF753A;
  }
  .c-btn-more:hover._secondary {
    opacity: 0.6;
  }
  .c-btn-more:hover._secondary > span {
    color: #FFF;
  }
}
.c-btn-more > span {
  color: #FFF;
  font-weight: bold;
  letter-spacing: 0.02em;
}
.c-btn-more._secondary {
  border: 2px solid #00C8C5;
  background: #00C8C5;
}

.c-btn-accordion {
  display: block;
  width: 100%;
  cursor: pointer;
  transition: opacity 300ms;
}
@media (hover: hover) and (pointer: fine) {
  .c-btn-accordion:hover {
    opacity: 0.7;
  }
}

.c-btn-line {
  display: block;
  max-width: 14.375rem;
  width: 100%;
  margin: 0 auto;
  padding: 0.875rem 4rem;
  border: 2px solid #00C8C5;
  border-radius: 0.3125rem;
  text-align: center;
  background: #FFF;
}
.c-btn-line span {
  font-size: 1rem;
  line-height: 1;
  letter-spacing: 1px;
  font-weight: bold;
  color: #00C8C5;
  transition: opacity 300ms;
}
@media (hover: hover) and (pointer: fine) {
  .c-btn-line:hover span {
    opacity: 0.6;
  }
}

.c-btn-external {
  display: block;
  width: fit-content;
  background: #FF753A;
  border: 2px solid #FF753A;
  border-radius: 0.3125rem;
  padding: 1.25rem 2.3125rem 1.25rem 1.875rem;
  transition: 300ms;
}
@media only screen and (max-width: 580px) {
  .c-btn-external {
    padding: 1.25rem 1.5rem 1.25rem 1.25rem;
  }
}
.c-btn-external .inner {
  display: flex;
  align-items: center;
  gap: 0.625rem;
}
.c-btn-external .text {
  font-size: 1.125rem;
  font-weight: bold;
  color: #ffffff;
  letter-spacing: 0.05em;
  line-height: 1;
  transition: 300ms;
}
@media only screen and (max-width: 580px) {
  .c-btn-external .text {
    font-size: 1rem;
  }
}
.c-btn-external .icon {
  display: block;
  width: 1.125rem;
  aspect-ratio: 1/1;
  background: url(../../img/icon/link-wh.svg) no-repeat;
  background-position: center;
  background-size: contain;
  transform: translateY(0.125rem);
  transition: 300ms;
}
@media (hover: hover) and (pointer: fine) {
  .c-btn-external:hover {
    background: #ffffff;
    transition: 300ms;
  }
  .c-btn-external:hover .text {
    color: #FF753A;
    transition: 300ms;
  }
  .c-btn-external:hover .icon {
    background: url(../../img/icon/link-orange.svg) no-repeat;
    background-position: center;
    background-size: contain;
    transition: 300ms;
  }
}
.c-btn-external._radius {
  border-radius: 6.25rem;
}
.c-btn-external._ghost {
  background: #ffffff;
}
.c-btn-external._ghost .text {
  color: #FF753A;
  transition: 300ms;
}
.c-btn-external._ghost .icon {
  background: url(../../img/icon/link-orange.svg) no-repeat;
  background-position: center;
  background-size: contain;
  transition: 300ms;
}
.c-btn-external._ghost:hover {
  opacity: 0.6;
}
.c-btn-external._wide {
  width: 100%;
}
.c-btn-external._wide .inner {
  justify-content: center;
}
.c-btn-external._size-s {
  padding: 1.25rem 0.5rem;
}
.c-btn-external._size-s .text {
  font-size: 1rem;
}

.c-card-casestudy a {
  display: block;
}
@media (hover: hover) and (pointer: fine) {
  .c-card-casestudy a:hover .c-btn-icon {
    background: #FFF;
  }
  .c-card-casestudy a:hover .c-btn-icon::before, .c-card-casestudy a:hover .c-btn-icon::after {
    background: #FF753A;
  }
}
.c-card-casestudy .img {
  padding: 1.5rem 0;
}
.c-card-casestudy .img img {
  max-height: 8.75rem;
}
.c-card-casestudy .title {
  width: fit-content;
  font-size: 1.125rem;
  letter-spacing: 1px;
  line-height: 1.4;
  font-weight: bold;
  padding: 0 0.3125rem;
  margin: 1rem auto 0;
}
.c-card-casestudy .title span {
  display: inline-block;
}
.c-card-casestudy .text {
  font-size: 0.9375rem;
  letter-spacing: 1px;
  margin-top: 0.75rem;
}
@media only screen and (max-width: 580px) {
  .c-card-casestudy .text {
    padding: 0 1rem;
  }
}
.c-card-casestudy._sub .title {
  margin: 1.2rem auto 0;
}
.c-card-casestudy._sub .text {
  margin-top: 1rem;
  letter-spacing: 0.0312rem;
}
.c-card-casestudy._sub .img {
  padding: 2.125rem;
}
.c-card-casestudy._sub .img img {
  width: 100%;
  max-height: 8.9375rem;
  height: 100%;
  object-fit: contain;
}
.c-card-casestudy .c-btn-icon {
  margin: 1.5rem auto 0;
}
.c-card-casestudy._01 .img {
  background: #E8FCFC;
}
.c-card-casestudy._01 .title span {
  background: linear-gradient(transparent 60%, #CAF8F8 60%);
}
.c-card-casestudy._02 .img {
  background: #EBF0FD;
}
.c-card-casestudy._02 .title span {
  background: linear-gradient(transparent 60%, #CCD9FA 60%);
}
.c-card-casestudy._03 .img {
  background: #FFF8EB;
}
.c-card-casestudy._03 .title span {
  background: linear-gradient(transparent 60%, #FFECC9 60%);
}
.c-card-casestudy._04 .img {
  background: #FFF4EB;
}
.c-card-casestudy._04 .title span {
  background: linear-gradient(transparent 60%, #FFECC9 60%);
}

.c-card-function .link-area {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
.c-card-function .link-area > .text {
  color: #8EA1B5;
}
@media (hover: hover) and (pointer: fine) {
  .c-card-function .link-area:hover .c-btn-document {
    color: #00E1DE;
  }
  .c-card-function .link-area:hover .c-btn-document::after {
    border-top: 2px solid #00E1DE;
    border-right: 2px solid #00E1DE;
  }
}
.c-card-function .description {
  font-size: 1rem;
  line-height: 1.9;
  letter-spacing: 1px;
  color: #8EA1B5;
  padding: 0 1rem;
}
.c-card-function .title {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.75rem;
  background: #2F6DAE;
  border-radius: 0.3125rem;
  padding: 1rem;
  margin-bottom: 1rem;
}
.c-card-function .title .text {
  font-size: 1.125rem;
  font-weight: bold;
  color: #FFF;
  letter-spacing: 0.125rem;
}
.c-card-function .title .text ._small {
  font-size: 0.875rem;
  letter-spacing: 1px;
  line-height: 1.8;
  font-weight: 500;
  font-feature-settings: "palt";
}
.c-card-function .icon {
  display: block;
  min-width: 2rem;
  height: 2rem;
}
@media only screen and (max-width: 580px) {
  .c-card-function .icon {
    min-width: inherit;
    width: 2rem;
  }
}
.c-card-function .icon svg {
  width: 100%;
  height: 100%;
}
.c-card-function .c-btn-document {
  margin: 0 0 0 auto;
}
.c-card-function._sub {
  height: 100%;
}
.c-card-function._sub .title {
  margin-bottom: 1rem;
}
.c-card-function._sub .description {
  font-size: 0.9375rem;
  line-height: 1.75;
  letter-spacing: 1px;
  font-weight: 500;
  color: #333333;
  font-weight: normal;
  padding: 0 1rem;
}
.c-card-function._tall .title {
  min-height: 5.9375rem;
}
.c-card-function._uniq {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.c-card-plan {
  color: #1D436B;
  background: #E8FCFC;
  border-radius: 0.625rem;
  padding-bottom: 3rem;
}
.c-card-plan .title {
  border-radius: 0.625rem 0.625rem 0 0;
  font-size: 1.5rem;
  font-weight: bold;
  letter-spacing: 0.125rem;
  text-align: center;
  padding: 2.2188rem 1rem 1.7188rem;
  border-bottom: 3px solid #CAF8F8;
}
.c-card-plan .title._sm {
  font-size: 1.125rem;
  letter-spacing: 0.125rem;
  line-height: 1.5;
}
.c-card-plan .catch {
  width: 100%;
  color: #FF753A;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  line-height: 1;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 0;
}
.c-card-plan .catch::before, .c-card-plan .catch::after {
  content: "";
  display: inline-block;
  width: 0.125rem;
  height: 1.5rem;
  background: #FF753A;
  translate: 10% 0;
}
.c-card-plan .catch::before {
  rotate: -25deg;
}
.c-card-plan .catch::after {
  rotate: 25deg;
}
.c-card-plan .catch .sm {
  font-size: 1.125rem;
  letter-spacing: 0.125rem;
}
.c-card-plan .catch .lg {
  font-family: "Poppins", "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
  font-size: 2rem;
  letter-spacing: 0.125rem;
  font-weight: normal;
}
.c-card-plan > .text {
  letter-spacing: 1px;
  padding: 2rem 3rem 0;
}
.c-card-plan .contents {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 11.75rem;
  background: #CAF8F8;
  margin-top: 3rem;
}
.c-card-plan .free {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  align-items: center;
}
.c-card-plan .free .yen {
  font-family: "Poppins", "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
  font-size: 3rem;
  font-weight: 500;
  letter-spacing: 0.02em;
  line-height: 1.16;
}
.c-card-plan .free .text {
  font-size: 0.875rem;
  letter-spacing: 1px;
  line-height: 1.8;
  color: #00C8C5;
}
.c-card-plan .standard {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  align-items: center;
  z-index: 1;
}
.c-card-plan .standard .sm {
  font-size: 1.5rem;
  letter-spacing: 0.125rem;
  line-height: 1.5;
  font-weight: bold;
  margin-top: 1.6875rem;
}
.c-card-plan .standard .lg {
  font-size: 1.25rem;
  font-weight: bold;
  letter-spacing: 1px;
  line-height: 1.6;
}
.c-card-plan .standard .icon {
  font-size: 1.5rem;
  font-weight: bold;
  letter-spacing: 0.02em;
  color: #00C8C5;
  line-height: 1.16;
}
.c-card-plan .request {
  width: 100%;
  padding: 0 1.5rem;
}
.c-card-plan .contact .text {
  font-size: clamp(17px, 1vw, 18px);
  font-weight: 500;
  line-height: 1.75;
  letter-spacing: 0.125rem;
  font-weight: bold;
}
.c-card-plan .request-title {
  font-size: 0.75rem;
  font-weight: 500;
  letter-spacing: 1px;
}
.c-card-plan .request-list {
  margin-top: 0.4375rem;
}
.c-card-plan .request-item {
  display: flex;
  align-items: baseline;
  gap: 1rem;
  padding: 0.25rem 0;
}
.c-card-plan .request-item:not(:first-of-type) {
  border-top: 1px solid #E8FCFC;
}
.c-card-plan .number,
.c-card-plan .price {
  display: flex;
  align-items: baseline;
}
.c-card-plan .number .num,
.c-card-plan .price .num {
  font-family: "Poppins", "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
  font-weight: 500;
}
.c-card-plan .number {
  width: 8.125rem;
  gap: 0.25rem;
  color: #00C8C5;
}
.c-card-plan .number .num {
  font-size: 1.25rem;
  letter-spacing: 0;
  line-height: 1.5;
}
.c-card-plan .number .unit {
  font-size: 0.75rem;
  letter-spacing: 1px;
  font-weight: 500;
}
.c-card-plan .price {
  width: calc(100% - 8.125rem - 1rem);
  font-weight: 500;
  font-family: "Poppins", "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
  justify-content: flex-end;
}
.c-card-plan .price .unit {
  font-size: 1.25rem;
  letter-spacing: 0;
  line-height: 1.5;
}
.c-card-plan .price .num {
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.2;
}
.c-card-plan .sub-title {
  position: absolute;
  top: -35%;
  font-size: 0.875rem;
  letter-spacing: 1px;
  border-radius: 3.125rem;
  background: #FFF;
  padding: 0.5rem 2.5rem;
  /* margin-top: -3rem; */
}
@media only screen and (max-width: 1100px) {
  .c-card-plan .sub-title {
    top: -23%;
  }
}
@media only screen and (max-width: 580px) {
  .c-card-plan .sub-title {
    top: -32%;
  }
}
.c-card-plan._sub {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.c-card-plan._sub .title {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 6.375rem;
  font-size: 1.25rem;
  padding: 0;
}
.c-card-plan._sub > .text {
  font-size: 0.875rem;
  letter-spacing: 1px;
  line-height: 1.8;
  font-weight: 500;
  padding: 1.5rem 1.5rem 0;
  flex-grow: 1;
  max-height: 7.8125rem;
  height: 100%;
}
.c-card-plan._sub .contents {
  margin-top: 2.375rem;
}
.c-card-plan._sub .contents .sm {
  font-size: 1.375rem;
}
.c-card-plan._sub .contents .lg {
  font-size: clamp(17px, 1vw, 18px);
  font-weight: 500;
  line-height: 1.75;
  letter-spacing: 0.125rem;
  font-weight: bold;
}
.c-card-plan._sub .detail {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  flex-grow: 1;
  margin-top: auto;
  padding: 0 1.5rem;
}
.c-card-plan._sub .description {
  width: 100%;
  margin-bottom: 2rem;
}
.c-card-plan._sub .description .row {
  padding: 1rem 0;
}
.c-card-plan._sub .description .row:not(:first-of-type) {
  border-top: 2px solid #CAF8F8;
}
.c-card-plan._sub .desc-title {
  font-size: 0.9375rem;
  font-weight: bold;
  color: #00C8C5;
}
.c-card-plan._sub .desc-data {
  font-size: 0.9375rem;
  line-height: 1.75;
  letter-spacing: 1px;
  font-weight: 500;
  margin-top: 0.5rem;
}
.c-card-plan._sub .desc-data._tall {
  min-height: 3.4375rem;
  height: 100%;
}
.c-card-plan._sub .c-btn-common {
  margin: auto auto 0;
}
.c-card-plan._recommend .title {
  position: relative;
  background: #1D436B;
  color: #FFF;
  overflow: hidden;
}
.c-card-plan._recommend .title::before {
  content: "";
  display: block;
  width: 100%;
  height: 0.9375rem;
  background: #FF753A;
  position: absolute;
  top: 0;
  left: 0;
}

.c-card-flow {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media only screen and (max-width: 800px) {
  .c-card-flow {
    flex-direction: row;
    gap: 1.5rem;
  }
}
.c-card-flow .num {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 4rem;
  height: 4rem;
  font-family: "Poppins", "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
  color: #FF753A;
  font-size: 1.75rem;
  line-height: 1;
  letter-spacing: 0.125rem;
  border-radius: 50%;
  background: #FFF;
  border: 2px solid #FF753A;
}
@media only screen and (max-width: 580px) {
  .c-card-flow .num {
    width: 11.0344827586vw;
    height: 11.0344827586vw;
    font-size: 4.8275862069vw;
  }
}
.c-card-flow .title {
  font-size: 1.125rem;
  font-weight: 500;
  letter-spacing: 0.125rem;
  color: #133559;
  text-align: center;
  margin-top: 1.5rem;
  white-space: nowrap;
}
@media only screen and (max-width: 800px) {
  .c-card-flow .title {
    margin-top: 0;
  }
}
@media only screen and (max-width: 580px) {
  .c-card-flow .title {
    text-align: left;
  }
}
.c-card-flow._last .num {
  background: #FF753A;
  color: #FFF;
}

.c-card-bubble {
  font-size: clamp(17px, 1vw, 18px);
  font-weight: 500;
  line-height: 1.75;
  letter-spacing: 0.125rem;
  font-weight: bold;
  color: #FFF;
  text-align: center;
  border-radius: 0.3125rem;
  background: #00C8C5;
  padding: 1.5rem;
}
@media only screen and (max-width: 800px) {
  .c-card-bubble {
    letter-spacing: 0.3125rem;
    writing-mode: vertical-rl;
    margin-right: 2rem;
  }
}
@media only screen and (max-width: 580px) {
  .c-card-bubble {
    padding: 1rem;
    margin-right: 1rem;
  }
}
.c-card-bubble._last {
  background: #CAF8F8;
  color: #133559;
}

.c-card-info {
  box-shadow: 0px 3px 20px rgba(29, 67, 107, 0.1);
  border-radius: 0.625rem;
  overflow: hidden;
  position: relative;
}
.c-card-info a {
  display: block;
  height: 100%;
}
.c-card-info .img {
  position: relative;
  padding-top: 70.796460177%;
  overflow: hidden;
  margin: 0;
}
.c-card-info .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}
.c-card-info .text-wrap {
  padding: 1.5rem 1.5rem 5rem;
  /* height: 220px; */
}
.c-card-info .tag-list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.c-card-info .title {
  font-size: 1rem;
  line-height: 1.9;
  letter-spacing: 1px;
  font-weight: 500;
  margin-top: 0.75rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.c-card-info .date {
  position: absolute;
  bottom: 1.5rem;
  margin-top: 1.5rem;
  /* padding: 0 24px; */
  display: block;
  font-family: "Poppins", "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
  letter-spacing: 0.125rem;
  font-size: 1rem;
  color: #888888;
}

.c-card-usecase {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
@media only screen and (max-width: 580px) {
  .c-card-usecase {
    gap: 1.5rem;
  }
}
.c-card-usecase > .heading {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  background: #F5F5F5;
  border-radius: 0.5rem;
  padding: 1.5rem 3.5rem;
}
@media only screen and (max-width: 800px) {
  .c-card-usecase > .heading {
    padding: 2.7586206897vw 5.5172413793vw;
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
  }
}
@media only screen and (max-width: 580px) {
  .c-card-usecase > .heading {
    padding: 2rem 5.5172413793vw;
  }
}
.c-card-usecase > .heading .text {
  font-size: clamp(18px, 1vw, 20px);
  letter-spacing: 0.125rem;
  font-weight: 500;
  line-height: 1.5;
  max-width: calc(100% - 4.25rem - 1.5rem);
}
@media only screen and (max-width: 800px) {
  .c-card-usecase > .heading .text {
    max-width: inherit;
  }
}

.c-card-resolution {
  background: #FFF;
  border-radius: 0.5rem;
  padding-top: 3rem;
  box-shadow: 0px 3px 20px rgba(29, 67, 107, 0.1);
}
@media only screen and (max-width: 580px) {
  .c-card-resolution {
    padding-top: 2rem;
  }
}
.c-card-resolution .heading .text {
  font-size: clamp(18px, 1vw, 20px);
  letter-spacing: 0.125rem;
  font-weight: 500;
  line-height: 1.5;
  color: #133559;
  margin-top: 1rem;
}
.c-card-resolution .sub-heading {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  width: 100%;
  margin-bottom: 1rem;
}
.c-card-resolution .sub-heading::after {
  content: "";
  display: block;
  width: 100%;
  height: 0.125rem;
  background: #CAF8F8;
}
.c-card-resolution .sub-heading .title {
  font-size: clamp(18px, 1vw, 20px);
  letter-spacing: 0.125rem;
  font-weight: 500;
  line-height: 1.5;
  color: #00C8C5;
  max-width: 5.625rem;
  width: 100%;
}
.c-card-resolution .content {
  padding: 0 3.5rem 3.5rem;
}
@media only screen and (max-width: 800px) {
  .c-card-resolution .content {
    padding: 0 5.5172413793vw 8.275862069vw;
  }
}
.c-card-resolution .container {
  display: flex;
  align-items: center;
  gap: 3.5rem;
  margin-top: 2rem;
}
@media only screen and (max-width: 800px) {
  .c-card-resolution .container {
    flex-direction: column;
    gap: 1.5rem;
    margin-top: 1.5rem;
  }
}
.c-card-resolution .container .img {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  max-width: 30.625rem;
  max-height: 17.25rem;
  border: 2px solid #F5F5F5;
  padding: 5.5rem;
}
@media only screen and (max-width: 1100px) {
  .c-card-resolution .container .img {
    width: 50%;
  }
}
@media only screen and (max-width: 800px) {
  .c-card-resolution .container .img {
    width: 100%;
    max-width: inherit;
    padding: 1.5rem;
  }
}
.c-card-resolution .container .img img {
  max-width: 19.375rem;
  height: auto;
  aspect-ratio: 1.618/1;
}
.c-card-resolution .container .text {
  max-width: 30.625rem;
  font-size: clamp(18px, 1vw, 20px);
  letter-spacing: 0.125rem;
  font-weight: 500;
  line-height: 1.5;
  color: #133559;
}
.c-card-resolution .list-api {
  background: #E8FCFC;
  padding: 2rem 0 3rem;
}
.c-card-resolution .list-api-title {
  font-size: 1.125rem;
  letter-spacing: 0.125rem;
  font-weight: 500;
  text-align: center;
  color: #133559;
}
.c-card-resolution .list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(12.5rem, 1fr));
  gap: 3rem;
  margin: 2rem auto 0;
  padding: 0 3.5rem;
}
@media only screen and (max-width: 800px) {
  .c-card-resolution .list {
    gap: 2rem;
  }
}
@media only screen and (max-width: 800px) {
  .c-card-resolution .list {
    padding: 0 5.5172413793vw;
  }
}
.c-card-resolution .list._2col {
  max-width: 42.125rem;
  grid-template-columns: repeat(auto-fit, minmax(12.5rem, 1fr));
  padding: 0 1.5rem;
}
@media only screen and (max-width: 800px) {
  .c-card-resolution .list._2col {
    padding: 0 5.5172413793vw;
  }
}

.c-card-voice .c-card-list {
  margin-top: 4rem;
}
.c-card-voice .c-card-list .list {
  margin-top: 1.5rem;
}
.c-card-voice .c-list-dot:not(:first-of-type) {
  margin-top: 1rem;
}

.c-card-list {
  background: #FFF;
  border-radius: 0.5rem;
  box-shadow: 0px 3px 20px rgba(29, 67, 107, 0.1);
  padding: 2rem 3.5rem;
}
@media only screen and (max-width: 580px) {
  .c-card-list {
    padding: 1.5rem 5.5172413793vw;
  }
}
.c-card-list .title {
  font-size: clamp(22px, 1vw, 24px);
  line-height: 1.75;
  letter-spacing: 0.125rem;
  font-weight: 500;
  color: #133559;
}

.c-card-task {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.c-card-task .title {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.c-card-task .title .icon {
  display: block;
  width: 2.1875rem;
  height: 2.1875rem;
}
.c-card-task .title .text {
  font-size: clamp(22px, 1vw, 24px);
  line-height: 1.75;
  letter-spacing: 0.125rem;
  font-weight: 500;
  color: #133559;
  display: block;
  margin: 0;
}
.c-card-task .catch {
  font-size: 1.25rem;
  font-weight: bold;
  line-height: 2;
  letter-spacing: 1px;
}
.c-card-task > .text {
  font-size: 1rem;
  letter-spacing: 1px;
  line-height: 2;
  color: #333333;
  margin: 0;
}

.c-card-accordion {
  border-bottom: 1px solid #F5F5F5;
}

.c-card-question {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.5rem 2rem;
}
.c-card-question._renewal {
  padding: 0.95rem 2rem;
}
@media only screen and (max-width: 580px) {
  .c-card-question {
    padding: 1rem;
  }
}
.c-card-question .sentence {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-align: left;
  gap: 1.125rem;
  font-size: 1rem;
  line-height: 1.9;
  letter-spacing: 1px;
  padding: 0 5.5rem 0 3.625rem;
}
@media only screen and (max-width: 580px) {
  .c-card-question .sentence {
    padding: 0 1rem 0 3rem;
  }
}
.c-card-question .sentence::before {
  content: "";
  width: 2.5rem;
  height: 2.5rem;
  background: url(../../img/icon/question.svg) no-repeat;
  background-size: contain;
  background-position: center;
  position: absolute;
  top: -0.25rem;
  left: 0;
}
@media only screen and (max-width: 580px) {
  .c-card-question .sentence::before {
    width: 2rem;
    height: 2rem;
    top: 0;
  }
}
.c-card-question .icon {
  position: relative;
  display: block;
  width: 1.125rem;
  height: 1.125rem;
}
.c-card-question .icon::before, .c-card-question .icon::after {
  content: "";
  display: block;
  width: 100%;
  height: 0.125rem;
  background: #00C8C5;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.c-card-question .icon::after {
  transform: translate(-50%, -50%) rotate(90deg);
  transition: transform 300ms;
}
.is-active .c-card-question .icon::after {
  transform: translate(-50%, -50%) rotate(0deg);
}

.c-card-answer {
  background: #E8FCFC;
  padding: 1.5rem 2rem;
}
@media only screen and (max-width: 580px) {
  .c-card-answer {
    padding: 1rem;
  }
}
.c-card-answer .sentence {
  position: relative;
  display: flex;
  align-items: flex-start;
  padding: 0 5.5rem 0 3.625rem;
  font-size: 1rem;
  line-height: 1.9;
  letter-spacing: 1px;
}
@media only screen and (max-width: 580px) {
  .c-card-answer .sentence {
    padding: 0 0 0 3rem;
  }
}
.c-card-answer .sentence::before {
  content: "";
  width: 2.5rem;
  height: 2.5rem;
  background: url(../../img/icon/answer.svg) no-repeat;
  background-size: contain;
  background-position: center;
  position: absolute;
  top: -0.25rem;
  left: 0;
}
@media only screen and (max-width: 580px) {
  .c-card-answer .sentence::before {
    width: 2rem;
    height: 2rem;
    top: 0;
  }
}

.c-card-related-service {
  display: grid;
  grid-template-columns: repeat(2, minmax(18.75rem, 1fr));
  gap: 4.4444444444vw 3.8888888889vw;
}
@media only screen and (max-width: 800px) {
  .c-card-related-service {
    grid-template-columns: repeat(auto-fit, minmax(18.75rem, 1fr));
  }
}
@media only screen and (max-width: 580px) {
  .c-card-related-service {
    gap: 2rem;
  }
}
.c-card-related-service .item {
  box-shadow: 0px 3px 20px rgba(29, 67, 107, 0.1);
  border-radius: 0.625rem;
}
.c-card-related-service .title {
  font-size: clamp(18px, 1vw, 20px);
  letter-spacing: 0.125rem;
  font-weight: 500;
  line-height: 1.5;
  font-weight: bold;
  color: #FFF;
  background: #2F6DAE;
  padding: 1.5rem 0 1.5rem 2.5rem;
  border-radius: 0.625rem 0.625rem 0 0;
}
@media only screen and (max-width: 580px) {
  .c-card-related-service .title {
    padding: 1rem 1.5rem;
  }
}
.c-card-related-service .container {
  padding: 2rem 2.5rem 1.5rem;
  display: flex;
  flex-direction: column;
  background: #FFF;
  border-radius: 0 0 0.625rem 0.625rem;
}
@media only screen and (max-width: 580px) {
  .c-card-related-service .container {
    padding: 2rem 2rem 1.5rem;
  }
}
.c-card-related-service .container .description {
  padding-bottom: 1.5rem;
  margin-bottom: 1.5rem;
  border-bottom: solid 2px #CAF8F8;
}
.c-card-related-service .container .usage-environment .sub-title,
.c-card-related-service .container .usage-environment .text {
  font-size: 0.9375rem;
  line-height: 1.75;
  letter-spacing: 1px;
  font-weight: 500;
}
.c-card-related-service .container .usage-environment .sub-title {
  font-weight: bold;
  color: #133559;
}
.c-card-related-service .container .c-btn-document {
  margin: 0 0 0 auto;
}
@media (hover: hover) and (pointer: fine) {
  .c-card-related-service a:hover .c-btn-document {
    color: #00C8C5;
  }
  .c-card-related-service a:hover .c-btn-document::after {
    border-color: #00C8C5;
  }
}

.c-card-api-link {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 1rem;
  padding: 2rem;
  /* border: 1px solid $Text-UltraLight; */
  border: 2px solid #CAF8F8;
  border-radius: 0.625rem;
  background: #E8FCFC;
  transition: 300ms;
}
@media only screen and (max-width: 580px) {
  .c-card-api-link {
    padding: 1.5rem;
  }
}
@media (hover: hover) and (pointer: fine) {
  .c-card-api-link._hover:hover {
    background: #FFF;
  }
}
.c-card-api-link._TextLink {
  align-items: flex-start;
}
.c-card-api-link .content {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  gap: 2rem;
}
@media only screen and (max-width: 580px) {
  .c-card-api-link .content {
    flex-direction: column;
  }
}
.c-card-api-link {
  /* .img {
  	width: 30%;

  	@media only screen and (max-width: $Bp-Mobile) {
  		width: 100%;
  	}


  	img {
  		height: 100%;
  		object-fit: contain;
  	}
  } */
}
.c-card-api-link .text-wrap {
  width: 100%;
}
.c-card-api-link .text-wrap p {
  color: #888888;
  font-size: 0.9375rem;
}
.c-card-api-link .text-wrap a {
  color: #888888;
  text-decoration: underline;
}
.c-card-api-link .link-title {
  margin-bottom: 0.75rem;
  /* font-size: 18px; */
  color: #133559;
  font-weight: bold;
}
.c-card-api-link .description {
  font-size: 0.9375rem;
  color: #888888;
}
.c-card-api-link .c-btn-document span {
  font-size: 0.875rem;
}

.c-card-casestudy-article {
  border-radius: 0.5rem;
  overflow: hidden;
  max-width: 67.5rem;
}
.c-card-casestudy-article._archive .img {
  height: 23.6875rem;
  background: #FFF;
  border-right: 1px solid #E5E5E5;
  box-sizing: border-box;
}
@media only screen and (max-width: 800px) {
  .c-card-casestudy-article._archive .img {
    border-right: none;
    border-bottom: 1px solid #E5E5E5;
  }
}
.c-card-casestudy-article._archive .img .img-liner {
  display: none;
}
.c-card-casestudy-article._archive .img img {
  width: 100%;
  object-fit: contain;
  padding: 0;
  box-sizing: border-box;
}
.c-card-casestudy-article a {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  flex-wrap: nowrap;
}
@media only screen and (max-width: 800px) {
  .c-card-casestudy-article a {
    flex-direction: column;
  }
}
.c-card-casestudy-article .img {
  position: relative;
  width: 40%;
  height: 20rem;
}
@media only screen and (max-width: 800px) {
  .c-card-casestudy-article .img {
    width: 100%;
    height: 100%;
  }
}
@media only screen and (max-width: 580px) {
  .c-card-casestudy-article .img {
    position: relative;
    padding-top: 70.796460177%;
    overflow: hidden;
    margin: 0;
    height: 100%;
  }
  .c-card-casestudy-article .img img {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }
}
.c-card-casestudy-article .img .img-liner {
  position: absolute;
  top: 0;
  right: 0;
  width: 20%;
  height: 100%;
  background: linear-gradient(270deg, #DEDEDE -111.8%, rgba(222, 222, 222, 0) 70%);
  mix-blend-mode: multiply;
}
.c-card-casestudy-article .img img {
  height: 100%;
  object-fit: cover;
}
.c-card-casestudy-article .text-wrap {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  width: 60%;
  background: #FFF;
  padding: 4rem;
}
@media only screen and (max-width: 800px) {
  .c-card-casestudy-article .text-wrap {
    width: 100%;
  }
}
@media only screen and (max-width: 580px) {
  .c-card-casestudy-article .text-wrap {
    padding: 2rem;
    gap: 1rem;
  }
}
.c-card-casestudy-article .text-wrap .title {
  font-size: clamp(20px, 1vw, 22px);
  font-weight: 500;
  letter-spacing: 0.125rem;
  line-height: 1.5;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.c-card-casestudy-article .text-wrap .text {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.c-card-casestudy-article .text-wrap .head {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.c-card-casestudy-article .text-wrap .user-name {
  font-size: clamp(17px, 1vw, 18px);
  font-weight: 500;
  line-height: 1.75;
  letter-spacing: 0.125rem;
  font-weight: bold;
  color: #133559;
}
.c-card-casestudy-article .text-wrap .accent {
  color: #FF753A;
}

.c-card-kintone-can {
  max-width: 22.25rem;
  width: 100%;
  background: #E8FCFC;
  border-radius: 0.625rem;
  padding: 1.5rem 2rem;
}
@media only screen and (max-width: 580px) {
  .c-card-kintone-can {
    max-width: none;
    padding: 1.5rem 1.5rem;
  }
}
.c-card-kintone-can .heading {
  min-height: 5.25rem;
  font-size: 1.25rem;
  font-weight: bold;
  color: #133559;
  letter-spacing: 0;
  line-height: 1.8;
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 1.25rem;
}
@media only screen and (max-width: 580px) {
  .c-card-kintone-can .heading {
    flex-direction: column;
    gap: 0.5rem;
    text-align: center;
  }
}
.c-card-kintone-can .heading::before {
  content: attr(data-num);
  font-family: "Poppins", "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
  font-weight: 500;
  font-size: 2.5rem;
  letter-spacing: 0.125rem;
  line-height: 1;
  color: #00E1DE;
}
.c-card-kintone-can .annotation {
  font-size: 0.875rem;
  line-height: 1.75;
  letter-spacing: 0;
  color: #888888;
}

.c-card-mix-txt-img .wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 2rem;
}
@media only screen and (max-width: 800px) {
  .c-card-mix-txt-img .wrap {
    flex-direction: column;
  }
}
.c-card-mix-txt-img .img {
  max-width: 18.75rem;
  width: 100%;
  aspect-ratio: 1/1;
}
@media only screen and (max-width: 580px) {
  .c-card-mix-txt-img .img {
    max-width: 15rem;
  }
}
.c-card-mix-txt-img .text-area {
  max-width: 34.375rem;
  width: 100%;
}
.c-card-mix-txt-img .heading {
  font-size: 1.5rem;
  font-weight: bold;
  color: #ffffff;
  letter-spacing: 0;
  line-height: 1.75;
  margin-bottom: 1.5rem;
}
@media only screen and (max-width: 580px) {
  .c-card-mix-txt-img .heading {
    text-align: center;
    font-size: 1.25rem;
  }
}
.c-card-mix-txt-img .text {
  color: #8EA1B5;
  letter-spacing: 0;
  line-height: 1.75;
}

.c-code-editor {
  border-radius: 0.625rem;
  overflow: hidden;
}
.c-code-editor .typ-wrap {
  background: #F9F9F9;
  padding: 2.5rem 2rem 1.5rem 2.5rem;
  margin: 0 calc(50% - 50vw) 0 0;
}
.c-code-editor .typ-wrap._file-title {
  background: #00C8C5;
  padding: 0.75rem 3rem;
}
.c-code-editor .typ-wrap._file-title .typ {
  padding-left: 0;
}
.c-code-editor .typ-wrap._file-title .bb {
  color: #BED8D7;
}
.c-code-editor .typ-wrap._result {
  padding: 1.5rem 2rem 2.5rem 2.5rem;
  height: 15.625rem;
  background: #E8FCFC;
}
.c-code-editor .typ-wrap._result .typ {
  display: flex;
  gap: 0.3ch;
  line-height: 1.6;
  padding-left: 1ch;
  margin-bottom: 0.25rem;
}
.c-code-editor .typ-wrap._result .wrap {
  width: 100%;
  overflow: hidden;
  border-right: 2px solid #8EA1B5;
}
.c-code-editor span {
  font-family: "Source Code Pro", monospace;
  font-size: 0.8125rem;
}
.c-code-editor .typ {
  position: relative;
  overflow: hidden;
  white-space: nowrap;
  font-size: 0.8125rem;
  padding-left: 3ch;
  line-height: 1.3;
  border-right: 2px solid #8EA1B5;
  opacity: 0;
}
.c-code-editor .typ._tab1 {
  padding: 0 0 0 3.5ch;
}
.c-code-editor .typ::before {
  content: "";
  position: absolute;
  left: 0;
  width: 2ch;
  text-align: right;
  color: #CDCDCD;
  font-family: "Source Code Pro", monospace;
}
.c-code-editor .result-wrap .typ {
  border: none;
  flex-direction: column;
}
.c-code-editor .ff {
  color: #2F6DAE;
}
.c-code-editor .bb {
  color: #00C8C5;
}
.c-code-editor .og {
  color: #FF753A;
}
.c-code-editor .su {
  color: #728ECD;
}
.c-code-editor .hidden {
  opacity: 0;
}
.c-code-editor.is-start .typ {
  opacity: 1;
}
.c-code-editor.is-start #typ1,
.c-code-editor.is-start #typ1 span {
  animation: typ1 1.3s steps(16, end) 0s, curs 0.4s infinite alternate-reverse;
}
.c-code-editor.is-start #typ1::before {
  content: "1";
  animation: numb 0.3s;
}
@keyframes typ1 {
  0% {
    width: 0;
  }
  100% {
    width: 16ch;
  }
}
.c-code-editor.is-start #typ2,
.c-code-editor.is-start #typ2 span {
  animation: typ2 1.3s steps(12, end) 1.8s, curs 0.4s infinite alternate-reverse, display 1.8s;
}
@keyframes typ2 {
  0% {
    width: 0;
  }
  100% {
    width: 12ch;
  }
}
.c-code-editor.is-start #typ2::before {
  content: "2";
  animation: display 1.8s;
}
.c-code-editor.is-start #typ3,
.c-code-editor.is-start #typ3 span {
  animation: fin 0.4s steps(1) 3.2s, curs 0.4s infinite alternate-reverse, display 3.2s;
}
.c-code-editor.is-start #typ3::before {
  content: "3";
  animation: display 3.2s;
}
.c-code-editor.is-start #typ4,
.c-code-editor.is-start #typ4 span {
  animation: typ4 1.3s steps(16, end) 3.8s, curs 0.4s infinite alternate-reverse, display 3.8s;
}
@keyframes typ4 {
  0% {
    width: 0;
  }
  100% {
    width: 16ch;
  }
}
.c-code-editor.is-start #typ4::before {
  content: "4";
  animation: display 3.8s;
}
.c-code-editor.is-start #typ5,
.c-code-editor.is-start #typ5 span {
  animation: fin 0.4s steps(1) 5.2s, curs 0.4s infinite alternate-reverse, display 5.2s;
}
.c-code-editor.is-start #typ5::before {
  content: "5";
  animation: display 5.2s;
}
.c-code-editor.is-start #typ6,
.c-code-editor.is-start #typ6 span {
  animation: typ6 0.5s steps(9, end) 5.8s, curs 0.4s infinite alternate-reverse, display 5.8s;
}
@keyframes typ6 {
  0% {
    width: 0;
  }
  100% {
    width: 9ch;
  }
}
.c-code-editor.is-start #typ6::before {
  content: "6";
  animation: display 5.8s;
}
.c-code-editor.is-start #typ7,
.c-code-editor.is-start #typ7 span {
  animation: typ7 1.3s steps(19, end) 6.8s, curs 0.4s infinite alternate-reverse, display 6.8s;
}
@keyframes typ7 {
  0% {
    width: 0;
  }
  100% {
    width: 19ch;
  }
}
.c-code-editor.is-start #typ7::before {
  content: "7";
  animation: display 6.8s;
}
.c-code-editor.is-start #typ8,
.c-code-editor.is-start #typ8 span {
  animation: typ8 1.3s steps(17, end) 8.2s, curs 0.4s infinite alternate-reverse, display 8.2s;
}
@keyframes typ8 {
  0% {
    width: 0;
  }
  100% {
    width: 17ch;
  }
}
.c-code-editor.is-start #typ8::before {
  content: "8";
  animation: display 8.2s;
}
.c-code-editor.is-start #typ9,
.c-code-editor.is-start #typ9 span {
  animation: typ9 1.3s steps(15, end) 9.6s, curs 0.4s infinite alternate-reverse, display 9.6s;
}
@keyframes typ9 {
  0% {
    width: 0;
  }
  100% {
    width: 15ch;
  }
}
.c-code-editor.is-start #typ9::before {
  content: "9";
  animation: display 9.6s;
}
.c-code-editor.is-start #typ10,
.c-code-editor.is-start #typ10 span {
  animation: fin 0.4s steps(13, end) 11s, curs 0.4s infinite alternate-reverse, display 11s;
}
.c-code-editor.is-start #typ10::before {
  content: "10";
  animation: display 11s;
}
.c-code-editor.is-start #typ11,
.c-code-editor.is-start #typ11 span {
  animation: fin 0.4s steps(1, end) 11.4s, curs 0.4s infinite alternate-reverse, display 11.4s;
}
.c-code-editor.is-start #typ11::before {
  content: "11";
  animation: display 11.4s;
}
.c-code-editor.is-start #typ12,
.c-code-editor.is-start #typ12 span {
  animation: typ12 1.8s steps(15, end) 11.8s, curs 0.4s infinite alternate-reverse, display 11.8s;
}
@keyframes typ12 {
  0% {
    width: 0;
  }
  50% {
    width: 15ch;
  }
  100% {
    width: 15ch;
  }
}
.c-code-editor.is-start #typ12::before {
  content: "12";
  animation: display 11.8s;
}
.c-code-editor.is-start #typ13,
.c-code-editor.is-start #typ13 span {
  animation: typ13 0.8s steps(12, end) 13.6s, curs 0.4s infinite alternate-reverse, display 13.6s;
}
@keyframes typ13 {
  0% {
    width: 0;
  }
  100% {
    width: 12ch;
  }
}
.c-code-editor.is-start #typ13::before {
  content: "13";
  animation: display 13.6s;
}
.c-code-editor.is-start #typ14,
.c-code-editor.is-start #typ14 span {
  animation: fin 0.4s steps(1, end) 14.4s, curs 0.4s infinite alternate-reverse, display 14.4s;
}
.c-code-editor.is-start #typ14::before {
  content: "14";
  animation: display 14.4s;
}
.c-code-editor.is-start #typ15,
.c-code-editor.is-start #typ15 span {
  animation: typ15 2.4s steps(32, end) 14.8s, curs 0.4s infinite alternate-reverse, display 14.8s;
}
@keyframes typ15 {
  0% {
    width: 0;
  }
  50% {
    width: 23ch;
  }
  69% {
    width: 23ch;
  }
  70% {
    width: 32.5ch;
  }
  100% {
    width: 32.5ch;
  }
}
.c-code-editor.is-start #typ15::before {
  content: "15";
  animation: display 14.8s;
}
.c-code-editor.is-start #typ16,
.c-code-editor.is-start #typ16 span {
  animation: typ16 2.4s steps(30, end) 17.4s, curs 0.4s infinite alternate-reverse, display 17.4s;
}
@keyframes typ16 {
  0% {
    width: 0;
  }
  50% {
    width: 21.5ch;
  }
  69% {
    width: 21.5ch;
  }
  70% {
    width: 30.5ch;
  }
  100% {
    width: 30.5ch;
  }
}
.c-code-editor.is-start #typ16::before {
  content: "16";
  animation: display 17.4s;
}
.c-code-editor.is-start #typ17,
.c-code-editor.is-start #typ17 span {
  animation: fin 0.4s steps(1, end) 19.8s, curs 0.4s infinite alternate-reverse, display 19.8s;
}
.c-code-editor.is-start #typ17::before {
  content: "17";
  animation: display 19.8s;
}
.c-code-editor.is-start #typ18,
.c-code-editor.is-start #typ18 span {
  animation: typ18 1.4s steps(17, end) 20.2s, curs 0.4s infinite alternate-reverse, display 20.2s;
}
@keyframes typ18 {
  0% {
    width: 0;
  }
  100% {
    width: 17.5ch;
  }
}
.c-code-editor.is-start #typ18::before {
  content: "18";
  animation: display 20.2s;
}
.c-code-editor.is-start #typ19,
.c-code-editor.is-start #typ19 span {
  animation: typ19 1.4s steps(18, end) 21.6s, curs 0.4s infinite alternate-reverse, display 21.6s;
}
@keyframes typ19 {
  0% {
    width: 0;
  }
  50% {
    width: 10ch;
  }
  69% {
    width: 10ch;
  }
  70% {
    width: 18ch;
  }
  100% {
    width: 18ch;
  }
}
.c-code-editor.is-start #typ19::before {
  content: "19";
  animation: display 21.6s;
}
.c-code-editor.is-start #typ20,
.c-code-editor.is-start #typ20 span {
  animation: typ20 0.8s steps(3, end) 23s, curs 0.4s infinite alternate-reverse, display 23s;
}
@keyframes typ20 {
  0% {
    width: 0;
  }
  40% {
    width: 2ch;
  }
  80% {
    width: 4ch;
  }
  100% {
    width: 6ch;
  }
}
.c-code-editor.is-start #typ20::before {
  content: "20";
  animation: display 23s;
}
.c-code-editor.is-start #typ21,
.c-code-editor.is-start #typ21 span {
  animation: typ21 0.1s 24s;
  animation-fill-mode: forwards;
}
@keyframes typ21 {
  to {
    color: #FFF;
  }
}
.c-code-editor.is-start #typ22,
.c-code-editor.is-start #typ22 span {
  animation: typ22 1s steps(7, end) 25s, curs 0.4s infinite alternate-reverse, display 25s;
}
@keyframes typ22 {
  0% {
    width: 0;
  }
  50% {
    width: 3ch;
  }
  69% {
    width: 3ch;
  }
  70% {
    width: 10ch;
  }
  100% {
    width: 10ch;
  }
}
.c-code-editor.is-start #typ23,
.c-code-editor.is-start #typ23 span {
  animation: typ23 0.8s steps(3, end) 26.8s, display 26.8s;
}
@keyframes typ23 {
  0% {
    height: 0;
  }
  1% {
    height: 1.2ch;
  }
  19% {
    height: 1.2ch;
  }
  20% {
    height: 13ch;
  }
  30% {
    height: 13ch;
  }
}
@keyframes fin {
  0% {
    width: 0;
  }
  100% {
    width: 1ch;
  }
}
@keyframes curs {
  0% {
    border-color: transparent;
  }
}
@keyframes display {
  0% {
    color: transparent;
    border: none;
  }
  100% {
    color: transparent;
    border: none;
  }
}

input[type=text],
input[type=email],
input[type=number],
input[type=tel],
button,
textarea,
select {
  color: #000;
}

input[type=submit] {
  color: #000;
}

.c-form-card {
  background: #FFF;
  padding: 5rem 6.25rem;
  border-radius: 0.625rem;
  box-shadow: 0px 3px 20px rgba(29, 67, 107, 0.1);
  margin-bottom: 6.25rem;
}
@media only screen and (max-width: 800px) {
  .c-form-card {
    padding: 2rem;
  }
}
@media only screen and (max-width: 580px) {
  .c-form-card {
    padding: 1.5rem 1rem;
  }
}

.c-form-item .label {
  display: flex;
  gap: 0.75rem;
  font-size: 1rem;
  font-weight: bold;
  letter-spacing: 1px;
}
@media only screen and (max-width: 580px) {
  .c-form-item .label._sp-column {
    flex-direction: column;
  }
}
.c-form-item input[type=text],
.c-form-item input[type=email] {
  font-size: 1rem;
  line-height: 1.9;
  letter-spacing: 1px;
  width: 100%;
  border-radius: 0.3125rem;
  background: #E8FCFC;
  padding: 0.5rem 1.5rem;
}
@media only screen and (max-width: 580px) {
  .c-form-item input[type=text],
  .c-form-item input[type=email] {
    padding: 0.5rem 1rem;
  }
}
.c-form-item input[type=text]::placeholder,
.c-form-item input[type=email]::placeholder {
  color: #888888;
}
.c-form-item textarea {
  font-size: 1rem;
  line-height: 1.9;
  letter-spacing: 1px;
  width: 100%;
  border-radius: 0.3125rem;
  background: #E8FCFC;
  padding: 0.5rem 1.5rem;
}
.c-form-item._short input[type=text] {
  width: 11.25rem;
}
.c-form-item .input-wrap {
  margin-top: 0.75rem;
}
.c-form-item .input-wrap._row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1rem;
}
.mw_wp_form_confirm .c-form-item .input-wrap, .mw_wp_form_preview .c-form-item .input-wrap {
  margin-top: 0.375rem;
}
.c-form-item .input-wrap .others {
  align-items: center;
  margin-top: 1rem;
}
.c-form-item .input-wrap .others .c-btn-radio {
  width: 15%;
}
.c-form-item .input-wrap .others input[type=text] {
  max-width: 38.375rem;
}
.c-form-item .text {
  font-size: 0.875rem;
  letter-spacing: 1px;
  line-height: 1.8;
  font-weight: 500;
  color: #8EA1B5;
  margin-top: 0.5rem;
}
.mw_wp_form_confirm .c-form-item .text, .mw_wp_form_preview .c-form-item .text {
  display: none;
}

.c-btn-radio label {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  cursor: pointer;
}
.c-btn-radio .icon {
  position: relative;
  min-width: 1.25rem;
  height: 1.25rem;
  border-radius: 50%;
  border: 1px solid #333333;
}
.c-btn-radio .icon::before {
  content: "";
  display: block;
  width: 0.75rem;
  height: 0.75rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #00C8C5;
  border-radius: 50%;
  opacity: 0;
}
.c-btn-radio .title {
  font-size: 1rem;
  line-height: 1.9;
  letter-spacing: 1px;
  transition: color 300ms;
}
.c-btn-radio input, .c-btn-radio .input-wrap {
  display: none;
}
.c-btn-radio input:checked + .icon::before {
  opacity: 1;
}
@media (hover: hover) and (pointer: fine) {
  .c-btn-radio:hover .title {
    color: #00C8C5;
  }
}

.c-btn-checkbox label {
  position: relative;
  cursor: pointer;
}
.c-btn-checkbox label::before {
  content: "";
  display: inline-block;
  width: 1.25rem;
  height: 1.25rem;
  border: 2px solid #00C8C5;
  border-radius: 0.25rem;
  background: #fff;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.c-btn-checkbox span {
  font-size: 0.9375rem;
  line-height: 1.86;
  display: inline-block;
  position: relative;
  transform: translateX(1.75rem);
}
.c-btn-checkbox span a {
  text-decoration: underline;
  transition: 0.3s;
}
@media (hover: hover) and (pointer: fine) {
  .c-btn-checkbox span a:hover {
    transition: 0.3s;
    opacity: 0.7;
  }
}
.c-btn-checkbox label:has(input:checked)::before {
  background: #00C8C5;
}
.c-btn-checkbox input:checked + span::before,
.c-btn-checkbox input:checked + span::after {
  content: "";
  display: block;
  height: 0.125rem;
  width: 0.3125rem;
  background: #fff;
  border-radius: 0.625rem;
  transform: rotate(45deg);
  position: absolute;
  left: -1.4688rem;
  top: -0.8125rem;
  bottom: -0.3125rem;
  margin: auto;
}
.c-btn-checkbox input:checked + span::after {
  transform: rotate(-45deg);
  width: 0.625rem;
  left: -1.375rem;
  bottom: -0.125rem;
}

.c-select-item {
  position: relative;
}
.c-select-item::after {
  content: "";
  display: block;
  width: 0.5rem;
  height: 0.5rem;
  border-right: 2px solid #133559;
  border-bottom: 2px solid #133559;
  position: absolute;
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
  right: 1.5rem;
}
.mw_wp_form_confirm .c-select-item::after, .mw_wp_form_preview .c-select-item::after {
  content: none;
}
.c-select-item .select {
  width: 100%;
  border-radius: 0.3125rem;
  background: #E8FCFC;
  padding: 0.5rem 3rem 0.5rem 1.5rem;
}
.c-select-item._short {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.c-select-item._short .select {
  width: 6.25rem;
}
.c-select-item._short::after {
  right: 7.375rem;
}

.c-form-item {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.c-submit-wrap {
  position: relative;
  width: 17.1875rem;
}
.c-submit-wrap::after {
  content: "";
  width: 0.5rem;
  height: 0.5rem;
  display: block;
  border-right: 2px solid #FFF;
  border-bottom: 2px solid #FFF;
  position: absolute;
  top: 50%;
  transform: translateY(-50%) rotate(-45deg);
  right: 1.625rem;
  pointer-events: none;
}
.c-submit-wrap .c-btn-submit {
  width: 100%;
  border-radius: 0.3125rem;
  background: #FF753A;
  font-size: 1rem;
  color: #fff;
  font-weight: bold;
  letter-spacing: 1px;
  padding: 0.9375rem 2.5rem;
  border: none;
  cursor: pointer;
}
.c-submit-wrap .c-btn-submit:disabled {
  background: #DEDEDE;
}

.c-form-card .c-btn-backform {
  font-size: 0.875rem;
  letter-spacing: 1px;
  font-weight: 500;
  text-decoration: underline;
  color: #133559;
  padding: 0.75rem 0;
  cursor: pointer;
}

.c-thanks-text {
  font-size: 1rem;
  line-height: 1.9;
  letter-spacing: 1px;
  color: #333333;
  text-align: center;
}

.mw_wp_form_confirm .confirm-hidden {
  display: none;
}

.mw_wp_form_input .input-hidden {
  display: none;
}

#mw_wp_form_mw-wp-form-530 .oneormore-error .error {
  text-align: center;
}

#mw_wp_form_mw-wp-form-536 .c-form-item .input-wrap {
  margin-top: 0.75rem;
}
#mw_wp_form_mw-wp-form-536 .c-form-item .input-wrap .others {
  margin-top: 0.75rem;
}
#mw_wp_form_mw-wp-form-536 .c-form-item .input-wrap .others input[type=text] {
  margin-top: 0.75rem;
}

.c-heading-section {
  opacity: 0;
  transform: translateY(1.5rem);
}
.c-heading-section .text {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-size: clamp(22px, 3vw, 24px);
  font-weight: bold;
  letter-spacing: 0.125rem;
  color: #133559;
  text-align: center;
}
.c-heading-section .text::before {
  content: attr(data-en);
  font-family: "Poppins", "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
  font-size: clamp(56px, 6vw, 80px);
  font-weight: 500;
  letter-spacing: 0.1875rem;
  line-height: 1;
  text-align: center;
  color: #CAF8F8;
  margin-bottom: -2rem;
  z-index: -1;
}
@media only screen and (max-width: 580px) {
  .c-heading-section .text::before {
    margin-bottom: -1.5rem;
  }
}
.c-heading-section._blight .text {
  color: #00E1DE;
}
.c-heading-section._blight .text::before {
  color: #2F6DAE;
}
.c-heading-section._secondary .text::before {
  color: #A5F3F3;
}
.is-on .c-heading-section {
  opacity: 1;
  transform: translateY(0rem);
  transition-property: all;
  transition-duration: 0.95s;
  transition-timing-function: ease;
  transition-delay: 0s;
}
.c-heading-section._404 {
  opacity: 1;
  transform: translateY(0);
}

.c-heading-sub {
  font-size: clamp(20px, 1vw, 22px);
  font-weight: 500;
  letter-spacing: 0.125rem;
  line-height: 1.5;
  color: #133559;
  text-align: center;
}

.c-heading-page .sentence {
  font-size: 2rem;
  font-weight: bold;
  color: #133559;
  letter-spacing: 0.125rem;
}
.c-heading-page .sentence::before {
  content: attr(data-en);
  font-family: "Poppins", "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
  font-size: 5rem;
  letter-spacing: 0.1875rem;
  line-height: 1;
  color: #CAF8F8;
  font-weight: 500;
  display: block;
  margin-bottom: -2rem;
}
@media only screen and (max-width: 580px) {
  .c-heading-page .sentence::before {
    font-size: 3.5rem;
  }
}
@media only screen and (max-width: 580px) {
  .c-heading-page .sentence {
    font-size: 5.5172413793vw;
  }
}

.c-heading-common {
  display: flex;
  align-items: baseline;
  justify-content: center;
  flex-wrap: wrap;
}
.c-heading-common .sentence {
  font-size: clamp(22px, 1vw, 24px);
  line-height: 1.75;
  letter-spacing: 0.125rem;
  font-weight: 500;
  color: #133559;
}
.c-heading-common .sentence._accent {
  background: linear-gradient(transparent 70%, #CAF8F8 70%);
}

.c-heading-border-bottom {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: fit-content;
  gap: 1rem;
  font-size: clamp(22px, 1vw, 24px);
  line-height: 1.75;
  letter-spacing: 0.125rem;
  font-weight: 500;
  color: #133559;
  margin: 0 auto;
}
.c-heading-border-bottom::after {
  content: "";
  display: block;
  width: 5rem;
  height: 0.1875rem;
  background: #00C8C5;
}

.c-heading-filter {
  font-size: 0.9375rem;
  line-height: 1.75;
  letter-spacing: 1px;
  font-weight: 500;
  color: #133559;
  font-weight: 500;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.625rem;
}
.c-heading-filter::before {
  content: "";
  display: block;
  width: 1.125rem;
  height: 0.125rem;
  background-color: #00C8C5;
}

.c-list-number {
  display: flex;
  flex-direction: column;
  gap: 3.5rem;
  counter-reset: number 0;
}
.c-list-number .item .title {
  display: flex;
  align-items: stretch;
  gap: 1rem;
  font-size: 1.25rem;
  font-weight: bold;
  line-height: 1.5;
  color: #FFF;
}
@media only screen and (max-width: 580px) {
  .c-list-number .item .title {
    font-size: 1.125rem;
  }
}
.c-list-number .item .title span {
  align-self: flex-end;
}
.c-list-number .item .title::before {
  counter-increment: number;
  content: "0" counter(number);
  font-family: "Poppins", "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
  font-weight: normal;
  font-size: 3.5rem;
  letter-spacing: 0.125rem;
  color: #00E1DE;
  line-height: 1;
}
@media only screen and (max-width: 580px) {
  .c-list-number .item .title::before {
    font-size: 9.6551724138vw;
  }
}
.c-list-number .item .text {
  letter-spacing: 1px;
  line-height: 1.9;
  color: #8EA1B5;
  margin-top: 1.5rem;
}

.c-list-flow {
  position: relative;
  display: flex;
  width: 100%;
  gap: 3.75rem;
}
@media only screen and (max-width: 1100px) {
  .c-list-flow {
    justify-content: center;
    gap: 2rem;
  }
}
@media only screen and (max-width: 800px) {
  .c-list-flow {
    flex-direction: column;
    width: fit-content;
  }
}
.c-list-flow::after {
  content: "";
  display: block;
  width: 80%;
  height: 0.125rem;
  position: absolute;
  top: 56%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #FF753A;
  z-index: -1;
}
@media only screen and (max-width: 800px) {
  .c-list-flow::after {
    width: 120%;
    top: 50%;
    left: 37%;
    rotate: 90deg;
  }
}
@media only screen and (max-width: 580px) {
  .c-list-flow::after {
    left: 30.5%;
  }
}
.c-list-flow > .item {
  width: 100%;
}
@media only screen and (max-width: 800px) {
  .c-list-flow > .item {
    display: flex;
    width: fit-content;
  }
}
.c-list-flow > .item:nth-of-type(1) {
  flex-grow: 1;
  width: 200%;
}
@media only screen and (max-width: 800px) {
  .c-list-flow > .item:nth-of-type(1) {
    width: fit-content;
  }
}
.c-list-flow > .item:nth-of-type(2) {
  flex-grow: 0;
}
.c-list-flow > .item:nth-of-type(3) {
  flex-grow: 0;
}
.c-list-flow .child {
  width: 100%;
  display: flex;
  gap: 3.75rem;
}
@media only screen and (max-width: 800px) {
  .c-list-flow .child {
    flex-direction: column;
  }
}
.c-list-flow .child > .item {
  width: 100%;
}
.c-list-flow .c-card-flow {
  position: relative;
  padding-top: 2.6875rem;
}
@media only screen and (max-width: 800px) {
  .c-list-flow .c-card-flow {
    padding-top: 1rem;
  }
}
.c-list-flow .c-card-flow::before {
  content: "";
  display: block;
  position: absolute;
  width: 2rem;
  height: 2.25rem;
  background-image: url(../../img/top/Polygon.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  left: 50%;
  transform: translateX(-50%);
  top: -0.625rem;
}
@media only screen and (max-width: 800px) {
  .c-list-flow .c-card-flow::before {
    display: none;
  }
}
.c-list-flow .c-card-flow._last::before {
  background-image: url(../../img/top/Polygon-Light.svg);
}
@media only screen and (max-width: 800px) {
  .c-list-flow .c-card-flow._last::before {
    display: none;
  }
}
.c-list-flow .item {
  position: relative;
  z-index: 2;
}

.c-list-dot {
  position: relative;
  font-size: clamp(17px, 1vw, 18px);
  font-weight: 500;
  line-height: 1.75;
  letter-spacing: 0.125rem;
  font-weight: bold;
  padding-left: 1.25rem;
}
.c-list-dot::before {
  content: "";
  display: block;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background: #FF753A;
  position: absolute;
  top: 0.75rem;
  left: 0;
}

.c-list-dot-secondary {
  display: flex;
  flex-direction: column;
  gap: 0.875rem;
  padding-left: 1.25rem;
}
.c-list-dot-secondary .item {
  position: relative;
}
.c-list-dot-secondary .item::before {
  content: "";
  display: block;
  width: 0.5rem;
  aspect-ratio: 1/1;
  border-radius: 50%;
  background: #FF753A;
  position: absolute;
  top: 0.625rem;
  left: -1.25rem;
}
.c-list-dot-secondary .text {
  letter-spacing: 0;
  line-height: 1.75;
}

.c-list-information {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.c-list-information .item {
  position: relative;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  gap: 1rem;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid #DEDEDE;
}
@media only screen and (max-width: 800px) {
  .c-list-information .item {
    gap: 0.625rem;
  }
}
.c-list-information .item::after {
  content: "";
  position: absolute;
  right: 0.5rem;
  display: block;
  width: 0.5rem;
  height: 0.5rem;
  border-bottom: 2px solid #133559;
  border-right: 2px solid #133559;
  rotate: 315deg;
  transition: 300ms;
}
@media only screen and (max-width: 580px) {
  .c-list-information .item::after {
    top: 50%;
  }
}
@media (hover: hover) and (pointer: fine) {
  .c-list-information .item:hover::after {
    right: 0;
  }
}
.c-list-information .c-md-tags {
  margin-left: -0.5rem;
}
.c-list-information .date {
  font-family: "Poppins", "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
  color: #888888;
  width: 6.25rem;
}
.c-list-information .title {
  max-width: 41.625rem;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 500;
}
@media only screen and (max-width: 800px) {
  .c-list-information .title {
    width: 90%;
  }
}

.c-list-common {
  width: 100%;
}
.c-list-common .item {
  width: 100%;
  margin-bottom: 0.5rem;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid #000;
}
.c-list-common .item:last-child {
  margin-bottom: 0;
}

.c-list-name {
  width: 100%;
}
.c-list-name .item {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-bottom: 0.5rem;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid #000;
}
.c-list-name .item:last-child {
  margin-bottom: 0;
}
.c-list-name .name {
  width: 11.25rem;
  color: #888888;
}
@media only screen and (max-width: 800px) {
  .c-list-name .name {
    width: 100%;
    font-size: 0.9375rem;
    line-height: 1.75;
    letter-spacing: 1px;
    font-weight: 500;
  }
}
.c-list-name .detail {
  width: calc(100% - 11.25rem);
}
@media only screen and (max-width: 800px) {
  .c-list-name .detail {
    width: 100%;
  }
}

.c-list-sns-share .item {
  cursor: pointer;
  margin-right: 1rem;
}

.root-wrap.is-loading {
  opacity: 0;
}

.root-wrap {
  opacity: 1;
}
body .c-loading-wrap .root-wrap._archive {
  display: none;
}

body .c-loading-wrap {
  width: 100%;
  height: 100%;
  background: #fff;
  top: 0;
  left: 0;
  position: fixed;
  z-index: 999999;
  padding: 2rem;
  opacity: 0;
  pointer-events: none;
  transition: all 0.5s ease;
}

body.is-trans .c-loading-wrap {
  opacity: 1;
  pointer-events: auto;
  transition: all 0.5s ease;
}

.c-loading-wrap .inner {
  width: 100%;
  height: 100%;
}

.c-md-tags {
  display: block;
  width: fit-content;
  border-radius: 0.3125rem;
  padding: 0.25rem 0.75rem;
  color: #FFF;
  font-size: 0.75rem;
  font-weight: bold;
  letter-spacing: 0.02em;
  background: #245486;
}
.c-md-tags.info_expense, .c-md-tags.expense {
  color: #00C8C5;
  background: #E8FCFC;
}
.c-md-tags.info_estate, .c-md-tags.estate {
  color: #728ECD;
  background: #EBF0FD;
}
.c-md-tags.info_job_listing, .c-md-tags.job_listing {
  color: #FFB729;
  background: #FFF8EB;
}
.c-md-tags.info_navisystem, .c-md-tags.navisystem {
  color: #FF9843;
  background: #FFF4EB;
}
.c-md-tags.info_workflow, .c-md-tags.workflow {
  color: #00C8C5;
  background: #E8FCFC;
}
.c-md-tags.info_calc-expense, .c-md-tags.calc-expense {
  color: #00C8C5;
  background: #E8FCFC;
}
.c-md-tagsinfo_personnel-payroll, .c-md-tags.personnel-payroll {
  color: #00C8C5;
  background: #E8FCFC;
}
.c-md-tags._info {
  width: 6.9375rem;
  text-align: center;
}
.c-md-tags.info_news {
  color: #FFF;
  background: #00C8C5;
}
.c-md-tags.update {
  color: #FFF;
  background: #FF753A;
}
.c-md-tags.tips {
  color: #245486;
  outline: 2px solid #245486;
  outline-offset: -2px;
  background: #FFF;
}
.c-md-tags._all {
  color: #333333;
  background: #F5F5F5;
}
.c-md-tags._renewal {
  color: #133559;
  background: #E8FCFC;
}

.c-md-taxonomy-filter {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 1.5rem;
}
@media only screen and (max-width: 580px) {
  .c-md-taxonomy-filter {
    gap: 1rem;
  }
}
.c-md-taxonomy-filter._all .c-md-tags._all {
  opacity: 1;
}
.c-md-taxonomy-filter .c-md-tags {
  opacity: 0.7;
  transition: 300ms;
}
.c-md-taxonomy-filter .c-md-tags._active {
  opacity: 1;
}
@media (hover: hover) and (pointer: fine) {
  .c-md-taxonomy-filter .c-md-tags:hover {
    opacity: 1;
  }
}

.c-link-title {
  display: contents;
}
.c-link-title span {
  font-size: 0.8125rem;
  font-weight: bold;
  color: #333333;
}

.c-link-arrow {
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
  margin-top: 0.5rem;
}
.c-link-arrow._renewal a {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.8125rem;
  letter-spacing: 1px;
  line-height: 1.57;
  color: #333333;
}
.c-link-arrow._renewal a::after {
  content: "";
  display: block;
  width: 0.75rem;
  height: 0.75rem;
  background: url(../../img/icon/link-bl.svg) no-repeat;
  background-size: contain;
  background-position: center;
}
.c-link-arrow a {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  font-size: 0.8125rem;
  font-weight: 300;
}
.c-link-arrow a::before {
  content: "";
  display: block;
  width: 0.5rem;
  height: 0.5rem;
  border-bottom: 2px solid #00C8C5;
  border-right: 2px solid #00C8C5;
  rotate: 315deg;
}

.c-link-footer._casestudy .none {
  pointer-events: none;
}
.c-link-footer._casestudy .c-menu-main-nest {
  display: block;
  position: inherit;
  background: none;
  box-shadow: none;
  transform: none;
  width: inherit;
  padding: 0.5rem 0 0;
}
.c-link-footer a {
  /* position: relative;
      display: block;
      padding-left: 1.25rem;

      &::before {
          content: "";
          display: block;
          width: 0.5rem;
          height: 0.5rem;
          background: $Accent;
          border-radius: 50%;
          position: absolute;
          top: 50%;
          transform: translateY(-50%);
          left: 0;
      } */
}
.c-link-footer span {
  display: block;
  font-size: 0.9375rem;
  font-weight: 300;
  letter-spacing: 1px;
  line-height: 1.57;
}

.c-link-blank a {
  /* display: block; */
}
.c-link-blank._renewal span {
  color: #333333;
  font-size: 0.9375rem;
}
.c-link-blank._renewal span::after {
  background: url(../../img/icon/link-bl.svg) no-repeat;
  padding-right: 1rem;
}
.c-link-blank span {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.875rem;
  letter-spacing: 1px;
  line-height: 1.57;
  color: #1877f2;
}
.c-link-blank span::after {
  content: "";
  display: block;
  width: 0.875rem;
  height: 0.875rem;
  background: url(../../img/icon/link.svg) no-repeat;
  background-size: contain;
  background-position: center;
}
.c-link-blank.external_icon {
  background-image: none;
}
.c-link-blank._contact {
  display: block;
  margin: 0 auto;
  width: fit-content;
}
.c-link-blank._contact span {
  margin-top: 0.5rem;
}

.c-label-solution {
  font-size: clamp(17px, 1vw, 18px);
  font-weight: 500;
  line-height: 1.75;
  letter-spacing: 0.125rem;
  font-weight: bold;
  line-height: 1.5;
  color: #FFF;
  border-radius: 0.25rem;
  background: #00C8C5;
  padding: 0.25rem 0.875rem;
}
@media only screen and (max-width: 580px) {
  .c-label-solution {
    font-size: 0.875rem;
  }
}
.c-label-solution._task {
  background: #888888;
}
.c-label-solution._product-task {
  color: #00C8C5;
  background: #CAF8F8;
  transition: background 300ms;
}

.c-label-require {
  font-size: 0.875rem;
  line-height: 1;
  font-weight: bold;
  color: #FFF !important;
  border-radius: 0.25rem;
  background: #00C8C5;
  padding: 0.375rem 0.5rem;
  max-width: 3.125rem;
}
@media only screen and (max-width: 580px) {
  .c-label-require {
    font-size: 0.875rem;
  }
}

.c-achievement-logo {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.c-achievement-logo .product {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.c-achievement-logo .name {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  height: 3.75rem;
  gap: 0.125rem;
  font-size: 1rem;
  line-height: 1.9;
  letter-spacing: 1px;
  color: #133559;
  font-weight: bold;
  margin-bottom: 0.5rem;
}
@media only screen and (max-width: 580px) {
  .c-achievement-logo .name {
    height: inherit;
  }
}
.c-achievement-logo .name .small {
  font-size: 0.75rem;
  font-weight: normal;
  line-height: 1.7;
}
.c-achievement-logo .logo {
  display: flex;
  justify-content: center;
  align-items: center;
  border: 2px solid #F5F5F5;
  padding: 2rem;
  margin: 0;
  min-height: 11rem;
}
.c-achievement-logo .logo._cix img {
  max-width: 11.25rem;
}
.c-achievement-logo .logo._OBIC7 img {
  max-width: 9.375rem;
}
.c-achievement-logo .logo._fujitsu {
  padding: 0.5rem;
  pointer-events: none;
}
.c-achievement-logo .logo._fujitsu img {
  max-width: 11.25rem;
  max-height: 15rem;
}
.c-achievement-logo .logo img {
  width: 100%;
  max-height: 6.25rem;
  object-fit: contain;
}
.c-achievement-logo .company {
  font-size: 0.9375rem;
  line-height: 1.75;
  letter-spacing: 1px;
  font-weight: 500;
  color: #888888;
}

.c-product-text {
  max-width: 40.625rem;
  margin: 0 auto 4rem;
}

.c-product-support {
  position: relative;
  max-width: 21.9375rem;
  width: 100%;
  background: #245486;
  border-radius: 0.5rem;
  text-align: center;
}
@media only screen and (max-width: 800px) {
  .c-product-support {
    max-width: inherit;
  }
}
.c-product-support a {
  padding: 3.5rem 2rem 1.5rem;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.c-product-support .title {
  font-size: clamp(17px, 1vw, 18px);
  font-weight: 500;
  line-height: 1.75;
  letter-spacing: 0.125rem;
  font-weight: bold;
  color: #FFF;
  margin-bottom: 1rem;
}
.c-product-support .title .marker {
  text-decoration: underline;
  /* 下線 */
  text-decoration-thickness: 0.5rem;
  /* 線の太さ */
  text-decoration-color: #2F6DAE;
  /* 線の色 */
  text-underline-offset: -2px;
  /* 線の位置*/
  text-decoration-skip-ink: none;
  /* 下線と文字列が重なる部分でも下線が省略されない（線が途切れない） */
}
.c-product-support .text {
  font-size: 0.9375rem;
  line-height: 1.75;
  letter-spacing: 1px;
  font-weight: 500;
  font-weight: normal;
  color: #FFF;
  text-align: left;
  flex-grow: 1;
}
.c-product-support .c-btn-icon {
  margin: 1.5rem auto 0;
}
@media (hover: hover) and (pointer: fine) {
  .c-product-support:hover a .c-btn-icon {
    background: #FF753A;
    border: 2px solid #FF753A;
  }
}
.c-product-support::before {
  content: "";
  display: block;
  position: absolute;
  top: -4.125rem;
  right: 50%;
  transform: translate(50%, 0);
  width: 6.25rem;
  height: 6.25rem;
  background-size: contain;
  background-repeat: no-repeat;
}
.c-product-support._01::before {
  background-image: url(../../img/icon/support-01.svg);
}
.c-product-support._02::before {
  background-image: url(../../img/icon/support-02.svg);
}
.c-product-support._03::before {
  background-image: url(../../img/icon/support-04.svg);
}

.c-link-text {
  font-weight: bold;
  color: #00C8C5;
  text-decoration: underline;
}

.c-top-banner {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 5.3125rem;
  margin: 0 auto;
}
.c-top-banner._jrhigashi {
  max-width: 12.5rem;
}
.c-top-banner._fujitsu {
  width: 9.375rem;
  pointer-events: none;
}
.c-top-banner._moneyforward {
  width: 12.5rem;
}
@media only screen and (max-width: 580px) {
  .c-top-banner._moneyforward {
    width: 10.625rem;
  }
}
.c-top-banner._smartdb {
  max-width: 15.625rem;
}
.c-top-banner._cix {
  max-width: 10.625rem;
}
@media only screen and (max-width: 580px) {
  .c-top-banner._cix {
    max-width: 7.5rem;
  }
}
.c-top-banner._housemate {
  max-width: 15.625rem;
}
.c-top-banner._maastech {
  max-width: 14.375rem;
}
.c-top-banner._tenpu {
  max-width: 15.625rem;
}
.c-top-banner._tenpu img {
  width: 18.75rem;
  max-width: 13.125rem;
}
@media only screen and (max-width: 580px) {
  .c-top-banner._tenpu img {
    max-width: 9.0625rem;
  }
}
.c-top-banner._bushikakunavi {
  max-width: 12.5rem;
}
@media only screen and (max-width: 800px) {
  .c-top-banner._bushikakunavi {
    width: auto;
    max-width: 12.5rem;
  }
}
@media only screen and (max-width: 580px) {
  .c-top-banner._bushikakunavi {
    max-width: 10rem;
  }
}
.c-top-banner._atled {
  max-width: 12.5rem;
}
@media only screen and (max-width: 580px) {
  .c-top-banner._atled {
    max-width: 9.375rem;
  }
}
.c-top-banner._mti {
  max-width: 12.5rem;
}
@media only screen and (max-width: 580px) {
  .c-top-banner._mti {
    max-width: 9.375rem;
  }
}
.c-top-banner._obic7 {
  width: 5.9375rem;
}
.c-top-banner._lifullhomes .lifullhomes-icon-color {
  fill: #ed6103;
}

@media only screen and (max-width: 580px) {
  .c-pc-only {
    display: none;
  }
}

.c-sp-only {
  display: none;
}
@media only screen and (max-width: 580px) {
  .c-sp-only {
    display: block;
  }
}

.c-form-progress {
  position: relative;
  display: flex;
  justify-content: center;
  gap: 6.25rem;
}
@media only screen and (max-width: 800px) {
  .c-form-progress {
    gap: 3.125rem;
  }
}
.c-form-progress::before {
  content: "";
  display: block;
  width: 90%;
  height: 0.125rem;
  background: #FF753A;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 1.1875rem;
}
@media only screen and (max-width: 800px) {
  .c-form-progress::before {
    width: 70%;
  }
}
.c-form-progress .item {
  position: relative;
  width: 4.3125rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  z-index: 1;
}
.c-form-progress .item > span {
  display: block;
}
.c-form-progress .num {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  border: 2px solid #FF753A;
  font-family: "Poppins", "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
  font-size: 1.25rem;
  letter-spacing: 0.1em;
  text-align: center;
  color: #FF753A;
  background: #fff;
}
.c-form-progress .item.is-active .num {
  background: #FF753A;
  color: #FFF;
}

.c-form-progress .num > span {
  display: block;
  transform: translate(1px, 1px);
}
.c-form-progress .text {
  font-size: 1rem;
  line-height: 1.9;
  letter-spacing: 1px;
  text-align: center;
  color: #133559;
}

.c-title-related-service {
  position: relative;
  font-size: clamp(22px, 1vw, 24px);
  line-height: 1.75;
  letter-spacing: 0.125rem;
  font-weight: 500;
  color: #133559;
  margin-bottom: 1rem;
  padding-top: 3.5rem;
}
.c-title-related-service::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100vw;
  height: 16rem;
  margin: 0 calc(50% - 50vw);
  background: #E8FCFC;
  z-index: -1;
}
@media only screen and (max-width: 580px) {
  .c-title-related-service::after {
    height: 18.75rem;
  }
}
.c-title-related-service span {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.c-title-related-service span::before {
  content: "";
  display: inline-block;
  width: 1.875rem;
  height: 1.875rem;
  background-image: url(../../img/icon/related-service-01.svg);
  background-size: contain;
  background-repeat: no-repeat;
}
.c-title-related-service._02 span::before {
  background-image: url(../../img/icon/related-service-02.svg);
}
.c-title-related-service._03 span::before {
  background-image: url(../../img/icon/related-service-03.svg);
}

.c-voice-about {
  display: grid;
  grid-template-columns: 1.5fr 2fr;
  grid-column-gap: 80px;
}
.c-voice-about._vertical {
  align-items: center;
}
@media only screen and (max-width: 1100px) {
  .c-voice-about {
    grid-column-gap: 3rem;
  }
}
@media only screen and (max-width: 800px) {
  .c-voice-about {
    display: flex;
    flex-direction: column;
    gap: 2rem;
  }
}
.c-voice-about .img-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 28.875rem;
  width: 100%;
  border: 2px solid #F5F5F5;
  padding: 1rem 5rem;
  grid-area: 1/1/3/2;
}
.c-voice-about .img-wrap._wide {
  padding: 1rem 3rem;
}
@media only screen and (max-width: 800px) {
  .c-voice-about .img-wrap._wide {
    padding: 2rem;
  }
}
.c-voice-about .img-wrap img {
  object-fit: contain;
}
@media only screen and (max-width: 1100px) {
  .c-voice-about .img-wrap {
    padding: 1rem 2rem;
    max-width: inherit;
    order: 2;
  }
}
.c-voice-about .img._scaleLittle {
  transform: scale(1.1);
}
.c-voice-about .img._scaleMiddle {
  transform: scale(1.2);
}
.c-voice-about .title-wrap {
  grid-area: 1/2/2/3;
}
@media only screen and (max-width: 800px) {
  .c-voice-about .title-wrap {
    order: 1;
  }
}
.c-voice-about .text-wrap {
  max-width: 37.875rem;
  grid-area: 2/2/3/3;
}
@media only screen and (max-width: 1100px) {
  .c-voice-about .text-wrap {
    max-width: inherit;
    width: 100%;
    order: 3;
  }
}
.c-voice-about .company {
  display: flex;
  align-items: baseline;
  gap: 0.625rem;
  margin-top: 1rem;
}
@media only screen and (max-width: 580px) {
  .c-voice-about .company {
    gap: 0.25rem;
  }
}
.c-voice-about .name {
  font-size: clamp(20px, 1vw, 22px);
  font-weight: 500;
  letter-spacing: 0.125rem;
  line-height: 1.5;
  color: #00C8C5;
}
@media only screen and (max-width: 580px) {
  .c-voice-about .name {
    font-size: 1.125rem;
  }
}
.c-voice-about .init {
  font-size: 1.125rem;
  letter-spacing: 0.125rem;
}
.c-voice-about .logo {
  max-width: 14.375rem;
  margin-top: 1.5rem;
}
.c-voice-about .logo._moneyforward {
  max-width: 22.5rem;
}
.c-voice-about .logo._housemate {
  max-width: 20rem;
}
.c-voice-about .link {
  display: flex;
  align-items: center;
  gap: 0.6875rem;
  font-size: 0.875rem;
  letter-spacing: 1px;
  line-height: 1.8;
  font-weight: 500;
  color: #133559;
  margin-top: 1.5rem;
}
.c-voice-about .link::after {
  content: "";
  display: block;
  width: 0.75rem;
  height: 0.75rem;
  background: url(../../img/icon/link-sub.svg) no-repeat;
  background-size: contain;
  background-position: center;
}
.c-voice-about .text {
  font-size: 1rem;
  letter-spacing: 1px;
  line-height: 2;
  color: #888888;
  margin-top: 1.5rem;
}
@media only screen and (max-width: 800px) {
  .c-voice-about .text {
    margin-top: 0;
  }
}

.c-breadcrumbs {
  padding: 2rem 5rem;
  background-color: #F5F5F5;
}
@media only screen and (max-width: 800px) {
  .c-breadcrumbs {
    white-space: nowrap;
    overflow-x: scroll;
  }
}
@media only screen and (max-width: 580px) {
  .c-breadcrumbs {
    padding: 1.2rem 1.5rem 1.2rem 0;
  }
}
.c-breadcrumbs a,
.c-breadcrumbs span {
  padding: 0.5rem;
  font-size: 0.875rem;
}
.c-breadcrumbs a {
  color: #00C8C5;
}
.c-breadcrumbs .breadcrumb_last {
  color: #133559;
}

.c-md-archive-category-tabs {
  padding: 3.75rem 0;
}
@media only screen and (max-width: 580px) {
  .c-md-archive-category-tabs {
    padding: 2.5rem 0;
  }
}
.c-md-archive-category-tabs .tabs {
  display: flex;
  justify-content: center;
  gap: 1rem;
}
.c-md-archive-category-tabs .tabs .tab {
  position: relative;
  padding: 0.625rem 0;
  text-align: center;
  max-width: 15.625rem;
  width: 100%;
  background: #CAF8F8;
  color: #133559;
  border-radius: 0.625rem 0.625rem 0px 0px;
  font-size: clamp(20px, 1vw, 22px);
  font-weight: 500;
  letter-spacing: 0.125rem;
  line-height: 1.5;
  cursor: pointer;
}
@media only screen and (max-width: 580px) {
  .c-md-archive-category-tabs .tabs .tab {
    font-size: 1.125rem;
  }
}
.c-md-archive-category-tabs .tabs .tab.is-active {
  background: #00C8C5;
  color: #FFF;
}
.c-md-archive-category-tabs .tabs .tab.is-active::after {
  content: "";
  position: absolute;
  width: 1rem;
  height: 1rem;
  rotate: 45deg;
  left: 50%;
  bottom: -0.5rem;
  transform: translate(-50%, 50%);
  background: #00C8C5;
}
.c-md-archive-category-tabs .category-container {
  padding: 3.125rem 1.5rem 3.75rem;
  background: #FFF;
  box-shadow: 0px 3px 20px 0px rgba(29, 67, 107, 0.1);
  border-radius: 0.625rem;
}
@media only screen and (max-width: 580px) {
  .c-md-archive-category-tabs .category-container {
    padding: 2.5rem 1.5rem 3rem;
    border-radius: 0 0 0.625rem 0.625rem;
  }
}
.c-md-archive-category-tabs .category-list {
  display: none;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(3, 1fr);
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  max-width: 56.25rem;
  width: 100%;
  margin: 0 auto;
}
@media only screen and (max-width: 800px) {
  .c-md-archive-category-tabs .category-list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (max-width: 580px) {
  .c-md-archive-category-tabs .category-list {
    grid-template-columns: repeat(1, 1fr);
  }
}
.c-md-archive-category-tabs .category-list.is-active {
  display: grid;
}
.c-md-archive-category-tabs .category-list .item {
  padding: 0.375rem 0;
  text-align: center;
  color: #133559;
  font-weight: bold;
  background: #E8FCFC;
  border-radius: 0.3125rem;
}
.c-md-archive-category-tabs .category-list .item a {
  display: block;
  color: #133559;
  cursor: pointer;
}
.c-md-archive-category-tabs .category-list .item._active {
  background: #2F6DAE;
}
.c-md-archive-category-tabs .category-list .item._active a,
.c-md-archive-category-tabs .category-list .item._active span {
  display: block;
  color: #FFF;
  pointer-events: none;
}

.c-title-list {
  text-align: center;
  margin-bottom: 3.5rem;
}
.c-title-list span {
  color: #133559;
  font-size: clamp(22px, 1vw, 24px);
  line-height: 1.75;
  letter-spacing: 0.125rem;
  font-weight: 500;
  font-weight: bold;
}

.c-article-wrap {
  display: grid;
  grid-template-rows: 1fr;
  grid-column-gap: 2.8%;
  grid-row-gap: 40px;
  grid-template-columns: repeat(auto-fit, minmax(13.625rem, 1fr));
}

.c-md-text-annotation {
  font-size: 0.88rem;
  color: #888888;
  padding-left: 1em;
  text-indent: -1em;
}
.c-md-text-annotation::before {
  content: "※";
}

.c-table-wrap {
  max-width: 71.75rem;
  margin: 0 auto;
}
@media only screen and (max-width: 1200px) {
  .c-table-wrap {
    width: 90%;
    overflow-x: scroll;
  }
}
.c-table-wrap .scroll-hint-icon {
  height: 5.5rem;
}

.c-table-title {
  font-size: clamp(18px, 1vw, 20px);
  letter-spacing: 0.125rem;
  font-weight: 500;
  line-height: 1.5;
  color: #133559;
  width: fit-content;
  margin: 0 auto 1rem;
}

.c-table-container {
  width: max(100%, 71.75rem);
}
@media only screen and (max-width: 580px) {
  .c-table-container {
    width: max(100%, 55.625rem);
  }
}
.c-table-container caption {
  font-size: 0.9375rem;
  line-height: 1.75;
  letter-spacing: 1px;
  font-weight: 500;
  color: #888888;
  text-align: right;
}

.c-table-head {
  width: 100%;
  background: #00C8C5;
}
.c-table-head .title {
  font-size: 1rem;
  line-height: 1.9;
  letter-spacing: 1px;
  font-weight: bold;
  color: #FFF;
  padding: 1rem 0;
  text-align: center;
}

.c-table-text {
  padding: 1rem 0 1rem 2rem;
  border: solid #DEDEDE;
  border-width: 0 1px 1px 1px;
  vertical-align: middle;
  background: #FFF;
}
.c-table-text._traffic {
  font-weight: bold;
  background: #E8FCFC;
}
.c-table-text .small {
  font-size: 0.75rem;
}

.c-table-plan {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}
.c-table-plan._swiper .row th svg,
.c-table-plan._swiper .row td svg {
  height: 1rem;
  width: 100%;
  vertical-align: middle;
}
@media only screen and (max-width: 580px) {
  .c-table-plan._swiper .row .title {
    padding: 0.5rem;
  }
}
.c-table-plan .row._data {
  transition: background 300ms;
}
@media (hover: hover) and (pointer: fine) {
  .c-table-plan .row._data:hover th, .c-table-plan .row._data:hover td {
    background: #E8FCFC;
  }
}
.c-table-plan .row th:first-of-type {
  width: 21.75rem;
}
.c-table-plan .row th,
.c-table-plan .row td {
  vertical-align: middle;
  border: 2px solid #F5F5F5;
  padding: 1.5rem 1rem 1.3125rem;
}
.c-table-plan .row th svg,
.c-table-plan .row td svg {
  height: 1.125rem;
  width: auto;
  vertical-align: baseline;
}
.c-table-plan .row th:first-child,
.c-table-plan .row td:first-child {
  border-left: none;
}
.c-table-plan .row th:last-child,
.c-table-plan .row td:last-child {
  border-right: none;
}
.c-table-plan .row .heading {
  font-size: clamp(17px, 1vw, 18px);
  font-weight: 500;
  line-height: 1.75;
  letter-spacing: 0.125rem;
  font-weight: bold;
  border-top: none;
  white-space: nowrap;
  line-height: 1.5;
  padding: 2.5rem 1rem;
}
.c-table-plan .row .title {
  position: sticky;
  left: 0;
  font-weight: 500;
  background: #FFF;
  padding: 0 0 0 2rem;
}
.c-table-plan .row .heading,
.c-table-plan .row .data {
  width: 12.5rem;
  text-align: center;
}
.c-table-plan .row .line {
  display: block;
  width: 1.125rem;
  height: 0.1875rem;
  background: #888888;
  margin: auto;
}
.c-table-plan .row .accent {
  color: #00C8C5;
}

.c-table-fixed {
  background: #FFF;
  opacity: 0;
  position: fixed;
  top: 0;
  left: 50%;
  transform: translateX(-50%) translateY(-100%);
  width: 100%;
  min-width: 62.5rem;
  max-width: 71.75rem;
  transition: 300ms;
  z-index: 10;
}
@media only screen and (max-width: 1100px) {
  .c-table-fixed {
    display: none;
  }
}
.c-table-fixed.is-fixed {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}
.c-table-fixed.is-hidden {
  opacity: 0;
  transform: translateX(-50%) translateY(-100%);
}
.c-table-fixed .c-table-plan .row .heading {
  padding-bottom: 1.5rem;
}
.c-table-fixed .c-table-plan .row .heading .inner {
  display: grid;
  grid-template-rows: 3rem 2.75rem;
  gap: 1rem;
}
.c-table-fixed .fixed-text {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1rem;
  letter-spacing: 0.125rem;
  line-height: 1.5;
  margin-bottom: 1rem;
}
.c-table-fixed .c-btn-common {
  margin: auto 0 0;
}

.c-table-plan-swiper {
  margin-top: 2rem;
}
.c-table-plan-swiper .swiper-slide {
  width: fit-content;
}
.c-table-plan-swiper .tab-menu-wrap {
  align-items: center;
  padding: 1rem 0 1rem 2rem;
}
@media only screen and (max-width: 580px) {
  .c-table-plan-swiper .tab-menu-wrap {
    padding: 1rem 0;
  }
}
.c-table-plan-swiper .heading {
  display: flex;
  align-items: center;
  text-align: center;
  height: 3.4375rem;
  padding-bottom: 0.5rem;
}
.c-table-plan-swiper .swiper-slide-thumb-active {
  border-bottom: 3px solid #00C8C5;
}
.c-table-plan-swiper .swiper-slide-thumb-active .heading {
  font-weight: bold;
}

.l-global-nav .item {
  position: relative;
  cursor: pointer;
}
@media (hover: hover) and (pointer: fine) {
  .l-global-nav .item:hover .c-menu-main-nest {
    display: block;
  }
}

.c-menu-main-nest {
  z-index: 1000;
  margin: auto;
  position: absolute;
  bottom: 0;
  left: -3.75rem;
  transform: translateY(100%);
  background: #E8FCFC;
  padding: 0.75rem 0;
  width: 16.875rem;
  will-change: transform;
  box-shadow: 0px 3px 20px rgba(29, 67, 107, 0.1);
  border-radius: 0.3125rem;
  display: none;
  /* &._renewal {
  	width: 15.625rem;
  } */
}
.c-menu-main-nest.is-show {
  position: inherit;
  transform: inherit;
  margin-top: 1rem;
}
.c-menu-main-nest .menu-footer-heading {
  display: none;
}
.c-menu-main-nest .c-list-focus-item {
  width: 100%;
  position: relative;
}
.c-menu-main-nest .c-list-focus-item._renewal a {
  display: flex;
  align-items: center;
  color: #333333;
}
.c-menu-main-nest .c-list-focus-item._renewal a::after {
  content: "";
  display: block;
  width: 0.875rem;
  height: 0.875rem;
  background: url(../../img/icon/link-bl.svg) no-repeat;
  background-size: contain;
  background-position: center;
}
.c-menu-main-nest .c-list-focus-item._footer::after {
  background: none;
}
.c-menu-main-nest .c-list-focus-item._sub a {
  padding: 0.375rem 2rem;
  font-size: 0.8125rem;
  color: #333333;
}
.c-menu-main-nest .c-list-focus-item._sub a::before {
  content: "";
  display: block;
  width: 0.5rem;
  height: 0.5rem;
  border-bottom: 2px solid #00C8C5;
  border-right: 2px solid #00C8C5;
  rotate: 315deg;
  background: none;
}
.c-menu-main-nest .c-list-focus-item._sub a::after {
  content: "";
  display: block;
  width: 0.75rem;
  height: 0.75rem;
  background: url(../../img/icon/link-bl.svg) no-repeat;
  background-size: contain;
  background-position: center;
}
.c-menu-main-nest .c-list-focus-item a {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  width: 100%;
  padding: 0.375rem 1.4rem;
  margin-left: 0;
  position: relative;
  z-index: 10;
  font-size: 0.875rem;
  letter-spacing: 0;
  font-weight: 500;
  color: #333333;
  transition: 0.25s ease;
}
.c-menu-main-nest .c-list-focus-item a::before {
  content: "";
  display: block;
  height: 0.125rem;
  width: 0.75rem;
  background: #00C8C5;
}
.c-menu-main-nest .c-list-focus-item span::before {
  background: #FFF;
}
.c-menu-main-nest .c-list-focus-item::after {
  height: 110%;
  width: 100%;
  content: "";
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background: #00C8C5;
  opacity: 0;
  transition: 0.25s ease;
}
@media (hover: hover) and (pointer: fine) {
  .c-menu-main-nest .c-list-focus-item:hover._renewal a::after {
    content: "";
    background: url(../../img/icon/link-wh.svg) no-repeat;
  }
  .c-menu-main-nest .c-list-focus-item:hover._sub .header::before {
    content: "";
    display: block;
    width: 0.5rem;
    height: 0.5rem;
    border-bottom: 2px solid #FFF;
    border-right: 2px solid #FFF;
    rotate: 315deg;
    background: none;
  }
  .c-menu-main-nest .c-list-focus-item:hover._sub .header::after {
    content: "";
    display: block;
    width: 0.8125rem;
    height: 0.8125rem;
    background: url(../../img/icon/link-wh.svg) no-repeat;
    background-size: contain;
    background-position: center;
  }
  .c-menu-main-nest .c-list-focus-item:hover .header {
    color: #FFF;
  }
  .c-menu-main-nest .c-list-focus-item:hover .header::before {
    background: #FFF;
  }
  .c-menu-main-nest .c-list-focus-item:hover::after {
    opacity: 1;
  }
}

/* 
.l-global-nav .list .item:hover .c-menu-main-nest {
	display: block;
}
 */
.c-modal-btn {
  width: fit-content;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  border-bottom: 1px solid #133559;
  cursor: pointer;
}
.c-modal-btn > span {
  font-weight: bold;
}
.c-modal-btn::after {
  content: "";
  width: 0.8125rem;
  height: 1rem;
  background: url(../../img/icon/modal.svg) no-repeat;
  background-size: contain;
  background-position: center;
}

.c-modal-bg {
  width: 100%;
  height: 100vh;
  position: fixed;
  margin: auto;
  top: 0;
  left: 0;
  background: #000;
  mix-blend-mode: multiply;
  z-index: 999;
  opacity: 0;
  pointer-events: none;
  transition: 0.35s ease;
}
.c-modal-bg.is-show {
  opacity: 0.6;
  transition: 0.35s ease;
}

.c-modal-container {
  width: 100%;
  height: 100vh;
  position: fixed;
  margin: auto;
  top: 0;
  left: 0;
  z-index: 10001;
  pointer-events: none;
  padding: 8rem 2rem 55vh 2rem;
  overflow-y: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
  overscroll-behavior: none;
}
@media only screen and (max-width: 580px) {
  .c-modal-container {
    padding: 8rem 1.5rem 55vh 1.5rem;
  }
}
.c-modal-container::-webkit-scrollbar {
  display: none;
}
.c-modal-container .c-modal-wrap {
  width: 100%;
  max-width: 57.5rem;
  margin: 0 auto;
  padding: 3.125rem 6.25rem;
  background: #fff;
  border-radius: 0.625rem;
  z-index: 10002;
  position: relative;
  pointer-events: none;
  opacity: 0;
  transform: translateY(1.25rem);
  transition: 0.35s ease 0s;
}
@media only screen and (max-width: 800px) {
  .c-modal-container .c-modal-wrap {
    padding: 2.5rem;
  }
}
@media only screen and (max-width: 580px) {
  .c-modal-container .c-modal-wrap {
    padding: 3rem 1.5rem;
  }
}
.c-modal-container .c-modal-wrap .icon {
  width: 2.5rem;
  height: 2.5rem;
  content: "";
  margin: auto;
  position: absolute;
  top: -1rem;
  right: 0;
  transform: translateY(-100%);
  pointer-events: none;
}
.c-modal-container .c-modal-wrap .icon::after, .c-modal-container .c-modal-wrap .icon::before {
  width: 100%;
  height: 0.125rem;
  background: #fff;
  content: "";
  margin: auto;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transform: rotate(45deg);
}
.c-modal-container .c-modal-wrap .icon::before {
  transform: rotate(-45deg);
}
.c-modal-container .c-modal-wrap .btn-wrap .close {
  font-weight: 700;
  color: #585858;
  background: rgba(88, 88, 88, 0);
  transition: 0.25s ease;
}
.c-modal-container .c-modal-wrap .btn-wrap .close:hover {
  background: rgba(88, 88, 88, 0.25);
  transition: 0.25s ease;
}
.c-modal-container .c-modal-wrap .c-btn-common {
  margin: 3rem auto 0;
}
.c-modal-container .c-modal-close-ovl {
  content: "";
  z-index: 10000;
  cursor: pointer;
  margin: auto;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.c-modal-container .modal-head .title {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: clamp(22px, 1vw, 24px);
  line-height: 1.75;
  letter-spacing: 0.125rem;
  font-weight: 500;
  color: #133559;
}
.c-modal-container .modal-head .title::after {
  content: "";
  display: block;
  width: 5rem;
  height: 0.1875rem;
  background: #00C8C5;
  margin-top: 0.6875rem;
}
.c-modal-container .modal-content._guideline .item {
  padding-bottom: 1.5rem;
}
.c-modal-container .modal-content._guideline .item:not(:first-of-type) {
  border-top: 1px solid #DEDEDE;
  padding-top: 1.5rem;
}
.c-modal-container .modal-content._guideline .item span.bold {
  text-decoration: underline;
  font-weight: bold;
}
.c-modal-container .modal-content._privacy .list {
  margin: 1rem 0;
}
.c-modal-container .modal-content._privacy .item {
  padding-bottom: inherit;
}
.c-modal-container .modal-content._privacy .item:not(:first-of-type) {
  border-top: none;
  padding-top: inherit;
}
.c-modal-container .modal-content._privacy a {
  align-items: center;
  gap: 0.5rem;
  display: inline-flex;
  font-size: 1rem;
  text-decoration: underline;
  color: #1877f2;
  font-weight: bold;
}
.c-modal-container .modal-content._privacy a::after {
  content: "";
  display: block;
  width: 0.875rem;
  height: 0.875rem;
  background: url(../../img/icon/link.svg) no-repeat;
  background-size: contain;
  background-position: center;
}
.c-modal-container .modal-content .item {
  font-size: 1rem;
  line-height: 1.9;
  letter-spacing: 1px;
  padding-bottom: 2.5rem;
}
@media only screen and (max-width: 580px) {
  .c-modal-container .modal-content .item {
    padding-bottom: 1.5rem;
  }
}
.c-modal-container .modal-content .item:not(:first-of-type) {
  border-top: 1px solid #DEDEDE;
  padding-top: 2.5rem;
}
@media only screen and (max-width: 580px) {
  .c-modal-container .modal-content .item:not(:first-of-type) {
    padding-top: 1.5rem;
  }
}
.c-modal-container .modal-content .item .title {
  font-size: clamp(17px, 1vw, 18px);
  font-weight: 500;
  line-height: 1.75;
  letter-spacing: 0.125rem;
  font-weight: bold;
  color: #133559;
}
.c-modal-container .modal-content .item .child {
  margin-top: 1em;
}
.c-modal-container .modal-content .item .child > li {
  counter-increment: number;
}
.c-modal-container .modal-content .item .child > li::before {
  content: counter(number) "．";
}
.c-modal-container .modal-content .item a {
  align-items: center;
  gap: 0.5rem;
  display: inline-flex;
  font-size: 1rem;
  text-decoration: underline;
  color: #1877f2;
  font-weight: bold;
}
.c-modal-container .modal-content .item a::after {
  content: "";
  display: block;
  width: 0.875rem;
  height: 0.875rem;
  background: url(../../img/icon/link.svg) no-repeat;
  background-size: contain;
  background-position: center;
}
.c-modal-container.is-open {
  pointer-events: auto;
}
.c-modal-container.is-open .c-modal-wrap {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
  transition: 0.35s ease 0.25s;
}
.c-modal-container.modal_guideline .modal-content {
  margin-top: 2.5rem;
  /* .list {
      .item {
          margin-bottom: 1.5rem;
      }
  } */
}
.c-modal-container.modal_guideline .modal-content .item .title {
  margin-bottom: 0.5rem;
}
.c-modal-container.modal_guideline .modal-content .item .child {
  margin-top: 0;
}
.c-modal-container.modal_guideline .modal-content .item .child > li {
  counter-increment: none;
}
.c-modal-container.modal_guideline .modal-content .item .child > li::before {
  content: none;
}
.c-modal-container.modal_guideline .modal-content .item .child > li .title {
  margin-bottom: 0.3125rem;
}
.c-modal-container.modal_guideline .modal-content .item .child._nam > li {
  counter-increment: number;
}
.c-modal-container.modal_guideline .modal-content .item .child._nam > li::before {
  content: counter(number) "．";
}
.c-modal-container.modal_guideline .text._company-name {
  margin-top: 1rem;
}
.c-modal-container.modal_agreement .c-modal-wrap .text._mb {
  margin-bottom: 1rem;
}
.c-modal-container.modal_agreement .modal-content .item .title {
  margin-bottom: 1rem;
}
.c-modal-container.modal_agreement .modal-content .item .child {
  margin-top: 0;
}
.c-modal-container.modal_agreement .modal-content .item .child li._num-none {
  counter-increment: none;
}
.c-modal-container.modal_agreement .modal-content .item .child li._num-none::before {
  content: none;
}

.p-archive-casestudy .nav-links {
  padding-bottom: 12.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
}
.p-archive-casestudy .nav-links .page-numbers {
  display: block;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.375rem;
  letter-spacing: 0;
  line-height: 1.27;
  color: #00C8C5;
  font-family: "Poppins", "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}
.p-archive-casestudy .nav-links .page-numbers.current {
  background: #00C8C5;
  color: #FFF;
}
.p-archive-casestudy .nav-links .prev {
  width: 0.625rem;
  height: 0.625rem;
  rotate: 45deg;
  border-bottom: 2px solid #00C8C5;
  border-left: 2px solid #00C8C5;
  border-radius: 0;
}
.p-archive-casestudy .nav-links .next {
  width: 0.625rem;
  height: 0.625rem;
  rotate: 45deg;
  border-top: 2px solid #00C8C5;
  border-right: 2px solid #00C8C5;
  border-radius: 0;
}

.p-top-firstview {
  position: relative;
  width: 100%;
  height: 100vh;
  min-height: 37.5rem;
  padding-top: 9.375rem;
  overflow: hidden;
}
.p-top-firstview._renewal {
  height: 100%;
  padding-top: 0;
  display: flex;
  align-items: center;
  padding: clamp(11.25rem, 12vh, 12rem) 4rem 2rem;
}
@media only screen and (max-width: 580px) {
  .p-top-firstview._renewal {
    height: auto;
    align-items: flex-start;
    padding: 5.5rem 0 2.5rem 0;
  }
}
.p-top-firstview._renewal::after {
  right: -15%;
}
.p-top-firstview._renewal .l-main-inner {
  justify-content: inherit;
  align-items: center;
}
.p-top-firstview._renewal .text-wrap > .text {
  margin-top: 2.5rem;
}
@media only screen and (max-width: 580px) {
  .p-top-firstview._renewal .text-wrap > .text {
    margin-top: 2rem;
  }
}
.p-top-firstview._renewal .btn-wrap {
  margin-top: 3.75rem;
}
@media only screen and (max-width: 580px) {
  .p-top-firstview._renewal .btn-wrap {
    margin-top: 2rem;
  }
}
.p-top-firstview._renewal .img-wrap {
  margin: 0 calc(50% - 50vw) 0 -1.25rem;
}
.p-top-firstview._renewal .img {
  max-width: 34.375rem;
  min-width: 25rem;
}
@media only screen and (max-width: 1000px) {
  .p-top-firstview._renewal .img {
    display: none;
  }
}
.p-top-firstview._renewal .logo {
  max-width: 26.25rem;
}
@media only screen and (max-width: 580px) {
  .p-top-firstview._renewal .logo {
    width: 90%;
    margin-top: 1rem;
  }
}
@media only screen and (min-width: 1920px) {
  .p-top-firstview {
    padding-top: 12.5rem;
  }
}
@media only screen and (max-width: 800px) {
  .p-top-firstview {
    padding-top: 6.25rem;
  }
}
@media only screen and (max-width: 580px) {
  .p-top-firstview {
    padding: 14vh 0 10vh;
    height: auto;
  }
}
.p-top-firstview::before {
  content: "";
  display: block;
  width: 43.75rem;
  height: 43.75rem;
  background: url(../../img/top/gear.svg) no-repeat;
  background-size: contain;
  background-position: left center;
  position: absolute;
  left: 0;
  bottom: -50%;
}
@media only screen and (min-width: 1920px) {
  .p-top-firstview::before {
    bottom: -40%;
  }
}
.p-top-firstview::after {
  content: "";
  display: block;
  width: 50%;
  height: 100%;
  background: url(../../img/top/line.svg) no-repeat;
  background-size: 50%;
  background-position: left 55%;
  position: absolute;
  right: 0;
  top: 0;
  opacity: 0.2;
}
@media only screen and (max-width: 1100px) {
  .p-top-firstview::after {
    width: 30vw;
    height: 100vh;
    background-size: 100%;
    bottom: -5%;
  }
}
@media only screen and (max-width: 580px) {
  .p-top-firstview::after {
    height: 100svh;
    background-size: 300%;
    background-position: 100%;
  }
}
.p-top-firstview .l-main-inner {
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 5rem;
  z-index: 1;
}
@media only screen and (max-width: 1100px) {
  .p-top-firstview .l-main-inner {
    align-items: center;
    gap: 0;
  }
}
@media only screen and (max-width: 800px) {
  .p-top-firstview .l-main-inner {
    display: block;
  }
}
.p-top-firstview .title {
  color: #133559;
}
.p-top-firstview .title > span {
  display: block;
}
.p-top-firstview .catch {
  display: flex;
  align-items: baseline;
}
@media only screen and (max-width: 800px) {
  .p-top-firstview .catch {
    flex-direction: column;
  }
}
.p-top-firstview .catch .text {
  font-size: 1.125rem;
  letter-spacing: 0.125rem;
}
@media only screen and (max-width: 580px) {
  .p-top-firstview .catch .text {
    font-size: 1.0625rem;
  }
}
.p-top-firstview .catch .text._large {
  font-size: 1.5rem;
}
@media only screen and (max-width: 580px) {
  .p-top-firstview .catch .text._large {
    font-size: 1.25rem;
  }
}
.p-top-firstview .catch .text._accent {
  background: linear-gradient(transparent 70%, #CAF8F8 70%);
}
.p-top-firstview .logo {
  max-width: 34.0625rem;
  width: 65vw;
  margin-top: 2rem;
}
@media only screen and (max-width: 580px) {
  .p-top-firstview .logo {
    width: 100%;
  }
}
.p-top-firstview .text-wrap > .text {
  font-size: 0.9375rem;
  letter-spacing: 1px;
  color: #888888;
  margin-top: 3rem;
}
.p-top-firstview .text-wrap > .text > span._note {
  margin-top: 0.625rem;
  font-size: 0.625rem;
}
.p-top-firstview .btn-wrap {
  display: flex;
  gap: 1.5rem;
  margin-top: 7.6388888889vw;
}
@media only screen and (max-width: 580px) {
  .p-top-firstview .btn-wrap {
    flex-direction: column;
  }
}
.p-top-firstview .img-wrap {
  margin: 0 calc(50% - 50vw) 0 0;
}
@media only screen and (max-width: 800px) {
  .p-top-firstview .img-wrap {
    position: absolute;
    width: 50vw;
    height: 100vh;
    background-size: 100%;
    top: 110%;
    right: 0;
    z-index: -1;
  }
}
@media only screen and (max-width: 580px) {
  .p-top-firstview .img-wrap {
    display: none;
  }
}

.p-top-information-pickup {
  background: #FFF;
  padding: 1.5rem 0;
  border-top: 1px solid #DEDEDE;
  border-bottom: 1px solid #DEDEDE;
  transition: background-color 300ms;
}
@media only screen and (max-width: 580px) {
  .p-top-information-pickup {
    padding: 1.25rem 0;
  }
}
@media (hover: hover) and (pointer: fine) {
  .p-top-information-pickup:has(a:hover) {
    background-color: #E8FCFC;
  }
}
.p-top-information-pickup .l-main-inner {
  display: flex;
  align-items: center;
  gap: 2.5rem;
}
@media only screen and (max-width: 580px) {
  .p-top-information-pickup .l-main-inner {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.75rem;
  }
}
.p-top-information-pickup .c-list-information._pickup {
  flex: 1;
  min-width: 0;
  gap: 0;
  margin: 0;
}
.p-top-information-pickup .c-list-information._pickup > li {
  list-style: none;
}
.p-top-information-pickup .c-list-information._pickup .item {
  flex-wrap: nowrap;
  padding: 0;
  border-bottom: none;
}
.p-top-information-pickup .c-list-information._pickup .item::after {
  content: none;
}
@media only screen and (max-width: 580px) {
  .p-top-information-pickup .c-list-information._pickup .item {
    flex-wrap: wrap;
  }
}
.p-top-information-pickup .c-list-information._pickup .meta {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-shrink: 0;
}
@media only screen and (max-width: 800px) {
  .p-top-information-pickup .c-list-information._pickup .meta {
    gap: 0.625rem;
  }
}
.p-top-information-pickup .c-list-information._pickup .c-md-tags {
  margin-left: 0;
}
.p-top-information-pickup .c-list-information._pickup .date {
  width: auto;
  min-width: 5.5rem;
  font-size: 0.875rem;
  line-height: 1;
  transform: translateY(0.8px);
}
.p-top-information-pickup .c-list-information._pickup .title {
  flex: 1;
  width: auto;
  min-width: 0;
  max-width: none;
  font-size: 0.9375rem;
}
@media only screen and (max-width: 580px) {
  .p-top-information-pickup .c-list-information._pickup .title {
    flex: 1 1 100%;
    white-space: normal;
    overflow: visible;
    text-overflow: clip;
  }
}
.p-top-information-pickup__more {
  position: relative;
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  margin-left: auto;
  padding-right: 1.25rem;
  font-size: 0.875rem;
  font-weight: 500;
  color: #133559;
  line-height: 1;
  white-space: nowrap;
  transform: translateY(2px);
}
.p-top-information-pickup__more::after {
  content: "";
  position: absolute;
  right: 0.25rem;
  top: 50%;
  margin-top: -0.25rem;
  display: block;
  width: 0.5rem;
  height: 0.5rem;
  border-bottom: 2px solid #00C8C5;
  border-right: 2px solid #00C8C5;
  rotate: 315deg;
  transition: 300ms;
}
@media (hover: hover) and (pointer: fine) {
  .p-top-information-pickup__more:hover::after {
    right: -0.25rem;
  }
}

.p-top-banner {
  background: #E8FCFC;
  padding: 1.5rem 0;
}
.p-top-banner .container {
  background: #fff;
  padding: 3rem 0;
  overflow-x: auto;
}
.p-top-banner .list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(10.625rem, 1fr));
  /* grid-template-columns: repeat(6, 1fr); */
  gap: 2.5rem;
}
@media only screen and (max-width: 1100px) {
  .p-top-banner .list {
    grid-template-columns: repeat(auto-fit, minmax(20vw, 1fr));
  }
}
@media only screen and (max-width: 580px) {
  .p-top-banner .list {
    grid-template-columns: repeat(auto-fit, minmax(30vw, 1fr));
    gap: 1rem;
  }
}

.p-top-casestudy {
  padding: 6.9444444444vw 0 10.4166666667vw;
}
.p-top-casestudy .l-main-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3.5rem;
}
.p-top-casestudy .l-main-inner > .text {
  font-size: clamp(17px, 1vw, 18px);
  font-weight: 500;
  letter-spacing: 0.125rem;
  text-align: center;
  opacity: 0;
  transform: translateY(1.5rem);
}
.p-top-casestudy.is-on .l-main-inner > .text {
  opacity: 1;
  transform: translateY(0rem);
  transition-property: all;
  transition-duration: 0.95s;
  transition-timing-function: ease;
  transition-delay: 0s;
  transition-delay: 0.5s;
}

.p-top-casestudy .list {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(4, auto);
  gap: 3.5rem;
}
@media only screen and (max-width: 1100px) {
  .p-top-casestudy .list {
    grid-template-columns: repeat(2, auto);
    gap: 3rem 2rem;
  }
}
@media only screen and (max-width: 800px) {
  .p-top-casestudy .list {
    gap: 2rem;
  }
}
@media only screen and (max-width: 580px) {
  .p-top-casestudy .list {
    grid-template-columns: repeat(1, auto);
  }
}
.p-top-casestudy .list .item {
  opacity: 0;
  transform: translateY(1.5rem);
}
.p-top-casestudy .list .item:nth-child(1) {
  transition-delay: 1.2s;
}
.p-top-casestudy .list .item:nth-child(2) {
  transition-delay: 1.4s;
}
.p-top-casestudy .list .item:nth-child(3) {
  transition-delay: 1.6s;
}
.p-top-casestudy .list .item:nth-child(4) {
  transition-delay: 1.8s;
}
.p-top-casestudy .list .item:nth-child(5) {
  transition-delay: 2s;
}
.p-top-casestudy .list .item:nth-child(6) {
  transition-delay: 2.2s;
}
.p-top-casestudy .list .item:nth-child(7) {
  transition-delay: 2.4s;
}
.p-top-casestudy .list .item:nth-child(8) {
  transition-delay: 2.6s;
}
.p-top-casestudy .list .item:nth-child(9) {
  transition-delay: 2.8s;
}
.p-top-casestudy .list .item:nth-child(10) {
  transition-delay: 3s;
}
.p-top-casestudy .list .item:nth-child(11) {
  transition-delay: 3.2s;
}
.p-top-casestudy .list .item:nth-child(12) {
  transition-delay: 3.4s;
}
.p-top-casestudy .list .item:nth-child(13) {
  transition-delay: 3.6s;
}
.p-top-casestudy .list .item:nth-child(14) {
  transition-delay: 3.8s;
}
.p-top-casestudy .list .item:nth-child(15) {
  transition-delay: 4s;
}
.p-top-casestudy .list .item:nth-child(16) {
  transition-delay: 4.2s;
}
.p-top-casestudy .list .item:nth-child(17) {
  transition-delay: 4.4s;
}
.p-top-casestudy .list .item:nth-child(18) {
  transition-delay: 4.6s;
}
.p-top-casestudy .list .item:nth-child(19) {
  transition-delay: 4.8s;
}
.p-top-casestudy .list .item:nth-child(20) {
  transition-delay: 5s;
}
.p-top-casestudy.is-on .item {
  opacity: 1;
  transform: translateY(0rem);
  transition-property: all;
  transition-duration: 0.95s;
  transition-timing-function: ease;
  transition-delay: 0s;
}

.p-top-reason {
  background: #133559;
  padding: 5rem 0 0;
}
.p-top-reason._renewal {
  padding: 5rem 0 9.375rem;
  overflow: hidden;
}
@media only screen and (max-width: 580px) {
  .p-top-reason._renewal {
    padding: 5rem 0 6.25rem;
  }
}
.p-top-reason .item-wrap {
  position: relative;
  display: flex;
  justify-content: space-between;
  gap: 11.5625rem;
  margin-top: 6rem;
  z-index: 0;
}
@media only screen and (max-width: 1100px) {
  .p-top-reason .item-wrap {
    gap: 4rem;
  }
}
@media only screen and (max-width: 1080px) {
  .p-top-reason .item-wrap {
    flex-direction: column;
  }
}
@media only screen and (max-width: 580px) {
  .p-top-reason .item-wrap {
    margin-top: 2rem;
  }
}
.p-top-reason .item-wrap::after {
  content: "";
  width: 30rem;
  height: 30rem;
  display: block;
  background: url(../../img/top/gear-full.svg) no-repeat;
  background-size: contain;
  background-position: center;
  position: absolute;
  bottom: -30%;
  right: -15%;
  z-index: -1;
}
@media only screen and (max-width: 1080px) {
  .p-top-reason .item-wrap::after {
    bottom: -5%;
    right: inherit;
    left: -10%;
  }
}
@media only screen and (max-width: 580px) {
  .p-top-reason .item-wrap::after {
    bottom: 8%;
    left: -40%;
  }
}
.p-top-reason .text-wrap {
  max-width: 31.25rem;
}
@media only screen and (max-width: 1080px) {
  .p-top-reason .text-wrap {
    max-width: initial;
    order: 2;
  }
}
.p-top-reason .c-btn-common {
  margin-top: 5rem;
}
@media only screen and (max-width: 1080px) {
  .p-top-reason .c-btn-common {
    margin: 5rem auto 0;
  }
}
@media only screen and (max-width: 580px) {
  .p-top-reason .c-btn-common {
    margin: 3rem auto 0;
  }
}
.p-top-reason .c-code-editor {
  position: absolute;
  max-width: 56.25rem;
  width: 59%;
  top: 0;
  right: -12%;
  /* margin: 0 calc(50% - 50vw) 0 0; */
}
@media only screen and (max-width: 1080px) {
  .p-top-reason .c-code-editor {
    order: 2;
    width: initial;
    transform: translateX(2%);
    position: inherit;
  }
}
.p-top-reason .c-code-editor img {
  width: 100%;
  height: 100%;
  /* object-fit: cover;
  object-position: right;
  position: relative;
  z-index: 1; */
}
.p-top-reason .c-list-number .item {
  opacity: 0;
  transform: translateY(1.5rem);
}
.p-top-reason .c-list-number .item:nth-child(1) {
  transition-delay: 0.7s;
}
.p-top-reason .c-list-number .item:nth-child(2) {
  transition-delay: 0.9s;
}
.p-top-reason .c-list-number .item:nth-child(3) {
  transition-delay: 1.1s;
}
.p-top-reason .c-list-number .item:nth-child(4) {
  transition-delay: 1.3s;
}
.p-top-reason .c-list-number .item:nth-child(5) {
  transition-delay: 1.5s;
}
.p-top-reason .c-list-number .item:nth-child(6) {
  transition-delay: 1.7s;
}
.p-top-reason .c-list-number .item:nth-child(7) {
  transition-delay: 1.9s;
}
.p-top-reason .c-list-number .item:nth-child(8) {
  transition-delay: 2.1s;
}
.p-top-reason .c-list-number .item:nth-child(9) {
  transition-delay: 2.3s;
}
.p-top-reason .c-list-number .item:nth-child(10) {
  transition-delay: 2.5s;
}
.p-top-reason .c-list-number .item:nth-child(11) {
  transition-delay: 2.7s;
}
.p-top-reason .c-list-number .item:nth-child(12) {
  transition-delay: 2.9s;
}
.p-top-reason .c-list-number .item:nth-child(13) {
  transition-delay: 3.1s;
}
.p-top-reason .c-list-number .item:nth-child(14) {
  transition-delay: 3.3s;
}
.p-top-reason .c-list-number .item:nth-child(15) {
  transition-delay: 3.5s;
}
.p-top-reason .c-list-number .item:nth-child(16) {
  transition-delay: 3.7s;
}
.p-top-reason .c-list-number .item:nth-child(17) {
  transition-delay: 3.9s;
}
.p-top-reason .c-list-number .item:nth-child(18) {
  transition-delay: 4.1s;
}
.p-top-reason .c-list-number .item:nth-child(19) {
  transition-delay: 4.3s;
}
.p-top-reason .c-list-number .item:nth-child(20) {
  transition-delay: 4.5s;
}
.p-top-reason.is-on .item {
  opacity: 1;
  transform: translateY(0rem);
  transition-property: all;
  transition-duration: 0.95s;
  transition-timing-function: ease;
  transition-delay: 0s;
}

.p-top-function {
  background: #133559;
  padding: 9.375rem 0 7.5rem;
}
@media only screen and (max-width: 580px) {
  .p-top-function {
    padding: 5rem 0;
  }
}
.p-top-function .list {
  display: flex;
  gap: 3.5rem;
  margin-top: 4.5rem;
}
@media only screen and (max-width: 1100px) {
  .p-top-function .list {
    gap: 2rem;
  }
}
@media only screen and (max-width: 800px) {
  .p-top-function .list {
    flex-direction: column;
  }
}
.p-top-function .list .item {
  width: 100%;
  opacity: 0;
  transform: translateY(1.5rem);
}
.p-top-function .list .item:nth-child(1) {
  transition-delay: 0.7s;
}
.p-top-function .list .item:nth-child(2) {
  transition-delay: 0.9s;
}
.p-top-function .list .item:nth-child(3) {
  transition-delay: 1.1s;
}
.p-top-function .list .item:nth-child(4) {
  transition-delay: 1.3s;
}
.p-top-function .list .item:nth-child(5) {
  transition-delay: 1.5s;
}
.p-top-function .list .item:nth-child(6) {
  transition-delay: 1.7s;
}
.p-top-function .list .item:nth-child(7) {
  transition-delay: 1.9s;
}
.p-top-function .list .item:nth-child(8) {
  transition-delay: 2.1s;
}
.p-top-function .list .item:nth-child(9) {
  transition-delay: 2.3s;
}
.p-top-function .list .item:nth-child(10) {
  transition-delay: 2.5s;
}
.p-top-function .list .item:nth-child(11) {
  transition-delay: 2.7s;
}
.p-top-function .list .item:nth-child(12) {
  transition-delay: 2.9s;
}
.p-top-function .list .item:nth-child(13) {
  transition-delay: 3.1s;
}
.p-top-function .list .item:nth-child(14) {
  transition-delay: 3.3s;
}
.p-top-function .list .item:nth-child(15) {
  transition-delay: 3.5s;
}
.p-top-function .list .item:nth-child(16) {
  transition-delay: 3.7s;
}
.p-top-function .list .item:nth-child(17) {
  transition-delay: 3.9s;
}
.p-top-function .list .item:nth-child(18) {
  transition-delay: 4.1s;
}
.p-top-function .list .item:nth-child(19) {
  transition-delay: 4.3s;
}
.p-top-function .list .item:nth-child(20) {
  transition-delay: 4.5s;
}
.p-top-function.is-on .item {
  opacity: 1;
  transform: translateY(0rem);
  transition-property: all;
  transition-duration: 0.95s;
  transition-timing-function: ease;
  transition-delay: 0s;
  transition-delay: 0.5s;
}

.p-top-function .c-btn-common {
  margin: 3.5rem auto 0;
  opacity: 0;
  transform: translateY(1.5rem);
}
.p-top-function.is-on .c-btn-common {
  opacity: 1;
  transform: translateY(0rem);
  transition-property: all;
  transition-duration: 0.95s;
  transition-timing-function: ease;
  transition-delay: 0s;
  transition: 300ms;
  /* transition-delay: 0.7s; */
}

.p-top-plan {
  padding-top: 7.5rem;
}
@media only screen and (max-width: 580px) {
  .p-top-plan {
    padding-top: 20.6896551724vw;
  }
}
.p-top-plan .l-main-inner {
  display: flex;
  flex-direction: column;
  gap: 3.5rem;
}
@media only screen and (max-width: 800px) {
  .p-top-plan .l-main-inner {
    gap: 2rem;
  }
}
.p-top-plan .l-main-inner > .text {
  font-size: 1.125rem;
  font-weight: 500;
  letter-spacing: 0.125rem;
  text-align: center;
  opacity: 0;
  transform: translateY(1.5rem);
}
.p-top-plan.is-on .l-main-inner > .text {
  opacity: 1;
  transform: translateY(0rem);
  transition-property: all;
  transition-duration: 0.95s;
  transition-timing-function: ease;
  transition-delay: 0s;
  transition-delay: 0.5s;
}

.p-top-plan .list {
  display: flex;
  align-items: stretch;
  gap: 2rem;
}
@media only screen and (max-width: 800px) {
  .p-top-plan .list {
    flex-direction: column;
    align-items: center;
  }
}
.p-top-plan .item {
  position: relative;
  display: flex;
  width: 100%;
  padding-top: 3rem;
  opacity: 0;
  transform: translateY(1.5rem);
}
@media only screen and (max-width: 580px) {
  .p-top-plan .item {
    padding-top: 0;
  }
  .p-top-plan .item:not(:first-child) {
    padding-top: 3rem;
  }
}
.p-top-plan .item:nth-child(1) {
  transition-delay: 0.7s;
}
.p-top-plan .item:nth-child(2) {
  transition-delay: 0.9s;
}
.p-top-plan .item:nth-child(3) {
  transition-delay: 1.1s;
}
.p-top-plan .item:nth-child(4) {
  transition-delay: 1.3s;
}
.p-top-plan .item:nth-child(5) {
  transition-delay: 1.5s;
}
.p-top-plan .item:nth-child(6) {
  transition-delay: 1.7s;
}
.p-top-plan .item:nth-child(7) {
  transition-delay: 1.9s;
}
.p-top-plan .item:nth-child(8) {
  transition-delay: 2.1s;
}
.p-top-plan .item:nth-child(9) {
  transition-delay: 2.3s;
}
.p-top-plan .item:nth-child(10) {
  transition-delay: 2.5s;
}
.p-top-plan .item:nth-child(11) {
  transition-delay: 2.7s;
}
.p-top-plan .item:nth-child(12) {
  transition-delay: 2.9s;
}
.p-top-plan .item:nth-child(13) {
  transition-delay: 3.1s;
}
.p-top-plan .item:nth-child(14) {
  transition-delay: 3.3s;
}
.p-top-plan .item:nth-child(15) {
  transition-delay: 3.5s;
}
.p-top-plan .item:nth-child(16) {
  transition-delay: 3.7s;
}
.p-top-plan .item:nth-child(17) {
  transition-delay: 3.9s;
}
.p-top-plan .item:nth-child(18) {
  transition-delay: 4.1s;
}
.p-top-plan .item:nth-child(19) {
  transition-delay: 4.3s;
}
.p-top-plan .item:nth-child(20) {
  transition-delay: 4.5s;
}
.p-top-plan.is-on .item {
  opacity: 1;
  transform: translateY(0rem);
  transition-property: all;
  transition-duration: 0.95s;
  transition-timing-function: ease;
  transition-delay: 0s;
  transition-delay: 0.5s;
}

.p-top-plan .c-btn-common {
  margin: auto;
}

/* .p-top-casestudy-article {
    position: relative;
    padding-top: 7.5rem;

    @media only screen and (max-width: $Bp-Mobile) {
        padding-top: svw(120);
    }

    .l-main-inner {
        position: relative;
        display: flex;
        flex-direction: column;
        gap: 3.5rem;
        z-index: 1;
    }

    .swiper {
        overflow: hidden;

        @media only screen and (max-width: $Bp-Mobile) {
            overflow: auto;
        }


        .swiper-button-prev,
        .swiper-button-next {
            background: url(../../img/top/arrow.svg) no-repeat;

            &::after {
                content: none;
            }

            @media only screen and (max-width: $Bp-Mobile) {
                display: none;
            }

        }

        .swiper-button-prev {
            transform: scale(-1, 1);
            left: -1.5rem;
        }

        .swiper-button-next {
            right: -1.5rem;
        }

        .swiper-pagination {
            position: relative;
            bottom: initial;
            margin-top: 2.5rem;
        }

        .swiper-pagination-bullet {
            margin: 0 0.75rem;
            opacity: 1;
            background: $Bg-Gray;
        }

        .swiper-pagination-bullet-active {
            background: $Base;
        }
    }

    .c-btn-common {
        margin: auto;
    }
} */
.p-top-flow {
  position: relative;
  padding: 9.375rem 0 7.9375rem;
}
@media only screen and (max-width: 580px) {
  .p-top-flow {
    padding: 25.8620689655vw 0 21.8965517241vw;
  }
}
.p-top-flow::before {
  content: "";
  display: block;
  width: 31.25rem;
  height: 31.25rem;
  background: url(../../img/top/gear.svg) no-repeat;
  background-size: contain;
  position: absolute;
  left: 0;
  top: -3.75rem;
  z-index: -1;
}
@media only screen and (max-width: 580px) {
  .p-top-flow::before {
    width: 50%;
  }
}
.p-top-flow .l-main-inner {
  position: relative;
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 3.5rem;
  z-index: 1;
}
@media only screen and (max-width: 580px) {
  .p-top-flow .l-main-inner {
    gap: 2rem;
  }
}
.p-top-flow .l-main-inner > .text {
  font-size: 1.125rem;
  font-weight: 500;
  letter-spacing: 0.125rem;
  text-align: center;
  opacity: 0;
  transform: translateY(1.5rem);
}
.p-top-flow.is-on .l-main-inner > .text {
  opacity: 1;
  transform: translateY(0rem);
  transition-property: all;
  transition-duration: 0.95s;
  transition-timing-function: ease;
  transition-delay: 0s;
  transition-delay: 0.5s;
}

.p-top-flow .c-list-flow .item {
  opacity: 0;
  transform: translateY(1.5rem);
}
.p-top-flow .c-list-flow .item:nth-child(1) {
  transition-delay: 1.2s;
}
.p-top-flow .c-list-flow .item:nth-child(2) {
  transition-delay: 1.4s;
}
.p-top-flow .c-list-flow .item:nth-child(3) {
  transition-delay: 1.6s;
}
.p-top-flow .c-list-flow .item:nth-child(4) {
  transition-delay: 1.8s;
}
.p-top-flow .c-list-flow .item:nth-child(5) {
  transition-delay: 2s;
}
.p-top-flow .c-list-flow .item:nth-child(6) {
  transition-delay: 2.2s;
}
.p-top-flow .c-list-flow .item:nth-child(7) {
  transition-delay: 2.4s;
}
.p-top-flow .c-list-flow .item:nth-child(8) {
  transition-delay: 2.6s;
}
.p-top-flow .c-list-flow .item:nth-child(9) {
  transition-delay: 2.8s;
}
.p-top-flow .c-list-flow .item:nth-child(10) {
  transition-delay: 3s;
}
.p-top-flow .c-list-flow .item:nth-child(11) {
  transition-delay: 3.2s;
}
.p-top-flow .c-list-flow .item:nth-child(12) {
  transition-delay: 3.4s;
}
.p-top-flow .c-list-flow .item:nth-child(13) {
  transition-delay: 3.6s;
}
.p-top-flow .c-list-flow .item:nth-child(14) {
  transition-delay: 3.8s;
}
.p-top-flow .c-list-flow .item:nth-child(15) {
  transition-delay: 4s;
}
.p-top-flow .c-list-flow .item:nth-child(16) {
  transition-delay: 4.2s;
}
.p-top-flow .c-list-flow .item:nth-child(17) {
  transition-delay: 4.4s;
}
.p-top-flow .c-list-flow .item:nth-child(18) {
  transition-delay: 4.6s;
}
.p-top-flow .c-list-flow .item:nth-child(19) {
  transition-delay: 4.8s;
}
.p-top-flow .c-list-flow .item:nth-child(20) {
  transition-delay: 5s;
}
.p-top-flow.is-on .item {
  opacity: 1;
  transform: translateY(0rem);
  transition-property: all;
  transition-duration: 0.95s;
  transition-timing-function: ease;
  transition-delay: 0s;
}

.p-top-flow .c-list-flow::after {
  transform: translate(-50%, -50%) scaleX(0);
  transition-duration: 1s;
  transition-timing-function: ease;
  transition-delay: 2s;
  transform-origin: left;
}
.p-top-flow.is-on .c-list-flow::after {
  transform: translate(-50%, -50%) scaleX(1);
}

.p-top-tips {
  position: relative;
  padding: 4.5rem 0 9.375rem;
}
@media only screen and (max-width: 580px) {
  .p-top-tips {
    padding: 12.4137931034vw 0 25.8620689655vw;
  }
}
.p-top-tips::before {
  content: "";
  width: 100%;
  height: 18.75rem;
  background: #E8FCFC;
  position: absolute;
  top: 0;
  left: 0;
}
.p-top-tips .l-main-inner {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 3.5rem;
  z-index: 1;
}
.p-top-tips .swiper-container {
  overflow: hidden;
}
@media only screen and (max-width: 580px) {
  .p-top-tips .swiper-container {
    overflow: auto;
  }
}
.p-top-tips .swiper-container .swiper-button-prev,
.p-top-tips .swiper-container .swiper-button-next {
  background: url(../../img/top/arrow.svg) no-repeat;
}
.p-top-tips .swiper-container .swiper-button-prev::after,
.p-top-tips .swiper-container .swiper-button-next::after {
  content: none;
}
@media only screen and (max-width: 580px) {
  .p-top-tips .swiper-container .swiper-button-prev,
  .p-top-tips .swiper-container .swiper-button-next {
    display: none;
  }
}
.p-top-tips .swiper-container .swiper-button-prev {
  transform: scale(-1, 1);
  left: -1.5rem;
}
.p-top-tips .swiper-container .swiper-button-next {
  right: -1.5rem;
}
.p-top-tips .swiper-container .swiper-pagination {
  position: relative;
  bottom: initial;
  margin-top: 2.5rem;
}
.p-top-tips .swiper-container .swiper-pagination-bullet {
  margin: 0 0.75rem;
  opacity: 1;
  background: #F5F5F5;
}
.p-top-tips .swiper-container .swiper-pagination-bullet-active {
  background: #00C8C5;
}
.p-top-tips .c-btn-common {
  margin: auto;
}

.p-top-cta {
  background: #133559;
  padding: 4rem 0;
}
.p-top-cta .l-main-inner {
  font-size: clamp(17px, 1vw, 18px);
  font-weight: 500;
  line-height: 1.75;
  letter-spacing: 0.125rem;
  font-weight: bold;
  text-align: center;
}
.p-top-cta .title {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2rem;
  color: #FFF;
}
.p-top-cta .title::before, .p-top-cta .title::after {
  content: "";
  display: inline-block;
  width: 0.125rem;
  height: 2rem;
  background: #FFF;
}
.p-top-cta .title::before {
  rotate: -25deg;
}
.p-top-cta .title::after {
  rotate: 25deg;
}
.p-top-cta .list {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
  max-width: 45.75rem;
  margin: 1.5rem auto 0;
}
@media only screen and (max-width: 580px) {
  .p-top-cta .list {
    flex-direction: column;
    gap: 1rem;
  }
}
.p-top-cta .item:nth-of-type(1) {
  width: 100%;
  padding-bottom: 2.5rem;
  border-bottom: 1px solid #2F6DAE;
}
@media only screen and (max-width: 580px) {
  .p-top-cta .item:nth-of-type(1) {
    padding-bottom: 1rem;
  }
}
.p-top-cta .item:nth-of-type(n+2) {
  width: calc((100% - 2rem) / 2);
  padding-top: 0.5rem;
}
@media only screen and (max-width: 580px) {
  .p-top-cta .item:nth-of-type(n+2) {
    width: 100%;
  }
}

.p-top-information {
  background: #E8FCFC;
  padding: 4.5rem 0;
}
.p-top-information .c-list-information {
  padding: 3.5rem 5rem;
  margin: 3.5rem 0;
  background: #FFF;
}
@media only screen and (max-width: 1100px) {
  .p-top-information .c-list-information {
    padding: 2.5rem;
  }
}
@media only screen and (max-width: 580px) {
  .p-top-information .c-list-information {
    padding: 1.5rem;
  }
}
.p-top-information .c-btn-common {
  margin: 0 auto;
}

.p-top-casestudy-article {
  background: #CAF8F8;
  padding: 4.5rem 0;
}
.p-top-casestudy-article .l-main-inner {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 3.5rem;
  z-index: 1;
}
@media only screen and (max-width: 580px) {
  .p-top-casestudy-article .l-main-inner {
    gap: 2rem;
  }
}
.p-top-casestudy-article .c-heading-section .text::before {
  color: #00E1DE;
  opacity: 0.2;
}
.p-top-casestudy-article .swiper-container {
  width: 100%;
  overflow: visible;
}
@media only screen and (max-width: 580px) {
  .p-top-casestudy-article .swiper-container {
    overflow: auto;
  }
}
.p-top-casestudy-article .swiper-container .swiper-slide:not(.swiper-slide-visible) .c-card-casestudy-article {
  pointer-events: none;
  opacity: 0.3;
}
.p-top-casestudy-article .swiper-container .swiper-button-prev2,
.p-top-casestudy-article .swiper-container .swiper-button-next2 {
  position: absolute;
  top: 43.5%;
  z-index: 100;
  width: 3.5rem;
  height: 3.5625rem;
  background: url(../../img/top/btn-arrow.svg) no-repeat;
  cursor: pointer;
}
.p-top-casestudy-article .swiper-container .swiper-button-prev2::after,
.p-top-casestudy-article .swiper-container .swiper-button-next2::after {
  content: none;
}
@media only screen and (max-width: 580px) {
  .p-top-casestudy-article .swiper-container .swiper-button-prev2,
  .p-top-casestudy-article .swiper-container .swiper-button-next2 {
    display: none;
  }
}
.p-top-casestudy-article .swiper-container .swiper-button-prev2 {
  transform: scale(-1, 1);
  left: 2rem;
}
@media only screen and (max-width: 800px) {
  .p-top-casestudy-article .swiper-container .swiper-button-prev2 {
    left: 1.5rem;
  }
}
.p-top-casestudy-article .swiper-container .swiper-button-next2 {
  right: 2rem;
}
@media only screen and (max-width: 800px) {
  .p-top-casestudy-article .swiper-container .swiper-button-next2 {
    right: 1.5rem;
  }
}
.p-top-casestudy-article .swiper-container .swiper-pagination2 {
  position: relative;
  bottom: initial;
  margin-top: 2rem;
  text-align: center;
}
@media only screen and (max-width: 580px) {
  .p-top-casestudy-article .swiper-container .swiper-pagination2 {
    margin-top: 2rem;
  }
}
.p-top-casestudy-article .swiper-container .swiper-pagination-bullet {
  margin: 0 0.75rem;
  opacity: 1;
  background: #A0F1F1;
}
.p-top-casestudy-article .swiper-container .swiper-pagination-bullet-active {
  background: #00C8C5;
}
.p-top-casestudy-article .c-btn-common {
  margin: auto;
}

.p-product-01 {
  padding: 6.25rem 0;
}
.p-product-01._renewal {
  padding: 4.6875rem 0;
}
@media only screen and (max-width: 580px) {
  .p-product-01 {
    padding: 17.2413793103vw 0;
  }
}
.p-product-01 .c-heading-section {
  margin-bottom: 2.5rem;
}
.p-product-01 .list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(15.625rem, 1fr));
  gap: 3.5rem;
}
.p-product-01 .list .item:nth-child(n+4) .c-card-function {
  height: 100%;
}
.p-product-01 .list .item:nth-child(n+4) .c-card-function a {
  gap: 0;
}
.p-product-01 .c-card-function .description {
  color: #133559;
  margin-bottom: 1rem;
}

.p-product-usagecase {
  margin-bottom: 7.5rem;
}
.p-product-usagecase._renewal {
  margin-bottom: 6.25rem;
}
.p-product-usagecase._renewal .c-btn-common {
  margin: 2.8125rem auto 0;
}
@media only screen and (max-width: 580px) {
  .p-product-usagecase {
    margin-bottom: 20.6896551724vw;
  }
}
.p-product-usagecase .c-heading-border-bottom {
  margin-bottom: 2.5rem;
}
.p-product-usagecase .list {
  max-width: 65.5rem;
  padding: 0 4rem;
  margin: 0 auto;
}
@media only screen and (max-width: 800px) {
  .p-product-usagecase .list {
    padding: 0 3rem;
  }
}
@media only screen and (max-width: 580px) {
  .p-product-usagecase .list {
    padding: 0 1.5rem;
  }
}
.p-product-usagecase .c-card-question .wrap {
  display: flex;
  gap: 1.5rem;
}
@media only screen and (max-width: 800px) {
  .p-product-usagecase .c-card-question .wrap {
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
    width: calc(100% - 2rem);
  }
}
@media only screen and (max-width: 580px) {
  .p-product-usagecase .c-card-question .wrap {
    gap: 0.5rem;
  }
}
.p-product-usagecase .c-card-question .sentence {
  font-size: clamp(17px, 1vw, 18px);
  font-weight: 500;
  line-height: 1.75;
  letter-spacing: 0.125rem;
  font-weight: bold;
  font-weight: 500;
  color: #133559;
  padding: 0;
}
@media only screen and (max-width: 800px) {
  .p-product-usagecase .c-card-question .sentence {
    width: 100%;
  }
}
.p-product-usagecase .c-card-question .sentence::before {
  background: none;
}
.p-product-usagecase .c-card-answer {
  background: #FFF;
  border-bottom: 1px solid #F5F5F5;
}
.p-product-usagecase .c-card-answer .sentence {
  font-size: 1rem;
  line-height: 1.9;
  letter-spacing: 1px;
  margin-top: 1rem;
  padding: 0;
}
.p-product-usagecase .c-card-answer .sentence::before {
  background: none;
}
.p-product-usagecase .c-card-answer .annotation {
  font-size: 0.875rem;
  letter-spacing: 1px;
  line-height: 1.8;
  font-weight: 500;
  color: #888888;
  font-weight: normal;
}
.p-product-usagecase .c-card-answer .c-btn-document {
  width: 100%;
  justify-content: flex-end;
  margin-top: 1rem;
}
.p-product-usagecase .c-btn-accordion {
  display: block;
  width: 100%;
  background: #E8FCFC;
  border-bottom: 2px solid #FFF;
  transition: background 300ms;
  cursor: pointer;
}
@media (hover: hover) and (pointer: fine) {
  .p-product-usagecase .c-btn-accordion:hover {
    background: #CAF8F8;
  }
  .p-product-usagecase .c-btn-accordion:hover .c-label-solution._product-task {
    background: #E8FCFC;
  }
}
.p-product-usagecase .c-btn-common {
  margin: 3.5rem auto 0;
}

.p-product-02 {
  position: relative;
  padding: 6.25rem 0 9.375rem;
  background: #133559;
  z-index: 0;
  overflow: hidden;
}
@media only screen and (max-width: 580px) {
  .p-product-02 {
    padding: 17.2413793103vw 0 20.6896551724vw;
  }
}
.p-product-02::before, .p-product-02::after {
  content: "";
  display: block;
  position: absolute;
  width: 37.5rem;
  height: 37.5rem;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url(../../img/top/gear-full.svg);
  z-index: -1;
}
@media only screen and (max-width: 800px) {
  .p-product-02::before, .p-product-02::after {
    width: 50%;
  }
}
.p-product-02::before {
  top: -40%;
  right: -15%;
}
@media only screen and (max-width: 580px) {
  .p-product-02::before {
    display: none;
  }
}
.p-product-02::after {
  top: 65%;
  left: -15%;
}
@media only screen and (max-width: 580px) {
  .p-product-02::after {
    display: none;
  }
}
.p-product-02 .c-heading-section {
  margin-bottom: 2.5rem;
}
.p-product-02 .c-product-text {
  color: #FFF;
  margin-bottom: 1.5rem;
}
.p-product-02 .l-main-inner {
  max-width: 100%;
}
@media only screen and (max-width: 1100px) {
  .p-product-02 .l-main-inner {
    max-width: 48rem;
  }
}
.p-product-02 .item-wrap {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  width: 100%;
  gap: 3rem;
  margin-top: 6rem;
}
@media only screen and (max-width: 1100px) {
  .p-product-02 .item-wrap {
    margin-top: 8rem;
    gap: 8rem;
  }
}
.p-product-02 .item-wrap + .item-wrap {
  margin-top: 8rem;
}
@media only screen and (max-width: 1100px) {
  .p-product-02 .item-wrap + .item-wrap {
    margin-top: 8rem;
  }
}
.p-product-02 .c-product-support {
  width: calc((100% - 3rem * 2) / 3);
}
@media only screen and (max-width: 1100px) {
  .p-product-02 .c-product-support {
    width: 100%;
    max-width: 100%;
  }
}
.p-product-02 .item-wrap._bottom .c-product-support {
  width: calc((100% - 3rem * 3) / 4);
}
@media only screen and (max-width: 1100px) {
  .p-product-02 .item-wrap._bottom .c-product-support {
    width: 100%;
    max-width: 100%;
  }
}
.p-product-02 .c-btn-common {
  margin: 5rem auto 0;
}

.p-product-03 {
  position: relative;
  margin: 6.25rem auto 7.5rem;
}
@media only screen and (max-width: 580px) {
  .p-product-03 {
    margin: 17.2413793103vw auto 20.6896551724vw;
  }
}
.p-product-03::after {
  content: "";
  position: absolute;
  top: -6.25rem;
  left: 0;
  display: block;
  width: 100%;
  height: 46%;
  background: #E8FCFC;
  z-index: -1;
}
.p-product-03 .c-heading-section {
  margin-bottom: 2.5rem;
}
.p-product-03 > .c-table-container {
  padding: 0;
  margin: 0 1.5rem;
}
.p-product-03 .c-table-head .title:nth-child(-n+2) {
  width: 25%;
  border-right: 1px solid #FFF;
}
.p-product-03 .c-table-head .title:last-child {
  border-right: 1px solid #00C8C5;
}
.p-product-03 .c-table-head .title {
  /* @media only screen and (max-width: $Bp-Mobile) {
      &:first-child {
          width: 20%;
      }
  } */
}
@media only screen and (max-width: 580px) {
  .p-product-03 .c-table-text {
    padding: 1rem 0 1rem 1rem;
  }
}
.p-product-03 .c-btn-common {
  margin: 3.5rem auto 0;
}

.p-product-casestudy {
  margin-bottom: 9.375rem;
}
@media only screen and (max-width: 580px) {
  .p-product-casestudy {
    margin-bottom: 25.8620689655vw;
  }
}
.p-product-casestudy .l-main-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3.5rem;
}
.p-product-casestudy .l-main-inner > .text {
  font-size: 1.125rem;
  font-weight: 500;
  letter-spacing: 0.125rem;
  text-align: center;
}
.p-product-casestudy .list {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(4, auto);
  gap: 3.5rem;
}
@media only screen and (max-width: 1100px) {
  .p-product-casestudy .list {
    grid-template-columns: repeat(2, auto);
  }
}
@media only screen and (max-width: 800px) {
  .p-product-casestudy .list {
    gap: 2rem;
  }
}
@media only screen and (max-width: 580px) {
  .p-product-casestudy .list {
    grid-template-columns: repeat(1, auto);
  }
}

.p-casestudy-heading {
  position: relative;
  height: 28.125rem;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.p-casestudy-heading._renewal {
  height: 27.5rem;
}
@media only screen and (max-width: 580px) {
  .p-casestudy-heading {
    height: 80vh;
  }
}
.p-casestudy-heading::after {
  content: "";
  display: block;
  width: 18.75rem;
  height: 18.75rem;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 6%;
}
@media only screen and (max-width: 1100px) {
  .p-casestudy-heading::after {
    right: 0;
  }
}
@media only screen and (max-width: 800px) {
  .p-casestudy-heading::after {
    width: 30%;
    right: -5%;
    top: 86%;
  }
}
@media only screen and (max-width: 580px) {
  .p-casestudy-heading::after {
    width: 50%;
    top: 95%;
  }
}
.p-casestudy-heading .l-main-inner {
  position: relative;
}
.p-casestudy-heading .num-title {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 10%;
  display: flex;
  flex-direction: column;
  align-items: center;
  grid-area: 12px;
  opacity: 0.2;
}
@media only screen and (max-width: 1100px) {
  .p-casestudy-heading .num-title {
    left: 2%;
  }
}
@media only screen and (max-width: 800px) {
  .p-casestudy-heading .num-title {
    top: 0;
    left: 0;
  }
}
@media only screen and (max-width: 580px) {
  .p-casestudy-heading .num-title {
    top: -15%;
  }
}
.p-casestudy-heading .num-title > span {
  font-family: "Poppins", "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
  font-weight: 500;
}
.p-casestudy-heading .num-title .name {
  font-size: 1.25rem;
  letter-spacing: 0.125rem;
  line-height: 1.2;
}
.p-casestudy-heading .num-title .num {
  font-size: 6.25rem;
  letter-spacing: 0.125rem;
  line-height: 0.9;
}
.p-casestudy-heading .text-wrap {
  position: relative;
  z-index: 1;
}
.p-casestudy-heading .text-wrap > .text {
  font-size: 1rem;
  line-height: 1.9;
  letter-spacing: 1px;
  color: #888888;
  text-align: center;
  margin-top: 1.5rem;
}
.p-casestudy-heading .text-wrap > .text._product {
  color: #FFF;
}
.p-casestudy-heading .title {
  font-size: clamp(24px, 3vw, 32px);
  letter-spacing: 0.125rem;
  text-align: center;
  font-weight: bold;
}
.p-casestudy-heading .btn-wrap {
  display: flex;
  justify-content: center;
  gap: 2rem;
  align-items: center;
  margin-top: 2.5rem;
}
@media only screen and (max-width: 800px) {
  .p-casestudy-heading .btn-wrap {
    flex-direction: column;
    gap: 1rem;
  }
  .p-casestudy-heading .btn-wrap .item {
    width: 100%;
  }
  .p-casestudy-heading .btn-wrap .item .c-btn-cta {
    width: 100%;
  }
}
.p-casestudy-heading._case01 {
  background: #E8FCFC;
}
.p-casestudy-heading._case01::after {
  background-image: url(../../img/casestudy/casestudy-01.svg);
  opacity: 0.2;
}
.p-casestudy-heading._case01 .accent {
  color: #00C8C5;
}
.p-casestudy-heading._case01 .num-title > span {
  color: #00C8C5;
}
.p-casestudy-heading._case02 {
  background: #EBF0FD;
}
.p-casestudy-heading._case02::after {
  background-image: url(../../img/casestudy/casestudy-02.svg);
  opacity: 0.2;
}
.p-casestudy-heading._case02 .accent {
  color: #728ECD;
}
.p-casestudy-heading._case02 .num-title > span {
  color: #728ECD;
}
.p-casestudy-heading._case03 {
  background: #FFF8EB;
}
.p-casestudy-heading._case03::after {
  background-image: url(../../img/casestudy/casestudy-03.svg);
  opacity: 0.2;
}
.p-casestudy-heading._case03 .accent {
  color: #FFB729;
}
.p-casestudy-heading._case03 .num-title > span {
  color: #FFB729;
}
.p-casestudy-heading._case04 {
  background: #FFF4EB;
}
.p-casestudy-heading._case04::after {
  background-image: url(../../img/casestudy/casestudy-04.svg);
  opacity: 0.2;
}
.p-casestudy-heading._case04 .accent {
  color: #FF9843;
}
.p-casestudy-heading._case04 .num-title > span {
  color: #FF9843;
}
.p-casestudy-heading._product {
  background: #133559;
}
@media only screen and (max-width: 800px) {
  .p-casestudy-heading._product {
    height: 34.375rem;
  }
}
@media only screen and (max-width: 580px) {
  .p-casestudy-heading._product {
    height: 80vh;
  }
}
.p-casestudy-heading._product::after {
  background-image: url(../../img/product/editor.png);
  width: 46.875rem;
  height: 28.125rem;
  top: 45%;
  right: -13%;
  opacity: 0.2;
  transform: inherit;
}
@media only screen and (max-width: 1440px) {
  .p-casestudy-heading._product::after {
    right: -21%;
  }
}
@media only screen and (max-width: 800px) {
  .p-casestudy-heading._product::after {
    display: none;
  }
}
.p-casestudy-heading._product::before {
  content: "";
  display: block;
  position: absolute;
  background-image: url(../../img/top/gear-full.svg);
  background-repeat: no-repeat;
  background-size: contain;
  width: 31.25rem;
  height: 31.25rem;
  top: -40%;
  left: -11%;
}
.p-casestudy-heading._product .accent {
  color: #00E1DE;
}

.p-casestudy-usecase {
  padding-top: 6.25rem;
}
.p-casestudy-usecase .l-main-inner > .list {
  display: flex;
  flex-direction: column;
  gap: 4.375rem;
  counter-reset: number 0;
  margin-top: 2.375rem;
}
.p-casestudy-usecase .l-main-inner > .list > .item::before {
  counter-increment: number;
  content: "0" counter(number);
  font-family: "Poppins", "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
  font-weight: 500;
  font-size: 4rem;
  line-height: 1;
  letter-spacing: 0.125rem;
  color: #F5F5F5;
  line-height: 1;
  display: block;
  margin-bottom: -0.75rem;
}
.p-casestudy-usecase .achievement-wrap {
  margin-top: 2rem;
}
.p-casestudy-usecase .achievement-container {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(15.625rem, 1fr));
  gap: 2rem 3rem;
}
@media only screen and (max-width: 800px) {
  .p-casestudy-usecase .achievement-container {
    gap: 2rem;
  }
}
@media only screen and (max-width: 580px) {
  .p-casestudy-usecase .achievement-container {
    margin: 2rem 0;
  }
}

.p-casestudy-voice {
  padding: 7.5rem 0;
}
.p-casestudy-voice .c-card-voice {
  margin-top: 5.5rem;
}
@media only screen and (max-width: 580px) {
  .p-casestudy-voice .c-card-voice {
    margin-top: 15.1724137931vw;
  }
}
.p-casestudy-voice .task {
  margin-top: 5.5rem;
}
@media only screen and (max-width: 580px) {
  .p-casestudy-voice .task {
    margin-top: 15.1724137931vw;
  }
}
.p-casestudy-voice .task .list {
  display: flex;
  justify-content: space-between;
  gap: 3.625rem;
}
.p-casestudy-voice .task .list .item {
  width: 50%;
}
@media only screen and (max-width: 800px) {
  .p-casestudy-voice .task .list .item {
    width: 100%;
  }
}
.p-casestudy-voice .task .list .item:first-child {
  width: calc(50% + 3.625rem);
  padding-right: 3.625rem;
  border-right: 2px solid #F5F5F5;
}
@media only screen and (max-width: 800px) {
  .p-casestudy-voice .task .list .item:first-child {
    width: 100%;
    padding-right: inherit;
    border-right: none;
  }
}
@media only screen and (max-width: 800px) {
  .p-casestudy-voice .task .list {
    flex-direction: column;
  }
}

.p-casestudy-case {
  position: relative;
  padding: 11.0625rem 0 8rem;
}
@media only screen and (max-width: 580px) {
  .p-casestudy-case {
    padding: 30.5172413793vw 0 22.0689655172vw;
  }
}
.p-casestudy-case::after {
  content: "";
  display: block;
  width: 25rem;
  height: 25rem;
  background: url(../../img/casestudy/gear.svg) no-repeat;
  background-size: contain;
  background-position: center;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 3.5rem;
}
.p-casestudy-case .l-main-inner {
  position: relative;
  z-index: 1;
}
.p-casestudy-case .list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(12.5rem, 1fr));
  gap: 3.5rem;
  margin-top: 2.5rem;
}

.p-casestudy-info {
  position: relative;
  padding: 4.5rem 0 0;
}
.p-casestudy-info::before {
  content: "";
  width: 100%;
  height: 18.75rem;
  background: #E8FCFC;
  position: absolute;
  top: 0;
  left: 0;
}
.p-casestudy-info .l-main-inner {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 3.5rem;
  z-index: 1;
}
.p-casestudy-info .swiper-container {
  overflow: hidden;
  padding-bottom: 1rem;
}
@media only screen and (max-width: 580px) {
  .p-casestudy-info .swiper-container {
    overflow: auto;
  }
}
.p-casestudy-info .swiper-container .swiper-button-prev,
.p-casestudy-info .swiper-container .swiper-button-next {
  background: url(../../img/top/arrow.svg) no-repeat;
}
@media only screen and (max-width: 580px) {
  .p-casestudy-info .swiper-container .swiper-button-prev,
  .p-casestudy-info .swiper-container .swiper-button-next {
    display: none;
  }
}
.p-casestudy-info .swiper-container .swiper-button-prev::after,
.p-casestudy-info .swiper-container .swiper-button-next::after {
  content: none;
}
.p-casestudy-info .swiper-container .swiper-button-prev {
  transform: scale(-1, 1);
}
.p-casestudy-info .swiper-container .swiper-pagination {
  position: relative;
  bottom: initial;
  margin-top: 2.5rem;
}
.p-casestudy-info .swiper-container .swiper-pagination-bullet {
  margin: 0 0.75rem;
  opacity: 1;
  background: #F5F5F5;
}
.p-casestudy-info .swiper-container .swiper-pagination-bullet-active {
  background: #00C8C5;
}

.p-plan-price {
  padding-top: 6.25rem;
}
@media only screen and (max-width: 580px) {
  .p-plan-price {
    padding-top: 17.2413793103vw;
  }
}
.p-plan-price .list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  width: 100%;
  gap: 2rem;
  margin-top: 3.5rem;
}
@media only screen and (max-width: 1300px) {
  .p-plan-price .list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (max-width: 580px) {
  .p-plan-price .list {
    grid-template-columns: repeat(1, 1fr);
    overflow-x: scroll;
  }
}
.p-plan-price .item {
  position: relative;
  display: block;
  padding-top: 3rem;
}
@media only screen and (max-width: 580px) {
  .p-plan-price .item:not(:nth-child(3n)) {
    padding-top: 0;
  }
}
.p-plan-price .l-main-inner > .text {
  font-size: 1rem;
  line-height: 1.9;
  letter-spacing: 1px;
  font-weight: 500;
  text-align: center;
  margin-top: 2rem;
}

.p-plan-chart {
  padding: 7.5rem 0;
}
@media only screen and (max-width: 580px) {
  .p-plan-chart {
    padding: 20.6896551724vw 0;
  }
}
.p-plan-chart .table-wrap {
  width: 100%;
  margin-top: 3.5rem;
}
@media only screen and (max-width: 800px) {
  .p-plan-chart .table-wrap {
    display: none;
  }
}
@media only screen and (min-width: 800px) {
  .p-plan-chart .c-table-plan-swiper {
    display: none;
  }
}
.p-plan-chart .list {
  counter-reset: number 0;
  margin-top: 2rem;
}
.p-plan-chart .list .item {
  font-size: 0.9375rem;
  line-height: 1.75;
  letter-spacing: 1px;
  font-weight: 500;
  color: #888888;
  padding-left: 2.0625rem;
  text-indent: -2.0625rem;
}
.p-plan-chart .list .item:not(:first-of-type) {
  margin-top: 0.375rem;
}
.p-plan-chart .list .item::before {
  counter-increment: number;
  content: "※" counter(number);
  color: #00C8C5;
}

.p-plan-flow {
  background: #E8FCFC;
  padding: 3.5rem 0 4rem;
}
.p-plan-flow .l-main-inner {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 3.5rem;
}
.p-plan-flow .l-main-inner > .text {
  font-size: 1.125rem;
  font-weight: 500;
  text-align: center;
}
.p-plan-flow .c-list-flow {
  position: relative;
  margin-top: 2.5rem;
  z-index: 1;
}
@media only screen and (max-width: 800px) {
  .p-plan-flow .c-list-flow {
    margin: 0 auto;
  }
  .p-plan-flow .c-list-flow::after {
    top: 50%;
    left: -22%;
    transform: inherit;
  }
}
@media only screen and (max-width: 580px) {
  .p-plan-flow .c-list-flow::after {
    left: -29%;
  }
}
.p-plan-flow .text-box {
  display: flex;
  align-items: flex-start;
  gap: 3rem;
  background: #CAF8F8;
  border-radius: 0.3125rem;
  padding: 2rem 2.5rem;
  margin-top: 2rem;
}
@media only screen and (max-width: 800px) {
  .p-plan-flow .text-box {
    flex-direction: column;
    gap: 1.5rem;
    margin-top: 0;
  }
}
.p-plan-flow .text-box .title {
  display: flex;
  align-items: center;
  gap: 0.6875rem;
  font-size: 1.125rem;
  letter-spacing: 0.125rem;
  color: #00C8C5;
  font-weight: 500;
  white-space: nowrap;
}
.p-plan-flow .text-box .title::before {
  content: "";
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  background: url(../../img/icon/gear-circle.svg) no-repeat;
  background-size: contain;
}
.p-plan-flow .text-box .text {
  font-size: 0.9375rem;
  line-height: 1.75;
  letter-spacing: 1px;
  font-weight: 500;
  color: #888888;
}

.p-plan-faq {
  padding: 7.5rem 0;
}
@media only screen and (max-width: 580px) {
  .p-plan-faq {
    padding: 20.6896551724vw 0;
  }
}
.p-plan-faq .list {
  margin-top: 3.5rem;
}

.p-related-service {
  position: relative;
  margin: 6.9444444444vw 0 10.4166666667vw;
}
@media only screen and (max-width: 580px) {
  .p-related-service {
    margin: 17.2413793103vw 0 25.8620689655vw;
  }
}
.p-related-service .text-wrap {
  text-align: center;
  margin: 0 auto 5.5555555556vw;
  max-width: 75.5rem;
}
@media only screen and (max-width: 1100px) {
  .p-related-service .text-wrap {
    max-width: 71.5rem;
    padding: 0 3rem;
  }
}
@media only screen and (max-width: 580px) {
  .p-related-service .text-wrap {
    padding: 0 1.5rem;
    margin: 0 auto 13.7931034483vw;
  }
}
.p-related-service .text-wrap .intro {
  margin-top: 2rem;
}
.p-related-service .l-main-inner {
  display: flex;
  flex-direction: column;
  gap: 6.9444444444vw;
}
@media only screen and (max-width: 580px) {
  .p-related-service .l-main-inner {
    gap: 3.5rem;
  }
}
.p-related-service .service-container {
  padding: 0 2rem;
}
@media only screen and (max-width: 580px) {
  .p-related-service .service-container {
    padding: 0;
  }
}
.p-related-service .text {
  margin-bottom: 2.5rem;
}

.single-page .l-header .logo {
  opacity: 1;
}

.single-content-wrap {
  padding-top: 5rem;
}

.p-single-contents {
  width: 100%;
  max-width: 75rem;
  margin: auto;
  /* padding: 100px 190px; */
  margin-top: -9.5625rem;
  background: #FFF;
}
@media only screen and (max-width: 580px) {
  .p-single-contents {
    margin-top: -14.375rem;
  }
}
.p-single-contents .tag-list {
  margin-bottom: 2rem;
}

.l-single-inner {
  width: 100%;
  max-width: 68.75rem;
  padding: 6.25rem 4rem;
  margin: 0 auto;
}
.l-single-inner._casestudy {
  margin-bottom: 4rem;
}
.l-single-inner {
  /* &._casestudy {
      max-width: 57.5rem;
  } */
}
@media only screen and (max-width: 580px) {
  .l-single-inner {
    padding: 5rem 1.5rem;
  }
}

.p-single-heading {
  height: 18.75rem;
  background: url(../../img/heading/single/heading-bg.png) no-repeat;
  background-size: cover;
  background-position: center;
}

.tag-list {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  align-items: center;
  /* margin-bottom: 2rem; */
}

.p-single-contents-page-title {
  font-size: clamp(22px, 1vw, 24px);
  line-height: 1.75;
  letter-spacing: 0.125rem;
  font-weight: 500;
  color: #333333;
  margin-bottom: 1rem;
}
.p-single-contents-page-title._casestudy {
  position: relative;
  color: #133559;
  border-bottom: 2px solid #F5F5F5;
  padding-bottom: 2.5rem;
  margin-bottom: 3rem;
}

.p-single-contents-date {
  color: #888888;
  font-size: 1rem;
  letter-spacing: 0.125rem;
  font-family: "Poppins", "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
  margin-bottom: 3.5rem;
  display: block;
  position: relative;
}
.p-single-contents-date::after {
  content: "";
  display: block;
  width: 100%;
  height: 0.125rem;
  background: #F5F5F5;
  position: absolute;
  bottom: -1.5rem;
}

.p-single-contents .l-se-heading-big {
  font-size: clamp(20px, 1vw, 22px);
  font-weight: 500;
  letter-spacing: 0.125rem;
  line-height: 1.5;
  color: #133559;
  margin-bottom: 3.5rem;
  position: relative;
}
.p-single-contents .l-se-heading-big::after {
  content: "";
  width: 5rem;
  height: 0.1875rem;
  background: #00C8C5;
  display: block;
  position: absolute;
  bottom: -1.5rem;
}
.p-single-contents .l-se-heading-small {
  font-size: clamp(18px, 1vw, 20px);
  letter-spacing: 0.125rem;
  font-weight: 500;
  line-height: 1.5;
  color: #2F6DAE;
  margin-bottom: 2rem;
}
.p-single-contents .l-se-grid-text,
.p-single-contents .l-se-grid-text.js-auto-hyper-link {
  /* margin-top: 2rem; */
  font-size: 1rem;
  line-height: 1.9;
  letter-spacing: 1px;
  color: #333333;
}
.p-single-contents .l-se-quote-text {
  padding: 2.5rem;
  font-size: 1rem;
  line-height: 1.9;
  letter-spacing: 1px;
  color: #133559;
  border-radius: 0.3125rem;
  background: #E8FCFC;
  margin-bottom: 2rem;
}

.p-single-contents .l-se-table,
.p-single-contents .l-se-youtube,
.p-single-contents .l-se-link-button,
.p-single-contents .l-se-file {
  margin-bottom: 4rem;
}

.p-single-contents {
  box-shadow: 0px 0px 16px -6px rgba(0, 0, 0, 0.3);
  border-radius: 0.9375rem;
}
.p-single-contents .c-list-common {
  margin-bottom: 2rem;
}
.p-single-contents .c-list-common .item {
  border-bottom: none;
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.p-single-contents .c-list-common .item::before {
  content: "";
  display: block;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background: #00C8C5;
}

.p-single-contents .sns-wrap {
  text-align: center;
  padding-top: 1.5rem;
  margin-top: 3.5rem;
  position: relative;
}
.p-single-contents .sns-wrap::before {
  content: "";
  width: 100%;
  height: 0.125rem;
  background: #F5F5F5;
  position: absolute;
  top: 0;
  left: 0;
}
.p-single-contents .sns-wrap .sns-text {
  font-size: 1rem;
  letter-spacing: 0.125rem;
  line-height: 1.5;
  color: #dedede;
  font-weight: 500;
  margin-bottom: 1rem;
}
.p-single-contents .c-list-sns-share {
  display: flex;
  justify-content: center;
  gap: 1.5rem;
  align-items: center;
}
.p-single-contents .c-list-sns-share .item {
  width: 2.5rem;
  height: 2.5rem;
  margin-right: 0;
  transition: 0.3s ease-out;
}
.p-single-contents .c-list-sns-share .item > a {
  display: block;
}
@media only screen and (min-width: 580px) {
  .p-single-contents .c-list-sns-share .item:hover {
    opacity: 0.7;
  }
}

.p-single-pagination {
  text-align: center;
  padding: 6.25rem 0 9.375rem;
}
@media only screen and (max-width: 800px) {
  .p-single-pagination {
    padding: 4rem 1.5rem 5rem;
  }
}
.p-single-pagination .list {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8rem;
  max-width: 43.75rem;
  margin: 0 auto;
}
@media only screen and (max-width: 800px) {
  .p-single-pagination .list {
    justify-content: space-between;
    gap: 2rem;
    flex-wrap: wrap;
  }
}
.p-single-pagination .pager-item {
  transition: opacity 0.3s;
}
.p-single-pagination .pager-item > a {
  font-size: 1rem;
  line-height: 1;
  letter-spacing: 1px;
  font-weight: bold;
  color: #00C8C5;
  display: block;
}
.p-single-pagination .pager-item._prev > a {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.p-single-pagination .pager-item._prev > a::before {
  content: "";
  display: block;
  width: 0.625rem;
  height: 0.625rem;
  rotate: 45deg;
  border-left: 2px solid #00C8C5;
  border-bottom: 2px solid #00C8C5;
}
.p-single-pagination .pager-item._toback {
  border: 2px solid #00C8C5;
  border-radius: 0.3125rem;
}
@media only screen and (max-width: 580px) {
  .p-single-pagination .pager-item._toback {
    order: 3;
    margin: 0 auto;
  }
}
.p-single-pagination .pager-item._toback a {
  padding: 0.875rem 4rem;
}
@media only screen and (max-width: 580px) {
  .p-single-pagination .pager-item._next {
    order: 2;
  }
}
.p-single-pagination .pager-item._next > a {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.p-single-pagination .pager-item._next > a::after {
  content: "";
  display: block;
  width: 0.625rem;
  height: 0.625rem;
  rotate: 45deg;
  border-top: 2px solid #00C8C5;
  border-right: 2px solid #00C8C5;
}
@media (hover: hover) and (pointer: fine) {
  .p-single-pagination .pager-item:hover {
    opacity: 0.6;
  }
}

.p-single-error {
  height: 75vh;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #E8FCFC;
}
.p-single-error .inner {
  padding: 9.5625rem 4rem;
}
.p-single-error .c-heading-section {
  margin-bottom: 2.5rem;
}
.p-single-error .c-product-text {
  text-align: center;
}

.single-casestudy-article.postid-1012 .l-se-comments .list .item:not(:last-child) {
  margin-bottom: 0rem;
}
.single-casestudy-article.postid-1012 .l-se-comments .list .item:last-child .c-card-task {
  display: none;
}

.archive-wrap {
  padding-top: 5rem;
}

.l-archive-inner {
  width: 100%;
  max-width: 79.5rem;
  padding: 0 6rem;
  margin: auto;
}
@media only screen and (max-width: 1100px) {
  .l-archive-inner {
    padding: 0 3rem;
  }
}
@media only screen and (max-width: 580px) {
  .l-archive-inner {
    padding: 0 1.5rem;
  }
}

.p-archive-heading {
  height: 15rem;
  background: url(../../img/heading/archive/heading-bg.png) no-repeat;
  background-size: cover;
  background-position: center;
}
@media only screen and (max-width: 580px) {
  .p-archive-heading {
    height: inherit;
    background-position: right;
    background-image: none;
    background-color: #e8fcfc;
  }
}
.p-archive-heading .single-heading-inner {
  width: 100%;
  max-width: 83.75rem;
  padding: 7.5rem 6rem 4.625rem;
  margin: auto;
}
@media only screen and (max-width: 800px) {
  .p-archive-heading .single-heading-inner {
    padding: 7.5rem 0.9375rem 4.625rem;
  }
}
@media only screen and (max-width: 800px) and (max-width: 580px) {
  .p-archive-heading .single-heading-inner::after {
    content: "";
    display: block;
    width: 3.125rem;
    height: 14.3125rem;
    background: url(../../img/common/bg-line.svg) no-repeat;
    background-size: cover;
    background-position: left center;
    position: absolute;
    top: 5rem;
    right: 0;
  }
}
.p-archive-heading .heading-section {
  font-size: 2rem;
  letter-spacing: 0.125rem;
  font-weight: bold;
  color: #133559;
  position: relative;
  z-index: 5;
}
@media only screen and (max-width: 580px) {
  .p-archive-heading .heading-section {
    font-size: 1.25rem;
  }
}
.p-archive-heading .heading-section::after {
  content: attr(data-en);
  font-size: 5rem;
  line-height: 1;
  letter-spacing: 0.1875rem;
  font-family: "Poppins", "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
  color: #CAF8F8;
  font-weight: 500;
  position: absolute;
  z-index: -3;
  display: block;
  left: 0;
  top: -2.8125rem;
}
@media only screen and (max-width: 580px) {
  .p-archive-heading .heading-section::after {
    font-size: 3.125rem;
    top: -1.875rem;
  }
}

.p-archive-info-sort {
  width: 25.125rem;
  padding-top: 8.75rem;
  margin: 0 auto;
}
@media only screen and (max-width: 580px) {
  .p-archive-info-sort {
    width: 100%;
    padding-top: 3.5rem;
  }
}
.p-archive-info-sort .c-tab-selector {
  width: 100%;
  margin-bottom: 3.5rem;
}
@media only screen and (max-width: 580px) {
  .p-archive-info-sort .c-tab-selector {
    margin-bottom: 2.5rem;
  }
}
.p-archive-info-sort .label {
  width: 100%;
  padding: 1rem 1.375rem 1rem 1.375rem;
  display: flex;
  gap: 1rem;
  align-items: center;
  border: 2px solid #00C8C5;
  position: relative;
  border-radius: 0.3125rem;
}
@media only screen and (max-width: 580px) {
  .p-archive-info-sort .label {
    padding: 0.875rem 0.75rem;
    gap: 0.875rem;
  }
}
.p-archive-info-sort .label::after {
  content: "";
  width: 0.625rem;
  height: 0.625rem;
  rotate: 45deg;
  border-right: 2px solid #00C8C5;
  border-bottom: 2px solid #00C8C5;
  position: absolute;
  right: 1.5625rem;
}
@media only screen and (max-width: 580px) {
  .p-archive-info-sort .label::after {
    right: 0.875rem;
  }
}
.p-archive-info-sort .name {
  font-size: 1.125rem;
  letter-spacing: 1px;
  font-weight: 500;
  font-family: "Poppins", "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
  color: #00C8C5;
  padding-right: 1.375rem;
  position: relative;
}
@media only screen and (max-width: 580px) {
  .p-archive-info-sort .name {
    font-size: 1rem;
    padding-right: 1rem;
  }
}
.p-archive-info-sort .name::after {
  content: "";
  width: 0.125rem;
  height: 2rem;
  position: absolute;
  background: #CAF8F8;
  right: 0;
}
.p-archive-info-sort .value {
  font-size: 1rem;
  letter-spacing: 0.125rem;
  font-weight: 500;
  color: #333333;
}
@media only screen and (max-width: 580px) {
  .p-archive-info-sort .value {
    font-size: 0.875rem;
  }
}
.p-archive-info-sort .list-wrap {
  width: 25.125rem;
  position: absolute;
  border: 2px solid #00C8C5;
  border-top: none;
  border-radius: 0 0 0.3125rem 0.3125rem;
  z-index: 10;
  visibility: hidden;
  animation-duration: 0.7s;
  animation-name: fade-out;
}
@media only screen and (max-width: 580px) {
  .p-archive-info-sort .list-wrap {
    width: calc(100% - 3rem);
  }
}
.p-archive-info-sort .list-wrap .item {
  width: 100%;
  font-size: 1rem;
  letter-spacing: 0.125rem;
  font-weight: 500;
  color: #333333;
  border-bottom: 2px solid #00C8C5;
  box-sizing: border-box;
  text-align: center;
  background: #FFF;
}
.p-archive-info-sort .list-wrap .item:last-of-type {
  border-bottom: none;
}
.p-archive-info-sort .list-wrap .item > a {
  display: block;
  padding: 1rem 1.375rem 1rem 1.375rem;
}
@media only screen and (max-width: 580px) {
  .p-archive-info-sort .list-wrap .item > a {
    font-size: 0.875rem;
  }
}
.p-archive-info-sort .js-down-title.is-active {
  border-radius: 0.3125rem 0.3125rem 0 0;
}
.p-archive-info-sort .js-down-list.is-active {
  visibility: visible;
  animation-duration: 0.7s;
  animation-name: fade-in;
  z-index: 10;
}

@keyframes fade-in {
  0% {
    visibility: hidden;
    opacity: 0;
  }
  100% {
    visibility: visible;
    opacity: 1;
  }
}
@keyframes fade-out {
  0% {
    visibility: visible;
    opacity: 1;
  }
  100% {
    visibility: hidden;
    opacity: 0;
  }
}
.archive-list {
  display: flex;
  flex-wrap: wrap;
  gap: 3.5rem 2.8%;
  margin-bottom: 5rem;
}
@media only screen and (max-width: 1100px) {
  .archive-list {
    gap: 3.5rem 3.125rem;
    width: 39.375rem;
    margin: 0 auto;
    margin-bottom: 5rem;
  }
}
@media only screen and (max-width: 700px) {
  .archive-list {
    display: block;
    width: inherit;
  }
}
.archive-list .c-card-info {
  max-width: 21.1875rem;
  width: 31.4%;
}
@media only screen and (max-width: 1100px) {
  .archive-list .c-card-info {
    max-width: 18.125rem;
    width: 100%;
  }
}
@media only screen and (max-width: 700px) {
  .archive-list .c-card-info {
    width: 100%;
    max-width: initial;
    margin: 0 auto 3.125rem;
  }
  .archive-list .c-card-info:last-of-type {
    margin-bottom: 0;
  }
}

.screen-reader-text {
  display: none;
}

.p-archive-list {
  margin-bottom: 6.25rem;
}
.p-archive-list .filter-wrap {
  padding: 2rem 0 0;
}
.p-archive-list .filter-wrap::after {
  content: "";
  display: block;
  margin: 2rem calc(50% - 50vw) 0;
  width: 100vw;
  height: 0.125rem;
  background-color: #CAF8F8;
  text-align: center;
}
.p-archive-list .filter-wrap .c-heading-filter {
  margin-bottom: 1.5rem;
}
.p-archive-list .nav-links {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
}
.p-archive-list .nav-links .page-numbers {
  display: block;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.375rem;
  letter-spacing: 0.125rem;
  line-height: 1.27;
  color: #00C8C5;
  font-family: "Poppins", "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}
.p-archive-list .nav-links .page-numbers.current {
  background: #00C8C5;
  color: #FFF;
}
.p-archive-list .nav-links .prev {
  width: 0.625rem;
  height: 0.625rem;
  rotate: 45deg;
  border-bottom: 2px solid #00C8C5;
  border-left: 2px solid #00C8C5;
  border-radius: 0;
}
.p-archive-list .nav-links .next {
  width: 0.625rem;
  height: 0.625rem;
  rotate: 45deg;
  border-top: 2px solid #00C8C5;
  border-right: 2px solid #00C8C5;
  border-radius: 0;
}
.p-archive-list .c-list-information {
  padding: 3.5rem 0;
}

.p-archive-casestudy .c-card-casestudy-article {
  display: flex;
  flex-direction: column;
  gap: 3rem;
  padding: 0 0 12.5rem;
  padding-bottom: 4rem;
  overflow: visible;
}
.p-archive-casestudy .c-card-casestudy-article .content {
  box-shadow: 0px 3px 20px rgba(29, 67, 107, 0.1);
  border-radius: 0.625rem;
  overflow: hidden;
}

.p-contact-heading {
  margin-top: 2rem;
}
.p-contact-heading .attention {
  width: 100%;
  background: #E8FCFC;
  padding: 2rem 4rem;
  border-radius: 0.625rem;
}
@media only screen and (max-width: 580px) {
  .p-contact-heading .attention {
    padding: 1.5rem 1rem;
  }
}
.p-contact-heading .attention .text {
  font-size: 0.9375rem;
  line-height: 1.75;
  letter-spacing: 1px;
  font-weight: 500;
  text-align: center;
  color: #00C8C5;
}
.p-contact-heading .l-main-inner {
  display: grid;
  grid-template-columns: 1fr;
  place-items: center;
  gap: 3rem;
}
@media only screen and (max-width: 800px) {
  .p-contact-heading .l-main-inner {
    gap: 2rem;
  }
}
.p-contact-heading .l-main-inner > .text {
  text-align: center;
}
.p-contact-heading .l-main-inner span.bold {
  font-weight: bold;
  color: #00C8C5;
}
.p-contact-heading .l-main-inner .c-link-blank span.form {
  color: #1877f2;
  display: inline-flex;
  font-size: 1rem;
  text-decoration: underline;
  font-weight: bold;
}
.p-contact-heading .l-main-inner .c-link-blank .c-label-require {
  margin-right: 0.5rem;
}

.p-contact-content {
  margin-top: 2rem;
}
.p-contact-content .form-section {
  display: grid;
  grid-template-columns: 1fr;
  gap: 2rem;
}
.p-contact-content .form-section.terms {
  padding: 2rem 0 0;
}
@media only screen and (max-width: 800px) {
  .p-contact-content .form-section._usage {
    gap: 2rem;
  }
}
.mw_wp_form_confirm .form-section._usage,
.mw_wp_form_preview .form-section._usag {
  gap: 2rem;
}

.p-contact-content .form-section._submit {
  place-items: center;
}
.p-contact-content .form-section._submit .text {
  font-size: 1rem;
  line-height: 1.9;
  letter-spacing: 1px;
  text-align: center;
}
.p-contact-content .form-section._submit .text span {
  font-weight: bold;
  color: #00C8C5;
  text-decoration: underline;
}
.p-contact-content .form-section._submit .text span.bold {
  color: #1877f2;
  display: inline-flex;
  font-size: 1rem;
  text-decoration: underline;
}
.p-contact-content .form-section._submit .text span.link {
  color: #1877f2;
  display: inline-flex;
  font-size: 1rem;
  text-decoration: underline;
}
.p-contact-content .form-section._pt-bottom-short:not(:first-of-type) {
  padding: 2.5rem 0 0.5rem 0;
}
.p-contact-content .form-section._pt-top-only:not(:first-of-type) {
  padding: 2.5rem 0 0 0;
}
.p-contact-content .form-section:not(:first-of-type) {
  border-top: 1px solid #DEDEDE;
  padding: 2rem 0;
}
.p-contact-content .form-section:first-of-type {
  padding-bottom: 2.5rem;
}
@media only screen and (max-width: 800px) {
  .p-contact-content .form-section:first-of-type {
    padding-bottom: 1.25rem;
  }
}
.p-contact-content .form-section:last-of-type {
  padding-bottom: 0;
}
.p-contact-content .form-section-title {
  position: relative;
  font-size: clamp(20px, 1vw, 22px);
  font-weight: 500;
  letter-spacing: 0.125rem;
  line-height: 1.5;
  color: #133559;
  font-weight: bold;
  padding-left: 1.5rem;
}
.p-contact-content .form-section-title::before {
  content: "";
  display: block;
  width: 0.5rem;
  height: 0.5rem;
  background: #FF753A;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
}
.p-contact-content .btn-wrap {
  display: grid;
  grid-template-columns: repeat(3, auto);
  gap: 0.5rem 2.5rem;
}
.p-contact-content .btn-wrap._col2 {
  grid-template-columns: repeat(2, auto);
}
@media only screen and (max-width: 580px) {
  .p-contact-content .btn-wrap._col2 {
    grid-template-columns: repeat(1, auto);
  }
}
.p-contact-content .btn-wrap._column {
  display: inherit;
}
.p-contact-content .btn-wrap._linkage {
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(3, min-content);
  gap: 0.5rem;
}
.p-contact-content .btn-wrap._linkage .item._01 {
  grid-area: 1/1/2/2;
}
.p-contact-content .btn-wrap._linkage .item._02 {
  grid-area: 1/2/2/3;
}
.p-contact-content .btn-wrap._linkage .item._03 {
  grid-area: 1/3/2/4;
}
.p-contact-content .btn-wrap._linkage .item._04 {
  grid-area: 2/1/3/2;
}
.p-contact-content .btn-wrap._linkage .item._05 {
  grid-area: 2/2/3/3;
}
.p-contact-content .btn-wrap._linkage .item._06 {
  grid-area: 2/3/3/4;
}
.p-contact-content .btn-wrap._linkage .item._07 {
  grid-area: 3/1/4/2;
}
.p-contact-content .btn-wrap._linkage .item._08 {
  grid-area: 3/2/4/3;
}
@media only screen and (max-width: 800px) {
  .p-contact-content .btn-wrap {
    grid-template-columns: repeat(2, auto);
    gap: 0.5rem 1.25rem;
  }
  .p-contact-content .btn-wrap._linkage {
    grid-template-columns: repeat(1, auto);
  }
  .p-contact-content .btn-wrap._linkage .item._01 {
    grid-area: inherit;
  }
  .p-contact-content .btn-wrap._linkage .item._02 {
    grid-area: inherit;
  }
  .p-contact-content .btn-wrap._linkage .item._03 {
    grid-area: inherit;
  }
  .p-contact-content .btn-wrap._linkage .item._04 {
    grid-area: inherit;
  }
  .p-contact-content .btn-wrap._linkage .item._05 {
    grid-area: inherit;
  }
  .p-contact-content .btn-wrap._linkage .item._06 {
    grid-area: inherit;
  }
  .p-contact-content .btn-wrap._linkage .item._07 {
    grid-area: inherit;
  }
  .p-contact-content .btn-wrap._linkage .item._08 {
    grid-area: inherit;
  }
}
@media only screen and (max-width: 580px) {
  .p-contact-content .btn-wrap {
    grid-template-columns: repeat(1, auto);
  }
}
.mw_wp_form_confirm .p-contact-content .btn-wrap, .mw_wp_form_preview .p-contact-content .btn-wrap {
  display: block;
}
.mw_wp_form_confirm .btn-wrap,
.mw_wp_form_preview .btn-wrap {
  display: block;
}

.p-contact-content .select-wrap {
  position: relative;
}

.l-kintone-inner {
  width: 100%;
  max-width: 60.25rem;
  padding: 0 2rem;
  margin: 0 auto;
}
.l-kintone-inner._size-l {
  max-width: 72.75rem;
}
@media only screen and (max-width: 580px) {
  .l-kintone-inner {
    padding: 0 1.5rem;
  }
}

.p-kintone-fv {
  padding: 8.125rem 0 10.3125rem;
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 580px) {
  .p-kintone-fv {
    padding: 3.75rem 0 5rem;
  }
}
.p-kintone-fv .l-kintone-inner {
  max-width: 66.5rem;
}
.p-kintone-fv .container {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.p-kintone-fv .intro {
  font-size: 1.125rem;
  letter-spacing: 0;
  line-height: 1.5;
  color: #888888;
  text-align: center;
  display: flex;
  align-items: flex-end;
  gap: 1.625rem;
  margin-bottom: 1.375rem;
}
@media only screen and (max-width: 580px) {
  .p-kintone-fv .intro {
    font-size: 1rem;
  }
}
.p-kintone-fv .intro::before, .p-kintone-fv .intro::after {
  content: "";
  display: block;
  width: 1px;
  height: 1.625rem;
  background: #888888;
}
.p-kintone-fv .intro::before {
  transform: rotate(-16deg);
}
.p-kintone-fv .intro::after {
  transform: rotate(16deg);
}
.p-kintone-fv .catch {
  color: #133559;
  letter-spacing: 0.04em;
  line-height: 1.5;
  margin-bottom: 3.125rem;
}
@media only screen and (max-width: 580px) {
  .p-kintone-fv .catch {
    text-align: center;
  }
}
.p-kintone-fv .catch .text._size-l {
  font-size: 2rem;
}
@media only screen and (max-width: 580px) {
  .p-kintone-fv .catch .text._size-l {
    font-size: 1.5rem;
  }
}
.p-kintone-fv .catch .text._size-s {
  font-size: 1.5rem;
}
@media only screen and (max-width: 580px) {
  .p-kintone-fv .catch .text._size-s {
    font-size: 1.25rem;
  }
}
.p-kintone-fv .catch .text._border {
  background: linear-gradient(transparent 70%, #CAF8F8 70%);
}
.p-kintone-fv .img {
  max-width: 54.1875rem;
}
.p-kintone-fv .img img {
  display: block;
  margin-top: 3rem;
}
.p-kintone-fv .note {
  position: absolute;
  bottom: 1.875rem;
  right: 0.3125rem;
  z-index: 10;
  font-size: 0.875rem;
  line-height: 1.75;
  letter-spacing: 0;
  color: #888888;
  -webkit-text-stroke: 4px #ffffff;
  paint-order: stroke;
}
@media only screen and (max-width: 800px) {
  .p-kintone-fv .note {
    bottom: 0.625rem;
    right: 0.3125rem;
  }
}
@media only screen and (max-width: 580px) {
  .p-kintone-fv .note {
    font-size: 0.625rem;
  }
}
.p-kintone-fv .bg-line {
  position: absolute;
  width: 22.875rem;
  aspect-ratio: 366/901;
  top: -7.5rem;
  right: -3.75rem;
  z-index: -1;
}
@media only screen and (max-width: 800px) {
  .p-kintone-fv .bg-line {
    width: 18.75rem;
  }
}
@media only screen and (max-width: 580px) {
  .p-kintone-fv .bg-line {
    width: 11.875rem;
    top: 0;
    right: -6.25rem;
  }
}
.p-kintone-fv .bg {
  position: absolute;
  width: 16.25rem;
  aspect-ratio: 258.58/516.16;
  left: 0;
  bottom: -5.25rem;
  z-index: -1;
}
@media only screen and (max-width: 800px) {
  .p-kintone-fv .bg {
    width: 12.5rem;
  }
}
@media only screen and (max-width: 580px) {
  .p-kintone-fv .bg {
    width: 8.125rem;
  }
}

.p-kintone-intro {
  background: #00C8C5;
  text-align: center;
  padding: 2.5rem 0;
  position: relative;
  z-index: 1;
}
.p-kintone-intro .text {
  font-size: 1.25rem;
  color: #FFFFFF;
  letter-spacing: 0;
  line-height: 175%;
  text-align: center;
}
@media only screen and (max-width: 580px) {
  .p-kintone-intro .text {
    font-size: 1.125rem;
  }
}
.p-kintone-intro .heading {
  margin-bottom: 3.75rem;
}
@media only screen and (max-width: 580px) {
  .p-kintone-intro .heading {
    margin-bottom: 2.5rem;
  }
}
.p-kintone-intro .heading .text {
  font-size: 1.75rem;
  font-weight: bold;
}
@media only screen and (max-width: 580px) {
  .p-kintone-intro .heading .text {
    font-size: 1.375rem;
  }
}

.p-kintone-can {
  padding: 5rem 0 7.5rem;
}
@media only screen and (max-width: 580px) {
  .p-kintone-can {
    padding: 3.75rem 0 5rem;
  }
}
.p-kintone-can .l-kintone-inner {
  max-width: 75.875rem;
}
.p-kintone-can .c-heading-section {
  margin-bottom: 5rem;
}
@media only screen and (max-width: 580px) {
  .p-kintone-can .c-heading-section {
    margin-bottom: 3.75rem;
  }
}
@media only screen and (max-width: 580px) {
  .p-kintone-can .c-heading-section .text::before {
    font-size: 3rem;
  }
}
.p-kintone-can .list {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
}
@media only screen and (max-width: 1100px) {
  .p-kintone-can .list {
    flex-wrap: wrap;
    justify-content: center;
    gap: 2rem;
  }
}

.p-kintone-provide {
  background: #133559;
  padding: 5rem 0 7.5rem;
}
.p-kintone-provide .l-kintone-inner {
  max-width: 62.75rem;
}
.p-kintone-provide .c-heading-section {
  margin-bottom: 5rem;
}
@media only screen and (max-width: 580px) {
  .p-kintone-provide .c-heading-section .text::before {
    font-size: 3rem;
  }
}
.p-kintone-provide .c-heading-section .size_s {
  font-size: 0.875rem;
  margin: 0 0.625rem;
}
@media only screen and (max-width: 580px) {
  .p-kintone-provide .c-heading-section .size_s {
    margin: 0;
  }
}
.p-kintone-provide .list {
  display: flex;
  flex-direction: column;
  gap: 3.5rem;
}

.p-kintone-cta {
  padding: 7.5rem 0;
  background: #E8FCFC;
  border-top: 10px solid #CAF8F8;
  border-bottom: 10px solid #CAF8F8;
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 580px) {
  .p-kintone-cta {
    padding: 5rem 0;
  }
}
.p-kintone-cta .wrap {
  display: flex;
  flex-direction: column;
  gap: 3rem;
  align-items: center;
}
@media only screen and (max-width: 580px) {
  .p-kintone-cta .wrap {
    gap: 2rem;
  }
}
.p-kintone-cta p {
  font-size: 0.875rem;
  line-height: 1.75;
  letter-spacing: 0;
  color: #888888;
  text-align: center;
}
.p-kintone-cta p.microcopy {
  font-size: 1.125rem;
  letter-spacing: 0;
  line-height: 1.5;
  color: #133559;
  text-align: center;
  display: flex;
  align-items: flex-end;
  gap: 1.625rem;
}
@media only screen and (max-width: 580px) {
  .p-kintone-cta p.microcopy {
    font-size: 1rem;
  }
}
.p-kintone-cta p.microcopy::before, .p-kintone-cta p.microcopy::after {
  content: "";
  display: block;
  width: 1px;
  height: 1.625rem;
  background: #133559;
}
.p-kintone-cta p.microcopy::before {
  transform: rotate(-16deg);
}
.p-kintone-cta p.microcopy::after {
  transform: rotate(16deg);
}
.p-kintone-cta .text-link {
  color: #00C8C5;
  font-weight: 500;
  text-decoration: underline;
  transition: 0.3s ease;
}
@media (hover: hover) and (pointer: fine) {
  .p-kintone-cta .text-link:hover {
    opacity: 0.6;
    transition: 0.3s ease;
  }
}
.p-kintone-cta .bg {
  width: 16.5rem;
  aspect-ratio: 263.58/265.84;
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
}
@media only screen and (max-width: 580px) {
  .p-kintone-cta .bg {
    width: 11.25rem;
  }
}
.p-kintone-cta .bg._02 {
  top: inherit;
  bottom: 0;
  left: 0;
}

.l-kintone-ver2-inner {
  width: 100%;
  max-width: 60.25rem;
  padding: 0 2rem;
  margin: 0 auto;
}
.l-kintone-ver2-inner._size-l {
  max-width: 72.75rem;
}
@media only screen and (max-width: 580px) {
  .l-kintone-ver2-inner {
    padding: 0 1.5rem;
  }
}
.l-kintone-ver2-inner .c-btn-external {
  width: 26.625rem;
  margin: 2rem auto 0;
  padding: 1rem 0;
  border-radius: 6.25rem;
  border: 2px solid #FFF;
}
.l-kintone-ver2-inner .c-btn-external:hover {
  border-color: #FF753A;
}
.l-kintone-ver2-inner .c-btn-external .inner {
  justify-content: center;
}
@media only screen and (max-width: 580px) {
  .l-kintone-ver2-inner .c-btn-external {
    width: 100%;
  }
}
.l-kintone-ver2-inner .c-btn-external .text {
  font-size: 1rem;
  line-height: 100%; /* 1rem */
}
@media only screen and (max-width: 580px) {
  .l-kintone-ver2-inner .c-btn-external .text {
    letter-spacing: -0.0312rem;
    font-size: 0.9375rem;
  }
}
.l-kintone-ver2-inner .c-btn-external .icon {
  width: 0.875rem;
  height: 0.875rem;
}

.p-kintone-ver2-fv .l-kintone-ver2-inner {
  max-width: none;
  padding: 1.5rem;
}
@media only screen and (max-width: 800px) {
  .p-kintone-ver2-fv .l-kintone-ver2-inner {
    padding: 1rem;
  }
}
.p-kintone-ver2-fv .container {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 3.5rem;
  padding: 2.5rem 3rem;
  border-radius: 1.5rem;
  background-color: #CAF8F8;
}
@media only screen and (max-width: 800px) {
  .p-kintone-ver2-fv .container {
    flex-direction: column;
    gap: 2rem;
    padding: 1rem;
    border-radius: 1rem;
  }
}
.p-kintone-ver2-fv .content {
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
}
@media only screen and (max-width: 800px) {
  .p-kintone-ver2-fv .content {
    gap: 2rem;
  }
}
.p-kintone-ver2-fv .logo {
  padding: 0.9375rem 1.875rem;
  background-color: #FFF;
  border-radius: 0.875rem;
}
.p-kintone-ver2-fv .intro {
  font-size: 1.75rem;
  letter-spacing: 0;
  line-height: 1.5;
  color: #133559;
  margin-bottom: 1rem;
}
@media only screen and (max-width: 800px) {
  .p-kintone-ver2-fv .intro {
    text-align: center;
  }
}
@media only screen and (max-width: 580px) {
  .p-kintone-ver2-fv .intro {
    font-size: 1.5rem;
  }
}
.p-kintone-ver2-fv .intro-text {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.9rem; /* 190% */
  letter-spacing: 1px;
}
@media only screen and (max-width: 800px) {
  .p-kintone-ver2-fv .intro-text {
    text-align: center;
  }
}
@media only screen and (max-width: 580px) {
  .p-kintone-ver2-fv .intro-text {
    font-size: 0.9375rem;
  }
}
.p-kintone-ver2-fv .c-btn-external {
  margin-top: 0;
}
@media only screen and (min-width: 800px) {
  .p-kintone-ver2-fv .c-btn-external {
    margin: 0;
  }
}
.p-kintone-ver2-fv .demo-video {
  margin-block: 6.625rem;
  width: 100%;
}
@media only screen and (max-width: 800px) {
  .p-kintone-ver2-fv .demo-video {
    margin: 0;
  }
}
.p-kintone-ver2-fv .note {
  margin-top: 0.5rem;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.575rem; /* 180% */
  letter-spacing: 1px;
  color: #888888;
  text-align: right;
}
@media only screen and (max-width: 800px) {
  .p-kintone-ver2-fv .note {
    text-align: center;
  }
}

.p-kintone-ver2-intro {
  padding: 5rem 0 0;
}
@media only screen and (max-width: 580px) {
  .p-kintone-ver2-intro {
    padding-top: 2.5rem;
  }
}
.p-kintone-ver2-intro .l-kintone-ver2-inner {
  max-width: 75.875rem;
}
.p-kintone-ver2-intro .c-heading-section {
  margin-bottom: 5rem;
}
@media only screen and (max-width: 580px) {
  .p-kintone-ver2-intro .c-heading-section {
    margin-bottom: 1.5rem;
  }
}
.p-kintone-ver2-intro .c-heading-section .text {
  font-size: 2rem;
}
@media only screen and (max-width: 580px) {
  .p-kintone-ver2-intro .c-heading-section .text {
    font-size: 1.375rem;
  }
}
@media only screen and (max-width: 580px) {
  .p-kintone-ver2-intro .c-heading-section .text::before {
    font-size: 3rem;
  }
}
.p-kintone-ver2-intro .container {
  max-width: 57.5rem;
  display: flex;
  gap: 3.5rem;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
}
@media only screen and (max-width: 580px) {
  .p-kintone-ver2-intro .container {
    flex-direction: column;
    gap: 1.5rem;
  }
}
@media only screen and (max-width: 580px) {
  .p-kintone-ver2-intro .image {
    width: 50%;
  }
}
.p-kintone-ver2-intro .list {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.p-kintone-ver2-intro .item {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1rem;
  border-radius: 0.5rem;
  background-color: #F5F5F5;
}
.p-kintone-ver2-intro .item p {
  font-size: 1.125rem;
  font-weight: 500;
  color: #333333;
  line-height: 1.75;
  letter-spacing: 0.125rem;
}
@media only screen and (max-width: 580px) {
  .p-kintone-ver2-intro .item p {
    font-size: 1rem;
  }
}
.p-kintone-ver2-intro .checkmark {
  display: block;
  width: 2.5rem;
  height: 2.5rem;
  aspect-ratio: 1/1;
  background: url(../../img/icon/check.svg) no-repeat;
}

.p-kintone-ver2-can {
  padding: 5rem 0 0.625rem;
}
@media only screen and (max-width: 580px) {
  .p-kintone-ver2-can {
    padding-top: 4rem;
  }
}
.p-kintone-ver2-can .l-kintone-ver2-inner {
  max-width: 75.875rem;
}
.p-kintone-ver2-can .c-heading-section {
  margin-bottom: 5rem;
}
@media only screen and (max-width: 800px) {
  .p-kintone-ver2-can .c-heading-section {
    margin-bottom: 2rem;
  }
}
.p-kintone-ver2-can .c-heading-section .text {
  font-size: 2rem;
}
@media only screen and (max-width: 580px) {
  .p-kintone-ver2-can .c-heading-section .text {
    font-size: 1.5rem;
  }
  .p-kintone-ver2-can .c-heading-section .text::before {
    font-size: 3rem;
  }
}
.p-kintone-ver2-can .list {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.p-kintone-ver2-can .list-item {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 5rem;
}
@media only screen and (max-width: 800px) {
  .p-kintone-ver2-can .list-item {
    flex-direction: column;
    gap: 1rem;
  }
  .p-kintone-ver2-can .list-item:nth-child(2) {
    flex-direction: column-reverse;
  }
}
.p-kintone-ver2-can .list-item:nth-child(odd) {
  padding-left: 5rem;
}
@media only screen and (max-width: 800px) {
  .p-kintone-ver2-can .list-item:nth-child(odd) {
    padding-left: 0;
  }
}
.p-kintone-ver2-can .list-item:nth-child(even) {
  padding-right: 5rem;
}
@media only screen and (max-width: 800px) {
  .p-kintone-ver2-can .list-item:nth-child(even) {
    padding-right: 0;
  }
}
.p-kintone-ver2-can .content {
  flex: 488 1 0%;
}
.p-kintone-ver2-can .label {
  font-size: 1.5rem;
  font-weight: 500;
  color: #00C8C5;
  letter-spacing: 1px;
  line-height: 1;
  margin-bottom: 2rem;
}
@media only screen and (max-width: 580px) {
  .p-kintone-ver2-can .label {
    margin-bottom: 1rem;
  }
}
.p-kintone-ver2-can .label::after {
  content: attr(data-num);
  font-family: "Poppins", "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
  font-weight: 500;
  font-size: 3rem;
  letter-spacing: 1px;
  line-height: 1;
  color: #00C8C5;
  margin-left: 0.5rem;
}
@media only screen and (max-width: 580px) {
  .p-kintone-ver2-can .label::after {
    font-size: 2.5rem;
  }
}
.p-kintone-ver2-can .heading {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 2.625rem;
  letter-spacing: 0.125rem;
  color: #133559;
  margin-bottom: 1.5rem;
}
@media only screen and (max-width: 580px) {
  .p-kintone-ver2-can .heading {
    margin-bottom: 1rem;
    font-size: 1.25rem;
  }
}
.p-kintone-ver2-can .item-text {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.9rem; /* 190% */
  letter-spacing: 1px;
  color: #333333;
}
@media only screen and (max-width: 580px) {
  .p-kintone-ver2-can .item-text {
    font-size: 0.9375rem;
  }
}
.p-kintone-ver2-can .image {
  flex: 500 1 0%;
}

.p-kintone-ver2-sample {
  padding: 4.375rem 0;
}
@media only screen and (max-width: 580px) {
  .p-kintone-ver2-sample {
    padding-top: 4rem;
  }
}
.p-kintone-ver2-sample .connector {
  color: #2F6DAE;
  text-align: center;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 100%; /* 1.125rem */
  letter-spacing: 0.125rem;
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1rem;
}
.p-kintone-ver2-sample .connector::before, .p-kintone-ver2-sample .connector::after {
  content: "";
  display: block;
  width: 0.125rem;
  height: 1.5rem;
  background: #2F6DAE;
}
.p-kintone-ver2-sample .connector::before {
  transform: rotate(-25deg);
}
.p-kintone-ver2-sample .connector::after {
  transform: rotate(25deg);
}
.p-kintone-ver2-sample .l-kintone-ver2-inner {
  position: relative;
  z-index: 1;
  max-width: none;
  background-color: #00C8C5;
  padding-block: 3rem;
}
.p-kintone-ver2-sample .text {
  color: #FFF;
  text-align: center;
  text-shadow: 0 0 4px rgba(19, 53, 89, 0.15);
  font-size: 1.375rem;
  font-weight: 700;
  line-height: 2.4062rem; /* 175% */
  letter-spacing: 0.125rem;
}
@media only screen and (max-width: 580px) {
  .p-kintone-ver2-sample .text {
    font-size: 1.125rem;
    line-height: 1.75;
  }
}
.p-kintone-ver2-sample .bg {
  width: 12.5rem;
  aspect-ratio: 200/200;
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  mix-blend-mode: soft-light;
}
.p-kintone-ver2-sample .bg._02 {
  top: inherit;
  left: inherit;
  bottom: 0;
  right: 0;
}

.p-kintone-ver2-flow {
  padding: 4rem 0 5rem;
  background: #E8FCFC;
}
@media only screen and (max-width: 580px) {
  .p-kintone-ver2-flow {
    padding: 3rem 0 4rem;
  }
}
.p-kintone-ver2-flow .c-heading-section .text {
  font-size: 2rem;
  line-height: 1.875rem; /* 93.75% */
  letter-spacing: 0.125rem;
}
.p-kintone-ver2-flow .wrap {
  margin-top: 3.5rem;
  display: flex;
  align-items: stretch;
  gap: 0.375rem;
}
@media only screen and (max-width: 800px) {
  .p-kintone-ver2-flow .wrap {
    margin-top: 2rem;
    flex-direction: column;
    align-items: center;
  }
}
.p-kintone-ver2-flow .card {
  width: 21.25rem;
  padding: 2rem;
  border-radius: 1rem;
  background: #CAF8F8;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.p-kintone-ver2-flow .card:last-child .content {
  justify-content: flex-start;
}
.p-kintone-ver2-flow .card-text._no2 {
  margin-top: 0.5rem;
}
.p-kintone-ver2-flow .card-text._no3 {
  margin-top: 0.25rem;
}
.p-kintone-ver2-flow .image {
  padding: 1.5625rem;
  margin-bottom: 1.5rem;
  width: 7.5rem;
  aspect-ratio: 1/1;
  border-radius: 6.25rem;
  background: #FFF;
  box-shadow: 0 0 15px 0 rgba(0, 200, 197, 0.15);
  display: flex;
  justify-content: center;
  align-items: center;
}
.p-kintone-ver2-flow .image img {
  width: 3.25rem;
}
.p-kintone-ver2-flow .content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.p-kintone-ver2-flow .card-title {
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.9688rem; /* 175% */
  letter-spacing: 0.125rem;
  text-align: center;
}
.p-kintone-ver2-flow .c-btn-external {
  width: 100%;
  margin-top: 1rem;
}
.p-kintone-ver2-flow .card-text {
  color: #333333;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.9rem;
  letter-spacing: 1px;
  text-align: center;
}
.p-kintone-ver2-flow .link {
  color: #FF753A;
  font-weight: 700;
  text-decoration-line: underline;
}
.p-kintone-ver2-flow .arrow {
  width: 1.25rem;
  margin: auto;
}
@media only screen and (max-width: 800px) {
  .p-kintone-ver2-flow .arrow {
    transform: rotate(90deg);
  }
}
.p-kintone-ver2-flow .note {
  margin-top: 2rem;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.575rem; /* 180% */
  letter-spacing: 1px;
  color: #888888;
  text-align: center;
}

.p-kintone-ver2-usecase {
  margin-top: 5rem;
}
@media only screen and (max-width: 580px) {
  .p-kintone-ver2-usecase {
    margin-top: 4rem;
  }
}
.p-kintone-ver2-usecase .l-kintone-ver2-inner {
  max-width: 85.75rem;
}
@media only screen and (max-width: 580px) {
  .p-kintone-ver2-usecase .l-kintone-ver2-inner {
    padding: 0 1rem;
  }
}
.p-kintone-ver2-usecase .c-heading-section .text {
  font-size: 2rem;
  line-height: 1.875rem; /* 93.75% */
  letter-spacing: 0.125rem;
}
.p-kintone-ver2-usecase .swiper {
  padding: 3.5rem 5rem 0.625rem;
  position: relative;
  overflow: hidden;
}
@media only screen and (max-width: 580px) {
  .p-kintone-ver2-usecase .swiper {
    padding: 2rem 1rem 0;
  }
}
.p-kintone-ver2-usecase .swiper-slide {
  height: auto;
  width: calc((100% - 3.25rem) / 2);
  flex-shrink: 0;
}
.p-kintone-ver2-usecase .swiper-slide:nth-child(odd) {
  margin-right: 3.25rem;
}
.p-kintone-ver2-usecase .swiper-slide:nth-child(2n):not(:last-child) {
  margin-right: 6.25rem;
}
.p-kintone-ver2-usecase .card {
  height: 100%;
  padding: 2rem;
  border-radius: 1rem;
  box-shadow: 0 0 15px 0 rgba(0, 200, 197, 0.15);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 1.5rem;
}
.p-kintone-ver2-usecase .content {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.p-kintone-ver2-usecase .name {
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 2.1875rem; /* 175% */
  letter-spacing: 0.125rem;
}
.p-kintone-ver2-usecase .name span {
  font-size: 1rem;
  line-height: 100%; /* 1rem */
  margin-left: 0.5rem;
}
@media only screen and (max-width: 580px) {
  .p-kintone-ver2-usecase .c-list-dot-secondary .text {
    font-size: 0.9375rem;
  }
}
.p-kintone-ver2-usecase .logo {
  width: 100%;
  height: 8.75rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.p-kintone-ver2-usecase .c-btn-external {
  width: 70%;
  margin-top: 0;
  border-radius: 0.3125rem;
}
.p-kintone-ver2-usecase .swiper-button-prev,
.p-kintone-ver2-usecase .swiper-button-next {
  width: 3rem;
  height: 3rem;
  background: #00C8C5;
  border-radius: 6.25rem;
  padding: 0.8125rem 0.625rem 0.8125rem 0.375rem;
  position: absolute;
  top: 45%;
  transform: translateY(-50%);
  margin-top: 1.75rem;
}
.p-kintone-ver2-usecase .swiper-button-prev .icon-prev,
.p-kintone-ver2-usecase .swiper-button-prev .icon-next,
.p-kintone-ver2-usecase .swiper-button-next .icon-prev,
.p-kintone-ver2-usecase .swiper-button-next .icon-next {
  display: block;
  width: 0.625rem;
  height: 0.625rem;
  border-bottom: 2px solid #FFF;
  border-right: 2px solid #FFF;
  rotate: -45deg;
}
.p-kintone-ver2-usecase .swiper-button-prev .icon-prev,
.p-kintone-ver2-usecase .swiper-button-next .icon-prev {
  rotate: 135deg;
}
@media only screen and (max-width: 580px) {
  .p-kintone-ver2-usecase .swiper-button-prev,
  .p-kintone-ver2-usecase .swiper-button-next {
    display: none;
  }
}
.p-kintone-ver2-usecase .swiper-button-prev::after,
.p-kintone-ver2-usecase .swiper-button-next::after {
  content: none;
}
.p-kintone-ver2-usecase .swiper-button-prev {
  padding: 0.8125rem 0.375rem 0.8125rem 0.625rem;
  left: 0;
}
.p-kintone-ver2-usecase .swiper-button-next {
  right: 0;
}
.p-kintone-ver2-usecase .swiper-pagination {
  position: relative;
  bottom: initial;
  margin-top: 3rem;
}
.p-kintone-ver2-usecase .swiper-pagination .swiper-pagination-bullet {
  width: 0.75rem;
  height: 0.75rem;
  margin: 0 0.75rem;
  opacity: 1;
  background: #CAF8F8;
}
.p-kintone-ver2-usecase .swiper-pagination .swiper-pagination-bullet-active {
  background: #00C8C5;
}

body {
  font-weight: 500;
}
body .c-btn-more {
  border-radius: 6.25rem;
}
body .c-btn-external {
  margin-top: 1.5rem;
}
@media only screen and (max-width: 1300px) {
  body .c-btn-external {
    padding: 1rem;
  }
  body .c-btn-external .inner {
    gap: 0.25rem;
  }
  body .c-btn-external .text {
    letter-spacing: 0;
    font-size: 0.9375rem;
  }
}

br.sp {
  display: none;
}
@media only screen and (max-width: 1300px) {
  br.sp {
    display: block;
  }
}

br.pc {
  display: block;
}
@media only screen and (max-width: 1300px) {
  br.pc {
    display: none;
  }
}

.p-mcp-hero {
  padding: 4rem 0;
  padding-left: 2rem;
  padding-right: 2rem;
}
@media only screen and (max-width: 1300px) {
  .p-mcp-hero {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
.p-mcp-hero {
  position: relative;
}
.p-mcp-hero-body {
  position: relative;
  width: min(71.875rem, 100%);
  margin: auto;
  z-index: 100;
}
.p-mcp-hero {
  padding-top: 4rem;
  padding-bottom: 2rem;
}
@media only screen and (max-width: 1300px) {
  .p-mcp-hero {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}
.p-mcp-hero-body::after {
  width: 9.375rem;
  aspect-ratio: 10/10;
  background: #00C8C5;
  margin: auto;
  position: absolute;
  content: "";
  filter: blur(200px);
  border-radius: 100%;
  z-index: 0;
  pointer-events: none;
  top: 0;
  left: 10%;
  right: 0;
  translate: 0 -120%;
}
@media only screen and (max-width: 1300px) {
  .p-mcp-hero-body {
    display: flex;
    flex-direction: column;
  }
}
.p-mcp-hero-detail {
  position: relative;
  z-index: 100;
}
@media only screen and (max-width: 1300px) {
  .p-mcp-hero-detail {
    order: 1;
  }
}
.p-mcp-hero-catch-sub {
  display: inline-block;
}
.p-mcp-hero-catch-sub-body {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  font-weight: 700;
  color: #133559;
  align-items: center;
  gap: 0.75rem;
}
@media only screen and (max-width: 1300px) {
  .p-mcp-hero-catch-sub-body {
    gap: 0.3rem;
    font-size: 0.875rem;
  }
}
.p-mcp-hero-catch-sub-body::before, .p-mcp-hero-catch-sub-body::after {
  height: 1rem;
  width: 0.125rem;
  background: #133559;
  content: "";
  rotate: -25deg;
  translate: 0 10%;
}
.p-mcp-hero-catch-sub-body::after {
  rotate: 25deg;
}
.p-mcp-hero-catch-sub span {
  background: linear-gradient(transparent 70%, #CAF8F8 70%);
}
.p-mcp-hero-catch-main {
  font-size: 2.5rem;
  font-weight: 700;
}
@media only screen and (max-width: 1300px) {
  .p-mcp-hero-catch-main {
    font-size: 1.5rem;
    margin-top: 1rem;
  }
}
.p-mcp-hero-catch-main div {
  font-feature-settings: "palt";
}
.p-mcp-hero-catch-main div:nth-child(1) {
  color: #00C8C5;
  font-size: 1.5rem;
}
@media only screen and (max-width: 1300px) {
  .p-mcp-hero-catch-main div:nth-child(1) {
    font-size: 1.25rem;
  }
}
.p-mcp-hero-paragraph {
  margin-top: 2rem;
  max-width: 580px;
}
@media only screen and (max-width: 1300px) {
  .p-mcp-hero-paragraph {
    font-size: 0.9rem;
    margin-top: 2rem;
    order: 2;
  }
}
.p-mcp-hero-image {
  width: 40%;
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 10;
}
@media only screen and (max-width: 1300px) {
  .p-mcp-hero-image {
    width: 100%;
    position: relative;
    margin-right: 0;
    margin-top: 2rem;
    order: 3;
  }
}
.p-mcp-hero-buttons {
  width: 70%;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-top: 2rem;
  gap: 1.5rem;
}
@media only screen and (max-width: 1300px) {
  .p-mcp-hero-buttons {
    width: 100%;
    gap: 1rem;
    order: 4;
  }
}
.p-mcp-hero-buttons-item {
  width: calc((100% - 2rem * 1) / 2);
}
.p-mcp-hero-buttons-item .c-btn-external {
  margin-top: 0 !important;
}
@media only screen and (max-width: 1300px) {
  .p-mcp-hero-buttons-item {
    width: 100%;
  }
}

.p-mcp-cta {
  padding: 4rem 0;
  padding-left: 2rem;
  padding-right: 2rem;
}
@media only screen and (max-width: 1300px) {
  .p-mcp-cta {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
.p-mcp-cta {
  position: relative;
}
.p-mcp-cta-body {
  position: relative;
  width: min(71.875rem, 100%);
  margin: auto;
  z-index: 100;
}
.p-mcp-cta {
  padding-top: 4rem;
  padding-bottom: 5rem;
}
.p-mcp-cta-body::after {
  width: 9.375rem;
  aspect-ratio: 10/10;
  background: #00C8C5;
  margin: auto;
  position: absolute;
  content: "";
  filter: blur(200px);
  border-radius: 100%;
  z-index: 0;
  pointer-events: none;
  width: 12.5rem;
  bottom: 0;
  right: 0;
  translate: 20% 70%;
}
@media only screen and (max-width: 1300px) {
  .p-mcp-cta-body::after {
    bottom: auto;
    top: 0;
    translate: 20% 0%;
  }
}
.p-mcp-cta-body::before {
  width: 9.375rem;
  aspect-ratio: 10/10;
  background: #00C8C5;
  margin: auto;
  position: absolute;
  content: "";
  filter: blur(200px);
  border-radius: 100%;
  z-index: 0;
  pointer-events: none;
  width: 12.5rem;
  bottom: 0;
  left: 0;
  translate: -80% 100%;
}
.p-mcp-cta-heading {
  font-size: 2rem;
  font-weight: 700;
  color: #133559;
  text-align: center;
  line-height: 1;
  text-box: trim-both cap alphabetic;
  margin-bottom: 2.5rem;
  position: relative;
  z-index: 10;
}
@media only screen and (max-width: 1300px) {
  .p-mcp-cta-heading {
    font-size: 1.5rem;
  }
}
.p-mcp-cta-card {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 2.5rem;
  position: relative;
  z-index: 10;
}
.p-mcp-cta-card-grid {
  width: calc((100% - 2.5rem * 1) / 2);
}
@media only screen and (max-width: 1300px) {
  .p-mcp-cta-card-grid {
    width: 100%;
  }
}
.p-mcp-cta-card-grid:nth-child(1) .p-mcp-cta-card-item-body {
  background: #E8FCFC;
}
.p-mcp-cta-card-grid ul {
  margin-top: 1rem;
  text-align: center;
}
@media only screen and (max-width: 1300px) {
  .p-mcp-cta-card-grid ul {
    text-align: left;
  }
}
.p-mcp-cta-card-item {
  background: #00C8C5;
  background: linear-gradient(63deg, rgba(0, 200, 197, 0.6) 0%, rgba(60, 227, 169, 0.4) 100%);
  padding: 0.1875rem;
  border-radius: 1rem;
  box-shadow: 0 0 20px 0 rgba(0, 200, 197, 0.08);
}
.p-mcp-cta-card-item .c-btn-external {
  margin-top: 1.5rem;
}
.p-mcp-cta-card-item-body {
  padding: 2.5rem 1rem;
  background: #fff;
  border-radius: 0.8rem;
}
@media only screen and (max-width: 1300px) {
  .p-mcp-cta-card-item-body {
    padding: 1.5rem 1rem;
  }
}
.p-mcp-cta-card-item-body-inner {
  width: min(26.625rem, 100%);
  margin: auto;
}
.p-mcp-cta-card-item-heading {
  font-size: 1.25rem;
  font-weight: 700;
  text-align: center;
  color: #133559;
}
.p-mcp-cta-card-item-paragraph {
  text-align: center;
}
.p-mcp-cta-card-item-heading + .p-mcp-cta-card-item-paragraph {
  margin-top: 1rem;
}
.p-mcp-cta-card-item:not(:has(.p-mcp-cta-card-item-paragraph)) {
  position: relative;
}
.p-mcp-cta-card-item:not(:has(.p-mcp-cta-card-item-paragraph)) .p-mcp-cta-card-item-heading {
  font-size: 1.25rem;
}
.p-mcp-cta-card-item:not(:has(.p-mcp-cta-card-item-paragraph))::after {
  width: 1.5rem;
  height: 1.5rem;
  background: #fff;
  content: "";
  margin: auto;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  border-right: 3px solid #6febe9;
  border-bottom: 3px solid #86ebea;
  rotate: 45deg;
  translate: 0 45%;
}
.p-mcp-cta-card-item:not(:has(.p-mcp-cta-card-item-paragraph)) .p-mcp-cta-card-item-body {
  padding: 1rem;
}
.p-mcp-cta-card-grid:nth-child(1) .p-mcp-cta-card-item:not(:has(.p-mcp-cta-card-item-paragraph))::after {
  background: #E8FCFC;
}
.p-mcp-cta-card-item:not(:has(.p-mcp-cta-card-item-heading)) .p-mcp-cta-card-item-paragraph:nth-child(1) {
  font-weight: 700;
}
.p-mcp-cta-card-item:not(:has(.p-mcp-cta-card-item-heading)) .p-mcp-cta-card-item-paragraph + .p-mcp-cta-card-item-paragraph {
  margin-top: 1rem;
}

.p-mcp-about {
  padding: 4rem 0;
  padding-left: 2rem;
  padding-right: 2rem;
}
@media only screen and (max-width: 1300px) {
  .p-mcp-about {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
.p-mcp-about {
  position: relative;
}
.p-mcp-about-body {
  position: relative;
  width: min(71.875rem, 100%);
  margin: auto;
  z-index: 100;
}
.p-mcp-about {
  padding-top: 4rem;
  padding-bottom: 5rem;
  background: #CAF8F8;
}
.p-mcp-about-description {
  text-align: center;
  margin-top: 2rem;
  color: #133559;
}
.p-mcp-about-card {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 2.5rem;
  margin-top: 4rem;
  counter-reset: num;
}
@media only screen and (max-width: 1300px) {
  .p-mcp-about-card {
    gap: 1.5rem;
  }
}
.p-mcp-about-card-item {
  width: calc((100% - 2.5rem * 2) / 3);
  background: #fff;
  border-radius: 1rem;
  padding: 2rem 1.5rem;
  box-shadow: 0 0 20px 0 rgba(0, 200, 197, 0.08);
  counter-increment: num;
}
@media only screen and (max-width: 1300px) {
  .p-mcp-about-card-item {
    width: 100%;
  }
}
.p-mcp-about-card-item-heading {
  font-size: 1.25rem;
  font-weight: 700;
  color: #133559;
  text-align: center;
  min-height: 4rem;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  align-items: center;
  position: relative;
}
.p-mcp-about-card-item-heading::before {
  content: "0" counter(num);
  font-family: "Poppins", "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
  font-size: 1.1rem;
  color: #00C8C5;
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
}
.p-mcp-about-card-item-paragraph {
  padding-top: 1.25rem;
  margin-top: 1.25rem;
  border-top: 2px solid #00C8C5;
  font-size: 0.9375rem;
}
@media only screen and (max-width: 1300px) {
  .p-mcp-about .c-heading-section .text {
    font-feature-settings: "palt";
  }
}

.p-mcp-usecase {
  padding: 4rem 0;
  padding-left: 2rem;
  padding-right: 2rem;
}
@media only screen and (max-width: 1300px) {
  .p-mcp-usecase {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
.p-mcp-usecase {
  position: relative;
}
.p-mcp-usecase-body {
  position: relative;
  width: min(71.875rem, 100%);
  margin: auto;
  z-index: 100;
}
.p-mcp-usecase-section + .p-mcp-usecase-section {
  border-top: 2px solid #CAF8F8;
  padding-top: 3rem;
  margin-top: 2rem;
}
.p-mcp-usecase-section-heading {
  margin-bottom: 2rem;
}
.p-mcp-usecase-section-heading-num {
  font-family: "Poppins", "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
  font-size: 1.5rem;
  color: #00C8C5;
  text-box: trim-both cap alphabetic;
}
@media only screen and (max-width: 1300px) {
  .p-mcp-usecase-section-heading-num {
    font-size: 1.25rem;
  }
}
.p-mcp-usecase-section-heading-num span {
  font-size: 2rem;
  margin-left: 0.25rem;
  display: inline-block;
}
@media only screen and (max-width: 1300px) {
  .p-mcp-usecase-section-heading-num span {
    font-size: 1.5rem;
  }
}
.p-mcp-usecase-section-heading-text {
  margin-top: 1rem;
  font-size: 1.5rem;
  color: #133559;
  font-weight: 700;
}
@media only screen and (max-width: 1300px) {
  .p-mcp-usecase-section-heading-text {
    margin-top: 0.25rem;
    font-size: 1.25rem;
  }
}
.p-mcp-usecase .c-heading-section {
  margin-bottom: 2rem;
}
.p-mcp-usecase .c-md-text-annotation {
  margin-top: 1rem;
  text-align: right;
}

.p-mcp-usecase-grid {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 1rem;
}

.p-mcp-usecase-grid-arrow {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  align-items: center;
}
@media only screen and (max-width: 1300px) {
  .p-mcp-usecase-grid-arrow {
    width: 100%;
  }
}
@media only screen and (max-width: 1300px) {
  .p-mcp-usecase-grid-arrow .pc {
    display: none;
  }
}
.p-mcp-usecase-grid-arrow .sp {
  display: none;
  margin: auto;
}
@media only screen and (max-width: 1300px) {
  .p-mcp-usecase-grid-arrow .sp {
    display: block;
  }
}

.p-mcp-usecase-grid-item {
  flex: 1;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  align-items: center;
  border-radius: 1rem;
  background: #CAF8F8;
}
@media only screen and (max-width: 1300px) {
  .p-mcp-usecase-grid-item {
    flex: none;
    width: 100%;
  }
}
.p-mcp-usecase-grid-item-body {
  width: 100%;
  padding: 1rem;
}

.p-mcp-usecase-ui-card {
  background: #fff;
  padding: 1rem;
  border-radius: 0.5rem;
  box-shadow: 0 0 20px 0 rgba(0, 200, 197, 0.08);
}
.p-mcp-usecase-ui-card * {
  font-size: 0.9rem;
}
.p-mcp-usecase-ui-card-avatar {
  padding: 0.75rem 1rem;
  background: #F5F5F5;
  border-radius: 0.3rem;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.75rem;
}
.p-mcp-usecase-ui-card-avatar-paragraph {
  flex: 1;
}
.p-mcp-usecase-ui-card-avatar-image {
  width: 2rem;
}
.p-mcp-usecase-ui-card-detail {
  padding: 0.75rem 1rem;
  border-radius: 0.3rem;
  background: #CAF8F8;
  margin-top: 1rem;
  margin-left: 15%;
}
@media only screen and (max-width: 1300px) {
  .p-mcp-usecase-ui-card-detail {
    margin-left: 10%;
  }
}
.p-mcp-usecase-ui-card-detail ul li {
  padding-left: 1rem;
  text-indent: -1rem;
}
.p-mcp-usecase-ui-card-detail ul li::before {
  content: "・";
}
.p-mcp-usecase-ui-card-detail-button {
  margin-top: 0.75rem;
  text-align: right;
}
.p-mcp-usecase-ui-card-detail-button span {
  color: #fff;
  font-weight: 700;
  background: #133559;
  padding: 1rem;
  text-box: trim-both cap alphabetic;
  display: inline-block;
  border-radius: 0.3rem;
}

.p-mcp-usecase-tab-list {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 0.25rem;
  position: relative;
}
.p-mcp-usecase-tab-list::after {
  display: none;
}
.p-mcp-usecase-tab-list::before {
  display: none;
}
.p-mcp-usecase-tab-list-item {
  padding: 1rem 2.5rem;
  position: relative;
  background: #e2eff7;
  color: #6b9bc3;
  border-radius: 0.5rem 0.5rem 0 0;
  cursor: pointer;
  transition: 0.25s ease-in-out;
  border: none;
}
.p-mcp-usecase-tab-list-item .text {
  opacity: 1;
  transition: 0.25s ease-in-out;
  font-size: 0.9rem;
  font-weight: 500;
}
.p-mcp-usecase-tab-list-item:hover {
  background: #d0e4f2;
}
.p-mcp-usecase-tab-list-item.is-active {
  color: #fff;
  background: #133559;
  font-weight: 700;
}
.p-mcp-usecase-tab-list-item.is-active .text {
  opacity: 1;
}
@media only screen and (max-width: 1300px) {
  .p-mcp-usecase-tab-list-item {
    padding: 0.75rem 1rem;
    flex: 1;
    justify-content: center;
  }
  .p-mcp-usecase-tab-list-item .text {
    font-size: 0.8rem;
    text-align: center;
  }
}

.p-mcp-usecase-tab-content {
  background: #fff;
  border-radius: 0 0 0.5rem 0.5rem;
  box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.06);
  padding: 0.3rem 2rem 2rem 2rem;
  border-top: 3px solid #133559;
}
@media only screen and (max-width: 1300px) {
  .p-mcp-usecase-tab-content {
    border-radius: 0 0 0.5rem 0.5rem;
    padding: 0.25rem;
  }
}

.p-mcp-usecase-tab-content-item[hidden] {
  display: none;
}

.p-mcp-usecase-card {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem;
  padding-top: 2rem;
  counter-reset: number 0;
}
@media only screen and (max-width: 1300px) {
  .p-mcp-usecase-card {
    grid-template-columns: 1fr;
  }
}

.p-mcp-usecase-card-item {
  counter-increment: number 1;
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 3;
}
.p-mcp-usecase-card-item-body {
  box-shadow: 0 0 20px 0 rgba(0, 200, 197, 0.08);
  border: 1px solid #CAF8F8;
  border-radius: 1rem;
  width: 100%;
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 3;
  padding: 1.25rem;
  align-content: start;
}
.p-mcp-usecase-card-item-summary {
  align-self: start;
}
.p-mcp-usecase-card-item-summary-num {
  color: #00C8C5;
  font-weight: 700;
}
.p-mcp-usecase-card-item-summary-num::after {
  content: counter(number, decimal-leading-zero);
}
.p-mcp-usecase-card-item-summary-body {
  color: #133559;
  font-weight: 700;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
}
.p-mcp-usecase-card-item-content-point {
  font-weight: 700;
  color: #133559;
  background: #CAF8F8;
  border-radius: 1rem;
  padding: 1rem;
}
.p-mcp-usecase-card-item-content-toggle {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.p-mcp-usecase-card-item-content-toggle-btn {
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  border: 2px solid #133559;
  background: #fff;
  cursor: pointer;
  position: relative;
  margin-top: 0.5rem;
  flex-shrink: 0;
}
.p-mcp-usecase-card-item-content-toggle-btn .icon::before, .p-mcp-usecase-card-item-content-toggle-btn .icon::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  background: #133559;
  border-radius: 1px;
}
.p-mcp-usecase-card-item-content-toggle-btn .icon::before {
  width: 0.75rem;
  height: 2px;
  transform: translate(-50%, -50%);
}
.p-mcp-usecase-card-item-content-toggle-btn .icon::after {
  width: 2px;
  height: 0.75rem;
  transform: translate(-50%, -50%);
  transition: transform 0.25s ease-in-out;
}
.p-mcp-usecase-card-item-content-toggle-btn:hover {
  opacity: 0.7;
}
.p-mcp-usecase-card-item-content-toggle-btn.is-open .icon::after {
  transform: translate(-50%, -50%) rotate(90deg);
}
.p-mcp-usecase-card-item-content-text {
  width: 100%;
  padding: 0 0.5rem;
  overflow: hidden;
  max-height: 0;
  opacity: 0;
  margin-top: 0;
  transition: max-height 0.35s ease-in-out, opacity 0.25s ease-in-out, margin 0.25s ease-in-out;
}
.p-mcp-usecase-card-item-content-text.is-open {
  max-height: 20rem;
  opacity: 1;
  margin-top: 0.75rem;
}

.p-mcp-usecase-api-card-heading {
  text-align: center;
  font-weight: 700;
  color: #133559;
  margin-bottom: 1rem;
}
.p-mcp-usecase-api-card-row {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 2rem;
  width: min(25rem, 100%);
  margin: auto;
}
@media only screen and (max-width: 1300px) {
  .p-mcp-usecase-api-card-row {
    gap: 1rem;
  }
}
.p-mcp-usecase-api-card-row._center {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.p-mcp-usecase-api-card-row span {
  display: inline-block;
  font-weight: 700;
  background: #00C8C5;
  text-box: trim-both cap alphabetic;
  font-family: "Poppins", "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
  color: #fff;
  padding: 1rem;
  border-radius: 6.25rem;
}
@media only screen and (max-width: 1300px) {
  .p-mcp-usecase-api-card-row span {
    font-size: 0.9rem;
  }
}
.p-mcp-usecase-api-card-row span.gray {
  font-weight: 400;
  color: #888888;
  background: #CFCFCF;
  scale: 0.9;
}
.p-mcp-usecase-api-card-row + .p-mcp-usecase-api-card-row {
  margin-top: 1.5rem;
}
@media only screen and (max-width: 1300px) {
  .p-mcp-usecase-api-card-row + .p-mcp-usecase-api-card-row {
    margin-top: 1rem;
  }
}

.p-mcp-usecase-grid._api {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
}
.p-mcp-usecase-grid._api .p-mcp-usecase-grid-item {
  width: min(31.5rem, 100%);
  flex: none;
}

.p-mcp-usecase-grid-detail {
  width: 52%;
}
.p-mcp-usecase-grid-detail .p-mcp-usecase-grid-item-body {
  padding: 0;
}
@media only screen and (max-width: 1300px) {
  .p-mcp-usecase-grid-detail {
    width: 100%;
  }
}

.p-mcp-howto {
  padding: 4rem 0;
  padding-left: 2rem;
  padding-right: 2rem;
}
@media only screen and (max-width: 1300px) {
  .p-mcp-howto {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
.p-mcp-howto {
  position: relative;
}
.p-mcp-howto-body {
  position: relative;
  width: min(71.875rem, 100%);
  margin: auto;
  z-index: 100;
}
.p-mcp-howto {
  background: #fff;
  padding-bottom: 5rem;
}
.p-mcp-howto .c-heading-section {
  margin-bottom: 2rem;
}
.p-mcp-howto .p-mcp-cta-card {
  width: min(61.75rem, 100%);
  margin: auto;
}
@media only screen and (max-width: 1300px) {
  .p-mcp-howto .p-mcp-cta-card {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
  }
}
.p-mcp-howto .p-mcp-cta-card-item {
  height: 100%;
}
.p-mcp-howto .p-mcp-cta-card-item-body {
  height: 100%;
}
@media only screen and (max-width: 1300px) {
  .p-mcp-howto .p-mcp-hero-catch-sub-body {
    gap: 0.5rem;
  }
}
.p-mcp-howto-contents {
  background: #fff;
  border-radius: 1rem;
  box-shadow: 0 0 20px 0 rgba(0, 200, 197, 0.08);
  padding: 4rem 0;
  padding-left: 2rem;
  padding-right: 2rem;
}
@media only screen and (max-width: 1300px) {
  .p-mcp-howto-contents {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
@media only screen and (max-width: 1300px) {
  .p-mcp-howto-contents {
    padding: 0;
    background: none;
    box-shadow: none;
  }
}
.p-mcp-howto-contents-body {
  width: min(66.75rem, 100%);
  margin: auto;
}
@media only screen and (max-width: 1300px) {
  .p-mcp-howto-contents-body {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
  }
}
@media only screen and (max-width: 1300px) {
  .p-mcp-howto .p-mcp-howto-sp-body {
    width: min(61.75rem, 100%);
    margin: auto;
    background: #fff;
    border-radius: 0 0 0.5rem 0.5rem;
    box-shadow: 0 0 20px 0 rgba(0, 200, 197, 0.08);
    padding-left: 2rem;
    padding-right: 2rem;
    padding-bottom: 2rem;
    border-top: 3px solid #133559;
  }
}
@media only screen and (max-width: 1300px) and (max-width: 1300px) {
  .p-mcp-howto .p-mcp-howto-sp-body {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
@media only screen and (max-width: 1300px) {
  .p-mcp-howto .p-mcp-howto-sp-body .p-mcp-cta-card-grid {
    display: none;
  }
  .p-mcp-howto .p-mcp-howto-sp-body .p-mcp-cta-card-grid.is-show {
    display: block;
  }
}
.p-mcp-howto .p-mcp-hero-catch-sub {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin-bottom: 2rem;
}
.p-mcp-howto .p-mcp-cta-card {
  gap: 3.5rem;
}
@media only screen and (max-width: 1300px) {
  .p-mcp-howto .p-mcp-cta-card {
    gap: 1rem;
  }
}
.p-mcp-howto .p-mcp-cta-card-grid {
  width: calc((100% - 3.5rem * 1) / 2);
}
@media only screen and (max-width: 1300px) {
  .p-mcp-howto .p-mcp-cta-card-grid {
    width: 100%;
  }
}
@media only screen and (max-width: 1300px) {
  .p-mcp-howto .p-mcp-cta-card._buttons {
    position: relative;
    z-index: 1000;
    gap: 0.25rem;
  }
  .p-mcp-howto .p-mcp-cta-card._buttons .p-mcp-cta-card-grid {
    flex: 1;
  }
  .p-mcp-howto .p-mcp-cta-card._buttons .p-mcp-cta-card-grid.is-active .p-mcp-cta-card-item-body {
    background: #133559;
  }
  .p-mcp-howto .p-mcp-cta-card._buttons .p-mcp-cta-card-grid.is-active .p-mcp-cta-card-item-body .p-mcp-cta-card-item-heading {
    color: #fff;
    font-weight: 700;
  }
  .p-mcp-howto .p-mcp-cta-card._buttons .p-mcp-cta-card-item-body,
  .p-mcp-howto .p-mcp-cta-card._buttons .p-mcp-cta-card-item {
    border-radius: 0.5rem 0.5rem 0 0;
  }
  .p-mcp-howto .p-mcp-cta-card._buttons .p-mcp-cta-card-item {
    padding: 0rem;
    box-shadow: none;
  }
  .p-mcp-howto .p-mcp-cta-card._buttons .p-mcp-cta-card-item-body {
    padding: 0.75rem 1rem;
    background: #e2eff7;
  }
  .p-mcp-howto .p-mcp-cta-card._buttons .p-mcp-cta-card-item-heading {
    color: #6b9bc3;
    font-size: 0.8rem;
    font-weight: 500;
    text-align: center;
  }
  .p-mcp-howto .p-mcp-cta-card._buttons .p-mcp-cta-card-item:not(:has(.p-mcp-cta-card-item-paragraph))::after {
    display: none;
  }
}
.p-mcp-howto-heading-step {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  padding: 1rem 2rem;
  border-left: 0.4rem solid #00C8C5;
  background: #F5F5F5;
  margin-top: 4rem;
}
@media only screen and (max-width: 1300px) {
  .p-mcp-howto-heading-step {
    width: 100%;
    margin-top: 2rem;
    padding: 1rem;
  }
}
@media only screen and (max-width: 1300px) {
  .p-mcp-howto-heading-step-title {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    align-items: center;
    gap: 1rem;
  }
}
.p-mcp-howto-heading-step-num {
  font-family: "Poppins", "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
  font-size: 1.25rem;
  color: #00C8C5;
}
@media only screen and (max-width: 1300px) {
  .p-mcp-howto-heading-step-num {
    font-size: 1rem;
  }
}
.p-mcp-howto-heading-step-num span {
  font-size: 1.5rem;
  margin-left: 0.25rem;
}
@media only screen and (max-width: 1300px) {
  .p-mcp-howto-heading-step-num span {
    font-size: 1.25rem;
  }
}
.p-mcp-howto-heading-step-text {
  font-size: 1.25rem;
  margin-left: 1rem;
  color: #133559;
  font-weight: 700;
}
@media only screen and (max-width: 1300px) {
  .p-mcp-howto-heading-step-text {
    flex: 1;
    margin-left: 0;
  }
}
.p-mcp-howto-heading-step + .p-mcp-cta-card {
  margin-top: 2rem;
}
.p-mcp-howto-doc-link {
  width: min(21.875rem, 100%);
  margin: auto;
  margin-top: 3rem;
}
@media only screen and (max-width: 1300px) {
  .p-mcp-howto-doc-link {
    margin-top: 2rem;
  }
}
.p-mcp-contact {
  padding: 4rem 0;
  padding-left: 2rem;
  padding-right: 2rem;
}
@media only screen and (max-width: 1300px) {
  .p-mcp-contact {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
.p-mcp-contact {
  position: relative;
}
.p-mcp-contact-body {
  position: relative;
  width: min(71.875rem, 100%);
  margin: auto;
  z-index: 100;
}
.p-mcp-contact {
  background: #245486;
  text-align: center;
  color: #fff;
}
.p-mcp-contact-body {
  position: relative;
  z-index: 100;
}
.p-mcp-contact-heading {
  font-size: 1.5rem;
  font-weight: 700;
}
.p-mcp-contact-link {
  width: min(26.25rem, 100%);
  margin: auto;
  margin-top: 2rem;
}
.p-mcp-contact-link .c-btn-more {
  width: auto;
  display: block;
}
.p-mcp-contact-bg {
  margin: auto;
  position: absolute;
  top: 50%;
  right: 0;
  bottom: 0;
  translate: 0 -30%;
  z-index: 1;
  pointer-events: none;
}
@media only screen and (max-width: 1300px) {
  .p-mcp-contact-bg {
    top: auto;
    bottom: 30%;
    scale: 2;
  }
}

.p-mcp-faq {
  padding: 4rem 0;
  padding-left: 2rem;
  padding-right: 2rem;
}
@media only screen and (max-width: 1300px) {
  .p-mcp-faq {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
.p-mcp-faq {
  position: relative;
}
.p-mcp-faq-body {
  position: relative;
  width: min(71.875rem, 100%);
  margin: auto;
  z-index: 100;
}
.p-mcp-faq::before, .p-mcp-faq::after {
  width: 9.375rem;
  aspect-ratio: 10/10;
  background: #00C8C5;
  margin: auto;
  position: absolute;
  content: "";
  filter: blur(200px);
  border-radius: 100%;
  z-index: 0;
  pointer-events: none;
}
.p-mcp-faq::before {
  top: 50%;
  right: 0;
}
.p-mcp-faq::after {
  bottom: 0;
  left: 0;
}
.p-mcp-faq-contents {
  margin-top: 2rem;
  border-radius: 1rem;
  background: var(--Gradient, linear-gradient(108deg, rgba(0, 200, 197, 0.6) 1.05%, rgba(60, 227, 169, 0.4) 98.95%));
  padding: 4rem 0;
  padding-left: 2rem;
  padding-right: 2rem;
}
@media only screen and (max-width: 1300px) {
  .p-mcp-faq-contents {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
.p-mcp-faq-contents {
  box-shadow: 0 0 20px 0 rgba(0, 200, 197, 0.08);
}
@media only screen and (max-width: 1300px) {
  .p-mcp-faq-contents {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
}
.p-mcp-faq-contents-body {
  width: min(61.75rem, 100%);
  margin: auto;
}
.p-mcp-faq-list-item {
  background: #fff;
  border-radius: 1rem;
  padding: 1.5rem 2rem;
  padding-left: 2rem;
  padding-right: 2rem;
}
@media only screen and (max-width: 1300px) {
  .p-mcp-faq-list-item {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
.p-mcp-faq-list-item + .p-mcp-faq-list-item {
  margin-top: 2rem;
}
.p-mcp-faq-list-title {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 1rem;
  align-items: center;
}
.p-mcp-faq-list-title-icon {
  width: 2.5rem;
  aspect-ratio: 10/10;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  align-items: center;
  border-radius: 100%;
  background: #00C8C5;
  font-family: "Poppins", "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
  font-weight: 700;
  color: #fff;
  font-size: 1.25rem;
}
.p-mcp-faq-list-title-icon span {
  text-box: trim-both cap alphabetic;
}
.p-mcp-faq-list-title-text {
  flex: 1;
  font-size: 1.25rem;
  font-weight: 700;
}
.p-mcp-faq-list-detail {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 1rem;
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: 2px solid #F5F5F5;
}
.p-mcp-faq-list-detail .p-mcp-faq-list-title-text {
  font-size: 1rem;
  font-weight: 500;
  padding-top: 0.25rem;
}
.p-mcp-faq-list-detail .p-mcp-faq-list-title-icon {
  background: #fff;
  color: #00C8C5;
  border: 1px solid;
}
.p-mcp-faq-list-item-link {
  width: 100%;
}
.p-mcp-faq-list-item-link .p-mcp-contact-link {
  margin-top: 0;
  text-align: center;
}
.p-mcp-faq .c-md-text-annotation {
  margin-top: 0.25rem;
}

.p-mcp-news {
  padding: 4rem 0;
  padding-left: 2rem;
  padding-right: 2rem;
}
@media only screen and (max-width: 1300px) {
  .p-mcp-news {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
.p-mcp-news {
  position: relative;
}
.p-mcp-news-body {
  position: relative;
  width: min(71.875rem, 100%);
  margin: auto;
  z-index: 100;
}
.p-mcp-news {
  padding-bottom: 5rem;
  position: relative;
  z-index: 10;
}

.p-mcp-news-list-item {
  border-bottom: 1px solid #DEDEDE;
}
.p-mcp-news-list-item-body {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  padding: 1.5rem 0;
  gap: 1rem;
  position: relative;
}
@media only screen and (max-width: 1300px) {
  .p-mcp-news-list-item-body {
    gap: 0;
  }
}
.p-mcp-news-list-item-date {
  font-family: "Poppins", "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
  color: #888888;
  translate: 0 0.1em;
}
.p-mcp-news-list-item-text {
  flex: 1;
  padding-right: 3rem;
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
@media only screen and (max-width: 1300px) {
  .p-mcp-news-list-item-text {
    flex: none;
    width: 100%;
  }
}
.p-mcp-news-list-item-icon {
  width: 0.5rem;
  aspect-ratio: 10/10;
  border-right: 2px solid #133559;
  border-bottom: 2px solid #133559;
  content: "";
  margin: auto;
  position: absolute;
  top: 50%;
  right: 0.5rem;
  rotate: -45deg;
}

._whitepaper .p-contact-heading {
  margin-bottom: 3rem;
}
@media only screen and (max-width: 800px) {
  ._whitepaper .p-contact-heading {
    margin-bottom: 2rem;
  }
}

.p-whitepaper-content {
  padding-bottom: 6.25rem;
}
@media only screen and (max-width: 580px) {
  .p-whitepaper-content {
    padding-bottom: 4rem;
  }
}

.p-whitepaper-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 3rem;
  align-items: start;
}
@media only screen and (max-width: 1100px) {
  .p-whitepaper-grid {
    gap: 2rem;
  }
}
@media only screen and (max-width: 800px) {
  .p-whitepaper-grid {
    grid-template-columns: 1fr;
    gap: 2.5rem;
  }
}

.p-whitepaper-info {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
@media only screen and (max-width: 800px) {
  .p-whitepaper-info {
    gap: 1.25rem;
  }
}

.p-whitepaper-cover {
  position: relative;
  width: 100%;
  aspect-ratio: 16/9;
  border-radius: 0.625rem;
  overflow: hidden;
  background: linear-gradient(135deg, #E8FCFC 0%, #CAF8F8 100%);
  box-shadow: 0px 3px 20px rgba(29, 67, 107, 0.08);
  display: flex;
  align-items: center;
  justify-content: center;
}
.p-whitepaper-cover img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}
.p-whitepaper-cover .placeholder {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  color: #133559;
  font-weight: bold;
}
.p-whitepaper-cover .placeholder .placeholder__icon {
  font-size: 2.5rem;
  line-height: 1;
}
.p-whitepaper-cover .placeholder .placeholder__text {
  font-size: 0.9375rem;
  line-height: 1.75;
  letter-spacing: 1px;
  font-weight: 500;
  letter-spacing: 0.05em;
}

.p-whitepaper-title {
  font-size: clamp(20px, 1vw, 22px);
  font-weight: 500;
  letter-spacing: 0.125rem;
  line-height: 1.5;
  color: #133559;
  font-weight: bold;
  line-height: 1.5;
}
.p-whitepaper-title small {
  display: block;
  font-size: 1rem;
  line-height: 1.9;
  letter-spacing: 1px;
  font-weight: bold;
  margin-top: 0.5rem;
  color: #1D436B;
}

.p-whitepaper-lead {
  font-size: 1rem;
  line-height: 1.9;
  letter-spacing: 1px;
  color: #333333;
  line-height: 1.85;
}

.p-whitepaper-points {
  background: #E8FCFC;
  border-radius: 0.625rem;
  padding: 1.5rem 2rem;
}
@media only screen and (max-width: 580px) {
  .p-whitepaper-points {
    padding: 1.25rem 1.25rem;
  }
}
.p-whitepaper-points__title {
  font-size: 1rem;
  line-height: 1.9;
  letter-spacing: 1px;
  font-weight: bold;
  color: #133559;
  margin-bottom: 0.75rem;
}
.p-whitepaper-points__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.p-whitepaper-points__list li {
  position: relative;
  padding-left: 1.25rem;
  font-size: 1rem;
  line-height: 1.9;
  letter-spacing: 1px;
  color: #333333;
  line-height: 1.7;
}
.p-whitepaper-points__list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.65em;
  width: 0.5rem;
  height: 0.5rem;
  background: #00C8C5;
  border-radius: 50%;
}

.p-whitepaper-form .c-form-card {
  padding: 3rem;
  margin-bottom: 0;
}
@media only screen and (max-width: 1100px) {
  .p-whitepaper-form .c-form-card {
    padding: 2.5rem 2rem;
  }
}
@media only screen and (max-width: 800px) {
  .p-whitepaper-form .c-form-card {
    padding: 2rem;
  }
}
@media only screen and (max-width: 580px) {
  .p-whitepaper-form .c-form-card {
    padding: 1.5rem 1rem;
  }
}
.p-whitepaper-form__lead {
  font-size: 0.875rem;
  letter-spacing: 1px;
  line-height: 1.8;
  font-weight: 500;
  color: #8EA1B5;
  margin-bottom: 1.5rem;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.p-whitepaper-form__lead .c-label-require {
  flex: 0 0 auto;
  margin-right: 0.5rem;
  padding: 0.3rem 0.5rem;
  line-height: 1;
}
.p-whitepaper-form .c-submit-wrap {
  width: 100%;
  max-width: 22rem;
}
.p-whitepaper-form .form-section._submit .c-link-blank span {
  display: inline-flex;
  gap: 0.25rem;
  font-size: inherit;
}
.p-whitepaper-form .form-section._submit {
  border-top: 1px solid #DEDEDE;
  padding: 2rem 0 0;
  display: grid;
  place-items: center;
  text-align: center;
}
.p-whitepaper-form .form-section.address {
  display: grid;
  grid-template-columns: 1fr;
  gap: 2rem;
  padding-bottom: 2.5rem;
}
.p-whitepaper-form .form-section.terms {
  margin-bottom: 2rem;
}
.p-whitepaper-form .confirm-hidden {
  margin-bottom: 2rem;
}
.p-whitepaper-form .input-hidden {
  margin-bottom: 2rem;
}

.c-label-require {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #FF753A;
  color: #fff;
  font-size: 0.7rem;
  font-weight: bold;
  line-height: 1;
  padding: 0.3rem 0.5rem 0.25rem;
  border-radius: 0.25rem;
  letter-spacing: 0.05em;
  vertical-align: middle;
}

.p-whitepaper-thanks .c-form-card {
  text-align: center;
  padding: 4rem 3rem;
}
@media only screen and (max-width: 800px) {
  .p-whitepaper-thanks .c-form-card {
    padding: 3rem 2rem;
  }
}
@media only screen and (max-width: 580px) {
  .p-whitepaper-thanks .c-form-card {
    padding: 2rem 1rem;
  }
}
.p-whitepaper-thanks__thanks-text {
  font-size: 1rem;
  line-height: 1.9;
  letter-spacing: 1px;
  color: #333333;
  line-height: 1.85;
  margin-bottom: 2.5rem;
}
.p-whitepaper-thanks__dl-wrap {
  display: flex;
  justify-content: center;
  margin-bottom: 2rem;
}
.p-whitepaper-thanks__dl-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.625rem;
  background: #FF753A;
  color: #fff;
  font-weight: bold;
  letter-spacing: 0.05em;
  padding: 1rem 2.5rem;
  border-radius: 0.3125rem;
  text-decoration: none;
  transition: opacity 300ms;
}
.p-whitepaper-thanks__dl-btn::after {
  content: "";
  width: 0.875rem;
  height: 0.875rem;
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'><path d='M8 12l-4.5-4.5 1.06-1.06L7.25 9.13V2h1.5v7.13l2.69-2.69 1.06 1.06L8 12zm-6 2h12v1.5H2V14z'/></svg>") center/contain no-repeat;
}
@media (hover: hover) and (pointer: fine) {
  .p-whitepaper-thanks__dl-btn:hover {
    opacity: 0.8;
  }
}
.p-whitepaper-thanks__note {
  font-size: 0.875rem;
  letter-spacing: 1px;
  line-height: 1.8;
  font-weight: 500;
  color: #8EA1B5;
  line-height: 1.7;
}

/*# sourceMappingURL=main.css.map */