@charset "UTF-8";

/*リセットCSS*/
*,*::before,*::after{box-sizing:border-box}
html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}
body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0}
ul[role='list'],ol[role='list']{list-style:none}
body{min-height:100vh;line-height:1.5}h1,h2,h3,h4,button,input,
label{line-height:1.1}h1,h2,h3,h4{text-wrap:balance}
a:not([class]){text-decoration-skip-ink:auto;color:currentColor}
img,picture{max-width:100%;display:block}input,button,textarea,select{font:inherit}
textarea:not([rows]){min-height:10em}:target{scroll-margin-block:5ex}

/*about-banwn*/
.aboutbanwn-container{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.banwn-text{
    max-width: 20rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-indent: 1rem;
}

.banwndesign-container{
    display: grid;
    grid-template-columns: repeat(1,1fr);
    gap: 20px;

}

@media(min-width:768px){
    .aboutbanwn-container{
        display: flex;
        flex-direction: row;
    }
    
    .banwn-text{
        max-width: 30rem;
    }

    .banwnlogo-container{
        display: flex;
        flex-direction: row-reverse;
    }

    .banwndesign-container{
        display: grid;
        grid-template-columns: repeat(2,1fr);
        gap: 20px;
    }

}

@media(max-width:767px){
    .yohaku-hidari-l{
        display: none;
    }
}