@charset "UTF-8";

.trusslogodiv {
	width:1200px;
	padding-top:100px;
	padding-bottom:50px;
}

.truss_bg {
	background-color:rgb(251,199,52);
}

.trusslogo-l {
	width:360px;
}

.trusslogo-r {
	width:800px;
}

.trusslogo-r img {
	height:auto;
}

.truss-title {
	background-color:#000;
	color:rgb(251,199,52);
	font-size:2.2em;
	font-weight:bold;
	padding:10px;
}

.truss-headertext1 {
	font-size:1.1em;
}

.truss-headertext2 {
	font-size:0.9em;
}

.headercmt {
	font-weight:bold;
	line-height:1.8em;
}

.contents {
	position:relative;
}

.contents-title {
	position:absolute;
	top:0;
	left:-50px;
	height:90px;
}

.contents-title2 {
	height:90px;
}

.truss-bg01 {
	padding:15px 0;
	background-color:rgb(234,231,219);
}

h2.t1 {
	font-size:1.8em;
	letter-spacing:0.3em;
}

h2.t2 {
	font-size:1.6em;
}

.line01 {
	margin:0 auto;
	width:90%;
	max-width:1000px;
	border:1px solid #333;
}

.truss-text1 {
	font-size:1.2em;
	font-weight:bold;
}

.truss-text2 {
	line-height:1.9;
}

.truss-waku1 {
	width: 800px;
}

.truss-textbg01 {
	padding:0 0.2em;
	background-color:rgb(251,199,52);
}

.line02 {
	margin:0 auto;
	width:90%;
	max-width:500px;
	border:3px solid rgb(251,199,52);
}

.line03 {
	margin:0 auto;
	width:90%;
	max-width:600px;
	border:3px solid rgb(251,199,52);
}

.line04 {
	margin:0 auto;
	width:90%;
	max-width:400px;
	border:3px solid rgb(251,199,52);
}

.line04 {
	margin:0 auto;
	width:90%;
	max-width:200px;
	border:3px solid rgb(251,199,52);
}

.line05 {
	margin:0 auto;
	width:90%;
	max-width:200px;
	border:3px solid rgb(250,239,205);
}

.truss-waku2 {
	width: 1000px;
}

.flex1 {
	flex:1;
}

.num {
	width:30px;
}

.peasonwaku {
	border:2px solid #000;
}

.peason-title {
	font-size:1.1em;
	font-weight:bold;
	text-align:center;
	padding:0.3em;
	background-color:rgb(251,199,52);
}

.peason-text {
	font-size:0.9em;
	line-height:1.8;
}

.bene_waku {
	border-left:20px solid rgb(250,239,205);
}

.bene_img {
	width:150px;
}

.tec_waku {
	border:2px solid #000;
}

.tec-title {
	font-size:1.1em;
	font-weight:bold;
	text-align:center;
	padding:0.3em;
	width:300px;
	margin:0 auto;
	background-color:rgb(251,199,52);
}

.tec-text1 {
	font-size:1.2em;
	font-weight:bold;
}

.tec-line {
	border-top:1px solid #333;
	margin-top:0.8em;
}

.tec-cmt {
	width:100%;
	max-width:800px;
	padding:0 5px;
}

.vd_bg {
	height:700px;
	margin-bottom:50px;
}

.value_bg {
	width:100%;
	height:600px;
	background-image: linear-gradient(110deg ,rgb(250,239,205) ,rgb(250,239,205) 50% ,rgba(255,255,255,0) 50%);
}

.design_bg {
	position:absolute;
	top:100px;
	left:0;
	width:100%;
	height:600px;
	background-image: linear-gradient(110deg ,rgba(255,255,255,0) ,rgba(255,255,255,0) 49% ,rgb(251,199,52) 49%);
}

.value-waku {
	position:absolute;
	top:50px;
	left:50%;
	margin-left:-600px;
	width:500px;
}

.design-waku {
	position:absolute;
	top:50px;
	left:50%;
	margin-left:100px;
	width:500px;
}

.vd_title {
	font-size:1.1em;
	font-weight:bold;
}

.vd_cmt {
	font-size:0.85em;
	line-height:1.8;
}


/* --- パソコン ---------------------------------------------------------------------- */
@media screen and (min-width: 576px) {
	
	
	
}

/* --- スマホ ------------------------------------------------------------------------ */
@media screen and (max-width: 575px) {
	
	.trusslogodiv {
		width:100%;
		padding-top:70px;
		padding-bottom:20px;
	}
	
	.trusslogo-r {
		display:none;
	}
	
	.trusslogo-r-single {
		width:100%;
		padding:10px;
	}
	
	h2 {
		font-size:1.8em;
		letter-spacing:0.1em;
	}
	
	.contents-title {
		position:relative;
		top:0;
		left:0;
	}
	
	.truss-waku1 {
		width: 100%;
	}
	
	.vd_bg {
		height:auto;
		margin-bottom:50px;
	}
	
	.value_bg {
		position:relative;
		width:100%;
		height:auto;
		background-color:rgb(250,239,205);
	}
	
	.design_bg {
		position:relative;
		top:0;
		left:0;
		margin:10px 0;
		width:100%;
		height:auto;
		background-color:rgb(251,199,52);
	}
	
	.value-waku {
		position:relative;
		top:0;
		left:0;
		margin:10px 0;
		width:100%;
		padding:5px;
	}
	
	.design-waku {
		position:relative;
		top:0;
		left:0;
		margin-left:0;
		width:100%;
		padding:15px 5px;
	}
	
}