* {margin: 0;padding: 0;box-sizing: border-box;font-family: 'Noto Sans JP', sans-serif;}body {line-height: 1.6;color: #333;overflow-x: hidden;}.hero {position: relative;align-items: center;justify-content: center;height: 100vh;width: 100%;overflow: hidden;}.top-background {position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: -1;}#OrbitalVisualizer {width: 100%;height: 100%;display: block;}.hero_content {position: relative;z-index: 1;height: 100%;display: flex;align-items: center;justify-content: center;text-align: center;flex-direction: column;color: white;}.hero_title {font-size: 4vw;font-weight: 700;color: #6d6c6c;text-align: center;letter-spacing: 0.2em;line-height: 1.2;z-index: 2;position: relative;}.hero_title mini {font-size: 2vw;vertical-align: middle;opacity: 0.8;}.navigation {position: fixed;left: 50%;top: 95%;transform: translate(-50%, -50%);display: flex;flex-direction: column;align-items: center;font-family: Arial, sans-serif;opacity: 0.8;transition: opacity 0.3s ease;z-index: 2;}.navigation .text {font-size: 18px;letter-spacing: 2px;margin-bottom: 8px;animation: fadeUpDown 2s infinite;}.navigation .arrow {font-size: 24px;animation: fadeUpDown 2s infinite 0.2s;}@keyframes fadeUpDown {0% {opacity: 0;transform: translateY(-20px);}50% {opacity: 1;transform: translateY(0);}100% {opacity: 0;transform: translateY(20px);}}.company {padding: 100px 0;background-color: transparent;margin: 0 auto;height: 100vh;background-color: #e6f8ff;display: flex;flex-direction: column;justify-content: center;align-items: center;}.company_wrapper {max-width: 1200px;margin: 0 auto;display: flex;justify-content: space-between;align-items: flex-start;}.company_left {width: 80%;align-items: start;}.left_title {font-size: 3rem;font-weight: 300;background: linear-gradient(to right, #67d2f9, #2543bd);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}.left_text_op {font-size: 1.2rem;color: #666;}.company_right {display: flex;flex-direction: column;justify-content: center;gap: 50px;width: 65%;}.a_right_background {position: absolute;right: 0;top: -50px;width: 80%;height: auto;opacity: 0.9;z-index: -1;}.right_title {font-size: 1.8rem;margin-bottom: 30px;line-height: 1.4;}.right_title strong {font-size: 2.2rem;}.right_text {font-size: 1rem;line-height: 1.8;margin-bottom: 40px;}.right_button {display: flex;gap: 20px;}.company_button {background-color: #fff;border: 1px solid #363636;color: #363636;font-size: 1rem;cursor: pointer;transition: color 0.3s ease;border-radius: 12px;width: 300px;position: relative;display: inline-block;padding: 20px 30px;z-index: 1;}.company_button::before {content: "";width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: -1;background: #363636;border-radius: 8px;transform-origin: 100% 50%;transform: scaleX(0);transition: transform 0.3s ease;}.company_button:hover {color: #fff;}.company_button:hover::before {transform-origin: 0% 50%;transform: scaleX(1);}.company_button::after {content: '→';position: absolute;border: 1px solid #363636;right: 20px;top: 50%;transform: translateY(-50%);background-color: #fff;color: #4a4a4a;width: 32px;height: 32px;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 1.1rem;font-weight: bold;pointer-events: none;transition: all 0.3s ease;}.service {position: relative;padding: 100px 0;background-color: #f5f5f5;}.service_background {position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;opacity: 0.1;z-index: 0;}.service_title {position: relative;z-index: 1;text-align: left;margin: 0 auto;margin-bottom: 60px;max-width: 1200px;}.service .line{width:18%;}.service_title_text {font-size: 3rem;font-weight: 300;letter-spacing: 1px;background: linear-gradient(to right, #67d2f9, #2543bd);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}.service_text_op {font-size: 1.2rem;color: #666;}.service_wrapper {position: relative;z-index: 1;max-width: 1200px;margin: 5% auto;}.service_list {display: flex;flex-direction: column;gap: 280px;}.service_list_item, .service_list_item_reverse {position: relative;display: flex;align-items: center;height: 400px;}.service_image {position: absolute;width: 60%;height: 100%;z-index: 1;overflow: hidden;box-shadow: 0 10px 20px rgba(0,0,0,0.1);}.service_list_item:nth-of-type(1) .service_image, .service_list_item:nth-of-type(3) .service_image {border-radius: 8px 250px 8px 8px;}.service_list_item_reverse:nth-of-type(2) .service_image, .service_list_item_reverse:nth-of-type(4) .service_image {border-radius: 250px 8px 8px 8px;}img[src="img/photo_top.png"] {transform: scale(1.4);transform-origin: right center;}.service_list_item .service_image {left: 0;}.service_list_item_reverse .service_image {right: 0;}.service_list_image {width: 100%;height: 100%;object-fit: cover;transition: opacity 0.5s ease;}.service_list_image.fade-out {opacity: 0.2;}.service_list_text {position: absolute;width: 50%;padding: 40px;background-color: white;z-index: 2;border-radius: 8px;box-shadow: 0 5px 15px rgba(0,0,0,0.08);}.service_list_item .service_list_text {right: 0;}.service_list_item_reverse .service_list_text {left: 0;}.service_button {position: relative;z-index: 3;display: inline-block;margin-top: 20px;}.service_list_item .service_button, .service_list_item_reverse .service_button {bottom: auto;left: auto;right: auto;}.service_button button {padding: 12px 25px;background-color: #fff;color: #002B5B;border: none;border-radius: 4px;font-weight: 600;cursor: pointer;transition: all 0.3s ease;box-shadow: 0 4px 10px rgba(0,0,0,0.1);white-space: nowrap;text-align: center;display: inline-block;}.service_button button:hover {background-color: #002B5B;color: #fff;box-shadow: 0 6px 12px rgba(0,0,0,0.15);}.service_list_title {font-size: 1.5rem;font-weight: 700;margin-bottom: 15px;color: #002B5B;}.service_list_description {font-size: 1rem;line-height: 1.8;color: #666;}.vertical-lines-container {position: absolute;top: 0;right: 0;width: 50%;height: 100%;z-index: 0;}.vertical-lines {display: flex;justify-content: space-between;height: 100%;width: 100%;}.vertical-line {width: 100px;background: linear-gradient(to bottom, #071c33, #88b1e0,#f5f5f5);opacity: 0.9;margin: 0 3%;}.vertical-line:nth-child(1) {height: 25%;}.vertical-line:nth-child(2) {height: 45%;}.vertical-line:nth-child(3) {height: 65%;}.vertical-line:nth-child(4) {height: 85%;}.vertical-line:nth-child(5) {height: 100%;}.service_list_item .service_image, .service_list_item .service_button {transform: translateX(-100px);opacity: 0;transition: transform 0.7s ease-out, opacity 0.7s ease-out;}.service_list_item .service_list_text {transform: translateX(100px);opacity: 0;transition: transform 0.7s ease-out, opacity 0.7s ease-out;}.service_list_item_reverse .service_image, .service_list_item_reverse .service_button {transform: translateX(100px);opacity: 0;transition: transform 0.7s ease-out, opacity 0.7s ease-out;}.service_list_item_reverse .service_list_text {transform: translateX(-100px);opacity: 0;transition: transform 0.7s ease-out, opacity 0.7s ease-out;}.slide-in-visible .service_image, .slide-in-visible .service_button, .slide-in-visible .service_list_text {transform: translateX(0);opacity: 1;}.break{display: block;}.recruit {height: 100vh;width: 100%;padding: 0;box-sizing: border-box;background-color: #f5f5f5;background-image: linear-gradient(to bottom, #f5f5f5, #e6f8ff);}.recruit_wrapper {max-width: 1200px;width: 100%;height: 100%;display: flex;gap: 40px;margin: auto;padding: 0 20px;}.recruit_left {flex: 4;display: flex;flex-direction: column;justify-content: center;padding-right: 20px;}.recruit_title {font-size: 2.5rem;margin: 0 0 10px 0;color: #1a3a5f;font-weight: 300;letter-spacing: 1px;}.line {width: 40%;height: 1px;background-color: #1a3a5f;margin-bottom: 30px;}.recruit_text_op {font-size: 1.3rem;font-weight: 500;margin-bottom: 15px;color: #333;}.recruit_text {margin-bottom: 30px;}.recruit_text p {font-size: 1rem;line-height: 1.6;color: #555;margin: 0;}.recruit_photogrid {flex: 6;display: flex;gap: 16px;height: 100%;overflow: hidden;}.image-column {flex: 1;position: relative;height: 100%;overflow: hidden;}.scroll-container {position: absolute;width: 100%;animation: scrollUp 30s linear infinite;}.column-left .scroll-container {animation-duration: 35s;}.column-right .scroll-container {animation-duration: 25s;}@keyframes scrollUp {0% {transform: translateY(0);}100% {transform: translateY(-50%);}}.image-tile {width: 100%;margin-bottom: 16px;border-radius: 8px;overflow: hidden;box-shadow: 0 8px 20px rgba(0,0,0,0.08);}.image-tile img {width: 100%;height: 100%;object-fit: cover;display: block;}.image-tile img[src*="staff3.webp"] {object-position: 20% 50% }.image-tile img[src*="staff5.webp"] {object-position: 50% 30% }.image-tile img[src*="staff10.webp"] {object-position: 50% 30% }@keyframes fadeIn {from {opacity: 0;transform: translateY(20px);}to {opacity: 1;transform: translateY(0);}}.hero_title, .left_title, .right_title, .service_title_text, .recruit_title {animation: fadeIn 1s ease-out forwards;}.company_wrapper, .service_list, .recruit_wrapper {opacity: 0;animation: fadeIn 1s ease-out forwards;animation-delay: 0.3s;}.toggle_btn {transition: transform 0.15s ease-out, box-shadow 0.15s ease-out;will-change: transform;}.toggle_btn:hover {transform: scale(1.03);box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);}.toggle_panel {transition: opacity 0.2s ease-out, transform 0.2s ease-out;transform: translateY(4px);opacity: 0;pointer-events: none;will-change: opacity, transform;}.toggle_panel.open {transform: translateY(0);opacity: 1;pointer-events: auto;}.toggle_panel ul {list-style: none;padding: 20px;margin: 0;}.toggle_panel li {margin-bottom: 10px;}.toggle_panel a {text-decoration: none;color: #333;display: block;padding: 4px 0;}.toggle_panel li a {transition: transform 0.1s ease;}.toggle_panel li:hover a {transform: translateX(4px);}.toggle_panel {position: absolute;top: 100%;left: 0;margin-top: 8px;width: 480%;background: rgba(255, 255, 255, 0.9);border-radius: 8px;box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);padding: 16px;z-index: 10;opacity: 0;pointer-events: none;transition: opacity 0.3s ease;}.toggle_panel.open {opacity: 1;pointer-events: auto;}.toggle_panel ul {list-style: none;margin: 0;padding: 0;}.toggle_panel li {margin-bottom: 8px;}.toggle_panel li:last-child {margin-bottom: 0;}.recruit_button {width: 50%;padding: 12px;font-size: 0.95rem;background-color: #1a3a5f;color: #fff;text-align: center;;border-radius: 8px;text-decoration: none;}@media (max-width: 600px) {.hero_title {font-size: 2rem;line-height: 1.4;letter-spacing: 0.05em;text-shadow: #b9b9b9 0px 0px 2px;}.hero_title mini {font-size: 1rem;}.navigation {font-size: 14px;top: 90%;}#OrbitalVisualizer {display: block;width: 100%;max-width: 100vw;height: 100%;overflow: hidden;}.company_wrapper {flex-direction: column;padding: 0 20px;}.company_left, .company_right {width: 100%;}.company_right{gap:16px }.left_title {font-size: 2rem;}.right_title {font-size: 1.2rem;margin: 40px 0 0 0;}.right_title strong {font-size: 1.5rem;}.right_button{display: flex;flex-direction: column;margin:0;align-items: center;padding-bottom: 40px;}.company_button {max-width: 200px;font-size: 0.9rem;padding: 14px 16px;}.company_button::after {right: 12px;width: 24px;height: 24px;font-size: 0.9rem;}.a_right_background {display: none;}.service_background{z-index: 0;}.service_title {margin:0 16px;/ }.service_title_text {font-size: 2rem;margin-bottom: 20px;}.service_list_item, .service_list_item_reverse {width: 100%;box-sizing: border-box;}.service_list_item, .service_list_item_reverse {flex-direction: column !important;height: auto;position: relative;margin: 0;transform: none !important;opacity: 1 !important;}.service_list {gap: 24px;padding: 0 16px;overflow-x: hidden;}.service_image {position: relative;width: 100%;height: 250px;border-radius: 12px! important;overflow: hidden;}.service_list_image {width: 100%;height: 100%;object-fit: cover;filter: brightness(0.65);}.service_list_text {position: absolute;bottom: 0;left: 0;padding: 16px;color: white;z-index: 2;width: 100%;background: linear-gradient(to top, rgba(237, 237, 237, 0.6), transparent);box-shadow: none;}.toggle_panel {top: auto !important;bottom: 80% !important;transform: translateY(50px);border-radius: 12px 12px 0 0;}.toggle_panel li{font-size: 10px;}.service_list_title {font-size: 1.1rem;margin-bottom: 8px;color: #fff;}.service_list_title {text-shadow: #212e3c 0px 0px 2px;}.service_list_description {font-size: 12.5px;color: #ddd;}.service_button {margin-top: 12px;}.service_button button {background-color: rgba(255, 255, 255, 0.9);color: #002B5B;font-size: 0.9rem;}.service_list_text, .service_image, .service_button {transform: none !important;opacity: 1 !important;}.service_wrapper, .service_list {overflow-x: hidden;}}@media (max-width: 600px) {.recruit {padding: 40px 0;height: auto;min-height: unset;}.recruit_button {width: 60%;}.recruit_wrapper {height: auto;align-items: flex-start;}.recruit_title {font-size: 2rem;}.recruit_text_op {font-size: 1rem;}.recruit_text p {font-size: 0.95rem;}.recruit_button button {width: 100%;padding: 12px;font-size: 0.95rem;}.recruit_photogrid {display: none;}}