.sec__mv {
    position: relative;
}
#landscape .inner--base {
    max-width: 960px;
    margin: auto;
}
.txt-blk {
    position: absolute;
    top: 5vw;
    left: 5%;
    text-align: left;
}
.txt-blk h2 {
    width: 35vw;
        margin-bottom: 10px;
}
.txt-blk p {
    color: #fff;
    font-size: 90%;
    font-weight: normal;
    line-height: 2.0;
}
.landscape_img {
    margin-bottom: 30px;
}
.item__3col {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}
.item__2col {
    margin-top: 30px; /* ← 行間も gap と同じにする */
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    margin-bottom: 60px;
}
.item .img {
    margin-bottom: 6px;
}
.item {
    padding: 15px;
    border: 1px solid grey;
}
.item h3 {
    font-size: 1.3rem;
    text-align: left;
    margin-bottom: 4px;
}
.item h3.lh-s {
    line-height: 1.1;
}
.item p {
    text-align: justify;
    margin-bottom: 20px;
}
.item p span {
    display: block;
    margin-top: 4px;
    font-size: 0.6rem;
}
.item__2col .item h3 {
    background: #747E86;
    color: #fff;
    padding: 4px 0 0 16px;
    margin-bottom: 10px;    
}
.item__2col_flex {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 8px;
}
.item__2col .item {
    background: #E2DCCB;
    border: none;
}
.item__2col_flex p {
    width: 50%;
}
.item__2col_flex .img {
    width: calc(50% - 8px);
}
.item_drr {
    border: 1px solid grey;
    padding: 20px;
    margin-bottom: 80px;
}
.drr_head {
    display: flex;
    gap: 50px;
    margin-bottom: 20px;
}
.drr_desc {
    text-align: left;
}
.drr_desc h3 {
    font-size: 1.6rem;
    border-bottom: 1px solid grey;
    margin-bottom: 4px;
}
.drr_desc .lead {
    font-size: 1.1rem;
}
.drr_desc .desc {
    text-align: justify;
}
.drr_desc {
    text-align: left;
    width: calc(70% - 50px);
}
.drr_head .img {
    width: 30%;
}
.drr_contentGrid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    /* grid-template-rows: repeat(3, 1fr); */
    grid-auto-rows: auto;
    column-gap: 30px;
    row-gap: 14px;
}
.drr_contentWrap,
.drr_content {
    overflow: visible;
}
.drr_contentWrap {
    position: relative; /* z-index土台 */
    z-index: 0;
}
.drr_contentWrap.cont1 {
    grid-row: span 2 / span 2;
}

.drr_contentWrap.cont2 {
    grid-column-start: 1;
    grid-row-start: 3;
}

.drr_contentWrap.cont3 {
    grid-column-start: 2;
    grid-row-start: 1;
}

.drr_contentWrap.cont4 {
    grid-column-start: 2;
    grid-row-start: 2;
}

.drr_contentWrap.cont5 {
    grid-row-start: 3;
}
.drr_content {
    text-align: left;
}
.drr_content h4 {
    background: #000;
    color: #fff;
    font-size: 1.2rem;
    padding: 2px 0 2px 70px;
    margin-bottom: 20px;
    position: relative;
    overflow: visible;
    z-index: 2; /* 前に出す */
}
.drr_content h4::before{
  content:"";
  position:absolute;
  left:10px;
  top:50%;
  transform:translateY(-50%);
  width: 50px;   /* 画像の見た目サイズに合わせる */
  height: 50px;
  /* background: url("../images/landscape/m1.webp") no-repeat center / contain; */
  z-index: 3;      /* 文字より前に出したいなら */
  pointer-events:none;
}
.cont1 .drr_content h4::before {
    background: url("../images/landscape/m1.webp") no-repeat center / contain;
}
.cont2 .drr_content h4::before {
    background: url("../images/landscape/m2.webp") no-repeat center / contain;
}
.cont3 .drr_content h4::before {
    background: url("../images/landscape/m3.webp") no-repeat center / contain;
}
.cont4 .drr_content h4::before {
    background: url("../images/landscape/m4.webp") no-repeat center / contain;
}
.cont5 .drr_content h4::before {
    background: url("../images/landscape/m5.webp") no-repeat center / contain;
}
.drr_content .lead {
    font-size: 1.1rem;
    line-height: 1.4;
    margin-bottom: 10px;
}
@media screen and (max-width: 810px) {/*スマホ設定*/
    .txt-blk {
        position: absolute;
        top: 15vw;
        text-align: left;
        left: 50%;
        transform: translateX(-50%);
    }
    .txt-blk h2 {
        width: 80vw;
    }
    .txt-blk p {
        font-size: 1.2rem;
    }
    .item__3col {
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(6, 1fr);
        gap: 20px;
    }
    .item__2col_flex {
        flex-direction: column-reverse;
    }
    .item__2col_flex p {
        width: 100%;
    }
    .item__2col_flex .img {
        width: 100%;
    }
    .drr_head {
        flex-direction: column;
        gap: 0;
    }
    .drr_desc {
        width: 100%;
    }
    .drr_head .img {
        width: 100%;
    }
    .drr_contentGrid {
        display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: none;
    grid-auto-rows: auto;
    row-gap: 14px;
    column-gap: 30px;
    align-items: start;
    }
    .drr_contentWrap.cont1,
    .drr_contentWrap.cont2,
    .drr_contentWrap.cont3,
    .drr_contentWrap.cont4,
    .drr_contentWrap.cont5 {
        grid-row: unset;
        grid-column-start: unset;
        grid-row-start: unset;
    }
}

@media screen and (max-width: 510px) {/*スマホ設定*/
    .txt-blk p {
        font-size: 1.0rem;
    }

}