@charset "UTF-8";

/* ==========================================================================
   p-function.css
   ========================================================================== */

/* partial override */
/* ========================================================================= */

.o-m__about {
  padding: 20px 0 70px;
}

.o-m__anchor_btn {
  justify-content: center;
  flex-wrap: wrap;
  gap: 10px;
  padding-bottom: 0;
}

.o-m__anchor_btn a {
  @media screen and (max-width: 768px) {
    margin-bottom: 0;
  }
}

/* ========================================================================= */
/* object page_common */
/* ========================================================================= */

.p__function-fv .o-c__heading-h1 {
  font-size: 36px;
  line-height: 1.4;
  font-weight: 700;
  position: relative;
  margin-bottom: 30px;
  @media screen and (max-width: 576px) {
    font-size: 25px;
  }
}

.p__function-fv .o-c__heading-lead {
  @media screen and (max-width: 576px) {
    padding-bottom: 0;
  }
}

/*STEPフロー */

.p__function-step {
}

.p__function-step-content {
  position: relative;
  margin-bottom: 60px;
}

.p__function-step-content_flow {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 180px));
  justify-content: center;
  gap: 30px;
  @media screen and (max-width: 576px) {
    width: 100%;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }
}

.p__function-step-content_flow_data {
  position: relative;
  display: grid;
  &:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: -35px;
    width: 28px;
    height: 38px;
    background-image: url(/rakurakucloud/meisai/assets/image/icon/icon_000_arrow.svg);
    background-repeat: no-repeat;
    background-size: cover;
    transform: rotate(-90deg) translateX(60%);
    /* z-index: -1; */
    @media screen and (max-width: 576px) {
      left: -30px;
      transform: rotate(-90deg) translateX(60%) scale(0.7);
    }
  }
  &:nth-of-type(2) {
    z-index: 15;
  }
  &:nth-of-type(3) {
    z-index: 10;
  }
  &:first-of-type {
    z-index: 20;
  }
}

.p__function-step-content_flow_data:nth-of-type(3)::before {
  @media screen and (max-width: 576px) {
    display: none;
  }
}

.p__function-step-content_flow_data:first-of-type:before {
  content: none;
}

.p__function-step-content_flow_data dt {
  position: absolute;
  z-index: 1;
  max-width: 210px;
  white-space: nowrap;
  line-height: 1;
  left: 50%;
  top: -10px;
  transform: translateX(-50%);
  background-color: #fff;
  padding: 5px 16px;
  text-align: center;
  border-radius: 50px;
  margin: 0 auto;
  font-size: 10px;
  color: var(--rmeisai-bg-main);
  font-weight: 700;
  @media screen and (max-width: 576px) {
    font-size: 9px;
    position: absolute;
    top: -10px;
    text-align: center;
  }
}

.p__function-step-content_flow_data dd {
  background-color: var(--rmeisai-bg-main);
  color: #fff;
  padding: 18px 0 12px;
  border-radius: 10px;
  font-size: 16px;
  font-weight: 700;
  text-align: center;
  line-height: 24px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  @media screen and (max-width: 576px) {
    font-size: 16px;
  }
}

.p__function-step-content_flow_data.step-now dt {
  color: var(--rmeisai-primary);
}

.p__function-step-content_flow_data.step-now dd {
  background-color: var(--rmeisai-primary);
}

/*各機能 */

.p__function-introduction {
}

.p__function-introduction_content {
  padding: 25px 0 0 0;
}

.p__function-introduction_content_box {
  background-color: var(--rmeisai-bg-sub-03);
  border-radius: 10px;
  padding: 0 30px 30px;
  position: relative;
  margin: 50px 0 0;
  @media screen and (max-width: 576px) {
    width: 100%;
    padding: 0 20px 20px;
    margin: 40px 0 0;
  }
  &:last-of-type {
    margin-bottom: 0;
  }
}

/*JS開の設定 */

.p__function-introduction_content_box._js_open {
}

.p__function-introduction_content_box._js_open .p__function-introduction_content_hidetext {
  height: auto;
  opacity: 1;
  margin-top: 25px;
}

.p__function-introduction_content_box._js_open .o-c__btn-text_icon_plus_bg:after {
  display: none;
}

.p__function-introduction_content_title {
  height: 80px;
  display: block;
  position: relative;
  z-index: 50;
  padding: 27px 0 0 120px;
  text-align: left;
  @media screen and (max-width: 1024px) {
    padding: 20px 0 0 120px;
  }
  @media screen and (max-width: 576px) {
    height: auto;
    padding: 58px 0 15px 0;
  }
}

.p__function-introduction_content_title_icon {
  position: absolute;
  top: -30px;
  left: 0;
  width: 120px;
  height: 120px;
  border-radius: 60px;
  background-color: var(--rmeisai-bg-sub-03);
  text-align: center;
  display: grid;
  place-items: center;
  @media screen and (max-width: 576px) {
    position: absolute;
    top: -30px;
    left: 50%;
    transform: translateX(-50%);
    width: 101px;
    height: 101px;
  }
}

.p__function-introduction_content_title_icon img {
  width: 80px;
  height: 80px;
  @media screen and (max-width: 576px) {
    width: 50px;
    height: 50px;
    position: absolute;
    top: 15px;
  }
}

.p__function-introduction_content_title h3 {
  font-size: 24px;
  font-weight: 700;
  color: var(--rmeisai-primary);
  @media screen and (max-width: 1024px) {
    font-size: 18px;
    line-height: 1.2;
  }
  @media screen and (max-width: 576px) {
    font-size: 20px;
    position: relative;
    z-index: 60;
    text-align: center;
  }
}

.p__function-introduction_content_point {
  background-color: #fff;
  padding: 28px 0;
  border-radius: 10px;
  display: flex;
  align-items: center;
  font-weight: 700;
  position: relative;
  z-index: 60;
  @media screen and (max-width: 576px) {
    display: block;
    padding: 15px 0;
  }
}

.p__function-introduction_content_point_caps {
  font-size: 20px;
  line-height: 1.4;
  font-weight: 700;
  color: var(--rmeisai-primary);
  padding: 0 55px 0 60px;
  position: relative;
  @media screen and (max-width: 576px) {
    display: block;
    font-size: 18px;
    text-align: center;
    padding: 0;
  }
  &:before {
    display: none;
    @media screen and (max-width: 576px) {
      display: block;
      content: "";
      position: absolute;
      left: 20px;
      top: 50%;
      transform: translateY(-50%);
      width: 22%;
      height: 1px;
      background: var(--rmeisai-primary);
    }
  }
  &:after {
    display: none;
    @media screen and (max-width: 576px) {
      display: block;
      content: "";
      position: absolute;
      right: 20px;
      top: 50%;
      transform: translateY(-50%);
      width: 22%;
      height: 1px;
      background: var(--rmeisai-primary);
    }
  }
}

.p__function-introduction_content_point_caps span {
  display: inline-block;
  position: relative;
  padding: 0 0 0 30px;
  line-height: 1;
  @media screen and (max-width: 576px) {
    padding: 0 0 0 30px;
  }
  &:before {
    content: "";
    position: absolute;
    left: 0;
    top: 42%;
    transform: translateY(-50%) translateX(0%);
    width: 21px;
    height: 21px;
    background: var(--rmeisai-primary);
    border-radius: 11px;
    @media screen and (max-width: 576px) {
      width: 16px;
      height: 16px;
      left: 9px;
      top: 42%;
    }
  }
  &:after {
    content: "";
    width: 10px;
    height: 6px;
    border-top: solid 2px #fff;
    border-right: solid 2px #fff;
    display: block;
    position: absolute;
    left: 5px;
    top: 22%;
    transform: rotate(135deg) translateX(0%);
    @media screen and (max-width: 576px) {
      width: 8px;
      height: 5px;
      left: 13px;
      top: 22%;
    }
  }
}

.p__function-introduction_content_point h4 {
  padding: 10px 40px 5px;
  font-size: 18px;
  line-height: 1.6;
  border-left: 1px solid var(--rmeisai-primary);
  @media screen and (max-width: 576px) {
    padding: 10px 20px 0;
    font-size: 14px;
    text-align: center;
    border: none;
  }
}

.p__function-introduction_content_hidetext {
  font-size: 15px;
  line-height: 1.7;
  padding: 0 25px;
  text-align: center;
  height: 0;
  opacity: 0;
  border-radius: 10px;
  text-align: left;
  transition: all ease 0.3s;
  @media screen and (max-width: 768px) {
    padding: 0;
  }
  @media screen and (max-width: 576px) {
    font-size: 14px;
    line-height: 1.6;
  }
}

.p__function-introduction_content_hidetext_title {
  display: none;
}

.p__function-introduction_content_hidetext p {
  text-align: left;
}

.p__function-introduction_content_hidetext .o-c__list-check._size_m li {
  font-size: 15px;
  margin: 0 0 5px;
  @media screen and (max-width: 576px) {
    font-size: 14px;
  }
}

.p__function-introduction_content_hidetext .f__common-text_annotation {
  margin: 10px 0 0;
}

.p__function-introduction_content_hidetext .o-c__btn-link {
  margin-top: 10px;
}

.p__function-introduction_content_btn {
  text-align: center;
  margin-top: 20px;
}

.p__function-introduction_content_btn .o-c__btn-text a {
  color: var(--rmeisai-primary);
  text-decoration: none;
}

.p__function-linklist_content_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.p__function-linklist_content_item {
  width: 24%;
  margin-bottom: 10px;
  @media screen and (max-width: 576px) {
    width: 48.5%;
  }
}

.p__function-linklist_content_item .o-c__btn-link {
  display: grid;
  place-items: center;
  width: 100%;
  height: 65px;
  font-weight: 700;
  font-size: 16px;
  line-height: 1.4;
  padding: 0;
  @media screen and (max-width: 576px) {
    font-size: 14px;
    height: 65px;
    line-height: 1.2;
  }
}

.p__function-linklist_link {
  text-align: center;
  padding: 20px 0 0;
}

#sec1 {
  padding-top: 0;
}

/*---------------------------------------------------------- */

.o-m__function-modallist-content {
  margin-top: 20px;
}

.o-m__function-modallist-content_box {
  background: var(--rmeisai-bg-sub-03);
}

/* 元の設定を上書き */

#modal1:checked ~ .o-m__function-modallist-modal_box {
  display: flex;
  @media screen and (max-width: 768px) {
    display: block;
  }
}

#modal1:checked ~ .o-m__function-modallist-modal_overlay {
  display: block;
}

#modal2:checked ~ .o-m__function-modallist-modal_box {
  display: flex;
  @media screen and (max-width: 768px) {
    display: block;
  }
}

#modal2:checked ~ .o-m__function-modallist-modal_overlay {
  display: block;
}

#modal3:checked ~ .o-m__function-modallist-modal_box {
  display: flex;
  @media screen and (max-width: 768px) {
    display: block;
  }
}

#modal3:checked ~ .o-m__function-modallist-modal_overlay {
  display: block;
}

#modal4:checked ~ .o-m__function-modallist-modal_box {
  display: flex;
  @media screen and (max-width: 768px) {
    display: block;
  }
}

#modal4:checked ~ .o-m__function-modallist-modal_overlay {
  display: block;
}

#modal5:checked ~ .o-m__function-modallist-modal_box {
  display: flex;
  @media screen and (max-width: 768px) {
    display: block;
  }
}

#modal5:checked ~ .o-m__function-modallist-modal_overlay {
  display: block;
}

#modal6:checked ~ .o-m__function-modallist-modal_box {
  display: flex;
  @media screen and (max-width: 768px) {
    display: block;
  }
}

#modal6:checked ~ .o-m__function-modallist-modal_overlay {
  display: block;
}

#modal7:checked ~ .o-m__function-modallist-modal_box {
  display: flex;
  @media screen and (max-width: 768px) {
    display: block;
  }
}

#modal7:checked ~ .o-m__function-modallist-modal_overlay {
  display: block;
}

#modal8:checked ~ .o-m__function-modallist-modal_box {
  display: flex;
  @media screen and (max-width: 768px) {
    display: block;
  }
}

#modal8:checked ~ .o-m__function-modallist-modal_overlay {
  display: block;
}

#modal9:checked ~ .o-m__function-modallist-modal_box {
  display: flex;
  @media screen and (max-width: 768px) {
    display: block;
  }
}

#modal9:checked ~ .o-m__function-modallist-modal_overlay {
  display: block;
}

#modal10:checked ~ .o-m__function-modallist-modal_box {
  display: flex;
  @media screen and (max-width: 768px) {
    display: block;
  }
}

#modal10:checked ~ .o-m__function-modallist-modal_overlay {
  display: block;
}

#modal11:checked ~ .o-m__function-modallist-modal_box {
  display: flex;
  @media screen and (max-width: 768px) {
    display: block;
  }
}

#modal11:checked ~ .o-m__function-modallist-modal_overlay {
  display: block;
}

#modal12:checked ~ .o-m__function-modallist-modal_box {
  display: flex;
  @media screen and (max-width: 768px) {
    display: block;
  }
}

#modal12:checked ~ .o-m__function-modallist-modal_overlay {
  display: block;
}

#modal13:checked ~ .o-m__function-modallist-modal_box {
  display: flex;
  @media screen and (max-width: 768px) {
    display: block;
  }
}

#modal13:checked ~ .o-m__function-modallist-modal_overlay {
  display: block;
}

#modal14:checked ~ .o-m__function-modallist-modal_box {
  display: flex;
  @media screen and (max-width: 768px) {
    display: block;
  }
}

#modal14:checked ~ .o-m__function-modallist-modal_overlay {
  display: block;
}

#modal15:checked ~ .o-m__function-modallist-modal_box {
  display: flex;
  @media screen and (max-width: 768px) {
    display: block;
  }
}

#modal15:checked ~ .o-m__function-modallist-modal_overlay {
  display: block;
}

#modal16:checked ~ .o-m__function-modallist-modal_box {
  display: flex;
  @media screen and (max-width: 768px) {
    display: block;
  }
}

#modal16:checked ~ .o-m__function-modallist-modal_overlay {
  display: block;
}

#modal17:checked ~ .o-m__function-modallist-modal_box {
  display: flex;
  @media screen and (max-width: 768px) {
    display: block;
  }
}

#modal17:checked ~ .o-m__function-modallist-modal_overlay {
  display: block;
}

#modal18:checked ~ .o-m__function-modallist-modal_box {
  display: flex;
  @media screen and (max-width: 768px) {
    display: block;
  }
}

#modal18:checked ~ .o-m__function-modallist-modal_overlay {
  display: block;
}

#modal19:checked ~ .o-m__function-modallist-modal_box {
  display: flex;
  @media screen and (max-width: 768px) {
    display: block;
  }
}

#modal19:checked ~ .o-m__function-modallist-modal_overlay {
  display: block;
}

#modal20:checked ~ .o-m__function-modallist-modal_box {
  display: flex;
  @media screen and (max-width: 768px) {
    display: block;
  }
}

#modal20:checked ~ .o-m__function-modallist-modal_overlay {
  display: block;
}

#modal21:checked ~ .o-m__function-modallist-modal_box {
  display: flex;
  @media screen and (max-width: 768px) {
    display: block;
  }
}

#modal21:checked ~ .o-m__function-modallist-modal_overlay {
  display: block;
}

#modal22:checked ~ .o-m__function-modallist-modal_box {
  display: flex;
  @media screen and (max-width: 768px) {
    display: block;
  }
}

#modal22:checked ~ .o-m__function-modallist-modal_overlay {
  display: block;
}

#modal23:checked ~ .o-m__function-modallist-modal_box {
  display: flex;
  @media screen and (max-width: 768px) {
    display: block;
  }
}

#modal23:checked ~ .o-m__function-modallist-modal_overlay {
  display: block;
}

#modal24:checked ~ .o-m__function-modallist-modal_box {
  display: flex;
  @media screen and (max-width: 768px) {
    display: block;
  }
}

#modal24:checked ~ .o-m__function-modallist-modal_overlay {
  display: block;
}

#modal25:checked ~ .o-m__function-modallist-modal_box {
  display: flex;
  @media screen and (max-width: 768px) {
    display: block;
  }
}

#modal25:checked ~ .o-m__function-modallist-modal_overlay {
  display: block;
}

#modal26:checked ~ .o-m__function-modallist-modal_box {
  display: flex;
  @media screen and (max-width: 768px) {
    display: block;
  }
}

#modal26:checked ~ .o-m__function-modallist-modal_overlay {
  display: block;
}

#modal27:checked ~ .o-m__function-modallist-modal_box {
  display: flex;
  @media screen and (max-width: 768px) {
    display: block;
  }
}

#modal27:checked ~ .o-m__function-modallist-modal_overlay {
  display: block;
}

#modal28:checked ~ .o-m__function-modallist-modal_box {
  display: flex;
  @media screen and (max-width: 768px) {
    display: block;
  }
}

#modal28:checked ~ .o-m__function-modallist-modal_overlay {
  display: block;
}

#modal29:checked ~ .o-m__function-modallist-modal_box {
  display: flex;
  @media screen and (max-width: 768px) {
    display: block;
  }
}

#modal29:checked ~ .o-m__function-modallist-modal_overlay {
  display: block;
}

#modal30:checked ~ .o-m__function-modallist-modal_box {
  display: flex;
  @media screen and (max-width: 768px) {
    display: block;
  }
}

#modal30:checked ~ .o-m__function-modallist-modal_overlay {
  display: block;
}

#modal31:checked ~ .o-m__function-modallist-modal_box {
  display: flex;
  @media screen and (max-width: 768px) {
    display: block;
  }
}

#modal31:checked ~ .o-m__function-modallist-modal_overlay {
  display: block;
}

#modal32:checked ~ .o-m__function-modallist-modal_box {
  display: flex;
  @media screen and (max-width: 768px) {
    display: block;
  }
}

#modal32:checked ~ .o-m__function-modallist-modal_overlay {
  display: block;
}

#modal33:checked ~ .o-m__function-modallist-modal_box {
  display: flex;
  @media screen and (max-width: 768px) {
    display: block;
  }
}

#modal33:checked ~ .o-m__function-modallist-modal_overlay {
  display: block;
}

#modal34:checked ~ .o-m__function-modallist-modal_box {
  display: flex;
  @media screen and (max-width: 768px) {
    display: block;
  }
}

#modal34:checked ~ .o-m__function-modallist-modal_overlay {
  display: block;
}

#modal35:checked ~ .o-m__function-modallist-modal_box {
  display: flex;
  @media screen and (max-width: 768px) {
    display: block;
  }
}

#modal35:checked ~ .o-m__function-modallist-modal_overlay {
  display: block;
}

#modal36:checked ~ .o-m__function-modallist-modal_box {
  display: flex;
  @media screen and (max-width: 768px) {
    display: block;
  }
}

#modal36:checked ~ .o-m__function-modallist-modal_overlay {
  display: block;
}

#modal37:checked ~ .o-m__function-modallist-modal_box {
  display: flex;
  @media screen and (max-width: 768px) {
    display: block;
  }
}

#modal37:checked ~ .o-m__function-modallist-modal_overlay {
  display: block;
}

#modal38:checked ~ .o-m__function-modallist-modal_box {
  display: flex;
  @media screen and (max-width: 768px) {
    display: block;
  }
}

#modal38:checked ~ .o-m__function-modallist-modal_overlay {
  display: block;
}

#modal39:checked ~ .o-m__function-modallist-modal_box {
  display: flex;
  @media screen and (max-width: 768px) {
    display: block;
  }
}

#modal39:checked ~ .o-m__function-modallist-modal_overlay {
  display: block;
}

#modal40:checked ~ .o-m__function-modallist-modal_box {
  display: flex;
  @media screen and (max-width: 768px) {
    display: block;
  }
}

#modal40:checked ~ .o-m__function-modallist-modal_overlay {
  display: block;
}

#modal41:checked ~ .o-m__function-modallist-modal_box {
  display: flex;
  @media screen and (max-width: 768px) {
    display: block;
  }
}

#modal41:checked ~ .o-m__function-modallist-modal_overlay {
  display: block;
}

#modal42:checked ~ .o-m__function-modallist-modal_box {
  display: flex;
  @media screen and (max-width: 768px) {
    display: block;
  }
}

#modal42:checked ~ .o-m__function-modallist-modal_overlay {
  display: block;
}

#modal43:checked ~ .o-m__function-modallist-modal_box {
  display: flex;
  @media screen and (max-width: 768px) {
    display: block;
  }
}

#modal43:checked ~ .o-m__function-modallist-modal_overlay {
  display: block;
}

#modal44:checked ~ .o-m__function-modallist-modal_box {
  display: flex;
  @media screen and (max-width: 768px) {
    display: block;
  }
}

#modal44:checked ~ .o-m__function-modallist-modal_overlay {
  display: block;
}

#modal45:checked ~ .o-m__function-modallist-modal_box {
  display: flex;
  @media screen and (max-width: 768px) {
    display: block;
  }
}

#modal45:checked ~ .o-m__function-modallist-modal_overlay {
  display: block;
}

#modal46:checked ~ .o-m__function-modallist-modal_box {
  display: flex;
  @media screen and (max-width: 768px) {
    display: block;
  }
}

#modal46:checked ~ .o-m__function-modallist-modal_overlay {
  display: block;
}

#modal47:checked ~ .o-m__function-modallist-modal_box {
  display: flex;
  @media screen and (max-width: 768px) {
    display: block;
  }
}

#modal47:checked ~ .o-m__function-modallist-modal_overlay {
  display: block;
}

#modal48:checked ~ .o-m__function-modallist-modal_box {
  display: flex;
  @media screen and (max-width: 768px) {
    display: block;
  }
}

#modal48:checked ~ .o-m__function-modallist-modal_overlay {
  display: block;
}

#modal49:checked ~ .o-m__function-modallist-modal_box {
  display: flex;
  @media screen and (max-width: 768px) {
    display: block;
  }
}

#modal49:checked ~ .o-m__function-modallist-modal_overlay {
  display: block;
}

#modal50:checked ~ .o-m__function-modallist-modal_box {
  display: flex;
  @media screen and (max-width: 768px) {
    display: block;
  }
}

#modal50:checked ~ .o-m__function-modallist-modal_overlay {
  display: block;
}

#modal51:checked ~ .o-m__function-modallist-modal_box {
  display: flex;
  @media screen and (max-width: 768px) {
    display: block;
  }
}

#modal51:checked ~ .o-m__function-modallist-modal_overlay {
  display: block;
}

#modal52:checked ~ .o-m__function-modallist-modal_box {
  display: flex;
  @media screen and (max-width: 768px) {
    display: block;
  }
}

#modal52:checked ~ .o-m__function-modallist-modal_overlay {
  display: block;
}

#modal53:checked ~ .o-m__function-modallist-modal_box {
  display: flex;
  @media screen and (max-width: 768px) {
    display: block;
  }
}

#modal53:checked ~ .o-m__function-modallist-modal_overlay {
  display: block;
}

#modal54:checked ~ .o-m__function-modallist-modal_box {
  display: flex;
  @media screen and (max-width: 768px) {
    display: block;
  }
}

#modal54:checked ~ .o-m__function-modallist-modal_overlay {
  display: block;
}

#modal55:checked ~ .o-m__function-modallist-modal_box {
  display: flex;
  @media screen and (max-width: 768px) {
    display: block;
  }
}

#modal55:checked ~ .o-m__function-modallist-modal_overlay {
  display: block;
}

#modal56:checked ~ .o-m__function-modallist-modal_box {
  display: flex;
  @media screen and (max-width: 768px) {
    display: block;
  }
}

#modal56:checked ~ .o-m__function-modallist-modal_overlay {
  display: block;
}

#modal57:checked ~ .o-m__function-modallist-modal_box {
  display: flex;
  @media screen and (max-width: 768px) {
    display: block;
  }
}

#modal57:checked ~ .o-m__function-modallist-modal_overlay {
  display: block;
}

#modal58:checked ~ .o-m__function-modallist-modal_box {
  display: flex;
  @media screen and (max-width: 768px) {
    display: block;
  }
}

#modal58:checked ~ .o-m__function-modallist-modal_overlay {
  display: block;
}

#modal59:checked ~ .o-m__function-modallist-modal_box {
  display: flex;
  @media screen and (max-width: 768px) {
    display: block;
  }
}

#modal59:checked ~ .o-m__function-modallist-modal_overlay {
  display: block;
}

#modal60:checked ~ .o-m__function-modallist-modal_box {
  display: flex;
  @media screen and (max-width: 768px) {
    display: block;
  }
}

#modal60:checked ~ .o-m__function-modallist-modal_overlay {
  display: block;
}

#modal61:checked ~ .o-m__function-modallist-modal_box {
  display: flex;
  @media screen and (max-width: 768px) {
    display: block;
  }
}

#modal61:checked ~ .o-m__function-modallist-modal_overlay {
  display: block;
}

#modal62:checked ~ .o-m__function-modallist-modal_box {
  display: flex;
  @media screen and (max-width: 768px) {
    display: block;
  }
}

#modal62:checked ~ .o-m__function-modallist-modal_overlay {
  display: block;
}

#modal63:checked ~ .o-m__function-modallist-modal_box {
  display: flex;
  @media screen and (max-width: 768px) {
    display: block;
  }
}

#modal63:checked ~ .o-m__function-modallist-modal_overlay {
  display: block;
}

#modal64:checked ~ .o-m__function-modallist-modal_box {
  display: flex;
  @media screen and (max-width: 768px) {
    display: block;
  }
}

#modal64:checked ~ .o-m__function-modallist-modal_overlay {
  display: block;
}

#modal65:checked ~ .o-m__function-modallist-modal_box {
  display: flex;
  @media screen and (max-width: 768px) {
    display: block;
  }
}

#modal65:checked ~ .o-m__function-modallist-modal_overlay {
  display: block;
}

#modal66:checked ~ .o-m__function-modallist-modal_box {
  display: flex;
  @media screen and (max-width: 768px) {
    display: block;
  }
}

#modal66:checked ~ .o-m__function-modallist-modal_overlay {
  display: block;
}

#modal67:checked ~ .o-m__function-modallist-modal_box {
  display: flex;
  @media screen and (max-width: 768px) {
    display: block;
  }
}

#modal67:checked ~ .o-m__function-modallist-modal_overlay {
  display: block;
}

#modal68:checked ~ .o-m__function-modallist-modal_box {
  display: flex;
  @media screen and (max-width: 768px) {
    display: block;
  }
}

#modal68:checked ~ .o-m__function-modallist-modal_overlay {
  display: block;
}

#modal69:checked ~ .o-m__function-modallist-modal_box {
  display: flex;
  @media screen and (max-width: 768px) {
    display: block;
  }
}

#modal69:checked ~ .o-m__function-modallist-modal_overlay {
  display: block;
}

#modal70:checked ~ .o-m__function-modallist-modal_box {
  display: flex;
  @media screen and (max-width: 768px) {
    display: block;
  }
}

#modal70:checked ~ .o-m__function-modallist-modal_overlay {
  display: block;
}

#modal71:checked ~ .o-m__function-modallist-modal_box {
  display: flex;
  @media screen and (max-width: 768px) {
    display: block;
  }
}

#modal71:checked ~ .o-m__function-modallist-modal_overlay {
  display: block;
}

#modal72:checked ~ .o-m__function-modallist-modal_box {
  display: flex;
  @media screen and (max-width: 768px) {
    display: block;
  }
}

#modal72:checked ~ .o-m__function-modallist-modal_overlay {
  display: block;
}

#modal73:checked ~ .o-m__function-modallist-modal_box {
  display: flex;
  @media screen and (max-width: 768px) {
    display: block;
  }
}

#modal73:checked ~ .o-m__function-modallist-modal_overlay {
  display: block;
}

#modal74:checked ~ .o-m__function-modallist-modal_box {
  display: flex;
  @media screen and (max-width: 768px) {
    display: block;
  }
}

#modal74:checked ~ .o-m__function-modallist-modal_overlay {
  display: block;
}

#modal75:checked ~ .o-m__function-modallist-modal_box {
  display: flex;
  @media screen and (max-width: 768px) {
    display: block;
  }
}

#modal75:checked ~ .o-m__function-modallist-modal_overlay {
  display: block;
}

#modal76:checked ~ .o-m__function-modallist-modal_box {
  display: flex;
  @media screen and (max-width: 768px) {
    display: block;
  }
}

#modal76:checked ~ .o-m__function-modallist-modal_overlay {
  display: block;
}

#modal77:checked ~ .o-m__function-modallist-modal_box {
  display: flex;
  @media screen and (max-width: 768px) {
    display: block;
  }
}

#modal77:checked ~ .o-m__function-modallist-modal_overlay {
  display: block;
}

#modal78:checked ~ .o-m__function-modallist-modal_box {
  display: flex;
  @media screen and (max-width: 768px) {
    display: block;
  }
}

#modal78:checked ~ .o-m__function-modallist-modal_overlay {
  display: block;
}

#modal79:checked ~ .o-m__function-modallist-modal_box {
  display: flex;
  @media screen and (max-width: 768px) {
    display: block;
  }
}

#modal79:checked ~ .o-m__function-modallist-modal_overlay {
  display: block;
}

#modal80:checked ~ .o-m__function-modallist-modal_box {
  display: flex;
  @media screen and (max-width: 768px) {
    display: block;
  }
}

#modal80:checked ~ .o-m__function-modallist-modal_overlay {
  display: block;
}

#modal81:checked ~ .o-m__function-modallist-modal_box {
  display: flex;
  @media screen and (max-width: 768px) {
    display: block;
  }
}

#modal81:checked ~ .o-m__function-modallist-modal_overlay {
  display: block;
}

#modal82:checked ~ .o-m__function-modallist-modal_box {
  display: flex;
  @media screen and (max-width: 768px) {
    display: block;
  }
}

#modal82:checked ~ .o-m__function-modallist-modal_overlay {
  display: block;
}

#modal83:checked ~ .o-m__function-modallist-modal_box {
  display: flex;
  @media screen and (max-width: 768px) {
    display: block;
  }
}

#modal83:checked ~ .o-m__function-modallist-modal_overlay {
  display: block;
}

#modal84:checked ~ .o-m__function-modallist-modal_box {
  display: flex;
  @media screen and (max-width: 768px) {
    display: block;
  }
}

#modal84:checked ~ .o-m__function-modallist-modal_overlay {
  display: block;
}

#modal85:checked ~ .o-m__function-modallist-modal_box {
  display: flex;
  @media screen and (max-width: 768px) {
    display: block;
  }
}

#modal85:checked ~ .o-m__function-modallist-modal_overlay {
  display: block;
}

#modal86:checked ~ .o-m__function-modallist-modal_box {
  display: flex;
  @media screen and (max-width: 768px) {
    display: block;
  }
}

#modal86:checked ~ .o-m__function-modallist-modal_overlay {
  display: block;
}

#modal87:checked ~ .o-m__function-modallist-modal_box {
  display: flex;
  @media screen and (max-width: 768px) {
    display: block;
  }
}

#modal87:checked ~ .o-m__function-modallist-modal_overlay {
  display: block;
}

#modal88:checked ~ .o-m__function-modallist-modal_box {
  display: flex;
  @media screen and (max-width: 768px) {
    display: block;
  }
}

#modal88:checked ~ .o-m__function-modallist-modal_overlay {
  display: block;
}

#modal89:checked ~ .o-m__function-modallist-modal_box {
  display: flex;
  @media screen and (max-width: 768px) {
    display: block;
  }
}

#modal89:checked ~ .o-m__function-modallist-modal_overlay {
  display: block;
}

#modal90:checked ~ .o-m__function-modallist-modal_box {
  display: flex;
  @media screen and (max-width: 768px) {
    display: block;
  }
}

#modal90:checked ~ .o-m__function-modallist-modal_overlay {
  display: block;
}

#modal91:checked ~ .o-m__function-modallist-modal_box {
  display: flex;
  @media screen and (max-width: 768px) {
    display: block;
  }
}

#modal91:checked ~ .o-m__function-modallist-modal_overlay {
  display: block;
}

#modal92:checked ~ .o-m__function-modallist-modal_box {
  display: flex;
  @media screen and (max-width: 768px) {
    display: block;
  }
}

#modal92:checked ~ .o-m__function-modallist-modal_overlay {
  display: block;
}

#modal93:checked ~ .o-m__function-modallist-modal_box {
  display: flex;
  @media screen and (max-width: 768px) {
    display: block;
  }
}

#modal93:checked ~ .o-m__function-modallist-modal_overlay {
  display: block;
}

#modal94:checked ~ .o-m__function-modallist-modal_box {
  display: flex;
  @media screen and (max-width: 768px) {
    display: block;
  }
}

#modal94:checked ~ .o-m__function-modallist-modal_overlay {
  display: block;
}

#modal95:checked ~ .o-m__function-modallist-modal_box {
  display: flex;
  @media screen and (max-width: 768px) {
    display: block;
  }
}

#modal95:checked ~ .o-m__function-modallist-modal_overlay {
  display: block;
}

#modal96:checked ~ .o-m__function-modallist-modal_box {
  display: flex;
  @media screen and (max-width: 768px) {
    display: block;
  }
}

#modal96:checked ~ .o-m__function-modallist-modal_overlay {
  display: block;
}

#modal97:checked ~ .o-m__function-modallist-modal_box {
  display: flex;
  @media screen and (max-width: 768px) {
    display: block;
  }
}

#modal97:checked ~ .o-m__function-modallist-modal_overlay {
  display: block;
}

#modal98:checked ~ .o-m__function-modallist-modal_box {
  display: flex;
  @media screen and (max-width: 768px) {
    display: block;
  }
}

#modal98:checked ~ .o-m__function-modallist-modal_overlay {
  display: block;
}

#modal99:checked ~ .o-m__function-modallist-modal_box {
  display: flex;
  @media screen and (max-width: 768px) {
    display: block;
  }
}

#modal99:checked ~ .o-m__function-modallist-modal_overlay {
  display: block;
}

/*---------------------------------------------------------- */

.f__common-bgcolor_blue .p__function-introduction_content_box,
.f__common-bgcolor_blue .p__function-introduction_content_title_icon {
  background: #fff;
}

.f__common-bgcolor_blue .p__function-introduction_content_point {
  background: var(--rmeisai-bg-sub-03);
}

.f__common-bgcolor_blue .o-m__function-modallist-content_box {
  background: #fff;
}

/*---------------------------------------------------------- */

.p__function-introduction_content_box .o-c__list-check._padding-bottom {
  padding: 0 0 20px 0;
}

.p__function-introduction_content_box .o-c__list-check._padding-top {
  padding: 20px 0 0 0;
}

/*---------------------------------------------------------- */

.p__function-introduction_title {
  padding: 0 0 0 10px;
  font-size: 16px;
  @media screen and (max-width: 576px) {
    position: relative;
    top: 0px;
    font-size: 14px;
  }
}

/*---------------------------------------------------------- */

.p__function-introduction-discbox {
  padding: 0 0 0 26px;
}

.p__function-introduction-li-disc {
  list-style: disc;
}