@charset "UTF-8";

/* ----------------------------------
 Company Top
---------------------------------- */
#pankuzu_wrap { display: none !important;}

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

.pane-contents .container,
.pane-contents .container .pane-main { width: 100%;}
.pane-footer { margin-top: 0;}

h1.title { padding: 0; margin: 50px 0 0 0; text-align: center;}
.home-main-block { width: 1100px; margin: 0 auto; padding-top: 30px; overflow: hidden;}
.home-main-block .mainvidual-area { width: 1100px; height: 440px; margin: 0 auto 60px; overflow: hidden; position: relative; list-style: none;}
.home-main-block .content-link-area { padding-bottom: 80px;}
.home-main-block .content-link-area ul { text-align: center;}
.home-main-block .content-link-area ul:after { content: ""; display: block; height: 0; font-size: 0; clear: both; visibility: hidden;}
.home-main-block .content-link-area ul li { width: 540px; position: relative;}
.home-main-block .content-link-area ul li:first-child { float: left;}
.home-main-block .content-link-area ul li:last-child { float: right;}
.home-main-block .content-link-area ul li .link-item { display: block; text-decoration: none; transition: 0.3s;}
.home-main-block .content-link-area ul li .link-item:hover { opacity: 0.6;}
.home-main-block .content-link-area ul li .link-item .link-box { position: absolute; width: 480px; padding-top: 20px; background: #FFF; top: 200px; left: 50%; transform: translateX(-50%); z-index: 10;}
.home-main-block .content-link-area ul li .link-item .link-box .name01 { font-family: "Open Sans", sans-serif; font-weight: bold; letter-spacing: 0.08em; font-size: 24px; color: #d60027;}
.home-main-block .content-link-area ul li .link-item .link-box .name02 { font-size: 13px; color: #d60027;}
.home-main-block .content-link-area ul li .link-item:hover .link-box .name02 { text-decoration: underline;}
.home-main-block .content-link-area ul li .txt { z-index: 10; position: relative; width: 400px; margin: 60px auto 0; padding: 0 0 0 20px; text-align: left;}
.home-main-block .content-link-area ul li .txt:before { content: url(../../../img/usr/company/top/icon_01.png); display: block; position: absolute; top: 1px; left: 0;}
.home-main-block .content-link-area ul li .txt a { color: #423b32;}
.home-main-block .content-link-area ul li .txt a:hover { text-decoration: underline; color: #423b32;}
.home-main-block .content-link-area ul li .txt.link-blank a { letter-spacing: -0.5px; position: relative;}
.home-main-block .content-link-area ul li .txt.link-blank a:after { content: url(../../../img/usr/company/top/ico_link01.png); display: inline;}
.home-news-block { background: #f5f5f5; padding: 70px 0 60px;}
.home-news-block .block-in { position: relative; width: 1100px; margin: 0 auto; text-align: center;}
.home-news-block .block-in .block-ttl { margin: 0; padding-bottom: 60px; font-family: "Open Sans", sans-serif; font-weight: bold; color: #d60027; font-size: 36px; line-height: 1.0; letter-spacing: 0.06em;}
.home-news-block .block-in .list-btn { position: absolute; top: 4px; right: 25px; width: 109px;}
.home-news-block .block-in .list-btn a { display: block; background: #d60027; color: #FFF; font-size: 11px; padding: 5px 0 3px; border-radius: 50px;}
.home-news-block .block-in .list-btn a:hover { text-decoration: none; background: #a7001e;}
.home-news-block .block-in .news-list { text-align: left;}
.home-news-block .block-in .news-list a { color: #d60027;}
.home-news-block .block-in .news-list .date { width: 160px; color: #d60027; text-align: center; position: relative; float: left; clear: left;}
.home-news-block .block-in .news-list .date:before { content: url(../../../img/usr/company/top/icon02.png); display: block; position: absolute; top: 2px; left: 0;}
.home-news-block .block-in .news-list .date:after { content: url(../../../img/usr/company/top/icon02.png); display: block; position: absolute; top: 2px; right: 0;}
.home-news-block .block-in .news-list .ttl { padding: 0 50px 20px 23px; color: #d60027; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.home-news-block .block-in .news-list .ttl a { color: #423b32; font-size: 14px;}
.home-news-block .block-in .news-list .more-btn { width: 200px; margin: 0 auto; padding-top: 20px;}
.home-news-block .block-in .news-list .more-btn p { cursor: pointer; text-align: center; background: #d60027; font-family: "Open Sans", sans-serif; font-weight: bold; letter-spacing: 0.08em; color: #FFF; font-size: 13px; padding: 10px 0 10px; border-radius: 50px;}
.home-news-block .block-in .news-list .more-btn p:hover { text-decoration: none; background: #a7001e;}

.home-info-block { padding: 60px 0 0;}
.home-info-block .block-in { width: 1100px; margin: 0 auto; border: 2px solid #d4d4d4; box-sizing: border-box;}
.home-info-block .block-in .block-ttl { text-align: center; font-size: 15px; color: #d60027; font-weight: bold; padding: 18px 0 12px; font-family: "Open Sans", sans-serif;}
.home-info-block .block-in dl { line-height: 1.0;}
.home-info-block .block-in dl dt { position: relative; float: left; clear: left; width: 110px; padding: 24px 0 20px 20px; border-top: 2px solid #ccc;}
.home-info-block .block-in dl dt:after { content: ""; display: block; position: absolute; top: 22px; right: 10px; height: 14px; width: 1px; background: #d60027;}
.home-info-block .block-in dl dd { border-top: 2px solid #ccc; padding: 24px 25px 20px 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}