#header #logo img,
#header p img {
  height: 100%;
  width: auto; }

#s_main * {
  box-sizing: border-box; }
#s_main img {
  width: 100%;
  height: auto; }
#s_main p {
  font-size: 14px; }
#s_main h1 {
  color: #333;
  margin: 20px 0 0;
  font-size: 10vw;
  font-weight: bold;
  text-align: center; }
  @media screen and (min-width: 769px) {
    #s_main h1 {
      font-size: 70px; } }
#s_main h2 {
  font-size: 2em;
  font-weight: bold;
  text-align: center; }
#s_main h2 {
  background-color: #333;
  color: #fff;
  font-size: 2em;
  font-weight: bold;
  margin: 2em 0;
  padding: 10px 0; }
#s_main h3 {
  font-size: 1.5em;
  font-weight: bold;
  line-height: 1.4;
  margin: 1em 0;
  text-align: center; }
#s_main h4 {
  font-size: 1.2em;
  font-weight: bold;
  margin: 0 0 0.5em; }
  #s_main h4.award {
    margin-bottom: 0;
    display: inline-block;
    padding-right: 3rem;
    background: #f1f1f1 url(../img/trophy.png) no-repeat right/contain; }
#s_main .s_ank ul {
  text-align: center;
  display: flex;
  justify-content: center; }
  #s_main .s_ank ul li {
    flex: 1 1 0%;
    margin: 0 3px;
    max-width: 150px;
    border-radius: 5px;
    background-color: #333;
    display: inline-block;
    padding: 5px 0;
    transition: all 0.2s ease; }
    #s_main .s_ank ul li:hover {
      background-color: red;
      opacity: 1; }
    #s_main .s_ank ul li a {
      color: #fff;
      font-size: 20px;
      font-weight: bold;
      width: 100%;
      display: block; }
      #s_main .s_ank ul li a:hover {
        opacity: 1; }
#s_main .pullErr {
  text-align: center; }
#s_main .workBox {
  margin: 0 0 2em;
  border-bottom: 1px solid;
  padding: 0 6px 1.7em;
  text-align: center; }
  @media screen and (min-width: 769px) {
    #s_main .workBox .jkImg img {
      width: calc(50% - 10px);
      max-width: 600px;
      margin-right: 10px; } }
  #s_main .workBox p {
    color: #595959; }
  #s_main .workBox .comment {
    background-color: #f1f1f1;
    color: #000;
    padding: 1em;
    margin: 1em 0 1em; }
@media screen and (min-width: 769px) {
  #s_main .txtBox {
    width: 50%;
    max-width: 600px;
    display: inline-block;
    vertical-align: top; } }
#s_main .s_content {
  margin-bottom: 2em; }
#s_main .l_btnBox {
  display: block; }
  @media screen and (min-width: 376px) {
    #s_main .l_btnBox {
      margin: auto;
      display: flex;
      justify-content: center; } }
#s_main .l_btn {
  text-align: center;
  display: block;
  background-color: #333;
  color: #fff;
  min-width: 160px;
  max-width: 240px;
  text-align: center;
  border-radius: 3px;
  margin: 0 auto 1rem;
  padding: 0.5em 1em;
  font-size: 1.2em; }
  #s_main .l_btn:hover {
    background-color: red;
    opacity: 1; }
  @media screen and (min-width: 376px) {
    #s_main .l_btn {
      margin: 0 5px 1rem; } }
#s_main .resultArea {
  margin: 1em 0;
  text-align: center;
  font-size: 5.3vw; }
  @media screen and (min-width: 769px) {
    #s_main .resultArea {
      font-size: 40px; } }
#s_main select,
#s_main input {
  transition: all 0.2s ease; }
  #s_main select:hover,
  #s_main input:hover {
    cursor: pointer; }
#s_main .selectWrap {
  text-align: center;
  vertical-align: middle;
  margin: 2em 0; }
#s_main input[type="submit"] {
  vertical-align: middle;
  display: inline-block;
  background-color: #333;
  color: #fff;
  border-radius: 3px;
  padding: 0 13px;
  height: 40px; }
  #s_main input[type="submit"]:hover {
    background-color: red; }
#s_main select {
  outline: none;
  -moz-appearance: none;
  text-indent: 0.01px;
  text-overflow: "";
  background: none transparent;
  vertical-align: middle;
  font-size: inherit;
  color: inherit;
  -webkit-appearance: button;
  -moz-appearance: button;
  appearance: button;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  display: inline-block;
  vertical-align: middle;
  font-size: 16px;
  margin: 0 auto;
  max-width: 200px;
  height: 40px;
  padding: 8px 12px;
  border: 1px solid #ddd;
  width: 75%;
  border-radius: 3px; }
#s_main select option {
  background-color: #fff;
  color: #333; }
#s_main select::-ms-expand {
  display: none; }
#s_main select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #828c9a; }
#s_main .select-wrap.select-primary:before {
  color: #fff; }
#s_main .select-wrap.select-primary > select {
  background: #0084b4;
  color: #fff;
  border-color: #0084b4; }
#s_main .select-wrap.select-primary > select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #fff; }
#s_main .select-wrap.select-inverse:before {
  color: #fff; }
#s_main .select-wrap.select-inverse > select {
  color: #fff;
  border-color: #fff; }
#s_main .select-wrap.select-inverse > select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #fff; }

h1 {
  color: #dffffd; }

#dvd ~ .dvdwrap .s_content {
  text-align: left; }