@charset "UTF-8";

/* -------------------------------
common
------------------------------- */
/* main visual */
.l-content .c-mv {
  width: 950px;
  height: 200px;
  margin-bottom: 5px;
  background: url("/pr/vona/el/software_plc/img/mv.png") no-repeat 0 0;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

/* summary text */
.l-content .c-summary--text {
  margin: 30px 0;
  font-size: 15px;
  font-weight: bold;
  text-align: center;
}

/* title */
.l-content .c-section .m-h3 {
  margin-top: 54px;
}

/* image */
.l-content .c-image--left {
  margin-left: auto;
}

/* anchor links */
.l-content .c-anchorlinks {
  display: flex;
  justify-content: center;
  align-items: flex-end;
}
.l-content .c-anchorlinks li {
  width: 180px;
  margin-left: 10px;
}
.l-content .c-anchorlinks li:first-child {
  margin-left: 0;
}
.l-content .c-anchorlinks li a {
  display: block;
}
.l-content .c-anchorlinks li p {
  margin-bottom: 5px;
}

/* section */
.l-content .c-section {
  margin-top: 60px;
}
.l-content .c-section:first {
  margin-top: 50px;
}
.l-content .c-section .c-section__title {
  position: relative;
  margin-bottom: 20px;
  padding: 1px 0 5px 20px;
  border-bottom: 1px solid #333;
  font-size: 23px;
  font-weight: bold;
  line-height: 1.25;
}
.l-content .c-section .c-section__title::before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 8px;
  height: 30px;
  background-color: #0097d7;
  content: "";
}
.l-content .c-section .c-section__text,
.l-content .c-section .c-section__inner {
  padding: 0 10px;
}
.l-content .c-section .c-section__text {
  margin-bottom: 20px;
}

/* -------------------------------
contents
------------------------------- */
/* .c-comparison */
.l-content .c-section .c-comparison {
  margin-bottom: 60px;
}
.l-content .c-section .c-comparison .m-cols__1of3 {
  width: 210px;
}
.l-content .c-section .c-comparison .m-cols__2of3 {
  width: 688px;
}
.l-content .c-section .c-comparison .m-cols__2of3 p + p {
  margin-top: 20px;
}

/* .c-features */
.l-content .c-section .c-features .m-cols__1of2 p + p {
  margin-top: 20px;
}
.l-content .c-section .c-features .m-cols__1of2 .c-image {
  margin-top: 10px;
}

/* c-points */
.l-content .c-section .c-point h4,
.l-content .c-section .c-point p {
  padding-left: 10px;
}
.l-content .c-section .c-point h4 {
  margin: 40px 0 20px;
}
.l-content .c-section .c-point .c-point__list {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  margin-bottom: 5px;
}
.l-content .c-section .c-point .c-point__list li {
  width: 180px;
  margin-left: 8px;
}
.l-content .c-section .c-point .c-point__list li:first-child {
  margin-left: 0;
}
.l-content .c-section .c-point .c-point__list li p {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 70px;
  margin-top: 2px;
  padding: 0;
  background-color: #19254b;
  text-align: center;
  color: #fff;
}

/* .c-point__item--04 */
.l-content .c-section .c-point .c-point__item--04 .c-point__item__text {
  display: flex;
  margin-bottom: 5px;
}
.l-content .c-section .c-point .c-point__item--04 .c-point__item__text p,
.l-content .c-section .c-point .c-point__item--04 .c-point__item__right {
  width: 465px;
}
.l-content .c-section .c-point .c-point__item--04 .c-point__item__text p {
  padding-left: 0;
}
.l-content .c-section .c-point .c-point__item--04 .c-point__item__text p:first-child {
  position: relative;
  padding-left: 10px;
}
.l-content .c-section .c-point .c-point__item--04 .c-point__item__text p:first-child::after {
  position: absolute;
  top: 50%;
  right: 8px;
  display: block;
  width: 33px;
  height: 25px;
  transform: translateY(-50%);
  background: url("/pr/vona/el/software_plc/img/icon_arrow.png") no-repeat 0 0;
  content: "";
}
.l-content .c-section .c-point .c-point__item--04 .c-point__item__right {
  margin-left: auto;
}
.l-content .c-section .c-point .c-point__item--04 .c-point__item__right p {
  margin-bottom: 5px;
  padding-left: 0;
}
/* .c-point__07 */
.l-content .c-point__07_ttl{
  width: 240px;
  line-height: 34px;
  background-color: #adb9ca;
  font-size: 15px;
  font-weight: bold;
  text-align: center;
  padding-right: 10px;
}
.l-content .c-point__07_ttl {
  margin-left: 130px;
}