/*記事2*/
/* ~代表紹介~ */

#ceo {
  margin-top: 3rem;
  padding-bottom: 5rem;
  padding-left: 0;
  padding-right: 0;
  background: #f4f6f4;
}

#ceo .img {
  max-width: 900px;
  margin: 0 auto;
  width: 100%;
}

#ceo .ceo_img {
  max-width: 100%;
  margin: 0 auto;
  height: 40rem;
  width: 80%;
}

#ceo .ceo_img img {
  object-fit: cover;
  height: 100%;
  width: 100%;
}

#ceo .container {
  max-width: 950px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

#ceo .section_title {
  padding-bottom: 3rem;
}

#ceo .section_title p {
  font-size: 1.8rem;
  letter-spacing: 0.1rem;
}

#ceo .sub_title {
  width: 70%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  font-size: 2.5rem;
  font-weight: bold;
  color: #008475;
  letter-spacing: 0.6rem;
  line-height: 3.5rem;
  font-family: YakuHanMP, "Yu Mincho Light", "YuMincho", "Yu Mincho", "游明朝体", "Noto Serif JP", serif !important;
  border-bottom: 1.5px solid #d4ab37;
  margin-bottom: 4rem;
  padding-bottom: 3rem;
}

#ceo .content {
  display: flex;
  justify-content: center;
  margin-bottom: 5rem;
}

#ceo .infomation {
  line-height: 2.5rem;
  width: 70%;
}

#ceo .infomation p {
  font-size: 1.6rem;
  text-align: left;
}

#ceo .ceo_button a {
  width: 20%;
  font-size: 1.8rem;
  background: #ebffeb;
  border: 1.5px solid #008475;
}

#ceo .ceo_button a:after {
  width: 25px;
  height: 17px;
}




/*サイトの横幅が780px以下*/
@media screen and (max-width: 780px) {

  #ceo .section_title h2 {
    font-size: 3.5rem;
    line-height: 1.5;
  }

  #ceo .section_title p {
    font-size: 1.5rem;
  }

  #ceo .sub_title {
    font-size: 3rem;
  }

  #ceo .ceo_img {
    height: 35rem;
  }

  #ceo .button5 a {
    width: 214px;
    font-size: 1.6rem;
    border: 1px solid #008475;
  }

  #ceo .button5 a:after {
    width: 17px;
    height: 12.5px;
  }
}

/*サイトの横幅が600px以下*/
@media screen and (max-width: 600px) {

  #ceo {
    margin-top: 5rem;
    padding-top: 5rem;
  }


  #ceo .section_title {
    padding-top: 5rem;
    padding-bottom: 3rem;
  }

  #ceo .section_title h2 {
    font-size: 3rem;
    line-height: 1.5;
  }

  #ceo .section_title p {
    font-size: 1rem;
  }

  #ceo .sub_title {
    font-size: 2.4rem;
    letter-spacing: 0.3rem;
  }

  #ceo .infomation p {
    font-size: 1.5rem;
  }

  #ceo .ceo_img {
    height: 25rem;
  }

}

/*サイトの横幅が450px以下*/
@media screen and (max-width: 450px) {

  #ceo .section_title {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  #ceo .section_title h2 {
    font-size: 2.5rem;
  }

  #ceo .section_title p {
    font-size: 1rem;
  }

  #ceo .sub_title {
    font-size: 1.8rem;
    letter-spacing: 0.1rem;
    line-height: 2.5rem;
    margin-bottom: 3rem;
    padding-bottom: 1rem;
  }

  #ceo .infomation p {
    font-size: 1.2rem;
    line-height: 2rem;
  }

  #ceo .button5 a {
    width: 40%;
    font-size: 1.4rem;
    padding: 1rem 0;
  }

  #ceo .ceo_img {
    height: 20rem;
  }
}

/*サイトの横幅が380px以下*/
@media screen and (max-width: 380px) {
  #ceo .sub_title {
    font-size: 1.6rem;
    line-height: 2.5rem;
    margin-bottom: 3rem;
    padding-bottom: 1rem;
  }

  #ceo .button5 a {
    font-size: 1.2rem;
    padding: 1rem 0;
  }
}

/*サイトの横幅が330px以下*/
@media screen and (max-width: 330px) {
  #ceo .sub_title {
    font-size: 1.4rem;
    line-height: 2rem;
  }
}