br.show_768 {
  display: none;
}
br.hide_768 {
  display: block;
}

.about_story {
  width: 100%;
  border-bottom:0;
  overflow: hidden;
}
.about_story .story_title {
  background: #daccb8;
  width:100%;
}
.about_story .story_title .inner {
  max-width: 1600px;
  margin:0 auto;
  padding:0;
}
.about_story .story_content {
  overflow: hidden;
}

#aboutStory {
  position: relative;
  width:100%;
  height:calc( 100dvh - 160px);
  background-color: #000;
  overflow: hidden;
}
#aboutStory .story_bg {
  position: absolute;
  top:0;left:0;
  width:100%;height:100%;
}
#aboutStory .story_bg video {
  width:100%;height:100%;
  object-fit: cover;
  display: block;
}
#aboutStory .story_bg::after {
  content:"";
  position: absolute;
  top:0;left:0;
  width:100%;height:100%;
  background: rgba(2, 8, 36, 0.6);
}
#aboutStory .inner {
  position: relative;
  z-index: 1;
  max-width:1200px;
  height:100%;
  margin:0 auto;
  padding:0;
  display: flex;
  align-items: center;
  justify-content: center;
}
#aboutStory .inner .story_txt {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
#aboutStory .inner .story_txt .eng_txt {
  font-size:24px;font-weight: 400;color: #aaaaaa;line-height: 1;font-family: 'Montserrat', sans-serif;
}
#aboutStory .inner .story_txt .line {
  display: block;
  width:27px;height:1px;
  margin:62px 0 61px;
  background: #ffffff;
}
#aboutStory .inner .story_txt .sub_txt {
  font-size:34px;font-weight: 200;color: #ffffff;line-height: 1;
  margin-bottom:36px;
}
#aboutStory .inner .story_txt h2 {
  font-size:64px;font-weight: 400;color: #fff;line-height: 76px;letter-spacing: -0.02em;
}
#aboutStory .inner .story_txt h2 strong {
  font-weight: 800;
}
#aboutStory .inner .story_txt h2 strong.point {
  color: #fff200;
}

.common_section_title {
  display: flex;align-items: flex-end;justify-content: space-between;gap:20px;
}
.common_section_title .title_txt {
  display: flex;flex-direction: column;
}
.common_section_title .title_txt p {
  font-size:20px;font-weight: 500;color: #020824;line-height: 1;font-family: 'Montserrat', sans-serif;
  margin-bottom:20px;
}
.common_section_title .title_txt h2 {
  font-size:50px;font-weight: 800;color: #020824;line-height: 1;letter-spacing: -0.02em;
  margin-bottom:20px;
}
.common_section_title .title_txt h2 span {
  color: #fb6263;
}
.common_section_title .title_txt em {
  font-style: normal;font-size:20px;font-weight: 300;color: #222222;line-height: 1;
}
.common_section_title .more_btn {
  display: flex;align-items: center;gap:4px;
  height:39px;padding:0 14px 0 16px;
  border:1px solid #333;border-radius: 5px;
  font-size:15px;font-weight: 500;color: #222;line-height: 1;white-space: nowrap;
}

#sectionEducation {
  background: #fff;
  border-bottom:1px solid #e0e0e0;
}
#sectionEducation .inner {
  max-width:1200px;
  margin:0 auto;
  padding:80px 0;
  display: flex;
  flex-direction: column;gap:46px;
}
#sectionEducation .education_swiper {
  width:100%;
  margin:0;
}
#sectionEducation .education_list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap:10px;
}
#sectionEducation .education_list li {
  position: relative;
  border-radius: 15px;
  overflow: hidden;
}
#sectionEducation .education_list li:nth-child(2) {
  transition-delay: 0.3s;
}
#sectionEducation .education_list li:nth-child(3) {
  transition-delay: 0.6s;
}
#sectionEducation .education_list li img {
  height:100%;
  object-fit: cover;
  display: block;
}
#sectionEducation .education_list li::after {
  content:"";
  position: absolute;
  left:0;right:0;bottom:0;
  height:60%;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
}
#sectionEducation .education_list li .txt_wrap {
  position: absolute;
  left:28px;right:28px;bottom:28px;
  z-index: 1;
  display: flex;flex-direction: column;gap:16px;
}
#sectionEducation .education_list li .txt_wrap h3 {
  font-size:25px;font-weight: 900;color: #fff;line-height: 1;
}
#sectionEducation .education_list li .txt_wrap p {
  font-size:16px;font-weight: 500;color: #fff;line-height: 20px;
}

#sectionExport {
  background: #fff;
  border-bottom:1px solid #e0e0e0;
}
#sectionExport .inner {
  max-width:1200px;
  margin:0 auto;
  padding:80px 0;
  display: flex;
  flex-direction: column;gap:46px;
}
#sectionExport .export_list {
  display: flex;
  flex-direction: column;gap:30px;
}
#sectionExport .export_list li {
  display: flex;
  height:333px;
  border:1px solid #e0e0e0;
  border-radius: 20px;
  overflow: hidden;
}
#sectionExport .export_list li .txt_wrap {
  flex:0 0 450px;
  padding:0 46px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
#sectionExport .export_list li .txt_wrap h3 {
  font-size:38px;font-weight: 400;color: #000000;line-height: 1;letter-spacing: -0.06em;
  margin-bottom:10px;
}
#sectionExport .export_list li .txt_wrap h3 strong {
  font-weight: 900;font-variant-numeric: tabular-nums;
}
#sectionExport .export_list li .txt_wrap h3 sup {
  font-size:18px;font-weight: 400;vertical-align: top;
}
#sectionExport .export_list li .txt_wrap h4 {
  font-size:30px;font-weight: 600;color: #000000;line-height: 1;letter-spacing: -0.05em;
}
#sectionExport .export_list li .txt_wrap h4 span {
  color: #fb6263;
}
#sectionExport .export_list li .txt_wrap .line {
  display: block;
  width:23px;height:1px;
  margin:24px 0 22px;
  background: #020824;
}
#sectionExport .export_list li .txt_wrap p {
  font-size:22px;font-weight: 400;color: #000000;line-height: 27px;
}
#sectionExport .export_list li .txt_wrap small {
  display: block;
  margin-top:18px;
  font-size:14px;font-weight: 400;color: #50616d;line-height: 1;
}
#sectionExport .export_list li .img_wrap {
  flex:1;
  height:100%;
}
#sectionExport .export_list li .img_wrap img {
  width:100%;height:100%;
  object-fit: cover;
  display: block;
}

#sectionExperience {
  background: #fff;
  border-bottom:1px solid #e0e0e0;
}
#sectionExperience .inner {
  max-width:1200px;
  margin:0 auto;
  padding:80px 0;
  display: flex;
  flex-direction: column;gap:46px;
}
#sectionExperience .experience_content {
  display: flex;
}
#sectionExperience .experience_side {
  flex:0 0 183px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
#sectionExperience .experience_tab {
  position: relative;
  display: flex;
  flex-direction: column;gap:27px;
  padding:6px 0;
  border-left:1px solid #5f5f5f;
}
#sectionExperience .experience_tab::before {
  content:"";
  position: absolute;
  left:-1px;top:var(--bar-top, 0);
  width:2px;height:var(--bar-height, 32px);
  background: #fb6263;
  transition: top .45s cubic-bezier(.22, 1, .36, 1), height .45s cubic-bezier(.22, 1, .36, 1);
}
#sectionExperience .experience_tab li button {
  position: relative;
  padding:0 0 0 27px;
  background: none;border:0;cursor: pointer;
  font-size:20px;font-weight: 400;color: #666;line-height: 1;letter-spacing: -0.02em;
  transition: color .3s;
}
#sectionExperience .experience_tab li.on button {
  font-weight: 700;color: #020824;
}
#sectionExperience .experience_nav {
  display: flex;align-items: center;gap:13px;
  height:23px;
}
#sectionExperience .experience_nav button {
  position: relative;
  width:11px;height:19px;
  background: none;border:0;cursor: pointer;
  font-size:0;
}
#sectionExperience .experience_nav button::before {
  content:"";
  position: absolute;
  top:50%;left:50%;
  width:13px;height:13px;
  border-top:2px solid #020824;
  border-left:2px solid #020824;
}
#sectionExperience .experience_nav .nav_prev::before {
  transform: translate(-25%, -50%) rotate(-45deg);
}
#sectionExperience .experience_nav .nav_next::before {
  transform: translate(-75%, -50%) rotate(135deg);
}
#sectionExperience .experience_nav span {
  width:1px;height:23px;
  background: #cccccc;
}
#sectionExperience .experience_panels {
  flex:1;
  min-width:0;
}
#sectionExperience .experience_panel {
  display: none;
}
#sectionExperience .experience_panel.on {
  display: block;
}
#sectionExperience .experience_panel .slide_wrap {
  overflow: hidden;
  margin-right: calc(600px - 50vw);
}
#sectionExperience .experience_panel .swiper-slide {
  width:414px;height:266px;
  border-radius: 15px;
  overflow: hidden;
}
#sectionExperience .experience_panel .swiper-slide img {
  width:100%;height:100%;
  object-fit: cover;
  display: block;
}
#sectionExperience .experience_panel .desc {
  margin-top:24px;
  font-size:20px;font-weight: 500;color: #000000;line-height: 1;
}
#sectionExperience .experience_panel.is_motion .swiper-slide {
  animation: experienceSlideIn .8s cubic-bezier(.22, 1, .36, 1) both;
}
#sectionExperience .experience_panel.is_motion .desc {
  animation: experienceDescIn .6s .25s cubic-bezier(.22, 1, .36, 1) both;
}
@keyframes experienceSlideIn {
  from { opacity: 0; transform: translateX(80px); }
  to { opacity: 1; transform: translateX(0); }
}
@keyframes experienceDescIn {
  from { opacity: 0; transform: translateY(12px); }
  to { opacity: 1; transform: translateY(0); }
}

#sectionCareer {
  background: #fff;
  padding-bottom:60px;
}
#sectionCareer .inner {
  max-width:1200px;
  margin:0 auto;
  padding:80px 0 30px;
  display: flex;
  flex-direction: column;gap:46px;
}
#sectionCareer .career_swiper {
  width:100%;
  margin:0;
}
#sectionCareer .career_list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap:12px;
}
#sectionCareer .career_list li {
  border:1px solid #cad4db;
  border-radius: 15px;
  overflow: hidden;
  background: #fff;
}
#sectionCareer .career_list li:nth-child(2) {
  transition-delay: 0.3s;
}
#sectionCareer .career_list li:nth-child(3) {
  transition-delay: 0.6s;
}
#sectionCareer .career_list li:nth-child(4) {
  transition-delay: 0.9s;
}
#sectionCareer .career_list li .img_wrap {
  height:238px;
  background: #eef0f2;
}
#sectionCareer .career_list li .img_wrap img {
  width:100%;height:100%;
  object-fit: cover;
  display: block;
}
#sectionCareer .career_list li .txt_wrap {
  position: relative;
  height:89px;
  padding:18px 25px;
}
#sectionCareer .career_list li .txt_wrap p {
  font-size:13px;font-weight: 700;color: #fb6263;line-height: 1;font-family: 'Montserrat', sans-serif;
  margin-bottom:5px;
}
#sectionCareer .career_list li .txt_wrap h3 {
  font-size:19px;font-weight: 500;color: #000000;line-height: 1;letter-spacing: -0.02em;
}
#sectionCareer .career_list li .txt_wrap small {
  display: block;
  margin-top:5px;
  font-size:11px;font-weight: 400;color: #555555;line-height: 1;
  letter-spacing: -0.04em;
}
#sectionCareer .career_list li .txt_wrap .badge {
  position: absolute;
  top:0;right:11px;
  width:52px;height:52px;
  display: flex;flex-direction: column;align-items: center;justify-content: center;gap:3px;
  background: #fb6263;
  border-radius: 0 0 5px 5px;
  font-size:14px;font-weight: 800;color: #fff;line-height: 1;
}
#sectionCareer .career_list li .txt_wrap .badge sub {
  font-size:12px;font-weight: 400;color: #fffc00;line-height: 1;vertical-align: top;
  position: absolute;top: -2px;;
}
#sectionCareer .career_list li .txt_wrap .badge strong {
  color: #fffc00;font-weight: 800;position: relative;
}
#sectionCareer .partner_slide {
  position: relative;
  width:100%;height:107px;
  overflow: hidden;
  display: flex;
}
#sectionCareer .partner_track {
  display: flex;
  align-items: center;
  width: max-content;
  animation: careerPartnerMarquee 50s linear infinite;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  will-change: transform;
}
#sectionCareer .partner_item {
  display: flex;align-items: center;
  flex-shrink: 0;
  margin-right:100px;
}
#sectionCareer .partner_item img {
  width:auto;
  display: block;
}
@keyframes careerPartnerMarquee {
  from { transform: translate3d(0, 0, 0); }
  to { transform: translate3d(-50%, 0, 0); }
}
@media (prefers-reduced-motion: reduce) {
  #sectionCareer .partner_track {
    animation: none;
  }
}

#sectionBanner {
  background: #000;
}
#sectionBanner .inner {
  max-width:1200px;
  height:142px;
  margin:0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
#sectionBanner p {
  font-size:40px;font-weight: 400;color: #dddddd;line-height: 1;letter-spacing: -0.02em;
}
#sectionBanner p strong {
  font-weight: 900;color: #fff;
}
#sectionBanner p strong.point {
  color: #fb6263;
}


.up-on-scroll {
  transition: transform .7s, opacity 1.7s;
}
.up-on-scroll.is_hide {
  opacity: 0;
  transform: translateY(100px);
  transition: none;
}

.consult_form_container.consult_form_renew {
  border-top: 0;
}

@media all and (max-width:1200px){
  #aboutStory {
    position: relative;
    width: 100%;
    height: calc(100dvh - 13.3333vw);
    background-color: #000;
    overflow: hidden;
  }
  #aboutStory .inner {
    max-width:100vw;
    padding:0 1rem;
  }
  #aboutStory .inner .story_txt .eng_txt {
    font-size:2vw;
  }
  #aboutStory .inner .story_txt .line {
    width:2.25vw;
    margin:5.1666vw 0 5.0833vw;
  }
  #aboutStory .inner .story_txt .sub_txt {
    font-size:2.8333vw;
    margin-bottom:3vw;
  }
  #aboutStory .inner .story_txt h2 {
    font-size:5.3333vw;line-height: 6.3333vw;
  }

  .common_section_title {
    gap:1.6666vw;
  }
  .common_section_title .title_txt p {
    font-size:1.6666vw;
    margin-bottom:1.6666vw;
  }
  .common_section_title .title_txt h2 {
    font-size:4.1666vw;
    margin-bottom:1.6666vw;
  }
  .common_section_title .title_txt em {
    font-size:1.6666vw;
  }
  .common_section_title .more_btn {
    gap:0.3333vw;
    height:3.25vw;padding:0 1.1666vw 0 1.3333vw;
    border-radius: 0.4166vw;
    font-size:1.25vw;
  }

  #sectionEducation .inner,
  #sectionExport .inner,
  #sectionExperience .inner {
    max-width:100vw;
    padding:6.6666vw 1rem;
    gap:3.8333vw;
  }

  #sectionEducation .education_list {
    gap:0.8333vw;
  }
  #sectionEducation .education_list li {
    border-radius: 1.25vw;
  }
  #sectionEducation .education_list li img {
    width:100%;height:auto;
  }
  #sectionEducation .education_list li .txt_wrap {
    left:2.3333vw;right:2.3333vw;bottom:2.3333vw;
    gap:1.3333vw;
  }
  #sectionEducation .education_list li .txt_wrap h3 {
    font-size:2.0833vw;
  }
  #sectionEducation .education_list li .txt_wrap p {
    font-size:1.3333vw;line-height: 1.6666vw;
  }

  #sectionExport .export_list {
    gap:2.5vw;
  }
  #sectionExport .export_list li {
    height:27.75vw;
    border-radius: 1.6666vw;
  }
  #sectionExport .export_list li .txt_wrap {
    flex:0 0 37.5vw;
    padding:0 3.8333vw;
  }
  #sectionExport .export_list li .txt_wrap h3 {
    font-size:3.1666vw;
    margin-bottom:0.8333vw;
  }
  #sectionExport .export_list li .txt_wrap h3 sup {
    font-size:1.5vw;
  }
  #sectionExport .export_list li .txt_wrap h4 {
    font-size:2.5vw;
  }
  #sectionExport .export_list li .txt_wrap .line {
    width:1.9166vw;
    margin:2vw 0 1.8333vw;
  }
  #sectionExport .export_list li .txt_wrap p {
    font-size:1.8333vw;line-height: 2.25vw;
  }
  #sectionExport .export_list li .txt_wrap small {
    margin-top:1.5vw;
    font-size:1.1666vw;
  }

  #sectionExperience .experience_side {
    flex:0 0 15.25vw;
  }
  #sectionExperience .experience_tab {
    gap:2.25vw;
    padding:0.5vw 0;
  }
  #sectionExperience .experience_tab li button {
    padding-left:2.25vw;
    font-size:1.6666vw;
  }
  #sectionExperience .experience_nav {
    gap:1.0833vw;
    height:1.9166vw;
  }
  #sectionExperience .experience_nav button {
    width:0.9166vw;height:1.5833vw;
  }
  #sectionExperience .experience_nav button::before {
    width:1.0833vw;height:1.0833vw;
  }
  #sectionExperience .experience_nav span {
    height:1.9166vw;
  }
  #sectionExperience .experience_panel .slide_wrap {
    margin-right:-1rem;
  }
  #sectionExperience .experience_panel .swiper-slide {
    width:34.5vw;height:22.1666vw;
    border-radius: 1.25vw;
  }
  #sectionExperience .experience_panel .desc {
    margin-top:2vw;
    font-size:1.6666vw;
  }

  #sectionCareer {
    padding-bottom:5vw;
  }
  #sectionCareer .inner {
    max-width:100vw;
    padding:6.6666vw 1rem 2.5vw;
    gap:3.8333vw;
  }
  #sectionCareer .career_list {
    gap:1vw;
  }
  #sectionCareer .career_list li {
    border-radius: 1.25vw;
  }
  #sectionCareer .career_list li .img_wrap {
    height:19.8333vw;
  }
  #sectionCareer .career_list li .txt_wrap {
    height:7.4166vw;
    padding:1.5vw 2.0833vw;
  }
  #sectionCareer .career_list li .txt_wrap p {
    font-size:1.0833vw;
    margin-bottom:0.4166vw;
  }
  #sectionCareer .career_list li .txt_wrap h3 {
    font-size:1.5833vw;
  }
  #sectionCareer .career_list li .txt_wrap small {
    margin-top:0.4166vw;
    font-size:0.9166vw;
  }
  #sectionCareer .career_list li .txt_wrap .badge {
    right:0.9166vw;
    width:4.3333vw;height:4.3333vw;
    gap:0.25vw;
    border-radius: 0 0 0.4166vw 0.4166vw;
    font-size:1.1666vw;
  }
  #sectionCareer .career_list li .txt_wrap .badge sub {
    font-size:1vw;
    top:-0.1666vw;
  }
  #sectionCareer .partner_slide {
    height:8.9166vw;
  }
  #sectionCareer .partner_item {
    margin-right:8.3333vw;
  }
  #sectionCareer .partner_item img {
    width:calc(var(--img-nw) * 1vw / 12);height:auto;
  }

  #sectionBanner .inner {
    max-width:100vw;
    height:11.8333vw;
    padding:0 1rem;
  }
  #sectionBanner p {
    font-size:3.3333vw;
  }
}


@media all and (max-width:768px){
  br.hide_768 {
    display: none;
  }
  br.show_768 {
    display: block;
  }

  #aboutStory {
    height:95.3125vw;
  }
  #aboutStory .inner {
    max-width:93.75vw;
    padding:0;
  }
  #aboutStory .inner .story_txt .eng_txt {
    font-size:2.7343vw;
  }
  #aboutStory .inner .story_txt .line {
    width:3.125vw;
    margin:7.1614vw 0;
  }
  #aboutStory .inner .story_txt .sub_txt {
    font-size:3.9062vw;
    margin-bottom:3.9062vw;
  }
  #aboutStory .inner .story_txt h2 {
    font-size:7.5520vw;line-height: 9.1145vw;
    letter-spacing: -2.5%;
  }

  .common_section_title {
    flex-direction: column;align-items: flex-start;
    gap:3.2552vw;
  }
  .common_section_title .title_txt p {
    font-size:2.6041vw;
    margin-bottom:1.8229vw;
  }
  .common_section_title .title_txt h2 {
    font-size:5.2083vw;
    margin-bottom:1.8229vw;
  }
  .common_section_title .title_txt em {
    font-size:3.3854vw;line-height: 4.1666vw;
    word-break: keep-all;
  }
  .common_section_title .more_btn {
    gap:1.0416vw;
    height:5.9895vw;padding:0 1.6927vw;
    border-radius: 0.6510vw;
    width: 29.5572vw;
    justify-content: space-between;
    font-size:2.8645vw;
  }

  #sectionEducation .inner,
  #sectionExport .inner,
  #sectionExperience .inner {
    max-width:93.75vw;
    padding:13.0208vw 0 14.3229vw;
    gap:6.5104vw;
  }

  #sectionEducation .education_swiper {
    width:calc(100% - 3.125vw);
    overflow: visible;
  }
  #sectionEducation .education_list {
    display: flex;
    gap:0;
  }
  #sectionEducation .education_list li {
    width:44.4010vw;height:49.7395vw;
    border-radius: 1.9531vw;
  }
  #sectionEducation .education_list li,
  #sectionEducation .education_list li.is_hide {
    opacity: 1;
    transform: none;
    transition: none;
  }
  #sectionEducation .education_list li img {
    width:100%;height:100%;
  }
  #sectionEducation .education_list li .txt_wrap {
    left:3.2552vw;right:3.2552vw;bottom:3.2552vw;
    gap:1.3020vw;
  }
  #sectionEducation .education_list li .txt_wrap h3 {
    font-size:2.8645vw;
  }
  #sectionEducation .education_list li .txt_wrap p {
    font-size:1.8229vw;line-height: 1.4;
  }

  #sectionExport .export_list {
    gap:2.4739vw;
  }
  #sectionExport .export_list li {
    border-radius: 2.6041vw;
  }
  #sectionExport .export_list li .txt_wrap {
    flex:0 0 37.3697vw;
    padding:4.5572vw 3.9062vw;
  }
  #sectionExport .export_list li .txt_wrap h3 {
    font-size:3.125vw;
    margin-bottom:1.3020vw;
  }
  #sectionExport .export_list li .txt_wrap h3 sup {
    font-size:1.4322vw;
  }
  #sectionExport .export_list li .txt_wrap h4 {
    font-size:2.4739vw;
  }
  #sectionExport .export_list li .txt_wrap .line {
    width:1.9531vw;
    margin:1.9531vw 0;
  }
  #sectionExport .export_list li .txt_wrap p {
    font-size:1.8229vw;line-height: 2.2135vw;
  }
  #sectionExport .export_list li .txt_wrap small {
    margin-top:1.3020vw;
    font-size:1.0416vw;
  }
  #sectionExport .export_list li .img_wrap {
    flex:0 0 56.5104vw;
    height:auto;
  }

  #sectionExperience .experience_content {
    flex-direction: row;
    gap:0;
  }
  #sectionExperience .experience_side {
    flex:0 0 23.8281vw;
  }
  #sectionExperience .experience_tab {
    position: relative;
    display: flex;
    flex-direction: column;gap:3.5156vw;
    padding:0.7812vw 0;
    border-left:1px solid #5f5f5f;
  }
  #sectionExperience .experience_tab::before {
    content:"";
    position: absolute;
    left:-1px;top:var(--bar-top, 0);
    width:2px;height:var(--bar-height, 4.1666vw);
    background: #fb6263;
    transition: top .45s cubic-bezier(.22, 1, .36, 1), height .45s cubic-bezier(.22, 1, .36, 1);
  }
  #sectionExperience .experience_tab li button {
    position: relative;
    padding:0 0 0 2.4739vw;
    background: none;border:0;cursor: pointer;
    font-size:2.6041vw;font-weight: 400;color: #666;line-height: 1;letter-spacing: -0.02em;
    transition: color .3s;
  }
  #sectionExperience .experience_tab li.on button {
    font-weight: 700;color: #020824;
  }
  #sectionExperience .experience_nav {
    display: none;
  }
  #sectionExperience .experience_panels {
    flex:1;
    min-width:0;
  }
  #sectionExperience .experience_panel {
    display: none;
  }
  #sectionExperience .experience_panel.on {
    display: block;
  }
  #sectionExperience .experience_panel .slide_wrap {
    overflow: hidden;
    margin-right: calc(44.4010vw - 50vw);
  }
  #sectionExperience .experience_panel .swiper-slide {
    width:45.9635vw;height:29.5572vw;
    border-radius: 1.9531vw;
    overflow: hidden;
  }
  #sectionExperience .experience_panel .swiper-slide img {
    width:100%;height:100%;
    object-fit: cover;
    display: block;
  }
  #sectionExperience .experience_panel .desc {
    margin-top:2.6041vw;
    font-size:2.2135vw;font-weight: 500;color: #000000;line-height: 2.9947vw;
  }
  #sectionExperience .experience_panel.is_motion .swiper-slide {
    animation: experienceSlideIn .8s cubic-bezier(.22, 1, .36, 1) both;
  }
  #sectionExperience .experience_panel.is_motion .desc {
    animation: experienceDescIn .6s .25s cubic-bezier(.22, 1, .36, 1) both;
  }
  @keyframes experienceSlideIn {
    from { opacity: 0; transform: translateX(10.4166vw); }
    to { opacity: 1; transform: translateX(0); }
  }
  @keyframes experienceDescIn {
    from { opacity: 0; transform: translateY(1.5625vw); }
    to { opacity: 1; transform: translateY(0); }
  }

  #sectionCareer {
    padding-bottom:7.8125vw;
  }
  #sectionCareer .inner {
    max-width:93.75vw;
    padding:13.0208vw 0 5.2083vw;
    gap:6.5104vw;
  }
  #sectionCareer .career_swiper {
    width:100%;
  }
  #sectionCareer .career_list {
    display: flex;
    gap:0;
  }
  #sectionCareer .career_list li {
    width:37.7604vw;height:auto;
    border-radius: 2.6041vw;
  }
  #sectionCareer .career_list li,
  #sectionCareer .career_list li.is_hide {
    opacity: 1;
    transform: none;
    transition: none;
  }
  #sectionCareer .career_list li .img_wrap {
    height:31.25vw;
  }

  #sectionCareer .career_list li .txt_wrap {
    height:auto;
    min-height:11.5885vw;
    padding:2.3437vw 3.125vw;
  }
  #sectionCareer .career_list li .txt_wrap p {
    font-size:1.6927vw;
    margin-bottom:0.6510vw;
  }
  #sectionCareer .career_list li .txt_wrap h3 {
    font-size:2.4739vw;
  }
  #sectionCareer .career_list li .txt_wrap small {
    margin-top:0.6510vw;
    font-size:1.4322vw;line-height: 1.3;
  }
  #sectionCareer .career_list li .txt_wrap .badge {
    right:1.3020vw;
    width:6.7708vw;height:6.7708vw;
    gap:0.3906vw;
    border-radius: 0 0 0.6510vw 0.6510vw;
    font-size:1.8229vw;
  }
  #sectionCareer .career_list li .txt_wrap .badge sub {
    font-size:1.5625vw;
    top:-0.3906vw;
  }
  #sectionCareer .partner_slide {
    height:13.9323vw;
  }
  #sectionCareer .partner_item {
    margin-right:13.0208vw;
  }
  #sectionCareer .partner_item img {
    width:calc(var(--img-nw) * 1vw / 8);
  }

  #sectionBanner .inner {
    max-width:93.75vw;
    height:auto;
    padding:3.125vw 0;
  }
  #sectionBanner p {
    font-size:3.125vw;line-height: 1.5;
    text-align: center;
  }
}