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

    .ÔO¶¨

////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////
    ¥Ú©`¥¸¹ÌÓФΥ¹¥¿¥¤¥ë
////////////////////////////////////////////////////*/
.p-irIndividualKv {
  position: relative;
}
.p-irIndividualKv_pic {
  display: block;
  position: relative;
  z-index: 1;
}
.p-irIndividualKv_pic img {
  width: 100%;
  height: auto;
}
.p-irIndividualKv_txt {
  position: relative;
  z-index: 2;
  background-color: #167BC1;
  color: #fff;
  height: 12rem;
  font-size: 2.8rem;
  padding: 0 24px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  box-sizing: border-box;
  font-family: "DM Serif Display", serif;
  font-weight: 400;
  font-style: normal;
}
@media print, screen and (min-width: 600px) {
  .p-irIndividualKv_txt {
    font-size: 3.2rem;
  }
}
@media print, screen and (min-width: 960px) {
  .p-irIndividualKv_txt {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    background-color: transparent;
    font-size: 7rem;
    justify-content: center;
  }
}

.p-irIndividualSlider {
  position: relative;
  overflow: hidden;
}
.p-irIndividualSlider_arrowBg {
  display: block;
  position: absolute;
  z-index: 3;
  top: calc((100% - 120px) / 2);
  width: 48px;
  height: 48px;
  margin-top: -24px;
  background-color: #87919B;
  border-radius: 100%;
  mix-blend-mode: multiply;
}
@media print, screen and (min-width: 960px) {
  .p-irIndividualSlider_arrowBg {
    top: 50%;
    width: 30px;
    height: 30px;
    margin-top: -15px;
  }
}
.p-irIndividualSlider_arrowBg.__prev {
  left: 12px;
}
@media print, screen and (min-width: 960px) {
  .p-irIndividualSlider_arrowBg.__prev {
    left: 17px;
  }
}
.p-irIndividualSlider_arrowBg.__next {
  right: 12px;
}
@media print, screen and (min-width: 960px) {
  .p-irIndividualSlider_arrowBg.__next {
    right: 17px;
  }
}
.p-irIndividualSlider_arrow {
  position: absolute;
  z-index: 3;
  top: calc((100% - 120px) / 2);
  width: 48px;
  height: 48px;
  margin-top: -24px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
@media print, screen and (min-width: 960px) {
  .p-irIndividualSlider_arrow {
    top: 50%;
    width: 30px;
    height: 30px;
    margin-top: -15px;
  }
}
.p-irIndividualSlider_arrow .arrow {
  position: relative;
  fill: none;
  stroke: #fff;
  stroke-width: 2px;
  stroke-linecap: round;
  stroke-linejoin: round;
  width: 13px;
  height: 13px;
}
@media print, screen and (min-width: 960px) {
  .p-irIndividualSlider_arrow .arrow {
    width: 9px;
    height: 9px;
  }
}
.p-irIndividualSlider_arrow.__prev {
  left: 12px;
}
@media print, screen and (min-width: 960px) {
  .p-irIndividualSlider_arrow.__prev {
    left: 17px;
  }
}
.p-irIndividualSlider_arrow.__prev .arrow {
  transform: rotateZ(180deg);
}
.p-irIndividualSlider_arrow.__next {
  right: 12px;
}
@media print, screen and (min-width: 960px) {
  .p-irIndividualSlider_arrow.__next {
    right: 17px;
  }
}
.p-irIndividualSlider_pagination {
  position: absolute;
  z-index: 2;
  left: 14px !important;
  bottom: 134px !important;
  transform: translateX(0) !important;
  display: flex;
  justify-content: flex-start;
  gap: 6px;
}
@media print, screen and (min-width: 960px) {
  .p-irIndividualSlider_pagination {
    bottom: 14px !important;
  }
}
.p-irIndividualSlider_pagination .swiper-pagination-bullet {
  width: 40px !important;
  height: 3px !important;
  border-radius: 0 !important;
  background-color: #fff !important;
  transform: scale(1) !important;
  opacity: 1 !important;
  margin: 0 !important;
}
.p-irIndividualSlider_pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #167BC1 !important;
}

.p-irIndividualLead {
  font-size: 1.7rem;
  font-weight: bold;
  padding-top: 3.2rem;
}
@media print, screen and (min-width: 600px) {
  .p-irIndividualLead {
    font-size: 2rem;
  }
}

.p-irIndividualIndex {
  padding: 5rem 0;
  display: grid;
  grid-template-columns: 1fr;
  gap: 2.4rem;
}
@media print, screen and (min-width: 600px) {
  .p-irIndividualIndex {
    grid-template-columns: 1fr 1fr;
    gap: 3.2rem 1.6rem;
  }
}
@media print, screen and (min-width: 960px) {
  .p-irIndividualIndex {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 3.2rem;
  }
}
.p-irIndividualIndex_item {
  width: 100%;
  height: 8rem;
}
@media print, screen and (min-width: 600px) {
  .p-irIndividualIndex_item {
    height: auto;
  }
}
.p-irIndividualIndex_item > a {
  position: relative;
  text-decoration: none;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  padding-right: 1.6rem;
  box-sizing: border-box;
}
@media print, screen and (min-width: 600px) {
  .p-irIndividualIndex_item > a {
    justify-content: flex-start;
    padding: 8.4rem 1.6rem 3.7rem;
  }
}
@media print, screen and (min-width: 960px) {
  .p-irIndividualIndex_item > a {
    padding: 11rem 2rem 5.8rem;
  }
}
.p-irIndividualIndex_item > a:hover {
  text-decoration: none;
}
@media (hover: hover) {
  .p-irIndividualIndex_item > a:hover:before {
    background-color: #0068AF;
  }
}
.p-irIndividualIndex_item > a:before {
  content: "";
  display: block;
  z-index: 1;
  position: absolute;
  width: calc(100% - 2.9rem);
  height: 100%;
  bottom: 0;
  right: 0;
  background-color: #167BC1;
  transition: background-color 0.2s cubic-bezier(0.3, 0.1, 0.4, 1);
}
@media print, screen and (min-width: 600px) {
  .p-irIndividualIndex_item > a:before {
    width: 100%;
    height: calc(100% - 3.7rem);
  }
}
@media print, screen and (min-width: 960px) {
  .p-irIndividualIndex_item > a:before {
    height: calc(100% - 5.2rem);
  }
}
.p-irIndividualIndex_item_ico {
  position: relative;
  z-index: 2;
}
@media print, screen and (min-width: 600px) {
  .p-irIndividualIndex_item_ico {
    position: absolute !important;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
  }
}
.p-irIndividualIndex_item_txt {
  position: relative;
  z-index: 2;
  color: #fff;
  width: calc(100% - 6.8rem);
  line-height: 1.5;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 5px;
  font-weight: 500;
  font-size: 1.6rem;
}
@media print, screen and (min-width: 600px) {
  .p-irIndividualIndex_item_txt {
    width: 100%;
  }
}
@media print, screen and (min-width: 960px) {
  .p-irIndividualIndex_item_txt {
    font-size: 2rem;
  }
}
.p-irIndividualIndex_item_txt > span {
  width: calc(100% - 18px);
}
.p-irIndividualIndex_item_arrow {
  position: relative;
  z-index: 2;
  fill: none;
  stroke: #fff;
  stroke-width: 2px;
  stroke-linecap: round;
  stroke-linejoin: round;
  width: 13px;
  height: 13px;
  transform: rotate(90deg);
}

.p-irIndividualSection {
  padding-bottom: 8rem;
}
@media print, screen and (min-width: 960px) {
  .p-irIndividualSection {
    padding-bottom: 10rem;
  }
}
.p-irIndividualSection_tit {
  width: 100%;
  position: relative;
  height: 13.8rem;
}
@media print, screen and (min-width: 600px) {
  .p-irIndividualSection_tit {
    height: 21.9rem;
  }
}
@media print, screen and (min-width: 960px) {
  .p-irIndividualSection_tit {
    height: 30rem;
  }
}
.p-irIndividualSection_tit_pic {
  position: absolute;
  width: 100%;
  height: 100%;
  display: block;
  top: 0;
  left: 0;
  z-index: 1;
}
.p-irIndividualSection_tit_pic img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
.p-irIndividualSection_tit_wp {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  box-sizing: border-box;
  padding-left: 12px;
  padding-right: 12px;
}
@media print, screen and (min-width: 600px) {
  .p-irIndividualSection_tit_wp {
    gap: 1rem;
    padding-left: 32px;
    padding-right: 32px;
  }
}
@media print, screen and (min-width: 960px) {
  .p-irIndividualSection_tit_wp {
    padding-left: 48px;
    padding-right: 48px;
  }
}
@media only screen and (min-width: 1312px) {
  .p-irIndividualSection_tit_wp {
    padding: 0 calc((100% - 1216px) / 2);
  }
}
.p-irIndividualSection_tit_txt {
  font-size: 2rem;
  color: #fff;
  font-weight: bold;
  text-align: center;
  vertical-align: baseline;
  line-height: 1.2;
}
@media print, screen and (min-width: 600px) {
  .p-irIndividualSection_tit_txt {
    font-size: 2.5rem;
  }
}
@media print, screen and (min-width: 960px) {
  .p-irIndividualSection_tit_txt {
    font-size: 3.2rem;
  }
}
.p-irIndividualSection_tit_txt span {
  font-size: 1.7rem;
  vertical-align: middle;
}
@media print, screen and (min-width: 600px) {
  .p-irIndividualSection_tit_txt span {
    font-size: 2rem;
  }
}
.p-irIndividualSection_lead {
  font-size: 1.8rem;
  font-weight: bold;
  padding: 2rem 0 3rem;
}
@media print, screen and (min-width: 600px) {
  .p-irIndividualSection_lead {
    font-size: 2rem;
    padding: 3rem 0 4rem;
  }
}
@media print, screen and (min-width: 960px) {
  .p-irIndividualSection_lead {
    padding: 5rem 0 5.5rem;
  }
}

.p-irIndividualIco {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 58px;
  height: 58px;
  position: relative;
}
@media print, screen and (min-width: 600px) {
  .p-irIndividualIco {
    width: 74px;
    height: 74px;
  }
}
@media print, screen and (min-width: 960px) {
  .p-irIndividualIco {
    width: 104px;
    height: 104px;
  }
}
.p-irIndividualIco:before, .p-irIndividualIco:after {
  content: "";
  display: block;
  position: absolute;
  border-radius: 100%;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
}
.p-irIndividualIco:before {
  z-index: 1;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(to right, #0B134E 0%, #0068AF 100%);
}
.p-irIndividualIco:after {
  z-index: 2;
  background-color: #fff;
  width: 47px;
  height: 47px;
}
@media print, screen and (min-width: 600px) {
  .p-irIndividualIco:after {
    width: 63px;
    height: 63px;
  }
}
@media print, screen and (min-width: 960px) {
  .p-irIndividualIco:after {
    width: 89px;
    height: 89px;
  }
}
.p-irIndividualIco img {
  position: relative;
  z-index: 3;
}
.p-irIndividualIco img.__sec01 {
  width: 31.1px;
  height: 25.53px;
}
@media print, screen and (min-width: 600px) {
  .p-irIndividualIco img.__sec01 {
    width: 39.68px;
    height: 32.58px;
  }
}
@media print, screen and (min-width: 960px) {
  .p-irIndividualIco img.__sec01 {
    width: 55.47px;
    height: 45.54px;
  }
}
.p-irIndividualIco img.__sec02 {
  width: 18.04px;
  height: 27.27px;
}
@media print, screen and (min-width: 600px) {
  .p-irIndividualIco img.__sec02 {
    width: 23.02px;
    height: 34.79px;
  }
}
@media print, screen and (min-width: 960px) {
  .p-irIndividualIco img.__sec02 {
    width: 31.92px;
    height: 48.25px;
  }
}
.p-irIndividualIco img.__sec03 {
  width: 29.09px;
  height: 29.09px;
}
@media print, screen and (min-width: 600px) {
  .p-irIndividualIco img.__sec03 {
    height: 37.12px;
    width: 37.12px;
  }
}
@media print, screen and (min-width: 960px) {
  .p-irIndividualIco img.__sec03 {
    width: 52.17px;
    height: 52.17px;
  }
}
.p-irIndividualIco img.__sec04 {
  width: 26.8px;
  height: 25.9px;
}
@media print, screen and (min-width: 600px) {
  .p-irIndividualIco img.__sec04 {
    width: 34.14px;
    height: 33.07px;
  }
}
@media print, screen and (min-width: 960px) {
  .p-irIndividualIco img.__sec04 {
    width: 47.34px;
    height: 45.85px;
  }
}

.p-irIndividualIndex01 {
  display: grid;
  grid-template-columns: 1fr;
  gap: 4rem 1.6rem;
}
@media print, screen and (min-width: 600px) {
  .p-irIndividualIndex01 {
    grid-template-columns: 1fr 1fr;
  }
}
@media print, screen and (min-width: 960px) {
  .p-irIndividualIndex01 {
    gap: 6.4rem 3.2rem;
  }
}
.p-irIndividualIndex01:nth-child(1) {
  padding-top: 3rem;
}
@media print, screen and (min-width: 600px) {
  .p-irIndividualIndex01:nth-child(1) {
    padding-top: 4rem;
  }
}
@media print, screen and (min-width: 960px) {
  .p-irIndividualIndex01:nth-child(1) {
    padding-top: 5rem;
  }
}
.p-irIndividualIndex01_item > .cmn_btn03 {
  width: 100%;
}
.p-irIndividualIndex01_item > p:nth-child(n+2) {
  margin-top: 1rem;
}
@media print, screen and (min-width: 600px) {
  .p-irIndividualIndex01_item > p:nth-child(n+2) {
    margin-top: 1.5rem;
  }
}
@media print, screen and (min-width: 960px) {
  .p-irIndividualIndex01_item > p:nth-child(n+2) {
    margin-top: 3rem;
  }
}

.pglink {
  margin-top: -60px;
  padding-top: 60px;
}
@media print, screen and (min-width: 960px) {
  .pglink {
    margin-top: -80px;
    padding-top: 80px;
  }
}
/*# sourceMappingURL=individual.css.map */