



:root {
--color-primary-base: #353326;  /* ブランドの基本色 */
}

.swiper-pagination-bullet-active {
background: var(--color-primary-accent), var(--swiper-theme-color));
}
.swiper-pagination-bullet {
background: var(--swiper-pagination-bullet-inactive-color, #fff);
}

.mv__inner .mv__title-wrap {
top: 35vh;
text-shadow: 0 0 8px rgb(0, 0, 0, 0.4);
}

.mv__inner .mv__title p {
font-weight: 500;
}

.greeting__text-content {
width: 70.1071%;
}

.history__table tr {
border-bottom: 1px solid #a0a59f;
}

.producer__list {
grid-gap: 0;
gap: 3.5rem;
}

.producer__list.producer__flow {
margin-left: 2rem;
}

.producer__item a {
font-size: 1.125rem;
padding: 1.5625rem 0 1.5625rem 3rem;
min-width: 17rem;
}

.producer__item:nth-child(1) a {
min-width: 18rem;
}

.producer__item:nth-child(2) a {
min-width: 13rem;
}

.producer__flow .producer__item a {
min-width: 11rem;
padding: 1.5625rem 0 1.5625rem 2rem;
}

.producer__item a::before {
left: 0;
}

.cta-buttons__link {
border: 1px solid var(--color-primary-accent);
}

.section-btn--b a {
border: 0.0625rem solid var(--color-primary-base);
}

.recruit .producer__list {
max-width: 50%;
}

.contact-annotation,
.contact-complete {
margin-top: 4.5625rem;
}

.header {
background-color: #353326;
}

.header__nav-modal-wrap::after {
background: #fff;
}

.header__nav-item > a,
.header__nav-modal-wrap > .header__nav-modal-wrap-link {
color: #fff;
}

.header__nav-item > a::after,
.header__nav-modal-wrap > .header__nav-modal-wrap-link::after {
background: var(--color-primary-accent);
}

.header__nav-item-ja {
color: #fff;
}

.header__nav-modal {
background-color: var(--color-primary-accent);
}

.header__nav-item.header__nav-item--contact a {
background-color: var(--color-primary-accent);
}

.page-header__date {
color: #707070;
}

.page-header__category {
border-bottom: 1px solid #353326;
border-top: 1px solid #353326;
}

.news-detail__content .cta-buttons__item p {
margin-top: 0;
}

.news-detail__content a.cta-buttons__link {
text-decoration: none;
}

.article__date {
color: #707070;
}

.article__label--r {
border-bottom: 1px solid #353326;
border-top: 1px solid #353326;
}

.footer__address {
margin-top: 4rem;
}

.footer__company-info {
width: 30%;
}

.footer__nav-wrapper {
width: 70%;
}

.footer__logo {
width: 100%;
margin: 0 auto;
max-width: 17.375rem;
}

@media screen and (max-width: 767px) {
.header__logo a {
font-size: 1.75rem;
}

.header__drawer-item.header__drawer-item--contact a {
background-color: var(--color-primary-accent);
}

.mv__inner .mv__title-wrap {
top: 18vh;
}

.section-title {
font-size: 2rem;
}

.hero__text {
font-size: 1.75rem;
}
  
.access__info {
margin-top: 4rem;
}

.access__map {
padding-top: 45.1895%;
}

.producer__item span::before {
top: 56%;
}
  
.producer__item a {
font-size: 0.9375rem;
padding: 0.71875rem 0 0.71875rem 2.5rem;
text-align: left;
}

.producer__item a::before {
left: 0.625rem;
}

.producer__list {
gap: 0.625rem;
grid-template-columns: repeat(1, 1fr);
}

.producer__list.producer__flow {
border-top: 1px solid #ccc;
border-left: none;
margin-top: 1.25rem;
padding-top: 1.25rem;
margin-left: 0;
}

.producer__flow .producer__item a {
padding: 0.71875rem 0 0.71875rem 0.5rem;
}

.recruit .producer__list {
max-width: 100%;
}

.greeting__text-content {
width: 100%;
}

.contact-annotation, .contact-complete {
margin-top: 0;
}

.contact-annotation__lead {
text-align: left;
}

.page-header__image {
aspect-ratio: 388/176;
}

.header__logo {
max-width: 10rem;
}

.header__hamburger {
background-color: var(--color-primary-accent);
}

.btn-section__btn {
min-width: auto;
}

.footer__address {
margin: 2.5625rem auto 0;
}
  
.footer__logo {
max-width: 13.375rem;
}

.footer__company-info {
width: 100%;
}

.footer__nav-wrapper {
width: 100%;
}
}

.parallax-policy .parallax__img {
background-image: url(/assets/images/top/mv02.jpg);
}

@media screen and (min-width: 768px) {
.header__nav .header__nav-list > li > a.active::after {
background: var(--color-primary-accent);
}
}