@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap");
@import url("https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css");
@import url("https://pro.fontawesome.com/releases/v5.10.0/css/all.css");
.l-mv {
  position: relative
}
.l-mv__image {
  position: relative
}
.l-mv__image::before {
  content: '';
  display: block;
  padding-bottom: 42.64706%
}
@media only screen and (max-width: 767px) {
  .l-mv__image::before {
    padding-bottom: 60%
  }
}
.l-mv__image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover
}
.l-mv__desc {
  position: absolute;
  top: 50%;
  right: 6.5%;
  transform: translateY(-50%);
}
@media only screen and (max-width: 767px) {
  .l-mv__desc {
    mix-blend-mode: hard-light
  }
}
.l-mv__desc .c-title--medium {
  margin: .52083em 0
}
.l-mv__btn a {
  display: inline-block;
  line-height: 1;
  font-size: 143%;
  color: #173576;
  border-radius: 2em;
  padding: .5em 2.5em;
  border: 2px solid currentColor;
  font-family: "Noto Sans JP", sans-serif;
  text-decoration: none
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .l-mv__btn a {
    font-size: 121%
  }
}
@media only screen and (max-width: 767px) {
  .l-mv__btn a {
    font-size: 93%
  }
}
.l-anchor {
  background-color: #000;
  padding: 1.42542em
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .l-anchor {
    padding: 1em
  }
}
@media only screen and (max-width: 767px) {
  .l-anchor {
    padding: .5em
  }
}
.l-anchor-list {
  display: flex;
  justify-content: center;
  align-items: center
}
@media only screen and (max-width: 767px) {
  .l-anchor-list {
    flex-wrap: wrap
  }
}
.l-anchor-list__item {
  padding: 0 3.20718em
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .l-anchor-list__item {
    padding: 0 1.5em
  }
}
@media only screen and (max-width: 767px) {
  .l-anchor-list__item {
    padding: .5em
  }
}
@media only screen and (max-width: 767px) {
  .l-anchor-list__item {
    width: calc(100% / 3)
  }
}
.l-anchor-list__item a {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #fff;
  text-decoration: none
}
.l-anchor-list__item a span {
  letter-spacing: 1.8px;
  text-align: center
}
.l-anchor-list__item a span.en {
  font-family: "Roboto", sans-serif;
  font-size: 129%;
  font-weight: 500
}
@media only screen and (min-width: 768px) and (max-width: 983px) {
  .l-anchor-list__item a span.en {
    font-size: 100%
  }
}
@media only screen and (max-width: 767px) {
  .l-anchor-list__item a span.en {
    font-size: 90%
  }
}
.l-anchor-list__item a span.jp {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 93%
}
@media only screen and (min-width: 768px) and (max-width: 983px) {
  .l-anchor-list__item a span.jp {
    font-size: 70%
  }
}
@media only screen and (max-width: 767px) {
  .l-anchor-list__item a span.jp {
    font-size: 70%
  }
}
.l-intro {
  padding: 5.34531em 0;
  width: 100%;
  margin: auto;
  max-width: 96.92823em
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .l-intro {
    padding: 2.5em 0
  }
}
@media only screen and (max-width: 767px) {
  .l-intro {
    padding: 2em 0
  }
}
.l-intro__inner {
  width: 90%;
  margin: 0 0 0 auto;
  max-width: 88.01939em;
  display: flex;
  align-items: center;
  flex-wrap: wrap
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .l-intro__inner {
    width: 94%
  }
}
@media only screen and (max-width: 767px) {
  .l-intro__inner {
    width: 91%
  }
}
@media only screen and (max-width: 767px) {
  .l-intro__inner {
    margin: auto
  }
}
@media only screen and (min-width: 984px) and (max-width: 1199px) {
  .l-intro__inner {
    align-items: flex-start;
    width: 97%
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1560px) {
  .l-intro__inner {
    width: 95%
  }
}
.l-intro__img {
  width: 61.1336%
}
@media only screen and (max-width: 767px) {
  .l-intro__img {
    width: 100%
  }
}
@media only screen and (min-width: 768px) and (max-width: 983px) {
  .l-intro__img {
    width: 70%;
    margin: 1.5em auto 0
  }
}
.l-intro__detail {
  width: 38.8664%
}
@media only screen and (max-width: 767px) {
  .l-intro__detail {
    width: 100%
  }
}
@media only screen and (min-width: 768px) {
  .l-intro__detail {
    padding-right: 2em
  }
}
@media only screen and (min-width: 768px) and (max-width: 983px) {
  .l-intro__detail {
    width: 100%
  }
}
@media only screen and (max-width: 767px) {
  .l-intro__detail {
    margin-bottom: 2em
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1560px) {
  .l-intro__detail {
    padding-right: 1em
  }
}
.l-intro__detail .c-sub-title--medium {
  margin-bottom: 2.14286em
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .l-intro__detail .c-sub-title--medium {
    margin-bottom: 1em
  }
}
@media only screen and (max-width: 767px) {
  .l-intro__detail .c-sub-title--medium {
    margin-bottom: 1em
  }
}
@media only screen and (min-width: 768px) {
  .l-intro__detail .c-sub-title--medium {
    white-space: nowrap;
    position: relative;
    z-index: 1
  }
}
.l-intro__detail .c-txt-base--medium {
  line-height: 2
}
.l-intro__detail .c-txt-base--medium + .c-txt-base--medium {
  margin-top: 2.22222em
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .l-intro__detail .c-txt-base--medium + .c-txt-base--medium {
    margin-top: 1em
  }
}
@media only screen and (max-width: 767px) {
  .l-intro__detail .c-txt-base--medium + .c-txt-base--medium {
    margin-top: 1em
  }
}
.l-study, .l-column, .l-case {
  padding: 5.34531em 0
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .l-study, .l-column, .l-case {
    padding: 2.5em 0
  }
}
@media only screen and (max-width: 767px) {
  .l-study, .l-column, .l-case {
    padding: 2em 0
  }
}
.l-study__inner, .l-column__inner, .l-case__inner {
  width: 90%;
  margin: auto;
  max-width: 108.33155em
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .l-study__inner, .l-column__inner, .l-case__inner {
    width: 94%
  }
}
@media only screen and (max-width: 767px) {
  .l-study__inner, .l-column__inner, .l-case__inner {
    width: 91%
  }
}
.l-study__inner .c-button, .l-column__inner .c-button, .l-case__inner .c-button {
  margin-top: 3.56354em
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .l-study__inner .c-button, .l-column__inner .c-button, .l-case__inner .c-button {
    margin-top: 2em
  }
}
@media only screen and (max-width: 767px) {
  .l-study__inner .c-button, .l-column__inner .c-button, .l-case__inner .c-button {
    margin-top: .5em
  }
}
@media only screen and (max-width: 767px) {
  .l-study__inner .c-button, .l-column__inner .c-button, .l-case__inner .c-button {
    text-align: center
  }
}
.l-study__container, .l-column__container, .l-case__container {
  margin-top: 3.56354em;
  border-collapse: separate;
  border-spacing: 2.49448em;
  width: calc(100% + 4.98895em);
  margin-left: -2.49448em
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .l-study__container, .l-column__container, .l-case__container {
    margin-top: 2em
  }
}
@media only screen and (max-width: 767px) {
  .l-study__container, .l-column__container, .l-case__container {
    margin-top: 1.5em
  }
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .l-study__container, .l-column__container, .l-case__container {
    border-spacing: .6em
  }
}
@media only screen and (max-width: 767px) {
  .l-study__container, .l-column__container, .l-case__container {
    border-spacing: 1em
  }
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .l-study__container, .l-column__container, .l-case__container {
    width: calc(100% + 1.2em)
  }
}
@media only screen and (max-width: 767px) {
  .l-study__container, .l-column__container, .l-case__container {
    width: calc(100% + 2em)
  }
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .l-study__container, .l-column__container, .l-case__container {
    margin-left: -.6em
  }
}
@media only screen and (max-width: 767px) {
  .l-study__container, .l-column__container, .l-case__container {
    margin-left: -1em
  }
}
.l-study__container tr th, .l-study__container tr td, .l-column__container tr th, .l-column__container tr td, .l-case__container tr th, .l-case__container tr td {
  background-color: #000;
  border: 2px solid #000
}
@media only screen and (max-width: 767px) {
  .l-study__container tr th, .l-study__container tr td, .l-column__container tr th, .l-column__container tr td, .l-case__container tr th, .l-case__container tr td {
    display: block;
    width: 100%
  }
}
.l-study__container tr th .l-column__item, .l-study__container tr th .l-study__item, .l-study__container tr th .l-case__item, .l-study__container tr td .l-column__item, .l-study__container tr td .l-study__item, .l-study__container tr td .l-case__item, .l-column__container tr th .l-column__item, .l-column__container tr th .l-study__item, .l-column__container tr th .l-case__item, .l-column__container tr td .l-column__item, .l-column__container tr td .l-study__item, .l-column__container tr td .l-case__item, .l-case__container tr th .l-column__item, .l-case__container tr th .l-study__item, .l-case__container tr th .l-case__item, .l-case__container tr td .l-column__item, .l-case__container tr td .l-study__item, .l-case__container tr td .l-case__item {
  display: flex;
  align-items: center;
  text-decoration: none;
  height: 100%
}
@media only screen and (max-width: 767px) {
  .l-study__container tr th .l-column__item, .l-study__container tr th .l-study__item, .l-study__container tr th .l-case__item, .l-study__container tr td .l-column__item, .l-study__container tr td .l-study__item, .l-study__container tr td .l-case__item, .l-column__container tr th .l-column__item, .l-column__container tr th .l-study__item, .l-column__container tr th .l-case__item, .l-column__container tr td .l-column__item, .l-column__container tr td .l-study__item, .l-column__container tr td .l-case__item, .l-case__container tr th .l-column__item, .l-case__container tr th .l-study__item, .l-case__container tr th .l-case__item, .l-case__container tr td .l-column__item, .l-case__container tr td .l-study__item, .l-case__container tr td .l-case__item {
    flex-direction: column
  }
}
.l-study__container tr th .l-column__item .c-marker, .l-study__container tr th .l-study__item .c-marker, .l-study__container tr th .l-case__item .c-marker, .l-study__container tr td .l-column__item .c-marker, .l-study__container tr td .l-study__item .c-marker, .l-study__container tr td .l-case__item .c-marker, .l-column__container tr th .l-column__item .c-marker, .l-column__container tr th .l-study__item .c-marker, .l-column__container tr th .l-case__item .c-marker, .l-column__container tr td .l-column__item .c-marker, .l-column__container tr td .l-study__item .c-marker, .l-column__container tr td .l-case__item .c-marker, .l-case__container tr th .l-column__item .c-marker, .l-case__container tr th .l-study__item .c-marker, .l-case__container tr th .l-case__item .c-marker, .l-case__container tr td .l-column__item .c-marker, .l-case__container tr td .l-study__item .c-marker, .l-case__container tr td .l-case__item .c-marker {
  margin: 0.5em 0 0.7em
}
.l-study__container tr th .l-column__item a, .l-study__container tr th .l-study__item a, .l-study__container tr th .l-case__item a, .l-study__container tr td .l-column__item a, .l-study__container tr td .l-study__item a, .l-study__container tr td .l-case__item a, .l-column__container tr th .l-column__item a, .l-column__container tr th .l-study__item a, .l-column__container tr th .l-case__item a, .l-column__container tr td .l-column__item a, .l-column__container tr td .l-study__item a, .l-column__container tr td .l-case__item a, .l-case__container tr th .l-column__item a, .l-case__container tr th .l-study__item a, .l-case__container tr th .l-case__item a, .l-case__container tr td .l-column__item a, .l-case__container tr td .l-study__item a, .l-case__container tr td .l-case__item a {
  display: block
}
@media only screen and (min-width: 768px) and (max-width: 983px) {
  .l-study__container tr th .l-column__item .c-txt-base, .l-study__container tr th .l-column__item .c-marker span, .l-study__container tr th .l-study__item .c-txt-base, .l-study__container tr th .l-study__item .c-marker span, .l-study__container tr th .l-case__item .c-txt-base, .l-study__container tr th .l-case__item .c-marker span, .l-study__container tr td .l-column__item .c-txt-base, .l-study__container tr td .l-column__item .c-marker span, .l-study__container tr td .l-study__item .c-txt-base, .l-study__container tr td .l-study__item .c-marker span, .l-study__container tr td .l-case__item .c-txt-base, .l-study__container tr td .l-case__item .c-marker span, .l-column__container tr th .l-column__item .c-txt-base, .l-column__container tr th .l-column__item .c-marker span, .l-column__container tr th .l-study__item .c-txt-base, .l-column__container tr th .l-study__item .c-marker span, .l-column__container tr th .l-case__item .c-txt-base, .l-column__container tr th .l-case__item .c-marker span, .l-column__container tr td .l-column__item .c-txt-base, .l-column__container tr td .l-column__item .c-marker span, .l-column__container tr td .l-study__item .c-txt-base, .l-column__container tr td .l-study__item .c-marker span, .l-column__container tr td .l-case__item .c-txt-base, .l-column__container tr td .l-case__item .c-marker span, .l-case__container tr th .l-column__item .c-txt-base, .l-case__container tr th .l-column__item .c-marker span, .l-case__container tr th .l-study__item .c-txt-base, .l-case__container tr th .l-study__item .c-marker span, .l-case__container tr th .l-case__item .c-txt-base, .l-case__container tr th .l-case__item .c-marker span, .l-case__container tr td .l-column__item .c-txt-base, .l-case__container tr td .l-column__item .c-marker span, .l-case__container tr td .l-study__item .c-txt-base, .l-case__container tr td .l-study__item .c-marker span, .l-case__container tr td .l-case__item .c-txt-base, .l-case__container tr td .l-case__item .c-marker span {
    font-size: 90%;
    padding: 0.4em 0.5em
  }
  .l-study__container tr th .l-column__item .c-txt-base--xs, .l-study__container tr th .l-study__item .c-txt-base--xs, .l-study__container tr th .l-case__item .c-txt-base--xs, .l-study__container tr td .l-column__item .c-txt-base--xs, .l-study__container tr td .l-study__item .c-txt-base--xs, .l-study__container tr td .l-case__item .c-txt-base--xs, .l-column__container tr th .l-column__item .c-txt-base--xs, .l-column__container tr th .l-study__item .c-txt-base--xs, .l-column__container tr th .l-case__item .c-txt-base--xs, .l-column__container tr td .l-column__item .c-txt-base--xs, .l-column__container tr td .l-study__item .c-txt-base--xs, .l-column__container tr td .l-case__item .c-txt-base--xs, .l-case__container tr th .l-column__item .c-txt-base--xs, .l-case__container tr th .l-study__item .c-txt-base--xs, .l-case__container tr th .l-case__item .c-txt-base--xs, .l-case__container tr td .l-column__item .c-txt-base--xs, .l-case__container tr td .l-study__item .c-txt-base--xs, .l-case__container tr td .l-case__item .c-txt-base--xs {
    font-size: 76%
  }
  .l-study__container tr th .l-column__item .c-sub-title, .l-study__container tr th .l-study__item .c-sub-title, .l-study__container tr th .l-case__item .c-sub-title, .l-study__container tr td .l-column__item .c-sub-title, .l-study__container tr td .l-study__item .c-sub-title, .l-study__container tr td .l-case__item .c-sub-title, .l-column__container tr th .l-column__item .c-sub-title, .l-column__container tr th .l-study__item .c-sub-title, .l-column__container tr th .l-case__item .c-sub-title, .l-column__container tr td .l-column__item .c-sub-title, .l-column__container tr td .l-study__item .c-sub-title, .l-column__container tr td .l-case__item .c-sub-title, .l-case__container tr th .l-column__item .c-sub-title, .l-case__container tr th .l-study__item .c-sub-title, .l-case__container tr th .l-case__item .c-sub-title, .l-case__container tr td .l-column__item .c-sub-title, .l-case__container tr td .l-study__item .c-sub-title, .l-case__container tr td .l-case__item .c-sub-title {
    font-size: 120%
  }
  .l-study__container tr th .l-column__item .c-sub-title--xs, .l-study__container tr th .l-study__item .c-sub-title--xs, .l-study__container tr th .l-case__item .c-sub-title--xs, .l-study__container tr td .l-column__item .c-sub-title--xs, .l-study__container tr td .l-study__item .c-sub-title--xs, .l-study__container tr td .l-case__item .c-sub-title--xs, .l-column__container tr th .l-column__item .c-sub-title--xs, .l-column__container tr th .l-study__item .c-sub-title--xs, .l-column__container tr th .l-case__item .c-sub-title--xs, .l-column__container tr td .l-column__item .c-sub-title--xs, .l-column__container tr td .l-study__item .c-sub-title--xs, .l-column__container tr td .l-case__item .c-sub-title--xs, .l-case__container tr th .l-column__item .c-sub-title--xs, .l-case__container tr th .l-study__item .c-sub-title--xs, .l-case__container tr th .l-case__item .c-sub-title--xs, .l-case__container tr td .l-column__item .c-sub-title--xs, .l-case__container tr td .l-study__item .c-sub-title--xs, .l-case__container tr td .l-case__item .c-sub-title--xs {
    font-size: 90%
  }
}
.l-study__container tr th .img, .l-study__container tr td .img, .l-column__container tr th .img, .l-column__container tr td .img, .l-case__container tr th .img, .l-case__container tr td .img {
  position: relative
}
.l-study__container tr th .img::before, .l-study__container tr td .img::before, .l-column__container tr th .img::before, .l-column__container tr td .img::before, .l-case__container tr th .img::before, .l-case__container tr td .img::before {
  content: '';
  display: block;
  padding-bottom: 70%
}
.l-study__container tr th .img img, .l-study__container tr td .img img, .l-column__container tr th .img img, .l-column__container tr td .img img, .l-case__container tr th .img img, .l-case__container tr td .img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover
}
.l-study__container tr th .detail, .l-study__container tr td .detail, .l-column__container tr th .detail, .l-column__container tr td .detail, .l-case__container tr th .detail, .l-case__container tr td .detail {
  padding: 1.78177em 2.49448em
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .l-study__container tr th .detail, .l-study__container tr td .detail, .l-column__container tr th .detail, .l-column__container tr td .detail, .l-case__container tr th .detail, .l-case__container tr td .detail {
    padding: .5em
  }
}
@media only screen and (max-width: 767px) {
  .l-study__container tr th .detail, .l-study__container tr td .detail, .l-column__container tr th .detail, .l-column__container tr td .detail, .l-case__container tr th .detail, .l-case__container tr td .detail {
    padding: 1em 0.5em
  }
}
.l-study__container tr th, .l-column__container tr th, .l-case__container tr th {
  width: 44.54545%;
  font-weight: normal;
  vertical-align: top
}
@media only screen and (max-width: 767px) {
  .l-study__container tr th, .l-column__container tr th, .l-case__container tr th {
    width: 100%
  }
}
@media only screen and (max-width: 767px) {
  .l-study__container tr th, .l-column__container tr th, .l-case__container tr th {
    padding-bottom: 1em;
    position: relative
  }
  .l-study__container tr th::after, .l-column__container tr th::after, .l-case__container tr th::after {
    content: '';
    width: 110%;
    height: 1em;
    background-color: #fff;
    position: absolute;
    bottom: 0;
    left: -5%;
    z-index: 1
  }
}
.l-study__container tr th .l-column__item, .l-study__container tr th .l-study__item, .l-study__container tr th .l-case__item, .l-column__container tr th .l-column__item, .l-column__container tr th .l-study__item, .l-column__container tr th .l-case__item, .l-case__container tr th .l-column__item, .l-case__container tr th .l-study__item, .l-case__container tr th .l-case__item {
  display: block
}
.l-study__container tr th .c-marker span, .l-column__container tr th .c-marker span, .l-case__container tr th .c-marker span {
  font-size: 115%
}
.l-study__container tr td .img, .l-column__container tr td .img, .l-case__container tr td .img {
  width: 43.47826%
}
@media only screen and (max-width: 767px) {
  .l-study__container tr td .img, .l-column__container tr td .img, .l-case__container tr td .img {
    width: 100%
  }
}
.l-study__container tr td .img::before, .l-column__container tr td .img::before, .l-case__container tr td .img::before {
  padding-bottom: 60%
}
.l-study__container tr td .detail, .l-column__container tr td .detail, .l-case__container tr td .detail {
  width: 56.52174%
}
@media only screen and (max-width: 767px) {
  .l-study__container tr td .detail, .l-column__container tr td .detail, .l-case__container tr td .detail {
    width: 100%
  }
}
.l-study__container tr td .c-marker span, .l-column__container tr td .c-marker span, .l-case__container tr td .c-marker span {
  font-size: 86%
}
.l-column__container tr th .l-column__item .c-marker, .l-column__container tr td .l-column__item .c-marker {
  margin-top: 0;
  display: flex;
  justify-content: space-between;
  align-items: center
}
.l-column__container tr th .l-column__item .c-marker .date, .l-column__container tr td .l-column__item .c-marker .date {
  padding: 0;
  margin-left: 1em;
  background-color: transparent;
  font-family: "Roboto", sans-serif
}
.l-column__container tr td .l-column__tags {
  font-size: 79%
}
.l-column__tags {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  margin-top: 1.23077em;
  font-size: 93%;
  letter-spacing: 0.1em;
  line-height: 1.5
}
.l-column__tags li:not(:last-of-type) {
  margin-right: 1em
}
.l-column__tags li a {
  color: #507eb6;
  text-decoration: underline
}
.l-column__tags li a:hover {
  text-decoration: none
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .l-case {
    margin-bottom: 3em
  }
}
@media only screen and (max-width: 767px) {
  .l-case {
    margin-bottom: 2em
  }
}
.l-case__container tr th .l-case__item .c-sub-title, .l-case__container tr td .l-case__item .c-sub-title {
  margin-bottom: 1.92308rem
}
.l-case__container tr th .l-case__item dl dt, .l-case__container tr th .l-case__item dl dd, .l-case__container tr td .l-case__item dl dt, .l-case__container tr td .l-case__item dl dd {
  font-size: 93%;
  display: inline-block
}
.l-case__container tr th .l-case__item dl dt, .l-case__container tr td .l-case__item dl dt {
  color: #507eb6
}
.l-case__container tr th .l-case__item dl dd, .l-case__container tr td .l-case__item dl dd {
  color: #fff
}
.l-case__container tr th .l-case__item dl dd + dt, .l-case__container tr td .l-case__item dl dd + dt {
  margin-left: 1.5em
}
.l-case__container tr td .l-case__item .c-sub-title--xs {
  margin-bottom: 0.5rem
}
.l-case__container tr td .l-case__item dl dt, .l-case__container tr td .l-case__item dl dd {
  font-size: 79%
}
.c-consultant__inner {
  width: 100%;
  max-width: 96.92823em
}
@media only screen and (min-width: 1200px) and (max-width: 1560px) {
  .c-consultant__inner {
    width: 96%
  }
}
@media only screen and (max-width: 1199px) {
  .c-consultant__inner {
    width: 94%
  }
}
.c-consultant-list__item {
  width: 20%
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .c-consultant-list__item {
    width: 50%
  }
}
@media only screen and (max-width: 767px) {
  .c-consultant-list__item {
    width: 50%
  }
}
.c-consultant .c-button {
  width: 90%;
  margin: 3.56354em auto 0
}
.c-banner-base--right, .c-banner-base--left {
  width: 95%;
  max-width: calc(54.16578em + 50%)
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .c-banner-base--right, .c-banner-base--left {
    width: 97%
  }
}
@media only screen and (max-width: 767px) {
  .c-banner-base--right, .c-banner-base--left {
    width: 95.5%
  }
}
@media only screen and (max-width: 767px) {
  .l-mv .c-sub-title--medium {
    text-align: center;
  }
  .l-mv__desc {
    width: 100%;
    text-align: center;
  }
}
@media only screen and (min-width: 767px) {
.l-intro__img {
    margin-top: 50px;
}
}

.l-study__container tr th .img img,
.l-study__container tr td .img img,
.l-column__container tr th .img img,
.l-column__container tr td .img img,
.l-case__container tr th .img img,
.l-case__container tr td .img img {
    transition: 1s all;
}

.l-study__container tr th a:hover img,
.l-study__container tr td a:hover img,
.l-column__container tr th a:hover img,
.l-column__container tr td a:hover img,
.l-case__container tr th a:hover img,
.l-case__container tr td a:hover img {
  transform: scale(1.1,1.1);
  transition:.5s all;
  opacity: .7;
}

.l-study__container tr th a,
.l-study__container tr td a,
.l-column__container tr th a,
.l-column__container tr td a,
.l-case__container tr th a,
.l-case__container tr td a {
    overflow: hidden;
}
/*.l-case__item a:hover h4,
.l-column__item a:hover h4 {
    text-decoration: underline;
}
.l-case__item a h4,
.l-column__item a h4 {
    transition: .5s all;
}*/
.l-anchor-list__item a {
    transition: .3s all;
}

.l-anchor-list__item a:hover {
    opacity: .7;
}
.c-service-list__item__img img {
    transition: 1s all;
}
.c-service-list__item__img a:hover img {
  transform: scale(1.1,1.1);
  transition:.5s all;
  opacity: .7;
}
.c-service-list__item__img {
    overflow: hidden;
}
@media all and (min-width: 769px) and (max-width: 1280px) {
	.coming {
		min-height: 130px;
	}
}

.l-top-bnr {
  text-align: center;
  padding: 5.34531em 0 0;
}

.l-top-bnr a {
  transition: 0.3s;
}

.l-top-bnr a:hover {
  opacity:0.6;
}

@media only screen and (max-width: 767px) {
  .l-top-bnr {
    padding: 3em 0 0;
    width: 91%;
    margin: 0 auto;
  }
}

.l-study__container tr {
    height: 160px;
}

@media only screen and (max-width: 767px) {
.l-study__container tr {
    height: auto;
}
}

.l-intro__inner {
    width: 100%;
    margin: 0 auto;
}

@media only screen and (max-width: 767px) {
  .l-intro__inner {
    width: 91%;
  }
}


/* 240220 add */

.l-domain {
  padding: 5.34531em 0
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .l-domain {
    padding: 2.5em 0
  }
}
@media only screen and (max-width: 767px) {
  .l-domain {
    padding: 2em 0
  }
}
.l-domain__inner {
  width: 90%;
  margin: auto;
  max-width: 108.33155em
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .l-domain__inner {
    width: 94%
  }
}
@media only screen and (max-width: 767px) {
  .l-domain__inner {
    width: 91%
  }
}
.l-domain__inner {
  margin-top: 3.56354em
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .l-domain__inner .c-button {
    margin-top: 2em
  }
}
@media only screen and (max-width: 767px) {
  .l-domain__inner .c-button{
    margin-top: .5em
  }
}
@media only screen and (max-width: 767px) {
  .l-domain__inner .c-button {
    text-align: center
  }
}
.l-domain__container {
  margin-top: 3.56354em;
  border-collapse: separate;
  border-spacing: 2.49448em;
  width: calc(100% + 4.98895em);
  margin-left: -2.49448em
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .l-domain__container {
    margin-top: 2em
  }
}
@media only screen and (max-width: 767px) {
  .l-domain__container {
    margin-top: 1.5em
  }
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .l-domain__container {
    border-spacing: .6em
  }
}
@media only screen and (max-width: 767px) {
  .l-domain__container {
    border-spacing: 1em
  }
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .l-domain__container {
    width: calc(100% + 1.2em)
  }
}
@media only screen and (max-width: 767px) {
  .l-domain__container {
    width: calc(100% + 2em)
  }
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .l-domain__container {
    margin-left: -.6em
  }
}
@media only screen and (max-width: 767px) {
  .l-domain__container {
    margin-left: -1em
  }
}
.l-domain__container tr th, .l-domain__container tr td {
  background-color: #000;
  border: 2px solid #000;
  width: 50%;
}
@media only screen and (max-width: 767px) {
  .l-domain__container tr th, .l-domain__container tr td {
    display: block;
    width: 100%
  }
}
.l-domain__container tr th .l-domain__item, .l-domain__container tr th .l-domain__item, .l-domain__container tr th .l-domain__item, .l-domain__container tr td .l-domain__item, .l-domain__container tr td .l-domain__item, .l-domain__container tr td .l-domain__item, .l-domain__container tr th .l-domain__item, .l-domain__container tr th .l-domain__item, .l-domain__container tr th .l-domain__item, .l-domain__container tr td .l-domain__item, .l-domain__container tr td .l-domain__item, .l-domain__container tr td .l-domain__item, .l-domain__container tr th .l-domain__item, .l-domain__container tr th .l-domain__item, .l-domain__container tr th .l-domain__item, .l-domain__container tr td .l-domain__item, .l-domain__container tr td .l-domain__item, .l-domain__container tr td .l-domain__item {
  display: flex;
  align-items: center;
  text-decoration: none;
  height: 100%
}
@media only screen and (max-width: 767px) {
  .l-domain__container tr th .l-domain__item, .l-domain__container tr th .l-domain__item, .l-domain__container tr th .l-domain__item, .l-domain__container tr td .l-domain__item, .l-domain__container tr td .l-domain__item, .l-domain__container tr td .l-domain__item, .l-domain__container tr th .l-domain__item, .l-domain__container tr th .l-domain__item, .l-domain__container tr th .l-domain__item, .l-domain__container tr td .l-domain__item, .l-domain__container tr td .l-domain__item, .l-domain__container tr td .l-domain__item, .l-domain__container tr th .l-domain__item, .l-domain__container tr th .l-domain__item, .l-domain__container tr th .l-domain__item, .l-domain__container tr td .l-domain__item, .l-domain__container tr td .l-domain__item, .l-domain__container tr td .l-domain__item {
    flex-direction: column
  }
}
.l-domain__container tr th .l-domain__item .c-marker, .l-domain__container tr th .l-domain__item .c-marker, .l-domain__container tr th .l-domain__item .c-marker, .l-domain__container tr td .l-domain__item .c-marker, .l-domain__container tr td .l-domain__item .c-marker, .l-domain__container tr td .l-domain__item .c-marker, .l-domain__container tr th .l-domain__item .c-marker, .l-domain__container tr th .l-domain__item .c-marker, .l-domain__container tr th .l-domain__item .c-marker, .l-domain__container tr td .l-domain__item .c-marker, .l-domain__container tr td .l-domain__item .c-marker, .l-domain__container tr td .l-domain__item .c-marker, .l-domain__container tr th .l-domain__item .c-marker, .l-domain__container tr th .l-domain__item .c-marker, .l-domain__container tr th .l-domain__item .c-marker, .l-domain__container tr td .l-domain__item .c-marker, .l-domain__container tr td .l-domain__item .c-marker, .l-domain__container tr td .l-domain__item .c-marker {
  margin: 0.5em 0 0.7em
}
.l-domain__container tr th .l-domain__item a, .l-domain__container tr th .l-domain__item a, .l-domain__container tr th .l-domain__item a, .l-domain__container tr td .l-domain__item a, .l-domain__container tr td .l-domain__item a, .l-domain__container tr td .l-domain__item a, .l-domain__container tr th .l-domain__item a, .l-domain__container tr th .l-domain__item a, .l-domain__container tr th .l-domain__item a, .l-domain__container tr td .l-domain__item a, .l-domain__container tr td .l-domain__item a, .l-domain__container tr td .l-domain__item a, .l-domain__container tr th .l-domain__item a, .l-domain__container tr th .l-domain__item a, .l-domain__container tr th .l-domain__item a, .l-domain__container tr td .l-domain__item a, .l-domain__container tr td .l-domain__item a, .l-domain__container tr td .l-domain__item a {
  display: block
}
@media only screen and (min-width: 768px) and (max-width: 983px) {
  .l-domain__container tr th .l-domain__item .c-txt-base, .l-domain__container tr th .l-domain__item .c-marker span, .l-domain__container tr th .l-domain__item .c-txt-base, .l-domain__container tr th .l-domain__item .c-marker span, .l-domain__container tr th .l-domain__item .c-txt-base, .l-domain__container tr th .l-domain__item .c-marker span, .l-domain__container tr td .l-domain__item .c-txt-base, .l-domain__container tr td .l-domain__item .c-marker span, .l-domain__container tr td .l-domain__item .c-txt-base, .l-domain__container tr td .l-domain__item .c-marker span, .l-domain__container tr td .l-domain__item .c-txt-base, .l-domain__container tr td .l-domain__item .c-marker span, .l-domain__container tr th .l-domain__item .c-txt-base, .l-domain__container tr th .l-domain__item .c-marker span, .l-domain__container tr th .l-domain__item .c-txt-base, .l-domain__container tr th .l-domain__item .c-marker span, .l-domain__container tr th .l-domain__item .c-txt-base, .l-domain__container tr th .l-domain__item .c-marker span, .l-domain__container tr td .l-domain__item .c-txt-base, .l-domain__container tr td .l-domain__item .c-marker span, .l-domain__container tr td .l-domain__item .c-txt-base, .l-domain__container tr td .l-domain__item .c-marker span, .l-domain__container tr td .l-domain__item .c-txt-base, .l-domain__container tr td .l-domain__item .c-marker span, .l-domain__container tr th .l-domain__item .c-txt-base, .l-domain__container tr th .l-domain__item .c-marker span, .l-domain__container tr th .l-domain__item .c-txt-base, .l-domain__container tr th .l-domain__item .c-marker span, .l-domain__container tr th .l-domain__item .c-txt-base, .l-domain__container tr th .l-domain__item .c-marker span, .l-domain__container tr td .l-domain__item .c-txt-base, .l-domain__container tr td .l-domain__item .c-marker span, .l-domain__container tr td .l-domain__item .c-txt-base, .l-domain__container tr td .l-domain__item .c-marker span, .l-domain__container tr td .l-domain__item .c-txt-base, .l-domain__container tr td .l-domain__item .c-marker span {
    font-size: 90%;
    padding: 0.4em 0.5em
  }
  .l-domain__container tr th .l-domain__item .c-txt-base--xs, .l-domain__container tr th .l-domain__item .c-txt-base--xs, .l-domain__container tr th .l-domain__item .c-txt-base--xs, .l-domain__container tr td .l-domain__item .c-txt-base--xs, .l-domain__container tr td .l-domain__item .c-txt-base--xs, .l-domain__container tr td .l-domain__item .c-txt-base--xs, .l-domain__container tr th .l-domain__item .c-txt-base--xs, .l-domain__container tr th .l-domain__item .c-txt-base--xs, .l-domain__container tr th .l-domain__item .c-txt-base--xs, .l-domain__container tr td .l-domain__item .c-txt-base--xs, .l-domain__container tr td .l-domain__item .c-txt-base--xs, .l-domain__container tr td .l-domain__item .c-txt-base--xs, .l-domain__container tr th .l-domain__item .c-txt-base--xs, .l-domain__container tr th .l-domain__item .c-txt-base--xs, .l-domain__container tr th .l-domain__item .c-txt-base--xs, .l-domain__container tr td .l-domain__item .c-txt-base--xs, .l-domain__container tr td .l-domain__item .c-txt-base--xs, .l-domain__container tr td .l-domain__item .c-txt-base--xs {
    font-size: 76%
  }
  .l-domain__container tr th .l-domain__item .c-sub-title, .l-domain__container tr th .l-domain__item .c-sub-title, .l-domain__container tr th .l-domain__item .c-sub-title, .l-domain__container tr td .l-domain__item .c-sub-title, .l-domain__container tr td .l-domain__item .c-sub-title, .l-domain__container tr td .l-domain__item .c-sub-title, .l-domain__container tr th .l-domain__item .c-sub-title, .l-domain__container tr th .l-domain__item .c-sub-title, .l-domain__container tr th .l-domain__item .c-sub-title, .l-domain__container tr td .l-domain__item .c-sub-title, .l-domain__container tr td .l-domain__item .c-sub-title, .l-domain__container tr td .l-domain__item .c-sub-title, .l-domain__container tr th .l-domain__item .c-sub-title, .l-domain__container tr th .l-domain__item .c-sub-title, .l-domain__container tr th .l-domain__item .c-sub-title, .l-domain__container tr td .l-domain__item .c-sub-title, .l-domain__container tr td .l-domain__item .c-sub-title, .l-domain__container tr td .l-domain__item .c-sub-title {
    font-size: 120%
  }
  .l-domain__container tr th .l-domain__item .c-sub-title--xs, .l-domain__container tr th .l-domain__item .c-sub-title--xs, .l-domain__container tr th .l-domain__item .c-sub-title--xs, .l-domain__container tr td .l-domain__item .c-sub-title--xs, .l-domain__container tr td .l-domain__item .c-sub-title--xs, .l-domain__container tr td .l-domain__item .c-sub-title--xs {
    font-size: 90%
  }
}
.l-domain__container tr th .img, .l-domain__container tr td .img {
  position: relative
}
.l-domain__container tr th .img::before, .l-domain__container tr td .img::before {
  content: '';
  display: block;
  padding-bottom: 70%
}
.l-domain__container tr th .img img, .l-domain__container tr td .img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover
}
.l-domain__container tr th .detail a, .l-domain__container tr td .detail a{
  padding: 1.78177em 2.49448em;
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .l-domain__container tr th .detail a, .l-domain__container tr td .detail a {
    padding: .5em
  }
}
@media only screen and (max-width: 767px) {
  .l-domain__container tr th .detail a, .l-domain__container tr td .detail a {
    padding: 1em 0.5em
  }
}
.l-domain__container tr th {
  width: 50%;
  font-weight: normal;
  vertical-align: top
}
@media only screen and (max-width: 767px) {
  .l-domain__container tr th {
    width: 100%
  }
}
@media only screen and (max-width: 767px) {
  .l-domain__container tr th {
    padding-bottom: 1em;
    position: relative
  }
  .l-domain__container tr th::after {
    content: '';
    width: 110%;
    height: 1em;
    background-color: #fff;
    position: absolute;
    bottom: 0;
    left: -5%;
    z-index: 1
  }
}
.l-domain__container tr th .l-domain__item, .l-domain__container tr th .l-domain__item, .l-domain__container tr th .l-domain__item {
  display: block
}
.l-domain__container tr th .c-marker span {
  font-size: 115%
}
.l-domain__container tr td .img {
  width: 50%
}
@media only screen and (max-width: 767px) {
  .l-domain__container tr td .img {
    width: 100%
  }
}
.l-domain__container tr td .img::before {
  padding-bottom: 60%
}
.l-domain__container tr td .detail {
  width: 56.52174%
}
@media only screen and (max-width: 767px) {
  .l-domain__container tr td .detail {
    width: 100%
  }
}
.l-domain__container tr td .c-marker span {
  font-size: 86%
}

.l-domain .c-sub-title,
.l-domain .c-sub-title--xs {
  font-size: 210%;
  text-align: center;
  line-height: 4.5;
  font-weight: 500;
  letter-spacing: 2.4px;
  font-family: "Noto Sans JP", sans-serif
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {

  .l-domain .c-sub-title {
    font-size: 129%;
  }
}

@media only screen and (max-width: 767px) {

  .l-domain .c-sub-title {
    font-size: 129%;
    line-height: 2;
  }
}

.l-domain .c-sub-title--xs {
  font-size: 170%;
  line-height: 1.6;
}

@media only screen and (max-width: 767px) {
  .l-domain .c-sub-title--xs {
    font-size: 129%;
  }
}

.l-domain .c-sub-title--left {
  text-align: left;
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .l-domain .c-sub-title--left {
    text-align: center;
  }
}

@media only screen and (max-width: 767px) {
  .l-domain .c-sub-title--left {
    text-align: center;
  }
}

.l-domain .c-sub-title--white {
  color: #fff;
}

.l-domain__item.link-off a {
  pointer-events: none;
  cursor: default;
}

.l-domain__item.link-off .detail {
  position: relative;
  margin-top: 2em;
}

.l-domain__item.link-off .detail::before {
  position: absolute;
  content: 'Coming soon';
  top: -1em;
  left: 2.5em;
  font-size: 13px;
  font-weight: bold;
  color: #000;
  background-color: #fff;
  padding: 5px 15px;
  border-radius: 30px;
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .l-domain__item.link-off .detail::before {
    position: absolute;
    content: 'Coming soon';
    top: -2em;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    font-size: 10px;
    font-weight: bold;
    color: #000;
    background-color: #fff;
    padding: 1px 10px;
    border-radius: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .l-domain__item.link-off .detail::before {
    position: absolute;
    content: 'Coming soon';
    top: -1em;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    font-size: 10px;
    font-weight: bold;
    color: #000;
    background-color: #fff;
    padding: 1px 10px;
    border-radius: 30px;
  }
}


.l-domain__container tr th .img img,
.l-domain__container tr td .img img {
    transition: 1s all;
}

.l-domain__container tr th a:hover img,
.l-domain__container tr td a:hover img {
  transform: scale(1.1,1.1);
  transition:.5s all;
  opacity: .7;
}

.l-domain__container tr th a,
.l-domain__container tr td a {
    overflow: hidden;
}
@media only screen and (max-width: 767px) {
  td.l-domain--tr--2column {
    margin-bottom: 1em;
  }
}