.usage-main{margin-top:40px}@media (max-width: 767px){.usage-main{margin-top:14px}}.usage-main .type-list{width:860px;max-width:100%;margin:auto;display:flex;flex-wrap:wrap}@media (max-width: 767px){.usage-main .type-list{justify-content:space-between}}.usage-main .type-list .type-item{border:1px solid black;text-align:center;padding:12px 0 11px}@media (min-width: 768px){.usage-main .type-list .type-item{width:200px;max-width:23.3%;transition:opacity 0.3s, border-color 0.3s;will-change:opacity, border-color;cursor:pointer}}@media only screen and (min-width: 768px) and (min-width: 1025px){.usage-main .type-list .type-item:hover{opacity:0.5}}@media (min-width: 768px){.usage-main .type-list .type-item:not(:nth-child(-n+4)){margin-top:20px}.usage-main .type-list .type-item:not(:nth-child(4n+1)){margin-left:2.2667%}}@media (max-width: 767px){.usage-main .type-list .type-item{width:calc((100% - 10px) / 2);padding:5px 0 0}.usage-main .type-list .type-item:not(:nth-child(-n+2)){margin-top:10px}}.usage-main .type-list .type-item__name{font-size:20px;font-size:2rem;line-height:1.5em;transition:color 0.3s;will-change:color}@media (max-width: 767px){.usage-main .type-list .type-item__name{font-size:14px;font-size:1.4rem;line-height:1.42857em}}.usage-main .type-list .type-item__txt{width:100%;font-size:14px;font-size:1.4rem;line-height:1.42857em;background-color:black;color:white;padding:4px 0;margin-top:10px;transition:background 0.3s;will-change:background}@media (max-width: 767px){.usage-main .type-list .type-item__txt{font-size:10px;font-size:1rem;line-height:1.4em;margin-top:4px;padding:1px 0}}.usage-main .type-list .type-item.is-active{border-color:#e7344a;pointer-events:none}.usage-main .type-list .type-item.is-active .type-item__name{color:#e7344a;font-weight:bold}.usage-main .type-list .type-item.is-active .type-item__txt{background-color:#e7344a;font-weight:bold}.usage-main .type-content{display:none;margin-top:50px}@media (max-width: 767px){.usage-main .type-content{margin-top:40px}}.usage-main .type-content.is-active{display:block}.usage-main .type-content .type-bg{background-color:#efefef;position:relative;padding:50px}@media only screen and (max-width: 1023px){.usage-main .type-content .type-bg{padding:30px}}@media (max-width: 767px){.usage-main .type-content .type-bg{padding:20px}}.usage-main .form-label-put-type{display:block;font-size:16px;font-size:1.6rem;line-height:1.5em;border:1px solid black;border-radius:27px;text-align:center;background-color:white;transition:color 0.3s, border-color 0.3s, background 0.3s, font-weight 0.3s;padding:9px 10px}@media (max-width: 767px){.usage-main .form-label-put-type{font-size:12px;font-size:1.2rem;line-height:1.33333em;padding:7px 2px;border-radius:6px}}@media only screen and (max-width: 374px){.usage-main .form-label-put-type{font-size:11px;font-size:1.1rem;line-height:1.45455em}}.usage-main .form-label{font-size:16px;font-size:1.6rem;line-height:1.5em;width:calc(100% - 20px);padding-left:6px}@media (max-width: 767px){.usage-main .form-label{font-size:15px;font-size:1.5rem;line-height:1.33333em}}.usage-main .form-radio--hidden{position:absolute;opacity:0}.usage-main .form-radio--hidden:checked+.form-label-put-type{color:white;border-color:#e7344a;background-color:#e7344a;font-weight:bold}.usage-main .form-select-wrapper{position:relative;width:calc(100% - 36px)}.usage-main .form-select-wrapper .form-select{-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none;border:1px solid black;width:100%;display:block;font-size:16px;font-size:1.6rem;line-height:1.5em;font-family:"Noto Sans JP",sans-serif;height:40px;padding:7px 15px;padding-right:22px}@media (max-width: 767px){.usage-main .form-select-wrapper .form-select{font-size:14px;font-size:1.4rem;line-height:1.42857em;padding:7px 15px;padding-right:22px;height:36px}}.usage-main .form-select-wrapper .form-select-txt{position:absolute;left:0;top:0;width:100%;height:100%;z-index:2;background-color:white;font-size:16px;font-size:1.6rem;line-height:1.5em;font-family:"Noto Sans JP",sans-serif;border:1px solid black;pointer-events:none;padding:7px 15px;padding-right:22px}@media (max-width: 767px){.usage-main .form-select-wrapper .form-select-txt{font-size:14px;font-size:1.4rem;line-height:1.42857em;padding:7px 15px;padding-right:22px}}.usage-main .form-select-wrapper .form-select-txt::before{content:"";position:absolute;right:9px;top:50%;width:0px;height:0px;margin-top:-5px;border-style:solid;border-width:10px 8px 0 8px;border-color:#000000 transparent transparent transparent}.usage-main .form-checkbox{width:20px;height:20px;border-radius:0;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none;border:1px solid black;background-color:white}.usage-main .form-checkbox:checked{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='9.65' viewBox='0 0 10 9.65'%3E%3Cpath d='M12.817,4.028l-.9-.61a.544.544,0,0,0-.754.143l-4.4,6.484L4.747,8.025a.543.543,0,0,0-.766,0l-.768.768a.545.545,0,0,0,0,.768L6.32,12.668a1.054,1.054,0,0,0,.694.307.835.835,0,0,0,.655-.387L12.961,4.78A.541.541,0,0,0,12.817,4.028Z' transform='translate(-3.055 -3.325)'/%3E%3C/svg%3E%0A") center/10px 10px no-repeat}.usage-main .type-child-tab{position:absolute;bottom:calc(100% + 2px);left:0;width:100%;display:flex;justify-content:center;align-items:flex-end}@media (max-width: 767px){.usage-main .type-child-tab{bottom:100%}}.usage-main .type-child-tab .type-child-tab-item{width:240px;max-width:calc((100% - 14px) / 2);background-color:black;text-align:center;display:block;padding:0 20px;transition:opacity 0.3s;cursor:pointer}@media only screen and (min-width: 1025px){.usage-main .type-child-tab .type-child-tab-item:hover{opacity:0.5}}@media (max-width: 767px){.usage-main .type-child-tab .type-child-tab-item{max-width:calc((100% - 16px) / 2);width:150px}}.usage-main .type-child-tab .type-child-tab-item+.type-child-tab-item{margin-left:14px}@media (max-width: 767px){.usage-main .type-child-tab .type-child-tab-item+.type-child-tab-item{margin-left:16px}}.usage-main .type-child-tab .type-child-tab-item label{display:block;font-size:14px;font-size:1.4rem;line-height:1.42857em;color:white;padding:6px 0}.usage-main .type-child-tab .type-child-tab-item.is-active{background-color:#efefef;margin-bottom:-4px}.usage-main .type-child-tab .type-child-tab-item.is-active label{position:relative;font-size:16px;font-size:1.6rem;line-height:1.625em;font-weight:bold;padding:10px 0;color:black}@media (max-width: 767px){.usage-main .type-child-tab .type-child-tab-item.is-active label{font-size:14px;font-size:1.4rem;line-height:1.42857em;padding:13px 0}}.usage-main .type-child-tab .type-child-tab-item.is-active label::before{content:"";position:absolute;left:0;bottom:2px;width:100%;height:2px;background-color:#e7344a}.usage-main .type-category-grid{display:flex;flex-wrap:wrap}@media (max-width: 767px){.usage-main .type-category-grid{justify-content:space-between}}@media (min-width: 768px){.usage-main .type-category-grid .type-item{width:calc((100% - 40px) / 3)}.usage-main .type-category-grid .type-item:not(:nth-child(3n+1)){margin-left:20px}.usage-main .type-category-grid .type-item:not(:nth-child(-n+3)){margin-top:20px}}@media (max-width: 767px){.usage-main .type-category-grid .type-item{width:100%}.usage-main .type-category-grid .type-item+.type-item{margin-top:20px}}.usage-main .type-category-grid .type-item__link{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;background:white;text-align:center;padding:12px 10px 10px}.usage-main .type-category-grid .type-item .type-item-thumb{display:block;width:246px;max-width:100%;position:relative}.usage-main .type-category-grid .type-item .type-item-thumb:before{display:block;content:" ";width:100%;padding-top:58.53659%}.usage-main .type-category-grid .type-item .type-item-thumb>.content{position:absolute;top:0;left:0;right:0;bottom:0}.usage-main .type-category-grid .type-item__name{font-size:16px;font-size:1.6rem;line-height:1.5em;font-weight:bold;margin-top:10px}.usage-main .size-input{display:none}@media (min-width: 768px){.usage-main .size-input{width:393px;max-width:50.5%;padding-left:20px}}@media (max-width: 767px){.usage-main .size-input{margin-top:30px}}.usage-main .size-input.is-active{display:block}.usage-main .size-input.is-input-only .size-row{flex-wrap:wrap;align-items:center;justify-content:flex-start}.usage-main .size-input.is-input-only .size-row__label{display:block;width:100%}.usage-main .size-input.is-input-only .size-row__input{width:130px;margin-right:9px}@media only screen and (max-width: 1023px){.usage-main .size-input.is-input-only .size-row__input{width:100px;margin-right:5px}}.usage-main .size-input.is-input-only .size-row__unit{width:30px;padding:0;margin-right:10px}@media only screen and (max-width: 1023px){.usage-main .size-input.is-input-only .size-row__unit{margin-right:5px}}.usage-main .size-input.is-input-only .size-row__unit:last-child{margin:0}.usage-main .size-input.is-input-only .size-row__sign{margin-right:9px;font-size:16px;font-size:1.6rem;line-height:1.5em}@media only screen and (max-width: 1023px){.usage-main .size-input.is-input-only .size-row__sign{margin-right:5px}}@media only screen and (max-width: 1023px){.usage-main .size-input.is-input-only .size-row__sign{font-size:14px;font-size:1.4rem;line-height:1.42857em}}.usage-main .size-row{display:flex;justify-content:space-between}@media (max-width: 767px){.usage-main .size-row{justify-content:center}}.usage-main .size-row+.size-row{margin-top:20px}@media (max-width: 767px){.usage-main .size-row+.size-row{margin-top:14px}}.usage-main .size-row__label{display:block;font-size:16px;font-size:1.6rem;line-height:1.5em;width:100%;margin-bottom:5px}@media (max-width: 767px){.usage-main .size-row__label{font-size:15px;font-size:1.5rem;line-height:1.33333em}}.usage-main .size-row__input{border:1px solid black;font-size:16px;font-size:1.6rem;line-height:1.5em;font-family:"Noto Sans JP",sans-serif;padding:7px 10px;width:calc(100% - 36px)}@media (max-width: 767px){.usage-main .size-row__input{font-size:14px;font-size:1.4rem;line-height:1.42857em;width:140px;max-width:calc(100% - 36px)}}.usage-main .size-row__unit{width:36px;padding-left:5px;font-size:16px;font-size:1.6rem;line-height:1.5em}@media (max-width: 767px){.usage-main .size-row__unit{font-size:14px;font-size:1.4rem;line-height:1.42857em}}.usage-main .size-row .size-cell{position:relative;display:flex;flex-wrap:wrap;align-items:center}.usage-main .size-row .size-cell:first-child{width:207px;max-width:57.5%}.usage-main .size-row .size-cell:last-child{width:126px;max-width:40%}@media (max-width: 767px){.usage-main .size-row .size-cell:last-child{margin-left:2.5%}}.usage-main .type-put,.usage-main .type-load{margin-top:94px}@media (max-width: 767px){.usage-main .type-put,.usage-main .type-load{margin-top:72px}}.usage-main .type-put .type-bg,.usage-main .type-load .type-bg{padding:40px 20px}@media (max-width: 767px){.usage-main .type-put .type-bg,.usage-main .type-load .type-bg{padding:24px 15px 20px}}.usage-main .type-put .input-cnt,.usage-main .type-load .input-cnt{width:900px;max-width:100%;margin:0 auto}@media (min-width: 768px){.usage-main .type-put .input-cnt,.usage-main .type-load .input-cnt{display:flex;justify-content:space-between;align-items:center}}.usage-main .type-put .input-cnt .img-desc,.usage-main .type-load .input-cnt .img-desc{display:none}@media (min-width: 768px){.usage-main .type-put .input-cnt .img-desc,.usage-main .type-load .input-cnt .img-desc{width:426px;max-width:49.5%}}@media only screen and (min-width: 768px) and (max-width: 1023px){.usage-main .type-put .input-cnt .img-desc,.usage-main .type-load .input-cnt .img-desc{width:330px}}@media (max-width: 767px){.usage-main .type-put .input-cnt .img-desc,.usage-main .type-load .input-cnt .img-desc{text-align:center}}.usage-main .type-put .input-cnt .img-desc.is-active,.usage-main .type-load .input-cnt .img-desc.is-active{display:block}.usage-main .type-put .put-type{width:864px;margin:auto;max-width:100%;display:flex;flex-wrap:wrap;justify-content:center}@media (min-width: 768px){.usage-main .type-put .put-type{max-width:calc(100% - 40px)}}.usage-main .type-put .put-type .put-type-item{position:relative;width:200px;max-width:23.15%}@media (max-width: 767px){.usage-main .type-put .put-type .put-type-item{width:100px;max-width:calc((100% - 20px) / 3)}}.usage-main .type-put .put-type .put-type-item:not(:nth-child(-n+3)){margin-top:30px}.usage-main .type-put .put-type .put-type-item:not(:nth-child(3n+1)){margin-left:3.472%}@media (max-width: 767px){.usage-main .type-put .put-type .put-type-item:not(:nth-child(3n+1)){margin-left:10px}}.usage-main .type-put .input-cnt{margin-top:50px}@media (max-width: 767px){.usage-main .type-put .input-cnt{margin-top:30px}}.usage-main__submit{margin:50px auto 0;width:260px}@media (max-width: 767px){.usage-main__submit{margin-top:20px}}.usage-main__submit span{padding:10px 0}