@charset "utf-8";

body {
font-family: 'Noto Sans JP', sans-serif;
font-weight: 300;   
}

/* ヘッダー */

header{
	margin-top:0px;
	margin-bottom:0;
}

header .container h1 img{
    width: 500px;
}

.page-header .container{
    padding-left:60px;
	display: flex;
}

.main-nav{
	display:flex;
    font-size:0.9rem;
    margin-top:98px;
	min-width:100px;
	margin-left:0;
    list-style: none; 
}

.main-nav li a{
    color: #000000;
    transition: .1s;
    text-decoration: none;
}

.main-nav li img{
    max-width:15px;
    margin-top:6;
    transition: .1s;
}

.main-nav li img:hover{
    opacity:0.5 ;
}

.main-nav li{
    margin-left:30;
}

.main-nav a:hover{
    color: #c0c0c0;
}

/* ヘッダー スマホ用 */


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

header .container h1 img{
    width: 100%;
    margin-left:0;
}    
    
.page-header .container{
    display:block;
    text-align: center; 
    padding-left:20px;
    margin-bottom:70px; 
  }
    
.main-nav {
    margin-top:0px  
  } 
    
.main-nav {
    margin-left:35; 
  } 
           
    
}




/* ワークス　*/

.works {
	display: grid;
    column-gap: 15px;
    grid-template-columns: repeat(3, minmax(200px, 1fr));
    justify-content: center;
    max-width:2500px;
    margin-left:100;
    margin-right:100;
    margin-bottom:50px;
    
}   


.item .works_img img {
	max-width: 100%; 
    transition: .1s;
}

.item .works_img img:hover{
	opacity: 0.5;
}

.item .works_text {
	margin-top:-10px;
    margin-bottom:10px; 
    font-size:0.3rem;
    letter-spacing: 0.03em
}



/* ワークス スマホ用 */
@media screen and (max-width: 600px){
.works {
    display:block;
    align-items: center;
    max-width: 100%;
    margin-left:20;
    margin-right:20;
  }
    
.item {
	margin-top:25px;
    margin-bottom:20px; 
} 

.item .works_text {
    font-size:0.3rem;
}    
    
    
}