﻿:root{--color1:#45a9e0;--color2:#2e2e2e;--color3:#f39600;--hover:#0054AD;--text-color:#1f1f1f}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}input,select,textarea{font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif}.estimate.confirm #content .inner .formBox,.contact.confirm #content .inner .formBox{border-bottom:none}.estimate.confirm #content .inner .form,.contact.confirm #content .inner .form{gap:0 20px;flex-wrap:nowrap;border-bottom:1px dotted #E0E0E0;padding:20px}@media screen and (max-width: 520px){.estimate.confirm #content .inner .form,.contact.confirm #content .inner .form{flex-wrap:wrap}}.estimate.confirm #content .inner .form .title,.contact.confirm #content .inner .form .title{padding:0}@media screen and (max-width: 520px){.estimate.confirm #content .inner .form .title,.contact.confirm #content .inner .form .title{width:100%;font-weight:700;font-size:16px}}@media screen and (max-width: 520px){.estimate.confirm #content .inner .form p,.contact.confirm #content .inner .form p{width:100%;font-size:14px}}@media screen and (max-width: 640px){.estimate.confirm #content .inner .submitArea .in,.estimate.confirm #content .inner .submitArea .mo,.contact.confirm #content .inner .submitArea .in,.contact.confirm #content .inner .submitArea .mo{width:45%}}.estimate #content .inner,.contact #content .inner{max-width:1000px}.estimate #content .wpcf7-response-output,.contact #content .wpcf7-response-output{display:none}.estimate #content .contactTitle,.contact #content .contactTitle{text-align:center;padding-bottom:50px}.estimate #content .contactTitle .titleBox h2,.contact #content .contactTitle .titleBox h2{font-size:clamp(24px, calc(3.5vw + 8px), 36px);line-height:150%}.estimate #content .contactTitle .checkList,.contact #content .contactTitle .checkList{display:flex;justify-content:center;gap:0 10px}@media screen and (max-width: 800px){.estimate #content .contactTitle .checkList,.contact #content .contactTitle .checkList{flex-wrap:wrap;gap:10px 1%}}.estimate #content .contactTitle .checkList p,.contact #content .contactTitle .checkList p{position:relative;display:flex;justify-content:center;align-items:center;background-color:var(--color1);color:#FFF;padding:5px 20px;gap:0 10px}@media screen and (max-width: 800px){.estimate #content .contactTitle .checkList p,.contact #content .contactTitle .checkList p{width:49%}}@media screen and (max-width: 430px){.estimate #content .contactTitle .checkList p,.contact #content .contactTitle .checkList p{font-size:14px;padding:5px}}.estimate #content .contactTitle .checkList p:before,.contact #content .contactTitle .checkList p:before{content:"";display:block;width:25px;height:25px;background:url("../images/page/icon7.svg") no-repeat center;background-size:100%;border:1px solid #FFF;border-radius:50%}@media screen and (max-width: 430px){.estimate #content .contactTitle .checkList p:before,.contact #content .contactTitle .checkList p:before{width:20px;height:20px}}.estimate #content .contactOther,.contact #content .contactOther{padding:50px 0}.estimate #content .contactOther .inner .btn a,.contact #content .contactOther .inner .btn a{font-size:16px;justify-content:flex-start;padding:0 20px}@media screen and (max-width: 520px){.estimate #content .contactOther .inner .btn a,.contact #content .contactOther .inner .btn a{padding:20px}}.estimate #content .contactOther .inner .flowBox .titleBox,.contact #content .contactOther .inner .flowBox .titleBox{padding-bottom:50px}@media screen and (max-width: 520px){.estimate #content .contactOther .inner .flowBox .titleBox,.contact #content .contactOther .inner .flowBox .titleBox{padding-bottom:20px}}.estimate #content .contactOther .inner .flowBox .titleBox h2,.contact #content .contactOther .inner .flowBox .titleBox h2{background-color:var(--color2);background-image:none;color:var(--color2);font-size:clamp(24px, calc(3.5vw + 8px), 36px)}.estimate #content .contactOther .inner .flowBox .flow_flex,.contact #content .contactOther .inner .flowBox .flow_flex{display:flex;justify-content:space-between;flex-wrap:wrap;gap:20px 0}.estimate #content .contactOther .inner .flowBox .flow_flex .in,.contact #content .contactOther .inner .flowBox .flow_flex .in{width:32%;background-color:#FFF;padding:30px}@media screen and (max-width: 768px){.estimate #content .contactOther .inner .flowBox .flow_flex .in,.contact #content .contactOther .inner .flowBox .flow_flex .in{width:100%}}@media screen and (max-width: 430px){.estimate #content .contactOther .inner .flowBox .flow_flex .in,.contact #content .contactOther .inner .flowBox .flow_flex .in{padding:30px 10px}}.estimate #content .contactOther .inner .flowBox .flow_flex .in .iconBox,.contact #content .contactOther .inner .flowBox .flow_flex .in .iconBox{text-align:center;padding-bottom:20px;display:flex;justify-content:center;align-items:center}.estimate #content .contactOther .inner .flowBox .flow_flex .in p,.contact #content .contactOther .inner .flowBox .flow_flex .in p{font-size:15px;line-height:170%;text-align:center}@media screen and (max-width: 380px){.estimate #content .contactOther .inner .flowBox .flow_flex .in p,.contact #content .contactOther .inner .flowBox .flow_flex .in p{font-size:14px}}.estimate #content .contactOther .inner .flowBox .flow_flex .in p.en,.contact #content .contactOther .inner .flowBox .flow_flex .in p.en{text-align:center;padding-bottom:0}.estimate #content .contactOther .inner .flowBox .flow_flex .in p.en span,.contact #content .contactOther .inner .flowBox .flow_flex .in p.en span{font-family:'Inter',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;font-size:18px;font-weight:900;color:#FFF;background-color:var(--color1);padding:2px 15px}.estimate #content .contactOther .inner .flowBox .flow_flex .in p.title,.contact #content .contactOther .inner .flowBox .flow_flex .in p.title{text-align:center;font-weight:900;font-size:20px}.estimate #content .contactSelect,.contact #content .contactSelect{padding:100px 0}@media screen and (max-width: 520px){.estimate #content .contactSelect,.contact #content .contactSelect{padding:50px 0}}.estimate #content .contactSelect .inner .titleBox h2,.contact #content .contactSelect .inner .titleBox h2{background-color:var(--color2);background-image:none;color:var(--color2);font-size:clamp(24px, calc(1vw + 20px), 28px)}@media screen and (max-width: 520px){.estimate #content .contactSelect .inner .titleBox h2,.contact #content .contactSelect .inner .titleBox h2{line-height:150%}}.estimate #content .contactSelect .inner .contactSelect_flex,.contact #content .contactSelect .inner .contactSelect_flex{display:flex;justify-content:center;flex-wrap:wrap;gap:20px 20px}.estimate #content .contactSelect .inner .contactSelect_flex .flex_in,.contact #content .contactSelect .inner .contactSelect_flex .flex_in{width:400px;border:2px solid var(--color1);border-radius:5px;background-color:var(--color1);color:#FFF;padding:40px 10px}@media screen and (max-width: 950px){.estimate #content .contactSelect .inner .contactSelect_flex .flex_in,.contact #content .contactSelect .inner .contactSelect_flex .flex_in{width:45%}}@media screen and (max-width: 700px){.estimate #content .contactSelect .inner .contactSelect_flex .flex_in,.contact #content .contactSelect .inner .contactSelect_flex .flex_in{width:100%;padding:20px 10px}}.estimate #content .contactSelect .inner .contactSelect_flex .flex_in:last-child,.contact #content .contactSelect .inner .contactSelect_flex .flex_in:last-child{background-color:#FFF;color:var(--color2)}.estimate #content .contactSelect .inner .contactSelect_flex .flex_in .iconBox,.contact #content .contactSelect .inner .contactSelect_flex .flex_in .iconBox{text-align:center}.estimate #content .contactSelect .inner .contactSelect_flex .flex_in a,.contact #content .contactSelect .inner .contactSelect_flex .flex_in a{color:#FFF}.estimate #content .contactSelect .inner .contactSelect_flex .flex_in p,.contact #content .contactSelect .inner .contactSelect_flex .flex_in p{text-align:center;font-weight:500;padding-bottom:0;font-size:14px}.estimate #content .contactSelect .inner .contactSelect_flex .flex_in p.tel,.contact #content .contactSelect .inner .contactSelect_flex .flex_in p.tel{font-weight:900;font-size:28px}@media screen and (max-width: 420px){.estimate #content .contactSelect .inner .contactSelect_flex .flex_in p.tel,.contact #content .contactSelect .inner .contactSelect_flex .flex_in p.tel{font-size:20px}}.estimate #content .contactSelect .inner .contactSelect_flex .flex_in p.tx,.contact #content .contactSelect .inner .contactSelect_flex .flex_in p.tx{font-size:16px;font-weight:900}.estimate #content .contactForm.type2,.contact #content .contactForm.type2{padding-top:100px}@media screen and (max-width: 520px){.estimate #content .contactForm.type2,.contact #content .contactForm.type2{padding-top:30px}}.estimate #content input,.estimate #content select,.estimate #content textarea,.contact #content input,.contact #content select,.contact #content textarea{padding:3px}.estimate #content input:focus,.estimate #content select:focus,.estimate #content textarea:focus,.contact #content input:focus,.contact #content select:focus,.contact #content textarea:focus{outline:none}@media screen and (max-width: 1024px){.estimate #content input,.estimate #content select,.estimate #content textarea,.contact #content input,.contact #content select,.contact #content textarea{width:100%}}.estimate #content input.title,.estimate #content select.title,.estimate #content textarea.title,.contact #content input.title,.contact #content select.title,.contact #content textarea.title{display:none}.estimate #content input[type="text"],.estimate #content input[type="number"],.estimate #content input[type="email"],.estimate #content input[type="date"],.estimate #content input[type="tel"],.estimate #content textarea,.estimate #content select,.contact #content input[type="text"],.contact #content input[type="number"],.contact #content input[type="email"],.contact #content input[type="date"],.contact #content input[type="tel"],.contact #content textarea,.contact #content select{width:100%;border:none;padding:10px;border-radius:3px;border:1px solid #8F9CA3;-webkit-appearance:none}@media screen and (max-width: 1024px){.estimate #content input[type="text"],.estimate #content input[type="number"],.estimate #content input[type="email"],.estimate #content input[type="date"],.estimate #content input[type="tel"],.estimate #content textarea,.estimate #content select,.contact #content input[type="text"],.contact #content input[type="number"],.contact #content input[type="email"],.contact #content input[type="date"],.contact #content input[type="tel"],.contact #content textarea,.contact #content select{font-size:12px}}.estimate #content input[type="date"],.contact #content input[type="date"]{min-height:38px;text-align:left}.estimate #content input[type="number"],.contact #content input[type="number"]{-webkit-appearance:none;width:100px;text-align:center}.estimate #content textarea,.contact #content textarea{width:100%}.estimate #content textarea.comment,.contact #content textarea.comment{max-height:120px}.estimate #content input[type="radio"],.contact #content input[type="radio"]{width:auto;margin:0 5px 0 0}.estimate #content input[type="checkbox"],.contact #content input[type="checkbox"]{display:inline-block;width:auto;margin:0 !important;width:20px;height:20px;top:5px;position:relative}.estimate #content label,.contact #content label{margin:0 10px 0 0}@media screen and (max-width: 520px){.estimate #content label,.contact #content label{margin:0}}.estimate #content .hissu,.estimate #content .nini,.contact #content .hissu,.contact #content .nini{width:auto;margin:0 0 0 5px;padding:3px 10px;line-height:180%;color:#FFF;font-size:12px;border-radius:3px;background-color:#EB0000}.estimate #content .nini,.contact #content .nini{background-color:#C4C4C4}.estimate #content .formBox,.contact #content .formBox{padding:30px 0;border-bottom:1px solid #CCCCCC}.estimate #content .formBox.last,.contact #content .formBox.last{margin-bottom:50px}.estimate #content .formBox .formTitle,.contact #content .formBox .formTitle{padding:0 0 40px}.estimate #content .formBox .formTitle span,.contact #content .formBox .formTitle span{background-color:var(--color1);color:#FFF;padding:10px 30px;font-size:18px;font-weight:700}.estimate #content .form,.contact #content .form{display:flex;justify-content:flex-start;align-items:flex-start;flex-wrap:wrap;padding:0 0 20px}.estimate #content .form p,.contact #content .form p{width:calc(100% - 300px);padding-bottom:0}@media screen and (max-width: 520px){.estimate #content .form p,.contact #content .form p{width:100%}}.estimate #content .form p.title,.contact #content .form p.title{font-weight:600;padding-bottom:0.5em;display:flex;justify-content:flex-start;align-items:center;gap:0 20px;padding:0 30px 0 0;width:300px}@media screen and (max-width: 520px){.estimate #content .form p.title,.contact #content .form p.title{width:100%;padding:10px 0}}.estimate #content .form p .mini,.contact #content .form p .mini{font-size:12px}@media screen and (max-width: 520px){.estimate #content .wpcf7-validates-as-date,.contact #content .wpcf7-validates-as-date{margin:0 0 5px}}.estimate #content .wpcf7-checkbox,.contact #content .wpcf7-checkbox{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:10px 10px}@media screen and (max-width: 1000px){.estimate #content .wpcf7-checkbox,.contact #content .wpcf7-checkbox{grid-template-columns:repeat(2, minmax(0, 1fr))}}@media screen and (max-width: 700px){.estimate #content .wpcf7-checkbox,.contact #content .wpcf7-checkbox{grid-template-columns:repeat(1, minmax(0, 1fr))}}@media screen and (max-width: 520px){.estimate #content .wpcf7-checkbox,.contact #content .wpcf7-checkbox{grid-template-columns:repeat(2, minmax(0, 1fr))}}.estimate #content .wpcf7-checkbox .wpcf7-list-item,.contact #content .wpcf7-checkbox .wpcf7-list-item{margin:0}.estimate #content .wpcf7-radio .wpcf7-list-item,.contact #content .wpcf7-radio .wpcf7-list-item{margin:0 1em 0 0}.estimate #content .wpcf7-not-valid-tip,.contact #content .wpcf7-not-valid-tip{font-size:14px}.estimate #content .privacyBox,.contact #content .privacyBox{height:200px;overflow-y:scroll;padding:30px;border:1px solid #D9D9D9;margin:30px auto}.estimate #content .privacyBox h3,.contact #content .privacyBox h3{font-size:16px}.estimate #content .privacyBox p,.contact #content .privacyBox p{font-size:13px;line-height:180%}.estimate #content .privacyBox p.tx,.contact #content .privacyBox p.tx{padding-bottom:1.5em}.estimate #content .privacyCh,.contact #content .privacyCh{font-size:16px;padding:0}@media screen and (max-width: 520px){.estimate #content .privacyCh,.contact #content .privacyCh{font-size:14px}}.estimate #content .privacyCh h2,.estimate #content .privacyCh h3,.contact #content .privacyCh h2,.contact #content .privacyCh h3{text-align:center;font-size:24px;padding:0 0 30px}@media screen and (max-width: 768px){.estimate #content .privacyCh h2,.estimate #content .privacyCh h3,.contact #content .privacyCh h2,.contact #content .privacyCh h3{font-size:18px}}.estimate #content .privacyCh p,.contact #content .privacyCh p{padding:0 0 1em;text-align:center}@media screen and (max-width: 768px){.estimate #content .privacyCh p,.contact #content .privacyCh p{font-size:14px;text-align:left}}.estimate #content .privacyCh a,.contact #content .privacyCh a{text-decoration:underline}.estimate #content .privacyCh .chBox,.contact #content .privacyCh .chBox{position:relative;padding:10px 0 0 0}.estimate #content .privacyCh .chBox p,.contact #content .privacyCh .chBox p{display:flex;justify-content:center;align-content:center;line-height:100%}@media screen and (max-width: 520px){.estimate #content .privacyCh .chBox p,.contact #content .privacyCh .chBox p{font-size:13px}}.estimate #content .privacyCh .chBox .hissu,.contact #content .privacyCh .chBox .hissu{-webkit-transform:translate(0%, 0%);-moz-transform:translate(0%, 0%);-ms-transform:translate(0%, 0%);-o-transform:translate(0%, 0%);transform:translate(0%, 0%);position:relative;top:auto;left:auto;right:auto}@media screen and (max-width: 520px){.estimate #content .privacyCh .chBox .hissu,.contact #content .privacyCh .chBox .hissu{font-size:10px}}.estimate #content .privacyCh label,.contact #content .privacyCh label{position:relative}.estimate #content .privacyCh input[type="checkbox"],.contact #content .privacyCh input[type="checkbox"]{width:15px;height:15px;top:3px;margin:0 7px 0 0 !important;position:relative}.estimate #content .submitArea,.contact #content .submitArea{padding:50px 0 50px;display:flex;justify-content:center;align-items:center;gap:0 20px}.estimate #content .submitArea .in,.estimate #content .submitArea .mo,.contact #content .submitArea .in,.contact #content .submitArea .mo{display:flex;justify-content:center;align-items:center;background-image:none;gap:0 20px}@media screen and (max-width: 640px){.estimate #content .submitArea .in,.estimate #content .submitArea .mo,.contact #content .submitArea .in,.contact #content .submitArea .mo{width:45%}}@media screen and (max-width: 640px){.estimate #content .submitArea .in,.contact #content .submitArea .in{width:80%}}.estimate #content .submitArea input,.contact #content .submitArea input{-webkit-transition:0.3s ease-in-out;-moz-transition:0.3s ease-in-out;-ms-transition:0.3s ease-in-out;-o-transition:0.3s ease-in-out;transition:0.3s ease-in-out;position:relative;display:flex;background-color:var(--color1);justify-content:space-around;align-items:flex-start;width:300px;height:60px;line-height:1.8;text-decoration:none;transition:0.3s ease-in-out;font-weight:400;color:#FFF;border:none;text-align:left}@media screen and (max-width: 640px){.estimate #content .submitArea input,.contact #content .submitArea input{width:100%}}.estimate #content .submitArea input:hover,.contact #content .submitArea input:hover{opacity:0.8;color:#FFF}.estimate #content .submitArea p,.contact #content .submitArea p{display:flex;justify-content:center;padding:0 !important;overflow:hidden}@media screen and (max-width: 640px){.estimate #content .submitArea p,.contact #content .submitArea p{width:100%}}.estimate #content .submitArea p .wpcf7-submit,.estimate #content .submitArea p .modoru,.contact #content .submitArea p .wpcf7-submit,.contact #content .submitArea p .modoru{-webkit-transition:0.3s ease-in-out;-moz-transition:0.3s ease-in-out;-ms-transition:0.3s ease-in-out;-o-transition:0.3s ease-in-out;transition:0.3s ease-in-out;position:relative;background-color:var(--color1);display:flex;justify-content:center;align-items:center;width:280px;padding:16px 30px;line-height:1.8;text-decoration:none;transition:0.3s ease-in-out;font-weight:400;color:#FFF;border:none;text-align:center}@media screen and (max-width: 640px){.estimate #content .submitArea p .wpcf7-submit,.estimate #content .submitArea p .modoru,.contact #content .submitArea p .wpcf7-submit,.contact #content .submitArea p .modoru{width:100%}}.estimate #content .submitArea p .wpcf7-submit:hover,.estimate #content .submitArea p .modoru:hover,.contact #content .submitArea p .wpcf7-submit:hover,.contact #content .submitArea p .modoru:hover{opacity:1;color:#FFF;background:#2e0095}.estimate #content .submitArea p .wpcf7-submit:disabled,.estimate #content .submitArea p .modoru:disabled,.contact #content .submitArea p .wpcf7-submit:disabled,.contact #content .submitArea p .modoru:disabled{opacity:0.5;-webkit-transition:0.3s ease-in-out;-moz-transition:0.3s ease-in-out;-ms-transition:0.3s ease-in-out;-o-transition:0.3s ease-in-out;transition:0.3s ease-in-out}.estimate #content .submitArea p .disable,.contact #content .submitArea p .disable{border:2px solid var(--color1)}.estimate #content .submitArea p .wpcf7-spinner,.contact #content .submitArea p .wpcf7-spinner{display:none}.thanks #content,.estimate-thanks #content{min-height:100px;margin-bottom:50px}.thanks #content .inner,.estimate-thanks #content .inner{max-width:1000px}.thanks #content .inner .contactComplete .titleBox .iconBox,.estimate-thanks #content .inner .contactComplete .titleBox .iconBox{text-align:center;padding-bottom:20px}.thanks #content .inner .contactComplete .titleBox h2,.estimate-thanks #content .inner .contactComplete .titleBox h2{line-height:140%}.thanks #content .inner .contactComplete .comment,.estimate-thanks #content .inner .contactComplete .comment{border:3px solid var(--color1);border-radius:5px;background-color:#FFF;padding:40px 60px;max-width:800px;margin:0 auto 50px}@media screen and (max-width: 520px){.thanks #content .inner .contactComplete .comment,.estimate-thanks #content .inner .contactComplete .comment{padding:20px;margin:0 0 20px}}.thanks #content .inner .contactComplete .comment h3,.estimate-thanks #content .inner .contactComplete .comment h3{font-size:20px;font-weight:700;border-bottom:1px dotted #989898;gap:0 10px;padding-bottom:20px;margin-bottom:20px}@media screen and (max-width: 520px){.thanks #content .inner .contactComplete .comment h3,.estimate-thanks #content .inner .contactComplete .comment h3{text-align:center}}.thanks #content .inner .contactComplete .comment p,.estimate-thanks #content .inner .contactComplete .comment p{line-height:150%}.thanks #content .inner .contactComplete .comment p span,.estimate-thanks #content .inner .contactComplete .comment p span{font-weight:700}.thanks #content .inner .contactComplete .telBox,.estimate-thanks #content .inner .contactComplete .telBox{background-color:var(--color1);padding:40px 60px;color:#FFF}@media screen and (max-width: 520px){.thanks #content .inner .contactComplete .telBox,.estimate-thanks #content .inner .contactComplete .telBox{padding:20px}}.thanks #content .inner .contactComplete .telBox .titleBox .catch,.estimate-thanks #content .inner .contactComplete .telBox .titleBox .catch{color:#FFF}.thanks #content .inner .contactComplete .telBox .titleBox .catch:before,.thanks #content .inner .contactComplete .telBox .titleBox .catch:after,.estimate-thanks #content .inner .contactComplete .telBox .titleBox .catch:before,.estimate-thanks #content .inner .contactComplete .telBox .titleBox .catch:after{background-color:#FFF}.thanks #content .inner .contactComplete .telBox .titleBox h2,.estimate-thanks #content .inner .contactComplete .telBox .titleBox h2{background-image:none;color:#FFF;font-size:clamp(24px, calc(3.5vw + 8px), 36px)}.thanks #content .inner .contactComplete .telBox .free,.estimate-thanks #content .inner .contactComplete .telBox .free{margin:10px auto 0;padding:12.5px 30px;background-color:#FFF;border-radius:10px;display:flex;justify-content:space-between}@media screen and (max-width: 960px){.thanks #content .inner .contactComplete .telBox .free,.estimate-thanks #content .inner .contactComplete .telBox .free{flex-wrap:wrap}}@media screen and (max-width: 650px){.thanks #content .inner .contactComplete .telBox .free,.estimate-thanks #content .inner .contactComplete .telBox .free{padding:15px}}@media screen and (max-width: 520px){.thanks #content .inner .contactComplete .telBox .free,.estimate-thanks #content .inner .contactComplete .telBox .free{padding:10px}}.thanks #content .inner .contactComplete .telBox .free .lBox,.estimate-thanks #content .inner .contactComplete .telBox .free .lBox{width:calc(100% - 267px)}@media screen and (max-width: 960px){.thanks #content .inner .contactComplete .telBox .free .lBox,.estimate-thanks #content .inner .contactComplete .telBox .free .lBox{width:100%}}.thanks #content .inner .contactComplete .telBox .free .lBox a,.estimate-thanks #content .inner .contactComplete .telBox .free .lBox a{font-family:'Inter',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;position:relative;display:flex;justify-content:flex-start;align-items:center;gap:0 10px;font-weight:900;letter-spacing:0.02em;font-size:clamp(24px, calc(3.5vw + 8px), 50px)}@media screen and (max-width: 960px){.thanks #content .inner .contactComplete .telBox .free .lBox a,.estimate-thanks #content .inner .contactComplete .telBox .free .lBox a{justify-content:center}}@media screen and (max-width: 580px){.thanks #content .inner .contactComplete .telBox .free .lBox a,.estimate-thanks #content .inner .contactComplete .telBox .free .lBox a{font-size:30px}}@media screen and (max-width: 480px){.thanks #content .inner .contactComplete .telBox .free .lBox a,.estimate-thanks #content .inner .contactComplete .telBox .free .lBox a{font-size:26px}}@media screen and (max-width: 400px){.thanks #content .inner .contactComplete .telBox .free .lBox a,.estimate-thanks #content .inner .contactComplete .telBox .free .lBox a{font-size:22px}}.thanks #content .inner .contactComplete .telBox .free .lBox a:before,.estimate-thanks #content .inner .contactComplete .telBox .free .lBox a:before{content:"";width:96px;height:63px;background:url("../images/common/free.webp") no-repeat center;background-size:100%}@media screen and (max-width: 960px){.thanks #content .inner .contactComplete .telBox .free .lBox a:before,.estimate-thanks #content .inner .contactComplete .telBox .free .lBox a:before{width:48px;height:40px}}.thanks #content .inner .contactComplete .telBox .free .rBox,.estimate-thanks #content .inner .contactComplete .telBox .free .rBox{width:260px;display:flex;justify-content:space-between;flex-wrap:wrap;color:var(--color2)}@media screen and (max-width: 960px){.thanks #content .inner .contactComplete .telBox .free .rBox,.estimate-thanks #content .inner .contactComplete .telBox .free .rBox{width:100%;gap:0 1%}}.thanks #content .inner .contactComplete .telBox .free .rBox .box,.estimate-thanks #content .inner .contactComplete .telBox .free .rBox .box{width:49%;background-color:#f39600;border-radius:6px;color:#FFF;text-align:center;font-weight:700;display:flex;justify-content:center;align-items:center;padding:0;margin-bottom:5px;font-size:18px}@media screen and (max-width: 960px){.thanks #content .inner .contactComplete .telBox .free .rBox .box,.estimate-thanks #content .inner .contactComplete .telBox .free .rBox .box{width:32%;padding:2px}}@media screen and (max-width: 600px){.thanks #content .inner .contactComplete .telBox .free .rBox .box,.estimate-thanks #content .inner .contactComplete .telBox .free .rBox .box{width:30%;font-size:14px}}@media screen and (max-width: 380px){.thanks #content .inner .contactComplete .telBox .free .rBox .box,.estimate-thanks #content .inner .contactComplete .telBox .free .rBox .box{font-size:12px;padding:0 2px;width:28%}}.thanks #content .inner .contactComplete .telBox .free .rBox .time,.estimate-thanks #content .inner .contactComplete .telBox .free .rBox .time{width:100%;line-height:100%;font-size:15px;font-weight:500;padding-bottom:0}@media screen and (max-width: 960px){.thanks #content .inner .contactComplete .telBox .free .rBox .time,.estimate-thanks #content .inner .contactComplete .telBox .free .rBox .time{width:32%;text-align:left;line-height:120%}}@media screen and (max-width: 600px){.thanks #content .inner .contactComplete .telBox .free .rBox .time,.estimate-thanks #content .inner .contactComplete .telBox .free .rBox .time{font-size:12px;width:38%}}@media screen and (max-width: 380px){.thanks #content .inner .contactComplete .telBox .free .rBox .time,.estimate-thanks #content .inner .contactComplete .telBox .free .rBox .time{font-size:10px;width:42%}}.thanks #content .inner .contactComplete .telBox .free .rBox .time span,.estimate-thanks #content .inner .contactComplete .telBox .free .rBox .time span{display:inline-block}@media screen and (max-width: 520px){.thanks #content .inner .contactComplete .telBox .free .rBox .time span,.estimate-thanks #content .inner .contactComplete .telBox .free .rBox .time span{display:block;font-size:8px}}.thanks #content .flowBox,.estimate-thanks #content .flowBox{max-width:1200px;margin:0 auto}@media screen and (max-width: 1240px){.thanks #content .flowBox,.estimate-thanks #content .flowBox{padding:0 20px}}.thanks #content .flowBox .titleBox,.estimate-thanks #content .flowBox .titleBox{padding-bottom:50px}.thanks #content .flowBox .titleBox h2,.estimate-thanks #content .flowBox .titleBox h2{background-image:none;color:var(--color2);font-size:clamp(24px, calc(3.5vw + 8px), 36px)}.thanks #content .flowBox .flow_flex,.estimate-thanks #content .flowBox .flow_flex{display:flex;justify-content:space-between;flex-wrap:wrap;gap:20px 0}.thanks #content .flowBox .flow_flex .in,.estimate-thanks #content .flowBox .flow_flex .in{width:32%;background-color:#FFF;padding:30px}@media screen and (max-width: 768px){.thanks #content .flowBox .flow_flex .in,.estimate-thanks #content .flowBox .flow_flex .in{width:100%}}@media screen and (max-width: 430px){.thanks #content .flowBox .flow_flex .in,.estimate-thanks #content .flowBox .flow_flex .in{padding:30px 10px}}.thanks #content .flowBox .flow_flex .in p,.estimate-thanks #content .flowBox .flow_flex .in p{font-size:15px;line-height:170%;text-align:center}@media screen and (max-width: 380px){.thanks #content .flowBox .flow_flex .in p,.estimate-thanks #content .flowBox .flow_flex .in p{font-size:14px}}.thanks #content .flowBox .flow_flex .in p.en,.estimate-thanks #content .flowBox .flow_flex .in p.en{text-align:center}.thanks #content .flowBox .flow_flex .in p.en span,.estimate-thanks #content .flowBox .flow_flex .in p.en span{font-family:'Inter',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;font-size:18px;font-weight:900;color:#FFF;background-color:var(--color1);padding:5px 15px}.thanks #content .flowBox .flow_flex .in p.title,.estimate-thanks #content .flowBox .flow_flex .in p.title{text-align:center;font-weight:900;font-size:20px}.thanks #content .otherBox,.estimate-thanks #content .otherBox{max-width:1200px;margin:50px auto 50px}@media screen and (max-width: 1240px){.thanks #content .otherBox,.estimate-thanks #content .otherBox{padding:0 20px}}.thanks #content .otherBox h3,.estimate-thanks #content .otherBox h3{text-align:center;font-size:clamp(24px, calc(3.5vw + 8px), 30px);font-weight:900}.thanks #content .otherBox p,.estimate-thanks #content .otherBox p{text-align:center;padding-bottom:0}.thanks #content .otherBox .flex,.estimate-thanks #content .otherBox .flex{display:flex;justify-content:space-between;gap:0 20px;padding:30px 0 0 0}@media screen and (max-width: 1000px){.thanks #content .otherBox .flex,.estimate-thanks #content .otherBox .flex{flex-wrap:wrap;gap:20px 3%}}.thanks #content .otherBox .flex .in,.estimate-thanks #content .otherBox .flex .in{flex:1}@media screen and (max-width: 1000px){.thanks #content .otherBox .flex .in,.estimate-thanks #content .otherBox .flex .in{flex:none;width:48%}}@media screen and (max-width: 600px){.thanks #content .otherBox .flex .in,.estimate-thanks #content .otherBox .flex .in{width:100%}}.thanks #content .otherBox .flex .in a,.estimate-thanks #content .otherBox .flex .in a{display:block;padding:20px 60px 20px 30px;border:1px solid #e8edf0;border-radius:10px;position:relative}@media screen and (max-width: 6400px){.thanks #content .otherBox .flex .in a,.estimate-thanks #content .otherBox .flex .in a{padding:20px 60px 20px 10px}}.thanks #content .otherBox .flex .in a:before,.thanks #content .otherBox .flex .in a:after,.estimate-thanks #content .otherBox .flex .in a:before,.estimate-thanks #content .otherBox .flex .in a:after{content:"";position:absolute;top:50%;-webkit-transform:translate(0%, -50%);-moz-transform:translate(0%, -50%);-ms-transform:translate(0%, -50%);-o-transform:translate(0%, -50%);transform:translate(0%, -50%)}.thanks #content .otherBox .flex .in a:before,.estimate-thanks #content .otherBox .flex .in a:before{z-index:0;width:38px;height:38px;border-radius:50%;background-color:#f39600;right:10px}@media screen and (max-width: 520px){.thanks #content .otherBox .flex .in a:before,.estimate-thanks #content .otherBox .flex .in a:before{width:30px;height:30px}}.thanks #content .otherBox .flex .in a:after,.estimate-thanks #content .otherBox .flex .in a:after{z-index:1;width:8px;height:8px;border-top:3px solid #FFF;border-right:3px solid #FFF;-webkit-transform:translate(-50%, -50%) rotate(45deg);-moz-transform:translate(-50%, -50%) rotate(45deg);-ms-transform:translate(-50%, -50%) rotate(45deg);-o-transform:translate(-50%, -50%) rotate(45deg);transform:translate(-50%, -50%) rotate(45deg);right:20px}@media screen and (max-width: 520px){.thanks #content .otherBox .flex .in a:after,.estimate-thanks #content .otherBox .flex .in a:after{right:16px}}.thanks #content .otherBox .flex .in a:hover,.estimate-thanks #content .otherBox .flex .in a:hover{background-color:#e8edf0}.thanks #content .otherBox .flex .in a p,.estimate-thanks #content .otherBox .flex .in a p{text-align:left}
