@charset "UTF-8";:root{--color--primary:#4169e1;--color--primary-deep:#3292cd;--color--base:#111;--color--base--gray:#999;--color--base--dull:#b2b2b2;--color--base--light:#ddd;--color--base--pale:#f5f5f5;--color--base--blight:#fafafa;--color--base--white:#fff;--color--accent--cyan:#27e9e2;--color--accent--yellow:#f7f2ad;--color--accent--red:#e54552;--color--accent--line:#00b900;--color--use--border:var(--color--base--light);--color--link:var(--color--primary);--color--link-hover:var(--color--primary-deep);--color--use--bg:var(--color--base--pale);--color--use--above:var(--color--base--white);--content--width--small:1000px;--content--width--basic:1240px;--content--width--large:1460px;--content--width--x-large:1620px;--line-height:1.714;--section-xs:2.5em;--section-s:clamp(5rem, 11.719vw, 7.5rem);--section:clamp(5.625rem, 15.625vw, 10rem);--margin-2xs:min(1.563vw, 10px);--margin-xs:min(2.439vw, 20px);--margin-s:min(3.659vw, 30px);--margin-m:min(3.906vw, 40px);--margin-l:min(4.883vw, 50px);--margin-xl:min(5.859vw, 60px);--margin-2xl:min(7.813vw, 80px);--margin-3xl:min(9.766vw, 100px);--margin-4xl:min(11.719vw, 120px);--chg--margin-xl:var(--margin-m);--chg--margin-2xl:var(--margin-m);--chg--margin-3xl:var(--margin-m);--chg--margin-4xl:var(--margin-xl);--wrapper-space:max(var(--margin-m, 40px), calc((100vw - var(--content--width--large, 1460px))/2));--wrapper-space--basic:max(var(--margin-m, 40px), calc((100vw - var(--content--width--basic, 1240px))/2));--wrapper-space--x-large:max(var(--margin-m, 40px), calc((100vw - var(--content--width--x-large, 1620px))/2));--clamp--font-size-l:clamp(1.125rem, 1.953vw, 1.25rem);--clamp--font-size-xl:clamp(1.125rem, 2.344vw, 1.5rem);--clamp--font-size-2xl:clamp(1.25rem, 2.93vw, 1.875rem);--clamp--font-size-3xl:clamp(1.375rem, 3.516vw, 2.25rem);--clamp--font-size-4xl:clamp(1.5rem, 3.906vw, 2.5rem);--radius:var(--margin-2xs,10px);--radius-s:calc(var(--radius)/3);--radius-l:calc(var(--radius)*2);--radius-xl:calc(var(--radius)*3);--radius-oval:9999px;--duration:.3s;--box-shadow:0 0 var(--margin-2xs) rgba(0,0,0,.1);--header-height:72px}@media screen and (min-width:1241px){:root{--chg--margin-xl:var(--margin-xl);--chg--margin-2xl:var(--margin-2xl);--chg--margin-3xl:var(--margin-3xl);--chg--margin-4xl:var(--margin-4xl)}}@media screen and (min-width:1461px){:root{--header-height:128px}}:where(:not(html,iframe,canvas,img,svg,video):not(svg *,symbol *)){all:unset;display:revert}a,button{cursor:revert}menu,ol,ul{list-style:none}table{border-collapse:collapse}input,textarea{-webkit-user-select:auto}::placeholder{color:unset}:where([hidden]){display:none}:where([contenteditable]:not([contenteditable=false])){-moz-user-modify:read-write;-webkit-user-modify:read-write;-webkit-line-break:after-white-space;overflow-wrap:break-word;-webkit-user-select:auto}:where([draggable=true]){-webkit-user-drag:element}html{text-size-adjust:100%;font-family:Noto Sans JP,游ゴシック,Hiragino Kaku Gothic ProN,Hiragino Kaku Gothic Pro,ＭＳ ゴシック,sans-serif;scroll-behavior:smooth;scroll-padding-top:var(--header-height)}body{color:var(--color--base);font-weight:400;line-height:1.4;min-width:320px}body *{font-feature-settings:"palt";letter-spacing:.05em}::selection{background:hsla(0,0%,50%,.25)}.grecaptcha-badge{visibility:hidden}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0);line-height:1.15}h1,h2,h3,h4,h5,h6{line-height:1.5}img{height:auto;max-width:100%}p+p{margin-block-start:1.714em}embed,iframe,img,object,svg{vertical-align:middle}hr{border-top-width:1px;box-sizing:content-box;height:0;overflow:visible}b,strong{font-weight:bolder}em{font-style:normal}code,kbd,pre,samp{font-family:ui-monospace,monospace;font-size:inherit}pre{white-space:pre}big{font-size:120%}small{font-size:80%}sub,sup{font-size:.688em;line-height:0;position:relative;vertical-align:baseline}sub{inset-block-end:-.75em}sup{inset-block-start:-.5em}s{text-decoration:line-through}.all-right{text-align:right}.all-left{text-align:left}.all-center{text-align:center}table{border-collapse:collapse;width:100%}caption,dt,th{text-align:left}.f-sub{font-family:Open Sans,sans-serif;font-weight:600;letter-spacing:0;line-height:1}a{color:var(--color--base);cursor:pointer;text-decoration:none;transition:var(--duration)}a.under{text-decoration:underline}a.under:hover{color:var(--color--primary)}:where(a):hover{color:var(--color--primary)}::placeholder{color:var(--color--base--gray)}@media screen and (max-width:820px){.pc{display:none !important}}@media screen and (min-width:821px){.sp{display:none !important}}@media screen and (max-width:820px){.mobile{display:block !important}}.svg-arrow{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M476.811,492.379L268.639,8.332c-2.172-5.047-7.141-8.328-12.641-8.328s-10.469,3.281-12.641,8.328L35.186,492.379c-2.656,5.625-1.203,12.344,3.547,16.359c4.766,4.016,11.625,4.359,16.734,0.813l200.531-139.032l200.547,139.032c5.109,3.547,11.969,3.203,16.734-0.813C478.029,504.723,479.467,498.004,476.811,492.379z' fill='royalblue'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:contain;display:inline-block;width:1em;height:1em;margin-top:3px;rotate:90deg}.svg-phone{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 36'%3E%3Cpath d='M2.39,1.48C0,3-.48,7.89.43,11.85A35.48,35.48,0,0,0,5.16,23a37.3,37.3,0,0,0,8.22,8.86c3.25,2.44,7.88,4,10.28,2.44A12.23,12.23,0,0,0,26.75,31l-1.29-2L21.92,23.5c-.26-.41-1.91,0-2.75.44A8,8,0,0,0,17,26.3c-.78.45-1.43,0-2.78-.62-1.67-.77-3.55-3.16-5-5.31S6.4,15.44,6.38,13.6c0-1.49-.16-2.27.57-2.79a8,8,0,0,0,3-1c.78-.58,1.79-1.93,1.52-2.34L8,2,6.69,0A11.87,11.87,0,0,0,2.39,1.48Z' fill='black'/%3E%3C/svg%3E");display:inline-block;width:1em;height:1em;background-size:50% auto;background-position:center;background-repeat:no-repeat;vertical-align:middle;line-height:1}.svg-mail{background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 2 16 12'><path d='M.05 3.555A2 2 0 0 1 2 2h12a2 2 0 0 1 1.95 1.555L8 8.414zM0 4.697v7.104l5.803-3.558zM6.761 8.83l-6.57 4.027A2 2 0 0 0 2 14h12a2 2 0 0 0 1.808-1.144l-6.57-4.027L8 9.586zm3.436-.586L16 11.801V4.697z' fill='black'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:contain;display:inline-block;width:1em;height:1em;margin-top:6px}.c-plusminus{aspect-ratio:1;background:var(--c--plusminus--color,transparent);border-radius:50%;position:relative;width:var(--c--plusminus--size,1.875em)}.c-plusminus:after,.c-plusminus:before{background:var(--c--plusminus--color,var(--color--link));content:"";height:var(--c--plusminus--height,2px);inset:0;margin:auto;position:absolute;transition:all .4s;width:var(--c--plusminus--width,.75em)}.c-plusminus:before{transform:rotate(0deg)}.c-plusminus.is-active:before{opacity:0;transform:rotate(-90deg)}.c-plusminus:after{transform:rotate(90deg)}.c-plusminus.is-active:after{transform:rotate(1turn)}.is-toggle+*{overflow:hidden;transition:var(--duration)}.c-arrow{fill:var(--c--arrow--fill,currentColor);width:var(--c--arrow--width,.625em)}.c-arrow,.c-circle-arrow{aspect-ratio:1;flex:0 0 auto}.c-square{align-items:var(--c--square--align,baseline);display:flex;gap:.625em}.c-square--center{justify-content:center}.c-square:before{aspect-ratio:1/1;background:var(--color--link);border-radius:2px;content:"";flex:0 0 auto;translate:0 var(--c--square--translate--vertical,-.24082em);width:7px}.c-square-2{align-items:baseline;display:flex;gap:.625em;transition:var(--duration)}.c-square-2:before{aspect-ratio:1;background-color:var(--color--use--above);border:1px solid var(--color--link);border-radius:.188em;content:"";transition:inherit;width:.75em}.c-square-2.is-current:before,.is-current>.c-square-2:before,a:hover .c-square-2:before{background-color:var(--color--link)}.l-site-top{display:none}.l-header{min-height:var(--header-height);position:relative}#gnav-check,.p-header-contact-button__label,.p-header-sns{display:none}#overlay{backdrop-filter:blur(1px);cursor:default;inset:0;opacity:0;pointer-events:none;position:fixed;transition:all var(--duration);z-index:-1}#gnav-check:checked~.p-header #overlay{background:var(--color--theme--primary);opacity:.8;pointer-events:visible;z-index:103}.p-header{background:var(--color--base--white);position:relative;width:100%;z-index:101}.p-header-logo{align-items:center;display:flex;font-size:clamp(.563rem, 1.367vw, .875rem);gap:var(--margin-s);margin:20px 0 0 30px}.p-header-logo__text{white-space:nowrap}.p-header-contact{align-items:center;display:flex;gap:var(--margin-2xs);justify-content:center;margin-inline:auto 0}.p-tel{text-align:center}.p-tel__num{align-items:center;color:var(--color--base);display:flex;font-size:var(--tel--num--fs,var(--clamp--font-size-xl));gap:.25em;justify-content:center;line-height:1}.p-tel__num+p{line-height:1.2;margin-block-start:.5em}.p-tel__icon{fill:currentColor;aspect-ratio:1/1;width:.833em}.u-fs-xs{font-size:.75em}.p-header-contact__box{display:inline-block;margin-right:30px}.p-header-contact-button{align-items:center;background:#f30;border-radius:var(--radius-oval);color:var(--color--use--above);display:flex;flex-direction:column;font-size:1.525em;gap:.3em;height:1.978em;justify-content:center;line-height:1.4;width:1.978em;text-decoration:none}.p-header-contact-button:nth-of-type(2){--header--contact-button--bg:var(--color--accent--line)}.p-header-contact-button__icon{width:1.1em;height:1.1em;background-size:contain;background-repeat:no-repeat;background-position:center;transition:transform .2s ease;position:relative;top:-3px}.p-header-contact-button__icon.svg-mail{background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 2 16 12'><path d='M.05 3.555A2 2 0 0 1 2 2h12a2 2 0 0 1 1.95 1.555L8 8.414zM0 4.697v7.104l5.803-3.558zM6.761 8.83l-6.57 4.027A2 2 0 0 0 2 14h12a2 2 0 0 0 1.808-1.144l-6.57-4.027L8 9.586zm3.436-.586L16 11.801V4.697z' fill='white'/></svg>")}.p-header-contact-button:hover .p-header-contact-button__icon{transform:scale(1.2)}.p-header-contact-button:hover{background:#f66}.p-main-nav{--c--square--align:center;--c--square--translate--vertical:0}.p-mega-btn{cursor:pointer;height:3.4em;inset-block-start:0;inset-inline-end:0;position:absolute;transition:var(--duration);width:3.4em}.p-mega__container{background:var(--mega--container--color,transparent);padding:1.5em}.p-mega-header{display:none}.p-mega-list{display:grid;gap:0 var(--margin-s);grid-template-columns:repeat(auto-fill,minmax(min(100%, 22.5em), 1fr))}.p-mega-list__link{display:block}.p-mega-products{display:grid;gap:min(3vw, 40px);grid-template-columns:repeat(auto-fill,minmax(min(100%, 10em), 1fr))}.p-mega-products__link{align-items:center;display:flex;gap:.625em}.p-mega-products__icon{--products--icon--width:80%;aspect-ratio:1;background:var(--color--use--above);border:1px solid var(--color--primary);border-radius:var(--radius-oval);display:grid;place-items:center;width:2.5em}.p-products-icon{fill:var(--products--icon--fill,var(--color--theme--primary));aspect-ratio:35/30;width:var(--products--icon--width,2.188em)}.p-sub-nav{align-items:center;display:flex;font-size:.75em;gap:var(--margin-xs);inset-block-start:0;inset-inline-end:var(--margin-m);position:absolute;translate:0 -150%}.p-mega-type{display:grid;gap:var(--margin-m);grid-template-columns:repeat(auto-fit,minmax(min(100%, 15em), 1fr));margin-block-end:1.5em}.p-mega-type__link{--c--arrow--fill:var(--color--link);align-items:center;background:var(--color--use--above);border:1px solid var(--color--primary);border-radius:var(--radius-oval);display:flex;font-weight:500;gap:1em;justify-content:space-between;padding:.813em var(--margin-m);text-align:center}.p-mega-type__label{flex:1}.p-mega-type__title{border-block-end:1px solid var(--color--use--border);font-weight:500;margin-block-end:1.25em;padding-block-end:1em}.foot-contact{padding-top:80px;background:#1e3443}.foot-contact-box{padding-left:0 !important;padding-right:0 !important}.foot-contact-box{margin-left:auto;margin-right:auto}.foot-contact-box h2{color:#fff}.foot-contact_wrapper:not(.scrollIn){box-shadow:0 0 0 transparent;transform:translateY(-5px)}.foot-contact_item>i img{width:auto !important}.foot-contact_item>i{display:block;line-height:0}.foot-contact_item .contact-Btn{width:80% !important;margin:0 auto;font-size:23px;color:#fff;text-indent:-2rem}.foot-contact_item>h3{font-weight:600;font-size:26px;line-height:1.5;color:var(--black);margin-bottom:14px}.foot-contact_item>p{font-size:14px;line-height:1.5}.foot-contact_item>a{display:block text-align:center}.foot-contact_tel{font-weight:900;font-size:41px;line-height:1.5;color:#000}.foot-contact_tel .svg-phone{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 36'%3E%3Cpath d='M2.39,1.48C0,3-.48,7.89.43,11.85A35.48,35.48,0,0,0,5.16,23a37.3,37.3,0,0,0,8.22,8.86c3.25,2.44,7.88,4,10.28,2.44A12.23,12.23,0,0,0,26.75,31l-1.29-2L21.92,23.5c-.26-.41-1.91,0-2.75.44A8,8,0,0,0,17,26.3c-.78.45-1.43,0-2.78-.62-1.67-.77-3.55-3.16-5-5.31S6.4,15.44,6.38,13.6c0-1.49-.16-2.27.57-2.79a8,8,0,0,0,3-1c.78-.58,1.79-1.93,1.52-2.34L8,2,6.69,0A11.87,11.87,0,0,0,2.39,1.48Z' fill='black'/%3E%3C/svg%3E");width:1.3em;height:1.3em;background-repeat:no-repeat}@media screen and (min-width:1461px){.foot-contact-box{margin:0 auto;max-width:1440px;padding:0 50px 75px}}@media screen and (max-width:1460px){.foot-contact-box{margin:0 3%;max-width:1440px;padding:0 50px 75px}}@media screen and (max-width:1100px){.foot-contact_item>h3{font-size:24px}.foot-contact_tel{font-size:31px}.foot-contact_item .contact-Btn{width:100% !important;font-size:21px;text-indent:-2rem}}@media screen and (min-width:821px){.foot-contact .title_wz-en:before{left:-240px;top:-120px}.foot-contact_wrapper{background:#fff;box-shadow:0 0 40px rgba(0,0,0,.06);position:relative;z-index:2;transition:box-shadow .5s,transform .5s}.foot-contact_wrapper{display:flex;padding:60px 20px;border-radius:12px}.foot-contact_item{padding:0 40px;text-align:center;flex:1}.foot-contact_item:not(:first-child){border-left:1px solid #ddd}.foot-contact_item>i{margin-bottom:30px}.foot-contact_item>i img{height:37px !important}.foot-contact_item>p{min-height:4.5em}.foot-contact_item>a{margin-top:40px}}@media screen and (max-width:820px){.foot-contact-box{padding-left:20px;padding-right:20px}.foot-contact_wrapper{padding:30px 15px;border-radius:22px;text-align:center;background:#fff}.foot-contact_item:not(:first-child){margin-top:30px;padding-top:30px;border-top:1px solid #ddd}.foot-contact_item>i{margin-bottom:15px}.foot-contact_item>i img{height:25px !important}.foot-contact_item>a{margin-top:20px;width:80%}.foot-contact_item .white-Btn{width:80% !important;margin-top:20px;font-size:25px;line-height:1.5}.white-Btn:hover{-webkit-box-shadow:none;box-shadow:none}.foot-contact_item .contact-Btn{width:80% !important;margin-top:20px}}.google-map iframe{-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);width:100%;height:250px}@media screen and (max-width:820px){.google-map iframe{height:150px}}.footer{padding:70px 0}@media screen and (max-width:820px){.footer{padding:32px 0 0}.footer--logo{text-align:center}.txt-ctr{text-align:center}}.footer--main{max-width:1440px;margin:0 auto}@media screen and (max-width:820px){.footer--main{margin:0 auto;padding:0 5%}}.footer_add{width:390px;padding:0 30px}@media screen and (max-width:820px){.footer_add{width:100%;padding:0}}.footer_nav{width:70%;font-size:.9em}.foot_nav--list a{padding:3px 0}.foot_nav--list .c-square{font-weight:500;font-size:105%}.foot_nav--list li a[href="javascript:void(0);"]{pointer-events:none}.foot_nav--list>ul>li:not(:last-child){margin-bottom:14px}.foot_nav--sub_list li{padding:3px 0}.foot_nav--sub_list li:not(:last-child){margin-bottom:0}.foot_nav--sub_list li a{position:relative;display:inline-block;padding-left:32px}.foot_nav--sub_list li a:before{content:"";position:absolute;top:0;left:16px;bottom:0;margin:auto 0;width:8px;height:2px;background-color:var(--color--primary)}@media screen and (max-width:820px){.footer_nav{width:100%;margin-top:24px}.foot_nav--list>ul{margin-bottom:24px}.foot_nav--list>ul:nth-child(1){order:1}.foot_nav--list>ul:nth-child(2){order:3}.foot_nav--list>ul:nth-child(3){order:4}.foot_nav--list>ul:nth-child(4){order:2}}.footer--sub_nav{padding:0}@media screen and (max-width:820px){.footer--sub_nav .flex-j-end{-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}}.flex{display:-webkit-flex;display:-ms-flexbox;display:flex}.flex-j-between{-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}@media screen and (max-width:820px){.flex-sp-block{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}}.flex-col4{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.flex-col4>*{width:23.5%;margin-right:2%;margin-bottom:2%}.flex-col4>*:nth-child(4n){margin-right:0}@media screen and (max-width:1200px){.flex-col4.flex-sp-block>*{width:100%;margin-bottom:16px;margin-right:0}.flex-col4.flex-sp-block>*:last-child{margin-bottom:0}.flex-col4>*:nth-child(4n){width:48.5%;margin-right:3%;margin-bottom:3%}}@media screen and (max-width:1200px){.flex-sp-col2>*{width:48.5%}.flex-sp-col2>*:nth-child(even){margin-right:0 !important}}@media screen and (max-width:820px){.flex-sp-col2>*{width:100%;padding:0 10%}.flex-sp-col2>*:nth-child(even){margin-right:0 !important}}.foot-area{background-color:#f9f6ee}.foot-area-box{margin:0 auto;max-width:1440px}.foot-area_title{font-weight:600;font-size:1.5rem;line-height:3.5;text-align:center;display:block}.foot-area_list dl{display:flex;gap:20px}.foot-area_list dl dt{align-self:flex-start;background-color:#004ca0;color:#fff;width:108px;padding:4px 10px;flex-shrink:0;border-radius:3px;font-size:14px;line-height:1.5;text-align:center;font-weight:700}.foot-area_list dl dd{align-self:center;line-height:1}.foot-area_list dl dd a{text-decoration:underline;margin-right:3px;display:inline-block;font-size:14px}.foot_nav--list a{white-space:normal;word-break:keep-all;overflow-wrap:break-word}@media screen and (min-width:821px){.foot-area{padding:70px 0}.foot-area-box{max-width:1440px;padding:0 70px}.foot-area_list{margin-top:40px;gap:10px 24px;display:grid;grid-template-rows:repeat(4,auto);grid-template-columns:repeat(2,1fr);grid-auto-flow:column}.foot-area_list dl dd{padding:4px 0}.foot-area_list dl dd a{line-height:1.5}}@media screen and (max-width:820px){.foot-area{padding:40px 0 60px}.foot-area-box{padding:0 20px}.foot-area_list{margin-top:20px;display:flex;gap:15px 0;flex-wrap:wrap;flex-direction:column}.foot-area_list dl dd{padding:1px 0}.foot-area_list dl dd a{line-height:2}}.l-copyright{border-block-start:2px solid var(--color--use--border);display:block;font-size:.625rem;padding:25px 0;text-align:center}@media screen and (max-width:820px){.l-copyright{padding:25px 0;margin-bottom:-75px}}#pagetop{display:block;opacity:0;visibility:hidden}@media screen and (min-width:1461px){html{scroll-padding-top:calc(var(--header-height) - 50px)}.l-site-top{border-block-end:1px solid var(--color--base--pale);display:block;font-size:.625rem;line-height:31px;overflow:hidden;padding:0 var(--margin-m);text-overflow:ellipsis;white-space:nowrap}.p-header{inset-block-start:0;inset-inline:0;position:absolute}.is-passing .p-header{position:fixed}.p-header__box{align-items:center;display:flex;gap:var(--margin-m);height:var(--header-height);justify-content:flex-end;padding:0 var(--margin-m);transition:height var(--duration)}.is-passing .p-header__box{box-shadow:var(--box-shadow);height:calc(var(--header-height) - 50px)}.p-header-logo{margin:0 auto 0 0}.p-header-contact{order:1}.p-header-contact__box{display:grid;gap:var(--margin-2xs);inset-block-end:50%;inset-inline-end:var(--margin-xs);position:fixed;margin:0 auto;translate:0 50%}.p-header-contact__box>*{box-shadow:var(--box-shadow);width:50px}.p-header-contact-button{height:auto;padding-block:1.333em;width:75px}.p-header-contact-button__label{display:block;writing-mode:vertical-rl}.p-header-contact-button__icon{width:2.1em;height:2.1em;background-size:contain;background-repeat:no-repeat;background-position:center;transition:transform .2s ease}.p-header-sns{background-color:var(--color--use--above);border-radius:var(--radius-oval);display:block;padding-block:var(--margin-xs)}.p-header-sns__link{aspect-ratio:1;display:grid;margin:auto;place-content:center;width:35px}.p-header-sns__link:hover>img{scale:1.2}.p-header-sns__link>img{transition:var(--duration)}.p-gnav{align-self:stretch}.p-gnav-icon{display:none}.p-main-nav{display:flex;flex-wrap:wrap;height:100%;justify-content:center}.p-main-nav__item{flex:1 1 auto}.p-main-nav__item--mb{display:none}.p-main-nav__link{font-size:clamp(.75rem, .833vw, 1rem);font-weight:500;height:100%;padding:1em min(1.2vw, 1em);position:relative;text-align:center;transition:color var(--duration)}.p-main-nav__item:has(.p-mega .is-current) .p-main-nav__link,.p-main-nav__link.is-current{gap:.625em}.p-main-nav__item:has(.p-mega .is-current) .p-main-nav__link:before,.p-main-nav__link.is-current:before{aspect-ratio:1/1;background-color:var(--color--link);border-radius:2px;content:"";width:.625em}.p-main-nav__link:after{border-radius:var(--radius-s);content:"";height:2.75em;inset:0;margin:auto;position:absolute;transition:var(--duration);z-index:-1}.p-main-nav__link:not(.is-current){gap:0}.p-main-nav__link:not(.is-current):before{width:0}.p-main-nav__item:hover .p-main-nav__link:not(.is-current){color:var(--color--use--above)}.p-main-nav__item:hover .p-main-nav__link:not(.is-current):before{background:var(--color--use--above)}.p-main-nav__item:hover .p-main-nav__link:not(.is-current):after{background-color:var(--color--link)}.p-mega{--mega--container--padding:var(--margin-s) var(--margin-l);background:var(--color--use--above);border-radius:var(--radius-l);box-shadow:var(--box-shadow);height:auto !important;inset-block-start:100%;inset-inline-start:50%;opacity:0;overflow:clip;pointer-events:none;position:absolute;translate:-50% 10px;width:var(--mega--width,var(--content--width--basic));z-index:-1}.p-mega-header{--c--arrow--fill:var(--color--link);align-items:center;background:var(--color--use--bg);display:flex;font-size:1.25em;font-weight:500;gap:1em;padding:var(--mega--container--padding)}.trigger:hover .p-mega{opacity:1;pointer-events:auto;translate:-50% -10px;z-index:10}.p-mega-list__thumb{background-color:var(--color--use--bg);background-size:cover;border-radius:var(--radius-s);height:8.125em;margin-block-end:.5em}.p-mega-list__thumb.-hp{background-image:url(//webplanet-jp.com/wp-content/themes/webplanet/css/../img/mega-list_hp.jpg)}.p-mega-list__thumb.-lp{background-image:url(//webplanet-jp.com/wp-content/themes/webplanet/css/../img/mega-list_lp.jpg)}.p-mega-list__thumb.-management{background-image:url(//webplanet-jp.com/wp-content/themes/webplanet/css/../img/mega-list_management.jpg)}.p-mega-list__thumb.-about{background-image:url(//webplanet-jp.com/wp-content/themes/webplanet/css/../img/mega-list_about.jpg)}.p-mega-list__thumb.-company{background-image:url(//webplanet-jp.com/wp-content/themes/webplanet/css/../img/mega-list_company.jpg)}.p-mega-list__thumb.-recruit{background-image:url(//webplanet-jp.com/wp-content/themes/webplanet/css/../img/mega-list_recruit.jpg)}.p-mega-btn{display:none}}@media screen and (max-width:1460px){.l-column-page__main{padding-inline:var(--margin-m)}.l-column-page__side{display:none}.p-header__box{align-items:center;display:flex;height:var(--header-height);padding-inline-end:calc(var(--header-height) + var(--margin-xs))}.p-header-logo{padding:0 2vw}.p-header-logo__img{max-height:50px;width:auto}.p-gnav{-ms-overflow-style:none;background:var(--color--base--white);height:100vh;inset-inline-end:0;max-width:480px;overflow-y:scroll;padding-block:var(--header-height);position:fixed;scrollbar-width:none;top:0;transform:translateX(100%);width:100%;z-index:104}.p-gnav.is-sp{transition:.5s cubic-bezier(.65,.05,.36,1);transition-property:transform}.p-gnav::-webkit-scrollbar{display:none}#gnav-check:checked~.p-header .p-gnav{transform:translateX(0)}.p-gnav-icon{align-items:center;background:hsla(0,0%,90%,.4);border:none;cursor:pointer;display:flex;height:var(--header-height);inset-inline-end:0;justify-content:center;outline:none;overflow:hidden;position:fixed;top:0;width:var(--header-height);z-index:106}#gnav-check:checked~.p-header .p-gnav-icon{z-index:107}.p-gnav-icon__wrap{margin:auto;width:30px}.p-gnav-icon__inner--bottom,.p-gnav-icon__inner--middle,.p-gnav-icon__inner--top{background:var(--color--base);display:block;height:2px;position:absolute;transform-origin:center;width:30px}.p-gnav-icon__inner--top{transform:translateY(-10px);transition:all .4s ease}.p-gnav-icon__inner--middle{transition:all .4s linear}.p-gnav-icon__inner--bottom{transform:translateY(10px);transition:all .4s ease}#gnav-check:checked~.p-header .p-gnav-icon__inner--top{transform:rotate(45deg) translateY(0)}#gnav-check:checked~.p-header .p-gnav-icon__inner--middle{opacity:0}#gnav-check:checked~.p-header .p-gnav-icon__inner--bottom{transform:rotate(-45deg) translateY(0)}.p-main-nav__item{border-block-end:1px solid var(--color--use--border);position:relative}.p-main-nav__link{display:block;font-weight:500;padding:1em}.p-mega{--mega--container--padding:.938em;--mega--container--color:var(--color--use--bg);font-size:clamp(.875rem, 1.563vw, 1rem);height:0;overflow:hidden}.p-mega-list__link{padding-block:.5em}.p-mega-products{display:grid;gap:min(3.659vw, 30px);grid-template-columns:repeat(auto-fill,minmax(min(100%, 10em), 1fr))}.p-home-service__deco:before{border-radius:var(--radius-xl) 0 0 var(--radius-xl);height:81.2785388128%;inset-block:0;inset-inline-end:0;width:80vw}}@media screen and (max-width:820px){.p-header-contact{background-color:hsla(0,0%,100%,.9);inset-block-end:0;inset-inline:0;padding:var(--margin-2xs) var(--margin-m);position:fixed}}#pagetop{--c--arrow--width:1em;background:var(--color--above);background:var(--color--link);color:var(--color--use--above);border-radius:var(--radius);box-shadow:var(--box-shadow);display:grid;font-size:.75rem;gap:.4em;height:60px;inset-block-end:var(--margin-xs);inset-inline-end:var(--margin-xs);opacity:0;place-content:center;place-items:center;position:fixed;transition:var(--duration);visibility:hidden;width:60px;z-index:102}#pagetop:hover{background:var(--color--above);color:var(--color--link);text-decoration:none}#pagetop:hover:before{border-bottom-color:inherit}#pagetop.is-on{opacity:1;visibility:visible}.c-svg-area{display:none}@-webkit-keyframes criss-cross-left{0%{left:-20px}50%{left:50%;width:20px;height:20px}100%{left:50%;width:100vw;height:100vh}}@keyframes criss-cross-left{0%{left:-20px}50%{left:50%;width:20px;height:20px}100%{left:50%;width:100vw;height:100vh}}@-webkit-keyframes criss-cross-right{0%{right:-20px}50%{right:50%;width:20px;height:20px}100%{right:50%;width:100vw;height:100vh}}@keyframes criss-cross-right{0%{right:-20px}50%{right:50%;width:20px;height:20px}100%{right:50%;width:100vw;height:100vh}}.blue-Btn,.contact-Btn{position:relative;z-index:9;display:inline-block;overflow:hidden;padding:15px 0;-webkit-transition:all .3s ease;transition:all .3s ease;text-decoration:none;text-indent:-4rem;color:#fff;border:2px solid #c00;border-radius:50px;background:#f30;-webkit-box-shadow:3.019px 2.624px 19.92px 4.08px rgba(80,124,159,.27);box-shadow:3.019px 2.624px 19.92px 4.08px rgba(80,124,159,.27)}.blue-Btn:before,.blue-Btn:after,.contact-Btn:before,.contact-Btn:after{position:absolute;z-index:10;top:50%;width:20px;height:20px;content:'';border-radius:50%;background-color:#fff}.blue-Btn:before,.contact-Btn:before{left:-20px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.blue-Btn:after,.contact-Btn:after{right:-20px;-webkit-transform:translate(50%,-50%);transform:translate(50%,-50%)}.blue-Btn:hover,.contact-Btn:hover{color:#c00;border:2px solid #c00;-webkit-box-shadow:none;box-shadow:none}.blue-Btn:hover span,.contact-Btn:hover span{position:relative;z-index:11}.blue-Btn:hover:before,.contact-Btn:hover:before{-webkit-animation:criss-cross-left .8s both;animation:criss-cross-left .8s both;-webkit-animation-direction:alternate;animation-direction:alternate}.blue-Btn:hover:after,.contact-Btn:hover:after{-webkit-animation:criss-cross-right .8s both;animation:criss-cross-right .8s both;-webkit-animation-direction:alternate;animation-direction:alternate}.blue-Btn .download-Icon,.contact-Btn .download-Icon{position:relative;padding-left:60px}.blue-Btn .download-Icon:before,.contact-Btn .download-Icon:before{position:absolute;top:0;bottom:0;left:20px;width:30px;height:30px;margin-top:auto;margin-bottom:auto;content:'';background-image:url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2024%2024%22%20style%3D%22enable-background%3Anew%200%200%2024%2024%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%23line%2C%23yajirushi%7Bfill%3A%23ffffff%3B%7D%3C%2Fstyle%3E%20%3Cg%20id%3D%22line%22%3E%20%3Crect%20x%3D%224%22%20y%3D%2219%22%20width%3D%2216%22%20height%3D%222%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22yajirushi%22%3E%20%3Cpolygon%20points%3D%2216%2C13%2013%2C13%2013%2C3%2011%2C3%2011%2C13%208%2C13%2012%2C17%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}.blue-Btn .contact-Icon,.contact-Btn .contact-Icon{position:relative;padding-left:60px}.blue-Btn .contact-Icon:before,.contact-Btn .contact-Icon:before{position:absolute;top:3px;bottom:0;left:23px;width:25px;height:25px;margin-top:auto;margin-bottom:auto;content:'';background:url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M20%204H4c-1.1%200-2%20.9-2%202v12c0%201.1.9%202%202%202h16c1.1%200%202-.9%202-2V6c0-1.1-.9-2-2-2zm0%2014H4V8l8%205%208-5v10zm-8-7L4%206h16l-8%205z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E") no-repeat;background-size:100% auto}.blue-Btn:hover .download-Icon:before,.contact-Btn:hover .download-Icon:before{background:url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2024%2024%22%20style%3D%22enable-background%3Anew%200%200%2024%2024%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%23line%2C%23yajirushi%7Bfill%3A%23cc0000%3B%7D%23yajirushi%7B%20opacity%3A%200%3B%20animation%3A%20yajirushi%20.8s%20ease-in-out%20.1s%20infinite%3B%20%7D%20%40keyframes%20yajirushi%20%7B%200%25%20%7B%20opacity%3A%200%3B%20transform%3A%20translate3d(0%2C-30%25%2C%200)%3B%20%7D%20100%25%20%7B%20opacity%3A%201%3B%20transform%3A%20translate3d(0%2C%200%20%2C%200)%3B%20%7D%7D%3C%2Fstyle%3E%20%3Cg%20id%3D%22line%22%3E%20%3Crect%20x%3D%224%22%20y%3D%2219%22%20width%3D%2216%22%20height%3D%222%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22yajirushi%22%3E%20%3Cpolygon%20points%3D%2216%2C13%2013%2C13%2013%2C3%2011%2C3%2011%2C13%208%2C13%2012%2C17%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") left center}.blue-Btn:hover .contact-Icon:before,.contact-Btn:hover .contact-Icon:before{top:3px;background:url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M0%203h24v24H0V3z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M20%207H4c-1.1%200-2%20.9-2%202v12c0%201.1.9%202%202%202h16c1.1%200%202-.9%202-2V9c0-1.1-.9-2-2-2zm0%2014H4V11l8%205%208-5v10z%22%20fill%3D%22%23cc0000%22%2F%3E%3Cpath%20d%3D%22M21.1%208.4H2.9L12%201.8l9.1%206.6z%22%20fill%3D%22none%22%20stroke%3D%22%23cc0000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%2210%22%2F%3E%3C%2Fsvg%3E") no-repeat}.white-Btn{position:relative;z-index:9;display:inline-block;overflow:hidden;padding-top:15px;padding-right:30px;padding-bottom:15px;-webkit-transition:all .3s ease;transition:all .3s ease;text-decoration:none;color:#fff;border:2px solid var(--color--primary);border-radius:50px;background:var(--color--primary);box-shadow:0 8px 16px rgba(0,0,0,.25)}.white-Btn:before,.white-Btn:after{position:absolute;z-index:10;top:50%;width:20px;height:20px;content:'';border-radius:50%;background-color:#fff}.white-Btn:before{left:-20px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.white-Btn:after{right:-20px;-webkit-transform:translate(50%,-50%);transform:translate(50%,-50%)}.white-Btn:hover{color:var(--color--primary);-webkit-box-shadow:none;box-shadow:none}.white-Btn:hover span{position:relative;z-index:11}.white-Btn:hover:before{-webkit-animation:criss-cross-left .8s both;animation:criss-cross-left .8s both;-webkit-animation-direction:alternate;animation-direction:alternate}.white-Btn:hover:after{-webkit-animation:criss-cross-right .8s both;animation:criss-cross-right .8s both;-webkit-animation-direction:alternate;animation-direction:alternate}.white-Btn .arrow-Icon{position:relative;padding-right:20px;padding-left:30px}.white-Btn .arrow-Icon:before{position:absolute;top:0;right:-10px;bottom:0;width:25px;height:25px;margin:auto;content:'';background:url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20fill%3D%22none%22%20d%3D%22M0%200h24v24H0V0z%22%2F%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M22%2012l-4-4v3H3v2h15v3l4-4z%22%2F%3E%3C%2Fsvg%3E") no-repeat;background-size:100% auto}.white-Btn:hover .arrow-Icon:before{z-index:11;-webkit-animation:arrowMove 1S ease 0s infinite;animation:arrowMove 1S ease 0s infinite;background:url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20fill%3D%22none%22%20d%3D%22M0%200h24v24H0V0z%22%2F%3E%3Cpath%20fill%3D%22%231b76be%22%20d%3D%22M22%2012l-4-4v3H3v2h15v3l4-4z%22%2F%3E%3C%2Fsvg%3E") no-repeat}.arrow-Icon{position:relative;padding-right:20px}.arrow-Icon:before{position:absolute;top:0;right:-10px;bottom:0;width:25px;height:25px;margin:auto;content:'';background:url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20fill%3D%22none%22%20d%3D%22M0%200h24v24H0V0z%22%2F%3E%3Cpath%20fill%3D%22%231b76be%22%20d%3D%22M22%2012l-4-4v3H3v2h15v3l4-4z%22%2F%3E%3C%2Fsvg%3E") no-repeat;background-size:100% auto}.arrow-Icon:before{z-index:11;-webkit-animation:arrowMove 1S ease 0s infinite;animation:arrowMove 1S ease 0s infinite;background:url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20fill%3D%22none%22%20d%3D%22M0%200h24v24H0V0z%22%2F%3E%3Cpath%20fill%3D%22%231b76be%22%20d%3D%22M22%2012l-4-4v3H3v2h15v3l4-4z%22%2F%3E%3C%2Fsvg%3E") no-repeat}.btn-detail{margin:0 auto;padding:3em 0;text-align:center;font-size:1.3rem;line-height:1.9}.main{position:relative}.main img{width:100%;height:auto;display:block}@media screen and (min-width:1461px){.main img{margin-top:-50px}}.catch{font-family:"Noto Sans JP","游ゴシック体","Yu Gothic",sans-serif}.catch-1,.catch-2,.catch-3,.catch-4{white-space:nowrap;overflow:hidden;max-width:100vw;box-sizing:border-box;text-align:center;left:50%;transform:translateX(-50%);position:absolute;color:#000;font-weight:700;text-shadow:0 0 2px #fff,0 0 4px #fff,1px 1px 2px #fff;margin:0 !important;padding:0 !important}.catch-1{top:15%;font-size:clamp(1.5rem, 4.1vw, 3.8rem);letter-spacing:clamp(0.02em, 0.4vw, 0.1em)}.catch-2{top:30%;font-size:clamp(2rem, 4.3vw, 4.1rem);letter-spacing:clamp(0.02em, 0.3vw, 0.1em)}.catch-3{top:50%;font-size:clamp(1.5rem, 4.1vw, 3.8rem);letter-spacing:clamp(0.02em, 0.3vw, 0.1em)}.catch-4{top:65%;font-size:clamp(1.5rem, 4.1vw, 3.8rem);letter-spacing:clamp(0em, 0.05vw, 0.02em)}.red{color:red}.animate{font-family:"Times New Roman",游明朝,YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho Pro",serif}.animate span{display:inline-block}.animate span:nth-of-type(1){animation-delay:2.5s}.animate span:nth-of-type(2){animation-delay:3.05s}.animate span:nth-of-type(3){animation-delay:3.1s}.animate span:nth-of-type(4){animation-delay:3.15s}.animate span:nth-of-type(5){animation-delay:3.2s}.animate span:nth-of-type(6){animation-delay:3.25s}.animate span:nth-of-type(7){animation-delay:3.3s}.animate span:nth-of-type(8){animation-delay:3.35s}.animate span:nth-of-type(9){animation-delay:3.4s}.animate span:nth-of-type(10){animation-delay:3.45s}.animate span:nth-of-type(11){animation-delay:3.5s}.animate span:nth-of-type(12){animation-delay:3.55s}.top-wrapper-txt span{opacity:0;transform:translate(-150px,0) scale(.3);animation:leftRight .5s forwards}@keyframes leftRight{40%{transform:translate(50px,0) scale(.8);opacity:1;color:#fff}60%{color:#fff}80%{transform:translate(0) scale(3);opacity:0}100%{transform:translate(0) scale(1);opacity:1}}@media screen and (max-width:820px){.catch-1,.catch-2,.catch-3,.catch-4{white-space:nowrap;overflow:hidden;max-width:100vw;box-sizing:border-box;text-align:center;left:50%;transform:translateX(-50%);position:absolute;color:#000;font-weight:700;text-shadow:-2px -2px 3px #fff,2px -2px 3px #fff,-2px 2px 3px #fff,2px 2px 3px #fff,0 0 6px #fff,0 0 8px #fff;margin:0 !important;padding:0 !important}.catch-1{top:18%;font-size:1.7rem}.catch-2{top:28%;font-size:2.3rem}.catch-3{top:38%;font-size:1.7rem}.catch-4{top:48%;font-size:1.8rem}}h1 span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}h2{font-size:25px;font-size:2.5rem;font-weight:600;position:relative;padding:3.5rem 1.5rem;text-align:center}h2 span{font-size:18px;font-weight:400;display:block;font-family:'Times New Roman',Times,serif}h2:before{position:absolute;bottom:50px;left:calc(50% - 50px);width:100px;height:3px;content:'';border-radius:3px;background:#fa4141}@media screen and (max-width:820px){h2{font-size:15px;font-size:1.5rem;font-weight:600;position:relative;padding:3.5rem .8rem;text-align:center}.title-1__ja{font-size:clamp(.75rem, 1.758vw, 1.125rem)}}.p-banner{margin:0 auto}.banner_box{max-width:1440px;margin:35px auto}.banner_box ul.banner_list{display:flex;justify-content:center;gap:2%}.banner_list li{text-align:center;box-sizing:border-box}.banner_img img{width:100%}.banner_img img:hover{transform:scale(1.05)}.banner_img a:hover{opacity:.7}.banner_box li{width:30%}.banner_box h3.banner_h3{text-align:center;position:relative;font-size:clamp(15px, 1.5vw, 23px);font-weight:700;display:inline-block;letter-spacing:.03em}.banner_box h3.banner_h3 span{font-size:clamp(21px, 2.4vw, 31px);font-weight:700}.banner_box h3.banner_h3:before{content:"";background:url(//webplanet-jp.com/wp-content/themes/webplanet/css/../img/banner_accent_l.png) no-repeat;background-size:contain;transform:translate(0%,-50%);display:flex;width:48px;height:auto;aspect-ratio:700/360;position:absolute;top:50%;left:-32px;z-index:-1;overflow:hidden}.banner_box h3.banner_h3:after{content:"";background:url(//webplanet-jp.com/wp-content/themes/webplanet/css/../img/banner_accent_r.png) no-repeat;background-size:contain;transform:translate(0%,-50%);display:flex;width:48px;height:auto;aspect-ratio:700/360;position:absolute;top:50%;right:-57px;z-index:-1;overflow:hidden}.banner_ttl{margin:0 auto;padding:35px 0;text-align:center;font-size:clamp(18px, 2.5vw, 28px);font-weight:500}.banner_ttl span{font-size:clamp(24px, 4vw, 42px);font-weight:900;padding:0 5px;color:var(--color--primary)}@media (max-width:1000px){.banner_box{padding:0 5%;width:90%;margin-top:40px;margin-bottom:48px}.p-banner,.banner_box{overflow-x:hidden}.banner_box ul.banner_list{display:block;justify-content:space-between}.banner_box li{width:100%;margin:0 auto}.banner_img img{width:100%;padding:0}.banner_box h3.banner_h3 span{font-size:25px}.banner_box h3.banner_h3{font-size:18px}.banner_box h3.banner_h3:before{content:"";background:url(//webplanet-jp.com/wp-content/themes/webplanet/css/../img/banner_accent_l.png) no-repeat;background-size:contain;transform:translate(0%,-50%);display:flex;width:44px;height:auto;aspect-ratio:700/360;position:absolute;top:50%;left:-28px;z-index:-1;overflow:hidden}.banner_box h3.banner_h3:after{content:"";background:url(//webplanet-jp.com/wp-content/themes/webplanet/css/../img/banner_accent_r.png) no-repeat;background-size:contain;transform:translate(0%,-50%);display:flex;width:45px;height:auto;aspect-ratio:700/360;position:absolute;top:50%;right:-53px;z-index:-1;overflow:hidden}.banner_box ul li:nth-child(n+2){margin-top:15px}.banner_ttl{font-weight:600}}.p-about{margin:0 auto;background:#f9f9f9}.p-about-box{max-width:1440px;margin:35px auto}.about_ex-box{display:flex;align-items:center;justify-content:space-between;gap:2rem;max-width:1440px;margin:2rem auto}.about_ex-box img{max-width:50%;height:auto}.about_ex{max-width:50%;font-size:clamp(12px, 1.5vw, 18px);line-height:1.8}.about_ex-catch{font-size:clamp(20px, 3vw, 30px);font-weight:900;line-height:1.5}.about_ex-catch span{font-size:clamp(21px, 3.4vw, 31px);padding:0 5px;color:var(--color--primary)}@media screen and (max-width:820px){.about_ex-box{flex-direction:column}.about_ex-catch{font-size:clamp(23px, 3vw, 39px);font-weight:900;line-height:1.5}.about_ex-catch span{font-size:clamp(30px, 3.4vw, 32px);padding:0;color:var(--color--primary)}.about_ex-box img,.about_ex{max-width:100%;margin:0 auto;text-align:center}.about_ex-text{max-width:90%;margin:25px auto 10px;font-size:1.1rem;text-align:left}}.p-service_list{text-align:center}.p-service_list-box{margin:0 auto;padding:55px 0;max-width:1440px}.p-service_list .desc p{font-size:1.1rem;line-height:2.4}.p-service_list .desc p.mobile{display:none}@media screen and (max-width:1200px){.p-service_list .desc p{font-size:1rem;line-height:1.8}}.p-service_list .catch+.desc{margin-top:15px}.p-service_list{max-width:1440px;margin:-10px auto 55px}#service_list_type1{max-width:1440px;margin:0 auto;display:flex;flex-wrap:wrap}#service_list_type1 li{width:calc(33.333% + 1px);height:auto;margin:0 -1px -1px 0;aspect-ratio:1/1}#service_list_type1 a{border:1px solid #ddd;background:#ecf1f9;width:90%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:5%;transition:all .25s ease;position:relative;z-index:1}#service_list_type1 img{box-shadow:0 8px 16px rgba(0,0,0,.25)}#service_list_type1 .catch{font-size:1rem;line-height:1.8;font-weight:400;text-align:left;overflow:hidden;visibility:visible;margin:10px auto 0}#service_list_type1 .catch span{font-size:18px;line-height:1.8;font-weight:600;text-align:center;max-height:3.6em;overflow:hidden;visibility:visible;padding:10px 0;display:block}#service_list_type1 img{width:100%;height:auto;display:block;margin:0 auto;padding:0}@media(hover:hover){#service_list_type1 li a:hover{color:var(--color--primary);transform:scale(1.2);z-index:10;position:relative;box-shadow:0 0 10px 4px rgba(100,100,100,.1)}#service_list_type1 li a:hover:after{color:var(--color--primary)}#service_list_type1 a:hover{color:var(--color--primary)}}@media screen and (max-width:1400px){#service_list_type1 .catch{font-size:.9rem}}@media screen and (max-width:1100px){#service_list_type1{margin:0 5%}#service_list_type1 li a:after{display:none}#service_list_type1 .catch{font-size:1rem}@media(hover:hover){#service_list_type1 li a:hover{transform:none;box-shadow:none}}}@media screen and (max-width:1100px){#service_list_type1 li{width:calc(100% + 1px);margin:0 0 2em}}.p-selling_point{background:#f9f9f9;padding:55px 0}.feature-section{padding:40px 0}.feature-inner{display:flex;flex-wrap:wrap;max-width:1440px;margin:0 auto;align-items:center}.feature-box{flex:1 1 55%;padding:20px 50px;box-sizing:border-box}.feature_content{display:flex;flex-wrap:wrap;align-items:center;margin-bottom:20px}.point{display:flex;font-weight:600;width:100px;height:100px;background:var(--color--primary);border-radius:100%;color:#fff;font-family:'Arial';display:flex;flex-direction:column;justify-content:center;text-align:center;margin:0 0 35px}.point .label{display:inline-block;font-size:16px;margin-top:10px}.point .num{font-size:41px;margin-top:0}.feature_content .catch{font-size:clamp(1.6rem, 2.8vw, 2.4rem);font-weight:600;line-height:1.4;margin:0 30px 30px;color:#333;text-align:right}.feature_content .catch span{font-size:130%;font-weight:600;line-height:1.4;color:#f60}.feature-box .desc{font-size:1.1rem;line-height:1.8;padding:0 5px}.feature-image{flex:1 1 45%;width:50vw;aspect-ratio:1/1;overflow:hidden;border-radius:50%;box-shadow:0 8px 16px rgba(0,0,0,.25)}.feature-image img{width:100%;height:100%;object-fit:cover}@media screen and (max-width:1440px){.feature-section{padding:10px 20px;background:#f9f9f9}}@media screen and (max-width:1000px){.feature-inner{display:flex;flex-direction:column;margin:0 5%}.feature-box{padding:0;order:2;position:relative;z-index:1}.feature_content{padding:20px 0;margin:0}.feature-image{order:1;margin:0 auto 20px}.feature-image{flex:0 0 100%;width:100%;aspect-ratio:auto;border-radius:5%;position:relative;top:80px;z-index:0}.feature_content .catch{margin:30px 30px 0}.feature-box .desc{font-size:1rem;line-height:1.8;margin-bottom:30px}}@media screen and (max-width:820px){.feature-section{padding:10px 0;background:#f9f9f9}.point{display:flex;font-weight:600;width:75px;height:75px;background:var(--color--primary);border-radius:100%;color:#fff;font-family:'Arial';display:flex;flex-direction:column;justify-content:center;text-align:center;margin:0 0 35px}.point .label{display:inline-block;font-size:15px;margin-top:10px}.point .num{font-size:31px;margin-top:-5px}.feature_content .catch{margin:50px 10px 0}}.p-plan{margin:0 auto}.p-plan_box{margin:0 auto;padding:55px 0;max-width:1440px;overflow:hidden}.scrollbar{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory}.p-plan_list{display:flex;flex-wrap:nowrap;justify-content:flex-start;width:fit-content;min-width:100%}.p-plan_list .list{flex:0 0 330px;box-sizing:border-box;background:#fff;border-bottom:1px solid #ddd;border-right:1px solid #ddd;scroll-snap-align:start}.p-plan_list .list+.list{margin-left:-1px}.p-plan_list .list:last-child{border-right:1px solid #ddd !important;margin-right:0}.p-plan_list .list.basic{background:azure;z-index:2}.p-plan_list .list.standard{background:#ffffe0;border:solid 3px gold;z-index:2}.p-plan_list .list.premium{background:#fff0f5;border-right:3px solid #ddd;z-index:2}.p-plan_list .col{border-bottom:1px solid #ddd;padding:32px 25px}.p-plan_list .standard .col{border-bottom:1px solid #ddd;padding:30px 25px}.p-plan_list .col a{text-align:center;margin:2em auto;font-size:1.3rem}.p-plan_list .col:first-child{border-top:1px solid #ddd}.p-plan_list .col:last-child{border-bottom:none}.p-plan_list .list:first-of-type .col{border-left:1px solid #ddd}.p-plan_list .top .headline{text-align:center;font-size:20px;line-height:1;margin:-2px 0 23px;padding:0;font-weight:600}.p-plan_list .top .price{text-align:center;margin:0;padding:0;line-height:1;font-weight:600}.p-plan_list .top .price .num{font-family:'Arial';font-size:40px}.p-plan_list .top .price .unit{font-size:20px;margin:0 0 0 5px}.p-plan_list .top .price .zei{font-size:15px;font-weight:400}.p-plan_list .top .desc{margin:25px 0 0;padding:0;line-height:2}.p-plan_list .top .button{height:70px;line-height:1.4;color:#fff;background:var(--main_color);border-radius:70px;margin:30px auto 0;text-decoration:none;padding:0 20px;display:flex;justify-content:center;align-items:center}.p-plan_list .col:not(.top){display:flex;flex-wrap:wrap;justify-content:space-between;padding:15px 40px;align-items:center}.p-plan_list .col:not(.top) p{margin:0;line-height:1.9}.scrollbar::-webkit-scrollbar{height:8px}.scrollbar::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.2);border-radius:4px}@media screen and (min-width:1025px){.p-plan_list{flex-wrap:wrap;justify-content:space-between;width:100%}.p-plan_list .list{flex:1 1 25%;margin-left:0}.p-plan_list .list:last-child{border-right:none}}@media screen and (max-width:1024px){.p-plan_list{flex-wrap:nowrap;justify-content:flex-start}.p-plan_list .list{flex:0 0 330px;min-width:330px}.p-plan_list .list+.list{margin-left:-.5px}.p-plan_list .list:last-child{margin-right:0;border-right:none}.scrollbar{overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch}.p-plan_list .col{position:relative;z-index:1}.p-plan_box .white-Btn{font-size:1.1rem !important;padding:.6em 1em;line-height:1.4}.p-plan_box .white-Btn .arrow-Icon{font-size:1.1rem !important}.p-plan_box .white-Btn span{position:relative;left:-6px}}.p-flow{margin:0 auto;background:#f9f9f9}.p-about-box{max-width:1440px;margin:35px auto}.p-flow .flow-list{margin:60px 0 0;padding:0 3%;display:flex;flex-wrap:wrap;justify-content:space-between;gap:45px}.p-flow .flow-list li{display:flex;flex-wrap:wrap;justify-content:center;gap:30px;width:calc((100% - 135px) / 4);border:1px solid #333;border-radius:30px;background:#fff;padding:40px 25px;position:relative;box-sizing:border-box}.p-flow .flow-list .step{display:flex;font-weight:600;width:100px;height:100px;background:var(--color--primary);border-radius:100%;color:#fff;font-family:'Arial';display:flex;flex-direction:column;justify-content:center;text-align:center;margin:0 0 35px}.p-flow .flow-list .step .num{font-size:1.8rem}.p-flow .flow-list .step-name{flex-glow:1;font-size:1.1rem;font-weight:700;line-height:1.5;text-align:center;width:100%;letter-spacing:.1rem;font-feature-settings:"palt"}.p-flow .flow-list .step-txt{font-size:.8rem}.p-flow .flow-list li .line{display:inline-block;position:absolute;right:-46px;top:50%;transform:translateY(-50%);width:46px;height:1px;background:#333}.p-flow .flow-list li:last-child .line{display:none}@media screen and (max-width:1200px){.p-flow .flow-list{margin:40px 0 0;gap:35px;flex-wrap:wrap}.p-flow .flow-list li{gap:10px;width:90%;border-radius:25px;padding:0 5% 20px;margin:0 auto}.p-flow .flow-list li:before{width:50px;height:2px;top:-1px;transform:translateX(-50%);left:50%}.p-flow .flow-list li:after{width:25px;height:2px;bottom:-1px;left:calc(50% - 25px);top:initial}.p-flow .flow-list li .line{right:initial;top:initial;bottom:-36px;transform:none;left:50%;width:1px;height:36px}.p-flow .flow-list .step-name{font-size:1.3rem}.p-flow .flow-list li:last-child .line{display:none}.p-flow .flow-list .step{font-size:1rem;color:#fff;line-height:1;text-align:center;font-weight:700;margin-top:30px;position:relative;z-index:1}.p-flow .flow-list .step-txt{display:none}}.p-work{margin:0 auto}.p-work_box{margin:0 auto;padding:55px 0;max-width:1440px}.work_list_box{display:flex;gap:2rem;overflow:hidden;position:relative;max-width:1440px}.work_list_box:before,.work_list_box:after{content:"";position:absolute;top:0;width:80px;height:100%;z-index:2;pointer-events:none}.work_list_box:before{left:0;background:linear-gradient(to right,#fff 60%,transparent)}.work_list_box:after{right:0;background:linear-gradient(to left,#fff 60%,transparent)}.work_scroll_inner{display:flex;gap:2rem;animation:scroll-left 40s linear infinite}.work_list{flex:0 0 200px;text-align:center}.work_list img{border-radius:3%;border:solid 1px #ccc;width:100%;height:auto}.work_list p{margin-top:.5rem;font-size:.8em;font-weight:400;text-align:center}@keyframes scroll-left{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}@media screen and (max-width:1440px){.work_list_box{padding:0 5%}}@media screen and (min-width:1200px){.work_list_box{max-width:1440px;margin:0 auto}}.work_list{overflow:hidden;position:relative}.work_list figure{overflow:hidden;width:100%;aspect-ratio:4/3;position:relative;background-color:#fff}.work_list figure img{box-sizing:border-box;display:block;width:100%;height:100%;border-radius:3%;border:1px solid #ccc;object-fit:cover;object-position:center;transition:transform 5s linear}.work_list:hover img{transform:translateY(-25%)}.p-faq{margin:0 auto;background:#f9f9f9}.p-faq_box{margin:0 auto;padding:55px 0;max-width:1440px}.qa-list{max-width:90%;margin:0 auto 25px;border:none;border-radius:5px;box-shadow:0 4px 4px rgb(0 0 0/2%),0 2px 3px -2px rgba(0 0 0/5%);background-color:#fff}.qa-list summary{display:flex;justify-content:space-between;align-items:center;position:relative;padding:1em 2em 1em 3em;font-size:1.5em;font-weight:500;cursor:pointer}.qa-list summary:before,.qa-list p:before{position:absolute;left:1em;font-weight:600;font-size:1.3em}.qa-list summary:before{color:#75bbff;content:"Q"}.qa-list summary:after{content:"+";font-size:1.5em;font-weight:700;margin-left:20px;transition:transform .3s;color:var(--color--primary)}.qa-list[open] summary:after{content:"−"}.qa-list p{position:relative;transform:translateY(-10px);opacity:0;margin:0;font-size:1.2em;padding:.3em 5em 1.5em;color:#333;transition:transform .5s,opacity .5s}.qa-list[open] p{transform:none;opacity:1}.qa-list p:before{color:#ff8d8d;line-height:1.2;content:"A";margin-left:.3em}@media screen and (max-width:820px){.qa-list summary{font-size:1em}.qa-list p{font-size:.9em;padding:.3em 3.3em 1.5em;color:#333}}.news-section{max-width:1440px;margin:50px auto;padding:0 20px}.news-tabs{display:flex;border-bottom:3px solid var(--color--primary);margin-bottom:40px}.news-tabs button{flex:1;padding:12px 30px;font-size:16px;text-align:center;border:none;background:#fff;cursor:pointer;transition:.3s}.news-tabs button.active{background:var(--color--primary);color:#fff;border-radius:15px 15px 0 0;font-weight:700}.news-tabs button:hover{background:#f5f5f5;border-radius:15px 15px 0 0;color:#333}.news-list{display:none;padding:0 20px;opacity:0;max-height:0;overflow:hidden;transition:opacity .3s ease,max-height .5s ease}.news-list.active{display:block;opacity:1;max-height:1440px}.news-item{display:flex;align-items:center;padding:15px 0;border-bottom:1px solid #ddd}.news-link{display:flex;flex:1;align-items:center;padding:.5em 2em;text-decoration:none;color:inherit;transition:color .3s}.news-link:hover{color:var(--color--primary)}.news-date{margin-right:3em;white-space:nowrap}.news-category{font-size:12px;border:1px solid #ddd;border-radius:3px;padding:3px 6px;margin-right:3em;white-space:nowrap}.news-title{flex:1;font-size:15px}@media (max-width:820px){.news-tabs button{padding:12px 20px}.news-list{padding:0}.news-item{display:block}.news-link{display:flex;flex-wrap:wrap;align-items:flex-start;padding:.5em}.news-date,.news-category{flex:0 0 auto;margin-right:8px;font-size:13px}.news-date{margin-top:5px}.news-title{flex-basis:100%;margin-top:4px;font-size:15px}}.news-footer{text-align:right;margin-top:20px}.news-footer a{font-size:14px;text-decoration:none;color:#222;border:1px solid #ddd;padding:8px 15px;border-radius:20px;transition:.3s}.news-footer a:hover{background:#f0f0f0}.text-slide-wrapper{overflow:hidden;margin:0;padding:0 0 2em;height:11vw}.text-slide{font-family:"Jost",sans-serif;font-optical-sizing:auto;font-weight:600;display:flex;white-space:nowrap;font-size:8vw;opacity:.3}.text-slide span{padding-left:50px}.text-slide span.red{color:red}.text-slide span.silver{color:silver}.text-slide span.blue{color:var(--color--primary)}@media screen and (max-width:1200px){.text-slide-wrapper{overflow:hidden;margin-top:0;padding:2em 0;height:19vw}.text-slide{font-family:"Jost",sans-serif;font-optical-sizing:auto;font-weight:600;display:flex;white-space:nowrap;font-size:12vw;opacity:.3}.text-slide span{padding-left:10px}}.page-title-area{margin:0 auto;padding:40px 0 55px;background:#f9f9f9;width:100%}.page-title-area span{margin:0;padding:0;font-size:18px;font-weight:400;display:block;font-family:'Times New Roman',Times,serif;text-align:center}.content{padding:0;margin:0 auto}.content section{margin:2em auto 5em}@media screen and (max-width:1460px){.content{padding:0 5%}}.content h3{font-size:clamp(24px, 5vw, 36px);text-align:center;margin-bottom:40px;font-weight:700;position:relative}.content h3:after{content:'';display:block;width:60px;height:3px;background:#007acc;margin:10px auto 0}.breadcrumb{background:#f9f9f9}.breadcrumb-box{font-size:14px;max-width:1440px;margin:0 auto;padding:30px 10px 0}.breadcrumb a{color:#666;text-decoration:none}.breadcrumb a:hover{color:#0b63ce}@media screen and (max-width:820px){.breadcrumb{display:none}}.outline{max-width:1440px}.outline table{width:80%;margin:5em auto;font-size:18px;border-top:solid 1px #ddd}.outline table tr{border-bottom:solid 1px #ddd}.outline table th{width:20%;padding:1.5em 2em;vertical-align:middle}.outline table td{width:50%;padding:1.5em;vertical-align:middle}.outline table td ul{padding:0}.outline table td ul li{padding:5px 0}.access{max-width:1440px}.access iframe{padding:0;height:450px}@media screen and (max-width:820px){.outline table{width:100%;margin:3em auto;font-size:15px}.outline table th{width:95%;display:block;padding:1.5em 1.5em .5em;font-weight:600}.outline table td{width:95%;display:block;padding:0 1.5em 1.5em}.access iframe{width:95%;margin:0 auto;padding:0 2.5%}}.first-top{max-width:1440px}.first-top p{text-align:center;font-size:1.1rem;line-height:1.7;margin:5em auto}@media screen and (max-width:1200px){.first-top p{font-size:1.1rem}}.first-reasons{max-width:1440px;margin:0 auto}.first-reason-list{display:flex;flex-direction:column;gap:30px;margin-bottom:60px;padding:0;list-style:none}.first-reason-list li{background:#fff;border:1px solid #ccc;border-radius:10px;padding:0;box-shadow:0 2px 6px rgba(0,0,0,.04);flex:1;transition:transform .3s ease;overflow:hidden}.first-reason-list li:hover{transform:translateY(-5px)}.first-reason-list h4{background:var(--color--primary);border-top-left-radius:10px;border-top-right-radius:10px;font-size:1.3rem;font-weight:600;margin-bottom:10px;padding:30px 0;color:#fff;text-align:center}.first-reason-list p{background:#fff;font-size:1.1rem;line-height:1.6;color:#000;padding:25px;line-height:1.7}@media screen and (min-width:1200px){.first-reason-list{flex-direction:row}}@media screen and (min-width:820px){.first-reason-list p{padding:25px}}.first-recommend{background:#f5faff;width:100%;margin:0;padding:0}.first-recommend-box{max-width:1440px;margin:0 auto;padding:80px 20px 100px}.first-recommend-title{font-size:clamp(24px, 5vw, 32px);text-align:center;margin-bottom:40px;font-weight:700;color:#007acc}.first-recommend-list{display:grid;grid-template-columns:1fr;gap:20px;max-width:1440px;margin:0 auto;list-style:none;padding:0}.first-recommend-list li{background:#fff;padding:20px 20px 20px 50px;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.05);position:relative;font-size:1.1rem;line-height:1.6;transition:transform .3s ease,box-shadow .3s ease}@media (min-width:820px){.first-recommend-list{grid-template-columns:1fr 1fr}.first-recommend-list li{padding:10px 20px 10px 50px;font-size:1.1rem}}.first-recommend-list li:hover{transform:translateY(-4px);box-shadow:0 8px 16px rgba(0,0,0,.08)}.first-recommend-list li i{color:#00a87e;position:absolute;left:20px;top:22px;font-size:1.2rem}.fade-in-group li{opacity:0;transform:translateY(20px);animation:fadeInUp .6s ease-out forwards}.fade-in-group li:nth-child(1){animation-delay:.2s}.fade-in-group li:nth-child(2){animation-delay:.4s}.fade-in-group li:nth-child(3){animation-delay:.6s}.fade-in-group li:nth-child(4){animation-delay:.8s}.fade-in-group li:nth-child(5){animation-delay:1s}.fade-in-group li:nth-child(6){animation-delay:1.2s}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.support-flow{max-width:1440px;margin:0 auto;padding:2rem 1rem}.flow-container{display:flex;align-items:center;justify-content:center;gap:1.5rem;flex-wrap:wrap}.flow-item{background:#f9f9f9;border:1px solid #ddd;border-radius:10px;padding:1.5rem;flex:1 1 300px;box-shadow:0 4px 8px rgba(0,0,0,.05);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:250px}.flow-item .icon,.flow-item h3{display:block;margin:.5rem 0}.flow-item .icon{font-size:4rem;margin-bottom:1rem}.flow-item h3{font-size:1.6rem;font-weight:700;text-align:center;color:#222}.flow-item p{margin-top:1rem;font-size:1.1rem;text-align:left;line-height:1.8}.arrow{font-size:2rem;color:#999;user-select:none;margin-top:1.5rem}.support-flow-text{margin:35px auto;padding:1.8rem 2rem;border:1px solid #ddd;font-size:1.1rem;line-height:1.8;box-shadow:0 4px 8px rgba(0,0,0,.05)}.first-end{max-width:1440px;margin:0 auto}.first-end p{background-color:#f5f8fa;border:1px solid #ddd;border-radius:8px;padding:1.8rem 2rem;font-size:1.1rem;line-height:1.6}@media (max-width:1000px){.support-flow{padding:0}.flow-container{flex-direction:column;gap:.5rem}.flow-item h3{font-size:1.3rem}.support-flow-text{padding:1.8rem 1rem}.arrow{transform:rotate(90deg);margin:1rem 0}.first-end p{padding:1.8rem 1rem;line-height:1.8}}.company{max-width:1440px}.card-section{display:flex;gap:2rem;justify-content:center;flex-wrap:wrap;padding:2rem 1rem}.card{width:31%;border-radius:16px;overflow:hidden;box-shadow:0 6px 16px rgba(0,0,0,.1)}.card-image{position:relative;width:100%;height:400px;overflow:hidden;border-radius:16px;cursor:pointer;box-shadow:0 4px 8px rgba(0,0,0,.05)}.card-image:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0);z-index:1}.card:hover .card-image:before{background:rgba(255,255,255,.3);rgba(0,0,0,.3)}.card-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}.card:hover img{transform:scale(1.15)}.card-overlay{position:absolute;bottom:0;color:#fff;padding:1.2rem;background:linear-gradient(to top,rgba(0,0,0,.6),transparent 80%);width:100%;box-sizing:border-box}.card-title{font-size:2rem;font-weight:900;color:var(--color--primary);text-shadow:-2px -2px 0 #fff,0 -2px 0 #fff,2px -2px 0 #fff,-2px 0 0 #fff,2px 0 0 #fff,-2px 2px 0 #fff,0 2px 0 #fff,2px 2px 0 #fff}.card-sub{font-size:1.8rem;color:#fff;font-weight:900}.card p{font-size:.95rem;line-height:1.6;margin-top:.5rem}@media screen and (max-width:1100px){.card{width:100%}}.privacy-policy{max-width:1200px}.privacy-policy h3{text-align:left;font-size:1.5rem;margin:10px 0 0}.privacy-policy h3:after{content:'';display:block;width:60px;height:3px;background:0 0;margin:10px auto 0}.privacy-policy p{font-size:1.1rem;line-height:1.6;margin:0 0 30px;padding:0 0 20px;border-bottom:solid 1px #ddd}.privacy-policy-text{text-align:right;padding:35px 0 0}@media screen and (max-width:820px){.privacy-policy h3{font-size:1.1rem}.privacy-policy p{font-size:1rem}}.flow{max-width:1440px;margin:0 auto}.flow .flow-list{margin:0 auto;padding:0 3%;display:flex;flex-wrap:wrap;justify-content:space-between;gap:45px}.flow .flow-list li{display:flex;flex-wrap:wrap;justify-content:center;gap:30px;width:calc((100% - 135px) / 4);border:1px solid #333;border-radius:30px;background:#fff;padding:40px 25px;position:relative;box-sizing:border-box}.flow-link{display:flex;flex-direction:column;align-items:center;width:100%;height:100%;text-decoration:none;color:inherit;position:relative}.flow .flow-list .step{display:flex;font-weight:600;width:100px;height:100px;background:var(--color--primary);border-radius:100%;color:#fff;font-family:'Arial';display:flex;flex-direction:column;justify-content:center;text-align:center;margin:0 0 35px}.flow .flow-list .step .num{font-size:1.8rem}.flow .flow-list .step-name{flex-glow:1;font-size:1.1rem;font-weight:700;line-height:1.5;text-align:center;width:100%;letter-spacing:.1rem;font-feature-settings:"palt"}.flow .flow-list .step-txt{font-size:.8rem}.flow .flow-list li .line{display:inline-block;position:absolute;right:-71px;top:50%;transform:translateY(-50%);width:46px;height:1px;background:#333}.flow .flow-list li:last-child .line{display:none}@media screen and (max-width:1200px){.flow .flow-list{margin:40px 0 0;gap:35px;flex-wrap:wrap}.flow .flow-list li{gap:10px;width:90%;border-radius:25px;padding:0 5% 20px;margin:0 auto}.flow .flow-list li:before{width:50px;height:2px;top:-1px;transform:translateX(-50%);left:50%}.flow .flow-list li:after{width:25px;height:2px;bottom:-1px;left:calc(50% - 25px);top:initial}.flow .flow-list li .line{right:initial;top:initial;bottom:-56px;transform:none;left:50%;width:1px;height:36px}.flow .flow-list .step-name{font-size:1.5rem}.flow .flow-list li:last-child .line{display:none}.flow .flow-list .step{font-size:1rem;color:#fff;line-height:1;text-align:center;font-weight:700;margin-top:30px;position:relative;z-index:1}.flow .flow-list .step-txt{display:none}}.flow-steps{counter-reset:step;list-style:none;padding:0 3%;margin:5em auto}.flow-steps li{margin-bottom:25px}.flow-steps h3{font-size:1.3rem;color:var(--color--primary);font-weight:700;border-left:5px solid var(--color--primary);text-align:left;margin-bottom:25px;padding-left:25px}.flow-steps h3:after{background:0 0;margin:0 auto}.flow-steps h3 span{font-size:1.1rem;color:#333;padding-left:15px}.flow-steps p{font-size:1.1rem;color:#555;line-height:1.8;border-top:1px dotted #ddd;padding:15px}@media (max-width:820px){.flow-title{font-size:1.6rem}.flow-steps h3{font-size:1.1rem}.flow-steps h3 span{font-size:1.3rem;padding-left:0}.flow-steps p{font-size:1rem}}.price{max-width:1440px;margin-bottom:3em}.price-title{font-size:1.1em;line-height:2.4;text-align:center}.price .btn-detail{padding:3em 0}.price-list{max-width:90%;margin:3em auto 25px;border:none;background-color:var(--color--primary)}.price-list summary{display:flex;justify-content:space-between;align-items:center;position:relative;padding:1em 2em 1em 3em;font-size:1.5rem;font-weight:500;color:#fff;cursor:pointer}.price-list summary:after{content:"+";font-size:1.5em;font-weight:700;margin-left:auto;transition:transform .3s;color:#fff}.price-list[open] summary:after{content:"−"}.price-list summary span{margin-right:50px}.price-list p{padding:1em 2em;background:#f8fbff;line-height:2.4}.price-list .price-table{padding:1em 2em;background:#f8fbff}.price-list table{position:relative;transform:translateY(-10px);opacity:0;margin:0;background-color:#fff;padding:.3em 5em 1.5em;color:#333;transition:transform .5s,opacity .5s;border-collapse:collapse;border:1px solid #ddd}.price-list table th,.price-list table td{border:1px solid #ddd;padding:10px 15px;text-align:center;vertical-align:middle;width:50%}.price-list table th{background-color:#f9f9f9}.price-list[open] table{transform:none;opacity:1}@media screen and (max-width:820px){.price-title{font-size:1em;line-height:1.8;text-align:left}.price h3{padding:1em 0 0}.price-list{max-width:100%}.price-list summary{font-size:1.1rem;font-weight:900;padding:1em}.price-list p{font-size:1.1rem;padding:1em 1em 1.5em;color:#333;line-height:1.8}.price-list .price-table{padding:1em 0}.price-list table{font-size:.9rem;padding:.3em 0 1.5em}.price .arrow-Icon{font-size:1rem}}.faq{margin:0 auto}.faq_box{margin:0 auto;padding:55px 0;max-width:1440px}.faq_box .p-mega-type{grid-template-columns:1fr 1fr}.faq_box h3{margin:75px auto}.faq_box .qa-list{border:solid 1px #ddd}@media screen and (max-width:820px){.faq_box{margin:0 auto;padding:0}.faq_box .p-mega-type{grid-template-columns:1fr}.faq_box .qa-list{max-width:100%;margin:0 auto 25px}}.service{margin:5em auto;padding:0}.service_list{margin:0 auto;padding:0}.service-section{display:grid;grid-template-columns:repeat(2,1fr);grid-auto-rows:1fr;gap:2rem;max-width:1440px;margin:0 auto;padding:2rem 0}.service-section a:hover{color:#111;opacity:.7}.service-card{background:#fff;border:solid 1px #ddd;box-shadow:0 4px 8px rgba(0,0,0,.1);margin:0 0 5em;padding:2rem;border-radius:8px;transition:transform .3s ease;display:flex;flex-direction:column}.service-card:hover{transform:translateY(-5px);cursor:pointer}.icon{width:100px;height:100px;background:#fff;border:solid 2px var(--color--primary);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:-5em auto 1rem auto}.icon img{width:50px;height:50px}.service-card h3{font-size:1.5rem;margin-bottom:.5rem;border-left:4px solid var(--color--primary);padding-top:15px;padding-left:.8rem;text-align:left}.service-card h3:after{content:'';display:block;width:60px;height:3px;background:0 0;margin:10px auto 0}.service-card .lead{font-size:1.1rem;font-weight:700;margin-bottom:.5rem}.service-card p{line-height:1.8}@media (max-width:1050px){.service-card{padding:2rem 1rem}.service-section{grid-template-columns:1fr}.service-card h3{font-size:1.3rem}}.plan{margin:0 auto;padding:0;max-width:1440px;font-size:1.1rem;line-height:1.8}.plan-header{padding-left:16px;margin-bottom:30px}.plan-subheading{font-size:14px;color:#666}.plan-title{font-size:32px;margin:5px 0 10px;font-weight:700}.plan-recommend{text-align:center;padding:4em 1em}.plan-recommend-heading{font-size:1.8em;font-weight:700;color:#333}.plan-recommend-list{display:flex;justify-content:center;flex-wrap:wrap;gap:1em}.plan-recommend-item{background:#fff;border-radius:8px;padding:1em;font-size:1em;color:#333;box-shadow:0 2px 4px rgba(0,0,0,.1);min-width:280px;max-width:480px}.plan-columns{display:flex;flex-direction:row;align-items:stretch;gap:50px;margin:3em auto 0}.plan-image{flex:4;display:flex;justify-content:center;align-items:center}.plan-image img{max-width:100%;height:auto}.plan-content{flex:6;width:60%}.plan-points{list-style:none;padding-left:0;margin-bottom:50px}.plan-points li{position:relative;padding-left:24px;margin-bottom:10px}.plan-points li:before{content:"●";color:#9256c5;position:absolute;left:0}.plan-description{margin:20px 0 30px}.plan-note{font-size:13px;color:#999}.plan-specs{display:grid;gap:1em;grid-template-columns:repeat(4,1fr);margin:0 0 1em}@media (max-width:1200px){.plan-specs{grid-template-columns:repeat(3,1fr)}}@media (max-width:1000px){.plan-specs{grid-template-columns:repeat(2,1fr)}}@media (max-width:820px){.plan-specs{grid-template-columns:1fr}.plan-recommend-list{font-size:1rem}.plan-description{font-size:1.1rem;line-height:1.8}}.plan-spec{background:#f6f6f6;padding:1em;border:1px solid #ddd;text-align:center}.plan-spec h4{font-weight:600;margin-bottom:.5em;color:#333}.plan-spec-note{font-size:11px;color:#999;margin:0 0 7em}.plan table{width:100%;border-collapse:collapse;margin:3em auto 5em}.plan th,.plan td{border:1px solid #ccc;padding:1em;width:50%;text-align:left}.plan th{text-align:center;color:#fff;font-weight:600}@media (max-width:820px){.plan th{width:30%;font-size:1rem}.plan td{width:70%;font-size:1rem}}.plan-feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;padding:2rem 0}@media (max-width:820px){.plan-columns{flex-direction:column}.plan-content{width:100%}.plan-feature-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:2rem;padding:0}}.plan-feature{text-align:center;padding:1.5rem;background:#fff;border-radius:10px;box-shadow:0 2px 10px rgba(0,0,0,.05)}.plan-feature-note{font-size:13px;color:#999;display:inline-block;line-height:1.5}.plan-feature-img{width:60px;height:auto;margin-bottom:1rem}.plan-feature h4{font-size:1.3em;font-weight:600;padding:10px 0 20px}.plan-feature p{text-align:left}.plan .scrollbar{margin:5em auto;padding:0}.plan .option-table{width:99%;min-width:1250px;border-collapse:collapse;table-layout:fixed;margin:0;padding:0}.plan .option-table th,.plan .option-table td{border:1px solid #ccc;padding:1em;text-align:left;box-sizing:border-box;vertical-align:middle}.plan .option-table th{font-weight:700;text-align:center;background:#333;width:25%}.plan .option-table td{width:25%}.lp-option-note{font-size:11px;color:#999}.plan .lp-option-table{width:99%;min-width:1000px;border-collapse:collapse;table-layout:fixed;margin:0;padding:0}.plan .lp-option-table th,.plan .lp-option-table td{border:1px solid #ccc;padding:1em;text-align:left;box-sizing:border-box;vertical-align:middle}.plan .lp-option-table th{font-weight:700;text-align:center;width:30%}.plan .lp-option-table td:first-child{width:25%}.plan .lp-option-table td.col-middle{width:45%}.plan .lp-option-table td:last-child{width:30%}@media (max-width:1460px){.plan .lp-option-table td:last-child{width:370px}}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin:5em auto 0}.service-item{text-align:center;padding:10px;background-color:#fff;border-radius:10px;border:1px solid #ddd;box-shadow:0 0 10px rgba(0,0,0,.05);transition:transform .3s}.service-item:hover{transform:translateY(-5px)}.service-item i{font-size:3em;color:#007acc;margin-bottom:10px}.service-item h4{font-size:1.1em;color:#333}.site-type-item{background:#007acc;border-radius:10px;border:1px solid #ddd;box-shadow:0 0 10px rgba(0,0,0,.05);padding:25px;text-align:center}.site-type-item i{font-size:3em;color:#fff;margin-bottom:15px}.site-type-item h4{font-size:1.2em;font-weight:600;margin-bottom:10px;color:#fff}.site-type-item p{font-size:.95em;text-align:left;color:#fff;line-height:1.6}.plan .edit-table{width:99%;min-width:900px;border-collapse:collapse;table-layout:fixed;margin:0;padding:0}.plan .edit-table th,.plan .edit-table td{width:33%;border:1px solid #ccc;padding:1em;box-sizing:border-box;vertical-align:middle}.plan .edit-table th{font-weight:700;text-align:center;background:#007acc}.edit-table-title{background:#007acc;color:#fff;text-align:center !important;font-weight:700}.plan .edit-table td{text-align:left}.edit-line-l{border-left:8px solid #007acc}.edit-line-l{border-left:8px solid #007acc}.edit-line-b{border-bottom:8px solid #007acc}.edit-list .plan-points li:before{color:#007acc}.edit-bg{background:#007acc}@media (max-width:1000px){.service-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:5em auto 0}}@media (max-width:820px){.service-item h4{font-size:1.1rem;color:#333}.site-type-item{padding:10px}.site-type-item h4{font-size:.9rem}}.planset-cards{display:flex;flex-wrap:wrap;gap:20px}.planset-card{border:1px solid #333;border-radius:10px;padding:1.8em 1.6em 1.2em;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.05);flex:1 1 calc(33.333% - 13.33px);max-width:calc(33.333% - 13.33px);box-sizing:border-box}.planset-card h4{font-size:1.7em;font-weight:600;margin-bottom:10px;color:#333}.planset-card .price{font-size:1em;font-weight:700;margin-bottom:10px}.planset-card .price span{font-size:1.5em;font-weight:700;margin-bottom:10px;color:#c00}.planset-card .target{font-size:.9em;color:#666;margin-bottom:10px}.planset-card ul{padding:0 1.5em;list-style:disc;margin-bottom:0}.planset-card .worktime{padding:1em 1.5em 1em 0;text-align:right}.honeydew-bg{background:#e6f8f2}.ivory-bg{background:#fff5e6}.lavenderblush-bg{background:#ffe6f0}@media (max-width:1000px){.planset-card{flex:1 1 100%;max-width:100%}}.common-support__list{margin:3em auto}.common-support__list h4{margin:3em auto;text-align:center;font-size:1.6em;font-weight:600}.round-list{display:flex;justify-content:space-between;flex-wrap:wrap;gap:20px;max-width:1440px;width:100%;margin:0 auto;padding:0;list-style:none}.round-list li{width:200px;height:200px;border-radius:50%;border:1px solid #ddd;background:#4169e1;color:#fff;text-align:center;display:flex;align-items:center;justify-content:center;font-size:1.3rem;font-weight:600;padding:20px;box-shadow:0 2px 4px rgba(0,0,0,.1)}@media screen and (max-width:1440px){.round-list li{width:40%;height:auto;border-radius:10px;font-size:1rem}}@media screen and (max-width:1000px){.round-list{justify-content:center}.round-list li{width:100%;height:auto;border-radius:10px}}.ec-service-list{width:100%}.ec-service-list img{width:33.333%}.plan .ec-table{width:99%;min-width:1000px;border-collapse:collapse;table-layout:fixed;margin:0 auto;padding:0}.plan .ec-table th,.plan .ec-table td{border:1px solid #ccc;padding:1em;text-align:left;box-sizing:border-box;vertical-align:middle}.plan .ec-table th{font-weight:700;text-align:center;width:25%}.plan .ec-table td{width:25%}.ec-plan{margin:0 auto 5em}.ec-plan h4{margin:3em auto;text-align:center;font-size:1.6em;font-weight:600}.ec-plan-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px, 1fr));gap:20px;list-style:none;padding:0}.ec-card{background:#e74c3c;border:1px solid #ddd;padding:1.2em;border-radius:12px;box-shadow:0 2px 6px rgba(0,0,0,.05);color:#fff;font-size:1rem;text-align:center;transition:.3s ease;display:flex;flex-direction:column;justify-content:center;align-items:center}.plan--economy-line-l{border-left:8px solid #57d09d}.plan--economy-line-b{border-bottom:8px solid #57d09d}.plan--economy-list .plan-points li:before{color:#57d09d}.plan--economy-bg{background:#57d09d}.plan--economy-border{border:1px solid #57d09d}.plan--basic-line-l{border-left:8px solid #f4b24d}.plan--basic-line-b{border-bottom:8px solid #f4b24d}.plan--basic-list .plan-points li:before{color:#f4b24d}.plan--basic-bg{background:#f4b24d}.plan--basic-border{border:1px solid #f4b24d}.plan--standard-line-l{border-left:8px solid #3b7cc1}.plan--standard-line-b{border-bottom:8px solid #3b7cc1}.plan--standard-list .plan-points li:before{color:#3b7cc1}.plan--standard-bg{background:#3b7cc1}.plan--standard-border{border:1px solid #3b7cc1}.plan--premiere-line-l{border-left:8px solid #7f5ebf}.plan--premiere-line-b{border-bottom:8px solid #7f5ebf}.plan--premiere-list .plan-points li:before{color:#7f5ebf}.plan--premiere-bg{background:#7f5ebf}.plan--premiere-border{border:1px solid #7f5ebf}.plan--ec-line-l{border-left:8px solid #e74c3c}.plan--ec-line-b{border-bottom:8px solid #e74c3c}.plan--ec-list .plan-points li:before{color:#e74c3c}.plan--ec-bg{background:#e74c3c}.plan--ec-border{border:1px solid #e74c3c}.plan--lp-line-l{border-left:8px solid #e45b88}.plan--lp-line-b{border-bottom:8px solid #e45b88}.plan--lp-list .plan-points li:before{color:#e45b88}.plan--lp-bg{background:#e45b88}.plan--lp-border{border:1px solid #e45b88}.green-line-l{border-left:8px solid #3cb371}.green-line-b{border-bottom:8px solid #3cb371}.green-list .plan-points li:before{color:#3cb371}.green-bg{background:#3cb371}.blue-line-l{border-left:8px solid #1e90ff}.blue-line-b{border-bottom:8px solid #1e90ff}.blue-list .plan-points li:before{color:#1e90ff}.blue-bg{background:#1e90ff}.orange-line-l{border-left:8px solid coral}.orange-line-b{border-bottom:8px solid coral}.orange-list .plan-points li:before{color:coral}.orange-bg{background:coral}.yellow-line-l{border-left:8px solid gold}.yellow-line-b{border-bottom:8px solid gold}.yellow-list .plan-points li:before{color:gold}.yellow-bg{background:gold}.black-line-l{border-left:8px solid #000}.black-line-b{border-bottom:8px solid #000}.black-list .plan-points li:before{color:#000}.black-bg{background:#000}.business-support h3{font-size:clamp(24px, 5vw, 36px);text-align:center;margin-bottom:40px;font-weight:700;position:relative}.business-support h3:after{content:'';display:block;width:60px;height:3px;background:#007acc;margin:10px auto 0}.business-support section{padding:5em 0;font-size:1.1rem;line-height:1.8}@media (max-width:820px){.business-support section{font-size:1rem}}.business-support .container{max-width:1440px;margin:0 auto;padding:0 20px}.business-support .section-heading h3{text-align:center}.business-support .section-heading p{text-align:left;line-height:1.8}.business-support .section-heading p span{font-size:115%;font-weight:600}.modern-company-start{background:linear-gradient(to right,#f0f8ff,#fff);padding:60px 0}.modern-company-start .intro-content{display:flex;flex-wrap:wrap;align-items:center;gap:40px}.modern-company-start .text-area{flex:2}.modern-company-start .text-area p{font-size:18px;line-height:2em}.modern-company-start .visual-area img{width:100%;max-width:600px;border-radius:12px;box-shadow:0 4px 15px rgba(0,0,0,.1)}.modern-company-start .text-area h3{text-align:left}.modern-company-start .text-area h3{font-size:clamp(24px, 5vw, 36px);font-weight:700;margin-bottom:10px}.modern-company-start .text-area h3:after{display:none}@media (max-width:820px){.modern-company-start .container{max-width:100%;box-sizing:border-box}}@media (max-width:820px){.modern-company-start{margin:0;padding:3em 0 0}.modern-company-start .intro-content{flex-direction:column}.modern-company-start .visual-area{order:-1}.modern-company-start .text-area p{font-size:15px;line-height:2em}}.business-support .lead .lead-features{display:flex;justify-content:space-around;flex-wrap:wrap;gap:30px;margin:40px auto}.feature-card{background:#f4f8ff;padding:30px 20px;border-radius:12px;border:1px solid #ddd;text-align:center;box-shadow:0 3px 12px rgba(0,0,0,.05);max-width:100%;flex:1;transition:transform .3s}.feature-card h4{margin-bottom:15px;font-size:18px;font-weight:600}.feature-card img{width:60px;margin-bottom:15px}@media (max-width:820px){.business-support .lead .lead-features{flex-direction:column;gap:20px}.feature-card{flex:1 1 100%;max-width:100%}}.business-support .recommended{padding:60px 20px;background:#f9fafc}.recommended-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:40px auto}.recommended-card{background:#fff;border-radius:12px;border:1px solid #ddd;padding:20px;text-align:center;box-shadow:0 4px 10px rgba(0,0,0,.06);transition:transform .3s ease,box-shadow .3s ease}.recommended-card img{width:60px;height:60px;margin-bottom:15px}.recommended-card h4{font-size:1.2rem;font-weight:600;color:#333;margin-bottom:10px}.recommended-card p{font-size:.95rem;color:#666;line-height:1.6}@media (max-width:1024px){.recommended-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:820px){.business-support .recommended{padding:60px 0;background:#f9fafc}.recommended-grid{grid-template-columns:1fr}}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin:40px auto}.business-support .feature-box{background:linear-gradient(135deg,#f0f8ff,#fff);border:1px solid #ddd;border-radius:10px;padding:25px 20px;box-shadow:0 3px 10px rgba(0,0,0,.06)}.business-support .feature-box h4{font-size:1.2rem;font-weight:600;margin-bottom:10px;padding-left:20px;border-left:5px solid #4169e1}@media (max-width:1024px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:820px){.features-grid{grid-template-columns:1fr}}.business-support .testimonials{padding:64px 20px}@media (max-width:820px){.business-support .testimonials{padding:64px 0}}.business-support .testimonials__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:40px auto}.business-support .testimonials__card{background:#fff;border-radius:16px;padding:22px 22px 18px;box-shadow:0 8px 24px rgba(15,35,75,.08);border:1px solid #ddd;transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease;position:relative;overflow:hidden}.business-support .testimonials__card:after{content:"";position:absolute;inset:0;background:radial-gradient(1200px 200px at -10% -20%,rgba(65,105,225,.08),transparent 40%);pointer-events:none}.business-support .testimonials__profile{display:grid;grid-template-columns:150px 1fr;gap:14px;align-items:flex-end;margin-bottom:14px}.business-support .testimonials__profile img{width:150px;height:150px;border-radius:50%;object-fit:cover;object-position:center 10%}.business-support .testimonials__name{font-size:1.05rem;margin:0 0 2px;color:#182032}.business-support .testimonials__meta{font-size:.9rem;color:#667085;margin:0}.business-support .testimonials__quote{position:relative;background:linear-gradient(180deg,#f4f8ff 0%,#fff 100%);border:1px solid rgba(65,105,225,.15);border-radius:12px;padding:14px 16px;margin:10px 0 14px}.business-support .testimonials__quote p{margin:0;color:#2b3445;line-height:1.7;font-size:.98rem}.business-support .testimonials__points{display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:0;list-style:none}.business-support .testimonials__points li{font-size:.86rem;color:#334155;background:rgba(65,105,225,.08);border:1px solid rgba(65,105,225,.16);padding:6px 10px;border-radius:999px;white-space:nowrap}@media (max-width:1024px){.business-support .testimonials__grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:820px){.business-support .testimonials__grid{grid-template-columns:1fr}.business-support .testimonials__card{padding:20px}}.testimonials-container{display:flex;flex-wrap:wrap;gap:30px}.testimonial-box{background:#fff;border:1px solid #ddd;padding:20px;border-radius:10px;box-shadow:0 2px 6px rgba(0,0,0,.05);flex:1;min-width:280px}.testimonial-box p{font-style:italic}.business-support-bg{padding:60px 20px;background:#f8fbff}.contact{max-width:1000px;margin:0 auto;padding:3em 1em;font-size:16px;line-height:1.6}.contact-lead{font-size:1.1em;text-align:center;padding:0 0 2em;color:#333}.contact-form{border-radius:6px;border-left:1px solid #eee;border-right:1px solid #eee;border-top:1px solid #eee;overflow:hidden}@media (max-width:820px){.contact{padding:0;font-size:16px;line-height:1.6}.contact-lead{font-size:.9em}.contact-form{border-radius:6px;border-left:1px solid #eee;border-right:1px solid #eee;border-top:1px solid #eee;overflow:hidden}}.form-row{display:flex;flex-wrap:wrap;border-bottom:1px solid #eee;background:#f9f9f9;padding:0;align-items:center}.form-label{flex:0 0 20%;font-weight:700;color:#333;padding:2em}.form-field{flex:1;padding:2em;background:#fff;box-sizing:border-box}.required{border-radius:3px;color:#fff;font-size:.85em;margin-left:.3em;padding:.1em .3em .3em;background:#d33}.form-row input[type=radio]{appearance:auto !important;-webkit-appearance:radio !important;-moz-appearance:radio !important;display:inline-block !important;opacity:1 !important}.form-row select{appearance:auto !important;-webkit-appearance:menulist !important;-moz-appearance:menulist !important}.wpcf7-form-control{width:100%;max-width:100%;padding:.6em;border:1px solid #ccc;border-radius:4px;font-size:15px;box-sizing:border-box;transition:border-color .3s,box-shadow .3s}@media (max-width:820px){.wpcf7-form-control{max-width:100%;width:100%;box-sizing:border-box}}.wpcf7-form-control-wrap[data-name=occupation] .wpcf7-form-control{border:none !important;box-shadow:none !important;display:flex !important;gap:20px}.wpcf7-form-control-wrap[data-name=occupation] .wpcf7-list-item{display:flex;align-items:center;margin:0}.wpcf7-form-control-wrap[data-name=occupation] .wpcf7-list-item input[type=radio]{appearance:none;-webkit-appearance:none;-moz-appearance:none;width:16px;height:16px;border:2px solid #ccc;border-radius:50%;cursor:pointer;margin-right:6px}.wpcf7-form-control-wrap[data-name=occupation] .wpcf7-list-item input[type=radio]:checked{background-color:#007bff;border-color:#007bff}.wpcf7-form-control-wrap[data-name=occupation] .wpcf7-list-item-label{cursor:pointer}.wpcf7-form-control-wrap input[type=text],.wpcf7-form-control-wrap input[type=email],.wpcf7-form-control-wrap input[type=tel],.wpcf7-form-control-wrap textarea,.wpcf7-form-control-wrap select{border:1px solid #ccc;border-radius:4px;padding:.5em;box-sizing:border-box;transition:border-color .3s,box-shadow .3s}.wpcf7-form-control-wrap input:focus,.wpcf7-form-control-wrap textarea:focus,.wpcf7-form-control-wrap select:focus{border-color:#007bff;box-shadow:0 0 5px rgba(0,123,255,.5);outline:none}.wpcf7-form-control-wrap input[type=checkbox]{appearance:auto !important;-webkit-appearance:checkbox !important;-moz-appearance:checkbox !important;width:auto !important;height:auto !important;border:none !important;background:0 0 !important;margin:0 4px 0 0;cursor:pointer}textarea.wpcf7-form-control{resize:vertical;min-height:150px;max-height:400px}.example{font-size:.85em;color:#888;margin-bottom:.3em}.privacy-confirm{margin-top:2em;padding:2em 1em;background:#f9f9f9;border-radius:6px;border:1px solid #eee}.privacy-title{font-size:1.4em;font-weight:700;color:#005bac;margin-bottom:1em}.privacy-confirm p{font-size:.95em;color:#333;margin-bottom:1em}.privacy-confirm a{color:#005bac;text-decoration:underline}.privacy-checkbox,.confirm-checkbox{max-width:300px;margin:1em auto;padding:0;text-align:center;border:none}.privacy-confirm .wpcf7-form-control{border:none}.privacy-checkbox label,.confirm-checkbox label{font-size:.95em;color:#333;display:flex;align-items:center;cursor:pointer}.privacy-checkbox input,.confirm-checkbox input{margin-right:.5em;width:auto;border:none}.privacy-checkbox .wpcf7-list-item label,.confirm-checkbox .wpcf7-list-item label{display:flex;align-items:center;background:#fff;border-radius:3px;border:1px solid #ccc;padding:.6em 1em;margin:0 auto;width:fit-content;box-sizing:border-box}.wpcf7-form .wpcf7-not-valid-tip{color:red;font-size:14px}.wpcf7-form .wpcf7-mail-sent-ok{color:green;font-size:16px;margin-bottom:20px}.wpcf7 form.sent .wpcf7-response-output{border-color:#1b76be;text-align:center}.wpcf7 form.invalid .wpcf7-response-output,.wpcf7 form.unaccepted .wpcf7-response-output{border-color:red;text-align:center;color:red}@media (max-width:820px){.form-row{flex-direction:column;background:0 0;padding:0}.form-label,.form-field{width:100%;box-sizing:border-box}.form-label{width:100%;background:#f9f9f9;border-bottom:1px solid #eee;padding:1.3em}.form-field{width:90%;padding:1.3em 0}.privacy-confirm{padding:1.5em 1em}.privacy-title{font-size:1.2em}.privacy-checkbox label,.confirm-checkbox label{font-size:.9em}.contact,.contact-form,.wpcf7{max-width:100%;overflow-x:hidden}}.form-submit{text-align:center;margin-top:2em}.wpcf7-submit{background:#1b76be;color:#fff;padding:.8em 2.5em;border:none;border-radius:4px;font-size:16px;cursor:pointer;transition:background .3s ease}.wpcf7-submit:hover{background:#004080}.contact-note{font-size:.8rem;text-align:center;padding:1.5em 0}.post-container{max-width:1440px;margin:0 auto 5em;padding:20px 0 50px 20px;display:flex;gap:20px;align-items:flex-start}.post-content{flex:1;min-width:0}.sidebar{width:300px;padding:20px 0;border-radius:8px}.sidebar .side_widget{margin-bottom:50px}.sidebar h3{font-size:18px;margin-bottom:15px;border-bottom:1px solid #333;padding-bottom:5px;text-align:center}.latest-widget ul{list-style:none;padding:0;margin:0}.latest-widget li{position:relative;padding:0;margin-bottom:10px;border-bottom:1px solid #ccc}.latest-widget li:before{content:"›";position:absolute;left:0;top:0;color:#0073aa;font-size:16px;line-height:2.2}.latest-widget a{display:flex;flex-direction:column;align-items:flex-start;padding:8px 12px;color:#333;text-decoration:none;border-radius:4px}.latest-widget a:hover{background:#f0f8ff;color:#0073aa}.latest-widget .post-category{font-size:12px;margin-top:4px;border:1px solid #999;border-radius:3px;padding:2px 6px;color:#0073aa;background:#fff;white-space:nowrap}.category-widget ul,.archive-widget ul{list-style:none;padding:0;margin:0}.category-widget li,.archive-widget li{margin-bottom:8px;border-bottom:1px solid #ccc}.category-widget a,.archive-widget a{display:block;padding:8px 12px;color:#333;text-decoration:none;border-radius:4px;position:relative}.category-widget a:before,.archive-widget a:before{content:"›";position:absolute;left:0;top:50%;transform:translateY(-50%);color:#0073aa;font-size:16px}.category-widget a:hover,.archive-widget a:hover{background:#f0f8ff;color:#0073aa}.tag-widget .tagcloud{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.tag-widget .tagcloud a{display:block;padding:5px 10px;background:#fff;border:1px solid #333;border-radius:3px;font-size:11px !important;color:#333;text-decoration:none;overflow-wrap:break-word;word-break:break-all;position:relative}.tag-widget .tagcloud a:hover{background:#4169e1;color:#fff;border-color:#2e5aa8}.tag-widget .tagcloud a:before{font-family:"FontAwesome";content:"\f02b";padding-right:4px;float:left;color:#4169e1}.tag-widget .tagcloud a:hover:before{color:#fff}@media (max-width:820px){.post-container{flex-direction:column;padding:0 5%}.sidebar{width:90%;margin:20px auto 0;padding:0 5% 50px}}@media (min-width:820px){.sidebar{position:sticky;top:80px}}.post-content .date{text-align:right;font-size:13px;color:#777}.notice h3{font-size:24px;font-weight:600;margin:3em 0 1em;padding:50px 14px 12px;border-bottom:2px solid #333}.notice{margin:3em auto}.notice p{line-height:1.9;font-size:16px}.notice table{max-width:100%}.notice table,.notice table td,.notice table th{border:1px gray solid}.notice table th{padding:10px}.notice table td{padding:10px}.notice img{max-width:100%;height:auto;text-align:center;margin:0 auto}.new{display:flex;flex-direction:column;margin:3em auto}.new dt{padding:.8em 0;border-bottom:1px solid #ddd}.new dt .post-link{display:flex;align-items:center;text-decoration:none;color:#333;gap:10px}.new dt .post-link:hover{color:var(--color--primary)}.new dt .post-date{font-weight:700}.new dt .post-category{display:inline-block;padding:2px 6px;border:1px solid #0073aa;border-radius:3px;background:#f9f9f9;font-size:12px;color:#0073aa;white-space:nowrap}.new dt .post-title{font-weight:400}@media screen and (max-width:820px){.post-link{display:flex;flex-wrap:wrap;align-items:flex-start;padding:.5em;gap:.3em}.post-link .post-date,.post-link .post-category{flex:0 0 auto;margin-right:8px;font-size:13px}.post-link .post-title{flex-basis:100%;margin-top:4px;font-size:15px}}.works-grid{display:grid;grid-template-columns:repeat(3,1fr);column-gap:35px;row-gap:85px;margin-top:30px}.works-item{align-self:flex-end}.works-item a:hover{color:#333}.imac-wrap{position:relative;width:100%;aspect-ratio:16/11}.imac-inside{position:absolute;top:6%;left:3.8%;width:93%;height:70%;object-fit:cover;z-index:1;border-radius:4px}.imac-frame{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;z-index:2;pointer-events:none}.works-title{margin:12px 0 15px;font-size:13px}@media (max-width:1000px){.works-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:820px){.works-grid{grid-template-columns:1fr}}.pagination{margin-top:2em;text-align:center}.pagination .page-numbers{display:inline-block;padding:5px 10px;margin:0 2px;border:1px solid #ddd;border-radius:3px;text-decoration:none;color:#333}.pagination .page-numbers.current{background:#0073aa;color:#fff;border-color:#0073aa}.term{max-width:1440px;margin:0 auto}.term p{padding:10px 5px 20px;line-height:2em}.term_keybord{margin:3em auto}.term_keybord ul{list-style-type:none;display:flex;margin:0;padding:0}.term_keybord li{flex:1 1 19%;text-align:center;padding:10px;border-top:1px solid #ddd;border-left:1px solid #ddd;background-color:#f9f9f9}.term_keybord li:last-child{border-right:1px solid #ddd}.term_keybord ul:last-child li{border-bottom:1px solid #ddd}.term_keybord li:hover{background-color:#fff;transition:background-color .3s}.term_keybord li a{font-size:18px;text-decoration:none;color:#333;display:block}.term_keybord li a:hover{color:#0073e6}.term-box{max-width:1200px;margin:0 auto;padding:0 20px;box-sizing:border-box}.term_keybord-box{max-width:1200px;margin:0 auto;padding:5em 20px 3em;box-sizing:border-box}@media (max-width:820px){.term-box{padding:0}.term_keybord-box{padding:5em 0 0}}.term-box .term-box-title{font-size:clamp(24px, 5vw, 36px);text-align:center;margin-bottom:40px;font-weight:700;position:relative}.term-box .term-box-title:after{content:'';display:block;width:60px;height:3px;background:#007acc;margin:10px auto 0}.term_keybord-box .term-box-title{font-size:clamp(24px, 5vw, 36px);text-align:center;margin-bottom:40px;font-weight:700;position:relative}.term_keybord-box .term-box-title:after{content:'';display:block;width:60px;height:3px;background:#007acc;margin:10px auto 0}.term-box .term-lead{padding:10px 5px 20px;line-height:2em}.term-box .lead{margin:1em 0;font-size:1.2rem}.controls{display:flex;gap:12px;align-items:center;margin:2em 0}.search{flex:1;display:flex}.search input{flex:1;padding:12px 14px;border-radius:10px;border:1px solid #e6e9ef;background:#fff;font-size:16px}.alpha{display:flex;gap:6px;flex-wrap:wrap}.alpha button{background:0 0;border:1px solid transparent;padding:6px 10px;border-radius:8px;cursor:pointer}.alpha button.active{background:linear-gradient(90deg,#0b5bd7,#3aa0ff);color:#fff;border-color:rgba(11,91,215,.15)}.term-box .grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.term-box .card{background:#fff;border-radius:12px;padding:20px 16px;box-shadow:0 6px 18px rgba(12,34,66,.06);border:1px solid rgba(12,34,66,.04);width:100%;box-sizing:border-box}.term-card-box{display:flex;align-items:flex-start;gap:12px}.term-card-box .tag{min-width:44px;height:44px;border-radius:10px;background:linear-gradient(180deg,#0b5bd7,#297ef0);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:18px}.term-card-box h3{margin:0;padding:5px;font-size:1.3rem;font-weight:600}.term-card-box p.desc{margin:15px 0 0;font-size:16px}.term-card-box a{display:inline-block;float:right;margin-top:.5rem;padding:.4rem .8rem;background:linear-gradient(180deg,#0b5bd7,#297ef0);color:#fff;text-decoration:none;border-radius:6px;font-size:.9rem;transition:opacity .3s ease,transform .2s ease;position:relative}.term-card-box a:after{content:"→";margin-left:.4rem;transition:margin-left .2s ease}.term-card-box a:hover{opacity:.8}details{margin-top:10px}summary{list-style:none;cursor:pointer;outline:none;font-weight:600}summary::-webkit-details-marker{display:none}.more{margin-top:10px;padding-top:10px;border-top:1px dashed #eef2ff;color:#374151}@media (max-width:1024px){.term-box .grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.term-box .grid{grid-template-columns:1fr}}.glossary-article{background:#fff;border:1px solid #ddd;border-radius:8px;padding:20px;margin:0 0 2em;box-shadow:0 2px 6px rgba(0,0,0,.05)}.glossary-article h3{font-size:1.6em;margin-bottom:1em}.glossary-article h4{font-size:1.5em;font-weight:600;margin-top:1.5em;margin-bottom:.8em;border-left:4px solid #007acc;padding-left:.5em}.glossary-article p{font-size:1.1em;line-height:1.8;margin-bottom:1em;padding:.5em}.glossary-article ul{padding-left:1.2em;margin-bottom:1em}.glossary-article ul li{margin-bottom:.5em}.glossary-article a{color:#007acc;text-decoration:none}.glossary-article a:hover{text-decoration:underline}.date{font-size:.9rem;color:#666;margin-bottom:15px;text-align:right}.works-detail{display:flex;flex-direction:column;gap:30px;margin-top:20px}.works-mockups{display:flex;flex-wrap:wrap;justify-content:center;gap:40px;align-items:flex-end}.mockup{position:relative;flex-shrink:0;display:inline-block}.mockup.imac{width:auto;height:450px;aspect-ratio:909/771}.mockup.imac .screen{position:absolute;top:5%;left:4%;width:92%;height:auto;object-fit:cover;object-position:top;border-radius:4px;z-index:1}.mockup.imac .frame{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2}.mockup.iphone{position:relative;width:100px;aspect-ratio:441/833;display:inline-block;overflow:visible}.mockup.iphone .screen{position:absolute;top:2.5%;left:6%;width:88%;height:auto;object-fit:cover;object-position:top;border-radius:12px;z-index:1}.mockup.iphone .frame{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2}.works-meta{list-style:none;width:80%;padding:0;margin:50px auto 20px}.works-meta li{font-size:1rem;margin-bottom:11px}.works-meta span{display:inline-block;min-width:100px;margin-right:25px;padding:10px;background:#f0f0f0;border-radius:8px;font-size:90%;text-align:center;color:#333}.works-dl{display:grid;grid-template-columns:120px 1fr;column-gap:16px;align-items:start;margin:0}.works-dl dt{display:inline-block;min-width:80px;padding:10px;background:#f0f0f0;border-radius:8px;font-size:90%;text-align:center;color:#333}.works-dl dd{margin:0;padding:0;line-height:2}.works-dl .tag{display:inline-block;background:#e0f2f1;color:#00796b;padding:5px 12px;border-radius:20px;font-size:.85rem;margin:5px 5px 0 0}@media (max-width:1024px){.works-mockups{flex-direction:column;align-items:center;gap:20px}.mockup.imac{width:80%;height:auto}.mockup.iphone{width:30%;max-height:none;align-self:center}.works-meta{width:95%}.works-tags{width:95%}}@media (max-width:820px){.mockup.imac{width:90%;height:auto}.mockup.iphone{width:30%}.works-dl{grid-template-columns:1fr;row-gap:8px}}.area{background:#f9f6ee;padding:40px 0}.area{cursor:pointer}.area-box{max-width:1440px;margin:0 auto;padding:0 20px}.area_title{display:block;font-size:1.7rem;font-weight:700;margin-bottom:12px;text-align:center}.area p{font-size:1.1rem;line-height:1.6;margin:3rem auto}.area h3{margin:5rem auto}.map-wrap{max-width:900px;width:100%;position:relative}.map-wrap img{width:100%;height:auto}#map1{display:block;margin:0 auto}.area_list{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:24px}.area_list dl{display:flex;align-items:flex-start;gap:12px;flex-wrap:wrap;margin:0 0 16px}.area_list dt{flex:0 0 120px;background:#004ca0;color:#fff;padding:4px 10px;border-radius:3px;font-size:14px;line-height:1.5;text-align:center;font-weight:700}.area_list dd{flex:1;display:flex;flex-wrap:wrap;gap:6px;align-items:flex-start;margin:0}.area_list dd a{display:inline-block;padding:2px 6px;font-size:14px;text-decoration:none;color:#0073aa}.area_list dd a:hover{text-decoration:underline;color:#005177}@media (max-width:800px){.area_list{grid-template-columns:1fr}.area_list dl{display:block}.area_list dl dd{display:flex;flex-wrap:wrap;gap:6px}.area-box{padding:0 16px}}@media (min-width:821px){.area{padding:70px 0}.area-box{padding:0 70px}}.localCopy{font-size:16px;line-height:1.8;margin-bottom:20px}.localCopy span{font-weight:700}.localCopy .kitakyushu{color:#004ca0}.localCopy .fukuoka{color:#e60033}.localCopy .chikugo{color:#094}.localCopy .chikuho{color:#f39800}.fukuokaMap{position:relative;width:680px;max-width:100%;margin:0 auto 40px}.fukuokaMap img[usemap]{width:100%;height:auto;display:block}.fukuokaMap area{cursor:pointer}.fukuokaMap area:hover{opacity:.8}.map-sp{display:none}@media (max-width:768px){.map-sp{display:block;text-align:center}.map-sp img{width:100%;height:auto}}:root{--main-color:#3566cc;--sub-color:#eef4ff;--text-color:#333;--radius:12px;--shadow:0 8px 20px rgba(0,0,0,.06)}.area-lp{font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Noto Sans JP",Meiryo,Arial,sans-serif;color:#0b1720;margin:0 auto}.area-bg-f9{background:#f9f9f9}.area-bg-f7{background:#f7faff}.hero{background:url(//webplanet-jp.com/wp-content/themes/webplanet/css/../img/3.png) center/cover;margin:0 auto;padding:80px 20px;text-align:center;box-shadow:var(--shadow)}.hero-inner{max-width:1440px;margin:auto}.lead-sub{font-size:2.3rem;font-weight:700;line-height:1.8;color:#fff;text-shadow:-1px -1px 0 #000,0 -1px 0 #000,1px -1px 0 #000,-1px 0 0 #000,1px 0 0 #000,-1px 1px 0 #000,0 1px 0 #000,1px 1px 0 #000}.lead-sub span{font-size:2.5rem}.lead-main{font-size:1.4rem;margin:20px 0;line-height:1.9;font-weight:600;text-shadow:-1px -1px 0 #fff,0 -1px 0 #fff,1px -1px 0 #fff,-1px 0 0 #fff,1px 0 0 #fff,-1px 1px 0 #fff,0 1px 0 #fff,1px 1px 0 #fff}.lead-text{font-size:1.05rem;line-height:1.8;font-weight:500;text-shadow:-1px -1px 0 #fff,0 -1px 0 #fff,1px -1px 0 #fff,-1px 0 0 #fff,1px 0 0 #fff,-1px 1px 0 #fff,0 1px 0 #fff,1px 1px 0 #fff}.btn-primary{display:inline-block;background:red;color:#fff;padding:14px 28px;border-radius:var(--radius);font-size:1.5rem;text-decoration:none;margin-top:35px;font-weight:700;transition:.3s;box-shadow:var(--shadow)}.btn-primary:hover{color:#000;opacity:.75;transform:translateY(-2px)}@media (max-width:820px){.lead-main{font-size:1.1rem}.lead-text{font-size:.8rem}.hero{padding:60px 20px;text-align:left}.btn-wrap{text-align:center}}.area-section{max-width:1440px;margin:0 auto;padding:70px 0 35px}.area-section h3{margin-bottom:25px;font-size:2rem;font-weight:700;text-align:center}.area-section h3 span{font-size:2.3rem;color:red}.area-section h4{margin:0 0 25px;font-size:2rem;color:var(--main-color);font-weight:700}.area-section .text-150{font-size:2.1rem;font-weight:700;padding:45px 0}@media (max-width:820px){.area-section{padding:50px 20px}.area-section h3{font-size:1.3rem}.area-section h3 span{font-size:1.3rem}.area-section h4{font-size:1.3rem}.area-section .text-150{font-size:1.3rem;font-weight:700}}.area-section .h4-margin{margin:100px auto 50px}.area-sectionp,.section li{font-size:1.05rem;line-height:1.8;color:#444}.biz-wrap{display:flex;gap:3rem;align-items:center}.biz-text{flex:1}.biz-text p{font-size:1.1rem;line-height:1.8;margin:15px 0;padding:0}@media (max-width:820px){.biz-wrap{flex-direction:column;gap:1rem}.biz-image{order:-1;width:100%;flex:0 0 10%}.biz-text p{font-size:1rem;line-height:1.8}}.biz-text ul{margin:15px 0;padding:0}.check-list{list-style:none;padding-left:15px}.check-list li{position:relative;padding-left:1.8em;margin-bottom:.6em;font-size:1.1rem}.check-list li:before{content:"✔";position:absolute;left:0;top:.1em;color:red;font-weight:700}@media (max-width:820px){.check-list li{font-size:1rem}}.biz-desc{margin:0 auto;padding:0}.biz-desc p{font-size:1.1rem;line-height:1.8;margin:15px 0;padding:0}@media (max-width:820px){.biz-desc p{font-size:1rem}}.horizontal{list-style:none;padding:0;margin:1rem 0;display:flex;gap:2rem}.horizontal li{flex:1;background:#fff;padding:2rem 1.5rem;border-radius:16px;text-align:center;box-shadow:0 10px 25px rgba(0,0,0,.06)}.horizontal li{transition:transform .2s ease,box-shadow .2s ease}.horizontal li:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(0,0,0,.08)}@media (max-width:820px){.horizontal{flex-direction:column;gap:1.2rem}.horizontal li{padding:2rem .7rem;text-align:center}}.biz-media{display:flex;align-items:center;gap:3rem;margin:3rem 0}.biz-media-image{flex:0 0 40%}.biz-media-image img{width:100%;height:auto;border-radius:16px}.biz-media-text{flex:1;font-size:1.1rem}.biz-media-text p{margin-bottom:1.2rem;line-height:1.8}@media (max-width:820px){.biz-media{flex-direction:column;gap:1.5rem}.biz-media-image,.biz-media-text{width:100%}.biz-media-text{flex:1;font-size:1rem}}.biz-image{flex:0 0 40%}.biz-image img{width:100%;height:auto;border-radius:12px}.trouble-list{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin:2.5rem 0;padding:0;list-style:none}.trouble-list li{position:relative;background:#fff;padding:1.5rem 1.5rem 1.5rem 4.2rem;border:1px solid #333;border-radius:16px;box-shadow:0 8px 24px rgba(0,0,0,.06);font-size:1.3rem;line-height:1.6}.trouble-list li:before{content:"✔";position:absolute;left:1.2rem;top:50%;transform:translateY(-50%);font-size:2rem;color:red}@media (max-width:768px){.trouble-list{grid-template-columns:1fr}.trouble-list li{padding:1.5rem 1.5rem 1.5rem 3.2rem;font-size:1rem;line-height:1.6}.trouble-list li:before{font-size:1.7rem}}.strength-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:5rem auto}.strength-card{padding:1rem .7rem;background:#fff;border:1px solid #666;border-radius:12px;box-shadow:10px 10px 10px rgba(0,0,0,.2)}.strength-card h4{font-size:1.2rem;margin:1.2rem auto;padding-left:.75rem;border-left:4px solid #2563eb}@media (max-width:820px){.strength-grid{grid-template-columns:1fr}.strength-card h4{font-size:1rem}}.area-service-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px, 1fr));gap:25px;margin:3rem auto 0}.area-service-card{background:#fff;border:solid 1px #ddd;padding:28px;border-radius:var(--radius);box-shadow:var(--shadow);transition:.3s;border-left:6px solid var(--main-color)}.area-service-card h4{font-size:1.3rem}.area-ervice-card:hover{transform:translateY(-6px);box-shadow:0 12px 28px rgba(0,0,0,.12)}.area-ervice-card h4{margin-bottom:12px;font-size:1.2rem}@media (max-width:820px){.area-service-grid{gap:20px}.area-service-card h4{font-size:1rem}}.model-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin:5rem auto}.model-card{background:#fff;border-radius:14px;padding:32px 28px;box-shadow:4px 8px 28px rgba(0,0,0,.06);transition:transform .3s ease,box-shadow .3s ease}.model-card:hover{transform:translateY(-4px);box-shadow:8px 14px 36px rgba(0,0,0,.1)}.model-icon{max-width:100%;height:auto;margin-bottom:16px}.model-icon img{width:100%;height:auto}.model-card h4{font-size:1.2rem;margin-bottom:12px;text-align:center}.model-card h4 span{font-size:.9rem;color:#6b7280;margin-left:4px}.model-card p{font-size:.95rem;line-height:1.7;color:#444}@media (max-width:820px){.model-grid{grid-template-columns:1fr;gap:24px}.section-title{font-size:1.5rem}}.area-mini-cta{padding:0 0 50px}.area-mini-cta-box{max-width:1100px;margin:0 auto;padding:50px;border-radius:16px;background:#1e90ff;display:flex;align-items:center;justify-content:space-between;gap:40px;box-shadow:0 15px 40px rgba(0,0,0,.15);color:#fff}.cta-text{display:flex;align-items:center;gap:20px}.cta-icon{font-size:45px;background:#fff;width:70px;height:70px;border-radius:50%;display:flex;align-items:center;justify-content:center}.cta-text p{font-size:1.8rem;line-height:1.6}.cta-text strong{color:#ffd75e;font-weight:700}@media (max-width:820px){.area-mini-cta-box{flex-direction:column;text-align:center;padding:1.5rem 1.3rem 0}.cta-text{flex-direction:column;gap:1rem}.cta-text p{font-size:1rem}.cta-text strong{font-size:1.1rem}}.area-contact{padding:80px 20px;background:url(//webplanet-jp.com/wp-content/themes/webplanet/css/../img/area-contact.png) center/cover;text-align:center}.area-contact-title{font-size:2rem;font-weight:700;color:#fff}.area-contact-box{max-width:1100px;margin:0 auto;border-radius:24px;padding:50px 30px;backdrop-filter:blur(6px)}.area-contact-lead{font-size:1.1rem;line-height:1.8}.area-contact-note{font-size:.95rem;opacity:.9;line-height:1.6}.area-contact a{font-size:900}.hero .white-Btn,.area-mini-cta .white-Btn,.area-contact .white-Btn{color:#fff;font-size:900;border:2px solid #ff9a00;background:#ff9a00}.hero .white-Btn:before,.hero .white-Btn:after,.area-mini-cta .white-Btn:before,.area-mini-cta .white-Btn:after,.area-contact .white-Btn:before,.area-contact .white-Btn:after{background-color:#fff}.hero .white-Btn:hover,.area-mini-cta .white-Btn:hover,.area-contact .white-Btn:hover{color:#ff9a00}.hero .white-Btn:hover .arrow-Icon:before,.area-mini-cta .white-Btn:hover .arrow-Icon:before,.area-contact .white-Btn:hover .arrow-Icon:before{z-index:11;-webkit-animation:arrowMove 1s ease 0s infinite;animation:arrowMove 1s ease 0s infinite;background:url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20fill%3D%22none%22%20d%3D%22M0%200h24v24H0V0z%22/%3E%3Cpath%20fill%3D%22%23ff9a00%22%20d%3D%22M22%2012l-4-4v3H3v2h15v3l4-4z%22/%3E%3C/svg%3E") no-repeat}@media (max-width:820px){.area-contact{padding:60px 16px}.area-contact-title{font-size:1.6rem}.area-contact-box{padding:50px 0}.area-contact-lead{font-size:.9rem}}.area-intro{max-width:1440px;margin:60px auto;padding:0 20px;font-size:1.1rem;line-height:1.9;color:#333}.area-intro p{margin-bottom:24px}.area-intro strong{font-weight:700}.area-cta{margin-top:40px;padding:28px;background:#f7f9fc;border-radius:8px;text-align:center}.area-cta p{margin-bottom:20px;font-weight:500}.area-btn{display:inline-block;padding:14px 32px;background:#0a5bc4;color:#fff;font-weight:700;border-radius:999px;text-decoration:none;transition:.3s ease}.area-btn:hover{background:#084a9c}