<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
/* CSS Document */

@import url("/matrix/css/sub.css");




#greeting_section1 .section_inner {
	width:442px;
	background-position:0 0;
	background-repeat:no-repeat;
	padding-left:215px;
	padding-bottom:1px;
	background-image:url(/metals/matrix/images/comparison_img2.jpg);
}


#greeting_section1 .section_inner  p {
	margin-bottom:2em;
}



/*#salespoints_title_img {
	width:667px;
	height:174px;
	margin:0 auto 23px;
	position:relative;
}
#salespoints_title_img #mainBg  {
	position:absolute;
	z-index:0;
}
#salespoints_title_img ul  {
	position:absolute;
	z-index:1;
	top:70px;
	left:50px;
}
#salespoints_title_img li  {
	float:left;
	margin-right:12px;
	background-image:url(/company/matrix/images/salespointsMainBtnBg.gif);
	background-position:0 0;
	background-repeat:no-repeat;
}


#salespoints {
	clear:both;
}
#salespoints .section_inner {
	background-position:0 0;
	background-repeat:no-repeat;
	padding-left:160px;
	width:507px;
}
#salespoints #section1 .section_inner{background-image:url(/company/matrix/images/section1_l.jpg);}
#salespoints #section2 .section_inner{background-image:url(/company/matrix/images/section2_l.jpg);}
#salespoints #section3 .section_inner{background-image:url(/company/matrix/images/section3_l.jpg);}
#salespoints #section4 .section_inner{background-image:url(/company/matrix/images/section4_l.jpg);}
#salespoints #section5 .section_inner{background-image:url(/company/matrix/images/section5_l.jpg);}

#salespoints .section_inner .inner_box{
	width:332px;
	float:left;
}
#salespoints .section_inner img {
	float:right;
}
#salespoints .section_inner h4 {
	margin:0 0 6px;
}
#salespoints .section_inner p {
	margin:0 0 2em;
}


#salespoints .title_h3 {
	position:relative;
	zoom:1;
}
#salespoints .title_h3 img {
	position:absolute;
	top:-25px;
}
#salespoints .title_h3 span {
	padding-left:98px;
}
*/


/* ====================================================
求人募集
 ==================================================== */

#recBody #pageNav {
	border:1px solid #d7d6b8;
	background-color:#fefef6;
	background-image:url(../images/pageNavBg.jpg);
	background-position: 0 100%;
	background-repeat:repeat-x;
	text-align:center;
	padding:14px 0;
}
#recBody #pageNav li {
	display: -moz-inline-box;
	display: inline-block;
	/display: inline;
	/zoom: 1;
	border-right:1px solid #bcb998;
}
#recBody #pageNav li.last {
	border-right:none;
}
#recBody #pageNav a {
	background-image:url(../images/arrowDown.jpg);
	background-position: 14px 50%;
	background-repeat:no-repeat;
	padding:0 14px 0 28px;
	text-decoration:none;
	color:#5c531c;
}
#recBody #pageNav a:hover {
	text-decoration:underline;
}
#recBody #rec_top {
	width:672px;
	margin:10px auto 0;
}
#recBody #rec_top p {
	line-height:1.6;
	margin:0 0 2em;
}
#recBody #rec2_top {
	width:672px;
	margin:16px auto;
	line-height:1.6;
}
#recBody #rec2_top .anchorAs li {
	display: -moz-inline-box;
	display: inline-block;
	/display: inline;
	/zoom: 1;
	padding-right:13px;
}
#recBody #rec2_top .anchorAs a {
	background:url(../images/arrowDown.jpg) 0 50% no-repeat;
	padding-left:12px;
}


#recBody .section {
	position:relative;
}
#recBody .section .pageup {
	position:absolute;
	right:10px;
	top:17px;
	z-index:555;
}
#recBody #vision1 dt {
	padding:5px 0 5px 34px ;
	border-bottom:1px solid #e5e5e5;
	background-position:2 50%;
	background-repeat:no-repeat;
	font-weight:bold;
	line-height:1.1;
}
#recBody #vision1 dt.dt1 { background-image:url(../images/cir1.jpg); }
#recBody #vision1 dt.dt2 { background-image:url(../images/cir2.jpg); }
#recBody #vision1 dt.dt3 { background-image:url(../images/cir3.jpg); }
#recBody #vision1 dd {
	line-height:1.6;
	padding:10px 0 40px ;
}
#recBody #vision2 h4 {
	padding:0 0 10px 7px;
}
#recBody #vision2 ul {
	border:1px solid #d7d6b8;
	background-color:#f4f1e0;
	padding:20px;
	line-height:1.6;
}
#recBody #vision2 li {
	background-image:url(../images/chechMk.jpg);
	background-position: 0 50%;
	background-repeat:no-repeat;
	padding: 0 0 0 24px;
	margin:0 0 10px;
}


#recBody .table_basic2 {
	border-top:1px solid #e5e5e5;
	line-height:1.6;
}
#recBody .table_basic2 th {
	width:130px;
	vertical-align:top;
}
#recBody .table_basic2 td span.ind {
	padding-left:1em;
}
#recBody #recFtNav {
	margin:60px 0 0;
	text-align:center;
}
#recBody #recFtNav li {
	display: -moz-inline-box;
	display: inline-block;
	/display: inline;
	/zoom: 1;
	border-right:1px solid #c9c9c9;
	padding:0 14px;
}
#recBody #recFtNav li.last {
	border-right:none;
}

.table_basic21 {
	border-top:1px solid #e5e5e5;
	line-height:1.6;
}


#recBody #recFtNav2 {
	margin:38px 0 0;
	text-align:center;
}
#recBody #recFtNav2 img {
	display:block;
	margin:0 auto 0;
	padding:0 0 10px;
	
}






/* ====================================================
201112
 ==================================================== */
#outlineImgs {
	padding-left:14px;
	padding-top:7px;
}
#outlineImgs li {
	float:left;
	padding-right:10px;
}

#outlineImgs li p{
	font-size:0.85em;
	padding:3px 8px 28px;
}

#greeting_section_new {
	width:668px;
	margin:0 auto 36px;
	padding-top:14px;
}
.greeting_section_new_inner {
	padding-left:219px;
	background:url(../images/201112/greetingImg.jpg) 1px 0 no-repeat;
	min-height:501px;
}
.greeting_section_new_inner .text {
	padding-top:29px;
	line-height:1.6;
}




/* ====================================================
201112_2
 ==================================================== */
.wide_container {
	width:732px;
	margin-left:-20px;
}
#salespoints .title {
	padding:17px 0 0 32px;
}
#salespoints .point_section {
	border-bottom:1px solid #dedede;
	line-height:1.71;
}
#salespoints .point_section_outer {
	background:50% 100% no-repeat;
	background-image:url(/company/matrix/images/201112_2/section_btm_shadow.jpg);
	padding:0 0 20px;
}
#salespoints #point_section1 {
	padding:22px 274px 53px 60px;
	position:relative;
	/zoom:1;
}
#salespoints #point_section1 .img {
	position:absolute;
	right:8px;
	bottom:0;
}


#salespoints #point_section3,
#salespoints #point_section5 {
	background:100% 100% no-repeat;
	padding:22px 261px 53px 60px;
}
#salespoints #point_section2,
#salespoints #point_section4 {
	background:0 100% no-repeat;
	padding:21px 34px 53px 287px;
	min-height:230px;
	_height: auto !important;
	_height: 230px;
}


#salespoints .point_section p {
	padding:0 0 0 3px;
}


#salespoints #point_section2{ background-image:url(/company/matrix/images/201112_2/img2.jpg); }
#salespoints #point_section3{ background-image:url(/company/matrix/images/201112_2/img3.jpg); }
#salespoints #point_section4{ background-image:url(/company/matrix/images/201112_2/img4.jpg); }
#salespoints #point_section5{ background-image:url(/company/matrix/images/201112_2/img5.jpg); }


/* ====================================================
202508　greeting
 ==================================================== */
#greeting_section_new2025 .greeting_section_inner_new {
	display: grid;
	grid-template-columns: auto max-content;
	grid-template-rows: 1fr;
	grid-column-gap: 34px;
	grid-row-gap: 0px;
	margin: 30px 14px 36px 18px;
}

.box1 { grid-area: 1 / 1 / 2 / 2; }
.box2 { grid-area: 1 / 2 / 2 / 3; }
#greeting_section_new2025 h3{
	font-size: 22px;
	font-family: "Noto Sans JP";
	color :#555555;
	font-weight: 500;
}
#greeting_section_new2025 .box1 p{
	margin-top: 26px;
}
#greeting_section_new2025 .box2 p{
	margin-top: 16px;
}
#greeting_section_new2025 .greeting_section_inner_new{
	line-height: 1.6;
}</pre></body></html>