@charset "utf-8";


@media only screen and (min-width: 768px), print {




.topPage #main{
	width:100%;
	float:none;
}
.topPage .contentsWrap{
	width:100%;
}
.topPage #globalContents{
	padding:0px;
}
.topPage #globalHeader{
	background:none;
	position:relative;
	z-index:50;
	height:0px;
}
.topPage #headRight{
	display:none !important;
}



.mainVisualBox{
	text-align:center;
	width:100%;
	position:relative;
}
.mainVisualBoxIn{
	background:url(/tri/img/index_bg01.jpg) no-repeat center top;
/*	position:absolute;
	top:-85px;
	left:0px;*/
	width:100%;
	z-index:2;
}
.mainVisualTi{
	margin-top:0px;
}
.mainVisualTi img{
	margin-top:-65px;
}
.mainVisualText{
	position:absolute;
	left:0px;
	width:100%;
	top:343px;
	z-index:10;
	font-size:15px;
	color:#FFF;
	line-height:1.9;
}



.btnStyle01.typeTop{
	margin-top:25px;
}
.btnStyle01.typeTop a{
	background-color:inherit;
	background:url(/tri/img/index_ic01.png) no-repeat right;
	border: 1px solid #fff;
	color:#FFF;
}
.btnStyle01.typeTop a:hover{
	background:#fff url(/tri/img/index_ic02.png) no-repeat right;
	border: 1px solid #fff;
	color:#000000;
}


/*.topDoorLink{*/
.topDoorLink{
	width:100%;
	text-align:center;
}
.topDoorLink .topDoorLinkIn{
	width:1200px;
	margin:0 auto;
}
.topDoorLink .topDoorLinkIn ul{
	overflow:hidden;
	margin-top:-60px;
	position:relative;
	z-index:180;
}
.topDoorLink .topDoorLinkIn ul li{
	float:left;
}
.topDoorLink .topDoorLinkIn ul li a{
	display:block;
	background:url(/tri/img/index_bg02.png) repeat;
}
.topDoorLink .topDoorLinkIn ul li a:hover{
	background:#FFF;
	opacity:1;
}
.topDoorLink .topDoorLinkIn ul li a:hover img{
	opacity:1;
}


/*topSection01*/
.topSection01.type01{
	padding-top:75px;
	padding-bottom:130px;
}
.topSection01.type01.is-hidden{
	display: none;
}
.topSection01.type01.is-hidden + *{
	margin-top: 75px;
}
.topSection01.type01 .topSection01In{
	width:1200px;
	margin:0 auto;
}

.topSection01.type02 .topSection01In{
	width:1200px;
	margin:0 auto;
}

.topSection01.type03{
	padding-top:113px;
	padding-bottom:120px;
	text-align:center;
}
.topSection01.type03 .topSection01In{
	width:1200px;
	margin:0 auto;
	text-align:center;
}


/*topTitle01*/
.topTitle01{
	text-align:center;
}
.topTitle01.type01 img{
	width:110px;
	height:auto;
}


/*topNewsBox*/
.topNewsBox{
	margin-top:45px;
	font-size:14px;
	border-top:1px dotted #bfbfbf;
}
.topNewsBox li{
	border-bottom:1px dotted #bfbfbf;
}
.topNewsBox li a{
	display:block;
	color:#333;
	text-decoration:none;
}
.topNewsBox li dl{
	margin-top:0px;
	display:table;
	width:100%;
	padding:18px 68px 16px 68px;
}
.topNewsBox li dl dt{
	display:table-cell;
	text-align:left;
	vertical-align:middle;
	width:124px;
}
.topNewsBox li dl dd{
	display:table-cell;
	text-align:left;
	vertical-align:middle;
}
.topNewsBox li a dl dd{
	color:#3388cc;
}
.topNewsBox li a:hover dl dd{
	text-decoration:underline;
	color:#44bbee;
}


/*topBoxLinkTitle*/
.topBoxLinkTitle{
	text-align:center;
}
.topBoxLinkTi{
	width:340px;
	margin:0 auto 45px;
}
.topBoxLinkTi h2{
	margin-bottom: 30px;
}
.topBoxLinkTi h2 img{
	width:126px;
	height:auto;
}
.topBoxLinkList{
	margin-top:0px;
	background: url(/tri/img/index_bg04.gif) repeat;
	overflow:hidden;
}
.topBoxLinkList > li{
	float:left;
}


/*topTechnologyList*/
.topTechnologyList h2{
	text-align:center;
	margin-bottom:45px;
}
.topTechnologyList h2 img{
	width:190px;
	height:auto;
}
.topTechnologyColList > li{
	float:left;
	width:360px;
	margin-right:60px;
}
.topTechnologyColList > li:last-child{
	margin-right:0px;
}
.topTechnologyColList > li a{
	display:block;
	text-decoration:none;
	color:#333;
	position:relative;
	line-height:1.4;
}
.topTechnologyColList > li a:after{
	content:"";
	display:inline-block;
	position:absolute;
	left:5px;
	top:-5px;
	width:84px;
	height:50px;
	background:url(/tri/common/img/com_ic29.png) no-repeat;
	background-size:84px auto;
}
.topTechnologyColList > li .topTechnologyTi{
	margin-top:17px;
	text-align:left;
	font-size:18px;
	padding-left:16px;
	background:url(/tri/common/img/com_ic28.png) no-repeat left 5px;
	background-size:10px auto;
	color:#3388cc;
}
.topTechnologyColList > li:hover .topTechnologyTi{
	text-decoration:underline;
	color:#44bbee;
}
.topTechnologyColList > li .topTechnologyTi2{
	text-align:left;
	margin-top:7px;
	font-size:14px;
	color:#666666;
}


/*topLinkTable*/
.topLinkTable{
	display: flex;
	justify-content: center;
	margin-top:60px;
	margin-bottom:50px;
}
.topLinkTable > li{
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	border-left:1px solid #cccccc;
	background:url(/tri/img/index_bg05.png) no-repeat right bottom;
	width: 100%;
}
.topLinkTable > li:last-child {
	border-right: 1px solid #cccccc;
}
.topLinkTable > li a{
	text-decoration:none;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size:17px;
	color:#000000;
	padding-top:35px;
	padding-bottom:35px;
	height: 100%;
	display:flex;
	justify-content: center;
	align-items: center;
}
.topLinkTable > li a:hover{
	background-color:#222222;
	color:#FFF;
}







/*=================================

	clearfix

=================================*/
.topTechnologyColList:after {
	content: "";
	display: block;
	clear: both;
}

}