@charset "utf-8";
.page-device .new-product p {
    text-align: justify;
    font-feature-settings: "palt" 1;
    letter-spacing: 0.1em;
    line-height: 2;
    color: #4d4d4d;
    font-weight: 500;
    font-size: 14px;
}
.page-device .device-ttl {
 margin-top: 100px;
 font-size: 2.6rem;
 font-weight: 700;
}
.wibinar_flex_wrapper {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
}
.wibinar_flex_col6 {
    width: calc(100% / 2 - 30px);
}
.wibinar_flex_col6 a {
    display: block;
}
.wibinar_flex_col6 h2.pttl_style2 {
    font-size: 20px;
    letter-spacing: 0.05em;
    padding-bottom: 0;
    margin-bottom: 30px;
}
.wibinar_flex_col6 h2.pttl_style2 span {
    display: block;
    font-size: 15px;
    letter-spacing: 0.1em;
    margin-top: 16px;
}
.wibinar_flex_col6 h2.pttl_style2::after {
    content: none;
}
span.font13 {
    display: block;
    font-size: 13px;
}
span.red {
    color: #f00;
}
.bottomlink-bannerarea h2 {
    padding-bottom: 20px;
    font-size: 34px;
    letter-spacing: 0.15em;
    font-weight: 700;
    color: #fff;
    text-align: center;
    position: relative;
}
.bottomlink-bannerarea .flex a {
    display: block;
    margin: 0 auto;
}

@media screen and (max-width: 750px) {
  .page-device .new-product p {
      line-height: 1.8;
  }
  .wibinar_flex_col6 {
      width: 100%;
  }
  .wibinar_flex_col6 h2.pttl_style2 {
      font-size: 16px;
      letter-spacing: 0.01em;
      margin-bottom: 20px;
      line-height: 1.4;
  }
  .wibinar_flex_col6 h2.pttl_style2 span {
      font-size: 14px;
      letter-spacing: 0.05em;
      margin-top: 10px;
  }

}

.page-device .device-box .links a:last-child {
 margin-left: 20px;
}
.page-device .device-box a.arrow {
 position: relative;
 display: inline-block;
 padding: 0 0 0 18px;
 color: #283138;
 vertical-align: middle;
 text-decoration: underline;
 font-size: 1.3rem;
}
.page-device .device-box a.arrow:hover {
 text-decoration: none;
}
.page-device .device-box a.arrow::before, .page-device .device-box a.arrow::after {
 content: "";
 position: absolute;
 top: 0;
 bottom: 0;
 left: 0;
 margin: auto;
 vertical-align: middle;
}
.page-device .device-box a.arrow::before {
 width: 14px;
 height: 14px;
 border-radius: 50%;
 background-color: #283138;
}
.page-device .device-box a.arrow::after {
 left: 4px;
 width: 5px;
 height: 5px;
 border-top: 1px solid #fff;
 border-right: 1px solid #fff;
 -webkit-transform: rotate(45deg);
 transform: rotate(45deg);
}
.page-device .device-box li {
 position: relative;
 margin-top: 50px;
}
.page-device .device-box li:nth-child(n+2) {
 padding-top: 50px;
 border-top: 1px solid #ddd;
}
.page-device .device-box li:last-child {
 padding-bottom: 50px;
 border-bottom: 1px solid #ddd;
}
@media screen and (max-width: 750px) {
 .page-device .device-box li {
  position: relative;
  margin-top: 25px;
 }
 .page-device .device-box li:nth-child(n+2) {
  padding-top: 25px;
 }
 .page-device .device-box li:last-child {
  padding-bottom: 25px;
 }
}
.page-device .device-box h4 {
 font-size: 18px;
 font-weight: 700;
}
.page-device .device-box h4 span {
 display: block;
 font-size: 14px;
 color: #777;
}
.page-device .device-box li .txt p {
 padding: 15px 0;
}
@media screen and (min-width: 751px) {
 .page-device .device-box .txt {
  margin-right: 270px;
 }
}
@media screen and (max-width: 750px) {
 .page-device .device-box h4 {
  font-size: 15px;
 }
 .page-device .device-box h4 span {
  font-size: 12px;
 }
 .page-device .device-box li .txt p {
  content: "";
  display: block;
  clear: both;
 }
 .page-device .device-box li .device-link {
  text-align: center;
 }
}
.page-device .device-label {
 display: flex;
 justify-content: flex-start;
 margin-top: 80px;
 background-color: #E6E8EB;
}
.page-device .device-label span {
 display: block;
 padding: 5px 15px 5px;
 background-color: #4b4b4b;
 font-size: 18px;
 font-weight: 700;
 color: #fff;
 letter-spacing: .1em;
}
@media screen and (max-width: 750px) {
 .page-device .device-label {
  margin-top: 50px;
 }
 .page-device .device-label span {
  font-size: 15px;
 }
}

@media screen and (max-width: 359px) {
  .under-box .pttl_style2 {
      font-size: 20px;
  }
}

/* 2024.03.27 追記ｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰ */
span.red a {
  color: #f00;
  text-decoration: underline;
}

span.red a:hover {
  text-decoration: none;
}