#pageHeader .top {
  background-image: url("../../img/about/about_top_image.jpg"); }
@media screen and (max-width: 781px) {
  #pageHeader .top {
    background-image: url("../../img/about/about_top_image_sp.jpg"); } }

#main {
  background-color: #f5f2ec; }

#message .layout-pc .larea {
  flex-basis: 100%; }
#message .layout-pc .txt {
  line-height: 1.875; }
  #message .layout-pc .txt h4 {
    font-size: 1.625em;
    line-height: 1.6153846154;
    font-weight: bold;
    margin-bottom: 1.2307692308em; }
#message .layout-pc .photo .namearea {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 3.125em; }
  #message .layout-pc .photo .namearea .job {
    font-size: 1em;
    margin-right: 1em; }
  #message .layout-pc .photo .namearea .name {
    font-size: 1.625em;
    letter-spacing: 0.200em;
    font-weight: bold; }
@media screen and (max-width: 781px) {
  #message .layout-pc .txt {
    line-height: 1.7142857143; }
    #message .layout-pc .txt h4 {
      font-size: 1.0625em;
      line-height: 1.75; }
  #message .layout-pc .photo {
    margin-top: 1.875em; }
    #message .layout-pc .photo .namearea {
      margin-top: 1.25em; }
      #message .layout-pc .photo .namearea .job {
        font-size: 0.625em; }
      #message .layout-pc .photo .namearea .name {
        font-size: 1.0625em; } }

#overview .txt {
  flex-grow: 1;
  line-height: 1.875; }
#overview .photo {
  flex-basis: 36.170212766%;
  line-height: 0; }
@media screen and (max-width: 781px) {
  #overview .photo {
    margin-top: 1.25em; } }

#philosophy {
  text-align: center; }
  #philosophy .txt01 {
    font-size: 1.75em;
    font-weight: bold;
    color: #e95469; }
  #philosophy .txt02 {
    font-size: 1.375em;
    font-weight: bold;
    margin-bottom: 1em; }
  #philosophy .txt03 {
    font-size: 1.3125em;
    line-height: 2em; }
  #philosophy .photo {
    display: flex;
    margin-top: 2.5em; }
    #philosophy .photo img {
      width: 50%; }
       /* ===== ここから追加 ===== */
  #philosophy .philosophy-image {
    width: 100%;
    display: block;
    margin: 0 auto 2em auto; }
    #philosophy .philosophy-image img {
      width: 100%;
      height: auto;
      display: block; }
  /* ===== ここまで追加 ===== */
  @media screen and (max-width: 781px) {
    #philosophy .txt01 {
      font-size: 1.1875em; }
    #philosophy .txt02 {
      font-size: 1.0625em; }
    #philosophy .txt03 {
      font-size: 0.9375em;
      line-height: 1.75;
      text-align: left; }
    #philosophy .photo {
      flex-direction: column;
      margin-top: 1.25em; }
      #philosophy .photo img {
        width: 100%; }
    /* ===== ここから追加 ===== */
    #philosophy .philosophy-image {
      margin-bottom: 1.25em; } 
    }
    /* ===== ここまで追加 ===== */

#history .date {
  display: flex;
  justify-content: space-between;
  white-space: nowrap; }
@media screen and (max-width: 781px) {
  #history .date {
    display: block; } }

#sdgs {
  background-color: #f5f2ec; }
  #sdgs .wht_bg {
    background-color: #FFFFFF;
    padding: 5.625rem;
    padding-bottom: 6.875rem; }
  #sdgs .intro {
    text-align: center; }
    #sdgs .intro .logo {
      width: 30rem;
      margin: auto; }
    #sdgs .intro .ttl {
      margin-top: 2.8125rem;
      font-size: 1.375em;
      line-height: 1.8181818182;
      font-weight: bold; }
    #sdgs .intro .txt {
      margin-top: 1.875rem;
      font-size: 1em;
      line-height: 2;
      letter-spacing: 0.02em; }
  #sdgs .layout {
    width: 100%;
    max-width: 36.25rem;
    margin: auto;
    margin-top: 3.75rem; }
    #sdgs .layout .img_wrap {
      width: 46.5517241379%; }
  #sdgs .linkbtn {
    margin-top: 4.375rem;
    text-align: center; }
    #sdgs .linkbtn .btn {
      width: 21.25rem;
      height: 3.75rem;
      font-size: 1.25em; }
  @media screen and (max-width: 781px) {
    #sdgs .wht_bg {
      padding: 2.5rem 1.25rem;
      padding-bottom: 2.5rem; }
    #sdgs .intro .logo {
      width: 15rem; }
    #sdgs .intro .ttl {
      margin-top: 1.25rem;
      font-size: 1.125em;
      line-height: 1.7777777778;
      letter-spacing: 0;
      white-space: nowrap; }
    #sdgs .intro .txt {
      margin-top: 1.25rem;
      font-size: 0.9375em;
      line-height: 1.7333333333;
      letter-spacing: 0;
      text-align: left; }
    #sdgs .layout {
      width: 100%;
      max-width: 17.5rem;
      margin: auto;
      margin-top: 1.25rem; }
      #sdgs .layout .img_wrap {
        width: 47.5%; }
    #sdgs .linkbtn {
      margin-top: 2.5rem; }
      #sdgs .linkbtn .btn {
        width: 15.625rem;
        height: 3.125rem;
        font-size: 0.9375em; } }