.section-booth {
  padding: 0 0 5rem 0; }
  @media only screen and (max-width: 767px) {
    .section-booth {
      padding: 0 0 3rem 0; } }
  .section-booth-header {
    text-align: center;
    margin-bottom: 5rem; }
    @media only screen and (max-width: 767px) {
      .section-booth-header {
        margin-bottom: 1rem; } }
    .section-booth-header-ttl {
      font-size: 4rem;
      color: #053c7c;
      display: flex;
      align-items: center;
      justify-content: center; }
      .section-booth-header-ttl span {
        font-size: 2.4rem; }
      .section-booth-header-ttl b {
        font-size: 4.7rem; }
      @media only screen and (max-width: 767px) {
        .section-booth-header-ttl {
          font-size: 2.4rem; }
          .section-booth-header-ttl b {
            font-size: 2.9rem; }
          .section-booth-header-ttl span {
            font-size: 1.6rem; } }
  .section-booth-inner {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap; }
    .section-booth-inner .article-booth {
      width: calc(33.333% - 2rem);
      margin: 0 1rem 3.5rem;
      padding: 1.5rem;
      background: #fff;
      border-radius: .5rem;
      box-shadow: 0 0 1rem 0 rgba(5, 60, 124, 0.15);
      position: relative;
      z-index: 1; }
      @media only screen and (max-width: 767px) {
        .section-booth-inner .article-booth {
          width: 100%;
          margin: 0 0 1rem;
          padding: 1rem;
          clear: both; } }
      .section-booth-inner .article-booth > a {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 10; }
      .section-booth-inner .article-booth:hover {
        border-color: #eee; }
        .section-booth-inner .article-booth:hover .article-booth-btn {
          background: #053c7c; }
        .section-booth-inner .article-booth:hover .article-booth-fig-img {
          transform: scale(1.2, 1.2); }
      .section-booth-inner .article-booth-fig {
        aspect-ratio: 1 / 1;
        margin-bottom: 1.5rem;
        position: relative;
        overflow: hidden;
        display: flex;
        justify-content: center;
        align-items: center; }
        .section-booth-inner .article-booth-fig-img {
          width: 100%;
          height: 100%;
          background-position: 50% 50%;
          background-repeat: no-repeat;
          background-size: cover;
          transition: all .5s; }
        @media only screen and (max-width: 767px) {
          .section-booth-inner .article-booth-fig {
            width: 10rem;
            float: left;
            margin-bottom: 1rem;
            margin-right: 1rem; } }
      .section-booth-inner .article-booth-btn {
        background: #036fc4;
        color: #fff;
        height: 3.6rem;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 1.5rem;
        font-size: 1.3rem;
        border-radius: .5rem; }
        @media only screen and (max-width: 767px) {
          .section-booth-inner .article-booth-btn {
            font-size: 1.1rem;
            margin-top: .5rem;
            height: 3rem; } }
        .section-booth-inner .article-booth-btn span {
          font-size: 1.8rem; }
          @media only screen and (max-width: 767px) {
            .section-booth-inner .article-booth-btn span {
              font-size: 1.6rem; } }
      .section-booth-inner .article-booth dl {
        font-size: 1.4rem;
        padding: 0 0 1rem;
        display: flex;
        justify-content: flex-start;
        align-items: center; }
        @media only screen and (max-width: 767px) {
          .section-booth-inner .article-booth dl {
            padding-bottom: .5rem; } }
        .section-booth-inner .article-booth dl dt {
          font-size: 1rem;
          letter-spacing: 0;
          text-align: center;
          color: #666;
          font-weight: 400;
          flex-shrink: 0;
          margin-right: .5rem; }
          @media only screen and (max-width: 767px) {
            .section-booth-inner .article-booth dl dt {
              font-size: .9rem; } }
        .section-booth-inner .article-booth dl dd {
          text-align: center; }
      .section-booth-inner .article-booth-ttl {
        font-size: 2rem;
        padding-bottom: .3rem; }
        @media only screen and (max-width: 767px) {
          .section-booth-inner .article-booth-ttl {
            font-size: 1.6rem;
            line-height: 1.3;
            padding-top: .3rem; } }
      .section-booth-inner .article-booth p {
        padding-bottom: 1rem; }
        @media only screen and (max-width: 767px) {
          .section-booth-inner .article-booth p {
            font-size: 1.2rem;
            line-height: 1.4; } }
      .section-booth-inner .article-booth-cat {
        font-size: 1rem;
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap; }
        @media only screen and (max-width: 767px) {
          .section-booth-inner .article-booth-cat {
            clear: both; } }
        .section-booth-inner .article-booth-cat li {
          margin: 0 .4rem .4rem  0; }
          .section-booth-inner .article-booth-cat li a {
            border: 1px solid #999;
            border-radius: .3rem;
            padding: .2rem .5rem;
            position: relative;
            z-index: 12;
            display: flex;
            justify-content: center;
            background: #fff;
            align-items: center; }
            .section-booth-inner .article-booth-cat li a:hover {
              background: #eee; }

.article-detail {
  padding-bottom: 4rem; }
  @media only screen and (max-width: 767px) {
    .article-detail {
      padding: 1rem 0; } }
  .article-detail-header {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 3rem; }
    @media only screen and (max-width: 767px) {
      .article-detail-header {
        flex-direction: column;
        margin-bottom: 1.5rem; } }
    .article-detail-header-logo {
      width: 20rem;
      flex-shrink: 0;
      padding-right: 1.5rem; }
      @media only screen and (max-width: 767px) {
        .article-detail-header-logo {
          width: 16rem;
          margin: 0 auto 1rem;
          padding-right: 0; } }
    .article-detail-header-wrap {
      display: flex;
      flex-direction: column;
      width: 100%; }
      @media only screen and (max-width: 767px) {
        .article-detail-header-wrap {
          justify-content: center; } }
    .article-detail-header-ttl {
      font-size: 3rem; }
      @media only screen and (max-width: 767px) {
        .article-detail-header-ttl {
          font-size: 2.4rem;
          text-align: center; } }
    .article-detail-header-cat {
      display: flex;
      justify-content: flex-start;
      flex-wrap: wrap; }
      @media only screen and (max-width: 767px) {
        .article-detail-header-cat {
          justify-content: center; } }
      .article-detail-header-cat li {
        margin-right: .8rem;
        margin-top: .8rem; }
        @media only screen and (max-width: 767px) {
          .article-detail-header-cat li {
            margin-left: .4rem;
            margin-right: .4rem; } }
        .article-detail-header-cat li a {
          font-size: 1.3rem;
          display: flex;
          justify-content: center;
          align-items: center;
          padding: .3rem .8rem;
          border: 1px solid #ccc;
          border-radius: .3rem; }
          @media only screen and (max-width: 767px) {
            .article-detail-header-cat li a {
              font-size: 1rem; } }
          .article-detail-header-cat li a:hover {
            background: #eee; }
    .article-detail-header-sns {
      display: flex;
      justify-content: flex-end;
      align-items: center;
      flex-shrink: 0;
      padding: .5rem 0; }
      @media only screen and (max-width: 767px) {
        .article-detail-header-sns {
          margin-top: 1rem; } }
      .article-detail-header-sns li {
        margin-left: .8rem; }
        .article-detail-header-sns li:nth-of-type(1) {
          margin-left: 0; }
        .article-detail-header-sns li a {
          display: flex;
          justify-content: center;
          align-items: center; }
          .article-detail-header-sns li a span {
            font-size: 2.8rem; }
            @media only screen and (max-width: 767px) {
              .article-detail-header-sns li a span {
                font-size: 2rem; } }
          .article-detail-header-sns li a img {
            width: 2.4rem; }
            @media only screen and (max-width: 767px) {
              .article-detail-header-sns li a img {
                width: 1.8rem; } }
          .article-detail-header-sns li a:hover {
            opacity: 0.8; }
  .article-detail-inner {
    display: flex; }
    @media only screen and (max-width: 767px) {
      .article-detail-inner {
        flex-direction: column; } }
    .article-detail-inner-fig {
      width: 45%;
      flex-shrink: 0;
      margin-right: 3rem; }
      @media only screen and (max-width: 767px) {
        .article-detail-inner-fig {
          width: 100%;
          margin: 0 0 1.5rem; } }
      .article-detail-inner-fig-item {
        margin-bottom: 2rem; }
        @media only screen and (max-width: 767px) {
          .article-detail-inner-fig-item {
            margin-bottom: 1rem; } }
    .article-detail-inner-nav-item {
      margin: 0 .5rem; }
      .article-detail-inner-nav-item img {
        width: auto;
        height: 5rem; }
    .article-detail-inner-content dl {
      margin-bottom: 2rem; }
      @media only screen and (max-width: 767px) {
        .article-detail-inner-content dl {
          margin-bottom: 1rem; } }
      .article-detail-inner-content dl dt {
        font-size: 2rem;
        color: #053c7c;
        border-bottom: 1px solid #eee;
        padding: 1rem .5rem; }
        @media only screen and (max-width: 767px) {
          .article-detail-inner-content dl dt {
            font-size: 1.6rem; } }
      .article-detail-inner-content dl dd {
        padding: 1rem .5rem;
        font-size: 1.6rem; }
        @media only screen and (max-width: 767px) {
          .article-detail-inner-content dl dd {
            font-size: 1.2rem; } }