:root {
  --gray-1: #E0E0E0;
  --gray-2: #F8F8F8;
  --gray-3:#cccccc;
  --white: #FFFFFF;
  --black: #222222;
  --red: #E60039;
  --bg-red:#FFF0F0;
  --bg-black:#222222;
  --bg-black-2:#2C2D2F;
  --bg-gray:#545962;
  --grd_red: radial-gradient(62% 62% at 50% 99.99%, #FB6A6C 0%, #E60039 100%);
  --family-jp: "Plus Jakarta Sans", "Noto Sans JP", sans-serif;
  --family-en: "Plus Jakarta Sans", "Noto Sans JP", sans-serif;
  --gray-4: #616161;
  --gray-5: #515151;
  --yellow: #F0F9BE;
  --navy: #111E2D;
  --blue-1: #0B2B50;
  --blue-2: #193D67;
  --blue-3: #234A77;
  --blue-4: #6A88AB;
  --blue-5: #DCE9F6;
  --blue-7: #EDF3FC;
  --text-black: var(--black);
  --text-light_blue: var(--blue-3);
  --text-dark_blue: var(--blue-2);
  --text-white: var(--white);
  --weight-light: 300;
  --weight-regular: 400;
  --weight-medium: 450;
  --weight-semibold: 500;
  --weight-bold: 600;
  --line-height-80: 0.8;
  --line-height-90: 0.9;
  --line-height-100: 1;
  --line-height-110: 1.1;
  --line-height-120: 1.2;
  --line-height-130: 1.3;
  --line-height-140: 1.4;
  --line-height-150: 1.5;
  --line-height-160: 1.6;
  --line-height-170: 1.7;
  --line-height-180: 1.8;
  --line-height-190: 1.9;
  --line-height-200: 2;
  --line-height-210: 2.1;
  --line-height-220: 2.2;
  --line-height-230: 2.3;
  --line-height-240: 2.4;
  --line-height-250: 2.5;
  --ease-in-out-200: 0.2s ease-in-out;
  --ease-in-out-300: 0.3s ease-in-out;
  --ease-in-out-400: 0.4s ease-in-out;
  --ease-in-out-800: 0.8s ease-in-out;
  --cubic-bezier-400: 0.4s cubic-bezier(0,1,1,1);
  --opacity-3: 0.3;
  --opacity-5: 0.5;
  --opacity-7: 0.7;
  --opacity-9: 0.9;
  --container-width-pc: min(83.333vw, 1200px);
  --container-width-sp: min(24.306vw, 350px);
  --screen-width-pc: min(100vw, 1440px);
  --screen-width-sp: min(27.083vw, 390px);
  --size-13: min(0.903vw, 13px);
  --size-2: min(0.139vw, 2px);
  --size-4: min(0.278vw, 4px);
  --size-5: min(0.347vw, 5px);
  --size-6: min(0.417vw, 6px);
  --size-8: min(0.556vw, 8px);
  --size-10: min(0.694vw, 10px);
  --size-12: min(0.833vw, 12px);
  --size-14: min(0.972vw, 14px);
  --size-15: min(1.042vw, 15px);
  --size-16: min(1.111vw, 16px);
  --size-18: min(1.25vw, 18px);
  --size-20: min(1.389vw, 20px);
  --size-22: min(1.528vw, 22px);
  --size-24: min(1.667vw, 24px);
  --size-25: min(1.736vw, 25px);
  --size-26: min(1.806vw, 26px);
  --size-28: min(1.944vw, 28px);
  --size-30: min(2.083vw, 30px);
  --size-32: min(2.222vw, 32px);
  --size-34: min(2.361vw, 34px);
  --size-35: min(2.431vw, 35px);
  --size-36: min(2.5vw, 36px);
  --size-38: min(2.639vw, 38px);
  --size-40: min(2.778vw, 40px);
  --size-42: min(2.917vw, 42px);
  --size-44: min(3.056vw, 44px);
  --size-45: min(3.125vw, 45px);
  --size-46: min(3.194vw, 46px);
  --size-48: min(3.333vw, 48px);
  --size-50: min(3.472vw, 50px);
  --size-52: min(3.611vw, 52px);
  --size-54: min(3.75vw, 54px);
  --size-55: min(3.819vw, 55px);
  --size-56: min(3.889vw, 56px);
  --size-58: min(4.028vw, 58px);
  --size-60: min(4.167vw, 60px);
  --size-62: min(4.306vw, 62px);
  --size-64: min(4.444vw, 64px);
  --size-65: min(4.514vw, 65px);
  --size-66: min(4.583vw, 66px);
  --size-68: min(4.722vw, 68px);
  --size-70: min(4.861vw, 70px);
  --size-72: min(5vw, 72px);
  --size-74: min(5.139vw, 74px);
  --size-75: min(5.208vw, 75px);
  --size-76: min(5.278vw, 76px);
  --size-78: min(5.417vw, 78px);
  --size-80: min(5.556vw, 80px);
  --size-82: min(5.694vw, 82px);
  --size-84: min(5.833vw, 84px);
  --size-85: min(5.903vw, 85px);
  --size-86: min(5.972vw, 86px);
  --size-88: min(6.111vw, 88px);
  --size-90: min(6.25vw, 90px);
  --size-92: min(6.389vw, 92px);
  --size-94: min(6.528vw, 94px);
  --size-95: min(6.597vw, 95px);
  --size-96: min(6.667vw, 96px);
  --size-98: min(6.806vw, 98px);
  --size-100: min(6.944vw, 100px);
  --size-110: min(7.639vw, 110px);
  --size-120: min(8.333vw, 120px);
  --size-130: min(9.028vw, 130px);
  --size-140: min(9.722vw, 140px);
  --size-150: min(10.417vw, 150px);
  --size-160: min(11.111vw, 160px);
  --size-170: min(11.806vw, 170px);
  --size-180: min(12.5vw, 180px);
  --size-190: min(13.194vw, 190px);
  --size-200: min(13.889vw, 200px);
}
@media only screen and (max-width: 767px) {
  :root {
    --container-width-pc: 307.692vw;
    --container-width-sp: 89.744vw;
    --screen-width-pc: 369.231vw;
    --screen-width-sp: 100vw;
    --size-13: 3.333vw;
    --size-2: 0.513vw;
    --size-4: 1.026vw;
    --size-5: 1.282vw;
    --size-6: 1.538vw;
    --size-8: 2.051vw;
    --size-10: 2.564vw;
    --size-12: 3.077vw;
    --size-14: 3.59vw;
    --size-15: 3.846vw;
    --size-16: 4.103vw;
    --size-18: 4.615vw;
    --size-20: 5.128vw;
    --size-22: 5.641vw;
    --size-24: 6.154vw;
    --size-25: 6.41vw;
    --size-26: 6.667vw;
    --size-28: 7.179vw;
    --size-30: 7.692vw;
    --size-32: 8.205vw;
    --size-34: 8.718vw;
    --size-35: 8.974vw;
    --size-36: 9.231vw;
    --size-38: 9.744vw;
    --size-40: 10.256vw;
    --size-42: 10.769vw;
    --size-44: 11.282vw;
    --size-45: 11.538vw;
    --size-46: 11.795vw;
    --size-48: 12.308vw;
    --size-50: 12.821vw;
    --size-52: 13.333vw;
    --size-54: 13.846vw;
    --size-55: 14.103vw;
    --size-56: 14.359vw;
    --size-58: 14.872vw;
    --size-60: 15.385vw;
    --size-62: 15.897vw;
    --size-64: 16.41vw;
    --size-65: 16.667vw;
    --size-66: 16.923vw;
    --size-68: 17.436vw;
    --size-70: 17.949vw;
    --size-72: 18.462vw;
    --size-74: 18.974vw;
    --size-75: 19.231vw;
    --size-76: 19.487vw;
    --size-78: 20vw;
    --size-80: 20.513vw;
    --size-82: 21.026vw;
    --size-84: 21.538vw;
    --size-85: 21.795vw;
    --size-86: 22.051vw;
    --size-88: 22.564vw;
    --size-90: 23.077vw;
    --size-92: 23.59vw;
    --size-94: 24.103vw;
    --size-95: 24.359vw;
    --size-96: 24.615vw;
    --size-98: 25.128vw;
    --size-100: 25.641vw;
    --size-110: 28.205vw;
    --size-120: 30.769vw;
    --size-130: 33.333vw;
    --size-140: 35.897vw;
    --size-150: 38.462vw;
    --size-160: 41.026vw;
    --size-170: 43.59vw;
    --size-180: 46.154vw;
    --size-190: 48.718vw;
    --size-200: 51.282vw;
  }
}

#okm--special--contents--wrapper {
  position: relative;
}

.br_pc {
  display: block;
}
@media only screen and (max-width: 767px) {
  .br_pc {
    display: none;
  }
}

.br_sp {
  display: none;
}
@media only screen and (max-width: 767px) {
  .br_sp {
    display: block;
  }
}

img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  height: auto;
  display: block;
}

.ff-plus-jakarta-sans {
  font-family: "Plus Jakarta Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: normal;
  font-style: normal;
}

html, body {
  color: var(--black);
}

body {
  overflow-x: clip;
}

@media only screen and (max-width: 767px) {
  body:has([data-js-modal-state=true]) .okm--h--wrapper--header {
    z-index: 8000 !important;
  }
}

.cnt__inner {
  width: var(--container-width-pc);
  margin-inline: auto;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .cnt__inner {
    width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  #autostore--contents--wrapper .c-pagetop {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
  }
  #autostore--contents--wrapper .c-pagetop.is-show {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
  }
}
#contents--header--sp .contents--header--sp .contents--header--sp__inner .contents--header--sp__open-button {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}
#contents--header--sp .contents--header--sp .contents--header--sp__inner .contents--header--sp__open-button.is-show {
  opacity: 1;
  visibility: visible;
}

#more_content {
  margin-top: min(6.25vw, 90px);
  border-top: none;
}
@media only screen and (max-width: 767px) {
  #more_content {
    margin-top: 20.513vw;
  }
}
#more_content h2 {
  margin-bottom: min(3.472vw, 50px);
  position: relative;
  font-size: min(1.944vw, 28px);
  font-weight: 700;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  #more_content h2 {
    margin-bottom: 7.692vw;
    font-size: 5.128vw;
  }
}
#more_content h2::before, #more_content h2::after {
  content: "";
  display: inline-block;
  margin: 0 min(3.611vw, 52px);
  width: min(11.111vw, 160px);
  height: 1px;
  position: relative;
  top: max(-0.694vw, -10px);
  background: var(--bg-black);
}
@media only screen and (max-width: 767px) {
  #more_content h2::before, #more_content h2::after {
    width: 10.256vw;
    top: -1.795vw;
  }
}
#more_content .more-area {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  #more_content .more-area {
    flex-direction: column;
    gap: 7.692vw;
  }
}
#more_content .more-area p {
  margin: 0 min(2.708vw, 39px) 0 0;
  font-size: min(1.389vw, 20px);
  font-weight: 700;
  line-height: 1.5;
}
@media only screen and (max-width: 767px) {
  #more_content .more-area p {
    margin: 0;
    font-size: 5.128vw;
    text-align: center;
  }
}
#more_content .more-area a {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-right: min(3.194vw, 46px);
  width: min(20.833vw, 300px);
  height: min(4.861vw, 70px);
  position: relative;
  background-color: var(--black);
  text-align: center;
  color: var(--white);
  font-size: min(1.389vw, 20px);
  transition: opacity var(--ease-in-out-300);
}
@media only screen and (max-width: 767px) {
  #more_content .more-area a {
    padding-right: 6.667vw;
    width: 76.923vw;
    height: 17.949vw;
    font-size: 5.128vw;
  }
}
@media print, screen and (min-width: 768px) {
  #more_content .more-area a:hover {
    opacity: 0.75;
  }
}
#more_content .more-area a::after {
  content: "";
  display: block;
  width: min(1.111vw, 16px);
  height: min(0.833vw, 12px);
  position: absolute;
  right: min(2.083vw, 30px);
  background: url("/mhs/special_site/product/autostore/casestudy/assets/images/common/arrow02.svg") no-repeat left center;
  background-size: contain;
}
@media only screen and (max-width: 767px) {
  #more_content .more-area a::after {
    width: 4.103vw;
    height: 3.077vw;
    right: 7.692vw;
  }
}

.tags {
  display: flex;
  align-items: center;
}
.tags .tags-category {
  display: flex;
  padding: min(0.486vw, 7px) min(0.833vw, 12px) min(0.417vw, 6px);
  justify-content: center;
  align-items: center;
  border-radius: min(6.944vw, 100px);
  font-size: min(0.903vw, 13px);
  color: var(--white);
  font-weight: 400;
  line-height: 1;
}
@media only screen and (max-width: 767px) {
  .tags .tags-category {
    padding: 1.795vw 3.077vw 1.538vw;
    font-size: 3.333vw;
  }
}
.tags .tags-category.tags-3PL {
  background-color: #947AB8;
}
.tags .tags-category.tags-manufact {
  background-color: #60A44D;
}
.tags .tags-category.tags-distribution {
  background-color: #46759C;
}
.tags .tags-name {
  font-size: min(0.972vw, 14px);
  margin-left: min(0.347vw, 5px);
}
@media only screen and (max-width: 767px) {
  .tags .tags-name {
    font-size: 3.59vw;
    margin-left: 1.282vw;
  }
}

@media only screen and (max-width: 767px) {
  #article-contents {
    padding: 5.128vw 0 0;
  }
}
#article-contents .topic-path {
  margin: min(1.667vw, 24px) 0 min(5.903vw, 85px);
  display: flex;
  flex-wrap: wrap;
}
@media only screen and (max-width: 767px) {
  #article-contents .topic-path {
    flex-wrap: nowrap;
    margin: 0 5.128vw 12.821vw;
    overflow-x: scroll;
    word-break: keep-all;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }
  #article-contents .topic-path::-webkit-scrollbar {
    display: none;
  }
}
#article-contents .topic-path li {
  font-size: min(0.833vw, 12px);
}
@media only screen and (max-width: 767px) {
  #article-contents .topic-path li {
    flex-shrink: 0;
    font-size: 3.077vw;
  }
}
#article-contents .topic-path li::after {
  content: "";
  display: inline-block;
  margin: 0 min(0.833vw, 12px);
  width: min(0.278vw, 4px);
  height: min(0.556vw, 8px);
  background: url("/mhs/special_site/product/autostore/casestudy/assets/images/common/arrow01.svg") no-repeat left center;
  background-size: contain;
}
@media only screen and (max-width: 767px) {
  #article-contents .topic-path li::after {
    margin: 0 3.077vw;
    width: 1.026vw;
    height: 2.051vw;
  }
}
#article-contents .topic-path li:last-child::after {
  content: none;
  margin: 0;
}
#article-contents .topic-path li a {
  transition: opacity var(--ease-in-out-300);
}
@media print, screen and (min-width: 768px) {
  #article-contents .topic-path li a:hover {
    opacity: var(--opacity-5);
  }
}

.content-list {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  gap: min(4.097vw, 59px);
  margin-bottom: min(5.556vw, 80px);
}
@media only screen and (max-width: 767px) {
  .content-list {
    flex-direction: column;
    gap: 7.692vw;
    margin: 0 5.128vw 9.231vw;
  }
}
.content-list > li {
  width: min(25vw, 360px);
}
@media only screen and (max-width: 767px) {
  .content-list > li {
    width: 100%;
  }
}
.content-list > li.is-hidden {
  display: none;
}
.content-list > li a {
  display: block;
  height: 100%;
  position: relative;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.12);
  background-color: var(--white);
}
@media only screen and (max-width: 767px) {
  .content-list > li a {
    box-shadow: 0 0 5.128vw 0 rgba(0, 0, 0, 0.12);
  }
}
@media print, screen and (min-width: 768px) {
  .content-list > li a {
    transition: opacity var(--ease-in-out-300);
  }
  .content-list > li a:hover {
    opacity: 0.8;
  }
}
.content-list > li a::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 4px;
  background-color: var(--red);
  transform: scaleX(1);
}
.content-list > li a:hover::before {
  animation: line-sweep 0.6s ease forwards;
}
.content-list > li a.new::after {
  content: "NEW";
  display: block;
  padding: min(0.625vw, 9px);
  position: absolute;
  top: 0;
  left: 0;
  font-size: min(0.833vw, 12px);
  font-weight: 700;
  color: var(--white);
  background-color: var(--red);
  line-height: 1;
}
@media only screen and (max-width: 767px) {
  .content-list > li a.new::after {
    padding: 2.308vw;
    font-size: 3.077vw;
  }
}
.content-list > li a .content-list__img img {
  width: 100%;
  height: auto;
}
.content-list > li a .content-list__text {
  padding: min(1.667vw, 24px) min(1.944vw, 28px);
}
@media only screen and (max-width: 767px) {
  .content-list > li a .content-list__text {
    padding: 6.154vw 7.179vw;
  }
}
.content-list > li a .content-list__text .content-list__title {
  margin-bottom: min(0.694vw, 10px);
  font-size: min(1.25vw, 18px);
  font-weight: 700;
  line-height: 1.6;
}
@media only screen and (max-width: 767px) {
  .content-list > li a .content-list__text .content-list__title {
    margin-bottom: 2.051vw;
    font-size: 4.615vw;
  }
}
.content-list > li a .content-list__text .content-list__company {
  margin-bottom: min(0.972vw, 14px);
  font-size: min(0.972vw, 14px);
  font-weight: 500;
}
@media only screen and (max-width: 767px) {
  .content-list > li a .content-list__text .content-list__company {
    margin-bottom: 2.564vw;
    font-size: 3.59vw;
  }
}
.content-list > li a .content-list__text .effect-list {
  display: flex;
  gap: min(0.556vw, 8px);
  margin-bottom: min(0.833vw, 12px);
}
@media only screen and (max-width: 767px) {
  .content-list > li a .content-list__text .effect-list {
    gap: 1.026vw;
    margin-bottom: 3.077vw;
  }
}
.content-list > li a .content-list__text .effect-list li {
  padding: min(0.556vw, 8px) 0;
  width: min(11.528vw, 166px);
  background-color: var(--bg-black-2);
  font-size: min(0.833vw, 12px);
  font-weight: 500;
  text-align: center;
  color: var(--white);
}
@media only screen and (max-width: 767px) {
  .content-list > li a .content-list__text .effect-list li {
    padding: 2.051vw 0;
    width: 37.179vw;
    font-size: 2.821vw;
  }
}
.content-list > li a .content-list__text .effect-list li .num {
  font-size: min(2.083vw, 30px);
  font-weight: 700;
}
@media only screen and (max-width: 767px) {
  .content-list > li a .content-list__text .effect-list li .num {
    font-size: 7.692vw;
  }
}
.content-list > li a .content-list__text .effect-list li .unit {
  padding: 0 min(0.139vw, 2px);
  font-size: min(1.25vw, 18px);
}
@media only screen and (max-width: 767px) {
  .content-list > li a .content-list__text .effect-list li .unit {
    padding: 0 0.513vw;
    font-size: 4.615vw;
  }
}
.content-list > li a .content-list__text .effect-list li .up, .content-list > li a .content-list__text .effect-list li .down {
  display: inline-block;
  margin-left: min(0.278vw, 4px);
  width: min(0.972vw, 14px);
  height: min(1.25vw, 18px);
  position: relative;
  top: min(0.694vw, 10px);
  background: url("/mhs/special_site/product/autostore/casestudy/assets/images/common/arrow04.svg") no-repeat left center;
  background-size: contain;
  text-indent: -9999px;
}
@media only screen and (max-width: 767px) {
  .content-list > li a .content-list__text .effect-list li .up, .content-list > li a .content-list__text .effect-list li .down {
    margin-left: 1.026vw;
    width: 3.077vw;
    height: 3.846vw;
    top: 3.59vw;
  }
}
.content-list > li a .content-list__text .effect-list li .down {
  transform: rotateX(180deg);
}

@keyframes line-sweep {
  0% {
    transform-origin: right top;
    transform: scaleX(1);
  }
  49% {
    transform-origin: right top;
    transform: scaleX(0);
  }
  50% {
    transform-origin: left top;
    transform: scaleX(0);
  }
  100% {
    transform-origin: left top;
    transform: scaleX(1);
  }
}
#product-link-area {
  margin-top: min(6.25vw, 90px);
  padding: min(4.167vw, 60px) 0;
  background-color: #E9EBEF;
}
@media only screen and (max-width: 767px) {
  #product-link-area {
    margin-top: 20.513vw;
    padding: 15.385vw 5.128vw;
  }
}
#product-link-area .product-list {
  display: flex;
  gap: min(4.167vw, 60px);
}
@media only screen and (max-width: 767px) {
  #product-link-area .product-list {
    flex-direction: column;
    gap: 10.256vw;
  }
}
#product-link-area .product-list li {
  width: min(39.583vw, 570px);
}
@media only screen and (max-width: 767px) {
  #product-link-area .product-list li {
    width: 100%;
  }
}
#product-link-area .product-list li a {
  display: flex;
  gap: min(2.778vw, 40px);
  padding: min(2.083vw, 30px);
  position: relative;
}
@media only screen and (max-width: 767px) {
  #product-link-area .product-list li a {
    flex-direction: column;
    gap: 6.41vw;
    padding: 7.692vw;
    padding-bottom: 20.513vw;
  }
}
#product-link-area .product-list li a .product-list-img {
  width: min(16.667vw, 240px);
  transition: opacity var(--ease-in-out-300);
}
@media only screen and (max-width: 767px) {
  #product-link-area .product-list li a .product-list-img {
    width: 100%;
  }
}
@media print, screen and (min-width: 768px) {
  #product-link-area .product-list li a:hover .product-list-img {
    opacity: 0.75;
  }
}
#product-link-area .product-list li a .product-list-text {
  width: min(15vw, 216px);
}
@media only screen and (max-width: 767px) {
  #product-link-area .product-list li a .product-list-text {
    width: 100%;
  }
}
#product-link-area .product-list li a .product-list-text .name {
  margin-bottom: min(1.736vw, 25px);
}
@media only screen and (max-width: 767px) {
  #product-link-area .product-list li a .product-list-text .name {
    margin-bottom: 6.41vw;
  }
}
#product-link-area .product-list li a .product-list-text .text {
  font-size: min(0.972vw, 14px);
  font-weight: 500;
  text-align: center;
  line-height: 1.8;
}
@media only screen and (max-width: 767px) {
  #product-link-area .product-list li a .product-list-text .text {
    font-size: 3.59vw;
  }
}
#product-link-area .product-list li a .link-text {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-right: min(2.569vw, 37px);
  position: absolute;
  right: 0;
  bottom: 0;
  width: min(13.889vw, 200px);
  height: min(3.472vw, 50px);
  background-color: var(--black);
  font-size: min(1.111vw, 16px);
  font-weight: 700;
  color: var(--white);
}
@media only screen and (max-width: 767px) {
  #product-link-area .product-list li a .link-text {
    padding-right: 9.487vw;
    width: 51.282vw;
    height: 12.821vw;
    font-size: 4.103vw;
  }
}
#product-link-area .product-list li a .link-text::after {
  content: "";
  display: block;
  width: min(1.111vw, 16px);
  height: min(0.833vw, 12px);
  background: url("/mhs/special_site/product/autostore/casestudy/assets/images/common/arrow02.svg") no-repeat left center;
  background-size: contain;
  position: absolute;
  right: min(1.389vw, 20px);
}
@media only screen and (max-width: 767px) {
  #product-link-area .product-list li a .link-text::after {
    width: 4.359vw;
    height: 3.077vw;
    right: 5.128vw;
  }
}
#product-link-area .product-list li.product-link-autostore a {
  background-color: var(--white);
}
#product-link-area .product-list li.product-link-autostore a .product-list-text .name {
  margin-top: min(1.458vw, 21px);
  margin-bottom: min(1.736vw, 25px);
}
@media only screen and (max-width: 767px) {
  #product-link-area .product-list li.product-link-autostore a .product-list-text .name {
    margin-top: 0;
    margin-bottom: 6.41vw;
  }
}
@media only screen and (max-width: 767px) {
  #product-link-area .product-list li.product-link-autostore a .product-list-text .name img {
    margin: auto;
    width: 60.256vw;
    height: auto;
  }
}
#product-link-area .product-list li.product-link-pio a {
  background-color: var(--yellow);
}
#product-link-area .product-list li.product-link-pio a .product-list-text .name {
  margin-top: min(2.639vw, 38px);
  margin-bottom: min(1.736vw, 25px);
}
@media only screen and (max-width: 767px) {
  #product-link-area .product-list li.product-link-pio a .product-list-text .name {
    margin-top: 0;
    margin-bottom: 6.41vw;
  }
}
#product-link-area .product-list li.product-link-pio a .product-list-text .name img {
  margin: auto;
  width: min(6.875vw, 99px);
  height: auto;
}
@media only screen and (max-width: 767px) {
  #product-link-area .product-list li.product-link-pio a .product-list-text .name img {
    width: 22.051vw;
  }
}

.introduction_banner,
.abroad_banner {
  display: none;
  margin: min(5.556vw, 80px) 0;
}
@media only screen and (max-width: 767px) {
  .introduction_banner,
  .abroad_banner {
    margin: 15.385vw 5.128vw;
  }
}

.casestudy_top .introduction_banner,
.casestudy_top .abroad_banner {
  display: block;
}

.banner_type01 {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  height: min(15.278vw, 220px);
  background: linear-gradient(88deg, #000 54.32%, #4A4A4A 99.89%);
  color: var(--white);
}
@media only screen and (max-width: 767px) {
  .banner_type01 {
    flex-direction: column;
    height: auto;
  }
}
.banner_type01 .img-area {
  width: min(26.111vw, 376px);
}
@media only screen and (max-width: 767px) {
  .banner_type01 .img-area {
    overflow: hidden;
    width: 100%;
    height: 0;
    padding-top: 46.154vw;
    position: relative;
  }
}
@media only screen and (max-width: 767px) and (max-width: 767px) {
  .banner_type01 .img-area img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
  }
}
.banner_type01 .text-area {
  padding-right: min(3.472vw, 50px);
  width: min(37.222vw, 536px);
}
@media only screen and (max-width: 767px) {
  .banner_type01 .text-area {
    width: 100%;
    padding: 24.615vw 7.692vw 0;
    position: absolute;
  }
}
.banner_type01 .text-area .text01 {
  margin-bottom: min(0.764vw, 11px);
  font-size: min(1.806vw, 26px);
  font-weight: 700;
  line-height: 1.5;
}
@media only screen and (max-width: 767px) {
  .banner_type01 .text-area .text01 {
    font-size: 5.128vw;
  }
}
.banner_type01 .text-area .text02 {
  font-size: min(0.972vw, 14px);
  font-weight: 500;
  line-height: 1.8;
}
@media only screen and (max-width: 767px) {
  .banner_type01 .text-area .text02 {
    display: none;
  }
}
.banner_type01 .btn {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-right: min(1.806vw, 26px);
  width: min(13.889vw, 200px);
  height: min(4.861vw, 70px);
  position: relative;
  border: 1px solid #FF0140;
  background: var(--as-grd_red, radial-gradient(62% 62% at 50% 99.99%, #FB6A6C 0%, #E60039 100%));
  text-align: center;
  font-size: min(1.25vw, 18px);
  font-weight: 700;
  z-index: 1;
}
@media only screen and (max-width: 767px) {
  .banner_type01 .btn {
    justify-content: flex-start;
    padding: 0 7.692vw;
    width: 100%;
    height: 15.385vw;
    font-size: 4.103vw;
    text-align: left;
  }
}
.banner_type01 .btn::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: var(--white);
  opacity: 0;
  z-index: -1;
  transition: opacity var(--ease-in-out-300);
}
.banner_type01 .btn::after {
  content: "";
  display: block;
  width: min(1.111vw, 16px);
  height: min(0.833vw, 12px);
  position: absolute;
  right: min(2.083vw, 30px);
  background: url("/mhs/special_site/product/autostore/casestudy/assets/images/common/arrow02.svg") no-repeat left center;
  background-size: contain;
}
@media only screen and (max-width: 767px) {
  .banner_type01 .btn::after {
    width: 4.103vw;
    height: 3.077vw;
    right: 7.692vw;
  }
}
.banner_type01 .btn.blank::after {
  width: min(0.972vw, 14px);
  height: min(0.972vw, 14px);
  background-image: url("/mhs/special_site/product/autostore/casestudy/assets/images/common/icon_window.svg");
}
@media only screen and (max-width: 767px) {
  .banner_type01 .btn.blank::after {
    width: 3.59vw;
    height: 3.59vw;
  }
}
@media print, screen and (min-width: 768px) {
  .banner_type01:hover .btn {
    color: var(--red);
  }
  .banner_type01:hover .btn::before {
    opacity: 1;
  }
  .banner_type01:hover .btn::after {
    background-image: url("/mhs/special_site/product/autostore/casestudy/assets/images/common/arrow07.svg");
  }
}

#autostore--contents--wrapper .slash {
  display: inline-block;
  margin: 0 min(0.208vw, 3px);
  width: min(0.972vw, 14px);
  height: min(1.806vw, 26px);
  position: relative;
  top: min(0.417vw, 6px);
  background: url("/mhs/special_site/product/autostore/casestudy/assets/images/common/slash01.svg") no-repeat left center;
  background-size: contain;
  text-indent: -9999px;
}
@media only screen and (max-width: 767px) {
  #autostore--contents--wrapper .slash {
    margin: 0 0.769vw;
    width: 3.59vw;
    height: 6.667vw;
    top: 1.538vw;
  }
}
#autostore--contents--wrapper .slash.slash-red {
  margin: 0 min(0.139vw, 2px) 0 min(0.208vw, 3px);
  top: min(0.278vw, 4px);
  width: min(1.042vw, 15px);
  height: min(1.944vw, 28px);
  background-image: url("/mhs/special_site/product/autostore/casestudy/assets/images/common/slash02.svg");
}
@media only screen and (max-width: 767px) {
  #autostore--contents--wrapper .slash.slash-red {
    margin: 0 0.256vw 0 0.513vw;
    top: 0.513vw;
    width: 3.59vw;
    height: 6.923vw;
  }
}/*# sourceMappingURL=common.css.map */