@charset "UTF-8";

.box_800{width:800px; margin: 0 auto;}
.box_600{width:600px; margin: 0 auto;}
.mt30{margin-top: 30px;}
.row_800{width: 800px;margin: 0 auto 50px auto;display: flex;}

#contimage_torus {
		width: 100%;
		height: 185px;
		background: url(../image/contimage_torus.png) no-repeat;
		text-align: center;
		background-position: 50% 50%;
		background-size: cover;
		display: table;
}
#contimage_torus #contimage .timage img{
	width: 130px;
}

#content_torus{
	margin-bottom: 50px;
}
#content_torus .cont_title{
	text-align: center;
	font-size: 27px;
	margin-bottom: 30px;
}
#content_torus .cont_title_wt{
	text-align: center;
	font-size: 27px;
	margin-bottom: 30px;
	color: #fff;
}
.pt50{
	padding-top:50px; 
}
#torus_top .title_logo01{
	text-align: center;
}

#torus_top .title_logo01 img{
	width: 280px;
}
#torus_top .title{
	font-size: 25px;
	font-weight: bold;
	text-align: center;
	margin: 30px 0;
}

.torus_button{
	margin: 0 auto;
	text-align: center;
}
.torus_button a:link{
	display: inline-block;
	border: 1px solid #1b94d3;
	padding: 15px 50px;
	text-align: center;
	font-size: 18px;
	color: #1b94d3;
	text-decoration: none;
}
.torus_button a:visited{
	color: #1b94d3;
}

.bg_blue{
	width: 100%;
	background: #f2f7f9;
	padding: 30px 0;
}
.bg_black{
	width: 100%;
	background: #3a3a3b;
	padding: 30px 0;
}

#torus_about .subtitle_blue{
	font-size: 30px;
	color: #00aeef;
}
#torus_about .about_ebase{
	width: 100%;
	border: 3px solid #1b94d3;
	padding: 30px;
	box-sizing: border-box;
	margin: 30px 0;
}
#torus_products .title_logo02{
	text-align: center;
}

#torus_products .title_logo02 img{
	width: 220px;
}
#torus_products .title{
	font-size: 25px;
	font-weight: bold;
	text-align: center;
	margin: 30px 0;
}

#torus_customer .customer_box{
	margin-bottom: 30px;
}
#torus_customer .customer_box .num{
	font-size: 40px;
	color: #666;
}
#torus_customer .customer_box .sub01{
	font-size: 15px;
}
#torus_customer .customer_box .sub02{
	font-size: 20px;
	font-weight: bold;
}
#torus_customer .customer_box .sub03{
	font-size: 20px;
	color: #00aeef;
	margin-bottom: 30px;
}
#torus_customer .customer_box .text{
	margin-bottom: 10px;
}
#torus_customer .customer_box .story_box{
	background: #fff;
	padding: 20px;
	box-sizing: border-box;
	display: flex;
	margin: 10px 0;
}
#torus_customer .customer_box .story_box .title{
	width: 145px;
	border-right: 1px solid #333;
	font-size: 25px;
	font-weight: bold;
}
#torus_customer .customer_box .story_box .sub{
	width: 240px;
	margin: 0 20px;
	border-right: 1px dotted #333;
	color: #00aeef;
	font-size: 18px;
	padding-right: 20px;
}
#torus_customer .customer_box .story_box .sub02{
	width: 240px;
	margin: 0 20px;
	border-right: 1px dotted #333;
	color: #00aeef;
	font-size: 13px;
	padding-right: 20px;
	font-weight: normal;
}
#torus_customer .customer_box .story_box .sub span{
	font-size: 13px;
}
#torus_customer .customer_box .story_box .list{
	width: 363px;
}
#torus_customer .customer_box .story_box .list ul{
	margin-left: 20px;
}
#torus_customer .customer_box .story_box .list ul li{
	list-style: disc;
}
#torus_customer .icon_arrow{
	margin-left: 20px;
	margin-top: 20px;
}
#torus_customer .icon_arrow img{
	width: 40px;
}
.line_torus{
	border-bottom: 1px solid #333;
	margin: 30px 0;
}
#torus_contact{
	padding-top: 30px;
}
#torus_contact .form_torus{
	width: 600px;
}
#torus_contact .form_torus_box{
	width: 600px;
	display: flex;
	font-size: 15px;
	margin-bottom: 10px;
}
#torus_contact .form_torus_title{
	width: 120px;
	text-align: right;
	margin-right: 20px;
	box-sizing: border-box;
	padding-top: 4px;
}
#torus_contact .form_torus_text{
	width: 480px;
}
.textbox_torus{
	width: 100%;
	height: 30px;
	border: none;
	background: #f2f7f9;
}
.textarea_torus{
	width: 100%;
	height: 200px;
	border: none;
	background: #f2f7f9;
	resize: none;
}
.button_torus_send{
	width: 200px;
	margin: 30px auto 0 auto;
}
.button_torus_send a:link{
	width: 100%;
	padding: 20px 0;
	text-align: center;
	display: inline-block;
	background:#1b94d3;
	color: #fff;
	text-decoration: none;
	font-size: 15px;
}
.button_torus_send a:visited{
	color: #fff;
}


#torus_start .title_logo02{
	text-align: center;
}

#torus_start .title_logo02 img{
	width: 220px;
}
#torus_start .title{
	font-size: 25px;
	font-weight: bold;
	text-align: center;
	margin: 30px 0;
}

.img_torus_architecture{
	width: 700px;
	margin: 0 auto;
}
.img_torus_architecture img{
	width: 100%;
}

.img_torus_dashboard{
	width: 700px;
	margin: 0 auto;
}
.img_torus_dashboard img{
	width: 100%;
}


.torus_box_about{
	width: 800px;
	display: flex;
	margin: 20px 0;
}
.torus_box_about .leftbox{
	width: 450px;
	padding-right: 20px;
	box-sizing: border-box;
}
.torus_box_about .leftbox .title{
	font-size: 20px;
	margin-bottom: 20px;
}
.torus_box_about .rightbox{
	width: 350px;
}
.torus_box_about .rightbox img{
	width: 100%;
}

.control_set{
	width: 800px;
	display: flex;
	margin-bottom: 30px;
}
.control_box{
	width: 100%;
	padding: 20px;
	box-sizing: border-box;
	background: #f2f7f9;
	display: flex;
}
.mr30{margin-right: 30px;}
.control_box .control_box_icon{
	width: 120px;
}
.control_box .control_box_icon img{
	width: 100%;
}
.control_box .control_box_text{
	width: 100%;
}
.control_box .control_box_text .title{
	font-size: 17px;
	font-weight: bold;
	margin-bottom: 5px;
}

.customer_set{
	width: 100%;
	display: flex;
	margin-bottom: 60px;
}
.customer_set .customer_box{
	width: 185px;
	background: #f2f7f9;
	padding: 60px 20px 20px 20px;
	box-sizing: border-box;
}

.customer_set .customer_box .icon{
	width: 90px;
	margin-top: -100px;
	margin-left: 28px;
	position: absolute;
}
.customer_set .customer_box .icon img{
	width: 100%;
}
.customer_set .customer_box .title{
	font-size: 17px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 10px;
}
.customer_set .customer_box .text{}
.mb80{margin-bottom: 80px;}

.torus_detail{
	width: 800px; 
	margin-bottom: 30px;
}
.torus_detail img{
	width: 100%;
}

.p-contact800 .rightbox a {
		background: #f2f7f9;
		text-decoration: none;
		padding: 0px 10px;
		margin-left: 10px;
		display: inline-block;
}
.p-contact800 .rightbox a:hover {}
.p-contact800 .rightbox img {
		height: 20px;
}
.p-contact800 {
				width: 800px;
				margin: 0 auto;
				padding: 30px;
				display: table;
	box-sizing: border-box;
	border: 1px solid #e8e8e8;
		}
		.p-contact800 .leftbox {
				width: 120px;
				display: table-cell;
				font-size: 18px;
			color: #1b94d3;
		}
		.p-contact800 .rightbox {
				width: 680px;
				display: table-cell;
		}
		.p-contact800 .rightbox span {
				font-size: 16px;
		}