:root{
	font-size: 16px;
}

body{
	/*要件ではついていたが消してほしい旨の依頼あり*/
	/*max-width:400px;*/
	min-width:214px;
	max-height: 400px;
	min-height: 214px;
	font-size: 0.75rem;
	/* width: calc(86.23% - 15px); */
	/* 埋め込み先の左の要素（中期経営計画など）と横幅合わせるため */
	/*width: calc(59.5% * 50% / 34.5% - 15px);*/
}
dd,dl,dt{
	padding:0;
	margin:0;
	line-height:110%
}
#g_wrap{
    background-color: #eee;
	padding-bottom: 10px;
}
ul#wrap li{
	list-style-type:none;
	vertical-align:middle;
	width:86%;
	display: flex;
	align-items: center;
}
#wrap #title{
	width: 86%;
	margin: 0 7%;
	display:inline-block;
	height:100%;
	/* 下線 */
	list-style: none;
    background-image: linear-gradient(to right, #004ea1 50px, #ccc 20px);
    background-size: 100% 2px;
    background-repeat: no-repeat;
    background-position: bottom;
    margin-bottom: 0;
}
#title h2{
	width: 100%;
	color:#333;
	font-weight:bold;
	font-size:1.25rem;
	padding:12px 0 12px;
}
#security_code{
	margin: 5px 7% 5px;
}
#security_code span{
	width:auto;
	display:block
}
#Cname-time{
	display: flex;
	justify-content: space-between;
	margin:2px 7% 5px;
}

#c_name{
	display:block;
	color:#333;
}
#time{
	display:block;
	margin:0;
}
.item {
	margin:5px 7%;
	background-color: #fff;
	height: 30px;
}
.item dl{
	width: 100%;
	display: flex;
	justify-content: space-between;
}
.item dl dt{
	font-weight: bold;
	margin:0 0 0 10px;
	width:50px;
	font-size:1rem;
	display: flex;
	align-items: center;
}

.data{
	font-size: 1.25rem;
	font-weight: bold;
	margin-right: 10px;
	line-height: 30px;
}

.hover_text{
	background-size:contain;
	width:100%;
}
.hover_text a{
	display: flex;
	justify-content: space-between;
}
.hover_text a #left{
	margin-left: 10px;
	text-align: left;
	
}
.hover_text a #right{
	text-align: right;
	position: relative;
	margin-right: 5%;
}
.hover_text a #right::before{
	content: "";
	margin: 0;
	position: absolute;
	top: 9px;
	right: 5px;
	width: 10.5px;    /* くの字を山なりに見た時、左側の長さ */
	height: 10.5px;   /* くの字を山なりに見た時、右側の長さ */
	border-top: 1.4px solid #fff;     /* くの字を山なりに見た時、左側の太さと色 */
	border-right: 1.4px solid #fff;   /* くの字を山なりに見た時、右側の太さと色 */
	transform: rotate(45deg);    /* くの字の向き */	
}

#aa a{
	width:100%;
	background-repeat:no-repeat;
	text-decoration:none;
    color: #fff;
    text-align: center;
    line-height: 30px;
    font-size: 0.75rem;
    font-weight: bold;
	background-size:contain;
}

ul#wrap li#toChartbtn{
    margin: 5px 7% 5px;
	height: 30px;
	background-color: #333;
	transition: all 0s 0s ease-in-out;
}
ul#wrap li#toChartbtn:hover{
	background-color: #004ea1;
}

ul#wrap li#toChartbtn:hover div#bb{
	display: block;
}
@media screen and (min-width: 320px){
	body{
		font-size: 1rem;
	}
	#title h2{
		font-size: 1.5rem;
		padding: 15px 0 15px;
	}
	#security_code{
		margin-top: 10px;
	}
	#Cname-time{
		margin-top: 5px;
		margin-bottom: 8px;
	}
	.item{
		height: 40px;
		margin-top: 8px;
		margin-bottom: 8px;
	}
	.item dl dt{
		font-size:1.25rem;
		width: 100px;
	}
	.data{
		font-size: 1.5rem;
		line-height: 40px;
	}
	.hover_text a #right::before{
		top: 19px;
	}
	#aa a{
		line-height: 50px;
	}
	ul#wrap li#toChartbtn{
		height: 40px;
	}
	.hover_text a #left{
		font-size: 1rem;
	}
}