@charset "UTF-8";

input[type="submit"],
input[type="button"] { border-radius: 0; -webkit-box-sizing: content-box; -webkit-appearance: button; appearance: button; border: none; box-sizing: border-box; cursor: pointer;}
input[type="submit"]::-webkit-search-decoration,input[type="button"]::-webkit-search-decoration { display: none;}
input[type="submit"]::focus,input[type="button"]::focus { outline-offset: -2px;}
textarea { display: block; width: 100%; }
body { color: #000; display: flex; justify-content: flex-start; align-items: center; flex-direction: column; background:linear-gradient(0deg, #8ADB2C,#A8DD73); font-family: sans-serif; min-height: 100vh;}
p {margin-bottom: 0; line-height: 1.6;}

@media screen and (min-width: 1000px) {
  * {word-break: break-all; margin: 0; padding: 0;font-size:1.5vw;}
  #main { display: block; width: 50%; padding: 2vw; box-sizing: border-box; background: #fff; border-radius: 3vw; margin: 2vw auto;}
  #submit { display: block; width: max-content; padding: 2vw; border-radius: 1vw; font-size: 100%; color: #fff; margin-top: 5vw; margin-right: auto; margin-left: auto; background:linear-gradient(0deg, #2886C1,#0C72B4);}
  h1,h2,h3,h4 {font-weight: bold; background: #79C128; padding: 1vw; text-align: center; color: #fff; margin-bottom: 3vw;}
  p a { display: block; background: #58A700; padding: 1.5vw; text-align: left; color: #fff; margin-bottom: 2vw; border-radius: 2vw; text-decoration: navajowhite;}
  .set { margin-bottom: 3vw;}
  ul { list-style-type: none; display: flex; justify-content:space-between; flex-wrap: wrap;}
  ul li {display: inline; width: 48%; margin-bottom: 2vw;}
  ul li a { display: block; background: #DDF5C1; padding: 2vw; text-align: left; color: #000; border-radius: 2vw; text-decoration: navajowhite;}
  ul li a:visited {opacity: .7;}
  .q {font-weight: bold; margin-bottom: 2vw;}
  .q + p {margin-bottom: 2vw;}
  .mb4 {margin-bottom: 2vw;}
  .backbtn { display: block; margin-right: auto; margin-left: auto; text-align: center; color: #000; margin-top: 2vw;}
}

@media screen and (max-width: 999px) {
  * {word-break: break-all; margin: 0; padding: 0;font-size:5vw;}
  #main { display: block; width: 96%; padding: 4vw 2vw; box-sizing: border-box; background: #fff; border-radius: 3vw; margin: 2vw auto 0;}
  #submit { display: block; width: max-content; padding: 4vw; border-radius: 3vw; font-size: 100%; color: #fff; margin-top: 5vw; margin-right: auto; margin-left: auto; background:linear-gradient(0deg, #2886C1,#0C72B4);}
  h1,h2,h3,h4 {font-weight: bold; background: #79C128; padding: 1vw; text-align: center; color: #fff; margin-bottom: 7vw;}
  p a { display: block; background: #58A700; padding: 2vw; text-align: left; color: #fff; margin-bottom: 2vw; border-radius: 2vw; text-decoration: navajowhite;}
  .set { margin-bottom: 7vw;}
  ul { list-style-type: none; }
  ul li {display: inline;}
  ul li a { display: block; background: #DDF5C1; padding: 2vw; text-align: left; color: #000; margin-bottom: 3vw; border-radius: 2vw; text-decoration: navajowhite;}
  ul li a:visited {opacity: .7;}
  .q {font-weight: bold; margin-bottom: 3vw;}
  .mb4 {margin-bottom: 4vw;}
  .backbtn { display: block; margin-right: auto; margin-left: auto; text-align: center; color: #000; margin-top: 2vw;}
}


.cnt { margin-right: auto; margin-left: auto; text-align: center;}
input[type="text"] { margin-bottom: 2vw; font-size: 100%; max-width: 90%;}