@charset "UTF-8";
/* ----------------------------------------------------------------
	cont
---------------------------------------------------------------- */
.cont {
  width: 100%;
  position: relative;
  background: #fff;
  padding-bottom: 14.55vw;
}
.cont::before,
.cont::after {
  content: "";
  display: block;
  width: 25.15vw;
  height: 50.61vw;
  position: absolute;
  z-index: 0;
}
.cont::before {
  right: 0;
  top: 13.21vw;
  background: url("../images/business/bg01.png") right top / contain no-repeat;
}
.cont::after {
  right: left;
  top: 46.06vw;
  background: url("../images/business/bg02.png") right top / contain no-repeat;
}
.cont ul.lead {
  width: 70.3vw;
  margin: 0 auto 9.7vw;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	flex-wrap: wrap;
  position: relative;
  z-index: 2;
}
.cont ul.lead li:nth-child(1) {
  width: 36%;
  font-size: max(2.67vw,44px);
  font-weight: 700;
  letter-spacing: 0.02em;
  line-height: 1;
 }
.cont ul.lead li:nth-child(2) {
  width: 64%;
  font-size: max(1.09vw,18px);
  font-weight: 400;
  letter-spacing: 0.02em;
  line-height: 2.4;
 }
.cont ul.box01,
.cont ul.box02 {
  width: 100%;
  margin: 0 auto 9.7vw;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	flex-wrap: wrap;
  position: relative;
  z-index: 2;
}
.cont ul.box01 img {
  border-radius: 0 10px 10px 0;
}
.cont ul.box01 li:nth-child(1),
.cont ul.box02 li:nth-child(1) {
  width: 52.12%;
 }
.cont ul.box01 li:nth-child(2) {
  width: 47.88%;
  padding: 0 14.85vw 0 4.85vw;
 }
.cont ul li dt {
  font-size: max(2.55vw,42px);
  font-weight: 700;
  color: #0d62aa;
  line-height: 1.6;
}
.cont ul li dt span {
  position: relative;
  display: block;
  font-size: max(1.45vw,24px);
  font-weight: 500;
  color: #080404;
  padding: 1.52vw 0 2.67vw 0.6em;
}
.cont ul li dt span::before {
  content: "●";
  display: block;
  font-size: max(0.61vw,10px);
  position: absolute;
  top: 2.3vw;
  left: 0;
}
.cont ul li dd {
  font-size: max(0.97vw,16px);
  font-weight: 400;
  color: #080404;
  line-height: 2;
}
.cont ul.box02 {
  margin: 0 auto;
}
.cont ul.box02 img {
  border-radius: 10px 0 0 10px;
}
.cont ul.box02 li:nth-child(1) {
  order: 2;
 }
.cont ul.box02 li:nth-child(2) {
  width: 47.88%;
  order: 1;
  padding: 0 4.85vw 0 14.85vw;
 }

/* Smartphone
----------------------------------------------- */
@media print,screen and (max-width: 999px) {
  .cont {
    padding-bottom: 20.25vw;
  }
  .cont::before,
  .cont::after {
    width: 53.16vw;
    height: 106.96vw;
  }
  .cont::before {
    top: 113.92vw;
  }
  .cont::after {
    top: 279.75vw;
  }
  .cont ul.lead {
    width: 84.81vw;
    margin: 0 auto 20.25vw;
  }
  .cont ul.lead li:nth-child(1) {
    width: 100%;
    font-size: 7.09vw;
    padding-bottom: 8.1vw;
   }
  .cont ul.lead li:nth-child(2) {
    width: 100%;
    font-size: 4.05vw;
    line-height: 2;
   }
  .cont ul.box01,
  .cont ul.box02 {
    margin: 0 auto 10.13vw;
  }
  .cont ul.box01 li:nth-child(1),
  .cont ul.box02 li:nth-child(1) {
    width: 87.34vw;
   }
  .cont ul.box01 img {
    width: 100%;
  }
  .cont ul.box01 li:nth-child(2) {
    width: 74.68vw;
    padding: 9.37vw 0 0 0;
    margin: 0 auto;
   }
  .cont ul li dt {
    font-size: 6.58vw;
  }
  .cont ul li dt span {
    font-size: 4.05vw;
    padding: 0.5em 0 8.1vw 0.7em;
  }
  .cont ul li dt span::before {
    font-size: 1.65vw;
    top: 4vw;
  }
  .cont ul li dd {
    font-size: 3.8vw;
  }
  .cont ul.box02 {
    margin: 0 auto;
  }
  .cont ul.box02 li:nth-child(1) {
    order: 1;
    margin-left: 12.66vw;
  }
  .cont ul.box02 li:nth-child(2) {
    width: 74.68vw;
    order: 2;
    padding: 9.37vw 0 0 0;
    margin: 0 auto;
  }
}/* Smartphone End */
