@charset "UTF-8";

/*================================================
 *  資料ダウンロード用
 ================================================*/


section#download_area .download_list {
	max-width: 1320px;
	margin: 20px auto 0;
}

section#download_area .download_list figure {
	border-radius: 20px;
	border: 4px solid #e6e6e6;
	width: 380px;
	width: calc((100% - 60px * 3) / 3);
	margin: 60px 30px 0;
	padding: 45px 0;
	text-align: center;
}
section#download_area .download_list figure.dl_wide {
	width: 450px;
}
section#download_area .download_list figure .thumb {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 240px;
}
section#download_area .download_list figure figcaption {
	margin-top: 25px;
}
section#download_area .download_list figure figcaption h5 {
	font-size: 30px;
	font-weight: bold;
	line-height: 1.25;
}
section#download_area .download_list figure figcaption .btn_dl {
	border-radius: 100vh;
	font-size: 20px;
	font-weight: bold;
	height: 70px;
	width: 270px;
	margin: 30px auto 0;
}
section#download_area .download_list figure figcaption .btn_dl [class*="icon-"] {
	font-size: 26px;
	margin-right: 0.69em;
}

section#download_area #btn_dl_all {
	border-radius: 100vh;
	font-size: 24px;
	font-weight: bold;
	height: 100px;
	width: 400px;
	margin: 80px auto 0;
}
section#download_area #btn_dl_all [class*="icon-"] {
	font-size: 32px;
	margin-right: 0.59em;
}


@media screen and (max-width: 1150px) {
	section#download_area .download_list {
		max-width: 1020px;
		-webkit-box-pack: justify;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		padding: 0 30px;
	}
	section#download_area .download_list figure {
		width: calc(50% - 30px)!important;
		margin: 60px 0 0;
	}
	section#download_area .download_list figure.dl_wide {
		
	}
}









/*================================================================================================
 *  スマートフォン向けデザイン
 ================================================================================================*/
@media screen and (max-width:800px) {




section#download_area .download_list {
	max-width: inherit;
	margin: 13vw 0 0;
	padding: 0;
}

section#download_area .download_list figure {
	border-radius: 3vw;
	border-width: 2px;
	width: 41.5vw!important;
	margin: 0;
	padding: 7vw 0;
}
section#download_area .download_list figure:nth-of-type(n+3) {
	margin-top: 4vw;
}
section#download_area .download_list figure .thumb {
	height: 29vw;
	padding: 0 4.4vw;
}
section#download_area .download_list figure .thumb img {
	max-width: 100%;
	max-height: 100%;
}
section#download_area .download_list figure figcaption {
	margin-top: 3.5vw;
}
section#download_area .download_list figure figcaption h5 {
	font-size: 4.8vw;
}
section#download_area .download_list figure figcaption .btn_dl {
	font-size: 3.4vw;
	height: 10.6vw;
	width: 30vw;
	margin-top: 4vw;
}
section#download_area .download_list figure figcaption .btn_dl [class*="icon-"] {
	display: none;
}

section#download_area #btn_dl_all {
	font-size: 4.8vw;
	height: 20vw;
	width: 80vw;
	margin-top: 13vw;
}
section#download_area #btn_dl_all [class*="icon-"] {
	font-size: 6.4vw;
}
















}