@charset "UTF-8";
    
body{
	height: 100%;
	margin: 0;
	padding: 0;
	overflow: hidden; /* スクロール禁止（必要に応じて） */
}
.main-visual1{
	background-image: url("./images/enter_bg.webp");
    background-size: cover;
    background-position: center;
    height: 100dvh; /* ← これに変更 */
}
@media screen and (max-width: 1600px) {
.main-visual1{
    height: 100dvh; /* ← ここも同様に */
	}
}
@media screen and (max-width: 767px) {
.main-visual1{
	background-image: url("./images/enter_bg_sp.webp");
    background-size: cover;
    height: calc(var(--vh, 1vh) * 100); /* ← ここも同様に */
	}
}
.container{
	position: relative;
  width: inherit;
  height: inherit;
}
.obititle{
	display: none;
}
@media screen and (max-width: 767px) {
.obititle{
	display: block;
	background-color: #000;
	font-size: 17px;
	font-family:  "Shippori Mincho", serif;
	color: white;
	text-align: center;
	width: 100%;
	height: 45px;
	padding: 9px;
	z-index: 1;
	}
}
.enter-main{
position: absolute;
	top: 55%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 100%;
	text-align: center;
	z-index: 2;
}
@media screen and (max-width: 767px) {
.enter-main{
	top: 45%;
	}
}
.info_textBOX{
	max-width: 505px;
	margin: 0 auto;
	color: #FFF;
}
@media screen and (max-width: 767px) {
.info_textBOX{
	width:100%;
	}
}
.logo-pc{
	display: block;
	width: 505px;
	height: 280px;
	margin: 20px auto 15px;
}
.logo-sp{
 	display: none;
}
@media screen and (max-width: 767px) {
.logo-pc{
	 	display: none;
	}
}
.subtitle{
	width: 405px;
	margin: 0 auto;
	font-family:  "Shippori Mincho", serif;
	font-size: 24px;
	color: #ffe6a5;
	text-align: center;
}
@media screen and (max-width: 767px) {
.subtitle{
	width: 100%;
	font-size: 12px;
	margin: 26px auto 12px;
	}
}
.sentence{
	max-width: 700px;
	margin: 0 auto;
	font-size: 14px;
	color: #FFFFFF;
	background: rgba(0, 0, 0, 0.65);
}
@media screen and (max-width: 767px) {
.sentence{
	margin-top: 210px;
	background: rgba(0, 0, 0, 0);
	}
}
.subtitle2{
	margin: 0 auto;
	font-family:  "Shippori Mincho", serif;
	font-size: 24px;
	color: #ffe6a5;
	text-align: center;
}
@media screen and (max-width: 767px) {
.subtitle2{
	font-size: 13px;
	margin-bottom: 10px;
	}
}
p.produce{
	font-family:  "Cardo";
	font-size: 19px;
	color: #ffffff;
	text-align: center;
	margin: 15px 0 10px;
}
@media screen and (max-width: 767px) {
p.produce{
	display: none;
	}
}
p.produce_sp{
	display: none;
}
@media screen and (max-width: 767px) {
p.produce_sp{
	display: block;
	font-family:  "Cardo";
	font-size: 14px;
	}	
}
.info_txt{
	
}
.info_txt p{
	color: #FFFFFF; 
}

#svg-animation {
    max-width: 95%;
    height: auto;
}
@media screen and (max-width: 767px) {
#svg-animation {
	max-width: 50vw;
    }
}

/***************************************************
 * Generated by SVG Artista on 5/20/2025, 4:57:34 PM
 * MIT license (https://opensource.org/licenses/MIT)
 * W. https://svgartista.net
 **************************************************/

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

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

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

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

@-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 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both,
                       animate-svg-fill-1 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s both;
          animation: animate-svg-stroke-1 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both,
               animate-svg-fill-1 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s both;
}

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

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

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

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

@-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 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.2s both,
                       animate-svg-fill-2 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s both;
          animation: animate-svg-stroke-2 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.2s both,
               animate-svg-fill-2 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s both;
}

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

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

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

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

@-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 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.4s both,
                       animate-svg-fill-3 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1s both;
          animation: animate-svg-stroke-3 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.4s both,
               animate-svg-fill-3 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1s both;
}

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

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

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

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

@-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 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6000000000000001s both,
                       animate-svg-fill-4 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s both;
          animation: animate-svg-stroke-4 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6000000000000001s both,
               animate-svg-fill-4 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s both;
}

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

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

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

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

@-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 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s both,
                       animate-svg-fill-5 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s both;
          animation: animate-svg-stroke-5 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s both,
               animate-svg-fill-5 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s both;
}

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

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

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

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

@-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 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 1s both,
                       animate-svg-fill-6 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s both;
          animation: animate-svg-stroke-6 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 1s both,
               animate-svg-fill-6 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s both;
}

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

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

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

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

@-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 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s both,
                       animate-svg-fill-7 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4000000000000001s both;
          animation: animate-svg-stroke-7 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s both,
               animate-svg-fill-7 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4000000000000001s both;
}

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

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

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

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

@-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 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4000000000000001s both,
                       animate-svg-fill-8 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s both;
          animation: animate-svg-stroke-8 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4000000000000001s both,
               animate-svg-fill-8 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s both;
}

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

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

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

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

@-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 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s both,
                       animate-svg-fill-9 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s both;
          animation: animate-svg-stroke-9 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s both,
               animate-svg-fill-9 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s both;
}

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

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

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

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

@-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 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 1.8s both,
                       animate-svg-fill-10 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7000000000000002s both;
          animation: animate-svg-stroke-10 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 1.8s both,
               animate-svg-fill-10 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7000000000000002s both;
}

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

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

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

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

@-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 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 2s both,
                       animate-svg-fill-11 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.8s both;
          animation: animate-svg-stroke-11 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 2s both,
               animate-svg-fill-11 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.8s both;
}

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

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

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

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

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



.non_overlay {
	margin: 10px 0;
	padding: 10px 10px 0;
	font-family: 'Noto Sans JP';    
}
@media screen and (max-width: 767px) {
.non_overlay {
	display: none;    
	}
}
.copyrightArea{
	font-size: 20px;
	padding-bottom: 10px;
	font-family: 'Noto Sans JP';  
}
@media screen and (max-width: 767px) {
.copyrightArea{
	display: none;
	}
}
.sp-only_textbox{
	display: none;
}
@media screen and (max-width: 767px) {
.sp-only_textbox {
	display: block; /* display: table-cell はここでは不要 */
	position: fixed;
	bottom:	0;
	background: #000;
	color: #FFF;
	vertical-align: middle;
	width: 100%;
	height:	30px;
	padding-top: 2px;
	font-size: 11px;
	text-align: center;
	z-index: 1000; /* 他と被らないように上に出す */
	}
}
.non_overlay_sp {
	font-size: 11px;
	margin: 10px 7px 5px;
	padding: 5px;
	font-family: 'Noto Sans JP';     
}
.copyrightArea_sp {
	font-size: 13px;
	font-family: 'Noto Sans JP';  
}
.break {
	display: none; /* デフォルトでは改行を表示しない */
}
.pchyouji{
	display: block; 
}
@media screen and (max-width: 767px) {
.pchyouji{
	display: none;
	}
}
.pchyouji2{
	display: block; 
}
.letter-spacing{
	letter-spacing: -0.045em;
}