/*==============================================
  common
==================================================*/
@media screen and (max-width: 768px) {
body{padding: 0px; width: 100%; min-width: 100%; overflow-x: hidden; word-wrap: break-word;}
.pc-none{display: block !important;}
.sp-none{display: none !important;}
img {width: 100%; margin: 0; padding: 0; vertical-align: bottom;}
/* =========================================================
	header
========================================================= */
header .menu {
    position: absolute;
    top: 12px;
    right: 12px;
    width: 30px;
    background-color: #0662dc;
    border-radius: 30px;
    transition-duration: .3s;
}
header .menu a::before, header .menu a::after {
    position: absolute;
    content: '';
    left: 8px;
    width: 14px;
    height: 1px;
    background-color: #ffffff;
    transition: .3s;
}
header .menu b {
    position: absolute;
    content: '';
    top: 15px;
    left: 8px;
    width: 14px;
    height: 1px;
    background-color: #ffffff;
    transition: .3s;
}
	.header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 55px 0 10px;
    height: 55px;
	min-width: inherit;
}
.header h1 {
	width: 68px;
}	
	

	
.active .header {
   background-color: #0662dc;
}
.active .header h1 img{
            filter: brightness(0) invert(1);
    }
header.active .menu {
    background-color: #fff;
}
header.active .menu a::before, header.active .menu a::after {
    background-color: #0662dc;
}	
	
/*gnavi
	=================================== */	
.gnavi_block {
    display: none;
    position: fixed;
    top: 55px;
    left: 0;
    width: 100%;
    height: calc(100dvh - 55px);
    background-color: #0662dc;
    z-index: 1000;
}
	
.gnavi {
    margin: 0 auto;
    padding: 45px 0 0;
    width: 78%;
    margin: 0 auto;
}
.gnavi ul {
    display: block;
    margin: 0 0 0 0;
    border-top: 1px solid #FFF;
}
.gnavi li a {
    display: flex;
    align-items: center;
    height: 65px;
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 0.08em;
	    background: url("../images/next_w.svg") no-repeat right center;
    background-size: 26px 26px;
}	
.gnavi .sptitle {
    margin: 0 auto 25px;
	width: 96%;
}	
.gnavi .entry_btn{ border-bottom: none;}
.gnavi .entry_btn a {background-color: #FF7631;padding: 18px 0;font-size: 18px; margin: 26px auto 0;
	width: 80%;
    text-align: center;
    justify-content: center;
    background-image: none;
}	
/* =========================================================
	main kv
========================================================= */
.kv_main {
    position: relative;
    margin: 0 auto 0;
}
.mainarea_block1 {
    background: url(../images/main_bg_sp.jpg?0508) no-repeat center top;
    background-size: cover;
    overflow: hidden;
    position: relative;
}
.mainarea_block1 .block1 {
    position: static;
    padding: 0 0;
    width: 100%;
    height: 74vw;
}
.mainarea_block1 .kv_maincopy {
    padding: 39vw 0 12px;
    margin: 0 auto;
    width: 82%;
}	
.mainarea_block1 .mcatch {
    margin: 0 auto 0;
    width: 90%;
}
.ttl_bg {
    
    padding: 3.5% 0 3.5% 0;
   
    width: 96%;
    right: 0;
    bottom: -13vw;
}	
.ttl_bg_inner {
    padding-right: 0;
    display: block;
}
.ttl_bg h3 {
    width: 78%;
	margin: 0 auto 0;
}
.ttl_bg .ttl_date {
    width: 68%;
    margin: 0 auto;
    padding-top: 3px;
}
    .mainarea_block1 .mcatch img {
        filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.25));
        padding: 0 3% 3%;
    }
	
/*KV copy
	=================================== */
.kv_copy_area{margin: 19vw auto 25px; width: 90%;}
.kv_copy_area h3{font-size: 22px; padding-bottom: 8px; line-height: 1.25;}
.kv_copy_area h3 span{font-size: 0.7em; font-weight: 600;}
.kv_copy_area .kv_m_copy{font-size: 16px; line-height: 1.8;}
.kv_copy_area .exbox {transition-delay: 3.5s;}
.kv_copy_area .exbox2 {transition-delay: 3.5s;}
	
/*entry _area
	=================================== */
.entry_area{padding: 20px 0 18px; color: #fff; position: relative;}
.entry_area .inner{display: block; align-items: center; margin: 0 auto; width: 92%;}
.entry_area .inner .entry_ttl{
	font-size: 20px;
        padding: 8px 0 4px;
        border: 1px solid #fff;
        width: 41%;
        margin-right: 2%;
        text-align: center;}
.entry_area .inner .entry_copy{font-size: 14px; margin-right:0; width: 100%; line-height: 1.3; margin-top: 10px;}
.entry_area .entry_btn{width: 53%;
	position: absolute;
        right: 0%;
        top: 3%;}
.entry_area .entry_btn a{
    padding: 14px 6px 14px 0;
	font-size: 17px;}
.entry_area .entry_btn a::after {
    content: "";
    width: 8px;
    height: 8px;
    border-bottom-style: initial;
    border-left-style: initial;
    border-bottom-color: initial;
    border-left-color: initial;
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    right: 7%;
    margin-top: -5px;
    border-width: 1px 1px 0px 0px;
    border-image: initial;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
}
.entry_area .inner .entry_copy .e_copy1 {
    padding-bottom: 0px;
    font-size: 14px;
	line-height: 1.6;
}
	.entry_area .inner .entry_copy .e_copy2 {
    line-height: 1.45;
}
/*keynote_area
	=================================== */
.keynote_area{background: url(../images/area_bg1_sp.jpg) no-repeat center center; background-size: cover;}
.keynote_area .inner{width:90%; margin: 0 auto; padding: 40px 0 50px; position: relative; display: block;}
.keynote_area .label{font-size: 24px; position: inherit; top:inherit; left: inherit; transform: translateX(0); text-align: center;}
.keynote_area .label b{border-bottom: 2px solid #fff; padding-bottom: 6px;}
.keynote_area .pforbox{width: 100%; margin-top: 27px;}
.keynote_area .pforbox a{display:flex; align-items: center; justify-content: space-between;}
.keynote_area .pforbox .profimage {margin: 0; width: 47%;}
.keynote_area .pforbox .databox {
        display: block;
        width: 49%;
    }
.keynote_area .pforbox .databox h3 {
		margin:0 0 6px;
	
		padding:0;
		font-size:16px;
		border-bottom:1px solid #FFF;
	}

.keynote_area .pforbox .databox h3 b {
		font-size:1.25em;
		letter-spacing: 0.12em;
	}

.keynote_area .pforbox .databox p {
		padding:8px 0 0 0;
		line-height:1.5;
	letter-spacing: 0;
		font-size:13px;
		border-left:none;
	}
	
/*speaker_area
	=================================== */
.speaker_area{margin: 40px 0 0;}
.blue_ttl_bg{width: 95%; padding: 14px 0 14px 0;}

.blue_ttl_bg .speaker_ttl{display: flex; align-items: center; padding-right: 6%;}
.blue_ttl_bg .speaker_ttl p{font-size: 30px; margin-right: 10px; line-height: 1;}
.blue_ttl_bg .speaker_ttl h2{font-size:15px;}
.speaker_area .inner{width: 100%; margin: 0 auto; padding: 20px 0 20px;}
	.slide_blockwrap{margin: 0 0 0 0;}
.pslidebox{margin: 0 20px 0 0;}
.speaker_area .navi_block .navibox .prev a {
    background-image: url(../images/slide_prev1.svg);
}	
.speaker_area .navi_block .navibox .next a {
    background-image: url(../images/slide_next1.svg);
}
.speaker_area .pslidebox.nb .imagebbox{
	margin-bottom: 13px;
}
.speaker_area .pslidebox .name{
	margin-bottom: 8px;
}
.speaker_area .pslidebox .pos{
	line-height: 1.35;
	font-size: 12px;
}	
	.pslidebox .name b{
		font-size: 1.55rem;
	}
/*timetable_area
	=================================== */
.timetable_area{margin: 25px 0 25px; position: relative;}

.blue_ttl_bg2{padding: 14px 0 14px 0; width: 95%; top: 0;}
.blue_ttl_bg2 .timetable_ttl{padding-left: 6%;}
.blue_ttl_bg2 .timetable_ttl p{font-size: 30px; margin-right: 10px; line-height: 1;}
.blue_ttl_bg2 .timetable_ttl h2{font-size:15px;}
.timetable_area .block1 {padding: 80px 5% 35px; width: auto;}
.timetable_area .evnavi_block {top: 80px;}
	
.timetable_area .schedule_datebox {
	    margin: 20px 0 20px;
	padding-top: 50px;
}	
.timetable_area .sblock1{
	background: none;
    padding: 0;
    margin: 0 auto 0;
    
}

.timetable_area .sblock2{
	background: none;
    padding: 0;
    margin: 0 auto 35px;
   
}
.timetable_area .schedule_datebox h3 b{
	background-size: auto 26px;
    padding: 26px 0 0;
    width: 230px;
}

.timetable_area .evnavi_block p a{
	background-color: #fff;
	background-image: none;
	padding: 7px 5px;
	height: auto !important;
	border-radius: 6px;
	border:2px solid #0762dc;
	
	
}
.timetable_area .evnavi_block .evnavi2 a{
	background-color: #fff;
	background-image: none;
	padding: 7px 5px;
	height: auto !important;
	border-radius: 6px;
	border:2px solid #69b3e7;
	}

.timetable_area .evnavi_block p a img{
	width: 85%;
}

.timetable_area .evnavi_block.pinned {
    position: fixed;
    top: 55px;
}


.timetable_area .schedulebox a{display: block;}
.timetable_area .schedulebox .timebox_area{
	width:100%;
	background: #0762dc;
	text-align: left;
	color: #fff;
display: block;
    }
.timetable_area .schedulebox .timebox{
	text-align: left;
        font-size: 17px;
	padding:6px 5%;
	margin: 0;
    }
.timetable_area .schedulebox .detail_area{
	width: 100%;
	padding: 4% 5% 5% 5%;
	background: #e6effa;
    }
.timetable_area .sblock2 .schedulebox .detail_area{background: #ecf8fe;}
.timetable_area .schedulebox .detail_area h4{
	font-size: 18px;
	padding-bottom: 12px;
	line-height: 1.25;
    }
.timetable_area .schedulebox a::after {
    position: absolute;
    content: '';
    background: url(../images/slide_next1.svg) no-repeat;
            top: calc(50%);
        right: 10px;
        background-size: 25px 25px;
        width: 25px;
        height: 25px;
    z-index: 10;
}

.timetable_area .profbox img{
	border-radius: 5px;
	}
.timetable_area .schedulebox .wrap_block {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.timetable_area .schedulebox a, .schedulebox .nl {
    border-radius: 5px;
}
.timetable_area .schedulebox .posline {
    padding: 0 0 0 0;
   font-size: 12px;
}
.timetable_area .schedulebox .name b {
    margin: 0 3px 0 0;
    line-height: 1.3;
    font-size: 16px;
}
	
.timetable_area .schedulebox.ev1-1 .logo, .timetable_area .schedulebox.ev1-3 .logo{
        width: 60px;
    }
.timetable_area .schedulebox.ev1-2 .logo {
        width: 72px;
    }
.timetable_area .schedulebox.ev1-4 .logo {
        width: 100px;
    }
.schedulebox.ev1-5 .logo {
    width: 45px;
}	
.timetable_area .schedulebox.ev1-6 .logo {
        width: 110px;
    }
.timetable_area .schedulebox.ev1-7 .logo {
        width: 100px;
    }
.timetable_area .schedulebox.ev1-8 .logo {
        width: 76px;
    }
	
.timetable_area .schedulebox.ev2-1 .logo {
        width: 86px;
    }
.timetable_area .schedulebox.ev2-2 .logo {
        width: 90px;
    }
.timetable_area .schedulebox.ev2-3 .logo {
        width: 70px;
    }
.timetable_area .schedulebox.ev2-4 .logo {
        width: 89px;
    }
.timetable_area .schedulebox.ev2-5 .logo {
        width: 100px;
    }
	
.timetable_area .schedulebox.ev2-6 .logo {
        width: 135px;
    }
.schedulebox.ev2-7 .logo {
    width: 118px;
}	
.timetable_area .schedulebox.ev2-8 .logo {
        width: 110px;
    }
	
.schedulebox .posline {
    letter-spacing: 0.05em;
}	
/*sponcer_area
	=================================== */

.sponsor_area .block1{padding:50px 6% 60px; width: auto;}
.sponsor_area .sponsor_ttl{display: inherit; margin: 0 auto 30px;}
.sponsor_area .sponsor_ttl p{font-size: 36px; text-align: center;}
.sponsor_area .sponsor_ttl h2{
	font-size: 15px;

}
.sponsor_area .sponsor_block h3 {font-size: 24px; margin: 0 0 13px;}
.sponsor_area .sponsor_block li {
    border: none;
    background: #fff;
}	
	
/*footer
	=================================== */
.footer_area .block1 {padding: 45px 5% 35px; width: auto;}

.footer_area .info_ttl{display: inherit; margin: 0 auto 35px;}
.footer_area .info_ttl p{font-size: 36px; text-align: center;}
.footer_area .info_ttl h2{font-size: 15px; text-align: center;}
.footer_area .infoblock_block .datatable th {padding: 13px 0 0; font-size: 15px;}
.footer_area .infoblock_block .datatable td {
        display: block;
        padding: 3px 0 15px;
        height: auto;
        line-height: 1.25;
	font-size: 14px;
    }
.footer_area  .infoblock_block .datatable .inlabel {font-size: 15px;}	
.footer_area .infoblock_block .sub {
        position: inherit;
        left: inherit;
        bottom: inherit;
        font-size: 11px;
	line-height: 1.3;
        letter-spacing: 0;
        padding-top: 3px;
    }
.footer_area .infoblock_block .cautionbox {
        padding: 5% 4%;
    }
.footer_area .copyright {
    font-size: 12px;
padding: 0 0 70px;
}
.footer_area .copyright2 {

    padding: 0 0 3px;
   
}
	
/*modal
	=================================== */
.modal_stage {
    padding: 47px 5% 20px;
}
.modal_close {
	top:10px;
	right:12px;
	
}
.modal_close a {
    display: block;
    width: 24px;
}
.modal_body {
    display: none;
    padding: 30px 5% 20px;
    position: relative;
}

.modal_body1 {margin: 0 0 30px;}
.modal_body1 .day_detail{margin-bottom: 20px;}
.modal_body1 .day_detail .date_icon{width: 130px; padding: 10px 10px; margin-right: 10px;} 
.modal_body1 .day_detail .date_day{font-size: 18px;} 
.modal_body1 .evex_block h2 {color: #0762dc; font-size: 18px; line-height: 1.3; margin: 0 0 12px;}
.modal_body1 .evex_block h2 span {
    font-size: 0.8em;
}	
.modal_body1 .evex_block .evbox p {line-height: 1.6; font-size: 15px;}
.modal_body2 .evprof_block h3 {font-size: 15px; font-weight: 600; padding-bottom: 5px;}
.modal_body2 .evprof_block .profbox p {line-height: 1.6; font-size: 15px;}
.modal_body2 .evdata_block .evdatabox .profbox {width: 34%; margin-right: 4%;}
.modal_body2 .evdata_block .evdatabox .databox {width: 62%;}	
.modal_body2 .evdata_block .logobox {
        margin: 0 0 12px 0;
        width: 68%;
    }
    .modal_body2 .evprof_block {
        margin: 0 0 30px;
    }
.modal_inblock .entry_btn{display: block; margin: 22px auto 10px; text-align: center;}
.modal_inblock .entry_btn a {
    background-color: #FF7631;
    font-weight: bold;
    line-height: 1;
    display: block;
    padding: 14px 10px 14px 0;
    border-radius: 3em;
    text-decoration: none;
    color: #fff;
    font-size: 20px;
    height: auto;
    text-align: center;
    position: relative;
	width: 84%;
	margin: 0 auto;
}
.modal_inblock .entry_btn a::after {
    content: "";
    width: 8px;
    height: 8px;
    border-bottom-style: initial;
    border-left-style: initial;
    border-bottom-color: initial;
    border-left-color: initial;
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    right: 8%;
    margin-top: -5px;
    border-width: 1px 1px 0px 0px;
    border-image: initial;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
}

	
.ev1_1 .evdata_block .logobox, .ev1_3 .evdata_block .logobox {
        width: 35%;
    }	
.ev1_2 .evdata_block .logobox {
        width: 42%;
    }		
.ev1_5 .evdata_block .logobox {
    width: 29%;
}
.ev1_4 .evdata_block .logobox {
        width: 64%;
    }		
	
.ev1_6 .evdata_block .logobox {
        width: 66%;
    }		
.ev1_7 .evdata_block .logobox {
        width: 57%;
    }
.ev1_8 .evdata_block .logobox {
        width: 47%;
    }	
	
	
	
.ev2_1 .evdata_block .logobox {
        width: 52%;
    }
.ev2_2 .evdata_block .logobox {
        width: 52%;
    }	
.ev2_3 .evdata_block .logobox {
        width:39%;
    }		
.ev2_4 .evdata_block .logobox {
        width:48%;
    }	
.ev2_5 .evdata_block .logobox {
        width:54%;
    }
	
.ev2_6 .evdata_block .logobox {
        width:75%;
    }
.ev2_7 .evdata_block .logobox {
        width:65%;
    }
.ev2_8 .evdata_block .logobox {
        width:57%;
    }	
.pagetop {bottom: 75px; z-index: 7;}	
	

#fixed_link {
    position: fixed;
    bottom: 0;
    display: block;
    width: 100%;
    background: rgba(255 255 255 / 60%);
    padding: 3% 0 3%;
    z-index: 8;
}
#fixed_link a{
	 background-color: #FF7631;
    font-weight: bold;
    line-height: 1;
    display: block;
    padding: 16px 10px 16px 0;
    border-radius: 3em;
    text-decoration: none;
    color: #fff;
    font-size: 17px;
    height: auto;
    text-align: center;
    position: relative;
	width: 88%;
	margin: 0 auto;
}
	
	
#fixed_link a::after {
    content: "";
    width: 8px;
    height: 8px;
    border-bottom-style: initial;
    border-left-style: initial;
    border-bottom-color: initial;
    border-left-color: initial;
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    right: 8%;
    margin-top: -5px;
    border-width: 1px 1px 0px 0px;
    border-image: initial;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
}
	
.entry_btn2{width: 74%; display: block;}
.entry_btn2b {
    margin: 20px auto 40px;
}	
.entry_btn2 a{padding: 18px 10px 18px 0;font-size: 18px;}


.footer_area .entry_btn2{
	 margin: 0px auto 40px;
}
@media (orientation: landscape){


	
	
	
}
}