/* Scss Document */
.section {
  padding: 40px 0;
}

#head .inner .logo {
  width: 200px;
  height: 50px;
}

#head .inner .logo .icon {
  background-image: url("../images/common/logo.png");
}

#head.scroll .inner .logo {
  width: 200px;
  height: 50px;
}

#head.scroll .inner .logo .icon {
  background-image: url("../images/common/logo_pc_color.png");
}

@media (min-width: 768px) {
  #head {
    height: 100px;
  }
  #head .inner .logo {
    width: 200px;
    height: 50px;
  }
}

#hamburger:after {
  color: #FFF;
}

#hamburger > .a {
  overflow: visible;
}

#hamburger .lines .line {
  background: #FFF;
}

#mv {
  position: relative;
  /*height: 100vh;*/
}

#mv .box_wrap {
  max-width: 1200px;
}

#mv .mov {
  width: 100%;
  height: 100%;/*
  position: absolute;*/
}

#mv .mov div {
  background-image: url(../images/home/mv.jpg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
}


#mv .mov video {
  width: 100%;
}
#mv .cont {
  position: absolute;
  top: auto;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
}

/*@media (min-width: 768px) {
  #mv {
    min-height: 800px;
  }
}*/

#about .cont .lead .h2 {
  margin-bottom: 2rem;
  color: #8f1d22;
  text-indent: -.5em;
}

#about .cont .lead .text:not(:first-of-type) {
  margin-top: 2rem;
}

#about .cont .videoWrap {
  margin-bottom: 1rem;
}

@media (min-width: 768px) {
  #about .cont {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
        -ms-flex-align: end;
            align-items: flex-end;
    padding: 50px 0;
  }
  #about .cont.contTop .contLeft {
    width: 75%;
    padding-left: 100px;
  }
  #about .cont.contTop .contRight {
    width: 25%;
  }
  #about .cont.contTop .contRight .image {
    margin-right: calc((100vw - min(calc(100vw - var(--cont_margin) * 2), 1400px)) / -2);
  }
  #about .cont.contBottom {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    margin-top: -10rem;
    grid-gap: 10px;
  }
  #about .cont.contBottom .contLeft {
    width: 25%;
  }
  #about .cont.contBottom .contRight {
    width: 75%;
  }
  #about .cont.contBottom .contRight .to_link {
    text-align: right;
  }
  #about .cont.contBottom .contLeft .image {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    margin-left: calc(( 100vw - min(calc(100vw - var(--cont_margin) * 2), 1400px)) / -2);
  }
}

#service .slick-initialized .slick-slide {
  padding: 0 5px;
}

#service .slick-slider {
  margin-bottom: 2rem;
}

#service .slick-arrow {
  width: 45px;
  height: 45px;
  position: absolute;
  top: 50%;
  z-index: 10;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  border: none;
  background: transparent;
  cursor: pointer;
  font-size: 0;
}

#service .slick-arrow::before {
  content: "";
  width: 28px;
  height: 28px;
  display: block;
  border-top: 6px solid rgba(255, 255, 255, 0.8);
  border-right: 6px solid rgba(255, 255, 255, 0.8);
}

#service .slick-prev {
  left: 20px;
}

@media (min-width: 960px) {
  #service .slick-prev {
    left: 40px;
  }
}

#service .slick-prev::before {
  -webkit-transform: rotate(-135deg);
          transform: rotate(-135deg);
}

#service .slick-next {
  right: 20px;
}

@media (min-width: 960px) {
  #service .slick-next {
    right: 40px;
  }
}

#service .slick-next::before {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

#service .sld a {
  width: 100%;
  height: 100%;
  position: relative;
  display: block;
}

#service .sld a .brah {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.2);
  opacity: 0;
}

#service .sld a .brah:hover {
  opacity: 1;
}

#service .sld a .moji {
  position: absolute;
    bottom: 10px; /* 下からの位置 */
    
    width: 100%;  /* 幅いっぱいに広げる場合 */
  color: #FFF;
  text-align: center;
  font-size: 1.2rem;
  
}

#service .sld a .moji span {
  display: block;
}

@media (min-width: 960px) {
  #service .sld a .moji {
    bottom: 30px;
  }
}

#service .to_link {
  text-align: center;
}

@media (min-width: 768px) {
  #service .slick-initialized .slick-slide {
    padding: 0 15px;
  }
  #service .to_link {
    text-align: right;
  }
}

#news {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  padding: 6rem 0 12rem;
  z-index: 1;
}

#news .secTab {
  color: #fff;
}

#news .box_wrap {
  position: relative;
  z-index: 2;
}

#news .to_link {
  text-align: right;
  position: relative;
  z-index: 2;
}

#news .to_link .a {
  color: #fff;
  border-bottom: 1px solid #fff;
}

#news .newsTable .row .a {
  color: #fff;
}

#news::before, #news::after {
  content: "";
  position: absolute;
  left: 50%;
  pointer-events: none;
  z-index: 0;
  opacity: 0;
  will-change: transform, opacity;
  -webkit-transition: opacity 0.6s ease, -webkit-transform 1.4s cubic-bezier(0.22, 1, 0.36, 1);
  transition: opacity 0.6s ease, -webkit-transform 1.4s cubic-bezier(0.22, 1, 0.36, 1);
  transition: transform 1.4s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.6s ease;
  transition: transform 1.4s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.6s ease, -webkit-transform 1.4s cubic-bezier(0.22, 1, 0.36, 1);
}

#news::before {
  background: #ece6d4;
  width: 132vw;
  height: 36rem;
  top: 3rem;
  -webkit-transform: translateX(calc(-50% + 145vw)) rotate(0deg);
          transform: translateX(calc(-50% + 145vw)) rotate(0deg);
}

#news::after {
  background: #bfab71;
  width: 145vw;
  height: 42rem;
  top: 4rem;
  -webkit-transform: translateX(calc(-50% - 155vw)) rotate(0deg);
          transform: translateX(calc(-50% - 155vw)) rotate(0deg);
}

#news.is-show::before {
  opacity: 1;
  -webkit-transform: translateX(-50%) rotate(-8deg);
          transform: translateX(-50%) rotate(-8deg);
}

#news.is-show::after {
  opacity: 1;
  -webkit-transform: translateX(-50%) rotate(9deg);
          transform: translateX(-50%) rotate(9deg);
}

#news.is-show .maruta {
  opacity: 1;
}

#news .secTab,
#news .newsTable,
#news .to_link {
  position: relative;
  z-index: 2;
}

@-webkit-keyframes marutaRotate {
  from {
    -webkit-transform: rotate(-8deg);
            transform: rotate(-8deg);
  }
  to {
    -webkit-transform: rotate(352deg);
            transform: rotate(352deg);
  }
}

@keyframes marutaRotate {
  from {
    -webkit-transform: rotate(-8deg);
            transform: rotate(-8deg);
  }
  to {
    -webkit-transform: rotate(352deg);
            transform: rotate(352deg);
  }
}

#news .maruta {
  position: absolute;
  z-index: 1;
  pointer-events: none;
  display: block;
  aspect-ratio: 1 / 1;
  background: url("../images/home/anmLog.png") no-repeat center/contain;
  -webkit-animation: marutaRotate 20s linear infinite;
          animation: marutaRotate 20s linear infinite;
  width: 20rem;
  right: -4.6rem;
  top: 6.2rem;
  opacity: 0;
  -webkit-transition: opacity 1.2s ease;
  transition: opacity 1.2s ease;
}

@media (min-width: 768px) {
  #news {
    padding: 8rem 0 5rem;
        height: 28rem;
  }
  #news::before {
    width: 125vw;
    top: 5.5rem;
    height: 20rem;
    -webkit-transform: translateX(calc(-50% + 135vw)) rotate(0deg);
            transform: translateX(calc(-50% + 135vw)) rotate(0deg);
  }
  #news::after {
    width: 135vw;
    top: 8.5rem;
    height: 28rem;
    -webkit-transform: translateX(calc(-50% - 145vw)) rotate(0deg);
            transform: translateX(calc(-50% - 145vw)) rotate(0deg);
  }
  #news .maruta {
    width: 24rem;
    right: calc((100vw - 1040px) / 2 - 19rem);
    top: 14rem;
  }
  #news.is-show::before {
    -webkit-transform: translateX(-50%) rotate(-4deg);
            transform: translateX(-50%) rotate(-4deg);
  }
  #news.is-show::after {
    -webkit-transform: translateX(-50%) rotate(5deg);
            transform: translateX(-50%) rotate(5deg);
  }
}

@media screen and (min-width: 2000px) {
  #news .maruta {
    right: 20rem;
  }
}

#other {
    
    padding: 15rem 0 2rem;
    margin-top: -9rem;
    }
/*# sourceMappingURL=home.css.map */