/* CSS Document */
.page__sub .cf::after {
  content: "";
  display: block;
  clear: both;
}
.page__sub a {
  color: var(--monotone-black);
}
.page__sub a:visited {
  color: var(--monotone-black);
}
.page__sub .fwB {
  font-weight: bold;
}
.page__sub .taR {
  text-align: right;
}
.page__sub img {
  max-width: 100%;
  width: 100%;
}
.page__sub .poRe {
  position: relative;
}
.page__sub .page__intro__ttl {
  text-align: center;
  margin-bottom: var(--gutter-2x);
}
.page__sub .page__intro {
  margin-bottom: var(--gutter-16x);
}
.page__sub #sec01 {
  padding-bottom: var(--gutter-16x);
}
.page__sub #sec01 .sec01_bg {
  width: 500px;
  margin: 0 auto;
}
.page__sub #sec01 .g-item {
  position: absolute;
}
.page__sub #sec01 .g-item a {
  background-color: var(--Mono-white);
  border: 1px solid var(--Mono-LightGray);
  border-radius: var(--gutter-1x);
  display: block;
  text-align: center;
  padding-top: var(--gutter-3x);
  padding-bottom: var(--gutter-2x);
}
.page__sub #sec01 .g-item a .logoImg {
  width: 250px;
}
.page__sub #sec01 .g-item a .icn_arrow {
  width: 20px;
  margin-top: var(--gutter-2x);
}
.page__sub #sec01 .g-item a:hover {
  border: 1px solid var(--Color-UI_red);
}
.page__sub #sec01 .g-item01 {
  width: 320px;
  top: -14%;
  left: 12%;
}
.page__sub #sec01 .g-item02 {
  width: 320px;
  top: -14%;
  right: 12%;
}
.page__sub #sec01 .g-item03 {
  width: 360px;
  top: 36.8%;
  left: 7%;
}
.page__sub #sec01 .g-item04 {
  width: 320px;
  top: 36.8%;
  right: 7%;
}
.page__sub #sec01 .g-item05 {
  width: 500px;
  margin: auto;
  bottom: -30%;
  left: 0;
  right: 0;
}
.page__sub #sec02 {
  background-color: var(--Mono-smoke);
}
.page__sub #sec02 .ls {
  letter-spacing: -0.009em;
}
.page__sub #sec02 .sec_inner {
  padding-top: var(--gutter-10x);
  padding-bottom: 200px;
  margin-bottom: auto;
}
.page__sub #sec02 h2 {
  text-align: center;
  margin-bottom: var(--gutter-6x);
}
.page__sub #sec02 .box {
  background-color: var(--Mono-white);
  clear: both;
}
.page__sub #sec02 .box + .box {
  margin-top: var(--gutter-5x);
}
.page__sub #sec02 .box_inner {
  padding-top: var(--gutter-7x);
  padding-bottom: var(--gutter-7x);
  padding-left: var(--gutter-5x);
  padding-right: var(--gutter-5x);
}
.page__sub #sec02 .box_logo {
  background-color: #fcfcfc;
  display: flex;
  align-items: center;
  width: 23%;
  padding: 4% 0;
  float: left;
}
.page__sub #sec02 .box_info {
  float: right;
  width: 74%;
}
.page__sub #sec02 .box_info h3 {
  margin-bottom: var(--gutter-2x);
}
.page__sub #sec02 .box_info h3 .box_info_ttl {
  font-size: var(--font-size-24);
  font-weight: bold;
}
.page__sub #sec02 .box_info h3 a:hover {
  color: var(--Color-GAred);
}
.page__sub #sec02 .box_info .cate_items .cate_item {
  background-color: var(--Color-UI_red);
  color: var(--Mono-white);
  font-size: var(--font-size-14);
  text-align: center;
  display: inline-block;
  padding: 0.1em 0.8em 0.1em;
  margin-right: var(--gutter-1x);
  margin-bottom: var(--gutter-1x);
}
.page__sub #sec02 .box_info .box_info_txt {
  margin-bottom: var(--gutter-2x);
}
.page__sub #sec02 .box_info .link_detail {
  color: var(--Color-GAred);
  font-size: var(--font-size-14);
  border-bottom: 1px solid var(--Color-GAred);
  padding-bottom: 0.3em;
}
.page__sub #sec02 .box_info .icn_arrow_blank {
  width: 16px;
}

@media screen and (max-width: 1100px) {
  .page__sub #sec01 {
    margin-bottom: var(--gutter-10x);
    padding: 0;
  }
  .page__sub #sec01 .sec01_bg {
    width: 100%;
  }
  .page__sub #sec01 .g-item01 {
    width: 42.67vw;
    top: 6%;
    left: 4%;
  }
  .page__sub #sec01 .g-item02 {
    width: 42.67vw;
    top: 6%;
    right: 4%;
  }
  .page__sub #sec01 .g-item03 {
    width: 42.67vw;
    top: 28%;
    left: 4%;
  }
  .page__sub #sec01 .g-item04 {
    width: 42.67vw;
    top: 28%;
    right: 4%;
  }
  .page__sub #sec01 .g-item05 {
    width: 64.67vw;
    bottom: 27%;
    left: 0;
    right: 0;
  }
}
@media screen and (max-width: 768px) {
  .page__sub .page__intro {
    margin-bottom: var(--gutter-8x);
  }
  .page__sub #sec01 .g-item a {
    padding-top: var(--gutter-2x);
    padding-bottom: var(--gutter-1x);
  }
  .page__sub #sec01 .g-item a .logoImg {
    width: 90%;
    display: block;
  }
  .page__sub #sec01 .g-item a .icn_arrow {
    width: 16px;
    margin-top: 0;
  }
  .page__sub #sec01 .g-item01 {
    top: 8%;
  }
  .page__sub #sec01 .g-item02 {
    top: 8%;
  }
  .page__sub #sec01 .g-item03 {
    top: 29%;
  }
  .page__sub #sec01 .g-item04 {
    top: 29%;
  }
  .page__sub #sec01 .g-item05 {
    width: 42.67vw;
    bottom: 32%;
  }
  .page__sub #sec02 .sec_inner {
    padding-top: var(--gutter-10x);
    padding-bottom: 20%;
  }
  .page__sub #sec02 h2 {
    margin-bottom: var(--gutter-6x);
  }
  .page__sub #sec02 .box_inner {
    padding-top: var(--gutter-5x);
    padding-bottom: var(--gutter-5x);
    padding-left: var(--gutter-3x);
    padding-right: var(--gutter-3x);
  }
  .page__sub #sec02 .box_logo {
    width: 100%;
    height: auto;
    margin-right: auto;
    margin-bottom: var(--gutter-2x);
    padding-top: var(--gutter-5x);
    padding-bottom: var(--gutter-5x);
    float: none;
  }
  .page__sub #sec02 .box_logo a {
    margin: auto;
  }
  .page__sub #sec02 .box_info {
    float: none;
    width: 100%;
  }
  .page__sub #sec02 .box_info .cate_items .cate_item {
    margin-bottom: var(--gutter-1x);
  }
}/*# sourceMappingURL=groupcompany.css.map */