/** page visual
================================= **/
.pv-ttl {
  width: 224px;
}

.pv-logo {
  width: 272px;
}

.pv-brand {
  width: 268px;
}

.nav-head_ttl {
  width: 275px;
}

.mb0 {
  margin-bottom: 0px !important;
}

/** section feature
================================= **/
.section-feature_mn {
  padding: 110px 0px 130px;
}

.feature_mn-ttl {
  max-width: 420px;
  margin: 0 auto 80px;
}

.feature_mn-list {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.feature_mn-list li {
  width: 33.3333%;
  text-align: center;
  padding: 0px 20px;
  margin-bottom: 30px;
  position: relative;
}

.feature_mn-list li:after {
  position: absolute;
  content: '';
  width: 1px;
  height: 80%;
  left: 0;
  top: 10%;
  background: #000;
}

.feature_mn-list li:nth-child(3):before, .feature_mn-list li:nth-child(5):before {
  position: absolute;
  content: '';
  right: 0;
  width: 1px;
  height: 80%;
  right: 0;
  top: 10%;
  background: #000;
}

.feature_mn-list__icon {
  width: 55px;
  display: block;
  margin: 0 auto 10px;
}

.feature_mn-list__ttl {
  font-size: 1.8rem;
  margin-bottom: 10px;
}

.feature_mn-list__desc {
  font-size: 1.3rem;
}

/** section price
================================ **/
.plan-list {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  margin: 0 0 100px -36px;
}

.plan-list li {
  width: -webkit-calc(33.3333% - 36px);
  width: -moz-calc(33.3333% - 36px);
  width: calc(33.3333% - 36px);
  margin-left: 36px;
  background: #fff;
  padding: 10px;
}

.plan-feature {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  margin-bottom: 95px;
}

.plan-feature li {
  width: 25%;
  padding: 0px 25px;
  position: relative;
}

.plan-feature li:after {
  position: absolute;
  content: '';
  left: 0;
  top: 0;
  width: 1px;
  height: 100%;
  background: #000;
}

.plan-feature li:last-child:before {
  position: absolute;
  content: '';
  right: 0;
  top: 0;
  width: 1px;
  height: 100%;
  background: #000;
}

.plan-feature__icon {
  width: 60px;
  margin: 0 auto 20px;
}

.plan-feature__ttl {
  text-align: center;
  font-size: 1.6rem;
  font-weight: normal;
  margin-bottom: 15px;
}

.section-price .box-title {
  margin-bottom: 50px;
}

.section-price .box-title .head-ttl {
  margin-bottom: 15px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
     -moz-box-orient: vertical;
     -moz-box-direction: reverse;
      -ms-flex-flow: column-reverse;
          flex-flow: column-reverse;
}

.section-price .box-title .head-ttl:after {
  top: 35px;
}

.section-price .box-title .head-ttl_lbl {
  margin-bottom: 7px;
  display: inline-block;
}

.section-price .box-title .head-ttl_sub {
  margin-bottom: 0;
}

.section-price .box-title .head-ttl_sub img {
  width: 256px;
}

.section-price .box-title p {
  -ms-flex-item-align: end;
      align-self: flex-end;
  font-size: 1.6rem;
}

@media screen and (max-width: 768px) {
  .pv-ttl {
    width: 29.0625vw;
  }
  .pv-logo {
    width: 35.46875vw;
  }
  .pv-brand {
    width: 30.3125vw;
  }
  .nav-head_ttl {
    width: 35.625vw;
  }
  .mb0 {
    margin-bottom: 0px !important;
  }
  /** section feature
================================= **/
  .section-feature_mn {
    padding: 0 0 31.25vw;
  }
  .feature_mn-ttl {
    max-width: 100%;
    width: 77.5vw;
    margin: 0 auto 10.9375vw;
  }
  .feature_mn-list {
    display: block;
  }
  .feature_mn-list li {
    width: 100%;
    padding: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    text-align: left;
  }
  .feature_mn-list li:after, .feature_mn-list li:before {
    background: none;
    width: 0;
    height: 0;
  }
  .feature_mn-list li:nth-child(3):before, .feature_mn-list li:nth-child(5):before {
    background: none;
    width: 0;
    height: 0;
  }
  .feature_mn-list__icon {
    width: 20.625vw;
    margin: 0 7.03125vw 0 0;
  }
  .feature_mn-list__ttl {
    font-size: 4.21875vw;
    margin-bottom: 2.34375vw;
  }
  .feature_mn-list__desc {
    font-size: 3.125vw;
  }
  .feature_mn-list__ctn {
    width: -webkit-calc(100% - 27.65625vw);
    width: -moz-calc(100% - 27.65625vw);
    width: calc(100% - 27.65625vw);
  }
  /** section price
================================ **/
  .plan-list {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    margin: 0 0 21.875vw 0;
  }
  .plan-list li {
    width: 100%;
    margin-left: 0;
    background: #fff;
    padding: 2.8125vw;
  }
  .plan-list li:not(:last-child) {
    margin-bottom: 11.5625vw;
  }
  .plan-feature {
    margin: 0 -6.25vw;
  }
  .plan-feature li {
    width: 50%;
    padding: 0 3.125vw;
    margin-bottom: 1.5625vw;
  }
  .plan-feature li:after {
    background: none;
    width: 0;
    height: 0;
  }
  .plan-feature li:last-child:before {
    background: none;
    width: 0;
    height: 0;
  }
  .plan-feature__icon {
    width: 10.15625vw;
    margin: 0 auto 3.125vw;
  }
  .plan-feature__ttl {
    font-size: 2.8125vw;
    margin-bottom: 2.34375vw;
  }
  .plan-feature__desc {
    font-size: 2.8125vw;
  }
  .section-price .box-title {
    margin-bottom: 9.375vw;
  }
  .section-price .box-title .head-ttl {
    margin-bottom: 13.28125vw;
  }
  .section-price .box-title .head-ttl:after {
    top: auto;
  }
  .section-price .box-title .head-ttl_lbl {
    margin-bottom: 2.34375vw;
  }
  .section-price .box-title .head-ttl_sub {
    margin-bottom: 0;
  }
  .section-price .box-title .head-ttl_sub img {
    width: 42.1875vw;
  }
  .section-price .box-title p {
    font-size: 3.125vw;
  }
}