@charset "UTF-8";
/* ----------------------------------------------
PC設定
------------------------------------------------*/
#container .wrapper {
  max-width: 1400px;
}
#container .p-pageTop__textArea {
  position: relative;
  z-index: 1;
}
#container .p-pageTop__textArea::after {
  content: "";
  display: inline-block;
  width: 33.4%;
  aspect-ratio: 236/206;
  background: url(/images/first/topIll_bg.svg) center/100% no-repeat;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
}
#container .p-pageTop__image.left {
  width: 17%;
  max-width: 229px;
}
#container .p-pageTop__image.right {
  width: 17%;
  max-width: 228px;
  position: relative;
  z-index: 1;
}
#container .p-pageTop__image.right img.bgimg {
  width: 55%;
  max-width: 99px;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(-100%, -50%);
}
#container .p-first__content {
  margin-bottom: var(--m120);
}
#container .p-first__content__text {
  margin-bottom: var(--m40);
}
#container .p-first__content__text__txt {
  font-size: var(--fs14_20);
  display: block;
  text-align: center;
}
#container .p-first__content__text__txt.mb {
  margin-bottom: 1em;
}
#container .p-first__content__text .emp {
  font-size: var(--fs14_20);
  font-weight: bold;
  text-align: center;
}
#container .p-first__content__text .emp.col {
  color: var(--green01);
}
#container .p-first__content__buttonBox {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  grid-gap: var(--m40) 2.8%;
}
#container .p-first__content__buttonBox .button {
  width: 31.46%;
}
#container .p-first__content__buttonBox .button.harf {
  width: 47.2%;
}
#container .p-first__flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  grid-gap: 0 2.8%;
}
#container .p-first__flex .p-first__content {
  width: 47.2%;
}
#container .p-first__flex .p-first__content__buttonBox .button {
  width: 100%;
}

@media all and (min-width: 769px) {
  #container .p-pageTop__image.left {
    width: 17%;
    max-width: 229px;
  }
  #container .p-pageTop__image.right {
    width: 17%;
    max-width: 228px;
    position: relative;
    z-index: 1;
  }
  #container .p-pageTop__image.right img.bgimg {
    width: 55%;
    max-width: 99px;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(-100%, -50%);
  }
}
/* ----------------------------------------------
　PAD以下設定
------------------------------------------------*/
@media all and (max-width: 1024px) {
  #container .p-first__content__buttonBox .button {
    width: 47.2%;
  }
}
@media all and (max-width: 768px) {
  #container .p-first__flex .p-first__content {
    width: 100%;
  }
}
/* ----------------------------------------------
　SP調整
------------------------------------------------*/
@media all and (max-width: 520px) {
  #container .p-first__content__buttonBox .button {
    width: 100% !important;
  }
}