@charset "UTF-8";
/* CSS Document */


#mainimage {
    background-color: #f1f1f1;
}

#mainimage .inner {
    padding: 6rem 3rem;
    text-align: left;
}

#mainimage h2 {
    font-size: 2.4rem;
    line-height: 1.3;
    font-weight: 700;
}

#policy {
    padding: 7rem 0 5rem 0;
}

#policy h3 {
    border: 1px solid #c9c9c9;
    font-size: 2rem;
    line-height: 1;
    padding: 1rem 2rem;
}

#policy .txt {
    padding: 2.5rem 2rem 5rem 2rem;
}

#policy ul {
    padding: 1.5rem 0 1.5rem 3rem;
}

#policy li {
    list-style-type: disc;
}

#policy h4 {
    font-size: 1.8rem;
    margin-left: -20px;
    margin-bottom: 10px;
}

#policy .madoguchi {
    background-color: rgb(235 235 235);
    padding: 3% 8%;
}


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

    #mainimage {}

    #mainimage .inner {
        padding: 4rem 2rem;
        text-align: center;
    }

    #mainimage h2 {
        font-size: 2rem;
    }


    #policy {
        padding: 6rem 0 0 0;
    }

    #policy h3 {
        border: 1px solid #c9c9c9;
        font-size: 1.8rem;
        line-height: 1;
        padding: 1rem;
    }

    #policy h4 {
        font-size: 1.6rem;
        margin-left: -5px;
    }

    #policy .txt {
        padding: 2rem 0 5rem 1rem;
        text-align: justify;
    }

    #policy ul {
        padding: 1.5rem 0 1.5rem 2rem;
    }

    #policy li {
        list-style-type: disc;
    }

    #policy .madoguchi {
        padding: 20px;
    }


}