.episode-form-area{padding:100px 0;background-color:#fff4e3;background-size:100%;background-repeat:no-repeat;background-image:url(../img/episode-example-area-bg_sp.png)}@media (min-width: 768px){.episode-form-area{background-image:url(../img/episode-example-area-bg.png)}}.episode-form-area .inner{padding:0 20px;max-width:800px;margin:0 auto}.episode-form-area .episode-form-area-title{height:47px;display:flex;align-items:center;justify-content:center;gap:25px;color:#ec6500;font-size:24px;font-weight:700}@media (min-width: 768px){.episode-form-area .episode-form-area-title{gap:30px;font-size:32px;height:60px}}.episode-form-area .episode-form-area-title img{width:auto;height:100%;object-fit:contain}.episode-form-area .episode-form__wrapper{margin-top:45px}@media (min-width: 768px){.episode-form-area .episode-form__wrapper{margin-top:60px}}.episode-form-area .episode-form__wrapper form{display:flex;flex-direction:column;gap:20px}@media (min-width: 768px){.episode-form-area .episode-form__wrapper form{gap:25px}}.episode-form-area .episode-form__wrapper form .episode-form__group{display:flex;flex-direction:column}.episode-form-area .episode-form__wrapper form .episode-form__group .episode-form__label{font-size:14px;font-weight:700;margin-bottom:5px}@media (min-width: 768px){.episode-form-area .episode-form__wrapper form .episode-form__group .episode-form__label{font-size:18px}}.episode-form-area .episode-form__wrapper form .episode-form__group .episode-form__label .episode-form__note{font-weight:400;font-size:11px}@media (min-width: 768px){.episode-form-area .episode-form__wrapper form .episode-form__group .episode-form__label .episode-form__note{font-size:14px}}.episode-form-area .episode-form__wrapper form .episode-form__group .episode-form__input,.episode-form-area .episode-form__wrapper form .episode-form__group .episode-form__textarea{padding:10px;border-radius:6px;background-color:#fff;font-size:14px;font-weight:700}@media (min-width: 768px){.episode-form-area .episode-form__wrapper form .episode-form__group .episode-form__input,.episode-form-area .episode-form__wrapper form .episode-form__group .episode-form__textarea{padding:12px;font-size:16px}}.episode-form-area .episode-form__wrapper form .episode-form__group .episode-form__input:focus,.episode-form-area .episode-form__wrapper form .episode-form__group .episode-form__textarea:focus{outline:2px solid #ec6500}.episode-form-area .episode-form__wrapper form .episode-form__group .episode-form__textarea{resize:none;min-height:160px}@media (min-width: 768px){.episode-form-area .episode-form__wrapper form .episode-form__group .episode-form__textarea{min-height:200px}}.episode-form-area .episode-form__wrapper form .episode-form__group .episode-form__textarea::-webkit-scrollbar{width:6px}@media (min-width: 768px){.episode-form-area .episode-form__wrapper form .episode-form__group .episode-form__textarea::-webkit-scrollbar{width:8px}}.episode-form-area .episode-form__wrapper form .episode-form__group .episode-form__textarea::-webkit-scrollbar-track{background-color:#fff;border-radius:9999px;margin:4px 0}.episode-form-area .episode-form__wrapper form .episode-form__group .episode-form__textarea::-webkit-scrollbar-thumb{background-color:#f4a366;border-radius:9999px;border:1px solid transparent;background-clip:padding-box}.episode-form-area .episode-form__wrapper form .episode-form__group .episode-form__textarea{scrollbar-width:thin;scrollbar-color:#f4a366 #fff}.episode-form-area .episode-form__wrapper form .episode-form__group .episode-form__select{padding:10px 40px 10px 10px;font-size:14px;font-weight:700;border-radius:6px;background-color:#fff;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0iX+ODrOOCpOODpOODvF8yIiBkYXRhLW5hbWU9IuODrOOCpOODpOODvCAyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNS4xNiAxOC41MiI+CiAgPGcgaWQ9Il/jg4fjgrbjgqTjg7MiIGRhdGEtbmFtZT0i44OH44K244Kk44OzIj4KICAgIDx0ZXh0IHRyYW5zZm9ybT0idHJhbnNsYXRlKC0uMjggMTMuODQpIiBmaWxsPSIjNGMzODJjIiBmb250LWZhbWlseT0iRE5QU2h1ZWlNR29TdGQtQi04M3B2LVJLU0otSCwgJmFwb3M7RE5QIFNodWVpTUdvU3RkJmFwb3M7IiBmb250LXNpemU9IjE1LjcyIiBsZXR0ZXItc3BhY2luZz0iLjA1ZW0iPjx0c3BhbiB4PSIwIiB5PSIwIj7ilrw8L3RzcGFuPjwvdGV4dD4KICA8L2c+Cjwvc3ZnPg==);background-repeat:no-repeat;background-position:right 10px center;background-size:1em 1em}@media (min-width: 768px){.episode-form-area .episode-form__wrapper form .episode-form__group .episode-form__select{max-width:220px;font-size:16px;padding:12px 45px 12px 12px;background-position:right 12px center}}.episode-form-area .episode-form__wrapper form .episode-form__group .episode-form__select:focus{outline:2px solid #ec6500}.episode-form-area .episode-form__wrapper form .episode-form__group #postal-code,.episode-form-area .episode-form__wrapper form .episode-form__group #age{max-width:176px}@media (min-width: 768px){.episode-form-area .episode-form__wrapper form .episode-form__group #postal-code,.episode-form-area .episode-form__wrapper form .episode-form__group #age{max-width:220px}}.episode-form-area .episode-form__wrapper form .episode-form__group .episode-form__submit{margin:auto;padding:10px;width:260px;background-color:#ec6500;color:#fff;font-size:18px;font-weight:700;border:2px solid #ec6500;border-radius:3em}@media (min-width: 768px){.episode-form-area .episode-form__wrapper form .episode-form__group .episode-form__submit{width:325px;font-size:22px}}.episode-form-area .episode-form__wrapper form .episode-form__group .episode-form__submit:hover{cursor:pointer;background-color:#fff;color:#ec6500}.episode-form-area .episode-form__wrapper form .episode-form__group .episode-form__submit:disabled{opacity:.5;cursor:not-allowed}.episode-form-area .episode-form__wrapper form .episode-form__group--submit{margin-top:40px}@media (min-width: 768px){.episode-form-area .episode-form__wrapper form .episode-form__group--submit{margin-top:50px}}.confirm-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;padding:0 20px;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s ease,visibility .3s ease}@media (min-width: 768px){.confirm-modal{padding:0 30px}}.confirm-modal.confirm-modal--open{pointer-events:auto;opacity:1}.confirm-modal .confirm-modal__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000080;cursor:pointer}.confirm-modal .confirm-modal__content{position:relative;background-color:#fff;border:3px solid #ec6500;border-radius:22px;width:100%;max-height:90vh;z-index:1;transform:scale(.9);transition:transform .3s ease;padding:5px}@media (min-width: 768px){.confirm-modal .confirm-modal__content{max-width:820px}}.confirm-modal .confirm-modal__content .inner{width:100%;height:100%;max-height:calc(90vh - 30px);padding:10px;overflow-y:scroll}.confirm-modal .confirm-modal__content .inner::-webkit-scrollbar{width:6px}@media (min-width: 768px){.confirm-modal .confirm-modal__content .inner::-webkit-scrollbar{width:8px}}.confirm-modal .confirm-modal__content .inner::-webkit-scrollbar-track{background-color:#ec650099;border-radius:9999px;margin:8px 0}.confirm-modal .confirm-modal__content .inner::-webkit-scrollbar-thumb{background-color:#ec650099;border-radius:9999px;border:1px solid transparent;background-clip:padding-box}.confirm-modal .confirm-modal__content .inner{scrollbar-width:thin;scrollbar-color:rgba(236,101,0,.6) #fff}@media (min-width: 768px){.confirm-modal .confirm-modal__content .inner{padding:20px}}.confirm-modal.confirm-modal--open .confirm-modal__content{transform:scale(1)}.confirm-modal .confirm-modal__header{padding-bottom:20px;display:flex;align-items:center;justify-content:center;border-bottom:1px solid rgba(236,101,0,.5)}.confirm-modal .confirm-modal__title{text-align:center;font-size:20px;font-weight:700;line-height:1.8}@media (min-width: 768px){.confirm-modal .confirm-modal__title{font-size:24px}}@media (min-width: 768px){.confirm-modal .confirm-modal__title .pc-hide{display:none}}.confirm-modal .confirm-modal__list{margin:0;list-style:none}.confirm-modal .confirm-modal__item{padding:15px 0;display:flex;flex-direction:column;gap:5px;border-bottom:1px solid rgba(236,101,0,.5)}@media (min-width: 768px){.confirm-modal .confirm-modal__item{padding:20px 0;flex-direction:row;gap:0}}.confirm-modal .confirm-modal__term{font-size:14px;font-weight:700;color:#ec6500}@media (min-width: 768px){.confirm-modal .confirm-modal__term{width:12em;font-size:16px}}.confirm-modal .confirm-modal__description{font-size:14px;color:#333;line-height:1.6;white-space:pre-wrap;word-break:break-word}@media (min-width: 768px){.confirm-modal .confirm-modal__description{flex:1;font-size:16px}}.confirm-modal .confirm-modal__description.episode{max-height:115px;overflow-y:scroll}@media (min-width: 768px){.confirm-modal .confirm-modal__description.episode{max-height:265px}}.confirm-modal .confirm-modal__description.episode::-webkit-scrollbar{width:6px}@media (min-width: 768px){.confirm-modal .confirm-modal__description.episode::-webkit-scrollbar{width:8px}}.confirm-modal .confirm-modal__description.episode::-webkit-scrollbar-track{background-color:#ec650099;border-radius:9999px;margin:8px 0}.confirm-modal .confirm-modal__description.episode::-webkit-scrollbar-thumb{background-color:#ec650099;border-radius:9999px;border:1px solid transparent;background-clip:padding-box}.confirm-modal .confirm-modal__description.episode{scrollbar-width:thin;scrollbar-color:rgba(236,101,0,.6) #fff}.confirm-modal .confirm-modal__footer{margin-top:25px;display:flex;gap:15px;justify-content:center}@media (min-width: 768px){.confirm-modal .confirm-modal__footer{margin-top:40px}}.confirm-modal .confirm-modal__btn{padding:8px 0;font-size:16px;font-weight:700;border-radius:3em;border:2px solid;cursor:pointer;transition:all .3s ease}@media (min-width: 768px){.confirm-modal .confirm-modal__btn{font-size:18px}}.confirm-modal .confirm-modal__btn--submit{width:157px;background-color:#ec6500;color:#fff;border:2px solid #ec6500}.confirm-modal .confirm-modal__btn--submit:hover{background-color:#fff;color:#ec6500}@media (min-width: 768px){.confirm-modal .confirm-modal__btn--submit{width:290px}}.confirm-modal .confirm-modal__btn--cancel,.confirm-modal .confirm-modal__btn--close{width:114px;background-color:#b6ada9;color:#fff;border:2px solid #b6ada9}.confirm-modal .confirm-modal__btn--cancel:hover,.confirm-modal .confirm-modal__btn--close:hover{background-color:#4c382c;border-color:#4c382c}@media (min-width: 768px){.confirm-modal .confirm-modal__btn--cancel,.confirm-modal .confirm-modal__btn--close{width:218px}}.confirm-modal .confirm-modal__btn--close{width:217px}@media (min-width: 768px){.confirm-modal .confirm-modal__btn--close{width:290px}}.confirm-modal .confirm-modal__success{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;text-align:center}.confirm-modal .confirm-modal__success .confirm-modal__success-image img{width:auto;height:auto;max-width:300px}@media (min-width: 768px){.confirm-modal .confirm-modal__success .confirm-modal__success-image img{max-width:600px}}.confirm-modal .confirm-modal__success .confirm-modal__footer{margin:0}
