@charset "utf-8";
/* CSS Document */

.CE5-10V20A-SMB .text-box-01 .h4-link {
	padding-top: 20px;
}

.CE5-10V20A-SMB .text-box-01 .h4-link .icon-copy{
	cursor:pointer;
	display:inline-block;
	text-align:center;
	white-space:nowrap;
	font-size:17px;
	line-height:1.17648;
	font-weight:400;
	min-width:28px;
	padding-left:16px;
	padding-right:16px;
	padding-top:8px;
	padding-bottom:8px;
	border-radius:980px;
	background:#ffc300;
	background-color:transparent;
	border-width:1px;
	border-style:solid;
	border-color:#ffc300;
	color:#ffc300;	
}

.CE5-10V20A-SMB {
	height: auto;
	background-color: #fff;
}

.CE5-10V20A-SMB .suspen-img {
	position: absolute;
	right: 15%;
	bottom: 7%;
	width: 650px;
}

.CE5-10V20A-SMB .suspen-img-2 {
	right: 22%;
	bottom: 3.5%;
}

.CE5-10V20A-SMB .suspen {
	top: 55%;
	left: 25%;
	transform: translate(-50%, -50%);
}

.CE5-10V20A-SMB .text-box {
	max-width: 750px;
	width: 100%;
}

.CE5-10V20A-SMB .h1 {
	font-size: 40px;
	color: #393939;
	margin-bottom: 20px;
}

.CE5-10V20A-SMB .h2 {
	font-size: 40px;
	color: #ffc300;
	margin-bottom: 20px;
	font-weight: 600;
}

.CE5-10V20A-SMB .text {
	font-size: 28px;
	color: #000;
	line-height: 1.5;
}

.CE5-10V20A-SMB .s1 {
	position: relative;
	display: inline-block;
	vertical-align: top;
	font-size: 28px;
	line-height: 40px;
	padding: 0 20px;
	background-image: linear-gradient(to right, #3bd6d3, #3bd9b8);
	border-radius: 5px;
	margin-left: 30px;
}

.CE5-10V20A-SMB .s1::before {
	position: absolute;
	content: "";
	top: 2px;
	left: 2px;
	right: 2px;
	bottom: 2px;
	background-color: #fff;
	border-radius: 3px;
}

.CE5-10V20A-SMB .s1>span {
	position: relative;
	background: -webkit-linear-gradient(left, #3bd6d3, #3bd9b8);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.CE5-10V20A-SMB .s01 {
	position: relative;
	display: inline-block;
	vertical-align: top;
	font-size: 20px;
	line-height: 40px;
	padding: 10px;
	background-color:transparent;
	border-radius: 12px;
	margin: 10px 10px 10px 0px;
	border-color:#ffc300;
	border-width:2px;
	border-style:solid;
}

.CE5-10V20A-SMB .s01::before {
	position: absolute;
	content: "";
	top: 2px;
	left: 2px;
	right: 2px;
	bottom: 2px;
	background-color: #5381ad00;
	border-radius: 10px;
}

.CE5-10V20A-SMB .s01>span {
	position: relative;
	background: -webkit-linear-gradient(left, #ffc300, #fff360);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.text-box-01 {
	width: 470px;
}

.back-img-01 {
	display: none;
}

.CE5-10V20A-SMB .s001 {
	position: relative;
	display: inline-block;
	vertical-align: top;
	font-size: 26px;
	line-height: 40px;
	padding: 10px 20px;
	margin-bottom: 20px;
}

.CE5-10V20A-SMB .s001::before {
	position: absolute;
	content: "";
	top: 2px;
	left: 2px;
	right: 2px;
	bottom: 2px;
	background-color: #ffc300;
	border-radius: 10px;
}

.CE5-10V20A-SMB .s001>span {
	position: relative;
	background: -webkit-linear-gradient(left, #fff, #fff6e1);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

	a, .link{
		color:#06c;
		letter-spacing:inherit;
	}

  .CE5-10V20A-SMB-02 .suspen {
	top: 30%;
	left: 50%;
	transform: translate(-50%, 0);
}

.CE5-10V20A-SMB-02 .text-box {
	max-width: 1100px;
	width: 100%;
	text-align: center;
	margin: 0 auto;
	line-height: 1.5;
}

.CE5-10V20A-SMB-02 .h1 {
	font-size: 38px;
	line-height: 1;
	white-space: nowrap;
	background-image: linear-gradient(90deg, rgb(255, 0, 0), rgb(255, 0, 255), rgb(0, 0, 255), rgb(0, 255, 255), rgb(0, 255, 0), rgb(255, 255, 0), rgb(255, 0, 0));
	-webkit-text-fill-color: rgba(0, 0, 0, 0);
	-webkit-background-clip: text;
	font-weight: bolder;
	margin-bottom: 20px;
}

.CE5-10V20A-SMB-02 {
	height: 400px;
	background-color: #14121f;
}

.CE5-10V20A-SMB-02 .text {
	font-size: 28px;
	color: #b1b1b1;
	font-weight: 100;
	letter-spacing: .07em;
	line-height: 1.5;
}

@media screen and (max-width: 1440px) {

	.CE5-10V20A-SMB .s01::before {
		position: absolute;
		content: "";
		top: 1px;
		left: 1px;
		right: 1px;
		bottom: 1px;
		background-color: #fff0;
		border-radius: 8px;
	}

	.CE5-10V20A-SMB img {
		width: -webkit-fill-available;
	}
	
	.CE5-10V20A-SMB .h1 {
		font-size: 30px;
	}

	.CE5-10V20A-SMB .s1 {
		font-size: 18px;
		line-height: 29px;
	}

	.CE5-10V20A-SMB .s01 {
		font-size: 20px;
		padding: 9px;
		border-radius: 10px;
		margin: 5px 5px 5px 0px;
	}

	.CE5-10V20A-SMB .text {
		font-size: 18px;
	}
	
	.CE5-10V20A-SMB .h2 {
	font-size: 36px;
	margin-bottom: 20px;
}
	
	.CE5-10V20A-SMB .text-box-01 .h4-link{
		padding-top: 20px;
	}
}

@media screen and (max-width: 1024px) {
	
	.CE5-10V20A-SMB {
		height: 650px;
	}

	.CE5-10V20A-SMB .suspen-img {
		width: 35%;
		bottom: 25%;
	}

}

@media screen and (max-width: 768px) {
	
	.CE5-10V20A-SMB .text-box-01 {
		padding-left:24px;
	}
}

@media screen and (max-width: 767px) {
	.CE5-10V20A-SMB {
		height: auto;
		padding: 50px 0;
	}

	.CE5-10V20A-SMB .s001 {
		font-size: 16px;
		line-height: 1.5;
		padding: 10px 20px;
		margin-bottom: 10px;
	}

	.CE5-10V20A-SMB .s01 {
		position: relative;
		display: inline-block;
		vertical-align: top;
		font-size: 28px;
		line-height: 40px;
		padding: 20px;
		background-image: linear-gradient(to right, #002e7300, #002e7300);
		border-radius: 12px;
		margin: 20px 40px 20px 0px;
	}

	.CE5-10V20A-SMB .text-box-01 {
		text-align: center;
		margin-bottom: 10px;
		padding-top: 0px;
		width: 99%;
		margin-top: -460px;
		padding-left: 0;
	}
}

@media screen and (max-width: 640px) {

	.CE5-10V20A-SMB {
		padding: 0;
	}

	.CE5-10V20A-SMB .suspen {
		top: auto;
		left: auto;
		margin-top: 40px;
	}

	.CE5-10V20A-SMB .h2 {
		font-size: 20px;
	}

	.CE5-10V20A-SMB .s1 {
		font-size: 16px;
		margin-left: 10px;
	}

	.CE5-10V20A-SMB .s01 {
		font-size: 14px;
		margin: 6px;
		line-height: 1.5;
		padding: 5px;
		border-radius: 8px;
		border-width:1px;
	}

	.CE5-10V20A-SMB .s01::before {
		top: 1px;
		left: 1px;
		right: 1px;
		bottom: 1px;
		border-radius: 6px;
	}
	
	.CE5-10V20A-SMB-02 {
		min-height: 200px;
		height: auto;
	}
	.CE5-10V20A-SMB-02 .suspen{
		top:10%;
	}
	
}

@media screen and (max-width: 440px) {

	.CE5-10V20A-SMB .suspen{
		transform:translate(0, 0)
	}

	.CE5-10V20A-SMB .text-box-01 .h4-link .icon-copy{
		font-size: 12px;
	}
	
	.CE5-10V20A-SMB .text-box-01 .h4-link{
		padding-top:15px;
	}
	
	.CE5-10V20A-SMB-02 .text{
		font-size:16px;
		margin-top:25px;
	}
}
	



@media screen and (max-width: 400px) {

 
	.CE5-10V20A-SMB .h2{
		margin-bottom: 10px;
	}
	
	.CE5-10V20A-SMB .s001{
		font-size:14px;
		padding:10px;
		margin-bottom:10px;
	}
	
	.CE5-10V20A-SMB .text-box-01{
		margin-top:-480px;
	}
	
}