.hero {
  position: relative;
}
.collum_bottom{
  position: absolute;
  top: -5%;
  right: -5%;
 }
.bottom_img{
  width: 30%;
  position: absolute;
  right: 16%;
  bottom: -18%;
  top: 17%;
}
.bottom_img:hover{
  transition: 0.5s;
  opacity: 0.6;
}
.accessory_botto:hover{
  transition: 0.5s;
  opacity: 0.6;
}
.column_a:hover{
  transition: 0.5s;
  opacity: 0.6;
}
.collum_bottom:hover{
  transition: 0.5s;
  opacity: 0.6;
}
.text_fashon{
  width: 70%;
  margin-top: 5%;
  margin-left: 15%;
}
.video-box {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 94vh;
}
.video_sp{
  display: none;
}
.video_pc {
  position: absolute;
  top: 0%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  transform: translateX(-50%);
}
.text-box {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 28%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
h1 {
  font-family: Roboto;
  font-size: 60px;
  font-weight: bold;
  line-height: 1.2;
  padding: 0 50px;
  text-align: center;
  color: #fff;
}
#mv{
  height: 94vh;
}
.mobaile_top{
  display: none;
}
#video {
  margin: auto;
  display: block;
  position: absolute;
  z-index: -1;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: auto;
  min-height: 100%;
  min-width: 100%;
}
.bg{
  position: absolute;
  bottom: -43%;
  width: 33%;
  z-index: 1;
  left: 10%;
}
.main_1_position02{
  position: relative;
}
.main_1_position{
  position: relative;
}
.main01{
  width: 50%;
  margin: 0% auto 2% 16.8%;
  display: block;
  padding-top: 7%;
  z-index: 2;
  position: relative;
  display: inline-block;
  }
  .top01_mobaile{
    display: none;
  }
  .mai_flex03_mobile02{
    display: none;
  }
  .main02{
    width: 30%;
    z-index: 1;
    margin-left: 12%;
    margin-right: 6%;
    display: inline-block;
  }
  .mai_flex03_mobile{
    display: none;
  }
  .main02 img{
    width: 100%;
  }
  .mai_flex{
    display: flex;
    justify-content: right;
  }
  .top01{
    width: 100%;
    height: 92vh;
    object-fit: cover;
  }
  .fasion h2{
    font-size: 12.7rem;
    font-weight: 100;
    color: #948071;
    margin-bottom: 6%;
    font-style: italic;
    color: #EE86A8;
  }
  .fasion{
    margin: 0 auto;
    width: 26%;
    position: relative;
    z-index: 2;
  }
  .fasion a{
    text-decoration: none;
  }
  .example3{
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 220px;
    height: 220px;
    background: #B68080;
    color: #FFF;
    font-size: 2.5rem;
    text-align: center;
    font-weight: 100;
    line-height: 1.3;
    transition: .3s;
    margin: 0px 0% 0 auto;
}
.collom_atop:hover {
  transition: 0.5s;
  opacity: 0.7;
}
.main_akuse_img:hover {
  transition: 0.5s;
  opacity: 0.7;
}
.main01:hover {
  transition: 0.5s;
  opacity: 0.7;
}
.main04:hover {
  transition: 0.5s;
  opacity: 0.7;
}
.main03:hover {
  transition: 0.5s;
  opacity: 0.7;
}
.main02:hover {
  transition: 0.5s;
  opacity: 0.7;
}
.example3:hover {
  transform: scale(0.9);
  opacity: 0.5;
}
.example3:hover {
  transform: scale(0.9);
  opacity: 0.5;
}
.lifestyletext{
  display: flex;
}
.main03{
  width: 65%;
  margin: -4.3% 25% 0px 6%;
  display: inline-block;
}
.main_akuse{
  width: 40%;
  margin: 13% auto 0% 14%;
  position: relative;
  z-index: 2;
  margin-bottom: 10%;
}
.main_akuse_img{
  position: relative;
  z-index: 2;
}
.akuse_text{
  position: absolute;
  width: 63%;
  right: -58%;
  z-index: 2;
  top: -15%;
}
.bg_skuse{
  position: absolute;
  top: -31%;
  left: 82%;
  z-index: 1;
  width: 83%;
}
.accessory_botto{
  position: absolute;
  z-index: 2;
  top: -4%;
  right: -57%;
  width: 20%;
}
.main04{
  width: 43%;
  margin: 12% 16% 0% auto;
}
.mai_flex03{
    display: flex;
    justify-content: space-between;
}
.main05{
  width: 38%;
  margin: 33.3% 0 -7.4% 0;
}
.main06 {
  width: 39%;
  margin-top: -32.6%;
  margin-bottom: 5%;
}
.mai_flex04{
  display: flex;
  justify-content: center;
}
.main07{
  width: 52.1%;
  position: relative;
  margin-left: 5%;
  z-index: 1;
}
.main08{
  width: 38%;
  margin: 38.5% 0 -10% -7%;
  position: relative;
  z-index: 1;
}
.mai_flex05{
  display: flex;
}
.main09{
  width: 57.6%;
  margin-left: 6%;
  position: relative;
  z-index: 1;
}
    .lifestyletext{
      border-radius: 50%;
      display: flex;
      justify-content: center;
      align-items: center;
      width: 220px;
      height: 220px;
      background: #B68080;
      color: #FFF;
      font-size: 2.7rem;
      text-align: center;
      line-height: 1.3;
      transition: .3s;
      font-weight: 100;
}
.lifestyletext:hover {
  transform: scale(0.9);
  opacity: 0.5;
}
.main10{
  width: 51%;
  margin: -6% 9.9% 7.5% auto;
}
.main11{
  width: 35%;
  margin: 0% 0% 5% 16.7%;
  position: relative;
  z-index: 1;
}
.main12{
  width: 45.3%;
  margin: -14.6% 11.3% 12.6% auto;
}
.main17{
  width: 13%;
  margin: 0 auto 3.5% auto;
}
.main18{
  width: 36.5%;
  margin: 0 auto;
  position: relative;
  padding-bottom: 6%;
}
.column_a{
  position: absolute;
  top: -6.5%;
  right: -7.4%;
  width: 20%;
  text-decoration: none;
}
.column_a p{
  color: #FFF;
}
.lifestyletext_column{
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 220px;
  height: 220px;
  background: #B68080;
  color: #FFF;
  text-align: center;
  line-height: 1.3;
  transition: .3s;
  font-weight: 100;
  font-size: 2.4rem !important;
  font-family: none;
}
.lifestyletext_column:hover {
  transform: scale(0.9);
  opacity: 0.5;
}
.none{
  display: none;
}

@media screen and (min-width: 1635px) {
.fasion h2 {
  font-size: 9rem;
  margin-bottom: 6%;
}
.main05_spase{
  margin: 33.3% 0 -13.4% 0 !important;
}
.margin{
margin-top: 37.4% !important;
    margin-bottom: -10% !important;
}
.main18 {
  width: 43.5%;
}
.main12 {
  width: 36.3%;
  margin: 15.4% 25.3% -17.4% auto;
}
.main11 {
  width: 27%;
}
.main10 {
  width: 36%;
  margin: 26% 18.9% -26.5% auto;
}
.main09 {
  width: 42.6%;
}
.main07 {
  width: 47.1%;
}
.main08 {
  width: 33%;
  z-index: 1;
}
.main06 {
  width: 39%;
  margin-top: -32.6%;
  margin-bottom: 5%;
}
.main05 {
  width: 33%;
}
.main04 {
  width: 39%;
  margin: 12% 21% 0% auto;
}
.main03 {
  width: 67%;
  margin: -3.3% 24% 0 6%;
}
.main02 {
  width: 30%;
  z-index: 1;
  margin-left: 12%;
  margin-top: 1.7%;
  margin-right: 6%;
}
.main01 {
  width: 50%;
}
.lifestyletext {
    width: 190px;
    height: 190px;
    font-size: 1.9rem;
}
.lifestyle h2{
  font-size: 10rem;
  margin-bottom: 3%;
}
.lifestyle {
    margin-top: -3%;
}
.example3{
      width: 190px;
    height: 190px;
    font-size: 1.9rem;
}
.lifestyletext_column{
      width: 190px;
    height: 190px;
    font-size: 1.9rem;
}
}
@media (max-width: 1635px){
.main12 {
  width: 45.3%;
  margin: 14.4% 11.3% -17.4% auto;
}
.main10 {
  width: 45.3%;
  margin: 27.4% 11.3% -25.4% auto;
}
.lifestyle{
  margin-right: 2%;
}
.lifestyletext_column{
  width: 180px;
  height: 180px;
  font-size: 2.2rem;
  line-height: 1.3;
}
.lifestyletext {
  width: 180px;
  height: 180px;
  font-size: 2.2rem;
  line-height: 1.3;
}
.fasion h2 {
  font-size: 6.4rem;
}
.lifestyle h2{
  font-size: 10.4rem;
}
.example3{
  width: 180px;
  height: 180px;
  font-size: 2.2rem;
  line-height: 1.3;
}
}
@media (max-width: 1320px){
  .fasion h2 {
    font-size: 8.8rem;
  }
  .lifestyletext {
    width: 160px;
    height: 160px;
    font-size: 1.9rem;
  }
  .lifestyle h2 {
    font-size: 8.8rem;
  }
  .example3 {
    width: 160px;
    height: 160px;
    font-size: 1.9rem;
  }
  .lifestyletext_column{
    width: 160px;
    height: 160px;
    font-size: 1.9rem !important;
  }
}
@media (max-width: 1130px){
  .main18 {
    width: 55.5%;
}
  .fasion h2,.lifestyle h2 {
    font-size: 7.3rem;
  }
  .lifestyletext,.lifestyletext_column,.lifestyletext,.example3 {
    width: 130px;
    height: 130px;
    font-size: 1.6rem !important;
  }
}
@media (max-width: 960px){
  .fasion h2, .lifestyle h2 {
    font-size: 5.9rem;
}
.lifestyletext, .lifestyletext_column, .lifestyletext, .example3 {
  width: 110px;
  height: 110px;
  font-size: 1.4rem !important;
}
.lifestyle {
  margin-left: -8.3%;
  margin-top: -4.1%;
}
}
@media (max-width: 830px){
  .fasion h2, .lifestyle h2 {
    font-size: 5.2rem;
}
.lifestyletext, .lifestyletext_column, .lifestyletext, .example3 {
  width: 100px;
  height: 100px;
  font-size: 1.2rem !important;
}
.lifestyle h2 {
  letter-spacing: 3.1px;
}
}
@media (max-width: 770px){
  #menuButton {
display: none !important;
}
.menu{
  display: none !important;
}
.menuContent{
  display: none !important;
}
  .akuse_text {
    position: absolute;
    width: 75%;
    right: -41%;
    z-index: 2;
    top: -20%;
}
  .main_akuse {
    width: 61%;
    margin: 12% auto 0% 8%;
    position: relative;
    z-index: 2;
    margin-bottom: 10%;
}
.bg_skuse {
  position: absolute;
  top: -31%;
  left: 59%;
  z-index: 1;
  width: 93%;
}
  .bottom_img {
    width: 70%;
    right: -84%;
    bottom: -18%;
    top: 18%;
}
  .text_fashon {
    width: 168%;
    margin-top: 56%;
    margin-left: 19%;
}
  #mv {
    height: calc(100vh - 100px);
    min-height: 600px;
    overflow: hidden;
}
.bg {
  position: absolute;
  bottom: -57%;
  width: 53%;
  z-index: 1;
  left: 0%;
}
  #mv {
    height: 93vh;
}
  .mobaile_top{
    display: block;
    position: absolute;
    z-index: -1;
    top: 70%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 177.77777778vh;
    height: 56.25vw;
    min-height: 160%;
    min-width: 100%;
  }
  .mai_flex03_mobile02{
    display: block;
  }
  .main06_02{
    width: 83%;
    margin: 0 0 0 auto;
  }
  .main01 {
    width: 81.7%;
    margin: 0 auto;
    padding-top: 12%;
}
.top01_mobaile{
  display: block;
  height: 92vh;
  object-fit: cover;
}
.top01{
display: none;
}
.main05_02{
  width: 58%;
  margin: 11.3% 0 16.6% 5%;
}
.main02 {
  width: 64.5%;
  z-index: 1;
  margin-left: 7%;
  margin-bottom: -4%;
  margin-top: 44%;
  margin-right: 0%;
}
.fasion {
  margin: 0 auto;
  width: 24%;
  margin-top: -8%;
  margin-left: 4%;
  z-index: 1;
}
.fasion h2, .lifestyle h2 {
  font-size: 7rem;
  position: relative;
}
.none{
  display: block;
}
.none01{
  display: none;
}
.lifestyletext, .lifestyletext_column, .lifestyletext, .example3 {
  width: 130px;
  height: 130px;
  font-size: 1.8rem !important;
}
.main03 {
  width: 100%;
  margin-top: 19%;
}
.main04 {
  width: 66%;
  margin: 0 auto;
  margin-top: 26%;
}
.main06 {
  width: 170%;
}
.mai_flex03{
  display: none;
}
.mai_flex03_mobile{
  display: block;
}
.main06_mobile {
  width: 48%;
  margin-left: 12%;
  margin-top: -3%;
  margin-bottom: 22%;
}
.main05_mobile {
  width: 61.2%;
  margin: 0px 0px -12% 5%;
}
.mai_flex04{
  display: block;
}
.margin{
  margin-top: 90.3% !important;
  margin-bottom: -22.6% !important;
}
.main07 {
  width: 83%;
  margin-left: 0%;
}
.main08 {
  width: 61%;
  z-index: 1;
  margin: 16% 0px -9.9% 32.1%;
  position: relative;
}
.mai_flex05{
  display: block;
}
.main09 {
  width: 74.6%;
  margin-left: 4%;
}
.lifestyle {
  margin-left: -8.3%;
  margin-top: -74.1%;
}
.lifestyle h2{
  margin-bottom: 2%;
}
.pc{
  display: none;
}
.example3{
  margin-right: 3%;
}
.main10 {
  width: 66%;
  margin: 91% 5.9% -63.5% auto;
}
.main11 {
  width: 42%;
  margin: -2% 0% 5% 11.7%;
}
.main12 {
  width: 55.3%;
  margin: 47.4% 0% -44.4% auto;
}
.main17 {
  width: 17%;
}
.column p {
  font-size: 2.4rem;
  margin-bottom: 7%;
}
.main18 {
  width: 62.5%;
  padding-bottom: 11.5%;
}
.column_a {
  right: 5.6%;
}
.mobile{
  display: block;
}
.main17 {
  margin: 0 auto 4.5% auto;
}
.collum_bottom {
  position: absolute;
  top: -5%;
  right: -61%;
  width: 130%;
}
}
@media (max-width: 450px){
  .text-box {
    width: 70%;
}
    .video_pc{
    display: none;
  }
  .video_sp {
    position: absolute;
    margin: auto;
    width: auto;
    height: 110%;
    z-index: 0;
    top: 0%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    transform: translateX(-50%);
}
  .video_sp{
    display: block;
  }
}
@media (max-width: 400px){
  .footer_copy{
    display: block;
    margin: 0 auto;
    width: 90%;
  }
  .Copyright{
    display: none;
  }
}