/*	IMPORT RESET	*/
@import url("reset.css");
/*	IMPORT BASIC	*/
@import url("basic.css");
/*	<header><footer><nav>ｿｰｽのｲﾝﾎﾟｰﾄ	*/
@import url("nav.css");
/*	ﾌﾚｯｸｽﾎﾞｯｸｽのｲﾝﾎﾟｰﾄ	*/
@import url("co-flexbox.css");

body {
	position: relative;
}
/*--------------------------------------------------------
	ｺﾝﾃﾝﾂ部分の設定
----------------------------------------------------------*/
ul.link_1 {
	display: flex;
	display: -webkit-flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: center;
	justify-content: center;
}
ul.link_1 li {
	margin: 1px;
	background: #F0F0F0;
	border: 1px solid black;
	-webkit-flex-grow: 1;
	flex-grow: 1;
	align-self: center;
}
ul.link_2 {
	display: flex;
	display: -webkit-flex;
}
ul.link_2 li {
	margin: 1px;
	background: #F0F0F0;
	border: 1px solid black;
}
ul.link_1 li img {
	margin: 0 auto;
}
ul.link_2 li img {
	width: 100%;
}
@media screen and (max-width: 767px) {
ul.link_2 {
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
ul.link_2 li {
	flex-grow: 1;
}
ul.link_2 li img {
	margin: 0 auto;
}}
@media screen and (min-width: 595px) and (max-width: 767px) {
ul.link_2 li img {
	width: initial;
}}