@charset "utf-8";
/*=============================================================
 highlight contents Layout
=============================================================*/
/* highlight-topicsSet
-------------------------------------------------------------*/
.highlight-topicsSet:not(:last-child){
	margin-bottom:50px;
}
.highlight-topicsSet .text h3{
	font-size:128.6%;
	font-weight:bold;
}
/* highlight-ttlTopics */
.highlight-ttlTopics{
	margin:50px 0 20px;
	border-bottom:2px solid #0062a0;
}
.highlight-ttlTopics img{margin-top:-2px;}

/* highlight-clmIdt */
.highlight-clmIdt{padding-left:46px;}
.highlight-clmIdtR{padding-right:46px;}

/* highlight-clm2 */
.highlight-clm2 {margin-top:20px;}
.highlight-clm2 .boxLeft{float:left;}
.highlight-clm2 .boxRight{float:right;}
.highlight-clm2.type01-01 .text{width:406px;}
.highlight-clm2.type01-02 .text,
.highlight-clm2.type01-03 .text{width:360px;}
.highlight-clm2.type02-01 .text{width:346px;}
.highlight-clm2.type02-02 .text{width:300px;}
.highlight-clm2.type03-01 .text,
.highlight-clm2.type03-02 .text,
.highlight-clm2.type03-03 .text,
.highlight-clm2.type03-04 .text{width:370px;}

.highlight-clm2.type01-01 .photo,
.highlight-clm2.type01-02 .photo,
.highlight-clm2.type01-03 .photo{width:250px;}
.highlight-clm2.type02-01 .photo,
.highlight-clm2.type02-02 .photo{width:310px;}
.highlight-clm2.type03-01 .photo,
.highlight-clm2.type03-02 .photo,
.highlight-clm2.type03-03 .photo,
.highlight-clm2.type03-04 .photo{width:240px;}


/*--------------------------------------------
	highlight/index.htm
--------------------------------------------*/
.table-scroll{
	overflow:scroll;
	width:676px !important;
	height:75vh;
}
.table-scroll .table-data{
	table-layout:fixed;
	border-collapse:separate !important;
	border-spacing:0;
}
.table-scroll .table-data tbody tr:nth-child(1) th,
.table-scroll .table-data tbody tr:nth-child(1) td,
.table-scroll .table-data tbody tr:nth-child(4) th,
.table-scroll .table-data tbody tr:nth-child(4) td,
.table-scroll .table-data tbody tr:nth-child(5) th,
.table-scroll .table-data tbody tr:nth-child(5) td,
.table-scroll .table-data tbody tr:nth-child(8) th,
.table-scroll .table-data tbody tr:nth-child(8) td{
	background:#fff !important;
}
.table-scroll .table-data tbody tr:nth-child(2) th,
.table-scroll .table-data tbody tr:nth-child(2) td,
.table-scroll .table-data tbody tr:nth-child(3) th,
.table-scroll .table-data tbody tr:nth-child(3) td,
.table-scroll .table-data tbody tr:nth-child(6) th,
.table-scroll .table-data tbody tr:nth-child(6) td,
.table-scroll .table-data tbody tr:nth-child(7) th,
.table-scroll .table-data tbody tr:nth-child(7) td,
.table-scroll .table-data tbody tr:nth-child(9) th,
.table-scroll .table-data tbody tr:nth-child(9) td,
.table-scroll .table-data tbody tr:nth-child(10) th,
.table-scroll .table-data tbody tr:nth-child(10) td{
	background:#f6f6f6 !important;
}
.table-scroll .table-data thead,
.table-scroll .table-data tbody{
/*	display: block;
	width: -webkit-max-content;
	width: -moz-max-content;
	width: max-content;*/
}
.table-scroll .table-data thead th{
	position:-webkit-sticky;
	position:sticky;
	top:0;
	z-index:2;
	text-align:center !important;
}
.table-scroll .table-data th:first-child{
	position:-webkit-sticky;
	position:sticky;
	left:0;
}
.table-scroll .table-data thead th:first-child{
	z-index:3;
}
.table-scroll .table-data thead tr:first-child th{
	top:0;
/*	height: 1.3rem;*/
}
.table-scroll .table-data thead tr:nth-child(2) th{
	top:2.3rem;
/*	height: 1.3rem;*/
	z-index:2;
}
.table-scroll thead tr:first-child th:first-child,
.table-scroll thead tr:first-child th:nth-child(6){
	width:200px !important;
}
.table-scroll thead tr:first-child th:nth-child(2){
	width:400px !important;
}
.table-scroll thead tr:first-child th:nth-child(3),
.table-scroll thead tr:first-child th:nth-child(4),
.table-scroll thead tr:first-child th:nth-child(5){
	width:300px !important;
}
.table-scroll thead tr:nth-child(2) th{
	width:50% !important;
	color: #fff;
	font-weight:bold !important;
	background:#0062a0 !important;
}
.table-scroll tbody th{
	z-index:1;
}
.table-scroll tbody tr:first-child th,
.table-scroll tbody tr:nth-child(9) th{
	background:#fff;
}
.table-scroll tbody tr:nth-child(2n) th{
	background:#f6f6f6;
}


/*--------------------------------------------
	highlight/message.htm
--------------------------------------------*/
.act-lm-highlight-message #pageBody #messageTitle{
	position: relative;
	height: 300px;
}
.act-lm-highlight-message #pageBody #messageTitle img{
	position: absolute;
	z-index: 1;
}
.act-lm-highlight-message #pageBody #messageTitle p.catch{
	position: absolute;
	top: 20px;
	left: 280px;
	right: 20px;
	z-index: 10;
	font-size: 140%;
	line-height: 130%;
}
.act-lm-highlight-message #pageBody #messageTitle p.name{
	position: absolute;
	bottom: 20px;
	right: 20px;
	left: 330px;
	z-index: 10;
	line-height: 130%;
}
.act-lm-highlight-message #pageBody #messageTitle p.name span{
	display: block;
	font-weight: bold;
	font-size: 130%;
	margin-top: 0.2em;
}
.act-lm-highlight-message #pageBody h2{
	border-top: dotted 1px #0062a0;
	border-bottom: dotted 1px #0062a0;
	padding: 0.5em 0 0.3em 0;
	color: #0062a0;
	font-size: 150%;
	margin: 3em 0 1em 0;
}
.act-lm-highlight-message #pageBody h2.Q{
	border-top: none;
	border-bottom: dotted 1px #0062a0;
	padding: 0.5em 0 0.3em 2em;
	color: #0062a0;
	font-size: 130%;
	margin: 3em 0 1em 0;
	position: relative;
}
.act-lm-highlight-message #pageBody h2.Q:before{
	position: absolute;
	content:"";
	display:block;
	width:2em;
	height:2em;
	background:url(/csr/highlight/img/Q.jpg) no-repeat left top;;
	background-size:contain;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
}
.act-lm-highlight-message #pageBody h2.A{
	border-top: none;
	border-bottom: dotted 1px #0062a0;
	padding: 0.5em 0 0.3em 2em;
	color: #000;
	font-size: 130%;
	margin: 1em 0 1em 0;
	position: relative;
}
.act-lm-highlight-message #pageBody h2.A:before{
	position: absolute;
	content:"";
	display:block;
	width:2em;
	height:2em;
	background:url(/csr/highlight/img/A.jpg) no-repeat left top;;
	background-size:contain;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
}


/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 Smartphones
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (max-width:767px){

/*=============================================================
 highlight contents Layout
=============================================================*/
/* highlight-topicsSet
-------------------------------------------------------------*/
.highlight-topicsSet:not(:last-child){
	margin-bottom:50px;
}
.highlight-topicsSet .text h3{
	font-size:128.6%;
	font-weight:bold;
}
/* highlight-ttlTopics */
.highlight-ttlTopics{
	margin-bottom:20px;
	border-bottom-width:1px;
}
.highlight-ttlTopics img{
	height:20px;
	margin-top:-1px;
}

/* highlight-clmIdt */
.highlight-clmIdt{padding-left:0;}
.highlight-clmIdtR{padding-right:0;}

/* highlight-clm2 */
.highlight-clm2 {margin-top:20px;}
.highlight-clm2 .boxLeft,
.highlight-clm2 .boxRight{
	float:none;
	width:auto !important;
}
.highlight-clm2 .photo{
	max-width:294px;
	margin:20px auto 0;
}
.highlight-clm2 .photo img{width:294px;}


/*--------------------------------------------
	highlight/index.htm
--------------------------------------------*/
.table-data th,
.table-data td{
	font-size:12px !important;
}
.table-scroll{
	width:auto !important;
	height:50vh;
}
.table-scroll .table-data thead tr:nth-child(2) th{
	top:1.2rem;
}
.table-scroll thead tr:first-child th:first-child{
	width:120px !important;
}


/*--------------------------------------------
	highlight/message.htm
--------------------------------------------*/
.act-lm-highlight-message #pageBody #messageTitle{
	height: auto;
	position: static;
}
.act-lm-highlight-message #pageBody #messageTitle img{
	position: static;
}
.act-lm-highlight-message #pageBody #messageTitle p.catch{
	position: static;
	font-size: 150%;
	line-height: 130%;
	margin-bottom: 0.8em;
}
.act-lm-highlight-message #pageBody #messageTitle p.name{
	position: static;
	margin-top: 0.8em;
}
.act-lm-highlight-message #pageBody #messageTitle p.name span{
	font-size: 130%;
}
.act-lm-highlight-message #pageBody h2{
	padding: 0.5em 0;
	font-size: 120%;
}


}