@charset "utf-8";
@import url("information.css");

/**********************************************/
/* A-PLAT 地域気候変動適応計画策定・改定の参考事例 */
/* 01:地域適応計画策定時の負担軽減ポイント */
/**********************************************/

/*目次*/
.mokuji dl {
    padding: 10px;
}
.mokuji dt {
    margin-bottom: 10px;
    padding: 0 0 10px;
    border-bottom: 1px #ddd solid;
    font-weight: 600;
    line-height: 140%;
}
.mokuji dd {
    margin: 0;
    padding: 0;
    line-height: 140%;
}
.mokuji dd ol {
    margin: 0 0 0 20px;
    padding: 0;
}

/*グラフ等の枠*/
.canvas {
    margin: 20px 0 40px;
}

/*図*/
.canvas figcaption {
    max-width: 700px;
}
.canvas img {
    width: 100%;
    max-width: 700px;
}


/*小見出し付きの枠*/
.fence {
    position: relative;
    margin: 0 0 20px;
    padding: 30px 10px 20px; /*トップは見出し分空ける*/
    border-style: solid;
    border-width: 2px;
    border-color: #3b3b3b;
    border-radius: 8px;
    line-height: 160%;
}
.fence dt {
    font-size: 1.2em;
    line-height: 100%;
    font-weight: bold;
    color: #fff;
    background-color: #3b3b3b;
    border-radius: 50px;
    padding: 5px 30px;
    border-color: #3b3b3b;
    position: absolute;
    left: 20px;
    top: -12px;
}
.fence dd {
    margin: 0;
    padding: 0;
}
.fence dd p {
    text-indent: 1em;
    margin: 0;
    padding: 0;
}
.fence dd ul {
    margin-top: 0;
    margin-bottom: 0;
}
.fence dd li~li {
    margin-top: 15px;
}


/*枠色：分析*/
.cor-analysis {
    border-color: #6495ed;
}
.cor-analysis dt {
    color: #fff;
    background-color: #6495ed;
}

/*枠色：ポイント*/
.cor-point {
    border-color: #f88400;
    background-color: #fff2e3;
}
.cor-point dt {
    color: #fff;
    background-color: #f88400;
}

/*枠色：＋info*/
.cor-plusinfo {
    border-color: #609b58;
    background: url("../plan/information/img/icon_info.png") no-repeat 96% bottom;
    background-size: 200px;
    background-color: #ecffe9;
}
.cor-plusinfo dt {
    color: #fff;
    background-color: #609b58;
}
.cor-plusinfo dd p {
    text-indent: 0;
}


/*計画策定マニュアル*/
.menu-manual {
    margin: 20px 0;
    background: url("../plan/information/img/icon_arrow_orange.png") no-repeat left center;
    background-size: 22px;
    padding: 1px 0 1px 30px;
    font-weight: 500;
}


/*計画策定事例２カラム（*/
.casestudy-box {
    width: 100%;
}

.casestudy {
    color:#000;
    background: url("../plan/information/img/icon_book.png") no-repeat center 20px;
    background-size: 40px;
    background-color: #dcebf4;
    border-radius: 5px;
    padding: 60px 10px 10px 10px;
    margin-bottom: 20px;
}
.casestudy .casestudy-headline {
    text-align: center;
}
.casestudy .casestudy-headline h4 {
    color: #4472c4 !important;
}
.casestudy p {
    line-height: 140%;
}


/*計画策定事例（シングル）*/
.casestudy-box-single {
    padding: 5px;
    border:2px #4472c4 dotted;
    border-radius: 8px;
    color:#000;
}
.casestudy-box-single .casestudy {
    background-image: none;
    padding: 15px 10px;
    margin-bottom: 0;
}

.casestudy-box-single .casestudy-headline {
    text-align: center;
}
.casestudy-box-single .casestudy-headline h4 {
    color: #000 !important;
}
.casestudy-box-single b {
    color: #4472c4;
}
.casestudy-box-single p {
    line-height: 140%;
    text-indent: 1em;
}
.casestudy-box-single ul:last-child {
    margin-bottom: 0;
}
.casestudy-box-single li {
    line-height: 140%;
}


/*表の調整*/
/*表1*/
.tbl01-01 th {
    background-color: #4572c4;
    color:#fff;
    border: 1px #666 solid;
}
.tbl01-01 td {
    background-color: #deecf7;
    border: 1px #666 solid;
}
.tbl01-01 th:nth-child(2) {
    width: 100px;
}
.tbl01-01 td:nth-child(2) {
    text-align: right;
}

/*表2*/
.tbl01-02 th {
    background-color: #4572c4;
    color:#fff;
    border: 1px #666 solid;
}
.tbl01-02 td {
    background-color: #deecf7;
    border: 1px #666 solid;
}
.tbl01-02 th:nth-child(2) {
    width: 100px;
}
.tbl01-02 td:nth-child(2) {
    text-align: right;
}

/*表3*/
.tbl01-03 th {
    background-color: #4572c4;
    color:#fff;
    border: 1px #666 solid;
}
.tbl01-03 td {
    background-color: #deecf7;
    border: 1px #666 solid;
}
.tbl01-03 th:nth-child(2) {
    width: 100px;
}
.tbl01-03 td:nth-child(2) {
    text-align: right;
}

/*表4*/
.tbl01-04 {
    border: 1px #666 solid;
}
.tbl01-04 th {
    background-color: #70ad47;
    color:#fff;
    border: 1px #666 solid;
    line-height: 120%;
    padding: 5px;
}
.tbl01-04 th.th-num {
    width: 105px;
}
.tbl01-04 td {
    text-align: right;
    border: 1px #666 solid;
    padding: 5px;
}
.tbl01-04 td.td-ttl {
    text-align: left;
    font-weight: 500;
}
.tbl01-04 td.cor-green {
    background-color: #e2f0d9;
}
.tbl01-04 td.cor-blue {
    background-color: #deebf7;
}
.tbl01-04 td.cor-pink {
    background-color: #fbe5d6;
}

/*表5*/
.tbl01-05 td {
    padding: 20px;
    background-color: #dce3f5;
    border: 1px #666 solid;
}
.tbl01-05 td ul {
    margin: 0 0 0 40px;
}




/****************************/
/*レスポンシブ*/
/****************************/
@media (min-width: 580px) {
}

@media (min-width: 780px) {

    .tbl01-01 th:nth-child(2) {
        width: 140px;
    }
    .tbl01-02 th:nth-child(2) {
        width: 140px;
    }
    .tbl01-03 th:nth-child(2) {
        width: 140px;
    }
}

@media (min-width: 980px) {
    /*グラフ等の枠*/
    .canvas {
        margin: 30px;/*.fenceと幅を合わせるため左右30設定*/
    }
    .fence {
        margin: 0 30px 20px;
        padding: 30px 20px 20px; /*トップは見出し分空ける*/
    }

    .casestudy-box {
        display:flex;
        flex-wrap:wrap;
        justify-content: space-between;
    }
    .casestudy-box .casestudy {
        width: calc(50% - 10px);
    }
    .casestudy {
        margin-bottom: 0;
        padding: 60px 30px 30px 30px;
    }

    .casestudy-box-single {
        padding: 30px;
        margin: 0 30px;
    }
    .casestudy-box-single .casestudy {
        padding: 20px 30px;
    }

    .mokuji dd {
        margin-left: 20px;
    }
}

@media (min-width: 1280px) {
}