﻿@media print, screen{#formsection>#formFirstArea>.formwrapper2,#formsection>#formSecondArea>.formwrapper2,#formsection>#formThirdArea>.formwrapper2{margin-top:20px;text-align:center}#formsection>#formFirstArea>.formwrapper2>.formbutton,#formsection>#formSecondArea>.formwrapper2>.formbutton,#formsection>#formThirdArea>.formwrapper2>.formbutton{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;display:inline-block;margin:15px;transition:all 0.2s}#formsection>#formFirstArea>.formwrapper2>.formbutton:hover,#formsection>#formSecondArea>.formwrapper2>.formbutton:hover,#formsection>#formThirdArea>.formwrapper2>.formbutton:hover{opacity:0.7}#formsection>#formFirstArea>.formwrapper2>.formbutton>span,#formsection>#formSecondArea>.formwrapper2>.formbutton>span,#formsection>#formThirdArea>.formwrapper2>.formbutton>span{display:block;background-color:#555;font-size:1.8rem;color:#fff;line-height:100%;cursor:pointer;letter-spacing:0.1em;position:relative;border-radius:3px;border:solid 1px #777;transition:all 0.2s;min-width:8em}#formsection>#formFirstArea>.formwrapper2>.formbutton>span.next,#formsection>#formSecondArea>.formwrapper2>.formbutton>span.next,#formsection>#formThirdArea>.formwrapper2>.formbutton>span.next{background-image:url(../common/image/form_chevron_right.svg);background-repeat:no-repeat;background-position:95% 50%;padding:10px 3em 10px 2em}#formsection>#formFirstArea>.formwrapper2>.formbutton>span.prev,#formsection>#formSecondArea>.formwrapper2>.formbutton>span.prev,#formsection>#formThirdArea>.formwrapper2>.formbutton>span.prev{background-image:url(../common/image/form_chevron_left.svg);background-repeat:no-repeat;background-position:5% 50%;padding:10px 2em 10px 3em}}@media print, screen{#formsection>#formFirstArea{padding:20px 0}#formsection>#formFirstArea>.formwrapper1>form#formFirst .errormsg{display:none;background-color:#e85655;font-size:1.2rem;color:#fff;padding:0 10px;border-radius:3px;margin-top:3px}#formsection>#formFirstArea>.formwrapper1>form#formFirst>.item{margin-top:5px;display:flex}#formsection>#formFirstArea>.formwrapper1>form#formFirst>.item>.itemName{font-size:1.3rem;line-height:120%;color:#333;text-align:left;width:146px;min-width:146px;padding:5px 8px;margin:3px 5px 0 0;background-color:#ddd;box-sizing:border-box}#formsection>#formFirstArea>.formwrapper1>form#formFirst>.item>.itemName.required:after{content:"\A*必須";white-space:pre;font-size:1.1rem;color:#901}#formsection>#formFirstArea>.formwrapper1>form#formFirst>.item>.itemInput{text-align:left;font-size:1.3rem;line-height:150%;color:#333;padding:3px 0 0 0}#formsection>#formFirstArea>.formwrapper1>form#formFirst>.item>.itemInput textarea,#formsection>#formFirstArea>.formwrapper1>form#formFirst>.item>.itemInput input[type=text],#formsection>#formFirstArea>.formwrapper1>form#formFirst>.item>.itemInput select{font-size:1.3rem;width:466px}#formsection>#formFirstArea>.formwrapper1>form#formFirst>.item>.itemInput #postal{width:260px}#formsection>#formFirstArea>.formwrapper1>form#formFirst>.item.color2>.itemName{background-color:#c3c3d8}#formsection>#formFirstArea>.formwrapper2{margin-top:15px}#formsection>#formFirstArea>.formwrapper2>p{margin:5px 0 5px 0;text-align:left;font-size:1.3rem;line-height:150%;color:#333;padding-left:1em;text-indent:-1em}}@media screen and (max-width: 709px){#formsection>#formFirstArea>.formwrapper1>form#formFirst>.item{margin-top:5px;flex-direction:column}#formsection>#formFirstArea>.formwrapper1>form#formFirst>.item>.itemName{width:100%}#formsection>#formFirstArea>.formwrapper1>form#formFirst>.item>.itemName br{display:none}#formsection>#formFirstArea>.formwrapper1>form#formFirst>.item>.itemName.required:after{content:" *必須"}#formsection>#formFirstArea>.formwrapper1>form#formFirst>.item>.itemInput textarea,#formsection>#formFirstArea>.formwrapper1>form#formFirst>.item>.itemInput input[type=text],#formsection>#formFirstArea>.formwrapper1>form#formFirst>.item>.itemInput select,#formsection>#formFirstArea>.formwrapper1>form#formFirst>.item>.itemInput input#postal{width:100%}#formsection>#formFirstArea>.formwrapper1>form#formFirst>.item>.itemInput button[type=button]{margin-top:5px;width:100%}}@media print, screen{#formsection>#formSecondArea{display:none}#formsection>#formSecondArea>.formwrapper1>dl{margin:0;display:flex;min-width:100%}#formsection>#formSecondArea>.formwrapper1>dl>dt{margin:0;font-size:1.3rem;line-height:150%;color:#888;padding:10px;border-top:solid 1px #aaa;flex-basis:32%}#formsection>#formSecondArea>.formwrapper1>dl>dd{margin:0;font-size:1.3rem;line-height:150%;color:#901;padding:10px;border-top:solid 1px #aaa;flex-basis:68%}}@media screen and (max-width: 689px){#formsection>#formSecondArea>.formwrapper1>dl{flex-direction:column;border-top:solid 1px #aaa}#formsection>#formSecondArea>.formwrapper1>dl>dt{border-top:none;padding:5px 5px 0 5px}#formsection>#formSecondArea>.formwrapper1>dl>dd{border-top:none;padding:5px}}@media print, screen{#formsection>#formThirdArea{display:none}#formsection>#formThirdArea>.formwrapper1{font-size:1.6rem;color:#333;line-height:150%;text-align:center}}
/*# sourceMappingURL=mailform.css.map */
