* {
  font-family: 'Noto Sans JP', sans-serif;
  line-height: 1.8; }

* img {
  max-width: 100%; }

.border01 {
  border-left: #cfcbe0 8px solid;
  border-right: #cfcbe0 8px solid;
  border-image: linear-gradient(to bottom, #2c85b7 0%, #807db0 50%, #cfcbe0 100%);
  border-image-slice: 1; }

.border02 {
  border: #cfcbe0 4px solid;
  border-image: linear-gradient(to bottom, #2c85b7 0%, #807db0 50%, #cfcbe0 100%);
  border-image-slice: 1; }

table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%; }

.corner__top {
  width: 100%;
  height: 40px;
  display: flex;
  position: relative; }

.corner__top--left {
  width: 40px;
  height: 40px;
  background: url("../img/top/corner01.png") no-repeat;
  position: absolute;
  left: 0; }

.corner__top--right {
  width: 40px;
  height: 40px;
  background: url("../img/top/corner02.png") no-repeat;
  position: absolute;
  right: 0; }

.corner__top--center {
  width: calc(100% - 80px);
  height: 40px;
  background: url("../img/top/corner03.png") repeat-x;
  margin: 0 auto; }

.corner__bottom {
  width: 100%;
  height: 40px;
  display: flex;
  position: relative; }

.corner__bottom--left {
  width: 40px;
  height: 40px;
  background: url("../img/top/corner04.png") no-repeat;
  position: absolute;
  left: 0; }

.corner__bottom--right {
  width: 40px;
  height: 40px;
  background: url("../img/top/corner05.png") no-repeat;
  position: absolute;
  right: 0; }

.corner__bottom--center {
  width: calc(100% - 80px);
  height: 40px;
  background: url("../img/top/corner06.png") repeat-x;
  margin: 0 auto; }

.right {
  margin: 0 0 0 auto; }

.pc_hide {
  display: none; }
  @media (max-width: 768px) {
    .pc_hide {
      display: block; } }

.sp_hide {
  display: auto; }
  @media (max-width: 768px) {
    .sp_hide {
      display: none; } }

/* common design */
/* animation */
.fadeInUpTrigger {
  opacity: 0; }

.delay-time1 {
  animation-delay: 0.3s; }

.delay-time2 {
  animation-delay: 0.6s; }

.delay-time3 {
  animation-delay: 1s; }
  @media (max-width: 768px) {
    .delay-time3 {
      animation-delay: 0.6s; } }

/* animation */
footer {
  width: 100%;
  background: #2e2f64;
  padding: 20px 0 40px;
  text-align: center; }
  footer img {
    max-width: 100%;
    max-height: 100%; }

.copy {
  width: 90%;
  margin: 0 auto; }

.flex {
  display: flex;
  justify-content: center; }
  @media (max-width: 768px) {
    .flex {
      flex-wrap: wrap; } }

.base-platform-icon, .base-copyright {
  list-style-type: none;
  margin-top: 40px; }
  @media (max-width: 768px) {
    .base-platform-icon, .base-copyright {
      margin: 2% 0 0; } }

.base-platform-icon li {
  height: 50px;
  margin: 20px; }
  @media (max-width: 768px) {
    .base-platform-icon li {
      margin: 1em;
      height: 10vw; } }

.base-copyright-txt {
  font-size: 0.8em;
  line-height: 1.7; }

/* language */
.select-language {
  position: fixed;
  top: 0px;
  left: 0px;
  font-size: 14px;
  z-index: 100;
  transition: all 0.5s ease-in-out; }
  @media (max-width: 768px) {
    .select-language {
      font-size: 12px; } }

.select-language.on {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.8); }

.select-language__btn {
  background: #7a78ad;
  color: #fff;
  display: flex;
  align-items: center;
  padding: 10px 30px;
  transition: all 0.5s; }
  @media (max-width: 768px) {
    .select-language__btn {
      padding: 8px 30px; } }

.select-language__btn:hover {
  opacity: 0.8; }
  @media (max-width: 768px) {
    .select-language__btn:hover {
      opacity: 1; } }

.select-language__icon {
  width: 20px;
  margin-right: 5px; }

.select-language__list {
  transition: all 0.5s ease-in-out;
  opacity: 0;
  pointer-events: none; }

.on .select-language__list {
  height: auto;
  transition: all 0.5s ease-in-out;
  opacity: 1;
  pointer-events: all; }

.select-language__list .list-item a {
  display: block;
  text-decoration: none;
  padding: 10px 30px;
  color: #fff;
  background: #7a78ad;
  border-top: 1px solid #999;
  text-align: center; }
  @media (max-width: 768px) {
    .select-language__list .list-item a {
      padding: 15px 30px; } }

.select-language__list .list-item a:hover {
  background: #605e9d; }

.jp .select-language__list .list-item.jp a {
  background: #605e9d;
  pointer-events: none; }

.us .select-language__list .list-item.us a {
  background: #605e9d;
  pointer-events: none; }

.uk .select-language__list .list-item.uk a {
  background: #605e9d;
  pointer-events: none; }

.tc .select-language__list .list-item.tc a {
  background: #605e9d;
  pointer-events: none; }

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