@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}

/*container*/
.container{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  
  .text{
    display: flex;
    flex-direction: column;
    text-align: center;
    text-indent: 1rem;
  }

  /*work*/
.works-containerweb{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

  }
  
  .worksweb{
    display: flex;
    justify-content: center;
    align-items: center;


  }
  
  .website-text{
    max-width: 24rem;

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

  h2{
    font-size: 1.3rem;
  }

  .logolist{
    width: 300px;
    height: auto;
  }