@charset "utf-8";

@import "setting";

// works css

// PC

#works{
	
	#works01{
		padding-bottom:240px;
		
		h5{
			text-align:center;
			color:#231815;
			@include fs(20,1.2,.1);
			margin-bottom:20px;
			
			span{
				display:block;
				color:$corp;
				@include fs(10,1.2,.08);
				@include pop(3);
				margin-top:5px;
			}
		}
		
		p{
			@include fs(15,2,.15);
			text-align:center;
		}
		
		hr{
			width:30px;
			border:none;
			border-bottom:dotted 2px $corp;
			margin:80px auto;
		}
        
        ul{
            display: flex;
            justify-content: center;
            column-gap: 20px;
            line-height: 0;
            margin: 40px auto;
            
            li{
                flex-basis: 100%;
                max-width: 400px;
                height: 300px;
                
                figure{
                    width: 100%;
                    height: 100%;
                    
                    img{
                        width: 100%;
                        height: 100%;
                        object-fit: cover;
                    }
                }
            }
        }
	}
}

@media screen and (max-width : $pc-width+px){

}

// smartphone
@media screen and (max-width : $tablet-width+px){

#works{
	
	#works01{
		padding-bottom:120px;
		
		h5{
			@include fs(16,1.2,.1);
			margin-bottom:10px;
		}
		
		p{
			@include fs(12,1.6,.05);
		}
		
		hr{
			margin:40px auto;
		}
	}
}

}