@charset "utf-8";

#design { border-bottom: solid 0.5px #969696;}
#design .inner-sct { padding: 80px 0 120px;}
#design .ctn { position: relative; width: 88%; max-width: 900px; margin: 0 auto;}
#design .ctn.tit-L { padding-left: 160px;}
#design .ctn.tit-R { margin-bottom: 120px; padding-right: 140px;}
#design .ctn .tit { position: absolute; top: 0; width: 100px; height: 580px;}
#design .ctn.tit-L .tit { left: 0;}
#design .ctn.tit-R .tit { right: 0;}
#design .ctn .tit h3 { font-size: clamp(24px,3.6vw,36px); letter-spacing: 0.15rem; line-height: 1.6; writing-mode: vertical-rl;}
#design .ctn .tit h3.indent { text-indent: -0.5em; }

#design figure { margin-bottom: 40px; text-align: center;}
#design figure img { width: 100%;}

#design .txt p { font-size: 20px; letter-spacing: 0.1rem; line-height: 1.8;}

#design .pht { width: 88%; max-width: 900px; margin: 0 auto 120px;}
#design .pht ul { display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; font-size: 0;}
#design .pht ul li:nth-child(1) { width: calc(50% - 8px);}
#design .pht ul li:nth-child(2) { width: calc(50% - 8px);}
#design .pht ul li:nth-child(3) { width: 100%; padding-top: 16px;}
#design .pht ul li img { width: 100%;}

@media (max-width: 1281px) {
	#design .txt p { font-size: 18px;}
}
@media (max-width: 801px) {
	#design .ctn.tit-L { padding-left: 120px;}
	#design .ctn.tit-R { margin-bottom: 80px; padding-right: 120px;}
	#design .ctn .tit { width: 80px;}

	#design .txt p { font-size: 16px;}

	#design .pht { margin-bottom: 80px;}
	#design .pht ul li:nth-child(1) { width: calc(50% - 4px);}
	#design .pht ul li:nth-child(2) { width: calc(50% - 4px);}
	#design .pht ul li:nth-child(3) { width: 100%; padding-top: 8px;}
}
@media (max-width: 481px) {
	#design .inner-sct { padding: 40px 0px;}
	#design figure { margin-bottom: 20px;}
	#design .ctn.tit-L { padding-left: 70px;}
	#design .ctn.tit-R { margin-bottom: 40px; padding-right: 70px;}

	#design .ctn .tit { width: 50px;}
	#design .ctn .tit h3 { font-size: 20px;}
	#design .txt p { font-size: 12px; letter-spacing: 0.05rem; }

	#design .pht { margin-bottom: 40px;}
}