@charset "utf-8";
nav #brand {
  transform: translateY(-100%);
  transition: all 0.3s linear;
}
nav #brand.active {
  transform: translateY(0);
}
.toggle {
  top: -40px;
z
}
.toggle.active {
  top: 40px;
}
@media (max-width: 768px) {
  .toggle.active {
    top: 35px;
  }
}
@media (max-width: 599px) {
  .toggle.active {
    top: 25px;
  }
}
@media (max-width: 599px) {
  nav #brand {
    display: none;
  }
  .toggle {
    display: none;
  }
}
header.sp {
  display: none;
}
@media (max-width: 599px) {
  header.sp {
    display: block;
    position: relative;
  }
}
nav #brand2 {
  position: relative;
}
nav #brand2 .container {
  height: 100%;
  position: relative;
}
nav #brand2 .header_logo_wrap.active {
  position: fixed;
  top: 0;
}
nav #brand2 .header_catch_wrap {
  position: absolute;
  bottom: -1px;
  left: 15px;
  z-index: -1;
}
.toggle2 {
  position: absolute;
}
.toggle2.active {
  position: fixed;
}
.webp #opening_wrap {
  background: url("../images/op_bg.webp") no-repeat center;
  background-size: cover;
}
.no-webp #opening_wrap {
  background: url("../images/op_bg-min.png") no-repeat center;
  background-size: cover;
}
#opening_wrap {
  position: fixed;
  width: 100%;
  height: 100vh;
  z-index: 100000;
  opacity: 1;
  transition: opacity 1.8s linear;
}
#opening_wrap.animating {
  opacity: 0;
}
#opening_wrap.animated {
  opacity: 0;
  z-index: -1;
}
#opening_wrap.anim-before:before {
  -webkit-filter: blur(20px);
  -moz-filter: blur(20px);
  -o-filter: blur(20px);
  -ms-filter: blur(20px);
  filter: blur(20px);
}
#opening_wrap.anim-after:before {
  -webkit-filter: blur(0px);
  -moz-filter: blur(0px);
  -o-filter: blur(0px);
  -ms-filter: blur(0px);
  filter: blur(0px);
}
#opening_wrap:before {
  content: "";
  display: block;
  background: inherit;
  position: absolute;
  z-index: -1;
}
#opening_wrap img {
  position: absolute;
  width: 7.4074%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  -webkit-filter: drop-shadow(0 0 4px #000) drop-shadow(0 0 4px rgba(0,0,0,0.5));
  -moz-filter: drop-shadow(0 0 4px #000) drop-shadow(0 0 4px rgba(0,0,0,0.5));
  -ms-filter: drop-shadow(0 0 4px #000) drop-shadow(0 0 4px rgba(0,0,0,0.5));
  filter: drop-shadow(0 0 4px #000) drop-shadow(0 0 4px rgba(0,0,0,0.5));
  opacity: 0;
}
@media (max-width: 599px) {
  #opening_wrap img {
    width: 15%;
  }
}
.webp #mv {
  background: url("../images/top_mv_bg.webp?260717") no-repeat center;
  background-size: cover;
}
.no-webp #mv {
  background: url("../images/top_mv_bg-min.jpg?260717") no-repeat center;
  background-size: cover;
}
#mv {
  width: 100%;
  height: 100vh;
  position: relative;
}
#mv .mv_slider {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}
#mv .mv_slider .slick-list,
#mv .mv_slider .slick-track {
  height: 100%;
}
#mv .mv_slider .mv_slide {
  height: 100%;
}
#mv .mv_slider .mv_slide picture {
  display: block;
  width: 100%;
  height: 100%;
}
#mv .mv_slider .mv_slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#mv .mv_logo {
  position: absolute;
  width: 31.9444%;
  line-height: 0;
  left: 8.148%;
  top: 8.148%;
  z-index: 1;
}
#mv .mv_logo img {
  width: 100%;
}
#mv .mv_text {
  position: absolute;
  width: 32.1296%;
  line-height: 0;
  right: 13.6111%;
  top: 8.148%;
  z-index: 1;
}
@media (max-width: 599px) {
  #mv .mv_logo {
    position: absolute;
    width: 50%;
    line-height: 0;
    left: 7%;
    top: 10%;
  }
  #mv .mv_text {
    width: 55%;
    right: 8%;
    top: unset;
    bottom: 5%;
  }
}
#message {
  padding: 40px 40px 0;
}
#message .mes_pc {
  line-height: 0;
  margin-bottom: 120px;
}
#message .mes_pc img {
  width: 100%;
}
#message .mes_tb {
  display: none;
  line-height: 0;
}
#message .mes_tb img {
  width: 100%;
}
#message .mes_sp {
  display: none;
  line-height: 0;
}
#message .mes_sp img {
  width: 100%;
}
@media (max-width: 768px) {
  #message .mes_pc {
    display: none;
  }
  #message .mes_tb {
    display: block;
    line-height: 0;
  }
  #message .mes_tb p {
    margin-bottom: 120px;
  }
}
@media (max-width: 599px) {
  #message {
    padding: 40px 15px 0;
  }
  #message .mes_tb {
    display: none;
  }
  #message .mes_sp {
    display: block;
  }
  #message .mes_sp p {
    margin-bottom: 60px;
    width: 95%;
    margin-left: auto;
    margin-right: auto;
  }
}
.to_lower_wrap {
  margin-bottom: 65px;
}
.to_lower_wrap> div {
  margin-bottom: 50px;
}
.to_lower_wrap> div:last-child {
  margin-bottom: 0;
}
.to_lower_wrap> div a {
  display: flex;
  padding: 40px;
  line-height: 0;
  justify-content: space-between;
  align-items: flex-start;
  line-height: 0;
  background: #fff;
}
.to_lower_wrap> div a img.item_headline {
  margin-left: 3.8363%;
}
.to_lower_wrap> div a img.item_image {
  width: 58.312%;
}
.to_lower_wrap> div a picture {
  display: contents;
}
.to_lower_wrap> div:nth-child(1) a img.item_headline {
  width: 17.9028%;
}
.to_lower_wrap> div:nth-child(2) a img.item_headline {
  width: 17.3913%;
}
.to_lower_wrap> div:nth-child(3) a img.item_headline {
  width: 25.8312%;
}
.to_lower_wrap> div:nth-child(4) a img.item_headline {
  width: 25.8312%;
}
.to_lower_wrap> div:nth-child(5) a img.item_headline {
  width: 19.5652%;
}
@media (max-width: 599px) {
  .to_lower_wrap {
    margin-bottom: 45px;
  }
  .to_lower_wrap> div {
    margin-bottom: 30px;
  }
  .to_lower_wrap> div a {
    padding: 15px;
  }
  .to_lower_wrap> div a img.item_image {
    width: 61%;
  }
  .to_lower_wrap> div:nth-child(1) a img.item_headline {
    width: 21.9028%;
  }
  .to_lower_wrap> div:nth-child(2) a img.item_headline {
    width: 21.3913%;
  }
  .to_lower_wrap> div:nth-child(3) a img.item_headline {
    width: 29.8312%;
  }
  .to_lower_wrap> div:nth-child(4) a img.item_headline {
    width: 29.8312%;
  }
  .to_lower_wrap> div:nth-child(5) a img.item_headline {
    width: 23.5652%;
  }
}