@charset "UTF-8";

header {
  height: 110px;
  border-bottom: none;
  box-sizing: border-box;
}

#wrapper {
  min-height: 100vh;
  position: relative;
  box-sizing: border-box;
}

footer {
  height: 102px;
}

.fotter-and-address {
  width: 100%;
  position: absolute;
  bottom: 0;
}

footer .container {
  border-top: 0;
}

#gNav,
#language,
.footerPageLi {
  display: none;
}

#pagetop {
  display: none !important;
}

#contents {
  background-color: unset;
}

#contInner {
  color: #595959;
  max-width: 750px;
  height: calc(100vh - 212px);
  background-color: #EEEEEE;
  padding: 24px 0 0;
  margin: 0 auto;
  box-sizing: border-box;
  position: relative;
}

.content-ttl {
  text-align: center;
  font-size: 17px;
  font-weight: 600;
  letter-spacing: 0.7px;
  line-height: 18px;
  padding: 0 10px 0;
}

.content-subttl {
  text-align: center;
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 0.7px;
  line-height: 18px;
  padding: 0 10px 10px;
}

.link-list {
  text-align: center;
  margin: 20px 50px 0;
}

.link-item {
  margin-bottom: 20px;
}

.link-item a {
  color: #0097A7;
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 1px;
  line-height: 18px;
  text-decoration: underline;
}

.link-item a:hover {
  text-decoration: none;
}

.address-eng {
  font-size: 14px;
  letter-spacing: 0.7px;
  line-height: 16px;
  max-width: 750px;
  padding: 0 15px 7.5px;
  margin: 0 auto;
  box-sizing: border-box;
}

@media screen and (max-width: 767px) {
  header,
  footer {
    height: auto;
  }
  #gNav,
  #language {
    display: block;
  }

  #wrapper {
    background-color: #EEEEEE;
  }

  #contents {
    margin-bottom: 0;
  }
}