﻿.box_wrap{background:#fff;padding:25px 10px}@media screen and (min-width: 769px){.box_wrap{padding:25px}}form{margin:auto}form .req:after{display:inline-block;padding:3px 5px;color:#fff;background:#e34755;line-height:120%;font-size:0.75rem;margin-left:10px;content:"必須"}form .error_area .error{border:2px solid #e34755;font-size:16px !important}form p.error_comment{font-size:14px !important;color:#e34755;padding:2px 5px;font-weight:bold;display:flex;justify-content:flex-start;text-align:left}form p.error_comment:before{content:"!";display:inline-block;width:20px;min-width:20px;max-width:20px;height:20px;margin-right:10px;-webkit-border-radius:50%;border-radius:50%;background:#e34755;color:#fff;font-weight:bold;text-align:center;line-height:1.4}form dl{padding:20px 0;display:flex;flex-wrap:wrap;justify-content:flex-start;align-content:center;align-items:center;border-bottom:1px solid #eee;font-size:0.875rem}@media screen and (min-width: 769px){form dl{flex-wrap:nowrap;padding:20px 0}}form dl dd,form dl dt{padding:5px;line-height:120%}form dl dd{width:100%}form dl dd span{display:block;margin-top:5px;margin-bottom:10px}form dl dd p{margin-top:10px}form dl dt{width:100%;max-width:100%;font-weight:bold;margin-bottom:10px}@media screen and (min-width: 769px){form dl dt{width:240px;margin-bottom:0}}form dl dt+dd{width:100%}@media screen and (min-width: 769px){form dl dt+dd{width:calc(100% - 240px)}}form .title{border-left:3px solid #e34755;padding-left:5px;font-weight:bold;font-size:18px;margin-bottom:10px}form .form_box>div{margin-bottom:15px}form .form_box+.form_box{margin-top:30px}form .gray_box p+p{margin-top:10px}form .two_column{display:flex;flex-wrap:wrap}form .two_column label{width:47%;max-width:217px}form .two_column label+label{margin-left:15px}form .two_column label input,form .two_column label select,form .two_column label textarea{width:100%}form .zip label+label{margin-top:10px;display:block}form .zip .note{display:inline-flex}form .btn{margin-top:50px}form textarea,form select,form input{font-size:1rem}@media screen and (min-width: 769px){form textarea,form select,form input{font-size:0.875rem}}form textarea{height:200px;width:100%;border:1px solid #ccc;padding:8px}form textarea:focus{background:#f9fbfe}form input[type=text],form input[type=email],form input[type=tel],form select{width:100%;height:50px;border:1px solid #ccc;font-size:1rem;max-width:100%;padding:8px}form input[type=text]:focus,form input[type=email]:focus,form input[type=tel]:focus,form select:focus{background:#f9fbfe}@media screen and (min-width: 769px){form select.shot,form input.shot{max-width:250px}}@media screen and (min-width: 769px){form select{max-width:330px}}@media screen and (min-width: 769px){form input{max-width:450px}}@media screen and (min-width: 769px){form input.postal{max-width:120px}}form input.zip01{display:block}@media screen and (min-width: 769px){form input.zip01{max-width:210px}}form input.zip02,form input.zip03{display:block}@media screen and (min-width: 769px){form input.zip02,form input.zip03{max-width:330px}}form label[for]{position:relative;display:inline-flex;justify-content:flex-start;align-items:flex-start;align-content:flex-start;overflow:hidden;padding:15px;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;line-height:140%}form input[type=checkbox],form input[type=radio]{display:none}form input[type=checkbox]+label::before,form input[type=radio]+label::before{display:inline-block;margin-right:10px;content:"";border:1px solid #ccc}form input[type=checkbox]+label::after,form input[type=radio]+label::after{display:inline-block;position:absolute;top:18px;content:"";opacity:0}form input[type=checkbox]:checked+label::after,form input[type=radio]:checked+label::after{opacity:1}form input[type=radio]+label::before{border-radius:50%;width:20px;height:20px}form input[type=radio]+label::after{position:absolute;left:18px;width:14px;height:14px;content:"";background-color:#e34755;border-radius:50%}form input[type=radio]:checked+label::before{border-color:#e34755;transition:border-color .2s ease .3s}form input[type=radio]:checked+label::after{opacity:1;animation:checks-action-after .5s ease 0s 1 forwards}form input[type=checkbox]+label::before{width:18px;height:18px}form input[type=checkbox]+label::after{top:17px;left:23px;width:11px;height:22px;transform:translate(0, -50%) rotate(45deg) skewX(15deg)}form input[type=checkbox]:checked+label::before{border-width:2px;transition:border-width 0s ease .2s;animation:checks-action .5s ease 0s 1 forwards}form input[type=checkbox]:checked+label::after{border-right:solid 3px #e34755;border-bottom:solid 4px #e34755;transition:border-bottom 0s ease-in .3s,border-right 0s ease-out .4s}form .datime>p{padding:30px 0 15px;font-weight:bold;font-size:0.875rem}.privacy_box{text-align:center;margin-top:25px}.privacy_box .req{padding:20px 10px;margin-bottom:8px;background:#f4f4f4}.privacy_box a{text-decoration:underline}.privacy_box p{font-size:14px}@keyframes checks-action{from{transform:scale(1)}50%{transform:scale(0.9)}70%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes checks-action-after{from{top:18px;left:18px;width:14px;height:14px}30%{top:20px;left:20px;width:10px;height:10px}50%{top:21px;left:21px;width:8px;height:8px}70%{top:15px;left:15px;width:20px;height:20px}to{top:18px;left:18px;width:14px;height:14px}}/*# sourceMappingURL=form.css.map */
