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

カラー

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

メディアクエリ

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

サブメニュー 連番

----------------------------------------------------------*/
.g-menu__submenu-item:nth-child(1) {
  transition-delay: 0.1s;
}

.g-menu__submenu-item:nth-child(2) {
  transition-delay: 0.2s;
}

.g-menu__submenu-item:nth-child(3) {
  transition-delay: 0.3s;
}

.g-menu__submenu-item:nth-child(4) {
  transition-delay: 0.4s;
}

.g-menu__submenu-item:nth-child(5) {
  transition-delay: 0.5s;
}

.g-menu__submenu-item:nth-child(6) {
  transition-delay: 0.6s;
}

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

矢印モジュール

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

flex オプション

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

その他 オプション

----------------------------------------------------------*/
.business_link {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  z-index: 0;
}
.business_link_wrap {
  width: 33.3%;
  height: 200px;
  padding: 35px 25px;
  background-color: #F8F8F8;
  color: #767676;
  font-size: 24px;
  position: relative;
  border: 0.5px solid #d1d1d1;
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 1079px) {
  .business_link_wrap {
    width: 50%;
    height: 20vw;
    max-height: 200px;
    padding: 3vw 2.5vw;
    font-size: 3vw;
  }
}
.business_link_wrap img {
  position: absolute;
  height: 130px;
  bottom: 10%;
  right: 5%;
}
@media only screen and (max-width: 1079px) {
  .business_link_wrap img {
    height: 15vw;
    max-height: 130px;
  }
}
.business_link_wrap::before {
  content: "";
  display: inline-block;
  width: 15px;
  height: 130px;
  background-color: #0B318F;
  position: absolute;
  left: 25;
}
@media only screen and (max-width: 1079px) {
  .business_link_wrap::before {
    width: 1.5vw;
    height: 14vw;
  }
}
.business_link_wrap:hover {
  background-color: #fff;
  color: #00A6E7;
}
.business_link_wrap:hover p {
  font-size: 25px;
}
@media only screen and (max-width: 1079px) {
  .business_link_wrap:hover p {
    font-size: 3.2vw;
  }
}
.business_link_wrap:hover .business_link::after {
  font-size: 700%;
}
.business_link_wrap:hover::before {
  background-color: #00A6E7;
}
.business_link_cont {
  display: block;
  position: relative;
  top: 50%;
  left: 0%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  z-index: 100;
}
.business_link p {
  padding-left: 30px;
  line-height: 1.4;
  position: relative;
  z-index: 100;
}
@media only screen and (max-width: 1079px) {
  .business_link p {
    padding-left: 3vw;
    line-height: 1.5;
  }
}

.business_link {
  counter-reset: note;
}
.business_link > a {
  position: relative;
  display: block;
}
.business_link > a::after {
  counter-increment: note;
  content: counter(note) "";
  position: absolute;
  bottom: 80px;
  right: 10px;
  font-size: 700%;
  color: #E1E5E8;
}
@media only screen and (max-width: 1079px) {
  .business_link > a::after {
    bottom: 8vw;
    font-size: 20vw;
  }
}
.business_link > a:first-child::after {
  counter-increment: note;
  content: counter(note) "";
  position: absolute;
}

.link-list li::after {
  counter-reset: note;
}
.link-list li::after > p {
  position: relative;
  display: block;
}
.link-list li::after > p::after {
  counter-increment: note;
  content: counter(note) "";
  position: absolute;
  bottom: 80px;
  right: 10px;
  font-size: 700%;
  color: #E1E5E8;
}
.link-list li::after > p:first-child::after {
  counter-increment: note;
  content: counter(note) "";
  position: absolute;
}/*# sourceMappingURL=business.css.map */