@charset "utf-8";

body{
  overflow-x: hidden;
}

@keyframes shiny {
  0% { left: -20%; }
  10% { left: 140%; }
  100% { left: 140%; }
}

.mv{
  max-width: 1500px;
  width: 96%;
  margin: 0 auto;
  padding-top: 70px;
}
.mv .tit{
  max-width: 124px;
  margin: 0 auto -20px;
  position: relative;
  z-index: 1;
}
.mv .kukaku{
  position: relative;
}
.mv .kukaku span{
  position: absolute;
  font-size: clamp(10px,1.2vw,14px);
  line-height: 1;
  bottom: 11%;
  right: 12%;
}
.mv .kukaku .link{
  position: absolute;
  display: block;
  transition: .3s;
  overflow: hidden;
}
.mv .kukaku .link:after{
  content: '';
  position: absolute;
  top: -10%;
  left: -20%;
  width: 40px;
  height: 100%;
  transform: scale(2) rotate(20deg);
  background-image: linear-gradient(100deg, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, .75) 100%, rgba(255, 255, 255, 0) 0%);
  transition: 300ms;
  animation: shiny 2s ease-in-out infinite;
}
.mv .kukaku .link:hover{
  background-color: rgba(255,255,255,.4);
}
.mv .kukaku .p21{
  width: 7.5%;
  height: 7.75%;
  left: 21.5%;
  bottom: 18.15%;
}

@media screen and (max-width: 767px) {
  .mv{
    margin: 0 auto 30px;
    padding-top: 10px;
  }
  .mv .tit{
    max-width: 80px;
    margin: 0 auto -5px;
  }
  .mv .kukaku span{
    font-size: 10px;
    bottom: 0;
    right: 3%;
  }
  .mv .kukaku .p21{
    width: 8.5%;
    height: 7.5%;
    left: 23%;
    bottom: 16.15%;
  }
}

.plan21{
  padding-top: 100px;
  margin-top: -100px;
}
.plan21-head{
  background: url(../img/landplan/obi01.jpg) no-repeat center center / cover;
  padding: 40px 0;
}
.plan21-head .data{
  max-width: 1015px;
  width: 90%;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .plan21{
    padding-top: 60px;
    margin-top: -60px;
  }
  .plan21-head{
    padding: 30px 0;
  }
  .plan21-head .data{
    max-width: 500px;
    width: 80%;
  }
}
.madori21{
  max-width: 847px;
  width: 90%;
  margin: 20px auto 40px;
}
@media screen and (max-width: 767px) {
  .madori21{
    max-width: 600px;
    width: 80%;
    margin: 10px auto 30px;
  }
}

.feature21{
  max-width: 1050px;
  width: 90%;
  margin: 0 auto;
}