@charset "utf-8";
/* reset */
.lp-section p {
  margin-bottom: auto;
}
/* border-wrap */
.lp-border-wrap {
  margin: 20px auto 0;
  max-width: 850px;
  width: 100%;
  border: 1px solid #c8c8c8;
}
/* h1 */
h1 {
  margin: 38px auto;
  text-align: center;
  font-weight: normal;
  font-size: 65px;
}
h1 .lp-lead {
  display: block;
  font-size: 45px;
}
h1 .lp-read-red {
  color: #c20415;
}
/* lp-section */
.lp-section {
  overflow: hidden;
  margin: 0 auto 50px;
  padding: 0 30px;
}
.lp-section h2 {
  margin-bottom: 30px;
  padding: 5px 10px;
  color: #fff;
  text-align: center;
  font-weight: normal;
  font-size: 33px;
}
.lp-section.of-before h2 {
  background: #878787;
}
.lp-section.of-after h2 {
  background: #c20415;
}
.lp-section.of-details h2 {
  color: #000;
  font-size: 28px;
}
.lp-section.of-details .flex_box .flex_item:nth-child(2) {
  padding: 0 20px;
}
.lp-section.of-details p {
  font-size: 28px;
}
/* flex_box */
.flex_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.flex_box .flex_item ol {
  margin-left: 40px;
  font-size: 30px;
}
.flex_box .flex_item ol li {
  margin-bottom: 10px;
  padding: 10px 20px;
}
.lp-section.of-before .flex_box .flex_item ol li {
  border: 1px solid #e7e7e7;
}
.lp-section.of-after .flex_box .flex_item ol li {
  border: 1px solid #6c63a7;
}
.lp-section .flex_box .flex_item .cap {
  margin-left: 40px;
}
/* bottomThumbArea */
.lp-section .bottomThumbArea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 50px 0;
}
.lp-section .bottomThumbArea .bottomThumbArea-image {
  margin-right: 60px;
  border: 1px solid #ccc;
}
.lp-section .bottomThumbArea .bottomThumbArea-image img {
  vertical-align: middle;
}
.lp-section .bottomThumbArea .bottomThumbArea-lead {
  font-size: 28px;
  line-height: 1.4em;
}

@media screen and (max-width: 849px) {
  .lp-section {
    padding: 0 5vw;
  }
  .flex_box {
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;

    -webkit-box-orient: vertical;
  }
  .flex_box .flex_item ol {
    margin-top: 30px;
    margin-left: 0;
  }
  .lp-section .flex_box .flex_item .cap {
    margin-left: 0;
  }
  .lp-section.of-details .flex_box .flex_item:nth-child(2) {
    margin-top: 30px;
    padding: 0;
    text-align: center;
  }
}