/********　アグリ事業　********/
body {
    line-height: 25px;
    color: #555555;
}

.main-visual__dir2 {
    border: initial;
}



.agri-inner1 {
    padding: 0 60px;
    margin: 0 auto;
}
.agri-inner2 {
    max-width: 1000px;
    margin: 0 auto;
}
@media screen and (max-width: 700px) {
    .agri-inner1 {
        padding: 0 20px;
        margin: 0 auto;
    }
    .agri-inner2 {
        padding: 0 20px;
        margin: 0 auto;
    }
}


.agri___d-flex {
    display: flex;
}
.agri___d-flex-center {
    align-items: center;
}
.agri___d-flex > .left {
    width: 50%;
}
.agri___d-flex > .left > img {
    width: 100%;
}
.agri___d-flex > .right {
    padding-left: 40px;
}
@media screen and (max-width: 700px) {
    .agri___d-flex {
    flex-wrap: wrap;
    }
    .agri___d-flex-center {
        align-items: center;
    }
    .agri___d-flex > .left {
        width: 100%;
    }
    .agri___d-flex > .left > img {
        width: 100%;
    }
    .agri___d-flex > .right {
        padding-left: initial;
    }

    .agri-img {
        width: 100%;
    }
}

.pc-none {
    display: none;
}
@media screen and (max-width: 700px) {
    .pc-none {
        display: block;
    }
}

.font-blue {
    color: #333399;
}

.agri-h2mincho {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, serif;
    color: #333399;
    font-size: 30px;
    font-weight: bold;
}
.agri-h3 {
    color: #333399;
    font-size: 18px;
    font-weight: bold;
}
@media screen and (max-width: 700px) {
    .agri-h2mincho {
        font-size: 1.5rem;
    }
    .agri-h3 {
        font-size: 1rem;
    }
}

.thought-bg {
    content: "";
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    padding: 200px 0;
    background: #ffffff;
    background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(242, 239, 255, 1) 23%, rgba(242, 239, 255, 1) 78%, rgba(255, 255, 255, 1) 100%);
    z-index: 0; /* 背景として配置 */
    pointer-events: none; /* 背景なのでクリックイベントを無効に */
}
.thought-bg::before {
    content: url(../images/agri/deco.png);
    position: absolute;
    top: 0;
    left: 60px;
}
.thought-bg::after {
    content: url(../images/agri/item_020.png);
    position: absolute;
    bottom: 0;
    right: 60px;
}
@media screen and (max-width: 700px) {
    .thought-bg {
        padding: 5rem 0;
    }
    .thought-bg::before {
        content:initial;
        position: absolute;
        top: 0;
        left: 60px;
    }
    .thought-bg::after {
        content: initial;
    }
}



.agri___album {
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
    z-index: 1; /* 前面に配置 */
}
.agri___album-bg {
    content: "";
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 100px 0;
    background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(226, 231, 245, 1) 23%, rgba(226, 231, 245, 1) 78%, rgba(255, 255, 255, 1) 100%);
    z-index: 0; /* 背景として配置 */
    pointer-events: none; /* 背景なのでクリックイベントを無効に */
}
.agri___album div {
    width: calc(100% / 3); /* 3列にする */
    box-sizing: border-box;
    padding: 10px; /* 間隔が必要なら */
}
.agri___album div img {
    width: 100%;
    height: auto;
    display: block;
}