@charset "utf-8";

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	box-sizing: border-box;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}

body {
	line-height: 1;
	/* -webkit-text-size-adjust: 100%; */
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

img {
	vertical-align: middle;
}

body {
/*font-feature-settings: "palt";*/
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: subpixel-antialiased;
	-moz-osx-font-smoothing: unset;
}

@media only screen and(-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
	body {
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}
}

*, *::after, *::before {
	box-sizing: border-box;

}

.clearfix:after {
	content: "";
	clear: both;
	display: block;
}

a {
	color: inherit;
	text-decoration: none;will-change: contents;
}

a,
img,
input,
svg,
*:before,
*:after {
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
}
a:hover img,
a:hover input {
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
}

sup{font-size: 0.65em;vertical-align: top;}
rt{text-align: center;}

html {font-size: 16px;}
img {vertical-align: middle;}
body {color: #333;font-family: 'Montserrat';font-weight:500;}

.w1080 {max-width: 1120px;margin: 0 auto;padding: 0 20px;}
a {transition: opacity 0.2s;}
a:hover {opacity: 0.8;}
.spview {display: none;}
.pcview {display: block;}

@media screen and (max-width:750px) {
html {font-size: 4.2vw;}
body{min-width:unset;}
.w1080 {width: 100%;padding: 0 4vw;}
.spview {display: block;}
.pcview {display: none;}
}


main{padding-top: 80px;}
header{position: fixed;top:0;left:0;width: 100%;border-bottom:1px solid #e4e4e4;z-index: 5;background: #fff;}
header>div{display: flex;justify-content: space-between;align-items: center;height:80px;background: #fff;}
header h1{width: 116px;flex-shrink: 0;}
header h1 img{width: 100%;}
header h1 span{display:none;}
header .nav{display: flex;gap:5px 15px;flex-wrap: wrap;justify-content: flex-end;margin-left:20px;}
header .nav li a{font-size: 14px;font-weight: 600;color:#888;}
header .nav li a.active{color:#1D2DC0;text-decoration: underline;}
header .menu_btn{display: none;}
@media screen and (max-width: 750px) {
main{padding-top: 15vw;}
header>div{height:15vw;}
header h1{width: 30vw;flex-shrink: 0;}
#top_navigation{display: none;position: absolute;top:100%;left:5vw;width:90vw;background:#fff;padding:4vw;box-shadow: 0 0 8px rgba(0,0,0,0.2);z-index:-2;border-top:1px solid #e4e4e4;border-top: 3px solid #1D2DC0;}
header .nav{display: block;font-size: 3.2vw;margin-left:0;}
header .nav li a{padding: 0.8em 1em;display: block;}
header .menu_btn{display: block;width: 30px;cursor: pointer;}
header .menu_btn img{display: 100%;}
}


.kv{background-image: url(./files/Spont-2026_Savethedate-e1751891368970.jpg);background-position: center center;background-repeat: no-repeat;background-size: cover;padding:180px 0 260px;}
.kv .txt p{text-align: right;padding-right:60px;color:#fff;line-height: 1.4;text-shadow: 0 0 16px rgba(0,0,0,0.4);}
.kv .txt p:nth-of-type(1){font-weight: 500;font-size: 32px;}
.kv .txt p:nth-of-type(2){font-weight: 600;font-size: 66px;margin-top: 0.4em;}
.kv .txt p:nth-of-type(3){font-weight: 600;font-size: 48px;}
.kv .btn{padding:0 60px;display: flex;justify-content: space-between;margin-top: 100px;}
.kv .btn p a{font-size: 20px;font-weight: 700;border:2px solid #08caf5;display: block;padding:0.7em 1em;}
.kv .btn p:nth-of-type(1) a{color:#08caf5;background: #000;}
.kv .btn p:nth-of-type(2) a{background: #08caf5;}
@media screen and (max-width: 750px) {
.kv{padding: 10vw 0 25vw;}
.kv .txt p{padding-right:0;}
.kv .txt p:nth-of-type(1){font-size: 5vw;}
.kv .txt p:nth-of-type(2){font-size:11vw;}
.kv .txt p:nth-of-type(3){font-size: 8vw;}
.kv .btn{padding:0;margin-top: 10vw;}
.kv .btn p a{font-size: 3.7vw;}
}


.events_msg{background: #1D2DC0;color:#fff;padding:50px 0;}
.events_msg>div{display: flex;align-items: flex-start;justify-content: space-between;}
.events_msg div div{flex:1;margin-right: 5%;}
.events_msg div p{font-size: 18px;font-weight: 500;letter-spacing: 0.2em;line-height: 1.75;margin-bottom: 1em;}
.events_msg .img{width: 45%;}
.events_msg .img img{width: 100%;}
@media screen and (max-width: 750px) {
.events_msg{padding:8vw 4vw 4vw;}
.events_msg>div{display: block;}
.events_msg div div{margin-right: 0;margin-bottom: 10vw;}
.events_msg div p{font-size: 4.2vw;letter-spacing: 0.1em;}
.events_msg .img{width: 100%;}
}


section h2{font-size: 42px;font-weight: 700;letter-spacing: 0.03em;color:#250784;text-align: center;margin-top: -160px;padding-top:160px;}
@media screen and (max-width: 750px) {
section h2{font-size: 6.8vw;margin-top: -23vw;padding-top:23vw;}
}


.registration{padding:80px 0;}
.registration_inner{margin-top:40px;}
.registration_inner p:not(.link){font-size: 20px;font-weight: 500;letter-spacing: 0.04em;line-height: 1.75;margin-bottom: 1em;}
.registration_inner p.link{margin-top: 50px;}
.registration_inner p.link a{font-size: 26px;font-weight: 600;border:2px solid #08caf5;display: block;padding:0.6em 1.5em;width: max-content;margin:0 auto;background: #000;color:#08caf5;}
.registration_inner p.link span{font-size: 22px;font-weight: 700;display: block;background: #C01D2D;width: max-content;margin:0 auto 1em;color:#ff0;padding:0.6em 1em;}
@media screen and (max-width: 750px) {
.registration{padding:12vw 0;}
.registration_inner{margin-top:5vw;}
.registration_inner p:not(.link){font-size: 4vw;}
.registration_inner p.link{margin-top: 5vw;}
.registration_inner p.link a{font-size: 4vw;padding:1em 2em;}
.registration_inner p.link span{font-size: 3.6vw;width: 100%;text-align: center;padding:0.8em 0;}

}


.abstracts{background:#d1d5f2;padding:80px 0;}
.abstracts_inner{margin-top:40px;}
.abstracts_inner p:not(.link){font-size: 20px;font-weight: 500;letter-spacing: 0.04em;line-height: 1.75;margin-bottom: 1em;}
.abstracts_inner p.link{margin-top: 50px;}
.abstracts_inner p.link a{font-size: 26px;font-weight: 600;border:2px solid #08caf5;display: block;padding:0.6em 1.5em;width: max-content;margin:0 auto;background: #000;color:#08caf5;}
@media screen and (max-width: 750px) {
.abstracts{padding:12vw 0;}
.abstracts_inner{margin-top:5vw;}
.abstracts_inner p:not(.link){font-size: 4vw;}
.abstracts_inner p.link{margin-top: 5vw;}
.abstracts_inner p.link a{font-size: 4vw;padding:1em 2em;}
}

p.link a.disabled{filter: grayscale(1);pointer-events: none;opacity: 0.4;}

.speakers{padding:80px 0;}
.speakers section{padding:40px 0;}
.speakers h3{text-align: center;font-size: 32px;font-weight: 700;letter-spacing: 0.03em;color:#7781D9;margin-bottom: 40px;}
.speakers_inner{}
.speakers_inner ul{display: flex;align-items: flex-start;justify-content:flex-start;flex-wrap: wrap;gap:50px;}
.speakers_inner ul.keynote{justify-content: center;}
.speakers_inner ul li{width: calc((100% - 150px) / 4);}
.speakers_inner ul li img{width: 100%;border-radius: 50%;aspect-ratio: 1/1;height: 100%;object-fit: cover;}
.speakers_inner h4{font-size: 18px;font-weight: 500;text-align: center;margin-top: 0.7em;line-height: 1.5;}
.speakers_inner p{font-size: 14px;font-weight: 500;color:#aaa;text-align: center;margin-top:0.4em;line-height: 1.5;}
@media screen and (max-width: 850px) {
.speakers_inner ul{gap:50px 40px;}
.speakers_inner ul li{width: calc((100% - 80px) / 3);}
}
@media screen and (max-width: 750px) {
.speakers{padding:12vw 0 7vw;}
.speakers section{padding:5vw 0;}
.speakers h3{font-size: 5vw;margin-bottom: 5vw;}
.speakers_inner ul{gap:4vw;}
.speakers_inner ul li{width: calc((100% - 4vw) / 2);}
.speakers_inner h4{font-size: 3.7vw;}
.speakers_inner p{font-size: 3vw;}
}


.program{background:#d1d5f2;padding:80px 0;}
.program h3{text-align: center;font-size: 32px;font-weight: 700;letter-spacing: 0.03em;color:#7781D9;margin-bottom: 40px;}
.program_inner{margin-top:40px;}
.program_inner .program_nav{margin-bottom: 40px;font-size: 22px;font-weight: 600;text-align: center;}
.program_inner .program_nav a{display: inline-block;margin:0 5px;border:1px solid #333;background: #fff;color:#1D2DC0;padding:0.4em 2.3em 0.4em 1.5em;border-radius: 60px;position: relative;}
.program_inner .program_nav a::after{content: '';width: 10px;height: 10px;border-top: solid 2px #555;border-right: solid 2px #555;transform: translateY(-50%) rotate(135deg);position: absolute;top: 46%;right: 0.8em;z-index: 2;}
.program_inner .program_nav a:hover{background: #1D2DC0;color:#fff;}
.program_inner .program_nav a:hover::after{border-color: #fff;}
.program_inner table{width: 100%;font-size: 20px;font-weight: 600;line-height: 1.4;}
.program_inner table+table{margin-top: 50px;}
.program_inner table caption{text-align: center;font-size:28px;font-weight: 700;color:#1D2DC0;text-align: left;margin-bottom: 10px;margin-top: -100px;padding-top:100px;}
.program_inner table caption::before{content:"\25A0";}
.program_inner table th{padding:1em 0;width: 30%;background: #E8EAF8;vertical-align: middle;border:1px solid #bbb;}
.program_inner table td{padding:1em 2em;background: #fff;vertical-align: middle;border:1px solid #bbb;}
.program_inner .tips{border:1px solid #bbb;padding:20px;background:#fff;margin:40px 70px 0;border-radius: 10px;}
.program_inner .tips h4{font-size: 18px;font-weight: 600;margin-bottom: 0.5em;}
.program_inner .tips p{font-size: 14px;font-weight: 500;line-height: 1.5;}
.program_inner section+section{margin-top: 100px;}
.program_inner table ol li{text-indent: -1.5em;padding-left: 1.5em;}
.program_inner table ol li:nth-child(1)::before{content:"1.";margin-right: 0.25em;margin-left: 0.35em;}
.program_inner table ol li:nth-child(2)::before{content:"2.";margin-right: 0.25em;margin-left: 0.2em;}
.program_inner table ol li:nth-child(3)::before{content:"3.";margin-right: 0.25em;margin-left: 0.2em;}
.program_inner table ul li{text-indent: -1em;padding-left: 1em;}
.program_inner table ul li::before{content:"\25AA";}
@media screen and (max-width: 750px) {
.program{padding:12vw 0;}
.program h3{font-size: 5vw;margin-bottom: 5vw;}
.program_inner{margin-top:5vw;}
.program_inner .program_nav{margin-bottom:8vw;font-size: 3.3vw;}
.program_inner .program_nav a{margin:0 0.5vw;padding:0.7em 2.3em 0.8em 1.3em;}
.program_inner .program_nav a::after{width: 2vw;height: 2vw;}
.program_inner table{font-size: 3.7vw;}
.program_inner table+table{margin-top: 7vw;}
.program_inner table caption{font-size:5vw;margin-bottom: 3vw;margin-top: -23vw;padding-top:23vw;}
.program_inner table caption::before{content:"\25A0";}
.program_inner table th{padding:1em 0;width: 35%;}
.program_inner table td{padding:1em 1em;}
.program_inner .tips{padding:4vw;margin:6vw 3vw 0;}
.program_inner .tips h4{font-size: 3.7vw;}
.program_inner .tips p{font-size: 3vw;line-height: 1.4;}
.program_inner section+section{margin-top: 12vw;}

}


.venue{padding:80px 0;}
.venue_inner{margin-top:40px;}
.venue h3{text-align: center;font-size: 32px;font-weight: 700;letter-spacing: 0.03em;color:#7781D9;margin-bottom: 40px;}
.venue section+section{margin-top: 100px;}
.hotel_inner>p{text-align: center;line-height: 1.4;font-size: 22px;font-weight: 500;margin-bottom: 0.5em;letter-spacing: 0.03em;}
.hotel_inner .hotel_ph{display: flex;justify-content: space-between;margin-top: 40px;}
.hotel_inner .hotel_ph p{width: 48%;aspect-ratio: 10/6;}
.hotel_inner .hotel_ph p img{width:100%;height: 100%;object-fit: cover;}
.access_inner .access_map{width: 100%;aspect-ratio: 10/5;overflow: hidden;position: relative;}
.access_inner .access_map iframe{width: 200%;height: 200%;position: absolute;top:-50%;left:-50%;}
.access_inner .access_map+p{text-align: center;margin-top:20px;}
.access_inner .access_map+p a{font-size: 16px;font-weight: 500;text-decoration: underline;letter-spacing: 0.03em;}
.access_inner .access_map+p a::after{content:"";display: inline-block;width: 0.95em;height: 0.95em;background-image: url(./files/blank.svg);background-size: contain;background-repeat: no-repeat;background-position: center bottom;margin-left:0.3em;vertical-align: -1px;}
.route{margin-top:70px;}
.route h4{font-size: 22px;font-weight: 700;padding:12px 20px 10px;letter-spacing: 0.03em;background:#d1d5f2}
.route h4.recommend::after{content:"Recommended";font-size: 0.65em;margin-left:10px;background:#C01D2D;color: #fff;padding:0.2em 0.5em 0.2em;border-radius: 4px;vertical-align: 3px;font-weight: 600;}
.route .route_inner{padding:20px 20px 0;}
.route .route_inner>p{font-size: 22px;font-weight: 600;letter-spacing: 0.03em;line-height: 1.5;}
.route .route_inner>p a{color:#C01D2D;text-decoration: underline;}
.route .route_inner>p+p{font-weight: 600;margin-top:15px;letter-spacing: 0.03em;border:1px solid #aaa;border-radius: 4px;width: max-content;padding:0.3em 1em;font-size: 16px;}
.route ol{margin-top:20px;}
.route ol li:not(:last-child){margin-bottom: 20px;}
.route ol li p:nth-of-type(1){font-size:20px;font-weight: 700;letter-spacing: 0.03em;margin-bottom: 0.4em;text-indent: -1.5em;padding-left:1.5em;}
.route ol li p:nth-of-type(2){font-size: 18px;letter-spacing: 0.03em;line-height: 1.5;padding-left:1.25em;}
.route ol li:nth-of-type(1) p:nth-of-type(1)::before{content:"1.";margin-right:0.25em;}
.route ol li:nth-of-type(2) p:nth-of-type(1)::before{content:"2.";margin-right:0.25em;}
.route ol li:nth-of-type(3) p:nth-of-type(1)::before{content:"3.";margin-right:0.25em;}
.route_star{font-size: 20px;margin-bottom:0.8em;letter-spacing: 0.03em;font-weight: 600;}
@media screen and (max-width: 750px) {
.venue{padding:12vw 0;}
.venue_inner{margin-top:5vw;}
.venue h3{font-size: 5vw;margin-bottom: 5vw;}
.venue section+section{margin-top: 12vw;}
.hotel_inner>p{font-size: 4vw;}
.hotel_inner .hotel_ph{margin-top: 5vw;}
.hotel_inner .hotel_ph p{aspect-ratio: 10/8;}
.access_inner .access_map{aspect-ratio: 10/8;}
.access_inner .access_map+p{margin-top:2.5vw;}
.access_inner .access_map+p a{font-size: 3.2vw;}
.route{margin-top:8vw;}
.route h4{font-size: 4.8vw;padding:0.4em 4vw 0.3em;}
.route h4.recommend::after{margin-left:3vw;vertical-align: 0.5vw;}
.route .route_inner{padding:4vw 0 0;}
.route .route_inner>p{font-size: 4vw;}
.route .route_inner>p+p{margin-top:3vw;width:100%;font-size: 3.6vw;text-align: center;}
.route ol{margin-top:5vw;}
.route ol li:not(:last-child){margin-bottom: 4vw;}
.route ol li p:nth-of-type(1){font-size:4vw;line-height: 1.4;text-indent: -1.25em;padding-left:1.25em;}
.route ol li p:nth-of-type(2){font-size: 3.7vw;padding-left:1.25em;}
.route_star{font-size: 3.7vw;line-height: 1.4;}
}


.contact{background:#d1d5f2;padding:80px 0;}
.contact_inner{margin-top:40px;}
.contact_inner p{text-align: center;letter-spacing: 0.03em;line-height: 1.5;}
.contact_inner p:nth-of-type(1){font-size: 22px;font-weight: 500;}
.contact_inner p:nth-of-type(2){font-size: 26px;font-weight: 600;margin:0.4em 0;}
.contact_inner p:nth-of-type(3){font-size: 18px;font-weight: 500;}
.contact_inner p:nth-of-type(4){font-size: 20px;font-weight:600;margin-top: 1em;}
.contact_inner p:nth-of-type(4) a{color:#1D2DC0;text-decoration: underline;}

@media screen and (max-width: 750px) {
.contact{padding:12vw 0;}
.contact_inner{margin-top:5vw;}
.contact_inner p:nth-of-type(1){font-size: 4.2vw;}
.contact_inner p:nth-of-type(2){font-size: 5vw;}
.contact_inner p:nth-of-type(3){font-size: 3.7vw;}
.contact_inner p:nth-of-type(4){font-size: 4vw;}
}


.sponsors{padding:80px 0;}
.sponsors_inner{margin-top:40px;}
.sponsors_link{display: flex;justify-content: center;align-items: center;gap:40px;}
.sponsors_link p img{width: 100%;height: 100%;object-fit: contain;}
@media screen and (max-width: 750px) {
.sponsors{padding:12vw 0;}
.sponsors_inner{margin-top:5vw;}
.sponsors_link{gap:8vw;}
}


footer{background: #000;}
footer p{text-align: center;font-size: 14px;color:#fff;font-weight: 500;padding:2em 0;}
@media screen and (max-width: 750px) {
footer p{font-size: 3vw;padding:1em 0;}
}