@charset "UTF-8";
@import url("https://fonts.googleapis.com/earlyaccess/notosansjp.css");
.c {
  clear: both; }

ul {
  list-style-type: none; }

body {
  font-family: "Noto Sans JP"; }

a {
  text-decoration: none; }

@media screen and (max-width: 768px) {
  html, body {
    width: 100%;
    height: auto; } }

article div.index_top {
  width: 100%;
  display: block;
  margin: 0px auto;
  background-color: #5c88b3;
  background: #5c88b3;
  /* Old browsers */
  background: -moz-linear-gradient(-45deg, #5c88b3 0%, #0a539a 99%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, #5c88b3 0%, #0a539a 99%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, #5c88b3 0%, #0a539a 99%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5c88b3', endColorstr='#0a539a',GradientType=1 );
  /* IE6-9 fallback on horizontal gradient */ }
  @media screen and (min-width: 769px) {
    article div.index_top {
      height: 400px; } }
  @media screen and (max-width: 768px) and (min-width: 481px) {
    article div.index_top {
      height: 360px; } }
  @media screen and (max-width: 480px) {
    article div.index_top {
      height: 100vw;
      padding-bottom: 20px; } }
  article div.index_top div.contents {
    display: block;
    margin: 0px auto; }
    article div.index_top div.contents img {
      display: block;
      margin: 0px auto;
      height: 100%;
      max-width: 95vw;
      object-fit: contain;
      width: auto; }
    @media screen and (min-width: 769px) {
      article div.index_top div.contents {
        width: 960px;
        max-width: 100vw;
        height: 400px; } }
    @media screen and (max-width: 768px) {
      article div.index_top div.contents {
        width: 100%;
        height: 100%; } }
article div.index_contents {
  height: auto;
  margin: 0px auto; }
  @media screen and (min-width: 769px) {
    article div.index_contents {
      width: 960px;
      max-width: 100vw;
      padding-top: 30px; } }
  @media screen and (max-width: 768px) and (min-width: 481px) {
    article div.index_contents {
      width: 100%;
      padding-top: 20px; } }
  @media screen and (max-width: 480px) {
    article div.index_contents {
      width: 100vw;
      padding-top: 2.5vw; } }
  article div.index_contents div.index_banner_01 {
    border-top: 1px solid #0a539a;
    border-bottom: 1px solid #0a539a;
    margin: 0px auto;
    text-align: center;
    background-color: #fafafa; }
    article div.index_contents div.index_banner_01 p {
      line-height: 140%;
      font-family: "Noto Sans JP";
      font-weight: 400; }
      @media screen and (max-width: 480px) {
        article div.index_contents div.index_banner_01 p {
          font-size: 18px;
          font-size: 4.125vw; } }
      @media screen and (min-width: 481px) and (max-width: 769px) {
        article div.index_contents div.index_banner_01 p {
          font-size: 18px;
          font-size: 2.5714285714vw; } }
      @media screen and (min-width: 770px) {
        article div.index_contents div.index_banner_01 p {
          font-size: 20.7px; } }
      article div.index_contents div.index_banner_01 p strong {
        color: #0a539a; }
    article div.index_contents div.index_banner_01 span {
      padding-top: 6px;
      color: #3261ab;
      font-weight: 700; }
      @media screen and (max-width: 480px) {
        article div.index_contents div.index_banner_01 span {
          font-size: 10.5px;
          font-size: 2.40625vw; } }
      @media screen and (min-width: 481px) and (max-width: 769px) {
        article div.index_contents div.index_banner_01 span {
          font-size: 10.5px;
          font-size: 1.5vw; } }
      @media screen and (min-width: 770px) {
        article div.index_contents div.index_banner_01 span {
          font-size: 12.075px; } }
    @media screen and (min-width: 769px) {
      article div.index_contents div.index_banner_01 {
        width: 756px;
        height: 96px; }
        article div.index_contents div.index_banner_01 p {
          padding-top: 8px; } }
    @media screen and (max-width: 768px) {
      article div.index_contents div.index_banner_01 {
        width: 95vw;
        height: auto;
        padding: 1.4vw; } }
    @media screen and (max-width: 480px) {
      article div.index_contents div.index_banner_01 {
        height: auto;
        padding: 1.4vw; } }
  article div.index_contents div.index_banner_02 {
    display: block; }
    article div.index_contents div.index_banner_02 img {
      width: 100%; }
    @media screen and (min-width: 769px) {
      article div.index_contents div.index_banner_02 {
        width: 756px;
        height: auto;
        margin: 21px auto 0px auto; } }
    @media screen and (max-width: 768px) {
      article div.index_contents div.index_banner_02 {
        width: 95vw;
        margin: 20px auto 0px auto;
        position: relative; } }
    @media screen and (max-width: 480px) {
      article div.index_contents div.index_banner_02 {
        margin: 2vw auto; } }
  article div.index_contents ul {
    display: block;
    height: auto;
    margin: 0px auto; }
    @media screen and (min-width: 769px) {
      article div.index_contents ul {
        width: 760px;
        margin-bottom: 70px; }
        article div.index_contents ul li {
          width: 240px;
          height: 240px;
          margin: 0px 20px 20px 0px; }
          article div.index_contents ul li a {
            width: 240px;
            height: 240px; }
        article div.index_contents ul li:nth-child(3n) {
          margin: 0px 0px 20px 0px; } }
    @media screen and (max-width: 768px) and (min-width: 481px) {
      article div.index_contents ul {
        width: 95vw; }
        article div.index_contents ul li {
          width: 30vw;
          height: 30vw;
          margin: 0px 2.5vw 2.5vw 0px; }
          article div.index_contents ul li a {
            width: 100%;
            height: 100%; }
        article div.index_contents ul li:nth-child(3n) {
          margin: 0px 0px 20px 0px; } }
    @media screen and (max-width: 480px) {
      article div.index_contents ul {
        width: 95vw; }
        article div.index_contents ul li {
          width: 30vw;
          height: 30vw;
          margin: 0 2.5vw 2vw 0; }
          article div.index_contents ul li a {
            width: 100%;
            height: 100%; }
        article div.index_contents ul li:nth-child(3n) {
          margin: 0px 0px 2.5vw 0px; } }
    article div.index_contents ul li {
      display: block;
      float: left;
      transition: all 0.2s ease; }
      article div.index_contents ul li a {
        display: block; }
        article div.index_contents ul li a img {
          width: 100%;
          transition: all 0.2s ease; }
    article div.index_contents ul li:hover img {
      opacity: 0.5; }
  article div.index_contents div.index_post {
    background-color: #ffffff; }
    article div.index_contents div.index_post h3 a {
      display: inline;
      float: none;
      color: #000;
      transition: all 0.2s ease; }
    article div.index_contents div.index_post a:hover {
      color: #eab86a !important; }
    @media screen and (min-width: 769px) {
      article div.index_contents div.index_post {
        width: 760px;
        height: 200px;
        margin: 0px auto 25px auto; }
        article div.index_contents div.index_post div.img {
          width: 215px;
          height: 160px;
          overflow: hidden;
          position: relative;
          background-color: #ddd;
          float: left;
          margin: 20px; }
          article div.index_contents div.index_post div.img img {
            position: absolute;
            width: 215px;
            height: auto;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%); }
        article div.index_contents div.index_post div.text {
          display: block;
          width: 485px;
          height: 160px;
          float: left;
          margin: 20px 20px 20px 0px; }
          article div.index_contents div.index_post div.text h3 {
            width: 485px;
            height: 26px;
            border-left: 4px solid #3261ab;
            font-weight: 300;
            padding-left: 10px;
            line-height: 26px;
            margin-top: 5px; } }
      @media screen and (min-width: 769px) and (max-width: 480px) {
        article div.index_contents div.index_post div.text h3 {
          font-size: 16px;
          font-size: 3.6666666667vw; } }
      @media screen and (min-width: 769px) and (min-width: 481px) and (max-width: 769px) {
        article div.index_contents div.index_post div.text h3 {
          font-size: 16px;
          font-size: 2.2857142857vw; } }
      @media screen and (min-width: 769px) and (min-width: 770px) {
        article div.index_contents div.index_post div.text h3 {
          font-size: 18.4px; } }
    @media screen and (min-width: 769px) {
          article div.index_contents div.index_post div.text h3::after {
            content: "";
            display: block;
            width: 485px;
            height: 1px;
            border-top: 1px solid #ddd;
            margin-top: 8px;
            margin-left: -15px; }
          article div.index_contents div.index_post div.text span {
            float: right;
            margin-top: 15px; } }
      @media screen and (min-width: 769px) and (max-width: 480px) {
        article div.index_contents div.index_post div.text span {
          font-size: 12.5px;
          font-size: 2.8645833333vw; } }
      @media screen and (min-width: 769px) and (min-width: 481px) and (max-width: 769px) {
        article div.index_contents div.index_post div.text span {
          font-size: 10px;
          font-size: get_vw3(10); } }
      @media screen and (min-width: 769px) and (min-width: 770px) {
        article div.index_contents div.index_post div.text span {
          font-size: 11.5px; } }
    @media screen and (min-width: 769px) {
          article div.index_contents div.index_post div.text div {
            line-height: 170%;
            margin-top: 35px; } }
      @media screen and (min-width: 769px) and (max-width: 480px) {
        article div.index_contents div.index_post div.text div {
          font-size: 15px;
          font-size: 3.4375vw; } }
      @media screen and (min-width: 769px) and (min-width: 481px) and (max-width: 769px) {
        article div.index_contents div.index_post div.text div {
          font-size: 12px;
          font-size: get_vw3(12); } }
      @media screen and (min-width: 769px) and (min-width: 770px) {
        article div.index_contents div.index_post div.text div {
          font-size: 13.8px; } }
    @media screen and (min-width: 769px) {
          article div.index_contents div.index_post div.text a.perm {
            display: inline-block;
            float: right;
            color: #3261ab;
            text-decoration: underline;
            padding-top: 5px;
            transition: all 0.3s ease; }
          article div.index_contents div.index_post div.text a:hover {
            color: #eab86a !important; } }
    @media screen and (max-width: 768px) and (min-width: 481px) {
      article div.index_contents div.index_post {
        width: 95vw;
        min-height: 20vw;
        background-color: #ffffff;
        margin: 0px auto 2vw auto; }
        article div.index_contents div.index_post div.img {
          width: 28vw;
          height: 16vw;
          overflow: hidden;
          position: relative;
          background-color: #ddd;
          float: left;
          margin: 2vw; }
          article div.index_contents div.index_post div.img img {
            position: absolute;
            width: 28vw;
            height: auto;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%); }
        article div.index_contents div.index_post div.text {
          display: block;
          width: 61vw;
          height: auto;
          float: left;
          margin: 2vw 2vw 2vw 0; }
          article div.index_contents div.index_post div.text h3 {
            width: 61vw;
            height: 2.5vw;
            border-left: 4px solid #3261ab;
            font-weight: 300;
            padding-left: 10px;
            line-height: 2.5vw;
            margin-top: 3px; } }
      @media screen and (max-width: 768px) and (min-width: 481px) and (max-width: 480px) {
        article div.index_contents div.index_post div.text h3 {
          font-size: 16px;
          font-size: 3.6666666667vw; } }
      @media screen and (max-width: 768px) and (min-width: 481px) and (min-width: 481px) and (max-width: 769px) {
        article div.index_contents div.index_post div.text h3 {
          font-size: 16px;
          font-size: 2.2857142857vw; } }
      @media screen and (max-width: 768px) and (min-width: 481px) and (min-width: 770px) {
        article div.index_contents div.index_post div.text h3 {
          font-size: 18.4px; } }
    @media screen and (max-width: 768px) and (min-width: 481px) {
          article div.index_contents div.index_post div.text h3::after {
            content: "";
            display: block;
            width: 61vw;
            height: 1px;
            border-top: 1px solid #ddd;
            margin-top: 8px;
            margin-left: -15px; }
          article div.index_contents div.index_post div.text span {
            float: right;
            margin-top: 15px; } }
      @media screen and (max-width: 768px) and (min-width: 481px) and (max-width: 480px) {
        article div.index_contents div.index_post div.text span {
          font-size: 11.25px;
          font-size: 2.578125vw; } }
      @media screen and (max-width: 768px) and (min-width: 481px) and (min-width: 481px) and (max-width: 769px) {
        article div.index_contents div.index_post div.text span {
          font-size: 9px;
          font-size: get_vw3(9); } }
      @media screen and (max-width: 768px) and (min-width: 481px) and (min-width: 770px) {
        article div.index_contents div.index_post div.text span {
          font-size: 10.35px; } }
    @media screen and (max-width: 768px) and (min-width: 481px) {
          article div.index_contents div.index_post div.text div {
            line-height: 170%;
            margin-top: 30px; } }
      @media screen and (max-width: 768px) and (min-width: 481px) and (max-width: 480px) {
        article div.index_contents div.index_post div.text div {
          font-size: 16.25px;
          font-size: 3.7239583333vw; } }
      @media screen and (max-width: 768px) and (min-width: 481px) and (min-width: 481px) and (max-width: 769px) {
        article div.index_contents div.index_post div.text div {
          font-size: 13px;
          font-size: get_vw3(13); } }
      @media screen and (max-width: 768px) and (min-width: 481px) and (min-width: 770px) {
        article div.index_contents div.index_post div.text div {
          font-size: 14.95px; } }
    @media screen and (max-width: 768px) and (min-width: 481px) {
          article div.index_contents div.index_post div.text a.perm {
            display: inline-block;
            float: right;
            color: #3261ab;
            text-decoration: underline;
            padding-top: 10px; }
          article div.index_contents div.index_post div.text a:hover {
            color: #eab86a !important; } }
    @media screen and (max-width: 480px) {
      article div.index_contents div.index_post {
        width: 95vw;
        min-height: 20vw;
        background-color: #ffffff;
        margin: 0px auto 4vw auto; }
        article div.index_contents div.index_post div.img {
          display: none; }
        article div.index_contents div.index_post div.text {
          display: block;
          width: 91vw;
          height: auto;
          float: left;
          margin: 2vw; }
          article div.index_contents div.index_post div.text h3 {
            width: 91vw;
            height: 3vw;
            border-left: 4px solid #3261ab;
            font-weight: 300;
            padding-left: 10px;
            line-height: 3vw;
            margin-top: 3px; } }
      @media screen and (max-width: 480px) and (max-width: 480px) {
        article div.index_contents div.index_post div.text h3 {
          font-size: 16px;
          font-size: 3.6666666667vw; } }
      @media screen and (max-width: 480px) and (min-width: 481px) and (max-width: 769px) {
        article div.index_contents div.index_post div.text h3 {
          font-size: 16px;
          font-size: 2.2857142857vw; } }
      @media screen and (max-width: 480px) and (min-width: 770px) {
        article div.index_contents div.index_post div.text h3 {
          font-size: 18.4px; } }
    @media screen and (max-width: 480px) {
          article div.index_contents div.index_post div.text h3::after {
            content: "";
            display: block;
            width: 91vw;
            height: 1px;
            border-top: 1px solid #ddd;
            margin-top: 8px;
            margin-left: -15px; }
          article div.index_contents div.index_post div.text span {
            float: right;
            margin-top: 15px; } }
      @media screen and (max-width: 480px) and (max-width: 480px) {
        article div.index_contents div.index_post div.text span {
          font-size: 12.5px;
          font-size: 2.8645833333vw; } }
      @media screen and (max-width: 480px) and (min-width: 481px) and (max-width: 769px) {
        article div.index_contents div.index_post div.text span {
          font-size: 10px;
          font-size: get_vw3(10); } }
      @media screen and (max-width: 480px) and (min-width: 770px) {
        article div.index_contents div.index_post div.text span {
          font-size: 11.5px; } }
    @media screen and (max-width: 480px) {
          article div.index_contents div.index_post div.text div {
            line-height: 170%;
            margin-top: 30px; } }
      @media screen and (max-width: 480px) and (max-width: 480px) {
        article div.index_contents div.index_post div.text div {
          font-size: 16.25px;
          font-size: 3.7239583333vw; } }
      @media screen and (max-width: 480px) and (min-width: 481px) and (max-width: 769px) {
        article div.index_contents div.index_post div.text div {
          font-size: 13px;
          font-size: get_vw3(13); } }
      @media screen and (max-width: 480px) and (min-width: 770px) {
        article div.index_contents div.index_post div.text div {
          font-size: 14.95px; } }
    @media screen and (max-width: 480px) {
          article div.index_contents div.index_post div.text a.perm {
            display: block;
            float: right;
            color: #3261ab;
            text-decoration: underline;
            padding-top: 10px; }
          article div.index_contents div.index_post div.text a:hover {
            color: #eab86a !important; } }
  article div.index_contents div.index_post_small {
    background-color: #ffffff; }
    article div.index_contents div.index_post_small h3 a {
      display: inline;
      float: none;
      color: #000; }
    article div.index_contents div.index_post_small h3 a:hover {
      color: #eab86a; }
    @media screen and (max-width: 480px) {
      article div.index_contents div.index_post_small h3 {
        font-size: 16px;
        font-size: 3.6666666667vw; } }
    @media screen and (min-width: 481px) and (max-width: 769px) {
      article div.index_contents div.index_post_small h3 {
        font-size: 16px;
        font-size: 2.2857142857vw; } }
    @media screen and (min-width: 770px) {
      article div.index_contents div.index_post_small h3 {
        font-size: 18.4px; } }
    @media screen and (max-width: 480px) {
      article div.index_contents div.index_post_small span {
        font-size: 12.5px;
        font-size: 2.8645833333vw; } }
    @media screen and (min-width: 481px) and (max-width: 769px) {
      article div.index_contents div.index_post_small span {
        font-size: 10px;
        font-size: get_vw3(10); } }
    @media screen and (min-width: 770px) {
      article div.index_contents div.index_post_small span {
        font-size: 11.5px; } }
    @media screen and (max-width: 480px) {
      article div.index_contents div.index_post_small a.perm {
        font-size: 13.75px;
        font-size: 3.1510416667vw; } }
    @media screen and (min-width: 481px) and (max-width: 769px) {
      article div.index_contents div.index_post_small a.perm {
        font-size: 11px;
        font-size: get_vw3(11); } }
    @media screen and (min-width: 770px) {
      article div.index_contents div.index_post_small a.perm {
        font-size: 12.65px; } }
    @media screen and (min-width: 769px) {
      article div.index_contents div.index_post_small {
        width: 760px;
        height: 110px;
        margin: 0px auto 5px auto; }
        article div.index_contents div.index_post_small div.img {
          width: 110px;
          height: 86px;
          overflow: hidden;
          position: relative;
          background-color: #ddd;
          float: left;
          margin: 12px; }
          article div.index_contents div.index_post_small div.img img {
            position: absolute;
            width: 110px;
            height: auto;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%); }
        article div.index_contents div.index_post_small div.text {
          display: block;
          width: 610px;
          height: 110px;
          float: left;
          margin: 0px 15px 0px 0px;
          overflow: hidden; }
          article div.index_contents div.index_post_small div.text h3 {
            float: left;
            height: 26px;
            width: 595px;
            overflow: hidden;
            border-left: 4px solid #3261ab;
            font-weight: 300;
            padding-left: 10px;
            line-height: 26px;
            margin: 42px 0px 42px 12px; }
            article div.index_contents div.index_post_small div.text h3 span {
              height: 15px;
              padding-left: 12px; }
          article div.index_contents div.index_post_small div.text a.perm {
            font-weight: 400;
            display: block;
            float: right;
            color: #3261ab;
            text-decoration: underline;
            transition: all 0.3s ease; }
          article div.index_contents div.index_post_small div.text a:hover {
            color: #eab86a !important; } }
    @media screen and (max-width: 768px) and (min-width: 481px) {
      article div.index_contents div.index_post_small {
        width: 95vw;
        min-height: 10vw;
        margin: 0px auto; }
        article div.index_contents div.index_post_small div.img {
          display: none; }
        article div.index_contents div.index_post_small div.text {
          display: block;
          width: 92vw;
          min-height: 10vw;
          margin-left: 2vw;
          overflow: hidden; }
          article div.index_contents div.index_post_small div.text h3 {
            float: left;
            height: 4vw;
            width: 91vw;
            overflow: hidden;
            border-left: 4px solid #3261ab;
            font-weight: 300;
            padding-left: 10px;
            line-height: 4vw;
            margin: 3vw 0vw; }
            article div.index_contents div.index_post_small div.text h3 span {
              height: 15px;
              padding-left: 12px; }
          article div.index_contents div.index_post_small div.text a.perm {
            font-weight: 400;
            display: block;
            float: right;
            color: #3261ab;
            text-decoration: underline; }
          article div.index_contents div.index_post_small div.text a.perm:hover {
            color: #eab86a !important; } }
    @media screen and (max-width: 480px) {
      article div.index_contents div.index_post_small {
        width: 95vw;
        min-height: 10vw;
        margin: 0vw auto;
        position: relative; }
        article div.index_contents div.index_post_small div.img {
          display: none; }
        article div.index_contents div.index_post_small div.text {
          display: block;
          width: 91vw;
          margin: 0px auto;
          overflow: hidden;
          margin-left: 2vw;
          position: absolute;
          top: 50%;
          transform: translateY(-50%); }
          article div.index_contents div.index_post_small div.text h3 {
            float: left;
            height: 3vw;
            width: 91vw;
            border-left: 4px solid #3261ab;
            font-weight: 300;
            padding-left: 10px;
            line-height: 3vw; }
            article div.index_contents div.index_post_small div.text h3 span {
              height: 15px;
              padding-left: 12px; }
          article div.index_contents div.index_post_small div.text a.perm {
            font-weight: 400;
            display: block;
            float: right;
            color: #3261ab;
            text-decoration: underline; }
          article div.index_contents div.index_post_small div.text a:hover {
            color: #eab86a !important; } }
  article div.index_contents p.news_attention {
    display: block;
    margin: 0px auto;
    color: #666;
    text-align: center; }
    @media screen and (max-width: 480px) {
      article div.index_contents p.news_attention {
        font-size: 14px;
        font-size: 3.2083333333vw; } }
    @media screen and (min-width: 481px) and (max-width: 769px) {
      article div.index_contents p.news_attention {
        font-size: 14px;
        font-size: 2vw; } }
    @media screen and (min-width: 770px) {
      article div.index_contents p.news_attention {
        font-size: 16.1px; } }
  article div.index_contents a.old_news_button {
    transition: all 0.2s ease;
    display: block;
    margin: 0px auto;
    color: #fff;
    background-color: #3261ab;
    text-align: center; }
    article div.index_contents a.old_news_button div {
      display: inline-block; }
    article div.index_contents a.old_news_button div:before {
      content: "▼";
      display: inline-block;
      background-color: #fff;
      color: #3261ab;
      border-radius: 100%;
      position: relative;
      top: 50%;
      transition: all 0.3s ease; }
    @media screen and (min-width: 769px) {
      article div.index_contents a.old_news_button {
        width: 260px;
        height: 55px;
        line-height: 55px;
        border-radius: 28px; }
        article div.index_contents a.old_news_button div {
          line-height: 55px; }
        article div.index_contents a.old_news_button div:before {
          font-size: 0.6rem;
          width: 20px;
          height: 20px;
          line-height: 20px;
          margin-right: 4px;
          transform: translateY(-15%); } }
    @media screen and (max-width: 768px) and (min-width: 481px) {
      article div.index_contents a.old_news_button {
        width: 260px;
        height: 55px;
        border-radius: 28px; }
        article div.index_contents a.old_news_button div {
          line-height: 55px; }
        article div.index_contents a.old_news_button div:before {
          font-size: 0.6rem;
          width: 20px;
          height: 20px;
          line-height: 20px;
          margin-right: 4px;
          transform: translateY(-10%); } }
    @media screen and (max-width: 480px) {
      article div.index_contents a.old_news_button {
        width: 50vw;
        height: 10vw;
        border-radius: 25vw;
        font-size: 0.8rem; }
        article div.index_contents a.old_news_button div {
          line-height: 10vw; }
        article div.index_contents a.old_news_button div:before {
          font-size: 0.5rem;
          width: 15px;
          height: 15px;
          line-height: 15px;
          margin-right: 4px;
          transform: translateY(-10%); } }
  article div.index_contents a.old_news_button:hover {
    background-color: #eab86a; }
    article div.index_contents a.old_news_button:hover div:before {
      color: #eab86a; }
  article div.index_contents div.old_site {
    transition: all 0.2s ease;
    display: block;
    background-color: #fff;
    text-align: center; }
    article div.index_contents div.old_site a {
      color: #5c88b3; }
    @media screen and (min-width: 769px) {
      article div.index_contents div.old_site {
        margin: 50px auto 0px auto;
        width: 760px;
        height: 45px;
        line-height: 45px;
        font-size: 0.9rem; } }
    @media screen and (max-width: 768px) and (min-width: 481px) {
      article div.index_contents div.old_site {
        margin: 10vw auto 0px auto;
        width: 95vw;
        height: 5vw;
        line-height: 5vw;
        font-size: 0.9rem; } }
    @media screen and (max-width: 480px) {
      article div.index_contents div.old_site {
        margin: 10vw auto -10vw auto;
        width: 95vw;
        height: 5vw;
        line-height: 5vw;
        font-size: 0.7rem; } }

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