@charset "utf-8";

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

/***************************/
/*3_japansesDeer.pdf*/
/***************************/

/***********/
/*画像のサイズ調整*/
/***********/
#fig01 {
    max-width: 160px;
}
#fig02 {
    max-width:500px;
}
#fig02 figcaption {
    font-weight: bold;
}
#fig03 {
    max-width: 1320px;
    margin-bottom: 0;
}
#fig03 img {
    margin-bottom: 0;
}

/* fig03 直下の注釈に左余白 20px */
#fig03 + .remarks-box {
    margin-left: 20px;
}



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


/***********/
/*下段*/
/***********/
/*地域：side-ttl 70px固定＋残りを3等分（.colbox .cell と同じ余白）*/
#line-1 {
    display: flex;
}
#line-1 .cell.cor2 .cell-ttl,
#line-1 .cell.cor3 .cell-ttl {
    color: #000;
}
#line-1 .cell {
    margin: 0 4.8px; /* .colbox .cell と同じ */
}
#line-1 .cell.side-ttl {
    flex: 0 0 70px;
    display: flex;
    align-items: center;
    justify-content: center;
}
#line-1 .cell:not(.side-ttl) {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 0;
}
/* 流域=30%, 林分・遺伝子=各35%（残り幅に対する比率） */
#line-1 .cell.cor1 {
    flex: 6 6 0;  /* 6 / (6+7+7) = 30% */
}
#line-1 .cell.cor2,
#line-1 .cell.cor3 {
    flex: 7 7 0;  /* 7 / (6+7+7) = 35% */
}

.cell-img-l{
    margin-right: -24px;
    z-index: 1;
}
.cell-img-c{
    margin-right: -24px;
    z-index: 1;
}

/*分類：line-1 と同じ形式・同じ列幅（side-ttl＋30%/35%/35%）*/
#line-2 {
    display: flex;
}
#line-2 .cell-ttl {
    color: #000;
}
#line-2 .cell {
    margin: 0 4.8px;
}
#line-2 .cell.side-ttl {
    flex: 0 0 70px;
    display: flex;
    align-items: center;
    justify-content: center;
}
#line-2 .cell:not(.side-ttl) {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 0;
}
#line-2 .cell:nth-of-type(2) { /* 被害防除 */
    flex: 6 6 0;   /* 30% */
}
#line-2 .cell:nth-of-type(3),
#line-2 .cell:nth-of-type(4) { /* 捕獲・個体数管理, ノウハウ移転 */
    flex: 7 7 0;   /* 35% */
}

/*方法：line-1 と同じ形式・同じ列幅（side-ttl＋30%/35%/35%）*/
#line-3-intro {
    display: flex;
}
#line-3-intro .line-3-intro {
    flex: 1 1 0;
    min-width: 0;
    margin: 0 4.8px;
    padding-left: calc(70px + 4.8px); /* side-ttl幅70px＋その右マージン4.8pxぶんを空ける */
    box-sizing: border-box;
}
/* .cell-ttl-in と同じフォントサイズでインライン（改行せず後ろに続く） */
#line-3-intro .ttl-in-inline {
    font-size: 18px;
    font-weight: bold;
}
#line-3 {
    display: flex;
}
#line-3 .cell {
    margin: 0 4.8px;
}
#line-3 .cell.side-ttl {
    flex: 0 0 70px;
    display: flex;
    align-items: flex-start;
    justify-content: center;
}
#line-3 .cell:not(.side-ttl) {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    min-width: 0;
}
#line-3 .cell:nth-of-type(2) { /* 農地＋森林域 */
    flex: 6 6 0;   /* 30% */
}
#line-3 .cell:nth-of-type(3),
#line-3 .cell:nth-of-type(4) { /* わな, 人材育成 等 */
    flex: 7 7 0;   /* 35% */
}

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


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

.cor2 {
    background-color: #74a5a1;
}
span.cor2 {
    background-color: transparent;
    color:#74a5a1;
}

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

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

.cor5 {
    background-color: #e79558;
}
span.cor5 {
    background-color: transparent;
    color:#e79558;
}
.cor6 {
    background-color: #55bad5;
}
span.cor6 {
    background-color: transparent;
    color:#55bad5;
}
/****************************/
/*レスポンシブ*/
/****************************/
@media (min-width: 480px) {}
@media (min-width: 768px) {}
@media (min-width: 920px) {}
@media (min-width: 1400px) {}