@charset "UTF-8";
/* Work Shushoku */
.mv:before{background: url("../img/work/mv.jpg") no-repeat center center/cover;}

@media only screen and (max-width: 480px) {
  .mv:before{background: url("../img/work/mv_sp.jpg") no-repeat top center/cover;}
}

@media only screen and (min-width: 768px) {
  .titleLine{margin-bottom: 50px;}
  .group:not(:last-of-type){margin-bottom: 120px;}  
}

@media only screen and (max-width: 767px) {
  .group:not(:last-of-type){margin-bottom: 80px;}
}

/* Group01 */
.group01{text-align: center;}
.group01 h3{font-size: 30px; font-weight: bold; line-height: 1.5;}
.group01 h3 sup{position: relative; top: -1em; font-size: 50%;}
.group01 .capBig{padding: 5px 0 20px;}
.group01 .chart{margin-top: 40px;}
@media only screen and (max-width: 767px) {
  .group01 h3{margin: 0 -20px; font-size: 7vw;}
  .group01 .chart{margin-top: 30px;}
}

/* Group02 */
.group02 .box:not(:last-of-type){margin-bottom: 60px;}
.group02 h4{border-bottom: 2px solid #bbbbbb;}

@media only screen and (min-width: 768px) {
  .group02 .box{display: flex; justify-content: space-between;}
  .group02 .boxInner{width: 50%;}
  .group02 .boxImg{width: 46%;}
}

@media only screen and (max-width: 767px) {
  .group02 .boxImg{text-align: center; margin-top: 20px;}
}

/* Group03 */
.group03 table{width: 100%; border: 1px solid #cccccc; border-collapse: collapse; border-spacing: 0;}
.group03 th{width: 110px; background: #0d8080; color: #fff; padding: 11px 0; text-align: center;}
.group03 td{font-size: 14px; padding: 12px 20px;}
.group03 th,
.group03 td{border-bottom: 1px solid #cccccc; vertical-align: middle;}

@media only screen and (max-width: 767px) {
  .group03 table,
  .group03 th,
  .group03 td{width: 100%; display: block; border: none;}
  .group03 table{border-bottom: 1px solid #ccc;}
  .group03 td{border-left: 1px solid #cccccc; border-right: 1px solid #cccccc;}
}

/* Group04 */
.group04 .box:not(:last-of-type){margin-bottom: 40px;}
.group04 h4{font-size: 20px; line-height: 1.3; text-align: center; padding: 7px 0; margin-bottom: 10px; color: #fff;}
.group04 h4.bgBlue{background: #87a8cd;}
.group04 h4.bgOrg{background: #d0a780;}
.group04 h4.bgPink{background: #c996a2;}

.group04 .item{width: 48%; max-width: 455px;}
.group04 .item h4{color: #000; padding: 0;}

@media only screen and (max-width: 767px) {
  .group04 h4{font-size: 18px;}
  .group04 .item{width: 100%; max-width: 767px; text-align: center;}
  .group04 .item:not(:last-of-type){margin-bottom: 20px;}
}

/* Group05 */
.group05 .boxTbl{margin-bottom: 20px;}

/* Table */
.tbl{width: 100%; border-collapse: collapse; border-spacing: 0; margin-top: 5px;;}
.tbl th{background: #6e808e; color: #fff; font-weight: bold;}
.tbl th,
.tbl td{border: 1px solid #ebebeb; width: 8%; vertical-align: middle; text-align: center; padding: 12px 0; line-height: 1.4; font-size: 14px}
.tbl th:first-of-type{width: 16%;}
.tbl td:last-of-type{width: 12%;}

@media only screen and (max-width: 767px) {
  .group05 .align-ct{margin: 0 -20px;}
  .group05 .titleLine{font-size: min(4.7vw, 22px); position: relative; display: inline-block; padding-bottom: min(4vw,18px); margin-bottom: 30px;}
  .group05 .titleLine span{display: block; position: absolute; font-size: min(3vw, 14px); line-height: 1.2; margin-left: -0.5em;}
  
  .tbl th,
  .tbl td{width: 18%; font-size: min(3vw,14px); padding: 10px 0;}  
  .tbl th:nth-of-type(1){width: 46%;}
  .tbl tr:nth-last-of-type(2) th{padding: 5px 0;}
  
  .btnPdf{text-align: center; margin-top: 30px;}
  .btnPdf a{color: #6e808e; text-decoration: underline;}
}


/* 2025年度〜 new chart */
.group01 .chart { max-width: 400px; margin: 0 auto 30px;}
@media only screen and (max-width: 767px) {
  .group01 .chart { margin-bottom: 30px;}
}