@charset "utf-8";

main{ padding-top:0!important;}
main>section:first-child>*:first-child{padding-top: 0;}
/*#backtotop{transform: translateY(3em); opacity:0;transition:all 0.4s ease-in-out;z-index: 0;}
#backtotop.totop_on{transform: translateY(0px);transition:all 0.4s ease-in-out;z-index: 2; opacity:1;}
*/
/**sect_fview**/
#sect_fview{--FvBot:80px;padding: 0; height: 100vh; max-height:75vw; position: relative; background-image: url(../img/sst_kvis_bg.webp); background-repeat: no-repeat; background-size: cover; background-position: center center;overflow: visible;}
#sect_fview:before{content: "";left: clamp(10px, 3vw, 40px); display: block; position: absolute;width: clamp(18rem, 23vw, 26rem); height: 100%; bottom: 0; background-image: url(../img/sst_kvis_01.webp); background-repeat: no-repeat; background-position: left bottom; background-size:contain; }

#sect_fview .fview_cont{height: 100%; width: calc(50% + 700px);max-width:100%; margin-left: auto; padding:var(--FvBot) 0 calc(var(--FvBot)*1.5) 50px;display:flex;justify-content:space-between;align-items:center;position:relative;overflow: hidden;}
#sect_fview .fview_cont:after{content: ""; display: block; position: absolute; width: 50vw; height: 100%; right: 0; bottom: 0; background-image: url(../img/sst_kvis_02.webp); background-repeat: no-repeat; background-size: auto 100%; background-position: right bottom;min-width:900px;}

#sect_fview .fview_cont .fview_pttl{width:20em;color:#fff;font-weight:700;display: flex;justify-content: flex-start;align-items: center;font-size:clamp(1.5rem,2.5vw,2.3rem);flex-wrap: wrap;gap: 0.25rem 2rem;z-index: 30;}


#sect_fview .fview_cont .fview_pttl [class*="pttl_S"]{line-height:1;text-shadow: 1px 1px 0px var(--color-blue);}
#sect_fview .fview_cont .fview_pttl .pttl_S1{width:100%;}
#sect_fview .fview_cont .fview_pttl .pttl_S2{font-size:300%;color:#a0f4ff;}
#sect_fview .fview_outline{position: absolute;bottom: 0;opacity:0;margin: auto;right: 0;left: 0;width: calc(100% - 100px);max-width: 1300px;}

#sect_fview .outline_ul{gap:0.5em;display: flex;flex-direction: column;}
#sect_fview .outline_ul>li{display: flex;flex-direction: row;gap: 1.5em;align-items: flex-start;}
#sect_fview .outline_ul>li>*{padding:0.5rem 0;line-height:1.8rem;font-size:var(--font-Mx);font-weight:700;}
#sect_fview .outline_ul .ol_label{width:10em;border-radius:0.25em;background-color:var(--color-orange);color:#fff;text-align: center;font-weight:800;}
#sect_fview .outline_ul .ol_value{flex: 1;}

/**アニメーションまとめ**/
#sect_fview.active:before{transform: translateX(0);opacity: 1;}
#sect_fview:before{opacity:0;transform: translateX(-20%);transition: all 0.8s ease;}
#sect_fview.active .fview_cont:after{transform: translateX(0);opacity: 1;}
#sect_fview .fview_cont:after{opacity:0;transform: translateX(20%);transition: all 0.6s ease;}

#sect_fview.active .fview_cont .fview_pttl{transform: translateY(0);opacity: 1;}
#sect_fview .fview_cont .fview_pttl{opacity:0;transform: translateY(20%);transition: all 1s ease 0.4s; /* ←アニメーション速度とイージング */}

#sect_fview.active .fview_outline{transform: translateY(40%);opacity: 1;}
#sect_fview .fview_outline{transform: translateY(80%);transition: all 1s ease 0.6s;}


/**sect_定型**/
dl.sst_set{--ticker-default-speed:80;/* px/s: data-speed未指定のとき */}
dl.sst_set>dt{}
dl.sst_set>dt .defa_name{font-size:450%;font-weight:700;line-height: 1;}
dl.sst_set>dt .defa_name:after{content:"";display: inline-block;width:0.65em;height:1px;background-color:var(--color-black);vertical-align:super;margin-left:0.25em;}
dl.sst_set>dt+dd{margin-top: -50px;position: relative;}
.ticker{width: 100%;/*margin: 0 calc(50% - 50vw);*/overflow: hidden; color:var(--color-lgray);white-space: nowrap;}
.ticker__inner{display: flex; will-change: transform; transform: translate3d(0,0,0); /* GPUに乗せる */}
.ticker__segment{ display: inline-flex; }
.ticker__text{display: inline-block; padding-right: 2rem;font-size:900%;font-weight: 700;line-height: 1;letter-spacing: 0;}
@media (prefers-reduced-motion: reduce){ .ticker__inner{ transform: none !important; }}


/**sect_conference**/
#sect_conference{border-top: solid calc(var(--font-Mx) * 8) var(--color-lgray);}
#sect_conference .conference_box{width: 100%;display:flex;position: relative;border-left:14px solid var(--color-blue);}
#sect_conference .conference_box+.conference_box{margin-top:8rem;}
#sect_conference .conference_box>*{position:relative;width:100%;}
#sect_conference .conference_box:before{content: "";width:calc(100% - 100px); max-width: 1200px; height: 50%; background-color: var(--color-lgray); display: block; position: absolute; margin: auto; bottom: 0; left: clamp(50px, calc(50vw - 725px), 400px);}
#sect_conference .conference_box .conference_txt{padding-bottom:3rem;}
#sect_conference .conference_box .conference_txt .conference_name{padding-bottom:2em;display: flex;gap:25px;padding-left: 1.5rem;}
#sect_conference .conference_box .conference_txt .conference_name .name_box{line-height:1;font-size:275%;font-weight:700;width: 100%; max-width: 650px;white-space: nowrap;}
#sect_conference .conference_box .conference_txt .conference_name:before{content:"";display:inline-block;background-color: var(--color-black);height: 1px;margin-top: 1.25em;width: 100%;flex: 1;min-width: 50px;}
#sect_conference .conference_box .conference_txt .conference_intr{font-size:110%;line-height:2.25;width: 100%;max-width: 750px;padding-left: 100px;margin-left: auto;font-weight:500;}
#sect_conference .conference_box .conference_img{}
#sect_conference .conference_box .conference_img .img_box{width:100%; height:80%;padding-left:3rem;}
#sect_conference .conference_box .conference_img img{object-fit: cover;width: 100%;height:100%;}
#sect_conference .conference_box .conference_img img[loading="lazy"]{transform: translateX(2rem);}
#sect_conference .conference_box.confrev{flex-direction: row-reverse;border-right:14px solid var(--color-orange); border-left-style:none; }
#sect_conference .conference_box.confrev:before{left: auto;right: clamp(50px, calc(50vw - 725px), 400px);}
#sect_conference .conference_box.confrev .conference_txt .conference_name{padding-left:0;padding-right: 1.5rem;}
#sect_conference .conference_box.confrev .conference_txt .conference_name .name_box{width:fit-content;}
#sect_conference .conference_box.confrev .conference_txt .conference_name:before{display:none;}
#sect_conference .conference_box.confrev .conference_txt .conference_name:after{content:"";display:inline-block;background-color: var(--color-black);height: 1px;margin-top: 1.25em;width: 100%;flex: 1;min-width: 50px;}
#sect_conference .conference_box.confrev .conference_txt .conference_intr{padding-right: 100px;padding-left:0; margin-left:0;margin-right: auto;}
#sect_conference .conference_box.confrev .conference_img .img_box{padding-left:0; padding-right: 3rem;}
#sect_conference .conference_box.confrev .conference_img img[loading="lazy"]{transform: translateX(-2rem);}


/**sect_okinawa**/
#sect_okinawa{}
#sect_okinawa .okinawa_box{display:flex;gap:2.5rem;}
#sect_okinawa .okinawa_box>*{width:100%;}
#sect_okinawa .okinawa_box .okinawa_left{width:55%;}
#sect_okinawa .okinawa_box .okinawa_left .okinawa_intr{padding-right:4em;padding-bottom:3em;font-size:var(--font-Mx);line-height:2;font-weight:500;}
#sect_okinawa .okinawa_box .okinawa_left .okinawa_photo img{width:100%;}
#sect_okinawa .okinawa_box .okinawa_right{width:45%;}
#sect_okinawa .okinawa_box .okinawa_right img{width:100%;}

/**sect_sponsor**/
#sect_sponsor{}
#sect_sponsor .sponsor_box{display:flex;flex-direction: column;gap: 3rem;position:relative;padding-top:2.5rem;padding-bottom:2.5rem;}
#sect_sponsor .sponsor_box:before{content: "";top: 0;width: 1.5em;height: 100%;border-radius: 2em;	position: absolute;left:calc(50px + 5% - 0.75em);background-image: linear-gradient(180deg,var(--color-blue) 0%,var(--color-lgray) 100%);}
#sect_sponsor .sponsor_rank{display:flex;align-items: center;position: relative;}
#sect_sponsor .sponsor_rank .sponsor_mark{width: 11%;}
#sect_sponsor .sponsor_rank .sponsor_mark img{width:100%;}
#sect_sponsor .sponsor_rank .sponsor_mark img[loading="lazy"]{transform: translateX(-2rem);}
#sect_sponsor .sponsor_rank .sponsor_name {padding-left: 1rem;font-size:var(--font-Mx);font-weight:800;line-height:1.2;width:10em; position:relative;}
#sect_sponsor .sponsor_rank .sponsor_name:after{content:"";width:1.75em;height: 1px;background-color:var(--color-black);display:block;position:absolute;margin: auto;top: 0;bottom: 0;right: 0;}
#sect_sponsor .sponsor_rank .sponsor_name:first-line{font-size:125%;}
#sect_sponsor .sponsor_rank .sponsor_banners{padding:1em;border:solid 1px var(--color-black);display:flex;gap:0.5rem;border-radius:0.5rem;flex-wrap: wrap;flex: 1;background-color: #fff;}
#sect_sponsor .sponsor_rank .sponsor_banners img{}



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

	/**sect_fview**/
	#sect_fview{background-image: url(../img/sst_kvis_bgSP_01.webp);--SpeakerW:75vw;--SpeakerP:15vh;max-height:initial;}
	#sect_fview:before{left:-8vw;width:var(--SpeakerW);height:calc(var(--SpeakerW)*1.2); bottom:auto;top:var(--SpeakerP);z-index:1;}
	#sect_fview:after{content:"";width:100vw;height:calc(100vh - calc(var(--SpeakerW)*0.75) - var(--SpeakerP));display:block;position: absolute;bottom:0;background-image: url(../img/sst_kvis_bgSP_02.webp);background-repeat: no-repeat;background-size:cover;background-position: center top;z-index:2;}
	#sect_fview .fview_cont{width:100vw;margin-left:0; padding:var(--FvBot) 0;z-index: 10;}
	#sect_fview .fview_cont:after{width: 100vw;height: 110vw;right: 0;bottom: 0;background-size: 120% auto; background-position: right -7vw bottom;min-width: initial;}
	#sect_fview .fview_cont .fview_pttl{width:fit-content;font-size:5vw;gap: 0.25rem 2rem;position: absolute;top:calc(var(--SpeakerP)*1.2);left:calc(var(--SpeakerW)*0.55);}
	#sect_fview .fview_cont .fview_pttl [class*="pttl_S"]{line-height:1;text-shadow: 1px 1px 0px var(--color-blue);}
	#sect_fview .fview_cont .fview_pttl .pttl_S1{width:auto;line-height: 1.2;}
	#sect_fview .fview_cont .fview_pttl .pttl_S2{font-size:300%;padding-bottom: 0.5rem;}
	#sect_fview .fview_cont .fview_pttl .pttl_S3{line-height: 1.2;}
	#sect_fview .fview_outline{margin: auto;right: 0;left: 0;width: calc(100% - 12vw);z-index:20;}
	
	#sect_fview.active .fview_outline{transform: translateY(78%);}
	#sect_fview .fview_outline{transform: translateY(90%);}
	
	#sect_fview .outline_ul{gap:1em;}
	#sect_fview .outline_ul>li{flex-direction: column;gap:0;}
	#sect_fview .outline_ul>li>*{padding:0.5rem 0;}
	#sect_fview .outline_ul .ol_label{width:8em; padding:0 ;}
	#sect_fview .outline_ul .ol_value{padding-top: 0.25em; padding-left: 0.3em;}

	/**sect_conference**/
	#sect_conference{border-top: solid calc(var(--font-Mx) * 20) var(--color-lgray);}
	#sect_conference .conference_box{width: 100vw;flex-direction: column!important;border-style:none!important;}
	#sect_conference .conference_box+.conference_box{margin-top:5rem;}
	#sect_conference .conference_box>*{}
	#sect_conference .conference_box:before{display: none!important;}
	#sect_conference .conference_box .conference_txt{order:1;padding-top: 4rem;}
	#sect_conference .conference_box .conference_txt .conference_name{padding-bottom:2em;padding-left:0;align-items: center;gap:1em;}
	#sect_conference .conference_box .conference_txt .conference_name .name_box{font-size:175%; max-width:initial;}
	#sect_conference .conference_box .conference_txt .conference_name:before{margin-top: 0.25em;width: 100%;flex:initial;min-width:initial;}
	#sect_conference .conference_box .conference_txt .conference_name:after{content:"";display:inline-block;background-color:#fff;height: 1px;margin-top:0.25em!important;width: 100%;}
	#sect_conference .conference_box .conference_txt .conference_intr{font-size:100%;width: 100%; max-width:initial;margin-left: auto;padding:0 6vw!important;}
	#sect_conference .conference_box .conference_img{}
	#sect_conference .conference_box .conference_img .img_box{width:calc(100vw - 8vw); aspect-ratio:2 / 1;margin-left: auto!important; margin-right: auto!important; padding-left:0; box-shadow: -4vw 4vw 0 var(--color-blue);}
	#sect_conference .conference_box .conference_img:before {background-color: #fff;display: block;width: 100%;height: 20vw;content: "";position: absolute;top: 0;}
	#sect_conference .conference_box .conference_img img{}
	#sect_conference .conference_box .conference_img img[loading="lazy"]{}
	#sect_conference .conference_box.nophoto .conference_img{display: none;}
	#sect_conference .conference_box.confrev{}
	#sect_conference .conference_box.confrev:before{}
	#sect_conference .conference_box.confrev .conference_txt .conference_name{padding-left:0;padding-right:0;}
	#sect_conference .conference_box.confrev .conference_txt .conference_name .name_box{width:fit-content;}
	#sect_conference .conference_box.confrev .conference_txt .conference_name:before{display:inline-block;background-color: #fff;}
	#sect_conference .conference_box.confrev .conference_txt .conference_name:after{}
	#sect_conference .conference_box.confrev .conference_txt .conference_intr{margin-left:0;margin-right: auto;}
	#sect_conference .conference_box.confrev .conference_img .img_box{padding-right:0;box-shadow: 4vw 4vw 0 var(--color-orange);}
	#sect_conference .conference_box.confrev .conference_img img[loading="lazy"]{transform: translateX(-2rem);}

	/**sect_定型**/
	dl.sst_set{}
	dl.sst_set>dt{}
	dl.sst_set>dt .defa_name{font-size:250%;}
	dl.sst_set>dt .defa_name:after{}
	dl.sst_set>dt+dd{margin-top: -10px;}
	.ticker{}
	.ticker__inner{}
	.ticker__segment{}
	.ticker__text{padding-right: 2rem;font-size:400%;}
	@media (prefers-reduced-motion: reduce){}

	/**sect_okinawa**/
	#sect_okinawa{}
	#sect_okinawa .okinawa_box{flex-direction: column;}
	#sect_okinawa .okinawa_box>*{}
	#sect_okinawa .okinawa_box .okinawa_left{width:100%;display: flex;flex-direction: column;}
	#sect_okinawa .okinawa_box .okinawa_left .okinawa_intr{padding-right:0;order:1;padding-top:2rem;padding-bottom:0;}
	#sect_okinawa .okinawa_box .okinawa_left .okinawa_photo{width: 100vw;margin: 0 calc(50% - 50vw);}
	#sect_okinawa .okinawa_box .okinawa_left .okinawa_photo img{}
	#sect_okinawa .okinawa_box .okinawa_right{width:80%;margin: auto;}
	#sect_okinawa .okinawa_box .okinawa_right img{}

	/**sect_sponsor**/
	#sect_sponsor{}
	#sect_sponsor .sponsor_box{gap:3rem;padding-top:1.5rem;padding-bottom:1.5rem;}
	#sect_sponsor .sponsor_box:before{left:calc(11vw + 5% - 0.6em);width: 1.2em;}
	#sect_sponsor .sponsor_rank{flex-wrap: wrap;row-gap: 1rem;}
	#sect_sponsor .sponsor_rank .sponsor_mark{width:20vw;}
	#sect_sponsor .sponsor_rank .sponsor_mark img{}
	#sect_sponsor .sponsor_rank .sponsor_mark img[loading="lazy"]{transform: translateX(-2rem);}
	#sect_sponsor .sponsor_rank .sponsor_name {padding-left: 1rem;font-size:var(--font-LL);font-weight:700;width:auto;line-height: 1;}
	#sect_sponsor .sponsor_rank .sponsor_name:after{display: none;}
	#sect_sponsor .sponsor_rank .sponsor_name:first-line{}
	#sect_sponsor .sponsor_rank .sponsor_banners{padding:1em;}
	#sect_sponsor .sponsor_rank .sponsor_banners img{}

}