#layout {
  position: fixed;
  top: 80px;
 right: 0;
  width: 70px;
  height: 50px;
 margin-right:35px;
  z-index:3;
 
}
	
.switch{
 
 padding: 5px;

}
	
.switch img{
  
width:40px; height:40px;
}


section {
  position: relative;
  width: 100%;
}


body{min-height:100%}



body {
 
  background-color: #FFF;

  font-weight: 500;
  width: 100%;
}

a {
  text-decoration: none;
}

.tx1{font-family: "Sot";text-transform:uppercase;
  font-size: clamp(34px, 11vw, 60px);  padding:2em .75em 0em .75em;  color:#000000; width:90%;
}

.tx2a, .tx2a a{font-family: "Lav"; text-align: right;
  font-size: clamp(30px, 9vw, 49px);  padding:.75em; color:#000000; width:100%; letter-spacing:2px;
}

p{font-family: "Hen"; 
	  
	
	text-align: right;
  font-size: clamp(18px, 5vw, 34px);  padding:.75em; color:#000; width:100%; 
} 

.txi{font-family: "Aui"; text-align: right;
  font-size: clamp(16px, 3vw, 20px);  padding:.75em; color:#FF494C; width:90%;
}


.tx2{font-family: "Aui";
 font-size: clamp(24px, 9vw, 50px); padding:.75em; color:#FFFFFF; width:70%;
}

.tx1 span{font-family: "Fr";text-transform: uppercase;
  
}

.tx2 span{font-family: "Lail";text-transform: uppercase;

}

 .tx2a span{font-family: "Lail";text-transform: uppercase;

}


.tx4{font-family: "Hen";   
color:#000; padding:0.5em 20px; width:80%;
        font-size: max(.8rem,min(4.4vw,2.2rem));
   
    line-height: 1.4;
}

.tx5{font-family: "Lail";
color:#000; padding:0.5em 20px 0 40%; width:100%; text-align: right;  font-size: max(.8rem,min(4.4vw,2.2rem));
    
    line-height: 1.4;
}

.tx4a{font-family: "Sot";    font-family:"HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	color:#585858; 
width:98%; text-transform: uppercase;
   font-size: clamp(26px, 37vw, 40px);
    font-weight: 100;  line-height: 0.9;
    padding: 3em 0.75em 0em 0.75em;
   
}
.txx{ background:#ece7dd;
 padding:160px 0 0 0; width:100%;
 
}

.tx4x{font-family: "Lav", sans-serif; color: black; 
 padding:0.5em 0 0 20px; width:95%;
    font-size: clamp(46px,24vw, 50px);
    font-weight: 300;
    line-height: 1;
}

.tx4y{font-family: "Lai", sans-serif; color: white;background: #000000;
 padding:0.5em 0 0 20px; width:95%;
    font-size: clamp(20px, 14vw, 30px);
    font-weight: 300;
    line-height: 1;
}

.tx4b{font-family: "Lav", sans-serif; color: black;
 padding:0.2em 20px; width:100%; text-align: center;
    font-size: clamp(40px, 14vw, 100px);
    font-weight: 300;
    line-height: 0.7;
}

.tx4c{font-family: "Lai", sans-serif;
color:rgba(112,112,112,1.00); padding:0 40px 70px 40px; width:60%;
      font-size: max(.8rem,min(4.4vw,2.2rem));
   
    line-height: 1.4;
}

.bigl img{display:block;
 width:60%; margin:5% 20% 50% 20%;
} 



.txl{font-size: 4em; text-align: center; margin-top:40px;color:rgba(251,44,127,1.00);
font-family: "Nord" !important;
}



#container {
  position: relative;
  z-index: 2;

}

.fv {

  width: 100%;
}

 .fv_img {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  width: 50%;
}

.fv_img2 {
  width: 30%;
  margin: 0 auto;
} 


.menu {
  position: fixed;
  color:aquamarine;
 mix-blend-mode: difference;
  width: calc(100% - 180px); height:60px;
  top: 0;
 margin-left:160px;
  align-items: center;
  display: flex;
  justify-content: space-between;
  z-index: 99;
}

.menu a {
   font-size: 1.8rem; text-decoration: none; margin:0 40px 0 0;
}


.logo {
  position:fixed; z-index: 99; top:20px; left:2em; mix-blend-mode:difference; z-index:99;
}


.heading {font-family: 'Nord';
  position: fixed;
margin-bottom: 0px;
  width: 100vw; height:10vh;
  bottom: 0px;
 
  align-items: center;
  
  justify-content: space-between;
  z-index: 99;mix-blend-mode: difference;
}

.heading h1 {
  font-size: 4rem;  
}

.heading a {
  font-size: 1.2rem;
 
  text-decoration: none;
  padding: .555em .5em;
  display: block;
  
text-align: right;
  background-color: #00D9FF;
  color: #1f1f1f;
  transition: .25s transform; mix-blend-mode: normal !important;
}

.heading a:hover {
 
}



.fv_img1 {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  margin-top: 0 !important;
}

.ukiyo {
  margin-top: 5em;
}

.img-size-1 {
  margin-left: 10%;
}

.img-position-r {
  margin-left: auto;
  margin-right: 10%;
}

.img-position-l {
  margin-right: auto;
  margin-left: 40px;
}

.img-size-full {object-fit: contain !important;
  width: 100%;
  height: 95vh; max-width:2000px;
}

.img-size-3 { object-fit: contain !important;
  width: 33%;min-width:150px; max-width:380px; min-height:390px;
  
}

.img-size-1 {
  width: 33.3333%;
  height: 75vh;
}

.img-size-2 {object-fit: contain !important;
  width: 50%;
  height: 64vh;
}


@media screen and (max-width: 800px) {
	
	


.menu a {
   font-size: 1.4rem; text-decoration: none; margin:0 20px 0 0;
}
	
	
	
	
  .heading {
    width: 92.5%;
  }

  .heading a {
    font-size: 2vw;
    padding-left: 1.25em;
    padding-right: 1.25em;
  }

  .heading h1 {
    font-size: 6vw;
  }

  .img-position-l {
    margin-left: 1em;
  }

  .img-position-r {
    margin-right: 0;
  }

  .img-size-full {
    height: 100vh;
    height: 50vh;
  }

  .img-size-1 {
    width: 75%;
    height: 30vh;
  }

  .img-size-2 {
    width: 75%;
    height: 30vh;
  }
}

@media screen and (max-width: 500px) {
	
	.menu a {
   font-size: 1.2rem; text-decoration: none; margin:0 10px 0 0;
}
	
	
  .heading a {
    font-size: 3vw;
    padding-left: 1em;
    padding-right: 1em;
  }

  .heading h1 {
    font-size: 7.5vw;
  }
}


@media (min-width: 10px) and (max-width: 800px) {
    
 
 
             .tx4 {
   width:80%;
}
    
          .tx4a {
   width:80%;
}

}