@charset "UTF-8"; <<<<<<< HEAD /*! normalize.css v3.0.2 | MIT License | git.io/normalize */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:0.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}blockquote,body,caption,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,iframe,legend,li,object,ol,p,pre,table,tbody,td,tfoot,th,thead,ul{margin:0;padding:0}body{text-align:center;line-height:2.5;word-break:break-all;-webkit-text-size-adjust:100%;font-family:fot-matisse-pron,sans-serif;font-weight:500;font-style:normal;font-size:16px;*font-size:100%;color:#000}a{color:#000000}a:active,a:hover{text-decoration:none;color:#999}a:hover img{-moz-opacity:0.7;opacity:0.7;filter:alpha(opacity=70);border:none}html>body a:hover img{display:inline-block\9;zoom:1\9}a:hover img,x:-moz-any-link{background:#fff}a:hover img,x:-moz-any-link,x:default{background:#fff}:first-child+html body,:first-child+html br{letter-spacing:0}img{vertical-align:bottom;max-width:100%}.clearfix:after,.faq-category .faq-category__list:after,.footer-content:after,.information-list li:after,.point-check:after,.service-paint-list:after,.showroom-fc-content:after,.top-about .top-about-nav:after{content:".";display:block;height:0;font-size:0;clear:both;visibility:hidden}.clearfix,.faq-category .faq-category__list,.footer-content,.information-list li,.point-check,.service-paint-list,.showroom-fc-content,.top-about .top-about-nav{display:inline-block}* html .clearfix,* html .footer-content,* html .point-check,* html .service-paint-list,* html .showroom-fc-content,.faq-category html .faq-category__list,.information-list html li,.top-about html .top-about-nav{height:1%}.clearfix,.faq-category .faq-category__list,.footer-content,.information-list li,.point-check,.service-paint-list,.showroom-fc-content,.top-about .top-about-nav{display:block}.layout-header{width:100%}.layout-footer{width:100%}.layout-footer-half{width:460px;float:left}.layout-container{width:1020px;margin-left:auto;margin-right:auto;text-align:left}.layout-bgi-inner{width:1020px;margin-left:auto;margin-right:auto;text-align:left}.layout-main-column{width:710px;float:right}.layout-sub-column{width:230px;float:left}.layout-section{margin-bottom:60px}.layout-half{width:49%}.layout-1-third{width:32%}.layout-2-third{width:66%}.layout-3-col{float:left;width:32%;margin-right:2%}.layout-3-col:nth-child(3n){margin-right:0}.layout-3-col:nth-child(3n+1){clear:both}.layout-4-col{float:left;width:24%;margin-right:1%}.layout-4-col:nth-child(4n){margin-right:0}.layout-4-col:nth-child(4n+1){clear:both}.header{position:relative;width:100%;height:151px}.header .header-site-name{width:420px;position:absolute;top:10px;right:90px;text-align:right}.header .header-site-description{margin-bottom:10px;letter-spacing:4px;font-size:81%}.header .header-menu-open{background:none;border:none;padding:0;position:absolute;top:20px;left:93px}footer{background:#313339;border-bottom:13px solid #000;padding:110px 0 36px;margin-bottom:75px;clear:both;display:block;position:relative;text-align:left;line-height:1.63;letter-spacing:2.5px;color:#fff}footer img{vertical-align:top}.contact-page footer{margin-bottom:0}.footer-site-name{margin-bottom:70px}.footer-content{position:relative;margin-bottom:0px}.footer-data{width:332px;float:right}.footer-area{margin-bottom:60px}.footer-area dt{margin-bottom:10px}.footer-bottom-link{margin-bottom:60px;list-style:none}.footer-bottom-link li{display:inline-block;margin-right:20px}.footer-bottom-link li img{vertical-align:top}.footer-sns{margin-top:60px;list-style:none;text-align:right}.footer-sns li{display:inline-block;margin-left:10px}.footer-sns li img{height:48px}.footer-instagram-bnr{position:absolute;bottom:112px;left:0}.footer-instagram-bnr img{width:260px}.footer-gaimani-bnr{position:absolute;bottom:32px;left:0}.footer-gaimani-bnr img{width:260px}.footer-2026 .footer-2026-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:35px}.footer-2026 .footer-2026-header .footer-2026__sitename{margin-right:75px}.footer-2026 .footer-2026-header .footer-2026__insured{width:315px}.footer-2026 .footer-2026-header p{width:100%;padding-top:10px;font-size:0.75rem}.footer-2026-content{position:relative;font-size:0.88rem}.footer-2026-content .footer-2026-nav{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.footer-2026-content .footer-2026-nav dl{margin-bottom:40px}.footer-2026-content .footer-2026-nav dl dt{margin-bottom:30px}.footer-2026-content .footer-2026-nav dl ul{list-style:none;padding-left:30px}.footer-2026-content .footer-2026-nav dl ul li{margin-bottom:20px}.footer-2026-content .footer-2026-nav dl ul li a{text-decoration:none;color:#fff}.footer-2026-content .footer-2026__bnr{width:240px;list-style:none}.footer-2026-content .footer-2026__bnr li{margin-bottom:20px}.footer-2026-data{width:500px;position:absolute;bottom:0;right:0}.footer-2026-data dl{margin-bottom:30px}.footer-2026-data dl dt{font-size:1.25rem}.footer-2026-data dl dd{font-size:0.88rem}.footer-2026-data dl dd strong{font-size:1.13rem}.footer-2026-data .footer-2026-data__tel{margin-bottom:25px}.footer-2026-data .footer-2026-sns{margin-left:auto;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin-right:0;list-style:none;display:-webkit-box;display:-ms-flexbox;display:flex;gap:18px}.footer-2026-data .footer-2026-sns li{width:48px}.copy{color:#fff}.global-nav{background:#000000 url(../img/common/menu/bgi--01.png) calc(50% + 253px) 123px no-repeat;width:100%;min-height:100vh;position:absolute;top:0;left:0;display:none;margin-bottom:30px;clear:both;z-index:21}.global-nav .nav-header{padding-right:105px;padding-top:15px;margin-bottom:75px}.global-nav .nav-header__title{text-align:right}.global-nav .nav-header-description{text-align:right;margin-bottom:10px;letter-spacing:4px;font-size:81%;color:#FFF}.global-nav .global-nav-close{background:none;border:none;padding:0;position:absolute;top:70px;left:93px}.global-nav-content{width:1095px;display:-moz-flex;display:-ms-flex;display:-o-flex;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;text-align:left;margin:0 auto}.global-nav-content .global-nav-list{list-style:none}.global-nav-content .global-nav-list>li{margin-bottom:50px}.global-nav-content .global-nav-list ul{list-style:none;margin-top:20px}.global-nav-content .global-nav-list ul li{background:url(../img/common/menu/bgi--sub.svg) left center no-repeat;margin-left:10px;padding-left:20px}.global-nav-content .global-nav-list ul li img{vertical-align:middle}.global-nav-content .global-nav-list .global-sub-list{list-style:none}.global-nav-content .global-nav-list .global-sub-list li{background:none;display:inline-block;padding-left:0;margin-left:0;margin-right:20px}.global-nav-instagram-bnr{position:absolute;bottom:48px;right:calc(50% - 220px)}.global-nav-instagram-bnr img{width:200px}.side-nav{margin-bottom:20px}.side-nav .side-nav__title{background:#000;padding:7px;font-size:114%;color:#fff}.side-nav .side-nav__list{list-style:none}.side-nav .side-nav__list li{border-bottom:1px solid #000}.side-nav .side-nav__list li a{display:block;padding:5px 5px 5px 5px}.footer-nav{width:530px;float:left;display:-moz-flex;display:-ms-flex;display:-o-flex;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.footer-nav-list{list-style:none}.footer-nav-list li{margin-bottom:40px;line-height:1}.footer-nav-list li img{vertical-align:top}.footer-nav-list ul{list-style:none;padding-top:47px;padding-left:30px;padding-bottom:20px}.footer-nav-list ul li:last-child{margin-bottom:0}.case-pickup .case-pickup__title,.title-lv1{margin-bottom:40px;line-height:2.1;letter-spacing:8px;font-size:163%}.title-lv2{margin-bottom:40px;line-height:2.1;font-size:150%}.title-lv3{padding:0 0 0 17px;margin-bottom:5px;color:#83300E}.title-other-01{margin-bottom:40px;text-align:center;letter-spacing:6px;font-size:136%}.title-other-02{padding:0px 10px;border-bottom:1px dashed #000;margin-bottom:5px;color:#000}.table-ptn--01,.works-data{font-size:88%;letter-spacing:5px}.table-ptn--01 th,.works-data th{border-bottom:1px solid #3c3c3c;padding:12px 8px 12px 0;line-height:1.8;vertical-align:top}.table-ptn--01 td,.works-data td{border-bottom:1px solid #3c3c3c;padding:12px 0;line-height:1.8}.table-ptn--01 tr:last-child td,.table-ptn--01 tr:last-child th,.works-data tr:last-child td,.works-data tr:last-child th{border-bottom:none}.table-ptn--02 th{background:#CCE4AE;border:1px solid #ABA073;padding:5px 10px;color:#39330C}.table-ptn--02 td{background:#fff;border:1px solid #ABA073;padding:5px 10px}.table-ptn--03 th{border-bottom:1px dashed #ABA073;padding:10px;font-weight:bold}.table-ptn--03 td{border-bottom:1px dashed #ABA073;padding:10px}.btn{display:inline-block;padding:8px 18px;border-radius:3px;behavior:url(PIE.htc);-webkit-box-shadow:0px 5px 3px -3px rgba(0,0,0,0.6);box-shadow:0px 5px 3px -3px rgba(0,0,0,0.6)}.btn--full{display:block;padding:12px 0;border-radius:3px;text-align:center;behavior:url(PIE.htc)}.btn--main{background:#000;border-radius:3px;display:inline-block;margin-bottom:16px;padding:12px 36px;color:#fff;font-weight:700;letter-spacing:0.1em;text-decoration:none;text-align:center}.btn--main:hover{background:rgba(0,0,0,0.8);color:#fff}@media (max-width:680px){.btn--main{padding:18px 12%;line-height:1.8}}.btn--orange{background:#E7590D;color:#fff;text-decoration:none}.btn--white{background:#fff;border:2px solid #000;border-radius:3px;display:inline-block;padding:12px 36px;text-decoration:none;color:#000!important;font-weight:700;letter-spacing:0.1em;text-align:center}.btn--white:hover{border:2px solid #bbb;background:rgba(255,255,255,0.8);color:#000!important}@media (max-width:680px){.btn--white{padding:18px 12%;line-height:1.8}}.btn--border{background:none;border:1px solid #fff;border-radius:3px;display:inline-block;padding:12px 36px;text-decoration:none;color:#fff;font-weight:700;letter-spacing:0.1em;text-align:center}.btn--border:hover{border:2px solid #ccc;color:#ccc}@media (max-width:680px){.btn--border{padding:18px 12%;line-height:1.8}}.btn-return{display:inline-block;padding:15px 30px;border:1px solid #383838;border-radius:10px;text-align:center;text-decoration:none}.list-arrow{list-style:none}.list-arrow li{background:url(../img/common/mark/ico--arrow-01.png) 2px 7px no-repeat;padding-left:17px}.list-circle{list-style:none}.list-circle li{background:url(../img/common/mark/ico--circle-01.png) 4px 7px no-repeat;padding-left:17px}.list-border{list-style:none}.list-border li{padding-left:5px;border-bottom:1px dashed #ABA073}.list-numbering{list-style:decimal;padding-left:25px}.list-numbering li{display:list-item;margin-bottom:10px}.list-numbering li .list-numbering{list-style:lower-roman inside}.list-numbering li .list-numbering li{text-indent:-1.2em}.list-nomal{padding-left:20px}.list-nomal li{margin-bottom:5px}.list-style-none{list-style:none}.box-sub--01,.dark-point-check,.permanence-point-section.permanence-point-section--01{background:#F2F2F2;border-radius:23px;padding:40px 55px}.box-sub--02,.permanence-point-section.permanence-point-section--02{background:#81878B;border-radius:23px;padding:40px 55px}.box-sub--03{background:#222222;border-radius:23px;padding:40px 55px}.article{border-bottom:1px dashed #ccc;padding:0 0 40px 0;margin-bottom:40px}.article img{max-width:100%;height:auto!important}.article .article__date{background:url(../img/information/pic--date.svg) left center no-repeat;padding-left:100px;display:block;letter-spacing:6.6px;font-size:88%}.article .article__title{letter-spacing:11px;font-size:225%}@media screen and (max-width:480px){.article .article__title{margin-bottom:20px;letter-spacing:3px;font-size:175%;line-height:1.6}}.article .article__title-sp{margin-bottom:20px;line-height:1.6;letter-spacing:6px;font-size:150%}.article p{margin-bottom:40px}.label{display:inline-block;border:1px solid #C6C6C6;padding:5px 15px;margin-right:10px;margin-bottom:10px;border-radius:5px;text-decoration:none;line-height:1.5;font-size:88%;font-effect:none}.article-nav{display:-moz-flex;display:-ms-flex;display:-o-flex;display:-webkit-box;display:-ms-flexbox;display:flex;list-style:none}.article-nav li{width:33.3%}.article-nav li a{display:inline-block;padding:15px 12px;border:1px solid #383838;border-radius:10px;text-align:center;text-decoration:none;font-size:88%}.article-nav-sp{margin-bottom:40px;display:-moz-flex;display:-ms-flex;display:-o-flex;display:-webkit-box;display:-ms-flexbox;display:flex;list-style:none}.article-nav-sp li{width:45%}.article-nav-sp li a{display:inline-block;padding:5px 20px;border:1px solid #383838;border-radius:10px;text-align:center;text-decoration:none;font-size:88%}.pagination{position:relative;padding:20px 0;clear:both;text-align:center;line-height:40px;font-size:12px}.pagination a,.pagination span{background-color:#fff;display:inline-block;width:40px;margin:2px 5px 2px 0;text-align:center;text-decoration:none;border-radius:20px;font-size:125%;color:#000!important}.pagination a{border:1px solid #000}.pagination a:hover{background-color:#000;border:1px solid #fff;color:#fff!important}.pagination .current{background-color:#000;border:1px solid #fff;color:#fff!important}.catch{padding-top:100px}.catch .catch__title{width:1020px;margin:0 auto 127px;text-align:left}.catch .catch__img{width:100%}.catch-img{background-repeat:no-repeat;background-position:center center;background-size:cover;height:417px}.catch-img.catch-img--afterfollow{background-image:url(../img/about/afterfollow/catch/bgi--catch.jpg)}@media only screen and (-webkit-min-device-pixel-ratio:2){.catch-img.catch-img--afterfollow{background-image:url(../img/about/afterfollow/catch/bgi--catch-2x.jpg)}}.catch-img.catch-img--about{background-image:url(../img/about/index/catch/bgi--catch.jpg)}@media only screen and (-webkit-min-device-pixel-ratio:2){.catch-img.catch-img--about{background-image:url(../img/about/index/catch/bgi--catch-2x.jpg)}}.catch-img.catch-img--estimate{background-image:url(../img/contact/catch/bgi--catch.jpg)}@media only screen and (-webkit-min-device-pixel-ratio:2){.catch-img.catch-img--estimate{background-image:url(../img/contact/catch/bgi--catch-2x.jpg)}}.catch-img.catch-img--pamphlet{background-image:url(../img/contact/catch/bgi--pamphlet.jpg)}@media only screen and (-webkit-min-device-pixel-ratio:2){.catch-img.catch-img--pamphlet{background-image:url(../img/contact/catch/bgi--pamphlet-2x.jpg)}}.catch-img.catch-img--privacy{background-image:url(../img/contact/catch/bgi--privacy.jpg)}@media only screen and (-webkit-min-device-pixel-ratio:2){.catch-img.catch-img--privacy{background-image:url(../img/contact/catch/bgi--privacy-2x.jpg)}}.catch-img.catch-img--office{background-image:url(../img/office/index/catch/bgi--catch.jpg)}@media only screen and (-webkit-min-device-pixel-ratio:2){.catch-img.catch-img--office{background-image:url(../img/office/index/catch/bgi--catch-2x.jpg)}}.catch-img.catch-img--message{background-image:url(../img/office/message/catch/bgi--catch.jpg)}@media only screen and (-webkit-min-device-pixel-ratio:2){.catch-img.catch-img--message{background-image:url(../img/office/message/catch/bgi--catch-2x.jpg)}}.catch-img.catch-img--showroom{background-image:url(../img/office/showroom/catch/bgi--catch.jpg)}@media only screen and (-webkit-min-device-pixel-ratio:2){.catch-img.catch-img--showroom{background-image:url(../img/office/showroom/catch/bgi--catch-2x.jpg)}}.catch-img.catch-img--staff{background-image:url(../img/office/staff/catch/bgi--catch.jpg)}@media only screen and (-webkit-min-device-pixel-ratio:2){.catch-img.catch-img--staff{background-image:url(../img/office/staff/catch/bgi--catch-2x.jpg)}}.catch-img.catch-img--service{background-image:url(../img/service/index/catch/bgi--catch.jpg)}@media only screen and (-webkit-min-device-pixel-ratio:2){.catch-img.catch-img--service{background-image:url(../img/service/index/catch/bgi--catch-2x.jpg)}}.catch-img.catch-img--sitemap{background-image:url(../img/sitemap/catch/bgi--catch.jpg)}@media only screen and (-webkit-min-device-pixel-ratio:2){.catch-img.catch-img--sitemap{background-image:url(../img/sitemap/catch/bgi--catch-2x.jpg)}}.catch-img.catch-img--faq{background-image:url(../img/faq/catch/bgi--catch.jpg)}@media only screen and (-webkit-min-device-pixel-ratio:2){.catch-img.catch-img--faq{background-image:url(../img/faq/catch/bgi--catch-2x.jpg)}}.catch-img.catch-img--voice{background-image:url(../img/voice/catch/bgi--catch.jpg)}@media only screen and (-webkit-min-device-pixel-ratio:2){.catch-img.catch-img--voice{background-image:url(../img/voice/catch/bgi--catch-2x.jpg)}}.catch-img.catch-img--works{background-image:url(../img/works/catch/bgi--catch.jpg)}@media only screen and (-webkit-min-device-pixel-ratio:2){.catch-img.catch-img--works{background-image:url(../img/works/catch/bgi--catch-2x.jpg)}}.catch-img.catch-img--information{background-image:url(../img/information/catch/bgi--catch.jpg)}@media only screen and (-webkit-min-device-pixel-ratio:2){.catch-img.catch-img--information{background-image:url(../img/information/catch/bgi--catch-2x.jpg)}}.catch-img.catch-img--loan{background-image:url(../img/about/loan/catch/bgi--catch.jpg)}@media only screen and (-webkit-min-device-pixel-ratio:2){.catch-img.catch-img--loan{background-image:url(../img/about/loan/catch/bgi--catch-2x.jpg)}}.catch-img.catch-img--flow{background-image:url(../img/about/flow/catch/bgi--catch.jpg)}@media only screen and (-webkit-min-device-pixel-ratio:2){.catch-img.catch-img--flow{background-image:url(../img/about/flow/catch/bgi--catch-2x.jpg)}}.catch-img.catch-img--point{background-image:url(../img/knowledge/index/catch/bgi--catch.jpg)}@media only screen and (-webkit-min-device-pixel-ratio:2){.catch-img.catch-img--point{background-image:url(../img/knowledge/index/catch/bgi--catch-2x.jpg)}}.catch-img.catch-img--choose{background-image:url(../img/knowledge/choose/catch/bgi--catch.jpg)}@media only screen and (-webkit-min-device-pixel-ratio:2){.catch-img.catch-img--choose{background-image:url(../img/knowledge/choose/catch/bgi--catch-2x.jpg)}}.catch-img.catch-img--interview{background-image:url(../img/interview/catch/bgi--catch.jpg)}@media only screen and (-webkit-min-device-pixel-ratio:2){.catch-img.catch-img--interview{background-image:url(../img/interview/catch/bgi--catch-2x.jpg)}}.catch-img.catch-img--fp{background-image:url(../img/fp/catch/bgi--catch.jpg)}@media only screen and (-webkit-min-device-pixel-ratio:2){.catch-img.catch-img--fp{background-image:url(../img/fp/catch/bgi--catch-2x.jpg)}}.catch-sub{margin-top:40px;height:417px;position:relative}.catch-sub.catch-sub--30years{background:url(../img/service/30years/catch/bgi--catch.jpg) center top no-repeat;margin-bottom:60px}.catch-sub.catch-sub--30years .catch__title{position:absolute;top:125px;left:50%;margin-left:-510px}.catch-sub.catch-sub--design{background:url(../img/service/design/catch/bgi--catch.jpg) center top no-repeat;margin-bottom:120px}.catch-sub.catch-sub--design .catch__title{position:absolute;top:125px;left:50%;margin-left:-510px}.catch-sub.catch-sub--dark{background:url(../img/service/dark/catch/bgi--catch.jpg) center top no-repeat;margin-bottom:120px}.catch-sub.catch-sub--dark .catch__title{position:absolute;top:125px;left:50%;margin-left:-510px}.topic-path{position:relative;display:block;font-size:75%;margin:0 54px 0 24px;padding-bottom:20px;text-align:right}.topic-path li{position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;gap:0.5em;list-style:none;letter-spacing:0.2rem}.topic-path li:after{border-right:1px solid;border-top:1px solid;-webkit-box-sizing:content-box;box-sizing:content-box;content:"";display:inline-block;width:4px;height:4px;opacity:0.8;margin-left:0.4em;margin-right:0.8em;margin-top:12px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.topic-path li:last-child:after{content:none}.bottom-contact{margin-bottom:120px}.bottom-contact-faq{display:block;margin:60px auto 0;letter-spacing:0.1em}.cta-nav{background:#EBEBEB;padding:10px 0;width:100%;-webkit-transition-duration:0.4s;transition-duration:0.4s;position:fixed;left:0;bottom:-100px;z-index:20}.cta-nav .cta-nav__tel{float:left;margin-top:15px;margin-left:30px}.cta-nav .cta-nav-list{width:571px;float:right;list-style:none;display:-moz-flex;display:-ms-flex;display:-o-flex;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.contact-page .cta-nav{display:none}.common-works{background:#171717;padding:100px 0 124px;border-top:1px solid #555555;margin-bottom:160px}.common-works .top-works__title{margin-bottom:115px}.common-reason{background:#151515;position:relative;margin-top:350px;padding-bottom:60px}.common-reason .top-reason__title img{position:absolute;top:-153px;left:50%;margin-left:-31px;z-index:2}.common-reason .top-reason-list{margin-bottom:40px}.common-message{margin-bottom:120px}.common-kavenavi-bnr{width:640px;margin:-80px auto 160px}.common-instagram-bnr{width:480px;margin:0 auto 160px}.common-btn-estimate{position:relative;display:block;background:-webkit-gradient(linear,left top,left bottom,from(#a08928),to(#9a831d));background:linear-gradient(#a08928 0%,#9a831d 100%);border-radius:5px;width:780px;margin:140px auto 200px;padding:32px 0 30px;text-align:center;text-decoration:none;font-size:200%;color:#000;line-height:1.8;letter-spacing:0.1em}.common-btn-estimate span{display:block;font-size:64%;font-weight:300}.common-btn-estimate:after{content:"";position:absolute;display:block;border:1px solid #000;width:96%;height:128px;top:14px;left:2%}.common-btn-estimate:hover{opacity:0.7;color:#fff}.common-btn-estimate:hover:after{border:1px solid #fff}.top-header{width:100%;position:absolute;top:0;left:0;z-index:2}.top-header .top-site-name{position:absolute;top:15px;right:90px;text-align:right}.top-header .top-site-description{margin-bottom:10px;letter-spacing:4px;font-size:81%;color:#fff}.top-header .header-menu-open{background:none;border:none;padding:0;position:absolute;top:67px;left:93px}.top-main{position:relative;height:100vh}.top-main .top-main__img{background-image:url(../img/index/main/01/pic--01.jpg);background-position:center center;background-repeat:no-repeat;background-size:cover;width:100%;height:100vh;z-index:1;position:absolute;top:0;left:0}.top-main .top-main__nav{position:absolute;bottom:60px;right:90px;z-index:2;list-style:none}.top-main .top-main__nav li{background:url(../img/index/main/bgi--nav-line.svg) center top no-repeat;padding-top:40px;display:block;float:left;margin-left:44px}.top-main__lede{position:absolute;top:43%;left:50%;margin-left:-530px;z-index:10}.top-topics{background:#F7F7F7;margin-bottom:70px}.top-topics img{vertical-align:top}.top-topics .top-topics__title{width:127px;height:64px;padding-top:32px;line-height:1;-webkit-box-sizing:border-box;box-sizing:border-box}.top-topics .top-topics__dl{display:block;line-height:40px}.top-topics .top-topics__dl dt{display:inline-block;width:120px}.top-topics .top-topics__dl dd{display:inline-block}.top-topics .top-topics__more{height:36px;-webkit-box-sizing:border-box;box-sizing:border-box;display:inline-block;padding-top:0px;line-height:1;float:right}.top-about{margin-bottom:270px;position:relative}.top-about .top-about-bg{background:url(../img/index/about/bgi--01.jpg) left top no-repeat,url(../img/index/about/bgi--02.jpg) right 30px top 463px no-repeat;margin-top:150px;padding-bottom:168px;margin-bottom:210px;opacity:0;-webkit-transition-delay:0.5s;transition-delay:0.5s;-webkit-transition-duration:2s;transition-duration:2s}.top-about .top-about-bg.is-show{margin-top:0;opacity:1}.top-about .top-about-nav{list-style:none;position:absolute;top:0;right:0}.top-about .top-about-nav li{background:url(../img/index/about/bgi--nav-line.svg) center top no-repeat;float:right;padding-top:25px;margin-left:60px}.top-about-item{margin-bottom:10px;color:#fff}.top-about-item .top-about-item__text{margin-bottom:70px;letter-spacing:8px}.top-about-item .top-about-item__btn{display:inline-block}.top-about-01{background:#000 url(../img/index/about/01/bgi--01.jpg) center top no-repeat;height:952px;padding-top:143px;-webkit-box-sizing:border-box;box-sizing:border-box}.top-about-01 .top-about-item__title{margin-bottom:90px}.top-about-01 .top-about-item-content{padding-left:35px}.top-about-01 .top-about-item__btn{margin-left:206px}.top-about-02{background:#000 url(../img/index/about/02/bgi--01.jpg) center top no-repeat;padding-top:90px;height:688px;-webkit-box-sizing:border-box;box-sizing:border-box}.top-about-02 .top-about-item__title{margin-bottom:40px}.top-about-02 .top-about-item__text{margin-bottom:40px;line-height:1.8}.top-about-02 .top-about-item-content{padding-left:510px}.top-about-02 .top-about-item__btn{margin-left:170px}.top-about-03{background:#000 url(../img/index/about/03/bgi--01.jpg) center top no-repeat;padding-top:80px;height:688px;-webkit-box-sizing:border-box;box-sizing:border-box}.top-about-03 .top-about-item__title{margin-bottom:40px}.top-about-03 .top-about-item__text{padding-right:420px;margin-bottom:40px;line-height:1.8}.top-about-03 .top-about-item-content{padding-left:30px}.top-about-03 .top-about-item__btn{margin-left:170px}.top-reason{background:#151515;position:relative;margin-bottom:80px}.top-reason .top-reason__title img{position:absolute;top:-153px;left:50%;margin-left:-31px;z-index:2}.top-reason-list{width:1020px;margin:33px auto 33px;list-style:none}.top-reason-list li:first-child{width:634px;float:left}.top-reason-list li:nth-child(2){width:386px;float:right}.top-reason-list li:nth-child(3){width:386px;float:right}.top-message{background:url(../img/index/reason/bgi--message-link.jpg) center center no-repeat;background-size:cover;height:513px;padding-top:103px;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center}.top-message .top-message__lede{display:block;margin:0 auto 63px}.top-staff .top-staff__title{width:1020px;margin:0 auto 245px;text-align:right}.top-staff-fade{margin-top:150px;opacity:0;-webkit-transition-delay:0.5s;transition-delay:0.5s;-webkit-transition-duration:2s;transition-duration:2s}.top-staff-fade.is-show{margin-top:0;opacity:1}.top-sraff-bg{background:#292929;padding-bottom:100px}.top-staff-list-wrap{width:1020px;margin:0 auto;display:-moz-flex;display:-ms-flex;display:-o-flex;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.top-staff-list-wrap .top-staff-list{list-style:none}.top-staff-list-wrap .top-staff-list li{background:#000;margin-bottom:63px}.top-staff-list-wrap .top-staff-list:first-child{margin-top:-194px}.top-staff-list-wrap .top-staff-list:nth-child(2){margin-top:-64px}.top-staff-list-wrap .top-staff-list:nth-child(3){margin-top:-122px}.top-works{background:#171717;padding:100px 0 124px;margin-bottom:160px}.top-works .top-works__title{margin-bottom:115px}.top-works-list{list-style:none;margin-bottom:96px}.top-works-list li{width:235px;margin-right:26px;position:relative}.top-works-list li span{display:block;position:absolute;bottom:15px;left:15px;line-height:2.2!important}.top-works-list li a{text-decoration:none;color:#fff}.top-works-list li a .top-works-list__pic{-webkit-filter:brightness(0.4);filter:brightness(0.4)}.top-works-list .slick-next{background:url(../img/index/works/btn--next.svg) center center no-repeat;width:33px;height:33px;right:-60px}.top-works-list .slick-next:before{content:none}.top-works-list .slick-prev{background:url(../img/index/works/btn--prev.svg) center center no-repeat;width:33px;height:33px;left:-60px}.top-works-list .slick-prev:before{content:none}.top-interview{margin-top:120px;margin-bottom:145px}.top-interview .top-interview__title{margin-bottom:110px}.top-interview .top-interview-list-wrap{overflow-x:scroll}.top-interview .top-interview-list{width:3072px;list-style:none}.top-interview .top-interview-list li{width:510px;margin-right:2px;float:left}.top-interview-list-wrap-02{overflow:hidden}.top-interview-list-wrap-02 .top-interview-list{padding-bottom:17px;margin-bottom:17px;width:3072px;list-style:none}.top-interview-list-wrap-02 .top-interview-list li{width:510px;margin-right:2px;float:left}.top-interview-list-wrap-02 .scrollbar{position:absolute;right:0;bottom:0;width:510px;border-bottom:1px solid #000}.top-interview-list-wrap-02 .scrollbar-thumb{width:40px;min-height:10px;background-color:#000}.top-voice{margin-top:120px;margin-bottom:200px}.top-voice .top-voice__title{margin-bottom:100px;text-align:right}.top-voice .top-voice-list{list-style:none;margin-left:calc((100% - 100vw) / 2);margin-right:calc((101.5% - 100vw) / 2);margin-bottom:60px!important}.top-voice .top-voice-list li{width:229px;margin:0 20px;font-size:88%}.top-voice .top-voice-list li .top-voice-list__pic{display:block;border:1px solid #DEDEDE;margin-bottom:10px}.top-voice .top-voice-list li a{text-decoration:none;color:#717171}.top-voice .top-voice-list p{margin-bottom:15px}.top-voice{}.top-covid{background:#E8E5DB;-webkit-box-shadow:0 0 20px 0 rgba(0,0,0,0.06);box-shadow:0 0 20px 0 rgba(0,0,0,0.06);display:block;padding:65px 0 45px;margin-bottom:165px;text-align:center}.service-nav-bg{background:url(../img/service/index/nav/bgi--01.jpg) left top no-repeat}.service-nav{height:530px;padding-top:70px;margin-bottom:80px;-webkit-box-sizing:border-box;box-sizing:border-box;list-style:none;display:-moz-flex;display:-ms-flex;display:-o-flex;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.service-nav li{background:url(../img/index/about/bgi--nav-line.svg) center top no-repeat;padding-top:25px;margin:0 30px 0}.service-wrap-bg{background:#151515;padding-top:140px;margin-left:calc((100% - 100vw) / 2);margin-right:calc((101.5% - 100vw) / 2)}.service-wrap-bg .service-index{list-style:none;text-align:center}.service-wrap-bg .service-index li{height:655px}.service-wrap-bg .service-index li:first-child{background:url(../img/service/index/service/bgi--01.png) center top no-repeat}.service-wrap-bg .service-index li:nth-child(2){background:url(../img/service/index/service/bgi--02.png) center 50px no-repeat}.service-wrap-bg .service-index li:nth-child(3){background:url(../img/service/index/service/bgi--03.png) center 50px no-repeat;height:533px}.service-wrap-bg .service-index .service-index__title{display:block;margin:0 auto 36px}.service-paint{background:#292929;margin-left:calc((100% - 100vw) / 2);margin-right:calc((101.5% - 100vw) / 2);padding:115px 0 145px;color:#fff}.service-paint-list{list-style:none}.service-paint-list li{width:232px;margin-right:30px;float:left;font-size:88%}.service-paint-list li:nth-child(4n){margin-right:0}.service-paint-list li:nth-child(4n+1){clear:both}.service-paint-list li img{display:block;margin-bottom:20px}.service-paint-list li dt{font-size:114%}.service-pagelink-list{list-style:none;display:-webkit-box;display:-ms-flexbox;display:flex;width:1020px;padding-top:60px;margin:0 auto 100px;gap:60px}.service-pagelink-list li{-ms-flex-pack:distribute;justify-content:space-around;text-align:center;letter-spacing:0.1em}.service-pagelink-list li img{display:block;width:300px;margin-bottom:12px}.permanence-intro{letter-spacing:5px;margin-bottom:200px}.contents-bg{background:#151515;padding:110px 0 140px;margin-bottom:130px;color:#fff}.contents-bg a{color:#fff}.contents-bg-section{position:relative;padding-bottom:150px;margin-bottom:150px}.contents-bg-section:before{content:" ";background:#fff;width:36px;height:1px;display:block;position:absolute;bottom:0;left:50%;margin-left:-18px;z-index:2}.contents-bg-section.contents-bg-section--last{margin-bottom:0;padding-bottom:0}.contents-bg-section.contents-bg-section--last:before{content:none}.contents-bg-section.contents-bg-section--last-margin-auto{padding-bottom:0}.contents-bg-section.contents-bg-section--last-margin-auto:before{content:none}.contents-bg-section .contents-bg-section__text{line-height:2.5;letter-spacing:5.6px;font-size:88%}.contents-bg-section:last-of-type{padding-bottom:0}.contents-bg-section:last-of-type:before{content:none}.permanence-merit-section--01{background:url(../img/service/30years/merit/bgi--01.png) right 15px top 200px no-repeat}.permanence-merit-section--01 .contents-bg-section__text{width:705px;margin-bottom:220px}.permanence-merit-section--03{margin-bottom:0;padding-bottom:0}.permanence-merit-section--03:before{content:none}.permanence-check-img{background:#272727;text-align:center;margin-bottom:40px}.permanence-check-text{letter-spacing:4px;margin-bottom:40px}.permanence-check-link{letter-spacing:4px}.design-merit-section--01{background:url(../img/service/design/merit/bgi--01.jpg) right 15px top 200px no-repeat}.design-merit-section--01 .contents-bg-section__text{width:765px;margin-bottom:220px}.design-merit-section--02{background:url(../img/service/design/merit/bgi--02.png) left top no-repeat}@media only screen and (-webkit-min-device-pixel-ratio:2){.design-merit-section--02{background:url(../img/service/design/merit/bgi--02-2x.png) left top no-repeat;background-size:406px auto}}.design-merit-section--02{padding-top:84px;padding-left:355px}.design-merit-section--03{margin-bottom:0;padding-bottom:0}.design-merit-section--03:before{content:none}.design-merit-ill{background:#FFFFFF;padding:40px 0;text-align:center;border-radius:20px}.dark-point-section--01{background:url(../img/service/dark/point/bgi--01.png) right top 100px no-repeat}.dark-point-section--01 .contents-bg-section__text{width:765px;margin-bottom:220px}.dark-point-section--02{background:url(../img/service/dark/point/bgi--02.png) right top 100px no-repeat;margin-bottom:0;padding-bottom:0}.dark-point-section--02:before{content:none}.dark-point-ill{background:#DBDBDB;padding:40px 0;margin-bottom:80px;text-align:center;border-radius:20px}.afterfollow-03{margin-bottom:0;padding-bottom:0}.permanence-point{margin-bottom:200px}.permanence-point .permanence-point__title{margin-bottom:50px;text-align:center;letter-spacing:9px;font-size:188%}.permanence-point-section{margin-bottom:60px;font-size:88%}.permanence-point-section.permanence-point-section--02{color:#fff}.permanence-point-section .permanence-point-section__title-01{background:url(../img/service/30years/point/ico--01.svg) left top no-repeat;padding:15px 0 5px 80px;letter-spacing:4px;font-size:129%}.permanence-point-section .permanence-point-section__title-02{background:url(../img/service/30years/point/ico--02.svg) left top no-repeat;padding:15px 0 5px 80px;letter-spacing:4px;font-size:129%}.permanence-point-section .permanence-point-section__ill{background:#EDEDED;padding:60px 0 30px;text-align:center;color:#000}.permanence-point-section .permanence-point-section__ill img{display:block;margin:0 auto 40px}.permanence-point-titan{list-style:none;display:-moz-flex;display:-ms-flex;display:-o-flex;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.permanence-point-titan .permanence-point-titan__title{display:block;margin-bottom:10px;text-align:center;font-size:110%}.sevice-common-lede{margin-bottom:40px;letter-spacing:8px;font-size:169%}.sevice-common-intro{width:900px;margin-bottom:160px;letter-spacing:5px;line-height:2.75}.design-before-after__title{text-align:center}.design-before-after__title img{vertical-align:top}.design-before-after__list{list-style:none;display:-moz-flex;display:-ms-flex;display:-o-flex;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.design-before-after__list li{position:relative}.design-before-after__list li .design-before-after__before{position:absolute;bottom:-10px;left:10px}.design-before-after__list li .design-before-after__after{position:absolute;bottom:-10px;left:10px}.design-flow{margin-bottom:300px}.design-flow .design-flow__title{margin-bottom:100px;letter-spacing:8px;text-align:center;font-size:163%}.design-flow-list,.estimate-flow-list{list-style:none;position:relative}.design-flow-list:after,.estimate-flow-list:after{content:" ";background:#c1c1c1;display:block;width:1px;height:96%;position:absolute;top:2%;left:240px}.design-flow-list li,.estimate-flow-list li{margin-bottom:100px}.design-flow-list dl,.estimate-flow-list dl{width:100%;display:-moz-flex;display:-ms-flex;display:-o-flex;display:-webkit-box;display:-ms-flexbox;display:flex}.design-flow-list dl dt,.estimate-flow-list dl dt{width:354px;font-size:113%;letter-spacing:6px;position:relative}.design-flow-list dl dt:after,.estimate-flow-list dl dt:after{content:" ";background:#c1c1c1;width:14px;height:14px;border-radius:14px;position:absolute;top:15px;left:234px}.design-flow-list dl dd,.estimate-flow-list dl dd{width:666px;letter-spacing:2px;font-size:88%}.dark-point-sub{border:1px solid #807B7B;padding:40px 60px;letter-spacing:6px;font-size:88%}.dark-point-check{letter-spacing:6px;font-size:88%;color:#000}.dark-point-check .dark-point-check__title{margin-bottom:40px;letter-spacing:4px;line-height:1.7;text-align:center;font-size:129%}.dark-point-check a{color:#000}.about-brand-01{background:url(../img/about/index/bgi--01.png) left top no-repeat;padding-left:470px}@media only screen and (-webkit-min-device-pixel-ratio:2){.about-brand-01{background:url(../img/about/index/bgi--01-2x.png) left top no-repeat;background-size:366px auto}}.about-brand-02{background:url(../img/about/index/bgi--02.png) calc(50% + 155px) 80px no-repeat}@media only screen and (-webkit-min-device-pixel-ratio:2){.about-brand-02{background:url(../img/about/index/bgi--02-2x.png) calc(50% + 155px) 80px no-repeat;background-size:1140px auto}}.about-brand-02 .about-brand-02-content{padding-left:470px}.about-brand-03{padding-bottom:0;margin-bottom:0}.about-brand-03:before{content:none}.about-brand-03 .about-brand-03-content{background:url(../img/about/index/bgi--03.png) right top no-repeat;padding-right:280px;padding-bottom:100px}@media only screen and (-webkit-min-device-pixel-ratio:2){.about-brand-03 .about-brand-03-content{background:url(../img/about/index/bgi--03-2x.png) right top no-repeat;background-size:382px auto}}.about-brand-03 .contents-bg-section__text{width:580px}.about-finding{background:#81878B;display:block;margin-bottom:60px;padding:20px 0 40px;border-radius:20px;text-align:center}.about-finding dt{margin-bottom:40px;font-size:169%}.afterfollow-intro{padding-bottom:0;margin-bottom:0}.afterfollow-intro:before{content:none}.afterfollow-content{width:550px;float:left}.afterfollow-content__img-01{margin-top:200px;margin-right:80px;float:right}.afterfollow-content__img-02{margin-top:180px;margin-right:80px;float:right}.afterfollow-caution{background:#FFFFFF;padding:60px 60px;font-size:88%;color:#000}.afterfollow-caution .afterfollow-caution__title{margin-bottom:30px;text-align:center;font-size:160%;letter-spacing:5px}.office-iamge{width:407px;float:left;text-align:center}.office-content{width:560px;float:right}.message-intro{padding-bottom:0;margin-bottom:80px}.message-intro:before{content:none}.message{margin-bottom:180px}.message.message--last{margin-bottom:0}.message .message__lede{margin-bottom:40px;padding-left:70px;position:relative;font-size:129%;letter-spacing:6px}.message .message__lede:before{content:" ";background:#fff;width:60px;height:1px;display:block;position:absolute;top:20px;left:0px}.message{font-size:88%;letter-spacing:3px}.showroom-intro{margin-bottom:120px;padding-bottom:0}.showroom-intro:before{content:none}.showroom-main-content{margin-bottom:450px}.showroom-slide{margin-bottom:120px!important}.showroom-slide li{margin-right:15px}.showroom-feature{list-style:none}.showroom-feature li{width:485px;margin-bottom:80px;float:left;letter-spacing:3px;font-size:88%}.showroom-feature li:nth-child(2n){float:right}.showroom-feature li:nth-child(odd){clear:both}.showroom-feature li .showroom-feature__title{padding:10px 0;display:block;letter-spacing:3px;font-size:186%}.showroom-data{margin-bottom:275px}.showroom-attention{background:#fff;border:3px solid #000;padding:60px;margin-bottom:-330px;letter-spacing:3px;font-size:88%;color:#000}.showroom-attention .showroom-attention__title{margin-bottom:30px;text-align:center;letter-spacing:2px;font-size:163%}.showroom-attention a{color:#000}.showroom-layout{position:relative}.showroom-layout .showroom-layout__01{display:block;width:224px;height:60px;position:absolute;text-indent:-999px;overflow:hidden;top:220px;left:182px}.showroom-layout .showroom-layout__02{display:block;width:315px;height:70px;text-indent:-999px;overflow:hidden;position:absolute;top:280px;left:607px}.showroom-about{width:1000px;margin:-160px auto 160px;text-align:left}.showroom-fc{width:1000px;margin:0 auto 0px;text-align:left}.showroom-fc-content{margin-bottom:80px}.showroom-fc-content-detail{width:650px;float:right}.showroom-fc-content-image{width:300px;float:left;text-align:center}.showroom-fc-content-image .showroom-fc-content-image__photo{width:100%}.estimate-flow-list dd{padding-top:10px}.estimate-flow-list:after{content:" ";background:#c1c1c1;display:block;width:1px;height:85%;position:absolute;top:2%;left:240px}.pamphlet-pic{float:left;margin-right:40px}.pamphlet-text{padding-top:80px}.sraff-bg{background:#151515;padding:160px 0 140px}.staff-list-wrap{width:1020px;margin:0 auto;display:-moz-flex;display:-ms-flex;display:-o-flex;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.staff-list-wrap .staff-list{list-style:none}.staff-list-wrap .staff-list li{background:#000;margin-bottom:63px}.staff-list-wrap .staff-list:first-child{margin-top:0px}.staff-list-wrap .staff-list:nth-child(2){margin-top:130px}.staff-list-wrap .staff-list:nth-child(3){margin-top:65px}.modal{max-width:1020px!important}.blocker{z-index:30!important}.staff-content{padding:40px;-webkit-box-sizing:border-box;box-sizing:border-box;display:-moz-flex;display:-ms-flex;display:-o-flex;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.staff-content .staff-data{width:550px}.staff-content .staff-data .staff-data__title{display:block}.staff-content .staff-data .staff-data__en{font-weight:bold;line-height:1.5!important;font-size:100%}.staff-content .staff-data .staff-data__jp{display:inline-block;margin-bottom:30px;line-height:1.5!important;font-weight:bold;font-size:150%}.works-category{margin-bottom:120px}.works-category dt{margin-bottom:40px;text-align:center}.works-category .works-category__list{width:964px;margin:0 auto;display:-moz-flex;display:-ms-flex;display:-o-flex;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;list-style:none;gap:20px}.works-category .works-category__list li{width:22%;margin-bottom:30px}.works-category .works-category__list li a{display:block;padding:15px 0;text-align:center;border:1px solid #C6C6C6;border-radius:5px;text-decoration:none}.works-category .works-category__list li a.active{background:#fff;color:#000}.works-list{list-style:none;margin-bottom:96px}.works-list li{width:235px;margin-right:26px;margin-bottom:30px;position:relative;float:left}.works-list li:nth-child(4n){margin-right:0}.works-list li:nth-child(4n+1){clear:both}.works-list li span{display:block;position:absolute;bottom:15px;left:15px;line-height:2.2!important}.works-list li a{text-decoration:none;color:#fff}.works-list li a .top-works-list__pic{-webkit-filter:brightness(0.4);filter:brightness(0.4)}.works-gallery-wrap{margin-left:calc((100% - 100vw) / 2);margin-right:calc((101.5% - 100vw) / 2);position:relative;margin-bottom:80px}.works-gallery-wrap .slick-prev{width:20px;height:33px;right:-28px;top:auto;left:auto;bottom:80px}.works-gallery-wrap .slick-prev:before{content:url(../img/works/btn--prev.svg);opacity:1}.works-gallery-wrap .slick-next{width:20px;height:33px;right:-72px;top:auto;bottom:80px}.works-gallery-wrap .slick-next:before{content:url(../img/works/btn--next.svg);opacity:1}.works-gallery{width:1020px;margin:0 auto}.works-thumbnail{margin-top:-80px;padding:20px 0;width:660px;margin-right:-50%;margin-left:50%}.works-thumbnail img{margin-right:20px;display:block;border:10px solid transparent}.works-thumbnail .slick-current{-webkit-transform:scale(1.2);transform:scale(1.2);-webkit-box-shadow:8px 8px 8px rgba(0,0,0,0.5);box-shadow:8px 8px 8px rgba(0,0,0,0.5)}.works-data th{vertical-align:top}.works-data td,.works-data th{padding:20px 0}.works-data td p,.works-data th p{margin-bottom:2em}.voice-list{list-style:none;margin-bottom:100px!important}.voice-list li{width:229px;margin:0 34px 60px 0;font-size:88%;float:left}.voice-list li:nth-child(4n){margin-right:0}.voice-list li:nth-child(4n+1){clear:both}.voice-list li .top-voice-list__pic{display:block;border:1px solid #DEDEDE;margin-bottom:10px}.voice-list li a{color:#717171}.voice-list p{margin-bottom:15px}.voice{font-size:88%;letter-spacing:3px}.voice .voice__pic{width:486px;margin-right:40px;float:left}.voice .voice__dl{overflow:hidden}.voice .voice__dl dt{background:url(../img/voice/ico--faq-q.svg) 10px 3px no-repeat;padding-left:45px;margin-bottom:28px;position:relative;line-height:1.44!important;font-size:129%}.voice .voice__dl dd{background:url(../img/voice/ico--faq-a.svg) 10px 3px no-repeat;padding-left:45px;padding-bottom:35px;margin-bottom:50px;border-bottom:1px solid #cecece;line-height:1.85}.category-list{list-style:none}.category-list li{display:inline-block;margin-right:10px;margin-bottom:10px}.category-list li a{display:inline-block;border:1px solid #C6C6C6;padding:5px 15px;border-radius:5px;text-decoration:none;line-height:1.5;font-size:88%;font-effect:none}.archive-list{list-style:none}.archive-list li{display:inline-block;border-right:1px solid #000;margin-right:10px;padding-right:10px;margin-bottom:10px;line-height:1.5}.information-list{list-style:none}.information-list li{background:#F4F4F4;padding:25px;border-radius:5px;-webkit-box-shadow:0 0 2px 0 rgba(0,0,0,0.17);box-shadow:0 0 2px 0 rgba(0,0,0,0.17);margin-bottom:60px}.information-list a{text-decoration:none}.information-list .information-list-content{overflow:hidden}.information-list .information-list__pic{width:172px;float:left;margin-right:30px}.information-list .information-list__date{background:url(../img/information/pic--date.svg) left center no-repeat;padding-left:100px;display:block;letter-spacing:6.6px;font-size:88%}.information-list .information-list__title{display:block;letter-spacing:7px;font-size:150%}.information-list .information-list__excerpt{font-size:88%;letter-spacing:5px}.sitemap{width:1020px;margin:0 auto}.sitemap-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-wrap:wrap;flex-wrap:wrap;text-align:left;color:#222222;letter-spacing:0.1rem;font-weight:normal}.sitemap-list a{color:#000}.sitemap-list a:hover{opacity:0.7}.sitemap-list>li{-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto;list-style:none;margin:0px 100px 80px 0}.sitemap-list>li>ul{margin-left:20px;margin-bottom:20px}.sitemap-list>li>ul>li{font-size:88%;list-style:none}.sitemap-list>li>ul>li:before{content:"-";margin-right:8px}.faq-category{margin-bottom:120px}.faq-category dt{margin-bottom:40px;text-align:center}.faq-category .faq-category__list{width:964px;margin:0 auto;list-style:none}.faq-category .faq-category__list li{width:466px;margin-bottom:30px;float:left}.faq-category .faq-category__list li:nth-child(odd){clear:both}.faq-category .faq-category__list li:nth-child(2n){float:right}.faq-category .faq-category__list li a{display:block;padding:15px 0;text-align:center;border:1px solid #C6C6C6;border-radius:5px;text-decoration:none}.faq-section{margin-bottom:120px}.faq-section .faq-section__title{margin-bottom:60px;position:relative;letter-spacing:3px;line-height:1.3!important;font-size:244%}.faq-section .faq-section__title span{background:#fff;padding-right:10px;display:inline-block;position:relative;z-index:2}.faq-section .faq-section__title:after{content:" ";background:#000;width:100%;height:1px;position:absolute;left:0;top:24px;z-index:1}.faq{padding-right:40px}.faq dt{background:url(../img/faq/ico--faq-q.svg) left 7px no-repeat;padding-left:40px;margin-bottom:40px;letter-spacing:5px;font-size:113%}.faq dd{background:#151515;padding:30px;margin-bottom:80px;margin-left:40px;border-radius:5px;position:relative;letter-spacing:5px;font-size:88%;color:#fff}.faq dd:before{content:url(../img/faq/ico--faq-a.svg);position:absolute;top:-22px;left:8px}.faq dd p{margin-bottom:25px}.faq dd p:last-child{margin-bottom:0}.faq dd a{color:#fff}.loan-rate{border:3px double #151515;border-radius:6px;padding:20px 0;margin-bottom:40px;text-align:center;letter-spacing:6px}.loan-rate .loan-rate__percentage{line-height:1.5;font-size:244%}.loan-rate .loan-rate__note{font-size:88%}.loan-bank{background:#F5F5F5;padding:20px 0;text-align:center;letter-spacing:6px}.loan-bank dt{margin-bottom:40px}.loan-bank dd{font-size:88%}.loan-bank .loan-bank-list{margin-bottom:40px;list-style:none}.loan-bank .loan-bank-list li{display:inline-block;margin:0 20px}.loan-bank .loan-bank-list li img{height:40px}.loan-case{width:1020px;margin:0 auto 80px}.loan-case .loan-case__title{margin-bottom:40px;line-height:1.8;letter-spacing:6px;font-size:113%}.loan-case__sheet{background:#fff;padding:30px 40px 50px;text-align:left;color:#000}.loan-case__sheet dt{margin-bottom:10px;letter-spacing:5px;font-size:113%}.loan-case__sheet a{color:#000}.loan-case__table{width:100%;text-align:center;line-height:1.8}.loan-case__table td,.loan-case__table th{border:1px solid #000;padding:15px 0}.loan-case__table th{letter-spacing:6px;font-size:113%}.loan-case__table th.th-sub{letter-spacing:1.5px;font-size:88%}.loan-case__table td{letter-spacing:1.5px;font-size:88%}.flow-text{letter-spacing:6px;font-size:88%}.flow-attention{background:#313131;width:730px;padding:20px;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0 auto;border-radius:3px;line-height:2;letter-spacing:3px;font-size:88%}.flow-pic-02{float:left;margin-right:35px}.flow-pic-03{float:right;margin-left:40px}.flow-pic-04{float:left;margin-top:100px;margin-right:35px}.flow-list{list-style:none;position:relative}.flow-list:before{content:" ";background:#c1c1c1;width:1px;height:calc(100% - 8px);position:absolute;top:8px;left:242px}.flow-list li{margin-bottom:60px;display:-moz-flex;display:-ms-flex;display:-o-flex;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;position:relative}.flow-list li:before{content:" ";background:#c1c1c1;width:14px;height:14px;display:block;border-radius:7px;position:absolute;top:8px;left:235px}.flow-list li.flow-list__em{background:#fff;width:270px;border:1px solid #C1C1C1;padding:10px 0;margin-left:105px;display:block;text-align:center}.flow-list li.flow-list__em:before{content:none}.flow-list li strong{display:block;margin-top:-4px;letter-spacing:6px;font-size:113%}.flow-list li p{width:666px;letter-spacing:2px;font-size:88%}.point-intro-attention{background:#313131;padding:20px 40px;margin-bottom:120px;letter-spacing:3px;border-radius:3px;font-size:88%}.point-age-table{width:100%;margin-bottom:75px}.point-age-table td,.point-age-table th{border:1px solid #747474;padding:20px 0;text-align:center}.point-age-table th{border-left:none;letter-spacing:7px;font-size:144%}.point-age-table td{width:660px;border-right:none;letter-spacing:10px;font-size:200%}.point-age-table .point-age-table__heading{padding:10px 0;letter-spacing:5px;font-size:100%}.point-age-table .point-age-table__heading-02{border-right:none}.point-pic-01{float:left;margin-right:70px}.point-section-01{margin-bottom:270px}.point-pic-02{float:left;margin-right:55px}.point-check{list-style:none}.point-check li{width:325px;float:left;margin-right:22px;margin-bottom:100px}.point-check li:nth-child(3){margin-right:0}.point-check li:nth-child(4){clear:both}.point-check .point-check__title{margin:20px 0 10px;display:block;letter-spacing:1px;font-size:113%}.point-check .point-check__text{margin-top:20px;letter-spacing:1px;font-size:88%}.point-section-02{margin-bottom:170px}.point-pic-03{float:right;margin-left:60px}.point-section-03{margin-bottom:120px}.choose-em-01{background:#313131;display:inline-block;padding:20px 40px;margin-top:20px;margin-bottom:20px}.choose-em-02{background:#7E3030;display:inline-block;padding:20px 40px;margin-top:20px;margin-bottom:20px}.choose-pic-01{float:left;margin-right:56px}.choose-icon-01{margin-top:25px;margin-bottom:25px}.choose-section-01{margin-bottom:120px}.choose-difference-title{margin-bottom:70px;text-align:center;letter-spacing:6px;font-size:144%}.choose-difference-title span{display:inline-block;padding:0 20px 10px;line-height:1.6;border-bottom:1px solid #fff}.choose-difference-wrap{display:-moz-flex;display:-ms-flex;display:-o-flex;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.choose-difference{width:498px;padding:85px 20px 40px;-webkit-box-sizing:border-box;box-sizing:border-box}.choose-difference dt{text-align:center;letter-spacing:3px;font-size:113%}.choose-difference dd{padding:15px 10px 0;letter-spacing:2px;line-height:2;font-size:88%}.choose-difference--ng{background:#262626 url(../img/knowledge/choose/ico--ng.svg) center 15px no-repeat;border-radius:10px}.choose-difference--ng dt{background:#000}.choose-difference--ok{background:#2F4C57 url(../img/knowledge/choose/ico--ok.svg) center 15px no-repeat;border-radius:10px}.choose-difference--ok dt{background:#D0D2D3;color:#000}.choose-pic-02{float:right;margin-left:40px}.choose-other-title{letter-spacing:3px;font-size:163%}.choose-other-text{overflow:hidden;letter-spacing:2px;font-size:88%}.common-interview{position:relative;margin-top:170px;padding-bottom:40px;margin-bottom:170px}.contents-wh{background:#fff;padding:110px 10px 10px;margin-bottom:130px;color:#000}.contents-wh a{color:#000}.interview{margin-bottom:120px}.interview.interview--last{margin-bottom:0}.interview .interview__lede{margin-bottom:40px;padding-left:70px;position:relative;font-size:129%;letter-spacing:6px}.interview .interview__lede:before{content:" ";background:#000;width:60px;height:1px;display:block;position:absolute;top:20px;left:0px}.interview{font-size:88%;letter-spacing:3px}.interview-contents-bg-section{position:relative;margin-bottom:80px}.interview-contents-bg-section .contents-bg-section__text{line-height:2.5;letter-spacing:5.6px;font-size:88%}.interview-top-list__title{width:1020px;font-size:108%;font-weight:bold;margin:16px auto 4px;text-align:left}.interview-top-list__text{font-size:80%;width:1020px;margin:0 auto 60px;text-align:left}.fp-life-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;list-style-type:none}.fp-service-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;list-style-type:none;-ms-flex-wrap:wrap;flex-wrap:wrap}.fp-service-list li{width:49%;margin-bottom:10px;line-height:2.5;letter-spacing:5.6px}.fp-service-list li:before{content:url(../img/fp/ico--arrow.svg);padding-top:10px;padding-right:15px}.fp-service-list .list-100{width:100%;display:block}.widthMax{margin:0 calc(50% - 50vw)}.bg-case-page{background:#151515;padding:80px 0 120px;color:#fff}.bg-case-page.case-detail-page{margin-bottom:260px}.bg-case-page a{color:#fff}.case-pickup .case-pickup__title{margin-bottom:60px}.case-list{display:-ms-grid;display:grid;-ms-grid-columns:1fr 60px 1fr 60px 1fr;grid-template-columns:repeat(3,1fr);grid-gap:40px 60px;margin-bottom:60px}.case-list.case-pickup-list{-ms-grid-columns:1fr 60px 1fr;grid-template-columns:repeat(2,1fr)}.case-item .case-item__pic{display:block;margin-bottom:20px}.case-item .case-item__title{margin-bottom:10px;line-height:1.8;font-size:1rem}.case-item .case-item__title a{text-decoration:none}.case-item .case-item__data{margin-bottom:20px;font-size:0.88rem}.case-item .case-item__date{font-weight:normal;font-size:0.88rem}.case-item-service{list-style:none;margin-bottom:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:10px}.case-item-service li a{background:#F5F5F5;display:block;padding:8px 13px;border-radius:3px;text-decoration:none;line-height:1;color:#000}.case-item-tag{list-style:none;margin-bottom:20px;display:-webkit-box;display:-ms-flexbox;display:flex;gap:10px;-ms-flex-wrap:wrap;flex-wrap:wrap}.case-item-tag li a{display:block;padding:8px 13px;border-radius:3px;text-decoration:none;border:1px solid #C6C6C6;font-weight:normal;line-height:1;font-size:0.88rem;color:#C6C6C6}.works-filter{background:#212121;padding:40px 60px 60px;margin-bottom:60px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:40px}.works-filter .works-filter__heading{font-size:20px;font-weight:600;color:#fff;letter-spacing:8px;line-height:54.77px}.works-filter .works-filter__list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:10px}.works-filter .works-filter__item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:15px 12px;padding:5px 0}.works-filter .works-filter__label{width:80px;-ms-flex-negative:0;flex-shrink:0;font-size:14.1px;color:#fff;line-height:21.12px;padding:5px 0 6px}.works-filter .works-filter__buttons{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:15px 12px;list-style:none;margin:0;padding:0}.works-filter .works-filter__buttons li a{display:inline-block;border:1px solid #c6c6c6;border-radius:5px;padding:5px 16px 6px;font-size:14.1px;color:#fff;text-decoration:none;line-height:21.12px;white-space:nowrap}.case{letter-spacing:5px}.case .case__title{margin-bottom:20px;line-height:2;letter-spacing:8px;font-size:1.75rem}.case .case__date{margin-bottom:40px;font-size:0.88rem}.case-main{margin-bottom:80px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.case-main .case-main__pic{width:720px}.case-main .case-main__data{width:260px}.case-main .case-main__data dt{padding:0;font-size:0.75rem}.case-main .case-main__data dd{padding:10px 0 20px;margin-bottom:20px;border-bottom:1px solid #3C3C3C;line-height:1.8;font-size:0.88rem}.case-outline{margin-bottom:80px}.case-outline .case-outline__detail{margin-bottom:30px;font-size:0.88rem}.case-outline .case-outline-target{background:#FFFFFF;padding:30px;border-radius:20px;color:#000}.case-outline .case-outline-target dt{line-height:1.5;margin-bottom:20px;font-size:1.13rem}.case-outline .case-outline-target dd{line-height:2}.case-needs .case-needs-layout{margin-bottom:80px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.case-needs .case-needs-layout .case-needs__detail{width:560px;line-height:2}.case-needs .case-needs-layout .case-needs-problems{background:#212121;width:400px;border-radius:10px;padding:30px;-webkit-box-sizing:border-box;box-sizing:border-box}.case-needs .case-needs-layout .case-needs-problems dt{margin-bottom:20px;line-height:1.5;font-size:1.13rem}.case-needs .case-needs-layout .case-needs-problems dd{line-height:1.8}.case-needs-photo{margin-bottom:80px;display:-ms-grid;display:grid;-ms-grid-columns:1fr 60px 1fr;grid-template-columns:repeat(2,1fr);grid-gap:60px}.case-needs-ba dt{font-size:1.5rem}.case-needs-ba dd{line-height:2;font-size:0.88rem}.case-needs-ba dd img{display:block;margin-bottom:20px}.case-detail{margin-bottom:80px}.case-detail .case-detail-table td,.case-detail .case-detail-table th{border-bottom:1px solid #3C3C3C;padding:20px 0;line-height:1.7}.case-detail .case-detail-table th{width:25%}.case-detail .case-detail-table .case-detail-table__attention{display:block;color:#9F8825}.case-point{margin-bottom:80px}.case-point .case-point-layout{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.case-point .case-point__detail{width:560px}.case-point .case-point-result{background:#F2F2F2;width:400px;padding:30px;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:10px;color:#000}.case-point .case-point-result dt{margin-bottom:20px;line-height:1.5;font-weight:bold;font-size:1.13rem}.case-point .case-point-result dd{line-height:2}.case-process{margin-bottom:80px}.case-process-list{display:-ms-grid;display:grid;-ms-grid-columns:1fr 60px 1fr 60px 1fr;grid-template-columns:repeat(3,1fr);grid-gap:60px}.case-process-item dt{font-weight:bold;font-size:1.5rem}.case-process-item dd{line-height:2;font-size:0.88rem}.case-process-item dd img{display:block;margin-bottom:10px}.case-voice{margin-bottom:140px}.case-voice-customer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;margin-bottom:60px}.case-voice-customer img{width:120px}.case-voice-customer .case-voice-customer-balloon{background:#fff;border-radius:10px;width:880px;padding:30px;-webkit-box-sizing:border-box;box-sizing:border-box;line-height:1.7;font-size:0.88rem;color:#000}.case-voice-customer .case-voice-customer-balloon .case-voice-customer__title{margin-bottom:20px;line-height:1.5;font-size:1.13rem}.case-voice-staff{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;margin-bottom:60px}.case-voice-staff img{width:120px}.case-voice-staff .case-voice-staff-balloon{background:#212121;border-radius:10px;width:880px;padding:30px;-webkit-box-sizing:border-box;box-sizing:border-box;line-height:1.7;font-size:0.88rem}.case-voice-staff .case-voice-staff-balloon .case-voice-staff__title{margin-bottom:20px;line-height:1.5;font-size:1.13rem}.case-contact{background:url(../img/case/bgi--contact.webp) center center no-repeat;background-size:cover;padding:70px 0;margin-bottom:120px;border-top:2px solid #9F8825;border-bottom:2px solid #9F8825}.case-contact .case-contact__title{margin-bottom:20px;line-height:1.5;font-size:1.5rem}.case-contact .case-contact__text{margin-bottom:20px}.case-contact .case-contact__list{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:0 auto 40px;text-align:left}.case-contact .case-contact__btn{background:#9F8825;padding:20px 36px;line-height:1.5;border-radius:10px;text-decoration:none;font-size:1.13rem;color:#fff}.u-font-size--small{font-size:89%}.u-font-size--large{font-size:111%}.u-font-size--x-large{font-size:133%}.u-font-size--xx-large{font-size:144%}.u-font-bold{font-weight:bold}.u-color-red{color:red}.u-color-white{color:white}.u-color-main{color:#000}.u-color-sub{color:#000}.faq-section .faq-section__title,.permanence-intro,.sevice-common-intro,.sevice-common-lede,.u-font-serif,.voice .voice__dl dt{font-family:fot-matisse-pron,sans-serif;font-weight:500;font-style:normal;line-height:2.5}.copy,.footer-2026 .footer-2026-header p,.information-list li,.service-paint-list,.top-voice .top-voice-list,.top-works-list li span,.u-font-san-serif,.voice-list,.works-list li span{font-family:fot-rodin-pron,sans-serif;font-weight:600;font-style:normal}.about-finding dt,.article .article__title,.article .article__title-sp,.case-pickup .case-pickup__title,.choose-other-title,.common-btn-estimate,.permanence-point .permanence-point__title,.title-lv1,.title-lv2,.title-other-01,.u-font-midashi{font-family:a-otf-midashi-go-mb31-pr6n,sans-serif;font-weight:600;font-style:normal}.bg-case-page,.case,.case-detail .case-detail-table th,.u-font-nomal{font-family:"游ゴシック体","Yu Gothic",YuGothic,"Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3","Meiryo","メイリオ",sans-serif;font-weight:400;font-style:normal}.u-marker-yellow{background:-webkit-gradient(linear,left top,left bottom,color-stop(60%,transparent),color-stop(60%,#FFF238));background:linear-gradient(transparent 60%,#FFF238 60%);padding:0 2px;position:relative;behavior:url(PIE.htc)}.u-marker-pink{background:-webkit-gradient(linear,left top,left bottom,color-stop(40%,transparent),color-stop(40%,#FFD4D3));background:linear-gradient(transparent 40%,#FFD4D3 40%);padding:0 2px;position:relative;behavior:url(PIE.htc)}.u-txt{padding:0 1px}.u-paragraph{padding:0 1px 0 1px;margin-bottom:1em}.u-txt-sub{font-size:85%!important;color:#666}.u-txt-attention{padding:0 0 0 0.7em;text-indent:-0.7em;color:#C60}.u-letter-space{letter-spacing:6px}.u-paragraph-fix{letter-spacing:6px;font-size:88%}.u-textalign-center{text-align:center}.u-textalign-right{text-align:right}.u-textalign-left{text-align:left}.u-float-left{float:left}.u-float-right{float:right}.u-clear{clear:both}.u-overflow-hidden{overflow:hidden}img.alignleft{float:left;margin:0 15px 15px 0}img.alignright{float:right;margin:0 0 15px 15px}img.aligncenter{clear:both;display:block;margin-left:auto;margin-right:auto}.u-line-dashed{border:none;border-top:1px dashed #ccc;height:1px}.u-margin-bottom--none{margin-bottom:0}.u-margin-bottom--small{margin-bottom:10px}.u-margin-bottom{margin-bottom:20px}.u-margin-bottom--large{margin-bottom:40px}.u-margin-bottom--x-large{margin-bottom:80px}.u-margin-bottom--xx-large{margin-bottom:120px}.u-margin-bottom--max{margin-bottom:160px}.u-position-relative{position:relative} ======= /* setting */ /* サイト全体で使うフォントの指定 */ /* メイン・サブカラー */ /* リンク色 */ /* サイト全体で使うフォントの指定 */ /* サイト全体で使うフォントの指定 */ /* ページのwidth */ /* グローバルのアイテム数 */ /* グローバルのアイテムwidth */ /* グローバルのアイテムheight */ /* tool */ /* サイト全体で使うmixinの指定 */ /* base */ /*! normalize.css v3.0.2 | MIT License | git.io/normalize */ /** * 1. Set default font family to sans-serif. * 2. Prevent iOS text size adjust after orientation change, without disabling * user zoom. */ html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ } /** * Remove default margin. */ body { margin: 0; } /* HTML5 display definitions ========================================================================== */ /** * Correct `block` display not defined for any HTML5 element in IE 8/9. * Correct `block` display not defined for `details` or `summary` in IE 10/11 * and Firefox. * Correct `block` display not defined for `main` in IE 11. */ article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } /** * 1. Correct `inline-block` display not defined in IE 8/9. * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */ audio, canvas, progress, video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } /** * Prevent modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */ audio:not([controls]) { display: none; height: 0; } /** * Address `[hidden]` styling not present in IE 8/9/10. * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22. */ [hidden], template { display: none; } /* Links ========================================================================== */ /** * Remove the gray background color from active links in IE 10. */ a { background-color: transparent; } /** * Improve readability when focused and also mouse hovered in all browsers. */ a:active, a:hover { outline: 0; } /* Text-level semantics ========================================================================== */ /** * Address styling not present in IE 8/9/10/11, Safari, and Chrome. */ abbr[title] { border-bottom: 1px dotted; } /** * Address style set to `bolder` in Firefox 4+, Safari, and Chrome. */ b, strong { font-weight: bold; } /** * Address styling not present in Safari and Chrome. */ dfn { font-style: italic; } /** * Address variable `h1` font-size and margin within `section` and `article` * contexts in Firefox 4+, Safari, and Chrome. */ h1 { font-size: 2em; margin: 0.67em 0; } /** * Address styling not present in IE 8/9. */ mark { background: #ff0; color: #000; } /** * Address inconsistent and variable font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` affecting `line-height` in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* Embedded content ========================================================================== */ /** * Remove border when inside `a` element in IE 8/9/10. */ img { border: 0; } /** * Correct overflow not hidden in IE 9/10/11. */ svg:not(:root) { overflow: hidden; } /* Grouping content ========================================================================== */ /** * Address margin not present in IE 8/9 and Safari. */ figure { margin: 1em 40px; } /** * Address differences between Firefox and other browsers. */ hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } /** * Contain overflow in all browsers. */ pre { overflow: auto; } /** * Address odd `em`-unit font size rendering in all browsers. */ code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } /* Forms ========================================================================== */ /** * Known limitation: by default, Chrome and Safari on OS X allow very limited * styling of `select`, unless a `border` property is set. */ /** * 1. Correct color not being inherited. * Known issue: affects color of disabled elements. * 2. Correct font properties not being inherited. * 3. Address margins set differently in Firefox 4+, Safari, and Chrome. */ button, input, optgroup, select, textarea { color: inherit; /* 1 */ font: inherit; /* 2 */ margin: 0; /* 3 */ } /** * Address `overflow` set to `hidden` in IE 8/9/10/11. */ button { overflow: visible; } /** * Address inconsistent `text-transform` inheritance for `button` and `select`. * All other form control elements do not inherit `text-transform` values. * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. * Correct `select` style inheritance in Firefox. */ button, select { text-transform: none; } /** * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` * and `video` controls. * 2. Correct inability to style clickable `input` types in iOS. * 3. Improve usability and consistency of cursor style between image-type * `input` and others. */ button, html input[type=button], input[type=reset], input[type=submit] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ } /** * Re-set default cursor for disabled elements. */ button[disabled], html input[disabled] { cursor: default; } /** * Remove inner padding and border in Firefox 4+. */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /** * Address Firefox 4+ setting `line-height` on `input` using `!important` in * the UA stylesheet. */ input { line-height: normal; } /** * It's recommended that you don't attempt to style these elements. * Firefox's implementation doesn't respect box-sizing, padding, or width. * * 1. Address box sizing set to `content-box` in IE 8/9/10. * 2. Remove excess padding in IE 8/9/10. */ input[type=checkbox], input[type=radio] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Fix the cursor style for Chrome's increment/decrement buttons. For certain * `font-size` values of the `input`, it causes the cursor style of the * decrement button to change from `default` to `text`. */ input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { height: auto; } /** * 1. Address `appearance` set to `searchfield` in Safari and Chrome. * 2. Address `box-sizing` set to `border-box` in Safari and Chrome * (include `-moz` to future-proof). */ input[type=search] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; } /** * Remove inner padding and search cancel button in Safari and Chrome on OS X. * Safari (but not Chrome) clips the cancel button when the search input has * padding (and `textfield` appearance). */ input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration { -webkit-appearance: none; } /** * Define consistent border, margin, and padding. */ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /** * 1. Correct `color` not being inherited in IE 8/9/10/11. * 2. Remove padding so people aren't caught out if they zero out fieldsets. */ legend { border: 0; /* 1 */ padding: 0; /* 2 */ } /** * Remove default vertical scrollbar in IE 8/9/10/11. */ textarea { overflow: auto; } /** * Don't inherit the `font-weight` (applied by a rule above). * NOTE: the default cannot safely be changed in Chrome and Safari on OS X. */ optgroup { font-weight: bold; } /* Tables ========================================================================== */ /** * Remove most spacing between table cells. */ table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } /* サイトの基本となるCSS */ /* 余白のリセット */ body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, object, iframe, pre, code, p, blockquote, form, fieldset, legend, table, th, td, caption, tbody, tfoot, thead { margin: 0; padding: 0; } /* body */ body { text-align: center; line-height: 2.5; word-break: break-all; -webkit-text-size-adjust: 100%; font-family: fot-matisse-pron, sans-serif; font-weight: 500; font-style: normal; font-size: 16px; *font-size: 100%; color: #000; } /* Font-size list (base: 14px) 57% = 8px 64% = 9px 71% = 10px 79% = 11px 150% = 21px 221% = 31px 86% = 12px 157% = 22px 229% = 32px 93% = 13px 163% = 23px 236% = 33px 100% = 14px 171% = 24px 243% = 34px 107% = 15px 179% = 25px 250% = 35px 114% = 16px 186% = 26px 257% = 36px 121% = 17px 193% = 27px 264% = 37px 129% = 18px 200% = 28px 271% = 38px 136% = 19px 208% = 29px 276% = 39px 143% = 20px 214% = 30px 286% = 40px */ /* リンク色 */ a { color: #000000; } a:hover, a:active { text-decoration: none; color: #999; } /* hover時の画像 */ a:hover img { -moz-opacity: 0.7; opacity: 0.7; filter: alpha(opacity=70); border: none; } /* IE8 */ html > body a:hover img { display: inline-block\9 ; zoom: 1\9 ; } /* 新旧Firefox */ a:hover img, x:-moz-any-link { background: #fff; } a:hover img, x:-moz-any-link, x:default { background: #fff; } /* for IE7: page zoom bug fix */ *:first-child + html body, *:first-child + html br { letter-spacing: 0; } /* 画像 */ img { vertical-align: bottom; max-width: 100%; } /* ::-webkit-scrollbar{ width: 10px; } ::-webkit-scrollbar-track{ background: #fff; border: none; border-radius: 10px; box-shadow: inset 0 0 2px #777; } ::-webkit-scrollbar-thumb{ background: #ccc; border-radius: 10px; box-shadow: none; } */ /* Clearfix */ .clearfix:after, .point-check:after, .faq-category .faq-category__list:after, .information-list li:after, .showroom-fc-content:after, .service-paint-list:after, .top-about .top-about-nav:after, .footer-content:after { content: "."; display: block; height: 0; font-size: 0; clear: both; visibility: hidden; } .clearfix, .point-check, .faq-category .faq-category__list, .information-list li, .showroom-fc-content, .service-paint-list, .top-about .top-about-nav, .footer-content { display: inline-block; } /* Hides from IE Mac */ * html .clearfix, * html .point-check, .faq-category html .faq-category__list, .information-list html li, * html .showroom-fc-content, * html .service-paint-list, .top-about html .top-about-nav, * html .footer-content { height: 1%; } .clearfix, .point-check, .faq-category .faq-category__list, .information-list li, .showroom-fc-content, .service-paint-list, .top-about .top-about-nav, .footer-content { display: block; } /* End Hack */ /* layout */ /* サイト全体のレイアウトグリッドの指定 */ /* ヘッダー */ .layout-header { width: 100%; } /* フッター */ .layout-footer { width: 100%; } .layout-footer-half { width: 460px; float: left; } /* ページ幅 */ .layout-container { width: 1020px; margin-left: auto; margin-right: auto; text-align: left; } .layout-bgi-inner { width: 1020px; margin-left: auto; margin-right: auto; text-align: left; } /* メインカラム */ .layout-main-column { width: 710px; float: right; } /* サブカラム */ .layout-sub-column { width: 230px; float: left; } /* 汎用レイアウト */ .layout-section { margin-bottom: 60px; } .layout-half { width: 49%; } .layout-1-third { width: 32%; } .layout-2-third { width: 66%; } .layout-3-col { float: left; width: 32%; margin-right: 2%; } .layout-3-col:nth-child(3n) { margin-right: 0; } .layout-3-col:nth-child(3n+1) { clear: both; } .layout-4-col { float: left; width: 24%; margin-right: 1%; } .layout-4-col:nth-child(4n) { margin-right: 0; } .layout-4-col:nth-child(4n+1) { clear: both; } /* ヘッダーの指定 */ /* ヘッダー外枠 */ .header { position: relative; width: 100%; height: 151px; } .header .header-site-name { width: 420px; position: absolute; top: 10px; right: 90px; text-align: right; } .header .header-site-description { margin-bottom: 10px; letter-spacing: 4px; font-size: 81%; } .header .header-menu-open { background: none; border: none; padding: 0; position: absolute; top: 20px; left: 93px; } /* ヘッダーロゴ */ /* フッターの指定 */ /* フッター外枠 */ footer { background: #313339; border-bottom: 13px solid #000; padding: 110px 0 36px; margin-bottom: 75px; clear: both; display: block; position: relative; text-align: left; line-height: 1.63; letter-spacing: 2.5px; color: #fff; } footer img { vertical-align: top; } .contact-page footer { margin-bottom: 0; } .footer-site-name { margin-bottom: 70px; } .footer-content { position: relative; margin-bottom: 0px; } .footer-data { width: 332px; float: right; } .footer-area { margin-bottom: 60px; } .footer-area dt { margin-bottom: 10px; } .footer-bottom-link { margin-bottom: 60px; list-style: none; } .footer-bottom-link li { display: inline-block; margin-right: 20px; } .footer-bottom-link li img { vertical-align: top; } .footer-sns { margin-top: 60px; list-style: none; text-align: right; } .footer-sns li { display: inline-block; margin-left: 10px; } .footer-sns li img { height: 48px; } .footer-instagram-bnr { position: absolute; bottom: 112px; left: 0; } .footer-instagram-bnr img { width: 260px; } .footer-gaimani-bnr { position: absolute; bottom: 32px; left: 0; } .footer-gaimani-bnr img { width: 260px; } /* コピーライト */ .copy { color: #fff; } /* module */ /* サイト全体のナビゲーション設定 */ /* グローバルナビの設定 */ .global-nav { background: #000000 url(../img/common/menu/bgi--01.png) calc(50% + 253px) 123px no-repeat; width: 100%; min-height: 100vh; position: absolute; top: 0; left: 0; display: none; margin-bottom: 30px; clear: both; z-index: 21; } .global-nav .nav-header { padding-right: 105px; padding-top: 15px; margin-bottom: 75px; } .global-nav .nav-header__title { text-align: right; } .global-nav .nav-header-description { text-align: right; margin-bottom: 10px; letter-spacing: 4px; font-size: 81%; color: #FFF; } .global-nav .global-nav-close { background: none; border: none; padding: 0; position: absolute; top: 70px; left: 93px; } .global-nav-content { width: 1095px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: space-between; text-align: left; margin: 0 auto; } .global-nav-content .global-nav-list { list-style: none; } .global-nav-content .global-nav-list > li { margin-bottom: 50px; } .global-nav-content .global-nav-list ul { list-style: none; margin-top: 20px; } .global-nav-content .global-nav-list ul li { background: url(../img/common/menu/bgi--sub.svg) left center no-repeat; margin-left: 10px; padding-left: 20px; } .global-nav-content .global-nav-list ul li img { vertical-align: middle; } .global-nav-content .global-nav-list .global-sub-list { list-style: none; } .global-nav-content .global-nav-list .global-sub-list li { background: none; display: inline-block; padding-left: 0; margin-left: 0; margin-right: 20px; } .global-nav-instagram-bnr { position: absolute; bottom: 48px; right: calc(50% - 220px); } .global-nav-instagram-bnr img { width: 200px; } /* ローカルナビの設定 */ .side-nav { margin-bottom: 20px; } .side-nav .side-nav__title { background: #000; padding: 7px; font-size: 114%; color: #fff; } .side-nav .side-nav__list { list-style: none; } .side-nav .side-nav__list li { border-bottom: 1px solid #000; } .side-nav .side-nav__list li a { display: block; padding: 5px 5px 5px 5px; } /* フッターナビ */ .footer-nav { width: 530px; float: left; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: space-between; } .footer-nav-list { list-style: none; } .footer-nav-list li { margin-bottom: 40px; line-height: 1; } .footer-nav-list li img { vertical-align: top; } .footer-nav-list ul { list-style: none; padding-top: 47px; padding-left: 30px; padding-bottom: 20px; } .footer-nav-list ul li:last-child { margin-bottom: 0; } /* サイト全体の見出しの設定 */ /* 見出し */ .title-lv1 { margin-bottom: 40px; line-height: 2.1; letter-spacing: 8px; font-size: 163%; } .title-lv2 { margin-bottom: 40px; line-height: 2.1; font-size: 150%; } .title-lv3 { padding: 0 0 0 17px; margin-bottom: 5px; color: #83300E; } /* 汎用見出し */ .title-other-01 { margin-bottom: 40px; text-align: center; letter-spacing: 6px; font-size: 136%; } .title-other-02 { padding: 0px 10px; border-bottom: 1px dashed #000; margin-bottom: 5px; color: #000; } /* サイト全体のテーブルの設定 */ /* テーブルの設定 */ .table-ptn--01, .works-data { font-size: 88%; letter-spacing: 5px; } .table-ptn--01 th, .works-data th { border-bottom: 1px solid #3c3c3c; padding: 12px 8px 12px 0; line-height: 1.8; vertical-align: top; } .table-ptn--01 td, .works-data td { border-bottom: 1px solid #3c3c3c; padding: 12px 0; line-height: 1.8; } .table-ptn--01 tr:last-child th, .works-data tr:last-child th, .table-ptn--01 tr:last-child td, .works-data tr:last-child td { border-bottom: none; } .table-ptn--02 th { background: #CCE4AE; border: 1px solid #ABA073; padding: 5px 10px; color: #39330C; } .table-ptn--02 td { background: #fff; border: 1px solid #ABA073; padding: 5px 10px; } .table-ptn--03 th { border-bottom: 1px dashed #ABA073; padding: 10px; font-weight: bold; } .table-ptn--03 td { border-bottom: 1px dashed #ABA073; padding: 10px; } /* サイト全体のリンク・ボタンの設定 */ /* ボタンの設定 */ .btn { display: inline-block; padding: 8px 18px; border-radius: 3px; behavior: url(PIE.htc); box-shadow: 0px 5px 3px -3px rgba(0, 0, 0, 0.6); } .btn--full { display: block; padding: 12px 0; border-radius: 3px; text-align: center; behavior: url(PIE.htc); } .btn--main { background: #000; border-radius: 3px; display: inline-block; margin-bottom: 16px; padding: 12px 36px; color: #fff; font-weight: 700; letter-spacing: 0.1em; text-decoration: none; text-align: center; } .btn--main:hover { background: rgba(0, 0, 0, 0.8); color: #fff; } @media (max-width: 680px) { .btn--main { padding: 18px 12%; line-height: 1.8; } } .btn--orange { background: #E7590D; color: #fff; text-decoration: none; } .btn--white { background: #fff; border: 2px solid #000; border-radius: 3px; display: inline-block; padding: 12px 36px; text-decoration: none; color: #000 !important; font-weight: 700; letter-spacing: 0.1em; text-align: center; } .btn--white:hover { border: 2px solid #bbb; background: rgba(255, 255, 255, 0.8); color: #000 !important; } @media (max-width: 680px) { .btn--white { padding: 18px 12%; line-height: 1.8; } } .btn--border { background: none; border: 1px solid #fff; border-radius: 3px; display: inline-block; padding: 12px 36px; text-decoration: none; color: #fff; font-weight: 700; letter-spacing: 0.1em; text-align: center; } .btn--border:hover { border: 2px solid #ccc; color: #ccc; } @media (max-width: 680px) { .btn--border { padding: 18px 12%; line-height: 1.8; } } .btn-return { display: inline-block; padding: 15px 30px; border: 1px solid #383838; border-radius: 10px; text-align: center; text-decoration: none; } /* サイト全体のリストの設定 */ /* アイコン型リストの設定 */ .list-arrow { list-style: none; } .list-arrow li { background: url(../img/common/mark/ico--arrow-01.png) 2px 7px no-repeat; padding-left: 17px; } .list-circle { list-style: none; } .list-circle li { background: url(../img/common/mark/ico--circle-01.png) 4px 7px no-repeat; padding-left: 17px; } /* ボーダー型リストの設定 */ .list-border { list-style: none; } .list-border li { padding-left: 5px; border-bottom: 1px dashed #ABA073; } /* 番号型リストの設定 */ .list-numbering { list-style: decimal; padding-left: 25px; } .list-numbering li { display: list-item; margin-bottom: 10px; } .list-numbering li .list-numbering { list-style: lower-roman inside; } .list-numbering li .list-numbering li { text-indent: -1.2em; } /* 通常リストの設定 */ .list-nomal { padding-left: 20px; } .list-nomal li { margin-bottom: 5px; } /* リストマークなし */ .list-style-none { list-style: none; } /* サイト全体のリンク・ボタンの設定 */ /* ブロックの設定 */ .box-sub--01, .dark-point-check, .permanence-point-section.permanence-point-section--01 { background: #F2F2F2; border-radius: 23px; padding: 40px 55px; } .box-sub--02, .permanence-point-section.permanence-point-section--02 { background: #81878B; border-radius: 23px; padding: 40px 55px; } .box-sub--03 { background: #222222; border-radius: 23px; padding: 40px 55px; } /* サイト全体のWordPress記事の設定 */ /* ブログ・お知らせの設定 */ .article { border-bottom: 1px dashed #ccc; padding: 0 0 40px 0; margin-bottom: 40px; } .article img { max-width: 100%; height: auto !important; } .article .article__date { background: url(../img/information/pic--date.svg) left center no-repeat; padding-left: 100px; display: block; letter-spacing: 6.6px; font-size: 88%; } .article .article__title { letter-spacing: 11px; font-size: 225%; } @media screen and (max-width: 480px) { .article .article__title { margin-bottom: 20px; letter-spacing: 3px; font-size: 175%; line-height: 1.6; } } .article .article__title-sp { margin-bottom: 20px; line-height: 1.6; letter-spacing: 6px; font-size: 150%; } .article p { margin-bottom: 40px; } .label { display: inline-block; border: 1px solid #C6C6C6; padding: 5px 15px; margin-right: 10px; margin-bottom: 10px; border-radius: 5px; text-decoration: none; line-height: 1.5; font-size: 88%; font-effect: none; } .article-nav { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; list-style: none; } .article-nav li { width: 33.3%; } .article-nav li a { display: inline-block; /*width: 243px;*/ padding: 15px 12px; border: 1px solid #383838; border-radius: 10px; text-align: center; text-decoration: none; font-size: 88%; } .article-nav-sp { margin-bottom: 40px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; list-style: none; } .article-nav-sp li { width: 45%; } .article-nav-sp li a { display: inline-block; padding: 5px 20px; border: 1px solid #383838; border-radius: 10px; text-align: center; text-decoration: none; font-size: 88%; } /* ページネーションの設定 */ .pagination { position: relative; padding: 20px 0; clear: both; text-align: center; line-height: 40px; font-size: 12px; } .pagination span, .pagination a { background-color: #fff; display: inline-block; width: 40px; margin: 2px 5px 2px 0; text-align: center; text-decoration: none; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; font-size: 125%; color: #000 !important; } .pagination a { border: 1px solid #000; } .pagination a:hover { background-color: #000; border: 1px solid #fff; color: #fff !important; } .pagination .current { background-color: #000; border: 1px solid #fff; color: #fff !important; } /* サイト全体のアイテムの設定 */ .catch { padding-top: 100px; } .catch .catch__title { width: 1020px; margin: 0 auto 127px; text-align: left; } .catch .catch__img { width: 100%; } .catch-img { background-repeat: no-repeat; background-position: center center; background-size: cover; height: 417px; } .catch-img.catch-img--afterfollow { background-image: url(../img/about/afterfollow/catch/bgi--catch.jpg); } @media only screen and (-webkit-min-device-pixel-ratio: 2) { .catch-img.catch-img--afterfollow { background-image: url(../img/about/afterfollow/catch/bgi--catch-2x.jpg); } } .catch-img.catch-img--about { background-image: url(../img/about/index/catch/bgi--catch.jpg); } @media only screen and (-webkit-min-device-pixel-ratio: 2) { .catch-img.catch-img--about { background-image: url(../img/about/index/catch/bgi--catch-2x.jpg); } } .catch-img.catch-img--estimate { background-image: url(../img/contact/catch/bgi--catch.jpg); } @media only screen and (-webkit-min-device-pixel-ratio: 2) { .catch-img.catch-img--estimate { background-image: url(../img/contact/catch/bgi--catch-2x.jpg); } } .catch-img.catch-img--pamphlet { background-image: url(../img/contact/catch/bgi--pamphlet.jpg); } @media only screen and (-webkit-min-device-pixel-ratio: 2) { .catch-img.catch-img--pamphlet { background-image: url(../img/contact/catch/bgi--pamphlet-2x.jpg); } } .catch-img.catch-img--privacy { background-image: url(../img/contact/catch/bgi--privacy.jpg); } @media only screen and (-webkit-min-device-pixel-ratio: 2) { .catch-img.catch-img--privacy { background-image: url(../img/contact/catch/bgi--privacy-2x.jpg); } } .catch-img.catch-img--office { background-image: url(../img/office/index/catch/bgi--catch.jpg); } @media only screen and (-webkit-min-device-pixel-ratio: 2) { .catch-img.catch-img--office { background-image: url(../img/office/index/catch/bgi--catch-2x.jpg); } } .catch-img.catch-img--message { background-image: url(../img/office/message/catch/bgi--catch.jpg); } @media only screen and (-webkit-min-device-pixel-ratio: 2) { .catch-img.catch-img--message { background-image: url(../img/office/message/catch/bgi--catch-2x.jpg); } } .catch-img.catch-img--showroom { background-image: url(../img/office/showroom/catch/bgi--catch.jpg); } @media only screen and (-webkit-min-device-pixel-ratio: 2) { .catch-img.catch-img--showroom { background-image: url(../img/office/showroom/catch/bgi--catch-2x.jpg); } } .catch-img.catch-img--staff { background-image: url(../img/office/staff/catch/bgi--catch.jpg); } @media only screen and (-webkit-min-device-pixel-ratio: 2) { .catch-img.catch-img--staff { background-image: url(../img/office/staff/catch/bgi--catch-2x.jpg); } } .catch-img.catch-img--service { background-image: url(../img/service/index/catch/bgi--catch.jpg); } @media only screen and (-webkit-min-device-pixel-ratio: 2) { .catch-img.catch-img--service { background-image: url(../img/service/index/catch/bgi--catch-2x.jpg); } } .catch-img.catch-img--sitemap { background-image: url(../img/sitemap/catch/bgi--catch.jpg); } @media only screen and (-webkit-min-device-pixel-ratio: 2) { .catch-img.catch-img--sitemap { background-image: url(../img/sitemap/catch/bgi--catch-2x.jpg); } } .catch-img.catch-img--faq { background-image: url(../img/faq/catch/bgi--catch.jpg); } @media only screen and (-webkit-min-device-pixel-ratio: 2) { .catch-img.catch-img--faq { background-image: url(../img/faq/catch/bgi--catch-2x.jpg); } } .catch-img.catch-img--voice { background-image: url(../img/voice/catch/bgi--catch.jpg); } @media only screen and (-webkit-min-device-pixel-ratio: 2) { .catch-img.catch-img--voice { background-image: url(../img/voice/catch/bgi--catch-2x.jpg); } } .catch-img.catch-img--works { background-image: url(../img/works/catch/bgi--catch.jpg); } @media only screen and (-webkit-min-device-pixel-ratio: 2) { .catch-img.catch-img--works { background-image: url(../img/works/catch/bgi--catch-2x.jpg); } } .catch-img.catch-img--information { background-image: url(../img/information/catch/bgi--catch.jpg); } @media only screen and (-webkit-min-device-pixel-ratio: 2) { .catch-img.catch-img--information { background-image: url(../img/information/catch/bgi--catch-2x.jpg); } } .catch-img.catch-img--loan { background-image: url(../img/about/loan/catch/bgi--catch.jpg); } @media only screen and (-webkit-min-device-pixel-ratio: 2) { .catch-img.catch-img--loan { background-image: url(../img/about/loan/catch/bgi--catch-2x.jpg); } } .catch-img.catch-img--flow { background-image: url(../img/about/flow/catch/bgi--catch.jpg); } @media only screen and (-webkit-min-device-pixel-ratio: 2) { .catch-img.catch-img--flow { background-image: url(../img/about/flow/catch/bgi--catch-2x.jpg); } } .catch-img.catch-img--point { background-image: url(../img/knowledge/index/catch/bgi--catch.jpg); } @media only screen and (-webkit-min-device-pixel-ratio: 2) { .catch-img.catch-img--point { background-image: url(../img/knowledge/index/catch/bgi--catch-2x.jpg); } } .catch-img.catch-img--choose { background-image: url(../img/knowledge/choose/catch/bgi--catch.jpg); } @media only screen and (-webkit-min-device-pixel-ratio: 2) { .catch-img.catch-img--choose { background-image: url(../img/knowledge/choose/catch/bgi--catch-2x.jpg); } } .catch-img.catch-img--interview { background-image: url(../img/interview/catch/bgi--catch.jpg); } @media only screen and (-webkit-min-device-pixel-ratio: 2) { .catch-img.catch-img--interview { background-image: url(../img/interview/catch/bgi--catch-2x.jpg); } } .catch-img.catch-img--fp { background-image: url(../img/fp/catch/bgi--catch.jpg); } @media only screen and (-webkit-min-device-pixel-ratio: 2) { .catch-img.catch-img--fp { background-image: url(../img/fp/catch/bgi--catch-2x.jpg); } } .catch-sub { margin-top: 40px; height: 417px; position: relative; } .catch-sub.catch-sub--30years { background: url(../img/service/30years/catch/bgi--catch.jpg) center top no-repeat; margin-bottom: 60px; } .catch-sub.catch-sub--30years .catch__title { position: absolute; top: 125px; left: 50%; margin-left: -510px; } .catch-sub.catch-sub--design { background: url(../img/service/design/catch/bgi--catch.jpg) center top no-repeat; margin-bottom: 120px; } .catch-sub.catch-sub--design .catch__title { position: absolute; top: 125px; left: 50%; margin-left: -510px; } .catch-sub.catch-sub--dark { background: url(../img/service/dark/catch/bgi--catch.jpg) center top no-repeat; margin-bottom: 120px; } .catch-sub.catch-sub--dark .catch__title { position: absolute; top: 125px; left: 50%; margin-left: -510px; } .topic-path { position: relative; display: block; font-size: 75%; margin: 0 54px 0 24px; padding-bottom: 20px; text-align: right; } .topic-path li { position: relative; display: inline-flex; gap: 0.5em; list-style: none; letter-spacing: 0.2rem; } .topic-path li::after { border-right: 1px solid; border-top: 1px solid; box-sizing: content-box; content: ""; display: inline-block; width: 4px; height: 4px; opacity: 0.8; margin-left: 0.4em; margin-right: 0.8em; margin-top: 12px; transform: rotate(45deg); } .topic-path li:nth-last-child(1)::after { content: none; } .bottom-contact { margin-bottom: 120px; } .bottom-contact-faq { display: block; margin: 60px auto 0; letter-spacing: 0.1em; } .cta-nav { background: #EBEBEB; padding: 10px 0; width: 100%; transition-duration: 0.4s; position: fixed; left: 0; bottom: -100px; z-index: 20; } .cta-nav .cta-nav__tel { float: left; margin-top: 15px; margin-left: 30px; } .cta-nav .cta-nav-list { width: 571px; float: right; list-style: none; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: space-between; } .contact-page .cta-nav { display: none; } .common-works { background: #171717; padding: 100px 0 124px; border-top: 1px solid #555555; margin-bottom: 160px; } .common-works .top-works__title { margin-bottom: 115px; } .float-banner { /*position: fixed;*/ position: absolute; right: 0; bottom: -84px; } .float-banner img { width: 280px; } .common-reason { background: #151515; position: relative; margin-top: 350px; padding-bottom: 60px; } .common-reason .top-reason__title img { position: absolute; top: -153px; left: 50%; margin-left: -31px; z-index: 2; } .common-reason .top-reason-list { margin-bottom: 40px; } .common-message { margin-bottom: 120px; } .common-kavenavi-bnr { width: 640px; margin: -80px auto 160px; } .common-instagram-bnr { width: 480px; margin: -80px auto 160px; } .common-aimitsu-bnr { width: 640px; margin: 0px auto 160px; } .common-btn-estimate { position: relative; display: block; background: linear-gradient(#a08928 0%, #9a831d 100%); border-radius: 5px; width: 780px; margin: 140px auto 200px; padding: 32px 0 30px; text-align: center; text-decoration: none; font-size: 200%; color: #000; line-height: 1.8; letter-spacing: 0.1em; } .common-btn-estimate span { display: block; font-size: 64%; font-weight: 300; } .common-btn-estimate::after { content: ""; position: absolute; display: block; border: 1px solid #000; width: 96%; height: 128px; top: 14px; left: 2%; } .common-btn-estimate:hover { opacity: 0.7; color: #fff; } .common-btn-estimate:hover::after { border: 1px solid #fff; } /* トップページ */ .top-header { width: 100%; position: absolute; top: 0; left: 0; z-index: 2; } .top-header .top-site-name { position: absolute; top: 15px; right: 90px; text-align: right; } .top-header .top-site-description { margin-bottom: 10px; letter-spacing: 4px; font-size: 81%; color: #fff; } .top-header .header-menu-open { background: none; border: none; padding: 0; position: absolute; top: 67px; left: 93px; } .top-main { position: relative; height: 100vh; } .top-main .top-main__img { background-image: url(../img/index/main/01/pic--01.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover; width: 100%; height: 100vh; z-index: 1; position: absolute; top: 0; left: 0; } .top-main .top-main__nav { position: absolute; bottom: 60px; right: 90px; z-index: 2; list-style: none; } .top-main .top-main__nav li { background: url(../img/index/main/bgi--nav-line.svg) center top no-repeat; padding-top: 40px; display: block; float: left; margin-left: 44px; } /* .top-main__01{ background: url(../img/index/main/01/pic--01.jpg) center center no-repeat; background-size: cover; } .top-main__02{ background: url(../img/index/main/01/pic--01.jpg) center center no-repeat; background-size: cover; } .top-main__03{ background: url(../img/index/main/01/pic--01.jpg) center center no-repeat; background-size: cover; } */ .top-main__lede { position: absolute; top: 43%; left: 50%; margin-left: -530px; z-index: 10; } .top-topics { background: #F7F7F7; margin-bottom: 70px; } .top-topics img { vertical-align: top; } .top-topics .top-topics__title { width: 127px; height: 64px; padding-top: 32px; line-height: 1; box-sizing: border-box; /*float: left;*/ } .top-topics .top-topics__dl { display: block; line-height: 40px; } .top-topics .top-topics__dl dt { display: inline-block; width: 120px; } .top-topics .top-topics__dl dd { display: inline-block; } .top-topics .top-topics__more { height: 36px; box-sizing: border-box; display: inline-block; padding-top: 0px; line-height: 1; float: right; } .top-about { margin-bottom: 270px; position: relative; } .top-about .top-about-bg { background: url(../img/index/about/bgi--01.jpg) left top no-repeat, url(../img/index/about/bgi--02.jpg) right 30px top 463px no-repeat; margin-top: 150px; padding-bottom: 168px; margin-bottom: 210px; opacity: 0; transition-delay: 0.5s; transition-duration: 2s; } .top-about .top-about-bg.is-show { margin-top: 0; opacity: 1; } .top-about .top-about-nav { list-style: none; position: absolute; top: 0; right: 0; } .top-about .top-about-nav li { background: url(../img/index/about/bgi--nav-line.svg) center top no-repeat; float: right; padding-top: 25px; margin-left: 60px; } .top-about-item { margin-bottom: 10px; color: #fff; } .top-about-item .top-about-item__text { margin-bottom: 70px; letter-spacing: 8px; } .top-about-item .top-about-item__btn { display: inline-block; } .top-about-01 { background: #000 url(../img/index/about/01/bgi--01.jpg) center top no-repeat; height: 952px; padding-top: 143px; box-sizing: border-box; } .top-about-01 .top-about-item__title { margin-bottom: 90px; } .top-about-01 .top-about-item-content { padding-left: 35px; } .top-about-01 .top-about-item__btn { margin-left: 206px; } .top-about-02 { background: #000 url(../img/index/about/02/bgi--01.jpg) center top no-repeat; padding-top: 90px; height: 688px; box-sizing: border-box; } .top-about-02 .top-about-item__title { margin-bottom: 40px; } .top-about-02 .top-about-item__text { margin-bottom: 40px; line-height: 1.8; } .top-about-02 .top-about-item-content { padding-left: 510px; } .top-about-02 .top-about-item__btn { margin-left: 170px; } .top-about-03 { background: #000 url(../img/index/about/03/bgi--01.jpg) center top no-repeat; padding-top: 80px; height: 688px; box-sizing: border-box; } .top-about-03 .top-about-item__title { margin-bottom: 40px; } .top-about-03 .top-about-item__text { padding-right: 420px; margin-bottom: 40px; line-height: 1.8; } .top-about-03 .top-about-item-content { padding-left: 30px; } .top-about-03 .top-about-item__btn { margin-left: 170px; } .top-reason { background: #151515; position: relative; margin-bottom: 80px; } .top-reason .top-reason__title img { position: absolute; top: -153px; left: 50%; margin-left: -31px; z-index: 2; } .top-reason-list { width: 1020px; margin: 33px auto 33px; list-style: none; } .top-reason-list li:nth-child(1) { width: 634px; float: left; } .top-reason-list li:nth-child(2) { width: 386px; float: right; } .top-reason-list li:nth-child(3) { width: 386px; float: right; } .top-message { background: url(../img/index/reason/bgi--message-link.jpg) center center no-repeat; background-size: cover; height: 513px; padding-top: 103px; box-sizing: border-box; text-align: center; } .top-message .top-message__lede { display: block; margin: 0 auto 63px; } .top-staff .top-staff__title { width: 1020px; margin: 0 auto 245px; text-align: right; } .top-staff-fade { margin-top: 150px; opacity: 0; transition-delay: 0.5s; transition-duration: 2s; } .top-staff-fade.is-show { margin-top: 0; opacity: 1; } .top-sraff-bg { background: #292929; padding-bottom: 100px; } .top-staff-list-wrap { width: 1020px; margin: 0 auto; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: space-between; } .top-staff-list-wrap .top-staff-list { list-style: none; } .top-staff-list-wrap .top-staff-list li { background: #000; margin-bottom: 63px; } .top-staff-list-wrap .top-staff-list:nth-child(1) { margin-top: -194px; } .top-staff-list-wrap .top-staff-list:nth-child(2) { margin-top: -64px; } .top-staff-list-wrap .top-staff-list:nth-child(3) { margin-top: -122px; } .top-works { background: #171717; padding: 100px 0 124px; margin-bottom: 160px; } .top-works .top-works__title { margin-bottom: 115px; } .top-works-list { list-style: none; margin-bottom: 96px; } .top-works-list li { width: 235px; margin-right: 26px; position: relative; } .top-works-list li span { display: block; position: absolute; bottom: 15px; left: 15px; line-height: 2.2 !important; } .top-works-list li a { text-decoration: none; color: #fff; } .top-works-list li a .top-works-list__pic { filter: brightness(0.4); } .top-works-list .slick-next { background: url(../img/index/works/btn--next.svg) center center no-repeat; width: 33px; height: 33px; right: -60px; } .top-works-list .slick-next:before { content: none; } .top-works-list .slick-prev { background: url(../img/index/works/btn--prev.svg) center center no-repeat; width: 33px; height: 33px; left: -60px; } .top-works-list .slick-prev:before { content: none; } .top-interview { margin-top: 120px; margin-bottom: 145px; } .top-interview .top-interview__title { margin-bottom: 110px; } .top-interview .top-interview-list-wrap { overflow-x: scroll; } .top-interview .top-interview-list { width: 3072px; list-style: none; } .top-interview .top-interview-list li { width: 510px; margin-right: 2px; float: left; } .top-interview-list-wrap-02 { overflow: hidden; } .top-interview-list-wrap-02 .top-interview-list { padding-bottom: 17px; margin-bottom: 17px; width: 3072px; list-style: none; } .top-interview-list-wrap-02 .top-interview-list li { width: 510px; margin-right: 2px; float: left; } .top-interview-list-wrap-02 .scrollbar { position: absolute; right: 0; bottom: 0; width: 510px; /* スクロールバーの幅 */ border-bottom: 1px solid #000; } .top-interview-list-wrap-02 .scrollbar-thumb { width: 40px; min-height: 10px; background-color: #000; } .top-voice { margin-top: 120px; margin-bottom: 200px; } .top-voice .top-voice__title { margin-bottom: 100px; text-align: right; } .top-voice .top-voice-list { list-style: none; margin-left: calc((100% - 100vw) / 2); margin-right: calc((101.5% - 100vw) / 2); margin-bottom: 60px !important; } .top-voice .top-voice-list li { width: 229px; margin: 0 20px; font-size: 88%; } .top-voice .top-voice-list li .top-voice-list__pic { display: block; border: 1px solid #DEDEDE; margin-bottom: 10px; } .top-voice .top-voice-list li a { text-decoration: none; color: #717171; } .top-voice .top-voice-list p { margin-bottom: 15px; } .top-voice { /* .top-voice-list{ @extend .u-font-san-serif; list-style: none; margin-left: calc( ( 100% - 100vw ) / 2 );margin-right: calc( ( 101.5% - 100vw ) / 2 ); text-align: center; li{ display: inline-block; width: 229px; margin: 0 20px; font-size: 88%; .top-voice-list__pic{ display: block; border: 1px solid #DEDEDE; margin-bottom: 10px; } a{ text-decoration: none; color: #717171; } } p{ margin-bottom: 15px; } } */ } .top-covid { background: #E8E5DB; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.06); display: block; padding: 65px 0 45px; margin-bottom: 165px; text-align: center; } /* サービス */ .service-nav-bg { background: url(../img/service/index/nav/bgi--01.jpg) left top no-repeat; } .service-nav { height: 530px; padding-top: 70px; margin-bottom: 80px; box-sizing: border-box; list-style: none; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: center; } .service-nav li { background: url(../img/index/about/bgi--nav-line.svg) center top no-repeat; padding-top: 25px; margin: 0 30px 0; } .service-wrap-bg { background: #151515; padding-top: 140px; margin-left: calc((100% - 100vw) / 2); margin-right: calc((101.5% - 100vw) / 2); } .service-wrap-bg .service-index { list-style: none; text-align: center; } .service-wrap-bg .service-index li { height: 655px; } .service-wrap-bg .service-index li:nth-child(1) { background: url(../img/service/index/service/bgi--01.png) center top no-repeat; } .service-wrap-bg .service-index li:nth-child(2) { background: url(../img/service/index/service/bgi--02.png) center 50px no-repeat; } .service-wrap-bg .service-index li:nth-child(3) { background: url(../img/service/index/service/bgi--03.png) center 50px no-repeat; height: 533px; } .service-wrap-bg .service-index .service-index__title { display: block; margin: 0 auto 36px; } .service-paint { background: #292929; margin-left: calc((100% - 100vw) / 2); margin-right: calc((101.5% - 100vw) / 2); padding: 115px 0 145px; color: #fff; } .service-paint-list { list-style: none; } .service-paint-list li { width: 232px; margin-right: 30px; float: left; font-size: 88%; } .service-paint-list li:nth-child(4n) { margin-right: 0; } .service-paint-list li:nth-child(4n+1) { clear: both; } .service-paint-list li img { display: block; margin-bottom: 20px; } .service-paint-list li dt { font-size: 114%; } .service-pagelink-list { list-style: none; display: flex; width: 1020px; padding-top: 60px; margin: 0 auto 100px; gap: 60px; } .service-pagelink-list li { justify-content: space-around; text-align: center; letter-spacing: 0.1em; } .service-pagelink-list li img { display: block; width: 300px; margin-bottom: 12px; } /* 三十年塗装 */ .permanence-intro { letter-spacing: 5px; margin-bottom: 200px; } .contents-bg { background: #151515; padding: 110px 0 140px; margin-bottom: 130px; color: #fff; } .contents-bg a { color: #fff; } .contents-bg-section { position: relative; padding-bottom: 150px; margin-bottom: 150px; } .contents-bg-section:before { content: " "; background: #fff; width: 36px; height: 1px; display: block; position: absolute; bottom: 0; left: 50%; margin-left: -18px; z-index: 2; } .contents-bg-section.contents-bg-section--last { margin-bottom: 0; padding-bottom: 0; } .contents-bg-section.contents-bg-section--last:before { content: none; } .contents-bg-section.contents-bg-section--last-margin-auto { padding-bottom: 0; } .contents-bg-section.contents-bg-section--last-margin-auto:before { content: none; } .contents-bg-section .contents-bg-section__text { line-height: 2.5; letter-spacing: 5.6px; font-size: 88%; } .contents-bg-section:last-of-type { padding-bottom: 0; } .contents-bg-section:last-of-type:before { content: none; } .permanence-merit-section--01 { background: url(../img/service/30years/merit/bgi--01.png) right 15px top 200px no-repeat; } .permanence-merit-section--01 .contents-bg-section__text { width: 705px; margin-bottom: 220px; } .permanence-merit-section--03 { margin-bottom: 0; padding-bottom: 0; } .permanence-merit-section--03:before { content: none; } .permanence-check-img { background: #272727; text-align: center; margin-bottom: 40px; } .permanence-check-text { letter-spacing: 4px; margin-bottom: 40px; } .permanence-check-link { letter-spacing: 4px; } .design-merit-section--01 { background: url(../img/service/design/merit/bgi--01.jpg) right 15px top 200px no-repeat; } .design-merit-section--01 .contents-bg-section__text { width: 765px; margin-bottom: 220px; } .design-merit-section--02 { background: url(../img/service/design/merit/bgi--02.png) left top no-repeat; } @media only screen and (-webkit-min-device-pixel-ratio: 2) { .design-merit-section--02 { background: url(../img/service/design/merit/bgi--02-2x.png) left top no-repeat; background-size: 406px auto; } } .design-merit-section--02 { padding-top: 84px; padding-left: 355px; } .design-merit-section--03 { margin-bottom: 0; padding-bottom: 0; } .design-merit-section--03:before { content: none; } .design-merit-ill { background: #FFFFFF; padding: 40px 0; text-align: center; border-radius: 20px; } .dark-point-section--01 { background: url(../img/service/dark/point/bgi--01.png) right top 100px no-repeat; } .dark-point-section--01 .contents-bg-section__text { width: 765px; margin-bottom: 220px; } .dark-point-section--02 { background: url(../img/service/dark/point/bgi--02.png) right top 100px no-repeat; margin-bottom: 0; padding-bottom: 0; } .dark-point-section--02:before { content: none; } .dark-point-ill { background: #DBDBDB; padding: 40px 0; margin-bottom: 80px; text-align: center; border-radius: 20px; } .afterfollow-03 { margin-bottom: 0; padding-bottom: 0; } .permanence-point { margin-bottom: 200px; } .permanence-point .permanence-point__title { margin-bottom: 50px; text-align: center; letter-spacing: 9px; font-size: 188%; } .permanence-point-section { margin-bottom: 60px; font-size: 88%; } .permanence-point-section.permanence-point-section--02 { color: #fff; } .permanence-point-section .permanence-point-section__title-01 { background: url(../img/service/30years/point/ico--01.svg) left top no-repeat; padding: 15px 0 5px 80px; letter-spacing: 4px; font-size: 129%; } .permanence-point-section .permanence-point-section__title-02 { background: url(../img/service/30years/point/ico--02.svg) left top no-repeat; padding: 15px 0 5px 80px; letter-spacing: 4px; font-size: 129%; } .permanence-point-section .permanence-point-section__ill { background: #EDEDED; padding: 60px 0 30px; text-align: center; color: #000; } .permanence-point-section .permanence-point-section__ill img { display: block; margin: 0 auto 40px; } .permanence-point-titan { list-style: none; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: space-between; } .permanence-point-titan .permanence-point-titan__title { display: block; margin-bottom: 10px; text-align: center; font-size: 110%; } /* デザイン塗装 */ .sevice-common-lede { margin-bottom: 40px; letter-spacing: 8px; font-size: 169%; } .sevice-common-intro { width: 900px; margin-bottom: 160px; letter-spacing: 5px; line-height: 2.75; } .design-before-after__title { text-align: center; } .design-before-after__title img { vertical-align: top; } .design-before-after__list { list-style: none; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: space-between; } .design-before-after__list li { position: relative; } .design-before-after__list li .design-before-after__before { position: absolute; bottom: -10px; left: 10px; } .design-before-after__list li .design-before-after__after { position: absolute; bottom: -10px; left: 10px; } .design-flow { margin-bottom: 300px; } .design-flow .design-flow__title { margin-bottom: 100px; letter-spacing: 8px; text-align: center; font-size: 163%; } .design-flow-list, .estimate-flow-list { list-style: none; position: relative; } .design-flow-list:after, .estimate-flow-list:after { content: " "; background: #c1c1c1; display: block; width: 1px; height: 96%; position: absolute; top: 2%; left: 240px; } .design-flow-list li, .estimate-flow-list li { margin-bottom: 100px; } .design-flow-list dl, .estimate-flow-list dl { width: 100%; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; } .design-flow-list dl dt, .estimate-flow-list dl dt { width: 354px; font-size: 113%; letter-spacing: 6px; position: relative; } .design-flow-list dl dt:after, .estimate-flow-list dl dt:after { content: " "; background: #c1c1c1; width: 14px; height: 14px; border-radius: 14px; position: absolute; top: 15px; left: 234px; } .design-flow-list dl dd, .estimate-flow-list dl dd { width: 666px; letter-spacing: 2px; font-size: 88%; } /* ダーク塗装 */ .dark-point-sub { border: 1px solid #807B7B; padding: 40px 60px; letter-spacing: 6px; font-size: 88%; } .dark-point-check { letter-spacing: 6px; font-size: 88%; color: #000; } .dark-point-check .dark-point-check__title { margin-bottom: 40px; letter-spacing: 4px; line-height: 1.7; text-align: center; font-size: 129%; } .dark-point-check a { color: #000; } /* 選ばれる理由 */ .about-brand-01 { background: url(../img/about/index/bgi--01.png) left top no-repeat; padding-left: 470px; } @media only screen and (-webkit-min-device-pixel-ratio: 2) { .about-brand-01 { background: url(../img/about/index/bgi--01-2x.png) left top no-repeat; background-size: 366px auto; } } .about-brand-02 { background: url(../img/about/index/bgi--02.png) calc(50% + 155px) 80px no-repeat; } @media only screen and (-webkit-min-device-pixel-ratio: 2) { .about-brand-02 { background: url(../img/about/index/bgi--02-2x.png) calc(50% + 155px) 80px no-repeat; background-size: 1140px auto; } } .about-brand-02 .about-brand-02-content { padding-left: 470px; } .about-brand-03 { padding-bottom: 0; margin-bottom: 0; } .about-brand-03:before { content: none; } .about-brand-03 .about-brand-03-content { background: url(../img/about/index/bgi--03.png) right top no-repeat; padding-right: 280px; padding-bottom: 100px; } @media only screen and (-webkit-min-device-pixel-ratio: 2) { .about-brand-03 .about-brand-03-content { background: url(../img/about/index/bgi--03-2x.png) right top no-repeat; background-size: 382px auto; } } .about-brand-03 .contents-bg-section__text { width: 580px; } .about-finding { background: #81878B; display: block; margin-bottom: 60px; padding: 20px 0 40px; border-radius: 20px; text-align: center; } .about-finding dt { margin-bottom: 40px; font-size: 169%; } /* アフターフォロー　*/ .afterfollow-intro { padding-bottom: 0; margin-bottom: 0; } .afterfollow-intro:before { content: none; } .afterfollow-content { width: 550px; float: left; } .afterfollow-content__img-01 { margin-top: 200px; margin-right: 80px; float: right; } .afterfollow-content__img-02 { margin-top: 180px; margin-right: 80px; float: right; } .afterfollow-caution { background: #FFFFFF; padding: 60px 60px; font-size: 88%; color: #000; } .afterfollow-caution .afterfollow-caution__title { margin-bottom: 30px; text-align: center; font-size: 160%; letter-spacing: 5px; } /* 店舗 */ .office-iamge { width: 407px; float: left; text-align: center; } .office-content { width: 560px; float: right; } /* 代表メッセージ */ .message-intro { padding-bottom: 0; margin-bottom: 80px; } .message-intro:before { content: none; } .message { margin-bottom: 180px; } .message.message--last { margin-bottom: 0; } .message .message__lede { margin-bottom: 40px; padding-left: 70px; position: relative; font-size: 129%; letter-spacing: 6px; } .message .message__lede:before { content: " "; background: #fff; width: 60px; height: 1px; display: block; position: absolute; top: 20px; left: 0px; } .message { font-size: 88%; letter-spacing: 3px; } /* ショールーム */ .showroom-intro { margin-bottom: 120px; padding-bottom: 0; } .showroom-intro:before { content: none; } .showroom-main-content { margin-bottom: 450px; } .showroom-slide { margin-bottom: 120px !important; } .showroom-slide li { margin-right: 15px; } .showroom-feature { list-style: none; } .showroom-feature li { width: 485px; margin-bottom: 80px; float: left; letter-spacing: 3px; font-size: 88%; } .showroom-feature li:nth-child(even) { float: right; } .showroom-feature li:nth-child(odd) { clear: both; } .showroom-feature li .showroom-feature__title { padding: 10px 0; display: block; letter-spacing: 3px; font-size: 186%; } .showroom-data { margin-bottom: 275px; } .showroom-attention { background: #fff; border: 3px solid #000; padding: 60px; margin-bottom: -330px; letter-spacing: 3px; font-size: 88%; color: #000; } .showroom-attention .showroom-attention__title { margin-bottom: 30px; text-align: center; letter-spacing: 2px; font-size: 163%; } .showroom-attention a { color: #000; } .showroom-layout { position: relative; } .showroom-layout .showroom-layout__01 { display: block; width: 224px; height: 60px; position: absolute; text-indent: -999px; overflow: hidden; top: 220px; left: 182px; } .showroom-layout .showroom-layout__02 { display: block; width: 315px; height: 70px; text-indent: -999px; overflow: hidden; position: absolute; top: 280px; left: 607px; } .showroom-about { width: 1000px; margin: -160px auto 160px; text-align: left; } .showroom-fc { width: 1000px; margin: 0 auto 0px; text-align: left; } .showroom-fc-content { margin-bottom: 80px; } .showroom-fc-content-detail { width: 650px; float: right; } .showroom-fc-content-image { width: 300px; float: left; text-align: center; } .showroom-fc-content-image .showroom-fc-content-image__photo { width: 100%; } /* お見積り */ .estimate-flow-list dd { padding-top: 10px; } .estimate-flow-list:after { content: " "; background: #c1c1c1; display: block; width: 1px; height: 85%; position: absolute; top: 2%; left: 240px; } /* 資料請求 */ .pamphlet-pic { float: left; margin-right: 40px; } .pamphlet-text { padding-top: 80px; } /* スタッフ　*/ .sraff-bg { background: #151515; padding: 160px 0 140px; } .staff-list-wrap { width: 1020px; margin: 0 auto; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: space-between; } .staff-list-wrap .staff-list { list-style: none; } .staff-list-wrap .staff-list li { background: #000; margin-bottom: 63px; } .staff-list-wrap .staff-list:nth-child(1) { margin-top: 0px; } .staff-list-wrap .staff-list:nth-child(2) { margin-top: 130px; } .staff-list-wrap .staff-list:nth-child(3) { margin-top: 65px; } .modal { max-width: 1020px !important; } .blocker { z-index: 30 !important; } .staff-content { padding: 40px; box-sizing: border-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: space-between; } .staff-content .staff-data { width: 550px; } .staff-content .staff-data .staff-data__title { display: block; } .staff-content .staff-data .staff-data__en { font-weight: bold; line-height: 1.5 !important; font-size: 100%; } .staff-content .staff-data .staff-data__jp { display: inline-block; margin-bottom: 30px; line-height: 1.5 !important; font-weight: bold; font-size: 150%; } /* 施工事例 */ .works-category { margin-bottom: 120px; } .works-category dt { margin-bottom: 40px; text-align: center; } .works-category .works-category__list { width: 964px; margin: 0 auto; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: center; list-style: none; gap: 20px; } .works-category .works-category__list li { width: 22%; margin-bottom: 30px; } .works-category .works-category__list li a { display: block; padding: 15px 0; text-align: center; border: 1px solid #C6C6C6; border-radius: 5px; text-decoration: none; } .works-category .works-category__list li a.active { background: #fff; color: #000; } .works-list { list-style: none; margin-bottom: 96px; } .works-list li { width: 235px; margin-right: 26px; margin-bottom: 30px; position: relative; float: left; } .works-list li:nth-child(4n) { margin-right: 0; } .works-list li:nth-child(4n+1) { clear: both; } .works-list li span { display: block; position: absolute; bottom: 15px; left: 15px; line-height: 2.2 !important; } .works-list li a { text-decoration: none; color: #fff; } .works-list li a .top-works-list__pic { filter: brightness(0.4); } .works-gallery-wrap { margin-left: calc((100% - 100vw) / 2); margin-right: calc((101.5% - 100vw) / 2); position: relative; margin-bottom: 80px; } .works-gallery-wrap .slick-prev { width: 20px; height: 33px; right: -28px; top: auto; left: auto; bottom: 80px; } .works-gallery-wrap .slick-prev:before { content: url(../img/works/btn--prev.svg); opacity: 1; } .works-gallery-wrap .slick-next { width: 20px; height: 33px; right: -72px; top: auto; bottom: 80px; } .works-gallery-wrap .slick-next:before { content: url(../img/works/btn--next.svg); opacity: 1; } .works-gallery { width: 1020px; margin: 0 auto; } /* .works-thumbnail{ margin-top: -80px; padding: 20px 0; width: 660px; margin-right: -50%; margin-left: 50%; img{ margin-right: 20px; display: block; border: 10px solid transparent; } .slick-current{ transform: scale(1.2); box-shadow: 8px 8px 8px rgba(0,0,0,0.5); } } */ .works-thumbnail { margin-top: -80px; padding: 20px 0; width: 660px; margin-right: -50%; margin-left: 50%; } .works-thumbnail img { margin-right: 20px; display: block; border: 10px solid transparent; } .works-thumbnail .slick-current { transform: scale(1.2); box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.5); } /* .slick-track{ img{ width: auto !important; } } */ .works-data th { vertical-align: top; } .works-data th, .works-data td { padding: 20px 0; } .works-data th p, .works-data td p { margin-bottom: 2em; } /* お客様の声 */ .voice-list { list-style: none; margin-bottom: 100px !important; } .voice-list li { width: 229px; margin: 0 34px 60px 0; font-size: 88%; float: left; } .voice-list li:nth-child(4n) { margin-right: 0; } .voice-list li:nth-child(4n+1) { clear: both; } .voice-list li .top-voice-list__pic { display: block; border: 1px solid #DEDEDE; margin-bottom: 10px; } .voice-list li a { color: #717171; } .voice-list p { margin-bottom: 15px; } .voice { font-size: 88%; letter-spacing: 3px; } .voice .voice__pic { width: 486px; margin-right: 40px; float: left; } .voice .voice__dl { overflow: hidden; } .voice .voice__dl dt { background: url(../img/voice/ico--faq-q.svg) 10px 3px no-repeat; padding-left: 45px; margin-bottom: 28px; position: relative; line-height: 1.44 !important; font-size: 129%; } .voice .voice__dl dd { background: url(../img/voice/ico--faq-a.svg) 10px 3px no-repeat; padding-left: 45px; padding-bottom: 35px; margin-bottom: 50px; border-bottom: 1px solid #cecece; line-height: 1.85; } /* お知らせ */ .category-list { list-style: none; } .category-list li { display: inline-block; margin-right: 10px; margin-bottom: 10px; } .category-list li a { display: inline-block; border: 1px solid #C6C6C6; padding: 5px 15px; border-radius: 5px; text-decoration: none; line-height: 1.5; font-size: 88%; font-effect: none; } .archive-list { list-style: none; } .archive-list li { display: inline-block; border-right: 1px solid #000; margin-right: 10px; padding-right: 10px; margin-bottom: 10px; line-height: 1.5; } .information-list { list-style: none; } .information-list li { background: #F4F4F4; padding: 25px; border-radius: 5px; box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.17); margin-bottom: 60px; } .information-list a { text-decoration: none; } .information-list .information-list-content { overflow: hidden; } .information-list .information-list__pic { width: 172px; float: left; margin-right: 30px; } .information-list .information-list__date { background: url(../img/information/pic--date.svg) left center no-repeat; padding-left: 100px; display: block; letter-spacing: 6.6px; font-size: 88%; } .information-list .information-list__title { display: block; letter-spacing: 7px; font-size: 150%; } .information-list .information-list__excerpt { font-size: 88%; letter-spacing: 5px; } /* サイトマップ */ .sitemap { width: 1020px; margin: 0 auto; } .sitemap-list { display: flex; justify-content: flex-start; flex-wrap: wrap; text-align: left; color: #222222; letter-spacing: 0.1rem; font-weight: normal; } .sitemap-list a { color: #000; } .sitemap-list a:hover { opacity: 0.7; } .sitemap-list > li { flex: 0 1 auto; list-style: none; margin: 0px 100px 80px 0; } .sitemap-list > li > ul { margin-left: 20px; margin-bottom: 20px; } .sitemap-list > li > ul > li { font-size: 88%; list-style: none; } .sitemap-list > li > ul > li::before { content: "-"; margin-right: 8px; } /* よくある質問 */ .faq-category { margin-bottom: 120px; } .faq-category dt { margin-bottom: 40px; text-align: center; } .faq-category .faq-category__list { width: 964px; margin: 0 auto; list-style: none; } .faq-category .faq-category__list li { width: 466px; margin-bottom: 30px; float: left; } .faq-category .faq-category__list li:nth-child(odd) { clear: both; } .faq-category .faq-category__list li:nth-child(even) { float: right; } .faq-category .faq-category__list li a { display: block; padding: 15px 0; text-align: center; border: 1px solid #C6C6C6; border-radius: 5px; text-decoration: none; } .faq-section { margin-bottom: 120px; } .faq-section .faq-section__title { margin-bottom: 60px; position: relative; letter-spacing: 3px; line-height: 1.3 !important; font-size: 244%; } .faq-section .faq-section__title span { background: #fff; padding-right: 10px; display: inline-block; position: relative; z-index: 2; } .faq-section .faq-section__title:after { content: " "; background: #000; width: 100%; height: 1px; position: absolute; left: 0; top: 24px; z-index: 1; } .faq { padding-right: 40px; } .faq dt { background: url(../img/faq/ico--faq-q.svg) left 7px no-repeat; padding-left: 40px; margin-bottom: 40px; letter-spacing: 5px; font-size: 113%; } .faq dd { background: #151515; padding: 30px; margin-bottom: 80px; margin-left: 40px; border-radius: 5px; position: relative; letter-spacing: 5px; font-size: 88%; color: #fff; } .faq dd:before { content: url(../img/faq/ico--faq-a.svg); position: absolute; top: -22px; left: 8px; } .faq dd p { margin-bottom: 25px; } .faq dd p:last-child { margin-bottom: 0; } .faq dd a { color: #fff; } /* リフォームローン */ .loan-rate { border: 3px double #151515; border-radius: 6px; padding: 20px 0; margin-bottom: 40px; text-align: center; letter-spacing: 6px; } .loan-rate .loan-rate__percentage { line-height: 1.5; font-size: 244%; } .loan-rate .loan-rate__note { font-size: 88%; } .loan-bank { background: #F5F5F5; padding: 20px 0; text-align: center; letter-spacing: 6px; } .loan-bank dt { margin-bottom: 40px; } .loan-bank dd { font-size: 88%; } .loan-bank .loan-bank-list { margin-bottom: 40px; list-style: none; } .loan-bank .loan-bank-list li { display: inline-block; margin: 0 20px; } .loan-bank .loan-bank-list li img { height: 40px; } .loan-case { width: 1020px; margin: 0 auto 80px; } .loan-case .loan-case__title { margin-bottom: 40px; line-height: 1.8; letter-spacing: 6px; font-size: 113%; } .loan-case__sheet { background: #fff; padding: 30px 40px 50px; text-align: left; color: #000; } .loan-case__sheet dt { margin-bottom: 10px; letter-spacing: 5px; font-size: 113%; } .loan-case__sheet a { color: #000; } .loan-case__table { width: 100%; text-align: center; line-height: 1.8; } .loan-case__table th, .loan-case__table td { border: 1px solid #000; padding: 15px 0; } .loan-case__table th { letter-spacing: 6px; font-size: 113%; } .loan-case__table th.th-sub { letter-spacing: 1.5px; font-size: 88%; } .loan-case__table td { letter-spacing: 1.5px; font-size: 88%; } /* 外壁塗装の流れ */ .flow-text { letter-spacing: 6px; font-size: 88%; } .flow-attention { background: #313131; width: 730px; padding: 20px; box-sizing: border-box; margin: 0 auto; border-radius: 3px; line-height: 2; letter-spacing: 3px; font-size: 88%; } .flow-pic-02 { float: left; margin-right: 35px; } .flow-pic-03 { float: right; margin-left: 40px; } .flow-pic-04 { float: left; margin-top: 100px; margin-right: 35px; } .flow-list { list-style: none; position: relative; } .flow-list:before { content: " "; background: #c1c1c1; width: 1px; height: calc(100% - 8px); position: absolute; top: 8px; left: 242px; } .flow-list li { margin-bottom: 60px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: space-between; position: relative; } .flow-list li:before { content: " "; background: #c1c1c1; width: 14px; height: 14px; display: block; border-radius: 7px; position: absolute; top: 8px; left: 235px; } .flow-list li.flow-list__em { background: #fff; width: 270px; border: 1px solid #C1C1C1; padding: 10px 0; margin-left: 105px; display: block; text-align: center; } .flow-list li.flow-list__em:before { content: none; } .flow-list li strong { display: block; margin-top: -4px; letter-spacing: 6px; font-size: 113%; } .flow-list li p { width: 666px; letter-spacing: 2px; font-size: 88%; } /* 劣化ポイント */ .point-intro-attention { background: #313131; padding: 20px 40px; margin-bottom: 120px; letter-spacing: 3px; border-radius: 3px; font-size: 88%; } .point-age-table { width: 100%; margin-bottom: 75px; } .point-age-table th, .point-age-table td { border: 1px solid #747474; padding: 20px 0; text-align: center; } .point-age-table th { border-left: none; letter-spacing: 7px; font-size: 144%; } .point-age-table td { width: 660px; border-right: none; letter-spacing: 10px; font-size: 200%; } .point-age-table .point-age-table__heading { padding: 10px 0; letter-spacing: 5px; font-size: 100%; } .point-age-table .point-age-table__heading-02 { border-right: none; } .point-pic-01 { float: left; margin-right: 70px; } .point-section-01 { margin-bottom: 270px; } .point-pic-02 { float: left; margin-right: 55px; } .point-check { list-style: none; } .point-check li { width: 325px; float: left; margin-right: 22px; margin-bottom: 100px; } .point-check li:nth-child(3) { margin-right: 0; } .point-check li:nth-child(4) { clear: both; } .point-check .point-check__title { margin: 20px 0 10px; display: block; letter-spacing: 1px; font-size: 113%; } .point-check .point-check__text { margin-top: 20px; letter-spacing: 1px; font-size: 88%; } .point-section-02 { margin-bottom: 170px; } .point-pic-03 { float: right; margin-left: 60px; } .point-section-03 { margin-bottom: 120px; } /* 選び方 */ .choose-em-01 { background: #313131; display: inline-block; padding: 20px 40px; margin-top: 20px; margin-bottom: 20px; } .choose-em-02 { background: #7E3030; display: inline-block; padding: 20px 40px; margin-top: 20px; margin-bottom: 20px; } .choose-pic-01 { float: left; margin-right: 56px; } .choose-icon-01 { margin-top: 25px; margin-bottom: 25px; } .choose-section-01 { margin-bottom: 120px; } .choose-difference-title { margin-bottom: 70px; text-align: center; letter-spacing: 6px; font-size: 144%; } .choose-difference-title span { display: inline-block; padding: 0 20px 10px; line-height: 1.6; border-bottom: 1px solid #fff; } .choose-difference-wrap { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: space-between; } .choose-difference { width: 498px; padding: 85px 20px 40px; box-sizing: border-box; } .choose-difference dt { text-align: center; letter-spacing: 3px; font-size: 113%; } .choose-difference dd { padding: 15px 10px 0; letter-spacing: 2px; line-height: 2; font-size: 88%; } .choose-difference--ng { background: #262626 url(../img/knowledge/choose/ico--ng.svg) center 15px no-repeat; border-radius: 10px; } .choose-difference--ng dt { background: #000; } .choose-difference--ok { background: #2F4C57 url(../img/knowledge/choose/ico--ok.svg) center 15px no-repeat; border-radius: 10px; } .choose-difference--ok dt { background: #D0D2D3; color: #000; } .choose-pic-02 { float: right; margin-left: 40px; } .choose-other-title { letter-spacing: 3px; font-size: 163%; } .choose-other-text { overflow: hidden; letter-spacing: 2px; font-size: 88%; } .common-interview { position: relative; margin-top: 170px; padding-bottom: 40px; margin-bottom: 170px; } .contents-wh { background: #fff; padding: 110px 10px 10px; margin-bottom: 130px; color: #000; } .contents-wh a { color: #000; } .interview { margin-bottom: 120px; } .interview.interview--last { margin-bottom: 0; } .interview .interview__lede { margin-bottom: 40px; padding-left: 70px; position: relative; font-size: 129%; letter-spacing: 6px; } .interview .interview__lede:before { content: " "; background: #000; width: 60px; height: 1px; display: block; position: absolute; top: 20px; left: 0px; } .interview { font-size: 88%; letter-spacing: 3px; } .interview-contents-bg-section { position: relative; margin-bottom: 80px; } .interview-contents-bg-section .contents-bg-section__text { line-height: 2.5; letter-spacing: 5.6px; font-size: 88%; } .interview-top-list__title { width: 1020px; font-size: 108%; font-weight: bold; margin: 16px auto 4px; text-align: left; } .interview-top-list__text { font-size: 80%; width: 1020px; margin: 0 auto 60px; text-align: left; } /*FP*/ .fp-life-list { display: flex; justify-content: space-between; list-style-type: none; } .fp-service-list { display: flex; justify-content: space-between; list-style-type: none; flex-wrap: wrap; } .fp-service-list li { width: 49%; margin-bottom: 10px; line-height: 2.5; letter-spacing: 5.6px; } .fp-service-list li:before { content: url(../img/fp/ico--arrow.svg); padding-top: 10px; padding-right: 15px; } .fp-service-list .list-100 { width: 100%; display: block; } .widthMax { margin: 0 calc(50% - 50vw); } /* サイト全体のユーティリティ設定 */ /* 文字サイズの設定 */ .u-font-size--small { font-size: 89%; } .u-font-size--large { font-size: 111%; } .u-font-size--x-large { font-size: 133%; } .u-font-size--xx-large { font-size: 144%; } /* 文字色、装飾の設定 */ .u-font-bold { font-weight: bold; } .u-color-red { color: red; } .u-color-white { color: white; } .u-color-main { color: #000; } .u-color-sub { color: #000; } .u-font-serif, .permanence-intro, .sevice-common-lede, .sevice-common-intro, .voice .voice__dl dt, .faq-section .faq-section__title { font-family: fot-matisse-pron, sans-serif; font-weight: 500; font-style: normal; line-height: 2.5; } .u-font-san-serif, .copy, .top-works-list li span, .top-voice .top-voice-list, .service-paint-list, .works-list li span, .voice-list, .information-list li { font-family: fot-rodin-pron, sans-serif; font-weight: 600; font-style: normal; } .u-font-midashi, .title-lv1, .title-lv2, .title-other-01, .article .article__title, .article .article__title-sp, .common-btn-estimate, .permanence-point .permanence-point__title, .about-finding dt, .choose-other-title { font-family: a-otf-midashi-go-mb31-pr6n, sans-serif; font-weight: 600; font-style: normal; } .u-font-nomal { font-family: "游ゴシック体", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "Meiryo", "メイリオ", sans-serif; font-weight: 400; font-style: normal; } /* マーカーの設定 */ .u-marker-yellow { background: linear-gradient(transparent 60%, #FFF238 60%); padding: 0 2px; position: relative; behavior: url(PIE.htc); } .u-marker-pink { background: linear-gradient(transparent 40%, #FFD4D3 40%); padding: 0 2px; position: relative; behavior: url(PIE.htc); } /* 段落の設定 */ .u-txt { padding: 0 1px; } .u-paragraph { padding: 0 1px 0 1px; margin-bottom: 1em; } .u-txt-sub { font-size: 85% !important; color: #666; } .u-txt-attention { padding: 0 0 0 0.7em; text-indent: -0.7em; color: #C60; } .u-letter-space { letter-spacing: 6px; } .u-paragraph-fix { letter-spacing: 6px; font-size: 88%; } /* 文字寄せの設定 */ .u-textalign-center { text-align: center; } .u-textalign-right { text-align: right; } .u-textalign-left { text-align: left; } /* floatの設定 */ .u-float-left { float: left; } .u-float-right { float: right; } .u-clear { clear: both; } .u-overflow-hidden { overflow: hidden; } /* 画像の寄せ */ img.alignleft { float: left; margin: 0 15px 15px 0; } img.alignright { float: right; margin: 0 0 15px 15px; } img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; } /* 線の設定 */ .u-line-dashed { border: none; border-top: 1px dashed #ccc; height: 1px; } /* マージンボトムの設定 */ .u-margin-bottom--none { margin-bottom: 0; } .u-margin-bottom--small { margin-bottom: 10px; } .u-margin-bottom { margin-bottom: 20px; } .u-margin-bottom--large { margin-bottom: 40px; } .u-margin-bottom--x-large { margin-bottom: 80px; } .u-margin-bottom--xx-large { margin-bottom: 120px; } .u-margin-bottom--max { margin-bottom: 160px; } /* ポジションの設定 */ .u-position-relative { position: relative; } /* theme */ /* サイト全体で使う色の指定 */ >>>>>>> 691067d321e070cac361b63d19adac3c74786450 /*# sourceMappingURL=master.css.map */