@charset "UTF-8";
/*//////////////////////////////////////////////////

home style

//////////////////////////////////////////////////*/
/* Scss Document */
/* Scss Document */
.info {
  padding: 4.23% 0% 0% 0%; }
  .info .ttl__wp {
    color: #0F3675; }
  .info .info__wp {
    margin-bottom: 30px; }
    .info .info__wp li {
      border-bottom: solid 1px #B1B1B1; }
      .info .info__wp li a {
        position: relative;
        display: block;
        padding: 10px 15px; }
        .info .info__wp li a .info__time {
          font-size: 1.2rem; }
          @media (min-width: 769px) {
            .info .info__wp li a .info__time {
              font-size: calc( 1.2rem + ( 1vw - 7.69px ) * 0.2433090024 ); } }
          @media (min-width: 1180px) {
            .info .info__wp li a .info__time {
              font-size: 1.3rem; } }
        .info .info__wp li a .info__ttl {
          font-size: 1.4rem; }
          @media (min-width: 769px) {
            .info .info__wp li a .info__ttl {
              font-size: calc( 1.4rem + ( 1vw - 7.69px ) * 0.2433090024 ); } }
          @media (min-width: 1180px) {
            .info .info__wp li a .info__ttl {
              font-size: 1.5rem; } }
        .info .info__wp li a i {
          position: absolute;
          top: 50%;
          right: 2%;
          font-size: 2rem;
          transform: translate(0, -50%); }
      .info .info__wp li:first-child {
        border-top: solid 1px #B1B1B1; }
  .info .info__btn {
    margin: auto;
    width: 90%;
    max-width: 400px; }
    .info .info__btn .info__btn-wp li {
      flex: 0 1 auto;
      width: auto;
      margin: 0 4px; }
      .info .info__btn .info__btn-wp li a {
        font-size: 1.4rem;
        display: block;
        padding: 0 10px;
        font-weight: bold;
        color: #0F3675; }
        @media (min-width: 769px) {
          .info .info__btn .info__btn-wp li a {
            font-size: calc( 1.4rem + ( 1vw - 7.69px ) * 0.4866180049 ); } }
        @media (min-width: 1180px) {
          .info .info__btn .info__btn-wp li a {
            font-size: 1.6rem; } }
      .info .info__btn .info__btn-wp li.active a {
        color: #fff;
        background: #0F3675; }
      .info .info__btn .info__btn-wp li.arrow a {
        font-size: 2rem; }
        @media (min-width: 769px) {
          .info .info__btn .info__btn-wp li.arrow a {
            font-size: calc( 2rem + ( 1vw - 7.69px ) * 1.2165450122 ); } }
        @media (min-width: 1180px) {
          .info .info__btn .info__btn-wp li.arrow a {
            font-size: 2.5rem; } }
      .info .info__btn .info__btn-wp li.prev {
        margin: 0 auto 0 0; }
      .info .info__btn .info__btn-wp li.next {
        margin: 0 0 0 auto; }

/*------------------------------
		769px以上
------------------------------*/
@media screen and (min-width: 769px) {
  .info .ttl__wp {
    color: #0F3675; }
  .info .info__wp {
    margin-bottom: 50px; }
    .info .info__wp li a {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
      flex-flow: row wrap;
      -webkit-align-content: flex-start;
      -ms-flex-line-pack: start;
      align-content: flex-start;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
      justify-content: space-between;
      padding: 20px 30px; }
      .info .info__wp li a .info__time {
        flex: 0 1 12%;
        width: 12%;
        max-width: 12%; }
      .info .info__wp li a .info__ttl {
        flex: 0 1 88%;
        width: 88%;
        max-width: 88%; }
      .info .info__wp li a:hover {
        opacity: 1;
        background: #F8F8F8; }
  .info .info__btn .info__btn-wp li.num:hover a {
    opacity: 1;
    color: #fff;
    background: #0F3675; } }
/*------------------------------
		1041px以上
------------------------------*/
/*------------------------------
		1281px以上
------------------------------*/

/*# sourceMappingURL=style.css.map */