@charset "UTF-8";

#loading {
	display: none;
}

/*--------------------------------------------------------------
#about-contents-area
--------------------------------------------------------------*/

/* mobile */
@media (min-width: 300px) {
	
	#about-contents-area {
		margin: 0 0 80px 0;
		padding: 0;
		text-align: center;
	}

	#about-contents-area h3 {
		margin: 0 0 30px 0;
		padding: 0;
		text-align: center;
		font-size: 30px;
		font-weight: 500;
		font-style: italic;
		color: #C0FA00;
	}
	
	#about-contents-area span {
		margin: 0;
		padding: 0;
		font-size: 12px;
		font-weight: 400;
		font-style: normal;
		display: block;
	}
	
	#about-contents-area h4,
	#about-contents-area h5 {
		margin: 0;
		padding: 0 0 0 5px;
		color: #1F1F1F;
		font-weight: 900;
		box-decoration-break: clone;
		-webkit-box-decoration-break: clone;
		display: inline;
		background-color: #C0FA00;
		white-space: nowrap;
	}
	
	#about-contents-area h4 {
		font-size: 35px;
	}
	
	#about-contents-area h5 {
		font-size: 30px;
	}
	
	#about-contents-area p {
		margin: 40px 0 130px 0;
		padding: 0 10%;
		font-size: 15px;
		font-weight: 500;
		letter-spacing: 1px;
		text-align: left;
		text-align: justify;
		line-height: 2;
	}
	
	#about-contents-area ul {
		margin: 10px auto 0 auto;
		padding: 0;
		width: 95%;
	}
	
	#about-contents-area li {
		margin: 0 0 15px 0;
		padding: 20px 0;
		font-size: 18px;
		font-weight: 700;
		color: #C0FA00;
		display: block;
		border:  1px solid #C0FA00;
		letter-spacing: 1px;
	}
	
	
	.scroll-list {
		display: flex;
		list-style: none;
		padding-inline: 0;
		margin-inline: 0;
		gap: 0;
		position: relative;
		left: calc(50% - 50vw);
		width: 100vw;
		margin-bottom: 30px;
		overflow: hidden;
	}
	
	.scroll-list li {
		color: #292929;
		font-size: 80px;
		font-weight: bold;
		white-space: nowrap;
		padding: 0 1em 0 0;
		animation: marquee-left 16s linear infinite;
		font-style: italic;
	}
	
	.scroll-list span.line {
		color: transparent;
		-webkit-text-stroke: 1px #3B3B3B;
		padding: 0 0 0 1em;
	}
}

/* Small than tablet */
@media (min-width: 768px) {
	
	
	
}


/* Larger than tablet */
@media (min-width: 992px) {
	
	#about-contents-area {
		margin: 0 0 8.33vw 0;
		padding: 0;
		text-align: center;
	}

	#about-contents-area h3 {
		margin: 0 0 2.5vw 0;
		padding: 0;
		text-align: center;
		font-size: 3.33vw;
		font-weight: 500;
		font-style: italic;
		color: #C0FA00;
	}
	
	#about-contents-area span {
		margin: 0;
		padding: 0;
		font-size: 1.08vw;
		font-weight: 400;
		font-style: normal;
		display: block;
	}
	
	#about-contents-area h4,
	#about-contents-area h5 {
		margin: 0;
		padding: 0 0 0 0.41vw;
		color: #1F1F1F;
		font-size: 5.41vw;
		font-weight: 900;
		box-decoration-break: clone;
		-webkit-box-decoration-break: clone;
		display: inline;
		background-color: #C0FA00;
		white-space: nowrap;
	}
	
	#about-contents-area h4 {
		font-size: 5.41vw;
	}
	
	#about-contents-area h5 {
		font-size: 4.16vw;
	}
	
	#about-contents-area p {
		margin: 3.33vw 0 10.8vw 0;
		padding: 0;
		font-size: 1.33vw;
		font-weight: 500;
		letter-spacing: 1px;
		text-align: center;
		line-height: 2;
	}
	
	#about-contents-area ul {
		margin: 0.83vw auto 0 auto;
		padding: 0;
		width: 50vw;
	}
	
	#about-contents-area li {
		margin: 0 0 1.25vw 0;
		padding: 1.66vw 0;
		font-size: 2.16vw;
		font-weight: 700;
		color: #C0FA00;
		display: block;
		border:  1px solid #C0FA00;
		letter-spacing: 1px;
	}
	
	
	.scroll-list {
		display: flex;
		list-style: none;
		padding-inline: 0;
		margin-inline: 0;
		gap: 0;
		position: relative;
		left: calc(50% - 50vw);
		width: 100vw;
		margin-bottom: 4.16vw;
		overflow: hidden;
	}
	
	.scroll-list li {
		color: #292929;
		font-size: 9.16vw;
		font-weight: bold;
		white-space: nowrap;
		padding: 0 1em 0 0;
		animation: marquee-left 16s linear infinite;
		font-style: italic;
	}
	
	.scroll-list span.line {
		color: transparent;
		-webkit-text-stroke: 1px #3B3B3B;
		padding: 0 0 0 1em;
	}
	
}


@keyframes marquee-left {
   0%{
    transform: translateX(0);
  }
  100%{
    transform: translateX(-100%);
  }
}


/*--------------------------------------------------------------
#company-area
--------------------------------------------------------------*/

/* mobile */
@media (min-width: 300px) {
	
	
	#company-area {
		margin: 0 0 100px 0;
		padding: 80px 8%;
		background: #BEBEBE;
		position: relative;
	}
	
	#company-area h3 {
		margin: 0;
		padding: 0;
		color: #1F1F1F;
		font-size: 30px;
		font-style: italic;
		font-weight: 500;
	}
	
	#company-area h3 p {
		margin: 0 0 50px 0;
		padding: 0;
		font-size: 14px;
		font-style: normal;
		font-weight: 500;
		letter-spacing: 1px;
		display: block;
	}
	
	#company-area dl {
		margin: 0;
		padding: 0 10px;
		font-size: 15px;
		font-weight: 500;
		letter-spacing: 1px;
		color: #1F1F1F;
		border-bottom: 1px solid #939393;
	}
	
	.top_border {
		border-top: 1px solid #939393;
	}
	
	#company-area dt {
		margin: 0;
		padding: 20px 0 5px 0;
		text-align: left;
		width: auto;
	}
	
	#company-area dd {
		margin: 0;
		padding: 0 0 20px 0;
	}

}

/* Small than tablet */
@media (min-width: 768px) {
	
	
	
}


/* Larger than tablet */
@media (min-width: 992px) {
	
	#company-area {
		margin: 0 0 8.33vw 0;
		padding: 9.16vw 10% 12.5vw 10%;
		background: #BEBEBE;
		position: relative;
	}
	
	#company-area h3 {
		margin: 0;
		padding: 0;
		color: #1F1F1F;
		font-size: 3.33vw;
		font-style: italic;
		font-weight: 500;
		position: absolute;
		top: 8.33vw;
		right: 10%;
	}
	
	#company-area h3 p {
		margin: 0;
		padding: 0;
		font-size: 1.25vw;
		font-style: normal;
		font-weight: 500;
		letter-spacing: 1px;
		display: block;
	}
	
	#company-area dl {
		margin: 0 30% 0 0;
		padding: 0;
		font-size: 1.33vw;
		font-weight: 500;
		letter-spacing: 1px;
		color: #1F1F1F;
		display: -webkit-flex;
		display: flex;
		border-bottom: 1px solid #939393;
	}
	
	.top_border {
		border-top: 1px solid #939393;
	}
	
	#company-area dt {
		margin: 0;
		padding: 2.08vw 0;
		text-align: center;
		width: 20%;
	}
	
	#company-area dd {
		margin: 0;
		padding: 2.08vw 0;
	}
	
}