@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Fjalla+One&display=swap");
.p-lnav {
  position: relative;
  display: flex; }
  @media screen and (max-width: 1279px) {
    .p-lnav {
      flex-wrap: wrap;
      justify-content: center;
      margin-bottom: 16px; } }
  @media screen and (min-width: 1280px) {
    .p-lnav {
      justify-content: center;
      margin-bottom: 40px;
      max-width: 1200px;
      margin-left: auto;
      margin-right: auto; } }
  .p-lnav a {
    display: block;
    position: relative;
    color: #fff;
    background: rgba(0, 0, 0, 0.4);
    text-align: center;
    box-sizing: border-box;
    border: solid 1px #666; }
    @media screen and (max-width: 1279px) {
      .p-lnav a {
        font-size: 14px;
        width: calc(50% - 10px);
        line-height: 44px;
        margin-bottom: 16px; }
        .p-lnav a:nth-of-type(2n+1) {
          margin-right: 5px; }
        .p-lnav a:nth-of-type(2n) {
          margin-left: 5px; } }
    @media screen and (min-width: 1280px) {
      .p-lnav a {
        font-size: 18px;
        width: calc(25% - 20px);
        line-height: 58px;
        margin: 0 10px; } }
    .p-lnav a:before {
      content: "";
      position: absolute;
      right: -1px;
      bottom: 0px;
      width: 10px;
      height: 10px;
      background-color: #666;
      -webkit-clip-path: polygon(100% 100%, 100% 0, 0 100%);
              clip-path: polygon(100% 100%, 100% 0, 0 100%); }
    .cnt-pkg .p-lnav a[href='pkg'], .cnt-dlStd .p-lnav a[href='dlStd'], .cnt-dlEdf .p-lnav a[href='dlEdf'], .cnt-dlUlt .p-lnav a[href='dlUlt'] {
      background: rgba(255, 255, 255, 0.4);
      cursor: auto; }

.p-buy {
  position: relative;
  display: none; }
  .cnt-pkg .p-buy#pkg, .cnt-dlStd .p-buy#dlStd, .cnt-dlEdf .p-buy#dlEdf, .cnt-dlUlt .p-buy#dlUlt {
    display: block; }

.p-box00 {
  position: relative;
  background-repeat: repeat;
  background-position: center top;
  background-image: url("../img/news/bg.png"); }
  @media screen and (max-width: 1279px) {
    .p-box00 {
      background-size: 15px 8.5px;
      padding: .1px 20px 20px;
      margin-bottom: 65px; } }
  @media screen and (min-width: 1280px) {
    .p-box00 {
      background-size: 15px 8.5px;
      padding: 80px 40px 80px 74px;
      display: flex;
      margin-bottom: 120px;
      flex-wrap: wrap;
      max-width: 1200px;
      margin-left: auto;
      margin-right: auto;
      box-sizing: border-box; } }
  .p-box00_img {
    position: relative; }
    @media screen and (max-width: 1279px) {
      .p-box00_img {
        width: 200px;
        margin: 20px auto; } }
    @media screen and (min-width: 1280px) {
      .p-box00_img {
        width: 300px;
        margin-right: 40px; } }
    .p-box00_img .c-img00 {
      text-align: center; }
    @media screen and (max-width: 1279px) {
      .p-box00_img img[src*="/buy/pkg/img00.png"] {
        width: 155px; } }
    @media screen and (min-width: 1280px) {
      .p-box00_img img[src*="/buy/pkg/img00.png"] {
        width: 246px; } }
  .p-box00_body {
    position: relative; }
    @media screen and (min-width: 1280px) {
      .p-box00_body {
        flex: 1 1; } }
    @media screen and (max-width: 1279px) {
      .p-box00_body .p-ttl00 {
        margin-bottom: 20px; } }
    @media screen and (min-width: 1280px) {
      .p-box00_body .p-ttl00 {
        margin-bottom: 25px; } }
    @media screen and (max-width: 1279px) {
      .p-box00_body .p-ttl01 {
        margin: 45px 0 17px; } }
    @media screen and (min-width: 1280px) {
      .p-box00_body .p-ttl01 {
        margin: 50px 0 20px; } }
  .p-box00_btn {
    position: relative;
    display: flex;
    flex-wrap: wrap; }
    @media screen and (max-width: 1279px) {
      .p-box00_btn {
        flex-wrap: wrap;
        justify-content: center;
        margin-bottom: -16px; } }
    @media screen and (min-width: 1280px) {
      .p-box00_btn {
        justify-content: flex-start;
        margin-bottom: -20px; } }
    @media screen and (max-width: 1279px) {
      .p-box00_btn .c-btn00 {
        width: calc(50% - 10px);
        margin-bottom: 16px; }
        .p-box00_btn .c-btn00:nth-of-type(2n+1) {
          margin-right: 10px; }
        .p-box00_btn .c-btn00:nth-of-type(2n) {
          margin-left: 10px; } }
    @media screen and (min-width: 1280px) {
      .p-box00_btn .c-btn00 {
        width: calc(33.333% - 20px);
        margin-right: 20px;
        margin-bottom: 20px; }
        .p-box00_btn .c-btn00:last-of-type {
          margin-right: 0; } }
  .p-box00_sub {
    position: relative;
    width: 100%; }
    @media screen and (max-width: 1279px) {
      .p-box00_sub {
        margin-top: 35px; } }
    @media screen and (min-width: 1280px) {
      .p-box00_sub {
        margin-top: 90px; } }
    @media screen and (max-width: 1279px) {
      .p-box00_sub p.c-txt00 {
        margin-bottom: 20px; } }
    @media screen and (min-width: 1280px) {
      .p-box00_sub p.c-txt00 {
        margin-bottom: 40px; } }
    .p-box00_sub .p-imgs {
      margin-bottom: 0 !important; }
      @media screen and (max-width: 1279px) {
        .p-box00_sub .p-imgs {
          margin-top: 20px; } }
      @media screen and (min-width: 1280px) {
        .p-box00_sub .p-imgs {
          margin-top: 40px; } }

.p-box01 {
  position: relative; }
  @media screen and (max-width: 1279px) {
    .p-box01 {
      padding: .1px 20px;
      margin-bottom: 65px; } }
  @media screen and (min-width: 1280px) {
    .p-box01 {
      padding: .1px 120px;
      margin-bottom: 120px; } }
  .p-box01:last-of-type {
    margin-bottom: 0 !important; }
  .p-box01 .c-h3 {
    font-weight: bold; }
    html[lang="ja"] .p-box01 .c-h3 {
      font-family: 'Noto Sans', 'Noto Sans JP', sans-serif; }
    @media screen and (max-width: 1279px) {
      .p-box01 .c-h3 {
        margin-left: -20px; } }
    @media screen and (min-width: 1280px) {
      .p-box01 .c-h3 {
        margin-left: -120px; } }
  .p-box01 .c-txt00 {
    margin-bottom: 2em; }
  @media screen and (max-width: 1279px) {
    .p-box01 .c-h4 {
      margin-bottom: 16px; } }
  @media screen and (min-width: 1280px) {
    .p-box01 .c-h4 {
      margin-bottom: 20px; } }
  @media screen and (max-width: 1279px) {
    .p-box01 .c-h4-pre {
      padding-top: 40px; } }
  @media screen and (min-width: 1280px) {
    .p-box01 .c-h4-pre {
      padding-top: 80px; } }
  .p-box01 .c-h4-pre:first-of-type {
    padding-top: 0; }

.p-ttl00 {
  position: relative;
  font-weight: bold;
  line-height: 1.5; }
  @media screen and (max-width: 1279px) {
    .p-ttl00 {
      font-size: 16px;
      padding-bottom: 15px; } }
  @media screen and (min-width: 1280px) {
    .p-ttl00 {
      font-size: 24px;
      padding-bottom: 20px; } }
  .p-ttl00:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px; }
    @media screen and (max-width: 1279px) {
      .p-ttl00:after {
        background: linear-gradient(90deg, white, rgba(255, 255, 255, 0)); } }
    @media screen and (min-width: 1280px) {
      .p-ttl00:after {
        width: 960px;
        background: linear-gradient(90deg, white, rgba(255, 255, 255, 0) 80%); } }

.p-ttl01 {
  position: relative;
  font-weight: bold;
  line-height: 1.5;
  background: url("../img/buy/bg_ttl01.png") no-repeat left center;
  font-weight: normal; }
  @media screen and (max-width: 1279px) {
    .p-ttl01 {
      padding-left: 98px;
      background-size: 87px 11px; } }
  @media screen and (min-width: 1280px) {
    .p-ttl01 {
      background-size: 174px 22px;
      padding-left: 184px; } }

.p-smry {
  position: relative;
  border: solid 1px #fff; }
  @media screen and (max-width: 1279px) {
    .p-smry {
      padding: 0px 20px 20px;
      margin-bottom: 16px; } }
  @media screen and (min-width: 1280px) {
    .p-smry {
      padding: 30px 20px 32px 120px;
      margin-bottom: 40px; } }
  .p-smry_ttl {
    color: #000;
    background-color: #fff;
    text-align: center;
    letter-spacing: .1em;
    font-weight: bold; }
    @media screen and (max-width: 1279px) {
      .p-smry_ttl {
        margin: 16px 0 12px -20px;
        line-height: 25px;
        width: 75px;
        font-size: 10px; } }
    @media screen and (min-width: 1280px) {
      .p-smry_ttl {
        position: absolute;
        left: 0;
        top: 32px;
        line-height: 30px;
        width: 100px;
        font-size: 14px; } }
  .p-smry_list {
    position: relative;
    margin-bottom: 0 !important; }
    @media screen and (min-width: 1280px) {
      .p-smry_list {
        margin-top: 3px; } }
    .p-smry_list li {
      position: relative;
      margin-bottom: .5em; }
      .p-smry_list li:last-of-type {
        margin-bottom: 0; }
      .p-smry_list li small {
        font-size: 75%;
        margin-left: .5em; }
    .p-smry_list--disc {
      list-style: disc;
      list-style-position: outside;
      padding-left: 1em; }
    .p-smry_list--y {
      color: #d7d727; }
      .p-smry_list--y span, .p-smry_list--y .c-txt01 {
        color: #fff; }
      .p-smry_list--y li {
        margin-bottom: 1em; }
    .p-smry_list--num li {
      padding-left: 1.1em; }
      .p-smry_list--num li:before {
        position: absolute;
        left: 0;
        top: 0; }
      .p-smry_list--num li:nth-of-type(1):before {
        content: "①"; }
      .p-smry_list--num li:nth-of-type(2):before {
        content: "②"; }
      .p-smry_list--num li:nth-of-type(3):before {
        content: "③"; }
      .p-smry_list--num li:nth-of-type(4):before {
        content: "④"; }
      .p-smry_list--num li:nth-of-type(5):before {
        content: "⑤"; }
      .p-smry_list--num li:nth-of-type(6):before {
        content: "⑥"; }
      .p-smry_list--num li:nth-of-type(7):before {
        content: "⑦"; }
      .p-smry_list--num li:nth-of-type(8):before {
        content: "⑧"; }
      .p-smry_list--num li:nth-of-type(9):before {
        content: "⑨"; }
      .p-smry_list--num li:nth-of-type(10):before {
        content: "⑩"; }
      .p-smry_list--num li:nth-of-type(11):before {
        content: "⑪"; }
      .p-smry_list--num li:nth-of-type(12):before {
        content: "⑫"; }
      .p-smry_list--num li:nth-of-type(13):before {
        content: "⑬"; }
      .p-smry_list--num li:nth-of-type(14):before {
        content: "⑭"; }
      .p-smry_list--num li:nth-of-type(15):before {
        content: "⑮"; }
      .p-smry_list--num li:nth-of-type(16):before {
        content: "⑯"; }

.p-imgs {
  position: relative; }
  @media screen and (min-width: 1280px) {
    .p-imgs {
      display: flex;
      margin-bottom: 35px; } }
  @media screen and (max-width: 1279px) {
    .p-imgs .c-img00 {
      margin-bottom: 16px; } }
  @media screen and (min-width: 1280px) {
    .p-imgs .c-img00 {
      width: calc(33.333% - 13.333px);
      margin-right: 20px; }
      .p-imgs .c-img00:last-of-type {
        margin-right: 0; } }
  @media screen and (min-width: 1280px) {
    .p-imgs_body {
      flex: 1 1; } }
  @media screen and (max-width: 1279px) {
    .p-imgs_body .c-btn00 {
      width: 255px;
      margin: 0 auto 32px; } }
  @media screen and (min-width: 1280px) {
    .p-imgs_body .c-btn00 {
      width: 240px; } }