@charset "UTF-8";
*:focus {
  outline: none; }

/*-----------------------------------*/
.wrapper .priceBox {
  margin-top: 60px;
  padding-bottom: 100px; }
  .wrapper .priceBox .ttl {
    margin-bottom: 65px; }
  .wrapper .priceBox .yearPrice {
    border: 2px solid #ff8297;
    margin: 0 auto 40px;
    width: 40%; }
    .wrapper .priceBox .yearPrice th {
      font-weight: bold;
      background-color: #ff8297;
      color: #fff;
      padding: 8px 15px;
      font-size: 18px;
      text-align: center; }
    .wrapper .priceBox .yearPrice td {
      font-size: 16px;
      padding: 8px 15px;
      text-align: center; }
  .wrapper .priceBox p.category {
    font-size: 18px;
    font-weight: bold;
    margin: 30px 0 5px;
    /*color: #ff8297;*/ }
    .wrapper .priceBox p.category:before {
      content: "●";
      color: #ff8297;
      position: relative;
      margin-right: 5px; }
  .wrapper .priceBox p.First {
    margin-top: 0; }
  .wrapper .priceBox .List .left {
    float: left;
    width: 480px;
    margin-right: 40px; }
  .wrapper .priceBox .List .right {
    float: right;
    width: 480px; }
  .wrapper .priceBox .List dl {
    padding-bottom: 5px;
    margin-bottom: 9px;
    border-bottom: 2px solid #e7e7e7; }
    .wrapper .priceBox .List dl dt {
      float: left;
      font-size: 16px;
      font-weight: bold; }
    .wrapper .priceBox .List dl dd {
      float: right;
      font-size: 14px; }
  .wrapper .priceBox .last dl {
    margin-bottom: 0; }
  .wrapper .priceBox .attention {
    font-size: 12px;
    margin-top: 15px;
    line-height: 1.5; }
@media screen and (max-width: 1000px) {
  .wrapper .priceBox {
    width: 94%;
    margin: 10% 3% 0;
    padding-bottom: 10%; }
    .wrapper .priceBox .ttl {
      margin-bottom: 5%; }
    .wrapper .priceBox .yearPrice {
      margin: 0 auto 5%;
      width: 70%; }
    .wrapper .priceBox .List .left {
      width: 49%;
      margin-right: 2%; }
    .wrapper .priceBox .List .right {
      width: 49%; }
    .wrapper .priceBox .List dl {
      padding-left: 1%;
      padding-bottom: 2.5%;
      margin-bottom: 3%; }
      .wrapper .priceBox .List dl dt {
        width: 68%;
        margin-right: 1%;
        line-height: 1.4; }
      .wrapper .priceBox .List dl dd {
        width: 31%;
        text-align: right;
        line-height: 1.4; }
    .wrapper .priceBox .last dl {
      margin-bottom: 0; }
    .wrapper .priceBox .attention {
      margin-top: 2%; } }
@media screen and (max-width: 767px) {
  .wrapper .priceBox {
    padding-bottom: 20%; }
    .wrapper .priceBox .yearPrice {
      margin: 0 auto 5%;
      width: 100%; }
      .wrapper .priceBox .yearPrice th {
        font-size: 16px; }
      .wrapper .priceBox .yearPrice td {
        font-size: 14px; }
    .wrapper .priceBox p.category {
      font-size: 16px;
      margin-bottom: 10px; }
    .wrapper .priceBox .List .left {
      width: 100%;
      margin-right: 0;
      float: none; }
    .wrapper .priceBox .List .right {
      width: 100%;
      float: none; }
    .wrapper .priceBox .List dl {
      padding-left: 1%;
      padding-bottom: 2%;
      margin-bottom: 2%; }
      .wrapper .priceBox .List dl dt {
        width: 100%;
        margin-right: 0;
        float: none; }
      .wrapper .priceBox .List dl dd {
        width: 100%;
        float: none; }
    .wrapper .priceBox .last .left dl {
      margin-bottom: 2%; }
    .wrapper .priceBox .attention {
      margin-top: 2%; } }