sup {
  top: -0.75em;
  position: relative;
  margin-right: 0.5rem;
}

.c5-c-mainvisual {
  background: #393E52;
  width: 100vw;
  margin: 0 calc(50% - 50vw);
}

.c5-c-mainvisual__kv {
  font-weight: bold;
  color: #fff;
  font-size: calc(32 / 1200 * 100vw);
  padding: calc(40 / 1200* 100vw) 30px;
  width: 92%;
  max-width: 1160px;
  line-height: 1.5;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: calc(40 / 1200 * 100vw);
}


.c5-strong_mainlead {
  font-size: calc(26 / 1200 * 100vw);
  line-height: 1.5;
  width: 100%;
  max-width: 1200px;
}

.c5-strong {
  margin-bottom: calc(40 / 1200 * 100vw);
}

.c5-strong_img {
  margin-bottom: calc(50 / 1200 * 100vw);
}

.c5-c-sec .c5-row {
  margin-top: calc(20 / 1200 * 100vw);
}

.c5-strong_img .c5-row {
  margin-top: calc(20 / 1200 * 100vw);
}

.c5-strong_img_note {
  margin-bottom: calc(20 / 1200 * 100vw);
}

.c5-strong_list {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  width: 100%;
  max-width: 1028px;
  margin: 0 auto;
}

.c5-strong_item {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: 100%;
  max-width: 336px;
  color: #fff;
  background: #2E3A3E;
  padding: 16px;
}

.c5-strong_item::after {
  content: '';
  background: url(/bravia-biz/signage/aitrios/img/ico-arr-botttom.svg) no-repeat center center / 100%;
  background-size: contain;
  display: block;
  width: 10px;
  height: 10px;
}

.c5-c-text_note {
  font-size: 16px;
  line-height: 1.5;
  font-weight: normal;
  color: #2F353D;
  text-indent: -1em;
  padding-left: 1em;
}

.c5-c-sec_flexWrap {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: calc(60 / 1200 * 100vw);
}

.c5-c-sec_flexItem {
  width: calc(100% / 2);
}

h3.c5-c-h3 {
  color: #2E3A3E;
  border-left: 4px solid #2E3A3E;
  position: relative;
  font-size: calc(24 / 1200 * 100vw);
  line-height: 1.5;
  padding-left: 15px;
  padding-bottom: 1.25%;
  margin-bottom: 2.91667%;
}

.c5-c-sec_flexItem__item {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  margin-bottom: calc(16 / 1200 * 100vw);
}

.c5-c-sec_flexItem__item img {
  width: calc(80 / 1200 * 100vw);
  height: calc(80 / 1200 * 100vw);
  display: block;
}

.c5-c-sec_flexItem__item p {
  font-size: calc(20 / 1200 * 100vw);
  line-height: 1.5;
  font-weight: normal;
}

.c5-c-cards {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  max-width: 1200px;
  margin: calc(40 / 1200 * 100vw) auto 0;
  padding: 3px;
}

.c5-c-cards_item {
  width: calc(100% - 32px / 3);
  box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.2);
}

.c5-c-cards_item ul .c5-c-cards_item_lead {
  font-size: calc(24 / 1200 * 100vw);
  line-height: 1.5;
  padding: calc(20 / 1200 * 100vw) 0;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}

.c5-c-cards_item ul .c5-c-cards_item_text {
  font-size: calc(16 / 1200 * 100vw);
  line-height: 1.5;
  padding: calc(20 / 1200 * 100vw) 0;
  font-weight: bold;
  text-align: center;
}

.c5-c-cards_item ul .c5-c-cards_item_img img {
  width: 100%;
  max-width: 312px;
  margin: 0 auto;
}

.c5-c-cards_item:nth-child(1) ul .c5-c-cards_item_lead {
  background: #133F7D;
}

.c5-c-cards_item:nth-child(3) ul .c5-c-cards_item_lead {
  background: #318C39;
}

.c5-c-cards_item:nth-child(5) ul .c5-c-cards_item_lead {
  background: #A1215E;
}

.c5-c-cards_item:nth-child(1) ul .c5-c-cards_item_text {
  color: #133F7D;
}

.c5-c-cards_item:nth-child(3) ul .c5-c-cards_item_text {
  color: #318C39;
}

.c5-c-cards_item:nth-child(5) ul .c5-c-cards_item_text {
  color: #A1215E;
}

.c5-ico-arr-blue {
  margin: 0 10px;
  width: 46px;
  height: 32px;
}

.c5-ico-arr-blue img {
  width: 16px;
  height: 32px;
}

.c5-c-mb-40 {
  margin-bottom: calc(40 / 1200 * 100vw);
}

h3.c5-c-mb-40 {
  margin-bottom: calc(40 / 1200 * 100vw);
}

.c5-c-mt-40 {
  margin-top: calc(40 / 1200 * 100vw);
}

.c5-comparing_wrap {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.c5-comparing_wrap:nth-child(1) .c5-comparing_title {
  background-color: rgba(196, 53, 118, 1);
  color: #fff;
  font-size: calc(24 / 1200 * 100vw);
  line-height: 1.5;
  padding: calc(30 / 1200 * 100vw) 0 calc(30 / 1200 * 100vw) calc(36 / 1200 * 100vw);
}

.c5-comparing_wrap:nth-child(1) .c5-comparing_text {
  background-color: rgba(196, 53, 118, 0.1);
  color: #2F353D;
  font-size: calc(16 / 1200 * 100vw);
  line-height: 1.5;
  padding: calc(20 / 1200 * 100vw) 0 calc(20 / 1200 * 100vw) calc(16 / 1200 * 100vw);
}

.c5-comparing_wrap:nth-child(2) .c5-comparing_title {
  background: rgba(1, 121, 172, 1);
  color: #fff;
  font-size: calc(24 / 1200 * 100vw);
  line-height: 1.5;
  padding: calc(30 / 1200 * 100vw) 0 calc(30 / 1200 * 100vw) calc(36 / 1200 * 100vw);
}

.c5-comparing_wrap:nth-child(2) .c5-comparing_text {
  background: rgba(1, 121, 172, 0.1);
  color: #2F353D;
  font-size: calc(16 / 1200 * 100vw);
  line-height: 1.5;
  padding: calc(20 / 1200 * 100vw) 0 calc(20 / 1200 * 100vw) calc(16 / 1200 * 100vw);
}

.c5-comparing_wrap .c5-comparing_title {
  width: 16.67vw;
}

.c5-comparing_wrap .c5-comparing_text {
  width: 83.17vw;
}

.c5-c-cards.c5-c-cards_no-color ul .c5-c-cards_item_lead,
.c5-c-cards.c5-c-cards_no-color ul .c5-c-cards_item_text {
  background: none;
  color: #2F353D;
}

.c5-c-cards.c5-c-cards_no-color ul .c5-c-cards_item_text {
  font-weight: normal;
  line-height: 1.5;
}


.c5-c-cards.c5-c-cards_no-color ul .c5-c-cards_item_text span {
  display: block;
  margin: 10px auto;
  text-align: center;
}

.c5-c-cards.c5-c-cards_no-color ul .c5-c-cards_item_img {
  max-width: 120px;
  margin: 0 auto;
}

.c5-c-cards.c5-c-cards_no-color ul .c5-c-cards_item_img.c5-card-large-img {
  max-width: 312px;
}

.c5-c-cards.c5-c-cards_no-color .c5-c-cards_item ul {
  padding: calc(30 / 1200 * 100vw);
  padding-top: 0;
}

.c5-c-sec {
  margin-bottom: calc(80 / 1200 * 100vw);
}

.c5-c-h2 {
  border-bottom: 1px solid #2F353D;
}

.c5-c-text_note_no-indent {
  text-indent: 0;
  padding-left: 0;
}

@media only screen and (min-width: 1201px) {
  .c5-c-mainvisual__kv {
    font-size: 32px;
    padding: 40px 0;
    margin-bottom: 40px;
  }

  .c5-strong_mainlead {
    font-size: 26px;
  }

  .c5-strong {
    margin-bottom: 40px;
  }

  .c5-strong_img {
    margin-bottom: 50px;
  }

  .c5-strong_img .c5-row {
    margin-top: 20px;
  }

  .c5-c-sec .c5-row {
    margin-top: 20px;
  }

  .c5-strong_img_note {
    margin-bottom: 20px;
  }

  .c5-c-sec_flexWrap {
    gap: 60px;
  }

  .c5-c-sec_flexItem__item {
    margin-bottom: 16px;
  }

  .c5-c-sec_flexItem__item p {
    font-size: 20px;
  }

  .c5-c-sec_flexItem__item img {
    width: 80px;
    height: 80px;
    display: block;
  }

  h3.c5-c-h3 {
    font-size: 24px;
  }

  .c5-c-cards_item ul .c5-c-cards_item_lead {
    font-size: 24px;
    padding: 20px 0;
  }

  .c5-c-cards_item ul .c5-c-cards_item_text {
    font-size: 16px;
    padding: 20px 0;
  }

  .c5-c-cards {
    margin-top: 40px;
  }

  .c5-c-mb-40 {
    margin-bottom: 40px;
  }

  h3.c5-c-mb-40 {
    margin-bottom: 40px;
  }

  .c5-c-mt-40 {
    margin-top: 40px;
  }

  .c5-comparing_wrap .c5-comparing_title {
    width: 16.67vw;
  }

  .c5-comparing_wrap .c5-comparing_text {
    width: 83.17vw;
    line-height: 1.5;
  }

  .c5-comparing_wrap:nth-child(1) .c5-comparing_title {
    font-size: 24px;
    padding: 30px 0 30px 36px;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    display: flex;
    align-items: center;
  }

  .c5-comparing_wrap:nth-child(1) .c5-comparing_text {
    font-size: 16px;
    padding: 20px 0 20px 16px;
    border-left: 1px solid #fff;
    border-bottom: 1px solid #fff;
    display: flex;
    align-items: center;
  }

  .c5-comparing_wrap:nth-child(2) .c5-comparing_title {
    font-size: 24px;
    padding: 30px 0 30px 36px;
    border-right: 1px solid #fff;
    border-top: 1px solid #fff;
    display: flex;
    align-items: center;
  }

  .c5-comparing_wrap:nth-child(2) .c5-comparing_text {
    font-size: 16px;
    padding: 20px 0 20px 16px;
    border-left: 1px solid #fff;
    border-top: 1px solid #fff;
    display: flex;
    align-items: center;
  }

  .c5-c-cards.c5-c-cards_no-color .c5-c-cards_item ul {
    padding: 30px;
    padding-top: 0;
  }

  .c5-c-sec {
    margin-bottom: 80px;
  }
}

@media only screen and (max-width: 768px) {
  sup {
    top: -0.15em;
  }

  .c5-c-mainvisual__kv {
    font-size: 20px;
    padding: calc(40 / 390 * 100vw) 20px;
    width: 89%;
    margin-bottom: calc(40 / 390 * 100vw);
  }

  .c5-strong_mainlead {
    font-size: calc(18 / 390 * 100vw);
  }

  .c5-strong {
    margin-bottom: calc(40 / 390 * 100vw);
  }

  .c5-strong_img {
    margin-bottom: calc(50 / 390 * 100vw);
  }

  .c5-strong_list {
    flex-direction: column;
  }

  .c5-c-sec .c5-row {
    margin-top: calc(20 / 390 * 100vw);
  }

  .c5-strong_img .c5-row {
    margin-top: calc(20 / 390 * 100vw);
  }

  .c5-strong_img_note {
    margin-bottom: calc(20 / 390 * 100vw);
  }

  .c5-c-text_note {
    font-size: 14px;
  }

  .c5-c-sec_flexWrap {
    gap: calc(20 / 390 * 100vw);
    flex-direction: column;
  }

  h3.c5-c-h3 {
    font-size: calc(18 / 390 * 100vw);
    padding-left: calc(6 / 390 * 100vw);
    margin-bottom: 5.07246%;
  }

  .c5-c-sec_flexItem__item img {
    width: calc(56 / 390 * 100vw);
    height: calc(56 / 390 * 100vw);
    display: block;
  }

  .c5-c-sec_flexItem {
    width: 100%;
  }

  .c5-c-sec_flexItem__item {
    margin-bottom: calc(16 / 390 * 100vw);
  }

  .c5-c-sec_flexItem__item p {
    font-size: calc(14 / 390 * 100vw);
    font-weight: normal;
  }

  .c5-c-cards {
    flex-direction: column;
    margin-top: calc(40 / 390 * 100vw);
  }

  .c5-c-cards_item {
    width: 100%;
  }

  .c5-c-cards_item ul .c5-c-cards_item_lead {
    font-size: calc(18 / 390 * 100vw);
    padding: 20px 0;
  }

  .c5-c-cards_item ul .c5-c-cards_item_text {
    font-size: calc(16 / 390 * 100vw);
    padding: calc(20 / 390 * 100vw) 0;
  }

  .c5-ico-arr-blue {
    margin: 10px 0 20px 0;
    width: 46px;
    height: 32px;
  }

  .c5-ico-arr-blue img {
    margin: 10px 0;
    width: 46px;
    height: 32px;
  }

  .c5-c-mb-40 {
    margin-bottom: calc(20 / 390 * 100vw);
  }

  h3.c5-c-mb-40 {
    margin-bottom: calc(20 / 390 * 100vw);
  }

  .c5-c-mt-40 {
    margin-top: calc(20 / 390 * 100vw);
  }

  .c5-comparing_wrap:nth-child(1) .c5-comparing_title {
    background-color: rgba(196, 53, 118, 1);
    color: #fff;
    font-size: calc(18 / 390 * 100vw);
    padding: calc(15 / 390 * 100vw);
  }

  .c5-comparing_wrap:nth-child(1) .c5-comparing_text {
    background-color: rgba(196, 53, 118, 0.1);
    color: #2F353D;
    font-size: calc(14 / 390 * 100vw);
    padding: calc(15 / 390 * 100vw);
  }

  .c5-comparing_wrap:nth-child(2) .c5-comparing_title {
    background: rgba(1, 121, 172, 1);
    color: #fff;
    font-size: calc(18 / 390 * 100vw);
    padding: calc(15 / 390 * 100vw);
  }

  .c5-comparing_wrap:nth-child(2) .c5-comparing_text {
    background: rgba(1, 121, 172, 0.1);
    color: #2F353D;
    font-size: calc(14 / 390 * 100vw);
    padding: calc(15 / 390 * 100vw);
  }

  .c5-comparing_wrap .c5-comparing_title,
  .c5-comparing_wrap .c5-comparing_text {
    width: 92%;
    border: 0;
  }

  .c5-comparing_wrap {
    flex-direction: column;
  }

  .c5-c-cards.c5-c-cards_no-color ul .c5-c-cards_item_img.c5-card-large-img {
    max-width: 624px;
  }

  .c5-c-cards.c5-c-cards_no-color ul .c5-c-cards_item_img.c5-card-large-img img {
    max-width: 624px;
  }

  .c5-c-cards.c5-c-cards_no-color .c5-c-cards_item ul {
    padding: calc(15 / 390 * 100vw);
    padding-top: 0;
  }

}