@import url('https://fonts.googleapis.com/css?family=Prompt&display=swap');

.banner { display: block; background: url(../images/topback.jpg); background-size: cover;}


.bg-white-content { background: #fff; border-radius: 8px; position: relative;}

.stripe_blue { background: url(../images/stripe_blue.png); }
.title-color-full{ padding: 2.5rem 1rem;}
.text-detail { padding: 0 2rem; font-size: 17px;}
.highlight-red { color: #e50050; border-bottom: 5px solid #fff954; font-size: 20px; }
.color_flat7 {
    font-size: 22px;
    font-family: 'Keifont';
    color: #6aa5ff;
    text-shadow: #000 2px 0px 0px, #000 0.540302px 0.841471px 0px, #000 -0.416147px 0.909297px 0px, #000 -0.989992px 0.14112px 0px, #000 -0.653644px -0.756802px 0px, #000 0.283662px -0.958924px 0px, #000 0.96017px -0.279415px 0px, 2px 3px 0 #000;
}

/* include payment */
.bg-include-payment {background: #ffffff;border: 4px solid #ffea05;border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;margin-top: 3rem;text-align: center;position: relative;padding: 0 5rem 2rem 5rem;border-radius: 10px;width: 95%;margin: 3rem auto 0;}
.bg-include-payment  .img-payment1 { position: absolute; right: 80px; top: 20px;}
.bg-include-payment  .img-payment2 { position: absolute; right: 30px; bottom: 20px;}
/* .title-payment { font-family: 'Keifont'; font-size: 20px; color: #fff; display: inline-block; background: #ffea05; padding: 0.5rem 3rem; border-radius: 35px; position: relative; top: -25px;
    text-shadow: #000 2px 2px 0px, #000 0.540302px 0.841471px 0px,
     #000 -0.416147px 0.909297px 0px, #000 -0.989992px 0.14112px 0px,
      #000 -0.653644px -0.756802px 0px, #000 0.283662px -0.958924px 0px,
       #000 0.96017px -0.279415px 0px; } */
       
.title-payment  {
    background: url(../images/dot-yellow2.png);
    padding: 0.5rem;
    display: inline-block;
    width: 100%;
    max-width: 400px;
    border-radius: 35px;
    text-align: center;
    font-size: 23px;
    position: relative;
    top: -25px;
    font-family: 'Keifont';
    text-shadow: #fff 3px 0px 0px, #fff 2.83487px 0.981584px 0px, #fff 2.35766px 1.85511px 0px, #fff 1.62091px 2.52441px 0px, #fff 0.705713px 2.91581px 0px, #fff -0.287171px 2.98622px 0px, #fff -1.24844px 2.72789px 0px, #fff -2.07227px 2.16926px 0px, #fff -2.66798px 1.37182px 0px, #fff -2.96998px 0.42336px 0px, #fff -2.94502px -0.571704px 0px, #fff -2.59586px -1.50383px 0px, #fff -1.96093px -2.27041px 0px, #fff -1.11013px -2.78704px 0px, #fff -0.137119px -2.99686px 0px, #fff 0.850987px -2.87677px 0px, #fff 1.74541px -2.43999px 0px, #fff 2.44769px -1.73459px 0px, #fff 2.88051px -0.838247px 0px, 3px 4px 0px #ff9b00;
    }
    p.basic_payment {
        font-family: 'Keifont';
        border-bottom: 3px solid #ffea05;
        color: #ff8a00;
        padding: 0 0 0.2em;
        font-size: 20px;
        margin: 0 0 10px;
        /* display: initial; */
        width: 80%;
        margin: -10px 0 10px;
        text-shadow: #fff 3px 0px 0px, #fff 2.83487px 0.981584px 0px, #fff 2.35766px 1.85511px 0px, #fff 1.62091px 2.52441px 0px, #fff 0.705713px 2.91581px 0px, #fff -0.287171px 2.98622px 0px, #fff -1.24844px 2.72789px 0px, #fff -2.07227px 2.16926px 0px, #fff -2.66798px 1.37182px 0px, #fff -2.96998px 0.42336px 0px, #fff -2.94502px -0.571704px 0px, #fff -2.59586px -1.50383px 0px, #fff -1.96093px -2.27041px 0px, #fff -1.11013px -2.78704px 0px, #fff -0.137119px -2.99686px 0px, #fff 0.850987px -2.87677px 0px, #fff 1.74541px -2.43999px 0px, #fff 2.44769px -1.73459px 0px, #fff 2.88051px -0.838247px 0px, 3px 4px 0px #4e4e4e;
    }

.payment { text-align: left;}
.payment ul { display: inline-block; margin: 4px 8px 4px 0;}
.payment ul li { display: inline-block; font-weight: 500;}
.payment ul li:first-child {background: #ffea05;border: 1px solid#ffea05;border-radius: 35px;padding: 0.25rem;text-align: center;width: 150px;}




/* Full Support */
.plan { text-align: center;}
.plan .title-dot-blue {
    background: url(../images/dot-blue.png);
    padding: 0.5rem;
    display: block;
    width: 80%;
    border-radius: 35px;
    text-align: center;
    font-size: 23px;
    font-family: 'Keifont';
    text-shadow: 
    #fff 3px 0px 0px, 
    #fff 2.83487px 0.981584px 0px, 
    #fff 2.35766px 1.85511px 0px, 
    #fff 1.62091px 2.52441px 0px, 
    #fff 0.705713px 2.91581px 0px, 
    #fff -0.287171px 2.98622px 0px, 
    #fff -1.24844px 2.72789px 0px, 
    #fff -2.07227px 2.16926px 0px, 
    #fff -2.66798px 1.37182px 0px, 
    #fff -2.96998px 0.42336px 0px, 
    #fff -2.94502px -0.571704px 0px, 
    #fff -2.59586px -1.50383px 0px, 
    #fff -1.96093px -2.27041px 0px, 
    #fff -1.11013px -2.78704px 0px, 
    #fff -0.137119px -2.99686px 0px, 
    #fff 0.850987px -2.87677px 0px, 
    #fff 1.74541px -2.43999px 0px, 
    #fff 2.44769px -1.73459px 0px, 
    #fff 2.88051px -0.838247px 0px,
    3px 4px 0px #42a8ef;
    top: -25px;
    position: absolute;
    left: 10%;
    }

.include-standard{
  border: 4px solid #72cbf7;
  border-radius: 10px;
  position: relative;
}
.plan .text-plan { padding: 2rem 0; text-align: center; font-size: 16px; font-weight: 500; }
.plan .line-highlight-yellow { position: relative; }
.plan .line-highlight-yellow:after {content:''; height: 8px; background-color: #fff954; width: 100%; z-index: 8; position: absolute; left: 0; bottom: 0;}
.plan .line-highlight-yellow > span{position: relative; z-index: 9;}
.plan .highlight-plan { color: #f90000; font-size: 18px;}
.plan .highlight-plan strong{ font-size: 30px;}
.plan .content-plan {background: #f8f8f8;border-radius: 12px;min-height: 183px;}
.plan .content-plan .title-plan { border-bottom: 3px solid #a7def8; display: block; text-align: center; position: relative; color: #358feb; font-size: 17px; font-family: 'Keifont'; text-shadow: 2px 2px 0 #e0e0e0; padding: 0.8rem 0;}
.plan .content-plan .title-plan img { position: absolute; bottom: -15px; right: 30px;}
.plan .content-plan ul { display: block; text-align: left;}
.plan .content-plan ul li {display: inline-block;padding: 0 0.25rem;font-size: 13px;font-weight: 500;}
.plan .title-dot-pink {
    background: url(../images/dot-pink.png);
    padding: 0.5rem;
    display: block;
    width: 80%;
    border-radius: 35px;
    text-align: center;
    font-size: 23px;
    font-family: 'Keifont';
    text-shadow: 
    #fff 3px 0px 0px, 
    #fff 2.83487px 0.981584px 0px, 
    #fff 2.35766px 1.85511px 0px, 
    #fff 1.62091px 2.52441px 0px, 
    #fff 0.705713px 2.91581px 0px, 
    #fff -0.287171px 2.98622px 0px, 
    #fff -1.24844px 2.72789px 0px, 
    #fff -2.07227px 2.16926px 0px, 
    #fff -2.66798px 1.37182px 0px, 
    #fff -2.96998px 0.42336px 0px, 
    #fff -2.94502px -0.571704px 0px, 
    #fff -2.59586px -1.50383px 0px, 
    #fff -1.96093px -2.27041px 0px, 
    #fff -1.11013px -2.78704px 0px, 
    #fff -0.137119px -2.99686px 0px, 
    #fff 0.850987px -2.87677px 0px, 
    #fff 1.74541px -2.43999px 0px, 
    #fff 2.44769px -1.73459px 0px, 
    #fff 2.88051px -0.838247px 0px,
    3px 4px 0px #e94aa0;
    top: -25px;
    position: absolute;
    left: 10%;
    }
.plan .content-plan .title-plan-pink { border-bottom: 3px solid #ffd2e8; display: block; text-align: center; position: relative; color: #ee2895; font-size: 17px; font-family: 'Keifont'; text-shadow: 2px 2px 0 #e0e0e0; padding: 0.8rem 0;}
.include-full{
  border: 4px solid #f578ce;
  border-radius: 10px;
  position: relative;
  min-height: 372px;
}
.stripe_yellow { background: url(../images/stripe_yellow.png); }

.option_8item{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 90%;
    margin: auto;
}
.option_8item li{
    width: 25%;
    display: inline-block;
    text-align: center;
    margin: 0 0 15px;
}
.pink_strip{
    background-image: url(../images/pink_stripe.png);
    background-repeat: repeat;
    padding: 5px;
    color: #5f2d14;
    font-size: 17px;
    text-align: center;
    font-family: 'Keifont';
}

.fea_list{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    margin: auto;
}
.fea_list li{
    width: 50%;
    display: inline-block;
    text-align: center;
}

.point .number-point {
    background: url(../images/dot-yellow.png);
    padding: 0.25rem 1.5rem;
    display: inline-block;
    font-family: "M PLUS 1p script=japanese rev=1";
    font-weight: 800;
    font-size: 15px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    text-shadow: 
    #fff 3px 0px 0px, 
    #fff 2.83487px 0.981584px 0px, 
    #fff 2.35766px 1.85511px 0px, 
    #fff 1.62091px 2.52441px 0px, 
    #fff 0.705713px 2.91581px 0px, 
    #fff -0.287171px 2.98622px 0px, 
    #fff -1.24844px 2.72789px 0px, 
    #fff -2.07227px 2.16926px 0px, 
    #fff -2.66798px 1.37182px 0px, 
    #fff -2.96998px 0.42336px 0px, 
    #fff -2.94502px -0.571704px 0px, 
    #fff -2.59586px -1.50383px 0px, 
    #fff -1.96093px -2.27041px 0px, 
    #fff -1.11013px -2.78704px 0px, 
    #fff -0.137119px -2.99686px 0px, 
    #fff 0.850987px -2.87677px 0px, 
    #fff 1.74541px -2.43999px 0px, 
    #fff 2.44769px -1.73459px 0px, 
    #fff 2.88051px -0.838247px 0px;
}
.point .number-point strong { font-size: 25px;}
.point .bg-white-content {border-top-left-radius: 0;border-top-right-radius: 0;padding: 3rem 2rem;}
.point .sub-title-point { display: block; font-size: 18px; font-weight: 700;}
.point .graph-blue .title-graph {color: #ff7e25;font-size: 15px;font-weight: 700;padding: 0.5rem 0 0.5rem 0.5rem;display: inline-block;background: #fff6db;/* border-radius: 35px; */border-left: 5px solid #ff7e25;text-align: center;width: 100%;position: relative;line-height: 1.3;text-shadow: #fff 3px 0px 0px, #fff 2.83487px 0.981584px 0px, #fff 2.35766px 1.85511px 0px, #fff 1.62091px 2.52441px 0px, #fff 0.705713px 2.91581px 0px, #fff -0.287171px 2.98622px 0px, #fff -1.24844px 2.72789px 0px, #fff -2.07227px 2.16926px 0px, #fff -2.66798px 1.37182px 0px, #fff -2.96998px 0.42336px 0px, #fff -2.94502px -0.571704px 0px, #fff -2.59586px -1.50383px 0px, #fff -1.96093px -2.27041px 0px, #fff -1.11013px -2.78704px 0px, #fff -0.137119px -2.99686px 0px, #fff 0.850987px -2.87677px 0px, #fff 1.74541px -2.43999px 0px, #fff 2.44769px -1.73459px 0px, #fff 2.88051px -0.838247px 0px;}
.point .line-yellow {border-bottom: 3px solid #fff954;font-size: 15px;}
.point .graph-orange .title-graph {
    color: #307aeb;
    font-size: 15px;
    font-weight: 700;
    padding: 1rem 0 1rem 0.5rem;
    display: inline-block;
    background: #ddf4fe;
    /* border-radius: 35px; */
    border-left: 5px solid #307aeb;
    text-align: center;
    width: 100%;
    position: relative;
    line-height: 1.3;
    text-shadow: #fff 3px 0px 0px, 
    #fff 2.83487px 0.981584px 0px, 
    #fff 2.35766px 1.85511px 0px, 
    #fff 1.62091px 2.52441px 0px, 
    #fff 0.705713px 2.91581px 0px, 
    #fff -0.287171px 2.98622px 0px, 
    #fff -1.24844px 2.72789px 0px, 
    #fff -2.07227px 2.16926px 0px, 
    #fff -2.66798px 1.37182px 0px, 
    #fff -2.96998px 0.42336px 0px, 
    #fff -2.94502px -0.571704px 0px, 
    #fff -2.59586px -1.50383px 0px, 
    #fff -1.96093px -2.27041px 0px, 
    #fff -1.11013px -2.78704px 0px, 
    #fff -0.137119px -2.99686px 0px, 
    #fff 0.850987px -2.87677px 0px, 
    #fff 1.74541px -2.43999px 0px, 
    #fff 2.44769px -1.73459px 0px, 
    #fff 2.88051px -0.838247px 0px;
    }
.point .graph-orange .title-graph:after{
    content: '';
    width: 3px;
    height: 100%;
    border-left: 16px solid #ddf4fe;
    border-top: 48px solid transparent;
    border-bottom: 37px solid transparent;
    position: absolute;
    right: -16px ;
    top: 0;
  }
  .point .graph-blue .title-graph:after{
    content: '';
    width: 3px;
    height: 100%;
    border-left: 16px solid #fff6db;
    border-top: 36px solid transparent;
    border-bottom: 32px solid transparent;
    position: absolute;
    right: -16px ;
    top: 0;
  } 
  .graph_br{display: block;}
.inspection-fee { width: 80%; background: #f8f8f8; margin: 2rem auto 0; border-radius: 18px; padding: 3rem; text-align: center; font-size: 16px; font-weight: 500; }
.inspection-fee .title-inspection-fee { display: block; background: url(../images/line2.jpg) repeat-x bottom left; width: 100%; padding-bottom: 1.5rem; font-size: 22px; font-family: 'Keifont'; color: #ffd0ee; margin-bottom: 1rem;
    text-shadow: 
    #000 2px 0px 0px, 
    #000 0.540302px 0.841471px 0px, 
    #000 -0.416147px 0.909297px 0px, 
    #000 -0.989992px 0.14112px 0px, 
    #000 -0.653644px -0.756802px 0px, 
    #000 0.283662px -0.958924px 0px, 
    #000 0.96017px -0.279415px 0px,
    2px 3px 0 #000;}
.inspection-fee .highlight { font-size: 19px; color: #e50050; border-bottom: 3px solid #fff954; }
.basicfee { display: flex; flex-wrap: wrap; width: 100%; justify-content: space-around; margin-top: 3rem;}
.basicfee li {display: block;width: 14%;text-align: center;}
.basicfee li .circle {display: flex;flex-wrap: wrap;align-items: center;justify-content: center;padding: 1rem;text-align: center;width: 125px;height: 125px;border-radius: 50%;background: #e9fbff;font-size: 14px;font-weight: 700;margin: 0 auto;line-height: 19px;/* letter-spacing: -1.2px; */}
.basicfee li:last-child .circle {letter-spacing: -1px;}

.monthly-fee {font-size: 15px;}
.monthly-fee .title-monthly { font-size: 22px; font-family: 'Keifont'; margin-bottom: 1rem;}
.monthly-fee .title-monthly small { display: inline-block; font-size: 12px;}
.monthly-fee .title-monthly strong { font-size: 41px;}
.monthly-fee .title-monthly span.orange_text { color: #fd8044;  
    text-shadow: 
    #000 2px 0px 0px, 
    #000 0.540302px 0.841471px 0px, 
    #000 -0.416147px 0.909297px 0px, 
    #000 -0.989992px 0.14112px 0px, 
    #000 -0.653644px -0.756802px 0px, 
    #000 0.283662px -0.958924px 0px, 
    #000 0.96017px -0.279415px 0px,
    2px 3px 0 #000;}
.monthly-fee .title-monthly .highlight-yellow {  line-height: 1.2; position: relative;}
.monthly-fee .title-monthly .highlight-yellow:after {content:''; height: 8px; background-color: #fff954; width: 100%; z-index: 8; position: absolute; left: 0; bottom: 0;}
.monthly-fee .title-monthly .highlight-yellow > span{position: relative; z-index: 9;}
.monthly-fee .highlight {
    font-size: 19px;
    color: #e50050;
    border-bottom: 3px solid #fff954;
    font-weight:bold;
}
.for-loan { color: #f90000; font-size: 17px; font-weight: 700; font-family: "M PLUS 1p script=japanese rev=1"; width: 292px; float: left;}
.for-loan strong { font-size: 29px;}
.for-loan span { color: #fe0024; font-size: 15px; font-weight: 700; padding: 0.25rem 1rem; display: inline-block; background: #ffdcc7; border-radius: 35px;}
.for-flat7 { color: #056ec5; font-size: 17px; font-weight: 700; font-family: "M PLUS 1p script=japanese rev=1"; width: 315px;}
.for-flat7 strong { font-size: 29px;}
.for-flat7 span { color: #006cc0; font-size: 15px; font-weight: 700; padding: 0.25rem 1rem; display: inline-block; background: #bbedf9; border-radius: 35px;}

.option-4 { display: flex; flex-wrap: wrap; justify-content: space-around; align-items: flex-start;}
.option-4 li { width: 48%; display: block; border-radius: 12px; padding: 1rem; position: relative; background: #f8f8f8; margin: 8px 0; text-align: right;}
.option-4 li .text-option { position: absolute; top: 1rem; left: 1rem; font-size: 16px; font-weight: 500; }
.option-4 li .number-option { display: inline-block; width: 36px; height: 36px; border-radius: 50%; text-align: center; background: url(../images/dot-darkblue.png); font-family: "M PLUS 1p script=japanese rev=1"; color:#fff; font-size: 23px; font-weight: 900;}



.stripe_gray { background: url(../images/stripe_gray.png); }
.bg-yellow { background: #ffe705; padding: 2rem 0; text-align: center; }
.title-list { font-family: 'Keifont'; font-size: 31px; color: #b5ece2; 
    text-shadow: 
    #000 2px 0px 0px, 
    #000 0.540302px 0.841471px 0px, 
    #000 -0.416147px 0.909297px 0px, 
    #000 -0.989992px 0.14112px 0px, 
    #000 -0.653644px -0.756802px 0px, 
    #000 0.283662px -0.958924px 0px, 
    #000 0.96017px -0.279415px 0px,
    2px 3px 0 #000; }
.text-list { width: 80%; margin: 1rem auto; background: #fff; padding: 2rem; border-radius: 18px; font-size: 16px; font-weight: 500; }

.bg-orange { background: #ffb400; padding: 1rem; position: relative;}
.bg-orange::after { content: ''; width:0;  height:0; position: absolute;left: 50%; bottom: -25px;
    border-right:18px solid #ffb400; 
    border-top:18px solid #ffb400; 
    border-left:18px solid transparent; 
    border-bottom:18px solid transparent;}
.costs { color: #fff; font-size: 19px; font-weight: 900;}
.costs span { font-size: 20px;}
.costs small { font-size: 16px;}
.costs strong { font-family: 'Paytone One', sans-serif; font-size: 32px; color: #f80000; 
    text-shadow: 
    #fff 3px 0px 0px, 
    #fff 2.83487px 0.981584px 0px, 
    #fff 2.35766px 1.85511px 0px, 
    #fff 1.62091px 2.52441px 0px, 
    #fff 0.705713px 2.91581px 0px, 
    #fff -0.287171px 2.98622px 0px, 
    #fff -1.24844px 2.72789px 0px, 
    #fff -2.07227px 2.16926px 0px, 
    #fff -2.66798px 1.37182px 0px, 
    #fff -2.96998px 0.42336px 0px, 
    #fff -2.94502px -0.571704px 0px, 
    #fff -2.59586px -1.50383px 0px, 
    #fff -1.96093px -2.27041px 0px, 
    #fff -1.11013px -2.78704px 0px, 
    #fff -0.137119px -2.99686px 0px, 
    #fff 0.850987px -2.87677px 0px, 
    #fff 1.74541px -2.43999px 0px, 
    #fff 2.44769px -1.73459px 0px, 
    #fff 2.88051px -0.838247px 0px;}
.result { position: relative; display: inline-block; background: #fff; box-shadow: 0px 0px 0px 3px #ff6600; border: 4px solid #ffe506; border-radius: 35px; padding: 0.25rem 0.8rem; font-size: 14px; font-weight: 500; font-family: "M PLUS 1p script=japanese rev=1"; margin: 6px 0 6px 6px;} 
.result strong { font-size: 20px; font-weight: 700; line-height: 1.2;}
p.kintou {
    border-radius: 30px;
    position: absolute;
    top: -41px;
    background: #814301;
    padding: 3px 15px;
    color: #FFF;
}

p.kintou:after {
    content:'';
    width: 10px;
    height: 10px;
    border-left: 14px solid transparent;
    border-right: 0px solid transparent;
    border-top: 7px solid #814301;
    position: absolute;
    bottom: -9px;
    left: 25px;
}
.kintou_sp{
    display: none;
}

.itemcar .images-car .result {position: absolute;right: 0;bottom: 0px;}


.itemcar { padding: 0.8rem; background: #fff; border-radius: 12px;}
.itemcar .images-car {text-align: center;position: relative;height: 225px;}
.itemcar .images-car img{/* height:100%; */width: 100%;}
.logo-car {display: block;text-align: left;width: 50%; color:#ea2b2e;font-family: 'Prompt', sans-serif;    font-weight: 900;
    font-size: 18px;}

.itemcar .price-car p {
  display: inline-block;
  position: relative;
  /* height: 60px; *//*高さ*/
  /* line-height: 60px; *//*高さ*/
  text-align: center;
  /* padding: 0 40px 0 18px; *//*文字の左右の余白*/
  font-size: 12px;/*文字サイズ*/
  background: rgb(154,234,255);
  background: linear-gradient(90deg, rgba(154,234,255,1) 0%, rgba(206,245,255,1) 100%);
  color: #005eb7;/*文字色*/
  box-sizing: border-box;
  text-align: left;
  text-shadow:none;
  margin:0 auto 0 0;
  line-height: 1.0;
  position: relative;
  padding: 7px 4px 0;
  z-index: 2;
  height: 37px;
}
.itemcar .price-car p:after{
    content: '';
    position: absolute;
    top: 0px;
    right: -30px;
    height: 0;
    border-left: 30px solid #cef5ff;
    border-top: 37px solid transparent;
    border-bottom: 0px solid transparent;
}
.itemcar .price-car {
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    text-align: right;
    color: #f90000;
    font-weight: 900;
    font-size: 16px;
    text-shadow: 
    #fff 3px 0 0px, 
    #fff 0.540302px 0.841471px 0px, 
    #fff -0.416147px 0.909297px 0px, 
    #fff -0.989992px 0.14112px 0px, 
    #fff -0.653644px -0.756802px 0px, 
    #fff 0.283662px -0.958924px 0px, 
    #fff 0.96017px -0.279415px 0px,
    0 2px 0 #575757;
    }
.itemcar .price-car span{
  position:relative;
  z-index:2
  
}
.itemcar .price-car strong { font-size: 30px; font-style: italic; }
.itemcar .price-car small {font-size: 12px;display: block;margin: 0 0 5px;}
.name-car { display: block; background: #f5f5f5; padding:0.5rem 1rem; border-left: 8px solid #ffb400; font-size: 16p; font-weight: 900;}
.itemcar.orange { border: 2px solid #ffdb86; }


.bg-green { background: #5bd4bc; padding: 1rem; position: relative;}
.bg-green::after { content: ''; width:0;  height:0; position: absolute;left: 50%; bottom: -25px;
    border-right:18px solid #5bd4bc; 
    border-top:18px solid #5bd4bc; 
    border-left:18px solid transparent; 
    border-bottom:18px solid transparent;}
.bg-green .costs strong { color: #019a8d;}
.bg-green .result { box-shadow: 0px 0px 0px 3px #0f8753;}
.name-car.green { border-left: 8px solid #5bd4bc;}
.itemcar.green { border: 2px solid #a6e3d7; }

.bg-red { background: #eb655b; padding: 1rem; position: relative;}
.bg-red::after { content: ''; width:0;  height:0; position: absolute;left: 50%; bottom: -25px;
    border-right:18px solid #eb655b; 
    border-top:18px solid #eb655b; 
    border-left:18px solid transparent; 
    border-bottom:18px solid transparent;}
.bg-red .costs strong { color: #dd4136;}
.bg-red .result { box-shadow: 0px 0px 0px 3px #d53700;}
.name-car.red { border-left: 8px solid #eb655b;}
.itemcar.red { border: 2px solid #fcbdb9; }

.bg-blue { background: #6a9dea; padding: 1rem; position: relative;}
.bg-blue::after { content: ''; width:0;  height:0; position: absolute;left: 50%; bottom: -25px;
    border-right:18px solid #6a9dea; 
    border-top:18px solid #6a9dea; 
    border-left:18px solid transparent; 
    border-bottom:18px solid transparent;}
.bg-blue .costs strong { color: #0440ae;}
.bg-blue .result { box-shadow: 0px 0px 0px 3px #0a63db;}
.name-car.blue { border-left: 8px solid #6a9dea;}
.itemcar.blue { border: 2px solid #b6d8ff; }


.bg-yellow { background: #ffe705; padding: 1rem; position: relative;color:#ffc107}
.bg-yellow::after { content: ''; width:0;  height:0; position: absolute;left: 50%; bottom: -25px;
    border-right:18px solid #ffe705; 
    border-top:18px solid #ffe705; 
    border-left:18px solid transparent; 
    border-bottom:18px solid transparent;}
.bg-yellow .costs strong { color: #ffc107;}
.bg-yellow .result { box-shadow: 0px 0px 0px 3px #ffc107;}
.name-car.yellow { border-left: 8px solid #ffe705;}
.itemcar.yellow { border: 2px solid #ffe705; }

.bg-perple { background: #cd39fa; padding: 1rem; position: relative;color:#830da7}
.bg-perple::after { content: ''; width:0;  height:0; position: absolute;left: 50%; bottom: -25px;
    border-right:18px solid #cd39fa; 
    border-top:18px solid #cd39fa; 
    border-left:18px solid transparent; 
    border-bottom:18px solid transparent;}
.bg-perple .costs strong { color: #830da7;}
.bg-perple .result { box-shadow: 0px 0px 0px 3px #830da7;}
.name-car.perple { border-left: 8px solid #cd39fa;}
.itemcar.perple { border: 2px solid #cd39fa; }

.bg-bro { background: #97621c; padding: 1rem; position: relative;color:#5c3708}
.bg-bro::after { content: ''; width:0;  height:0; position: absolute;left: 50%; bottom: -25px;
    border-right:18px solid #97621c; 
    border-top:18px solid #97621c; 
    border-left:18px solid transparent; 
    border-bottom:18px solid transparent;}
.bg-bro .costs strong { color: #5c3708;}
.bg-v .result { box-shadow: 0px 0px 0px 3px #5c3708;}
.name-car.bro { border-left: 8px solid #97621c;}
.itemcar.bro { border: 2px solid #97621c; }


.bg-pink { background: #fc5c8b; padding: 1rem; position: relative;color:#f72a67}
.bg-bro::after { content: ''; width:0;  height:0; position: absolute;left: 50%; bottom: -25px;
    border-right:18px solid #fc5c8b; 
    border-top:18px solid #fc5c8b; 
    border-left:18px solid transparent; 
    border-bottom:18px solid transparent;}
.bg-bro .costs strong { color: #f72a67;}
.bg-v .result { box-shadow: 0px 0px 0px 3px #f72a67;}
.name-car.pink { border-left: 8px solid #fc5c8b;}
.itemcar.pink { border: 2px solid #fc5c8b; }

.detail_price{
  font-size:13px;
  /* text-align:right; */
  /* width: 70%; */
  flex-wrap: wrap;
  justify-content: flex-end;
  display: flex;
}
.detail_price p{
  /* display:inline-block; */
  width: 100%;
  padding: 2px 5px;
  border-bottom:1px dotted #8e8e8e;
}

.detail_price p:last-child{
  border-bottom:none;
}
.detail_price p span:first-child{
  display:inline-block;
  width: 117px;
  margin: 0px 0px 0 0;
}
/* .detail_price p:first-child span:first-child{
  width: 88px;
} */
.detail_price p span:last-child{
  font-weight:bold;
  font-size:14px;
  width: calc(100% - 117px);
  text-align: right;
  display: inline-block;
}
.detail_price p span:last-child b{
    font-size: 18px;
}
.detail_price p span small{
  font-weight:normal;
  font-size:9px;
  line-height: 13px;
  display:inline-block;
}
/* FAQ */
.bg-faq { background: #ffea05; text-align: center; padding: 3rem 0;}
.title-faq { display: inline-block; font-size: 28px; font-family: 'Keifont'; position: relative; border-bottom: 5px solid #fff;}
.title-faq::before { content: ''; position: absolute; left: -5px; bottom: -5px;
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 5px 5px 0;
    border-color: transparent #fff transparent transparent;}
.title-faq::after { content: ''; position: absolute; right: -5px; bottom: -5px;
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 5px 0 0;
    border-color: #fff transparent transparent transparent;}
.sub-title-faq { font-size: 20px; font-weight: 700; text-align: center; padding: 2rem 0 1rem;}

.accordion-faq { font-family: "M PLUS 1p script=japanese rev=1"; font-size: 18px; font-weight: 700;}
.accordion-faq .card { border: 0; border-radius: 0;}
.accordion-faq .card-header { border-radius: 0; border: 0; border-bottom: 4px solid #fff;}
.accordion-faq .card-header a { padding: 1rem 2.5rem 1rem 4rem; position: relative;}
.accordion-faq .card-header a::before { content: url(../images/icon-q.png); position: absolute; top: 0.5rem; left: 0;}
.accordion-faq .card-header a[aria-expanded="true"]::after { content: url(../images/icon-minus.png); position: absolute; top: 0.5rem; right: 0;}
.accordion-faq .card-header a[aria-expanded="false"]::after { content: url(../images/icon-plus.png); position: absolute; top: 0.5rem; right: 0;}
.accordion-faq .faq-a { font-size: 14px; font-weight: 500; padding: 1rem 2rem 1rem 4rem; position: relative;}
.accordion-faq .faq-a::before { content: url(../images/icon-a.png); position: absolute; top: 0.5rem; left: 0;}


/* Location */
.title-location { display: inline-block; font-size: 28px; font-family: 'Keifont'; color: #202020; position: relative; border-bottom: 5px solid #ffea05;}
.title-location::before { content: ''; position: absolute; left: -5px; bottom: -5px;
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 5px 5px 0;
    border-color: transparent #ffea05 transparent transparent;}
.title-location::after { content: ''; position: absolute; right: -5px; bottom: -5px;
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 5px 0 0;
    border-color: #ffea05 transparent transparent transparent;}
.location { position: relative; background: url(../images/stripe_blue.png); padding: 3rem 0 0;}
.location .address { font-weight: 500;}
.location .address a { color: #fc5c8a;}
.location .line-3 { display: block; height: 2px; background: url(../images/line-3.jpg) repeat-x; position: absolute; left: 0; right: 0; bottom: 0;}
.font-pink{ color:#fc5c8b;}
.font-pink a{ color:#fc5c8b;}
.font-black{ color: #000 !important;}
.tel_num{ font-size: 22px;}
.tel_num .font-black{ font-size: 13px;}
.location-sub-title{ font-size: 16px;}

/* Contact Us */
.rounded-large { border-radius: 1rem !important; max-width: 77%; }
.contact-us { background: #6acef3; text-align: center; }
.title-contact { display: inline-block; font-size: 28px; font-family: 'Keifont'; position: relative; border-bottom: 5px solid #ffea05;}
.title-contact::before { content: ''; position: absolute; left: -5px; bottom: -5px;
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 5px 5px 0;
    border-color: transparent #ffea05 transparent transparent;}
.title-contact::after { content: ''; position: absolute; right: -5px; bottom: -5px;
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 5px 0 0;
    border-color: #ffea05 transparent transparent transparent;}
.bg-contact {background: url(../images/stripe_gray.png); padding: 3rem 0;color: #000000;}
.input-contact sub { color: #ff0000;}
.input-contact small {display: block;color: #adadad;font-size: 11px;/* color: #000000; */}
.input-contact .form-contact { background: #fafafa; border: 2px solid #dfdfdf; border-radius: 8px; font-size: 15px!important; box-shadow: none;}
.input-contact .form-contact::placeholder { color: #c4c4c4;}
.input-contact .form-group { border-bottom: 1px solid #ececec; padding: 1rem 0;}
.remark-contact { font-size: 11px;}
.w-80 { max-width: 80%;}

.btn-send { display: block; width: 100%; max-width: 349px; padding: 0.8rem 1.5rem; margin: 18px auto; background: #ffea05; border-radius: 0.7rem; overflow: hidden; border: 1px solid #000; border-bottom: 3px solid #000; text-align: center; font-size: 22px; font-weight: 700; position: relative; z-index: 1; }
.btn-send:hover { color: #ffea05;}
.btn-send::after { content: ''; background: #000; width: 100%; height: 0; display: block; position: absolute; z-index: -1; bottom: 0; left: 0; transition: all 0.5s;}
.btn-send:hover::after { height: 100%;}

.confirm .btn-send { display: inline-block; margin: 10px;  }

.edit_errors {
    color: #ff2162;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.8;
    /* text-align: left; */
    margin: 0 0 13px;
}

.video{
    margin-bottom:30px;
      display:block;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
  }
  .video iframe{
    /* margin-top:62px; */
    text-align:center;
    width:500px;
    height:300px;
  }
  .video p{
    background:#000;
    width:500px;
    margin:auto;
    border-radius:10px 10px 0 0;
    color:#FFF;
    padding: 20px 0 10px;
    font-size: 23px;
    /* font-weight:bold; */
  }
  .video p i{
      margin-right: 10px;
  }
  .video p span{
    font-family: 'Keifont';
  }

.shinsa_wrap{
    background-color: #00a0e8;
    padding: 3rem 0;
    text-align: center;
}
.shinsa_wrap h3{
    margin-bottom: 25px;
}
.shinsa_wrap h3 img{
    width: 536px;
}
/* .shinsa_wrap a img{
    width: 490px;
} */
.qr_code{
    /* border: 5px solid #FFF; */
    border-radius: 10px;
    padding: 0px;
    border-radius: 11px;
    overflow: hidden;
    width: 169px;
    background: #FFF;
}
.shinsa_wrap a:hover{
    opacity: 0.8;
}
@media(max-width:1024px) {
    .menu-top .btn-email-top { width: 175px;}


    .shinsa_wrap h3 img{
        width: 400px;
    }
    .shinsa_wrap a img{
        /* width: 390px; */
    }
}

@media(max-width:980px) {
    .option-4 li { padding: 3rem 1rem 1rem;}

    .box-result { display: block; width: 100%;}
    .banner img { width: 100%;}

    .option_8item {
        width: 100%;
      }


}

@media(max-width:768px) {
    .plan {padding: 1.5rem;margin: 20px 0;}

    .bg-include-payment { padding: 0 2rem 2rem 2rem;}

    .inspection-fee { width: 100%; padding: 1.5rem; font-size: 14px;}
    .inspection-fee .title-inspection-fee { font-size: 18px;}
    .inspection-fee .highlight { font-size: 16px;}

    .graph_br,.point .graph-orange .title-graph:after,.point .graph-blue .title-graph:after{display: none;}
    .point .graph-blue .title-graph,.point .graph-orange .title-graph { padding:0.5em;}

    .fea_list{ width:95%; margin:auto;}
    .fea_list li{ width:100%; margin: 15px 0}

    .images-car{height:auto !important;}

        .shinsa_wrap a img{
        max-width: 500px;
        width: 100%;
    }
    .qr_code{
        max-width: 236px;
        margin:20px auto 0;
    }
}

@media(max-width:940px) {
    .basicfee li {width: 21%;padding: 1rem;}
}
@media(max-width:505px) {
    .basicfee li {width: 50%;padding: 0.2rem 0.5rem;}
.basicfee li .circle {
    width: 140px;
    height: 139px;
}

  .video iframe{
    width: 350px;
    height: 206px;
  }
  .video p{
    width:350px;
  }
  .shinsa_wrap h3 img{
    width: 350px;
    }
    .shinsa_wrap a img{
        /* width: 350px; */
    }


}

@media(max-width:680px) {
    p.kintou {display: none;}
    .kintou_sp{
        color: #FFF;
        background: #814301;
        border-radius: 30px;
        padding: 0 10px;
        display: inline-block;        
    }
    .option-4 li { width: 95%;}

    .bg-include-payment .img-payment1 { right: 33px;}
    .bg-include-payment .img-payment2 { bottom: 66px;}
}

@media(max-width:576px) {
    .text-detail { font-size: 14px;}
    .highlight-red { font-size: 16px;}

    .bg-include-payment .img-payment1,
    .bg-include-payment .img-payment2 { position: relative; top: auto; right: auto; bottom: auto;}

    .payment ul li:first-child { display: block;}

    .point .bg-white-content {padding: 2rem 1rem;}
    .point .sub-title-point { font-size: 16px;}
    .for-loan { width: 100%;}
    .for-flat7 { width: 100%;}
    
    .basicfee li .circle { font-size: 14px;}

    .monthly-fee { font-size: 13px;}
    .monthly-fee br { display: none;}
    .monthly-fee .title-monthly { font-size: 18px;}
    .monthly-fee .title-monthly strong { font-size: 28px;}

    .option-4 li .text-option { font-size: 14px;}

    .title-list { font-size: 25px;}
    .text-list { font-size: 13px;}

    .costs { font-size: 16px;}
    .costs strong { font-size: 28px;}
    .costs span { font-size: 18px;}
    .box-result { padding-top: 0.5rem;}

    .sub-title-faq { font-size: 18px;}
    .accordion-faq { font-size: 16px;}
    
    .title-location { font-size: 18px;}

    .rounded-large { max-width: 100%; font-size: 13px; }
}

@media(max-width:420px){
    .title-payment { font-size: 18px; padding: 0.5rem 1rem;}
    .bg-include-payment .img-payment1, .bg-include-payment .img-payment2 { display:none;}

    .title-color-full { padding: 2.5rem 1rem 1rem;}

    .plan .text-plan { padding:1.2rem 0; font-size: 13px;}
    .plan .content-plan .title-plan img { bottom: -30px; right: -25px;}
    .plan .highlight-plan { font-size: 15px;}

    .basicfee { margin-top: 0;}
    .basicfee li { width: 50%;}

    .for-loan,
    .for-flat7 { text-align: center; justify-content: center;}
    .for-loan span,
    .for-flat7 span { display: block; width: 100%;}

    .option-4 li { padding: 1rem;}
    .option-4 li .text-option { position: relative; top: auto; left: auto; text-align: left; padding-left: 3rem;}
    .option-4 li .text-option .number-option { position: absolute; top: 0; left: 0;}

    .monthly-fee .title-monthly { font-size: 14px;}
    .monthly-fee .title-monthly strong { font-size: 18px;}

    .text-list { width: 100%;}


}
@media(max-width:355px){

    .video iframe{
        width: 300px;
        height: 206px;
    }
    .video p{
        width:300px;
    }
}
@media(max-width:320px){
.basicfee li .circle {
    width: 125px;
    height: 125px;
}

.shinsa_wrap h3 img{
    width: 300px;
    }
    .shinsa_wrap a img{
        width: 300px;
    }

}