﻿:root{--main-bg: #050505;--card-bg: #0e0e0e;--text-white: #ffffff;--accent-orange: #f39800;--gray-text: #888888;--font-en: Montserrat, sans-serif;--font-jp: Zen Kaku Gothic New, sans-serif}section{padding:60px 0;position:relative;z-index:1}@media screen and (min-width: 769px){section{padding:100px 0}}.tar{text-align:right !important}.creative{background:#050505;position:relative}.creative::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0deg, transparent, transparent 2px, rgba(255, 255, 255, 0.02) 3px);pointer-events:none}.creative_inner{max-width:1000px;margin:0 auto;padding:80px 20px;position:relative;z-index:1}.creative_inner_item{margin-bottom:150px;position:relative;border-left:1px solid rgba(255,255,255,.1);padding-left:30px;padding-top:60px}@media screen and (min-width: 769px){.creative_inner_item{padding-left:60px;padding-top:100px}}.creative_inner_item:last-child{margin-bottom:0}.cyber-heading{display:flex;flex-wrap:wrap;align-items:baseline;margin-bottom:40px;position:relative}@media screen and (min-width: 769px){.cyber-heading{flex-wrap:nowrap}}.cyber-heading .cyber-num{font-family:"Montserrat",sans-serif;font-size:6rem;font-weight:900;color:transparent;-webkit-text-stroke:1px #f39800;line-height:1;margin-right:20px;opacity:.5}@media screen and (min-width: 769px){.cyber-heading .cyber-num{font-size:8rem}}.cyber-heading h2{display:flex;flex-direction:column}.cyber-heading h2 .ja{font-size:1.6rem;color:#f39800;font-weight:bold;margin-bottom:5px;order:1}.cyber-heading h2 .en{font-family:"Montserrat",sans-serif;font-size:3.2rem;color:#fff;font-weight:700;letter-spacing:.05em;order:0;text-transform:uppercase}@media screen and (min-width: 769px){.cyber-heading h2 .en{font-size:4.8rem}}.cyber-desc{font-size:1.6rem;line-height:2;color:#ccc;margin-bottom:50px;max-width:800px}.cyber-link-list{display:grid;grid-template-columns:1fr;gap:20px}@media screen and (min-width: 769px){.cyber-link-list{grid-template-columns:repeat(2, 1fr);gap:30px}}.cyber-link-list li{margin-bottom:0;border:none}.cyber-panel-link{display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.03);border:1px solid #333;padding:25px 30px;position:relative;text-decoration:none;transition:all .3s cubic-bezier(0.25, 0.8, 0.25, 1);overflow:hidden;clip-path:polygon(15px 0, 100% 0, 100% calc(100% - 15px), calc(100% - 15px) 100%, 0 100%, 0 15px)}.cyber-panel-link::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(-45deg, transparent, transparent 10px, rgba(243, 152, 0, 0.05) 10px, rgba(243, 152, 0, 0.05) 20px);opacity:0;transform:scale(1.2);transition:.4s}.cyber-panel-link:hover{background:#000;border-color:#f39800;transform:translateX(10px);box-shadow:0 0 20px rgba(243,152,0,.2)}.cyber-panel-link:hover::before{opacity:1;transform:scale(1)}.cyber-panel-link:hover .link-text{color:#f39800;padding-left:10px}.cyber-panel-link:hover .link-deco{background:#f39800;box-shadow:0 0 10px #f39800}.cyber-panel-link .link-text{font-size:1.6rem;font-weight:bold;color:#fff;z-index:2;transition:.3s}@media screen and (min-width: 769px){.cyber-panel-link .link-text{font-size:1.8rem}}.cyber-panel-link .link-deco{width:8px;height:8px;background:#444;transition:.3s;z-index:2}.cyber-message-box{margin-top:80px;position:relative;padding:40px;background:rgba(0,0,0,.5);border:1px solid #333;border-left:5px solid #f39800}.cyber-message-box h3{font-size:2.4rem;line-height:1.8;color:#fff;margin:0;font-weight:500;letter-spacing:.1em}@media screen and (min-width: 769px){.cyber-message-box h3{font-size:3.2rem}}.cyber-message-box .scan-line{position:absolute;bottom:0;left:0;width:100%;height:2px;background:linear-gradient(90deg, transparent, #f39800, transparent);animation:scan-move 3s infinite linear;opacity:.7}@keyframes scan-move{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}@media(max-width: 767px){.sp-none{display:none}}@media(max-width: 767px){.pc-only{display:none}}#vanta-dots{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:0;pointer-events:none}.hero{margin:0px auto 0;position:relative;padding:0}.hero_inner{min-height:600px}.hero_inner_right{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:90%;z-index:2}.hero_inner h1{color:#fff;line-height:2;margin-bottom:25px;font-size:26px;font-size:2.6rem;text-align:center;text-shadow:0 0 10px rgba(255,255,255,.3)}@media screen and (min-width: 769px){.hero_inner h1{line-height:1.5;text-align:left;font-size:36px;font-size:3.6rem}}.hero_inner p{color:#ccc;font-size:14px;font-size:1.4rem;font-weight:500;font-style:normal;line-height:30px;margin-bottom:30px;text-align:center}@media screen and (min-width: 769px){.hero_inner p{line-height:38px;font-size:18px;font-size:1.8rem;margin-bottom:60px;text-align:left}}.hero_inner_box{display:flex;flex-wrap:wrap;justify-content:center;width:90%;margin:auto}@media screen and (min-width: 769px){.hero_inner_box{width:600px;justify-content:space-between;margin:0}}.hero_inner_box li{width:100%}@media screen and (min-width: 769px){.hero_inner_box li{width:32%}}.hero_inner_box li a{display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.8);font-size:16px;font-size:1.6rem;border:1px solid #fff;padding:12.5px 10px;color:#fff;margin-bottom:20px;text-align:center;transition:.3s}.hero_inner_box li a:hover{box-shadow:0 0 15px rgba(255,255,255,.3);background:#f39800;border-color:#f39800;color:#000}@media screen and (min-width: 769px){.hero_inner_box li a{margin-bottom:unset}}.hero_inner_box li .hero_inner_box_link02{background:rgba(200,2,2,.2);border-color:#c80202}.hero_inner_box li .hero_inner_box_link02:hover{background:#c80202;color:#fff}.hero_inner_box li .hero_inner_box_link03{background:rgba(50,188,8,.2);border-color:#32bc08}.hero_inner_box li .hero_inner_box_link03:hover{background:#32bc08;color:#fff}.worries{padding:0 0 0px}.worries_inner_description{font-size:20px;font-size:2rem;text-align:center;font-weight:bold;color:#fff}@media screen and (min-width: 769px){.worries_inner_description{margin-bottom:26px;font-size:32px;font-size:3.2rem}}.worries_inner_description span{font-size:36px;font-size:3.6rem;color:#f39800;letter-spacing:.1em;position:relative;top:3px;text-shadow:0 0 10px rgba(243,152,0,.5)}@media screen and (min-width: 769px){.worries_inner_description span{margin-bottom:75px;font-size:68px;font-size:6.8rem}}.worries_inner_box{background:#0a0a0a;border:1px solid #333;margin-inline:calc((100% - 100dvi)/2);color:#fff;padding:60px 30px 50px}@media screen and (min-width: 769px){.worries_inner_box{padding:68px 0px}}.worries_inner_box h2{font-size:clamp(16px,4.6vw,24px);text-align:center;margin-bottom:30px;color:#fff}@media screen and (min-width: 769px){.worries_inner_box h2{font-size:32px;font-size:3.2rem}}.worries_inner_box ul{border:1px solid #f39800;padding:25px 35px;background:rgba(0,0,0,.5)}@media screen and (min-width: 769px){.worries_inner_box ul{max-width:800px;margin:auto}}.worries_inner_box ul li{margin-bottom:20px;list-style-type:decimal;color:#f39800}.worries_inner_box ul li:last-child{margin-bottom:0}.worries_inner_box ul li p{font-size:16px;font-size:1.6rem;text-align:left;margin:0 auto;font-weight:bold;color:#fff}@media screen and (min-width: 769px){.worries_inner_box ul li p{font-size:24px;font-size:2.4rem}}.merit_inner h2{font-size:clamp(16px,4.6vw,24px);text-align:center;margin-bottom:30px;color:#fff}@media screen and (min-width: 769px){.merit_inner h2{font-size:32px;font-size:3.2rem}}.merit_inner .grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(min(360px, 100%), 1fr));gap:20px 20px;align-items:flex-start}.merit_inner .grid h3{font-size:20px;font-size:2rem;font-weight:bold;margin-bottom:20px;font-style:normal;color:#f39800}@media screen and (min-width: 769px){.merit_inner .grid h3{margin-bottom:40px;font-size:24px;font-size:2.4rem}}.merit_inner .grid li{position:relative;padding:20px;background:#0a0a0a;border:1px solid #333;border-radius:4px;transition:.3s}.merit_inner .grid li:hover{border-color:#f39800;box-shadow:0 0 15px rgba(243,152,0,.1)}@media screen and (min-width: 769px){.merit_inner .grid li{padding:40px 30px;height:-webkit-fill-available}}.merit_inner .grid p{font-size:16px;font-size:1.6rem;font-weight:normal;color:#ccc}@media screen and (min-width: 769px){.merit_inner .grid p{line-height:36px}}@media screen and (min-width: 769px){.merit_inner_box{margin:50px 0}}.price{width:100%;overflow:hidden;padding:80px 0;background:#000;position:relative;border-top:1px solid #333;border-bottom:1px solid #333}.price::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(50, 50, 50, 0.3) 1px, transparent 1px),linear-gradient(90deg, rgba(50, 50, 50, 0.3) 1px, transparent 1px);background-size:40px 40px;opacity:.3;pointer-events:none;z-index:0}.price_inner{position:relative;z-index:2;width:100% !important}.price_inner h3.bg_text{text-align:center;margin-bottom:50px;font-family:"Montserrat",sans-serif;font-size:clamp(24px,5vw,36px);color:#fff;text-shadow:0 0 10px #f39800;width:100%}.price_inner h3.bg_text::after{content:"";display:block;width:60px;height:2px;background:#f39800;margin:15px auto 0;box-shadow:0 0 10px #f39800}.price_inner_box{max-width:800px;margin:0 auto}.price_inner_box_item{position:relative;background:rgba(10,10,10,.8);border:1px solid #333;padding:40px 20px;text-align:center;transition:.3s;box-shadow:0 0 20px rgba(0,0,0,.8);backdrop-filter:blur(5px);margin-bottom:40px;background-image:linear-gradient(#f39800, #f39800),linear-gradient(#f39800, #f39800),linear-gradient(#f39800, #f39800),linear-gradient(#f39800, #f39800),linear-gradient(#f39800, #f39800),linear-gradient(#f39800, #f39800),linear-gradient(#f39800, #f39800),linear-gradient(#f39800, #f39800);background-repeat:no-repeat;background-size:2px 15px,15px 2px;background-position:top left,top left,top right,top right,bottom left,bottom left,bottom right,bottom right;background-color:rgba(10,10,10,.8);transition:all .4s ease}@media screen and (min-width: 769px){.price_inner_box_item{padding:60px 50px}}.price_inner_box_item:hover{border-color:#f39800;box-shadow:0 0 30px rgba(243,152,0,.15)}.price_inner_box_item>div{margin-bottom:50px;padding-bottom:40px;border-bottom:1px dashed #333}.price_inner_box_item>div:last-of-type{border-bottom:none;margin-bottom:0;padding-bottom:0}.price_inner_box_item>div .mt{margin-top:0}.price_inner_box_item h4{font-size:2.2rem;color:#fff;margin-bottom:20px;font-weight:bold;letter-spacing:.1em}@media screen and (min-width: 769px){.price_inner_box_item h4{font-size:2.6rem}}.price_inner_box_item h4::before{content:"■";color:#f39800;margin-right:10px;font-size:.8em;vertical-align:2px}.price_inner_box_item p{color:#fff}.price_inner_box_item .priceMenu_box{border:none;padding:0}.price_inner_box_item .priceMenu_box p{font-family:"Montserrat",sans-serif;font-size:2.8rem;font-weight:900;color:#f39800;margin-bottom:20px;text-shadow:0 0 10px rgba(243,152,0,.4);line-height:1.2}@media screen and (min-width: 769px){.price_inner_box_item .priceMenu_box p{font-size:3.6rem}}.price_inner_box_item .priceMenu_box h5{font-size:1.4rem;color:#ccc;background:#222;display:inline-block;padding:5px 20px;border-radius:20px;border:1px solid #444;margin-bottom:20px}.price_inner_box_item .priceMenu_box ul{text-align:left;max-width:400px;margin:0 auto}.price_inner_box_item .priceMenu_box ul li{position:relative;padding-left:1.5em;margin-bottom:10px;font-size:1.5rem;color:#ddd;line-height:1.6;text-indent:-1.5em;padding-left:1.5em}.price_inner_box_item .priceMenu_box ul li::first-letter{color:#f39800;font-weight:bold}.price_inner_box_item .priceTable{width:100%;margin-top:40px;border-collapse:collapse}.price_inner_box_item .priceTable th,.price_inner_box_item .priceTable td{border:1px solid #444;padding:15px;text-align:center}.price_inner_box_item .priceTable .priceTableHeader{background:rgba(243,152,0,.1);color:#f39800;font-weight:bold;font-size:1.6rem}.price_inner_box_item .priceTable .priceTableTxt{font-size:1.8rem;font-weight:bold;color:#fff}.price_inner_box_item .tar{text-align:right;font-size:1.2rem;color:#888;margin-top:20px}.price{width:100%;overflow:hidden;padding:80px 0;background:#000;position:relative;border-top:1px solid #333;border-bottom:1px solid #333}.price::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(50, 50, 50, 0.3) 1px, transparent 1px),linear-gradient(90deg, rgba(50, 50, 50, 0.3) 1px, transparent 1px);background-size:40px 40px;opacity:.3;pointer-events:none;z-index:0}.price_inner{position:relative;z-index:2;width:100% !important}.price_inner h3.bg_text{text-align:center;margin-bottom:50px;font-family:"Montserrat",sans-serif;font-size:clamp(24px,5vw,36px);color:#fff;text-shadow:0 0 10px #f39800;width:100%}.price_inner h3.bg_text::after{content:"";display:block;width:60px;height:2px;background:#f39800;margin:15px auto 0;box-shadow:0 0 10px #f39800}.price_inner_box{max-width:1000px;margin:0 auto;padding:0 5%}@media screen and (min-width: 769px){.price_inner_box{display:flex;flex-wrap:wrap;grid-template-columns:1fr 1fr;gap:30px;align-items:stretch}}.price_inner_box_item{position:relative;background:rgba(10,10,10,.8);border:1px solid #333;padding:40px 30px;text-align:center;transition:.3s;box-shadow:0 0 20px rgba(0,0,0,.8);backdrop-filter:blur(5px);margin-bottom:30px;display:flex;flex-direction:column;background-image:linear-gradient(#f39800, #f39800),linear-gradient(#f39800, #f39800),linear-gradient(#f39800, #f39800),linear-gradient(#f39800, #f39800),linear-gradient(#f39800, #f39800),linear-gradient(#f39800, #f39800),linear-gradient(#f39800, #f39800),linear-gradient(#f39800, #f39800);background-repeat:no-repeat;background-size:2px 15px,15px 2px;background-position:top left,top left,top right,top right,bottom left,bottom left,bottom right,bottom right;background-color:rgba(10,10,10,.8);transition:all .4s ease}@media screen and (min-width: 769px){.price_inner_box_item{margin-bottom:0;padding:50px 40px;width:100%}}.price_inner_box_item:hover{border-color:#f39800;box-shadow:0 0 30px rgba(243,152,0,.15);transform:translateY(-5px)}.price_inner_box_item h4{font-size:2.2rem;color:#fff;margin-bottom:20px;padding-bottom:20px;font-weight:bold;letter-spacing:.1em;border-bottom:1px dashed #444}@media screen and (min-width: 769px){.price_inner_box_item h4{font-size:2.6rem}}.price_inner_box_item h4::before{content:"■";color:#f39800;margin-right:10px;font-size:.8em;vertical-align:2px}.price_inner_box_item .price_main{font-family:"Montserrat",sans-serif;font-size:2.4rem;font-weight:900;color:#f39800;margin-bottom:30px;text-shadow:0 0 15px rgba(243,152,0,.4);line-height:1.2}@media screen and (min-width: 769px){.price_inner_box_item .price_main{font-size:3.2rem}}.price_inner_box_item h5{font-size:1.4rem;color:#ccc;background:#222;display:inline-block;padding:5px 20px;border-radius:20px;border:1px solid #444;margin:0 auto 20px}.price_inner_box_item .price_option_list{text-align:left;width:100%;margin:0 auto;flex-grow:1}.price_inner_box_item .price_option_list li{position:relative;padding-left:1.2em;margin-bottom:12px;font-size:1.5rem;color:#ddd;line-height:1.6;text-indent:-1.2em}.price_inner_box_item .price_option_list li::first-letter{color:#f39800;font-weight:bold}.price_inner_box_item .price_option_list li:last-child{margin-bottom:0}.seo-matrix{padding:80px 0;background:#000;position:relative}.seo-matrix::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(90deg, transparent, transparent 40px, rgba(255, 255, 255, 0.03) 40px, rgba(255, 255, 255, 0.03) 41px);pointer-events:none}.seo-category{margin-bottom:80px}.seo-category:last-child{margin-bottom:0}.seo-category-title{background:linear-gradient(90deg, #111, #000);border-left:5px solid #f39800;border-bottom:1px solid #333;padding:15px 20px;display:flex;align-items:baseline;gap:20px;margin-bottom:40px}.seo-category-title .ja{font-size:2.4rem;font-weight:bold;color:#fff;text-shadow:0 0 10px rgba(255,255,255,.3)}@media screen and (min-width: 769px){.seo-category-title .ja{font-size:3rem}}.seo-category-title .en{font-family:"Montserrat",sans-serif;font-size:1.6rem;color:#f39800;letter-spacing:.1em;opacity:.8}@media screen and (min-width: 769px){.seo-category-title .en{font-size:2rem}}.seo-row{display:flex;flex-direction:column;margin-bottom:40px;border-bottom:1px dashed #333;padding-bottom:40px}.seo-row:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}@media screen and (min-width: 769px){.seo-row{flex-direction:row;align-items:flex-start}}.seo-head{width:100%;margin-bottom:30px}@media screen and (min-width: 769px){.seo-head{width:300px;flex-shrink:0;margin-bottom:0;padding-right:40px}}.seo-head h4{font-size:2rem;font-weight:bold;color:#fff;margin-bottom:15px;position:relative;padding-left:20px}.seo-head h4::before{content:"";position:absolute;top:50%;left:0;width:10px;height:10px;background:#f39800;transform:translateY(-50%) rotate(45deg);box-shadow:0 0 5px #f39800}.seo-head p{font-size:1.4rem;color:#aaa;line-height:1.8}.seo-grid{flex:1;display:grid;grid-template-columns:repeat(auto-fill, minmax(100px, 1fr));gap:15px}@media screen and (min-width: 769px){.seo-grid{grid-template-columns:repeat(auto-fill, minmax(110px, 1fr));gap:20px}}.seo-grid li{background:rgba(255,255,255,.03);border:1px solid #333;padding:20px 10px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;font-size:1.2rem;color:#ddd;border-radius:4px;transition:.3s;height:100%;min-height:110px;cursor:default}.seo-grid li:hover{background:#000;border-color:#f39800;transform:translateY(-3px);box-shadow:0 0 15px rgba(243,152,0,.2)}.seo-grid li:hover .material-icons{color:#f39800;text-shadow:0 0 10px #f39800}.seo-grid li .material-icons{font-size:3.2rem;color:#666;margin-bottom:10px;transition:.3s}.proposal_inner h2{font-size:clamp(16px,5.2vw,24px);text-align:center;margin-bottom:26px;color:#fff}@media screen and (min-width: 769px){.proposal_inner h2{font-size:32px;font-size:3.2rem;margin-bottom:62px}}.proposal_inner .grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(min(360px, 100%), 1fr));gap:20px}.proposal_inner .grid h3{font-size:clamp(16px,4.2vw,18px);font-weight:bold;margin-bottom:20px;font-style:normal;padding-left:50px;position:relative;color:#f39800}@media screen and (min-width: 769px){.proposal_inner .grid h3{margin-bottom:40px;font-size:20px;font-size:2rem}}.proposal_inner .grid li{display:flex;flex-direction:column;padding:20px;position:relative;background:#0a0a0a;border:1px solid #333;border-radius:4px;transition:.3s}.proposal_inner .grid li:hover{border-color:#f39800;transform:translateY(-5px)}@media screen and (min-width: 769px){.proposal_inner .grid li{padding:40px 30px}}.proposal_inner .grid li::before{content:"";width:30px;height:30px;position:absolute;top:35px;left:30px;background-size:cover;filter:invert(1)}@media screen and (min-width: 769px){.proposal_inner .grid li::before{width:30px;height:30px}}.proposal_inner .grid li:nth-child(1)::before{background:url("../../images/service/proposal01.svg") no-repeat;background-size:cover}.proposal_inner .grid li:nth-child(2)::before{background:url("../../images/service/proposal02.svg") no-repeat;background-size:cover}.proposal_inner .grid li:nth-child(3)::before{background:url("../../images/service/proposal03.svg") no-repeat;background-size:cover}.proposal_inner .grid li:nth-child(4)::before{background:url("../../images/service/proposal04.svg") no-repeat;background-size:cover}.proposal_inner .grid li:nth-child(5)::before{background:url("../../images/service/proposal05.svg") no-repeat;background-size:cover}.proposal_inner .grid li:nth-child(6)::before{background:url("../../images/service/proposal06.svg") no-repeat;background-size:cover}.proposal_inner .grid p{font-size:14px;font-size:1.4rem;font-weight:normal;line-height:2;color:#ccc}@media screen and (min-width: 769px){.proposal_inner .grid p{font-size:16px;font-size:1.6rem}}.flow_inner{max-width:800px !important}.flow_inner h2{font-size:24px;font-size:2.4rem;text-align:center;margin-bottom:26px;color:#fff}@media screen and (min-width: 769px){.flow_inner h2{font-size:32px;font-size:3.2rem;margin-bottom:62px}}.flow_inner ul li{border:solid 1px #333;background:#0a0a0a;margin-bottom:60px;padding:60px 30px 20px;position:relative;border-radius:4px}@media screen and (min-width: 769px){.flow_inner ul li{padding:30px 90px}}.flow_inner ul li::after{content:"";position:absolute;bottom:0;width:0;height:0;border-style:solid;border-width:35px 35px 0 35px;border-color:#333 rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0);left:50%;transform:translateX(-50%) translateY(100%)}.flow_inner ul li:last-child::after{display:none}.flow_inner ul li h3{font-size:20px;font-size:2rem;text-align:left;margin-bottom:20px;color:#fff}@media screen and (min-width: 769px){.flow_inner ul li h3{font-size:22px;font-size:2.2rem}}.flow_inner ul li p{font-size:14px;font-size:1.4rem;text-align:left;line-height:28px;color:#ccc}@media screen and (min-width: 769px){.flow_inner ul li p{font-size:16px;font-size:1.6rem;line-height:38px}}.flow_inner ul li span{border-radius:4px 0 0 0;color:#000;background:#f39800;padding:10px 20px;font-size:18px;font-size:1.8rem;font-weight:bold;position:absolute;top:0;left:0}@media screen and (min-width: 769px){.flow_inner ul li span{font-size:28px;font-size:2.8rem}}.achievements{background:#050505}.achievements_inner h2{font-size:24px;font-size:2.4rem;text-align:center;color:#fff}@media screen and (min-width: 769px){.achievements_inner h2{font-size:32px;font-size:3.2rem;margin-bottom:62px}}.achievements_inner ul{display:flex;flex-wrap:wrap;align-items:center;gap:20px 40px}.achievements_inner ul li{width:100%;font-size:20px;font-size:2rem;color:#fff}@media screen and (min-width: 769px){.achievements_inner ul li{width:45%;font-size:24px;font-size:2.4rem}}.achievements_inner ul li p{border-bottom:solid 1px #333;padding-bottom:10px;margin-bottom:10px}.achievements_inner ul li p:last-child{border-bottom:unset}.achievements_inner ul li .circle_subTxt{margin-top:20px;font-size:16px;font-size:1.6rem;line-height:28px;color:#ccc}.office{position:relative;background:#050505}.office_inner h2{font-size:24px;font-size:2.4rem;text-align:center;margin-bottom:26px;color:#fff}@media screen and (min-width: 769px){.office_inner h2{font-size:32px;font-size:3.2rem;margin-bottom:62px}}.office_inner .grid{background:url("../../images/service/office.svg") no-repeat;width:100%;position:relative;z-index:0;background-size:contain;background-position:center;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto;grid-template-areas:"grid01 grid02" "grid03 grid04" "grid05 grid06";gap:10px}@media screen and (min-width: 769px){.office_inner .grid{padding:20px;grid-auto-columns:1fr;grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr;gap:0px 30px;grid-template-areas:"grid01 grid01 grid01 grid01 grid01 grid01" "grid02 grid02 grid03 grid03 grid04 grid04" "grid05 grid05 grid06 grid06 grid07 grid07"}}.office_inner .grid li{background-color:rgba(10,10,10,.9);border:1px solid #333;color:#fff;padding:15px 20px;text-align:left;box-shadow:none;border-radius:4px;max-width:400px;transition:.3s}.office_inner .grid li:hover{border-color:#f39800}@media screen and (min-width: 769px){.office_inner .grid li{width:100%;margin:0 auto 50px;padding:15px 30px}}.office_inner .grid li h3{font-size:14px;font-size:1.4rem;margin-bottom:10px;color:#f39800}@media screen and (min-width: 769px){.office_inner .grid li h3{font-size:18px;font-size:1.8rem}}.office_inner .grid li p{font-size:14px;font-size:1.4rem;margin-bottom:10px}@media screen and (min-width: 769px){.office_inner .grid li p{font-size:18px;font-size:1.8rem}}.office_inner .grid li a{color:#fff;position:relative;width:100%;display:block}@media screen and (min-width: 769px){.office_inner .grid li a{width:30%}}.office_inner .grid li a::after{content:"";filter:invert(1);background-size:cover;width:20px;height:20px;position:absolute;top:0px;right:-10px}@media screen and (min-width: 769px){.office_inner .grid li a::after{top:5px}}.office_inner .grid .grid01{grid-area:grid01}@media screen and (min-width: 769px){.office_inner .grid .grid01{justify-self:center}}.office_inner .grid .grid02{grid-area:grid02}.office_inner .grid .grid03{grid-area:grid03}.office_inner .grid .grid04{grid-area:grid04}.office_inner .grid .grid05{grid-area:grid05}.office_inner .grid .grid06{grid-area:grid06}.office_inner .grid .grid07{grid-area:grid07}@keyframes rotation1{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.area_banner{padding:30px 0;background:#050505;position:relative}.area_banner .TopService_img{display:block;width:90%;margin:auto}.area-cyber-section{padding:80px 0;background:#000;position:relative;overflow:hidden}.area-cyber-section::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at center, #111 0%, #000 70%);z-index:0}.area-cyber-inner{position:relative;z-index:1;display:flex;flex-direction:column;gap:40px}@media screen and (min-width: 769px){.area-cyber-inner{flex-direction:row;align-items:center;justify-content:space-between}}.area-text-box{flex:1;max-width:600px}.area-text-box .area-title{margin-bottom:20px}.area-text-box .area-title .en{display:block;font-family:"Montserrat",sans-serif;font-size:3rem;font-weight:900;color:#f39800;line-height:1;letter-spacing:.05em}.area-text-box .area-title .ja{font-size:2rem;font-weight:bold;color:#fff}.area-text-box .area-lead{font-size:1.8rem;font-weight:bold;color:#fff;margin-bottom:30px;padding-bottom:10px;border-bottom:1px dashed #444}.prefecture-list{display:grid;grid-template-columns:repeat(auto-fit, minmax(100px, 1fr));gap:20px;font-size:1.3rem;color:#ccc}.prefecture-list .pref-group{list-style:none}.prefecture-list .pref-group li{margin-bottom:5px;position:relative;padding-left:10px}.prefecture-list .pref-group li::before{content:"";position:absolute;top:8px;left:0;width:4px;height:4px;background:#444}.prefecture-list .pref-group li:hover{color:#f39800}.prefecture-list .pref-group li:hover::before{background:#f39800;box-shadow:0 0 5px #f39800}.area-map-box{flex:1;display:flex;justify-content:center;align-items:center;position:relative}.cyber-japan-map{width:100%;max-width:500px;aspect-ratio:1/1;display:grid;grid-template-columns:repeat(16, 1fr);grid-template-rows:repeat(16, 1fr);gap:2px;position:relative}.cyber-japan-map .map-grid-lines{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(255, 255, 255, 0.05) 1px, transparent 1px),linear-gradient(90deg, rgba(255, 255, 255, 0.05) 1px, transparent 1px);background-size:6.25% 6.25%;pointer-events:none;z-index:0}.cyber-japan-map .map-dot{background-color:#222;border:1px solid #333;position:relative;overflow:hidden;transition:.3s;z-index:1;animation:map-blink 3s infinite alternate}.cyber-japan-map .map-dot::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(#444 20%, transparent 20%);background-size:4px 4px;opacity:.5}.cyber-japan-map .map-dot:hover{background-color:rgba(243,152,0,.2);border-color:#f39800;box-shadow:0 0 15px rgba(243,152,0,.3)}.cyber-japan-map .map-dot:hover::after{background-image:radial-gradient(#f39800 20%, transparent 20%)}.cyber-japan-map .hokkaido{animation-delay:0s}.cyber-japan-map .tohoku{animation-delay:.5s}.cyber-japan-map .kanto{animation-delay:1s}.cyber-japan-map .chubu{animation-delay:1.5s}.cyber-japan-map .kinki{animation-delay:2s}.cyber-japan-map .chugoku{animation-delay:2.5s}.cyber-japan-map .shikoku{animation-delay:3s}.cyber-japan-map .kyushu{animation-delay:3.5s}.cyber-japan-map .okinawa{animation-delay:4s}@keyframes map-blink{0%{opacity:.6}50%{opacity:1;border-color:#555}100%{opacity:.6}}.map-marker{width:8px;height:8px;background-color:#f39800;border-radius:50%;position:relative;z-index:5;box-shadow:0 0 10px #f39800;margin:auto;cursor:pointer}.map-marker::before,.map-marker::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:100%;height:100%;border:1px solid #f39800;border-radius:50%;animation:marker-ripple 2s infinite cubic-bezier(0, 0.2, 0.8, 1);opacity:0}.map-marker::after{animation-delay:.5s}.map-marker:hover::before{animation:none;border:none}.fukuoka{grid-area:11/3}.nagasaki{grid-area:12/2}.osaka{grid-area:11/8}.aichi{grid-area:11/10}.tokyo{grid-area:10/13}@keyframes marker-ripple{0%{width:0%;height:0%;opacity:1;border-width:2px}100%{width:400%;height:400%;opacity:0;border-width:0px}}.serviceList{position:relative;padding:80px 0;overflow:hidden;border-top:1px solid #333;border-bottom:1px solid #333}.serviceList_bg_grid{position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(rgba(50, 50, 50, 0.3) 1px, transparent 1px),linear-gradient(90deg, rgba(50, 50, 50, 0.3) 1px, transparent 1px);background-size:40px 40px;opacity:.3;pointer-events:none;z-index:1}.serviceList_inner{position:relative;z-index:2}.serviceList .cyber-section-title{text-align:center;margin-bottom:60px}.serviceList .cyber-section-title .en{display:block;font-family:"Montserrat",sans-serif;font-size:1.4rem;letter-spacing:.4em;color:#f39800;margin-bottom:5px;font-weight:700}.serviceList .cyber-section-title .en::before,.serviceList .cyber-section-title .en::after{content:"-";margin:0 10px;color:#fff}.serviceList .cyber-section-title .ja{display:block;font-size:3.2rem;font-weight:bold;color:#fff;text-shadow:0 0 10px rgba(255,255,255,.3)}.serviceList .cyber-grid-list{display:grid;grid-template-columns:repeat(1, 1fr);gap:20px;counter-reset:service-counter}@media screen and (min-width: 769px){.serviceList .cyber-grid-list{grid-template-columns:repeat(3, 1fr);gap:30px}}.serviceList .cyber-grid-list li{position:relative;background:rgba(10,10,10,.8);border:1px solid #333;clip-path:polygon(15px 0, 100% 0, 100% calc(100% - 15px), calc(100% - 15px) 100%, 0 100%, 0 15px);transition:all .3s cubic-bezier(0.25, 0.8, 0.25, 1);backdrop-filter:blur(5px)}.serviceList .cyber-grid-list li:hover{background:#000;border-color:#f39800;transform:translateY(-5px);box-shadow:0 0 20px rgba(243,152,0,.2)}.serviceList .cyber-grid-list li:hover::before{opacity:1;filter:drop-shadow(0 0 5px #f39800)}.serviceList .cyber-grid-list li:hover::after{color:#f39800;text-shadow:0 0 10px rgba(243,152,0,.5)}.serviceList .cyber-grid-list li:hover .btn-arrow{width:50px;background:#f39800}.serviceList .cyber-grid-list li:hover .btn-arrow::after{border-color:#f39800}.serviceList .cyber-grid-list li:hover .btn-text{color:#f39800}.serviceList .cyber-grid-list li a{display:block;padding:30px 25px 60px 25px;height:100%;color:inherit;text-decoration:none;position:relative}.serviceList .cyber-grid-list li::after{counter-increment:service-counter;content:counter(service-counter, decimal-leading-zero);position:absolute;top:20px;right:25px;font-family:"Montserrat",sans-serif;font-size:2.4rem;font-weight:900;color:rgba(255,255,255,.1);letter-spacing:.05em;transition:.3s;pointer-events:none}.serviceList .cyber-grid-list li:nth-child(1)::before{background-image:url("../../images/service/consul_icon.svg")}.serviceList .cyber-grid-list li:nth-child(2)::before{background-image:url("../../images/service/site_icon.svg")}.serviceList .cyber-grid-list li:nth-child(3)::before{background-image:url("../../images/service/hojyokin_icon.svg")}.serviceList .cyber-grid-list li:nth-child(4)::before{background-image:url("../../images/service/marketing_icon.svg")}.serviceList .cyber-grid-list li:nth-child(5)::before{background-image:url("../../images/service/koukoku_icon.svg")}.serviceList .cyber-grid-list li:nth-child(6)::before{background-image:url("../../images/service/sns_icon.svg")}.serviceList .cyber-grid-list li:nth-child(7)::before{background-image:url("../../images/service/fan_icon.svg")}.serviceList .cyber-grid-list li:nth-child(8)::before{background-image:url("../../images/service/seo_icon.svg")}.serviceList .cyber-grid-list li:nth-child(9)::before{background-image:url("../../images/service/meo_icon.svg")}.serviceList .cyber-grid-list li .card-deco-corner{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.serviceList .cyber-grid-list li .card-deco-corner::before,.serviceList .cyber-grid-list li .card-deco-corner::after{content:"";position:absolute;width:10px;height:10px;border:1px solid rgba(255,255,255,.3);transition:.3s}.serviceList .cyber-grid-list li .card-deco-corner::before{top:8px;left:8px;border-right:none;border-bottom:none}.serviceList .cyber-grid-list li .card-deco-corner::after{bottom:8px;right:8px;border-left:none;border-top:none}.serviceList .cyber-grid-list li:hover .card-deco-corner::before{top:12px;left:12px;border-color:#f39800}.serviceList .cyber-grid-list li:hover .card-deco-corner::after{bottom:12px;right:12px;border-color:#f39800}.serviceList .cyber-grid-list li h3{font-size:1.8rem;font-weight:bold;color:#fff;margin-bottom:15px;letter-spacing:.05em;transition:.3s;color:#f39800}.serviceList .cyber-grid-list li:hover h3{color:#f39800}.serviceList .cyber-grid-list li p{font-size:1.3rem;color:#ccc;line-height:1.8}.serviceList .cyber-grid-list li .btn-wrap{position:absolute;bottom:25px;right:25px;display:flex;align-items:center;gap:10px}.serviceList .cyber-grid-list li .btn-wrap .btn-text{font-size:1rem;color:#ccc;letter-spacing:.1em;font-family:"Montserrat",sans-serif;font-weight:600;transition:.3s}.serviceList .cyber-grid-list li .btn-wrap .btn-arrow{display:block;width:30px;height:1px;background:#ccc;position:relative;transition:.3s}.serviceList .cyber-grid-list li .btn-wrap .btn-arrow::after{content:"";position:absolute;right:0;top:-3px;width:6px;height:6px;border-top:1px solid #ccc;border-right:1px solid #ccc;transform:rotate(45deg);transition:.3s}
