.c-percentage-cal{width:100%;padding:0 24px 24px;font-weight:500;font-size:15px;line-height:22px;color:var(--c-pri-black);font-family:Outfit}.c-percentage-cal .input-box{flex:1}.c-percentage-cal .input-box .input-wrapper{display:flex}.c-percentage-cal .input-box .input-wrapper input{flex:1;width:100%}.c-percentage-cal .input-box .input-wrapper .input-disabled{background-color:var(--c-white);color:var(--c-sub-grey-01)}.c-percentage-cal .input-box .fix-box{font-weight:500;background:var(--c-sub-grey-05);color:var(--c-pri-black)}.c-percentage-cal .item{display:flex;align-items:center;justify-content:space-between;margin-top:24px}.c-percentage-cal .q{display:flex;align-items:center;flex:1;margin-right:24px}.c-percentage-cal .q>*{margin-left:16px}.c-percentage-cal .q>:first-child{margin-left:0}.c-percentage-cal .for-mobile{display:none;margin:0}.c-percentage-cal .a{width:240px}.c-percentage-cal .select-box{width:165px}@media screen and (max-width:1023px){.c-percentage-cal .long-text{width:100%;margin-bottom:16px}.c-percentage-cal .item.ci4{align-items:flex-end}.c-percentage-cal .item.ci4 .q{flex-wrap:wrap}.c-percentage-cal .item.ci4 .q .ci4-i1{margin-left:0}}@media screen and (max-width:767px){.c-percentage-cal{padding:0 16px}.c-percentage-cal .item{flex-wrap:wrap;margin-top:0;padding:20px 0;border-bottom:1px solid var(--c-sub-grey-04)}.c-percentage-cal .item:last-child{border:none}.c-percentage-cal .for-pc{display:none;margin:0}.c-percentage-cal .for-mobile{display:block;margin-left:16px}.c-percentage-cal .for-mobile.sp{width:100%;margin:8px 0}.c-percentage-cal .q{width:100%;flex-wrap:wrap;margin-right:0}.c-percentage-cal .q .ml0{margin-left:0}.c-percentage-cal .a{margin-top:16px;width:100%}.c-percentage-cal .a .input-box,.c-percentage-cal .select-box{width:100%}}