@charset "UTF-8";
#main h2 { font-weight: bold; }
#main .lead span { font-weight: bold; }
#main .inner { background: #fff; }
#main .inner h3 { font-weight: bold; color: #fff; background: #bfad90; }
#main .inner h3 span { font-weight: normal; }
#main .inner table { width: 100%; }
#main .inner th, #main .inner td { text-align: left; vertical-align: top; }
#main .inner th { font-weight: bold; }
#main .inner textarea, #main .inner input[type="text"] { display: block; width: 100%; border-radius: 0; box-shadow: none; -webkit-appearance: none; appearance: none; }
#main .inner input[type="submit"] { border: none; cursor: pointer; outline: none; padding: 0; border-radius: 0; -webkit-box-sizing: content-box; -webkit-appearance: none; appearance: none; display: block; font-weight: bold; text-align: center; color: #fff; background: #d39e2f; }
#main .inner .btn li:nth-of-type(1) input[type="submit"] { background: #aaa; }
#main .inner .err { font-weight: bold; color: #e60012; }
#main .inner .required:after { content: '必須'; display: inline-block; color: #fff; background: #e60012; }
#main .result p { margin-bottom: 1.6em; }
#main .result p:last-child { margin-bottom: 0; }
#main .result span { font-weight: bold; }
#main .info dt { font-weight: bold; }
#main .info dd { position: relative; }
#main .info dd span { position: absolute; top: 0; left: 0; }
#main .info a { text-decoration: underline; color: #cf9735; }

@media (min-width: 751px) { #main .center { padding: 80px 0 165px; }
  #main h2 { margin-bottom: 15px; font-size: 23px; }
  #main .lead { font-size: 17px; }
  #main .inner { margin: 60px 0; padding: 70px 80px 90px; }
  #main .inner section { margin-top: 50px; }
  #main .inner section:first-child { margin-top: 0; }
  #main .inner h3 { margin-bottom: 40px; padding: 10px 15px; font-size: 19px; border-radius: 10px; }
  #main .inner h3 span { font-size: 17px; }
  #main .inner th, #main .inner td { padding-top: 20px; font-size: 17px; }
  #main .inner tr:first-child th, #main .inner tr:first-child td { padding-top: 0; }
  #main .inner th { width: 260px; }
  #main .inner textarea, #main .inner input[type="text"] { padding: 10px; border: 1px solid #cec8bd; }
  #main .inner textarea { max-width: 580px; height: 150px; max-height: 150px; }
  #main .inner input[type="text"].md { width: 400px; }
  #main .inner input[type="text"].sm { width: 200px; }
  #main .inner input[type="submit"] { margin: 0 auto; width: 400px; height: 60px; font-size: 25px; line-height: 60px; border-radius: 10px; }
  #main .inner .err { margin-bottom: 5px; font-size: 12px; }
  #main .inner .required:after { margin-left: 10px; width: 34px; height: 18px; position: relative; top: -2px; font-size: 11px; text-align: center; line-height: 18px; border-radius: 3px; }
  #main .inner .btn { margin-top: 70px; }
  #main .inner ul.btn { overflow: hidden; }
  #main .inner ul.btn li { width: 400px; float: left; }
  #main .inner ul.btn li:nth-of-type(2) { float: right; }
  #main .result { padding: 70px 80px; font-size: 15px; }
  #main .info dt, #main .info dd { margin-bottom: 20px; }
  #main .info dt { font-size: 19px; }
  #main .info dd { padding-left: 20px; font-size: 15px; }
  #main .info dd:last-child { margin-bottom: 0; }
  #main .info a:hover { text-decoration: none; } }
@media (max-width: 750px) { #main .center { padding: 8vw 6.66667vw 13.33333vw; }
  #main h2 { margin-bottom: 2vw; font-size: 4.26667vw; }
  #main .inner { margin: 8vw 0; padding: 5.33333vw; }
  #main .inner section { margin-top: 5.33333vw; }
  #main .inner section:first-child { margin-top: 0; }
  #main .inner h3 { margin-bottom: 2.66667vw; padding: 1.33333vw 2vw; border-radius: 1.33333vw; }
  #main .inner table, #main .inner tbody, #main .inner tr, #main .inner th, #main .inner td { display: block; width: 100%; }
  #main .inner tr { padding-top: 2.66667vw; }
  #main .inner tr:first-child { padding-top: 0; }
  #main .inner th { margin-bottom: 1.33333vw; }
  #main .inner textarea, #main .inner input[type="text"] { padding: 1.33333vw; width: 100%; border: 0.13333vw solid #cec8bd; }
  #main .inner textarea { height: 20vw; }
  #main .inner input[type="submit"] { width: 100%; height: 10.66667vw; font-size: 4vw; line-height: 10.66667vw; border-radius: 1.33333vw; }
  #main .inner .err { margin-bottom: 0.66667vw; font-size: 3.2vw; }
  #main .inner .required:after { margin-left: 1.33333vw; width: 3em; height: 4.8vw; position: relative; top: -0.4vw; font-size: 2.93333vw; text-align: center; line-height: 4.8vw; border-radius: 0.4vw; }
  #main .inner .btn { margin-top: 5.33333vw; }
  #main .inner ul.btn li { margin-bottom: 2.66667vw; }
  #main .inner ul.btn li:last-child { margin-bottom: 0; }
  #main .info dt, #main .info dd { margin-bottom: 2.66667vw; }
  #main .info dd { padding-left: 4.66667vw; }
  #main .info dd:last-child { margin-bottom: 0; } }
