@charset "UTF-8";
.sp {
  display: block !important; }

.pc {
  display: none !important; }

.pc_inlineblock {
  display: none; }

@media (min-width: 429px) {
  .sp {
    display: none !important; }

  .pc {
    display: block !important; }

  .pc_inlineblock {
    display: inline-block; } }
/* ======================================
common
====================================== */
* {
  margin: 0px;
  padding: 0px;
  box-sizing: border-box; }
  *:before, *:after {
    box-sizing: border-box; }

html {
  font-size: 62.5% !important;
  /*background: #ff0000 !important;*/
  font-family: "Ryumin Regular KL", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

body {
  -webkit-text-size-adjust: 100%;
  overflow-x: hidden;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0.1rem;
  background: #ff0000; }
  body.fix {
    overflow: hidden; }
  body.top {
    background: none; }
  body.no-scroll {
    position: fixed;
    overflow: hidden;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    overscroll-behavior: none; }

h1, h2, h3, h4, h5 {
  font-family: "Noto Sans JP", sans-seri;
  font-optical-sizing: auto;
  font-weight: 800;
  font-style: normal; }

main {
  width: 100vw;
  overflow: hidden; }

.section {
  width: 100%;
  margin: 100px auto;
  background: #ff0000; }

iframe {
  display: block !important; }

p.text {
  color: #fff;
  font-size: 1.5rem;
  line-height: 1.733; }

.link_out p:after {
  content: "";
  background: url(../images/link_out.svg);
  background-size: cover;
  width: 0.95em;
  height: 0.8em;
  display: inline-block;
  padding: 0px;
  margin-left: 10px; }

a {
  word-break: break-all;
  transition: 0.3s; }
  a:hover {
    opacity: 0.5; }
  a.p-anima-2:hover, a .c-btn:hover, a .change_topAbout_btn01:hover {
    opacity: inherit; }

/* ======================================
ヘッダー
====================================== */
.head {
  width: 100vw;
  position: fixed;
  display: flex;
  align-items: flex-end;
  z-index: 100;
  /*padding-top:10px;
  padding-left:10px;*/
  /*ハンバーガーメニュー*/
  /*	.hamburger_bar:nth-child(2) {
  	  top: 50%;
  	  transform: translateY(-50%);
  	}*/
  /*	.hamburger_bar.is_active:nth-child(2) {
  	  transform: translate(50%, -50%);
  	  opacity: 0;
  	}*/
  /*.nav-list {
    display: flex;
    flex-direction: column;
    gap: 32px;
    color:#fff;
  }*/
  /* リセットCSS */
  /*アコーディオン*/ }
  .head .logoArea img {
    width: 105px;
    height: 24.8px;
    margin: 18px 10px 10px; }
  .head .logo_sub {
    margin-left: 10px;
    font-size: 10px;
    color: #fff;
    display: inline-block;
    margin: 10px 5px 15px;
    font-family: "Noto Sans JP", sans-serif;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
    letter-spacing: 0.01rem; }
  .head .conts-body {
    margin: 0 auto; }
  .head .hamburger {
    width: 45px;
    height: 18px;
    position: absolute;
    top: 20px;
    right: 10px;
    z-index: 100; }
  .head .hamburger_bar {
    display: block;
    width: 100%;
    height: 1px;
    position: absolute;
    left: 0;
    background: #fff;
    transition: top 0.24s, transform 0.24s, opacity 0.24s; }
  .head .hamburger_bar:nth-child(1) {
    top: 0; }
  .head .hamburger_bar:nth-child(2) {
    top: 100%;
    transform: translateY(-100%); }
  .head .hamburger_bar.is_active:nth-child(1) {
    top: 50%;
    transform: translateY(-50%) rotate(135deg); }
  .head .hamburger_bar.is_active:nth-child(2) {
    top: 50%;
    transform: translateY(-50%) rotate(-135deg); }
  .head .nav {
    width: 100vw;
    height: 100vh;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 99;
    background: #000;
    /*display: flex;
    justify-content: center;
    align-items: center;*/
    opacity: 0;
    transition: opacity 0.24s;
    pointer-events: none;
    padding: 0px 20px 0px;
    /*Google Chrome、Safariへの対応*/ }
    .head .nav .menuArea {
      /*white-space: nowrap;*/
      overflow-y: scroll;
      height: 100vh;
      /*IE(Internet Explorer)・Microsoft Edgeへの対応*/
      -ms-overflow-style: none;
      /*Firefoxへの対応*/
      scrollbar-width: none;
      padding-top: 80px; }
    .head .nav .contents_box::-webkit-scrollbar {
      display: none; }
  .head .nav.is_active {
    opacity: 1;
    pointer-events: auto;
    overflow: scroll; }
  .head button {
    border-color: transparent;
    background: transparent;
    cursor: pointer; }
  .head ul {
    list-style-type: none;
    margin: 0;
    padding: 0; }
  .head a {
    text-decoration: none;
    color: inherit; }
  .head .link_menu {
    margin-top: 25px;
    display: block; }
    .head .link_menu:first-of-type {
      margin-top: 30px; }
    .head .link_menu p {
      color: #fff;
      font-size: 1.4rem; }
    .head .link_menu p:before {
      content: "";
      background: url(../images/arrow_02.svg);
      background-size: cover;
      width: 0.5em;
      height: 0.8em;
      display: inline-block;
      padding: 0px;
      margin-right: 10px; }
    .head .link_menu.open {
      padding-top: 0;
      color: #fff;
      font-size: 1.4rem;
      margin-bottom: 40px; }
    .head .link_menu.open_02 {
      margin-bottom: 0px; }
    .head .link_menu.last {
      padding-bottom: 50px; }
  .head .l-accordion input {
    display: none; }
  .head .l-accordion {
    margin-bottom: 50px; }
  .head .l-accordion .l-accordion-inside {
    /*border: 2px solid #555;*/
    height: 0;
    opacity: 0;
    transition: 0.5s;
    display: none; }
  .head .l-accordion input:checked ~ .l-accordion-inside {
    height: auto;
    opacity: 1;
    display: block; }
    .head .l-accordion input:checked ~ .l-accordion-inside p {
      color: #fff;
      font-size: 1.4rem; }
  .head .l-accordion .l-accordion-switch {
    /*	  position: relative;
    	  display: block;
    	  @include noto-sans-jp-800;
    	  padding: 0px;
    	  cursor: pointer;
    	  color:#fff;	
    	  font-size:2.2rem;	*/ }
  .head .menu_cate_ttl {
    position: relative;
    display: block;
    font-family: "Noto Sans JP", sans-seri;
    font-optical-sizing: auto;
    font-weight: 800;
    font-style: normal;
    padding: 0px;
    cursor: pointer;
    color: #fff;
    font-size: 2.2rem; }
  .head .l-accordion .l-accordion-switch::before,
  .head .l-accordion .l-accordion-switch::after {
    content: '';
    position: absolute;
    display: block;
    width: 20px;
    height: 1px;
    background: #fff;
    top: 50%;
    right: 10px;
    transform: translateY(-50%); }
  .head .l-accordion .l-accordion-switch::after {
    transform: translateY(-50%) rotate(90deg);
    transition: 0.5s; }
  .head .l-accordion input:checked ~ .l-accordion-switch::after {
    transform: rotate(0);
    transition: 0.5s; }

/* ======================================
TOPメインビジュアル アニメーションC
====================================== */
/*マウスインタラクション*/
/*見た目のCSS*/
/* ======================================
見出しテキスト
====================================== */
h2 {
  line-height: 1.333; }

.section {
  padding: 0 20px;
  /*	h2{
  		&.ttl_h2{
  			font-size:3.8rem;
  			color:#fff;
  			margin-bottom:40px;
  			.title_sub{
  				font-size:2.0rem;
  				color:#fff;
  			}
  		}
  	}*/ }
  .section h2.ttl_h2 {
    font-size: 4rem;
    color: #fff;
    margin-bottom: 15px;
    margin-top: 35px;
    line-height: 1.1; }
  .section p.title_sub {
    font-size: 2.2rem;
    color: #fff;
    margin-bottom: 20px;
    font-family: "Noto Sans JP", sans-seri;
    font-optical-sizing: auto;
    font-weight: 800;
    font-style: normal; }
  .section.section_wide {
    padding: 0;
    max-width: none;
    width: auto;
    margin: 0 auto; }
    .section.section_wide .narrow {
      padding: 0 20px;
      width: 100%; }

/* ======================================
見出しテキスト アニメーション（背景色が伸びて出現）
====================================== */
/*全共通*/
.bgextend, .bgextend02 {
  animation-name: bgextendAnimeBase;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  position: relative;
  overflow: hidden;
  /*　はみ出た色要素を隠す　*/
  opacity: 0; }

@keyframes bgextendAnimeBase {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
/*中の要素*/
.bgappear, .bgappear02 {
  animation-name: bgextendAnimeSecond;
  animation-duration: 1s;
  animation-delay: 0.6s;
  animation-fill-mode: forwards;
  opacity: 0; }

@keyframes bgextendAnimeSecond {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
/*左から右*/
.bgLRextend::before, .bgLRextend02::before {
  animation-name: bgLRextendAnime;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #fff;
  /*伸びる背景色の設定*/ }

@keyframes bgLRextendAnime {
  0% {
    transform-origin: left;
    transform: scaleX(0); }
  50% {
    transform-origin: left;
    transform: scaleX(1); }
  50.001% {
    transform-origin: right; }
  100% {
    transform-origin: right;
    transform: scaleX(0); } }
/* スクロールをしたら出現する要素にはじめに透過0を指定　*/
.bgappearTrigger, .bgLRextendTrigger, .bgappearTrigger02, .bgLRextendTrigger02 {
  opacity: 0;
  display: table; }

/* ======================================
ローディング画面共通
====================================== */
.loaded, .loaded_2nd {
  opacity: 0;
  visibility: hidden; }

#loading {
  width: 100vw;
  height: 100svh;
  /*transition: all 1s;*/
  background-color: #ff0000;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  display: flex;
  justify-content: center;
  align-items: center; }

#loading_2nd {
  width: 100vw;
  height: 100svh;
  transition: all 1s;
  background-color: #ff0000;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  display: flex;
  justify-content: center;
  align-items: center; }

/* ======================================
ローディング画面A
====================================== */
.spinner {
  width: 100px;
  height: 100px;
  margin: 400px auto;
  background-color: #fff;
  border-radius: 100%;
  animation: sk-scaleout 1.0s infinite ease-in-out; }

/* ローディングアニメーション */
@keyframes sk-scaleout {
  0% {
    transform: scale(0); }
  100% {
    transform: scale(1);
    opacity: 0; } }
/* ======================================
ローディング画面B
====================================== */
.loaderB {
  font-size: 10px;
  margin: 50px auto;
  text-indent: -9999em;
  width: 5em;
  height: 5em;
  border-radius: 50%;
  background: #ffffff;
  background: -moz-linear-gradient(left, #ffffff 10%, rgba(255, 255, 255, 0) 42%);
  background: -webkit-linear-gradient(left, #ffffff 10%, rgba(255, 255, 255, 0) 42%);
  background: -o-linear-gradient(left, #ffffff 10%, rgba(255, 255, 255, 0) 42%);
  background: -ms-linear-gradient(left, #ffffff 10%, rgba(255, 255, 255, 0) 42%);
  background: linear-gradient(to right, #ffffff 10%, rgba(255, 255, 255, 0) 42%);
  position: relative;
  -webkit-animation: load3 1.4s infinite linear;
  animation: load3 1.4s infinite linear;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0); }
  .loaderB:before {
    width: 50%;
    height: 50%;
    background: #ffffff;
    border-radius: 100% 0 0 0;
    position: absolute;
    top: 0;
    left: 0;
    content: ''; }
  .loaderB:after {
    background: #ff0000;
    width: 75%;
    height: 75%;
    border-radius: 50%;
    content: '';
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0; }

@-webkit-keyframes load3 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }
@keyframes load3 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }
/* ======================================
ローディング画面C
====================================== */
.loaderC {
  border-radius: 50%;
  width: 1em;
  height: 1em;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation: load7 1.8s infinite ease-in-out;
  animation: load7 1.8s infinite ease-in-out;
  color: #ffffff;
  font-size: 10px;
  margin: 80px auto;
  position: relative;
  text-indent: -9999em;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s; }
  .loaderC:before, .loaderC:after {
    border-radius: 50%;
    width: 1em;
    height: 1em;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation: load7 1.8s infinite ease-in-out;
    animation: load7 1.8s infinite ease-in-out; }
  .loaderC:before, .loaderC:after {
    content: '';
    position: absolute;
    top: 0; }
  .loaderC:before {
    left: -2.5em;
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s; }
  .loaderC:after {
    left: 2.5em; }

@-webkit-keyframes load7 {
  0%,
  80%,
  100% {
    box-shadow: 0 2.5em 0 -1.3em; }
  40% {
    box-shadow: 0 2.5em 0 0; } }
@keyframes load7 {
  0%,
  80%,
  100% {
    box-shadow: 0 2.5em 0 -1.3em; }
  40% {
    box-shadow: 0 2.5em 0 0; } }
/* ======================================
ローディング画面D
====================================== */
.orbit-spinner {
  box-sizing: border-box;
  height: 55px;
  width: 55px;
  border-radius: 50%;
  perspective: 800px; }
  .orbit-spinner * {
    box-sizing: border-box; }
  .orbit-spinner .text_loading {
    color: #fff;
    text-align: center;
    margin-top: 65px;
    font-size: 1.0rem; }
  .orbit-spinner .orbit {
    position: absolute;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    border-radius: 50%; }
    .orbit-spinner .orbit:nth-child(1) {
      left: 0%;
      top: 0%;
      animation: orbit-spinner-orbit-one-animation 1200ms linear infinite;
      border-bottom: 3px solid #fff; }
    .orbit-spinner .orbit:nth-child(2) {
      right: 0%;
      top: 0%;
      animation: orbit-spinner-orbit-two-animation 1200ms linear infinite;
      border-right: 3px solid #fff; }
    .orbit-spinner .orbit:nth-child(3) {
      right: 0%;
      bottom: 0%;
      animation: orbit-spinner-orbit-three-animation 1200ms linear infinite;
      border-top: 3px solid #fff; }

@keyframes orbit-spinner-orbit-one-animation {
  0% {
    transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg); }
  100% {
    transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg); } }
@keyframes orbit-spinner-orbit-two-animation {
  0% {
    transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg); }
  100% {
    transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg); } }
@keyframes orbit-spinner-orbit-three-animation {
  0% {
    transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg); }
  100% {
    transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg); } }
/* ======================================
ローディング画面E
====================================== */
/***************************************************
 * Generated by SVG Artista on 6/11/2024, 12:19:43 PM
 * MIT license (https://opensource.org/licenses/MIT)
 * W. https://svgartista.net
 **************************************************/
.loading_animation {
  width: 45%;
  height: 45%; }

/*@-webkit-keyframes animate-svg-stroke-1 {
  0% {
    stroke-dashoffset: 213.91671752929688px;
    stroke-dasharray: 213.91671752929688px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 213.91671752929688px;
  }
}

@keyframes animate-svg-stroke-1 {
  0% {
    stroke-dashoffset: 213.91671752929688px;
    stroke-dasharray: 213.91671752929688px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 213.91671752929688px;
  }
}

@-webkit-keyframes animate-svg-fill-1 {
  0% {
    fill: transparent;
  }

  100% {
    fill: white;
  }
}

@keyframes animate-svg-fill-1 {
  0% {
    fill: transparent;
  }

  100% {
    fill: white;
  }
}

.svg-elem-1 {
  -webkit-animation: animate-svg-stroke-1 0.5s ease 1.5s both, animate-svg-fill-1 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 3s both;
  animation: animate-svg-stroke-1 0.5s ease 1.5s both, animate-svg-fill-1 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 3s both;
}

@-webkit-keyframes animate-svg-stroke-2 {
  0% {
    stroke-dashoffset: 134.44566345214844px;
    stroke-dasharray: 134.44566345214844px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 134.44566345214844px;
  }
}

@keyframes animate-svg-stroke-2 {
  0% {
    stroke-dashoffset: 134.44566345214844px;
    stroke-dasharray: 134.44566345214844px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 134.44566345214844px;
  }
}

@-webkit-keyframes animate-svg-fill-2 {
  0% {
    fill: transparent;
  }

  100% {
    fill: white;
  }
}

@keyframes animate-svg-fill-2 {
  0% {
    fill: transparent;
  }

  100% {
    fill: white;
  }
}

.svg-elem-2 {
  -webkit-animation: animate-svg-stroke-2 0.5s ease 1.53s both, animate-svg-fill-2 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 3s both;
  animation: animate-svg-stroke-2 0.5s ease 1.53s both, animate-svg-fill-2 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 3s both;
}

@-webkit-keyframes animate-svg-stroke-3 {
  0% {
    stroke-dashoffset: 269.8652038574219px;
    stroke-dasharray: 269.8652038574219px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 269.8652038574219px;
  }
}

@keyframes animate-svg-stroke-3 {
  0% {
    stroke-dashoffset: 269.8652038574219px;
    stroke-dasharray: 269.8652038574219px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 269.8652038574219px;
  }
}

@-webkit-keyframes animate-svg-fill-3 {
  0% {
    fill: transparent;
  }

  100% {
    fill: white;
  }
}

@keyframes animate-svg-fill-3 {
  0% {
    fill: transparent;
  }

  100% {
    fill: white;
  }
}

.svg-elem-3 {
  -webkit-animation: animate-svg-stroke-3 0.5s ease 1.56s both, animate-svg-fill-3 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 3s both;
  animation: animate-svg-stroke-3 0.5s ease 1.56s both, animate-svg-fill-3 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 3s both;
}

@-webkit-keyframes animate-svg-stroke-4 {
  0% {
    stroke-dashoffset: 106.13958740234375px;
    stroke-dasharray: 106.13958740234375px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 106.13958740234375px;
  }
}

@keyframes animate-svg-stroke-4 {
  0% {
    stroke-dashoffset: 106.13958740234375px;
    stroke-dasharray: 106.13958740234375px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 106.13958740234375px;
  }
}

@-webkit-keyframes animate-svg-fill-4 {
  0% {
    fill: transparent;
  }

  100% {
    fill: white;
  }
}

@keyframes animate-svg-fill-4 {
  0% {
    fill: transparent;
  }

  100% {
    fill: white;
  }
}

.svg-elem-4 {
  -webkit-animation: animate-svg-stroke-4 0.5s ease 1.59s both, animate-svg-fill-4 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 3s both;
  animation: animate-svg-stroke-4 0.5s ease 1.59s both, animate-svg-fill-4 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 3s both;
}

@-webkit-keyframes animate-svg-stroke-5 {
  0% {
    stroke-dashoffset: 153.27682495117188px;
    stroke-dasharray: 153.27682495117188px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 153.27682495117188px;
  }
}

@keyframes animate-svg-stroke-5 {
  0% {
    stroke-dashoffset: 153.27682495117188px;
    stroke-dasharray: 153.27682495117188px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 153.27682495117188px;
  }
}

@-webkit-keyframes animate-svg-fill-5 {
  0% {
    fill: transparent;
  }

  100% {
    fill: white;
  }
}

@keyframes animate-svg-fill-5 {
  0% {
    fill: transparent;
  }

  100% {
    fill: white;
  }
}

.svg-elem-5 {
  -webkit-animation: animate-svg-stroke-5 0.5s ease 1.62s both, animate-svg-fill-5 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 3s both;
  animation: animate-svg-stroke-5 0.5s ease 1.62s both, animate-svg-fill-5 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 3s both;
}

@-webkit-keyframes animate-svg-stroke-6 {
  0% {
    stroke-dashoffset: 132.04379272460938px;
    stroke-dasharray: 132.04379272460938px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 132.04379272460938px;
  }
}

@keyframes animate-svg-stroke-6 {
  0% {
    stroke-dashoffset: 132.04379272460938px;
    stroke-dasharray: 132.04379272460938px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 132.04379272460938px;
  }
}

@-webkit-keyframes animate-svg-fill-6 {
  0% {
    fill: transparent;
  }

  100% {
    fill: white;
  }
}

@keyframes animate-svg-fill-6 {
  0% {
    fill: transparent;
  }

  100% {
    fill: white;
  }
}

.svg-elem-6 {
  -webkit-animation: animate-svg-stroke-6 0.5s ease 1.65s both, animate-svg-fill-6 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 3s both;
  animation: animate-svg-stroke-6 0.5s ease 1.65s both, animate-svg-fill-6 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 3s both;
}

@-webkit-keyframes animate-svg-stroke-7 {
  0% {
    stroke-dashoffset: 204.69183349609375px;
    stroke-dasharray: 204.69183349609375px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 204.69183349609375px;
  }
}

@keyframes animate-svg-stroke-7 {
  0% {
    stroke-dashoffset: 204.69183349609375px;
    stroke-dasharray: 204.69183349609375px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 204.69183349609375px;
  }
}

@-webkit-keyframes animate-svg-fill-7 {
  0% {
    fill: transparent;
  }

  100% {
    fill: white;
  }
}

@keyframes animate-svg-fill-7 {
  0% {
    fill: transparent;
  }

  100% {
    fill: white;
  }
}

.svg-elem-7 {
  -webkit-animation: animate-svg-stroke-7 0.5s ease 1.68s both, animate-svg-fill-7 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 3s both;
  animation: animate-svg-stroke-7 0.5s ease 1.68s both, animate-svg-fill-7 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 3s both;
}

@-webkit-keyframes animate-svg-stroke-8 {
  0% {
    stroke-dashoffset: 134.4722442626953px;
    stroke-dasharray: 134.4722442626953px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 134.4722442626953px;
  }
}

@keyframes animate-svg-stroke-8 {
  0% {
    stroke-dashoffset: 134.4722442626953px;
    stroke-dasharray: 134.4722442626953px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 134.4722442626953px;
  }
}

@-webkit-keyframes animate-svg-fill-8 {
  0% {
    fill: transparent;
  }

  100% {
    fill: white;
  }
}

@keyframes animate-svg-fill-8 {
  0% {
    fill: transparent;
  }

  100% {
    fill: white;
  }
}

.svg-elem-8 {
  -webkit-animation: animate-svg-stroke-8 0.5s ease 1.71s both, animate-svg-fill-8 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 3s both;
  animation: animate-svg-stroke-8 0.5s ease 1.71s both, animate-svg-fill-8 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 3s both;
}

@-webkit-keyframes animate-svg-stroke-9 {
  0% {
    stroke-dashoffset: 92.30205535888672px;
    stroke-dasharray: 92.30205535888672px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 92.30205535888672px;
  }
}

@keyframes animate-svg-stroke-9 {
  0% {
    stroke-dashoffset: 92.30205535888672px;
    stroke-dasharray: 92.30205535888672px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 92.30205535888672px;
  }
}

@-webkit-keyframes animate-svg-fill-9 {
  0% {
    fill: transparent;
  }

  100% {
    fill: white;
  }
}

@keyframes animate-svg-fill-9 {
  0% {
    fill: transparent;
  }

  100% {
    fill: white;
  }
}

.svg-elem-9 {
  -webkit-animation: animate-svg-stroke-9 0.5s ease 1.74s both, animate-svg-fill-9 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 3s both;
  animation: animate-svg-stroke-9 0.5s ease 1.74s both, animate-svg-fill-9 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 3s both;
}

@-webkit-keyframes animate-svg-stroke-10 {
  0% {
    stroke-dashoffset: 67.18732452392578px;
    stroke-dasharray: 67.18732452392578px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 67.18732452392578px;
  }
}

@keyframes animate-svg-stroke-10 {
  0% {
    stroke-dashoffset: 67.18732452392578px;
    stroke-dasharray: 67.18732452392578px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 67.18732452392578px;
  }
}

@-webkit-keyframes animate-svg-fill-10 {
  0% {
    fill: transparent;
  }

  100% {
    fill: white;
  }
}

@keyframes animate-svg-fill-10 {
  0% {
    fill: transparent;
  }

  100% {
    fill: white;
  }
}

.svg-elem-10 {
  -webkit-animation: animate-svg-stroke-10 0.5s ease 1.77s both, animate-svg-fill-10 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 3s both;
  animation: animate-svg-stroke-10 0.5s ease 1.77s both, animate-svg-fill-10 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 3s both;
}

@-webkit-keyframes animate-svg-stroke-11 {
  0% {
    stroke-dashoffset: 61.399993896484375px;
    stroke-dasharray: 61.399993896484375px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 61.399993896484375px;
  }
}

@keyframes animate-svg-stroke-11 {
  0% {
    stroke-dashoffset: 61.399993896484375px;
    stroke-dasharray: 61.399993896484375px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 61.399993896484375px;
  }
}

@-webkit-keyframes animate-svg-fill-11 {
  0% {
    fill: transparent;
  }

  100% {
    fill: white;
  }
}

@keyframes animate-svg-fill-11 {
  0% {
    fill: transparent;
  }

  100% {
    fill: white;
  }
}

.svg-elem-11 {
  -webkit-animation: animate-svg-stroke-11 0.5s ease 1.8s both, animate-svg-fill-11 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 3s both;
  animation: animate-svg-stroke-11 0.5s ease 1.8s both, animate-svg-fill-11 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 3s both;
}

@-webkit-keyframes animate-svg-stroke-12 {
  0% {
    stroke-dashoffset: 51.10371398925781px;
    stroke-dasharray: 51.10371398925781px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 51.10371398925781px;
  }
}

@keyframes animate-svg-stroke-12 {
  0% {
    stroke-dashoffset: 51.10371398925781px;
    stroke-dasharray: 51.10371398925781px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 51.10371398925781px;
  }
}

@-webkit-keyframes animate-svg-fill-12 {
  0% {
    fill: transparent;
  }

  100% {
    fill: white;
  }
}

@keyframes animate-svg-fill-12 {
  0% {
    fill: transparent;
  }

  100% {
    fill: white;
  }
}

.svg-elem-12 {
  -webkit-animation: animate-svg-stroke-12 0.5s ease 1.83s both, animate-svg-fill-12 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 3s both;
  animation: animate-svg-stroke-12 0.5s ease 1.83s both, animate-svg-fill-12 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 3s both;
}

@-webkit-keyframes animate-svg-stroke-13 {
  0% {
    stroke-dashoffset: 67.18733215332031px;
    stroke-dasharray: 67.18733215332031px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 67.18733215332031px;
  }
}

@keyframes animate-svg-stroke-13 {
  0% {
    stroke-dashoffset: 67.18733215332031px;
    stroke-dasharray: 67.18733215332031px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 67.18733215332031px;
  }
}

@-webkit-keyframes animate-svg-fill-13 {
  0% {
    fill: transparent;
  }

  100% {
    fill: white;
  }
}

@keyframes animate-svg-fill-13 {
  0% {
    fill: transparent;
  }

  100% {
    fill: white;
  }
}

.svg-elem-13 {
  -webkit-animation: animate-svg-stroke-13 0.5s ease 1.86s both, animate-svg-fill-13 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 3s both;
  animation: animate-svg-stroke-13 0.5s ease 1.86s both, animate-svg-fill-13 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 3s both;
}

@-webkit-keyframes animate-svg-stroke-14 {
  0% {
    stroke-dashoffset: 61.26327896118164px;
    stroke-dasharray: 61.26327896118164px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 61.26327896118164px;
  }
}

@keyframes animate-svg-stroke-14 {
  0% {
    stroke-dashoffset: 61.26327896118164px;
    stroke-dasharray: 61.26327896118164px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 61.26327896118164px;
  }
}

@-webkit-keyframes animate-svg-fill-14 {
  0% {
    fill: transparent;
  }

  100% {
    fill: white;
  }
}

@keyframes animate-svg-fill-14 {
  0% {
    fill: transparent;
  }

  100% {
    fill: white;
  }
}

.svg-elem-14 {
  -webkit-animation: animate-svg-stroke-14 0.5s ease 1.89s both, animate-svg-fill-14 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 3s both;
  animation: animate-svg-stroke-14 0.5s ease 1.89s both, animate-svg-fill-14 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 3s both;
}

@-webkit-keyframes animate-svg-stroke-15 {
  0% {
    stroke-dashoffset: 31.800003051757812px;
    stroke-dasharray: 31.800003051757812px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 31.800003051757812px;
  }
}

@keyframes animate-svg-stroke-15 {
  0% {
    stroke-dashoffset: 31.800003051757812px;
    stroke-dasharray: 31.800003051757812px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 31.800003051757812px;
  }
}

@-webkit-keyframes animate-svg-fill-15 {
  0% {
    fill: transparent;
  }

  100% {
    fill: white;
  }
}

@keyframes animate-svg-fill-15 {
  0% {
    fill: transparent;
  }

  100% {
    fill: white;
  }
}

.svg-elem-15 {
  -webkit-animation: animate-svg-stroke-15 0.5s ease 1.92s both, animate-svg-fill-15 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 3s both;
  animation: animate-svg-stroke-15 0.5s ease 1.92s both, animate-svg-fill-15 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 3s both;
}

@-webkit-keyframes animate-svg-stroke-16 {
  0% {
    stroke-dashoffset: 45.600006103515625px;
    stroke-dasharray: 45.600006103515625px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 45.600006103515625px;
  }
}

@keyframes animate-svg-stroke-16 {
  0% {
    stroke-dashoffset: 45.600006103515625px;
    stroke-dasharray: 45.600006103515625px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 45.600006103515625px;
  }
}

@-webkit-keyframes animate-svg-fill-16 {
  0% {
    fill: transparent;
  }

  100% {
    fill: white;
  }
}

@keyframes animate-svg-fill-16 {
  0% {
    fill: transparent;
  }

  100% {
    fill: white;
  }
}

.svg-elem-16 {
  -webkit-animation: animate-svg-stroke-16 0.5s ease 1.95s both, animate-svg-fill-16 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 3s both;
  animation: animate-svg-stroke-16 0.5s ease 1.95s both, animate-svg-fill-16 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 3s both;
}

@-webkit-keyframes animate-svg-stroke-17 {
  0% {
    stroke-dashoffset: 31.800003051757812px;
    stroke-dasharray: 31.800003051757812px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 31.800003051757812px;
  }
}

@keyframes animate-svg-stroke-17 {
  0% {
    stroke-dashoffset: 31.800003051757812px;
    stroke-dasharray: 31.800003051757812px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 31.800003051757812px;
  }
}

@-webkit-keyframes animate-svg-fill-17 {
  0% {
    fill: transparent;
  }

  100% {
    fill: white;
  }
}

@keyframes animate-svg-fill-17 {
  0% {
    fill: transparent;
  }

  100% {
    fill: white;
  }
}

.svg-elem-17 {
  -webkit-animation: animate-svg-stroke-17 0.5s ease 1.98s both, animate-svg-fill-17 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 3s both;
  animation: animate-svg-stroke-17 0.5s ease 1.98s both, animate-svg-fill-17 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 3s both;
}

@-webkit-keyframes animate-svg-stroke-18 {
  0% {
    stroke-dashoffset: 76.25768280029297px;
    stroke-dasharray: 76.25768280029297px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 76.25768280029297px;
  }
}

@keyframes animate-svg-stroke-18 {
  0% {
    stroke-dashoffset: 76.25768280029297px;
    stroke-dasharray: 76.25768280029297px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 76.25768280029297px;
  }
}

@-webkit-keyframes animate-svg-fill-18 {
  0% {
    fill: transparent;
  }

  100% {
    fill: white;
  }
}

@keyframes animate-svg-fill-18 {
  0% {
    fill: transparent;
  }

  100% {
    fill: white;
  }
}

.svg-elem-18 {
  -webkit-animation: animate-svg-stroke-18 0.5s ease 2.01s both, animate-svg-fill-18 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 3s both;
  animation: animate-svg-stroke-18 0.5s ease 2.01s both, animate-svg-fill-18 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 3s both;
}

@-webkit-keyframes animate-svg-stroke-19 {
  0% {
    stroke-dashoffset: 50.79998779296875px;
    stroke-dasharray: 50.79998779296875px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 50.79998779296875px;
  }
}

@keyframes animate-svg-stroke-19 {
  0% {
    stroke-dashoffset: 50.79998779296875px;
    stroke-dasharray: 50.79998779296875px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 50.79998779296875px;
  }
}

@-webkit-keyframes animate-svg-fill-19 {
  0% {
    fill: transparent;
  }

  100% {
    fill: white;
  }
}

@keyframes animate-svg-fill-19 {
  0% {
    fill: transparent;
  }

  100% {
    fill: white;
  }
}

.svg-elem-19 {
  -webkit-animation: animate-svg-stroke-19 0.5s ease 2.04s both, animate-svg-fill-19 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 3s both;
  animation: animate-svg-stroke-19 0.5s ease 2.04s both, animate-svg-fill-19 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 3s both;
}

@-webkit-keyframes animate-svg-stroke-20 {
  0% {
    stroke-dashoffset: 63.72113037109375px;
    stroke-dasharray: 63.72113037109375px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 63.72113037109375px;
  }
}

@keyframes animate-svg-stroke-20 {
  0% {
    stroke-dashoffset: 63.72113037109375px;
    stroke-dasharray: 63.72113037109375px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 63.72113037109375px;
  }
}

@-webkit-keyframes animate-svg-fill-20 {
  0% {
    fill: transparent;
  }

  100% {
    fill: white;
  }
}

@keyframes animate-svg-fill-20 {
  0% {
    fill: transparent;
  }

  100% {
    fill: white;
  }
}

.svg-elem-20 {
  -webkit-animation: animate-svg-stroke-20 0.5s ease 2.07s both, animate-svg-fill-20 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 3s both;
  animation: animate-svg-stroke-20 0.5s ease 2.07s both, animate-svg-fill-20 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 3s both;
}

@-webkit-keyframes animate-svg-stroke-21 {
  0% {
    stroke-dashoffset: 67.1873550415039px;
    stroke-dasharray: 67.1873550415039px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 67.1873550415039px;
  }
}

@keyframes animate-svg-stroke-21 {
  0% {
    stroke-dashoffset: 67.1873550415039px;
    stroke-dasharray: 67.1873550415039px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 67.1873550415039px;
  }
}

@-webkit-keyframes animate-svg-fill-21 {
  0% {
    fill: transparent;
  }

  100% {
    fill: white;
  }
}

@keyframes animate-svg-fill-21 {
  0% {
    fill: transparent;
  }

  100% {
    fill: white;
  }
}

.svg-elem-21 {
  -webkit-animation: animate-svg-stroke-21 0.5s ease 2.1s both, animate-svg-fill-21 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 3s both;
  animation: animate-svg-stroke-21 0.5s ease 2.1s both, animate-svg-fill-21 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 3s both;
}

@-webkit-keyframes animate-svg-stroke-22 {
  0% {
    stroke-dashoffset: 91.44181060791016px;
    stroke-dasharray: 91.44181060791016px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 91.44181060791016px;
  }
}

@keyframes animate-svg-stroke-22 {
  0% {
    stroke-dashoffset: 91.44181060791016px;
    stroke-dasharray: 91.44181060791016px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 91.44181060791016px;
  }
}

@-webkit-keyframes animate-svg-fill-22 {
  0% {
    fill: transparent;
  }

  100% {
    fill: white;
  }
}

@keyframes animate-svg-fill-22 {
  0% {
    fill: transparent;
  }

  100% {
    fill: white;
  }
}

.svg-elem-22 {
  -webkit-animation: animate-svg-stroke-22 0.5s ease 2.13s both, animate-svg-fill-22 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 3s both;
  animation: animate-svg-stroke-22 0.5s ease 2.13s both, animate-svg-fill-22 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 3s both;
}

@-webkit-keyframes animate-svg-stroke-23 {
  0% {
    stroke-dashoffset: 60.87179183959961px;
    stroke-dasharray: 60.87179183959961px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 60.87179183959961px;
  }
}

@keyframes animate-svg-stroke-23 {
  0% {
    stroke-dashoffset: 60.87179183959961px;
    stroke-dasharray: 60.87179183959961px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 60.87179183959961px;
  }
}

@-webkit-keyframes animate-svg-fill-23 {
  0% {
    fill: transparent;
  }

  100% {
    fill: white;
  }
}

@keyframes animate-svg-fill-23 {
  0% {
    fill: transparent;
  }

  100% {
    fill: white;
  }
}

.svg-elem-23 {
  -webkit-animation: animate-svg-stroke-23 0.5s ease 2.16s both, animate-svg-fill-23 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 3s both;
  animation: animate-svg-stroke-23 0.5s ease 2.16s both, animate-svg-fill-23 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 3s both;
}

@-webkit-keyframes animate-svg-stroke-24 {
  0% {
    stroke-dashoffset: 45.59999084472656px;
    stroke-dasharray: 45.59999084472656px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 45.59999084472656px;
  }
}

@keyframes animate-svg-stroke-24 {
  0% {
    stroke-dashoffset: 45.59999084472656px;
    stroke-dasharray: 45.59999084472656px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 45.59999084472656px;
  }
}

@-webkit-keyframes animate-svg-fill-24 {
  0% {
    fill: transparent;
  }

  100% {
    fill: white;
  }
}

@keyframes animate-svg-fill-24 {
  0% {
    fill: transparent;
  }

  100% {
    fill: white;
  }
}

.svg-elem-24 {
  -webkit-animation: animate-svg-stroke-24 0.5s ease 2.19s both, animate-svg-fill-24 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 3s both;
  animation: animate-svg-stroke-24 0.5s ease 2.19s both, animate-svg-fill-24 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 3s both;
}

@-webkit-keyframes animate-svg-stroke-25 {
  0% {
    stroke-dashoffset: 31.800003051757812px;
    stroke-dasharray: 31.800003051757812px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 31.800003051757812px;
  }
}

@keyframes animate-svg-stroke-25 {
  0% {
    stroke-dashoffset: 31.800003051757812px;
    stroke-dasharray: 31.800003051757812px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 31.800003051757812px;
  }
}

@-webkit-keyframes animate-svg-fill-25 {
  0% {
    fill: transparent;
  }

  100% {
    fill: white;
  }
}

@keyframes animate-svg-fill-25 {
  0% {
    fill: transparent;
  }

  100% {
    fill: white;
  }
}

.svg-elem-25 {
  -webkit-animation: animate-svg-stroke-25 0.5s ease 2.22s both, animate-svg-fill-25 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 3s both;
  animation: animate-svg-stroke-25 0.5s ease 2.22s both, animate-svg-fill-25 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 3s both;
}

@-webkit-keyframes animate-svg-stroke-26 {
  0% {
    stroke-dashoffset: 63.738548278808594px;
    stroke-dasharray: 63.738548278808594px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 63.738548278808594px;
  }
}

@keyframes animate-svg-stroke-26 {
  0% {
    stroke-dashoffset: 63.738548278808594px;
    stroke-dasharray: 63.738548278808594px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 63.738548278808594px;
  }
}

@-webkit-keyframes animate-svg-fill-26 {
  0% {
    fill: transparent;
  }

  100% {
    fill: white;
  }
}

@keyframes animate-svg-fill-26 {
  0% {
    fill: transparent;
  }

  100% {
    fill: white;
  }
}

.svg-elem-26 {
  -webkit-animation: animate-svg-stroke-26 0.5s ease 2.25s both, animate-svg-fill-26 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 3s both;
  animation: animate-svg-stroke-26 0.5s ease 2.25s both, animate-svg-fill-26 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 3s both;
}

@-webkit-keyframes animate-svg-stroke-27 {
  0% {
    stroke-dashoffset: 76.25746154785156px;
    stroke-dasharray: 76.25746154785156px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 76.25746154785156px;
  }
}

@keyframes animate-svg-stroke-27 {
  0% {
    stroke-dashoffset: 76.25746154785156px;
    stroke-dasharray: 76.25746154785156px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 76.25746154785156px;
  }
}

@-webkit-keyframes animate-svg-fill-27 {
  0% {
    fill: transparent;
  }

  100% {
    fill: white;
  }
}

@keyframes animate-svg-fill-27 {
  0% {
    fill: transparent;
  }

  100% {
    fill: white;
  }
}

.svg-elem-27 {
  -webkit-animation: animate-svg-stroke-27 0.5s ease 2.28s both, animate-svg-fill-27 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 3s both;
  animation: animate-svg-stroke-27 0.5s ease 2.28s both, animate-svg-fill-27 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 3s both;
}

@-webkit-keyframes animate-svg-stroke-28 {
  0% {
    stroke-dashoffset: 54.007476806640625px;
    stroke-dasharray: 54.007476806640625px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 54.007476806640625px;
  }
}

@keyframes animate-svg-stroke-28 {
  0% {
    stroke-dashoffset: 54.007476806640625px;
    stroke-dasharray: 54.007476806640625px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 54.007476806640625px;
  }
}

@-webkit-keyframes animate-svg-fill-28 {
  0% {
    fill: transparent;
  }

  100% {
    fill: white;
  }
}

@keyframes animate-svg-fill-28 {
  0% {
    fill: transparent;
  }

  100% {
    fill: white;
  }
}

.svg-elem-28 {
  -webkit-animation: animate-svg-stroke-28 0.5s ease 2.31s both, animate-svg-fill-28 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 3s both;
  animation: animate-svg-stroke-28 0.5s ease 2.31s both, animate-svg-fill-28 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 3s both;
}

@-webkit-keyframes animate-svg-stroke-29 {
  0% {
    stroke-dashoffset: 56.51594924926758px;
    stroke-dasharray: 56.51594924926758px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 56.51594924926758px;
  }
}

@keyframes animate-svg-stroke-29 {
  0% {
    stroke-dashoffset: 56.51594924926758px;
    stroke-dasharray: 56.51594924926758px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 56.51594924926758px;
  }
}

@-webkit-keyframes animate-svg-fill-29 {
  0% {
    fill: transparent;
  }

  100% {
    fill: white;
  }
}

@keyframes animate-svg-fill-29 {
  0% {
    fill: transparent;
  }

  100% {
    fill: white;
  }
}

.svg-elem-29 {
  -webkit-animation: animate-svg-stroke-29 0.5s ease 2.34s both, animate-svg-fill-29 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 3s both;
  animation: animate-svg-stroke-29 0.5s ease 2.34s both, animate-svg-fill-29 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 3s both;
}

@-webkit-keyframes animate-svg-stroke-30 {
  0% {
    stroke-dashoffset: 54.007537841796875px;
    stroke-dasharray: 54.007537841796875px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 54.007537841796875px;
  }
}

@keyframes animate-svg-stroke-30 {
  0% {
    stroke-dashoffset: 54.007537841796875px;
    stroke-dasharray: 54.007537841796875px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 54.007537841796875px;
  }
}

@-webkit-keyframes animate-svg-fill-30 {
  0% {
    fill: transparent;
  }

  100% {
    fill: white;
  }
}

@keyframes animate-svg-fill-30 {
  0% {
    fill: transparent;
  }

  100% {
    fill: white;
  }
}

.svg-elem-30 {
  -webkit-animation: animate-svg-stroke-30 0.5s ease 2.37s both, animate-svg-fill-30 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 3s both;
  animation: animate-svg-stroke-30 0.5s ease 2.37s both, animate-svg-fill-30 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 3s both;
}

@-webkit-keyframes animate-svg-stroke-31 {
  0% {
    stroke-dashoffset: 57.834468841552734px;
    stroke-dasharray: 57.834468841552734px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 57.834468841552734px;
  }
}

@keyframes animate-svg-stroke-31 {
  0% {
    stroke-dashoffset: 57.834468841552734px;
    stroke-dasharray: 57.834468841552734px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 57.834468841552734px;
  }
}

@-webkit-keyframes animate-svg-fill-31 {
  0% {
    fill: transparent;
  }

  100% {
    fill: white;
  }
}

@keyframes animate-svg-fill-31 {
  0% {
    fill: transparent;
  }

  100% {
    fill: white;
  }
}

.svg-elem-31 {
  -webkit-animation: animate-svg-stroke-31 0.5s ease 2.4s both, animate-svg-fill-31 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 3s both;
  animation: animate-svg-stroke-31 0.5s ease 2.4s both, animate-svg-fill-31 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 3s both;
}*/
/*線幅0.75px*/
/***************************************************
 * Generated by SVG Artista on 7/20/2024, 12:37:41 AM
 * MIT license (https://opensource.org/licenses/MIT)
 * W. https://svgartista.net
 **************************************************/
/*@-webkit-keyframes animate-svg-stroke-1 {
  0% {
    stroke-dashoffset: 213.91671752929688px;
    stroke-dasharray: 213.91671752929688px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 213.91671752929688px;
  }
}

@keyframes animate-svg-stroke-1 {
  0% {
    stroke-dashoffset: 213.91671752929688px;
    stroke-dasharray: 213.91671752929688px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 213.91671752929688px;
  }
}

@-webkit-keyframes animate-svg-fill-1 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

@keyframes animate-svg-fill-1 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

.svg-elem-1 {
  -webkit-animation: animate-svg-stroke-1 2.5s ease 0s both,
                       animate-svg-fill-1 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 2.5s both;
          animation: animate-svg-stroke-1 2.5s ease 0s both,
               animate-svg-fill-1 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 2.5s both;
}

@-webkit-keyframes animate-svg-stroke-2 {
  0% {
    stroke-dashoffset: 134.44566345214844px;
    stroke-dasharray: 134.44566345214844px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 134.44566345214844px;
  }
}

@keyframes animate-svg-stroke-2 {
  0% {
    stroke-dashoffset: 134.44566345214844px;
    stroke-dasharray: 134.44566345214844px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 134.44566345214844px;
  }
}

@-webkit-keyframes animate-svg-fill-2 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

@keyframes animate-svg-fill-2 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

.svg-elem-2 {
  -webkit-animation: animate-svg-stroke-2 2.5s ease 0.01s both,
                       animate-svg-fill-2 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 2.51s both;
          animation: animate-svg-stroke-2 2.5s ease 0.01s both,
               animate-svg-fill-2 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 2.51s both;
}

@-webkit-keyframes animate-svg-stroke-3 {
  0% {
    stroke-dashoffset: 269.8652038574219px;
    stroke-dasharray: 269.8652038574219px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 269.8652038574219px;
  }
}

@keyframes animate-svg-stroke-3 {
  0% {
    stroke-dashoffset: 269.8652038574219px;
    stroke-dasharray: 269.8652038574219px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 269.8652038574219px;
  }
}

@-webkit-keyframes animate-svg-fill-3 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

@keyframes animate-svg-fill-3 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

.svg-elem-3 {
  -webkit-animation: animate-svg-stroke-3 2.5s ease 0.02s both,
                       animate-svg-fill-3 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 2.52s both;
          animation: animate-svg-stroke-3 2.5s ease 0.02s both,
               animate-svg-fill-3 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 2.52s both;
}

@-webkit-keyframes animate-svg-stroke-4 {
  0% {
    stroke-dashoffset: 106.13958740234375px;
    stroke-dasharray: 106.13958740234375px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 106.13958740234375px;
  }
}

@keyframes animate-svg-stroke-4 {
  0% {
    stroke-dashoffset: 106.13958740234375px;
    stroke-dasharray: 106.13958740234375px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 106.13958740234375px;
  }
}

@-webkit-keyframes animate-svg-fill-4 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

@keyframes animate-svg-fill-4 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

.svg-elem-4 {
  -webkit-animation: animate-svg-stroke-4 2.5s ease 0.03s both,
                       animate-svg-fill-4 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 2.53s both;
          animation: animate-svg-stroke-4 2.5s ease 0.03s both,
               animate-svg-fill-4 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 2.53s both;
}

@-webkit-keyframes animate-svg-stroke-5 {
  0% {
    stroke-dashoffset: 153.27682495117188px;
    stroke-dasharray: 153.27682495117188px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 153.27682495117188px;
  }
}

@keyframes animate-svg-stroke-5 {
  0% {
    stroke-dashoffset: 153.27682495117188px;
    stroke-dasharray: 153.27682495117188px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 153.27682495117188px;
  }
}

@-webkit-keyframes animate-svg-fill-5 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

@keyframes animate-svg-fill-5 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

.svg-elem-5 {
  -webkit-animation: animate-svg-stroke-5 2.5s ease 0.04s both,
                       animate-svg-fill-5 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 2.54s both;
          animation: animate-svg-stroke-5 2.5s ease 0.04s both,
               animate-svg-fill-5 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 2.54s both;
}

@-webkit-keyframes animate-svg-stroke-6 {
  0% {
    stroke-dashoffset: 132.04379272460938px;
    stroke-dasharray: 132.04379272460938px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 132.04379272460938px;
  }
}

@keyframes animate-svg-stroke-6 {
  0% {
    stroke-dashoffset: 132.04379272460938px;
    stroke-dasharray: 132.04379272460938px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 132.04379272460938px;
  }
}

@-webkit-keyframes animate-svg-fill-6 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

@keyframes animate-svg-fill-6 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

.svg-elem-6 {
  -webkit-animation: animate-svg-stroke-6 2.5s ease 0.05s both,
                       animate-svg-fill-6 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 2.55s both;
          animation: animate-svg-stroke-6 2.5s ease 0.05s both,
               animate-svg-fill-6 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 2.55s both;
}

@-webkit-keyframes animate-svg-stroke-7 {
  0% {
    stroke-dashoffset: 204.69183349609375px;
    stroke-dasharray: 204.69183349609375px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 204.69183349609375px;
  }
}

@keyframes animate-svg-stroke-7 {
  0% {
    stroke-dashoffset: 204.69183349609375px;
    stroke-dasharray: 204.69183349609375px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 204.69183349609375px;
  }
}

@-webkit-keyframes animate-svg-fill-7 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

@keyframes animate-svg-fill-7 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

.svg-elem-7 {
  -webkit-animation: animate-svg-stroke-7 2.5s ease 0.06s both,
                       animate-svg-fill-7 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 2.56s both;
          animation: animate-svg-stroke-7 2.5s ease 0.06s both,
               animate-svg-fill-7 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 2.56s both;
}

@-webkit-keyframes animate-svg-stroke-8 {
  0% {
    stroke-dashoffset: 134.4722442626953px;
    stroke-dasharray: 134.4722442626953px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 134.4722442626953px;
  }
}

@keyframes animate-svg-stroke-8 {
  0% {
    stroke-dashoffset: 134.4722442626953px;
    stroke-dasharray: 134.4722442626953px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 134.4722442626953px;
  }
}

@-webkit-keyframes animate-svg-fill-8 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

@keyframes animate-svg-fill-8 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

.svg-elem-8 {
  -webkit-animation: animate-svg-stroke-8 2.5s ease 0.07s both,
                       animate-svg-fill-8 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 2.57s both;
          animation: animate-svg-stroke-8 2.5s ease 0.07s both,
               animate-svg-fill-8 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 2.57s both;
}

@-webkit-keyframes animate-svg-stroke-9 {
  0% {
    stroke-dashoffset: 92.30205535888672px;
    stroke-dasharray: 92.30205535888672px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 92.30205535888672px;
  }
}

@keyframes animate-svg-stroke-9 {
  0% {
    stroke-dashoffset: 92.30205535888672px;
    stroke-dasharray: 92.30205535888672px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 92.30205535888672px;
  }
}

@-webkit-keyframes animate-svg-fill-9 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

@keyframes animate-svg-fill-9 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

.svg-elem-9 {
  -webkit-animation: animate-svg-stroke-9 2.5s ease 0.08s both,
                       animate-svg-fill-9 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 2.58s both;
          animation: animate-svg-stroke-9 2.5s ease 0.08s both,
               animate-svg-fill-9 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 2.58s both;
}

@-webkit-keyframes animate-svg-stroke-10 {
  0% {
    stroke-dashoffset: 67.18732452392578px;
    stroke-dasharray: 67.18732452392578px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 67.18732452392578px;
  }
}

@keyframes animate-svg-stroke-10 {
  0% {
    stroke-dashoffset: 67.18732452392578px;
    stroke-dasharray: 67.18732452392578px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 67.18732452392578px;
  }
}

@-webkit-keyframes animate-svg-fill-10 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

@keyframes animate-svg-fill-10 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

.svg-elem-10 {
  -webkit-animation: animate-svg-stroke-10 2.5s ease 0.09s both,
                       animate-svg-fill-10 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 2.59s both;
          animation: animate-svg-stroke-10 2.5s ease 0.09s both,
               animate-svg-fill-10 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 2.59s both;
}

@-webkit-keyframes animate-svg-stroke-11 {
  0% {
    stroke-dashoffset: 61.399993896484375px;
    stroke-dasharray: 61.399993896484375px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 61.399993896484375px;
  }
}

@keyframes animate-svg-stroke-11 {
  0% {
    stroke-dashoffset: 61.399993896484375px;
    stroke-dasharray: 61.399993896484375px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 61.399993896484375px;
  }
}

@-webkit-keyframes animate-svg-fill-11 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

@keyframes animate-svg-fill-11 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

.svg-elem-11 {
  -webkit-animation: animate-svg-stroke-11 2.5s ease 0.1s both,
                       animate-svg-fill-11 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 2.6s both;
          animation: animate-svg-stroke-11 2.5s ease 0.1s both,
               animate-svg-fill-11 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 2.6s both;
}

@-webkit-keyframes animate-svg-stroke-12 {
  0% {
    stroke-dashoffset: 51.10371398925781px;
    stroke-dasharray: 51.10371398925781px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 51.10371398925781px;
  }
}

@keyframes animate-svg-stroke-12 {
  0% {
    stroke-dashoffset: 51.10371398925781px;
    stroke-dasharray: 51.10371398925781px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 51.10371398925781px;
  }
}

@-webkit-keyframes animate-svg-fill-12 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

@keyframes animate-svg-fill-12 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

.svg-elem-12 {
  -webkit-animation: animate-svg-stroke-12 2.5s ease 0.11s both,
                       animate-svg-fill-12 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 2.61s both;
          animation: animate-svg-stroke-12 2.5s ease 0.11s both,
               animate-svg-fill-12 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 2.61s both;
}

@-webkit-keyframes animate-svg-stroke-13 {
  0% {
    stroke-dashoffset: 67.18733215332031px;
    stroke-dasharray: 67.18733215332031px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 67.18733215332031px;
  }
}

@keyframes animate-svg-stroke-13 {
  0% {
    stroke-dashoffset: 67.18733215332031px;
    stroke-dasharray: 67.18733215332031px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 67.18733215332031px;
  }
}

@-webkit-keyframes animate-svg-fill-13 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

@keyframes animate-svg-fill-13 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

.svg-elem-13 {
  -webkit-animation: animate-svg-stroke-13 2.5s ease 0.12s both,
                       animate-svg-fill-13 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 2.62s both;
          animation: animate-svg-stroke-13 2.5s ease 0.12s both,
               animate-svg-fill-13 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 2.62s both;
}

@-webkit-keyframes animate-svg-stroke-14 {
  0% {
    stroke-dashoffset: 61.26327896118164px;
    stroke-dasharray: 61.26327896118164px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 61.26327896118164px;
  }
}

@keyframes animate-svg-stroke-14 {
  0% {
    stroke-dashoffset: 61.26327896118164px;
    stroke-dasharray: 61.26327896118164px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 61.26327896118164px;
  }
}

@-webkit-keyframes animate-svg-fill-14 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

@keyframes animate-svg-fill-14 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

.svg-elem-14 {
  -webkit-animation: animate-svg-stroke-14 2.5s ease 0.13s both,
                       animate-svg-fill-14 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 2.63s both;
          animation: animate-svg-stroke-14 2.5s ease 0.13s both,
               animate-svg-fill-14 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 2.63s both;
}

@-webkit-keyframes animate-svg-stroke-15 {
  0% {
    stroke-dashoffset: 31.800003051757812px;
    stroke-dasharray: 31.800003051757812px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 31.800003051757812px;
  }
}

@keyframes animate-svg-stroke-15 {
  0% {
    stroke-dashoffset: 31.800003051757812px;
    stroke-dasharray: 31.800003051757812px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 31.800003051757812px;
  }
}

@-webkit-keyframes animate-svg-fill-15 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

@keyframes animate-svg-fill-15 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

.svg-elem-15 {
  -webkit-animation: animate-svg-stroke-15 2.5s ease 0.14s both,
                       animate-svg-fill-15 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 2.64s both;
          animation: animate-svg-stroke-15 2.5s ease 0.14s both,
               animate-svg-fill-15 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 2.64s both;
}

@-webkit-keyframes animate-svg-stroke-16 {
  0% {
    stroke-dashoffset: 45.600006103515625px;
    stroke-dasharray: 45.600006103515625px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 45.600006103515625px;
  }
}

@keyframes animate-svg-stroke-16 {
  0% {
    stroke-dashoffset: 45.600006103515625px;
    stroke-dasharray: 45.600006103515625px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 45.600006103515625px;
  }
}

@-webkit-keyframes animate-svg-fill-16 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

@keyframes animate-svg-fill-16 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

.svg-elem-16 {
  -webkit-animation: animate-svg-stroke-16 2.5s ease 0.15s both,
                       animate-svg-fill-16 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 2.65s both;
          animation: animate-svg-stroke-16 2.5s ease 0.15s both,
               animate-svg-fill-16 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 2.65s both;
}

@-webkit-keyframes animate-svg-stroke-17 {
  0% {
    stroke-dashoffset: 31.800003051757812px;
    stroke-dasharray: 31.800003051757812px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 31.800003051757812px;
  }
}

@keyframes animate-svg-stroke-17 {
  0% {
    stroke-dashoffset: 31.800003051757812px;
    stroke-dasharray: 31.800003051757812px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 31.800003051757812px;
  }
}

@-webkit-keyframes animate-svg-fill-17 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

@keyframes animate-svg-fill-17 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

.svg-elem-17 {
  -webkit-animation: animate-svg-stroke-17 2.5s ease 0.16s both,
                       animate-svg-fill-17 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 2.66s both;
          animation: animate-svg-stroke-17 2.5s ease 0.16s both,
               animate-svg-fill-17 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 2.66s both;
}

@-webkit-keyframes animate-svg-stroke-18 {
  0% {
    stroke-dashoffset: 76.25768280029297px;
    stroke-dasharray: 76.25768280029297px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 76.25768280029297px;
  }
}

@keyframes animate-svg-stroke-18 {
  0% {
    stroke-dashoffset: 76.25768280029297px;
    stroke-dasharray: 76.25768280029297px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 76.25768280029297px;
  }
}

@-webkit-keyframes animate-svg-fill-18 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

@keyframes animate-svg-fill-18 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

.svg-elem-18 {
  -webkit-animation: animate-svg-stroke-18 2.5s ease 0.17s both,
                       animate-svg-fill-18 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 2.67s both;
          animation: animate-svg-stroke-18 2.5s ease 0.17s both,
               animate-svg-fill-18 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 2.67s both;
}

@-webkit-keyframes animate-svg-stroke-19 {
  0% {
    stroke-dashoffset: 50.79998779296875px;
    stroke-dasharray: 50.79998779296875px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 50.79998779296875px;
  }
}

@keyframes animate-svg-stroke-19 {
  0% {
    stroke-dashoffset: 50.79998779296875px;
    stroke-dasharray: 50.79998779296875px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 50.79998779296875px;
  }
}

@-webkit-keyframes animate-svg-fill-19 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

@keyframes animate-svg-fill-19 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

.svg-elem-19 {
  -webkit-animation: animate-svg-stroke-19 2.5s ease 0.18s both,
                       animate-svg-fill-19 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 2.68s both;
          animation: animate-svg-stroke-19 2.5s ease 0.18s both,
               animate-svg-fill-19 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 2.68s both;
}

@-webkit-keyframes animate-svg-stroke-20 {
  0% {
    stroke-dashoffset: 63.72113037109375px;
    stroke-dasharray: 63.72113037109375px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 63.72113037109375px;
  }
}

@keyframes animate-svg-stroke-20 {
  0% {
    stroke-dashoffset: 63.72113037109375px;
    stroke-dasharray: 63.72113037109375px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 63.72113037109375px;
  }
}

@-webkit-keyframes animate-svg-fill-20 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

@keyframes animate-svg-fill-20 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

.svg-elem-20 {
  -webkit-animation: animate-svg-stroke-20 2.5s ease 0.19s both,
                       animate-svg-fill-20 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 2.69s both;
          animation: animate-svg-stroke-20 2.5s ease 0.19s both,
               animate-svg-fill-20 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 2.69s both;
}

@-webkit-keyframes animate-svg-stroke-21 {
  0% {
    stroke-dashoffset: 67.1873550415039px;
    stroke-dasharray: 67.1873550415039px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 67.1873550415039px;
  }
}

@keyframes animate-svg-stroke-21 {
  0% {
    stroke-dashoffset: 67.1873550415039px;
    stroke-dasharray: 67.1873550415039px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 67.1873550415039px;
  }
}

@-webkit-keyframes animate-svg-fill-21 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

@keyframes animate-svg-fill-21 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

.svg-elem-21 {
  -webkit-animation: animate-svg-stroke-21 2.5s ease 0.2s both,
                       animate-svg-fill-21 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 2.7s both;
          animation: animate-svg-stroke-21 2.5s ease 0.2s both,
               animate-svg-fill-21 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 2.7s both;
}

@-webkit-keyframes animate-svg-stroke-22 {
  0% {
    stroke-dashoffset: 91.44181060791016px;
    stroke-dasharray: 91.44181060791016px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 91.44181060791016px;
  }
}

@keyframes animate-svg-stroke-22 {
  0% {
    stroke-dashoffset: 91.44181060791016px;
    stroke-dasharray: 91.44181060791016px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 91.44181060791016px;
  }
}

@-webkit-keyframes animate-svg-fill-22 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

@keyframes animate-svg-fill-22 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

.svg-elem-22 {
  -webkit-animation: animate-svg-stroke-22 2.5s ease 0.21s both,
                       animate-svg-fill-22 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 2.71s both;
          animation: animate-svg-stroke-22 2.5s ease 0.21s both,
               animate-svg-fill-22 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 2.71s both;
}

@-webkit-keyframes animate-svg-stroke-23 {
  0% {
    stroke-dashoffset: 60.87179183959961px;
    stroke-dasharray: 60.87179183959961px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 60.87179183959961px;
  }
}

@keyframes animate-svg-stroke-23 {
  0% {
    stroke-dashoffset: 60.87179183959961px;
    stroke-dasharray: 60.87179183959961px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 60.87179183959961px;
  }
}

@-webkit-keyframes animate-svg-fill-23 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

@keyframes animate-svg-fill-23 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

.svg-elem-23 {
  -webkit-animation: animate-svg-stroke-23 2.5s ease 0.22s both,
                       animate-svg-fill-23 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 2.72s both;
          animation: animate-svg-stroke-23 2.5s ease 0.22s both,
               animate-svg-fill-23 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 2.72s both;
}

@-webkit-keyframes animate-svg-stroke-24 {
  0% {
    stroke-dashoffset: 45.59999084472656px;
    stroke-dasharray: 45.59999084472656px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 45.59999084472656px;
  }
}

@keyframes animate-svg-stroke-24 {
  0% {
    stroke-dashoffset: 45.59999084472656px;
    stroke-dasharray: 45.59999084472656px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 45.59999084472656px;
  }
}

@-webkit-keyframes animate-svg-fill-24 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

@keyframes animate-svg-fill-24 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

.svg-elem-24 {
  -webkit-animation: animate-svg-stroke-24 2.5s ease 0.23s both,
                       animate-svg-fill-24 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 2.73s both;
          animation: animate-svg-stroke-24 2.5s ease 0.23s both,
               animate-svg-fill-24 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 2.73s both;
}

@-webkit-keyframes animate-svg-stroke-25 {
  0% {
    stroke-dashoffset: 31.800003051757812px;
    stroke-dasharray: 31.800003051757812px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 31.800003051757812px;
  }
}

@keyframes animate-svg-stroke-25 {
  0% {
    stroke-dashoffset: 31.800003051757812px;
    stroke-dasharray: 31.800003051757812px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 31.800003051757812px;
  }
}

@-webkit-keyframes animate-svg-fill-25 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

@keyframes animate-svg-fill-25 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

.svg-elem-25 {
  -webkit-animation: animate-svg-stroke-25 2.5s ease 0.24s both,
                       animate-svg-fill-25 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 2.74s both;
          animation: animate-svg-stroke-25 2.5s ease 0.24s both,
               animate-svg-fill-25 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 2.74s both;
}

@-webkit-keyframes animate-svg-stroke-26 {
  0% {
    stroke-dashoffset: 63.738548278808594px;
    stroke-dasharray: 63.738548278808594px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 63.738548278808594px;
  }
}

@keyframes animate-svg-stroke-26 {
  0% {
    stroke-dashoffset: 63.738548278808594px;
    stroke-dasharray: 63.738548278808594px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 63.738548278808594px;
  }
}

@-webkit-keyframes animate-svg-fill-26 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

@keyframes animate-svg-fill-26 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

.svg-elem-26 {
  -webkit-animation: animate-svg-stroke-26 2.5s ease 0.25s both,
                       animate-svg-fill-26 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 2.75s both;
          animation: animate-svg-stroke-26 2.5s ease 0.25s both,
               animate-svg-fill-26 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 2.75s both;
}

@-webkit-keyframes animate-svg-stroke-27 {
  0% {
    stroke-dashoffset: 76.25746154785156px;
    stroke-dasharray: 76.25746154785156px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 76.25746154785156px;
  }
}

@keyframes animate-svg-stroke-27 {
  0% {
    stroke-dashoffset: 76.25746154785156px;
    stroke-dasharray: 76.25746154785156px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 76.25746154785156px;
  }
}

@-webkit-keyframes animate-svg-fill-27 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

@keyframes animate-svg-fill-27 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

.svg-elem-27 {
  -webkit-animation: animate-svg-stroke-27 2.5s ease 0.26s both,
                       animate-svg-fill-27 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 2.76s both;
          animation: animate-svg-stroke-27 2.5s ease 0.26s both,
               animate-svg-fill-27 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 2.76s both;
}

@-webkit-keyframes animate-svg-stroke-28 {
  0% {
    stroke-dashoffset: 54.007476806640625px;
    stroke-dasharray: 54.007476806640625px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 54.007476806640625px;
  }
}

@keyframes animate-svg-stroke-28 {
  0% {
    stroke-dashoffset: 54.007476806640625px;
    stroke-dasharray: 54.007476806640625px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 54.007476806640625px;
  }
}

@-webkit-keyframes animate-svg-fill-28 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

@keyframes animate-svg-fill-28 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

.svg-elem-28 {
  -webkit-animation: animate-svg-stroke-28 2.5s ease 0.27s both,
                       animate-svg-fill-28 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 2.77s both;
          animation: animate-svg-stroke-28 2.5s ease 0.27s both,
               animate-svg-fill-28 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 2.77s both;
}

@-webkit-keyframes animate-svg-stroke-29 {
  0% {
    stroke-dashoffset: 56.51594924926758px;
    stroke-dasharray: 56.51594924926758px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 56.51594924926758px;
  }
}

@keyframes animate-svg-stroke-29 {
  0% {
    stroke-dashoffset: 56.51594924926758px;
    stroke-dasharray: 56.51594924926758px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 56.51594924926758px;
  }
}

@-webkit-keyframes animate-svg-fill-29 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

@keyframes animate-svg-fill-29 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

.svg-elem-29 {
  -webkit-animation: animate-svg-stroke-29 2.5s ease 0.28s both,
                       animate-svg-fill-29 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 2.7800000000000002s both;
          animation: animate-svg-stroke-29 2.5s ease 0.28s both,
               animate-svg-fill-29 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 2.7800000000000002s both;
}

@-webkit-keyframes animate-svg-stroke-30 {
  0% {
    stroke-dashoffset: 54.007537841796875px;
    stroke-dasharray: 54.007537841796875px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 54.007537841796875px;
  }
}

@keyframes animate-svg-stroke-30 {
  0% {
    stroke-dashoffset: 54.007537841796875px;
    stroke-dasharray: 54.007537841796875px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 54.007537841796875px;
  }
}

@-webkit-keyframes animate-svg-fill-30 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

@keyframes animate-svg-fill-30 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

.svg-elem-30 {
  -webkit-animation: animate-svg-stroke-30 2.5s ease 0.29s both,
                       animate-svg-fill-30 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 2.79s both;
          animation: animate-svg-stroke-30 2.5s ease 0.29s both,
               animate-svg-fill-30 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 2.79s both;
}

@-webkit-keyframes animate-svg-stroke-31 {
  0% {
    stroke-dashoffset: 57.834468841552734px;
    stroke-dasharray: 57.834468841552734px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 57.834468841552734px;
  }
}

@keyframes animate-svg-stroke-31 {
  0% {
    stroke-dashoffset: 57.834468841552734px;
    stroke-dasharray: 57.834468841552734px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 57.834468841552734px;
  }
}

@-webkit-keyframes animate-svg-fill-31 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

@keyframes animate-svg-fill-31 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

.svg-elem-31 {
  -webkit-animation: animate-svg-stroke-31 2.5s ease 0.3s both,
                       animate-svg-fill-31 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 2.8s both;
          animation: animate-svg-stroke-31 2.5s ease 0.3s both,
               animate-svg-fill-31 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 2.8s both;
}*/
/***************************************************
 * Generated by SVG Artista on 5/26/2025, 5:07:28 PM
 * MIT license (https://opensource.org/licenses/MIT)
 * W. https://svgartista.net
 **************************************************/
@-webkit-keyframes animate-svg-stroke-1 {
  0% {
    stroke-dashoffset: 751.9100952148438px;
    stroke-dasharray: 751.9100952148438px; }
  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 751.9100952148438px; } }
@keyframes animate-svg-stroke-1 {
  0% {
    stroke-dashoffset: 751.9100952148438px;
    stroke-dasharray: 751.9100952148438px; }
  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 751.9100952148438px; } }
@-webkit-keyframes animate-svg-fill-1 {
  0% {
    fill: transparent; }
  100% {
    fill: white; } }
@keyframes animate-svg-fill-1 {
  0% {
    fill: transparent; }
  100% {
    fill: white; } }
.svg-elem-1 {
  -webkit-animation: animate-svg-stroke-1 7s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s both, animate-svg-fill-1 0.75s ease 2.75s both;
  animation: animate-svg-stroke-1 7s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s both, animate-svg-fill-1 0.75s ease 2.75s both; }

@-webkit-keyframes animate-svg-stroke-2 {
  0% {
    stroke-dashoffset: 685.8114013671875px;
    stroke-dasharray: 685.8114013671875px; }
  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 685.8114013671875px; } }
@keyframes animate-svg-stroke-2 {
  0% {
    stroke-dashoffset: 685.8114013671875px;
    stroke-dasharray: 685.8114013671875px; }
  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 685.8114013671875px; } }
@-webkit-keyframes animate-svg-fill-2 {
  0% {
    fill: transparent; }
  100% {
    fill: white; } }
@keyframes animate-svg-fill-2 {
  0% {
    fill: transparent; }
  100% {
    fill: white; } }
.svg-elem-2 {
  -webkit-animation: animate-svg-stroke-2 7s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s both, animate-svg-fill-2 0.75s ease 3s both;
  animation: animate-svg-stroke-2 7s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s both, animate-svg-fill-2 0.75s ease 3s both; }

/* ======================================
ボタン
====================================== */
.p-anima-2 {
  position: relative; }
  .p-anima-2::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    transform: scaleX(0);
    transform-origin: right;
    transition: transform 0.4s; }
  .p-anima-2:hover::before {
    transform: scaleX(1);
    transform-origin: left; }
  .p-anima-2 span {
    position: relative;
    z-index: 1;
    padding: 20px 10px;
    display: block; }

/* アニメーションとは関係のないスタイル（ボタンの見た目など） */
body {
  /*display: flex;*/
  justify-content: center;
  /*align-items: center;*/
  /*実際は不要か*/
  /*height: 100vh;*/
  /*実際は不要か*/ }

.btn_Area {
  margin-top: 40px; }
  .btn_Area.btn_Area_center {
    display: block !important; }
  .btn_Area.mtp {
    margin-top: 30px; }
  .btn_Area.mbm {
    margin-bottom: 80px; }
  .btn_Area .btn_Block .c-btn {
    border-top: 1px solid #fff;
    display: block;
    color: #fff;
    font-size: 1.6rem;
    font-family: "Noto Sans JP", sans-seri;
    font-optical-sizing: auto;
    font-weight: 800;
    font-style: normal;
    width: 100%;
    margin: auto;
    /*padding: 20px 10px;*/
    text-decoration: none;
    position: relative; }
    .btn_Area .btn_Block .c-btn span {
      display: block;
      width: 100%; }
      .btn_Area .btn_Block .c-btn span:after {
        content: url(../images/arrow_01.svg);
        position: absolute;
        right: 10px; }
      .btn_Area .btn_Block .c-btn span.box_topInterview {
        padding: 8px; }
      .btn_Area .btn_Block .c-btn span.black:hover {
        color: #000; }
        .btn_Area .btn_Block .c-btn span.black:hover:after {
          content: url(../images/arrow_04.svg);
          position: absolute;
          right: 10px; }
      .btn_Area .btn_Block .c-btn span.flex {
        display: flex;
        align-items: center; }
        .btn_Area .btn_Block .c-btn span.flex img {
          width: 90px; }
      .btn_Area .btn_Block .c-btn span .textArea {
        margin-left: 15px;
        margin-right: 15px; }
        .btn_Area .btn_Block .c-btn span .textArea .subttl {
          font-size: 1.4rem;
          font-family: "Noto Sans JP", sans-serif;
          font-optical-sizing: auto;
          font-weight: 400;
          font-style: normal; }
        .btn_Area .btn_Block .c-btn span .textArea h2 {
          font-size: 1.6rem;
          font-family: "Noto Sans JP", sans-serif;
          font-optical-sizing: auto;
          font-weight: 700;
          font-style: normal;
          margin-top: 6px;
          line-height: 1.4; }
        .btn_Area .btn_Block .c-btn span .textArea .busho {
          font-size: 1.4rem;
          font-family: "Noto Sans JP", sans-serif;
          font-optical-sizing: auto;
          font-weight: 400;
          font-style: normal;
          margin-top: 7px; }
        .btn_Area .btn_Block .c-btn span .textArea .busho02 {
          font-size: 1.1rem;
          font-family: "Noto Sans JP", sans-serif;
          font-optical-sizing: auto;
          font-weight: 400;
          font-style: normal;
          margin-top: 6px;
          line-height: 1.364; }
    .btn_Area .btn_Block .c-btn span:hover {
      color: #ff0000; }
      .btn_Area .btn_Block .c-btn span:hover:after {
        content: url(../images/arrow_03.svg);
        position: absolute;
        right: 10px; }
  .btn_Area .btn_Block:last-of-type {
    border-bottom: 1px solid #fff; }

/* ======================================
トップ
====================================== */
#box {
  height: 100svh;
  box-sizing: border-box;
  background: #ff0000; }

.section.section_top {
  margin: 0 auto;
  padding: 70px 0 0;
  max-width: none;
  width: 100%; }
  .section.section_top.mbm {
    padding-bottom: 70px; }
  .section.section_top .Area_mg {
    margin: 0 auto;
    padding-bottom: 80px; }
    .section.section_top .Area_mg.pbm {
      padding-bottom: 10px; }
  .section.section_top.pbm01 {
    padding-bottom: 70px; }
  .section.section_top.pbm02 {
    padding-bottom: 0px; }
.section.section_btn {
  padding: 0 0 80px; }

.text_topmessage {
  text-align: center;
  font-size: 1.8rem;
  line-height: 2.111;
  color: #fff;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal; }

/* パララックス */
.section.movieArea {
  width: 100%;
  /*height: 100vh;*/
  position: relative;
  background: none;
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 90%);
  margin: 0 auto;
  padding-bottom: 70px; }

.movie {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  margin: 0 auto !important;
  min-width: 100vw;
  min-height: 100vh;
  width: auto;
  height: auto;
  z-index: -100;
  overflow: hidden; }
  .movie iframe {
    box-sizing: border-box;
    height: 56.25vw;
    /* 16:9 の高さなので 56.25% (= 9 ÷ 16) */
    left: 50%;
    min-height: 100%;
    min-width: 100%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 177.77777778vh;
    /* 16:9 の幅なので 177.77% (= 16 ÷ 9) */ }

.movieArea .interviewBlock {
  margin-top: 50vh; }
  .movieArea .interviewBlock .textBlock_topInterview {
    width: 100%;
    max-width: inherit;
    margin: 0; }
    .movieArea .interviewBlock .textBlock_topInterview .link_topInterview {
      margin-top: 60px; }
    .movieArea .interviewBlock .textBlock_topInterview .btn_Area {
      margin-top: 0; }
      .movieArea .interviewBlock .textBlock_topInterview .btn_Area.link_topInterview_02 {
        margin-top: 50px; }

/* ======================================
news
====================================== */
/*リスト*/
main .section_cate02 {
  margin: 50px 0 0 !important; }
  main .section_cate02 .ttl_area {
    height: auto !important;
    margin-top: 150px !important; }

.section .newsArea {
  width: calc(100% - 40px);
  margin: 0 auto;
  background-color: rgba(255, 255, 255, 0.7);
  box-shadow: 3px 5px 6px 0px rgba(0, 0, 0, 0.3); }
  .section .newsArea .newsttlBlock {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    padding: 25px 15px; }
    .section .newsArea .newsttlBlock h2 {
      font-size: 2.5rem; }
      .section .newsArea .newsttlBlock h2 span {
        display: block;
        padding-top: 10px;
        font-size: 1.6rem;
        font-family: "Noto Sans JP", sans-serif;
        font-optical-sizing: auto;
        font-weight: 700;
        font-style: normal; }
    .section .newsArea .newsttlBlock a.link_more {
      font-size: 1.6rem;
      position: relative;
      color: #000;
      font-family: "Noto Sans JP", sans-seri;
      font-optical-sizing: auto;
      font-weight: 800;
      font-style: normal; }
      .section .newsArea .newsttlBlock a.link_more:after {
        content: url(../images/arrow_03.svg);
        width: 8px;
        height: 8px;
        display: inline-block;
        padding: 0px;
        margin-left: 10px; }
  .section .newsArea li {
    border-top: 1px solid #FF0000;
    width: 100%; }
    .section .newsArea li a.link_news_detail {
      display: block;
      padding: 20px 15px; }
      .section .newsArea li a.link_news_detail p {
        font-size: 1.5rem;
        color: #000; }
        .section .newsArea li a.link_news_detail p.news_list_ttl {
          padding-top: 7px;
          line-height: 1.5; }
  .section .newsArea.newsArea_detail {
    display: block;
    padding: 25px 15px 40px; }
    .section .newsArea.newsArea_detail .date {
      font-size: 1.4rem;
      color: #000; }
    .section .newsArea.newsArea_detail h2.h2_news {
      font-size: 2.0rem;
      color: #000;
      margin-top: 12px;
      margin-bottom: 40px;
      line-height: 1.4; }
    .section .newsArea.newsArea_detail h3.h3_news {
      font-size: 1.8rem;
      color: #000;
      margin-top: 30px;
      line-height: 1.4; }
    .section .newsArea.newsArea_detail .text {
      font-size: 1.5rem;
      color: #000;
      margin-top: 15px; }
      .section .newsArea.newsArea_detail .text a {
        color: #000;
        text-decoration: underline; }
    .section .newsArea.newsArea_detail h3 + .text {
      margin-top: 20px; }

/*workenvironment*/
.block_worklifebalance h2 {
  font-size: 2.4rem; }
.block_worklifebalance h3 {
  font-size: 2.0rem;
  margin-top: 30px; }
  .block_worklifebalance h3.h3_icon span {
    display: flex;
    align-items: center; }
    .block_worklifebalance h3.h3_icon span img {
      width: 27px;
      height: 27px;
      margin-right: 10px; }
.block_worklifebalance .list_worklifebalance {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  .block_worklifebalance .list_worklifebalance li {
    margin-top: 25px;
    text-align: center; }
    .block_worklifebalance .list_worklifebalance li img {
      height: 66px; }
    .block_worklifebalance .list_worklifebalance li .subtext {
      margin-top: 10px;
      font-size: 1.3rem;
      line-height: 1.231; }
  .block_worklifebalance .list_worklifebalance.box01 li {
    width: 33.333%; }
  .block_worklifebalance .list_worklifebalance.box02 li {
    width: 50%; }
  .block_worklifebalance .list_worklifebalance.mbm {
    margin-bottom: 20px; }
.block_worklifebalance .list_number {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  .block_worklifebalance .list_number.box01 li {
    width: 100%;
    position: relative; }
    .block_worklifebalance .list_number.box01 li.box02 {
      padding-bottom: 20px;
      margin-bottom: 10px; }
      .block_worklifebalance .list_number.box01 li.box02 .numbertxtBlock {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap; }
        .block_worklifebalance .list_number.box01 li.box02 .numbertxtBlock .numbertxt {
          width: 50%;
          text-align: center; }
          .block_worklifebalance .list_number.box01 li.box02 .numbertxtBlock .numbertxt p {
            line-height: 1.3; }
          .block_worklifebalance .list_number.box01 li.box02 .numbertxtBlock .numbertxt .count_up, .block_worklifebalance .list_number.box01 li.box02 .numbertxtBlock .numbertxt .no_count_up {
            font-size: 6.0rem; }
          .block_worklifebalance .list_number.box01 li.box02 .numbertxtBlock .numbertxt .no_count_up {
            display: block; }
          .block_worklifebalance .list_number.box01 li.box02 .numbertxtBlock .numbertxt .kome {
            display: block;
            margin-top: -10px;
            text-align: center; }
    .block_worklifebalance .list_number.box01 li .kome.kome_number {
      position: absolute;
      right: 30px;
      bottom: 0; }
  .block_worklifebalance .list_number .count_up, .block_worklifebalance .list_number .no_count_up {
    font-family: "Jost", sans-serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
    line-height: 1.0; }
  .block_worklifebalance .list_number li:not(first-of-type) h3 {
    margin-top: 20px; }
  .block_worklifebalance .list_number li:not(first-of-type) .numbertxtBlock {
    display: flex;
    justify-content: space-around;
    margin-top: 10px; }
    .block_worklifebalance .list_number li:not(first-of-type) .numbertxtBlock .numbertxt {
      /*text-align: center;*/
      line-height: 1.3;
      margin-top: 5px; }
      .block_worklifebalance .list_number li:not(first-of-type) .numbertxtBlock .numbertxt h3 {
        margin-top: 10px;
        font-size: 1.6rem;
        margin-bottom: 5px; }
      .block_worklifebalance .list_number li:not(first-of-type) .numbertxtBlock .numbertxt span {
        font-size: 4.0rem; }
        .block_worklifebalance .list_number li:not(first-of-type) .numbertxtBlock .numbertxt span.count_up, .block_worklifebalance .list_number li:not(first-of-type) .numbertxtBlock .numbertxt span .no_count_up {
          font-size: 7.5rem; }
        .block_worklifebalance .list_number li:not(first-of-type) .numbertxtBlock .numbertxt span.year {
          font-size: 1.2rem;
          text-align: right;
          display: block; }

/*注釈*/
.kome {
  margin-top: 10px;
  font-size: 1.2rem !important;
  line-height: 1.57 !important;
  font-weight: 400; }

.img_icon {
  opacity: 0; }
  .img_icon.is-active01 {
    transition: 0.5s;
    animation-name: icon_display01;
    animation-duration: 1.25s;
    animation-fill-mode: forwards; }
  .img_icon.is-active02 {
    transition: 0.5s;
    animation-name: icon_display02;
    animation-duration: 1.25s;
    animation-fill-mode: forwards; }
  .img_icon.is-active03 {
    transition: 0.5s;
    animation-name: icon_display03;
    animation-duration: 1.25s;
    animation-fill-mode: forwards; }

@keyframes icon_display01 {
  0% {
    opacity: 0;
    transform: translateY(100px); }
  50% {
    opacity: 0;
    transform: translateY(50px); }
  100% {
    opacity: 1;
    transform: translateY(0); } }
@keyframes icon_display02 {
  0% {
    opacity: 0;
    transform: translateY(100px); }
  50% {
    opacity: 0;
    transform: translateY(50px); }
  100% {
    opacity: 1;
    transform: translateY(0); } }
@keyframes icon_display03 {
  0% {
    opacity: 0;
    transform: translateY(100px); }
  50% {
    opacity: 0;
    transform: translateY(50px); }
  100% {
    opacity: 1;
    transform: translateY(0); } }
/*block_carrer*/
/*タイムライン全体の設定*/
.block_career h2.ttl {
  font-size: 4rem;
  margin-bottom: 0.7em;
  font-size: 2.4rem;
  line-height: calc(32 / 24);
  color: #fff; }
.block_career .timeline_Area .timeline {
  width: 100%;
  margin: 25px auto;
  transition: 0.6s;
  display: grid;
  grid-template-columns: auto;
  justify-content: center;
  list-style-position: inside;
  padding: 0; }
  .block_career .timeline_Area .timeline li.timeline_list {
    /*線の起点とするためrelativeを設定*/
    position: relative;
    list-style: none;
    padding: 20px 0 20px 0;
    opacity: 0;
    transition: 0.6s;
    /*タイムラインの見出し横の丸の位置と形状*/
    /*絶対配置で線を設定*/ }
    .block_career .timeline_Area .timeline li.timeline_list:after {
      content: '';
      position: absolute;
      top: 45px;
      left: 73px;
      width: 11px;
      height: 11px;
      background: #fff;
      border-radius: 50%; }
    .block_career .timeline_Area .timeline li.timeline_list dl {
      display: flex; }
      .block_career .timeline_Area .timeline li.timeline_list dl dt {
        font-size: 3.7rem;
        display: block;
        text-align: center;
        font-family: "Jost", sans-serif;
        font-optical-sizing: auto;
        font-weight: 500;
        font-style: normal;
        line-height: 1.2; }
        .block_career .timeline_Area .timeline li.timeline_list dl dt span {
          font-size: 1.2rem;
          display: block;
          font-family: "Noto Sans JP", sans-serif;
          font-optical-sizing: auto;
          font-weight: 700;
          font-style: normal; }
      .block_career .timeline_Area .timeline li.timeline_list dl dd {
        margin: 0 0 0 80px; }
        .block_career .timeline_Area .timeline li.timeline_list dl dd h3 {
          display: block;
          padding: 0;
          margin: 0;
          font-size: 1.5rem; }
          .block_career .timeline_Area .timeline li.timeline_list dl dd h3 span {
            font-size: 1.4rem; }
        .block_career .timeline_Area .timeline li.timeline_list dl dd .block {
          margin-top: 18px; }
          .block_career .timeline_Area .timeline li.timeline_list dl dd .block li {
            font-size: 1.5rem;
            margin-top: 15px; }
    .block_career .timeline_Area .timeline li.timeline_list .border-line {
      /*線の位置*/
      position: absolute;
      left: 78px;
      top: 45px;
      width: 1px;
      /*線の太さ*/
      height: 0;
      /*はじめは高さを0に*/
      background: #fff; }
.block_career .timeline_Area.is-active .timeline .list01 {
  animation-name: list01-pc;
  animation-delay: 0.1s;
  animation-duration: 0.8s;
  animation-fill-mode: forwards; }
.block_career .timeline_Area.is-active .timeline .list02 {
  animation-name: list02-pc;
  animation-delay: 0.2s;
  animation-duration: 0.8s;
  animation-fill-mode: forwards; }
.block_career .timeline_Area.is-active .timeline .list03 {
  animation-name: list03-pc;
  animation-delay: 0.3s;
  animation-duration: 0.8s;
  animation-fill-mode: forwards; }
.block_career .timeline_Area.is-active .timeline .list04 {
  animation-name: list04-pc;
  animation-delay: 0.4s;
  animation-duration: 0.8s;
  animation-fill-mode: forwards; }
.block_career .timeline_Area.is-active .timeline .list05 {
  animation-name: list05-pc;
  animation-delay: 0.5s;
  animation-duration: 0.8s;
  animation-fill-mode: forwards; }
@keyframes list01-pc {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@keyframes list02-pc {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@keyframes list03-pc {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@keyframes list04-pc {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@keyframes list05-pc {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
.block_career .carrer_skill {
  border-top: 1px solid rgba(255, 255, 255, 0.6);
  margin-top: 30px; }
  .block_career .carrer_skill li {
    display: flex;
    align-items: center;
    width: 100%;
    border-bottom: 1px solid rgba(255, 255, 255, 0.6);
    padding: 16px 5px; }
    .block_career .carrer_skill li img {
      width: 50px;
      height: 50px; }
    .block_career .carrer_skill li p {
      padding-left: 20px;
      font-size: 1.4rem;
      line-height: 1.5; }

/* ======================================
footer
====================================== */
footer {
  background: #ff0000 !important;
  padding-top: 80px !important; }

.float {
  position: fixed;
  width: 100px;
  height: 100px;
  bottom: 10px;
  right: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0.7;
  border-radius: 70px;
  background: #FFF;
  margin: 0 auto;
  box-shadow: 3px 5px 6px 0px rgba(0, 0, 0, 0.3);
  z-index: 101; }
  .float.on {
    display: flex;
    transition: 0.2s;
    animation-name: float_display;
    animation-duration: 0.2s;
    animation-fill-mode: forwards; }
  .float.off {
    display: flex;
    transition: 0.2s;
    animation-name: float_hidden;
    animation-duration: 0.2s;
    animation-fill-mode: forwards; }
  .float .entry_float {
    font-size: 2.0rem;
    color: #FF0000;
    font-family: "Noto Sans JP", sans-seri;
    font-optical-sizing: auto;
    font-weight: 800;
    font-style: normal;
    letter-spacing: 0; }

@keyframes float_display {
  from {
    opacity: 0;
    transform: translateY(100px); }
  to {
    opacity: 0.7;
    transform: translateY(0); } }
@keyframes float_hidden {
  from {
    opacity: 0.7;
    transform: translateY(0); }
  to {
    opacity: 0;
    transform: translateY(100px); } }
.entry_footer {
  width: 100%;
  margin: 0 auto 55px;
  padding: 0 20px; }
  .entry_footer .box {
    background: repeating-linear-gradient(45deg, rgba(245, 245, 245, 0.4) 0 1px, #ff0000 2px 4px);
    padding: 10px; }
    .entry_footer .box__inner {
      background-color: #ff0000;
      min-height: 100px;
      text-align: center;
      padding: 25px; }
      .entry_footer .box__inner .btn_ently {
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 2.2rem;
        background: rgba(245, 245, 245, 0.7);
        margin: 0 auto;
        padding: 25px;
        box-shadow: 3px 5px 6px 0px rgba(0, 0, 0, 0.3); }
        .entry_footer .box__inner .btn_ently .txt_btn_ently {
          font-family: "Noto Sans JP", sans-seri;
          font-optical-sizing: auto;
          font-weight: 800;
          font-style: normal;
          color: #FF0000;
          line-height: 0.85; }
          .entry_footer .box__inner .btn_ently .txt_btn_ently span {
            font-size: 2.0rem; }

.footer {
  background: rgba(0, 0, 0, 0.5);
  padding-bottom: 35px; }
  .footer .pankuzu {
    background: rgba(0, 0, 0, 0.4);
    padding: 12px 10px;
    display: flex;
    align-items: center;
    white-space: nowrap;
    overflow-x: scroll;
    overflow-y: hidden;
    height: 20px;
    /*IE(Internet Explorer)・Microsoft Edgeへの対応*/
    -ms-overflow-style: none;
    /*Firefoxへの対応*/
    scrollbar-width: none;
    font-family: "Noto Sans JP", sans-serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
    /*Google Chrome、Safariへの対応*/ }
    .footer .pankuzu .contents_box::-webkit-scrollbar {
      display: none; }
    .footer .pankuzu li {
      font-size: 1.2rem;
      color: #fff; }
      .footer .pankuzu li:not(first-of-type):after {
        content: "/";
        padding: 0px;
        margin-left: 6px;
        margin-right: 6px; }
      .footer .pankuzu li:last-of-type:after {
        content: none; }
      .footer .pankuzu li a {
        color: #fff;
        text-decoration: underline; }
  .footer .footer_menuArea {
    display: flex;
    padding: 0 20px; }
    .footer .footer_menuArea .footer_menu {
      color: #fff;
      width: calc(50% - 10px); }
      .footer .footer_menuArea .footer_menu .catettl {
        font-size: 1.7rem;
        margin-top: 30px;
        font-family: "Noto Sans JP", sans-seri;
        font-optical-sizing: auto;
        font-weight: 800;
        font-style: normal; }
      .footer .footer_menuArea .footer_menu .link_footmenu {
        color: #fff;
        display: block;
        font-size: 1.3rem;
        margin-top: 10px;
        text-decoration: underline; }
        .footer .footer_menuArea .footer_menu .link_footmenu:first-of-type {
          margin-top: 15px; }
        .footer .footer_menuArea .footer_menu .link_footmenu.mtp {
          margin-top: 30px; }
  .footer .footer_logoArea {
    width: 100%;
    margin-top: 60px; }
    .footer .footer_logoArea img {
      display: block;
      margin: 20px auto 0; }
      @media (min-width: 429px) {
        .footer .footer_logoArea img {
          margin: 50px auto 0;
          width: 160px; } }
  .footer .copyright {
    color: #fff;
    margin: 35px auto 0;
    text-align: center;
    font-size: 1.2rem;
    font-family: "Noto Sans JP", sans-serif;
    font-optical-sizing: auto;
    font-weight: 300;
    font-style: normal;
    letter-spacing: 0rem; }

/* ======================================
PC
====================================== */
@media (min-width: 429px) {
  main {
    min-width: 1100px; }

  .head .logoArea img {
    width: 210px;
    height: 49.6px;
    margin: 25px 20px 10px 25px; }
  .head .logo_sub {
    font-size: 2.0rem;
    letter-spacing: 0rem;
    margin: 10px 5px 16px; }
  .head .hamburger {
    width: 60px;
    height: 17px;
    top: 40px;
    right: 30px; }
  .head .menu_cate_ttl {
    font-size: 3vh;
    pointer-events: none; }
  .head .l-accordion .l-accordion-inside {
    display: block; }
  .head .link_menu {
    display: table;
    margin-top: 3.5vh; }
    .head .link_menu:first-of-type {
      margin-top: 3.5vh; }
    .head .link_menu p {
      font-size: 1.8vh;
      font-family: "Noto Sans JP", sans-serif;
      font-optical-sizing: auto;
      font-weight: 500;
      font-style: normal; }
    .head .link_menu.open {
      margin-bottom: 6.5vh; }
    .head .link_menu.last {
      margin-bottom: 0;
      padding-bottom: 0; }

  /*	.top_C{
  		.fv_text{
  			bottom:30%;
  			left:60px;
  			h1{ 
  				font-size:5.5vw;
  				line-height: 1.25;
  			}
  			p{
  				font-size:2.24vw;
  				margin-top:25px;
  			}
  		}
  	}*/
  .section {
    width: 1100px;
    margin: 100px auto; }
    .section.section_wide .narrow {
      padding: 0;
      width: 450px; }
      .section.section_wide .narrow.narrow02 {
        min-width: 450px;
        width: 100%; }
      .section.section_wide .narrow .text {
        font-size: 1.6rem;
        line-height: 1.875; }
    .section.section_top {
      margin: 0 auto !important;
      width: 100%;
      padding-top: 100px; }
      .section.section_top .Area_mg {
        width: 1100px;
        margin: 0 auto;
        padding-bottom: 80px; }
      .section.section_top.pbm {
        padding-bottom: 100px; }
      .section.section_top.pbm02 {
        padding-bottom: 10px; }
      .section.section_top.ptp {
        padding-top: 90px; }
    .section.section_btn .narrow {
      margin: 0 auto; }
      .section.section_btn .narrow .btn_Area {
        margin-top: 0; }
    .section h2.ttl_h2 {
      font-size: 3.8rem;
      margin-top: 0; }
    .section p.title_sub {
      font-size: 2.0rem;
      margin-bottom: 20px; }
    .section .newsArea {
      width: 100%;
      display: flex;
      align-items: center;
      padding: 30px; }
      .section .newsArea .newsttlBlock {
        display: block;
        padding: 10px 40px 10px 15px;
        border-right: 1px solid #ff0000; }
        .section .newsArea .newsttlBlock h2 {
          font-size: 3.0rem; }
          .section .newsArea .newsttlBlock h2 span {
            font-size: 1.8rem; }
        .section .newsArea .newsttlBlock .link_more {
          margin-top: 35px;
          font-size: 2.0rem;
          display: block; }
      .section .newsArea .news_list {
        padding-left: 20px; }
        .section .newsArea .news_list li {
          border: none; }
          .section .newsArea .news_list li .link_news_detail {
            display: flex; }
            .section .newsArea .news_list li .link_news_detail .news_list_date {
              margin-right: 30px;
              width: 140px;
              font-size: 1.6rem; }
            .section .newsArea .news_list li .link_news_detail .news_list_ttl {
              padding-top: 7px;
              line-height: 0;
              font-size: 1.6rem; }
      .section .newsArea.newsArea_2nd {
        padding: 0; }
        .section .newsArea.newsArea_2nd .news_list {
          border-left: none;
          padding-left: 0;
          display: block;
          width: 100%; }
          .section .newsArea.newsArea_2nd .news_list li {
            border-top: 1px solid #FF0000; }
            .section .newsArea.newsArea_2nd .news_list li a {
              padding: 38px; }
      .section .newsArea.newsArea_detail {
        padding: 38px; }

  .text_topmessage {
    font-size: 2.0rem;
    line-height: 2.4; }

  .btn_Area_2column {
    display: flex;
    justify-content: space-between; }
    .btn_Area_2column .btn_Block {
      width: calc(50% - 35px);
      border-bottom: 1px solid #fff; }

  .flex_pc {
    display: flex; }
    .flex_pc.center {
      /*align-items: center;*/
      width: 100%;
      height: auto;
      margin: auto;
      display: flex;
      justify-content: space-between;
      align-items: center;
      overflow: inherit; }

  .chenge_image01, .chenge_image02 {
    width: 100vw;
    min-width: 690px;
    height: max-content; }

  .btn_Area .btn_Block .c-btn {
    font-size: 2.0rem; }
    .btn_Area .btn_Block .c-btn span:after {
      content: url(../images/arrow_01_pc.svg); }
    .btn_Area .btn_Block .c-btn span:hover:after {
      content: url(../images/arrow_01_hover_pc.svg); }
    .btn_Area .btn_Block .c-btn span.flex {
      display: flex;
      padding: 10px; }
      .btn_Area .btn_Block .c-btn span.flex img {
        width: 90px;
        height: 90px; }
    .btn_Area .btn_Block .c-btn span.black:hover:after {
      content: url(../images/arrow_04_hover_pc.svg); }

  .textBlock {
    /*margin-left:50px;*/
    /*margin-right:90px;*/
    /*max-width:450px;*/
    /*margin-top:80px;*/
    /*width: 46vw;*/
    width: 46.09375%;
    height: auto;
    padding: 0 40px 0 60px; }

  .float {
    position: fixed;
    width: 140px;
    height: 140px;
    bottom: 25px;
    right: 25px; }
    .float .entry_float {
      font-size: 2.1rem; }

  .entry_footer {
    width: 1100px;
    padding: 0;
    margin: 0 auto 100px; }
    .entry_footer .box {
      padding: 13px; }
      .entry_footer .box__inner {
        min-height: 100px;
        text-align: center;
        padding: 100px; }
        .entry_footer .box__inner .btn_ently {
          font-size: 4.0rem;
          width: 535px;
          height: 155px; }
          .entry_footer .box__inner .btn_ently .txt_btn_ently {
            line-height: 1; }
            .entry_footer .box__inner .btn_ently .txt_btn_ently span {
              font-size: 2.0rem;
              display: block;
              margin-top: 20px; }

  .footer .footer_menuArea {
    width: auto;
    display: flex;
    padding: 0; }
    .footer .footer_menuArea .footer_logoArea {
      width: 25vw;
      margin-top: 0;
      min-width: 340px; }
      .footer .footer_menuArea .footer_logoArea a img {
        width: 188px;
        margin-top: 55px; }
    .footer .footer_menuArea .footer_menu {
      display: flex;
      margin-top: 20px;
      width: auto; }
      .footer .footer_menuArea .footer_menu li {
        width: auto;
        padding: 0 2vw 0 0;
        min-width: 220px; }
        .footer .footer_menuArea .footer_menu li .catettl {
          font-size: 2.0rem; }
        .footer .footer_menuArea .footer_menu li .link_footmenu {
          font-size: 1.4rem;
          text-decoration: none;
          font-family: "Noto Sans JP", sans-serif;
          font-optical-sizing: auto;
          font-weight: 700;
          font-style: normal; }
          .footer .footer_menuArea .footer_menu li .link_footmenu:first-of-type {
            margin-top: 25px; }
          .footer .footer_menuArea .footer_menu li .link_footmenu p:before {
            content: url(../images/arrow_02.svg);
            width: 8px;
            height: 8px;
            display: inline-block;
            padding: 0px;
            margin-right: 10px; }
      .footer .footer_menuArea .footer_menu li .link_footmenu {
        margin-top: 20px; }
        .footer .footer_menuArea .footer_menu li .link_footmenu.mtp {
          margin-top: 75px; }
  .footer .copyright {
    font-size: 1.4rem;
    margin: 90px auto 0;
    font-family: "Noto Sans JP", sans-serif;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal; }
  .footer .top_catImg {
    min-width: 690px; }

  .head .nav {
    display: flex;
    padding: 0px;
    align-items: center; }
    .head .nav .ImgArea {
      width: 30vw; }
      .head .nav .ImgArea img {
        height: 100vh;
        width: 30vw;
        object-fit: cover; }
    .head .nav .menuArea {
      width: 70vw;
      height: 100vh;
      padding: 5vh 140px;
      /*position: relative;*/ }
      .head .nav .menuArea .l-accordion {
        margin-bottom: 6.5vh; }
      .head .nav .menuArea .l-accordion-inside {
        opacity: 1;
        height: auto; }
        .head .nav .menuArea .l-accordion-inside .link_menu {
          display: inline-block;
          margin-right: 20px; }
    .head .nav.is-active {
      overflow: hidden; }

  .movieArea {
    height: auto; }
    .movieArea .interviewBlock {
      width: 1100px;
      margin: 50vh auto 0; }
      .movieArea .interviewBlock .textBlock_topInterview {
        max-width: inherit;
        margin: 0;
        width: 550px; }
        .movieArea .interviewBlock .textBlock_topInterview .link_topInterview {
          width: 550px;
          margin-top: 0; }
        .movieArea .interviewBlock .textBlock_topInterview .btn_Area {
          margin-top: 0; }

  /*TOPメインビジュアル アニメーションC*/
  .loading_animation {
    width: 12.5%;
    height: 12.5%; }

  .top_C {
    position: relative;
    height: 100vh;
    /*background: #ff0000;*/
    /*		.top_imgArea {	
    			position: relative;
    			top:50%;
    			left:50%;
    			width:100vw;
    			height:100vh;
    			transform: translate(-50%, -50%);
    			webkit-transform: translate(-50%, -50%);
    			ms-transform: translate(-50%, -50%);
    			.img_text{
    				width:120vw;
    				height:auto;
    				position: absolute;
    				top:70%;
    				left:50%;
    				max-width:inherit;
    				min-width: 1800px;
    				transform: translate(-50%, -50%);
    				webkit-transform: translate(-50%, -50%);
    				ms-transform: translate(-50%, -50%);
    			}
    			.img_parson{
    				position: absolute;
    				width: auto;
            		height: 94vh;
    				top:50%;
    				left:70%;
    				max-width:2200vw;
    				transform: translate(-50%, -50%);
    				webkit-transform: translate(-50%, -50%);
    				ms-transform: translate(-50%, -50%);
    			}
    		}	*/ }
    .top_C .top_main_text.open {
      position: absolute;
      top: 60%;
      left: 56%;
      transform: translate(-50%, -50%);
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      background-image: url(../images/top_main_text.svg);
      background-repeat: no-repeat;
      background-size: contain;
      background-position: center;
      height: 70vw;
      width: 127vw;
      max-width: 2200px;
      animation-duration: 1.0s;
      animation-fill-mode: forwards;
      opacity: 0; }
    .top_C .top_main_block {
      position: absolute;
      top: 50%;
      right: -50%;
      transform: translateY(-50%);
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      height: 70vw;
      width: 100vw;
      /*min-width:1280px;*/ }
    .top_C .top_main_01_01.open {
      position: absolute;
      top: 47%;
      left: 28%;
      transform: translate(-50%, -50%);
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      background-image: url(../images/top_main01_01.png);
      background-repeat: no-repeat;
      background-size: contain;
      height: 100%;
      width: 16%;
      opacity: 0; }
    .top_C .top_main_01_02.open {
      background-image: url(../images/top_main01_02.png);
      background-repeat: no-repeat;
      background-size: contain;
      height: 100%;
      width: 100%;
      opacity: 0; }
    .top_C .top_main_02_01.open {
      position: absolute;
      top: 58%;
      left: 14%;
      transform: translate(-50%, -50%);
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      background-image: url(../images/top_main02_01.png);
      background-repeat: no-repeat;
      background-size: contain;
      height: 100%;
      width: 16%;
      opacity: 0; }
    .top_C .top_main_02_02.open {
      background-image: url(../images/top_main02_02.png);
      background-repeat: no-repeat;
      background-size: contain;
      height: 100%;
      width: 100%;
      opacity: 0; }
    .top_C .top_main_03_01.open {
      position: absolute;
      top: 58%;
      left: 0%;
      transform: translate(-50%, -50%);
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      background-image: url(../images/top_main03_01.png);
      background-repeat: no-repeat;
      background-size: contain;
      height: 100%;
      width: 16%;
      opacity: 0; }
    .top_C .top_main_03_02.open {
      background-image: url(../images/top_main03_02.png);
      background-repeat: no-repeat;
      background-size: contain;
      height: 100%;
      width: 100%;
      opacity: 0; }
    .top_C .top_main_04_01.open {
      position: absolute;
      top: 65.5%;
      left: 39%;
      transform: translate(-50%, -50%);
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      background-image: url(../images/top_main04_01.png);
      background-repeat: no-repeat;
      background-size: contain;
      height: 100%;
      width: 16%;
      opacity: 0; }
    .top_C .top_main_04_02.open {
      background-image: url(../images/top_main04_02.png);
      background-repeat: no-repeat;
      background-size: contain;
      height: 100%;
      width: 100%;
      opacity: 0; }
    .top_C .top_main_05_01.open {
      position: absolute;
      top: 82%;
      left: 24%;
      transform: translate(-50%, -50%);
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      background-image: url(../images/top_main05_01.png);
      background-repeat: no-repeat;
      background-size: contain;
      height: 100%;
      width: 16%;
      opacity: 0; }
    .top_C .top_main_05_02.open {
      background-image: url(../images/top_main05_02.png);
      background-repeat: no-repeat;
      background-size: contain;
      height: 100%;
      width: 100%;
      opacity: 0; }
    .top_C .top_main_06_01.open {
      position: absolute;
      top: 88%;
      left: 7%;
      transform: translate(-50%, -50%);
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      background-image: url(../images/top_main06_01.png);
      background-repeat: no-repeat;
      background-size: contain;
      height: 100%;
      width: 16%;
      opacity: 0; }
    .top_C .top_main_06_02.open {
      background-image: url(../images/top_main06_02.png);
      background-repeat: no-repeat;
      background-size: contain;
      height: 100%;
      width: 100%; }
    .top_C .top_main_all.open {
      top: 50%;
      right: -28%;
      transform: translateY(-50%);
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      background-image: url(../images/top_main_all.png);
      height: 88vw;
      width: 126vw; }

  .section.section_btn {
    padding-bottom: 100px;
    padding-top: 90px; }

  .section_cate .block_worklifebalance h3.wlb_mlr {
    margin: 0 30px; }
  .section_cate .block_worklifebalance h3.wlb_mtp {
    margin-top: 40px; }
  .section_cate .block_worklifebalance .list_worklifebalance {
    margin: 0 30px; }
    .section_cate .block_worklifebalance .list_worklifebalance.box02 li {
      width: 25%; }
    .section_cate .block_worklifebalance .list_worklifebalance li {
      margin-top: 35px; }
      .section_cate .block_worklifebalance .list_worklifebalance li img {
        height: 92px; }
      .section_cate .block_worklifebalance .list_worklifebalance li .subtext {
        font-size: 1.8rem;
        font-family: "Noto Sans JP", sans-serif;
        font-optical-sizing: auto;
        font-weight: 700;
        font-style: normal; }
    .section_cate .block_worklifebalance .list_worklifebalance.mbm {
      margin-bottom: 50px; }
  .section_cate .block_worklifebalance .list_number.box01 li {
    width: 33.3333%;
    border-right: 1px solid #fff;
    margin-top: 40px; }
    .section_cate .block_worklifebalance .list_number.box01 li:nth-of-type(3n+1) {
      border-left: 1px solid #fff; }
    .section_cate .block_worklifebalance .list_number.box01 li.box02 {
      width: 33.3333%; }
      .section_cate .block_worklifebalance .list_number.box01 li.box02 .numbertxt h3 {
        font-size: 1.7rem; }
      .section_cate .block_worklifebalance .list_number.box01 li.box02 .numbertxt span {
        font-size: 3.2rem; }
        .section_cate .block_worklifebalance .list_number.box01 li.box02 .numbertxt span.count_up, .section_cate .block_worklifebalance .list_number.box01 li.box02 .numbertxt span .no_count_up {
          font-size: 6.2rem; }
    .section_cate .block_worklifebalance .list_number.box01 li.box03 {
      width: 66.66%; }
      .section_cate .block_worklifebalance .list_number.box01 li.box03 .numbertxtBlock {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap; }
        .section_cate .block_worklifebalance .list_number.box01 li.box03 .numbertxtBlock .numbertxt {
          width: 15%;
          text-align: center; }
          .section_cate .block_worklifebalance .list_number.box01 li.box03 .numbertxtBlock .numbertxt.box_narrow {
            width: 10%; }
  .section_cate .block_worklifebalance .list_number li .numbertxtBlock {
    padding: 0 30px; }
    .section_cate .block_worklifebalance .list_number li .numbertxtBlock .numbertxt .year {
      font-size: 1.4rem; }

  .kome {
    text-align: right; }
    .kome.kome_number {
      position: absolute;
      right: 30px;
      bottom: 0;
      font-size: 1.4rem !important; }

  .block_career h2.ttl {
    margin-bottom: 1em;
    font-size: 2.6rem; }
  .block_career .timeline_Area {
    position: relative;
    margin-top: 50px; }
    .block_career .timeline_Area .timeline {
      display: flex;
      justify-content: space-between;
      padding: 0;
      margin: 0; }
      .block_career .timeline_Area .timeline li.timeline_list {
        transform: 0.3s;
        opacity: 0;
        padding: 0; }
        .block_career .timeline_Area .timeline li.timeline_list dl {
          display: block; }
          .block_career .timeline_Area .timeline li.timeline_list dl dt {
            font-size: 7.0rem; }
            .block_career .timeline_Area .timeline li.timeline_list dl dt span {
              font-size: 1.6rem; }
          .block_career .timeline_Area .timeline li.timeline_list dl dd {
            margin: 80px 0 0;
            font-size: 1.6rem; }
            .block_career .timeline_Area .timeline li.timeline_list dl dd h3 {
              font-size: 1.6rem; }
            .block_career .timeline_Area .timeline li.timeline_list dl dd .block {
              font-size: 1.6rem; }
              .block_career .timeline_Area .timeline li.timeline_list dl dd .block li {
                margin-top: 12px; }
        .block_career .timeline_Area .timeline li.timeline_list:after {
          top: 120px;
          left: 50%;
          left: 50%;
          transform: translateX(-50%);
          -webkit-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
          width: 21px;
          height: 21px; }
    .block_career .timeline_Area .border-line-pc {
      position: absolute;
      left: 80px;
      top: -183px;
      width: 970px;
      height: 1px;
      background: #fff;
      position: relative;
      overflow: hidden;
      transform: scale(0, 0);
      /*X方向0、Y方向1*/
      transform-origin: left top;
      /*左上基点*/ }
    .block_career .timeline_Area.is-active .timeline .list01 {
      animation-name: list01-pc;
      animation-delay: 0.1s;
      animation-duration: 0.8s;
      animation-fill-mode: forwards; }
    .block_career .timeline_Area.is-active .timeline .list02 {
      animation-name: list02-pc;
      animation-delay: 0.2s;
      animation-duration: 0.8s;
      animation-fill-mode: forwards; }
    .block_career .timeline_Area.is-active .timeline .list03 {
      animation-name: list03-pc;
      animation-delay: 0.3s;
      animation-duration: 0.8s;
      animation-fill-mode: forwards; }
    .block_career .timeline_Area.is-active .timeline .list04 {
      animation-name: list04-pc;
      animation-delay: 0.4s;
      animation-duration: 0.8s;
      animation-fill-mode: forwards; }
    .block_career .timeline_Area.is-active .timeline .list05 {
      animation-name: list05-pc;
      animation-delay: 0.5s;
      animation-duration: 0.8s;
      animation-fill-mode: forwards; }
  @keyframes list01-pc {
    0% {
      opacity: 0; }
    100% {
      opacity: 1; } }
  @keyframes list02-pc {
    0% {
      opacity: 0; }
    100% {
      opacity: 1; } }
  @keyframes list03-pc {
    0% {
      opacity: 0; }
    100% {
      opacity: 1; } }
  @keyframes list04-pc {
    0% {
      opacity: 0; }
    100% {
      opacity: 1; } }
  @keyframes list05-pc {
    0% {
      opacity: 0; }
    100% {
      opacity: 1; } }
    .block_career .timeline_Area.is-active .border-line-pc {
      animation-name: carrer-border-pc;
      animation-delay: 0.5s;
      animation-duration: 1s;
      animation-fill-mode: forwards; }
  @keyframes carrer-border-pc {
    100% {
      transform: scale(1, 1);
      /*X方向0、Y方向1*/
      transform-origin: left top;
      /*左上基点*/ } }
  .block_career .carrer_skill {
    display: flex;
    flex-wrap: wrap;
    border-top: none;
    position: relative;
    margin-top: 50px;
    margin-bottom: 130px; }
    .block_career .carrer_skill:before {
      position: absolute;
      bottom: -25px;
      left: 0;
      content: "";
      border-left: 1px solid white;
      display: block;
      height: 170px; }
    .block_career .carrer_skill li {
      display: block;
      width: 33.3333%;
      border-bottom: none;
      border-right: none;
      padding: 0 60px;
      text-align: center;
      position: relative; }
      .block_career .carrer_skill li img {
        width: 68px;
        height: 68px; }
      .block_career .carrer_skill li p {
        line-height: 1.875;
        font-size: 1.6rem;
        padding: 0;
        margin-top: 40px;
        text-align: left; }
      .block_career .carrer_skill li:after {
        position: absolute;
        bottom: -25px;
        right: 0;
        content: "";
        border-right: 1px solid white;
        display: block;
        height: 170px;
        display: block; } }
.triggerBlock {
  display: flex;
  top: -100px;
  left: -100px;
  position: absolute; }
  .triggerBlock li {
    margin-right: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 20px;
    height: 20px;
    color: #fff;
    background: #000; }

/* ======================================
2nd 竹中さん
====================================== */
/* 調整 */
.wrapper {
  overflow: hidden;
  opacity: 0; }

body footer .pankuzu a {
  color: #fff;
  text-decoration: underline; }
body.category {
  background-color: #f00; }
  @media (min-width: 429px) {
    body.category {
      overflow-x: auto;
      min-width: 1100px; } }
  body.category main {
    color: #fff; }
    body.category main a {
      color: #fff; }
    @media (min-width: 429px) {
      body.category main {
        min-width: 1100px; } }
  body.category footer {
    padding-top: 0 !important; }
  body.category .img_test img {
    width: 200px;
    height: 200px;
    object-fit: cover; }

*:focus {
  outline: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  cursor: pointer; }

a {
  outline: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  cursor: pointer; }

/* .video_block */
.c-mv__video {
  min-width: 100% !important;
  min-height: 100% !important; }

.video_area .img {
  position: relative; }

.video_area iframe {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1000vw !important;
  transform: translate(-50%, -50%);
  pointer-events: none; }
  @media (min-width: 429px) {
    .video_area iframe {
      width: auto !important;
      height: 1000vw !important;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); } }

/* .pankuzu_area */
.pankuzu_area {
  display: none; }
  @media (min-width: 429px) {
    .pankuzu_area {
      margin-bottom: 30px !important; }
      .pankuzu_area + .section_cate {
        margin-top: 0 !important; }
      .pankuzu_area .pankuzu {
        padding: 0 30px;
        display: flex; }
        .pankuzu_area .pankuzu li {
          margin-right: 0.5em;
          font-size: 1.4rem; }
          .pankuzu_area .pankuzu li + li::before {
            content: "/";
            margin-right: 0.5em; }
          .pankuzu_area .pankuzu li a {
            text-decoration: underline; } }

/* .section_cate */
main .section_cate {
  margin: 50px 0;
  padding: 0 20px;
  display: block;
  /* .ttl_area */
  /* .catch_message */
  /* .lead_cts */
  /* .lead_list */
  /* .textBlock_cate */
  /* .slider_wrap */
  /* .block_business */
  /* .main_department */
  /* .main_department */
  /* .link_department */
  /* .table_corporate */
  /* .block_map */
  /* .block_people */
  /* .modal_area */
  /* .block_interview */ }
  @media (min-width: 429px) {
    main .section_cate {
      max-width: 1100px;
      margin: 100px auto;
      padding: 0; } }
  main .section_cate.wide {
    padding: 0; }
    @media (min-width: 429px) {
      main .section_cate.wide {
        max-width: none; } }
  main .section_cate.ttl_lead_sp {
    display: block;
    margin: -5px 0 0 0 !important; }
    main .section_cate.ttl_lead_sp .name_message {
      margin-top: 0.4em;
      font-size: 2rem;
      font-family: "Noto Sans JP", sans-serif;
      font-optical-sizing: auto;
      font-weight: 700;
      font-style: normal; }
      main .section_cate.ttl_lead_sp .name_message .post {
        margin-right: 1em;
        font-size: 1.5rem; }
    main .section_cate.ttl_lead_sp .name_interview {
      margin-top: 0.8em;
      font-size: 1.5rem; }
      main .section_cate.ttl_lead_sp .name_interview + .name_interview {
        margin-top: 0.2em; }
      main .section_cate.ttl_lead_sp .name_interview .name {
        font-family: "Noto Sans JP", sans-serif;
        font-optical-sizing: auto;
        font-weight: 700;
        font-style: normal; }
      main .section_cate.ttl_lead_sp .name_interview .year::before {
        content: "｜";
        margin: 0 0.1em; }
    @media (min-width: 429px) {
      main .section_cate.ttl_lead_sp {
        display: none; } }
  main .section_cate .ttl_lead_pc {
    display: none; }
    @media (min-width: 429px) {
      main .section_cate .ttl_lead_pc {
        margin-top: 2.5em;
        display: block; }
        main .section_cate .ttl_lead_pc .name_message {
          margin-top: 0.6em;
          font-size: clamp(2.4rem, 1.875vw, 1.875vw);
          font-family: "Noto Sans JP", sans-serif;
          font-optical-sizing: auto;
          font-weight: 700;
          font-style: normal; }
          main .section_cate .ttl_lead_pc .name_message .post {
            margin-right: 1em;
            font-size: 1.6rem;
            font-size: clamp(1.6rem, 1.25vw, 1.25vw); }
        main .section_cate .ttl_lead_pc .name_interview {
          margin-top: 1.6em;
          font-size: 1.8rem;
          font-size: clamp(1.8rem, 1.40625vw, 1.40625vw); }
          main .section_cate .ttl_lead_pc .name_interview + .name_interview {
            margin-top: 0; }
          main .section_cate .ttl_lead_pc .name_interview .name {
            font-family: "Noto Sans JP", sans-serif;
            font-optical-sizing: auto;
            font-weight: 700;
            font-style: normal; }
          main .section_cate .ttl_lead_pc .name_interview .year::before {
            content: "｜";
            margin: 0 0.1em; } }
  main .section_cate p {
    font-size: 1.5rem;
    line-height: calc(26 / 15); }
    @media (min-width: 429px) {
      main .section_cate p {
        font-size: 1.6rem;
        line-height: calc(30 / 16); } }
  main .section_cate .ttl_area {
    width: 100vw;
    height: calc(var(--vh, 1vh) * 100);
    margin-top: -50px;
    overflow: hidden; }
    @media (min-width: 429px) {
      main .section_cate .ttl_area {
        width: 100%;
        height: auto;
        margin: auto;
        display: flex;
        justify-content: space-between;
        align-items: center;
        overflow: inherit; } }
    main .section_cate .ttl_area .txt {
      height: 50%;
      padding: 0 20px;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: center; }
      @media (min-width: 429px) {
        main .section_cate .ttl_area .txt {
          width: 46.09375%;
          height: auto;
          padding: 0 40px 0 60px; } }
      main .section_cate .ttl_area .txt .ttl {
        font-size: 5rem;
        line-height: calc(70 / 64);
        font-family: "Noto Sans JP", sans-seri;
        font-optical-sizing: auto;
        font-weight: 800;
        font-style: normal;
        letter-spacing: 0; }
        main .section_cate .ttl_area .txt .ttl + .ttl_sub {
          margin-top: 0.5em; }
        @media (min-width: 429px) {
          main .section_cate .ttl_area .txt .ttl {
            font-size: clamp(5.5rem, 5vw, 5vw); } }
      main .section_cate .ttl_area .txt .ttl_sub {
        font-size: 2.2rem;
        font-family: "Noto Sans JP", sans-serif;
        font-optical-sizing: auto;
        font-weight: 700;
        font-style: normal; }
        @media (min-width: 429px) {
          main .section_cate .ttl_area .txt .ttl_sub {
            font-size: 2.4rem;
            font-size: clamp(2.4rem, 1.875vw, 1.875vw); } }
    main .section_cate .ttl_area .img {
      height: 50%;
      overflow: hidden; }
      main .section_cate .ttl_area .img img {
        width: 100% !important;
        height: 100%;
        object-fit: cover; }
      @media (min-width: 429px) {
        main .section_cate .ttl_area .img {
          flex: 1;
          height: auto;
          width: 53.9063%; }
          main .section_cate .ttl_area .img img {
            width: 100%;
            height: auto;
            object-fit: cover; } }
    @media (min-width: 429px) {
      main .section_cate .ttl_area.video_area {
        display: block;
        position: relative;
        max-width: none; }
        main .section_cate .ttl_area.video_area .txt {
          height: 100%;
          padding: 0 50px 0 60px;
          position: absolute;
          z-index: 10; }
        main .section_cate .ttl_area.video_area .img {
          width: 100%;
          margin-right: 0;
          min-height: 474px;
          aspect-ratio: 128 / 55; }
          main .section_cate .ttl_area.video_area .img img {
            width: 100%;
            min-width: none; } }
  main .section_cate .catch_message {
    font-size: 2.4rem;
    line-height: calc(40 / 24);
    font-family: "Noto Serif JP", serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal; }
    @media (min-width: 429px) {
      main .section_cate .catch_message {
        font-size: clamp(3.2rem, 2.96875vw, 2.96875vw);
        line-height: calc(60 / 38); } }
  main .section_cate .catch_interview {
    font-size: 2.4rem;
    line-height: calc(40 / 24);
    font-family: "Noto Serif JP", serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal; }
    @media (min-width: 429px) {
      main .section_cate .catch_interview {
        font-size: clamp(2.6rem, 2.34375vw, 2.34375vw);
        line-height: calc(48 / 30); } }
  main .section_cate .lead_cts .lead {
    font-family: "Noto Sans JP", sans-serif;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal; }
    @media (min-width: 429px) {
      main .section_cate .lead_cts .lead {
        font-size: clamp(1.6rem, 1.25vw, 1.25vw); } }
  main .section_cate .lead_list .lead_area + .lead_area {
    margin-top: 50px; }
  @media (min-width: 429px) {
    main .section_cate .lead_list .lead_area + .lead_area {
      margin-top: 100px; } }
  @media (min-width: 429px) {
    main .section_cate .lead_list .lead_area .txt {
      width: 500px; } }
  main .section_cate .lead_list .lead_area .txt * + .ttl {
    margin-top: 40px; }
    @media (min-width: 429px) {
      main .section_cate .lead_list .lead_area .txt * + .ttl {
        margin-top: 60px; } }
  main .section_cate .lead_list .lead_area .txt .ttl {
    margin-bottom: 0.9em;
    font-family: "Noto Sans JP", sans-serif;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
    font-size: 2rem;
    line-height: calc(32 / 20); }
    main .section_cate .lead_list .lead_area .txt .ttl.ques {
      padding-left: 1.4em;
      position: relative; }
      main .section_cate .lead_list .lead_area .txt .ttl.ques::before {
        content: "Q.";
        position: absolute;
        left: 0;
        top: -0.03em; }
    @media (min-width: 429px) {
      main .section_cate .lead_list .lead_area .txt .ttl {
        margin-bottom: 1.1em;
        font-size: 2.6rem;
        line-height: calc(36 / 26); } }
  main .section_cate .lead_list .lead_area .txt .list_talk .cts + .cts {
    margin-top: 2em; }
  @media (min-width: 429px) {
    main .section_cate .lead_list .lead_area .txt .list_talk .cts {
      display: flex;
      flex-wrap: wrap; }
      main .section_cate .lead_list .lead_area .txt .list_talk .cts + .cts {
        margin-top: 3em; } }
  main .section_cate .lead_list .lead_area .txt .list_talk .cts .name {
    font-family: "Noto Sans JP", sans-serif;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal; }
    @media (min-width: 429px) {
      main .section_cate .lead_list .lead_area .txt .list_talk .cts .name {
        width: 6em; } }
  main .section_cate .lead_list .lead_area .txt .list_talk .cts .talk {
    flex: 1; }
  main .section_cate .lead_list .lead_area .img {
    margin-top: 35px; }
    main .section_cate .lead_list .lead_area .img img {
      height: auto; }
    @media (min-width: 429px) {
      main .section_cate .lead_list .lead_area .img {
        width: 550px;
        overflow: hidden;
        margin-top: 0; }
        main .section_cate .lead_list .lead_area .img img {
          width: 550px; } }
  @media (min-width: 429px) {
    main .section_cate .lead_list .lead_area {
      display: flex;
      flex-direction: row-reverse;
      align-items: flex-start;
      justify-content: space-between; }
      main .section_cate .lead_list .lead_area:nth-child(2n) {
        flex-direction: row; } }
  main .section_cate .textBlock_cate {
    margin-top: -5px; }
    @media (min-width: 429px) {
      main .section_cate .textBlock_cate {
        margin-top: 0; } }
    @media (min-width: 429px) {
      main .section_cate .textBlock_cate .narrow {
        padding: 0 30px; } }
    main .section_cate .textBlock_cate .narrow h2.ttl_h2 {
      font-size: 2.8rem;
      margin-bottom: 0.2em; }
      @media (min-width: 429px) {
        main .section_cate .textBlock_cate .narrow h2.ttl_h2 {
          font-size: 3.8rem; } }
    main .section_cate .textBlock_cate .narrow p.title_sub {
      font-size: 1.6rem;
      font-family: "Noto Sans JP", sans-serif;
      font-optical-sizing: auto;
      font-weight: 700;
      font-style: normal; }
      @media (min-width: 429px) {
        main .section_cate .textBlock_cate .narrow p.title_sub {
          font-size: 2rem; } }
  main .section_cate .slider_wrap {
    overflow: hidden;
    display: flex;
    flex-wrap: nowrap; }
    main .section_cate .slider_wrap .slider {
      position: relative;
      display: flex;
      flex-wrap: nowrap;
      align-items: center;
      animation: slide-loop 20s linear infinite; }
      main .section_cate .slider_wrap .slider li {
        width: 250px;
        background-position: center; }
        @media (min-width: 429px) {
          main .section_cate .slider_wrap .slider li {
            width: 450px; } }
        main .section_cate .slider_wrap .slider li img {
          width: 250px;
          height: 200px;
          object-fit: cover; }
          @media (min-width: 429px) {
            main .section_cate .slider_wrap .slider li img {
              width: 450px;
              height: 360px; } }
@keyframes slide-loop {
  0% {
    transform: translateX(0); }
  100% {
    transform: translateX(-100%); } }
  main .section_cate .block_business .ttl {
    margin-bottom: 0.7em;
    font-size: 2.4rem;
    line-height: calc(32 / 24);
    color: #fff;
    font-family: "Noto Sans JP", sans-serif;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal; }
    main .section_cate .block_business .ttl .small {
      font-size: 2.1rem; }
    @media (min-width: 429px) {
      main .section_cate .block_business .ttl {
        margin-bottom: 1em;
        font-size: 2.6rem; }
        main .section_cate .block_business .ttl .small {
          font-size: 2.6rem; } }
  main .section_cate .block_business * + .img {
    margin-top: 35px; }
    @media (min-width: 429px) {
      main .section_cate .block_business * + .img {
        margin-top: 50px; } }
  main .section_cate .block_business .img {
    margin-top: 35px; }
    main .section_cate .block_business .img img {
      width: 100%; }
  main .section_cate .main_department {
    position: relative; }
    @media (min-width: 429px) {
      main .section_cate .main_department {
        width: 1100px; } }
    main .section_cate .main_department .list_department {
      width: calc(100vw - 40px);
      height: calc(100vw - 40px);
      margin-top: 60px;
      position: relative; }
      @media (min-width: 429px) {
        main .section_cate .main_department .list_department {
          width: 1100px;
          height: 1100px;
          margin-top: 140px; } }
      main .section_cate .main_department .list_department::after {
        content: "";
        width: 62.8vw;
        height: 62.8vw;
        border-radius: 9999px;
        border: 1px solid #fff;
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%); }
        @media (min-width: 429px) {
          main .section_cate .main_department .list_department::after {
            width: 794px;
            height: 794px; } }
      main .section_cate .main_department .list_department li {
        width: 27.5vw;
        height: 27.5vw;
        position: absolute;
        z-index: 10; }
        @media (min-width: 429px) {
          main .section_cate .main_department .list_department li {
            width: 348px;
            height: 348px; } }
        main .section_cate .main_department .list_department li:nth-child(1) {
          top: 2vw;
          left: 50%;
          margin-left: -13.75vw; }
          main .section_cate .main_department .list_department li:nth-child(1) p {
            top: -22px; }
          @media (min-width: 429px) {
            main .section_cate .main_department .list_department li:nth-child(1) {
              top: -15px;
              margin-left: -174px; }
              main .section_cate .main_department .list_department li:nth-child(1) p {
                top: -30px; } }
        main .section_cate .main_department .list_department li:nth-child(2) {
          top: 21vw;
          right: 2vw; }
          main .section_cate .main_department .list_department li:nth-child(2) p {
            top: -22px; }
          @media (min-width: 429px) {
            main .section_cate .main_department .list_department li:nth-child(2) {
              top: 240px;
              right: 15px; }
              main .section_cate .main_department .list_department li:nth-child(2) p {
                top: -30px; } }
        main .section_cate .main_department .list_department li:nth-child(3) {
          top: 21vw;
          left: 2vw; }
          main .section_cate .main_department .list_department li:nth-child(3) p {
            top: -22px; }
          @media (min-width: 429px) {
            main .section_cate .main_department .list_department li:nth-child(3) {
              top: 240px;
              left: 15px; }
              main .section_cate .main_department .list_department li:nth-child(3) p {
                top: -30px; } }
        main .section_cate .main_department .list_department li:nth-child(4) {
          bottom: 6vw;
          right: 12vw; }
          main .section_cate .main_department .list_department li:nth-child(4) p {
            bottom: -22px; }
          @media (min-width: 429px) {
            main .section_cate .main_department .list_department li:nth-child(4) {
              bottom: 52px;
              right: 150px; }
              main .section_cate .main_department .list_department li:nth-child(4) p {
                bottom: -30px; } }
        main .section_cate .main_department .list_department li:nth-child(5) {
          bottom: 6vw;
          left: 12vw; }
          main .section_cate .main_department .list_department li:nth-child(5) p {
            bottom: -22px; }
          @media (min-width: 429px) {
            main .section_cate .main_department .list_department li:nth-child(5) {
              bottom: 52px;
              left: 150px; }
              main .section_cate .main_department .list_department li:nth-child(5) p {
                bottom: -30px; } }
        main .section_cate .main_department .list_department li .img img {
          width: 27.5vw;
          height: 27.5vw;
          border-radius: 9999px;
          object-fit: cover;
          box-shadow: 10px 8px 8px -2px rgba(0, 0, 0, 0.2); }
        @media (min-width: 429px) {
          main .section_cate .main_department .list_department li .img img {
            width: 348px;
            height: 348px;
            box-shadow: 20px 16px 16px -3px rgba(0, 0, 0, 0.2); } }
        main .section_cate .main_department .list_department li p {
          width: 100%;
          position: absolute;
          text-align: center;
          font-size: 1.2rem;
          font-family: "Noto Sans JP", sans-serif;
          font-optical-sizing: auto;
          font-weight: 700;
          font-style: normal;
          line-height: 1; }
          @media (min-width: 429px) {
            main .section_cate .main_department .list_department li p {
              font-size: 1.6rem; } }
    main .section_cate .main_department .txt_department {
      margin-top: 35px;
      padding: 15px;
      border: 1px solid #fff; }
      @media (min-width: 429px) {
        main .section_cate .main_department .txt_department {
          width: 348px;
          height: 348px;
          margin-top: 0;
          border-radius: 9999px;
          border: none;
          position: absolute;
          left: 50%;
          top: 50%;
          transform: translate(-50%, -50%);
          box-shadow: 20px 16px 16px -3px rgba(0, 0, 0, 0.2);
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center; }
          main .section_cate .main_department .txt_department::before {
            content: "";
            width: 348px;
            height: 348px;
            border-radius: 9999px;
            box-shadow: -4px -4px 10px -1px rgba(0, 0, 0, 0.1);
            display: block;
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%); } }
      main .section_cate .main_department .txt_department .ttl {
        margin-top: -0.2em;
        margin-bottom: 0.7em;
        font-size: 1.6rem;
        line-height: calc(23 / 16); }
        @media (min-width: 429px) {
          main .section_cate .main_department .txt_department .ttl {
            margin-top: -0.5em;
            margin-bottom: 0.8em;
            font-size: 1.8rem;
            line-height: calc(30 / 18);
            text-align: center; } }
      main .section_cate .main_department .txt_department .list li {
        padding-left: 28px;
        font-size: 1.4rem;
        line-height: 1.4;
        font-family: "Noto Sans JP", sans-serif;
        font-optical-sizing: auto;
        font-weight: 700;
        font-style: normal;
        position: relative; }
        main .section_cate .main_department .txt_department .list li + li {
          margin-top: 0.2em; }
        @media (min-width: 429px) {
          main .section_cate .main_department .txt_department .list li {
            font-size: 1.6rem;
            font-family: "Noto Sans JP", sans-serif;
            font-optical-sizing: auto;
            font-weight: 400;
            font-style: normal; }
            main .section_cate .main_department .txt_department .list li + li {
              margin-top: 0.6em; } }
        main .section_cate .main_department .txt_department .list li::before {
          content: "";
          width: 18px;
          height: 15px;
          background-image: url("../images/icn_check.svg");
          background-repeat: no-repeat;
          background-size: 18px auto;
          background-position: center center;
          display: block;
          position: absolute;
          left: 0;
          top: 3px; }
  @media (min-width: 429px) {
    main .section_cate .block_department {
      width: 100%;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between; }
      main .section_cate .block_department::after {
        content: "";
        display: block;
        width: 30%; } }
  main .section_cate .block_department .cts + .cts {
    margin-top: 50px; }
  @media (min-width: 429px) {
    main .section_cate .block_department .cts {
      width: 310px;
      display: flex;
      flex-direction: column; }
      main .section_cate .block_department .cts + .cts {
        margin-top: 0; }
      main .section_cate .block_department .cts:nth-child(n + 4) {
        margin-top: 60px; } }
  main .section_cate .block_department .cts .ttl {
    margin-bottom: 1em;
    font-size: 2rem;
    line-height: calc(25 / 20);
    color: #fff;
    font-family: "Noto Sans JP", sans-serif;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal; }
    @media (min-width: 429px) {
      main .section_cate .block_department .cts .ttl {
        margin-bottom: 1.5em;
        font-size: 2.6rem; } }
  main .section_cate .block_department .cts .box {
    padding: 16px 0 0 16px;
    border-left: 1px solid #fff; }
    @media (min-width: 429px) {
      main .section_cate .block_department .cts .box {
        padding: 0;
        border-left: none;
        display: flex;
        flex-direction: column;
        flex: 1 1 auto; } }
    @media (min-width: 429px) {
      main .section_cate .block_department .cts .box .box_txt {
        flex-grow: 1; } }
    main .section_cate .block_department .cts .box .ttl_sub {
      margin-bottom: 0.2em;
      font-size: 1.8rem;
      line-height: calc(23 / 18);
      font-family: "Noto Sans JP", sans-serif;
      font-optical-sizing: auto;
      font-weight: 700;
      font-style: normal; }
      @media (min-width: 429px) {
        main .section_cate .block_department .cts .box .ttl_sub {
          margin-bottom: 0.3em;
          font-size: 2rem;
          line-height: calc(30 / 20); } }
    main .section_cate .block_department .cts .box * + .img {
      margin-top: 35px; }
      @media (min-width: 429px) {
        main .section_cate .block_department .cts .box * + .img {
          margin-top: 50px; } }
    main .section_cate .block_department .cts .box .cap {
      font-size: 1.4rem;
      line-height: calc(21 / 14); }
      @media (min-width: 429px) {
        main .section_cate .block_department .cts .box .cap {
          font-size: 1.6rem;
          line-height: calc(30 / 16); } }
  main .section_cate .link_department {
    margin-top: 70px; }
    @media (min-width: 429px) {
      main .section_cate .link_department {
        margin-top: 90px;
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        gap: 0 30px; } }
    main .section_cate .link_department .item {
      margin-top: 20px; }
      @media (min-width: 429px) {
        main .section_cate .link_department .item {
          margin-top: 0px;
          width: calc(33.3333% - 20px); }
          main .section_cate .link_department .item:nth-of-type(n+4) {
            margin-top: 30px; } }
      main .section_cate .link_department .item a {
        display: flex;
        box-shadow: 2px 2px 16px 0 rgba(0, 0, 0, 0.5);
        background-color: #fff; }
        main .section_cate .link_department .item a .img img {
          width: 28.2666vw;
          height: 100%;
          min-height: 28.2666vw;
          object-fit: cover; }
        @media (min-width: 429px) {
          main .section_cate .link_department .item a .img img {
            width: 106px;
            height: 100%;
            min-height: inherit; } }
        main .section_cate .link_department .item a .txt {
          flex: 1;
          padding: 6px 12px;
          display: flex;
          flex-direction: column;
          justify-content: center; }
          main .section_cate .link_department .item a .txt .catch {
            font-family: "Noto Sans JP", sans-serif;
            font-optical-sizing: auto;
            font-weight: 700;
            font-style: normal;
            font-size: 1.6rem;
            line-height: calc(23 / 16);
            color: #000; }
          main .section_cate .link_department .item a .txt .name {
            margin-top: 0.3em;
            font-size: 1.4rem;
            line-height: calc(21 / 14);
            color: #000; }
  main .section_cate .table_corporate {
    width: 100%;
    border-bottom: 1px solid rgba(255, 255, 255, 0.6); }
    main .section_cate .table_corporate tr {
      border-top: 1px solid rgba(255, 255, 255, 0.6); }
      main .section_cate .table_corporate tr th {
        display: block;
        padding: 10px 8px 4px 8px; }
        @media (min-width: 429px) {
          main .section_cate .table_corporate tr th {
            display: table-cell;
            padding: 25px 30px;
            vertical-align: middle; } }
        main .section_cate .table_corporate tr th p {
          border-bottom: 0;
          line-height: calc(21 / 14);
          text-align: left; }
      main .section_cate .table_corporate tr td {
        padding: 0 8px 12px 8px;
        display: block; }
        @media (min-width: 429px) {
          main .section_cate .table_corporate tr td {
            display: table-cell;
            padding: 25px 30px 25px 0px; } }
        main .section_cate .table_corporate tr td p {
          font-size: 1.4rem;
          line-height: calc(21 / 14); }
          main .section_cate .table_corporate tr td p + p {
            margin-top: 0.3em; }
          @media (min-width: 429px) {
            main .section_cate .table_corporate tr td p {
              font-size: 1.6rem;
              line-height: calc(30 / 16); } }
        main .section_cate .table_corporate tr td .list > li {
          padding-left: 1em;
          position: relative;
          font-size: 1.4rem;
          line-height: calc(21 / 14); }
          main .section_cate .table_corporate tr td .list > li::before {
            content: "-";
            position: absolute;
            left: 0;
            top: 0;
            display: block; }
          main .section_cate .table_corporate tr td .list > li + li {
            margin-top: 0.3em; }
          @media (min-width: 429px) {
            main .section_cate .table_corporate tr td .list > li {
              font-size: 1.6rem; } }
  @media (min-width: 429px) {
    main .section_cate .block_map {
      display: flex;
      justify-content: space-between; } }
  main .section_cate .block_map .cts {
    margin-left: -20px;
    margin-right: -20px; }
    main .section_cate .block_map .cts + .cts {
      margin-top: 40px; }
      @media (min-width: 429px) {
        main .section_cate .block_map .cts + .cts {
          width: 500px;
          margin: 0; } }
    main .section_cate .block_map .cts iframe {
      width: 100vw;
      height: 100vw; }
      @media (min-width: 429px) {
        main .section_cate .block_map .cts iframe {
          width: 500px;
          height: 500px; } }
  main .section_cate .block_map .txt {
    margin-top: 25px;
    padding: 0 20px; }
    @media (min-width: 429px) {
      main .section_cate .block_map .txt {
        margin-top: 30px;
        padding: 0; } }
    main .section_cate .block_map .txt .ttl {
      margin-bottom: 0.7em;
      font-size: 1.6rem; }
    main .section_cate .block_map .txt .list > li {
      font-size: 1.4rem;
      line-height: calc(24 / 14); }
      main .section_cate .block_map .txt .list > li + li {
        margin-top: 0.2em; }
      @media (min-width: 429px) {
        main .section_cate .block_map .txt .list > li {
          font-size: 1.6rem; } }
  main .section_cate .block_people .ttl {
    font-size: 2.4rem;
    margin-bottom: 1.3em;
    line-height: calc(32 / 24);
    font-family: "Noto Sans JP", sans-serif;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal; }
    @media (min-width: 429px) {
      main .section_cate .block_people .ttl {
        margin-bottom: 2em;
        font-size: 2.6rem; } }
  main .section_cate .block_people .list .cts + .cts {
    margin-top: 20px; }
  @media (min-width: 429px) {
    main .section_cate .block_people .list .cts + .cts {
      margin-top: 80px; } }
  main .section_cate .block_people .list .cts a {
    display: block;
    background-color: #fff;
    box-shadow: 2px 2px 16px 0 rgba(0, 0, 0, 0.5); }
    @media (min-width: 429px) {
      main .section_cate .block_people .list .cts a {
        display: flex;
        align-items: center;
        box-shadow: 2px 2px 30px 0 rgba(0, 0, 0, 0.5); } }
    main .section_cate .block_people .list .cts a .img img {
      width: 100%;
      height: 45.3333vw;
      object-fit: cover; }
    @media (min-width: 429px) {
      main .section_cate .block_people .list .cts a .img img {
        width: 550px;
        height: 400px; } }
    main .section_cate .block_people .list .cts a .txt {
      padding: 15px 18px 21px; }
      @media (min-width: 429px) {
        main .section_cate .block_people .list .cts a .txt {
          width: 550px;
          padding: 60px; } }
      main .section_cate .block_people .list .cts a .txt .tag {
        margin-bottom: 0.5em;
        color: #f00;
        font-size: 2rem;
        font-family: "Noto Sans JP", sans-serif;
        font-optical-sizing: auto;
        font-weight: 700;
        font-style: normal;
        line-height: 1; }
        main .section_cate .block_people .list .cts a .txt .tag .number {
          margin-left: 0.2em;
          font-size: 2.4rem; }
        main .section_cate .block_people .list .cts a .txt .tag .post {
          margin-left: 0.5em;
          font-size: 1.4rem; }
        main .section_cate .block_people .list .cts a .txt .tag.cross {
          font-size: 1.8rem; }
          main .section_cate .block_people .list .cts a .txt .tag.cross .number {
            font-size: 2rem; }
        @media (min-width: 429px) {
          main .section_cate .block_people .list .cts a .txt .tag {
            margin-bottom: 0.8em;
            font-size: 2.6rem !important; }
            main .section_cate .block_people .list .cts a .txt .tag .number {
              font-size: 3.4rem !important; }
            main .section_cate .block_people .list .cts a .txt .tag .post {
              margin-left: 0.5em;
              font-size: 2.2rem; } }
      main .section_cate .block_people .list .cts a .txt .catch {
        margin-bottom: 0.6em;
        color: #000;
        font-size: 2rem;
        line-height: calc(28 / 20); }
        main .section_cate .block_people .list .cts a .txt .catch.cross {
          font-size: 1.8rem; }
        @media (min-width: 429px) {
          main .section_cate .block_people .list .cts a .txt .catch {
            font-size: 2.8rem !important;
            line-height: calc(45 / 28); } }
      main .section_cate .block_people .list .cts a .txt .name {
        color: #000;
        font-size: 1.4rem;
        line-height: 1.3; }
        main .section_cate .block_people .list .cts a .txt .name + .name {
          margin-top: 0.3em; }
        main .section_cate .block_people .list .cts a .txt .name.cross {
          font-size: 1.3rem; }
        @media (min-width: 429px) {
          main .section_cate .block_people .list .cts a .txt .name {
            margin-top: 1.2em;
            font-size: 1.8rem !important; } }
  @media (min-width: 429px) {
    main .section_cate .block_people .link_voice {
      display: flex;
      flex-wrap: wrap; } }
  main .section_cate .block_people .link_voice .item + .item {
    margin-top: 20px; }
  @media (min-width: 429px) {
    main .section_cate .block_people .link_voice .item {
      width: 520px;
      margin-right: 60px; }
      main .section_cate .block_people .link_voice .item + .item {
        margin-top: 0; }
      main .section_cate .block_people .link_voice .item:nth-child(2n) {
        margin-right: 0; }
      main .section_cate .block_people .link_voice .item:nth-child(n+3) {
        margin-top: 60px; } }
  main .section_cate .block_people .link_voice .item a {
    display: flex;
    box-shadow: 2px 2px 16px 0 rgba(0, 0, 0, 0.5);
    background-color: #fff; }
    @media (min-width: 429px) {
      main .section_cate .block_people .link_voice .item a {
        width: 520px;
        flex-direction: column;
        align-items: center;
        box-shadow: 2px 2px 30px 0 rgba(0, 0, 0, 0.5); } }
    main .section_cate .block_people .link_voice .item a .img img {
      width: 28.2666vw;
      height: 100%;
      min-height: 28.2666vw;
      object-fit: cover; }
    @media (min-width: 429px) {
      main .section_cate .block_people .link_voice .item a .img img {
        width: 520px;
        height: 280px;
        object-fit: cover;
        min-height: auto; } }
    main .section_cate .block_people .link_voice .item a .txt {
      flex: 1;
      padding: 6px 12px;
      display: flex;
      flex-direction: column;
      justify-content: center; }
      @media (min-width: 429px) {
        main .section_cate .block_people .link_voice .item a .txt {
          width: 100%;
          padding: 28px 28px 32px; } }
      @media (min-width: 429px) {
        main .section_cate .block_people .link_voice .item a .txt .tag {
          margin-bottom: 0.6em;
          color: #f00;
          font-size: 1.8rem !important;
          display: block;
          font-family: "Noto Sans JP", sans-serif;
          font-optical-sizing: auto;
          font-weight: 700;
          font-style: normal;
          line-height: 1; }
          main .section_cate .block_people .link_voice .item a .txt .tag .number {
            font-size: 2.2rem !important;
            margin-left: 0.2em; } }
      main .section_cate .block_people .link_voice .item a .txt .catch {
        font-family: "Noto Sans JP", sans-serif;
        font-optical-sizing: auto;
        font-weight: 700;
        font-style: normal;
        font-size: 1.6rem;
        line-height: calc(23 / 16);
        color: #000; }
        @media (min-width: 429px) {
          main .section_cate .block_people .link_voice .item a .txt .catch {
            font-size: 2.6rem; } }
      main .section_cate .block_people .link_voice .item a .txt .name {
        margin-top: 0.3em;
        font-size: 1.4rem;
        line-height: calc(21 / 14);
        color: #000; }
        @media (min-width: 429px) {
          main .section_cate .block_people .link_voice .item a .txt .name {
            margin-top: 1.2em;
            color: #000;
            font-size: 1.5rem !important; } }
  main .section_cate .modal_area {
    width: 100vw;
    position: relative;
    display: block; }
    @media (min-width: 429px) {
      main .section_cate .modal_area {
        width: 100%;
        margin: 0; } }
    main .section_cate .modal_area::before {
      content: "";
      width: 100%;
      height: 54.1333vw;
      background-color: rgba(0, 0, 0, 0.3);
      position: absolute;
      left: 0;
      top: 0; }
    main .section_cate .modal_area::after {
      content: "";
      width: 70px;
      height: 70px;
      background-image: url("../images/btn_play.svg");
      background-repeat: no-repeat;
      background-size: 70px 70px;
      background-position: center center;
      display: block;
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%); }
      @media (min-width: 429px) {
        main .section_cate .modal_area::after {
          width: 140px;
          height: 140px;
          background-size: 140px 140px; } }
    main .section_cate .modal_area img {
      width: 100%;
      height: 54.1333vw;
      object-fit: cover; }
  main .section_cate .block_interview .ttl {
    margin-bottom: 1.3em;
    font-size: 1.6rem;
    font-family: "Noto Sans JP", sans-serif;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal; }
    @media (min-width: 429px) {
      main .section_cate .block_interview .ttl {
        margin-bottom: 2em;
        font-size: 2.6rem; } }
  main .section_cate .block_interview .list {
    border-bottom: 1px solid #fff; }
    @media (min-width: 429px) {
      main .section_cate .block_interview .list {
        border-bottom: none;
        display: flex;
        flex-wrap: wrap; } }
    main .section_cate .block_interview .list .cts {
      border-top: 1px solid #fff; }
      @media (min-width: 429px) {
        main .section_cate .block_interview .list .cts {
          width: 520px;
          margin-right: 60px;
          padding: 0;
          border-top: none; }
          main .section_cate .block_interview .list .cts + .cts {
            margin-top: 0; }
          main .section_cate .block_interview .list .cts:nth-child(2n) {
            margin-right: 0; } }
      main .section_cate .block_interview .list .cts a {
        display: block; }
        @media (min-width: 429px) {
          main .section_cate .block_interview .list .cts a {
            width: 520px;
            display: flex;
            flex-direction: column;
            align-items: center;
            background-color: #fff;
            box-shadow: 2px 2px 30px 0 rgba(0, 0, 0, 0.5); } }
        main .section_cate .block_interview .list .cts a .img {
          display: none; }
          @media (min-width: 429px) {
            main .section_cate .block_interview .list .cts a .img {
              display: block; }
              main .section_cate .block_interview .list .cts a .img img {
                width: 520px;
                height: 280px;
                object-fit: cover; } }
        main .section_cate .block_interview .list .cts a .txt {
          padding: 14px 40px 18px 7px;
          position: relative; }
          main .section_cate .block_interview .list .cts a .txt::after {
            content: "";
            width: 10px;
            height: 10px;
            border-left: 2px solid #fff;
            border-top: 2px solid #fff;
            display: block;
            position: absolute;
            right: 6px;
            top: 50%;
            margin-top: -4px;
            transform: rotate(135deg); }
          @media (min-width: 429px) {
            main .section_cate .block_interview .list .cts a .txt {
              width: 100%;
              padding: 28px 28px 32px; }
              main .section_cate .block_interview .list .cts a .txt::after {
                display: none; } }
          main .section_cate .block_interview .list .cts a .txt .tag {
            margin-bottom: 0.5em;
            font-size: 2rem;
            font-family: "Noto Sans JP", sans-serif;
            font-optical-sizing: auto;
            font-weight: 700;
            font-style: normal;
            line-height: 1;
            color: #fff;
            display: none; }
            main .section_cate .block_interview .list .cts a .txt .tag .number {
              margin-left: 0.2em;
              font-size: 1.6rem; }
            main .section_cate .block_interview .list .cts a .txt .tag .post {
              margin-left: 0.5em;
              font-size: 1.4rem; }
            @media (min-width: 429px) {
              main .section_cate .block_interview .list .cts a .txt .tag {
                margin-bottom: 0.6em;
                color: #f00;
                font-size: 1.8rem !important;
                display: block; }
                main .section_cate .block_interview .list .cts a .txt .tag .number {
                  font-size: 2.2rem !important; }
                main .section_cate .block_interview .list .cts a .txt .tag .post {
                  margin-left: 0.5em;
                  font-size: 1.8rem; } }
          main .section_cate .block_interview .list .cts a .txt .catch {
            margin-bottom: 0.4em;
            font-family: "Noto Sans JP", sans-serif;
            font-optical-sizing: auto;
            font-weight: 700;
            font-style: normal;
            font-size: 1.6rem;
            line-height: calc(28 / 20);
            color: #fff; }
            main .section_cate .block_interview .list .cts a .txt .catch .number {
              margin-right: 0.3em; }
            @media (min-width: 429px) {
              main .section_cate .block_interview .list .cts a .txt .catch {
                color: #000;
                font-size: 2.6rem !important;
                line-height: calc(36 / 26); }
                main .section_cate .block_interview .list .cts a .txt .catch .number {
                  display: none; } }
          main .section_cate .block_interview .list .cts a .txt .name {
            color: #fff;
            font-size: 1.4rem;
            line-height: 1.3; }
            main .section_cate .block_interview .list .cts a .txt .name + .name {
              margin-top: 0.3em; }
            @media (min-width: 429px) {
              main .section_cate .block_interview .list .cts a .txt .name {
                margin-top: 1.2em;
                color: #000;
                font-size: 1.5rem !important; } }
  main .section_cate .block_interview .link_voice {
    border-bottom: 1px solid #fff; }
    @media (min-width: 429px) {
      main .section_cate .block_interview .link_voice {
        border-bottom: none;
        display: flex;
        flex-wrap: wrap; } }
    main .section_cate .block_interview .link_voice .item {
      border-top: 1px solid #fff; }
      @media (min-width: 429px) {
        main .section_cate .block_interview .link_voice .item {
          width: 348px;
          margin-right: 28px;
          border-top: none; }
          main .section_cate .block_interview .link_voice .item:nth-child(3n) {
            margin-right: 0; }
          main .section_cate .block_interview .link_voice .item:nth-child(n + 4) {
            margin-top: 28px; } }
      main .section_cate .block_interview .link_voice .item a {
        display: flex; }
        @media (min-width: 429px) {
          main .section_cate .block_interview .link_voice .item a {
            flex-direction: column;
            background-color: #fff;
            box-shadow: 2px 2px 16px 0 rgba(0, 0, 0, 0.5); } }
        main .section_cate .block_interview .link_voice .item a .img {
          display: none; }
          main .section_cate .block_interview .link_voice .item a .img img {
            width: 28.2666vw;
            height: 100%;
            min-height: 28.2666vw;
            object-fit: cover; }
          @media (min-width: 429px) {
            main .section_cate .block_interview .link_voice .item a .img {
              display: block; }
              main .section_cate .block_interview .link_voice .item a .img img {
                width: 348px;
                height: 232px;
                min-height: inherit; } }
        main .section_cate .block_interview .link_voice .item a .txt {
          flex: 1;
          padding: 14px 40px 18px 7px;
          display: flex;
          flex-direction: column;
          justify-content: center;
          position: relative; }
          main .section_cate .block_interview .link_voice .item a .txt::after {
            content: "";
            width: 10px;
            height: 10px;
            border-left: 2px solid #fff;
            border-top: 2px solid #fff;
            display: block;
            position: absolute;
            right: 6px;
            top: 50%;
            margin-top: -4px;
            transform: rotate(135deg); }
          @media (min-width: 429px) {
            main .section_cate .block_interview .link_voice .item a .txt {
              padding: 18px 25px 22px; }
              main .section_cate .block_interview .link_voice .item a .txt::after {
                display: none; } }
          main .section_cate .block_interview .link_voice .item a .txt .catch {
            font-family: "Noto Sans JP", sans-serif;
            font-optical-sizing: auto;
            font-weight: 700;
            font-style: normal;
            font-size: 1.6rem;
            line-height: calc(23 / 16); }
            @media (min-width: 429px) {
              main .section_cate .block_interview .link_voice .item a .txt .catch {
                color: #000;
                font-size: 1.9rem; } }
          main .section_cate .block_interview .link_voice .item a .txt .name {
            margin-top: 0.3em;
            font-size: 1.4rem;
            line-height: calc(21 / 14); }
            @media (min-width: 429px) {
              main .section_cate .block_interview .link_voice .item a .txt .name {
                color: #000;
                font-size: 1.5rem; } }

/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox,
#cboxOverlay,
#cboxWrapper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  overflow: hidden;
  -webkit-transform: translate3d(0, 0, 0); }

#cboxWrapper {
  max-width: none; }

#cboxOverlay {
  position: fixed;
  width: 100%;
  height: 100%; }

#cboxMiddleLeft,
#cboxBottomLeft {
  clear: left; }

#cboxContent {
  position: relative; }

#cboxLoadedContent {
  overflow: auto;
  -webkit-overflow-scrolling: touch; }

#cboxTitle {
  margin: 0; }

#cboxLoadingOverlay,
#cboxLoadingGraphic {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

#cboxPrevious,
#cboxNext,
#cboxClose,
#cboxSlideshow {
  cursor: pointer; }

.cboxPhoto {
  float: left;
  margin: auto;
  border: 0;
  display: block;
  max-width: none;
  -ms-interpolation-mode: bicubic; }

.cboxIframe {
  width: 100%;
  height: 100%;
  display: block;
  border: 0;
  padding: 0;
  margin: 0; }

#colorbox,
#cboxContent,
#cboxLoadedContent {
  box-sizing: content-box;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box; }

/*
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay {
  background: #000; }

#colorbox {
  outline: 0;
  margin-top: -40px; }
  @media (min-width: 429px) {
    #colorbox {
      margin-top: -50px; } }

#cboxContent {
  margin-top: 40px;
  overflow: visible;
  background: #000; }
  @media (min-width: 429px) {
    #cboxContent {
      margin-top: 50px; } }

/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious,
#cboxNext,
#cboxSlideshow,
#cboxClose {
  border: 0;
  padding: 0;
  margin: 0;
  overflow: visible;
  text-indent: -9999px;
  width: 100%;
  height: 30px;
  position: absolute;
  top: -40px;
  right: 0;
  background: url(../images/modal_close.svg);
  background-repeat: no-repeat;
  background-position: center right; }
  @media (min-width: 429px) {
    #cboxPrevious,
    #cboxNext,
    #cboxSlideshow,
    #cboxClose {
      height: 40px;
      top: -50px;
      transition: all 0.3s; } }

/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active,
#cboxNext:active,
#cboxSlideshow:active,
#cboxClose:active {
  outline: 0; }

@media (min-width: 1500px) {
  main .section_cate {
    max-width: none;
    margin: 100px 200px; }
    main .section_cate .timeline_Area .border-line-pc {
      position: absolute;
      left: 80px;
      top: -183px;
      width: calc(100% - 116px);
      height: 1px;
      background: #fff;
      position: relative;
      overflow: hidden;
      transform: scale(0, 0);
      transform-origin: left top; }
    main .section_cate .lead_list .lead_area .txt {
      width: calc(45% - 50px); }
    main .section_cate .lead_list .lead_area .img {
      width: 55%; }
      main .section_cate .lead_list .lead_area .img img {
        width: 100%; }
    main .section_cate.wide {
      margin: 100px 0px; }
    main .section_cate .block_map .cts {
      width: calc(50% - 60px);
      margin-left: 0;
      margin-right: 0; }
      main .section_cate .block_map .cts iframe {
        width: 100%; }
      main .section_cate .block_map .cts + .cts {
        width: calc(50% - 60px); }
    main .section_cate .main_department {
      margin: 0 auto; }
    main .section_cate .block_department .cts {
      width: 30%; }
    main .section_cate .block_business .img {
      margin: 35px auto 0; }
    main .section_cate .block_people .link_voice .item, main .section_cate .block_interview .link_voice .item {
      /*width: calc(33.3333% - 28px);*/
      width: calc(50% - 30px); }
      main .section_cate .block_people .link_voice .item a, main .section_cate .block_interview .link_voice .item a {
        width: 100%; }
        main .section_cate .block_people .link_voice .item a .img img, main .section_cate .block_interview .link_voice .item a .img img {
          width: 100%;
          height: auto; }
    main .section_cate .block_people .list .cts a figure.img {
      width: 50%; }
      main .section_cate .block_people .list .cts a figure.img img {
        width: 100%;
        height: auto; }
    main .section_cate .block_people .list .cts a .txt {
      width: 50%; }
      main .section_cate .block_people .list .cts a .txt .catch {
        font-size: 1.7333vw !important; }
    main .section_cate .block_interview .list {
      justify-content: space-between; }
      main .section_cate .block_interview .list .cts {
        width: calc(50% - 30px); }
        main .section_cate .block_interview .list .cts a {
          width: 100%; }
          main .section_cate .block_interview .list .cts a .img img {
            width: 100%;
            height: auto; }
  main .section.section_top .Area_mg02 {
    width: auto;
    margin: 0 200px; }

  footer .entry_footer {
    width: auto;
    margin: 100px 200px; } }
.section_cate .ttl_area .youtube {
  position: relative; }
  .section_cate .ttl_area .youtube:before {
    content: "";
    width: 100%;
    height: 50vh;
    background-color: rgba(0, 0, 0, 0.3);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10; }
  .section_cate .ttl_area .youtube:after {
    z-index: 11; }
  .section_cate .ttl_area .youtube .img.img_sp_interview_main {
    height: 50vh; }
@media (max-width: 768px) {
  .section_cate .lead_list .lead_area_sp_interview {
    display: flex;
    flex-direction: column; }
    .section_cate .lead_list .lead_area_sp_interview .txt {
      order: 2; }
    .section_cate .lead_list .lead_area_sp_interview figure {
      order: 1;
      margin-top: 0;
      margin-bottom: 35px; } }

@media screen and (min-width: 1733px) {
  .br {
    max-width: 49vw; } }
@media (max-width: 768px) {
  main .section_cate .block_interview02 .ttl {
    font-size: 2.4rem;
    margin-bottom: 1.3em;
    line-height: calc(32 / 24);
    font-family: "Noto Sans JP", sans-serif;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal; }
  main .section_cate .block_interview02 .list .cts + .cts {
    margin-top: 20px; }
  main .section_cate .block_interview02 .list .cts a {
    display: block;
    background-color: #fff;
    box-shadow: 2px 2px 16px 0 rgba(0, 0, 0, 0.5); }
    main .section_cate .block_interview02 .list .cts a .img {
      display: block; }
    main .section_cate .block_interview02 .list .cts a .txt {
      padding: 15px 18px 21px; }
      main .section_cate .block_interview02 .list .cts a .txt .tag {
        display: block;
        margin-bottom: 0.5em;
        color: #f00;
        font-size: 2rem;
        font-family: "Noto Sans JP", sans-serif;
        font-optical-sizing: auto;
        font-weight: 700;
        font-style: normal;
        line-height: 1; }
        main .section_cate .block_interview02 .list .cts a .txt .tag.cross {
          font-size: 1.8rem; }
      main .section_cate .block_interview02 .list .cts a .txt .catch {
        margin-bottom: 0.6em;
        color: #000;
        font-size: 2rem;
        line-height: calc(28 / 20); }
        main .section_cate .block_interview02 .list .cts a .txt .catch.cross {
          font-size: 1.8rem; }
      main .section_cate .block_interview02 .list .cts a .txt .name {
        color: #000;
        font-size: 1.4rem;
        line-height: 1.3; }
        main .section_cate .block_interview02 .list .cts a .txt .name.cross {
          font-size: 1.3rem; }
  main .section_cate .lead_list .img_end {
    margin-top: 85px;
    margin-bottom: 85px; }
  main .section_cate .ttl_area .txt .ttl.news {
    letter-spacing: -0.3rem; } }
/*.top_C .top_imgArea .img_parson{
	position: absolute;
	width: 120vw;
	height: auto;
	top:50%;
	left:50%;
	max-width:inherit;
	transform: translate(-50%, -50%);
	webkit-transform: translate(-50%, -50%);
	ms-transform: translate(-50%, -50%);
}*/
@media (max-width: 375px) {
  .top_C .top_imgArea .img_parson {
    top: 62%; } }
/*@media (min-width:429px) {
	.img_parson{
		position: absolute;
		width: auto;
		height: 94vh;
		top:50%;
		left:70%;
		max-width:2200vw;
		transform: translate(-50%, -50%);
		webkit-transform: translate(-50%, -50%);
		ms-transform: translate(-50%, -50%);
	}
}
*/
/*@media (max-width:1079px) {
	.top_C .top_imgArea .img_parson {
		height:80vh;
		left: 60%;
	}
}
*/
/* ======================================
TOPメインビジュアル アニメーションC SP
====================================== */
/*マウスインタラクション*/
/*見た目のCSS*/
.top_C {
  position: relative;
  height: 100svh;
  /*background: #ff0000;*/ }
  .top_C .fv_text {
    position: absolute;
    bottom: 4vh;
    left: 5vw;
    z-index: 20;
    font-family: "Noto Sans JP", sans-serif;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal; }
    .top_C .fv_text h1 {
      color: #fff;
      font-size: 12.3vw;
      line-height: 1.2; }
    .top_C .fv_text p {
      color: #fff;
      font-size: 5vw;
      margin-top: 12px;
      letter-spacing: 0rem;
      display: inline-block; }
  .top_C .top_imgArea {
    position: relative;
    top: 50%;
    left: 50%;
    width: 100vw;
    height: 100vh;
    transform: translate(-50%, -50%);
    webkit-transform: translate(-50%, -50%);
    ms-transform: translate(-50%, -50%); }
    .top_C .top_imgArea .img_text {
      width: 110vw;
      height: auto;
      position: absolute;
      top: 50%;
      left: 50%;
      max-width: inherit;
      min-width: inherit;
      transform: translate(-50%, -50%);
      webkit-transform: translate(-50%, -50%);
      ms-transform: translate(-50%, -50%); }
    .top_C .top_imgArea .img_parson {
      position: absolute;
      width: 120vw;
      height: auto;
      top: 50%;
      left: 50%;
      max-width: inherit;
      transform: translate(-50%, -50%);
      webkit-transform: translate(-50%, -50%);
      ms-transform: translate(-50%, -50%); }

/* ======================================
TOPメインビジュアル アニメーションC PC
====================================== */
@media (min-width: 429px) {
  .top_C .fv_text {
    bottom: 30%;
    left: 60px; }
    .top_C .fv_text h1 {
      font-size: 5.5vw;
      line-height: 1.25; }
    .top_C .fv_text p {
      font-size: 2.24vw;
      margin-top: 25px; }
  .top_C .top_imgArea {
    position: relative;
    top: 50%;
    left: 50%;
    width: 100vw;
    height: 100vh;
    transform: translate(-50%, -50%);
    webkit-transform: translate(-50%, -50%);
    ms-transform: translate(-50%, -50%); }
    .top_C .top_imgArea .img_text {
      width: 120vw;
      height: auto;
      position: absolute;
      top: 70%;
      left: 50%;
      max-width: inherit;
      min-width: 1800px;
      transform: translate(-50%, -50%);
      webkit-transform: translate(-50%, -50%);
      ms-transform: translate(-50%, -50%); }
    .top_C .top_imgArea .img_parson {
      position: absolute;
      width: auto;
      height: 94vh;
      top: 50%;
      left: 70%;
      max-width: 2200vw;
      transform: translate(-50%, -50%);
      webkit-transform: translate(-50%, -50%);
      ms-transform: translate(-50%, -50%); } }
/* ======================================
TOPメインビジュアル アニメーションC 1:1以下
====================================== */
/*@media (max-aspect-ratio: 1/1) and (max-width: 2800px)  {
	#box{
		height: 100%;
		width: 100%;
		aspect-ratio: 2 / 1;
		.top_C{
			height: 100%;
			width: 100%;
			aspect-ratio: 2 / 1;
			.top_imgArea{
				width: 100%;
				height: 100%;
				aspect-ratio: 2 / 1;
				.img_text{
					width: 110vw;
       				height: 100%;
				}
				.img_parson{
					width: auto;
       				height: 100%;
			        margin-top: 30px;
				}
			}
		}
		
	}
}*/
@media (min-width: 769px) {
  .top_C .top_imgArea .img_parson {
    /*        position: absolute;
            width: auto;
            height: 94vh;
            top: 50%;
            left: 60%;
            max-width: 2200vw;
            transform: translate(-50%, -50%);
            webkit-transform: translate(-50%, -50%);
            ms-transform: translate(-50%, -50%);*/ }

  .tablet .top_C .top_imgArea .img_parson {
    left: 55%; } }