@charset "utf-8";

/* page scroll */
.page-scroll {position:fixed; bottom:16px; left:50%; z-index:1; width:64px; height:96px; padding-top:24px; margin-left:-32px; border-radius:50px; background-color:rgba(0,0,0,.75); color:#fff !important; text-transform:uppercase; text-align:center; font-weight:700; font-size:12px; letter-spacing:0;}
.page-scroll .max-ico {width:24px; height:24px; margin:0 auto 8px;}
.page-scroll .max-ico:before {width:8px; height:8px; border:2px solid currentColor; border-right-width:0; border-top-width:0; transform:rotate(-45deg); bottom:5px; left:8px;}
.page-scroll .max-ico:after {width:2px; height:14px; background-color:currentColor; top:4px; left:11px;}



/* main visual */
.main_visual {padding-top:50px;}
.main_visual .main_infomation {display: block; }
.main_visual .main_infomation .top_info {display:flex;justify-content: space-between;margin:50px 0 30px; font-family: 'Plus Jakarta Sans', sans-serif; }
.main_visual .main_infomation .top_info .title_box {width: 50%;}
.main_visual .main_infomation .top_info .title_box p {font-size: 1.2em;font-weight: bold;margin-bottom: 20px; opacity:.6;}
.main_visual .main_infomation .top_info .title_box h2 {font-size: 2em;font-weight: 700;line-height: 120%;}
.main_visual .main_infomation .top_info .date_box {margin-left:auto; display:flex;align-items: flex-end;    white-space: nowrap;}
.main_visual .main_infomation .top_info .date_box > p {color: var(--main-color2); position: relative; font-size: 4.5em;font-weight: 800;letter-spacing: -0.05em;}
.main_visual .main_infomation .top_info .date_box > p > span {font-size: 1.8rem; position: absolute;top:-15px;letter-spacing: 0em;font-weight: 500;}
.main_visual .main_infomation .top_info .date_box > span {color: var(--main-color2); font-size:4.5em;font-weight: bold; margin:0 1rem;}
.main_visual .main_infomation .top_poster {position: relative; display: block; box-shadow: 0px 6px 20px 0px #d3d3d3;}
.main_visual .main_infomation .top_poster .poster_box {width: 100%;position: relative; height:auto;}
.main_visual .main_infomation .top_poster .poster_box img {width: 100%;}
.main_visual .main_infomation .top_poster .poster_box .poster_tit { font-family: var(--vis-font1); position: absolute; top:50%; left:50%;transform:translate(-50%, -50%);width: 100%;  }
.main_visual .main_infomation .top_poster .poster_box .poster_tit p {color:var(--main-color2); font-size: 3em; width: 100%; text-align: center;  font-weight: bold; }
.main_visual .main_infomation .top_poster .poster_box .poster_tit p span {display: block; color:var(--main-color1);}
.main_visual .main_infomation .top_poster .poster_box .poster_pc {display: block;}
.main_visual .main_infomation .top_poster .poster_box .poster_mo {display: none;}
.main_visual .main_infomation .top_poster .poster_box .poster_pop {position: absolute; cursor: pointer;transition: all 0.2s linear; right:0; bottom:0; background: #000; padding:20px; color:#fff;}
.main_visual .main_infomation .top_poster .poster_box .poster_pop:hover {background:var(--main-color2);}
.main_visual .main_infomation .top_poster .poster_box .poster_pop span {position: relative;    padding-left: 3rem;}
.main_visual .main_infomation .top_poster .poster_box .poster_pop span::before {content:''; width:20px; height: 20px; position: absolute;left:0; top:0; background-size:contain; background-repeat:no-repeat;     background-position: center; background-image:url(../image/common/ico_zoomin.svg);}
.main_visual .main_infomation .top_detail_info {display: flex; padding:50px 0; border-bottom:1px solid #333;}
.main_visual .main_infomation .top_detail_info .info_box {flex-basis:25%; width: 25%;}
.main_visual .main_infomation .top_detail_info .info_box .loca_mo {display: none;}
.main_visual .main_infomation .top_detail_info .info_box .tit {position: relative;padding-left:30px;font-size: 2rem;font-weight: bold;}
.main_visual .main_infomation .top_detail_info .info_box .tit::before {content:''; width:20px; height: 20px; position: absolute;left:0; top:0; background-size:contain; background-repeat:no-repeat;     background-position: center;}
.main_visual .main_infomation .top_detail_info .info_box .cont {padding-left:30px; padding-top: 10px;line-height: 120%;}
.main_visual .main_infomation .top_detail_info .info_box .cont span{display: block;font-size: .9em;color:#666;}
.main_visual .main_infomation .top_detail_info .info_box .cont .submit_btn {display: block;margin-top: 10px; }
.main_visual .main_infomation .top_detail_info .info_box .cont .submit_btn a {display: inline-block;background: #000;padding:5px 20px; color:#fff; border-radius:5px;}
.main_visual .main_infomation .top_detail_info .info_box.info1 .tit::before {background-image:url(../image/main/ico_date.svg);}
.main_visual .main_infomation .top_detail_info .info_box.info2 .tit::before {background-image:url(../image/main/ico_upload.svg);}
.main_visual .main_infomation .top_detail_info .info_box.info3 .tit::before {background-image:url(../image/main/ico_place.svg);}
.main_visual .main_infomation .top_detail_info .info_box.info4 .tit::before {background-image:url(../image/main/ico_man.svg);}

.main_speacker {position: relative; margin-top:2em; display:flex;  font-family: 'Plus Jakarta Sans', sans-serif;} 
.main_speacker .spacker_list {width: 48%; position: relative;margin:4% 1%; border: 1px solid #e7eaf0; background: #f6f9fd; transition: all 0.2s linear;}
.main_speacker .spacker_list:hover {	border: 1px solid #aebfe1; box-shadow: 0px 3px 10px 0 #e0e6f0;}
.main_speacker .spacker_list .title {position: absolute; left:-1px; top:-2em; border-radius: 0 15px 0; background:var(--main-gradient-right);  color:#fff; padding:1em	}
.main_speacker .spacker_list .title span {font-weight: bold;}
.main_speacker .spacker_list .speacker_profile {display:flex; padding:5%; padding-top:8%; justify-content: space-between; height: 100%;}
.main_speacker .spacker_list .speacker_profile  .image_box {width: 30%; height: 30%; background: #eee;}
.main_speacker .spacker_list .speacker_profile  .image_box img {width: 100%;}
.main_speacker .spacker_list .speacker_profile  .profile_box {width: 65%;    display: flex; flex-direction: column; justify-content: flex-start; }
.main_speacker .spacker_list .speacker_profile  .profile_box h3.subject {font-size: 1.2em; line-height: 130%; font-weight: bold;}
.main_speacker .spacker_list .speacker_profile  .profile_box .info {    margin-top: 1em;}
.main_speacker .spacker_list .speacker_profile  .profile_box .info p {font-weight:500;margin-bottom: .5em; font-size: 1em;}
.main_speacker .spacker_list .speacker_profile  .profile_box .info span {font-size: .8em; color:#777;}
.main_speacker .spacker_list .speacker_profile  .profile_box .date {border-top:1px solid #ccc;	padding-top:1rem; margin-top:1rem;}
.main_speacker .spacker_list .speacker_profile  .profile_box .date ul {display:flex;flex-direction: column; }
.main_speacker .spacker_list .speacker_profile  .profile_box .date ul li {display:flex; align-items: center; position: relative; font-size:1em;margin:3px 0;}
.main_speacker .spacker_list .speacker_profile  .profile_box .date ul li i {margin-right:5px; color:var(--main-color2);}
.main_speacker .spacker_list .speacker_profile  .profile_box .date ul li span {font-size: .9em;font-weight: 500;}


.all_poster {display:none; position: fixed; width: 100%; height: 100%; left:0; top:0; z-index:45;}
.all_poster .bg {position: fixed;left:0; top:0; width: 100%; height: 100%; background: rgba(0,0,0,.5);}
.all_poster .layer_pop {position: fixed; left:50%; top:50%; transform:translate(-50%, -50%); width:30%;max-width: height:auto;}
.all_poster .layer_pop .tit {width: 100%;padding:1em; background: var(--main-color1);color:#fff;display:flex;justify-content: flex-end;    align-items: center;}
.all_poster .layer_pop .tit h3 {    margin-right: auto;font-size: 1.5em; }
.all_poster .layer_pop .tit a {color:currentColor}
.all_poster .layer_pop .tit a.down {display:flex; border:1px solid #ddd; padding:5px 10px;align-items: center;}
.all_poster .layer_pop .tit a.down:hover {background: var(--main-color2);}
.all_poster .layer_pop .tit a.down span {margin-left:5px;font-size:.9em}
.all_poster .layer_pop .tit a.close {cursor: pointer; font-size: 1.5em; margin-left:.5em;}
.all_poster .layer_pop img {width: 100%; height: 100%;}

/* schedule */
.m-schedule .inner {max-width:1280px; margin:0 auto; position:relative;}
.schedule {margin:50px auto 0;}


@media screen and (max-width: 1366px) {

}
@media screen and (max-width: 1280px) {
	.main_visual .main_infomation .top_info .title_box p {font-size: 1em;}
	.main_visual .main_infomation .top_info .title_box h2 {font-size: 1.8em;}
	.main_visual .main_infomation .top_info .date_box > p {font-size: 3em;}
	.main_visual .main_infomation .top_info .date_box > span { font-size:3em;}

}
@media screen and (max-width: 1024px) {
	.all_poster .layer_pop {width: 50%;}

	.main_visual .main_infomation .top_detail_info {flex-wrap: wrap;padding:1em 0;}
	.main_visual .main_infomation .top_detail_info .info_box {width: 50%; flex-basis:50%;	margin: 1em 0;}
	.main_visual .main_infomation .top_poster .poster_box .poster_pop {font-size: .9em; padding:10px;}
	.main_visual .main_infomation .top_poster .poster_box .poster_pop span::before {width: 16px; height: 16px;}
	.main_visual .main_infomation .top_detail_info .info_box .tit {font-size: 1.8rem;}
	.main_visual .main_infomation .top_detail_info .info_box .cont {font-size: .95em;}

	.main_speacker .spacker_list {width: 100%;}
	.main_speacker {flex-direction: column;}
}
@media screen and (max-width: 768px) { 
	.all_poster .layer_pop {width: 70%;}

	.main_visual .main_infomation .top_info {flex-direction: column;margin: 0 0 30px;}
	.main_visual .main_infomation .top_info .title_box {width: 100%;}
	.main_visual .main_infomation .top_info .title_box p {margin-bottom:5px;}
	.main_visual .main_infomation .top_info .title_box h2 {font-size: 1.5em;}
	.main_visual .main_infomation .top_info .date_box > p {font-size: 3.5em;} 
	.main_visual .main_infomation .top_info .date_box > p > span {font-size: 1.5rem;}
	.main_visual .main_infomation .top_info .date_box > span {font-size: 3.5em;}
	.main_visual .main_infomation .top_info .date_box {margin-left: inherit; margin-top: 30px;}

	.main_visual .main_infomation .top_detail_info .info_box {width:100%; flex-basis:100%;	margin-bottom: 1.2em;}
	.main_visual .main_infomation .top_detail_info .info_box.info1 {display: none;}
	.main_visual .main_infomation .top_detail_info .info_box.info3 {display: none;}
	.main_visual .main_infomation .top_detail_info .info_box.info4 {display: none;}
	.main_visual .main_infomation .top_detail_info .info_box .loca_mo {display: block;position: relative; background-color:var(--main-color2); width: 50px; height: 50px;border-radius:100%;	}
	.main_visual .main_infomation .top_detail_info .info_box .loca_mo span{position: absolute; left:50%; top:50%;width: 100%; text-align: center; color:#fff; font-weight: bold;transform:translate(-50%, -50%);}
	.main_visual .main_infomation .top_detail_info .info_box.info2 .cont{display:flex;	align-items: center;  justify-content: space-between;}
	.main_visual .main_infomation .top_poster .poster_box .poster_pc {display: none;}
	.main_visual .main_infomation .top_poster .poster_box .poster_mo {display: block;}
	.main_visual .main_infomation .top_poster .poster_box .poster_tit p {font-size: 1.8em; width: 100%; text-align: center;  font-weight: bold;}
	.main_visual .main_infomation .top_poster .poster_box .poster_tit p span {display: inline-block;}
}
@media screen and (max-width: 568px) { 
	.all_poster .layer_pop {width: 80%;}
	.main_visual .main_infomation .top_info .date_box > p {font-size: 2.5em;}
	.main_visual .main_infomation .top_info .date_box > p > span {font-size: 1.2rem; top:-10px}
	.main_visual .main_infomation .top_info .title_box h2 br {display: none;}
	
	.main_visual .main_infomation .top_detail_info .info_box .tit::before {width: 18px; height: 18px;}
	.main_visual .main_infomation .top_detail_info .info_box .tit {font-size: 1.5rem;}
	.main_visual .main_infomation .top_detail_info .info_box .cont {padding-top: 5px;}
	.main_visual .main_infomation .top_detail_info .info_box .cont br {display:none;}

	.main_speacker .spacker_list {margin:2em 0;}
	.main_speacker .spacker_list .speacker_profile {}
	.main_speacker .spacker_list .speacker_profile .image_box {width: 30%;}
	.main_speacker .spacker_list .speacker_profile .profile_box {width: 65%; }
	.main_speacker .spacker_list .speacker_profile .profile_box h3.subject {font-size: 1.1em;}
}