@charset "utf-8";

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

    #role {
        margin-top: 30px;
        padding-bottom: 36px;
    }

    #role .img_engine {
        display: block;
        margin: 18px auto 25px;
        width: 64%;
    }

    .box {
        margin-bottom: 35px;
    }

    .box .lead {
        margin: 10px 0 28px;
        font-size: 15px;
        font-weight: bold;
    }

    .box h5 {
        margin: 20px 0 5px;
        color: #c61a22;
        font-size: 16px;
        font-weight: bold;
    }

    #role h5 {
        margin-bottom: 0;
    }

    .role_list {
        margin-bottom: 20px;
    }

    .role_list .desc {
        margin: 0 0 0 30px;
    }

    .pic_box {
        margin: 15px 0 23px;
    }

    #display .name {
        margin-bottom: 4px;
        color: #1c2787;
        font-size: 14px;
        font-weight: bold;
    }

    #display .row {
        padding: 0 17px;
    }

    #display .col {
        margin: 14px 0 0;
        padding: 0;
    }

    #display .col:first-child {
        margin-top: 20px;
    }

    #display .section_column {
        padding: 0;
        line-height: inherit;
    }

    #display .section_column .name {
        margin-top: 20px;
    }

    #display .mark_info {
        margin: 10px 0 18px;
        display: flex;
    }

    #display .col_left .mark_info:last-child {
        margin-top: 5px;
    }

    #display .ico_mark {
        width: 15vw;
        justify-content: flex-start;
    }

    #display .ico_mark img {
        margin-left: 2px;
        width: 10.4vw;
    }

    #display .ico_mark.islac img {
        width: 11.5vw;
    }

    #display .mark_info .desc {
        width: 64.6vw;
        letter-spacing: .9px;
        line-height: inherit;
    }

    #display .col_right {
        margin-bottom: 0 !important;
        text-align: center;
    }

    #display .col_right img {
        margin-top: 8px;
        max-width: 40%;
    }
    
    #choice {
        padding-bottom: 27px;
    }

    #estimate .box_info {
        position: relative;
        padding-bottom: 50px;
    }

    #estimate .estimate_tt {
        margin: 0;
        padding-top: 9.5vw;
        float: left;
    }

    #estimate .img_estimate {
        margin: 19px 0 15px;
        width: 30vw;
        float: right;
    }

    #estimate .desc{
        margin: 20px 0 33px;
        width: 100%;
        clear: both;
    }

    #estimate .box_info .desc:last-child {
        margin-top: 0;
    }

    #estimate .est_desc_02 {
        margin: 10px 0 30px;
    }

    #estimate .detail {
        position: absolute;
        right: 0;
        bottom: 0;
        margin-bottom: 0;
        text-align: right;
    }

    #estimate .detail a {
        color: #006bb4;
        font-size: 12px;
        text-decoration: underline;
    }

    #estimate .detail a:before {
        position: relative;
        display: inline-block;
        margin-right: 6px;
        content: "";
        width: 12px;
        height: 12px;
        background: url(../image/parts_ico_circle_arrow.png) no-repeat;
        background-size: 12px;
        vertical-align: middle;
    }

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

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

    .box_info .txt_red {
        font-size: 13px;
    }

}


@media screen and (max-width : 320px) {
    .m_head .eng {
        display: block;
        padding-left: 0;
    }

}