.fade-in{opacity:0;transform:translateY(20px);transition:opacity 0.6s ease-out, transform 0.6s ease-out}.scroll-in{opacity:1;transform:translateY(0)}.ly_fixedNav{position:fixed;top:-100%;left:0;width:100%;padding:16px 24px 16px 64px;background-color:#696969b3;transition:top 0.8s, visibility 0.8s;visibility:hidden;display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:wrap;z-index:100}@media screen and (max-width: 767px){.ly_fixedNav{padding:15px 16px 8px;flex-direction:column}}.bl_header_list,.bl_fixedNav_list{display:grid;column-gap:1em;grid-auto-columns:0.5fr;grid-auto-flow:column;max-inline-size:max-content;margin-right:64px}@media screen and (max-width: 767px){.bl_header_list,.bl_fixedNav_list{margin-right:0}}.bl_header_list li,.bl_fixedNav_list li{display:grid;place-items:center;white-space:nowrap}.bl_header_list a,.bl_fixedNav_list a{padding:1em;line-height:1.5;color:#fafafa;font-weight:700;transition:0.5s;white-space:nowrap}.bl_header_list a:hover,.bl_fixedNav_list a:hover{color:#2d2d2d;text-shadow:-1px 1px 5px #eef0f3, 1px -1px 5px #eef0f3}.hamburger-menu{display:none;cursor:pointer;flex-direction:column;justify-content:space-between;height:24px;width:30px;position:relative;z-index:101}.hamburger-menu span{display:block;height:3px;background-color:#fff;border-radius:2px;transition:0.3s}.hamburger-menu.active span:nth-child(1){transform:translateY(10.5px) rotate(45deg)}.hamburger-menu.active span:nth-child(2){opacity:0}.hamburger-menu.active span:nth-child(3){transform:translateY(-10.5px) rotate(-45deg)}@media screen and (max-width: 767px){.ly_fixedNav{padding:8px 16px 8px;flex-direction:column}.hamburger-menu{display:flex}.bl_fixedNav_list{position:fixed;top:56px;left:0;right:0;width:100vw;max-inline-size:100vw;margin-right:0;background-color:#696969b3;display:flex;grid-auto-flow:unset;grid-auto-columns:unset;column-gap:0;flex-direction:column;align-items:center;justify-content:center;visibility:hidden;opacity:0;transition:visibility 0.3s, opacity 0.3s ease;padding:20px 0}.bl_fixedNav_list.open{visibility:visible;opacity:1}.bl_fixedNav_list li{margin:4px 0}.ly_fixedNav{flex-direction:row;justify-content:space-between}}.about-section{display:flex;justify-content:center;align-items:flex-start;padding:64px 20px;background-color:#f5f5f5}@media screen and (max-width: 767px){.about-section{padding:16px 20px}}.about-container{display:flex;max-width:1200px;width:100%}.about-timeline{position:relative;width:50px;display:flex;flex-direction:column;align-items:center}.timeline-line{position:absolute;top:0;bottom:0;width:2px;background-color:#3498db;height:0;transition:height 1s ease}.timeline-point{width:15px;height:15px;background-color:#3498db;border-radius:50%;margin:50px 0;opacity:0;transition:opacity 1s ease}.about-content{flex-grow:1;margin-left:50px;padding:20px}.about-content h3{font-size:20px;margin-top:20px;margin-bottom:0px}.about-content p{margin-bottom:8px;line-height:1.6}*,*:before,*:after{-webkit-box-sizing:border-box;box-sizing:border-box}body{font-family:"" Arial "," "Montserrat","Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;font-size:14px;line-height:1.8;letter-spacing:.8px;color:#333;-webkit-text-size-adjust:100%;text-size-adjust:100%}a{transition:opacity .3s;text-decoration:none;color:#1ca9e3}img{max-width:100%;height:auto;vertical-align:bottom;border-style:none}ul,li{list-style:none}.pc-only{display:block}.sp-only{display:none}img{max-width:100%;height:auto;vertical-align:bottom}.section{padding:80px 0}.inner{max-width:1340px;margin:0 auto;padding:0 40px}.lead{margin-bottom:30px}.title{font-size:2em;font-weight:bold;color:#333;margin-bottom:10px;text-align:left;border-left:5px solid #333;padding-left:16px;margin-bottom:24px}.ly_cont{height:2000px;background-color:lightblue;text-align:center;padding:30px 0}.split{display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between}.split-body{width:50%;padding-right:3%;padding-left:8%}.split-img{width:50%;padding-bottom:56.25%;background-image:url(../img/hero-bg.jpg);background-repeat:no-repeat;background-position:center center;background-size:cover}.split-title{font-size:42px;font-weight:bold;line-height:1.2;margin-bottom:20px;letter-spacing:.05em}.scrolling-text-container{overflow:hidden;width:100%;height:50px;background-color:#f5f5f5;display:flex;align-items:center}.scrolling-text{margin:0 auto;white-space:nowrap;font-size:1.2em;color:#696969;animation:scrollText 15s linear infinite}@media screen and (max-width: 767px){.scrolling-text{animation:scrollText 10s linear infinite}}@keyframes scrollText{0%{transform:translateX(30%)}100%{transform:translateX(-70%)}}.wp-portfolio-banner{background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);padding:30px 0;margin:0}@media screen and (max-width: 767px){.wp-portfolio-banner{padding:20px 0}}.wp-portfolio-link{display:block;text-decoration:none;color:inherit;transition:transform 0.3s ease, opacity 0.3s ease}.wp-portfolio-link:hover{transform:translateY(-3px);opacity:0.9}.wp-portfolio-content{display:flex;align-items:center;justify-content:center;gap:20px}@media screen and (max-width: 767px){.wp-portfolio-content{gap:8px;align-items:flex-start;text-align:left;padding:0 10px}}.wp-portfolio-icon{font-size:32px;color:#fff;font-weight:bold;animation:bounce 2s infinite;flex-shrink:0}@media screen and (max-width: 767px){.wp-portfolio-icon{font-size:20px;margin-top:2px}}@keyframes bounce{0%, 20%, 50%, 80%, 100%{transform:translateX(0)}40%{transform:translateX(10px)}60%{transform:translateX(5px)}}.wp-portfolio-text{color:#fff}.wp-portfolio-main{font-size:22px;font-weight:bold;margin-bottom:8px;letter-spacing:0.05em}@media screen and (max-width: 767px){.wp-portfolio-main{font-size:16px;margin-bottom:6px}}.wp-portfolio-sub{font-size:14px;opacity:0.95;line-height:1.6}@media screen and (max-width: 767px){.wp-portfolio-sub{font-size:12px}}.works-list{display:flex;flex-wrap:wrap;margin-bottom:-40px}.works-item{width:31.74603%;margin-right:1.58730%;margin-bottom:40px;color:#333}.works-item:hover{opacity:.9}.works-item:nth-of-type(3n){margin-right:0}.works-img{position:relative;width:100%;padding-top:56.25%;overflow:hidden}.works-img img{border:1px solid #e6e6e6;position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.works-name{font-size:12px;font-weight:bold;margin-top:8px}.works-info{font-size:10px}.applications{padding:80px 0;background-color:#f8f8f8}.applications .inner{max-width:1340px;margin:0 auto;padding:0 20px;text-align:center}.applications .title{font-size:32px;font-weight:bold;margin-bottom:40px;text-transform:uppercase}.applications-list{display:flex;flex-wrap:wrap;justify-content:center;gap:30px}.app-card{width:calc(33.333% - 20px);max-width:400px;background:#fff;border-radius:10px;box-shadow:0 4px 10px rgba(0,0,0,0.1);overflow:hidden;transition:transform 0.3s ease, box-shadow 0.3s ease}.app-card:hover{transform:translateY(-5px);box-shadow:0 6px 15px rgba(0,0,0,0.15)}.app-link{display:block;text-decoration:none;color:inherit}.app-thumbnail img{width:100%;height:auto;display:block}.app-body{padding:20px;text-align:left}.app-name{font-size:20px;font-weight:bold;margin-bottom:10px}.app-description{font-size:14px;color:#666;line-height:1.6}@media (max-width: 1024px){.app-card{width:calc(50% - 20px)}}@media (max-width: 768px){.applications-list{flex-direction:column;align-items:center}.app-card{width:90%}}.skill-list{padding:16px  32px;background-color:#f9f9f9;display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:wrap}@media screen and (max-width: 767px){.skill-list{flex-direction:column;padding:8px 16px}}.skill-card{width:29%;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,0.1);padding:20px;margin:20px;max-width:400px;display:flex;flex-direction:column}@media screen and (max-width: 767px){.skill-card{width:100%;margin:12px 0}}.skill-header{display:flex;align-items:center;margin-bottom:15px;min-height:56.5px}.skill-icon{width:40px;margin-right:10px}.skill-name{font-size:1.5em;margin:0;color:#333}.skill-body{display:flex;flex-direction:column}.skill-level{display:flex;align-items:center;margin-bottom:10px}.level-bar{background-color:#e0e0e0;border-radius:10px;width:100%;height:10px;position:relative;margin-right:10px}.level-fill{background-color:#3498db;height:100%;border-radius:10px}.level-text{font-size:0.9em;color:#666}.skill-comment{font-size:0.9em;color:#666;line-height:1.5;min-height:57px}.social-txt{font-weight:700}.social-icon{width:32px;height:32px;margin-right:10px;transition:all .5s}.social-icon:hover{opacity:.7}.contact{text-align:center}.contact-item:not(:last-child){margin-right:10px}.contact-text{margin-top:10px}.contact .lead{font-size:16px;margin-bottom:20px}@media screen and (max-width: 767px){.contact .lead{font-size:1em;margin-bottom:15px;line-height:1.5}}.contact-list{margin-top:10px}.contact-item{font-size:18px}@media screen and (max-width: 767px){.contact-item{font-size:1.1em;padding:8px 12px}}.page-top{font-weight:bold;padding:10px;cursor:pointer;text-align:center;background-color:#f3f3f3}.page-top .material-icons-outlined{vertical-align:bottom}.footer{padding:30px;background-color:#333}.copyright{font-size:10px;text-align:center;color:#797979}.article{padding:120px 0 80px}.article-inner{max-width:960px;margin:0 auto;padding:0 20px}.article-title{margin-bottom:32px;text-align:center}.article-img{margin-bottom:20px}.article-body{margin:0 auto;margin-bottom:80px}.article-info-title{margin:32px 0 0 0;font-size:15px}@media screen and (max-width: 767px){.article-info-title{margin:16px 0}}.article-info-title .popup{vertical-align:middle}.article-info-charge{margin:24px 0 0 0}@media screen and (max-width: 767px){.article-info-charge{margin:16px 0}}.article-body p{margin:24px 0}@media screen and (max-width: 767px){.article-body p{margin:16px 0}}.home-link{text-align:center}@media screen and (max-width: 767px){body{font-size:13px;line-height:1.7}.pc-only{display:none}.sp-only{display:block}.title{font-size:1.8em;border-left:4px solid #333;padding-left:8px}.section{padding:60px 0}.inner{padding:0 20px}.header-inner{padding:20px}.header-logo{font-size:16px}.header-logo img{padding:.5em}}@media screen and (max-width: 767px) and (max-width: 767px){.header-logo img{width:125px}}@media screen and (max-width: 767px){.header-nav-item:not(:last-child){margin-right:10px}.header-nav-item a{font-size:14px}.split{flex-direction:column-reverse}.split-body{width:100%;padding-right:3%;padding-left:8%}.split-img{width:100%;height:67vh;margin-bottom:32px}.split-title{font-size:32px}.works-name{font-size:10px}.works-list{justify-content:space-between;flex-direction:column}.works-item{flex:0 0 48%;margin-right:0;margin-bottom:30px;width:100%}.skill-list{display:block;margin-bottom:0}.skill-item{width:100%;margin-bottom:35px}.skill-item:last-child{margin-bottom:0}.footer{padding:20px}}