@charset "UTF-8";
/*
------------------------------------------------------------
------------------------------------------------------------
common
------------------------------------------------------------
------------------------------------------------------------*/
/*
------------------------------------------------------------
------------------------------------------------------------
slider
------------------------------------------------------------
------------------------------------------------------------*/
.slider {
  width: 100%;
  height: 640px;
  margin-inline: auto;
  overflow: hidden;
  z-index: -1; }
  @media screen and (max-width: 1600px) {
    .slider {
      height: 550px; } }
  @media (max-width: 1400px) {
    .slider {
      height: 500px; } }
  @media (max-width: 1200px) {
    .slider {
      height: 430px; } }
  @media (max-width: 768px) {
    .slider {
      height: 320px; } }
  @media (max-width: 500px) {
    .slider {
      height: 500px; } }

.slick-img img {
  width: 100%;
  min-height: 640px;
  object-fit: cover; }
  @media screen and (max-width: 1600px) {
    .slick-img img {
      min-height: 550px; } }
  @media (max-width: 1400px) {
    .slick-img img {
      min-height: 500px; } }
  @media (max-width: 1200px) {
    .slick-img img {
      min-height: 430px; } }
  @media (max-width: 768px) {
    .slick-img img {
      min-height: 320px; } }
  @media (max-width: 500px) {
    .slick-img img {
      min-height: 500px; } }

@keyframes zoomUp {
  0% {
    transform: scale(1); }
  100% {
    transform: scale(1.15);
    /* 拡大率 */ } }
.add-animation {
  animation: zoomUp 10s linear 0s normal both; }

.slider-wrap {
  margin-bottom: 160px;
  position: relative; }
  @media (max-width: 768px) {
    .slider-wrap {
      margin-bottom: 100px; } }
  @media (max-width: 500px) {
    .slider-wrap {
      margin-bottom: 80px; } }
  .slider-wrap .slider-text-h2w {
    position: absolute;
    width: 22px;
    top: 250px;
    left: 29px; }
    @media screen and (max-width: 1600px) {
      .slider-wrap .slider-text-h2w {
        top: 160px; } }
    @media (max-width: 1400px) {
      .slider-wrap .slider-text-h2w {
        top: 135px; } }
    @media (max-width: 1200px) {
      .slider-wrap .slider-text-h2w {
        top: 100px; } }
    @media (max-width: 768px) {
      .slider-wrap .slider-text-h2w {
        width: 14px;
        top: 100px;
        left: 20px; } }
    @media (max-width: 500px) {
      .slider-wrap .slider-text-h2w {
        top: 110px;
        left: 10px; } }
  .slider-wrap .slider-logo {
    position: absolute;
    max-width: 600px;
    width: 30%;
    top: 80px;
    left: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #3c7076;
    box-shadow: 20px 20px 0 0 rgba(0, 0, 0, 0.1); }
    @media (max-width: 1200px) {
      .slider-wrap .slider-logo {
        width: 32%;
        box-shadow: 10px 10px 0 0 rgba(0, 0, 0, 0.1); } }
    @media (max-width: 768px) {
      .slider-wrap .slider-logo {
        left: 54px; } }
    @media (max-width: 500px) {
      .slider-wrap .slider-logo {
        width: auto;
        transform: translateX(-50%);
        left: 50%; } }
    .slider-wrap .slider-logo img {
      width: 300px;
      margin: 120px; }
      @media (max-width: 1400px) {
        .slider-wrap .slider-logo img {
          width: 250px;
          margin: 100px; } }
      @media (max-width: 1200px) {
        .slider-wrap .slider-logo img {
          width: 200px;
          margin: 80px; } }
      @media (max-width: 768px) {
        .slider-wrap .slider-logo img {
          width: 150px;
          margin: 60px; } }
      @media (max-width: 500px) {
        .slider-wrap .slider-logo img {
          width: 110px;
          margin: 60px; } }
  .slider-wrap h2 {
    position: absolute;
    z-index: 2;
    transform: translateY(-50%);
    top: 50%;
    left: calc(80px + 30% + 80px);
    font-size: 50px;
    font-weight: bold;
    color: #fff;
    text-shadow: 0px 0px 5px #323232;
    font-feature-settings: "palt";
    line-height: 1.8em; }
    @media (max-width: 1400px) {
      .slider-wrap h2 {
        font-size: 40px; } }
    @media (max-width: 1200px) {
      .slider-wrap h2 {
        top: 55%;
        left: calc(80px + 32% + 30px);
        font-size: 32px; } }
    @media (max-width: 768px) {
      .slider-wrap h2 {
        top: 60%;
        left: calc(54px + 32% + 30px);
        font-size: 26px; } }
    @media (max-width: 500px) {
      .slider-wrap h2 {
        width: 100%;
        height: 500px;
        transform: none;
        top: 370px;
        left: 0;
        font-size: 23px;
        text-align: center; } }
    .slider-wrap h2 span {
      font-size: 70px; }
      @media (max-width: 1400px) {
        .slider-wrap h2 span {
          font-size: 54px; } }
      @media (max-width: 1200px) {
        .slider-wrap h2 span {
          font-size: 43px; } }
      @media (max-width: 768px) {
        .slider-wrap h2 span {
          font-size: 35px; } }
      @media (max-width: 500px) {
        .slider-wrap h2 span {
          font-size: 32px; } }
      .slider-wrap h2 span:nth-of-type(2) {
        color: #fde67c; }
  .slider-wrap .slider-text {
    position: absolute;
    width: 50%;
    right: 20px;
    bottom: -50px;
    mix-blend-mode: multiply; }
    @media (max-width: 768px) {
      .slider-wrap .slider-text {
        width: 45%;
        bottom: -30px; } }
    @media (max-width: 500px) {
      .slider-wrap .slider-text {
        width: 90%;
        right: 5%; } }

/* mix-blend-mode が効かない為調整 */
_::-webkit-full-page-media, _:future, :root .slider-wrap .slider-text {
  opacity: 0.5; }

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  ::i-block-chrome, .slider-wrap .slider-text {
    opacity: 0.5; } }