@charset "utf-8";
/* CSS Document */

.content{
  position: relative;
  max-width: 1024px;
  width: 90%;
  margin: auto;
  padding: 60px 0;
  letter-spacing: 0;
  display: flex;
  gap: 5rem;

  .common_title{
    line-height: 2;
    svg{
      position: absolute;
      right: 0;
      top: 0;
    }
  }
}

.content_inner{
  padding-top: 5rem;
  h3{
    color: var(--sub-color);
    font-size: 3.2rem;
    font-weight: 400;
    padding-bottom: 3rem;
  }
}

.content_inner--box{
  padding-bottom: 3rem;
  h4{
    font-size: 1.6rem;
    text-indent: -1.3em;
    padding-left: 1.3em;
    line-height: 1.6;
  }
}
.content_inner--list{
  padding-top: 3rem;
  li{
    text-indent: -1em;
    padding-left: 1em;
  }
}

.anker_link{
  max-width: 646px;
  width: 100%;
  margin-top: 0;
}
.anker_link a{
  max-width: 154px;
  width: 100%;
  height: 44px;
  font-size: 1.6rem;
}

.news{
  max-width: 1024px;
  width: 90%;
  margin: auto;
}
.news_box{
  margin-bottom: 10rem;
}
.news_box--title{
  display: flex;
  flex-direction: column;
  margin-bottom: 3rem;
  h2{
    color: #14377d;
    font-size: 3.2rem;
    border-bottom: 1px solid var(--main-color);
    padding-bottom: 3rem;
    font-weight: 400;
    line-height: 1.6;
  }
}
.emphasis{
  color: var(--main-color);
  font-size: 2.4rem;
  font-weight: 700;
}


@media screen and (max-width: 767px){
  .content_inner{
    padding-top: 3rem;
    h3{
      font-size: 2.4rem;
      padding-bottom: 2rem;
    }
  }
  .content{
    padding-top: 2rem;
    flex-direction: column;
    gap: 2rem;
    .common_title{
      svg{
        width: 280px;
        top: 0;
        left: 50%;
        transform: translate(-50%, 0);
      }
      .en_title{
        width: 160px;
      }
    }
  }

  .anker_link a{
    max-width: calc(50% - 10px);
    width: 100%;
  }

  .news_box{
    margin-bottom: 3rem;
  }
  .news_box--title{
    margin-bottom: 3rem;
    h2{
      font-size: 2.4rem;
      padding-bottom: 1rem;
      line-height: 1.3;
    }
  }

  .emphasis{
    color: var(--main-color);
    font-size: 1.8rem;
    font-weight: 700;
  }
}