@charset "utf-8";

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

    #main .section{
        padding: 0 15px;
    }

    .caution li{
        padding-left: 0;
        text-indent: initial;
    }

    #main .section h2 {
        font-size: 17px;
        line-height: 1.65;
    }

    .section.sec_01 {
        margin-bottom: 15px;
    }

    .section .pic {
        margin-bottom: 14px;
    }

    .section h2 {
        margin-bottom: 6px;
    }

    .tit_headline span {
        display: block;
    }
	
	.btn_oli_basic {
        margin: 12px 0 33px;
        text-align: center;
    }

    .btn_oli_basic img {
        max-width: 208px;
    }

    .box_info .img {
        margin: 25px 0;
    }

    .box_info .txt_red {
        font-size: 12px;
        font-family: var(--font-light);
    }

    .box_info .grade {
        margin: 14px 0;
    }

    .box_info .grade img {
        max-width: 70%;
    }

    .box.box_03 {
        padding-bottom: 18px;
    }

    .btn_download {
        margin: 30px 0 0;
        text-align: center;
    }

    .btn_download img {
        max-width: 277px;
    }
}