@charset "UTF-8";

/* ===== 家づくり総予算チェック（概算見積書ダウンロード） ===== */

#estimate-download img { max-width: 100%; height: auto; vertical-align: top; }
#estimate-download picture { display: block; }
#estimate-download picture > img { display: block; }

@media screen and (min-width: 768px),print {

/* --- 右固定タブ --- */
.ed-sidecta { position: fixed; top: 360px; right: 22px; z-index: 400; }
.ed-sidecta a { display: block; width: 50px; height: 250px; background: #159785; color: #fff; text-decoration: none; padding-top: 30px; box-sizing: border-box; text-align: center; }
.ed-sidecta a:hover { opacity: 0.85; }
.ed-sidecta-arrow { display: block; width: 0; height: 0; margin: 0 auto; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 8px solid #fff; }
.ed-sidecta-txt { font-family: "Zen Kaku Gothic New", sans-serif; font-weight: 500; font-size: 15px; letter-spacing: 0.05em; line-height: 17px; -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; margin: 15px auto 0; }

/* --- MV --- */
#ed-mv { margin-top: 40px; }
.ed-mv-inner { position: relative; width: 1200px; height: 475px; margin: 0 auto; background: #F8F7F3; }
.ed-mv-copy { position: absolute; top: 47px; left: 209px; width: 831px; }
.ed-mv-btn { position: absolute; top: 320px; left: 400px; }
.ed-mv-illust-l { position: absolute; top: 274px; left: 110px; width: 132px; }
.ed-mv-illust-r { position: absolute; top: 274px; left: 936px; width: 137px; }

/* --- 共通ボタン --- */
.ed-mv-btn a, .ed-cost-btn a { display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; align-items: center; justify-content: center; width: 400px; height: 80px; background: #159785; border-radius: 40px; -webkit-border-radius: 40px; font-family: "Zen Kaku Gothic New", sans-serif; font-weight: 700; font-size: 20px; letter-spacing: 0.15em; line-height: 33px; color: #fff; text-decoration: none; box-sizing: border-box; }
.ed-mv-btn a:hover, .ed-cost-btn a:hover { opacity: 0.85; }
.ed-mv-btn a::after, .ed-cost-btn a::after { content: ""; display: block; width: 0; height: 0; margin-left: 30px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 8px solid #fff; }

/* --- リード --- */
#ed-lead { padding-top: 149px; }
.ed-lead-ttl { position: relative; left: -9px; width: 561px; margin: 0 auto; text-align: center; }
.ed-lead-txt { font-family: "Zen Kaku Gothic New", sans-serif; font-weight: 400; font-size: 16px; letter-spacing: 0.05em; line-height: 32px; color: #000; text-align: center; margin-top: 33px; }
.ed-lead-box { position: relative; width: 1100px; height: 240px; margin: 73px auto 0; background: #EDE9DB; border-radius: 120px; -webkit-border-radius: 120px; display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; align-items: center; justify-content: space-between; padding: 0 107px; box-sizing: border-box; }
.ed-lead-box::before { content: ""; position: absolute; top: -43px; left: 531px; width: 0; height: 0; border-left: 19px solid transparent; border-right: 19px solid transparent; border-bottom: 62px solid #EDE9DB; }
.ed-lead-box-txt { font-family: "Zen Kaku Gothic New", sans-serif; font-weight: 500; font-size: 18px; letter-spacing: 0.05em; line-height: 32px; color: #000; }
.ed-lead-logo { display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; }
.ed-lead-logo li { width: 135px; }
.ed-lead-logo li + li { margin-left: 12px; }

/* --- お悩み --- */
#ed-nayami { height: 560px; margin-top: 122px; padding-top: 79px; background: url(../images/estimate-download/con02-bg.jpg) no-repeat center center; background-size: cover; box-sizing: border-box; }
.ed-nayami-ttl { width: 467px; margin: 0 auto; text-align: center; }
.ed-nayami-list { width: 556px; margin: 52px auto 0; }
.ed-nayami-list li { height: 60px; background: #fff; display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; align-items: center; padding-left: 29px; box-sizing: border-box; font-family: "Zen Kaku Gothic New", sans-serif; font-weight: 500; font-size: 20px; letter-spacing: 0.05em; line-height: 32px; color: #000; }
.ed-nayami-list li + li { margin-top: 20px; }
.ed-nayami-list li::before { content: ""; display: block; width: 23px; height: 22px; margin-right: 20px; background: url(../images/estimate-download/icon-check.png) no-repeat center center; background-size: contain; flex-shrink: 0; }

/* --- その答え帯 --- */
.ed-answer { height: 234px; background: #E8DBAA; -webkit-clip-path: polygon(0 0, 100% 0, 100% 160px, 50% 234px, 0 160px); clip-path: polygon(0 0, 100% 0, 100% 160px, 50% 234px, 0 160px); text-align: center; }
.ed-answer-txt { position: relative; left: -8px; width: 698px; margin: 0 auto; padding-top: 100px; }

/* --- 5つの費用 --- */
#ed-cost { padding-top: 122px; }
.ed-cost-ttl { position: relative; left: -9px; width: 619px; margin: 0 auto; text-align: center; }
.ed-cost-lead { font-family: "Zen Kaku Gothic New", sans-serif; font-weight: 400; font-size: 16px; letter-spacing: 0.05em; line-height: 32px; color: #000; text-align: center; margin-top: 53px; }
.ed-cost-list { width: 960px; margin: 65px auto 0; display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: center; }
.ed-cost-list li { width: 280px; min-height: 300px; margin: 0 20px 40px; background: #fff; border: 2px solid #159785; box-sizing: border-box; }
.ed-cost-head { height: 110px; background: #159785; padding-top: 23px; box-sizing: border-box; text-align: center; }
.ed-cost-num { display: block; font-family: "Zen Kaku Gothic New", sans-serif; font-weight: 700; font-size: 30px; letter-spacing: 0; line-height: 1; color: #2D746A; }
.ed-cost-name { font-family: "Zen Kaku Gothic New", sans-serif; font-weight: 700; font-size: 20px; letter-spacing: 0.15em; line-height: 33px; color: #fff; margin-top: 4px; text-indent: 0.15em; }
.ed-cost-txt { font-family: "Zen Kaku Gothic New", sans-serif; font-weight: 400; font-size: 16px; letter-spacing: 0.05em; line-height: 32px; color: #000; padding: 25px 37px 30px; }
.ed-cost-btn { display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: center; margin-top: 50px; }

/* --- 3ステップ --- */
#ed-step { height: 700px; margin-top: 100px; padding-top: 86px; background: #F8F7F3; box-sizing: border-box; }
.ed-step-ttl { width: 648px; margin: 0 auto; text-align: center; }
.ed-step-list { width: 1100px; margin: 74px auto 0; display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: space-between; }
.ed-step-list li { position: relative; width: 302px; height: 336px; background: #fff; box-sizing: border-box; }
.ed-step-list li + li::before { content: ""; position: absolute; top: 146px; left: -63px; width: 0; height: 0; border-top: 17px solid transparent; border-bottom: 17px solid transparent; border-left: 38px solid #159785; }
.ed-step-num { position: absolute; top: -16px; left: 17px; font-family: "Zen Kaku Gothic New", sans-serif; font-weight: 700; font-size: 40px; letter-spacing: 0; line-height: 1; color: #159785; }
.ed-step-name { font-family: "Zen Kaku Gothic New", sans-serif; font-weight: 700; font-size: 20px; letter-spacing: 0.15em; line-height: 33px; color: #159785; text-align: center; margin-top: 39px; text-indent: 0.15em; }
.ed-step-illust { width: 99px; margin: 30px 0 0 110px; }

/* --- フォーム --- */
.ed-form-ttl { font-family: "Zen Kaku Gothic New", sans-serif; font-weight: 700; font-size: 20px; letter-spacing: 0.15em; line-height: 33px; color: #333; text-align: center; padding-top: 117px; text-indent: 0.15em; }
.ed-form-en { display: block; font-family: "Montserrat", sans-serif; font-weight: 700; font-size: 14px; letter-spacing: 0.05em; line-height: 1; color: #159785; margin-top: 14px; text-indent: 0.05em; }
#estimate-download .form-Box { margin-top: 30px; }

/* --- 完了ページ：ダウンロードページへのボタン --- */
.ed-thank-btn { margin: 0 auto 60px; text-align: center; }
.ed-thank-btn a { display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; align-items: center; justify-content: center; width: 420px; height: 80px; margin: 0 auto; background: #159785; border-radius: 40px; -webkit-border-radius: 40px; font-family: "Zen Kaku Gothic New", sans-serif; font-weight: 700; font-size: 20px; letter-spacing: 0.15em; line-height: 33px; color: #fff; text-decoration: none; box-sizing: border-box; text-indent: 0.15em; }
.ed-thank-btn a:hover { opacity: 0.85; }
.ed-thank-btn a::after { content: ""; display: block; width: 0; height: 0; margin-left: 20px; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 8px solid #fff; }

}


@media screen and (max-width: 767px) {

/* --- MV --- */
#ed-mv { padding-bottom: 0; }
.ed-mv-inner { position: relative; padding: 0; background: #F8F7F3; margin-top: 10vw; }
.ed-mv-copy { width: 75.362vw; margin: 0 auto; padding-top: 0; position: relative; top: -4.831vw; }
.ed-mv-btn { margin-top: 3.14vw; }
.ed-mv-illust { width: 40.58vw; margin: 3.382vw auto -2.174vw; }

/* --- 共通ボタン --- */
.ed-mv-btn a, .ed-cost-btn a { display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; align-items: center; justify-content: center; width: 83.575vw; height: 16.184vw; margin: 0 auto; background: #159785; border-radius: 8.092vw; -webkit-border-radius: 8.092vw; font-family: "Zen Kaku Gothic New", sans-serif; font-weight: 700; font-size: 4.348vw; letter-spacing: 0.1em; line-height: 7.971vw; color: #fff; text-decoration: none; box-sizing: border-box; }
.ed-mv-btn a::after, .ed-cost-btn a::after { content: ""; display: block; width: 0; height: 0; margin-left: 5.797vw; border-left: 1.208vw solid transparent; border-right: 1.208vw solid transparent; border-top: 1.932vw solid #fff; }

/* --- リード --- */
#ed-lead { padding-top: 12.923vw; }
.ed-lead-ttl { position: relative; left: -1.57vw; width: 81.401vw; margin: 0 auto; }
.ed-lead-txt { font-family: "Zen Kaku Gothic New", sans-serif; font-weight: 400; font-size: 3.865vw; letter-spacing: 0.05em; line-height: 7.729vw; color: #000; margin: 5.556vw 8.213vw 0; }
.ed-lead-box { position: relative; width: 91.787vw; margin: 12.802vw auto 0; background: #EDE9DB; border-radius: 10.386vw; -webkit-border-radius: 10.386vw; padding: 13.768vw 7.971vw 14.251vw; box-sizing: border-box; }
.ed-lead-box::before { content: ""; position: absolute; top: -9.42vw; left: 41.304vw; width: 0; height: 0; border-left: 4.589vw solid transparent; border-right: 4.589vw solid transparent; border-bottom: 14.976vw solid #EDE9DB; }
.ed-lead-box-txt { font-family: "Zen Kaku Gothic New", sans-serif; font-weight: 500; font-size: 3.865vw; letter-spacing: 0.05em; line-height: 7.729vw; color: #000; text-align: center; }
.ed-lead-logo { display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: center; margin-top: 9.662vw; }
.ed-lead-logo li { width: 32.609vw; }
.ed-lead-logo li + li { margin-left: 2.899vw; }

/* --- お悩み --- */
#ed-nayami { height: 144.203vw; margin-top: 9.903vw; padding-top: 13.406vw; background: url(../images/estimate-download/sp-con02-bg.jpg) no-repeat center center; background-size: cover; box-sizing: border-box; }
.ed-nayami-ttl { width: 82.729vw; margin: 0 auto; }
.ed-nayami-list { width: 83.575vw; margin: 8.575vw auto 0; }
.ed-nayami-list li { min-height: 24.155vw; background: #fff; display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; align-items: center; padding: 2.415vw 3.382vw 2.415vw 7.367vw; box-sizing: border-box; font-family: "Zen Kaku Gothic New", sans-serif; font-weight: 500; font-size: 4.348vw; letter-spacing: 0.05em; line-height: 7.729vw; color: #000; }
.ed-nayami-list li + li { margin-top: 2.415vw; }
.ed-nayami-list li::before { content: ""; display: block; width: 4.952vw; height: 4.71vw; margin-right: 3.382vw; background: url(../images/estimate-download/sp-icon-check.png) no-repeat center center; background-size: contain; flex-shrink: 0; }

/* --- その答え帯 --- */
.ed-answer { height: 36.715vw; background: #E8DBAA; -webkit-clip-path: polygon(0 0, 100% 0, 100% 27.536vw, 50% 36.715vw, 0 27.536vw); clip-path: polygon(0 0, 100% 0, 100% 27.536vw, 50% 36.715vw, 0 27.536vw); text-align: center; }
.ed-answer-txt { position: relative; left: -1.389vw; width: 62.198vw; margin: 0 auto; padding-top: 10.386vw; }

/* --- 5つの費用 --- */
#ed-cost { padding-top: 8.575vw; }
.ed-cost-ttl { position: relative; left: 2.899vw; width: 50.725vw; margin: 0 auto; }
.ed-cost-lead { font-family: "Zen Kaku Gothic New", sans-serif; font-weight: 400; font-size: 3.865vw; letter-spacing: 0.05em; line-height: 7.729vw; color: #000; margin: 7.488vw 8.213vw 0; }
.ed-cost-list { width: 91.787vw; margin: 4.082vw auto 0; display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: space-between; }
.ed-cost-list li { width: 44.686vw; margin-bottom: 2.415vw; background: #fff; border: 0.483vw solid #159785; box-sizing: border-box; }
.ed-cost-head { min-height: 23.43vw; background: #159785; padding: 3.14vw 0 2.415vw; box-sizing: border-box; text-align: center; }
.ed-cost-num { display: block; font-family: "Zen Kaku Gothic New", sans-serif; font-weight: 700; font-size: 5.797vw; letter-spacing: 0; line-height: 1; color: #2D746A; }
.ed-cost-name { font-family: "Zen Kaku Gothic New", sans-serif; font-weight: 700; font-size: 4.831vw; letter-spacing: 0.15em; line-height: 7.971vw; color: #fff; margin-top: 1.208vw; text-indent: 0.15em; }
.ed-cost-txt { font-family: "Zen Kaku Gothic New", sans-serif; font-weight: 400; font-size: 3.623vw; letter-spacing: 0.05em; line-height: 7.729vw; color: #000; padding: 6.28vw 5.072vw 6.039vw 6.28vw; }
.ed-cost-btn { margin-top: 4.831vw; }

/* --- 3ステップ --- */
#ed-step { margin-top: 15.459vw; padding: 10.99vw 0 8.937vw; background: #F8F7F3; }
.ed-step-ttl { width: 78.14vw; margin: 0 auto; }
.ed-step-list { width: 83.575vw; margin: 8.454vw auto 0; }
.ed-step-list li { position: relative; height: 31.401vw; background: #fff; box-sizing: border-box; }
.ed-step-list li + li { margin-top: 11.594vw; }
.ed-step-list li + li::before { content: ""; position: absolute; top: -8.696vw; left: 44.444vw; width: 0; height: 0; border-left: 2.536vw solid transparent; border-right: 2.536vw solid transparent; border-top: 4.348vw solid #159785; }
.ed-step-num { position: absolute; top: -3.478vw; left: 5.072vw; font-family: "Zen Kaku Gothic New", sans-serif; font-weight: 700; font-size: 7.729vw; letter-spacing: 0; line-height: 1; color: #159785; }
.ed-step-name { position: absolute; top: 9.879vw; left: 16.667vw; font-family: "Zen Kaku Gothic New", sans-serif; font-weight: 700; font-size: 3.865vw; letter-spacing: 0.15em; line-height: 5.797vw; color: #159785; }
.ed-step-illust { position: absolute; top: 7.488vw; left: 55.556vw; width: 13.164vw; }

/* --- フォーム --- */
.ed-form-ttl { font-family: "Zen Kaku Gothic New", sans-serif; font-weight: 700; font-size: 4.831vw; letter-spacing: 0.15em; line-height: 7.971vw; color: #333; text-align: center; padding-top: 12.15vw; text-indent: 0.15em; }
.ed-form-en { display: block; font-family: "Montserrat", sans-serif; font-weight: 700; font-size: 3.382vw; letter-spacing: 0.05em; line-height: 1; color: #159785; margin-top: 2.415vw; text-indent: 0.05em; }
#estimate-download .form-Box { margin-top: 6.039vw; }

/* --- 完了ページ：ダウンロードページへのボタン --- */
.ed-thank-btn { width: 83.575vw; margin: 0 auto 9.662vw; }
.ed-thank-btn a { display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; align-items: center; justify-content: center; width: 100%; height: 16.184vw; background: #159785; border-radius: 8.092vw; -webkit-border-radius: 8.092vw; font-family: "Zen Kaku Gothic New", sans-serif; font-weight: 700; font-size: 4.348vw; letter-spacing: 0.15em; line-height: 7.971vw; color: #fff; text-decoration: none; box-sizing: border-box; text-indent: 0.15em; }
.ed-thank-btn a::after { content: ""; display: block; width: 0; height: 0; margin-left: 3.382vw; border-top: 1.208vw solid transparent; border-bottom: 1.208vw solid transparent; border-left: 1.932vw solid #fff; }

}