@charset "UTF-8";
@media screen and (max-width: 1024px) {
    /*index*/
    /*メインビジュアル*/
    .index .mainimg {
        padding: 10rem 0 calc(4rem + 5.21vw);
    }
    .index .mainimg .decoArea .deco:nth-of-type(1) {
        width: 35vw;
        padding-top: 5rem;
    }
    .index .mainimg .decoArea .deco:nth-of-type(2) {
        width: 18vw;
    }
    .index .mainimg .decoArea .deco:nth-of-type(3) {
        width: 36vw;
        top: auto;
        bottom: 0;
    }
    .index .mainimg .decoArea .deco:nth-of-type(n+4) {
        display: none;
    }
    .index .mainimg .catch {
        position: relative;
        top: auto;
        margin: 0 0 2rem;
    }
    .index .mainimg .catch .balloon {
        width: 16rem;
        margin: 0 auto 0.5rem;
    }
    .index .mainimg .catch h2 {
        font-size: 2.6rem;
        line-height: 1.8;
    }
    .index .mainimg .catch h2 span {
        width: 3.6rem;
    }
    .index .mainimg .catch h2 span::before {
        width: 4.4rem;
        height: 3.8rem;
    }
    .index .mainimg .catch h2 span:nth-of-type(2)::before {
        width: 4.2rem;
        height: 3.8rem;
    }
    .index .mainimg .info {
        width: 88%;
        height: auto;
        flex-direction: column;
        gap: 0.8rem;
        position: relative;
        top: auto;
        left: auto;
        border-radius: 2rem;
        padding: 1.5rem 1rem 1.5rem 7rem;
        margin: 0 auto 3rem;
    }
    .index .mainimg .info p {
        font-size: 1.3rem;
        white-space: normal;
    }
    .index .mainimg .info p:last-of-type {
        font-size: 1.2rem;
    }
    .index .mainimg .info .illust {
        width: 5rem;
        top: -4rem;
        left: 1rem;
    }
    .index .mainimg .slider .pic {
        height: 48vw;
    }
    .index .mainimg .slider .pic img {
        width: 60vw;
        height: 38vw;
        border-radius: 2rem;
        margin: 5vw 0 0;
    }
    .index .mainimg .slider .slick-center img {
        width: 72vw;
        height: 48vw;
        margin: 0;
    }

    /*農産物直売所 あっちゃん*/
    .index_cnt1 {
        display: flex;
        flex-direction: column;
        padding: 6rem 0 8rem;
    }
    .index_cnt1 .picArea {
        width: 88%;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 1rem;
        order: 2;
        margin: 0 auto;
    }
    .index_cnt1 .picArea .pic {
        width: 100%;
        position: static;
        border-radius: 2rem !important;
    }
    .index_cnt1 .inner {
        margin: 0 auto 4rem;
    }
    .index_cnt1 .inner .cmt {
        font-size: 1.4rem;
        line-height: 2.1;
    }
    .index_cnt1 .inner .illust:nth-of-type(2) {
        width: 6rem;
        top: -2rem;
        left: 0;
    }
    .index_cnt1 .inner .illust:nth-of-type(3) {
        width: 4.4rem;
        top: -4rem;
        left: auto;
        right: 0;
    }
    .index_cnt1 .inner .illust:nth-of-type(4) {
        display: none;
    }

    /*直売所・喫茶*/
    .index_cnt2 {
        padding: 0 0 6rem;
    }
    .index_cnt2 .inner .col2 .left {
        padding: 0 0 3rem;
        margin: 0 0 3rem;
        border-bottom: 0.1rem dashed #ccc;
    }
    .index_cnt2 .inner .col2 .pic {
        border-radius: 3rem;
    }
    .index_cnt2 .inner .col2 .title h4 {
        font-size: 2.6rem;
    }
    .index_cnt2 .inner .col2 .tag {
        margin: 0 0 1.5rem;
    }
    .index_cnt2 .inner .col2 .tag .li {
        font-size: 1.3rem;
        padding: 0 1.2rem;
    }
    .index_cnt2 .inner .col2 .cmt {
        min-height: 0;
        font-size: 1.4rem;
        margin: 0 0 2rem;
    }
    .index_cnt2 .inner .col2 :is(.buttonA, .buttonB) {
        margin: 0 auto;
    }

    /*場所貸し*/
    .index_cnt3 {
        margin: 3rem 0;
        padding: 5rem 0 6rem;
    }
    .index_cnt3 .inner .col2 .catch {
        font-size: 2.2rem;
        line-height: 1.7;
        margin: 0 0 1.5rem;
    }
    .index_cnt3 .inner .col2 .cmt {
        font-size: 1.4rem;
        line-height: 2.1;
    }
    .index_cnt3 .inner .col2 .price {
        height: auto;
        flex-wrap: wrap;
        gap: 0.5rem 1.5rem;
        padding: 1.5rem 2rem;
    }
    .index_cnt3 .inner .col2 .price .dt {
        font-size: 1.4rem;
    }
    .index_cnt3 .inner .col2 .price .dd {
        font-size: 2rem;
    }
    .index_cnt3 .inner .col2 .buttonA {
        margin: 0 auto;
    }
    .index_cnt3 .inner .col2 .pic {
        border-radius: 3rem;
    }
    .index_cnt3 .inner .col2 .grid {
        gap: 0.6rem;
    }
    .index_cnt3 .inner .col2 .grid .li {
        height: 7.4rem;
        border-radius: 1.6rem;
        font-size: 1.1rem;
        white-space: normal;
        text-align: center;
        padding: 0 0.2rem 0.8rem;
    }
    .index_cnt3 .inner .col2 .grid .li img {
        max-height: 3.4rem;
    }

    /*小麦粉「農林61号」*/
    .index_cnt4 {
        padding: 6rem 0 0;
    }
    .index_cnt4 .inner .col2 .pic {
        border-radius: 3rem;
    }
    .index_cnt4 .inner .col2 .right .illust {
        width: 9rem;
        top: -2rem;
        right: 0;
    }
    .index_cnt4 .inner .col2 .right .catch {
        font-size: 2.2rem;
        line-height: 1.6;
        margin: 0 0 1.5rem;
    }
    .index_cnt4 .inner .col2 .right .cmt {
        font-size: 1.4rem;
        line-height: 2.1;
        margin: 0 0 2.5rem;
    }
    .index_cnt4 .inner .col2 .right .buttonA {
        margin: 0 auto 2.5rem;
    }
    .index_cnt4 .inner .col2 .right .link a {
        height: auto;
        flex-direction: column;
        align-items: flex-start;
        gap: 1.2rem;
        padding: 2rem;
    }
    .index_cnt4 .inner .col2 .right .link .logo {
        width: 18rem;
    }
    .index_cnt4 .inner .col2 .right .link .dt {
        font-size: 1.5rem;
        margin: 0 0 0.8rem;
    }
    .index_cnt4 .inner .col2 .right .link .dd {
        font-size: 1.3rem;
    }

    /*最新情報はInstagramで*/
    .index_cnt5 {
        padding: 8rem 0 0;
    }
    .index_cnt5 .inner {
        width: 88%;
    }
    .index_cnt5 .inner .read {
        font-size: 1.4rem;
        line-height: 1.8;
        margin: 0 0 3rem;
    }
    .index_cnt5 .inner .webgene-blog {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 0.8rem;
        margin: 0 0 3rem;
    }
    .index_cnt5 .inner .grid .pic {
        border-radius: 1.6rem;
    }
    .index_cnt5 .inner .buttonA {
        max-width: 36rem;
    }

    /*お知らせ*/
    .index_cnt6 {
        padding: 8rem 0 6rem;
    }
    .index_cnt6 .inner .head {
        flex-wrap: wrap;
        margin: 0 0 3rem;
    }
    .index_cnt6 .inner .head .titleA {
        width: 100%;
        margin: 0 0 1.5rem !important;
    }
    .index_cnt6 .inner .head .read {
        font-size: 1.4rem;
        line-height: 2;
        margin: 0;
    }
    .index_cnt6 .inner .head .illust {
        width: 8rem;
        top: -3rem;
        left: auto;
        right: 0;
    }
    .index_cnt6 .inner .head .more {
        margin: 1.5rem 0 0 auto;
    }
    :is(.index_cnt6, .topics_cnt2) .inner .webgene-blog {
        grid-template-columns: repeat(auto-fill, minmax(min(28rem, 100%), 1fr));
        gap: 3rem 2rem;
    }
    :is(.index_cnt6, .topics_cnt2) .inner .webgene-item .dl {
        padding: 0 0 3rem;
        margin: 0 0 3rem;
        border-bottom: 0.1rem dashed #ccc;
    }
    :is(.index_cnt6, .topics_cnt2) .inner .webgene-item .pic {
        border-radius: 3rem;
    }
    :is(.index_cnt6, .topics_cnt2) .inner .webgene-item :is(.day, .cate) {
        font-size: 1.3rem;
    }
    .index_cnt6 .inner .webgene-item .dt {
        font-size: 1.9rem;
    }

    /*プログレス有限会社について*/
    .index_cnt7 {
        margin: 3rem 0;
        padding: 5rem 0 8rem;
    }
    .index_cnt7 .inner .col2 {
        margin: 0 0 4rem;
    }
    .index_cnt7 .inner .col2 .catch {
        font-size: 2.2rem;
        line-height: 1.6;
        margin: 0 0 1.5rem;
    }
    .index_cnt7 .inner .col2 .cmt {
        font-size: 1.4rem;
        line-height: 2.1;
        margin: 0 0 2.5rem;
    }
    .index_cnt7 .inner .col2 .cmt br {
        display: none;
    }
    .index_cnt7 .inner .col2 .flex {
        justify-content: center;
    }
    .index_cnt7 .inner .col2 .right {
        margin: 0 !important;
    }
    .index_cnt7 .inner .col2 .pic {
        border-radius: 3rem;
    }
    .index_cnt7 .inner .recruit {
        grid-template-columns: minmax(0, 1fr);
        row-gap: 2rem;
        border-radius: 3rem;
        padding: 2.5rem 2.5rem 6rem;
    }
    .index_cnt7 .inner .recruit .pic {
        grid-row: auto;
    }
    .index_cnt7 .inner .recruit .title {
        padding: 0;
    }
    .index_cnt7 .inner .recruit h4 {
        font-size: 2.1rem;
        line-height: 1.5;
        margin: 0 0 0.8rem;
    }
    .index_cnt7 .inner .recruit .cmt {
        font-size: 1.4rem;
    }
    .index_cnt7 .inner .recruit .buttonA {
        width: 80% !important;
    }

    /*お問い合わせ（トップ・お問い合わせ共通）*/
    .index_cnt8 {
        padding: 6rem 0 0;
    }
    :is(.index_cnt8, .contact_cnt1) .inner .read {
        font-size: 1.4rem;
        line-height: 2;
        margin: 0 0 2.5rem;
    }
    :is(.index_cnt8, .contact_cnt1) .inner .tel {
        margin: 0 auto 4rem;
    }
    :is(.index_cnt8, .contact_cnt1) .inner .form {
        padding: 4rem 5% 5rem;
    }
    :is(.index_cnt8, .contact_cnt1) .inner .form .dl {
        display: block;
        margin: 0 0 2.5rem !important;
    }
    :is(.index_cnt8, .contact_cnt1) .inner .form .dl .dt {
        padding: 0 !important;
        margin: 0 0 1rem;
    }
    :is(.index_cnt8, .contact_cnt1) .inner .form .labelText01 {
        font-size: 1.5rem;
    }
    :is(.index_cnt8, .contact_cnt1) .inner .form :is(.formInput:not(.fileInput), .formTextArea) {
        height: 5rem;
        font-size: 1.5rem;
        padding: 0 1.5rem;
    }
    :is(.index_cnt8, .contact_cnt1) .inner .form .formTextArea:not(.fileInput) {
        height: 16rem;
        padding: 1.2rem 1.5rem;
    }
    :is(.index_cnt8, .contact_cnt1) .inner .form .fileCaution {
        font-size: 1.3rem;
        margin: 0 0 1.5rem;
    }
    :is(.index_cnt8, .contact_cnt1) .inner .form .fileInput {
        max-width: 100%;
        font-size: 1.3rem;
    }
    :is(.index_cnt8, .contact_cnt1) .inner .form .fileInput::file-selector-button {
        width: 12rem;
        height: 4.4rem;
        font-size: 1.4rem;
        margin: 0 1rem 0 0;
    }
    :is(.index_cnt8, .contact_cnt1) .inner .form .terms {
        height: 20rem;
        padding: 1rem 1.5rem;
    }
    :is(.index_cnt8, .contact_cnt1) .inner .form .terms p {
        font-size: 1.3rem;
        line-height: 1.8;
    }
    :is(.index_cnt8, .contact_cnt1) .inner .form .col {
        padding: 0;
        margin: 1rem 0 3rem;
    }
    :is(.index_cnt8, .contact_cnt1) .inner .form .privacyLabel {
        font-size: 1.4rem;
    }





    /*shop*/
    /*あっちゃんについて*/
    .shop_cnt1 {
        padding: 5rem 0 6rem;
    }
    .shop_cnt1 .inner {
        position: relative;
    }
    .shop_cnt1 .inner .titleA {
        margin: 0 0 3rem !important;
    }
    .shop_cnt1 .inner .picArea {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 1rem;
        margin: 0 0 2rem;
    }
    .shop_cnt1 .inner .picArea .pic {
        width: 100% !important;
        position: static;
        border-radius: 2rem;
    }
    .shop_cnt1 .inner .picArea .pic:nth-of-type(1) {
        grid-column: 1 / -1;
    }
    .shop_cnt1 .inner .window {
        width: 100%;
        border-radius: 3rem;
        padding: 3rem 2.5rem;
        margin: 0;
    }
    .shop_cnt1 .inner .window h4 {
        font-size: 2.2rem;
        line-height: 1.6;
        margin: 0 0 1.5rem;
    }
    .shop_cnt1 .inner .window .cmt {
        font-size: 1.4rem;
        line-height: 2.1;
    }
    .shop_cnt1 .inner .decoArea {
        display: none;
    }

    /*直売所*/
    .shop_cnt2 {
        margin: 3rem 0;
        padding: 5rem 0 6rem;
    }
    :is(.shop_cnt2, .shop_cnt3) .inner {
        width: 88%;
    }
    :is(.shop_cnt2, .shop_cnt3, .shop_cnt4) .inner .read {
        font-size: 1.4rem;
        line-height: 2;
        text-align: left;
        margin: 0 0 3rem;
    }
    .shop_cnt2 .inner .rice {
        grid-template-columns: minmax(0, 1fr);
        gap: 2.5rem;
        padding: 2.5rem 2rem 3rem;
        margin: 0 0 2rem;
    }
    .shop_cnt2 .inner .rice .pic {
        border-radius: 3rem;
    }
    .shop_cnt2 .inner .rice .titleB {
        font-size: 2.4rem;
        margin: 0 0 1.5rem;
    }
    .shop_cnt2 .inner .rice .sub {
        font-size: 1.3rem;
        line-height: 1.7;
        margin: 0 0 2rem;
    }
    .shop_cnt2 .inner .rice .catch {
        font-size: 1.8rem;
        line-height: 1.6;
        margin: 0 0 1rem;
    }
    .shop_cnt2 .inner .rice .cmt {
        font-size: 1.4rem;
        line-height: 2.1;
        margin: 0 0 2rem;
    }
    .shop_cnt2 .inner .grid {
        grid-template-columns: minmax(0, 1fr);
        gap: 2rem;
    }
    .shop_cnt2 .inner .grid .dl {
        padding: 3rem 2rem;
    }
    .shop_cnt2 .inner .grid .titleB {
        font-size: 2.2rem;
    }
    .shop_cnt2 .inner .grid .cmt {
        font-size: 1.4rem;
        line-height: 2.1;
        margin: 0 0 2rem;
    }
    .shop_cnt2 .inner .grid .pic {
        border-radius: 3rem;
    }

    /*喫茶*/
    .shop_cnt3 {
        padding: 6rem 0;
    }
    :is(.shop_cnt3, .shop_cnt4) .inner .catch {
        font-size: 2.2rem;
        line-height: 1.6;
        margin: 0 0 2rem;
    }
    .shop_cnt3 .inner .grid {
        grid-template-columns: minmax(0, 1fr);
        gap: 4rem;
        margin: 0 0 5rem;
    }
    .shop_cnt3 .inner .grid .dl {
        padding: 0 0 3rem;
        margin: 0 0 3rem;
        border-bottom: 0.1rem dashed #ccc;
    }
    .shop_cnt3 .inner .grid .pic {
        aspect-ratio: 450/340;
        border-radius: 3rem;
        margin: 0 0 2rem;
    }
    .shop_cnt3 .inner .grid .titleB {
        font-size: 2.1rem;
        margin: 0 0 1.5rem;
    }
    .shop_cnt3 .inner .grid .price {
        font-size: 1.5rem;
        margin: 0 0 1.2rem;
    }
    .shop_cnt3 .inner .grid .cmt {
        font-size: 1.3rem;
        margin: 0;
    }
    .shop_cnt3 .inner .drink {
        padding: 2.5rem 2rem;
        margin: 0 0 2rem;
    }
    .shop_cnt3 .inner .drink .dt {
        font-size: 2rem;
        margin: 0 0 1rem;
    }
    .shop_cnt3 .inner .drink .dd {
        font-size: 1.4rem;
        line-height: 1.8;
    }
    .shop_cnt3 .inner .window {
        flex-direction: column;
        gap: 2rem;
        padding: 2.5rem 2rem 3rem;
    }
    .shop_cnt3 .inner .window .pic {
        width: 20rem;
        border-radius: 3rem;
    }
    .shop_cnt3 .inner .window .cmt {
        font-size: 1.4rem;
        line-height: 2.1;
        margin: 0 0 2rem;
    }
    .shop_cnt3 .inner .window .buttonA {
        margin: 0 auto;
    }

    /*場所貸し*/
    .shop_cnt4 {
        margin: 3rem 0;
        padding: 5rem 0 6rem;
    }
    .shop_cnt4 .slider {
        margin: 0 0 9rem;
    }
    .shop_cnt4 .slider .set {
        width: 80vw;
        flex-direction: column;
        gap: 1.5rem;
        border-radius: 3rem;
        padding: 2rem 2rem 2.5rem;
        margin: 0 1rem;
    }
    .shop_cnt4 .slider .set .num {
        width: 3.8rem;
        font-size: 1.3rem;
        top: 1.2rem;
        left: 1.2rem;
    }
    .shop_cnt4 .slider .set .pic {
        width: 100%;
    }
    .shop_cnt4 .slider .set .dt {
        font-size: 2rem;
        line-height: 1.5;
        margin: 0 0 1rem;
    }
    .shop_cnt4 .slider .set .cate {
        height: auto;
        font-size: 1.2rem;
        line-height: 1.5;
        padding: 0.6rem 1.4rem;
        margin: 0 0 1rem;
    }
    .shop_cnt4 .slider .set .cmt {
        font-size: 1.4rem;
    }
    .shop_cnt4 .slider :is(.slick-prev, .slick-next) {
        bottom: -6rem;
    }
    .shop_cnt4 .inner .price {
        margin: 0 auto 3rem;
    }
    .shop_cnt4 .inner .price .dl {
        flex-wrap: wrap;
        gap: 0.5rem 1.5rem;
    }
    .shop_cnt4 .inner .price .dt {
        font-size: 1.4rem;
    }
    .shop_cnt4 .inner .price .dd {
        font-size: 2rem;
    }
    .shop_cnt4 .inner .price>p {
        font-size: 1.2rem;
    }
    .shop_cnt4 .inner .tableB {
        margin: 0 0 5rem;
    }
    .shop_cnt4 .inner h4 {
        font-size: 2.2rem;
        margin: 0 0 2rem;
    }
    :is(.about_cnt4, .about_cnt7) .inner .grid .dl {
        padding: 0 0 3rem;
        margin: 0 0 3rem;
        border-bottom: 0.1rem dashed #ccc;
    }
    :is(.shop_cnt4, .about_cnt9) .inner .flow {
        grid-template-columns: minmax(0, 1fr);
        gap: 4rem;
        margin: 0 0 4rem;
    }
    :is(.shop_cnt4, .about_cnt9) .inner .flow .dl {
        min-height: 0;
        border-radius: 3rem;
        padding: 2.5rem 2rem;
    }
    :is(.shop_cnt4, .about_cnt9) .inner .flow .dl:not(:last-of-type)::after {
        top: auto;
        bottom: -3.1rem;
        right: calc(50% - 0.9rem);
        transform: rotate(90deg);
    }
    :is(.shop_cnt4, .about_cnt9) .inner .flow .num {
        font-size: 2rem;
        margin: 0 0 1rem;
    }
    :is(.shop_cnt4, .about_cnt9) .inner .flow .dt {
        font-size: 2rem;
        margin: 0 0 1rem;
    }
    :is(.shop_cnt4, .about_cnt9) .inner .flow .dd:not(.num) {
        font-size: 1.4rem;
        line-height: 1.9;
    }

    /*店舗情報・アクセス*/
    .shop_cnt5 {
        padding: 6rem 0 0;
    }
    .shop_cnt5 .inner .table {
        margin: 0 0 3rem;
    }
    .shop_cnt5 .inner .map {
        height: 30rem;
    }





    /*about*/
    /*プログレス有限会社について*/
    .about_cnt1 {
        margin: 6rem 0 3rem;
        padding: 5rem 0 6rem;
    }
    .about_cnt1 .inner .col2 {
        margin: 0;
    }
    .about_cnt1 .inner .col2 .pic {
        border-radius: 3rem;
    }
    .about_cnt1 .inner .col2 .right {
        margin: 0;
    }
    :is(.about_cnt1, .about_cnt6) .inner .col2 .catch {
        font-size: 2.2rem;
        line-height: 1.6;
        margin: 0 0 1.5rem;
    }
    .about_cnt1 .inner .col2 .cmt {
        font-size: 1.4rem;
        line-height: 2.1;
    }
    .about_cnt1 .inner .col2 .cmt br {
        display: none;
    }

    /*代表挨拶*/
    .about_cnt2 {
        padding: 6rem 0 5rem;
    }
    .about_cnt2 .inner .col2 {
        display: flex !important;
        flex-direction: column;
    }
    .about_cnt2 .inner .cmt {
        font-size: 1.4rem;
        line-height: 2.1;
    }
    .about_cnt2 .inner .col2 .right {
        margin: 0 auto !important;
    }
.about_cnt2 .inner .col2 .right .pic {
    margin: 0 auto;
  }
    /*会社概要*/
    .about_cnt3 {
        padding: 0 0 6rem;
    }
    :is(.about_cnt3, .about_cnt8) .inner {
        padding: 4rem 5% 4rem;
    }

    /*事業紹介*/
    .about_cnt4 {
        margin: 3rem 0;
        padding: 5rem 0 6rem;
    }
    :is(.about_cnt4, .about_cnt7) .inner .read {
        font-size: 1.4rem;
        line-height: 2;
        text-align: left;
    }
    .about_cnt4 .inner .read {
        margin: 0 0 3rem;
    }
    .about_cnt4 .inner .window {
        text-align: left;
        padding: 3rem 2rem;
        margin: 0 0 4rem;
    }
    .about_cnt4 .inner .window .dt {
        font-size: 2rem;
        text-align: center;
        margin: 0 0 1.5rem;
    }
    .about_cnt4 .inner .window .dd {
        font-size: 1.4rem;
        line-height: 2.1;
    }
    .about_cnt4 .inner .grid {
        grid-template-columns: minmax(0, 1fr);
        gap: 4rem;
        margin: 0 0 5rem;
    }
    :is(.about_cnt4, .about_cnt7) .inner .grid .pic {
        aspect-ratio: 450/320;
        border-radius: 3rem;
        margin: 0 0 2rem;
    }
    :is(.about_cnt4, .about_cnt7) .inner .grid .titleB {
        margin: 0 0 1.2rem;
    }
    :is(.about_cnt4, .about_cnt7) .inner .grid .cmt {
        font-size: 1.4rem;
        margin: 0;
    }
    .about_cnt4 .inner .target {
        margin: 0 0 5rem;
    }
    .about_cnt4 .inner .target .dt {
        width: 100%;
        font-size: 1.9rem;
        text-align: center;
        margin: 0 0 0.8rem;
    }
    .about_cnt4 .inner .target .dd {
        height: 4.4rem;
        font-size: 1.4rem;
        padding: 0 1.6rem;
    }
    .about_cnt4 .inner .results .dd {
        font-size: 1.4rem;
    }

    /*強み*/
    .about_cnt5 {
        padding: 6rem 0;
    }
    .about_cnt5 .inner .grid {
        grid-template-columns: minmax(0, 1fr);
        gap: 4rem;
        margin: 0 0 4rem;
    }
    .about_cnt5 .inner .grid .dl {
        border-radius: 3rem;
        padding: 4rem 2.5rem 3rem;
    }
    .about_cnt5 .inner .grid .dt {
        font-size: 2rem;
        margin: 0 0 1rem;
    }
    .about_cnt5 .inner .grid .dd:not(.num) {
        font-size: 1.4rem;
    }
    :is(.about_cnt5, .about_cnt6) .inner .window {
        flex-direction: column-reverse;
    }
    :is(.about_cnt5, .about_cnt6) .inner .window .left {
        padding: 2.5rem 2rem 3rem;
    }
    :is(.about_cnt5, .about_cnt6) .inner .window h4 {
        font-size: 1.9rem;
        line-height: 1.6;
        margin: 0 0 1.5rem;
    }
    :is(.about_cnt5, .about_cnt6) .inner .window .pic {
        width: 100%;
        aspect-ratio: 575/280;
    }
    .about_cnt5 .inner .window .num {
        font-size: 2.4rem;
    }
    .about_cnt5 .inner .window .time {
        font-size: 1.3rem;
        margin: 0 0 2rem;
    }
    :is(.about_cnt5, .about_cnt6) .inner .window .buttonA {
        margin: 0 auto;
    }

    /*小麦粉「農林61号」*/
    .about_cnt6 {
        margin: 3rem 0;
        padding: 5rem 0 6rem;
    }
    .about_cnt6 .inner .col2 {
        margin: 0 0 5rem;
    }
    .about_cnt6 .inner .col2 .pic {
        border-radius: 3rem;
    }
    .about_cnt6 .inner .col2 .illust {
        width: 9rem;
        top: -2rem;
        right: 0;
    }
    .about_cnt6 .inner .col2 .cmt {
        font-size: 1.4rem;
        line-height: 2.1;
        margin: 0 0 2.5rem;
    }
  .about_cnt6 .inner .grid .dd .feat_ttl {
    font-size: 1.9rem;
  }
  .about_cnt6 .inner .grid .dd .feat_txt {
    font-size: 1.4rem;
  }
    .about_cnt6 .inner .col2 .cmt br {
        display: none;
    }
    .about_cnt6 .inner .col2 .buttonA {
        margin: 0 auto;
    }
    .about_cnt6 .inner .titleB {
        margin: 0 0 2rem;
    }
    .about_cnt6 .inner .grid {
        grid-template-columns: minmax(0, 1fr);
        gap: 1rem;
        margin: 0 0 4rem;
    }
    .about_cnt6 .inner .grid .dl {
        height: auto;
        min-height: 7rem;
        gap: 1.5rem;
        padding: 1rem 2rem 1rem 1rem;
    }
    .about_cnt6 .inner .grid .dt {
        width: 5rem;
        font-size: 1.7rem;
    }
    .about_cnt6 .inner .grid .dt::first-line {
        font-size: 1.2rem;
    }
    .about_cnt6 .inner .grid .dd {
        font-size: 1.5rem;
        line-height: 1.6;
    }
    .about_cnt6 .inner .window .logo {
        width: 18rem;
        margin: 0 0 1.2rem;
    }
    .about_cnt6 .inner .window .cmt {
        font-size: 1.4rem;
        line-height: 2;
        margin: 0 0 2rem;
    }

    /*採用情報*/
    .about_cnt7 {
        padding: 6rem 0 5rem;
    }
    .about_cnt7 .inner .catch {
        font-size: 2.1rem;
        line-height: 1.6;
        margin: 0 0 2rem;
    }
    .about_cnt7 .inner .read {
        margin: 0 0 3rem;
    }
    .about_cnt7 .inner .grid {
        grid-template-columns: minmax(0, 1fr);
        gap: 3rem;
    }

    /*募集要項*/
    :is(.about_cnt8, .about_cnt9) .inner .titleB {
        margin: 0 0 2.5rem;
    }
    .about_cnt8 .inner .flex {
        flex-direction: column;
        align-items: center;
        gap: 2rem;
        margin: 0 0 3rem;
    }
    .about_cnt8 .inner .flex .catch {
        font-size: 2rem;
        line-height: 1.6;
        text-align: center;
    }
    .about_cnt8 .inner .flex .li {
        font-size: 1.4rem;
        line-height: 1.6;
        margin: 0 0 0.8rem;
    }
    .about_cnt8 .inner .flex .li::before {
        width: 2.8rem;
        flex-shrink: 0;
    }

    /*応募の流れ*/
    .about_cnt9 {
        padding: 6rem 0 0;
    }
    .about_cnt9 .inner .flow .num {
        order: -1;
    }





    /*topics&topicsdetail共通*/
    .topics_cnt1 {
        margin: 2.5rem 0 0;
    }
    .topics_cnt1 .inner :is(.all, .webgene-item) a {
        height: 4.4rem;
        gap: 1rem;
        font-size: 1.3rem;
        padding: 0 1.6rem 0 2rem;
    }
    .topics_cnt2 {
        padding: 4rem 0 0;
    }
    .topics_cnt2 .inner .webgene-item .dt {
        font-size: 1.7rem;
        line-height: 1.5;
        margin: 0 0 1rem 0.4rem;
    }
    .topics_cnt2 .inner .webgene-item .cmt {
        font-size: 1.3rem;
    }
    .topics_cnt2 .inner .webgene-pagination ul {
        gap: 0.6rem;
    }
    .topics_cnt2 .inner .webgene-pagination ul li a {
        width: 3.4rem;
        font-size: 1.3rem;
    }
    .topics_cnt2 .inner .webgene-pagination ul li.prev {
        margin: 0 1rem 0 0;
    }
    .topics_cnt2 .inner .webgene-pagination ul li.next {
        margin: 0 0 0 1rem;
    }
    .topicsdetail_cnt1 {
        padding: 5rem 0 0;
    }
    .topicsdetail_cnt1 .inner .webgene-item .dt {
        font-size: 2.2rem;
        line-height: 1.5;
        margin: 0 0 1rem;
    }
    .topicsdetail_cnt1 .inner .webgene-item .day {
        font-size: 1.3rem;
        margin: 0 1rem 0 0;
    }
    .topicsdetail_cnt1 .inner .webgene-item .cate {
        font-size: 1.3rem;
    }
    .topicsdetail_cnt1 .inner .webgene-item .pic {
        margin: 0 0 3rem;
    }
    .topicsdetail_cnt1 .inner .webgene-item .slick-img {
        border-radius: 2rem;
    }
    .topicsdetail_cnt1 .inner .webgene-item .thumbnail-img img {
        border-radius: 1rem;
    }
    .topicsdetail_cnt1 .inner .webgene-item .cmt {
        font-size: 1.4rem;
        line-height: 2;
    }
    .topicsdetail_cnt1 .inner .webgene-blog {
        margin: 0 0 5rem;
    }





    /*contact*/
    .contact_cnt1 {
        padding: 5rem 0 0;
    }
}

@media screen and (max-width: 520px){
.shop_cnt4 .inner .tableB .dl {
  grid-template-columns: auto !important;}
      .about_cnt4 .inner .target .dd {
        padding: 0 1.2rem;}
  
}
@media screen and (max-width: 1024px){
  .index_cnt6 .inner .webgene-item .dt {
    bottom: 9.2rem;}
.decosp {
    display: block !important;
}
  .index .mainimg .decoArea .deco:nth-of-type(5) {
    width: 3.6rem;
    top: 19.8rem;
    left: calc(50% + 13.2rem);
}
  .index .mainimg .decoArea .deco:nth-of-type(7) {
    width: 14.11vw;
    top: calc(51rem + 4.96vw);
    left: 12.3vw;
}
}
@media (min-width:1025px) and (max-width:1600px){
  .index_cnt1 .inner .cmt {
    max-width: 70rem;
    margin: 0 auto;
}
}
@media screen and (min-width: 1025px){
  .spbr br{display:none;}
}
@media screen and (min-width: 1600px){
    .index_cnt1 .inner .cmt {
    max-width: 85rem;
    margin: 0 auto;
}
}