@charset 'UTF-8';
/* =================================================================
DL資料
使用ファイル：tips.xhtml
================================================================= */
/* DLリスト
------------------------------------------------------------- */
.dlList{position: relative;margin: 0 auto; padding:30px 0;width: calc(100% - 40px);}
.dlList .lead{position: relative; margin: 0 auto;padding: 12px;width: calc(100% - 30px);font-weight: 700;font-size: 1.5rem;color: #719d37;}
.dlList .lead::before{position: absolute; top: 0; left: 0; content: ''; background-image: url("../images/common/Tquotation.svg"); background-repeat: no-repeat; background-size: 12px auto; width: 100%; height: 18px;background-position: 0 0;}
.dlList .lead::after{position: absolute; bottom: 0; left: 0; content: ''; background-image: url("../images/common/Bquotation.svg"); background-repeat: no-repeat; background-size: 12px auto; width: 100%; height: 18px;background-position: 100% 100%;}
.dlList ul{position: relative;margin: 60px auto 0 auto;}
.dlList ul li{position: relative;margin: 0 auto 50px auto;padding: 0 0 50px 0; border-bottom: solid 1px #dbdbdb;}
.dlList ul li .ttl{position: relative;margin: 0 auto 20px auto; font-weight: 700; letter-spacing: .2em;text-align: center;font-size: 1.7rem;}
.dlList ul li .txt{position: relative;margin: 0 auto 30px auto; font-size: 1.4rem;}
.dlList ul li .type{position: relative;margin: 25px 0 10px 0;padding: .2em 1em; display: inline-block;text-align: center;color: #ffffff;font-size: 1.2rem;}
.dlList ul li .type.t01{background-color: #719d37;}
.dlList ul li .type.t02{background-color: #E8A813;}
.dlList ul li .type.t03{background-color: #3688c6;}

@media screen and (min-width: 769px){
	.dlList{padding:20px 0;width: 1100px;}
	.dlList .lead{padding: 18px 0;width:600px;font-size: 2.2rem;text-align: center;}
	.dlList .lead::before{background-size: 18px auto; height: 20px;}
	.dlList .lead:after{background-size: 18px auto; height: 20px;}
	.dlList ul{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
	.dlList ul li{margin: 0 0 90px 0;padding: 10px 30px; border-right: solid 1px #dbdbdb;border-bottom: none;width: 300px;}
	.dlList ul li:nth-child(1), .dlList ul li:nth-child(4){border-left: solid 1px #dbdbdb;}
	.dlList ul li .ttl{margin: 0 auto 30px auto; font-size: 1.9rem;}
	.dlList ul li .txt{margin: 0 auto 50px auto; font-size: 1.5rem;min-height: 70px;}
	.dlList ul li .type{margin: 40px 0 20px 0; font-size: 1.4rem;}
}


#threeset{
	position: relative;
	margin: 0 auto 30px auto;
		width: calc(100% - 80px);
	max-width: 940px;
	background-color: #ffffff;
	box-shadow: 0px 0px 26px 0px rgba(0,0,0,0.2);
	padding: 20px;
	gap: 0;
}
#threeset .flexbox div{
	position: relative;
	margin: 0;
	width: 100%;
}
#threeset .Img{
	position: relative;
	margin: 20px auto 0 auto;
}
#threeset .Img img{width: 100%; max-width: 100%;}
#threeset .text .ttl{
	position: relative;
	margin: 0;
	padding: 0;
	font-size: 130%;
	line-height: 1.5em;
	font-weight: bold;
	padding-bottom: 10px;
}
#threeset .text .txt{
	position: relative;
	margin: 0;
	padding: 0 ;
	line-height: 1.5em;
}
#threeset .text a{
	position: relative;
	margin: 20px auto;
	width: 100%;
	display: block;
	background-color: #76c210;
	border: solid 1px #76c210;
	padding: 20px 0;
	text-align: center;
	color: #ffffff;
}
#threeset .text a:hover{
	background-color: #ffffff;
	color: #76c210;
}
@media screen and (min-width: 769px){
	#threeset{
		margin: 0 auto 80px auto;
		width: calc(100% - 40px);
	}
	#threeset .flexbox div{font-size: 115%;}
	#threeset .flexbox div:nth-child(1){width:49%;}
	#threeset .flexbox div:nth-child(2){width: 51%;}
	#threeset .text .ttl{
		padding: 0 0 0 20px;
		font-size: 180%;
		line-height: 1.5em;
		padding-bottom: 20px;
	}
	#threeset .Img{margin: 0;}
	#threeset .text .txt{
		padding: 0 0 0 20px;
		line-height: 1.5em;
	}
	#threeset .text a{
		margin: 20px 0 0 20px;
		width: calc(100% - 90px);
		padding: 20px 0;
	}
}