@charset "UTF-8";
/* CSS Document */
html,body{height:100vh;}
html{
	background-color: #19191A;
	color:#ffffff;}
subt{
	font-family: ten-mincho,serif;
	font-weight: 400;
	font-style: normal;
	padding: 6px 0px;
	border-bottom: 1px solid #9A9A9A;
	vertical-align: text-top;
}
#work{
	text-align: center;
	font-family: adobe-garamond-pro,serif;
	font-weight: 400;
	font-style: normal;
	font-size: 30px;height: 40px;
	border-bottom: 1px solid #FFFFFF;
	margin-bottom: 10px;
}
#container {
	max-width: 760px;
	margin: 0 auto;
}
#top-block{
	margin: auto auto;
	padding: 3vh 0px 0px 15px;
	}

.parent {
	display: flex;
	flex-wrap: wrap;}
.child {
    background: #FFFFFF;
	margin: 10px;
      }

/* phone */
@media screen and (max-width: 428px){
#work{
	width: 95%;}
.parent{
	width: 95%;}
.child,img{
	width: 143px;
	height: 143px;}
	
.subt{
	text-align: center;
	font-size:12px;
}}

      
/* PC */
@media screen and (min-width: 750px){
#top-block{
	width:80%;}
.parent{
	width: 100%}
.child,img{
	width: 132px;
	height: 132px;}
.subt{
	text-align: center;
	font-size:15px;}
}