.br {
  display: block;
}

.message #main_ph .bg_fx_message::after {
  background-image: url(/images/message/president.jpg);
  background-position: center top -11vw;
}

/*------------------------------------------------------------
PC
------------------------------------------------------------*/
@media all and (min-width: 769px) {
  .message #pageUnder .about .body {
    padding-bottom: 0;
  }
  .message .about .about_inner {
    border: 2px solid #6FB92C;
    padding-bottom: clamp(1rem, 0.409rem + 1.82vw, 2rem);
  }
  .message .about .about_inner h3 {
    font-size: clamp(1.125rem, 0.977rem + 0.45vw, 1.375rem);/*18~22px(520~1400px)*/
    margin-bottom: 1em;
    border-left: 10px solid #6FB92C;
    border-bottom: 1px solid #6FB92C;
    padding: .5rem 1rem;
  }
  .message .about .about_inner figure {
    max-width: 800px;
    width: calc(100% - clamp(1rem, 0.409rem + 1.82vw, 2rem) - clamp(1rem, 0.409rem + 1.82vw, 2rem));
    margin: 0 auto 1rem;
    border-radius: 10px;
    overflow: hidden;
  }
  .message .about .about_inner .text .br {
    /* font-size: clamp(1rem, 0.926rem + 0.23vw, 1.125rem);
    line-height: 1.75; */
    text-align: center;
    font-size: clamp(1.125rem, 0.756rem + 1.14vw, 1.75rem);/*18~28px(521~1400px)*/
    line-height: 1.5;
  }

  .message .happy_cycle {
    margin-bottom: clamp(2rem, 0.227rem + 5.45vw, 5rem);/*32~80px(520~1400px)*/
  }
  .message .happy_cycle .top_area {
    border: 2px solid #6FB92C;
    padding: clamp(1rem, 0.409rem + 1.82vw, 2rem);/*16~32px(520~1400px)*/
    padding-bottom: calc(clamp(1rem, 0.409rem + 1.82vw, 2rem) * 1.5);
    margin-bottom: clamp(1.25rem, 0.807rem + 1.36vw, 2rem);/*20~32px(520~1400px)*/
  }
  .message .happy_cycle h3 {
    font-size: clamp(1.125rem, 0.903rem + 0.68vw, 1.5rem);/*18~24px(520~1400px)*/
    color: #fff;
    text-align: center;
    padding: .5rem 1rem;
    background-color: #6FB92C;
    margin-bottom: 1em;
  }
  .message .happy_cycle .text_area {
    display: flex;
    align-items: center;
    justify-content: center;
    grid-gap: .5rem;
    margin-bottom: 1.5rem;
  }
  .message .happy_cycle .text_area img {
    width: clamp(2.5rem, 1.688rem + 2.5vw, 3.875rem);/*40~62px(520~1400px)*/
  }
  .message .happy_cycle .text_area .text .br {
    font-size: clamp(0.875rem, 0.801rem + 0.23vw, 1rem);/*14~16px(520~1400px)*/
    font-weight: bold;
  }
  .message .happy_cycle .scroll {
    overflow: scroll;
    padding-bottom: 2rem;
  }
  .message .happy_cycle .img_area {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: space-between;
    grid-gap: .25rem;
    min-width: 900px;
  }
  .message .happy_cycle .img_area .img_box {
    width: calc(30% - calc(1rem / 3));
  }
  .message .happy_cycle .img_area .img_box .tit {
    font-size: clamp(0.875rem, 0.801rem + 0.23vw, 1rem);/*14~16px(520~1400px)*/
    font-weight: bold;
    color: #fff;
    padding: .5em 1em;
    border-radius: 100px;
    background-color: #6FB92C;
    text-align: center;
    margin-bottom: .5rem;
  }
  .message .happy_cycle .img_area .img_box figure {
    aspect-ratio: 32/22;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
  }
  .message .happy_cycle .img_area .img_box figure img {
    height: 100%;
    width: auto;
    object-fit: contain;
  }
  .message .happy_cycle .img_area .arrow_box {
    width: 5%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    margin-bottom: -1.5rem;
  }
  .message .happy_cycle .img_area .arrow_box::before {
    content: "";
    display: inline-block;
  }
  .message .happy_cycle .img_area .arrow_box .arrow {
    content: url(/images/message/arrow.svg);
    display: inline-block;
    width: 100%;
  }
  .message .happy_cycle .img_area .arrow_box .arrow:nth-of-type(2) {
    transform: rotate(180deg);
  }
  .message .happy_cycle .img_area .arrow_box .txt {
    text-align: center;
    font-size: 14px;
    line-height: 1;
    white-space: nowrap;
  }
  .message .happy_cycle .bottom_area .strong {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    line-height: 1.5;
    border-bottom: 2px solid #6fb92c;
    max-width: fit-content;
    margin: 0 auto;
  }
  .message .happy_cycle .bottom_area .strong:last-of-type {
    margin-bottom: 1.5rem;
  }
  .message .happy_cycle .bottom_area .strong .big {
    font-size: clamp(1.25rem, 0.657rem + 1.82vw, 2.25rem);/*20~36px(521~1400px)*/
    color: #6fb92c;
  }
  .message .happy_cycle .bottom_area .center {
    text-align: center;
    font-size: clamp(1.125rem, 0.977rem + 0.45vw, 1.375rem);/*18~22px(521~1400px)*/
  }


  .message .commit  {
    border: 2px solid #6FB92C;
    padding: clamp(1rem, 0.409rem + 1.82vw, 2rem);/*16~32px(520~1400px)*/
  }
  .message .commit h3 {
    font-size: clamp(1.125rem, 0.903rem + 0.68vw, 1.5rem);/*18~24px(520~1400px)*/
    color: #fff;
    text-align: center;
    padding: .5rem 1rem;
    background-color: #6FB92C;
    margin-bottom: 1em;
  }
  .message .commit .catch  {
    margin-bottom: 1.5rem;
  }
  .message .commit .catch .br  {
    font-size: clamp(1.125rem, 0.756rem + 1.14vw, 1.75rem);/*18~28px(521~1400px)*/
    line-height: 1.3;
    text-align: center;
  }
  .message .commit dl .row {
    border-bottom: 1px solid #6FB92C;
    display: flex;
    align-items: stretch;
    grid-gap: 1rem;
  }
  .message .commit dl .row:not(:last-of-type) {
    margin-bottom: 1rem;
  }
  .message .commit dl .row dt {
    width: 125px;
    padding: .5rem 1rem;
    display: flex;
    align-items: center;
    grid-gap: .25rem;
    color: #fff;
    font-size: clamp(1rem, 0.926rem + 0.23vw, 1.125rem);/*14~16px(521~1400px)*/
    background-color: #6FB92C;
  }
  .message .commit dl .row dt img {
    width: clamp(1.125rem, 0.903rem + 0.68vw, 1.5rem);/*18~24px(521~1400px)*/
  }
  .message .commit dl .row .strong {
    font-size: clamp(1rem, 0.926rem + 0.23vw, 1.125rem);/*14~16px(521~1400px)*/
    font-weight: bold;
    width: 170px;
  }
  .message .commit dl .row dd {
    display: flex;
    align-items: center;
  }
  .message .commit dl .row dd:not(.strong) {
    font-size: clamp(0.875rem, 0.801rem + 0.23vw, 1rem);/*14~16px(521~1400px)*/
    width: calc(100% - 295px - 2rem);
  }


  .message .president_message  {
    background: url(/images/message/bg_sky.jpg) center /cover no-repeat;
  }
  .message .president_message .body {
    display: flex;
    align-items: center;
    justify-content: space-between;
    grid-gap: 1rem;
  }
  .message .president_message .body .text_area {
    width: 65%;
  }
  .message .president_message .body .text_area .br {
    font-size: clamp(1.25rem, 0.438rem + 2.5vw, 2.625rem);/*20~42px(521~1400px)*/
    text-shadow: 0px 0px 10px #fff,0px 0px 10px #fff,0px 0px 10px #fff,0px 0px 10px #fff,0px 0px 10px #fff;
    line-height: 1.5;
    font-weight: bo;
  }
  .message .president_message .body .img_area {
    width: 25%;
    min-width: 250px;
  }
  .message .president_message .body .img_area figure {
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-bottom: 1rem;
    width: 100%;
    aspect-ratio: 1/1;
    overflow: hidden;
  }
  .message .president_message .body .img_area figure img {
    height: 100%;
    width: auto;
    object-fit: contain;
    transform: translateX(5%);
  }
  /* .message .president_message .body .img_area>img {
    margin-bottom: .5rem;
  } */
  .message .president_message .body .img_area .name {
    display: flex;
    align-items: baseline;
    justify-content: flex-end;
    grid-gap: clamp(0.5rem, 0.205rem + 0.91vw, 1rem);/*8~16px(520~1400px)*/
  }
  .message .president_message .body .img_area .small {
    font-size: clamp(0.875rem, 0.727rem + 0.45vw, 1.125rem);/*14~18px(520~1400px)*/
  }
  .message .president_message .body .img_area .big {
    font-size: clamp(1.125rem, 0.903rem + 0.68vw, 1.5rem);/*18~24px(520~1400px)*/
  }

}
@media all and (max-width: 768px) {
  .message #main_ph .bg_fx_message::after {
    background-position: center bottom -17vw;
  }
}
/*------------------------------------------------------------
pad
------------------------------------------------------------*/
@media all and (min-width: 521px) and (max-width: 768px) {

  .message #pageUnder .body {
    padding: 80px 0;
  }
  .message #pageUnder .about .body {
    padding-bottom: 0;
  }
  .message .about .about_inner {
    border: 2px solid #6FB92C;
    padding-bottom: clamp(1rem, 0.409rem + 1.82vw, 2rem);
  }
  .message .about .about_inner h3 {
    font-size: clamp(1.125rem, 0.977rem + 0.45vw, 1.375rem);/*18~22px(520~1400px)*/
    margin-bottom: 1em;
    border-left: 10px solid #6FB92C;
    border-bottom: 1px solid #6FB92C;
    padding: .5rem 1rem;
  }
  .message .about .about_inner figure {
    max-width: 800px;
    width: calc(100% - clamp(1rem, 0.409rem + 1.82vw, 2rem) - clamp(1rem, 0.409rem + 1.82vw, 2rem));
    margin: 0 auto 1rem;
    border-radius: 10px;
    overflow: hidden;
  }
  .message .about .about_inner .text .br {
    text-align: center;
    font-size: clamp(1.125rem, 0.756rem + 1.14vw, 1.75rem);/*18~28px(521~1400px)*/
    line-height: 1.5;
  }


  .message .happy_cycle {
    margin-bottom: clamp(2rem, 0.227rem + 5.45vw, 5rem);/*32~80px(520~1400px)*/
  }
  .message .happy_cycle .top_area {
    border: 2px solid #6FB92C;
    padding: clamp(1rem, 0.409rem + 1.82vw, 2rem);/*16~32px(520~1400px)*/
    padding-bottom: calc(clamp(1rem, 0.409rem + 1.82vw, 2rem) * 1.5);
    margin-bottom: clamp(1.25rem, 0.807rem + 1.36vw, 2rem);/*20~32px(520~1400px)*/
  }
  .message .happy_cycle h3 {
    font-size: clamp(1.125rem, 0.903rem + 0.68vw, 1.5rem);/*18~24px(520~1400px)*/
    color: #fff;
    text-align: center;
    padding: .5rem 1rem;
    background-color: #6FB92C;
    margin-bottom: 1em;
  }
  .message .happy_cycle .text_area {
    display: flex;
    align-items: center;
    justify-content: center;
    grid-gap: .5rem;
    margin-bottom: 1.5rem;
  }
  .message .happy_cycle .text_area img {
    width: clamp(2.5rem, 1.688rem + 2.5vw, 3.875rem);/*40~62px(520~1400px)*/
  }
  .message .happy_cycle .text_area .text .br {
    font-size: clamp(0.875rem, 0.801rem + 0.23vw, 1rem);/*14~16px(520~1400px)*/
    font-weight: bold;
  }
.message .happy_cycle .scroll {
  overflow: scroll;
  padding-bottom: 2rem;
}
.message .happy_cycle .img_area {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: space-between;
  grid-gap: .25rem;
  min-width: 900px;
}
  .message .happy_cycle .img_area .img_box {
    width: calc(30% - calc(1rem / 3));
  }
  .message .happy_cycle .img_area .img_box .tit {
    font-size: clamp(0.875rem, 0.801rem + 0.23vw, 1rem);/*14~16px(520~1400px)*/
    font-weight: bold;
    color: #fff;
    padding: .5em 1em;
    border-radius: 100px;
    background-color: #6FB92C;
    text-align: center;
    margin-bottom: .5rem;
  }
  .message .happy_cycle .img_area .img_box figure {
    aspect-ratio: 32/22;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
  }
  .message .happy_cycle .img_area .img_box figure img {
    height: 100%;
    width: auto;
    object-fit: contain;
  }
  .message .happy_cycle .img_area .arrow_box {
    width: 5%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    margin-bottom: -1.5rem;
  }
  .message .happy_cycle .img_area .arrow_box::before {
    content: "";
    display: inline-block;
  }
  .message .happy_cycle .img_area .arrow_box .arrow {
    content: url(/images/message/arrow.svg);
    display: inline-block;
    width: 100%;
  }
  .message .happy_cycle .img_area .arrow_box .arrow:nth-of-type(2) {
    transform: rotate(180deg);
  }
  .message .happy_cycle .img_area .arrow_box .txt {
    text-align: center;
    font-size: 14px;
    line-height: 1;
    white-space: nowrap;
  }
  .message .happy_cycle .bottom_area .strong {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    line-height: 1.5;
    border-bottom: 2px solid #6fb92c;
    max-width: fit-content;
    margin: 0 auto;
  }
  .message .happy_cycle .bottom_area .strong:last-of-type {
    margin-bottom: 1.5rem;
  }
  .message .happy_cycle .bottom_area .strong .big {
    font-size: clamp(1.25rem, 0.657rem + 1.82vw, 2.25rem);/*20~36px(521~1400px)*/
    color: #6fb92c;
  }
  .message .happy_cycle .bottom_area .center {
    text-align: center;
    font-size: clamp(1.125rem, 0.977rem + 0.45vw, 1.375rem);/*18~22px(521~1400px)*/
  }


  .message .commit  {
    border: 2px solid #6FB92C;
    padding: clamp(1rem, 0.409rem + 1.82vw, 2rem);/*16~32px(520~1400px)*/
  }
  .message .commit h3 {
    font-size: clamp(1.125rem, 0.903rem + 0.68vw, 1.5rem);/*18~24px(520~1400px)*/
    color: #fff;
    text-align: center;
    padding: .5rem 1rem;
    background-color: #6FB92C;
    margin-bottom: 1em;
  }
  .message .commit .catch  {
    margin-bottom: 1.5rem;
  }
  .message .commit .catch .br  {
    font-size: clamp(1.125rem, 0.756rem + 1.14vw, 1.75rem);/*18~28px(521~1400px)*/
    line-height: 1.3;
    text-align: center;
  }
  .message .commit dl .row {
    border-bottom: 1px solid #6FB92C;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    grid-gap: .5rem 1rem;
  }
  .message .commit dl .row:not(:last-of-type) {
    margin-bottom: 1rem;
  }
  .message .commit dl .row dt {
    width: 125px;
    padding: .5rem 1rem;
    display: flex;
    align-items: center;
    grid-gap: .25rem;
    color: #fff;
    font-size: clamp(1rem, 0.926rem + 0.23vw, 1.125rem);/*14~16px(521~1400px)*/
    background-color: #6FB92C;
  }
  .message .commit dl .row dt img {
    width: clamp(1.125rem, 0.903rem + 0.68vw, 1.5rem);/*18~24px(521~1400px)*/
  }
  .message .commit dl .row .strong {
    font-size: clamp(1rem, 0.926rem + 0.23vw, 1.125rem);/*14~16px(521~1400px)*/
    font-weight: bold;
    width: calc(100% - 125px -1rem);
  }
  .message .commit dl .row dd {
    display: flex;
    align-items: center;
  }
  .message .commit dl .row dd:not(.strong) {
    font-size: clamp(0.875rem, 0.801rem + 0.23vw, 1rem);/*14~16px(521~1400px)*/
    width:100%;
  }


  .message .president_message  {
    background: url(/images/message/bg_sky.jpg) center /cover no-repeat;
  }
  .message .president_message .body {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    grid-gap: 1rem;
  }
  .message .president_message .body .text_area {
    width: 100%;
  }
  .message .president_message .body .text_area .br {
    font-size: clamp(1.25rem, 0.438rem + 2.5vw, 2.625rem);/*20~42px(521~1400px)*/
    text-shadow: 0px 0px 10px #fff,0px 0px 10px #fff,0px 0px 10px #fff,0px 0px 10px #fff,0px 0px 10px #fff;
    line-height: 1.5;
    font-weight: bo;
  }
  .message .president_message .body .img_area {
    width: 80%;
    min-width: 250px;
    max-width: 300px;
  }
  .message .president_message .body .img_area figure {
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 1rem;
    width: 100%;
  }
  .message .president_message .body .img_area figure img {
    width: 100%;
    object-fit: contain;
  }

  .message .president_message .body .img_area .name {
    display: flex;
    align-items: baseline;
    justify-content: flex-end;
    grid-gap: clamp(0.5rem, 0.205rem + 0.91vw, 1rem);/*8~16px(520~1400px)*/
  }
  .message .president_message .body .img_area .small {
    font-size: clamp(0.875rem, 0.727rem + 0.45vw, 1.125rem);/*14~18px(520~1400px)*/
  }
  .message .president_message .body .img_area .big {
    font-size: clamp(1.125rem, 0.903rem + 0.68vw, 1.5rem);/*18~24px(520~1400px)*/
  }


}
/*------------------------------------------------------------
SP
------------------------------------------------------------*/
@media all and (max-width: 520px) {
  .message #pageUnder .body {
    padding: 50px 0;
  }
  .message #pageUnder .about .body {
    padding-bottom: 0;
  }
  .message .about .about_inner {
    border: 2px solid #6FB92C;
    padding-bottom: clamp(1rem, 0.409rem + 1.82vw, 2rem);
  }
  .message .about .about_inner h3 {
    font-size: clamp(1.125rem, 0.977rem + 0.45vw, 1.375rem);/*18~22px(520~1400px)*/
    margin-bottom: 1em;
    border-left: 10px solid #6FB92C;
    border-bottom: 1px solid #6FB92C;
    padding: .5rem 1rem;
  }
  .message .about .about_inner figure {
    max-width: 800px;
    width: calc(100% - clamp(1rem, 0.409rem + 1.82vw, 2rem) - clamp(1rem, 0.409rem + 1.82vw, 2rem));
    margin: 0 auto 1rem;
    border-radius: 10px;
    overflow: hidden;
  }
  .message .about .about_inner .text .br {
    font-size: 17px;
    line-height: 1.75;
    text-align: center;
  }

  .message .happy_cycle {
    margin-bottom: clamp(2rem, 0.227rem + 5.45vw, 5rem);/*32~80px(520~1400px)*/
  }
  .message .happy_cycle .top_area {
    border: 2px solid #6FB92C;
    padding: clamp(1rem, 0.409rem + 1.82vw, 2rem);/*16~32px(520~1400px)*/
    padding-bottom: calc(clamp(1rem, 0.409rem + 1.82vw, 2rem) * 1.5);
    margin-bottom: clamp(1.25rem, 0.807rem + 1.36vw, 2rem);/*20~32px(520~1400px)*/
  }
  .message .happy_cycle h3 {
    font-size: clamp(1.125rem, 0.903rem + 0.68vw, 1.5rem);/*18~24px(520~1400px)*/
    color: #fff;
    text-align: center;
    padding: .5rem 1rem;
    background-color: #6FB92C;
    margin-bottom: 1em;
  }
  .message .happy_cycle .text_area {
    display: flex;
    align-items: center;
    justify-content: center;
    grid-gap: .5rem;
    margin-bottom: 1.5rem;
  }
  .message .happy_cycle .text_area img {
    width: clamp(2.5rem, 1.688rem + 2.5vw, 3.875rem);/*40~62px(520~1400px)*/
  }
  .message .happy_cycle .text_area .text .br {
    font-size: clamp(0.875rem, 0.801rem + 0.23vw, 1rem);/*14~16px(520~1400px)*/
    font-weight: bold;
  }
.message .happy_cycle .scroll {
  overflow: scroll;
  padding-bottom: 2rem;
}
.message .happy_cycle .img_area {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: space-between;
  grid-gap: .25rem;
  min-width: 900px;
}
  .message .happy_cycle .img_area .img_box {
    width: calc(30% - calc(1rem / 3));
  }
  .message .happy_cycle .img_area .img_box .tit {
    font-size: clamp(0.875rem, 0.801rem + 0.23vw, 1rem);/*14~16px(520~1400px)*/
    font-weight: bold;
    color: #fff;
    padding: .5em 1em;
    border-radius: 100px;
    background-color: #6FB92C;
    text-align: center;
    margin-bottom: .5rem;
  }
  .message .happy_cycle .img_area .img_box figure {
    aspect-ratio: 32/22;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
  }
  .message .happy_cycle .img_area .img_box figure img {
    height: 100%;
    width: auto;
    object-fit: contain;
  }
  .message .happy_cycle .img_area .arrow_box {
    width: 5%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    margin-bottom: -1.5rem;
  }
  .message .happy_cycle .img_area .arrow_box::before {
    content: "";
    display: inline-block;
  }
  .message .happy_cycle .img_area .arrow_box .arrow {
    content: url(/images/message/arrow.svg);
    display: inline-block;
    width: 100%;
  }
  .message .happy_cycle .img_area .arrow_box .arrow:nth-of-type(2) {
    transform: rotate(180deg);
  }
  .message .happy_cycle .img_area .arrow_box .txt {
    text-align: center;
    font-size: 14px;
    line-height: 1;
    white-space: nowrap;
  }
  .message .happy_cycle .bottom_area .strong {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    line-height: 1.5;
    border-bottom: 2px solid #6fb92c;
    max-width: fit-content;
    margin: 0 auto;
  }
  .message .happy_cycle .bottom_area .strong:last-of-type {
    margin-bottom: 1.5rem;
  }
  .message .happy_cycle .bottom_area .strong .big {
    font-size: clamp(1.25rem, 0.657rem + 1.82vw, 2.25rem);/*20~36px(521~1400px)*/
    color: #6fb92c;
  }
  .message .happy_cycle .bottom_area .center {
    text-align: center;
    font-size: clamp(1.125rem, 0.977rem + 0.45vw, 1.375rem);/*18~22px(521~1400px)*/
  }


  .message .commit  {
    border: 2px solid #6FB92C;
    padding: clamp(1rem, 0.409rem + 1.82vw, 2rem);/*16~32px(520~1400px)*/
  }
  .message .commit h3 {
    font-size: clamp(1.125rem, 0.903rem + 0.68vw, 1.5rem);/*18~24px(520~1400px)*/
    color: #fff;
    text-align: center;
    padding: .5rem 1rem;
    background-color: #6FB92C;
    margin-bottom: 1em;
  }
  .message .commit .catch  {
    margin-bottom: 1.5rem;
  }
  .message .commit .catch .br  {
    font-size: clamp(1.125rem, 0.756rem + 1.14vw, 1.75rem);/*18~28px(521~1400px)*/
    line-height: 1.3;
    text-align: center;
  }
  .message .commit dl .row {
    border-bottom: 1px solid #6FB92C;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    grid-gap: .5rem 1rem;
  }
  .message .commit dl .row:not(:last-of-type) {
    margin-bottom: 1rem;
  }
  .message .commit dl .row dt {
    width: 110px;
    padding: .5rem 1rem;
    display: flex;
    align-items: center;
    grid-gap: .25rem;
    color: #fff;
    font-size: clamp(1rem, 0.926rem + 0.23vw, 1.125rem);/*14~16px(521~1400px)*/
    background-color: #6FB92C;
  }
  .message .commit dl .row dt img {
    width: clamp(1.125rem, 0.903rem + 0.68vw, 1.5rem);/*18~24px(521~1400px)*/
  }
  .message .commit dl .row .strong {
    font-size: clamp(1rem, 0.926rem + 0.23vw, 1.125rem);/*14~16px(521~1400px)*/
    font-weight: bold;
    width: calc(100% - 110px -1rem);
  }
  .message .commit dl .row dd {
    display: flex;
    align-items: center;
  }
  .message .commit dl .row dd:not(.strong) {
    font-size: clamp(0.875rem, 0.801rem + 0.23vw, 1rem);/*14~16px(521~1400px)*/
    width:100%;
  }


  .message .president_message  {
    background: url(/images/message/bg_sky.jpg) center /cover no-repeat;
  }
  .message .president_message .body {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    grid-gap: 1rem;
  }
  .message .president_message .body .text_area {
    width: 100%;
  }
  .message .president_message .body .text_area .br {
    font-size: clamp(1.25rem, 0.438rem + 2.5vw, 2.625rem);/*20~42px(521~1400px)*/
    text-shadow: 0px 0px 10px #fff,0px 0px 10px #fff,0px 0px 10px #fff,0px 0px 10px #fff,0px 0px 10px #fff;
    line-height: 1.5;
    font-weight: bo;
  }
  .message .president_message .body .img_area {
    width: 80%;
    min-width: 250px;
    max-width: 300px;
  }
  .message .president_message .body .img_area figure {
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 1rem;
    width: 100%;
  }
  .message .president_message .body .img_area figure img {
    width: 100%;
    object-fit: contain;
  }

  .message .president_message .body .img_area .name {
    display: flex;
    align-items: baseline;
    justify-content: flex-end;
    grid-gap: clamp(0.5rem, 0.205rem + 0.91vw, 1rem);/*8~16px(520~1400px)*/
  }
  .message .president_message .body .img_area .small {
    font-size: clamp(0.875rem, 0.727rem + 0.45vw, 1.125rem);/*14~18px(520~1400px)*/
  }
  .message .president_message .body .img_area .big {
    font-size: clamp(1.125rem, 0.903rem + 0.68vw, 1.5rem);/*18~24px(520~1400px)*/
  }

}