@charset "utf-8";
#company .inner-sct { padding: 80px 0 120px;}
#company .ctn { width: 88%; max-width: 900px; margin: 0 auto;}
#company h2 { margin-bottom: 80px; text-align: center;}
#company h2 img { width: 50%; max-width: 300px;}
#company h3 { margin-bottom: 60px; font-size: clamp(21px,3.6vw,36px); font-weight: 600; text-align: center;}
#company p { margin-bottom: 80px; font-size: 18px; letter-spacing: 0.15rem; line-height: 2.4; text-align: center;}

#company .info { width: 88%; max-width: 820px; margin: 0 auto;}
#company .info ul { border-top: solid 1px #969696;}
#company .info ul li { position: relative; padding: 15px 12px; border-bottom: solid 1px #969696;}
#company .info ul li dl { display: table; width: 100%;}
#company .info ul li dl dt,
#company .info ul li dl dd { display: table-cell; line-height: 1.4;}
#company .info ul li dl dt { width: 200px; font-size: 16px; letter-spacing: 0.1rem; }
#company .info ul li dl dd { width: auto; font-size: 16px; letter-spacing: 0.1rem;}
#company .info ul li dl dd a:hover { text-decoration: none;}
@media (max-width: 1281px) {
	#company p { font-size: 16px;}
	#company .info ul li dl dt { width: 150px;}
}
@media (max-width: 801px) {
	#company h2 { margin-bottom: 60px;}
	#company h3 { margin-bottom: 40px;}
	#company p { margin-bottom: 60px;}
	#company p span { display: block;}

	#company .box ul li { font-size: 16px;}
	#company .info ul li dl dt { font-size: 14px;}
	#company .info ul li dl dd { font-size: 14px;}
}
@media (max-width: 481px) {
	#company .inner-sct { padding: 40px 0px 60px;}
	#company h2 { margin-bottom: 40px;}
	#company h3 { margin-bottom: 30px; font-size: 18px;}
	#company p { margin-bottom: 40px; font-size: 13px; letter-spacing: 0.05rem;}

	#company .info ul li { padding: 12px 8px;}
	#company .info ul li dl dt,
	#company .info ul li dl dd { display: block;}
	#company .info ul li dl dt { width: 100%; margin-bottom: 4px; font-size: 13px; font-weight: 700;}
	#company .info ul li dl dd { width: 100%; font-size: 12px; letter-spacing: 0.05rem;}
}


#compliance .inner-sct { padding: 40px 0 120px;}
#compliance .ctn { width: 88%; max-width: 800px; margin: 0 auto; padding: 60px 0; border-bottom: dashed 0.5px #969696;}
#compliance .ctn:last-child { border-bottom: none;}
#compliance h3 { margin-bottom: 30px; font-size: clamp(20px,3.0vw,30px); font-weight: 600; text-align: center;}
#compliance .txt-1 { width: 100%; margin: 0 auto;}
#compliance .txt-1 p { font-size: 18px; letter-spacing: 0.15rem; line-height: 2.0;}

#compliance picture { display: block; text-align: center;}
#compliance picture img { width: 100%;}

#compliance .txt-2 { width: 100%; margin: 0 auto;}
#compliance .txt-2 p { margin-bottom: 30px; font-size: 18px; letter-spacing: 0.15rem;}
#compliance .txt-2 dl dt { font-size: 18px; font-weight: 600; letter-spacing: 0.15rem;}
#compliance .txt-2 dl dd { font-size: 16px; letter-spacing: 0.05rem;}

@media (max-width: 1281px) {
}
@media (max-width: 801px) {
	#compliance .inner-sct { padding: 30px 0 100px;}
	#compliance .ctn { padding: 40px 0;}
	#compliance h3 { margin-bottom: 20px;}
	#compliance .txt-1 p { font-size: 16px;}
	#compliance .txt-2 p { font-size: 16px;}
	#compliance .txt-2 dl dt { font-size: 16px;}
	#compliance .txt-2 dl dd { font-size: 14px;}
}
@media (max-width: 641px) {
	#compliance h3 { font-size: 18px;}
	#compliance picture { width: 80%; margin: 0 auto;}
}
@media (max-width: 481px) {
	#compliance .inner-sct { padding: 0px 0px 40px;}
	#compliance h3 { font-size: 16px;}
	#compliance .txt-1 p { font-size: 13px; letter-spacing: 0.05rem;}
	#compliance picture { width: 85%; margin: 0 auto;}
	#compliance .txt-2 p { margin-bottom: 20px; font-size: 13px; letter-spacing: 0.05rem;}
	#compliance .txt-2 dl dt { font-size: 13px; letter-spacing: 0.05rem;}
	#compliance .txt-2 dl dd { font-size: 12px; letter-spacing: 0rem;}

}


#policy .inner-sct { padding: 90px 0 120px;}
#policy .ctn { width: 88%; max-width: 900px; margin: 0 auto;}
#policy h2 { margin-bottom: 40px; font-size: clamp(21px,3.6vw,36px); font-weight: 600; text-align: center;}
#policy ol { margin-bottom: 40px;}
#policy ol li { padding: 20px 0; font-size: 18px; letter-spacing: 0.1rem; list-style-type: decimal;}
#policy ol li span { display: block; font-size: 20px; font-weight: 700; letter-spacing: 0.15rem;}
#policy ol li ol { margin-bottom: 0px; padding-top: 10px; padding-left: 20px;}
#policy ol li ol li { padding: 4px 0; font-size: 16px; letter-spacing: 0.05rem; line-height: 1.4; text-indent: -1.25em;
 list-style-type: none; list-style-position: inside; counter-increment: cnt;
}
#policy ol li ol li::before { display: marker; content: counter(cnt) ") ";}
#policy ol li dl { padding-top: 10px;}
#policy ol li dl dt { font-size: 16px; font-weight: 700;}
#policy ol li dl dd { font-size: 16px;}

#policy p.update { font-size: 18px; letter-spacing: 0.1rem; text-align: right;}

@media (max-width: 801px) {
	#policy ol li { font-size: 16px;}
	#policy ol li span { font-size: 18px;}
	#policy ol li ol li { font-size: 14px;}
	#policy ol li dl dt { font-size: 14px;}
	#policy ol li dl dd { font-size: 14px;}
	#policy p.update { font-size: 16px;}
}
@media (max-width: 481px) {
	#policy .inner-sct { padding: 40px 0 80px;}
	#policy h2 { margin-bottom: 20px;}
	#policy ol { margin-bottom: 20px; padding-left: 15px;}
	#policy ol li { padding: 12px 0; font-size: 13px; letter-spacing: 0.05rem;}
	#policy ol li span { font-size: 15px; letter-spacing: 0.1rem;}
	#policy ol li ol { padding-left: 15px;}
	#policy ol li ol li { font-size: 12px;}
	#policy ol li dl dt { font-size: 13px;}
	#policy ol li dl dd { font-size: 12px;}
	#policy p.update { font-size: 12px; letter-spacing: 0rem;}
}