@charset "UTF-8";
/*index*/
/*メインビジュアル*/
.index .mainimg {
    background: #fffaeb;
    position: relative;
    overflow: hidden;
    padding: 51rem 0 calc(5.2rem + 5.21vw); /*10*/
}
.index .mainimg::after {
    content: "";
    width: 100%;
    height: 5.21vw; /*10*/
    background: url(/system_panel/uploads/images/wave_bottom_white.png) no-repeat center bottom / 100% 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 3;
}
.index .mainimg .decoArea .deco {
    position: absolute;
    pointer-events: none;
}
.index .mainimg .decoArea .deco img {
    width: 100%;
}
.index .mainimg .decoArea .deco:nth-of-type(1) {
    width: 15.83vw; /*30.4*/
    top: 0;
    left: 0;
}
.index .mainimg .decoArea .deco:nth-of-type(2) {
    width: 11.15vw; /*21.4*/
    top: 0;
    right: 0;
}
.index .mainimg .decoArea .deco:nth-of-type(3) {
    width: 26.56vw; /*51*/
    top: calc(51rem + 10.83vw); /*20.8*/
    right: 0;
}
.index .mainimg .decoArea .deco:nth-of-type(4) {
    width: 9.2rem;
    top: 21.9rem;
    left: calc(50% - 46.1rem);
}
.index .mainimg .decoArea .deco:nth-of-type(5) {
    width: 6.6rem;
    top: 19.8rem;
    left: calc(50% + 22.2rem);
}
.index .mainimg .decoArea .deco:nth-of-type(6) {
    width: 9.9rem;
    top: 38.7rem;
    left: calc(50% + 51.9rem);
}
.index .mainimg .decoArea .deco:nth-of-type(7) {
    width: 4.11vw; /*7.9*/
    top: calc(51rem + 18.96vw); /*36.4*/
    left: 16.3vw; /*31.3*/
}
.index .mainimg .decoArea .deco:nth-of-type(8) {
    width: 4.79vw; /*9.2*/
    top: calc(51rem + 21.04vw); /*40.4*/
    left: 65.26vw; /*125.3*/
    z-index: 2;
}
.index .mainimg .decoArea .deco:nth-of-type(9) {
    width: 27.1rem;
    top: 25.5rem;
    left: calc(50% + 24.3rem);
}
.index .mainimg .catch {
    width: 100%;
    position: absolute;
    top: 16.5rem;
    left: 0;
    z-index: 2;
    text-align: center;
}
.index .mainimg .catch .balloon {
    width: 22rem;
    margin: 0 auto -0.6rem;
}
.index .mainimg .catch h2 {
    font-size: 4rem;
    line-height: 1.875;
    color: #383838;
    padding: 0 0 0 0.4rem;
}
.index .mainimg .catch h2 span {
    display: inline-block;
    width: 5.2rem;
    text-align: center;
    letter-spacing: 0;
    color: #fbf9f3;
    position: relative;
    z-index: 1;
}
.index .mainimg .catch h2 span::before {
    content: "";
    width: 6.6rem;
    height: 5.6rem;
    background: url(/system_panel/uploads/images/index_mainimg_icon1.png) no-repeat center / contain;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -42%);
    z-index: -1;
}
.index .mainimg .catch h2 span:nth-of-type(2)::before {
    width: 6.2rem;
    height: 5.7rem;
    background-image: url(/system_panel/uploads/images/index_mainimg_icon2.png);
    transform: translate(-50%, -60%);
}
.index .mainimg .catch h2 span:nth-of-type(2) {
    margin: 0 0.6rem 0 0;
}
.index .mainimg .info {
    width: 65rem;
    height: 5.5rem;
    background: #fff;
    border-radius: 2.75rem;
    display: flex;
    align-items: center;
    gap: 2rem;
    position: absolute;
    top: 39.9rem;
    left: calc(50% - 32.5rem);
    z-index: 3;
    padding: 0 0 0 4.2rem;
}
.index .mainimg .info p {
    font-size: 1.6rem;
    white-space: nowrap;
}
.index .mainimg .info p:last-of-type {
    font-size: 1.5rem;
    font-weight: 400;
}
.index .mainimg .info .illust {
    width: 9.3rem;
    position: absolute;
    top: -9.8rem;
    left: -5.3rem;
}
.index .mainimg .slider {
    position: relative;
    z-index: 1;
}
.index .mainimg .slider .slick-list {
    overflow: visible;
}
.index .mainimg .slider .pic {
    height: 23.96vw; /*46*/
    overflow: visible;
}
.index .mainimg .slider .pic img {
    width: 23.96vw; /*46*/
    height: 14.58vw; /*28*/
    border: 0.3rem solid #fff;
    border-radius: 4rem;
    background: #e6e1d4;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    margin: 3.02vw 0 0; /*5.8*/
    transition: width 1s, height 1s, margin 1s;
}
.index .mainimg .slider .slick-center img {
    width: 39.58vw; /*76*/
    height: 23.96vw; /*46*/
    margin: 0;
}

/*農産物直売所 あっちゃん*/
.index_cnt1 {
    position: relative;
    padding: 15.2rem 0 26.9rem;
}
.index_cnt1 .picArea .pic {
    width: 18.75vw; /*36*/
    aspect-ratio: 360/380;
    position: absolute;
    border-radius: 0 6rem 6rem 0;
}
.index_cnt1 .picArea .pic:nth-of-type(-n+2) {
    left: 0;
}
.index_cnt1 .picArea .pic:nth-of-type(n+3) {
    right: 0;
    border-radius: 6rem 0 0 6rem;
}
.index_cnt1 .picArea .pic:nth-of-type(odd) {
    top: 10.8rem;
}
.index_cnt1 .picArea .pic:nth-of-type(even) {
    top: calc(10.8rem + 19.79vw + 6.6rem); /*38*/
}
.index_cnt1 .inner .titleA {
    margin: 0 0 5.6rem;
}
.index_cnt1 .inner .cmt {
    font-size: 1.8rem;
    line-height: 2.444;
    text-align: center;
}
.index_cnt1 .inner .illust {
    position: absolute;
    pointer-events: none;
}
.index_cnt1 .inner .illust:nth-of-type(2) {
    width: 11rem;
    top: 1.9rem;
    left: calc(50% - 42.5rem);
}
.index_cnt1 .inner .illust:nth-of-type(3) {
    width: 6.2rem;
    top: -8rem;
    left: calc(50% + 30.9rem);
}
.index_cnt1 .inner .illust:nth-of-type(4) {
    width: 5.6rem;
    top: 69.8rem;
    left: calc(50% + 19.6rem);
}

/*直売所・喫茶*/
.index_cnt2 {
    padding: 0 0 13.7rem;
}
.index_cnt2 .inner .col2 {
    display: flex;
    justify-content: space-between;
    gap: 6rem;
}
.index_cnt2 .inner .col2 :is(.left, .right) {
    width: 57rem;
    display: flex;
    flex-direction: column;
}
.index_cnt2 .inner .col2 .pic {
    width: 100%;
    aspect-ratio: 570/420;
    border-radius: 6rem;
    margin: 0 0 2rem;
}
.index_cnt2 .inner .col2 .title {
    position: relative;
    padding: 0 0 0 5.4rem;
    margin: 0 0 1.9rem -0.3rem;
}
.index_cnt2 .inner .col2 .title::before {
    content: "";
    width: 4.5rem;
    aspect-ratio: 1/1;
    background: #ffac57 url(/system_panel/uploads/images/icon_mark.png) no-repeat center / 3.2rem auto;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
}
.index_cnt2 .inner .col2 .right .title::before {
    background-color: #bed06c;
}
.index_cnt2 .inner .col2 .title h4 {
    font-size: 3.4rem;
    line-height: 4.5rem;
    margin: 0 0 0.5rem;
}
.index_cnt2 .inner .col2 .title p {
    font-size: 1.3rem;
    font-weight: 400;
    color: #ffac57;
}
.index_cnt2 .inner .col2 .right .title p {
    color: #bed06c;
}
.index_cnt2 .inner .col2 .tag {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    padding: 0;
    margin: 0 0 1.7rem 3rem;
}
.index_cnt2 .inner .col2 .tag .li {
    height: 2.7rem;
    background: #f7f3e8;
    border-radius: 1.35rem;
    display: flex;
    align-items: center;
    font-size: 1.6rem;
    font-weight: 400;
    color: #5b3d23;
    padding: 0 1.7rem;
}
.index_cnt2 .inner .col2 .right .tag .li {
    background: #e9f1c5;
    color: #4f5920;
}
.index_cnt2 .inner .col2 .cmt {
    max-width: 50.4rem;
    min-height: 10.8rem;
    font-size: 1.8rem;
    line-height: 2;
    margin: 0 0 1.9rem 2.8rem;
}
.index_cnt2 .inner .col2 :is(.buttonA, .buttonB) {
    width: 30rem;
    margin: auto 0 0 2.7rem;
}

/*場所貸し*/
.index_cnt3 {
    margin: 5.21vw 0; /*10*/
    padding: 9.8rem 0 10.2rem;
}
.index_cnt3 .inner .titleA {
    margin: 0 0 6.5rem;
}
.index_cnt3 .inner .col2 {
    display: flex;
    justify-content: space-between;
    gap: 3rem;
}
.index_cnt3 .inner .col2 .left {
    width: 61.5rem;
}
.index_cnt3 .inner .col2 .right {
    width: 55rem;
}
.index_cnt3 .inner .col2 .catch {
    font-size: 3.6rem;
    line-height: 1.806;
    color: #5b3d23;
    margin: 0 0 2.3rem;
}
.index_cnt3 .inner .col2 .cmt {
    font-size: 1.8rem;
    line-height: 2.444;
    margin: 0 0 2rem;
}
.index_cnt3 .inner .col2 .price {
    width: min(44rem, 100%);
    height: 8rem;
    background: #fff;
    border-radius: 2rem;
    display: flex;
    align-items: center;
    gap: 2.2rem;
    padding: 0 0 0 3rem;
    margin: 0 0 2.9rem;
}
.index_cnt3 .inner .col2 .price .dt {
    font-size: 1.8rem;
    margin: 0.4rem 0 0;
}
.index_cnt3 .inner .col2 .price .dd {
    font-size: 2.5rem;
    color: #ffb264;
}
.index_cnt3 .inner .col2 .buttonA {
    width: 34.3rem;
}
.index_cnt3 .inner .col2 .pic {
    width: 100%;
    aspect-ratio: 550/370;
    border-radius: 5rem;
    margin: 0 0 1.5rem;
}
.index_cnt3 .inner .col2 .grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1.1rem 1rem;
    padding: 0;
}
.index_cnt3 .inner .col2 .grid .li {
    height: 8.5rem;
    background: #e7eeca;
    border-radius: 3rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    gap: 0.6rem;
    font-size: 1.5rem;
    white-space: nowrap;
    padding: 0 0 1.2rem;
}
.index_cnt3 .inner .col2 .grid .li:is(:nth-child(1), :nth-child(3), :nth-child(6), :nth-child(8)) {
    background: #ffe8d0;
}
.index_cnt3 .inner .col2 .grid .li img {
    max-height: 5.1rem;
}

/*小麦粉「農林61号」*/
.index_cnt4 {
    padding: 17.2rem 0 0;
}
.index_cnt4 .inner {
    max-width: 142rem;
}
.index_cnt4 .inner .col2 {
    display: flex;
    align-items: flex-end;
    gap: 6rem;
}
.index_cnt4 .inner .col2 .left {
    flex: 0 1 64rem;
    min-width: 0;
}
.index_cnt4 .inner .col2 .pic {
    width: 100%;
    aspect-ratio: 640/425;
    border-radius: 5rem;
}
.index_cnt4 .inner .col2 .right {
    flex: 0 1 72rem;
    min-width: 0;
    position: relative;
}
.index_cnt4 .inner .col2 .right .titleA {
    position: relative;
    z-index: 1;
    margin: 0 0 6.1rem;
}
.index_cnt4 .inner .col2 .right .titleA h3 {
    color: #383838;
}
.index_cnt4 .inner .col2 .right .illust {
    width: 19.6rem;
    position: absolute;
    top: -9rem;
    right: max(0rem, calc(100% - 61.4rem));
}
.index_cnt4 .inner .col2 .right .catch {
    position: relative;
    z-index: 1;
    font-size: 3.6rem;
    color: #5b3d23;
    margin: 0 0 3.5rem;
}
.index_cnt4 .inner .col2 .right .cmt {
    font-size: 1.8rem;
    line-height: 2.444;
    margin: 0 0 4.1rem;
}
.index_cnt4 .inner .col2 .right .buttonA {
    width: 34.4rem;
    margin: 0 0 3.9rem;
}
.index_cnt4 .inner .col2 .right .link {
    width: min(60rem, 100%);
    margin: 0 0 0 0.4rem;
}
.index_cnt4 .inner .col2 .right .link a {
    height: 9.4rem;
    background: #fffaeb;
    border-radius: 2rem;
    display: flex;
    align-items: center;
    gap: clamp(1.5rem, 1.82vw, 3.5rem); /*3.5*/
    padding: 0 1rem 0 2.5rem;
}
.index_cnt4 .inner .col2 .right .link .logo {
    width: clamp(14rem, 11.46vw, 22rem); /*22*/
    flex-shrink: 0;
}
.index_cnt4 .inner .col2 .right .link .dt {
    font-size: 1.8rem;
    margin: 0 0 1.6rem;
}
.index_cnt4 .inner .col2 .right .link .dd {
    font-size: 1.6rem;
    color: #6a6a6a;
}

/*最新情報はInstagramで*/
.index_cnt5 {
    padding: 25rem 0 0;
}
.index_cnt5 .inner {
    width: 90%;
    max-width: 164rem;
}
.index_cnt5 .inner .titleA {
    margin: 0 0 4.4rem;
}
.index_cnt5 .inner .read {
    font-size: 1.8rem;
    line-height: 2.444;
    text-align: center;
    margin: 0 0 8.1rem;
}
.index_cnt5 .inner .webgene-blog {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 1.7rem;
    padding: 0;
    margin: 0 0 6.7rem;
}
.index_cnt5 .inner .webgene-item .pic {
    aspect-ratio: 1/1;
    border-radius: 3rem;
    background: #ebe8df;
    overflow: hidden;
}
.index_cnt5 .inner .buttonA {
    width: 39.7rem;
    margin: 0 auto;
}

/*お知らせ*/
.index_cnt6 {
    padding: 23.5rem 0 14rem;
}
.index_cnt6 .inner .head {
    display: flex;
    align-items: flex-start;
    position: relative;
    margin: 0 0 7.2rem;
}
.index_cnt6 .inner .head .titleA {
    width: 24.6rem;
    margin: 0;
}
.index_cnt6 .inner .head .titleA h3 {
    color: #383838;
}
.index_cnt6 .inner .head .read {
    font-size: 1.8rem;
    line-height: 2.444;
    margin: -0.9rem 0 0;
}
.index_cnt6 .inner .head .illust {
    width: 19.6rem;
    position: absolute;
    top: -10.3rem;
    left: 60.3rem;
}
.index_cnt6 .inner .head .more {
    position: relative;
    z-index: 1;
    margin: 3.6rem 2.1rem 0 auto;
}
.index_cnt6 .inner .head .more a {
    display: flex;
    align-items: center;
    gap: 1.9rem;
    font-size: 1.6rem;
}
.index_cnt6 .inner .head .more a::after {
    content: "";
    width: 1rem;
    aspect-ratio: 1/1;
    background: url(/system_panel/uploads/images/arrowB.png) no-repeat center / contain;
    transition: transform 0.3s;
}
.index_cnt6 .inner .head .more a:hover::after {
    transform: translateX(0.6rem);
}
:is(.index_cnt6, .topics_cnt2) .inner .webgene-blog {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 4.5rem;
}
:is(.index_cnt6, .topics_cnt2) .inner .webgene-blog .webgene-pagination {
    grid-column: 1 / -1;
}
.index_cnt5 .inner .webgene-item{
    aspect-ratio: 1/1;
    overflow:hidden;
}
:is(.index_cnt6, .topics_cnt2) .inner .webgene-item .dl {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    position: relative;
}
:is(.index_cnt6, .topics_cnt2) .inner .webgene-item .pic {
    width: 100%;
    aspect-ratio: 370/245;
    border-radius: 5rem;
    background: #ebe8df;
    order: -1;
    margin: 0 0 1.4rem;
}
video.webgene-item-main-video {width:100%;height:100%;object-fit:cover;object-position:center;}
:is(.index_cnt6, .topics_cnt2) .inner .webgene-item .day {
    font-size: 1.6rem;
    color: #ffb264;
    margin: 0 1.5rem 0 0.4rem;
}
:is(.index_cnt6, .topics_cnt2) .inner .webgene-item .cate {
    height: 2.7rem;
    background: #f7f3e8;
    border-radius: 1.35rem;
    display: flex;
    align-items: center;
    font-size: 1.6rem;
    padding: 0 1.6rem;
}
.index_cnt6 .inner .webgene-item .pic {
    position: relative;
}
.index_cnt6 .inner .webgene-item .pic::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(rgba(91, 61, 35, 0) 55%, rgba(91, 61, 35, 0.55));
}
.index_cnt6 .inner .webgene-item .dt {
    width: 100%;
    font-size: 2.6rem;
    color: #fff;
    position: absolute;
    left: 0;
    bottom: 6.2rem;
    z-index: 1;
    padding: 0 0 0 1.8rem;
}
.index_cnt6 .inner .webgene-item .dt a::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -1.2rem;
    height: 24.5rem;
}

/*プログレス有限会社について*/
.index_cnt7 {
    margin: 5.21vw 0; /*10*/
    padding: 10.5rem 0 10.9rem;
}
.index_cnt7 .inner .col2 {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 4rem;
    margin: 0 0 6.4rem;
}
.index_cnt7 .inner .col2 .left {
    flex: 0 1 72rem;
    min-width: 0;
}
.index_cnt7 .inner .col2 .titleA {
    margin: 0 0 6.2rem;
}
.index_cnt7 .inner .col2 .titleA h3 {
    color: #383838;
}
.index_cnt7 .inner .col2 .catch {
    font-size: 3.6rem;
    color: #5b3d23;
    margin: 0 0 3.5rem;
}
.index_cnt7 .inner .col2 .cmt {
    font-size: 1.8rem;
    line-height: 2.444;
    margin: 0 0 6.2rem;
}
.index_cnt7 .inner .col2 .flex {
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem 3rem;
}
.index_cnt7 .inner .col2 .flex .buttonA:nth-of-type(1) {
    width: 23.7rem;
}
.index_cnt7 .inner .col2 .flex .buttonA:nth-of-type(2) {
    width: 30.3rem;
}
.index_cnt7 .inner .col2 .right {
    flex: 0 1 64rem;
    min-width: 0;
    margin: 0 max(-22rem, calc((100% - 100vw) / 2)) 0 0;
}
.index_cnt7 .inner .col2 .pic {
    width: 100%;
    aspect-ratio: 640/425;
    border-radius: 5rem;
}
.index_cnt7 .inner .recruit {
    background: #fff;
    border-radius: 5rem;
    display: grid;
    grid-template-columns: 27rem minmax(0, 1fr);
    column-gap: 4.2rem;
    position: relative;
    padding: 2.7rem 3.2rem 5.2rem;
}
.index_cnt7 .inner .recruit .pic {
    aspect-ratio: 270/160;
    border-radius: 2rem;
    grid-row: 1 / 3;
}
.index_cnt7 .inner .recruit .title {
    padding: 1.5rem 0 0;
}
.index_cnt7 .inner .recruit h4 {
    font-size: 3.3rem;
    color: #5b3d23;
    margin: 0 0 1.4rem;
}
.index_cnt7 .inner .recruit .title p {
    font-size: 1.3rem;
    font-weight: 400;
    color: #bed06c;
    margin: 0 0 1.1rem;
}
.index_cnt7 .inner .recruit .cmt {
    font-size: 1.8rem;
    line-height: 2;
}
.index_cnt7 .inner .recruit .buttonA {
    width: 23.9rem;
    position: absolute;
    bottom: -3.1rem;
    left: 50%;
    transform: translateX(-50%);
}

/*お問い合わせ（トップ・お問い合わせ共通）*/
.index_cnt8 {
    padding: 13.5rem 0 0;
}
:is(.index_cnt8, .contact_cnt1) .inner {
    max-width: 142rem;
}
:is(.index_cnt8, .contact_cnt1) .inner .titleA {
    margin: 0 0 4.4rem;
}
:is(.index_cnt8, .contact_cnt1) .inner .read {
    font-size: 1.8rem;
    line-height: 2.444;
    text-align: center;
    margin: 0 0 3.9rem;
}
:is(.index_cnt8, .contact_cnt1) .inner .tel {
    width: min(41rem, 100%);
    background: #fffaeb;
    border-radius: 2rem;
    text-align: center;
    padding: 2.2rem 0 2rem;
    margin: 0 auto 6.7rem;
}
:is(.index_cnt8, .contact_cnt1) .inner .tel .dt {
    font-size: 1.8rem;
    margin: 0 0 2rem;
}
:is(.index_cnt8, .contact_cnt1) .inner .tel .num {
    font-size: 2.5rem;
    margin: 0 0 1.1rem;
}
:is(.index_cnt8, .contact_cnt1) .inner .tel .num a::before {
    content: "TEL.";
    font-size: 0.64em;
    margin: 0 0.6rem 0 0;
}
:is(.index_cnt8, .contact_cnt1) .inner .tel .dd:last-child {
    font-size: 1.5rem;
    font-weight: 400;
}
/*フォーム*/
:is(.index_cnt8, .contact_cnt1) .inner .form {
    background: #fffaeb;
    border-radius: 2rem;
    padding: 6.9rem 11rem 8.6rem 11.1rem;
}
:is(.index_cnt8, .contact_cnt1) .inner .form .dl {
    display: grid;
    grid-template-columns: 29.9rem minmax(0, 1fr);
    align-items: center;
}
:is(.index_cnt8, .contact_cnt1) .inner .form .dl:not(:last-of-type) {
    margin: 0 0 1.5rem;
}
:is(.index_cnt8, .contact_cnt1) .inner .form .dl:nth-of-type(3) {
    margin: 0 0 3.2rem;
}
:is(.index_cnt8, .contact_cnt1) .inner .form .dl:nth-of-type(4) {
    margin: 0 0 4.2rem;
}
:is(.index_cnt8, .contact_cnt1) .inner .form .dl:nth-of-type(5) {
    margin: 0 0 2.6rem;
}
:is(.index_cnt8, .contact_cnt1) .inner .form .dl:nth-of-type(n+5) {
    align-items: start;
}
:is(.index_cnt8, .contact_cnt1) .inner .form .dl:nth-of-type(6) .dt {
    padding: 2rem 0 0;
}
:is(.index_cnt8, .contact_cnt1) .inner .form .dl:nth-of-type(7) .dt {
    padding: 2.1rem 0 0;
}
:is(.index_cnt8, .contact_cnt1) .inner .form .dl:nth-of-type(5) .dt {
    padding: 1.1rem 0 0;
}
:is(.index_cnt8, .contact_cnt1) .inner .form .dt {
    display: flex;
    align-items: center;
    gap: 1.4rem;
}
:is(.index_cnt8, .contact_cnt1) .inner .form .labelText01 {
    font-size: 1.8rem;
    margin: 0;
}
:is(.index_cnt8, .contact_cnt1) .inner .form .required {
    width: 4.4rem;
    height: 2.3rem;
    background: #ffb264;
    border-radius: 1rem;
    display: grid;
    place-items: center;
    font-size: 1.4rem;
    color: #fff;
}
:is(.index_cnt8, .contact_cnt1) .inner .form :is(.formInput:not(.fileInput), .formTextArea) {
    width: 100%;
    height: 6rem;
    background: #fff;
    border: 0.1rem solid #e6e4dc;
    border-radius: 1rem;
    font-family: inherit;
    font-size: 1.8rem;
    color: #383838;
    padding: 0 2.8rem;
}
:is(.index_cnt8, .contact_cnt1) .inner .form .formTextArea:not(.fileInput) {
    height: 20rem;
    padding: 2rem 2.8rem;
    line-height: 1.8;
    resize: vertical;
}
:is(.index_cnt8, .contact_cnt1) .inner .form ::placeholder {
    font-weight: 400;
    color: #d6d1c0;
}
:is(.index_cnt8, .contact_cnt1) .inner .form .radioArea {
    display: flex;
    gap: 3.4rem;
}
:is(.index_cnt8, .contact_cnt1) .inner .form .radioArea div {
    display: flex;
    align-items: center;
    gap: 0.7rem;
}
:is(.index_cnt8, .contact_cnt1) .inner .form .radioArea input {
    width: 2.7rem;
    height: 2.6rem;
    background: #fff;
    border: 0.1rem solid #e6e4dc;
    border-radius: 50%;
    appearance: none;
    -webkit-appearance: none;
    margin: 0;
    position: relative;
    cursor: pointer;
}
:is(.index_cnt8, .contact_cnt1) .inner .form .radioArea input:checked::after {
    content: "";
    position: absolute;
    inset: 0.6rem;
    background: #ffac57;
    border-radius: 50%;
}
:is(.index_cnt8, .contact_cnt1) .inner .form .labelText02 {
    font-size: 1.8rem;
    margin: 0;
    cursor: pointer;
}
:is(.index_cnt8, .contact_cnt1) .inner .form .fileCaution {
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 1.73;
    margin: 0 0 2.9rem;
}
:is(.index_cnt8, .contact_cnt1) .inner .form .fileArea:not(:last-child) {
    margin: 0 0 0.7rem;
}
:is(.index_cnt8, .contact_cnt1) .inner .form .fileInput {
    font-family: inherit;
    font-size: 1.5rem;
    font-weight: 400;
    color: #383838;
}
:is(.index_cnt8, .contact_cnt1) .inner .form .fileInput::file-selector-button {
    width: 18rem;
    height: 5rem;
    background: #eeeadd;
    border: 0.1rem solid #e6e4dc;
    border-radius: 1rem;
    font-family: inherit;
    font-size: 1.8rem;
    font-weight: 400;
    color: #4b4942;
    margin: 0 2.2rem 0 0;
    cursor: pointer;
}
:is(.index_cnt8, .contact_cnt1) .inner .form .terms {
    height: 26rem;
    background: #fff;
    border: 0.1rem solid #e6e4dc;
    border-radius: 1rem;
    overflow-y: auto;
    padding: 1.1rem 4.7rem 1.1rem 1rem;
}
:is(.index_cnt8, .contact_cnt1) .inner .form .terms::-webkit-scrollbar {
    width: 2.9rem;
}
:is(.index_cnt8, .contact_cnt1) .inner .form .terms::-webkit-scrollbar-thumb {
    background: #e3dfd3;
    border: 1.1rem solid #fff;
    border-width: 1.7rem 1.1rem;
    border-radius: 1.5rem;
}
:is(.index_cnt8, .contact_cnt1) .inner .form .terms p {
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.875;
    color: #4a4a4a;
}
:is(.index_cnt8, .contact_cnt1) .inner .form .col {
    display: flex;
    justify-content: center;
    padding: 0 3.4rem 0 0;
    margin: 5.7rem 0 4.4rem;
}
:is(.index_cnt8, .contact_cnt1) .inner .form .col div {
    display: flex;
    align-items: center;
    gap: 0.9rem;
}
:is(.index_cnt8, .contact_cnt1) .inner .form .col input {
    width: 2.4rem;
    height: 2.4rem;
    background: #fff;
    border: 0.1rem solid #e6e4dc;
    border-radius: 0.3rem;
    appearance: none;
    -webkit-appearance: none;
    margin: 0;
    position: relative;
    cursor: pointer;
}
:is(.index_cnt8, .contact_cnt1) .inner .form .col input:checked::after {
    content: "";
    width: 0.7rem;
    height: 1.3rem;
    border: solid #ffac57;
    border-width: 0 0.3rem 0.3rem 0;
    position: absolute;
    top: 0.3rem;
    left: 0.75rem;
    transform: rotate(45deg);
}
:is(.index_cnt8, .contact_cnt1) .inner .form .privacyLabel {
    font-size: 1.8rem;
    margin: 0;
    cursor: pointer;
}
:is(.index_cnt8, .contact_cnt1) .inner .form .send .buttonA {
    width: 23.9rem;
    margin: 0 auto;
}
:is(.index_cnt8, .contact_cnt1) .inner .form .send .buttonA button {
    background: none;
    border: none;
    font-family: inherit;
    cursor: pointer;
}






/*shop*/
/*あっちゃんについて*/
.shop_cnt1 {
    position: relative;
    padding: 9.6rem 0 8.4rem;
}
.shop_cnt1 .inner {
    position: static;
}
.shop_cnt1 .inner .titleA {
    position: relative;
    z-index: 2;
    margin: 0 0 13.5vw; /*25.9*/
}
.shop_cnt1 .inner .titleA h3 {
    color: #383838;
}
.shop_cnt1 .inner .picArea .pic {
    border: 0.3rem solid #fff;
    border-radius: 4rem;
    background: #e6e1d4;
    position: absolute;
    z-index: 1;
}
.shop_cnt1 .inner .picArea .pic:nth-of-type(1) {
    width: 39.58vw; /*76*/
    aspect-ratio: 760/560;
    top: 21.1rem;
    left: 15.73vw; /*30.2*/
}
.shop_cnt1 .inner .picArea .pic:nth-of-type(2) {
    width: 23.96vw; /*46*/
    aspect-ratio: 460/280;
    top: calc(21.1rem + 20vw); /*38.4*/
    left: 7.14vw; /*13.7*/
    z-index: 2;
}
.shop_cnt1 .inner .picArea .pic:nth-of-type(3) {
    width: 23.96vw; /*46*/
    aspect-ratio: 460/280;
    top: 7.9rem;
    left: 68.85vw; /*132.2*/
}
.shop_cnt1 .inner .window {
    width: 43.85vw; /*84.2*/
    background: #fff;
    border: 0.1rem solid #e6e4dc;
    border-radius: 4rem;
    position: relative;
    z-index: 3;
    padding: clamp(3rem, 3.39vw, 6.5rem) clamp(3rem, 4.64vw, 8.9rem) clamp(3rem, 3.18vw, 6.1rem) clamp(3rem, 3.59vw, 6.9rem); /*6.5 8.9 6.1 6.9*/
    margin: 0 0 0 calc(46.875vw - (100vw - 100%) / 2); /*90*/
}
.shop_cnt1 .inner .window h4 {
    font-size: clamp(2.6rem, 2.08vw, 4rem); /*4*/
    line-height: 1.675;
    color: #5b3d23;
    margin: 0 0 3.2rem;
}
.shop_cnt1 .inner .window h4 span {
    color: #ffb264;
}
.shop_cnt1 .inner .window h4 span:nth-of-type(2) {
    color: #bed06c;
}
.shop_cnt1 .inner .window .cmt {
    font-size: 1.8rem;
    line-height: 2.444;
}
.shop_cnt1 .inner .decoArea .deco {
    position: absolute;
    pointer-events: none;
}
.shop_cnt1 .inner .decoArea .deco:nth-of-type(1) {
    width: 7.2rem;
    top: 3.7rem;
    left: 13.9vw; /*26.7*/
}
.shop_cnt1 .inner .decoArea .deco:nth-of-type(2) {
    width: 6.6rem;
    top: 13.2rem;
    left: 61.56vw; /*118.2*/
}
.shop_cnt1 .inner .decoArea .deco:nth-of-type(3) {
    width: 9.9rem;
    top: 32.1rem;
    left: 77.03vw; /*147.9*/
    z-index: 2;
}
.shop_cnt1 .inner .decoArea .deco:nth-of-type(4) {
    width: 8.2rem;
    top: calc(21.1rem + 32.97vw); /*63.3*/
    left: 13.65vw; /*26.2*/
    z-index: 3;
}

/*直売所*/
.shop_cnt2 {
    margin: 5.21vw 0; /*10*/
    padding: 7.6rem 0 3.7rem;
}
:is(.shop_cnt2, .shop_cnt3) .inner {
    width: 90%;
    max-width: 164rem;
}
.shop_cnt2 .inner .titleA h3 {
    color: #ffb264;
}
.shop_cnt2 .inner .titleA {
    margin: 0 0 3.75rem;
}
:is(.shop_cnt2, .shop_cnt3, .shop_cnt4) .inner .read {
    font-size: 1.8rem;
    line-height: 2.444;
    text-align: center;
}
.shop_cnt2 .inner .read {
    margin: 0 0 6.4rem;
}
.shop_cnt2 .inner .rice {
    background: #fff;
    border-radius: 2rem;
    display: grid;
    grid-template-columns: minmax(0, 55rem) minmax(0, 60rem);
    justify-content: center;
    gap: 5rem;
    padding: 8.8rem 3rem;
    margin: 0 0 3.1rem;
}
.shop_cnt2 .inner .rice .pic {
    aspect-ratio: 550/450;
    border-radius: 5rem;
}
.shop_cnt2 .inner .rice .titleB {
    font-size: 3.6rem;
    margin: 1.1rem 0 1.7rem;
}
.shop_cnt2 .inner .rice .titleB::after {
    margin: 1.6rem 0 0;
}
.shop_cnt2 .inner .rice .sub {
    font-size: 1.6rem;
    color: #8f8f8f;
    margin: 0 0 3.3rem;
}
.shop_cnt2 .inner .rice .catch {
    font-size: 2.7rem;
    color: #ffac57;
    margin: 0 0 1.65rem;
}
.shop_cnt2 .inner .rice .cmt {
    font-size: 1.8rem;
    line-height: 2.5;
    margin: 0 0 2.85rem;
}
.shop_cnt2 .inner .grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 2.5rem;
}
.shop_cnt2 .inner .grid .dl {
    background: #fff;
    border-radius: 2rem;
    display: flex;
    flex-direction: column;
    padding: 4.2rem 4rem 4.5rem;
}
.shop_cnt2 .inner .grid .titleB {
    font-size: 3.2rem;
    margin: 0 0 1.65rem;
}
.shop_cnt2 .inner .grid .titleB::after {
    margin: 1.7rem auto 0;
}
.shop_cnt2 .inner .grid .cmt {
    font-size: 1.8rem;
    line-height: 2.5;
    margin: 0 0 2.5rem 0.2rem;
}
.shop_cnt2 .inner .grid .pic {
    aspect-ratio: 450/300;
    border-radius: 5rem;
    margin: auto 0 0;
}

/*喫茶*/
.shop_cnt3 {
    padding: 14.5rem 0 10rem;
}
.shop_cnt3 .inner .titleA {
    margin: 0 0 5.15rem;
}
.shop_cnt3 .inner .titleA :is(h3, p) {
    color: #bed06c;
}
:is(.shop_cnt3, .shop_cnt4) .inner .catch {
    font-size: 3.6rem;
    color: #5b3d23;
    text-align: center;
    margin: 0 0 3.9rem;
}
.shop_cnt3 .inner .read {
    margin: 0 0 6rem;
}
.shop_cnt3 .inner .grid {
    max-width: 156rem;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 45rem));
    justify-content: space-between;
    gap: 3rem;
    margin: 0 auto 13.5rem;
}
.shop_cnt3 .inner .grid .dl {
    display: flex;
    flex-direction: column;
}
.shop_cnt3 .inner .grid .pic {
    aspect-ratio: 450/440;
    border-radius: 5rem;
    order: -1;
    margin: 0 0 2.9rem;
}
.shop_cnt3 .inner .grid .titleB {
    margin: 0 1.1rem 2.3rem;
}
.shop_cnt3 .inner .grid .titleB::after {
    margin: 1.8rem 0 0;
}
.shop_cnt3 .inner .grid .price {
    font-size: 1.8rem;
    margin: 0 1.2rem 2.1rem;
}
.shop_cnt3 .inner .grid .cmt {
    font-size: 1.6rem;
    line-height: 1.875;
    color: #646464;
    margin: 0 0 0 1.1rem;
}
.shop_cnt3 .inner :is(.drink, .window) {
    max-width: 142rem;
    border: 0.1rem solid #e6e4dc;
    border-radius: 2rem;
    margin: 0 auto 5.4rem;
}
.shop_cnt3 .inner .drink {
    background: #fffaeb;
    padding: 4.2rem 4rem 4.7rem 7.7rem;
}
.shop_cnt3 .inner .drink .dt {
    font-size: 2.7rem;
    color: #5b3d23;
    margin: 0 0 2.3rem;
}
.shop_cnt3 .inner .drink .dd {
    font-size: 1.8rem;
    line-height: 1.5;
}
.shop_cnt3 .inner .window {
    background: #fff;
    display: flex;
    align-items: center;
    gap: 6.4rem;
    padding: 2.9rem 4.7rem;
    margin: 0 auto;
}
.shop_cnt3 .inner .window .pic {
    width: 30rem;
    aspect-ratio: 1/1;
    border-radius: 5rem;
    flex-shrink: 0;
}
.shop_cnt3 .inner .window .cmt {
    font-size: 1.8rem;
    line-height: 2.5;
    margin: 0 0 3.15rem;
}
.shop_cnt3 .inner .window .buttonA {
    width: 27.9rem;
}

/*場所貸し*/
.shop_cnt4 {
    margin: 5.21vw 0; /*10*/
    padding: 10.6rem 0 6.3rem;
}
.shop_cnt4 .inner .titleA {
    margin: 0 0 6.75rem;
}
.shop_cnt4 .inner .catch {
    line-height: 1.72;
    margin: 0 0 2.6rem;
}
.shop_cnt4 .inner .read {
    margin: 0 0 7.2rem;
}
.shop_cnt4 .slider {
    margin: 0 0 17rem;
}
.shop_cnt4 .slider .set {
    width: 100rem;
    background: #fff;
    border-radius: 5rem;
    display: flex !important;
    gap: 5.2rem;
    position: relative;
    padding: 4rem 3rem 4rem 4.1rem;
    margin: 0 1.5rem;
}
.shop_cnt4 .slider .set .num {
    width: 4.6rem;
    aspect-ratio: 1/1;
    background: #ffac57;
    border-radius: 50%;
    display: grid;
    place-items: center;
    font-size: 1.6rem;
    color: #fbf9f3;
    position: absolute;
    top: 2.8rem;
    left: 3.2rem;
    z-index: 1;
}
.shop_cnt4 .slider .set .pic {
    width: 35rem;
    aspect-ratio: 350/270;
    border-radius: 2rem;
    background: #ebe8df;
    flex-shrink: 0;
}
.shop_cnt4 .slider .set .dt {
    font-size: 3.3rem;
    color: #5b3d23;
    margin: 1.1rem 0 1.7rem;
}
.shop_cnt4 .slider .set .cate {
    width: fit-content;
    height: 4.3rem;
    background: #ffac57;
    border-radius: 2.15rem;
    display: flex;
    align-items: center;
    font-size: 1.6rem;
    color: #fbf9f3;
    padding: 0 2rem;
    margin: 0 0 1.5rem -0.4rem;
}
.shop_cnt4 .slider .set .cmt {
    font-size: 1.8rem;
    line-height: 2;
}
.shop_cnt4 .slider :is(.slick-prev, .slick-next) {
    width: 4rem;
    height: 4rem;
    background: #fff url(/system_panel/uploads/images/arrow_prev.png) no-repeat center / 0.6rem auto;
    border: 0.2rem solid #000;
    border-radius: 50%;
    top: auto;
    bottom: -6.9rem;
    left: calc(50% - 4.8rem);
    transform: none;
    z-index: 2;
}
.shop_cnt4 .slider .slick-next {
    background-image: url(/system_panel/uploads/images/arrow_next.png);
    left: calc(50% + 0.8rem);
    right: auto;
}
.shop_cnt4 .slider :is(.slick-prev, .slick-next)::before {
    content: none;
}
.shop_cnt4 .inner .price {
    width: min(44rem, 100%);
    background: #fff;
    border-radius: 2rem;
    text-align: center;
    padding: 3.1rem 0 2.3rem;
    margin: 0 auto 5.6rem;
}
.shop_cnt4 .inner .price .dl {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 2.4rem;
    margin: 0 0 1.2rem;
}
.shop_cnt4 .inner .price .dt {
    font-size: 1.8rem;
    margin: 0.4rem 0 0;
}
.shop_cnt4 .inner .price .dd {
    font-size: 2.5rem;
    color: #ffb264;
}
.shop_cnt4 .inner .price > p {
    font-size: 1.6rem;
}
.shop_cnt4 .inner .tableB {
    margin: 0 0 10.4rem;
}
.shop_cnt4 .inner .tableB .dl {
    grid-template-columns: 25.7rem minmax(0, 1fr);
}
.shop_cnt4 .inner .tableB .dl :is(.dt, .dd) {
    padding: 1.35rem 0 1.35rem 3.4rem;
}
.shop_cnt4 .inner .tableB .dl .dd {
    padding-left: 3.6rem;
}
.shop_cnt4 .inner h4 {
    font-size: 3.3rem;
    color: #5b3d23;
    text-align: center;
    margin: 0 0 3.5rem;
}
.shop_cnt4 .inner .flow {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 4.5rem;
    margin: 0 0 7.6rem;
}
.shop_cnt4 .inner .flow .dl {
    background: #fff;
    border-radius: 5rem;
    display: flex;
    flex-direction: column;
    position: relative;
    padding: 2.8rem 3.3rem 3rem 3.4rem;
}
.shop_cnt4 .inner .flow .dl:not(:last-of-type)::after {
    content: "";
    width: 1.8rem;
    height: 2.2rem;
    background: url(/system_panel/uploads/images/arrowE.png) no-repeat center / contain;
    position: absolute;
    top: 11.2rem;
    right: -3.2rem;
}
.shop_cnt4 .inner .flow .num {
    font-size: 2.5rem;
    color: #ffb264;
    text-align: center;
    order: -1;
    margin: 0 0 2.1rem;
}
.shop_cnt4 .inner .flow .dt {
    font-size: 2.7rem;
    color: #5b3d23;
    text-align: center;
    margin: 0 0 1.6rem;
}
.shop_cnt4 .inner .flow .dd:not(.num) {
    font-size: 1.8rem;
    line-height: 2;
}
.shop_cnt4 .inner .buttonA {
    width: 34rem;
    margin: 0 auto;
}

/*店舗情報・アクセス*/
.shop_cnt5 {
    padding: 12.9rem 0 0;
}
.shop_cnt5 .inner {
    max-width: 142rem;
}
.shop_cnt5 .inner .titleA {
    margin: 0 0 5.95rem;
}
.shop_cnt5 .inner .table {
    max-width: 119.6rem;
    margin: 0 auto 5.9rem;
}
.shop_cnt5 .inner .map {
    height: 40rem;
    border: 0.1rem solid #e6e4dc;
    border-radius: 2rem;
    overflow: hidden;
}
.shop_cnt5 .inner .map iframe {
    width: 100%;
    height: 100%;
    vertical-align: top;
}






/*about*/
/*プログレス有限会社について*/
.about_cnt1 {
    margin: calc(1.3rem + 5.21vw) 0 5.21vw; /*10*/
    padding: 10.5rem 0 9.1rem;
}
.about_cnt1 .inner .titleA {
    margin: 0 0 6.65rem;
}
.about_cnt1 .inner .titleA h3 {
    color: #383838;
}
.about_cnt1 .inner .col2 {
    display: flex;
    gap: 7rem;
    margin: 0 calc((100% - min(164rem, 90vw)) / 2);
}
.about_cnt1 .inner .col2 .left {
    flex: 0 1 64rem;
    min-width: 0;
}
.about_cnt1 .inner .col2 .pic {
    aspect-ratio: 640/425;
    border-radius: 5rem;
}
.about_cnt1 .inner .col2 .right {
    flex: 0 1 93rem;
    min-width: 0;
    margin: -1.65rem 0 0;
}
:is(.about_cnt1, .about_cnt6) .inner .col2 .catch {
    position: relative;
    z-index: 1;
    font-size: 3.6rem;
    line-height: 1.75;
    color: #5b3d23;
    margin: 0 0 2.25rem;
}
.about_cnt1 .inner .col2 .cmt {
    font-size: 1.8rem;
    line-height: 2.444;
}

/*代表挨拶*/
.about_cnt2 {
    padding: 12.9rem 0 7.5rem;
}
.about_cnt2 .inner .col2 {
    display: flex;
    justify-content: space-between;
    gap: 4rem;
}
.about_cnt2 .inner .col2 .left {
    max-width: 87.1rem;
}
.about_cnt2 .inner .titleA {
    margin: 0 0 4.15rem;
}
.about_cnt2 .inner .titleA h3 {
    color: #383838;
}
.about_cnt2 .inner .cmt {
    font-size: 1.8rem;
    line-height: 2.444;
}
.about_cnt2 .inner .col2 .right {
    width: 22.2rem;
    flex-shrink: 0;
    text-align: center;
    margin: 10.9rem 2.3rem 0 0;
}
.about_cnt2 .inner .col2 .right .catch {
    width: fit-content;
    font-size: 1.4rem;
    position: relative;
    margin: 0 auto 2.5rem;
}
.about_cnt2 .inner .col2 .right .catch::before,
.about_cnt2 .inner .col2 .right .catch::after {
    content: "";
    width: 2.1rem;
    height: 2.4rem;
    border-left: 0.2rem solid #383838;
    position: absolute;
    top: 0.6rem;
    left: -3.4rem;
    transform: skewX(40deg);
}
.about_cnt2 .inner .col2 .right .catch::after {
    left: auto;
    right: -3.4rem;
    border-left: none;
    border-right: 0.2rem solid #383838;
    transform: skewX(-40deg);
}
.about_cnt2 .inner .col2 .right .pic {
    width: 22.2rem;
    aspect-ratio: 1/1;
    background: #d3f8e1;
    border-radius: 50%;
    margin: 0 0 1.15rem;
}
.about_cnt2 .inner .col2 .right .dt {
    font-size: 1.6rem;
    line-height: 1.5625;
    color: #6e6e6e;
    margin: 0 0 0.75rem;
}
.about_cnt2 .inner .col2 .right .dd {
    font-size: 2.3rem;
}

/*会社概要*/
.about_cnt3 {
    padding: 0 0 10.7rem;
}
.about_cnt3 .inner {
    max-width: 142rem;
    background: #fbf9f3;
    border-radius: 2rem;
    padding: 8.4rem 0 8.6rem;
}
.about_cnt3 .inner .titleA {
    margin: 0 0 5.95rem;
}
:is(.about_cnt3, .about_cnt8) .inner .table {
    max-width: 119.6rem;
    margin: 0 auto;
    padding: 0 0 0 0.3rem;
}

/*事業紹介*/
.about_cnt4 {
    margin: 5.21vw 0; /*10*/
    padding: 8.2rem 0 6.9rem;
}
.about_cnt4 .inner {
    max-width: 142rem;
}
.about_cnt4 .inner .titleA {
    margin: 0 0 3.25rem;
}
.about_cnt4 .inner .titleA h3 {
    color: #383838;
}
:is(.about_cnt4, .about_cnt7) .inner .read {
    font-size: 1.8rem;
    line-height: 2.444;
    text-align: center;
}
.about_cnt4 .inner .read {
    margin: 0 0 5rem;
}
.about_cnt4 .inner .window {
    background: #fff;
    border: 0.1rem solid #e6e4dc;
    border-radius: 2rem;
    text-align: center;
    padding: 4.3rem 2rem 3.75rem;
    margin: 0 0 7.5rem;
}
.about_cnt4 .inner .window .dt {
    font-size: 2.7rem;
    color: #5b3d23;
    margin: 0 0 2.75rem;
}
.about_cnt4 .inner .window .dd {
    font-size: 1.8rem;
    line-height: 2.5;
}
.about_cnt4 .inner .grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 45rem));
    justify-content: space-between;
    gap: 3rem;
    margin: 0 calc((100% - min(156rem, 90vw)) / 2) 9.3rem;
}
:is(.about_cnt4, .about_cnt7) .inner .grid .dl {
    display: flex;
    flex-direction: column;
}
.about_cnt4 .inner .grid .pic {
    aspect-ratio: 450/440;
    border-radius: 5rem;
    order: -1;
    margin: 0 0 2.9rem;
}
.about_cnt4 .inner .grid .titleB {
    margin: 0 1.4rem 1.9rem;
}
.about_cnt4 .inner .grid .titleB::after {
    margin: 1.8rem 0 0;
}
:is(.about_cnt4, .about_cnt7) .inner .grid .cmt {
    font-size: 1.6rem;
    line-height: 1.875;
    color: #646464;
    margin: 0 3.8rem 0 1.1rem;
}
.about_cnt4 .inner .target {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 0.8rem;
    margin: 0 2rem 8.8rem 0;
}
.about_cnt4 .inner .target .dt {
    font-size: 2.3rem;
    color: #5b3d23;
    margin: 0 2rem 0 0;
}
.about_cnt4 .inner .target .dd {
    height: 5.5rem;
    background: #fff;
    border: 0.1rem solid #e8e5dc;
    border-radius: 2.75rem;
    display: flex;
    align-items: center;
    font-size: 1.6rem;
    padding: 0 2.3rem;
}
.about_cnt4 .inner .results .titleB {
    margin: 0 0 1.9rem;
}
.about_cnt4 .inner .results .dd {
    font-size: 1.6rem;
    line-height: 1.875;
    color: #646464;
    text-align: center;
}

/*強み*/
.about_cnt5 {
    padding: 11.4rem 0 11rem;
}
.about_cnt5 .inner {
    max-width: 142rem;
}
.about_cnt5 .inner .titleA {
    margin: 0 0 7.65rem;
}
.about_cnt5 .inner .titleA p {
    color: #bed06c;
}
.about_cnt5 .inner .grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 5rem;
    margin: 0 0 7.1rem;
}
.about_cnt5 .inner .grid .dl {
    background: #fffaeb;
    border-radius: 5rem;
    display: flex;
    flex-direction: column;
    position: relative;
    padding: 5.6rem 2.4rem 3.9rem 3.9rem;
}
.about_cnt5 .inner .grid .dt {
    font-size: 2.5rem;
    color: #5b3d23;
    margin: 0 0 1.6rem;
}
.about_cnt5 .inner .grid .dd {
    font-size: 1.8rem;
    line-height: 2;
}
.about_cnt5 .inner .grid .num {
    width: 4.6rem;
    aspect-ratio: 1/1;
    background: #ffac57;
    border-radius: 50%;
    display: grid;
    place-items: center;
    font-size: 1.6rem;
    line-height: 1;
    color: #fbf9f3;
    position: absolute;
    top: -2.1rem;
    left: 4.3rem;
}
:is(.about_cnt5, .about_cnt6) .inner .window {
    max-width: 120rem;
    background: #fff;
    border: 0.1rem solid #e6e4dc;
    border-radius: 1rem;
    display: flex;
    overflow: hidden;
    margin: 0 auto;
}
.about_cnt5 .inner .window .left {
    flex: 1;
    padding: 4rem 2rem 3.4rem 8.6rem;
}
:is(.about_cnt5, .about_cnt6) .inner .window h4 {
    font-size: 2.7rem;
    color: #5b3d23;
    margin: 0 0 3rem;
}
.about_cnt5 .inner .window .num {
    font-size: 2.7rem;
    margin: 0 0 1rem;
}
.about_cnt5 .inner .window .num a::before {
    content: "TEL.";
    font-size: 1.6rem;
    margin: 0 0.6rem 0 0;
}
.about_cnt5 .inner .window .time {
    font-size: 1.5rem;
    font-weight: 400;
    margin: 0 0 3.2rem;
}
.about_cnt5 .inner .window .buttonA {
    width: 27.4rem;
}
.buttonA.stripe {
    background: #ffac57 repeating-linear-gradient(-45deg, rgba(255, 255, 255, 0.35) 0 0.1rem, transparent 0.1rem 0.64rem);
}
.about_cnt5 .inner .window .pic {
    width: 47.9%;
    aspect-ratio: 575/280;
    flex-shrink: 0;
}

/*小麦粉「農林61号」*/
.about_cnt6 {
    margin: 5.21vw 0; /*10*/
    padding: 12rem 0 10.6rem;
}
.about_cnt6 .inner {
    max-width: 142rem;
}
.about_cnt6 .inner .col2 {
    display: flex;
    gap: 6rem;
    margin: 0 0 9.7rem;
}
.about_cnt6 .inner .col2 .left {
    flex: 0 1 64rem;
    min-width: 0;
}
.about_cnt6 .inner .col2 .pic {
    aspect-ratio: 640/425;
    border-radius: 5rem;
}
.about_cnt6 .inner .col2 .right {
    flex: 0 1 72rem;
    min-width: 0;
    position: relative;
}
.about_cnt6 .inner .col2 .titleA {
    position: relative;
    z-index: 1;
    margin: 0 0 3.4rem;
}
.about_cnt6 .inner .col2 .titleA h3 {
    color: #383838;
}
.about_cnt6 .inner .col2 .titleA p {
    color: #ffac57;
}
.about_cnt6 .inner .col2 .illust {
    width: 19.6rem;
    position: absolute;
    top: -9.3rem;
    right: max(0rem, calc(100% - 61.1rem));
}
.about_cnt6 .inner .col2 .cmt {
    font-size: 1.8rem;
    line-height: 2.444;
    margin: 0 0 2.4rem;
}
.about_cnt6 .inner .col2 .buttonA {
    width: 30.4rem;
}
.about_cnt6 .inner .titleB {
    margin: 0 0 3.7rem;
}
.about_cnt6 .inner .grid {
    max-width: 120rem;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 2.3rem 2rem;
    margin: 0 auto 8.3rem;
}
.about_cnt6 .inner .grid .dl {
    min-height: 8.6rem;
    background: #fff;
    border-radius: 4.3rem;
    display: flex;
    align-items: flex-start;
    gap: 1.6rem;
    padding: 2rem 3rem 2rem 2rem;
}
.about_cnt6 .inner .grid .dt {
    width: 5.9rem;
    aspect-ratio: 1/1;
    background: #bed06c;
    border-radius: 50%;
    display: grid;
    place-content: center;
    font-size: 2rem;
    line-height: 1.05;
    color: #fff;
    text-align: center;
    flex-shrink: 0;
}
.about_cnt6 .inner .grid .dt::first-line {
    font-size: 1.5rem;
}
.about_cnt6 .inner .grid .dd {
    font-size: 2.3rem;
    color: #5b3d23;
    flex: 1;
    min-width: 0;
}
.about_cnt6 .inner .window .left {
    flex: 1;
    padding: 4.1rem 2rem 2.7rem 7.2rem;
}
.about_cnt6 .inner .window h4 {
    margin: 0 0 2.7rem;
}
.about_cnt6 .inner .window .logo {
    width: 22rem;
    margin: 0 0 1.8rem;
}
.about_cnt6 .inner .window .cmt {
    max-width: 57.6rem;
    font-size: 1.7rem;
    line-height: 2.06;
    margin: 0 0 2.6rem;
}
.about_cnt6 .inner .window .buttonA {
    width: 21.9rem;
    margin: 0 0 0 -0.3rem;
}
.about_cnt6 .inner .window .pic {
    width: 41.4%;
    flex-shrink: 0;
}
.about_cnt6 .inner .grid .dd .feat_ttl {
  font-size: 2.2rem;
  line-height: 1.4;
  margin: 0 0 0.6rem;
}
.about_cnt6 .inner .grid .dd .feat_txt {
  font-size: 1.7rem;
  line-height: 1.9;
  margin: 0;
}

/*採用情報*/
.about_cnt7 {
    padding: 13.9rem 0 6.8rem;
}
.about_cnt7 .inner .titleA {
    margin: 0 0 5.25rem;
}
.about_cnt7 .inner .catch {
    font-size: 3.6rem;
    color: #5b3d23;
    text-align: center;
    margin: 0 0 3.8rem;
}
.about_cnt7 .inner .read {
    margin: 0 0 4.6rem;
}
.about_cnt7 .inner .grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 4rem;
}
.about_cnt7 .inner .grid .pic {
    aspect-ratio: 580/330;
    border-radius: 4rem;
    order: -1;
    margin: 0 0 1.6rem;
}
.about_cnt7 .inner .grid .titleB {
    margin: 0 1.4rem 1.2rem;
}
.about_cnt7 .inner .grid .titleB::after {
    margin: 1.8rem 0 0;
}
.about_cnt7 .inner .grid .cmt {
    margin: 0 0 0 1.3rem;
}

/*募集要項*/
.about_cnt8 .inner {
    max-width: 142rem;
    background: #fbf9f3;
    border-radius: 2rem;
    padding: 7.7rem 0 7.8rem;
}
:is(.about_cnt8, .about_cnt9) .inner .titleB {
    margin: 0 0 5.35rem;
}
.about_cnt8 .inner .flex {
    display: flex;
    justify-content: center;
    gap: 7.3rem;
    margin: 0 3rem 4.75rem 0;
}
.about_cnt8 .inner .flex .catch {
    font-size: 3rem;
    line-height: 1.7;
}
.about_cnt8 .inner .flex .ul {
    padding: 0;
    margin: 0;
}
.about_cnt8 .inner .flex .li {
    display: flex;
    align-items: center;
    gap: 1.1rem;
    font-size: 1.8rem;
    line-height: 3.9rem;
}
.about_cnt8 .inner .flex .li::before {
    content: "";
    width: 3.2rem;
    aspect-ratio: 1/1;
    background: #ffac57 url(/system_panel/uploads/images/icon_mark.png) no-repeat center / 2.4rem auto;
    border-radius: 50%;
}
.about_cnt8 .inner .flex .li:nth-child(even)::before {
    background-color: #bed06c;
}

/*応募の流れ*/
.about_cnt9 {
    padding: 10.9rem 0 0;
}
.about_cnt9 .inner {
    max-width: 142rem;
}
.about_cnt9 .inner .titleB {
    margin: 0 0 3.7rem;
}
.about_cnt9 .inner .flow {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 7.4rem;
    margin: 0 0 5.3rem;
}
.about_cnt9 .inner .flow .dl {
    min-height: 25rem;
    background: #fbf9f3;
    border-radius: 5rem;
    display: flex;
    flex-direction: column;
    text-align: center;
    position: relative;
    padding: 2.8rem 2rem 2rem;
}
.about_cnt9 .inner .flow .dl:not(:last-of-type)::after {
    content: "";
    width: 1.8rem;
    height: 2.2rem;
    background: url(/system_panel/uploads/images/arrowE.png) no-repeat center / contain;
    position: absolute;
    top: 9.9rem;
    right: -4.6rem;
}
.about_cnt9 .inner .flow .num {
    font-size: 2.5rem;
    color: #ffb264;
    order: -1;
    margin: 0 0 2.1rem;
}
.about_cnt9 .inner .flow .dt {
    font-size: 2.7rem;
    color: #5b3d23;
    margin: 0 0 1.7rem;
}
.about_cnt9 .inner .flow .dd:not(.num) {
    font-size: 1.8rem;
    line-height: 2;
}
.about_cnt9 .inner .buttonA {
    width: 23.9rem;
    margin: 0 auto;
}
.about .bottom {
    margin: 11rem 0 0;
}






/*topics&topicsdetail共通*/
/*カテゴリ*/
.topics_cnt1 {
    margin: 4.1rem 0 0;
}
.topics_cnt1 .inner .flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.8rem 0.4rem;
}
.topics_cnt1 .inner .webgene-blog {
    display: contents;
}
.topics_cnt1 .inner :is(.all, .webgene-item) a {
    height: 5.7rem;
    background: #fff;
    border: 0.1rem solid #e8e5dc;
    border-radius: 2.85rem;
    display: flex;
    align-items: center;
    gap: 1.6rem;
    font-size: 1.6rem;
    padding: 0 2.6rem 0 4.2rem;
}
.topics_cnt1 .inner :is(.all, .webgene-item) a::after {
    content: "";
    width: 1rem;
    aspect-ratio: 1/1;
    background: url(/system_panel/uploads/images/arrowC.png) no-repeat center / contain;
}
.topics_cnt1 .inner .all a {
    background: #5b3d23;
    color: #fff;
}
.topics_cnt1 .inner .all a::after {
    background-image: url(/system_panel/uploads/images/arrowD.png);
}

/*記事一覧*/
.topics_cnt2 {
    padding: 9.3rem 0 0;
}
.topics_cnt2 .inner .webgene-blog {
    row-gap: 5.3rem;
}
.topics_cnt2 .inner .webgene-item :is(.day, .cate) {
    margin-bottom: 1.7rem;
}
.topics_cnt2 .inner .webgene-item .dt {
    width: 100%;
    font-size: 2rem;
    order: 1;
    margin: 0 0 1.5rem 0.4rem;
}
.topics_cnt2 .inner .webgene-item .cmt {
    order: 2;
    font-size: 1.6rem;
    line-height: 1.875;
    color: #646464;
    margin: 0 0 0 0.4rem;
}
.topics_cnt2 .inner .webgene-pagination {
    padding: 1.6rem 0 0;
}
.topics_cnt2 .inner .webgene-pagination ul {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1rem;
    padding: 0;
    margin: 0;
}
.topics_cnt2 .inner .webgene-pagination ul li {
    list-style: none;
}
.topics_cnt2 .inner .webgene-pagination ul li a {
    width: 4rem;
    aspect-ratio: 1/1;
    background: #fff;
    border: 0.1rem solid #383838;
    border-radius: 50%;
    display: grid;
    place-items: center;
    font-size: 1.5rem;
}
.topics_cnt2 .inner .webgene-pagination ul li.selected a {
    background: #ffac57;
    border-color: #ffac57;
    color: #fff;
}
.topics_cnt2 .inner .webgene-pagination ul li:is(.prev, .next) a {
    width: 1.4rem;
    background: url(/system_panel/uploads/images/pager_prev.png) no-repeat center / contain;
    border: none;
    border-radius: 0;
    font-size: 0;
}
.topics_cnt2 .inner .webgene-pagination ul li.prev {
    margin: 0 2.9rem 0 0;
}
.topics_cnt2 .inner .webgene-pagination ul li.next {
    margin: 0 0 0 3.2rem;
}
.topics_cnt2 .inner .webgene-pagination ul li.next a {
    background-image: url(/system_panel/uploads/images/pager_next.png);
}
.topics .bottom {
    margin: 12.8rem 0 0;
}

/*記事詳細*/
.topicsdetail_cnt1 {
    padding: 11rem 0 0;
}
.topicsdetail_cnt1 .inner .webgene-item .dl {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.topicsdetail_cnt1 .inner .webgene-item .dt {
    width: 100%;
    font-size: 3rem;
    margin: 0 0 1.2rem 0.6rem;
}
.topicsdetail_cnt1 .inner .webgene-item .day {
    font-size: 1.6rem;
    color: #ffb264;
    margin: 0 1.5rem 0 0.5rem;
}
.topicsdetail_cnt1 .inner .webgene-item .cate {
    height: 2.7rem;
    background: #f7f3e8;
    border-radius: 1.35rem;
    display: flex;
    align-items: center;
    font-size: 1.6rem;
    padding: 0 1.6rem;
}
.topicsdetail_cnt1 .inner .webgene-item .pic {
    width: 100%;
    overflow: visible;
    margin: 0 0 4.25rem;
}
.topicsdetail_cnt1 .inner .webgene-item .pic::before {
    content: "";
    display: block;
    width: 95.4%;
    height: 0.5rem;
    background: radial-gradient(circle, #e5d8cc 0.25rem, transparent 0.26rem) left center / 1.2rem 0.5rem repeat-x;
    margin: 1.3rem 0 1.2rem 0.5rem;
}
.topicsdetail_cnt1 .inner .webgene-item .slider {
    margin: 0 0 1.5rem;
}
.topicsdetail_cnt1 .inner .webgene-item .slick-img {
    aspect-ratio: 1200/800;
    border: 0.3rem solid #fff;
    border-radius: 4rem;
    background: #e6e1d4;
    overflow: hidden;
}
.topicsdetail_cnt1 .inner .webgene-item .thumbnail {
    margin: 0 -0.28rem;
}
.topicsdetail_cnt1 .inner .webgene-item .thumbnail-img {
    padding: 0 0.28rem;
    cursor: pointer;
}
.topicsdetail_cnt1 .inner .webgene-item .thumbnail-img img {
    aspect-ratio: 115/90;
    border-radius: 2rem;
    background: #e6e1d4;
}
.topicsdetail_cnt1 .inner .webgene-item :is(.slick-img, .thumbnail-img) img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.topicsdetail_cnt1 .inner .webgene-item .cmt {
    width: 100%;
    font-size: 1.6rem;
    line-height: 2.1875;
    color: #646464;
}
.topicsdetail_cnt1 .inner .webgene-blog {
    margin: 0 0 9.05rem;
}
.topicsdetail_cnt1 .inner .buttonA {
    width: 29.3rem;
    margin: 0 auto;
}
.topicsdetail .bottom {
    margin: 17.3rem 0 0;
}






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