@charset "utf-8";

/*  index_page_slide
---------------------------------------------------------- */
#index_slide{
	background:url(/tech/universal_design/images/bg_index_sl.jpg) no-repeat left top;
	position:relative;
}

#index_slide .def_img{
	position: absolute;
	top:0px; right: 0px;
	width: 480px;
}

#index_slide .slide_ctrl{
	position:absolute;
	display: none;
	/*top:180px;
	left:0px;
	width:480px;*/
}

/*#index_slide .slide_btns {
	float:left;
	width:auto;
}

#index_slide .slide_btns li{
	float:left;
	width:160px;
}*/

#index_slide .slide_box {}

#index_slide .slide_box li{
	cursor:pointer;
	display:none;
	position:absolute;
	top:0px;
	left:0px;
}

/*main_lead*/
.main_lead {
	padding-bottom:30px;
}

/*  index_page_lead
---------------------------------------------------------- */
.main_lead .lead_txt{
	width:650px; float:left;
	background:url(/tech/universal_design/images/bg_special_arrow.jpg) no-repeat right top;
}
.main_lead .feature_btn{
	width:300px; float:right;
}

.main_lead .lead_txt .keyword{
	margin-left: -0.8em;margin-right: -0.3em;
	text-decoration: none;
}
.main_lead .lead_txt .keyword .u-line{
	padding-bottom: 1px;
	background-image: linear-gradient(to right, #142D6D, #142D6D 2px, transparent 2px, transparent 2px);
	background-size: 4px 1px;
	background-position: bottom;
	background-repeat: repeat-x;
}
.main_lead .lead_txt .keyword .new_icon{
	margin-left: -0.2em;
	vertical-align: -2px;
}

/*  index_page_topics
---------------------------------------------------------- */

div#main.tech_body.index .topics h2{
	margin:0; padding:0; float:left; width:80px; font-size:100%; line-height:1.7;
}
div#main.tech_body.index .topics .txt{
	float:right; width:520px;
}

div#main .topics ul.link li{
	margin-bottom: 10px;
	line-height:1.4;
	background: url(/common/image/arrow_red.gif) no-repeat 0 0.5em;
}
div#main .topics ul.link li a{
	text-decoration:none;
}
div#main .topics ul.link li a:hover{
	text-decoration:underline;
}

/*  topics_area
---------------------------------------------------------- */
div#main.tech_body.index div.topics_area{
	padding-bottom:15px;
	margin-bottom:20px;
	background:url(/common/image/bg_dot_line.gif) repeat-x left bottom;
}

/* feture_btn_wide
---------------------------------------------------------- */
.feture_btn_wide{
	display: flex;
	justify-content:space-between;
	padding-bottom: 20px;
	margin: 20px 0 30px;
	border-bottom: #ccc 1px solid;
}
.feture_btn_wide .link_box{
	width: 300px;
}

/*.icon_new_circle*/
.icon_new_circle{
	position: relative;
}
.icon_new_circle::after{
	content: "";
	display: block;
	width: 44px;
	height: 44px;
	position: absolute;
	top:10px;
	right: -10px;
	background: url(/tech/universal_design/images/icon_new_circle.png) no-repeat left top;
	box-sizing: content-box;
	border: rgba(255,255,255,0.8) 2px solid;
	border-radius: 22px;
	box-shadow: 1px 2px 8px -1px rgba(0,0,0,0.4);
}


/*  tech_menu
---------------------------------------------------------- */

div#main.tech_body.index ul.link li a{
	text-decoration:none;
}
div#main.tech_body.index ul.link li a:hover{
	text-decoration:underline;
}

/*.detail*/

#main li .detail{
	display:block;
	font-size:90%;
	padding:0.5em 0 0.5em 0;
	color:#333;
}


/*banner*/
.interview{
	padding-left:100px; margin:10px 0;
}