@charset "UTF-8";
/* *** variables model *** */
/* radius */
/* *** common variables *** */
/* break point */
/* hover style */
/* color */
/* One-Tone */
/* Two-Tone */
/* *** mixins *** */
/* break point */
/* hover */
/* --- 10px = 1rem --- */
.bev-contents {
  /* メインビジュアル */
  /* 導入 */
  /* メリット */
  /* 導入までの流れ */
}
.bev-contents .main-visual {
  position: relative;
}
.bev-contents .main-visual .logo {
  position: absolute;
}
@media (min-width: 769px) {
  .bev-contents .main-visual .logo {
    width: min(25%, 360px);
    top: 17%;
    right: 17%;
  }
}
@media (max-width: 768px) {
  .bev-contents .main-visual .logo {
    width: 57%;
    top: 12%;
    right: 6%;
  }
}
@media (min-width: 769px) {
  .bev-contents .intro-area {
    padding-block-end: 4rem;
  }
}
@media (max-width: 768px) {
  .bev-contents .intro-area {
    margin-block-start: 4rem;
    padding-block-end: 4rem;
  }
}
@media (max-width: 768px) {
  .bev-contents .intro-area .anchor-btns {
    flex-wrap: wrap;
  }
}
@media (min-width: 769px) {
  .bev-contents .intro-area .anchor-btns li {
    flex-basis: min(100%, 180px);
  }
}
@media (max-width: 768px) {
  .bev-contents .intro-area .anchor-btns li {
    flex-basis: calc(50% - 8px);
  }
}
@media (min-width: 769px) {
  .bev-contents .merit-area {
    padding-block-end: 6rem;
  }
}
@media (max-width: 768px) {
  .bev-contents .merit-area {
    padding-block-end: 4rem;
  }
}
.bev-contents .merit-area h2.logottl {
  max-width: 330px;
  margin-inline: auto;
  margin-block-end: 2.4rem;
}
.bev-contents .merit-area .merit-icon-list {
  display: flex;
  justify-content: center;
}
@media (min-width: 769px) {
  .bev-contents .merit-area .merit-icon-list {
    column-gap: 5rem;
  }
}
@media (max-width: 768px) {
  .bev-contents .merit-area .merit-icon-list {
    flex-wrap: wrap;
    gap: 12px 16px;
  }
}
.bev-contents .merit-area .merit-icon-list li {
  text-align: center;
}
@media (max-width: 768px) {
  .bev-contents .merit-area .merit-icon-list li {
    flex-basis: calc(50% - 8px);
  }
  .bev-contents .merit-area .merit-icon-list li img {
    padding-inline: 6%;
  }
}
.bev-contents .flow-area h2.logottl {
  margin-inline: auto;
}
@media (min-width: 769px) {
  .bev-contents .flow-area h2.logottl {
    margin-block-end: 4rem;
    width: 300px;
  }
}
@media (max-width: 768px) {
  .bev-contents .flow-area h2.logottl {
    margin-block-end: 3rem;
    width: min(84.29%, 295px);
  }
}
.bev-contents .flow-area .flow-area-img {
  background: #e9f4f4;
  margin-block-end: 6rem;
  padding-block: 4rem;
  text-align: center;
}
@media (min-width: 769px) {
  .bev-contents .flow-area .flow-area-img img.flow-img {
    max-width: 660px;
  }
}
.bev-contents .flow-area .bg-line {
  position: relative;
}
.bev-contents .flow-area .bg-line span {
  background: var(--white);
  padding-inline: 0.2em;
}
.bev-contents .flow-area .bg-line::after {
  content: "";
  width: 100%;
  height: 4px;
  background: var(--keyColor);
  position: absolute;
  left: 0;
  top: 50%;
  z-index: -1;
}
@media (min-width: 769px) {
  .bev-contents .flow-area .flow-delivery {
    margin-block-end: 5rem;
  }
}
@media (max-width: 768px) {
  .bev-contents .flow-area .flow-delivery {
    margin-block-end: 5rem;
  }
}
.bev-contents .flow-area .flow-details {
  display: flex;
}
@media (min-width: 769px) {
  .bev-contents .flow-area .flow-details {
    flex-wrap: wrap;
    gap: 2rem;
    margin-block: 4rem;
  }
}
@media (max-width: 768px) {
  .bev-contents .flow-area .flow-details {
    flex-direction: column;
    row-gap: 1.6rem;
    margin-block: 3rem 4rem;
  }
}
.bev-contents .flow-area .flow-details li {
  display: flex;
}
@media (min-width: 769px) {
  .bev-contents .flow-area .flow-details li {
    flex-direction: column;
    row-gap: 0.8rem;
    flex: 1;
  }
}
@media (max-width: 768px) {
  .bev-contents .flow-area .flow-details li {
    align-items: center;
    column-gap: 3%;
  }
}
.bev-contents .flow-area .flow-details li .title-area {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (max-width: 768px) {
  .bev-contents .flow-area .flow-details li .title-area {
    flex-basis: 20%;
  }
}
.bev-contents .flow-area .flow-details li .title-area .step-area {
  margin-block-end: 1rem;
  width: 4.8rem;
}
@media (min-width: 769px) {
  .bev-contents .flow-area .flow-details li .title-area .title-area-img {
    width: 64px;
  }
}
@media (max-width: 768px) {
  .bev-contents .flow-area .flow-details li .title-area .title-area-img {
    width: 52px;
  }
}
.bev-contents .flow-area .flow-details li .text-area {
  padding: 2rem;
  border-radius: 5px;
  background: #eeeeef;
}
@media (min-width: 769px) {
  .bev-contents .flow-area .flow-details li .text-area {
    height: 100%;
  }
}
@media (max-width: 768px) {
  .bev-contents .flow-area .flow-details li .text-area {
    flex-basis: 77%;
  }
}/*# sourceMappingURL=corporation.css.map */