#form{padding-top:3em}#form .gradient-title{margin-bottom:2em}#form .form-item__wrapper{position:relative;transition:opacity .3s;z-index:2}#form .form-item__wrapper.is-hidden{height:0;opacity:0;visibility:hidden;z-index:0}#form .form-item__wrapper.is-hidden *{height:0;padding:0}#form .og-check{display:inline-block;margin-bottom:1em;padding-right:2px}#form .og-check .og-check__input{display:none}#form .og-check .og-check__input:checked+.og-check__text::before{background-color:#084daf}#form .og-check .og-check__input:checked+.og-check__text::after{opacity:1}#form .og-check .og-check__text{display:inline-block;font-size:16px;margin-right:1em;padding-left:2.2em;position:relative}#form .og-check .og-check__text::before{aspect-ratio:1;border:1px solid #eee;border-radius:5px;content:"";display:inline-block;height:auto;left:0;position:absolute;top:50%;transform:translateY(-50%);transition:.3s;width:1.6em}#form .og-check .og-check__text::after{-webkit-mask:center/contain no-repeat url(../../../../assets/img/icon/check.svg);aspect-ratio:1;background-color:#fff;content:"";display:inline-block;height:auto;left:.8em;mask:center/contain no-repeat url(../../../../assets/img/icon/check.svg);opacity:0;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);transition:.3s;width:.8em}#form input[type=text],#form option,#form select,#form textarea{border:1px solid #eee;border-radius:5px;font-size:16px;padding:1em;width:100%}#form textarea{height:12.8em}#form .form-step{color:#bcbcbc;font-size:20px;font-weight:700}#form .form-title{font-size:30px;margin-bottom:1em}#form .form-item__title{color:#888;font-size:20px;margin-bottom:.5em}#form .form-item__title *{color:#393939;font-size:20px}#form .form-item__subtext{color:#888;display:block;font-size:14px;padding-left:1.25em;position:relative;width:100%}#form .form-item__subtext::before{content:"※";left:0;position:absolute;top:.8em;transform:translateY(-50%)}#form .form-item{margin-bottom:3em}#form .purpose-select{margin-bottom:1em}#form .purpose-select:last-child{margin-bottom:0}#form .purpose-lists{background-color:#eee;border-radius:5px;padding:1em}#form .purpose-lists .purpose-list{color:#084daf}#form .color-select__wrapper,#form .taste-select__wrapper{display:flex;flex-wrap:wrap;justify-content:center}#form .color-select{aspect-ratio:3/1;border:2px solid #eee;border-radius:10px;box-sizing:border-box;height:auto;position:relative}#form .color-select input[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:10px;cursor:pointer;display:block;height:100%;left:0;margin:0;position:absolute;top:0;transition:.3s;width:100%}#form .color-select input[type=radio]:checked{box-shadow:0 0 12px rgba(0,0,0,.4);cursor:inherit}#form .color-select input[type=radio]:checked+.check-icon{opacity:1;visibility:visible}#form .color-select .check-icon{-webkit-mask:center/contain no-repeat url(../../../../assets/img/icon/check.svg);background-color:#fff;display:inline-block;height:2em;left:50%;mask:center/contain no-repeat url(../../../../assets/img/icon/check.svg);opacity:0;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);transition:.3s;visibility:hidden;width:2em}#form .taste-select .taste-img__wrapper{background-color:#eee;border-radius:5px;box-sizing:border-box;display:block;height:auto;padding:1.25em .5em .5em .5em;position:relative;width:100%}#form .taste-select .taste-img__wrapper img{-o-object-fit:contain;height:100%;object-fit:contain;width:100%}#form .taste-select .taste-img{aspect-ratio:16/9;display:block;height:auto;width:100%}#form .taste-select input[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:10px;cursor:pointer;display:block;left:0;margin:0;position:absolute;top:0;transition:.3s}#form .taste-select input[type=radio]:checked{cursor:inherit}#form .taste-select input[type=radio]:checked+label .color-btn__text{padding-left:1.5em}#form .taste-select input[type=radio]:checked+label .color-btn__text::before{-webkit-mask:center/contain no-repeat url(../../../../assets/img/icon/check.svg);background-color:#fff;content:"";display:inline-block;height:1em;left:0;mask:center/contain no-repeat url(../../../../assets/img/icon/check.svg);position:absolute;top:50%;transform:translate(-50%,-50%);width:1em}#form .taste-select .color-btn__wrapper{display:block;margin-top:1em;text-align:center}#form .taste-select .color-btn{width:calc(100% - 2em)}#form .taste-select .color-btn__text{color:#fff;position:relative;transition:.3s}#form .taste-select .circle__wrapper{display:block;position:absolute;top:.3125em;transform:translateY(-50%);width:100%}#form .taste-select .circle{aspect-ratio:1;border-radius:50%;display:inline-block;height:auto;width:.4em}#form .taste-select .circle.--red{background-color:red}#form .taste-select .circle.--yellow{background-color:#ff0;margin-left:.25em}#form .taste-select .circle.--green{background-color:green;margin-left:.25em}#form .toggle-btn__wrapper{display:flex;justify-content:space-between}#form .toggle-btn__wrapper.--first{justify-content:flex-end}#form .toggle-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:none;cursor:pointer;display:inline-block;line-height:1;transition:.3s}#form .toggle-btn:disabled{cursor:not-allowed}#form .toggle-btn:disabled.--next{box-shadow:none;opacity:.5}#form .toggle-btn.--prev{aspect-ratio:1;border:2px solid #eee;border-radius:50%;content:"";display:inline-block;height:4em;position:relative;width:auto}#form .toggle-btn.--prev::after{-webkit-mask:center/contain no-repeat url(../../img/icon/arrow-gray.svg);aspect-ratio:1;background-color:#bcbcbc;content:"";display:block;height:.8em;left:50%;mask:center/contain no-repeat url(../../img/icon/arrow-gray.svg);position:absolute;top:50%;transform:translate(-50%,-50%) rotate(180deg);width:auto}#form .toggle-btn.--next{background:#fff;border:2px solid #eee;border-radius:100px;box-shadow:0 0 8px rgba(0,0,0,.16);color:#084daf;min-width:180px;padding:1.5em 2em;padding-right:5em;position:relative}#form .toggle-btn.--next::after{-webkit-mask:center/contain no-repeat url(../../img/icon/arrow-gray.svg);aspect-ratio:1;background-color:#084daf;content:"";display:block;height:.8em;mask:center/contain no-repeat url(../../img/icon/arrow-gray.svg);position:absolute;right:2em;top:50%;transform:translate(0,-50%);width:auto}#form .submit-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff;border:none;border:2px solid #eee;border-radius:100px;box-shadow:0 0 8px rgba(0,0,0,.16);color:#084daf;cursor:pointer;display:inline-block;line-height:1;min-width:180px;padding:1.5em 2em;padding-right:5em;position:relative;transition:.3s}#form .submit-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.5}#form .submit-btn::after{-webkit-mask:center/contain no-repeat url(../../img/icon/arrow-gray.svg);aspect-ratio:1;background-color:#084daf;content:"";display:block;height:.8em;mask:center/contain no-repeat url(../../img/icon/arrow-gray.svg);position:absolute;right:2em;top:50%;transform:translate(0,-50%);width:auto}#other h2{margin-bottom:1em;margin-top:2em}#other p{margin-bottom:2em}#other .color-btn{background-color:#393939}@media screen and (min-width:768px) and (max-width:1023px){#form .color-select{aspect-ratio:8/5;width:calc((100% - 6em)/ 3)}#form .color-select:not(:nth-child(3n+1)){margin-left:3em}#form .color-select:nth-child(n+4){margin-top:3em}#form .taste-select{width:calc((100% - 3em)/ 2)}#form .taste-select:not(:nth-child(2n+1)){margin-left:3em}#form .taste-select:nth-child(n+3){margin-top:3em}}@media screen and (min-width:1024px){#form .color-select{width:calc((100% - 9em)/ 4)}#form .color-select:not(:nth-child(4n+1)){margin-left:3em}#form .color-select:nth-child(n+5){margin-top:3em}#form .taste-select{width:calc((100% - 6em)/ 3)}#form .taste-select:not(:nth-child(3n+1)){margin-left:3em}#form .taste-select:nth-child(n+4){margin-top:3em}}@media screen and (min-width:1920px){#form .og-check .og-check__text{font-size:max(16px,.8333333333vw)}#form input[type=text],#form option,#form select,#form textarea{font-size:max(16px,.8333333333vw)}#form .form-step{font-size:max(16px,1.0416666667vw)}#form .form-title{font-size:max(16px,1.5625vw)}#form .form-item__title{font-size:max(16px,1.0416666667vw)}#form .form-item__title *{font-size:max(16px,1.0416666667vw)}#form .form-item__subtext{font-size:max(16px,.7291666667vw)}}@media screen and (max-width:767px){#form .color-select{aspect-ratio:8/5;width:calc((100% - 2em)/ 2)}#form .color-select:not(:nth-child(2n+1)){margin-left:2em}#form .color-select:nth-child(n+3){margin-top:2em}#form .taste-select{width:100%}#form .taste-select:nth-child(n+2){margin-left:0;margin-top:3em}}