@charset "UTF-8";
br.sp-only {
  display: block;
}
@media screen and (width >= 835px) {
  br.sp-only {
    display: none;
  }
}

span.over-tablet {
  display: none;
}
@media screen and (width >= 835px) {
  span.over-tablet {
    display: inline-block;
  }
}

h2 {
  color: #137597;
}
h2 span {
  font-size: 80%;
  font-weight: normal;
  vertical-align: bottom;
}

.business-202602bg {
  background-image: url(../images/business_202602/main_business2_202601.png);
}

.width-60 {
  width: 100%;
}
@media screen and (width >= 1042px) {
  .width-60 {
    width: 60%;
  }
}

.busi202602-img {
  margin: 30px auto 0;
}
@media screen and (width >= 1042px) {
  .busi202602-img {
    margin: 0;
  }
}
.busi202602-img.image-t2200pro {
  max-width: 75%;
  margin: 0 auto 30px;
  width: 40%;
  padding-left: 7%;
  padding-right: 9%;
}
@media screen and (width >= 835px) {
  .busi202602-img.image-t2200pro {
    width: 50%;
    margin: 0 auto 30px;
  }
}
@media screen and (width >= 1042px) {
  .busi202602-img.image-t2200pro {
    max-width: 40%;
    margin: 0;
  }
}

h5 {
  font-size: 100%;
  margin-bottom: 0.5em;
  display: grid;
  grid-template-columns: 1.5em 1fr;
  grid-template-rows: auto;
  align-items: center;
  justify-items: start;
  column-gap: 0.125em;
}
h5::before {
  display: block;
  content: "";
  width: 1.5em;
  height: 1em;
  background-color: #137597;
  clip-path: polygon(0 0, 100% 0, 75% 100%, 0 100%);
}

.description-container {
  margin-bottom: 60px;
}

.description {
  display: flex;
  flex-direction: column;
  column-gap: 5%;
}
@media screen and (width >= 1042px) {
  .description {
    flex-direction: row;
  }
}
.description .text-left {
  text-align: justify;
  width: 100%;
  margin-bottom: 30px;
}
@media screen and (width >= 1042px) {
  .description .text-left {
    width: 35%;
    margin-bottom: 0;
  }
}
.description .text-right {
  width: 100%;
  margin: 0;
  container: list-width inline;
}
@media screen and (width >= 835px) {
  .description .text-right {
    margin: 0 auto;
  }
}
@media screen and (width >= 1042px) {
  .description .text-right {
    width: 60%;
    margin: 0 auto;
  }
}

.description-list {
  container-type: inline-size;
  font-size: 16px;
}
.description-list ul {
  line-height: 1.5;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  height: auto;
  column-gap: 1em;
}
@container (width >=27em) {
  .description-list ul {
    height: 13.5em;
  }
}
@container (width >= 41em) {
  .description-list ul {
    height: 9em;
  }
}
.description-list li {
  width: 13em;
  text-align: left;
  line-height: inherit;
  list-style-position: inside;
}
.description-list li::marker {
  content: "･";
}

.movie-area {
  width: 100%;
  aspect-ratio: 16/9;
  margin-bottom: 60px;
}
.movie-area video {
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
}

.spec-area {
  border: 2px solid #23bef3;
  padding: 5%;
  margin-bottom: 60px;
  display: flex;
  flex-direction: column;
  column-gap: 5%;
  justify-content: space-between;
  align-items: center;
}
.spec-area:last-child {
  margin-bottom: 0;
}
@media screen and (width >= 835px) {
  .spec-area {
    flex-direction: row;
  }
}
.spec-area.reverse {
  flex-direction: column;
}
@media screen and (width >= 835px) {
  .spec-area.reverse {
    flex-direction: row-reverse;
  }
}

.spec-text {
  width: 100%;
  margin-bottom: 30px;
}
@media screen and (width >= 835px) {
  .spec-text {
    width: 55%;
    margin-bottom: 0;
  }
}
.spec-text h4 {
  color: #137597;
  font-size: 1.75em;
}
.spec-text p {
  font-size: 1.4;
  line-height: 1.25;
  margin-bottom: 30px;
}

.spec-sheet dl {
  display: grid;
  grid-template-columns: 33% 1fr;
  grid-template-rows: auto;
  justify-content: start;
  align-items: center;
}
.spec-sheet dl:nth-child(2n-1) {
  background-color: #dceffa;
}
.spec-sheet dt {
  font-weight: bold;
  line-height: 1.25;
  padding: 1em;
}
.spec-sheet dd {
  line-height: 1.25;
  padding: 1em;
}

.spec-image {
  width: 50%;
  align-content: center;
}
.spec-image img {
  max-width: 100%;
}
.spec-image.image-pg600 {
  padding-right: 3%;
}
.spec-image.image-k30env {
  padding-right: 5%;
  padding-left: 4%;
}

.section-bg {
  padding-bottom: 1px;
  background-color: #e7f4fb;
}

.description-list-t2200 dl {
  display: flex;
  align-self: end;
}
.description-list-t2200 dl:nth-child(2n-1) {
  background-color: #d0eaf8;
}
.description-list-t2200 dt {
  font-weight: bold;
  line-height: 1.25;
  text-align: left;
  width: 22%;
  padding: 0.6125em;
}
.description-list-t2200 dd {
  line-height: 1.25;
  text-align: left;
  max-width: 78%;
  padding: 0.6125em;
}

.spec-text-t2200pro {
  width: 100%;
  display: grid;
  grid-template-columns: auto;
  column-gap: 5%;
}
@media screen and (width >= 1042px) {
  .spec-text-t2200pro {
    grid-template-columns: auto 1fr;
  }
}

.spec-sheet-t2200pro {
  display: grid;
  grid-template-columns: auto;
  column-gap: 5%;
}
@media screen and (width >= 835px) {
  .spec-sheet-t2200pro {
    grid-template-columns: repeat(2, 1fr);
  }
}
.spec-sheet-t2200pro dl {
  grid-template-columns: 45% 1fr;
}
.spec-sheet-t2200pro dl:nth-child(2n-1) {
  background-color: #cce7f5;
}
.spec-sheet-t2200pro dt,
.spec-sheet-t2200pro dd {
  padding-top: 0.625em;
  padding-bottom: 0.625em;
}
.spec-sheet-t2200pro div:last-child dl {
  background-color: transparent;
}
.spec-sheet-t2200pro div:last-child dl:nth-child(2n) {
  background-color: #cce7f5;
}
@media screen and (width >= 835px) {
  .spec-sheet-t2200pro div:last-child dl {
    background-color: #cce7f5;
  }
  .spec-sheet-t2200pro div:last-child dl:nth-child(2n) {
    background-color: transparent;
  }
}

/* --------------------
index slide 202602 変更
-------------------- */
.mainvi-img1.slide-bg-202602 {
  background-image: url(../images/business_202602/main1-202602-c-sp.png) !important;
}
@media screen and (width >= 835px) {
  .mainvi-img1.slide-bg-202602 {
    background-image: url(../images/business_202602/main1-202602-c.png) !important;
  }
}

.p-202602 {
  max-width: 20em;
}
@media screen and (width >= 835px) {
  .p-202602 {
    max-width: 24em;
  }
}

.text-202602 {
  right: auto;
  background-color: rgba(255, 255, 255, 0.33);
  padding: 1em;
}
@media screen and (width >= 835px) {
  .text-202602 {
    right: 15%;
  }
}/*# sourceMappingURL=other3.css.map */