/* for 1540px only */
/* kv
-----------------------------------------------------------*/
section#kvHeader {
  background-color: #f0f0f0;
  background-image: url(/newgraduate/img/career-and-life/kv.png);
  background-repeat: no-repeat;
  background-size: 1192px;
  height: min(57.292vw, 1100px);
  min-height: 500px;
  display: flex;
  align-items: center;
  transition: 1s background-position;
  background-position: right calc(50vw - 960px - 50px) top 50%;
}
section#kvHeader.onAnim {
  background-position: right calc(50vw - 960px - 42px) top 50%;
}
@media screen and (max-width: 1920px) {
  section#kvHeader {
    background-size: min(62.083vw, 1192px) auto;
    background-position: right max(-3.731vw, -50px) top 50%;
  }
  section#kvHeader.onAnim {
    background-position: right max(-3.134vw, -42px) top 50%;
  }
}
section#kvHeader div.hlWrap {
  width: min(31.343vw, 420px);
  padding: min(3.731vw, 50px) 0 0;
  box-sizing: border-box;
  margin-left: calc(50vw - 960px + 200px);
}
@media screen and (max-width: 1920px) {
  section#kvHeader div.hlWrap {
    margin-left: min(10.417vw, 200px);
  }
}
@media screen and (max-width: 1640px) {
  section#kvHeader div.hlWrap {
    margin-left: calc(50vw - 650px);
  }
}
@media screen and (max-width: 1340px) {
  section#kvHeader div.hlWrap {
    margin-left: min(1.493vw, 20px);
  }
}
section#kvHeader div.hlWrap h2 {
  display: flex;
  flex-direction: column;
  font-size: min(5.195vw, 80px);
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  line-height: 1;
  font-weight: 700;
  color: #fab400;
}
section#kvHeader div.hlWrap .jpTtl {
  margin-top: min(1.866vw, 25px);
  font-size: min(2.985vw, 40px);
  font-weight: 700;
  color: #fab400;
  line-height: 1.5;
}
section#kvHeader div.hlWrap .jpTtl + p {
  margin-top: min(2.239vw, 30px);
}

@media screen and (max-width: 767px) {
  section#kvHeader {
    background-size: contain;
    background-position: right -13.333vw top 20vw;
    height: auto;
    min-height: 0;
    padding-top: 90.667vw;
    padding-bottom: 32vw;
  }
  section#kvHeader.onAnim {
    background-position: right 0 top 20vw;
  }
  section#kvHeader div.hlWrap {
    width: 100%;
    padding: 0 8vw 0;
    margin-left: 0;
  }
  section#kvHeader div.hlWrap h2 {
    font-size: 13.333vw;
    padding: 0;
  }
  section#kvHeader div.hlWrap .jpTtl {
    margin-top: 1.333vw;
    font-size: 5.333vw;
  }
  section#kvHeader div.hlWrap .jpTtl + p {
    margin-top: 4vw;
    font-size: 3.2vw;
  }
}
/* nav
-----------------------------------------------------------*/
nav.careerNav {
  padding-bottom: min(11.194vw, 150px);
}
nav.careerNav ul {
  display: flex;
  justify-content: space-between;
  margin-top: max(-7.463vw, -100px);
}
nav.careerNav ul li a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: min(29.851vw, 400px);
  height: min(14.925vw, 200px);
  background: #fab400;
  font-size: min(1.791vw, 24px);
  font-weight: 700;
  line-height: 1.6;
  gap: min(1.493vw, 20px);
  border-radius: min(2.239vw, 30px);
  overflow: hidden;
  transition: 0.3s all;
}
nav.careerNav ul li a img {
  transition: 0.3s all;
}
@media screen and (min-width: 769px) {
  nav.careerNav ul li a:hover {
    gap: min(0.746vw, 10px);
  }
  nav.careerNav ul li a:hover img {
    transform: scale(1.1);
  }
}
nav.careerNav ul li figure {
  width: min(10.448vw, 140px);
}
nav.careerNav ul li:nth-child(2) a {
  background: #23b473;
  color: #fff;
}
nav.careerNav ul li:last-child a {
  background: #f15a24;
  color: #fff;
}

@media screen and (max-width: 767px) {
  nav.careerNav {
    padding-bottom: 13.333vw;
  }
  nav.careerNav ul {
    margin-top: -20vw;
  }
  nav.careerNav ul li a {
    display: block;
    text-align: center;
    padding-top: 13px;
    box-sizing: border-box;
    width: 28vw;
    height: 40vw;
    font-size: 3.2vw;
    gap: 4vw;
    border-radius: 4vw;
  }
  nav.careerNav ul li figure {
    width: 18.667vw;
    margin: 0 auto;
  }
}
/* careerSec
-----------------------------------------------------------*/
section.careerSec {
  position: relative;
}
section.careerSec div.carrerBox {
  width: min(98.471vw, 1610px);
  width: calc(100% - (100% - min(97.015vw, 1300px)) / 2);
  height: min(37.662vw, 580px);
  padding: 0 min(7.463vw, 100px) 0 min(39.583vw, 760px);
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  box-sizing: border-box;
  background: #fab400;
  border-radius: 0 min(3.731vw, 50px) min(3.731vw, 50px) 0;
  transition: 0.3s transform;
}
section.careerSec div.carrerBox .catch {
  font-size: min(1.493vw, 20px);
  font-weight: 700;
  color: #fff;
  display: inline-flex;
  align-items: center;
  background: #2e3192;
  padding: 0 min(1.493vw, 20px);
  height: min(2.985vw, 40px);
  border-radius: min(2.985vw, 40px);
  line-height: 1;
}
section.careerSec div.carrerBox h2 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: min(1.493vw, 20px);
  color: #2e3192;
  font-feature-settings: "";
  margin-top: min(1.493vw, 20px);
}
section.careerSec div.carrerBox h2 span {
  font-size: min(1.667vw, 32px);
  height: min(3.125vw, 60px);
  display: flex;
  align-items: center;
  background: #fff;
  padding: 0 min(1.493vw, 20px);
  font-weight: 700;
  white-space: nowrap;
}
section.careerSec div.carrerBox h2 span span {
  padding: 0;
}
section.careerSec div.carrerBox div.profBox {
  font-size: min(1.194vw, 16px);
  margin-top: min(2.083vw, 40px);
  line-height: 2;
}
section.careerSec div.carrerBox div.profBox h3 {
  font-size: min(1.493vw, 20px);
}
section.careerSec div.carrerBox div.profBox figure {
  width: min(39.583vw, 760px);
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 10;
}
section.careerSec div.carrerBox div.profBox figure.animPos {
  opacity: 0;
  transform: translateX(50px);
  transition: 0.8s all;
}
section.careerSec div.carrerBox div.profBox figure.animPos.onAnim {
  opacity: 1;
  transform: translateX(0);
}
section.careerSec div.carrerBox .note {
  font-size: min(1.194vw, 16px);
}
section.careerSec div.routeBox div.inner div.posBase {
  background: url(/newgraduate/img/career-and-life/load_1.png) center 0 no-repeat;
  background-size: min(143.284vw, 1920px) auto;
  height: min(104.478vw, 1400px);
  position: relative;
}
section.careerSec div.routeBox div.inner div.posBase > div {
  position: absolute;
  z-index: 10;
}
section.careerSec div.routeBox h4 {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: min(2.985vw, 40px);
  font-weight: 700;
  color: #fab400;
  line-height: 1;
}
section.careerSec div.routeBox .pos {
  font-size: min(1.493vw, 20px);
  font-weight: 700;
  color: #2e3192;
  margin: min(0.373vw, 5px) 0;
}
section.careerSec div.routeBox .note {
  font-size: min(1.194vw, 16px);
  font-weight: 300;
  font-feature-settings: "palt";
  letter-spacing: 0.05em;
}
section.careerSec div.routeBox .ballon {
  padding: min(1.119vw, 15px) min(1.493vw, 20px);
  font-size: min(1.194vw, 16px);
  color: #fff;
  position: relative;
  line-height: 2;
  border-radius: min(1.493vw, 20px);
  box-sizing: border-box;
  background: #2e3192;
}
section.careerSec div.routeBox .ballon::before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: min(1.493vw, 20px) solid transparent;
  border-bottom-color: #2e3192;
  position: absolute;
  top: max(-2.91vw, -39px);
  left: min(3.731vw, 50px);
  z-index: 10;
  transform: scaleX(0.5);
}
section.careerSec div.routeBox .ballon h5 {
  color: #fab400;
  font-weight: 700;
  font-size: min(1.493vw, 20px);
  line-height: 1.6;
}
section.careerSec .lastImg {
  width: min(33.333vw, 640px);
  position: absolute;
  bottom: calc(100px - min(5.208vw, 100px));
  z-index: 20;
  border-radius: min(3.731vw, 50px) 0 0 min(3.731vw, 50px);
  overflow: hidden;
  right: calc(50vw - 1290px);
}
@media screen and (max-width: 2580px) {
  section.careerSec .lastImg {
    right: 0;
  }
}
section.careerSec#C1 {
  margin-bottom: min(8.955vw, 120px);
}
section.careerSec#C1 #C1_1 {
  top: min(14.925vw, 200px);
  left: 0;
}
section.careerSec#C1 #C1_1 .ballon {
  margin-top: min(2.239vw, 30px);
  width: min(29.851vw, 400px);
}
section.careerSec#C1 #C1_2 {
  left: min(41.045vw, 550px);
  top: min(15.224vw, 204px);
}
section.careerSec#C1 #C1_2 figure {
  width: min(19.627vw, 263px);
  margin-top: min(1.493vw, 20px);
}
section.careerSec#C1 #C1_3 {
  width: min(26.866vw, 360px);
  left: min(71.269vw, 955px);
  top: min(26.418vw, 354px);
}
section.careerSec#C1 #C1_4 {
  left: min(53.806vw, 721px);
  top: min(54.104vw, 725px);
}
section.careerSec#C1 #C1_4 figure {
  width: min(7.537vw, 101px);
  position: absolute;
  bottom: 0;
  right: max(-8.955vw, -120px);
  z-index: 15;
}
section.careerSec#C1 #C1_5 {
  left: min(9.03vw, 121px);
  top: min(54.104vw, 725px);
}
section.careerSec#C1 #C1_5 figure {
  width: min(33.955vw, 455px);
  margin-top: min(1.493vw, 20px);
}
section.careerSec#C1 #C1_6 {
  left: 0px;
  top: min(87.761vw, 1176px);
}
section.careerSec#C1 #C1_7 {
  left: min(38.806vw, 520px);
  top: min(87.836vw, 1177px);
}
@media screen and (max-width: 1540px) {
  section.careerSec#C1 #C1_7 {
    left: min(35.075vw, 470px);
  }
}
section.careerSec#C2 {
  margin-bottom: min(12.687vw, 170px);
}
section.careerSec#C2::before, section.careerSec#C2::after {
  content: "";
  display: block;
  width: 100%;
  height: min(29.851vw, 400px);
  background: #efefef;
  position: absolute;
  top: min(14.179vw, 190px);
  left: 0;
  z-index: -5;
}
section.careerSec#C2::after {
  height: min(26.866vw, 360px);
  top: auto;
  bottom: max(-26.119vw, -350px);
}
section.careerSec#C2 div.carrerBox {
  margin-left: auto;
  border-radius: min(3.731vw, 50px) 0 0 min(3.731vw, 50px);
  background: #23b473;
  padding: 0 min(43.75vw, 840px) 0 min(5.97vw, 80px);
  color: #fff;
}
section.careerSec#C2 div.carrerBox h2 span {
  color: #f15a24;
}
section.careerSec#C2 div.carrerBox div.profBox figure {
  width: min(43.75vw, 840px);
  left: auto;
  right: 0;
}
section.careerSec#C2 div.routeBox {
  background: #efefef;
}
section.careerSec#C2 div.routeBox div.inner div.posBase {
  background: url(/newgraduate/img/career-and-life/load_2.png) center 0 no-repeat;
  background-size: min(143.284vw, 1920px) auto;
  height: min(100.746vw, 1350px);
}
section.careerSec#C2 div.routeBox h4 {
  color: #23b473;
}
section.careerSec#C2 div.routeBox .pos {
  color: #f15a24;
}
section.careerSec#C2 .lastImg {
  right: auto;
  border-radius: 0 min(3.731vw, 50px) min(3.731vw, 50px) 0;
  left: calc(50vw - 1290px);
}
@media screen and (max-width: 2580px) {
  section.careerSec#C2 .lastImg {
    left: 0;
  }
}
section.careerSec#C2 #C2_1 {
  left: min(72.09vw, 966px);
  top: min(16.269vw, 218px);
  width: min(17.164vw, 230px);
}
section.careerSec#C2 #C2_1 figure {
  width: min(30.224vw, 405px);
  position: absolute;
  bottom: 0;
  left: max(-34.328vw, -460px);
  z-index: 15;
}
section.careerSec#C2 #C2_2 {
  left: min(10.448vw, 140px);
  top: min(15.896vw, 213px);
  width: min(23.134vw, 310px);
}
section.careerSec#C2 #C2_3 {
  left: 0px;
  top: min(44.925vw, 602px);
  width: min(25.373vw, 340px);
}
section.careerSec#C2 #C2_3 .ballon {
  width: min(33.955vw, 455px);
  position: absolute;
  top: 0;
  right: max(-37.313vw, -500px);
  z-index: 15;
  background: #f15a24;
}
section.careerSec#C2 #C2_3 .ballon::before {
  border-color: transparent;
  border-right-color: #f15a24;
  transform: scale(1, 0.5);
  top: min(1.493vw, 20px);
  left: max(-2.91vw, -39px);
}
section.careerSec#C2 #C2_3 .ballon h5 {
  color: #fff;
}
section.careerSec#C2 #C2_3 figure {
  width: min(23.806vw, 319px);
  position: absolute;
  top: min(2.239vw, 30px);
  right: max(-63.433vw, -850px);
  z-index: 15;
}
section.careerSec#C2 #C2_4 {
  left: min(48.582vw, 651px);
  top: min(85.075vw, 1140px);
}
section.careerSec#C2 #C2_4 figure {
  width: min(9.531vw, 183px);
  position: absolute;
  bottom: 0;
  left: max(-12.5vw, -240px);
  z-index: 15;
}
section.careerSec#C3 {
  margin-bottom: min(21.642vw, 290px);
}
section.careerSec#C3 div.carrerBox {
  background: #f15a24;
  color: #fff;
}
section.careerSec#C3 div.carrerBox h2 span {
  color: #23b473;
}
section.careerSec#C3 div.routeBox div.inner div.posBase {
  background: url(/newgraduate/img/career-and-life/load_3.png) center 0 no-repeat;
  background-size: min(143.284vw, 1920px) auto;
  height: min(96.269vw, 1290px);
}
section.careerSec#C3 div.routeBox h4 {
  color: #f15a24;
}
section.careerSec#C3 div.routeBox .pos {
  color: #23b473;
}
section.careerSec#C3 #C3_1 {
  left: 0px;
  top: min(15.224vw, 204px);
}
section.careerSec#C3 #C3_2 {
  left: min(48.507vw, 650px);
  top: min(15.224vw, 204px);
}
section.careerSec#C3 #C3_2 figure {
  width: min(9.254vw, 124px);
  position: absolute;
  bottom: 0;
  left: max(-13.433vw, -180px);
  z-index: 15;
}
section.careerSec#C3 #C3_3 {
  width: min(29.104vw, 390px);
  left: min(24.403vw, 327px);
  top: min(45.075vw, 604px);
}
section.careerSec#C3 #C3_3 figure {
  width: min(25.97vw, 348px);
  position: absolute;
  top: 0;
  right: max(-34.328vw, -460px);
  z-index: 15;
}
section.careerSec#C3 #C3_4 {
  left: 0px;
  top: min(79.627vw, 1067px);
}
section.careerSec#C3 #C3_4 figure {
  width: min(8.955vw, 120px);
  position: absolute;
  top: max(-18.657vw, -250px);
  left: min(11.94vw, 160px);
  z-index: 15;
}
section.careerSec#C3 #C3_4 .ballon {
  width: min(32.09vw, 430px);
  position: absolute;
  top: 0;
  left: 485px;
  z-index: 15;
  background: #23b473;
}
section.careerSec#C3 #C3_4 .ballon h5 {
  display: flex;
  align-items: center;
  padding: 0.3em 0;
}
section.careerSec#C3 #C3_4 .ballon h5 em {
  font-size: min(2.388vw, 32px);
  line-height: 1;
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-weight: 700;
}
section.careerSec#C3 #C3_4 .ballon .sub {
  font-weight: 700;
  font-size: min(1.493vw, 20px);
}
section.careerSec#C3 #C3_4 .ballon::before {
  border-color: transparent;
  border-right-color: #23b473;
  transform: scale(1, 0.5);
  top: min(1.493vw, 20px);
  left: max(-2.91vw, -39px);
}
@media screen and (max-width: 1720px) {
  section.careerSec#C3 #C3_4 {
    width: min(26.163vw, 450px);
  }
  section.careerSec#C3 #C3_4 .ballon {
    left: min(28.14vw, 484px);
  }
}

@media screen and (max-width: 767px) {
  section.careerSec {
    position: relative;
  }
  section.careerSec div.carrerBox {
    width: calc(100% - 4vw);
    height: auto;
    padding: 5.333vw 4vw;
    display: block;
    border-radius: 0 6.667vw 6.667vw 0;
  }
  section.careerSec div.carrerBox .catch {
    font-size: 2.667vw;
    padding: 0 2.667vw;
    height: 5.333vw;
  }
  section.careerSec div.carrerBox h2 {
    gap: 2.667vw;
    margin-top: 2.667vw;
  }
  section.careerSec div.carrerBox h2 span {
    font-size: 4.267vw;
    height: 8vw;
    padding: 0 2.667vw;
  }
  section.careerSec div.carrerBox h2 span.wrap {
    display: contents;
  }
  section.careerSec div.carrerBox h2 span span {
    padding: 0 2.667vw;
  }
  section.careerSec div.carrerBox div.profBox {
    font-size: 3.2vw;
    margin-top: 2.667vw;
    display: flex;
    align-items: center;
  }
  section.careerSec div.carrerBox div.profBox h3 {
    font-size: 3.733vw;
  }
  section.careerSec div.carrerBox div.profBox figure {
    width: 44vw;
    position: static;
  }
  section.careerSec div.carrerBox div.profBox figure img {
    width: 40vw;
  }
  section.careerSec div.carrerBox div.profBox figure.animPos {
    transform: translateX(-50px);
  }
  section.careerSec div.carrerBox div.profBox figure.animPos.onAnim {
    transform: translateX(0);
  }
  section.careerSec div.carrerBox .note {
    margin-top: 4vw;
    font-size: 3.2vw;
  }
  section.careerSec div.routeBox div.inner div.posBase {
    background: url(/newgraduate/img/career-and-life/load_sp.png) 0 0 repeat-y;
    background-size: 5.333vw auto;
    height: auto;
  }
  section.careerSec div.routeBox div.inner div.posBase > div {
    position: relative;
    top: 0 !important;
    left: 0 !important;
  }
  section.careerSec div.routeBox .posBase {
    padding: 6.667vw 0 8vw 9.333vw;
  }
  section.careerSec div.routeBox .posBase > div {
    margin-top: 8vw;
    position: relative;
  }
  section.careerSec div.routeBox h4 {
    font-size: 8vw;
  }
  section.careerSec div.routeBox .pos {
    font-size: 3.733vw;
  }
  section.careerSec div.routeBox .note {
    font-size: 3.2vw;
  }
  section.careerSec div.routeBox .ballon {
    padding: 2.667vw 4vw;
    font-size: 3.2vw;
    border-radius: 2.667vw;
  }
  section.careerSec div.routeBox .ballon::before {
    border: 2.667vw solid transparent;
    border-bottom-color: #2e3192;
    top: -5.067vw;
    left: 6.667vw;
  }
  section.careerSec div.routeBox .ballon h5 {
    font-size: 3.733vw;
  }
  section.careerSec .lastImg {
    width: 100%;
    position: static;
    border-radius: 0;
  }
  section.careerSec#C1 {
    margin-bottom: 21.333vw;
  }
  section.careerSec#C1 #C1_1 {
    margin-top: 0;
  }
  section.careerSec#C1 #C1_1 .ballon {
    margin-top: 4vw;
    width: 100%;
  }
  section.careerSec#C1 #C1_2 figure {
    width: 26.933vw;
    margin-top: 0;
    position: absolute;
    top: 0;
    right: 15px;
    z-index: 15;
  }
  section.careerSec#C1 #C1_3 {
    width: 96vw;
  }
  section.careerSec#C1 #C1_4 figure {
    width: 11.467vw;
    right: 4vw;
  }
  section.careerSec#C1 #C1_5 figure {
    width: 44.533vw;
    margin: 4vw auto 0;
  }
  section.careerSec#C2 {
    margin-bottom: 21.333vw;
  }
  section.careerSec#C2::before, section.careerSec#C2::after {
    height: 72vw;
    top: 69.333vw;
  }
  section.careerSec#C2::after {
    height: 66.667vw;
    top: auto;
    bottom: -64vw;
  }
  section.careerSec#C2 div.carrerBox {
    margin-left: 0;
    border-radius: 0 6.667vw 6.667vw 0;
    padding: 5.333vw 4vw;
  }
  section.careerSec#C2 div.profBox figure {
    width: 44vw;
    position: static;
  }
  section.careerSec#C2 div.profBox figure img {
    width: 40vw;
  }
  section.careerSec#C2 div.routeBox div.inner div.posBase {
    background: url(/newgraduate/img/career-and-life/load_sp_wh.png) 0 0 repeat-y;
    background-size: 5.333vw auto;
    height: auto;
  }
  section.careerSec#C2 .lastImg {
    border-radius: 0;
  }
  section.careerSec#C2 #C2_1 {
    width: 61.333vw;
    margin-top: 0;
  }
  section.careerSec#C2 #C2_1 figure {
    width: 38.667vw;
    position: static;
    margin: 4vw 0 0 37.333vw;
  }
  section.careerSec#C2 #C2_2 {
    width: 100%;
  }
  section.careerSec#C2 #C2_3 {
    width: 100%;
    padding-bottom: 13.333vw;
  }
  section.careerSec#C2 #C2_3 .ballon {
    margin-top: 4vw;
    position: relative;
    width: 100%;
    box-sizing: border-box;
    padding: 2.667vw 4vw;
    font-size: 3.2vw;
    border-radius: 2.667vw;
    left: 0;
  }
  section.careerSec#C2 #C2_3 .ballon::before {
    border: 2.667vw solid transparent;
    border-bottom-color: #f15a24;
    transform: scale(0.5, 1);
    top: -5.067vw;
    left: 6.667vw;
  }
  section.careerSec#C2 #C2_3 figure {
    width: 34.667vw;
    top: auto;
    bottom: -5.333vw;
    right: 6.667vw;
  }
  section.careerSec#C2 #C2_4 figure {
    width: 20.533vw;
    position: static;
    margin: 1.333vw 0 0 57.6vw;
  }
  section.careerSec#C3 {
    margin-bottom: 16vw;
  }
  section.careerSec#C3 div.routeBox div.inner div.posBase {
    background: url(/newgraduate/img/career-and-life/load_sp.png) 0 0 repeat-y;
    background-size: 5.333vw auto;
    height: auto;
    padding-bottom: 13.333vw;
  }
  section.careerSec#C3 #C3_1 {
    margin-top: 0;
  }
  section.careerSec#C3 #C3_2 figure {
    width: 13.333vw;
    top: -9.333vw;
    right: 5.333vw;
    bottom: auto;
    left: auto;
  }
  section.careerSec#C3 #C3_3 {
    width: 100%;
  }
  section.careerSec#C3 #C3_3 figure {
    position: static;
    width: 33.067vw;
    margin: 2.667vw 0 0 20vw;
  }
  section.careerSec#C3 #C3_4 {
    width: 100%;
    letter-spacing: -0.05em;
  }
  section.careerSec#C3 #C3_4 figure {
    width: 12.267vw;
    top: 46.133vw;
    left: 61.333vw;
  }
  section.careerSec#C3 #C3_4 .ballon {
    position: relative;
    margin-top: 20vw;
    width: 100%;
    padding: 2.667vw 4vw 4vw;
    font-size: 3.2vw;
    border-radius: 2.667vw;
    left: 0;
  }
  section.careerSec#C3 #C3_4 .ballon::before {
    border: 2.667vw solid transparent;
    border-bottom-color: #23b473;
    transform: scale(0.5, 1);
    top: -5.067vw;
    left: 6.667vw;
  }
  section.careerSec#C3 #C3_4 .ballon h5 {
    font-size: 4.267vw;
  }
  section.careerSec#C3 #C3_4 .ballon h5 em {
    font-size: 8vw;
  }
  section.careerSec#C3 #C3_4 .ballon .sub {
    font-size: 3.733vw;
  }
}
/*# sourceMappingURL=career-and-life.css.map */