@charset "UTF-8";
.block{ display: block; }
#main{ height: auto; background: rgb(60, 200, 60); }
#main .txt{
    margin: -9% auto 0;
    padding-bottom: 2%;
    width: 80%;
    left: auto;
    height: auto;
    font-size: 1vw;
    font-weight: 600;
    text-align: center;
    line-height: 1.8;
    letter-spacing: .05em;
    background: transparent;
}
#main .txt span{ display: block; font-size: 60%; color: rgb(108, 108, 108); letter-spacing: 0; }
#icach{
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}
#icach img{ width: 100%; }

#sc1 .title{ margin: 40px auto 0; padding: 0; font-size: 180%; font-weight: 600; color: #000; background: transparent; }
#sc1 .title br{ display: none; }
#sc1 .box{ overflow: visible; }
#sc1 .box.num1{ margin: 30px auto; width: 90%; max-width: 1000px; background: url(../discount/img/bg_and.gif)no-repeat 50%; }
#sc1 .box.num1 li{ float: left; width: 50%; padding: 0 5%;  box-sizing: border-box; }
#sc1 .box.num1 li .image{ width: 100%; min-width: 180px; margin: 0 auto 0; }
#sc1 .box.num1 li .ttl{
    margin: -5% 0 0;
    padding: 6% 0 0;
    font-size: 130%;
    text-align: center;
    font-weight: 600;
    border-right: 2px solid rgb(60, 200, 60);
    border-left: 2px solid rgb(60, 200, 60);
}
#sc1 .box.num1 li .ttl .line_y{ display: inline-block; line-height: 1.2; background: linear-gradient(transparent 60%, rgb(255, 255, 0) 50%); }
#sc1 .box.num1 li .ttl .part.num2{ font-size: 105%; }
#sc1 .box.num1 li .ttl .red{ margin-left: .15em; font-size: 125%; color: rgb(255, 70, 100); }
#sc1 .box.num1 li .ttl .red span{ font-size: 85%; }
#sc1 .box.num1 li .txt{
    min-height: 15em;
    padding: .8em 1.5em 0;
    font-weight: 500;
    line-height: 1.8;
    border-bottom: 2px solid rgb(60, 200, 60);
    border-right: 2px solid rgb(60, 200, 60);
    border-left: 2px solid rgb(60, 200, 60);
    border-radius: 0 0 6px 6px;
}
#sc1 .box.num1 li .txt span{ display: block; font-size: 72%; color: rgb(108, 108, 108); }
#sc1 .box.num1 .image_area{ text-align: center; }
#sc1 .box.num1 .image_area img{ margin: 2% 0 0; width: 22%; min-width: 100px; }


#sc1 .box.num2{ margin: 45px auto; width: 90%; max-width: 1000px; padding: 0 4%; text-align: center; box-sizing: border-box; }
#sc1 .box.num2 .inner{ padding: 1.5em 0; background: #f1f1f1; }
#sc1 .box.num2 .inner .ttl{ font-weight: 600; }
#sc1 .box.num2 .inner p{ margin-bottom: 5px; }

@media only screen and (min-width:1200px){
    #main .txt{ font-size: 90%;}
}

@media only screen and (min-width:1001px){
}

@media only screen and (min-width:769px){
    .sp_dsp{ display: none; }
}

@media only screen and (max-width:1000px){
    #main .txt{ font-size: 73%;}
}

@media only screen and (max-width:768px){
    #main{ background: #fff; }
    #icach{
        padding-top: 0;
        margin-bottom: 10px;
        width: auto;
    }
    #main .txt{ margin: 1% auto; padding: 1em; width: 95%; font-size: 120%; font-weight: 400; text-align: left; border-bottom: 1px solid #ddd; }
    #main .txt br{ display: none; }
    #main .txt span{ font-size: 70%; }

    #sc1 .title{ font-size: 200%; }
    #sc1 .title br{ display: inherit; }
    #sc1 .box.num1{ margin-top: 10px; background: transparent; }
    #sc1 .box.num1 li{ float: none; width: auto; }
    #sc1 .box.num1 li .ttl{ margin-top: -6%; font-size: 3.3vw; }
    #sc1 .box.num1 li .txt{ min-height: 0; padding-bottom: 1.5em; }
    #sc1 .box.num1 li .txt span{ font-size: 85%; }

    #sc1 .box.num2 .inner{ padding: 1.5em 2em; }
    #sc1 .box.num2 .inner p{ text-align: left; }

}

@media only screen and (max-width:640px){
    #sc1 .title{ font-size: 5vw; }
}

@media only screen and (max-width:380px){
    #main .txt{ font-size: 110%; }
    #main .txt span{ font-size: 65%; }
    #sc1 .title{ font-size: 160%; }
}