@font-face {
  font-family: 'fontello';
  src: url("../../brand_common/font/fontello.eot?78752234");
  src: url("../../brand_common/font/fontello.eot?78752234#iefix") format("embedded-opentype"), url("../../brand_common/font/fontello.woff?78752234") format("woff"), url("../../brand_common/font/fontello.ttf?78752234") format("truetype"), url("../../brand_common/font/fontello.svg?78752234#fontello") format("svg");
  font-weight: normal;
  font-style: normal; }
@media only screen and (max-width: 1299px) {
  .hide_sp {
    display: none; } }

.hide_pc {
  display: none; }
  @media only screen and (max-width: 1299px) {
    .hide_pc {
      display: block; } }

main {
  width: 100%;
  text-align: center; }
  main section {
    width: 100%;
    max-width: 1240px;
    margin: 0 auto;
    padding: 0 0 120px; }
    @media only screen and (max-width: 1299px) {
      main section {
        width: calc(100% - 30px);
        margin: 0 15px; } }
    main section h1 {
      font-size: 3rem;
      font-weight: 700;
      line-height: 1; }
      @media only screen and (max-width: 1299px) {
        main section h1 {
          font-size: 2rem;
          line-height: 1.3; } }
    main section .date {
      font-size: 1.6rem;
      margin: 30px 0 0; }
      @media only screen and (max-width: 1299px) {
        main section .date {
          font-size: 1.4rem;
          margin: 15px 0 0; } }
    main section .lead {
      font-size: 1.6rem;
      line-height: 1.6;
      margin: 30px 0 0; }
      @media only screen and (max-width: 1299px) {
        main section .lead {
          font-size: 1.4rem;
          line-height: 1.5;
          text-align: left;
          margin: 15px 0 0; } }
    main section .box_tag {
      font-size: 0;
      text-align: center;
      margin: 30px 0 0; }
      @media only screen and (max-width: 1299px) {
        main section .box_tag {
          margin: 15px 0 0; } }
      main section .box_tag .tag {
        position: relative;
        display: inline-block;
        vertical-align: middle;
        width: 160px; }
        @media only screen and (max-width: 1299px) {
          main section .box_tag .tag {
            width: 120px; } }
        main section .box_tag .tag p {
          font-size: 1.4rem;
          line-height: 1.2;
          color: #888;
          padding: 0 0 8px; }
        main section .box_tag .tag img {
          display: block;
          width: 160px; }
          @media only screen and (max-width: 1299px) {
            main section .box_tag .tag img {
              width: 120px; } }
        main section .box_tag .tag:nth-child(2) {
          margin: 0 0 0 60px; }
          @media only screen and (max-width: 1299px) {
            main section .box_tag .tag:nth-child(2) {
              margin: 0 0 0 32px; } }
          main section .box_tag .tag:nth-child(2):before {
            position: absolute;
            top: 50%;
            left: -45px;
            transform: translateY(-50%);
            font-family: "fontello";
            font-style: normal;
            font-weight: normal;
            speak: none;
            display: inline-block;
            text-decoration: inherit;
            width: auto;
            text-align: center;
            content: '\E809';
            font-size: 3.6rem;
            color: #ccc; }
            @media only screen and (max-width: 1299px) {
              main section .box_tag .tag:nth-child(2):before {
                left: -24px;
                font-size: 2rem; } }
    main section .box_list {
      font-size: 0;
      width: calc(100% + 100px);
      margin: 30px -50px 0; }
      @media only screen and (max-width: 1299px) {
        main section .box_list {
          display: block;
          width: 100%;
          margin: 15px 0 0; } }
      main section .box_list .list {
        display: inline-block;
        vertical-align: top;
        width: calc(50% - 20px);
        border-bottom: solid #999 1px;
        margin: 0 10px; }
        @media only screen and (max-width: 1299px) {
          main section .box_list .list {
            width: 100%;
            margin: 0; } }
        main section .box_list .list li {
          font-size: 0;
          text-align: left;
          border: solid #999 1px;
          border-bottom: none; }
          main section .box_list .list li:nth-child(odd) {
            background: #f0f0f0; }
          main section .box_list .list li span {
            display: inline-block;
            font-size: 1.5rem;
            font-weight: 400;
            padding: 7px 6px 6px; }
            @media only screen and (max-width: 1299px) {
              main section .box_list .list li span {
                font-size: 1.4rem;
                line-height: 1.2; } }
            main section .box_list .list li span:nth-child(1) {
              width: 78px;
              font-weight: 500;
              line-height: 1; }
              @media only screen and (max-width: 1299px) {
                main section .box_list .list li span:nth-child(1) {
                  display: block;
                  width: auto;
                  font-weight: 700;
                  padding: 6px 0 0 6px; } }
            @media only screen and (max-width: 1299px) {
              main section .box_list .list li span:nth-child(2) {
                padding: 2px 0 4px 6px; } }
            @media only screen and (max-width: 1299px) {
              main section .box_list .list li span:nth-child(3) {
                padding: 6px 0 0; } }
          main section .box_list .list li.first {
            background: #888 !important; }
            main section .box_list .list li.first div {
              display: inline-block;
              font-size: 1.5rem;
              font-weight: 500;
              color: #fff;
              background: transparent !important;
              padding: 7px 7px 6px; }
              @media only screen and (max-width: 1299px) {
                main section .box_list .list li.first div {
                  font-size: 1.4rem; } }
              main section .box_list .list li.first div.hide_pc {
                display: none; }
                @media only screen and (max-width: 1299px) {
                  main section .box_list .list li.first div.hide_pc {
                    display: inline-block; } }
              main section .box_list .list li.first div:nth-child(1) {
                width: 78px;
                font-weight: 500;
                line-height: 1; }
                @media only screen and (max-width: 1299px) {
                  main section .box_list .list li.first div:nth-child(1) {
                    width: auto;
                    font-weight: 400;
                    padding: 6px 0 0 6px; } }
              @media only screen and (max-width: 1299px) {
                main section .box_list .list li.first div:nth-child(2) {
                  padding: 2px 0 4px; } }
              @media only screen and (max-width: 1299px) {
                main section .box_list .list li.first div:nth-child(3) {
                  padding: 6px 0 0; } }
      @media only screen and (max-width: 1299px) {
        main section .box_list .list + .list {
          margin: -1px 0 0; } }