/*!
global > color
------------------------------
*/
/*!
global > content-width
------------------------------
*/
/*!
global > font
------------------------------
*/
/*!
global > mixin
------------------------------
*/
.p_top .numbers_list__item__groupnumber .group01_number {
  font-size: 2.8125rem;
}
@media screen and (min-width: 768px) {
  .p_top .numbers_list__item__groupnumber .group01_number {
    font-size: clamp(
      2.8125rem,
      6.8359375vw + -0.46875rem,
      5rem
  );
  }
}

.p_top {
  padding-top: 56px;
}
@media screen and (min-width: 1024px) {
  .p_top {
    padding-top: 87px;
  }
}
.p_top__video {
  position: fixed;
  inset: 0;
  z-index: 1;
  margin-top: 56px;
}
@media screen and (min-width: 1024px) {
  .p_top__video {
    margin-top: 87px;
  }
}
.p_top__video video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.p_top__wrapper {
  position: relative;
  z-index: 2;
}
.p_top .mv {
  width: 100%;
  height: max(100vh, 672px);
}
@media screen and (min-width: 768px) {
  .p_top .mv {
    height: 100vh;
  }
}
.p_top .topbanner {
  position: fixed;
  right: 50%;
  bottom: 6px;
  width: 347px;
  height: 47px;
  background-color: #FC730F;
  translate: 50% 0;
  z-index: 102;
}
@media screen and (min-width: 768px) {
  .p_top .topbanner {
    width: 314px;
    height: 217px;
    right: 40px;
    bottom: 25px;
    translate: 0;
  }
}
.p_top .topbanner_content {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  color: #FFFFFF;
  position: relative;
  z-index: 2;
}
@media screen and (min-width: 768px) {
  .p_top .topbanner_content {
    padding-bottom: 29px;
    display: block;
    margin-top: 0;
  }
}
.p_top .topbanner_content .group01 {
  display: flex;
  align-items: center;
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  .p_top .topbanner_content .group01 {
    display: block;
  }
}
.p_top .topbanner_content .txt_join {
  font-family: "Playfair Display", serif;
  font-size: 1.03125rem;
  font-weight: 400;
  line-height: 1.3333333333;
  width: max-content;
  padding: 0px 4px 0 3px;
  margin-inline: auto;
  border-bottom: 1px solid;
  translate: 6px 0;
}
@media screen and (min-width: 768px) {
  .p_top .topbanner_content .txt_join {
    font-size: 2.0625rem;
    padding: 25px 12px 0px 3px;
    translate: 0 0;
  }
}
.p_top .topbanner_content .txt_label {
  font-size: 0.65625rem;
  font-weight: 500;
  line-height: 1.4285714286;
  text-align: center;
  margin-top: 2px;
  margin-left: 14px;
}
@media screen and (min-width: 768px) {
  .p_top .topbanner_content .txt_label {
    font-size: 1.3125rem;
    margin-top: 5px;
    margin-left: 9px;
  }
}
.p_top .topbanner_content .txt01 {
  font-size: 1.15625rem;
  font-weight: 500;
  line-height: 1.28;
  margin-top: 5px;
}
@media screen and (min-width: 768px) {
  .p_top .topbanner_content .txt01 {
    max-width: 181px;
    font-size: 1.875rem;
    margin: 3px auto;
  }
}
.p_top .topbanner_content .icon {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  border: 2px solid #FFFFFF;
  margin-left: -2px;
  margin-top: 5px;
}
@media screen and (min-width: 768px) {
  .p_top .topbanner_content .icon {
    position: absolute;
    bottom: 32px;
    right: 72px;
    width: 30px;
    height: 30px;
    border: 3px solid #FFFFFF;
    margin: 0;
  }
}
.p_top .topbanner_content .icon::after {
  content: "";
  margin-top: 1px;
  width: 8px;
  height: 7px;
  display: block;
  background-color: #FFFFFF;
  mask: url(../../assets/images/common/icon_arrow01.svg) center/cover no-repeat;
}
@media screen and (min-width: 768px) {
  .p_top .topbanner_content .icon::after {
    width: 14px;
    height: 14px;
    margin-top: 0;
  }
}
.p_top .topbanner_close {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #FFFFFF;
  border: 2px solid #FFFFFF;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  position: absolute;
  top: 4px;
  right: 6px;
  z-index: 3;
  cursor: pointer;
  transition: 0.5s all ease-in-out;
}
@media screen and (min-width: 768px) {
  .p_top .topbanner_close {
    width: 25px;
    height: 25px;
    top: 9px;
    right: 10px;
  }
}
@media screen and (min-width: 768px) {
  .p_top .topbanner_close:hover {
    background-color: #FC730F;
  }
  .p_top .topbanner_close:hover::after, .p_top .topbanner_close:hover::before {
    background-color: #FFFFFF;
  }
}
.p_top .topbanner_close::after, .p_top .topbanner_close::before {
  content: "";
  height: 1px;
  width: 60%;
  display: block;
  background-color: #FC730F;
  position: absolute;
  top: 50%;
  left: 50%;
  rotate: 45deg;
  translate: -50% -50%;
  transition: 0.5s all ease-in-out;
}
@media screen and (min-width: 768px) {
  .p_top .topbanner_close::after, .p_top .topbanner_close::before {
    height: 2px;
  }
}
.p_top .topbanner_close::before {
  rotate: -45deg;
}
.p_top .intro {
  position: relative;
  z-index: 2;
}
.p_top .intro_bg {
  position: absolute;
  inset: 0;
  z-index: -1;
}
.p_top .intro_bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.p_top .intro_inner {
  position: relative;
  padding: 54px 0px 64px;
}
@media screen and (min-width: 768px) {
  .p_top .intro_inner {
    margin: 0 auto;
    max-width: 1600px;
    padding: 155px 40px 140px;
  }
}
.p_top .intro_title {
  width: 282.5px;
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .p_top .intro_title {
    width: clamp(
      19.3125rem,
      15.2644230769vw + 11.9855769231rem,
      27.25rem
  );
    position: absolute;
    top: clamp(
      5rem,
      14.6634615385vw + -2.0384615385rem,
      12.625rem
  );
    left: clamp(
      -5.125rem,
      -8.0528846154vw + 2.9278846154rem,
      -0.9375rem
  );
    margin-inline: unset;
  }
}
.p_top .intro_desc {
  line-height: 2.6086956522;
  margin-top: 16px;
  text-align: center;
  font-size: clamp(
      0.71875rem,
      1.1479591837vw + 0.4496970663rem,
      1rem
  );
}
@media screen and (min-width: 768px) {
  .p_top .intro_desc {
    line-height: 2.7777777778;
    margin-top: 0;
    font-size: clamp(
      1rem,
      0.390625vw + 0.8125rem,
      1.125rem
  );
  }
}
.p_top .intro .images {
  display: flex;
  gap: 19px;
  width: 95%;
  justify-content: center;
  margin: 31px auto;
  max-width: 400px;
}
@media screen and (min-width: 768px) {
  .p_top .intro .images {
    display: block;
    margin: 0;
    width: 100%;
    max-width: 100%;
  }
}
@media screen and (min-width: 768px) {
  .p_top .intro_img01 {
    width: clamp(
      10rem,
      16.7067307692vw + 1.9807692308rem,
      18.6875rem
  );
    position: absolute;
    top: clamp(
      4.375rem,
      7.6923076923vw + 0.6826923077rem,
      8.375rem
  );
    right: clamp(
      -3.125rem,
      -3.0048076923vw + -0.1201923077rem,
      -1.5625rem
  );
  }
}
@media screen and (min-width: 768px) {
  .p_top .intro_img02 {
    width: clamp(
      10rem,
      16.7067307692vw + 1.9807692308rem,
      18.6875rem
  );
    position: absolute;
    top: clamp(
      15.9375rem,
      30.2884615385vw + 1.3990384615rem,
      31.6875rem
  );
    left: clamp(
      -3.125rem,
      -3.0048076923vw + -0.1201923077rem,
      -1.5625rem
  );
  }
}
.p_top .intro .c_btn01 {
  margin: 32px auto 0;
}
@media screen and (min-width: 768px) {
  .p_top .intro .c_btn01 {
    margin: 46px auto 0;
  }
}
.p_top .intro .c_btn01__link .txt {
  padding-right: 6px;
}
@media screen and (min-width: 768px) {
  .p_top .intro .c_btn01__link .txt {
    padding-right: 0;
  }
}
.p_top .person {
  position: relative;
  z-index: 2;
  background-color: rgba(255, 255, 255, 0.82);
}
.p_top .person_block01 {
  padding-top: 128px;
  position: relative;
}
@media screen and (min-width: 768px) {
  .p_top .person_block01 {
    margin-left: -14px;
    padding-top: 124px;
  }
}
.p_top .person_block01__wrapper {
  padding: 0 8px;
}
@media screen and (min-width: 768px) {
  .p_top .person_block01__wrapper {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    padding: 0;
  }
}
.p_top .person_block01__leftarea .c_heading01 {
  position: relative;
  z-index: 1;
}
.p_top .person_block01__leftarea .c_heading01__ttljp {
  margin-top: 2px;
}
@media screen and (min-width: 768px) {
  .p_top .person_block01__leftarea .c_heading01__ttljp {
    margin-top: 12px;
  }
}
.p_top .person_block01__leftarea .c_heading01__ttlen {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  top: -25px;
}
@media screen and (min-width: 768px) {
  .p_top .person_block01__leftarea .c_heading01__ttlen {
    top: clamp(
      -3.0625rem,
      -3.7109375vw + -0.09375rem,
      -1.875rem
  );
  }
}
.p_top .person_block01__leftarea .desc01 {
  margin-top: 15px;
  padding-right: 10px;
}
@media screen and (min-width: 768px) {
  .p_top .person_block01__leftarea .desc01 {
    margin-top: 22px;
    padding-right: 0;
  }
}
.p_top .person_block01__rightarea {
  position: absolute;
  right: 25px;
  top: 34px;
  width: max-content;
}
@media screen and (min-width: 768px) {
  .p_top .person_block01__rightarea {
    margin-top: -211px;
    position: relative;
    top: 0;
    left: 0;
  }
}
.p_top .person_block01__rightarea .label {
  text-align: right;
}
@media screen and (min-width: 768px) {
  .p_top .person_block01__rightarea .label {
    margin-left: -16px;
    text-align: center;
  }
}
.p_top .person_block01__rightarea .imgarea {
  width: clamp(
      7.5rem,
      14.6484375vw + 0.46875rem,
      12.1875rem
  );
  margin-left: -4px;
  margin-top: 4px;
}
@media screen and (min-width: 768px) {
  .p_top .person_block01__rightarea .imgarea {
    width: clamp(
      16.25rem,
      17.96875vw + 7.625rem,
      22rem
  );
    margin-top: 9px;
    margin-right: 20px;
    margin-left: 0;
  }
}
.p_top .person_block01__rightarea .c_btn01 {
  margin-left: auto;
  margin-top: 59px;
  padding-right: 6px;
}
@media screen and (min-width: 768px) {
  .p_top .person_block01__rightarea .c_btn01 {
    padding-right: 0;
  }
}
.p_top .person_block01__btnsp {
  margin: 20px auto 0;
}
.p_top .person_block01__btnsp .c_btn01__link .txt {
  padding-right: 21px;
}
.p_top .person_block02 {
  margin-top: 58px;
}
@media screen and (min-width: 768px) {
  .p_top .person_block02 {
    width: calc(100% - 40px);
    max-width: calc(50% + 593px);
  }
}
.p_top .person_block02__inner {
  display: flex;
  position: relative;
  padding-top: 165px;
  padding-left: 12px;
  z-index: 2;
}
@media screen and (min-width: 768px) {
  .p_top .person_block02__inner {
    padding-top: 66px;
    padding-bottom: 33px;
    padding-left: 0;
    justify-content: flex-end;
  }
}
.p_top .person_block02__imgarea {
  position: absolute;
  top: 0;
  left: 0px;
  right: clamp(
      -12.5rem,
      15.306122449vw + -16.087372449rem,
      -8.75rem
  );
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .p_top .person_block02__imgarea {
    top: 0;
    left: clamp(
      -10.1875rem,
      31.8359375vw + -25.46875rem,
      0rem
  );
    bottom: 0;
    right: unset;
  }
}
@media screen and (min-width: 768px) {
  .p_top .person_block02__imgarea::after {
    content: "";
    width: 50%;
    height: 100%;
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #FFFFFF 62%);
    position: absolute;
    top: 0;
    right: 0;
  }
}
.p_top .person_block02__contentarea {
  position: relative;
  width: 100%;
  z-index: 2;
}
@media screen and (min-width: 768px) {
  .p_top .person_block02__contentarea {
    width: unset;
    margin-right: clamp(
      0rem,
      -3.90625vw + 3.125rem,
      1.25rem
  );
  }
}
.p_top .person_block02__contentarea .title {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 7px;
}
@media screen and (min-width: 768px) {
  .p_top .person_block02__contentarea .title {
    gap: 10px;
  }
}
.p_top .person_block02__contentarea .title_txt {
  display: inline-block;
  padding: 3px 20px 4px 12px;
  background-color: #053794;
}
@media screen and (min-width: 768px) {
  .p_top .person_block02__contentarea .title_txt {
    padding: 7px 24px 7px 23px;
  }
}
.p_top .person_block02__contentarea .info {
  text-align: right;
  margin-top: clamp(
      0.1875rem,
      26.0204081633vw + -5.9110331633rem,
      6.5625rem
  );
  display: flex;
  align-items: center;
  gap: 12px;
  justify-content: flex-end;
  padding-right: 29px;
}
@media screen and (min-width: 768px) {
  .p_top .person_block02__contentarea .info {
    display: block;
    padding-right: 0;
    margin-top: 14px;
  }
}
.p_top .person_block02__contentarea .info_desc {
  margin-top: -7px;
  line-height: 1.6363636364;
  padding-bottom: 5px;
}
@media screen and (min-width: 768px) {
  .p_top .person_block02__contentarea .info_desc {
    margin-top: -3px;
    line-height: 1.6666666667;
  }
}
.p_top .person_block02__contentarea .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border: 2px solid #000000;
  border-radius: 50%;
  transition: 0.5s all ease-in-out;
}
@media screen and (min-width: 768px) {
  .p_top .person_block02__contentarea .icon {
    translate: 0 -50%;
    margin-left: auto;
    margin-top: 31px;
    margin-right: -2px;
    width: 30px;
    height: 30px;
    border: 3px solid #000000;
  }
}
.p_top .person_block02__contentarea .icon::after {
  content: "";
  width: 10px;
  height: 10px;
  display: block;
  background-color: #000000;
  mask: url(../../assets/images/common/icon_arrow01.svg) center/cover no-repeat;
  transition: 0.5s all ease-in-out;
}
@media screen and (min-width: 768px) {
  .p_top .person_block02__contentarea .icon::after {
    width: 14px;
    height: 14px;
  }
}
.p_top .person_block03 {
  width: 100%;
  max-width: 100%;
  margin-top: 31px;
}
@media screen and (min-width: 768px) {
  .p_top .person_block03 {
    width: calc(100% - 40px);
    max-width: calc(50% + 607px);
    margin-top: 27px;
    margin-left: auto;
    padding-bottom: 51px;
  }
}
.p_top .person_block03__inner {
  display: flex;
  justify-content: flex-start;
  padding-top: 159px;
  padding-bottom: 58px;
  position: relative;
  z-index: 2;
}
@media screen and (min-width: 768px) {
  .p_top .person_block03__inner {
    padding-bottom: 17px;
    padding-top: clamp(
      4.125rem,
      3.125vw + 2.625rem,
      5.125rem
  );
  }
}
.p_top .person_block03__imgarea {
  position: absolute;
  top: 0;
  left: clamp(
      -12.5rem,
      15.306122449vw + -16.087372449rem,
      -8.75rem
  );
  right: unset;
  bottom: 0;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .p_top .person_block03__imgarea {
    right: clamp(
      -10.1875rem,
      31.8359375vw + -25.46875rem,
      0rem
  );
    left: unset;
  }
}
@media screen and (min-width: 768px) {
  .p_top .person_block03__imgarea::after {
    content: "";
    display: block;
    width: 50%;
    height: 100%;
    background-image: linear-gradient(to left, rgba(255, 255, 255, 0) 0%, #FFFFFF 62%);
    position: absolute;
    top: 0;
    left: 0;
  }
}
.p_top .person_block03__contentarea {
  position: relative;
  z-index: 2;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .p_top .person_block03__contentarea {
    width: unset;
  }
}
.p_top .person_block03__contentarea .title {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 7px;
  padding-right: 19px;
}
@media screen and (min-width: 768px) {
  .p_top .person_block03__contentarea .title {
    gap: 10px;
    min-width: clamp(
      28.75rem,
      23.046875vw + 17.6875rem,
      36.125rem
  );
    padding-right: 0;
  }
}
.p_top .person_block03__contentarea .title_txt {
  display: inline-block;
  padding: 3px 14px 4px 15px;
  background-color: #053794;
}
@media screen and (min-width: 768px) {
  .p_top .person_block03__contentarea .title_txt {
    padding: 7px 24px 7px 23px;
  }
}
.p_top .person_block03__contentarea .info {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
  padding-right: 30px;
  margin-top: clamp(
      0.5rem,
      24.7448979592vw + -5.2995854592rem,
      6.5625rem
  );
  text-align: right;
}
@media screen and (min-width: 768px) {
  .p_top .person_block03__contentarea .info {
    margin-top: 14px;
    display: block;
    margin-left: auto;
    max-width: 283px;
    padding-right: 0;
    text-align: left;
  }
}
.p_top .person_block03__contentarea .info_desc {
  margin-top: -7px;
  line-height: 1.6363636364;
  padding-bottom: 5px;
  text-align: right;
}
@media screen and (min-width: 768px) {
  .p_top .person_block03__contentarea .info_desc {
    margin-top: -3px;
    line-height: 1.6666666667;
    text-align: left;
  }
}
.p_top .person_block03__contentarea .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border: 2px solid #000000;
  border-radius: 50%;
  transition: 0.5s all ease-in-out;
}
@media screen and (min-width: 768px) {
  .p_top .person_block03__contentarea .icon {
    width: 30px;
    height: 30px;
    margin-top: 31px;
    margin-right: 6px;
    translate: 0 -50%;
    margin-left: auto;
    border: 3px solid #000000;
  }
}
.p_top .person_block03__contentarea .icon::after {
  content: "";
  width: 10px;
  height: 10px;
  display: block;
  background-color: #000000;
  mask: url(../../assets/images/common/icon_arrow01.svg) center/cover no-repeat;
  transition: 0.5s all ease-in-out;
}
@media screen and (min-width: 768px) {
  .p_top .person_block03__contentarea .icon::after {
    width: 14px;
    height: 14px;
  }
}
.p_top .numbers {
  width: 100%;
  max-width: 1483px;
  background-color: #053794;
  margin-inline: auto;
  padding-bottom: 27px;
}
@media screen and (min-width: 768px) {
  .p_top .numbers {
    padding-bottom: 61px;
    margin-top: 55px;
  }
}
.p_top .numbers_heading {
  padding-top: 55px;
  margin-left: 19px;
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .p_top .numbers_heading {
    padding-top: 109px;
    margin-left: -7px;
  }
}
.p_top .numbers_heading__ttlen {
  position: absolute;
  top: 13px;
  left: 0;
  z-index: -1;
}
@media screen and (min-width: 768px) {
  .p_top .numbers_heading__ttlen {
    top: clamp(
      1.5rem,
      -9.375vw + 9rem,
      4.5rem
  );
  }
}
.p_top .numbers_list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 19px 42px;
  margin-top: 32px;
  max-width: clamp(
      19rem,
      19.387755102vw + 14.455994898rem,
      23.75rem
  );
  margin-inline: auto;
  position: relative;
  z-index: 2;
}
@media screen and (min-width: 768px) {
  .p_top .numbers_list {
    margin-top: 18px;
    margin-inline: unset;
    margin-left: clamp(
      0rem,
      4.296875vw + -2.0625rem,
      1.375rem
  );
    gap: clamp(
      1rem,
      6.8359375vw + -2.28125rem,
      3.1875rem
  );
    display: flex;
    align-items: flex-start;
    max-width: 100%;
  }
}
@media screen and (min-width: 768px) {
  .p_top .numbers_list__item {
    width: 25%;
  }
}
.p_top .numbers_list__item__label {
  font-size: clamp(
      0.625rem,
      1.5306122449vw + 0.2662627551rem,
      1rem
  );
  display: flex;
  align-items: center;
  justify-content: center;
  height: 25px;
  width: 100%;
  border: 1px solid #FFFFFF;
  border-radius: 4px;
  background-color: #053794;
}
@media screen and (min-width: 768px) {
  .p_top .numbers_list__item__label {
    font-size: clamp(
      1rem,
      0.390625vw + 0.8125rem,
      1.125rem
  );
    height: 43px;
    max-width: 234px;
    border-radius: 8px;
  }
}
.p_top .numbers_list__item__groupnumber .group01 {
  display: flex;
  justify-content: center;
  align-items: baseline;
  gap: 5px;
  margin-top: 8px;
  margin-left: 4px;
  margin-right: -4px;
}
@media screen and (min-width: 768px) {
  .p_top .numbers_list__item__groupnumber .group01 {
    gap: clamp(
      0.3125rem,
      2.34375vw + -0.8125rem,
      1.0625rem
  );
    margin-top: 12px;
    margin-left: clamp(
      -0.5625rem,
      -1.7578125vw + 0.84375rem,
      0rem
  );
    margin-right: 0;
  }
}
.p_top .numbers_list__item__groupnumber .group01_number {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  line-height: 1.325;
  color: #FFFFFF;
}
.p_top .numbers_list__item__groupnumber .group02_desc {
  font-size: clamp(
      0.625rem,
      1.5306122449vw + 0.2662627551rem,
      1rem
  );
  text-align: center;
  margin-top: -14px;
  margin-right: 6px;
}
@media screen and (min-width: 768px) {
  .p_top .numbers_list__item__groupnumber .group02_desc {
    margin-right: clamp(
      0rem,
      6.4453125vw + -3.09375rem,
      2.0625rem
  );
    font-size: clamp(
      1rem,
      0.390625vw + 0.8125rem,
      1.125rem
  );
  }
}
.p_top .numbers .c_btn01 {
  margin: 27px auto 0;
}
@media screen and (min-width: 768px) {
  .p_top .numbers .c_btn01 {
    margin: 35px auto 0;
  }
}
.p_top .works {
  position: relative;
  background-color: rgba(255, 255, 255, 0.82);
  z-index: 1;
  padding-bottom: 59px;
}
@media screen and (min-width: 768px) {
  .p_top .works {
    margin-top: 88px;
    padding-bottom: 0;
  }
}
.p_top .works::after {
  content: "";
  width: 100%;
  height: calc(100% + clamp(
      -4.5rem,
      -13.28125vw + 6.125rem,
      -0.25rem
  ));
  background-color: rgba(232, 232, 232, 0.87);
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.p_top .works_block01 {
  display: flex;
  align-items: flex-start;
  gap: clamp(
      1.25rem,
      3.125vw + -0.25rem,
      2.25rem
  );
  padding-top: 144px;
}
@media screen and (min-width: 768px) {
  .p_top .works_block01 {
    padding-top: 67px;
  }
}
.p_top .works_block01__leftarea {
  position: absolute;
  top: 39px;
  right: 18px;
}
@media screen and (min-width: 768px) {
  .p_top .works_block01__leftarea {
    position: relative;
    inset: 0;
  }
}
.p_top .works_block01__leftarea .label {
  text-align: center;
}
@media screen and (min-width: 768px) {
  .p_top .works_block01__leftarea .label {
    margin-left: -10px;
  }
}
.p_top .works_block01__leftarea .imgarea {
  width: clamp(
      7.8125rem,
      16.5816326531vw + 3.9261798469rem,
      11.875rem
  );
  margin-top: 9px;
}
@media screen and (min-width: 768px) {
  .p_top .works_block01__leftarea .imgarea {
    width: clamp(
      17.1875rem,
      20.1171875vw + 7.53125rem,
      23.625rem
  );
    margin-left: -24px;
    margin-top: 30px;
  }
}
.p_top .works_block01__rightarea .c_heading01 {
  position: relative;
  z-index: 1;
  margin-top: 19px;
  margin-left: 8px;
}
@media screen and (min-width: 768px) {
  .p_top .works_block01__rightarea .c_heading01 {
    margin-top: 19px;
    margin-left: 0;
  }
}
.p_top .works_block01__rightarea .c_heading01__label {
  line-height: 1.5;
}
.p_top .works_block01__rightarea .c_heading01__ttljp {
  line-height: 1.44;
  margin-top: 1px;
}
@media screen and (min-width: 768px) {
  .p_top .works_block01__rightarea .c_heading01__ttljp {
    margin-top: 12px;
    margin-right: clamp(
      -3.25rem,
      -10.15625vw + 4.875rem,
      0rem
  );
  }
}
.p_top .works_block01__rightarea .c_heading01__ttlen {
  position: absolute;
  top: clamp(
      -4.9375rem,
      -8.203125vw + 1.625rem,
      -2.3125rem
  );
  left: 0;
  z-index: -1;
}
.p_top .works_block01__rightarea .group01 {
  margin-top: 8px;
  padding-left: 8px;
}
@media screen and (min-width: 768px) {
  .p_top .works_block01__rightarea .group01 {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 25px;
    justify-content: space-between;
    margin-right: 8px;
    margin-top: 22px;
    padding-left: 0;
  }
}
.p_top .works_block01__rightarea .group01 .c_txt01 {
  max-width: 513px;
}
.p_top .works_block01__rightarea .group01 .c_btn01 {
  flex-shrink: 0;
}
.p_top .works_block02__wrapper {
  display: flex;
  flex-direction: column-reverse;
  padding: 0 18px 0 19px;
}
@media screen and (min-width: 768px) {
  .p_top .works_block02__wrapper {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    margin-top: clamp(-55px, (1280px - 100vw) * 1000, 25px);
    gap: 40px;
    padding: 0;
  }
}
.p_top .works_block02__leftarea {
  display: flex;
  align-items: center;
  gap: 18px;
  margin-top: 34px;
  width: clamp(
      16.9375rem,
      26.5306122449vw + 10.7193877551rem,
      23.4375rem
  );
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .p_top .works_block02__leftarea {
    gap: clamp(
      0.9375rem,
      3.90625vw + -0.9375rem,
      2.1875rem
  );
    padding-left: clamp(
      2.5rem,
      34.375vw + -25rem,
      9.375rem
  );
    margin-top: 27px;
    width: 43.1875%;
    margin-inline: unset;
  }
}
.p_top .works_block02__leftarea .group01 {
  width: 61px;
  height: 138px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #FFFFFF;
  flex-shrink: 0;
}
@media screen and (min-width: 768px) {
  .p_top .works_block02__leftarea .group01 {
    margin-top: -7px;
    width: clamp(
      3.75rem,
      12.5vw + -2.25rem,
      7.75rem
  );
    height: clamp(
      13.9375rem,
      10.3515625vw + 8.96875rem,
      17.25rem
  );
  }
}
.p_top .works_block02__leftarea .group01__txt {
  line-height: 1.44;
  padding-bottom: 7px;
}
@media screen and (min-width: 768px) {
  .p_top .works_block02__leftarea .group01__txt {
    padding-bottom: 0;
  }
}
.p_top .works_block02__leftarea .group02 {
  width: 33px;
  height: 33px;
  display: block;
  margin-right: 2px;
  margin-top: -6px;
  flex-shrink: 0;
  position: relative;
}
@media screen and (min-width: 768px) {
  .p_top .works_block02__leftarea .group02 {
    margin-right: clamp(
      0rem,
      1.171875vw + -0.5625rem,
      0.375rem
  );
    width: clamp(
      1.875rem,
      6.8359375vw + -1.40625rem,
      4.0625rem
  );
    height: clamp(
      1.875rem,
      6.8359375vw + -1.40625rem,
      4.0625rem
  );
  }
}
.p_top .works_block02__leftarea .group02::after, .p_top .works_block02__leftarea .group02::before {
  content: "";
  height: 2px;
  width: 137.5%;
  display: block;
  background-color: #707070;
  position: absolute;
  top: 50%;
  left: 50%;
  rotate: 45deg;
  translate: -50% -50%;
}
.p_top .works_block02__leftarea .group02::before {
  rotate: -45deg;
}
.p_top .works_block02__leftarea .group03 {
  width: 100%;
}
.p_top .works_block02__leftarea .group03_list {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  gap: 2px;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .p_top .works_block02__leftarea .group03_list {
    gap: 3px;
  }
}
.p_top .works_block02__leftarea .group03_item {
  background-color: #FFFFFF;
  width: 100%;
  height: clamp(
      1.625rem,
      2.5510204082vw + 1.0271045918rem,
      2.25rem
  );
  max-width: 276px;
  display: block;
  line-height: 1;
  padding: 4px 9px 2px 29px;
  position: relative;
}
@media screen and (min-width: 768px) {
  .p_top .works_block02__leftarea .group03_item {
    height: clamp(
      2.625rem,
      2.1484375vw + 1.59375rem,
      3.3125rem
  );
    padding: 9px 15px 7px clamp(
      1.875rem,
      5.2734375vw + -0.65625rem,
      3.5625rem
  );
  }
}
.p_top .works_block02__leftarea .group03_item::before {
  content: "";
  display: block;
  width: 14px;
  height: 14px;
  border: 2px solid #053794;
  border-radius: 50%;
  position: absolute;
  top: calc(50% + 2px);
  left: 7px;
  translate: 0 -50%;
}
@media screen and (min-width: 768px) {
  .p_top .works_block02__leftarea .group03_item::before {
    width: clamp(
      1rem,
      2.34375vw + -0.125rem,
      1.75rem
  );
    height: clamp(
      1rem,
      2.34375vw + -0.125rem,
      1.75rem
  );
    left: clamp(
      0.625rem,
      0.78125vw + 0.25rem,
      0.875rem
  );
    top: 50%;
    border: clamp(
      0.125rem,
      0.5859375vw + -0.15625rem,
      0.3125rem
  ) solid #053794;
  }
}
.p_top .works_block02__rightarea {
  width: 100%;
  margin-top: 52px;
}
@media screen and (min-width: 768px) {
  .p_top .works_block02__rightarea {
    width: 54.1875%;
    margin-top: 0;
  }
}
.p_top .works_btnsp {
  margin: 60px auto 0;
}
.p_top .works_btnsp .c_btn01__link .txt {
  padding-right: 7px;
}
.p_top .workplace {
  background-color: rgba(255, 255, 255, 0.82);
  padding-bottom: 49px;
}
@media screen and (min-width: 768px) {
  .p_top .workplace {
    padding-bottom: 77px;
  }
}
@media screen and (min-width: 768px) {
  .p_top .workplace_block01__wrapper {
    width: 100%;
    max-width: calc(50% + 650px);
    margin-left: auto;
    padding-top: 95px;
  }
}
.p_top .workplace_block01__wrapper .group01 {
  width: 100%;
  position: relative;
  z-index: 2;
  padding-left: 29px;
  padding-right: 20px;
}
@media screen and (min-width: 768px) {
  .p_top .workplace_block01__wrapper .group01 {
    padding-right: 40px;
    padding-left: 40px;
  }
}
.p_top .workplace_block01__heading {
  position: relative;
  z-index: 3;
  padding-top: 62px;
}
@media screen and (min-width: 768px) {
  .p_top .workplace_block01__heading {
    padding-top: 51px;
    padding-left: 3px;
  }
}
.p_top .workplace_block01__heading__en {
  position: absolute;
  top: 28px;
  left: 1px;
  letter-spacing: 0;
  line-height: 1.3361344538;
  z-index: -1;
}
@media screen and (min-width: 768px) {
  .p_top .workplace_block01__heading__en {
    top: -28px;
    left: 3px;
    line-height: 1.5;
  }
}
.p_top .workplace_block01__heading__jp {
  line-height: 1.44;
  margin-top: 2px;
}
@media screen and (min-width: 768px) {
  .p_top .workplace_block01__heading__jp {
    margin-top: 12px;
  }
}
.p_top .workplace_block01__imgarea {
  position: absolute;
  top: 0;
  right: 0;
  width: 60.05%;
  z-index: -1;
}
.p_top .workplace_block01 .c_txt01 {
  margin-top: 32px;
  padding-left: 29px;
  padding-right: 20px;
}
@media screen and (min-width: 768px) {
  .p_top .workplace_block01 .c_txt01 {
    margin-top: 70px;
    padding-left: 43px;
    padding-right: 40px;
  }
}
.p_top .workplace_block01 .sp_imgarea {
  margin: 27px -30px 0 -30px;
}
.p_top .workplace_block02 {
  margin-top: 28px;
}
@media screen and (min-width: 768px) {
  .p_top .workplace_block02 {
    margin-top: clamp(
      3.75rem,
      10.3515625vw + -1.21875rem,
      7.0625rem
  );
    margin-left: -13px;
  }
}
.p_top .workplace_block02__list {
  display: grid;
  grid-template-columns: 1fr;
  gap: 22px;
  padding: 0 5px;
}
@media screen and (min-width: 768px) {
  .p_top .workplace_block02__list {
    grid-template-columns: repeat(3, 1fr);
    gap: 19.5px;
    padding: 0;
  }
}
.p_top .workplace_block02__list .item {
  background-color: #F2F4FA;
  position: relative;
}
.p_top .workplace_block02__list .item_link {
  display: block;
}
.p_top .workplace_block02__list .item_index {
  position: absolute;
  top: 5px;
  left: 36px;
  translate: -50% 0;
  line-height: 1;
  font-weight: 900;
  z-index: 2;
}
@media screen and (min-width: 768px) {
  .p_top .workplace_block02__list .item_index {
    top: clamp(
      -2.75rem,
      -2.734375vw + -0.5625rem,
      -1.875rem
  );
    left: calc(50% + 4px);
  }
}
.p_top .workplace_block02__list .item_ttl {
  text-align: center;
  padding-top: 7px;
  position: relative;
}
@media screen and (min-width: 768px) {
  .p_top .workplace_block02__list .item_ttl {
    padding-top: 39px;
  }
}
.p_top .workplace_block02__list .item_ttl::after {
  content: "";
  display: block;
  width: 19px;
  height: 2px;
  background-color: #707070;
  margin: 6px auto 0;
}
@media screen and (min-width: 768px) {
  .p_top .workplace_block02__list .item_ttl::after {
    width: 30px;
    height: 3px;
    margin: 8px auto 0;
  }
}
.p_top .workplace_block02__list .item_desc {
  text-align: center;
  margin-top: 3px;
  max-width: 310px;
  margin-inline: auto;
  padding-bottom: 29px;
}
@media screen and (min-width: 768px) {
  .p_top .workplace_block02__list .item_desc {
    margin-top: 8px;
    padding: 0 0 48px;
  }
}
.p_top .workplace_block02__list .item_icon {
  position: absolute;
  left: 50%;
  bottom: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border: 2px solid #053794;
  border-radius: 50%;
  translate: -50% 0;
  transition: 0.5s all ease-in-out;
}
@media screen and (min-width: 768px) {
  .p_top .workplace_block02__list .item_icon {
    bottom: 11px;
    width: 30px;
    height: 30px;
    border: 3px solid #053794;
  }
}
.p_top .workplace_block02__list .item_icon::after {
  content: "";
  width: 10px;
  height: 10px;
  display: block;
  background-color: #053794;
  mask: url(../../assets/images/common/icon_arrow01.svg) center/cover no-repeat;
  transition: 0.5s all ease-in-out;
  rotate: 90deg;
}
@media screen and (min-width: 768px) {
  .p_top .workplace_block02__list .item_icon::after {
    width: 14px;
    height: 14px;
  }
}
.p_top .event {
  background-color: #FFF2E6;
  padding-top: 57px;
  padding-bottom: 60px;
}
@media screen and (min-width: 768px) {
  .p_top .event {
    padding-top: 102px;
    padding-bottom: 57px;
  }
}
.p_top .event .group01 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 15px;
}
@media screen and (min-width: 768px) {
  .p_top .event .group01 {
    flex-direction: row;
  }
}
.p_top .event .group01_ttl {
  margin-top: -3px;
}
@media screen and (min-width: 768px) {
  .p_top .event .group01_ttl {
    width: calc(60.5% - 15px);
  }
}
.p_top .event_heading {
  width: 39.5%;
  position: relative;
}
.p_top .event_heading__jp {
  text-align: center;
}
@media screen and (min-width: 768px) {
  .p_top .event_heading__jp {
    padding-left: 56px;
  }
}
.p_top .event_heading__en {
  position: absolute;
  top: calc(50% - 3px);
  left: 50%;
  translate: -50% -50%;
}
@media screen and (min-width: 768px) {
  .p_top .event_heading__en {
    top: clamp(
      -4.375rem,
      -7.6171875vw + 1.71875rem,
      -1.9375rem
  );
    left: calc(50% + 35px);
    translate: -50% 0;
  }
}
.p_top .event_desc {
  margin-top: 13px;
  padding: 0px 5px 0 9px;
}
@media screen and (min-width: 768px) {
  .p_top .event_desc {
    text-align: center;
    margin-top: 47px;
    padding: 0;
  }
}
.p_top .event .c_eventcard {
  display: flex;
  align-items: flex-start;
  gap: 18px;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 21px;
  margin-left: -2px;
  margin-right: -2px;
}
@media screen and (min-width: 768px) {
  .p_top .event .c_eventcard {
    margin-top: 44px;
    margin-left: 0;
    margin-right: 0;
    gap: clamp(
      1.875rem,
      5.078125vw + -0.5625rem,
      3.5rem
  );
  }
}
.p_top .event .c_eventcard__item {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}
@media screen and (min-width: 768px) {
  .p_top .event .c_eventcard__item {
    gap: 20px;
    width: 50%;
    max-width: 572px;
  }
}
.p_top .event .c_eventcard__item__imgarea {
  width: 51.04%;
  aspect-ratio: 1/1;
  flex-shrink: 0;
}
.p_top .event .c_eventcard__item__imgarea img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.p_top .event .c_eventcard__item__contentarea .time {
  width: 100%;
  font-size: clamp(
      0.78125rem,
      1.4030612245vw + 0.4524075255rem,
      1.125rem
  );
  margin-top: -5px;
}
@media screen and (min-width: 768px) {
  .p_top .event .c_eventcard__item__contentarea .time {
    margin-top: -2px;
    font-size: clamp(
      1.125rem,
      0.390625vw + 0.9375rem,
      1.25rem
  );
  }
}
.p_top .event .c_eventcard__item__contentarea .label {
  display: flex;
  align-items: center;
  justify-content: center;
  width: clamp(
      4.3125rem,
      4.0816326531vw + 3.3558673469rem,
      5.3125rem
  );
  height: 23px;
  background-color: #A09D9D;
  margin-top: -1px;
  padding: 6px 10px 5px;
  font-size: clamp(
      0.59375rem,
      1.1479591837vw + 0.3246970663rem,
      0.875rem
  );
}
@media screen and (min-width: 768px) {
  .p_top .event .c_eventcard__item__contentarea .label {
    width: 116px;
    height: 39px;
    margin-top: 8px;
    font-size: clamp(
      0.875rem,
      0.390625vw + 0.6875rem,
      1rem
  );
  }
}
.p_top .event .c_eventcard__item__contentarea .desc {
  margin-top: 12px;
  line-height: 1.3636363636;
}
@media screen and (min-width: 768px) {
  .p_top .event .c_eventcard__item__contentarea .desc {
    margin-top: 17px;
    line-height: 1.5625;
  }
}
.p_top .event .c_eventcard__item__contentarea .desc span {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
}
.p_top .event .c_eventcard__item__contentarea .open {
  margin-top: -1px;
}
@media screen and (min-width: 768px) {
  .p_top .event .c_eventcard__item__contentarea .open {
    margin-top: 8px;
  }
}
.p_top .event .c_eventcard__item__contentarea .c_btn01 {
  margin-top: 4px;
  width: 100%;
  max-width: 154px;
  height: 40px;
}
@media screen and (min-width: 768px) {
  .p_top .event .c_eventcard__item__contentarea .c_btn01 {
    margin-top: 13px;
    width: 260px;
    max-width: unset;
    height: 67px;
  }
}
.p_top .event .c_eventcard__item__contentarea .c_btn01__link {
  border-width: 1px;
}
@media screen and (min-width: 768px) {
  .p_top .event .c_eventcard__item__contentarea .c_btn01__link {
    border-width: 3px;
  }
}
.p_top .event .c_eventcard__item__contentarea .c_btn01__link .txt {
  font-size: clamp(
      0.5rem,
      1.0204081633vw + 0.2608418367rem,
      0.75rem
  );
  padding-right: 6px;
}
@media screen and (min-width: 768px) {
  .p_top .event .c_eventcard__item__contentarea .c_btn01__link .txt {
    font-size: clamp(
      0.75rem,
      0.5859375vw + 0.46875rem,
      0.9375rem
  );
    padding-right: 0;
  }
}
.p_top .event .c_eventcard__item__contentarea .c_btn01__link .icon {
  right: 18px;
  width: 17px;
  height: 17px;
}
@media screen and (min-width: 768px) {
  .p_top .event .c_eventcard__item__contentarea .c_btn01__link .icon {
    right: 29px;
    width: 30px;
    height: 30px;
  }
}
.p_top .event .c_eventcard__item__contentarea .c_btn01__link .icon::after {
  width: 8px;
  height: 8px;
}
@media screen and (min-width: 768px) {
  .p_top .event .c_eventcard__item__contentarea .c_btn01__link .icon::after {
    width: 14px;
    height: 14px;
  }
}
.p_top .event_btn {
  margin: 31px auto 0;
}
@media screen and (min-width: 768px) {
  .p_top .event_btn {
    margin: 86px auto 0;
    transform: translateX(clamp( -0.8125rem, -2.5390625vw + 1.21875rem, 0rem ));
  }
}
.p_top .event_btn .c_btn01__link .txt {
  padding-right: 7px;
}
@media screen and (min-width: 768px) {
  .p_top .event_btn .c_btn01__link .txt {
    padding-right: 0;
  }
}
.p_top .event_btn .c_btn01__link .icon {
  width: 23px;
  height: 23px;
  right: 24px;
}
@media screen and (min-width: 768px) {
  .p_top .event_btn .c_btn01__link .icon {
    right: 29px;
    width: 30px;
    height: 30px;
  }
}
.p_top .event_btn .c_btn01__link .icon::after {
  width: 9px;
  height: 9px;
}
@media screen and (min-width: 768px) {
  .p_top .event_btn .c_btn01__link .icon::after {
    width: 14px;
    height: 14px;
  }
}
.p_top .careers {
  background-color: rgba(255, 255, 255, 0.82);
  padding-bottom: 18px;
}
@media screen and (min-width: 768px) {
  .p_top .careers {
    padding-bottom: 115px;
  }
}
.p_top .careers .block01 {
  width: 100%;
  padding: 0 20px;
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .p_top .careers .block01 {
    max-width: calc(50% + 640px);
    padding: 0 40px;
  }
}
.p_top .careers .block01_inner {
  padding-top: 28px;
}
@media screen and (min-width: 768px) {
  .p_top .careers .block01_inner {
    padding-top: 56px;
  }
}
.p_top .careers .block01_heading {
  position: relative;
  text-align: right;
  padding-right: 20px;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .p_top .careers .block01_heading {
    padding-right: 0;
  }
}
.p_top .careers .block01_heading__jp {
  position: absolute;
  top: 12px;
  right: 19px;
  z-index: -1;
}
@media screen and (min-width: 768px) {
  .p_top .careers .block01_heading__jp {
    top: clamp(
      1.125rem,
      4.1015625vw + -0.84375rem,
      2.4375rem
  );
    right: 24px;
  }
}
.p_top .careers .block01_heading__en {
  line-height: 1;
  font-size: 2.5rem;
}
@media screen and (min-width: 768px) {
  .p_top .careers .block01_heading__en {
    font-size: clamp(
      2.8125rem,
      6.8359375vw + -0.46875rem,
      5rem
  );
  }
}
.p_top .careers .block01_ttl {
  text-align: center;
  margin-top: 7px;
}
@media screen and (min-width: 768px) {
  .p_top .careers .block01_ttl {
    text-align: right;
    margin-top: 15px;
  }
}
.p_top .careers .block01_desc {
  margin-top: 15px;
  padding: 0 16px;
}
@media screen and (min-width: 768px) {
  .p_top .careers .block01_desc {
    max-width: 360px;
    margin-left: auto;
    margin-right: 9px;
    margin-top: 36px;
    padding: 0;
  }
}
.p_top .careers .block01_imgarea {
  margin: 11px -42px 0 -56px;
}
@media screen and (min-width: 768px) {
  .p_top .careers .block01_imgarea {
    position: absolute;
    width: 60%;
    top: 64px;
    left: -3px;
    z-index: -1;
    margin: 0;
  }
}
.p_top .careers .block02 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 27px 32px;
  margin-top: 35px;
  margin: 35px 5px 0;
  position: relative;
  z-index: 2;
}
@media screen and (min-width: 768px) {
  .p_top .careers .block02 {
    gap: 30px 32px;
    margin-left: -12px;
    margin-top: 28px;
    padding: 0;
  }
}
.p_top .careers .block02_groupitems {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 22px 45px;
}
@media screen and (min-width: 768px) {
  .p_top .careers .block02_groupitems {
    gap: 30px 45px;
  }
}
.p_top .careers .block02_item {
  background-color: #F2F4FA;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .p_top .careers .block02_item {
    width: 359px;
  }
}
.p_top .careers .block02_item__link {
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
  position: relative;
}
.p_top .careers .block02_item__link .ttl {
  padding-top: 2px;
  position: relative;
}
@media screen and (min-width: 768px) {
  .p_top .careers .block02_item__link .ttl {
    padding-top: 24px;
  }
}
.p_top .careers .block02_item__link .ttl::after {
  content: "";
  display: block;
  margin-inline: auto;
  margin-top: 0px;
  width: 20px;
  height: 2px;
  background-color: #707070;
}
@media screen and (min-width: 768px) {
  .p_top .careers .block02_item__link .ttl::after {
    margin-top: 10px;
    width: 28px;
    height: 3px;
  }
}
.p_top .careers .block02_item__link .desc {
  margin-top: 2px;
  padding-bottom: 29px;
}
@media screen and (min-width: 768px) {
  .p_top .careers .block02_item__link .desc {
    margin-top: 8px;
    padding-bottom: 61px;
  }
}
.p_top .careers .block02_item__link .icon {
  position: absolute;
  left: 50%;
  bottom: 7px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border: 2px solid #053794;
  border-radius: 50%;
  translate: -50% 0;
  transition: 0.5s all ease-in-out;
}
@media screen and (min-width: 768px) {
  .p_top .careers .block02_item__link .icon {
    bottom: 24px;
    width: 27px;
    height: 29px;
    border: 3px solid #053794;
  }
}
.p_top .careers .block02_item__link .icon::after {
  content: "";
  width: 10px;
  height: 10px;
  display: block;
  background-color: #053794;
  mask: url(../../assets/images/common/icon_arrow01.svg) center/cover no-repeat;
  transition: 0.5s all ease-in-out;
  rotate: 90deg;
}
@media screen and (min-width: 768px) {
  .p_top .careers .block02_item__link .icon::after {
    width: 14px;
    height: 14px;
  }
}
.p_top .careers .block02_entry {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .p_top .careers .block02_entry {
    width: 410px;
    min-height: 204px;
  }
}
.p_top .careers .block02_entry__link {
  background-color: #053794;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 6px;
  width: 100%;
  height: 100%;
  position: relative;
  padding-top: 31px;
  padding-bottom: 32px;
  border: 2px solid #053794;
  transition: 0.5s all ease-in-out;
}
@media screen and (min-width: 768px) {
  .p_top .careers .block02_entry__link {
    gap: 9px;
    align-items: flex-start;
    padding-left: 77px;
    padding-bottom: 40px;
  }
}
@media screen and (min-width: 768px) {
  .p_top .careers .block02_entry__link:hover {
    color: #053794;
    background-color: #FFFFFF;
    opacity: 1;
  }
  .p_top .careers .block02_entry__link:hover .icon {
    border-color: #053794;
  }
  .p_top .careers .block02_entry__link:hover .icon::after {
    background-color: #053794;
  }
}
.p_top .careers .block02_entry__link .ttl_en {
  line-height: 1;
  padding-right: 8px;
}
@media screen and (min-width: 768px) {
  .p_top .careers .block02_entry__link .ttl_en {
    padding-right: 0;
  }
}
.p_top .careers .block02_entry__link .ttl_jp {
  line-height: 1;
  font-size: clamp(
      0.59375rem,
      1.6581632653vw + 0.2051179847rem,
      1rem
  );
}
@media screen and (min-width: 768px) {
  .p_top .careers .block02_entry__link .ttl_jp {
    font-size: clamp(
      1rem,
      0.390625vw + 0.8125rem,
      1.125rem
  );
  }
}
.p_top .careers .block02_entry__link .icon {
  position: absolute;
  right: 58px;
  top: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border: 2px solid #FFFFFF;
  border-radius: 50%;
  translate: 0 -50%;
  transition: 0.5s all ease-in-out;
}
@media screen and (min-width: 768px) {
  .p_top .careers .block02_entry__link .icon {
    right: 20px;
    width: 40px;
    height: 40px;
    border: 3px solid #FFFFFF;
  }
}
.p_top .careers .block02_entry__link .icon::after {
  content: "";
  width: 9px;
  height: 9px;
  display: block;
  background-color: #FFFFFF;
  mask: url(../../assets/images/common/icon_arrow01.svg) center/cover no-repeat;
  transition: 0.5s all ease-in-out;
}
@media screen and (min-width: 768px) {
  .p_top .careers .block02_entry__link .icon::after {
    width: 15px;
    height: 15px;
  }
}
.p_top .news {
  border-top: 1px solid #707070;
  border-bottom: 1px solid #707070;
  background-color: rgba(255, 255, 255, 0.82);
  padding-bottom: 24px;
}
@media screen and (min-width: 768px) {
  .p_top .news {
    padding-bottom: 52px;
  }
}
.p_top .news_inner {
  display: block;
  padding-top: 12px;
}
@media screen and (min-width: 768px) {
  .p_top .news_inner {
    gap: clamp(
      2.1875rem,
      7.03125vw + -1.1875rem,
      4.4375rem
  );
    display: flex;
    align-items: flex-start;
    padding-top: 25px;
  }
}
@media screen and (min-width: 768px) {
  .p_top .news_leftarea {
    padding-left: clamp(
      0rem,
      25.390625vw + -12.1875rem,
      8.125rem
  );
    width: 32.8%;
    min-width: 264px;
    flex-shrink: 0;
  }
}
.p_top .news_leftarea .news_heading {
  position: relative;
}
.p_top .news_leftarea .news_heading__en {
  text-align: center;
}
@media screen and (min-width: 768px) {
  .p_top .news_leftarea .news_heading__en {
    padding-left: 5px;
    text-align: left;
  }
}
.p_top .news_leftarea .news_heading__jp {
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
}
@media screen and (min-width: 768px) {
  .p_top .news_leftarea .news_heading__jp {
    top: clamp(
      2.5rem,
      3.90625vw + 0.625rem,
      3.75rem
  );
    left: clamp(
      2.8125rem,
      4.296875vw + 0.75rem,
      4.1875rem
  );
    translate: 0 0;
  }
}
.p_top .news_leftarea .c_btn01 {
  margin-top: 9px;
}
.p_top .news .c_listnews {
  padding-top: 8px;
  padding-left: 6px;
  padding-right: 8px;
  padding-bottom: 25px;
}
@media screen and (min-width: 768px) {
  .p_top .news .c_listnews {
    padding-top: 37px;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
  }
}
.p_top .news .c_listnews__item {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
@media screen and (min-width: 768px) {
  .p_top .news .c_listnews__item {
    gap: clamp(
      1rem,
      2.34375vw + -0.125rem,
      1.75rem
  );
  }
}
.p_top .news .c_listnews__item__link {
  display: flex;
  align-items: flex-start;
  gap: 11px;
}
@media screen and (min-width: 768px) {
  .p_top .news .c_listnews__item__link {
    gap: clamp(
      1.25rem,
      4.1015625vw + -0.71875rem,
      2.5625rem
  );
    align-items: center;
  }
}
.p_top .news .c_listnews__item__link .desc span {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
}
.p_top .news_btnsp {
  margin: 0 auto;
}
.p_top .news_rightarea {
  width: 100%;
}
.p_top .entry {
  background-color: rgba(255, 255, 255, 0.82);
  margin-top: 29px;
  margin-left: 3px;
  margin-right: 3px;
}
@media screen and (min-width: 768px) {
  .p_top .entry {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }
}
.p_top .entry_inner {
  position: relative;
  z-index: 1;
  background-color: #E8E8E8;
  padding: 14px 14px 21px;
}
@media screen and (min-width: 768px) {
  .p_top .entry_inner {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-wrap: wrap;
    padding: 67px 44px 27px 17px;
    gap: 37px;
    background-color: unset;
  }
}
@media screen and (min-width: 768px) {
  .p_top .entry_inner::after {
    content: "";
    display: block;
    background-color: #E8E8E8;
    position: absolute;
    top: 98px;
    left: 44px;
    bottom: 62px;
    right: 44px;
    z-index: -1;
  }
}
.p_top .entry_imgarea {
  width: 100%;
  padding-right: 1px;
}
@media screen and (min-width: 768px) {
  .p_top .entry_imgarea {
    width: 377px;
    padding-right: 0;
  }
}
.p_top .entry_contentarea {
  padding-top: 16px;
}
@media screen and (min-width: 768px) {
  .p_top .entry_contentarea {
    padding-top: 14px;
    padding-right: clamp(
      0rem,
      5.859375vw + -2.8125rem,
      1.875rem
  );
  }
}
.p_top .entry_contentarea .group01 {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 10px;
  gap: 19px;
}
@media screen and (min-width: 768px) {
  .p_top .entry_contentarea .group01 {
    gap: 30px 65px;
    margin-top: 13px;
    margin-left: 34px;
  }
}
.p_top .entry_contentarea .group01_ttl {
  line-height: 1.303030303;
  text-align: center;
  font-size: clamp(
      1.34375rem,
      0.637755102vw + 1.194276148rem,
      1.5rem
  );
}
@media screen and (min-width: 768px) {
  .p_top .entry_contentarea .group01_ttl {
    font-size: clamp(
      1.5rem,
      1.7578125vw + 0.65625rem,
      2.0625rem
  );
  }
}
.p_top .entry_contentarea .group01 .c_btn01 {
  margin-left: 4px;
}
@media screen and (min-width: 768px) {
  .p_top .entry_contentarea .group01 .c_btn01 {
    margin-top: clamp(
      -0.3125rem,
      -2.9296875vw + 2.03125rem,
      0.625rem
  );
    margin-left: 0;
  }
}
@media screen and (min-width: 768px) {
  .p_top .entry_contentarea .group01 .c_btn01__link .txt {
    font-size: clamp(
      1.125rem,
      0.390625vw + 0.9375rem,
      1.25rem
  );
    padding-right: 30px;
  }
}
.p_top .entry_contentarea__label {
  text-align: center;
  line-height: 1.4782608696;
  font-size: clamp(
      0.71875rem,
      1.6581632653vw + 0.3301179847rem,
      1.125rem
  );
}
@media screen and (min-width: 768px) {
  .p_top .entry_contentarea__label {
    line-height: 1.6666666667;
    font-size: clamp(
      1.125rem,
      0.5859375vw + 0.84375rem,
      1.3125rem
  );
  }
}
/*# sourceMappingURL=top.css.map */