@charset "utf-8";

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

/***************************/
/*1_tea.pdf*/
/***************************/

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



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

    display: flex;
    align-items: center;
    justify-content: center;
}
#line-1-2{
    width: calc(100% - 85px);
	margin-left: 85px;
}

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

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


/*分類*/
#line-3 .cell {
    width: calc((100% - 70px - 40px) / 3);
}

/*方法*/
#line-4 .cell {
    width: calc((100% - 70px - 40px) / 3);
}

/*時期*/
#line-5 .cell {
    width: calc((100% - 70px - 40px) / 3);
    text-align: center;
	font-weight: bold;
}
#line-6 .cell {
    width: calc(100% - 70px - 20px);
}

/*コスト*/
#line-7 .cell {
    width: calc((100% - 70px - 40px) / 3);
}

/*所要期間*/
#line-8 .cell {
    width: calc((100% - 70px - 40px) / 3);
}




/***********/
/*色*/
/***********/
.cor1 {
    background: rgb(0,112,188);
    background: linear-gradient(90deg, rgba(0,112,188,1) 0%, rgba(110,105,157,1) 47%, rgba(191,82,120,1) 100%);
}

.cor2 {
    background-color: #10aa61;
}
span.cor2 {
    background-color: transparent;
    color:#10aa61;
}

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

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

.cor5 {
    background-color: #c4c438;
}
span.cor5 {
    background-color: transparent;
    color:#c4c438;
}
.cor6 {
    background-color: #f18e33;
}
span.cor6 {
    background-color: transparent;
    color:#f18e33;
}

.cor7 {
    background-color: #f0f4ed;
}
.cor8 {
    background-color: #f9f9ee;
}
.cor9 {
    background-color: #fef5eb;
}
.z-img{
	margin-right: -60px;
}
.z-1{
	z-index: 1;
}

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