@charset "utf-8";

.cont-wrap {max-width: 1400px; margin: 0 auto;}
.biz-wrap {padding: 0 40px 100px;}
.page-title {padding: 100px 0; border-bottom: 3px solid #000; font-size: 56px; line-height: 1; text-align: center;}
.biz-col {display: flex; justify-content: space-between; border-bottom: 1px solid #f4f4f4; }
.biz-col:after {display: none;}
.biz-row {width: 36%; padding: 80px 60px; box-sizing: border-box;}
.biz-row--first {width: 28%;}
.biz-row--third {background: #f7f8fb;}
.col-title {font-size: 22px;}
.cell-title {display: block; color: #0dd100; font-size: 18px; letter-spacing: -1px;}
.cell-sub-title {display: block; margin-top: 20px; font-size: 28px; font-weight: 300; letter-spacing: -2px;}
.cell-sub-title--check {position: relative; padding-left: 30px;}
.cell-sub-title--check:before {content: ""; position: absolute; top: 14px; left: 0; width: 16px; height: 11px; background: url("./biz_arrow.png") no-repeat 50%;}
.cell-sub-title--check em {display: block; font-size: 18px;}
.cell-cont {display: block; margin-top: 20px; font-size: 18px; letter-spacing: -1px; font-weight: 400; }
.cell-cont--gray {color: #888;}
.cell-cont-title {display: block; margin-top: 35px; font-size: 16px; letter-spacing: -1px;}



@media screen and (max-width:1480px) {
  .biz-wrap {padding: 0 40px 80px;}
  .page-title {padding: 80px 0 40px; border-width: 2px; font-size: 48px;}
  .biz-col {flex-wrap: wrap;}
  .biz-row {width: 50%; padding: 35px 30px;}
  .biz-row--first {width: 100%; border-bottom: 1px solid #f4f4f4;}
  .tab-hide {display: none;}
  .col-title {font-size: 16px;}
  .cell-title {font-size: 15px;}
  .cell-sub-title {margin-top: 15px; font-size: 20px;}
  .cell-sub-title--check:before {top: 9px;}
  .cell-sub-title--check em {font-size: 14px;}
  .cell-cont {margin-top: 15px; font-size: 15px;}
  .cell-cont-title {margin-top: 25px; font-size: 15px;}
}

@media screen and (max-width:760px) {
  .biz-wrap {padding: 0 20px 40px;}
  .page-title {padding: 33px 0 30px; border-width: 2px; font-size: 28px;}
  .biz-col {display: block;}
  .biz-row {width: auto; padding: 25px 30px;}
  .biz-row--first {width: auto; border: 0; padding: 30px 30px 0;}
  .cell-title {font-size: 11px;}
  .cell-sub-title {font-size: 16px; margin-top: 10px;}
  .cell-sub-title--check {padding-left: 15px;}
  .cell-sub-title--check:before {top: 8px; width: 8px; height: 6px; background-size: 100%;}
  .cell-sub-title--check em {font-size: 12px;}
  .cell-cont {margin-top: 10px; font-size: 12px;}
  .cell-cont-title {margin-top: 20px; font-size: 12px;}
}