@import"https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap";body{background:#fff}.c-flex__sb{display:flex;justify-content:space-between}#p-generate{width:1000px;margin:0 auto;padding:30px 0;background:#fff}@media only screen and (max-width: 768px){#p-generate{width:95%;margin:0 auto;padding:15px 0}}#p-generate img{width:100%}.p-page-title{font-size:36px;line-height:70px;font-weight:bold;margin-bottom:20px;text-align:center;background-color:#1d2088;color:#fff}@media only screen and (max-width: 768px){.p-page-title{font-size:18px;line-height:35px;margin-bottom:10px}}.p-page-title__description{font-size:24px;line-height:40px;color:#1d2088;font-weight:500;text-align:center;padding-bottom:40px;text-align:left;font-family:"Noto Sans JP",sans-serif}@media only screen and (max-width: 768px){.p-page-title__description{font-size:12px;line-height:18px;padding-bottom:20px;text-align:left}}.p-adjust{padding-left:20px}@media only screen and (max-width: 768px){.p-adjust{padding-left:10px}}.p-form-title{display:flex;align-items:center;flex-wrap:wrap;margin-bottom:20px}@media only screen and (max-width: 768px){.p-form-title{margin-bottom:10px}}.p-form-title .p-form-step{width:110px;padding-right:20px}@media only screen and (max-width: 768px){.p-form-title .p-form-step{width:40px;padding-right:10px}}.p-form-title .p-form-title_text{font-size:24px;line-height:30px;color:#1d2088;margin-bottom:5px;font-family:"Noto Sans JP",sans-serif;font-weight:500}@media only screen and (max-width: 768px){.p-form-title .p-form-title_text{font-size:11.5px;line-height:19px;width:90%}}.p-form-title .p-form-title_text small{display:block;font-size:14px;font-weight:200;line-height:24px;color:#000;padding-top:10px}@media only screen and (max-width: 768px){.p-form-title .p-form-title_text small{font-size:10px;line-height:18px}}.p-form-title .p-form-at{width:100%;padding-left:130px}.description{font-size:16px;line-height:24px}@media only screen and (max-width: 768px){.description{font-size:12px;line-height:18px}}.error-box{background:#fff0f0;border:2px solid #c00;padding:12px 16px;margin-bottom:20px;color:#c00;font-weight:bold}.section-title{font-size:24px;line-height:42px;padding-bottom:10px;font-family:"Noto Sans JP",sans-serif;font-weight:500}@media only screen and (max-width: 768px){.section-title{font-size:13.5px;line-height:21px;padding-bottom:10px}}.section-title small{font-size:16px;line-height:24px;padding-left:20px}@media only screen and (max-width: 768px){.section-title small{font-size:8px;display:block;line-height:12px;padding-left:10px}}.p-toromi-images{padding-bottom:40px}@media only screen and (max-width: 768px){.p-toromi-images{padding-bottom:20px}}.p-toromi-images p{width:300px}@media only screen and (max-width: 768px){.p-toromi-images p{width:30%}}.section-toromi-images{padding:0 20px}.section-common{margin-bottom:24px}@media only screen and (max-width: 768px){.section-common{margin-bottom:12px}}.form-table-common{display:flex;gap:24px}@media only screen and (max-width: 768px){.form-table-common{flex-direction:column;gap:0px}}.common-item{display:flex;align-items:center}.common-label{padding:8px 12px 8px 0;font-size:16px;white-space:nowrap;font-weight:normal;min-width:90px}@media only screen and (max-width: 768px){.common-label{padding:4px 6px;font-size:11.2px;width:15%}}.p-adjust-f{margin-bottom:40px}.common-input{padding:8px 24px 8px 0}.common-input input{padding:15px 8px;font-size:14px;border:1px solid #aaa;border-radius:4px;width:600px}@media only screen and (max-width: 768px){.common-input input{padding:4px 6px;font-size:12px;width:150%}}.common-select{padding:8px 12px 8px 8px}@media only screen and (max-width: 768px){.common-select{padding:4px 12px 4px 4px}}.common-select select{padding:15px 8px;font-size:14px;border:1px solid #aaa;border-radius:4px;min-width:300px}@media only screen and (max-width: 768px){.common-select select{padding:4px 6px;font-size:12px;min-width:140px}}.section-drinks{background:#fff799;padding:40px 20px;margin-bottom:40px}@media only screen and (max-width: 768px){.section-drinks{padding:20px 10px;margin-bottom:20px}}.section-description{font-size:16px;line-height:24px;margin:0 0 35px 0}@media only screen and (max-width: 768px){.section-description{font-size:12px;line-height:18px;margin:0 0 20px 0}}.form-table-drinks{width:100%;padding-bottom:35px}@media only screen and (max-width: 768px){.form-table-drinks{padding-bottom:20px}}.drink-row{display:flex;align-items:center;justify-content:space-between;border-bottom:2px dotted #9fa0a0;padding:5px 0;flex-wrap:wrap}.drink-row:last-child{border-bottom:none}.td-drink-label{padding:10px 12px;font-size:14px;white-space:nowrap;width:100px;flex-shrink:0}@media only screen and (max-width: 768px){.td-drink-label{width:22%;padding:4px 0 2px;font-size:12px}}.td-drink-select{width:205px;padding:10px 0px}@media only screen and (max-width: 768px){.td-drink-select{width:75%;padding:8px 0px}}.td-drink-select select{padding:15px 8px;font-size:14px;border:1px solid #aaa;border-radius:4px}@media only screen and (max-width: 768px){.td-drink-select select{padding:8px 0}}.drink-select{padding:6px 8px;font-size:14px;border:1px solid #9fa0a0;border-radius:4px;min-width:200px;margin-right:50px;width:200px}@media only screen and (max-width: 768px){.drink-select{min-width:10%;width:90%;margin-right:5%}}.td-slider-label{padding:10px 0;font-size:14px;white-space:nowrap;flex-shrink:0;width:75px;text-align:right}@media only screen and (max-width: 768px){.td-slider-label{width:15%}}.td-slider{padding:10px 8px;width:400px;flex-shrink:0;display:flex;align-items:center;gap:6px}@media only screen and (max-width: 768px){.td-slider{width:55%}}.drink-slider{flex:1;cursor:pointer;accent-color:#0375ff}.slider-btn{flex-shrink:0;width:28px;height:28px;line-height:1;font-size:18px;border:1px solid #9fa0a0;border-radius:4px;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}.slider-btn:hover{background:#e8e8e8}@media only screen and (max-width: 768px){.slider-btn{width:24px;height:24px;font-size:14px}}.td-amount-display{padding:10px 8px;white-space:nowrap;flex-shrink:0}@media only screen and (max-width: 768px){.td-amount-display{width:20%}}.amount-display{width:56px;padding:10px 0 10px 8px;font-size:20px;text-align:right;border:none;border-radius:4px;color:#333;background:none;font-weight:bold}@media only screen and (max-width: 768px){.amount-display{width:55%}}.unit{font-size:13px;margin-left:4px}.spoon-row{display:flex;gap:16px;margin-bottom:8px}.spoon-item{flex:1;text-align:center;font-size:13px;line-height:1.8}.spoon-item img{width:80px;height:auto;display:block;margin:0 auto 4px}.section-submit{text-align:center;width:322px;margin:0px auto 40px auto}@media only screen and (max-width: 768px){.section-submit{width:60%;margin:0 auto 20px auto}}.btn-generate{border:none;background:none;cursor:pointer}.btn-generate img{display:block}#loading-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6);z-index:9999;justify-content:center;align-items:center}#loading-box{background:#fff;border-radius:8px;padding:40px 48px;text-align:center}#loading-spinner{width:48px;height:48px;border:5px solid #ddd;border-top-color:#6ab04c;border-radius:50%;margin:0 auto 16px;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}#loading-text{font-size:15px;color:#333;line-height:1.8;margin:0}.p-use{padding:40px 0 0 0}@media only screen and (max-width: 768px){.p-use{padding:20px 0 0 0}}.p-use h2{background:#00afec;color:#fff;font-size:42px;line-height:60px;font-weight:bold;text-align:center;margin-bottom:40px;border-radius:10px}@media only screen and (max-width: 768px){.p-use h2{font-size:21px;line-height:30px;margin-bottom:20px;border-radius:10px}}.p-em{padding:40px 0 100px 0}.p-em h2{background:#f39939;color:#fff;font-size:42px;line-height:60px;font-weight:bold;text-align:center;margin-bottom:40px;border-radius:10px}@media only screen and (max-width: 768px){.p-em h2{font-size:21px;line-height:30px;margin-bottom:20px;border-radius:10px}}.c-img-flex{display:flex;justify-content:space-between;flex-wrap:wrap}.c-img-flex p{width:465px}@media only screen and (max-width: 768px){.c-img-flex p{width:100%;padding-bottom:15px}}.p-use-em{background:#fdf0e1;padding:40px 20px}/*# sourceMappingURL=guideline.css.map */