.keyvisiual{
    max-width: 1920px;
    width: 100%;
    object-fit: cover;
    /* height: 1287px; */
}

.mainview{
    position: relative;
}

.rogo{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 300px;
    width: 100%;
}

.mainview::before{
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0 ;
    left: 0;
    background: linear-gradient(0deg, #ffffff, transparent);
}

.inner{
    max-width: 1100px;
    margin: 0 auto;
}

.category_wrap{
    display: flex;
    justify-content: space-around;
    margin: 71px 0px 131px 0px
}

.main_wrap h2{
    text-align: center;
}

a{
    text-decoration-line: none;
    color: #000;
}


/* about */
.about_background{
    background: url(../img/gyosenn１.png);
}

.about_wrap{
    display: flex;
    justify-content: space-around;
}

.about_contain{
    position: relative;
    display: flex;
    justify-content: space-around;
    width: 50%;
}

.about_contain::before{
    content: "";
    position: absolute;
    display: block;
    width: 70%;
    height: 100%;
    top: 50px ;
    left: -30px;
    background: linear-gradient(0deg, #eae9e6, transparent);
}

.face{
    position: absolute;
    top: 120px;
    left: -50px;
}

.about_two{
    margin: 48px 0;
}


/* portfolio */
.portfolio{
    margin: 151px 0 80px 0; 
    font-family: futura-pt, sans-serif;
    font-style: normal;
}

.portfolio img{
    max-width: 500px;
    width: 100%;
}

.portfolio_article{
    display: flex;
    flex-wrap: wrap;
    gap: 75px 90px;
}

/* INSTAGRAM */
.insta{
    margin: 180px 0 100px 0;
}

.insta_contain{
    max-width: 350px;
    width: 100%;
}

.insta_contain1{
    max-width: 350px;
    width: 100%;
    margin-top: 134px;
}

.insta_contain p{
    max-width: 256px;
    /* width: 100%; */
    margin: 35px auto;
    text-align: center;
}

.insta_contain1 p{
    max-width: 256px;
    /* width: 100%; */
    margin: 35px auto;
    text-align: center;
}

.insta_wrap{
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}
.text{
    border: 1px solid #000;
    border-radius: 10px;
    height: 35px;
    width: 100px;
    display: grid;
    place-items: center;
    margin-left: 250px;
}

/* .insta_wrap p{
    margin: 20px 0;
} */

h3{
    font-size: xx-large;
    background: url(../img/obi.png);
    max-width: 440px;
    margin: 80px auto 0;
    display: grid;
    place-items: center;
    height: 125px;
}

h4{
    text-align: center;
    font-size: 100px;
}

.top_icon{
    position: relative;
    margin-top: 390px;
}

.top_icon img{
    position: absolute;
    top: 60%;
    left: 115%;
    transform: translate(-100%, -80%);
    max-width: 175px;
    width: 100%;
}