@charset "UTF-8";

/* ----------------------------------
 Company Common
---------------------------------- */
h1 { color: #CD0000;}
.only-sp { display: none !important;}

/* ----------------------------------
 Company Header
---------------------------------- */
#company_header_wrap { width: 100%; height: 60px; position: relative;}
#company_header { width: 100%; height: 60px; border-top: #CD0000 3px solid; border-bottom: #F2F2F2 1px solid; position: fixed; top: 0; left: 0; background: rgba(255,255,255,0.95); z-index: 99999;}
#company_header * { box-sizing: border-box;}
#company_header .pane-company-header-inner { width: 1200px; height: 56px; margin: 0 auto; display: flex; justify-content: space-between; align-items: center;}
#company_header .block-company-header-logo { width: 146px; height: 56px;}
#company_header .block-company-header-logo a { width: 146px; height: 56px; display: flex; justify-content: center; align-items: center;}
#company_header .block-company-header-logo img { width: 146px; vertical-align: top;}
#company_header .block-company-header-menu-list { width: 764px; height: 30px; border-right: #DFE4E6 1px solid; display: flex; justify-content: flex-end; align-items: center;}
#company_header .block-company-header-menu-list li { width: calc(100% / 4); height: 30px; border-left: #DFE4E6 1px solid; position: relative;}
#company_header .block-company-header-menu-list li a { width: 100%; height: 30px; font-size: 12px; text-decoration: none; display: flex; justify-content: center; align-items: center; transition: 0.3s;}
#company_header .block-company-header-menu-list li a:hover { color: #CD0000;}
#company_header .block-company-header-menu-list li::before { content: ''; width: 0; height: 3px; position: absolute; left: 50%; bottom: -14px; background: #CD0000; transition: all .4s;}
#company_header .block-company-header-menu-list li:hover::before { width: 80%; left: 10%;}

/* ----------------------------------
 Company Pankuzu
---------------------------------- */
#pankuzu_wrap { width: 100%; height: 35px; margin: 0 0 60px 0; background: #F2F2F2;}
#pankuzu_wrap .breadcrumb { width: 1200px; height: 35px; padding: 0; margin: 0 auto; font-size: 12px; display: flex; align-items: center; gap: 10px;}
#pankuzu_wrap .breadcrumb .breadcrumb-item,
#pankuzu_wrap .breadcrumb .breadcrumb-item a { font-size: 12px; color: #CD0000;}
#pankuzu_wrap .breadcrumb .arrow { font-size: 12px; color: #C4CBCF;}
#pankuzu_wrap .breadcrumb .current-label { font-size: 12px; color: #15181C;}

/* ----------------------------------
 Company Footer
---------------------------------- */
.pane-footer { border-top: #DFE4E6 2px solid;}
.pane-footer * { box-sizing: border-box;}
.pane-footer .company-footer-inner { width: 1200px; margin: 0 auto;}
#company_footer_top { padding: 100px 0 40px 0;}
#company_footer_top .company-footer-inner { display: flex; justify-content: space-between;}
#company_footer_top .company-footer-inner > div { width: calc((100% - 44px)/3);}
#company_footer_top .company-footer-inner .official-info { padding: 50px 40px 40px; background: #CD0000; color: #fff; display: flex; flex-direction: column;}
#company_footer_top .company-footer-menu-list li { font-size: 12px;}
#company_footer_top .company-footer-menu-list a { width: 100%; min-height: 30px; text-decoration: none; display: flex; align-items: center; transition: 0.3s;}
#company_footer_top .company-footer-menu-list a:hover { text-decoration: underline; color: #15181C;}
#company_footer_top .company-footer-menu-list .parent { border-top: #DFE4E6 1px solid; font-size: 14px;}
#company_footer_top .company-footer-menu-list .child-list { margin-bottom: 10px;}
#company_footer_top .company-footer-menu-list .parent + .parent { margin: 0; border-top: none; border-bottom: #DFE4E6 1px solid;} 
#company_footer_top .company-footer-menu-list .parent .head { margin-bottom: 10px; border-bottom: #DFE4E6 1px solid;}
#company_footer_top .company-footer-menu-list .parent > a,
#company_footer_top .company-footer-menu-list .parent .head a { min-height: 44px; padding: 0 30px 0 0; font-size: 14px; background: url("../../img/usr/company/link_arrow_red.png") calc(100% - 10px) center / 13px auto no-repeat;}
#company_footer_top .company-footer-menu-list .child a::before { content: '・'; display: inline-block;}
#company_footer_top .company-footer-logo a { width: 100%; display: flex; justify-content: center; align-items: center;}
#company_footer_top .company-footer-logo img { height: 30px; vertical-align: top;}
#company_footer_top .company-footer-onlinestore { margin: auto 0; border-top: #fff 1px solid; border-bottom: #fff 1px solid;}
#company_footer_top .company-footer-onlinestore a { width: 100%; padding: 30px 0; font-size: 18px; text-decoration: none; display: flex; justify-content: center; align-items: center; color: #fff;}
#company_footer_top .company-footer-onlinestore a::after { content: ''; width: 13px; height: 12px; margin: 0 0 0 10px; display: inline-block; background: url("../../img/usr/company/link_arrow.png") center center / 13px auto no-repeat;}
#company_footer_top .company-footer-sns { display: flex; justify-content: space-between; align-items: center;}
#company_footer_top .company-footer-sns .ttl { font-size: 18px; color: #fff;}
#company_footer_top .company-footer-sns ul { display: flex; justify-content: flex-end; align-items: center;}
#company_footer_top .company-footer-sns ul li { width: 38px; height: 38px; margin: 0 0 0 12px;}
#company_footer_top .company-footer-sns ul li img { width: 38px; height: 38px; vertical-align: top;}
#company_footer_middle { height: 94px;  display: flex; justify-content: center; align-items: center; background: #F2F2F2;}
#company_footer_middle ul { height: 50px; display: flex; justify-content: center; gap: 80px;}
#company_footer_middle ul li a { width: 100%; height: 50px; display: flex; justify-content: center; align-items: center;}
#company_footer_middle ul li img { max-width: 150px; max-height: 46px; vertical-align: middle;}
#company_footer_middle ul li.knt img { max-width: 100px;}
#company_footer_bottom .company-footer-inner { height: 88px; display: flex; justify-content: space-between; align-items: center;}
#company_footer_bottom .company-footer-nav ul { display: flex; align-items: center;}
#company_footer_bottom .company-footer-nav ul li { font-size: 12px;}
#company_footer_bottom .company-footer-nav ul li + li { margin: 0 0 0 40px;}
#company_footer_bottom .company-footer-nav ul li a { font-size: 12px; text-decoration: none; color: #15181C; transition: 0.3s;}
#company_footer_bottom .company-footer-nav ul li a:hover { text-decoration: underline;}
#company_footer_bottom .company-footer-copyright { font-size: 10px; color: #9DA3A6;}

/* ----------------------------------
 CompanyInfo LeftMenu
---------------------------------- */
#companyinfo_nav .companyinfo-box { margin-bottom: 30px; position: relative;}
#companyinfo_nav .companyinfo-box::before { content: ''; width: 100%; height: 7px; border-radius: 20px 20px 0 0; display: block; background: #CD0000;}
#companyinfo_nav .companyinfo-box .box-ttl a { padding: 10px 30px 10px 10px; border-bottom: #DFE4E6 1px solid; font-size: 16px; font-weight: 600; text-decoration: none; background: url("../../img/usr/company/link_arrow_red.png") calc(100% - 10px) center no-repeat; -webkit-background-size: 12px auto; background-size: 12px auto; display: block; position: relative;}
#companyinfo_nav .companyinfo-box .box-ttl .no-link { padding: 10px; border-bottom: #DFE4E6 1px solid; text-decoration: none; color: #626262; background: #FFF; display: block; position: relative;}
#companyinfo_nav .companyinfo-box .box-ttl a:hover { background-color: #F2F2F2; color: #CD0000;}
#companyinfo_nav .companyinfo-box ul .nav-item { border-bottom: #DFE4E6 1px solid; position: relative;}
#companyinfo_nav .companyinfo-box ul .nav-item > a { width: 100%; min-height: 55px; padding: 0 30px 0 10px; font-size: 14px; text-decoration: none; display: flex; align-items: center; position: relative; background: url("../../img/usr/company/link_arrow_red.png") calc(100% - 10px) center no-repeat; -webkit-background-size: 9px auto; background-size: 9px auto; transition: 0.3s;}
#companyinfo_nav .companyinfo-box ul .nav-item > a:hover { background-color: #F2F2F2;}
#companyinfo_nav .companyinfo-box ul .nav-item .nav-link { padding: 15px; font-size: 15px; text-decoration: none; line-height: 1.4; display: block; position: relative;}
#companyinfo_nav .companyinfo-box ul .nav-item .nav-link:hover { color: #CD0000;}
#companyinfo_nav .companyinfo-box ul .nav-item .cs { cursor: default;}
#companyinfo_nav .companyinfo-box ul .nav-item .cs:hover { color: #626262;}
#companyinfo_nav .companyinfo-box ul .nav-item04 { padding-bottom: 15px;}
#companyinfo_nav .companyinfo-box ul .nav-item04 ul { padding: 0 0 0 15px; position: relative;}
#companyinfo_nav .companyinfo-box ul .nav-item04 ul::before { content: ""; width: 1px; height: 75px; background: #d4d4d4; display: block; position: absolute; top: -2px;}
#companyinfo_nav .companyinfo-box ul .nav-item04 ul li { padding: 8px 0 8px 18px; position: relative;}
#companyinfo_nav .companyinfo-box ul .nav-item04 ul li::before { content: ""; width: 10px; height: 1px; background: #D4D4D4; display: block; position: absolute; top: 14px; left: 0px;}
#companyinfo_nav .companyinfo-box ul .nav-item04 ul li a { font-size: 13px; line-height: 1.0; display: block; position: relative;}
#companyinfo_nav .companyinfo-box ul .nav-item04 ul li a:hover { color: #CD0000; text-decoration: none;}
#companyinfo_nav .companyinfo-box ul .nav-item04 ul li a::before { content: ""; width: 4px; height: 4px; border-right: 1px solid #444; border-top: 1px solid #444; position: absolute; right: 15px; top: calc(50% - 2px); display: block; transform: rotate(45deg);}