@charset "UTF-8";
@import url(//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css);
/*--------------------
共通設定
----------------------*/
img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom; }

a {
  text-decoration: none;
  color: #171717;
  transition: .4s; }
  a:hover {
    color: #171717; }
  a:visited {
    color: transparent; }
  a.disabled {
    pointer-events: none;
    text-decoration: none; }

ul, ol {
  list-style: none; }

.pc {
  display: block; }
  @media screen and (max-width: 1080px) {
    .pc {
      display: none; } }

.sp {
  display: none; }
  @media screen and (max-width: 1080px) {
    .sp {
      display: block; } }

p {
  margin: 0;
  padding: 0; }

/*--------------------- ここから ----------------------*/
main {
  width: 90%;
  margin: 0 auto 15%;
  padding-top: 60px;
  overflow-x: hidden;
  max-width: 1500px; }
  @media screen and (max-width: 1920px) {
    main {
      max-width: 1200px; } }
  @media screen and (max-width: 600px) {
    main {
      margin-bottom: 15%;
      width: 94%; } }

.newsBox {
  margin: 24px auto;
  text-align: left; }
  .newsBox h2 {
    font-weight: 400;
    font-size: 1.5em;
    letter-spacing: .1em;
    margin-bottom: 24px; }
    @media screen and (max-width: 600px) {
      .newsBox h2 {
        font-size: 4.0vw; } }
  .newsBox .newsList {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 16px;
    border-bottom: 1px solid #B8B8B8; }
    @media screen and (max-width: 1080px) {
      .newsBox .newsList {
        flex-wrap: wrap;
        padding-bottom: 8px; } }
    @media screen and (max-width: 600px) {
      .newsBox .newsList {
        justify-content: center; } }
    .newsBox .newsList li {
      margin: 0 24px 8px 0; }
      @media screen and (max-width: 1080px) {
        .newsBox .newsList li {
          margin-right: 16px;
          margin-bottom: 0; } }
      @media screen and (max-width: 600px) {
        .newsBox .newsList li {
          margin: 0 8px; } }
      .newsBox .newsList li button {
        cursor: pointer;
        letter-spacing: 1px;
        padding: 4px 8px;
        font-size: 1em; }
        @media screen and (max-width: 600px) {
          .newsBox .newsList li button {
            font-size: 3.0vw;
            padding: 2px 8px; } }
        .newsBox .newsList li button.active {
          background: #737373;
          color: #ffffff; }

#itemContainer {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap; }
  #itemContainer .item {
    width: calc(100%/2 - 2%);
    padding: 16px;
    border-bottom: 1px solid #E6E6E6; }
    @media screen and (max-width: 1080px) {
      #itemContainer .item {
        width: 100%; } }
    #itemContainer .item a {
      display: flex;
      align-items: center;
      justify-content: flex-start; }
      #itemContainer .item a div:nth-child(1) {
        margin-right: 16px; }
      #itemContainer .item a div:nth-child(2) {
        width: calc(100% - (16px + 100px)); }
      #itemContainer .item a div .flex {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        margin-bottom: 8px; }
        #itemContainer .item a div .flex p {
          font-size: .9em;
          letter-spacing: 1px; }
          @media screen and (max-width: 600px) {
            #itemContainer .item a div .flex p {
              font-size: 2.9vw; } }
        #itemContainer .item a div .flex .icon {
          font-size: 0.8em;
          color: #171717;
          border: 1px solid #171717;
          background: #ffffff;
          padding: 0 .5em;
          margin-right: 16px; }
          @media screen and (max-width: 600px) {
            #itemContainer .item a div .flex .icon {
              font-size: 2.7vw;
              line-height: 1.5; } }
      #itemContainer .item a div img {
        max-width: 100px; }
      #itemContainer .item a div h3 {
        font-weight: 400;
        font-size: .9em; }
        @media screen and (max-width: 600px) {
          #itemContainer .item a div h3 {
            font-size: 3.0vw; } }
      #itemContainer .item a div p {
        font-size: 0.8em;
        color: #737373;
        line-height: 1.8; }
        @media screen and (max-width: 600px) {
          #itemContainer .item a div p {
            font-size: 2.8vw; } }