@charset "utf-8";

.gray-bg {position:relative;}
.gray-bg:before {content:''; position:absolute; left:50%; top:0; transform:translateX(-50%); width:100vw; height:100%; z-index:-1; background:#f8f8f8;}

.doc-tit {margin-bottom:25px;padding-left:30px;font-size:var(--font-size-22); font-weight:600; letter-spacing:0; line-height:1.4em; color:#242424; position:relative;}
.doc-tit:before {position:absolute; left:0; top:5px;content:''; width:20px; height:20px; background:url('../images/sub/tit-ico.png') no-repeat 50% 50% / contain;}	

.table01 table {text-align:center; width:100%; border-collapse:collapse; border-spacing:0; border-top:2px solid #000;}
.table01 table thead th {border-bottom:1px solid #ddd; padding:17px 20px;font-size:var(--font-size-18); font-weight:600; letter-spacing:0; line-height:1.4em; color:#242424; background:#f8f8f8;}
.table01 table tbody th {border-bottom:1px solid #ddd; padding:17px 20px;font-size:var(--font-size-18); font-weight:600; letter-spacing:0; line-height:1.4em; color:#242424; background:#f8f8f8;}
.table01 table tbody td {border-bottom:1px solid #ddd; padding:17px 20px;font-weight:400;letter-spacing:0; color:#454545;line-height:1.4em;}
.table01.ty2 table thead th,
.table01.ty2 table tbody th,
.table01.ty2 table tbody td {border-right:1px solid #ddd;}
.table01.ty2 table thead th:last-child,
.table01.ty2 table tbody th:last-child,
.table01.ty2 table tbody td:last-child {border-right:0;}
.table01 table tbody th.ty2 {background:#fff; border-right:1p}

.greeting-group {display:flex; justify-content:space-between;}
.greeting-group > div {width:calc(50% - 20px);}

.history-top img {width:100%;}
.history-wrap {margin-top:60px; display:flex;}
.history-wrap .head {width:600px;}
.history-wrap .head .tt {color:var(--color-primary);margin-bottom:17px;font-size:var(--font-size-18); font-weight:700; letter-spacing:-.04em; line-height:1.4em;}
.history-wrap .head h3 {font-size:var(--font-size-24); font-weight:600; letter-spacing:-.04em; line-height:1.38em; color:#2c2c2c;}
.history {flex:1 1 auto; min-width:0; width:1%; border-top:1px solid #2c2c2c;}
.history .group {border-bottom:1px dashed #ddd; padding:35px 0;display:flex;}
.history .group h4 {font-size:var(--font-size-28); font-weight:700; letter-spacing:-.04em; line-height:1.2em; color:var(--color-secondary); width:118px;}
.history .group ul {flex:1 1 auto; min-width:0; width:1%;}
.history .group ul li:before {content:'·'; margin-right:12px; font-weight:800; letter-spacing:-.04em; line-height:1.4em;}

.facilities {display:flex; justify-content:space-between;}
.facilities .wrap {width:calc(50% - 20px);}
.facilities .img {margin-bottom:40px;}

.strategy-group {display:flex; align-items:center; padding-bottom:100px; margin-bottom:100px; border-bottom:1px dashed #ddd;}
.strategy-group:last-child {border:0; padding-bottom:0; margin-bottom:0;}
.strategy-group > div {width:50%;}
.strategy-group:nth-child(even) {flex-direction:row-reverse;}
.strategy-group:nth-child(odd) .img {padding-right:70px;}
.strategy-group:nth-child(even) .img {padding-left:70px;}
.strategy-group h2 {margin-bottom:37px;font-size:var(--font-size-40); font-weight:600; letter-spacing:-.03em; line-height:1.33em; color:#000;}
.strategy-group h2:after {margin-top:30px;content:''; display:block; width:60px; background:#ccd8f8; height:5px;}

.dot-list li {margin-bottom:11px;padding-left:14px;position:relative;font-size:var(--font-size-17); font-weight:400; letter-spacing:-.03em; line-height:1.4em;}
.dot-list li:before {position:absolute; left:0; top:-2px; content:'•'; font-size:var(--font-size-20); color:var(--color-primary);}
.dot-list li:last-child {margin-bottom:0;}

.customer ul {display:flex; flex-wrap:wrap;}
.customer ul li {width:20%; margin:0 -1px -1px 0;}

.network {padding:100px 0;}
.network h2 {margin-bottom:53px;text-align:center; font-size:var(--font-size-35); font-weight:600; letter-spacing:0; line-height:1.4em; color:#242424;}