#message { margin-top: 1em; background-color: #f6f7f7; height: 362px; margin-bottom: 10rem; }
#message .inner { height: 100%; align-items: center; justify-content: center; flex-wrap: nowrap; }
#message .inner .name { display: flex; line-height: 1.3; align-items: flex-end; }
#message .inner .right { margin-left: 4%; padding: 4% 0 3% 0; }
#message .inner .right h2 { font-size: 3.2rem; display: inline-block; padding-right: 1.3em; background: url("/common/img/btn_arrow3.png") right 55%/0.75em no-repeat; }
#message .inner .right h2 + p { font-size: 1.8rem; margin-top: 1.2em; line-height: 2; }
#message .inner .right h2 + p + p { font-size: 2.8rem; margin-left: auto; width: 8.5em; }
#message .inner .right h2 + p + p span { font-size: 0.6em; }

main ul.banner { width: 105%; justify-content: flex-start; }
main ul.banner li { width: 30.813%; margin-right: 1.45%; text-align: center; }
main ul.banner li a p { font-size: 2rem; margin: 1em 0 2em; }

@media screen and (min-width: 768px) and (max-width: 1258px) { #message .inner .right { margin-left: 3vw; }
  #message .inner .right h2 { white-space: nowrap; font-size: 2.5vw; }
  #message .inner .right h2 + p { white-space: nowrap; font-size: 1.5vw; }
  #message .inner .right h2 + p + p { font-size: 2.3vw; }
  #message .inner .name p { font-size: 2.4vw; white-space: nowrap; } }
@media screen and (max-width: 767px) { #main_v { background: url(../img/mv_bg_sp.jpg) left center/cover no-repeat !important; }
  #main_v .chart.pc_display { display: none; }
  #message { background: url("../img/message_bg_sp.jpg") 0 0/100% no-repeat; height: auto; margin-bottom: 3rem; }
  #message .inner { flex-direction: column; justify-content: center; align-items: flex-start; }
  #message .inner .right { position: relative; top: auto; margin-top: 62vw; margin-bottom: 10vw; margin-left: 0vw; order: 1; width: 100%; text-align: center; }
  #message .inner .right h2 { white-space: nowrap; font-size: 5.5vw; display: inline-block; }
  #message .inner .right h2 + p { white-space: nowrap; font-size: 3.5vw; }
  #message .inner .right h2 + p + p { margin-right: auto; }
  #message .inner .name { order: 2; }
  #message .inner .name p { font-size: 5vw; white-space: nowrap; }
  main ul.banner { width: 100%; display: block; }
  main ul.banner li { width: 100%; margin-right: 0px; } }

/*# sourceMappingURL=company.css.map */