@media screen and (min-width: 569px) {
  #netIndex article section {
    margin: 0; }
  #netIndex article h2 {
    margin: 20px 0 10px 0; } }

#netIndex .box-wrapper {
  background: #fff; }

#netIndex .btn-area .btn-outer {
  margin: 20px auto 0;
  width: 308px;
  max-width: 308px;
  -webkit-border-radius: 2px;
          border-radius: 2px;
  background: #8cc13d; }
  #netIndex .btn-area .btn-outer .btn-inner {
    display: block;
    margin: 0 auto;
    padding: 14px;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    text-decoration: none; }
    #netIndex .btn-area .btn-outer .btn-inner > span {
      display: inline-block;
      *zoom: 1;
      *display: inline;
      background: url(/net/images/ico-arrow-white-sp-01.gif);
      *background: url(/net/images/ico-arrow-white-pc-01.gif);
      background: url(/net/images/ico-arrow-white-pc-01.gif)\9;
      background-size: 6px auto;
      background-repeat: no-repeat;
      background-position: left center;
      padding-left: 22px; }
      #netIndex .btn-area .btn-outer .btn-inner > span .mark-blank {
        padding-left: 5px;
        padding-bottom: 2px;
        width: 12px;
        height: auto; }
    #netIndex .btn-area .btn-outer .btn-inner:hover > span {
      text-decoration: underline; }

#netIndex .campaign-box {
  margin-top: 20px;
  color: #f35151; }
  #netIndex .campaign-box .campaign-title {
    font-size: 13px;
    font-weight: bold;
    padding: 10px 0 10px 30px;
    background: url(/net/images/ico-campaign-pc-01.png);
    background-repeat: no-repeat;
    background-position: left center; }
  #netIndex .campaign-box .campaign-detail {
    margin-top: 5px;
    font-weight: bold;
    padding: 10px;
    background: #ffe5e5;
    color: #f35151; }

    #netIndex .campaign-box .campaign-detail .list.mark > li {
      padding-left: 5px;
      background: url(/net/images/campaign-mark-sp-01.gif);
      *background: url(/net/images/campaign-mark-pc-01.gif);
      background: url(/net/images/campaign-mark-pc-01.gif)\9;
      background-size: 3px auto;
      background-repeat: no-repeat;
      background-position: left 6px;
      *background-position: left 7px;
      background-position: left 7px\9; }

@media screen and (max-width: 568px) {
  #netIndex .w-auto {
    width: 100% !important;
    height: auto !important; }
  #netIndex .box-wrapper {
    width: auto;
    padding: 0; }
    #netIndex .box-wrapper + .box-wrapper {
      margin-top: 30px; }
    #netIndex .box-wrapper .box-inner .box-Title {
      padding: 5px 8px;
      font-size: 14px;
      color: #023893;
      border-left: 4px solid #8cc13d; }
      #netIndex .box-wrapper .box-inner .box-Title + * {
        margin-top: 10px; }
      #netIndex .box-wrapper .box-inner .box-Title .main-title {
        color: #000; }
      #netIndex .box-wrapper .box-inner .box-Title .font-larger {
        font-size: 22px;
        font-weight: bold;
        line-height: 1.2; }
    #netIndex .box-wrapper .box-inner .text-area {
      padding: 10px 5px 0;
      font-size: 12px; }
  #netIndex .pc-col-02.img-smaller > .col:first-child > a {
    display: block; }
    #netIndex .pc-col-02.img-smaller > .col:first-child > a img {
      max-width: 60%;
      height: auto; }
  #netIndex .campaign-box .campaign-title {
    font-size: 13px;
    background: url(/net/images/ico-campaign-sp-01.png);
    background-size: 28px auto;
    background-repeat: no-repeat;
    background-position: left center;
    *background-image: url(/net/images/ico-campaign-pc-01.png);
    background-image: url(/net/images/ico-campaign-pc-01.png)\9;
  }
  #netIndex .btn-area {
    width: 84%;
    margin: 20px auto 0; }
    #netIndex .btn-area .btn-outer .btn-inner {
      font-size: 14px;
      padding: 10px 14px; }

  .sp-mt-18 {
  margin-top: 18px !important; } }

@media screen and (min-width: 569px) {
  #netIndex #section-wrap {
    padding-top: 22px; }
  #netIndex .full-img {
    border: 0;
    padding: 0; }
  #netIndex .box-wrapper {
    padding: 0 0 30px; }
    #netIndex .box-wrapper + .box-wrapper {
      margin-top: 25px; }
    #netIndex .box-wrapper .box-inner {
      position: relative; }
      #netIndex .box-wrapper .box-inner .box-Title {
        position: absolute;
        font-size: 14px;
        left: 410px; }
        #netIndex .box-wrapper .box-inner .box-Title .font-larger {
          font-size: 22px;
          font-weight: bold;
          line-height: 1.2; }
        #netIndex .box-wrapper .box-inner .box-Title .color-01 {
          color: #023893; }
      #netIndex .box-wrapper .box-inner .description {
        margin-top: 15px; }
  #netIndex .pc-col-02 > .col {
    float: left;
    width: 460px;
    margin-left: 35px;
    padding-top: 45px; }
    #netIndex .pc-col-02 > .col:first-child {
      width: 375px;
      margin-left: 0;
      padding-top: 0; }
      #netIndex .pc-col-02 > .col:first-child img {
        max-width: 375px;
        height: auto; } }

.txt-center {
  text-align: center !important; }

.pc-mt-45 {
  margin-top: 45px !important; }