main { display:flex; justify-content:center; padding:100px 0; }
main > .container { width:100%; max-width:1280px; padding-left:10px; padding-right:10px; }

main h1 { margin-top:60px; display:flex; justify-content:center; align-items:center; }
main h1 span { position:relative; font-size:40px; font-weight:500; }
main h1 span::after { content:""; position:absolute; right:10px; top:0; transform:translateX(100%) rotate( 20deg ); width:25px; height:25px; border:2px solid #FE8130; border-radius:5px; z-index:-1; }

main input { width:100%; height:100%; }
#sub05 .content { margin-top:20px; position:relative; width:100%; max-width:800px; height:100%; place-self:center; }
#sub05 .content > h2 { margin-top:30px; font-weight:bold; font-size:24px; }
#sub05 .content > h2 span { margin-left:10px; font-size:14px; color: #909090; font-weight:normal; }
#sub05 .content > .wrap { margin-top:20px; display: grid; grid-template-columns:160px 1fr; }
#sub05 .content > .wrap .fieldname { font-size:16px; color: #555; padding-left:30px; padding-top:26px; padding-bottom:26px; background:#F5F5F5; }
#sub05 .content > .wrap > div { border-bottom: 1px solid #E9E9E9; }
#sub05 .content > .wrap > .field { padding:10px 20px 10px 20px; }
#sub05 .content > .wrap > .field input { background-color: #fafafa; padding-left:20px; border-radius:5px; }
#sub05 .content > .wrap > .field textarea { background-color: #fafafa; height:200px; padding:20px; border-radius:5px; }

#sub05 .fieldfile { display:grid; gap:10px; grid-template-columns:1fr 120px ; }
#sub05 .fieldfile .buttonwrap { display:flex; justify-content:center; align-items:flex-end; padding-bottom:5px; }

#sub05 .fieldfile .jw-button { width:100px; height:48px; }

#inputFilebox { flex:1; }

#sub05 .content > .fieldconfirm { margin-top:20px; display:flex; justify-content:space-between; align-items:center; }
#sub05 .content > .fieldconfirm button { width:160px; height:48px; color:#fff; background-color:#8B4513; border-radius:5px; display:flex; justify-content:center; align-items:center; }
#sub05 .content > .fieldconfirm button i { width:10px; height:10px; transform:rotate(45deg); border:1px solid transparent; border-color:#fff #fff transparent transparent; cursor:pointer; }

#sub05:has( .confirm_content ) { height:100vh; }
#sub05:has( .confirm_content ) > .w { font-size:20px; line-height:160%; display:flex; justify-content:center; align-items:center; text-align:center; }
#sub05:has( .confirm_content ) > .w a { font-size:14px; width:100px; height:35px; color:#fff; background:#FE8130; border-radius:5px; padding:5px 10px; display:flex; justify-content:center; align-items:center; margin-left:50%; transform:translateX(-50%); }

.confirm_content { margin-top:80px; text-align:center; line-height:160%; font-size:18px;  }
.confirm_content > a { margin-top:40px; color:#444; height:50px; border-radius:25px; font-size:18px; display:flex; justify-content:center; align-items:center;; fill:#444; border: 1px solid #444; padding:0 60px; }



#sub05 .inputFile .value span { overflow:hidden; white-space:nowrap;  text-overflow:ellipsis;  word-break:break-all;  }

@media screen  and  ( max-width : 600px) {
	#sub05 .content > .wrap { grid-template-columns:1fr; }
	#sub05 .content > .wrap .fieldname { padding:0; padding-top:10px; padding-bottom:10px; background:transparent; }
	#sub05 .content > .wrap > .field { padding:0; min-height:50px; }
	#sub05 .content > .fieldconfirm { flex-direction:column;gap:20px; }
}