.popup_area {
  width: calc(100vw - 61px);
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  z-index: 9;
  pointer-events: none;
}
@media screen and (min-width: 768px) {
  .popup_area {
    width: calc(100vw - 98px);
  }
}

.popup_area.active {
  pointer-events: all;
}
.popup_area.active::after {
  content: "";
  position: absolute;
  width: calc(100vw - 61px);
  height: 100%;
  left: 0;
  top: 0;
  backdrop-filter: blur(20px);
  opacity: 1;
  z-index: -1;
}
@media screen and (min-width: 768px) {
  .popup_area.active::after {
    width: calc(100vw - 98px);
  }
}

.popup {
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
  transition-property: opacity, visibility;
  width: 100%;
  height: 100vh;
  background: rgba(255, 255, 255, 0.5);
  padding: clamp(0.5625rem, 2.806122449vw + -0.095184949rem, 1.25rem);
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (min-width: 768px) {
  .popup {
    padding: 21px;
  }
}
.popup.active {
  opacity: 1;
  visibility: visible;
}
.popup .js_close {
  position: absolute;
  right: 7px;
  top: 7px;
  cursor: pointer;
  transition: 0.5s;
  width: 42px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  background-color: #0075c9;
  font-size: 1rem;
  letter-spacing: 0.05em;
  pointer-events: all;
  border-radius: 6px;
  overflow: hidden;
  z-index: 10;
}
@media screen and (min-width: 768px) {
  .popup .js_close {
    width: 71px;
    height: 55px;
    right: 14px;
    top: 10px;
  }
}
.popup .js_close::before, .popup .js_close::after {
  content: "";
  position: absolute;
  width: 21px;
  height: 1px;
  background-color: #fff;
  left: 50%;
  top: calc(50% - 1px);
}
@media screen and (min-width: 768px) {
  .popup .js_close::before, .popup .js_close::after {
    height: 2px;
    width: 38px;
  }
}
.popup .js_close::before {
  transform: translate(-50%, -50%) rotate(21deg);
}
.popup .js_close::after {
  transform: translate(-50%, -50%) rotate(-21deg);
}
@media screen and (min-width: 768px) {
  .popup .js_close:hover {
    opacity: 0.8;
  }
}
.popup_bottom {
  padding: 32px 9px 28px;
  margin-top: 46px;
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .popup_bottom {
    margin-top: 88px;
    padding: 27px clamp(1.25rem, 4.0865384615vw + -1.3653846154rem, 2.3125rem) 31px 20px;
  }
}
.popup_bottom::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #0075c9;
}
.popup_bottom__btn {
  width: 100%;
  max-width: 288px;
  margin: 0 auto;
  min-height: 55px;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  overflow: hidden;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0.1em;
  color: #0075c9;
  position: relative;
  z-index: 1;
  cursor: pointer;
  transition: all 0.5s;
}
@media screen and (min-width: 768px) {
  .popup_bottom__btn:hover {
    opacity: 0.8;
  }
}
@media screen and (min-width: 768px) {
  .popup_bottom__btn {
    min-height: 69px;
    font-size: 1.25rem;
  }
}
.popup_bottom__btn .icon {
  position: absolute;
  width: 48px;
  height: 18px;
  right: 20px;
}
.popup_bottom__btn .icon::before, .popup_bottom__btn .icon::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  background-color: #0075c9;
  left: 50%;
  top: calc(50% - 1px);
}
.popup_bottom__btn .icon::before {
  transform: translate(-50%, -50%) rotate(21deg);
}
.popup_bottom__btn .icon::after {
  transform: translate(-50%, -50%) rotate(-21deg);
}
@media screen and (min-width: 768px) {
  .popup_bottom__btn .icon:hover {
    opacity: 0.8;
  }
}
.popup_bottom .popup_decor__bottom {
  position: absolute;
  width: 266px;
  right: -2px;
  bottom: 120px;
  z-index: -1;
  z-index: -1;
}
@media screen and (min-width: 768px) {
  .popup_bottom .popup_decor__bottom {
    width: clamp(22.1875rem, 47.3214285714vw + -0.5267857143rem, 42.0625rem);
    right: unset;
    left: 45.5%;
    transform: translateX(-50%);
  }
}
.popup_bottom .popup_decor__bottom.bottom {
  position: absolute;
  width: 269px;
  right: 0;
  bottom: 122px;
  z-index: -1;
}
@media screen and (min-width: 768px) {
  .popup_bottom .popup_decor__bottom.bottom {
    width: clamp(22.1875rem, 46.130952381vw + 0.0446428571rem, 41.5625rem);
    left: 41%;
    bottom: -51px;
    transform: translateX(-50%);
  }
}
.popup_block {
  background-color: #fff;
  height: calc(98vh - 91px);
  width: 100%;
  max-width: 1262px;
  top: 24px;
  margin: 0 auto;
  border: 1px solid #373737;
  border-radius: 8px;
  position: relative;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .popup_block {
    border: 2px solid #373737;
    height: calc(98vh - 21px);
    border-radius: 16px;
    top: 0;
  }
}
.popup_block.active::after {
  display: block;
}
.popup_inner {
  overflow: auto;
  overflow-x: hidden;
  height: calc(98vh - 93px);
  width: 100%;
}
@media screen and (min-width: 768px) {
  .popup_inner {
    height: calc(98vh - 23px);
  }
}
.popup_inner::-webkit-scrollbar {
  width: 0;
}
.popup_inner .txt_stand__number {
  transform: rotate(-90deg);
  display: inline-block;
}
.popup_content {
  position: relative;
  z-index: 2;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .popup_content {
    min-height: clamp(30rem, 2.9761904762vw + 28.5714285714rem, 31.25rem);
  }
}
.popup .txt_small {
  font-size: 0.875rem;
}
.popup_interview .interview_slider {
  display: flex;
  align-items: center;
  min-height: 61px;
  border-top: 1px solid #373737;
  border-bottom: 1px solid #373737;
  background-color: #fff;
}
@media screen and (min-width: 768px) {
  .popup_interview .interview_slider {
    min-height: clamp(3.125rem, 8.1730769231vw + -2.1057692308rem, 5.25rem);
    border-top: 2px solid #373737;
    border-bottom: 2px solid #373737;
  }
}
.popup_interview .interview_slider .list_item {
  flex-shrink: 0;
  width: auto;
}
.popup_interview .interview_slider .swiper-slide {
  width: auto;
}
.popup_interview .interview_slider .interview_list {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  gap: 26px;
  padding-right: 26px;
}
@media screen and (min-width: 768px) {
  .popup_interview .interview_slider .interview_list {
    gap: 37px;
    padding-right: 37px;
  }
}
.popup_interview__infor {
  width: 100%;
  margin: 0 auto;
  display: flex;
  flex-direction: column-reverse;
  gap: 10px;
  padding: 51px 19px 44px;
  position: relative;
}
@media screen and (min-width: 768px) {
  .popup_interview__infor {
    width: 100%;
    max-width: 1034px;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    padding: clamp(4.3125rem, -7.6923076923vw + 11.2355769231rem, 6.3125rem) 20px clamp(1.25rem, 3.8461538462vw + -1.2115384615rem, 2.25rem);
  }
}
.popup_interview__infor .info_desc {
  flex-direction: row;
  justify-content: space-between;
  padding-top: 9px;
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .popup_interview__infor .info_desc {
    padding: clamp(0.6875rem, 11.7788461538vw + -6.8509615385rem, 3.75rem) 0 clamp(1.25rem, 11.7788461538vw + -6.2884615385rem, 4.3125rem) clamp(0.875rem, 4.4642857143vw + -1.2678571429rem, 2.75rem);
    width: 39.8740818468%;
  }
}
@media screen and (min-width: 768px) {
  .popup_interview__infor .info_desc .pc_nowrap {
    white-space: nowrap;
  }
}
.popup_interview__infor .infor_pos {
  font-size: 1.3125rem;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0.1em;
  position: relative;
  display: inline-flex;
  align-items: center;
  border: 1px solid #373737;
  padding: 5px 18px 5px 20px;
  background-color: #fff;
}
@media screen and (min-width: 768px) {
  .popup_interview__infor .infor_pos {
    padding: 0 14px 3px 20px;
    font-size: clamp(1.25rem, 2.9761904762vw + -0.1785714286rem, 2.5rem);
  }
}
.popup_interview__infor .infor_pos::before {
  content: "";
  position: relative;
  aspect-ratio: 1;
  background: url(../images/icon_mark.svg) center/contain no-repeat;
  width: 21px;
  margin-right: 9px;
  display: inline-block;
}
@media screen and (min-width: 768px) {
  .popup_interview__infor .infor_pos::before {
    width: clamp(0.75rem, 1.3392857143vw + 0.1071428571rem, 1.3125rem);
  }
}
.popup_interview__infor .infor_ttl {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.1em;
  position: relative;
  display: inline-flex;
  align-items: center;
  border: 1px solid #373737;
  padding: 6px 6px 6px 10px;
  margin-top: 5px;
  background-color: #fff;
}
@media screen and (min-width: 768px) {
  .popup_interview__infor .infor_ttl {
    font-size: clamp(1.875rem, 3.869047619vw + 0.0178571429rem, 3.5rem);
    margin-top: 10px;
    padding: 8px 2px 8px 10px;
  }
}
.popup_interview__infor .infor_sub {
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0.1em;
  padding: 10px 0 0 7px;
}
@media screen and (min-width: 768px) {
  .popup_interview__infor .infor_sub {
    padding: 10px 0 0 clamp(0rem, 3.3653846154vw + -2.1538461538rem, 0.875rem);
  }
}
.popup_interview__infor .infor_tag {
  display: flex;
  gap: 5px;
  padding: 15px 0 0 0px;
}
@media screen and (min-width: 768px) {
  .popup_interview__infor .infor_tag {
    padding: 25px 0 0 clamp(0rem, 2.1634615385vw + -1.3846153846rem, 0.5625rem);
    gap: 7px;
  }
}
.popup_interview__infor .infor_tag .tag {
  border-radius: 20px;
  border: 1px solid #373737;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0.1em;
  padding: 0px 8px 0px 10px;
}
@media screen and (min-width: 768px) {
  .popup_interview__infor .infor_tag .tag {
    padding: 0px clamp(0.25rem, 0.5952380952vw + -0.0357142857rem, 0.5rem);
  }
}
.popup_interview__infor .infor_tag .txt {
  padding: 0 2px 0 1px;
}
.popup_interview__infor .infor_img {
  width: calc(100% - 27px);
  margin: 0 auto;
  position: relative;
  display: flex;
}
@media screen and (min-width: 768px) {
  .popup_interview__infor .infor_img {
    width: 55.8237145855%;
    max-width: 529px;
    margin: 0;
  }
}
.popup_interview__infor .infor_img img {
  object-fit: cover;
  width: 100%;
}
.popup_interview__infor .infor_img::before, .popup_interview__infor .infor_img::after {
  position: absolute;
  content: "";
  border-style: solid;
  border-color: currentColor;
  height: 13px;
  width: 17px;
}
@media screen and (min-width: 768px) {
  .popup_interview__infor .infor_img::before, .popup_interview__infor .infor_img::after {
    height: clamp(1.25rem, 3.125vw + -0.75rem, 2.0625rem);
    width: clamp(1.875rem, 6.9711538462vw + -2.5865384615rem, 3.6875rem);
  }
}
.popup_interview__infor .infor_img::after {
  top: calc(100% - 1px);
  left: calc(100% - 1px);
  border-width: 1px 0 0 1px;
}
.popup_interview__infor .infor_img::before {
  border-width: 0 1px 1px 0;
  bottom: calc(100% - 1px);
  right: calc(100% - 1px);
}
.popup_interview__infor .infor_decor {
  position: absolute;
  top: -92px;
  width: clamp(17.4375rem, 20.6632653061vw + 12.5945471939rem, 22.5rem);
  left: -56px;
  z-index: -1;
}
@media screen and (min-width: 768px) {
  .popup_interview__infor .infor_decor {
    width: 665px;
    top: 67px;
    left: unset;
    right: 67.8%;
  }
}
.popup_interview.popup_interview01 .popup_decor__bottom {
  right: -2px;
}
@media screen and (min-width: 768px) {
  .popup_interview.popup_interview01 .popup_decor__bottom {
    right: -5px;
    left: unset;
    transform: translate(0);
  }
}
.popup_interview.popup_interview02 .story02_slogan {
  width: 83%;
  margin: 0 0 0 22px;
}
@media screen and (min-width: 768px) {
  .popup_interview.popup_interview02 .story02_slogan {
    width: 100%;
    margin: 0;
  }
}
.popup_interview.popup_interview02 .story03_desc__decor {
  position: absolute;
  width: 260px;
  right: 0;
  top: 58%;
  transform: translateY(-50%);
}
@media screen and (min-width: 768px) {
  .popup_interview.popup_interview02 .story03_desc__decor {
    display: none;
  }
}
@media screen and (min-width: 768px) {
  .popup_interview.popup_interview03 .story01 {
    align-items: flex-start;
    flex-direction: row;
    padding: 56px 18px 71px clamp(2.5rem, 20.5357142857vw + -7.3571428571rem, 11.125rem);
  }
}
@media screen and (min-width: 768px) {
  .popup_interview.popup_interview03 .story01_desc {
    position: relative;
    left: clamp(-0.4375rem, -2.9166666667vw + 2.1875rem, 0rem);
    padding-top: 38px;
  }
}
.popup_interview.popup_interview03 .story01 .story01_decor {
  top: 42.5%;
  width: 196px;
  opacity: 0.05;
}
@media screen and (min-width: 768px) {
  .popup_interview.popup_interview03 .story01 .story01_decor {
    opacity: 1;
    width: clamp(22.1875rem, 46.130952381vw + 0.0446428571rem, 41.5625rem);
    top: clamp(-4.875rem, -48.0769230769vw + 38.3942307692rem, 7.625rem);
    right: -19px;
  }
}
.popup_interview.popup_interview04 .info_desc {
  padding-top: 2px;
  margin-left: -4px;
}
@media screen and (min-width: 768px) {
  .popup_interview.popup_interview04 .info_desc {
    padding-top: 0;
    margin-left: 0;
    padding: 15px 0 clamp(1.25rem, 11.7788461538vw + -6.2884615385rem, 4.3125rem) clamp(0.875rem, 2.9761904762vw + -0.5535714286rem, 2.125rem);
  }
}
.popup_interview.popup_interview04 .info_tag {
  font-weight: 700;
  font-size: 0.75rem;
  color: #fff;
  background-color: #373737;
  display: inline-block;
  margin-bottom: 6px;
  padding: 3px 9px 3px 12px;
  letter-spacing: 0.1em;
}
@media screen and (min-width: 768px) {
  .popup_interview.popup_interview04 .info_tag {
    font-size: 1.3125rem;
    padding: 9px 19px 9px 20px;
  }
}
.popup_interview.popup_interview04 .infor_pos {
  font-size: 1.0625rem;
  padding: 5px 8px 10px 14px;
}
@media screen and (min-width: 768px) {
  .popup_interview.popup_interview04 .infor_pos {
    margin-bottom: 10px;
    padding: 0 14px 3px 20px;
    font-size: clamp(1.25rem, 2.9761904762vw + -0.1785714286rem, 2.5rem);
  }
}
@media screen and (min-width: 768px) {
  .popup_interview.popup_interview04 .story02_slogan .story_slogan__txt {
    padding-right: 10px;
  }
}
@media screen and (min-width: 768px) {
  .popup_interview.popup_interview04 .story03_img {
    width: calc(51.8590998043% - clamp(0rem, -5.9523809524vw + 5.3571428571rem, 2.5rem));
  }
}
@media screen and (min-width: 768px) {
  .popup_interview.popup_interview04 .story03_slogan {
    line-height: 1.1;
  }
}
@media screen and (min-width: 768px) {
  .popup_interview.popup_interview05 .story_slogan__txt {
    font-size: clamp(1.5625rem, 5.859375vw + -1.25rem, 2.5rem);
  }
}
.popup_interview.popup_interview06 .story01 .story01_decor {
  top: 42.5%;
  width: 196px;
  opacity: 0.05;
}
@media screen and (min-width: 768px) {
  .popup_interview.popup_interview06 .story01 .story01_decor {
    opacity: 1;
    width: clamp(22.1875rem, 46.130952381vw + 0.0446428571rem, 41.5625rem);
    top: clamp(-4.875rem, -48.0769230769vw + 38.3942307692rem, 7.625rem);
    right: -19px;
  }
}
.popup_interview .story {
  position: relative;
}
.popup_interview .story::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  width: calc(100% - 20px);
  height: 1px;
  transform: translateX(-50%);
  background-color: #838383;
}
.popup_interview .story.story03::after, .popup_interview .story.story04::after {
  display: none;
}
.popup_interview .story_inner {
  width: 100%;
  max-width: 1029px;
  margin: 0 auto;
}
.popup_interview .story_ttl {
  font-family: "Barlow", sans-serif;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0.05em;
  padding-bottom: 13px;
  display: flex;
  flex-direction: column;
  font-size: 1rem;
}
.popup_interview .story_en {
  display: block;
  line-height: 1;
}
.popup_interview .story_txt {
  line-height: 1.8;
  letter-spacing: 0.05em;
  font-size: 1rem;
}
.popup_interview .story_number {
  font-size: 1.3125rem;
  padding-left: 2px;
  display: block;
  margin-top: -3px;
}
.popup_interview .story_number::after {
  content: "";
  position: relative;
  aspect-ratio: 1;
  background: url(../images/icon_mark.svg) center/contain no-repeat;
  width: 14px;
  margin-left: 9px;
  display: inline-block;
}
.popup_interview .story_slogan {
  font-size: 1.625rem;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0.06em;
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .popup_interview .story_slogan {
    font-size: clamp(2.1875rem, 1.953125vw + 1.25rem, 2.5rem);
  }
}
.popup_interview .story_slogan .txt_stand {
  writing-mode: vertical-lr;
}
.popup_interview .story_slogan__line {
  position: absolute;
  top: 0;
  left: calc(50% - 7px);
  width: calc(100% + 120px);
  height: 100%;
  z-index: -1;
  transform: translateX(-50%);
}
.popup_interview .story_slogan__line .line01,
.popup_interview .story_slogan__line .line02 {
  width: 100%;
  height: 40px;
  left: 50%;
  transform: translateX(-50%);
  position: absolute;
}
.popup_interview .story_slogan__line .line::after, .popup_interview .story_slogan__line .line::before {
  content: "";
  position: absolute;
  width: 30px;
  height: 30px;
  background: url("../images/img_line.svg") no-repeat;
  background-size: contain;
  top: 0;
}
@media screen and (min-width: 768px) {
  .popup_interview .story_slogan__line .line::after, .popup_interview .story_slogan__line .line::before {
    width: clamp(1.875rem, 2.4038461538vw + 0.3365384615rem, 2.5rem);
    height: clamp(1.875rem, 2.4038461538vw + 0.3365384615rem, 2.5rem);
  }
}
.popup_interview .story_slogan__line .line::before {
  right: 0;
  scale: -1 1;
}
.popup_interview .story_slogan__line .line02::after {
  scale: 1 -1;
}
.popup_interview .story_slogan__line .line02::before {
  scale: -1 -1;
}
.popup_interview .story01 {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 28px 20px 52px;
}
@media screen and (min-width: 768px) {
  .popup_interview .story01 {
    align-items: flex-start;
    flex-direction: row;
    padding: 56px 35px 52px clamp(2.5rem, 20.5357142857vw + -7.3571428571rem, 11.125rem);
  }
}
.popup_interview .story01_slogan {
  display: flex;
  justify-content: center;
  margin-top: 36px;
  max-width: 320px;
}
@media screen and (min-width: 768px) {
  .popup_interview .story01_slogan {
    max-width: 168px;
    margin-top: 44px;
  }
}
.popup_interview .story01_slogan .story_slogan__line {
  left: 50%;
  width: calc(100% - 37px);
}
@media screen and (min-width: 768px) {
  .popup_interview .story01_slogan .story_slogan__line {
    left: calc(50% - 7px);
    width: calc(100% + clamp(2.5rem, 19.2307692308vw + -9.8076923077rem, 7.5rem));
  }
}
.popup_interview .story01_slogan .line01 {
  bottom: 94%;
}
@media screen and (min-width: 768px) {
  .popup_interview .story01_slogan .line01 {
    bottom: 97%;
  }
}
.popup_interview .story01_slogan .line02 {
  top: 90%;
}
@media screen and (min-width: 768px) {
  .popup_interview .story01_slogan .line02 {
    top: 82%;
  }
}
.popup_interview .story01_desc {
  width: calc(100% + 20px);
  margin-left: -10px;
  padding-top: 47px;
}
@media screen and (min-width: 768px) {
  .popup_interview .story01_desc {
    padding-top: 0;
    margin-left: 0;
    width: 59.1939546599%;
  }
}
@media screen and (min-width: 768px) {
  .popup_interview .story01_desc .story_txt {
    padding-left: 4px;
  }
}
.popup_interview .story01_icon {
  width: 98px;
  bottom: -13px;
  right: 17px;
  position: absolute;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .popup_interview .story01_icon {
    width: clamp(8.125rem, 10.3365384615vw + 1.5096153846rem, 10.8125rem);
    bottom: -20px;
    right: 73px;
  }
}
.popup_interview .story01 .story01_decor {
  position: absolute;
  top: 33.5%;
  width: 113px;
  z-index: -1;
  right: 0;
}
@media screen and (min-width: 768px) {
  .popup_interview .story01 .story01_decor {
    width: clamp(22.1875rem, 46.130952381vw + 0.0446428571rem, 41.5625rem);
    top: clamp(-4.875rem, -48.0769230769vw + 38.3942307692rem, 7.625rem);
    right: -19px;
  }
}
.popup_interview .story02 {
  padding: 21px 20px 22px;
  position: relative;
}
@media screen and (min-width: 768px) {
  .popup_interview .story02 {
    padding: 28px 36px 66px;
  }
}
.popup_interview .story02 .story02_decor {
  position: absolute;
  top: 46.8%;
  width: 185px;
  z-index: -1;
  right: -6px;
}
@media screen and (min-width: 768px) {
  .popup_interview .story02 .story02_decor {
    width: clamp(22.1875rem, 46.130952381vw + 0.0446428571rem, 41.5625rem);
    top: clamp(8.0625rem, -16.8269230769vw + 23.2067307692rem, 12.4375rem);
    right: 42px;
  }
}
.popup_interview .story02 .story_ttl {
  margin-right: -32px;
  padding-bottom: 42px;
}
@media screen and (min-width: 768px) {
  .popup_interview .story02 .story_ttl {
    margin-right: clamp(-2rem, -7.6923076923vw + 4.9230769231rem, 0rem);
    padding-bottom: 31px;
    align-items: flex-end;
  }
}
.popup_interview .story02_desc {
  display: flex;
  flex-direction: column;
  gap: 39px;
}
@media screen and (min-width: 768px) {
  .popup_interview .story02_desc {
    gap: 0;
    justify-content: space-between;
    flex-direction: row;
  }
}
.popup_interview .story02_slogan {
  width: 100%;
  padding: 0px 0px 0 18px;
  font-size: 1.1875rem;
  max-width: 300px;
}
@media screen and (min-width: 768px) {
  .popup_interview .story02_slogan {
    max-width: 615px;
    font-size: clamp(1.875rem, 1.4880952381vw + 1.1607142857rem, 2.5rem);
    width: 64.7368421053%;
    padding: clamp(0rem, 8.4134615385vw + -5.3846153846rem, 2.1875rem) 0px clamp(0rem, 9.6153846154vw + -6.1538461538rem, 2.5rem) 0;
    display: flex;
    justify-content: center;
  }
}
.popup_interview .story02_slogan .story_slogan__txt {
  letter-spacing: 0;
}
.popup_interview .story02_slogan .line::before,
.popup_interview .story02_slogan .line::after {
  width: 20px;
  height: 20px;
}
@media screen and (min-width: 768px) {
  .popup_interview .story02_slogan .line::before,
  .popup_interview .story02_slogan .line::after {
    width: 40px;
    height: 40px;
  }
}
.popup_interview .story02_slogan .line01 {
  bottom: 63%;
}
@media screen and (min-width: 768px) {
  .popup_interview .story02_slogan .line01 {
    bottom: unset;
    top: clamp(-1.875rem, 7.2115384615vw + -6.4903846154rem, 0rem);
  }
}
.popup_interview .story02_slogan .line02 {
  top: 105%;
}
@media screen and (min-width: 768px) {
  .popup_interview .story02_slogan .line02 {
    top: unset;
    bottom: clamp(-3.75rem, 7.2115384615vw + -8.3653846154rem, -1.875rem);
  }
}
.popup_interview .story02_slogan .story_slogan__line {
  width: calc(100% + 22px);
  left: 50%;
}
@media screen and (min-width: 768px) {
  .popup_interview .story02_slogan .story_slogan__line {
    width: 100%;
    left: calc(50% - 15px);
    top: clamp(-1.875rem, 21.4285714286vw + -19.2857142857rem, 0rem);
  }
}
.popup_interview .story02_img {
  width: 72.4%;
  max-width: 245px;
  margin-left: 35px;
}
@media screen and (min-width: 768px) {
  .popup_interview .story02_img {
    margin-left: 0;
  }
}
.popup_interview .story02_img img {
  width: 100%;
  max-width: 245px;
}
.popup_interview .story02_inner {
  margin-top: 17px;
  width: calc(100% + 20px);
  margin-left: -10px;
  display: flex;
  flex-direction: column;
  gap: 30px;
}
@media screen and (min-width: 768px) {
  .popup_interview .story02_inner {
    flex-direction: row;
    width: 100%;
    margin-left: 0;
    gap: 36px;
    margin-top: 43px;
  }
}
@media screen and (min-width: 768px) {
  .popup_interview .story02_inner .story_txt {
    width: 50%;
  }
}
.popup_interview .story03 {
  display: flex;
  flex-direction: column-reverse;
  justify-content: space-between;
  gap: 20px;
  padding: 29px 0 0;
  position: relative;
  z-index: 2;
}
@media screen and (min-width: 768px) {
  .popup_interview .story03 {
    flex-direction: row;
    padding: 62px clamp(0rem, -4.8076923077vw + 4.3269230769rem, 1.25rem) 0;
  }
}
.popup_interview .story03 .story03_decor {
  position: absolute;
  top: 15.8%;
  width: 182px;
  left: -4px;
  z-index: -1;
}
@media screen and (min-width: 768px) {
  .popup_interview .story03 .story03_decor {
    width: clamp(22.1875rem, 46.130952381vw + 0.0446428571rem, 41.5625rem);
    top: -72px;
    left: -118px;
  }
}
.popup_interview .story03 .line01 {
  bottom: 78%;
}
@media screen and (min-width: 768px) {
  .popup_interview .story03 .line01 {
    bottom: 90%;
  }
}
.popup_interview .story03 .line02 {
  top: 99%;
}
@media screen and (min-width: 768px) {
  .popup_interview .story03 .line02 {
    top: 93%;
  }
}
.popup_interview .story03_img {
  padding: 0 9px;
  width: 100%;
  max-width: 375px;
  margin: 0 auto;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .popup_interview .story03_img {
    margin: 0;
    padding: 28px 0 0;
    max-width: 51.8590998043%;
  }
}
.popup_interview .story03_desc {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media screen and (min-width: 768px) {
  .popup_interview .story03_desc {
    width: 43.6399217221%;
  }
}
.popup_interview .story03_slogan {
  display: flex;
  padding-top: 29px;
  line-height: 1.28;
}
@media screen and (min-width: 768px) {
  .popup_interview .story03_slogan {
    padding-top: 32px;
  }
}
.popup_interview .story03_slogan .story_slogan__line {
  width: calc(100% + 83px);
}
@media screen and (min-width: 768px) {
  .popup_interview .story03_slogan .story_slogan__line {
    width: calc(100% + clamp(2.0625rem, 12.0192307692vw + -5.6298076923rem, 5.1875rem));
  }
}
.popup_interview .story03_content {
  margin-top: 50px;
  padding: 0 10px;
}
@media screen and (min-width: 768px) {
  .popup_interview .story03_content {
    margin-top: 55px;
    padding: 0;
  }
}
.popup_interview .story04_content {
  display: flex;
  flex-direction: column-reverse;
  justify-content: space-between;
  gap: 23px;
  padding: 33px 0 0;
  position: relative;
}
@media screen and (min-width: 768px) {
  .popup_interview .story04_content {
    flex-direction: row;
    gap: 20px;
    padding: 64px clamp(0rem, -4.8076923077vw + 4.3269230769rem, 1.25rem) 40px 20px;
  }
}
.popup_interview .story04_img {
  padding: 0 9px;
  max-width: 375px;
  margin: 0 auto;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .popup_interview .story04_img {
    margin: 0;
    padding: 0 0 0;
    max-width: 48.5322896282%;
  }
}
.popup_interview .story04_desc {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media screen and (min-width: 768px) {
  .popup_interview .story04_desc {
    width: 43.6399217221%;
    padding-top: clamp(0rem, 25.2403846154vw + -16.1538461538rem, 6.5625rem);
  }
}
.popup_interview .story04_slogan {
  display: flex;
  padding-top: 29px;
  line-height: 1.28;
}
@media screen and (min-width: 768px) {
  .popup_interview .story04_slogan {
    padding-top: 62px;
  }
}
.popup_interview .story04_slogan .txt_stand:nth-child(4) {
  position: relative;
  top: -26px;
}
@media screen and (min-width: 768px) {
  .popup_interview .story04_slogan .txt_stand:nth-child(4) {
    top: -39px;
  }
}
.popup_interview .story04_slogan .txt_stand__number {
  transform: rotate(-90deg);
  display: inline-block;
}
.popup_interview .story04_slogan .txt_stand .palt {
  letter-spacing: -0.1em;
}
.popup_interview .story04_slogan .txt_stand .palt_ap01 {
  letter-spacing: -0.2em;
  margin-top: -10px;
}
.popup_interview .story04_slogan .txt_stand .palt_ap02 {
  letter-spacing: -0.4em;
}
.popup_interview .story04_slogan .story_slogan__line {
  width: calc(100% + 93px);
  left: 50%;
}
@media screen and (min-width: 768px) {
  .popup_interview .story04_slogan .story_slogan__line {
    left: calc(50% - 7px);
    width: calc(100% + clamp(2.0625rem, 12.0192307692vw + -5.6298076923rem, 5.1875rem));
  }
}
.popup_interview .story04_slogan .line01 {
  bottom: 85%;
}
@media screen and (min-width: 768px) {
  .popup_interview .story04_slogan .line01 {
    bottom: 87%;
  }
}
.popup_interview .story04_slogan .line02 {
  top: 87%;
}
@media screen and (min-width: 768px) {
  .popup_interview .story04_slogan .line02 {
    top: 89%;
  }
}
.popup_interview .story04_inner {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 10px 10px 0;
}
@media screen and (min-width: 768px) {
  .popup_interview .story04_inner {
    flex-direction: row;
    gap: 51px;
    padding: 0 12px 0 30px;
  }
}
@media screen and (min-width: 768px) {
  .popup_interview .story04_inner .story_txt {
    width: 50%;
  }
}
.popup_interview .story04_sub {
  width: 100%;
  max-width: 183px;
  margin: 13px 8px 0 auto;
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .popup_interview .story04_sub {
    max-width: 245px;
    margin: 3px 37px 0 auto;
  }
}
.popup_interview .story .story05_decor {
  position: absolute;
  top: 29.3%;
  width: 100%;
  left: 0px;
  z-index: -1;
}
@media screen and (min-width: 768px) {
  .popup_interview .story .story05_decor {
    width: 100vw;
    top: 489px;
    left: 50%;
    transform: translateX(-50%);
    max-width: 1258px;
  }
}
.popup_interview .story .story05_decor .decor01 {
  width: 153px;
  right: 4px;
  top: 128px;
  position: absolute;
}
@media screen and (min-width: 768px) {
  .popup_interview .story .story05_decor .decor01 {
    width: clamp(12.5rem, 69.9519230769vw + -32.2692307692rem, 30.6875rem);
    right: -1px;
    top: 1px;
  }
}
.popup_interview .story .story05_decor .decor02 {
  width: 153px;
  left: -8px;
  top: 578px;
  position: absolute;
  scale: -1;
  position: absolute;
}
@media screen and (min-width: 768px) {
  .popup_interview .story .story05_decor .decor02 {
    width: clamp(12.5rem, 98.0769230769vw + -50.2692307692rem, 38rem);
    left: -2px;
    top: 126px;
    scale: 1;
  }
}

.scrollable {
  position: relative;
  overflow: auto;
}

.scrollable_inner {
  position: absolute;
  inset: 0;
  pointer-events: none;
  transition: opacity 0.3s linear;
}

.scrollable_inner.is_displayed .scrollable_icon {
  opacity: 1;
}

.scrollable_icon {
  width: 120px;
  height: 80px;
  padding: 20px 10px 10px;
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  border-radius: 5px;
  text-align: center;
  opacity: 0;
  transition: opacity 0.3s linear;
}

.scrollable_icon_hand {
  position: relative;
}

.scrollable_icon_hand::after,
.scrollable_icon_hand::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  background-size: contain;
  background-repeat: no-repeat;
}

.scrollable_icon_hand::before {
  width: 34px;
  height: 14px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMy4yOSIgaGVpZ2h0PSIxMi4wMiIgdmlld0JveD0iMCAwIDMzLjI5IDEyLjAyIj48dGl0bGU+44Ki44K744OD44OIIDE8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxsaW5lIHgxPSIxLjg1IiB5MT0iNi4wMSIgeDI9IjEwLjQiIHkyPSI2LjAxIiBmaWxsPSIjZmZmIi8+PHBhdGggZD0iTTEwLjQsNy4xN0gxLjg1YTEuMTYsMS4xNiwwLDEsMSwwLTIuMzFIMTAuNGExLjE2LDEuMTYsMCwxLDEsMCwyLjMxWiIgZmlsbD0iI2ZmZiIvPjxwYXRoIGQ9Ik03LjQsMTJhMS4xNSwxLjE1LDAsMCwxLS43Mi0uMjVsLTYuMjUtNUExLjIsMS4yLDAsMCwxLDAsNS44NywxLjE0LDEuMTQsMCwwLDEsLjQ2LDVMNi43LjIzQTEuMTYsMS4xNiwwLDAsMSw4LjEsMi4wOEwzLDUuOTEsOC4xMiwxMEExLjE2LDEuMTYsMCwwLDEsNy40LDEyWiIgZmlsbD0iI2ZmZiIvPjxsaW5lIHgxPSIzMS40NSIgeTE9IjYuMDEiIHgyPSIyMi44OSIgeTI9IjYuMDEiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNMzEuNDUsNy4xN0gyMi44OWExLjE2LDEuMTYsMCwxLDEsMC0yLjMxaDguNTZhMS4xNiwxLjE2LDAsMCwxLDAsMi4zMVoiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNMjUuOSwxMmExLjE4LDEuMTgsMCwwLDEtLjkxLS40M0ExLjE3LDEuMTcsMCwwLDEsMjUuMTcsMTBsNS4wOS00LjA1TDI1LjIsMi4wOEExLjE2LDEuMTYsMCwwLDEsMjYuNTkuMjNMMzIuODQsNWExLjE2LDEuMTYsMCwwLDEsLjQ1LjkxLDEuMTQsMS4xNCwwLDAsMS0uNDMuOTJsLTYuMjQsNUExLjE3LDEuMTcsMCwwLDEsMjUuOSwxMloiIGZpbGw9IiNmZmYiLz48L2c+PC9nPjwvc3ZnPg==);
  background-image: url(../images/icon_arrow_scroll.svg);
  position: absolute;
  top: -12px;
  left: 26px;
}

.scrollable_icon_hand::after {
  width: 40px;
  height: 40px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNS43NyIgaGVpZ2h0PSIzMC41MiIgdmlld0JveD0iMCAwIDI1Ljc3IDMwLjUyIj48dGl0bGU+44Ki44K744OD44OIIDM8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxwYXRoIGQ9Ik0yMS4zMywzMC41Mkg3Ljg1QTEuNTUsMS41NSwwLDAsMSw2LjMsMjlhMTIuNDYsMTIuNDYsMCwwLDAtLjYzLTQuNDIsMjUuMTYsMjUuMTYsMCwwLDAtNC4yNS01bC0uMDYtLjA2QTUsNSwwLDAsMSwwLDE1Ljg2YTMuNjQsMy42NCwwLDAsMSwxLjE3LTIuNjIsMy42MywzLjYzLDAsMCwxLDUuMTQuMDdWMy43N2EzLjc3LDMuNzcsMCwxLDEsNy41NCwwVjguMzNhMy4zNSwzLjM1LDAsMCwxLDEuMjYsMCwzLDMsMCwwLDEsMiwxLjIyLDMuNSwzLjUsMCwwLDEsMi0uMDYsMy4yMSwzLjIxLDAsMCwxLDIsMS41NCwzLjc0LDMuNzQsMCwwLDEsMywuNDdBNC4yMSw0LjIxLDAsMCwxLDI1Ljc0LDE1YzAsLjExLDAsLjI3LDAsLjQ2YTE5LjI2LDE5LjI2LDAsMCwxLS44NCw3Yy0uMTQuMzgtLjM2LjgxLS41NiwxLjIybC0uMTEuMjJjMCwuMDctLjA5LjE0LS4xNC4yMWE3LjEzLDcuMTMsMCwwLDAtMS4xNywyLjE3Yy0uMDYuNTYtLjA2LDIuMTUtLjA1LDIuNzFBMS41NSwxLjU1LDAsMCwxLDIxLjMzLDMwLjUyWk04LjYxLDI4LjIxaDEyYzAtLjcxLDAtMS43MS4wNy0yLjIzYTguNzQsOC43NCwwLDAsMSwxLjU5LTMuMjVsLjA2LS4xMmExMCwxMCwwLDAsMCwuNDYtMSwxNi44LDE2LjgsMCwwLDAsLjctNi4xMmMwLS4yMywwLS40MSwwLS41NGgwYTIsMiwwLDAsMC0uNjQtMS41MiwxLjMzLDEuMzMsMCwwLDAtMS41NS4wOCwxLjEzLDEuMTMsMCwwLDEtMS4xOC4yOCwxLjE1LDEuMTUsMCwwLDEtLjc4LS45NCwxLjI2LDEuMjYsMCwwLDAtLjc1LTEuMTEsMSwxLDAsMCwwLTEuMTEuMjhsLS4xLjFhMS4xNSwxLjE1LDAsMCwxLTEuMTkuMjksMS4xNiwxLjE2LDAsMCwxLS43OC0uOTVjLS4wOS0uNjgtLjIxLS43Ny0uNy0uODdhLjgyLjgyLDAsMCwwLTEsLjQ4LDEuMTYsMS4xNiwwLDAsMS0yLjE2LS41OFYzLjc3YTEuNDYsMS40NiwwLDEsMC0yLjkyLDB2Ny44NWwwLDQuMzNhMS4xNywxLjE3LDAsMCwxLS44MywxLjExLDEuMTUsMS4xNSwwLDAsMS0xLjItLjM1bC0xLS45MWMtLjQ3LS40Mi0uNzMtLjY2LS44NC0uNzdhMS4zNSwxLjM1LDAsMCwwLTItLjEyTDIuNywxNWExLjMyLDEuMzIsMCwwLDAtLjM5LDFBMi41NywyLjU3LDAsMCwwLDMsMTcuODVsMCwwYTI3LjI0LDI3LjI0LDAsMCwxLDQuNyw1LjYyQTEyLjYzLDEyLjYzLDAsMCwxLDguNjEsMjguMjFaTTIzLjIsMjMuMzVaTTYuNTEsMTYuNTlaIiBmaWxsPSIjZmZmIi8+PC9nPjwvZz48L3N2Zz4=);
  background-image: url(../images/icon_hand.svg);
}

.scrollable_icon_hand.is_show::after {
  animation: kf_scroll_appear 1.2s linear;
  animation-iteration-count: 2;
}

.scrollable_txt {
  font-size: 10px;
  color: #fff;
  margin-top: 5px;
  line-height: 1.4;
}

@keyframes kf_scroll_appear {
  0% {
    transform: translateX(40px);
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  100%, 50% {
    transform: translateX(-40px);
    opacity: 0;
  }
}
body.fixed {
  position: fixed;
  width: 100%;
  height: 100vh;
  height: 100lvh;
  left: 0;
}

.c_btn {
  width: 100%;
  max-width: 402px;
  min-height: 95px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 24px 24px 24px 75px;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.4;
  color: #fff;
  background-color: #0075c9;
  border-radius: 8px;
}
@media screen and (min-width: 768px) {
  .c_btn:hover .icon::before {
    opacity: 1;
    transform: translateX(0);
    transition-delay: 0.3s;
  }
  .c_btn:hover .icon::after {
    transform: translateX(-100%);
    opacity: 1;
  }
}

.c_arrow.arrow01::after, .c_arrow.arrow01::before {
  content: "";
  position: absolute;
  -webkit-mask: url(../images/icon_arrow.svg) center/contain no-repeat;
  mask: url(../images/icon_arrow.svg) center/contain no-repeat;
  background-color: #fff;
}
.c_arrow.arrow01::after {
  transform: translateX(-100%);
  opacity: 0;
}
@media screen and (min-width: 768px) {
  .c_arrow.arrow01:hover::after, .c_arrow.arrow01:hover::before {
    transition: 0.3s;
    transition-property: transform, opacity;
  }
}
@media screen and (min-width: 768px) {
  .c_arrow.arrow01:hover::after {
    transition-delay: 0.3s;
    opacity: 1;
    transform: translateX(0);
  }
}
@media screen and (min-width: 768px) {
  .c_arrow.arrow01:hover::before {
    transform: translateX(100%);
    opacity: 0;
  }
}

.aboutus_btn {
  display: flex;
  align-items: center;
  justify-content: center;
}
.aboutus_btn .btn {
  width: 100%;
  margin-top: 61px;
  padding: 16px 19px 16px clamp(1.1875rem, 8.1632653061vw + -0.7257653061rem, 3.1875rem);
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #0075c9;
  border-radius: 4px;
  color: #fff;
  max-width: 280px;
  font-weight: 700;
  position: relative;
  letter-spacing: 0.1em;
  font-size: 0.875rem;
  transition: 0.3s;
}
@media screen and (min-width: 768px) {
  .aboutus_btn .btn {
    max-width: clamp(23.4375rem, 4.0178571429vw + 21.5089285714rem, 25.125rem);
    font-size: 1.25rem;
    border-radius: 8px;
    padding: 24px 27px 22px clamp(3.75rem, 2.380952381vw + 2.6071428571rem, 4.75rem);
    margin-top: 73px;
    min-height: 95px;
  }
}
.aboutus_btn .btn .c_arrow {
  aspect-ratio: 49/33;
  border-radius: 50%;
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 49px;
  right: 19px;
}
@media screen and (min-width: 768px) {
  .aboutus_btn .btn .c_arrow {
    width: 32px;
    width: clamp(3.75rem, 1.9345238095vw + 2.8214285714rem, 4.5625rem);
    right: 29px;
  }
}
.aboutus_btn .btn .c_arrow::before, .aboutus_btn .btn .c_arrow::after {
  aspect-ratio: 17/16;
  width: 15px;
}
@media screen and (min-width: 768px) {
  .aboutus_btn .btn .c_arrow::before, .aboutus_btn .btn .c_arrow::after {
    width: 20px;
    background-color: #0075c9;
  }
}
.aboutus_btn .btn .c_arrow.arrow01::after, .aboutus_btn .btn .c_arrow.arrow01::before {
  content: "";
  position: absolute;
  -webkit-mask: url(../images/icon_arrow.svg) center/contain no-repeat;
  mask: url(../images/icon_arrow.svg) center/contain no-repeat;
  background-color: #373737;
}
.aboutus_btn .btn .c_arrow.arrow01::after {
  transform: translateX(-100%);
  opacity: 0;
}
@media screen and (min-width: 768px) {
  .aboutus_btn .btn:hover {
    opacity: 1;
    background-color: #005694;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .aboutus_btn .btn:hover .arrow01::after, .aboutus_btn .btn:hover .arrow01::before {
    transition: 0.3s;
    transition-property: transform, opacity;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .aboutus_btn .btn:hover .arrow01::after {
    transition-delay: 0.3s;
    opacity: 1;
    transform: translateX(0);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .aboutus_btn .btn:hover .arrow01::before {
    transform: translateX(100%);
    opacity: 0;
  }
}

.aboutjob {
  position: relative;
  margin-top: 60px;
}
@media screen and (min-width: 768px) {
  .aboutjob {
    margin-top: 170px;
  }
}
.aboutjob::before {
  content: "";
  display: block;
  height: 32px;
  width: 100%;
  background-color: #005694;
}
@media screen and (min-width: 768px) {
  .aboutjob::before {
    height: 55px;
  }
}
.aboutjob .c_ttl {
  padding-top: 39px;
}
@media screen and (min-width: 768px) {
  .aboutjob .c_ttl {
    padding-top: 65px;
  }
}
.aboutjob .c_ttl_jp {
  line-height: 1.2;
}
@media screen and (min-width: 768px) {
  .aboutjob .c_ttl_jp {
    line-height: inherit;
  }
}
.aboutjob_content {
  padding-top: 10px;
  width: 100%;
  max-width: 961px;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .aboutjob_content {
    padding-top: 28px;
  }
}
.aboutjob_swiper .aboutjob_swiper {
  position: relative;
  width: 100%;
  max-width: 600px;
  margin: auto;
}
.aboutjob_swiper .swiper-pagination-top {
  display: flex;
  justify-content: center;
  gap: 10px;
  margin-bottom: 20px;
}
.aboutjob_swiper .swiper-pagination-top .bullet {
  width: 12px;
  height: 12px;
  background: #e6e6e6;
  border-radius: 50%;
  transition: background 0.3s;
}
.aboutjob_swiper .swiper-pagination-top .bullet.active {
  background: #333;
}
.aboutjob_swiper .swiper-pagination-bottom {
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  color: #333;
  margin-top: 20px;
}
.aboutjob_swiper .swiper-button-prev,
.aboutjob_swiper .swiper-button-next {
  background: #007bff;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  color: #fff;
}
.aboutjob_swiper .swiper-button-prev::after,
.aboutjob_swiper .swiper-button-next::after {
  font-size: 16px;
}
.aboutjob .swiper_pagination__top {
  width: 194px;
  display: flex;
  position: relative;
  top: 36px;
  height: 36px;
  left: calc(50% - 9px);
  transform: translateX(-50%);
  z-index: 3;
}
@media screen and (min-width: 768px) {
  .aboutjob .swiper_pagination__top {
    width: 251px;
    margin-left: auto;
    right: clamp(-5.75rem, -22.1153846154vw + 14.1538461538rem, 0rem);
    top: clamp(0.625rem, 4.3154761905vw + -1.4464285714rem, 2.4375rem);
    left: auto;
    transform: none;
    height: auto;
  }
}
.aboutjob .swiper_pagination__top .swiper-pagination {
  left: calc(50% + 8px);
  top: calc(50% - 9px);
  transform: translate(-50%, -50%);
  font-weight: 700;
  font-family: "Barlow", sans-serif;
  letter-spacing: 0.1em;
}
@media screen and (min-width: 768px) {
  .aboutjob .swiper_pagination__top .swiper-pagination {
    top: calc(50% - 7px);
  }
}
.aboutjob .swiper_pagination__top .swiper-pagination-current {
  font-size: 1.625rem;
}
@media screen and (min-width: 768px) {
  .aboutjob .swiper_pagination__top .swiper-pagination-current {
    font-size: 2.25rem;
  }
}
.aboutjob .swiper_pagination__top .swiper-pagination-total {
  font-size: 1.125rem;
}
@media screen and (min-width: 768px) {
  .aboutjob .swiper_pagination__top .swiper-pagination-total {
    font-size: 1.5rem;
  }
}
.aboutjob .swiper_pagination__top .swiper-button-next,
.aboutjob .swiper_pagination__top .swiper-button-prev {
  width: 38px;
  height: 26px;
}
@media screen and (min-width: 768px) {
  .aboutjob .swiper_pagination__top .swiper-button-next,
  .aboutjob .swiper_pagination__top .swiper-button-prev {
    width: 49px;
    height: 33px;
  }
}
.aboutjob .swiper_pagination__top .swiper-button-prev {
  scale: -1;
  margin-left: 12px;
}
.aboutjob .swiper_pagination__top .c_arrow::before, .aboutjob .swiper_pagination__top .c_arrow::after {
  aspect-ratio: 17/16;
  width: 17px;
}
.aboutjob_sub {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 49px;
}
@media screen and (min-width: 768px) {
  .aboutjob_sub {
    padding-top: 29px;
  }
}
.aboutjob .swiper_pagination__bottom {
  width: max-content;
  margin: 0 auto;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.aboutjob .swiper_pagination__bottom .swiper-pagination {
  position: relative;
  display: flex;
  gap: 11px;
}
.aboutjob .swiper_pagination__bottom .swiper-pagination-bullet {
  width: 15px;
  height: 15px;
  background-color: #eff1f2;
  opacity: 1;
}
.aboutjob .swiper_pagination__bottom .swiper-pagination-bullet-active {
  background-color: #373737;
}
.aboutjob .swiper_pagination__bottom .swiper-button-prev {
  right: calc(100% + 30px);
  left: unset;
  top: 11px;
  scale: -1;
}
.aboutjob .swiper_pagination__bottom .swiper-button-next {
  left: calc(100% + 26px);
  right: unset;
  top: 11px;
}
.aboutjob .swiper_pagination__bottom .swiper-button-next,
.aboutjob .swiper_pagination__bottom .swiper-button-prev {
  width: 30px;
  height: 20px;
}
.aboutjob .swiper_pagination__bottom .c_arrow::before {
  aspect-ratio: 12/14;
  width: 12px;
}
.aboutjob .swiper-navigation-icon {
  display: none;
}
.aboutjob .swiper-button-next,
.aboutjob .swiper-button-prev {
  width: 49px;
  height: 33px;
}
.aboutjob .swiper-button-prev {
  scale: -1;
}
.aboutjob .c_arrow {
  aspect-ratio: 49/33;
  border-radius: 50%;
  background-color: #0075c9;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 49px;
  left: 6px;
}
.aboutjob .c_arrow::before, .aboutjob .c_arrow::after {
  aspect-ratio: 17/16;
  width: 17px;
}
.aboutjob_item {
  position: relative;
  padding-top: 74px;
}
@media screen and (min-width: 768px) {
  .aboutjob_item {
    padding-top: 33px;
  }
}
@media screen and (min-width: 768px) {
  .aboutjob_item.item02 .item_sub + .item_sub {
    margin-top: 68px;
  }
}
.aboutjob_item.item02 .item_desc {
  padding-top: 11px;
}
@media screen and (min-width: 768px) {
  .aboutjob_item.item02 .item_desc {
    padding-top: 0;
  }
}
.aboutjob_item.item03 {
  padding-top: 81px;
}
@media screen and (min-width: 768px) {
  .aboutjob_item.item03 {
    padding-top: 33px;
  }
}
.aboutjob_item.item03 .aboutjob_item__ttl {
  margin-bottom: 11px;
}
@media screen and (min-width: 768px) {
  .aboutjob_item.item03 .aboutjob_item__ttl {
    margin-bottom: 50px;
  }
}
@media screen and (min-width: 768px) {
  .aboutjob_item.item03 .item_sub + .item_sub {
    margin-top: 63px;
  }
}
.aboutjob_item__icon {
  text-align: center;
}
.aboutjob_item__icon .icon01 {
  padding-bottom: 7px;
  width: 51px;
}
@media screen and (min-width: 768px) {
  .aboutjob_item__icon .icon01 {
    width: 67px;
  }
}
.aboutjob_item__icon .icon02 {
  width: 76px;
  margin-top: -8px;
  margin-left: 6px;
}
@media screen and (min-width: 768px) {
  .aboutjob_item__icon .icon02 {
    width: 96px;
  }
}
.aboutjob_item__icon .icon03 {
  width: 30px;
  margin-top: -34px;
  padding-bottom: 11px;
}
@media screen and (min-width: 768px) {
  .aboutjob_item__icon .icon03 {
    width: 43px;
    padding-bottom: 6px;
    margin-left: 6px;
  }
}
.aboutjob_item__ttl {
  text-align: center;
  font-size: 1.3125rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  padding-bottom: 28px;
  margin-bottom: 32px;
  position: relative;
}
@media screen and (min-width: 768px) {
  .aboutjob_item__ttl {
    padding-bottom: 39px;
    margin-bottom: 50px;
    font-size: 2.5rem;
  }
}
.aboutjob_item__ttl::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 7px;
  width: 100%;
  height: 1px;
  background-color: #373737;
}
.aboutjob_item .item_desc {
  height: 681px;
  position: relative;
  overflow: hidden;
  padding-top: 30px;
}
@media screen and (min-width: 768px) {
  .aboutjob_item .item_desc {
    padding-top: 0;
    height: 100%;
    overflow: unset;
  }
}
.aboutjob_item .item_desc::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 140px;
  bottom: -14px;
  left: 0;
  background: #ffffff;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.44) 0%, rgb(255, 255, 255) 70%);
}
@media screen and (min-width: 768px) {
  .aboutjob_item .item_desc::after {
    display: none;
  }
}
.aboutjob_item .item_desc.active {
  height: max-content;
}
.aboutjob_item .item_desc.active::after,
.aboutjob_item .item_desc.active .btn_more {
  opacity: 0;
  visibility: hidden;
}
.aboutjob_item .btn_more {
  width: 100%;
  max-width: 151px;
  margin: 0 auto;
  min-height: 38px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 1rem;
  border: 1px solid #373737;
  position: absolute;
  bottom: 0;
  left: calc(50% + 3px);
  transform: translateX(-50%);
  background-color: #fff;
  padding: 2px 11px 2px 19px;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .aboutjob_item .btn_more {
    display: none;
  }
}
.aboutjob_item .btn_more .icon {
  width: 14px;
  height: 14px;
  position: relative;
}
.aboutjob_item .btn_more .icon::after, .aboutjob_item .btn_more .icon::before {
  content: "";
  position: absolute;
  background-color: #005694;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.aboutjob_item .btn_more .icon::after {
  width: 100%;
  height: 2px;
}
.aboutjob_item .btn_more .icon::before {
  height: 100%;
  width: 2px;
}
.aboutjob_item .item_sub {
  display: flex;
  flex-direction: column;
  gap: 7px;
}
@media screen and (min-width: 768px) {
  .aboutjob_item .item_sub {
    gap: 20px;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
}
.aboutjob_item .item_sub + .item_sub {
  margin-top: 53px;
}
@media screen and (min-width: 768px) {
  .aboutjob_item .item_sub + .item_sub {
    margin-top: 70px;
  }
}
.aboutjob_item .item_sub__img {
  display: flex;
  justify-content: flex-end;
  position: relative;
  width: 100%;
  width: 97px;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .aboutjob_item .item_sub__img {
    width: 182px;
    flex-shrink: 0;
    margin: 0;
  }
}
.aboutjob_item .item_sub__img img {
  flex-shrink: 0;
  object-fit: contain;
}
@media screen and (min-width: 768px) {
  .aboutjob_item .item_sub__img img {
    width: 146px;
  }
}
.aboutjob_item .item_sub__number {
  position: absolute;
  top: -22px;
  left: -30px;
  font-family: "Barlow", sans-serif;
  font-size: 2rem;
  letter-spacing: 0.02em;
  line-height: 1.4;
  font-weight: 700;
  color: #d6e4ef;
}
@media screen and (min-width: 768px) {
  .aboutjob_item .item_sub__number {
    font-size: 2.5rem;
    top: -12px;
    left: 2px;
  }
}
.aboutjob_item .item_sub__content {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .aboutjob_item .item_sub__content {
    width: 76.2747138398%;
  }
}
.aboutjob_item .item_sub__ttl {
  font-size: 1.125rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  color: #373737;
  padding-bottom: 16px;
  line-height: 1.5;
  margin: 0 auto;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .aboutjob_item .item_sub__ttl {
    letter-spacing: 0.1em;
    text-align: left;
    width: 100%;
    line-height: 1.8;
    margin: 0;
    padding-bottom: 7px;
  }
}
.aboutjob_item .item_sub__ttl.sp_letter_04 {
  letter-spacing: 0.04em;
}
@media screen and (min-width: 768px) {
  .aboutjob_item .item_sub__ttl.sp_letter_04 {
    letter-spacing: 0.1em;
  }
}
.aboutjob_item .item_sub__txt {
  letter-spacing: 0.1em;
  line-height: 1.6;
  font-size: 1rem;
}
@media screen and (min-width: 768px) {
  .aboutjob_item .item_sub__txt {
    line-height: 1.8;
  }
}

.fw_bold {
  font-weight: 700;
}

.c_ttl01 {
  text-align: center;
  position: relative;
  padding: 13px 0 15px;
}
@media screen and (min-width: 768px) {
  .c_ttl01 {
    padding: 23px 0 18px;
  }
}
.c_ttl01::after, .c_ttl01::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  left: 50%;
  transform: translateX(-50%);
  background-color: #373737;
}
@media screen and (min-width: 768px) {
  .c_ttl01::after, .c_ttl01::before {
    width: calc(100% - 30px);
  }
}
.c_ttl01::before {
  top: 0;
}
.c_ttl01::after {
  bottom: 0;
}
.c_ttl01_en {
  position: relative;
  font-family: "Barlow", sans-serif;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0.1em;
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  padding: 0 22px 0 28px;
}
@media screen and (min-width: 768px) {
  .c_ttl01_en {
    padding: 0;
    letter-spacing: 0.05em;
    padding-left: 0;
    font-size: 2.255rem;
  }
}
.c_ttl01_en::before {
  content: "";
  position: relative;
  top: 1px;
  aspect-ratio: 1;
  background: url(../images/icon_mark.svg) center/contain no-repeat;
  width: 15px;
  margin-right: 6px;
}
@media screen and (min-width: 768px) {
  .c_ttl01_en::before {
    width: 31px;
    margin-right: 12px;
  }
}
.c_ttl01_jp {
  font-size: 0.625rem;
  line-height: 1.4;
  letter-spacing: 0.1em;
  display: block;
  padding-top: 13px;
}
@media screen and (min-width: 768px) {
  .c_ttl01_jp {
    font-size: 0.875rem;
    padding-top: 9px;
    padding-left: 7px;
  }
}
.c_ttl01_sub {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0.05em;
  padding-left: 20px;
  width: 100%;
  text-align: right;
  margin-top: -2px;
}
@media screen and (min-width: 768px) {
  .c_ttl01_sub {
    width: auto;
    letter-spacing: 0.1em;
    font-size: 1.625rem;
  }
}

.schedule {
  margin-top: 55px;
  border-bottom: 1px solid #373737;
  padding-bottom: 15%;
}
@media screen and (min-width: 768px) {
  .schedule {
    padding-bottom: 33px;
    border-bottom: 2px solid #373737;
    margin-top: 74px;
  }
}
@media screen and (min-width: 768px) {
  .schedule .c_ttl01_en {
    padding-left: 40px;
  }
}
.schedule_inner {
  width: 100%;
  max-width: 1190px;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .schedule_inner {
    padding: 0 20px;
  }
}
.schedule_content {
  margin-top: 25px;
}
@media screen and (min-width: 768px) {
  .schedule_content {
    margin-top: 54px;
    min-height: 755px;
  }
}
.schedule_diagram {
  position: relative;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .schedule_diagram {
    overflow: visible;
    width: 1150px;
  }
}
.schedule .item_step {
  padding-right: 5px;
}
@media screen and (min-width: 768px) {
  .schedule .item_step {
    display: none;
  }
}
.schedule .diagram_img {
  width: calc(100% - 45px);
  max-width: 480px;
  position: relative;
  margin: 0 auto clamp(2.75rem, 9.1836734694vw + 0.5975765306rem, 5rem);
  left: -18px;
}
@media screen and (min-width: 768px) {
  .schedule .diagram_img {
    left: 0;
    max-width: 585px;
    width: 100%;
    margin-left: auto;
    margin-right: 151px;
  }
}
.schedule .diagram_img img {
  width: 100%;
}
.schedule .diagram_img .icon_glass {
  position: absolute;
  width: 100%;
  max-width: 78px;
  top: 51%;
  left: 54%;
  transform: translate(-50%, -50%);
}
.schedule .diagram_time {
  font-size: 0.88625rem;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.1em;
  position: absolute;
  font-weight: 700;
  font-family: "Barlow", sans-serif;
  -webkit-text-stroke: 0.03em #373737;
  -webkit-text-fill-color: #fff;
}
@media screen and (min-width: 768px) {
  .schedule .diagram_time {
    -webkit-text-stroke: 1px #373737;
    font-size: 2rem;
  }
}
.schedule .diagram_time.time01 {
  right: 10%;
  bottom: 12.5%;
}
@media screen and (min-width: 768px) {
  .schedule .diagram_time.time01 {
    right: 0.1%;
    bottom: 12%;
  }
}
.schedule .diagram_time.time02 {
  left: 1%;
  top: 31.5%;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .schedule .diagram_time.time02 {
    background-color: #fff;
    left: -6.7%;
    top: 32.3%;
  }
}
.schedule .diagram_tag {
  position: absolute;
  display: inline-block;
  background-color: #fff;
  border-radius: 20px;
  padding: 2px 5px;
  border: 1px solid #373737;
  font-size: 0.6875rem;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0.1em;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .schedule .diagram_tag {
    padding: 2px 19px;
    height: 32px;
    letter-spacing: 0.05em;
    line-height: 1.4;
    font-size: 1rem;
  }
}
.schedule .diagram_tag.active {
  color: #fff;
  background-color: #373737;
}
.schedule .diagram_tag.tag01 {
  right: 2%;
  top: 20.7%;
  width: clamp(2.4375rem, 8.9285714286vw + 0.3448660714rem, 4.625rem);
}
@media screen and (min-width: 768px) {
  .schedule .diagram_tag.tag01 {
    top: 21.2%;
  }
}
.schedule .diagram_tag.tag02 {
  left: 89.5%;
  bottom: 13.3%;
  width: clamp(4rem, 9.1836734694vw + 1.8475765306rem, 6.25rem);
}
@media screen and (min-width: 768px) {
  .schedule .diagram_tag.tag02 {
    left: 98.2%;
    bottom: 18.4%;
    width: 162px;
  }
}
.schedule .diagram_tag.tag03 {
  width: clamp(3.3125rem, 9.9489795918vw + 0.9807079082rem, 5.75rem);
  left: 42.5%;
  bottom: -8%;
  transform: translateX(-50%);
}
@media screen and (min-width: 768px) {
  .schedule .diagram_tag.tag03 {
    left: 45.5%;
    bottom: -7.4%;
  }
}
.schedule .diagram_tag.tag04 {
  left: 9.5%;
  top: 8.6%;
  width: clamp(5.5625rem, 36.4795918367vw + -2.9874043367rem, 14.5rem);
}
@media screen and (min-width: 768px) {
  .schedule .diagram_tag.tag04 {
    left: -1.5%;
    top: 14.8%;
  }
}
.schedule .diagram_item {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: calc(100% - 42px);
  margin: 0 auto;
  max-width: 407px;
}
@media screen and (min-width: 768px) {
  .schedule .diagram_item {
    margin: 0;
    width: 100%;
    position: absolute;
    max-width: 328px;
  }
}
.schedule .diagram_item + .diagram_item {
  margin-top: 20px;
}
@media screen and (min-width: 768px) {
  .schedule .diagram_item + .diagram_item {
    margin-top: 0;
  }
}
.schedule .diagram_item .item_tag {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0.1em;
  color: #fff;
  background-color: #0075c9;
  border-radius: 20px;
  height: 32px;
  margin: 0 auto;
  display: inline-block;
  padding: 5px 18px 2px 19px;
}
@media screen and (min-width: 768px) {
  .schedule .diagram_item .item_tag {
    padding: 5px 19px 2px;
  }
}
.schedule .diagram_item .item_tag.active {
  background-color: #373737;
}
.schedule .diagram_item .item_txt {
  margin-top: 11px;
  padding: 11px 6px 11px 12px;
  font-size: 0.875rem;
  line-height: 1.8;
  letter-spacing: 0.1em;
  border: 1px solid #373737;
  background-color: #fff;
  border-radius: 8px;
}
@media screen and (min-width: 768px) {
  .schedule .diagram_item .item_txt {
    padding: 11px 16px;
    font-size: 1rem;
  }
}
.schedule .diagram_item.item01 {
  right: 0;
  bottom: -28.5%;
}
.schedule .diagram_item.item01::after {
  position: absolute;
  right: 63%;
  bottom: 122%;
  width: 84px;
  height: 1px;
  background-color: #373737;
  transform: rotate(49deg);
}
@media screen and (min-width: 768px) {
  .schedule .diagram_item.item01::after {
    content: "";
  }
}
@media screen and (min-width: 768px) {
  .schedule .diagram_item.item01 .item_txt {
    padding: 11px 10px 11px 14px;
  }
}
.schedule .diagram_item.item02 {
  max-width: 407px;
  left: 0;
  bottom: -9.5%;
}
.schedule .diagram_item.item02::after {
  position: absolute;
  left: 81%;
  top: 16px;
  width: 217px;
  height: 1px;
  background-color: #373737;
}
@media screen and (min-width: 768px) {
  .schedule .diagram_item.item02::after {
    content: "";
  }
}
.schedule .diagram_item.item03 {
  left: 0;
  top: 22.4%;
}
@media screen and (min-width: 768px) {
  .schedule .diagram_item.item03::after, .schedule .diagram_item.item03::before {
    content: "";
  }
}
.schedule .diagram_item.item03::after {
  position: absolute;
  left: calc(99% - 1px);
  top: 72px;
  width: 191px;
  height: 1px;
  transform: rotate(36deg);
  background-color: #373737;
}
.schedule .diagram_item.item03::before {
  position: absolute;
  left: 76.5%;
  top: 16px;
  width: 91px;
  height: 1px;
  background-color: #373737;
}

.txt_en {
  font-family: "Barlow", sans-serif;
}

.interview {
  padding: 22px 0 0;
}
@media screen and (min-width: 768px) {
  .interview {
    padding: 35px 0 0;
  }
}
.interview .c_ttl .txt_en {
  position: relative;
  top: -8px;
}
@media screen and (min-width: 768px) {
  .interview .c_ttl .txt_en {
    top: 0;
  }
}
.interview_content {
  padding-top: 12px;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(clamp(16.25rem, 10.2040816327vw + 13.8584183673rem, 18.75rem), 1fr));
}
@media screen and (min-width: 768px) {
  .interview_content {
    padding-top: 40px;
    grid-template-columns: repeat(auto-fill, minmax(clamp(15rem, 37.037037037vw + -2.7777777778rem, 25rem), 1fr));
  }
}
@media screen and (min-width: 1300px) {
  .interview_content {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
.interview .c_arrow {
  aspect-ratio: 49/33;
  border-radius: 50%;
  background-color: #fff;
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 32px;
  right: -27px;
  bottom: -8px;
}
@media screen and (min-width: 768px) {
  .interview .c_arrow {
    width: clamp(2.5rem, 2.8273809524vw + 1.1428571429rem, 3.6875rem);
    right: clamp(-0.9375rem, -4.4642857143vw + 3.0803571429rem, 0.9375rem);
    bottom: clamp(-2.1875rem, 2.9761904762vw + -3.6160714286rem, -0.9375rem);
  }
}
.interview .c_arrow::before, .interview .c_arrow::after {
  aspect-ratio: 17/16;
  background-color: #373737;
  width: 10px;
}
@media screen and (min-width: 768px) {
  .interview .c_arrow::before, .interview .c_arrow::after {
    width: clamp(0.625rem, 1.4880952381vw + -0.0892857143rem, 1.25rem);
    background-color: #0075c9;
  }
}
.interview_item {
  background-color: #0075c9;
  color: #fff;
  overflow: hidden;
  cursor: pointer;
}
@media screen and (min-width: 768px) {
  .interview_item:hover .item_img .fade {
    opacity: 1;
  }
}
@media screen and (min-width: 768px) {
  .interview_item:hover .c_arrow::after, .interview_item:hover .c_arrow::before {
    transition: 0.3s;
    transition-property: transform, opacity;
  }
}
@media screen and (min-width: 768px) {
  .interview_item:hover .c_arrow::after {
    transition-delay: 0.3s;
    opacity: 1;
    transform: translateX(0);
  }
}
@media screen and (min-width: 768px) {
  .interview_item:hover .c_arrow::before {
    transform: translateX(100%);
    opacity: 0;
  }
}
.interview_item .item_img {
  position: relative;
}
.interview_item .item_img img {
  object-fit: cover;
}
@media screen and (min-width: 768px) {
  .interview_item .item_img img {
    aspect-ratio: 1;
  }
}
.interview_item .item_img .fade {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
  display: none;
}
@media screen and (min-width: 768px) {
  .interview_item .item_img .fade {
    display: block;
  }
}
.interview_item .item_desc {
  padding: 7px 15px 15px;
}
@media screen and (min-width: 768px) {
  .interview_item .item_desc {
    padding: 11px clamp(0.9375rem, 1.1904761905vw + 0.3660714286rem, 1.4375rem) clamp(1.5rem, -3.125vw + 4.3125rem, 2.8125rem);
  }
}
.interview_item .item_ttl {
  font-size: 0.6875rem;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0.1em;
  display: flex;
  align-items: center;
}
@media screen and (min-width: 768px) {
  .interview_item .item_ttl {
    font-size: 1rem;
  }
}
.interview_item .item_ttl::before {
  content: "";
  position: relative;
  display: block;
  aspect-ratio: 1;
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: top left;
  mask-image: url(../images/icon_mark.svg);
  background-color: #fff;
  width: 8px;
  margin-right: 6px;
}
@media screen and (min-width: 768px) {
  .interview_item .item_ttl::before {
    width: 11px;
    margin-right: 8px;
  }
}
.interview_item .item_sub {
  display: flex;
  gap: 4px;
  padding-top: 8px;
}
@media screen and (min-width: 768px) {
  .interview_item .item_sub {
    gap: 7px;
    padding-top: 11px;
  }
}
.interview_item .sub_ttl {
  width: 58px;
  flex-shrink: 0;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0.1em;
}
@media screen and (min-width: 768px) {
  .interview_item .sub_ttl {
    width: 80px;
    font-size: 1.625rem;
  }
}
.interview_item .sub_desc {
  width: calc(100% - 80px);
  position: relative;
}
.interview_item .sub_tag {
  display: flex;
  gap: 3px;
}
@media screen and (min-width: 768px) {
  .interview_item .sub_tag {
    gap: 7px;
  }
}
.interview_item .sub_tag .tag {
  padding: 0px 6px 0px 5px;
  border-radius: 20px;
  border: 1px solid #fff;
  font-size: 0.625rem;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0.1em;
}
@media screen and (min-width: 768px) {
  .interview_item .sub_tag .tag {
    padding: 0px clamp(0.25rem, 0.5952380952vw + -0.0357142857rem, 0.5rem);
    font-size: 0.75rem;
  }
}
.interview_item .sub_tag .txt {
  padding: 0 2px 0 1px;
}
.interview_item .sub_txt {
  font-size: 0.625rem;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0.1em;
  padding: 1px 0 0 3px;
}
@media screen and (min-width: 768px) {
  .interview_item .sub_txt {
    padding: 5px 0 0 4px;
    font-size: 0.75rem;
  }
}
.movie {
  overflow: hidden;
}
.movie .c_ttl01 {
  padding: 21px 0 26px;
}
@media screen and (min-width: 768px) {
  .movie .c_ttl01 {
    padding: 27px 0 29px;
  }
}
.movie .c_ttl01::before {
  display: none;
}
.movie .c_ttl01::after {
  width: 100%;
}
.movie .c_ttl01_sub {
  width: auto;
  margin-top: 0;
  position: relative;
  left: -12px;
}
@media screen and (min-width: 768px) {
  .movie .c_ttl01_sub {
    left: 0;
  }
}
.movie_content {
  background-color: #eff1f2;
}
.movie_inner {
  width: 100%;
  max-width: 1141px;
  margin: 0 auto;
  padding: 42px 20px 52px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 30px;
}
@media screen and (min-width: 768px) {
  .movie_inner {
    padding: 61px 20px 108px;
    gap: 20px;
    flex-direction: row;
  }
}
@media screen and (min-width: 768px) {
  .movie_item {
    width: 46.3215258856%;
  }
}
.movie_item .item_ttl {
  text-align: center;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.8;
  letter-spacing: 0.1em;
  padding-bottom: 13px;
}
@media screen and (min-width: 768px) {
  .movie_item .item_ttl {
    font-size: clamp(1rem, 3.125vw + -0.5rem, 1.5rem);
  }
}
.movie_item .item_iframe iframe {
  width: 100%;
  aspect-ratio: 16/9;
  min-height: clamp(9.5625rem, 57.9081632653vw + -4.0097257653rem, 23.75rem);
  pointer-events: all;
}
@media screen and (min-width: 768px) {
  .movie_item .item_iframe iframe {
    min-height: clamp(10.25rem, 28.4722222222vw + -3.4166666667rem, 17.9375rem);
  }
}
.js_swiper01 {
  pointer-events: none;
}
.js_swiper01 .swiper-wrapper {
  transition-timing-function: linear !important;
}

.funfact_slider {
  display: flex;
  align-items: center;
  min-height: 61px;
  border-top: 2px solid #373737;
  border-bottom: 2px solid #373737;
}
@media screen and (min-width: 768px) {
  .funfact_slider {
    min-height: 84px;
  }
}
.funfact_slider .swiper-slide {
  width: auto;
}
.funfact_slider .funfact_list {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  gap: 26px;
  padding-right: 26px;
}
@media screen and (min-width: 768px) {
  .funfact_slider .funfact_list {
    gap: 37px;
    padding-right: 37px;
  }
}

.funfact {
  overflow: hidden;
}
.funfact_content {
  background-color: #0075c9;
  color: #fff;
  position: relative;
  padding: 56px 20px 39px;
  margin-bottom: 13px;
}
@media screen and (min-width: 768px) {
  .funfact_content {
    margin-bottom: 34px;
    padding: 51px 20px 64px;
  }
}
.funfact_ttl {
  text-align: center;
}
.funfact_ttl__en {
  position: absolute;
  top: 13px;
  left: 10px;
  font-family: "Barlow", sans-serif;
  font-weight: 700;
  display: flex;
  align-items: center;
  letter-spacing: 0.05em;
  font-size: 1rem;
}
@media screen and (min-width: 768px) {
  .funfact_ttl__en {
    top: 34px;
    left: 68px;
  }
}
.funfact_ttl__en::before {
  content: "";
  position: relative;
  display: block;
  aspect-ratio: 1;
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: top left;
  mask-image: url(../images/icon_mark.svg);
  background-color: #fff;
  width: 14px;
  margin-right: 5px;
}
@media screen and (min-width: 768px) {
  .funfact_ttl__en::before {
    margin-right: 6px;
  }
}
.funfact_ttl__sub {
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0.1em;
  display: block;
  padding-bottom: 8px;
  padding-right: 7px;
}
@media screen and (min-width: 768px) {
  .funfact_ttl__sub {
    padding-bottom: 5px;
    padding-right: 5px;
    padding-right: 0;
    font-size: 1.25rem;
  }
}
.funfact_ttl__jp {
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0.1em;
  display: block;
}
@media screen and (min-width: 768px) {
  .funfact_ttl__jp {
    font-size: 3rem;
  }
}
.funfact_inner {
  margin-bottom: 19px;
}
@media screen and (min-width: 768px) {
  .funfact_inner {
    margin-bottom: clamp(3.625rem, 7.7380952381vw + -0.0892857143rem, 6.875rem);
  }
}
@media screen and (min-width: 768px) {
  .funfact_inner {
    display: flex;
    flex-wrap: wrap;
  }
}
.funfact_img img {
  width: 100%;
}
.funfact_item {
  position: relative;
}
@media screen and (min-width: 768px) {
  .funfact_item {
    width: 50%;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
  }
}
.funfact_item::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: calc(100% - 42px);
  height: 1px;
  background-color: #000;
}
@media screen and (min-width: 768px) {
  .funfact_item::after {
    display: none;
  }
}
.funfact_item.item02, .funfact_item.item04, .funfact_item.item06 {
  border-right: 0;
}
.funfact_item.item01 .item_desc {
  padding: 9px 18px 35px 22px;
}
@media screen and (min-width: 768px) {
  .funfact_item.item01 .item_desc {
    padding: clamp(2.1875rem, 0.4464285714vw + 1.9732142857rem, 2.375rem) clamp(1.625rem, 9.8214285714vw + -3.0892857143rem, 5.75rem) 49px clamp(1.25rem, 13.3928571429vw + -5.1785714286rem, 6.875rem);
  }
}
.funfact_item.item01 .item_ttl {
  width: calc(100% - 20px);
  padding-bottom: 24px;
  display: flex;
  flex-direction: column-reverse;
  padding-left: 3px;
  max-width: 335px;
}
@media screen and (min-width: 768px) {
  .funfact_item.item01 .item_ttl {
    flex-direction: row;
    align-items: flex-end;
    width: calc(100% + clamp(-5rem, 24.0384615385vw + -20.3846153846rem, 1.25rem));
    max-width: unset;
    padding-bottom: clamp(0.8125rem, 2.5297619048vw + -0.4017857143rem, 1.875rem);
    padding-left: 0;
  }
}
.funfact_item.item01 .item_ttl .icon {
  position: relative;
  width: 86px;
  left: 20px;
  top: 1px;
  margin-left: auto;
  margin-bottom: 5px;
}
@media screen and (min-width: 768px) {
  .funfact_item.item01 .item_ttl .icon {
    margin: 0;
    width: clamp(4.5625rem, 7.1428571429vw + 1.1339285714rem, 7.5625rem);
    left: clamp(0.625rem, 2.380952381vw + -0.5178571429rem, 1.625rem);
    top: -3px;
  }
}
.funfact_item.item02 .fact {
  top: 31px;
}
@media screen and (min-width: 768px) {
  .funfact_item.item02 .fact {
    top: 18px;
  }
}
.funfact_item.item02 .item_desc {
  display: flex;
  flex-direction: column-reverse;
  padding: 78px 20px 38px 19px;
}
@media screen and (min-width: 768px) {
  .funfact_item.item02 .item_desc {
    padding: clamp(3rem, 1.4880952381vw + 2.2857142857rem, 3.625rem) clamp(0.625rem, 6.5476190476vw + -2.5178571429rem, 3.375rem) clamp(1.25rem, -3.2738095238vw + 4.1964285714rem, 2.625rem) clamp(0.4375rem, 9.0773809524vw + -3.9196428571rem, 4.25rem);
    gap: clamp(0.8125rem, 4.0178571429vw + -1.1160714286rem, 2.5rem);
    flex-direction: row;
  }
}
.funfact_item.item02 .item_ttl {
  margin-left: clamp(0rem, -14.2857142857vw + 6.8482142857rem, 3.5rem);
  display: flex;
  flex-direction: column;
  max-width: 285px;
}
@media screen and (min-width: 768px) {
  .funfact_item.item02 .item_ttl {
    max-width: 41%;
    margin-left: 0;
    margin-top: clamp(-0.125rem, 0.2976190476vw + -0.2678571429rem, 0rem);
  }
}
.funfact_item.item02 .item_ttl .icon {
  width: 116px;
  margin: -22px 6px 0px auto;
  position: relative;
  left: 4px;
}
@media screen and (min-width: 768px) {
  .funfact_item.item02 .item_ttl .icon {
    margin: 14px auto 0;
    width: clamp(6.75rem, 11.3095238095vw + 1.3214285714rem, 11.5rem);
  }
}
.funfact_item.item02 .item_ttl .ttl {
  width: 76%;
}
@media screen and (min-width: 768px) {
  .funfact_item.item02 .item_ttl .ttl {
    width: 216px;
  }
}
.funfact_item.item02 .item_content {
  padding: 10px 0 0 4px;
}
@media screen and (min-width: 768px) {
  .funfact_item.item02 .item_content {
    width: 54%;
    padding: clamp(1.6875rem, 6.4903846154vw + -2.4663461538rem, 3.375rem) 0 0;
  }
}
.funfact_item.item03 .fact {
  top: 31px;
}
@media screen and (min-width: 768px) {
  .funfact_item.item03 .fact {
    top: 26px;
  }
}
.funfact_item.item03 .item_desc {
  display: flex;
  gap: 17px;
  flex-direction: column-reverse;
  padding: 83px 22px 37px 22px;
}
@media screen and (min-width: 768px) {
  .funfact_item.item03 .item_desc {
    flex-direction: row;
    gap: clamp(0rem, 20.7142857143vw + -16.8303571429rem, 1.8125rem);
    padding: clamp(4.1875rem, 6.3988095238vw + 1.1160714286rem, 6.875rem) clamp(0.8125rem, 3.7202380952vw + -0.9732142857rem, 2.375rem) 20px clamp(0.5rem, 12.3511904762vw + -5.4285714286rem, 5.6875rem);
  }
}
.funfact_item.item03 .item_ttl {
  padding: 0 7px 27px 5px;
  max-width: 335px;
}
@media screen and (min-width: 768px) {
  .funfact_item.item03 .item_ttl {
    max-width: 381px;
    padding: 0 0 clamp(0.625rem, 6.25vw + -4.0625rem, 1.5625rem) 9px;
  }
}
@media screen and (min-width: 768px) {
  .funfact_item.item03 .item_context {
    width: 70%;
  }
}
.funfact_item.item03 .item_img {
  width: 62px;
  margin: 0 0 0 103px;
}
@media screen and (min-width: 768px) {
  .funfact_item.item03 .item_img {
    margin: 0;
    padding-top: clamp(0.625rem, 7.1428571429vw + -5.1785714286rem, 1.25rem);
    width: clamp(6rem, 9.0773809524vw + 1.6428571429rem, 9.8125rem);
  }
}
.funfact_item.item04 .fact {
  top: 31px;
}
@media screen and (min-width: 768px) {
  .funfact_item.item04 .fact {
    top: 26px;
  }
}
.funfact_item.item04 .item_desc {
  display: flex;
  flex-direction: column-reverse;
  padding: 91px 20px 32px;
}
@media screen and (min-width: 768px) {
  .funfact_item.item04 .item_desc {
    gap: clamp(1.25rem, 4.3154761905vw + -0.8214285714rem, 3.0625rem);
    flex-direction: row;
    padding: clamp(4.5rem, 10.3365384615vw + -2.1153846154rem, 7.1875rem) clamp(1.25rem, 9.9702380952vw + -3.5357142857rem, 5.4375rem) clamp(1.5625rem, 10.0961538462vw + -4.8990384615rem, 4.1875rem) clamp(1.875rem, 11.9047619048vw + -3.8392857143rem, 6.875rem);
  }
}
.funfact_item.item04 .item_ttl {
  display: flex;
  flex-direction: row-reverse;
  max-width: 360px;
  justify-content: flex-end;
  align-items: center;
  gap: 28px;
}
@media screen and (min-width: 768px) {
  .funfact_item.item04 .item_ttl {
    gap: 0;
    flex-direction: column;
    justify-content: flex-start;
    width: clamp(7.5rem, 5.2083333333vw + 5rem, 9.6875rem);
  }
}
.funfact_item.item04 .item_ttl .icon {
  width: 87px;
  position: relative;
  left: 10px;
  margin: -1px 0 0 -4px;
  flex-shrink: 0;
}
@media screen and (min-width: 768px) {
  .funfact_item.item04 .item_ttl .icon {
    width: 138px;
    left: 0;
    margin: 5px 0 0;
  }
}
.funfact_item.item04 .item_txt {
  line-height: 1.8;
}
.funfact_item.item04 .item_content {
  padding-top: 30px;
}
@media screen and (min-width: 768px) {
  .funfact_item.item04 .item_content {
    width: calc(74% - clamp(0rem, 19.2307692308vw + -12.3076923077rem, 5rem));
    padding-top: clamp(0rem, 4.1666666667vw + -3.125rem, 0.625rem);
  }
}
.funfact_item.item05 .fact {
  top: 29px;
}
.funfact_item.item05 .item_ttl {
  max-width: 335px;
  padding: 10px 0 38px 8px;
}
@media screen and (min-width: 768px) {
  .funfact_item.item05 .item_ttl {
    max-width: unset;
    padding: 10px 0 clamp(1.0625rem, 7.5vw + -4.5625rem, 2.1875rem) 8px;
  }
}
.funfact_item.item05 .item_desc {
  padding: 97px 22px 6px 20px;
}
@media screen and (min-width: 768px) {
  .funfact_item.item05 .item_desc {
    padding: clamp(5.375rem, 3.5714285714vw + 3.6607142857rem, 6.875rem) 26px 20px clamp(1.125rem, 21.1538461538vw + -12.4134615385rem, 6.625rem);
  }
}
.funfact_item.item05 .item_content {
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  .funfact_item.item05 .item_content {
    position: relative;
    flex-direction: row;
    gap: 14px;
  }
}
.funfact_item.item05 .item_img {
  width: 112px;
  position: relative;
  top: 16px;
  left: 14px;
  margin-left: auto;
}
@media screen and (min-width: 768px) {
  .funfact_item.item05 .item_img {
    position: absolute;
    width: clamp(10.1875rem, 16.2202380952vw + 2.4017857143rem, 17rem);
    right: clamp(-0.625rem, 3.90625vw + -2.5rem, 0rem);
    top: unset;
    bottom: calc(-61% + clamp(1.4375rem, -11.4583333333vw + 11.75rem, 6.25rem));
  }
}
@media screen and (min-width: 768px) {
  .funfact_item.item05 .item_txt {
    width: calc(58% - clamp(0rem, 12.0192307692vw + -7.6923076923rem, 3.125rem));
  }
}
.funfact_item.item06::after {
  display: none;
}
.funfact_item.item06 .fact {
  top: 41px;
}
@media screen and (min-width: 768px) {
  .funfact_item.item06 .fact {
    top: 29px;
  }
}
.funfact_item.item06 .item_desc {
  padding: 90px 20px 20px 20px;
}
@media screen and (min-width: 768px) {
  .funfact_item.item06 .item_desc {
    padding: 86px clamp(1.25rem, 8.0357142857vw + -2.6071428571rem, 4.625rem) 20px clamp(1.0625rem, 11.4583333333vw + -4.4375rem, 5.875rem);
  }
}
.funfact_item.item06 .item_ttl {
  display: flex;
  flex-direction: row-reverse;
  max-width: 265px;
}
@media screen and (min-width: 768px) {
  .funfact_item.item06 .item_ttl {
    max-width: 502px;
    padding: 0 0 0 11px;
    gap: 13px;
    flex-direction: row;
    align-items: flex-end;
  }
}
.funfact_item.item06 .item_ttl .ttl {
  width: 167px;
}
@media screen and (min-width: 768px) {
  .funfact_item.item06 .item_ttl .ttl {
    width: 60%;
  }
}
.funfact_item.item06 .item_ttl .icon {
  position: relative;
  top: 73px;
  width: 121px;
  left: 40px;
}
@media screen and (min-width: 768px) {
  .funfact_item.item06 .item_ttl .icon {
    left: clamp(-0.625rem, 2.4038461538vw + -2.1634615385rem, 0rem);
    top: clamp(0.3125rem, 0.7211538462vw + -0.1490384615rem, 0.5rem);
    width: clamp(7.125rem, 11.3095238095vw + 1.6964285714rem, 11.875rem);
  }
}
.funfact_item.item06 .item_content {
  display: flex;
  flex-direction: column;
  gap: 36px;
  padding-top: 84px;
}
@media screen and (min-width: 768px) {
  .funfact_item.item06 .item_content {
    gap: clamp(1.375rem, 2.0833333333vw + 0.375rem, 2.25rem);
    flex-direction: row;
    padding-top: clamp(0.875rem, 3.125vw + -1.125rem, 1.6875rem);
  }
}
@media screen and (min-width: 768px) {
  .funfact_item.item06 .item_txt {
    width: 100%;
  }
}
.funfact_item.item05, .funfact_item.item06 {
  border-bottom: 0;
}
.funfact_item .fact {
  position: absolute;
  top: 18px;
  left: 22px;
  font-family: "Barlow", sans-serif;
  font-size: 1rem;
  line-height: 1.8;
  letter-spacing: 0.1em;
  display: flex;
  align-items: flex-end;
}
@media screen and (min-width: 768px) {
  .funfact_item .fact {
    font-size: 1rem;
  }
}
.funfact_item .number {
  font-size: 2.5rem;
  line-height: 1;
  letter-spacing: 0.1em;
  padding-left: 7px;
}
@media screen and (min-width: 768px) {
  .funfact_item .number {
    font-size: 2.5rem;
  }
}
.funfact_item .item_desc {
  position: relative;
  z-index: 1;
}
.funfact_item .item_txt {
  font-size: 1rem;
  letter-spacing: 0.05em;
  line-height: 1.6;
}
@media screen and (min-width: 768px) {
  .funfact_item .item_txt {
    font-size: clamp(0.9375rem, 0.4716981132vw + 0.5754716981rem, 1rem);
    line-height: 1.8;
  }
}

.qa {
  background-color: #0075c9;
  padding: 33px 0 51px;
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .qa {
    padding: 81px 0 135px;
  }
}
.qa_decor {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: -1;
}
.qa_decor01 {
  width: 226px;
  position: absolute;
  right: 0;
  top: 0;
}
@media screen and (min-width: 768px) {
  .qa_decor01 {
    width: 39.1207153502%;
  }
}
.qa_decor02 {
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
}
@media screen and (min-width: 768px) {
  .qa_decor02 {
    width: 49.5529061103%;
  }
}
.qa .c_ttl {
  color: #fff;
  margin-left: -2px;
}
.qa .c_ttl_en::before {
  content: "";
  position: relative;
  display: block;
  aspect-ratio: 1;
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: top left;
  mask-image: url(../images/icon_mark.svg);
  background: #fff;
  width: 14px;
}
.qa_content {
  width: 100%;
  max-width: 1162px;
  margin: 29px auto 0;
}
@media screen and (min-width: 768px) {
  .qa_content {
    padding: 0 20px;
    margin: 75px auto 0;
  }
}

.accordion_item {
  width: 100%;
  background-color: #fff;
  border-radius: 8px;
  overflow: hidden;
  min-height: 66px;
}
@media screen and (min-width: 768px) {
  .accordion_item {
    border-radius: 16px;
  }
}
.accordion_item + .accordion_item {
  margin-top: 16px;
}
@media screen and (min-width: 768px) {
  .accordion_item + .accordion_item {
    margin-top: 24px;
  }
}
@media screen and (min-width: 768px) {
  .accordion_item:first-child .accordion_ttl {
    padding: clamp(1.1875rem, 2.6442307692vw + -0.5048076923rem, 1.875rem) 49px 19px clamp(1.875rem, 4.5673076923vw + -1.0480769231rem, 3.0625rem);
  }
}
.accordion_ttl {
  display: flex;
  align-items: center;
  position: relative;
  padding: 12px 40px 11px 13px;
  cursor: pointer;
  transition: all 0.5s;
  min-height: 66px;
}
@media screen and (min-width: 768px) {
  .accordion_ttl {
    min-height: 97px;
    padding: clamp(1.1875rem, 0.7211538462vw + 0.7259615385rem, 1.375rem) 49px clamp(1.1875rem, 1.9230769231vw + -0.0432692308rem, 1.6875rem);
  }
}
@media screen and (min-width: 768px) {
  .accordion_ttl:hover {
    opacity: 0.8;
  }
}
.accordion_ttl.active .accordion_icon::before {
  opacity: 0;
}
.accordion_ttl .question {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.8;
  letter-spacing: 0.1em;
}
@media screen and (min-width: 768px) {
  .accordion_ttl .question {
    font-size: 1.5rem;
  }
}
.accordion_question, .accordion_ask {
  font-family: "Barlow", sans-serif;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.05em;
  position: relative;
  padding-right: 9px;
  top: -3px;
}
@media screen and (min-width: 768px) {
  .accordion_question, .accordion_ask {
    padding-right: clamp(0.625rem, 2.6442307692vw + -1.0673076923rem, 1.3125rem);
    font-size: 3rem;
  }
}
.accordion_question {
  color: #005694;
}
.accordion_icon {
  position: absolute;
  right: 13px;
  top: 50%;
  width: 18px;
  height: 18px;
  transform: translateY(-50%);
}
@media screen and (min-width: 768px) {
  .accordion_icon {
    right: clamp(1.25rem, 7.4519230769vw + -3.5192307692rem, 3.1875rem);
    top: calc(50% + 1px);
    width: clamp(1.25rem, 2.4038461538vw + -0.2884615385rem, 1.875rem);
    height: clamp(1.25rem, 2.4038461538vw + -0.2884615385rem, 1.875rem);
  }
}
.accordion_icon::after, .accordion_icon::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-color: #005694;
}
.accordion_icon::after {
  width: 100%;
  height: 3px;
}
.accordion_icon::before {
  width: 3px;
  height: 100%;
}
.accordion_ask {
  color: #d6e4ef;
  flex-shrink: 0;
  top: 2px;
}
@media screen and (min-width: 768px) {
  .accordion_ask {
    top: -2px;
  }
}
.accordion_content {
  display: none;
  position: relative;
  padding: 7px 13px 11px;
}
@media screen and (min-width: 768px) {
  .accordion_content {
    padding: 17px 49px 29px;
  }
}
.accordion_content::after {
  content: "";
  position: absolute;
  width: calc(100% - 28px);
  top: -2px;
  left: 50%;
  height: 2px;
  transform: translateX(-50%);
  background-color: #eff1f2;
}
@media screen and (min-width: 768px) {
  .accordion_content::after {
    width: calc(100% - clamp(1.25rem, 8.9285714286vw + -3.0357142857rem, 5rem));
    top: -4px;
  }
}
.accordion_desc {
  display: flex;
  align-items: center;
}
.accordion_desc .item_txt {
  width: 100%;
  max-width: 855px;
  line-height: 1.8;
  letter-spacing: 0.1em;
  font-size: 1rem;
}