@charset "UTF-8";

:root {
  --def_max_vw: 1440px;
  --cal_scale: calc(min(100vw, var(--def_max_vw))/1440);
  /*vw px*/
  --div-w: 0px;
  --div-h: 0px;
  --div-left: 0px;
  --div-top: 0px;
  --div-add-h: 0px;
  --image-slide-positioning: 0;
  --image-slide-max-left: 0;
  --is-edge: 0;
  --jic_cp_bg_h_01: 0;
  --jic_cp_bg_h_02: 0;
  --jic_cp_bg_h_03: 0;
}

@media only screen and (max-width: 768px) {
  :root {
    --def_max_vw: 768px;
    --cal_scale: calc(100vw/768);
    /*vw px*/
  }
}

html {
  --cal_scale: calc(min(100vw, var(--def_max_vw))/1440);
  /*vw px*/
  font-size: calc(var(--cal_scale) * 16);
}

@media only screen and (max-width: 768px) {
  html {
    --def_max_vw: 768px;
    --cal_scale: calc(100vw/768);
    /*vw px*/
  }
}

.sh_flex_top_center,
#in_header,
body main {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}

body {
  background-color: #ffffff;
  font-family: "roboto", "Noto Sans TC", sans-serif;
  font-weight: 400;
  font-style: normal;
  line-height: 1.75;
  color: #000;
  overflow-x: hidden;
  padding-top: calc(var(--cal_scale) * 95);
}

@media only screen and (max-width: 768px) {
  body {
    padding-top: calc(var(--cal_scale) * 115);
    font-size: calc(var(--cal_scale) * 16);
  }
}

section {
  padding: 100px 0;
}

@media only screen and (max-width: 768px) {
  section {
    padding: 60px 0;
  }
}

a {
  text-decoration: none;
}

p {
  font-size: 1.125rem;
  font-weight: 300;
  line-height: 1.78;
  margin-top: 0px;
  margin-bottom: 0px;
  text-align: justify;
}

p+p {
  margin-top: 30px;
}

h1 {
  font-size: 2.375rem;
  font-weight: 500;
  line-height: 1.38;
  margin-bottom: 20px;
  margin-top: 0;
  color: #0054A5;
}

@media only screen and (max-width: 768px) {
  h1 {
    font-size: 4.096rem;
    margin-bottom: 15px;
  }
}

h2 {
  font-size: 1.75rem;
  font-weight: 400;
  line-height: 1.5;
  margin-top: 0;
}

@media only screen and (max-width: 768px) {
  h2 {
    font-size: 1.438rem;
  }
}

h3 {
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.6;
  margin-bottom: 40px;
  margin-top: 0;
}

@media only screen and (max-width: 768px) {
  h3 {
    font-size: 2.048rem;
  }
}

h4 {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.6;
  margin-bottom: 40px;
  margin-top: 0;
}

@media only screen and (max-width: 768px) {
  h4 {
    font-size: 0.75rem;
  }
}

.h3-margin {
  margin-top: 60px;
}

.background-gray {
  background-color: #E5E8EB;
}

.slogan {
  display: block;
  height: 156px;
  position: absolute;
}

@media only screen and (max-width: 768px) {
  .slogan {
    height: 90px;
  }
}

.slogan.slogan-125 {
  height: 125px;
  bottom: 30px;
}

@media only screen and (max-width: 768px) {
  .slogan.slogan-125 {
    height: 70px;
    left: 0;
  }
}

.slogan.slogan-164 {
  height: 164px;
}

@media only screen and (max-width: 768px) {
  .slogan.slogan-164 {
    height: 95px;
  }
}

.buttons-square {
  width: 100%;
  margin: 0;
  text-align: center;
}

.more-btn {
  padding: 19px 105px 19px 110px;
  font-size: 1.125rem;
  letter-spacing: 5px;
  line-height: 1;
  background: transparent;
  outline: none !important;
  cursor: pointer;
  transition: all 0.3s ease;
  position: relative;
  display: inline-block;
  border: 1px solid #000000;
  border-radius: 2px;
  z-index: 1;
  color: #000;
}

.more-btn::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 0;
  top: 0;
  left: 0;
  z-index: -1;
  background: #000;
  transition: all 0.3s ease;
}

.more-btn:hover {
  color: #fff;
}

.more-btn:hover::after {
  top: auto;
  bottom: 0;
  height: 100%;
}

.more-btn:active {
  top: 2px;
}

.main_img_group {
  --div-w: 1440;
  --div-h: 746;
  --div-left: 0;
  --div-top: 25;
  display: flex;
  position: relative;
  /* 使得內部的 div 能夠相對於此 div 定位 */
  /* 計算 */
  aspect-ratio: var(--div-w)/var(--div-h);
  --cal_scale: calc(min(100vw, var(--def_max_vw))/1440);
  /*vw px*/
  width: calc(var(--cal_scale) * var(--div-w));
  left: calc(var(--cal_scale) * var(--div-left));
  top: calc(var(--cal_scale) * var(--div-top));
  justify-content: center;
  align-items: center;
}

@media only screen and (max-width: 768px) {
  .main_img_group {
    --div-w: 768;
    --div-h: 1216.16;
    --div-left: 0;
    --div-top: 0;
    overflow: hidden;
  }
}

@media only screen and (max-width: 768px) {
  .main_img_group {
    --def_max_vw: 768px;
    --cal_scale: calc(100vw/768);
    /*vw px*/
  }
}

.main_img_group .main_img_group_item_1 {
  --div-w: 233;
  --div-h: 32;
  --div-left: 116;
  --div-top: 0;
  /* 計算 */
  aspect-ratio: var(--div-w)/var(--div-h);
  --cal_scale: calc(min(100vw, var(--def_max_vw))/1440);
  /*vw px*/
  width: calc(var(--cal_scale) * var(--div-w));
  left: calc(var(--cal_scale) * var(--div-left));
  top: calc(var(--cal_scale) * var(--div-top));
  position: absolute;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(../images/main/6.png);
}

@media only screen and (max-width: 768px) {
  .main_img_group .main_img_group_item_1 {
    --div-w: 280.576;
    --div-h: 36.864;
    --div-left: 60;
    --div-top: 65;
  }
}

@media only screen and (max-width: 768px) {
  .main_img_group .main_img_group_item_1 {
    --def_max_vw: 768px;
    --cal_scale: calc(100vw/768);
    /*vw px*/
  }
}

.main_img_group .main_img_group_item_2 {
  --div-w: 470;
  --div-h: 108;
  --div-left: 83;
  --div-top: 33;
  /* 計算 */
  aspect-ratio: var(--div-w)/var(--div-h);
  --cal_scale: calc(min(100vw, var(--def_max_vw))/1440);
  /*vw px*/
  width: calc(var(--cal_scale) * var(--div-w));
  left: calc(var(--cal_scale) * var(--div-left));
  top: calc(var(--cal_scale) * var(--div-top));
  position: absolute;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(../images/main/5.png);
}

@media only screen and (max-width: 768px) {
  .main_img_group .main_img_group_item_2 {
    --div-w: 579.584;
    --div-h: 131.072;
    --div-left: 45;
    --div-top: 116;
  }
}

@media only screen and (max-width: 768px) {
  .main_img_group .main_img_group_item_2 {
    --def_max_vw: 768px;
    --cal_scale: calc(100vw/768);
    /*vw px*/
  }
}

.main_img_group .main_img_group_item_3 {
  --div-w: 859;
  --div-h: 584;
  --div-left: 147.5;
  --div-top: 142;
  background-image: url(../images/main/dsc01762-2_3.png);
  /* 計算 */
  aspect-ratio: var(--div-w)/var(--div-h);
  --cal_scale: calc(min(100vw, var(--def_max_vw))/1440);
  /*vw px*/
  width: calc(var(--cal_scale) * var(--div-w));
  left: calc(var(--cal_scale) * var(--div-left));
  top: calc(var(--cal_scale) * var(--div-top));
  position: absolute;
  background-repeat: no-repeat;
  background-size: contain;
}

@media only screen and (max-width: 768px) {
  .main_img_group .main_img_group_item_3 {
    --div-left: 14.336;
    --div-top: 515.784;
    --div-w: 608.256;
    --div-h: 546.816;
    background-image: url(../images/main/mobile/dsc01762_2.png);
  }
}

@media only screen and (max-width: 768px) {
  .main_img_group .main_img_group_item_3 {
    --def_max_vw: 768px;
    --cal_scale: calc(100vw/768);
    /*vw px*/
  }
}

.main_img_group .main_img_group_item_4 {
  --div-w: 211;
  --div-h: 24;
  --div-left: 320;
  --div-top: 142;
  background-image: url(../images/main/4_7.png);
  /* 計算 */
  aspect-ratio: var(--div-w)/var(--div-h);
  --cal_scale: calc(min(100vw, var(--def_max_vw))/1440);
  /*vw px*/
  width: calc(var(--cal_scale) * var(--div-w));
  left: calc(var(--cal_scale) * var(--div-left));
  top: calc(var(--cal_scale) * var(--div-top));
  position: absolute;
  background-repeat: no-repeat;
  background-size: contain;
}

@media only screen and (max-width: 768px) {
  .main_img_group .main_img_group_item_4 {
    --div-left: 198.656;
    --div-top: 1125.90368;
    --div-w: 278.528;
    --div-h: 30.72;
    background-image: url(../images/main/mobile/4_7.png);
  }
}

@media only screen and (max-width: 768px) {
  .main_img_group .main_img_group_item_4 {
    --def_max_vw: 768px;
    --cal_scale: calc(100vw/768);
    /*vw px*/
  }
}

.main_img_group .main_img_group_item_5 {
  --div-w: 999;
  --div-h: 574;
  --div-left: 441;
  --div-top: 0;
  background-image: url(../images/main/homepage.png);
  /* 計算 */
  aspect-ratio: var(--div-w)/var(--div-h);
  --cal_scale: calc(min(100vw, var(--def_max_vw))/1440);
  /*vw px*/
  width: calc(var(--cal_scale) * var(--div-w));
  left: calc(var(--cal_scale) * var(--div-left));
  top: calc(var(--cal_scale) * var(--div-top));
  position: absolute;
  background-repeat: no-repeat;
  background-size: contain;
}

@media only screen and (max-width: 768px) {
  .main_img_group .main_img_group_item_5 {
    --div-left: 66.17088;
    --div-top: 288.456;
    --div-w: 702.464;
    --div-h: 616.448;
    background-image: url(../images/main/mobile/group_272.png);
  }
}

@media only screen and (max-width: 768px) {
  .main_img_group .main_img_group_item_5 {
    --def_max_vw: 768px;
    --cal_scale: calc(100vw/768);
    /*vw px*/
  }
}

.main_img_group .main_img_group_item_6 {
  --div-w: 998.5;
  --div-h: 573;
  --div-left: 441.5;
  --div-top: 0;
  /* 計算 */
  aspect-ratio: var(--div-w)/var(--div-h);
  --cal_scale: calc(min(100vw, var(--def_max_vw))/1440);
  /*vw px*/
  width: calc(var(--cal_scale) * var(--div-w));
  left: calc(var(--cal_scale) * var(--div-left));
  top: calc(var(--cal_scale) * var(--div-top));
  position: absolute;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(../images/main/Vector_7.png);
}

@media only screen and (max-width: 768px) {
  .main_img_group .main_img_group_item_6 {
    --def_max_vw: 768px;
    --cal_scale: calc(100vw/768);
    /*vw px*/
  }
}

@media only screen and (max-width: 768px) {
  .main_img_group .main_img_group_item_6 {
    display: none;
  }
}

@media only screen and (min-width: 769px) {
  .main_img_group .main_img_group_item_7 {
    --div-w: 331;
    --div-h: 129;
    --div-left: 1109;
    --div-top: 443;
    /* 計算 */
    aspect-ratio: var(--div-w)/var(--div-h);
    --cal_scale: calc(min(100vw, var(--def_max_vw))/1440);
    /*vw px*/
    width: calc(var(--cal_scale) * var(--div-w));
    left: calc(var(--cal_scale) * var(--div-left));
    top: calc(var(--cal_scale) * var(--div-top));
    position: absolute;
    background-repeat: no-repeat;
    background-size: contain;
    background: linear-gradient(90deg, rgba(43, 186, 200, 0.85) 24.4%, rgba(55, 226, 220, 0.85) 100%);
    clip-path: polygon(12% 0, 100% 0, 100% 100%, 0% 100%);
  }
}

@media only screen and (min-width: 769px) and (max-width: 768px) {
  .main_img_group .main_img_group_item_7 {
    --def_max_vw: 768px;
    --cal_scale: calc(100vw/768);
    /*vw px*/
  }
}

@media only screen and (min-width: 769px) {
  .main_img_group .main_img_group_item_7:hover {
    background: linear-gradient(90deg, #01D3E8 24.4%, #23FAF2 100%);
  }

  .main_img_group .main_img_group_item_7 img {
    width: 60%;
    margin-top: calc(var(--cal_scale) * 24);
    margin-left: calc(var(--cal_scale) * 50);
  }
}

@media only screen and (max-width: 768px) {
  .main_img_group .main_img_group_item_7 {
    --div-left: 485.376;
    --div-top: 1103.56;
    --div-w: 305.152;
    --div-h: 77.824;
    /* 計算 */
    aspect-ratio: var(--div-w)/var(--div-h);
    --cal_scale: calc(min(100vw, var(--def_max_vw))/1440);
    /*vw px*/
    width: calc(var(--cal_scale) * var(--div-w));
    left: calc(var(--cal_scale) * var(--div-left));
    top: calc(var(--cal_scale) * var(--div-top));
    position: absolute;
    background-repeat: no-repeat;
    background-size: contain;
  }
}

@media only screen and (max-width: 768px) and (max-width: 768px) {
  .main_img_group .main_img_group_item_7 {
    --def_max_vw: 768px;
    --cal_scale: calc(100vw/768);
    /*vw px*/
  }
}

@media only screen and (max-width: 768px) {
  .main_img_group .main_img_group_item_7 img {
    width: 100%;
    content: url("../images/main/mobile/join_btn_1.png");
  }

  .main_img_group .main_img_group_item_7:hover img {
    width: 100%;
    content: url("../images/main/mobile/join_btn_2.png");
  }
}

.main_job_group {
  --div-w: 1440;
  --div-h: 900;
  --div-left: 0;
  --div-top: 0;
  position: relative;
  /* 使得內部的 div 能夠相對於此 div 定位 */
  background-image: url(../images/main/vedio_background.png);
  /* 計算 */
  aspect-ratio: var(--div-w)/var(--div-h);
  --cal_scale: calc(min(100vw, var(--def_max_vw))/1440);
  /*vw px*/
  width: calc(var(--cal_scale) * var(--div-w));
  left: calc(var(--cal_scale) * var(--div-left));
  top: calc(var(--cal_scale) * var(--div-top));
  background-repeat: no-repeat;
  background-size: contain;
  justify-content: center;
  align-items: center;
}

@media only screen and (max-width: 768px) {
  .main_job_group {
    --div-w: 768;
    --div-h: 1048.576;
    --div-left: 0;
    --div-top: 0;
    background-image: url(../images/main/mobile/vedio_background.png);
  }
}

@media only screen and (max-width: 768px) {
  .main_job_group {
    --def_max_vw: 768px;
    --cal_scale: calc(100vw/768);
    /*vw px*/
  }
}

.main_job_group .embed-container {
  position: relative;
  padding-bottom: 45.4%;
  height: 0;
  overflow: hidden;
  max-width: 80%;
  margin-top: calc(var(--cal_scale) * 120);
  margin-left: auto;
  margin-right: auto;
}

@media only screen and (max-width: 768px) {
  .main_job_group .embed-container {
    padding-bottom: 56.25%;
    max-width: 100%;
    margin-top: calc(var(--cal_scale) * 310);
  }
}

.main_job_group .embed-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.main_brock {
  width: 100vw;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

.main_brock .main_text_brock {
  width: 50%;
  margin-top: 100px;
  margin-bottom: 50px;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: wrap;
  flex-direction: column;
}

@media only screen and (max-width: 768px) {
  .main_brock .main_text_brock {
    width: 80%;
    margin-top: calc(var(--cal_scale) * 100);
    margin-bottom: calc(var(--cal_scale) * 50);
  }
}

.main_brock .main_text_brock .short_divider {
  display: inline-block;
  margin: 0;
  margin-bottom: 20px;
  width: calc(var(--cal_scale) * 85);
  height: 2px;
  background: linear-gradient(90deg, #0054A5 28.88%, #37E2DC 92.98%);
}

@media only screen and (max-width: 768px) {
  .main_brock .main_text_brock .short_divider {
    width: calc(var(--cal_scale) * 85 * 2.048);
  }
}

.main_brock .main_text_brock h1 {
  display: inline-block;
}

@media only screen and (min-width: 769px) {
  .main_brock .main_text_brock h1 {
    font-size: 2.125rem;
    font-weight: bold;
    margin-bottom: calc(var(--cal_scale) * 20);
  }

  .main_brock .main_text_brock h1 br {
    display: none;
  }
}

.main_brock .main_text_brock h3 {
  margin: 0;
  margin-bottom: 10px;
  display: inline-block;
}

@media only screen and (min-width: 769px) {
  .main_brock .main_text_brock h3 {
    font-size: 1.25rem;
  }
}

@media only screen and (max-width: 768px) {
  .main_brock .main_text_brock h3 br {
    display: none;
  }
}

.main_working_group {
  --div-w: 1440;
  --div-h: 2700;
  --div-left: 0;
  --div-top: 0;
  display: flex;
  position: relative;
  /* 使得內部的 div 能夠相對於此 div 定位 */
  /* 計算 */
  aspect-ratio: var(--div-w)/var(--div-h);
  --cal_scale: calc(min(100vw, var(--def_max_vw))/1440);
  /*vw px*/
  width: calc(var(--cal_scale) * var(--div-w));
  left: calc(var(--cal_scale) * var(--div-left));
  top: calc(var(--cal_scale) * var(--div-top));
  justify-content: center;
  align-items: center;
  --div-add-h: 427;
}

@media only screen and (max-width: 768px) {
  .main_working_group {
    --div-w: 768;
    --div-h: 2200;
  }
}

@media only screen and (max-width: 768px) {
  .main_working_group {
    --def_max_vw: 768px;
    --cal_scale: calc(100vw/768);
    /*vw px*/
  }
}

@media only screen and (max-width: 768px) {
  .main_working_group {
    --div-add-h: 325;
  }
}

.main_working_group .main_working_group_item_1 {
  --div-w: 1342;
  --div-h: 420;
  --div-left: 98;
  --div-top: calc(var(--div-add-h)*0);
  background-image: url(../images/main/group_251.png);
  /* 計算 */
  aspect-ratio: var(--div-w)/var(--div-h);
  --cal_scale: calc(min(100vw, var(--def_max_vw))/1440);
  /*vw px*/
  width: calc(var(--cal_scale) * var(--div-w));
  left: calc(var(--cal_scale) * var(--div-left));
  top: calc(var(--cal_scale) * var(--div-top));
  position: absolute;
  background-repeat: no-repeat;
  background-size: contain;
}

@media only screen and (max-width: 768px) {
  .main_working_group .main_working_group_item_1 {
    --div-w: 665.6;
    --div-h: 319.488;
    --div-left: 51.2;
    --div-top: calc(var(--div-add-h)*0);
    background-image: url(../images/main/mobile/group_251.png);
  }
}

@media only screen and (max-width: 768px) {
  .main_working_group .main_working_group_item_1 {
    --def_max_vw: 768px;
    --cal_scale: calc(100vw/768);
    /*vw px*/
  }
}

.main_working_group .main_working_group_item_2 {
  --div-w: 1342;
  --div-h: calc(423*2);
  --div-left: 98;
  --div-top: calc(var(--div-add-h)*1);
  background-image: url(../images/main/group_250.png);
  /* 計算 */
  aspect-ratio: var(--div-w)/var(--div-h);
  --cal_scale: calc(min(100vw, var(--def_max_vw))/1440);
  /*vw px*/
  width: calc(var(--cal_scale) * var(--div-w));
  left: calc(var(--cal_scale) * var(--div-left));
  top: calc(var(--cal_scale) * var(--div-top));
  position: absolute;
  background-repeat: no-repeat;
  background-size: contain;
}

@media only screen and (max-width: 768px) {
  .main_working_group .main_working_group_item_2 {
    --div-w: 665.6;
    --div-h: 319.488;
    --div-left: 51.2;
    --div-top: calc(var(--div-add-h)*1);
    background-image: url(../images/main/mobile/group_250.png);
  }
}

@media only screen and (max-width: 768px) {
  .main_working_group .main_working_group_item_2 {
    --def_max_vw: 768px;
    --cal_scale: calc(100vw/768);
    /*vw px*/
  }
}

.main_working_group .main_working_group_item_3 {
  --div-w: 1342;
  --div-h: 420;
  --div-left: 98;
  --div-top: calc(var(--div-add-h)*2);
  background-image: url(../images/main/group_108.png);
  /* 計算 */
  aspect-ratio: var(--div-w)/var(--div-h);
  --cal_scale: calc(min(100vw, var(--def_max_vw))/1440);
  /*vw px*/
  width: calc(var(--cal_scale) * var(--div-w));
  left: calc(var(--cal_scale) * var(--div-left));
  top: calc(var(--cal_scale) * var(--div-top));
  position: absolute;
  background-repeat: no-repeat;
  background-size: contain;
}

@media only screen and (max-width: 768px) {
  .main_working_group .main_working_group_item_3 {
    --div-w: 665.6;
    --div-h: 319.488;
    --div-left: 51.2;
    --div-top: calc(var(--div-add-h)*2);
    background-image: url(../images/main/mobile/group_108.png);
  }
}

@media only screen and (max-width: 768px) {
  .main_working_group .main_working_group_item_3 {
    --def_max_vw: 768px;
    --cal_scale: calc(100vw/768);
    /*vw px*/
  }
}

.main_working_group .main_working_group_item_4 {
  --div-w: 1342;
  --div-h: 420;
  --div-left: 98;
  --div-top: calc(var(--div-add-h)*3);
  background-image: url(../images/main/group_107.png);
  /* 計算 */
  aspect-ratio: var(--div-w)/var(--div-h);
  --cal_scale: calc(min(100vw, var(--def_max_vw))/1440);
  /*vw px*/
  width: calc(var(--cal_scale) * var(--div-w));
  left: calc(var(--cal_scale) * var(--div-left));
  top: calc(var(--cal_scale) * var(--div-top));
  position: absolute;
  background-repeat: no-repeat;
  background-size: contain;
}

@media only screen and (max-width: 768px) {
  .main_working_group .main_working_group_item_4 {
    --div-w: 665.6;
    --div-h: 319.488;
    --div-left: 51.2;
    --div-top: calc(var(--div-add-h)*3);
    background-image: url(../images/main/mobile/group_107.png);
  }
}

@media only screen and (max-width: 768px) {
  .main_working_group .main_working_group_item_4 {
    --def_max_vw: 768px;
    --cal_scale: calc(100vw/768);
    /*vw px*/
  }
}

.main_working_group .main_working_group_item_5 {
  --div-w: 1342;
  --div-h: 420;
  --div-left: 98;
  --div-top: calc(var(--div-add-h)*4);
  background-image: url(../images/main/group_115.png);
  /* 計算 */
  aspect-ratio: var(--div-w)/var(--div-h);
  --cal_scale: calc(min(100vw, var(--def_max_vw))/1440);
  /*vw px*/
  width: calc(var(--cal_scale) * var(--div-w));
  left: calc(var(--cal_scale) * var(--div-left));
  top: calc(var(--cal_scale) * var(--div-top));
  position: absolute;
  background-repeat: no-repeat;
  background-size: contain;
}

@media only screen and (max-width: 768px) {
  .main_working_group .main_working_group_item_5 {
    --div-w: 665.6;
    --div-h: 319.488;
    --div-left: 51.2;
    --div-top: calc(var(--div-add-h)*4);
    background-image: url(../images/main/mobile/group_115.png);
  }
}

@media only screen and (max-width: 768px) {
  .main_working_group .main_working_group_item_5 {
    --def_max_vw: 768px;
    --cal_scale: calc(100vw/768);
    /*vw px*/
  }
}

.main_working_group .main_working_group_item_6 {
  --div-w: 1342;
  --div-h: 420;
  --div-left: 98;
  --div-top: calc(var(--div-add-h)*5);
  background-image: url(../images/main/group_116.png);
  /* 計算 */
  aspect-ratio: var(--div-w)/var(--div-h);
  --cal_scale: calc(min(100vw, var(--def_max_vw))/1440);
  /*vw px*/
  width: calc(var(--cal_scale) * var(--div-w));
  left: calc(var(--cal_scale) * var(--div-left));
  top: calc(var(--cal_scale) * var(--div-top));
  position: absolute;
  background-repeat: no-repeat;
  background-size: contain;
}

@media only screen and (max-width: 768px) {
  .main_working_group .main_working_group_item_6 {
    --div-w: 665.6;
    --div-h: 319.488;
    --div-left: 51.2;
    --div-top: calc(var(--div-add-h)*5);
    background-image: url(../images/main/mobile/group_116.png);
  }
}

@media only screen and (max-width: 768px) {
  .main_working_group .main_working_group_item_6 {
    --def_max_vw: 768px;
    --cal_scale: calc(100vw/768);
    /*vw px*/
  }
}

.main_working_group .main_working_group_effect_item_1 {
  --div-w: 163;
  --div-h: 396;
  background-image: url(../images/common/light_14.png);
  --div-left: 1283;
  --div-top: calc(var(--div-add-h)*0 - 160);
  /* 計算 */
  aspect-ratio: var(--div-w)/var(--div-h);
  --cal_scale: calc(min(100vw, var(--def_max_vw))/1440);
  /*vw px*/
  width: calc(var(--cal_scale) * var(--div-w));
  left: calc(var(--cal_scale) * var(--div-left));
  top: calc(var(--cal_scale) * var(--div-top));
  position: absolute;
  background-repeat: no-repeat;
  background-size: contain;
}

@media only screen and (max-width: 768px) {
  .main_working_group .main_working_group_effect_item_1 {
    --div-w: 79;
    --div-h: 181;
    background-image: url(../images/common/mobile/light_1.png);
    --div-left: 100;
    --div-top: calc(var(--div-add-h)*0 - (100));
  }
}

@media only screen and (max-width: 768px) {
  .main_working_group .main_working_group_effect_item_1 {
    --def_max_vw: 768px;
    --cal_scale: calc(100vw/768);
    /*vw px*/
  }
}

.main_working_group .main_working_group_effect_item_2 {
  --div-w: 138;
  --div-h: 324;
  background-image: url(../images/common/light_12.png);
  --div-left: 191;
  --div-top: calc(var(--div-add-h)*2 - 200);
  /* 計算 */
  aspect-ratio: var(--div-w)/var(--div-h);
  --cal_scale: calc(min(100vw, var(--def_max_vw))/1440);
  /*vw px*/
  width: calc(var(--cal_scale) * var(--div-w));
  left: calc(var(--cal_scale) * var(--div-left));
  top: calc(var(--cal_scale) * var(--div-top));
  position: absolute;
  background-repeat: no-repeat;
  background-size: contain;
}

@media only screen and (max-width: 768px) {
  .main_working_group .main_working_group_effect_item_2 {
    --div-w: 79;
    --div-h: 181;
    background-image: url(../images/common/mobile/light_2.png);
    --div-left: 630.2;
    --div-top: calc(var(--div-add-h)*2 - 150);
  }
}

@media only screen and (max-width: 768px) {
  .main_working_group .main_working_group_effect_item_2 {
    --def_max_vw: 768px;
    --cal_scale: calc(100vw/768);
    /*vw px*/
  }
}

.main_working_group .main_working_group_effect_item_3 {
  --div-w: 174.5;
  --div-h: 427;
  background-image: url(../images/common/light_11.png);
  --div-left: 1283;
  --div-top: calc(var(--div-add-h)*3 - 200);
  /* 計算 */
  aspect-ratio: var(--div-w)/var(--div-h);
  --cal_scale: calc(min(100vw, var(--def_max_vw))/1440);
  /*vw px*/
  width: calc(var(--cal_scale) * var(--div-w));
  left: calc(var(--cal_scale) * var(--div-left));
  top: calc(var(--cal_scale) * var(--div-top));
  position: absolute;
  background-repeat: no-repeat;
  background-size: contain;
}

@media only screen and (max-width: 768px) {
  .main_working_group .main_working_group_effect_item_3 {
    --div-w: 79;
    --div-h: 181;
    background-image: url(../images/common/mobile/light_3.png);
    --div-left: 20.824;
    --div-top: calc(var(--div-add-h)*4 - 190);
  }
}

@media only screen and (max-width: 768px) {
  .main_working_group .main_working_group_effect_item_3 {
    --def_max_vw: 768px;
    --cal_scale: calc(100vw/768);
    /*vw px*/
  }
}

.main_working_group .main_working_group_effect_item_4 {
  --div-w: 174.5;
  --div-h: 427;
  background-image: url(../images/common/light_11.png);
  --div-left: 40;
  --div-top: calc(var(--div-add-h)*4 - 300);
  /* 計算 */
  aspect-ratio: var(--div-w)/var(--div-h);
  --cal_scale: calc(min(100vw, var(--def_max_vw))/1440);
  /*vw px*/
  width: calc(var(--cal_scale) * var(--div-w));
  left: calc(var(--cal_scale) * var(--div-left));
  top: calc(var(--cal_scale) * var(--div-top));
  position: absolute;
  background-repeat: no-repeat;
  background-size: contain;
}

@media only screen and (max-width: 768px) {
  .main_working_group .main_working_group_effect_item_4 {
    --div-w: 91;
    --div-h: 214;
    background-image: url(../images/common/mobile/light_4.png);
    --div-left: 618.144;
    --div-top: calc(var(--div-add-h)*5 - 90);
  }
}

@media only screen and (max-width: 768px) {
  .main_working_group .main_working_group_effect_item_4 {
    --def_max_vw: 768px;
    --cal_scale: calc(100vw/768);
    /*vw px*/
  }
}

.main_working_group .main_working_group_effect_item_5 {
  --div-w: 174.5;
  --div-h: 427;
  background-image: url(../images/common/light_11.png);
  --div-left: 1283;
  --div-top: calc(var(--div-add-h)*5 - 200);
  /* 計算 */
  aspect-ratio: var(--div-w)/var(--div-h);
  --cal_scale: calc(min(100vw, var(--def_max_vw))/1440);
  /*vw px*/
  width: calc(var(--cal_scale) * var(--div-w));
  left: calc(var(--cal_scale) * var(--div-left));
  top: calc(var(--cal_scale) * var(--div-top));
  position: absolute;
  background-repeat: no-repeat;
  background-size: contain;
}

@media only screen and (max-width: 768px) {
  .main_working_group .main_working_group_effect_item_5 {
    display: none;
  }
}

@media only screen and (max-width: 768px) {
  .main_working_group .main_working_group_effect_item_5 {
    --def_max_vw: 768px;
    --cal_scale: calc(100vw/768);
    /*vw px*/
  }
}

.main_working_group .main_working_group_effect_item_6 {
  --div-w: 174.5;
  --div-h: 427;
  background-image: url(../images/common/light_11.png);
  --div-left: 100;
  --div-top: calc(var(--div-add-h)*5 + 200);
  z-index: 1;
  /* 計算 */
  aspect-ratio: var(--div-w)/var(--div-h);
  --cal_scale: calc(min(100vw, var(--def_max_vw))/1440);
  /*vw px*/
  width: calc(var(--cal_scale) * var(--div-w));
  left: calc(var(--cal_scale) * var(--div-left));
  top: calc(var(--cal_scale) * var(--div-top));
  position: absolute;
  background-repeat: no-repeat;
  background-size: contain;
}

@media only screen and (max-width: 768px) {
  .main_working_group .main_working_group_effect_item_6 {
    display: none;
  }
}

@media only screen and (max-width: 768px) {
  .main_working_group .main_working_group_effect_item_6 {
    --def_max_vw: 768px;
    --cal_scale: calc(100vw/768);
    /*vw px*/
  }
}

.main_infomation_brock {
  --div-w: 1440;
  --div-h: 450;
  --div-left: 0;
  --div-top: 0;
  display: flex;
  flex-wrap: wrap;
  position: relative;
  /* 使得內部的 div 能夠相對於此 div 定位 */
  /* 計算 */
  aspect-ratio: var(--div-w)/var(--div-h);
  --cal_scale: calc(min(100vw, var(--def_max_vw))/1440);
  /*vw px*/
  width: calc(var(--cal_scale) * var(--div-w));
  left: calc(var(--cal_scale) * var(--div-left));
  top: calc(var(--cal_scale) * var(--div-top));
  justify-content: center;
  align-items: center;
}

@media only screen and (max-width: 768px) {
  .main_infomation_brock {
    --div-w: 768;
    --div-h: 1181.696;
  }
}

@media only screen and (max-width: 768px) {
  .main_infomation_brock {
    --def_max_vw: 768px;
    --cal_scale: calc(100vw/768);
    /*vw px*/
  }
}

.main_infomation_brock .main_text_brock {
  --div-w: 1192;
  --div-h: 420;
  --div-left: 124;
  --div-top: 0;
  background-image: url(../images/main/group_72.png);
  /* 計算 */
  aspect-ratio: var(--div-w)/var(--div-h);
  --cal_scale: calc(min(100vw, var(--def_max_vw))/1440);
  /*vw px*/
  width: calc(var(--cal_scale) * var(--div-w));
  left: calc(var(--cal_scale) * var(--div-left));
  top: calc(var(--cal_scale) * var(--div-top));
  position: absolute;
  background-repeat: no-repeat;
  background-size: contain;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  flex-direction: column;
}

@media only screen and (max-width: 768px) {
  .main_infomation_brock .main_text_brock {
    --div-w: 768;
    --div-h: 1175.552;
    --div-left: 0;
    background-image: url(../images/main/mobile/group_286.png);
  }
}

@media only screen and (max-width: 768px) {
  .main_infomation_brock .main_text_brock {
    --def_max_vw: 768px;
    --cal_scale: calc(100vw/768);
    /*vw px*/
  }
}

.main_infomation_brock .main_text_brock div {
  width: 46%;
  margin-top: calc(var(--cal_scale) * 5);
  margin-right: 22%;
  margin-bottom: calc(var(--cal_scale) * 50);
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
  flex-wrap: wrap;
  align-content: center;
}

@media only screen and (max-width: 768px) {
  .main_infomation_brock .main_text_brock div {
    width: 80%;
    margin-right: 0;
  }
}

.main_infomation_brock .main_text_brock div .short_divider {
  display: inline-block;
  margin: 0;
  margin-bottom: calc(var(--cal_scale) * 30);
  width: calc(var(--cal_scale) * 85);
  height: 2px;
  background: #FFFFFF;
}

@media only screen and (max-width: 768px) {
  .main_infomation_brock .main_text_brock div .short_divider {
    display: none;
  }
}

.main_infomation_brock .main_text_brock div h1 {
  display: inline-block;
  color: #ffffff;
  font-size: 2.125rem;
  font-weight: bold;
  margin-bottom: calc(var(--cal_scale) * 20);
}

@media only screen and (min-width: 769px) {
  .main_infomation_brock .main_text_brock div h1 br {
    display: none;
  }
}

@media only screen and (max-width: 768px) {
  .main_infomation_brock .main_text_brock div h1 {
    font-size: 4.096rem;
    margin-top: calc(var(--cal_scale) * 50);
    margin-bottom: calc(var(--cal_scale) * 50);
  }

  .main_infomation_brock .main_text_brock div h1 .h1_mobile {
    padding-left: calc(var(--cal_scale) * 260);
  }
}

.main_infomation_brock .main_text_brock div h3 {
  display: inline-block;
  color: #ffffff;
  font-size: 1.25rem;
}

@media only screen and (max-width: 768px) {
  .main_infomation_brock .main_text_brock div h3 {
    font-size: 1rem;
    font-weight: normal;
    font-size: 2.048rem;
  }

  .main_infomation_brock .main_text_brock div h3 br {
    display: none;
  }
}

.main_infomation_brock .main_text_brock .main_infomation_brock_item_1 {
  --div-w: 213;
  --div-h: 44;
  --div-left: 800;
  --div-top: 330;
  /* 計算 */
  aspect-ratio: var(--div-w)/var(--div-h);
  --cal_scale: calc(min(100vw, var(--def_max_vw))/1440);
  /*vw px*/
  width: calc(var(--cal_scale) * var(--div-w));
  left: calc(var(--cal_scale) * var(--div-left));
  top: calc(var(--cal_scale) * var(--div-top));
  position: absolute;
  background-repeat: no-repeat;
  background-size: contain;
}

@media only screen and (max-width: 768px) {
  .main_infomation_brock .main_text_brock .main_infomation_brock_item_1 {
    --div-left: 165.888;
    --div-top: 1000;
    --div-w: 278.528;
    --div-h: 32.768;
  }
}

@media only screen and (max-width: 768px) {
  .main_infomation_brock .main_text_brock .main_infomation_brock_item_1 {
    --def_max_vw: 768px;
    --cal_scale: calc(100vw/768);
    /*vw px*/
  }
}

.main_infomation_brock .main_text_brock .main_infomation_brock_item_1 img {
  width: 100%;
}

@media only screen and (max-width: 768px) {
  .main_infomation_brock .main_text_brock .main_infomation_brock_item_1 img {
    width: 140%;
  }
}

.main_contact_information_brock {
  --div-w: 1440;
  --div-h: 400;
  --div-left: 0;
  --div-top: 0;
  display: flex;
  position: relative;
  /* 使得內部的 div 能夠相對於此 div 定位 */
  /* 計算 */
  aspect-ratio: var(--div-w)/var(--div-h);
  --cal_scale: calc(min(100vw, var(--def_max_vw))/1440);
  /*vw px*/
  width: calc(var(--cal_scale) * var(--div-w));
  left: calc(var(--cal_scale) * var(--div-left));
  top: calc(var(--cal_scale) * var(--div-top));
  justify-content: center;
  align-items: center;
}

@media only screen and (max-width: 768px) {
  .main_contact_information_brock {
    --div-w: 768;
  }
}

@media only screen and (max-width: 768px) {
  .main_contact_information_brock {
    --def_max_vw: 768px;
    --cal_scale: calc(100vw/768);
    /*vw px*/
  }
}

@media only screen and (max-width: 768px) {
  .main_contact_information_brock {
    flex-direction: column;
  }
}

.main_contact_information_brock div {
  --div-w: 400;
  --div-h: 350;
  --div-left: 0;
  --div-top: 0;
  display: flex;
  position: relative;
  /* 使得內部的 div 能夠相對於此 div 定位 */
  /* 計算 */
  aspect-ratio: var(--div-w)/var(--div-h);
  --cal_scale: calc(min(100vw, var(--def_max_vw))/1440);
  /*vw px*/
  width: calc(var(--cal_scale) * var(--div-w));
  left: calc(var(--cal_scale) * var(--div-left));
  top: calc(var(--cal_scale) * var(--div-top));
  justify-content: center;
  align-items: center;
}

@media only screen and (max-width: 768px) {
  .main_contact_information_brock div {
    --def_max_vw: 768px;
    --cal_scale: calc(100vw/768);
    /*vw px*/
  }
}

.main_contact_information_brock div .main_contact_information_brock_item_1 {
  --div-w: 285;
  --div-h: 285;
  --div-left: 50;
  --div-top: 0;
  background-image: url(../images/main/41_0.png);
  /* 計算 */
  aspect-ratio: var(--div-w)/var(--div-h);
  --cal_scale: calc(min(100vw, var(--def_max_vw))/1440);
  /*vw px*/
  width: calc(var(--cal_scale) * var(--div-w));
  left: calc(var(--cal_scale) * var(--div-left));
  top: calc(var(--cal_scale) * var(--div-top));
  position: absolute;
  background-repeat: no-repeat;
  background-size: contain;
}

@media only screen and (max-width: 768px) {
  .main_contact_information_brock div .main_contact_information_brock_item_1 {
    --def_max_vw: 768px;
    --cal_scale: calc(100vw/768);
    /*vw px*/
  }
}

.main_contact_information_brock div .main_contact_information_brock_item_2 {
  --div-w: 323;
  --div-h: 35;
  --div-left: 30;
  --div-top: 142;
  /* 計算 */
  aspect-ratio: var(--div-w)/var(--div-h);
  --cal_scale: calc(min(100vw, var(--def_max_vw))/1440);
  /*vw px*/
  width: calc(var(--cal_scale) * var(--div-w));
  left: calc(var(--cal_scale) * var(--div-left));
  top: calc(var(--cal_scale) * var(--div-top));
  position: absolute;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(../images/main/41_2.png);
}

@media only screen and (max-width: 768px) {
  .main_contact_information_brock div .main_contact_information_brock_item_2 {
    --def_max_vw: 768px;
    --cal_scale: calc(100vw/768);
    /*vw px*/
  }
}

.main_contact_information_brock div .main_contact_information_brock_item_3 {
  --div-w: 285;
  --div-h: 285;
  --div-left: 50;
  --div-top: 19;
  /* 計算 */
  aspect-ratio: var(--div-w)/var(--div-h);
  --cal_scale: calc(min(100vw, var(--def_max_vw))/1440);
  /*vw px*/
  width: calc(var(--cal_scale) * var(--div-w));
  left: calc(var(--cal_scale) * var(--div-left));
  top: calc(var(--cal_scale) * var(--div-top));
  position: absolute;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(../images/main/41_1.png);
}

@media only screen and (max-width: 768px) {
  .main_contact_information_brock div .main_contact_information_brock_item_3 {
    --def_max_vw: 768px;
    --cal_scale: calc(100vw/768);
    /*vw px*/
  }
}

.main_contact_information_brock div .main_contact_information_brock_item_4 {
  --div-w: 364;
  --div-h: 78;
  --div-left: 10;
  --div-top: 130;
  /* 計算 */
  aspect-ratio: var(--div-w)/var(--div-h);
  --cal_scale: calc(min(100vw, var(--def_max_vw))/1440);
  /*vw px*/
  width: calc(var(--cal_scale) * var(--div-w));
  left: calc(var(--cal_scale) * var(--div-left));
  top: calc(var(--cal_scale) * var(--div-top));
  position: absolute;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(../images/main/41_3.png);
}

@media only screen and (max-width: 768px) {
  .main_contact_information_brock div .main_contact_information_brock_item_4 {
    --def_max_vw: 768px;
    --cal_scale: calc(100vw/768);
    /*vw px*/
  }
}

.main_contact_information_brock div h4 {
  --div-h: 150;
  display: inline-block;
  color: #000000;
  --cal_scale: calc(min(100vw, var(--def_max_vw))/1440);
  /*vw px*/
  height: calc(var(--cal_scale) * var(--div-h));
}

@media only screen and (min-width: 769px) {
  .main_contact_information_brock div h4 {
    font-size: 1rem;
    margin-top: calc(var(--cal_scale) * 31);
  }
}

@media only screen and (max-width: 768px) {
  .main_contact_information_brock div h4 {
    --def_max_vw: 768px;
    --cal_scale: calc(100vw/768);
    font-size: 1.69984rem;
    margin-top: calc(var(--cal_scale) * -36);
    white-space: nowrap;
    /*vw px*/
  }
}

.main_back_top {
  width: 100vw;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

.main_back_top a {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: black;
  font-weight: 600;
  white-space: nowrap;
  font-size: 1.4rem;
}

.main_footer_link_eff_line_brock {
  --div-w: 1440;
  --div-h: 23;
  --div-left: 0;
  --div-top: 0;
  display: flex;
  position: relative;
  /* 使得內部的 div 能夠相對於此 div 定位 */
  /* 計算 */
  aspect-ratio: var(--div-w)/var(--div-h);
  --cal_scale: calc(min(100vw, var(--def_max_vw))/1440);
  /*vw px*/
  width: calc(var(--cal_scale) * var(--div-w));
  left: calc(var(--cal_scale) * var(--div-left));
  top: calc(var(--cal_scale) * var(--div-top));
  justify-content: center;
  align-items: center;
}

@media only screen and (max-width: 768px) {
  .main_footer_link_eff_line_brock {
    --div-w: 768;
  }
}

@media only screen and (max-width: 768px) {
  .main_footer_link_eff_line_brock {
    --def_max_vw: 768px;
    --cal_scale: calc(100vw/768);
    /*vw px*/
  }
}

.main_footer_link_eff_line_brock .line_1 {
  --div-w: 3;
  --div-h: 23;
  --div-left: 1439.5;
  --div-top: 0;
  background: #0054A5;
  z-index: 10;
  /* 計算 */
  aspect-ratio: var(--div-w)/var(--div-h);
  --cal_scale: calc(min(100vw, var(--def_max_vw))/1440);
  /*vw px*/
  width: calc(var(--cal_scale) * var(--div-w));
  left: calc(var(--cal_scale) * var(--div-left));
  top: calc(var(--cal_scale) * var(--div-top));
}

@media only screen and (max-width: 768px) {
  .main_footer_link_eff_line_brock .line_1 {
    --def_max_vw: 768px;
    --cal_scale: calc(100vw/768);
    /*vw px*/
  }
}

.join-us_brock {
  width: 100vw;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

.join-us_brock .text_brock {
  width: 50%;
  margin-top: 100px;
  margin-bottom: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  flex-direction: column;
}

@media only screen and (max-width: 768px) {
  .join-us_brock .text_brock {
    width: 80%;
  }
}

.join-us_brock .text_brock .short_divider {
  display: inline-block;
  margin: 0;
  margin-top: 20px;
  margin-bottom: 20px;
  width: calc(var(--cal_scale) * 85);
  height: 2px;
  background: linear-gradient(90deg, #0054A5 28.88%, #37E2DC 92.98%);
}

.join-us_brock .text_brock h1 {
  display: inline-block;
  margin: 0;
}

.join-us_brock .text_brock h3 {
  margin: 0;
  margin-bottom: 10px;
  display: inline-block;
}

@media only screen and (max-width: 768px) {
  .join-us_brock .text_brock h3 {
    white-space: nowrap;
  }
}

.join-us_brock .text_brock .h1_pc {
  display: contents;
}

.join-us_brock .text_brock .h1_mb {
  display: none;
}

@media only screen and (max-width: 768px) {
  .join-us_brock .text_brock .h1_pc {
    display: none;
  }

  .join-us_brock .text_brock .h1_mb {
    display: inline-block;
  }
}

.jic_common_title_img_brock {
  --div-w: 1440;
  --div-h: 550;
  --div-left: 0;
  --div-top: 0;
  display: flex;
  position: relative;
  /* 使得內部的 div 能夠相對於此 div 定位 */
  /* 計算 */
  aspect-ratio: var(--div-w)/var(--div-h);
  --cal_scale: calc(min(100vw, var(--def_max_vw))/1440);
  /*vw px*/
  width: calc(var(--cal_scale) * var(--div-w));
  left: calc(var(--cal_scale) * var(--div-left));
  top: calc(var(--cal_scale) * var(--div-top));
  justify-content: center;
  align-items: center;
}

@media only screen and (max-width: 768px) {
  .jic_common_title_img_brock {
    --div-w: 768;
    --div-h: 590;
  }
}

@media only screen and (max-width: 768px) {
  .jic_common_title_img_brock {
    --def_max_vw: 768px;
    --cal_scale: calc(100vw/768);
    /*vw px*/
  }
}

@media only screen and (min-width: 769px) {
  .jic_common_title_img_brock .img_mb {
    display: none;
  }
}

@media only screen and (max-width: 768px) {
  .jic_common_title_img_brock .img_pc {
    display: none;
  }
}

.jic_common_title_img_brock img {
  --div-w: 1440;
  --div-h: 750;
  --div-left: 0;
  --div-top: 0;
  transform-origin: top left;
  /* 計算 */
  aspect-ratio: var(--div-w)/var(--div-h);
  --cal_scale: calc(min(100vw, var(--def_max_vw))/1440);
  /*vw px*/
  width: calc(var(--cal_scale) * var(--div-w));
  left: calc(var(--cal_scale) * var(--div-left));
  top: calc(var(--cal_scale) * var(--div-top));
  position: absolute;
  background-repeat: no-repeat;
  background-size: contain;
  top: calc(var(--cal_scale) * -95);
}

@media only screen and (max-width: 768px) {
  .jic_common_title_img_brock img {
    --div-w: 768;
    --div-h: 614.4;
    overflow: hidden;
  }
}

@media only screen and (max-width: 768px) {
  .jic_common_title_img_brock img {
    --def_max_vw: 768px;
    --cal_scale: calc(100vw/768);
    /*vw px*/
  }
}

@media only screen and (max-width: 768px) {
  .jic_common_title_img_brock img {
    top: calc(var(--cal_scale) * -52);
  }
}

.jic_common_page_bg_brock {
  --div-w: 1440;
  --div-h: calc(var(--jic_cp_bg_h_01) + var(--jic_cp_bg_h_02) + var(--jic_cp_bg_h_03) + 1150);
  --div-left: 0;
  --div-top: 0;
  display: flex;
  position: relative;
  /* 使得內部的 div 能夠相對於此 div 定位 */
  /* 計算 */
  aspect-ratio: var(--div-w)/var(--div-h);
  --cal_scale: calc(min(100vw, var(--def_max_vw))/1440);
  /*vw px*/
  width: calc(var(--cal_scale) * var(--div-w));
  left: calc(var(--cal_scale) * var(--div-left));
  top: calc(var(--cal_scale) * var(--div-top));
  align-items: center;
  flex-direction: column;
  /*
  	.jic_common_page_bg_1_add_j02 {
  		@include pc {


  			--div-h: 5700;
  			@include main_img_group_item_base;
  			clip-path: polygon(calc(var(--cal_scale)*80) 0%, 100% 0, 100% 100%, 0 100%, 0% calc(var(--cal_scale) * 100));
  		}
  	}


  	.jic_common_page_bg_1_add_j03 {
  		@include pc {
  			--div-h: 5700;
  			@include main_img_group_item_base;
  			clip-path: polygon(calc(var(--cal_scale)*80) 0%, 100% 0, 100% 100%, 0 100%, 0% calc(var(--cal_scale) * 100));
  		}
  	}

  	.jic_common_page_bg_1_add_j04 {
  		@include pc {
  			--div-h: 5700;
  			@include main_img_group_item_base;
  			clip-path: polygon(calc(var(--cal_scale)*80) 0%, 100% 0, 100% 100%, 0 100%, 0% calc(var(--cal_scale) * 100));
  		}
  	}

  	.jic_common_page_bg_1_add_j05 {
  		@include pc {
  			--div-h: 5700;
  			@include main_img_group_item_base;
  			clip-path: polygon(calc(var(--cal_scale)*80) 0%, 100% 0, 100% 100%, 0 100%, 0% calc(var(--cal_scale) * 100));
  		}
  	}

  	.jic_common_page_bg_1_add_j06 {
  		@include pc {
  			--div-h: 5700;
  			@include main_img_group_item_base;
  			clip-path: polygon(calc(var(--cal_scale)*80) 0%, 100% 0, 100% 100%, 0 100%, 0% calc(var(--cal_scale) * 100));
  		}
  	}
  */
  /*

  	.jic_common_page_bg_2_add_j02 {
  		@include pc {
  			--div-top: 5600;
  			--div-h: 3350;
  			@include main_img_group_item_base;
  			clip-path: polygon(0 0, 100% 0, 100% 100%, calc(var(--cal_scale)*80) 100%, 0 calc(100% - var(--cal_scale)*80));
  		}
  	}

  	.jic_common_page_bg_2_add_j03 {
  		@include pc {
  			--div-top: 4950;
  			--div-h: 4000;
  			@include main_img_group_item_base;
  			clip-path: polygon(0 0, 100% 0, 100% 100%, calc(var(--cal_scale)*80) 100%, 0 calc(100% - var(--cal_scale)*80));
  		}
  	}

  	.jic_common_page_bg_2_add_j04 {
  		@include pc {
  			--div-top: 4750;
  			--div-h: 3380;
  			@include main_img_group_item_base;
  			clip-path: polygon(0 0, 100% 0, 100% 100%, calc(var(--cal_scale)*80) 100%, 0 calc(100% - var(--cal_scale)*80));
  		}
  	}

  	.jic_common_page_bg_2_add_j05 {
  		@include pc {
  			--div-top: 4650;
  			--div-h: 2450;
  			@include main_img_group_item_base;
  			clip-path: polygon(0 0, 100% 0, 100% 100%, calc(var(--cal_scale)*80) 100%, 0 calc(100% - var(--cal_scale)*80));
  		}
  	}

  	.jic_common_page_bg_2_add_j06 {
  		@include pc {
  			--div-top: 4900;
  			--div-h: 2550;
  			@include main_img_group_item_base;
  			clip-path: polygon(0 0, 100% 0, 100% 100%, calc(var(--cal_scale)*80) 100%, 0 calc(100% - var(--cal_scale)*80));
  		}
  	}
  */
}

@media only screen and (max-width: 768px) {
  .jic_common_page_bg_brock {
    --div-top: -100;
    --div-w: 768;
    --div-h: calc(var(--jic_cp_bg_h_01) + var(--jic_cp_bg_h_02) + var(--jic_cp_bg_h_03) + 1700);
    overflow: hidden;
  }
}

@media only screen and (max-width: 768px) {
  .jic_common_page_bg_brock {
    --def_max_vw: 768px;
    --cal_scale: calc(100vw/768);
    /*vw px*/
  }
}

.jic_common_page_bg_brock .jic_common_page_bg_1 {
  --div-w: 1349;
  --div-h: var(--jic_cp_bg_h_01);
  --div-left: 91;
  --div-top: 0;
  /* 計算 */
  aspect-ratio: var(--div-w)/var(--div-h);
  --cal_scale: calc(min(100vw, var(--def_max_vw))/1440);
  /*vw px*/
  width: calc(var(--cal_scale) * var(--div-w));
  left: calc(var(--cal_scale) * var(--div-left));
  top: calc(var(--cal_scale) * var(--div-top));
  position: absolute;
  background-repeat: no-repeat;
  background-size: contain;
  background: #FFFFFF;
}

@media only screen and (max-width: 768px) {
  .jic_common_page_bg_brock .jic_common_page_bg_1 {
    --div-top: 0;
    --div-left: 51;
    --div-w: 717;
  }
}

@media only screen and (max-width: 768px) {
  .jic_common_page_bg_brock .jic_common_page_bg_1 {
    --def_max_vw: 768px;
    --cal_scale: calc(100vw/768);
    /*vw px*/
  }
}

@media only screen and (max-width: 768px) {
  .jic_common_page_bg_brock .jic_common_page_bg_1 {
    clip-path: polygon(calc(var(--cal_scale) * 40) 0%, 100% 0, 100% 100%, 0 100%, 0% calc(var(--cal_scale) * 100));
  }
}

@media only screen and (min-width: 769px) {
  .jic_common_page_bg_brock .jic_common_page_bg_1 {
    clip-path: polygon(calc(var(--cal_scale) * 80) 0%, 100% 0, 100% 100%, 0 100%, 0% calc(var(--cal_scale) * 100));
  }
}

.jic_common_page_bg_brock .jic_common_page_bg_2 {
  --div-w: 1349;
  --div-left: 91;
  --div-h: var(--jic_cp_bg_h_02);
  --div-top: var(--jic_cp_bg_h_01);
  /* 計算 */
  aspect-ratio: var(--div-w)/var(--div-h);
  --cal_scale: calc(min(100vw, var(--def_max_vw))/1440);
  /*vw px*/
  width: calc(var(--cal_scale) * var(--div-w));
  left: calc(var(--cal_scale) * var(--div-left));
  top: calc(var(--cal_scale) * var(--div-top));
  position: absolute;
  background-repeat: no-repeat;
  background-size: contain;
  background: #259FDD;
}

@media only screen and (max-width: 768px) {
  .jic_common_page_bg_brock .jic_common_page_bg_2 {
    --div-left: 51;
    --div-w: calc(768 - var(--div-left));
  }
}

@media only screen and (max-width: 768px) {
  .jic_common_page_bg_brock .jic_common_page_bg_2 {
    --def_max_vw: 768px;
    --cal_scale: calc(100vw/768);
    /*vw px*/
  }
}

@media only screen and (max-width: 768px) {
  .jic_common_page_bg_brock .jic_common_page_bg_2 {
    clip-path: polygon(0 0, 100% 0, 100% 100%, calc(var(--cal_scale) * 40) 100%, 0 calc(100% - var(--cal_scale) * 40));
  }
}

@media only screen and (min-width: 769px) {
  .jic_common_page_bg_brock .jic_common_page_bg_2 {
    clip-path: polygon(0 0, 100% 0, 100% 100%, calc(var(--cal_scale) * 80) 100%, 0 calc(100% - var(--cal_scale) * 80));
  }
}

.jic_common_page_bg_brock .jic_common_page_bg_3 {
  --div-w: 1349;
  --div-left: 91;
  --div-h: var(--jic_cp_bg_h_03);
  --div-top: calc(var(--jic_cp_bg_h_01) + var(--jic_cp_bg_h_02) - 80);
  /* 計算 */
  aspect-ratio: var(--div-w)/var(--div-h);
  --cal_scale: calc(min(100vw, var(--def_max_vw))/1440);
  /*vw px*/
  width: calc(var(--cal_scale) * var(--div-w));
  left: calc(var(--cal_scale) * var(--div-left));
  top: calc(var(--cal_scale) * var(--div-top));
  position: absolute;
  background-repeat: no-repeat;
  background-size: contain;
  background: #FFFFFF;
}

@media only screen and (max-width: 768px) {
  .jic_common_page_bg_brock .jic_common_page_bg_3 {
    --div-left: 51;
    --div-w: calc(768 - var(--div-left));
  }
}

@media only screen and (max-width: 768px) {
  .jic_common_page_bg_brock .jic_common_page_bg_3 {
    --def_max_vw: 768px;
    --cal_scale: calc(100vw/768);
    /*vw px*/
  }
}

@media only screen and (max-width: 768px) {
  .jic_common_page_bg_brock .jic_common_page_bg_3 {
    clip-path: polygon(0 0, 100% 0, 100% 100%, calc(var(--cal_scale) * 40) 100%, 0 calc(100% - var(--cal_scale) * 40));
  }
}

@media only screen and (min-width: 769px) {
  .jic_common_page_bg_brock .jic_common_page_bg_3 {
    clip-path: polygon(0 0, 100% 0, 100% 100%, calc(var(--cal_scale) * 80) 100%, 0 calc(100% - var(--cal_scale) * 80));
  }
}

.jic_common_page_bg_brock .text_brock {
  width: 50%;
  margin-top: calc(var(--cal_scale) * 100);
  margin-bottom: calc(var(--cal_scale) * 50);
  display: flex;
  justify-content: center;
  align-items: flex-start;
  z-index: 2;
  flex-wrap: wrap;
  flex-direction: column;
}

@media only screen and (max-width: 768px) {
  .jic_common_page_bg_brock .text_brock {
    width: 80%;
    margin-left: calc(var(--cal_scale) * 50);
    margin-top: calc(var(--cal_scale) * 60);
  }
}

.jic_common_page_bg_brock .text_brock .short_divider {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin: 0;
  margin-top: calc(var(--cal_scale) * 50);
  margin-bottom: calc(var(--cal_scale) * 20);
  width: calc(var(--cal_scale) * 36);
  height: calc(var(--cal_scale) * 2);
  background: linear-gradient(90deg, #0054A5 28.88%, #37E2DC 92.98%);
}

@media only screen and (max-width: 768px) {
  .jic_common_page_bg_brock .text_brock .short_divider {
    width: calc(var(--cal_scale) * 50);
    height: calc(var(--cal_scale) * 4);
    margin-left: calc(var(--cal_scale) * 10);
  }
}

.jic_common_page_bg_brock .text_brock .short_divider h4 {
  margin: 0;
  margin-left: calc(var(--cal_scale) * 46);
  color: #06AFC9;
  display: inline-block;
}

@media only screen and (min-width: 769px) {
  .jic_common_page_bg_brock .text_brock .short_divider h4 {
    font-size: 0.875rem;
  }
}

@media only screen and (max-width: 768px) {
  .jic_common_page_bg_brock .text_brock .short_divider h4 {
    margin-left: calc(var(--cal_scale) * 55);
    font-size: 1.792rem;
  }
}

.jic_common_page_bg_brock .text_brock .tag_group {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-top: calc(var(--cal_scale) * 30);
}

@media only screen and (max-width: 768px) {
  .jic_common_page_bg_brock .text_brock .tag_group {
    flex-wrap: wrap;
  }
}

.jic_common_page_bg_brock .text_brock .tag_group .circle_line_tag_b,
.jic_common_page_bg_brock .text_brock .tag_group .circle_line_tag_s {
  box-sizing: border-box;
  width: calc(var(--cal_scale) * 117.5);
  height: calc(var(--cal_scale) * 41.15);
  left: 0.76px;
  top: 0.11px;
  margin-right: calc(var(--cal_scale) * 20);
  border: 1px solid #D2D2D2;
  border-radius: calc(var(--cal_scale) * 62);
  display: flex;
  justify-content: center;
  align-items: center;
}

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

  .jic_common_page_bg_brock .text_brock .tag_group .circle_line_tag_b,
  .jic_common_page_bg_brock .text_brock .tag_group .circle_line_tag_s {
    margin-right: calc(var(--cal_scale) * 10);
    margin-bottom: calc(var(--cal_scale) * 30);
    width: calc(var(--cal_scale) * 190);
    height: calc(var(--cal_scale) * 55.3);
  }
}

.jic_common_page_bg_brock .text_brock .tag_group .circle_line_tag_b h4,
.jic_common_page_bg_brock .text_brock .tag_group .circle_line_tag_s h4 {
  margin: 0;
  color: #06AFC9;
  line-height: 2;
}

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

  .jic_common_page_bg_brock .text_brock .tag_group .circle_line_tag_b h4,
  .jic_common_page_bg_brock .text_brock .tag_group .circle_line_tag_s h4 {
    font-size: 1.6rem;
    white-space: nowrap;
  }
}

.jic_common_page_bg_brock .text_brock .tag_group .circle_line_tag_s {
  width: calc(var(--cal_scale) * 77.45);
}

@media only screen and (max-width: 768px) {
  .jic_common_page_bg_brock .text_brock .tag_group .circle_line_tag_s {
    width: calc(var(--cal_scale) * 139.284);
    white-space: nowrap;
  }
}

.jic_common_page_bg_brock .text_brock h1 {
  display: inline-block;
  margin: 0;
}

@media only screen and (min-width: 769px) {
  .jic_common_page_bg_brock .text_brock h1 {
    font-size: 3rem;
  }

  .jic_common_page_bg_brock .text_brock h1 .text_mb {
    display: none;
  }
}

@media only screen and (max-width: 768px) {
  .jic_common_page_bg_brock .text_brock h1 {
    margin-top: calc(var(--cal_scale) * 20);
    margin-bottom: calc(var(--cal_scale) * 20);
    font-weight: bold;
  }

  .jic_common_page_bg_brock .text_brock h1 .text_mb_sp3_1 {
    width: calc(var(--cal_scale) * 10);
    height: calc(var(--cal_scale) * 20);
    display: inline-block;
  }

  .jic_common_page_bg_brock .text_brock h1 .text_mb_sp3_2 {
    width: calc(var(--cal_scale) * 77);
    height: calc(var(--cal_scale) * 20);
    display: inline-block;
  }
}

.jic_common_page_bg_brock .text_brock h2 {
  margin: 0;
  margin-bottom: calc(var(--cal_scale) * 10);
  color: #06AFC9;
  display: inline-block;
}

@media only screen and (min-width: 769px) {
  .jic_common_page_bg_brock .text_brock h2 .text_mb {
    display: none;
  }
}

@media only screen and (max-width: 768px) {
  .jic_common_page_bg_brock .text_brock h2 {
    font-size: 2.56rem;
    font-weight: bold;
    white-space: nowrap;
  }

  .jic_common_page_bg_brock .text_brock h2 .text_mb_sp {
    width: calc(var(--cal_scale) * 150);
    height: calc(var(--cal_scale) * 20);
    display: inline-block;
  }

  .jic_common_page_bg_brock .text_brock h2 .text_mb_sp_add_2 {
    width: calc(var(--cal_scale) * 112);
  }

  .jic_common_page_bg_brock .text_brock h2 .text_mb_sp_add_3 {
    width: calc(var(--cal_scale) * 112);
  }

  .jic_common_page_bg_brock .text_brock h2 .text_mb_sp_add_4 {
    width: calc(var(--cal_scale) * 30);
  }

  .jic_common_page_bg_brock .text_brock h2 .text_mb_sp_add_5 {
    width: calc(var(--cal_scale) * 150);
  }

  .jic_common_page_bg_brock .text_brock h2 .text_mb_sp_add_6 {
    width: calc(var(--cal_scale) * 194);
  }
}

.jic_common_page_bg_brock .text_brock h3 {
  margin: 0;
  margin-bottom: calc(var(--cal_scale) * 10);
  color: #06AFC9;
  display: inline-block;
}

.jic_common_page_bg_brock .character_selection_brock {
  display: flex;
  position: relative;
  /* 使得內部的 div 能夠相對於此 div 定位 */
  align-items: center;
  justify-content: center;
  z-index: 2;
  --div-w: 1349;
  --div-h: 560;
  --div-left: 45;
  --div-top: 0;
  /* 計算 */
  aspect-ratio: var(--div-w)/var(--div-h);
  --cal_scale: calc(min(100vw, var(--def_max_vw))/1440);
  /*vw px*/
  width: calc(var(--cal_scale) * var(--div-w));
  left: calc(var(--cal_scale) * var(--div-left));
  top: calc(var(--cal_scale) * var(--div-top));
}

@media only screen and (max-width: 768px) {
  .jic_common_page_bg_brock .character_selection_brock {
    --div-left: 33;
    --div-w: calc(768 - var(--div-left));
    --div-h: 600;
    --div-top: 0;
    flex-wrap: wrap;
  }
}

@media only screen and (max-width: 768px) {
  .jic_common_page_bg_brock .character_selection_brock {
    --def_max_vw: 768px;
    --cal_scale: calc(100vw/768);
    /*vw px*/
  }
}

.jic_common_page_bg_brock .character_selection_brock .bg {
  position: absolute;
  --div-w: 1349;
  --div-h: 288;
  --div-left: 0;
  --div-top: 205;
  /* 計算 */
  aspect-ratio: var(--div-w)/var(--div-h);
  --cal_scale: calc(min(100vw, var(--def_max_vw))/1440);
  /*vw px*/
  width: calc(var(--cal_scale) * var(--div-w));
  left: calc(var(--cal_scale) * var(--div-left));
  top: calc(var(--cal_scale) * var(--div-top));
  background: linear-gradient(92.02deg, #6BD4D9 -2.14%, #2BBAC8 30.4%, #79D9DC 53.82%, #229BDC 70.75%, #65F3EE 104.45%);
}

@media only screen and (max-width: 768px) {
  .jic_common_page_bg_brock .character_selection_brock .bg {
    --def_max_vw: 768px;
    --cal_scale: calc(100vw/768);
    /*vw px*/
  }
}

@media only screen and (max-width: 768px) {
  .jic_common_page_bg_brock .character_selection_brock .bg {
    display: none;
  }
}

.jic_common_page_bg_brock .character_selection_brock .bg_add_job3 {
  --div-top: 190;
  /* 計算 */
  aspect-ratio: var(--div-w)/var(--div-h);
  --cal_scale: calc(min(100vw, var(--def_max_vw))/1440);
  /*vw px*/
  width: calc(var(--cal_scale) * var(--div-w));
  left: calc(var(--cal_scale) * var(--div-left));
  top: calc(var(--cal_scale) * var(--div-top));
}

@media only screen and (max-width: 768px) {
  .jic_common_page_bg_brock .character_selection_brock .bg_add_job3 {
    --def_max_vw: 768px;
    --cal_scale: calc(100vw/768);
    /*vw px*/
  }
}

.jic_common_page_bg_brock .character_selection_brock .character_selection_item {
  display: flex;
  position: relative;
  /* 使得內部的 div 能夠相對於此 div 定位 */
  align-items: center;
  z-index: 2;
  margin-left: calc(var(--cal_scale) * 5);
  margin-right: calc(var(--cal_scale) * 5);
  --div-w: 560;
  --div-h: 478;
  --div-left: 0;
  --div-top: 0;
  /* 計算 */
  aspect-ratio: var(--div-w)/var(--div-h);
  --cal_scale: calc(min(100vw, var(--def_max_vw))/1440);
  /*vw px*/
  width: calc(var(--cal_scale) * var(--div-w));
  left: calc(var(--cal_scale) * var(--div-left));
  top: calc(var(--cal_scale) * var(--div-top));
}

@media only screen and (min-width: 769px) {
  .jic_common_page_bg_brock .character_selection_brock .character_selection_item {
    margin-left: calc(var(--cal_scale) * 35);
    margin-right: calc(var(--cal_scale) * 35);
  }
}

@media only screen and (max-width: 768px) {
  .jic_common_page_bg_brock .character_selection_brock .character_selection_item {
    --div-w: 732;
    --div-h: 591;
    --div-left: 0;
    --div-top: 0;
    margin-left: 0;
    margin-right: 0;
  }
}

@media only screen and (max-width: 768px) {
  .jic_common_page_bg_brock .character_selection_brock .character_selection_item {
    --def_max_vw: 768px;
    --cal_scale: calc(100vw/768);
    /*vw px*/
  }
}

@media only screen and (min-width: 769px) {
  .jic_common_page_bg_brock .character_selection_brock .character_selection_item .img_mb {
    display: none;
  }
}

@media only screen and (max-width: 768px) {
  .jic_common_page_bg_brock .character_selection_brock .character_selection_item .img_pc {
    display: none;
  }
}

.jic_common_page_bg_brock .character_selection_brock .character_selection_item img {
  --div-w: 560;
  --div-h: 278;
  --div-left: 0;
  --div-top: 0;
  /* 計算 */
  aspect-ratio: var(--div-w)/var(--div-h);
  --cal_scale: calc(min(100vw, var(--def_max_vw))/1440);
  /*vw px*/
  width: calc(var(--cal_scale) * var(--div-w));
  left: calc(var(--cal_scale) * var(--div-left));
  top: calc(var(--cal_scale) * var(--div-top));
  position: absolute;
  background-repeat: no-repeat;
  background-size: contain;
}

@media only screen and (max-width: 768px) {
  .jic_common_page_bg_brock .character_selection_brock .character_selection_item img {
    --div-w: 716.8;
    --div-h: 456.704;
    --div-left: 0;
    --div-top: 0;
  }
}

@media only screen and (max-width: 768px) {
  .jic_common_page_bg_brock .character_selection_brock .character_selection_item img {
    --def_max_vw: 768px;
    --cal_scale: calc(100vw/768);
    /*vw px*/
  }
}

@media only screen and (min-width: 769px) {
  .jic_common_page_bg_brock .character_selection_brock .character_selection_item .add_img_job3 {
    --div-w: 380;
    /* 計算 */
    aspect-ratio: var(--div-w)/var(--div-h);
    --cal_scale: calc(min(100vw, var(--def_max_vw))/1440);
    /*vw px*/
    width: calc(var(--cal_scale) * var(--div-w));
    left: calc(var(--cal_scale) * var(--div-left));
    top: calc(var(--cal_scale) * var(--div-top));
    position: absolute;
    background-repeat: no-repeat;
    background-size: contain;
  }
}

@media only screen and (min-width: 769px) and (max-width: 768px) {
  .jic_common_page_bg_brock .character_selection_brock .character_selection_item .add_img_job3 {
    --def_max_vw: 768px;
    --cal_scale: calc(100vw/768);
    /*vw px*/
  }
}

@media only screen and (max-width: 768px) {
  .jic_common_page_bg_brock .character_selection_brock .character_selection_item .add_img_job3 {
    --div-w: 716.8;
    --div-h: 378.88;
    /* 計算 */
    aspect-ratio: var(--div-w)/var(--div-h);
    --cal_scale: calc(min(100vw, var(--def_max_vw))/1440);
    /*vw px*/
    width: calc(var(--cal_scale) * var(--div-w));
    left: calc(var(--cal_scale) * var(--div-left));
    top: calc(var(--cal_scale) * var(--div-top));
    position: absolute;
    background-repeat: no-repeat;
    background-size: contain;
  }
}

@media only screen and (max-width: 768px) and (max-width: 768px) {
  .jic_common_page_bg_brock .character_selection_brock .character_selection_item .add_img_job3 {
    --def_max_vw: 768px;
    --cal_scale: calc(100vw/768);
    /*vw px*/
  }
}

.jic_common_page_bg_brock .character_selection_brock .character_selection_item .char_name {
  --div-w: 96;
  --div-h: 26;
  --div-left: 50;
  --div-top: 230;
  position: absolute;
  z-index: 3;
}

@media only screen and (min-width: 769px) {
  .jic_common_page_bg_brock .character_selection_brock .character_selection_item .char_name {
    /* 計算 */
    aspect-ratio: var(--div-w)/var(--div-h);
    --cal_scale: calc(min(100vw, var(--def_max_vw))/1440);
    /*vw px*/
    width: calc(var(--cal_scale) * var(--div-w));
    left: calc(var(--cal_scale) * var(--div-left));
    top: calc(var(--cal_scale) * var(--div-top));
    clip-path: polygon(15px 0%, 100% 0, calc(100% - 15px) 100%, 0% 100%);
    background: linear-gradient(92.25deg, #168CDD 1.56%, #0A569F 29.93%, #1A83F1 65.69%, #53D2E4 89.41%);
  }
}

@media only screen and (min-width: 769px) and (max-width: 768px) {
  .jic_common_page_bg_brock .character_selection_brock .character_selection_item .char_name {
    --def_max_vw: 768px;
    --cal_scale: calc(100vw/768);
    /*vw px*/
  }
}

@media only screen and (max-width: 768px) {
  .jic_common_page_bg_brock .character_selection_brock .character_selection_item .char_name {
    --div-w: 198.656;
    --div-h: 53.248;
    --div-left: 0;
    --div-top: 0;
    background-image: url(../images/join_us/mobile_comm/char_name_bg.png);
    /* 計算 */
    aspect-ratio: var(--div-w)/var(--div-h);
    --cal_scale: calc(min(100vw, var(--def_max_vw))/1440);
    /*vw px*/
    width: calc(var(--cal_scale) * var(--div-w));
    left: calc(var(--cal_scale) * var(--div-left));
    top: calc(var(--cal_scale) * var(--div-top));
    position: absolute;
    background-repeat: no-repeat;
    background-size: contain;
  }
}

@media only screen and (max-width: 768px) and (max-width: 768px) {
  .jic_common_page_bg_brock .character_selection_brock .character_selection_item .char_name {
    --def_max_vw: 768px;
    --cal_scale: calc(100vw/768);
    /*vw px*/
  }
}

.jic_common_page_bg_brock .character_selection_brock .character_selection_item .char_name h4 {
  margin: 0;
  margin-left: calc(var(--cal_scale) * 25);
  line-height: 2;
  color: #FFFFFF;
}

@media only screen and (min-width: 769px) {
  .jic_common_page_bg_brock .character_selection_brock .character_selection_item .char_name h4 {
    margin-left: calc(var(--cal_scale) * 22);
    font-size: 0.8125rem;
  }
}

@media only screen and (max-width: 768px) {
  .jic_common_page_bg_brock .character_selection_brock .character_selection_item .char_name h4 {
    font-size: 1.664rem;
    font-weight: bold;
    margin: auto;
    text-align: center;
  }
}

.jic_common_page_bg_brock .character_selection_brock .character_selection_item .char_work {
  --div-w: 250;
  --div-h: 35;
  --div-left: 79;
  --div-top: 260;
  position: absolute;
  z-index: 3;
  display: flex;
  justify-content: center;
}

@media only screen and (min-width: 769px) {
  .jic_common_page_bg_brock .character_selection_brock .character_selection_item .char_work {
    clip-path: polygon(15px 0%, 100% 0, calc(100% - 15px) 100%, 0% 100%);
    background: #FFFFFF;
    opacity: 0.85;
    /* 計算 */
    aspect-ratio: var(--div-w)/var(--div-h);
    --cal_scale: calc(min(100vw, var(--def_max_vw))/1440);
    /*vw px*/
    width: calc(var(--cal_scale) * var(--div-w));
    left: calc(var(--cal_scale) * var(--div-left));
    top: calc(var(--cal_scale) * var(--div-top));
  }
}

@media only screen and (min-width: 769px) and (max-width: 768px) {
  .jic_common_page_bg_brock .character_selection_brock .character_selection_item .char_work {
    --def_max_vw: 768px;
    --cal_scale: calc(100vw/768);
    /*vw px*/
  }
}

@media only screen and (max-width: 768px) {
  .jic_common_page_bg_brock .character_selection_brock .character_selection_item .char_work {
    --div-w: 442.368;
    --div-h: 63.488;
    --div-left: 275;
    --div-top: 393;
    background-image: url(../images/join_us/mobile_comm/char_work_bg.png);
    /* 計算 */
    aspect-ratio: var(--div-w)/var(--div-h);
    --cal_scale: calc(min(100vw, var(--def_max_vw))/1440);
    /*vw px*/
    width: calc(var(--cal_scale) * var(--div-w));
    left: calc(var(--cal_scale) * var(--div-left));
    top: calc(var(--cal_scale) * var(--div-top));
    position: absolute;
    background-repeat: no-repeat;
    background-size: contain;
  }
}

@media only screen and (max-width: 768px) and (max-width: 768px) {
  .jic_common_page_bg_brock .character_selection_brock .character_selection_item .char_work {
    --def_max_vw: 768px;
    --cal_scale: calc(100vw/768);
    /*vw px*/
  }
}

.jic_common_page_bg_brock .character_selection_brock .character_selection_item .char_work h4 {
  margin: 0;
  line-height: 2;
  color: #000000;
}

@media only screen and (min-width: 769px) {
  .jic_common_page_bg_brock .character_selection_brock .character_selection_item .char_work h4 {
    font-size: 0.875rem;
  }
}

@media only screen and (max-width: 768px) {
  .jic_common_page_bg_brock .character_selection_brock .character_selection_item .char_work h4 {
    font-size: 1.792rem;
    font-weight: 500;
    margin: auto;
    text-align: center;
    color: #1D1D1D;
  }
}

@media only screen and (max-width: 768px) {
  .jic_common_page_bg_brock .character_selection_brock .character_selection_item .c4_sp2 {
    --div-w: 460;
    /* 計算 */
    aspect-ratio: var(--div-w)/var(--div-h);
    --cal_scale: calc(min(100vw, var(--def_max_vw))/1440);
    /*vw px*/
    width: calc(var(--cal_scale) * var(--div-w));
    left: calc(var(--cal_scale) * var(--div-left));
    top: calc(var(--cal_scale) * var(--div-top));
    position: absolute;
    background-repeat: no-repeat;
    background-size: contain;
  }
}

@media only screen and (max-width: 768px) and (max-width: 768px) {
  .jic_common_page_bg_brock .character_selection_brock .character_selection_item .c4_sp2 {
    --def_max_vw: 768px;
    --cal_scale: calc(100vw/768);
    /*vw px*/
  }
}

@media only screen and (max-width: 768px) {
  .jic_common_page_bg_brock .character_selection_brock .character_selection_item .char_work_job3 {
    --div-top: 316;
    /* 計算 */
    aspect-ratio: var(--div-w)/var(--div-h);
    --cal_scale: calc(min(100vw, var(--def_max_vw))/1440);
    /*vw px*/
    width: calc(var(--cal_scale) * var(--div-w));
    left: calc(var(--cal_scale) * var(--div-left));
    top: calc(var(--cal_scale) * var(--div-top));
    position: absolute;
    background-repeat: no-repeat;
    background-size: contain;
  }
}

@media only screen and (max-width: 768px) and (max-width: 768px) {
  .jic_common_page_bg_brock .character_selection_brock .character_selection_item .char_work_job3 {
    --def_max_vw: 768px;
    --cal_scale: calc(100vw/768);
    /*vw px*/
  }
}

.jic_common_page_bg_brock .character_selection_brock .character_selection_item .char_info {
  --div-w: 390;
  --div-h: 31;
  --div-left: 0;
  --div-top: 330;
  position: absolute;
  z-index: 3;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

@media only screen and (min-width: 769px) {
  .jic_common_page_bg_brock .character_selection_brock .character_selection_item .char_info {
    /* 計算 */
    aspect-ratio: var(--div-w)/var(--div-h);
    --cal_scale: calc(min(100vw, var(--def_max_vw))/1440);
    /*vw px*/
    width: calc(var(--cal_scale) * var(--div-w));
    left: calc(var(--cal_scale) * var(--div-left));
    top: calc(var(--cal_scale) * var(--div-top));
  }
}

@media only screen and (min-width: 769px) and (max-width: 768px) {
  .jic_common_page_bg_brock .character_selection_brock .character_selection_item .char_info {
    --def_max_vw: 768px;
    --cal_scale: calc(100vw/768);
    /*vw px*/
  }
}

@media only screen and (max-width: 768px) {
  .jic_common_page_bg_brock .character_selection_brock .character_selection_item .char_info {
    --div-w: 716.8;
    --div-h: 135.168;
    --div-left: 0;
    --div-top: 457;
    background-image: url(../images/join_us/mobile_comm/char_info_bg.png);
    /* 計算 */
    aspect-ratio: var(--div-w)/var(--div-h);
    --cal_scale: calc(min(100vw, var(--def_max_vw))/1440);
    /*vw px*/
    width: calc(var(--cal_scale) * var(--div-w));
    left: calc(var(--cal_scale) * var(--div-left));
    top: calc(var(--cal_scale) * var(--div-top));
    position: absolute;
    background-repeat: no-repeat;
    background-size: contain;
    align-items: center;
    justify-content: center;
  }
}

@media only screen and (max-width: 768px) and (max-width: 768px) {
  .jic_common_page_bg_brock .character_selection_brock .character_selection_item .char_info {
    --def_max_vw: 768px;
    --cal_scale: calc(100vw/768);
    /*vw px*/
  }
}

.jic_common_page_bg_brock .character_selection_brock .character_selection_item .char_info h3 {
  margin: 0;
  margin-left: calc(var(--cal_scale) * 30);
  line-height: 2;
  color: #FFFFFF;
}

@media only screen and (min-width: 769px) {
  .jic_common_page_bg_brock .character_selection_brock .character_selection_item .char_info h3 {
    font-size: 1.125rem;
    font-weight: bold;
  }
}

@media only screen and (max-width: 768px) {
  .jic_common_page_bg_brock .character_selection_brock .character_selection_item .char_info h3 {
    font-size: 1.92rem;
    font-weight: bold;
    left: calc(var(--cal_scale) * 10);
    width: 90%;
    line-height: 1.6;
  }
}

@media only screen and (min-width: 769px) {
  .jic_common_page_bg_brock .character_selection_brock .character_selection_item .char_info_add_job3 {
    --div-left: -110;
    /* 計算 */
    aspect-ratio: var(--div-w)/var(--div-h);
    --cal_scale: calc(min(100vw, var(--def_max_vw))/1440);
    /*vw px*/
    width: calc(var(--cal_scale) * var(--div-w));
    left: calc(var(--cal_scale) * var(--div-left));
    top: calc(var(--cal_scale) * var(--div-top));
  }
}

@media only screen and (min-width: 769px) and (max-width: 768px) {
  .jic_common_page_bg_brock .character_selection_brock .character_selection_item .char_info_add_job3 {
    --def_max_vw: 768px;
    --cal_scale: calc(100vw/768);
    /*vw px*/
  }
}

@media only screen and (max-width: 768px) {
  .jic_common_page_bg_brock .character_selection_brock .character_selection_item .char_info_add_job3 {
    --div-top: 379;
    /* 計算 */
    aspect-ratio: var(--div-w)/var(--div-h);
    --cal_scale: calc(min(100vw, var(--def_max_vw))/1440);
    /*vw px*/
    width: calc(var(--cal_scale) * var(--div-w));
    left: calc(var(--cal_scale) * var(--div-left));
    top: calc(var(--cal_scale) * var(--div-top));
    position: absolute;
    background-repeat: no-repeat;
    background-size: contain;
  }
}

@media only screen and (max-width: 768px) and (max-width: 768px) {
  .jic_common_page_bg_brock .character_selection_brock .character_selection_item .char_info_add_job3 {
    --def_max_vw: 768px;
    --cal_scale: calc(100vw/768);
    /*vw px*/
  }
}

.jic_common_page_bg_brock .character_selection_brock .character_selection_item .char_more {
  --div-w: 250;
  --div-h: 31;
  --div-left: 380;
  --div-top: 364;
  position: absolute;
  /* 計算 */
  aspect-ratio: var(--div-w)/var(--div-h);
  --cal_scale: calc(min(100vw, var(--def_max_vw))/1440);
  /*vw px*/
  width: calc(var(--cal_scale) * var(--div-w));
  left: calc(var(--cal_scale) * var(--div-left));
  top: calc(var(--cal_scale) * var(--div-top));
  z-index: 3;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

@media only screen and (max-width: 768px) {
  .jic_common_page_bg_brock .character_selection_brock .character_selection_item .char_more {
    --div-w: 300;
    --div-top: 470;
    --div-left: 600;
  }
}

@media only screen and (max-width: 768px) {
  .jic_common_page_bg_brock .character_selection_brock .character_selection_item .char_more {
    --def_max_vw: 768px;
    --cal_scale: calc(100vw/768);
    /*vw px*/
  }
}

.jic_common_page_bg_brock .character_selection_brock .character_selection_item .char_more h3 {
  margin: 0;
  margin-left: calc(var(--cal_scale) * 30);
  line-height: 2;
  color: #FFFFFF;
  text-decoration: underline;
}

@media only screen and (min-width: 769px) {
  .jic_common_page_bg_brock .character_selection_brock .character_selection_item .char_more h3 {
    font-size: 0.875rem;
    font-weight: normal;
  }
}

@media only screen and (max-width: 768px) {
  .jic_common_page_bg_brock .character_selection_brock .character_selection_item .char_more h3 {
    top: calc(var(--cal_scale) * 458);
    font-size: 3.072rem;
    text-indent: -9999px;
  }

  .jic_common_page_bg_brock .character_selection_brock .character_selection_item .char_more h3:before {
    text-indent: 0;
    content: "〉";
    float: left;
    line-height: 1.6;
    font-size: 4.5rem;
    color: #FFFFFF;
    text-align: center;
    vertical-align: middle;
    font-weight: 300;
  }
}

@media only screen and (min-width: 769px) {
  .jic_common_page_bg_brock .character_selection_brock .character_selection_item .char_more_add_job3 {
    --div-left: 270;
    /* 計算 */
    aspect-ratio: var(--div-w)/var(--div-h);
    --cal_scale: calc(min(100vw, var(--def_max_vw))/1440);
    /*vw px*/
    width: calc(var(--cal_scale) * var(--div-w));
    left: calc(var(--cal_scale) * var(--div-left));
    top: calc(var(--cal_scale) * var(--div-top));
  }
}

@media only screen and (min-width: 769px) and (max-width: 768px) {
  .jic_common_page_bg_brock .character_selection_brock .character_selection_item .char_more_add_job3 {
    --def_max_vw: 768px;
    --cal_scale: calc(100vw/768);
    /*vw px*/
  }
}

@media only screen and (max-width: 768px) {
  .jic_common_page_bg_brock .character_selection_brock .character_selection_item .char_more_add_job3 {
    --div-top: 400;
    /* 計算 */
    aspect-ratio: var(--div-w)/var(--div-h);
    --cal_scale: calc(min(100vw, var(--def_max_vw))/1440);
    /*vw px*/
    width: calc(var(--cal_scale) * var(--div-w));
    left: calc(var(--cal_scale) * var(--div-left));
    top: calc(var(--cal_scale) * var(--div-top));
  }
}

@media only screen and (max-width: 768px) and (max-width: 768px) {
  .jic_common_page_bg_brock .character_selection_brock .character_selection_item .char_more_add_job3 {
    --def_max_vw: 768px;
    --cal_scale: calc(100vw/768);
    /*vw px*/
  }
}

.jic_common_page_bg_brock .character_selection_brock .character_selection_item .cahr_arr {
  --div-w: 39;
  --div-h: 11;
  --div-left: 510;
  --div-top: 379;
  z-index: 3;
  background-image: url(../images/join_us/vector_15.png);
  /* 計算 */
  aspect-ratio: var(--div-w)/var(--div-h);
  --cal_scale: calc(min(100vw, var(--def_max_vw))/1440);
  /*vw px*/
  width: calc(var(--cal_scale) * var(--div-w));
  left: calc(var(--cal_scale) * var(--div-left));
  top: calc(var(--cal_scale) * var(--div-top));
  position: absolute;
  background-repeat: no-repeat;
  background-size: contain;
}

@media only screen and (max-width: 768px) {
  .jic_common_page_bg_brock .character_selection_brock .character_selection_item .cahr_arr {
    --def_max_vw: 768px;
    --cal_scale: calc(100vw/768);
    /*vw px*/
  }
}

@media only screen and (max-width: 768px) {
  .jic_common_page_bg_brock .character_selection_brock .character_selection_item .cahr_arr {
    display: none;
  }
}

@media only screen and (min-width: 769px) {
  .jic_common_page_bg_brock .character_selection_brock .character_selection_item .cahr_arr_add_job3 {
    --div-left: 355;
    /* 計算 */
    aspect-ratio: var(--div-w)/var(--div-h);
    --cal_scale: calc(min(100vw, var(--def_max_vw))/1440);
    /*vw px*/
    width: calc(var(--cal_scale) * var(--div-w));
    left: calc(var(--cal_scale) * var(--div-left));
    top: calc(var(--cal_scale) * var(--div-top));
  }
}

@media only screen and (min-width: 769px) and (max-width: 768px) {
  .jic_common_page_bg_brock .character_selection_brock .character_selection_item .cahr_arr_add_job3 {
    --def_max_vw: 768px;
    --cal_scale: calc(100vw/768);
    /*vw px*/
  }
}

@media only screen and (min-width: 769px) {
  .jic_common_page_bg_brock .character_selection_brock .character_selection_item_job3_spacing {
    --div-w: 390;
    --div-h: 478;
    margin-left: calc(var(--cal_scale) * 10);
    margin-right: calc(var(--cal_scale) * 10);
    /* 計算 */
    aspect-ratio: var(--div-w)/var(--div-h);
    --cal_scale: calc(min(100vw, var(--def_max_vw))/1440);
    /*vw px*/
    width: calc(var(--cal_scale) * var(--div-w));
    left: calc(var(--cal_scale) * var(--div-left));
    top: calc(var(--cal_scale) * var(--div-top));
  }
}

@media only screen and (min-width: 769px) and (max-width: 768px) {
  .jic_common_page_bg_brock .character_selection_brock .character_selection_item_job3_spacing {
    --def_max_vw: 768px;
    --cal_scale: calc(100vw/768);
    /*vw px*/
  }
}

@media only screen and (max-width: 768px) {
  .jic_common_page_bg_brock .character_selection_brock .character_selection_item_job3_spacing {
    --div-w: 732;
    --div-h: 514;
    /* 計算 */
    aspect-ratio: var(--div-w)/var(--div-h);
    --cal_scale: calc(min(100vw, var(--def_max_vw))/1440);
    /*vw px*/
    width: calc(var(--cal_scale) * var(--div-w));
    left: calc(var(--cal_scale) * var(--div-left));
    top: calc(var(--cal_scale) * var(--div-top));
  }
}

@media only screen and (max-width: 768px) and (max-width: 768px) {
  .jic_common_page_bg_brock .character_selection_brock .character_selection_item_job3_spacing {
    --def_max_vw: 768px;
    --cal_scale: calc(100vw/768);
    /*vw px*/
  }
}

.jic_common_page_bg_brock .character_detal_brock {
  display: flex;
  position: relative;
  /* 使得內部的 div 能夠相對於此 div 定位 */
  flex-direction: column;
  align-items: center;
  justify-content: center;
  z-index: 2;
  --div-w: 1349;
  --div-h: 700;
  --div-left: 0;
  --div-top: 0;
  /* 計算 */
  aspect-ratio: var(--div-w)/var(--div-h);
  --cal_scale: calc(min(100vw, var(--def_max_vw))/1440);
  /*vw px*/
  width: calc(var(--cal_scale) * var(--div-w));
  left: calc(var(--cal_scale) * var(--div-left));
  top: calc(var(--cal_scale) * var(--div-top));
}

@media only screen and (max-width: 768px) {
  .jic_common_page_bg_brock .character_detal_brock {
    --div-w: 716.8;
    --div-h: 458.752;
    --div-left: 0;
    --div-top: 0;
  }
}

@media only screen and (max-width: 768px) {
  .jic_common_page_bg_brock .character_detal_brock {
    --def_max_vw: 768px;
    --cal_scale: calc(100vw/768);
    /*vw px*/
  }
}

@media only screen and (min-width: 769px) {
  .jic_common_page_bg_brock .character_detal_brock .img_mb {
    display: none;
  }
}

@media only screen and (max-width: 768px) {
  .jic_common_page_bg_brock .character_detal_brock .img_pc {
    display: none;
  }
}

.jic_common_page_bg_brock .character_detal_brock .character_detal_item {
  display: flex;
  position: relative;
  /* 使得內部的 div 能夠相對於此 div 定位 */
  align-items: center;
  z-index: 2;
  margin-left: calc(var(--cal_scale) * 5);
  margin-right: calc(var(--cal_scale) * 5);
  margin-bottom: calc(var(--cal_scale) * 100);
  --div-w: 560;
  --div-h: 578;
  --div-left: -205;
  --div-top: 0;
  /* 計算 */
  aspect-ratio: var(--div-w)/var(--div-h);
  --cal_scale: calc(min(100vw, var(--def_max_vw))/1440);
  /*vw px*/
  width: calc(var(--cal_scale) * var(--div-w));
  left: calc(var(--cal_scale) * var(--div-left));
  top: calc(var(--cal_scale) * var(--div-top));
}

@media only screen and (max-width: 768px) {
  .jic_common_page_bg_brock .character_detal_brock .character_detal_item {
    --div-w: 716.8;
    --div-h: 458.752;
    --div-left: 0;
    --div-top: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: calc(var(--cal_scale) * 150);
  }
}

@media only screen and (max-width: 768px) {
  .jic_common_page_bg_brock .character_detal_brock .character_detal_item {
    --def_max_vw: 768px;
    --cal_scale: calc(100vw/768);
    /*vw px*/
  }
}

@media only screen and (min-width: 769px) {
  .jic_common_page_bg_brock .character_detal_brock .character_detal_item .img_mb {
    display: none;
  }
}

@media only screen and (max-width: 768px) {
  .jic_common_page_bg_brock .character_detal_brock .character_detal_item .img_pc {
    display: none;
  }
}

.jic_common_page_bg_brock .character_detal_brock .character_detal_item img {
  --div-w: 1032;
  --div-h: 580;
  --div-left: 0;
  --div-top: 0;
  /* 計算 */
  aspect-ratio: var(--div-w)/var(--div-h);
  --cal_scale: calc(min(100vw, var(--def_max_vw))/1440);
  /*vw px*/
  width: calc(var(--cal_scale) * var(--div-w));
  left: calc(var(--cal_scale) * var(--div-left));
  top: calc(var(--cal_scale) * var(--div-top));
  position: absolute;
  background-repeat: no-repeat;
  background-size: contain;
}

@media only screen and (max-width: 768px) {
  .jic_common_page_bg_brock .character_detal_brock .character_detal_item img {
    --div-w: 716.8;
    --div-h: 458.752;
    --div-left: -26;
  }
}

@media only screen and (max-width: 768px) {
  .jic_common_page_bg_brock .character_detal_brock .character_detal_item img {
    --def_max_vw: 768px;
    --cal_scale: calc(100vw/768);
    /*vw px*/
  }
}

@media only screen and (max-width: 768px) {
  .jic_common_page_bg_brock .character_detal_brock .character_detal_item .mb_light_base {
    position: relative;
    width: 100%;
  }

  .jic_common_page_bg_brock .character_detal_brock .character_detal_item .mb_light_base .mb_light_5 {
    position: absolute;
    /* 計算 */
    aspect-ratio: 0.4321428571;
    /*vw px*/
    width: calc(var(--cal_scale) * 121);
    left: calc(var(--cal_scale) * 617);
    top: calc(var(--cal_scale) * -288);
    background-image: url(../images/common/mobile/light_5.png);
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 2;
  }

  .jic_common_page_bg_brock .character_detal_brock .character_detal_item .mb_light_base .mb_light_5_l {
    position: absolute;
    /* 計算 */
    aspect-ratio: 0.4321428571;
    /*vw px*/
    width: calc(var(--cal_scale) * 121);
    left: calc(var(--cal_scale) * 200);
    top: calc(var(--cal_scale) * -288);
    background-image: url(../images/common/mobile/light_5.png);
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 2;
  }

  .jic_common_page_bg_brock .character_detal_brock .character_detal_item .mb_light_base .mb_light_9 {
    position: absolute;
    /* 計算 */
    aspect-ratio: 0.4321428571;
    /*vw px*/
    width: calc(var(--cal_scale) * 121);
    left: calc(var(--cal_scale) * 617);
    top: calc(var(--cal_scale) * -299);
    background-image: url(../images/common/mobile/light_9.png);
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 2;
  }

  .jic_common_page_bg_brock .character_detal_brock .character_detal_item .mb_light_base .mb_light_9_l {
    position: absolute;
    /* 計算 */
    aspect-ratio: 0.4321428571;
    /*vw px*/
    width: calc(var(--cal_scale) * 121);
    left: calc(var(--cal_scale) * 200);
    top: calc(var(--cal_scale) * -299);
    background-image: url(../images/common/mobile/light_9.png);
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 2;
  }
}

@media only screen and (min-width: 769px) {
  .jic_common_page_bg_brock .character_detal_brock .character_detal_item .pc_light_base {
    position: relative;
    width: 100%;
  }

  .jic_common_page_bg_brock .character_detal_brock .character_detal_item .pc_light_base .pc_light_11_l_d {
    position: absolute;
    /* 計算 */
    aspect-ratio: 0.4086651054;
    /*vw px*/
    width: calc(var(--cal_scale) * 174.5);
    left: calc(var(--cal_scale) * 10 + (max(100vw, var(--def_max_vw)) - var(--def_max_vw)) / 2);
    top: calc(var(--cal_scale) * 100);
    background-image: url(../images/common//light_11.png);
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 2;
  }

  .jic_common_page_bg_brock .character_detal_brock .character_detal_item .pc_light_base .pc_light_14 {
    position: absolute;
    /* 計算 */
    aspect-ratio: 0.4116161616;
    /*vw px*/
    width: calc(var(--cal_scale) * 163);
    left: calc(var(--cal_scale) * 830 + (max(100vw, var(--def_max_vw)) - var(--def_max_vw)) / 2);
    top: calc(var(--cal_scale) * -392);
    background-image: url(../images/common//light_14.png);
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 2;
  }

  .jic_common_page_bg_brock .character_detal_brock .character_detal_item .pc_light_base .pc_light_14_l {
    position: absolute;
    /* 計算 */
    aspect-ratio: 0.4116161616;
    /*vw px*/
    width: calc(var(--cal_scale) * 163);
    left: calc(var(--cal_scale) * 200 + (max(100vw, var(--def_max_vw)) - var(--def_max_vw)) / 2);
    top: calc(var(--cal_scale) * -392);
    background-image: url(../images/common//light_14.png);
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 2;
  }
}

.jic_common_page_bg_brock .character_detal_brock .character_detal_item .char_name {
  --div-w: 290;
  --div-h: 80;
  --div-left: 120;
  --div-top: 590;
  position: absolute;
  z-index: 3;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

@media only screen and (min-width: 769px) {
  .jic_common_page_bg_brock .character_detal_brock .character_detal_item .char_name {
    /* 計算 */
    aspect-ratio: var(--div-w)/var(--div-h);
    --cal_scale: calc(min(100vw, var(--def_max_vw))/1440);
    /*vw px*/
    width: calc(var(--cal_scale) * var(--div-w));
    left: calc(var(--cal_scale) * var(--div-left));
    top: calc(var(--cal_scale) * var(--div-top));
    clip-path: polygon(calc(var(--cal_scale) * 25) 0%, 100% 0, calc(100% - var(--cal_scale) * 25) 100%, 0% 100%);
    background: linear-gradient(92.25deg, #168CDD 1.56%, #0A569F 29.93%, #1A83F1 65.69%, #53D2E4 89.41%);
  }
}

@media only screen and (min-width: 769px) and (max-width: 768px) {
  .jic_common_page_bg_brock .character_detal_brock .character_detal_item .char_name {
    --def_max_vw: 768px;
    --cal_scale: calc(100vw/768);
    /*vw px*/
  }
}

@media only screen and (max-width: 768px) {
  .jic_common_page_bg_brock .character_detal_brock .character_detal_item .char_name {
    --div-w: 399.36;
    --div-h: 135.168;
    --div-left: 75;
    --div-top: 440;
    background-image: url(../images/join_us/mobile_comm/job_name.png);
    /* 計算 */
    aspect-ratio: var(--div-w)/var(--div-h);
    --cal_scale: calc(min(100vw, var(--def_max_vw))/1440);
    /*vw px*/
    width: calc(var(--cal_scale) * var(--div-w));
    left: calc(var(--cal_scale) * var(--div-left));
    top: calc(var(--cal_scale) * var(--div-top));
    position: absolute;
    background-repeat: no-repeat;
    background-size: contain;
  }
}

@media only screen and (max-width: 768px) and (max-width: 768px) {
  .jic_common_page_bg_brock .character_detal_brock .character_detal_item .char_name {
    --def_max_vw: 768px;
    --cal_scale: calc(100vw/768);
    /*vw px*/
  }
}

.jic_common_page_bg_brock .character_detal_brock .character_detal_item .char_name h3 {
  text-align: center;
  width: 100%;
  margin: 0;
  color: #FFFFFF;
}

@media only screen and (min-width: 769px) {
  .jic_common_page_bg_brock .character_detal_brock .character_detal_item .char_name h3 {
    margin-top: calc(var(--cal_scale) * 15);
    font-size: 1.5rem;
    line-height: 1.2rem;
  }
}

@media only screen and (max-width: 768px) {
  .jic_common_page_bg_brock .character_detal_brock .character_detal_item .char_name h3 {
    font-size: 2.56rem;
  }
}

.jic_common_page_bg_brock .character_detal_brock .character_detal_item .char_name h4 {
  text-align: center;
  width: 100%;
  margin: 0;
  line-height: 2;
  color: #FFFFFF;
}

@media only screen and (min-width: 769px) {
  .jic_common_page_bg_brock .character_detal_brock .character_detal_item .char_name h4 {
    font-size: 0.75rem;
  }
}

@media only screen and (max-width: 768px) {
  .jic_common_page_bg_brock .character_detal_brock .character_detal_item .char_name h4 {
    font-size: 1.536rem;
  }
}

@media only screen and (max-width: 768px) {
  .jic_common_page_bg_brock .character_detal_brock .character_detal_item .char_name .c4_sp1 {
    margin-left: calc(var(--cal_scale) * -20);
  }
}

@media only screen and (max-width: 768px) {
  .jic_common_page_bg_brock .character_detal_brock .character_detal_item .char_name_add_l {
    --div-w: 471.04;
    --div-h: 135.168;
    --div-left: 75;
    --div-top: 440;
    background-image: url(../images/join_us/mobile_comm/job_name_l.png);
    /* 計算 */
    aspect-ratio: var(--div-w)/var(--div-h);
    --cal_scale: calc(min(100vw, var(--def_max_vw))/1440);
    /*vw px*/
    width: calc(var(--cal_scale) * var(--div-w));
    left: calc(var(--cal_scale) * var(--div-left));
    top: calc(var(--cal_scale) * var(--div-top));
    position: absolute;
    background-repeat: no-repeat;
    background-size: contain;
  }
}

@media only screen and (max-width: 768px) and (max-width: 768px) {
  .jic_common_page_bg_brock .character_detal_brock .character_detal_item .char_name_add_l {
    --def_max_vw: 768px;
    --cal_scale: calc(100vw/768);
    /*vw px*/
  }
}

@media only screen and (min-width: 769px) {
  .jic_common_page_bg_brock .character_detal_brock .character_detal_item .char_name_add_r {
    --div-left: 700;
    /* 計算 */
    aspect-ratio: var(--div-w)/var(--div-h);
    --cal_scale: calc(min(100vw, var(--def_max_vw))/1440);
    /*vw px*/
    width: calc(var(--cal_scale) * var(--div-w));
    left: calc(var(--cal_scale) * var(--div-left));
    top: calc(var(--cal_scale) * var(--div-top));
  }
}

@media only screen and (min-width: 769px) and (max-width: 768px) {
  .jic_common_page_bg_brock .character_detal_brock .character_detal_item .char_name_add_r {
    --def_max_vw: 768px;
    --cal_scale: calc(100vw/768);
    /*vw px*/
  }
}

@media only screen and (min-width: 769px) {
  .jic_common_page_bg_brock .character_detal_brock .character_detal_item .char_name_bg_2 {
    background: linear-gradient(97.33deg, #37ABEA 1.78%, #006FDB 28.89%, #168CDD 47.65%, #53D2E4 82.06%);
  }
}

.jic_common_page_bg_brock .character_detal_brock img {
  width: 70%;
  margin-left: calc(var(--cal_scale) * 10);
  margin-top: calc(var(--cal_scale) * 50);
  margin-bottom: calc(var(--cal_scale) * 50);
}

@media only screen and (max-width: 768px) {
  .jic_common_page_bg_brock .character_detal_brock img {
    width: 100%;
    margin-left: calc(var(--cal_scale) * 52);
  }
}

.jic_common_page_bg_brock .character_detal_brock .character_img_add {
  width: 75%;
  margin-left: calc(var(--cal_scale) * 62);
}

@media only screen and (max-width: 768px) {
  .jic_common_page_bg_brock .character_detal_brock .mb_light_base {
    position: relative;
    width: 100%;
  }

  .jic_common_page_bg_brock .character_detal_brock .mb_light_base .mb_light_5 {
    position: absolute;
    /* 計算 */
    aspect-ratio: 0.4321428571;
    /*vw px*/
    width: calc(var(--cal_scale) * 121);
    left: calc(var(--cal_scale) * 617);
    top: calc(var(--cal_scale) * -619);
    background-image: url(../images/common/mobile/light_5.png);
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 2;
  }

  .jic_common_page_bg_brock .character_detal_brock .mb_light_base .mb_light_5_l {
    position: absolute;
    /* 計算 */
    aspect-ratio: 0.4321428571;
    /*vw px*/
    width: calc(var(--cal_scale) * 121);
    left: calc(var(--cal_scale) * 60);
    top: calc(var(--cal_scale) * -619);
    background-image: url(../images/common/mobile/light_5.png);
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 2;
  }

  .jic_common_page_bg_brock .character_detal_brock .mb_light_base .mb_light_5_l_d {
    position: absolute;
    /* 計算 */
    aspect-ratio: 0.4321428571;
    /*vw px*/
    width: calc(var(--cal_scale) * 121);
    left: calc(var(--cal_scale) * 60);
    top: calc(var(--cal_scale) * -200);
    background-image: url(../images/common/mobile/light_5.png);
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 2;
  }

  .jic_common_page_bg_brock .character_detal_brock .mb_light_base .mb_light_9 {
    position: absolute;
    /* 計算 */
    aspect-ratio: 0.4321428571;
    /*vw px*/
    width: calc(var(--cal_scale) * 121);
    left: calc(var(--cal_scale) * 566);
    top: calc(var(--cal_scale) * -630);
    background-image: url(../images/common/mobile/light_9.png);
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 2;
  }

  .jic_common_page_bg_brock .character_detal_brock .mb_light_base .mb_light_10_l_d {
    position: absolute;
    /* 計算 */
    aspect-ratio: 0.4321428571;
    /*vw px*/
    width: calc(var(--cal_scale) * 121);
    left: calc(var(--cal_scale) * 100);
    top: calc(var(--cal_scale) * -222);
    background-image: url(../images/common/mobile/light_10.png);
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 2;
  }
}

@media only screen and (min-width: 769px) {
  .jic_common_page_bg_brock .character_detal_brock .pc_light_base {
    position: relative;
    width: 100%;
  }

  .jic_common_page_bg_brock .character_detal_brock .pc_light_base .pc_light_11_l_d {
    position: absolute;
    /* 計算 */
    aspect-ratio: 0.4086651054;
    /*vw px*/
    width: calc(var(--cal_scale) * 174.5);
    left: calc(var(--cal_scale) * 170 + (max(100vw, var(--def_max_vw)) - var(--def_max_vw)) / 2);
    top: calc(var(--cal_scale) * -286);
    background-image: url(../images/common//light_11.png);
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 2;
  }

  .jic_common_page_bg_brock .character_detal_brock .pc_light_base .pc_light_11_d {
    position: absolute;
    /* 計算 */
    aspect-ratio: 0.4086651054;
    /*vw px*/
    width: calc(var(--cal_scale) * 174.5);
    left: calc(var(--cal_scale) * 810 + (max(100vw, var(--def_max_vw)) - var(--def_max_vw)) / 2);
    top: calc(var(--cal_scale) * 120);
    background-image: url(../images/common//light_11.png);
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 2;
  }

  .jic_common_page_bg_brock .character_detal_brock .pc_light_base .pc_light_14 {
    position: absolute;
    /* 計算 */
    aspect-ratio: 0.4116161616;
    /*vw px*/
    width: calc(var(--cal_scale) * 163);
    left: calc(var(--cal_scale) * 1010 + (max(100vw, var(--def_max_vw)) - var(--def_max_vw)) / 2);
    top: calc(var(--cal_scale) * -768);
    background-image: url(../images/common//light_14.png);
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 2;
  }
}

.jic_common_page_bg_brock .character_detal_brock .text_brock {
  width: 64%;
  margin-left: 10%;
  margin-top: calc(var(--cal_scale) * 20);
  margin-bottom: calc(var(--cal_scale) * 20);
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: wrap;
  flex-direction: column;
}

@media only screen and (max-width: 768px) {
  .jic_common_page_bg_brock .character_detal_brock .text_brock {
    width: 85%;
  }
}

.jic_common_page_bg_brock .character_detal_brock .text_brock .short_divider {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  margin: 0;
  margin-top: calc(var(--cal_scale) * 100);
  margin-bottom: calc(var(--cal_scale) * 20);
  width: calc(var(--cal_scale) * 85);
  height: 2px;
  background: linear-gradient(90deg, #0054A5 28.88%, #37E2DC 92.98%);
}

@media only screen and (max-width: 768px) {
  .jic_common_page_bg_brock .character_detal_brock .text_brock .short_divider {
    width: calc(var(--cal_scale) * 66);
    height: calc(var(--cal_scale) * 4);
    margin-bottom: calc(var(--cal_scale) * 60);
  }
}

@media only screen and (max-width: 768px) {
  .jic_common_page_bg_brock .character_detal_brock .text_brock .short_divider .text_h_pc {
    display: none;
  }
}

@media only screen and (min-width: 769px) {
  .jic_common_page_bg_brock .character_detal_brock .text_brock .short_divider .text_h_mb {
    display: none;
  }
}

.jic_common_page_bg_brock .character_detal_brock .text_brock .short_divider h1 {
  position: absolute;
  margin: 0;
  margin-left: calc(var(--cal_scale) * 95);
  margin-top: calc(var(--cal_scale) * -25);
  color: #0054A5;
  display: inline-block;
}

@media only screen and (min-width: 769px) {
  .jic_common_page_bg_brock .character_detal_brock .text_brock .short_divider h1 .text_mb {
    display: none;
  }
}

@media only screen and (max-width: 768px) {
  .jic_common_page_bg_brock .character_detal_brock .text_brock .short_divider h1 .text_pc {
    display: none;
  }
}

@media only screen and (min-width: 769px) {
  .jic_common_page_bg_brock .character_detal_brock .text_brock .short_divider h1 {
    font-size: 2.375rem;
  }
}

@media only screen and (max-width: 768px) {
  .jic_common_page_bg_brock .character_detal_brock .text_brock .short_divider h1 {
    margin-left: calc(var(--cal_scale) * 71);
    margin-top: calc(var(--cal_scale) * -30);
    font-size: 2.56rem;
  }
}

.jic_common_page_bg_brock .character_detal_brock .text_brock .short_divider .t_color_wite {
  color: #FFFFFF;
}

.jic_common_page_bg_brock .character_detal_brock .text_brock .short_divider_add_wite {
  background: linear-gradient(90deg, #37E2DC -2.35%, #FFFFFF 93.48%);
}

.jic_common_page_bg_brock .character_detal_brock .text_brock .short_divider_add_light_blue {
  background: linear-gradient(90deg, #37E2DC -2.35%, #FFFFFF 93.48%);
}

.jic_common_page_bg_brock .character_detal_brock .text_brock .text {
  width: 100%;
  margin: 0;
  margin-top: calc(var(--cal_scale) * 50);
  margin-bottom: calc(var(--cal_scale) * 10);
  color: #06AFC9;
  display: inline-block;
}

@media only screen and (min-width: 769px) {
  .jic_common_page_bg_brock .character_detal_brock .text_brock .text .mb_br {
    display: none;
  }
}

@media only screen and (max-width: 768px) {
  .jic_common_page_bg_brock .character_detal_brock .text_brock .text .pc_br {
    display: none;
  }
}

.jic_common_page_bg_brock .character_detal_brock .text_brock .text h3 {
  margin: 0;
  margin-top: calc(var(--cal_scale) * 50);
  margin-bottom: calc(var(--cal_scale) * 10);
  color: #000000;
  display: inline-block;
  font-family: "Noto Sans TC", sans-serif;
  font-size: 1.25rem;
  line-height: 2.5rem;
  letter-spacing: 0.1875rem;
  font-weight: normal;
}

@media only screen and (min-width: 769px) {
  .jic_common_page_bg_brock .character_detal_brock .text_brock .text h3 {
    position: relative;
    z-index: 9;
  }
}

@media only screen and (max-width: 768px) {
  .jic_common_page_bg_brock .character_detal_brock .text_brock .text h3 {
    font-size: 2rem;
    width: calc(36.9rem + var(--is-edge) * 2rem);
    line-height: 4.096rem;
    letter-spacing: 0.1rem;
  }
}

@media only screen and (max-width: 280px) {
  .jic_common_page_bg_brock .character_detal_brock .text_brock .text h3 {
    width: 229.5px;
    line-height: 4.096rem;
  }
}

.jic_common_page_bg_brock .character_detal_brock .text_brock .text .t_color_wite {
  color: #FFFFFF;
}

.jic_common_page_bg_brock .character_detal_brock .text_brock h1 {
  display: inline-block;
  margin: 0;
}

@media only screen and (max-width: 768px) {
  .jic_common_page_bg_brock .character_detal_brock .text_brock h1 {
    margin-left: calc(var(--cal_scale) * 93.952);
    margin-top: calc(var(--cal_scale) * -30);
    font-size: 3.072rem;
  }
}

.jic_common_page_bg_brock .character_detal_brock .text_brock h2 {
  margin: 0;
  margin-bottom: calc(var(--cal_scale) * 10);
  color: #06AFC9;
  display: inline-block;
}

.jic_common_page_bg_brock .character_detal_brock .text_brock h3 {
  margin: 0;
  margin-bottom: calc(var(--cal_scale) * 10);
  color: #06AFC9;
  display: inline-block;
}

.jic_common_page_bg_brock .job_introduction_block {
  display: flex;
  position: relative;
  /* 使得內部的 div 能夠相對於此 div 定位 */
  flex-direction: column;
  align-items: center;
  justify-content: center;
  z-index: 2;
  --div-w: 1300;
  --div-h: 700;
  --div-left: 70;
  --div-top: 0;
  /* 計算 */
  aspect-ratio: var(--div-w)/var(--div-h);
  --cal_scale: calc(min(100vw, var(--def_max_vw))/1440);
  /*vw px*/
  width: calc(var(--cal_scale) * var(--div-w));
  left: calc(var(--cal_scale) * var(--div-left));
  top: calc(var(--cal_scale) * var(--div-top));
}

@media only screen and (max-width: 768px) {
  .jic_common_page_bg_brock .job_introduction_block {
    --div-w: 716.8;
    --div-h: 458.752;
    --div-left: 0;
    --div-top: 0;
  }
}

@media only screen and (max-width: 768px) {
  .jic_common_page_bg_brock .job_introduction_block {
    --def_max_vw: 768px;
    --cal_scale: calc(100vw/768);
    /*vw px*/
  }
}

@media only screen and (max-width: 768px) {
  .jic_common_page_bg_brock .job_introduction_block .emp_brock {
    width: 100%;
    margin-top: calc(var(--cal_scale) * 70);
  }
}

@media only screen and (min-width: 769px) {
  .jic_common_page_bg_brock .job_introduction_block .emp_brock {
    width: 100%;
    margin-top: calc(var(--cal_scale) * 200);
  }
}

.jic_common_page_bg_brock .job_introduction_block .block {
  width: 80%;
  margin-top: 0;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  z-index: 2;
}

@media only screen and (max-width: 768px) {
  .jic_common_page_bg_brock .job_introduction_block .block {
    flex-direction: column;
  }
}

.jic_common_page_bg_brock .job_introduction_block .block .text_brock {
  width: 60%;
  margin-top: 0;
  margin-bottom: calc(var(--cal_scale) * 50);
  display: flex;
  justify-content: center;
  align-items: flex-start;
  z-index: 2;
  flex-wrap: wrap;
  flex-direction: column;
}

@media only screen and (max-width: 768px) {
  .jic_common_page_bg_brock .job_introduction_block .block .text_brock {
    width: 104%;
    margin-left: calc(var(--cal_scale) * -20);
    margin-top: calc(var(--cal_scale) * 30);
  }
}

.jic_common_page_bg_brock .job_introduction_block .block .text_brock .short_divider {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin: 0;
  margin-top: calc(var(--cal_scale) * 50);
  margin-bottom: calc(var(--cal_scale) * 20);
  width: calc(var(--cal_scale) * 85);
  height: 2px;
  background: linear-gradient(90deg, #0054A5 28.88%, #37E2DC 92.98%);
}

@media only screen and (max-width: 768px) {
  .jic_common_page_bg_brock .job_introduction_block .block .text_brock .short_divider {
    height: calc(var(--cal_scale) * 4);
  }
}

.jic_common_page_bg_brock .job_introduction_block .block .text_brock .short_divider h4 {
  margin: 0;
  margin-left: calc(var(--cal_scale) * 95);
  color: #06AFC9;
  display: inline-block;
}

.jic_common_page_bg_brock .job_introduction_block .block .text_brock h1 {
  display: inline-block;
  margin: 0;
  margin-top: calc(var(--cal_scale) * 10);
  margin-bottom: calc(var(--cal_scale) * 10);
}

@media only screen and (min-width: 769px) {
  .jic_common_page_bg_brock .job_introduction_block .block .text_brock h1 {
    font-weight: 900;
    font-size: 2.125rem;
  }
}

@media only screen and (max-width: 768px) {
  .jic_common_page_bg_brock .job_introduction_block .block .text_brock h1 {
    font-size: 4.096rem;
  }
}

.jic_common_page_bg_brock .job_introduction_block .block .text_brock h2 {
  margin: 0;
  margin-top: calc(var(--cal_scale) * 10);
  margin-bottom: calc(var(--cal_scale) * 10);
  color: #000000;
  display: inline-block;
}

@media only screen and (min-width: 769px) {
  .jic_common_page_bg_brock .job_introduction_block .block .text_brock h2 {
    font-size: 1rem;
  }
}

.jic_common_page_bg_brock .job_introduction_block .block .text_brock h3 {
  margin: 0;
  margin-top: calc(var(--cal_scale) * 10);
  margin-bottom: calc(var(--cal_scale) * 10);
  font-size: 1.25rem;
  font-weight: 500;
  color: #000000;
  display: inline-block;
}

@media only screen and (min-width: 769px) {
  .jic_common_page_bg_brock .job_introduction_block .block .text_brock h3 {
    line-height: 2.5rem;
  }
}

@media only screen and (max-width: 768px) {
  .jic_common_page_bg_brock .job_introduction_block .block .text_brock h3 {
    font-family: "Noto Sans TC", sans-serif;
    letter-spacing: 0.1875rem;
    font-weight: normal;
    font-size: 2.048rem;
    line-height: 4.096rem;
  }
}

.jic_common_page_bg_brock .job_introduction_block .block .text_brock ui {
  list-style-type: disc;
  margin-top: calc(var(--cal_scale) * 10);
  margin-bottom: calc(var(--cal_scale) * 10);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.jic_common_page_bg_brock .job_introduction_block .block .text_brock ui li {
  margin: 0;
  font-size: 1.25rem;
  color: #000000;
}

@media only screen and (min-width: 769px) {
  .jic_common_page_bg_brock .job_introduction_block .block .text_brock ui li {
    line-height: 2.5rem;
  }
}

@media only screen and (max-width: 768px) {
  .jic_common_page_bg_brock .job_introduction_block .block .text_brock ui li {
    font-family: "Noto Sans TC", sans-serif;
    letter-spacing: 0.1875rem;
    font-weight: normal;
    font-size: 2.048rem;
    line-height: 4.096rem;
  }
}

.jic_common_page_bg_brock .job_introduction_block .block .text_brock h4 {
  margin: 0;
  margin-top: calc(var(--cal_scale) * 50);
  margin-bottom: calc(var(--cal_scale) * 10);
  font-size: 1rem;
  color: #000000;
  display: inline-block;
}

@media only screen and (max-width: 768px) {
  .jic_common_page_bg_brock .job_introduction_block .block .text_brock h4 {
    font-size: 1.792rem;
  }
}

.jic_common_page_bg_brock .job_introduction_block .block .text_brock .half_arrow {
  width: 100%;
  height: calc(var(--cal_scale) * 12);
  background-image: url(../images/common/half_arrow_s.png);
  background-repeat: no-repeat;
  background-size: contain;
  display: flex;
  flex-direction: row;
  align-items: center;
}

@media only screen and (max-width: 768px) {
  .jic_common_page_bg_brock .job_introduction_block .block .text_brock .half_arrow {
    width: 105%;
  }
}

.jic_common_page_bg_brock .job_introduction_block .block .text_brock .half_arrow a {
  color: #0054A5;
  margin-left: calc(var(--cal_scale) * 45);
  line-height: 1.6;
  font-weight: 500;
}

@media only screen and (min-width: 769px) {
  .jic_common_page_bg_brock .job_introduction_block .block .text_brock .half_arrow a {
    font-size: 1.4rem;
    font-weight: 600;
    margin-left: 17%;
  }
}

@media only screen and (max-width: 768px) {
  .jic_common_page_bg_brock .job_introduction_block .block .text_brock .half_arrow a {
    font-size: 2.048rem;
    width: 100%;
    white-space: nowrap;
  }
}

.jic_common_page_bg_brock .job_introduction_block .block .text_brock .half_arrow_l {
  display: inline-block;
  width: calc(var(--cal_scale) * 73);
  height: calc(var(--cal_scale) * 20);
  margin-right: calc(var(--cal_scale) * 5);
  margin-left: calc(var(--cal_scale) * 5);
  background-image: url(../images/common/half_arrow_l.png);
  background-repeat: no-repeat;
  background-size: contain;
  display: flex;
  flex-direction: row;
  align-items: center;
}

.jic_common_page_bg_brock .job_introduction_block .block .text_brock .half_arrow_l:hover {
  background-image: url(../images/common/half_arrow_l_h.png);
}

.jic_common_page_bg_brock .job_introduction_block .block .text_brock .half_arrow_add_mirror {
  -moz-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  transform: scaleX(-1);
}

.jic_common_page_bg_brock .job_introduction_block .block .text_brock .half_arrow_add_top_120 {
  margin-top: calc(var(--cal_scale) * 100);
}

@media only screen and (max-width: 768px) {
  .jic_common_page_bg_brock .job_introduction_block .block .text_brock .half_arrow_add_top_120 {
    margin-top: calc(var(--cal_scale) * -75);
    margin-left: calc(var(--cal_scale) * 400);
  }
}

.jic_common_page_bg_brock .job_introduction_block .block .text_brock_add_w_3 {
  width: 30%;
}

.jic_common_page_bg_brock .job_introduction_block .block .text_brock_add_half_arrow_style {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-top: calc(var(--cal_scale) * 85);
  width: 30%;
}

@media only screen and (max-width: 768px) {
  .jic_common_page_bg_brock .job_introduction_block .block .text_brock_add_half_arrow_style {
    margin-top: calc(var(--cal_scale) * -100);
    margin-left: calc(var(--cal_scale) * 400);
  }
}

.jic_common_page_bg_brock .job_quick_selection_block {
  display: flex;
  position: relative;
  /* 使得內部的 div 能夠相對於此 div 定位 */
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  z-index: 2;
  --div-w: 1165;
  --div-h: 300;
  --div-left: 65;
  --div-top: 0;
  /* 計算 */
  aspect-ratio: var(--div-w)/var(--div-h);
  --cal_scale: calc(min(100vw, var(--def_max_vw))/1440);
  /*vw px*/
  width: calc(var(--cal_scale) * var(--div-w));
  left: calc(var(--cal_scale) * var(--div-left));
  top: calc(var(--cal_scale) * var(--div-top));
  overflow: hidden;
}

@media only screen and (max-width: 768px) {
  .jic_common_page_bg_brock .job_quick_selection_block {
    --div-w: 716.8;
    --div-h: calc(300 * 1.5 +30);
    --div-left: 52;
    --div-top: 0;
  }
}

@media only screen and (max-width: 768px) {
  .jic_common_page_bg_brock .job_quick_selection_block {
    --def_max_vw: 768px;
    --cal_scale: calc(100vw/768);
    /*vw px*/
  }
}

.jic_common_page_bg_brock .job_quick_selection_block div {
  display: flex;
  position: relative;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  --div-left: calc(var(--image-slide-positioning) * (-185) + var(--image-slide-max-left) * (35));
  --cal_scale: calc(min(100vw, var(--def_max_vw))/1440);
  /*vw px*/
  left: calc(var(--cal_scale) * var(--div-left));
}

@media only screen and (max-width: 768px) {
  .jic_common_page_bg_brock .job_quick_selection_block div {
    --def_max_vw: 768px;
    --cal_scale: calc(100vw/768);
    --div-left: calc(var(--image-slide-positioning) * (-183) * 1.5 + var(--image-slide-max-left) * (90));
    /*vw px*/
  }
}

.jic_common_page_bg_brock .job_quick_selection_block div .item_block {
  display: inline-block;
  z-index: 2;
  --div-w: 360;
  --div-h: 270;
  --div-left: 0;
  --div-top: 0;
  /* 計算 */
  aspect-ratio: var(--div-w)/var(--div-h);
  --cal_scale: calc(min(100vw, var(--def_max_vw))/1440);
  /*vw px*/
  width: calc(var(--cal_scale) * var(--div-w));
  left: calc(var(--cal_scale) * var(--div-left));
  top: calc(var(--cal_scale) * var(--div-top));
  margin-right: calc(var(--cal_scale) * 10);
}

@media only screen and (max-width: 768px) {
  .jic_common_page_bg_brock .job_quick_selection_block div .item_block {
    --div-w: calc(360 * 1.5);
    --div-h: calc(300 * 1.5 + 30);
  }
}

@media only screen and (max-width: 768px) {
  .jic_common_page_bg_brock .job_quick_selection_block div .item_block {
    --def_max_vw: 768px;
    --cal_scale: calc(100vw/768);
    /*vw px*/
  }
}

.jic_common_page_bg_brock .job_quick_selection_block div .item_block div {
  display: flex;
  position: relative;
  /* 使得內部的 div 能夠相對於此 div 定位 */
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  z-index: 2;
}

.jic_common_page_bg_brock .job_quick_selection_block div .item_block div img {
  --div-w: 360;
  --div-h: 200;
  --div-left: 91;
  --div-top: 0;
  /* 計算 */
  aspect-ratio: var(--div-w)/var(--div-h);
  --cal_scale: calc(min(100vw, var(--def_max_vw))/1440);
  /*vw px*/
  width: calc(var(--cal_scale) * var(--div-w));
  left: calc(var(--cal_scale) * var(--div-left));
  top: calc(var(--cal_scale) * var(--div-top));
}

@media only screen and (max-width: 768px) {
  .jic_common_page_bg_brock .job_quick_selection_block div .item_block div img {
    --div-w: calc(360 * 1.5);
    --div-h: calc(200 * 1.5);
    background-repeat: no-repeat;
    background-size: contain;
  }
}

@media only screen and (max-width: 768px) {
  .jic_common_page_bg_brock .job_quick_selection_block div .item_block div img {
    --def_max_vw: 768px;
    --cal_scale: calc(100vw/768);
    /*vw px*/
  }
}

.jic_common_page_bg_brock .job_quick_selection_block div .item_block div h3 {
  margin: 0;
  font-size: 1.25rem;
  letter-spacing: 0.125rem;
  font-weight: 600;
  color: #0054A5;
  display: inline-block;
}

@media only screen and (max-width: 768px) {
  .jic_common_page_bg_brock .job_quick_selection_block div .item_block div h3 {
    font-size: 2.56rem;
  }
}

.jic_common_page_bg_brock .job_quick_selection_block div .item_block div h4 {
  margin: 0;
  height: calc(var(--cal_scale) * 70);
  width: 100%;
  font-size: 0.75rem;
  color: #000000;
  display: inline-block;
}

@media only screen and (max-width: 768px) {
  .jic_common_page_bg_brock .job_quick_selection_block div .item_block div h4 {
    font-size: 1.54rem;
    color: #7C7C7C;
    height: calc(var(--cal_scale) * 110);
  }
}

@media only screen and (min-width: 769px) {
  .jic_common_page_bg_brock .job_quick_selection_block div .item_block div h4 .mb_br {
    display: none;
  }
}

@media only screen and (min-width: 769px) {
  .light_group_1 {
    position: relative;
    width: 100%;
  }

  .light_group_1 .light_1 {
    position: absolute;
    /* 計算 */
    aspect-ratio: 0.4116161616;
    /*vw px*/
    width: calc(var(--cal_scale) * 163);
    left: calc(var(--cal_scale) * 1068 + (max(100vw, var(--def_max_vw)) - var(--def_max_vw)) / 2);
    top: calc(var(--cal_scale) * -7600);
    background-image: url(../images/common//light_14.png);
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 2;
  }

  .light_group_1 .light_2 {
    position: absolute;
    /* 計算 */
    aspect-ratio: 0.4259259259;
    /*vw px*/
    width: calc(var(--cal_scale) * 138);
    left: calc(var(--cal_scale) * 1094 + (max(100vw, var(--def_max_vw)) - var(--def_max_vw)) / 2);
    top: calc(var(--cal_scale) * 2504);
    background-image: url(../images/common//light_12.png);
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 2;
  }

  .light_group_1 .light_3 {
    position: absolute;
    /* 計算 */
    aspect-ratio: 0.4086651054;
    /*vw px*/
    width: calc(var(--cal_scale) * 174.5);
    left: calc(var(--cal_scale) * 200 + (max(100vw, var(--def_max_vw)) - var(--def_max_vw)) / 2);
    top: calc(var(--cal_scale) * -5100);
    background-image: url(../images/common//light_11.png);
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 2;
  }

  .light_group_1 .light_4 {
    position: absolute;
    /* 計算 */
    aspect-ratio: 0.4259259259;
    /*vw px*/
    width: calc(var(--cal_scale) * 138);
    left: calc(var(--cal_scale) * 1080 + (max(100vw, var(--def_max_vw)) - var(--def_max_vw)) / 2);
    top: calc(var(--cal_scale) * 4000);
    background-image: url(../images/common//light_12.png);
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 2;
  }

  .light_group_1 .light_5 {
    position: absolute;
    /* 計算 */
    aspect-ratio: 0.4086651054;
    /*vw px*/
    width: calc(var(--cal_scale) * 174.5);
    left: calc(var(--cal_scale) * 200 + (max(100vw, var(--def_max_vw)) - var(--def_max_vw)) / 2);
    top: calc(var(--cal_scale) * -3700);
    background-image: url(../images/common//light_11.png);
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 2;
  }

  .light_group_1 .light_6 {
    position: absolute;
    /* 計算 */
    aspect-ratio: 0.4116161616;
    /*vw px*/
    width: calc(var(--cal_scale) * 163);
    left: calc(var(--cal_scale) * 1050 + (max(100vw, var(--def_max_vw)) - var(--def_max_vw)) / 2);
    top: calc(var(--cal_scale) * -2850);
    background-image: url(../images/common//light_14.png);
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 2;
  }

  .light_group_1 .light_7 {
    position: absolute;
    /* 計算 */
    aspect-ratio: 0.4086651054;
    /*vw px*/
    width: calc(var(--cal_scale) * 174.5);
    left: calc(var(--cal_scale) * 250 + (max(100vw, var(--def_max_vw)) - var(--def_max_vw)) / 2);
    top: calc(var(--cal_scale) * -2350);
    background-image: url(../images/common//light_11.png);
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 2;
  }

  .light_group_1 .light_8 {
    position: absolute;
    /* 計算 */
    aspect-ratio: 0.4259259259;
    /*vw px*/
    width: calc(var(--cal_scale) * 138);
    left: calc(var(--cal_scale) * 1126 + (max(100vw, var(--def_max_vw)) - var(--def_max_vw)) / 2);
    top: calc(var(--cal_scale) * 6850);
    background-image: url(../images/common//light_13.png);
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 2;
  }
}

@media only screen and (max-width: 768px) {
  .light_group_1 {
    position: relative;
    width: 100%;
  }

  .light_group_1 .mb_light_1 {
    position: absolute;
    /* 計算 */
    aspect-ratio: 0.4321428571;
    /*vw px*/
    width: calc(var(--cal_scale) * 121);
    left: calc(var(--cal_scale) * 600);
    top: calc(var(--cal_scale) * -13800);
    background-image: url(../images/common/mobile/light_5.png);
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 2;
  }

  .light_group_1 .mb_light_2 {
    position: absolute;
    /* 計算 */
    aspect-ratio: 0.4259259259;
    /*vw px*/
    width: calc(var(--cal_scale) * 138);
    left: calc(var(--cal_scale) * 60);
    top: calc(var(--cal_scale) * 3600);
    background-image: url(../images/common/mobile/light_6.png);
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 2;
  }

  .light_group_1 .mb_light_3 {
    position: absolute;
    /* 計算 */
    aspect-ratio: 0.4259259259;
    /*vw px*/
    width: calc(var(--cal_scale) * 138);
    left: calc(var(--cal_scale) * 60);
    top: calc(var(--cal_scale) * 4900);
    background-image: url(../images/common/mobile/light_6.png);
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 2;
  }

  .light_group_1 .mb_light_4 {
    position: absolute;
    /* 計算 */
    aspect-ratio: 0.4321428571;
    /*vw px*/
    width: calc(var(--cal_scale) * 121);
    left: calc(var(--cal_scale) * 550);
    top: calc(var(--cal_scale) * -8800);
    background-image: url(../images/common/mobile/light_9.png);
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 2;
  }

  .light_group_1 .mb_light_5 {
    position: absolute;
    /* 計算 */
    aspect-ratio: 0.4321428571;
    /*vw px*/
    width: calc(var(--cal_scale) * 121);
    left: calc(var(--cal_scale) * 550);
    top: calc(var(--cal_scale) * -6350);
    background-image: url(../images/common/mobile/light_9.png);
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 2;
  }

  .light_group_1 .mb_light_6 {
    position: absolute;
    /* 計算 */
    aspect-ratio: 0.4321428571;
    /*vw px*/
    width: calc(var(--cal_scale) * 121);
    left: calc(var(--cal_scale) * 80);
    top: calc(var(--cal_scale) * -3900);
    background-image: url(../images/common/mobile/light_5.png);
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 2;
  }
}

@media only screen and (min-width: 769px) {
  .light_group_2 {
    position: relative;
    width: 100%;
  }

  .light_group_2 .light_1 {
    position: absolute;
    /* 計算 */
    aspect-ratio: 0.4116161616;
    /*vw px*/
    width: calc(var(--cal_scale) * 163);
    left: calc(var(--cal_scale) * 1168 + (max(100vw, var(--def_max_vw)) - var(--def_max_vw)) / 2);
    top: calc(var(--cal_scale) * -8600);
    background-image: url(../images/common//light_14.png);
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 2;
  }

  .light_group_2 .light_2 {
    position: absolute;
    /* 計算 */
    aspect-ratio: 0.4259259259;
    /*vw px*/
    width: calc(var(--cal_scale) * 138);
    left: calc(var(--cal_scale) * 303 + (max(100vw, var(--def_max_vw)) - var(--def_max_vw)) / 2);
    top: calc(var(--cal_scale) * 2204);
    background-image: url(../images/common//light_12.png);
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 2;
  }

  .light_group_2 .light_3 {
    position: absolute;
    /* 計算 */
    aspect-ratio: 0.4259259259;
    /*vw px*/
    width: calc(var(--cal_scale) * 138);
    left: calc(var(--cal_scale) * 970 + (max(100vw, var(--def_max_vw)) - var(--def_max_vw)) / 2);
    top: calc(var(--cal_scale) * 3850);
    background-image: url(../images/common//light_12.png);
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 2;
  }

  .light_group_2 .light_4 {
    position: absolute;
    /* 計算 */
    aspect-ratio: 0.4116161616;
    /*vw px*/
    width: calc(var(--cal_scale) * 163);
    left: calc(var(--cal_scale) * 1180 + (max(100vw, var(--def_max_vw)) - var(--def_max_vw)) / 2);
    top: calc(var(--cal_scale) * -4740);
    background-image: url(../images/common//light_14.png);
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 2;
  }

  .light_group_2 .light_5 {
    position: absolute;
    /* 計算 */
    aspect-ratio: 0.4259259259;
    /*vw px*/
    width: calc(var(--cal_scale) * 138);
    left: calc(var(--cal_scale) * 280 + (max(100vw, var(--def_max_vw)) - var(--def_max_vw)) / 2);
    top: calc(var(--cal_scale) * 5650);
    background-image: url(../images/common//light_13.png);
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 2;
  }

  .light_group_2 .light_6 {
    position: absolute;
    /* 計算 */
    aspect-ratio: 0.4116161616;
    /*vw px*/
    width: calc(var(--cal_scale) * 163);
    left: calc(var(--cal_scale) * 1220 + (max(100vw, var(--def_max_vw)) - var(--def_max_vw)) / 2);
    top: calc(var(--cal_scale) * -2850);
    background-image: url(../images/common//light_14.png);
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 2;
  }

  .light_group_2 .light_7 {
    position: absolute;
    /* 計算 */
    aspect-ratio: 0.4086651054;
    /*vw px*/
    width: calc(var(--cal_scale) * 174.5);
    left: calc(var(--cal_scale) * 310 + (max(100vw, var(--def_max_vw)) - var(--def_max_vw)) / 2);
    top: calc(var(--cal_scale) * -2300);
    background-image: url(../images/common//light_11.png);
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 2;
  }
}

@media only screen and (max-width: 768px) {
  .light_group_2 {
    position: relative;
    width: 100%;
  }

  .light_group_2 .mb_light_1 {
    position: absolute;
    /* 計算 */
    aspect-ratio: 0.4321428571;
    /*vw px*/
    width: calc(var(--cal_scale) * 121);
    left: calc(var(--cal_scale) * 600);
    top: calc(var(--cal_scale) * -15130);
    background-image: url(../images/common/mobile/light_5.png);
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 2;
  }

  .light_group_2 .mb_light_2 {
    position: absolute;
    /* 計算 */
    aspect-ratio: 0.4259259259;
    /*vw px*/
    width: calc(var(--cal_scale) * 138);
    left: calc(var(--cal_scale) * 55);
    top: calc(var(--cal_scale) * 3060);
    background-image: url(../images/common/mobile/light_6.png);
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 2;
  }

  .light_group_2 .mb_light_3 {
    position: absolute;
    /* 計算 */
    aspect-ratio: 0.4321428571;
    /*vw px*/
    width: calc(var(--cal_scale) * 121);
    left: calc(var(--cal_scale) * 600);
    top: calc(var(--cal_scale) * -10860);
    background-image: url(../images/common/mobile/light_9.png);
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 2;
  }

  .light_group_2 .mb_light_4 {
    position: absolute;
    /* 計算 */
    aspect-ratio: 0.4259259259;
    /*vw px*/
    width: calc(var(--cal_scale) * 138);
    left: calc(var(--cal_scale) * 55);
    top: calc(var(--cal_scale) * 7700);
    background-image: url(../images/common/mobile/light_6.png);
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 2;
  }

  .light_group_2 .mb_light_5 {
    position: absolute;
    /* 計算 */
    aspect-ratio: 0.4321428571;
    /*vw px*/
    width: calc(var(--cal_scale) * 121);
    left: calc(var(--cal_scale) * 620);
    top: calc(var(--cal_scale) * -7750);
    background-image: url(../images/common/mobile/light_9.png);
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 2;
  }

  .light_group_2 .mb_light_6 {
    position: absolute;
    /* 計算 */
    aspect-ratio: 0.4259259259;
    /*vw px*/
    width: calc(var(--cal_scale) * 138);
    left: calc(var(--cal_scale) * 630);
    top: calc(var(--cal_scale) * 12000);
    background-image: url(../images/common/mobile/light_6.png);
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 2;
  }
}

@media only screen and (min-width: 769px) {
  .light_group_3 {
    position: relative;
    width: 100%;
  }

  .light_group_3 .light_1 {
    position: absolute;
    /* 計算 */
    aspect-ratio: 0.4116161616;
    /*vw px*/
    width: calc(var(--cal_scale) * 163);
    left: calc(var(--cal_scale) * 1168 + (max(100vw, var(--def_max_vw)) - var(--def_max_vw)) / 2);
    top: calc(var(--cal_scale) * -11250);
    background-image: url(../images/common//light_14.png);
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 2;
  }

  .light_group_3 .light_2 {
    position: absolute;
    /* 計算 */
    aspect-ratio: 0.4259259259;
    /*vw px*/
    width: calc(var(--cal_scale) * 138);
    left: calc(var(--cal_scale) * 243 + (max(100vw, var(--def_max_vw)) - var(--def_max_vw)) / 2);
    top: calc(var(--cal_scale) * 2604);
    background-image: url(../images/common//light_12.png);
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 2;
  }

  .light_group_3 .light_3 {
    position: absolute;
    /* 計算 */
    aspect-ratio: 0.4086651054;
    /*vw px*/
    width: calc(var(--cal_scale) * 174.5);
    left: calc(var(--cal_scale) * 1140 + (max(100vw, var(--def_max_vw)) - var(--def_max_vw)) / 2);
    top: calc(var(--cal_scale) * -7400);
    background-image: url(../images/common//light_11.png);
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 2;
  }

  .light_group_3 .light_4 {
    position: absolute;
    /* 計算 */
    aspect-ratio: 0.4086651054;
    /*vw px*/
    width: calc(var(--cal_scale) * 174.5);
    left: calc(var(--cal_scale) * 310 + (max(100vw, var(--def_max_vw)) - var(--def_max_vw)) / 2);
    top: calc(var(--cal_scale) * -5400);
    background-image: url(../images/common//light_11.png);
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 2;
  }

  .light_group_3 .light_5 {
    position: absolute;
    /* 計算 */
    aspect-ratio: 0.4116161616;
    /*vw px*/
    width: calc(var(--cal_scale) * 163);
    left: calc(var(--cal_scale) * 1210 + (max(100vw, var(--def_max_vw)) - var(--def_max_vw)) / 2);
    top: calc(var(--cal_scale) * -4600);
    background-image: url(../images/common//light_14.png);
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 2;
  }

  .light_group_3 .light_6 {
    position: absolute;
    /* 計算 */
    aspect-ratio: 0.4086651054;
    /*vw px*/
    width: calc(var(--cal_scale) * 174.5);
    left: calc(var(--cal_scale) * 320 + (max(100vw, var(--def_max_vw)) - var(--def_max_vw)) / 2);
    top: calc(var(--cal_scale) * -2100);
    background-image: url(../images/common//light_11.png);
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 2;
  }

  .light_group_3 .light_7 {
    position: absolute;
    /* 計算 */
    aspect-ratio: 0.4259259259;
    /*vw px*/
    width: calc(var(--cal_scale) * 138);
    left: calc(var(--cal_scale) * 1100 + (max(100vw, var(--def_max_vw)) - var(--def_max_vw)) / 2);
    top: calc(var(--cal_scale) * 10650);
    background-image: url(../images/common//light_12.png);
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 2;
  }
}

@media only screen and (max-width: 768px) {
  .light_group_3 {
    position: relative;
    width: 100%;
  }

  .light_group_3 .mb_light_1 {
    position: absolute;
    /* 計算 */
    aspect-ratio: 0.4321428571;
    /*vw px*/
    width: calc(var(--cal_scale) * 121);
    left: calc(var(--cal_scale) * 600);
    top: calc(var(--cal_scale) * -19100);
    background-image: url(../images/common/mobile/light_9.png);
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 2;
  }

  .light_group_3 .mb_light_2 {
    position: absolute;
    /* 計算 */
    aspect-ratio: 0.4259259259;
    /*vw px*/
    width: calc(var(--cal_scale) * 138);
    left: calc(var(--cal_scale) * 55);
    top: calc(var(--cal_scale) * 4800);
    background-image: url(../images/common/mobile/light_6.png);
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 2;
  }

  .light_group_3 .mb_light_3 {
    position: absolute;
    /* 計算 */
    aspect-ratio: 0.4321428571;
    /*vw px*/
    width: calc(var(--cal_scale) * 121);
    left: calc(var(--cal_scale) * 100);
    top: calc(var(--cal_scale) * -14960);
    background-image: url(../images/common/mobile/light_10.png);
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 2;
  }

  .light_group_3 .mb_light_4 {
    position: absolute;
    /* 計算 */
    aspect-ratio: 0.4321428571;
    /*vw px*/
    width: calc(var(--cal_scale) * 121);
    left: calc(var(--cal_scale) * 600);
    top: calc(var(--cal_scale) * -13250);
    background-image: url(../images/common/mobile/light_5.png);
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 2;
  }

  .light_group_3 .mb_light_5 {
    position: absolute;
    /* 計算 */
    aspect-ratio: 0.4321428571;
    /*vw px*/
    width: calc(var(--cal_scale) * 121);
    left: calc(var(--cal_scale) * 130);
    top: calc(var(--cal_scale) * -9200);
    background-image: url(../images/common/mobile/light_10.png);
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 2;
  }

  .light_group_3 .mb_light_6 {
    position: absolute;
    /* 計算 */
    aspect-ratio: 0.4321428571;
    /*vw px*/
    width: calc(var(--cal_scale) * 121);
    left: calc(var(--cal_scale) * 150);
    top: calc(var(--cal_scale) * -7350);
    background-image: url(../images/common/mobile/light_9.png);
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 2;
  }

  .light_group_3 .mb_light_7 {
    position: absolute;
    /* 計算 */
    aspect-ratio: 0.4259259259;
    /*vw px*/
    width: calc(var(--cal_scale) * 138);
    left: calc(var(--cal_scale) * 630);
    top: calc(var(--cal_scale) * 15300);
    background-image: url(../images/common/mobile/light_8.png);
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 2;
  }

  .light_group_3 .mb_light_8 {
    position: absolute;
    /* 計算 */
    aspect-ratio: 0.4321428571;
    /*vw px*/
    width: calc(var(--cal_scale) * 121);
    left: calc(var(--cal_scale) * 300);
    top: calc(var(--cal_scale) * -3910);
    background-image: url(../images/common/mobile/light_5.png);
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 2;
  }
}

@media only screen and (min-width: 769px) {
  .light_group_4 {
    position: relative;
    width: 100%;
  }

  .light_group_4 .light_1 {
    position: absolute;
    /* 計算 */
    aspect-ratio: 0.4116161616;
    /*vw px*/
    width: calc(var(--cal_scale) * 163);
    left: calc(var(--cal_scale) * 1168 + (max(100vw, var(--def_max_vw)) - var(--def_max_vw)) / 2);
    top: calc(var(--cal_scale) * -7850);
    background-image: url(../images/common//light_14.png);
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 2;
  }

  .light_group_4 .light_2 {
    position: absolute;
    /* 計算 */
    aspect-ratio: 0.4259259259;
    /*vw px*/
    width: calc(var(--cal_scale) * 138);
    left: calc(var(--cal_scale) * 280 + (max(100vw, var(--def_max_vw)) - var(--def_max_vw)) / 2);
    top: calc(var(--cal_scale) * 1854);
    background-image: url(../images/common//light_12.png);
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 2;
  }

  .light_group_4 .light_3 {
    position: absolute;
    /* 計算 */
    aspect-ratio: 0.4116161616;
    /*vw px*/
    width: calc(var(--cal_scale) * 163);
    left: calc(var(--cal_scale) * 1140 + (max(100vw, var(--def_max_vw)) - var(--def_max_vw)) / 2);
    top: calc(var(--cal_scale) * -5900);
    background-image: url(../images/common//light_14.png);
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 2;
  }

  .light_group_4 .light_4 {
    position: absolute;
    /* 計算 */
    aspect-ratio: 0.4086651054;
    /*vw px*/
    width: calc(var(--cal_scale) * 174.5);
    left: calc(var(--cal_scale) * 340 + (max(100vw, var(--def_max_vw)) - var(--def_max_vw)) / 2);
    top: calc(var(--cal_scale) * -4150);
    background-image: url(../images/common//light_11.png);
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 2;
  }

  .light_group_4 .light_5 {
    position: absolute;
    /* 計算 */
    aspect-ratio: 0.4116161616;
    /*vw px*/
    width: calc(var(--cal_scale) * 163);
    left: calc(var(--cal_scale) * 1170 + (max(100vw, var(--def_max_vw)) - var(--def_max_vw)) / 2);
    top: calc(var(--cal_scale) * -2700);
    background-image: url(../images/common//light_14.png);
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 2;
  }
}

@media only screen and (max-width: 768px) {
  .light_group_4 {
    position: relative;
    width: 100%;
  }

  .light_group_4 .mb_light_1 {
    position: absolute;
    /* 計算 */
    aspect-ratio: 0.4321428571;
    /*vw px*/
    width: calc(var(--cal_scale) * 121);
    left: calc(var(--cal_scale) * 600);
    top: calc(var(--cal_scale) * -13150);
    background-image: url(../images/common/mobile/light_9.png);
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 2;
  }

  .light_group_4 .mb_light_2 {
    position: absolute;
    /* 計算 */
    aspect-ratio: 0.4259259259;
    /*vw px*/
    width: calc(var(--cal_scale) * 138);
    left: calc(var(--cal_scale) * 55);
    top: calc(var(--cal_scale) * 4460);
    background-image: url(../images/common/mobile/light_6.png);
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 2;
  }

  .light_group_4 .mb_light_3 {
    position: absolute;
    /* 計算 */
    aspect-ratio: 0.4321428571;
    /*vw px*/
    width: calc(var(--cal_scale) * 121);
    left: calc(var(--cal_scale) * 600);
    top: calc(var(--cal_scale) * -9440);
    background-image: url(../images/common/mobile/light_5.png);
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 2;
  }

  .light_group_4 .mb_light_4 {
    position: absolute;
    /* 計算 */
    aspect-ratio: 0.4321428571;
    /*vw px*/
    width: calc(var(--cal_scale) * 121);
    left: calc(var(--cal_scale) * 570);
    top: calc(var(--cal_scale) * -7740);
    background-image: url(../images/common/mobile/light_5.png);
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 2;
  }

  .light_group_4 .mb_light_5 {
    position: absolute;
    /* 計算 */
    aspect-ratio: 0.4259259259;
    /*vw px*/
    width: calc(var(--cal_scale) * 138);
    left: calc(var(--cal_scale) * 630);
    top: calc(var(--cal_scale) * 9660);
    background-image: url(../images/common/mobile/light_6.png);
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 2;
  }

  .light_group_4 .mb_light_6 {
    position: absolute;
    /* 計算 */
    aspect-ratio: 0.4321428571;
    /*vw px*/
    width: calc(var(--cal_scale) * 121);
    left: calc(var(--cal_scale) * 570);
    top: calc(var(--cal_scale) * -3940);
    background-image: url(../images/common/mobile/light_9.png);
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 2;
  }
}

@media only screen and (min-width: 769px) {
  .light_group_5 {
    position: relative;
    width: 100%;
  }

  .light_group_5 .light_1 {
    position: absolute;
    /* 計算 */
    aspect-ratio: 0.4116161616;
    /*vw px*/
    width: calc(var(--cal_scale) * 163);
    left: calc(var(--cal_scale) * 1168 + (max(100vw, var(--def_max_vw)) - var(--def_max_vw)) / 2);
    top: calc(var(--cal_scale) * -7150);
    background-image: url(../images/common//light_14.png);
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 2;
  }

  .light_group_5 .light_2 {
    position: absolute;
    /* 計算 */
    aspect-ratio: 0.4086651054;
    /*vw px*/
    width: calc(var(--cal_scale) * 174.5);
    left: calc(var(--cal_scale) * 330 + (max(100vw, var(--def_max_vw)) - var(--def_max_vw)) / 2);
    top: calc(var(--cal_scale) * -4854);
    background-image: url(../images/common//light_11.png);
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 2;
  }

  .light_group_5 .light_3 {
    position: absolute;
    /* 計算 */
    aspect-ratio: 0.4116161616;
    /*vw px*/
    width: calc(var(--cal_scale) * 163);
    left: calc(var(--cal_scale) * 1140 + (max(100vw, var(--def_max_vw)) - var(--def_max_vw)) / 2);
    top: calc(var(--cal_scale) * -4050);
    background-image: url(../images/common//light_14.png);
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 2;
  }

  .light_group_5 .light_4 {
    position: absolute;
    /* 計算 */
    aspect-ratio: 0.4086651054;
    /*vw px*/
    width: calc(var(--cal_scale) * 174.5);
    left: calc(var(--cal_scale) * 340 + (max(100vw, var(--def_max_vw)) - var(--def_max_vw)) / 2);
    top: calc(var(--cal_scale) * -2080);
    background-image: url(../images/common//light_11.png);
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 2;
  }
}

@media only screen and (max-width: 768px) {
  .light_group_5 {
    position: relative;
    width: 100%;
  }

  .light_group_5 .mb_light_1 {
    position: absolute;
    /* 計算 */
    aspect-ratio: 0.4321428571;
    /*vw px*/
    width: calc(var(--cal_scale) * 121);
    left: calc(var(--cal_scale) * 530);
    top: calc(var(--cal_scale) * -11050);
    background-image: url(../images/common/mobile/light_5.png);
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 2;
  }

  .light_group_5 .mb_light_2 {
    position: absolute;
    /* 計算 */
    aspect-ratio: 0.4321428571;
    /*vw px*/
    width: calc(var(--cal_scale) * 121);
    left: calc(var(--cal_scale) * 100);
    top: calc(var(--cal_scale) * -7650);
    background-image: url(../images/common/mobile/light_10.png);
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 2;
  }

  .light_group_5 .mb_light_3 {
    position: absolute;
    /* 計算 */
    aspect-ratio: 0.4321428571;
    /*vw px*/
    width: calc(var(--cal_scale) * 121);
    left: calc(var(--cal_scale) * 200);
    top: calc(var(--cal_scale) * -5910);
    background-image: url(../images/common/mobile/light_5.png);
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 2;
  }

  .light_group_5 .mb_light_4 {
    position: absolute;
    /* 計算 */
    aspect-ratio: 0.4259259259;
    /*vw px*/
    width: calc(var(--cal_scale) * 138);
    left: calc(var(--cal_scale) * 620);
    top: calc(var(--cal_scale) * 8460);
    background-image: url(../images/common/mobile/light_6.png);
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 2;
  }

  .light_group_5 .mb_light_5 {
    position: absolute;
    /* 計算 */
    aspect-ratio: 0.4321428571;
    /*vw px*/
    width: calc(var(--cal_scale) * 121);
    left: calc(var(--cal_scale) * 120);
    top: calc(var(--cal_scale) * -3440);
    background-image: url(../images/common/mobile/light_10.png);
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 2;
  }
}

@media only screen and (min-width: 769px) {
  .light_group_6 {
    position: relative;
    width: 100%;
  }

  .light_group_6 .light_1 {
    position: absolute;
    /* 計算 */
    aspect-ratio: 0.4116161616;
    /*vw px*/
    width: calc(var(--cal_scale) * 163);
    left: calc(var(--cal_scale) * 568 + (max(100vw, var(--def_max_vw)) - var(--def_max_vw)) / 2);
    top: calc(var(--cal_scale) * -7450);
    background-image: url(../images/common//light_14.png);
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 2;
  }

  .light_group_6 .light_2 {
    position: absolute;
    /* 計算 */
    aspect-ratio: 0.4259259259;
    /*vw px*/
    width: calc(var(--cal_scale) * 138);
    left: calc(var(--cal_scale) * 1130 + (max(100vw, var(--def_max_vw)) - var(--def_max_vw)) / 2);
    top: calc(var(--cal_scale) * 1910);
    background-image: url(../images/common//light_12.png);
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 2;
  }

  .light_group_6 .light_3 {
    position: absolute;
    /* 計算 */
    aspect-ratio: 0.4086651054;
    /*vw px*/
    width: calc(var(--cal_scale) * 174.5);
    left: calc(var(--cal_scale) * 1080 + (max(100vw, var(--def_max_vw)) - var(--def_max_vw)) / 2);
    top: calc(var(--cal_scale) * -4900);
    background-image: url(../images/common//light_11.png);
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 2;
  }

  .light_group_6 .light_4 {
    position: absolute;
    /* 計算 */
    aspect-ratio: 0.4116161616;
    /*vw px*/
    width: calc(var(--cal_scale) * 163);
    left: calc(var(--cal_scale) * 1040 + (max(100vw, var(--def_max_vw)) - var(--def_max_vw)) / 2);
    top: calc(var(--cal_scale) * -4050);
    background-image: url(../images/common//light_14.png);
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 2;
  }

  .light_group_6 .light_5 {
    position: absolute;
    /* 計算 */
    aspect-ratio: 0.4116161616;
    /*vw px*/
    width: calc(var(--cal_scale) * 163);
    left: calc(var(--cal_scale) * 1050 + (max(100vw, var(--def_max_vw)) - var(--def_max_vw)) / 2);
    top: calc(var(--cal_scale) * -2570);
    background-image: url(../images/common//light_14.png);
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 2;
  }
}

@media only screen and (max-width: 768px) {
  .light_group_6 {
    position: relative;
    width: 100%;
  }

  .light_group_6 .mb_light_1 {
    position: absolute;
    /* 計算 */
    aspect-ratio: 0.4321428571;
    /*vw px*/
    width: calc(var(--cal_scale) * 121);
    left: calc(var(--cal_scale) * 200);
    top: calc(var(--cal_scale) * -11970);
    background-image: url(../images/common/mobile/light_9.png);
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 2;
  }

  .light_group_6 .mb_light_2 {
    position: absolute;
    /* 計算 */
    aspect-ratio: 0.4259259259;
    /*vw px*/
    width: calc(var(--cal_scale) * 138);
    left: calc(var(--cal_scale) * 630);
    top: calc(var(--cal_scale) * 3800);
    background-image: url(../images/common/mobile/light_6.png);
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 2;
  }

  .light_group_6 .mb_light_3 {
    position: absolute;
    /* 計算 */
    aspect-ratio: 0.4321428571;
    /*vw px*/
    width: calc(var(--cal_scale) * 121);
    left: calc(var(--cal_scale) * 100);
    top: calc(var(--cal_scale) * -7580);
    background-image: url(../images/common/mobile/light_10.png);
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 2;
  }

  .light_group_6 .mb_light_4 {
    position: absolute;
    /* 計算 */
    aspect-ratio: 0.4321428571;
    /*vw px*/
    width: calc(var(--cal_scale) * 121);
    left: calc(var(--cal_scale) * 620);
    top: calc(var(--cal_scale) * -6170);
    background-image: url(../images/common/mobile/light_9.png);
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 2;
  }

  .light_group_6 .mb_light_5 {
    position: absolute;
    /* 計算 */
    aspect-ratio: 0.4321428571;
    /*vw px*/
    width: calc(var(--cal_scale) * 121);
    left: calc(var(--cal_scale) * 620);
    top: calc(var(--cal_scale) * -3740);
    background-image: url(../images/common/mobile/light_9.png);
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 2;
  }
}

/*
.jic_common_page_bg_brock_add_j02 {

	--jic_cp_bg_h_01: 5100;
	--jic_cp_bg_h_02: 3100;
	--jic_cp_bg_h_03: 0;

	@include mobile {
		--jic_cp_bg_h_01: 9700;
		--jic_cp_bg_h_02: 5600;
		--jic_cp_bg_h_03: 0;
		--div-h: calc(var(--jic_cp_bg_h_01) + var(--jic_cp_bg_h_02) + var(--jic_cp_bg_h_03) + 1700);
	}

	@include pc {

		--div-h: calc(var(--jic_cp_bg_h_01) + var(--jic_cp_bg_h_02) + var(--jic_cp_bg_h_03) + 1250);
	}


	@include math_scal;

}

.jic_common_page_bg_brock_add_j03 {
	--jic_cp_bg_h_01: 4650;
	--jic_cp_bg_h_02: 3400;
	--jic_cp_bg_h_03: 2900;

	@include mobile {
		--jic_cp_bg_h_01: 8800;
		--jic_cp_bg_h_02: 5800;
		--jic_cp_bg_h_03: 5150;
		--div-h: calc(var(--jic_cp_bg_h_01) + var(--jic_cp_bg_h_02) + var(--jic_cp_bg_h_03) + 1650 - 80);
	}

	@include pc {

		--div-h: calc(var(--jic_cp_bg_h_01) + var(--jic_cp_bg_h_02) + var(--jic_cp_bg_h_03) + 1250 - 80);
	}

	@include math_scal;
}

.jic_common_page_bg_brock_add_j04 {
	--jic_cp_bg_h_01: 4450;
	--jic_cp_bg_h_02: 3000;
	--jic_cp_bg_h_03: 0;

	@include mobile {
		--jic_cp_bg_h_01: 7800;
		--jic_cp_bg_h_02: 5450;
		--jic_cp_bg_h_03: 0;
		--div-h: calc(var(--jic_cp_bg_h_01) + var(--jic_cp_bg_h_02) + var(--jic_cp_bg_h_03) + 1650);
	}

	@include pc {

		--div-h: calc(var(--jic_cp_bg_h_01) + var(--jic_cp_bg_h_02) + var(--jic_cp_bg_h_03) + 1250);
	}

	@include math_scal;
}

.jic_common_page_bg_brock_add_j05 {
	--jic_cp_bg_h_01: 4400;
	--jic_cp_bg_h_02: 2300;
	--jic_cp_bg_h_03: 0;

	@include mobile {
		--jic_cp_bg_h_01: 7400;
		--jic_cp_bg_h_02: 3790;
		--jic_cp_bg_h_03: 0;
		--div-h: calc(var(--jic_cp_bg_h_01) + var(--jic_cp_bg_h_02) + var(--jic_cp_bg_h_03) + 1650);
	}

	@include pc {

		--div-h: calc(var(--jic_cp_bg_h_01) + var(--jic_cp_bg_h_02) + var(--jic_cp_bg_h_03) + 1250);
	}

	@include math_scal;
}

.jic_common_page_bg_brock_add_j06 {
	--jic_cp_bg_h_01: 4608;
	--jic_cp_bg_h_02: 2440;
	--jic_cp_bg_h_03: 0;

	@include mobile {
		--jic_cp_bg_h_01: 8200;
		--jic_cp_bg_h_02: 3890;
		--jic_cp_bg_h_03: 0;
		--div-h: calc(var(--jic_cp_bg_h_01) + var(--jic_cp_bg_h_02) + var(--jic_cp_bg_h_03) + 1650);
	}

	@include pc {

		--div-h: calc(var(--jic_cp_bg_h_01) + var(--jic_cp_bg_h_02) + var(--jic_cp_bg_h_03) + 1250);
	}

	@include math_scal;
}
*/
.join_us_bg_color {
  background-color: #F3F3F6;
}

.about_us_bg_brock {
  --div-w: 1440;
  --div-h: 95;
  --div-left: 0;
  --div-top: 0;
  display: flex;
  position: relative;
  /* 使得內部的 div 能夠相對於此 div 定位 */
  margin-top: calc(var(--cal_scale) * -95);
  /* 計算 */
  aspect-ratio: var(--div-w)/var(--div-h);
  --cal_scale: calc(min(100vw, var(--def_max_vw))/1440);
  /*vw px*/
  width: calc(var(--cal_scale) * var(--div-w));
  left: calc(var(--cal_scale) * var(--div-left));
  top: calc(var(--cal_scale) * var(--div-top));
  width: 100%;
  height: calc(var(--cal_scale) * var(--div-h));
  justify-content: center;
  align-items: center;
  background-color: #F3F3F6;
}

@media only screen and (max-width: 768px) {
  .about_us_bg_brock {
    --div-w: 768;
    --div-h: 115;
    margin-top: calc(var(--cal_scale) * -95);
  }
}

@media only screen and (max-width: 768px) {
  .about_us_bg_brock {
    --def_max_vw: 768px;
    --cal_scale: calc(100vw/768);
    /*vw px*/
  }
}

.about_us_page_bg_brock {
  --div-w: 1440;
  --div-left: 0;
  --div-top: 0;
  --div-h: calc(var(--jic_cp_bg_h_01) + var(--jic_cp_bg_h_02) + 800);
  display: flex;
  position: relative;
  /* 使得內部的 div 能夠相對於此 div 定位 */
  /* 計算 */
  aspect-ratio: var(--div-w)/var(--div-h);
  --cal_scale: calc(min(100vw, var(--def_max_vw))/1440);
  /*vw px*/
  width: calc(var(--cal_scale) * var(--div-w));
  left: calc(var(--cal_scale) * var(--div-left));
  top: calc(var(--cal_scale) * var(--div-top));
  margin-top: calc(var(--cal_scale) * 30);
  align-items: center;
  flex-direction: column;
}

@media only screen and (max-width: 768px) {
  .about_us_page_bg_brock {
    --div-w: 768;
    --div-h: calc(var(--jic_cp_bg_h_01) + var(--jic_cp_bg_h_02) + 900);
    overflow: hidden;
  }
}

@media only screen and (max-width: 768px) {
  .about_us_page_bg_brock {
    --def_max_vw: 768px;
    --cal_scale: calc(100vw/768);
    /*vw px*/
  }
}

.about_us_page_bg_brock .about_us_page_bg_1 {
  --div-w: 1349;
  --div-h: var(--jic_cp_bg_h_01);
  --div-left: 91;
  --div-top: 0;
  /* 計算 */
  aspect-ratio: var(--div-w)/var(--div-h);
  --cal_scale: calc(min(100vw, var(--def_max_vw))/1440);
  /*vw px*/
  width: calc(var(--cal_scale) * var(--div-w));
  left: calc(var(--cal_scale) * var(--div-left));
  top: calc(var(--cal_scale) * var(--div-top));
  position: absolute;
  background-repeat: no-repeat;
  background-size: contain;
  background: #FFFFFF;
  clip-path: polygon(calc(var(--cal_scale) * 80) 0%, 100% 0, 100% 100%, 0 100%, 0% calc(var(--cal_scale) * 100));
}

@media only screen and (max-width: 768px) {
  .about_us_page_bg_brock .about_us_page_bg_1 {
    --div-left: 51.2;
    --div-w: calc(768 - var(--div-left));
    --div-top: 0;
  }
}

@media only screen and (max-width: 768px) {
  .about_us_page_bg_brock .about_us_page_bg_1 {
    --def_max_vw: 768px;
    --cal_scale: calc(100vw/768);
    /*vw px*/
  }
}

.about_us_page_bg_brock .about_us_page_bg_2 {
  --div-w: 1349;
  --div-left: 91;
  --div-h: var(--jic_cp_bg_h_02);
  --div-top: var(--jic_cp_bg_h_01);
  /* 計算 */
  aspect-ratio: var(--div-w)/var(--div-h);
  --cal_scale: calc(min(100vw, var(--def_max_vw))/1440);
  /*vw px*/
  width: calc(var(--cal_scale) * var(--div-w));
  left: calc(var(--cal_scale) * var(--div-left));
  top: calc(var(--cal_scale) * var(--div-top));
  position: absolute;
  background-repeat: no-repeat;
  background-size: contain;
  background: #FFFFFF;
  clip-path: polygon(0 0, 100% 0, 100% 100%, calc(var(--cal_scale) * 80) 100%, 0 calc(100% - var(--cal_scale) * 80));
}

@media only screen and (max-width: 768px) {
  .about_us_page_bg_brock .about_us_page_bg_2 {
    --div-left: 51.2;
    --div-w: calc(768 - var(--div-left));
  }
}

@media only screen and (max-width: 768px) {
  .about_us_page_bg_brock .about_us_page_bg_2 {
    --def_max_vw: 768px;
    --cal_scale: calc(100vw/768);
    /*vw px*/
  }
}

.about_us_page_bg_brock .text_title_brock {
  width: 50%;
  margin-top: calc(var(--cal_scale) * 100);
  margin-bottom: calc(var(--cal_scale) * 50);
  display: flex;
  justify-content: center;
  align-items: flex-start;
  z-index: 2;
  flex-wrap: wrap;
  flex-direction: column;
}

@media only screen and (max-width: 768px) {
  .about_us_page_bg_brock .text_title_brock {
    width: 80%;
    margin-left: calc(var(--cal_scale) * 77);
  }
}

.about_us_page_bg_brock .text_title_brock h1 {
  margin: 0;
  color: #0054A5;
  display: inline-block;
}

@media only screen and (min-width: 769px) {
  .about_us_page_bg_brock .text_title_brock h1 {
    font-family: "Noto Sans TC";
    font-size: 3rem;
    font-weight: bold;
  }
}

.about_us_page_bg_brock .text_title_brock .short_divider {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin: 0;
  margin-top: calc(var(--cal_scale) * 30);
  margin-bottom: calc(var(--cal_scale) * 20);
  width: calc(var(--cal_scale) * 85);
  height: 2px;
  background: linear-gradient(90deg, #0054A5 28.88%, #37E2DC 92.98%);
}

@media only screen and (max-width: 768px) {
  .about_us_page_bg_brock .text_title_brock .short_divider {
    width: calc(var(--cal_scale) * 126.968);
    height: calc(var(--cal_scale) * 3.2);
  }
}

.about_us_page_bg_brock .image_brock_book {
  display: flex;
  position: relative;
  /* 使得內部的 div 能夠相對於此 div 定位 */
  align-items: center;
  z-index: 2;
  margin-left: calc(var(--cal_scale) * 5);
  margin-right: calc(var(--cal_scale) * 5);
  margin-bottom: calc(var(--cal_scale) * 700);
  --div-w: 1349;
  --div-left: 91;
  --div-top: 0;
  --div-h: 0.1;
  /* 計算 */
  aspect-ratio: var(--div-w)/var(--div-h);
  --cal_scale: calc(min(100vw, var(--def_max_vw))/1440);
  /*vw px*/
  width: calc(var(--cal_scale) * var(--div-w));
  left: calc(var(--cal_scale) * var(--div-left));
  top: calc(var(--cal_scale) * var(--div-top));
  width: 100%;
}

@media only screen and (max-width: 768px) {
  .about_us_page_bg_brock .image_brock_book {
    --div-w: 716.8;
    --div-left: 52;
    --div-top: 0;
    margin-bottom: calc(var(--cal_scale) * 500);
  }
}

@media only screen and (max-width: 768px) {
  .about_us_page_bg_brock .image_brock_book {
    --def_max_vw: 768px;
    --cal_scale: calc(100vw/768);
    /*vw px*/
  }
}

@media only screen and (min-width: 769px) {
  .about_us_page_bg_brock .image_brock_book .img_mb {
    display: none;
  }
}

@media only screen and (max-width: 768px) {
  .about_us_page_bg_brock .image_brock_book .img_pc {
    display: none;
  }
}

.about_us_page_bg_brock .image_brock_book img {
  --div-w: 1349;
  --div-h: 552.85;
  --div-left: 0;
  --div-top: 0;
  /* 計算 */
  aspect-ratio: var(--div-w)/var(--div-h);
  --cal_scale: calc(min(100vw, var(--def_max_vw))/1440);
  /*vw px*/
  width: calc(var(--cal_scale) * var(--div-w));
  left: calc(var(--cal_scale) * var(--div-left));
  top: calc(var(--cal_scale) * var(--div-top));
  position: absolute;
  background-repeat: no-repeat;
  background-size: contain;
}

@media only screen and (max-width: 768px) {
  .about_us_page_bg_brock .image_brock_book img {
    --div-w: 716.8;
    --div-h: 376.832;
    --div-left: 0;
    --div-top: 0;
  }
}

@media only screen and (max-width: 768px) {
  .about_us_page_bg_brock .image_brock_book img {
    --def_max_vw: 768px;
    --cal_scale: calc(100vw/768);
    /*vw px*/
  }
}

@media only screen and (min-width: 769px) {
  .about_us_page_bg_brock .image_brock_book img {
    width: 100%;
  }
}

@media only screen and (min-width: 769px) {
  .about_us_page_bg_brock .light_group {
    position: relative;
    z-index: 10;
    width: 100%;
  }

  .about_us_page_bg_brock .light_group .light_1 {
    position: absolute;
    --div-w: 163;
    --div-h: 396;
    background-image: url(../images/common/light_14.png);
    --div-left: 1137;
    --div-top: -160;
    /* 計算 */
    aspect-ratio: var(--div-w)/var(--div-h);
    --cal_scale: calc(min(100vw, var(--def_max_vw))/1440);
    /*vw px*/
    width: calc(var(--cal_scale) * var(--div-w));
    left: calc(var(--cal_scale) * var(--div-left));
    top: calc(var(--cal_scale) * var(--div-top));
    position: absolute;
    background-repeat: no-repeat;
    background-size: contain;
  }
}

@media only screen and (min-width: 769px) and (max-width: 768px) {
  .about_us_page_bg_brock .light_group .light_1 {
    --def_max_vw: 768px;
    --cal_scale: calc(100vw/768);
    /*vw px*/
  }
}

@media only screen and (min-width: 769px) {
  .about_us_page_bg_brock .light_group .light_2 {
    position: absolute;
    --div-w: 174.5;
    --div-h: 427;
    background-image: url(../images/common/light_11.png);
    --div-left: 174.5;
    --div-top: 360;
    /* 計算 */
    aspect-ratio: var(--div-w)/var(--div-h);
    --cal_scale: calc(min(100vw, var(--def_max_vw))/1440);
    /*vw px*/
    width: calc(var(--cal_scale) * var(--div-w));
    left: calc(var(--cal_scale) * var(--div-left));
    top: calc(var(--cal_scale) * var(--div-top));
    position: absolute;
    background-repeat: no-repeat;
    background-size: contain;
  }
}

@media only screen and (min-width: 769px) and (max-width: 768px) {
  .about_us_page_bg_brock .light_group .light_2 {
    --def_max_vw: 768px;
    --cal_scale: calc(100vw/768);
    /*vw px*/
  }
}

@media only screen and (min-width: 769px) {
  .about_us_page_bg_brock .light_group .light_3 {
    position: absolute;
    --div-w: 163;
    --div-h: 396;
    background-image: url(../images/common/light_14.png);
    --div-left: 1227;
    --div-top: -160;
    /* 計算 */
    aspect-ratio: var(--div-w)/var(--div-h);
    --cal_scale: calc(min(100vw, var(--def_max_vw))/1440);
    /*vw px*/
    width: calc(var(--cal_scale) * var(--div-w));
    left: calc(var(--cal_scale) * var(--div-left));
    top: calc(var(--cal_scale) * var(--div-top));
    position: absolute;
    background-repeat: no-repeat;
    background-size: contain;
  }
}

@media only screen and (min-width: 769px) and (max-width: 768px) {
  .about_us_page_bg_brock .light_group .light_3 {
    --def_max_vw: 768px;
    --cal_scale: calc(100vw/768);
    /*vw px*/
  }
}

@media only screen and (min-width: 769px) {
  .about_us_page_bg_brock .light_group .light_4 {
    position: absolute;
    --div-w: 174.5;
    --div-h: 427;
    background-image: url(../images/common/light_11.png);
    --div-left: 56;
    --div-top: 260;
    /* 計算 */
    aspect-ratio: var(--div-w)/var(--div-h);
    --cal_scale: calc(min(100vw, var(--def_max_vw))/1440);
    /*vw px*/
    width: calc(var(--cal_scale) * var(--div-w));
    left: calc(var(--cal_scale) * var(--div-left));
    top: calc(var(--cal_scale) * var(--div-top));
    position: absolute;
    background-repeat: no-repeat;
    background-size: contain;
  }
}

@media only screen and (min-width: 769px) and (max-width: 768px) {
  .about_us_page_bg_brock .light_group .light_4 {
    --def_max_vw: 768px;
    --cal_scale: calc(100vw/768);
    /*vw px*/
  }
}

.about_us_page_bg_brock .image_brock {
  display: flex;
  position: relative;
  /* 使得內部的 div 能夠相對於此 div 定位 */
  align-items: center;
  z-index: 2;
  margin-left: calc(var(--cal_scale) * 5);
  margin-right: calc(var(--cal_scale) * 5);
  margin-bottom: calc(var(--cal_scale) * 500);
  --div-w: 1349;
  --div-left: 91;
  --div-top: 0;
  --div-h: 1;
  /* 計算 */
  aspect-ratio: var(--div-w)/var(--div-h);
  --cal_scale: calc(min(100vw, var(--def_max_vw))/1440);
  /*vw px*/
  width: calc(var(--cal_scale) * var(--div-w));
  left: calc(var(--cal_scale) * var(--div-left));
  top: calc(var(--cal_scale) * var(--div-top));
  width: 100%;
}

@media only screen and (max-width: 768px) {
  .about_us_page_bg_brock .image_brock {
    margin-bottom: calc(var(--cal_scale) * 600);
    --div-left: 52;
    --div-w: calc(768 - var(--div-left));
  }
}

@media only screen and (max-width: 768px) {
  .about_us_page_bg_brock .image_brock {
    --def_max_vw: 768px;
    --cal_scale: calc(100vw/768);
    /*vw px*/
  }
}

.about_us_page_bg_brock .image_brock .img_pc {
  --div-w: 1349;
  --div-h: 466;
  --div-left: 0;
  --div-top: 0;
  /* 計算 */
  aspect-ratio: var(--div-w)/var(--div-h);
  --cal_scale: calc(min(100vw, var(--def_max_vw))/1440);
  /*vw px*/
  width: calc(var(--cal_scale) * var(--div-w));
  left: calc(var(--cal_scale) * var(--div-left));
  top: calc(var(--cal_scale) * var(--div-top));
  position: absolute;
  background-repeat: no-repeat;
  background-size: contain;
}

@media only screen and (max-width: 768px) {
  .about_us_page_bg_brock .image_brock .img_pc {
    --def_max_vw: 768px;
    --cal_scale: calc(100vw/768);
    /*vw px*/
  }
}

@media only screen and (max-width: 768px) {
  .about_us_page_bg_brock .image_brock .img_pc {
    display: none;
  }
}

.about_us_page_bg_brock .image_brock .img_mb {
  --div-w: 716;
  --div-h: 536;
  --div-left: 0;
  --div-top: 0;
  /* 計算 */
  aspect-ratio: var(--div-w)/var(--div-h);
  --cal_scale: calc(min(100vw, var(--def_max_vw))/1440);
  /*vw px*/
  width: calc(var(--cal_scale) * var(--div-w));
  left: calc(var(--cal_scale) * var(--div-left));
  top: calc(var(--cal_scale) * var(--div-top));
  position: absolute;
  background-repeat: no-repeat;
  background-size: contain;
}

@media only screen and (max-width: 768px) {
  .about_us_page_bg_brock .image_brock .img_mb {
    --def_max_vw: 768px;
    --cal_scale: calc(100vw/768);
    /*vw px*/
  }
}

@media only screen and (min-width: 769px) {
  .about_us_page_bg_brock .image_brock .img_mb {
    display: none;
  }
}

.about_us_page_bg_brock .image_brock .char_name {
  --div-w: 908;
  --div-h: 134;
  --div-left: 500;
  --div-top: 400;
  position: absolute;
  z-index: 3;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

@media only screen and (min-width: 769px) {
  .about_us_page_bg_brock .image_brock .char_name {
    /* 計算 */
    aspect-ratio: var(--div-w)/var(--div-h);
    --cal_scale: calc(min(100vw, var(--def_max_vw))/1440);
    /*vw px*/
    width: calc(var(--cal_scale) * var(--div-w));
    left: calc(var(--cal_scale) * var(--div-left));
    top: calc(var(--cal_scale) * var(--div-top));
    clip-path: polygon(25px 0%, 100% 0, calc(100% - 25px) 100%, 0% 100%);
    background: linear-gradient(92.25deg, #168CDD 1.56%, #0A569F 29.93%, #1A83F1 65.69%, #53D2E4 89.41%);
  }
}

@media only screen and (min-width: 769px) and (max-width: 768px) {
  .about_us_page_bg_brock .image_brock .char_name {
    --def_max_vw: 768px;
    --cal_scale: calc(100vw/768);
    /*vw px*/
  }
}

@media only screen and (max-width: 768px) {
  .about_us_page_bg_brock .image_brock .char_name {
    --div-top: 450;
    --div-left: 0;
    --div-w: 716.8;
    --div-h: 204.8;
    background-image: url(../images/about/mobile/about_01_txt_bg.png);
    /* 計算 */
    aspect-ratio: var(--div-w)/var(--div-h);
    --cal_scale: calc(min(100vw, var(--def_max_vw))/1440);
    /*vw px*/
    width: calc(var(--cal_scale) * var(--div-w));
    left: calc(var(--cal_scale) * var(--div-left));
    top: calc(var(--cal_scale) * var(--div-top));
    position: absolute;
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
  }
}

@media only screen and (max-width: 768px) and (max-width: 768px) {
  .about_us_page_bg_brock .image_brock .char_name {
    --def_max_vw: 768px;
    --cal_scale: calc(100vw/768);
    /*vw px*/
  }
}

.about_us_page_bg_brock .image_brock .char_name h2 {
  display: inline-block;
  text-align: center;
  width: 100%;
  margin: 0;
  color: #FFFFFF;
}

@media only screen and (max-width: 768px) {
  .about_us_page_bg_brock .image_brock .char_name h2 {
    font-size: 2.048rem;
  }
}

@media only screen and (min-width: 769px) {
  .about_us_page_bg_brock .image_brock .char_name h2 {
    font-size: 1.5rem;
    font-weight: bold;
    margin-left: calc(var(--cal_scale) * -230);
  }

  .about_us_page_bg_brock .image_brock .char_name h2 br {
    display: none;
  }
}

@media only screen and (min-width: 769px) {
  .about_us_page_bg_brock .image_brock .char_name .char_name_pc_add {
    margin-left: calc(var(--cal_scale) * -330);
  }
}

.about_us_page_bg_brock .image_brock_company_benefits {
  display: flex;
  position: relative;
  /* 使得內部的 div 能夠相對於此 div 定位 */
  align-items: center;
  z-index: 2;
  margin-left: calc(var(--cal_scale) * 5);
  margin-right: calc(var(--cal_scale) * 5);
  margin-bottom: calc(var(--cal_scale) * 100);
  --div-w: 1349;
  --div-h: 499.016;
  --div-left: 45.5;
  --div-top: 0;
  --div-h: 0.1;
  /* 計算 */
  aspect-ratio: var(--div-w)/var(--div-h);
  --cal_scale: calc(min(100vw, var(--def_max_vw))/1440);
  /*vw px*/
  width: calc(var(--cal_scale) * var(--div-w));
  left: calc(var(--cal_scale) * var(--div-left));
  top: calc(var(--cal_scale) * var(--div-top));
}

@media only screen and (min-width: 769px) {
  .about_us_page_bg_brock .image_brock_company_benefits {
    margin-bottom: calc(var(--cal_scale) * 600);
  }
}

@media only screen and (max-width: 768px) {
  .about_us_page_bg_brock .image_brock_company_benefits {
    --div-w: 716.8;
    -div-h: 577.536;
    --div-left: 26;
    --div-top: 0;
    margin-bottom: calc(var(--cal_scale) * 600);
  }
}

@media only screen and (max-width: 768px) {
  .about_us_page_bg_brock .image_brock_company_benefits {
    --def_max_vw: 768px;
    --cal_scale: calc(100vw/768);
    /*vw px*/
  }
}

.about_us_page_bg_brock .image_brock_company_benefits img {
  --div-w: 1349;
  --div-h: 499.016;
  --div-left: 0;
  --div-top: 0;
  /* 計算 */
  aspect-ratio: var(--div-w)/var(--div-h);
  --cal_scale: calc(min(100vw, var(--def_max_vw))/1440);
  /*vw px*/
  width: calc(var(--cal_scale) * var(--div-w));
  left: calc(var(--cal_scale) * var(--div-left));
  top: calc(var(--cal_scale) * var(--div-top));
  position: absolute;
  background-repeat: no-repeat;
  background-size: contain;
}

@media only screen and (max-width: 768px) {
  .about_us_page_bg_brock .image_brock_company_benefits img {
    --div-w: 716.8;
    --div-h: 577.536;
    --div-left: 0;
    --div-top: 0;
    content: url("../images/about/mobile/about_03.png");
  }
}

@media only screen and (max-width: 768px) {
  .about_us_page_bg_brock .image_brock_company_benefits img {
    --def_max_vw: 768px;
    --cal_scale: calc(100vw/768);
    /*vw px*/
  }
}

@media only screen and (min-width: 769px) {
  .about_us_page_bg_brock .image_brock_company_benefits img {
    width: 100%;
  }
}

.about_us_page_bg_brock .image_brock_company_benefits .char_name {
  --div-w: 834;
  --div-h: 196;
  --div-left: 287;
  --div-top: 400;
  position: absolute;
  /* 計算 */
  aspect-ratio: var(--div-w)/var(--div-h);
  --cal_scale: calc(min(100vw, var(--def_max_vw))/1440);
  /*vw px*/
  width: calc(var(--cal_scale) * var(--div-w));
  left: calc(var(--cal_scale) * var(--div-left));
  top: calc(var(--cal_scale) * var(--div-top));
  position: absolute;
  background-repeat: no-repeat;
  background-size: contain;
  z-index: 3;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

@media only screen and (max-width: 768px) {
  .about_us_page_bg_brock .image_brock_company_benefits .char_name {
    --div-w: 716.8;
    --div-h: 577.536;
    --div-left: 0;
    --div-top: 160;
  }
}

@media only screen and (max-width: 768px) {
  .about_us_page_bg_brock .image_brock_company_benefits .char_name {
    --def_max_vw: 768px;
    --cal_scale: calc(100vw/768);
    /*vw px*/
  }
}

@media only screen and (min-width: 769px) {
  .about_us_page_bg_brock .image_brock_company_benefits .char_name {
    background-image: url(../images/about/group_91.png);
  }
}

.about_us_page_bg_brock .image_brock_company_benefits .char_name h2 {
  display: inline-block;
  text-align: center;
  width: 100%;
  margin: 0;
  color: #FFFFFF;
}

@media only screen and (min-width: 769px) {
  .about_us_page_bg_brock .image_brock_company_benefits .char_name h2 {
    font-size: 1.375rem;
    font-weight: bold;
    line-height: 2.75rem;
  }
}

@media only screen and (max-width: 768px) {
  .about_us_page_bg_brock .image_brock_company_benefits .char_name h2 {
    white-space: nowrap;
  }
}

@media only screen and (min-width: 769px) {
  .about_us_page_bg_brock .image_brock_company_benefits .char_name .text_h2_mb {
    display: none;
  }
}

@media only screen and (max-width: 768px) {
  .about_us_page_bg_brock .image_brock_company_benefits .char_name .text_h2_pc {
    display: none;
  }
}

.about_us_page_bg_brock .text_l1_brock {
  display: flex;
  position: relative;
  /* 使得內部的 div 能夠相對於此 div 定位 */
  flex-direction: column;
  align-items: center;
  justify-content: center;
  z-index: 2;
  --div-w: 1349;
  --div-h: 700;
  --div-left: 0;
  --div-top: 0;
  /* 計算 */
  aspect-ratio: var(--div-w)/var(--div-h);
  --cal_scale: calc(min(100vw, var(--def_max_vw))/1440);
  /*vw px*/
  width: calc(var(--cal_scale) * var(--div-w));
  left: calc(var(--cal_scale) * var(--div-left));
  top: calc(var(--cal_scale) * var(--div-top));
}

@media only screen and (max-width: 768px) {
  .about_us_page_bg_brock .text_l1_brock {
    --div-w: 716.8;
    --div-h: 458.752;
    --div-left: 0;
    --div-top: 0;
  }
}

@media only screen and (max-width: 768px) {
  .about_us_page_bg_brock .text_l1_brock {
    --def_max_vw: 768px;
    --cal_scale: calc(100vw/768);
    /*vw px*/
  }
}

.about_us_page_bg_brock .text_l1_brock .text_brock {
  width: 64%;
  margin-left: 6%;
  margin-top: calc(var(--cal_scale) * 20);
  margin-bottom: calc(var(--cal_scale) * 20);
  display: flex;
  justify-content: center;
  align-items: flex-start;
  z-index: 2;
  flex-wrap: wrap;
  flex-direction: column;
}

@media only screen and (max-width: 768px) {
  .about_us_page_bg_brock .text_l1_brock .text_brock {
    width: 80%;
  }
}

.about_us_page_bg_brock .text_l1_brock .text_brock .short_divider {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  margin: 0;
  margin-top: calc(var(--cal_scale) * 150);
  margin-bottom: calc(var(--cal_scale) * 20);
  width: calc(var(--cal_scale) * 85);
  height: 2px;
  background: linear-gradient(90deg, #0054A5 28.88%, #37E2DC 92.98%);
}

@media only screen and (min-width: 769px) {
  .about_us_page_bg_brock .text_l1_brock .text_brock .short_divider {
    margin-bottom: calc(var(--cal_scale) * 40);
  }
}

@media only screen and (max-width: 768px) {
  .about_us_page_bg_brock .text_l1_brock .text_brock .short_divider {
    width: calc(var(--cal_scale) * 83.968);
    height: calc(var(--cal_scale) * 3.2);
    margin-bottom: calc(var(--cal_scale) * 60);
  }
}

.about_us_page_bg_brock .text_l1_brock .text_brock .short_divider h1 {
  position: absolute;
  margin: 0;
  margin-left: calc(var(--cal_scale) * 95);
  margin-top: calc(var(--cal_scale) * -17);
  color: #06AFC9;
  display: inline-block;
}

@media only screen and (min-width: 769px) {
  .about_us_page_bg_brock .text_l1_brock .text_brock .short_divider h1 {
    font-size: 1.75rem;
    font-weight: bold;
  }
}

@media only screen and (max-width: 768px) {
  .about_us_page_bg_brock .text_l1_brock .text_brock .short_divider h1 {
    margin-left: calc(var(--cal_scale) * 93.952);
    margin-top: calc(var(--cal_scale) * -30);
    font-size: 3.072rem;
  }
}

@media only screen and (min-width: 769px) {
  .about_us_page_bg_brock .text_l1_brock .text_brock .short_divider .text_h1_md {
    display: none;
  }
}

@media only screen and (max-width: 768px) {
  .about_us_page_bg_brock .text_l1_brock .text_brock .short_divider .text_h1_pc {
    display: none;
  }
}

.about_us_page_bg_brock .text_l1_brock .text_brock .add_top {
  padding-top: calc(var(--cal_scale) * 50);
}

.about_us_page_bg_brock .text_l1_brock .text_brock .add_bottom {
  padding-bottom: calc(var(--cal_scale) * 20);
}

.about_us_page_bg_brock .text_l1_brock .text_brock .short_divider_b_l {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  margin: 0;
  width: 183px;
  height: 2px;
  background: linear-gradient(90deg, #0054A5 7.02%, #2BC2D0 25.77%, #37E2DC 53.9%, rgba(55, 226, 220, 0) 83.58%);
}

@media only screen and (max-width: 768px) {
  .about_us_page_bg_brock .text_l1_brock .text_brock .short_divider_b_l {
    width: calc(var(--cal_scale) * 143.36);
    height: calc(var(--cal_scale) * 4.096);
  }
}

.about_us_page_bg_brock .text_l1_brock .text_brock div {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

.about_us_page_bg_brock .text_l1_brock .text_brock div .short_divider_b_r {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  margin: 0;
  width: 380px;
  height: 2px;
  background: linear-gradient(90deg, #0054A5 7.02%, #2BC2D0 25.77%, #37E2DC 53.9%, rgba(55, 226, 220, 0) 83.58%);
  transform: rotate(-180deg);
}

@media only screen and (max-width: 768px) {
  .about_us_page_bg_brock .text_l1_brock .text_brock div .short_divider_b_r {
    width: calc(var(--cal_scale) * 280.576);
    height: calc(var(--cal_scale) * 4.096);
  }
}

.about_us_page_bg_brock .text_l1_brock .text_brock .text {
  width: 100%;
  margin: 0;
  margin-top: calc(var(--cal_scale) * 10);
  margin-bottom: calc(var(--cal_scale) * 10);
  color: #06AFC9;
  display: inline-block;
}

.about_us_page_bg_brock .text_l1_brock .text_brock .text h1 {
  margin: 0;
  margin-left: -10%;
  color: #0054A5;
  display: inline-block;
}

@media only screen and (min-width: 769px) {
  .about_us_page_bg_brock .text_l1_brock .text_brock .text h1 {
    margin-top: calc(var(--cal_scale) * 20);
    margin-bottom: calc(var(--cal_scale) * 20);
    font-size: 2.125;
    font-weight: bold;
  }
}

@media only screen and (max-width: 768px) {
  .about_us_page_bg_brock .text_l1_brock .text_brock .text h1 {
    margin-left: 0;
    font-size: 2.5rem;
    font-weight: bold;
  }
}

.about_us_page_bg_brock .text_l1_brock .text_brock .text h2 {
  margin: 0;
  margin-left: calc(var(--cal_scale) * -50);
  margin-bottom: calc(var(--cal_scale) * 10);
  margin-top: calc(var(--cal_scale) * 20);
  color: #000000;
  display: inline-block;
}

@media only screen and (max-width: 768px) {
  .about_us_page_bg_brock .text_l1_brock .text_brock .text h2 {
    margin-left: 0;
    font-size: 2.5rem;
    font-weight: bold;
    color: #000;
  }
}

.about_us_page_bg_brock .text_l1_brock .text_brock .text h3 {
  margin: 0;
  margin-top: calc(var(--cal_scale) * 10);
  margin-bottom: calc(var(--cal_scale) * 50);
  color: #000000;
  display: inline-block;
  font-family: "Noto Sans TC", sans-serif;
  font-size: 1.25rem;
  line-height: 2.5rem;
  letter-spacing: 0.1875rem;
  font-weight: normal;
}

@media only screen and (max-width: 768px) {
  .about_us_page_bg_brock .text_l1_brock .text_brock .text h3 {
    font-size: 2rem;
    width: calc(35.7rem + var(--is-edge) * 2rem);
    line-height: 4.096rem;
    letter-spacing: 0.1rem;
    font-weight: normal;
    margin-top: calc(var(--cal_scale) * 50);
    margin-bottom: calc(var(--cal_scale) * 50);
  }

  .about_us_page_bg_brock .text_l1_brock .text_brock .text h3 .pc_txt {
    display: none;
  }
}

@media only screen and (max-width: 280px) {
  .about_us_page_bg_brock .text_l1_brock .text_brock .text h3 {
    width: 229.5px;
    line-height: 8.192rem;
    letter-spacing: 0.1rem;
  }

  .about_us_page_bg_brock .text_l1_brock .text_brock .text h3 .pc_txt {
    display: none;
  }
}

.about_us_page_bg_brock .text_l1_brock .text_brock .text .t_font_add_style_24p {
  font-size: 1.5rem;
  line-height: 2.1rem;
  letter-spacing: 0.125rem;
  font-weight: normal;
}

@media only screen and (max-width: 768px) {
  .about_us_page_bg_brock .text_l1_brock .text_brock .text .t_font_add_style_24p {
    font-family: "Noto Sans TC", sans-serif;
    font-size: 1.7rem;
    line-height: 3rem;
    letter-spacing: 0.1rem;
    font-weight: normal;
  }
}

.about_us_page_bg_brock .text_l1_brock .text_brock .text .t_color_wite {
  color: #FFFFFF;
}

.about_us_page_bg_brock .text_l1_brock .text_brock ui {
  list-style-type: disc;
  margin-top: calc(var(--cal_scale) * 10);
  margin-bottom: calc(var(--cal_scale) * 10);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

@media only screen and (min-width: 769px) {
  .about_us_page_bg_brock .text_l1_brock .text_brock ui {
    margin-top: calc(var(--cal_scale) * 50);
    margin-bottom: calc(var(--cal_scale) * 30);
  }
}

.about_us_page_bg_brock .text_l1_brock .text_brock ui li {
  margin: 0;
  font-size: 1.5rem;
  color: #000000;
}

@media only screen and (min-width: 769px) {
  .about_us_page_bg_brock .text_l1_brock .text_brock ui li {
    letter-spacing: 0.125rem;
  }

  .about_us_page_bg_brock .text_l1_brock .text_brock ui li .mb_br {
    display: none;
  }
}

@media only screen and (max-width: 768px) {
  .about_us_page_bg_brock .text_l1_brock .text_brock ui li {
    font-family: "Noto Sans TC", sans-serif;
    font-size: 1.7rem;
    line-height: 3rem;
    letter-spacing: 0.1rem;
    font-weight: normal;
    white-space: nowrap;
    height: 3rem;
  }
}

@media only screen and (max-width: 768px) {
  .about_us_page_bg_brock .text_l1_brock .text_brock ui .li_t2 {
    height: 6rem;
  }
}

@media only screen and (max-width: 768px) {
  .about_us_page_bg_brock .text_l1_brock .text_brock ui .li_t3 {
    height: 9rem;
  }
}

.about_us_page_bg_brock .text_l1_brock .text_brock .line {
  width: 100%;
  margin: 0;
  margin-top: calc(var(--cal_scale) * 30);
  margin-bottom: calc(var(--cal_scale) * 10);
  border: 1px solid #CECECE;
}

.about_us_page_bg_brock .text_l1_brock .text_brock h1 {
  display: inline-block;
  margin: 0;
}

@media only screen and (max-width: 768px) {
  .about_us_page_bg_brock .text_l1_brock .text_brock h1 {
    margin-left: 0;
    font-size: 2.56rem;
    font-weight: bold;
    color: #000;
  }
}

.about_us_page_bg_brock .text_l1_brock .text_brock h2 {
  margin: 0;
  margin-bottom: calc(var(--cal_scale) * 10);
  color: #06AFC9;
  display: inline-block;
}

.about_us_page_bg_brock .text_l1_brock .text_brock h3 {
  margin: 0;
  margin-bottom: calc(var(--cal_scale) * 10);
  color: #06AFC9;
  display: inline-block;
}

.about_us_page_bg_brock .text_l1_02_block {
  display: flex;
  position: relative;
  /* 使得內部的 div 能夠相對於此 div 定位 */
  flex-direction: column;
  align-items: center;
  justify-content: center;
  z-index: 2;
  --div-w: 1349;
  --div-h: 700;
  --div-left: 45.5;
  --div-top: 0;
  /* 計算 */
  aspect-ratio: var(--div-w)/var(--div-h);
  --cal_scale: calc(min(100vw, var(--def_max_vw))/1440);
  /*vw px*/
  width: calc(var(--cal_scale) * var(--div-w));
  left: calc(var(--cal_scale) * var(--div-left));
  top: calc(var(--cal_scale) * var(--div-top));
}

@media only screen and (max-width: 768px) {
  .about_us_page_bg_brock .text_l1_02_block {
    --div-w: 768;
    --div-h: 800;
    --div-left: 0;
    --div-top: 0;
    overflow: hidden;
  }
}

@media only screen and (max-width: 768px) {
  .about_us_page_bg_brock .text_l1_02_block {
    --def_max_vw: 768px;
    --cal_scale: calc(100vw/768);
    /*vw px*/
  }
}

.about_us_page_bg_brock .text_l1_02_block .block {
  width: 80%;
  margin-top: calc(var(--cal_scale) * 20);
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  z-index: 2;
}

@media only screen and (max-width: 768px) {
  .about_us_page_bg_brock .text_l1_02_block .block {
    width: 100%;
  }
}

.about_us_page_bg_brock .text_l1_02_block .block .text_brock {
  width: 60%;
  margin-top: calc(var(--cal_scale) * 100);
  margin-bottom: calc(var(--cal_scale) * 50);
  display: flex;
  justify-content: center;
  align-items: flex-start;
  z-index: 2;
  flex-wrap: wrap;
  flex-direction: column;
}

@media only screen and (max-width: 768px) {
  .about_us_page_bg_brock .text_l1_02_block .block .text_brock .short_divider {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-left: calc(var(--cal_scale) * 30);
    margin-top: calc(var(--cal_scale) * 50);
    margin-bottom: calc(var(--cal_scale) * 20);
    width: calc(var(--cal_scale) * 85);
    height: 2px;
    background: linear-gradient(90deg, #0054A5 28.88%, #37E2DC 92.98%);
  }

  .about_us_page_bg_brock .text_l1_02_block .block .text_brock .short_divider h4 {
    margin: 0;
    margin-left: calc(var(--cal_scale) * 95);
    color: #06AFC9;
    display: inline-block;
  }
}

.about_us_page_bg_brock .text_l1_02_block .block .text_brock h1 {
  display: inline-block;
  margin: 0;
  margin-top: calc(var(--cal_scale) * 10);
  margin-bottom: calc(var(--cal_scale) * 10);
  margin-left: calc(var(--cal_scale) * 25);
}

@media only screen and (max-width: 768px) {
  .about_us_page_bg_brock .text_l1_02_block .block .text_brock h1 {
    font-size: 4rem;
    font-weight: bold;
  }
}

.about_us_page_bg_brock .text_l1_02_block .block .text_brock h2 {
  margin: 0;
  margin-top: calc(var(--cal_scale) * 10);
  margin-bottom: calc(var(--cal_scale) * 10);
  color: #000000;
  display: inline-block;
}

.about_us_page_bg_brock .text_l1_02_block .block .text_brock h3 {
  margin: 0;
  margin-top: calc(var(--cal_scale) * 10);
  margin-bottom: calc(var(--cal_scale) * 10);
  font-size: 1.25rem;
  font-weight: 500;
  color: #000000;
  display: inline-block;
}

.about_us_page_bg_brock .text_l1_02_block .block .text_brock h4 {
  margin: 0;
  margin-top: calc(var(--cal_scale) * 10);
  margin-bottom: calc(var(--cal_scale) * 10);
  font-size: 1rem;
  color: #000000;
  display: inline-block;
}

.about_us_page_bg_brock .text_l1_02_block .block .text_brock .half_arrow {
  width: 100%;
  height: calc(var(--cal_scale) * 12);
  background-image: url(../images/common/half_arrow_s.png);
  background-repeat: no-repeat;
  background-size: contain;
  display: flex;
  flex-direction: row;
  align-items: center;
}

.about_us_page_bg_brock .text_l1_02_block .block .text_brock .half_arrow a {
  color: #0054A5;
  margin-left: calc(var(--cal_scale) * 45);
  line-height: 1.6;
  font-weight: 500;
}

.about_us_page_bg_brock .text_l1_02_block .block .text_brock .half_arrow_l {
  display: inline-block;
  width: calc(var(--cal_scale) * 73);
  height: calc(var(--cal_scale) * 20);
  margin-right: calc(var(--cal_scale) * 5);
  margin-left: calc(var(--cal_scale) * 5);
  background-image: url(../images/common/half_arrow_l.png);
  background-repeat: no-repeat;
  background-size: contain;
  display: flex;
  flex-direction: row;
  align-items: center;
}

.about_us_page_bg_brock .text_l1_02_block .block .text_brock .half_arrow_l:hover {
  background-image: url(../images/common/half_arrow_l_h.png);
}

.about_us_page_bg_brock .text_l1_02_block .block .text_brock .half_arrow_add_mirror {
  -moz-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  transform: scaleX(-1);
}

.about_us_page_bg_brock .text_l1_02_block .block .text_brock .half_arrow_add_top_120 {
  margin-top: calc(var(--cal_scale) * 120);
}

.about_us_page_bg_brock .text_l1_02_block .block .text_brock_add_w_3 {
  width: 30%;
}

.about_us_page_bg_brock .text_l1_02_block .block .text_brock_add_half_arrow_style {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-top: 19%;
  width: 30%;
}

@media only screen and (max-width: 768px) {
  .about_us_page_bg_brock .text_l1_02_block .block .text_brock_add_half_arrow_style {
    margin-top: 28%;
  }
}

.about_us_page_bg_brock .text_l1_02_block .activity_photos_block {
  display: flex;
  position: relative;
  /* 使得內部的 div 能夠相對於此 div 定位 */
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  z-index: 2;
  --div-w: 1212;
  --div-h: 400;
  --div-left: 68;
  --div-top: 0;
  /* 計算 */
  aspect-ratio: var(--div-w)/var(--div-h);
  --cal_scale: calc(min(100vw, var(--def_max_vw))/1440);
  /*vw px*/
  width: calc(var(--cal_scale) * var(--div-w));
  left: calc(var(--cal_scale) * var(--div-left));
  top: calc(var(--cal_scale) * var(--div-top));
  overflow: hidden;
}

@media only screen and (max-width: 768px) {
  .about_us_page_bg_brock .text_l1_02_block .activity_photos_block {
    --div-w: 768;
    --div-h: 500;
    --div-left: 30;
    --div-top: 0;
  }
}

@media only screen and (max-width: 768px) {
  .about_us_page_bg_brock .text_l1_02_block .activity_photos_block {
    --def_max_vw: 768px;
    --cal_scale: calc(100vw/768);
    /*vw px*/
  }
}

.about_us_page_bg_brock .text_l1_02_block .activity_photos_block div {
  display: flex;
  position: relative;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  --div-left: calc(var(--image-slide-positioning) * (-344.5) + var(--image-slide-max-left) * (267));
  --cal_scale: calc(min(100vw, var(--def_max_vw))/1440);
  /*vw px*/
  left: calc(var(--cal_scale) * var(--div-left));
}

@media only screen and (max-width: 768px) {
  .about_us_page_bg_brock .text_l1_02_block .activity_photos_block div {
    --def_max_vw: 768px;
    --cal_scale: calc(100vw/768);
    --div-left: calc(var(--image-slide-positioning) * (-277.4) + var(--image-slide-max-left) * (97));
    /*vw px*/
  }
}

.about_us_page_bg_brock .text_l1_02_block .activity_photos_block div .item_block {
  display: inline-block;
  z-index: 2;
  --div-w: 679;
  --div-h: 377;
  --div-left: 0;
  --div-top: 0;
  /* 計算 */
  aspect-ratio: var(--div-w)/var(--div-h);
  --cal_scale: calc(min(100vw, var(--def_max_vw))/1440);
  /*vw px*/
  width: calc(var(--cal_scale) * var(--div-w));
  left: calc(var(--cal_scale) * var(--div-left));
  top: calc(var(--cal_scale) * var(--div-top));
  margin-right: calc(var(--cal_scale) * 10);
}

@media only screen and (max-width: 768px) {
  .about_us_page_bg_brock .text_l1_02_block .activity_photos_block div .item_block {
    --div-w: 544.8;
    --div-h: 409.6;
    --div-left: 0;
    --div-top: 0;
  }

  .about_us_page_bg_brock .text_l1_02_block .activity_photos_block div .item_block .pc_img {
    display: none;
  }
}

@media only screen and (min-width: 769px) {
  .about_us_page_bg_brock .text_l1_02_block .activity_photos_block div .item_block .mb_img {
    display: none;
  }
}

@media only screen and (max-width: 768px) {
  .about_us_page_bg_brock .text_l1_02_block .activity_photos_block div .item_block {
    --def_max_vw: 768px;
    --cal_scale: calc(100vw/768);
    /*vw px*/
  }
}

.about_us_page_bg_brock .text_l1_02_block .activity_photos_block div .item_block div {
  display: flex;
  position: relative;
  /* 使得內部的 div 能夠相對於此 div 定位 */
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  z-index: 2;
}

.about_us_page_bg_brock .text_l1_02_block .activity_photos_block div .item_block div img {
  --div-w: 679;
  --div-h: 377;
  --div-left: 91;
  --div-top: 0;
  /* 計算 */
  aspect-ratio: var(--div-w)/var(--div-h);
  --cal_scale: calc(min(100vw, var(--def_max_vw))/1440);
  /*vw px*/
  width: calc(var(--cal_scale) * var(--div-w));
  left: calc(var(--cal_scale) * var(--div-left));
  top: calc(var(--cal_scale) * var(--div-top));
}

@media only screen and (max-width: 768px) {
  .about_us_page_bg_brock .text_l1_02_block .activity_photos_block div .item_block div img {
    --div-w: 544.768;
    --div-h: 409.6;
    --div-left: 0;
    --div-top: 0;
  }
}

@media only screen and (max-width: 768px) {
  .about_us_page_bg_brock .text_l1_02_block .activity_photos_block div .item_block div img {
    --def_max_vw: 768px;
    --cal_scale: calc(100vw/768);
    /*vw px*/
  }
}

.about_us_page_bg_brock .text_l1_02_block .activity_photos_block div .item_block div h3 {
  margin: 0;
  font-size: 1.25rem;
  color: #0054A5;
  display: inline-block;
  white-space: nowrap;
}

@media only screen and (max-width: 768px) {
  .about_us_page_bg_brock .text_l1_02_block .activity_photos_block div .item_block div h3 {
    font-size: 2.3rem;
    letter-spacing: 0.1rem;
    font-weight: 500;
  }
}

.about_us_page_bg_brock .text_l1_02_block .activity_photos_block div .item_block div h4 {
  margin: 0;
  font-size: 0.75rem;
  color: #000000;
  display: inline-block;
}

.contact_us_page_bg_brock {
  --div-w: 1440;
  --div-h: 1600;
  --div-left: 0;
  --div-top: 0;
  display: flex;
  position: relative;
  /* 使得內部的 div 能夠相對於此 div 定位 */
  /* 計算 */
  aspect-ratio: var(--div-w)/var(--div-h);
  --cal_scale: calc(min(100vw, var(--def_max_vw))/1440);
  /*vw px*/
  width: calc(var(--cal_scale) * var(--div-w));
  left: calc(var(--cal_scale) * var(--div-left));
  top: calc(var(--cal_scale) * var(--div-top));
  margin-top: calc(var(--cal_scale) * 30);
  align-items: center;
  flex-direction: column;
}

@media only screen and (max-width: 768px) {
  .contact_us_page_bg_brock {
    --div-w: 768;
    --div-h: 4200;
  }
}

@media only screen and (max-width: 768px) {
  .contact_us_page_bg_brock {
    --def_max_vw: 768px;
    --cal_scale: calc(100vw/768);
    /*vw px*/
  }
}

.contact_us_page_bg_brock .contact_us_page_bg_1 {
  --div-w: 1349;
  --div-h: 350;
  --div-left: 91;
  --div-top: 0;
  /* 計算 */
  aspect-ratio: var(--div-w)/var(--div-h);
  --cal_scale: calc(min(100vw, var(--def_max_vw))/1440);
  /*vw px*/
  width: calc(var(--cal_scale) * var(--div-w));
  left: calc(var(--cal_scale) * var(--div-left));
  top: calc(var(--cal_scale) * var(--div-top));
  position: absolute;
  background-repeat: no-repeat;
  background-size: contain;
  background: #FFFFFF;
  clip-path: polygon(calc(var(--cal_scale) * 80) 0%, 100% 0, 100% 100%, 0 100%, 0% calc(var(--cal_scale) * 100));
}

@media only screen and (max-width: 768px) {
  .contact_us_page_bg_brock .contact_us_page_bg_1 {
    --div-top: 0;
    --div-left: 51;
    --div-w: 717;
    --div-h: 350;
  }
}

@media only screen and (max-width: 768px) {
  .contact_us_page_bg_brock .contact_us_page_bg_1 {
    --def_max_vw: 768px;
    --cal_scale: calc(100vw/768);
    /*vw px*/
  }
}

.contact_us_page_bg_brock .contact_us_page_bg_2 {
  --div-w: 1349;
  --div-h: 1200;
  --div-left: 91;
  --div-top: 300;
  /* 計算 */
  aspect-ratio: var(--div-w)/var(--div-h);
  --cal_scale: calc(min(100vw, var(--def_max_vw))/1440);
  /*vw px*/
  width: calc(var(--cal_scale) * var(--div-w));
  left: calc(var(--cal_scale) * var(--div-left));
  top: calc(var(--cal_scale) * var(--div-top));
  position: absolute;
  background-repeat: no-repeat;
  background-size: contain;
  background: #FFFFFF;
  clip-path: polygon(0 0, 100% 0, 100% 100%, calc(var(--cal_scale) * 80) 100%, 0 calc(100% - var(--cal_scale) * 80));
}

@media only screen and (max-width: 768px) {
  .contact_us_page_bg_brock .contact_us_page_bg_2 {
    --div-top: 300;
    --div-left: 51;
    --div-w: 717;
    --div-h: 3800;
  }
}

@media only screen and (max-width: 768px) {
  .contact_us_page_bg_brock .contact_us_page_bg_2 {
    --def_max_vw: 768px;
    --cal_scale: calc(100vw/768);
    /*vw px*/
  }
}

.contact_us_page_bg_brock .text_title_brock {
  width: 50%;
  margin-top: calc(var(--cal_scale) * 100);
  margin-bottom: calc(var(--cal_scale) * 50);
  display: flex;
  justify-content: center;
  align-items: flex-start;
  z-index: 2;
  flex-wrap: wrap;
  flex-direction: column;
}

@media only screen and (max-width: 768px) {
  .contact_us_page_bg_brock .text_title_brock {
    width: 74%;
    margin-bottom: calc(var(--cal_scale) * 10);
  }
}

.contact_us_page_bg_brock .text_title_brock h1 {
  margin: 0;
  color: #0054A5;
  display: inline-block;
}

.contact_us_page_bg_brock .text_title_brock .short_divider {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin: 0;
  margin-top: calc(var(--cal_scale) * 30);
  margin-bottom: calc(var(--cal_scale) * 20);
  width: calc(var(--cal_scale) * 85);
  height: 2px;
  background: linear-gradient(90deg, #0054A5 28.88%, #37E2DC 92.98%);
}

@media only screen and (max-width: 768px) {
  .contact_us_page_bg_brock .text_title_brock .short_divider {
    margin-top: calc(var(--cal_scale) * 5);
  }
}

@media only screen and (max-width: 768px) {
  .contact_us_page_bg_brock .contact_pc {
    display: none;
  }
}

.contact_us_page_bg_brock .contact_pc .text_l1_brock {
  display: flex;
  position: relative;
  /* 使得內部的 div 能夠相對於此 div 定位 */
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  z-index: 2;
  --div-w: 1349;
  --div-h: 700;
  --div-left: 45.5;
  --div-top: 0;
  /* 計算 */
  aspect-ratio: var(--div-w)/var(--div-h);
  --cal_scale: calc(min(100vw, var(--def_max_vw))/1440);
  /*vw px*/
  width: calc(var(--cal_scale) * var(--div-w));
  left: calc(var(--cal_scale) * var(--div-left));
  top: calc(var(--cal_scale) * var(--div-top));
}

@media only screen and (max-width: 768px) {
  .contact_us_page_bg_brock .contact_pc .text_l1_brock {
    --def_max_vw: 768px;
    --cal_scale: calc(100vw/768);
    /*vw px*/
  }
}

.contact_us_page_bg_brock .contact_pc .text_l1_brock .text_row_brock {
  width: 80%;
  margin-left: 10%;
  margin-top: calc(var(--cal_scale) * 20);
  margin-bottom: calc(var(--cal_scale) * 20);
  z-index: 2;
}

.contact_us_page_bg_brock .contact_pc .text_l1_brock .text_row_brock .line {
  width: 100%;
  margin: 0;
  margin-top: calc(var(--cal_scale) * 20);
  margin-bottom: calc(var(--cal_scale) * 20);
  border: 1px solid #CECECE;
}

.contact_us_page_bg_brock .contact_pc .text_l1_brock .text_row_brock h2 {
  margin: 0;
  font-size: 1.5rem;
  color: #06AFC9;
  display: inline-block;
}

.contact_us_page_bg_brock .contact_pc .text_l1_brock .text_row_brock h3 {
  margin: 0;
  font-size: 1.25rem;
  color: #000000;
  display: inline-block;
}

.contact_us_page_bg_brock .contact_pc .text_l1_brock .text_row_brock .flex_vertical_center {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

@media only screen and (min-width: 769px) {
  .contact_us_page_bg_brock .contact_mb {
    display: none;
  }
}

.contact_us_page_bg_brock .contact_mb .text_l1_brock {
  display: flex;
  position: relative;
  /* 使得內部的 div 能夠相對於此 div 定位 */
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  z-index: 2;
  --div-top: 0;
  --div-left: 25;
  --div-w: 717;
  --div-h: 700;
  /* 計算 */
  aspect-ratio: var(--div-w)/var(--div-h);
  --cal_scale: calc(min(100vw, var(--def_max_vw))/1440);
  /*vw px*/
  width: calc(var(--cal_scale) * var(--div-w));
  left: calc(var(--cal_scale) * var(--div-left));
  top: calc(var(--cal_scale) * var(--div-top));
}

@media only screen and (max-width: 768px) {
  .contact_us_page_bg_brock .contact_mb .text_l1_brock {
    --def_max_vw: 768px;
    --cal_scale: calc(100vw/768);
    /*vw px*/
  }
}

.contact_us_page_bg_brock .contact_mb .text_l1_brock .text_row_brock {
  margin-top: calc(var(--cal_scale) * 20);
  margin-bottom: calc(var(--cal_scale) * 20);
  z-index: 2;
  width: 85%;
  margin-left: 0;
}

.contact_us_page_bg_brock .contact_mb .text_l1_brock .text_row_brock .line {
  width: 85%;
  margin: 0;
  margin-left: 2.5%;
  margin-top: calc(var(--cal_scale) * 5);
  margin-bottom: calc(var(--cal_scale) * 20);
  border: 1px solid #CECECE;
}

.contact_us_page_bg_brock .contact_mb .text_l1_brock .text_row_brock h2 {
  margin: 0;
  font-size: 2.304rem;
  color: #06AFC9;
  display: inline-block;
  font-weight: bold;
}

.contact_us_page_bg_brock .contact_mb .text_l1_brock .text_row_brock h3 {
  margin: 0;
  font-size: 2.048rem;
  color: #000000;
  display: inline-block;
  font-weight: bold;
  margin-left: calc(var(--cal_scale) * 20);
}

.contact_us_page_bg_brock .contact_mb .text_l1_brock .text_row_brock h4 {
  font-size: 1.47456rem;
  display: inline-block;
  margin-left: calc(var(--cal_scale) * 30);
}

.contact_us_page_bg_brock .contact_mb .text_l1_brock .text_row_brock .flex_vertical_center {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.privacy_statement_page_bg_brock {
  --div-w: 1440;
  --div-h: 12300;
  --div-left: 0;
  --div-top: 0;
  display: flex;
  position: relative;
  /* 使得內部的 div 能夠相對於此 div 定位 */
  /* 計算 */
  aspect-ratio: var(--div-w)/var(--div-h);
  --cal_scale: calc(min(100vw, var(--def_max_vw))/1440);
  /*vw px*/
  width: calc(var(--cal_scale) * var(--div-w));
  left: calc(var(--cal_scale) * var(--div-left));
  top: calc(var(--cal_scale) * var(--div-top));
  margin-top: calc(var(--cal_scale) * 30);
  align-items: center;
  flex-direction: column;
}

@media only screen and (max-width: 768px) {
  .privacy_statement_page_bg_brock {
    --div-w: 768;
    --div-h: 14050;
  }
}

@media only screen and (max-width: 768px) {
  .privacy_statement_page_bg_brock {
    --def_max_vw: 768px;
    --cal_scale: calc(100vw/768);
    /*vw px*/
  }
}

.privacy_statement_page_bg_brock .privacy_statement_page_bg_1 {
  --div-w: 1349;
  --div-h: 350;
  --div-left: 91;
  --div-top: 0;
  /* 計算 */
  aspect-ratio: var(--div-w)/var(--div-h);
  --cal_scale: calc(min(100vw, var(--def_max_vw))/1440);
  /*vw px*/
  width: calc(var(--cal_scale) * var(--div-w));
  left: calc(var(--cal_scale) * var(--div-left));
  top: calc(var(--cal_scale) * var(--div-top));
  position: absolute;
  background-repeat: no-repeat;
  background-size: contain;
  background: #FFFFFF;
  clip-path: polygon(calc(var(--cal_scale) * 80) 0%, 100% 0, 100% 100%, 0 100%, 0% calc(var(--cal_scale) * 100));
}

@media only screen and (max-width: 768px) {
  .privacy_statement_page_bg_brock .privacy_statement_page_bg_1 {
    --div-top: 0;
    --div-left: 51;
    --div-w: 717;
    --div-h: 350;
  }
}

@media only screen and (max-width: 768px) {
  .privacy_statement_page_bg_brock .privacy_statement_page_bg_1 {
    --def_max_vw: 768px;
    --cal_scale: calc(100vw/768);
    /*vw px*/
  }
}

.privacy_statement_page_bg_brock .privacy_statement_page_bg_2 {
  --div-w: 1349;
  --div-h: 11700;
  --div-left: 91;
  --div-top: 300;
  /* 計算 */
  aspect-ratio: var(--div-w)/var(--div-h);
  --cal_scale: calc(min(100vw, var(--def_max_vw))/1440);
  /*vw px*/
  width: calc(var(--cal_scale) * var(--div-w));
  left: calc(var(--cal_scale) * var(--div-left));
  top: calc(var(--cal_scale) * var(--div-top));
  position: absolute;
  background-repeat: no-repeat;
  background-size: contain;
  background: #FFFFFF;
  clip-path: polygon(0 0, 100% 0, 100% 100%, calc(var(--cal_scale) * 80) 100%, 0 calc(100% - var(--cal_scale) * 80));
}

@media only screen and (max-width: 768px) {
  .privacy_statement_page_bg_brock .privacy_statement_page_bg_2 {
    --div-top: 300;
    --div-left: 51;
    --div-w: 717;
    --div-h: 13600;
  }
}

@media only screen and (max-width: 768px) {
  .privacy_statement_page_bg_brock .privacy_statement_page_bg_2 {
    --def_max_vw: 768px;
    --cal_scale: calc(100vw/768);
    /*vw px*/
  }
}

.privacy_statement_page_bg_brock .text_title_brock {
  width: 50%;
  margin-top: calc(var(--cal_scale) * 100);
  margin-bottom: calc(var(--cal_scale) * 50);
  display: flex;
  justify-content: center;
  align-items: flex-start;
  z-index: 2;
  flex-wrap: wrap;
  flex-direction: column;
}

@media only screen and (max-width: 768px) {
  .privacy_statement_page_bg_brock .text_title_brock {
    width: 80%;
    margin-bottom: calc(var(--cal_scale) * 10);
  }
}

.privacy_statement_page_bg_brock .text_title_brock h1 {
  margin: 0;
  color: #0054A5;
  display: inline-block;
}

.privacy_statement_page_bg_brock .text_title_brock .short_divider {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin: 0;
  margin-top: calc(var(--cal_scale) * 30);
  margin-bottom: calc(var(--cal_scale) * 20);
  width: calc(var(--cal_scale) * 85);
  height: 2px;
  background: linear-gradient(90deg, #0054A5 28.88%, #37E2DC 92.98%);
}

.privacy_statement_page_bg_brock .text_l1_brock {
  display: flex;
  position: relative;
  /* 使得內部的 div 能夠相對於此 div 定位 */
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  z-index: 2;
  --div-w: 1349;
  --div-h: 700;
  --div-left: 45.5;
  --div-top: 0;
  /* 計算 */
  aspect-ratio: var(--div-w)/var(--div-h);
  --cal_scale: calc(min(100vw, var(--def_max_vw))/1440);
  /*vw px*/
  width: calc(var(--cal_scale) * var(--div-w));
  left: calc(var(--cal_scale) * var(--div-left));
  top: calc(var(--cal_scale) * var(--div-top));
}

@media only screen and (max-width: 768px) {
  .privacy_statement_page_bg_brock .text_l1_brock {
    --div-top: 0;
    --div-left: 25;
    --div-w: 717;
    --div-h: 700;
  }
}

@media only screen and (max-width: 768px) {
  .privacy_statement_page_bg_brock .text_l1_brock {
    --def_max_vw: 768px;
    --cal_scale: calc(100vw/768);
    /*vw px*/
  }
}

.privacy_statement_page_bg_brock .text_l1_brock .text_brock {
  width: 60%;
  margin-left: 10%;
  margin-top: calc(var(--cal_scale) * 20);
  margin-bottom: calc(var(--cal_scale) * 20);
  display: flex;
  justify-content: center;
  align-items: flex-start;
  z-index: 2;
  flex-wrap: wrap;
  flex-direction: column;
}

@media only screen and (max-width: 768px) {
  .privacy_statement_page_bg_brock .text_l1_brock .text_brock {
    width: 90%;
    margin-left: 0;
  }
}

.privacy_statement_page_bg_brock .text_l1_brock .text_brock .short_divider {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  margin: 0;
  margin-top: calc(var(--cal_scale) * 150);
  margin-bottom: calc(var(--cal_scale) * 20);
  width: calc(var(--cal_scale) * 85);
  height: 2px;
  background: linear-gradient(90deg, #0054A5 28.88%, #37E2DC 92.98%);
}

.privacy_statement_page_bg_brock .text_l1_brock .text_brock .short_divider h1 {
  position: absolute;
  margin: 0;
  margin-left: calc(var(--cal_scale) * 95);
  margin-top: calc(var(--cal_scale) * -25);
  color: #0054A5;
  display: inline-block;
}

.privacy_statement_page_bg_brock .text_l1_brock .text_brock .add_top {
  padding-top: calc(var(--cal_scale) * 50);
}

.privacy_statement_page_bg_brock .text_l1_brock .text_brock .add_bottom {
  padding-bottom: calc(var(--cal_scale) * 20);
}

.privacy_statement_page_bg_brock .text_l1_brock .text_brock .add_text_left {
  padding-left: calc(var(--cal_scale) * 60);
}

.privacy_statement_page_bg_brock .text_l1_brock .text_brock .add_text_left_2 {
  padding-left: calc(var(--cal_scale) * 100);
}

.privacy_statement_page_bg_brock .text_l1_brock .text_brock .add_text_left_3 {
  padding-left: calc(var(--cal_scale) * 140);
}

.privacy_statement_page_bg_brock .text_l1_brock .text_brock .short_divider_b_l {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  margin: 0;
  width: calc(var(--cal_scale) * 183);
  height: 2px;
  background: linear-gradient(90deg, #0054A5 7.02%, #2BC2D0 25.77%, #37E2DC 53.9%, rgba(55, 226, 220, 0) 83.58%);
}

.privacy_statement_page_bg_brock .text_l1_brock .text_brock div {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

.privacy_statement_page_bg_brock .text_l1_brock .text_brock div .short_divider_b_r {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  margin: 0;
  width: calc(var(--cal_scale) * 380);
  height: 2px;
  background: linear-gradient(90deg, #0054A5 7.02%, #2BC2D0 25.77%, #37E2DC 53.9%, rgba(55, 226, 220, 0) 83.58%);
  transform: rotate(-180deg);
}

.privacy_statement_page_bg_brock .text_l1_brock .text_brock .text {
  width: 100%;
  margin: 0;
  margin-top: calc(var(--cal_scale) * 10);
  margin-bottom: calc(var(--cal_scale) * 10);
  color: #06AFC9;
  display: inline-block;
}

.privacy_statement_page_bg_brock .text_l1_brock .text_brock .text h1 {
  margin: 0;
  margin-bottom: calc(var(--cal_scale) * 20);
  color: #0054A5;
  display: inline-block;
}

.privacy_statement_page_bg_brock .text_l1_brock .text_brock .text h2 {
  margin: 0;
  margin-left: calc(var(--cal_scale) * -50);
  margin-bottom: calc(var(--cal_scale) * 10);
  margin-top: calc(var(--cal_scale) * 20);
  color: #000000;
  display: inline-block;
}

.privacy_statement_page_bg_brock .text_l1_brock .text_brock .text h3 {
  margin: 0;
  margin-top: calc(var(--cal_scale) * 10);
  margin-bottom: calc(var(--cal_scale) * 30);
  font-size: 1.25rem;
  color: #000000;
  display: block;
}

.privacy_statement_page_bg_brock .text_l1_brock .text_brock .text .t_color_wite {
  color: #FFFFFF;
}

.privacy_statement_page_bg_brock .text_l1_brock .text_brock .text .add_margin-bottom_0 {
  margin-bottom: 0;
}

.privacy_statement_page_bg_brock .text_l1_brock .text_brock .text .add_margin-top_0 {
  margin-top: 0;
}

.privacy_statement_page_bg_brock .text_l1_brock .text_brock ui {
  list-style-type: disc;
  margin-top: calc(var(--cal_scale) * 10);
  margin-bottom: calc(var(--cal_scale) * 10);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.privacy_statement_page_bg_brock .text_l1_brock .text_brock ui li {
  margin: 0;
  font-size: 1.5rem;
  color: #000000;
}

.privacy_statement_page_bg_brock .text_l1_brock .text_brock .line {
  width: 100%;
  margin: 0;
  margin-top: calc(var(--cal_scale) * 30);
  margin-bottom: calc(var(--cal_scale) * 10);
  border: 1px solid #CECECE;
}

.privacy_statement_page_bg_brock .text_l1_brock .text_brock h1 {
  display: inline-block;
  margin: 0;
}

.privacy_statement_page_bg_brock .text_l1_brock .text_brock h2 {
  margin: 0;
  margin-bottom: calc(var(--cal_scale) * 10);
  color: #06AFC9;
  display: inline-block;
}

.privacy_statement_page_bg_brock .text_l1_brock .text_brock h3 {
  margin: 0;
  margin-bottom: calc(var(--cal_scale) * 10);
  color: #06AFC9;
  display: inline-block;
}

.copyright_statement_page_bg_brock {
  --div-w: 1440;
  --div-h: 1700;
  --div-left: 0;
  --div-top: 0;
  display: flex;
  position: relative;
  /* 使得內部的 div 能夠相對於此 div 定位 */
  /* 計算 */
  aspect-ratio: var(--div-w)/var(--div-h);
  --cal_scale: calc(min(100vw, var(--def_max_vw))/1440);
  /*vw px*/
  width: calc(var(--cal_scale) * var(--div-w));
  left: calc(var(--cal_scale) * var(--div-left));
  top: calc(var(--cal_scale) * var(--div-top));
  margin-top: calc(var(--cal_scale) * 30);
  align-items: center;
  flex-direction: column;
}

@media only screen and (max-width: 768px) {
  .copyright_statement_page_bg_brock {
    --div-w: 768;
  }
}

@media only screen and (max-width: 768px) {
  .copyright_statement_page_bg_brock {
    --def_max_vw: 768px;
    --cal_scale: calc(100vw/768);
    /*vw px*/
  }
}

.copyright_statement_page_bg_brock .copyright_statement_page_bg_1 {
  --div-w: 1349;
  --div-h: 350;
  --div-left: 91;
  --div-top: 0;
  /* 計算 */
  aspect-ratio: var(--div-w)/var(--div-h);
  --cal_scale: calc(min(100vw, var(--def_max_vw))/1440);
  /*vw px*/
  width: calc(var(--cal_scale) * var(--div-w));
  left: calc(var(--cal_scale) * var(--div-left));
  top: calc(var(--cal_scale) * var(--div-top));
  position: absolute;
  background-repeat: no-repeat;
  background-size: contain;
  background: #FFFFFF;
  clip-path: polygon(calc(var(--cal_scale) * 80) 0%, 100% 0, 100% 100%, 0 100%, 0% calc(var(--cal_scale) * 100));
}

@media only screen and (max-width: 768px) {
  .copyright_statement_page_bg_brock .copyright_statement_page_bg_1 {
    --div-top: 0;
    --div-left: 51;
    --div-w: 717;
    --div-h: 350;
  }
}

@media only screen and (max-width: 768px) {
  .copyright_statement_page_bg_brock .copyright_statement_page_bg_1 {
    --def_max_vw: 768px;
    --cal_scale: calc(100vw/768);
    /*vw px*/
  }
}

.copyright_statement_page_bg_brock .copyright_statement_page_bg_2 {
  --div-w: 1349;
  --div-h: 1200;
  --div-left: 91;
  --div-top: 300;
  /* 計算 */
  aspect-ratio: var(--div-w)/var(--div-h);
  --cal_scale: calc(min(100vw, var(--def_max_vw))/1440);
  /*vw px*/
  width: calc(var(--cal_scale) * var(--div-w));
  left: calc(var(--cal_scale) * var(--div-left));
  top: calc(var(--cal_scale) * var(--div-top));
  position: absolute;
  background-repeat: no-repeat;
  background-size: contain;
  background: #FFFFFF;
  clip-path: polygon(0 0, 100% 0, 100% 100%, calc(var(--cal_scale) * 80) 100%, 0 calc(100% - var(--cal_scale) * 80));
}

@media only screen and (max-width: 768px) {
  .copyright_statement_page_bg_brock .copyright_statement_page_bg_2 {
    --div-top: 300;
    --div-left: 51;
    --div-w: 717;
    --div-h: 1300;
  }
}

@media only screen and (max-width: 768px) {
  .copyright_statement_page_bg_brock .copyright_statement_page_bg_2 {
    --def_max_vw: 768px;
    --cal_scale: calc(100vw/768);
    /*vw px*/
  }
}

.copyright_statement_page_bg_brock .text_title_brock {
  width: 50%;
  margin-top: calc(var(--cal_scale) * 100);
  margin-bottom: calc(var(--cal_scale) * 50);
  display: flex;
  justify-content: center;
  align-items: flex-start;
  z-index: 2;
  flex-wrap: wrap;
  flex-direction: column;
}

@media only screen and (max-width: 768px) {
  .copyright_statement_page_bg_brock .text_title_brock {
    width: 80%;
    margin-bottom: calc(var(--cal_scale) * 10);
  }
}

.copyright_statement_page_bg_brock .text_title_brock h1 {
  margin: 0;
  color: #0054A5;
  display: inline-block;
}

.copyright_statement_page_bg_brock .text_title_brock .short_divider {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin: 0;
  margin-top: calc(var(--cal_scale) * 30);
  margin-bottom: calc(var(--cal_scale) * 20);
  width: calc(var(--cal_scale) * 85);
  height: 2px;
  background: linear-gradient(90deg, #0054A5 28.88%, #37E2DC 92.98%);
}

.copyright_statement_page_bg_brock .text_l1_brock {
  display: flex;
  position: relative;
  /* 使得內部的 div 能夠相對於此 div 定位 */
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  z-index: 2;
  --div-w: 1349;
  --div-h: 700;
  --div-left: 45.5;
  --div-top: 0;
  /* 計算 */
  aspect-ratio: var(--div-w)/var(--div-h);
  --cal_scale: calc(min(100vw, var(--def_max_vw))/1440);
  /*vw px*/
  width: calc(var(--cal_scale) * var(--div-w));
  left: calc(var(--cal_scale) * var(--div-left));
  top: calc(var(--cal_scale) * var(--div-top));
}

@media only screen and (max-width: 768px) {
  .copyright_statement_page_bg_brock .text_l1_brock {
    --div-top: 0;
    --div-left: 25;
    --div-w: 717;
    --div-h: 700;
  }
}

@media only screen and (max-width: 768px) {
  .copyright_statement_page_bg_brock .text_l1_brock {
    --def_max_vw: 768px;
    --cal_scale: calc(100vw/768);
    /*vw px*/
  }
}

.copyright_statement_page_bg_brock .text_l1_brock .text_brock {
  width: 60%;
  margin-left: 10%;
  margin-top: calc(var(--cal_scale) * 20);
  margin-bottom: calc(var(--cal_scale) * 20);
  display: flex;
  justify-content: center;
  align-items: flex-start;
  z-index: 2;
  flex-wrap: wrap;
  flex-direction: column;
}

@media only screen and (max-width: 768px) {
  .copyright_statement_page_bg_brock .text_l1_brock .text_brock {
    width: 90%;
    margin-left: 0;
  }
}

.copyright_statement_page_bg_brock .text_l1_brock .text_brock .short_divider {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  margin: 0;
  margin-top: calc(var(--cal_scale) * 150);
  margin-bottom: calc(var(--cal_scale) * 20);
  width: calc(var(--cal_scale) * 85);
  height: 2px;
  background: linear-gradient(90deg, #0054A5 28.88%, #37E2DC 92.98%);
}

.copyright_statement_page_bg_brock .text_l1_brock .text_brock .short_divider h1 {
  position: absolute;
  margin: 0;
  margin-left: calc(var(--cal_scale) * 95);
  margin-top: calc(var(--cal_scale) * -25);
  color: #0054A5;
  display: inline-block;
}

.copyright_statement_page_bg_brock .text_l1_brock .text_brock .add_top {
  padding-top: calc(var(--cal_scale) * 50);
}

.copyright_statement_page_bg_brock .text_l1_brock .text_brock .add_bottom {
  padding-bottom: calc(var(--cal_scale) * 20);
}

.copyright_statement_page_bg_brock .text_l1_brock .text_brock .add_text_left {
  padding-left: calc(var(--cal_scale) * 60);
}

.copyright_statement_page_bg_brock .text_l1_brock .text_brock .add_text_left_2 {
  padding-left: calc(var(--cal_scale) * 100);
}

.copyright_statement_page_bg_brock .text_l1_brock .text_brock .add_text_left_3 {
  padding-left: calc(var(--cal_scale) * 140);
}

.copyright_statement_page_bg_brock .text_l1_brock .text_brock .short_divider_b_l {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  margin: 0;
  width: calc(var(--cal_scale) * 183);
  height: 2px;
  background: linear-gradient(90deg, #0054A5 7.02%, #2BC2D0 25.77%, #37E2DC 53.9%, rgba(55, 226, 220, 0) 83.58%);
}

.copyright_statement_page_bg_brock .text_l1_brock .text_brock div {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

.copyright_statement_page_bg_brock .text_l1_brock .text_brock div .short_divider_b_r {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  margin: 0;
  width: calc(var(--cal_scale) * 380);
  height: 2px;
  background: linear-gradient(90deg, #0054A5 7.02%, #2BC2D0 25.77%, #37E2DC 53.9%, rgba(55, 226, 220, 0) 83.58%);
  transform: rotate(-180deg);
}

.copyright_statement_page_bg_brock .text_l1_brock .text_brock .text {
  width: 100%;
  margin: 0;
  margin-top: calc(var(--cal_scale) * 10);
  margin-bottom: calc(var(--cal_scale) * 10);
  color: #06AFC9;
  display: inline-block;
}

.copyright_statement_page_bg_brock .text_l1_brock .text_brock .text h1 {
  margin: 0;
  margin-bottom: calc(var(--cal_scale) * 20);
  color: #0054A5;
  display: inline-block;
}

.copyright_statement_page_bg_brock .text_l1_brock .text_brock .text h2 {
  margin: 0;
  margin-left: -50px;
  margin-bottom: calc(var(--cal_scale) * 10);
  margin-top: calc(var(--cal_scale) * 20);
  color: #000000;
  display: inline-block;
}

.copyright_statement_page_bg_brock .text_l1_brock .text_brock .text h3 {
  margin: 0;
  margin-top: calc(var(--cal_scale) * 10);
  margin-bottom: calc(var(--cal_scale) * 30);
  font-size: 1.25rem;
  color: #000000;
  display: block;
}

.copyright_statement_page_bg_brock .text_l1_brock .text_brock .text .t_color_wite {
  color: #FFFFFF;
}

.copyright_statement_page_bg_brock .text_l1_brock .text_brock .text .add_margin-bottom_0 {
  margin-bottom: 0;
}

.copyright_statement_page_bg_brock .text_l1_brock .text_brock .text .add_margin-top_0 {
  margin-top: 0;
}

.copyright_statement_page_bg_brock .text_l1_brock .text_brock ui {
  list-style-type: disc;
  margin-top: calc(var(--cal_scale) * 10);
  margin-bottom: calc(var(--cal_scale) * 10);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.copyright_statement_page_bg_brock .text_l1_brock .text_brock ui li {
  margin: 0;
  font-size: 1.5rem;
  color: #000000;
}

.copyright_statement_page_bg_brock .text_l1_brock .text_brock .line {
  width: 100%;
  margin: 0;
  margin-top: calc(var(--cal_scale) * 30);
  margin-bottom: calc(var(--cal_scale) * 10);
  border: 1px solid #CECECE;
}

.copyright_statement_page_bg_brock .text_l1_brock .text_brock h1 {
  display: inline-block;
  margin: 0;
}

.copyright_statement_page_bg_brock .text_l1_brock .text_brock h2 {
  margin: 0;
  margin-bottom: calc(var(--cal_scale) * 10);
  color: #06AFC9;
  display: inline-block;
}

.copyright_statement_page_bg_brock .text_l1_brock .text_brock h3 {
  margin: 0;
  margin-bottom: calc(var(--cal_scale) * 10);
  color: #06AFC9;
  display: inline-block;
}

/*# sourceMappingURL=main.css.map */