@charset "utf-8"; 
	html {
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		font-size: 62.5%;         
	/-moz-appearance	    }
	
	body {
		font-size:16px; /* 1.6em */
		font-family:'Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック',YuGothic,'Yu Gothic','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	}
	
* {
	padding: 0px;
	margin: 0px;
}

	*, 
	*:before, *:after {
	-webkit-box-sizing: inherit;
	box-sizing: inherit;
	}
	
	p {
		font-size: clamp(1.4rem, 2.5vw, 2.4rem);   
		line-height: 1.4;
	}
	
	h2 {
		font-size:  clamp(1.8rem, 2.5vw, 2.8rem);  
		line-height: 1.4;
		font-weight: 600;
	}
	

.colorsample img {
	width: 100vw;
	height: auto;
	positiion:relative;
	margin-top: 6rem;
}
.colorsample p {
	position: absolute;
	 top: 20vw;
	  width: 100%;
	  color: orange;
	  font-size: clamp(2.6rem, 6vw, 6.4rem);
	  font-weight: 700;
	  text-align: center;
  }
  
  
  .note {
	  font-size: 3.2rem;
	  font-weight: 700;
	  text-align: center;
	  width: 350px; 
	  padding-top: 60px;
	  padding-bottom: 0;
	  margin: 0 auto;  
	  color: black;
  }
  .note-small {
	  font-size: 1.2rem;
	  text-align: center;
	  margin: 0 auto;
	  color: black;
	  padding-top: 3rem;
  }
  
  
 
 #container {
	 position: relative;
	 padding: 2.5% 0;
	 display: flex;
	 flex-direction: row;
	 flex-wrap: wrap;
	 justify-content: center;

 }
 .flex > *{
	 min-width: 8%;
	 background: #fff;
	 font-size: 30px;
	 text-align: center;
 }
 
 .flex,
 .flex > *{
		 border: 3px solid #aaa;
	 }

div.imagebox {
	border: 1px dashed #ffffff;
	background-color: #ffffff;
	width: 310px;
	float:  left;
	margin: 5px;
}
p.image, p.caption {
	text-align: left;
	margin: 5px;
}
p.caption {
	width: 270px;
	padding: 0px 10px 8px 30px;
	color: black;
	margin-left: 20px;
}

.image {
	max-width: 97.3%;
	height: auto;
	vertical-align: middle;
	line-height: 0.2em;
	border: solid 1px #757373;
}



		
		footer .logo {
			position: relative;
			display: block;
			margin: auto 38vw 1vw auto;	
		}
		

		
		footer small {
			position: relative;
			display: block;
			text-align: center;
			color: gray;
			font-size: 1.2rem;
			margin-bottom: 1vw;
		}