@charset "utf-8";


@media only screen and (max-width: 767px) {



/*.mainVisualBox{
	text-align:center;
	width:100%;
	position:relative;
}
.mainVisualBoxIn{
	background:url(/tri/img/index_bg01.jpg) no-repeat center top;
	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;
}
*/
.mainVisualTi img{
	margin-top:-32px;
}

#globalHeader{
	background:none;
	height:0px;
}
#main{
	padding-top:0px;
	padding-bottom:0px;
}
.mainVisualBox{
	margin-left:-10px;
	margin-right:-10px;
}
.mainVisualBoxIn{
	position:relative
}
.mainVisualTi{
	margin-top:0px;
}
.mainVisualText{
	position:absolute;
	padding:10px;
	color:#FFF;
	left:0px;
	top:49%;
	text-align:center;
	font-size:10px;
	width:100%;
	line-height:1.9;
}
.mainVisualText .btnStyle01 a{
	display:inline-block;
	font-size:13px;
	padding-right:31px;
}


.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;
}



/*.topDoorLink{*/
.topDoorLink{
	width:100%;
	text-align:center;
	display:none;
}
.topDoorLink .topDoorLinkIn{
	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;
}

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

.topSection01.type02{
	margin-left:-10px;
	margin-right:-10px;
}
.topSection01.type02 .topSection01In{
	margin:0 auto;
}

.topSection01.type03{
	padding-top:45px;
	padding-bottom:45px;
}
.topSection01.type03 .topSection01In{
	margin:0 auto;
}
.topBoxLinkTi .btnStyle01{
	display:none;
}


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


/*topNewsBox*/
.topNewsBox{
	margin-top:15px;
	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:12px 0px 12px 0px;
}
.topNewsBox li dl dt{
	text-align:left;
	vertical-align:middle;
	margin-bottom:4px;
}
.topNewsBox li dl dd{
	text-align:left;
	vertical-align:middle;
}
.topNewsBox li a dl dd{
	color:#3388cc;
}



/*topBoxLinkTitle*/
.topBoxLinkTitle{
	text-align:center;
	height:0px;
}
.topBoxLinkTi{
	width:100%;
	margin:0 auto;
	padding-top:14%;
	border-top:1px solid #cccccc;
}
.topBoxLinkTi h2{
	margin-top:-20px;
	margin-bottom:0px;
}
.topBoxLinkTi h2 img{
	width:90px;
	height:auto;
}
.topBoxLinkList{
	margin-top:28%;
	overflow:hidden;
	border-top:1px solid #dddddd;
}
.topBoxLinkList > li{
	float:left;
	width:50%;
}
.topBoxLinkList > li img{
	width:100%;
	height:auto;
}



/*topTechnologyList*/
.topTechnologyList h2{
	text-align:center;
	margin-bottom:20px;
}
.topTechnologyList h2 img{
	width:132px;
	height:auto;
}
.topTechnologyColList > li{
	margin-top:15px;
}
.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 .topTechnologyPhoto{
	position:relative;
}
.topTechnologyColList > li a .topTechnologyPhoto span{
	display:inline-block;
	position:relative;
}
.topTechnologyColList > li a .topTechnologyPhoto span:after{
	content:"";
	display:inline-block;
	position:absolute;
	left:5px;
	top:-4px;
	width:84px;
	height:50px;
	background:url(/tri/common/img/com_ic29.png) no-repeat;
	background-size:58px auto;
}
.topTechnologyColList > li .topTechnologyTi{
	margin-top:0px;
	text-align:left;
	font-size:14px;
	padding-left:14px;
	background:url(/tri/common/img/com_ic28.png) no-repeat left 3px;
	background-size:8px auto;
	color:#3388cc;
}
.topTechnologyColList > li .topTechnologyTi2{
	text-align:left;
	margin-top:7px;
	font-size:13px;
	color:#666666;
}
.topTechnologyCol{
	display:table;
	width:100%;
}
.topTechnologyCol .topTechnologyPhoto{
	display:table-cell;
	width:48.5%;
	vertical-align:middle;
	text-align:center;
}
.topTechnologyCol .topTechnologyText{
	display:table-cell;
	width:51.5%;
	vertical-align:middle;
	text-align:left;
	padding-left:10px;
}
.topPageChange .topTechnologyCol .topTechnologyText{
	padding-left:0px;
	padding-right:10px;
}



/*topLinkTable*/
.topLinkTable{
	width:100%;
	border-top:1px solid #cccccc;
	border-left:1px solid #cccccc;
	margin-top:25px;
}
.topLinkTable > li{
	border-bottom:1px solid #cccccc;
	border-right:1px solid #cccccc;
	float:left;
	width:50%;
}
.topLinkTable > li a{
	text-decoration:none;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size:14px;
	color:#000000;
	padding-top:17px;
	padding-bottom:17px;
	display:block;
	background:url(/tri/img/index_bg06.png) no-repeat right bottom;
	background-size:10px auto;
	text-align:center;
}
.topSection01.type03 .btnStyle01{
	margin-top:25px;
}


.topSpSet{
	margin-left:10px;
	margin-right:10px;
	margin-top:25px;
}

.mainVisualTi img{
	width:100% !important;
}


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

	clearfix

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



}