@charset "utf-8";

#hero_slide{
	opacity: 0;
	transition: opacity 0.6s;
}

#hero_slide.is-appear{
	opacity: 1;
}

/*  index_page_slide
---------------------------------------------------------- */
#index_slide{
	height:508px;
	position:relative;
	overflow:hidden;
	background: #f0f0f0;
}

#index_slide .slide_ctrl{
	display:none;
}

#index_slide .slide_box {}

#index_slide .slide_box li{
	cursor:pointer;
	display:block;
	position:absolute;
	top:0px;
	left:0px;
	opacity: 0;
	transition: opacity 1.6s;
}
#index_slide .slide_box li.is-now{
	opacity: 1;
}

/*index_feature_btn*/
.index_feature_btn{
	position: absolute;
	top:0px; left: 620px;
	width: 320px;
	height: 400px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-content: center;
	opacity: 0;
	transition: all 0.6s;
}
.is-appear .index_feature_btn{
	opacity: 1;
	left: 640px;
}
.index_feature_btn ul::after{
	display: none;
}
.index_feature_btn .btns{
	line-height: 1;
	box-shadow: 1px 2px 10px -1px rgba(0,0,0,0.4) ;
	background-color: #fff;
	margin-bottom: 10px;
}
.index_feature_btn .btns:last-of-type{
	margin-bottom: 0px;
}
.index_feature_btn .btns li{
	opacity: 1;
	transition: all 0.3s;
}
.index_feature_btn .btns li:hover{
	opacity: 0.7;
}

/*index_works_btn*/
.index_works_btn{
	position: absolute;
	left:0px; top: 257px;
	width: 640px;
	height: 143px;
	background-color: rgba(0,0,0,0.6);
	opacity: 0;
	transition: all 0.6s;
}
.is-appear .index_works_btn{
	opacity: 1;
}
.index_works_btn li a{
	display: flex;
	box-sizing: border-box;
	width: 100%;
	justify-content: center;
	align-items: center;
	background-color: rgba(0,0,0,0);
	transition: background-color 0.3s, padding-left 0.6s, opacity 0.6s;
}
.index_works_btn li a:hover{
	background-color: rgba(0,0,0,0.3);
}
.index_works_btn li.fw a{
	height: 93px;
	border-bottom: rgba(255,255,255,0.4) 1px solid;
	padding-left: 94px;
	opacity: 0;
}
.is-appear .index_works_btn li.fw a{
	opacity: 1;
	padding-left: 74px;
}
.index_works_btn li.place a{
	height: 50px;
	padding-bottom: 3px;
	padding-left: 20px;
	opacity: 0;
}
.is-appear .index_works_btn li.place a{
	opacity: 1;
	padding-left: 0px;
}

.index_works_btn .icon_new_circle::after{
	top:-20px;
	right:auto;
	left: 60px;
}

/*nav_btns*/
#index_slide .nav_btns{
	position:absolute;
	top:400px;
	left:0px;
	line-height: 1;
}
#index_slide .nav_btns li{
	float:left;
	width:320px;
}

/*heroArea__loading*/
.p-heroArea__loading{
	position:absolute;
	top:0px; left:0px;
	width: 100%; height: 400px;
	background: url(/tech/healthcare/works/feature/images/loading-icon.svg) no-repeat 50% 50%;
	opacity: 0.7;
	transition: opacity 0.5s;
	z-index: 0;
}
.p-heroArea__loading.is-hidden{
	opacity: 0;
}

/*  index_page_lead
---------------------------------------------------------- */
.main_lead .lead_txt{
	width:610px; float:left;
	font-weight:normal;
}
.main_lead .feature_btn{
	width:320px; float:right;
}

div#main.tech_body.index .main_lead h2 {
	font-size: 123.1%;
	margin-bottom: 20px;
}

/*  index_page_topics
---------------------------------------------------------- */
.tech_body.index .topics{
	/*border-top:#BED2EB 2px solid; padding:10px; margin-bottom:20px; overflow:hidden;*/
	margin-top:30px;
	height: 220px;
	overflow: auto;
	border: #ccc 1px solid;
}
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{
	padding-top:6px;
	float:right; width:480px;
}
div#main.tech_body.index .topics .txt a{
	text-decoration:none;
}

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.no_link{
	color:#333;
	background: url(/common/image/bg_dot_list.gif) no-repeat 2px 0.55em;
}

/*special_banner*/
.special_banner{
	padding:6px 0 0;
}

/*#bn_works*/

#bn_works{margin-bottom:10px;}
#bn_works p span{display:none;}
#bn_works p.btn_main a{
	display:block;
	background:url(/tech/healthcare/images/btn_works_main.jpg) no-repeat 0px 0px;
	width:300px;
	height:150px;
	overflow:hidden;
}
#bn_works p.btn_sub a{
	display:block;
	background:url(/tech/healthcare/images/btn_works_sub.jpg) no-repeat 0px 0px;
	width:300px;
	height:50px;
	overflow:hidden;
}
#bn_works.hover p.btn_main a,
#bn_works.hover p.btn_sub a{
	background-position:-330px 0px;
}
#bn_works.hover p.btn_main a:hover,
#bn_works.hover p.btn_sub a:hover{
	background-position:-660px 0px;
}

/*#tech_menu*/
div#main #tech_menu h2{
	margin:0 0 10px;
}

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

/*ul.link li*/
div#main ul.link li {
	margin-bottom: 10px;
}

/*.icon_new_circle*/
.icon_new_circle{
	position: relative;
}
.icon_new_circle::after{
	content: "";
	display: block;
	width: 44px;
	height: 44px;
	position: absolute;
	top:-20px;
	right: -20px;
	background: url(/tech/healthcare/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);
}