@charset "UTF-8";

html{
    font-size:100% ;
}

body{
  line-height: 1.7;
}
a{
    text-decoration: none;
    max-width: 100%;
}
img{
    max-width: 100%;
}

video{
    object-fit: cover;
}
  
*{
    margin: 0;
    padding: 0;
}


.wrapper{
max-width: 100%;
}

#page-header{
    position: fixed;
    text-align:center;
    max-width: 414px;

    top: 0;
    left: 0;
    right: 0;
}
#headerimg{
    text-align: center;
    object-fit: cover;
}

.home-content {
    text-align: center;
    margin-top: 0%;

}
.home-content p{
    font-size: 1.125rem;
    margin:10px 0 42px;
}

#botan{
    margin-top: 30%;
}
.button{
    font-size: 0.9rem;
    background: #AA912A;
    color: #520909;
    flex-direction: row;
    border-radius: 3px;
    padding:13px 20px
}
.button:hover{
    background: #793A3D;
    color: darkgrey;
}


.big-bg{
    background-size: cover;
    background-position: center top;
}
#home{
    background-image: url(sasyaimage/mein.png);
    background-size: cover;
    min-height: 100%;
    padding-top: 120%;
    padding-bottom: 15%;
    padding-right: 0%;
}
#home .page-title{
    text-transform: none;
}
.page-title{
    color: #F5F5F5;
    margin-left: 50%;
    margin-top: 0%;
}

#a{
    background-color: #5A4B4B;
    background-size: cover;
}
#b{
    background-image:url(sasyaimage/marble.png) ;
    background-size: cover;
    background-color: rgba(255,255,255,0.05);
    background-blend-mode: lighten;

}

#syouhin{
    display: flex;
    text-align: center;
    flex-direction: column;
   margin-left: auto;
   margin-right: auto;
    margin: 20%;

}
#syouhin-rogoue{
    font-size: 0.5rem;
    color: #E3D7D6;
    margin-bottom: -5%;
}
#syohinlogo{
    width: 40%;
    margin: 10%;
    margin-left: 27%;
    margin-bottom: 20%;
    
}
#syouhin-kopie{
    font-size: 1.2rem;
    color: #f5f5f5;
    margin-top: 20%;
    margin-bottom: 40%;
}

#b-1{
    margin-top: 20%;
    display: flex;
    flex-direction: row;
}
#concept-text1{
 max-width: 45%;
   font-size: 0.8rem;
  margin: 5%;
  margin-top: 20%;
  margin-left: 10%;
  color: #E3D6D6;
}
#b-1img{
    max-width: 45%;
    margin-top: 15%;
}

#b-2{
    margin-top: 50%;
    display: flex;
    flex-direction: column;
}

#concept-text2{
    max-width: 90%;
    margin: 0 auto;
    text-align: center;
    margin-top: -40%;
    font-size: 0.8rem;
    color: #E3D6D6;
}
#b-2img{
    margin-top: 10%;
    max-width: 100%;
}


#c{
  margin-top: -5%;
  background-color: #604D36;
  background-size: cover;
}

#c-top{
    margin-bottom: 20%;
}

#c-title{
    text-align: center;
    color: #E3D6D6;
    font-size:x-large;
}
#c-img-1{
   margin-left: 0;
   margin-right: 0;
}
#c-img-1sita{
color: #E3D6D6;
text-align: center;
font-size: large;
}
#c-img-1sita-b{
    font-size:x-large;
}

#c-waresasya{
    background-image: url(sasyaimage/imgd.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    margin-top: 15%;
    margin-bottom: 0%;
}

#c-text{
    font-size: medium;
    color: #E3D6D6;
    margin-top: 10%;
    margin-bottom: 10%;
    display: flex;
    flex-direction: column;
}
#c-text1{
    max-width: 55%;
    margin-top: -10%;
    margin-left: 10%;
    margin-right: auto;
}
#c-text2{
    max-width: 65%;
    margin-top: 60%;
    margin-left: auto;
    margin-right: 0%;
}
#c-text3{
    max-width: 65%;
    text-align: center;
    margin-top: 60%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 27%;
}


#bottom{
    background-color: #AA912A;
    background-size: cover;
    display: flex;
    flex-direction: row;
    margin-top: -10%;
}
.bottom-text{
    color: #FFFFFF;
    margin-left: 5%;
    margin-right: auto;
    margin-top: 10%;
    text-align: left;
    margin-bottom: 40%;
}
#lottelogo{
    max-width: 40%;
    margin-right: 5%;
    margin-left: auto;
    margin-top: 10%;
    margin-bottom: 40%;
    
}