/*==========================================================================================================
 
	common font
 
===========================================================================================================*/
/*==========================================================================================================
 
	character color
 
===========================================================================================================*/
body {
  background-image: url(../img/404/bg.jpg);
  background-position: center center;
  background-size: cover;
  background-attachment: fixed; }

#content {
  max-width: 100%;
  padding: 0; }

#notfound {
  padding-bottom: 150px; }
  #notfound > .meta {
    position: relative;
    max-width: 1360px;
    margin: 0 auto 60px;
    padding: 0 20px; }
    #notfound > .meta h1 {
      margin-bottom: 10px;
      margin-left: 40px;
      transition: all 0.3s ease; }
  #notfound .coming {
    margin: 0;
    padding: 100px 0;
    font-size: 56px;
    text-align: center;
    color: #000f73; }
  #notfound p {
    margin-bottom: 100px;
    font-size: 18px;
    text-align: center; }

@media only screen and (max-width: 1200px) {
  #notfound > .meta h1 {
    margin-left: 0; } }
@media only screen and (max-width: 768px) {
  #notfound {
    min-height: 500px; }
    #notfound > .meta {
      margin: 0 auto 0; }
      #notfound > .meta h1 {
        margin-left: 0; }
        #notfound > .meta h1 img {
          width: calc(211/640*100%); }
    #notfound .coming {
      font-size: 36px;
      font-size: 5.859375vw; }
    #notfound p {
      padding: 0 20px;
      font-size: 18px;
      font-size: 2.9296875vw;
      text-align: left; } }
#terms {
  padding-bottom: 150px; }
  #terms > .meta {
    position: relative;
    max-width: 1360px;
    margin: 0 auto 60px;
    padding: 0 20px; }
    #terms > .meta h1 {
      margin-bottom: 10px;
      margin-left: 40px;
      transition: all 0.3s ease; }
  #terms .coming {
    margin: 0;
    padding: 100px 0;
    font-size: 56px;
    text-align: left;
    color: #000f73; }
  #terms p {
    margin-bottom: 50px;
    font-size: 18px;
    text-align: left; }

@media only screen and (max-width: 1200px) {
  #terms > .meta h1 {
    margin-left: 0; } }
@media only screen and (max-width: 768px) {
  #terms {
    min-height: 500px; }
    #terms > .meta {
      margin: 0 auto 0; }
      #terms > .meta h1 {
        margin-left: 0; }
        #terms > .meta h1 img {
          width: calc(211/640*100%); }
    #terms .coming {
      font-size: 36px;
      font-size: 5.859375vw; }
    #terms p {
      padding: 0 20px;
      font-size: 18px;
      font-size: 2.9296875vw;
      text-align: left; } }
#terms-txt {
  width: 90%;
  max-width: 1200px;
  margin: 0 auto 60px; }

#terms-txt h2 {
  font-size: 1.5rem;
  font-weight: bold;
  text-align: center;
  margin: 2em; }

/*#terms-txt * {*/
/*margin: 0 !important;*/
/*box-sizing: border-box !important;*/
/*word-break: break-word !important;*/
/*}*/
#terms-txt .list-ind {
  display: table;
  list-style-type: none !important; }

#terms-txt > .list-ind > .list-ind__item > div {
  padding-top: 20px !important; }

#terms-txt .mt10 {
  margin-top: 10px !important; }

#terms-txt .mt15 {
  margin-top: 15px !important; }

#terms-txt .indent {
  margin-left: 2em !important; }

#terms-txt .mt20 {
  margin-top: 20px !important; }

#terms-txt .fwB {
  font-weight: bold !important; }

#terms-txt .list-ind__item {
  display: table-row; }

#terms-txt .list-ind__item > div {
  display: table-cell; }

#terms-txt .list-ind__item > div:first-child {
  font-weight: bold !important;
  width: 1em;
  white-space: nowrap;
  padding-right: 6px;
  text-align: right; }

#terms-txt .list-ind__item > div > strong {
  display: block;
  font-weight: bold !important;
  margin-bottom: 24px !important;
  font-size: x-large; }

#terms-txt .list-std {
  padding-left: 1.5em !important;
  list-style-type: disc !important; }

#terms-txt .list-std > li {
  margin-top: 8px !important; }

#terms-txt > p > a {
  display: block;
  color: #000;
  text-align: center;
  text-decoration: none;
  border: 1px solid #ccc;
  width: 200px;
  margin: 50px auto 0;
  padding: 15px 0; }

#terms-txt > p > a:hover {
  background: #ccc; }