@charset "UTF-8";.l-1row-header__branding>.c-row--middle{align-items:flex-end}.c-section{padding:0}.l-footer{border-top:none}.l-footer--default .l-footer-widget-area{color:#fff;background-color:#1d1d1d;padding:0}.l-footer .c-container{max-width:100%;width:100%;margin:0;padding:0}.l-footer .c-container .c-row{display:-ms-grid;display:grid;width:100%;margin:0}.l-footer .c-container .l-footer-widget-area__item{margin:0;padding:0;max-width:100%;width:100%}.c-copyright{padding:10px}.c-copyright .c-container{color:#fff;line-height:1.25}.c-page-header{align-items:flex-start;flex-direction:column;height:auto!important}.c-page-header .p-breadcrumbs-wrapper{position:absolute;top:5px;left:50%;transform:translate(-50%);max-width:calc(1000px + var(--_space, 1.8rem) * .5 * var(--_margin-scale, 1) * 2);width:100%;margin:0 auto;z-index:2}.c-page-header .p-breadcrumbs-wrapper .c-breadcrumbs{color:#fff;font-weight:500}.c-breadcrumbs__item:nth-child(n+2):before{color:#fff!important;border-color:#fff!important}.c-page-header__title{font-size:1.375rem;font-feature-settings:"palt";letter-spacing:.05em;line-height:1.5;max-width:calc(1000px + var(--_space, 1.8rem) * .5 * var(--_margin-scale, 1) * 2);width:100%;margin:0 auto}.c-page-header .c-container,.c-breadcrumbs,.c-page-header .wp-block-post-excerpt,.c-page-header__title{padding-right:calc(var(--_space, 1.8rem) * .5 * var(--_margin-scale, 1));padding-left:calc(var(--_space, 1.8rem) * .5 * var(--_margin-scale, 1))}.c-page-header .c-container{flex-grow:0!important}.c-page-header .wp-block-post-excerpt{position:relative;display:flex;align-items:center;color:#fff;font-size:.875rem;font-weight:700;letter-spacing:.05em;line-height:1.5;z-index:2;max-width:calc(1000px + var(--_space, 1.8rem) * .5 * var(--_margin-scale, 1) * 2);width:100%;margin:10px auto 0}.c-page-header .wp-block-post-excerpt:before{display:block;content:"";width:20px;height:3px;background-color:#ffd802;margin-right:8px}.pc-it-suport .c-page-header:after,.homepage-price .c-page-header:after,.print-design .c-page-header:after{position:absolute;bottom:0;right:10px;display:block;content:"";z-index:1;background-size:contain;background-position:center;width:100px}.pc-it-suport .c-page-header:after{height:80px;background-image:url(img/it/pc-it-head-accent.png)}.homepage-price .c-page-header:after{height:74px;background-image:url(img/homepage/homepage-head-accent.png)}.print-design .c-page-header:after{height:74px;background-image:url(img/print/print-head-accent.png)}.pc-it-suport .l-contents__inner,.homepage-price .l-contents__inner,.print-design .l-contents__inner,.pc-it-suport .c-container,.homepage-price .c-container,.print-design .c-container{padding:0!important}.smb-section{max-width:100%;width:100%;padding-top:40px;padding-bottom:70px;padding-right:calc(var(--_space, 1.8rem) * .5 * var(--_margin-scale, 1));padding-left:calc(var(--_space, 1.8rem) * .5 * var(--_margin-scale, 1));margin-top:0!important}.smb-section .c-container{max-width:100%!important;width:100%;padding:0!important}.smb-section__header{position:relative;text-align:center}.smb-section__subtitle{color:#006ba71a;font-size:3.75rem;font-weight:900;line-height:1;letter-spacing:.025em;margin:0!important}.smb-section__title{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#006ba7;font-size:1.25rem;font-weight:900;line-height:1.5;letter-spacing:.025em;width:100%;background-color:transparent;border:none;padding:0;margin:.2em 0 0;z-index:2}.smb-section__title:after{display:none!important}.smb-section__lede-wrapper{font-size:1rem}.smb-section.head-white .smb-section__subtitle{color:#ffffff1a}.smb-section.head-white .smb-section__title{color:#fff}.p-global-nav .bl-headerMenu a[aria-current=page] span:after{width:calc(100% + 10px)}.bl-headerTel a{display:flex;align-items:center;justify-content:center}.bl-headerTel_img{filter:brightness(0) invert(1);width:30px}.bl-headerTel_number{font-family:Roboto,sans-serif;font-size:1.625rem;letter-spacing:-.03em;margin-left:10px;margin-top:3px}.bl-headerTel a small{font-size:.75rem!important;font-weight:700!important;letter-spacing:.025em;line-height:1}.bl-headerContact a{display:flex;align-items:center;justify-content:center;background-color:#006ba7;border:1px solid #fff;padding:15px 20px!important}.bl-headerContact_img{width:30px}.bl-headerContact_text{font-size:1rem;font-weight:700;margin-left:10px}.bl-headlineWrap{position:relative;text-align:center}.bl-headlineWrap .bl-headline{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#006ba7;font-size:1.25rem;font-weight:900;line-height:1.5;letter-spacing:.025em;width:100%;background-color:transparent;border:none;padding:0;margin:.2em 0 0;z-index:2}.bl-headline_en{color:#006ba71a;font-size:3.75rem;font-weight:900;line-height:1;letter-spacing:.025em}.bl-headlineWrap.-white .bl-headline{color:#fff}.bl-headlineWrap.-white .bl-headline_en{color:#ffffff1a}.bl-works .c-entries{display:-ms-grid;display:grid;-ms-grid-columns:1fr 15px 1fr;grid-template-columns:1fr 1fr;gap:15px;margin-right:0!important;margin-left:0!important;margin-bottom:0}.bl-works .c-entries__item{max-width:100%;width:100%;border-radius:5px;box-shadow:0 3px 7px #00000059;overflow:hidden;padding:0;margin:0}.bl-works .c-entries__item a{height:100%}.bl-works .c-entry-summary{display:flex;flex-direction:column;height:100%}.bl-works .c-entry-summary__figure{margin-bottom:0}.bl-works .c-entry-summary__term{top:auto;right:auto;bottom:0;left:0;background-color:#ffd802}.bl-works .c-entry-summary__body{display:flex;flex-grow:1;flex-direction:column;padding:10px 15px 20px;background-color:#fff}.bl-works .c-entry-summary__title{line-height:1.333;letter-spacing:0}.bl-works .c-entry-summary__content{color:#000;line-height:1.4285714286;margin-top:auto}.bl-works .c-entry-summary__meta{display:none!important}.bl-footerContent{color:#fff;background-color:#4c4c4c;padding-top:40px;padding-bottom:70px;padding-right:calc(var(--_space, 1.8rem) * .5 * var(--_margin-scale, 1));padding-left:calc(var(--_space, 1.8rem) * .5 * var(--_margin-scale, 1))}.bl-footerContent_inner{max-width:995px!important;width:100%;margin:0 auto}.bl-footerContent_logo{width:70%;max-width:290px;width:100%}.bl-footerContent_name{display:block;font-size:1rem;line-height:1.2;margin-top:10px}.bl-footerContent_text,.bl-footerContent_companyInfo{line-height:1.5;margin-top:1.5325em}.bl-footerContent_companyInfo{font-feature-settings:"palt"}.bl-footerContent_companyInfo a{color:#fff;text-decoration:none}.bl-footerContent_sns{border-radius:5px;background-color:#fff;padding:20px;margin-top:20px}.bl-footerContent_sns_text{color:#000;line-height:1.375}.bl-footerContent_sns_wrap{display:-ms-grid;display:grid;row-gap:15px}.bl-footerContent_sns_itemUnit{display:-ms-grid;display:grid;-ms-grid-columns:auto 20px auto 20px auto;grid-template-columns:repeat(3,auto);-moz-column-gap:20px;column-gap:20px;justify-content:flex-start;margin-top:15px}.bl-footerContent_sns_item{width:40px}.bl-footerContent_sns_item img{width:100%}.bl-footerContent .bl-footerContent_facebook{margin-top:20px}.bl-footerContent_recruit{position:relative;color:#fff;font-weight:700;text-decoration:none;letter-spacing:-.025em;text-align:center;box-shadow:0 3px 7px #00000059;border-radius:40px;background-color:#0094bf;padding:1.2em 3em;transition:box-shadow .3s}.bl-footerContent_recruit:after{position:absolute;top:50%;right:6.6666666667%;transform:translateY(-50%);display:block;content:"";width:13px;height:11px;background-image:url(img/common/arrow-right.png);background-repeat:no-repeat;background-position:center;background-size:contain;z-index:2}.bl-footerContent_recruit:after{width:15;height:13px}.bl-footerContent_recruit:hover{box-shadow:none}.bl-footerMenuWrap{color:#fff;font-weight:700;max-width:calc(995px + var(--_space, 1.8rem) * .5 * var(--_margin-scale, 1) * 2)!important;width:100%;padding-top:40px;padding-bottom:60px;margin:0 auto;padding-right:calc(var(--_space, 1.8rem) * .5 * var(--_margin-scale, 1));padding-left:calc(var(--_space, 1.8rem) * .5 * var(--_margin-scale, 1))}.bl-footerMenuWrap .c-widget__title{position:relative;display:inline-block!important;font-size:.875rem!important;line-height:2.375!important;text-decoration:underline;text-underline-offset:6px;margin-bottom:0!important}.bl-footerMenuWrap .c-widget__title:before,.bl-footerMenuWrap .c-widget__title:after{display:none}.bl-footerMenuUnit:nth-child(2) .widget_nav_menu{border-top:1px solid #fff;padding-top:15px;margin-top:15px}.bl-footerMenu{line-height:2.375;margin-top:0!important}.bl-table table{table-layout:fixed;border-radius:5px;border:2px solid #b2bac3}.bl-table thead th{color:#000!important;background-color:#b2bac3!important}.bl-table thead th:first-of-type{border-right:2px solid #fff;width:60%}.bl-table tbody td{line-height:1.444;border:2px solid #b2bac3}.bl-table figcaption{color:#000!important;line-height:1.66667!important}.bl-slide{position:relative}.bl-slide .spider__canvas{margin:0 calc(var(--_space, 1.8rem) * .5 * var(--_margin-scale, 1) * -1);padding-right:calc(var(--_space, 1.8rem) * .5 * var(--_margin-scale, 1));padding-left:calc(var(--_space, 1.8rem) * .5 * var(--_margin-scale, 1));padding-bottom:7px}.bl-slide .spider__slide{border-radius:5px;box-shadow:0 3px 7px #00000059;background-color:#fff;overflow:hidden;margin-right:10px;margin-left:0!important;scroll-snap-align:start end!important}.bl-slide .c-entry-summary__body{justify-content:space-between;padding:15px}.bl-slide .c-entry-summary__figure{margin-bottom:0}.bl-slide .c-entry-summary__title{line-height:1.3333}.bl-slide .spider__arrow{cursor:pointer;position:absolute;display:flex;align-items:center;justify-content:center;top:50%;transform:translateY(-50%);width:40px;height:40px;background-color:#ffd802;border-radius:50%;z-index:2}.bl-slide .spider__arrow:after{display:block;content:"";width:10px;height:11px;background-position:center;background-size:contain;background-repeat:no-repeat}.bl-slide .spider__arrow:before{display:none!important}.bl-slide .spider__arrow[data-direction=prev]{left:-10px}.bl-slide .spider__arrow[data-direction=prev]:after{background-image:url(img/common/arrow-left.png)}.bl-slide .spider__arrow[data-direction=next]{right:-10px}.bl-slide .spider__arrow[data-direction=next]:after{background-image:url(img/common/arrow-right.png)}.bl-slide .c-entry-summary__term,.bl-slide .c-entry-summary__content,.bl-slide .c-entry-summary__meta{display:none!important}.bl-box{border-radius:5px;box-shadow:0 3px 7px #00000059;overflow:hidden}.bl-box_headline{font-size:1.125rem;margin-bottom:5px!important}.bl-box_text{font-size:.875rem;line-height:1.444}.bl-box_listUnit{padding:15px;margin-top:0!important}.bl-box_list{list-style:none!important;padding-left:0!important;margin-top:0!important}.bl-box_list li{margin-top:0!important}.bl-box_attention{font-size:.875rem;margin-top:10px}.el-button a{position:relative;letter-spacing:0;box-shadow:0 3px 7px #00000059;padding:1.2em 3em}.el-button a:after{position:absolute;top:50%;right:6.6666666667%;transform:translateY(-50%);display:block;content:"";width:13px;height:11px;background-image:url(img/common/arrow-right.png);background-repeat:no-repeat;background-position:center;background-size:contain;z-index:2}.el-headlineSimple{color:#006ba7;font-size:1.5rem;font-weight:900;text-align:center;letter-spacing:.025em;background-color:transparent!important;border:none!important;padding:0!important}.un-fv{position:relative;height:40vh}.un-fv.alignwide{max-width:100%!important}.un-fv.wp-block-media-text .wp-block-media-text__media{width:70%;margin-left:auto;height:100%;overflow:hidden;margin-top:0!important}.un-fv.wp-block-media-text .wp-block-media-text__media img{height:100%;-o-object-fit:cover;object-fit:cover}.un-fv .wp-block-media-text__content{position:absolute;top:50%;transform:translateY(-50%);grid-row:unset!important}.un-fv .wp-block-media-text__content p{color:#1e1e1e;font-size:1.375rem;font-weight:700;line-height:1.6551724138;letter-spacing:-.0025em;padding-right:calc(var(--_space, 1.8rem) * .5 * var(--_margin-scale, 1));padding-left:calc(var(--_space, 1.8rem) * .5 * var(--_margin-scale, 1))}.un-fv_accent{position:relative;z-index:2}.un-fv_accent:before{position:absolute;top:-4px;left:50%;transform:translate(-50%);display:block;content:"";width:6px;height:6px;border-radius:50%;background-color:#ffd802;z-index:1}.un-fv_space{display:inline-block;width:.5em}.un-topAbout_content{max-width:1090px!important;width:100%}.un-topAbout .smb-section__body{margin-top:30px}.un-topAbout_wrap .wp-block-media-text__media{margin-top:0!important}.un-topAbout_wrap .wp-block-media-text__content{font-feature-settings:"palt";margin-top:1.5em}.un-topService .un-topService_itemUnit{display:-ms-grid;display:grid;row-gap:40px!important;margin-top:12px}.un-topService_item{margin-top:0!important}.un-topService .un-topService_content h3{line-height:1.5;border-bottom:none;padding-bottom:0;margin-bottom:.8214285714em}.un-topService h3 strong{display:flex;align-items:center}.un-topService em{flex-shrink:0;font-family:Montserrat,sans-serif;font-style:normal;font-size:207.1428571429%;line-height:1;margin-right:.25em}.un-topService_item .wp-block-image{width:80%;padding:0;margin:0 auto}.un-topService_button{margin-top:17px!important}.un-can_headline{display:-ms-grid;display:grid;row-gap:10px;margin-bottom:.7894736842em}.un-can_headline:before{display:flex;align-items:center;justify-content:center;-ms-grid-column-align:center;justify-self:center;content:"?";color:#fff;font-size:1.75rem;width:1.75em;height:1.75em;background-color:#006ba7;border-radius:50%}.un-can_intro{font-feature-settings:"palt";font-weight:900;line-height:1.7777777778}.un-can_slide{background-color:transparent!important;padding:0 10px 10px 0;margin-right:10px}.un-can_slide .smb-spider-contents-slider__item{display:flex;justify-content:space-between;background-color:#ebf4ff;border-radius:5px;width:100%;height:100%!important}.un-can_slide_wrap{width:69.4285714286%;padding:29px 0 29px 29px;margin:0}.un-can_number{font-family:Montserrat,sans-serif;font-size:3.75rem;letter-spacing:.025em;line-height:1}.un-can_slide_text{font-feature-settings:"palt";line-height:1.6;letter-spacing:.005em;margin-top:.8em!important;margin-left:0}.un-can_slide_img{transform:translate(10px,10px);align-self:flex-end;width:23%;padding:0!important;margin:0!important;z-index:2}.un-can_button{margin-top:3px}.un-news_itemUnit .c-entries__item a{color:#454545;padding:0 0 .9em;transition:color .3s}.un-news_itemUnit .c-entries{border-top:none}.un-news_itemUnit .c-entries__item{border-bottom:2px solid #006ba7}.un-news_itemUnit .c-entries__item:not(:first-of-type){padding-top:.9em}.un-news_itemUnit .c-entry-summary__title{font-weight:700;line-height:1.5;letter-spacing:.025em}.un-news_itemUnit .c-meta__item--published{font-weight:900;letter-spacing:.025em}.un-blog_itemUnit .c-entry-summary__body{flex-direction:column-reverse}.un-blog_itemUnit .c-entry-summary__term{background-color:#0094bf}.un-blog_itemUnit .c-entry-summary__meta{display:block!important}.un-blog_itemUnit .c-meta{text-align:left}.un-blog_itemUnit .c-meta__item--author{display:none!important}.un-blog_itemUnit .c-meta__item--published{color:#000;font-size:.75rem;font-weight:400;line-height:1.4285714286}.un-blog_button{margin-top:40px!important}.un-contact_itemUnit{margin-top:40px}.un-contact_item{font-weight:700;background-color:#fff;border-radius:5px;padding:15px}.un-contact_text{line-height:1.444;letter-spacing:0}.un-contact_tel{display:-ms-grid;display:grid;-ms-grid-columns:25px 10px 1fr;grid-template-columns:25px 1fr;-moz-column-gap:10px;column-gap:10px;align-items:center;font-size:2rem;font-weight:900;letter-spacing:0;line-height:1.2;margin-top:15px}.un-contact_tel a{color:#1e1e1e;text-decoration:none}.un-contact_time{letter-spacing:.025em;margin-top:0}.un-contact_button{margin-top:20px}.un-contact .smb-btn-wrapper,.un-contact_button a{width:100%}.un-contact_button a:after{display:none}.un-contact_button img{width:25px!important}.un-contact .smb-btn__label{display:-ms-grid;display:grid;-ms-grid-columns:auto 12px 1fr;grid-template-columns:auto 1fr;justify-content:center;align-items:center;-moz-column-gap:12px;column-gap:12px}.un-problem{padding-top:55px}.un-problem_introText{letter-spacing:.025em;line-height:1.6667}.un-problem_img.wp-block-image,.un-problem_arrow.wp-block-image{padding:0}.un-problem_img.wp-block-image{margin-top:35px}.un-problem_arrow.wp-block-image{width:25%;margin-top:25px}.un-problem_underText{font-size:1.125rem;letter-spacing:.025em;line-height:1.3636363636;font-feature-settings:"palt"}.un-price_text,.un-price_consultation{line-height:1.6667}.un-price_table{margin-top:20px}.un-trip_attention{position:relative;border-radius:5px;background-color:#ebf4ff;padding:15px 15px 15px 60px}.un-trip_description,.un-trip_attention_text{line-height:1.66667}.un-trip_attention_img.wp-block-image{position:absolute;top:50%;left:0;transform:translateY(-50%);width:50px;padding:0;margin:0}.un-trip_attention_text{margin:0}.un-about_text{line-height:1.4444;letter-spacing:.025em}.un-about_text:not(:first-of-type){margin-top:1.444em}.un-about_wrap .smb-media-text__figure{width:70%;margin:0 auto}.un-about_wrap .c-row__col:last-of-type{margin-bottom:0}.un-homepageProblem .smb-section__body{margin-top:30px!important}.un-homepageProblem_text{line-height:1.6;letter-spacing:-.025em}.un-service_text{line-height:1.66667;letter-spacing:.025em}.un-service_itemUnit .c-row{display:-ms-grid;display:grid;row-gap:25px}.un-service_item{margin:0!important}.un-service_item .smb-panels__item{box-shadow:none}.un-service_item .smb-panels__item__body{padding:5px 0 0}.un-service_item .smb-panels__item__title{font-size:1.125rem;line-height:1.4;letter-spacing:.025em}.un-service_item .smb-panels__item__content{line-height:1.6;text-align:left}.un-homepageWorks_button .smb-btn__label{white-space:pre-wrap}.un-plan_intro{line-height:1.66667}.un-plan_post_text{line-height:1.444}.un-plan_listUnit.wp-block-columns{flex-wrap:wrap!important}.un-plan_list{position:relative;border-radius:5px;box-shadow:0 3px 7px #00000059}.un-plan_list_head.wp-block-group{border-radius:5px 5px 0 0}.un-plan h3.un-plan_list_title{font-size:1.125rem;letter-spacing:.025em;border-bottom:none;padding-bottom:0;margin-bottom:5px}.un-plna_list_desscription{font-size:.875rem;line-height:1.5714285714}.un-plan_list_body{padding:15px;margin-top:0!important}.un-plan .un-plan_list_content{padding-left:0!important}.un-plan .un-plan_list_content li{font-size:.9375rem;font-feature-settings:"palt";list-style:none;display:flex;border-bottom:1px solid #dcdcdc;padding-bottom:7px;margin-top:0!important}.un-plan .un-plan_list_content li:before{display:block;content:"\30fb"}.un-plan .un-plan_list_content li:not(:first-of-type){padding-top:7px}.un-plan_list_attention{font-size:.9375rem;margin-top:7px}.un-plan_list_label{position:absolute!important;top:-14px;right:-9px;width:113px;padding:0!important;margin:0!important;z-index:2}.un-management_text{line-height:1.6666666667}.un-flow .un-flow_itemUnit{display:-ms-grid;display:grid;-ms-grid-columns:1fr 15px 1fr;grid-template-columns:1fr 1fr;gap:15px!important}.un-flow_item{position:relative;background-color:#fff;box-shadow:0 2px 10px #b2b2b2;padding:30px 10px 10px}.un-flow_item_number{position:absolute!important;top:-7px;left:0;width:60px;z-index:2}.un-flow_item_number,.un-flow_item_img{padding:0!important;margin:0!important}.un-flow_item_img img{width:100%}.un-flow_item_text{font-size:.9375rem;font-feature-settings:"palt";line-height:1.333;margin-top:8px!important}.un-faq .smb-faq__body{display:-ms-grid;display:grid;row-gap:18px}.un-faq .smb-faq__item{border:none;padding:0;margin-top:0!important}.un-faq .smb-faq__item__question{color:#fff;background-color:#0094bf;margin-bottom:0}.un-faq .smb-faq__item__answer{background-color:#ebf4ff}.un-faq .smb-faq__item__question,.un-faq .smb-faq__item__answer{display:-ms-grid;display:grid;-ms-grid-columns:auto 10px 1fr;grid-template-columns:auto 1fr;-moz-column-gap:10px;column-gap:10px;padding:15px}.un-faq .smb-faq__item__question .smb-faq__item__question__label,.un-faq .smb-faq__item__question .smb-faq__item__answer__label,.un-faq .smb-faq__item__answer .smb-faq__item__question__label,.un-faq .smb-faq__item__answer .smb-faq__item__answer__label{font-size:1.5rem;font-weight:900;margin-right:0!important}.un-faq .smb-faq__item__question .smb-faq__item__question__body,.un-faq .smb-faq__item__question .smb-faq__item__answer__body,.un-faq .smb-faq__item__answer .smb-faq__item__question__body,.un-faq .smb-faq__item__answer .smb-faq__item__answer__body{line-height:1.5882352941}.un-printAbout_wrap .smb-media-text__figure{width:70%;margin:0 auto}.un-printAbout_text{line-height:1.444}.un-printAbout_wrap .c-row__col:last-of-type{margin-bottom:0}.un-printWorks .un-printWorks_headline{display:flex;flex-direction:column;align-items:center;border-bottom:none;padding-bottom:0;margin-bottom:20px}.un-printWorks .un-printWorks_headline:after{position:relative;display:block;content:"";width:30px;height:6px;background-color:#0094bf;margin-top:15px}.un-printWorks_text{line-height:1.625;letter-spacing:.025em}.un-printWorks_item:not(:first-of-type){margin-top:0!important}.un-printWorks .wp-block-separator{height:2px;margin:35px 0 25px}.un-printWorks_button .smb-btn-wrapper{width:100%;text-align:center}.un-printWorks_button a{max-width:570px;width:100%;white-space:pre-wrap}@media screen and (min-width: 601px){.c-page-header .p-breadcrumbs-wrapper .c-breadcrumbs{font-size:.75rem}.c-page-header__title{font-size:1.75rem}.c-page-header .wp-block-post-excerpt{font-size:1rem}.pc-it-suport .c-page-header:after,.homepage-price .c-page-header:after,.print-design .c-page-header:after{width:200px}.pc-it-suport .c-page-header:after{height:159px}.homepage-price .c-page-header:after{height:150px}.print-design .c-page-header:after{height:155px}.smb-section__subtitle{font-size:6.25rem}.smb-section__title{font-size:1.875rem}.smb-section__lede-wrapper{font-size:1.125rem}.bl-headlineWrap .bl-headline{font-size:1.875rem}.bl-headline_en{font-size:6.25rem}.bl-works .c-entries{gap:30px;margin-right:auto;margin-left:auto}.bl-footerMenuWrap{display:-ms-grid;display:grid;-ms-grid-columns:auto 60px auto;grid-template-columns:auto auto;-moz-column-gap:60px;column-gap:60px}.bl-footerMenuUnit:nth-child(2) .widget_nav_menu{border-top:none;padding-top:0;margin-top:0}.bl-slide .spider__slide{max-width:calc((100% - 15px)/2);margin-right:15px}.bl-slide .spider__arrow{width:50px;height:50px}.bl-slide .spider__arrow:after{width:14px;height:15px}.bl-box_head{padding:15px 30px!important}.bl-box_headline{font-size:1.25rem}.bl-box_text{font-size:.9375rem}.bl-box_listUnit{padding:30px}.el-button a{font-size:1.125rem}.el-headlineSimple{font-size:1.875rem}.un-fv{-ms-grid-columns:30% 1fr;grid-template-columns:30% 1fr}.un-fv.wp-block-media-text .wp-block-media-text__media{width:100%}.un-fv .wp-block-media-text__content{left:calc(10.8333333333vw - 15px)}.un-fv .wp-block-media-text__content p{font-size:1.875rem}.un-fv_accent:before{width:8px;height:8px}.un-topAbout_wrap{-ms-grid-columns:1fr!important;grid-template-columns:1fr!important}.un-topAbout_wrap .wp-block-media-text__media{-ms-grid-column:1!important;grid-column:1!important;grid-row:unset!important;width:70%;margin:0 auto!important}.un-topAbout_wrap .wp-block-media-text__content{-ms-grid-column:1!important;grid-column:1!important;grid-row:unset!important}.un-topService .un-topService_content h3{font-size:1.5rem}.un-can_headline:before{font-size:2rem}.un-can_slide{margin-right:30px}.un-can_slide_text{font-size:1.25rem}.un-can_slide_img{width:30%}.un-button_accentText{font-size:1.25rem}.un-news_itemUnit .c-entry-summary__title{font-size:1.125rem}.un-blog_itemUnit .c-meta__item--published{font-size:.875rem}.un-contact_itemUnit{margin-top:60px}.un-contact_item{padding:30px}.un-contact_tel{-ms-grid-columns:30px 12px 1fr;grid-template-columns:30px 1fr;-moz-column-gap:12px;column-gap:12px;font-size:2.5rem}.un-contact_button img{width:30px!important}.un-problem_introText{font-size:1.125rem}.un-problem_arrow.wp-block-image{margin-top:35}.un-problem_underText{font-size:1.25rem}.un-price_text,.un-price_consultation{font-size:1.125rem}.un-price_table{margin-top:30px}.un-trip_description,.un-trip_attention_text{font-size:1.125rem}.un-trip_attention_img.wp-block-image{width:80px}.un-about_text,.un-homepageProblem_text,.un-service_text{font-size:1.125rem}.un-service_itemUnit{margin-top:35px!important}.un-service_item .smb-panels__item__figure{width:80%;margin:0 auto}.un-service_item .smb-panels__item__title{font-size:1.25rem}.un-service_item .smb-panels__item__content{font-size:.9375rem}.un-plan_intro{font-size:1.125rem}.un-plan_list_head.wp-block-group{padding:15px 30px!important}.un-plan h3.un-plan_list_title{font-size:1.25rem}.un-plna_list_desscription{font-size:.9375rem}.un-plan_list_body{padding:30px}.un-plan_text,.un-management_text{font-size:1.125rem}.un-flow .un-flow_itemUnit{-ms-grid-columns:1fr 20px 1fr 20px 1fr;grid-template-columns:repeat(3,1fr);gap:20px!important}.un-faq .smb-faq__item__question .smb-faq__item__question__label,.un-faq .smb-faq__item__question .smb-faq__item__answer__label,.un-faq .smb-faq__item__answer .smb-faq__item__question__label,.un-faq .smb-faq__item__answer .smb-faq__item__answer__label{font-size:2rem}.un-faq .smb-faq__item__question .smb-faq__item__question__body,.un-faq .smb-faq__item__question .smb-faq__item__answer__body,.un-faq .smb-faq__item__answer .smb-faq__item__question__body,.un-faq .smb-faq__item__answer .smb-faq__item__answer__body{font-size:1.0625rem;margin-top:.2em}.un-printAbout_text{font-size:1.125rem}.un-printWorks .un-printWorks_headline{font-size:1.5rem}.un-printWorks_intro{font-size:1.125rem}.un-printWorks_button a{padding-right:15px;padding-left:15px}.un-printWorks_button a:after{right:19px}.un-printPrice_intro,.un-printPrice_text{font-size:1.125rem}}@media screen and (min-width: 768px){.bl-footerContent_inner{display:-ms-grid;display:grid;-ms-grid-columns:1fr 30px 1fr;grid-template-columns:1fr 1fr;gap:30px}.bl-footerContent .bl-footerContent_facebook{margin-top:0}.un-contact_itemUnit{display:-ms-grid;display:grid;-ms-grid-columns:1fr 20px 1fr;grid-template-columns:1fr 1fr;-moz-column-gap:20px;column-gap:20px}.un-contact_item:last-of-type{margin-top:0}.un-contact_tel{font-size:2rem;margin-top:20px}.un-problem_underText strong{position:relative}.un-problem_underText strong:before{position:absolute;top:-20px;right:40px;display:block;content:"";width:40px;height:27px;background-image:url(img/it/accent.png);background-size:contain;background-position:center;background-repeat:no-repeat}}@media screen and (min-width: 782px){.un-topService_item:nth-child(even){flex-direction:row-reverse}}@media screen and (min-width: 1024px){.c-fluid-container{padding-left:44px;padding-right:0}.c-site-branding__title .custom-logo{width:150px}.l-1row-header__branding{padding-bottom:0}.l-header{background-color:#fff}.l-header.l-header--sticky-lg{box-shadow:none}.c-copyright{padding:10px 6px}.c-copyright .c-container,.c-copyright .c-container .el-copyright{font-size:.8125rem!important}.c-page-header{justify-content:center;min-height:300px!important}.c-page-header .p-breadcrumbs-wrapper{top:15px}.c-page-header__title{font-size:2.25rem}.c-page-header .wp-block-post-excerpt{font-size:1.125rem}.c-page-header .wp-block-post-excerpt:before{width:30px;height:4px}.pc-it-suport .c-page-header:after,.homepage-price .c-page-header:after,.print-design .c-page-header:after{width:310px;right:auto;left:50%;bottom:3px;transform:translate(190px)}.pc-it-suport .c-page-header:after{height:246px}.homepage-price .c-page-header:after{height:231px}.print-design .c-page-header:after{height:240px}.smb-section{padding-bottom:100px}.smb-section__subtitle{font-size:8.125rem}.smb-section__title{top:30%;transform:translate(-50%);font-size:2.375rem}.p-global-nav .bl-headerMenu a{line-height:1.5;padding:30px .5em}.p-global-nav .bl-headerMenu a:hover span:after{width:calc(100% + 10px)}.bl-headerMenu a span{position:relative;letter-spacing:.025em}.bl-headerMenu a span:after{position:absolute;bottom:-10px;left:-5px;display:block;content:"";width:0;height:4px;border-radius:2px;background-color:#006ba7;transition:width .3s}.bl-headerMenu .c-navbar__subitem a{white-space:nowrap;padding:15px}.bl-headerTel{margin-left:20px}.bl-headerTel a{padding:5px 0!important}.bl-headerTel_img{filter:none;width:20px}.bl-headerTel_number{font-size:1.25rem}.bl-headerContact{margin-left:20px}.bl-headerContact a{border:none;padding:20px 30px!important}.bl-headerContact_img{width:25px}.bl-headerContact_text{color:#fff;font-size:.875rem;margin-left:10px}.bl-headlineWrap .bl-headline{top:30%;transform:translate(-50%);font-size:2.375rem}.bl-headline_en{font-size:8.125rem}.bl-works .c-entries{-ms-grid-columns:1fr 20px 1fr 20px 1fr;grid-template-columns:repeat(3,1fr);gap:20px}.bl-works .c-entry-summary__term{font-size:.875rem;padding:10px 20px}.bl-works .c-entry-summary__body{padding:15px 20px 20px}.bl-works .c-entry-summary__title{font-size:1.125rem}.bl-works .c-entry-summary__content{font-size:.875rem}.bl-footerContent{padding-top:60px;padding-bottom:100px}.bl-footerContent_inner{-ms-grid-columns:1fr 120px 380px;grid-template-columns:1fr 380px;-moz-column-gap:120px;column-gap:120px}.bl-footerContent_name{font-size:1.125rem;margin-top:15px}.bl-footerContent_text,.bl-footerContent_companyInfo{font-size:1rem}.bl-footerContent_sns{padding:25px 15px 24px 20px;margin-top:25px}.bl-footerContent_sns_text{font-size:1rem}.bl-footerContent_sns_wrap{-ms-grid-columns:auto 29px 1fr;grid-template-columns:auto 1fr;-moz-column-gap:29px;column-gap:29px;align-items:center;margin-top:10px}.bl-footerContent_sns_itemUnit{margin-top:0}.bl-footerContent_recruit{min-width:0;padding:17px 10px}.bl-footerMenuWrap{justify-content:flex-start;padding-top:50px;padding-bottom:70px}.bl-footerMenuWrap .c-widget__title{font-size:1rem!important}.bl-footerMenu{font-size:1rem}.bl-table thead th{font-size:1.25rem;padding:.7em}.bl-table tbody td{font-size:.9375rem;padding:1em 1.8em}.bl-table tbody td strong{font-size:1.125rem;line-height:1.55}.bl-table figcaption{margin-top:20px!important}.bl-slide .spider__slide{max-width:calc((100% - 40px) / 3);margin-right:20px}.bl-slide .c-entry-summary__body{padding:17px 20px 24px}.bl-slide .c-entry-summary__title{font-size:1.125rem}.bl-slide .spider__arrow{width:80px;height:80px;transition:transform .3s}.bl-slide .spider__arrow:after{width:21px;height:24px}.bl-slide .spider__arrow:hover{transform:scale(.9) translateY(-50%)}.bl-box_head{display:flex;flex-wrap:wrap;align-items:flex-end;padding:25px 30px!important}.bl-box_headline{line-height:1!important;margin-bottom:0!important}.bl-box_listUnit{display:-ms-grid;display:grid;-ms-grid-columns:auto 40px auto 40px auto;grid-template-columns:repeat(3,auto);justify-content:flex-start;-moz-column-gap:40px;column-gap:40px;padding:18px 30px 32px}.bl-box_list{min-width:190px}.bl-box_attention{margin-top:16px}.el-button a{min-width:450px;padding:1.5em 3em;transition:box-shadow .3s}.el-button a:after{width:15;height:13px}.el-button a:hover{box-shadow:none}.el-headlineSimple{font-size:2.375rem}.un-fv{height:auto;margin-top:-80px!important}.un-fv .wp-block-media-text__content{top:calc(50% + 41px)}.un-fv .wp-block-media-text__content p{font-size:2.5rem}.un-fv_accent:before{width:10px;height:10px}.un-topAbout{padding-bottom:80px}.un-topAbout_wrap{-ms-grid-columns:48.2% 50.5454545455%!important;grid-template-columns:48.2% 50.5454545455%!important;justify-content:space-between}.un-topAbout_wrap .wp-block-media-text__media{-ms-grid-column:2!important;-ms-grid-column-span:1!important;grid-column:2/3!important;width:100%}.un-topAbout_wrap .wp-block-media-text__content{-ms-grid-column:1;-ms-grid-column-span:1;grid-column:1/2;-ms-grid-row:1!important;grid-row:1!important;align-self:flex-end}.un-topAbout_wrap .wp-block-media-text__content p{font-size:1.125rem}.un-topAbout_button{margin-top:50px!important}.un-topService .smb-section__body{margin-top:0!important}.un-topService_item{display:-ms-grid!important;display:grid!important;-ms-grid-columns:59.0909090909% 37.2727272727%;grid-template-columns:59.0909090909% 37.2727272727%;justify-content:space-between;align-items:center!important;max-width:1100px;margin-left:auto;margin-right:0}.un-topService_item:nth-child(even){-ms-grid-columns:37.2727272727% 59.0909090909%;grid-template-columns:37.2727272727% 59.0909090909%;margin-left:0;margin-right:auto}.un-topService_item:nth-child(even) .wp-block-column:first-of-type{order:2}.un-topService_item:nth-child(even) .wp-block-column:last-of-type{order:1}.un-topService_item:first-of-type em{margin-right:19px}.un-topService .un-topService_content h3{font-size:1.75rem;margin-bottom:5px}.un-topService em{margin-right:6px}.un-topService_item p{font-size:1.125rem}.un-topService_item .wp-block-image{width:100%}.un-topService_button a{min-width:320px;padding:17px 10px}.un-can_headline:before{font-size:2.5rem}.un-can_intro{font-size:1.25rem}.un-can_slide{padding:0 15px 15px 0;margin-right:74px}.un-can_slide_wrap{width:72%}.un-can_slide_img{position:absolute;right:0;bottom:0;transform:none;width:auto;height:calc(100% - 5px)}.un-can_slide_img img{height:100%;width:auto;-o-object-fit:contain;object-fit:contain}.un-works_button{margin-top:40px}.un-works_content{margin-top:45px}.un-news_itemUnit .c-entries__item a:hover{color:#006ba7}.un-news_itemUnit .c-entry-summary__title{font-size:1.25rem}.un-news_itemUnit .c-entry-summary__meta{margin-right:20px!important}.un-news_itemUnit .c-meta__item--published{font-size:1rem}.un-news_button{margin-top:39px!important}.un-blog_itemUnit .c-entry-summary__meta{margin-top:0;margin-bottom:4px}.un-contact_itemUnit.wp-block-group{gap:30px 40px!important;margin-top:65px}.un-contact_item{padding:27px 20px 33px 29px}.un-contact_text{font-size:1.125rem}.un-contact_tel{-ms-grid-columns:40px 1fr;grid-template-columns:40px 1fr;font-size:2.875rem}.un-contact_time{font-size:1.125rem;line-height:1}.un-contact_button a{min-width:auto;padding:22px}.un-contact .smb-btn__label{-moz-column-gap:18px;column-gap:18px}.un-problem .smb-section__body{margin-top:0}.un-problem_introText{margin-top:14px!important}.un-problem_arrow.wp-block-image{margin-top:50px}.un-problem_underText{font-size:1.375rem;margin-top:37px!important}.un-problem_underText strong:before{top:-35px;right:25px;width:60px;height:40px}.un-price .smb-section__body{margin-top:0}.un-price_text{margin-top:8px!important}.un-price_table{margin-top:40px}.un-trip .smb-section__body{margin-top:0}.un-trip_attention{padding:30px}.un-trip_description{margin-top:9px!important}.un-trip_attention_img.wp-block-image{top:-32px;transform:none;width:88px}.un-about{padding-bottom:80px}.un-about .smb-section__body{margin-top:10px!important}.un-about_wrap .c-row{align-items:flex-start;justify-content:space-between;margin:0!important}.un-about_wrap .c-row__col{padding:0!important;margin:0!important}.un-about_wrap .c-row__col:first-of-type{flex-basis:58.9%}.un-about_wrap .c-row__col:last-of-type{flex-basis:39.8%;max-width:100%}.un-about_wrap .smb-media-text__figure{width:100%}.un-homepageProblem_text{font-size:1.25rem}.un-service .smb-section__body{margin-top:0!important}.un-service_text{margin-top:8px!important}.un-service_itemUnit .c-row{-ms-grid-columns:1fr 40px 1fr;grid-template-columns:1fr 1fr;-moz-column-gap:40px;column-gap:40px;row-gap:50px;margin:0!important}.un-service_item{width:100%!important;max-width:100%!important;padding:0!important}.un-service_item .smb-panels__item__figure{width:100%}.un-service_item .smb-panels__item__body{padding-top:0}.un-service_item .smb-panels__item__title{font-size:1.5rem}.un-homepageWorks .smb-section__body{margin-top:0!important}.un-homepageWorks_text{font-size:1.125rem}.un-homepageWorks_button{margin-top:40px}.un-homepageWorks_button a:after{right:3.3333333333%;width:14px;height:18px}.un-plan .smb-section__body{margin-top:0!important}.un-plan_intro{margin-top:9px!important}.un-plan_post{padding-right:32px;padding-left:32px;padding-bottom:33px}.un-plan_post_link{margin-top:12px!important}.un-plan_post_link a{text-decoration:none;border-bottom:1px solid;padding-bottom:5px}.un-plan_listUnit.wp-block-columns{flex-wrap:nowrap!important;gap:20px;margin-top:44px}.un-plan_list_head.wp-block-group{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0!important;min-height:125px;padding:5px 15px!important}.un-plan h3.un-plan_list_title{margin-bottom:0}.un-plan_list_body{padding-top:13px}.un-plan .un-plan_list_content li:not(:first-of-type){padding-top:9px;padding-bottom:8px}.un-plan_text{margin-top:23px}.un-management{padding-top:0!important}.un-management .smb-section__body{margin-top:0!important}.un-management_text{margin-top:8px!important}.un-management_box .bl-box_listUnit{-ms-grid-columns:;grid-template-columns:repeat(auto,2);-moz-column-gap:50px!important;column-gap:50px!important}.un-management_box .bl-box_listUnit li{font-feature-settings:"palt"}.un-flow .smb-section__body{margin-top:28px!important}.un-flow .un-flow_itemUnit{-ms-grid-columns:1fr 10px 1fr 10px 1fr 10px 1fr 10px 1fr 10px 1fr;grid-template-columns:repeat(6,1fr);gap:10px!important}.un-flow_item{padding:40px 18px 20px 20px}.un-flow_item_number{width:68px}.un-faq .smb-faq__body{margin-top:55px}.un-faq .smb-faq__item__question,.un-faq .smb-faq__item__answer{padding:20px 20px 20px 27px}.un-printAbout{padding-bottom:150px}.un-printAbout .smb-section__body{margin-top:20px!important}.un-printAbout_wrap .smb-media-text__figure{width:100%}.un-printAbout_wrap .c-row{align-items:flex-start;justify-content:space-between;margin:0!important}.un-printAbout_wrap .c-row__col{padding:0!important;margin:0!important}.un-printAbout_wrap .c-row__col:first-of-type{flex-basis:58.9%}.un-printAbout_wrap .c-row__col:last-of-type{flex-basis:39.8%;max-width:100%}.un-printWorks .smb-section__body{margin-top:9px!important}.un-printWorks .un-printWorks_headline{font-size:1.625rem}.un-printWorks .un-printWorks_headline:after{width:45px}.un-printWorks_item:first-of-type{margin-top:40px!important}.un-printWorks .wp-block-separator{margin:57px 0 50px}.un-printWorks_button a{padding-right:30px;padding-left:30px}.un-printPrice .smb-section__body{margin-top:5px}.un-printPrice_text{margin-top:10px!important}.un-printPrice_table{margin-bottom:0!important}.un-printPrice_table tbody td{padding:1.44em 1.8em}.un-printPrice_table figcaption{margin-top:9px!important}}@media screen and (min-width: 1300px){.c-site-branding__title .custom-logo{width:190px}.p-global-nav .bl-headerMenu a{padding:28px 1.1em}.bl-headerTel{margin-left:45px}.bl-headerTel_img{width:25px}.bl-headerTel_number{font-size:1.625rem;line-height:1.2;margin-left:5px}.bl-headerTel a small{font-size:.875rem!important}.bl-headerContact{margin-left:44px}.bl-headerContact a{padding:25px 43px 26px!important}.bl-headerContact_img{width:34px}.bl-headerContact_text{font-size:1.0625rem;margin-left:14px}.bl-slide .spider{padding:0 50px}.bl-slide .spider__arrow[data-direction=prev]{left:0}.bl-slide .spider__arrow[data-direction=prev]:after{margin-right:2px}.bl-slide .spider__arrow[data-direction=next]{right:0}.bl-slide .spider__arrow[data-direction=next]:after{margin-left:4px}.un-fv .wp-block-media-text__content p{font-size:3.625rem}.un-fv_accent:before{width:15px;height:15px}.un-topAbout_wrap .wp-block-media-text__content{padding-left:46px!important}}@media screen and (min-width: 1500px){.c-site-branding__title .custom-logo{width:289px}.bl-headerMenu a span{font-size:1rem}}@media screen and (max-width: 600px){.bl-works.-spCol1 .c-entries{-ms-grid-columns:1fr;grid-template-columns:1fr}.un-trip_description{text-align:left}.hp-spTl{display:flex!important;flex-direction:column!important;align-items:center!important;text-align:left!important}} body { color: #000; } .un-contact_tel{ font-size:2.2em } /* 記事タイトル文字サイズ */ @media screen and (min-width: 64em){ .c-entry__title { font-size: 1.8rem; } } /* 前後の記事 */ .c-prev-next-nav { display: none; } /* 投稿の日付 */ .c-entry-summary__meta { display: none; } .un-news_itemUnit .c-entry-summary__meta { display: block; } .un-news_itemUnit .c-entry-summary__meta .c-meta { justify-content: left; } .topblog-calsel.bl-works .c-entry-summary__content { display: none; } .topblog-calsel .c-entry-summary__meta .c-meta { justify-content: left; } /* フッター追尾 */ .p-footer-sticky-nav a { margin:5px 0; } nav#footer-sticky-nav a { font-size:.7em; font-weight:700; } /* ハンバーガー */ .c-hamburger-btn__bar { height: 3px; } .c-drawer__item { font-weight:700; } /* ドロワーメニュー開いたまま */ #drawer-nav .c-drawer__submenu { height: auto; overflow: visible; visibility: visible; display: block; margin-bottom: calc(var(--_space, 1.8rem) * -.25); margin-top: calc(var(--_space, 1.8rem) * .25); } #drawer-nav .c-drawer__toggle { display: none; } /* パンくず色 */ .single-post .c-breadcrumbs__item:nth-child(n+2):before { color: #333!important; border-color: #333!important; } /* カテゴリーパンくず位置 */ @media screen and (min-width: 1079px){ .category-13 ol.c-breadcrumbs { padding-left:0; } .category-30 ol.c-breadcrumbs { padding-left:0; } .category-32 ol.c-breadcrumbs { padding-left:0; } .category-34 ol.c-breadcrumbs { padding-left:0; } .category-36 ol.c-breadcrumbs { padding-left:0; } .category-37 ol.c-breadcrumbs { padding-left:0; } .category-38 ol.c-breadcrumbs { padding-left:0; } .category-40 ol.c-breadcrumbs { padding-left:0; } .category-42 ol.c-breadcrumbs { padding-left:0; } .category-43 ol.c-breadcrumbs { padding-left:0; } } @media screen and (min-width: 1079px){ .category-40 .p-breadcrumbs-wrapper { position: absolute; top: 2.7%; left: 50%; transform: translate(-50%); max-width: calc(1000px + var(--_space, 1.8rem) * .5 * var(--_margin-scale, 1) * 2); width: 100%; margin: 0 auto; z-index: 2; } } @media screen and (max-width: 1078px){ .category-40 .p-breadcrumbs-wrapper { position: absolute; top: 1.2%; left: 50%; transform: translate(-50%); max-width: calc(1000px + var(--_space, 1.8rem) * .5 * var(--_margin-scale, 1) * 2); width: 100%; margin: 0 auto; z-index: 2; } } .category-40 .p-breadcrumbs-wrapper a { color: #fff; } @media screen and (min-width: 1079px){ .category-13 .p-breadcrumbs-wrapper { position: absolute; top: 2.7%; left: 50%; transform: translate(-50%); max-width: calc(1000px + var(--_space, 1.8rem) * .5 * var(--_margin-scale, 1) * 2); width: 100%; margin: 0 auto; z-index: 2; } } @media screen and (max-width: 1078px){ .category-13 .p-breadcrumbs-wrapper { position: absolute; top: 1.2%; left: 50%; transform: translate(-50%); max-width: calc(1000px + var(--_space, 1.8rem) * .5 * var(--_margin-scale, 1) * 2); width: 100%; margin: 0 auto; z-index: 2; } } .category-13 .p-breadcrumbs-wrapper a { color: #fff; } @media screen and (min-width: 1079px){ .category-30 .p-breadcrumbs-wrapper { position: absolute; top: 2.7%; left: 50%; transform: translate(-50%); max-width: calc(1000px + var(--_space, 1.8rem) * .5 * var(--_margin-scale, 1) * 2); width: 100%; margin: 0 auto; z-index: 2; } } @media screen and (max-width: 1078px){ .category-30 .p-breadcrumbs-wrapper { position: absolute; top: 1.2%; left: 50%; transform: translate(-50%); max-width: calc(1000px + var(--_space, 1.8rem) * .5 * var(--_margin-scale, 1) * 2); width: 100%; margin: 0 auto; z-index: 2; } } .category-30 .p-breadcrumbs-wrapper a { color: #fff; } @media screen and (min-width: 1079px){ .category-32 .p-breadcrumbs-wrapper { position: absolute; top: 4.5%; left: 50%; transform: translate(-50%); max-width: calc(1000px + var(--_space, 1.8rem) * .5 * var(--_margin-scale, 1) * 2); width: 100%; margin: 0 auto; z-index: 2; } } @media screen and (max-width: 1078px){ .category-32 .p-breadcrumbs-wrapper { position: absolute; top: 2.1%; left: 50%; transform: translate(-50%); max-width: calc(1000px + var(--_space, 1.8rem) * .5 * var(--_margin-scale, 1) * 2); width: 100%; margin: 0 auto; z-index: 2; } } .category-32 .p-breadcrumbs-wrapper a { color: #fff; } @media screen and (min-width: 1079px){ .category-34 .p-breadcrumbs-wrapper { position: absolute; top: 4.2%; left: 50%; transform: translate(-50%); max-width: calc(1000px + var(--_space, 1.8rem) * .5 * var(--_margin-scale, 1) * 2); width: 100%; margin: 0 auto; z-index: 2; } } @media screen and (max-width: 1078px){ .category-34 .p-breadcrumbs-wrapper { position: absolute; top: 2%; left: 50%; transform: translate(-50%); max-width: calc(1000px + var(--_space, 1.8rem) * .5 * var(--_margin-scale, 1) * 2); width: 100%; margin: 0 auto; z-index: 2; } } .category-34 .p-breadcrumbs-wrapper a { color: #fff; } @media screen and (min-width: 1079px){ .category-42 .p-breadcrumbs-wrapper { position: absolute; top: 2.7%; left: 50%; transform: translate(-50%); max-width: calc(1000px + var(--_space, 1.8rem) * .5 * var(--_margin-scale, 1) * 2); width: 100%; margin: 0 auto; z-index: 2; } } @media screen and (max-width: 1078px){ .category-42 .p-breadcrumbs-wrapper { position: absolute; top: 1.2%; left: 50%; transform: translate(-50%); max-width: calc(1000px + var(--_space, 1.8rem) * .5 * var(--_margin-scale, 1) * 2); width: 100%; margin: 0 auto; z-index: 2; } } .category-42 .p-breadcrumbs-wrapper a { color: #fff; } @media screen and (min-width: 1079px){ .category-43 .p-breadcrumbs-wrapper { position: absolute; top: 3.5%; left: 50%; transform: translate(-50%); max-width: calc(1000px + var(--_space, 1.8rem) * .5 * var(--_margin-scale, 1) * 2); width: 100%; margin: 0 auto; z-index: 2; } } @media screen and (max-width: 1078px){ .category-43 .p-breadcrumbs-wrapper { position: absolute; top: 1.5%; left: 50%; transform: translate(-50%); max-width: calc(1000px + var(--_space, 1.8rem) * .5 * var(--_margin-scale, 1) * 2); width: 100%; margin: 0 auto; z-index: 2; } } .category-43 .p-breadcrumbs-wrapper a { color: #fff; } @media screen and (min-width: 1079px){ .category-36 .p-breadcrumbs-wrapper { position: absolute; top: 2.9%; left: 50%; transform: translate(-50%); max-width: calc(1000px + var(--_space, 1.8rem) * .5 * var(--_margin-scale, 1) * 2); width: 100%; margin: 0 auto; z-index: 2; } } @media screen and (max-width: 1078px){ .category-36 .p-breadcrumbs-wrapper { position: absolute; top: 1.3%; left: 50%; transform: translate(-50%); max-width: calc(1000px + var(--_space, 1.8rem) * .5 * var(--_margin-scale, 1) * 2); width: 100%; margin: 0 auto; z-index: 2; } } .category-36 .p-breadcrumbs-wrapper a { color:#fff; } @media screen and (min-width: 1079px){ .category-37 .p-breadcrumbs-wrapper { position: absolute; top: .9%; left: 50%; transform: translate(-50%); max-width: calc(1000px + var(--_space, 1.8rem) * .5 * var(--_margin-scale, 1) * 2); width: 100%; margin: 0 auto; z-index: 2; } } @media screen and (max-width: 1078px){ .category-37 .p-breadcrumbs-wrapper { position: absolute; top: .4%; left: 50%; transform: translate(-50%); max-width: calc(1000px + var(--_space, 1.8rem) * .5 * var(--_margin-scale, 1) * 2); width: 100%; margin: 0 auto; z-index: 2; } } .category-37 .p-breadcrumbs-wrapper a { color:#fff; } @media screen and (min-width: 1079px){ .category-38 .p-breadcrumbs-wrapper { position: absolute; top: 2.7%; left: 50%; transform: translate(-50%); max-width: calc(1000px + var(--_space, 1.8rem) * .5 * var(--_margin-scale, 1) * 2); width: 100%; margin: 0 auto; z-index: 2; } } @media screen and (max-width: 1078px){ .category-38 .p-breadcrumbs-wrapper { position: absolute; top: 1.2%; left: 50%; transform: translate(-50%); max-width: calc(1000px + var(--_space, 1.8rem) * .5 * var(--_margin-scale, 1) * 2); width: 100%; margin: 0 auto; z-index: 2; } } .category-38 .p-breadcrumbs-wrapper a { color:#fff; } /* 実績ヘッダーにアイコン */ @media screen and (min-width: 1024px){ .category-42 .c-page-header:after { right: auto; left: 50%; bottom: -10px!important; transform: translate(190px); height: 246px!important; width: 310px!important; } } .category-42 .c-page-header:after { height: 80px; background-image: url(https://micata-you.com/micata-nobe/wp-content/uploads/2022/06/blog-header.png); } .category-42 .c-page-header:after { position: absolute; bottom: 0; right: 10px; display: block; content: ""; z-index: 1; background-size: contain; background-position: center; width: 100px; } @media screen and (min-width: 601px){ .category-42 .c-page-header:after { height: 130px; width: 160px; } } /* カテゴリーヘッダータイトル */ .category-13 h1.c-page-header__title{ padding-left:0; } .category-30 h1.c-page-header__title{ padding-left:0; } .category-32 h1.c-page-header__title{ padding-left:0; } .category-34 h1.c-page-header__title{ padding-left:0; } .category-36 h1.c-page-header__title{ padding-left:0; } .category-37 h1.c-page-header__title{ padding-left:0; } .category-38 h1.c-page-header__title{ padding-left:0; } .category-40 h1.c-page-header__title{ padding-left:0; } .category-42 h1.c-page-header__title{ padding-left:0; } .category-43 h1.c-page-header__title{ padding-left:0; } @media screen and (max-width:1024px){ .page-id-6 h1.c-page-header__title{ padding-left:0; } .page-id-130 h1.c-page-header__title{ padding-left:0; } .page-id-132 h1.c-page-header__title{ padding-left:0; } .page-id-150 h1.c-page-header__title{ padding-left:0; } .page-id-4866 h1.c-page-header__title{ padding-left:0; } } /* ブログWEBヘッダーにアイコン */ @media screen and (min-width: 1024px){ .category-38 .c-page-header:after { right: auto; left: 50%; bottom: -10px!important; transform: translate(190px); height: 270px!important; width: 340px!important; } } .category-38 .c-page-header:after { height: 85px; background-image: url(https://micata-you.com/micata-nobe/wp-content/uploads/2022/06/webblog-header.png); } .category-38 .c-page-header:after { position: absolute; bottom: -5px; right: 10px; display: block; content: ""; z-index: 1; background-size: contain; background-position: center; width: 100px; } @media screen and (min-width: 601px){ .category-38 .c-page-header:after { height: 130px; width: 165px; } } /* ブログヘッダーにアイコン */ @media screen and (min-width: 1024px){ .category-40 .c-page-header:after { right: auto; left: 50%; bottom: -10px!important; transform: translate(190px); height: 246px!important; width: 310px!important; } } .category-40 .c-page-header:after { height: 80px; background-image: url(https://micata-you.com/micata-nobe/wp-content/uploads/2022/06/blog-header.png); } .category-40 .c-page-header:after { position: absolute; bottom: 0; right: 10px; display: block; content: ""; z-index: 1; background-size: contain; background-position: center; width: 100px; } @media screen and (min-width: 601px){ .category-40 .c-page-header:after { height: 130px; width: 160px; } } /* ブログWEBヘッダーにアイコン */ @media screen and (min-width: 1024px){ .category-30 .c-page-header:after { right: auto; left: 50%; bottom: -10px!important; transform: translate(190px); height: 270px!important; width: 340px!important; } } .category-30 .c-page-header:after { height: 85px; background-image: url(https://micata-you.com/micata-nobe/wp-content/uploads/2022/06/webblog-header.png); } .category-30 .c-page-header:after { position: absolute; bottom: -5px; right: 10px; display: block; content: ""; z-index: 1; background-size: contain; background-position: center; width: 100px; } @media screen and (min-width: 601px){ .category-30 .c-page-header:after { height: 130px; width: 165px; } } /* ブログプリントヘッダーにアイコン */ @media screen and (min-width: 1024px){ .category-32 .c-page-header:after { right: auto; left: 50%; bottom: -10px!important; transform: translate(190px); height: 246px!important; width: 310px!important; } } .category-32 .c-page-header:after { height: 80px; background-image: url(https://micata-you.com/micata-nobe/wp-content/uploads/2022/06/printblog-header.png); } .category-32 .c-page-header:after { position: absolute; bottom: 0; right: 10px; display: block; content: ""; z-index: 1; background-size: contain; background-position: center; width: 100px; } @media screen and (min-width: 601px){ .category-32 .c-page-header:after { height: 130px; width: 160px; } } /* ブログITヘッダーにアイコン */ @media screen and (min-width: 1024px){ .category-13 .c-page-header:after { right: auto; left: 50%; bottom: -10px!important; transform: translate(190px); height: 246px!important; width: 310px!important; } } .category-13 .c-page-header:after { height: 80px; background-image: url(https://micata-you.com/micata-nobe/wp-content/uploads/2022/06/itblog-header-1.png); } .category-13 .c-page-header:after { position: absolute; bottom: 0; right: 10px; display: block; content: ""; z-index: 1; background-size: contain; background-position: center; width: 100px; } @media screen and (min-width: 601px){ .category-13 .c-page-header:after { height: 130px; width: 160px; } } /* ブログフリーランスアイコン */ @media screen and (min-width: 1024px){ .category-34 .c-page-header:after { right: auto; left: 50%; bottom: 5px!important; transform: translate(190px); height: 246px!important; width: 320px!important; } } .category-34 .c-page-header:after { height: 77px; background-image: url(https://micata-you.com/micata-nobe/wp-content/uploads/2022/06/freerance-header.png); } .category-34 .c-page-header:after { position: absolute; bottom: 5px; right: 10px; display: block; content: ""; z-index: 1; background-size: contain; background-position: center; width: 100px; } @media screen and (min-width: 601px){ .category-34 .c-page-header:after { height: 120px; width: 160px; } } /* お知らせヘッダーにアイコン */ @media screen and (min-width: 1024px){ .category-43 .c-page-header:after { right: auto; left: 50%; bottom: -10px!important; transform: translate(190px); height: 246px!important; width: 310px!important; } } .category-43 .c-page-header:after { height: 80px; background-image: url(https://micata-you.com/micata-nobe/wp-content/uploads/2022/06/blog-header.png); } .category-43 .c-page-header:after { position: absolute; bottom: 0; right: 10px; display: block; content: ""; z-index: 1; background-size: contain; background-position: center; width: 100px; } @media screen and (min-width: 601px){ .category-43 .c-page-header:after { height: 130px; width: 160px; } } /* お問合せヘッダーアイコン */ @media screen and (min-width: 1024px){ .page-id-132 .c-page-header:after { right: auto; left: 50%; bottom: -10px!important; transform: translate(190px); height: 246px!important; width: 310px!important; } } .page-id-132 .c-page-header:after { height: 80px; background-image: url(https://micata-you.com/micata-nobe/wp-content/uploads/2022/06/contact-header.png); } .page-id-132 .c-page-header:after { position: absolute; bottom: 0; right: 10px; display: block; content: ""; z-index: 1; background-size: contain; background-position: center; width: 100px; } @media screen and (min-width: 601px){ .page-id-132 .c-page-header:after { height: 130px; width: 160px; } } /* サイトマップヘッダーアイコン */ @media screen and (min-width: 1024px){ .page-id-150 .c-page-header:after { right: auto; left: 50%; bottom: 5px!important; transform: translate(190px); height: 236px!important; width: 310px!important; } } .page-id-150 .c-page-header:after { height:75px; background-image: url(https://micata-you.com/micata-nobe/wp-content/uploads/2022/06/sitemap-header.png); } .page-id-150 .c-page-header:after { position: absolute; bottom: 5px; right: 10px; display: block; content: ""; z-index: 1; background-size: contain; background-position: center; width: 100px; } @media screen and (min-width: 601px){ .page-id-150 .c-page-header:after { height: 120px; width: 180px; } } /*プライバシーヘッダーアイコン */ @media screen and (min-width: 1024px){ .page-id-6 .c-page-header:after { right: auto; left: 50%; bottom: 5px!important; transform: translate(190px); height: 236px!important; width: 310px!important; } } .page-id-6 .c-page-header:after { height:75px; background-image: url(https://micata-you.com/micata-nobe/wp-content/uploads/2022/06/privacy-header.png); } .page-id-6 .c-page-header:after { position: absolute; bottom: 5px; right: 10px; display: block; content: ""; z-index: 1; background-size: contain; background-position: center; width: 100px; } @media screen and (min-width: 601px){ .page-id-6 .c-page-header:after { height: 120px; width: 180px; } } /* メルマガヘッダーアイコン */ @media screen and (min-width: 1024px){ .page-id-4866 .c-page-header:after { right: auto; left: 50%; bottom: -10px!important; transform: translate(190px); height: 246px!important; width: 310px!important; } } .page-id-4866 .c-page-header:after { height: 80px; background-image: url(https://micata-you.com/micata-nobe/wp-content/uploads/2022/06/mailmaga-header.png); } .page-id-4866 .c-page-header:after { position: absolute; bottom: 0; right: 10px; display: block; content: ""; z-index: 1; background-size: contain; background-position: center; width: 100px; } @media screen and (min-width: 601px){ .page-id-4866 .c-page-header:after { height: 130px; width: 160px; } } /* workITアイコン */ @media screen and (min-width: 1024px){ .category-36 .c-page-header:after { right: auto; left: 50%; bottom: -10px!important; transform: translate(190px); height: 246px!important; width: 320px!important; } } .category-36 .c-page-header:after { height: 77px; background-image: url(https://micata-you.com/micata-nobe/wp-content/uploads/2022/06/work-it-header.png); } .category-36 .c-page-header:after { position: absolute; bottom: 0; right: 10px; display: block; content: ""; z-index: 1; background-size: contain; background-position: center; width: 100px; } @media screen and (min-width: 601px){ .category-36 .c-page-header:after { height: 120px; width: 160px; } } /* work webアイコン */ @media screen and (min-width: 1024px){ .category-37 .c-page-header:after { right: auto; left: 50%; bottom: 0; transform: translate(190px); height: 246px!important; width: 320px!important; } } .category-37 .c-page-header:after { height: 77px; background-image: url(https://micata-you.com/micata-nobe/wp-content/uploads/2022/06/work-web-header.png); } .category-37 .c-page-header:after { position: absolute; bottom: 0; right: 10px; display: block; content: ""; z-index: 1; background-size: contain; background-position: center; width: 100px; } @media screen and (min-width: 601px){ .category-37 .c-page-header:after { height: 130px; width: 160px; } } /* サービスアイコン */ .print-design .c-page-header:after { background-repeat: no-repeat; bottom: 5px; } .pc-it-suport .c-page-header:after { background-repeat: no-repeat; bottom: 5px; } .homepage-price .c-page-header:after { background-repeat: no-repeat; bottom: 5px; } /* カテゴリー説明文 */ .header-catesubtitle:before { display: block; content: ""; width: 20px; height: 3px; background-color: #ffd802; margin-right: 8px; width: 30px; height: 4px; } .header-catesubtitle { position: relative; display: flex; align-items: center; color: #fff; font-weight: 700; letter-spacing: .05em; line-height: 1.5; z-index: 2; max-width: calc(1000px + var(--_space, 1.8rem) * .5 * var(--_margin-scale, 1) * 2); width: 100%; margin: 10px 0 0 0.5em; font-size: 1.125rem; } @media screen and (max-width:1023px){ .header-catesubtitle { font-size: .875rem; } } /* 関連記事 */ .c-entry-aside__title:after, .c-entry-aside__title:before { background-color: #eee; } .c-entry-aside__title:after, .c-entry-aside__title:before { height: 3px; } .c-entries--simple { border-top: none; } .c-entry-summary__term{ font-size:.7em; } h2.p-related-posts__title.c-entry-aside__title { margin-bottom: 0; } /* SNS */ .sns-side{ display: flex; justify-content: center; } .fb-side{ margin:0 30px 0 0; } .insta-side{ margin:0 30px 0 0; } /* 会社概要テーブル */ @media screen and (max-width:600px){ .prof-table tr td:nth-child(1) { width:100px; } } .category-42 .c-entry-summary__body { padding: 1em .5em!important; } .category-36 .c-entry-summary__body { padding: 1em .5em!important; } .category-37 .c-entry-summary__body { padding: 1em .5em!important; } .category-38 .c-entry-summary__body { padding: 1em .5em!important; } .category-40 .c-entry-summary__body { padding: 1em .5em!important; } .category-43 .c-entry-summary__body { padding: 1em .5em!important; } .category-30 .c-entry-summary__body { padding: 1em .5em!important; } .category-34 .c-entry-summary__body { padding: 1em .5em!important; } .category-13 .c-entry-summary__body { padding: 1em .5em!important; } .category-32 .c-entry-summary__body { padding: 1em .5em!important; } /* メルマガ */ .marumagabutton a{ padding:1.5em 0; font-weight:700; border-radius:40px!important; } .merumaga-sec{ padding-bottom:0; } @media screen and (min-width:640px){ .marumagabutton a { width:350px; } } /* カテゴリーdescription */ .p-term-description.p-entry-content { display: none; } /* LPポイント */ @media screen and (max-width:1023px){ img.wp-image-6883 { margin-top:3em; } img.wp-image-6884 { margin-top: 3em; } img.wp-image-6885{ margin-top: 3em; } img.wp-image-6140{ margin-top:3em; } img.wp-image-6141{ margin-top:3em; } img.wp-image-6142{ margin-top:3em; } img.wp-image-6143{ margin-top:3em; } img.wp-image-6144{ margin-top:3em; } img.wp-image-7590{ margin-top:3em; } img.wp-image-7591{ margin-top:3em; } img.wp-image-7593{ margin-top:3em; } img.wp-image-7594{ margin-top:3em; } } @media screen and (min-width:1024px){ img.wp-image-6884 { margin-top: 2em; } img.wp-image-6885{ margin-top: 2em; } img.wp-image-6141{ margin-top:2em; } img.wp-image-6142{ margin-top:2em; } img.wp-image-6143{ margin-top:2em; } img.wp-image-6144{ margin-top:2em; } img.wp-image-7590{ margin-top:3em; } img.wp-image-7591{ margin-top:3em; } img.wp-image-7593{ margin-top:3em; } img.wp-image-7594{ margin-top:3em; } } @media screen and (min-width:768px){ .lp-contactform{ width:70%; margin:0 auto; } } .lp-contact a{ font-weight:900; } .contact-tel a{ font-weight:900; } /* ウィジェット関連記事 */ h2.c-widget__title:before { height: 2px; background-color: #ddd!important; } h2.c-widget__title:after { height: 2px; background-color: #ddd!important; } div#same-category-posts-2 a.post-title { width:70%; } .same-category-post-item { flex-direction: row-reverse; display: flex; } div#same-category-posts-2 img{ margin-right:30px; } div#same-category-posts-2 ul li{ padding:10px 0 10px 0; } .same-category-post-item { border-bottom: 1px dotted #ddd; } div#same-category-posts-2 ul { padding-left: 0; } /* アフィリボタン */ .mcbtn-waku { background-color: #eee; text-align: center; padding:1em 0; } a.afi_button.pill.sz_l { background-color: #f78da7; color: #fff; font-size: 1.2em; padding: 15px 30px; border-radius: 30px; text-decoration: none; } .afi-botan{ margin:1em; width:100%; } /*新MV*/ /* メインビジュアル専用CSS：既存サイト全体へ影響しないよう .hero 配下に限定 */ .hero { --text: #ffffff; --muted: rgba(255,255,255,.78); --line: rgba(128, 226, 255, .28); --cyan: #7feaff; --blue: #2aa8ff; --deep: #041326; box-sizing: border-box; font-family: "Noto Sans JP", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; color: var(--text); } .hero *, .hero *::before, .hero *::after { box-sizing: border-box; } .hero a { color: inherit; text-decoration: none; } .hero .desktop-only-inline { display: inline; } .hero .mobile-only-inline { display: none; } .hero { position: relative; min-height: 760px; height: 100svh; overflow: hidden; isolation: isolate; display: grid; align-items: center; background: linear-gradient(90deg, rgba(3, 10, 24, .92) 0%, rgba(3, 13, 32, .62) 38%, rgba(4, 24, 52, .28) 72%, rgba(3, 12, 27, .62) 100%), url("https://micata-you.com/micata-nobe/wp-content/uploads/2026/06/hero-bg.jpg") center / cover no-repeat; } .hero::before { content: ""; position: absolute; inset: -8%; z-index: -1; background: radial-gradient(circle at 14% 24%, rgba(153, 236, 255, .42), transparent 30%), radial-gradient(circle at 74% 36%, rgba(39, 164, 255, .30), transparent 30%), radial-gradient(circle at 55% 84%, rgba(0, 255, 234, .16), transparent 30%); filter: blur(10px); animation: aurora 12s ease-in-out infinite alternate; } .hero__canvas, .hero__glow, .hero__grid, .hero__scan { position: absolute; inset: 0; pointer-events: none; } .hero__canvas { z-index: 1; opacity: .92; } .hero__glow { z-index: 2; background: linear-gradient(115deg, transparent 0%, rgba(119, 238, 255, .16) 44%, transparent 58%), radial-gradient(circle at 84% 18%, rgba(255,255,255,.15), transparent 18%); mix-blend-mode: screen; animation: lightSweep 8s ease-in-out infinite; } .hero__grid { z-index: 2; opacity: .34; background-image: linear-gradient(rgba(126, 229, 255, .12) 1px, transparent 1px), linear-gradient(90deg, rgba(126, 229, 255, .12) 1px, transparent 1px); background-size: 72px 72px; mask-image: linear-gradient(90deg, transparent 0%, #000 22%, #000 75%, transparent 100%); animation: gridMove 18s linear infinite; } .hero__scan { z-index: 3; opacity: .20; background: repeating-linear-gradient( to bottom, rgba(255,255,255,.08) 0px, rgba(255,255,255,.08) 1px, transparent 1px, transparent 7px ); } .hero__content { position: relative; z-index: 5; width: min(1120px, calc(100% - 48px)); margin: 0 auto; padding-top: 40px; } .hero__eyebrow { margin: 0 0 22px; font-family: "Inter", sans-serif; font-size: clamp(12px, 1.2vw, 15px); font-weight: 800; letter-spacing: .22em; color: var(--cyan); text-shadow: 0 0 24px rgba(127, 234, 255, .65); } .hero h1 { margin: 0; max-width: 820px; font-size: clamp(40px, 5.6vw, 76px); line-height: 1.15; letter-spacing: .04em; font-weight: 900; text-wrap: balance; text-shadow: 0 12px 40px rgba(0,0,0,.42); } .hero__lead { margin: 28px 0 0; max-width: 720px; color: var(--muted); font-size: clamp(16px, 1.5vw, 20px); line-height: 1.9; letter-spacing: .01em; text-shadow: 0 8px 28px rgba(0,0,0,.55); } .hero__buttons { display: flex; gap: 14px; flex-wrap: wrap; margin-top: 42px; } .btn { position: relative; display: inline-flex; align-items: center; justify-content: center; min-width: 164px; min-height: 54px; padding: 14px 24px; border-radius: 999px; font-weight: 800; letter-spacing: .04em; overflow: hidden; } .btn--primary { background: linear-gradient(135deg, rgba(127,234,255,.95), rgba(42,168,255,.92)); color: #02101e; box-shadow: 0 0 34px rgba(42,168,255,.38), inset 0 1px 0 rgba(255,255,255,.55); } .btn--primary::after { content: ""; position: absolute; inset: 0; background: linear-gradient(115deg, transparent 0%, rgba(255,255,255,.72) 45%, transparent 68%); transform: translateX(-120%); animation: buttonShine 4.8s ease-in-out infinite; } .btn--ghost { border: 1px solid rgba(255,255,255,.34); background: rgba(255,255,255,.08); backdrop-filter: blur(10px); color: #fff; } .floating-card { position: absolute; z-index: 4; width: min(320px, calc(100vw - 40px)); min-width: 210px; padding: 18px 20px; border: 1px solid rgba(141, 234, 255, .34); border-radius: 22px; background: linear-gradient(135deg, rgba(3,22,47,.46), rgba(255,255,255,.08)); box-shadow: 0 20px 60px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.18); backdrop-filter: blur(14px); } .floating-card--one { right: 8%; top: 18%; animation: floatOne 6.5s ease-in-out infinite; } .floating-card--two { right: 18%; top: 38%; animation: floatTwo 7.2s ease-in-out infinite; } .floating-card--three { right: 7%; bottom: 28%; animation: floatThree 6.9s ease-in-out infinite; } .floating-card--four { right: 22%; bottom: 8%; animation: floatFour 7.6s ease-in-out infinite; } .floating-card__label { display: block; margin-bottom: 7px; font-family: "Inter", sans-serif; font-size: 11px; letter-spacing: .18em; color: var(--cyan); } .floating-card strong { display: block; font-family: "Inter", "Noto Sans JP", sans-serif; font-size: 17px; line-height: 1.5; font-weight: 700; } .floating-card i { display: block; height: 4px; width: 100%; margin-top: 14px; border-radius: 999px; background: linear-gradient(90deg, var(--cyan), transparent); box-shadow: 0 0 18px rgba(127, 234, 255, .55); animation: meter 2.8s ease-in-out infinite alternate; } .scroll-cue { position: absolute; z-index: 5; left: 50%; bottom: 34px; width: 28px; height: 46px; border: 1px solid rgba(255,255,255,.42); border-radius: 999px; transform: translateX(-50%); } .scroll-cue span { position: absolute; left: 50%; top: 9px; width: 4px; height: 4px; border-radius: 50%; background: #fff; transform: translateX(-50%); animation: scrollDot 1.8s ease-in-out infinite; } @keyframes aurora { from { transform: translate3d(-2%, -1%, 0) scale(1); opacity: .76; } to { transform: translate3d(2%, 1%, 0) scale(1.04); opacity: 1; } } @keyframes lightSweep { 0%, 100% { transform: translateX(-7%); opacity: .35; } 50% { transform: translateX(7%); opacity: .8; } } @keyframes gridMove { to { background-position: 72px 72px; } } @keyframes buttonShine { 0%, 62% { transform: translateX(-120%); } 100% { transform: translateX(120%); } } @keyframes floatOne { 0%,100% { transform: translate3d(0,0,0); } 50% { transform: translate3d(0,-18px,0); } } @keyframes floatTwo { 0%,100% { transform: translate3d(0,0,0); } 50% { transform: translate3d(12px,16px,0); } } @keyframes floatThree { 0%,100% { transform: translate3d(0,0,0); } 50% { transform: translate3d(-10px,-14px,0); } } @keyframes floatFour { 0%,100% { transform: translate3d(0,0,0); } 50% { transform: translate3d(10px,-12px,0); } } @keyframes meter { from { width: 44%; } to { width: 100%; } } @keyframes scrollDot { 0% { opacity: 0; transform: translate(-50%, 0); } 35% { opacity: 1; } 100% { opacity: 0; transform: translate(-50%, 18px); } } @keyframes floatMobileLeft { 0%, 100% { transform: translate3d(0, 0, 0) rotate(0deg); } 25% { transform: translate3d(2px, -8px, 0) rotate(.35deg); } 50% { transform: translate3d(-3px, -15px, 0) rotate(-.25deg); } 75% { transform: translate3d(3px, -7px, 0) rotate(.25deg); } } @keyframes floatMobileRight { 0%, 100% { transform: translate3d(0, 0, 0) rotate(0deg); } 25% { transform: translate3d(-2px, -9px, 0) rotate(-.3deg); } 50% { transform: translate3d(4px, -16px, 0) rotate(.2deg); } 75% { transform: translate3d(-3px, -8px, 0) rotate(-.2deg); } } @media (min-width: 901px) { .hero { min-height: 640px; height: calc(100svh - 80px); } .hero__content { padding-top: 20px; } .hero h1 { font-size: clamp(40px, 5.4vw, 76px); } .hero__lead { margin-top: 22px; } .hero__buttons { margin-top: 34px; } } @media (max-width: 900px) { .hero { min-height: 720px; background-position: 58% center; } .hero__content { width: min(100% - 36px, 680px); padding-top: 0; } .hero__lead { line-height: 1.8; } .pc-only { display: none; } .floating-card { display: none; width: min(300px, calc(100% - 36px)); padding: 16px 18px; } .floating-card--one, .floating-card--three { display: block; } .floating-card--one { right: 7%; top: 16%; animation: floatOne 6.5s ease-in-out infinite; } .floating-card--three { right: 14%; top: 34%; bottom: auto; animation: floatThree 6.9s ease-in-out infinite; } .floating-card--two, .floating-card--four { display: none; } } @media (min-width: 561px) and (max-width: 900px) { .hero h1 { max-width: 700px; font-size: clamp(44px, 7.2vw, 66px); line-height: 1.3; } .hero__lead { max-width: 680px; font-size: clamp(15px, 2vw, 18px); line-height: 1.8; } .hero .desktop-only-inline { display: none; } .hero .mobile-only-inline { display: inline; } .floating-card { width: min(290px, calc(100% - 36px)); } .floating-card strong { font-size: 16px; line-height: 1.45; } .floating-card__label { font-size: 10px; } .floating-card--one { left: 5%; right: auto; top: 10%; bottom: auto; } .floating-card--three { right: 7%; left: auto; top: 22%; bottom: auto; } } @media (max-width: 560px) { .hero { min-height: 760px; align-items: end; padding-bottom: 92px; background: linear-gradient(180deg, rgba(3, 10, 24, .32) 0%, rgba(3, 10, 24, .76) 48%, rgba(3, 10, 24, .96) 100%), url("https://micata-you.com/micata-nobe/wp-content/uploads/2026/06/hero-bg.jpg") center / cover no-repeat; } .hero__eyebrow { letter-spacing: .12em; } .hero h1 { font-size: 38px; line-height: 1.2; } .hero__lead { font-size: 12.4px; line-height: 1.72; } .hero__buttons { margin-top: 30px; } .btn { width: 100%; } .hero .desktop-only-inline { display: none; } .hero .mobile-only-inline { display: inline; } .floating-card { display: none; min-width: 0; width: min(250px, calc(100% - 36px)); padding: 14px 16px; border-radius: 18px; background: linear-gradient(135deg, rgba(3,22,47,.82), rgba(7,34,73,.62)); border: 1px solid rgba(141, 234, 255, .50); box-shadow: 0 18px 40px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.22); backdrop-filter: blur(18px); } .floating-card strong { font-size: 15px; line-height: 1.45; } .floating-card__label { font-size: 10px; margin-bottom: 6px; } .floating-card--one, .floating-card--three { display: block; } .floating-card--one { top: 84px; left: 18px; right: auto; bottom: auto; animation: floatMobileLeft 5.8s ease-in-out infinite; } .floating-card--three { top: 228px; right: 18px; left: auto; bottom: auto; animation: floatMobileRight 6.6s ease-in-out infinite .4s; } .floating-card--two, .floating-card--four { display: none; } .scroll-cue { display: none; } } @media (min-width: 365px) and (max-width: 560px) { .hero__lead { font-size: 14px; } } @media (max-width: 364px) { .hero { min-height: 840px; padding-bottom: 84px; } .hero__content { width: calc(100% - 28px); } .hero__eyebrow { margin-bottom: 16px; font-size: 11px; line-height: 1.4; letter-spacing: .10em; } .hero h1 { max-width: 300px; font-size: 31px; line-height: 1.3; letter-spacing: .03em; } .hero__lead { margin-top: 20px; font-size: 13px; line-height: 1.72; } .hero__buttons { margin-top: 24px; gap: 12px; } .btn { min-height: 50px; font-size: 16px; } .floating-card { width: min(215px, calc(100% - 28px)); padding: 12px 14px; border-radius: 16px; } .floating-card strong { font-size: 14px; line-height: 1.4; } .floating-card__label { font-size: 9px; margin-bottom: 5px; letter-spacing: .14em; } .floating-card--one { top: 64px; left: 14px; } .floating-card--three { top: 190px; right: 14px; width: min(225px, calc(100% - 28px)); } } @media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; } } /* メインビジュアルを横幅いっぱいにする */ .hero { width: 100vw; max-width: 100vw; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); } /* 横スクロールが出る場合の対策 html, body { overflow-x: hidden; } /* スマホ時は吹き出しを非表示 */ @media (max-width: 560px) { .hero .floating-card, .hero .floating-card--one, .hero .floating-card--two, .hero .floating-card--three, .hero .floating-card--four { display: none !important; } } /* 背景上の光の筋を動かすレイヤー */ /* HTML内の
を使う版 */ .hero .hero__light-streaks { position: absolute !important; inset: -18% !important; z-index: 4 !important; pointer-events: none !important; background: linear-gradient(115deg, transparent 0%, rgba(127,234,255,.00) 34%, rgba(127,234,255,.24) 47%, rgba(255,255,255,.22) 50%, rgba(127,234,255,.16) 53%, transparent 68%), linear-gradient(72deg, transparent 0%, rgba(42,168,255,.00) 40%, rgba(42,168,255,.18) 50%, transparent 62%), radial-gradient(circle at 70% 26%, rgba(127,234,255,.28), transparent 18%); mix-blend-mode: screen; opacity: .58; transform: translate3d(-12%, 0, 0); animation: heroLightStreaks 11s ease-in-out infinite; } /* 既存の背景・光レイヤーより上、文字より下に配置 */ .hero__canvas { z-index: 1; } .hero__glow, .hero__grid { z-index: 2; } .hero__scan { z-index: 3; } .hero .hero__light-streaks { z-index: 4; } .hero__content, .floating-card, .scroll-cue { z-index: 5; } @keyframes heroLightStreaks { 0% { transform: translate3d(-18%, -4%, 0) rotate(0deg); opacity: .34; } 45% { transform: translate3d(12%, 3%, 0) rotate(.4deg); opacity: .72; } 100% { transform: translate3d(22%, -2%, 0) rotate(-.2deg); opacity: .38; } } /* 動きを控えたい設定のユーザーには停止 */ @media (prefers-reduced-motion: reduce) { .hero .hero__light-streaks { animation: none !important; } } /* 365〜391px：見出しが意図しない位置で改行されないよう調整 */ @media (min-width: 365px) and (max-width: 391px) { .hero h1 { font-size: 34px; line-height: 1.3; letter-spacing: -0.04em; max-width: none; white-space: nowrap; } } /* 901〜1440px：PC時の吹き出しを少し小さく調整 */ @media (min-width: 901px) and (max-width: 1440px) { .hero .floating-card { width: min(280px, calc(100vw - 40px)); min-width: 190px; padding: 14px 16px; border-radius: 18px; } .hero .floating-card__label { font-size: 10px; margin-bottom: 5px; letter-spacing: .16em; } .hero .floating-card strong { font-size: 15px; line-height: 1.42; } .hero .floating-card i { height: 3px; margin-top: 10px; } } /* 560px以下：見出し・本文・ボタンを上下中央に配置 */ @media (max-width: 560px) { .hero { display: grid; align-items: center !important; padding-bottom: 0 !important; min-height: 100svh; } .hero__content { align-self: center; padding-top: 0 !important; transform: translateY(20px); } } /* 見出しタイピングアニメーション */ .hero .hero__typing-title { min-height: 2.32em; } .hero .hero__typing-line { display: inline-block; } .hero .hero__typing-cursor { display: inline-block; width: 0.08em; height: 0.9em; margin-left: 0.08em; vertical-align: -0.08em; background: currentColor; box-shadow: 0 0 18px rgba(127, 234, 255, .7); animation: heroTypingCursorBlink .8s steps(1) infinite; } @keyframes heroTypingCursorBlink { 0%, 48% { opacity: 1; } 49%, 100% { opacity: 0; } } .hero .hero__typing-title.is-typing-ready .hero__typing-line { min-height: 1em; } /* タイピングカーソルはアニメーション中だけ表示 */ .hero .hero__typing-cursor { display: none; } .hero .hero__typing-cursor.is-active { display: inline-block; } /* タイピング完了後：サブコピー・本文・ボタン・吹き出しを下からふわっと表示 */ .hero .hero__eyebrow, .hero .hero__lead, .hero .hero__buttons, .hero .floating-card { opacity: 0; transform: translateY(26px); filter: blur(8px); transition: opacity .75s ease, transform .75s cubic-bezier(.16, 1, .3, 1), filter .75s ease; will-change: opacity, transform, filter; } .hero.is-typing-complete .hero__eyebrow, .hero.is-typing-complete .hero__lead, .hero.is-typing-complete .hero__buttons, .hero.is-typing-complete .floating-card { opacity: 1; transform: translateY(0); filter: blur(0); } .hero.is-typing-complete .hero__eyebrow { transition-delay: .05s; } .hero.is-typing-complete .hero__lead { transition-delay: .18s; } .hero.is-typing-complete .hero__buttons { transition-delay: .32s; } .hero.is-typing-complete .floating-card--one { transition-delay: .48s; } .hero.is-typing-complete .floating-card--two { transition-delay: .58s; } .hero.is-typing-complete .floating-card--three { transition-delay: .68s; } .hero.is-typing-complete .floating-card--four { transition-delay: .78s; } /* スマホでは吹き出し非表示を優先 */ @media (max-width: 560px) { .hero.is-typing-complete .floating-card { display: none !important; } }