@charset "utf-8";

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

			info siteguide

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

/*==============================
			PC ＋ SP
==============================*/





/*==============================
			PC
==============================*/
@media screen and (min-width: 641px) {

/*--------------------------------------------------
		sec05
--------------------------------------------------*/
.sec05 .block02 .box {
	width: 460px;
	float: left;
	margin: 20px 20px 0 0;
}
.sec05 .block02 .box:nth-child(-n+2) {
	margin-top: 0;
}
.sec05 .block02 .box:nth-child(even) {
	margin-right: 0;
}
.sec05 .block02 .box a {
	display: table;
	padding: 9px;
	background: #F2F2F2;
	border: 1px solid #DDDDDD;
}
.sec05 .block02 .box a dl {
	display: table-row;
}
.sec05 .block02 .box a dl dt {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	width: 160px;
	padding-right: 10px;
}
.sec05 .block02 .box a dl dd {
	display: table-cell;
	vertical-align: middle;
	line-height: 1.4;
	width: 270px;
}
.sec05 .block02 .box a dl dd span {
	display: block;
	margin-bottom: 5px;
}





}





/*==============================
			SP
==============================*/
@media screen and (max-width: 640px) {

/*--------------------------------------------------
		sec05
--------------------------------------------------*/
.sec05 .block02 .box {
	width: 100%;
}
.sec05 .block02 .box a {
	display: table;
	padding: 5px 2%;
	background: #F2F2F2;
	border: 1px solid #DDDDDD;
}
.sec05 .block02 .box a dl {
	display: table-row;
}
.sec05 .block02 .box a dl dt {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	width: 25%;
	padding-right: 2%;
}
.sec05 .block02 .box a dl dd {
	display: table-cell;
	vertical-align: middle;
	line-height: 1.4;
	width: 75%;
}
.sec05 .block02 .box a dl dd span {
	display: block;
	margin-bottom: 5px;
}





}