@charset "UTF-8";
/* -----------------------------------------------------
	variables
----------------------------------------------------- */
.page-title h2 {
  background: url(../img/past/ttl_line.png) bottom left/45.1rem no-repeat; }
  @media screen and (max-width: 768px) {
    .page-title h2 {
      background-image: url(../img/past/ttl_line_sp.png);
      background-size: 216px; } }

.bg-wrap {
  background: url(../img/common/bg_60.png) top -10rem center/144rem repeat-y;
  margin-top: -2rem; }
  @media screen and (max-width: 768px) {
    .bg-wrap {
      background: url(../img/common/bg_60.png) top center/cover repeat-y;
      margin-top: -5rem; } }

.archive {
  padding-bottom: 90px; }
  @media screen and (max-width: 768px) {
    .archive {
      padding-bottom: 0; } }
  .archive .lead {
    text-align: center;
    font-size: 1.8rem; }
    @media screen and (max-width: 768px) {
      .archive .lead {
        font-size: 1.5rem; } }
    .archive .lead em {
      font-style: normal;
      font-weight: 700;
      line-height: 1.89;
      color: #F7FC17; }
  .archive .box_wrap {
    margin: 60px 0 0; }
    @media screen and (max-width: 768px) {
      .archive .box_wrap {
        margin: 30px 0 0; } }
    .archive .box_wrap .box {
      border: solid 1px #707070;
      border-radius: 6px;
      background-color: #000000;
      overflow: hidden;
      padding: 0 0 30px; }
      .archive .box_wrap .box h2 {
        background-color: #ffffff;
        color: #000000;
        font-size: 1.8rem;
        line-height: 1;
        padding: 20px; }
        @media screen and (max-width: 768px) {
          .archive .box_wrap .box h2 {
            font-size: 1.6rem;
            padding: 20px 15px; } }
        .archive .box_wrap .box h2 span {
          display: -webkit-inline-box;
          display: -ms-inline-flexbox;
          display: inline-flex;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center; }
          .archive .box_wrap .box h2 span:after {
            content: "";
            display: inline-block;
            width: 1px;
            height: 14px;
            background-color: #B6B6B6;
            margin: 0 1em; }
      .archive .box_wrap .box .columns {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
        @media screen and (max-width: 768px) {
          .archive .box_wrap .box .columns {
            border-top: solid 1px #707070;
            padding: 15px 15px 30px; } }
        .archive .box_wrap .box .columns .column {
          width: 50%;
          padding: 30px 3.1315240083507305%; }
          @media screen and (max-width: 768px) {
            .archive .box_wrap .box .columns .column {
              width: 100%;
              padding: 0; } }
          .archive .box_wrap .box .columns .column ul li {
            padding-left: .8em;
            text-indent: -.8em;
            margin-top: .8em; }
            @media screen and (max-width: 768px) {
              .archive .box_wrap .box .columns .column ul li {
                margin-top: 3.90625vw; } }
            .archive .box_wrap .box .columns .column ul li:before {
              content: "● ";
              color: #F7FC17;
              font-size: 1.0rem; }
            .archive .box_wrap .box .columns .column ul li a {
              text-decoration: underline; }
            @media screen and (min-width: 769px) {
              .archive .box_wrap .box .columns .column ul li:first-child {
                margin-top: 0; } }
      .archive .box_wrap .box .btn-wrap {
        text-align: center; }
        @media screen and (max-width: 768px) {
          .archive .box_wrap .box .btn-wrap {
            margin: 0 15px; } }
        .archive .box_wrap .box .btn-wrap a {
          position: relative;
          display: -webkit-inline-box;
          display: -ms-inline-flexbox;
          display: inline-flex;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
          width: 440px;
          font-size: 1.6rem; }
          @media screen and (max-width: 768px) {
            .archive .box_wrap .box .btn-wrap a {
              width: 100%;
              font-size: 1.4rem; } }
          .archive .box_wrap .box .btn-wrap a:after {
            position: absolute;
            top: 50%;
            right: 30px;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%); }
            @media screen and (max-width: 768px) {
              .archive .box_wrap .box .btn-wrap a:after {
                right: 20px; } }
      .archive .box_wrap .box:nth-of-type(n+2) {
        margin-top: 50px; }