/* 概要の欄 */

.gaiyo {
    width: 60%;
}

.gaiyo p {
    padding: 10px;
}


/* 禁止区域図の欄 */

.kinsikuiki {
    width: 30%;
}

.kinsikuiki p {
    padding: 10px;
}

.kinsikkuiki img {
    width: 100%;
}


/* 違反に対する罰則の欄 */

.bassoku {
    width: 100%;
}

.bassoku p {
    padding: 10px;
}


/* 手続きの詳細の欄 */

.shosai {
    width: 100%;
}

.shosai {
    margin-top: 10px;
}

.shosai li {
    padding: 10px 0;
}

.gaiyo a {
    text-decoration: underline;
}
.shosai a {
    
    text-decoration: underline;
    display: inline-block;
}

/* 拡張子に合わせてアイコンをつける */
.shosai a::after {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-left: 5px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 15px auto;

}

/* PDF */
.shosai a[href*=".pdf"]::after {
    background-image: url(../images/icon-pdf.png);
}

/* Word */
.shosai a[href*=".docx"]::after {
    background-image: url(../images/icon-word.png);
}

/* PowerPoint */
.shosai a[href*=".pptx"]::after {
    background-image: url(../images/icon-pp.png);
}