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

        .movie_box {
			position: relative;
			width: 100%;
			height: 600px;
			overflow: hidden;
		}

		.photo_box {
			position: absolute;
			z-index: 0;
			top:0px;
			left:0px;
	        max-width: initial;
		}
		
		.fade-in {
			opacity: 0;
			animation: fadePHOTOS 2s ease-in-out;
			animation-delay: 2.5s;
			animation-fill-mode: forwards;
		}
		
		.scroll-infinity__wrap {
			display: flex;
			overflow: hidden;
		}
		
		.scroll-infinity__list {
			display: flex;
			list-style: none;
			padding: 0
		}
		
		.scroll-infinity__list--left {
			animation: infinity-scroll-left 180s infinite linear 1s both;
		}
		
		.greenbelt {
			position: absolute;
			z-index: 1;
			width: 100%;
			height: 200px;
			top: 180px;
			background-color: #005a28;
			animation: green_ani 6s ease-in-out;
			animation-fill-mode: forwards;
		}
		
		.wiseplus_lg {
			opacity: 1;
			position: absolute;
			z-index: 2;
			bottom: -1px;
			width: 100%;
			text-align: center;
			animation: fadeWISE 1s ease-in-out;
			animation-delay: 2.5s;
			animation-fill-mode: forwards;
		}
		
		.text_Box {
			position: absolute;
			z-index: 3;
			top:230px;
			width: 100%;
			color: #FFFFFF;
			text-align: center;
		}

        .font-size-01-L {
			font-size: clamp(17pt, 4vw, 30pt);
			line-height: clamp(27pt, 3.2vw, 50pt);
		}

        .font-size-02-M {
			font-size: clamp(12pt, 3.5vw, 22pt);
			line-height: clamp(22pt, 3.2vw, 45pt);
		}

		.text_01 {
			font-family: serif;
			font-weight: bold;
			letter-spacing: 1.5pt;
		}

		.text_02 {
			font-family: serif;
			font-weight: bold;
			letter-spacing: 1.5pt;
		}

        .news_BOX {
			width: 100%;
			margin: 40px 0 70px;
		}

        .news_TITLE {
			width: 100%;
			height: 30px;
			background-color: #6F9884;
			color: #FFFFFF;
			padding: 6px;
			text-align: center;
			font-size: 12pt;
			letter-spacing: 2pt;
		}

        .news_TEXT {
			margin: 20px auto;
			width: 70%;
			font-size: 11pt;
			line-height: 20pt;
		}

		@keyframes infinity-scroll-left {
			0% {
				transform: translateX(0);
				}
			100% {
				transform: translateX(-100%);
				}
		}
		
		@keyframes fadePHOTOS {
			0% {
				opacity: 0;
				}
			100% {
				opacity: 1;
				}
		}
		
		@keyframes fadeWISE {
			0% {
				opacity: 1;
			}
			100% {
				opacity: 0.7;
			}
		}

		@keyframes green_ani {
			0% {
				transform: translateY(430px);
				opacity: 1;
			}
			6% {
				transform: translateY(220px);
				opacity: 1;
			}
			17% {
				transform: translateY(220px);
				opacity: 1;
			}
			25% {
				transform: translateY(0px);
				opacity: 1;
			}
			35% {
				transform: translateY(0px);
				opacity: 1;
			}
			100% {
				transform: translateY(0px);
				opacity: 0.5;
		}