/* ===================================================
会社案内
 =================================================== */

/* ページタイトル */
div.title-image.company-title { background-image:url(../img/company/main-image.jpg); }

/* 見出し */
h2.content-title { color:var(--bl); font-size:24px; font-weight:600; line-height:150%; letter-spacing:-0.24px; }

/* ページ内ナビ */
nav.page-nav { margin:40px 0; padding:10px 12px; position:sticky; top:0; z-index:10; }
nav.page-nav ul { flex-wrap:wrap; gap:8px; padding:0 19px; }
nav.page-nav ul li a.hover-button { background-image:url(../img/company/nav/sp-company01.svg); height:34px; width:98px; }
nav.page-nav ul li a.hover-button:hover { background-image:url(../img/company/nav/sp-company01.svg); }
nav.page-nav ul li:nth-child(2) a.hover-button { background-image:url(../img/company/nav/sp-company02.svg); width:84px; }
nav.page-nav ul li:nth-child(2) a.hover-button:hover { background-image:url(../img/company/nav/sp-company02.svg); }
nav.page-nav ul li:nth-child(3) a.hover-button { background-image:url(../img/company/nav/sp-company03.svg); width:112px; }
nav.page-nav ul li:nth-child(3) a.hover-button:hover { background-image:url(../img/company/nav/sp-company03.svg); }
nav.page-nav ul li:nth-child(4) a.hover-button { background-image:url(../img/company/nav/sp-company04.svg); width:126px; }
nav.page-nav ul li:nth-child(4) a.hover-button:hover { background-image:url(../img/company/nav/sp-company04.svg); }
nav.page-nav ul li:nth-child(5) a.hover-button { background-image:url(../img/company/nav/sp-company05.svg); width:162px; }
nav.page-nav ul li:nth-child(5) a.hover-button:hover { background-image:url(../img/company/nav/sp-company05.svg); }

/* セクション */
section.company-content { padding:0 16px; margin-bottom:80px; }
section.company-content.history { background-image:linear-gradient(119deg, rgba(43, 50, 178, 0.20) 8.85%, rgba(70, 174, 235, 0.20) 77.15%); padding:24px 20px 0 20px; }

/* 会社概要リスト */
div.company-info-list { flex-direction:column; gap:24px; padding:0 20px; }
dl.company-info-item { border-left:1px solid var(--bl); box-sizing:border-box; flex-direction:column; gap:4px; padding-left:8px; }
dl.company-info-item dt, dl.company-info-item dd { font-size:16px; line-height:200%; }
dl.company-info-item dt { color:var(--bl); font-weight:600; }
dl.company-info-item dd { text-align:left; }

/* 来歴リスト */
dl.history-list { align-items:flex-start; flex-wrap:wrap; justify-content:flex-start; }
dl.history-list dt { color:rgba(39, 46, 159, 0.70); font-size:16px; font-weight:400; line-height:200%; padding-bottom:24px; position:relative; width:56px; z-index:1; }
dl.history-list dt::before { background-color:var(--bl); border-radius:50%; content:''; display:inline-block; transform:translate(3.5px,0); position:absolute; top:13px; right:0; height:7px; width:7px; z-index:-1; }
dl.history-list dd { border-left:1px solid var(--bl); box-sizing:border-box; font-size:16px; font-weight:400; text-align:left; line-height:200%; padding-left:16px; padding-bottom:24px; max-width:calc( 100% - 56px ); width:100%; }
dl.history-list dd.first { border-left:none; position:relative; z-index:1; }
dl.history-list dd.first::before { content:''; backface-visibility:hidden; border-left:1px solid var(--bl); display:inline-block; transform:translateZ(0); position:absolute; left:0; top:15px; height:150px; width:1px; z-index:1; }


/* お客様の声 */
section.customer ul.customer-list, section.customer ul.customer-list li.card { flex-direction:column; }
section.customer ul.customer-list { gap:40px; }
section.customer ul.customer-list li.card { gap:16px; }
section.customer ul.customer-list li.card div.card-head { align-items:center; flex-direction:column-reverse; justify-items:center; gap:8px; }
section.customer ul.customer-list li.card div.card-head h3 { color:var(--bl); font-size:24px; font-weight:600; vertical-align:middle; }
section.customer ul.customer-list li.card div.card-head h3 span { color:var(--bl); font-size:16px; line-height:150%; }
section.customer ul.customer-list li.card div.card-head img { display:block; height:128px; width:128px; }
div.card-text h3 { font-weight:700; text-align:center; margin-bottom:16px; }

/* 一般事業主行動計画 */
section.action-plan p { line-height:200%; }

/* PDFリンク */
section.safety-management a, section.action-plan a { align-items:center; border-bottom:1px solid var(--bk); gap:10px; justify-content:space-between; transition:.3s; margin:16px auto 0 auto; width:276px; }
section.safety-management a, section.action-plan a span { font-size:16px; font-weight:700; display:block; text-align:center; line-height:200%; }
section.safety-management a:link, 
section.safety-management a:visited, 
section.action-plan a:link, 
section.action-plan a:visited { transition:.3s; }
section.safety-management a:active, 
section.safety-management a:hover, 
section.action-plan a:active, 
section.action-plan a:hover { opacity:0.5; transition:.3s; }
section.safety-management a span img, section.action-plan a span img { padding:2.5px 0; }

@container(min-width:960px){

/* 見出し */
h2.content-title { font-size:56px; letter-spacing:-0.56px; }
h2.content-title br { display:none; }

/* ページ内ナビ */
nav.page-nav { margin:100px auto 72.5px auto; padding:0; position:static; }
nav.page-nav::after {
background:url(../img/company/nav/pc-company01.svg) no-repeat,
url(../img/company/nav/pc-company02.svg) no-repeat,
url(../img/company/nav/pc-company03.svg) no-repeat,
url(../img/company/nav/pc-company04.svg) no-repeat,
url(../img/company/nav/pc-company05.svg) no-repeat;
content:''; 
display:none;
}
nav.page-nav ul { justify-content:center; gap:24px; }
nav.page-nav ul li a.hover-button { background-image:url(../img/company/nav/pc-company01.svg); height:52px; width:152px; }
nav.page-nav ul li a.hover-button:hover { background-image:url(../img/company/nav/pc-company01.svg); }
nav.page-nav ul li:nth-child(2) a.hover-button { background-image:url(../img/company/nav/pc-company02.svg); width:132px; }
nav.page-nav ul li:nth-child(2) a.hover-button:hover { background-image:url(../img/company/nav/pc-company02.svg); }
nav.page-nav ul li:nth-child(3) a.hover-button { background-image:url(../img/company/nav/pc-company03.svg); width:172px; }
nav.page-nav ul li:nth-child(3) a.hover-button:hover { background-image:url(../img/company/nav/pc-company03.svg); }
nav.page-nav ul li:nth-child(4) a.hover-button { background-image:url(../img/company/nav/pc-company04.svg); width:192px; }
nav.page-nav ul li:nth-child(4) a.hover-button:hover { background-image:url(../img/company/nav/pc-company04.svg); }
nav.page-nav ul li:nth-child(5) a.hover-button { background-image:url(../img/company/nav/pc-company05.svg); width:232px; }
nav.page-nav ul li:nth-child(5) a.hover-button:hover { background-image:url(../img/company/nav/pc-company05.svg); }

/* セクション */
section.company-content.history { border-radius:240px; padding:80px 10px; margin:auto auto 176px auto; max-width:1150px; }

/* 会社概要リスト */
div.company-info-list { padding:0 40px; margin:auto auto 152px auto; max-width:700px; }
dl.company-info-item { border-left:none; flex-direction:row; justify-content:flex-start; }
dl.company-info-item dt { font-weight:700; padding:0 24px; width:200px; }
dl.company-info-item dd { border-left:1px solid var(--bl); padding:0 16px; max-width:calc(100% - 200px); }

/* 来歴リスト */
dl.history-list { margin:auto; max-width:783px; }

/* お客様の声 */
section.customer { margin:auto; margin-bottom:176px; max-width:1170px; }
section.customer ul.customer-list li.card { align-items:center; flex-direction:row; gap:40px; max-width:968px; }
section.customer ul.customer-list li.card:nth-child(2) { margin-left:auto; }
section.customer ul.customer-list li.card div.card-head { flex-direction:column; }
div.card-text { width:calc( 100% - 200px ); }
div.card-text h3 { text-align:left; }

/* 提携・取引先 */
section.partners  { margin-bottom:176px; }

/* 一般事業主行動計画 */
section.safety-management { margin-bottom:176px; }
section.action-plan p { text-align:center; }

}