/* .visimg.solution {
	background: url(/_Img/layout/solution_bg.jpg) center / cover no-repeat;
} */

/*  sucloud_block -------------------------------*/
/* sulinux */
.sucloud_block section.outline .vidio{background-color:#ccc;margin:1rem auto;max-width:600px;}
.sucloud_block section.outline video{height:auto;width:100%;}
.sucloud_block section.outline em{margin-bottom:0.3rem;text-align:center;}
.sucloud_block section.outline .outline_list{margin:auto;max-width:600px;}
.sucloud_block section.outline .outline_list > li{border-radius:1rem;margin:1rem 0;padding:1.25rem 1.4rem;width:100%;}
.sucloud_block section.outline .cont_title2{border-radius:1rem;font-size:1.4rem;line-height:1.8;margin:6rem auto 0;max-width:1000px;padding:1.25rem 1.4rem;}

/* char */
.sucloud_block section.char .char_list{display:flex;flex-wrap:wrap;margin:0.8rem auto 0;max-width:1000px;}
.sucloud_block section.char .char_list > li:first-child{padding-top:1.2rem;}
.sucloud_block section.char .char_list > li{align-items:center;display:flex;padding:2.4rem;width:100%;}
.sucloud_block section.char .char_list .icon{align-items:center;border-radius:50%;display:flex;height:6.8rem;justify-content:center;margin-right:1.5rem;min-height:6.8rem;min-width:6.8rem;width:6.8rem;}
.sucloud_block section.char .char_list .icon img{width:4rem;}
.sucloud_block section.char .char_list .item_title2 span{color:#333;font-size:1rem;font-weight:500;}

/* value */
.sucloud_block section.value .value_list{margin:auto;max-width:1000px;}
.sucloud_block section.value .value_list > li{border-radius:1.2rem;margin-bottom:2rem;padding:1.5rem 2rem;width:75%;}
.sucloud_block section.value .value_list > li:nth-child(2n){margin-left:auto;}

/* architecture */
.sucloud_block section.architecture .architecture_list{display:flex;}
.sucloud_block section.architecture .architecture_list > li{border-radius:1.2rem;margin:1%;padding:1.5rem 2rem;width:48%;}

/* composition */
.sucloud_block section.composition img { width: 100%; max-width: 1000px; display: block; margin: 1.5rem auto; }

/* function */
.sucloud_block section.function{background:url(/images/support/content_bg.png) top 30% right 20% no-repeat fixed;position:relative;}
.sucloud_block section.function .function_list{align-items:flex-end;display:flex;position:relative;}
.sucloud_block section.function .cont_title{left:50%;position:absolute;top:135px;transform:translateX(-50%);}
.sucloud_block section.function .function_list > li{border-radius:1.2rem;margin:1%;padding:1.5rem 2rem;width:31%;}

/* skill */
.sucloud_block section.skill .skill_list > li{align-items:center;border-radius:1.2rem;display:flex;justify-content:space-between;margin:1%;padding:1.5rem 2rem;}
.sucloud_block section.skill .skill_list .text_box{margin-right:3rem;width:100%;}
.sucloud_block section.skill .skill_list .item_title2{font-size:1.5rem;}

/* example */
.sucloud_block section.example img { width: 100%; max-width: 1121px; display: block; margin: 1.5rem auto; }

/* spec */
.sucloud_block section.spec .spec_list{display:flex;justify-content:center;margin:auto;max-width:820px;}
.sucloud_block section.spec .spec_list > li{border-radius:1.2rem;margin:1%;padding:1.5rem 2rem;width:48%;}
.sucloud_block section.spec .spec_list > li .item_title3{margin-bottom:0.3rem;}
.sucloud_block section.spec .spec_list > li .item_title3 span{color:#0066ff;margin-left:4px;}

/* signup */
.sucloud_block section.signup h2{font-size:1.6rem;font-weight:300;text-align:center;}
.sucloud_block section.signup h2 span{color:#0066ff;font-weight:500;}
.sucloud_block section.signup .signup_btn{align-items:center;border-radius:1.875rem;color:#82b2fe;cursor:pointer;display:flex;font-size:1.1rem;font-weight:500;height:3.75rem;justify-content:center;margin:4.3rem auto 0;width:15rem;}
.sucloud_block section.signup .signup_btn img{margin-right:4px;}

/*  logserver_block -------------------------------*/
/* outline */
.logserver_block section.outline img { width: 100%; max-width: 609px; display: block; margin: 1.5rem auto; }

/* function */
.logserver_block section.function .function_list{display:flex;flex-wrap:wrap;justify-content:space-between;}
.logserver_block section.function .function_list > li{align-items:center;border-radius:1.2rem;margin:1%;padding:1.3rem 1.5rem;width:31.3%;}

/* install */
.logserver_block section.install .refer{max-width:940px;}
.logserver_block section.install .first{margin-top:5rem;}
.logserver_block section.install .code{display:block;font-size:1rem;line-height:2;margin:1rem auto;max-width:800px;overflow-x:auto;padding:1rem 1.5rem;}
.logserver_block section.install .code span{color:#555;}
.logserver_block section.install .arrow{text-align:center;}
.logserver_block section.install .second{margin-bottom:5rem;}
.logserver_block section.install .box{background:#fff;border:1px solid #9fabb7;font-size:0.95rem;font-weight:400;line-height:2;margin:1rem auto;max-width:800px;overflow-x:auto;padding:1rem 1.5rem;}

/* setting */
.logserver_block section.setting{text-align:center;}
.logserver_block section.setting .setting_list{margin-top:2rem;}
.logserver_block section.setting .setting_list > li{margin-bottom:8rem;}
.logserver_block section.setting .item_title{font-size:1.25rem;justify-content:center;}
.logserver_block section.setting .item_title span{color:#0b8cff;}
.logserver_block section.setting .item_text{line-height:1.8;margin-top:0.6rem;text-align:center;}
.logserver_block section.setting img{margin:1rem 0;}
.logserver_block section.setting img.logserver_02{max-width:418px;width:100%;}
.logserver_block section.setting img.logserver_03{max-width:412px;width:100%;}
.logserver_block section.setting .arrow{text-align:center;}
.logserver_block section.setting .code{display:block;line-height:2;margin:1rem auto;max-width:500px;overflow-x:auto;padding:1rem 1.5rem;text-align:left;}

/* check */
.logserver_block section.check { text-align: center; }
.logserver_block section.check img { margin: 2rem auto; width: 100%; max-width: 572px; }

/*  zabbix_block -------------------------------*/
/* char */
.zabbix_block section.char .char_list .zabbix_img{margin:1rem 0;text-align:center;}
.zabbix_block section.char .char_list > li{margin-bottom:5rem;text-align:center;}
.zabbix_block section.char .char_list > li .item_title{flex-wrap:wrap;justify-content:left;}
.zabbix_block section.char .char_list > li > .list_content > li{font-size:1.05rem;font-weight:500;justify-content:left;margin-top:1.2rem;}
.zabbix_block section.char .char_list > li .gray_box{margin-bottom:3rem;}
.zabbix_block section.char .char_list > li .gray_box > li{font-size:1rem;font-weight:400;justify-content:flex-start;margin-top:0;max-width:600px;}
.zabbix_block section.char .ex{border-radius:1.2rem;color:#111;line-height:1.8;margin:auto;max-width:600px;padding:1rem;}
.zabbix_block section.char .ex span{color:#666;}
.zabbix_block section.char .box{border-radius:1.2rem;line-height:2;margin:1rem auto;max-width:800px;padding:1rem 1.5rem;text-align:left;}
.zabbix_block section.char img{display:block;margin:1rem auto;width:100%;}
.zabbix_block section.char .zabbix_01{max-width:493px;}
.zabbix_block section.char .zabbix_02{max-width:485px;}
.zabbix_block section.char .zabbix_03{max-width:575px;}
.zabbix_block section.char .zabbix_04{max-width:563px;}
.zabbix_block section.char .zabbix_05{max-width:659px;}
.zabbix_block section.char .zabbix_06{max-width:370px;}
.zabbix_block section.char .zabbix_07{max-width:749px;}
.zabbix_block section.char .zabbix_08{max-width:752px;}
.zabbix_block section.char .zabbix_09{max-width:753px;}
.zabbix_block section.char .zabbix_10{max-width:594px;}
.zabbix_block section.char .zabbix_11{max-width:530px;}
.zabbix_block section.char .zabbix_12{max-width:831px;}

/*  sucluster_block -------------------------------*/
/* outline */
.sucluster_block section.outline .outline_list{display:flex;justify-content:space-between;margin:auto;max-width:1030px;}
.sucluster_block section.outline .outline_list > li{border-radius:1rem;line-height:1.6;margin:1%;padding:1.2rem 1.5rem;text-align:center;width:31%;}

/* char */
.sucluster_block section.char .char_list{display:flex;flex-wrap:wrap;margin:auto;max-width:1030px;}
.sucluster_block section.char .char_list > li{border-radius:1.3rem;margin:1%;padding:1.2rem 1.5rem;width:48%;}

/* structure */
.sucluster_block section.structure img { display: block; width: 100%; max-width: 782px; margin: 1rem auto; }

/* skill */
.sucluster_block section.skill .skill_list{display:flex;flex-wrap:wrap;}
.sucluster_block section.skill .skill_list > li{border-radius:1.3rem;margin:1%;padding:1.2rem 1.5rem;width:31%;}
.sucluster_block section.skill .skill_list .cont_title{margin:0;}
.sucluster_block section.skill .skill_list .cont_title span{display:block;}

/* example */
.sucluster_block section.example .example_list em{text-align:center;}
.sucluster_block section.example .example_list .item_title{justify-content:center;}
.sucluster_block section.example .example_list .item_text{margin-top:0.5rem;text-align:center;}

.sucluster_block section.example .example_list .table_box{ margin:2rem auto;max-width:1030px;overflow-x:auto; }
.sucluster_block section.example .example_list .table_box table{ min-width:600px; }
.sucluster_block section.example .example_list .table_box td h3{ font-size:1.12rem;font-weight:500;margin-bottom:0.2rem; }
.sucluster_block section.example .example_list .table_box td div{ line-height:2; }
.sucluster_block section.example .example_list .table_box td .err{ color:#ff3e3e; }

.sucluster_block section.example .example_list img.sucluster_02{display:block;margin:2rem auto;max-width:384px;width:100%;}
.sucluster_block section.example .example_list img.sucluster_03{display:block;margin:6rem auto;max-width:712px;width:100%;}
.sucluster_block section.example .example_list img.sucluster_04{display:block;margin:2rem auto 8rem;max-width:712px;width:100%;}
.sucluster_block section.example .example_list img.sucluster_05{display:block;margin:2rem auto 4rem;max-width:712px;width:100%;}
.sucluster_block section.example .example_list img.sucluster_06{display:block;margin:2rem auto;max-width:712px;width:100%;}

/* interface */
.sucluster_block section.interface .item_title{justify-content:center;}
.sucluster_block section.interface img.sucluster_07{display:block;margin:1rem auto;max-width:769px;width:100%;}
.sucluster_block section.interface img.sucluster_08{display:block;margin:1rem auto;max-width:422px;width:100%;}

/*  suwas_block -------------------------------*/
/* outline */
.suwas_block section.outline .outline_list{margin:1rem auto;max-width:820px;}
.suwas_block section.outline .outline_list > li{border-radius:1.2rem;color:#444444;font-size:1.08rem;line-height:1.8;margin-bottom:1rem;padding:1.2rem 1.5rem;text-align:left;}

/* function */
.suwas_block section.function{background:url(/images/support/content_bg.png) 30% 50% no-repeat fixed;}
.suwas_block section.function .function_list{display:flex;flex-wrap:wrap;margin:auto;max-width:1030px;}
.suwas_block section.function .function_list > li{border-radius:1.2rem;margin:1%;padding:1.25rem 1.5rem;width:48%;}
.suwas_block section.function .function_list > li .cont_title{margin:2rem 2rem 0;text-align:right;}

/* advantage */
.suwas_block section.advantage .advantage_list .item_title{justify-content:left;}
.suwas_block section.advantage .advantage_list .item_text{text-align:left;}
.suwas_block section.advantage .advantage_list em{margin-top:3rem;text-align:center;}
.suwas_block section.advantage .advantage_list img{display:block;margin:1rem auto 7rem;width:100%;}
.suwas_block section.advantage .advantage_list .table_box{margin:1rem auto 7rem;overflow-x:auto;width:100%;}
.suwas_block section.advantage .advantage_list .table_box table{min-width:550px;}
.suwas_block section.advantage .advantage_list img.suwas_01{margin-top:0;max-width:1189px;}
.suwas_block section.advantage .advantage_list img.suwas_02{max-width:967px;}
.suwas_block section.advantage .advantage_list img.suwas_03{margin-bottom:0;max-width:791px;}

@media (max-width: 1199px) {
	/*  sucloud_block -------------------------------*/
	/* function */
	.sucloud_block section.function .cont_title { top: 160px; }

	/*  logserver_block -------------------------------*/
	/* function */
	.logserver_block section.function .function_list > li { width: 48%; }
}
@media (max-width: 999px) {
	/*  sucloud_block -------------------------------*/
	/* function */
	.sucloud_block section.function .cont_title { position: static; transform: translateX(0); }
	.sucloud_block section.function .function_list { flex-wrap: wrap; align-items: flex-start; }
	.sucloud_block section.function .function_list > li { width: 100%; padding: 1.2rem 1.6rem; }
	.sucloud_block section.function .function_list > li:nth-child(2),
	.sucloud_block section.function .function_list > li:nth-child(3) {
		width: 48%;
	}
}
@media (max-width: 899px) {
	/*  sucluster_block -------------------------------*/
	/* outline */
	.sucluster_block section.outline .outline_list { flex-wrap: wrap; }
	.sucluster_block section.outline .outline_list > li { width: 98%; }

	/*  suwas_block -------------------------------*/
	/* function */
	.suwas_block section.function .function_list > li{border-radius:1.2rem;margin:1%;padding:1.25rem 1.5rem;width:98%;}
	.suwas_block section.function .function_list > li:first-child{margin:0;padding:0;}
	.suwas_block section.function .function_list > li .cont_title{margin:0;text-align:center;}
}
@media (max-width: 799px) {
	/*  sucloud_block -------------------------------*/
	/* skill */
	.sucloud_block section.skill .skill_list .text_box{margin-right:0;order:2;}
	.sucloud_block section.skill .skill_list > li{flex-direction:column;margin-bottom:1rem;padding:1.8rem 2rem 1.5rem;}
	.sucloud_block section.skill .skill_list .item_title2{margin-top:0.5rem;text-align:center;}
	.sucloud_block section.skill .skill_list .item_title2 ~ p{text-align:center;width:100%;}
	.sucloud_block section.skill img{order:1;}
}
@media (max-width: 699px) {
	/*  sucloud_block -------------------------------*/
	/* function */
	.sucloud_block section.function .function_list > li:nth-child(2),
	.sucloud_block section.function .function_list > li:nth-child(3) {
		width: 100%;
	}

	/*  logserver_block -------------------------------*/
	/* function */
	.logserver_block section.function .function_list > li { width: 98%; }
	.sucluster_block section.char .char_list > li { width: 98%; }
	.sucluster_block section.skill .skill_list > li { width: 48%; }
}
@media (max-width: 599px) {
	/*  sucloud_block -------------------------------*/
	/* char */
	.sucloud_block section.char .char_list > li{flex-direction:column;padding:1rem;text-align:center;}
	.sucloud_block section.char .char_list .info{width:100%;}
	.sucloud_block section.char .char_list .icon{margin:0 0 1rem 0;}
	.sucloud_block section.char .char_list .item_title2 span{display:block;}

	/* architecture */
	.sucloud_block section.architecture .architecture_list { flex-direction: column; }
	.sucloud_block section.architecture .architecture_list > li { width: 100%; }

	/* spec */
	.sucloud_block section.spec .spec_list { flex-direction: column; }
	.sucloud_block section.spec .spec_list > li { width: 100%; }

	/*  zabbix_block -------------------------------*/
	/* char */
	.zabbix_block section.char .explan { text-align: left; }
	.zabbix_block section.char .char_list > li .item_title,
	.zabbix_block section.char .char_list > li > .list_content > li,
	.zabbix_block section.char .char_list > li {
		justify-content: flex-start;
		text-align: left;
		margin-top: 0.5rem;
	}
	.zabbix_block section.char .char_list > li .gray_box { display: block; width: 100%; }
	.sucluster_block section.skill .skill_list > li { width: 98%; }
}
@media (max-width: 499px) {
	/*  sucloud_block -------------------------------*/
	/* outline */
	.sucloud_block section.outline .cont_title2 { font-size: 1.2rem; }

	/* value */
	.sucloud_block section.value .value_list > li{width:100%;}
	.logserver_block section.install .refer{flex-direction:column;text-align:center;}
	.logserver_block section.install .refer img{margin-right:0;}
}

@media (max-width: 399px) {
	.logserver_block section.setting .cont_title{text-align:center;}
	.logserver_block section.setting .cont_title span{display:block;}
	.logserver_block section.setting .item_title{align-items:center;flex-direction:column;}
	.logserver_block section.setting .item_title .num{margin-right:0;}
}


/*FROM SITE CODE :  
*/