main #mainV .catch h1 {
  max-width: 40%;
}
@media screen and (max-width: 1279px) and (min-width: 768px) {
  main #mainV .catch h1 {
    max-width: 45%;
  }
}
@media screen and (max-width: 767px) {
  main #mainV .catch h1 {
    max-width: 65%;
  }
}
@media screen and (max-width: 320px) {
  main #mainV .catch h1 {
    max-width: 70%;
  }
}
@media screen and (max-width: 767px) {
  main .blk#achievement {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    flex-direction: column;
  }
}
@media screen and (max-width: 767px) {
  main .blk#achievement h5.heading {
    order: 1;
  }
}
@media screen and (max-width: 767px) {
  main .blk#achievement p {
    order: 2;
  }
}
@media (min-width: 768px) {
  main .blk#achievement img {
    float: right;
    margin: 0 0 3% 3%;
  }
}
@media screen and (max-width: 767px) {
  main .blk#achievement img {
    order: 3;
    margin: 2% 3%;
  }
}
main .blk#flow ul {
  margin: 1% auto;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flexbox;
  display: -moz-flexbox;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
}
@media (min-width: 768px) {
  main .blk#flow ul {
    justify-content: space-between;
    flex-wrap: wrap;
  }
}
@media (min-width: 1151px) {
  main .blk#flow ul {
    width: 1150px;
  }
}
@media (max-width: 1150px) {
  main .blk#flow ul {
    width: 96%;
  }
}
@media screen and (max-width: 767px) {
  main .blk#flow ul {
    flex-direction: column;
    width: 98%;
  }
}
main .blk#flow ul li {
  position: relative;
}
@media (min-width: 768px) {
  main .blk#flow ul li {
    width: 48%;
    margin-bottom: 3.5em;
  }
}
@media screen and (max-width: 767px) {
  main .blk#flow ul li {
    margin-bottom: 3em;
  }
}
main .blk#flow ul li p.no {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0;
  max-width: 102px;
}
@media screen and (max-width: 1279px) and (min-width: 1024px) {
  main .blk#flow ul li p.no {
    width: 15%;
  }
}
@media screen and (max-width: 1023px) and (min-width: 768px) {
  main .blk#flow ul li p.no {
    width: 19%;
  }
}
main .blk#flow ul li p.no strong {
  font-weight: normal;
  position: absolute;
  top: 35%;
  left: 0;
  width: 100%;
  display: block;
  text-align: center;
  color: #FFF38A;
  font-family: 'Josefin Sans', sans-serif;
  font-weight: 200;
  font-size: 1.7em;
}
@media screen and (max-width: 1279px) and (min-width: 1024px) {
  main .blk#flow ul li p.no strong {
    font-size: 1.5em;
  }
}
@media screen and (max-width: 1023px) and (min-width: 768px) {
  main .blk#flow ul li p.no strong {
    top: 32%;
    font-size: 1.4em;
  }
}
@media screen and (max-width: 767px) {
  main .blk#flow ul li p.no strong {
    font-size: 1.5em;
  }
}
main .blk#flow ul li p.no picture {
  position: relative;
}
main .blk#flow ul li p.sample {
  height: 7em;
  content: "";
  border: solid 1px #000;
  margin-left: 20%;
}
@media screen and (max-width: 767px) {
  main .blk#flow ul li p.sample {
    margin-left: 23%;
  }
}
main .blk#flow ul li p > img {
  margin-left: 20%;
}
@media screen and (max-width: 767px) {
  main .blk#flow ul li p > img {
    margin-left: 23%;
  }
}
main .blk#flow ul li p.txt {
  margin: 0.7em 0 0 21%;
  font-size: 0.95em;
}
@media screen and (max-width: 767px) {
  main .blk#flow ul li p.txt {
    margin-left: 23%;
    font-size: 0.9em;
  }
}
main .blk#price {
  background-color: #CFE9FF;
  padding: 3% 0;
  margin-bottom: 0;
}
@media screen and (max-width: 767px) {
  main .blk#price {
    margin: 0;
    padding: 4% 3%;
  }
}
main .blk#price h5.heading::before {
  vertical-align: middle;
  color: #0055A2;
}
main .blk#price ul {
  margin-top: 2%;
}
@media (min-width: 1280px) {
  main .blk#price ul {
    margin-right: 8%;
    margin-left: 8%;
  }
}
@media screen and (max-width: 1279px) and (min-width: 768px) {
  main .blk#price ul {
    margin-right: 3%;
    margin-left: 3%;
  }
}
@media screen and (max-width: 767px) {
  main .blk#price ul {
    margin: 3% 3% 0;
  }
}
main .blk#price ul li {
  margin-bottom: 0.5em;
}
@media (min-width: 768px) {
  main .blk#price ul li {
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    background-color: #fff;
  }
}
@media screen and (max-width: 767px) {
  main .blk#price ul li {
    margin-bottom: 0.9em;
  }
}
main .blk#price ul li strong {
  font-weight: normal;
  color: #fff;
  text-align: center;
  background-color: #0055A2;
  padding: 0.5em 0;
  width: 11em;
}
@media screen and (max-width: 767px) {
  main .blk#price ul li strong {
    position: relative;
    display: block;
    padding: 0.3em 0;
  }
}
@media screen and (max-width: 767px) {
  main .blk#price ul li strong::after {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(0, 85, 162, 0);
    border-top-color: #0055a2;
    border-width: 5px;
    margin-left: -5px;
  }
}
main .blk#price ul li span {
  padding: 0.5em 1.2em;
}
@media screen and (max-width: 767px) {
  main .blk#price ul li span {
    display: block;
    background-color: #fff;
    padding: 0.3em 1em;
  }
}