@charset "utf-8";

section#kyotoConf {
}
section#kyotoConf h3.title01 {
	margin-top: 80px;
}

section#kyotoConf ul#kyotoConfMeetingtList {
	display: flex;
	margin-top: 30px;
}
section#kyotoConf ul#kyotoConfMeetingtList li {
	display: flex;
	width: calc((100% - 40px) / 3);
	margin-right: 20px;
	box-sizing: border-box;
}
section#kyotoConf ul#kyotoConfMeetingtList li:nth-child(3n) {
	margin-right: 0;
}
section#kyotoConf ul#kyotoConfMeetingtList li a {
	display: block;
	position: relative;
	width: 100%;
	padding: 30px;
	border: 1px solid #EEE;
	box-sizing: border-box;
	transition: all 0.3s ease;
}
section#kyotoConf ul#kyotoConfMeetingtList li a:hover {
	border: 1px solid #666;
	opacity: 0.7;
}
section#kyotoConf ul#kyotoConfMeetingtList li a img {
	position: relative;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}
section#kyotoConf ul#kyotoConfMeetingtList li:nth-child(2) a img,
section#kyotoConf ul#kyotoConfMeetingtList li:nth-child(3) a img {
	width: auto;
	max-width: 160px;
}

section#kyotoConf ul#kyotoConfSupportList {
	display: flex;
	flex-wrap: wrap;
	margin-top: 50px;
}
section#kyotoConf ul#kyotoConfSupportList li {
	width: calc(((100% - 4em) - 45px) / 4);
	line-height: 200%;
	margin-right: 15px;
}
section#kyotoConf ul#kyotoConfSupportList li:nth-child(4n) {
	margin-right: 0;
}



/* タブレット用
------------------------------------------------------------------------------------ */
@media screen and (min-width:768px) and (max-width:1279px) {
	section#kyotoConf ul#kyotoConfMeetingtList li {
		width: calc((100% - 20px) / 3);
		margin-right: 10px;
	}
	section#kyotoConf ul#kyotoConfMeetingtList li a {
		padding: 20px;
	}

	section#kyotoConf ul#kyotoConfSupportList li {
		width: calc(((100% - 2em) - 15px) / 2);
		margin-right: 15px;
	}
	section#kyotoConf ul#kyotoConfSupportList li:nth-child(4n) {
		margin-right: 15px;
	}
	section#kyotoConf ul#kyotoConfSupportList li:nth-child(even) {
		margin-right: 0;
	}
}



/* スマホ用
------------------------------------------------------------------------------------ */
@media screen and (max-width:767px) {
section#kyotoConf ul#kyotoConfMeetingtList {
		display: block;
	}
	section#kyotoConf ul#kyotoConfMeetingtList li {
		display: block;
		width: 100%;
		text-align: center;
		margin-top: 15px;
		margin-right: 0;
	}
	section#kyotoConf ul#kyotoConfMeetingtList li:first-child {
		margin-top: 0;
	}
	section#kyotoConf ul#kyotoConfMeetingtList li a {
		padding: 15px;
	}
	section#kyotoConf ul#kyotoConfMeetingtList li a img {
		position: relative;
		left: auto;
		top: auto;
		transform: translate(0,0);
	}
	section#kyotoConf ul#kyotoConfMeetingtList li:nth-child(2) a img,
	section#kyotoConf ul#kyotoConfMeetingtList li:nth-child(3) a img {
		width: auto;
		max-width: auto;
	}

	section#kyotoConf ul#kyotoConfSupportList {
		display: block;
	}
	section#kyotoConf ul#kyotoConfSupportList li {
		width: 100%;
		line-height: 175%;
		margin-right: 0;
	}
}