body {
  font-family: dnp-shuei-mgothic-std, sans-serif;
  font-weight: 300; }

h1 {
  font-size: 5.92rem;
  font-weight: 500; }

h2 {
  font-size: 5.02rem;
  font-weight: 300; }

h3 {
  font-size: 4.52rem;
  font-weight: 300; }

h4 {
  font-size: 4.02rem;
  font-weight: 300; }

h5 {
  font-size: 3.52rem;
  font-weight: 300; }

ul {
  padding: 0;
  text-align: center;
  list-style: none; }

li {
  font-size: 3.72rem; }

p {
  font-size: 4.02rem;
  line-height: 7rem; }

pre {
  color: #FFF;
  font-weight: 300; }

a {
  color: #000;
  font-weight: 300; }
a:hover {
  color: #000; }

img {
  width: 100%;
  height: 100%;
  object-fit: cover; }

header img {
  object-fit: contain; }

button {
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  appearance: none; }

.pc-flex {
  justify-content: space-between; }

.title {
  width: 100%; }
.title .outline {
  width: 98%;
  height: 390px;
  margin: 24px auto; }
.title .outline .bg-img {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center; }
.title .outline .bg-img .bg-white {
  width: 45%;
  height: 45%;
  background: rgba(255, 255, 255, 0.8);
  color: #000;
  display: flex;
  justify-content: center;
  align-items: center; }
@media (max-width: 640px) {
  .title .outline .bg-img .bg-white {
    width: 80%; } }

body {
  color: #000; }

#overseas {
  padding-bottom: 10rem; }
#overseas .txt {
  padding-top: 27rem;
  margin-bottom: 12rem; }
#overseas .images {
  margin-bottom: 12rem; }
#overseas .images .img {
  width: 90%;
  margin: auto; }
#overseas .images h3 {
  text-align: center; }
#overseas .label {
  width: 60%;
  padding: 1rem 0;
  background-color: #29ABE2;
  text-align: center;
  margin: auto; }
@media (max-width: 640px) {
  #overseas .label {
    width: 80%; } }
#overseas .label p {
  color: #FFF;
  line-height: 5rem; }

/*# sourceMappingURL=overseas.css.map */