.main_inner {
  margin: 0 auto;
}
@media (min-width: 769px) {
  .main_inner {
    max-width: 110rem;
    padding: 21rem 10px 0;
  }
}
@media (max-width: 768px) {
  .main_inner {
    max-width: 86.667%;
    padding: 31.3rem 10px 0;
  }
}

.message_head {
  position: relative;
}
@media (min-width: 769px) {
  .message_head {
    padding-bottom: 16rem;
  }
}
@media (max-width: 768px) {
  .message_head {
    display: flex;
    justify-content: center;
    padding-bottom: 15.5rem;
  }
}
.message_head::before {
  content: "";
  position: absolute;
  background-image: url(../images/message/head.webp);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 66.6rem;
  height: 31.8rem;
  pointer-events: none;
}
@media (min-width: 769px) {
  .message_head::before {
    right: -0.1rem;
    top: -9.1rem;
  }
}
@media (max-width: 768px) {
  .message_head::before {
    left: 50%;
    top: -8.2rem;
    translate: -50% 0;
  }
}
.message_head h1 {
  position: relative;
  line-height: 1;
}
@media (min-width: 769px) {
  .message_head h1 {
    letter-spacing: 0.015em;
    font-size: 7.2rem;
  }
}
@media (max-width: 768px) {
  .message_head h1 {
    letter-spacing: -0.01em;
    font-size: 9.2rem;
    white-space: nowrap;
  }
}
.message_head p {
  position: relative;
  letter-spacing: 0.015em;
  line-height: 1;
  font-weight: 700;
}
@media (min-width: 769px) {
  .message_head p {
    padding-top: 0.6rem;
    font-size: 2.2rem;
  }
}
@media (max-width: 768px) {
  .message_head p {
    padding-top: 1.2rem;
    font-size: 3rem;
  }
}
.message_box {
  position: relative;
  background-image: url(/global/en/dynabook-b2c/images/message/box.webp);
  background-position: center center;
  background-repeat: no-repeat;
}
@media (min-width: 769px) {
  .message_box {
    background-size: 73.6rem;
    padding: 6.5rem 7rem 7rem;
  }
}
@media (max-width: 768px) {
  .message_box {
    background-size: 56.8rem;
    padding: 9rem 5.5rem 7rem;
  }
}
@media (min-width: 769px) {
  .message_box + .message_box {
    margin-top: 3rem;
  }
}
@media (max-width: 768px) {
  .message_box + .message_box {
    margin-top: 4rem;
  }
}
.message_box_bg {
  position: absolute;
  background: linear-gradient(120deg, #2e7cd9 8%, #8be4ff 57%, #c500d0 100%);
  border-radius: 2.6rem;
  inset: 0;
  opacity: 0.3;
  pointer-events: none;
}
.message_box_bg::before {
  content: "";
  position: absolute;
  clip-path: path("M1.82001,7.82001l36.17999,36.17999V1H4.65002C1.09003,1-.70001,5.29999,1.82001,7.82001Z");
  background: #2e7cd9;
  width: calc(3.7rem + 1px);
  height: calc(4.4rem + 1px);
  right: calc(100% - 1px);
  pointer-events: none;
}
@media (min-width: 769px) {
  .message_box_bg::before {
    top: 6rem;
  }
}
@media (max-width: 768px) {
  .message_box_bg::before {
    top: 10rem;
  }
}
.message_box_name {
  position: relative;
  letter-spacing: 0.015em;
  font-weight: 500;
}
@media (min-width: 769px) {
  .message_box_name {
    line-height: 1.25;
    font-size: 3.6rem;
  }
  .message_box_name > p {
    font: inherit;
  }
  .message_box_name > p:first-of-type {
    margin-top: -0.125em;
  }
  .message_box_name > p:last-of-type {
    margin-bottom: -0.125em;
  }
}
@media (max-width: 768px) {
  .message_box_name {
    line-height: 1.179;
    font-size: 5.6rem;
  }
  .message_box_name > p {
    font: inherit;
  }
  .message_box_name > p:first-of-type {
    margin-top: -0.089em;
  }
  .message_box_name > p:last-of-type {
    margin-bottom: -0.089em;
  }
}
@media (min-width: 769px) {
  .message_box_name + .message_box_position {
    padding-top: 1.5rem;
  }
}
@media (max-width: 768px) {
  .message_box_name + .message_box_position {
    padding-top: 2.5rem;
  }
}
.message_box_position {
  position: relative;
  letter-spacing: 0.05em;
}
@media (min-width: 769px) {
  .message_box_position {
    line-height: 1.5;
    font-size: 1.6rem;
  }
  .message_box_position > p {
    font: inherit;
  }
  .message_box_position > p:first-of-type {
    margin-top: -0.25em;
  }
  .message_box_position > p:last-of-type {
    margin-bottom: -0.25em;
  }
}
@media (max-width: 768px) {
  .message_box_position {
    line-height: 1.385;
    font-size: 2.6rem;
  }
  .message_box_position > p {
    font: inherit;
  }
  .message_box_position > p:first-of-type {
    margin-top: -0.192em;
  }
  .message_box_position > p:last-of-type {
    margin-bottom: -0.192em;
  }
}
@media (min-width: 769px) {
  .message_box_position + .message_box_lead {
    padding-top: 4rem;
  }
}
@media (max-width: 768px) {
  .message_box_position + .message_box_lead {
    padding-top: 8.5rem;
  }
}
@media (min-width: 769px) {
  .message_box_position + .message_box_text {
    padding-top: 4rem;
  }
}
@media (max-width: 768px) {
  .message_box_position + .message_box_text {
    padding-top: 8.5rem;
  }
}
.message_box_lead {
  position: relative;
  letter-spacing: 0.015em;
  font-weight: 500;
}
@media (min-width: 769px) {
  .message_box_lead {
    line-height: 1.385;
    font-size: 2.6rem;
  }
  .message_box_lead > p {
    font: inherit;
  }
  .message_box_lead > p:first-of-type {
    margin-top: -0.192em;
  }
  .message_box_lead > p:last-of-type {
    margin-bottom: -0.192em;
  }
}
@media (max-width: 768px) {
  .message_box_lead {
    line-height: 1.45;
    font-size: 4rem;
  }
  .message_box_lead > p {
    font: inherit;
  }
  .message_box_lead > p:first-of-type {
    margin-top: -0.225em;
  }
  .message_box_lead > p:last-of-type {
    margin-bottom: -0.225em;
  }
}
@media (min-width: 769px) {
  .message_box_lead + .message_box_text {
    padding-top: 3.5rem;
  }
}
@media (max-width: 768px) {
  .message_box_lead + .message_box_text {
    padding-top: 6rem;
  }
}
.message_box_text {
  position: relative;
  letter-spacing: 0.05em;
}
@media (min-width: 769px) {
  .message_box_text {
    line-height: 1.556;
    font-size: 1.8rem;
  }
  .message_box_text > p {
    font: inherit;
  }
  .message_box_text > p:first-of-type {
    margin-top: -0.277em;
  }
  .message_box_text > p:last-of-type {
    margin-bottom: -0.277em;
  }
}
@media (max-width: 768px) {
  .message_box_text {
    line-height: 1.786;
    font-size: 2.8rem;
  }
  .message_box_text > p {
    font: inherit;
  }
  .message_box_text > p:first-of-type {
    margin-top: -0.392em;
  }
  .message_box_text > p:last-of-type {
    margin-bottom: -0.392em;
  }
}
@media (min-width: 769px) {
  .message_box_text p + p {
    padding-top: 2.8rem;
  }
}
@media (max-width: 768px) {
  .message_box_text p + p {
    padding-top: 5rem;
  }
}