@charset "UTF-8";
/* =========================================================
   実例プラン（/plan, /plan01〜03）
   構造・配色はメディアクエリ外、サイズはPC/SPそれぞれに記述
========================================================= */
#plan .pd-wrap { background: #EBE7CF; }
#plan .pd p, #plan .pd h2, #plan .pd h3, #plan .pd th, #plan .pd td, #plan .pd li, #plan .pd figcaption { line-height: 1; }
#plan .pd { color: #000; font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif; }
#plan .pd a:hover { text-decoration: none; opacity: 1; }
#plan .pd .f-demi { font-family: "din-2014", sans-serif; font-weight: 600; }
/* ヒーロー */
#plan .pd-hero { position: relative; background-repeat: no-repeat; background-position: 0 0; }
#plan .pd-hero p { position: absolute; font-weight: bold; letter-spacing: 0.05em; white-space: nowrap; }
#plan .pd-hero-l3 span { display: block; background: #000; color: #fff; }
/* INFORMATION */
#plan .pd-info { position: relative; background: #fff; }
#plan .pd-info-ttl { font-family: Meiryo, "メイリオ", "Yu Gothic", YuGothic, sans-serif; font-weight: normal; letter-spacing: 0; }
#plan .pd-info-photo figcaption { font-weight: bold; letter-spacing: 0.05em; }
#plan .pd-info-photo img { display: block; }
#plan .pd-info-tbl { border-collapse: collapse; }
#plan .pd-info-tbl th, #plan .pd-info-tbl td { box-sizing: border-box; vertical-align: top; text-align: left; border-bottom: 1px solid #BCBCBC; }
#plan .pd-info-tbl th { position: relative; font-family: Meiryo, "メイリオ", "Yu Gothic", YuGothic, sans-serif; font-weight: normal; letter-spacing: 0; }
#plan .pd-info-tbl th::after { content: ""; position: absolute; left: 0; bottom: -1px; height: 1px; background: #585858; }
#plan .pd-info-tbl td { font-weight: bold; letter-spacing: 0.05em; }
#plan .pd-worry { position: relative; background: #F0F0F0; box-sizing: border-box; }
#plan .pd-worry-ttl { font-weight: bold; letter-spacing: 0.05em; }
#plan .pd-worry-ttl img { position: absolute; }
#plan .pd-worry-txt { font-weight: 500; letter-spacing: 0.05em; text-spacing-trim: space-all; }
/* プラン内容 */
#plan .pd-spec { background: #fff; text-align: center; }
#plan .pd-sec-en, #plan .pd-sec-ttl { font-weight: bold; letter-spacing: 0.05em; }
#plan .pd-spec ul { display: flex; justify-content: space-between; }
#plan .pd-spec li { position: relative; background: #F2F2F2; }
#plan .pd-spec .lbl { position: absolute; left: 0; width: 100%; font-weight: bold; letter-spacing: 0; }
#plan .pd-spec .num { position: absolute; left: 0; width: 100%; color: #FF6200; letter-spacing: 0.05em; white-space: nowrap; }
#plan .pd-spec .num .unit { letter-spacing: 0; }
/* グレーの囲み・見出しバー */
#plan .pd-gbox { background: #E8E8E8; box-sizing: border-box; }
#plan .pd-bar { background: #56555A; color: #fff; font-weight: bold; letter-spacing: 0.05em; }
/* 導入前後の年間光熱費 */
#plan .pd-cost-inner { position: relative; background: #fff; border: 1px solid #707070; box-sizing: border-box; }
#plan .pd-cost-lead { position: absolute; z-index: 2; left: 0; width: 100%; text-align: center; font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W6", "Yu Gothic", YuGothic, sans-serif; font-weight: bold; letter-spacing: 0; white-space: nowrap; }
#plan .pd-cost-lead span { position: relative; letter-spacing: 0; }
#plan .pd-cost-circle { position: absolute; border-radius: 50%; text-align: center; }
#plan .pd-cost-circle--before { background: #E6E6E6; }
#plan .pd-cost-circle--after { background: #FFFDC3; }
#plan .pd-cost-circle p { position: absolute; left: 0; width: 100%; white-space: nowrap; }
#plan .pd-cost-num { letter-spacing: 0.05em; }
#plan .pd-cost-num .unit { position: relative; }
#plan .pd-cost-circle--after .pd-cost-num, #plan .pd-cost-income { color: #FF6200; }
#plan .pd-cost-num .plus { position: relative; }
#plan .pd-cost-income { font-weight: bold; letter-spacing: 0.05em; }
#plan .pd-cost-circle p.pd-cost-illust { width: auto; line-height: 0; }
#plan .pd-cost-arrow { position: absolute; line-height: 0; }
#plan .pd-cost-note1, #plan .pd-cost-note2 { position: absolute; font-weight: 500; letter-spacing: 0.05em; }
#plan .pd-voice-txt { border-top: 1px solid #BCBCBC; font-weight: 500; letter-spacing: 0; }
/* リアルな声 */
#plan .pd-review-head { position: relative; background: #FA5625; color: #fff; }
#plan .pd-review-head p { position: absolute; }
#plan .pd-review-head .logo { line-height: 0; }
#plan .pd-review-head .company, #plan .pd-review-head .total, #plan .pd-review-head .count { font-weight: bold; letter-spacing: 0.015em; white-space: nowrap; }
#plan .pd-review-head .star-rating { position: absolute; }
#plan .pd-review-head .star-rating .star-rating-front { position: relative; z-index: 2; overflow: hidden; color: #F1BE43; white-space: nowrap; }
#plan .pd-review-head .star-rating .star-rating-back { position: absolute; top: 0; left: 0; color: #fff; white-space: nowrap; }
#plan .pd-review-head .btn a, #plan .pd-review-btn a { display: block; background-repeat: no-repeat; background-size: 100% 100%; color: #000; font-weight: bold; letter-spacing: -0.025em; box-sizing: border-box; }
#plan .pd-review-list { background: #fff; overflow-y: auto; box-sizing: border-box; }
#plan .pd-review-list li { border-bottom: 1px dotted #a1a1a1; }
#plan .pd-review-list li:last-child { border-bottom: none; }
#plan .pd-review-list dt { overflow: hidden; }
#plan .pd-review-list dt .star-rating { float: left; position: relative; }
#plan .pd-review-list dt .star-rating .star-rating-front { position: relative; z-index: 2; overflow: hidden; color: #F1BE43; white-space: nowrap; }
#plan .pd-review-list dt .star-rating .star-rating-back { position: absolute; top: 0; left: 0; color: #e8e8e8; white-space: nowrap; }
#plan .pd-review-list dt .user-data { float: left; }
#plan .pd-review-list dt .user-data p { display: inline-block; }
#plan .pd-review-list dt .review-name { font-weight: bold; }
#plan .pd-review-list dd { color: #666; }
#plan .pd-review-btn { text-align: center; }
#plan .pd-review-btn a { margin: 0 auto; text-align: left; }
#plan .pd-interview { display: block; position: relative; background-repeat: no-repeat; background-size: 100% 100%; color: #fff; }
#plan .pd-interview p { position: absolute; font-weight: bold; letter-spacing: 0.05em; white-space: nowrap; }
#plan .pd-interview .txt { font-weight: 500; }
#plan .pd-interview .btn { color: #E77F00; }
/* 他の事例 */
#plan .pd-other { background-repeat: no-repeat; background-position: center center; background-size: cover; }
#plan .pd-other-ttl { text-align: center; font-weight: bold; letter-spacing: 0.05em; }
#plan .pd-other li a { display: block; position: relative; background: #fff; color: #000; }
#plan .pd-other li a p, #plan .pd-other-cut { position: absolute; }
#plan .pd-other-no { color: #F95624; font-weight: bold; letter-spacing: 0.05em; text-align: center; border-bottom: 1px solid #707070; }
#plan .pd-other-fam { font-weight: bold; letter-spacing: 0.05em; white-space: nowrap; }
#plan .pd-other-sub { font-weight: 500; letter-spacing: 0.05em; white-space: nowrap; }
#plan .pd-other-icon { line-height: 0; }
#plan .pd-other-cut { background: #F8F4EE; border-radius: 50%; text-align: center; }
#plan .pd-other-cut p { position: absolute; left: 0; width: 100%; font-weight: bold; letter-spacing: 0.05em; white-space: nowrap; }
#plan .pd-other-cut .lbl { left: 50%; background: #000; color: #fff; font-weight: 500; }
#plan .pd-other-cut .num { color: #F95624; }
#plan .pd-sim a { display: block; line-height: 0; }
#plan .pd-sim img { width: 100%; }
/* 実例プランのカード（一覧） */
#plan .plan-cards li a { display: block; color: #1A1A1A; font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif; }
#plan .plan-cards li a:hover { text-decoration: none; }
#plan .plan-card-photo { line-height: 0; }
#plan .plan-card-photo img { width: 100%; height: auto; }
#plan .plan-card-body { position: relative; background: #fff; }
#plan .plan-card-no { position: absolute; left: 0; width: 100%; text-align: center; line-height: 1; letter-spacing: 0; font-weight: 600; }
#plan .plan-card-no::after { content: ""; position: absolute; left: 50%; background: #000; }
#plan .plan-card-tbl { position: absolute; border-collapse: collapse; }
#plan .plan-card-tbl th, #plan .plan-card-tbl td { box-sizing: border-box; vertical-align: top; border-bottom: 1px solid #CCCCCC; font-weight: 500; line-height: 1; letter-spacing: 0.05em; }
#plan .plan-card-tbl th { text-align: left; }
#plan .plan-card-tbl td { text-align: right; }
#plan .plan-card-btn { position: absolute; box-sizing: border-box; background: #F2F2F2; border: 1px solid #E6E6E6; text-align: center; line-height: 1; letter-spacing: 0.05em; }
#plan .pl .plan-cards li a { box-shadow: none; }

@media screen and (min-width: 768px),print {
#plan .pd-wrap main { padding-bottom: 120px; }
/* ヒーロー（デザイン上 1400×462） */
#plan .pd-hero { width: 1400px; height: 462px; margin: 50px 0 0 50%; transform: translateX(-50%); }
#plan .pd--01 .pd-hero { background-image: url(../images/plan/plan01-hero.png); }
#plan .pd--02 .pd-hero { background-image: url(../images/plan/plan02-hero.png); }
#plan .pd--03 .pd-hero { background-image: url(../images/plan/plan03-hero.png); }
#plan .pd-hero p { left: 136px; }
#plan .pd-hero-l1 { font-size: 40px; }
#plan .pd-hero-l2 { font-size: 50px; }
#plan .pd-hero-l3 span { height: 80px; padding-left: 15px; font-size: 50px; line-height: 80px; box-sizing: border-box; }
#plan .pd-hero-sub { font-size: 24px; line-height: 43px !important; }
#plan .pd--01 .pd-hero-l1 { top: 83px; }
#plan .pd--01 .pd-hero-l2 { top: 138px; }
#plan .pd--01 .pd-hero-l3 { top: 203px; }
#plan .pd--01 .pd-hero-l3 span { width: 425px; }
#plan .pd--01 .pd-hero-sub { top: 303px; }
#plan .pd--02 .pd-hero-l1 { top: 99px; }
#plan .pd--02 .pd-hero-l2 { top: 149px; }
#plan .pd--02 .pd-hero-l3 { top: 209px; }
#plan .pd--02 .pd-hero-l3 span { width: 566px; }
#plan .pd--02 .pd-hero-sub { top: 308px; }
#plan .pd--03 .pd-hero-l2 { top: 129px; }
#plan .pd--03 .pd-hero-l3 { top: 189px; }
#plan .pd--03 .pd-hero-l3 span { width: 464px; }
#plan .pd--03 .pd-hero-sub { top: 289px; }
/* INFORMATION（1200×696） */
#plan .pd-info { width: 1200px; height: 696px; margin: 100px auto 0; }
#plan .pd-info-ttl { position: absolute; left: 90px; top: 70.5px; font-size: 26px; }
#plan .pd-info-photo { position: absolute; left: 667px; top: 51px; }
#plan .pd-info-photo figcaption { margin-bottom: 5px; font-size: 20px; }
#plan .pd-info-photo img { width: 443px; height: 334px; }
#plan .pd-info-tbl { position: absolute; left: 90px; top: 140px; width: 547px; }
#plan .pd-info-tbl th, #plan .pd-info-tbl td { height: 90px; }
#plan .pd-info-tbl th { width: 170px; padding: 35.5px 0 0 40px; font-size: 20px; }
#plan .pd-info-tbl th::after { width: 159px; }
#plan .pd-info-tbl td { padding: 30px 0 0 30px; font-size: 30px; }
#plan .pd-worry { position: absolute; left: 90px; top: 440px; width: 1020px; height: 196px; border: 1px solid #E5E5E5; }
#plan .pd-worry-ttl { position: absolute; font-size: 22px; }
#plan .pd-worry-ttl img { left: -51px; top: -5px; }
#plan .pd-worry-txt { position: absolute; font-size: 16px; line-height: 32px !important; white-space: nowrap; }
#plan .pd--01 .pd-worry-ttl { left: 115px; top: 47px; }
#plan .pd--01 .pd-worry-txt { left: 57px; top: 95px; }
#plan .pd--02 .pd-worry-ttl { left: 99px; top: 33px; }
#plan .pd--02 .pd-worry-txt { left: 49px; top: 77px; }
#plan .pd--03 .pd-worry-ttl { left: 123px; top: 49px; }
#plan .pd--03 .pd-worry-txt { left: 73px; top: 93px; }
/* プラン内容（全幅・高さ437） */
#plan .pd-spec { height: 437px; margin-top: 60px; padding-top: 28px; box-sizing: border-box; }
#plan .pd-sec-en { font-size: 19px; }
#plan .pd-sec-ttl { position: relative; left: 7px; margin-top: 23px; font-size: 50px; }
#plan .pd-spec ul { width: 1200px; margin: 50px auto 0; }
#plan .pd-spec li { width: 370px; height: 230px; }
#plan .pd-spec .lbl { top: 48px; font-size: 25px; }
#plan .pd-spec .num { top: 90px; font-size: 76px; }
#plan .pd-spec .num .unit { font-size: 53px; }
/* グレー囲み */
#plan .pd-gbox { width: 1200px; margin: 60px auto 0; padding: 40px; }
#plan .pd-bar { height: 60px; padding-left: 30px; font-size: 26px; line-height: 60px !important; }
/* 年間光熱費 */
#plan .pd-cost-inner { height: 534px; margin-top: 30px; }
#plan .pd-cost-lead { top: 67px; left: 344px; width: auto; text-align: left; font-size: 42px; }
#plan .pd--02 .pd-cost-circle--before .pd-cost-lbl { top: 43px; }
#plan .pd-cost-lead span { top: -3px; margin-left: 20px; font-size: 65px; }
#plan .pd-cost-circle { top: 79px; width: 260px; height: 260px; }
#plan .pd-cost-circle--before { left: 179px; }
#plan .pd-cost-circle--after { left: 676px; }
#plan .pd-cost-lbl { top: 50px; font-size: 20px; font-weight: 500; letter-spacing: 0; }
#plan .pd-cost-circle--before .pd-cost-num { top: 90px; font-size: 44px; }
#plan .pd-cost-circle--before .pd-cost-num .unit { font-size: 31px; }
#plan .pd-cost-circle--after .pd-cost-num { top: 78px; font-size: 60px; }
#plan .pd-cost-circle--after .pd-cost-num .unit { font-size: 30px; }
#plan .pd-cost-circle--after .pd-cost-lbl { top: 43px; }
#plan .pd--01 .pd-cost-circle--after .pd-cost-lbl { top: 50px; }
#plan .pd-cost-circle--after .pd-cost-num--income { top: 70px; font-size: 50px; }
#plan .pd-cost-num--income .plus { top: -6px; font-size: 30px; }
#plan .pd-cost-num--income .unit { top: -4px; font-family: "Yu Gothic", YuGothic, sans-serif; font-weight: bold; }
#plan .pd-cost-income { top: 123px; font-size: 20px; }
#plan .pd-cost-circle p.pd-cost-illust { top: 146px; }
#plan .pd-cost-circle--before p.pd-cost-illust { left: 87px; }
#plan .pd-cost-circle--after p.pd-cost-illust { left: 80px; }
#plan .pd-cost-arrow { left: 480px; top: 158px; }
#plan .pd-cost-note1 { left: 748px; top: 343px; font-size: 16px; }
#plan .pd-cost-note2 { left: 435px; top: 303px; font-size: 16px; }
#plan .pd-voice-txt { position: absolute; left: 32px; top: 384px; width: 1054px; padding: 21px 0 0 56px; box-sizing: border-box; }
#plan .pd-voice-txt p { font-size: 20px; line-height: 34px !important; white-space: nowrap; }
#plan .pd-voice-txt .sign { margin: 13px 0 0 743px; line-height: 1 !important; }
/* リアルな声 */
#plan .pd-review { padding-top: 50px; padding-bottom: 50px; }
#plan .pd-review-box { margin-top: 30px; }
#plan .pd-review-head { height: 133px; }
#plan .pd-review-head .logo { left: 32px; top: 27px; }
#plan .pd-review-head .company { left: 202px; top: 34px; font-size: 23px; }
#plan .pd-review-head .total { left: 202px; top: 78px; font-size: 31px; }
#plan .pd-review-head .star-rating { left: 425px; top: 81px; font-size: 25px; letter-spacing: 0.049em; }
#plan .pd-review-head .count { left: 575px; top: 78px; font-size: 31px; }
#plan .pd-review-head .btn { left: 915px; top: 67px; }
#plan .pd-review-head .btn a { width: 174px; height: 47px; padding: 14px 0 0 23px; font-size: 20px; background-image: url(../images/plan/plan-review-btn.png); }
#plan .pd-review-list { height: 603px; padding: 40px 108px 30px 108px; }
#plan .pd-review-list li { padding-bottom: 22px; margin-bottom: 22px; }
#plan .pd-review-list dt { margin-bottom: 12px; font-size: 16px; line-height: 1.6; }
#plan .pd-review-list dt .user-data { margin-left: 18px; }
#plan .pd-review-list dt .user-data p { margin-right: 18px; }
#plan .pd-review-list dd { font-size: 12px; line-height: 24px; letter-spacing: 0.1em; }
#plan .pd-interview { height: 240px; margin-top: 30px; background-image: url(../images/plan/plan-interview.jpg); }
#plan .pd-interview .ttl { left: 50px; top: 65px; font-size: 30px; }
#plan .pd-interview .txt { left: 50px; top: 134px; font-size: 18px; line-height: 32px !important; }
#plan .pd-interview .btn { left: 755px; top: 110px; font-size: 20px; }
/* 他の事例（全幅・高さ650） */
#plan .pd-other { height: 650px; margin-top: 130px; padding-top: 90px; box-sizing: border-box; background-image: url(../images/plan/plan-other-bg.jpg); }
#plan .pd-other-ttl { font-size: 40px; color: #1D1D1D; }
#plan .pd-other ul { display: flex; justify-content: space-between; width: 1200px; margin: 76px auto 0; }
#plan .pd-other li a { width: 540px; height: 324px; }
#plan .pd-other-no { left: 30px; top: 40px; width: 150px; padding-bottom: 7px; font-size: 33px; }
#plan .pd-other-fam { left: 30px; top: 120px; font-size: 30px; }
#plan .pd-other-fam span { font-size: 18px; }
#plan .pd-other-sub { left: 30px; top: 163px; font-size: 16px; }
#plan .pd-other-icon { bottom: 40px; }
#plan .pd-other-card--01 .pd-other-icon { left: 69px; }
#plan .pd-other-card--02 .pd-other-icon { left: 55px; }
#plan .pd-other-card--03 .pd-other-icon { left: 43px; }
#plan .pd-other-cut { left: 277px; top: 49px; width: 233px; height: 233px; }
#plan .pd-other-cut .lbl { top: 53px; width: 66px; height: 34px; margin-left: -33px; font-size: 20px; line-height: 34px !important; }
#plan .pd-other-cut .num { top: 107px; font-size: 32px; }
#plan .pd-other-cut .txt { top: 149px; font-size: 31px; color: #000; }
/* シミュレーションバナー */
#plan .pd-sim { width: 1200px; margin: 100px auto 0; }
/* 一覧 */
#plan .pl { padding: 89px 0 30px; }
#plan .pl .plan-cards { display: flex; justify-content: space-between; width: 1280px; margin: 0 auto; }
#plan .pl .plan-cards li { width: 380px; }
#plan .plan-card-body { height: 320px; }
#plan .plan-card-no { top: 33.6px; font-size: 22px; }
#plan .plan-card-no::after { top: 29.4px; width: 20px; height: 2px; margin-left: -10px; }
#plan .plan-card-tbl { left: 80px; top: 75px; width: 220px; }
#plan .plan-card-tbl th, #plan .plan-card-tbl td { height: 38px; padding-top: 12px; font-size: 16px; }
#plan .plan-card-tbl th { padding-left: 9px; }
#plan .plan-card-tbl td { padding-right: 12px; }
#plan .plan-card-btn { left: 130px; top: 254px; width: 120px; height: 36px; padding-top: 8.7px; border-radius: 18px; font-size: 14px; }
}

@media screen and (max-width: 767px) {
#plan .main-title { margin-bottom: 0; }
#plan .contentsend { padding-top: 12vw; background-position: center top -14.3vw; }
#plan .pd-wrap main { padding-bottom: 12.077vw; }
/* ヒーロー */
#plan .pd-hero { width: 100%; height: 133.333vw; margin-left: 0; transform: none; background-size: 100% auto; }
#plan .pd--02 .pd-hero, #plan .pd--03 .pd-hero { height: 133.816vw; }
#plan .pd--01 .pd-hero { background-image: url(../images/plan/sp-plan01-hero.png); }
#plan .pd--02 .pd-hero { background-image: url(../images/plan/sp-plan02-hero.png); }
#plan .pd--03 .pd-hero { background-image: url(../images/plan/sp-plan03-hero.png); }
#plan .pd-hero p { left: 3.865vw; white-space: nowrap; }
#plan .pd-hero-l1 { font-size: 7.246vw; }
#plan .pd-hero-l2 { font-size: 9.179vw; }
#plan .pd-hero-l3 span { height: 14.734vw; padding-left: 2.415vw; font-size: 9.179vw; line-height: 14.734vw; box-sizing: border-box; }
#plan .pd-hero-sub { font-size: 4.348vw; line-height: 7.729vw !important; }
#plan .pd--01 .pd-hero-l1 { top: 6.908vw; }
#plan .pd--01 .pd-hero-l2 { top: 17.053vw; }
#plan .pd--01 .pd-hero-l3 { top: 29.469vw; }
#plan .pd--01 .pd-hero-l3 span { width: 77.053vw; }
#plan .pd--01 .pd-hero-sub { top: 46.184vw; }
#plan .pd--02 .pd-hero-l1 { top: 7.15vw; }
#plan .pd--02 .pd-hero-l2 { top: 16.812vw; font-size: 7.246vw; }
#plan .pd--02 .pd-hero-l3 { top: 26.57vw; }
#plan .pd--02 .pd-hero-l3 span { width: 91.304vw; font-size: 7.971vw; }
#plan .pd--02 .pd-hero-sub { top: 44.493vw; }
#plan .pd--03 .pd-hero-l2 { top: 9.565vw; }
#plan .pd--03 .pd-hero-l3 { top: 19.324vw; }
#plan .pd--03 .pd-hero-l3 span { width: 86.715vw; }
#plan .pd--03 .pd-hero-sub { top: 37.246vw; }
/* INFORMATION */
#plan .pd-info { margin-top: 11.353vw; padding: 8.454vw 0 7.729vw; }
#plan .pd--02 .pd-info, #plan .pd--03 .pd-info { margin-top: 10.87vw; }
#plan .pd-info-ttl { padding-left: 3.865vw; font-size: 6.039vw; }
#plan .pd-info-photo { margin-top: 5.652vw; }
#plan .pd-info-photo figcaption { padding-right: 4.106vw; text-align: right; font-size: 2.899vw; }
#plan .pd-info-photo img { width: 92.029vw; height: 69.082vw; margin: 1.111vw auto 0; }
#plan .pd-info-tbl { width: 92.029vw; margin: 0.725vw auto 0; }
#plan .pd-info-tbl th, #plan .pd-info-tbl td { height: 11.836vw; }
#plan .pd-info-tbl tr:last-child th, #plan .pd-info-tbl tr:last-child td { border-bottom: none; }
#plan .pd-info-tbl tr:last-child th::after { display: none; }
#plan .pd-info-tbl th { width: 38.889vw; padding: 3.599vw 0 0 4.831vw; font-size: 3.865vw; }
#plan .pd-info-tbl th::after { width: 29.71vw; }
#plan .pd-info-tbl td { padding: 3.841vw 0 0 0; font-size: 3.865vw; }
#plan .pd-worry { margin: 4.348vw 3.865vw 0; }
#plan .pd-worry-ttl { position: relative; height: 10.628vw; padding-left: 10.145vw; background: #F0F0F0; font-size: 4.831vw; line-height: 10.628vw !important; }
#plan .pd-worry-ttl img { left: 4.831vw; top: 3.14vw; width: 4.348vw; }
#plan .pd-worry-txt { white-space: nowrap; margin-top: 0.459vw; font-size: 3.865vw; line-height: 7.729vw !important; }
#plan .pd-worry { background: none; }
/* プラン内容 */
#plan .pd-spec { margin-top: 12.077vw; padding: 9.589vw 3.865vw 9.662vw; }
#plan .pd-sec-en { font-size: 3.382vw; }
#plan .pd-sec-ttl { margin-top: 1.28vw; font-size: 6.039vw; }
#plan .pd-spec ul { display: block; margin-top: 9.662vw; }
#plan .pd-spec li { height: 55.556vw; }
#plan .pd-spec li + li { margin-top: 7.246vw; }
#plan .pd-spec .lbl { top: 11.691vw; font-size: 4.831vw; }
#plan .pd-spec .num { top: 23.527vw; font-size: 16.908vw; }
#plan .pd-spec .num .unit { font-size: 12.077vw; }
/* グレー囲み */
#plan .pd-gbox { margin-top: 12.077vw; padding: 7.246vw 4.106vw; }
#plan .pd-bar { height: 14.493vw; text-align: center; font-size: 6.039vw; line-height: 14.493vw !important; }
/* 年間光熱費 */
#plan .pd-cost-inner { margin-top: 4.831vw; padding: 247.101vw 2.899vw 9.565vw; }
#plan .pd-cost-lead { top: 11.981vw; font-size: 7.246vw; }
#plan .pd-cost-lead span { top: -0.483vw; margin-left: 1.208vw; font-size: 12.077vw; color: #FF6200; }
#plan .pd-cost-circle { left: 5.556vw; width: 79.71vw; height: 79.71vw; }
#plan .pd-cost-circle--before { top: 31.643vw; }
#plan .pd-cost-circle--after { top: 150.242vw; }
#plan .pd-cost-lbl { top: 10.87vw; left: 21.739vw !important; width: 36.232vw !important; height: 12.077vw; border-radius: 6.039vw; color: #fff; font-weight: bold; letter-spacing: 0; line-height: 12.077vw !important; }
#plan .pd-cost-circle--before .pd-cost-lbl { background: #56555A; font-size: 4.831vw; }
#plan .pd-cost-circle--after .pd-cost-lbl { background: #FF6200; font-size: 6.039vw; }
#plan .pd--02 .pd-cost-circle--after .pd-cost-lbl, #plan .pd--03 .pd-cost-circle--after .pd-cost-lbl { top: 8.454vw; }
#plan .pd-cost-circle--before .pd-cost-num { top: 27.222vw; font-size: 13.527vw; }
#plan .pd-cost-circle--before .pd-cost-num .unit { font-size: 9.42vw; }
#plan .pd-cost-circle--after .pd-cost-num { top: 25.386vw; font-size: 18.357vw; }
#plan .pd-cost-circle--after .pd-cost-num .unit { font-size: 9.42vw; }
#plan .pd-cost-circle--after .pd-cost-num--income { top: 22.512vw; font-size: 14.493vw; }
#plan .pd-cost-num--income .plus { top: -2.415vw; font-size: 7.246vw; }
#plan .pd-cost-num--income .unit { top: -0.966vw; font-size: 9.662vw !important; }
#plan .pd-cost-income { top: 38.502vw; font-size: 4.831vw; }
#plan .pd-cost-circle p.pd-cost-illust { top: 44.928vw; }
#plan .pd-cost-circle--before p.pd-cost-illust { left: 26.812vw; }
#plan .pd-cost-circle--after p.pd-cost-illust { left: 24.638vw; }
#plan .pd-cost-illust img { width: 24.638vw; }
#plan .pd-cost-circle--after .pd-cost-illust img { width: 25.121vw; }
#plan .pd-cost-arrow { left: 36.473vw; top: 118.841vw; }
#plan .pd-cost-arrow img { width: 18.357vw; }
#plan .pd-cost-note1, #plan .pd-cost-note2 { left: 0; width: 100%; text-align: center; font-size: 3.865vw; }
#plan .pd-cost-note1 { top: 230.894vw; }
#plan .pd-cost-note2 { top: 239.589vw; }
#plan .pd-voice-txt { padding-top: 2.029vw; }
#plan .pd-voice-txt p { font-size: 4.831vw; line-height: 8.213vw !important; }
#plan .pd-voice-txt .sign { margin: 5.556vw 1px 0 0; text-align: right; font-family: "Hiragino Kaku Gothic ProN", "Yu Gothic", YuGothic, sans-serif; font-weight: normal; line-height: 1 !important; }
/* リアルな声 */
#plan .pd-review { padding-bottom: 9.662vw; }
#plan .pd-review-head { height: 17.633vw; margin-top: 11.594vw; }
#plan .pd-review-head .logo { left: 4.348vw; top: -6.763vw; }
#plan .pd-review-head .logo img { width: 24.155vw; }
#plan .pd-review-head .company { left: 4.348vw; top: 5.483vw; font-size: 3.382vw; letter-spacing: -0.065em; }
#plan .pd-review-head .total { left: 4.348vw; top: 11.28vw; font-size: 3.382vw; letter-spacing: -0.065em; }
#plan .pd-review-head .star-rating { left: 27.295vw; top: 11.498vw; font-size: 3.14vw; letter-spacing: 0.049em; }
#plan .pd-review-head .count { left: 45.652vw; top: 11.28vw; font-size: 3.382vw; letter-spacing: -0.065em; }
#plan .pd-review-list { height: 157.971vw; padding: 4.831vw 7.246vw; }
#plan .pd-review-list li { padding-bottom: 3.865vw; margin-bottom: 3.865vw; }
#plan .pd-review-list dt { margin-bottom: 1.932vw; font-size: 2.899vw; line-height: 1.6; }
#plan .pd-review-list dt .user-data { margin-left: 2.415vw; }
#plan .pd-review-list dt .user-data p { margin-right: 2.415vw; }
#plan .pd-review-list dd { font-size: 2.657vw; line-height: 4.831vw; }
#plan .pd-review-btn { margin-top: 4.831vw; }
#plan .pd-review-btn a { width: 30.193vw; height: 8.454vw; padding: 2.585vw 0 0 3.623vw; font-size: 3.382vw; background-image: url(../images/plan/sp-plan-review-btn.png); }
#plan .pd-interview { height: 77.295vw; margin-top: 9.662vw; background-image: url(../images/plan/sp-plan-interview.jpg); }
#plan .pd-interview .ttl { left: 17.633vw; top: 13.285vw; font-size: 6.039vw; }
#plan .pd-interview .txt { left: 11.594vw; top: 25.459vw; font-size: 3.865vw; line-height: 6.039vw !important; }
#plan .pd-interview .btn { left: 25.121vw; top: 56.256vw; font-size: 3.865vw; }
/* 他の事例 */
#plan .pd-other { height: 160.628vw; margin-top: 14.493vw; padding: 12.077vw 4.106vw 0; background-image: url(../images/plan/sp-plan-other-bg.jpg); }
#plan .pd-other-ttl { font-size: 6.039vw; color: #fff; }
#plan .pd-other ul { margin-top: 9.42vw; }
#plan .pd-other li + li { margin-top: 9.662vw; }
#plan .pd-other li a { height: 55.556vw; }
#plan .pd-other-no { left: 3.527vw; top: 6.522vw; width: 27.246vw; font-size: 6.039vw; }
#plan .pd-other-fam { left: 3.623vw; top: 17.488vw; font-size: 4.831vw; }
#plan .pd-other-fam span { font-size: 3.382vw; }
#plan .pd-other-sub { left: 3.865vw; top: 24.734vw; font-size: 2.899vw; }
#plan .pd-other-card--01 .pd-other-icon { left: 8.696vw; bottom: 6.763vw; }
#plan .pd-other-card--02 .pd-other-icon { left: 7.488vw; bottom: 7.005vw; }
#plan .pd-other-card--03 .pd-other-icon { left: 10.145vw; bottom: 6.28vw; }
#plan .pd-other-card--01 .pd-other-icon img { width: 23.671vw; }
#plan .pd-other-card--02 .pd-other-icon img { width: 19.807vw; }
#plan .pd-other-card--03 .pd-other-icon img { width: 19.324vw; }
#plan .pd-other-cut { left: 45.894vw; top: 6.522vw; width: 42.271vw; height: 42.271vw; }
#plan .pd-other-cut .lbl { top: 8.937vw; width: 11.353vw; height: 6.28vw; margin-left: -5.676vw; font-size: 3.382vw; line-height: 6.28vw !important; }
#plan .pd-other-cut .num { top: 18.841vw; font-size: 6.039vw; }
#plan .pd-other-cut .txt { top: 27.295vw; font-size: 6.039vw; color: #000; }
/* シミュレーションバナー */
#plan .pd-sim { margin: 9.662vw 4.106vw 0; }
/* 一覧 */
#plan .pl { padding: 7.246vw 10.145vw 0; }
#plan .pl .plan-cards li + li { margin-top: 7.246vw; }
#plan .plan-card-body { height: 67.124vw; }
#plan .plan-card-no { top: 7.048vw; font-size: 4.615vw; }
#plan .plan-card-no::after { top: 6.167vw; width: 4.195vw; height: 2px; margin-left: -2.098vw; }
#plan .plan-card-tbl { left: 16.781vw; top: 15.732vw; width: 46.148vw; }
#plan .plan-card-tbl th, #plan .plan-card-tbl td { height: 7.971vw; padding-top: 2.517vw; font-size: 3.356vw; }
#plan .plan-card-tbl th { padding-left: 1.888vw; }
#plan .plan-card-tbl td { padding-right: 2.517vw; }
#plan .plan-card-btn { left: 27.269vw; top: 53.28vw; width: 25.172vw; height: 7.551vw; padding-top: 1.825vw; border-radius: 3.776vw; font-size: 2.937vw; }
}