@charset "UTF-8";
/****************************************
	main
****************************************/
main {
}

section#main-back {
	position:relative;
	color:#fff;
}

section#main-back .main-video {
	width:100%;
	height:100vh;
	position:sticky;
	top:0;
	overflow:hidden;
	z-index:-1;

}

section#main-back .main-video .cover-dot {
	position: absolute;
	top: 0;
	left: 0;
	bottom:0;
	right:0;
	background:url(../img/dot.png);
	z-index:-1;
}

section#main-back .main-video video {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	object-fit:cover;
	z-index:-1;
}

section#main-back .main-svg {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100vh;
}

section#main-back .main-svg svg {
	position:absolute;
	top:50%;
	left:50%;
	transform: translateY(-50%) translateX(-50%);
	width:80%;
	max-width:670px;
}

/***************************************************
 * Generated by SVG Artista on 11/13/2024, 8:03:30 PM
 * MIT license (https://opensource.org/licenses/MIT)
 * W. https://svgartista.net
 **************************************************/

 @-webkit-keyframes animate-svg-stroke-1{0%{stroke-dashoffset:906.2947387695312px;stroke-dasharray:906.2947387695312px}100%{stroke-dashoffset:0;stroke-dasharray:906.2947387695312px}}@keyframes animate-svg-stroke-1{0%{stroke-dashoffset:906.2947387695312px;stroke-dasharray:906.2947387695312px}100%{stroke-dashoffset:0;stroke-dasharray:906.2947387695312px}}@-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-title-1{-webkit-animation:animate-svg-stroke-1 1s 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 1s 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:484.4258728027344px;stroke-dasharray:484.4258728027344px}100%{stroke-dashoffset:0;stroke-dasharray:484.4258728027344px}}@keyframes animate-svg-stroke-2{0%{stroke-dashoffset:484.4258728027344px;stroke-dasharray:484.4258728027344px}100%{stroke-dashoffset:0;stroke-dasharray:484.4258728027344px}}@-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-title-2{-webkit-animation:animate-svg-stroke-2 1s cubic-bezier(0.47,0,0.745,0.715) 0.12s both,animate-svg-fill-2 0.7s cubic-bezier(0.47,0,0.745,0.715) 0.9s both;animation:animate-svg-stroke-2 1s cubic-bezier(0.47,0,0.745,0.715) 0.12s 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:323.0030212402344px;stroke-dasharray:323.0030212402344px}100%{stroke-dashoffset:0;stroke-dasharray:323.0030212402344px}}@keyframes animate-svg-stroke-3{0%{stroke-dashoffset:323.0030212402344px;stroke-dasharray:323.0030212402344px}100%{stroke-dashoffset:0;stroke-dasharray:323.0030212402344px}}@-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-title-3{-webkit-animation:animate-svg-stroke-3 1s cubic-bezier(0.47,0,0.745,0.715) 0.24s both,animate-svg-fill-3 0.7s cubic-bezier(0.47,0,0.745,0.715) 1s both;animation:animate-svg-stroke-3 1s cubic-bezier(0.47,0,0.745,0.715) 0.24s 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:469.03759765625px;stroke-dasharray:469.03759765625px}100%{stroke-dashoffset:0;stroke-dasharray:469.03759765625px}}@keyframes animate-svg-stroke-4{0%{stroke-dashoffset:469.03759765625px;stroke-dasharray:469.03759765625px}100%{stroke-dashoffset:0;stroke-dasharray:469.03759765625px}}@-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-title-4{-webkit-animation:animate-svg-stroke-4 1s cubic-bezier(0.47,0,0.745,0.715) 0.36s both,animate-svg-fill-4 0.7s cubic-bezier(0.47,0,0.745,0.715) 1.1s both;animation:animate-svg-stroke-4 1s cubic-bezier(0.47,0,0.745,0.715) 0.36s 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:769.4052734375px;stroke-dasharray:769.4052734375px}100%{stroke-dashoffset:0;stroke-dasharray:769.4052734375px}}@keyframes animate-svg-stroke-5{0%{stroke-dashoffset:769.4052734375px;stroke-dasharray:769.4052734375px}100%{stroke-dashoffset:0;stroke-dasharray:769.4052734375px}}@-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-title-5{-webkit-animation:animate-svg-stroke-5 1s cubic-bezier(0.47,0,0.745,0.715) 0.48s both,animate-svg-fill-5 0.7s cubic-bezier(0.47,0,0.745,0.715) 1.2000000000000002s both;animation:animate-svg-stroke-5 1s cubic-bezier(0.47,0,0.745,0.715) 0.48s 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:469.03765869140625px;stroke-dasharray:469.03765869140625px}100%{stroke-dashoffset:0;stroke-dasharray:469.03765869140625px}}@keyframes animate-svg-stroke-6{0%{stroke-dashoffset:469.03765869140625px;stroke-dasharray:469.03765869140625px}100%{stroke-dashoffset:0;stroke-dasharray:469.03765869140625px}}@-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-title-6{-webkit-animation:animate-svg-stroke-6 1s cubic-bezier(0.47,0,0.745,0.715) 0.6s both,animate-svg-fill-6 0.7s cubic-bezier(0.47,0,0.745,0.715) 1.3s both;animation:animate-svg-stroke-6 1s cubic-bezier(0.47,0,0.745,0.715) 0.6s 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:906.2943725585938px;stroke-dasharray:906.2943725585938px}100%{stroke-dashoffset:0;stroke-dasharray:906.2943725585938px}}@keyframes animate-svg-stroke-7{0%{stroke-dashoffset:906.2943725585938px;stroke-dasharray:906.2943725585938px}100%{stroke-dashoffset:0;stroke-dasharray:906.2943725585938px}}@-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-title-7{-webkit-animation:animate-svg-stroke-7 1s cubic-bezier(0.47,0,0.745,0.715) 0.72s both,animate-svg-fill-7 0.7s cubic-bezier(0.47,0,0.745,0.715) 1.4000000000000001s both;animation:animate-svg-stroke-7 1s cubic-bezier(0.47,0,0.745,0.715) 0.72s 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:384.9627380371094px;stroke-dasharray:384.9627380371094px}100%{stroke-dashoffset:0;stroke-dasharray:384.9627380371094px}}@keyframes animate-svg-stroke-8{0%{stroke-dashoffset:384.9627380371094px;stroke-dasharray:384.9627380371094px}100%{stroke-dashoffset:0;stroke-dasharray:384.9627380371094px}}@-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-title-8{-webkit-animation:animate-svg-stroke-8 1s cubic-bezier(0.47,0,0.745,0.715) 0.84s both,animate-svg-fill-8 0.7s cubic-bezier(0.47,0,0.745,0.715) 1.5s both;animation:animate-svg-stroke-8 1s cubic-bezier(0.47,0,0.745,0.715) 0.84s 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:676.7796630859375px;stroke-dasharray:676.7796630859375px}100%{stroke-dashoffset:0;stroke-dasharray:676.7796630859375px}}@keyframes animate-svg-stroke-9{0%{stroke-dashoffset:676.7796630859375px;stroke-dasharray:676.7796630859375px}100%{stroke-dashoffset:0;stroke-dasharray:676.7796630859375px}}@-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-title-9{-webkit-animation:animate-svg-stroke-9 1s cubic-bezier(0.47,0,0.745,0.715) 0.96s both,animate-svg-fill-9 0.7s cubic-bezier(0.47,0,0.745,0.715) 1.6s both;animation:animate-svg-stroke-9 1s cubic-bezier(0.47,0,0.745,0.715) 0.96s 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:519.5690307617188px;stroke-dasharray:519.5690307617188px}100%{stroke-dashoffset:0;stroke-dasharray:519.5690307617188px}}@keyframes animate-svg-stroke-10{0%{stroke-dashoffset:519.5690307617188px;stroke-dasharray:519.5690307617188px}100%{stroke-dashoffset:0;stroke-dasharray:519.5690307617188px}}@-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-title-10{-webkit-animation:animate-svg-stroke-10 1s cubic-bezier(0.47,0,0.745,0.715) 1.08s both,animate-svg-fill-10 0.7s cubic-bezier(0.47,0,0.745,0.715) 1.7000000000000002s both;animation:animate-svg-stroke-10 1s cubic-bezier(0.47,0,0.745,0.715) 1.08s 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:384.9627380371094px;stroke-dasharray:384.9627380371094px}100%{stroke-dashoffset:0;stroke-dasharray:384.9627380371094px}}@keyframes animate-svg-stroke-11{0%{stroke-dashoffset:384.9627380371094px;stroke-dasharray:384.9627380371094px}100%{stroke-dashoffset:0;stroke-dasharray:384.9627380371094px}}@-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-title-11{-webkit-animation:animate-svg-stroke-11 1s cubic-bezier(0.47,0,0.745,0.715) 1.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 1s cubic-bezier(0.47,0,0.745,0.715) 1.2s both,animate-svg-fill-11 0.7s cubic-bezier(0.47,0,0.745,0.715) 1.8s both}

section#main-back .main-greeting {
	position:relative;
	width:100%;
	min-height:200vh;
}

section#main-back .main-greeting p {
	position:absolute;
	top:50%;
	left:50%;
	transform: translateY(-50%) translateX(-50%);
	width:80%;
	max-width:900px;
	text-align:center;
	font-size:2.8vw;
	font-weight:800;
}

section#main-back .main-greeting p span {
	display:inline-block;
}




section#achievements {
	position:relative;
	width:100%;
	padding:50px 0 30px;
	background:#fff;
}

section#achievements .achievements-scroll {
	transform: translateY(50px);
	opacity:0;
	transition:1.0s ease-in;
}

section#achievements .achievements-scroll-show {
	transform: translateY(0px);
	opacity:1;
	transition:1.0s ease-in;
}




section#achievements ul {
	display:flex;
}

section#achievements li {
	position:relative;
	padding:20px 15px 50px 15px;
	width:300px !important;
	margin-right:0 !important;
	border-top:1px solid #000;
	border-right:1px solid #000;
	border-bottom:1px solid #000;
}

section#achievements li .w-img {
	padding:10px;
}

section#achievements li .w-img img {
	width:100%;
	border-radius:20px;
}

section#achievements li .w-title {
	padding:10px 10px 5px;
	white-space:normal;
	font-size:17px;
	font-weight:600;
	text-align:center;
}

section#achievements li .w-dtl {
	padding:5px 10px 10px;
	white-space:normal;
}

section#achievements li .w-btn {
	position:absolute;
	bottom:10px;
	right:10px;
}

section#achievements li .w-btn a {
	display:inline-block;
	padding:7px 15px;
	background:#303030;
	border:1px solid #000;
	border-radius:22px;
	color:#fff;
	transition:.4s;
}

section#achievements li .w-btn a:hover {
	background:#fff;
	color:#000;
	text-decoration:none;
	transition:.4s;
}




section#news {
	position:relative;
	width:100%;
	padding:50px 0px;
	background:#fff;
}

section#news .news-scroll {
	transform: translateY(50px);
	opacity:0;
	transition:1.0s ease-in;
}

section#news .news-scroll-show {
	transform: translateY(0px);
	opacity:1;
	transition:1.0s ease-in;
}

section#news .news-line {
	position:relative;
	padding:0px 0px 30px;
} 

section#news .news-line::after {
	content: '';
	width: 100%;
	height: 1px;
	background:#000;
	position: absolute;
	bottom: 0;
	left: 0;
	transform: scale(0,1); /* 線のx軸の長さを0 */
	transition: 3s; /* 要素の変形する時間*/
	transform-origin: left top; /* 要素の座標の原点を設定*/
}

/* 追記 */
section#news .news-line.active::after {
	transform: scale(1,1); /* 線のx軸の長さを1 */
}

section#news .news-area {
	position:relative;
}



section#news .news-area table {
	width:100%;
	max-width:880px;
	margin:0px auto;
}

section#news .news-area th {
	width:200px;
	text-align:left;
	padding:40px 10px;
	border-bottom:1px solid #000;
}

section#news .news-area td {
	width:calc(100% - 200px);
	padding:40px 10px;
	border-bottom:1px solid #000;
}

section#news .news-area td a {
	text-decoration:underline;
	color:#000;
}




section#company {
	position:relative;
	width:100%;
	padding:50px 0px;
	background:#4c5459;
	color:#fff;
}

section#company .company-scroll {
	transform: translateY(50px);
	opacity:0;
	transition:1.0s ease-in;
}

section#company .company-scroll-show {
	transform: translateY(0px);
	opacity:1;
	transition:1.0s ease-in;
}

section#company .company-line {
	position:relative;
	padding:0px 0px 30px;
} 

section#company .company-line::after {
	content: '';
	width: 100%;
	height: 1px;
	background:#fff;
	position: absolute;
	bottom: 0;
	left: 0;
	transform: scale(0,1); /* 線のx軸の長さを0 */
	transition: 3s; /* 要素の変形する時間*/
	transform-origin: left top; /* 要素の座標の原点を設定*/
}

/* 追記 */
section#company .company-line.active::after {
	transform: scale(1,1); /* 線のx軸の長さを1 */
}

section#company .company-area {
	position:relative;
	width:100%;
	max-width:880px;
	margin:0px auto;
}


section#company .company-area .c-name {
	width:200px;
	text-align:left;
	font-weight:600;
	padding:40px 10px;
}

section#company .company-area .c-dtl {
	width:calc(100% - 200px);
	padding:40px 10px;
}

section#company .company-area .c-dtl a {
	color:#fff;
}


section#company .company-area .c1,
section#company .company-area .c2,
section#company .company-area .c3,
section#company .company-area .c4,
section#company .company-area .c5,
section#company .company-area .c6,
section#company .company-area .c7 {
	position:relative;
}



section#company .company-area .c1::after,
section#company .company-area .c2::after,
section#company .company-area .c3::after,
section#company .company-area .c4::after,
section#company .company-area .c5::after,
section#company .company-area .c6::after,
section#company .company-area .c7::after
 {
	content: '';
	width: 100%;
	height: 1px;
	background:#fff;
	position: absolute;
	bottom: 0;
	left: 0;
	transform: scale(0,1); /* 線のx軸の長さを0 */
	transition: 3s; /* 要素の変形する時間*/
	transform-origin: left top; /* 要素の座標の原点を設定*/
}

/* 追記 */
section#company .company-area .c1.active::after,
section#company .company-area .c2.active::after,
section#company .company-area .c3.active::after,
section#company .company-area .c4.active::after,
section#company .company-area .c5.active::after,
section#company .company-area .c6.active::after,
section#company .company-area .c7.active::after {
	transform: scale(1,1); /* 線のx軸の長さを1 */
}

section#company .company-map {
	width:100%;
	max-width:880px;
	margin:0px auto;
	padding:50px 0px 0px;
}

section#company .company-map iframe {
	width:100%;
	height:500px;
}

@media screen and (max-width:900px) {

	section#news .news-area table {
		width:80%;
	}

	section#news .news-area th {
		width:150px;
	}
	
	section#news .news-area td {
		width:calc(100% - 150px);
	}
	


	section#company .company-area {
		width:80%;
	}

	section#company .company-area .c-name {
		width:150px;
	}
	
	section#company .company-area .c-dtl {
		width:calc(100% - 150px);
	}


	section#company .company-map {
		padding:50px 10% 0px;
	}

	section#company .company-map iframe {
		height:400px;
	}
}

@media screen and (max-width:768px) {
	
	section#main-back .main-greeting {
		min-height:100vh;
	}

	section#main-back .main-greeting p {
		width:90%;
		font-size:22px;
	}
	



	





	
	
	



}


@media screen and (max-width:480px){




	section#news .news-area th {
		display:block;
		width:100%;
		border-bottom:none;
		padding:40px 10px 10px;
	}
	
	section#news .news-area td {
		display:block;
		width:100%;
		padding:10px 10px 40px;
	}


	section#company .company-area .c-name {
		display:block;
		width:100%;
		padding:40px 10px 10px;
	}
	
	section#company .company-area .c-dtl {
		display:block;
		width:100%;
		padding:10px 10px 40px;
	}

	

}