/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/vue-loader/dist/index.js??ruleSet[0]!./src/js/components/Test/index.vue?vue&type=style&index=0&id=7163d461&lang=scss&scoped=true ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.test[data-v-7163d461] {
  color: blue !important;
  font-size: 20px;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/vue-loader/dist/index.js??ruleSet[0]!./src/js/components/ViewMore/index.vue?vue&type=style&index=0&id=2582892e&lang=scss&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.hover-opacity-animation[data-v-2582892e], .hover-opacity-8[data-v-2582892e], .vc-vue-more[data-v-2582892e], .hover-opacity-7[data-v-2582892e], .hover-opacity-6[data-v-2582892e], .hover-opacity-5[data-v-2582892e] {
  opacity: 1;
  transition: opacity 0.2s;
}
.hover-opacity-5[data-v-2582892e]:hover {
  opacity: 0.5;
}
.hover-opacity-6[data-v-2582892e]:hover {
  opacity: 0.6;
}
.hover-opacity-7[data-v-2582892e]:hover {
  opacity: 0.7;
}
.hover-opacity-8[data-v-2582892e]:hover, .vc-vue-more[data-v-2582892e]:hover {
  opacity: 0.8;
}
.show-pc[data-v-2582892e] {
  display: inline;
}
@media screen and (max-width: 768px) {
.show-pc[data-v-2582892e] {
    display: none;
}
}
.show-sp[data-v-2582892e] {
  display: none;
}
@media screen and (max-width: 768px) {
.show-sp[data-v-2582892e] {
    display: inline;
}
}
.vc-vue-more[data-v-2582892e] {
  font-size: 20px;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 16px;
}
@media screen and (max-width: 768px) {
.vc-vue-more[data-v-2582892e] {
    gap: 8px;
}
}
.vc-vue-more:hover .icon svg[data-v-2582892e] {
  transform: translateX(2px);
}
@media screen and (max-width: 768px) {
.vc-vue-more:hover .icon svg[data-v-2582892e] {
    transform: translateX(1px);
}
}
.vc-vue-more .icon[data-v-2582892e] {
  width: 52px;
  height: 64px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 768px) {
.vc-vue-more .icon[data-v-2582892e] {
    width: 26px;
    height: 32px;
}
}
.vc-vue-more .icon svg[data-v-2582892e] {
  transform: translateX(0);
  transition: transform 0.2s;
  width: 24px;
  height: 24px;
}
@media screen and (max-width: 768px) {
.vc-vue-more .icon svg[data-v-2582892e] {
    width: 12px;
    height: 12px;
}
}
.vc-vue-more .label[data-v-2582892e] {
  font-family: "Manrope", sans-serif;
  font-weight: 800;
  font-size: 16px;
}
@media screen and (max-width: 768px) {
.vc-vue-more .label[data-v-2582892e] {
    font-size: 13px;
}
}
.vc-vue-more.blue .icon[data-v-2582892e] {
  background-color: #0B3381;
}
.vc-vue-more.blue .icon path[data-v-2582892e] {
  fill: #ffffff;
}
.vc-vue-more.blue .label[data-v-2582892e] {
  color: #0B3381;
}
.vc-vue-more.blue-2 .icon[data-v-2582892e] {
  background-color: #ffffff;
}
.vc-vue-more.blue-2 .icon path[data-v-2582892e] {
  fill: #249EFF;
}
.vc-vue-more.blue-2 .label[data-v-2582892e] {
  color: #249EFF;
}
.vc-vue-more.white .icon[data-v-2582892e] {
  background-color: #ffffff;
}
.vc-vue-more.white .icon path[data-v-2582892e] {
  fill: #0B3381;
}
.vc-vue-more.white .label[data-v-2582892e] {
  color: #ffffff;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/vue-loader/dist/index.js??ruleSet[0]!./src/js/components/Title/index.vue?vue&type=style&index=0&id=4999aa82&lang=scss&scoped=true ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.hover-opacity-animation[data-v-4999aa82], .hover-opacity-8[data-v-4999aa82], .hover-opacity-7[data-v-4999aa82], .hover-opacity-6[data-v-4999aa82], .hover-opacity-5[data-v-4999aa82] {
  opacity: 1;
  transition: opacity 0.2s;
}
.hover-opacity-5[data-v-4999aa82]:hover {
  opacity: 0.5;
}
.hover-opacity-6[data-v-4999aa82]:hover {
  opacity: 0.6;
}
.hover-opacity-7[data-v-4999aa82]:hover {
  opacity: 0.7;
}
.hover-opacity-8[data-v-4999aa82]:hover {
  opacity: 0.8;
}
.show-pc[data-v-4999aa82] {
  display: inline;
}
@media screen and (max-width: 768px) {
.show-pc[data-v-4999aa82] {
    display: none;
}
}
.show-sp[data-v-4999aa82] {
  display: none;
}
@media screen and (max-width: 768px) {
.show-sp[data-v-4999aa82] {
    display: inline;
}
}
.vc-title[data-v-4999aa82] {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
@media screen and (max-width: 768px) {
.vc-title[data-v-4999aa82] {
    gap: 4px;
}
}
.vc-title .en[data-v-4999aa82] {
  font-family: "Manrope", sans-serif;
  font-weight: 800;
  line-height: 1.09375;
}
.vc-title .jp[data-v-4999aa82] {
  font-family: "Noto Sans JP", serif;
  font-weight: 800;
  line-height: 1.0833333333;
  margin: 0;
}
.vc-title.large .en[data-v-4999aa82] {
  font-size: 64px;
}
@media screen and (max-width: 768px) {
.vc-title.large .en[data-v-4999aa82] {
    font-size: 32px;
}
}
.vc-title.large .jp[data-v-4999aa82] {
  font-size: 24px;
}
@media screen and (max-width: 768px) {
.vc-title.large .jp[data-v-4999aa82] {
    font-size: 12px;
}
}
.vc-title.medium .en[data-v-4999aa82] {
  font-size: 26px;
}
.vc-title.medium .jp[data-v-4999aa82] {
  font-size: 14px;
}
.vc-title.mix .en[data-v-4999aa82] {
  color: #249EFF;
}
.vc-title.mix .jp[data-v-4999aa82] {
  color: #1E293B;
}
.vc-title.blue .en[data-v-4999aa82] {
  color: #249EFF;
}
.vc-title.blue .jp[data-v-4999aa82] {
  color: #249EFF;
}
.vc-title.white .en[data-v-4999aa82] {
  color: #ffffff;
}
.vc-title.white .jp[data-v-4999aa82] {
  color: #ffffff;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/vue-loader/dist/index.js??ruleSet[0]!./src/js/components/PersonSlideItem/index.vue?vue&type=style&index=0&id=f3d8bd94&lang=scss&scoped=true ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.hover-opacity-animation[data-v-f3d8bd94], .hover-opacity-8[data-v-f3d8bd94], .hover-opacity-7[data-v-f3d8bd94], .hover-opacity-6[data-v-f3d8bd94], .hover-opacity-5[data-v-f3d8bd94] {
  opacity: 1;
  transition: opacity 0.2s;
}
.hover-opacity-5[data-v-f3d8bd94]:hover {
  opacity: 0.5;
}
.hover-opacity-6[data-v-f3d8bd94]:hover {
  opacity: 0.6;
}
.hover-opacity-7[data-v-f3d8bd94]:hover {
  opacity: 0.7;
}
.hover-opacity-8[data-v-f3d8bd94]:hover {
  opacity: 0.8;
}
.show-pc[data-v-f3d8bd94] {
  display: inline;
}
@media screen and (max-width: 768px) {
.show-pc[data-v-f3d8bd94] {
    display: none;
}
}
.show-sp[data-v-f3d8bd94] {
  display: none;
}
@media screen and (max-width: 768px) {
.show-sp[data-v-f3d8bd94] {
    display: inline;
}
}
.vc-person-slide-item[data-v-f3d8bd94] {
  position: relative;
  display: flex;
  flex-direction: column;
  border-radius: 20px;
  padding-top: 158.1730769231%;
  overflow: hidden;
  text-decoration: none;
}
@media screen and (max-width: 768px) {
.vc-person-slide-item[data-v-f3d8bd94] {
    border-radius: 10px;
}
}
.vc-person-slide-item:hover .image[data-v-f3d8bd94] {
  transform: scale(1.04, 1.04);
  filter: brightness(106%);
}
@media screen and (max-width: 768px) {
.vc-person-slide-item:hover .image[data-v-f3d8bd94] {
    transform: scale(1.02, 1.02);
}
}
.vc-person-slide-item .image[data-v-f3d8bd94],
.vc-person-slide-item .text[data-v-f3d8bd94] {
  position: absolute;
  inset: 0;
  margin: auto;
}
.vc-person-slide-item .image[data-v-f3d8bd94] {
  transition: transform 0.6s ease, filter 0.5s ease;
  transform: scale(1, 1);
  filter: brightness(100%);
}
.vc-person-slide-item .image img[data-v-f3d8bd94] {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  margin: auto;
  object-fit: cover;
}
.vc-person-slide-item .text[data-v-f3d8bd94] {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 20px 18px;
  text-shadow: 0 1px 8px rgba(0, 0, 0, 0.6);
}
@media screen and (max-width: 768px) {
.vc-person-slide-item .text[data-v-f3d8bd94] {
    padding: 10px;
    text-shadow: 0 1px 4px rgba(0, 0, 0, 0.6);
}
}
.vc-person-slide-item .text p[data-v-f3d8bd94] {
  color: #ffffff;
  margin: 0;
}
.vc-person-slide-item .text .title[data-v-f3d8bd94] {
  font-size: 32px;
  font-weight: bold;
  line-height: 1.375;
  margin-bottom: 16px;
  font-feature-settings: "palt";
}
@media screen and (max-width: 768px) {
.vc-person-slide-item .text .title[data-v-f3d8bd94] {
    font-size: 16px;
    margin-bottom: 4px;
}
}
.vc-person-slide-item .text .name[data-v-f3d8bd94] {
  font-size: 20px;
  font-weight: 500;
  line-height: 1.4;
}
@media screen and (max-width: 768px) {
.vc-person-slide-item .text .name[data-v-f3d8bd94] {
    font-size: 12px;
}
}
.vc-person-slide-item .text .attr[data-v-f3d8bd94] {
  display: flex;
  gap: 1em;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.8666666667;
}
@media screen and (max-width: 768px) {
.vc-person-slide-item .text .attr[data-v-f3d8bd94] {
    font-size: 10px;
}
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/vue-loader/dist/index.js??ruleSet[0]!./src/js/components/PersonSlideSmallItem/index.vue?vue&type=style&index=0&id=254b318d&lang=scss&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.hover-opacity-animation[data-v-254b318d], .hover-opacity-8[data-v-254b318d], .hover-opacity-7[data-v-254b318d], .hover-opacity-6[data-v-254b318d], .hover-opacity-5[data-v-254b318d] {
  opacity: 1;
  transition: opacity 0.2s;
}
.hover-opacity-5[data-v-254b318d]:hover {
  opacity: 0.5;
}
.hover-opacity-6[data-v-254b318d]:hover {
  opacity: 0.6;
}
.hover-opacity-7[data-v-254b318d]:hover {
  opacity: 0.7;
}
.hover-opacity-8[data-v-254b318d]:hover {
  opacity: 0.8;
}
.show-pc[data-v-254b318d] {
  display: inline;
}
@media screen and (max-width: 768px) {
.show-pc[data-v-254b318d] {
    display: none;
}
}
.show-sp[data-v-254b318d] {
  display: none;
}
@media screen and (max-width: 768px) {
.show-sp[data-v-254b318d] {
    display: inline;
}
}
.vc-person-slide-small-item[data-v-254b318d] {
  position: relative;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  text-decoration: none;
  gap: 8px;
}
.vc-person-slide-small-item .image[data-v-254b318d] {
  position: relative;
  padding-top: 114.8387096774%;
  border-radius: 20px;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
.vc-person-slide-small-item .image[data-v-254b318d] {
    padding-top: 101.25%;
    border-radius: 10px;
}
}
.vc-person-slide-small-item .image:hover img[data-v-254b318d] {
  transform: scale(1.02, 1.02) translate(0, 30px);
  filter: brightness(106%);
}
@media screen and (max-width: 768px) {
.vc-person-slide-small-item .image:hover img[data-v-254b318d] {
    transform: scale(1.02, 1.02) translate(0, 0);
}
}
.vc-person-slide-small-item .image img[data-v-254b318d] {
  position: absolute;
  inset: 0;
  width: 100%;
  margin: auto;
  object-fit: cover;
  transition: transform 0.6s ease, filter 0.5s ease;
  transform: scale(1, 1) translate(0, 30px);
  filter: brightness(100%);
}
@media screen and (max-width: 768px) {
.vc-person-slide-small-item .image img[data-v-254b318d] {
    object-fit: unset;
    inset: 0 0 auto 0;
    margin: -10% 0 auto 0;
    height: auto;
    border-radius: 10px;
    transform: scale(1, 1) translate(0, 0);
}
}
.vc-person-slide-small-item .image .role[data-v-254b318d] {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 175px;
  height: 42px;
  background-color: rgba(11, 51, 129, 0.8);
  color: #ffffff;
  font-size: 14px;
  font-weight: 900;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
@media screen and (max-width: 1050px) {
.vc-person-slide-small-item .image .role[data-v-254b318d] {
    width: 140px;
    height: 36px;
    font-size: 12px;
}
}
@media screen and (max-width: 768px) {
.vc-person-slide-small-item .image .role[data-v-254b318d] {
    width: 106px;
    height: 24px;
    font-size: 10px;
}
}
.vc-person-slide-small-item .text[data-v-254b318d] {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
@media screen and (max-width: 1050px) {
.vc-person-slide-small-item .text[data-v-254b318d] {
    gap: 6px;
}
}
@media screen and (max-width: 768px) {
.vc-person-slide-small-item .text[data-v-254b318d] {
    gap: 6px;
}
}
.vc-person-slide-small-item .text p[data-v-254b318d] {
  margin: 0;
  color: #0B3381;
}
.vc-person-slide-small-item .text .title[data-v-254b318d] {
  font-size: 18px;
  font-weight: 900;
  line-height: 1.7777777778;
}
@media screen and (max-width: 1050px) {
.vc-person-slide-small-item .text .title[data-v-254b318d] {
    font-size: 16px;
    line-height: 140%;
}
}
@media screen and (max-width: 768px) {
.vc-person-slide-small-item .text .title[data-v-254b318d] {
    font-size: 13px;
    line-height: 140%;
}
}
.vc-person-slide-small-item .text .attr[data-v-254b318d] {
  display: flex;
  flex-wrap: wrap;
  font-size: 12px;
  font-weight: 500;
  line-height: 2.8333333333;
}
@media screen and (max-width: 1050px) {
.vc-person-slide-small-item .text .attr[data-v-254b318d] {
    font-size: 11px;
    line-height: 180%;
}
}
@media screen and (max-width: 768px) {
.vc-person-slide-small-item .text .attr[data-v-254b318d] {
    font-size: 10px;
    line-height: 140%;
}
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/vue-loader/dist/index.js??ruleSet[0]!./src/js/components/PersonGridItem/index.vue?vue&type=style&index=0&id=4cdd5dbd&lang=scss&scoped=true ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.hover-opacity-animation[data-v-4cdd5dbd], .hover-opacity-8[data-v-4cdd5dbd], .hover-opacity-7[data-v-4cdd5dbd], .hover-opacity-6[data-v-4cdd5dbd], .hover-opacity-5[data-v-4cdd5dbd] {
  opacity: 1;
  transition: opacity 0.2s;
}
.hover-opacity-5[data-v-4cdd5dbd]:hover {
  opacity: 0.5;
}
.hover-opacity-6[data-v-4cdd5dbd]:hover {
  opacity: 0.6;
}
.hover-opacity-7[data-v-4cdd5dbd]:hover {
  opacity: 0.7;
}
.hover-opacity-8[data-v-4cdd5dbd]:hover {
  opacity: 0.8;
}
.show-pc[data-v-4cdd5dbd] {
  display: inline;
}
@media screen and (max-width: 768px) {
.show-pc[data-v-4cdd5dbd] {
    display: none;
}
}
.show-sp[data-v-4cdd5dbd] {
  display: none;
}
@media screen and (max-width: 768px) {
.show-sp[data-v-4cdd5dbd] {
    display: inline;
}
}
.vc-person-grid-item[data-v-4cdd5dbd] {
  position: relative;
  display: flex;
  flex-direction: column;
  border-radius: 20px;
  padding-top: 129.7297297297%;
  overflow: hidden;
  text-decoration: none;
}
@media screen and (max-width: 768px) {
.vc-person-grid-item[data-v-4cdd5dbd] {
    padding-top: 151.3513513514%;
    border-radius: 10px;
}
}
.vc-person-grid-item:hover .image[data-v-4cdd5dbd] {
  transform: scale(1.04, 1.04);
  filter: brightness(106%);
}
@media screen and (max-width: 768px) {
.vc-person-grid-item:hover .image[data-v-4cdd5dbd] {
    transform: scale(1.02, 1.02);
}
}
.vc-person-grid-item .image[data-v-4cdd5dbd],
.vc-person-grid-item .text[data-v-4cdd5dbd] {
  position: absolute;
  inset: 0;
  margin: auto;
}
.vc-person-grid-item .image[data-v-4cdd5dbd] {
  transition: transform 0.6s ease, filter 0.5s ease;
  transform: scale(1, 1);
  filter: brightness(100%);
}
.vc-person-grid-item .image img[data-v-4cdd5dbd] {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  margin: auto;
  object-fit: cover;
}
.vc-person-grid-item .text[data-v-4cdd5dbd] {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.vc-person-grid-item .text .sub p[data-v-4cdd5dbd] {
  display: inline-flex;
  height: auto;
  width: auto;
  min-height: 40px;
  min-width: 165px;
  padding: 0 20px;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  line-height: 2.2857142857;
  font-weight: 900;
  text-align: center;
}
@media screen and (max-width: 768px) {
.vc-person-grid-item .text .sub p[data-v-4cdd5dbd] {
    min-height: 20px;
    min-width: unset;
    padding: 5px 8px;
    font-size: 10px;
    font-weight: 500;
    line-height: 1;
}
}
.vc-person-grid-item .text .sub p.leader[data-v-4cdd5dbd] {
  background-color: #43A2E1;
}
.vc-person-grid-item .text .sub p.engineer[data-v-4cdd5dbd] {
  background-color: #3AC088;
}
.vc-person-grid-item .text .sub p.programmer[data-v-4cdd5dbd] {
  background-color: #E57767;
}
.vc-person-grid-item .text .main[data-v-4cdd5dbd] {
  background-color: rgba(11, 51, 129, 0.85);
  padding: 24px;
}
@media screen and (max-width: 1399px) {
.vc-person-grid-item .text .main[data-v-4cdd5dbd] {
    padding: 16px 24px 24px;
}
}
@media screen and (max-width: 768px) {
.vc-person-grid-item .text .main[data-v-4cdd5dbd] {
    padding: 12px;
}
}
.vc-person-grid-item .text p[data-v-4cdd5dbd] {
  color: #ffffff;
  margin: 0;
}
.vc-person-grid-item .text .title[data-v-4cdd5dbd] {
  font-size: 18px;
  font-weight: 900;
  line-height: 1.7777777778;
  margin-bottom: 4px;
}
@media screen and (max-width: 768px) {
.vc-person-grid-item .text .title[data-v-4cdd5dbd] {
    font-size: 13px;
    line-height: 140%;
    margin-bottom: 6px;
    min-height: 4.2em;
}
.vc-person-grid-item .text .title[data-v-4cdd5dbd] br {
    display: none;
}
}
.vc-person-grid-item .text .attr[data-v-4cdd5dbd] {
  display: flex;
  font-size: 12px;
  font-weight: 500;
  line-height: 2.8333333333;
  flex-wrap: wrap;
}
@media screen and (max-width: 1399px) {
.vc-person-grid-item .text .attr[data-v-4cdd5dbd] {
    margin-top: 10px;
    line-height: 140%;
}
}
@media screen and (max-width: 768px) {
.vc-person-grid-item .text .attr[data-v-4cdd5dbd] {
    margin-top: unset;
    font-size: 9px;
}
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/vue-loader/dist/index.js??ruleSet[0]!./src/js/components/WorkRoleItem/index.vue?vue&type=style&index=0&id=0358b0a9&lang=scss&scoped=true ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.hover-opacity-animation[data-v-0358b0a9], .hover-opacity-8[data-v-0358b0a9], .hover-opacity-7[data-v-0358b0a9], .hover-opacity-6[data-v-0358b0a9], .hover-opacity-5[data-v-0358b0a9] {
  opacity: 1;
  transition: opacity 0.2s;
}
.hover-opacity-5[data-v-0358b0a9]:hover {
  opacity: 0.5;
}
.hover-opacity-6[data-v-0358b0a9]:hover {
  opacity: 0.6;
}
.hover-opacity-7[data-v-0358b0a9]:hover {
  opacity: 0.7;
}
.hover-opacity-8[data-v-0358b0a9]:hover {
  opacity: 0.8;
}
.show-pc[data-v-0358b0a9] {
  display: inline;
}
@media screen and (max-width: 768px) {
.show-pc[data-v-0358b0a9] {
    display: none;
}
}
.show-sp[data-v-0358b0a9] {
  display: none;
}
@media screen and (max-width: 768px) {
.show-sp[data-v-0358b0a9] {
    display: inline;
}
}
.vc-work-role-item[data-v-0358b0a9] {
  background-color: #ffffff;
  border-radius: 20px;
  display: grid;
}
@media screen and (max-width: 768px) {
.vc-work-role-item[data-v-0358b0a9] {
    border-radius: 10px;
}
}
.vc-work-role-item .image[data-v-0358b0a9] {
  position: relative;
  grid-area: image;
}
.vc-work-role-item .image img[data-v-0358b0a9] {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 20px;
}
@media screen and (max-width: 768px) {
.vc-work-role-item .image img[data-v-0358b0a9] {
    border-radius: 10px;
}
}
.vc-work-role-item .image .label[data-v-0358b0a9] {
  position: absolute;
  bottom: 20px;
  left: 0;
  background-color: #ffffff;
  padding: 16px 24px;
  font-size: 24px;
  line-height: 1.1666666667;
  border-radius: 0 8px 8px 0;
  font-weight: 700;
  color: #0B3381;
}
@media screen and (max-width: 1399px) {
.vc-work-role-item .image .label[data-v-0358b0a9] {
    font-size: 22px;
    padding: 14px 22px;
}
}
@media screen and (max-width: 1199px) {
.vc-work-role-item .image .label[data-v-0358b0a9] {
    font-size: 20px;
    bottom: 18px;
    padding: 12px 20px;
}
}
@media screen and (max-width: 1050px) {
.vc-work-role-item .image .label[data-v-0358b0a9] {
    font-size: 18px;
    bottom: 16px;
    padding: 10px 18px;
}
}
@media screen and (max-width: 768px) {
.vc-work-role-item .image .label[data-v-0358b0a9] {
    font-size: 16px;
    bottom: 12px;
    padding: 8px 12px;
    border-radius: 0 4px 4px 0;
}
}
.vc-work-role-item .text[data-v-0358b0a9] {
  display: flex;
  flex-direction: column;
  padding: 72px 40px 24px;
  grid-area: text;
}
@media screen and (max-width: 1399px) {
.vc-work-role-item .text[data-v-0358b0a9] {
    padding: 60px 30px 24px;
}
}
@media screen and (max-width: 1199px) {
.vc-work-role-item .text[data-v-0358b0a9] {
    padding: 60px 30px 24px;
}
}
@media screen and (max-width: 1050px) {
.vc-work-role-item .text[data-v-0358b0a9] {
    padding: 40px 16px 24px;
}
}
@media screen and (max-width: 768px) {
.vc-work-role-item .text[data-v-0358b0a9] {
    padding: 16px 0 20px;
}
}
.vc-work-role-item .text .body[data-v-0358b0a9] {
  flex: 1;
  font-size: 14px;
  padding: 0 16px;
  line-height: 2;
  color: #1E293B;
  margin-bottom: 20px;
}
@media screen and (max-width: 1050px) {
.vc-work-role-item .text .body[data-v-0358b0a9] {
    padding: 0 8px;
}
}
@media screen and (max-width: 768px) {
.vc-work-role-item .text .body[data-v-0358b0a9] {
    margin-bottom: 16px;
    font-size: 13px;
    padding: 0 10px;
}
}
.vc-work-role-item .text .button[data-v-0358b0a9] {
  display: flex;
  justify-content: flex-end;
}
.vc-work-role-item.reverse[data-v-0358b0a9] {
  flex-direction: row-reverse;
}
.vc-work-role-item.reverse .text .button[data-v-0358b0a9] {
  justify-content: flex-start;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/vue-loader/dist/index.js??ruleSet[0]!./src/js/components/WorkRoleSmallItem/index.vue?vue&type=style&index=0&id=efd65c0c&lang=scss&scoped=true ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.hover-opacity-animation[data-v-efd65c0c], .hover-opacity-8[data-v-efd65c0c], .hover-opacity-7[data-v-efd65c0c], .hover-opacity-6[data-v-efd65c0c], .hover-opacity-5[data-v-efd65c0c] {
  opacity: 1;
  transition: opacity 0.2s;
}
.hover-opacity-5[data-v-efd65c0c]:hover {
  opacity: 0.5;
}
.hover-opacity-6[data-v-efd65c0c]:hover {
  opacity: 0.6;
}
.hover-opacity-7[data-v-efd65c0c]:hover {
  opacity: 0.7;
}
.hover-opacity-8[data-v-efd65c0c]:hover {
  opacity: 0.8;
}
.show-pc[data-v-efd65c0c] {
  display: inline;
}
@media screen and (max-width: 768px) {
.show-pc[data-v-efd65c0c] {
    display: none;
}
}
.show-sp[data-v-efd65c0c] {
  display: none;
}
@media screen and (max-width: 768px) {
.show-sp[data-v-efd65c0c] {
    display: inline;
}
}
.vc-work-role-small-item[data-v-efd65c0c] {
  position: relative;
  display: block;
}
.vc-work-role-small-item .image[data-v-efd65c0c] {
  position: absolute;
  inset: 0;
  margin: auto;
}
.vc-work-role-small-item .image img[data-v-efd65c0c] {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: auto;
  height: 100%;
  margin: auto;
  object-fit: cover;
  border-radius: 20px;
}
.vc-work-role-small-item .image[data-v-efd65c0c]::after {
  content: "";
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  margin: auto;
  border-radius: 20px;
  background: linear-gradient(90deg, #0B3381 0%, #0B3381 44.5%, rgba(11, 51, 129, 0.8) 69%, rgba(11, 51, 129, 0.55) 100%);
}
.vc-work-role-small-item .text[data-v-efd65c0c] {
  position: relative;
  width: 52.5423728814%;
  color: #ffffff;
  padding: 49px 0 49px 64px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.vc-work-role-small-item .text .role[data-v-efd65c0c] {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.vc-work-role-small-item .text .role .jp[data-v-efd65c0c] {
  font-size: 24px;
  font-weight: 900;
  line-height: 1;
}
.vc-work-role-small-item .text .role .en[data-v-efd65c0c] {
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
}
.vc-work-role-small-item .text .body[data-v-efd65c0c] {
  font-size: 16px;
  font-weight: 700;
  line-height: 2.5;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/vue-loader/dist/index.js??ruleSet[0]!./src/js/components/WorkRoleLargeItem/index.vue?vue&type=style&index=0&id=30040d2e&lang=scss&scoped=true ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.hover-opacity-animation[data-v-30040d2e], .hover-opacity-8[data-v-30040d2e], .vc-work-role-large-item[data-v-30040d2e], .hover-opacity-7[data-v-30040d2e], .hover-opacity-6[data-v-30040d2e], .hover-opacity-5[data-v-30040d2e] {
  opacity: 1;
  transition: opacity 0.2s;
}
.hover-opacity-5[data-v-30040d2e]:hover {
  opacity: 0.5;
}
.hover-opacity-6[data-v-30040d2e]:hover {
  opacity: 0.6;
}
.hover-opacity-7[data-v-30040d2e]:hover {
  opacity: 0.7;
}
.hover-opacity-8[data-v-30040d2e]:hover, .vc-work-role-large-item[data-v-30040d2e]:hover {
  opacity: 0.8;
}
.show-pc[data-v-30040d2e] {
  display: inline;
}
@media screen and (max-width: 768px) {
.show-pc[data-v-30040d2e] {
    display: none;
}
}
.show-sp[data-v-30040d2e] {
  display: none;
}
@media screen and (max-width: 768px) {
.show-sp[data-v-30040d2e] {
    display: inline;
}
}
.vc-work-role-large-item[data-v-30040d2e] {
  padding-top: 49.1525423729%;
  position: relative;
  display: block;
}
.vc-work-role-large-item .image[data-v-30040d2e] {
  position: absolute;
  inset: 0;
  margin: auto;
}
.vc-work-role-large-item .image img[data-v-30040d2e] {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  margin: auto;
  object-fit: cover;
  border-radius: 20px;
}
@media screen and (max-width: 768px) {
.vc-work-role-large-item .image img[data-v-30040d2e] {
    border-radius: 10px;
}
}
.vc-work-role-large-item .image[data-v-30040d2e]::after {
  content: "";
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  margin: auto;
  background-color: rgba(11, 51, 129, 0.25);
  border-radius: 20px;
}
@media screen and (max-width: 768px) {
.vc-work-role-large-item .image[data-v-30040d2e]::after {
    border-radius: 10px;
}
}
.vc-work-role-large-item .text[data-v-30040d2e] {
  position: absolute;
  left: 0;
  bottom: 24px;
  width: calc(50% - 10px);
  background-color: rgba(11, 51, 129, 0.8);
  color: #ffffff;
  padding: 53px 49px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media screen and (max-width: 1399px) {
.vc-work-role-large-item .text[data-v-30040d2e] {
    padding: 48px 40px;
}
}
@media screen and (max-width: 1199px) {
.vc-work-role-large-item .text[data-v-30040d2e] {
    padding: 40px 30px;
}
}
@media screen and (max-width: 1050px) {
.vc-work-role-large-item .text[data-v-30040d2e] {
    padding: 30px 20px;
}
}
@media screen and (max-width: 768px) {
.vc-work-role-large-item .text[data-v-30040d2e] {
    bottom: 12px;
    width: 92%;
    padding: 20px 16px;
    gap: 12px;
}
}
.vc-work-role-large-item .text .role[data-v-30040d2e] {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media screen and (max-width: 768px) {
.vc-work-role-large-item .text .role[data-v-30040d2e] {
    gap: 9px;
}
}
.vc-work-role-large-item .text .role .jp[data-v-30040d2e] {
  font-size: 32px;
  font-weight: 700;
  line-height: 1;
}
@media screen and (max-width: 1399px) {
.vc-work-role-large-item .text .role .jp[data-v-30040d2e] {
    font-size: 28px;
}
}
@media screen and (max-width: 1199px) {
.vc-work-role-large-item .text .role .jp[data-v-30040d2e] {
    font-size: 24px;
}
}
@media screen and (max-width: 1050px) {
.vc-work-role-large-item .text .role .jp[data-v-30040d2e] {
    font-size: 20px;
}
}
@media screen and (max-width: 768px) {
.vc-work-role-large-item .text .role .jp[data-v-30040d2e] {
    font-size: 18px;
}
}
.vc-work-role-large-item .text .role .en[data-v-30040d2e] {
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
}
@media screen and (max-width: 1199px) {
.vc-work-role-large-item .text .role .en[data-v-30040d2e] {
    font-size: 13px;
}
}
@media screen and (max-width: 1050px) {
.vc-work-role-large-item .text .role .en[data-v-30040d2e] {
    font-size: 12px;
}
}
@media screen and (max-width: 768px) {
.vc-work-role-large-item .text .role .en[data-v-30040d2e] {
    font-size: 10px;
}
}
.vc-work-role-large-item .text .body[data-v-30040d2e] {
  font-size: 16px;
  font-weight: 700;
  line-height: 3;
}
@media screen and (max-width: 1399px) {
.vc-work-role-large-item .text .body[data-v-30040d2e] {
    line-height: 220%;
}
}
@media screen and (max-width: 1199px) {
.vc-work-role-large-item .text .body[data-v-30040d2e] {
    font-size: 14px;
    line-height: 200%;
}
}
@media screen and (max-width: 1050px) {
.vc-work-role-large-item .text .body[data-v-30040d2e] {
    line-height: 180%;
}
}
@media screen and (max-width: 768px) {
.vc-work-role-large-item .text .body[data-v-30040d2e] {
    font-size: 12px;
}
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/vue-loader/dist/index.js??ruleSet[0]!./src/js/components/CompanyFeatureItem/index.vue?vue&type=style&index=0&id=ef42f28a&lang=scss&scoped=true ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.hover-opacity-animation[data-v-ef42f28a], .hover-opacity-8[data-v-ef42f28a], .hover-opacity-7[data-v-ef42f28a], .hover-opacity-6[data-v-ef42f28a], .hover-opacity-5[data-v-ef42f28a] {
  opacity: 1;
  transition: opacity 0.2s;
}
.hover-opacity-5[data-v-ef42f28a]:hover {
  opacity: 0.5;
}
.hover-opacity-6[data-v-ef42f28a]:hover {
  opacity: 0.6;
}
.hover-opacity-7[data-v-ef42f28a]:hover {
  opacity: 0.7;
}
.hover-opacity-8[data-v-ef42f28a]:hover {
  opacity: 0.8;
}
.show-pc[data-v-ef42f28a] {
  display: inline;
}
@media screen and (max-width: 768px) {
.show-pc[data-v-ef42f28a] {
    display: none;
}
}
.show-sp[data-v-ef42f28a] {
  display: none;
}
@media screen and (max-width: 768px) {
.show-sp[data-v-ef42f28a] {
    display: inline;
}
}
.vc-company-feature-item[data-v-ef42f28a] {
  background-color: rgba(30, 41, 59, 0.9);
  display: flex;
  flex-direction: column;
  padding: 44px 38px;
  height: 100%;
  border-radius: 4px;
}
@media screen and (max-width: 1199px) {
.vc-company-feature-item[data-v-ef42f28a] {
    padding: 36px 30px;
}
}
@media screen and (max-width: 768px) {
.vc-company-feature-item[data-v-ef42f28a] {
    padding: 22px 19px;
    border-radius: 2px;
}
}
.vc-company-feature-item p[data-v-ef42f28a] {
  margin: 0;
  color: #ffffff;
  font-family: "Noto Sans JP", serif;
}
.vc-company-feature-item .title[data-v-ef42f28a] {
  font-size: 28px;
  font-weight: 900;
  line-height: 140%;
}
@media screen and (max-width: 768px) {
.vc-company-feature-item .title[data-v-ef42f28a] {
    font-size: 16px;
}
}
.vc-company-feature-item .body[data-v-ef42f28a] {
  margin: 44px 0 92px;
  font-size: 14px;
  line-height: 2;
  font-weight: 500;
  flex: 1;
}
@media screen and (max-width: 768px) {
.vc-company-feature-item .body[data-v-ef42f28a] {
    font-size: 13px;
    margin: 22px 0 0;
}
}
.vc-company-feature-item .button[data-v-ef42f28a] {
  margin-top: auto;
}
@media screen and (max-width: 768px) {
.vc-company-feature-item .button[data-v-ef42f28a] {
    display: none;
}
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/vue-loader/dist/index.js??ruleSet[0]!./src/js/components/TextCursive/index.vue?vue&type=style&index=0&id=1eb0573f&lang=scss&scoped=true ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.hover-opacity-animation[data-v-1eb0573f], .hover-opacity-8[data-v-1eb0573f], .hover-opacity-7[data-v-1eb0573f], .hover-opacity-6[data-v-1eb0573f], .hover-opacity-5[data-v-1eb0573f] {
  opacity: 1;
  transition: opacity 0.2s;
}
.hover-opacity-5[data-v-1eb0573f]:hover {
  opacity: 0.5;
}
.hover-opacity-6[data-v-1eb0573f]:hover {
  opacity: 0.6;
}
.hover-opacity-7[data-v-1eb0573f]:hover {
  opacity: 0.7;
}
.hover-opacity-8[data-v-1eb0573f]:hover {
  opacity: 0.8;
}
.show-pc[data-v-1eb0573f] {
  display: inline;
}
@media screen and (max-width: 768px) {
.show-pc[data-v-1eb0573f] {
    display: none;
}
}
.show-sp[data-v-1eb0573f] {
  display: none;
}
@media screen and (max-width: 768px) {
.show-sp[data-v-1eb0573f] {
    display: inline;
}
}
.vc-text-cursive[data-v-1eb0573f] {
  font-family: "lakeside", sans-serif;
  line-height: normal;
  background: linear-gradient(237deg, #0B3381 -26.18%, #1747FD 35.57%, #37A5FD 91.24%, #44CBFD 145.9%);
  background-clip: text;
  -webkit-text-fill-color: transparent;
  white-space: nowrap;
}
.vc-text-cursive.large[data-v-1eb0573f] {
  font-size: 264px;
}
@media screen and (max-width: 1199px) {
.vc-text-cursive.large[data-v-1eb0573f] {
    font-size: 240px;
}
}
@media screen and (max-width: 1050px) {
.vc-text-cursive.large[data-v-1eb0573f] {
    font-size: 230px;
}
}
@media screen and (max-width: 768px) {
.vc-text-cursive.large[data-v-1eb0573f] {
    font-size: 132px;
}
}
.vc-text-cursive.medium[data-v-1eb0573f] {
  font-size: 194px;
}
@media screen and (max-width: 1199px) {
.vc-text-cursive.medium[data-v-1eb0573f] {
    font-size: 175px;
}
}
@media screen and (max-width: 1050px) {
.vc-text-cursive.medium[data-v-1eb0573f] {
    font-size: 169px;
}
}
@media screen and (max-width: 768px) {
.vc-text-cursive.medium[data-v-1eb0573f] {
    font-size: 83px;
}
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/vue-loader/dist/index.js??ruleSet[0]!./src/js/components/PageTitle/index.vue?vue&type=style&index=0&id=a508aba0&lang=scss&scoped=true ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.hover-opacity-animation[data-v-a508aba0], .hover-opacity-8[data-v-a508aba0], .hover-opacity-7[data-v-a508aba0], .hover-opacity-6[data-v-a508aba0], .hover-opacity-5[data-v-a508aba0] {
  opacity: 1;
  transition: opacity 0.2s;
}
.hover-opacity-5[data-v-a508aba0]:hover {
  opacity: 0.5;
}
.hover-opacity-6[data-v-a508aba0]:hover {
  opacity: 0.6;
}
.hover-opacity-7[data-v-a508aba0]:hover {
  opacity: 0.7;
}
.hover-opacity-8[data-v-a508aba0]:hover {
  opacity: 0.8;
}
.show-pc[data-v-a508aba0] {
  display: inline;
}
@media screen and (max-width: 768px) {
.show-pc[data-v-a508aba0] {
    display: none;
}
}
.show-sp[data-v-a508aba0] {
  display: none;
}
@media screen and (max-width: 768px) {
.show-sp[data-v-a508aba0] {
    display: inline;
}
}
.vc-page-title[data-v-a508aba0] {
  position: relative;
  padding: 57px 45px 172px;
  overflow-x: clip;
}
@media screen and (max-width: 1199px) {
.vc-page-title[data-v-a508aba0] {
    padding: 30px 24px 172px;
}
}
@media screen and (max-width: 768px) {
.vc-page-title[data-v-a508aba0] {
    padding: 20px 0 94px 20px;
}
}
.vc-page-title[data-v-a508aba0]::before {
  content: "";
  position: absolute;
  inset: 0 auto auto 0;
  margin: 0 auto auto 0;
  background-image: url(/images/common/bg-thin.png);
  background-size: 450px;
  width: 60%;
  height: 60%;
}
@media screen and (max-width: 768px) {
.vc-page-title[data-v-a508aba0]::before {
    inset: 0 auto auto 0;
    margin: 0 auto auto 0;
    width: 100%;
    height: 259px;
}
}
.vc-page-title .inner[data-v-a508aba0] {
  position: relative;
  padding-top: 42.2962962963%;
  background-size: cover;
  border-radius: 20px;
}
@media screen and (max-width: 768px) {
.vc-page-title .inner[data-v-a508aba0] {
    padding-top: 80.4225352113%;
    border-radius: 10px 0 0 10px;
}
}
.vc-page-title .title[data-v-a508aba0] {
  position: absolute;
  left: 0;
  bottom: 48px;
  background-color: #ffffff;
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 24px 36px;
  border-radius: 0 10px 10px 0;
}
@media screen and (max-width: 1199px) {
.vc-page-title .title[data-v-a508aba0] {
    bottom: 40px;
}
}
@media screen and (max-width: 1050px) {
.vc-page-title .title[data-v-a508aba0] {
    bottom: 30px;
}
}
@media screen and (max-width: 768px) {
.vc-page-title .title[data-v-a508aba0] {
    padding: 12px 18px;
    gap: 8px;
    border-radius: 0 5px 5px 0;
    bottom: 24px;
}
}
.vc-page-title .title .en[data-v-a508aba0] {
  font-size: 80px;
  font-family: "Manrope", sans-serif;
  font-weight: 800;
  color: #249EFF;
  line-height: 0.875;
}
@media screen and (max-width: 1399px) {
.vc-page-title .title .en[data-v-a508aba0] {
    font-size: 70px;
}
}
@media screen and (max-width: 1199px) {
.vc-page-title .title .en[data-v-a508aba0] {
    font-size: 56px;
}
}
@media screen and (max-width: 1050px) {
.vc-page-title .title .en[data-v-a508aba0] {
    font-size: 40px;
}
}
@media screen and (max-width: 768px) {
.vc-page-title .title .en[data-v-a508aba0] {
    font-size: 32px;
    line-height: 1.09375;
}
}
.vc-page-title .title .jp[data-v-a508aba0] {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.0833333333;
}
@media screen and (max-width: 1399px) {
.vc-page-title .title .jp[data-v-a508aba0] {
    font-size: 20px;
}
}
@media screen and (max-width: 1199px) {
.vc-page-title .title .jp[data-v-a508aba0] {
    font-size: 16px;
}
}
@media screen and (max-width: 1050px) {
.vc-page-title .title .jp[data-v-a508aba0] {
    font-size: 14px;
}
}
@media screen and (max-width: 768px) {
.vc-page-title .title .jp[data-v-a508aba0] {
    font-size: 12px;
    line-height: 1.0833333333;
}
}
.vc-page-title .lead[data-v-a508aba0] {
  transform: rotate(-6deg);
  position: absolute;
  inset: auto 0 0 auto;
  margin: auto 0 0 auto;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/vue-loader/dist/index.js??ruleSet[0]!./src/js/components/PageTitlePerson/index.vue?vue&type=style&index=0&id=1ddc80b6&lang=scss&scoped=true ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.hover-opacity-animation[data-v-1ddc80b6], .hover-opacity-8[data-v-1ddc80b6], .hover-opacity-7[data-v-1ddc80b6], .hover-opacity-6[data-v-1ddc80b6], .hover-opacity-5[data-v-1ddc80b6] {
  opacity: 1;
  transition: opacity 0.2s;
}
.hover-opacity-5[data-v-1ddc80b6]:hover {
  opacity: 0.5;
}
.hover-opacity-6[data-v-1ddc80b6]:hover {
  opacity: 0.6;
}
.hover-opacity-7[data-v-1ddc80b6]:hover {
  opacity: 0.7;
}
.hover-opacity-8[data-v-1ddc80b6]:hover {
  opacity: 0.8;
}
.show-pc[data-v-1ddc80b6] {
  display: inline;
}
@media screen and (max-width: 768px) {
.show-pc[data-v-1ddc80b6] {
    display: none;
}
}
.show-sp[data-v-1ddc80b6] {
  display: none;
}
@media screen and (max-width: 768px) {
.show-sp[data-v-1ddc80b6] {
    display: inline;
}
}
.vc-page-title-person .inner[data-v-1ddc80b6] {
  position: relative;
  padding-top: 41.6911764706%;
  background-size: cover;
  border-radius: 20px 0 0 20px;
}
@media screen and (max-width: 768px) {
.vc-page-title-person .inner[data-v-1ddc80b6] {
    padding-top: 283px;
    border-radius: 10px 0 0 10px;
}
}
.vc-page-title-person .text[data-v-1ddc80b6] {
  position: absolute;
  left: 0;
  bottom: 38px;
}
@media screen and (max-width: 1399px) {
.vc-page-title-person .text[data-v-1ddc80b6] {
    bottom: 30px;
}
}
@media screen and (max-width: 1199px) {
.vc-page-title-person .text[data-v-1ddc80b6] {
    bottom: 24px;
}
}
@media screen and (max-width: 1050px) {
.vc-page-title-person .text[data-v-1ddc80b6] {
    bottom: 20px;
}
}
@media screen and (max-width: 768px) {
.vc-page-title-person .text[data-v-1ddc80b6] {
    bottom: 16px;
}
}
.vc-page-title-person .title[data-v-1ddc80b6] {
  display: flex;
  flex-direction: column;
  margin-bottom: 20px;
  gap: 15px;
}
@media screen and (max-width: 1199px) {
.vc-page-title-person .title[data-v-1ddc80b6] {
    gap: 12px;
    margin-bottom: 14px;
}
}
@media screen and (max-width: 1050px) {
.vc-page-title-person .title[data-v-1ddc80b6] {
    gap: 10px;
    margin-bottom: 12px;
}
}
@media screen and (max-width: 768px) {
.vc-page-title-person .title[data-v-1ddc80b6] {
    gap: 7px;
    margin-bottom: 10px;
}
}
.vc-page-title-person .title[data-v-1ddc80b6] > * {
  display: flex;
  align-items: center;
  width: fit-content;
  font-size: 48px;
  font-weight: 900;
  line-height: 1;
  height: 65px;
  padding: 0 40px 4px;
  background-color: rgba(11, 51, 129, 0.8);
  color: #ffffff;
}
@media screen and (max-width: 1399px) {
.vc-page-title-person .title[data-v-1ddc80b6] > * {
    padding: 6px 40px 10px;
    height: unset;
    font-size: 40px;
}
}
@media screen and (max-width: 1199px) {
.vc-page-title-person .title[data-v-1ddc80b6] > * {
    padding: 6px 30px 10px;
    font-size: 36px;
}
}
@media screen and (max-width: 1050px) {
.vc-page-title-person .title[data-v-1ddc80b6] > * {
    padding: 6px 20px 10px;
    font-size: 30px;
}
}
@media screen and (max-width: 768px) {
.vc-page-title-person .title[data-v-1ddc80b6] > * {
    height: 32px;
    font-size: 24px;
    padding: 0px 6px 2px 8px;
}
}
.vc-page-title-person .person[data-v-1ddc80b6] {
  background-color: #ffffff;
  display: flex;
  flex-direction: column;
  gap: 15px;
  padding: 20px 40px;
  border-radius: 0 10px 10px 0;
  width: fit-content;
}
@media screen and (max-width: 1199px) {
.vc-page-title-person .person[data-v-1ddc80b6] {
    padding: 20px 30px;
    gap: 12px;
}
}
@media screen and (max-width: 1050px) {
.vc-page-title-person .person[data-v-1ddc80b6] {
    padding: 20px 20px;
    gap: 10px;
}
}
@media screen and (max-width: 768px) {
.vc-page-title-person .person[data-v-1ddc80b6] {
    border-radius: 0 5px 5px 0;
    padding: 10px 20px;
    gap: 7px;
}
}
.vc-page-title-person .person .name[data-v-1ddc80b6] {
  font-size: 24px;
  font-weight: 900;
  line-height: 1;
  color: #0B3381;
}
@media screen and (max-width: 1399px) {
.vc-page-title-person .person .name[data-v-1ddc80b6] {
    font-size: 20px;
}
}
@media screen and (max-width: 1199px) {
.vc-page-title-person .person .name[data-v-1ddc80b6] {
    font-size: 18px;
}
}
@media screen and (max-width: 1050px) {
.vc-page-title-person .person .name[data-v-1ddc80b6] {
    font-size: 16px;
}
}
@media screen and (max-width: 768px) {
.vc-page-title-person .person .name[data-v-1ddc80b6] {
    font-size: 13px;
}
}
.vc-page-title-person .person .attr[data-v-1ddc80b6] {
  display: flex;
  gap: 1em;
  font-size: 20px;
  font-weight: 900;
  line-height: 1;
  color: #0B3381;
}
@media screen and (max-width: 1399px) {
.vc-page-title-person .person .attr[data-v-1ddc80b6] {
    font-size: 20px;
}
}
@media screen and (max-width: 1050px) {
.vc-page-title-person .person .attr[data-v-1ddc80b6] {
    font-size: 16px;
}
}
@media screen and (max-width: 768px) {
.vc-page-title-person .person .attr[data-v-1ddc80b6] {
    font-size: 10px;
}
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/vue-loader/dist/index.js??ruleSet[0]!./src/js/components/PageTitleRole/index.vue?vue&type=style&index=0&id=7ade6e74&lang=scss&scoped=true ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.hover-opacity-animation[data-v-7ade6e74], .hover-opacity-8[data-v-7ade6e74], .hover-opacity-7[data-v-7ade6e74], .hover-opacity-6[data-v-7ade6e74], .hover-opacity-5[data-v-7ade6e74] {
  opacity: 1;
  transition: opacity 0.2s;
}
.hover-opacity-5[data-v-7ade6e74]:hover {
  opacity: 0.5;
}
.hover-opacity-6[data-v-7ade6e74]:hover {
  opacity: 0.6;
}
.hover-opacity-7[data-v-7ade6e74]:hover {
  opacity: 0.7;
}
.hover-opacity-8[data-v-7ade6e74]:hover {
  opacity: 0.8;
}
.show-pc[data-v-7ade6e74] {
  display: inline;
}
@media screen and (max-width: 768px) {
.show-pc[data-v-7ade6e74] {
    display: none;
}
}
.show-sp[data-v-7ade6e74] {
  display: none;
}
@media screen and (max-width: 768px) {
.show-sp[data-v-7ade6e74] {
    display: inline;
}
}
.vc-page-title-person .inner[data-v-7ade6e74] {
  position: relative;
  padding-top: 41.6911764706%;
  background-size: cover;
  border-radius: 20px 0 0 20px;
}
@media screen and (max-width: 768px) {
.vc-page-title-person .inner[data-v-7ade6e74] {
    padding-top: 283px;
    border-radius: 10px 0 0 10px;
}
}
.vc-page-title-person .text[data-v-7ade6e74] {
  position: absolute;
  left: 0;
  bottom: 67px;
}
@media screen and (max-width: 1399px) {
.vc-page-title-person .text[data-v-7ade6e74] {
    bottom: 60px;
}
}
@media screen and (max-width: 1199px) {
.vc-page-title-person .text[data-v-7ade6e74] {
    bottom: 50px;
}
}
@media screen and (max-width: 1050px) {
.vc-page-title-person .text[data-v-7ade6e74] {
    bottom: 40px;
}
}
@media screen and (max-width: 768px) {
.vc-page-title-person .text[data-v-7ade6e74] {
    bottom: 33px;
}
}
.vc-page-title-person .title[data-v-7ade6e74] {
  display: flex;
  flex-direction: column;
  margin-bottom: 20px;
  gap: 15px;
}
@media screen and (max-width: 1199px) {
.vc-page-title-person .title[data-v-7ade6e74] {
    gap: 12px;
    margin-bottom: 14px;
}
}
@media screen and (max-width: 1050px) {
.vc-page-title-person .title[data-v-7ade6e74] {
    gap: 10px;
    margin-bottom: 12px;
}
}
@media screen and (max-width: 768px) {
.vc-page-title-person .title[data-v-7ade6e74] {
    gap: 7px;
    margin-bottom: 10px;
}
}
.vc-page-title-person .title[data-v-7ade6e74] > * {
  display: flex;
  align-items: center;
  width: fit-content;
  font-size: 48px;
  font-weight: 900;
  line-height: 1.6;
  height: 65px;
  padding: 0 20px 6px 40px;
  background-color: rgba(11, 51, 129, 0.8);
  color: #ffffff;
}
@media screen and (max-width: 1399px) {
.vc-page-title-person .title[data-v-7ade6e74] > * {
    line-height: 1;
    padding: 6px 40px 10px;
    height: unset;
    font-size: 40px;
}
}
@media screen and (max-width: 1199px) {
.vc-page-title-person .title[data-v-7ade6e74] > * {
    padding: 6px 30px 10px;
    font-size: 36px;
}
}
@media screen and (max-width: 1050px) {
.vc-page-title-person .title[data-v-7ade6e74] > * {
    padding: 6px 20px 10px;
    font-size: 30px;
}
}
@media screen and (max-width: 768px) {
.vc-page-title-person .title[data-v-7ade6e74] > * {
    height: 32px;
    font-size: 24px;
    padding: 0px 6px 2px 8px;
}
}
.vc-page-title-person .role[data-v-7ade6e74] {
  background-color: #ffffff;
  display: flex;
  flex-direction: column;
  gap: 15px;
  padding: 20px 40px;
  border-radius: 0 10px 10px 0;
  width: fit-content;
}
@media screen and (max-width: 1199px) {
.vc-page-title-person .role[data-v-7ade6e74] {
    padding: 20px 30px;
    gap: 12px;
}
}
@media screen and (max-width: 1050px) {
.vc-page-title-person .role[data-v-7ade6e74] {
    padding: 20px 20px;
    gap: 10px;
}
}
@media screen and (max-width: 768px) {
.vc-page-title-person .role[data-v-7ade6e74] {
    border-radius: 0 5px 5px 0;
    padding: 10px 20px;
    gap: 7px;
}
}
.vc-page-title-person .role .name[data-v-7ade6e74] {
  font-size: 24px;
  font-weight: 900;
  line-height: 1;
  color: #0B3381;
}
@media screen and (max-width: 1399px) {
.vc-page-title-person .role .name[data-v-7ade6e74] {
    font-size: 20px;
}
}
@media screen and (max-width: 1199px) {
.vc-page-title-person .role .name[data-v-7ade6e74] {
    font-size: 18px;
}
}
@media screen and (max-width: 1050px) {
.vc-page-title-person .role .name[data-v-7ade6e74] {
    font-size: 16px;
}
}
@media screen and (max-width: 768px) {
.vc-page-title-person .role .name[data-v-7ade6e74] {
    font-size: 13px;
}
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/vue-loader/dist/index.js??ruleSet[0]!./src/js/components/WorkEnvItem/index.vue?vue&type=style&index=0&id=6deb0814&lang=scss&scoped=true ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.hover-opacity-animation[data-v-6deb0814], .hover-opacity-8[data-v-6deb0814], .hover-opacity-7[data-v-6deb0814], .hover-opacity-6[data-v-6deb0814], .hover-opacity-5[data-v-6deb0814] {
  opacity: 1;
  transition: opacity 0.2s;
}
.hover-opacity-5[data-v-6deb0814]:hover {
  opacity: 0.5;
}
.hover-opacity-6[data-v-6deb0814]:hover {
  opacity: 0.6;
}
.hover-opacity-7[data-v-6deb0814]:hover {
  opacity: 0.7;
}
.hover-opacity-8[data-v-6deb0814]:hover {
  opacity: 0.8;
}
.show-pc[data-v-6deb0814] {
  display: inline;
}
@media screen and (max-width: 768px) {
.show-pc[data-v-6deb0814] {
    display: none;
}
}
.show-sp[data-v-6deb0814] {
  display: none;
}
@media screen and (max-width: 768px) {
.show-sp[data-v-6deb0814] {
    display: inline;
}
}
.vc-work-env-item[data-v-6deb0814] {
  background-color: #ffffff;
  border-radius: 20px;
  position: relative;
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 480px;
}
@media screen and (max-width: 1399px) {
.vc-work-env-item[data-v-6deb0814] {
    grid-template-columns: 1fr 400px;
}
}
@media screen and (max-width: 1050px) {
.vc-work-env-item[data-v-6deb0814] {
    grid-template-columns: 1fr 360px;
}
}
@media screen and (max-width: 768px) {
.vc-work-env-item[data-v-6deb0814] {
    grid-template-columns: 1fr;
    grid-template-areas: "image" "text";
}
}
.vc-work-env-item .image[data-v-6deb0814] {
  position: relative;
  padding: 32px 0;
  flex-shrink: 0;
  width: 480px;
  transform: translateX(60px);
}
@media screen and (max-width: 1399px) {
.vc-work-env-item .image[data-v-6deb0814] {
    width: 400px;
}
}
@media screen and (max-width: 1199px) {
.vc-work-env-item .image[data-v-6deb0814] {
    transform: translateX(30px);
}
}
@media screen and (max-width: 1050px) {
.vc-work-env-item .image[data-v-6deb0814] {
    width: 360px;
}
}
@media screen and (max-width: 768px) {
.vc-work-env-item .image[data-v-6deb0814] {
    transform: unset;
    width: 100%;
    padding: unset;
    margin-right: unset;
    grid-area: image;
}
}
.vc-work-env-item .image .inner[data-v-6deb0814] {
  position: relative;
  height: 100%;
}
.vc-work-env-item .image .inner img[data-v-6deb0814] {
  inset: 0;
  margin: auto;
  object-fit: cover;
  width: 100%;
  height: auto;
  border-radius: 20px;
}
@media screen and (max-width: 768px) {
.vc-work-env-item .image .inner img[data-v-6deb0814] {
    margin: unset;
    border-radius: 10px 10px 0 0;
}
}
.vc-work-env-item .text[data-v-6deb0814] {
  position: relative;
}
@media screen and (max-width: 768px) {
.vc-work-env-item .text[data-v-6deb0814] {
    position: unset;
    grid-area: text;
}
}
.vc-work-env-item .text .title[data-v-6deb0814] {
  margin: 0 -20px 0 -16px;
  position: absolute;
  inset: 40px auto auto 0;
  z-index: 1;
  white-space: nowrap;
}
@media screen and (max-width: 768px) {
.vc-work-env-item .text .title[data-v-6deb0814] {
    position: absolute;
    inset: 0 auto auto 0;
    margin: -40px 0 0 -10px;
}
}
.vc-work-env-item .text .title .inner[data-v-6deb0814] {
  font-size: 24px;
  font-weight: 900;
  color: #ffffff;
  line-height: 1.1666666667;
  background-color: #1E293B;
  padding: 20px 30px;
  border-radius: 0 8px 8px 0;
  display: inline-block;
}
@media screen and (max-width: 1399px) {
.vc-work-env-item .text .title .inner[data-v-6deb0814] {
    font-size: 22px;
}
}
@media screen and (max-width: 1199px) {
.vc-work-env-item .text .title .inner[data-v-6deb0814] {
    font-size: 20px;
}
}
@media screen and (max-width: 768px) {
.vc-work-env-item .text .title .inner[data-v-6deb0814] {
    font-size: 13px;
    line-height: 180%;
    padding: 10px 15px;
}
}
.vc-work-env-item .text .body[data-v-6deb0814] {
  padding: 153px 60px 60px 60px;
  font-size: 14px;
  line-height: 220%;
  font-weight: 400;
}
@media screen and (max-width: 1399px) {
.vc-work-env-item .text .body[data-v-6deb0814] {
    padding: 123px 0px 32px 40px;
}
}
@media screen and (max-width: 1199px) {
.vc-work-env-item .text .body[data-v-6deb0814] {
    padding: 123px 20px 32px 40px;
    line-height: 200%;
}
}
@media screen and (max-width: 1050px) {
.vc-work-env-item .text .body[data-v-6deb0814] {
    padding: 123px 10px 32px 40px;
}
}
@media screen and (max-width: 768px) {
.vc-work-env-item .text .body[data-v-6deb0814] {
    font-size: 13px;
    line-height: 180%;
    padding: 16px 20px 20px;
}
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/vue-loader/dist/index.js??ruleSet[0]!./src/js/components/InterviewBodyText/index.vue?vue&type=style&index=0&id=f459f212&lang=scss&scoped=true ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.hover-opacity-animation[data-v-f459f212], .hover-opacity-8[data-v-f459f212], .hover-opacity-7[data-v-f459f212], .hover-opacity-6[data-v-f459f212], .hover-opacity-5[data-v-f459f212] {
  opacity: 1;
  transition: opacity 0.2s;
}
.hover-opacity-5[data-v-f459f212]:hover {
  opacity: 0.5;
}
.hover-opacity-6[data-v-f459f212]:hover {
  opacity: 0.6;
}
.hover-opacity-7[data-v-f459f212]:hover {
  opacity: 0.7;
}
.hover-opacity-8[data-v-f459f212]:hover {
  opacity: 0.8;
}
.show-pc[data-v-f459f212] {
  display: inline;
}
@media screen and (max-width: 768px) {
.show-pc[data-v-f459f212] {
    display: none;
}
}
.show-sp[data-v-f459f212] {
  display: none;
}
@media screen and (max-width: 768px) {
.show-sp[data-v-f459f212] {
    display: inline;
}
}
.vc-interview-body-text[data-v-f459f212] {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.vc-interview-body-text .question[data-v-f459f212] {
  font-size: 14px;
  line-height: 2.4285714286;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
.vc-interview-body-text .question[data-v-f459f212] {
    font-size: 12px;
    line-height: 140%;
}
}
.vc-interview-body-text .answer .title[data-v-f459f212] {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 4px;
}
@media screen and (max-width: 768px) {
.vc-interview-body-text .answer .title[data-v-f459f212] {
    margin-bottom: 9px;
    gap: 4px;
}
}
.vc-interview-body-text .answer .title[data-v-f459f212] > * {
  display: flex;
  align-items: center;
  width: fit-content;
  padding: 0 16px 4px;
  font-size: 24px;
  line-height: 1;
  color: #ffffff;
  font-weight: 900;
  background-color: #0B3381;
  height: 42px;
}
@media screen and (max-width: 768px) {
.vc-interview-body-text .answer .title[data-v-f459f212] > * {
    height: auto;
    padding: 4px 8px 6px;
    font-size: 16px;
}
}
.vc-interview-body-text .answer .body[data-v-f459f212] {
  font-size: 16px;
  line-height: 2.125;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
.vc-interview-body-text .answer .body[data-v-f459f212] {
    font-size: 13px;
    line-height: 200%;
}
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/vue-loader/dist/index.js??ruleSet[0]!./src/js/components/InterviewBodyImage/index.vue?vue&type=style&index=0&id=7cf309a7&lang=scss&scoped=true ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.hover-opacity-animation[data-v-7cf309a7], .hover-opacity-8[data-v-7cf309a7], .hover-opacity-7[data-v-7cf309a7], .hover-opacity-6[data-v-7cf309a7], .hover-opacity-5[data-v-7cf309a7] {
  opacity: 1;
  transition: opacity 0.2s;
}
.hover-opacity-5[data-v-7cf309a7]:hover {
  opacity: 0.5;
}
.hover-opacity-6[data-v-7cf309a7]:hover {
  opacity: 0.6;
}
.hover-opacity-7[data-v-7cf309a7]:hover {
  opacity: 0.7;
}
.hover-opacity-8[data-v-7cf309a7]:hover {
  opacity: 0.8;
}
.show-pc[data-v-7cf309a7] {
  display: inline;
}
@media screen and (max-width: 768px) {
.show-pc[data-v-7cf309a7] {
    display: none;
}
}
.show-sp[data-v-7cf309a7] {
  display: none;
}
@media screen and (max-width: 768px) {
.show-sp[data-v-7cf309a7] {
    display: inline;
}
}
.vc-interview-body-image[data-v-7cf309a7] {
  display: flex;
  justify-content: center;
  position: relative;
  padding-bottom: 100px;
}
@media screen and (max-width: 768px) {
.vc-interview-body-image[data-v-7cf309a7] {
    overflow: hidden;
    padding-bottom: 50px;
}
}
.vc-interview-body-image .image[data-v-7cf309a7] {
  position: relative;
}
.vc-interview-body-image .image img[data-v-7cf309a7] {
  width: 100%;
  height: auto;
  border-radius: 20px;
}
@media screen and (max-width: 768px) {
.vc-interview-body-image .image img[data-v-7cf309a7] {
    border-radius: unset;
}
}
.vc-interview-body-image .bg[data-v-7cf309a7] {
  content: "";
  position: absolute;
  bottom: 0;
  left: -100%;
  right: -100%;
  margin: auto;
  height: 354px;
  width: calc(100vw - var(--scrollbar-width, 0px));
}
@media screen and (max-width: 768px) {
.vc-interview-body-image .bg[data-v-7cf309a7] {
    inset: auto 0 0;
    width: 100%;
    height: 100%;
}
}
.vc-interview-body-image .bg[data-v-7cf309a7]::before {
  content: "";
  position: absolute;
  inset: 0;
  margin: auto;
  background-image: url(/images/common/bg-thin.png);
  background-size: 450px;
}
@media screen and (max-width: 768px) {
.vc-interview-body-image .bg[data-v-7cf309a7]::before {
    width: 100%;
}
}
.vc-interview-body-image.right .bg[data-v-7cf309a7]::before {
  left: 425px;
}
@media screen and (max-width: 768px) {
.vc-interview-body-image.right .bg[data-v-7cf309a7]::before {
    left: unset;
}
}
.vc-interview-body-image.left .bg[data-v-7cf309a7]::before {
  right: 425px;
}
@media screen and (max-width: 768px) {
.vc-interview-body-image.left .bg[data-v-7cf309a7]::before {
    right: unset;
}
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/vue-loader/dist/index.js??ruleSet[0]!./src/js/components/Button/index.vue?vue&type=style&index=0&id=6c081bfe&lang=scss&scoped=true ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.hover-opacity-animation[data-v-6c081bfe], .hover-opacity-8[data-v-6c081bfe], .hover-opacity-7[data-v-6c081bfe], .hover-opacity-6[data-v-6c081bfe], .hover-opacity-5[data-v-6c081bfe] {
  opacity: 1;
  transition: opacity 0.2s;
}
.hover-opacity-5[data-v-6c081bfe]:hover {
  opacity: 0.5;
}
.hover-opacity-6[data-v-6c081bfe]:hover {
  opacity: 0.6;
}
.hover-opacity-7[data-v-6c081bfe]:hover {
  opacity: 0.7;
}
.hover-opacity-8[data-v-6c081bfe]:hover {
  opacity: 0.8;
}
.show-pc[data-v-6c081bfe] {
  display: inline;
}
@media screen and (max-width: 768px) {
.show-pc[data-v-6c081bfe] {
    display: none;
}
}
.show-sp[data-v-6c081bfe] {
  display: none;
}
@media screen and (max-width: 768px) {
.show-sp[data-v-6c081bfe] {
    display: inline;
}
}
.vc-button[data-v-6c081bfe] {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: #ffffff;
  text-decoration: none;
  min-width: 360px;
  min-height: 80px;
  border: solid 1px #0B3381;
  padding: 12px 80px;
  line-height: 160%;
}
.vc-button .label[data-v-6c081bfe] {
  font-size: 16px;
  color: #0B3381;
  font-weight: 700;
}
.vc-button .icon[data-v-6c081bfe] {
  position: absolute;
  display: block;
  width: 24px;
  height: 24px;
  top: 0;
  bottom: 0;
  right: 44px;
  margin: auto;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/vue-loader/dist/index.js??ruleSet[0]!./src/js/components/WorkRoleBodyItem/index.vue?vue&type=style&index=0&id=70ccc52a&lang=scss&scoped=true ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.hover-opacity-animation[data-v-70ccc52a], .hover-opacity-8[data-v-70ccc52a], .hover-opacity-7[data-v-70ccc52a], .hover-opacity-6[data-v-70ccc52a], .hover-opacity-5[data-v-70ccc52a] {
  opacity: 1;
  transition: opacity 0.2s;
}
.hover-opacity-5[data-v-70ccc52a]:hover {
  opacity: 0.5;
}
.hover-opacity-6[data-v-70ccc52a]:hover {
  opacity: 0.6;
}
.hover-opacity-7[data-v-70ccc52a]:hover {
  opacity: 0.7;
}
.hover-opacity-8[data-v-70ccc52a]:hover {
  opacity: 0.8;
}
.show-pc[data-v-70ccc52a] {
  display: inline;
}
@media screen and (max-width: 768px) {
.show-pc[data-v-70ccc52a] {
    display: none;
}
}
.show-sp[data-v-70ccc52a] {
  display: none;
}
@media screen and (max-width: 768px) {
.show-sp[data-v-70ccc52a] {
    display: inline;
}
}
.vc-work-role-body-item[data-v-70ccc52a] {
  display: flex;
  align-items: flex-end;
}
@media screen and (max-width: 768px) {
.vc-work-role-body-item[data-v-70ccc52a] {
    flex-direction: column-reverse;
}
}
.vc-work-role-body-item .image[data-v-70ccc52a] {
  flex: 1;
}
@media screen and (max-width: 768px) {
.vc-work-role-body-item .image[data-v-70ccc52a] {
    margin-left: 30px;
}
}
.vc-work-role-body-item .image img[data-v-70ccc52a] {
  width: 100%;
  height: auto;
  object-fit: cover;
  border-radius: 20px;
}
@media screen and (max-width: 768px) {
.vc-work-role-body-item .image img[data-v-70ccc52a] {
    border-radius: 10px;
}
}
.vc-work-role-body-item .text[data-v-70ccc52a] {
  position: relative;
  background-color: #ffffff;
  flex: 0 0 46.6101694915%;
  margin-right: -40px;
  margin-bottom: 32px;
  padding: 50px;
  min-height: 338px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 8px;
}
@media screen and (max-width: 1399px) {
.vc-work-role-body-item .text[data-v-70ccc52a] {
    min-height: unset;
    padding: 40px;
    flex: 0 0 50.8474576271%;
}
}
@media screen and (max-width: 1199px) {
.vc-work-role-body-item .text[data-v-70ccc52a] {
    padding: 30px;
}
}
@media screen and (max-width: 768px) {
.vc-work-role-body-item .text[data-v-70ccc52a] {
    margin-top: -63px;
    padding: 20px 16px;
    flex: unset;
    margin-right: 30px;
    margin-bottom: unset;
    gap: 9px;
}
}
.vc-work-role-body-item .text .title p[data-v-70ccc52a] {
  font-size: 20px;
  line-height: 1.7;
  font-weight: 900;
  color: #ffffff;
  background-color: #0B3381;
  width: fit-content;
  padding: 4px 16px;
}
@media screen and (max-width: 1199px) {
.vc-work-role-body-item .text .title p[data-v-70ccc52a] {
    font-size: 18px;
}
}
@media screen and (max-width: 1050px) {
.vc-work-role-body-item .text .title p[data-v-70ccc52a] {
    font-size: 16px;
    line-height: 160%;
}
}
@media screen and (max-width: 768px) {
.vc-work-role-body-item .text .title p[data-v-70ccc52a] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 29px;
    padding: 2px 8px;
    line-height: 130%;
}
}
.vc-work-role-body-item .text .body[data-v-70ccc52a] {
  color: #1E293B;
  font-size: 16px;
  line-height: 2.375;
  font-weight: 700;
}
@media screen and (max-width: 1399px) {
.vc-work-role-body-item .text .body[data-v-70ccc52a] {
    line-height: 200%;
}
}
@media screen and (max-width: 1199px) {
.vc-work-role-body-item .text .body[data-v-70ccc52a] {
    font-size: 14px;
}
}
@media screen and (max-width: 768px) {
.vc-work-role-body-item .text .body[data-v-70ccc52a] {
    font-size: 13px;
    font-weight: 400;
}
}
.vc-work-role-body-item.reverse[data-v-70ccc52a] {
  flex-direction: row-reverse;
}
@media screen and (max-width: 768px) {
.vc-work-role-body-item.reverse[data-v-70ccc52a] {
    flex-direction: column-reverse;
}
}
@media screen and (max-width: 768px) {
.vc-work-role-body-item.reverse .image[data-v-70ccc52a] {
    margin-left: unset;
    margin-right: 30px;
}
}
.vc-work-role-body-item.reverse .text[data-v-70ccc52a] {
  margin-left: -40px;
  margin-right: 0;
}
@media screen and (max-width: 768px) {
.vc-work-role-body-item.reverse .text[data-v-70ccc52a] {
    margin-left: 30px;
}
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/vue-loader/dist/index.js??ruleSet[0]!./src/js/components/WorkRoleSchedule/index.vue?vue&type=style&index=0&id=43d8c4a6&lang=scss&scoped=true ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.hover-opacity-animation[data-v-43d8c4a6], .hover-opacity-8[data-v-43d8c4a6], .hover-opacity-7[data-v-43d8c4a6], .hover-opacity-6[data-v-43d8c4a6], .hover-opacity-5[data-v-43d8c4a6] {
  opacity: 1;
  transition: opacity 0.2s;
}
.hover-opacity-5[data-v-43d8c4a6]:hover {
  opacity: 0.5;
}
.hover-opacity-6[data-v-43d8c4a6]:hover {
  opacity: 0.6;
}
.hover-opacity-7[data-v-43d8c4a6]:hover {
  opacity: 0.7;
}
.hover-opacity-8[data-v-43d8c4a6]:hover {
  opacity: 0.8;
}
.show-pc[data-v-43d8c4a6] {
  display: inline;
}
@media screen and (max-width: 768px) {
.show-pc[data-v-43d8c4a6] {
    display: none;
}
}
.show-sp[data-v-43d8c4a6] {
  display: none;
}
@media screen and (max-width: 768px) {
.show-sp[data-v-43d8c4a6] {
    display: inline;
}
}
.vc-work-role-schedule[data-v-43d8c4a6] {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
@media screen and (max-width: 768px) {
.vc-work-role-schedule[data-v-43d8c4a6] {
    gap: 8px;
}
}
.vc-work-role-schedule .item[data-v-43d8c4a6] {
  position: relative;
  display: flex;
  align-items: center;
  gap: 72px;
  padding: 16px 0;
}
@media screen and (max-width: 1399px) {
.vc-work-role-schedule .item[data-v-43d8c4a6] {
    gap: 60px;
}
}
@media screen and (max-width: 1199px) {
.vc-work-role-schedule .item[data-v-43d8c4a6] {
    gap: 50px;
}
}
@media screen and (max-width: 1050px) {
.vc-work-role-schedule .item[data-v-43d8c4a6] {
    gap: 40px;
}
}
@media screen and (max-width: 768px) {
.vc-work-role-schedule .item[data-v-43d8c4a6] {
    padding: 8px 0;
    gap: 30px;
}
}
.vc-work-role-schedule .item[data-v-43d8c4a6]::before, .vc-work-role-schedule .item[data-v-43d8c4a6]::after {
  content: "";
  width: 4px;
  height: calc(50% + 16px);
  position: absolute;
  left: 38px;
  background-color: #0B3381;
}
@media screen and (max-width: 768px) {
.vc-work-role-schedule .item[data-v-43d8c4a6]::before, .vc-work-role-schedule .item[data-v-43d8c4a6]::after {
    width: 1px;
    left: 30px;
}
}
.vc-work-role-schedule .item[data-v-43d8c4a6]::before {
  top: -16px;
}
.vc-work-role-schedule .item[data-v-43d8c4a6]::after {
  bottom: -16px;
}
.vc-work-role-schedule .item .time[data-v-43d8c4a6] {
  width: 80px;
  flex: 0 0 80px;
  height: 80px;
  border-radius: 50%;
  background-color: #0B3381;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  font-weight: 700;
  text-align: center;
  color: #ffffff;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 768px) {
.vc-work-role-schedule .item .time[data-v-43d8c4a6] {
    width: 60px;
    flex: 0 0 60px;
    height: 60px;
    font-size: 11px;
    line-height: 2.1818181818;
}
}
.vc-work-role-schedule .item .text[data-v-43d8c4a6] {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
@media screen and (max-width: 768px) {
.vc-work-role-schedule .item .text[data-v-43d8c4a6] {
    gap: 2px;
}
}
.vc-work-role-schedule .item .text .title[data-v-43d8c4a6] {
  font-size: 18px;
  font-weight: 700;
  color: #0B3381;
  line-height: 1.5555555556;
}
@media screen and (max-width: 768px) {
.vc-work-role-schedule .item .text .title[data-v-43d8c4a6] {
    font-size: 13px;
    line-height: 1.4;
}
}
.vc-work-role-schedule .item .text .body[data-v-43d8c4a6] {
  font-size: 16px;
  line-height: 1.75;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
.vc-work-role-schedule .item .text .body[data-v-43d8c4a6] {
    font-size: 12px;
    line-height: 180%;
}
}
.vc-work-role-schedule li:first-child .item[data-v-43d8c4a6]::before {
  display: none;
}
.vc-work-role-schedule li:last-child .item[data-v-43d8c4a6]::after {
  display: none;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/vue-loader/dist/index.js??ruleSet[0]!./src/js/components/PersonSlideSlider/index.vue?vue&type=style&index=0&id=0a22b8f8&lang=scss&scoped=true ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.hover-opacity-animation[data-v-0a22b8f8], .hover-opacity-8[data-v-0a22b8f8], .hover-opacity-7[data-v-0a22b8f8], .hover-opacity-6[data-v-0a22b8f8], .hover-opacity-5[data-v-0a22b8f8] {
  opacity: 1;
  transition: opacity 0.2s;
}
.hover-opacity-5[data-v-0a22b8f8]:hover {
  opacity: 0.5;
}
.hover-opacity-6[data-v-0a22b8f8]:hover {
  opacity: 0.6;
}
.hover-opacity-7[data-v-0a22b8f8]:hover {
  opacity: 0.7;
}
.hover-opacity-8[data-v-0a22b8f8]:hover {
  opacity: 0.8;
}
.show-pc[data-v-0a22b8f8] {
  display: inline;
}
@media screen and (max-width: 768px) {
.show-pc[data-v-0a22b8f8] {
    display: none;
}
}
.show-sp[data-v-0a22b8f8] {
  display: none;
}
@media screen and (max-width: 768px) {
.show-sp[data-v-0a22b8f8] {
    display: inline;
}
}
.vc-person-slide-slider[data-v-0a22b8f8] {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
@media screen and (max-width: 768px) {
.vc-person-slide-slider[data-v-0a22b8f8] {
    gap: 16px;
}
}
.vc-person-slide-slider .content[data-v-0a22b8f8] {
  position: relative;
}
.vc-person-slide-slider .content .slide[data-v-0a22b8f8] {
  width: calc(100vw - var(--scrollbar-width, 0px));
  position: absolute;
  left: -100%;
  right: -100%;
  margin: auto;
}
.vc-person-slide-slider .content .button[data-v-0a22b8f8] {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  z-index: 2;
  width: 78px;
  height: 96px;
}
@media screen and (max-width: 768px) {
.vc-person-slide-slider .content .button[data-v-0a22b8f8] {
    width: 39px;
    height: 48px;
}
}
.vc-person-slide-slider .content .button.prev[data-v-0a22b8f8] {
  left: 0;
}
.vc-person-slide-slider .content .button.next[data-v-0a22b8f8] {
  right: 0;
}
.vc-person-slide-slider .content .button button[data-v-0a22b8f8] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: inherit;
  height: inherit;
  border: solid 1px #0B3381;
  background-color: #ffffff;
}
.vc-person-slide-slider .content .button button.disabled[data-v-0a22b8f8] {
  opacity: 0.4;
}
.vc-person-slide-slider .content .button button svg[data-v-0a22b8f8] {
  width: 24px;
  height: 24px;
}
@media screen and (max-width: 768px) {
.vc-person-slide-slider .content .button button svg[data-v-0a22b8f8] {
    width: 12px;
    height: 12px;
}
}
.vc-person-slide-slider .bar[data-v-0a22b8f8] {
  height: 4px;
  padding: 0 0 0 120px;
}
@media screen and (max-width: 768px) {
.vc-person-slide-slider .bar[data-v-0a22b8f8] {
    height: 2px;
    padding: 0 0 0 60px;
}
}
.vc-person-slide-slider .bar .inner[data-v-0a22b8f8] {
  position: relative;
  height: inherit;
  background-color: #F0F1F3;
  border-radius: 2px;
}
.vc-person-slide-slider .bar .inner .current[data-v-0a22b8f8] {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  height: inherit;
  background-color: #249EFF;
  border-radius: 2px;
  transition: left 0.1s;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/vue-loader/dist/index.js??ruleSet[0]!./src/js/components/PersonSlideSmallSlider/index.vue?vue&type=style&index=0&id=aaf90bca&lang=scss&scoped=true ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.hover-opacity-animation[data-v-aaf90bca], .hover-opacity-8[data-v-aaf90bca], .hover-opacity-7[data-v-aaf90bca], .hover-opacity-6[data-v-aaf90bca], .hover-opacity-5[data-v-aaf90bca] {
  opacity: 1;
  transition: opacity 0.2s;
}
.hover-opacity-5[data-v-aaf90bca]:hover {
  opacity: 0.5;
}
.hover-opacity-6[data-v-aaf90bca]:hover {
  opacity: 0.6;
}
.hover-opacity-7[data-v-aaf90bca]:hover {
  opacity: 0.7;
}
.hover-opacity-8[data-v-aaf90bca]:hover {
  opacity: 0.8;
}
.show-pc[data-v-aaf90bca] {
  display: inline;
}
@media screen and (max-width: 768px) {
.show-pc[data-v-aaf90bca] {
    display: none;
}
}
.show-sp[data-v-aaf90bca] {
  display: none;
}
@media screen and (max-width: 768px) {
.show-sp[data-v-aaf90bca] {
    display: inline;
}
}
.vc-person-slide-small-slider[data-v-aaf90bca] {
  display: flex;
  flex-direction: column;
  gap: 43px;
}
@media screen and (max-width: 768px) {
.vc-person-slide-small-slider[data-v-aaf90bca] {
    gap: 17px;
}
}
.vc-person-slide-small-slider .content[data-v-aaf90bca] {
  display: flex;
  align-items: center;
  gap: 37px;
}
.vc-person-slide-small-slider .content .slide[data-v-aaf90bca] {
  min-width: 0;
  flex: 1;
}
@media screen and (max-width: 768px) {
.vc-person-slide-small-slider .content .slide[data-v-aaf90bca] {
    min-width: unset;
    width: 100%;
    flex: unset;
}
}
@media screen and (max-width: 768px) {
.vc-person-slide-small-slider .content .slide > .swiper[data-v-aaf90bca] {
    padding: 0 20px;
}
}
.vc-person-slide-small-slider .content .button[data-v-aaf90bca] {
  flex: 0 0 78px;
}
@media screen and (max-width: 1050px) {
.vc-person-slide-small-slider .content .button[data-v-aaf90bca] {
    flex: 0 0 50px;
}
}
@media screen and (max-width: 768px) {
.vc-person-slide-small-slider .content .button[data-v-aaf90bca] {
    flex: 0 0 0;
    display: none;
}
}
.vc-person-slide-small-slider .content .button button[data-v-aaf90bca] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 78px;
  height: 96px;
  border: solid 1px #0B3381;
  background-color: #ffffff;
}
@media screen and (max-width: 1050px) {
.vc-person-slide-small-slider .content .button button[data-v-aaf90bca] {
    width: 50px;
    height: 62px;
}
}
@media screen and (max-width: 768px) {
.vc-person-slide-small-slider .content .button button[data-v-aaf90bca] {
    display: none;
}
}
.vc-person-slide-small-slider .content .button button.disabled[data-v-aaf90bca] {
  opacity: 0.4;
}
.vc-person-slide-small-slider .bar[data-v-aaf90bca] {
  height: 4px;
  padding: 0 50px;
}
@media screen and (max-width: 768px) {
.vc-person-slide-small-slider .bar[data-v-aaf90bca] {
    height: 2px;
    padding: 0 20px;
}
}
.vc-person-slide-small-slider .bar .inner[data-v-aaf90bca] {
  position: relative;
  height: inherit;
  background-color: #F0F1F3;
  border-radius: 2px;
}
.vc-person-slide-small-slider .bar .inner .current[data-v-aaf90bca] {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  height: inherit;
  background-color: #249EFF;
  border-radius: 2px;
  transition: left 0.1s;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/vue-loader/dist/index.js??ruleSet[0]!./src/js/components/Number/common/Layout/index.vue?vue&type=style&index=0&id=9fd04012&lang=scss&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.hover-opacity-animation[data-v-9fd04012], .hover-opacity-8[data-v-9fd04012], .hover-opacity-7[data-v-9fd04012], .hover-opacity-6[data-v-9fd04012], .hover-opacity-5[data-v-9fd04012] {
  opacity: 1;
  transition: opacity 0.2s;
}
.hover-opacity-5[data-v-9fd04012]:hover {
  opacity: 0.5;
}
.hover-opacity-6[data-v-9fd04012]:hover {
  opacity: 0.6;
}
.hover-opacity-7[data-v-9fd04012]:hover {
  opacity: 0.7;
}
.hover-opacity-8[data-v-9fd04012]:hover {
  opacity: 0.8;
}
.show-pc[data-v-9fd04012] {
  display: inline;
}
@media screen and (max-width: 768px) {
.show-pc[data-v-9fd04012] {
    display: none;
}
}
.show-sp[data-v-9fd04012] {
  display: none;
}
@media screen and (max-width: 768px) {
.show-sp[data-v-9fd04012] {
    display: inline;
}
}
.vc-number-layout[data-v-9fd04012] {
  background-color: #ffffff;
  border: solid 1px #0B3381;
  padding: 36px 30px;
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  height: 100%;
}
@media screen and (max-width: 1199px) {
.vc-number-layout[data-v-9fd04012] {
    padding: 24px;
}
}
@media screen and (max-width: 768px) {
.vc-number-layout[data-v-9fd04012] {
    padding: 18px;
    border-radius: 10px;
}
}
.vc-number-layout .title[data-v-9fd04012] {
  color: #4E5969;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.6;
  text-align: center;
  margin-bottom: 30px;
}
@media screen and (max-width: 1199px) {
.vc-number-layout .title[data-v-9fd04012] {
    margin-bottom: 20px;
}
}
@media screen and (max-width: 1050px) {
.vc-number-layout .title[data-v-9fd04012] {
    font-size: 1.6rem;
}
}
@media screen and (max-width: 768px) {
.vc-number-layout .title[data-v-9fd04012] {
    font-size: 1rem;
    margin-bottom: 12px;
}
}
.vc-number-layout .content[data-v-9fd04012] {
  flex: 1;
  position: relative;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/vue-loader/dist/index.js??ruleSet[0]!./src/js/components/Number/common/Value/index.vue?vue&type=style&index=0&id=5f0ba6da&lang=scss&scoped=true ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.hover-opacity-animation[data-v-5f0ba6da], .hover-opacity-8[data-v-5f0ba6da], .hover-opacity-7[data-v-5f0ba6da], .hover-opacity-6[data-v-5f0ba6da], .hover-opacity-5[data-v-5f0ba6da] {
  opacity: 1;
  transition: opacity 0.2s;
}
.hover-opacity-5[data-v-5f0ba6da]:hover {
  opacity: 0.5;
}
.hover-opacity-6[data-v-5f0ba6da]:hover {
  opacity: 0.6;
}
.hover-opacity-7[data-v-5f0ba6da]:hover {
  opacity: 0.7;
}
.hover-opacity-8[data-v-5f0ba6da]:hover {
  opacity: 0.8;
}
.show-pc[data-v-5f0ba6da] {
  display: inline;
}
@media screen and (max-width: 768px) {
.show-pc[data-v-5f0ba6da] {
    display: none;
}
}
.show-sp[data-v-5f0ba6da] {
  display: none;
}
@media screen and (max-width: 768px) {
.show-sp[data-v-5f0ba6da] {
    display: inline;
}
}
.vc-number-value[data-v-5f0ba6da] {
  display: flex;
  align-items: flex-end;
  gap: 4px;
}
.vc-number-value .number[data-v-5f0ba6da] {
  font-family: "Manrope", sans-serif;
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1;
  color: #0B3381;
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: center;
}
.vc-number-value .number .integer[data-v-5f0ba6da] {
  font-size: 1em;
}
.vc-number-value .number .float[data-v-5f0ba6da] {
  font-size: 0.5283em;
  margin-bottom: 0.1em;
}
.vc-number-value .unit[data-v-5f0ba6da] {
  font-weight: 500;
  line-height: 1;
  color: #4E5969;
  margin-bottom: 0.4em;
  font-size: clamp(1.2rem, 0.23em, 24px);
}
@media screen and (max-width: 1050px) {
.vc-number-value .unit[data-v-5f0ba6da] {
    font-size: clamp(0.8rem, 0.23em, 24px);
}
}
.vc-number-value.x-large[data-v-5f0ba6da] {
  font-size: 11.6rem;
}
@media screen and (max-width: 1399px) {
.vc-number-value.x-large[data-v-5f0ba6da] {
    font-size: 8.7547169811rem;
}
}
@media screen and (max-width: 1199px) {
.vc-number-value.x-large[data-v-5f0ba6da] {
    font-size: 6.5660377358rem;
}
}
@media screen and (max-width: 768px) {
.vc-number-value.x-large[data-v-5f0ba6da] {
    font-size: 5.2528301887rem;
}
}
.vc-number-value.large[data-v-5f0ba6da] {
  font-size: 10.6rem;
}
@media screen and (max-width: 1399px) {
.vc-number-value.large[data-v-5f0ba6da] {
    font-size: 8rem;
}
}
@media screen and (max-width: 1199px) {
.vc-number-value.large[data-v-5f0ba6da] {
    font-size: 6rem;
}
}
@media screen and (max-width: 768px) {
.vc-number-value.large[data-v-5f0ba6da] {
    font-size: 4.8rem;
}
}
.vc-number-value.medium[data-v-5f0ba6da] {
  font-size: 8.6rem;
}
@media screen and (max-width: 1399px) {
.vc-number-value.medium[data-v-5f0ba6da] {
    font-size: 6.4905660377rem;
}
}
@media screen and (max-width: 1199px) {
.vc-number-value.medium[data-v-5f0ba6da] {
    font-size: 4.8679245283rem;
}
}
@media screen and (max-width: 768px) {
.vc-number-value.medium[data-v-5f0ba6da] {
    font-size: 3.8943396226rem;
}
}
.vc-number-value.small[data-v-5f0ba6da] {
  font-size: 6.6rem;
}
@media screen and (max-width: 1399px) {
.vc-number-value.small[data-v-5f0ba6da] {
    font-size: 4.9811320755rem;
}
}
@media screen and (max-width: 1199px) {
.vc-number-value.small[data-v-5f0ba6da] {
    font-size: 3.7358490566rem;
}
}
@media screen and (max-width: 768px) {
.vc-number-value.small[data-v-5f0ba6da] {
    font-size: 2.9886792453rem;
}
}
.vc-number-value.xo-small[data-v-5f0ba6da] {
  font-size: 5.6rem;
}
@media screen and (max-width: 1399px) {
.vc-number-value.xo-small[data-v-5f0ba6da] {
    font-size: 4.2264150943rem;
}
}
@media screen and (max-width: 1199px) {
.vc-number-value.xo-small[data-v-5f0ba6da] {
    font-size: 3.1698113208rem;
}
}
@media screen and (max-width: 768px) {
.vc-number-value.xo-small[data-v-5f0ba6da] {
    font-size: 2.5358490566rem;
}
}
.vc-number-value.x-small[data-v-5f0ba6da] {
  font-size: 4.6rem;
}
@media screen and (max-width: 1399px) {
.vc-number-value.x-small[data-v-5f0ba6da] {
    font-size: 3.4716981132rem;
}
}
@media screen and (max-width: 1199px) {
.vc-number-value.x-small[data-v-5f0ba6da] {
    font-size: 2.6037735849rem;
}
}
@media screen and (max-width: 768px) {
.vc-number-value.x-small[data-v-5f0ba6da] {
    font-size: 2.0830188679rem;
}
}
.vc-number-value.xx-small[data-v-5f0ba6da] {
  font-size: 3.2rem;
}
@media screen and (max-width: 1399px) {
.vc-number-value.xx-small[data-v-5f0ba6da] {
    font-size: 2.4150943396rem;
}
}
@media screen and (max-width: 1199px) {
.vc-number-value.xx-small[data-v-5f0ba6da] {
    font-size: 1.8113207547rem;
}
}
@media screen and (max-width: 768px) {
.vc-number-value.xx-small[data-v-5f0ba6da] {
    font-size: 1.4490566038rem;
}
}
.vc-number-value.blue .integer[data-v-5f0ba6da] {
  color: #0B3381;
}
.vc-number-value.blue2 .integer[data-v-5f0ba6da] {
  color: #249EFF;
}
.vc-number-value.blue3 .integer[data-v-5f0ba6da] {
  color: #44CBFD;
}
.vc-number-value.blue-dark .integer[data-v-5f0ba6da] {
  color: rgba(30, 41, 59, 0.9);
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/vue-loader/dist/index.js??ruleSet[0]!./src/js/components/Number/Telework/index.vue?vue&type=style&index=0&id=d76817f0&lang=scss&scoped=true ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.hover-opacity-animation[data-v-d76817f0], .hover-opacity-8[data-v-d76817f0], .hover-opacity-7[data-v-d76817f0], .hover-opacity-6[data-v-d76817f0], .hover-opacity-5[data-v-d76817f0] {
  opacity: 1;
  transition: opacity 0.2s;
}
.hover-opacity-5[data-v-d76817f0]:hover {
  opacity: 0.5;
}
.hover-opacity-6[data-v-d76817f0]:hover {
  opacity: 0.6;
}
.hover-opacity-7[data-v-d76817f0]:hover {
  opacity: 0.7;
}
.hover-opacity-8[data-v-d76817f0]:hover {
  opacity: 0.8;
}
.show-pc[data-v-d76817f0] {
  display: inline;
}
@media screen and (max-width: 768px) {
.show-pc[data-v-d76817f0] {
    display: none;
}
}
.show-sp[data-v-d76817f0] {
  display: none;
}
@media screen and (max-width: 768px) {
.show-sp[data-v-d76817f0] {
    display: inline;
}
}
.vc-number-telewrok[data-v-d76817f0] {
  height: 100%;
}
.vc-number-telewrok .content[data-v-d76817f0] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 16px;
  height: 100%;
}
.vc-number-telewrok .content .icon[data-v-d76817f0] {
  aspect-ratio: 1/1;
  width: 28.1690140845%;
}
@media screen and (max-width: 768px) {
.vc-number-telewrok .content .icon[data-v-d76817f0] {
    width: 36.8%;
    max-width: 4.6rem;
}
}
.vc-number-telewrok .content .icon svg[data-v-d76817f0] {
  width: 100%;
  height: 100%;
}
.vc-number-telewrok .content .icon svg path[data-v-d76817f0] {
  opacity: 0.2;
  stroke: #44CBFD;
  stroke-width: 1;
  stroke-linecap: round;
  stroke-dasharray: 300;
  stroke-dashoffset: 300;
}
.vc-number-telewrok .content .icon.start svg path[data-v-d76817f0] {
  opacity: 1;
  animation: line-animation-d76817f0 1s linear 0s both 1;
}
@keyframes line-animation-d76817f0 {
0% {
    stroke-dashoffset: 300;
    fill: transparent;
}
50% {
    stroke-dashoffset: 0;
    fill: transparent;
}
100% {
    stroke-dashoffset: 0;
    fill: #44CBFD;
}
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/vue-loader/dist/index.js??ruleSet[0]!./src/js/components/Number/Established/index.vue?vue&type=style&index=0&id=456e6a81&lang=scss&scoped=true ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.hover-opacity-animation[data-v-456e6a81], .hover-opacity-8[data-v-456e6a81], .hover-opacity-7[data-v-456e6a81], .hover-opacity-6[data-v-456e6a81], .hover-opacity-5[data-v-456e6a81] {
  opacity: 1;
  transition: opacity 0.2s;
}
.hover-opacity-5[data-v-456e6a81]:hover {
  opacity: 0.5;
}
.hover-opacity-6[data-v-456e6a81]:hover {
  opacity: 0.6;
}
.hover-opacity-7[data-v-456e6a81]:hover {
  opacity: 0.7;
}
.hover-opacity-8[data-v-456e6a81]:hover {
  opacity: 0.8;
}
.show-pc[data-v-456e6a81] {
  display: inline;
}
@media screen and (max-width: 768px) {
.show-pc[data-v-456e6a81] {
    display: none;
}
}
.show-sp[data-v-456e6a81] {
  display: none;
}
@media screen and (max-width: 768px) {
.show-sp[data-v-456e6a81] {
    display: inline;
}
}
.vc-number-established[data-v-456e6a81] {
  height: 100%;
}
.vc-number-established .content[data-v-456e6a81] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 16px;
  height: 100%;
}
@media screen and (max-width: 768px) {
.vc-number-established .content[data-v-456e6a81] {
    gap: 6px;
}
}
.vc-number-established .content .icon[data-v-456e6a81] {
  aspect-ratio: 1/1;
  width: 28.1690140845%;
}
@media screen and (max-width: 768px) {
.vc-number-established .content .icon[data-v-456e6a81] {
    width: 36.8%;
    max-width: 4.6rem;
}
}
.vc-number-established .content .icon svg[data-v-456e6a81] {
  width: 100%;
  height: 100%;
}
.vc-number-established .content .icon svg path[data-v-456e6a81] {
  opacity: 0.2;
  stroke: #44CBFD;
  stroke-width: 1;
  stroke-linecap: round;
  stroke-dasharray: 300;
  stroke-dashoffset: 300;
}
.vc-number-established .content .value[data-v-456e6a81] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
}
@media screen and (max-width: 768px) {
.vc-number-established .content .value[data-v-456e6a81] {
    gap: 2px;
}
}
.vc-number-established .content .value .note[data-v-456e6a81] {
  color: #4E5969;
  font-size: 14px;
  line-height: 1.1428571429;
}
@media screen and (max-width: 768px) {
.vc-number-established .content .value .note[data-v-456e6a81] {
    font-size: 7px;
    line-height: 1.2857142857;
}
}
.vc-number-established .content .icon.start svg path[data-v-456e6a81] {
  opacity: 1;
  animation: line-animation-456e6a81 1s linear 0s both 1;
}
@keyframes line-animation-456e6a81 {
0% {
    stroke-dashoffset: 300;
    fill: transparent;
}
50% {
    stroke-dashoffset: 0;
    fill: transparent;
}
100% {
    stroke-dashoffset: 0;
    fill: #44CBFD;
}
}
.vc-number-established.horizontal .content[data-v-456e6a81] {
  flex-direction: row;
}
.vc-number-established.horizontal .content .icon[data-v-456e6a81] {
  width: 18.9504373178%;
}
@media screen and (max-width: 768px) {
.vc-number-established.horizontal .content .icon[data-v-456e6a81] {
    width: 35.4609929078%;
    max-width: 4.6rem;
}
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/vue-loader/dist/index.js??ruleSet[0]!./src/js/components/Number/Turnover/index.vue?vue&type=style&index=0&id=35ee219e&lang=scss&scoped=true ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.hover-opacity-animation[data-v-35ee219e], .hover-opacity-8[data-v-35ee219e], .hover-opacity-7[data-v-35ee219e], .hover-opacity-6[data-v-35ee219e], .hover-opacity-5[data-v-35ee219e] {
  opacity: 1;
  transition: opacity 0.2s;
}
.hover-opacity-5[data-v-35ee219e]:hover {
  opacity: 0.5;
}
.hover-opacity-6[data-v-35ee219e]:hover {
  opacity: 0.6;
}
.hover-opacity-7[data-v-35ee219e]:hover {
  opacity: 0.7;
}
.hover-opacity-8[data-v-35ee219e]:hover {
  opacity: 0.8;
}
.show-pc[data-v-35ee219e] {
  display: inline;
}
@media screen and (max-width: 768px) {
.show-pc[data-v-35ee219e] {
    display: none;
}
}
.show-sp[data-v-35ee219e] {
  display: none;
}
@media screen and (max-width: 768px) {
.show-sp[data-v-35ee219e] {
    display: inline;
}
}
.vc-number-turnover[data-v-35ee219e] {
  height: 100%;
}
.vc-number-turnover .content[data-v-35ee219e] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 16px;
  height: 100%;
}
.vc-number-turnover .content .icon[data-v-35ee219e] {
  aspect-ratio: 1/1;
  width: 28.1690140845%;
}
@media screen and (max-width: 768px) {
.vc-number-turnover .content .icon[data-v-35ee219e] {
    width: 36.8%;
    max-width: 4.6rem;
}
}
.vc-number-turnover .content .icon svg[data-v-35ee219e] {
  width: 100%;
  height: 100%;
}
.vc-number-turnover .content .icon svg path[data-v-35ee219e] {
  opacity: 0.2;
  stroke: #44CBFD;
  stroke-width: 1;
  stroke-linecap: round;
  stroke-dasharray: 300;
  stroke-dashoffset: 300;
}
.vc-number-turnover .content .icon.start svg path[data-v-35ee219e] {
  opacity: 1;
  animation: line-animation-35ee219e 1s linear 0s both 1;
}
@keyframes line-animation-35ee219e {
0% {
    stroke-dashoffset: 300;
    fill: transparent;
}
50% {
    stroke-dashoffset: 0;
    fill: transparent;
}
100% {
    stroke-dashoffset: 0;
    fill: #44CBFD;
}
}
.vc-number-turnover.horizontal .content[data-v-35ee219e] {
  flex-direction: row;
}
.vc-number-turnover.horizontal .content .icon[data-v-35ee219e] {
  width: 18.9504373178%;
}
@media screen and (max-width: 768px) {
.vc-number-turnover.horizontal .content .icon[data-v-35ee219e] {
    width: 35.4609929078%;
    max-width: 4.6rem;
}
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/vue-loader/dist/index.js??ruleSet[0]!./src/js/components/Number/Overtime/index.vue?vue&type=style&index=0&id=c53ca724&lang=scss&scoped=true ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.hover-opacity-animation[data-v-c53ca724], .hover-opacity-8[data-v-c53ca724], .hover-opacity-7[data-v-c53ca724], .hover-opacity-6[data-v-c53ca724], .hover-opacity-5[data-v-c53ca724] {
  opacity: 1;
  transition: opacity 0.2s;
}
.hover-opacity-5[data-v-c53ca724]:hover {
  opacity: 0.5;
}
.hover-opacity-6[data-v-c53ca724]:hover {
  opacity: 0.6;
}
.hover-opacity-7[data-v-c53ca724]:hover {
  opacity: 0.7;
}
.hover-opacity-8[data-v-c53ca724]:hover {
  opacity: 0.8;
}
.show-pc[data-v-c53ca724] {
  display: inline;
}
@media screen and (max-width: 768px) {
.show-pc[data-v-c53ca724] {
    display: none;
}
}
.show-sp[data-v-c53ca724] {
  display: none;
}
@media screen and (max-width: 768px) {
.show-sp[data-v-c53ca724] {
    display: inline;
}
}
.vc-number-overtime[data-v-c53ca724] {
  height: 100%;
}
.vc-number-overtime .content[data-v-c53ca724] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 16px;
  height: 100%;
}
.vc-number-overtime .content .icon[data-v-c53ca724] {
  aspect-ratio: 1/1;
  width: 28.1690140845%;
}
@media screen and (max-width: 768px) {
.vc-number-overtime .content .icon[data-v-c53ca724] {
    width: 36.8%;
    max-width: 4.6rem;
}
}
.vc-number-overtime .content .icon svg[data-v-c53ca724] {
  width: 100%;
  height: 100%;
}
.vc-number-overtime .content .icon svg path[data-v-c53ca724] {
  opacity: 0.2;
  stroke: #86DF6C;
  stroke-width: 1;
  stroke-linecap: round;
  stroke-dasharray: 300;
  stroke-dashoffset: 300;
}
.vc-number-overtime .content .icon.start svg path[data-v-c53ca724] {
  opacity: 1;
  animation: line-animation-c53ca724 1s linear 0s both 1;
}
@keyframes line-animation-c53ca724 {
0% {
    stroke-dashoffset: 300;
    fill: transparent;
}
50% {
    stroke-dashoffset: 0;
    fill: transparent;
}
100% {
    stroke-dashoffset: 0;
    fill: #86DF6C;
}
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/vue-loader/dist/index.js??ruleSet[0]!./src/js/components/Number/Holiday/index.vue?vue&type=style&index=0&id=49bb8641&lang=scss&scoped=true ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.hover-opacity-animation[data-v-49bb8641], .hover-opacity-8[data-v-49bb8641], .hover-opacity-7[data-v-49bb8641], .hover-opacity-6[data-v-49bb8641], .hover-opacity-5[data-v-49bb8641] {
  opacity: 1;
  transition: opacity 0.2s;
}
.hover-opacity-5[data-v-49bb8641]:hover {
  opacity: 0.5;
}
.hover-opacity-6[data-v-49bb8641]:hover {
  opacity: 0.6;
}
.hover-opacity-7[data-v-49bb8641]:hover {
  opacity: 0.7;
}
.hover-opacity-8[data-v-49bb8641]:hover {
  opacity: 0.8;
}
.show-pc[data-v-49bb8641] {
  display: inline;
}
@media screen and (max-width: 768px) {
.show-pc[data-v-49bb8641] {
    display: none;
}
}
.show-sp[data-v-49bb8641] {
  display: none;
}
@media screen and (max-width: 768px) {
.show-sp[data-v-49bb8641] {
    display: inline;
}
}
.vc-number-holiday[data-v-49bb8641] {
  height: 100%;
}
.vc-number-holiday .content[data-v-49bb8641] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 16px;
  height: 100%;
}
.vc-number-holiday .content .icon[data-v-49bb8641] {
  aspect-ratio: 1/1;
  width: 28.1690140845%;
}
@media screen and (max-width: 768px) {
.vc-number-holiday .content .icon[data-v-49bb8641] {
    width: 36.8%;
    max-width: 4.6rem;
}
}
.vc-number-holiday .content .icon svg[data-v-49bb8641] {
  width: 100%;
  height: 100%;
}
.vc-number-holiday .content .icon svg path[data-v-49bb8641] {
  opacity: 0.2;
  stroke: #249EFF;
  stroke-width: 1;
  stroke-linecap: round;
  stroke-dasharray: 300;
  stroke-dashoffset: 300;
}
.vc-number-holiday .content .value[data-v-49bb8641] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
}
@media screen and (max-width: 768px) {
.vc-number-holiday .content .value[data-v-49bb8641] {
    gap: 2px;
}
}
.vc-number-holiday .content .value .note[data-v-49bb8641] {
  color: #4E5969;
  font-size: 14px;
  line-height: 1.1428571429;
}
@media screen and (max-width: 768px) {
.vc-number-holiday .content .value .note[data-v-49bb8641] {
    font-size: 7px;
    line-height: 1.2857142857;
}
}
.vc-number-holiday .content .icon.start svg path[data-v-49bb8641] {
  opacity: 1;
  animation: line-animation-49bb8641 1s linear 0s both 1;
}
@keyframes line-animation-49bb8641 {
0% {
    stroke-dashoffset: 300;
    fill: transparent;
}
50% {
    stroke-dashoffset: 0;
    fill: transparent;
}
100% {
    stroke-dashoffset: 0;
    fill: #249EFF;
}
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/vue-loader/dist/index.js??ruleSet[0]!./src/js/components/Number/Engineer/index.vue?vue&type=style&index=0&id=519dfbbc&lang=scss&scoped=true ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.hover-opacity-animation[data-v-519dfbbc], .hover-opacity-8[data-v-519dfbbc], .hover-opacity-7[data-v-519dfbbc], .hover-opacity-6[data-v-519dfbbc], .hover-opacity-5[data-v-519dfbbc] {
  opacity: 1;
  transition: opacity 0.2s;
}
.hover-opacity-5[data-v-519dfbbc]:hover {
  opacity: 0.5;
}
.hover-opacity-6[data-v-519dfbbc]:hover {
  opacity: 0.6;
}
.hover-opacity-7[data-v-519dfbbc]:hover {
  opacity: 0.7;
}
.hover-opacity-8[data-v-519dfbbc]:hover {
  opacity: 0.8;
}
.show-pc[data-v-519dfbbc] {
  display: inline;
}
@media screen and (max-width: 768px) {
.show-pc[data-v-519dfbbc] {
    display: none;
}
}
.show-sp[data-v-519dfbbc] {
  display: none;
}
@media screen and (max-width: 768px) {
.show-sp[data-v-519dfbbc] {
    display: inline;
}
}
.vc-number-engineer[data-v-519dfbbc] {
  height: 100%;
}
.vc-number-engineer .content[data-v-519dfbbc] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 16px;
  height: 100%;
}
.vc-number-engineer .content .icon[data-v-519dfbbc] {
  aspect-ratio: 1/1;
  width: 28.1690140845%;
}
@media screen and (max-width: 768px) {
.vc-number-engineer .content .icon[data-v-519dfbbc] {
    width: 36.8%;
    max-width: 4.6rem;
}
}
.vc-number-engineer .content .icon svg[data-v-519dfbbc] {
  width: 100%;
  height: 100%;
}
.vc-number-engineer .content .icon svg path[data-v-519dfbbc] {
  opacity: 0.2;
  stroke: #44CBFD;
  stroke-width: 1;
  stroke-linecap: round;
  stroke-dasharray: 300;
  stroke-dashoffset: 300;
}
.vc-number-engineer .content .icon.start svg path[data-v-519dfbbc] {
  opacity: 1;
  animation: line-animation-519dfbbc 1s linear 0s both 1;
}
@keyframes line-animation-519dfbbc {
0% {
    stroke-dashoffset: 300;
    fill: transparent;
}
50% {
    stroke-dashoffset: 0;
    fill: transparent;
}
100% {
    stroke-dashoffset: 0;
    fill: #44CBFD;
}
}
.vc-number-engineer.horizontal .content[data-v-519dfbbc] {
  flex-direction: row;
}
.vc-number-engineer.horizontal .content .icon[data-v-519dfbbc] {
  width: 18.9504373178%;
}
@media screen and (max-width: 768px) {
.vc-number-engineer.horizontal .content .icon[data-v-519dfbbc] {
    width: 35.4609929078%;
    max-width: 4.6rem;
}
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/vue-loader/dist/index.js??ruleSet[0]!./src/js/components/Number/PaidHoliday/index.vue?vue&type=style&index=0&id=0a50bdd5&lang=scss&scoped=true ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.hover-opacity-animation[data-v-0a50bdd5], .hover-opacity-8[data-v-0a50bdd5], .hover-opacity-7[data-v-0a50bdd5], .hover-opacity-6[data-v-0a50bdd5], .hover-opacity-5[data-v-0a50bdd5] {
  opacity: 1;
  transition: opacity 0.2s;
}
.hover-opacity-5[data-v-0a50bdd5]:hover {
  opacity: 0.5;
}
.hover-opacity-6[data-v-0a50bdd5]:hover {
  opacity: 0.6;
}
.hover-opacity-7[data-v-0a50bdd5]:hover {
  opacity: 0.7;
}
.hover-opacity-8[data-v-0a50bdd5]:hover {
  opacity: 0.8;
}
.show-pc[data-v-0a50bdd5] {
  display: inline;
}
@media screen and (max-width: 768px) {
.show-pc[data-v-0a50bdd5] {
    display: none;
}
}
.show-sp[data-v-0a50bdd5] {
  display: none;
}
@media screen and (max-width: 768px) {
.show-sp[data-v-0a50bdd5] {
    display: inline;
}
}
.vc-number-paid-holiday[data-v-0a50bdd5] {
  height: 100%;
}
.vc-number-paid-holiday .content[data-v-0a50bdd5] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 16px;
  height: 100%;
}
@media screen and (max-width: 768px) {
.vc-number-paid-holiday .content[data-v-0a50bdd5] {
    gap: 0;
}
}
.vc-number-paid-holiday .content .icon[data-v-0a50bdd5] {
  aspect-ratio: 1/1;
  width: 21.1267605634%;
}
@media screen and (max-width: 768px) {
.vc-number-paid-holiday .content .icon[data-v-0a50bdd5] {
    width: 36.8%;
    max-width: 4.6rem;
}
}
.vc-number-paid-holiday .content .icon svg[data-v-0a50bdd5] {
  width: 100%;
  height: 100%;
}
.vc-number-paid-holiday .content .icon svg path[data-v-0a50bdd5] {
  opacity: 0.2;
  stroke: #86DF6C;
  stroke-width: 1;
  stroke-linecap: round;
  stroke-dasharray: 300;
  stroke-dashoffset: 300;
}
.vc-number-paid-holiday .content .icon.start svg path[data-v-0a50bdd5] {
  opacity: 1;
  animation: line-animation-0a50bdd5 1s linear 0s both 1;
}
@keyframes line-animation-0a50bdd5 {
0% {
    stroke-dashoffset: 300;
    fill: transparent;
}
50% {
    stroke-dashoffset: 0;
    fill: transparent;
}
100% {
    stroke-dashoffset: 0;
    fill: #86DF6C;
}
}
.vc-number-paid-holiday .content .value hr[data-v-0a50bdd5] {
  width: 100%;
  border-top: 1px dashed #CBD5E1;
  margin: 0;
}
.vc-number-paid-holiday .content .value .row[data-v-0a50bdd5] {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 0;
}
.vc-number-paid-holiday .content .value .row .label[data-v-0a50bdd5] {
  color: #4E5969;
}
.vc-number-paid-holiday .content .value .row .label.large[data-v-0a50bdd5] {
  font-size: 16px;
}
@media screen and (max-width: 768px) {
.vc-number-paid-holiday .content .value .row .label.large[data-v-0a50bdd5] {
    font-size: 8px;
}
}
.vc-number-paid-holiday .content .value .row .label.small[data-v-0a50bdd5] {
  font-size: 13px;
}
@media screen and (max-width: 768px) {
.vc-number-paid-holiday .content .value .row .label.small[data-v-0a50bdd5] {
    font-size: 7.5px;
}
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/vue-loader/dist/index.js??ruleSet[0]!./src/js/components/Number/Fashion/index.vue?vue&type=style&index=0&id=d7fb78be&lang=scss&scoped=true ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.hover-opacity-animation[data-v-d7fb78be], .hover-opacity-8[data-v-d7fb78be], .hover-opacity-7[data-v-d7fb78be], .hover-opacity-6[data-v-d7fb78be], .hover-opacity-5[data-v-d7fb78be] {
  opacity: 1;
  transition: opacity 0.2s;
}
.hover-opacity-5[data-v-d7fb78be]:hover {
  opacity: 0.5;
}
.hover-opacity-6[data-v-d7fb78be]:hover {
  opacity: 0.6;
}
.hover-opacity-7[data-v-d7fb78be]:hover {
  opacity: 0.7;
}
.hover-opacity-8[data-v-d7fb78be]:hover {
  opacity: 0.8;
}
.show-pc[data-v-d7fb78be] {
  display: inline;
}
@media screen and (max-width: 768px) {
.show-pc[data-v-d7fb78be] {
    display: none;
}
}
.show-sp[data-v-d7fb78be] {
  display: none;
}
@media screen and (max-width: 768px) {
.show-sp[data-v-d7fb78be] {
    display: inline;
}
}
.vc-number-fashion[data-v-d7fb78be] {
  height: 100%;
}
.vc-number-fashion .content[data-v-d7fb78be] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 16px;
  height: 100%;
}
.vc-number-fashion .content .value[data-v-d7fb78be] {
  display: inline-table;
}
.vc-number-fashion .content .value hr[data-v-d7fb78be] {
  width: 100%;
  border-top: 1px dashed #CBD5E1;
  margin: 0;
}
.vc-number-fashion .content .value .row[data-v-d7fb78be] {
  display: table-row;
  align-items: center;
  gap: 8px;
}
.vc-number-fashion .content .value .row[data-v-d7fb78be] > * {
  display: table-cell;
  vertical-align: middle;
  padding: 1.2rem;
  border-bottom: 1px dashed #CBD5E1;
}
@media screen and (max-width: 768px) {
.vc-number-fashion .content .value .row[data-v-d7fb78be] > * {
    padding: 0.6rem;
}
}
.vc-number-fashion .content .value .row[data-v-d7fb78be]:last-child > * {
  border-bottom: 0;
}
.vc-number-fashion .content .value .row .label[data-v-d7fb78be] {
  color: #4E5969;
}
.vc-number-fashion .content .value .row .label .inner[data-v-d7fb78be] {
  display: flex;
  align-items: center;
  gap: 6px;
}
.vc-number-fashion .content .value .row .label.large[data-v-d7fb78be] {
  font-size: 16px;
}
@media screen and (max-width: 768px) {
.vc-number-fashion .content .value .row .label.large[data-v-d7fb78be] {
    font-size: 8px;
}
}
.vc-number-fashion .content .value .row .label.large svg[data-v-d7fb78be] {
  width: 40px;
}
@media screen and (max-width: 768px) {
.vc-number-fashion .content .value .row .label.large svg[data-v-d7fb78be] {
    width: 20px;
}
}
.vc-number-fashion .content .value .row .label.medium[data-v-d7fb78be] {
  font-size: 13px;
}
@media screen and (max-width: 768px) {
.vc-number-fashion .content .value .row .label.medium[data-v-d7fb78be] {
    font-size: 7.5px;
}
}
.vc-number-fashion .content .value .row .label.medium svg[data-v-d7fb78be] {
  width: 33px;
}
@media screen and (max-width: 768px) {
.vc-number-fashion .content .value .row .label.medium svg[data-v-d7fb78be] {
    width: 16.5px;
}
}
.vc-number-fashion .content .value .row .label.small[data-v-d7fb78be] {
  font-size: 13px;
}
@media screen and (max-width: 768px) {
.vc-number-fashion .content .value .row .label.small[data-v-d7fb78be] {
    font-size: 7.5px;
}
}
.vc-number-fashion .content .value .row .label.small svg[data-v-d7fb78be] {
  width: 28px;
}
@media screen and (max-width: 768px) {
.vc-number-fashion .content .value .row .label.small svg[data-v-d7fb78be] {
    width: 14px;
}
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/vue-loader/dist/index.js??ruleSet[0]!./src/js/components/Number/Trigger/index.vue?vue&type=style&index=0&id=85af08be&lang=scss&scoped=true ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.hover-opacity-animation[data-v-85af08be], .hover-opacity-8[data-v-85af08be], .hover-opacity-7[data-v-85af08be], .hover-opacity-6[data-v-85af08be], .hover-opacity-5[data-v-85af08be] {
  opacity: 1;
  transition: opacity 0.2s;
}
.hover-opacity-5[data-v-85af08be]:hover {
  opacity: 0.5;
}
.hover-opacity-6[data-v-85af08be]:hover {
  opacity: 0.6;
}
.hover-opacity-7[data-v-85af08be]:hover {
  opacity: 0.7;
}
.hover-opacity-8[data-v-85af08be]:hover {
  opacity: 0.8;
}
.show-pc[data-v-85af08be] {
  display: inline;
}
@media screen and (max-width: 768px) {
.show-pc[data-v-85af08be] {
    display: none;
}
}
.show-sp[data-v-85af08be] {
  display: none;
}
@media screen and (max-width: 768px) {
.show-sp[data-v-85af08be] {
    display: inline;
}
}
.vc-number-trigger[data-v-85af08be] {
  height: 100%;
}
.vc-number-trigger .content[data-v-85af08be] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 16px;
  height: 100%;
}
.vc-number-trigger .content .value[data-v-85af08be] {
  display: inline-table;
}
.vc-number-trigger .content .value hr[data-v-85af08be] {
  width: 100%;
  border-top: 1px dashed #CBD5E1;
  margin: 0;
}
.vc-number-trigger .content .value .row[data-v-85af08be] {
  display: table-row;
  align-items: center;
  gap: 8px;
}
.vc-number-trigger .content .value .row[data-v-85af08be] > * {
  display: table-cell;
  vertical-align: middle;
  padding: 1.2rem;
  border-bottom: 1px dashed #CBD5E1;
}
@media screen and (max-width: 768px) {
.vc-number-trigger .content .value .row[data-v-85af08be] > * {
    padding: 0.6rem;
}
}
.vc-number-trigger .content .value .row[data-v-85af08be]:last-child > * {
  border-bottom: 0;
}
.vc-number-trigger .content .value .row .label[data-v-85af08be] {
  color: #4E5969;
}
.vc-number-trigger .content .value .row .label .inner[data-v-85af08be] {
  display: flex;
  align-items: center;
  gap: 6px;
}
.vc-number-trigger .content .value .row .label.large[data-v-85af08be] {
  font-weight: 700;
  font-size: 18px;
}
@media screen and (max-width: 768px) {
.vc-number-trigger .content .value .row .label.large[data-v-85af08be] {
    font-size: 9px;
}
}
.vc-number-trigger .content .value .row .label.large svg[data-v-85af08be] {
  width: 44px;
}
@media screen and (max-width: 768px) {
.vc-number-trigger .content .value .row .label.large svg[data-v-85af08be] {
    width: 22px;
}
}
.vc-number-trigger .content .value .row .label.medium[data-v-85af08be] {
  font-size: 15px;
}
@media screen and (max-width: 768px) {
.vc-number-trigger .content .value .row .label.medium[data-v-85af08be] {
    font-size: 7.5px;
}
}
.vc-number-trigger .content .value .row .label.small[data-v-85af08be] {
  font-size: 13px;
}
@media screen and (max-width: 768px) {
.vc-number-trigger .content .value .row .label.small[data-v-85af08be] {
    font-size: 7.5px;
}
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/vue-loader/dist/index.js??ruleSet[0]!./src/js/components/Number/Charm/index.vue?vue&type=style&index=0&id=91b20300&lang=scss&scoped=true ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.hover-opacity-animation[data-v-91b20300], .hover-opacity-8[data-v-91b20300], .hover-opacity-7[data-v-91b20300], .hover-opacity-6[data-v-91b20300], .hover-opacity-5[data-v-91b20300] {
  opacity: 1;
  transition: opacity 0.2s;
}
.hover-opacity-5[data-v-91b20300]:hover {
  opacity: 0.5;
}
.hover-opacity-6[data-v-91b20300]:hover {
  opacity: 0.6;
}
.hover-opacity-7[data-v-91b20300]:hover {
  opacity: 0.7;
}
.hover-opacity-8[data-v-91b20300]:hover {
  opacity: 0.8;
}
.show-pc[data-v-91b20300] {
  display: inline;
}
@media screen and (max-width: 768px) {
.show-pc[data-v-91b20300] {
    display: none;
}
}
.show-sp[data-v-91b20300] {
  display: none;
}
@media screen and (max-width: 768px) {
.show-sp[data-v-91b20300] {
    display: inline;
}
}
.vc-number-charm[data-v-91b20300] {
  height: 100%;
}
.vc-number-charm .content[data-v-91b20300] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 16px;
  height: 100%;
}
.vc-number-charm .content .value[data-v-91b20300] {
  display: inline-table;
}
.vc-number-charm .content .value hr[data-v-91b20300] {
  width: 100%;
  border-top: 1px dashed #CBD5E1;
  margin: 0;
}
.vc-number-charm .content .value .row[data-v-91b20300] {
  display: table-row;
  align-items: center;
  gap: 8px;
}
.vc-number-charm .content .value .row[data-v-91b20300] > * {
  display: table-cell;
  vertical-align: middle;
  padding: 1.2rem;
  border-bottom: 1px dashed #CBD5E1;
}
@media screen and (max-width: 768px) {
.vc-number-charm .content .value .row[data-v-91b20300] > * {
    padding: 0.6rem;
}
}
.vc-number-charm .content .value .row[data-v-91b20300]:last-child > * {
  border-bottom: 0;
}
.vc-number-charm .content .value .row .label[data-v-91b20300] {
  color: #4E5969;
}
.vc-number-charm .content .value .row .label .inner[data-v-91b20300] {
  display: flex;
  align-items: center;
  gap: 6px;
}
.vc-number-charm .content .value .row .label.large[data-v-91b20300] {
  font-weight: 700;
  font-size: 18px;
}
@media screen and (max-width: 768px) {
.vc-number-charm .content .value .row .label.large[data-v-91b20300] {
    font-size: 9px;
}
}
.vc-number-charm .content .value .row .label.large svg[data-v-91b20300] {
  width: 44px;
}
@media screen and (max-width: 768px) {
.vc-number-charm .content .value .row .label.large svg[data-v-91b20300] {
    width: 22px;
}
}
.vc-number-charm .content .value .row .label.medium[data-v-91b20300] {
  font-size: 15px;
}
@media screen and (max-width: 768px) {
.vc-number-charm .content .value .row .label.medium[data-v-91b20300] {
    font-size: 7.5px;
}
}
.vc-number-charm .content .value .row .label.small[data-v-91b20300] {
  font-size: 13px;
}
@media screen and (max-width: 768px) {
.vc-number-charm .content .value .row .label.small[data-v-91b20300] {
    font-size: 7.5px;
}
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/vue-loader/dist/index.js??ruleSet[0]!./src/js/components/Number/Ratio/index.vue?vue&type=style&index=0&id=6635c5b4&lang=scss&scoped=true ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.hover-opacity-animation[data-v-6635c5b4], .hover-opacity-8[data-v-6635c5b4], .hover-opacity-7[data-v-6635c5b4], .hover-opacity-6[data-v-6635c5b4], .hover-opacity-5[data-v-6635c5b4] {
  opacity: 1;
  transition: opacity 0.2s;
}
.hover-opacity-5[data-v-6635c5b4]:hover {
  opacity: 0.5;
}
.hover-opacity-6[data-v-6635c5b4]:hover {
  opacity: 0.6;
}
.hover-opacity-7[data-v-6635c5b4]:hover {
  opacity: 0.7;
}
.hover-opacity-8[data-v-6635c5b4]:hover {
  opacity: 0.8;
}
.show-pc[data-v-6635c5b4] {
  display: inline;
}
@media screen and (max-width: 768px) {
.show-pc[data-v-6635c5b4] {
    display: none;
}
}
.show-sp[data-v-6635c5b4] {
  display: none;
}
@media screen and (max-width: 768px) {
.show-sp[data-v-6635c5b4] {
    display: inline;
}
}
.vc-ratio[data-v-6635c5b4] {
  height: 100%;
}
.vc-ratio .content[data-v-6635c5b4] {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  gap: 4px;
}
@media screen and (max-width: 768px) {
.vc-ratio .content[data-v-6635c5b4] {
    gap: 0;
}
}
.vc-ratio .content .graph[data-v-6635c5b4] {
  width: 124px;
  flex: 0 0 124px;
}
@media screen and (max-width: 768px) {
.vc-ratio .content .graph[data-v-6635c5b4] {
    width: 64px;
    flex: 0 0 64px;
}
}
.vc-ratio .content .value .label[data-v-6635c5b4] {
  text-align: center;
  color: #4E5969;
  font-size: 16px;
  margin-bottom: 4px;
  padding-right: 12px;
}
@media screen and (max-width: 768px) {
.vc-ratio .content .value .label[data-v-6635c5b4] {
    font-size: 10px;
    margin-bottom: 2px;
}
}
.vc-ratio .content .value.right[data-v-6635c5b4] {
  padding-left: 8px;
}
@media screen and (max-width: 768px) {
.vc-ratio .content .value.right[data-v-6635c5b4] {
    padding-left: 4px;
}
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/vue-loader/dist/index.js??ruleSet[0]!./src/js/components/Number/AgeAverage/index.vue?vue&type=style&index=0&id=98c0abaa&lang=scss&scoped=true ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.hover-opacity-animation[data-v-98c0abaa], .hover-opacity-8[data-v-98c0abaa], .hover-opacity-7[data-v-98c0abaa], .hover-opacity-6[data-v-98c0abaa], .hover-opacity-5[data-v-98c0abaa] {
  opacity: 1;
  transition: opacity 0.2s;
}
.hover-opacity-5[data-v-98c0abaa]:hover {
  opacity: 0.5;
}
.hover-opacity-6[data-v-98c0abaa]:hover {
  opacity: 0.6;
}
.hover-opacity-7[data-v-98c0abaa]:hover {
  opacity: 0.7;
}
.hover-opacity-8[data-v-98c0abaa]:hover {
  opacity: 0.8;
}
.show-pc[data-v-98c0abaa] {
  display: inline;
}
@media screen and (max-width: 768px) {
.show-pc[data-v-98c0abaa] {
    display: none;
}
}
.show-sp[data-v-98c0abaa] {
  display: none;
}
@media screen and (max-width: 768px) {
.show-sp[data-v-98c0abaa] {
    display: inline;
}
}
.vc-age-average[data-v-98c0abaa] {
  height: 100%;
}
.vc-age-average .content[data-v-98c0abaa] {
  position: relative;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 36rem;
  margin: auto;
}
@media screen and (max-width: 1050px) {
.vc-age-average .content[data-v-98c0abaa] {
    max-width: 46.2rem;
}
}
@media screen and (max-width: 768px) {
.vc-age-average .content[data-v-98c0abaa] {
    max-width: 24rem;
}
}
.vc-age-average .content .graph[data-v-98c0abaa] {
  position: relative;
  max-width: 320px;
  width: 60%;
  background-color: #ffffff;
  border-radius: 50%;
  box-shadow: 0 0 0 0.2rem #ffffff;
}
.vc-age-average .content .graph canvas[data-v-98c0abaa] {
  width: 100% !important;
  height: 100% !important;
}
@media screen and (max-width: 768px) {
.vc-age-average .content .graph[data-v-98c0abaa] {
    max-width: auto;
    width: 108px;
}
}
.vc-age-average .content .value-ave[data-v-98c0abaa] {
  position: absolute;
  inset: 0;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin-bottom: 0.8rem;
}
.vc-age-average .content .value-ave .label[data-v-98c0abaa] {
  font-size: 1.8rem;
  font-weight: 700;
  color: #0B3381;
  margin-bottom: 0.4rem;
}
@media screen and (max-width: 768px) {
.vc-age-average .content .value-ave .label[data-v-98c0abaa] {
    font-size: 1.15rem;
    margin-bottom: 0.2rem;
}
}
.vc-age-average .content .value[data-v-98c0abaa] {
  position: absolute;
}
.vc-age-average .content .value .label[data-v-98c0abaa] {
  text-align: center;
  color: #4E5969;
  font-size: 1.3rem;
  margin-bottom: 4px;
}
.vc-age-average .content .value .label .en[data-v-98c0abaa] {
  font-family: "Manrope", sans-serif;
}
@media screen and (max-width: 768px) {
.vc-age-average .content .value .label[data-v-98c0abaa] {
    font-size: 1rem;
    margin-bottom: 2px;
}
}
.vc-age-average .content .value.v1[data-v-98c0abaa] {
  top: 0;
  right: 0;
  padding-top: 2rem;
  margin-right: -1rem;
}
@media screen and (max-width: 1050px) {
.vc-age-average .content .value.v1[data-v-98c0abaa] {
    padding-top: 1rem;
}
}
.vc-age-average .content .value.v1[data-v-98c0abaa]::before, .vc-age-average .content .value.v1[data-v-98c0abaa]::after {
  content: "";
  position: absolute;
  background-color: #44CBFD;
  bottom: 1.6rem;
  height: 0.1rem;
  transform-origin: right top;
}
@media screen and (max-width: 768px) {
.vc-age-average .content .value.v1[data-v-98c0abaa]::before, .vc-age-average .content .value.v1[data-v-98c0abaa]::after {
    bottom: 0.8rem;
}
}
.vc-age-average .content .value.v1[data-v-98c0abaa]::before {
  left: -2.6rem;
  width: 2.2rem;
}
@media screen and (max-width: 768px) {
.vc-age-average .content .value.v1[data-v-98c0abaa]::before {
    left: -1.3rem;
    width: 1.1rem;
}
}
.vc-age-average .content .value.v1[data-v-98c0abaa]::after {
  transform: rotate(-45deg);
  left: -12.6rem;
  width: 10rem;
}
@media screen and (max-width: 768px) {
.vc-age-average .content .value.v1[data-v-98c0abaa]::after {
    left: -6.3rem;
    width: 5rem;
}
}
.vc-age-average .content .value.v2[data-v-98c0abaa] {
  bottom: 0;
  left: 0;
}
.vc-age-average .content .value.v2[data-v-98c0abaa]::before, .vc-age-average .content .value.v2[data-v-98c0abaa]::after {
  content: "";
  position: absolute;
  background-color: #249EFF;
  bottom: 1.6rem;
  height: 0.1rem;
  transform-origin: left top;
}
@media screen and (max-width: 768px) {
.vc-age-average .content .value.v2[data-v-98c0abaa]::before, .vc-age-average .content .value.v2[data-v-98c0abaa]::after {
    bottom: 0.8rem;
}
}
.vc-age-average .content .value.v2[data-v-98c0abaa]::before {
  right: -2.6rem;
  width: 2.2rem;
}
@media screen and (max-width: 768px) {
.vc-age-average .content .value.v2[data-v-98c0abaa]::before {
    right: -1.3rem;
    width: 1.1rem;
}
}
.vc-age-average .content .value.v2[data-v-98c0abaa]::after {
  transform: rotate(-45deg);
  right: -12.6rem;
  width: 10rem;
}
@media screen and (max-width: 768px) {
.vc-age-average .content .value.v2[data-v-98c0abaa]::after {
    right: -6.3rem;
    width: 5rem;
}
}
.vc-age-average .content .value.v3[data-v-98c0abaa] {
  top: 0;
  left: 0;
}
.vc-age-average .content .value.v3[data-v-98c0abaa]::before, .vc-age-average .content .value.v3[data-v-98c0abaa]::after {
  content: "";
  position: absolute;
  background-color: #0B3381;
  bottom: 1.6rem;
  height: 0.1rem;
  transform-origin: left top;
}
@media screen and (max-width: 768px) {
.vc-age-average .content .value.v3[data-v-98c0abaa]::before, .vc-age-average .content .value.v3[data-v-98c0abaa]::after {
    bottom: 0.8rem;
}
}
.vc-age-average .content .value.v3[data-v-98c0abaa]::before {
  right: -2.6rem;
  width: 2.2rem;
}
@media screen and (max-width: 768px) {
.vc-age-average .content .value.v3[data-v-98c0abaa]::before {
    right: -1.3rem;
    width: 1.1rem;
}
}
.vc-age-average .content .value.v3[data-v-98c0abaa]::after {
  transform: rotate(45deg);
  right: -12.6rem;
  width: 10rem;
}
@media screen and (max-width: 768px) {
.vc-age-average .content .value.v3[data-v-98c0abaa]::after {
    right: -6.3rem;
    width: 5rem;
}
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/vue-loader/dist/index.js??ruleSet[0]!./src/js/components/Number/AgeAverageDetail/index.vue?vue&type=style&index=0&id=511bed48&lang=scss&scoped=true ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.hover-opacity-animation[data-v-511bed48], .hover-opacity-8[data-v-511bed48], .hover-opacity-7[data-v-511bed48], .hover-opacity-6[data-v-511bed48], .hover-opacity-5[data-v-511bed48] {
  opacity: 1;
  transition: opacity 0.2s;
}
.hover-opacity-5[data-v-511bed48]:hover {
  opacity: 0.5;
}
.hover-opacity-6[data-v-511bed48]:hover {
  opacity: 0.6;
}
.hover-opacity-7[data-v-511bed48]:hover {
  opacity: 0.7;
}
.hover-opacity-8[data-v-511bed48]:hover {
  opacity: 0.8;
}
.show-pc[data-v-511bed48] {
  display: inline;
}
@media screen and (max-width: 768px) {
.show-pc[data-v-511bed48] {
    display: none;
}
}
.show-sp[data-v-511bed48] {
  display: none;
}
@media screen and (max-width: 768px) {
.show-sp[data-v-511bed48] {
    display: inline;
}
}
.vc-age-average-detail[data-v-511bed48] {
  height: 100%;
}
.vc-age-average-detail .content[data-v-511bed48] {
  height: 100%;
  margin: auto;
  max-width: 48rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.vc-age-average-detail .content .graph[data-v-511bed48] {
  position: relative;
  display: flex;
  min-height: 18.7rem;
  max-height: 374px;
  height: 100%;
  width: 100%;
  padding-top: 3.2rem;
}
.vc-age-average-detail .content .graph .value-ave[data-v-511bed48] {
  position: absolute;
  top: 0;
  right: 0;
}
.vc-age-average-detail .content .graph .value-ave .label[data-v-511bed48] {
  font-size: 2.8rem;
  color: #0B3381;
  font-weight: 700;
  text-align: center;
}
@media screen and (max-width: 768px) {
.vc-age-average-detail .content .graph .value-ave .label[data-v-511bed48] {
    font-size: 1.4rem;
}
}
.vc-age-average-detail .content .graph .graph-item[data-v-511bed48] {
  position: relative;
  flex: 1;
  display: flex;
  flex-direction: column;
}
.vc-age-average-detail .content .graph .graph-item .bar-area[data-v-511bed48] {
  position: relative;
  flex: 1;
}
.vc-age-average-detail .content .graph .graph-item .bar-area .bar[data-v-511bed48] {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  height: 0;
  width: 2.6rem;
  background-color: #0B3381;
  transition: height 1.5s;
}
@media screen and (max-width: 768px) {
.vc-age-average-detail .content .graph .graph-item .bar-area .bar[data-v-511bed48] {
    width: 1.3rem;
}
}
.vc-age-average-detail .content .graph .graph-item .bar-area .bar.blue[data-v-511bed48] {
  background-color: #0B3381;
}
.vc-age-average-detail .content .graph .graph-item .bar-area .bar.blue2[data-v-511bed48] {
  background-color: #249EFF;
}
.vc-age-average-detail .content .graph .graph-item .bar-area .bar.blue3[data-v-511bed48] {
  background-color: #44CBFD;
}
.vc-age-average-detail .content .graph .graph-item .bar-area .bar.blue-dark[data-v-511bed48] {
  background-color: rgba(30, 41, 59, 0.9);
}
.vc-age-average-detail .content .graph .graph-item .bar-area .bar .num[data-v-511bed48] {
  position: absolute;
  top: -4rem;
  left: -100%;
  right: -100%;
  margin: auto;
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 768px) {
.vc-age-average-detail .content .graph .graph-item .bar-area .bar .num[data-v-511bed48] {
    top: -1.6rem;
}
}
.vc-age-average-detail .content .graph .graph-item .label[data-v-511bed48] {
  text-align: center;
  color: #4E5969;
  font-size: 1.3rem;
  border-top: solid 0.2rem #4E5969;
  padding-top: 1.6rem;
}
@media screen and (max-width: 768px) {
.vc-age-average-detail .content .graph .graph-item .label[data-v-511bed48] {
    padding-top: 0.8rem;
    font-size: 0.8rem;
    border-top-width: 0.1rem;
}
}
.vc-age-average-detail .content .graph .graph-item .label .en[data-v-511bed48] {
  font-size: 1.54em;
  font-family: "Manrope", sans-serif;
}

/*# sourceMappingURL=index.css.map*/