/* English typography and responsive layouts for the existing Fozmo site. */
html{scroll-behavior:smooth}body{font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:3px solid #238dff;outline-offset:5px}
#app .header_box{background:#234b9a;min-height:640px;height:100svh}#app .fozmo-hero-art{position:absolute;inset:0;background:linear-gradient(180deg,rgba(13,31,80,.3),rgba(13,31,80,.52)),url('./banner-cb4536d9.png') center/cover no-repeat}#app .header_box .header_box_main{height:100%;min-height:640px}#app .header_box .header_box_main_top{padding:24px 5vw}#app .header_box .header_box_main_top_text{font-size:32px;font-weight:700;letter-spacing:-1px}#app .header_box .header_box_main_bottom{width:min(980px,86%)}#app .header_box .header_box_main_bottom_tit{font-size:clamp(56px,7vw,88px);letter-spacing:-3px}#app .header_box .header_box_bottom_tit{font-size:clamp(30px,4vw,52px);line-height:1.12;letter-spacing:-1px}#app .header_box .header_box_main_bottom_con{font-size:clamp(18px,2vw,23px);line-height:1.6;font-weight:400;max-width:760px;margin:24px auto 32px}
#app .main{padding:0 clamp(24px,6vw,100px);height:auto;min-height:0}#app .main .main_box{max-width:1200px;padding:80px 0}#app .main .main_name{padding-top:0;font-size:clamp(30px,3.5vw,46px);line-height:1.2;letter-spacing:-1px}#app .main .main_name_A{font-size:20px;line-height:1.5;text-transform:none;color:#5373ac;margin:16px 0 32px}#app .main .main_text{width:auto;max-width:920px;min-height:80px;font-size:20px;line-height:1.65;letter-spacing:0;margin-top:28px}#app .main .main_nav{margin-top:48px;gap:20px}#app .main .main_nav_list{flex:1;min-width:0}#app .main .main_nav_list img{width:min(100%,130px)}#app .main .main_nav_list_name{font-size:18px;line-height:1.35;padding:16px 4px 22px}#app .main .main02_nav{grid-template-columns:repeat(3,minmax(0,1fr))}#app .main .main02_nav_list{height:auto;min-height:250px}#app .main .solution_card{padding:28px}#app .main .card_header{align-items:flex-start;gap:14px}#app .main .card_header .number{font-size:30px;margin-right:0}#app .main .card_header .title{font-size:23px;line-height:1.3}#app .main .card_content .description{opacity:1;transform:none}#app .main .main03_nav{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}#app .main .main03_nav_list{width:auto;height:auto;min-height:68px;font-size:17px;text-align:center;padding:14px 10px}#app .main .main03_nav_content{margin-top:40px}#app .main .main03_nav_content_text{font-size:20px}#app .main .feature_grid{gap:20px;margin-top:32px}#app .main .feature_item{padding:28px 60px 28px 28px}#app .main .feature_text{font-size:18px}
.fozmo-cta{display:inline-flex;align-items:center;justify-content:center;background:#fff;color:#244fac;border-radius:8px;padding:15px 26px;font-size:17px;font-weight:600;text-decoration:none}.fozmo-cta:hover{background:#e7eeff;color:#183f91}.fozmo-contact{position:fixed;right:20px;bottom:20px;z-index:1000;display:flex;gap:8px;align-items:center}.fozmo-contact a,.fozmo-contact button{font:600 14px Arial,sans-serif;background:#fff;color:#244fac;padding:12px 16px;border:1px solid #dae2f4;border-radius:8px;box-shadow:0 4px 16px #14397b20;cursor:pointer}.fozmo-footer{background:linear-gradient(132deg,#2b5cca,#4b6ee6);color:#fff}.fozmo-footer-inner{max-width:1400px;margin:auto;padding:72px clamp(24px,6vw,100px);display:flex;align-items:center;justify-content:space-between;gap:40px}.fozmo-footer h2{font-size:clamp(28px,3vw,38px);line-height:1.25;font-weight:600;max-width:650px}.fozmo-footer p{font-size:18px;line-height:1.6;margin:20px 0}.fozmo-email{color:white;font-size:20px;text-decoration:underline;text-underline-offset:5px}.fozmo-email:hover{color:#e7eeff}.fozmo-footer .fozmo-cta{flex-shrink:0}.fozmo-copyright{background:#fff;color:#666;padding:24px 24px 90px;text-align:center;font-size:14px}
@media(max-width:900px){#app .main .main02_nav{grid-template-columns:repeat(2,minmax(0,1fr))}#app .main .main03_nav{grid-template-columns:repeat(3,minmax(0,1fr))}#app .main .main_nav{flex-wrap:wrap;justify-content:center}#app .main .main_nav_list{flex:0 1 calc(33% - 20px)}.fozmo-footer-inner{align-items:flex-start;flex-direction:column}}
@media(max-width:560px){#app .header_box,#app .header_box .header_box_main{min-height:600px}#app .header_box .header_box_main_top{padding:24px}#app .main .main_box{padding:56px 0}#app .main .main_text{font-size:17px;min-height:0}#app .main .main_nav{gap:16px}#app .main .main_nav_list{flex:0 1 calc(50% - 16px)}#app .main .main_nav_list_name{font-size:16px}#app .main .main02_nav{grid-template-columns:1fr}#app .main .main02_nav_list{min-height:0}#app .main .main03_nav{grid-template-columns:repeat(2,minmax(0,1fr))}#app .main .main03_nav_content_name{font-size:27px}#app .main .main03_nav_content_text{font-size:17px}#app .main .feature_grid{grid-template-columns:1fr}.fozmo-contact{right:12px;bottom:12px}.fozmo-footer p{font-size:17px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
.fozmo-ecosystem{background:#edf2ff;padding:80px clamp(24px,6vw,100px)}.fozmo-ecosystem-inner{max-width:1200px;margin:auto}.fozmo-ecosystem h2{font-size:clamp(30px,3.5vw,46px);font-weight:600;letter-spacing:-1px;line-height:1.2;color:#333}.fozmo-ecosystem-intro{font-size:20px;line-height:1.6;max-width:780px;margin:24px 0 40px;color:#5a6b8c}.fozmo-ecosystem-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px}.fozmo-ecosystem-grid article{padding:28px 0;border-top:1px solid #b8c9ee}.ecosystem-icon{color:#2b5cca;font-size:36px;line-height:1}.fozmo-ecosystem h3{font-size:23px;line-height:1.3;margin:22px 0 14px;color:#293e66}.fozmo-ecosystem-grid p{font-size:17px;line-height:1.6;color:#5a6b8c}.fozmo-ecosystem a{display:inline-block;color:#244fac;font-size:18px;font-weight:600;margin-top:26px;text-decoration:underline;text-underline-offset:5px}@media(max-width:900px){.fozmo-ecosystem-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.fozmo-ecosystem{padding:56px 24px}.fozmo-ecosystem-grid{grid-template-columns:1fr;gap:8px}.fozmo-ecosystem-intro{font-size:17px}}
#app .scroll-container{min-width:0;width:100%}#app h1.header_box_main_bottom_tit{margin-top:0;line-height:1.1}