@keyframes rotate_circle {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes fade_in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes move_right {
  100% {
    transform: translateX(100px);
  }
}
@keyframes move_left {
  0% {
    opacity: 0;
    transform: translateX(3rem);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes move_up {
  0% {
    opacity: 0;
    transform: translateY(3rem);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes move_down {
  0% {
    opacity: 0;
    transform: translateY(-3rem);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes floating_effect_up {
  0% {
    transform: translate3d(0, 0, 0);
  }
  50% {
    transform: translate3d(0, -7.5%, 0);
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes floating_effect_down {
  0% {
    transform: translate3d(0, 0, 0);
  }
  50% {
    transform: translate3d(0, 7.5%, 0);
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes cloud01 {
  0% {
    width: 0;
    height: 0;
    opacity: 0;
    transform: translate3d(0, 0, 0);
  }
  1% {
    width: 36vw;
    height: 22vw;
    opacity: 1;
    transform: translate3d(70vw, 12rem, 0);
  }
  100% {
    transform: translate3d(-50vw, 12rem, 0);
  }
}
@keyframes cloud02 {
  0% {
    width: 0;
    height: 0;
    opacity: 0;
    transform: translate3d(0, 0, 0);
  }
  1% {
    width: 24vw;
    height: 12vw;
    opacity: 1;
    transform: translate3d(40vw, 7rem, 0);
  }
  100% {
    transform: translate3d(-10vw, 7rem, 0);
  }
}
@keyframes cloud03 {
  0% {
    width: 0;
    height: 0;
    opacity: 0;
    transform: translate3d(0, 0, 0);
  }
  1% {
    width: 36vw;
    height: 22vw;
    opacity: 1;
    transform: translate3d(5vw, 20rem, 0);
  }
  100% {
    transform: translate3d(-20vw, 20rem, 0);
  }
}
@keyframes cloud04 {
  0% {
    width: 0;
    height: 0;
    opacity: 0;
    transform: translate3d(0, 0, 0);
  }
  1% {
    width: 28vw;
    height: 18vw;
    opacity: 1;
    transform: translate3d(55vw, 55rem, 0);
  }
  100% {
    transform: translate3d(-10vw, 55rem, 0);
  }
}
@keyframes cloud05 {
  0% {
    width: 0;
    height: 0;
    opacity: 0;
    transform: translate3d(0, 0, 0);
  }
  1% {
    width: 20vw;
    height: 10vw;
    opacity: 1;
    transform: translate3d(22vw, 70rem, 0);
  }
  100% {
    transform: translate3d(-142vw, 70rem, 0);
  }
}
#skip {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 9999;
}
#skip > a {
  display: block;
  position: absolute;
  left: 0;
  top: -44px;
  width: 100%;
  color: #f3f8fc;
  font-size: 20px;
  line-height: 44px;
  text-align: center;
  background-color: #172a7e;
  transition-property: top;
  transition: 0.5s;
}
#skip > a:focus {
  top: 0;
}
#skip > a:active {
  top: 0;
}

#ca-header {
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: center;
  z-index: 999;
}
#ca-header .ca-logo {
  position: absolute;
  width: 155px;
  height: 62px;
  left: 64px;
  top: 44px;
  transition: width 300ms;
}
#ca-header .ca-logo > a {
  display: block;
  width: 100%;
  height: 100%;
  background-image: url("../images/header/img_logo.png");
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}
#ca-header .ca-login {
  position: fixed;
  width: 10rem;
  height: 4.6rem;
  right: 12rem;
  top: 5.2rem;
  padding-top: 1.3rem;
  color: #fff;
  font-size: 1.6rem;
  font-weight: 700;
  text-align: center;
  border: 1px solid transparent;
  border-radius: 2.3rem;
  background-color: #172a7e;
  transition-duration: 500ms;
}
#ca-header .ca-login:hover {
  color: #172a7e;
  background-color: #fff;
  border: 1px solid #172a7e;
}
#ca-header .ca-ham-wrap {
  position: fixed;
  width: 4.6rem;
  height: 4.6rem;
  right: 6rem;
  top: 5.2rem;
  border: 1px solid #172a7e;
  border-radius: 50%;
  transition: 300ms;
  z-index: 100;
}
#ca-header .ca-ham-wrap .ca-ham {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  z-index: 1;
}
#ca-header .ca-ham-wrap .ca-ham > span {
  position: absolute;
  display: block;
  width: 16px;
  height: 2px;
  left: 14px;
  top: 15px;
  font-size: 0;
  background-color: #172a7e;
  transition: 300ms;
  overflow: hidden;
}
#ca-header .ca-ham-wrap .ca-ham .ca-ham-line1 {
  top: 15px;
}
#ca-header .ca-ham-wrap .ca-ham .ca-ham-line1.active {
  top: 21px;
  transform: rotate(45deg);
}
#ca-header .ca-ham-wrap .ca-ham .ca-ham-line2 {
  top: 21px;
}
#ca-header .ca-ham-wrap .ca-ham .ca-ham-line2.active {
  transform: scale(0);
}
#ca-header .ca-ham-wrap .ca-ham .ca-ham-line3 {
  top: 27px;
}
#ca-header .ca-ham-wrap .ca-ham .ca-ham-line3.active {
  top: 21px;
  transform: rotate(-45deg);
}
#ca-header #ca-gnb {
  display: none;
  position: fixed;
  width: 52rem;
  height: 72rem;
  right: 0;
  top: 0;
  background-image: url("../images/header/gnb_mask_wh.svg");
  background-size: 100% 100%;
  background-position: 5rem -20rem;
  background-repeat: no-repeat;
  filter: drop-shadow(2rem 0.2rem 2rem rgba(0, 0, 0, 0.1));
  z-index: 99;
}
#ca-header #ca-gnb .ca-gnb-wrap {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  position: absolute;
  left: 17rem;
  top: 14rem;
  opacity: 0;
  transition-duration: 1000ms;
}
#ca-header #ca-gnb .ca-gnb-wrap .ca-depth1 > a {
  display: inline-block;
  position: relative;
  width: 300px;
  padding-bottom: 3rem;
  color: #172a7e;
  font-size: 2.4rem;
  font-weight: 700;
  letter-spacing: 0.2rem;
  transition: opacity 300ms;
}
#ca-header #ca-gnb .ca-gnb-wrap .ca-depth1 > a::before {
  content: "";
  position: absolute;
  width: 2.4rem;
  height: 1.4rem;
  left: -5rem;
  top: 0.5rem;
  opacity: 0;
  background-image: url("../images/header/gnb_icon.png");
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  transition: 300ms;
}
#ca-header #ca-gnb .ca-gnb-wrap .ca-depth1 > a:hover {
  opacity: 0.3;
}
#ca-header #ca-gnb .ca-gnb-wrap .ca-depth1 > a:hover::before {
  left: -3.6rem;
  opacity: 1;
}
#ca-header #ca-gnb .ca-gnb-wrap.active {
  opacity: 1;
  transition-delay: 600ms;
}

#ca-main #ca-main-banner {
  position: relative;
  z-index: 10;
}
#ca-main #ca-main-banner .ca-main-banner-container {
  width: 100vw;
}
#ca-main #ca-main-banner .ca-main-banner-container .ca-main-banner-imgBox {
  z-index: 11;
}
#ca-main #ca-main-banner .ca-main-banner-container .ca-main-banner-imgBox .ca-main-banner-visual01 .ca-main-banner-bg-cloud-wrap {
  position: relative;
  width: 100%;
  height: 82vh;
}
#ca-main #ca-main-banner .ca-main-banner-container .ca-main-banner-imgBox .ca-main-banner-visual01 .ca-main-banner-bg-cloud-wrap .bg-cloud {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  font-size: 0;
  line-height: 0;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  animation-duration: 90s;
  animation-timing-function: cubic-bezier(0.01 0.5, 0.98, 1);
  animation-fill-mode: both;
  overflow: hidden;
  z-index: 2;
}
#ca-main #ca-main-banner .ca-main-banner-container .ca-main-banner-imgBox .ca-main-banner-visual01 .ca-main-banner-bg-cloud-wrap .bg-cloud1 {
  width: 36vw;
  height: 22vw;
  background-image: url("../images/section01_main_banner/cloud_image_ori.png");
  animation-name: cloud01;
  animation-delay: 100ms;
}
#ca-main #ca-main-banner .ca-main-banner-container .ca-main-banner-imgBox .ca-main-banner-visual01 .ca-main-banner-bg-cloud-wrap .bg-cloud2 {
  width: 24vw;
  height: 12vw;
  background-image: url("../images/section01_main_banner/cloud_image_rev.png");
  animation-name: cloud02;
  animation-delay: 300ms;
}
#ca-main #ca-main-banner .ca-main-banner-container .ca-main-banner-imgBox .ca-main-banner-visual01 .ca-main-banner-bg-cloud-wrap .bg-cloud3 {
  width: 36vw;
  height: 22vw;
  background-image: url("../images/section01_main_banner/cloud_image_ori.png");
  animation-name: cloud03;
  animation-delay: 500ms;
}
#ca-main #ca-main-banner .ca-main-banner-container .ca-main-banner-imgBox .ca-main-banner-visual01 .ca-main-banner-bg-cloud-wrap .bg-cloud4 {
  width: 28vw;
  height: 18vw;
  background-image: url("../images/section01_main_banner/cloud_image_rev.png");
  animation-name: cloud04;
  animation-delay: 200ms;
}
#ca-main #ca-main-banner .ca-main-banner-container .ca-main-banner-imgBox .ca-main-banner-visual01 .ca-main-banner-bg-cloud-wrap .bg-cloud5 {
  width: 20vw;
  height: 10vw;
  background-image: url("../images/section01_main_banner/cloud_image_ori.png");
  animation-name: cloud05;
  animation-delay: 400ms;
}
#ca-main #ca-main-banner .ca-main-banner-container .ca-main-banner-imgBox .ca-main-banner-visual01 .ca-main-banner-bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100vw;
  height: 108rem;
  mask-image: url("../images/section01_main_banner/mask1_mv_talk.svg");
  -webkit-mask-image: url("../images/section01_main_banner/mask1_mv_talk.svg");
  mask-size: 100vw 100%;
  -webkit-mask-size: 100vw 100%;
  mask-repeat: no-repeat;
  z-index: 1;
}
#ca-main #ca-main-banner .ca-main-banner-container .ca-main-banner-imgBox .ca-main-banner-visual01 .ca-main-banner-img {
  position: absolute;
  width: 350px;
  height: 510px;
  left: 50%;
  top: 520px;
  transform: translateX(-50%);
  animation-name: fade_in;
  animation-duration: 1.5s;
  animation-delay: 1800ms;
  animation-fill-mode: both;
  z-index: 3;
}
#ca-main #ca-main-banner .ca-main-banner-container .ca-main-banner-txtBox {
  position: absolute;
  left: 50%;
  top: 200px;
  text-align: center;
  transform: translateX(-50%);
  background-color: transparent;
  z-index: 12;
}
#ca-main #ca-main-banner .ca-main-banner-container .ca-main-banner-txtBox h3 {
  padding-bottom: 26px;
  color: #172a7e;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: 2px;
  animation-name: move_up;
  animation-duration: 1s;
  animation-delay: 1200ms;
  animation-fill-mode: both;
}
#ca-main #ca-main-banner .ca-main-banner-container .ca-main-banner-txtBox p {
  padding-bottom: 60px;
  color: #172a7e;
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: 30px;
  animation-name: move_up;
  animation-duration: 1s;
  animation-delay: 1500ms;
  animation-fill-mode: both;
}
#ca-main #ca-main-banner .ca-main-banner-container .ca-main-banner-txtBox .ca-holiday-txt {
  width: 760px;
  height: 200px;
  background-image: url("../images/section01_main_banner/mv_obj.png");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  animation-name: move_up;
  animation-duration: 1s;
  animation-delay: 1800ms;
  animation-fill-mode: both;
}
#ca-main #ca-concept {
  position: relative;
  transition-duration: 800ms;
  z-index: 1;
}
#ca-main #ca-concept .ca-concept-container {
  width: 100vw;
  margin-top: 1vw;
}
#ca-main #ca-concept .ca-concept-container .ca-concept-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: stretch;
}
#ca-main #ca-concept .ca-concept-container .ca-concept-wrapper .ca-concept-imgBox .ca-main-concept-img {
  width: 44vw;
  margin-right: 6vw;
  opacity: 0;
}
#ca-main #ca-concept .ca-concept-container .ca-concept-wrapper .ca-concept-imgBox .ca-main-concept-img.active {
  animation-name: move_down;
  animation-duration: 1600ms;
  animation-fill-mode: both;
}
#ca-main #ca-concept .ca-concept-container .ca-concept-wrapper .ca-concept-imgBox .ca-main-concept-lastddu {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100vw;
}
#ca-main #ca-concept .ca-concept-container .ca-concept-wrapper .ca-concept-txtBox {
  margin: auto 0 auto 2vw;
  padding-top: 4vw;
  opacity: 0;
}
#ca-main #ca-concept .ca-concept-container .ca-concept-wrapper .ca-concept-txtBox h3 {
  color: #172a7e;
  font-size: 2.1rem;
  font-weight: 500;
  letter-spacing: 1px;
}
#ca-main #ca-concept .ca-concept-container .ca-concept-wrapper .ca-concept-txtBox p {
  color: #172a7e;
  line-height: 4.5rem;
  word-break: keep-all;
}
#ca-main #ca-concept .ca-concept-container .ca-concept-wrapper .ca-concept-txtBox .ca-concept-txt01 {
  padding: 4.5rem 0 2rem;
  font-size: 2.1rem;
  font-weight: 300;
  letter-spacing: 1px;
}
#ca-main #ca-concept .ca-concept-container .ca-concept-wrapper .ca-concept-txtBox .ca-concept-txt02 {
  font-size: 2rem;
  font-weight: 400;
}
#ca-main #ca-concept .ca-concept-container .ca-concept-wrapper .ca-concept-txtBox .ca-concept-txt03 {
  font-size: 2rem;
  font-weight: 400;
}
#ca-main #ca-concept .ca-concept-container .ca-concept-wrapper .ca-concept-txtBox .ca-concept-txt03 strong {
  font-weight: 600;
}
#ca-main #ca-concept .ca-concept-container .ca-concept-wrapper .ca-concept-txtBox.active {
  animation-name: move_left;
  animation-duration: 1600ms;
  animation-delay: 300ms;
  animation-fill-mode: both;
}
#ca-main #ca-char .ca-char-container {
  background-color: #f3f8fc;
}
#ca-main #ca-char .ca-char-container .ca-char-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}
#ca-main #ca-char .ca-char-container .ca-char-wrapper .ca-char-inner {
  min-width: 1200px;
  margin-left: 100px;
}
#ca-main #ca-char .ca-char-container .ca-char-wrapper .ca-char-inner01 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  gap: 10vw;
  padding-top: 20rem;
}
#ca-main #ca-char .ca-char-container .ca-char-wrapper .ca-char-inner01 .ca-char-inner01-txtBox01 {
  opacity: 0;
}
#ca-main #ca-char .ca-char-container .ca-char-wrapper .ca-char-inner01 .ca-char-inner01-txtBox01 h3 {
  padding-bottom: 4rem;
  color: #172a7e;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: 3px;
}
#ca-main #ca-char .ca-char-container .ca-char-wrapper .ca-char-inner01 .ca-char-inner01-txtBox01 p {
  width: 36rem;
  color: #172a7e;
  font-size: 2.4rem;
  font-weight: 400;
  letter-spacing: 1px;
}
#ca-main #ca-char .ca-char-container .ca-char-wrapper .ca-char-inner01 .ca-char-inner01-txtBox01 span {
  display: block;
  padding-top: 2rem;
  font-size: 5.3rem;
  font-weight: 700;
}
#ca-main #ca-char .ca-char-container .ca-char-wrapper .ca-char-inner01 .ca-char-inner01-txtBox01.active {
  animation-name: fade_in;
  animation-duration: 1000ms;
  animation-fill-mode: both;
}
#ca-main #ca-char .ca-char-container .ca-char-wrapper .ca-char-inner01 .ca-char-inner01-txtBox02 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 4.5vw;
}
#ca-main #ca-char .ca-char-container .ca-char-wrapper .ca-char-inner01 .ca-char-inner01-txtBox02 .ca-char-reason {
  width: 210px;
  height: 60px;
  margin-top: 10rem;
  border-bottom: 1px dotted #172a7e;
  opacity: 0;
}
#ca-main #ca-char .ca-char-container .ca-char-wrapper .ca-char-inner01 .ca-char-inner01-txtBox02 .ca-char-reason a {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  gap: 2rem;
  color: #172a7e;
  font-size: 1.7rem;
  font-weight: 600;
}
#ca-main #ca-char .ca-char-container .ca-char-wrapper .ca-char-inner01 .ca-char-inner01-txtBox02 .ca-char-reason a .ca-char-reason-number {
  display: inline-block;
  width: 47px;
  height: 47px;
  line-height: 47px;
  text-align: center;
  border: 1px solid #172a7e;
  border-radius: 50%;
}
#ca-main #ca-char .ca-char-container .ca-char-wrapper .ca-char-inner01 .ca-char-inner01-txtBox02 .ca-char-reason a .ca-char-reason-txt {
  line-height: 2.4rem;
}
#ca-main #ca-char .ca-char-container .ca-char-wrapper .ca-char-inner01 .ca-char-inner01-txtBox02 .reason1.active {
  animation-name: fade_in;
  animation-duration: 1000ms;
  animation-delay: 200ms;
  animation-fill-mode: both;
}
#ca-main #ca-char .ca-char-container .ca-char-wrapper .ca-char-inner01 .ca-char-inner01-txtBox02 .reason2.active {
  animation-name: fade_in;
  animation-duration: 1000ms;
  animation-delay: 400ms;
  animation-fill-mode: both;
}
#ca-main #ca-char .ca-char-container .ca-char-wrapper .ca-char-inner02 {
  position: relative;
  padding-top: 20rem;
}
#ca-main #ca-char .ca-char-container .ca-char-wrapper .ca-char-inner02 .ca-char-inner02-bg {
  position: absolute;
  width: 1600px;
  height: 110%;
  right: 8rem;
  top: 22rem;
  background-image: url("../images/section03_characteristic/feature_item_white.svg");
  background-size: 0% 0%;
  background-position: center center;
  background-repeat: no-repeat;
  transition: background-size 2000ms cubic-bezier(0.19, 1, 0.22, 1);
  z-index: 1;
}
#ca-main #ca-char .ca-char-container .ca-char-wrapper .ca-char-inner02 .ca-char-inner02-bg.active {
  background-size: 100% 100%;
}
#ca-main #ca-char .ca-char-container .ca-char-wrapper .ca-char-inner02 .ca-char-inner02-titBox {
  position: relative;
  z-index: 2;
}
#ca-main #ca-char .ca-char-container .ca-char-wrapper .ca-char-inner02 .ca-char-inner02-titBox h3 {
  color: #172a7e;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: 3px;
}
#ca-main #ca-char .ca-char-container .ca-char-wrapper .ca-char-inner02 .ca-char-inner02-titBox > span {
  color: transparent;
  font-size: 14rem;
  font-weight: 700;
  -webkit-text-stroke: 1px #172a7e;
}
#ca-main #ca-char .ca-char-container .ca-char-wrapper .ca-char-inner02 .ca-char-inner02-txtBox {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 4.5rem;
  position: relative;
  margin-top: 5rem;
  padding-top: 18rem;
  z-index: 2;
}
#ca-main #ca-char .ca-char-container .ca-char-wrapper .ca-char-inner02 .ca-char-inner02-txtBox .ca-char-inner02-maintxt {
  order: 2;
  width: 560px;
  color: #222;
  font-size: 6rem;
  font-weight: 900;
  line-height: 7rem;
  letter-spacing: 5px;
}
#ca-main #ca-char .ca-char-container .ca-char-wrapper .ca-char-inner02 .ca-char-inner02-txtBox .ca-char-inner02-titImg {
  order: 4;
}
#ca-main #ca-char .ca-char-container .ca-char-wrapper .ca-char-inner02 .ca-char-inner02-txtBox .ca-char-inner02-txt1 {
  order: 1;
  color: #172a7e;
  font-size: 2.4rem;
  font-weight: 900;
  letter-spacing: 2px;
}
#ca-main #ca-char .ca-char-container .ca-char-wrapper .ca-char-inner02 .ca-char-inner02-txtBox .ca-char-inner02-txt2 {
  order: 3;
  width: 560px;
  color: #222;
  font-size: 2.4rem;
  font-weight: 400;
  line-height: 2;
  letter-spacing: 2px;
  word-break: keep-all;
}
#ca-main #ca-char .ca-char-container .ca-char-wrapper .ca-char-inner02 .ca-char-inner02-imgBox {
  position: absolute;
  left: 0rem;
  top: 0rem;
  width: 100%;
  height: 100%;
  z-index: 2;
}
#ca-main #ca-char .ca-char-container .ca-char-wrapper .ca-char-inner02 .ca-char-inner02-imgBox .ca-char-inner02-img {
  position: absolute;
  mask-position: center center;
  -webkit-mask-position: center center;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  animation-iteration-count: infinite;
  animation-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
  animation-fill-mode: both;
}
#ca-main #ca-char .ca-char-container .ca-char-wrapper .ca-char-inner02 .ca-char-inner02-imgBox .ca-char-inner02-img > span {
  display: block;
  width: 100%;
  height: 100%;
  font-size: 0;
  font-weight: 0;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  overflow: hidden;
}
#ca-main #ca-char .ca-char-container .ca-char-wrapper .ca-char-inner02 .ca-char-inner02-imgBox .ca-char-inner02-img1 {
  width: 72rem;
  height: 50rem;
  right: 0;
  top: 8rem;
  mask-image: url("../images/section03_characteristic/mask1.svg");
  -webkit-mask-image: url("../images/section03_characteristic/mask1.svg");
  mask-size: 0 0;
  -webkit-mask-size: 0 0;
  animation-name: floating_effect_up;
  animation-duration: 10s;
  transition: mask-size 2000ms cubic-bezier(0.19, 1, 0.22, 1), -webkit-mask-size 2000ms cubic-bezier(0.19, 1, 0.22, 1);
  transition-delay: 300ms;
}
#ca-main #ca-char .ca-char-container .ca-char-wrapper .ca-char-inner02 .ca-char-inner02-imgBox .ca-char-inner02-img1.active {
  mask-size: 72rem 50rem;
  -webkit-mask-size: 72rem 50rem;
}
#ca-main #ca-char .ca-char-container .ca-char-wrapper .ca-char-inner02 .ca-char-inner02-imgBox .ca-char-inner02-img1 > span {
  background-image: url("../images/section03_characteristic/section3_1.jpg");
  background-position: center 32%;
}
#ca-main #ca-char .ca-char-container .ca-char-wrapper .ca-char-inner02 .ca-char-inner02-imgBox .ca-char-inner02-img2 {
  width: 32rem;
  height: 24rem;
  right: -10rem;
  top: 42rem;
  mask-image: url("../images/section03_characteristic/mask2.svg");
  -webkit-mask-image: url("../images/section03_characteristic/mask2.svg");
  mask-size: 0 0;
  -webkit-mask-size: 0 0;
  animation-name: floating_effect_down;
  animation-duration: 6s;
  transition: mask-size 2000ms cubic-bezier(0.19, 1, 0.22, 1), -webkit-mask-size 2000ms cubic-bezier(0.19, 1, 0.22, 1);
  transition-delay: 600ms;
}
#ca-main #ca-char .ca-char-container .ca-char-wrapper .ca-char-inner02 .ca-char-inner02-imgBox .ca-char-inner02-img2.active {
  mask-size: 32rem 24rem;
  -webkit-mask-size: 32rem 24rem;
}
#ca-main #ca-char .ca-char-container .ca-char-wrapper .ca-char-inner02 .ca-char-inner02-imgBox .ca-char-inner02-img2 > span {
  background-image: url("../images/section03_characteristic/section3_2.jpg");
  background-position: center 25%;
}
#ca-main #ca-char .ca-char-container .ca-char-wrapper .ca-char-inner02 .ca-char-inner02-imgBox .ca-char-inner02-img3 {
  width: 35.5rem;
  height: 26rem;
  right: 14rem;
  bottom: -20rem;
  mask-image: url("../images/section03_characteristic/mask3.svg");
  -webkit-mask-image: url("../images/section03_characteristic/mask3.svg");
  mask-size: 0 0;
  -webkit-mask-size: 0 0;
  mask-position: center center;
  animation-name: floating_effect_up;
  animation-duration: 6s;
  transition: mask-size 2000ms cubic-bezier(0.19, 1, 0.22, 1), -webkit-mask-size 2000ms cubic-bezier(0.19, 1, 0.22, 1);
}
#ca-main #ca-char .ca-char-container .ca-char-wrapper .ca-char-inner02 .ca-char-inner02-imgBox .ca-char-inner02-img3.active {
  mask-size: 35.5rem 26rem;
  -webkit-mask-size: 35.5rem 26rem;
}
#ca-main #ca-char .ca-char-container .ca-char-wrapper .ca-char-inner02 .ca-char-inner02-imgBox .ca-char-inner02-img3 > span {
  background-image: url("../images/section03_characteristic/section3_3.jpg");
  background-size: 120%;
  background-position: 105% 26%;
}
#ca-main #ca-char .ca-char-container .ca-char-wrapper .ca-char-inner02 .ca-char-inner02-imgBox .ca-char-inner02-circle {
  position: absolute;
  width: 40rem;
  height: 40rem;
  left: -25vw;
  bottom: -42rem;
  animation-name: rotate_circle;
  animation-duration: 20s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
#ca-main #ca-char .ca-char-container .ca-char-wrapper .ca-char-inner02 .ca-char-inner02-imgBox .ca-char-inner02-circle > span {
  background-image: url("../images/section03_characteristic/section3_circle.png");
}
#ca-main #ca-char .ca-char-container .ca-char-wrapper .ca-char-inner03 {
  position: relative;
  margin-top: 32rem;
  margin-bottom: 70rem;
  padding-top: 20rem;
}
#ca-main #ca-char .ca-char-container .ca-char-wrapper .ca-char-inner03 .ca-char-inner03-bg {
  position: absolute;
  width: 1600px;
  height: 110%;
  right: 8rem;
  top: 26rem;
  background-image: url("../images/section03_characteristic/feature_item_white.svg");
  background-size: 0% 0%;
  background-position: center center;
  background-repeat: no-repeat;
  transition: background-size 2000ms cubic-bezier(0.19, 1, 0.22, 1);
  z-index: 1;
}
#ca-main #ca-char .ca-char-container .ca-char-wrapper .ca-char-inner03 .ca-char-inner03-bg.active {
  background-size: 100% 100%;
}
#ca-main #ca-char .ca-char-container .ca-char-wrapper .ca-char-inner03 .ca-char-inner03-titBox {
  position: relative;
  z-index: 2;
}
#ca-main #ca-char .ca-char-container .ca-char-wrapper .ca-char-inner03 .ca-char-inner03-titBox h3 {
  color: #172a7e;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: 3px;
}
#ca-main #ca-char .ca-char-container .ca-char-wrapper .ca-char-inner03 .ca-char-inner03-titBox > span {
  color: transparent;
  font-size: 14rem;
  font-weight: 700;
  -webkit-text-stroke: 1px #172a7e;
}
#ca-main #ca-char .ca-char-container .ca-char-wrapper .ca-char-inner03 .ca-char-inner03-txtBox {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 45px;
  position: relative;
  padding-top: 20rem;
  z-index: 2;
}
#ca-main #ca-char .ca-char-container .ca-char-wrapper .ca-char-inner03 .ca-char-inner03-txtBox .ca-char-inner03-maintxt {
  order: 2;
  width: 64rem;
  color: #222;
  font-size: 6rem;
  font-weight: 900;
  line-height: 7rem;
  letter-spacing: 5px;
}
#ca-main #ca-char .ca-char-container .ca-char-wrapper .ca-char-inner03 .ca-char-inner03-txtBox .ca-char-inner03-titImg {
  order: 4;
}
#ca-main #ca-char .ca-char-container .ca-char-wrapper .ca-char-inner03 .ca-char-inner03-txtBox .ca-char-inner03-txt1 {
  order: 1;
  color: #172a7e;
  font-size: 2.4rem;
  font-weight: 900;
  letter-spacing: 2px;
}
#ca-main #ca-char .ca-char-container .ca-char-wrapper .ca-char-inner03 .ca-char-inner03-txtBox .ca-char-inner03-txt2 {
  order: 3;
  width: 560px;
  color: #222;
  font-size: 2.4rem;
  font-weight: 400;
  line-height: 2;
  letter-spacing: 2px;
  word-break: keep-all;
}
#ca-main #ca-char .ca-char-container .ca-char-wrapper .ca-char-inner03 .ca-char-inner03-imgBox {
  position: absolute;
  left: 0rem;
  top: 0rem;
  width: 100%;
  height: 100%;
  z-index: 2;
}
#ca-main #ca-char .ca-char-container .ca-char-wrapper .ca-char-inner03 .ca-char-inner03-imgBox .ca-char-inner03-img {
  position: absolute;
  mask-position: center center;
  -webkit-mask-position: center center;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  animation-iteration-count: infinite;
  animation-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
  animation-fill-mode: both;
}
#ca-main #ca-char .ca-char-container .ca-char-wrapper .ca-char-inner03 .ca-char-inner03-imgBox .ca-char-inner03-img > span {
  display: block;
  width: 100%;
  height: 100%;
  font-size: 0;
  font-weight: 0;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  overflow: hidden;
}
#ca-main #ca-char .ca-char-container .ca-char-wrapper .ca-char-inner03 .ca-char-inner03-imgBox .ca-char-inner03-img1 {
  width: 72rem;
  height: 50rem;
  right: 0;
  top: 8rem;
  mask-image: url("../images/section03_characteristic/mask1.svg");
  -webkit-mask-image: url("../images/section03_characteristic/mask1.svg");
  mask-size: 0 0;
  -webkit-mask-size: 0 0;
  animation-name: floating_effect_up;
  animation-duration: 10s;
  transition: mask-size 2000ms cubic-bezier(0.19, 1, 0.22, 1), -webkit-mask-size 2000ms cubic-bezier(0.19, 1, 0.22, 1);
  transition-delay: 300ms;
}
#ca-main #ca-char .ca-char-container .ca-char-wrapper .ca-char-inner03 .ca-char-inner03-imgBox .ca-char-inner03-img1.active {
  mask-size: 72rem 50rem;
  -webkit-mask-size: 72rem 50rem;
}
#ca-main #ca-char .ca-char-container .ca-char-wrapper .ca-char-inner03 .ca-char-inner03-imgBox .ca-char-inner03-img1 > span {
  background-image: url("../images/section03_characteristic/section3_4.jpg");
  background-position: center 32%;
}
#ca-main #ca-char .ca-char-container .ca-char-wrapper .ca-char-inner03 .ca-char-inner03-imgBox .ca-char-inner03-img2 {
  width: 32rem;
  height: 24rem;
  right: -10rem;
  top: 42rem;
  mask-image: url("../images/section03_characteristic/mask2.svg");
  -webkit-mask-image: url("../images/section03_characteristic/mask2.svg");
  mask-size: 0 0;
  -webkit-mask-size: 0 0;
  animation-name: floating_effect_down;
  animation-duration: 6s;
  transition: mask-size 2000ms cubic-bezier(0.19, 1, 0.22, 1), -webkit-mask-size 2000ms cubic-bezier(0.19, 1, 0.22, 1);
  transition-delay: 600ms;
}
#ca-main #ca-char .ca-char-container .ca-char-wrapper .ca-char-inner03 .ca-char-inner03-imgBox .ca-char-inner03-img2.active {
  mask-size: 32rem 24rem;
  -webkit-mask-size: 32rem 24rem;
}
#ca-main #ca-char .ca-char-container .ca-char-wrapper .ca-char-inner03 .ca-char-inner03-imgBox .ca-char-inner03-img2 > span {
  background-image: url("../images/section03_characteristic/section3_5.jpg");
  background-position: center 40%;
}
#ca-main #ca-char .ca-char-container .ca-char-wrapper .ca-char-inner03 .ca-char-inner03-imgBox .ca-char-inner03-img3 {
  width: 35.5rem;
  height: 26rem;
  left: -20rem;
  bottom: -40rem;
  mask-image: url("../images/section03_characteristic/mask3.svg");
  -webkit-mask-image: url("../images/section03_characteristic/mask3.svg");
  mask-size: 0 0;
  -webkit-mask-size: 0 0;
  mask-position: center center;
  animation-name: floating_effect_up;
  animation-duration: 6s;
  transition: mask-size 2000ms cubic-bezier(0.19, 1, 0.22, 1), -webkit-mask-size 2000ms cubic-bezier(0.19, 1, 0.22, 1);
}
#ca-main #ca-char .ca-char-container .ca-char-wrapper .ca-char-inner03 .ca-char-inner03-imgBox .ca-char-inner03-img3.active {
  mask-size: 35.5rem 26rem;
  -webkit-mask-size: 35.5rem 26rem;
}
#ca-main #ca-char .ca-char-container .ca-char-wrapper .ca-char-inner03 .ca-char-inner03-imgBox .ca-char-inner03-img3 > span {
  background-image: url("../images/section03_characteristic/section3_6.jpg");
  background-size: 100%;
  background-position: 65% 26%;
}
#ca-main #ca-char .ca-char-container .ca-char-wrapper .ca-char-inner03 .ca-char-inner03-imgBox .ca-char-inner03-letter {
  position: absolute;
  width: 54rem;
  height: 29rem;
  right: 0rem;
  bottom: -34rem;
}
#ca-main #ca-char .ca-char-container .ca-char-wrapper .ca-char-inner03 .ca-char-inner03-imgBox .ca-char-inner03-letter > span {
  opacity: 0;
  background-image: url("../images/section03_characteristic/section3_letter.png");
  background-size: 54rem 29rem;
  transition: opacity 2s;
  transition-delay: 500ms;
}
#ca-main #ca-char .ca-char-container .ca-char-wrapper .ca-char-inner03 .ca-char-inner03-imgBox .ca-char-inner03-letter > span.active {
  opacity: 1;
}
#ca-main #ca-voc {
  padding-bottom: 20rem;
  background: #fff3ef; /* Old browsers */
  background: -moz-linear-gradient(top, #fff3ef 0%, #fff3ef 50%, #f5f5f5 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #fff3ef 0%, #fff3ef 50%, #f5f5f5 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #fff3ef 0%, #fff3ef 50%, #f5f5f5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#fff3ef", endColorstr="#f5f5f5",GradientType=0 ); /* IE6-9 */
}
#ca-main #ca-voc .ca-voc-wrapper {
  position: relative;
}
#ca-main #ca-voc .ca-voc-wrapper .ca-voc-bgBox {
  position: absolute;
  left: 0;
  top: -11rem;
  width: 100vw;
  height: 55vw;
  mask-image: url("../images/section04_voice/mask1.svg");
  -webkit-mask-image: url("../images/section04_voice/mask1.svg");
  mask-size: 100% 100%;
  -webkit-mask-size: 100% 100%;
  mask-repeat: no-repeat;
  z-index: 1;
}
#ca-main #ca-voc .ca-voc-wrapper .ca-voc-bgBox > span {
  display: block;
  width: 100%;
  height: 100%;
  background-image: url("../images/section04_voice/section4_1.png");
  background-size: cover;
  background-position: 0 0;
  background-repeat: no-repeat;
}
#ca-main #ca-voc .ca-voc-wrapper .ca-voc-title {
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 2.5rem;
  position: absolute;
  right: 28%;
  top: 10vw;
  z-index: 2;
}
#ca-main #ca-voc .ca-voc-wrapper .ca-voc-title > h3 {
  color: #172a7e;
  font-size: 1.6rem;
  font-weight: 700;
  writing-mode: vertical-rl;
  text-orientation: upright;
  order: 2;
}
#ca-main #ca-voc .ca-voc-wrapper .ca-voc-title > p {
  font-size: 3rem;
  font-weight: 600;
  writing-mode: vertical-rl;
  word-spacing: 3rem;
  letter-spacing: -6px;
  order: 1;
}
#ca-main #ca-voc .ca-voc-wrapper .ca-voc-cloud-txtBox {
  position: relative;
  width: 100vw;
  padding-top: 48vw;
  overflow: hidden;
  z-index: 2;
}
#ca-main #ca-voc .ca-voc-wrapper .ca-voc-cloud-txtBox .voc-cloud-slider-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: stretch;
}
#ca-main #ca-voc .ca-voc-wrapper .ca-voc-cloud-txtBox .voc-cloud-slider-wrapper .swiper-slide {
  width: 40rem;
  height: 40rem;
}
#ca-main #ca-voc .ca-voc-wrapper .ca-voc-cloud-txtBox .voc-cloud-slider-wrapper .swiper-slide .voc-cloud-slider-item {
  position: relative;
  width: 90%;
  height: 90%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
#ca-main #ca-voc .ca-voc-wrapper .ca-voc-cloud-txtBox .voc-cloud-slider-wrapper .swiper-slide .voc-cloud-slider-item > span {
  position: absolute;
  left: 15%;
  top: 12%;
  display: block;
  width: 70%;
  height: 60%;
  font-size: 1.6rem;
  font-weight: 300;
  line-height: 1.4;
  letter-spacing: 1px;
}
#ca-main #ca-voc .ca-voc-wrapper .ca-voc-cloud-txtBox .voc-cloud-slider-wrapper .swiper-slide .voc-cloud-slider-item > span > b {
  padding-top: 0.1rem;
  font-weight: 500;
  border-radius: 10%;
  background: #ffc8b9;
  background: -moz-linear-gradient(top, transparent 50%, #ffc8b9 100%);
  background: -webkit-linear-gradient(top, transparent 50%, #ffc8b9 100%);
  background: linear-gradient(to bottom, transparent 50%, #ffc8b9 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fff3ef", endColorstr="#ffffff", GradientType=0);
}
#ca-main #ca-voc .ca-voc-wrapper .ca-voc-cloud-txtBox .voc-cloud-slider-wrapper .swiper-slide .voc-cloud-slider-item > span > strong {
  color: #0072bc;
  line-height: 2.2rem;
}
#ca-main #ca-voc .ca-voc-wrapper .ca-voc-cloud-txtBox .voc-cloud-slider-wrapper .swiper-slide .voc-cloud-slider-item:nth-child(2n) {
  background-image: url("../images/section04_voice/mask2_talk1.svg");
  background-size: 100%;
  background-repeat: no-repeat;
}
#ca-main #ca-voc .ca-voc-wrapper .ca-voc-cloud-txtBox .voc-cloud-slider-wrapper .swiper-slide .voc-cloud-slider-item:nth-child(2n+1) {
  background-image: url("../images/section04_voice/mask3_talk2.svg");
  background-size: 100%;
  background-repeat: no-repeat;
}
#ca-main #ca-voc .ca-voc-wrapper .ca-voc-cloud-txtBox .voc-cloud-slider-wrapper .swiper-slide .voc-cloud-slider-item.active {
  transform: scale(1.2);
}
#ca-main #ca-voc .ca-voc-wrapper .ca-voc-cloud-txtBox .voc-cloud-slider-button-prev,
#ca-main #ca-voc .ca-voc-wrapper .ca-voc-cloud-txtBox .voc-cloud-slider-button-next {
  position: absolute;
  width: 3.4rem;
  height: 6.6rem;
  color: transparent;
  top: 80%;
  background-size: contain;
  background-repeat: no-repeat;
}
#ca-main #ca-voc .ca-voc-wrapper .ca-voc-cloud-txtBox .voc-cloud-slider-button-prev {
  left: 24rem;
  background-image: url("../images/section04_voice/voice_slide_left.svg");
}
#ca-main #ca-voc .ca-voc-wrapper .ca-voc-cloud-txtBox .voc-cloud-slider-button-next {
  right: 24rem;
  background-image: url("../images/section04_voice/voice_slide_right.svg");
}
#ca-main #ca-voc .ca-voc-wrapper .ca-voc-etcBox {
  padding-top: 4rem;
}
#ca-main #ca-voc .ca-voc-wrapper .ca-voc-etcBox .ca-voc-etcTxt01 {
  color: #172a7e;
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 4.2rem;
  text-align: center;
}
#ca-main #ca-voc .ca-voc-wrapper .ca-voc-etcBox .ca-voc-last-img-inner {
  margin-top: 5rem;
}
#ca-main #ca-voc .ca-voc-wrapper .ca-voc-etcBox .ca-voc-last-img-inner > ul {
  transition-timing-function: linear;
}
#ca-main #ca-voc .ca-voc-wrapper .ca-voc-etcBox .ca-voc-last-img-inner > ul > li {
  width: 60rem;
  height: 40rem;
  mask-image: url("../images/section04_voice/mask4_images.svg");
  -webkit-mask-image: url("../images/section04_voice/mask4_images.svg");
  mask-size: 60rem 40rem;
  -webkit-mask-size: 60rem 40rem;
  mask-repeat: no-repeat;
}
#ca-main #ca-voc .ca-voc-wrapper .ca-voc-etcBox .ca-voc-last-img-inner > ul > li > span {
  display: block;
  width: 60rem;
  height: 40rem;
  text-indent: -9999em;
  background-size: 100%;
  background-position: center center;
  background-repeat: no-repeat;
}
#ca-main #ca-voc .ca-voc-wrapper .ca-voc-etcBox .ca-voc-last-img-inner > ul .ca-voc-last-img01 > span {
  background-image: url("../images/section04_voice/section4_2.jpg");
}
#ca-main #ca-voc .ca-voc-wrapper .ca-voc-etcBox .ca-voc-last-img-inner > ul .ca-voc-last-img02 > span {
  background-image: url("../images/section04_voice/section4_3.jpg");
}
#ca-main #ca-voc .ca-voc-wrapper .ca-voc-etcBox .ca-voc-last-img-inner > ul .ca-voc-last-img03 > span {
  background-image: url("../images/section04_voice/section4_4.jpg");
}
#ca-main #ca-voc .ca-voc-wrapper .ca-voc-etcBox .ca-voc-last-img-inner > ul .ca-voc-last-img04 > span {
  background-image: url("../images/section04_voice/section4_5.jpg");
}
#ca-main #ca-voc .ca-voc-wrapper .ca-voc-etcBox .ca-voc-etcTxt02 {
  padding-top: 8.5rem;
  text-align: center;
}
#ca-main #ca-news .ca-news-container {
  padding-bottom: 20vw;
}
#ca-main #ca-news .ca-news-container .ca-news-wrapper {
  position: relative;
}
#ca-main #ca-news .ca-news-container .ca-news-wrapper .ca-news-bgBox {
  position: absolute;
  left: 0;
  top: -6vw;
  width: 100vw;
  height: 6vw;
  mask-image: url("../images/section05_news/mask1_bg.svg");
  -webkit-mask-image: url("../images/section05_news/mask1_bg.svg");
  mask-size: 100% 100%;
  -webkit-mask-size: 100% 100%;
  mask-repeat: no-repeat;
}
#ca-main #ca-news .ca-news-container .ca-news-wrapper .ca-news-bgBox > img {
  width: 100%;
  height: 100%;
}
#ca-main #ca-news .ca-news-container .ca-news-wrapper .ca-news-title {
  padding-top: 12rem;
  color: #172a7e;
  text-align: center;
}
#ca-main #ca-news .ca-news-container .ca-news-wrapper .ca-news-title h3 {
  font-size: 2rem;
  font-weight: 700;
}
#ca-main #ca-news .ca-news-container .ca-news-wrapper .ca-news-title p {
  padding-top: 3.4rem;
  padding-bottom: 9rem;
  font-size: 4.8rem;
  font-weight: 700;
}
#ca-main #ca-news .ca-news-container .ca-news-wrapper .ca-news-imgBox {
  position: relative;
  width: 100%;
  height: 100%;
}
#ca-main #ca-news .ca-news-container .ca-news-wrapper .ca-news-imgBox .ca-news-swiper-wrapper .ca-news-swiper-slide {
  width: 70rem;
  height: 43rem;
}
#ca-main #ca-news .ca-news-container .ca-news-wrapper .ca-news-imgBox .ca-news-swiper-wrapper .ca-news-swiper-slide .ca-news-img {
  width: 90%;
  height: 90%;
  margin: 0 auto;
  mask-image: url("../images/section05_news/mask2_images.svg");
  -webkit-mask-image: url("../images/section05_news/mask2_images.svg");
  mask-size: 100% 100%;
  -webkit-mask-size: 100% 100%;
  mask-repeat: no-repeat;
}
#ca-main #ca-news .ca-news-container .ca-news-wrapper .ca-news-imgBox .ca-news-swiper-wrapper .ca-news-swiper-slide .ca-news-img > span {
  display: block;
  width: 100%;
  height: 100%;
  text-indent: -9999em;
  background-size: cover;
  background-repeat: no-repeat;
  overflow: hidden;
}
#ca-main #ca-news .ca-news-container .ca-news-wrapper .ca-news-imgBox .ca-news-swiper-wrapper .ca-news-img01 > span {
  background-image: url("../images/section05_news/section5_1.png");
  background-position: 0 70%;
}
#ca-main #ca-news .ca-news-container .ca-news-wrapper .ca-news-imgBox .ca-news-swiper-wrapper .ca-news-img02 > span {
  background-image: url("../images/section05_news/section5_2.png");
  background-position: center 0;
}
#ca-main #ca-news .ca-news-container .ca-news-wrapper .ca-news-imgBox .ca-news-swiper-wrapper .ca-news-img03 > span {
  background-image: url("../images/section05_news/section5_3.png");
  background-position: 0 0;
}
#ca-main #ca-news .ca-news-container .ca-news-wrapper .ca-news-imgBox .ca-news-swiper-wrapper .ca-news-img04 > span {
  background-image: url("../images/section05_news/section5_4.png");
  background-position: center center;
}
#ca-main #ca-news .ca-news-container .ca-news-wrapper .ca-news-imgBox .ca-news-swiper-wrapper .ca-news-img05 > span {
  background-image: url("../images/section05_news/section5_5.png");
  background-position: center center;
}
#ca-main #ca-news .ca-news-container .ca-news-wrapper .ca-news-imgBox .news-image-slider-button-prev, #ca-main #ca-news .ca-news-container .ca-news-wrapper .ca-news-imgBox .news-image-slider-button-next {
  position: absolute;
  width: 6.4rem;
  height: 12.3rem;
  color: transparent;
  top: 40%;
  background-size: contain;
  background-repeat: no-repeat;
}
#ca-main #ca-news .ca-news-container .ca-news-wrapper .ca-news-imgBox .news-image-slider-button-prev::after, #ca-main #ca-news .ca-news-container .ca-news-wrapper .ca-news-imgBox .news-image-slider-button-next::after {
  display: none;
}
#ca-main #ca-news .ca-news-container .ca-news-wrapper .ca-news-imgBox .news-image-slider-button-prev {
  left: 24rem;
  background-image: url("../images/section04_voice/voice_slide_left.svg");
}
#ca-main #ca-news .ca-news-container .ca-news-wrapper .ca-news-imgBox .news-image-slider-button-next {
  right: 24rem;
  background-image: url("../images/section04_voice/voice_slide_right.svg");
}
#ca-main #ca-news .ca-news-container .ca-news-wrapper .ca-news-txtBox p {
  color: #172a7e;
  text-align: center;
}
#ca-main #ca-news .ca-news-container .ca-news-wrapper .ca-news-txtBox .ca-news-txt01 {
  padding-top: 8rem;
  padding-bottom: 4.5rem;
  font-size: 2.4rem;
  font-weight: 700;
  letter-spacing: 2.6rem;
}
#ca-main #ca-news .ca-news-container .ca-news-wrapper .ca-news-txtBox .ca-news-txt02 {
  font-size: 17rem;
  font-weight: 700;
}
#ca-main #ca-news .ca-news-container .ca-news-wrapper .ca-news-txtBox .ca-news-txt03 {
  padding-top: 4rem;
  color: #222;
  font-size: 2.4rem;
  font-weight: normal;
  line-height: 3.7rem;
  letter-spacing: 1;
}
#ca-main #ca-news .ca-news-container .ca-news-wrapper .ca-news-txtBox > a {
  position: relative;
  display: block;
  width: 64rem;
  height: 13.95rem;
  margin: 0 auto;
  margin-top: 8rem;
  padding: 4.8rem 7.5rem;
  color: #fff;
  font-size: 3.6rem;
  font-weight: 600;
  text-align: center;
  background-color: #172a7e;
}
#ca-main #ca-news .ca-news-container .ca-news-wrapper .ca-news-txtBox > a::before {
  content: "";
  display: block;
  position: absolute;
  left: -6.975rem;
  top: 0;
  width: 13.95rem;
  height: 13.95rem;
  border-radius: 50%;
  background-color: #172a7e;
}
#ca-main #ca-news .ca-news-container .ca-news-wrapper .ca-news-txtBox > a::after {
  content: "";
  display: block;
  position: absolute;
  right: -6.975rem;
  top: 0;
  width: 13.95rem;
  height: 13.95rem;
  border-radius: 50%;
  background-color: #172a7e;
}

#ca-footer {
  background-color: #f3f8fc;
}
#ca-footer .ca-footer-container {
  position: relative;
  width: 100vw;
}
#ca-footer .ca-footer-container .ca-footer-wrapper .ca-footer-bgBox {
  position: absolute;
  left: 0;
  top: -15vw;
  width: 100vw;
  height: 65vw;
  mask-image: url("../images/footer/mask1.svg");
  -webkit-mask-image: url("../images/footer/mask1.svg");
  mask-size: 100% 100%;
  -webkit-mask-size: 100% 100%;
  mask-position: center;
  mask-repeat: no-repeat;
}
#ca-footer .ca-footer-container .ca-footer-wrapper .ca-footer-bgBox > span {
  display: block;
  width: 100%;
  height: 100%;
  background-image: url("../images/footer/footer_1.jpg");
  background-size: cover;
  background-position: center -8vw;
  background-repeat: no-repeat;
  text-indent: -9999em;
}
#ca-footer .ca-footer-container .ca-footer-wrapper .ca-footer-txtBox {
  display: grid;
  grid-template-columns: 1fr 20rem 20rem;
  grid-template-rows: repeat(2, 1fr);
  column-gap: 2rem;
  row-gap: 6.4rem;
  max-width: 1600px;
  padding: 50vw 5vw 10rem;
  margin: 0 auto;
}
#ca-footer .ca-footer-container .ca-footer-wrapper .ca-footer-txtBox .ca-footer-info > ul {
  display: grid;
  grid-template-columns: 20rem 18rem 22rem;
  grid-template-rows: repeat(2, 1fr);
  row-gap: 1.2rem;
  width: 40vw;
}
#ca-footer .ca-footer-container .ca-footer-wrapper .ca-footer-txtBox .ca-footer-info > ul > li > a {
  color: #172a7e;
  font-size: 1.6rem;
  font-weight: 500;
}
#ca-footer .ca-footer-container .ca-footer-wrapper .ca-footer-txtBox .ca-footer-info > ul > li > .bold {
  font-weight: 700;
}
#ca-footer .ca-footer-container .ca-footer-wrapper .ca-footer-txtBox .ca-footer-sns > ul {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  gap: 2.5rem;
  margin-top: 1.25rem;
}
#ca-footer .ca-footer-container .ca-footer-wrapper .ca-footer-txtBox .ca-footer-sns > ul li {
  width: 2.5rem;
  height: 2.5rem;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}
#ca-footer .ca-footer-container .ca-footer-wrapper .ca-footer-txtBox .ca-footer-sns > ul li > a {
  display: block;
  width: 100%;
  height: 100%;
}
#ca-footer .ca-footer-container .ca-footer-wrapper .ca-footer-txtBox .ca-footer-sns > ul .ca-footer-sns-nvblog {
  background-image: url("../images/footer/ft_sns1.svg");
}
#ca-footer .ca-footer-container .ca-footer-wrapper .ca-footer-txtBox .ca-footer-sns > ul .ca-footer-sns-facebook {
  background-image: url("../images/footer/ft_sns2.png");
}
#ca-footer .ca-footer-container .ca-footer-wrapper .ca-footer-txtBox .ca-footer-sns > ul .ca-footer-sns-youtube {
  background-image: url("../images/footer/ft_sns3.png");
}
#ca-footer .ca-footer-container .ca-footer-wrapper .ca-footer-txtBox .ca-footer-sns > ul .ca-footer-sns-instagram {
  background-image: url("../images/footer/ft_sns4.png");
}
#ca-footer .ca-footer-container .ca-footer-wrapper .ca-footer-txtBox .ca-footer-familysite .ca-fs-wrap {
  position: relative;
  width: 17rem;
  margin-left: auto;
}
#ca-footer .ca-footer-container .ca-footer-wrapper .ca-footer-txtBox .ca-footer-familysite .ca-fs-wrap .ca-fs-label {
  display: block;
  height: 5rem;
  padding-top: 1.4rem;
  color: #172a7e;
  font-size: 2rem;
  font-weight: 400;
  text-align: center;
  border: 1px solid #172a7e;
}
#ca-footer .ca-footer-container .ca-footer-wrapper .ca-footer-txtBox .ca-footer-familysite .ca-fs-wrap .ca-fs-label::after {
  content: "";
  display: inline-block;
  width: 1rem;
  height: 1rem;
  margin-left: 2.4rem;
  margin-bottom: 0.4rem;
  border: 1px solid #172a7e;
  border-left: none;
  border-top: none;
  transform: rotate(45deg);
}
#ca-footer .ca-footer-container .ca-footer-wrapper .ca-footer-txtBox .ca-footer-familysite .ca-fs-wrap .ca-fs-label.active::after {
  margin-bottom: 0;
  margin-top: 0.4rem;
  transform: rotate(225deg);
}
#ca-footer .ca-footer-container .ca-footer-wrapper .ca-footer-txtBox .ca-footer-familysite .ca-fs-wrap .ca-footer-selectbox {
  position: absolute;
  left: 0;
  top: 5rem;
  width: 17rem;
  height: 0;
  background-color: #172a7e;
  transition: height 600ms;
  overflow: hidden;
}
#ca-footer .ca-footer-container .ca-footer-wrapper .ca-footer-txtBox .ca-footer-familysite .ca-fs-wrap .ca-footer-selectbox > a {
  display: block;
  padding: 1.2rem 1.2rem;
  color: #fff;
  font-size: 1.6rem;
  font-weight: 400;
}
#ca-footer .ca-footer-container .ca-footer-wrapper .ca-footer-txtBox .ca-footer-familysite .ca-fs-wrap .ca-footer-selectbox > a:first-child {
  margin-top: 1rem;
}
#ca-footer .ca-footer-container .ca-footer-wrapper .ca-footer-txtBox .ca-footer-familysite .ca-fs-wrap .ca-footer-selectbox > a:last-child {
  margin-bottom: 1rem;
}
#ca-footer .ca-footer-container .ca-footer-wrapper .ca-footer-txtBox .ca-footer-familysite .ca-fs-wrap .ca-footer-selectbox.active {
  height: 18rem;
}
#ca-footer .ca-footer-container .ca-footer-wrapper .ca-footer-txtBox .ca-copyright {
  color: #172a7e;
  font-size: 1.6rem;
  font-weight: 500;
}