@charset "utf-8";

/* CSS Document 
body {
  cursor: pointer;
}*/

.card2 {
  width: 100% !important;
  height: 1100px;
  border-radius: 10px;
}

.navbar-nav .nav-link {
  color: #000;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 12px;
}

.navbar-nav .nav-link.active,
.navbar-nav .nav-link.show {
  color: #000;
}

.nav-button {
  font-family: "Noto Sans JP", sans-serif;
  padding: 10px 25px;
  font-size: 12px;
}

.navbar-toggler {
  border: #a846eb solid 1px;
}

.navbar-toggler {
  background-color: #a846eb;
}

.nav-button {
  background-color: #fff;
  border: solid 1px #a846eb;
  color: #000;
  padding: 8px 18px;
  font-family: "Noto Sans JP", sans-serif;
  border-radius: 5px;
  font-size: 14px;
}

.nav-button2 {
  background-color: #f17b48;
  border: solid 1px #f17b48;
  color: #fff;
  padding: 8px 18px;
  font-family: "Noto Sans JP", sans-serif;
  border-radius: 5px;
  font-size: 14px;
  margin-left: 10px;
}

.banner {
  background-image: url(Images/banner-1.png);
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.banner-inner-box {
  background: linear-gradient(
    90deg,
    rgba(171, 70, 235, 1) 0%,
    rgba(73, 73, 230, 1) 100%
  ) !important;
  width: 81%;
  padding: 8px 0 8px 35px;
  text-align: left;
}

.banner-1-button a {
  color: #fff;
  text-decoration: none;
}

.banner-inner-box-text h2 {
  color: #fff;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
  font-size: 70px;
  background: linear-gradient(
    90deg,
    rgba(171, 70, 235, 1) 0%,
    rgba(73, 73, 230, 1) 100%
  ) !important;
}

.banner-inner-text h1 {
  color: #fff;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
  font-size: 45px;
  text-align: left;
  padding-top: 24%;
}

.banner-inner-text p {
  color: #fff;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  font-size: 18px;
  text-align: left;
}

.banner-1-button {
  background-color: #f17b48;
  border: solid 1px #f17b48;
  color: #fff;
  padding: 15px 32px;
  font-family: "Noto Sans JP", sans-serif;
  border-radius: 5px;
  font-size: 25px;
  margin-top: 9% !important;
  margin-bottom: 12%;
  font-weight: bold;
}

.button-vps {
  background-color: #f17b48;
  border: solid 1px #f17b48;
  color: #fff;
  padding: 15px 30px;
  font-family: "Noto Sans JP", sans-serif;
  border-radius: 5px;
  font-size: 20px;
  text-align: center;
  margin-top: 8%;
  margin-bottom: 2%;
  font-weight: bold;
}

.button-vps-align {
  text-align: center;
}

.button2-vps {
  background-color: #f17b48;
  border: solid 1px #f17b48;
  color: #fff;
  padding: 0px 30px;
  font-family: "Noto Sans JP", sans-serif;
  border-radius: 5px;
  font-size: 20px;
  text-align: center;
  margin-top: 8%;
  margin-bottom: 2%;
}

.banner-button-align {
  text-align: center;
}

.box-shape {
  background: linear-gradient(
    90deg,
    rgba(171, 70, 235, 1) 0%,
    rgba(73, 73, 230, 1) 100%
  ) !important;
  width: 320px;
  height: 60px;
  text-align: center;
}

.about-text h1 {
  color: #fff;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
  font-size: 34px;
  text-align: center;
  margin-top: 10px;
}

.about-text h6 {
  color: #a846eb;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
  font-size: 16px;
  text-align: center;
}

.about-text h2 {
  color: #343434;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  font-size: 32px;
  text-align: left;
  padding: 2% 0%;
}

.about-text p {
  color: #343434;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  font-size: 16px;
  text-align: left;
}

.about-box {
  border: solid 1px #a846eb;
  border-radius: 10px;
  background-color: #fbf6fe;
  padding: 25px 0px;
}

.about-box h2 {
  color: #a846eb;
  font-family: "roboto", sans-serif;
  font-weight: 700;
  font-size: 32px;
  text-align: center;
}

.about-box h2 span {
  font-family: "Noto Sans JP", sans-serif;
}

.about-box p {
  color: #666666;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  font-size: 12px;
  text-align: center;
  margin-bottom: 0px;
}

.promises-bg {
  background-color: #f3f3f3;
}

.promises-box {
  background: linear-gradient(
    90deg,
    rgba(171, 70, 235, 1) 0%,
    rgba(73, 73, 230, 1) 100%
  ) !important;
  width: 95%;
  height: 60px;
  text-align: center;
}

.promises-box2 {
  background: linear-gradient(
    90deg,
    rgba(171, 70, 235, 1) 0%,
    rgba(73, 73, 230, 1) 100%
  ) !important;
  width: 60%;
  height: 60px;
  text-align: center;
}

.promises-text h1 {
  color: #fff;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  font-size: 36px;
  text-align: center;
  margin-top: 10px;
  padding-top: 6px;
}

.promises-text h6 {
  color: #a846eb;
  font-family: "roboto", sans-serif;
  font-weight: 700;
  font-size: 20px;
  text-align: left;
  margin-top: 20px;
}

.promises-text p {
  color: #343434;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  font-size: 16px;
  text-align: left;
  margin-top: 10px;
  padding-right: 65px;
}

.promises-inner-box {
  border: solid 1px #343434;
  border-radius: 8px;
  background-color: #fff;
  padding: 15px;
  text-align: center;
  height: 100%;
}

.promises-inner-text h2 {
  color: #343434;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  font-size: 20px;
  text-align: center;
  padding-top: 18px;
}

.promises-inner-text p {
  color: #343434;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  font-size: 16px;
  text-align: left;
}

.promises-button {
  background-color: #f17b48;
  border: solid 1px #f17b48;
  color: #fff;
  padding: 15px 30px;
  font-family: "Noto Sans JP", sans-serif;
  border-radius: 5px;
  font-size: 20px;
  margin: 3% 0%;
  font-weight: bold;
}

.promises-button2 {
  background-color: #f17b48;
  border: solid 1px #f17b48;
  color: #fff;
  padding: 15px 30px;
  font-family: "Noto Sans JP", sans-serif;
  border-radius: 5px;
  font-size: 20px;
  margin: 3% 0%;
  font-weight: bold;
}

.button-align {
  text-align: center !important;
}

.plan-box {
  background: linear-gradient(
    90deg,
    rgba(171, 70, 235, 1) 0%,
    rgba(73, 73, 230, 1) 100%
  ) !important;
  width: 100%;
  max-width: 80%;
  text-align: right;
  padding: 0% 2%;
  float: right;
  margin-bottom: 10px;
}

.plan-box2 {
  background: linear-gradient(
    90deg,
    rgba(171, 70, 235, 1) 0%,
    rgba(73, 73, 230, 1) 100%
  ) !important;
  width: 100%;
  max-width: 90%;
  text-align: right;
  padding: 0% 2%;
  float: right;
}

.plan-text h1 {
  color: #fff;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  font-size: 36px;
  text-align: right;
  padding-top: 6px;
}

.plan-text h6 {
  color: #a846eb;
  font-family: "roboto", sans-serif;
  font-weight: 700;
  font-size: 20px;
  text-align: right;
  margin-top: 20px;
  float: right;
}

.plan-text p {
  color: #343434;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  font-size: 16px;
  text-align: left;
  margin-top: 10px;
  padding-right: 65px;
}

.card {
  width: 100% !important;
  height: 100%;
  border-radius: 10px;
}

.card-title {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  font-size: 24px;
  text-align: center;
  color: #343434;
}

.card-text {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  font-size: 16px;
  color: #343434;
}

.card-body {
  padding: 5%;
}

.card-body-footer {
  background-color: #e5e5e5;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.card-box {
  background-color: #fff;
  margin: 20px;
}

.card-box ul {
  margin: 0px;
  padding: 0px;
}

.card-box ul li {
  list-style-type: none;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  font-size: 19px;
  text-align: center;
  color: #4a49e6;
}

.card-box ul li:nth-child(3) {
  background-color: #9900cc;
  color: #fff;
  text-align: center;
}

.card-button {
  background-color: #f17b48;
  border: solid 1px #f17b48;
  color: #fff;
  padding: 4px 20px;
  font-family: "Noto Sans JP", sans-serif;
  border-radius: 5px;
  font-size: 20px;
  margin: 3% 0%;
}

.card-button-space {
  margin-bottom: 5%;
}

.benefit-banner {
  background-image: url(Images/benefit.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  height: 200%;
}

.benefit-bg {
  background-color: #fff;
  border-radius: 10px;
  height: 100%;
}

.benefit-box {
  background: linear-gradient(
    90deg,
    rgba(171, 70, 235, 1) 0%,
    rgba(73, 73, 230, 1) 100%
  ) !important;
  width: 420px;
  height: 60px;
  text-align: center;
}

.benefit-text h1 {
  color: #fff;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
  font-size: 34px;
  text-align: center;
  margin-top: 10px;
}

.benefit-text h6 {
  color: #fff;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
  font-size: 16px;
  text-align: center;
  margin-top: 15px;
}

.benefit-inner h1 {
  color: #000;
  font-family: "Times New Roman", Times, serif;
  font-weight: 700;
  font-size: 108px;
  text-align: center;
  line-height: 1em;
}

.benefit-inner-box {
  background: linear-gradient(
    90deg,
    rgba(74, 73, 230, 1) 0%,
    rgba(168, 70, 235, 1) 100%
  ) !important;
  width: 90%;
  height: 31%;
  text-align: center;
}

.benefit-inner-box2 {
  background: linear-gradient(
    90deg,
    rgba(74, 73, 230, 1) 0%,
    rgba(168, 70, 235, 1) 100%
  ) !important;
  width: 80%;
  height: 31%;
  text-align: center;
}

.benefit-inner-box3 {
  background: linear-gradient(
    90deg,
    rgba(74, 73, 230, 1) 0%,
    rgba(168, 70, 235, 1) 100%
  ) !important;
  width: 80%;
  height: 31%;
  text-align: center;
}

.benefit-column {
  display: flex;
  align-items: center;
}

.benefit-inner-text h1:nth-child(1) {
  margin-bottom: 4px;
}

.benefit-inner-text h1 {
  color: #fff;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 900;
  font-size: 32px;
  text-align: center;
}

.benefit-inner-text p {
  color: #343434;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  font-size: 16px;
  text-align: left;
  margin-top: 0px;
}

.benefit-inner-text h3 {
  color: #343434;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  font-size: 22px;
  text-align: left;
}

.inner-bg {
  background-color: #f1f1f1;
  height: 30%;
}

.inner-bg2 {
  background-color: #f1f1f1;
  height: 33%;
}

.xeon-inner-box {
  background-color: #333333;
  width: 90%;
  height: 100%;
  text-align: center;
  padding: 0px 6px;
}

.xeon-box-shadow {
  box-shadow: 0px 2px 5px 0px rgba(184, 177, 177, 0.75);
}

.xeon-text p {
  color: #fff;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 300;
  font-size: 10px;
  text-align: left;
  margin: 0px;
  padding: 0px;
}

.xeon-text h1 {
  color: #fff;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  font-size: 22px;
  text-align: left;
  margin: 0px;
  padding: 0px;
}

.xeon-text2 h1 {
  color: #343434;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 900;
  font-size: 44px;
  text-align: right;
}

.ryzen {
  background: linear-gradient(
    90deg,
    rgba(74, 73, 230, 1) 0%,
    rgba(168, 70, 235, 1) 100%
  ) !important;
  width: 75%;
  height: 98%;
  text-align: center;
  padding: 0px 6px;
}

.ryzen-text h1 {
  background: -webkit-linear-gradient(#4a49e6, #a846eb);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 900;
  font-size: 44px;
  text-align: right;
}

.ryzen-text p {
  color: #343434;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  font-size: 16px;
  text-align: left;
  margin: 2%;
}

.vector {
  position: relative;
}

.vector-img {
  position: absolute;
  right: 35%;
  top: -10px;
}

.vector-img img {
  width: 95%;
}

.inner2-bg {
  background-color: #ffffff;
}

.benefit-inner2-text span:nth-child(1) {
  color: #000;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  font-size: 42px;
  text-align: left;
}

.benefit-inner2-text span:nth-child(2) {
  color: #fff;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 900;
  font-size: 24px;
  text-align: left;
  background: linear-gradient(
    90deg,
    rgba(74, 73, 230, 1) 0%,
    rgba(168, 70, 235, 1) 100%
  ) !important;
}

.benefit-inner2-text p {
  color: #343434;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  font-size: 16px;
  text-align: left;
  margin-top: 10px;
}

.benefit-inner2-text {
  column-gap: 14px;
}

.benefit-inner-align {
  display: flex;
}

.benefit-button {
  background-color: #f17b48;
  border: solid 1px #f17b48;
  color: #fff;
  padding: 15px 30px;
  font-family: "Noto Sans JP", sans-serif;
  border-radius: 5px;
  font-size: 20px;
  margin: 3% 0%;
}

.faq-box {
  background: linear-gradient(
    90deg,
    rgba(171, 70, 235, 1) 0%,
    rgba(73, 73, 230, 1) 100%
  ) !important;
  width: 260px;
  height: 60px;
  text-align: center;
}

.faq-text h1 {
  color: #fff;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
  font-size: 34px;
  text-align: center;
  margin-top: 10px;
}

.faq-text h6 {
  color: #a846eb;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
  font-size: 16px;
  text-align: center;
  margin-top: 15px;
}

.faq-inner-box {
  background-color: #ffffff;
  border: solid 1px #343434;
  border-radius: 10px;
}

.faq-inner h1 {
  color: #343434;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  font-size: 22px;
  text-align: left;
}

.faq-inner h1 span {
  color: #a846eb;
  padding-right: 10px;
}

.faq-inner p {
  color: #343434;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 300;
  font-size: 14px;
  text-align: left;
  margin-top: 10px;
}

.footer-bg {
  background: linear-gradient(
    140deg,
    rgba(255, 255, 255, 1) 0%,
    rgba(236, 215, 251, 1) 71%,
    rgba(168, 70, 235, 0.7399334733893557) 81%,
    rgba(74, 73, 230, 0.700717787114846) 99%
  );
}

.footer-text p {
  color: #343434;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  font-size: 16px;
  text-align: left;
}

.footer-text a {
  color: #343434;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  font-size: 16px;
  text-align: left;
  text-decoration: none;
}

.faq-button {
  background-color: #f17b48;
  border: solid 1px #f17b48;
  color: #fff;
  padding: 10px 16px;
  font-family: "Noto Sans JP", sans-serif;
  border-radius: 5px;
  font-size: 16px;
  margin: 3% 0%;
}

.footer-coyright p {
  color: #000;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  font-size: 16px;
  text-align: center;
}

/* CSS vps */

.banner-vps {
  background-image: url(Images/vps/VPS-banner.png);
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.banner2-vps {
  background-image: url(Images/vps/banner-image.png);
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.vps-text h1 {
  color: #fff;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
  font-size: 54px;
  text-align: left;
  margin-top: 12%;
  background: linear-gradient(
    90deg,
    rgba(74, 73, 230, 1) 0%,
    rgba(168, 70, 235, 1) 100%
  ) !important;
  padding: 5px 0 8px 20px;
  width: 54%;
}

.vps-text h2 {
  color: #fff;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
  font-size: 53px;
  text-align: left;
  background: linear-gradient(
    90deg,
    rgba(74, 73, 230, 1) 0%,
    rgba(168, 70, 235, 1) 100%
  ) !important;
  padding: 5px 0 8px 20px;
  width: auto;
  max-width: 88%;
  letter-spacing: 6.2px;
}

.vps-text2 h2 {
  color: #fff;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
  font-size: 24px;
  text-align: left;
  background: #333 !important;
  width: 33%;
  margin-top: 3%;
  padding: 10px 0 10px 20px;
}

.vps-text3 h2 {
  color: #fff;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
  font-size: 24px;
  text-align: left;
  background: #333 !important;
  width: 44%;
  padding: 10px 0 10px 20px;
}

.about-bg {
  background-color: #f9f9f9;
}

.vps-about-text h1 {
  color: #fff;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
  font-size: 34px;
  text-align: center;
  margin-top: 10px;
}

.vps-box-shape {
  background: linear-gradient(
    90deg,
    rgba(171, 70, 235, 1) 0%,
    rgba(73, 73, 230, 1) 100%
  ) !important;
  width: 32%;
  height: 60px;
  text-align: center;
}

.vps-about-text h2 {
  color: #343434;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
  font-size: 32px;
  text-align: center;
  margin-top: 2%;
}

.vps-about-text h3 {
  color: #343434;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
  font-size: 32px;
  text-align: center;
}

.speed h3 {
  color: #343434;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
  font-size: 23px;
  text-align: left;
  margin-left: 10%;
}

.speed ul li {
  margin-left: 10%;
  font-size: 16px;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
}

.benefit-vps-banner {
  background-image: url(Images/vps/benefit-vps.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.benefit-vps-text h1 {
  color: #fff;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
  font-size: 34px;
  text-align: center;
  margin-top: 10px;
}

.benefit-vps-box {
  background: linear-gradient(
    90deg,
    rgba(171, 70, 235, 1) 0%,
    rgba(73, 73, 230, 1) 100%
  ) !important;
  width: 30%;
  height: 60px;
  text-align: center;
}

.benefit-inner2-text span:nth-child(2) {
  color: #fff;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 900;
  font-size: 24px;
  text-align: left;
  background: linear-gradient(
    90deg,
    rgba(74, 73, 230, 1) 0%,
    rgba(168, 70, 235, 1) 100%
  ) !important;
}

.benefit-inner2-text span:nth-child(2) {
  color: #fff;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 900;
  font-size: 24px;
  text-align: left;
  background: linear-gradient(
    90deg,
    rgba(74, 73, 230, 1) 0%,
    rgba(168, 70, 235, 1) 100%
  ) !important;
}

.benefit-inner2-text p {
  color: #343434;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  font-size: 16px;
  text-align: left;
}

.benefit-inner2-text ul {
  padding-left: 1.3em;
}

.benefit-inner2-text ul li {
  text-align: left;
  padding-left: 0px;
  margin-left: 0px;
}

.bg-vps {
  background-color: #fff;
  border-radius: 10px;
  height: 400px !important;
}

.vps-plan-box {
  background: linear-gradient(
    90deg,
    rgba(171, 70, 235, 1) 0%,
    rgba(73, 73, 230, 1) 100%
  ) !important;
  width: 35%;
  height: 60px;
  text-align: center;
}

.vps-plan-text h1 {
  color: #fff;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
  font-size: 34px;
  text-align: center;
  margin-top: 10px;
}

.vps-plan-text h2 {
  color: #000;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
  font-size: 32px;
  text-align: center;
  margin-top: 2%;
}

.vps-inner-box {
  border: solid 1px #a846eb;
  border-radius: 10px;
  background: linear-gradient(
    90deg,
    rgba(171, 70, 235, 1) 0%,
    rgba(73, 73, 230, 1) 100%
  ) !important;
  width: 100%;
  height: 45%;
  text-align: center;
  padding: 6% 0%;
}

.vps-text-box {
  background-color: #ffffff;
  border-radius: 10px;
  width: 90%;
  margin: auto;
}

.vps-inner-text h2 {
  color: #a846eb;
  font-family: "roboto", sans-serif;
  font-weight: 700;
  font-size: 32px;
  text-align: center;
}

.vps-inner-text p {
  color: #fff;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  font-size: 16px;
  text-align: center;
}

.vps-inner-text span:nth-child(2) {
  color: #fff;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
  font-size: 20px;
  text-align: center;
}

.vps-inner-text span:nth-child(3) {
  color: #fff;
  font-family: "roboto", sans-serif;
  font-weight: bold;
  font-size: 59px;
  text-align: center;
}

.vps-inner-text span:nth-child(4) {
  color: #fff;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
  font-size: 20px;
  text-align: center;
}

.vps-cpu {
}

.vps-cpu ul {
  margin-top: 7%;
  display: flex;
  justify-content: space-around;
  padding: 0 3% 0 12%;
}

.vps-cpu ul li {
  text-align: left;
}

.vps-cpu ul li:nth-child(1) {
  font-size: 20px;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
  list-style-type: none;
  width: 60%;
  color: #343434;
}

.vps-cpu ul li:nth-child(2) {
  font-size: 20px;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  list-style-type: none;
  width: 40%;
  color: #343434;
}

.memory ul {
  display: flex;
  justify-content: space-around;
  padding: 0 3% 0 12%;
  margin-top: 7%;
}

.memory ul li:nth-child(1) {
  font-size: 20px;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
  list-style-type: none;
  text-align: left;
  width: 60%;
}

.memory ul li:nth-child(2) {
  font-size: 20px;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  list-style-type: none;
  text-align: left;
  width: 40%;
}

.vps-inner-text2 p {
  color: #343434;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  font-size: 20px;
  text-align: center;
  letter-spacing: 1.5px;
}

.storage ul {
  display: flex;
  justify-content: space-around;
  padding: 0 3% 0 12%;
  margin-top: 7%;
}

.storage ul li:nth-child(1) {
  font-size: 20px;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
  list-style-type: none;
  text-align: left;
  width: 60%;
}

.storage ul li:nth-child(2) {
  font-size: 20px;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  list-style-type: none;
  text-align: left;
  width: 40%;
}

.button-vps {
  text-align: center;
}

.button-vps-plan {
  background-color: #f17b48;
  border: solid 1px #f17b48;
  color: #fff;
  padding: 10px 30px;
  font-family: "Noto Sans JP", sans-serif;
  border-radius: 5px;
  font-size: 20px;
  font-weight: bold;
  margin-top: 6% !important;
  width: 80%;
}

.all-prices ul {
  margin-top: 10%;
}

.all-prices ul li {
  font-size: 11px;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
}

.service-bg {
  background-color: #f9f9f9;
}

.service-box {
  background: linear-gradient(
    90deg,
    rgba(171, 70, 235, 1) 0%,
    rgba(73, 73, 230, 1) 100%
  ) !important;
  width: 100%;
  text-align: center;
  max-width: 48%;
  margin: auto;
  padding: 0.5%;
}

.service-text h1 {
  color: #fff;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
  font-size: 34px;
  text-align: center;
  margin-top: 10px;
}

.service-text h2 {
  color: #343434;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
  font-size: 32px;
  text-align: center;
  margin-top: 2%;
}

.service-inner-box {
  border: solid 1px #343434;
  border-radius: 10px;
  background-color: #fff;
  padding: 25px 0px;
  height: 100%;
}

.service-inner-box p {
  color: #343434;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
  font-size: 20px;
  text-align: center;
  margin-bottom: 0px;
}

.banner-server {
  background-image: url(Images/vps/server-banner.png);
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.server-text h1 {
  color: #a846eb;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
  font-size: 36px;
  text-align: left;
  margin-top: 10%;
  background: #fff !important;
  padding: 0px 10px;
  width: auto;
  max-width: 88%;
}

.server-text h2 {
  color: #fff;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
  font-size: 24px;
  padding-top: 3%;
  letter-spacing: 0.5px;
}

.server-text p {
  color: #fff;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  font-size: 14px;
  text-align: center;
  padding-right: 14%;
}

.server-btn {
  text-align: center;
}

.server-button {
  background-color: #f17b48;
  border: solid 1px #f17b48;
  color: #fff;
  padding: 15px 18px;
  font-family: "Noto Sans JP", sans-serif;
  border-radius: 5px;
  font-size: 20px;
  margin-top: 6% !important;
  margin-bottom: 6%;
}

.faq-vps h1 {
  color: #343434;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  font-size: 22px;
  text-align: left;
}

.faq-vps p {
  color: #343434;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 300;
  font-size: 10px;
  text-align: left;
  margin-top: 10px;
}

.faq-vps h1 span {
  color: #a846eb;
  padding-right: 10px;
}

/* web */

.banner-web {
  background-image: url(Images/web/WEB_FV_bg.jpg);
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  margin-top: 5%;
}

.web-text h1 {
  color: #fff;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
  font-size: 40px;
  margin-top: 15%;
  background: linear-gradient(
    90deg,
    rgba(74, 73, 230, 1) 0%,
    rgba(168, 70, 235, 1) 100%
  ) !important;
  padding-left: 23px;
  width: auto;
  max-width: 43%;
  text-align: left;
}

.web-text h2 {
  color: #fff;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
  font-size: 40px;
  text-align: left;
  background: linear-gradient(
    90deg,
    rgba(74, 73, 230, 1) 0%,
    rgba(168, 70, 235, 1) 100%
  ) !important;
  padding-left: 23px;
  max-width: 74%;
}

.web-text h3 {
  color: #fff;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
  font-size: 64px;
  text-align: left;
  background: linear-gradient(
    90deg,
    rgba(74, 73, 230, 1) 0%,
    rgba(168, 70, 235, 1) 100%
  ) !important;
  padding-left: 18px;
  max-width: 77%;
}

.web-text2 h2 {
  color: #fff;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
  font-size: 24px;
  text-align: left;
  background: #333 !important;
  max-width: 60%;
  margin-top: 5%;
  padding: 10px 5px 10px 15px;
}

.web-text3 h2 {
  color: #fff;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
  font-size: 24px;
  text-align: left;
  background: #333 !important;
  max-width: 54%;
  padding: 10px 15px;
}

.button-web {
  background-color: #f17b48;
  border: solid 1px #f17b48;
  color: #fff;
  padding: 15px 32px;
  font-family: "Noto Sans JP", sans-serif;
  border-radius: 5px;
  font-size: 25px;
  margin-top: 6%;
  margin-bottom: 2%;
  font-weight: bold;
}

.feature-bg {
  background-color: #f6f6f6;
}

.feature-box {
  background: linear-gradient(
    90deg,
    rgba(171, 70, 235, 1) 0%,
    rgba(73, 73, 230, 1) 100%
  ) !important;
  width: 32%;
  height: 60px;
  text-align: center;
}

.feature-text h1 {
  color: #fff;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
  font-size: 34px;
  text-align: center;
  margin-top: 10px;
}

.feature-benefit-text h2 {
  color: #343434;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
  font-size: 32px;
  text-align: center;
  margin-top: 2%;
}

.feature-inner-box {
  background: linear-gradient(
    90deg,
    rgba(171, 70, 235, 1) 0%,
    rgba(73, 73, 230, 1) 100%
  ) !important;
  border-radius: 10px;
  padding: 25px 0px;
  height: 100%;
}

.feature-inner-text h6 {
  color: #fff;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
  font-size: 20px;
  margin-top: 2%;
}

.feature-inner-text p {
  color: #fff;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  font-size: 16px;
}

.web-server {
  background-color: #f5f5f5;
}

.server-box-2 {
  background: linear-gradient(
    90deg,
    rgba(171, 70, 235, 1) 0%,
    rgba(73, 73, 230, 1) 100%
  ) !important;
  width: 32%;
  text-align: center;
  min-width: 40%;
  margin: auto;
}

.web-server-text h1 {
  color: #fff;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
  font-size: 34px;
  text-align: center;
  margin-top: 10px;
}

.web-server-inner-box {
  border: solid 1px #a846eb;
  border-radius: 10px;
  background: linear-gradient(
    90deg,
    rgba(171, 70, 235, 1) 0%,
    rgba(73, 73, 230, 1) 100%
  ) !important;
  width: 100%;
  height: 45%;
  text-align: center;
  padding: 6% 0%;
}

.web-server-text-box {
  background-color: #ffffff;
  border-radius: 10px;
  width: 56%;
  margin: auto;
  padding: 6px 12px;
}

.web-server-inner-text h2 {
  color: #fff;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
  font-size: 32px;
  text-align: center;
}

.web-server-inner-text h3 {
  color: #a846eb;
  font-family: "roboto", sans-serif;
  font-weight: 700;
  font-size: 32px;
  text-align: center;
}

.web-server-inner-text p {
  color: #fff;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  font-size: 16px;
  text-align: center;
}

.web-server-inner-text span:nth-child(3) {
  color: #fff;
  font-family: "roboto", sans-serif;
  font-weight: bold;
  font-size: 128px;
  text-align: center;
  line-height: 1em;
}

.web-server-inner-text span:nth-child(4) {
  color: #fff;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
  font-size: 20px;
  text-align: center;
}

.web-server-button {
  background-color: #f17b48;
  border: solid 1px #f17b48;
  color: #fff;
  padding: 15px 18px;
  font-family: "Noto Sans JP", sans-serif;
  border-radius: 5px;
  font-size: 20px;
  margin-top: 15% !important;
  margin-bottom: 6%;
  font-weight: bold;
}

.web-server ul li {
  color: #343434;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  font-size: 16px;
  text-align: left;
}

.expand-functionality-box {
  background: linear-gradient(
    90deg,
    rgba(171, 70, 235, 1) 0%,
    rgba(73, 73, 230, 1) 100%
  ) !important;
  width: 50%;
  text-align: center;
  margin: auto;
  padding: 5px;
}

.expand-functionality-text h1 {
  color: #fff;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
  font-size: 34px;
  text-align: center;
  margin-top: 10px;
}

.expand-functionality2-text h2 {
  color: #343434;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
  font-size: 32px;
  text-align: center;
  margin-top: 2%;
}

.expand-functionality-inner-box {
  border: solid 1px #343434;
  border-radius: 10px;
  background-color: #fff;
  padding: 25px 0px;
}

.expand-functionality-inner-box p {
  color: #343434;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
  font-size: 20px;
  text-align: center;
  margin-bottom: 0px;
}

.web-server-box {
  background: linear-gradient(
    90deg,
    rgba(171, 70, 235, 1) 0%,
    rgba(73, 73, 230, 1) 100%
  ) !important;
  width: auto;
  text-align: center;
  max-width: 34%;
}

.web-server-text h1 {
  color: #fff;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
  font-size: 34px;
  text-align: center;
  margin-top: 10px;
}

.web-server-text h2 {
  color: #343434;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
  font-size: 32px;
  text-align: center;
  margin-top: 2%;
}

.web-server-text h3 {
  color: #343434;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
  font-size: 32px;
  text-align: center;
}

.card-title2 {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
  font-size: 20px;
  text-align: center;
  color: #343434;
}

.card-body-footer {
  font-family: "Noto Sans JP", sans-serif;
  background-color: #e5e5e5;
  font-weight: 500;
  font-size: 14px;
  color: #343434;
}

.card-body-footer2 {
  font-family: "Noto Sans JP", sans-serif;
  background-color: #f7f7f7;
  padding: 8%;
  font-weight: 500;
  font-size: 14px;
  color: #343434;
}

.comprehensive-support-box {
  background: linear-gradient(
    90deg,
    rgba(171, 70, 235, 1) 0%,
    rgba(73, 73, 230, 1) 100%
  ) !important;
  width: 40%;
  text-align: center;
  margin: auto;
  padding: 5px;
}

.comprehensive-support-text h1 {
  color: #fff;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
  font-size: 34px;
  text-align: center;
  margin-top: 10px;
}

.comprehensive-support-text h2 {
  color: #343434;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
  font-size: 32px;
  text-align: center;
  margin-top: 2%;
}

.comprehensive-inner-box {
  background: linear-gradient(
    90deg,
    rgba(171, 70, 235, 1) 0%,
    rgba(73, 73, 230, 1) 100%
  ) !important;
  padding: 0px;
  height: 100%;
}

.comprehensive-inner-text h6 {
  color: #fff;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
  font-size: 20px;
  margin-top: 2%;
}

.comprehensive-inner-text p {
  color: #fff;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  font-size: 16px;
}

.comprehensive-inner-text2 h2 {
  color: #343434;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
  font-size: 32px;
  margin-top: 2%;
}

.comprehensive-inner-text2 p {
  color: #343434;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  font-size: 14px;
  padding-top: 8%;
}

.faq-web-box {
  background-color: #ffffff;
  border: solid 1px #343434;
  border-radius: 10px;
}

.faq-web h1 {
  color: #343434;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  font-size: 22px;
  text-align: left;
}

.faq-web p {
  color: #343434;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 300;
  font-size: 10px;
  text-align: left;
  margin-top: 10px;
}

.faq-web h1 span {
  color: #a846eb;
  padding-right: 10px;
}

/* app-server */

.banner-app-server {
  background-image: url(Images/app-server/app-server-banner.jpg);
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  margin-top: 5%;
}

.app-text h1 {
  color: #fff;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
  font-size: 32px;
  margin-top: 15%;
  background: linear-gradient(
    90deg,
    rgba(74, 73, 230, 1) 0%,
    rgba(168, 70, 235, 1) 100%
  ) !important;
  padding: 6px 20px;
  width: auto;
  max-width: 82%;
  text-align: left;
}

.app-text h2 {
  color: #fff;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
  font-size: 85px;
  text-align: left;
  background: linear-gradient(
    90deg,
    rgba(74, 73, 230, 1) 0%,
    rgba(168, 70, 235, 1) 100%
  ) !important;
  padding-left: 23px;
  max-width: 52%;
}

.app-text h3 {
  color: #fff;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
  font-size: 85px;
  text-align: left;
  background: linear-gradient(
    90deg,
    rgba(74, 73, 230, 1) 0%,
    rgba(168, 70, 235, 1) 100%
  ) !important;
  padding-left: 16px;
  max-width: 82%;
}

.app-text2 h2 {
  color: #fff;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
  font-size: 24px;
  text-align: left;
  background: #333 !important;
  max-width: 45%;
  margin-top: 5%;
  padding: 10px 5px 10px 15px;
}

.app-text3 h2 {
  color: #fff;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
  font-size: 24px;
  text-align: left;
  background: #333 !important;
  max-width: 65%;
  padding: 10px 15px;
}

.app-server-web {
  background-color: #f17b48;
  border: solid 1px #f17b48;
  color: #fff;
  padding: 15px 30px;
  font-family: "Noto Sans JP", sans-serif;
  border-radius: 5px;
  font-size: 20px;
  margin-top: 6%;
  margin-bottom: 2%;
}

.app-feature-box {
  background: linear-gradient(
    90deg,
    rgba(171, 70, 235, 1) 0%,
    rgba(73, 73, 230, 1) 100%
  ) !important;
  width: 100%;
  max-width: 40%;
  margin: auto;
}

.app-feature-text h1 {
  color: #fff;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
  font-size: 34px;
  text-align: center;
  margin-top: 10px;
}

.app-feature-benefit-text h2 {
  color: #343434;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
  font-size: 32px;
  text-align: center;
  margin-top: 2%;
}

.app-inner-text h6 {
  color: #fff;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
  font-size: 20px;
  margin-top: 2%;
}

.app-inner-text p {
  color: #fff;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  font-size: 16px;
}

.app-server-box {
  background: linear-gradient(
    90deg,
    rgba(171, 70, 235, 1) 0%,
    rgba(73, 73, 230, 1) 100%
  ) !important;
  width: 100%;
  max-width: 48%;
  text-align: center;
  margin: auto;
}

.app-server-text h1 {
  color: #fff;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
  font-size: 34px;
  text-align: center;
  margin-top: 10px;
  padding: 5px;
}

.app-server-text h2 {
  color: #343434;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
  font-size: 32px;
  text-align: left;
  padding-bottom: 18px;
}

.app-server-text ul {
  padding: 0px;
  margin: 0px;
}

.app-server-text ul li {
  list-style-type: none;
  color: #343434;
  font-weight: 400;
  font-size: 16px;
  position: relative;
  display: block;
  padding-left: 30px;
  line-height: 1.8em;
  padding-bottom: 8px;
}

.app-server-text ul {
  padding: 0px;
  margin: 0px;
  display: block;
}

.app-server-text ul li:before {
  content: url(Images/app-server/right-icon.png);
  position: absolute;
  left: 0;
  top: 7px;
}

.applications-box {
  background: linear-gradient(
    90deg,
    rgba(171, 70, 235, 1) 0%,
    rgba(73, 73, 230, 1) 100%
  ) !important;
  width: 100%;
  text-align: center;
  max-width: 43%;
  margin: auto;
  padding: 5px;
}

.applications-text h1 {
  color: #fff;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
  font-size: 34px;
  text-align: center;
  margin-top: 10px;
}

.applications-inner-box {
  border: solid 1px #a846eb;
  border-radius: 10px;
  background-color: #a846eb;
  width: 100%;
  height: 100%;
  text-align: center;
  padding: 6% 0% 0% 0%;
}

.applications-text h2 {
  color: #fff;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
  font-size: 32px;
  text-align: center;
}

.applications-inner-text span:nth-child(2) {
  color: #fff;
  font-family: "roboto", sans-serif;
  font-weight: bold;
  font-size: 59px;
  text-align: center;
}

.applications-inner-text span:nth-child(3) {
  color: #fff;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
  font-size: 20px;
  text-align: center;
}

.applications-inner-text p {
  color: #fff;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  font-size: 14px;
  text-align: left;
  padding: 0px 40px;
}

.applications-inner-text ul li {
  color: #fff;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  font-size: 14px;
  text-align: left;
  list-style-type: none;
  position: relative;
  display: block;
  padding-left: 30px;
  line-height: 1.8em;
  padding-bottom: 8px;
}

.applications-inner-text ul {
  padding: 0px 35px;
  margin: 0px;
  display: block;
}

.applications-inner-text ul li:before {
  content: url(Images/app-server/white-icon.png);
  position: absolute;
  left: 4px;
  top: 4px;
}

.comprehensive-aap-box {
  background: linear-gradient(
    90deg,
    rgba(171, 70, 235, 1) 0%,
    rgba(73, 73, 230, 1) 100%
  ) !important;
  width: 100%;
  max-width: 40%;
  text-align: center;
  margin: auto;
  padding: 5px;
}

.comprehensive-aap-box-text h1 {
  color: #fff;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
  font-size: 34px;
  text-align: center;
  margin-top: 10px;
}

.comprehensive-support-inner-text h2 {
  color: #343434;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
  font-size: 32px;
  margin-top: 2%;
}

.comprehensive-support-inner-text p {
  color: #343434;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  font-size: 14px;
  padding-top: 8%;
  padding-right: 25%;
}

/* game-multi-server_Agames */

.banner-game {
  background-image: url(Images/game-multi/game-banner.jpg);
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  margin-top: 5%;
}

.game-text h1 {
  color: #fff;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
  font-size: 42px;
  margin-top: 15%;
  background: linear-gradient(
    90deg,
    rgba(74, 73, 230, 1) 0%,
    rgba(168, 70, 235, 1) 100%
  ) !important;
  padding: 6px 20px;
  width: auto;
  max-width: 67%;
  text-align: left;
}

.game-text h2 {
  color: #fff;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
  font-size: 48px;
  text-align: left;
  background: linear-gradient(
    90deg,
    rgba(74, 73, 230, 1) 0%,
    rgba(168, 70, 235, 1) 100%
  ) !important;
  padding-left: 23px;
  max-width: 88%;
}

.game-text h3 {
  color: #fff;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
  font-size: 85px;
  text-align: left;
  background: linear-gradient(
    90deg,
    rgba(74, 73, 230, 1) 0%,
    rgba(168, 70, 235, 1) 100%
  ) !important;
  padding-left: 16px;
  max-width: 82%;
}

.game-text2 h2 {
  color: #fff;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
  font-size: 24px;
  text-align: left;
  background: #333 !important;
  max-width: 29%;
  margin-top: 5%;
  padding: 10px 5px 10px 15px;
}

.game-text3 h2 {
  color: #fff;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
  font-size: 24px;
  text-align: left;
  background: #333 !important;
  max-width: 52%;
  padding: 10px 15px;
}

.game-text4 h2 {
  color: #fff;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
  font-size: 24px;
  text-align: left;
  background: #333 !important;
  max-width: 30%;
  padding: 10px 15px;
}

.compatible-box-shape {
  background: linear-gradient(
    90deg,
    rgba(171, 70, 235, 1) 0%,
    rgba(73, 73, 230, 1) 100%
  ) !important;
  width: 32%;
  height: 60px;
  text-align: center;
}

.compatible-text h1 {
  color: #fff;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
  font-size: 36px;
  text-align: center;
  margin-top: 10px;
}

.compatible-text h2 {
  color: #343434;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
  font-size: 32px;
  text-align: center;
  margin-top: 2%;
}

.compatible-text h3 {
  color: #343434;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
  font-size: 32px;
  text-align: center;
}

.game-bg {
  background-color: #fbf6fe;
}

.card-title-game {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
  font-size: 24px;
  text-align: center;
  color: #343434;
}

.card-title-game ul li {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  font-size: 14px;
  text-align: left;
  color: #343434;
}

.card-bottom-text ul {
  padding: 0px;
  margin: 0px;
  display: block;
}

.card-bottom-text ul li {
  list-style-type: none;
  font-family: "Noto Sans JP", sans-serif;
  text-align: left;
  color: #343434;
  font-weight: 500;
  font-size: 14px;
  position: relative;
  display: block;
  padding-left: 30px;
  line-height: 1.8em;
  padding-bottom: 8px;
}

.card-bottom-text ul li:before {
  content: url(Images/app-server/right-icon.png);
  position: absolute;
  left: 0;
  top: 7px;
}

.card-bottom-button {
  background: linear-gradient(
    90deg,
    rgba(171, 70, 235, 1) 0%,
    rgba(73, 73, 230, 1) 100%
  ) !important;
  color: #fff;
  padding: 8px 18px;
  font-family: "Noto Sans JP", sans-serif;
  border-radius: 5px;
  font-size: 14px;
  margin-left: 22px;
  border: solid 1px;
  margin-bottom: 2%;
}

.card-bottom-align {
  text-align: left;
}

.card-body-footer-game {
  font-family: "Noto Sans JP", sans-serif;
  background-color: #e5e5e5;
  font-weight: 500;
  font-size: 14px;
  color: #343434;
  padding-bottom: 14% !important;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.card-body-footer-game2 {
  font-family: "Noto Sans JP", sans-serif;
  background-color: #e5e5e5;
  font-weight: 500;
  font-size: 14px;
  color: #343434;
  padding-bottom: 10% !important;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.game-bg {
  background-color: #fbf6fe;
}

.features-bg {
  background-color: #f4f4f4;
}

.compatible-bottom h1 {
  color: #343434;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
  font-size: 32px;
  text-align: center;
}

.high-quality-server-box {
  background: linear-gradient(
    90deg,
    rgba(171, 70, 235, 1) 0%,
    rgba(73, 73, 230, 1) 100%
  ) !important;
  width: auto;
  text-align: center;
  max-width: 39%;
}

.quality-server-text h1 {
  color: #fff;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
  font-size: 36px;
  text-align: center;
  margin-top: 10px;
}

.quality-server-text h2 {
  color: #fff;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
  font-size: 36px;
  text-align: center;
  margin-top: 10px;
}

.high-quality-server-box2 {
  background: linear-gradient(
    90deg,
    rgba(171, 70, 235, 1) 0%,
    rgba(73, 73, 230, 1) 100%
  ) !important;
  width: auto;
  text-align: center;
  max-width: 39%;
}

.high-quality-inner-box {
  border: solid 1px #343434;
  border-radius: 8px;
  background-color: #fff;
  padding: 10px;
  text-align: center;
  height: 100%;
}

.high-quality-inner-text h2 {
  color: #343434;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  font-size: 20px;
  text-align: center;
  padding-top: 18px;
}

.high-quality-inner-text p {
  color: #343434;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  font-size: 16px;
  text-align: left;
}

.quality-feature-box {
  background: linear-gradient(
    90deg,
    rgba(171, 70, 235, 1) 0%,
    rgba(73, 73, 230, 1) 100%
  ) !important;
  width: 32%;
  margin: auto;
  padding: 10px;
}

.quality-feature-text h1 {
  color: #fff;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
  font-size: 34px;
  text-align: center;
  margin-top: 10px;
}

.feature-speed h3 {
  color: #343434;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
  font-size: 23px;
  text-align: left;
}

.feature-speed ul li {
  margin-left: 10%;
  font-size: 16px;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  margin-left: 0px;
  padding-left: 0px;
}

feature-speed ul {
  margin-left: 0px;
  padding-left: 0px;
}

.game-plan-box {
  background: linear-gradient(
    90deg,
    rgba(171, 70, 235, 1) 0%,
    rgba(73, 73, 230, 1) 100%
  ) !important;
  width: 35%;
  height: 60px;
  text-align: center;
}

.game-plan-text h1 {
  color: #fff;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
  font-size: 34px;
  text-align: center;
  margin-top: 10px;
}

.game-plan-text h2 {
  color: #000;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
  font-size: 32px;
  text-align: center;
  margin-top: 2%;
}

.game-plan-inner-box {
  border: solid 1px #a846eb;
  border-radius: 10px;
  background: linear-gradient(
    90deg,
    rgba(171, 70, 235, 1) 0%,
    rgba(73, 73, 230, 1) 100%
  ) !important;
  width: 100%;
  height: 45%;
  text-align: center;
  padding: 6% 0%;
}

.game-text-box {
  background-color: #ffffff;
  border-radius: 10px;
  width: 30%;
  margin: auto;
}

.game-plan-inner-text h2 {
  color: #a846eb;
  font-family: "roboto", sans-serif;
  font-weight: 700;
  font-size: 32px;
  text-align: center;
}

.game-plan-inner-text p {
  color: #fff;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  font-size: 16px;
  text-align: center;
}

.game-plan-inner-text span:nth-child(2) {
  color: #fff;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
  font-size: 20px;
  text-align: center;
}

.game-plan-inner-text span:nth-child(3) {
  color: #fff;
  font-family: "roboto", sans-serif;
  font-weight: bold;
  font-size: 59px;
  text-align: center;
}

.game-plan-inner-text span:nth-child(4) {
  color: #fff;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
  font-size: 20px;
  text-align: center;
}

.game-vps-cpu {
  background: #fff;
}

.game-vps-cpu ul {
  margin-top: 7%;
  display: flex;
  justify-content: space-around;
  padding: 0 3% 0 12%;
}

.game-vps-cpu ul li {
  text-align: left;
}

.game-vps-cpu ul li:nth-child(1) {
  font-size: 20px;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
  list-style-type: none;
  width: 60%;
  color: #343434;
}

.game-vps-cpu ul li:nth-child(2) {
  font-size: 20px;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  list-style-type: none;
  width: 40%;
  color: #343434;
}

.game-memory ul {
  display: flex;
  justify-content: space-around;
  padding: 0 3% 0 12%;
  margin-top: 7%;
}

.game-memory ul li:nth-child(1) {
  font-size: 20px;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
  list-style-type: none;
  text-align: left;
  width: 60%;
}

.game-memory ul li:nth-child(2) {
  font-size: 20px;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  list-style-type: none;
  text-align: left;
  width: 40%;
}

.game-inner-text2 p {
  color: #343434;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  font-size: 20px;
  text-align: center;
  letter-spacing: 1.5px;
}

.game-storage ul {
  display: flex;
  justify-content: space-around;
  padding: 0 3% 0 12%;
  margin-top: 7%;
}

.game-storage ul li:nth-child(1) {
  font-size: 20px;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
  list-style-type: none;
  text-align: left;
  width: 60%;
}

.game-storage ul li:nth-child(2) {
  font-size: 20px;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  list-style-type: none;
  text-align: left;
  width: 40%;
}

.game-button-vps {
  text-align: center;
}

.game-button-plan {
  background-color: #f17b48;
  border: solid 1px #f17b48;
  color: #fff;
  padding: 10px 30px;
  font-family: "Noto Sans JP", sans-serif;
  border-radius: 5px;
  font-size: 20px;
  font-weight: bold;
  margin-top: 6% !important;
  width: 80%;
}

.game-all-prices ul {
  margin-top: 10%;
  padding-left: 16%;
}

.game-all-prices ul li {
  font-size: 11px;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
}

/* minicraft */

.minicraft-banner {
  background-image: url(Images/minicraft/banner-image.jpg);
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  margin-top: 5%;
}

.minicraft-text h1 {
  color: #fff;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
  font-size: 64px;
  margin-top: 15%;
  background: linear-gradient(
    90deg,
    rgba(74, 73, 230, 1) 0%,
    rgba(168, 70, 235, 1) 100%
  ) !important;
  padding: 6px 20px;
  width: auto;
  max-width: 78%;
  text-align: left;
}

.minicraft-text h2 {
  color: #fff;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
  font-size: 64px;
  text-align: left;
  background: linear-gradient(
    90deg,
    rgba(74, 73, 230, 1) 0%,
    rgba(168, 70, 235, 1) 100%
  ) !important;
  padding-left: 23px;
  max-width: 70%;
}

.minicraft-text h3 {
  color: #fff;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
  font-size: 64px;
  text-align: left;
  background: linear-gradient(
    90deg,
    rgba(74, 73, 230, 1) 0%,
    rgba(168, 70, 235, 1) 100%
  ) !important;
  padding-left: 16px;
  max-width: 85%;
}

.minicraft-text2 h2 {
  color: #fff;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
  font-size: 24px;
  text-align: left;
  background: #333 !important;
  max-width: 45%;
  margin-top: 5%;
  padding: 10px 5px 10px 15px;
}

.minicraft-text3 h2 {
  color: #fff;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
  font-size: 24px;
  text-align: left;
  background: #333 !important;
  max-width: 50%;
  padding: 10px 15px;
}

.multiplayer-box {
  background: linear-gradient(
    90deg,
    rgba(171, 70, 235, 1) 0%,
    rgba(73, 73, 230, 1) 100%
  ) !important;
  width: 100%;
  text-align: center;
  max-width: 55%;
  margin: auto;
}

.multiplayer-text h1 {
  color: #fff;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
  font-size: 34px;
  text-align: center;
  margin-top: 10px;
}

.adventures-text h1 {
  color: #343434;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
  font-size: 32px;
  text-align: left;
  margin-top: 10px;
}

.adventures-text p {
  color: #343434;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  font-size: 16px;
  text-align: left;
  margin-top: 4%;
  padding-right: 10%;
}

.adventures-box {
  border: solid 1px #a846eb;
  border-radius: 10px;
  background-color: #fbf6fe;
  padding: 25px 0px;
  height: 100%;
}

.adventures-box-text h2 {
  color: #a846eb;
  font-family: "roboto", sans-serif;
  font-weight: 700;
  font-size: 20px;
  text-align: center;
}

.adventures-box-text p {
  color: #666666;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  font-size: 16px;
  text-align: left;
  margin-bottom: 0px;
  padding: 0% 12%;
}

.plans-prices-box {
  background: linear-gradient(
    90deg,
    rgba(171, 70, 235, 1) 0%,
    rgba(73, 73, 230, 1) 100%
  ) !important;
  max-width: 35%;
  width: 100%;
  text-align: center;
}

.plans-prices-text h1 {
  color: #fff;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
  font-size: 34px;
  text-align: center;
  margin-top: 10px;
}

.plans-prices-text h2 {
  color: #343434;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
  font-size: 32px;
  text-align: center;
  margin-top: 2%;
}

.flexible-plans-box {
  border: solid 1px #a846eb;
  border-radius: 10px;
  background: linear-gradient(
    90deg,
    rgba(171, 70, 235, 1) 0%,
    rgba(73, 73, 230, 1) 100%
  ) !important;
  width: 100%;
  height: 200px;
  text-align: center;
  padding: 6% 0%;
}

.flexible-plans-text-box {
  background-color: #ffffff;
  border-radius: 10px;
  width: 30%;
  margin: auto;
}

.flexible-plans-text h2 {
  color: #fff;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
  font-size: 24px;
  text-align: center;
}

.flexible-plans-text p {
  color: #fff;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  font-size: 16px;
  text-align: center;
  padding: 0% 4%;
}

.flexible-box-bottom {
  border: solid 1px #fff;
  border-radius: 10px;
  background-color: #fff !important;
  width: 100%;
  text-align: center;
  padding: 6% 0%;
}

.flexible-vps-cpu {
}

.flexible-vps-cpu ul {
  margin-top: 7%;
  display: flex;
  justify-content: space-around;
  padding: 0 3% 0 6%;
}

.flexible-vps-cpu ul li {
  text-align: left;
}

.flexible-vps-cpu td,
.flexible-vps-cpu2 {
  font-size: 20px;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
  list-style-type: none;
  text-align: center;
  color: #343434;
}

.flexible-vps-cpu ul li:nth-child(1) {
  font-size: 20px;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
  list-style-type: none;
  width: 60%;
  color: #343434;
}

.flexible-vps-cpu ul li:nth-child(2) {
  font-size: 20px;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  list-style-type: none;
  width: 85%;
  color: #343434;
}

.flexible-memory ul {
  display: flex;
  justify-content: space-around;
  padding: 0 3% 0 6%;
  margin-top: 7%;
}

.flexible-memory ul li:nth-child(1) {
  font-size: 20px;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
  list-style-type: none;
  text-align: left;
  width: 55%;
}

.flexible-memory ul li:nth-child(2) {
  font-size: 20px;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  list-style-type: none;
  text-align: left;
  width: 75%;
}

.flexible-vps-inner-text2 p {
  color: #343434;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  font-size: 20px;
  text-align: center;
  letter-spacing: 1.5px;
}

.comprehensive-version-box {
  border: solid 1px #a846eb;
  border-radius: 10px;
  background-color: #fbf6fe;
  padding-top: 5%;
  margin: 0% 5%;
  padding-bottom: 5%;
}

.comprehensive-version-box h1 {
  color: #666666;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
  font-size: 20px;
  text-align: center;
  margin-bottom: 0px;
}

.comprehensive-version-box2 {
  border: solid 1px #a846eb;
  border-radius: 10px;
  background-color: #fbf6fe;
  padding-top: 5%;
  margin: 0% 5%;
}

.comprehensive-version-box2 h1 {
  color: #666666;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
  font-size: 20px;
  text-align: center;
  margin-bottom: 0px;
}

.comprehensive-version-box2 p {
  color: #666666;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
  font-size: 14px;
  text-align: center;
  margin-bottom: 1px;
  margin-top: -5px;
}

.comprehensive-inner-text ul li {
  color: #a846eb;
  font-family: "roboto", sans-serif;
  font-weight: 700;
  font-size: 40px;
  text-align: center;
  width: 5%;
  list-style-type: none;
  display: inline;
  padding-left: 0px;
  margin-left: 0px;
}

.comprehensive-text-box {
  background-color: #a846eb;
  border-radius: 10px;
  width: 30%;
  margin: auto;
}

.comprehensive-inner-text ul {
  padding-left: 0px;
  margin-bottom: 0px;
  text-align: center;
}

.comprehensive-inner-text ul li:nth-child(1) {
  font-size: 26px;
  font-family: "roboto", sans-serif;
  font-weight: bold;
  background-color: #a846eb;
  color: #fff;
  border-radius: 10px;
  padding: 0% 2%;
}

.comprehensive-inner-text ul li:nth-child(2) {
  font-size: 30px;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
  color: #a846eb;
  padding-left: 1%;
}

.comprehensive-inner-text ul li:nth-child(3) {
  font-size: 20px;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
  color: #a846eb;
}

.comprehensive-version-box p {
  color: #666666;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
  font-size: 14px;
  text-align: center;
  margin-bottom: 0px;
}

.flexible2-plans-box {
  border: solid 1px #a846eb;
  border-radius: 10px;
  background: linear-gradient(
    90deg,
    rgba(171, 70, 235, 1) 0%,
    rgba(73, 73, 230, 1) 100%
  ) !important;
  width: 100%;
  height: 150px;
  text-align: center;
  padding: 6% 0%;
}

.flexible2-plans-text-box {
  background-color: #ffffff;
  border-radius: 10px;
  width: 30%;
  margin: auto;
}

.flexible2-plans-text h2 {
  color: #fff;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
  font-size: 24px;
  text-align: center;
}

.flexible2-plans-text p {
  color: #fff;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  font-size: 16px;
  text-align: center;
  padding: 0% 4%;
}

.flexible2-box-bottom {
  border: solid 1px #fff;
  border-radius: 10px;
  background-color: #fff !important;
  width: 100%;
  text-align: center;
  padding: 6% 0%;
}

.flexible2-vps-cpu {
}

.flexible2-vps-cpu ul {
  margin-top: 7%;
  display: flex;
  justify-content: space-around;
  padding: 0 3% 0 6%;
}

.flexible2-vps-cpu ul li {
  text-align: left;
}

.flexible2-vps-cpu td,
.flexible2-vps-cpu2 {
  font-size: 20px;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
  list-style-type: none;
  text-align: center;
  color: #343434;
}

.flexible2-vps-cpu ul li:nth-child(1) {
  font-size: 20px;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
  list-style-type: none;
  width: 60%;
  color: #343434;
}

.flexible2-vps-cpu ul li:nth-child(2) {
  font-size: 20px;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  list-style-type: none;
  width: 85%;
  color: #343434;
}

.flexible2-memory ul {
  display: flex;
  justify-content: space-around;
  padding: 0 3% 0 6%;
  margin-top: 7%;
}

.flexible2-memory ul li:nth-child(1) {
  font-size: 20px;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
  list-style-type: none;
  text-align: left;
  width: 55%;
}

.flexible2-memory ul li:nth-child(2) {
  font-size: 20px;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  list-style-type: none;
  text-align: left;
  width: 75%;
}

.flexible2-vps-inner-text2 p {
  color: #343434;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  font-size: 20px;
  text-align: center;
  letter-spacing: 1.5px;
}

.comprehensive2-version-box {
  border: solid 1px #a846eb;
  border-radius: 10px;
  background-color: #fbf6fe;
  padding-top: 5%;
  margin: 0% 5%;
  padding-bottom: 5%;
}

.comprehensive2-version-box h1 {
  color: #666666;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
  font-size: 20px;
  text-align: center;
  margin-bottom: 0px;
}

.comprehensive2-version-box2 {
  border: solid 1px #a846eb;
  border-radius: 10px;
  background-color: #fbf6fe;
  padding-top: 5%;
  margin: 0% 5%;
}

.comprehensive2-version-box2 h1 {
  color: #666666;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
  font-size: 20px;
  text-align: center;
  margin-bottom: 0px;
}

.comprehensive2-version-box2 p {
  color: #666666;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
  font-size: 14px;
  text-align: center;
  margin-bottom: 1px;
  margin-top: -5px;
}

.comprehensive2-inner-text ul li {
  color: #a846eb;
  font-family: "roboto", sans-serif;
  font-weight: 700;
  font-size: 40px;
  text-align: center;
  width: 5%;
  list-style-type: none;
  display: inline;
  padding-left: 0px;
  margin-left: 0px;
}

.comprehensive2-text-box {
  background-color: #a846eb;
  border-radius: 10px;
  width: 30%;
  margin: auto;
}

.comprehensive2-inner-text ul {
  padding-left: 0px;
  margin-bottom: 0px;
  text-align: center;
}

.comprehensive2-inner-text ul li:nth-child(1) {
  font-size: 26px;
  font-family: "roboto", sans-serif;
  font-weight: bold;
  background-color: #a846eb;
  color: #fff;
  border-radius: 10px;
  padding: 0% 2%;
}

.comprehensive2-inner-text ul li:nth-child(2) {
  font-size: 30px;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
  color: #a846eb;
  padding-left: 1%;
}

.comprehensive2-inner-text ul li:nth-child(3) {
  font-size: 20px;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
  color: #a846eb;
}

.comprehensive2-version-box p {
  color: #666666;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
  font-size: 14px;
  text-align: center;
  margin-bottom: 0px;
}

.button-comparison2-plan {
  background-color: #f17b48;
  border: solid 1px #f17b48;
  color: #fff;
  padding: 10px 30px;
  font-family: "Noto Sans JP", sans-serif;
  border-radius: 5px;
  font-size: 20px;
  font-weight: bold;
  margin: 5% 0% !important;
  width: 80%;
}

.consumption-tax-text p {
  color: #343434;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  font-size: 14px;
  text-align: center;
}

.consumption-tax-text ul {
  padding: 0px;
  margin: 0px;
  display: block;
}

.consumption-tax-text ul li:before {
  content: url(Images/app-server/right-icon.png);
  position: absolute;
  left: 0;
  top: 7px;
}

.consumption-tax-text ul li {
  list-style-type: none;
  color: #343434;
  font-weight: 400;
  font-size: 16px;
  position: relative;
  display: block;
  padding-left: 30px;
  line-height: 1.8em;
  padding-bottom: 8px;
}

.environment h2 {
  color: #343434;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
  font-size: 32px;
  text-align: center;
  margin-top: 2%;
}

.control-panel-bg {
  background-color: #f6f6fe;
}

.control-panel-box {
  background: linear-gradient(
    90deg,
    rgba(171, 70, 235, 1) 0%,
    rgba(73, 73, 230, 1) 100%
  ) !important;
  width: 100%;
  text-align: center;
  max-width: 40%;
  margin: auto;
}

.control-panel-text h1 {
  color: #fff;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
  font-size: 34px;
  text-align: center;
  margin-top: 10px;
}

.control-panel-text h2 {
  color: #343434;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
  font-size: 32px;
  text-align: center;
  margin-top: 2%;
}

.control-panel-text h3 {
  color: #343434;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
  font-size: 32px;
  text-align: center;
}

.intuitive-operation h3 {
  color: #343434;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
  font-size: 23px;
  text-align: left;
  margin-left: 10%;
}

.intuitive-operation ul li {
  margin-left: 10%;
  font-size: 16px;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
}

.compatible-software-box {
  background: linear-gradient(
    90deg,
    rgba(171, 70, 235, 1) 0%,
    rgba(73, 73, 230, 1) 100%
  ) !important;
  width: 100%;
  max-width: 38%;
  text-align: center;
  padding: 5px;
  margin: auto;
}

.compatible-software-text h1 {
  color: #fff;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
  font-size: 34px;
  text-align: center;
  margin-top: 10px;
}

.compatible-software-text h2 {
  color: #343434;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
  font-size: 32px;
  text-align: center;
  margin-top: 2%;
}

.compatible-software-text h3 {
  color: #343434;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
  font-size: 32px;
  text-align: center;
}

.available-software-box {
  background: linear-gradient(
    90deg,
    rgba(171, 70, 235, 1) 0%,
    rgba(73, 73, 230, 1) 100%
  ) !important;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  padding: 25px 0px;
}

.available-software-text h6 {
  color: #fff;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
  font-size: 20px;
  margin-top: 2%;
}

.available-software-text p {
  color: #fff;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  font-size: 16px;
  margin-top: 2%;
}

.main-software ul {
  padding: 0px;
  margin: 0px;
  display: block;
}

.main-software ul {
  padding: 0px;
  margin: 0px;
  display: block;
}

.main-software ul li {
  font-family: "Noto Sans JP", sans-serif;
  list-style-type: none;
  color: #000;
  font-weight: 400;
  font-size: 14px;
  position: relative;
  display: block;
  padding-left: 20px;
  line-height: 1.8em;
  padding-bottom: 8px;
}

.main-software ul li:before {
  content: url(Images/app-server/right-icon.png);
  position: absolute;
  left: 0;
  top: 7px;
}

.point-box {
  padding-top: 5%;
  padding-bottom: 5%;
}

.point-box h1 {
  color: #666666;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
  font-size: 20px;
  text-align: center;
  margin-bottom: 0px;
}

.point-box2 {
  border: solid 1px #a846eb;
  border-radius: 10px;
  background-color: #fbf6fe;
  padding-top: 5%;
  margin: 0% 5%;
}

.point-box2 h1 {
  color: #666666;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
  font-size: 20px;
  text-align: center;
  margin-bottom: 0px;
}

.point-box2 p {
  color: #666666;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
  font-size: 14px;
  text-align: center;
  margin-bottom: 1px;
  margin-top: -5px;
}

.point-inner-text2 ul {
  display: flex;
  column-gap: 12px;
  padding-left: 0px;
  list-style-type: none;
}

.point-inner-text2 ul li {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  font-size: 13px;
  text-align: left;
  color: #000;
}

.point-inner-text2 ul li:nth-child(1) {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  font-size: 14px;
  text-align: center;
  color: #fff;
}

.point-text-box {
  background: linear-gradient(
    90deg,
    rgba(171, 70, 235, 1) 0%,
    rgba(73, 73, 230, 1) 100%
  );
  border-radius: 10px;
  width: 15%;
  padding: 2% 2%;
  color: #fff;
  height: 10%;
}

.java-version-box {
  padding-top: 5%;
}

.java-version-inner-text2 ul {
  display: flex;
  column-gap: 30px;
  padding-left: 0px;
}

.java-text-box {
  background: linear-gradient(
    90deg,
    rgba(171, 70, 235, 1) 0%,
    rgba(73, 73, 230, 1) 100%
  );
  border-radius: 10px;
  padding: 6% 5%;
  color: #fff;
  font-family: "Noto Sans JP";
  font-weight: bold;
  font-size: 14px;
  width: 98%;
}

.java-text ul {
  display: block;
  column-gap: 30px;
  padding-left: 0px;
  list-style-type: disc;
}

.java-text ul li {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  font-size: 12px;
  text-align: left;
  color: #000;
}

.text-point-box {
  background: linear-gradient(
    90deg,
    rgba(171, 70, 235, 1) 0%,
    rgba(73, 73, 230, 1) 100%
  );
  border-radius: 10px;
  padding: 6% 5% 6% 9%;
  color: #fff;
  font-family: "Noto Sans JP";
  font-weight: bold;
  font-size: 16px;
  width: 96%;
}

.text-point ul {
  display: block;
  column-gap: 30px;
  padding-left: 0px;
  list-style-type: none;
}

.text-point ul li {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  font-size: 12px;
  text-align: left;
  color: #000;
}

.main-software p {
  font-size: 16px;
  color: #000;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
}

.banner-support {
  background-image: url(Images/minicraft/support-banner.jpg);
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.support-text p {
  font-size: 21px;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  color: #fff;
  padding-top: 10%;
  padding-bottom: 10%;
}

.compatible-software-versions {
  border: 1px solid #a846eb;
  border-radius: 10px;
  height: 100%;
}

.compatible-software-versions2 {
  border: 1px solid #a846eb;
  border-radius: 10px;
  height: 100%;
}

.server2-text h2 {
  color: #fff;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
  font-size: 24px;
  padding-top: 4%;
  letter-spacing: 0.5px;
  text-align: center;
}

.server2-text p {
  color: #fff;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  font-size: 12px;
  text-align: center;
}

.faq-vps2 p {
  color: #343434;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 300;
  font-size: 16px;
  text-align: left;
  margin-top: 10px;
}

.benefit-inner-box4 {
  background: linear-gradient(
    90deg,
    rgba(74, 73, 230, 1) 0%,
    rgba(168, 70, 235, 1) 100%
  ) !important;
  width: 90%;
  height: 32%;
  text-align: center;
}

.benefit-inner2 h1 {
  color: #000;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  font-size: 42px;
  text-align: left;
}

.benefit-inner3 h1 {
  color: #000;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  font-size: 42px;
  text-align: left;
}

.benefit-inner-text h1 {
  font-size: 24px;
  line-height: 34px;
}

.benefit2-inner-box {
  background: linear-gradient(
    90deg,
    rgba(74, 73, 230, 1) 0%,
    rgba(168, 70, 235, 1) 100%
  ) !important;
  width: 67%;
  height: 31%;
  text-align: center;
}

.benefit-column .col-lg-2 {
  width: 13%;
}

.benefit-column .col-lg-10 {
  width: 89%;
}

.vps_benefit-inner-box4 {
  background: linear-gradient(
    90deg,
    rgba(74, 73, 230, 1) 0%,
    rgba(168, 70, 235, 1) 100%
  ) !important;
  width: 100%;
  height: 32%;
  text-align: center;
}

.vps_benefit2-inner-box {
  background: linear-gradient(
    90deg,
    rgba(74, 73, 230, 1) 0%,
    rgba(168, 70, 235, 1) 100%
  ) !important;
  width: 100%;
  height: 31%;
  text-align: center;
}

.vps_benefit-box {
  background: linear-gradient(
    90deg,
    rgba(171, 70, 235, 1) 0%,
    rgba(73, 73, 230, 1) 100%
  ) !important;
  width: 420px;
  height: 60px;
  text-align: center;
}

.promises-button a {
  color: #fff;
  text-decoration: none;
}

.card-button a {
  color: #fff;
  text-decoration: none;
}

.promises-button2 a {
  color: #fff;
  text-decoration: none;
}

.button-vps a {
  color: #fff;
  text-decoration: none;
}

.button-vps-plan a {
  color: #fff;
  text-decoration: none;
}

.button-comparison a {
  color: #fff;
  text-decoration: none;
}

.button-comparison-plan a {
  color: #fff;
  text-decoration: none;
}

.server-button a {
  color: #fff;
  text-decoration: none;
}

.app-server-web a {
  color: #fff;
  text-decoration: none;
}

.game-button-plan a {
  color: #fff;
  text-decoration: none;
}

.button-web a {
  color: #fff;
  text-decoration: none;
}

.web-server-button a {
  color: #fff;
  text-decoration: none;
}

.app-server-web a {
  color: #fff;
  text-decoration: none;
}

.button-vps-plan a {
  color: #fff;
  text-decoration: none;
}

.nav-button a {
  color: #a846eb;
  text-decoration: none;
}

.nav-button2 a {
  color: #fff;
  text-decoration: none;
}

.faq-button a {
  color: #fff;
  text-decoration: none;
}

.comparison-table td {
  width: 25%;
  padding: 8px 2px;
}

@media (min-width: 1280px) {
  .benefit-column .ps-5 {
    padding-left: 0px !important;
  }
}

@media (min-width: 1400px) {
  .card2 {
    width: 100% !important;
    height: 960px;
    border-radius: 10px;
  }

  .benefit-column .col-lg-10 {
    width: 74%;
  }

  .benefit-column .col-lg-2 {
    width: 11%;
  }

  .web-text h1 {
    max-width: 39%;
  }

  .web-text h2 {
    max-width: 65%;
  }

  .web-text h3 {
    max-width: 70%;
  }

  .web-text2 h2 {
    max-width: 53%;
  }

  .web-text3 h2 {
    max-width: 49%;
  }

  .app-text h1 {
    max-width: 74%;
  }

  .app-text h2 {
    max-width: 46%;
  }

  .app-text h3 {
    max-width: 74%;
  }

  .app-text2 h2 {
    max-width: 40%;
  }

  .app-text3 h2 {
    max-width: 58%;
  }

  .banner-inner-box {
    width: 73%;
  }

  .vps-text h1 {
    width: 53%;
  }

  .vps-text h2 {
    width: 90%;
  }

  .vps-text2 h2 {
    width: 30%;
  }

  .vps-text3 h2 {
    width: 40%;
  }

  .server-box-2 {
    min-width: 36%;
  }

  .web-server-box {
    max-width: 31%;
  }

  applications-box {
    min-width: 34%;
  }

  .app-feature-box {
    min-width: 36%;
  }

  .server-text h1 {
    width: 78%;
  }

  .game-text h1 {
    max-width: 60%;
  }

  .game-text h2 {
    max-width: 79%;
  }

  .game-text2 h2 {
    max-width: 26%;
  }

  .game-text3 h2 {
    max-width: 46%;
  }

  .game-text4 h2 {
    max-width: 27%;
  }

  .high-quality-server-box {
    max-width: 36%;
  }

  .high-quality-server-box2 {
    max-width: 36%;
  }

  .card {
    width: 100% !important;
  }

  .card-body-footer-game {
    padding-bottom: 12% !important;
  }

  card-body-footer-game2 {
    padding-bottom: 8% !important;
  }

  .minicraft-text h1 {
    max-width: 67%;
  }

  .minicraft-text h2 {
    max-width: 60%;
  }

  .minicraft-text h3 {
    max-width: 75%;
  }

  .minicraft-text2 h2 {
    max-width: 42%;
  }

  .minicraft-text3 h2 {
    max-width: 47%;
  }

  .comprehensive-inner-text ul li,
  .comprehensive-inner-text ul li:nth-child(2) {
    font-size: 48px;
  }

  .comprehensive-version-box2 p {
    margin-top: -3px;
    margin-bottom: 3px;
  }

  .intuitive-operation h3 {
    margin-left: 10%;
  }

  .intuitive-operation ul li {
    padding-right: 11%;
  }

  .control-panel-box {
    width: 36%;
  }

  .point-text-box {
    width: 15%;
  }

  .main-software ul li {
    font-size: 16px;
  }

  .point-inner-text2 ul li {
    font-size: 12px;
  }

  .java-text ul li ul li {
    font-size: 12px;
  }

  .support-text p {
    font-size: 24px;
  }

  .server2-text p {
    font-size: 14px;
  }

  .text-point-box {
    padding: 6% 5% 6% 15%;
  }

  .java-text-box {
    padding: 6% 5%;
    width: 94%;
  }

  .plans-prices-box {
    max-width: 30%;
    width: 100%;
  }

  .vps-text2 h2 {
    color: #fff;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: bold;
    font-size: 24px;
    text-align: left;
    background: #333 !important;
    width: 30%;
    margin-top: 3%;
    padding: 10px 0 10px 20px;
    letter-spacing: 3.5px;
  }

  .vps-text3 h2 {
    color: #fff;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: bold;
    font-size: 24px;
    text-align: left;
    background: #333 !important;
    width: 40%;
    padding: 10px 0 10px 20px;
    letter-spacing: 3.5px;
  }
}

@media (max-width: 767px) {
  .a-games-app-server-slider .card-wrapper {
    padding-left: 0px !important;
  }

  .a-games-app-server-slider .carousel-control-next {
    justify-content: right !important;
    right: -8px;
  }

  .a-games-app-server-slider .carousel-control-prev {
    justify-content: left !important;
    left: -8px;
  }

  .benefit-3 {
    margin-top: 2rem;
  }

  .banner {
    background-image: url("Images/mobile-banner.png") !important;
    min-height: 787px;
  }

  .banner-inner-text h1 {
    font-size: 24px;
  }

  .banner-inner-box-text h2 {
    font-size: 42px;
  }

  .banner-inner-text p {
    font-size: 14px;
    font-weight: bold;
  }

  .banner-inner-box {
    width: 100%;
    padding: 2px 15px 2px 22px;
    max-width: 100%;
    margin: auto;
  }

  .banner-1-button {
    font-size: 20px;
    padding: 12px 18px;
    margin-top: 470px !important;
  }

  .benefit-box {
    background: linear-gradient(
      90deg,
      rgba(171, 70, 235, 1) 0%,
      rgba(73, 73, 230, 1) 100%
    ) !important;
    width: 100%;
    max-width: 89%;
    text-align: center;
  }

  .about-text h1 {
    font-size: 32px;
  }

  .about-text h6 {
    margin-top: 6%;
  }

  .about-text h2 {
    font-size: 24px;
    text-align: center;
    padding: 7% 7% 0%;
  }

  .about-text p {
    padding: 0% 4%;
  }

  .promises-text h1 {
    font-size: 32px;
  }

  .promises-text p {
    padding: 0% 5%;
  }

  .promises-button {
    font-size: 20px;
    padding: 10px 14px;
  }

  .plan-text h1 {
    font-size: 29px;
  }

  .plan-text p {
    padding: 0% 5%;
  }

  .faq-text h1 {
    font-size: 32px;
  }

  .faq-inner h1 {
    font-size: 16px;
    font-weight: bold;
    display: inline-flex;
  }

  .faq-inner p {
    font-size: 16px;
  }

  .faq-box {
    background: linear-gradient(
      90deg,
      rgba(171, 70, 235, 1) 0%,
      rgba(73, 73, 230, 1) 100%
    ) !important;
    width: 100%;
    max-width: 58%;
    text-align: center;
  }

  .promises-button2 {
    font-size: 19px;
    padding: 3px 7px;
  }

  .benefit-text h1 {
    font-size: 30px;
  }

  .benefit-inner-text h1 {
    font-size: 18px;
    text-align: left;
  }

  .benefit-inner h1 {
    font-size: 70px;
  }

  .benefit-inner-box {
    width: 100%;
    text-align: left;
  }

  .benefit-inner-box2 {
    width: 92%;
    text-align: left;
  }

  .benefit-inner-box3 {
    width: 90%;
    text-align: left;
  }

  .benefit-inner-box4 {
    background: linear-gradient(
      90deg,
      rgba(74, 73, 230, 1) 0%,
      rgba(168, 70, 235, 1) 100%
    ) !important;
    width: 90%;
    height: 31%;
    text-align: center;
  }

  .benefit-inner-text h1 {
    font-size: 17px;
    text-align: center;
  }

  .benefit2-inner-box2 {
    background: linear-gradient(
      90deg,
      rgba(74, 73, 230, 1) 0%,
      rgba(168, 70, 235, 1) 100%
    ) !important;
    width: 90%;
    height: 31%;
    text-align: center;
  }

  .benefit2-inner-box {
    background: linear-gradient(
      90deg,
      rgba(74, 73, 230, 1) 0%,
      rgba(168, 70, 235, 1) 100%
    ) !important;
    width: 90%;
    height: 31%;
    text-align: center;
  }

  .inner-bg {
    background-color: #f1f1f1;
    height: 400px;
  }

  .inner-bg2 {
    background-color: #f1f1f1;
    height: 400px;
  }

  .vector {
    position: relative;
    padding-right: 0px !important;
  }

  .vector-img img {
    width: 100%;
  }

  .xeon-text2 h1 {
    font-size: 32px;
  }

  .benefit-bg {
    padding: 0px !important;
  }

  .benefit-bg .container:nth-child(1) {
    padding: 0px !important;
  }

  .xeon-inner-box {
    width: 100%;
    height: auto !important;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
  }

  .xeon-text h1 {
    font-size: 21px;
  }

  .ryzen {
    width: 100%;
    min-height: 217px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
  }

  .ryzen-text h1 {
    font-size: 40px;
  }

  .ryzen-text h4 {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: bold;
    font-size: 24px;
    color: #343434;
    text-align: center;
  }

  .vector-img {
    position: absolute;
    right: 8px;
    top: -10px;
    left: 8px;
    top: 120px;
  }

  /* CSS minicraft */

  .minicraft-banner {
    background-image: url(Images/minicraft/banner-mobile.jpg);
    background-size: cover;
  }

  .minicraft-text h1 {
    font-size: 35px;
    max-width: 78%;
    padding-left: 9px;
  }

  .minicraft-text h2 {
    max-width: 70%;
    font-size: 35px;
    padding-left: 9px;
  }

  .minicraft-text h3 {
    font-size: 35px;
    max-width: 85%;
    padding-left: 5px;
    padding: 5px 12px;
  }

  .minicraft-text2 h2 {
    max-width: 68%;
    font-size: 18px;
    padding: 10px 0px 10px 7px;
    letter-spacing: 2.2px;
  }

  .minicraft-text3 h2 {
    max-width: 68%;
    font-size: 18px;
    padding: 10px 0px 10px 7px;
  }

  .app-server-web {
    font-size: 20px;
    padding: 12px 18px;
    margin-top: 300px !important;
    margin-bottom: 32px;
  }

  .multiplayer-text h1 {
    font-size: 32px;
    font-weight: bold;
  }

  .adventures-text h1 {
    font-size: 20px;
    font-weight: bold;
    text-align: center;
  }

  .plans-prices-box {
    min-width: 86%;
    font-size: 32px;
  }

  .plans-prices-text h2 {
    font-size: 20px;
    font-weight: bold;
  }

  .environment h2 {
    font-size: 20px;
    font-weight: bold;
  }

  .control-panel-text h1 {
    font-size: 32px;
    width: 100%;
    max-width: 80%;
    margin: auto;
    padding: 5px;
  }

  .control-panel-text h2 {
    font-size: 20px;
  }

  .control-panel-text h3 {
    font-size: 20px;
  }

  .intuitive-operation h3 {
    font-size: 16px;
    font-weight: bold;
  }

  .intuitive-operation ul li {
    font-size: 14px;
  }

  .compatible-software-box {
    max-width: 80%;
  }

  .compatible-software-text h1 {
    font-size: 32px;
  }

  .compatible-software-text h2 {
    font-size: 20px;
  }

  .compatible-software-text h3 {
    font-size: 20px;
  }

  .main-software ul li {
    font-size: 11px;
  }

  .java-text-box {
    width: 75%;
  }

  .support-text p {
    font-size: 16px;
  }

  .banner-server {
    background-image: url(Images/minicraft/server-banner-mobile.png);
    background-size: cover;
  }

  .server-button {
    margin-top: 6% !important;
  }

  .server-text h1 {
    font-size: 32px;
  }

  .server2-text h2 {
    margin-top: 200px;
    margin-bottom: 40px;
  }

  .faq-vps h1 {
    font-size: 16px;
  }

  .faq-vps2 p {
    font-size: 15px;
  }

  .faq-vps-mobile {
    float: right;
  }

  .control-panel-box2 {
    max-width: 40% !important;
    margin-top: 10px !important;
    background: linear-gradient(
      90deg,
      rgba(171, 70, 235, 1) 0%,
      rgba(73, 73, 230, 1) 100%
    ) !important;
  }

  .multiplayer-box {
    max-width: 92%;
    width: 100%;
    margin: auto;
    padding: 5px;
  }

  .multiplayer-box2 {
    background: linear-gradient(
      90deg,
      rgba(171, 70, 235, 1) 0%,
      rgba(73, 73, 230, 1) 100%
    ) !important;
    width: 100%;
    max-width: 65%;
    margin: auto;
    padding: 5px;
  }

  .banner-vps {
    background-image: url(Images/vps/mobile-banner.png) !important;
    min-height: 787px;
  }

  .vps-text h1 {
    font-size: 35px;
    width: 100%;
    max-width: 75%;
    margin-top: 0%;
  }

  .vps-text h2 {
    background: linear-gradient(
      90deg,
      rgba(74, 73, 230, 1) 0%,
      rgba(168, 70, 235, 1) 100%
    ) !important;
    width: 100%;
    max-width: 80%;
    font-size: 35px;
    letter-spacing: 0px;
  }

  .vps2-text h3 {
    max-width: 59% !important;
    color: #fff;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: bold;
    font-size: 35px;
    text-align: left;
    background: linear-gradient(
      90deg,
      rgba(74, 73, 230, 1) 0%,
      rgba(168, 70, 235, 1) 100%
    ) !important;
    padding: 5px 0 8px 20px;
    width: 100% !important;
  }

  .vps-text2 h2 {
    font-size: 16px;
    background: #333 !important;
    width: 100%;
    max-width: 45%;
  }

  .vps-text3 h2 {
    font-size: 16px;
    background: #333 !important;
    width: 100%;
    max-width: 57%;
  }

  .button-vps {
    margin-top: 470px !important;
    margin-bottom: 10%;
  }

  .vps-box-shape {
    width: 100%;
    max-width: 78%;
  }

  .vps-about-text h1 {
    font-size: 32px;
  }

  .vps-about-text h2 {
    font-size: 20px;
  }

  .vps-about-text h3 {
    font-size: 20px;
  }

  .service-box {
    background: linear-gradient(
      90deg,
      rgba(171, 70, 235, 1) 0%,
      rgba(73, 73, 230, 1) 100%
    ) !important;
    width: 100%;
    max-width: 74%;
    text-align: center;
  }

  .service-box2 {
    background: linear-gradient(
      90deg,
      rgba(171, 70, 235, 1) 0%,
      rgba(73, 73, 230, 1) 100%
    ) !important;
    width: 100%;
    max-width: 60%;
    text-align: center;
    margin: auto;
    padding: 0.4%;
  }

  .service-text h1 {
    font-size: 32px;
  }

  .vps-plan-text h2 {
    font-size: 20px;
  }

  .service-inner-box {
    height: 100%;
  }

  .service-inner-box p {
    font-size: 16px;
    padding: 0% 5%;
  }

  .server-text h2 {
    margin-top: 200px;
    margin-bottom: 40px;
    text-align: center;
    padding: 0% 7%;
  }

  .server2-text p {
    font-size: 16px;
  }

  .server-text p {
    padding-right: 0px !important;
  }

  .benefit-vps-box {
    width: 100%;
    max-width: 80%;
  }

  .banner-game {
    background-image: url(Images/game-multi/banner-mobile.jpg);
    background-size: cover;
  }

  .game-text h1 {
    width: 100%;
    max-width: 62%;
    font-size: 20px;
    padding: 6px 12px;
    margin-top: 0%;
  }

  .game-text h2 {
    font-size: 35px;
    padding: 6px 12px;
    max-width: 68%;
  }

  .game-text h3 {
    color: #fff;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: bold;
    font-size: 35px;
    text-align: left;
    background: linear-gradient(
      90deg,
      rgba(74, 73, 230, 1) 0%,
      rgba(168, 70, 235, 1) 100%
    ) !important;
    padding: 6px 12px;
    max-width: 74%;
  }

  .game-text2 h2 {
    max-width: 40%;
    font-size: 16px;
    margin-top: 0%;
    padding: 6px 12px;
  }

  .game-text3 h2 {
    max-width: 66%;
    font-size: 16px;
    padding: 6px 12px;
  }

  .game-text4 h2 {
    max-width: 40%;
    font-size: 16px;
    padding: 6px 12px;
  }

  .compatible-box-shape {
    background: linear-gradient(
      90deg,
      rgba(171, 70, 235, 1) 0%,
      rgba(73, 73, 230, 1) 100%
    ) !important;
    width: 100%;
    max-width: 60%;
    text-align: center;
  }

  .compatible-text h1 {
    font-size: 32px;
  }

  .compatible-text h2 {
    font-size: 20px;
  }

  .compatible-text h3 {
    font-size: 20px;
  }

  .high-quality-server-box {
    max-width: 94%;
    width: 100%;
  }

  .quality-server-text h1 {
    font-size: 32px;
    padding: 5px;
  }

  .high-quality-server-box2 {
    max-width: 100%;
    width: 100%;
  }

  .quality-server-text h2 {
    font-size: 30px;
    padding: 5px;
  }

  .quality-feature-box {
    max-width: 58%;
    width: 100%;
    padding: 6px;
  }

  .quality-feature-text h2 {
    color: #fff;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: bold;
    font-size: 34px;
    text-align: center;
    margin-top: 10px;
  }

  .quality-feature2-box {
    background: linear-gradient(
      90deg,
      rgba(171, 70, 235, 1) 0%,
      rgba(73, 73, 230, 1) 100%
    ) !important;
    width: 100%;
    max-width: 72%;
    margin: auto;
    padding: 6px;
  }

  .quality-feature-text h1 {
    font-size: 32px;
  }

  .feature-speed h3 {
    font-size: 16px;
    margin-left: 0px;
  }

  .feature-speed ul li {
    font-size: 14px;
  }

  .feature-speed ul {
    font-size: 14px;
    margin-left: 0px;
    padding-left: 12%;
  }

  .game-plan-box {
    width: 100%;
    max-width: 94%;
  }

  .game-plan-text h1 {
    font-size: 34px;
  }

  .game-plan-text h2 {
    font-size: 20px;
  }

  .banner-web {
    background-image: url(Images/web/mobile-banner.png);
  }

  .web-text h1 {
    font-size: 20px;
    padding-left: 15px;
    max-width: 56%;
    padding-top: 5px;
    padding-bottom: 5px;
  }

  .web-text h2 {
    font-size: 35px;
    padding-left: 15px;
    max-width: 85%;
  }

  .web-text h3 {
    font-size: 35px;
    padding-left: 15px;
    max-width: 74%;
  }

  .web-text2 h2 {
    font-size: 16px;
    max-width: 70%;
    margin-top: 5%;
    padding: 6px 0px 6px 10px;
  }

  .web-text3 h2 {
    font-size: 16px;
    max-width: 59%;
    margin-top: 0%;
    padding: 6px 0px 6px 10px;
  }

  .button-web {
    font-size: 20px;
    padding: 12px 18px;
    margin-top: 360px !important;
    margin-bottom: 32px;
  }

  .feature-box {
    width: 100%;
    max-width: 84%;
  }

  .feature-text h1 {
    font-size: 32px;
  }

  .feature-benefit-text h2 {
    font-size: 20px;
  }

  .web-server-box {
    max-width: 90%;
  }

  .web-server-text h1 {
    font-size: 32px;
    padding: 3px 0px;
  }

  .expand-functionality2-box {
    background: linear-gradient(
      90deg,
      rgba(171, 70, 235, 1) 0%,
      rgba(73, 73, 230, 1) 100%
    ) !important;
    width: 100%;
    max-width: 50%;
    text-align: center;
    padding: 5px;
  }

  .web-server-button {
    margin-top: 0% !important;
  }

  .expand-functionality-text h2 {
    color: #fff;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: bold;
    font-size: 32px;
    text-align: center;
    margin-top: 10px;
  }

  .expand-functionality-text h3 {
    color: #fff;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: bold;
    font-size: 32px;
    text-align: center;
    margin-top: 10px;
  }

  .expand-functionality2-box {
    background: linear-gradient(
      90deg,
      rgba(171, 70, 235, 1) 0%,
      rgba(73, 73, 230, 1) 100%
    ) !important;
    width: 100%;
    max-width: 70%;
    margin: auto;
    padding: 5px;
  }

  .expand-functionality3-box {
    background: linear-gradient(
      90deg,
      rgba(171, 70, 235, 1) 0%,
      rgba(73, 73, 230, 1) 100%
    ) !important;
    width: 100%;
    max-width: 98%;
    margin: auto;
    padding: 5px;
  }

  .expand-functionality2-text h2 {
    color: #343434;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: bold;
    font-size: 20px;
    text-align: center;
    margin-top: 2%;
  }

  .expand-functionality-inner-box p {
    font-size: 16px;
  }

  .expand-functionality-inner-box {
    padding: 18px;
  }

  .server2-box {
    background: linear-gradient(
      90deg,
      rgba(171, 70, 235, 1) 0%,
      rgba(73, 73, 230, 1) 100%
    ) !important;
    width: 100%;
    max-width: 75%;
    margin: auto;
  }

  .server3-box {
    background: linear-gradient(
      90deg,
      rgba(171, 70, 235, 1) 0%,
      rgba(73, 73, 230, 1) 100%
    ) !important;
    width: 100%;
    max-width: 60%;
    margin: auto;
  }

  .web-server-text h2 {
    font-size: 20px;
  }

  .web-server-text h3 {
    font-size: 20px;
  }

  .comprehensive2-support-box {
    background: linear-gradient(
      90deg,
      rgba(171, 70, 235, 1) 0%,
      rgba(73, 73, 230, 1) 100%
    ) !important;
    width: 100%;
    max-width: 80%;
    text-align: center;
    margin: auto;
    padding: 5px;
  }

  .comprehensive3-support-box {
    background: linear-gradient(
      90deg,
      rgba(171, 70, 235, 1) 0%,
      rgba(73, 73, 230, 1) 100%
    ) !important;
    width: 100%;
    max-width: 70%;
    text-align: center;
    margin: auto;
    padding: 5px;
  }

  .comprehensive-inner-box {
    background: linear-gradient(
      90deg,
      rgba(171, 70, 235, 1) 0%,
      rgba(73, 73, 230, 1) 100%
    ) !important;
    padding: 15%;
    height: 100%;
  }

  .comprehensive-inner-text2 h2 {
    font-size: 20px;
  }

  .banner-app-server {
    background-image: url(Images/app-server/mobile-banner.jpg);
  }

  .app-text h1 {
    font-size: 16px;
  }

  .app-text h2 {
    font-size: 35px;
  }

  .app-text h3 {
    font-size: 35px;
  }

  .app-text2 h2 {
    max-width: 60%;
    font-size: 16px;
  }

  .app-text3 h2 {
    max-width: 88%;
    font-size: 16px;
  }

  .app2-server-web {
    font-size: 20px;
    padding: 12px 18px;
    margin-top: 470px !important;
    margin-bottom: 32px;
  }

  .app2-feature-box {
    background: linear-gradient(
      90deg,
      rgba(171, 70, 235, 1) 0%,
      rgba(73, 73, 230, 1) 100%
    ) !important;
    width: 100%;
    text-align: center;
    max-width: 65%;
    margin: auto;
    padding: 5px;
  }

  .app3-feature-box {
    background: linear-gradient(
      90deg,
      rgba(171, 70, 235, 1) 0%,
      rgba(73, 73, 230, 1) 100%
    ) !important;
    width: 100%;
    text-align: center;
    max-width: 75%;
    margin: auto;
    padding: 5px;
  }

  .app-feature-benefit-text h2 {
    font-size: 20px;
  }

  .app-server-box2 {
    background: linear-gradient(
      90deg,
      rgba(171, 70, 235, 1) 0%,
      rgba(73, 73, 230, 1) 100%
    ) !important;
    width: 91%;
    text-align: center;
    margin: auto;
  }

  .app-server-box {
    background: linear-gradient(
      90deg,
      rgba(171, 70, 235, 1) 0%,
      rgba(73, 73, 230, 1) 100%
    ) !important;
    width: 50%;
    margin: auto;
  }

  .app-server-text h1 {
    color: #fff;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: bold;
    font-size: 32px;
    text-align: center;
    margin-top: 10px;
    padding: 5px;
  }

  .app-server-text h2 {
    text-align: center;
    font-size: 20px;
  }

  .applications-box {
    background: linear-gradient(
      90deg,
      rgba(171, 70, 235, 1) 0%,
      rgba(73, 73, 230, 1) 100%
    ) !important;
    width: 100%;
    text-align: center;
    max-width: 54%;
    padding: 5px;
  }

  .applications-box2 {
    background: linear-gradient(
      90deg,
      rgba(171, 70, 235, 1) 0%,
      rgba(73, 73, 230, 1) 100%
    ) !important;
    width: 100%;
    text-align: center;
    max-width: 74%;
    margin: auto;
    padding: 5px;
  }

  .applications-text h1 {
    font-size: 32px;
  }

  .comprehensive-aap-box {
    max-width: 76%;
  }

  .comprehensive-aap-box2 {
    background: linear-gradient(
      90deg,
      rgba(171, 70, 235, 1) 0%,
      rgba(73, 73, 230, 1) 100%
    ) !important;
    width: 100%;
    max-width: 68%;
    text-align: center;
    margin: auto;
    padding: 5px;
  }

  .comprehensive-aap-box-text h1 {
    font-size: 32px;
  }

  .comprehensive-support-inner-text h2 {
    text-align: center;
    font-size: 20px;
  }

  .comprehensive-support-inner-text p {
    padding-right: 0px;
  }

  .server-text h1 {
    color: #a846eb;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: bold;
    font-size: 32px;
    text-align: left;
    margin-top: 10%;
    background: #fff !important;
    padding: 0px 10px;
    width: auto;
    max-width: 88%;
  }

  .server-text h3 {
    color: #a846eb;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: bold;
    font-size: 32px;
    text-align: center;
    background: #fff !important;
    padding: 0px 10px;
    width: 100%;
    max-width: 65%;
  }

  .compatible-software2-box {
    background: linear-gradient(
      90deg,
      rgba(171, 70, 235, 1) 0%,
      rgba(73, 73, 230, 1) 100%
    ) !important;
    width: 100%;
    max-width: 48%;
    text-align: center;
    margin: auto;
    padding: 5px;
  }

  .footer-text p {
    font-size: 14px;
    font-weight: 500;
  }

  .footer-coyright p {
    font-size: 12px;
  }

  .faq-button {
    font-weight: bold;
  }

  .vps_benefit-inner-box4 {
    background: linear-gradient(
      90deg,
      rgba(74, 73, 230, 1) 0%,
      rgba(168, 70, 235, 1) 100%
    ) !important;
    width: 90%;
    height: 32%;
    text-align: center;
  }

  .vps_benefit2-inner-box {
    background: linear-gradient(
      90deg,
      rgba(74, 73, 230, 1) 0%,
      rgba(168, 70, 235, 1) 100%
    ) !important;
    width: 67%;
    height: 31%;
    text-align: center;
  }

  .vps_benefit-box {
    background: linear-gradient(
      90deg,
      rgba(171, 70, 235, 1) 0%,
      rgba(73, 73, 230, 1) 100%
    ) !important;
    width: 100%;
    max-width: 89%;
    text-align: center;
  }

  .vps-plan-box {
    background: linear-gradient(
      90deg,
      rgba(171, 70, 235, 1) 0%,
      rgba(73, 73, 230, 1) 100%
    ) !important;
    width: 100%;
    text-align: center;
  }

  .banner-1-button a {
    color: #fff;
  }

  .promises-button a {
    color: #fff;
  }

  .card-button a {
    color: #fff;
  }

  .promises-button2 a {
    color: #fff;
  }

  .button-vps a {
    color: #fff;
    text-decoration: none;
  }

  .button-vps-plan a {
    color: #fff;
    text-decoration: none;
  }

  .server-button a {
    color: #fff;
    text-decoration: none;
  }

  .app-server-web a {
    color: #fff;
    text-decoration: none;
  }

  .game-button-plan a {
    color: #fff;
    text-decoration: none;
  }

  .button-web a {
    color: #fff;
    text-decoration: none;
  }

  .web-server-button a {
    color: #fff;
    text-decoration: none;
  }

  .app-server-web a {
    color: #fff;
    text-decoration: none;
  }

  .button-vps-plan a {
    color: #fff;
    text-decoration: none;
  }

  .nav-button a {
    color: #a846eb;
    text-decoration: none;
  }

  .nav-button2 a {
    color: #fff;
    text-decoration: none;
  }

  .faq-button a {
    color: #fff;
    text-decoration: none;
  }

  /* Testing Css */

  .carousel-item {
    left: -4px;
  }

  .flexible2-plans-box {
    border: solid 1px #a846eb;
    border-radius: 10px;
    background: linear-gradient(
      90deg,
      rgba(171, 70, 235, 1) 0%,
      rgba(73, 73, 230, 1) 100%
    ) !important;
    width: 100%;
    height: 150px;
    text-align: center;
    padding: 6% 0%;
  }

  .flexible2-plans-text-box {
    background-color: #ffffff;
    border-radius: 10px;
    width: 30%;
    margin: auto;
  }

  .flexible2-plans-text h2 {
    font-size: 16px;
  }

  .flexible2-plans-text p {
    font-size: 11px;
  }

  .flexible2-box-bottom {
    border: solid 1px #fff;
    border-radius: 10px;
    background-color: #fff !important;
    width: 100%;
    text-align: center;
    padding: 6% 0%;
  }

  .flexible2-vps-cpu {
  }

  .flexible2-vps-cpu ul {
    margin-top: 7%;
    display: flex;
    justify-content: space-around;
    padding: 0 3% 0 6%;
  }

  .flexible2-vps-cpu ul li {
    text-align: left;
  }

  .flexible2-vps-cpu td,
  .flexible2-vps-cpu2 {
    font-size: 12px;
    padding: 10px 2px;
  }

  .flexible2-vps-cpu ul li:nth-child(1) {
    font-size: 20px;

    width: 60%;
  }

  .flexible2-vps-cpu ul li:nth-child(2) {
    font-size: 20px;

    width: 85%;
  }

  .flexible2-memory ul {
    display: flex;
    justify-content: space-around;
    padding: 0 3% 0 6%;
    margin-top: 7%;
  }

  .flexible2-memory ul li:nth-child(1) {
    font-size: 20px;

    width: 55%;
  }

  .flexible2-memory ul li:nth-child(2) {
    font-size: 20px;

    width: 75%;
  }

  .flexible2-vps-inner-text2 p {
    font-size: 20px;
  }

  .comprehensive2-version-box {
    border: solid 1px #a846eb;
    border-radius: 10px;
    background-color: #fbf6fe;
    padding-top: 5%;
    margin: 0% 5%;
    padding-bottom: 5%;
  }

  .comprehensive2-version-box h1 {
    font-size: 16px;
  }

  .comprehensive2-version-box2 {
    border: solid 1px #a846eb;
    border-radius: 10px;
    background-color: #fbf6fe;
    padding-top: 5%;
    margin: 0% 5%;
  }

  .comprehensive2-version-box2 h1 {
    font-size: 20px;
  }

  .comprehensive2-version-box2 p {
    font-size: 14px;
  }

  .comprehensive2-inner-text ul li {
    font-size: 40px;
  }

  .comprehensive2-text-box {
    background-color: #a846eb;
    border-radius: 10px;
    width: 30%;
    margin: auto;
  }

  .comprehensive2-inner-text ul {
    padding-left: 0px;
    margin-bottom: 0px;
    text-align: center;
  }

  .comprehensive2-inner-text ul li:nth-child(1) {
    font-size: 22px;
    padding: 0% 7%;
  }

  .comprehensive2-inner-text ul li:nth-child(2) {
    font-size: 15px;
  }

  .comprehensive2-inner-text ul li:nth-child(3) {
    font-size: 10px;
  }

  .comprehensive2-version-box p {
    font-size: 14px;
  }

  .button-comparison-plan {
    padding: 0px !important;
    font-size: 14px !important;
    width: 90% !important;
  }

  .comparison-text h1 {
    font-size: 26px !important;
  }

  .plans-prices-text2 h2 {
    font-size: 18px !important;
  }
}

.button-comparison {
  text-align: center;
}

.button-comparison-plan {
  background-color: #f17b48;
  border: solid 1px #f17b48;
  color: #fff;
  padding: 10px 30px;
  font-family: "Noto Sans JP", sans-serif;
  border-radius: 5px;
  font-size: 20px;
  font-weight: bold;
  margin: 5% 0% !important;
  width: 80%;
}

.comparison-text h1 {
  color: #fff;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
  font-size: 34px;
  text-align: center;
  margin-top: 10px;
  padding: 6px;
}

.shadow-table {
  -webkit-box-shadow: 0px 6px 18px 1px rgba(0, 0, 0, 0.34);
  -moz-box-shadow: 0px 6px 18px 1px rgba(0, 0, 0, 0.34);
  box-shadow: 0px 6px 18px 1px rgba(0, 0, 0, 0.34);
}

.comparison-plans-box {
  border: solid 1px #a846eb;
  border-radius: 10px;
  background: linear-gradient(
    90deg,
    rgba(171, 70, 235, 1) 0%,
    rgba(73, 73, 230, 1) 100%
  ) !important;
  width: 100%;
  height: 150px;
  text-align: center;
  padding: 6% 0%;
  margin-top: -8px;
}

.plans-prices-text2 h2 {
  color: #343434;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
  font-size: 32px;
  text-align: center;
  margin-top: 2%;
}

/* .card {
    padding:0;
} */

.a-games-app-server-slider .carousel-control-next {
  justify-content: right !important;
  right: 25px;
}

.a-games-app-server-slider .carousel-control-prev {
  justify-content: left !important;
  left: 25px;
}