@charset "utf-8";

/* -------------------------------------------------------------------
innerの設定
------------------------------------------------------------------- */
.making-inner{
	width:min(90%,1336px);
	margin: 0 auto;
	padding:0em 0 0em;
}
.making-main{
	margin:20px auto 0px;
	width:min(100%, 800px);
}


.making-main .border{
	border-radius:6px;
	background:#e7cc52;
	height:10px;
	margin:0 0 15px;
}
@media screen and (min-width:768px){
.making-main .border{
	height:20px;
	}
}
.making-main h2{
	margin:25px 0 45px;
}
.making-main dl{
	margin:30px 0 50px;
}

.making-main dt{
	color:#00b7d3;
	font-size:clamp(16px, 4.5vw, 20px);
	font-weight:700;
	letter-spacing:2px;
	margin:0 0 8px;
}
.making-main dd{
	font-size:clamp(13px, 3.8vw, 16px);
	letter-spacing:2px;
}

.making-main .indent-text{
	display:block;
	margin:10px 0;
}
.making-main ul{
	margin:30px 0;
}
.making-main ul li{
	font-size:clamp(16px, 4vw, 16px);
	letter-spacing:2px;
	font-weight:700;
}
.making-main figure{
	text-align:center;
	margin:60px 0 120px;
}

.photo .stage1{
	display:grid;
	grid-template-columns:1fr 1fr;
}
.photo .stage2{
	display:grid;
	grid-template-columns:1fr 1fr 1fr;
}