@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;
}

.nav-button3 {
    background-color: #5948f1;
    border: solid 1px #5948f1;
    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-prix h2{
width:39%;
margin-top:20px;
 color: #fff;
    font-family:Poppins, sans-serif;
    font-weight: bold;
    font-size: 56px;
	padding:10px 10px 10px 20px;
    background: linear-gradient(90deg, rgba(171, 70, 235, 1) 0%, rgba(73, 73, 230, 1) 100%) !important;
	text-align:left;

}



.banner-inner-box-text h2 {
width:86%;
    color: #fff;
    font-family: Poppins, sans-serif;
    font-weight: bold;
    font-size: 56px;
	margin-top:12px;
	padding:10px 10px 10px 20px;
    background: linear-gradient(90deg, rgba(171, 70, 235, 1) 0%, rgba(73, 73, 230, 1) 100%) !important;
	text-align:left;
}


.banner-inner-text h1 {
    color: #fff;
    font-family: Modern Antiqua, sans-serif;
    font-weight:100;
    font-size: 30px;
    text-align: left;
    padding-top: 22%;
}


.banner-inner-text p {
    color: #fff;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 400;
	padding-top:20px;
    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: 24px;
	margin-left:-9px;
    margin-top: 5% !important;
    margin-bottom: 21%;
    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: 28px;
    text-align: center;
    margin-top: 10px;
	background: linear-gradient(90deg, rgba(171, 70, 235, 1) 0%, rgba(73, 73, 230, 1) 100%) !important;
    width: 30%;
	padding:10px 10px 10px 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: 28px;
    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: 100%;
    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:bold;
    font-size: 30px;
    text-align: left;
    margin-top: 10px;
	padding-left:25px;
    padding-top: 9px;
}

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

.promises-text p {
    color: #343434;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 400;
    font-size: 16px;
    text-align: left;
    margin-top: 2px;
    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: 6% 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: 16px;
    margin: 3% 0%;
	margin-top:70px;
	margin-bottom:70px;
    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 {
background: linear-gradient(90deg, rgba(171, 70, 235, 1) 0%, rgba(73, 73, 230, 1) 100%) !important;
    width: 100%;
    color: #fff;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 700;
    font-size: 27px;
	padding:13px 15px 15px 10px;
    text-align: right;
}

.plan-text2 h1 {
background: linear-gradient(90deg, rgba(171, 70, 235, 1) 0%, rgba(73, 73, 230, 1) 100%) !important;
    width: 100%;
    color: #fff;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 700;
    font-size: 27px;
	padding:8px 15px 7px 10px;
    text-align: right;
}

.plan-text h6 {
    color: #A846EB;
    font-family: "roboto", sans-serif;
    font-weight: 700;
    font-size: 20px;
    text-align: right;
    margin-top: 12px;
    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: -6px;
    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%;
	height:100%;
}

.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: 17px;
    text-align: center;
    color: #4a49e6;
}

.card-box ul li:nth-child(3) {
    background-color: #9900CC;
    color: #fff;
	padding:8px;
	margin-top:12px;
    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: 28px;
    text-align: center;
    margin-top: 13px;
}

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

.benefit-inner h1 {
    color: #000;
    font-family: "Times New Roman", Times, serif;
    font-weight: 700;
    font-size: 100px;
    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: 20px;
	 background: linear-gradient(90deg, rgba(74, 73, 230, 1) 0%, rgba(168, 70, 235, 1) 100%) !important;
    width: 96%;
	padding:5px 42px 5px 10px;
     text-align: center;

}

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

}




.benefit-inner-text2 h1 {
    color: #fff;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 900;
	 background: linear-gradient(90deg, rgba(74, 73, 230, 1) 0%, rgba(168, 70, 235, 1) 100%) !important;
    width: 86%;
	margin-top:5px;
	padding:5px 10px 5px 10px;
    text-align: center;
    font-size: 20px;
   

}

.exceptionnel  h1 {
    color: #fff;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 900;
    font-size: 20px;
	margin-top:-4px;
	 background: linear-gradient(90deg, rgba(74, 73, 230, 1) 0%, rgba(168, 70, 235, 1) 100%) !important;
    width: 96%;
	padding:3px 3px 3px 15px;
     text-align: left;

}



.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: 14px;
    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: 21px;
    text-align: center;
    margin-top: 18px;
}

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

.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;

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

}

.comment-puis h1 span {
    color: #a846eb;
    padding-right: 10px;
}

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

}


.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;
	margin-left:75px;
    font-size: 16px;
   
}

.footer-coyright p {
    color: #000;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 400;
    font-size: 16px;
	padding-top:30px;
    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: 30px;
    text-align: center;
    margin-top: 2%;
}

.vps-about-text h3 {
    color: #343434;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: bold;
    font-size: 30px;
    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;
}

.agames-img{
padding-top:60px;
}




.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;
	margin-top:-4px;
    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/%E4%BB%8A%E3%81%99%E3%81%90%E3%82%B5%E3%83%BC%E3%83%90%E3%83%BC%E3%82%92%E5%A7%8B%E3%82%81%E3%81%BE%E3%81%97%E3%82%87%E3%81%86%EF%BC%81.png);
    background-position:left;
    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: 30px;
    text-align: left;
    margin-top: 10%;
    background: #fff !important;
    padding: 10px 10px 10px 10px;
    width: auto;
    max-width: 100%;
}

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

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

.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: 18px;
    margin-top: 3% !important;
    margin-bottom: 3%;
}

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

.faq-vps p {
    color: #343434;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 300;
    font-size: 14px;
    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/%E3%82%A2%E3%83%97%E3%83%AA_FV_bg.jpg);
    background-position: center;
    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: 10px 10px 10px 18px;
    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: 48px;
    text-align: left;
    background: linear-gradient(90deg, rgba(74, 73, 230, 1) 0%, rgba(168, 70, 235, 1) 100%) !important;
    padding:9px 9px 9px 18px;
    max-width: 36%;
}

.app-text h3 {
    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:9px 9px 9px 18px;
    max-width: 77%;
}


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

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


.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: 18px;
    margin-top: 4%;
	margin-bottom:4%;
   
}

.app-feature-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;
}

.app-feature-text h1 {
    color: #fff;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: bold;
    font-size: 32px;
	padding:10px;
    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:30px;
    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: 3%;
}

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

.app-inner-text2 p {
    color: #fff;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 400;
	padding:0px 8px 0px 8px;
    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: 65%;
    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: 10px;

}

.app-server-text h2 {
    color: #343434;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: bold;
    font-size: 30px;
    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: 37%;
    margin: auto;
    padding: 10px;

}



.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: 13px;
    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: 13px;
    text-align: left;
    list-style-type: none;
    position: relative;
    display: block;
    padding-left: 30px;
    line-height: 1.8em;
    padding-bottom: 4px;
}

.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: 66%;
    text-align: center;
    margin: auto;
    padding: 10px;
}

.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_FV.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: 30.5px;
    margin-top: 15%;
    background: linear-gradient(90deg, rgba(74, 73, 230, 1) 0%, rgba(168, 70, 235, 1) 100%) !important;
   padding:11px 8px 11px 15px;
    width: auto;
    max-width: 100%;
    text-align: left;
}

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

.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: 64%;
    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: 64%;
   padding: 10px 10px 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: 37%;
    padding: 10px 10px 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: 28px;
    text-align: center;
    margin-top: 10px;
}

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

.compatible-text h3 {
    color: #343434;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: bold;
    font-size: 26px;
    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: 15px;
    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: 28px;
	padding:11px;
    text-align: center;
    margin-top: 10px;
}

.quality-server-text h2 {
    color: #fff;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: bold;
    font-size: 28px;
	padding:11px;
    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;
	padding:10px 10px 10px 10px;
    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: 28px;
	width:41%;
	padding:10px;
    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: 55px;
    text-align: center;
}

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

.game-plan-text h2 {
    color: #000;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: bold;
    font-size: 28px;
	line-height:1.1em;
    text-align: center;
    margin-top: 2.5%;
}



.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: 38%;
    text-align: center;
    padding: 6% 0%;
}

.game-text-box {
    background-color: #FFFFFF;
    border-radius: 10px;
    width: 37%;
    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: 47px;
    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: 13px;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 400;
}

/* minicraft */

.minicraft-banner {
    background-image:url(Images/minicraft/PC_MC_FV.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: 32px;
    margin-top: 15%;
    background: linear-gradient(90deg, rgba(74, 73, 230, 1) 0%, rgba(168, 70, 235, 1) 100%) !important;
    padding: 8px 6px 8px 20px;
    width: auto;
    width:25%;
    text-align: left;
}

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

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

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

.minicraft-text3 h2 {
    color: #fff;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: bold;
    font-size: 20px;
    text-align: left;
    background: #333 !important;
    max-width: 57%;
    padding: 10px 10px 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: 75%;
    margin: auto;
}

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

.adventures-text h1 {
    color: #343434;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: bold;
    font-size: 28px;
    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: 18px;
    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: 29px;
    text-align: center;
    margin-top: 10px;

}

.plans-prices-text h2 {
    color: #343434;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: bold;
    font-size: 29px;
    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: 228px;
    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: 23px;
    text-align: center;
}

.flexible-plans-text p {
    color: #fff;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 400;
    font-size: 14px;
    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: 100%;
	padding-left:15px;
    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: 59%;
    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: 31%;
}

.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: 58%;
    margin: auto;

}

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

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

.control-panel-text h3 {
    color: #343434;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: bold;
    font-size: 30px;
    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: 46%;
    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: 26px;
    text-align: center;
    margin-top: 2%;
}

.compatible-software-text h3 {
    color: #343434;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: bold;
    font-size: 26px;
    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: 100%;
}

.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;
	padding-bottom:10px;
    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;
}

.faq-vps2 li {
    color: #343434 !important;
    
    font-weight: 300;

}


.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: Times New Roman, sans-serif;
    font-weight: 700;
    font-size: 55px;
	padding-top:16px;
    text-align: left;
}

.benefit-inner3 h1 {
    color: #000;
    font-family: Times New Roman, sans-serif;
    font-weight: 700;
    font-size: 55px;
	padding-top:16px;
    text-align: left;
}

/*/*.benefit-inner-text h1 {
    font-size: 20px;
   /* 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;
}

.nav-button3 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:1699px) and (max-width:1720px){

.minicraft-text h1{

width:23% !important;
}
.minicraft-text h2{

width:62% !important;
}
.minicraft-text h3{

width:60% !important;
}
    .app-text h3 {
        max-width: 62% !important;
    }
    .app-text h2 {
        max-width: 29% !important;
    }
    .app-text h1 {
        max-width: 65% !important;
    }


}

@media(min-width:1721px) and (max-width:1799px){

.minicraft-text h1{
font-size:42px !important;
width:23% !important;
}
.minicraft-text h2{
font-size:42px !important;
width:65% !important;
}
.minicraft-text h3{
font-size:42px !important;
width:65% !important;
}
}

@media(min-width:1400px){

.navbar-nav .nav-link{
font-size:16px;
}


.banner-inner-text p {
font-size:20px;
}
.banner-inner-text h1{
font-size:32px;
}

.banner-inner-box-text-prix h2{
width:35% !important;
}
.about-text h6{
font-size:18px;
}

.banner-inner-box-text h2{
width:76% !important;
}

.promises-box{
width:85%;
}
.promises-text p{
font-size:18px;
}

.promises-inner-text h2 {
font-size:24px;
}

.promises-button{
font-size:22px;
}
.about-text p {
font-size:17px;
}

.plan-text h1 {
width:85%;
margin-left:15%;
}

.plan-text2 h1{
padding:10px 15px 12px 10px;
}

.plan-box2{
float:none;
width:77%;
margin-left:23%;
}

.plan-text p{
font-size:18px;
}
.benefit-inner-text h1{
width:80%;
padding:8px 42px 8px 2px;
}

.game-plan-inner-text span:nth-child(3){
font-size:44px;
}

.benefit-inner-text2 h1{
width:75%;
padding:8px 30px 8px 4px;
}

.card-box ul li{
font-size:19px;
}
.benefit-inner-text p {
font-size:18px;
}

.comment-puis p {
font-size:17px;
}

.faq-inner p{
font-size:17px;
margin-top:33px;
}
.faq-inner h1{
font-size:20px;
}
.card-text{
font-size:17px;
}
.card-title{
font-size:26px;
}
.promises-inner-text p {
font-size:17px;
}


.exceptionnel h1{
font-size:22px;
padding: 3px 3px 7px 15px;
}


.assistance-text h1{
font-size:22px;
padding: 3px 3px 7px 15px;
}

.pour-agames-img{
padding-top:30px;

}

.benefit-inner2 h1{
font-size:70px;
margin-left:40px;
}
.benefit-inner3 h1{
font-size:70px;
margin-left:40px;
}

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

.benefit-inner2-text p{
font-size:18px;
}

.promises-button2 a{
font-size:20px;
}
.faq-text h1{
font-size:22px;
}
.about-box p {
font-size:16px;
}

.server-text p {
font-size:18px;
margin-bottom:7%;
}
.server-button {
font-size:20px;
margin-top:-3%!important;
}



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



.applications-inner-text ul li{
font-size:18px;
line-height: 1.3em;
}

.applications-inner-text p{
font-size:18px;
}
.applications-inner-text span:nth-child(2){
font-size:52px;
}



    .benefit-column .col-lg-10 {
        width: 74%;
		margin-left:52px;
    }

    .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-text2 h2 {
        max-width: 53%;
		font-size:20px;
    }

    .app-text3 h2 {
        max-width: 93%;
		font-size:20px;
    }
	.app-feature-text h1{
	font-size:34px;
}
.app-inner-text h6{
font-size:22px;
}

.app-inner-text p{
font-size:19px;
}

.app-inner-text2 p{
font-size:19px;
}

.app-server-box{
max-width:57%;
}

.app-server-text ul li{
font-size:19px;
}

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

.applications-text h1{
max-width:32%;
}

.comprehensive-aap-box-text h1{
max-width:60%;
}

.comprehensive-support-inner-text p{
font-size:18px;
padding-top:5%;
}
.comprehensive-support-inner-text h2{
font-size:34px;
}
.app-server-web{
font-size:20px;
}

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

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



    .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: 92%;
		margin-top:9%;
		text-align:center;
		font-size:31px;
    }
	.consumption-tax-text ul li{
	font-size:18px;
	}
	
	.high-quality-inner-text p{
	font-size:18px;
	}
	.high-quality-inner-text h2 {
	font-size:22px;
}
	

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

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

    .game-text2 h2 {
        max-width: 56%;
    }
	.compatible-box-shape{
	width:28%;
	
	}
	.compatible-text h1{
	font-size:29px;
	}
	
	

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

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

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

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

    .card {
        width: 100% !important;
    }

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

    card-body-footer-game2 {
        padding-bottom: 8% !important;
    }
	
	.card-title-game ul li{
	font-size:18px;
	}
	.card-body-footer-game2{
	padding-bottom:8%!important;
	}
	.compatible-bottom h1 {
	font-size:34px;
}
.quality-feature-text h1{
font-size:30px;
}

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

.feature-speed h3{
font-size:24px;
}
.feature-speed ul li{
font-size:18px;
}
.game-plan-box{
width:32%;
}
.game-plan-inner-text p{
font-size:18px;
}
.game-all-prices ul li{
font-size:18px;
}
.faq-vps h1{
font-size:20px;
}

.faq-vps p{
font-size:17px;
}



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

	
	
	
	.card-bottom-text ul li{
	font-size:19px;
	}
	.card-bottom-button{
	font-size:18px;
	}
	
	
	
	
	

    .minicraft-text h1 {
        max-width: 25%;
font-size:36px !important;
    }

    .minicraft-text h2 {
        max-width: 69%;
font-size:36px !important;
    }

    .minicraft-text h3 {
        max-width: 69%;
font-size:36px !important;
    }

    .minicraft-text2 h2 {
        max-width: 69%;
		font-size:22px;
    }

.adventures-box-text h2 {

font-size:20px;
}

.adventures-box-text p{
font-size:17px;
text-align:center;
}

.flexible-plans-text p{
font-size:17px;
padding-bottom:10px;
}

.flexible-plans-box {
height:238px;
}

.control-panel-text h1 {
width:54%;
font-size:31px;
}

.compatible-software-text h1 {
padding:10px;
max-width: 40%;
}
.text-point ul li{
font-size:18px;
 }

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

.multiplayer-text h1{
font-size:30px;
padding:11px;
}



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

    .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%;
		font-size:18px;
    }
	.available-software-text p{
	font-size:18px;
	}
	
	.server-text h2 {
	font-size:22px;
}


    .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: 16px;
	  margin-bottom:7%;
    }
	
	.faq-vps2 p{
	font-size:17px;
	}
	.adventures-text p{
	font-size:18px;
	}
	
	

    .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 (min-width:320px) and (max-width:350px){

.navbar-brand{
width:60%!important;
}
.benefit-inner-text h1{
font-size:8px!important;
padding: 5px 3px 5px 3px!important;
}
.benefit-inner-text p{
font-size:13px!important;
}
.benefit-inner2-text p {
font-size:14px!important;
}
.benefit-inner h1{
font-size:66px!important;
}

    .benefit-inner3 h1{
	font-size:56px!important;
	}
    .benefit-inner2 h1{
	font-size:56px!important;
	}
	
.benefit-inner-text2 h1{
font-size:8px!important;
padding:5px 5px 5px 5px!important;
}
.ryzen-text p{
font-size:13px!important;
}
    .promises-button2{
	font-size:9px!important;
	}
	
	.faq-box{
	height:50px!important;
	max-width: 80%!important;
	
}
.faq-text h1{
font-size:20px!important;
margin-top:13px!important;
}
    .faq-inner h1{
	font-size:15px!important;
	}
	    .faq-inner p {
		font-size:14px!important;
		}
    .faq-button {
	font-size:14px!important;
}






.banner-inner-box-text-prix h2{
font-size:22px!important; 
width:100%!important;
}

.banner-inner-box-text h2{
font-size:22px!important;
width:100%!important;
}

.banner-inner-text p{
font-size:12px!important;
}

.banner-1-button {
font-size:14px!important;
margin-left:28px!important;
}

.about-text h1{
font-size:19px!important;
}

.about-text h6 {
padding-top:4px!important;
font-size:14px!important;
}

    .about-text h2{
	font-size:18px!important;
	padding-bottom:10px!important;
	}
	
.about-text p {
font-size:14px!important;
}
.about-box h2{
font-size:16px!important;
}

.about-box p{
font-size:12px!important;
padding-left:10px!important;
padding-right:10px!important;
}

.promises-box{
height:43px!important;
}

.promises-text h1{
font-size:19px!important;
margin-top: 6px!important;
 padding-left: 20px!important;
padding-top: 11px!important;
}
.promises-text h6{
font-size:16px!important;

}

.promises-text p{
font-size:13px!important;
}
 .promises-inner-text h2{
 font-size:18px!important;
 }
 
 .promises-inner-text p{
 font-size:13px!important;
 text-align:center!important;
  }

 .promises-button{
 font-size:14px!important;
}

    .plan-text h1{
	font-size:17px!important;
	}
	.plan-text2 h1{
	font-size:17px!important;
	}
	.plan-text h6{
	font-size:16px!important;
	}
	.plan-text p{
	font-size:13px!important;
	}
	.card-text{
	font-size:14px!important;
	}
	.card-box ul li{
	font-size:14px!important;
	}
	.card-button{
	font-size:16px!important;
	}
	    .benefit-text h1{
		font-size:19px!important;
		margin-top:14px!important;
		}
		.benefit-box{
		height:50px!important;
		}
.xeon-text2 h1{
font-size:24px!important;
}
.ryzen-text h1{
font-size:24px!important;
}

.minicraft-text h1{
font-size:18px!important;
}

.minicraft-text h2{
font-size:18px!important;
}

    .minicraft-text h3{
	font-size:18px!important;
	}
	







	  


}





@media (min-width:351px) and (max-width:375px){

.banner-inner-box-text-prix h2{
font-size:26px!important; 
width:100%!important;
}

.banner-inner-box-text h2{
font-size:26px!important;
width:100%!important;
}

.banner-inner-text p{
font-size:14px!important;
}

.banner-1-button {
font-size:16px!important;
margin-top:24%!important;
margin-left:30px!important;
}

.flexible-vps-cpu ul li:nth-child(1){
padding-left:0px;
}




.about-text h1{
font-size:22px!important;
}

.flexible-memory ul li:nth-child(2){
width:44%!important;
}
.flexible-vps-cpu ul li:nth-child(2) {
width:80%!important;
}

.about-text h6 {
padding-top:4px!important;
font-size:14px!important;
}

    .about-text h2{
	font-size:19px!important;
	padding-bottom:10px!important;
	}
	
.about-text p {
font-size:14px!important;
}
.about-box h2{
font-size:18px!important;
}

.about-box p{
font-size:13px!important;
padding-left:8px!important;
padding-right:8px!important;
}

.promises-box{
height:43px!important;
}

.promises-text h1{
font-size:21px!important;
margin-top: 6px!important;
 padding-left: 20px!important;
padding-top: 8px!important;
}
.promises-text h6{
font-size:16px!important;

}
.promises-box2{
height:47px!important;
}


.promises-text p{
font-size:14px!important;
}
 .promises-inner-text h2{
 font-size:18px!important;
 }
 
 .promises-inner-text p{
 font-size:14px!important;
 text-align:center!important;
  }

 .promises-button{
 font-size:14px!important;
}

    .plan-text h1{
	font-size:20px!important;
	}
	.plan-text2 h1{
	font-size:20px!important;
	}
	.plan-text h6{
	font-size:16px!important;
	}
	.plan-text p{
	font-size:14px!important;
	}
	.card-text{
	font-size:14px!important;
	}
	.card-box ul li{
	font-size:13px!important;
	}
	.card-button{
	font-size:16px!important;
	}
	    .benefit-text h1{
		font-size:20px!important;
		margin-top:14px!important;
		}
		.benefit-box{
		height:50px!important;
		max-width: 77%!important;
		}
.xeon-text2 h1{
font-size:32px!important;
}
.ryzen-text h1{
font-size:32px!important;
}
    .benefit-inner h1{
	font-size:66px!important;
	}
	.benefit-inner2-text p{
	font-size:14px!important;
	}
	    .promises-button2{
		font-size:11px!important;
		}
		   
.benefit-inner-text h1{
font-size:9px!important;
padding:8px 8px 8px 8px!important;
}
.benefit-inner-text2 h1{
font-size:9px!important;
padding:8px 8px 8px 8px!important;
}
    .faq-box{
	max-width: 67%!important;
	height:50px!important;
	}
	    .faq-text h1 {
		font-size: 20px!important;
        margin-top: 12px!important;
}
    .faq-inner p {
	font-size:14px!important;
	}
    .faq-inner h1 {
	font-size:16px!important;
	
}
.footer-text a{
font-size:15px!important;
}

    .faq-button{
	font-size:16px!important;
	
}


.minicraft-text h1{
font-size:21px!important;
}

.minicraft-text h2{
font-size:21px!important;
}
    .minicraft-text h3{
	font-size:21px!important;
	}
	
	.minicraft-text2 h2{
	font-size:14px!important;
	}
.minicraft-text3 h2 {
max-width:87%;
font-size:14px!important;
}


.comprehensive-inner-text ul li:nth-child(2){
font-size:28px!important;
}

.button-vps-plan{
font-size:16px!important;
}

.flexible-plans-text p{
font-size:13px!important;
}
.consumption-tax-text ul li{
font-size:15px!important;
}
.high-quality-inner-text p{
font-size:14px!important;
}
.fourniture{
height:64px!important;
}
    .compatible-software-text h1 {
	font-size:24px!important;
}
    .compatible-software-box{
	max-width:74%!important;
	}
	
.compatible-software-text h2{
font-size:18px!important;
}
.compatible-software-text h3{
font-size:18px!important;
}
.java-text ul li{
font-size:13px!important;
}
.text-point ul li {
font-size:13px!important;
}
.main-software ul li{
font-size:12px!important;
}

.java-text-box{
font-size:12px!important;
width:100%!important;
}
.text-point-box {
font-size:12px!important;
}
    .server-text h2 {
	margin-top:136px!important;
	font-size:16px!important;
	}

.server-button{
font-size:14px!important;
}
.server2-text p{
font-size:13px!important;
}
    .server-text h1{
	font-size:21px!important;

 }
    .server-text h3{
	font-size:21px!important;
	}
	
    .faq-vps h1 {
	font-size:17px!important;
	
	}

.adventures-text p {
font-size:15px!important;
}
	
    .adventures-text h1{
	font-size:19px!important;
	}
	
.multiplayer-text h1{
font-size:19px!important;
}
	
	
	
	
	  

}












@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:850px;

    }

    .banner-inner-text h1 {
        font-size: 18px;
		padding-top:100%;
    }
	
	.banner-inner-box-text-prix h2{
	font-size:26px;
	width:94%;
	}
	

    .banner-inner-box-text h2 {
        font-size: 26px;
		width:94%;
    }

    .banner-inner-text p {
        font-size: 16px;
		padding-top:16px;
        font-weight: 500;
    }

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

    .banner-1-button {
        font-size: 22px;
        padding: 12px 18px;
		margin-left:7px;
        
    }

    .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-box h2{
font-size:22px;
}


    .about-text h1 {
        font-size: 30px;
		width:100%;
    }

    .about-text h6 {
        padding-top: 12px;
    }

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

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

.promises-box{
height:50px;
}
.promises-box2 {
height:50px;
}

.promises-inner-text h2{
font-size:21px;
}

/*Minecraft change height width off image*/

.fourniture{
width:100px;
height:75px;
}

.adventures-box-text p{
text-align:center;
}


.intuitive-operation ul {
    padding: 0 !important;
}

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

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

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

    .plan-text h1 {
        font-size: 21px;
    }
	.plan-text2 h1{
	font-size:21px;
	}
	
.compatible-bottom h1{
font-size:24px;
}


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

    .faq-text h1 {
        font-size: 17px;
		margin-top:20px;
    }

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

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

    .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;
    }

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


    .promises-button2 {
        font-size: 12px;
		margin-top:10px;
		margin-bottom:10px;
        padding: 12px 9px;
    }

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

.benefit-inner2 h1{
font-size:64px;
padding-top:21px;
}


.benefit-inner3 h1{
font-size:64px;
padding-top:21px;
}

    .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: 10px;
		width:100%;
        text-align: center;
    }
	.benefit-inner-text2 h1{
	font-size:11px;
	width:100%;
	text-align:center;
	}
	
	.benefit-inner-text p{
	font-size:14px;
	}
	
	.benefit-inner-text h3 {
	font-size:20px;

}
.agames-img{
padding-top:10px;
}
.high-quality-inner-box{
margin-left:15px;
margin-right:15px;
}



.pour-agames-img{
margin-top:-28px;

}

.about-box {
    height: 125px;
    /* height: auto; */
    display: flex;
    flex-direction: column;
	align-items: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: 24px;
        max-width: 78%;
		margin-top:64%;
        padding-left: 9px;
    }

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

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


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

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


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

    .multiplayer-text h1 {
        font-size: 21px;
        font-weight: bold;
    }
	.adventures-box-text h2{
	font-size:20px;
	}
	
	.plans-prices-text h1{
	font-size:22px;
	}
	


    .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: 19px;
		padding-top:10px;
        font-weight: bold;
    }

.consumption-tax-text p{
text-align:left;
}

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


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

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

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

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

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

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

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

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

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

    .main-software ul li {
        font-size: 11px;
    }
	
	.text-point-box{
	width:90%;
	font-size:13px;
	}
	

    .java-text-box {
        width: 90%;
		font-size:13px;
    }

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

    .banner-server {
        background-image:url(Images/Group%20115.jpg);
        background-size: cover;
    }

    .server-button {
	font-size:16px!important;
        margin-top: 5% !important;
		margin-bottom:6%!important;
    }

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

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

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

    .faq-vps2 p {
        font-size: 14px;
    }
	.applications-inner-text ul li{
	line-height:1.5em
	}
	

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

    .control-panel-box2 {
        max-width: 68% !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: 100%;
        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: 18px;
    }

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

    .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: 148px;
        margin-bottom: 40px;
        text-align: center;
		font-size:19px;
        padding: 0% 7%;
    }

    .server2-text p {
        font-size: 14px;
		padding-left:5px;
		padding-right:5px;

    }

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

    .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: 66%;
font-size: 16px;
        padding: 6px 12px;
        margin-top: 100%;
    }

    .game-text h2 {
        font-size: 24px;
        padding:10px;
        max-width: 66%;
    }



    .game-text h3 {
        color: #fff;
        font-family: "Noto Sans JP", sans-serif;
        font-weight: bold;
        font-size: 28px;
        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: 80%;
        font-size: 16px;
        margin-top: 0%;
        padding: 6px 12px;
    }

    .game-text3 h2 {
        max-width: 82%;
        font-size: 16px;
		margin-top:-4px;
        padding: 6px 12px;
    }

    .game-text4 h2 {
        max-width: 50%;
        font-size: 16px;
		margin-top:-4px;
        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: 83%;
        text-align: center;
    }

    .compatible-text h1 {
        font-size: 22px;
		margin-top:15px;
    }

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

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

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

    }

    .quality-server-text h1 {
        font-size: 20px;
        padding: 11px;
    }

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


    .quality-server-text h2 {
        font-size: 20px;
        padding: 11px;
		margin-top:0px;
    }

    .quality-feature-box {
        max-width: 70%;
        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: 22px;
		width:75%;
		margin-top:7px;
    }

    .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: 24px;
    }

    .game-plan-text h2 {
        font-size: 20px;
    }
	.game-all-prices ul li {
	font-size:14px;
}


    .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);
		padding-top:70px;
		padding-bottom:70px;
    }

    .app-text h1 {
        font-size: 16px;
		min-width:91%;
    }

    .app-text h2 {
        font-size: 35px;
		min-width:54%;
    }

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

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

    .app-text3 h2 {
        max-width: 98%;
        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: 72%;
        margin: auto;
        padding: 5px;
    }
	.app-feature-text h1{
	font-size:21px;
	margin-bottom:5px;
	max-width:100%;
	}
	
	.app-inner-text p{
	padding: 0px 8px 0px 8px;
	}
	
	
	

    .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: 100%;
        margin: auto;
    }

    .app-server-text h1 {
	max-width:100%;
        color: #fff;
        font-family: "Noto Sans JP", sans-serif;
        font-weight: bold;
        font-size: 26px;
        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: 70%;
        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: 80%;
    }

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

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

    .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: 25px;
        text-align: left;
        margin-top: 18%;
        background: #fff !important;
        padding: 7px 10px 7px 7px;
        width: auto;
        max-width: 90%;
    }

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

    .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;
		margin-left:0px;
		font-size:18px;
    }

    .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;
    }

    .nav-button3 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;
}


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



@media (min-width:1800px) and (max-width:1920px){

    .minicraft-text h2 {
        width: 58% !important;
    }

.minicraft-text h3 {
        width: 56% !important;
    }
.minicraft-text h1 {
        width: 21% !important;
    }
.minicraft-text2 h2 {
        width: 57% !important;
    }
.minicraft-text3 h2 {
        max-width: 43% !important;
    }
.game-text h1 {
        max-width: 75% !important;
    }
.game-text h2 {
        max-width: 73% !important;
    }
    .game-text2 h2 {
        max-width: 46% !important;
    }
.game-text3 h2 {
        max-width: 48% !important;
    }
.game-text4 h2 {
        max-width: 28% !important;
    }

    .app-text h2 {
        max-width: 27% !important;
    }
    .app-text h1 {
        max-width: 61% !important;
    }

    .app-text h3 {
        max-width: 58% !important;
    }
.app-text2 h2 {
        max-width: 45% !important;
    }
.app-text3 h2 {
        max-width: 78% !important;
    }

}

@media (min-width:1600px) and (max-width:1920px){
.banner-inner-box-text-prix h2{
width:35% !important;
}
.banner-inner-box-text h2{
width:62% !important;
}
.minicraft-text2 h2{
width:60%;
}
.minicraft-text3 h2{
max-width:45% !important;
}
.game-text h1{
max-width:80%;
}
.game-text h2{
max-width:78%;
}
.game-text2 h2{
max-width:49%;
}
.game-text3 h2{
max-width:50% !important;
}
.game-text4 h2{
max-width:30% !important;
}

.app-text2 h2{
max-width:47% !important;
}
.app-text3 h2{
max-width:84% !important;
}

}


@media (min-width:1920px) and (max-width:2100px){
.banner-inner-box-text-prix h2{
width:25% !important;
}
.banner-inner-box-text h2{
width: 53% !important;

}
.minicraft-text h1{
width:23% !important;
font-size: 46px !important;
}
.minicraft-text h2{
max-width:65% !important;
font-size: 46px !important;
}
.minicraft-text h3{
max-width:63% !important;
font-size: 46px !important;
}
.minicraft-text2 h2{
max-width:51% !important;
}
.minicraft-text3 h2{
max-width:38% !important;
}
.game-text h1{
max-width:68% !important;
}
.game-text h2{
max-width:66% !important;
}
.game-text2 h2{
max-width:41% !important;
}
.game-text3 h2{
max-width:43% !important;
}
.game-text4 h2{
max-width:26% !important;
}
.app-text h1{
max-width:55% !important;
}
.app-text h2{
max-width:24% !important;
}
.app-text h3{
max-width:52% !important;
}
.app-text2 h2{
max-width:40% !important;
}
.app-text3 h2{
max-width:70% !important;
} 


}