/*------------------------------------------------------------
	data-driven
------------------------------------------------------------*/
/* common */
.bg_blue {
  background-color: #dce8f5 !important;
}
.bg_blue02 {
  background-color: #dadef0 !important;
}
.bg_green {
  background-color: #e0efed !important;
}
.bg_gray {
  background-color: #ebebeb !important;
}
.bg_red {
  background: #f5dee4 !important;
}
.color-red {
  color: #be375a;
}
@media (max-width: 767px) {
  .section {
    padding: 48px 0;
  }
  .section .mainBox.boxWm {
    width: 92%;
  }
  .section .text > p,
  .section .textBox > p {
    text-align: center;
  }
}
.has-frame {
  padding: 3px;
  background: #fff;
}
@media (max-width: 767px) {
  .has-frame {
    padding: 2px;
  }
}
.comLink.blue02 a {
  background-color: #1e32a5;
}
.comLink.blue03 a {
  background-color: #002b62;
}
.comLink.red a {
  background-color: #be375a;
}
.comLink.align-center {
  margin-top: 0;
}
.btnBox {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.btnBox .comLink a {
    text-align: center;
  }
@media (max-width: 767px) {
  .btnBox .comLink {
    width: 100%;
  }
}
/* Key Visual */
.kv {
  background: #3547ae;
}
.mv-inner {
  min-height: 400px;
}
.mv-inner .text {
  width: 56%;
  color: #fff;
}
.mv-inner .comLink {
  max-width: 320px;
}
.kv-img {
  left: 0;
  max-width: 1440px;
  height: 100%;
  margin: 0 auto;
  overflow: hidden;
}
.kv-img figure,
  .kv-img img {
    width: 100%;
    height: 100%;
  }
.kv-img img {
    -o-object-fit: cover;
       object-fit: cover;
  }
@media (max-width: 767px) {
  .kv {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  .mv-inner {
    min-height: 0;
    margin-top: -16%;
  }
  .mv-inner .text {
    display: table;
    width: 100%;
    padding: 0 16px 32px;
    z-index: 2;
  }
  .mv-inner .pageTitle {
    display: table-cell;
  }
  .mv-inner .text .subTitle {
    display: table-caption;
    margin: 0 16px 12px;
  }
  .mv-inner .text p:not([class]) {
    display: table-cell;
    font-size: 1.4rem;
  }
  .mv-inner .btnBox {
    display: table-cell;
  }
  .mv-inner .comLink {
    width: 100%;
    margin-top: 20px;
  }
  .kv-img {
    display: block;
    height: auto;
    z-index: 1
  }
  .kv-img::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(53,71,174,0)), to(#3547ae));
    background: linear-gradient(rgba(53,71,174,0) 0, #3547ae 100%);
  }
}
@media (min-width: 768px) and (max-width: 1200px) {
  .mv-inner .text {
    width: 68%;
  }
  .mv-inner .comLink {
    width: 100%;
  }
}
/* title */
.headLine .subTitle {
  font-size: 2.2rem;
  font-weight: bold;
}
#sec01 .headLine {
  margin-bottom: 40px;
}
#sec02 .headLine {
  margin-bottom: 48px;
}
#sec02 .headLine01 {
  margin-bottom: 32px;
}
#sec03 .mainBox .headLine01 {
  margin-bottom: 48px;
}
#sec05 .headLine01 {
  margin-bottom: 56px;
}
#sec05 .headLine03 {
  margin-bottom: 48px;
  font-size: 2.6rem;
}
.line_gray {
  border-bottom: 1px solid #9d9d9d;
}
@media (max-width: 767px) {
  .headLine01 {
    font-size: 2rem;
  }
  .headLine03 {
    text-align: center;
  }
  .headLine04 {
    margin-bottom: 24px;
    font-size: 1.6rem;
    text-align: center;
  }
  .headLine .subTitle {
    margin-bottom: 20px;
    font-size: 1.5rem;
  }
  #sec01 .headLine,
  #sec03 .headLine {
    margin-bottom: 24px;
  }
  #sec02 .headLine {
    margin-bottom: 0;
  }
  #sec02 .headLine01 {
    margin-bottom: 32px;
  }
  #sec03 .mainBox .headLine01 {
    margin-bottom: 24px;
  }
  #sec04 .headLine01,
  #sec05 .headLine01 {
    margin-bottom: 32px;
  }
  #sec05 .headLine01 {
    padding-top: 16px;
  }
  #sec05 .headLine03 {
    margin-bottom: 24px;
    font-size: 1.6rem;
    text-align: left;
  }
}
/* contents */
.section .img-head {
  margin-bottom: 64px;
}
@media (max-width: 767px) {
  .section .img-head {
    margin-bottom: 48px;
  }
}
.decision-making {
  padding-top: 20px;
}
@media (max-width: 767px) {
  .decision-making {
    padding-top: 10px;
  }
}
.section .accounting-box {
  margin-bottom: 56px;
}
.accounting-list {
  margin-bottom: 64px;
}
.accounting-list .col-middle {
    width: 48.04688%;
  }
.accounting-list .col {
    width: 31.05469%;
    margin-bottom: 56px;
  }
.accounting-list .title {
    margin-bottom: 20px;
    font-size: 2rem;
    line-height: 1.3;
  }
.accounting-list .marker {
    display: block;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), color-stop(50%, #b5e0dc));
    background: linear-gradient(transparent 50%, #b5e0dc 50%);
  }
.accounting-list.list02 {
  margin-bottom: 0;
}
.accounting-list.list02 .title {
  padding: 10px;
  background: #dce8f5;
}
.accounting-list .list {
    min-width: 55%;
    margin-bottom: 0;
}
@media (max-width: 767px) {
  .accounting-list {
    margin-bottom: 48px;
  }
  .accounting-list .col-middle,
  .accounting-list .col {
    width: 100%;
  }
  .accounting-list .col {
    margin-bottom: 32px;
  }
  .accounting-list .title {
    margin-bottom: 1em;
    font-size: 1.6rem;
  }
  .accounting-list.list02 .title {
    padding: 8px;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .accounting-list .list {
    min-width: 75%;
  }
}
.management-list .col {
    width: 31.44532%;
    margin-bottom: 48px;
  }
.management-list .column-head {
    position: relative;
    margin-bottom: 56px;
    padding: 24px 16px;
    border-radius: 10px;
    font-weight: bold;
    text-align: center
  }
.management-list .column-head::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  border-style: solid;
  border-width: 32px 16px 0 16px;
  border-color: #ebebeb transparent transparent;
  translate: -50% 100%;
}
.management-list .column-head,
  .management-list .title {
    font-size: 2rem;
    line-height: 1.5;
  }
.management-list .title {
    margin-bottom: 20px;
    color: #286ebe;
  }
.management-list.gv .title {
  color: #1e32a5;
}
.management-list .photo {
    margin: 0;
    aspect-ratio: auto;
}
@media (max-width: 767px) {
  .management-list .col {
    width: 100%;
    margin-bottom: 40px;
  }
  .management-list .column-head {
    margin-bottom: 24px;
    padding: 10px;
    font-size: 1.8rem;
  }
  .management-list .column-head::after {
    border-width: 18px 15px 0 15px;
  }
  .management-list .title {
    margin-bottom: 16px;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .management-list .title {
    font-size: 1.8rem;
  }
}
/* utilization */
.section .utilization-box {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 56px
}
.section .utilization-box:last-child {
  margin-bottom: 0;
}
.section .utilization-box .photoBox {
    width: 46.48438%;
}
.section .utilization-box .textBox {
    width: calc((100% - 46.48438%) - 40px);
}
.section .utilization-box .comLink {
    margin-top: 0;
}
.section .utilization-box .comLink:nth-child(even) {
  margin-left: 20px;
}
.section .utilization-box .comLink a {
    min-width: 240px;
}
@media (max-width: 767px) {
  .section .utilization-box {
    margin-bottom: 40px;
  }
  .section .utilization-box .textBox p {
    text-align: left;
  }
  .section .utilization-box .comLink:nth-child(even) {
    margin: 16px 0 0;
  }
}
/* pickup */
.pickup-wp {
  padding: 64px 0;
}
.pickup-wp .imgBox .photoBox {
    width: 37.59766%;
  }
.pickup-wp .imgBox .textBox {
    width: calc((100% - 37.59766%) - 32px);
  }
.pickup-wp .comLink {
    margin-top: 0;
  }
@media (max-width: 767px) {
  .pickup-wp {
    padding: 40px 0;
  }
  .pickup-wp .imgBox .photoBox {
    width: 67.25%;
    margin: 0 auto 16px;
  }
  .pickup-wp .imgBox .textBox {
    width: 100%;
    margin-bottom: 0;
  }
  .pickup-wp .comLink {
    margin-bottom: 20px;
  }
  .pickup-wp .comLink:last-child {
    margin-bottom: 0;
  }
}
