br.sp{
display:none;
}

@media screen and (max-width:767px) {
  br.sp{
display:block;
}
}

a.underLine{
text-decoration:underline;

}

.ly_content_size {
  margin-left: auto;
  margin-right: auto;
  max-width: 1160px;
  position: relative;
  width: max(0px, min(78.125vw, 1000px))
}

@media screen and (max-width:767px) {
  .ly_content_size {
    width: 84vw
  }
}

.ly_content_size--md {
  width: max(0px, min(69.45313vw, 889px))
}

@media screen and (max-width:767px) {
  .ly_content_size--md {
    width: 84vw
  }
}

.ly_content_size--md2 {
  width: max(0px, min(69.45313vw, 889px))
}

@media screen and (max-width:767px) {
  .ly_content_size--md2 {
    width: 89.33333vw
  }
}

.bl_slide {
  overflow: hidden
}

.bl_slide,
.bl_slide_inner {
  display: inline-block
}

.bl_breadcrumb {
  font-size: max(0px, min(.9375vw, 12px));
  padding-left: max(0px, min(3.28125vw, 42px));
  padding-top: max(0px, min(7.73438vw, 99px));
  position: relative;
  z-index: 0
}

@media screen and (max-width:767px) {
  .bl_breadcrumb {
    font-size: 3.2vw;
    padding-top: 18.66667vw
  }
}

.bl_breadcrumb ul {
  align-items: center;
  display: flex;
  height: max(0px, min(2.89063vw, 37px));
  list-style: none
}

@media screen and (max-width:767px) {
  .bl_breadcrumb ul {
    height: 13.33333vw
  }
}

.bl_breadcrumb ul li:after {
  content: ">";
  display: inline-block;
  margin: 0 max(0px, min(.39063vw, 5px))
}

@media screen and (max-width:767px) {
  .bl_breadcrumb ul li:after {
    margin: 0 1.33333vw
  }
}

.bl_breadcrumb ul li:last-child:after,
.bl_popup {
  display: none
}

.bl_popup {
  background-color: rgba(0, 0, 0, .85);
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1000
}

.bl_popup_core {
  background-color: #fff;
  box-sizing: border-box;
  left: 50%;
  padding: max(0px, min(2.34375vw, 30px)) max(0px, min(2.34375vw, 30px)) max(0px, min(1.95313vw, 25px));
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: max(0px, min(75vw, 960px));
  z-index: 1
}

@media screen and (max-width:767px) {
  .bl_popup_core {
    padding: 4.8vw 4.8vw 3.73333vw;
    width: 88.8vw
  }
}

.bl_popup_movie {
  aspect-ratio: 16/9;
  margin-bottom: max(0px, min(2.34375vw, 30px));
  margin-left: auto;
  margin-right: auto
}

@media screen and (max-width:767px) {
  .bl_popup_movie {
    height: auto;
    margin-bottom: 4.8vw;
    width: 100%
  }
}

.bl_popup_movie iframe {
  height: 100%;
  width: 100%
}

.bl_popup_close {
  text-align: center
}

.bl_popup_close img {
  cursor: pointer;
  height: auto;
  vertical-align: top;
  width: max(0px, min(5.625vw, 72px))
}

@media screen and (max-width:767px) {
  .bl_popup_close img {
    width: 19.2vw
  }
}

.bl_popup_bg {
  cursor: pointer;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 0
}

.bl_popupBtn {
  cursor: pointer;
  transition: opacity .2s cubic-bezier(.25, .25, .75, .75)
}

.bl_popupBtn,
.bl_popupBtn:active,
.bl_popupBtn:hover,
.bl_popupBtn:link,
.bl_popupBtn:visited {
  color: #202020
}

.bl_showcase {
  height: max(0px, min(33.125vw, 424px));
  position: relative;
  width: 100%;
  z-index: 1
}

@media screen and (max-width:767px) {
  .bl_showcase {
    height: 42.66667vw;
    width: 100%
  }
}

.bl_showcase--interview {
  height: max(0px, min(38.125vw, 488px));
  overflow: hidden
}

@media screen and (max-width:767px) {
  .bl_showcase--interview {
    height: 132.53333vw
  }
}

.bl_showcase--interview .bl_showcase_ttl {
  box-sizing: border-box;
  padding-left: max(0px, min(10.9375vw, 140px));
  padding-top: max(0px, min(3.125vw, 40px))
}

@media screen and (max-width:767px) {
  .bl_showcase--interview .bl_showcase_ttl {
    align-items: flex-end;
    left: 0;
    padding-bottom: 8vw;
    padding-left: 8vw;
    padding-top: 0;
    width: 100%
  }
}

.bl_showcase--interview .bl_showcase_ttl span {
  line-height: 1.2
}

.bl_showcase--short {
  background: linear-gradient(90deg, #2419ac 15%, #e32e7f 90%);
  height: max(0px, min(17.96875vw, 230px))
}

@media screen and (max-width:767px) {
  .bl_showcase--short {
    height: 26.66667vw
  }
}

.bl_showcase_ttl {
  align-items: center;
  color: #fff;
  display: flex;
  font-size: max(0px, min(2.8125vw, 36px));
  height: 100%;
  line-height: 1.38;
  margin-left: auto;
  margin-right: auto;
  padding-left: max(0px, min(7.8125vw, 100px));
  position: relative;
  width: max(0px, min(100vw, 1280px));
  z-index: 2
}

.bl_showcase_ttl--bl {
  color: #000
}

@media screen and (max-width:767px) {
  .bl_showcase_ttl {
    font-size: 4.26667vw;
    left: 8vw;
    line-height: 1.5;
    padding-left: 0
  }
}

.bl_showcase_ttl span {
  display: inline-block;
  font-size: max(0px, min(1.875vw, 24px))
}

@media screen and (max-width:767px) {
  .bl_showcase_ttl span {
    font-size: 3.2vw;
    line-height: 1.3
  }
}

.bl_showcase_ttl span.en {
  font-size: max(0px, min(4.6875vw, 60px));
  font-weight: 600;
  margin-bottom: max(0px, min(.39063vw, 5px))
}

@media screen and (max-width:767px) {
  .bl_showcase_ttl span.en {
    font-size: 8vw;
    margin-bottom: 0
  }
}

.bl_showcase_ttl span.threeline {
  line-height: 1.5
}

@media screen and (max-width:767px) {
  .bl_showcase_ttl span.threeline {
    line-height: 1.9
  }
}

.bl_showcase_ttl span.lg {
  font-size: max(0px, min(3.90625vw, 50px));
  margin-top: max(-5px, min(-.39062vw, 0px))
}

@media screen and (max-width:767px) {
  .bl_showcase_ttl span.lg {
    font-size: 4.8vw;
    margin-top: .26667vw
  }

  .bl_showcase_ttl span.lg.lg-spmd {
    font-size: 4.26667vw
  }
}

.bl_showcase_ttl span.md {
  font-size: max(0px, min(3.125vw, 40px))
}

@media screen and (max-width:767px) {
  .bl_showcase_ttl span.md {
    font-size: 3.73333vw
  }
}

.bl_showcase_ttl span.sm {
  font-size: max(0px, min(1.5625vw, 20px))
}

@media screen and (max-width:767px) {
  .bl_showcase_ttl span.sm {
    font-size: 2.66667vw
  }
}

.bl_showcase_ttl span.mlad {
  margin-left: max(-30px, min(-2.34375vw, 0px))
}

@media screen and (max-width:767px) {
  .bl_showcase_ttl span.mlad {
    margin-left: -2.93333vw
  }
}

.bl_showcase_ttl span.message {
  font-size: max(0px, min(2.1875vw, 28px));
  letter-spacing: .025em;
  line-height: 1.36;
  margin-bottom: max(0px, min(3.125vw, 40px));
  position: relative
}

@media screen and (max-width:767px) {
  .bl_showcase_ttl span.message {
    font-size: 4.8vw;
    line-height: 1.33;
    margin-bottom: 4vw
  }
}

.bl_showcase_ttl span.message .frameLeft {
  left: max(-25px, min(-1.95312vw, 0px));
  position: absolute;
  top: max(-22px, min(-1.71875vw, 0px));
  z-index: 0
}

@media screen and (max-width:767px) {
  .bl_showcase_ttl span.message .frameLeft {
    display: none
  }
}

.bl_showcase_ttl span.message .frameLeft img {
  height: auto;
  width: max(0px, min(2.96875vw, 38px))
}

.bl_showcase_ttl span.message .frameRight {
  bottom: max(-25px, min(-1.95312vw, 0px));
  position: absolute;
  right: max(-32px, min(-2.5vw, 0px));
  z-index: 0
}

@media screen and (max-width:767px) {
  .bl_showcase_ttl span.message .frameRight {
    display: none
  }
}

.bl_showcase_ttl span.message .frameRight img {
  height: auto;
  width: max(0px, min(2.96875vw, 38px))
}

.bl_showcase_ttl span.role {
  background-color: #fff;
  color: #e32e7f;
  font-size: max(0px, min(1.25vw, 16px));
  margin-bottom: max(0px, min(1.5625vw, 20px));
  padding: max(0px, min(.46875vw, 6px)) max(0px, min(1.09375vw, 14px))
}

@media screen and (max-width:767px) {
  .bl_showcase_ttl span.role {
    font-size: 2.66667vw;
    margin-bottom: 2.66667vw;
    padding: 1.33333vw 3.2vw
  }
}

.bl_showcase_ttl span.exp {
  font-size: max(0px, min(1.25vw, 16px));
  letter-spacing: .04em;
  line-height: 1.625;
  margin-bottom: 0
}

@media screen and (max-width:767px) {
  .bl_showcase_ttl span.exp {
    font-size: 3.2vw;
    line-height: 1.5;
    margin-bottom: 1.86667vw
  }
}

.bl_showcase_ttl span.univ {
  font-size: max(0px, min(1.09375vw, 14px));
  letter-spacing: .04em;
  line-height: 1.57;
  margin-bottom: max(0px, min(.625vw, 8px))
}

@media screen and (max-width:767px) {
  .bl_showcase_ttl span.univ {
    font-size: 2.66667vw
  }
}

.bl_showcase_ttl span.name {
  font-size: max(0px, min(3.125vw, 40px));
  letter-spacing: .064em;
  margin-left: max(-4px, min(-.3125vw, 0px))
}

@media screen and (max-width:767px) {
  .bl_showcase_ttl span.name {
    font-size: 5.33333vw
  }
}

.bl_showcase_tri {
  height: max(0px, min(38.125vw, 488px));
  left: max(-170px, min(-13.28125vw, 0px));
  overflow: hidden;
  position: absolute;
  top: 0;
  transform: skewX(-35deg);
  width: 70.31vw;
  z-index: 1
}

@media screen and (max-width:767px) {
  .bl_showcase_tri {
    bottom: -58.66667vw;
    height: 133.33333vw;
    left: max(0px, min(0vw, 0px));
    top: auto;
    transform: skew(0, -6deg);
    width: 100%
  }
}

.bl_showcase_tri_core {
  background: linear-gradient(90deg, #2419ac 15%, #e32e7f 90%);
  height: max(0px, min(38.125vw, 488px));
  left: 0;
  position: absolute;
  top: 0;
  transform: translate(max(0px, min(0vw, 0px))) skewX(35deg);
  width: 83.59vw;
  z-index: 1
}

@media screen and (max-width:767px) {
  .bl_showcase_tri_core {
    bottom: -13.33333vw;
    height: 160vw;
    top: auto;
    transform: skew(0, 6deg);
    width: 100%
  }
}

.bl_showcase_bg {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 0
}

.bl_showcase_bg img {
  display: inline-block;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%
}

.bl_showcase_caption {
  bottom: max(-16px, min(-1.25vw, 0px));
  font-size: max(0px, min(.9375vw, 12px));
  position: absolute;
  right: max(0px, min(4.6875vw, 60px));
  transform: translateY(100%);
  z-index: 0
}

@media screen and (max-width:767px) {
  .bl_showcase_caption {
    bottom: -2.13333vw;
    font-size: 2.66667vw;
    left: 8vw;
    right: auto
  }
}

.bl_sitemap {
  background-color: hsla(0, 0%, 100%, .9);
  display: none;
  height: 100vh;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 100vw;
  z-index: 1
}

.bl_sitemap--footer {
  background-color: #000;
  display: block;
  height: auto;
  overflow: auto;
  position: relative;
  width: 100%
}

.bl_sitemap--footer .bl_sitemap_inner {
  height: auto;
  padding-bottom: max(0px, min(5.15625vw, 66px));
  padding-top: max(0px, min(2.5vw, 32px));
  position: relative;
  width: auto
}

@media screen and (max-width:767px) {
  .bl_sitemap--footer .bl_sitemap_inner {
    padding-bottom: 0
  }
}

.bl_sitemap--footer ul.root li.child {
  border-bottom: 1px solid #fff !important;
  border-top: none !important
}

.bl_sitemap--footer ul.root li.child:last-child {
  border-bottom: none !important;
  border-top: 1px solid #fff !important
}

.bl_sitemap--footer ul.root li.child h2>span,
.bl_sitemap--footer ul.root li.child h2>span:active,
.bl_sitemap--footer ul.root li.child h2>span:hover,
.bl_sitemap--footer ul.root li.child h2>span:link,
.bl_sitemap--footer ul.root li.child h2>span:visited {
  color: #fff !important
}

@media screen and (max-width:767px) {
  .bl_sitemap--footer ul.root li.child h2 {
    border-bottom: 1px dotted hsla(0, 0%, 78%, .5) !important
  }

  .bl_sitemap--footer ul.root li.child ul {
    display: block !important
  }
}

.bl_sitemap--footer ul.root li.child ul li a,
.bl_sitemap--footer ul.root li.child ul li a:active,
.bl_sitemap--footer ul.root li.child ul li a:hover,
.bl_sitemap--footer ul.root li.child ul li a:link,
.bl_sitemap--footer ul.root li.child ul li a:visited {
  color: #fff !important
}

.bl_sitemap_inner {
  box-sizing: border-box;
  height: 100vh;
  left: 0;
  padding-top: max(0px, min(7.73438vw, 99px));
  position: absolute;
  top: 0;
  width: 100vw;
  z-index: 0
}

@media screen and (max-width:767px) {
  .bl_sitemap_inner {
    padding-top: 19.73333vw
  }
}

.bl_sitemap_inner_scroll {
  height: 100%;
  overflow-y: scroll;
  width: 100%
}

.bl_sitemap ul.root {
  box-sizing: border-box;
  list-style: none;
  margin-left: auto;
  margin-right: auto;
  padding-left: max(0px, min(6.25vw, 80px));
  padding-right: max(0px, min(6.25vw, 80px));
  width: max(0px, min(90.625vw, 1160px))
}

@media screen and (max-width:767px) {
  .bl_sitemap ul.root {
    padding-left: 0;
    padding-right: 0;
    width: 84vw
  }
}

.bl_sitemap ul.root li.child {
  border-top: 1px solid rgba(0, 0, 0, .12);
  display: flex;
  padding-bottom: max(0px, min(2.73438vw, 35px));
  padding-top: max(0px, min(2.73438vw, 35px))
}

@media screen and (max-width:767px) {
  .bl_sitemap ul.root li.child {
    display: block;
    padding-bottom: 0;
    padding-top: 0
  }
}

.bl_sitemap ul.root li.child:last-child {
  border-bottom: 1px solid rgba(0, 0, 0, .12)
}

.bl_sitemap ul.root li.child h2 {
  box-sizing: border-box;
  font-size: max(0px, min(1.25vw, 16px));
  padding-left: max(0px, min(1.17188vw, 15px));
  position: relative;
  width: max(0px, min(21.79688vw, 279px))
}

@media screen and (max-width:767px) {
  .bl_sitemap ul.root li.child h2 {
    border-bottom: 1px dotted rgba(0, 0, 0, .2);
    font-size: 4.26667vw;
    line-height: 1.3;
    padding-bottom: 3.73333vw;
    padding-left: 4vw;
    padding-top: 3.73333vw;
    width: auto
  }
}

.bl_sitemap ul.root li.child h2:before {
  background-color: #e32e7f;
  content: "";
  display: inline-block;
  height: max(0px, min(3.75vw, 48px));
  left: 0;
  position: absolute;
  width: max(0px, min(.23438vw, 3px))
}

@media screen and (max-width:767px) {
  .bl_sitemap ul.root li.child h2:before {
    height: 10.66667vw;
    width: .8vw
  }
}

.bl_sitemap ul.root li.child h2 .openbtn {
  height: 100%;
  position: absolute;
  right: max(0px, min(1.17188vw, 15px));
  top: 0;
  z-index: 1
}

.bl_sitemap ul.root li.child h2 .openbtn.open span:nth-child(2) {
  display: none
}

.bl_sitemap ul.root li.child h2 .openbtn span {
  background-color: #000;
  display: block;
  height: .53333vw;
  position: absolute;
  right: 1.33333vw;
  top: 50%;
  width: 4.26667vw
}

.bl_sitemap ul.root li.child h2 .openbtn span:nth-child(2) {
  transform: rotate(90deg)
}

.bl_sitemap ul.root li.child ul {
  align-items: center;
  display: flex;
  flex: 1 1;
  flex-wrap: wrap;
  gap: max(0px, min(.78125vw, 10px)) max(0px, min(3.59375vw, 46px));
  list-style: none
}

@media screen and (max-width:767px) {
  .bl_sitemap ul.root li.child ul {
    display: none;
    padding-left: 2.66667vw
  }

  .bl_sitemap ul.root li.child ul li:first-child {
    padding-top: 5.86667vw
  }

  .bl_sitemap ul.root li.child ul li:last-child {
    padding-bottom: 6.66667vw
  }
}

.bl_sitemap ul.root li.child ul li:last-child a {
  margin-bottom: 0
}

.bl_sitemap ul.root li.child ul li a {
  align-items: center;
  display: flex;
  font-size: max(0px, min(1.09375vw, 14px));
  font-weight: 700;
  position: relative
}

@media screen and (max-width:767px) {
  .bl_sitemap ul.root li.child ul li a {
    font-size: 3.73333vw;
    margin-bottom: 4vw
  }
}

.bl_sitemap ul.root li.child ul li a img {
  margin-left: max(0px, min(.39063vw, 5px));
  width: max(0px, min(1.01563vw, 13px))
}

@media screen and (max-width:767px) {
  .bl_sitemap ul.root li.child ul li a img {
    margin-left: 1.33333vw;
    width: 3.46667vw
  }
}

.bl_overArrow {
  left: max(0px, min(.9375vw, 12px));
  position: absolute;
  top: max(-60px, min(-4.6875vw, 0px));
  z-index: 0
}

@media screen and (max-width:767px) {
  .bl_overArrow {
    left: 50%;
    top: -16vw;
    transform: translateX(-50%)
  }
}

.bl_overArrow--center {
  left: 50%;
  transform: translateX(-50%)
}

@media screen and (max-width:767px) {
  .bl_overArrow--spsm {
    top: -10.66667vw
  }

  .bl_overArrow--spsm img {
    height: 21.33333vw !important;
    width: 2.4vw !important
  }
}

.bl_overArrow img {
  height: auto;
  width: max(0px, min(.85938vw, 11px))
}

@media screen and (max-width:767px) {
  .bl_overArrow img {
    width: 2.93333vw
  }
}

.bl_subTtl {
  font-size: max(0px, min(2.8125vw, 36px));
  line-height: 1.38;
  padding-left: max(0px, min(1.95313vw, 25px));
  position: relative
}

@media screen and (max-width:767px) {
  .bl_subTtl {
    font-size: 5.33333vw;
    padding-left: 4vw
  }
}

.bl_subTtl:before {
  background-color: #e32e7f;
  content: "";
  display: inline-block;
  height: 85%;
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: max(0px, min(.39063vw, 5px))
}

@media screen and (max-width:767px) {
  .bl_subTtl:before {
    width: 1.33333vw
  }
}

.bl_rectTtl {
  font-size: max(0px, min(1.71875vw, 20px));
  line-height: 1.36;
  padding-left: max(0px, min(2.26563vw, 29px));
  position: relative
}

@media screen and (max-width:767px) {
  .bl_rectTtl {
    font-size: 4.8vw;
    line-height: 1.33;
    padding-left: 6.13333vw
  }
}

.bl_rectTtl--md {
  font-size: max(0px, min(1.40625vw, 18px)) !important
}

@media screen and (max-width:767px) {
  .bl_rectTtl--md {
    font-size: 3.46667vw !important;
    padding-left: 5.33333vw !important
  }
}

.bl_rectTtl--md:before {
  top: max(0px, min(.3125vw, 4px)) !important
}

@media screen and (max-width:767px) {
  .bl_rectTtl--md:before {
    height: 3.2vw !important;
    top: .8vw !important;
    width: 3.2vw !important
  }

  .bl_rectTtl--spmd {
    font-size: 4.26667vw !important;
    padding-left: 5.33333vw !important
  }
}

@media screen and (max-width:767px) and (max-width:767px) {
  .bl_rectTtl--spmd:before {
    top: 1.06667vw !important
  }
}

@media screen and (max-width:767px) {
  .bl_rectTtl--spsm {
    font-size: 3.73333vw !important;
    padding-left: 5.33333vw !important
  }
}

@media screen and (max-width:767px) and (max-width:767px) {
  .bl_rectTtl--spsm:before {
    height: 3.2vw !important;
    top: .8vw !important;
    width: 3.2vw !important
  }
}

.bl_rectTtl--blue:before {
  background-color: #2419ac !important
}

.bl_rectTtl:before {
  background-color: #e32e7f;
  content: "";
  display: inline-block;
  height: max(0px, min(1.40625vw, 18px));
  left: 0;
  position: absolute;
  top: max(0px, min(.46875vw, 5px));
  width: max(0px, min(1.40625vw, 18px))
}

@media screen and (max-width:767px) {
  .bl_rectTtl:before {
    height: 3.73333vw;
    top: 1.33333vw;
    width: 3.73333vw
  }
}

.bl_barTtl {
  font-size: max(0px, min(2.8125vw, 36px));
  line-height: 1.38;
  padding-left: max(0px, min(1.79687vw, 23px));
  position: relative
}

@media screen and (max-width:767px) {
  .bl_barTtl {
    font-size: 5.33333vw;
    padding-left: 4.26667vw
  }
}

.bl_barTtl--mdlg {
  font-size: max(0px, min(2.34375vw, 30px))
}

@media screen and (max-width:767px) {
  .bl_barTtl--mdlg {
    font-size: 5.33333vw
  }
}

.bl_barTtl--mdlg:before {
  height: 75% !important
}

.bl_barTtl--md {
  font-size: max(0px, min(1.71875vw, 22px));
  line-height: 1.36
}

@media screen and (max-width:767px) {
  .bl_barTtl--md {
    font-size: 5.33333vw;
    line-height: 1.5
  }
}

.bl_barTtl--blue:before {
  background-color: #2419ac !important
}

.bl_barTtl:before {
  background-color: #e32e7f;
  content: "";
  display: block;
  height: 85%;
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: max(0px, min(.39063vw, 5px))
}

@media screen and (max-width:767px) {
  .bl_barTtl:before {
    height: 90%;
    width: 1.33333vw
  }
}

.bl_img img {
  height: auto;
  max-width: 100%;
  vertical-align: top;
  width: 100%
}

.bl_img_caption {
  font-size: max(0px, min(.9375vw, 12px));
  margin-top: max(0px, min(.9375vw, 12px))
}

@media screen and (max-width:767px) {
  .bl_img_caption {
    font-size: 2.66667vw;
    margin-top: 2.66667vw
  }
}

.bl_img_caption--right {
  text-align: right
}

@media screen and (max-width:767px) {
  .bl_img_caption--right {
    text-align: left
  }
}

.bl_movie img {
  border-radius: max(0px, min(.78125vw, 10px));
  box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
  height: auto;
  max-width: 100%;
  overflow: hidden;
  vertical-align: top;
  width: 100%
}

@media screen and (max-width:767px) {
  .bl_movie img {
    border-radius: 2.66667vw
  }
}

.bl_movie_caption {
  font-size: max(0px, min(.9375vw, 12px));
  margin-top: max(0px, min(.9375vw, 12px))
}

@media screen and (max-width:767px) {
  .bl_movie_caption {
    font-size: 2.66667vw;
    margin-top: 2.66667vw
  }
}

.bl_movie_caption--right {
  text-align: right
}

@media screen and (max-width:767px) {
  .bl_movie_caption--right {
    text-align: left
  }
}

.bl_txt {
  font-size: max(0px, min(1.25vw, 16px));
  line-height: 2.125
}

@media screen and (max-width:767px) {
  .bl_txt {
    font-size: 3.73333vw;
    line-height: 2.14
  }
}

.bl_txt--narrow {
  line-height: 1.75
}

@media screen and (max-width:767px) {
  .bl_txt--narrow {
    line-height: 2.14
  }
}

.bl_txt--narrow2 {
  line-height: 1.75
}

@media screen and (max-width:767px) {

  .bl_txt--narrow2,
  .bl_txt--spnarrow {
    line-height: 1.85
  }

  .bl_txt--spsm {
    font-size: 3.2vw;
    line-height: 2
  }
}

.bl_attention {
  font-size: max(0px, min(.9375vw, 12px))
}

@media screen and (max-width:767px) {
  .bl_attention {
    font-size: 2.66667vw
  }
}

.bl_routeBtn {
  align-items: center;
  background-color: #e32e7f;
  border-radius: max(0px, min(.78125vw, 10px));
  box-sizing: border-box;
  color: #fff;
  display: flex;
  font-size: max(0px, min(1.5625vw, 20px));
  font-weight: 700;
  height: max(0px, min(6.79687vw, 87px));
  justify-content: space-between;
  padding: max(0px, min(0vw, 0px)) max(0px, min(1.95313vw, 25px));
  width: max(0px, min(21.79688vw, 279px))
}

.bl_routeBtn:active,
.bl_routeBtn:hover,
.bl_routeBtn:link,
.bl_routeBtn:visited {
  color: #fff
}

@media screen and (max-width:767px) {
  .bl_routeBtn {
    border-radius: 2.66667vw;
    font-size: 4.26667vw;
    height: 16vw;
    padding: 0 4.26667vw;
    width: 61.6vw
  }
}

.bl_routeBtn svg {
  vertical-align: top;
  width: max(0px, min(2.73438vw, 35px))
}

@media screen and (max-width:767px) {
  .bl_routeBtn svg {
    width: 6.93333vw
  }
}

.bl_routeBtn--white {
  background-color: #fff;
  color: #e32e7f
}

.bl_routeBtn--white:active,
.bl_routeBtn--white:hover,
.bl_routeBtn--white:link,
.bl_routeBtn--white:visited {
  color: #e32e7f
}

.bl_routeBtn--white svg g,
.bl_routeBtn--white svg path {
  stroke: #e32e7f
}

.bl_routeBtn--center {
  justify-content: center;
  position: relative;
  text-align: center
}

.bl_routeBtn--center svg {
  position: absolute;
  right: max(0px, min(1.79687vw, 23px));
  top: 50%;
  transform: translateY(-50%)
}

.bl_wideBtn {
  text-align: center
}

.bl_wideBtn--blue a {
  background-color: #2419ac !important
}

.bl_wideBtn--blue2 a {
  background-color: #2870a5 !important
}

.bl_wideBtn a {
  align-items: center;
  background-color: #e32e7f;
  border-radius: max(0px, min(.78125vw, 10px));
  box-sizing: border-box;
  color: #fff;
  display: flex;
  filter: drop-shadow(0 3px 6px rgba(0, 0, 0, .16));
  font-size: max(0px, min(1.5625vw, 20px));
  font-weight: 700;
  height: max(0px, min(6.71875vw, 86px));
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
  padding-right: max(0px, min(1.95313vw, 25px));
  position: relative;
  width: max(0px, min(37.65625vw, 482px))
}

.bl_wideBtn a:active,
.bl_wideBtn a:hover,
.bl_wideBtn a:link,
.bl_wideBtn a:visited {
  color: #fff
}

@media screen and (max-width:767px) {
  .bl_wideBtn a {
    border-radius: 2.66667vw;
    font-size: 4.26667vw;
    height: 16vw;
    justify-content: space-between;
    padding-left: 5.33333vw;
    padding-right: 0;
    text-align: left;
    width: 61.6vw
  }
}

.bl_wideBtn a svg {
  position: absolute;
  right: max(0px, min(1.5625vw, 20px));
  top: 50%;
  transform: translateY(-50%);
  vertical-align: top;
  width: max(0px, min(2.65625vw, 34px))
}

@media screen and (max-width:767px) {
  .bl_wideBtn a svg {
    right: 4vw;
    width: 6.93333vw
  }

  .bl_wideBtn--md {
    text-align: center
  }
}

.bl_wideBtn--md a {
  width: max(0px, min(34.76563vw, 445px))
}

@media screen and (max-width:767px) {
  .bl_wideBtn--md a {
    justify-content: center;
    padding-left: 0;
    text-align: center;
    width: 61.6vw
  }

  .bl_wideBtn--spwide {
    text-align: center
  }

  .bl_wideBtn--spwide a {
    font-size: 4.26667vw;
    justify-content: center;
    line-height: 1.25;
    padding-left: 0;
    text-align: center;
    width: 84vw
  }

  .bl_wideBtn--spwidedouble {
    text-align: center
  }

  .bl_wideBtn--spwidedouble a {
    font-size: 4.26667vw;
    height: 18.66667vw;
    justify-content: center;
    line-height: 1.25;
    padding-left: 0;
    text-align: center;
    width: 84vw
  }
}

.bl_roundBtn {
  align-items: center;
  background-color: #e32e7f;
  border-radius: max(0px, min(.78125vw, 10px));
  box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
  color: #fff;
  display: flex;
  font-size: max(0px, min(1.40625vw, 18px));
  font-weight: 700;
  height: max(0px, min(4.6875vw, 60px));
  justify-content: center;
  position: relative;
  width: max(0px, min(23.4375vw, 300px))
}

.bl_roundBtn:active,
.bl_roundBtn:hover,
.bl_roundBtn:link,
.bl_roundBtn:visited {
  color: #fff
}

@media screen and (max-width:767px) {
  .bl_roundBtn {
    border-radius: 2.66667vw;
    font-size: 3.46667vw;
    height: 10.66667vw;
    width: 35.2vw
  }
}

.bl_roundBtn--blue {
  background-color: #2419ac
}

.bl_roundBtn--pink {
  background-color: #e32e7f
}

.bl_roundBtn--white {
  background-color: #fff;
  color: #e32e7f
}

.bl_roundBtn--white:active,
.bl_roundBtn--white:hover,
.bl_roundBtn--white:link,
.bl_roundBtn--white:visited {
  color: #e32e7f
}

@media screen and (max-width:767px) {
  .bl_roundBtn--spfull {
    width: 100%
  }
}

.bl_roundBtn--openBtn {
  background-color: #fff;
  color: #333;
  cursor: pointer;
  font-size: max(0px, min(1.25vw, 16px));
  position: relative;
  transition: all .3s ease;
  width: max(0px, min(28.125vw, 360px))
}

.bl_roundBtn--openBtn:active,
.bl_roundBtn--openBtn:hover,
.bl_roundBtn--openBtn:link,
.bl_roundBtn--openBtn:visited {
  color: #333
}

@media screen and (max-width:767px) {
  .bl_roundBtn--openBtn {
    font-size: 3.2vw;
    width: 66.66667vw
  }
}

.bl_roundBtn--openBtn:hover {
  opacity: .8
}

.bl_roundBtn--openBtn.active span.txt span:first-child {
  display: none
}

.bl_roundBtn--openBtn.active span.txt span:nth-child(2) {
  display: inline
}

.bl_roundBtn--openBtn span.txt span:nth-child(2),
.bl_roundBtn--openBtn.active span.icon span:nth-child(2) {
  display: none
}

.bl_roundBtn--openBtn span.icon {
  position: absolute;
  right: max(0px, min(1.5625vw, 20px));
  top: 50%;
  transform: translateY(-50%)
}

@media screen and (max-width:767px) {
  .bl_roundBtn--openBtn span.icon {
    right: 4vw
  }
}

.bl_roundBtn--openBtn span.icon span {
  background-color: #000;
  display: block;
  height: max(0px, min(.15625vw, 2px));
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: max(0px, min(1.25vw, 16px))
}

@media screen and (max-width:767px) {
  .bl_roundBtn--openBtn span.icon span {
    height: .53333vw;
    width: 3.2vw
  }
}

.bl_roundBtn--openBtn span.icon span:nth-child(2) {
  transform: translateY(-50%) rotate(90deg)
}

.bl_roundBtn img,
.bl_roundBtn svg {
  position: absolute;
  right: max(0px, min(1.5625vw, 20px));
  top: 50%;
  transform: translateY(-50%);
  vertical-align: top;
  width: max(0px, min(1.17188vw, 15px))
}

@media screen and (max-width:767px) {

  .bl_roundBtn img,
  .bl_roundBtn svg {
    right: 3.2vw;
    width: 4vw
  }
}

.bl_gradeBtn a {
  align-items: center;
  background: linear-gradient(90deg, #2419ac 15%, #e32e7f 90%);
  border-radius: max(0px, min(.78125vw, 10px));
  cursor: pointer;
  display: flex;
  filter: drop-shadow(0 3px 6px rgba(0, 0, 0, .16));
  flex-direction: column;
  font-size: max(0px, min(1.875vw, 24px));
  font-weight: 700;
  height: max(0px, min(9.375vw, 120px));
  justify-content: center;
  line-height: 1.16;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  text-align: center;
  width: max(0px, min(39.0625vw, 500px));
	transform: translateZ(0);
	
}

@media screen and (max-width:767px) {
  .bl_gradeBtn a {
    border-radius: 2.66667vw;
    font-size: 5.33333vw;
    height: 26.66667vw;
    line-height: 1.3;
    width: 84vw
  }
}

.bl_gradeBtn a:active,
.bl_gradeBtn a:hover,
.bl_gradeBtn a:link,
.bl_gradeBtn a:visited {
  color: #fff
}

.bl_gradeBtn a span {
  display: inline-block;
  font-size: max(0px, min(1.25vw, 16px));
  margin-top: max(0px, min(.39063vw, 5px))
}

@media screen and (max-width:767px) {
  .bl_gradeBtn a span {
    font-size: 3.73333vw;
    margin-top: .53333vw
  }
}

.bl_gradeBtn a img {
  position: absolute;
  right: max(0px, min(1.5625vw, 20px));
  top: 50%;
  transform: translateY(-50%);
  width: max(0px, min(2.73438vw, 35px))
}

@media screen and (max-width:767px) {
  .bl_gradeBtn a img {
    right: 4vw;
    width: 7.46667vw
  }
}

.bl_slash {
  position: absolute;
  right: max(-185px, min(-14.45312vw, 0px));
  top: max(-105px, min(-8.20312vw, 0px))
}

.bl_slash img {
  height: auto;
  width: max(0px, min(41.09375vw, 526px))
}

.bl_slash--red2 {
  right: max(-140px, min(-10.9375vw, 0px));
  top: max(0px, min(0vw, 0px))
}

.bl_slash--red2 img {
  width: max(0px, min(29.0625vw, 372px))
}

.ly_content_size--md .bl_slash {
  right: max(-250px, min(-19.53125vw, 0px));
  top: max(-112px, min(-8.75vw, 0px))
}

.bl_redSlash {
  position: absolute;
  right: max(-140px, min(-10.9375vw, 0px));
  top: 0
}

.bl_redSlash img {
  height: auto;
  width: max(0px, min(41.09375vw, 526px))
}

.bl_blueSlash {
  position: absolute;
  right: max(-212px, min(-16.5625vw, 0px));
  top: 0
}

.bl_blueSlash img {
  height: auto;
  width: max(0px, min(41.09375vw, 526px))
}

@media screen and (max-width:767px) {
  .bl_anchors {
    display: none
  }

  .bl_anchors--noopen {
    display: flex;
    flex-direction: column
  }
}

.bl_anchor {
  align-items: center;
  border-top: 1px dashed #ccc;
  display: flex;
  font-size: max(0px, min(1.09375vw, 14px));
  font-weight: 700;
  height: max(0px, min(4.84375vw, 62px));
  justify-content: space-between;
  line-height: 1.285
}

@media screen and (max-width:767px) {
  .bl_anchor {
    font-size: 3.73333vw;
    height: 14.66667vw
  }
}

.bl_anchor:last-child {
  border-bottom: 1px dashed #ccc
}

@media screen and (max-width:767px) {
  .bl_anchor:last-child {
    border-bottom: 0
  }

  .bl_anchor.bbsp {
    border-bottom: 1px dashed #ccc
  }
}

.bl_anchor img {
  margin-right: max(0px, min(.78125vw, 10px));
  vertical-align: top;
  width: max(0px, min(1.71875vw, 22px))
}

@media screen and (max-width:767px) {
  .bl_anchor img {
    margin-right: 2.66667vw;
    width: 5.86667vw
  }
}

.bl_about {
  background-color: #fcfcfc;
  padding-bottom: max(0px, min(9.375vw, 120px));
  position: relative;
  z-index: 1
}

@media screen and (max-width:767px) {
  .bl_about {
    padding-bottom: 22.4vw
  }
}

.bl_about_head {
  margin-bottom: max(0px, min(4.6875vw, 60px));
  padding-top: max(0px, min(7.03125vw, 90px));
  position: relative
}

@media screen and (max-width:767px) {
  .bl_about_head {
    margin-bottom: 8vw;
    padding-top: 19.46667vw
  }
}

.bl_about_ttl {
  margin-bottom: max(0px, min(2.34375vw, 30px))
}

@media screen and (max-width:767px) {
  .bl_about_ttl {
    margin-bottom: 10.4vw
  }
}

.bl_about_ttl h2 {
  font-size: max(0px, min(1.71875vw, 22px));
  line-height: 1.25
}

@media screen and (max-width:767px) {
  .bl_about_ttl h2 {
    font-size: 4.26667vw
  }
}

.bl_about_ttl h2 span.en {
  font-size: max(0px, min(3.90625vw, 50px));
  font-weight: 400;
  letter-spacing: .05em
}

@media screen and (max-width:767px) {
  .bl_about_ttl h2 span.en {
    font-size: 9.6vw
  }
}

.bl_about_copy {
  font-size: max(0px, min(1.09375vw, 14px));
  line-height: 2
}

@media screen and (max-width:767px) {
  .bl_about_copy {
    font-size: 3.73333vw;
    letter-spacing: -.01em;
    line-height: 1.85;
    margin-bottom: 9.33333vw
  }
}

.bl_about_induction {
  background-color: #e32e7f;
  border-radius: max(0px, min(.78125vw, 10px));
  box-sizing: border-box;
  color: #fff;
  display: flex;
  flex-direction: column;
  font-size: max(0px, min(1.64063vw, 21px));
  font-weight: 700;
  height: max(0px, min(21.09375vw, 270px));
  justify-content: center;
  padding: max(0px, min(2.5vw, 32px)) max(0px, min(2.34375vw, 30px));
  position: relative;
  width: max(0px, min(33.125vw, 424px))
}

@media screen and (max-width:767px) {
  .bl_about_induction {
    border-radius: 2.66667vw;
    display: block;
    font-size: 4.26667vw;
    height: 29.6vw;
    line-height: 1.4;
    padding: 4vw 5.33333vw;
    position: relative;
    right: auto;
    top: auto;
    width: 100%
  }
}

.bl_about_induction:active,
.bl_about_induction:hover,
.bl_about_induction:link,
.bl_about_induction:visited {
  color: #fff
}

.bl_about_induction span {
  display: block
}

.bl_about_induction span.round {
  background-color: #fff;
  border-radius: max(0px, min(1.5625vw, 20px));
  box-sizing: border-box;
  color: #e32e7f;
  display: inline-block;
  font-size: max(0px, min(1.40625vw, 18px));
  margin-bottom: max(0px, min(.78125vw, 10px));
  padding: max(0px, min(.3125vw, 4px)) max(0px, min(1.40625vw, 18px));
  width: max(0px, min(11.25vw, 144px))
}

@media screen and (max-width:767px) {
  .bl_about_induction span.round {
    border-radius: 4vw;
    font-size: 3.2vw;
    margin-bottom: 1.6vw;
    padding: .8vw 2.13333vw .53333vw;
    text-align: center;
    width: 26.13333vw
  }
}

.bl_about_induction span.lg {
  font-size: max(0px, min(2.5vw, 32px));
  margin-left: max(-5px, min(-.39062vw, 0px))
}

@media screen and (max-width:767px) {
  .bl_about_induction span.lg {
    font-size: 5.86667vw;
    margin-left: -.8vw
  }
}

.bl_about_induction span.arrow {
  bottom: max(0px, min(1.875vw, 24px));
  position: absolute;
  right: max(0px, min(1.32813vw, 17px));
  z-index: 0
}

@media screen and (max-width:767px) {
  .bl_about_induction span.arrow {
    bottom: auto;
    right: 5.33333vw;
    top: 50%;
    transform: translateY(-50%)
  }
}

.bl_about_induction span.arrow svg {
  height: max(0px, min(2.65625vw, 34px));
  vertical-align: top;
  width: max(0px, min(2.65625vw, 34px))
}

@media screen and (max-width:767px) {
  .bl_about_induction span.arrow svg {
    height: 7.46667vw;
    width: 7.46667vw
  }
}

.bl_about_list {
  display: flex;
  flex-wrap: wrap;
  gap: max(0px, min(3.125vw, 40px)) max(0px, min(0vw, 0px));
  justify-content: space-between;
  margin-left: auto;
  margin-right: auto;
  width: max(0px, min(69.45313vw, 889px))
}

@media screen and (max-width:767px) {
  .bl_about_list {
    flex-direction: column;
    gap: 5.33333vw 0;
    width: 100%
  }
}

.bl_about_item {
  border-radius: max(0px, min(.78125vw, 10px));
  box-shadow: 0 3px 16px rgba(0, 0, 0, .16);
  overflow: hidden;
  width: max(0px, min(33.125vw, 424px))
}

@media screen and (max-width:767px) {
  .bl_about_item {
    border-radius: 2.66667vw;
    display: flex;
    overflow: hidden;
    width: 100%
  }
}

.bl_about_item_img {
  height: max(0px, min(14.0625vw, 180px));
  width: 100%
}

@media screen and (max-width:767px) {
  .bl_about_item_img {
    height: 29.33333vw;
    width: 32vw
  }
}

.bl_about_item_img img {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%
}

.bl_about_item_ttl {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  height: max(0px, min(7.03125vw, 90px));
  padding: max(0px, min(1.5625vw, 20px)) max(0px, min(1.71875vw, 22px));
  position: relative
}

@media screen and (max-width:767px) {
  .bl_about_item_ttl {
    align-items: flex-start;
    flex: 1 1;
    height: auto;
    padding: 4.8vw 3.73333vw
  }
}

.bl_about_item_ttl h3 {
  background-color: #fff;
  border-left: 3px solid #e32e7f;
  font-size: max(0px, min(1.17188vw, 15px));
  line-height: 1.3;
  padding-left: max(0px, min(.9375vw, 12px))
}

@media screen and (max-width:767px) {
  .bl_about_item_ttl h3 {
    border-left: .8vw solid #e32e7f;
    font-size: 3.2vw;
    padding-left: 2.13333vw
  }
}

.bl_about_item_ttl span {
  font-size: max(0px, min(1.5625vw, 20px));
  font-weight: 700
}

@media screen and (max-width:767px) {
  .bl_about_item_ttl span {
    font-size: 4vw;
    line-height: 1.33
  }
}

.bl_about_item_ttl span.arrow {
  position: absolute;
  right: max(0px, min(1.32813vw, 17px));
  top: 50%;
  transform: translateY(-50%)
}

@media screen and (max-width:767px) {
  .bl_about_item_ttl span.arrow {
    bottom: 3.2vw;
    right: 3.2vw;
    top: auto;
    transform: translateY(0)
  }
}

.bl_about_item_ttl span.arrow svg {
  height: auto;
  vertical-align: top;
  width: max(0px, min(2.65625vw, 34px))
}

@media screen and (max-width:767px) {
  .bl_about_item_ttl span.arrow svg {
    width: 6.93333vw
  }
}

.bl_bgA {
  background-image: url(../../img/top/engineering_bg.jpg);
  background-position: center 0;
  background-size: cover
}

@media screen and (max-width:767px) {
  .bl_bgA {
    background-image: url(../../img/top/engineering_bg_sp.jpg)
  }
}

.bl_bgB {
  background-color: #285ca2;
  background-image: url(../../img/top/pattern1.png);
  background-position: center 0;
  background-size: 100% auto
}

@media screen and (max-width:767px) {
  .bl_bgB {
    background-image: url(../../img/top/pattern1_sp.png)
  }
}

.un_body {
  padding-bottom: max(0px, min(7.8125vw, 100px));
  position: relative;
  z-index: 0
}

.un_body_lead {
  font-size: max(0px, min(1.875vw, 24px));
  font-weight: 700;
  letter-spacing: .025em;
  line-height: 1.5;
  padding-top: max(0px, min(6.64063vw, 85px));
  text-align: center
}

@media screen and (max-width:767px) {
  .un_body_lead {
    font-size: 4.26667vw;
    padding-top: 8.53333vw
  }
}

.un_body_ttl {
  font-size: max(0px, min(2.8125vw, 36px));
  line-height: 1.85;
  padding-top: max(0px, min(2.73438vw, 35px));
  position: relative;
  text-align: center
}

@media screen and (max-width:767px) {
  .un_body_ttl {
    font-size: 5.06667vw;
    padding-top: 6.66667vw
  }
}

.un_body_ttl span {
  font-size: max(0px, min(3.4375vw, 44px));
  position: relative
}

@media screen and (max-width:767px) {
  .un_body_ttl span {
    font-size: 5.86667vw
  }
}

.un_body_ttl span span.left {
  left: max(-35px, min(-2.73437vw, 0px));
  position: absolute;
  top: max(-37px, min(-2.89062vw, 0px))
}

@media screen and (max-width:767px) {
  .un_body_ttl span span.left {
    left: -6.66667vw;
    top: -4vw
  }
}

.un_body_ttl span span.right {
  position: absolute;
  right: max(-35px, min(-2.73437vw, 0px));
  top: max(0px, min(.39063vw, 5px))
}

@media screen and (max-width:767px) {
  .un_body_ttl span span.right {
    right: -6.4vw;
    top: 1.6vw
  }
}

.un_body_ttl span span img {
  height: auto;
  width: max(0px, min(2.96875vw, 38px))
}

@media screen and (max-width:767px) {
  .un_body_ttl span span img {
    width: 7.46667vw
  }
}

.un_body .bl_txt {
  margin-bottom: max(0px, min(5.15625vw, 66px));
}

@media screen and (max-width:767px) {
  .un_body .bl_txt {
    margin-bottom: 7.46667vw;
	  line-height: 1.8;
  }
}

.un_body .bl_txt.bl_txt--alumni {
  margin-bottom: 0;
}

@media screen and (max-width:767px) {
 .un_body .bl_txt.bl_txt--alumni {
    margin-bottom: 3vw
  }
}

@media screen and (max-width:767px) {
 .un_cont .bl_txt.bl_txt--alumni2 {
    margin-bottom: 0
  }
}


.un_body .bl_txt.bl_txt--sidebusiness {
  margin-bottom: 0;
	text-align: center;
	margin-top: max(0px, min(4.45313vw, 57px));
}

@media screen and (max-width:767px) {
 .un_body .bl_txt.bl_txt--sidebusiness {
    margin-bottom: 3vw;
	 text-align: left;
  }
}

.un_body .bl_rectTtl {
  margin-bottom: max(0px, min(2.57813vw, 33px))
}

@media screen and (max-width:767px) {
  .un_body .bl_rectTtl {
    margin-bottom: 8vw
  }
}

.un_tab {
  display: flex;
  filter: drop-shadow(0 6px 4px rgba(0, 0, 0, .12));
  margin-bottom: max(0px, min(4.45313vw, 57px));
  margin-top: max(-100px, min(-7.8125vw, 0px));
  padding-top: max(0px, min(12.8125vw, 164px))
}

@media screen and (max-width:767px) {
  .un_tab {
    margin-bottom: 7.46667vw;
    margin-top: -13.33333vw;
    padding-top: 21.33333vw
  }
}

.un_tab_item {
  align-items: center;
  background-color: #fff;
  border-right: 1px solid rgba(35, 25, 169, .07);
  display: flex;
  flex-direction: column;
  font-size: max(0px, min(1.09375vw, 14px));
  font-weight: 700;
  justify-content: center;
  padding-bottom: max(0px, min(1.40625vw, 18px));
  padding-top: max(0px, min(1.5625vw, 20px));
  position: relative;
  width: 33.33%
}

.un_tab_item:last-child {
  border-right: none
}

@media screen and (max-width:767px) {
  .un_tab_item {
    font-size: 2.66667vw;
    padding-bottom: 3.2vw;
    padding-top: 3.73333vw;
    text-align: center
  }
}

.un_tab_item span {
  color: #e32e7f;
  font-size: max(0px, min(1.5625vw, 20px));
  text-align: center;
}

@media screen and (max-width:767px) {
  .un_tab_item span {
    font-size: 3.2vw;
    line-height: 1.33;
    padding-bottom: 1.06667vw
  }
}

.un_tab_item.active {
  background-color: #e32e7f;
  color: #fff
}

.un_tab_item.active:after {
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 14px solid #e32e7f;
  bottom: 0;
  content: "";
  display: block;
  height: 1px;
  left: 50%;
  position: absolute;
  transform: translate(-50%, 100%);
  width: 1px
}

@media screen and (max-width:767px) {
  .un_tab_item.active:after {
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 10px solid #e32e7f
  }
}

.un_tab_item.active span {
  color: #fff
}

.un_tab_item:first-child {
  border-radius: max(0px, min(.78125vw, 10px)) 0 0 max(0px, min(.78125vw, 10px))
}

@media screen and (max-width:767px) {
  .un_tab_item:first-child {
    border-radius: 2.66667vw 0 0 2.66667vw
  }
}

.un_tab_item:last-child {
  border-radius: 0 max(0px, min(.78125vw, 10px)) max(0px, min(.78125vw, 10px)) 0
}

@media screen and (max-width:767px) {
  .un_tab_item:last-child {
    border-radius: 0 2.66667vw 2.66667vw 0
  }
}

.un_list {
  display: flex;
  flex-wrap: wrap;
  gap: max(0px, min(1.5625vw, 20px)) 0;
  justify-content: space-between
}

@media screen and (max-width:767px) {
  .un_list {
    flex-direction: column;
    gap: 2.66667vw 0
  }
}

.un_list_item {
  align-items: center;
  border-radius: max(0px, min(.78125vw, 10px));
  box-shadow: 0 3px 16px rgba(0, 0, 0, .16);
  display: flex;
  width: max(0px, min(33.67188vw, 431px))
}

@media screen and (max-width:767px) {
  .un_list_item {
    border-radius: 2.66667vw;
    width: 100%
  }
}

.un_list_img {
  width: max(0px, min(8.28125vw, 106px))
}

@media screen and (max-width:767px) {
  .un_list_img {
    width: 16vw
  }
}

.un_list_img img {
  height: auto;
  vertical-align: top;
  width: 100%
}

.un_list_ttl {
  align-items: center;
  display: flex;
  flex: 1 1;
  font-size: max(0px, min(1.5625vw, 20px));
  font-weight: 700;
  justify-content: space-between;
  padding: 0 max(0px, min(1.40625vw, 18px)) 0 max(0px, min(1.95313vw, 25px))
}

@media screen and (max-width:767px) {
  .un_list_ttl {
    font-size: 4.26667vw;
    padding: 0 3.73333vw 0 4.8vw
  }
}

.un_list_ttl img {
  height: auto;
  vertical-align: top;
  width: max(0px, min(2.65625vw, 34px))
}

@media screen and (max-width:767px) {
  .un_list_ttl img {
    width: 6.4vw
  }
}

.un_detail {
  padding-bottom: max(0px, min(8.4375vw, 108px))
}

@media screen and (max-width:767px) {
  .un_detail {
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 15.2vw;
    width: 84vw
  }
}

.un_detail_item {
  display: flex;
  padding-top: max(0px, min(7.8125vw, 100px))
}

@media screen and (max-width:767px) {
  .un_detail_item {
    border-bottom: 1px solid #ccc;
    flex-direction: column;
    padding-bottom: 16.8vw;
    padding-top: 14.66667vw
  }

  .un_detail_item:last-child {
    border-bottom: none;
    padding-bottom: 0
  }
}

.un_detail_item:nth-child(2n) .un_detail_img {
  order: 2
}

@media screen and (max-width:767px) {
  .un_detail_item:nth-child(2n) .un_detail_img {
    order: 1
  }
}

.un_detail_item:nth-child(2n) .un_detail_txt {
  order: 1
}

@media screen and (max-width:767px) {
  .un_detail_item:nth-child(2n) .un_detail_txt {
    order: 2
  }
}

.un_detail_item:nth-child(2n) .un_detail_txt_inner {
  margin-left: auto;
  margin-right: max(0px, min(4.29688vw, 55px))
}

.un_detail_img {
  width: 50vw
}

@media screen and (max-width:767px) {
  .un_detail_img {
    height: 42.66667vw;
    margin-bottom: 8vw;
    width: 100%
  }
}

.un_detail_img img {
  height: auto;
  vertical-align: top;
  width: 100%
}

@media screen and (max-width:767px) {
  .un_detail_img img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
  }
}

.un_detail_txt {
  flex: 1 1
}

.un_detail_txt_inner {
  margin-left: max(0px, min(4.29688vw, 55px));
  margin-right: auto;
  width: max(0px, min(34.76563vw, 445px))
}

@media screen and (max-width:767px) {
  .un_detail_txt_inner {
    margin-left: 0;
    width: 100%
  }
}

.un_detail_txt .bl_wideBtn {
  text-align: left
}

.un_detail_ttl {
  font-size: max(0px, min(2.8125vw, 36px));
  line-height: 1.38;
  margin-bottom: max(0px, min(2.57813vw, 33px));
  padding-left: max(0px, min(1.95313vw, 25px));
  position: relative
}

@media screen and (max-width:767px) {
  .un_detail_ttl {
    font-size: 5.33333vw;
    margin-bottom: 5.33333vw;
    padding-left: 4.26667vw
  }
}

.un_detail_ttl:before {
  background-color: #e32e7f;
  content: "";
  display: block;
  height: 85%;
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: max(0px, min(.39063vw, 5px))
}

@media screen and (max-width:767px) {
  .un_detail_ttl:before {
    width: 1.33333vw
  }
}

.un_detail .bl_txt {
  margin-bottom: max(0px, min(2.34375vw, 30px));
  width: max(0px, min(34.76563vw, 445px))
}

@media screen and (max-width:767px) {
  .un_detail .bl_txt {
    margin-bottom: 8vw;
    width: 100%
  }
}

.un_sideLink {
  background-color: #fafafa;
  padding-bottom: max(0px, min(10.78125vw, 138px));
  padding-top: max(0px, min(9.60938vw, 123px))
}

@media screen and (max-width:767px) {
  .un_sideLink {
    padding-bottom: 16vw;
    padding-top: 16vw
  }
}

.un_sideLink_list {
  display: flex;
  flex-wrap: wrap;
  gap: max(0px, min(3.125vw, 40px)) max(0px, min(3.125vw, 40px));
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
  width: max(0px, min(69.45313vw, 889px))
}

@media screen and (max-width:767px) {
  .un_sideLink_list {
    flex-direction: column;
    gap: 5.33333vw 5.33333vw;
    width: 100%
  }
}

.un_sideLink_item {
  border-radius: max(0px, min(.78125vw, 10px));
  box-shadow: 0 3px 16px rgba(0, 0, 0, .16);
  overflow: hidden;
  width: max(0px, min(33.125vw, 424px))
}

@media screen and (max-width:767px) {
  .un_sideLink_item {
    border-radius: 2.66667vw;
    display: flex;
    overflow: hidden;
    width: 100%
  }
}

.un_sideLink_item--active {
  background-color: #e32e7f;
  color: #fff
}

.un_sideLink_item--active:active,
.un_sideLink_item--active:hover,
.un_sideLink_item--active:link,
.un_sideLink_item--active:visited {
  color: #fff
}

.un_sideLink_item--active h3 {
  border-left: 3px solid #fff !important
}

@media screen and (max-width:767px) {
  .un_sideLink_item--active h3 {
    border-left: .8vw solid #fff !important
  }
}

.un_sideLink_item_img {
  height: max(0px, min(14.0625vw, 180px));
  width: 100%
}

@media screen and (max-width:767px) {
  .un_sideLink_item_img {
    height: 29.33333vw;
    width: 32vw
  }
}

.un_sideLink_item_img img {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%
}

.un_sideLink_item_ttl {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  height: max(0px, min(7.03125vw, 90px));
  padding: max(0px, min(1.5625vw, 20px)) max(0px, min(1.71875vw, 22px));
  position: relative
}

@media screen and (max-width:767px) {
  .un_sideLink_item_ttl {
    align-items: flex-start;
    flex: 1 1;
    height: auto;
    padding: 4.8vw 3.73333vw
  }
}

.un_sideLink_item_ttl h3 {
  border-left: 3px solid #e32e7f;
  font-size: max(0px, min(1.17188vw, 15px));
  line-height: 1.3;
  padding-left: max(0px, min(.9375vw, 12px))
}

@media screen and (max-width:767px) {
  .un_sideLink_item_ttl h3 {
    border-left: .8vw solid #e32e7f;
    font-size: 3.2vw;
    padding-left: 2.13333vw
  }
}

.un_sideLink_item_ttl span {
  font-size: max(0px, min(1.5625vw, 20px));
  font-weight: 700
}

@media screen and (max-width:767px) {
  .un_sideLink_item_ttl span {
    font-size: 4vw;
    line-height: 1.33
  }
}

.un_sideLink_item_ttl span.arrow {
  position: absolute;
  right: max(0px, min(1.32813vw, 17px));
  top: 50%;
  transform: translateY(-50%)
}

@media screen and (max-width:767px) {
  .un_sideLink_item_ttl span.arrow {
    bottom: 3.2vw;
    right: 3.2vw;
    top: auto;
    transform: translateY(0)
  }
}

.un_sideLink_item_ttl span.arrow svg {
  height: auto;
  vertical-align: top;
  width: max(0px, min(2.65625vw, 34px))
}

@media screen and (max-width:767px) {
  .un_sideLink_item_ttl span.arrow svg {
    width: 6.93333vw
  }
}

.un_people_head {
  position: relative
}

.un_people_head_cols {
  display: flex;
  margin-left: auto;
  margin-right: auto;
  width: max(0px, min(78.125vw, 1000px))
}

@media screen and (max-width:767px) {
  .un_people_head_cols {
    flex-direction: column;
    width: 84vw
  }
}

.un_people_head_col {
  padding-top: max(0px, min(7.42188vw, 95px));
  position: relative
}

@media screen and (max-width:767px) {
  .un_people_head_col {
    padding-top: 12vw
  }

  .un_people_head_col:first-child {
    width: 100%
  }
}

.un_people_head_col:first-child img {
  height: auto;
  width: 100%
}

@media screen and (max-width:767px) {
  .un_people_head_col:first-child {
    order: 2
  }
}

.un_people_head_col:nth-child(2) {
  flex: 1 1;
  padding-top: max(0px, min(8.04688vw, 103px));
  text-align: right
}

@media screen and (max-width:767px) {
  .un_people_head_col:nth-child(2) {
    margin-left: 0;
    order: 1;
    padding-top: 0
  }
}

.un_people_ttl {
  color: #fff;
  margin-bottom: max(0px, min(2.5vw, 32px));
  margin-top: max(-18px, min(-1.40625vw, 0px))
}

@media screen and (max-width:767px) {
  .un_people_ttl {
    margin-bottom: 0;
    margin-top: 0
  }
}

.un_people_ttl h2 {
  font-size: max(0px, min(1.5625vw, 20px));
  letter-spacing: .05em;
  line-height: 1.4
}

@media screen and (max-width:767px) {
  .un_people_ttl h2 {
    font-size: 4.26667vw
  }
}

.un_people_ttl h2 span {
  font-size: max(0px, min(3.90625vw, 50px));
  font-weight: 400;
  letter-spacing: .064em;
  margin-left: max(-2px, min(-.15625vw, 0px))
}

@media screen and (max-width:767px) {
  .un_people_ttl h2 span {
    font-size: 9.6vw
  }

  .un_people_nav {
    position: static;
    text-align: center
  }
}

.un_people_nav .left {
  margin-right: max(0px, min(2.34375vw, 30px))
}

@media screen and (max-width:767px) {
  .un_people_nav .left {
    margin-right: 5.33333vw
  }

  .un_people_nav .left:hover,
  .un_people_nav .right:hover {
    opacity: 1 !important
  }
}

.un_people_nav img {
  cursor: pointer;
  height: auto;
  transition: opacity .2s cubic-bezier(.25, .25, .75, .75);
  vertical-align: top;
  width: max(0px, min(4.375vw, 56px))
}

.un_people_nav img:hover {
  opacity: .6
}

@media screen and (max-width:767px) {
  .un_people_nav img {
    width: 11.2vw
  }
}

.un_people_body {
  padding-bottom: max(0px, min(11.875vw, 152px));
  padding-top: max(0px, min(2.73438vw, 35px))
}

@media screen and (max-width:767px) {
  .un_people_body {
    padding-bottom: 14.66667vw;
    padding-top: 12vw
  }
}

.un_people_listArea {
  margin-bottom: max(0px, min(.39063vw, 5px));
  margin-left: auto;
  margin-right: 0;
  overflow: hidden;
  width: calc(100vw - 140px)
}

@media screen and (max-width:767px) {
  .un_people_listArea {
    margin-bottom: 8vw;
    margin-left: auto;
    margin-right: auto;
    overflow: visible;
    width: 52.53333vw
  }
}

.un_people_list {
  max-width: none;
  width: 10000px
}

.un_people_list:after {
  clear: both;
  content: "";
  display: table
}

.un_people_item {
  float: left;
  margin-right: 26px;
  width: max(0px, min(21.5625vw, 276px))
}

@media screen and (max-width:767px) {
  .un_people_item {
    margin-right: 5.33333vw;
    width: 52.53333vw
  }
}

.un_people_item:last-child {
  margin-right: 0
}

.un_people_item_img {
  border-radius: max(0px, min(.78125vw, 10px));
  margin-bottom: max(0px, min(1.875vw, 24px));
  overflow: hidden;
  position: relative
}

@media screen and (max-width:767px) {
  .un_people_item_img {
    border-radius: 2.66667vw;
    margin-bottom: 4.26667vw
  }
}

.un_people_item_img img {
  height: auto;
  vertical-align: top;
  width: 100%
}

.un_people_item_img p {
  background-color: #e32e7f;
  bottom: 0;
  box-sizing: border-box;
  color: #fff;
  display: flex;
  flex-direction: column;
  font-size: max(0px, min(1.09375vw, 14px));
  font-weight: 700;
  height: max(0px, min(4.84375vw, 62px));
  justify-content: center;
  left: 0;
  line-height: 1.3;
  padding-left: max(0px, min(1.25vw, 16px));
  position: absolute;
  width: 100%;
  z-index: 1
}

@media screen and (max-width:767px) {
  .un_people_item_img p {
    font-size: 2.66667vw;
    height: 11.73333vw;
    padding-left: 3.2vw
  }
}

.un_people_item_img p span {
  font-size: max(0px, min(1.32813vw, 17px))
}

@media screen and (max-width:767px) {
  .un_people_item_img p span {
    font-size: 3.2vw
  }
}

.un_people_item_cat {
  color: #fff;
  font-size: max(0px, min(1.09375vw, 14px));
  font-weight: 700;
  letter-spacing: .05em;
  line-height: 1.57;
  margin-bottom: max(0px, min(.625vw, 8px))
}

@media screen and (max-width:767px) {
  .un_people_item_cat {
    font-size: 2.66667vw;
    line-height: 1.4;
    margin-bottom: 1.6vw
  }
}

.un_people_item_exp {
  color: #fff;
  font-size: max(0px, min(1.40625vw, 18px));
  font-weight: 700;
  letter-spacing: .05em;
  line-height: 1.55
}

@media screen and (max-width:767px) {
  .un_people_item_exp {
    font-size: 3.73333vw;
    line-height: 1.42
  }
}


.un_engineering_inner {
  position: relative
}

.un_engineering_head {
  padding-top: max(0px, min(7.03125vw, 90px))
}

@media screen and (max-width:767px) {
  .un_engineering_head {
    padding-top: 25.6vw
  }
}

.un_engineering_ttl h2 {
  font-size: max(0px, min(1.71875vw, 22px));
  letter-spacing: 0;
  line-height: 1.3;
  margin-bottom: max(0px, min(1.5625vw, 20px))
}

@media screen and (max-width:767px) {
  .un_engineering_ttl h2 {
    font-size: 4.26667vw;
    margin-bottom: 5.06667vw
  }
}

.un_engineering_ttl h2 span.en {
  font-size: max(0px, min(3.90625vw, 50px));
  font-weight: 400;
  letter-spacing: .064em;
  margin-left: max(-3px, min(-.23437vw, 0px))
}

@media screen and (max-width:767px) {
  .un_engineering_ttl h2 span.en {
    font-size: 9.6vw
  }
}

.un_engineering_ttl p {
  font-size: max(0px, min(1.09375vw, 14px));
  letter-spacing: 0;
  line-height: 2
}

@media screen and (max-width:767px) {
  .un_engineering_ttl p {
    font-size: 3.73333vw;
    line-height: 1.85
  }
}

.un_engineering_body {
  padding-bottom: max(0px, min(12.34375vw, 0px));
  padding-top: max(0px, min(7.03125vw, 0px))
}

@media screen and (max-width:767px) {
  .un_engineering_body {
    /*padding-bottom: 27.73333vw;
    padding-top: 12vw;*/
    padding-bottom: 2.73333vw;
    padding-top: 6vw;
    text-align: center
  }
}

.un_engineering_body h3 {
  font-size: max(0px, min(3.4375vw, 44px));
  margin-bottom: max(0px, min(1.71875vw, 22px));
  text-align: center
}

@media screen and (max-width:767px) {
  .un_engineering_body h3 {
    display: inline-block;
    font-size: 5.86667vw;
    margin-bottom: 6.66667vw;
    position: relative
  }
}

.un_engineering_body h3 img.left {
  left: max(0px, min(.46875vw, 6px));
  position: relative;
  top: max(-20px, min(-1.5625vw, 0px))
}

@media screen and (max-width:767px) {
  .un_engineering_body h3 img.left {
    left: -6.66667vw;
    position: absolute;
    top: -2.66667vw;
    width: 8vw
  }
}

.un_engineering_body h3 img.right {
  left: max(-2px, min(-.15625vw, 0px));
  position: relative;
  top: max(0px, min(1.79687vw, 23px))
}

@media screen and (max-width:767px) {
  .un_engineering_body h3 img.right {
    bottom: -2.66667vw;
    left: auto;
    position: absolute;
    right: -6.13333vw;
    top: auto;
    width: 8vw
  }
}

.un_engineering_body p.lead {
  color: #e32e7f;
  font-size: max(0px, min(2.03125vw, 26px));
  font-weight: 700;
  line-height: 1.6;
  margin-bottom: max(0px, min(2.5vw, 32px));
  padding-right: max(0px, min(1.25vw, 16px));
  text-align: center
}

@media screen and (max-width:767px) {
  .un_engineering_body p.lead {
    font-size: 4.8vw;
    line-height: 1.55;
    margin-bottom: 6.66667vw
  }
}

.un_engineering_line {
  margin-bottom: max(-45px, min(-3.51562vw, 0px));
  text-align: center
}

@media screen and (max-width:767px) {
  .un_engineering_line {
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    z-index: 0
  }
}

.un_engineering_line img {
  height: auto;
  width: max(0px, min(52.96875vw, 678px))
}

@media screen and (max-width:767px) {
  .un_engineering_line img {
    width: .8vw
  }
}

.un_engineering_list {
  display: flex;
  justify-content: space-between;
  margin-bottom: max(0px, min(6.64063vw, 85px));
  margin-left: auto;
  margin-right: auto;
  position: relative;
  text-align: left;
  width: max(0px, min(78.28125vw, 1002px));
  z-index: 1
}

@media screen and (max-width:767px) {
  .un_engineering_list {
    flex-direction: column;
    flex-wrap: wrap;
    margin-bottom: 4.8vw;
    margin-top: 14.66667vw;
    width: 84vw
  }
}

.un_engineering_item {
  background-color: #fff;
  border-radius: max(0px, min(.78125vw, 10px));
  box-shadow: 0 3px 16px rgba(0, 0, 0, .16);
  width: max(0px, min(24.375vw, 312px))
}

@media screen and (max-width:767px) {
  .un_engineering_item {
    border-radius: 2.66667vw;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 5.33333vw;
    padding: 4vw;
    width: 84vw
  }
}

.un_engineering_item_ttl {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  height: max(0px, min(7.34375vw, 94px));
  padding: max(0px, min(1.5625vw, 20px)) max(0px, min(1.95313vw, 25px));
  position: relative
}

@media screen and (max-width:767px) {
  .un_engineering_item_ttl {
    display: block;
    height: auto;
    margin-bottom: 4vw;
    padding: 0;
    width: 100%
  }
}

.un_engineering_item_ttl h4 {
  border-left: 3px solid #e32e7f;
  font-size: max(0px, min(1.5625vw, 20px));
  line-height: 1.2;
  padding-left: max(0px, min(.9375vw, 12px))
}

@media screen and (max-width:767px) {
  .un_engineering_item_ttl h4 {
    font-size: 4vw;
    padding-left: 2.13333vw
  }

  .un_engineering_item_body {
    display: flex
  }
}

.un_engineering_item_img {
  height: max(0px, min(18.90625vw, 242px));
  width: 100%
}

@media screen and (max-width:767px) {
  .un_engineering_item_img {
    height: 29.33333vw;
    width: 29.33333vw
  }
}

.un_engineering_item_img img {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%
}

.un_engineering_item_exp {
  box-sizing: border-box;
  height: max(0px, min(17.96875vw, 230px));
  padding: max(0px, min(1.5625vw, 20px)) max(0px, min(1.95313vw, 25px));
  position: relative
}

@media screen and (max-width:767px) {
  .un_engineering_item_exp {
    flex: 1 1;
    height: 100%;
    padding: 0 0 0 4vw
  }
}

.un_engineering_item_exp p {
  color: #e32e7f;
  font-size: max(0px, min(1.09375vw, 14px));
  font-weight: 700;
  line-height: 1.64
}

@media screen and (max-width:767px) {
  .un_engineering_item_exp p {
    font-size: 2.93333vw;
    line-height: 1.45;
    margin-bottom: 2.13333vw
  }
}

.un_engineering_item_exp .arrow {
  align-items: center;
  bottom: max(0px, min(1.875vw, 24px));
  display: flex;
  font-size: max(0px, min(1.79687vw, 23px));
  font-weight: 700;
  justify-content: flex-end;
  position: absolute;
  right: max(0px, min(1.5625vw, 20px))
}

@media screen and (max-width:767px) {
  .un_engineering_item_exp .arrow {
    bottom: 0;
    font-size: 4.26667vw;
    position: static;
    right: 0
  }

  .un_engineering_item_exp .arrow.spsm {
    font-size: 3.73333vw
  }
}

.un_engineering_item_exp .arrow svg {
  height: auto;
  margin-left: max(0px, min(.78125vw, 10px));
  vertical-align: top;
  width: max(0px, min(2.65625vw, 34px))
}

@media screen and (max-width:767px) {
  .un_engineering_item_exp .arrow svg {
    margin-left: 1.6vw;
    width: 6.93333vw
  }
}


.un_cont {
  padding-bottom: max(0px, min(9.53125vw, 122px));
  padding-top: max(0px, min(5.9375vw, 76px));
  position: relative
}

@media screen and (max-width:767px) {
  .un_cont {
    padding-bottom: 22.66667vw;
    padding-top: 10.66667vw
  }
}

.un_cont_openBtns {
  border-bottom: 1px solid #ccc;
  margin-bottom: max(0px, min(5.625vw, 72px))
}

@media screen and (max-width:767px) {
  .un_cont_openBtns {
    margin-bottom: 12vw
    }
}

.un_cont_openBtn {
  border-top: 1px solid #ccc
}

.un_cont_openBtn.open .un_cont_openBtn_ttl:after {
  display: none
}

.un_cont_openBtn_ttl {
  cursor: pointer;
  font-size: max(0px, min(1.875vw, 24px));
  font-weight: 700;
  margin-bottom: max(0px, min(2.34375vw, 30px));
  margin-top: max(0px, min(2.34375vw, 30px));
  padding-left: max(0px, min(1.5625vw, 20px));
  border-left:5px #e32e7f solid;
  line-height:1.2;
  position: relative;
  transition: opacity .2s cubic-bezier(.25, .25, .75, .75)
}

@media screen and (max-width:767px) {
  .un_cont_openBtn_ttl {
    font-size: 5.53333vw;
    margin-bottom: 6.53333vw;
    padding-left: 3.66667vw;
    margin-top: 6.53333vw
  }
}

.un_cont_openBtn_ttl:hover {
  opacity: .8
}

.un_cont_openBtn_ttl:before {
  background-color: #000;
  content: "";
  height: max(0px, min(.15625vw, 2px));
  position: absolute;
  right: max(0px, min(1.32813vw, 17px));
  top: 50%;
  transform: translateY(-50%);
  width: max(0px, min(1.5625vw, 20px))
}

@media screen and (max-width:767px) {
  .un_cont_openBtn_ttl:before {
    height: .53333vw;
    right: 2.66667vw;
    width: 4.26667vw
  }
}

.un_cont_openBtn_ttl:after {
  background-color: #000;
  content: "";
  height: max(0px, min(.15625vw, 2px));
  position: absolute;
  right: max(0px, min(1.32813vw, 17px));
  top: 50%;
  transform: translateY(-50%) rotate(90deg);
  width: max(0px, min(1.5625vw, 20px))
}

@media screen and (max-width:767px) {
  .un_cont_openBtn_ttl:after {
    height: .53333vw;
    right: 2.66667vw;
    width: 4.26667vw
  }
}

.un_cont_openBtn_body {
  border-top: 1px dashed #e0e0e0;
  padding-top: max(0px, min(3.125vw, 40px));
  display: none
}

@media screen and (max-width:767px) {
  .un_cont_openBtn_body {
    padding-top: 8vw
  }
}

@media screen and (max-width:767px) {
  .un_cont_openBtn_body .bl_txt span:before {
    font-size: 4.8vw;
    top: -.8vw
  }
}

.un_cont .bl_txt {
  margin-bottom: max(0px, min(5.15625vw, 66px))
}

@media screen and (max-width:767px) {
  .un_cont .bl_txt {
    margin-bottom: 13.33333vw;
    line-height:1.8;
  }
}

.un_cont .bl_barTtl {
  margin-bottom: max(0px, min(3.59375vw, 46px))
}

@media screen and (max-width:767px) {
  .un_cont .bl_barTtl {
    margin-bottom: 8vw
  }
}


.un_cont_sep {
  background-color: #ccc;
  height: 1px;
  margin-bottom: max(0px, min(3.35938vw, 43px));
  margin-top: max(0px, min(3.51563vw, 45px));
  width: 100%
}

@media screen and (max-width:767px) {
  .un_cont_sep {
    margin-bottom: 7.46667vw;
    margin-top: 8.53333vw
  }
}


.un_flow {
  margin-bottom: max(0px, min(3.125vw, 40px));
  padding-left: max(0px, min(1.5625vw, 20px));
  
}

@media screen and (max-width:767px) {
  .un_flow {
    margin-bottom: 8vw;
    padding-left: 1vw;
  }
}

.un_flow--blue .un_flowItem:before {
  border-left-color: #2419ac
}

.un_flow--blue .un_flowItem_num {
  background-color: #2419ac
}

.un_flow--blue .un_flowItem_ttl {
  color: #2419ac
}

.un_flowItem {
  display: flex;
  position: relative
}

.un_flowItem:before {
  border-left: max(0px, min(.39063vw, 5px)) solid #e32e7f;
  content: "";
  display: block;
  height: 100%;
  left: max(0px, min(5.07813vw, 65px));
  position: absolute;
  top: 0;
  width: 0;
  z-index: 0
}

@media screen and (max-width:767px) {
  .un_flowItem:before {
    border-left: .93333vw solid #e32e7f;
    left: 11.2vw
  }
}

.un_flowItem:last-child:before {
  display: none
}

.un_flowItem:last-child .un_flowItem_txt {
  padding-bottom: 0
}

.un_flowItem_num {
  align-items: center;
  background-color: #e32e7f;
  display: flex;
  height: max(0px, min(3.125vw, 40px));
  justify-content: center;
  transform: skewX(-15deg);
  width: max(0px, min(10.23438vw, 131px))
}

@media screen and (max-width:767px) {
  .un_flowItem_num {
    height: 6.93333vw;
    width: 22.93333vw
  }
}

.un_flowItem_num_inner {
  color: #fff;
  font-size: max(0px, min(1.71875vw, 22px));
  font-weight: 700;
  letter-spacing: .05em;
  transform: skewX(15deg)
}

@media screen and (max-width:767px) {
  .un_flowItem_num_inner {
    font-size: 3.73333vw
  }
}

.un_flowItem_txt {
  flex: 1 1;
  padding-bottom: max(0px, min(3.90625vw, 50px));
  padding-left: max(0px, min(1.5625vw, 20px))
}

@media screen and (max-width:767px) {
  .un_flowItem_txt {
    padding-bottom: 8vw;
    padding-left: 4vw
  }
}

.un_flowItem_ttl {
  color: #e32e7f;
  font-size: max(0px, min(2.03125vw, 26px));
  margin-bottom: max(0px, min(1.40625vw, 18px))
}

@media screen and (max-width:767px) {
  .un_flowItem_ttl {
    font-size: 4.8vw;
    margin-bottom: 1.33333vw
  }

  .un_flowItem_exp {
    font-size: 3.2vw;
    line-height: 1.66
  }
}

.un_flowItem_label{
	font-size: max(0px, min(1.5625vw, 22px));
	font-weight: 600;
    line-height: 1;
    background:#2419AC;
    color:#fff;
    display:inline-block;
    margin-top: max(0px, min(1.40625vw, 18px));
    padding-left: max(0px, min(1.5625vw, 20px));
    padding-right: max(0px, min(1.5625vw, 20px));
    padding-top: max(0px, min(.9375vw, 12px));
    padding-bottom: max(0px, min(.9375vw, 12px));
    border-radius: 30px;
}

@media screen and (max-width:767px) {

.un_flowItem_label{
font-size: 4.2vw;
margin-top: 2.8vw;
padding:2vw 4vw;
}

}

.un_cont .bl_rectTtl {
  margin-bottom: max(0px, min(1.5625vw, 20px));
}

@media screen and (max-width:767px) {
  .un_cont .bl_rectTtl {
    margin-bottom: 3.33333vw
  }
}

.tbl_wrap{
	margin-bottom: max(0px, min(2.34375vw, 30px));
}

@media screen and (max-width:767px) {
.tbl_wrap{
	padding-bottom: 8vw;
}
	
}

.tbl_data{
	box-sizing: border-box;
	width: 100%;
	font-size: max(0px, min(1.25vw, 16px));
	text-align: center;
	border-left:1px #ccc solid;
	border-top:1px #ccc solid;
	border-collapse: collapse;
  border-spacing: 0;
	margin-bottom: max(0px, min(2.34375vw, 30px));
}


@media screen and (max-width:767px) {
.tbl_data{
	font-size: 3.73333vw;
	margin-top:  5.73333vw;
}
	
}

.tbl_data th,
.tbl_data td{
	padding: max(0px, min(2.03125vw, 26px));
	border-right:1px #ccc solid;
	border-bottom:1px #ccc solid;
}

.tbl_data th{
	background: #EDEDF5;
}

.table-note{
	text-align: right!important;
}

@media screen and (max-width:767px) {
.table-note{
	font-size: 3.73333vw;
}
	
}


.ban_alumni{
	/*margin-top:  max(0px, min(4.6875vw, 60px));*/
	 margin-top:  max(0px, min(9.53125vw, 122px));
	margin-bottom: max(0px, min(2.34375vw, 30px));
}

@media screen and (max-width:767px) {
.ban_alumni{
	margin-top:  15vw;
	margin-bottom:  4vw;
}
	
}

.ban_alumni img{
	border-radius: 18px;
}



.siteFooter{
	background-image: linear-gradient(0deg, #fff 96%, #efefef 100%);
}