.col5 .col { width:105px; }
.col5 .col_multi_4 { float:left; width:477px; }
.col5 .l { margin-right:19px; }

.sense_icon{
	/*margin-left:40px;*/
}

video{
	width: 100%;
}

/*-------
	p-indexMain
---------*/

.p-indexMain{
	display: flex;
	justify-content: space-between;
}
.p-indexMain__fiveSenses,
.p-indexMain__design{
	flex: 0 0 auto;
	position: relative;
	width: 350px;
	box-shadow: 1px 2px 10px -2px rgba(0,0,0,0.4);
	border-radius: 12px;
	height: 440px;
	box-sizing: border-box;
	border:#1C418D 1px solid;
}
.p-indexMain__fiveSenses{
	
}
.p-indexMain__design{
	background: url(/tech/universal_design/comprehensibility/images/bg_design.png) no-repeat 36% 270px;
}

.p-ctg_link .p-ctgImg{
	opacity: 1;
	transition: all 0.2s;
}
.p-ctg_link:hover .p-ctgImg{
	opacity: 0.75;
}
.p-btn_detail{
	position: absolute;
	top:64px;
	right: 0px;
	width: 150px;
	height: 37px;
	overflow: hidden;
	transition: all 0.3s ease-in-out;
}
.p-ctg_link:hover .p-btn_detail{
	width: 160px;
}

/*.p-indexMain__fiveSenses:hover .p-ctg_link,
.p-indexMain__design:hover .p-ctg_link{
	opacity: 0.7;
}*/
.p-shortCutTxt{
	text-align: center;
	position: absolute;
	top: 213px;
	left: 0px;
	width: 100%;
}
.c-tgtBtn{
	position: absolute;
}

.p-indexMain__fiveSenses .c-tgtBtn img{
	width: 94px; height: 122px;
}
.p-indexMain__design .c-tgtBtn img{
	width: 84px; height: 38px;
}

.c-tgtBtn#btn_fiveSenses_see{
	top:282px; left: 17px;
}
.c-tgtBtn#btn_fiveSenses_hear{
	top:282px; left: 123px;
}
.c-tgtBtn#btn_fiveSenses_touch{
	top:282px; left: 229px;
}
.c-tgtBtn#btn_design_ceiling{
	top:276px; left: 87px;
}
.c-tgtBtn#btn_design_wall{
	top:327px; left: 222px;
}
.c-tgtBtn#btn_design_floor{
	top:378px; left: 87px;
}
.c-tgtBtn img{
	opacity: 0.8;
	transition: all 0.2s;
}
.c-tgtBtn:hover img{
	transform: scale(1.06);
	opacity: 1;
}


/*topimg*/
.topimg {position:relative;}
.topimg .top_btns_abov{position:absolute; top:0px; left:190px; height:170px;}
.topimg .top_btns_below{position:absolute; top:353px; left:190px; height:170px;}
.topimg .top_btns_abov p,
.topimg .top_btns_below p{ float:left; width:140px;}

/*popmenu*/

.image_map {
	position:relative;
	margin:0px;
	padding:0px;
}

ul.popmenus {
	list-style:none;
	margin:0;
	padding:0;
}

.popup_base{
	position:absolute; top:80px; left:520px; width:325px; height:410px; 
	background:url(/tech/universal_design/comprehensibility/images/bg_popup_area.jpg) no-repeat left top;
}
.popup_base.chofu{
	position:absolute; top:80px; left:520px; width:325px; height:410px; 
	background:url(/tech/universal_design/comprehensibility/images/bg_popup_area_chofu.jpg) no-repeat left top;
}

.popmenu {
	width:300px;
	padding:0px 0px 0px;
	margin:0;
	position:absolute;
	top:10px;
	left:10px;
	visibility:hidden;
	font-size: 0.9375rem;
	line-height: 1.7;
}

div#main .popmenu h4 {
	margin: 0;
	padding:0;
}

.popmenu .img{
	margin-bottom:10px;
}

/*-------page_nav------*/
.page_nav--top,
.page_nav--bottom{
	position: relative;
}
.page_link{
	position: absolute;
	width: 120px;
	height: 120px;
	display: block;
	border-radius: 50%;
	/*overflow: hidden;*/
}
.page_link a::before{
	content: "";
	position: absolute;
	display: block;
	box-sizing: border-box;
	top:50%;
	left: 50%;
	width: 80px;
	height: 80px;
	margin-top: -40px;
	margin-left: -40px;
	border-radius: 50%;
	border: #2B5CAB 3px solid;
	opacity: 0;
	transition: all 0.3s;
}
.page_link a:hover::before{
	opacity: 0.7;
	width: 130px;
	height: 130px;
	margin-top: -65px;
	margin-left: -65px;
}

.page_link img{
	opacity: 0;
	transition: opacity 0.3s;
}
.page_link:hover img{
	opacity: 1;
}
.page_nav--top .page_link.to_design{
	top:16px;
	left: 240px;
}
.page_nav--top .page_link.to_fiveSenses{
	top:16px;
	left: 101px;
}
.page_nav--bottom .page_link.to_design{
	top:2px;
	left: 773px;
}
.page_nav--bottom .page_link.to_fiveSenses{
	top:2px;
	left: 634px;
}

.page_nav--bottom{
	margin-top: 2rem;
}


/*----fiveSensesLede---*/
.fiveSensesLede{
	display: flex;
	justify-content: space-between;
	width: 760px;
}
.fiveSensesLede__txt{
	width: 565px;
	flex:0 0 auto;
}
.fiveSensesLede__icon{
	flex:0 0 auto;
	width: 170px;
	text-align: center;
}
/*----mov----*/
.p-movie{
	position: relative;
}
.p-movie__playLayer{
	display: flex; justify-content: center;
	align-items: center;
	position: absolute;
	top:0px; left:0px;
	width: 100%; height: 100%;
	z-index:20;
	background-color: rgba(0,0,0,0.4);
}
.p-movie__playLayer .c-playLabel{
	width:80px;
	height: auto;
	border-radius: 50%;
	margin-top: -10px;
	background-color: rgba(255,255,255,0.4);
	text-align: center;
	text-decoration: none !important;
}
.c-playLabel img{
	width: 100%;
	height: auto;
}
.p-movie__playLayer:hover .c-playLabel{
	opacity: 0.8;
}

.mov-lowvision{
	height: 275px;
	background-color: #212121;
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	border-radius: 4px;
}

/*---mov_plyr---*/
	.plyr button.plyr__play-large{
		display: none;
	}
	.plyr--audio .plyr__controls{
		display: none;
	}

/*-----ancLink_fiveSenses------*/
.ancLink_fiveSenses{
	background: #f0f0f0;
	padding: 1rem 0 1rem 100px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	font-weight: bold;
}
.ancLink_fiveSenses dt{
	flex: 0 0 auto;
	width: 10%;
	margin-bottom: 0.5rem;
}
.ancLink_fiveSenses dt img{
	width: 90%;
	height: auto;
}
.ancLink_fiveSenses dd{
	flex: 0 0 auto;
	width: 90%;
	margin-bottom: 0.5rem;
}
.ancLink_fiveSenses dd li{
	display: inline-block;
	margin-right: 1em;
}


/*---content--center---*/
.content--center{
	box-sizing: border-box;
	width: 760px;
	padding-left: 100px;
	padding-right: 100px;
}


/*-------------------
 column layout
------------------*/

.grid{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.c-col{
	flex: 0 0 auto;
}
.grid.col2 .c-col{
	width: 370px;
}
.grid.col3 .c-col{
	width: 240px;
}

/*p-boxContents*/

.p-boxContents{
	padding: 20px;
}
.p-boxContents .grid.col2 .c-col{
	width: 350px;
}
.p-boxContents.mov_area{
	background-color: #363434;
	border-radius: 6px;
}

/*---------------------
utilities
----------------------*/

.fill-width{
	width: 100%;
	height: auto;
}
.u-bold{
	font-weight: bold !important;
}
.u-mb{
	margin-bottom: 1.5rem !important;
}
.u-border--dotted{
	border-top: #CC6699 2px dotted;
	padding-top: 1.5rem;
}
.u-gbk{
	background-color: #f0f0f0;
}
.u-txtWhite{
	color: #fff !important;
}
.u-center{
	text-align: center;
}