@charset "UTF-8";

/* ----------------------------------
 CompanyInfo
---------------------------------- */
.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 .box-ttl a { font-weight: 600; color: #CD0000; background-color: #F2F2F2;}

#companyinfo_top .page-ttl-block h1.page-ttl { padding: 5px 0 10px; margin: 0 0 40px 0; font-size: 36px; font-weight: bold; font-family: "Open Sans", sans-serif; text-align: center; letter-spacing: 0.08em; color: #CD0000; position: relative;}
#companyinfo_top .page-ttl-block h1.page-ttl:after { content: ""; width: 48px; height: 2px; display: block; position: absolute; bottom: 0; left: calc(50% - 24px); background: #CD0000;}
#companyinfo_top ul { display: flex; flex-wrap: wrap;}
#companyinfo_top ul li { width: 220px; padding: 0; margin: 0 calc((100% - (220px * 4))/ 3) 60px 0; display: inline-block; vertical-align: top; text-align: left;}
#companyinfo_top ul li:nth-child(4n) { margin-right: 0;}
#companyinfo_top ul li img { max-width: 100%; height: auto; vertical-align: top;}
#companyinfo_top ul li a { display: block;}
#companyinfo_top ul li a .subject { height: 60px; padding: 0 20px 0 12px; border-bottom: 2px solid #CD0000; font-size: 15px; font-size: 1.5rem; font-weight: bold; display: flex; align-items: center; position: relative;}
#companyinfo_top ul li a .subject::after { content: ""; width: 8px; height: 8px; border-right: 1px solid #CD0000; border-top: 1px solid #CD0000; position: absolute; right: 10px; top: calc(50% - 4px); display: block; transform: rotate(45deg);}
#companyinfo_top ul li a .subject p { font-size: 15px; color: #CD0000;}
#companyinfo_top ul li a .detail { padding: 18px 10px 0; color: #444;}
#companyinfo_top ul li a:hover { text-decoration: none;}
#companyinfo_top ul li a:hover .subject p { opacity: 0.7;}