@charset "utf-8";


.page-mv {
	height: 390px;
	background-image: url(/static/upload/info.wingarc.com/seminar/28708/shared/user2022/img/bg_title.jpg);
}
.page-mv .inner {
	justify-content: space-between;
}
.page-mv .tit-data {
	margin: 40px 0 0 0;
}
.page-mv .mv-txt {
	width: 50%;
}
.page-mv .mv-txt dt {
	line-height: 1.5;
	font-size: 3rem;
}
.page-mv .mv-txt dt span {
	font-weight: bold;
	display: inline-block;
	padding: 3px 5px 6px;
	line-height: 1;
	background-color: #fff;
}
.page-mv .mv-txt dd {
	width: 485px;
	color: #fff;
	font-size: 1.5rem;
	line-height: 2;
	margin-top: 22px;
	font-feature-settings: normal;
}
.page-mv .mv-btn {
	position: absolute;
	right: 0;
	bottom: -115px;
	width: 213px;
	height: 212px;
	background: url(/static/upload/info.wingarc.com/seminar/28708/shared/user2022/img/bg_circle.png) 0 0 / cover no-repeat;
}
.page-mv .mv-btn a {
	position: absolute;
	top: 20px;
	left: 26px;
	width: 153px;
	height: 152px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
	font-size: 1.4rem;
	line-height: 1.5;
	color: #000;
}
.page-mv .mv-btn a::before {
	content: "";
	display: block;
	width: 30px;
	height: 32px;
	background: url(/static/upload/info.wingarc.com/seminar/28708/shared/user2022/img/ico_entry.svg) 0 0 / cover no-repeat;
	margin-bottom: 8px;
}
.timetable-sect {
	background: url(/static/upload/info.wingarc.com/seminar/28708/shared/user2022/img/bg_cont_top.png) 0 -53px repeat-y, url(/static/upload/info.wingarc.com/seminar/28708/shared/user2022/img/bg_cont_btm.png) right top repeat-y;
	padding: 110px 0 130px;
}
.sect-inner {
	width: 1240px;
	padding: 0 20px;
	margin: 0 auto;
}
.day-menu {
	width: 1020px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
}
.day-menu li {
	width: 32.3%;
}
.day-menu li a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 70px;
	background: #fff;
	text-align: center;
	text-decoration: none;
	color: #000;
	font-size: 1.5rem;
	box-shadow: 0px 2px 10px 0px rgba(5, 0, 1, 0.07);
	position: relative;
}
.day-menu li p {
	display: flex;
	align-items: flex-end;
	vertical-align: text-bottom;
	font-weight: bold;
	line-height: 0.3;
}
.day-menu li em {
	font-weight: bold;
	font-family: 'Poppins';
	font-size: 3rem;
}
.day-menu li span {
	font-weight: bold;
	display: inline-block;
	padding: 0 10px 2px 5px;
	font-size: 1.6rem;
}
.day-menu .is-active {
	box-shadow: none;
	background: linear-gradient(to right, #ed862c 0%, #e62260 50%, #7c48d3 100%);
	color: #fff;
}
.day-menu .is-active::before {
	content: "";
	position: absolute;
	display: block;
	top: 100%;
	left: 0;
	right: 0;
	margin: auto;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 15px 10px 0 10px;
	border-color: #e62260 transparent transparent transparent;

}
.day-menu.menu-btm .is-active::before {
	top: auto;
	bottom: 100%;
	transform: rotate(-180deg);
}
.timetable-wrap {
	padding: 75px 0 55px;
	position: relative;
}
.timetable-day {
	opacity: 0;
	position: absolute;
	left: 0;
	top: 75px;
	width: 100%;
	max-width: 1240px;
	z-index: 0;
	visibility: hidden;
	transition: opacity 0.4s ease-in-out, visibility 0s 0.4s;
}
.timetable-day.is-active {
	width: 100%;
	opacity: 1;
	visibility: visible;
	position: static;
	transition-delay: 0.2s;
}

.timetable-day h2 {
	text-align: center;
	font-weight: bold;
	font-size: 2.8rem;
	margin-bottom: 30px;
}
.timetable-day h2 span {
	position: relative;
	bottom: 2px;
	font-size: 1.8rem;
	font-weight: bold;
	padding: 0 5px;
}
.timetable-day .lead {
	width: 990px;
	margin: 0 auto 70px;
	text-align: center;
}
.timetable-day .lead p {
	line-height: 2;
}
.timetable-time + .timetable-time {
	margin-top: 57px;
}
.is-remove {
	display: none;
}
.timetable-time h3 {
	margin-bottom: 20px;
}
.timetable-time h3 em {
	font-weight: bold;
	font-family: 'Poppins';
	font-size: 3.5rem;
}
.timetable-time h3 span {
	font-weight: bold;
	font-size: 1.5rem;
	padding-right: 18px;
	display: inline-flex;
	align-items: center;
}
.timetable-time h3 span em {
	font-size: 2.5rem;
	padding: 0 5px 0 0;
}
.timetable-cas {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.timetable-item {
	margin-bottom: 15px;
}
.timetable-item a {
	display: block;
	height: 100%;
	background: #fff;
	padding: 20px 20px 30px;
	color: #000;
	text-decoration: none;
	position: relative;
}

.col01 .timetable-item {
	width: 100%;
}
.col02 .timetable-item {
	width: 49.5%;
}
.col02 .session-cat {
	margin-top: 29px;
}
.col02 .session-tit,
.col03 .session-tit,
.col04 .session-tit {
	font-size: 1.8rem;
	line-height: 1.6666;
	margin-bottom: 23px;
}
.col02 .speak figure {
	margin-right: 18px;
}
.col03 .timetable-item {
	width: 32.58%;
}
.col03::after {
	content: "";
	display: block;
	width: 32.58%;
}
.col03 .session-var,
.col04 .session-var {
	position: relative;
	top: auto;
	right: auto;
	margin-top: 30px;
}
.col03 .session-cat,
.col04 .session-cat {
	margin-top: 20px;
}
.col03 .speak figure,
.col04 .speak figure {
	margin-right: 13px;
}
.col04 .timetable-item {
	width: 24.16%;
}
.col04::after, .col04::before {
	content: "";
	display: block;
	width: 24.16%;
}
.col04::before {
	order: 1;
}
.empty {
	text-align: center;
	font-size: 2.4rem;
	font-weight: bold;
	padding: 20px 0 60px;
	animation: tileFadeIn 1s forwards;
}
.empty em {
	font-family: 'Poppins';
	font-weight: bold;
	font-size: 3rem;
}
.empty span {
	font-weight: bold;
	font-size: 1.6rem;
}
.bt-sort {
	position: fixed;
	top: 42%;
	right: 0;
	width: 50px;
}
.bt-sort a {
	display: inline-block;
	color: #fff;
	text-decoration: none;
	background: #000;
	width: 100%;
}
.bt-sort a {
	writing-mode: vertical-rl;
	letter-spacing: .1em;
	padding: 23px 17px 23px 15px;
	border-radius: 5px 0 0 5px;
}

/*  絞り込み
============================================================================= */
.sort-wrap {
	padding: 70px 55px;
	background: url(/static/upload/info.wingarc.com/seminar/28708/shared/user2022/img/bg_sort.png) center bottom / contain no-repeat, #fff;
}
.sort-head {
	position: relative;
	display: flex;
	align-items: flex-end;
	padding-bottom: 26px;
	width: 100%;
}
.sort-head:before {
	position: absolute;
	left: 0;
	bottom: 0;
	content: "";
	display: inline-block;
	width: 100%;
	height: 4px;
	background: linear-gradient(to right, #ed862c 0%, #e62260 52%, #7c48d3 100%);
}
.sort-ttl {
	font-size: 3.0rem;
	font-weight: bold;
}
.sort-clear {
	margin-left: 20px;
}
.sort-clear button {
	cursor: pointer;
	padding: 7px 14px 10px;
	border-radius: 3px;
	border: solid 1px #000;
	color: #000;
}
.sort-session {
	flex-grow: 1;
	text-align: right;
	font-size: 1.6rem;
}
.sort-session em {
	margin-right: 3px;
	font-size: 3.6rem;
	font-weight: bold;
	font-family: 'Poppins';
}
.sort-check dt {
	font-size: 1.8rem;
	font-weight: bold;
	margin-top: 45px;
}
.sort-check dd {
	margin-top: 20px;
}
.sort-list {
	display: flex;
	flex-wrap: wrap;
	margin: -10px 0 0 -10px;
}
.sort-list li {
	margin: 10px 0 0 10px;
}
.sort-list__input {
	display: none;
}
.sort-list__label {
	cursor: pointer;
	display: block;
	padding: 8px 18.3px 10px;
	font-size: 1.6rem;
	border-radius: 3px;
	color: #fff;
	background: #b3b3b3;
}
.sort-list__input:checked + .sort-list__label {
	background: linear-gradient(100deg, #ed862c 0%, #e62260 50%, #ad56d2 100%);

}




/* ----------------------------------------------------
hover
---------------------------------------------------- */
@media (hover: hover) {
	.timetable-item a,
	.bt-sort a,
	.sort-clear button,
	.conference-share li a {
		transition: .3s;
	}
	.timetable-item a:hover,
	.sort-clear button:hover,
	.conference-share li a:hover {
		opacity: 0.7;
	}
	.bt-sort a:hover {
		background: #444;
	}
}


/* ----------------------------------------------------
メディアクエリ設定 (smartPhone only)   0～768px
---------------------------------------------------- */
@media screen and (max-width: 768px) {
	.wapper {
		position: relative;
	}
	.content {
		overflow: hidden;
	}
	.page-mv {
		height: 0;
		padding-top: 153.125%;
		background-image: url(/static/upload/info.wingarc.com/seminar/28708/shared/user2022/img/bg_title_sp.jpg);
	}
	.page-mv .tit-data {
		margin-top: 11%;
	}
	.page-mv .mv-txt {
		width: 100%;
		margin-top: 11%;
	}
	.page-mv .mv-txt dt {
		font-size: 5.1vw;
		line-height: 1.6em;
	}
	.page-mv .mv-txt dt span {
		padding: 0.2vw 1vw 1.2vw;
	}
	.page-mv .mv-txt dd {
		width: 100%;
		font-size: 4.1vw;
		line-height: 1.61;
		margin-top: 5%;
		letter-spacing: 0;
	}
	.page-mv .mv-btn {
		width: 46%;
		height: 0;
		padding-top: 46%;
		right: -3%;
		bottom: -18%;
	}
	.page-mv .mv-btn a {
		font-size: 3.5vw;
		width: 75%;
		height: 76.8%;
		left: 5vw;
		top: 3vw;
	}
	.page-mv .mv-btn a::before {
		width: 18.46%;
		height: 0%;
		padding-top: 20%;
		background-size: contain;
		margin-bottom: 1vw;
	}
	.timetable-sect {
		background: url(/static/upload/info.wingarc.com/seminar/28708/shared/user2022/img/bg_cont_sp.png) 0 -8vw / 100% auto repeat-y;
		padding: 22.7vw 0;
	}
	.sect-inner {
		width: 100%;
		padding: 0 6.25%;
	}
	.day-menu {
		width: 100%;
	}
	.day-menu li {
		width: 32.1428571%;
	}
	.day-menu li a {
		height: auto;
		font-size: 3.5vw;
		display: block;
		padding: 2vw 0 3.048vw;
	}
	.day-menu li p {
		display: inline-block;
		line-height: 1;
		line-height: 1.27;
	}
	.day-menu li em {
		font-size: 6.25vw;
	}
	.day-menu li span {
		font-size: 3.15vw;
		position: relative;
		bottom: 0.6vw;
		padding: 0 0 0 1vw;
	}
	.timetable-wrap {
		padding: 8.5vw 0;
	}
	.timetable-day {
		top: 8.5vw;
	}
	.timetable-day h2 {
		text-align: left;
		font-size: 5.65vw;
		margin-bottom: 4.4vw;
	}
	.timetable-day h2 span {
		font-size: 3.75vw;
		bottom: 0.5vw;
	}
	.timetable-day .lead {
		width: 100%;
		text-align: left;
		font-size: 3.75vw;
		margin-bottom: 10.5vw;
	}
	.timetable-day .lead p {
		line-height: 1.8333;
	}
	.col02 .timetable-item,
	.col03 .timetable-item,
	.col04 .timetable-item {
		width: 100%;
	}
	.day-menu .is-active::before {
		border-width: 2.5vw 2vw 0 2vw;
	}
	.timetable-time + .timetable-time {
		margin-top: 6vw;
	}
	.timetable-time h3 {
		margin-bottom: 6vw;
		padding: 0 0 1.5vw;
	}
	.timetable-time h3 em {
		font-size: 7.5vw;
	}
	.timetable-time h3 span {
		font-size: 3.15vw;
		padding-right: 3vw;
	}
	.timetable-time h3 span em {
		font-size: 5.65vw;
	}
	.timetable-item a {
		padding: 3.125vw 3.125vw 5.5vw;
	}
	.session-time dt {
		font-size: 3.445vw;
		width: 10vw;
	}
	.session-time dd {
		font-size: 4.5vw;
		padding: 1vw 0 1.5vw 3.5vw;
	}
	.session-time dd span {
		font-size: 6.25vw;
	}
	.empty {
		font-size: 4vw;
		padding: 1vw 0 6vw;
	}
	.empty em {
		font-size: 7vw;
	}
	.empty span {
		font-size: 3vw;
	}
	.bt-sort {
		position: absolute;
		top: initial;
		right: 2%;
		width: 50%;
		margin-bottom: -1px;
	}
	.sort-fixed {
		position: fixed;
	}
	.bt-sort a {
		writing-mode: horizontal-tb;
		padding: 5vw 0;
		border-radius: 5px 5px 0 0;
		font-size: 3.75vw;
		text-align: center;
		font-weight: bold;
	}

	/*  絞り込み
	============================================================================= */

	.sort-wrap {
		padding: 9vw 4.5vw;
		background-image: url(/static/upload/info.wingarc.com/seminar/28708/shared/user2022/img/bg_sort_sp.png);
	}
	.sort-head {
		padding-bottom: 3.8vw;
	}
	.sort-head:before {
		height: 0.65vw;
	}
	.sort-ttl {
		font-size: 5.62vw;
	}
	.sort-clear {
		position: absolute;
		top: 14.5vw;
		left: 0;
		margin: 0;
	}
	.sort-clear button {
		font-size: 3.75vw;
		border-radius: 5px;
		padding: 3vw 3.5vw;
		font-feature-settings: normal;
	}
	.sort-session {
		margin-bottom: -0.7vw;
		font-size: 3.45vw;
	}
	.sort-session em {
		font-size: 6.9vw;
		font-weight: bold;
		position: relative;
		bottom: -0.5vw;
	}
	.sort-check {
		margin-top: 22vw;
	}
	.sort-check dt {
		margin-top: 4vw;
		font-size: 4.4vw;
	}
	.sort-check dd {
		margin-top: 4vw;
	}
	.sort-list {
		margin: 0;
	}
	.sort-list li {
		margin: 0 2vw 2vw 0;
	}
	.sort-list__label {
		font-size: 3.75vw;
		padding: 3.15vw 3.75vw;
	}


}