@charset "UTF-8";
/* CSS Document */


article#form { width: min(90%,820px); margin: 0 auto; padding: 3rem 0 4rem 0; }
#form-read { padding-bottom: 2em; }
#form-read strong { font-weight: normal; color: #C00; }
#form-box ul {}
#form-box ul li { line-height: 1.4; min-height: 1.4em; padding: .9em 0 .8em 14em; border-bottom: dotted 1px #CCC; position: relative; }
#form-box ul li#know { min-height: 2.8em; }
#form-box ul li h3 { position: absolute; left: 1em; top: 1em; }
#form-box ul li h3 strong { font-weight: normal; color: #C00; position: absolute; left: -1em; }
#form-box ul li span { font-size: 85%; line-height: 1.3; color: #666; position: absolute; right: 0; top: 50%; transform: translateY(-50%); }
#form-box ul li h3 span { color: #333; position: relative; }
#form-box ul li#know ul { display: flex; flex-wrap: wrap; justify-content: space-between; }
#form-box ul li#know ul li { width: 50%; padding: 0; border-bottom: none; }

#form-box input, #form-box textarea { font-size: 100%; line-height: 1.2; margin: 0; padding: .3em .4em; border: solid 1px #DDD; border-radius: .5em; }
#form-box input.text-minimum { width: 4em; }
#form-box input.text-short { width: 12em; margin-right: .5em; }
#form-box input.text-middle { width: 24em; }
#form-box input.text-long { width: 32em; }
#form-box input.text-max, #form-box textarea.text-max { width: calc(100% - .8em); }
#form-box input::placeholder { font-size: .9em; }
#form-box .pref-select { width: 12em; padding-bottom: .3em; position: relative; }
#form-box .pref-select::after { content:""; width: 0; height: 0; border-style: solid; border-width: .6em .4em 0 .4em; border-color: #005A8E transparent transparent transparent; display: block; position:absolute; top: 50%; right: .5em; transform: translateY(-75%); pointer-events: none; }
#form-box .pref-select select { font-size: 93%; line-height: 1.2; color: #666; width: 100%; padding: .6em .4em; border: solid 1px #DDD; border-radius: .5em; background: #FFF; -webkit-appearance: none; appearance: none; }
#form-box ul li input[type="checkbox"] { display: none; }
#form-box ul li input[type="checkbox"] + label { margin: 0 1.2em .3em 0; padding-left: 28px; position: relative; display: inline-block; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; }
#form-box ul li input[type="checkbox"] + label:before { content: ''; width: 16px; height: 16px; border: 1px solid #999; display: block; position: absolute; left: 0; top: 50%; transform: translateY(-50%); opacity: .6; -webkit-transition: all .12s, border-color .08s; transition: all .12s, border-color .08s; }
#form-box ul li input[type="checkbox"]:checked + label:before { width: 10px; border-radius: 0; border-top-color: transparent; border-left-color: transparent; top: -2px; left: 5px; opacity: 1; -webkit-transform: rotate(45deg); transform: rotate(45deg); }


#close-txt { line-height: 1.2; font-weight: bold; text-align: center; color: #FFF; margin-bottom: 1em; padding: .6em .4em; border-radius: .5em; background: #F63; }
#form-box ul li input[type="checkbox"] + label.disabled { color: #CCC; }
#form-box ul li input[type="checkbox"] + label.disabled:before { border: 1px solid #CCC; background: #CCC; }
#form-box ul li input[type="checkbox"]:checked + label.disabled:before { width: 16px; height: 16px; border-color: #999; top: 0; left: 0; opacity: 1; -webkit-transform: rotate(0deg); transform: rotate(0deg); }

#form-box ul li ul.attention li { line-height: 1.4; text-indent: -1em; color: #C00; padding: 0 0 .2em 1em; border-bottom: none; }
#form-box ul li ul.attention li:last-child { padding-bottom: 0; }
#form-box ul li ul#attention1 { margin-bottom: 1em; padding-bottom: 1em; border-bottom: dotted 1px #CCC; }
#form-box dl { margin-top: 2em; border: solid 1px #005A8E; }
#form-box dl dt { font-size: 123%; line-height: 1.2; text-align: center; color: #FFF; padding: .4em 0; background: #005A8E; }
#form-box dl dd { height: 4em; display: flex; align-items: center; justify-content: center; }

#notes { padding-top: 2em; }
#notes dl { margin-bottom: 2em; }
#notes dl dt { font-size: 105%; line-height: 1.2; color: #005A8E; padding: .3em 0 .3em .5em; background: rgba(0,90,143,.2); }
#notes dl dd { padding-top: .5em; }
#notes dl dd ul li { line-height: 1.4; text-indent: -1em; padding: 0 0 .2em 1em; }
#notes dl dd ul li:last-child { padding-bottom: 0; }
#notes dl dd ul li a { text-decoration: underline; }

#agree { width: 100%; height: 4em; background: #FAE5E5; display: flex; align-items: center; justify-content: center; }
#agree p { color: #C00; }
#agree p input[type="checkbox"] { display: none; }
#agree p input[type="checkbox"] + label { margin: 0 1.2em .3em 0; padding-left: 30px; position: relative; display: inline-block; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; }
#agree p input[type="checkbox"] + label:before { content: ''; width: 16px; height: 16px; border: 1px solid #C00; background: #FFF; display: block; position: absolute; left: 0; top: 50%; transform: translateY(-50%); -webkit-transition: all .12s, border-color .08s; transition: all .12s, border-color .08s; }
#agree p input[type="checkbox"]:checked + label:before { width: 10px; border-radius: 0; border-top-color: transparent; border-left-color: transparent; background: none; top: -3px; left: 5px; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
#confbtn { text-align: center; margin-top: 2em; }
#confbtn input[type="button"], #confbtn input[type="submit"], #confbtn input[type="reset"] { font-size: 105%; line-height: 1.2; text-align: center; color: #005A8E; width: 12em; margin: 0 1em; padding: .8em 0; border-style: none; border-radius: 1.6em; background: #FFF; box-shadow: 0 0 0 1px #005A8E inset; transition: .3s; cursor: pointer; }
#confbtn input[type="button"]:hover, #confbtn input[type="submit"]:hover, #confbtn input[type="reset"]:hover { color: #FFF; background: #005A8E; }

#confirm ul li { line-height: 1.4; min-height: 1.4em; padding: .8em 0 .8em 14em; border-bottom: dotted 1px #CCC; position: relative; }
#confirm ul li#know { min-height: 2.8em; }
#confirm ul li:last-child { border-bottom: none; }
#confirm ul li h4 { position: absolute; left: 0; }

#finish h2 { font-size: 200%; line-height: 1.2; font-weight: bold; text-align: center; color: #005A8E; padding: 1em 0 .8em 0; }
#finish p { font-size: 123%; line-height: 1.5; text-align: center; }
#finish #attention { margin: 2em 0; padding: 1.5em 2em; border-radius: 1em; background: rgba(0,90,143,.2); }
#finish #attention ul li { font-size: 105%; line-height: 1.4; text-indent: -1em; padding: 0 0 .5em 1em; }
#finish #attention ul li:last-child { padding-bottom: 0; }
#finish p.returntop { font-size: 105%; line-height: 1.2; text-align: center; margin-top: 2em; }
#finish p.returntop a { color: #005A8E; width: 12em; margin: 0 auto; padding: .8em 0; border-style: none; border-radius: 1.6em; background: #FFF; box-shadow: 0 0 0 1px #005A8E inset; display: block; transition: .3s; cursor: pointer; }
#finish p.returntop a:hover { color: #FFF; background: #005A8E; }


#close { padding: 4rem 0; }
#close p.returntop { font-size: 105%; line-height: 1.2; text-align: center; }
#close p.returntop a { color: #049; width: 12em; margin: 0 auto; padding: .8em 0; border-style: none; border-radius: 1.6em; background: #FFF; box-shadow: 0 0 0 1px #049 inset; display: block; transition: .3s; cursor: pointer; }
#close p.returntop a:hover { color: #FFF; background: #049; }