html {scroll-behavior: smooth;}#firstview {position: relative;width: 100%;height: 100vh;overflow: hidden;}.top {position: relative;width: 100%;height: 100%;}.top-background {position: absolute;width: 60%;height: 100%;display: flex;align-items: center;justify-content: flex-end;right: 0;}.top-background img {width: 100%;height: 100%;object-fit: cover;}.catch {position: absolute;top: 30%;left: 10%;z-index: 2;max-width: 1200px;}.catch h1 {font-size: 2.3vw;color: #333;line-height: 1.4;margin-bottom: 2rem;font-weight: bold;}.animated-text {display: inline-block;position: relative;min-width: 300px;min-height: 40px;height: 40px;perspective: 1000px;margin-top: 0.5rem;}.word {position: absolute;left: 0;width: 100%;height: 40px;opacity: 0;transform-origin: 50% 100%;transform: rotateX(180deg);backface-visibility: hidden;animation: flipAnimation 9s ease-in-out infinite;white-space: nowrap;font-size: 2.5rem;color: #333;font-weight: bold;line-height: 1.4;}.word:nth-child(1) {animation-delay: 0s;}.word:nth-child(2) {animation-delay: 3s;}.word:nth-child(3) {animation-delay: 6s;}@keyframes flipAnimation {0% {transform: rotateX(-90deg);opacity: 0;}15% {transform: rotateX(0deg);opacity: 1;}25%, 35% {transform: rotateX(0deg);opacity: 1;}40%, 100% {transform: rotateX(90deg);opacity: 0;}}.sub-catch {position: absolute;top: 60%;left: 10%;z-index: 2;max-width: 600px;}.sub-catch h3 {font-size: 1.2rem;color: #666;line-height: 1.8;font-weight: normal;}.top-feature {position: absolute;bottom: 10%;left: 10%;z-index: 2;}.top-feature ul {list-style: none;}.top-feature li {font-size: 1.1rem;margin: 1rem 0;padding-left: 1.5rem;position: relative;color: #333;}.top-feature li:before {content: "•";position: absolute;left: 0;color: #007bff;}#feature {padding: 6rem 0;}#feature .feature-title {text-align: center;margin-bottom: 4rem;}#feature .feature-title h2 {font-size: 1.8rem;margin-bottom: 1.5rem;color: #666;}#feature .feature-title h4 {font-size: 1rem;color: #666;line-height: 1.8;}#feature .container {max-width: 1200px;margin: 0 auto;padding: 0 2rem;}.feature-wrap {display: flex;justify-content: space-between;align-items: flex-start;gap: 2rem;}.feature-item {flex: 1;text-align: center;}.feature-item img {width: 80px;height: 80px;}.feature-click {display: flex;align-items: center;justify-content: center;}.feature-link {display: flex;align-items: center;text-decoration: none;color: inherit;gap: 10px;}.feature-click button {width: 40px;height: 40px;background-color: #151A8C;color: white;border: none;border-radius: 50%;cursor: pointer;position: relative;transition: all 0.3s ease;}.feature-click button:hover {background-color: #5FB4D9;border-radius: 20px;width: 50px;}.feature-click button::before {content: '';position: absolute;top: 50%;left: 50%;width: 0;height: 2px;background-color: white;transform: translate(-50%, -50%);transition: all 0.3s ease;}.feature-click button::after {content: '';position: absolute;top: 50%;left: 50%;width: 8px;height: 8px;border-top: 2px solid white;border-right: 2px solid white;transform: translate(-50%, -50%) rotate(45deg);opacity: 0;transition: all 0.3s ease;}.feature-catch h5 {font-size: 1.2rem;margin-bottom: 1rem;color: #464646;}.feature-click p {font-size: 1rem;color: #666;line-height: 1.8;}#offer {padding: 80px 0;background: #f8f9fa;}#offer .section-title{width: 100%;max-width: 1080px;font-size: 1.5rem;color: #464646;margin: 0;margin-left: auto;margin-right: auto;font-weight: bold;text-align: left;margin-bottom: 3%;}#offer h2{font-size: 1.8rem;}#offer h4{font-size: 1.3rem;margin-bottom: 5%;color: #464646;}#offer p{font-size: 1rem;color: #666;}#offer .container {max-width: 1200px;width: 100%;margin: 0 auto;padding: 0 20px;display: flex;gap: 60px;}#offer .left {flex: 1;position: relative;}.image-layout {display: grid;grid-template-columns: repeat(2, 1fr);grid-template-rows: 1fr 1fr;gap: 15px;max-width: 1200px;margin: 0 auto;padding: 20px;}.image-layout img {width: 100%;height: 250px;object-fit: cover;border-radius: 8px;}.image-1 {grid-row: 1;grid-column: 1;}.image-2 {grid-row: 1;grid-column: 2;}.image-3 {grid-row: 2;grid-column: 1 / span 2;}#offer .right {flex: 1;}.section-title {font-size: 32px;margin-bottom: 20px;font-weight: bold;}.description {margin-bottom: 40px;line-height: 1.8;}.image-grid {display: grid;grid-template-columns: repeat(4, 1fr);gap: 20px;}.image-grid img {width: auto;height: 80px;border-radius: 8px;}.small-image1, .small-image2, .small-image3, .small-image4, .small-image5, .small-image6, .small-image7, .small-image8 {background-color: #f0f0f0;border-radius: 8px;height: 10px;}.right button {text-align: center;font-size: 1.5rem;margin-top: 8rem;background-color: #151A8C;opacity: 0.8;padding: 1rem 2rem;border-radius: 50px;width: 80%;max-width: 1080px;align-self: center;justify-self: center;color: #fff;display: block;margin-left: auto;margin-right: auto;font-size: 1rem;}#rights-clear {padding: 50px 0;max-width: 1080px;width: 100%;justify-content: center;align-items: center;margin: 0 auto;}.rights-clear-title {width: 100%;max-width: 1080px;margin: 0;margin-left: auto;margin-right: auto;font-weight: bold;text-align: left;}#rights-clear h2{font-size: 1.8rem;color: #464646;}#rights-clear p{font-size: 1rem;color: #666;}.rights-container {display: flex;justify-content: space-between;align-items: center;max-width: 1200px;padding: 40px 20px;}.rights-container .left {flex: 0 0 45%;}.rights-container .left img {width: 100%;height: auto;}.rights-container .right {flex: 0 0 50%;}.rights-clear-bottoms {width: 100%;padding: 6px 0;}.rights-image img {width: 100%;max-width: 1200px;margin: 0 auto;display: block;}.rights-clear-bottom-container {max-width: 1200px;margin: 10px auto 0;}.rights-clear-bottom-left {display: flex;justify-content: space-between;gap: 5%;}.rights-clear-bottom-left-text, .rights-clear-bottom-right-text {flex: 1;background-color: #fffffe;padding: 2%;border-radius: 8px;box-shadow: 0 2px 10px rgba(0,0,0,0.1);border-color: #333;}.rights-clear-bottom-left-text h3, .rights-clear-bottom-right-text h3 {color: #464646;margin-bottom: 10px;}.rights-clear-bottom-left-text h4, .rights-clear-bottom-right-text h4 {color: #464646;margin-bottom: 15px;}.rights-clear-bottom-left-text p, .rights-clear-bottom-right-text p {color: #666;line-height: 1.6;}#rights-clear .click button {text-align: center;font-size: 1.5rem;margin-top: 2rem;background-color: #151A8C;opacity: 0.8;padding: 1rem 2rem;border-radius: 50px;width: 100%;max-width: 1080px;align-self: center;justify-self: center;color: #fff;display: block;margin-left: auto;margin-right: auto;font-size: 1rem;}#rights-clear .click button:hover {color: #151A8C;font-weight: bold;}#Website {padding: 6rem 0;background: #f8f9fa;}.Website-head{width: 100%;max-width: 1080px;margin: 0;margin-left: auto;margin-right: auto;font-weight: bold;text-align: left;margin-bottom: 5%;}#Website h2{font-size: 1.8rem;color: #464646;}#Website .container {max-width: 1200px;margin: 0 auto;padding: 0 2rem;display: flex;gap: 4rem;}.left-content {flex: 1;display: flex;flex-direction: column;gap: 2rem;}.left-image img {width: 100%;height: auto;display: block;}.click {text-align: center;}.click button {text-align: center;font-size: 2rem;margin-top: 4rem;background-color: #151A8C;opacity: 0.8;padding: 1rem 2rem;border-radius: 50px;width: 80%;max-width: 1080px;align-self: center;justify-self: center;color: #fff;display: block;margin-left: auto;margin-right: auto;font-size: 1rem;}.right-links {flex: 1;display: flex;flex-direction: column;gap: 2rem;}.Website-title {text-align: left;}.Website-title p {font-size: 1rem;color: #666;line-height: 1.8;}.site-links-container {display: grid;grid-template-columns: repeat(3, 1fr);grid-template-rows: repeat(2, 1fr);gap: 1rem;}.category-link {text-decoration: none;color: #333;display: flex;flex-direction: column;align-items: center;position: relative;}.site-links-container a {display: block;}.category-link img {width: 100%;height: 200px;object-fit: cover;border-radius: 8px;}.category-text {margin-top: 3%;text-align: left;font-size: 16px;color: #333;display: block;width: 100%;}.site-links-container img:hover {filter: grayscale(0%);opacity: 1;transform: scale(0.95);transition: transform 0.3s ease;}#shooting {padding: 6rem 0;}.shooting-container {max-width: 1200px;margin: 0 auto;padding: 0 2rem;}.shooting-title {text-align: left;margin-bottom: 4rem;}.shooting-title h2 {font-size: 2rem;line-height: 1.5;color: #464646;}.shooting-content {display: flex;gap: 4rem;align-items: flex-start;}.shooting-image {flex: 1;max-width: 45%;}.shooting-image img {width: 100%;height: auto;border-radius: 8px;display: block;}.shooting-text-box {flex: 1;display: flex;flex-direction: column;gap: 1rem;}.shooting-text1, .shooting-text2, .shooting-text3 {background-color: #f8f9fa;padding: 0.3rem 1rem;border-radius: 8px;}.shooting-text1 h3, .shooting-text2 h3, .shooting-text3 h3 {font-size: 1.2rem;margin-bottom: 0.5rem;color: #444;}.shooting-text1 p, .shooting-text2 p, .shooting-text3 p {font-size: 1rem;line-height: 1.8;color: #666;}.shooting-click h4 {text-align: center;font-size: 1.5rem;color: #666;margin-bottom: 1rem;margin-top: 5rem;}.shooting-click button {text-align: center;font-size: 1.5rem;margin-top: 5rem;background-color: #151A8C;opacity: 0.8;padding: 1rem 2rem;border-radius: 50px;width: 40%;max-width: 1080px;align-self: center;justify-self: center;color: #fff;display: block;margin-left: auto;margin-right: auto;font-size: 1rem;}#partners {padding: 6rem 0;background-color: #f8f9fa;}.partners-title {text-align: center;}.partners-title h3 {font-size: 1.8rem;color: #464646;font-weight: bold;margin-bottom: 4rem;}.logos {max-width: 1200px;margin: 0 auto;padding: 0 2rem;justify-content: center;}.logos-container {max-width: 800px;display: flex;flex-direction: column;gap: 2rem;margin-bottom: 3rem;justify-content: center;margin: 0 auto;}.images-up {display: grid;grid-template-columns: repeat(3, 1fr);gap: 3rem;justify-items: center;}.images-bottom {display: grid;grid-template-columns: repeat(5, 1fr);gap: 3rem;}.images-up img {max-width: 100%;height: auto;display: block;margin: 0 auto;object-fit: cover;display: flex;justify-content: center;align-items: center;gap: 3rem;}.images-bottom img {max-width: 100%;height: auto;display: block;margin: 0 auto;object-fit: cover;}.partners-text {text-align: center;margin-top: 3rem;padding: 0 2rem;}.partners-text p {font-size: 0.9rem;color: #666;line-height: 2;word-spacing: 0.5em;}#contact{width: 100%;height: 100%;padding: 1rem 0;background-color: #f5f5f5;}.contact-title {text-align: center;margin-bottom: 40px;margin: 5% 0;}.contact-title h3 {font-size: 2rem;margin-bottom: 16px;color: #464646;}.contact-wrapper {max-width: 800px;margin: 0 auto;display: flex;justify-content: space-between;align-items: center;padding: 0 20px;}.contact-left {text-align: center;}.contact-left h4 {font-size: 3rem;color: #4b4b4b;margin-bottom: 8px;}.contact-left p {font-size: 14px;color: #666;}.contact-right {display: flex;flex-direction: column;gap: 1em;}.contact-right button {position: relative;width: 280px;padding: 12px 40px 12px 24px;background-color: #fff;border: 2px solid #0e68bb;border-radius: 40px;font-size: 16px;cursor: pointer;transition: all 0.3s ease;text-align: left;}.contact-right button::after {content: '→';position: absolute;right: 5rem;top: 50%;transform: translateY(-50%);transition: right 0.3s ease;}.contact-right button:hover {background-color: #0e68bb;color: #fff;border: 2px solid #fff;font-weight: bold;}.contact-right button:hover::after {right: 12px;}@keyframes fadeInUp {from {opacity: 0;transform: translateY(20px);}to {opacity: 1;transform: translateY(0);}}@keyframes fadeIn {from {opacity: 0;}to {opacity: 1;}}.animate-on-scroll {opacity: 0;transform: translateY(20px);}.animate-on-scroll.visible {animation: fadeInUp 0.8s ease forwards;}#firstview .catch h1 {animation: fadeInUp 1s ease 0.3s forwards;opacity: 0;}#firstview .sub-catch h3 {animation: fadeInUp 1s ease 0.6s forwards;opacity: 0;}#firstview .top-feature {animation: fadeInUp 1s ease 0.9s forwards;opacity: 0;}.feature-item {transition: transform 0.3s ease;}.site-links-container a {transition: transform 0.3s ease, box-shadow 0.3s ease;}.site-links-container a:hover {transform: translateY(-5px);}.click button {transition: background-color 0.3s ease, transform 0.3s ease;}.click button {position: relative;overflow: hidden;z-index: 1;color: #fff;transition: color 0.3s ease;}.click button::before {content: '';position: absolute;top: 0;left: -100%;width: 100%;height: 100%;background-color: #ffffff;transition: left 0.3s ease;z-index: -1;}.click button:hover {color: #0e68bb;font-weight: bold;}.click button:hover::before {left: 0;}