@charset "UTF-8";

/* ----------------------------------
 TopMessage
---------------------------------- */
.only-sp { display: none !important;}

#company_header .block-company-header-menu-list li.info::before { width: 80%; left: 10%;}
#company_header .block-company-header-menu-list li.info a { color: #CD0000;}

#companyinfo_nav .companyinfo-box ul .nav-item.message a.nav-link { font-weight: 600; color: #CD0000; background-color: #F2F2F2;}

#topmessage_area { width: 800px; margin: 0 auto;}
#topmessage_area .page-ttl-block { margin-bottom: 40px;}
#topmessage_area h1.page-ttl { padding: 5px 0 10px; margin: 0 0 40px 0; font-size: 22px; font-weight: bold; font-family: "Open Sans", sans-serif; text-align: center; letter-spacing: 0.08em; color: #CD0000; position: relative;}
#topmessage_area h1.page-ttl:after { content: ""; width: 48px; height: 2px; display: block; position: absolute; bottom: 0; left: calc(50% - 24px); background: #CD0000;}
#topmessage_area .area-in { display: flex; flex-wrap: wrap; justify-content: space-between;}
#topmessage_area .area-in.revs { margin-bottom: 60px; flex-direction: row-reverse;}
#topmessage_area .area-in .sttl { width: 100%; margin-bottom: 35px; font-size: 30px; font-weight: bold; color: #757575; text-align: center; font-style: oblique;}
#topmessage_area .area-in .txt-box { width: calc(100% - 320px); font-size: 16px;}
#topmessage_area .area-in .txt-box p { line-height: 2.0; text-align: justify;}
#topmessage_area .area-in .txt-box p + p { margin-top: 30px;}
#topmessage_area .area-in .photo-box { width: 295px; padding-top: 7px; text-align: center;}
#topmessage_area .area-in .photo-box .name { padding-top: 15px; font-size: 15px; line-height: 2.0;}