@charset "UTF-8";
/*
.hoge { font-size: 20px; @include max-screen($breakpoint-tablet) { font-size: 18px; } @include max-screen($breakpoint-mobile) { font-size: 16px; }
}
*/
#main { padding-bottom: 0; }

.gnav li:hover > a, .gnav li a:hover { color: #fff; background: #822627; }

.gnav .gnav-sub { background: rgba(255, 255, 255, 0.9); }

/* clearfix */
.clearfix { zoom: 1; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }

.wrap_box, h2, .section-content, .section-content--pickup { margin: 30px 0; }
@media screen and (max-width: 767px) { .wrap_box, h2, .section-content, .section-content--pickup { margin: 20px 0; } }

.gray:before { content: ""; display: block; position: absolute; top: 0; left: 50%; width: 100vw; height: 100%; background: #f4f4f4; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: -1; }

/* リンクボタン */
.btn, .btn--2row, .btn--3row { width: 100%; text-align: center; }
@media screen and (max-width: 1449px) { .btn-gnav { background: #822627; } }
.btn__txt, .btn__txt--double, .btn__txt--down { position: relative; display: block; line-height: 60px; font-size: 16px; font-weight: bold; color: #822627; text-align: center; background: #fff; border: 1px solid #822627; max-width: 333px; margin: 0 auto; }
@media screen and (max-width: 767px) { .btn__txt, .btn__txt--double, .btn__txt--down { font-size: 120%; line-height: 3; } }
.btn__txt:after, .btn__txt--double:after, .btn__txt--down:after { font-family: "Font Awesome 5 pro"; content: "\f105"; font-weight: 400; position: absolute; right: 20px; }
.btn__txt--double { width: 96%; border: 1px solid #822627; outline: 1px solid #822627; /* 線幅、線のスタイル、カラー */ outline-offset: -6px; /* 対象の要素からの距離、マイナス(内側)にも対応 */ padding: 1%; margin: 2em 0 0; }
@media screen and (max-width: 767px) { .btn__txt--double { float: inherit; width: 100%; max-width: 303px; } }
.btn__txt--down:after { font-family: "Font Awesome 5 pro"; content: "\f107"; font-weight: 400; position: absolute; right: 20px; }
.btn__txt:link, .btn__txt--double:link, .btn__txt--down:link { color: #822627; }
.btn__txt:visited, .btn__txt--double:visited, .btn__txt--down:visited { color: #822627; }
.btn__txt:hover, .btn__txt--double:hover, .btn__txt--down:hover { text-decoration: none; background: #822627; color: #fff; }
.btn__list, .btn--2row__list, .btn--2row-2line__list, .btn--3row__list { display: inline-block; vertical-align: top; letter-spacing: normal; }
.btn--2row__list, .btn--2row-2line__list { /*２列*/ display: inline-block; width: 303px; padding: 9px; }
@media screen and (max-width: 767px) { .btn--2row__list, .btn--2row-2line__list { padding: 3px; } }
.btn--3row__list { /*３列*/ float: left; width: 33.32%; padding: 3px; }
@media screen and (max-width: 767px) { .btn--3row__list { float: inherit; width: 100%; } }
.btn--2row-2line { /*２列２行*/ width: 610px; margin: 0 auto; }
@media screen and (max-width: 767px) { .btn--2row-2line { float: inherit; width: 100%; text-align: center; } }

h2 { font-size: 26px; font-weight: bold; color: #822627; text-align: center; line-height: 45px; }
@media screen and (max-width: 767px) { h2 { font-size: 140%; line-height: 1.7; text-align: left; margin: 10px 0; }
  h2 br { display: none; } }

/*  header */
#header { background: #fff; text-align: center; }

.header-inner { max-width: 1660px; margin: 0 auto; }
.header__logo { position: inherit; float: left; transform: inherit; padding: 14px 0 0 20px; }
@media screen and (max-width: 767px) { .header__logo { padding: 7px 0 0 7px; } }

/* breadcrumb */
.breadcrumb { position: relative; padding: 20px; }
@media screen and (max-width: 767px) { .breadcrumb { background: #fff; padding: 10px; }
  .breadcrumb.gray { background: #f4f4f4; padding: 20px; } }
.breadcrumb-inner { position: relative; max-width: 1010px; margin: -10px -20px; }

/* article */
#article { padding: 0; }

@media screen and (max-width: 767px) { .article { padding: 0 4.29vw; } }
.article-header, .article-header__sub, .article-header__sub--feature, .article-header__sub--experience, .article-header__sub--occupations, .article-header__sub--message, .article-header__sub--message-tanaka, .article-header__sub--message-miyazaki, .article-header__sub--message-furusawa, .article-header__sub--welfare, .article-header__sub--requirements, .article-header__sub--requirements-shopstaff, .article-header__sub--requirements-salesstaff, .article-header__sub--requirements-web, .article-header__sub--requirements-ec { height: 614px; width: 100%; background-image: url(../../assets/img/winedivision/mainvisual.png); margin: 0 auto; }
@media screen and (max-width: 767px) { .article-header, .article-header__sub, .article-header__sub--feature, .article-header__sub--experience, .article-header__sub--occupations, .article-header__sub--message, .article-header__sub--message-tanaka, .article-header__sub--message-miyazaki, .article-header__sub--message-furusawa, .article-header__sub--welfare, .article-header__sub--requirements, .article-header__sub--requirements-shopstaff, .article-header__sub--requirements-salesstaff, .article-header__sub--requirements-web, .article-header__sub--requirements-ec { height: auto; margin: 0 auto; padding: 14.29vw 4.29vw 0; } }
.article-header__sub, .article-header__sub--feature, .article-header__sub--experience, .article-header__sub--occupations, .article-header__sub--message, .article-header__sub--message-tanaka, .article-header__sub--message-miyazaki, .article-header__sub--message-furusawa, .article-header__sub--welfare, .article-header__sub--requirements, .article-header__sub--requirements-shopstaff, .article-header__sub--requirements-salesstaff, .article-header__sub--requirements-web, .article-header__sub--requirements-ec { padding: 95px 20px 0; height: 348px; }
@media screen and (max-width: 767px) { .article-header__sub, .article-header__sub--feature, .article-header__sub--experience, .article-header__sub--occupations, .article-header__sub--message, .article-header__sub--message-tanaka, .article-header__sub--message-miyazaki, .article-header__sub--message-furusawa, .article-header__sub--welfare, .article-header__sub--requirements, .article-header__sub--requirements-shopstaff, .article-header__sub--requirements-salesstaff, .article-header__sub--requirements-web, .article-header__sub--requirements-ec { height: 50vw; padding: 14.29vw 4.29vw 0; } }
.article-header__sub--feature { background-image: url(../../assets/img/winedivision/bg-header-feature.png); background-position: center 20px; background-size: cover; }
.article-header__sub--experience { background-image: url(../../assets/img/winedivision/bg-header-experience.png); background-position: center 40px; background-size: cover; }
.article-header__sub--occupations { background-image: url(../../assets/img/winedivision/bg-header-occupations.png); background-position: center 40px; background-size: cover; }
.article-header__sub--message { background-image: url(../../assets/img/winedivision/bg-header-message.png); background-position: center 40px; background-size: cover; }
.article-header__sub--message-tanaka { background-image: url(../../assets/img/winedivision/bg-header-tanaka.png); background-position: center -10px; background-size: cover; }
.article-header__sub--message-miyazaki { background-image: url(../../assets/img/winedivision/bg-header-miyazaki.png); background-position: center 40px; background-size: cover; }
.article-header__sub--message-furusawa { background-image: url(../../assets/img/winedivision/bg-header-furusawa.png); background-position: center 40px; background-size: cover; }
.article-header__sub--welfare { background-image: url(../../assets/img/winedivision/bg-header-welfare.png); background-position: center 40px; background-size: cover; }
.article-header__sub--requirements { background-image: url(../../assets/img/winedivision/bg-header-requirements.png); background-position: center 40px; background-size: cover; }
/*.article-header__sub--requirements-shopstaff { background-image: url(../../assets/img/winedivision/bg-header-shopstaff.png); background-position: center 40px; background-size: cover; }
.article-header__sub--requirements-salesstaff { background-image: url(../../assets/img/winedivision/bg-header-salesstaff.png); background-position: center 40px; background-size: cover; }
.article-header__sub--requirements-web { background-image: url(../../assets/img/winedivision/bg-header-webstaff.png); background-position: center 40px; background-size: cover; }
.article-header__sub--requirements-ec { background-image: url(../../assets/img/winedivision/bg-header-ec.png); background-position: center 40px; background-size: cover; }*/
.article-inner:before { background: none; }
@media screen and (max-width: 767px) { .article-inner { padding: 0 20px; background: none; } }
.article-header-copy-box { margin-top: 127px; background: rgba(255, 255, 255, 0.9); }
@media screen and (max-width: 767px) { .article-header-copy-box { margin-top: 0; font-size: 120%; } }

/* section */
.section, .section--gray { padding: 60px 0; position: relative; z-index: 0; }
@media screen and (max-width: 767px) { .section, .section--gray { padding: 30px 0; } }
.section--gray:before { content: ""; display: block; position: absolute; top: 0; left: 50%; width: 100vw; height: 100%; background: #f4f4f4; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: -1; }
.section-inner { max-width: 1010px; margin: 0 auto; }
.section-inner--white-box { background: #fff; padding: 40px 40px 80px; }
@media screen and (max-width: 767px) { .section-inner--white-box { padding: 20px 20px 40px; } }
.section-content, .section-content--pickup { text-align: center; font-size: 16px; }
@media screen and (max-width: 767px) { .section-content, .section-content--pickup { font-size: 120%; text-align: left; } }
.section-content--pickup { margin-bottom: 80px; }
.section__ttl { margin-top: 10px; }
.section__sub-ttl { font-size: 22px; color: #404040; text-align: center; margin: 30px 0 20px; }

/* 新着情報 */
.hotnews__link, .hotnews__link--bottom { display: block; font-size: 16px; color: #822627; text-align: center; background: #fff; border: 1px solid #822627; width: 100%; text-align: center; padding: 10px; margin: 0 auto 40px; }
@media screen and (max-width: 767px) { .hotnews__link, .hotnews__link--bottom { font-size: 120%; text-align: left; margin: 0 auto 20px; } }
.hotnews__link:visited, .hotnews__link--bottom:visited { color: #822627; }
.hotnews__link:hover, .hotnews__link--bottom:hover { text-decoration: none; background: #822627; color: #fff; }
.hotnews__link--bottom { margin-bottom: 0; }
.hotnews__txt--bold { font-weight: bold; }

/* img-box */
.img-box, .img-box--col2 { position: relative; background: #fff; }
.img-box__wrap { margin: 20px 0 10px 0; }
@media screen and (max-width: 767px) { .img-box__wrap { margin: 10px 0 5px 0; } }
.img-box--col2 { width: 48.5%; float: left; }
@media screen and (max-width: 767px) { .img-box--col2 { float: inherit; width: 100%; margin-bottom: 10px; } }
.img-box--col2:last-child { float: right; }
@media screen and (max-width: 767px) { .img-box--col2:last-child { float: inherit; width: 100%; } }
.img-box__ttl { width: 246px; background: #822628; color: #fff; font-size: 20px; text-align: center; padding: 13px 0; font-weight: normal; position: absolute; top: -13px; left: 21px; }
@media screen and (max-width: 767px) { .img-box__ttl { width: 100%; top: 0; left: 0; position: relative; font-size: 140%; } }
.img-box__txt { margin: 20px 32px 20px 32px; color: #6b6b6b; padding-bottom: 20px; font-size: 16px; border-bottom: 1px solid #ddd; }
@media screen and (max-width: 767px) { .img-box__txt { font-size: 120%; line-height: 1.5; padding-bottom: 10px; margin-bottom: 10px; } }
.img-box__menu { padding: 0 32px 20px; }
.img-box__list { display: inline-block; font-size: 16px; padding-bottom: 6px; }
@media screen and (max-width: 767px) { .img-box__list { font-size: 120%; padding: 0; } }
.img-box__list:nth-child(even) a { border-right: 0; }
.img-box__link { color: #822628; border-right: 1px solid #822628; margin-right: 10px; padding-right: 10px; }
@media screen and (max-width: 767px) { .img-box__link { border-right: 0; } }
.img-box__link:visited { color: #822628; }
.img-box__link:before { font-family: "Font Awesome 5 pro"; font-weight: 900; content: "\f0da"; margin-right: 5px; }

/* 各記事 */
.item__inr { margin-bottom: 40px; }
.item__box { margin-bottom: 60px; }
.item__ttl { font-size: 24px; line-height: 42px; color: #2e2e2e; border-bottom: 2px solid #822627; padding-bottom: 30px; margin-bottom: 40px; }
@media screen and (max-width: 767px) { .item__ttl { font-size: 135%; line-height: 1.6; padding-bottom: 15px; margin-bottom: 20px; }
  .item__ttl br { display: none; } }
.item__sub-ttl { font-size: 20px; margin: 2em 0; }
@media screen and (max-width: 767px) { .item__sub-ttl { font-size: 135%; line-height: 1.6; margin: 1.5em 0; } }
.item__txt-box { float: left; width: 452px; }
@media screen and (max-width: 767px) { .item__txt-box { width: 100%; float: inherit; } }
.item__txt { font-size: 16px; line-height: 29px; }
@media screen and (max-width: 767px) { .item__txt { font-size: 125%; line-height: 1.65; } }
.item__figure { float: right; width: 488px; }
@media screen and (max-width: 767px) { .item__figure { width: 100%; float: inherit; margin-top: 20px; } }
.item__menu, .requirements__menu { margin: 1em 0; font-size: 15px; }
@media screen and (max-width: 767px) { .item__menu, .requirements__menu { font-size: 125%; } }
.item__list:before, .requirements__list:before { font-family: "Font Awesome 5 pro"; content: "\f111"; font-weight: 900; margin-right: 6px; }

.mod-entry-box { margin: 80px 0; position: relative; }
@media screen and (max-width: 767px) { .mod-entry-box { margin: 20px 0 140px; } }
.mod-entry-box:before { content: ""; display: block; position: absolute; top: -1px; left: 50%; width: 100vw; height: 100%; border-top: 1px solid #f4f4f4; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 0; margin-top: -80px; }
@media screen and (max-width: 767px) { .mod-entry-box:before { display: none; } }

/* footerナビゲーション */
.footer__nav { background: #f4f4f4; color: #4f4f4f; padding: 50px 0 70px; }
@media screen and (max-width: 767px) { .footer__nav { display: none; } }
.footer__list, .footer__list--extra { width: 24%; float: left; display: block; font-size: 15px; margin-bottom: 20px; }
.footer__list--extra { margin-bottom: inherit; width: 28%; }
.footer__link { display: block; font-weight: bold; padding-bottom: 10px; }
.footer__menu { max-width: 1010px; margin: 0 auto; }
.footer-sub__menu { margin-bottom: 10px; }
.footer-sub__link { font-size: 14px; }
.footer-sub__ttl { font-weight: bold; display: block; }

/* 日々の活動 */
.activities { border-top: 1px solid #822627; padding-top: 20px; }
@media screen and (max-width: 767px) { .activities { padding-top: 10px; } }
.activities__term { float: left; width: 255px; margin-bottom: 20px; padding-bottom: 20px; font-weight: bold; font-size: 16px; }
@media screen and (max-width: 767px) { .activities__term { float: inherit; width: 100%; padding: 0; margin: 0; font-size: 130%; } }
.activities__description { font-size: 16px; margin-bottom: 20px; padding: 0 0 20px 255px; border-bottom: 1px solid #822627; }
@media screen and (max-width: 767px) { .activities__description { font-size: 130%; padding: 0 0 10px 0; margin: 0 0 10px 0; } }

/* 募集要項 */
.requirements__table { border: 1px solid #828282; border-collapse: collapse; margin: 40px 0; }
@media screen and (max-width: 767px) { .requirements__table { border: none; } }
.requirements__th { width: 191px; background: #822627; color: #fff; font-size: 18px; padding: 25px; border: 1px solid #828282; }
@media screen and (max-width: 767px) { .requirements__th { width: 100%; display: block; font-size: 130%; padding: 15px; border-color: #822627; } }
.requirements__td { border: 1px solid #828282; padding: 25px; font-size: 14px; }
@media screen and (max-width: 767px) { .requirements__td { font-size: 130%; padding: 12px; width: 100%; display: block; border-color: #822627; } }
@media screen and (max-width: 767px) { .requirements__menu { font-size: 130%; } }
@media screen and (max-width: 767px) { .requirements__list { font-size: 70%; } }