@charset "utf-8";

.about_greeting {padding:100px 20px 140px;background:#fff}
.about_greeting .about_inner {width:100%;max-width:1200px;margin:0 auto}
.about_greeting .about_heading {margin-bottom:32px}
.about_greeting .about_heading p {margin-bottom:5px;color:#009fe3;font-size:15px;font-weight:700;letter-spacing:.02em}
.about_greeting .about_heading h2 {margin:0;color:#111;font-size:30px;font-weight:700;line-height:1.2}
.about_greeting .about_visual {position:relative;margin:0}
.about_greeting .about_visual:after {position:absolute;inset:0;background:rgba(0,159,227,.16);content:""}
.about_greeting .about_visual img {display:block;width:100%;height:auto}
.about_greeting .about_visual figcaption {position:absolute;right:55px;bottom:48px;z-index:1;color:#fff;font-size:31px;font-weight:700;line-height:1.25;text-align:right}
.about_greeting .about_message {padding-top:52px;color:#555;font-size:16px;line-height:1.9;word-break:keep-all}
.about_greeting .about_message p {margin:0 0 25px}
.about_greeting .about_message .about_message_lead {margin-bottom:30px;color:#222;font-size:21px;font-weight:700;line-height:1.5}
.about_greeting .about_message .about_signature {margin-top:48px;margin-bottom:0;text-align:right;color:#555;font-size:15px}
.about_greeting .about_message .ceo_name {display:inline-block;margin-left:8px;color:#222;font-size:28px;font-weight:400;line-height:1;vertical-align:middle}

@media (max-width:969px) {
    .about_greeting {padding-top:80px;padding-bottom:100px}
    .about_greeting .about_visual figcaption {right:35px;bottom:32px;font-size:27px}
    .about_greeting .about_message {font-size:15px}
}

@media (max-width:639px) {
    .about_greeting {padding:60px 20px 80px}
    .about_greeting .about_heading {margin-bottom:24px}
    .about_greeting .about_heading p {font-size:13px}
    .about_greeting .about_heading h2 {font-size:25px}
    .about_greeting .about_visual img {min-height:240px;object-fit:cover}
    .about_greeting .about_visual figcaption {right:20px;bottom:20px;font-size:22px}
    .about_greeting .about_message {padding-top:35px;font-size:14px;line-height:1.75}
    .about_greeting .about_message p {margin-bottom:22px}
    .about_greeting .about_message p br {display:none}
    .about_greeting .about_message .about_message_lead {margin-bottom:25px;font-size:18px}
    .about_greeting .about_message .about_signature {margin-top:35px;font-size:13px}
    .about_greeting .about_message .ceo_name {font-size:24px}
}