@charset "UTF-8";

/* ----------------------------------
 Business
---------------------------------- */
.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.business { background-color: #F2F2F2;}
#companyinfo_nav .companyinfo-box ul .nav-item.business a.nav-link { font-weight: 600; color: #CD0000; background-color: #F2F2F2;}

#business_top .page-ttl-block { margin-bottom: 35px;}
#business_top 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;}
#business_top h1.page-ttl:after { content: ""; width: 48px; height: 2px; display: block; position: absolute; bottom: 0; left: calc(50% - 24px); background: #CD0000;}
#business_top .page-ttl-block .page-sttl { padding-top: 20px; line-height: 1.8;}
#business_top .box01 { text-align: center; margin-bottom: 70px;}
#business_top .box01 .ttl { font-size: 16px; font-weight: bold; text-align: left; color: #555;}
#business_top .box01 .txt { font-size: 14px; text-align: left;}
#business_top .box02 ul li { padding-bottom: 70px;}
#business_top .box02 ul li .ttl { font-size: 18px; font-weight: bold; line-height: 1.0; margin-bottom: 25px; padding-bottom: 25px; border-bottom: 1px solid #e6e6e6;}
#business_top .box02 ul li .detail { display: flex; justify-content: space-between;}
#business_top .box02 ul li .detail .left { width: calc(100% - 320px);}
#business_top .box02 ul li .detail .left .txt { margin-bottom: 23px; font-size: 14px; line-height: 1.8;}
#business_top .box02 ul li .detail .left .btn a { width: 200px; padding: 13px 0; border-radius: 30px; text-align: center; font-size: 13px; font-weight: bold; color: #FFF; line-height: 1.0; display: block; background: #CD0000;}
#business_top .box02 ul li .detail .left .btn a span { font-family: "Open Sans", sans-serif;}
#business_top .box02 ul li .detail .left .btn a:hover { text-decoration: none; background: #a7001e;}
#business_top .box02 ul li .detail .right { width: 278px; padding-top: 5px;}
#business_top .box02 ul li .detail .right img { width: 100%; height: auto; vertical-align: top;}
