@charset "utf-8";
/*------------------------------------------------------------
	download
------------------------------------------------------------*/
.download{
	margin-bottom: 55px;
}
.download p,
.logo-download p{
	padding: 10px 0;
	border-bottom: 1px solid #ADCEB5;
	position:relative;
}
.download p a:hover,
.logo-download p a:hover{
	text-decoration: underline;
}
.download p img{
	float: right;
	width: 50px;
	border:solid 1px #dddddd;
}
.logo-box{
	float: left;
	width: 49%;
}
.btn-box{
	float: right;
	width: 49%;
}
.btn-box span{
	border: 1px solid #ADCEB5;
	display: inline-block;
	width: 45%;
	text-align: center;
}
.btn-box span a{
	display: block;
	width: 100%;
	padding: 10px 0;
	transition: 0.4s;
		-webkit-transition: 0.4s; /* Chrome、Safari用 */
		-moz-transition: 0.4s; /* Firefox用 */
		-o-transition: 0.4s; /* Opera用 */
}
.btn-box span a:hover{
	background-color: #ADCEB5;
}
.logo-download{
	margin-bottom: 30px;
}
.icon-excel{
	background-image:url('../img/download/icon_excel.png');
	background-repeat:  no-repeat;
	background-position:left center;
	background-size:auto 30px;
	padding-left:40px;
}
.icon-pdf{
	background-image:url('../img/download/icon_pdf.png');
	background-repeat:  no-repeat;
	background-position:left center;
	background-size:auto 30px;
	padding-left:40px;
}
.icon-excel a,
.icon-pdf a{
	padding-left: 40px;
}
.clearfix::after {
content: “”;
display: block;
clear: both;
}
@media all and (max-width: 896px) {
	.download{
		margin-bottom: 50px;
	}
	.download p,
	.logo-download p{
		border-bottom: 1px solid #ADCEB5;
		width: 100%;
	}
	.download a,
	.logo-download a{
		display: block;
		padding: 7px 0 7px 40px;
		font-size: 0.9em;
	}
	.download p img{
	float: none;
	width: 50px;
	border:solid 1px #dddddd;
	margin:0 auto;
	}
	.logo-box{
		float: none;
		width: 100%;
		margin-bottom: 20px
	}
	.btn-box{
		float: none;
		width: 100%;
		padding-top: 0;
	}
	.btn-box span{
		width: 48%;
	}
}

.flex-d {display: flex; flex-wrap: wrap; margin-bottom:55px;}
.flex-d div {margin:0 5px 30px; 5px; width: calc(33% - 10px);
	padding: 10px;
	border:solid 1px #dddddd;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	}

@media screen and (max-width: 768px){
.flex-d div {margin:0 0 30px; 0; width: calc(100%);
	padding: 10px;
	border:solid 1px #dddddd;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	}
}


.flex-d p{
	text-align:center;
	margin-bottom:1.5rem;
}

.flex-d img{
	width: 80%;
	height:auto;
	border:solid 1px #dddddd;
}

.flex-d a {
	display:block;
	min-height:30px;
	padding: 0;
	margin:0 0 1rem 0;
	text-decoration: underline;
}

.flex-d a:hover{
	text-decoration: none;
	opacity: 0.5 ;
}

.flex-d .icon-excel{
	background-image:url('../img/download/icon_excel.png');
	background-repeat:  no-repeat;
	background-position:left top;
	background-size:auto 30px;
	padding-left:40px;
}

.flex-d .icon-pdf{
	background-image:url('../img/download/icon_pdf.png');
	background-repeat:  no-repeat;
	background-position:left top;
	background-size:auto 30px;
	padding-left:40px;
}


