@charset "UTF-8";

/*----------------------------------------
企業情報カテゴリページは以下を挿入
----------------------------------------*/ 
/*下層ヘッダー背景グラデ*/
.pages_head { background: #013396;
background: linear-gradient(90deg,rgba(1, 51, 150, 1) 0%, rgba(1, 104, 150, 1) 73%); }

/*サイドメニュー色変*/
.side_nav .side_nav_box { background: #005496; }
.side_nav a { color: #fff; }
.side_nav a:hover { color: #fff; background: #03477d; }
.side_nav a.is-active { color: #005496; background: #d7ebeb; font-weight: 700; font-weight: 700; }

/*----------------------------------------
END 企業情報カテゴリページは以下を共通で挿入 END
----------------------------------------*/ 


:root {
  --blue-color: #013396;
  --white-color: #fff;
}

.company__head {width: 100%; height: 100%; aspect-ratio: 9 / 4.2; background: url("../img/company/head.png") no-repeat center center / contain;}
h2.company_title {color:var(--white-color); padding:40px 0 0 0; font-size: clamp(2.2vw, 3vw, 22px); font-family: var(--font-Mincho); font-weight: 600; text-align: center;}
h2.company_title span {display: inline-block; border:solid 1px var(--white-color); border-radius: 5px; padding:5px 20px; font-size:60%; margin:0 auto 10px auto;}
h3.intro { font-family: var(--font-Mincho); font-weight: 600; font-size: clamp(16px, 4vw, 24px); line-height: 1.6; color: var(--blue-color); margin:40px 0 10px 0; }
.flex__inner { display: flex; align-items: flex-start; justify-content: space-between; gap: clamp(20px, 5vw, 40px); max-width: 1200px; margin: 0 auto; }
.flex__image { flex: 1 1 17%; margin-top:50px;}
.flex__image img { width: 100%; height: auto; border-radius: 16px; display: block; }
.flex__content { flex: 1 1 55%; color: #1c2b3b; }
.flex__content .c-button-more.bg_blue { margin-top: 20px; }

.table__outline {border-top:solid 1px #c1f1f1; border-right:solid 1px #c1f1f1; width:100%; line-height:1.6;font-size: clamp(14px, 3vw, 16px); margin-bottom: 30px; }
.table__outline th {border-bottom:solid 1px #c1f1f1; border-left:solid 1px #c1f1f1; padding:20px 15px; background-color:#e5f9f9; font-weight: 600; width:200px;}
.table__outline td {border-bottom:solid 1px #c1f1f1; border-left:solid 1px #c1f1f1; padding:20px 15px;}
.table__outline td dl {}
.table__outline td dl dt {line-height:1.6; font-weight: 500;}
.table__outline td dl dt::before {content:"●"; color:var(--blue-color); font-size:76%; margin:0 10px 0 0; vertical-align: 2px;}
.table__outline td dl dd {margin:0 0 20px 0;}
.table__outline td a { color: var(--blue-color); text-decoration: underline; }
.table__outline td a.outlink::after { content: ''; display: inline-block; background: url(../img/common/icon_link.svg) no-repeat; background-size: contain; width: 15px; height: 12px; margin-left: 5px; }

.c-button-more.companyprf { display: block; max-width: min(100%, 350px); margin: 0 auto; text-align: center; }

@media screen and (min-width: 1201px) {
.spOnly {display: none;}
}

@media (hover: hover) and (pointer: fine) {
  .table__outline td a:hover { opacity: .5; transition: .5s; }
}


@media screen and (max-width: 1200px) {

}

@media screen and (max-width: 1024px) {
}

@media only screen and (max-width: 980px){
  h3.intro { margin-bottom: 20px; }
  .flex__inner { flex-direction: column; gap: 30px; }
  .flex__image, .flex__content { flex: 1 1 100%; }
}

@media only screen and (max-width: 600px){
.table__outline th {display: block; width:calc(100% - 20px); padding:10px;}
.table__outline td {display: block; padding: 15px 10px;}
.pcOnly {display: none;}
}