@charset "utf-8";

@import "base.css";

* {
	font-family: 'Noto Sans JP', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Arial, Helvetica, sans-serif, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
}

h2 {
	width:960px;
	height:167px;
	background:#eee url(images/hd-company.jpg) left top no-repeat;
	padding:0;	
	margin:0;
}

h2 span {
	display:none;
}

h2.new {
	position:relative;
	box-sizing:boreber-box;
	width:calc(960px - 1rem);
	height:167px;
	background: linear-gradient( to right, rgba(255,255,255,0.2), rgba(39,74,120,0.9) ), url(images/hd-company.png);
	bacckground-position:center left;
	background-size:cover;
	padding:0.5rem;	
	margin:0;
	overflow:hidden;
}
h2.new>.title {
	position:relative;
	display:block;
	font-size:1.4rem;
	line-height:2rem;
	font-weight:900;
	color:#fff;
	border-bottom:solid 1px rgba(255,255,255,0.8);
	letter-spacing:0.2rem;
	vertical-align:bottom;
}
h2.new>.title>span {
	position:relative;
	display:inline-block;
	font-size:1rem;
	margin-left:0.25rem;
}
h2.new>.subttl {
	position:relative;
	display:block;
	font-size:0.9rem;
	line-height:1.4rem;
	font-weight:300;
	color:#fff;
	letter-spacing:0.2rem;
	margin-top:0.25rem;
	padding:0 0.5rem;
	/*background-color:rgba(255,255,255,0.7);*/
	text-align:right;
}
h2.new>.corp {
	position:absolute;
	right:1rem;
	bottom:0.5rem;
	display:block;
	font-size:1.4rem;
	line-height:1.4rem;
	font-weight:600;
	color:#fff;
	letter-spacing:0.4rem;
	vertical-align:bottom;
}
h2.new>.corp>span {
	position:relative;
	display:inline-block;
	font-size:0.8rem;
	letter-spacing:0.2rem;
	margin-right:0.25rem;
}

h2.new2 {
	position:relative;
	box-sizing:boreber-box;
	width:calc(960px - 1rem);
	height:167px;
	background: url(images/kowa_bldg.svg) right top no-repeat;
	background-size:contain;
	padding:0.5rem;	
	margin:0;
	overflow:hidden;
}
h2.new2>.caption {
	position:absolute;
	left:0;
	top:24px;
	width:534px;
	text-align:center;
	font-size:1.1rem;
	font-weight:400;
}
h2.new2>.title {
	position:absolute;
	left:0;
	top:70px;
	width:534px;
	height:0;
	padding-top:48px;
	text-align:center;
	font-size:1.1rem;
	line-height:48px;
	font-weight:400;
	vertical-align:top;
	background:url(images/kowa_logo.svg) center center no-repeat;
	background-size:contain;
	overflow:hidden;
}

h2.new2>.url {
	position:absolute;
	left:0;
	top:144px;
	width:534px;
	text-align:center;
	font-size:1.4rem;
	font-weight:400;
}
h2.new2>.url>a {
	text-decoration:none;
	color:#1e50a2;
}

h3 {
	margin:0;
	padding:0;
	font-size:1.2rem;
	line-height:2.6rem;
	color:#444;
}

div.note {
	margin:0 0 0 8px;
	padding:8px;
	font-size:14px;	
	line-height:20px;
	color:#666;
}

div.wrap {
	width:940px;
	margin:12px auto;	
}

div.val-wrap {
	display:grid;
	color:#666;
	grid-template-columns: 10rem 1fr;
	gap:0.75rem;
	margin:1rem 0 0;
	padding:0 0 0 0.75rem;
	width:calc(100% - 0.75rem);
}
div.val-wrap>.lable {
	position:relative;
	display:inline-block;
	outline:solid 1px #ccc;
	padding:0 0.5rem 0 1rem;
	margin:0;
	font-size:0.8rem;	
	line-height:1.6rem;
	color:#333;
	letter-spacing:0.2rem;
}
div.val-wrap>.lable:before {
	display:block;
	position:absolute;
	left:0;
	top:0;
	bottom:0;
	width:8px;
	content:"　";
	overflow:hidden;
	background-color:#274a78;
}
div.val-wrap>.val {
	position:relative;
	display:inline-block;
	border-bottom:dotted 1px #ccc;
	padding:0 0.5rem;
	margin:0;
	font-size:0.8rem;	
	line-height:1.6rem;
	color:#333;
}
div.val-wrap>.val a {
	color:#333;
	text-decoration:none;
}

div.val-wrap>.val>.cont-wrap {
	position:relative;
	display:grid;
	color:#666;
	grid-template-columns: 50% 50%;
	gap:0.75rem;
	margin:0 0 1rem 0;
	padding:0;
	width:100%;
}
div.val-wrap>.val>.cont-wrap>.cont {
	display:inline-block;
	position:relative;
	margin:0;
	padding:0;
}
div.val-wrap>.val>.cont-wrap>.cont>h4 {
	position:relative;
	width:auto;
	height:1.6rem;
	margin:0;
	outline:solid 1px #ccc;
	font-size:0.8rem;
	line-height:1.6rem;
	padding:0 4px 0 24px;
	color:#444;
	font-weight:400;
}
div.val-wrap>.val>.cont-wrap>.cont>h4:before {
	position:relative;
	display:inline-block;
	width:0.8rem;
	height:0.8rem;
	content:"　";
	background-color:#b7282e;
	position:absolute;
	left:6px;
	top:7px;
}
div.val-wrap>.val>.cont-wrap>.cont>div {
	position:relative;
	display:block;
	margin:0;
	padding:0.15rem;
	font-size:0.8rem;
	line-height:1.4rem;
}