@charset "UTF-8";
/* CSS Document */

html {
	font-size: 62.5%;
	scroll-behavior: smooth;
}

img {
	width: 100%;
	border: none;
	vertical-align: bottom;
}

.pc { display: block !important; }
.sp { display: none !important; }
.sp-point { display: none !important; }


/*Setting***************************************************/
:root {
  --primary-color: #f5f5f5;
	--secondary-color: #08ABFF;
	--jp-primary-font: 'Noto Sans JP', sans-serif;
	--en-primary-font: 'Montserrat', sans-serif;
  --font-weight-Regular: 400;
  --font-weight-Medium: 600;
  --font-weight-Bold: 800;
	--text-color: #231815;
	--text-color-secondary: #000;
	--text-color-tertiary: #08ABFF;

}

::selection {
  background-color: #ed7600;
}


body {
	font-feature-settings: "palt";
	letter-spacing: 0.05em;
	font-family: var(--jp-primary-font);
	background: var(--primary-color);
	color: var(--text-color);
	letter-spacing: 0.1em;
}


/*制作中************************************************************/

.wrapper {
	width:100%;
	margin: 0 auto;
  padding-top: 27vh;
}
.wrapper .logo-area {
	width:320px;
	margin: 0 auto;
}
.wrapper .txt-area {
  font-size: 2.3rem;
  font-family: var(--en-primary-font);
  color: var(--text-color);
  font-weight: 800;
	margin: 50px auto;
  text-align: center;
}


/*SVG************************************************************/
#ani-logo {
  width: 320px;
  height: 200px;
}

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

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

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

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

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

  100% {
    fill: rgb(250, 237, 0);
  }
}

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

  100% {
    fill: rgb(250, 237, 0);
  }
}

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

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

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

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

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

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

  100% {
    fill: rgb(229, 0, 55);
  }
}

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

  100% {
    fill: rgb(229, 0, 55);
  }
}

.svg-elem-2 {
  -webkit-animation: animate-svg-stroke-2 0.7s ease-in 0.02s both,
                       animate-svg-fill-2 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s both;
          animation: animate-svg-stroke-2 0.7s ease-in 0.02s both,
               animate-svg-fill-2 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s both;
}

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

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

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

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

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

  100% {
    fill: rgb(237, 118, 0);
  }
}

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

  100% {
    fill: rgb(237, 118, 0);
  }
}

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

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

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

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

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

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

  100% {
    fill: rgb(250, 237, 0);
  }
}

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

  100% {
    fill: rgb(250, 237, 0);
  }
}

.svg-elem-4 {
  -webkit-animation: animate-svg-stroke-4 0.7s ease-in 0.06s both,
                       animate-svg-fill-4 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s both;
          animation: animate-svg-stroke-4 0.7s ease-in 0.06s both,
               animate-svg-fill-4 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s both;
}

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

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

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

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

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

  100% {
    fill: rgb(229, 0, 55);
  }
}

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

  100% {
    fill: rgb(229, 0, 55);
  }
}

.svg-elem-5 {
  -webkit-animation: animate-svg-stroke-5 0.7s ease-in 0.08s both,
                       animate-svg-fill-5 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s both;
          animation: animate-svg-stroke-5 0.7s ease-in 0.08s both,
               animate-svg-fill-5 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s both;
}

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

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

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

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

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

  100% {
    fill: rgb(237, 118, 0);
  }
}

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

  100% {
    fill: rgb(237, 118, 0);
  }
}

.svg-elem-6 {
  -webkit-animation: animate-svg-stroke-6 0.7s ease-in 0.1s both,
                       animate-svg-fill-6 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s both;
          animation: animate-svg-stroke-6 0.7s ease-in 0.1s both,
               animate-svg-fill-6 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s both;
}

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

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

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

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

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

  100% {
    fill: rgb(62, 58, 57);
  }
}

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

  100% {
    fill: rgb(62, 58, 57);
  }
}

.svg-elem-7 {
  -webkit-animation: animate-svg-stroke-7 0.7s ease-in 0.12s both,
                       animate-svg-fill-7 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4000000000000001s both;
          animation: animate-svg-stroke-7 0.7s ease-in 0.12s both,
               animate-svg-fill-7 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4000000000000001s both;
}

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

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

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

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

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

  100% {
    fill: rgb(62, 58, 57);
  }
}

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

  100% {
    fill: rgb(62, 58, 57);
  }
}

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

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

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

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

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

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

  100% {
    fill: rgb(62, 58, 57);
  }
}

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

  100% {
    fill: rgb(62, 58, 57);
  }
}

.svg-elem-9 {
  -webkit-animation: animate-svg-stroke-9 0.7s ease-in 0.16s both,
                       animate-svg-fill-9 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s both;
          animation: animate-svg-stroke-9 0.7s ease-in 0.16s both,
               animate-svg-fill-9 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s both;
}

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

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

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

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

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

  100% {
    fill: rgb(62, 58, 57);
  }
}

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

  100% {
    fill: rgb(62, 58, 57);
  }
}

.svg-elem-10 {
  -webkit-animation: animate-svg-stroke-10 0.7s ease-in 0.18s both,
                       animate-svg-fill-10 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7000000000000002s both;
          animation: animate-svg-stroke-10 0.7s ease-in 0.18s both,
               animate-svg-fill-10 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7000000000000002s both;
}

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

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

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

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

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

  100% {
    fill: rgb(62, 58, 57);
  }
}

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

  100% {
    fill: rgb(62, 58, 57);
  }
}

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

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

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

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

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

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

  100% {
    fill: rgb(62, 58, 57);
  }
}

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

  100% {
    fill: rgb(62, 58, 57);
  }
}

.svg-elem-12 {
  -webkit-animation: animate-svg-stroke-12 0.7s ease-in 0.22s both,
                       animate-svg-fill-12 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.9000000000000001s both;
          animation: animate-svg-stroke-12 0.7s ease-in 0.22s both,
               animate-svg-fill-12 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.9000000000000001s both;
}

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

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

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

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

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

  100% {
    fill: rgb(62, 58, 57);
  }
}

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

  100% {
    fill: rgb(62, 58, 57);
  }
}

.svg-elem-13 {
  -webkit-animation: animate-svg-stroke-13 0.7s ease-in 0.24s both,
                       animate-svg-fill-13 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2s both;
          animation: animate-svg-stroke-13 0.7s ease-in 0.24s both,
               animate-svg-fill-13 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2s both;
}

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

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

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

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

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

  100% {
    fill: rgb(62, 58, 57);
  }
}

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

  100% {
    fill: rgb(62, 58, 57);
  }
}

.svg-elem-14 {
  -webkit-animation: animate-svg-stroke-14 0.7s ease-in 0.26s both,
                       animate-svg-fill-14 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.1s both;
          animation: animate-svg-stroke-14 0.7s ease-in 0.26s both,
               animate-svg-fill-14 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.1s both;
}

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

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

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

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

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

  100% {
    fill: rgb(62, 58, 57);
  }
}

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

  100% {
    fill: rgb(62, 58, 57);
  }
}

.svg-elem-15 {
  -webkit-animation: animate-svg-stroke-15 0.7s ease-in 0.28s both,
                       animate-svg-fill-15 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.2s both;
          animation: animate-svg-stroke-15 0.7s ease-in 0.28s both,
               animate-svg-fill-15 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.2s both;
}

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

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

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

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

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

  100% {
    fill: rgb(62, 58, 57);
  }
}

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

  100% {
    fill: rgb(62, 58, 57);
  }
}

.svg-elem-16 {
  -webkit-animation: animate-svg-stroke-16 0.7s ease-in 0.3s both,
                       animate-svg-fill-16 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.3s both;
          animation: animate-svg-stroke-16 0.7s ease-in 0.3s both,
               animate-svg-fill-16 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.3s both;
}

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

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

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

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

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

  100% {
    fill: rgb(62, 58, 57);
  }
}

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

  100% {
    fill: rgb(62, 58, 57);
  }
}

.svg-elem-17 {
  -webkit-animation: animate-svg-stroke-17 0.7s ease-in 0.32s both,
                       animate-svg-fill-17 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.4000000000000004s both;
          animation: animate-svg-stroke-17 0.7s ease-in 0.32s both,
               animate-svg-fill-17 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.4000000000000004s both;
}

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

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

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

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

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

  100% {
    fill: rgb(62, 58, 57);
  }
}

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

  100% {
    fill: rgb(62, 58, 57);
  }
}

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

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

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

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

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

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

  100% {
    fill: rgb(62, 58, 57);
  }
}

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

  100% {
    fill: rgb(62, 58, 57);
  }
}

.svg-elem-19 {
  -webkit-animation: animate-svg-stroke-19 0.7s ease-in 0.36s both,
                       animate-svg-fill-19 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.6s both;
          animation: animate-svg-stroke-19 0.7s ease-in 0.36s both,
               animate-svg-fill-19 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.6s both;
}


@media screen and (max-width: 767px) {/* 767px以下に適用されるCSS（スマホ用） */

	.pc { display: none !important; }
	.sp { display: block !important; }
	.sp-point { display: inline !important; }

/*制作中************************************************************/

.wrapper {
	width:100%;
	margin: 0 auto;
  padding-top: 24vh;
}
.wrapper .logo-area {
	width:70%;
	margin: 0 auto;
}
.wrapper .txt-area {
  font-size: 1.5rem;
  font-family: var(--en-primary-font);
  color: var(--text-color);
  font-weight: 800;
	margin: 35px auto;
  text-align: center;
}
  #ani-logo {
  width: 100%;
  text-align: center;
}


}