@charset "UTF-8";
/* CSS Document */
/*---------------------------------

  about

---------------------------------*/
.aboutBlock {}
.aboutBlock .wrap {
  display: flex;
  justify-content: space-between;
}
.aboutBlock .wrap .txt {}
.aboutBlock .about_wp_2 {
  background: var(--bg-color);
  margin-top: 3rem !important;
  padding: 3rem;
}
.aboutBlock .about_wp_2 figure {
  flex-basis: 25%;
  margin-right: 3rem;
}
.aboutBlock .about_wp_2 h3.ttl {
  margin-top: 0 !important;
}
@media screen and (max-width: 1024px) {}
@media screen and (max-width: 896px) {
  .aboutBlock .wrap {}
  .aboutBlock .wrap .txt {}
  .aboutBlock .about_wp_2 {
    margin-top: 1.5rem !important;
    padding: 1.5rem;
  }
  .aboutBlock .about_wp_2 figure {
    flex: 0 0 30%;
    margin-right: 1.5rem;
  }
}
@media screen and (max-width: 580px) {}
/*---------------------------------

  ご利用者様の声

---------------------------------*/
.voiceBlock {}
.voiceBlock .wrapper {}
.voiceBlock .wrap {}
@media screen and (max-width: 1024px) {}
@media screen and (max-width: 896px) {}
@media screen and (max-width: 580px) {}
/*---------------------------------

  内容+チェック

---------------------------------*/
.comBlock {}
.comBlock .wrap {
  display: flex;
  justify-content: space-between;
}
.comBlock .wrap .txt {}
.comBlock .wrap figure {
  flex: 0 0 30%;
  order: -1;
  margin-left: 0;
  margin-right: 5rem;
}
.comBlock:nth-child(even) .wrap figure {
  order: 1;
  margin-left: 5rem;
  margin-right: 0;
}
.comBlock .wrap figure figcaption {
  margin-top: 1rem;
}
.comBlock .wrap figure figcaption span {
  font-size: 1.1em;
  display: block;
}
.comBlock .wrap._imgwrap {
  margin-bottom: 3rem;
  display: flex;
  justify-content: flex-start;
}
.comBlock .wrap._imgwrap figure {
  flex-basis: auto;
  margin: 0 3% 0 0;
}
.comBlock .wrap._imgwrap figure img {
  height: 36rem;
  object-fit: contain;
  object-position: left;
}
@media screen and (max-width: 1024px) {}
@media screen and (max-width: 896px) {
  .comBlock .wrap {
    display: block;
  }
  .comBlock .wrap figure {
    margin: 2rem auto;
    width: 95%;
  }
  .comBlock:nth-child(even) .wrap figure {
    margin: 2rem auto;
  }
  .comBlock .wrap .txt {
    margin-top: 2rem;
  }
  .comBlock .wrap._imgwrap figure {
    width: auto;
    margin: 0 1rem;
  }
  .comBlock .wrap._imgwrap figure img {
    height: 25rem;
  }
}
@media screen and (max-width: 580px) {
  .comBlock .wrap._imgwrap {
    display: block;
  }
  .comBlock .wrap._imgwrap figure {
    width: 95%;
    margin: 1.5rem auto;
  }
  .comBlock .wrap._imgwrap figure img {
    aspect-ratio: 4/2.7;
    height: auto;
  }
}
/*---------------------------------
  check
---------------------------------*/
.comBlock .asideBlock {
  background: var(--bg-color);
  margin-top: 5rem;
  padding: 5rem 0;
}
.comBlock .asideBlock .wrapper {
  background: #fff;
  padding: 3rem 5%;
}
.comBlock .asideBlock .ekis-wrap {
  text-align: center;
}
.comBlock .asideBlock .ekis-wrap dl {
  margin-top: 3rem;
}
.comBlock .asideBlock .ekis-wrap dl dt {
  border-bottom: 1px solid #E6E6E6;
  display: inline-block;
  font-size: 1.8rem;
}
.comBlock .asideBlock .ekis-wrap dl dd {
  margin-top: 2rem;
  text-align: justify;
}
.comBlock .asideBlock .ekis-wrap dl dd + dd {
  border-top: 1px solid #E6E6E6;
  padding-top: 2rem;
}
.comBlock .asideBlock .ekis-wrap .wrap figure {
  flex: 0 0 40%;
  margin: 0 5rem 0 0;
  order: -1;
}
.comBlock .asideBlock .ekis-wrap dl + p {
  color: var(--link-color);
  margin-top: 3rem;
  font-size: 1.2em;
}
.comBlock .asideBlock .ekis-wrap ._point {
  align-items: center;
  text-align: justify;
  margin-top: 2rem;
}
.comBlock .asideBlock .ekis-wrap ._point figure {
  flex-basis: 30%;
  text-align: center;
}
.comBlock .asideBlock .ekis-wrap ._point dl {
  flex-basis: 80%;
  margin: 0;
}
@media screen and (max-width: 1024px) {}
@media screen and (max-width: 896px) {}
@media screen and (max-width: 580px) {
  .comBlock .asideBlock {
    margin-top: 3rem;
    padding: 2rem 0;
  }
  .comBlock .asideBlock .wrapper {
    padding: 2rem 5%;
  }
  .comBlock .asideBlock .ekis-wrap ._point {
    text-align: center;
  }
  .comBlock .asideBlock .ekis-wrap ._point figure {
    max-width: 12rem;
    margin: auto;
  }
}
/*---------------------------------
  seibunBlock
---------------------------------*/
.seibunBlock .wrap {}
.seibunBlock .wrap ul {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
}
.seibunBlock .wrap ul li {
  flex-basis: calc(100%/3);
  margin-bottom: 3rem;
  text-align: center;
}
.seibunBlock .wrap ul li figure {}
.seibunBlock .wrap ul li figure img {
  display: block;
  max-width: 12rem;
  margin: auto;
  width: 80%;
}
.seibunBlock .wrap ul li figure figcaption {
  margin-top: 1.5rem;
}
.seibunBlock .wrap ul li figure figcaption span {
  display: block;
  font-size: 1.2em;
  font-weight: 600;
}
.seibunBlock .wrap ul + figure {
  max-width: 40rem;
  margin: 3rem auto;
  width: 90%;
}
.seibunBlock .wrap aside {
  font-size: .8em;
  text-align: center;
}
@media screen and (max-width: 580px) {
  .seibunBlock .wrap ul li {
    flex-basis: calc(100%/2);
    margin-bottom: 2rem;
  }
  .seibunBlock .wrap ul li figure figcaption {
    margin-top: 1rem;
  }
}