.about-title {
  margin: 0 auto;
  margin-top: 80px;
  text-align: center;
  color: #02306e;
}
.about-title .about-t-text {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.about-title .about-t-text .text-title {
  font-family: "NotoSans-bold", sans-serif;
  font-size: 2rem;
  font-weight: 600;
}
.about-title h1 {
  position: relative;
  display: flex;
  max-width: 600px;
  font-family: "NotoSerif-Black", sans-serif;
  font-weight: 900;
  font-size: 3rem;
  line-height: 100%;
  letter-spacing: 0px;
}
.about-title p {
  margin-top: 1.6875rem;
  font-family: "NotoSerif-Regular", sans-serif;
  font-weight: 400;
  font-size: 1rem;
}
.about-title .img01 {
  position: absolute;
  top: -2.125rem;
  transform: translateX(-3vw);
  width: 8vw;
  max-width: 6.625rem;
  max-height: 6.875rem;
  min-width: 42px;
  min-height: 40px;
}
.about-title .img02about {
  position: absolute;
  width: 10.3125rem;
  height: 10rem;
  top: -40px;
  transform: translate(62%, -28%);
}
.about-title .img02about-en {
  display: none;
}
.about-title-zh {
  margin-top: 110px;
}
.fonts-zh {
  font-family: Noto Serif CJK JP !important;
}
.fonts-spac5 {
  letter-spacing: 5px !important;
}
.fonts-spac7 {
  letter-spacing: 7px !important;
}
.style-hide {
  display: none !important;
}
.style-show {
  display: block !important;
}
.text-alCen {
  text-align: center !important;
}
.font-wer700 {
  font-weight: 700 !important;
}
.about-oneTab {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 auto;
  margin-top: 84px;
  text-align: center;
  font-family: Noto Sans CJK JP;
  font-weight: 700;
  font-size: 1.25rem;
}
.about-oneTab .a-o-item {
  display: flex;
  width: 75%;
  min-width: 306px;
  height: auto;
  padding: 2.0625rem;
  background: #ffe3d3;
  border-radius: 1.6875rem;
  color: #02306e;
  gap: 0.125rem;
}
.about-oneTab .a-o-item .a-o-i-title {
  font-family: "NotoSans-Regular", sans-serif;
  width: 20%;
  min-width: 80px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
}
.about-oneTab .a-o-item .a-o-i-mis {
  font-family: "NotoSans-Regular", sans-serif;
  display: flex;
  align-items: center;
  width: auto;
  text-align: left;
  font-weight: 500;
}
.about-oneTab .bab {
  background-color: #fff;
}
.mis-en {
  padding-left: 25px;
}
.about-twoTab {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 auto;
  margin-top: 84px;
  text-align: center;
  font-family: Noto Sans CJK JP;
  font-weight: 700;
  font-size: 1.25rem;
}
.about-twoTab .a-o-item {
  display: flex;
  width: 75%;
  min-width: 306px;
  height: auto;
  padding: 2.0625rem;
  background: #f3f3f3;
  border-radius: 1.6875rem;
  color: #02306e;
  gap: 0.125rem;
}
.about-twoTab .a-o-item .a-o-i-title {
  font-family: "NotoSans-Regular", sans-serif;
  width: 20%;
  min-width: 80px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
}
.about-twoTab .a-o-item .a-o-i-mis {
  font-family: "NotoSans-Regular", sans-serif;
  display: flex;
  align-items: center;
  width: auto;
  text-align: left;
  width: 80%;
  font-weight: 500;
}
.about-twoTab .bab {
  background-color: #fff;
}
.about-content {
  width: 75%;
  margin: 0 auto;
  color: #02306e;
}
.about-content h4 {
  font-size: 1rem;
}
.about-content .marT20 {
  margin-top: 20px;
  font-family: "NotoSans-regular", sans-serif;
  font-weight: 700;
}
.about-content h4 {
  font-family: "NotoSans-regular", sans-serif;
  font-weight: 700;
}
.about-content p {
  margin: 3px;
  font-family: "NotoSans-regular", sans-serif;
  font-size: 1rem;
}
.about-content .bold {
  font-size: 1rem;
  font-family: "NotoSans-regular", sans-serif;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .about-title .about-t-text h1 {
    font-size: 24px;
  }
  .about-title .about-t-text .text-title {
    font-size: 14px;
  }
  .about-title .about-t-text .img02about {
    transform: translate(46%, -24%) scale(0.7);
  }
  .about-title p {
    width: 60%;
    text-align: center;
  }
  .about-title .p-en {
    text-align: left;
  }
  .bold {
    font-size: 1rem;
  }
  .fonts-spac5 {
    letter-spacing: 0 !important;
  }
  .fonts-spac7 {
    letter-spacing: 0 !important;
  }
  .about-oneTab {
    margin-top: 34px;
  }
  .about-oneTab .a-o-item {
    width: 85%;
    padding: 0.85rem 0.5rem;
    margin-bottom: 0.625rem;
    font-size: 1rem;
  }
  .about-oneTab .a-o-item .a-o-i-title {
    min-width: 100px;
    text-align: center;
  }
  .mis-en {
    padding-left: 5px;
  }
  .about-twoTab {
    font-size: 1rem !important;
    margin-top: 34px;
  }
  .about-twoTab .a-o-item {
    width: 85%;
    padding: 0.85rem 0.5rem;
    margin-bottom: 0.625rem;
  }
  .about-twoTab .a-o-item .a-o-i-title {
    min-width: 100px;
    text-align: center;
  }
  .about-content {
    width: 80%;
  }
  .about-content p {
    font-size: 1rem;
  }
}