@charset "shift_jis";

/*=====================

資料ダウンロードページ用css

=======================*/



/*汎用スタイル*/

.bold {

	font-weight: bold;

	font-size: inherit !important;

}

.txt_grn {

	color: #00a980;

}

.txt_s {

	font-size: 80% !important;

}

.txt_m {

	font-size: 90% !important;

	line-height: 150% !important;

}

.txt_lg {

	font-size: 130% !important;

}

.txt_xl {

	font-size: 30px !important;

}

.txt_xxl {

	font-size: 187% !important;

	letter-spacing: 3px;

	line-height: 1.6;

}



.pc-none {

	display: none !important;

}





.inner {

	width: 100%;

	margin-left: auto;

	margin-right: auto;

	max-width: 1000px;

}



#main{

	margin: 0 0 100px 0;

	width: 100%;

	box-sizing: border-box;

}



/* タイトル部分

-----------------------------------*/

#mv {

	background: url("../images/bg_mainvisual.png") no-repeat center center #112b78;

	color:#fff;

	display: flex;

	align-items: center;

	height: 180px;

}



#mv .mvinner{

	padding: 0 20px;

}

#mv .main_title{

	margin: 4px 0 28px 0;

	padding-bottom: 26px;

	font-size: 190% !important;

	font-weight: bold;

	letter-spacing: 0.1em;

	line-height: 1.2em;

	position: relative;

}

#mv .main_title:after{

	position: absolute;

	bottom: 0;

	left: 0;

	content: '';

	width: 60px;

	height: 1px;

	background-color: #fff;

}



#mv .main_title_sub{

	font-size: 76% !important;

	letter-spacing: 0.3em;

	line-height: 1em;

}





/* ページ内リンク

-----------------------------------*/

.innerLink{

	padding: 14px;

	width: 100%;

	background: #eff0f5;

	box-sizing: border-box;

}

.innerLink ul{

	margin: 0 auto;

	display: flex;

	flex-wrap: wrap;

	align-items: center;

	width: fit-content;

	flex-wrap: wrap;

	gap: 18px;

}

.innerLink ul li a{

	padding: 16px 30px 17px;

	color: #2e3036;

	font-size: 100%;

	text-decoration: none;

	display: inline-flex;

	align-items: center;

	justify-content: center;

	background: #fff;

	border-radius: 6px;

	position: relative;

	transition: 0.3s;

}

.innerLink ul li a:after{

	content: "";

	margin: auto;

	width: 9px;

	height: 9px;

	display: block;

	border: 3px solid #93a3d3;

	border-width: 0 2px 2px 0;

	box-sizing: border-box;

	transform: rotate(45deg);

	position: absolute;

	left: 0;

	right: 0;

	bottom: 8px;

	transition: 0.2s;

}

.innerLink ul li a:hover:after{

	bottom: 4px;

	transition: 0.2s;

}



/*見出し*/

#main h2{

	margin-bottom: 50px;

	display: flex;

	flex-direction: column;

	align-items: center;

}

#main h2 > p{

	color: #2e3036;

	font-size: 186%;

	font-weight: 600;

}

#main h2 > span{

	margin-top: 16px;

	color: #93a3d3;

	font-size: 100%;

	font-weight: 600;

	display: flex;

	align-items: center;

	gap: 28px;

}

#main h2 > span:before,

#main h2 > span:after{

	content: "";

	display: block;

	width: 64px;

	height: 1px;

	background: #93a3d3;

}

/*別配色*/

#main h2.orange > span{

	color: #e4803f;

}

#main h2.orange > span:before,

#main h2.orange > span:after{

	background: #e4803f;

}



#main h2.blue > span{

	color: #1e8cb4;

}

#main h2.blue > span:before,

#main h2.blue > span:after{

	background: #1e8cb4;

}



/*資料一覧*/

.documents{

	margin: 0 auto;

	padding: 50px 0;

	width: calc(100% - 80px);

	max-width: 1280px;

}

.documents .list_outer{

	display: flex;

	flex-wrap: wrap;

	gap: 20px;

}

.documents .list_outer > a{

	text-decoration: none;

	width: 304px;

	border: 2px solid #eef0f6;

	box-sizing: border-box;

	display: inline-flex;

	flex-direction: column;

	transition: 0.3s;

}

.documents .list_outer > a figure{

	margin: 0;

	padding: 0;

	width: 100%;

	aspect-ratio: 3 / 2;

	background: #ebebeb;

	overflow: hidden;

}

.documents .list_outer > a figure img{

	width: 100%;

	height: 100%;

	object-fit: cover;

	object-position: center center;

	transition: 0.3s;

}

.documents .list_outer > a dl.overview{

	padding: 24px 22px;

	border-top: 2px solid #eef0f6;

	box-sizing: border-box;

	flex: 1;

	display: flex;

	flex-direction: column;

}

.documents .list_outer > a dl.overview p{

	color: #000;

	font-size: 100%;

	text-decoration: none;

}

.documents .list_outer > a dl.overview dt p.name{

	font-weight: 600;

}

.documents .list_outer > a dl.overview dt p.category{

	margin-top: 2px;

}

.documents .list_outer > a dl.overview dd{

	margin-top: 16px;

	flex: 1;

	display: flex;

	flex-direction: column;

	justify-content: space-between;

}

.documents .list_outer > a dl.overview dd .dlBtn{

	margin: 30px auto 0;

	padding: 10px 12px;

	color: #fff;

	font-size: 18px;

	font-size: 112%;

	font-weight: 600;

	text-align: center;

	background: #3c509b;

	border-radius: 6px;

	width: fit-content;

	min-width: 180px;

	display: block;

	box-sizing: border-box;

	transition: 0.3s;

}



.documents .list_outer > a:hover{

	background: #f5f5f5;

	transition: 0.3s;

}

.documents .list_outer > a:hover figure img{

	opacity: 0.7;

	transition: 0.3s;

}

.documents .list_outer > a:hover .dlBtn{

	opacity: 0.7;

	transition: 0.3s;

}



/*資料一覧の幅調整用*/

@media screen and (max-width: 1370px) {

	.documents .list_outer > a{

		width: calc( (100% - (20px * 2)) / 3 );

	}

}

@media screen and (max-width: 900px) {

	.documents .list_outer > a{

		width: calc( (100% - (20px * 1)) / 2 );

	}

}







/*関連リンクボタン*/

.relatedLinks{

	margin: 60px auto 0;

	width: calc(100% - 80px);

	max-width: 1280px;

	display: flex;

	flex-wrap: wrap;

	justify-content: center;

	gap: 24px;

}

.relatedLinks > a{

	padding: 12px 36px;

	font-size: 100%;

	text-decoration: none;

	min-width: 326px;

	border: 2px solid #93a3d3;

	border-radius: 6px;

	box-sizing: border-box;

	display: flex;

	flex-direction: column;

	align-items: center;

	position: relative;

	transition: 0.2s;

}

.relatedLinks > a > p{

	color: #112b78;

	font-weight: 600;

}

.relatedLinks > a > span{

	color: #000;

}

.relatedLinks > a:after{

	content: "";

	margin: auto;

	width: 15px;

	height: 15px;

	display: block;

	border: 2px solid #cfd5e4;

	border-width: 2px 2px 0 0;

	box-sizing: border-box;

	transform: rotate(45deg);

	position: absolute;

	right: 20px;

	top: 0;

	bottom: 0;

	transition: 0.2s;

}

.relatedLinks > a:hover{

	background: #eaefff;

	transition: 0.2s;

}

.relatedLinks > a:hover:after{

	right: 16px;

	transition: 0.2s;

}



/*細長パターン*/

.relatedLinks > a.no_wrap{

	padding: 14px 88px;

	flex-direction: unset;

	gap: 8px;

}

.relatedLinks > a.no_wrap:after{

	right: 50px;

}

.relatedLinks > a.no_wrap:hover:after{

	right: 46px;

}





#sfooter {

	margin-top: 0 !important;

}



/*スマートフォン版スタイル*/

@media screen and (max-width: 767px) {



	.sp-none {

		display: none !important;

	}

	.pc-none {

		display: block !important;

	}



	header{

		top: 0

	}



	#mv {

		padding: 30px 10px;

		width: 100%;

		height: unset;

		aspect-ratio: 3 / 1;

		background: url("../images/bg_mainvisual_sp.png") no-repeat center bottom 20% #112b78;

		background-size: cover;

		box-sizing: border-box;

	}

	#mv .inner {

		font-size: 80%;

	}

	#mv .main_title{

		margin: 4px 0 20px 0;

		padding-bottom: 20px;

	}

	#mv .main_title_sub{

		font-size: 110% !important;

		letter-spacing: 0.2em;

	}





/* ページ内リンク

-----------------------------------*/

.innerLink ul{

	gap: 12px;

}

.innerLink ul li a{

	padding: 6px 12px 12px;

}

.innerLink ul li a:after{

	width: 6px;

	height: 6px;

	border-width: 0 1px 1px 0;

	bottom: 8px;

	transition: 0.2s;

}

.innerLink ul li a:hover:after{

	bottom: 4px;

	transition: 0.2s;

}



/*見出し*/

#main h2{

	margin-bottom: 40px;

}



/*資料一覧*/

.documents{

	margin: 0 auto;

	padding: 40px 20px;

	max-width: unset;

	width: 100%;

	box-sizing: border-box;

}

.documents .list_outer > a{

	width: calc( (100% - (20px * 1)) / 2 );

}

.documents .list_outer > a dl.overview{

	padding: 20px 20px;

}

.documents .list_outer > a dl.overview dd .dlBtn{

	padding: 8px 12px;

	min-width: unset;

}



.documents .list_outer > a:hover{

	background: #f5f5f5;

	transition: 0.3s;

}

.documents .list_outer > a:hover figure img{

	opacity: 0.7;

	transition: 0.3s;

}



/*関連リンクボタン*/

.relatedLinks{

	margin: 40px auto 0;

	padding: 0 20px;

	width: 100%;

	max-width: unset;

	gap: 18px;

	box-sizing: border-box;

}

.relatedLinks > a{

	padding: 8px 24px;

}

.relatedLinks > a:after{

	content: "";

	margin: auto;

	width: 10px;

	height: 10px;

	right: 12px;

}

.relatedLinks > a:hover:after{

	right: 8px;

	transition: 0.2s;

}



/*細長パターン*/

.relatedLinks > a.no_wrap{

	padding: 8px 40px;

	flex-direction: unset;

	gap: 8px;

}

.relatedLinks > a.no_wrap:after{

	right: 24px;

}

.relatedLinks > a.no_wrap:hover:after{

	right: 20px;

}





	#footer {

		background-color: #F1F2F2;

		font-size: 14px;

		width: 100%;

		margin: unset;

		padding: unset;

		text-align: left;

		line-height: unset;

		color: unset;

	}

	#footer #pageTop {

		right: 0;

		bottom: 0;

	}

	#footer #pageTop {

		position: static;

	}

	#footer #pageTop:hover {

		opacity: 0.8;

	}

	#footer .socialLink {

		padding: 15px 10px;

	}

	#footer .footerCol4 {

		overflow: hidden;

		margin: 0;

		border-top: 1px solid #E4E5E5;

	}

	#footer .footerCol4 .col {

		-webkit-box-sizing: border-box;

		-moz-box-sizing: border-box;

		-o-box-sizing: border-box;

		-ms-box-sizing: border-box;

		box-sizing: border-box;

		padding: 30px 30px 20px 30px;

	}

	#footer .footerCol4 .col .firstHierarchy {

		line-height: 1.2;

		font-size: 114%;

		color: #000;

	}

	#footer .footerCol4 .col .secondHierarchy {

		margin: 15px 0 0;

	}

	#footer .footerCol4 .col .secondHierarchy li:before {

		content: "・";

	}

	#footer .footerCol4 .col .secondHierarchy a {

		line-height: 1.2;

		color: #35383B;

		text-decoration: none;

	}

	#footer .footerBottom {

		clear: both;

		padding: 0 0 20px;

		border-top: none;

		overflow: hidden;

	}

	#footer .footerBottom .copyRight {

		margin-top: 5px;

		text-align: center;

		color: #999999;

		font-size: 10px;

		font-size: 1.0rem;

	}

	footer {

		clear: both;

	}

	footer #footerInner {

		overflow: hidden;

		background: #000000;

		display: table;

		width: 100%;

	}

	footer #footerInner #pageTop {

		display: table-cell;

		width: 45px;

		height: 45px;

		background: url(/common2/images/footer_ic002.png) no-repeat 0 0;

		background-size: contain;

		text-indent: -9999px;

	}

	footer #footerInner #pageTop a {

		display: block;

		height: 45px;

	}

	footer #footerInner #footerUtility {

		display: table-cell;

		vertical-align: middle;

	}

	footer #footerInner #footerUtility #copyRight {

		padding-left: 10px;

		font-size: 7px;

		font-size: 0.7rem;

		color: #999999;

	}



}