@charset "utf-8";

/**********************************************/
/* A-PLAT 改修版 */
/* 地域の適応　Infographic 詳細ページ  2022.09.27 */
/**********************************************/

/***************************/
/*local_infografic_detail_2_koshotosonoryuiki.pdf*/
/***************************/

#lower p {
    text-align:justify;
    word-break: break-all;
}


/***********/
/*画像のサイズ調整*/
/***********/
#fig01 {
    max-width: 140px;
    margin-top: 20px;
}
#fig02 {
    max-width: 500px;
    margin-top: 0;
}
#fig03 {
    max-width: 600px;
    margin-top: 0;
}
#fig04 {
    max-width: 300px;
}

#fig08 {
    padding: 20px 10px;
}
#fig08 .cell-ttl-in {
    text-align: center;
}



/***********/
/*上段*/
/***********/
#line-1 .figure {
    margin: 0 auto;
}
#line-1 .cell {
    width: calc(100% - 10px) !important;
    padding: 20px;
}



/***********/
/*下段*/
/***********/
#lower .cell-txt {
    padding: 0 3px;
}

.cell-sub {
    float: right;
    background-color: #fff;
    color:#000;
    padding: 3px 5px;
    line-height: 100%;
    font-size: 80%;
    font-weight: normal;
}

/*レイアウト*/
.block-l {
    width: calc((100% / 12) * 9.7);
}
.block-r {
    width: calc((100% / 12) * 2.3);
}
.block-r .cell {
    width: calc(100% - 5px) !important;
}

#line-2 .block-l {
    display: flex;
}
#line-2 .cell,
#line-3 .cell {
    width: calc(100% - 70px - 20px);
}

#line-2 .cell-ttl {
    padding-left: 4px;
    padding-right: 4px;
}

#line-2-1 {
    margin-bottom: 0;
}
#line-3 .block-l {
    border-right: 2px #a7a7a7 dotted;
}

#line-2-1 .block-l .cell:nth-child(1) {
    width: calc(((100% - 20px) / 12) * 7.5);
}
#line-2-1 .block-l .cell:nth-child(2) {
    width: calc(((100% - 20px) / 12) * 4.5);
}

#line-3-1-1 .cell:nth-child(1) {
    width: calc(((100% - 20px) / 12) * 7.5);
}
#line-3-1-1 .cell:nth-child(2){
    width: calc(((100% - 20px) / 12) * 4.5);
}



#line-3-1-2 .cell,
#line-3-1-3 .cell {
    width: calc(100% - 10px);
}
#line-3-1-2 .cell-ttl-in {
    margin-left: 0em;
    margin-right: 5px;
    text-indent: 0em;
}
#line-3-1-2 .cell-sub {
    display: inline-block;
    background-color: #eee;
}


/***********/
/*色*/
/***********/
.cor1 {
    background-color: #e2eef7;
}
span.cor1 {
    background-color: transparent;
    color:#e2eef7;
}

.cor2 {
    background-color: #6598cf;
}
span.cor2 {
    background-color: transparent;
    color:#6598cf;
}
.cor3 {
    background-color: #4dbf9c;
}
span.cor3 {
    background-color: transparent;
    color:#4dbf9c;
}
.cor4 {
    background-color: #ee9b8e;
}
span.cor4 {
    background-color: transparent;
    color:#ee9b8e;
}

.cor5 {
    background-color: #63bddb;
}
span.cor5 {
    background-color: transparent;
    color:#63bddb;
}

/****************************/
/*レスポンシブ*/
/****************************/
@media (min-width: 480px) {}
@media (min-width: 768px) {}
@media (min-width: 920px) {}
@media (min-width: 1400px) {}