﻿.form{width:100%}.form .form_title{color:#ffffff;background:#5B98D2;font-weight:bold;width:100%;padding:10px 15px 10px 75px;position:relative;margin:20px 0 10px}.form .form_title .required_icon,.form .form_title .optional_icon{position:absolute;left:16px;top:15px;width:45px;display:block;font-size:0.75rem;padding:0px 6px;border-radius:3px;color:#fff;text-align:center;white-space:nowrap}.form .form_title .required_icon{background-color:#e00}.form .form_title .optional_icon{background-color:#333333}.form .form_text{width:100%;vertical-align:top;padding:5px 16px 5px}.form .form_text p{padding:0}.form .form_text p.form_note{color:#666666;font-size:0.9em;line-height:1.5;text-indent:-1em;margin:5px 0 0 1em}.form .form_text p.form_note::before{content:"※"}.form .form_text input,.form .form_text textarea,.form .form_text select{width:100%;padding:8px;border:1px solid #ccc;border-radius:4px}.form .form_text textarea{height:200px;resize:vertical}.form_pp{width:calc(100% - 32px);margin:0 auto;padding:10px;height:25vh;overflow:auto;border:1px solid #c4c4c4;font-size:0.9em;background:#ffffff}.form_pp strong{display:block;font-weight:bold;font-size:1em;margin:8px 0 5px 0}.form_pp p{margin:3px 0;line-height:1.7}.form_pp ul{margin:5px 0 5px 30px;list-style-type:disc}.form_pp ul li{line-height:1.7;padding:2px 0}.form_pp ol{margin:5px 0 5px 30px}.form_pp ol li{line-height:1.7;padding:2px 0}.form_pp a{color:#5a5a5a}.submit{margin:30px 0 0 0;width:100%;padding:0 16px}.submit p{width:100%;padding:0;margin:0;display:block}.submit input[type="submit"]{background-color:#00ac3d;color:#fff;font-weight:bold;font-size:1.2em;border:none;border-radius:6px;cursor:pointer;transition:background-color 0.3s;width:100%;height:60px;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;-webkit-display:flex;-moz-display:flex;-ms-display:flex;-o-display:flex;display:flex;-ms-align-items:center;align-items:center;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;-o-justify-content:center;justify-content:center}.submit input[type="submit"]:hover{opacity:0.7}.form_checkbox{display:block;padding:0 16px}.form_checkbox.form_checkbox_pp{margin:10px;display:flex;justify-content:center}.form_checkbox span{width:100%;display:block}.form_checkbox label{margin:0 0 0 0px;padding:0;display:block !important;width:100%}.form_checkbox label input[type=checkbox]{appearance:none;display:none}.form_checkbox label input[type=checkbox]+span{width:100%;position:relative;vertical-align:middle;cursor:pointer;padding-left:30px;transition:all 0.3s ease}.form_checkbox label input[type=checkbox]+span::before{content:"";position:absolute;left:0px;top:6px;width:16px;height:16px;background:#ffffff;border:2px solid #cccccc;border-radius:3px}.form_checkbox label input[type=checkbox]+span::after{transform:rotate(40deg);border-bottom:3px solid rgba(255,120,160,0);border-right:3px solid rgba(255,120,160,0);width:10px;height:20px;content:"";position:absolute;left:6px;top:-6px;transition:all 0.3s ease}.form_checkbox label input[type=checkbox]:checked+span::after{border-bottom:3px solid #2381DA;border-right:3px solid #2381DA}.form_checkbox label input[type=checkbox]:checked+span{color:#2381DA;font-weight:bold}.radio label{margin:0 20px 0 10px;padding:0;display:inline-block}.radio label input[type=radio]{appearance:none;display:none}.radio label input[type=radio]+span{position:relative;display:inline-block;vertical-align:middle;cursor:pointer;position:relative;padding-left:20px;margin:0 0 0 -24px}.radio label input[type=radio]+span::before{content:"";position:absolute;left:0px;top:8px;width:13px;height:13px;border:1px solid #cccccc;border-radius:50%}.radio label input[type=radio]+span::after{content:"";position:absolute;left:3px;top:11px;width:9px;height:9px;background:rgba(25,106,163,0);border-radius:50%;transition:all 0.3s ease}.radio label input[type=radio]:checked+span::after{background:#f27800}.radio label input[type=radio]:checked+span{color:#f27800}
