@charset "UTF-8";

/* ==================================================== */
/*  その他
/* ==================================================== */
* {
  -webkit-box-sizing: border-box; /* <=iOS 4, <= Android 2.3 */
     -moz-box-sizing: border-box; /* Firefox 1+ */
          box-sizing: border-box; /* Chrome, IE8+, Opera, Safari 5.1 */
}
a:hover, a:hover img, a:hover::after {
	opacity: 0.8;
    transition: 0.3s ease-in-out;
    color: #000;
}

/* ==================================================== */
/*  白書
/* ==================================================== */
.hakusho {}
.hakusho .titleLower {
	height: auto;
}
.hakusho .titleLower h1 {
	height: auto;
	margin-bottom: 35px;
	padding-top: 50px;
	line-height: 1.2;
	font-size: 3.6rem;
}
.hakusho .titleLower .contents {
	float: none;
}
.hakusho .titleLower .contents .inner_hakusho {
	max-width: 874px;
	margin-bottom: 45px;
	font-size: 1.5rem;
}
.hakusho .titleLower .contents .inner_hakusho br {
	display: block;
}
.hakusho .wrapLower {
	padding: 45px 0 230px;
}
.hakusho .inner_hakusho_box {
	display: flex;
	justify-content: space-between;
    flex-wrap: wrap;
	max-width: 874px;
}
.hakusho .hakusho_box {
	width: 49%;
	margin-bottom: 20px;
	padding: 30px;
	background: #fff;
}
.hakusho .hakusho_box h2 {
	margin-bottom: 15px;
	line-height: 1.2;
	font-size: 2.2rem;
}
.hakusho .hakusho_box ul li {
	margin-bottom: 12px;
	padding: 0 0 12px 7px;
	border-bottom: 1px solid #D3D3D3;
	list-style: disc;
	list-style-position: inside;
	font-size: 1.6rem;
}
.hakusho .hakusho_box ul li:last-child {
	margin-bottom: 0;
}
.hakusho .hakusho_box ul li a.link_pdf:after {
	content: '';
    width: 18px;
    height: 20px;
    background: url(../images/link_pdf.svg) no-repeat;
    background-size: contain;
    position: absolute;
    margin: 3px 0 0 12px;;
}

/* 件数が少ないので、しばらく空のダミーのboxを残します */
/* dummy */
.hakusho .hakusho_box.dummy {
	background: none;
}


@media screen and (max-width: 1300px){
	.hakusho .titleLower h1 {
		margin-bottom: 35px;
		padding-top: 35px;
	}
	/* 件数が少ないので、しばらく空のダミーのboxを残します */
	/* 早めに1列にします（通常は900px以下〜） */
	.hakusho .inner_hakusho_box {
		display: block;
	}
	.hakusho .hakusho_box {
		width: 100%;
	}
}

@media screen and (max-width:900px){
	.hakusho .inner_hakusho_box {
		display: block;
	}
	.hakusho .hakusho_box {
		width: 100%;
	}
	/* 件数が少ないので、しばらく空のダミーのboxを残します */
	/* 900px以下〜ダミーのbox削除します*/
	.hakusho .hakusho_box.dummy {
		display: none;
	}
}