@media (min-width: 768px) {
  body .modal-dialog.modal-member {
    max-width: 640px;
  }
}
@media (max-width: 768px) {
  body .modal-dialog.modal-member {
    padding-top: 80px;
  }
  body .modal-dialog.modal-member .modal-content {
    border: none;
  }
  body .modal-dialog.modal-member .modal-body .title {
    padding-top: 96px;
  }
  body .modal-dialog.modal-member .modal-body .title .lang {
    width: 100px;
    top: 12px;
    left: 12px;
  }
  body .modal-dialog.modal-member .modal-body .title .lang a {
    margin-right: 4px;
  }
  body .modal-dialog.modal-member .modal-body .title .lang a img {
    width: 40px;
  }
  body .modal-dialog.modal-member .modal-body .title .image {
    top: -70px;
  }
  body .modal-dialog.modal-member .modal-body .title .image img {
    width: 140px;
    border-radius: 152px;
  }
  body .modal-dialog.modal-member .modal-body .title h2.name {
    text-align: center;
    font-size: 22px;
  }
  body .modal-dialog.modal-member .modal-body .title h2.name span.position {
    display: block;
    font-size: 16px;
    margin: 0;
  }
  body .modal-dialog.modal-member .modal-body .title h2.name span.position br {
    display: none;
  }
  body .modal-dialog.modal-member .modal-body .title .btn-close {
    top: -1px;
  }
  body .modal-dialog.modal-member .modal-body .title .btn-close img {
    width: 45px;
  }
  body .modal-dialog.modal-member .modal-body .desc {
    padding: 16px 12px;
  }
  body .modal-dialog.modal-member .modal-body .desc .item {
    padding: 8px 8px 20px;
  }
  body .modal-dialog.modal-member .modal-body .desc .item h4 {
    position: static;
    font-size: 16px;
  }
  body .modal-dialog.modal-member .modal-body .desc .item p {
    font-size: 15px;
  }
}
@media (min-width: 992px) {
  html:lang(zh-hans) body .modal-dialog.modal-member .modal-body .desc .item {
    padding-left: 120px;
  }
}
@media (min-width: 992px) {
  html:lang(en-US) body .modal-dialog.modal-member .modal-body .desc .item {
    padding-left: 150px;
  }
  html:lang(en-US) body .modal-dialog.modal-member .modal-body .desc .item h4 {
    line-height: 1.25;
  }
  html:lang(en-US) body .modal-dialog.modal-member .modal-body .desc .item p {
    font-size: 16px;
  }
}
@media (min-width: 992px) {
  html:lang(ja) body .modal-dialog.modal-member .modal-body .desc .item {
    padding-left: 120px;
  }
  html:lang(ja) body .modal-dialog.modal-member .modal-body .desc .item h4 {
    line-height: 1.25;
  }
  html:lang(ja) body .modal-dialog.modal-member .modal-body .desc .item p {
    font-size: 16px;
  }
}
.modal-dialog.modal-member {
  padding-top: 100px;
}
.modal-dialog.modal-member .modal-content {
  border-radius: 0;
}
.modal-dialog.modal-member .modal-body {
  padding: 0;
  border-top: 3px solid;
  border-right: 0;
  border-left: 0;
}
.modal-dialog.modal-member .modal-body .title {
  position: relative;
  padding-top: 140px;
}
.modal-dialog.modal-member .modal-body .title .image {
  position: absolute;
  top: -160px;
  left: 50%;
  transform: translateX(-50%);
}
.modal-dialog.modal-member .modal-body .title .image img {
  width: 280px;
  border-radius: 280px;
}
.modal-dialog.modal-member .modal-body .title h2.name {
  text-align: center;
}
.modal-dialog.modal-member .modal-body .title h2.name .position {
  color: #555;
  font-size: 20px;
  display: inline-block;
  margin-right: 16px;
}
.modal-dialog.modal-member .modal-body .title .btn-close {
  position: absolute;
  right: 0;
  top: 0;
  padding: 0;
  border: none;
}
.modal-dialog.modal-member .modal-body .title .lang {
  position: absolute;
  left: 16px;
  top: 16px;
  width: 140px;
}
.modal-dialog.modal-member .modal-body .title .lang a {
  display: inline-block;
  margin-bottom: 8px;
  margin-right: 8px;
}
.modal-dialog.modal-member .modal-body .title .lang a img {
  width: 57px;
  border: 1px solid #ccc;
}
.modal-dialog.modal-member .modal-body .desc {
  padding: 16px 40px 24px;
}
.modal-dialog.modal-member .modal-body .desc .item {
  border-top: 1px solid #aaa;
  padding-top: 12px;
  padding-bottom: 20px;
  position: relative;
  padding-left: 200px;
}
.modal-dialog.modal-member .modal-body .desc .item h4 {
  position: absolute;
  left: 0;
}
.modal-dialog.modal-member .modal-body .desc .item p {
  color: #656565;
}
@media (max-width: 768px) {
  body .modal-dialog.modal-lang .modal-header {
    padding: 10px 0;
  }
  body .modal-dialog.modal-lang .modal-header .modal-title img {
    width: 220px;
  }
  body .modal-dialog.modal-lang .modal-body .body-title {
    padding: 24px 0;
  }
  body .modal-dialog.modal-lang .modal-body .body-title h3 {
    font-size: 26px;
  }
  body .modal-dialog.modal-lang .modal-body .body-nav ul li {
    flex-basis: 100%;
    padding: 4px;
  }
  body .modal-dialog.modal-lang .modal-body .body-nav ul li a {
    display: block;
    text-align: center;
    position: relative;
    padding: 12px 0;
  }
  body .modal-dialog.modal-lang .modal-body .body-nav ul li a img {
    position: absolute;
    left: 8px;
    top: 11px;
    width: 43px;
  }
  body .modal-dialog.modal-lang .modal-body .body-nav ul li a span {
    display: inline-block;
    margin: 0;
  }
}
@media (min-width: 900px) {
  body .modal-dialog.modal-lang {
    max-width: 800px;
  }
}
.modal-dialog.modal-lang .modal-content {
  border-radius: 0;
}
.modal-dialog.modal-lang .modal-header {
  justify-content: center;
  border-bottom: 1px solid #ccc;
}
.modal-dialog.modal-lang .modal-header .modal-title {
  text-align: center;
}
.modal-dialog.modal-lang .modal-header .modal-title img {
  width: 270px;
}
.modal-dialog.modal-lang .modal-body {
  padding: 0;
}
.modal-dialog.modal-lang .modal-body .body-title {
  border-bottom: 1px solid #ccc;
  padding: 32px 0;
  text-align: center;
}
.modal-dialog.modal-lang .modal-body .body-title h3 {
  font-size: 36px;
}
.modal-dialog.modal-lang .modal-body .body-title p {
  color: #757575;
}
.modal-dialog.modal-lang .modal-body .body-nav {
  background: #f0f0f0;
  padding: 16px;
}
.modal-dialog.modal-lang .modal-body .body-nav ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
}
.modal-dialog.modal-lang .modal-body .body-nav ul li {
  flex-basis: 20%;
  padding: 8px;
}
.modal-dialog.modal-lang .modal-body .body-nav ul li a {
  padding: 20px 8px;
  background: white;
  display: block;
  text-align: center;
  border: 1px solid #DFDFDF;
}
.modal-dialog.modal-lang .modal-body .body-nav ul li a:hover {
  border: 1px solid;
}
.modal-dialog.modal-lang .modal-body .body-nav ul li a img {
  display: inline-block;
  width: 88px;
  border: 1px solid #ccc;
}
.modal-dialog.modal-lang .modal-body .body-nav ul li a span {
  margin-top: 12px;
  display: block;
  text-align: center;
  font-size: 18px;
  color: #555;
}
/*# sourceMappingURL=data:application/json,%7B%22version%22%3A3%2C%22sourceRoot%22%3A%22%2F%22%2C%22sources%22%3A%5B%22wp-content%2Fcustom_codes%2F4533-scss-default.scss%22%5D%2C%22names%22%3A%5B%5D%2C%22mappings%22%3A%22AAAA%3BAACK%3BAAAA%3BAAAA%3BAAAA%3BAAKL%3BAACK%3BAAAA%3BAAAA%3BAAEI%3BAAAA%3BAAAA%3BAAIG%3BAAAA%3BAAAA%3BAAEI%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAII%3BAAAA%3BAAAA%3BAACI%3BAAAA%3BAAAA%3BAAKR%3BAAAA%3BAAAA%3BAAEI%3BAAAA%3BAAAA%3BAAAA%3BAAKJ%3BAAAA%3BAAAA%3BAAAA%3BAAGI%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAII%3BAAAA%3BAAAA%3BAAKR%3BAAAA%3BAAAA%3BAAEI%3BAAAA%3BAAAA%3BAAMR%3BAAAA%3BAAAA%3BAAEI%3BAAAA%3BAAAA%3BAAEI%3BAAAA%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAAA%3BAAepB%3BAAIgB%3BAAAA%3BAAAA%3BAAAA%3BAAOhB%3BAAIgB%3BAAAA%3BAAAA%3BAAEI%3BAAAA%3BAAAA%3BAAGA%3BAAAA%3BAAAA%3BAAAA%3BAASpB%3BAAIgB%3BAAAA%3BAAAA%3BAAEI%3BAAAA%3BAAAA%3BAAGA%3BAAAA%3BAAAA%3BAAAA%3BAAUpB%3BAAAA%3BAAAA%3BAAEI%3BAAAA%3BAAAA%3BAAGA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAKI%3BAAAA%3BAAAA%3BAAAA%3BAAGI%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAEI%3BAAAA%3BAAAA%3BAAAA%3BAAQJ%3BAAAA%3BAAAA%3BAAEI%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAOJ%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAOA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAKI%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAII%3BAAAA%3BAAAA%3BAAAA%3BAAOZ%3BAAAA%3BAAAA%3BAAEI%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAMI%3BAAAA%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAUhB%3BAAES%3BAAAA%3BAAAA%3BAAGQ%3BAAAA%3BAAAA%3BAAML%3BAAAA%3BAAAA%3BAAEI%3BAAAA%3BAAAA%3BAAMI%3BAAAA%3BAAAA%3BAAAA%3BAAGI%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAKI%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAOA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAY5B%3BAACK%3BAAAA%3BAAAA%3BAAAA%3BAAMD%3BAAAA%3BAAAA%3BAAGA%3BAAAA%3BAAAA%3BAAAA%3BAAGI%3BAAAA%3BAAAA%3BAAGI%3BAAAA%3BAAAA%3BAAKR%3BAAAA%3BAAAA%3BAAEI%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAII%3BAAAA%3BAAAA%3BAAGA%3BAAAA%3BAAAA%3BAAIJ%3BAAAA%3BAAAA%3BAAAA%3BAAGI%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAMI%3BAAAA%3BAAAA%3BAAAA%3BAAGI%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAACI%3BAAAA%3BAAAA%3BAAQA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%22%7D */