@charset "utf-8";

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

/***************************/
/*1_groundwater.pdf*/
/***************************/

/***********/
/*画像のサイズ調整*/
/***********/
#fig01 {
    max-width: 140px;
}
#fig02 {
    max-width: 700px;
}


/*-----------------*/
/*適応策分割調整*/
/*-----------------*/
/*レイアウト（上段）*/
.block-l {
    width: calc((100% / 12) * 4);    
}
.block-r {
    width: calc((100% / 12) * 8);
}


/*レイアウト（下段）*/
.block-l-btm {
    width: calc((100% / 12) * 7);
    display: flex;
}
.block-r-btm {
    width: calc((100% / 12) * 5);
}



/***********/
/*上段*/
/***********/
#line-1 .cell {
    width: calc(100% - 10px);
}
#line-1 .cell li {
    width: calc((100% / 12) * 4);
}
#line-1 .cell-txt {
    height: 100%;
}
#line-1 .cell img {
    max-width:300px;
}


#line-2 .block-l .cell {
    width: calc(100% - 10px);
}
#line-2 .block-r .cell {
    width: calc(100% - 10px);
}

#line-3 .block-l {
    width: calc((100% / 12) * 4 - 10px);
	margin: 0 5px;
}
#line-3 .block-l .cell {
    margin-top: 50px;
}
#line-3 .block-r {
    display: flex;
}
#line-3 .block-r .cell {
    width: calc((100% / 12) * 6);
}
#line-3 .cell img {
    max-width: 300px;
}



/***********/
/*下段*/
/***********/
#lower .fill {
    text-align: center;
}
.side-ttl2 {
    font-weight: bold;
    letter-spacing: -0.5px;
    width: 70px !important;
    line-height: 120%;
    display: flex;
    align-items: center;
    justify-content: center;
	color: #59bed9;
}
#line-4 .block-l-btm .cell {
    width: calc((100% - 70px - 20px) / 2);
    display: flex;
    align-items: center;
    justify-content: center;
    height: calc(100% - 5px);
}
#line-4-1 .cell {
    width: calc(100% - 10px);
}
#line-4-2 .cell {
    width: calc((100% - 20px) / 2);
}

#line-5 .block-l-btm .cell {
    width: calc((100% - 70px - 20px) / 2);
}
#line-5-1 .cell {
    width: calc((100% - 20px) / 2);
}

#line-6 .block-l-btm .cell {
    width: calc((100% - 70px - 20px) / 2);
}
#line-6-1 .cell {
    width: calc((100% - 20px) / 2);
}

#line-7 .block-l-btm .cell {
    width: calc((100% - 70px - 20px) / 2);
}
#line-7-1 .cell {
    width: calc((100% - 20px) / 2);
}




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

.cor2 {
    background-color: #5698ce;
}
span.cor2 {
    background-color: transparent;
    color:#5698ce;
}

.cor3 {
    background-color: #35bd9c;
}
span.cor3 {
    background-color: transparent;
    color:#35bd9c;
}

.cor4 {
    background-color: #e299c3;
}
span.cor4 {
    background-color: transparent;
    color:#e299c3;
}

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

.cor6 {
    background-color: #e0edf4;
}
.cor7 {
    background-color: #eee1e8;
}
.cor8 {
    background-color: #fde1dd;
}



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