@charset "UTF-8";
/* ----- 共通 -----*/
.wrapper {
  font-size: 1rem;
  color: black;
  letter-spacing: 0.04em;
}

.wrapper_in {
  overflow: hidden;
  width: 100%;
}

.wrapper_in .allText {
  line-height: 190%;
  font-weight: 400;
}
@media only screen and (max-width: 767px) {
  .wrapper_in .allText {
    line-height: 180%;
  }
}

.wrapper_in .weight500 {
  font-weight: 500;
}

.wrapper img {
  width: 100%;
}

.sp_on1200 {
  display: none;
}

.pc_on1200 {
  display: block;
}

.sp_on1100 {
  display: none;
}

.pc_on1100 {
  display: block;
}

.sp_on1000 {
  display: none;
}

.pc_on1000 {
  display: block;
}

.sp_on900 {
  display: none;
}

.pc_on900 {
  display: block;
}

.sp_on767 {
  display: none;
}

.pc_on767 {
  display: block;
}

.sp_on480 {
  display: none;
}

.pc_on480 {
  display: block;
}

.sp_on320 {
  display: none;
}

.pc_on320 {
  display: block;
}

@media screen and (max-width: 1200px) {
  .sp_on1200 {
    display: block;
  }
  .pc_on1200 {
    display: none;
  }
}
@media screen and (max-width: 1100px) {
  .sp_on1100 {
    display: block;
  }
  .pc_on1100 {
    display: none;
  }
}
@media screen and (max-width: 1000px) {
  .sp_on1000 {
    display: block;
  }
  .pc_on1000 {
    display: none;
  }
}
@media screen and (max-width: 900px) {
  .sp_on900 {
    display: block;
  }
  .pc_on900 {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .sp_on767 {
    display: block;
  }
  .pc_on767 {
    display: none;
  }
}
@media screen and (max-width: 480px) {
  .sp_on480 {
    display: block;
  }
  .pc_on480 {
    display: none;
  }
}
@media screen and (max-width: 320px) {
  .sp_on320 {
    display: block;
  }
  .pc_on320 {
    display: none;
  }
}
/* -----アニメーション----- */
/* 順番に入る */
.fade_js {
  opacity: 0;
  transform: scale(1.11);
  transition: 0.5s;
  transition-delay: 0s;
}

.fade_js.active {
  opacity: 1;
  transform: scale(1);
}

.fade_js2 {
  opacity: 0;
  transform: scale(1.11);
  transition: 0.5s;
  transition-delay: 0s;
}

.fade_js2.active {
  opacity: 1;
  transform: scale(1);
}

/* 単発で入る */
.fade_in_js {
  opacity: 0;
  transform: scale(1.11);
  transition: 0.5s;
}

.fade_in_js.active {
  opacity: 1;
  transform: scale(1);
}

/* 単発で入る タブの画像*/
.fade_in_js_tab {
  opacity: 0;
  transform: scale(1.11);
  transition: 0.5s;
}

.fade_in_js_tab.active {
  opacity: 1;
  transform: scale(1);
}

/* チャプター３タブ */
.tab_world_main {
  opacity: 0;
  transition: 0.5s;
}

.tab_world_img_js.active {
  opacity: 1;
}

.tab_img_js {
  opacity: 0;
  transform: scale(1.11);
  transition: 0.5s;
}

.tab_img_js.active {
  opacity: 1;
  transform: scale(1);
}

/* -----mv----- */
.mv {
  background-color: #F6F4ED;
}

.mv_area {
  position: relative;
}

.mv_mainImg {
  width: 100%;
  position: relative;
  z-index: 10;
}

.mv_mainLogo {
  max-width: 230px;
  width: 18%;
  position: absolute;
  top: 45px;
  right: 45px;
  z-index: 20;
}

/* スライダー */
.mv_slide_area {
  margin: -15px 0 0;
  position: relative;
  z-index: 10;
}

.sake_mv_toggle-button .pause {
  display: block;
}
.sake_mv_toggle-button .restart {
  display: none;
}

.sake_mv_toggle-button {
  position: absolute;
  z-index: 50;
  width: 75px;
  bottom: -20px;
  right: 95px;
  cursor: pointer;
}

/* -----mv end----- */
/* -----about----- */
.about {
  position: relative;
  background-color: #F6F4ED;
}

.about_in {
  padding: 140px 0px 120px;
}

.about_titleArea {
  text-align: center;
  padding: 0 0 150px;
  background-image: url(../../images/about/about_img02.png);
  background-size: 1830px;
  background-position: center bottom;
  background-repeat: repeat-x;
}

.about_titleArea_in {
  padding: 0 15px;
}

.about_title {
  display: block;
  font-size: 3.25rem;
  line-height: 140%;
}

.about_main_subTitle {
  display: block;
  font-size: 2rem;
}

.about_view {
  display: flex;
  justify-content: space-between;
  gap: 30px;
  margin: 50px auto 0 0;
  position: relative;
  max-width: 1260px;
  padding: 0 45px 0 0;
  box-sizing: content-box;
}

.about_view_image {
  max-width: 670px;
  width: 54%;
  min-height: 450px;
}
.about_view_image img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.about_view_text {
  font-size: 1.125rem;
  max-width: 510px;
  width: 41%;
}

@media screen and (min-width: 1440px) {
  .about_view {
    display: flex;
    justify-content: space-between;
    gap: 30px;
    margin: 50px auto 0 0;
    position: relative;
    max-width: 100%;
    padding: 0 45px 0 0;
  }
  .about_view_image {
    max-width: 100%;
    width: 54%;
    min-height: 450px;
  }
  .about_view_text {
    font-size: 1.125rem;
    max-width: 100%;
    width: 41%;
  }
}
.about_link {
  padding: 140px 45px;
  background-image: url(../../images/about/about_bg01.png);
  background-size: cover;
  background-repeat: no-repeat;
}

.about_linkLogo {
  width: 140px;
  margin: 0 auto;
}

.about_link_area {
  max-width: 1300px;
  margin: 80px auto 0;
  display: flex;
  gap: 15px;
  justify-content: space-between;
}

.about_block {
  max-width: 295px;
  width: 23%;
}

.about_block_info {
  padding: 20px 10px 40px;
  transition: 0.2s;
}

.about_block_link {
  position: relative;
  display: block;
}

.about_block_link:hover .about_block_info {
  background-color: white;
}
.about_block_link:hover .arrow-round {
  bottom: 4px;
  width: 50px;
}

.about_chapter {
  width: 55%;
  margin: 0 auto;
}

.about_material {
  text-align: center;
  margin: 15px 0 0;
}

.arrow-round {
  position: absolute;
  left: 50%;
  bottom: 20px;
  width: 16px;
  height: 1px;
  border-radius: 5px;
  background-color: #000;
  transform: translateX(-50%) rotate(90deg);
  transition: 0.2s;
}

.arrow-round::before {
  content: "";
  position: absolute;
  top: 2px;
  right: 0px;
  display: block;
  width: 6px;
  height: 1px;
  border-radius: 5px;
  background-color: #000;
  transform: rotate(-45deg);
}

.arrow-round::after {
  content: "";
  position: absolute;
  bottom: 2px;
  right: 0px;
  display: block;
  width: 6px;
  height: 1px;
  border-radius: 5px;
  background-color: #000;
  transform: rotate(45deg);
}

/* -----about end----- */
/* -----chapter3 タブエリア２----- */
.world {
  width: 100%;
  position: relative;
}
.world::before {
  content: "";
  width: 100%;
  height: 4px;
  background-image: url(../../images/event/event_bg02.png);
  background-repeat: repeat-x;
  background-size: cover;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 10;
}
.world .tab_image_bg {
  background-image: url(../../images/tab2/tab2_img_bg01.jpg);
}

.world_in {
  background: linear-gradient(to bottom, rgb(228, 228, 231) 0%, rgba(229, 229, 229, 0) 90%);
  position: relative;
}

.world_treat1 {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 0;
  width: 60%;
}

.world_box {
  padding: 230px 45px 80px;
}

.world_title {
  position: relative;
  z-index: 10;
}

.world_title_logo {
  width: 320px;
  margin: 0 auto;
  display: block;
}

.world_title_text {
  font-size: 2.625rem;
  display: block;
  line-height: 160%;
  text-align: center;
  margin: 60px 0 0;
}

.world_main_subText {
  max-width: 508px;
  margin: 40px auto 0;
}

/* パララックス */
.tab2_para {
  height: 470px;
  width: 100%;
}

/* tab2エリア */
.tab_world {
  padding: 0 15px;
  position: relative;
}

.tab_world_list_in {
  max-width: 1080px;
  display: flex;
  margin: 0 auto;
  height: fit-content;
  justify-content: space-between;
  gap: 20px;
  padding: 0 30px;
}

.tab_world_list_li {
  position: relative;
  height: fit-content;
  transform: scale(0.62);
  transition: 0.2s;
}

.tab_world_item {
  position: relative;
  max-width: 500px;
  display: block;
}

/* tab2アニメーション */
.tab_world_list_li:hover {
  transform: scale(1);
}

.tab_world_list_li.active_li {
  transform: scale(1);
}

.tab_world_figure {
  width: 100%;
  position: relative;
  z-index: 10;
}

.tab_world_logo {
  position: absolute;
  top: -2%;
  bottom: 0;
  margin: auto;
  left: 5%;
  width: 22%;
  height: fit-content;
  z-index: 50;
}

.tab_world_item_text {
  font-size: 1.9375rem;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  right: 22%;
  color: white;
  z-index: 50;
  height: fit-content;
  margin-bottom: auto!important;
}
.tab_world_item_text::before {
  content: "";
  background: #ffffff;
  height: 12.124355653px;
  width: 16px;
  clip-path: polygon(50% 0, 100% 100%, 0 100%);
  position: absolute;
  bottom: -25px;
  right: 0;
  left: 0;
  margin: auto;
  transform: rotate(180deg);
}

.tab_world_main {
  padding: 0 30px;
  position: relative;
  z-index: 10;
}

.tab_world_title {
  font-size: 2rem;
  text-align: center;
  max-width: 1080px;
  padding: 15px 0;
  margin: 80px auto 0;
  border: solid 1px black;
}

.tab_world_box {
  max-width: 1080px;
  margin: 0 auto;
  display: flex;
  gap: 20px;
  justify-content: space-between;
  margin: 45px auto 0;
  position: relative;
  z-index: 20;
}

.tab_world_img {
  max-width: 508px;
  width: 48%;
}

.tab_world_introduction_text {
  max-width: 508px;
  width: 48%;
}

.tab_text_whisky {
  max-width: 815px;
  width: 63%;
}

.tab_world_content_top {
  max-width: 1296px;
  margin: -6px auto 0;
  position: relative;
  z-index: 0;
}

.tab_world_content_in {
  /* background-color: #E4E4E7; */
  background-color: #E8E8EB;
  position: relative;
  z-index: 10;
  margin: -5px auto 0;
  padding: 0 45px 0;
}

.tab_world_treat1 {
  position: absolute;
  top: -92px;
  right: -10px;
  width: 350px;
}

.tab_world_treat2 {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 328px;
  height: 100%;
  mix-blend-mode: luminosity;
  z-index: -1;
}
.tab_world_treat2 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.tab_world_treat_text {
  font-size: 1.3125rem;
  color: white;
  position: absolute;
  top: 35px;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  height: fit-content;
  width: fit-content;
}

.tab_world_areaIn {
  max-width: 1080px;
  margin: 0 auto;
  padding: 200px 0 120px;
}

.tab_world_place {
  display: flex;
  width: fit-content;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
}

.tab_world_drinking_text {
  font-size: 1.3125rem;
}

.tab_world_drinking_plus {
  width: 18px;
}

.tab_world_line {
  height: 2px;
  background-color: black;
  width: 43px;
  margin: 42px 0 30px;
}

.tab_world_content_title {
  font-size: 2rem;
  line-height: 165%;
}

.tab_world_content_subText {
  font-size: 0.875rem;
  border: 1px solid black;
  text-align: center;
  padding: 5px 10px;
  width: fit-content;
  margin: 35px 0 0;
  white-space: nowrap;
}

.tab_world_container {
  margin: 80px auto 0;
}

.tab_world_container_in {
  margin: 90px auto 0;
}

.tab_world_container_brewery {
  display: flex;
  justify-content: space-between;
  gap: 20px;
}

.tab_world_brewery_box {
  max-width: 508px;
  width: 48%;
}

.tab_world_brewery_img {
  max-width: 508px;
  width: 48%;
  min-height: 685px;
}
.tab_world_brewery_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.tab_world_container_figure {
  display: flex;
  gap: 10px;
}

.tab_world_container_text {
  margin: 80px 0 0;
}

.world_be_link {
  margin: 80px auto 0;
}

.tab_world_content_in_whisky2 {
  margin: 120px auto 0;
}
.tab_world_content_in_whisky2 .tab_world_treat1 {
  right: auto;
  left: -10px;
}
.tab_world_content_in_whisky2 .tab_world_treat2 {
  right: auto;
  left: 0;
}
.tab_world_content_in_whisky2 .tab_world_title_area {
  text-align: right;
  width: fit-content;
  margin-left: auto;
}
.tab_world_content_in_whisky2 .tab_world_place {
  margin-left: auto;
}
.tab_world_content_in_whisky2 .tab_world_drinking_text {
  margin-left: auto;
}
.tab_world_content_in_whisky2 .tab_world_line {
  margin-left: auto;
}
.tab_world_content_in_whisky2 .tab_world_content_subText {
  margin-left: auto;
  white-space: nowrap;
}
.tab_world_content_in_whisky2 .tab_world_container_brewery {
  flex-direction: row-reverse;
}

.tab_world_bottom {
  margin: 35px 0 0;
}
.tab_world_bottom .tab_world_item_text::before {
  bottom: auto;
  top: -20px;
  transform: rotate(360deg);
}

.introduction_sake .tab_world_content_in {
  background-color: #E2E8F0;
}
.introduction_sake .tab_text_whisky {
  max-width: 1015px;
  width: 79%;
}

/* ----- di space -----*/
/* タブ切り替え時の画像 */
.tab_change_js {
  position: relative;
}

.tab_change_js::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  transition: 0.5s;
}

.tab_change_js.active::before {
  opacity: 0;
}

/* ----- パララックス -----*/
.image_parallax_js {
  position: absolute;
  top: 10px;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  will-change: transform;
  z-index: -1;
}

@media only screen and (max-width: 767px) {
  .image_parallax_js {
    top: 0;
  }
}
/* ----- ブラックアウト -----*/
.blackOut_js,
.blackOut_js2 {
  position: relative;
}

.blackOut_bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  opacity: 0;
  transition: 0.6s;
}

.blackOut_logo {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 204px;
  height: 355px;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: 0.6s;
  transition-delay: 0.6s;
}

.blackOut_js.active .blackOut_bg,
.blackOut_js2.active .blackOut_bg {
  opacity: 1;
}

.blackOut_js.active .blackOut_logo,
.blackOut_js2.active .blackOut_logo {
  opacity: 1;
}

/* ----- house -----*/
.inner_1080 {
  max-width: 1170px;
  padding: 0 45px;
  width: 100%;
  margin: 0 auto;
}

@media only screen and (max-width: 767px) {
  .inner_1080 {
    padding: 0 15px;
  }
}
.inner_1300 {
  max-width: 1330px;
  padding: 0 15px;
  width: 100%;
  margin: 0 auto;
}

.inner_1440 {
  max-width: 1440px;
  width: 100%;
  margin: 0 auto;
}

@media only screen and (max-width: 767px) {
  .inner_1440 {
    padding: 0 15px;
  }
}
.on_1000_767 {
  display: none;
}

@media only screen and (max-width: 1000px) and (min-width: 768px) {
  .on_1000_767 {
    display: block;
  }
}
@media only screen and (max-width: 1000px) and (min-width: 768px) {
  .none_1000_767 {
    display: none;
  }
}
.house {
  background: url(../../images/house/house_bg.jpg) left top;
  background-size: 624px 1107px;
  background-repeat: repeat;
  color: #fff;
  padding: 0 0 130px;
}

.house_image {
  position: relative;
  height: 812px;
  width: 100%;
  overflow: hidden;
  z-index: 1;
}
.house_image::before {
  content: "";
  width: 100%;
  height: 4px;
  background-image: url(../../images/house/house_line.jpg);
  background-repeat: repeat-x;
  background-size: cover;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 10;
}
.house_image::after {
  content: "";
  width: 100%;
  height: 4px;
  background-image: url(../../images/house/house_line.jpg);
  background-repeat: repeat-x;
  background-size: cover;
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 10;
}

.house_image_bg {
  top: 0;
  background-image: url(../../images/house/house_img_top.jpg);
  transform-origin: top center;
}

.house_line {
  width: 100%;
  height: 4px;
}

.house_line_image {
  display: block;
  width: 100%;
  max-width: none;
  height: 4px;
}

.house_container {
  position: relative;
  padding: 205px 45px 88px;
}

.house_title_logo {
  display: block;
  width: 315px;
  margin: 0 0 65px;
}

.house_title_text {
  font-size: 2.625rem;
  line-height: 160%;
  letter-spacing: 0.04em;
}

.house_decoration {
  position: absolute;
  top: 0;
  right: -16px;
  height: 100%;
  width: auto;
}

.house_decoration_image {
  height: 100%;
  object-fit: cover;
  mix-blend-mode: lighten;
}

.house_item01,
.house_item02,
.house_item03 {
  display: flex;
  flex-wrap: wrap;
}

.house_item01_image,
.house_item02_image,
.house_item03_image {
  width: 50%;
}

.house_item01_box,
.house_item02_box,
.house_item03_box {
  width: 50%;
}

.house_item01_box_in,
.house_item02_box_in,
.house_item03_box_in {
  max-width: 595px;
}

.house_item01_box_title,
.house_item02_box_title,
.house_item03_box_title {
  font-size: 1.5625rem;
  line-height: 170%;
  letter-spacing: 0.04em;
}

@media only screen and (max-width: 1100px) and (min-width: 768px) {
  .house_item01_box_title,
  .house_item02_box_title,
  .house_item03_box_title {
    font-size: 1.25rem;
  }
}
.house_item01_box_text,
.house_item02_box_text,
.house_item03_box_text {
  font-size: 1rem;
}

@media only screen and (max-width: 1100px) and (min-width: 768px) {
  .house_item01_box_text,
  .house_item02_box_text,
  .house_item03_box_text {
    font-size: 0.875rem;
  }
}
.house_item01 {
  margin: 0 auto 120px;
}

.house_item01_image {
  padding: 0 0 0 30px;
}

@media only screen and (min-width: 768px) {
  .house_item01_image {
    height: 470px;
  }
}
@media only screen and (max-width: 1100px) and (min-width: 768px) {
  .house_item01_image {
    padding: 0 0 0 15px;
  }
}
@media only screen and (min-width: 768px) {
  .house_item01_image_in {
    object-fit: cover;
    height: 100%;
  }
}
.house_item01_box_in {
  margin: 0 0 0 auto;
  padding: 0 30px 0 45px;
}

.house_item01_box_image {
  margin: 0 0 50px;
}

@media only screen and (max-width: 1100px) and (min-width: 768px) {
  .house_item01_box_image {
    margin: 0 0 30px;
  }
}
.house_item02 {
  margin: 0 auto 120px;
}

.house_item02_image {
  padding: 0 30px 0 0;
}

@media only screen and (max-width: 1100px) and (min-width: 768px) {
  .house_item02_image {
    padding: 0 15px 0 0;
  }
}
.house_item02_box_in {
  margin: 0 auto 0 0;
  padding: 0 45px 0 30px;
}

.house_item02_box_title {
  margin: 0 0 50px;
}

@media only screen and (max-width: 1100px) and (min-width: 768px) {
  .house_item02_box_title {
    margin: 0 0 30px;
  }
}
.house_item03 {
  margin: 0 auto 100px;
}

.house_item03_image {
  padding: 0 0 0 30px;
}

@media only screen and (max-width: 1100px) and (min-width: 768px) {
  .house_item03_image {
    padding: 0 0 0 15px;
  }
}
.house_item03_box_in {
  margin: 0 0 0 auto;
  padding: 0 30px 0 0;
}

@media only screen and (max-width: 1100px) and (min-width: 768px) {
  .house_item03_box_in {
    padding: 0 15px;
  }
}
.house_item03_box_image {
  margin: 0 0 65px;
}

@media only screen and (max-width: 1100px) and (min-width: 768px) {
  .house_item03_box_image {
    margin: 0 0 30px;
  }
}
.house_item03_box_title {
  margin: 0 0 20px;
}

.house_item03_box_text {
  margin: 0 0 45px;
}

.house_item03_box_name {
  display: flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  padding: 0 10px 1px;
  border: 1px solid #fff;
  font-size: 0.875rem;
  line-height: 180%;
  letter-spacing: 0.04em;
}

.house_airport {
  padding: 100px 0;
  background: rgba(0, 0, 0, 0.4);
}

.house_airport_in {
  display: flex;
  flex-wrap: wrap;
}

.house_airport_image {
  width: 50%;
}

.house_airport_box {
  width: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* ----- tab -----*/
.tab {
  background: #ede9da;
  padding: 0 0 140px;
}

.tab_line {
  width: 100%;
  height: 4px;
}

.tab_line_image {
  display: block;
  width: 100%;
  max-width: none;
  height: 4px;
}

.tab_image {
  position: relative;
  height: 469px;
  width: 100%;
  overflow: hidden;
  z-index: 1;
}
.tab_image::before {
  content: "";
  width: 100%;
  height: 4px;
  background-image: url(../../images/tab1/tab1_line.jpg);
  background-repeat: repeat-x;
  background-size: cover;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 10;
}

.tab_image_bg {
  background-image: url(../../images/tab1/tab1_img_top.jpg);
}

.tab_container {
  position: relative;
  display: flex;
  padding: 195px 45px 70px;
}

.tab_container_box {
  width: 100%;
  max-width: 592px;
  padding: 0 84px 0 0;
}

.tab_title {
  margin: 0 0 35px;
}

.tab_title_logo {
  display: block;
  width: 325px;
  margin: 0 0 65px;
}

.tab_title_text {
  font-size: 2.625rem;
  line-height: 160%;
  letter-spacing: 0.04em;
}

.tab_decoration {
  width: calc(100% - 592px);
  padding: 0 35px 0 0;
}

@media only screen and (max-width: 1100px) and (min-width: 768px) {
  .tab_decoration {
    position: absolute;
    width: 43vw;
    right: 40px;
    top: 16vw;
    padding: 0;
  }
}
.tab_decoration_image {
  mix-blend-mode: multiply;
}

.tab_list {
  position: relative;
  z-index: 9;
}

.tab_list_in {
  display: flex;
  align-items: flex-end;
}

.tablist_bottom {
  align-items: flex-start;
}

.tab_list_item {
  width: 25%;
}

.tab_item {
  display: block;
  position: relative;
  padding: 13px 15px;
  transition: 0.4s;
}

.tab_item::before {
  content: "";
  position: absolute;
  bottom: -9px;
  left: 50%;
  transform: translateX(-50%) rotate(45deg);
  padding: 6px;
  border-bottom: 1px solid #000;
  border-right: 1px solid #000;
  opacity: 0;
  transition: 0.4s;
}

.tab_item.is-active {
  background: #fff;
}

@media only screen and (min-width: 768px) {
  .tab_item:hover {
    background: #fff;
  }
}
.tab_item.is-active::before {
  opacity: 1;
}

@media only screen and (min-width: 768px) {
  .tab_item:hover::before {
    opacity: 1;
  }
}
.tab_item_box {
  text-align: center;
  padding: 7px 0 0;
}

.tab_item_title {
  font-size: 1rem;
  margin: 0 0 6px;
}

.tab_item_text {
  font-size: 1rem;
}

.tab_item_plus {
  width: 18px;
  height: 18px;
  margin: 0 auto 6px;
}

.tab_item_plus_image {
  display: block;
}

.tab_bottom .tab_item::before {
  bottom: initial;
  top: -9px;
  border-bottom: none;
  border-right: none;
  border-left: 1px solid #000;
  border-top: 1px solid #000;
}

.tab_bottom .tab_item_box {
  padding: 0 0 10px;
}

.tab_introduction_area {
  position: relative;
  background: #fff;
}

.tab_introduction_bg {
  position: absolute;
  top: 0px;
  left: 0;
  width: 108px;
  overflow: hidden;
}

@media only screen and (max-width: 1100px) and (min-width: 768px) {
  .tab_introduction_bg {
    width: 50px;
  }
}
.tab_introduction_bg_image {
  transform: translateY(-20px);
}

@media only screen and (max-width: 1100px) and (min-width: 768px) {
  .tab_introduction_bg_image {
    transform: translateY(-5px);
  }
}
.tab_introduction_wrapper {
  padding: 120px 0 140px 108px;
  width: 100%;
}

@media only screen and (max-width: 1100px) and (min-width: 768px) {
  .tab_introduction_wrapper {
    padding: 120px 0 140px 50px;
  }
}
.tab_introduction_container {
  position: relative;
  margin: 0 0 76px;
}

.tab_introduction_container_box {
  display: flex;
  justify-content: flex-start;
  position: relative;
  padding: 0 0 34px;
  margin: 0 0 34px;
}

.tab_introduction_container_box::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 42px;
  height: 2px;
  background: #000;
}

.tab_introduction_container_title {
  font-size: 1.3125rem;
  line-height: 175%;
  letter-spacing: 0.04em;
}

.tab_introduction_container_text {
  font-size: 1.3125rem;
  line-height: 175%;
  letter-spacing: 0.04em;
}

.tab_introduction_container_plus {
  display: flex;
  align-items: center;
  padding: 0 16px;
}

.tab_introduction_container_plus_image {
  width: 18px;
  height: 18px;
}

.tab_introduction_title {
  font-size: 2rem;
  line-height: 165%;
  letter-spacing: 0.04em;
}

.tab_introduction_logo {
  position: absolute;
  top: 0;
  right: 80px;
  width: 126px;
  height: 220px;
}

@media only screen and (max-width: 1100px) and (min-width: 768px) {
  .tab_introduction_logo {
    max-width: 126px;
    top: -50px;
    width: 14vw;
    right: 6vw;
  }
}
.tab_introduction_image {
  margin: 0 -35px;
  transform: translateX(35px);
}

@media only screen and (min-width: 1441px) {
  .tab_introduction_image {
    margin: 0;
    transform: translateX(0);
  }
}
.tab_introduction_list {
  max-width: 1170px;
  padding: 0 45px 0 0;
}

.tab_introduction_item01,
.tab_introduction_item02 {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}

.tab_introduction_item01 {
  margin: 0 0 76px;
}

.tab_introduction_item01_box {
  width: 50%;
  padding: 58px 30px 0 0;
}

@media only screen and (max-width: 1100px) and (min-width: 768px) {
  .tab_introduction_item01_box {
    padding: 40px 15px 0 0;
  }
}
.tab_introduction_item01_text {
  font-size: 1em;
}

@media only screen and (max-width: 1100px) and (min-width: 768px) {
  .tab_introduction_item01_text {
    font-size: 0.875rem;
  }
}
.tab_introduction_item01_image {
  margin: -40px 0 0;
  padding: 0 0 0 30px;
  width: 50%;
}

@media only screen and (max-width: 1100px) and (min-width: 768px) {
  .tab_introduction_item01_image {
    padding: 0 0 0 15px;
  }
}
.tab_introduction_item02_list {
  width: 50%;
  padding: 0 30px 0 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 15px;
}

@media only screen and (max-width: 1100px) and (min-width: 768px) {
  .tab_introduction_item02_list {
    padding: 0 15px 0 0;
    gap: 10px;
  }
}
.tab_introduction_item02_image01,
.tab_introduction_item02_image02 {
  width: calc(50% - 7.5px);
}

@media only screen and (max-width: 1100px) and (min-width: 768px) {
  .tab_introduction_item02_image01,
  .tab_introduction_item02_image02 {
    width: calc(50% - 5px);
  }
}
.tab_introduction_item02_image03 {
  width: 68%;
}

.tab_introduction_item02_box {
  width: 50%;
  padding: 7px 0 0 30px;
}

@media only screen and (max-width: 1100px) and (min-width: 768px) {
  .tab_introduction_item02_box {
    padding: 10px 0 0 15px;
  }
}
.tab_introduction_item02_text {
  margin: 0 0 60px;
  font-size: 1rem;
}

@media only screen and (max-width: 1100px) and (min-width: 768px) {
  .tab_introduction_item02_text {
    font-size: 0.875rem;
  }
}
.tab_introduction_item02_name {
  padding: 0 10px;
  border: 1px solid #000;
  font-size: 0.875rem;
  line-height: 180%;
  letter-spacing: 0.04em;
  width: fit-content;
  margin: 0 0 105px;
  text-transform: uppercase;
}

@media only screen and (max-width: 1100px) and (min-width: 768px) {
  .tab_introduction_item02_name {
    font-size: 0.75rem;
  }
}
.tab_introduction_item02_in {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
}

@media only screen and (max-width: 1100px) and (min-width: 768px) {
  .tab_introduction_item02_in {
    gap: 10px;
  }
}
.tab_introduction_item02_in_image01,
.tab_introduction_item02_in_image02 {
  width: 100%;
}

.tab_syonan .tab_introduction_item01 {
  margin: 0 0 60px;
}

.tab_syonan .tab_introduction_item02_text {
  margin: 0 0 55px;
}

.tab_syonan .tab_introduction_item02_name {
  margin: 0 0 110px;
}

.tab_kyoto .tab_introduction_item01 {
  margin: 0 0 60px;
}

.tab_kyoto .tab_introduction_item02_text {
  margin: 0 0 75px;
}

.tab_tokyo .tab_introduction_bg_image {
  transform: translateY(-10px);
}

.tab_tokyo .tab_introduction_item02_text {
  margin: 0 0 55px;
}

/* ----- di space end-----*/
.event_area {
  width: 100%;
  margin: 110px auto 0;
  position: relative;
}
.event_area::before {
  content: "";
  width: 100%;
  height: 4px;
  background-image: url(../../images/event/event_bg02.png);
  background-repeat: repeat-x;
  background-size: cover;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 10;
}
.event_area .tab_image_bg {
  background-image: url(../../images/event/event_img01.jpg);
}

.event_container {
  padding: 200px 45px 290px;
  background-image: url(../../images/event/event_bg01.png);
  background-size: cover;
}

.event_logo {
  width: 335px;
  margin: 0 auto;
  display: block;
}

.event_mainTitle {
  font-size: 2.625rem;
  text-align: center;
  display: block;
  margin: 60px auto 0;
  line-height: 175%;
}

.event_content_text {
  max-width: 510px;
  margin: 40px auto 0;
}

.event_shop_area {
  margin: 150px auto 0;
  max-width: 1080px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 50px 20px;
}

.event_shop_box {
  max-width: 508px;
  width: 48%;
  position: relative;
}
.event_shop_box:nth-of-type(2), .event_shop_box:nth-of-type(4) {
  top: 85px;
}

.event_shop_main {
  position: relative;
}

.event_season {
  font-size: 1.125rem;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 36px;
  height: 36px;
  position: absolute;
  bottom: -16px;
  left: 0;
}

.event_season1 {
  background-color: #9D174D;
}

.event_season2 {
  background-color: #075985;
}

.event_season3 {
  background-color: #854D0E;
}

.event_season4 {
  background-color: #78716C;
}

.event_shop_content {
  padding: 40px 0 0;
}

.event_shop_name {
  font-size: 1.5625rem;
}

.event_shop_in_text {
  margin: 25px 0 0;
}

.event_subBox {
  display: flex;
  position: relative;
  padding: 4px 0;
  height: 490px;
}
.event_subBox::before {
  content: "";
  width: 100%;
  height: 4px;
  background-image: url(../../images/event/event_bg02.png);
  background-repeat: repeat-x;
  background-size: cover;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
}
.event_subBox::after {
  content: "";
  width: 100%;
  height: 4px;
  background-image: url(../../images/event/event_bg02.png);
  background-repeat: repeat-x;
  background-size: cover;
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
}

.event_subBox_img {
  width: 50%;
}
.event_subBox_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.event_subBox_in {
  width: 50%;
  background-color: #00146E;
  padding: 100px 0 0;
  position: relative;
}

.event_subBox_icon {
  width: 56px;
  margin: 0 auto;
}

.event_subBox_title {
  font-size: 1.5rem;
  color: white;
  margin: 30px 0 0;
  text-align: center;
}

.event_subBox_text {
  width: 300px;
  margin: 30px auto 0;
  color: white;
}

.event_sample {
  font-size: 0.75rem;
  color: white;
  position: absolute;
  bottom: 10px;
  left: 10px;
}

.event_subBox_logo {
  max-width: 245px;
  width: 34%;
  position: absolute;
  bottom: 15px;
  right: 35px;
}

.iwakuni_text {
  text-align: center;
  margin: 20px auto 0;
}

/* -----チャプター２パララックス調整----- */
@media screen and (min-width: 500px) and (min-height: 1150px) {
  .tab_introduction_item01_image {
    margin: 80px 0 0;
  }
}


@media screen and (max-width: 1100px) {
  .tab_world_box {
    margin: 45px auto 25px;
  }
}
@media screen and (max-width: 1000px) {
  .tab_world_title {
    line-height: 190%;
    max-width: 100%;
    padding: 20px 0;
    margin: 40px auto 0;
    font-size: 1.75rem;
  }
}
@media screen and (max-width: 800px) {
  .tab_introduction_item01_image {
    margin: 40px 0 0;
  }
}
@media screen and (max-width: 767px) {
  /* -----MV----- */
  .mv_mainLogo {
    max-width: inherit;
    width: 28%;
    position: absolute;
    top: 9%;
    right: 0;
    left: 0;
    margin: 0 auto;
    z-index: 20;
  }
  .mv_slide_area {
    margin: 10px 0 0;
  }
  .sake_mv_toggle-button {
    width: 50px;
    bottom: -25px;
    right: 15px;
  }
  /* -----ABOUT----- */
  .about_in {
    padding: 80px 0px 60px;
  }
  .about_view {
    display: block;
    margin: 10px auto 0;
    max-width: 100%;
    width: 100%;
    padding: 0;
    box-sizing: border-box;
  }
  .about_view_image {
    max-width: 100%;
    width: 100%;
    min-height: auto;
  }
  .about_view_image img {
    height: auto;
    width: 100%;
    object-fit: inherit;
  }
  .about_view_text {
    max-width: 100%;
    width: 100%;
    padding: 50px 40px 0;
  }
  .about_link {
    padding: 90px 15px;
    background-image: url(../../images/about/about_bg01_sp.png);
  }
  .about_linkLogo {
    width: 100%;
    padding: 0 40px;
  }
  .about_link_area {
    max-width: 100%;
    margin: 40px auto 0;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
  }
  .about_block {
    max-width: inherit;
    width: calc(50% - 5px);
    display: flex;
  }
  .about_block_link {
    display: flex;
    flex-direction: column;
  }
  .about_block_info {
    padding: 20px 5px 40px;
    flex-grow: 1;
    background-color: white;
  }
  .about_block_link:hover .arrow-round {
    bottom: 20px;
    width: 16px;
  }
  /* ----- house -----*/
  .house {
    padding: 0 0 90px;
  }
  .house_image_bg {
    top: 0;
    height: 100%;
    background-image: url(../../images/house/house_img_top_sp.jpg);
  }
  .house_container {
    padding: 210px 40px 40px;
  }
  .house_title_logo {
    width: 197px;
    margin: 0 0 40px;
  }
  .house_title_text {
    font-size: 1.3125rem;
    line-height: 175%;
  }
  .house_decoration {
    right: -55px;
    height: 301px;
    width: 201px;
  }
  .house_item01_image,
  .house_item02_image,
  .house_item03_image {
    width: 100%;
    padding: 0;
    order: 1;
  }
  .house_item01_box,
  .house_item02_box,
  .house_item03_box {
    width: 100%;
    order: 2;
  }
  .house_item01_box_in,
  .house_item02_box_in,
  .house_item03_box_in {
    max-width: none;
  }
  .house_item01_text_area,
  .house_item02_text_area,
  .house_item03_text_area {
    padding: 0 25px;
  }
  .house_item01_box_title,
  .house_item02_box_title,
  .house_item03_box_title {
    font-size: 1.125rem;
    line-height: 190%;
    margin: 0 0 15px;
  }
  .house_item01_box_text,
  .house_item02_box_text,
  .house_item03_box_text {
    font-size: 0.875rem;
  }
  .house_item01 {
    margin: 0 auto 45px;
  }
  .house_item01_image {
    padding: 0;
    margin: 0 0 30px;
  }
  .house_item01_box_in {
    margin: 0;
    padding: 0;
  }
  .house_item01_box_image {
    margin: 0 0 30px;
  }
  .house_item02 {
    margin: 0 auto 50px;
  }
  .house_item02_image {
    padding: 0;
    margin: 0 0 30px;
  }
  .house_item02_box_in {
    margin: 0;
    padding: 0;
  }
  .house_item03 {
    margin: 0 auto 45px;
  }
  .house_item03_image {
    padding: 0;
    margin: 0 0 10px;
  }
  .house_item03_box_in {
    margin: 0;
    padding: 0;
  }
  .house_item03_box_image {
    margin: 0 0 20px;
  }
  .house_item03_box_text {
    margin: 0 0 15px;
  }
  .house_item03_box_name {
    font-size: 0.75rem;
  }
  .house_airport {
    padding: 15px 0 24px;
  }
  .house_airport_image {
    width: 100%;
    margin: 0 0 15px;
  }
  .house_airport_box {
    width: 100%;
  }
  /* ----- tab -----*/
  .tab {
    padding: 0 0 60px;
  }
  .tab_line {
    width: 100%;
    height: 4px;
  }
  .tab_image {
    height: 519px;
  }
  .tab_image_bg {
    top: 0;
    height: 100%;
    background-image: url(../../images/tab1/tab1_img_top_sp.jpg);
  }
  .tab_container {
    position: relative;
    padding: 210px 40px 50px;
  }
  .tab_container_box {
    max-width: none;
    padding: 0;
  }
  .tab_title {
    margin: 0 0 30px;
  }
  .tab_title_logo {
    width: 203px;
    height: 58px;
    margin: 0 0 35px;
  }
  .tab_title_text {
    font-size: 1.3125rem;
    line-height: 175%;
  }
  .tab_text {
    font-size: 0.875rem;
  }
  .tab_decoration {
    position: absolute;
    top: 100px;
    right: 50px;
    width: 40%;
    padding: 0;
  }
  .tab_list_in {
    flex-wrap: wrap;
    gap: 13px 15px;
  }
  .tab_list_item {
    width: calc(50% - 7.5px);
  }
  .tab_item {
    padding: 8px 8px 30px;
  }
  .tab_item::before {
    bottom: 15px;
    padding: 4px;
    opacity: 1;
  }
  .tab_item_box {
    padding: 4px 0 0;
  }
  .tab_item_title {
    font-size: 0.875rem;
    margin: 0 0 4px;
  }
  .tab_item_text {
    font-size: 0.875rem;
  }
  .tab_item_plus {
    width: 11px;
    height: 11px;
    margin: 0 auto 4px;
  }
  .tab_bottom .tab_item {
    padding: 30px 8px 8px;
  }
  .tab_bottom .tab_item::before {
    bottom: initial;
    top: 15px;
  }
  .tab_bottom .tab_item_box {
    padding: 0 0 10px;
  }
  .tab_introduction_wrapper {
    padding: 80px 0;
  }
  .tab_introduction_container {
    margin: 0 0 60px;
    padding: 0 25px;
  }
  .tab_introduction_container_box {
    padding: 0 0 20px;
    margin: 0 0 20px;
  }
  .tab_introduction_container_box::before {
    width: 43px;
  }
  .tab_introduction_container_title {
    font-size: 0.875rem;
  }
  .tab_introduction_container_text {
    font-size: 0.875rem;
  }
  .tab_introduction_container_plus {
    padding: 0 10px;
  }
  .tab_introduction_container_plus_image {
    width: 13px;
    height: 13px;
  }
  .tab_introduction_title {
    font-size: 1.125rem;
    line-height: 190%;
  }
  .tab_introduction_logo {
    top: -57px;
    right: initial;
    left: 25px;
    width: 200px;
    height: 43px;
  }
  .tab_introduction_image {
    margin: 0 -15px 40px;
    transform: translateX(0);
  }
  .tab_introduction_list {
    padding: 0 25px;
  }
  .tab_introduction_item01 {
    margin: 0 0 20px;
  }
  .tab_introduction_item01_box {
    width: 100%;
    padding: 20px 0 0;
    order: 2;
  }
  .tab_introduction_item01_text {
    font-size: 0.875rem;
  }
  .tab_introduction_item01_image {
    margin: 0;
    padding: 0;
    width: 100%;
    order: 1;
  }
  .tab_introduction_item02_list {
    width: 100%;
    padding: 0;
    gap: 9px;
  }
  .tab_introduction_item02_image01,
  .tab_introduction_item02_image02 {
    width: calc(50% - 4.5px);
  }
  .tab_introduction_item02_image03 {
    width: 100%;
  }
  .tab_introduction_item02_box {
    width: 100%;
    padding: 20px 0 0;
  }
  .tab_introduction_item02_text {
    font-size: 0.875rem;
    margin: 0 0 30px;
  }
  .tab_introduction_item02_name {
    font-size: 0.75rem;
    margin: 0 0 60px auto;
  }
  .tab_introduction_item02_in {
    display: none;
  }
  .tab_introduction_be {
    margin: 0 auto;
  }
  .tab_syonan .tab_introduction_item01 {
    margin: 0 0 20px;
  }
  .tab_syonan .tab_introduction_item01_box {
    padding: 40px 0 0;
  }
  .tab_syonan .tab_introduction_item02_text {
    margin: 0 0 30px;
  }
  .tab_syonan .tab_introduction_item02_name {
    margin: 0 0 60px auto;
  }
  .tab_kyoto .tab_introduction_item01 {
    margin: 0 0 20px;
  }
  .tab_kyoto .tab_introduction_item01_box {
    padding: 40px 0 0;
  }
  .tab_kyoto .tab_introduction_item02_text {
    margin: 0 0 30px;
  }
  .tab_tokyo .tab_introduction_bg_image {
    transform: translateY(-10px);
  }
  .tab_tokyo .tab_introduction_item01_box {
    padding: 40px 0 0;
  }
  .tab_tokyo .tab_introduction_item02_text {
    margin: 0 0 30px;
  }
  /* -----チャプター３----- */
  .world_in {
    background: linear-gradient(to bottom, rgb(228, 228, 231) 0%, rgba(229, 229, 229, 0) 50%);
  }
  .world .tab_image_bg {
    background-image: url(../../images/tab2/tab2_img_bg01_sp.jpg);
  }
  .tab_world {
    padding: 0;
  }
  .world_box {
    padding: 80px 15px 40px;
  }
  .world_main_subText {
    max-width: 100%;
    padding: 0 25px;
  }
  .tab_world_list_in {
    max-width: 100%;
    padding: 0 5px;
  }
  .world_title_text {
    font-size: 2.3rem;
  }
  .tab_world_title {
    line-height: 190%;
    max-width: 100%;
    padding: 20px 0;
    margin: 40px auto 0;
  }
  .tab_world_box {
    max-width: 100%;
    margin: 30px auto 0;
    display: block;
  }
  .tab_world_img {
    max-width: 100%;
    width: 100%;
  }
  .tab_world_introduction_text {
    max-width: 100%;
    width: 100%;
    padding: 30px 25px 0;
  }
  .tab_world_content_top {
    max-width: 100%;
    margin: 40px auto 0;
    position: relative;
    z-index: 10;
  }
  .tab_text_whisky {
    max-width: 100%;
    width: 100%;
  }
  .tab_world_list {
    padding: 0 15px;
  }
  .tab_world_main {
    padding: 0 15px;
  }
  .tab_world_treat2 {
    width: 35%;
  }
  .tab_world_content_in {
    padding: 0 0px 0;
  }
  .tab_world_content_in:nth-of-type(2) {
    margin: 40px auto 0;
  }
  .tab_world_areaIn {
    max-width: 100%;
    margin: 0 auto;
    padding: 80px 0 80px;
  }
  .tab_world_title_area {
    padding: 0 40px;
  }
  .tab_world_container_brewery {
    display: flex;
    padding: 0 15px;
    flex-direction: column;
    justify-content: space-between;
    gap: 20px;
  }
  .tab_world_brewery_box {
    max-width: 100%;
    width: 100%;
  }
  .tab_world_container_text {
    margin: 30px auto 0;
    padding: 0 25px;
  }
  .tab_world_container_in {
    margin: 30px auto 0;
  }
  .tab_world_brewery_img {
    max-width: 100%;
    width: 100%;
    margin: 60px auto 0;
    min-height: auto;
  }
  .tab_world_brewery_img img {
    width: 100%;
    height: auto;
    object-fit: inherit;
  }
  .world_be_link {
    margin: 30px auto 0;
  }
  .tab_world_content_in_whisky2 .tab_world_container_brewery {
    flex-direction: column;
  }
  .tab_world_item_text {
    top: 0;
    bottom: 0;
    margin: auto;
    right: 0;
    left: 0;
    width: fit-content;
  }
  .tab_world_bottom {
    margin: 25px 0 0;
  }
  .event_area {
    margin: 40px auto 0;
  }
  .tab_world_bottom .tab_world_item_text::before {
    top: -20px;
  }
  .introduction_sake .tab_text_whisky {
    width: 100%;
  }
  /* -----チャプター4----- */
  .event_area .tab_image_bg {
    background-image: url(../../images/event/event_img01_sp.jpg);
  }
  .event_container {
    background-image: url(../../images/event/event_bg01_sp.png);
    padding: 100px 15px 90px;
  }
  .event_mainTitle {
    margin: 40px auto 0;
  }
  .event_content_text {
    max-width: 100%;
    width: 100%;
    padding: 0 25px;
    margin: 30px auto 0;
  }
  .event_shop_area {
    margin: 50px auto 0;
    max-width: 100%;
    display: block;
  }
  .event_shop_box {
    max-width: 100%;
    width: 100%;
  }
  .event_shop_box:not(:first-child) {
    margin: 60px auto 0;
  }
  .event_shop_in {
    padding: 0 25px;
  }
  .event_shop_box:nth-of-type(2),
  .event_shop_box:nth-of-type(4) {
    top: auto;
  }
  .event_subBox {
    display: block;
    padding: 4px 0;
    height: auto;
  }
  .event_subBox_img {
    width: 100%;
  }
  .event_subBox_in {
    width: 100%;
    background-color: #00146e;
    padding: 90px 0 50px;
    position: relative;
  }
  .event_sample {
    font-size: 0.75rem;
    color: white;
    position: absolute;
    top: 10px;
    right: 15px;
    left: auto;
    height: fit-content;
  }
  .event_subBox_logo {
    max-width: 100%;
    width: 65%;
    margin: 40px auto 0;
    position: relative;
    bottom: auto;
    right: auto;
  }
  .event_subBox_title {
    color: white;
    margin: 20px 0 0;
  }
  .event_subBox_text {
    width: 100%;
    margin: 20px auto 0;
    padding: 0 40px;
    color: white;
  }
  .event_season {
    width: 45px;
  }
}