@charset "UTF-8";

/* ===============================================
  * CSS変数 *
=============================================== */

:root {
  --gradient-orange: linear-gradient(90deg, #f71768 0%, #fb761b 18.85%, #f7342a 34.04%, #f6202e 45.94%, #fb6020 65.89%, #ffc700 100%);
  --simple-orange: #fc6f1b;
  --gradient-green: linear-gradient(to right, #006f86 2%, #178c72 14%, #0a6d5f 23%, #00605a 31%, #005e54 43%, #007965 58%, #14de73 82%, #91e154 100%);
  --simple-green: #139e78;
  --gradient-blue: linear-gradient(85deg, #5a25ba -14%, #5440c9 -2%, #0e5ccc 16%, #133ec2 29%, #1c13a3 53%, #0e5ccc 77%, #0096f2 90%, #00f9ec 104%);
  --simple-blue: #0e5ccc;
}

/* ===============================================
  * タイトルテキスト *
=============================================== */

.w2_section_title--text-only {
  margin-bottom: min(calc((27 / 1440 * 100) * 1vw), 27px);
  padding-top: 0;
}

.cardUnit {
  display: flex;
  flex-wrap: wrap;
  width: 77.77778vw;
  margin: 4.16667vw auto 120px;
}

.cardUnit .card {
  height: 100%;
  margin: 0;
  background: #fff;
  border-radius: .34722vw;
  box-shadow: 0 10px 30px rgba(51, 51, 51, .15);
  overflow: hidden;
}

.cardUnit .card::before {
  content: "";
  display: block;
  width: 100%;
  height: 0.5vw;
  position: absolute;
  left: 0;
  top: 0;
}

.cardUnit .card .card-img {
  width: 100%;
  height: auto;
}

.cardUnit .card .card-ttl {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 18px;
  color: #0e5ccc;
  line-height: 1.6;
  border-top: 1px solid #ddd;
  padding: 0 1rem;
}

[data-theme-color="orange"] .cardUnit .card::before {
  background: var(--gradient-orange);
}

[data-theme-color="green"] .cardUnit .card::before {
  background: var(--gradient-green);
}

[data-theme-color="blue"] .cardUnit .card::before {
  background: #1b5dcb;
}


/* ===============================================
  * EPのFV用 *
=============================================== */

.w2_fv__text--catch {
  position: relative;
  display: inline-block;
  color: #fff;
}

.w2_fv__text--catch::before {
  content: "";
  position: absolute;
  top: 0;
  z-index: -1;
  height: 100%;
}

[data-theme-color="orange"] .w2_fv__text--catch::before {
  background: var(--gradient-orange);
}

[data-theme-color="green"] .w2_fv__text--catch::before {
  background: var(--gradient-green);
}

[data-theme-color="blue"] .w2_fv__text--catch::before {
  background: var(--gradient-blue);
}

.lowerMv {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.lowerMv .lowerMv-text {
  position: absolute;
  right: 0;
  z-index: -1;
}

.lowerMv .lowerMv-text .text-serviceName {
  color: #0e5ccc;
  padding-left: 6vw;
  margin-bottom: 6px;
}

.lowerMv .lowerMv-text .block--mvtext-ttl {
  position: relative;
}

.lowerMv .lowerMv-text .block--mvtext-ttl::before {
  content: "";
  display: block;
  position: absolute;
  top: 4px;
  left: -8px;
  -webkit-clip-path: polygon(6% 0, 100% 0%, 100% 100%, 0% 100%);
  clip-path: polygon(6% 0, 100% 0%, 100% 100%, 0% 100%);
  background-image: linear-gradient(45deg, #00f9ec 2%, #0096f2 11%, #0e5ccc 25%, #1c13a3 36%, #133ec2 54%, #0e5ccc 73%, #5440c9 84%, #5a25ba 95%);
  width: 100%;
}

.lowerMv .lowerMv-text .block--mvtext-ttl .block--mvtext-ttl__inner {
  -webkit-clip-path: polygon(6% 0, 100% 0%, 100% 100%, 0% 100%);
  clip-path: polygon(6% 0, 100% 0%, 100% 100%, 0% 100%);
  background: #fff;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.lowerMv .lowerMv-text .block--mvtext-ttl .block--mvtext-ttl__inner .mvtext-sub {
  font-size: 16px;
  line-height: 1.5;
}

.lowerMv .lowerMv-text .block--mvtext-ttl .block--mvtext-ttl__inner .mvtext-ttl {
  font-size: 36px;
  line-height: 1.3;
  font-weight: 500;
}

.lowerMv .lowerMv-text .text-serviceInfo {
  line-height: 1.8;
  padding-left: 6vw;
}

.lowerMv .lowerMv-text .text-serviceInfo.text-serviceInfo--decoration {
  position: relative;
}

.lowerMv .lowerMv-text .text-serviceInfo.text-serviceInfo--decoration::after {
  display: block;
  content: "";
  position: absolute;
  background-repeat: no-repeat;
  background-size: 100%;
  background-image: url(../img/fv/lowermv_decoration.png);
}

.lowerMv .lowerMv-img {
  width: 40vw;
}

.lowerMv .lowerMv-img img {
  width: 100%;
  height: auto;
  display: block;
}

/* ===============================================
  * productlist の個別スタイル *
=============================================== */

#Main.w2_page-productlist {
  /* Common */
}

#Main.w2_page-productlist::before {
  background-image: url(../img/static/taiwan-ec/bg1.png);
}

#Main.w2_page-productlist .w2_feature .w2_container .w2_content .w2_right_content:before {
  background-image: url(../img/static/taiwan-ec/bg2.png);
}


#Main.w2_page-productlist .w2_hr {
  background: var(--gradient-blue) !important;
}

#Main.w2_page-productlist .w2_title {
  line-height: 1.5;
}

#Main.w2_page-productlist .w2_productlistStatus .w2_img-wrapper {
  margin: 0 auto;
  position: relative;
}

#Main.w2_page-productlist .w2_productlistStatus .w2_img-wrapper::after {
  content: "";
  display: block;
  position: absolute;
  aspect-ratio: 228 / 331;
  background-repeat: no-repeat;
  background-size: 100%;
  background-image: url(../img/static/security/bg_productlist_status.png);
  z-index: -1;
}

#Main.w2_page-productlist .w2_img-wrapper--single img {
  height: auto;
  display: block;
  margin: 0 auto;
}

#Main.w2_page-productlist .cardUnit-productlistContents {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 1fr;
  gap: 0 1.38889vw;
  grid-auto-flow: row;
  grid-template-areas: ". . ." ". . .";
  margin: 0 auto 80px;
}

#Main.w2_page-productlist .cardUnit-productlistContents .card-productlistContents {
  width: 100%;
  height: 100%;
  margin: 0;
  background: #fff;
  border-radius: .34722vw;
  box-shadow: 0 10px 30px rgba(51, 51, 51, .15);
  overflow: hidden;
  position: relative;
}

#Main.w2_page-productlist .w2_cooperation .w2_container .w2_content .w2_right_content .w2_cooperation_list .w2_cooperation_list_item .w2_cooperation_list_item_inner:before {
  background-image: url(../img/static/taiwan-ec/corner.svg);
}

#Main.w2_page-productlist .w2_ecsupport .w2_container .w2_content .w2_right_content:before {
  background-image: url(../img/static/taiwan-ec/bg5.png);
}

#Main.w2_page-productlist .w2_ecsupport .w2_container .w2_content .w2_right_content .w2_ecsupport_list .w2_ecsupport_list_item:before {
  background-image: url(../img/static/taiwan-ec/img-corner.svg);
  pointer-events: none;
}

#Main.w2_page-productlist .w2_useful .w2_container .w2_content .w2_right_content:before {
  background-image: url(../img/static/taiwan-ec/bg5.png);
}

#Main.w2_page-productlist .w2_lowerCommon_midashi_text {
  font-weight: 500;
  text-align: center;
}

#Main.w2_page-productlist .w2_lowerCommon_footer_button {
  display: flex;
  justify-content: center;
  align-items: center;
}

.cardUnit-productlistContents[data-bg="productlistCertification"] {
  position: relative;
}

.cardUnit-productlistContents[data-bg="productlistCertification"]::after {
  content: "";
  display: block;
  position: absolute;
  aspect-ratio: 150 / 270;
  background-repeat: no-repeat;
  background-size: 100%;
  z-index: -1;
}

[data-theme-color="blue"] .cardUnit-productlistContents[data-bg="productlistCertification"]::after {
  background-image: url(../img/static/security/bg_productlist_01.png);
}

#UsefulInformation .w2_subtitle,
#UsefulInformation .w2_slide_subtitle {
  color: var(--simple-blue);
}

.card-productlistContents .productlistContents__feature {
  position: relative;
  margin: 15px auto;
}

.card-productlistContents .productlistContents__feature::before {
  content: "";
  position: absolute;
  height: 5px;
  width: 100%;
  background: #1b5dcb;
  bottom: 0;
}

#Main.w2_page-productlist .cardUnit-productlistContents .card-productlistContents .productlistContents__subText p {
  position: relative;
}

#Main.w2_page-productlist .cardUnit-productlistContents .card-productlistContents .productlistContents__subText p::before {
  content: "";
  position: absolute;
  background: #1b5dcb;
}

.w2_productlistContents {
  background: url(../img/static/productlist/plugin_bg.png) no-repeat;
  background-size: 100%;
}

@media (min-width: 768px) {

  /* ===============================================
    * CSS変数 *
  =============================================== */
  :root {
    --width-full: min(100%, 1280px);
    --width-content: min(77.7%, 1120px);
  }

  /* ===============================================
    * タイトルテキスト *
  =============================================== */

  /* ===============================================
    * EPのFV用 *
  =============================================== */
  .w2_fv__text--catch {
    padding: min(calc((4 / 1440 * 100) * 1vw), 4px) 0;
    font-size: min(calc((18 / 1440 * 100) * 1vw), 18px);
    line-height: 1.6;
  }

  .w2_fv__text--catch::before {
    right: min(calc((-50 / 1440 * 100) * 1vw), -50px);
    width: 50vw;
    -webkit-clip-path: polygon(3% 0%, 100% 0%, 97% 100%, 0% 100%);
    clip-path: polygon(3% 0%, 100% 0%, 97% 100%, 0% 100%);
  }

  #FirstView.w2_firstview-lower {
    padding-top: 5.41667vw;
  }

  .lowerMv .lowerMv-text {
    top: 2.77778vw;
  }

  .lowerMv .lowerMv-text .text-serviceName {
    font-size: .97222vw;
    line-height: 1.6;
  }

  .lowerMv .lowerMv-text .block--mvtext-ttl::before {
    height: 6.94444vw;
  }

  .lowerMv .lowerMv-text .block--mvtext-ttl .block--mvtext-ttl__inner {
    height: 6.94444vw;
    padding: 0 38.19444vw 0 6vw;
  }

  .lowerMv .lowerMv-text .block--mvtext-ttl .block--mvtext-ttl__inner .mvtext-sub {
    font-size: 1.11111vw;
  }

  .lowerMv .lowerMv-text .block--mvtext-ttl .block--mvtext-ttl__inner .mvtext-ttl {
    font-size: 2.36111vw;
  }

  .lowerMv .lowerMv-text .text-serviceInfo {
    font-size: 1.25vw;
    padding-right: 38.19444vw;
    width: 38.88889vw;
    margin-top: 1.80556vw;
  }

  .lowerMv .lowerMv-text .text-serviceInfo.text-serviceInfo--decoration::after {
    width: 9.47917vw;
    height: 10.57569vw;
    bottom: -4.16667vw;
    left: -13.88889vw;
  }

  .w2_productlistContents {
    padding-bottom: calc((120/ 1440) * 100 * 1vw);
  }

  #Main.w2_page-productlist .cardUnit-productlistContents {
    width: 77.77778vw;
    margin-top: 4.16667vw;
    margin-bottom: 5.55556vw;
  }

  #Main.w2_page-productlist .cardUnit-productlistContents .card-productlistContents {
    box-shadow: 0 10px 10px rgba(51, 51, 51, .15);
    padding: 1.73611vw;
    box-sizing: border-box;
  }

  #Main.w2_page-productlist .cardUnit-productlistContents .card-productlistContents .productlistContents__main {
    text-align: center;
  }

  .card-productlistContents h3 {
    font-size: 1.25vw;
    line-height: 2.08333vw;
    text-align: center;
    font-weight: bold;
  }

  .card-productlistContents .productlistContents__main-img {
    height: calc((45 / 1440) * 100 * 1vw);
    width: auto;
    margin-top: calc((20/ 1440) * 100 * 1vw);
  }

  #Main.w2_page-productlist .cardUnit-productlistContents .card-productlistContents .productlistContents__subText {
    position: relative;
    padding-left: 1.5vw;
  }

  #Main.w2_page-productlist .cardUnit-productlistContents .card-productlistContents .productlistContents__subText p {
    position: relative;
    font-size: 1vw;
    line-height: 2.08333vw;
  }

  #Main.w2_page-productlist .cardUnit-productlistContents .card-productlistContents .productlistContents__subText p::before {
    content: "";
    position: absolute;
    left: -1.2vw;
    right: -1.2vw;
    width: 1vw;
    height: 1vw;
    background: #1b5dcb;
    top: 0.6vw;
  }

  .cardUnit-productlistContents[data-bg="productlistCertification"]::after {
    width: 10.41667vw;
    right: -4.16667vw;
    bottom: -3.47222vw;
  }
}


@media (min-width: 1440px) {

  .cardUnit {
    width: 77.77778vw;
    margin-top: 2.98611vw;
  }

  .cardUnit .card {
    box-shadow: 0 10px 30px rgba(51, 51, 51, .15);
  }


  #FirstView.w2_firstview-lower {
    padding-top: 78px;
  }

  .lowerMv .lowerMv-text {
    top: 40px;
  }

  .lowerMv .lowerMv-text .text-serviceName {
    font-size: 14px;
    line-height: 1.8;
  }

  .lowerMv .lowerMv-text .block--mvtext-ttl::before {
    height: 100px;
  }

  .lowerMv .lowerMv-text .block--mvtext-ttl .block--mvtext-ttl__inner {
    height: 100px;
    padding: 0 42vw 0 6vw;
  }

  .lowerMv .lowerMv-text .block--mvtext-ttl .block--mvtext-ttl__inner .mvtext-sub {
    font-size: 16px;
  }

  .lowerMv .lowerMv-text .block--mvtext-ttl .block--mvtext-ttl__inner .mvtext-ttl {
    font-size: 36px;
  }

  .lowerMv .lowerMv-text .text-serviceInfo {
    font-size: 20px;
    width: 560px;
    padding-right: 42vw;
    margin-top: 30px;
  }

  .lowerMv .lowerMv-text .text-serviceInfo.text-serviceInfo--decoration::after {
    width: 136.5px;
    height: 152.29px;
    bottom: -8.33333vw;
    left: -8.33333vw;
  }

  #Main.w2_page-productlist .cardUnit-productlistContents {
    margin-top: 4.16667vw;
    margin-bottom: 80px;
  }

  #Main.w2_page-productlist .cardUnit-productlistContents .card-productlistContents {
    box-shadow: 0 10px 30px rgba(51, 51, 51, .15);
  }

  #Main.w2_page-productlist .cardUnit-productlistContents .card-productlistContents .productlistContents__subText p {
    font-size: 1vw;
    line-height: 2.08333vw;
  }
}

@media (max-width: 767px) {

  /* ===============================================
    * CSS変数 *
  =============================================== */
  :root {
    --width-content: min(92%, 690px);
    --padding-horizontal: calc((40 / 750) * 100%);
  }

  /* ===============================================
    * EC構築支援サービス *
  =============================================== */

  .cardUnit {
    width: var(--width-content);
    margin-top: 8vw;
    margin-bottom: 80px;
  }

  .cardUnit {
    flex-wrap: wrap;
  }

  .cardUnit[data-cardUnit-col="3"] {
    width: 89.2vw;
    gap: 5.33333vw 5.82959%;
  }

  .cardUnit[data-cardUnit-col="4"] {
    width: 89.2vw;
    gap: 5.33333vw 5.82959%;
  }

  .cardUnit .card {
    border-radius: 1.33333vw;
  }

  .cardUnit .card[data-card-col="3"] {
    width: 47.0852%;
  }

  .cardUnit .card[data-card-col="4"] {
    width: 47.0852%;
  }

  .cardUnit .card::before {
    height: 5px;
  }

  [data-theme-color="blue"] [data-bg="true"]::after {
    background-image: url(../img/static/common/support_bottom_blue.png);
  }

  /* ===============================================
    * EPのFV用 *
  =============================================== */
  .w2_fv__text--catch {
    z-index: 2;
    margin-bottom: 2.93333vw;
    font-size: 2.93333vw;
    line-height: 2.73;
    text-align: center;
  }

  .w2_fv__text--catch::before {
    left: 0;
    width: 91%;
    -webkit-clip-path: polygon(0 0, 100% 0%, 95% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 95% 100%, 0% 100%);
  }

  #FirstView.w2_firstview-lower {
    padding-top: 17.33333vw;
  }

  .lowerMv {
    flex-direction: column-reverse;
  }

  .lowerMv .lowerMv-text {
    width: 100%;
    position: static;
    z-index: 0;
    margin-top: 8vw;
    margin-bottom: 13.33333vw;
  }

  .lowerMv .lowerMv-text .text-serviceName {
    font-size: 3.2vw;
    text-align: center;
    padding-left: 0;
    margin-bottom: 4vw;
  }

  .lowerMv .lowerMv-text .block--mvtext-ttl .block--mvtext-ttl__inner {
    -webkit-clip-path: unset;
    clip-path: unset;
    background: unset;
  }

  .lowerMv .lowerMv-text .block--mvtext-ttl .block--mvtext-ttl__inner .mvtext-sub {
    font-size: 3.46667vw;
    text-align: center;
    padding: 0 2.66667vw;
    margin-bottom: 3.73333vw;
  }

  .lowerMv .lowerMv-text .block--mvtext-ttl .block--mvtext-ttl__inner .mvtext-ttl {
    position: relative;
    font-size: 6vw;
    overflow-x: hidden;
  }

  .lowerMv .lowerMv-text .block--mvtext-ttl .block--mvtext-ttl__inner .mvtext-ttl::after {
    content: "";
    display: block;
    width: 100%;
    height: .53333vw;
    background: var(--gradient-blue);
  }

  .lowerMv .lowerMv-text .block--mvtext-ttl .block--mvtext-ttl__inner .mvtext-ttl span {
    text-align: center;
    display: block;
    -webkit-clip-path: polygon(8% 0, 100% 0%, 92% 100%, 0% 100%);
    clip-path: polygon(8% 0, 100% 0%, 92% 100%, 0% 100%);
    background: #fff;
    padding: 1.33333vw 0;
    margin: 0 auto;
  }

  .lowerMv .lowerMv-text .block--mvtext-ttl .block--mvtext-ttl__inner .mvtext-ttl span+span {
    margin-top: 1.33333vw;
  }

  .lowerMv .lowerMv-text .block--mvtext-ttl .block--mvtext-ttl__inner .mvtext-ttl.mvtext-ttl-consulting::after {
    content: "";
    display: block;
    margin-left: 3.6vw;
  }

  .lowerMv .lowerMv-text .block--mvtext-ttl .block--mvtext-ttl__inner .mvtext-ttl.mvtext-ttl-consulting span {
    width: 93.33333vw;
    margin-left: 3.6vw;
  }

  .lowerMv .lowerMv-text .block--mvtext-ttl .block--mvtext-ttl__inner .mvtext-ttl.mvtext-ttl-design::after {
    content: "";
    display: block;
    margin-left: 3.6vw;
  }

  .lowerMv .lowerMv-text .block--mvtext-ttl .block--mvtext-ttl__inner .mvtext-ttl.mvtext-ttl-design span {
    width: 93.33333vw;
    margin-left: 3.6vw;
  }

  .lowerMv .lowerMv-text .block--mvtext-ttl .block--mvtext-ttl__inner .mvtext-ttl.mvtext-ttl-customer::after {
    content: "";
    display: block;
    margin-left: 8vw;
  }

  .lowerMv .lowerMv-text .block--mvtext-ttl .block--mvtext-ttl__inner .mvtext-ttl.mvtext-ttl-customer span {
    width: 84vw;
    margin-left: 8vw;
  }

  .lowerMv .lowerMv-text .text-serviceInfo {
    font-size: 3.46667vw;
    padding: 0 8vw;
    margin-top: 4vw;
  }

  .lowerMv .lowerMv-img {
    width: 100%;
  }

  #Main.w2_page-productlist .cardUnit-productlistContents .card-productlistContents {
    border-radius: 1.33333vw;
  }

  #Main.w2_page-productlist .cardUnit-productlistContents .card-productlistContents .productlistContents__subText p {
    line-height: 1.6;
  }

  .cardUnit-productlistContents[data-bg="productlistCertification"] {
    position: static;
  }

  .cardUnit-productlistContents[data-bg="productlistCertification"]::after {
    display: none;
  }
}

.cardUnit-productlistplatform li .productlistPlatform__subText p::before {
  content: "";
  position: absolute;
  width: 1vw;
  height: 1vw;
  left: 0;
  top: 50%;
}

.cardUnit-productlistplatform {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.cardUnit-productlistplatform li {
  background: #fff;
  box-shadow: 0 10px 30px rgba(51, 51, 51, .15);
}

.cardUnit-productlistplatform li h3 {
  color: #fff;
  font-weight: bold;
  text-align: center;
  padding: 10px 0;
}

.cardUnit-productlistplatform li .productlistPlatform__main {
  text-align: center;
}

.cardUnit-productlistplatform li .productlistPlatform__subText p {
  position: relative;
}

@media (min-width: 768px) {

  .cardUnit-productlistplatform li {
    width: calc(100% / 4.3);
  }

  .cardUnit-productlistplatform li h3 {
    font-size: 1.25vw;
    line-height: 2.08333vw;
    padding: 1.73611vw;
  }

  .cardUnit-productlistplatform li .productlistPlatform__main {
    padding: 1.73611vw;
  }

  .cardUnit-productlistplatform li .productlistPlatform__main img {
    width: auto;
    height: 5vw;
  }

  .cardUnit-productlistplatform li .productlistPlatform__subText {
    line-height: 2.08333vw;
    padding: 1.73611vw;
  }

  .cardUnit-productlistplatform li .productlistPlatform__subText p {
    font-size: 1vw;
    padding-left: 0.25vw;
  }

  .cardUnit-productlistplatform li .productlistPlatform__subText p::before {
    width: 1vw;
    height: 1vw;
    left: -1vw;
    top: 0.5vw;
  }


}

#Unified .productlistPlatform__subText p::before {
  background: #006F86;
}

#Repeat .productlistPlatform__subText p::before {
  background: #FB6020;
}

#Btob .productlistPlatform__subText p::before {
  background: #05149C;
}

#Asia .productlistPlatform__subText p::before {
  background: #AF0032;
}


#Unified h3 {
  background: var(--gradient-green);
}

#Repeat h3 {
  background: var(--gradient-orange)
}

#Btob h3 {
  background: var(--gradient-blue);
}

#Asia h3 {
  background: linear-gradient(90deg, #AF0032 0%, #C80032 20%, #E30000 40%, #FF0000 60%, #FC3E38 80%, #FF0076 100%);
}

.cv_area {
  margin: 0 auto;
  margin-top: calc((80 / 1440) * 100 * 1vw);
  width: calc((464 / 1440) * 100 * 1vw);
}

.cv_area a {
  display: block;
  width: 100%;
}

.cv_area a img {
  width: 100%;
}

@media (min-width: 1920px) {
  .card-productlistContents .productlistContents__main-img {
    height: 45px;
    margin-top: 20px;
  }

  .cv_area {
    margin-top: 80px;
    width: 464px;
  }

  #Main.w2_page-productlist .cardUnit-productlistContents .card-productlistContents .productlistContents__subText p::before {
    width: 15px;
    height: 15px;
    left: -25px;
    top: 7px;
  }

  #Main.w2_page-productlist .cardUnit-productlistContents .card-productlistContents .productlistContents__subText {
    padding-left: 30px;
    line-height: 2.08333vw;
  }
}

@media (max-width: 767px) {

  #Main.w2_page-productlist {
    background-repeat: no-repeat;
    background-image: url(../img/static/lower-common/lower_bg_head_sp.png);
    background-size: contain;
    aspect-ratio: 1595/750;
  }

  .productlistPlatform__main-img {
    width: auto;
  }

  .cardUnit-productlistplatform {
    gap: 30px;
  }

  .cardUnit-productlistplatform li .productlistPlatform__main {
    margin-top: 5vw;
  }

  .cardUnit-productlistplatform li {
    line-height: 1.6;
  }

  .productlistPlatform__subText {
    padding: 0 5vw 5vw;
  }

  .cardUnit-productlistplatform li .productlistPlatform__subText p {
    padding-left: 25px;
  }

  .productlistPlatform__feature {
    padding: 5vw;
  }

  .card-productlistContents h3 {
    font-size: 18px;
    text-align: center;
    font-weight: bold;
    line-height: 1.8;
  }

  .cardUnit-productlistplatform li .productlistPlatform__subText p::before {
    width: 15px;
    height: 15px;
    left: 0;
    top: 2px;
  }

  #Main.w2_page-productlist .cardUnit-productlistContents .card-productlistContents {
    box-sizing: border-box;
    padding: 5vw;
  }

  #Main.w2_page-productlist .cardUnit-productlistContents {
    display: flex;
    flex-direction: column;
    gap: 30px;
    margin-top: 45px;
    margin-bottom: 0;
  }

  .card-productlistContents .productlistContents__main {
    max-width: 50vw;
    margin: 0 auto;
    margin-top: 30px;
  }

  .card-productlistContents .productlistContents__main-img {
    height: auto;
    width: 100%;
    padding: auto;
    box-sizing: border-box;
  }

  #Main.w2_page-productlist .cardUnit-productlistContents .card-productlistContents .productlistContents__subText {
    padding-left: 25px;
  }

  #Main.w2_page-productlist .cardUnit-productlistContents .card-productlistContents .productlistContents__subText p::before {
    content: "";
    width: 15px;
    height: 15px;
    left: -25px;
    top: 2px;
  }


  .cardUnit-productlistplatform li {
    width: 100%;
  }

  .w2_productlistContents {
    padding-bottom: 80px;
  }

  .cv_area {
    width: 77vw;
    margin-top: 30px;
  }


  .w2_productlistContents {
    background: url(../img/static/chooseus/bg3_sp.png) repeat-y;
    background-size: 100% auto;
  }

}

#comedia img {
  max-width: 12vw;
  height: auto;
}

@media (max-width: 767px) {
  #comedia img {
    max-width: 100%;
    height: auto;
  }
}

@media (min-width: 1920px) {
  #comedia img {
    max-width: 160px;
  }
}