@charset "UTF-8";

@media screen and (max-width: 430px) {

  .l-header2_sub h2 {
      font-size: 6.511627906976744vw;
  }

  .l-header2_sub .page_ttl .main_ttl {
      font-size: 5.813953488372093vw;
  }

  .l-header2_sub .page_ttl .sub_ttl {
      font-size: 3.488372093023256vw;
  }

  #navi {
  }

  #navi .menu li {
      font-size: 5.116279069767442vw;
  }

  #navi .menu li:before {
      width: 4.4186046511627906vw;
      margin: 0 3.488372093023256vw 0 0;
      top: 3px;
      left: 0;
    }

  .l-footer #l-footer__upper p:first-child {
    font-size: 2.7906976744186047vw;
  }

  .l-footer #l-footer__upper p:not(:first-child) {
    font-size: 3.7209302325581395vw;
  }

  .l-footer .commone_logo img {
    max-width: 34.883720930232556vw;
  }

  .l-footer .bc_logo img {
    max-width: 32.55813953488372vw;
  }

  .c-copyright {
    font-size: 2.7906976744186047vw;
  }

  a.btn_full_a {
    min-width: 86.04651162790698vw;
    padding: 4.651162790697675vw 7.441860465116279vw;
    border-radius: 9.30232558139535vw;
  }

  a.btn_full_a .a__icon {
    padding-right: 7.441860465116279vw;
  }

  a.btn_full_a .a__icon img {
    width: 6.976744186046512vw;
  }

  a.btn_full_a .a__text {
    padding-right: 11.162790697674419vw;
    font-size: 4.186046511627907vw;
  }

  a.btn_full_a .a__text::after {
    width: 3.255813953488372vw;
    height: 3.255813953488372vw;
  }

  a.btn_blk_a,
  .top-news-list__body .onB.il-blk a,
  .c-form__btn .btn_blk_a {
    padding: 4.186046511627907vw 10.465116279069768vw;
    border-radius: 6.511627906976744vw;
  }

  a.btn_blk_a .a__text,
  .top-news-list__body .onB.il-blk a .a__text,
  .c-form__btn .btn_blk_a .a__text {
    padding-right: 3.7209302325581395vw;
    font-size: 3.255813953488372vw;
  }

  a.btn_blk_a .a__text::after,
  .top-news-list__body .onB.il-blk a .a__text::after,
  .c-form__btn .btn_blk_a .a__text::after {
    width: 2.7906976744186047vw;
    height: 2.7906976744186047vw;
  }

  .c-btn--block {
    max-width: 69.76744186046511vw;
  }

  .c-label-category {
    padding: 0.6976744186046512vw 2.7906976744186047vw;
    border-radius: 3.953488372093023vw;
    font-size: 3.488372093023256vw;
  }

  .c-label-category.r8 {
    border-radius: 1.8604651162790697vw;
  }

  .c-label-category.r16 {
    border-radius: 3.7209302325581395vw;
  }

  .c-label-category.r20 {
    border-radius: 4.651162790697675vw;
  }

  .c-label-category.r28 {
    border-radius: 6.511627906976744vw;
  }

  .b-label-category {
    padding: 5.116279069767442vw 6.744186046511628vw;
    border-radius: 10vw;
  }

  .b-label-category .a__icon {
    padding-left: 7.441860465116279vw;
  }

  .b-label-category .a__icon img {
    width: 9.069767441860465vw;
  }

  .b-label-category .a__text {
    font-size: 4.651162790697675vw;
  }

  .a-label-category { 
    padding: 1.8604651162790697vw 4.651162790697675vw;
    border-radius: 10vw;
  }

  .a-label-category .a__icon {
    padding-left: 7.441860465116279vw;
  }

  .a-label-category .a__icon img {
    width: 9.069767441860465vw;
  }

  .a-label-category .a__text {
    font-size: 4.186046511627907vw;
  }

  .circle {
     border-radius: 5.116279069767442vw;
    -moz-border-radius: 5.116279069767442vw;
    -webkit-border-radius: 5.116279069767442vw;
    line-height: 10.465116279069768vw;
    margin-right: 3.488372093023256vw;
    width: 10.465116279069768vw;
    height: 10.465116279069768vw;
  }

  .top-news-list__label .c-label-category {
      padding: 0.46511627906976744vw 3.0232558139534884vw;
      font-size: 3.488372093023256vw;
  }

  .top-news-list__body > a, .top-news-list__body a.top-news-list__link {
      font-size: 4.186046511627907vw;
  }

  .top-news-list__date {
    /* font-size: 2.3255813953488373vw; */
   }

  .top-news-list__link {
    /* font-size: 4.186046511627907vw; */
   }

/*
  a.btn_blk_a, .top-news-list__body .onB.il-blk a, .c-form__btn .btn_blk_a {
      position: relative;
      display: flex;
      align-items: center;
      width: fit-content;
      padding: 3.488372093023256vw 8.372093023255815vw;
      border-radius: 6.511627906976744vw;
      background: #001e00;
      text-decoration: none;
      transition: 0.3s;
  }
*/

  .top-news-list__body .onB.il-blk a, .top-news-list__body a.btn_blk_a {
      padding: 3.488372093023256vw 8.604651162790699vw;
  }

  a.btn_blk_a .a__text, .top-news-list__body .onB.il-blk a .a__text, .c-form__btn .btn_blk_a .a__text {
      font-size: 3.255813953488372vw;
  }
  .top-about__heading .c-label-category.r8 {
      padding: 0.46511627906976744vw 2.9069767441860463vw;
      font-size: 3.488372093023256vw;
  }

  .top-about__heading .c-label-category.green04 {
      padding: 0.46511627906976744vw 3.372093023255814vw;
      font-size: 3.488372093023256vw;
  }

  .top-about-upper__heading h3 {
   font-size: 7.441860465116279vw;
  }

  .top-about-upper__img img {
    max-width: 24.186046511627907vw;
  }

  .top-about-upper__text p {
    font-size: 4.186046511627907vw;  
  }

  .top-about-lower__text p {
    font-size: 3.488372093023256vw;
  }

  .top-about__lower + .onB.il-blk a.btn_blk_a {
      padding: 3.488372093023256vw 7.906976744186046vw;
  }

  .top-about__lower + .onB.il-blk a.btn_blk_a .a__text {
      font-size: 3.488372093023256vw;
  }

  #top-about__more .c-label-category.r8 {
      padding: 0.6976744186046512vw 3.0232558139534884vw;
      font-size: 3.488372093023256vw;
  }

  .b-label-category {
      padding: 5.116279069767442vw 6.744186046511628vw;
      border-radius: 10vw;
  }

  .b-label-category .a__icon img {
      width: 9.069767441860465vw;
  }

  .b-label-category .a__text {
      font-size: 4.651162790697675vw;
  }

  #top-about__more .il-blk.onB a.btn_blk_a {
      padding: 3.488372093023256vw 9.534883720930234vw;
  }

  #top-about__more .il-blk.onB a.btn_blk_a .a__text {
    font-size: 3.488372093023256vw;
  }

  #top-about__more .flexBox .c-label-category.r8 {
    padding: 1.1627906976744187vw 3.953488372093023vw;
    font-size: 2.7906976744186047vw;
  }

  #top-about__more .flexBox .a-label-category {
    padding: 1.627906976744186vw 5.116279069767442vw;
  }

  .top-statement__heading .c-label-category.r8, .top-access__heading .c-label-category.r8 {
    padding: 0.6976744186046512vw 3.488372093023256vw;
    font-size:3.488372093023256vw;
  }

  .top-statement__heading .c-label-category.green03 {
    padding: 0.6976744186046512vw 3.255813953488372vw;
    font-size:3.488372093023256vw;
  }

  .top-statement__body .top-statement__img img {
    max-width: 32.55813953488372vw;
  }

  .top-statement__text p {
    font-size: 5.116279069767442vw;
  }

  .top-statement__text .tagList {
    font-size: 3.488372093023256vw;
  }

  .top-access__heading .c-label-category.green04 {
    padding: 0.6976744186046512vw 2.7906976744186047vw;
    font-size:3.488372093023256vw;
  }

  .top-access .label__wrap .c-label-category {
    padding: 0.6976744186046512vw 4.186046511627907vw;
    font-size: 3.488372093023256vw;
  }

  .top-access .label__wrap a.btn_blk_a {
    padding: 3.255813953488372vw 8.13953488372093vw;
  }

  .top-access .label__wrap a.btn_blk_a .a__text {
    font-size: 3.488372093023256vw;
  }

  .grapes__heading .c-label-category.r8, .grapes__heading .c-label-category.green04 {
    padding: 1.1627906976744187vw 4.186046511627907vw;
    font-size: 2.7906976744186047vw;
  }

  .grapes__heading .circle,
  .flow .flow__heading .circle {
    width: 11.627906976744185vw;
    height: 11.627906976744185vw;
    border-radius: 5.813953488372093vw;
    font-size: 4.651162790697675vw;
    line-height: 11.627906976744185vw;
  }

  .flow .other_work .circle {
    font-size: 5.813953488372093vw;
  }

  .grapes .c-label-category.green04::after {
      width: 31.3953488372093vw;
  }

  .grapes .flexBoxTxt h4,
  .grapes .spTxt h4 {
    font-size: 5.116279069767442vw;
  }

  .grapes .spTxt h4 {
    margin-top: 30px;
  }

  .grapes .spTxt h4 + p {
    margin-top: 29px;
  }

  .grapes .spTxt p + p {
    margin-top: 37px;
  }

  .grapes .flexBoxTxt p,
  .grapes .spTxt p,
  .flow .flexBoxTxt p {
    font-size: 4.186046511627907vw;
    letter-spacing: 0.025em;
  }

  .green06 .l-footer #l-footer__upper li a.btn_full_a,
  .green07 .l-footer #l-footer__upper li a.btn_full_a,
  .green08 .l-footer #l-footer__upper li a.btn_full_a {
    min-width: 86.04651162790698vw;
  }

  .lead.sp {
    font-size: 3.488372093023256vw;
  }

  .flow .flow__heading .c-label-category.green04 {
    width: 24.418604651162788vw;
    padding: 0.46511627906976744vw 1.8604651162790697vw 0.9302325581395349vw 2.7906976744186047vw;
  }


  .flow .flow__heading .c-label-category.green04.short {
    width: 20.930232558139537vw;
  }

  .flow .flow__heading .c-label-category.green01 {
    padding: 0.46511627906976744vw 2.7906976744186047vw 0.9302325581395349vw 2.7906976744186047vw;
  }

  .flow .flexBoxTxt h4 {
    padding: 0.6976744186046512vw 3.488372093023256vw 1.627906976744186vw 3.488372093023256vw;
    border-radius: 4.883720930232558vw;
  }

  .flow .flexBoxTxt h4 .large {
    font-size: 4.186046511627907vw;
    letter-spacing: 0.24em;
  }

  .flow .flexBoxTxt h4 .small {
    font-size: 2.7906976744186047vw;
  }

  .flow .other_work p {
    font-size: 3.7209302325581395vw;
  }

  .green08 .l-header2_sub h2 {
    font-size: 5.813953488372093vw;
  }

  .brewing .flexBox .b-label-category {
      width: 93.02325581395348vw;
      margin-left: 6.976744186046512vw;
  }

  .brewing .b-label-category .a__icon img {
      width: 6.046511627906977vw;
  }
  .brewing .circle {
    width: 20.930232558139537vw;
    height: 20.930232558139537vw;
    border-radius: 10.465116279069768vw;
    line-height: 18.6046511627907vw;
  }

  .brewing .brewing__item:not(:last-child)::before {
    left: 14.883720930232558vw;
    bottom: -5.813953488372093vw;
  }

  .brewing .brewing__text__ttl .rubi {
    font-size: 2.7906976744186047vw;
  }

  .brewing .brewing__text h4 {
    font-size: 4.651162790697675vw;
  }

  .brewing .brewing__text p {
    font-size: 3.7209302325581395vw;
  }

  .page_label.blog_news_list .c-label-category.black.r28 {
    padding: 3.0232558139534884vw 6.511627906976744vw;
    font-size: 3.488372093023256vw;
  }

  .page_label.blog_news_list .c-label-category.green04,
  .page_label.blog_news .c-label-category,
  #l-footer__footernav.news-detail .c-label-category.green04 {
    padding: 0.6976744186046512vw 3.488372093023256vw;
    font-size:3.488372093023256vw;
  }

/* beverages */
  .page_label.blog_beverages_list .c-label-category {
    padding: 0.6976744186046512vw 3.488372093023256vw 0.23255813953488372vw 3.488372093023256vw;
    font-size: 3.7209302325581395vw;
  }

  .page_label.blog_beverages_list .b-label-category.green04,
  #l-footer__footernav.beverages-list .b-label-category.green04 {
    padding: 1.1627906976744187vw 4.651162790697675vw 1.1627906976744187vw 4.651162790697675vw;
  }

  .page_label.blog_beverages_list .b-label-category.green04 .a__icon,
  #l-footer__footernav.beverages-list .b-label-category.green04 .a__icon {
    margin-top: -3px;
    padding-left: 3.0232558139534884vw;
  }

  .page_label.blog_beverages_list .b-label-category.green04 .a__icon img,
  #l-footer__footernav.beverages-list .b-label-category.green04 .a__icon img {
    width: 5.5813953488372094vw;
  }

  #l-footer__footernav.beverages-list a.btn_blk_a {
    padding: 3.488372093023256vw 8.13953488372093vw;
  }

  .masonry-content .title a {
    font-size: 4.651162790697675vw;
  }

  .article__content .ttlArticle h3 {
    font-size: 4.651162790697675vw;
  }

  .article__content .detailText, .article__content .detailText font span {
    font-size: 3.7209302325581395vw !important;
    line-height: 1.75;
  }

  #l-footer__footernav.news-detail a.btn_blk_a {
    padding: 3.488372093023256vw 6.976744186046512vw;
    border-radius: 6.976744186046512vw;
  }

  #l-footer__footernav a.btn_blk_a .a__text {
    font-size: 3.488372093023256vw;
  }



}