@charset "UTF-8";

/*!
 * ress.css • v2.0.4
 * MIT License
 * github.com/filipelinhares/ress
 */
#blog .keyvisual_wrapper {
  padding-top: 41px !important;
}

@media only screen and (max-width: 1025px) {
  #blog .keyvisual_wrapper {
    padding-left: 37px !important;
    padding-right: 37px !important;
    padding-top: 53px !important;
    min-height: 246px !important;
    background-image: url("https://webtru.io/wp-content/themes/webtru/assets/images/case_header-sp.png") !important;
    background-size: contain !important;
    background-position: bottom left !important;
  }
}

#blog .keyvisual_wrapper .title {
  margin-right: -1.8rem;
  letter-spacing: 0.02em;
}

@media only screen and (max-width: 1025px) {
  #blog .keyvisual_wrapper .title {
    margin-right: -0.1rem;
    letter-spacing: 0.01em;
    margin-bottom: 24px !important;
  }
}

#blog .keyvisual_wrapper .subtitle {
  margin-left: -1rem;
  margin-top: -6px;
}

@media only screen and (max-width: 1025px) {
  #blog .keyvisual_wrapper .subtitle {
    font-size: 15.8px;
    line-height: 1.6;
  }
}

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

  #case-top .hero-body,
  .case-container .hero-body {
    padding: 48px 23.9px !important;
  }
}

#case-top .container,
.case-container .container {
  margin-top: 2.6rem;
  max-width: 1102px;
}

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

  #case-top .container,
  .case-container .container {
    margin-top: 0.1rem;
    max-width: 100%;
  }
}

.case-grid__list {
  display: flex;
  flex-wrap: wrap;
  gap: 30px 24px;
}

.case-grid__item {
  max-width: calc((100% - 48px) / 3);
  width: 100%;
}

.case-grid--recommend {
  max-width: 1100px;
  width: 100%;
  margin: 0 auto;
  margin-top: 42px;
}

@media only screen and (max-width: 1025px) {
  .case-grid__list {
    flex-direction: column;
    gap: 25px;
  }

  .case-grid__item {
    max-width: 100%;
  }

  .case-grid--recommend {
    margin-top: 34px;
    max-width: 100%;
  }
}

.case-panel {
  text-decoration: none;
  color: #2c343e;
  display: flex;
  flex-direction: column-reverse;
  justify-content: flex-end;
  height: 100%;
  overflow: hidden;
  border-radius: 8px;
  border: 2px solid #dfe1e2;
  position: relative;
}

.case-panel::before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-color: #f1f8fa;
  opacity: 0;
  transition: opacity 0.3s;
}

.case-panel:hover::before,
.case-panel:active::before,
.case-panel:focus::before {
  opacity: 1;
}

.case-panel:hover .case-panel__text-item::before,
.case-panel:active .case-panel__text-item::before,
.case-panel:focus .case-panel__text-item::before {
  width: 0;
  left: 0;
  right: 27px;
}

.case-panel__head,
.case-panel__body {
  max-width: 100%;
  width: 100%;
  position: relative;
}

.case-panel__body {
  background-color: #d6f1fb;
  border-bottom: 2px solid #dfe1e2;
  position: relative;
  padding-top: 52.3%;
}

.case-panel__visual {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.case-panel__visual img {
  width: 100%;
  height: auto;
}

.case-panel__head {
  height: 100%;
  display: flex;
  flex-direction: column;
  padding: 8.6% clamp(5px, 1.26vw, 23px) 5%;
}

.case-panel__title {
  font-size: 22px;
  font-weight: 700;
  line-height: 130%;
}

.case-panel__label {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-top: 15px;
}

.case-panel__label-item {
  font-size: 13px;
  line-height: 1;
  letter-spacing: 0;
  min-width: 100px;
  padding: 3px 5px 5px;
  background-color: #cceefa;
  color: #00a4e3;
  font-weight: 700;
  text-align: center;
}

.case-panel__lede {
  font-size: 15px;
  line-height: 150%;
  margin-top: 11.6px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.case-panel__text {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  padding-top: 22px;
  margin-top: auto;
}

.case-panel__text-item {
  color: #00a9e5;
  font-size: 14px;
  line-height: 1;
  font-weight: 700;
  position: relative;
  display: flex;
  align-items: baseline;
  padding-bottom: 4px;
}

.case-panel__text-item::before {
  content: "";
  display: block;
  position: absolute;
  max-width: calc(100% - 27px);
  width: 100%;
  height: 1px;
  background-color: #00a9e5;
  bottom: 0;
  right: 27px;
  transition: width 0.3s;
}

.case-panel__text-item::after {
  content: "";
  display: block;
  position: relative;
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  border-radius: 50rem;
  background-image: url("https://webtru.io/wp-content/themes/webtru/assets/images/case_icon_arrow.svg");
  background-size: cover;
  background-position: center;
  margin-left: 11px;
  -webkit-transform: translateY(2px);
  transform: translateY(2px);
}

.case-panel--recommend .case-panel__text {
  padding-top: 30px;
}

@media only screen and (max-width: 1025px) {
  .case-panel__head {
    padding: 6.6% clamp(5px, 5.56vw, 22.1px) 4.3%;
  }

  .case-panel__title {
    font-size: 20px;
    line-height: 1.3;
  }

  .case-panel__label {
    margin-top: 11px;
  }

  .case-panel__lede {
    font-size: 13px;
    line-height: 1.4;
    margin-top: 13.3px;
  }

  .case-panel__text {
    width: calc(100% + 6px);
    margin-right: -6px;
    padding-top: 20.6px;
  }

  .case-panel__text-item {
    font-size: 13px;
  }

  .case-panel__text-item::after {
    width: 15px;
    height: 15px;
    -webkit-transform: translateY(3px);
    transform: translateY(3px);
    margin-left: 8px;
  }
}

.case_detail {
  padding-top: 0 !important;
  padding-bottom: 147px !important;
  position: relative;
  z-index: 1;
}

@media only screen and (max-width: 1025px) {
  .case_detail {
    padding-bottom: 60px !important;
  }
}

.case_detail-header {
  position: relative;
  padding-top: 49px;
  padding-bottom: 28px;
}

.case_detail-header::before {
  content: "";
  display: block;
  position: absolute;
  width: 150vw;
  height: 100%;
  top: 0;
  left: -25vw;
  background: linear-gradient(90.56deg, #f1f8fa -0.87%, #e4f8ff 100%);
}

.case_detail-header__inner {
  max-width: 1280px;
  width: 100%;
  margin: 0 auto;
  padding: 0 15px;
  display: flex;
  position: relative;
  align-items: center;
}

.case_detail-header__head {
  margin-left: -10px;
}

.case_detail-header__body {
  max-width: calc(37.4% + 76px);
  width: 100%;
  flex-shrink: 0;
  padding-left: 76px;
}

.case_detail-header__title {
  font-size: 32px !important;
  color: #00a9e5 !important;
  line-height: 1.4 !important;
  font-weight: 700 !important;
  margin-bottom: 0 !important;
}

.case_detail-header__name {
  font-size: 20px !important;
  color: #2c343e !important;
  line-height: 1.4 !important;
  font-weight: 700 !important;
  margin-bottom: 0 !important;
  margin-top: 25px;
}

.case_detail-header__lede {
  margin-top: 12px !important;
  margin-left: 1px !important;
  letter-spacing: 0.02em !important;
  margin-right: -0.2rem !important;
  line-height: 1.55 !important;
}

.case_detail-header__visual {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.case_detail-header__visual-caption {
  font-size: 12px;
  font-weight: 500;
  line-height: 1.4;
  text-align: center;
  margin-top: 13px;
}

@media only screen and (max-width: 1025px) {
  .case_detail-header {
    padding-top: 31.3px;
  }

  .case_detail-header__inner {
    max-width: 100%;
    padding: 0;
    flex-direction: column;
  }

  .case_detail-header__head {
    margin-left: 0;
  }

  .case_detail-header__body {
    max-width: 100%;
    padding-left: 0;
    margin-top: 12px;
  }

  .case_detail-header__title {
    font-size: 24px !important;
    line-height: 1.5 !important;
  }

  .case_detail-header__name {
    margin-top: 29px !important;
    font-size: 18px !important;
    line-height: 1.4 !important;
  }

  .case_detail-header__lede {
    margin-top: 10px;
    font-size: 15px !important;
    line-height: 1.4 !important;
  }

  .case_detail-header__visual-caption {
    font-size: 11px;
    line-height: 1.4;
  }
}

.case_detail-content {
  max-width: 1280px;
  width: 100%;
  margin: 45px auto 0;
  padding: 0 15px;
  display: grid;
  grid-template-columns: calc(100% - (26.5% + 49px)) calc(26.5% + 49px);
}

.case_detail-content__primary {
  max-width: 100%;
  width: 100%;
  grid-column: 1/2;
  grid-row: 1/2;
  overflow: hidden;
}

.case_detail-content__primary>*:first-child {
  margin-top: 0;
}

.case_detail-content__primary>*:last-child {
  margin-bottom: 0;
}

.case_detail-content__secondary {
  flex-shrink: 0;
  max-width: 100%;
  width: 100%;
  padding-left: 49px;
  grid-column: 2/3;
  grid-row: 1/2;
  position: sticky;
  top: 0;
  left: 0;
}

.case_detail-content__content {
  margin-top: 63px;
}

.case_detail-content__content>*:first-child {
  margin-top: 0;
}

.case_detail-content__content>*:last-child {
  margin-bottom: 0;
}

.case_detail-content__content h2 {
  font-size: 25px !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
  color: #2c343e !important;
  padding-bottom: 11px !important;
  margin-top: 95px;
  margin-bottom: 0 !important;
  border-bottom: 2px solid #e9e9e9;
}

.case_detail-content__content h3 {
  margin-top: 19px !important;
  font-size: 20px !important;
  line-height: 1.4 !important;
  font-weight: 600 !important;
  color: #00a9e5;
  display: flex;
  align-items: center;
}

.case_detail-content__content h3::before {
  content: "";
  display: block;
  position: relative;
  width: 50px;
  height: 1px;
  background-color: #00a9e5;
  flex-shrink: 0;
  margin-right: 14px;
}

.case_detail-content__content p {
  margin-top: 22px !important;
  margin-bottom: 0 !important;
  font-size: 16px !important;
  line-height: 1.5 !important;
  font-weight: 400 !important;
}

.case_detail-content__content p+p {
  margin-top: 0.95rem !important;
}

.case_detail-content .case_detail-cv {
  margin-top: 30px;
}

@media only screen and (max-width: 1025px) {
  .case_detail-content {
    display: flex;
    flex-direction: column;
    padding: 0;
    max-width: 100%;
    margin-top: 33px;
  }

  .case_detail-content__primary,
  .case_detail-content__secondary {
    max-width: 100%;
    width: 100%;
  }

  .case_detail-content__secondary {
    padding-left: 0;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    pointer-events: none;
  }

  .case_detail-content__content {
    margin-top: 68px;
  }

  .case_detail-content__content h2 {
    font-size: 20px !important;
    padding-bottom: 10px !important;
    margin-top: 80px;
    margin-left: -3px;
  }

  .case_detail-content__content h3 {
    margin-top: 16px !important;
    font-size: 16px !important;
    align-items: baseline;
  }

  .case_detail-content__content h3::before {
    width: 22px;
    margin-right: 15px;
    -webkit-transform: translateY(-0.3em);
    transform: translateY(-0.3em);
  }

  .case_detail-content__content p {
    margin-top: 15px !important;
    font-size: 15px !important;
    line-height: 1.4 !important;
  }

  .case_detail-content__content p+p {
    margin-top: 0.95rem !important;
  }
}

.case_detail-point {
  position: relative;
  padding-top: 41px;
  padding-bottom: 28px;
}

.case_detail-point::before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border: 3px solid #a6e1f6;
  overflow: hidden;
  border-radius: 6px;
}

.case_detail-point__content {
  position: relative;
  margin: 0 26px;
  padding: 0 31px;
}

.case_detail-point__content+.case_detail-point__content {
  margin-top: 42px;
}

.case_detail-point__content+.case_detail-point__content--merit {
  margin-top: 37px;
}

.case_detail-point__content--merit {
  background-color: #f0fbff;
  padding: 31.3px 31px 36px;
}

.case_detail-point__content--merit .case_detail-list {
  margin-top: 16.1px;
}

.case_detail-point__title {
  display: flex;
  align-items: center;
  max-width: 100%;
  width: 100%;
  font-size: 20px;
  color: #00a9e5;
  line-height: 1.4;
  font-weight: 700;
}

.case_detail-point__title::before {
  content: "";
  display: block;
  position: relative;
  width: 26px;
  height: 36px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  flex-shrink: 0;
  margin-right: 16px;
}

.case_detail-point__title--attention::before {
  background-image: url("https://webtru.io/wp-content/themes/webtru/assets/images/case-detail_icon_attention.png");
}

.case_detail-point__title--check::before {
  background-image: url("https://webtru.io/wp-content/themes/webtru/assets/images/case-detail_icon_check.png");
}

.case_detail-point__title--merit::before {
  background-image: url("https://webtru.io/wp-content/themes/webtru/assets/images/case-detail_icon_merit.png");
}

@media only screen and (max-width: 1025px) {
  .case_detail-point {
    padding-top: 38px;
  }

  .case_detail-point__title {
    font-size: 18px;
    line-height: 1.4;
  }

  .case_detail-point__title::before {
    width: 26px;
    height: 29px;
    margin-right: 6px;
  }

  .case_detail-point__content {
    margin: 0 25px;
    padding: 0;
  }

  .case_detail-point__content+.case_detail-point__content {
    margin-top: 40.2px;
  }

  .case_detail-point__content+.case_detail-point__content--merit {
    margin-top: 23px;
  }

  .case_detail-point__content--merit {
    padding: 26px 16px 22px;
  }

  .case_detail-point__content--merit .case_detail-list {
    margin-top: 21.2px;
    margin-left: 6px;
  }

  .case_detail-point__content--merit .case_detail-list .case_detail-list__item+.case_detail-list__item {
    margin-top: 20px;
  }
}

.case_detail-list {
  margin: 7px 14px 0;
}

.case_detail-list__item {
  position: relative;
  display: flex;
  align-items: baseline;
  font-size: 16px;
  line-height: 1.5;
}

.case_detail-list__item+.case_detail-list__item {
  margin-top: 9px;
}

.case_detail-list__item::before {
  content: "";
  display: block;
  position: relative;
  border-radius: 50rem;
  overflow: hidden;
  width: 4px;
  height: 4px;
  background-color: #00a4e3;
  margin-right: 15px;
  flex-shrink: 0;
  -webkit-transform: translateY(-0.2em);
  transform: translateY(-0.2em);
}

@media only screen and (max-width: 1025px) {
  .case_detail-list {
    margin: 12px 0px 0;
  }

  .case_detail-list__item {
    font-size: 15px;
    line-height: 1.4;
  }

  .case_detail-list__item+.case_detail-list__item {
    margin-top: 15px;
  }

  .case_detail-list__item::before {
    margin-right: 11px;
    -webkit-transform: translate(-1px, -0.25em);
    transform: translate(-1px, -0.25em);
  }
}

.case_detail-cv {
  margin-top: 77px;
  background-color: #d6f1fb;
  border-radius: 6px;
  overflow: hidden;
}

.case_detail-cv__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 35.1px 20px 35px;
}

.case_detail-cv__inner>*:first-child {
  margin-top: 0;
}

.case_detail-cv__inner>*:last-child {
  margin-bottom: 0;
}

.case_detail-cv__title {
  font-size: 18px;
  font-weight: 700;
  line-height: 1.4;
}

.case_detail-cv__link {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 16px;
}

.case_detail-cv__link-link {
  display: flex;
  align-items: baseline;
  position: relative;
  color: #00a9e5 !important;
  font-size: 15px !important;
  line-height: 1.3;
  font-weight: 700;
}

.case_detail-cv__link-link::after {
  content: "";
  display: block;
  position: relative;
  width: 7px;
  height: 7px;
  margin-left: 8px;
  border-right: 1px solid #00a9e5;
  border-bottom: 1px solid #00a9e5;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.case_detail-cv__link-link::before {
  content: "";
  display: block;
  position: absolute;
  width: calc(100% - 15px);
  height: 1px;
  background-color: #00a9e5;
  right: 15px;
  bottom: 0;
}

.case_detail-cv--full {
  max-width: 1250px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 0 15px;
}

@media only screen and (max-width: 1025px) {
  .case_detail-cv {
    position: relative;
    overflow: visible;
    margin-top: 41px;
  }

  .case_detail-cv::before {
    content: "";
    display: block;
    position: absolute;
    width: 150vw;
    height: 100%;
    top: 0;
    left: -25vw;
    background-color: #d6f1fb;
  }

  .case_detail-cv__inner {
    padding: 32px 24px 26px;
    position: relative;
  }

  .case_detail-cv__title {
    font-size: 16px !important;
    line-height: 1.4 !important;
    text-align: center;
  }

  .case_detail-cv__link {
    margin-top: 28px;
  }

  .case_detail-cv__link-link {
    font-size: 14px !important;
  }

  .case_detail-cv__link-link::after {
    width: 7px;
    height: 7px;
    margin-left: 5px;
  }

  .case_detail-cv--full {
    max-width: 100%;
    width: 100%;
    padding: 0;
  }

  .case_detail-cv--full .case_detail-cv__inner {
    padding-top: 39px;
    padding-bottom: 32px;
  }
}

@media only screen and (max-width: 551px) {
  .case_detail-cv--full .case_detail-cv__inner {
    padding-left: 0;
    padding-right: 0;
  }
}

.case_detail-btn_list {
  margin-top: 20px;
}

.case_detail-btn_list__list {
  display: flex;
  align-items: flex-end;
  gap: 23px;
}

@media only screen and (max-width: 1025px) {
  .case_detail-btn_list {
    width: 100%;
    margin-top: 25px;
  }

  .case_detail-btn_list__list {
    justify-content: center;
    align-items: center;
  }

  .case_detail-btn_list__item .case_detail-btn__btn {
    min-width: 218px;
  }
}

@media only screen and (max-width: 551px) {
  .case_detail-btn_list__list {
    flex-direction: column;
    gap: 16px;
  }

  .case_detail-btn_list__item {
    width: 100%;
  }
}

.case_detail-btn {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-width: 250px;
}

.case_detail-btn__title {
  display: flex;
  align-items: baseline;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.4;
  color: #00a9e5;
  margin-bottom: 2.1px;
}

.case_detail-btn__title::before {
  content: "";
  display: block;
  position: relative;
  width: 14px;
  height: 14px;
  margin-right: 5px;
  background-image: url("https://webtru.io/wp-content/themes/webtru/assets/images/case-detail_icon_btn-check.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-transform: translateY(0.15em);
  transform: translateY(0.15em);
}

.case_detail-btn__btn {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: #ffffff;
  border-radius: 8px;
  overflow: hidden;
  min-height: 48px;
}

.case_detail-btn__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.case_detail-btn__text {
  font-size: 16px;
  line-height: 1.4;
  font-weight: 700;
}

.case_detail-btn--white .case_detail-btn__btn {
  background-color: #ffffff;
  border: 2px solid #00a9e5;
}

.case_detail-btn--white .case_detail-btn__text {
  color: #00a9e5;
}

.case_detail-btn--blue .case_detail-btn__btn {
  background-color: #00a9e5;
}

.case_detail-btn--blue .case_detail-btn__text {
  color: #ffffff;
}

@media only screen and (max-width: 1025px) {
  .case_detail-btn {
    min-width: 0;
    max-width: 100%;
    width: 100%;
  }

  .case_detail-btn__title {
    font-size: 13px;
  }

  .case_detail-btn__title::before {
    width: 14px;
    height: 14px;
    margin-right: 5px;
  }
}

.case_detail-company {
  max-width: 1280px;
  width: 100%;
  margin: 118.6px auto 0;
  padding: 0 15px;
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
  align-items: center;
}

.case_detail-company__head {
  max-width: 100%;
  width: 100%;
}

.case_detail-company__body {
  max-width: 32%;
  width: 100%;
  flex-shrink: 0;
  margin-right: 37px;
}

.case_detail-company__title {
  font-size: 18px !important;
  font-weight: 700 !important;
  line-height: 1.7 !important;
  color: #00a9e5 !important;
  margin-bottom: 0 !important;
}

.case_detail-company__detail {
  margin-top: 15px;
}

.case_detail-company__detail-item {
  display: flex;
  align-items: baseline;
}

.case_detail-company__detail-item+.case_detail-company__detail-item {
  margin-top: 5px;
}

.case_detail-company__detail-term {
  flex-shrink: 0;
  max-width: 14.3%;
  width: 100%;
  padding-right: 20px;
  font-size: 16px;
  line-height: 1.5;
  font-weight: 700;
}

.case_detail-company__detail-desc {
  max-width: 100%;
  width: 100%;
  font-size: 16px !important;
  line-height: 1.5 !important;
  font-weight: 400 !important;
}

.case_detail-company__detail-desc a {
  font-size: 16px !important;
  line-height: 1.5 !important;
  font-weight: 400 !important;
  text-decoration: underline;
  color: #00a9e5;
}

.case_detail-company__detail-desc a:hover,
.case_detail-company__detail-desc a:active,
.case_detail-company__detail-desc a:focus {
  text-decoration: none;
}

.case_detail-company__visual {
  border: 1px solid #f5f5f5;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 30px;
}

.case_detail-company__visual img {
  max-width: 250px;
}

@media only screen and (max-width: 1025px) {
  .case_detail-company {
    flex-direction: column-reverse;
    max-width: 100%;
    width: 100%;
    margin-top: 83px;
    padding: 0;
  }

  .case_detail-company__head,
  .case_detail-company__body {
    max-width: 100%;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .case_detail-company__head {
    margin-top: 19px;
  }

  .case_detail-company__detail {
    margin-top: 12px;
  }

  .case_detail-company__detail-item+.case_detail-company__detail-item {
    margin-top: 2px;
  }

  .case_detail-company__detail-term {
    max-width: 27.1%;
    font-size: 14px;
  }

  .case_detail-company__detail__desc {
    font-size: 14px !important;
  }

  .case_detail-company__detail__desc a {
    font-size: 14px !important;
  }
}

.case_detail-recommend {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 128px;
}

.case_detail-recommend__title {
  font-size: 30px !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
}

.case_detail-recommend__btn {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-width: 250px;
  margin-top: 51px;
}

.case_detail-recommend__btn-btn {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: #00a9e5;
  border-radius: 8px;
  overflow: hidden;
  min-height: 48px;
}

.case_detail-recommend__btn-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.case_detail-recommend__btn-text {
  font-size: 16px;
  line-height: 1.4;
  font-weight: 700;
  color: #ffffff;
}

.case_detail-recommend--top {
  margin-top: 19px;
  margin-bottom: 49px;
}

.case_detail-recommend--top .case_detail-recommend__btn {
  min-width: 150px;
  margin-top: 49px;
  width: 100%;
}

.case_detail-recommend--top .case_detail-recommend__btn-btn {
  width: 100%;
  min-height: 68px;
  max-width: 400px;
}

@media only screen and (max-width: 1025px) {
  .case_detail-recommend {
    margin-top: 59px;
  }

  .case_detail-recommend__title {
    font-size: 24px !important;
    line-height: 1.4 !important;
  }

  .case_detail-recommend__btn {
    min-width: 0;
    max-width: 250px;
    width: 100%;
    margin-top: 29px;
  }

  .case_detail-recommend__btn-btn {
    border-radius: 8px;
    min-height: 48px;
  }

  .case_detail-recommend__btn-text {
    font-size: 16px;
    line-height: 1.4;
  }

  .case_detail-recommend--top {
    margin-top: -9px;
  }

  .case_detail-recommend--top .case_detail-recommend__btn {
    margin-top: 32px;
    max-width: 100%;
  }

  .case_detail-recommend--top .case_detail-recommend__btn-btn {
    width: 100%;
    min-height: 74px;
    max-width: 400px;
  }

  .case_detail-recommend--top .case_detail-recommend__btn-text {
    font-size: 20.1px;
  }
}

.case_detail-bnr_list {
  position: sticky;
  width: 100%;
  top: 0;
  left: 0;
  padding-top: 80px;
  margin-top: -80px;
}

.case_detail-bnr_list__list {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

@media only screen and (max-width: 1025px) {
  .case_detail-bnr_list {
    position: relative;
    padding-top: 0;
    margin-top: 0;
    pointer-events: all;
  }

  .case_detail-bnr_list__list {
    flex-direction: row;
    gap: 0;
  }

  .case_detail-bnr_list__item {
    max-width: calc((100% + 2px) / 2);
    width: 100%;
  }

  .case_detail-bnr_list__item:first-child {
    margin-right: -1px;
  }

  .case_detail-bnr_list__item:nth-child(2) {
    margin-left: -1px;
  }
}

@media only screen and (max-width: 1025px) {
  .case_detail-bnr {
    display: flex;
    box-shadow: 0px -3px 7px 1px rgba(0, 0, 0, 0.15);
  }

  .case_detail-bnr__content {
    display: flex;
    width: 100%;
    flex-direction: column;
  }

  .case_detail-bnr__content picture {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }

  .case_detail-bnr__content img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: bottom;
    object-position: bottom;
  }
}

section#client {
  padding-top: 96px;
  padding-bottom: 128px;
}

section#client .section-title {
  font-size: 1.9rem !important;
}

section#client .client-list {
  margin-top: 31px;
  gap: 35.4px;
}

section#client .client-list+.client-list {
  margin-top: -4px;
}

section#client .client-list li img {
  max-height: 62px;
  max-width: 140px;
}

@media only screen and (max-width: 1025px) {
  section#client {
    padding-top: 48px;
    padding-bottom: 63px;
  }

  section#client .section-title {
    font-size: 1.5rem !important;
  }

  section#client .client-list {
    margin-top: 36.1px;
    gap: 36px;
  }

  section#client .client-list+.client-list {
    margin-top: -4px;
  }

  section#client .client-list li img {
    max-width: 122px;
  }
}

.case-top .adjust-w-0,
.case-container .adjust-w-0 {
  width: 0% !important;
}

.case-top .adjust-w-1,
.case-container .adjust-w-1 {
  width: 1% !important;
}

.case-top .adjust-w-2,
.case-container .adjust-w-2 {
  width: 2% !important;
}

.case-top .adjust-w-3,
.case-container .adjust-w-3 {
  width: 3% !important;
}

.case-top .adjust-w-4,
.case-container .adjust-w-4 {
  width: 4% !important;
}

.case-top .adjust-w-5,
.case-container .adjust-w-5 {
  width: 5% !important;
}

.case-top .adjust-w-6,
.case-container .adjust-w-6 {
  width: 6% !important;
}

.case-top .adjust-w-7,
.case-container .adjust-w-7 {
  width: 7% !important;
}

.case-top .adjust-w-8,
.case-container .adjust-w-8 {
  width: 8% !important;
}

.case-top .adjust-w-9,
.case-container .adjust-w-9 {
  width: 9% !important;
}

.case-top .adjust-w-10,
.case-container .adjust-w-10 {
  width: 10% !important;
}

.case-top .adjust-w-11,
.case-container .adjust-w-11 {
  width: 11% !important;
}

.case-top .adjust-w-12,
.case-container .adjust-w-12 {
  width: 12% !important;
}

.case-top .adjust-w-13,
.case-container .adjust-w-13 {
  width: 13% !important;
}

.case-top .adjust-w-14,
.case-container .adjust-w-14 {
  width: 14% !important;
}

.case-top .adjust-w-15,
.case-container .adjust-w-15 {
  width: 15% !important;
}

.case-top .adjust-w-16,
.case-container .adjust-w-16 {
  width: 16% !important;
}

.case-top .adjust-w-17,
.case-container .adjust-w-17 {
  width: 17% !important;
}

.case-top .adjust-w-18,
.case-container .adjust-w-18 {
  width: 18% !important;
}

.case-top .adjust-w-19,
.case-container .adjust-w-19 {
  width: 19% !important;
}

.case-top .adjust-w-20,
.case-container .adjust-w-20 {
  width: 20% !important;
}

.case-top .adjust-w-21,
.case-container .adjust-w-21 {
  width: 21% !important;
}

.case-top .adjust-w-22,
.case-container .adjust-w-22 {
  width: 22% !important;
}

.case-top .adjust-w-23,
.case-container .adjust-w-23 {
  width: 23% !important;
}

.case-top .adjust-w-24,
.case-container .adjust-w-24 {
  width: 24% !important;
}

.case-top .adjust-w-25,
.case-container .adjust-w-25 {
  width: 25% !important;
}

.case-top .adjust-w-26,
.case-container .adjust-w-26 {
  width: 26% !important;
}

.case-top .adjust-w-27,
.case-container .adjust-w-27 {
  width: 27% !important;
}

.case-top .adjust-w-28,
.case-container .adjust-w-28 {
  width: 28% !important;
}

.case-top .adjust-w-29,
.case-container .adjust-w-29 {
  width: 29% !important;
}

.case-top .adjust-w-30,
.case-container .adjust-w-30 {
  width: 30% !important;
}

.case-top .adjust-w-31,
.case-container .adjust-w-31 {
  width: 31% !important;
}

.case-top .adjust-w-32,
.case-container .adjust-w-32 {
  width: 32% !important;
}

.case-top .adjust-w-33,
.case-container .adjust-w-33 {
  width: 33% !important;
}

.case-top .adjust-w-34,
.case-container .adjust-w-34 {
  width: 34% !important;
}

.case-top .adjust-w-35,
.case-container .adjust-w-35 {
  width: 35% !important;
}

.case-top .adjust-w-36,
.case-container .adjust-w-36 {
  width: 36% !important;
}

.case-top .adjust-w-37,
.case-container .adjust-w-37 {
  width: 37% !important;
}

.case-top .adjust-w-38,
.case-container .adjust-w-38 {
  width: 38% !important;
}

.case-top .adjust-w-39,
.case-container .adjust-w-39 {
  width: 39% !important;
}

.case-top .adjust-w-40,
.case-container .adjust-w-40 {
  width: 40% !important;
}

.case-top .adjust-w-41,
.case-container .adjust-w-41 {
  width: 41% !important;
}

.case-top .adjust-w-42,
.case-container .adjust-w-42 {
  width: 42% !important;
}

.case-top .adjust-w-43,
.case-container .adjust-w-43 {
  width: 43% !important;
}

.case-top .adjust-w-44,
.case-container .adjust-w-44 {
  width: 44% !important;
}

.case-top .adjust-w-45,
.case-container .adjust-w-45 {
  width: 45% !important;
}

.case-top .adjust-w-46,
.case-container .adjust-w-46 {
  width: 46% !important;
}

.case-top .adjust-w-47,
.case-container .adjust-w-47 {
  width: 47% !important;
}

.case-top .adjust-w-48,
.case-container .adjust-w-48 {
  width: 48% !important;
}

.case-top .adjust-w-49,
.case-container .adjust-w-49 {
  width: 49% !important;
}

.case-top .adjust-w-50,
.case-container .adjust-w-50 {
  width: 50% !important;
}

.case-top .adjust-w-51,
.case-container .adjust-w-51 {
  width: 51% !important;
}

.case-top .adjust-w-52,
.case-container .adjust-w-52 {
  width: 52% !important;
}

.case-top .adjust-w-53,
.case-container .adjust-w-53 {
  width: 53% !important;
}

.case-top .adjust-w-54,
.case-container .adjust-w-54 {
  width: 54% !important;
}

.case-top .adjust-w-55,
.case-container .adjust-w-55 {
  width: 55% !important;
}

.case-top .adjust-w-56,
.case-container .adjust-w-56 {
  width: 56% !important;
}

.case-top .adjust-w-57,
.case-container .adjust-w-57 {
  width: 57% !important;
}

.case-top .adjust-w-58,
.case-container .adjust-w-58 {
  width: 58% !important;
}

.case-top .adjust-w-59,
.case-container .adjust-w-59 {
  width: 59% !important;
}

.case-top .adjust-w-60,
.case-container .adjust-w-60 {
  width: 60% !important;
}

.case-top .adjust-w-61,
.case-container .adjust-w-61 {
  width: 61% !important;
}

.case-top .adjust-w-62,
.case-container .adjust-w-62 {
  width: 62% !important;
}

.case-top .adjust-w-63,
.case-container .adjust-w-63 {
  width: 63% !important;
}

.case-top .adjust-w-64,
.case-container .adjust-w-64 {
  width: 64% !important;
}

.case-top .adjust-w-65,
.case-container .adjust-w-65 {
  width: 65% !important;
}

.case-top .adjust-w-66,
.case-container .adjust-w-66 {
  width: 66% !important;
}

.case-top .adjust-w-67,
.case-container .adjust-w-67 {
  width: 67% !important;
}

.case-top .adjust-w-68,
.case-container .adjust-w-68 {
  width: 68% !important;
}

.case-top .adjust-w-69,
.case-container .adjust-w-69 {
  width: 69% !important;
}

.case-top .adjust-w-70,
.case-container .adjust-w-70 {
  width: 70% !important;
}

.case-top .adjust-w-71,
.case-container .adjust-w-71 {
  width: 71% !important;
}

.case-top .adjust-w-72,
.case-container .adjust-w-72 {
  width: 72% !important;
}

.case-top .adjust-w-73,
.case-container .adjust-w-73 {
  width: 73% !important;
}

.case-top .adjust-w-74,
.case-container .adjust-w-74 {
  width: 74% !important;
}

.case-top .adjust-w-75,
.case-container .adjust-w-75 {
  width: 75% !important;
}

.case-top .adjust-w-76,
.case-container .adjust-w-76 {
  width: 76% !important;
}

.case-top .adjust-w-77,
.case-container .adjust-w-77 {
  width: 77% !important;
}

.case-top .adjust-w-78,
.case-container .adjust-w-78 {
  width: 78% !important;
}

.case-top .adjust-w-79,
.case-container .adjust-w-79 {
  width: 79% !important;
}

.case-top .adjust-w-80,
.case-container .adjust-w-80 {
  width: 80% !important;
}

.case-top .adjust-w-81,
.case-container .adjust-w-81 {
  width: 81% !important;
}

.case-top .adjust-w-82,
.case-container .adjust-w-82 {
  width: 82% !important;
}

.case-top .adjust-w-83,
.case-container .adjust-w-83 {
  width: 83% !important;
}

.case-top .adjust-w-84,
.case-container .adjust-w-84 {
  width: 84% !important;
}

.case-top .adjust-w-85,
.case-container .adjust-w-85 {
  width: 85% !important;
}

.case-top .adjust-w-86,
.case-container .adjust-w-86 {
  width: 86% !important;
}

.case-top .adjust-w-87,
.case-container .adjust-w-87 {
  width: 87% !important;
}

.case-top .adjust-w-88,
.case-container .adjust-w-88 {
  width: 88% !important;
}

.case-top .adjust-w-89,
.case-container .adjust-w-89 {
  width: 89% !important;
}

.case-top .adjust-w-90,
.case-container .adjust-w-90 {
  width: 90% !important;
}

.case-top .adjust-w-91,
.case-container .adjust-w-91 {
  width: 91% !important;
}

.case-top .adjust-w-92,
.case-container .adjust-w-92 {
  width: 92% !important;
}

.case-top .adjust-w-93,
.case-container .adjust-w-93 {
  width: 93% !important;
}

.case-top .adjust-w-94,
.case-container .adjust-w-94 {
  width: 94% !important;
}

.case-top .adjust-w-95,
.case-container .adjust-w-95 {
  width: 95% !important;
}

.case-top .adjust-w-96,
.case-container .adjust-w-96 {
  width: 96% !important;
}

.case-top .adjust-w-97,
.case-container .adjust-w-97 {
  width: 97% !important;
}

.case-top .adjust-w-98,
.case-container .adjust-w-98 {
  width: 98% !important;
}

.case-top .adjust-w-99,
.case-container .adjust-w-99 {
  width: 99% !important;
}

.case-top .adjust-w-100,
.case-container .adjust-w-100 {
  width: 100% !important;
}

.case-top .adjust-align-left,
.case-container .adjust-align-left {
  text-align: left;
}

.case-top .adjust-align-center,
.case-container .adjust-align-center {
  text-align: center;
}

.case-top .adjust-align-right,
.case-container .adjust-align-right {
  text-align: right;
}

.case-top .media.adjust-align-left,
.case-container .media.adjust-align-left {
  align-items: flex-start;
}

.case-top .media.adjust-align-center,
.case-container .media.adjust-align-center {
  align-items: center;
}

.case-top .media.adjust-align-right,
.case-container .media.adjust-align-right {
  align-items: flex-end;
}

.case-top .adjust-display-wide,
.case-container .adjust-display-wide {
  display: none !important;
}

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

  .case-top .adjust-display-wide,
  .case-container .adjust-display-wide {
    display: block !important;
  }
}

.case-top .adjust-display-narrow,
.case-container .adjust-display-narrow {
  display: block !important;
}

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

  .case-top .adjust-display-narrow,
  .case-container .adjust-display-narrow {
    display: none;
  }
}