@charset "utf-8";

.box {
    max-width:190px;
    margin: 0 auto;
  }
  .module_layout-2column .module_layout-2column__cell .box {
    max-width: 220px;
  }
  @media (max-width: 767px) {
    .module_layout-2column .module_layout-2column__cell .box {
      max-width: 100%;
    }
  }

.index_titleA {
  text-align: center;
  font-weight: bold;
  font-size: 24px;
  margin-top: 40px;
  margin-bottom: 20px;
}

@media screen and (min-width: 768px),print {
  .index_titleA {
    font-size: 32px;
    margin-top: 60px;
    margin-bottom: 25px;
  }
}
.index_link-img__link {
  display: none;
}
@media screen and (min-width: 768px),print {
  .index_link-img__wrap {
    position: relative;
    display: inline-block;;
  }
  .index_link-img__link {
    display: block;
    position: absolute;
    background-color: rgba(255,255,255,0);
    transition: 0.3s background-color;
  }
  .index_link-img__link:hover {
    background-color: rgba(255,255,255,0.6);
  }
  .index_link-img__link.is_link01 {
    width: 21.2%;
    height: 21.2%;
    top: 16.8%;
    left: 39.3%;
    border-radius: 50%;
    /* background-color: rgba(255,255,0,0.5); */
  }
  .index_link-img__link.is_link02 {
    width: 21.2%;
    height: 21.2%;
    top: 39.4%;
    left: 64.3%;
    border-radius: 50%;
    /* background-color: rgba(255,0,0,0.5); */
  }
  .index_link-img__link.is_link03 {
    width: 21.2%;
    height: 21.2%;
    top: 39.4%;
    left: 14.2%;
    border-radius: 50%;
    /* background-color: rgba(255,0,255,0.5); */
  }
  .index_link-img__link.is_link04 {
    width: 21.2%;
    height: 21.2%;
    top: 62.1%;
    left: 39.3%;
    border-radius: 50%;
    /* background-color: rgba(0,0,255,0.5); */
  }
  .index_link-img__link.is_link05 {
    width: 21.2%;
    height: 12%;
    top: 37.6%;
    left: 42.3%;
    /* background-color: rgba(0,255,255,0.5); */
    transform: skew(3deg, -8deg);
    border-radius: 0 40px 11px 60px;
  }
  .index_link-img__link.is_link01_01 {
    width: 9.2%;
    height: 15.2%;
    top: 1%;
    left: 45.1%;
    /* background-color: rgba(0,255,0,0.5); */
  }
  .index_link-img__link.is_link01_02 {
    width: 10.2%;
    height: 15.2%;
    top: 6%;
    left: 25.4%;
    /* background-color: rgba(0,255,255,0.5); */
    border-radius: 23px 0 0 0;
  }
  .index_link-img__link.is_link01_03 {
    width: 12.9%;
    height: 13.8%;
    top: 7%;
    left: 63.1%;
    /* background-color: rgba(0,255,0,0.5); */
    border-radius: 0 20px 0 0;
  }
  .index_link-img__link.is_link02_01 {
    width: 12.9%;
    height: 13.8%;
    top: 20%;
    left: 78.1%;
    /* background-color: rgba(255,0,0,0.5); */
    border-radius: 0 26px 0 0;
  }
  .index_link-img__link.is_link02_02 {
    width: 12.9%;
    height: 14.8%;
    top: 39%;
    left: 85.8%;
    /* background-color: rgba(255,50,0,0.5); */
    border-radius: 0 20px 0 0;
  }
  .index_link-img__link.is_link02_03 {
    width: 13.5%;
    height: 12.8%;
    top: 58%;
    left: 81%;
    /* background-color: rgba(0,0,255,0.5); */
    border-radius: 15px 26px 11px 0;
  }
  .index_link-img__link.is_link02_04 {
    width: 12.6%;
    height: 15%;
    top: 71.3%;
    left: 73%;
    /* background-color: rgba(0,255,0,0.5); */
    border-radius: 15px 26px 24px 0;
  }
  .index_link-img__link.is_link03_01 {
    width: 13.9%;
    height: 15.6%;
    top: 19%;
    left: 9.1%;
    /* background-color: rgba(255,0,0,0.5); */
    border-radius: 33px 0 0 0;
  }
  .index_link-img__link.is_link03_02 {
    width: 13.2%;
    height: 14.8%;
    top: 39%;
    left: 0.8%;
    /* background-color: rgba(50,0,255,0.5); */
    border-radius: 45px 0 0 11px;
  }
  .index_link-img__link.is_link03_03 {
    width: 12.2%;
    height: 11.8%;
    top: 59%;
    left: 4.8%;
    /* background-color: rgba(255,90,65,0.5); */
    border-radius: 0 0 0 16px;
  }
  .index_link-img__link.is_link03_04 {
    width: 12.2%;
    height: 13.8%;
    top: 72%;
    left: 15.8%;
    /* background-color: rgba(0,90,65,0.5); */
    border-radius: 0 0 0 16px;
  }
  .index_link-img__link.is_link04_01 {
    width: 17.2%;
    height: 13.8%;
    top: 83%;
    left: 51.8%;
    /* background-color: rgba(255,140,0,0.5); */
    border-radius: 30px 0px 60px 0;
  }
  .index_link-img__link.is_link04_02 {
    width: 17.2%;
    height: 15.8%;
    top: 82%;
    left: 32.8%;
    /* background-color: rgba(0,140,255,0.5); */
    border-radius: 0 60px 0 43px;
  }
  .index_link-img__link.is_link05_01 {
    width: 12.2%;
    height: 12.1%;
    top: 49%;
    left: 43.6%;
    /* background-color: rgba(0,230,255,0.5); */
  }
  .index_link-img__link.is_link05_02 {
    width: 6.5%;
    height: 12.1%;
    top: 49%;
    left: 36.6%;
    /* background-color: rgba(0,230,0,0.5); */
  }
  .index_link-img__link.is_link05_03 {
    width: 7.3%;
    height: 12.1%;
    top: 49%;
    left: 56.6%;
    /* background-color: rgba(230,0,0,0.5); */
  }
}

.index_bg01 {
  background-color: var(--color_blue01);
}
.index_navigation {
  padding: 60px 0;
  margin-top: 80px
}
.index_navigation__list-item {
  border: 1px solid var(--color_gray02);
  border-radius: 5px;
  padding: 20px 15px;
  background-color: #fff;
}
.index_navigation__list-item + .index_navigation__list-item {
  margin-top: 40px;
}
.index_navigation__list-item__head {
  display: flex;
  padding-bottom: 15px;
}
.index_navigation__list-item__head-img {
  width: 80px;
  display: flex;;
  align-items: center;
}
.index_navigation__list-item__head-text {
  width: calc(100% - 90px);
  padding-left: 10px;
  display: flex;;
  align-items: center;
  font-size: 20px;
}
.index_navigation__list-item__body {
  border-top: 1px solid var(--color_gray02);
  padding-top: 15px;
}
.index_navigation__list-item__body__list-item + .index_navigation__list-item__body__list-item {
  margin-top: 10px;
}
.is_color01.index_navigation__list-item,
.is_color01 .index_navigation__list-item__body,
.is_color01 .hrm_link::before {
  border-color: var(--color_blue02);
}
.is_color02.index_navigation__list-item,
.is_color02 .index_navigation__list-item__body,
.is_color02 .hrm_link::before {
  border-color: var(--color_purple01);
}
.is_color03.index_navigation__list-item,
.is_color03 .index_navigation__list-item__body,
.is_color03 .hrm_link::before {
  border-color: var(--color_pink01);
}
.is_color04.index_navigation__list-item,
.is_color04 .index_navigation__list-item__body,
.is_color04 .hrm_link::before {
  border-color: var(--color_orange01);
}
.is_color05.index_navigation__list-item,
.is_color05 .index_navigation__list-item__body,
.is_color05 .hrm_link::before {
  border-color: var(--color_green01);
}
@media screen and (min-width: 768px),print {
  .index_navigation {
    padding: 100px 0;
    margin-top: 100px;
  }
  .index_navigation__list {
    display: flex;
    flex-wrap: wrap;
  }
  .index_navigation__list-item + .index_navigation__list-item {
    margin-top: 0;
  }
  .index_navigation__list-item {
    margin-right: 25px;
    width: calc(33.333% - 18px);
  }
  .index_navigation__list-item:nth-child(3n){
    margin-right: 0;
  }
  .index_navigation__list-item:nth-child(n + 4) {
    margin-top: 30px;
  }
  .index_navigation__list-item__head-img {
    width: 50px
  }
  .index_navigation__list-item__head-text {
    width: calc(100% - 60px);
    font-size: 22px;
  }
}
@media screen and (min-width: 1024px),print{
  .index_navigation__list-item__head-img {
    width: 80px;
  }
  .index_navigation__list-item__head-text {
    padding-left: 15px;
    font-size: 24px;
    width: calc(100% - 95px);
  }
}
.index_col2 {
  margin: 100px 0;
  position: relative;
  padding-bottom: 40px;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.index_col2::before {
  content: "";
  display: block;
  width: 100%;
  height: 280px;
  background-color: var(--color_blue01);
  position: absolute;
  bottom: 0;
  z-index: -1;
}
.index_col2:nth-child(odd)::before {
  transform: skewX(-27deg);
  transform-origin: bottom right;
  right: 0
}
.index_col2:nth-child(even)::before {
  transform: skewX(27deg);
  transform-origin: bottom left;
  left: 0;
}
.index_col2__img-area {
  text-align: center;
}
.index_col2__text-area {
  margin: 30px 0px 30px 55px;
}
.index_col2__lead-area {
  margin-bottom: 30px;
}
.index_col2__text-area__text + .index_col2__text-area__text {
  margin-top: 15x;
}
.index_col2__btn-area {
  padding: 0 10px;
}
.index_col2__btn {
  width: 100%;
  
}
.index_col2__btn,
.hrm_button01 {
  width: 100%;
  max-width: 350px;
}
@media screen and (min-width: 768px),print {
  .index_col2 {
    margin: 120px 0;
    padding: 60px 0;
  }
  .index_col2::before {
    height: 100%;
    width: 72.222%;
  }
  .index_col2__inner {
    display: flex;;
    align-items: center;
  }
  .index_col2:nth-child(even) .index_col2__inner {
    flex-direction: row-reverse;
  }

  .index_col2__lead-area {
    margin: 5px 0 10px 0;
  }

  .index_col2__text-area {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
  }
  .index_col2__img-area {
    width: 50%;
    padding: 0 10px
  }
  .index_col2__text-wrap {
    width: 50%;
    display: flex;;
    flex-direction: column;
    align-items: center;
    padding: 0 10px
  }

  .index_col2__text-area__text + .index_col2__text-area__text {
    margin-top: 30px;
  }
  .index_col2__btn-area {
    width: 100%;
  }

}