/* CSS Document */
.subtitle {
  text-align: center; }
  .subtitle h2 {
    font-size: 25px;
    font-size: 2.5rem;
    border-bottom: 1px solid;
    display: inline-block;
    line-height: 1.5em; }

#header-img {
  background: url("../img/04-header.jpg") center/cover no-repeat; }

#thought {
  margin-top: 10rem;
  margin-bottom: 15rem;
  text-align: center; }
  @media screen and (max-width: 767px) {
    #thought {
      margin-bottom: 10rem; } }
  #thought dt {
    font-size: 40px;
    font-size: 4rem;
    font-family: YuMincho,"Hiragino Mincho ProN",serif;
    font-weight: 100;
    color: #003685;
    letter-spacing: 0.1em;
    margin-bottom: 4rem; }
  @media screen and (max-width: 767px) {
    #thought dt {
      font-size: 35px;
      font-size: 3.5rem;
      line-height: 1.3em; }
    #thought dd {
      text-align: justify; } }

#merit {
  margin-bottom: 15rem; }
  @media screen and (max-width: 767px) {
    #merit {
      margin-bottom: 7rem; } }
  #merit .merit-item {
    text-align: center;
    padding: 0 3.5rem; }
    @media screen and (max-width: 767px) {
      #merit .merit-item {
        margin-bottom: 4rem; } }
    #merit .merit-item img {
      height: 150px;
      margin-bottom: 3rem; }
      @media screen and (max-width: 767px) {
        #merit .merit-item img {
          margin-bottom: 1rem; } }
      @media screen and (max-width: 575px) {
        #merit .merit-item img {
          height: 130px; } }
    #merit .merit-item dt {
      font-size: 20px;
      font-size: 2rem;
      line-height: 4rem; }
      #merit .merit-item dt span {
        font-family: "Montserrat", sans-serif;
        font-size: 35px;
        font-size: 3.5rem;
        font-weight: 600;
        color: #003685; }
    #merit .merit-item dd {
      text-align: justify; }

#schedule {
  background: #F1ECE3;
  position: relative;
  padding: 6rem 0;
  margin-bottom: 15rem;
  z-index: -100; }
  @media screen and (max-width: 767px) {
    #schedule {
      margin-bottom: 7rem; } }
  #schedule .schedule-deco {
    position: absolute;
    top: 0;
    right: 5rem;
    height: 150px;
    z-index: -50; }
    @media screen and (max-width: 767px) {
      #schedule .schedule-deco {
        height: 100px;
        right: 2rem; } }
  #schedule .row {
    margin-bottom: 3rem; }
    #schedule .row img {
      border-radius: 7px; }
  @media screen and (max-width: 575px) {
    #schedule img {
      margin-bottom: 1.5rem; } }
  #schedule dt {
    color: #003685;
    font-size: 20px;
    font-size: 2rem;
    margin-bottom: 0.5rem; }
  #schedule dd span {
    color: #bf9a0e;
    font-weight: 700; }

#youkou {
  margin-bottom: 15rem; }
  @media screen and (max-width: 767px) {
    #youkou {
      margin-bottom: 7rem; } }
  #youkou .container {
    background: #F0F0F0;
    padding: 6rem; }
    @media screen and (max-width: 767px) {
      #youkou .container {
        padding: 6rem 4rem; } }
    @media screen and (max-width: 575px) {
      #youkou .container {
        padding: 5rem 2rem; } }
  #youkou table {
    width: 100%; }
    #youkou table tr {
      border-bottom: 1px solid; }
      #youkou table tr th {
        width: 20%;
        padding: 1rem 0 1rem 2rem;
        vertical-align: top; }
        @media screen and (max-width: 575px) {
          #youkou table tr th {
            padding: 1rem 0; } }
      #youkou table tr td {
        padding: 1rem; }
      @media screen and (max-width: 767px) {
        #youkou table tr th {
          width: 25%; } }
  #youkou .new-graduate {
    margin-bottom: 10rem; }
    @media screen and (max-width: 767px) {
      #youkou .new-graduate {
        margin-bottom: 5rem; } }

#entry {
  margin-bottom: 15rem; }
  @media screen and (max-width: 767px) {
    #entry {
      margin-bottom: 7rem; } }
  #entry .entry-button {
    max-width: 800px;
    margin: 0 auto;
    border: 1px #003685 solid;
    padding: 3rem 5rem 2rem;
    position: relative;
    transition: 0.2s; }
    @media screen and (max-width: 991px) {
      #entry .entry-button {
        max-width: 720px; } }
    @media screen and (max-width: 767px) {
      #entry .entry-button {
        max-width: 540px; } }
    @media screen and (max-width: 575px) {
      #entry .entry-button {
        margin: 0 2rem;
        padding: 3rem 3rem 2rem; } }
    #entry .entry-button dl {
      color: #003685; }
      #entry .entry-button dl dt {
        font-size: 25px;
        font-size: 2.5rem;
        margin-bottom: 0.75rem;
        line-height: 1.5em; }
        #entry .entry-button dl dt span {
          font-size: 30px;
          font-size: 3rem;
          text-decoration: underline; }
    #entry .entry-button img {
      position: absolute;
      top: -4rem;
      right: 12rem;
      height: 150px; }
      @media screen and (max-width: 767px) {
        #entry .entry-button img {
          right: 5rem;
          height: 130px; } }
    #entry .entry-button::after {
      content: "";
      width: 17px;
      height: 17px;
      border-right: 1px solid #003685;
      border-top: 1px solid #003685;
      display: inline-block;
      transform: rotate(45deg);
      position: absolute;
      right: 3rem;
      top: 45%;
      transition: 0.2s; }
    #entry .entry-button:hover {
      background: #d6dfeb; }
      #entry .entry-button:hover::after {
        right: 2rem; }