:root {
  --viewport-width: min(100vw, 1600px);
  --b: calc(var(--viewport-width) / 160);
}

#message {
  margin-bottom: max(14.6rem, 80px);
}
#message .h3box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 2rem;
  margin: max(10rem, 50px) 0 max(8.7rem, 40px);
}
@media screen and (max-width: 1000px) {
  #message .h3box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
#message .h3box .h3box__h3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  width: 33%;
  min-width: 270px;
  gap: max(2rem, 10px);
}
#message .h3box .h3box__h3 .rhombus {
  margin-top: max(2rem, 10px);
}
@media screen and (max-width: 1000px) {
  #message .h3box .h3box__h3 {
    width: 100%;
  }
}
@media screen and (max-width: 550px) {
  #message .h3box .h3box__h3 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-bottom: max(2rem, 10px);
  }
}
#message .h3box .h3box__h3 h3 {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: max(3rem, 20px);
}
#message .h3box p {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
#message .flexbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: max(1.9rem, 19px);
  border-bottom: 1px solid #646464;
  padding-bottom: max(11rem, 50px);
}
@media screen and (max-width: 768px) {
  #message .flexbox {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
#message .flexbox__h4box {
  width: 100%;
  background-color: rgba(58, 148, 71, 0.16);
  padding: max(6rem, 30px) max(5rem, 25px);
}
#message .flexbox__h4box h4 {
  color: #3A9447;
  font-size: max(2.3rem, 16px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: max(3rem, 15px);
}
@media screen and (max-width: 768px) {
  #message .flexbox__h4box h4 {
    -webkit-box-pack: left;
        -ms-flex-pack: left;
            justify-content: left;
    font-size: max(2.4rem, 20px);
  }
}
#message .flexbox__h4box h4 span {
  text-align: center;
}
#message .flexbox__h4box p {
  color: #3A9447;
}
#message .representative {
  padding-top: max(9.4rem, 40px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 6rem;
}
@media screen and (max-width: 768px) {
  #message .representative {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
#message .representative__imgbox {
  width: 22%;
  min-width: 250px;
}
@media screen and (max-width: 768px) {
  #message .representative__imgbox {
    width: 100%;
    max-width: 450px;
    min-width: inherit;
    margin: 0 auto;
  }
}
#message .representative__textbox {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
#message .representative__textbox h4 {
  font-size: max(2.4rem, 20px);
  margin-bottom: max(4.6rem, 10px);
}
@media screen and (max-width: 550px) {
  #message .representative__textbox h4 {
    font-size: max(2.4rem, 18px);
  }
}
#message .representative__textbox .name {
  margin-top: max(4.2rem, 10px);
  text-align: right;
  font-size: max(2rem, 16px);
}/*# sourceMappingURL=message.css.map */