/*==================================================

** philosophy-2023
==================================================*/
#philosophyCompany h2 {
  margin-top: 70px; }
  #philosophyCompany h2 + p {
    margin: 40px auto 0;
    max-width: 940px; }
#philosophyCompany .managementphilosophy .catchbox {
  width: 315px;
  margin: 70px auto 0; }

#philosophyMessage {
  margin-top: 175px; }
  #philosophyMessage .presidentbox {
    margin-top: 160px;
    padding-bottom: 117px; }
    #philosophyMessage .presidentbox .txtbox {
      width: 645px; }
    #philosophyMessage .presidentbox .catch {
      width: 625px; }
    #philosophyMessage .presidentbox .namebox {
      margin-top: 40px; }
      #philosophyMessage .presidentbox .namebox .status {
        line-height: 1.4;
        font-size: 1.5rem; }
      #philosophyMessage .presidentbox .namebox .name {
        width: 180px;
        margin-left: 10px; }
    #philosophyMessage .presidentbox .phtbox {
      position: absolute;
      top: -120px;
      right: 0;
      width: 422px; }
  #philosophyMessage .messagebox {
    background: rgba(211, 205, 208, 0.3);
    padding: 92px 0 116px; }
    #philosophyMessage .messagebox p + p {
      margin-top: 1em; }
    #philosophyMessage .messagebox .lrbox {
      margin-top: 30px; }
      #philosophyMessage .messagebox .lrbox .txtbox {
        width: 560px; }
        #philosophyMessage .messagebox .lrbox .txtbox p {
          margin-top: 0; }
          #philosophyMessage .messagebox .lrbox .txtbox p + p {
            margin-top: 1em; }
      #philosophyMessage .messagebox .lrbox .phtbox {
        width: 483px; }
      #philosophyMessage .messagebox .lrbox + p {
        margin-top: 30px; }
  #philosophyMessage .btnbox {
    margin-top: 32px; }
    #philosophyMessage .btnbox + .btnbox {
      margin-top: 36px; }

@media screen and (max-width: 600px) {
  #philosophyCompany h2 {
    font-size: 2.0rem;
    margin-top: 36px; }
    #philosophyCompany h2 + p {
      margin-top: 16px; }
  #philosophyCompany .managementphilosophy .catchbox {
    margin-top: 32px;
    width: 191px; }

  #philosophyMessage {
    margin-top: 82px; }
    #philosophyMessage .presidentbox {
      margin-top: 34px;
      padding-bottom: 117px; }
      #philosophyMessage .presidentbox .txtbox {
        width: 100%; }
      #philosophyMessage .presidentbox .catch {
        width: 100%; }
      #philosophyMessage .presidentbox .namebox {
        margin-top: 56px;
        justify-content: flex-start; }
        #philosophyMessage .presidentbox .namebox .status {
          width: 100%;
          font-size: 1.3rem; }
        #philosophyMessage .presidentbox .namebox .name {
          width: 128px;
          margin: 8px 0 0; }
      #philosophyMessage .presidentbox .phtbox {
        top: auto;
        bottom: -50px;
        width: 65%;
        max-width: 220px; }
    #philosophyMessage .messagebox {
      background: rgba(211, 205, 208, 0.3);
      padding: 42px 0 24px; }
      #philosophyMessage .messagebox .lrbox {
        margin-top: 30px; }
        #philosophyMessage .messagebox .lrbox .txtbox {
          width: 100%;
          margin-top: 26px; }
        #philosophyMessage .messagebox .lrbox .phtbox {
          width: 100%; }
    #philosophyMessage .btnbox {
      margin-top: 35px; }
      #philosophyMessage .btnbox + .btnbox {
        margin-top: 19px; } }