@charset "UTF-8";

#past-conf .inner-sct {}
#past-conf .table { width: 88%; max-width: 1000px; margin: 0 auto;}
#past-conf .table ul { position: relative; border: solid 1px #85ccb7; font-size: 0;}
#past-conf .table ul.head { display: table; width: 100%; border: solid 1px #85ccb7; border-top-left-radius: 10px; border-top-right-radius: 10px; background: #559d88; font-size: 0;}
#past-conf .table ul.head li { display: table-cell; padding: 12px 18px; color: #fff; font-size: clamp(13px,1.65vw,16px); font-weight: 700;}
#past-conf .table ul.ctn { border: solid 1px #85ccb7; border-top: none; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; background: #fff;}
#past-conf .table ul.ctn li { position: relative; font-size: clamp(13px,1.85vw,18px);}
#past-conf .table ul.ctn > li { border-top: solid 1px #85ccb7;}
#past-conf .table ul.ctn > li:first-child { border-top: none;}

#past-conf .table ul.ctn li ul { display: table; width: 100%; border: none;}
#past-conf .table ul.ctn li ul li { display: table-cell; padding: 14px 18px; font-size: clamp(12px,1.65vw,16px); line-height: 1.4; vertical-align: middle;}

#past-conf .table ul li.num { width: 72px; text-align: center;}
#past-conf .table ul li.date { width: 180px; padding-right: 0 !important; border-left: solid 1px #85ccb7;}
#past-conf .table ul li.place{ width: 140px; padding-right: 0 !important; border-left: solid 1px #85ccb7;}
#past-conf .table ul li.theme{ width: auto; border-left: solid 1px #85ccb7;}
#past-conf .table ul li.pdf { width: 80px; border-left: solid 1px #85ccb7; text-align: center;}
#past-conf .table ul li.link{ width: 120px; border-left: solid 1px #85ccb7; text-align: center;}

#past-conf .table ul.head li.link { padding: 12px 10px;}

#past-conf .table ul li.pdf a {}
#past-conf .table ul li.pdf a:hover { text-decoration: none;}
#past-conf .table ul li.link a{ position: relative; display: block; padding-right: 24px; text-decoration: none;}
#past-conf .table ul li.link a::before { content: ''; display: block; width: 20px; height: 20px; border-radius: 50%;
 position: absolute; right: 0px; top: 50%;
 background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50"><rect width="50" height="50" fill="%23559d88"/><polygon points="18.4 16.5 26.9 25 18.4 33.4 20.7 35.7 31.5 25 20.7 14.2 18.4 16.5" fill="%23fff"/></svg>');
 background-position: 50% 50%; background-size: 100% auto; transition: 0.3s ease; transform: translate(0,-48%);}
#past-conf .table ul li.link a:hover { text-decoration: underline; text-underline-offset: 2px; text-decoration-thickness: 1px;}
@media (max-width: 1001px) {
	#past-conf .table ul.head li { padding: 8px;}
	#past-conf .table ul.ctn li ul li { padding: 10px 12px;}
	#past-conf .table ul li.num { width: 50px;}
	#past-conf .table ul li.date { width: 160px;}
	#past-conf .table ul li.place{}
	#past-conf .table ul li.theme{}
	#past-conf .table ul li.pdf { width: 60px;}
	#past-conf .table ul li.link{ width: 100px;}
}
@media (max-width: 801px) {
	#past-conf .table ul { border: none;}
	#past-conf .table ul.head { display: none;}
	#past-conf .table ul.ctn { border: none; border-radius: 0px; background: transparent;}
	#past-conf .table ul.ctn > li { border-top: none; margin-bottom: 20px;}

	#past-conf .table ul.ctn li ul { display: block; border: solid 1px #85ccb7; border-radius: 10px; background: #fff; overflow: hidden;}
	#past-conf .table ul.ctn li ul li { padding: 12px;}

	#past-conf .table ul.ctn li ul li.num { display: block; width: 100%; padding: 10px 14px; text-align: left; background: #559d88; border-bottom: solid 1px #85ccb7; color: #fff;}
	#past-conf .table ul.ctn li ul li.num:before { content: '第';}
	#past-conf .table ul.ctn li ul li.num:after { content: '回';}
	#past-conf .table ul.ctn li ul li.num:before,
	#past-conf .table ul.ctn li ul li.num:after { display: inline;}
	#past-conf .table ul.ctn li ul li.date { position: relative; display: inline-block; width: calc(100% - 172px); padding-left: 72px; border-left: none;}
	#past-conf .table ul.ctn li ul li.date:before { content: '開催日'; display: block; width: 60px; height: 100%; padding-top: 12px; background: #559d88;
	 position: absolute; left: 0; top: 0; color: #fff; text-align: center;
	}
	#past-conf .table ul.ctn li ul li.date br { display: none;}
	#past-conf .table ul.ctn li ul li.place{ position: relative; display: inline-block; width: 172px; padding-left: 64px;}
	#past-conf .table ul.ctn li ul li.place:before { content: '会場'; display: block; width: 54px; height: 100%; padding-top: 12px; background: #559d88;
	 position: absolute; left: 0; top: 0; color: #fff; text-align: center;
	}
	#past-conf .table ul.ctn li ul li.theme{ position: relative; display: block; width: 100%; padding-left: 72px; border-left: none; border-top: solid 1px #85ccb7;}
	#past-conf .table ul.ctn li ul li.theme:before { content: 'テーマ'; display: block; width: 60px; height: 100%; padding-top: 12px; background: #559d88;
	 position: absolute; left: 0; top: 0; color: #fff; text-align: center;
	}
	#past-conf .table ul.ctn li ul li.pdf { display: block; width: 60px; border-left: none; position: absolute; right: 130px; top: 0;}
	#past-conf .table ul.ctn li ul li.pdf.blank { display: none;}
	#past-conf .table ul.ctn li ul li.pdf a { color: #fff; text-decoration: underline;}
	#past-conf .table ul.ctn li ul li.pdf a:hover { text-decoration: none;}
	#past-conf .table ul.ctn li ul li.link{ display: block; width: 130px; border-left: none; position: absolute; right: 0; top: 0;}
	#past-conf .table ul.ctn li ul li.link:before { content: ''; display: block; width: 1px; height: 20px; background: #fff;
	 position: absolute; left: 0; top: 50%; transform: translateY(-50%);
	}
	#past-conf .table ul.ctn li ul li.link br { display: none;}
	#past-conf .table ul.ctn li ul li.link a { color: #fff;}
	#past-conf .table ul li.link a::before { width: 15px; height: 15px;
 background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50"><rect width="50" height="50" fill="%23fff"/><polygon points="18.4 16.5 26.9 25 18.4 33.4 20.7 35.7 31.5 25 20.7 14.2 18.4 16.5" fill="%23559d88"/></svg>');
	}
}
@media (max-width: 481px) {
	#past-conf .table ul.ctn li ul { border-radius: 6px;}
	#past-conf .table ul.ctn li ul li { padding: 8px;}
	#past-conf .table ul.ctn li ul li.num { padding: 6px 8px; font-size: 12px;}
	#past-conf .table ul.ctn li ul li.date { width: calc(100% - 130px); padding-left: 45px;}
	#past-conf .table ul.ctn li ul li.date:before { width: 38px; padding-top: 9px; font-size: 10px;}
	#past-conf .table ul.ctn li ul li.place{ width: 130px; padding-left: 40px;}
	#past-conf .table ul.ctn li ul li.place:before { width: 32px;padding-top: 9px; font-size: 10px;}
	#past-conf .table ul.ctn li ul li.theme{ padding-left: 45px;}
	#past-conf .table ul.ctn li ul li.theme:before { width: 38px; padding-top: 9px; font-size: 10px;}
	
	#past-conf .table ul.ctn li ul li.pdf { width: 50px; right: 108px; padding: 5px;}
	#past-conf .table ul.ctn li ul li.link{ width: 108px; padding: 5px;}
	#past-conf .table ul li.link a { padding-right: 18px;}
	#past-conf .table ul li.link a::before { width: 12px; height: 12px;}
}


@media (max-width: 1201px) {
}
@media (max-width: 1001px) {
}
@media (max-width: 801px) {
}
@media (max-width: 481px) {
}
