@charset "utf-8";

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

/***************************/
/*1_apple.pdf*/
/***************************/

/***********/
/*画像のサイズ調整*/
/***********/
#fig01 {
    max-width: 35px;
}
#fig02 {
    max-width: 600px;
}
#fig03 {
    max-width: 500px;
}


/*-----------------*/
/*適応策分割調整*/
/*-----------------*/
/*レイアウト*/
.block-l {
    width: calc((100% / 12) * 7);
    display: flex;
}
.block-r {
    width: calc((100% / 12) * 5);
    display: flex;
}


/***********/
/*上段*/
/***********/
/*影響*/
#line-1 .cell {
    width: calc((100% - 70px - 40px) / 3);
}

/*分類*/
#line-2 .cell {
    width: calc((100% - 70px - 40px) / 3);
}
#line-2 .cell img {
    max-width: 300px;
}
#line-2 .side-ttl {
    align-items: normal;
}



/***********/
/*下段*/
/***********/
#lower .colbox-line {
    margin-bottom: 2px;
}
#lower .cell {
    margin: 0px 1px;
}
#lower .cell-txt {
    padding: 0 10px;
}

/*時期*/
#line-3 .block-l .cell {
    width: calc(100% - 70px - 4px);
}
#line-3 .block-r .cell {
    width: calc((100% - 4px) / 2);
}

/*対応方法*/
#line-4 .block-l .cell {
    width: calc(100% - 70px - 4px);
}
#line-4 .block-r .cell {
    width: calc((100% - 4px) / 2);
}

/*対応主体*/
#line-5 .cell {
    width: calc(100% - 70px - 4px);
}
#line-5 .cell-ttl {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-left:20px;
    padding-right:20px;
}


/*分類*/
#line-6 .block-l .cell {
    width: calc(100% - 70px - 4px);
}
#line-6 .block-r .cell {
    width: calc((100% - 4px) / 2);
}

/*-*/
#line-7 .block-l .cell {
    width: calc((100% - 70px - 8px) / 3);
}
#line-7 .block-r .cell {
    width: calc((100% - 4px) / 2);
}

/*方法*/
#line-8 {
    padding-top: 5px;
}
#line-8 .block-l .cell {
    width: calc((100% - 70px - 8px) / 3);
}
#line-8 .block-r .cell {
    width: calc((100% - 4px) / 2);
}

/*時期*/
#line-9 {
    padding-top: 5px;
}
#line-9 .block-l .cell {
    width: calc((100% - 70px - 8px) / 3);
}
#line-9 .block-r .cell {
    width: calc((100% - 4px) / 2);
}

/*効果*/
#line-10 {
    padding-top: 5px;
}
#line-10 .block-l .cell {
    width: calc((100% - 70px - 8px) / 3);
}
#line-10 .block-r .cell {
    width: calc((100% - 4px) / 2);
}

/*コスト*/
#line-11 {
    padding-top: 5px;
}
#line-11 .block-l .cell {
    width: calc((100% - 70px - 8px) / 3);
}
#line-11 .block-r .cell {
    width: calc((100% - 4px) / 2);
}



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

.cor2 {
    background-color: #178ccf;
}
span.cor2 {
    background-color: transparent;
    color:#178ccf;
}

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

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

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

.cor6 {
    background-color: #ed705d;
}
span.cor6 {
    background-color: transparent;
    color:#ed705d;
}

.cor7 {
    background: rgb(0,173,160);
    background: linear-gradient(90deg, rgba(0,173,160,1) 0%, rgba(63,138,194,1) 47%, rgba(232,68,63,1) 100%);
}

.cor8 {
    background-color: #eff7f5;
}
.cor9 {
    background-color: #eef3fa;
}
.cor10 {
    background-color: #fdf0ea;
}
.cor11 {
    background-color: #ddefec;
}
.cor12 {
    background-color: #dce7f6;
}
.cor13 {
    background-color: #fbe0d5;
}


/****************************/
/*レスポンシブ*/
/****************************/
@media (min-width: 480px) {}
@media (min-width: 768px) {}
@media (min-width: 920px) {
.textbox .textbox-txt {
        width:calc((8.333% * 6) - 30px);
    }
.textbox .textbox-img {
        width:calc(8.333% * 6);
        margin-left: 30px;
        margin-top: 0px;
    }     
    
}
@media (min-width: 1400px) {}