@charset "utf-8";
@-webkit-keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }
@keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }
/*============================================================
	Base
============================================================*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline; }

ul, li { list-style: none; }

html, body { width: 100%; overflow-x: hidden; }

@media only screen and (max-width: 767px) { html, body { min-height: 100vh; } }
html * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

body .whiskeyjourney { font-family: "Zen Old Mincho", serif; font-size: 1.4rem; font-weight: 700; font-style: normal; line-height: 1; -webkit-font-feature-settings: "palt"; -moz-font-feature-settings: "palt"; font-feature-settings: "palt"; word-wrap: break-word; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #2C1807; position: relative; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-height: 100vh; -webkit-animation: fadeIn 1.5s ease 0s 1 normal; animation: fadeIn 1.5s ease 0s 1 normal; overflow: hidden; }

body .whiskeyjourney img { width: 100%; height: auto; }

body .whiskeyjourney img[src$=".svg"] { max-width: 100%; }

body .whiskeyjourney a, body .whiskeyjourney a * { -webkit-backface-visibility: hidden; backface-visibility: hidden; color: inherit; text-decoration: none; outline: none; -webkit-transition: all 0.3s; transition: all 0.3s; }

body .whiskeyjourney a:hover, body .whiskeyjourney a:hover img { opacity: 0.75; }

body .whiskeyjourney header, body .whiskeyjourney main, body .whiskeyjourney section, body .whiskeyjourney footer { width: 100%; }

body .whiskeyjourney header, body .whiskeyjourney footer { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; }

body .whiskeyjourney main { -webkit-box-flex: 1; -webkit-flex: 1 0 auto; -moz-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; min-height: 1px; }

body .whiskeyjourney .whiskeyjourney_nav ul li a { color: #fff; }

@media only screen and (max-width: 767px) { body .whiskeyjourney { font-size: 3.7333333333vw; -webkit-text-size-adjust: 100%; } }
@media print, screen and (min-width: 768px) and (max-width: 1440px) { body .whiskeyjourney { font-size: 0.9722222222vw; } }
body .whiskeyjourney::before { position: absolute; content: ""; width: 100%; height: 100%; top: 0; left: 0; background-image: -webkit-gradient(linear, left top, left bottom, from(#FFFAED), to(#CB771E)); background-image: -webkit-linear-gradient(top, #FFFAED, #CB771E); background-image: linear-gradient(to bottom, #FFFAED, #CB771E); z-index: -2; }

body .whiskeyjourney a { text-decoration: none !important; }

/*============================================================
	Commmon
============================================================*/
@media only screen and (max-width: 767px) { .pc { display: none !important; } }
@media print, screen and (min-width: 768px) { .sp { display: none !important; } }
.inner { width: 79.1666666667vw; max-width: 1140px; margin: auto; }

@media only screen and (max-width: 767px) { .inner { width: 89.33%; max-width: 178.6666666667vw; } }
.sub_mv { width: 100%; height: 57.1428571429em; position: relative; }

@media only screen and (max-width: 767px) { .sub_mv { height: 35.8571428571em; } }
.sub_mv .ytBg-wrap { position: absolute; top: 0; right: 0; width: 100%; height: 100%; background-size: cover; z-index: -1; }

.sub_mv .inner { height: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; color: #fff; pointer-events: none; }

.sub_mv .inner h2 { text-align: center; font-family: adobe-garamond-pro, serif; font-weight: 600; }

.sub_mv .inner p { font-size: 1.1428571429em; font-size: 1.1428571429em; margin-top: 1em; }

@media print, screen and (min-width: 768px) { .sub_mv .inner h2 { font-size: 3.4285714286em; font-size: 3.4285714286em; line-height: 1.25; margin-top: calc(0px - (((1em*1.25) - 1em)/2)); margin-bottom: calc(0px - (((1em*1.25) - 1em)/2)); }
  .sub_mv .inner p { line-height: 1.5; margin-top: calc(1.7375em - (((1em*1.5) - 1em)/2)); margin-bottom: calc(0px - (((1em*1.5) - 1em)/2)); } }
@media only screen and (max-width: 767px) { .sub_mv .inner h2 { font-size: 2em; font-size: 2em; line-height: 1.4; line-height: 1.4285714286; margin-top: calc(0px - (((1em*1.4285714286) - 1em)/2)); margin-bottom: calc(0px - (((1em*1.4285714286) - 1em)/2)); }
  .sub_mv .inner p { text-align: center; line-height: 1.5; margin-top: calc(1.1em - (((1em*1.5) - 1em)/2)); margin-bottom: calc(0px - (((1em*1.5) - 1em)/2)); } }
.title h3 { font-size: 2.5714285714em; line-height: 1.33; margin-bottom: 1em; }

@media only screen and (max-width: 767px) { .title h3 { font-size: 2.1428571429em; line-height: 1.6; } }
.title h3.big { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; font-size: 4.2857142857em; line-height: 1; }

@media only screen and (max-width: 767px) { .title h3.big { font-size: 2.5714285714em; } }
.title h3.big small { font-family: adobe-garamond-pro, serif; font-weight: 600; font-size: 1.1428571429em; margin-left: 2.8571428571em; margin-top: 1em; }

.title h4 { font-size: 2.1428571429em; line-height: 1.33; margin-bottom: 2.1428571429em; }

@media only screen and (max-width: 767px) { .title h4 { font-size: 1.5em; margin-top: 2.8571428571em; line-height: 1.7; letter-spacing: -0.075em; } }
.title h5 { font-size: 1.5em; line-height: 1.4; margin-top: 2.8571428571em; margin-bottom: 1em; }

@media only screen and (max-width: 767px) { .title h5 { font-size: 1.2857142857em; letter-spacing: -0.075em; } }
.title p { line-height: 1.7; }

@media only screen and (max-width: 767px) { .title p { font-size: 1.1428571429em; } }
.title .shape { clear: both; }

.title .shape figure { float: right; width: 11.1428571429em; margin-left: 2.8571428571em; }

@media only screen and (max-width: 767px) { .title .shape figure { width: 10.3571428571em; margin-left: 2.1428571429em; } }
.title .youtube { width: 100%; aspect-ratio: 16/9; margin-top: 5em; background-color: #999; overflow: hidden; }

@media only screen and (max-width: 767px) { .title .youtube { margin-top: 2.8571428571em; } }
.intro { background: #fff; padding: 13.5714285714em 0; }

@media only screen and (max-width: 767px) { .intro { padding: 5.7142857143em 0 4.2857142857em; } }
.intro .inner { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; }

@media only screen and (max-width: 767px) { .intro .inner { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } }
@media print, screen and (min-width: 768px) { .intro .inner figure { width: 72.2807017544%; } }
@media only screen and (max-width: 767px) { .intro .inner p { font-size: 1.2857142857em; margin-bottom: 4.2857142857em; } }
.contents { padding-top: 5.7142857143em; padding-bottom: 17.8571428571em; }

@media only screen and (max-width: 767px) { .contents { padding-top: 4.2857142857em; padding-bottom: 5.7142857143em; } }
.contents .index { text-align: center; font-family: adobe-garamond-pro, serif; font-weight: 600; font-size: 1.2857142857em; }

@media only screen and (max-width: 767px) { .contents .index { font-size: 1em; } }
.contents .index small { font-family: "Zen Old Mincho", serif; margin-left: 1.5em; font-size: 0.8571428571em; }

@media only screen and (max-width: 767px) { .contents .index small { font-size: 0.6428571429em; } }
.contents .inner h3.big { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; font-size: 4.2857142857em; line-height: 1; margin-bottom: 1em; }

@media only screen and (max-width: 767px) { .contents .inner h3.big { font-size: 2.5714285714em; } }
.contents .inner h3.big small { font-family: adobe-garamond-pro, serif; font-weight: 600; font-size: 0.2666666667em; margin-left: 2.5em; margin-top: 1em; }

@media only screen and (max-width: 767px) { .contents .inner h3.big small { margin-top: 0.5em; font-size: 0.4444444444em; margin-left: 0.8333333333em; } }
.contents .inner .trivia { width: 100%; background-color: rgba(255, 255, 255, 0.5); padding: 2.5em 4.2857142857em 2.5em 18.5714285714em; margin-top: 8.2142857143em; position: relative; }

@media only screen and (max-width: 767px) { .contents .inner .trivia { width: 100%; padding: 2.1428571429em 0 0; margin-top: 2.8571428571em; } }
.contents .inner .trivia::before { position: absolute; content: ""; width: 9.7857142857em; height: 8.7142857143em; left: 4.2857142857em; top: 2.5em; background: url(../img/icon-sign.svg) no-repeat; background-size: 100%; }

@media only screen and (max-width: 767px) { .contents .inner .trivia::before { width: 6.2142857143em; height: 5.5714285714em; left: 1.4285714286em; } }
@media print, screen and (min-width: 768px) { .contents .inner .trivia h5 { font-size: 1.7142857143em; margin-bottom: 1em; } }
@media only screen and (max-width: 767px) { .contents .inner .trivia h5 { font-size: 1.2857142857em; letter-spacing: -0.05em; line-height: 1.66; padding-left: 7.2222222222em; padding-right: 1.1111111111em; padding-bottom: 1.6666666667em; } }
.contents .inner .trivia .trivia-open { width: 100%; height: 1.4285714286em; background-color: #fff; -webkit-transition: opacity 0.6s ease, visibility 0.6s ease; transition: opacity 0.6s ease, visibility 0.6s ease; position: relative; }

.contents .inner .trivia .trivia-open::after { position: absolute; content: ""; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 0.7857142857em; height: 0.3571428571em; background: url(../img/arrow-down.svg) no-repeat; background-size: 100%; }

.contents .inner .trivia .trivia-open.hide { opacity: 0; height: 0; }

@media only screen and (max-width: 767px) { .contents .inner .trivia .accordion { text-align: center; display: none; padding: 0 1.4285714286em 2.1428571429em 1.4285714286em; } }
.contents .inner .trivia p { line-height: 1.7; text-align: left; }

.contents .inner .trivia button { width: 11.7142857143em; height: 2em; line-height: 2em; border-radius: 1em; background: #fff; color: #2C1807; border: none; font-size: 0.8571428571em; margin: 2.1428571429em auto 0; }

@media print, screen and (min-width: 768px) { .interview li { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 8.5714285714em; }
  .interview li dl dt { margin-bottom: 2.8571428571em; text-indent: -1em; }
  .interview li dl dt strong { font-size: 1.7142857143em; line-height: 1.5; }
  .interview li dl dt span { display: block; font-size: 1.1428571429em; margin-top: 1.5em; margin-left: 1em; }
  .interview li dl dd { line-height: 1.7; } }
@media only screen and (max-width: 767px) { .interview li { margin-top: 4.2857142857em; }
  .interview li figure { margin-bottom: 2.8571428571em; }
  .interview li dl dt { margin-bottom: 2.8571428571em; }
  .interview li dl dt strong { font-size: 1.5em; line-height: 1.42; }
  .interview li dl dt span { display: block; font-size: 1.1428571429em; line-height: 1.875; margin-top: 1em; letter-spacing: -0.075em; }
  .interview li dl dd { font-size: 1.1428571429em; line-height: 1.875; } }
/*============================================================
	Layout
============================================================*/
/*  nav
-------------------------------------------------*/
.logo_wrap { width: 100%; height: 5em; background: #2C1807; position: fixed; left: 0; top: 0; z-index: 997; opacity: 0; visibility: hidden; -webkit-transition: opacity 0.6s ease, visibility 0.6s ease; transition: opacity 0.6s ease, visibility 0.6s ease; color: #fff; }

.logo_wrap.is-show { opacity: 1; visibility: visible; }

.logo_wrap a { color: #fff; font-family: adobe-garamond-pro, serif; font-weight: 600; }

.logo_wrap a small { font-family: "Zen Old Mincho", serif; color: #fff; font-size: 0.7142857143em; display: block; margin-top: 0.2em; }

@media only screen and (max-width: 767px) { .logo_wrap a small { font-size: 0.6428571429em; } }
.hamburger { position: fixed; display: block; width: 8vw; height: 0.7142857143em; right: 5.3333333333vw; top: 2.1428571429em; cursor: pointer; z-index: 999; }

.hamburger span { position: absolute; background: #fff; width: 100%; height: 2px; right: 0; display: block; -webkit-transition: all 0.3s; transition: all 0.3s; }

.hamburger span.top { top: 0; }

.hamburger span.top.active { top: 0.25em; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }

.hamburger span.btm { bottom: 0; }

.hamburger span.btm.active { width: 100%; bottom: 0.25em; -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.header_logo { background: url(../img/logo-KD.svg) no-repeat left top; }

@media print, screen and (min-width: 768px) { .header_logo { color: #fff !important; font-size: 1em; background-size: 3.9285714286em auto; padding: 0.7142857143em 0 0.7142857143em 5em; } }
@media only screen and (max-width: 767px) { .header_logo { position: absolute; height: 3.2142857143em; top: 1.0714285714em; left: 5.3333333333vw; font-size: 0.8571428571em; padding-left: 4.2857142857em; padding-top: 0.7142857143em; background-size: 3.5714285714em auto; } }
.whiskeyjourney_nav { width: 100%; background: #2C1807; position: fixed; left: 0; top: 0; -webkit-transition: opacity 0.6s ease, visibility 0.6s ease; transition: opacity 0.6s ease, visibility 0.6s ease; z-index: 998; opacity: 0; visibility: hidden; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; }

@media print, screen and (min-width: 768px) { .whiskeyjourney_nav { height: 5em; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 0 2.0833333333%; }
  .whiskeyjourney_nav.is-show { opacity: 1; visibility: visible; } }
@media only screen and (max-width: 767px) { .whiskeyjourney_nav { height: 100vh; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; }
  .whiskeyjourney_nav.open { opacity: 1; visibility: visible; } }
body .whiskeyjourney_nav a { color: #fff; font-family: adobe-garamond-pro, serif; font-weight: 600; }

.whiskeyjourney_nav a small { font-family: "Zen Old Mincho", serif; color: #fff; font-size: 0.7142857143em; display: block; margin-top: 0.2em; }

@media only screen and (max-width: 767px) { .whiskeyjourney_nav a small { font-size: 0.6428571429em; } }
@media print, screen and (min-width: 768px) { .whiskeyjourney_nav { padding-right: 0; padding-left: 2.0833333333%; }
  .whiskeyjourney_nav ul { margin-left: auto; width: 50.5673758865%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; }
  .whiskeyjourney_nav ul li { height: 100%; display: block; position: relative; white-space: nowrap; position: relative; text-align: center; }
  .whiskeyjourney_nav ul li::after { position: absolute; content: ""; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 0; width: 1px; height: 5em; background: #707070; }
  .whiskeyjourney_nav ul li:first-child { width: 22%; width: 29.873772791%; }
  .whiskeyjourney_nav ul li:first-child::before { position: absolute; content: ""; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 0; width: 1px; height: 5em; background: #707070; }
  .whiskeyjourney_nav ul li:nth-child(2) { width: 37.0266479663%; }
  .whiskeyjourney_nav ul li:last-child { width: 50%; width: 33.0995792426%; }
  .whiskeyjourney_nav ul li span { display: inline-block; text-align: left; max-width: auto; } }
@media only screen and (max-width: 767px) { .whiskeyjourney_nav ul li:not(:last-child) { margin-bottom: 2.8571428571em; }
  .whiskeyjourney_nav ul li:nth-child(2) { white-space: nowrap; } }
.whiskeyjourney_nav ul li a { font-size: 1em; }

@media only screen and (max-width: 767px) { .whiskeyjourney_nav ul li a { display: inline-block; font-size: 1.7142857143em; line-height: 1.4; text-indent: -1.75em; margin-left: 1.75em; } }
@media only screen and (max-width: 767px) { .whiskeyjourney_nav ul li a small { font-size: 0.8571428571em; font-size: 0.5em; margin-left: 3.5em; } }
.whiskeyjourney_nav .tour { width: 18.085106383%; height: 2.2857142857em; line-height: 2.1428571429em; border-radius: 1.1428571429em; background: #fff; color: #2C1807; font-family: "Zen Old Mincho", serif; font-size: 0.8571428571em; padding-left: 1.4285714286em; position: relative; }

@media print, screen and (min-width: 768px) { .whiskeyjourney_nav .tour { margin-right: 1.4184397163%; margin-left: 1.4184397163%; } }
@media only screen and (max-width: 767px) { .whiskeyjourney_nav .tour, .whiskeyjourney_nav .questionary_btn { width: 21.4285714286em; height: 2.8571428571em; line-height: 2.8571428571em; border-radius: 1.4285714286em; font-size: 1em; }
  .whiskeyjourney_nav .tour { margin-top: 5.7142857143em; }
  .whiskeyjourney_nav .questionary_btn { position: relative; margin-top: 1.4285714286em; color: #fff; border: 1px solid #fff; padding-left: 1.4285714286em; }
  .whiskeyjourney_nav .questionary_btn:after { position: absolute; content: ""; background: url(../img/arrow-right-w.svg) no-repeat; background-size: 100%; width: 1.0714285714em; height: 1.0714285714em; right: 1.4285714286em; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } }
.whiskeyjourney_nav .tour::after { position: absolute; content: ""; background: url(../img/arrow-right.svg) no-repeat; background-size: 100%; width: 1.0714285714em; height: 1.0714285714em; right: 1.0714285714em; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

@media only screen and (max-width: 767px) { .whiskeyjourney_nav .tour::after { right: 1.4285714286em; } }
.whiskeyjourney_nav .lang { width: 21.4285714286em; height: 3.5714285714em; line-height: 3.5714285714em; text-align: center; border: solid 1px #fff; font-size: 1.5em; margin-top: 2.1428571429em; }

/*  mv
-------------------------------------------------*/
.mv { width: 100%; height: 100vh; position: relative; }

.mv .ytBg-wrap { position: absolute; top: 0; right: 0; width: 100%; height: 100%; background: url(../img/mv-poster-pc.png) no-repeat top right; background-size: cover; z-index: -1; }

@media only screen and (max-width: 767px) { .mv .ytBg-wrap { background-image: url(../img/mv-poster-sp.png); } }
.mv .inner { height: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; padding-top: 13.3571428571em; pointer-events: none; }

@media only screen and (max-width: 767px) { .mv .inner { padding-top: 7em; } }
.mv .inner .logo { width: 17.1052631579%; }

@media only screen and (max-width: 767px) { .mv .inner .logo { width: 37.3134328358vw; } }
.mv .inner h1 { color: #fff; text-align: center; margin-top: 5.7857142857em; }

.mv .inner h1 strong { font-family: adobe-garamond-pro, serif; font-weight: 600; font-size: 3.4285714286em; white-space: nowrap; }

@media only screen and (max-width: 767px) { .mv .inner h1 strong { font-size: 2em; line-height: 1.4; } }
.mv .inner h1 span { display: block; font-size: 1.5em; margin-top: 1em; }

@media only screen and (max-width: 767px) { .mv .inner h1 span { font-size: 1em; } }
.mv .lang { width: 6.25%; height: 2.1428571429em; line-height: 2.1428571429em; border: solid 1px #fff; color: #fff; text-align: center; font-family: adobe-garamond-pro, serif; font-size: 0.8571428571em; display: block; position: absolute; top: 2.1428571429em; right: 2.0833333333%; }

.mv .start { display: inline-block; position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); bottom: 2.1428571429em; }

.mv .start span { display: block; color: #fff; font-family: adobe-garamond-pro, serif; font-weight: 600; font-size: 0.8571428571em; padding-bottom: 1.7857142857em; position: relative; }

.mv .start span::after { position: absolute; content: ""; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 2.8571428571em; height: 0.7142857143em; background: url(../img/arrow-start.svg) no-repeat; }

/*  start
-------------------------------------------------*/
#start { padding-top: 10em; padding-bottom: 7.8571428571em; }

@media only screen and (max-width: 767px) { #start { padding-top: 8.5714285714em; padding-bottom: 5.7142857143em; } }
#start p { text-align: center; line-height: 1.7; }

@media print, screen and (min-width: 768px) { #start p:last-child { font-size: 1.5em; } }
@media only screen and (max-width: 767px) { #start p { font-size: 1.1428571429em; text-align: justify; } }
#start .inner { display: -webkit-flex; display: flex; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-flex-direction: column; flex-direction: column; }

@media print, screen and (min-width: 768px) { #start .anime_img_box:not(.typ2) { width: 55.2631578947%; margin: 4.2857142857em auto; }
  #start .anime_img_box.typ2 { height: calc(100vh - 37.0714285714em); }
  #start .anime_img_box.typ2 img { padding: 6.7950169875vh 0; width: auto; height: 100%; } }
@media only screen and (max-width: 767px) { #start .anime_img_box { width: 100%; margin: 2.8571428571em 0; } }
/*  01. OUR NATURE
-------------------------------------------------*/
#nature .sub_mv .ytBg-wrap { background: url(../img/mv-nature-pc.png) no-repeat center; background-size: cover; }

@media only screen and (max-width: 767px) { #nature .sub_mv .ytBg-wrap { background-image: url(../img/mv-nature-sp.png); } }
@media print, screen and (min-width: 768px) { #nature .intro .inner .title { width: 26.3157894737%; } }
#nature .contents .inner ul li { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 8.5714285714em; }

@media only screen and (max-width: 767px) { #nature .contents .inner ul li { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -moz-box-orient: vertical; -moz-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; margin-top: 5.7142857143em; } }
@media print, screen and (min-width: 768px) { #nature .contents .inner ul li figure { width: 48.2456140351%; } }
@media print, screen and (min-width: 768px) { #nature .contents .inner ul li dl { width: 38.5964912281%; } }
@media only screen and (max-width: 767px) { #nature .contents .inner ul li dl { margin-bottom: 2.8571428571em; } }
#nature .contents .inner ul li dl dt { font-size: 2.1428571429em; line-height: 1.4; padding-left: 3.6666666667em; margin-bottom: 1.3333333333em; position: relative; }

@media only screen and (max-width: 767px) { #nature .contents .inner ul li dl dt { font-size: 1.5em; padding-left: 4.2857142857em; } }
#nature .contents .inner ul li dl dt::before { position: absolute; content: ""; width: 2.8666666667em; height: 2.1333333333em; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); background-position: center center; background-repeat: no-repeat; background-size: auto 100%; }

@media only screen and (max-width: 767px) { #nature .contents .inner ul li dl dt::before { width: 3.0952380952em; height: 2.8571428571em; } }
#nature .contents .inner ul li dl dd { line-height: 1.7; }

@media only screen and (max-width: 767px) { #nature .contents .inner ul li dl dd { font-size: 1.1428571429em; } }
#nature .contents .inner ul li:first-child dl dt::before { background-image: url(../img/icon-drop.svg); }

@media print, screen and (min-width: 768px) { #nature .contents .inner ul li:nth-child(2) { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -moz-box-orient: horizontal; -moz-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } }
#nature .contents .inner ul li:nth-child(2) dl dt::before { background-image: url(../img/icon-woods.svg); }

#nature .contents .inner ul li:last-child dl dt::before { background-image: url(../img/icon-fog.svg); }

#nature .contents .inner .trivia { width: 100%; }

/*  02. OUR PROFESSIONALS
-------------------------------------------------*/
#professionals .sub_mv .ytBg-wrap { background: url(../img/mv-professionals-pc.png) no-repeat center; background-size: cover; }

@media only screen and (max-width: 767px) { #professionals .sub_mv .ytBg-wrap { background-image: url(../img/mv-professionals-sp.png); } }
@media print, screen and (min-width: 768px) { #professionals .intro .inner .title { width: 22.8070175439%; }
  #professionals .intro .inner .title p { width: 90%; } }
#professionals .contents .inner { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; }

@media print, screen and (min-width: 768px) { #professionals .contents .inner { margin: 17.8571428571em auto 0; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: stretch; -webkit-align-items: stretch; -moz-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  #professionals .contents .inner > figure { position: relative; width: 50.8771929825%; }
  #professionals .contents .inner > figure img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }
  #professionals .contents .inner .title { width: 39.4736842105%; }
  #professionals .contents .inner:nth-of-type(odd) { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -moz-box-orient: horizontal; -moz-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }
  #professionals .contents .inner:first-of-type { margin: 8.5714285714em auto 0; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; }
  #professionals .contents .inner:first-of-type > figure { width: 61.4035087719%; }
  #professionals .contents .inner:first-of-type .title { width: 30.701754386%; } }
@media only screen and (max-width: 767px) { #professionals .contents .inner { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin: 5.7142857143em auto 0; }
  #professionals .contents .inner:first-of-type { width: 100%; max-width: 100%; margin: auto; }
  #professionals .contents .inner:first-of-type .title, #professionals .contents .inner:first-of-type .trivia { width: 89.33%; max-width: 178.6666666667vw; }
  #professionals .contents .inner:first-of-type .title { margin: 4.2857142857em auto 0; }
  #professionals .contents .inner:first-of-type .title p { margin-bottom: 5.7142857143em; }
  #professionals .contents .inner:first-of-type .trivia { margin: 2.8571428571em auto 0; } }
#professionals .contents .inner .title > figure { margin-top: 2.8571428571em; }

@media print, screen and (min-width: 768px) { #professionals .contents .inner:nth-of-type(2) .title { width: 42.1052631579%; } }
#professionals .contents .inner:nth-of-type(3) .big { display: block; letter-spacing: 0.3em; }

#professionals .contents .inner:nth-of-type(3) .big small { display: block; margin-top: 1.75em; margin-left: 0; letter-spacing: 0; }

@media only screen and (max-width: 767px) { #professionals .contents .inner:nth-of-type(3) .big small { margin-top: 1em; } }
@media print, screen and (min-width: 768px) { #professionals .contents .inner:nth-of-type(5) .trivia.pot { min-height: 15em; }
  #professionals .contents .inner:nth-of-type(5) .trivia.pot .accordion { width: 37.5714285714em; }
  #professionals .contents .inner:nth-of-type(5) .trivia.pot .accordion figure { position: absolute; width: 21.9298245614%; right: 1.4285714286em; top: 1.4285714286em; } }
@media only screen and (max-width: 767px) { #professionals .contents .inner:nth-of-type(5) .trivia.pot h5 { padding-top: 1em; }
  #professionals .contents .inner:nth-of-type(5) .trivia.pot figure { margin-top: 2.1428571429em; } }
@media print, screen and (min-width: 768px) { #professionals .contents .inner:nth-of-type(5) .distillation { margin-right: auto; margin-top: 8.5714285714em; }
  #professionals .contents .inner:nth-of-type(5) .distillation .title { width: 100%; }
  #professionals .contents .inner:nth-of-type(5) .distillation .slider { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 2.8571428571em; }
  #professionals .contents .inner:nth-of-type(5) .distillation .slider li { width: 30.8771929825%; }
  #professionals .contents .inner:nth-of-type(5) .distillation .slider li dl { margin-top: 2.1428571429em; }
  #professionals .contents .inner:nth-of-type(5) .distillation .slider li dl dt { font-size: 1.1428571429em; margin-bottom: 2.5714285714em; }
  #professionals .contents .inner:nth-of-type(5) .distillation .slider li dl dt small { font-size: 0.7142857143em; }
  #professionals .contents .inner:nth-of-type(5) .distillation .slider li dl dd { line-height: 1.7; } }
@media only screen and (max-width: 767px) { #professionals .contents .inner:nth-of-type(5) .distillation .slider { margin-top: 2.8571428571em; padding: 0; width: 100%; }
  #professionals .contents .inner:nth-of-type(5) .distillation .slider li dl { margin-top: 2.1428571429em; }
  #professionals .contents .inner:nth-of-type(5) .distillation .slider li dl dt { font-size: 1.5em; margin-bottom: 2.1428571429em; }
  #professionals .contents .inner:nth-of-type(5) .distillation .slider li dl dt span { font-size: 1.1428571429em; }
  #professionals .contents .inner:nth-of-type(5) .distillation .slider li dl dt small { display: block; font-size: 0.7142857143em; margin-top: 1em; }
  #professionals .contents .inner:nth-of-type(5) .distillation .slider li dl dd { line-height: 1.7; }
  #professionals .contents .inner:nth-of-type(5) .distillation .slider .slick-prev, #professionals .contents .inner:nth-of-type(5) .distillation .slider .slick-next { top: 37.3333333333vw; z-index: 2; }
  #professionals .contents .inner:nth-of-type(5) .distillation .slider .slick-prev::before, #professionals .contents .inner:nth-of-type(5) .distillation .slider .slick-next::before { display: block; content: ""; width: 5.3333333333vw; height: 5.3333333333vw; background: url(../img/arrow-right-w.svg) no-repeat; background-size: contain; opacity: 1; }
  #professionals .contents .inner:nth-of-type(5) .distillation .slider .slick-prev { left: 2.6666666667vw; }
  #professionals .contents .inner:nth-of-type(5) .distillation .slider .slick-prev::before { -webkit-transform: rotate(180deg); transform: rotate(180deg); }
  #professionals .contents .inner:nth-of-type(5) .distillation .slider .slick-next { right: 2.6666666667vw; }
  #professionals .contents .inner:nth-of-type(5) .distillation .slider .slick-dots li { width: 2.6666666667vw; height: 2.6666666667vw; }
  #professionals .contents .inner:nth-of-type(5) .distillation .slider .slick-dots li button { width: 100%; height: 100%; }
  #professionals .contents .inner:nth-of-type(5) .distillation .slider .slick-dots li button::before { width: 100%; height: 100%; content: ""; background: #fff; border-radius: 50%; } }
@media print, screen and (min-width: 768px) { #professionals .contents .inner:nth-of-type(7) .interview { margin-right: auto; }
  #professionals .contents .inner:nth-of-type(7) .interview li:nth-child(even) { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -moz-box-orient: horizontal; -moz-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }
  #professionals .contents .inner:nth-of-type(7) .interview li figure { width: 31.0526315789%; }
  #professionals .contents .inner:nth-of-type(7) .interview li dl { width: 60.350877193%; } }
@media print, screen and (min-width: 768px) { #professionals .contents .inner:nth-of-type(7) .trivia:last-child { margin-top: 2.8571428571em; }
  #professionals .contents .inner:nth-of-type(7) .trivia:last-child h5 { padding-top: 1.4285714286em; } }
@media only screen and (max-width: 767px) { #professionals .contents .inner:nth-of-type(7) .trivia:not(:last-child) h5 { padding-top: 0.7142857143em; } }
@media print, screen and (min-width: 768px) { #professionals .contents .inner:nth-of-type(8) .interview li:nth-child(odd) { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -moz-box-orient: horizontal; -moz-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }
  #professionals .contents .inner:nth-of-type(8) .interview li figure { width: 39.649122807%; }
  #professionals .contents .inner:nth-of-type(8) .interview li dl { width: 48.2456140351%; } }
@media print, screen and (min-width: 768px) { #professionals .contents .inner:nth-of-type(9) > .title { width: 42.1052631579%; } }
#professionals .contents .inner:nth-of-type(9) .youtube { width: 50.8771929825%; aspect-ratio: 16/9; background-color: #999; overflow: hidden; align-self: flex-end; }

@media only screen and (max-width: 767px) { #professionals .contents .inner:nth-of-type(9) .youtube { width: 100%; } }
#professionals .contents .inner:nth-of-type(9) .whiskey { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; }

@media print, screen and (min-width: 768px) { #professionals .contents .inner:nth-of-type(9) .whiskey { width: 92.6829268293%; margin-right: auto; margin-top: 17.8571428571em; }
  #professionals .contents .inner:nth-of-type(9) .whiskey .title { width: 36.5853658537%; } }
@media only screen and (max-width: 767px) { #professionals .contents .inner:nth-of-type(9) .whiskey { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -moz-box-orient: vertical; -moz-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } }
#professionals .contents .inner:nth-of-type(9) .whiskey .bottle { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

@media print, screen and (min-width: 768px) { #professionals .contents .inner:nth-of-type(9) .whiskey .bottle { width: 50.8771929825%; } }
@media only screen and (max-width: 767px) { #professionals .contents .inner:nth-of-type(9) .whiskey .bottle { width: 100%; margin-top: 2.8571428571em; } }
#professionals .contents .inner:nth-of-type(9) .whiskey .bottle li { text-align: center; }

@media only screen and (max-width: 767px) { #professionals .contents .inner:nth-of-type(9) .whiskey .bottle li { width: 48.6567164179%; } }
#professionals .contents .inner:nth-of-type(9) .whiskey .bottle li figure { width: auto; height: 32.1428571429em; margin: auto; }

@media only screen and (max-width: 767px) { #professionals .contents .inner:nth-of-type(9) .whiskey .bottle li figure { height: 19.8571428571em; } }
#professionals .contents .inner:nth-of-type(9) .whiskey .bottle li figure img { width: auto; height: 100%; }

#professionals .contents .inner:nth-of-type(9) .whiskey .bottle li dl dt, #professionals .contents .inner:nth-of-type(9) .whiskey .bottle li dl dd { font-size: 0.8571428571em; margin-top: 2em; line-height: 1.5; }

@media print, screen and (min-width: 768px) { #professionals .contents .inner:nth-of-type(9) .whiskey .bottle li dl dt, #professionals .contents .inner:nth-of-type(9) .whiskey .bottle li dl dd { white-space: nowrap; } }
@media only screen and (max-width: 767px) { #professionals .contents .inner:nth-of-type(9) .whiskey .bottle li dl dt { min-height: 3.5em; } }
@media print, screen and (min-width: 768px) { #professionals .contents .inner:nth-of-type(9) .whiskey .title { width: 41.2280701754%; } }
#professionals .contents .inner:nth-of-type(9) .whiskey .title small { display: block; font-size: 0.7142857143em; margin-top: 1em; }

@media only screen and (max-width: 767px) { #professionals .contents .inner:nth-of-type(9) .whiskey .title small { font-size: 0.8571428571em; } }
@media print, screen and (min-width: 768px) { #professionals .tasting { width: 92.3611111111vw; margin: auto; padding-bottom: 17.8571428571em; }
  #professionals .tasting .bg_tasting { position: relative; }
  #professionals .tasting .bg_tasting figure img { width: 100%; }
  #professionals .tasting .bg_tasting .title { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 7.5187969925%; color: #fff; } }
@media only screen and (max-width: 767px) { #professionals .tasting { padding-bottom: 5.7142857143em; }
  #professionals .tasting .title { width: 89.33%; max-width: 178.6666666667vw; margin: 2.8571428571em auto 0; }
  #professionals .tasting .title h3 { font-size: 1.5em; } }
@media print, screen and (min-width: 768px) { #professionals .tasting .interview { width: 79.1666666667vw; max-width: 1140px; margin: auto; }
  #professionals .tasting .interview li:nth-child(odd) { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -moz-box-orient: horizontal; -moz-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }
  #professionals .tasting .interview li figure { width: 39.649122807%; }
  #professionals .tasting .interview li dl { width: 48.2456140351%; } }
@media only screen and (max-width: 767px) { #professionals .tasting .interview { width: 89.33%; max-width: 178.6666666667vw; margin: auto; } }
/*  03. DISCOVER MORE ABOUT Mt. FUJI DISTILLERY
-------------------------------------------------*/
#enjoy .sub_mv .ytBg-wrap { background: url(../img/mv-enjoy-pc.png) no-repeat center; background-size: cover; }

@media only screen and (max-width: 767px) { #enjoy .sub_mv .ytBg-wrap { background-image: url(../img/mv-enjoy-sp.png); } }
@media print, screen and (min-width: 768px) { #enjoy .intro .inner .title { width: 33.3333333333%; } }
@media print, screen and (min-width: 768px) { #enjoy .intro .inner figure { width: 66.6666666667%; } }
#enjoy .contents { padding-bottom: 8.5714285714em; }

@media only screen and (max-width: 767px) { #enjoy .contents { padding-bottom: 2.8571428571em; } }
@media only screen and (max-width: 767px) { #enjoy .contents .index small { display: block; margin-top: 1em; } }
@media print, screen and (min-width: 768px) { #enjoy .contents .inner { margin-top: 8.5714285714em; }
  #enjoy .contents .inner .title { text-align: center; } }
@media only screen and (max-width: 767px) { #enjoy .contents .inner { margin-top: 4.2857142857em; }
  #enjoy .contents .inner h4 { text-align: center; margin-bottom: 2.8571428571em; } }
@media print, screen and (min-width: 768px) { #enjoy .contents .inner ul { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: stretch; -webkit-align-items: stretch; -moz-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; margin-top: 2.8571428571em; }
  #enjoy .contents .inner ul li { width: 30.8771929825%; }
  #enjoy .contents .inner ul li a { display: block; }
  #enjoy .contents .inner ul li a .kirin h5 { color: #2C1807; font-size: 1.2857142857em; margin: 1.5em 0; }
  #enjoy .contents .inner ul li a p { color: #2C1807; line-height: 1.7; } }
@media only screen and (max-width: 767px) { #enjoy .contents .inner ul { margin-top: 2.8571428571em; }
  #enjoy .contents .inner ul li { border-top: solid 1px #2C1807; }
  #enjoy .contents .inner ul li a { display: block; padding: 2.8571428571em 0; }
  #enjoy .contents .inner ul li a .kirin { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; }
  #enjoy .contents .inner ul li a .kirin figure { width: 31.6417910448%; margin-right: 8.9552238806%; }
  #enjoy .contents .inner ul li a .kirin h5 { font-size: 1.2857142857em; line-height: 1.3; color: #2C1807; }
  #enjoy .contents .inner ul li a p { color: #2C1807; margin-top: 1.4285714286em; line-height: 1.7; }
  #enjoy .contents .inner ul li:last-child { border-bottom: solid 1px #2C1807; } }
@media print, screen and (min-width: 768px) { #enjoy .contents .inner .info { width: 65.2631578947%; margin: 1.4285714286em auto 0; } }
#enjoy .contents .inner dl { border-bottom: solid 1px #2C1807; padding-top: 2.1428571429em; padding-bottom: 0.7142857143em; }

@media print, screen and (min-width: 768px) { #enjoy .contents .inner dl { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } }
#enjoy .contents .inner dl dt { font-size: 1.2857142857em; line-height: 1.7; }

@media print, screen and (min-width: 768px) { #enjoy .contents .inner dl dt { width: 35%; } }
@media only screen and (max-width: 767px) { #enjoy .contents .inner dl dt { margin-bottom: 1em; } }
#enjoy .contents .inner dl dd { line-height: 1.9; }

#enjoy .map { width: 100%; height: 0; position: relative; overflow: hidden; padding-top: 48.6%; }

@media only screen and (max-width: 767px) { #enjoy .map { padding-top: 100%; } }
#enjoy .map iframe { position: absolute; width: 100%; height: 100%; left: 0; top: 0; }

#enjoy .conclusion { padding: 17.8571428571em 0; }

@media only screen and (max-width: 767px) { #enjoy .conclusion { padding: 5.7142857143em 0 1.4285714286em; } }
#enjoy .conclusion .inner p { text-align: center; font-size: 1.5em; line-height: 1.7; }

@media only screen and (max-width: 767px) { #enjoy .conclusion .inner p { font-size: 1.1428571429em; text-align: left; } }
#enjoy .conclusion .inner figure { width: 55.4385964912%; margin: 8.5714285714em auto 0; }

@media only screen and (max-width: 767px) { #enjoy .conclusion .inner figure { width: 91.3432835821%; margin: 2.8571428571em auto 0; } }
/*  03. ENJOY WITH WHISKY / Whiskey
-------------------------------------------------*/
.join { background: #fff; padding: 7.8571428571em 0; }

@media only screen and (max-width: 767px) { .join { padding: 10em 0; } }
@media print, screen and (min-width: 768px) { .join .inner { width: 65.2777777778vw; max-width: 940px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; }
  .join .inner .wrap { width: 42.5531914894%; } }
.join .inner h3 { white-space: nowrap; }

@media print, screen and (min-width: 768px) { .join .inner h3 { font-size: 1.7142857143em; line-height: 1.5; margin-bottom: 2.8571428571em; } }
@media only screen and (max-width: 767px) { .join .inner h3 { font-size: 1.4285714286em; line-height: 1.7; text-align: center; } }
.join .inner figure { width: 41.7021276596%; }

@media only screen and (max-width: 767px) { .join .inner figure { width: 54.9253731343%; margin: 2.1428571429em auto; } }
.join .inner a { display: block; font-size: 1.1428571429em; position: relative; }

.join .inner a:hover { opacity: 1; }

.join .inner a::after { position: absolute; content: ""; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 1.5625em; width: 1.25em; height: 1.25em; }

@media only screen and (max-width: 767px) { .join .inner a::after { right: 1.25em; width: 1.0625em; height: 1.0625em; } }
.join .inner a.field_trip { border: solid 1px #2C1807; height: 7.1428571429em; background: #2C1807; margin-bottom: 1.4285714286em; }

.join .inner a.field_trip::before { position: absolute; content: ""; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); border: solid 1px #fff; width: 24.375em; height: 5.625em; }

@media only screen and (max-width: 767px) { .join .inner a.field_trip::before { width: 20em; height: 5.125em; } }
.join .inner a.field_trip::after { background: url(../img/arrow-right-w.svg) no-repeat; background-size: contain; }

.join .inner a.field_trip span { color: #fff; position: absolute; line-height: 1.5; left: 2.5em; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

@media only screen and (max-width: 767px) { .join .inner a.field_trip span { left: 1.4285714286em; } }
.join .inner a.field_trip:hover { background-color: #fff; }

.join .inner a.field_trip:hover::before { border-color: #2C1807; }

.join .inner a.field_trip:hover::after { background-image: url(../img/arrow-right.svg); }

.join .inner a.field_trip:hover span { color: #2C1807; }

.join .inner a.questionnaire { border: solid 1px #2C1807; color: #2C1807; height: 3.5714285714em; line-height: 3.5714285714em; padding-left: 2.5em; }

@media only screen and (max-width: 767px) { .join .inner a.questionnaire { height: 3em; line-height: 3em; padding-left: 2.1428571429em; } }
.join .inner a.questionnaire::after { background: url(../img/arrow-right.svg) no-repeat; background-size: contain; }

.join .inner a.questionnaire:hover { background: #2C1807; color: #fff; }

.join .inner a.questionnaire:hover::after { background-image: url(../img/arrow-right-w.svg); }