/*! Writen  by SCSS */
.merit_area .merit_in {
  max-width: 100%;
  padding: 30px 0;
  text-align: center; }

.information_area {
  padding: 40px 0 30px;
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/bg_infor.jpg"); }
  @media screen and (max-width: 480px) {
    .information_area {
      padding: 30px 0;
      background-repeat: repeat;
      background-size: 100% auto;
      background-image: url("../images/bg_infor_sp.jpg"); } }
  .information_area .information_in .pick_ttl {
    font-size: clamp(24px, 3.231vw, 42px);
    color: #FFF;
    text-align: center;
    line-height: 1.5;
    font-weight: 600;
    letter-spacing: 0.03em; }
    @media screen and (max-width: 480px) {
      .information_area .information_in .pick_ttl {
        font-size: 6vw;
        line-height: 2.1;
        letter-spacing: 0em; } }
    .information_area .information_in .pick_ttl.sub {
      font-size: clamp(19px, 3vw, 36px);
      margin-bottom: 0; }
      @media screen and (max-width: 480px) {
        .information_area .information_in .pick_ttl.sub {
          font-size: 5.2vw;
          line-height: 1.8;
          margin-bottom: 15px; } }
    .information_area .information_in .pick_ttl span {
      display: inline-block;
      line-height: 1;
      position: relative; }
      @media screen and (max-width: 480px) {
        .information_area .information_in .pick_ttl span.lc {
          letter-spacing: 0.08em; } }
      .information_area .information_in .pick_ttl span.big {
        font-size: 120%; }
      .information_area .information_in .pick_ttl span.big02 {
        font-size: 142%; }
      .information_area .information_in .pick_ttl span.big03 {
        font-size: 115%; }
      .information_area .information_in .pick_ttl span.small {
        font-size: 76%; }
      .information_area .information_in .pick_ttl span.anno {
        position: absolute;
        top: 100%;
        left: 0;
        font-size: 38%;
        white-space: nowrap;
        letter-spacing: -0.1em;
        transform: translateX(-25%); }
        @media screen and (max-width: 480px) {
          .information_area .information_in .pick_ttl span.anno {
            font-size: 45%;
            top: calc(100% + 3px); } }
      @media screen and (max-width: 480px) {
        .information_area .information_in .pick_ttl span.sp_none {
          display: none; } }
  .information_area .information_in .raise_group {
    padding-top: clamp(25px, 2.917vw, 35px);
    margin-top: clamp(35px, 3.75vw, 45px);
    border-top: 1px solid #FFF;
    flex-direction: column;
    row-gap: 15px;
    text-align: center; }
    @media screen and (max-width: 480px) {
      .information_area .information_in .raise_group {
        padding-top: 20px;
        margin-top: 25px;
        row-gap: 5px; } }
    .information_area .information_in .raise_group .raise_ttl {
      font-size: clamp(54px, 5.5vw, 66px);
      color: #FFF;
      line-height: 1.4;
      font-weight: 600; }
      @media screen and (max-width: 480px) {
        .information_area .information_in .raise_group .raise_ttl {
          font-size: 10.5vw; } }
    .information_area .information_in .raise_group .site_btn {
      max-width: 370px;
      margin: 10px auto 40px;
      padding: 15px 10px; }
      @media screen and (max-width: 480px) {
        .information_area .information_in .raise_group .site_btn {
          padding: 10px;
          margin: 20px auto; } }
      .information_area .information_in .raise_group .site_btn .link_txt {
        font-size: clamp(18px, 1.667vw, 20px); }
  .information_area .information_in .infor_in .infor_ttl {
    justify-content: center;
    align-items: center;
    column-gap: 20px;
    margin-bottom: clamp(30px, 4.883vw, 50px); }
    .information_area .information_in .infor_in .infor_ttl:before, .information_area .information_in .infor_in .infor_ttl:after {
      content: "";
      display: block;
      background: rgba(51, 51, 51, 0.3);
      width: 100%;
      height: 1px; }
    .information_area .information_in .infor_in .infor_ttl span {
      font-size: 24px;
      flex-shrink: 0;
      line-height: 1; }
  .information_area .information_in .infor_in #p_info {
    position: relative;
    background: #FFF;
    padding: 40px; }
    .information_area .information_in .infor_in #p_info .date {
      font-size: 14px; }
      @media screen and (max-width: 480px) {
        .information_area .information_in .infor_in #p_info .date {
          font-size: 12px; } }
    .information_area .information_in .infor_in #p_info h4 {
      font-size: 24px; }
      @media screen and (max-width: 480px) {
        .information_area .information_in .infor_in #p_info h4 {
          font-size: 18px; } }