/* CSS Document */


ul.division-menu {
	display:flex;
	flex-wrap:wrap;
}

ul.division-menu li{
	position:relative;
	flex-basis:22%;
	margin:1.5%;
	-moz-border-radius: 6px;    /* Firefox */
	-webkit-border-radius: 6px; /* Safari,Chrome */
	border-radius: 6px;
	box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.2);	
	background: #fff;
	overflow:hidden;
}



ul.division-menu li img{
	width:100%;
	height:auto;


}

ul.division-menu li a{
	display:block;
	color:#333;
	text-decoration:none;


}

ul.division-menu li a:hover{
	text-decoration: underline;
}

ul.division-menu li strong{
	display:block;
	text-align: center;
	padding-top: 2em;
	padding-right: 0.3em;
	padding-left: 0.3em;
	padding-bottom: 2em;
	background: #fff;
	font-weight: bold;
}

ul.division-menu li.division-menu-list-2line strong{
	padding:1em 0.3em;}



/**/

.dr-line {
	border-top: #ccc solid 1px;
	padding: 40px 0 0 0;

}

/* SP用　599px以下: デフォルト */
@media (max-width: 599px) {


ul.division-menu li{
	position:relative;
	flex-basis:44%;
	margin:3%;

}

ul.division-menu li strong{
	display:block;
	text-align: center;
	padding-top: 1.2em;
	padding-right: 0.3em;
	padding-left: 0.3em;
	padding-bottom: 1.2em;
	background: #fff;
	font-weight: bold;
}

ul.division-menu li.division-menu-list-2line strong{
	padding:0.8em 0.3em;
	line-height:1.4;}


}


/*タブレット用 600px以上 959 未満*/
@media (max-width: 959px) and (min-width: 600px) {

ul.division-menu li{
	position:relative;
	flex-basis:30%;
	margin:1.5%;

}



}

 /* 960px以上 1199px 未満*/
@media (max-width: 1199px) and (min-width: 960px) {





}

/*PC用 1281px以上 */
@media (min-width: 1281px) {

}


















/**/


/* SP用　599px以下: デフォルト */
@media (max-width: 599px) {


}


/*タブレット用 600px以上 959 未満*/
@media (max-width: 959px) and (min-width: 600px) {


}

 /* 960px以上 1199px 未満*/
@media (max-width: 1199px) and (min-width: 960px) {

}

/*PC用 1281px以上 */
@media (min-width: 1281px) {

}